@charset "UTF-8";

/* reset,preset
**************************************************************************************************/
#wrap * {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
body { line-height:1; margin:0; }
h1, h2, h3, h4, h5, h6, p { margin: 0; }
p { line-height:1.5; }
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section
{	display:block; }
hr { display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0; }
ul { list-style:none; margin:0; padding:0; }
li { margin:0; padding:0; }
input, select { vertical-align:middle; }
img { vertical-align:middle; }

a img { }
a:hover img { }

/* mediaquery
**************************************************************************************************/

/* fontsize,color
**************************************************************************************************/
/* transimg -透過処理- */
body #wrap  { font:14px/1.231 "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif; *font-size:small;*font:x-small; color: #000; position: relative; }
body #wrap a { text-decoration:none;  -webkit-transition: all 0.3s; transition: all 0.3s; }
body #wrap a:hover {opacity:0.7; }
body #wrap a img { position:relative; }
select,input,button,textarea { font:99% helvetica,arial,clean,sans-serif }
table { font-size:inherit;font:100% }
pre,code,kbd,samp,tt { font-family:monospace;*font-size:108%;line-height:100% }
.wl { font-family:Helvetica, sans-serif; }
.sanserif { font-family:Helvetica,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }


/* box
**************************************************************************************************/
.ib_wrap { letter-spacing: -1em; }

/* headline
**************************************************************************************************/

/* background
**************************************************************************************************/

/* float-align
**************************************************************************************************/
.clear { clear:both; }
.flr { float:right; }
.fll { float:left; }
.center { text-align: center!important; } 
.center img { display:inline; }
.left { text-align: left; } 
.flrpic { float:right; display:inline; margin:0px 0px 15px 15px; }
.flrpic img { margin-bottom:5px; display:inline; }
.fllpic { float:left; margin:0px 15px 15px 0px; }
.fllpic img { margin-bottom:5px; display:inline; }
.centerpic { margin:0px auto; text-align:center; }
.centerpic img { margin-bottom:5px; display:inline; }
.flrtbl { float:right; margin:0px 0px 25px 25px; }
.flltbl { float:left; margin:0px 25px 25px 0px; }
.alr { text-align:right!important; }
.alr img { display:inline; }
.inline { display:inline; }
.all { text-align:left!important; }
.mauto { margin:0px auto!important; }

/* img
**************************************************************************************************/
img.full { width:100%; max-width:100%; height:auto; }


/* button
**************************************************************************************************/


