@charset "utf-8";

/* init **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
*{ margin:0; padding:0; box-sizing:border-box; }
select option{ padding:0 5px; }
body{ color:#333; background:#fff url(../images/top_bg.png) center top no-repeat; font:18px 'Noto Sans JP', sans-serif; line-height:1.8; text-align:center; min-width:1020px; _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; max-width: 100%; }
a img:hover{opacity: 0.6;}

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

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

.rel{ position:relative; }
.abs{ position:absolute; }
.clear{clear: both;}
.forpc{display: block;}
.forsp{display: none;}

/* 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; }
/*a:hover , a img:hover , input[type=image]:hover{ opacity:0.9; }*/


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

/* color */
.txt-red{ color:#d61069; font-weight:bold; }
.txt-blue{ color:#004bd5; font-weight:bold; }
.txt-purple{ color:#7a2fc8; font-weight:bold; }
.txt-navy{ color:#10145c; font-weight:bold; }
.txt-gray{ color:#999; font-weight:bold; }
.pink{color: #df4364;}
.bg_yl{background:#fffd59;}
/*indent */
.br-add{ display: none; }

.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; }
.marker-g{background-color:#e7e7e7; }
.marker-y{ background: linear-gradient(transparent 60%, #f1ff57 60%); }

.dot-txt{ letter-spacing:0.9px; padding-top:10px; background-position:top left -2px; background-repeat:repeat-x; }
.dot-txt.dotM{ background-size:17px 5px; }
.dot-txt.dotL{ background-size:21px 5px; }
.dot-txt.dotLL{ background-size:25px 5px; }
.dot-txt.black{ background-image:radial-gradient(3px 3px at center center,#333,#333 80%,transparent); }
.dot-txt.red{ background-image:radial-gradient(3px 3px at center center,#e90031,#e90031 80%,transparent); }
.dot-txt.blue{ background-image:radial-gradient(3px 3px at center center,#004bd5,#004bd5 80%,transparent); }


/* 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; }
.smt50{ margin-top:50px !important; }
.smt100{ margin-top:100px !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; }
.smb100{ margin-bottom:100px !important; }

.sml0{ margin-left:0px !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{ margin:0 0 30px 0; }
p.lh-reset{ line-height:1.0; }

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


/* responsive  **********
///////////////////////////////////////////////////////////////////////////////////////////////*/

[class^="pic"]{ float:right; margin:0 50px 20px 20px; }
/* wrap **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.wrap{ width:1100px; margin:0 auto; text-align:left; position:relative; }


/* header **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
header{background: url("../images/header_bg.png") no-repeat top center; height: 1071px;padding:30px 0 0 0;}
header img{margin: 0 auto 0 auto;}

/* movie **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.movie-frame{ position:relative; width:auto; width:100%; height:0; }
.movie-frame.ratio16by9{ padding-top:56.25%; }
.movie-frame.ratio4by3{ padding-top:75%; }
.movie-frame video, .movie-frame iframe, .movie-frame object, .movie-frame embed{ position:absolute; top:0; left:0; width:100%; height:100%; border-radius: 5px; }

.yt{ width:560px; height:auto; margin:60px auto; }
.yt{ padding:8px; box-shadow:5px 5px 0 #10145c; }
.yt{ background:#f1f1f1; border-radius: 5px; }


/* contents **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.header_bottom{background: url("../images/b_head_bg.png") top center no-repeat; padding: 30px 0;}
.header_bottom img{margin:0px auto;}

.title1{background: url("../images/title_bg.png") top center no-repeat; padding: 120px 0 0 0; text-align: center; height: 285px; position: relative; top: -35px;}
.title1 h2{font-size: 40px; color: #fff; text-shadow: 0px 0px 18px rgba(0,0,0,0.9); font-family: tbudrgothic-std, sans-serif; font-weight: 700; font-style: normal;}

.title2{background: url("../images/title_bg.png") top center no-repeat; padding: 90px 0 0 0; text-align: center; height: 285px;}
.title2 h2{font-size: 40px; color: #fff; text-shadow: 0px 0px 18px rgba(0,0,0,0.9); font-family: tbudrgothic-std, sans-serif; font-weight: 700; font-style: normal;}

.title3{background: url("../images/title2_bg.png") top right no-repeat; height: 87px; padding: 20px; text-align: center;}
.title3 h2{font-size: 35px; color: #fff; font-family: tbudrgothic-std, sans-serif; font-weight: 700; font-style: normal;}

.title4{background: url("../images/sec04_title_bg.png") top center no-repeat; height: 426px;}

.wrapper{width: 980px; margin: 0px auto;}
.sec01, .sec02, .sec04, .sec08{padding: 30px 0;}
.sec03{background: #4ec6c2; padding: 30px 0;}
.sec03 P{color: #fff; text-align: left; margin: 30px 0;}
.sec05{background: url("../images/sec05_bg.png") top center no-repeat; padding: 30px 0 60px 0;}
.sec05 P{color: #fff; text-align: left; margin: 30px 0;}
.sec06{background: #dcfaff; padding: 30px 0; position: relative; top: -50px;}
.sec06 img{margin: 0 0 20px 0;}
.sec07{background: url("../images/sec07_bg.png") top center no-repeat; width:981px; height: 2698px; margin: 50px auto;}
.sec07 p{padding: 130px 0 0 60px; line-height: 27px; text-align: left; color: #000; font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;}

.box_outer{background: rgb(2,0,36); background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(135,216,214,1) 0%, rgba(117,198,255,1) 100%); padding: 5px;}
.box_outer2{background: rgb(2,0,36); background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(135,216,214,1) 0%, rgba(117,198,255,1) 100%); padding: 5px; border: 1px solid #fff;}
.box_inner{background: #dffdfc; padding: 30px;}
.box_inner p{text-align: left;}


.icon-navy li{ padding-left: 35px; margin-bottom: 5px; font-weight: 600; font-size: 18px; background: url("../images/navy_icon.png")left center / 25px no-repeat; margin-left: 50px; }
.icon-green li{ padding-left: 35px; margin-bottom: 5px; font-weight: 600; font-size: 18px; background: url("../images/green_icon.png")left center / 25px no-repeat; margin-left: 50px; }

.bg-g{ background: #e6e6e6 url("../images/bg-g.png")top -50px center repeat; margin-top: 50px; padding-top: 50px; padding-bottom: 50px; }
.w-base{ background: rgba(255,255,255,0.5); width: 45%; margin: 0 auto; padding: 20px; margin-bottom: 100px; margin-top: 30px; }

.seminner{ margin: 0 auto; position: relative; padding: 40px 50px; width: 80%; background: #fff; border-radius: 10px; box-shadow: 5px 5px 0 #d2d2d2; margin-top: 50px; }
.seminner:before{ content: ''; display: block; position: absolute; left: -30px; width: 69px; height:31px; background: url("../images/line.png")no-repeat; }
table{width:100%; margin: 30px 0; border-spacing:0 8px;}
tr{}
th{background: #4ec6c2; vertical-align: middle; text-align: center; color: #fff; width:40%; border: 1px solid #4ec6c2;}
td{background: #fff; padding: 20px; color: #000; text-align: left; border: 1px solid #4ec6c2;margin:10px 0;}


/* footer **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.footer{ color:#fff; background-color:#333; padding:10px 10px 20px; text-align:center; }
.footer a{ color:#fff; font-size:12px; }



/* ★★★ スマホ ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media only screen and (max-width: 768px){ /* iPhone6Plus */
/* init **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
body{ min-width:300px; }
.forpc{display: none;}
.forsp{display: block;}

	/* header **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
header{background:none; height: auto;}
header img{margin:0 auto;}


/* responsive **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.br-sp-reset{ display:none; }


/* movie **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.movie-short li{ width:100%; }


/* contents **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.wrapper{width: 100%; margin: 0px auto;}
.title1{background:none; padding: 0; text-align: center; height:auto; position:relative; top: 0;}
.title2{background:none; padding:0; text-align: center; height:auto;}
.title3{background:none; height:auto; padding: 0; text-align: center;}
.title4{background:none; height:auto;}
.sec03{background: #4ec6c2; padding: 30px 10px;}
.sec05{background: none; padding: 0;}
.sec06{background: #dcfaff; padding: 30px 0 0 0; position: relative; top: -50px;}
.sec07{background: url("../images/sec07_bg_sp.png") top center no-repeat #faf9ec; width:100%; height:auto; margin:30px auto 0 auto; padding: 50px 10px 0 10px; background-size: contain;}
.sec07 p{padding: 50px 0; margin: 0; font-size: 16px; line-height: 24px; text-align: justify; color: #000; font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;}
.box_outer{background: rgb(2,0,36); background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(135,216,214,1) 0%, rgba(117,198,255,1) 100%); padding: 5px;}
.box_outer2{background: rgb(2,0,36); background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(135,216,214,1) 0%, rgba(117,198,255,1) 100%); padding: 5px; border: 1px solid #fff;}
.box_inner{background: #dffdfc; padding: 10px;}
.box_inner p{text-align: justify;}
.sec01, .sec02, .sec04, .sec08{padding: 0;}
.sec03 P{color: #fff; text-align: justify; margin: 30px 0 0 0;}
.sec05 P{color: #fff; text-align: justify; margin: 30px 0 0 0;}


}