@charset "utf-8";

/* init **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
*{ margin:0; padding:0; box-sizing:border-box; }
select option{ padding:0 5px; }
body{ color:#011535; background: url("../images/top_bg_item.png") center top 191px no-repeat,url(../images/top_bg.jpg) center top repeat-x; font:16px helvetica, arial, 'hiragino kaku gothic pro', meiryo, 'ms pgothic', sans-serif; line-height:1.8; text-align:center; min-width:1300px; _display: inline;_zoom:1; }
h1 , h2 , h3 , h4 , h5 , h6 , address{ font-style:normal; font-weight:normal; font-size:100%; }
ul{ list-style-type:none; }
img{ border:0; vertical-align:bottom; }

table{ border-spacing:0; border:0; }
table th{ text-align:left; vertical-align:middle; font-weight:normal; }
table td{ word-break:break-all; }

.floatR{ float:right; }
.floatL{ float:left; }

.alignL{ text-align:left; }
.alignR{ text-align:right; }
.alignC{ text-align:center; }

.rel{ position:relative; }
.abs{ position:absolute; }


/* clearfix **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.cf:after{ content:" "; display:block; clear:both; }


/* link **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
a:link , a:visited{ color:#0000ff; text-decoration:underline; }
a:hover{ color:#ff8000; text-decoration:underline; }


/* font decoration **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
/* size */
.fontSS{ font-size:12px; }
.fontS{ font-size:14px; }
.fontL{ font-size:20px; }
.fontLL{ font-size:24px; }
.fontLLL{ font-size:28px; }