.btn01 { padding:20px 0; display:block; color:#fff; font-size:20px; font-weight:bold; text-align:center; border-radius: 6px; color: #fff; max-width: 580px; margin: 0 auto;}
.btn01 > span { background:url(../../img/kanpo/common/arw03.png) 0 50% no-repeat; display:block; }
.btn01 > span span.nw { background:url(../../img/kanpo/common/icn-newwin_w.png)  100% 50% no-repeat; padding-right:25px; }
.btn01-child { background: #f47890 url(../../img/kanpo/common/arw-r02.png) calc(100% - 10px) 50% no-repeat;  }
.btn01-care { background: #41c7a9 url(../../img/kanpo/common/arw-r02.png) calc(100% - 10px) 50% no-repeat;  }
.btn01-health { background: #65a1c5 url(../../img/kanpo/common/arw-r02.png) calc(100% - 10px) 50% no-repeat;  }
.btn01-money { background: #bc9709 url(../../img/kanpo/common/arw-r02.png) calc(100% - 10px) 50% no-repeat;  }

/* select input
**************************************************************************************************/

/* lists
**************************************************************************************************/
ul.col2 { text-align:center; }
ul.col2 li { width:48%; display:inline-block; position:relative; }
ul.col2 li img { width:100%; }

ul.col1img { text-align:center; }
ul.col1img li { width:100%; display:inline-block; position:relative; margin-bottom:2%; vertical-align:top; }
ul.col1img li img { width:100%; }

ul.col2img { text-align:center; }
ul.col2img li { width:48%; display:inline-block; position:relative; margin-bottom:2%; margin-right:2%; vertical-align:top; }
ul.col2img li img { width:100%; }
ul.col2img li:nth-child(2n) { margin-right:0; }
ul.col2img .caption { margin-top:10px; }
ul.col2img li.vtop { vertical-align:top!important; }
ul.col2img li.vmiddle { vertical-align:middle!important; }

ul.list-dflt { margin: 1em 0; }
ul.list-dflt > li { margin-bottom: 10px; position: relative; padding-left: 20px;}
ul.list-dflt > li:before {  content: '・'; display: inline-block; text-indent: 0; font-weight: bold; font-size: 30px; position: absolute; top: 13px; left: -5px; line-height: 0; color: #d6d9c3;}
ul.list-dflt ul.list-dflt { margin-top: 0.5em!important; }
ul.list-dflt ul.list-dflt li:before { color: #ddd; }

ul.list-bullet { margin: 1em 0; }
ul.list-bullet > li { margin-bottom: 10px; position: relative; padding-left: 20px;}
ul.list-bullet > li:before {  content: '■'; display: inline-block; text-indent: 0; font-weight: bold; font-size: 12px; position: absolute; top: 11px; left: 0px; line-height: 0;}

ol.list-dflt { margin: 1em 0 1em 1.5em; }
ol.list-dflt > li { margin-bottom: 10px; position: relative; list-style: decimal;}

ul.list-decimal { margin: 1em 0; }
ul.list-decimal > li { counter-increment: calc-ex9; margin-bottom: 4px; position: relative; padding-left: 20px; }
ul.list-decimal > li:before {  content: counter(calc-ex9); display: inline-block; width: 1em; text-indent: 0; font-size: 14px;  position: absolute; top: 1px; left: 0px; font-weight: bold; }

ul.list-upper-roman { margin: 1em 0; }
ul.list-upper-roman > li {  counter-increment: calc-ex10; margin-bottom: 4px; position: relative; padding-left: 20px; }
ul.list-upper-roman > li:before {  content: counter(calc-ex10, upper-roman); display: inline-block; width: 1em; text-indent: 0; font-size: 14px; position: absolute; top: 0px; left: 0px; }

ul.list-lower-alpha { margin: 1em 0; }
ul.list-lower-alpha > li { counter-increment: calc-ex09; margin-bottom: 4px; position: relative; padding-left: 20px; }
ul.list-lower-alpha > li:before {  content: counter(calc-ex09, lower-alpha)'.'; display: inline-block; width: 1em; text-indent: 0; font-size: 13px; position: absolute; top: 0px; left: 0px; }

ul.list-notice { margin-bottom: 1em; }
ul.list-notice > li { text-indent: -1em; margin-left: 1em; font-size: 12px; background: none!important; }
ul.list-notice > li:before {  content: '※'; display: inline-block; width: 1em; text-indent: 0; }

ul.list-notice-number { margin-bottom: 1em; }
ul.list-notice-number > li { font-size: 12px; position: relative; padding-left: 35px; }
ul.list-notice-number > li span { position: absolute; top: 0px; left: 0px;  }


/* text
**************************************************************************************************/
.caution { color: #E51D1D; }


/* images
**************************************************************************************************/

/* border
**************************************************************************************************/
.rounded { position:relative; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -pie-border-radius: 8px; }

/* linkstyles
**************************************************************************************************/

/* fontsize
**************************************************************************************************/

/* table
**************************************************************************************************/
.cells { display:table; }
.cells .cell { display:table-cell; }
.cells.col01 .cell { width:100%; }
.cells.col02 .cell { width:50%; }
.cells.col03 .cell { width:33.333333%; }

/* box
**************************************************************************************************/
.imgtxt { }
.imgtxt .img { }
.imgtxt .img .caption { display:block; margin-top:6px; font-size:12px; }
.imgtxt .txt { overflow:hidden; }


/* import
**************************************************************************************************/
.siegeTextBoxType1 {
  margin: 0px 40px 20px;
  padding: 25px;
  background: #f7f7f7;
  border: 1px dotted #b2b2b2;
}
/* noteBlock1
-------------------------------------------------- */
.noteBlock1 {
  zoom: 1;
}

.noteBlock1:after {
  content: "";
  display: block;
  clear: both;
}

.noteBlock1 .exclamation {
  padding-left: 60px;
  background: url(/img/shared_v2/ico_exclamation_1.png) no-repeat left top;
  min-height: 47px;
  float: left;
}

.noteBlock1 .exclamation.text {
  width: 439px;
}

.noteBlock1 .question {
  padding-left: 60px;
  background: url(/img/shared_v2/ico_question_1.png) no-repeat left top;
  min-height: 47px;
  float: left;
}

.noteBlock1 .question.text {
  width: 630px;
}

.noteBlock1 .inspiration {
  padding-left: 60px;
  background: url(/img/shared_v2/ico_inspiration_1.png) no-repeat left top;
  min-height: 47px;
  float: left;
}

.noteBlock1 .inspiration.text {
  width: 630px;
}

.noteBlock1 .btn {
  float: right;
  width: 192px;
}

.noteBlock1 .btn .btnLink {
  width: 192px;
  padding: 0;
  margin: 0;
  text-align: center;
  list-style: none;
}

.noteBlock1 .btn .btnLink li {
  width: 192px;
  margin: 0;
  display: block;
}

.noteBlock1 .btn .btnLink li a {
  padding: 10px 0 8px;
  font-size: 16px;
  display: block;
  zoom: 0;
  color: #ffffff;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
}

.noteBlock1 .btn .btnLink li a:hover {
  text-decoration: none;
}

.noteBlock1 .btn .btnLink li a span {
  background: url(/img/shared_v2/bg_btnarrow_1.png) right center no-repeat;
  display: block;
  padding: 0 30px;
}

.noteBlock1 .btn .btnLink li.close a {
  background-color: #bbb;
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0) 67%);
  background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0) 67%);
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0) 67%);
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0) 67%);
  font-weight: bold;
}

