body{ margin:0;}
.clear{ clear:both; height:0;}
.clearfix:after{ content:"."; display:block; clear:both; height:0; visibility:hidden;}
.clearfix{ min-height:0;}
* html .clearfix{ height:0; /*\*//*/ height: auto; overflow: hidden; /**/}
.center{ text-align:center;}
img{ border:0; vertical-align:bottom;}
ul{ margin:0; padding:0; list-style:none;}

/*--- top ---*/
#container{ width:100%; margin:0 auto; color:#000; font-size:16px; line-height:180%; font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
#container a:hover img{ opacity:0.7; filter:alpha(opacity=70);}
#container .inner{ width:980px; margin:0 auto;}

#container p.pankuzu{ width:945px; font-size:16px; margin:15px auto; padding-left:35px; background:url(../img/flag.png) no-repeat 5px 5px;}
#container p.pankuzu a{ color:#000; text-decoration:underline;}
#container p.pankuzu a:hover{ color:#000; text-decoration:none;}

#main{ background:url(../img/bg_family.jpg) no-repeat center top; background-size:cover; min-width:980px; margin-bottom:50px;}
#main h1{ padding:120px 0 0; margin:0; text-align:center;}
#main p.lead{ color:#fff; font-size:20px; text-align:center; font-weight:bold; margin:0; padding:0 0 120px; line-height:200%;}
#main .arw{ margin:0 auto;}
#main .arw img{ width:100%;}

#container h2{ text-align:center; margin:0;}
#container p.catch{ text-align:center; margin:20px 0 80px; font-size:18px; line-height:200%;}

#container .bg01{ background:url(../img/bg_exp.jpg) no-repeat center bottom; background-size:cover; min-width:980px; margin-bottom:50px;}
#container .bg01 .arw{ margin:0 auto; padding-top: 500px;}
#container .bg01 .arw img{ width:100%;}
#container .bg02{ background:url(../img/bg_spe01.jpg) no-repeat center /*150px*/ bottom max(-10vw,-50px); background-color: #ececec; background-size:cover; min-width:980px; position: relative;}
#container .bg02::before{ content: ""; width: 100%; height: 50px; position: absolute; top: -1px; left: 0; background: #019FE8;}
#container .bg03{ background:url(../img/bg_spe02.jpg) no-repeat center 220px; background-size:cover; min-width:980px;}
#container .bg04{ background:url(../img/bg_spe03.jpg) no-repeat center 150px; background-size:cover; min-width:980px;}
#container .bg_h3{ background-color:#019FE8; padding:100px 0 230px;}
#container .illust01{ float:left; padding-left:30px; padding-top:25px;}
#container .illust02{ float:left; padding-left:30px; padding-top:0;}
#container .h3Wrap{ float:left; padding-left:50px;}
#container .h3Wrap h3{ margin:0;}
#container .h3Wrap p{ color:#FFF; margin-top:30px;}
#container .nMargin{ width:980px; margin:-150px auto 0;}
#container .uBnr{ text-align:center; position: relative;}

#container .exE{ width:980px; margin-bottom:60px;}
#container .exE:after{ content:"."; display:block; clear:both; height:0; visibility:hidden;}
#container .exEL{ width:460px; float:left;}
#container .exER{ width:460px; float:right;}
#container .b_blue{ background:#019FE8; color:#FFF; padding:25px 0 0;}
#container .exE .b_blue h4{ margin:0 0 0 30px; text-align:left; font-size:20px;}
#container .exE .b_blue p{ text-align:left; margin:15px 30px 25px;}
#container .b_white{ background:#FFF; color:#019FE8; padding:25px 0 0;}
#container .exE .b_white h4{ margin:0 0 0 30px; text-align:left; font-size:20px; padding-bottom:25px;}
#container .exE .b_white p{ text-align:left; margin:15px 30px 0;}
#container .exE p.btn_step{ text-align:right; margin:0;}
#container .mb60{ margin-bottom:60px;}
#container .pb360{ padding-bottom:360px;}
#container .pb400{ padding-bottom: 400px;}

#container p.note{ font-size:12px; line-height:140%; margin:30px 0 40px;}


.pc{ display:inline;}
.sp{ display:none;}