/* color */
.txt-red{ color:#d2032b; font-weight:bold; }
.txt-blue{ color:#1451c4; font-weight:bold; }
.tcy{color:#d8bf29; font-weight:bold; }
.tcb{color:#0f4273; font-weight:bold; }
.tcs{color:#3d8ace; font-weight:bold; }


/*indent */
.idt , ul.assist li , .system li{ padding-left:1.0em; text-indent:-1.0em; }
.idt-half{ padding-left:0.5em; text-indent:-0.5em; }

/*other */
.str{ font-weight:bold; }
.str-reset{ font-weight:normal; }

.underline{ text-decoration:underline; }
.underline-double{ border-bottom:double medium; }

.waveline{ background:url(../images/wave_line.png) repeat-x left bottom; padding-bottom:7px; }
.waveline-red{ background:url(../images/wave_line_red.png) repeat-x left bottom; padding-bottom:7px; }
.waveline-blue{ background:url(../images/wave_line_blue.png) repeat-x left bottom; padding-bottom:7px; }

.marker{background-color:#fff600; }


/* space **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
/* padding */
.spt0{ padding-top:0px !important; }
.spt5{ padding-top:5px !important; }
.spt10{ padding-top:10px !important; }
.spt15{ padding-top:15px !important; }
.spt20{ padding-top:20px !important; }
.spt25{ padding-top:25px !important; }
.spt30{ padding-top:30px !important; }
.spt35{ padding-top:35px !important; }

.spb0{ padding-bottom:0px !important; }
.spb5{ padding-bottom:5px !important; }
.spb10{ padding-bottom:10px !important; }
.spb15{ padding-bottom:15px !important; }
.spb20{ padding-bottom:20px !important; }
.spb25{ padding-bottom:25px !important; }
.spb30{ padding-bottom:30px !important; }
.spb35{ padding-bottom:35px !important; }

/* margin */
.smt0{ margin-top:0px !important; }
.smt5{ margin-top:5px !important; }
.smt10{ margin-top:10px !important; }
.smt15{ margin-top:15px !important; }
.smt20{ margin-top:20px !important; }
.smt25{ margin-top:25px !important; }
.smt30{ margin-top:30px !important; }
.smt35{ margin-top:35px !important; }
.smt40{ margin-top:40px !important; }
.smt45{ margin-top:45px !important; }
.smt50{ margin-top:50px !important; }

.smb0{ margin-bottom:0px !important; }
.smb5{ margin-bottom:5px !important; }
.smb10{ margin-bottom:10px !important; }
.smb15{ margin-bottom:15px !important; }
.smb20{ margin-bottom:20px !important; }
.smb25{ margin-bottom:25px !important; }
.smb30{ margin-bottom:30px !important; }
.smb35{ margin-bottom:35px !important; }
.smb40{ margin-bottom:40px !important; }
.smb45{ margin-bottom:45px !important; }
.smb50{ margin-bottom:50px !important; }

.sml0{ margin-left:0px !important; }
.sml5{ margin-left:5px !important; }
.sml20{ margin-left:20px !important; }
.sml30{ margin-left:30px !important; }
.sml50{ margin-left:50px !important; }

.smr0{ margin-right:0px !important; }
.smr20{ margin-right:20px !important; }
.smr30{ margin-right:30px !important; }
.smr50{ margin-right:50px !important; }

/* paragraph */
p{ padding:30px 0 }
p.lh-reset{ line-height:1.0; }

/* original frame */
.box{ margin:0 50px; }


/* favorite decoration **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.shadow{ box-shadow:0px 0px 8px rgba(0,0,0,0.4); }

table{ width:calc(100% - 100px); width:-webkit-calc(100% - 100px); border-collapse:separate; border-spacing:1px; background-color:#cdcdcd; line-height:2; font-size:14px; }
/*↑width:calc(100% - boxクラスの左右のmargin); */
table th , table td{ border:1px solid #fff; padding:5px 10px; }
table th{ font-weight:bold; background-color:#cdcdcd; width:22%; vertical-align:middle; }
table td{ background-color:#fff; }
table ol{ margin-left:20px; }

ul.assist{ font-size:12px; padding:15px 25px 12px; line-height:1.6; border:solid 1px #cdcdcd; }

.system{ font-size:14px; }

dl.rule{ padding:20px; border-radius:3px; border:solid 1px #cdcdcd; font-size:12px; line-height:1.6; text-align:left; }
dl.rule dt{ font-weight:bold; font-size:14px; text-align:center; }



/* responsive  **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.pc-item{ display:block; }
.sp-item{ display:none; }

[class^="pic"]{ float:right; margin:0 50px 20px 20px; }
.inner [class^="pic"]{ float:right; margin:0 0 20px 20px; }

.inner{ padding:20px; background-color:#fff; }
.inner p{ margin:0 0 30px; }
.inner p:last-child{ margin:0; }


/* wrap **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.top .wrap{ width:1010px; margin:0 auto; text-align:left; position:relative; }
.wrap{ width:1040px; margin:0 auto; text-align:left; position:relative; }

.entry img{ box-shadow:0 1px 8px rgba(0,0,0,0.2); }


/* header **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.header{background:url("../images/header_bg.jpg") center top no-repeat,url("../images/header_bg_re.jpg")center top repeat-x; height:120px; margin:0 auto; color:#fff;}
.header p{padding:15px; font-size:15px;}

/* top **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
body{ }
.top .tit{margin-left:-9px;}
.top p{font-size:18px; color:#fff; text-align:left; line-height:150%; text-shadow:1px 2px 0px #2170a9; letter-spacing:0.1em; padding:10px 0; font-weight:bold;}
.top .abs{position:absolute; top:40px; right:-135px;}
.top .list p{font-size:28px; color:#ffdd54; padding:0 5px; }
.top .list p .nomal{font-size:19px; color:#fff;}
.top .uline{background:url("../images/top_uline_xrep.png") left bottom repeat-x;}

.top .form{background:url("../images/top_btn_bg.png") center top no-repeat; width:1039px; height:659px; margin:40px auto; text-align:center; padding:80px 50px 0; }
.top .form img{margin-bottom:20px;}

/* contents **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
/* section1 */
.section1{ background:url("../images/sec1_bg.png") bottom right no-repeat,url(../images/bg.jpg) center top repeat; padding:60px 0;}
.section1 .wrap .inner p{ margin:10px; padding:5px 0 20px; color:#3d8ace; }
.section1 .catch { background:url("../images/sec1_icon.png") top left 5px no-repeat; padding-left:30px; font-weight:bold; }
.section1 .txtbox{ border:solid 20px #3d8ace; margin:0 auto; }
.section1 .wrap .inner{ margin:10px; border:solid 10px rgba(61,138,206,0.8); padding:30px 20px 0px; text-align:left; background-color:rgba(255,255,255,0.6);}

.section1 dl{ background-color:rgba(61,138,206,0.2); width:900px; margin:0 auto 30px; padding:40px; border-radius:20px; }
.section1 dl dt ,.section1 dl dd  { margin-bottom:10px; }

.section1 h3{background:url("../images/sec1_sbt_bg.jpg")center top no-repeat; width:910px; height:72px; text-align:left; padding:15px 20px 15px 80px; font-size:25px; color:#fff; letter-spacing:0.1em; margin:0 auto; }

/* section2 */
.section2 .tit{ text-align:center; padding-bottom:30px; }
.section2 .sbtit{background:url("../images/sec2_sbt_bg.png")center top no-repeat; width:910px; height:72px; text-align:left; padding:15px 20px 15px 80px; font-size:25px; color:#fff; letter-spacing:0.1em; margin:0 auto; }

.section2 {background:url("../images/sec2_bg.png")left bottom no-repeat; background-color:#04305c; padding:60px 0; margin:0 auto;}
.section2 .wrap .inner p{ margin:10px; padding:5px 0 20px; color:#fff; }
.section2 .txtbox{ border:solid 23px rgba(85,158,210,0.6);  margin:30px auto 0; width:1040px;}
.section2 .wrap .inner{ border:solid 10px rgba(255,255,255,0.6); padding:30px 25px 0px; text-align:left; background:rgba(85,158,210,0.6); }

/* section3 */
.section3 {background:url("../images/sec3_bg.png")center bottom repeat-x,url(../images/bg.jpg) center top repeat; padding:60px 0; }

.btn{margin-top: 20px;}

/* footer **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.footer{ color:#fff; background-color:#04305c; padding:20px 0 15px 0; }
.footer .wrap{box-sizing: border-box; overflow:hidden; }
.footer .txt{float: left; font-size:12px;}
.footer .url{float: right; font-size:12px; border: solid #fff 1px; width:380px; padding:10px 10px 10px 15px;}
.footer a{ color:#fff; font-size:12px; }


/* ★★★ タブレット ★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media only screen and (max-width: 768px){
/* init **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
body{ min-width:100%; background:none; }

/* space **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
/* paragraph */
p{ margin:0 10px 30px; }

/* original frame */
.box{ margin:0; }


/* favorite decoration **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.card img{ max-width:366px; width:100%; height:auto; }

.tcb{color:#3d8ace; font-weight:bold; }
	
table{ width:100%; }
table th , table td{ display:block; }
table th{ width:100%; }


/* responsive **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.pc-item{ display:none; }
.sp-item{ display:block; }

[class^="pic"],.inner [class^="pic"]{ float:none; margin:0 auto 20px; }

.inner{ padding:20px; text-align:center; }
.inner p{ text-align:left; }

.w100 img{ width:100%; height:auto; }
.w90 img{ width:90%; height:auto; }
p img{ max-width:520px; width:100%; height:auto; }


/* wrap **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.wrap{ width:calc(100% - 20px); -webkit-width:calc(100% - 20px); margin:0 10px; }
/*↑width:calc(ウィンドウ幅 - 左右に空けたい余白の合計値);*/

/* top **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.top p{font-size:12pt; color:#fff; font-weight:bold; text-align:left; line-height:150%}

.form{background:url("../images/top_btn_form_sp.jpg")top center no-repeat; background-size:100%; width:100%; height:100%; padding:10% 5% 20%; margin:0 auto; }
.form img { width:100%; padding-bottom:2%; }
.form a img{ width:90%; }
/* contents **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.contents{ background:url(../images/contents_bg_sp.jpg); }

/* section1 */
.section1{ background:url("../images/sec1_bg.png") bottom right no-repeat; background-size:100%; padding:2% 3%;}
.section1 .wrap .inner p{ margin:10px; padding:5px 0 10px; color:#3d8ace; }
.section1 .catch { background:url("../images/sec1_icon.png") top left 5px no-repeat; padding-left:30px; font-weight:bold; }
.section1 .txtbox{ border:none; margin:0 auto; width:100%;}
.section1 .wrap .inner{ margin:0; border:none; padding:0; text-align:left; background-color:rgba(255,255,255,0);}

.section1 dl{ background-color:rgba(61,138,206,0.2); width:100%; margin:0 0 30px; padding:5%; border-radius:20px; font-size:0.8em; }
.section1 dl dt ,.section1 dl dd  { margin-bottom:10px; }

.section1 .sbtit{background-image:none; background-size:100%; height:100%; width:100%; text-align:left; padding:0;  }
	

/* section2 */
.section2 {background-image:none; width:100%; background-color:#04305c; padding:2% 3%; margin:0 auto;}
.section2 .wrap .inner p{ margin:10px; padding:5px 0 10px; color:#fff; }
.section2 .txtbox{ border:none;  margin:0; width:100%;}
.section2 .wrap .inner{ border:none; padding:0;  text-align:left; background:none; }
.section2 .uline{padding-bottom:5%;}
	
.section2 .tit{ padding:5% 0; }
.section2 .tit img{ width:80%; }
.section2 .sbtit{background-image:none; background-size:100%; height:100%; width:100%; text-align:left; padding:0;  }


/* section3 */
.section3 {background:url("../images/sec3_bg.png")center bottom repeat-x; padding:10% 4% 5%; background-size:100%; }
.section3 p{ margin:0; padding:0 0 5%; }	
.section3 p img{ width:90%;}

/* footer **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.footer .wrap{width:auto; text-align:center;}
.footer .wrap .txt{float:none; margin-bottom:10px;}
.footer .wrap .url{float:none; margin: 0 auto;}


}


@media only screen and (max-width: 540px){
/* top ********** スマホサイズまで待つと小さくなり過ぎるので 540px から2分割にしている
///////////////////////////////////////////////////////////////////////////////////////////////*/



/* ★★★ スマホ ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media only screen and (max-width: 414px){ /* iPhone6Plus */
/* init **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
body{ min-width:320px; }
/*↑最小幅指定*/


/* contents **********
///////////////////////////////////////////////////////////////////////////////////////////////*/


}

}