.noteBlock1 .btn .btnLink li.close a:hover {
  background-color: #cdcdcd;
}

.noteBlock1 .btn .btnLink li.blue a {
  background-color: #669dcd;
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0) 67%);
  background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0) 67%);
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0) 67%);
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0) 67%);
  font-weight: bold;
}

.noteBlock1 .btn .btnLink li.blue a:hover {
  background-color: #8cb6da;
}

.noteBlock1 .btn .btnLink li.orange a {
  background-color: #e18e3d;
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0) 67%);
  background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0) 67%);
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0) 67%);
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0) 67%);
  font-weight: bold;
}

.noteBlock1 .btn .btnLink li.orange a:hover {
  background-color: #e6a361;
}

/* life-event-box
-------------------------------------------------- */
.life-event-box {
  padding: 15px 15px 5px;
  background: #f7f7f7;
  margin-bottom: 10px;
}
.life-event-box .system-list {
  overflow: hidden;
  *zoom: 1;
  width: 100%;
  padding: 0;
  margin: 0 4px 0 5px;
  list-style: none;
  zoom: 1;
	font-size:0;
}
.life-event-box .system-list li {
  width: 290px;
	display:inline-block;
  padding: 8px 5px;
  color: #bfbfbf;
  background: #eeeeee;
  border: 1px solid #e2e2e2;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  font-size: 14px;
  text-align: center;
  line-height: 1.05;
  margin-right: 10px;
  margin-bottom: 10px;
	height:auto!important;
	vertical-align:top;
}
.life-event-box .system-list li.link {
  border: 1px solid #9fc2e0;
  background: #e5eef7;
}
.life-event-box .system-list li.link a {
  color: #005bab;
  cursor: pointer;
  display: block;
  vertical-align: middle;
	background:none;
	border:0;
	padding:8px 0;
}
.life-event-box .system-list li.void span {
  display: block;
	padding:8px 0;
}


/* width
**************************************************************************************************/
.m0 {	margin:0 !important;} .mt0 {	margin-top:0 !important;} .mr0 {	margin-right:0 !important;} .mb0 {	margin-bottom:0 !important;} .ml0 {	margin-left:0 !important;}
.m10 {	margin:10px !important;} .mt10 {	margin-top:10px !important;} .mr10 {	margin-right:10px !important;} .mb10 {	margin-bottom:10px !important;} .ml10 {	margin-left:10px !important;}
.m20 {	margin:20px !important;} .mt20 {	margin-top:20px !important;} .mr20 {	margin-right:20px !important;} .mb20 {	margin-bottom:20px !important;} .ml20 {	margin-left:20px !important;}
.m30 {	margin:30px !important;} .mt30 {	margin-top:30px !important;} .mr30 {	margin-right:30px !important;} .mb30 {	margin-bottom:30px !important;} .ml30 {	margin-left:30px !important;}
.m40 {	margin:40px !important;} .mt40 {	margin-top:40px !important;} .mr40 {	margin-right:40px !important;} .mb40 {	margin-bottom:40px !important;} .ml40 {	margin-left:40px !important;}
.m50 {	margin:50px !important;} .mt50 {	margin-top:50px !important;} .mr50 {	margin-right:50px !important;} .mb50 {	margin-bottom:50px !important;} .ml50 {	margin-left:50px !important;}
.p0 {	padding:0 !important;} .pt0 {	padding-top:0 !important;} .pr0 {	padding-right:0 !important;} .pb0 {	padding-bottom:0 !important;} .pl0 {	padding-left:0 !important;}
.p10 {	padding:10px !important;} .pt10 {	padding-top:10px !important;} .pr10 {	padding-right:10px !important;} .pb10 {	padding-bottom:10px !important;} .pl10 {	padding-left:10px !important;}
.p20 {	padding:20px !important;} .pt20 {	padding-top:20px !important;} .pr20 {	padding-right:20px !important;} .pb20 {	padding-bottom:20px !important;} .pl20 {	padding-left:20px !important;}
.p30 {	padding:30px !important;} .pt30 {	padding-top:30px !important;} .pr30 {	padding-right:30px !important;} .pb30 {	padding-bottom:30px !important;} .pl30 {	padding-left:30px !important;}
.p40 {	padding:40px !important;} .pt40 {	padding-top:40px !important;} .pr40 {	padding-right:40px !important;} .pb40 {	padding-bottom:40px !important;} .pl40 {	padding-left:40px !important;}
.p50 {	padding:50px !important;} .pt50 {	padding-top:50px !important;} .pr50 {	padding-right:50px !important;} .pb50 {	padding-bottom:50px !important;} .pl50 {	padding-left:50px !important;}
.pl05 { padding-left:5px!important; }
.w5 {	width:5% !important;} .w10 {	width:10% !important;}
.w15 {	width:15% !important;} .w20 {	width:20% !important;}
.w25 {	width:25% !important;} .w30 {	width:30% !important;}
.w35 {	width:35% !important;} .w40 {	width:40% !important;}
.w45 {	width:45% !important;} .w50 {	width:50% !important;}
.w55 {	width:55% !important;} .w60 {	width:60% !important;}
.w65 {	width:65% !important;} .w70 {	width:70% !important;}
.w75 {	width:75% !important;} .w80 {	width:80% !important;}
.w85 {	width:85% !important;} .w90 {	width:90% !important;}
.w95 {	width:95% !important;} .w100 {	width:100% !important;}
.w300 { width:300px !important; }
.w350 { width:350px !important; }
.w50p { width: 50px!important; }
.w80p { width: 80px!important; }
.w100p { width: 100px!important; }
.wauto {	width:auto !important;}
.whalf {	width:355px;}
div.indent .whalf {	width:335px;}
div.indent div.indent .whalf {	width:315px;}
.align_right {	text-align:right!important;}
.align_center {	text-align:center!important;}
.center { text-align:center!important; }
.align_left {	text-align:left;}
.fontSS {	font-size:77% !important;}
.fontS {	font-size:93% !important;}
.fontM {	font-size:100% !important;}
.fontL {	font-size:123.1% !important;}
.fontLL {	font-size:146.5% !important;}
.font_normal {	font-weight:normal;}
.font_bold {	font-weight:bold;}
.nowrap {	white-space:nowrap;}
a.bd img { border:1px solid #ddc086; }

/* flex
**************************************************************************************************/

/* clrfix
**************************************************************************************************/
.clrfix:after,
.section:after,
.inner:after,
.block:after,
.box:after,
.set:after { 
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}

.clrfix,
.section,
.inner,
.block,
.box,
.set {  
	display:inline-table;
	min-height:1%;
}

* html .clrfix,
* html .section,
* html .inner,
* html .block,
* html .box,
* html .set { 
	height:1px;
}

.clrfix,
.section,
.inner,
.block,
.box,
.set {  
	display:block;
}