@charset "utf-8";

/*@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}*/
@keyframes delayAnimeA{0%{opacity:0;transform:translateY(50px);}100%{opacity:1;transform:translateY(0);}}
@keyframes delayAnimeB{0%{opacity:0;transform:translateX(-100px);}100%{opacity:1;transform:translateX(0);}}

/* =Reset default browser CSS.
Based on work by Eric Meyer:http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;margin:0;outline:0;padding:0;vertical-align:baseline;}
:focus{outline:0;}
ol,ul{list-style:none;}
table{border-collapse:separate;border-spacing:0;}
caption,th,td{font-weight:normal;text-align:left;}
blockquote:before,blockquote:after,q:before,q:after{content:"";}
blockquote,q{quotes:"";}
img{max-width:100%;height:auto;vertical-align:bottom;-webkit-backface-visibility: hidden;}
a img{max-width:100%;height:auto;border:0;}
a:hover img{opacity: 0.8; filter: alpha(opacity=80); -moz-opacity: 0.8; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
body{font:16px/1.75 "ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","游明朝",YuMincho,"HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;color:#000;animation:fadeIn 2s ease 0s 1 normal; font-feature-settings : "palt"; }
/*::after{ display: block; clear: both; content: '';}*/

/* リンク設定
------------------------------------------------------------*/
a{text-decoration:none;outline:0;vertical-align:baseline;color:#000;}
a:hover,a:active{color:#000;}

/**** Clearfix ****/
.inner:after{content:""; display:table;clear:both;}
.inner{zoom:1;}
.clearfix:before,.clearfix:after{content:" ";display:table;}
.clearfix:after{clear:both;}
.clearfix{*zoom:1;}

/* 汎用クラス
*****************************************************/
.pcDisp{display:block;}
.spDisp{display:none;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
img.alignLeft{float:left;margin:0 10px 10px 0;display:inline;}
img.alignRight{float:right;margin:0 0 10px 10px;display:inline;}
.cent{text-align:center;}
.alR{text-align:right;}
.block{display:block;}
.fontL{font-size:1.5rem;}
.fontPink{color:#df5d5d;}
.pcBlock{display:block;}
.delayAnime{animation-fill-mode:both;animation-duration:2s;animation-name:delayAnimeA;visibility:visible !important;}
ul.check{margin:0 auto 20px;list-style-type:none;}
ul.check li{position:relative;margin:0 0 5px;padding-left:25px;font-size:1.1rem;}
ul.check li:after,ul.check li:before{width:4px;height:11px;content:'';background:#ff931e;position:absolute;top:0.43em;left:0.5em;display:block;border-radius:10px;transform:rotate(45deg);}
ul.check li:before{height:8px;top:0.6em;left:0.2em;transform:rotate(-45deg);}
ol.number{margin:0 auto 10px;list-style-type:decimal;}
ol.number li{margin:0 0 5px 25px;font-size:1.1rem;}


/* ヘッダー
------------------------------------------------------------*/
header ul li:nth-child(1){ background: url(images/kv1.jpg) no-repeat; background-size: 100%;}
header ul li:nth-child(2){ background: url(images/kv2.jpg) no-repeat; background-size: 100%;}
header ul li:nth-child(3){ background: url(images/kv3.jpg) no-repeat; background-size: 100%;}

/* メイン画像
*****************************************************/
#kv{background: url(images/kv1.jpg) no-repeat; background-size: 100%;}
#kv .inner{max-width:1400px;width:100%;margin:0 auto;padding-top:0;display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;}
#kv h1 img{ width: 100%;}

/* 見出し
*****************************************************/
section h2{ font-size: 50px; background: #150a7c;  text-align: center; color: #fff; padding-bottom: 44px; margin-bottom: 43px; }
section h2 span{background: linear-gradient(transparent 90%, #eef48d 90%);padding: 0 30px 15px;}

/* コンテンツ
*****************************************************/
#topnews dl{ max-width:1200px; width:96%; margin:0 auto 35px;}
#topnews dl dt.accT2{ background:url(images/qa_waku.jpg) repeat; padding:10px 10px 10px 10px;font-family: "Hiragino Mincho Pro","ヒラギノ明朝 Pro W3","ＭＳ Ｐ明朝", "MS PMincho" ; margin-top:20px; color:#535353; font-size:1.8rem;box-shadow:0px 7px 5px -7px #4f4f4f;}
#topnews dl dt.accT2 div{background: url(images/qa_tit2.jpg) repeat-x; padding:20px; line-height:100%; color:#fff;}
#topnews dl dd.accC2{padding:18px 10px 18px 80px;box-shadow:0px 7px 5px -7px #4f4f4f;background:url(images/qa_waku.jpg) repeat; padding:0 10px 10px 10px;} 
#topnews dl dd.accC2 div.qaset{ background:#fff; padding: 20px;}
#topnews dl dd.accC2 span{ color:#D21316;}
#topnews dl dd.accC2 div.qaset div img{ float:left; margin-right:30px;}
.accT2 { position: relative; cursor: pointer;}
.accT2::after { content: url(images/open2.png); position: absolute; top: 23px; right: 25px; width: 36px; height: 36px;}
.accT2.open::after { content: url(images/close2.png);}
#topnews dl dd.accC2 img{ width: 50%; margin: 0 auto 20px;}

#cts1{ background: url(images/bg1.jpg);}
#cts1 .inner{ padding: 100px 100px 80px 40px;}
#cts1 .cts1_l{ width: 353px; float: left; margin-right: 80px;}
#cts1 .cts1_r{ width: 605px; float: left; margin-top: 10px;}
#cts1 .cts1_r p{ margin-bottom: 40px; font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic","ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;}
#cts1 .cts1_r .name{text-align: right; margin-top: 75px; font-size: 18px;}

#cts2{ margin-top: 100px;}
#cts2 .cts2_l{ width: 600px; float: left;}
#cts2 .cts2_r{ float: right;}
#cts2 .cts2_main::after{ display: block; clear: both; content: ''; margin-bottom: 30px;}
#cts2 .no{ background: url(images/cts2_riyu.jpg) no-repeat; text-align: center; padding-top: 27px; font-size: 40px;font-weight: bold; width: 87px; margin-right: 13px; float: left;}
#cts2 p{ font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic","ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif; margin-bottom: 30px;}
#cts2 li h3{ font-size: 28px; color: #150a7c; line-height: 40px; margin-top: 5px; margin-bottom: 30px;}
#cts2 h3::after{ display: block; clear: both; content: '';}
#cts2 li:nth-child(3) h3{ margin-top: 30px;}
#cts2 li{ margin-bottom: 50px;}
/*モザイク背景*/
.blurBg1,.blurBg2,.blurBg3,.blurBg4,.blurBg5,.blurBg6{ width: 522px; height: 320px; padding-left: 48px; position: relative; z-index: 0; overflow: hidden;}
.blurBg1:before,.blurBg2:before,.blurBg3:before,.blurBg4:before,.blurBg5:before,.blurBg6:before{ content: ''; background: inherit; -webkit-filter: blur(5px); -moz-filter: blur(5px); -o-filter: blur(5px); -ms-filter: blur(5px); filter: blur(5px); position: absolute; top: -5px; left: -5px; right: -5px; bottom: -5px; z-index: -1;}
.blurBg1{background: url(images/cts2_1.jpg) no-repeat left bottom;}
.blurBg2{background: url(images/cts2_2.jpg) no-repeat left bottom;}
.blurBg3{background: url(images/cts2_3.jpg) no-repeat left bottom;}
.blurBg4{background: url(images/cts2_4.jpg) no-repeat left bottom;}
.blurBg5{background: url(images/cts2_5.jpg) no-repeat left bottom;}
.blurBg6{background: url(images/cts2_6.jpg) no-repeat left bottom;}
/*スラッシュ区切り*/
.heading {display: flex;justify-content: center;align-items: center;font-size: 26px;text-align: center;color:#898989;font-weight: lighter;}
.heading::before,.heading::after {content: '';width: 140px;height: 1px;background-color: #898989;}
.heading::before {margin-right: 20px;}
.heading::after {	margin-left: 20px;}

#cts3{ margin-top: 100px;background: url(images/bg3.jpg); background-size: 100% 100%; padding-bottom: 50px;}
#cts3 .balloon::after{ right: 42.5%;}
#cts3 .balloon span{width: 99.3%;}
#cts3 .inner{ margin-top: 80px;}
#cts3 li{background: url(images/bg4.jpg) repeat-x;box-shadow: 2px 2px 4px gray; padding: 10px 5px 5px; width: 30%; float: left; margin-bottom: 30px;}
#cts3 li .cts{ background: #fff; padding: 25px 25px 30px; width: 100%; box-sizing: border-box; text-align: center; height: 478px;}
#cts3 li:nth-child(2){ margin: 0 2.5%;}
#cts3 li:nth-child(4){ margin-right: 2.5%;}
#cts3 li:nth-child(4),#cts3 li:nth-child(5){ width: 46.7%;}
#cts3 li h3{ color: #150a7c; margin-top: 20px; margin-bottom: 20px; font-size: 22px; font-weight: bold; line-height: 30px;}
#cts3 li h3 span{background: linear-gradient(transparent 60%, #eef48d 60%); padding-left: 5px; padding-right: 5px;}
#cts3 li p{ text-align: left;font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic","ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;}

#cts4{ background: #f9f9f9;}
#cts4 .inner{ background: #fff; padding: 80px 100px;}
#cts4 .cts4_h2{ background: #080c62; border: 1px #000000 solid; padding: 4px; margin-bottom: 30px;}
#cts4 h2{ border: 1px solid #fff; font-size: 50px; height: 100px; line-height: 100px; margin: 0; padding-bottom: 0;}
#cts4 li{ margin-bottom: 60px;}
#cts4 h3 {display: flex;justify-content: center;align-items: center;font-size: 24px;text-align: center;font-weight: lighter; margin-bottom: 30px;}
#cts4 h3::before,#cts4 h3::after {content: '';width: 140px;height: 1px;background-color: #898989;}
#cts4 h3::before { margin-right: 20px;}
#cts4 h3::after { margin-left: 20px;}
#cts4 h3 span{ color: #fff;font-size: 42px; background: url(images/cts4_no.jpg) no-repeat; width: 82px; height: 82px; line-height: 82px;}
#cts4 .cts4_top{ text-align: center; font-weight: bold; margin-bottom: 20px; font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic","ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;}
#cts4 .cts4_top span{ color: #080c62;}
#cts4 .cts4_img{ background: url(images/cts4_arrow.jpg) no-repeat center center;}
#cts4 li:nth-child(3) .cts4_img,#cts4 li:nth-child(4) .cts4_img{ margin-bottom: 20px;}
#cts4 .cts4_img::after{ display: block; clear: both; content: '';}
#cts4 .cts4_img_l{ width: 442px; float: left; background: url(images/cts4_b.jpg) no-repeat left bottom; padding-bottom: 27px; }
#cts4 .cts4_img_r{ width: 442px; float: right; background: url(images/cts4_a.jpg) no-repeat left bottom; padding-bottom: 27px; }
#cts4 .cts4_txt{ margin-top: 65px; background: #f9f9f9; padding: 25px; box-sizing: border-box; font-size: 14px; font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic","ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;}
#cts4 .cts4_txt .tit,#cts4 .cts4_txt .tit2{ font-weight: bold;}
#cts4 .cts4_txt .tit2{ margin-top: 45px;}
/*220915追記*/
#cts4 .accT2{ background:#080c62; color: #fff; width: 300px; margin: 0 auto 30px; padding: 10px 20px; box-sizing: border-box; text-align: center;font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic","ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif; border-radius: 5px;}
#cts4 .accT2::after {  content: ''; position: absolute; top: 16px; right: 25px; width: 16px; height: 16px; background: url(images/open2.png) no-repeat; background-size: 100%;}
#cts4 .accT2.open::after {content: '';position: absolute; top: 16px; right: 25px; width: 16px; height: 16px; background: url(images/close2.png) no-repeat; background-size: 100%;}

#cts5{ background: url(images/bg1.jpg); padding: 100px 0 30px;}
#cts5 .cts5_l{ width: 470px; float: left; margin-right: 80px;}
#cts5 .cts5_r{ width: 630px; float: left; margin-top: 10px;}
#cts5 .cts5_r p{ margin-bottom: 40px; font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic","ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;}
#cts5 p{ line-height: 200%; margin-bottom: 30px; font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic","ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;}
#cts5 .cts5_r .name{ font-size: 20px; margin-bottom: 40px;}
#cts5 .cts5_r .name2{ font-size: 30px;}
#cts5 .cts5_r .name3{ font-size: 14px;}
#cts5 .cts5_r h3{font-size: 25px; color: #150a7c; margin-bottom: 45px;}
#cts5 .keireki{ background: #fff; border: 1px solid #ccc; padding: 20px; box-sizing: border-box; margin-top: 40px; margin-bottom: 50px;}
#cts5 .keireki li{ width: 50%; float: left;}
#cts5 .keireki li h4{font-size: 18px; font-weight: bold;font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic","ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;}
#cts5 .keireki p{ margin-bottom: 0;}
#cts5 .keireki::after{ display: block; clear: both; content: '';}
#cts5 .staff::after{ display: block; clear: both; content: '';}
#cts5 .staff1{ width: 560px; float: left;}
#cts5 .staff2{ width: 560px; float: right;}
#cts5 .staff h3{ font-size: 20px; margin-top: 20px; text-align: center;}
#cts5 .staff h3 .name2{ font-size: 30px;}
#cts5 .staff h3 .name3{ font-size: 14px;}

#cts6 .balloon::after{ right: 41.5%;}
#cts6 dt{ font-size: 25px;color: #150a7c; margin-bottom: 15px; font-weight: bold;}
#cts6 dd{ margin-bottom: 25px; padding-bottom: 25px; border-bottom: 1px solid #000; font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic","ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;}
#cts6 dd span{font-size: 25px; color: #951111; font-weight: bold;font-family:"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","游明朝",YuMincho,"HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif; }
#cts6 dd:last-child{ border-bottom: none;}

#cts7{ margin-top: 80px; margin-bottom: 30px;}
#cts7 dl{ border: 1px solid #000; padding: 0 20px; box-sizing: border-box; margin-bottom: 50px; font-size: 14px;font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic","ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;}
#cts7 dl::after{ display: block; clear: both; content: '';}
#cts7 dt,#cts7 dd{ width: 50%; border-bottom: dotted 1px #000; padding-top: 20px; padding-bottom: 20px;}
#cts7 dt{ float: left; padding-left: 20px; box-sizing: border-box;}
#cts7 dd{float: right; text-align: right; padding-right: 20px; box-sizing: border-box; }
#cts7 dt.last{ border-bottom: none;}
#cts7 dd:last-child{ border-bottom: none;}
#cts7 h3{ color: #150a7c; font-size: 20px; margin-bottom: 15px; text-align: center; font-weight: bold;}

#cts8{ margin-bottom: 100px;}
#cts8 .top{ font-size: 18px; text-align: center; margin-bottom: 30px;}
#cts8 .waku{margin-bottom: 70px;}
#cts8 .waku::after{ display: block; clear: both; content: '';}
#cts8 .waku1 h3,#cts8 .waku2 h3{ margin-bottom: 35px; color: #150a7c; font-size: 23px; font-weight: bold;}
#cts8 .waku3 h3,#cts8 .waku4 h3{  color: #150a7c; font-size: 23px; font-weight: bold;}
#cts8 .waku1 img,#cts8 .waku2 img{ margin-bottom: 17px;} 
#cts8 .waku1,#cts8 .waku2,#cts8 .waku3,#cts8 .waku4{ border: 1px solid #000; text-align: center; padding: 20px 0; box-sizing: border-box;}
#cts8 .waku1,#cts8 .waku2{ margin-right: 10px;}
#cts8 .waku1{ width: 490px; float: left;}
#cts8 .waku2{ width: 300px; float: left;}
#cts8 .waku3{ width: 190px; float: left; margin-bottom: 10px;}
#cts8 .waku4{ width: 190px; float: left;}
#cts8 .koujyo h3{ background: #787878; color: #fff; text-align: center; font-size: 20px; padding: 10px; margin-bottom: 35px;}
#cts8 .koujyo p{ margin-bottom: 50px;font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic","ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;}
#cts8 .shiki { font-size: 18px; margin-bottom: 30px; font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic","ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;}
#cts8 .shiki span{ padding: 5px 10px;}
#cts8 .shiki .blue{ background: #150a7c; color: #fff;}
#cts8 .shiki .gry{ background: #e0e0e0;}
#cts8 .koujyo .fs{ font-size: 13px; margin-bottom: 80px;}
#cts8 .koujyo h4{ color:#150a7c; font-size: 20px; margin-bottom: 20px;}
#cts8 .koujyo h4 span{ border-bottom: double 3px #150a7c; padding-bottom: 5px;}
#cts8 .koujyo .shiki2 span{ background: linear-gradient(transparent 60%, #eef48d 60%); padding-bottom: 3px;}
#cts8 table{ width: 100%; border-bottom: 1px solid #000; border-right: 1px solid #000;font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic","ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;}
#cts8 th,#cts8 td{ text-align: center; padding: 10px 0; border-top: 1px solid #000; border-left: 1px solid #000; vertical-align: middle;}
#cts8 th{ background: #e0e0e0; font-weight: bold;}

/* フォーム
*****************************************************/
#form .inner2{  margin-bottom: 100px;}
#form .inner2 .top{ color: #951111; font-size: 18px; margin-bottom: 10px;}
#form_main{border: 1px solid #000;padding: 80px; box-sizing: border-box;font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic","ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;}
#form_main::after,#form_main dl::after{ display: block; clear: both; content: '';}
#form_main dl dt{ font-weight:bold; font-size:14px; margin-bottom:13px; clear:both; width: 30%; float: left; clear: both; border-top: dotted 1px #000; padding-top: 20px;}
#form_main dl dd{ margin-bottom:20px; width: 70%; float: right;font-size:14px;border-top: dotted 1px #000; padding-top: 20px;}
#form_main dl dt.start,#form_main dl dd.start{ border-top: none;}
#form_main dl dd::after{ display: block; clear: both; content: '';}
#form_main dl span.hissu{ color:#bd0000;margin-left:15px; font-size:14px;}
#form_main dl input,#form_main dl select{width:50%; height:30px; font-size:16px; border:#a7a6a6 1px solid; padding:0 2%; box-sizing: border-box; background: #fff;}
#form_main dl input.years{ width: 15%;}
#form_main input[type="checkbox"]{ display: none;}
#form_main #btn{ margin-top: 80px;}
.radio-input + label{  padding-left: 45px;  position:relative;  margin-right: 30px;}
.radio-input + label::before{ content: ""; display: block; position: absolute; top: -8px; left: 0; width: 30px; height: 30px; border: 1px solid #a7a6a6; border-radius: 50%; background: #fff;}
.radio-input:checked + label{ color: #bd0000;}
.radio-input:checked + label::after{ content: ""; display: block; position: absolute; top: -5px; left: 3px; width: 26px;  height: 26px; background: #bd0000; border-radius: 50%;}
#form_main ul li{ line-height: 30px; margin-bottom: 10px; width: 100%;}
#form_main ul::after{ display: block; clear: both; content: '';}
#form_main dl textarea{max-width:100%; font-size:16px; border:#a7a6a6 1px solid; padding:0 2%;box-sizing:border-box; background: #fff; height: 200px!important;}
#form_main .txt{ margin-bottom: 20px;}
#form_main #btn{ clear:both; width:100%; text-align:center;}
#form_main button{border:none; background:none;}
.formend{max-width:1000px; width:100%; margin:100px auto; text-align: center;}
.formend h2{ font-size: 30px; margin-bottom: 50px;}
.kibobi{ margin-bottom: 10px;}

/* 共通エリア
*****************************************************/
section::after{ display: block; clear: both; content: '';}
section .inner{ max-width: 1200px; width: 96%; margin: 0 auto; box-sizing: border-box;}
section .inner2{ max-width: 1000px; width: 96%; margin: 0 auto; box-sizing: border-box;}
.bigline{ font-size: 18px; font-weight: bold; background: linear-gradient(transparent 60%, #eef48d 60%); padding-bottom: 5px;}
.redline{ color: #951111; font-size: 18px; font-weight: bold; background: linear-gradient(transparent 60%, #eef48d 60%); padding-bottom: 5px;}
.fontgo{ font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic","ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;}
/*画像フレーム*/
.frame-box {padding: 10px;position: relative;}
.frame-box::before, .frame-box::after {	content: '';width: 100%;height: 22px;position: absolute;box-sizing: border-box;}
.frame-box::before {border-left: solid 1px #898989;	border-right: solid 1px #898989;border-top: solid 1px #898989;top: 0;left: 0;}
.frame-box::after {	border-right: solid 1px #898989;border-bottom: solid 1px #898989;border-left: solid 1px #898989;bottom: 0;right: 0;}
/*吹き出し*/
.box{background: #150a7c; text-align: center; font-size: 22px;}
.box2{background: #150a7c; text-align: center; font-size: 22px; color: #fff; padding-top: 44px;}
.balloon{ display: inline-block; position: relative; margin: 44px 20px 20px 20px; padding: 0 20px; background: #150a7c; border-bottom: 1px solid #fff; color: #fff; height: 40px;}
.balloon::before{ content: ""; position: absolute; bottom: -30px; right: 43%; width: 0; height: 0; border-top: 30px solid #fff; border-left: 12px solid transparent; border-right: 12px solid transparent; transform-origin: left top; transform: skewX(-30deg);}
.balloon::after{ content: ""; position: absolute; bottom: -26px; right: 42%; width: 0; height: 0; border-top: 30px solid #150a7c; border-left: 12px solid transparent; border-right: 12px solid transparent; transform-origin: left top; transform: skewX(-30deg);}
.balloon span{position: absolute;bottom: 0;left: 0;width: 99.5%;height: 10px;border-right: solid 1px #fff;border-left: solid 1px #fff;}

.res{background: url(images/bg2.jpg); padding-top: 33px; padding-bottom: 33px; color: #fff; text-align: center;}
.res .tit{ font-size: 23px; margin-bottom: 40px;}
.res .tit {display: flex;justify-content: center;align-items: center;font-size: 26px;text-align: center;color:#fff;font-weight: lighter;}
.res .tit::before,.res .tit::after {content: '';width: 140px;height: 1px;background-color: #fff;}
.res .tit::before {margin-right: 20px;}
.res .tit::after {	margin-left: 20px;}
.res .tel{ margin-bottom: 10px;}
.res .time{margin-bottom: 20px; font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic","ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;}
/*きらっと光る*/
.btnshine{ position: relative; display:inline-block; overflow: hidden; border-radius: 6px;}
.btnshine::after { content: ""; display: block; width: 30px; height: 100%; margin: 10px; position: absolute; top: -180px; left: 0; background-color: #FFF; opacity: 0; transform: rotate(45deg); animation: reflect 2s ease-in-out infinite; -webkit-transform: rotate(45deg); -webkit-animation: reflect 2s ease-in-out infinite;}
@keyframes reflect {
  0% { transform: scale(0) rotate(45deg); opacity: 0; }
  80% { transform: scale(0) rotate(45deg); opacity: 0.5; }
  81% { transform: scale(4) rotate(45deg); opacity: 1; }
  100% { transform: scale(50) rotate(45deg); opacity: 0; }
}
@-webkit-keyframes reflect {
  0% { transform: scale(0) rotate(45deg); opacity: 0; }
  80% { transform: scale(0) rotate(45deg); opacity: 0.5; }
  81% { transform: scale(4) rotate(45deg); opacity: 1; }
  100% { transform: scale(50) rotate(45deg); opacity: 0; }
}

/* フッター
*****************************************************/
footer{ border-top: #150a7c 10px solid; padding:50px 0;box-sizing:border-box;}
footer .inner{max-width:1000px;width:96%;margin:0 auto;padding:0;box-sizing:border-box;}
footer .inner::after{ display: block; clear: both; content: '';}
footer .foot_l{ width: 540px; float: left;}
footer .foot_l h2{ font-size: 20px; margin-bottom: 25px;}
footer .foot_l .train{ margin-bottom: 30px; background: url(images/icon1.jpg) no-repeat left top; padding-left: 30px; font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic","ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;}
footer .foot_l .add{ margin-bottom: 30px; background: url(images/icon2.jpg) no-repeat left center; padding-left: 30px; font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic","ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;}
footer .foot_l .tel{ font-size: 28px; background: url(images/icon3.jpg) no-repeat left center; padding-left: 30px; margin-bottom: 30px;}
footer .foot_l .time{ margin-bottom: 10px; background: url(images/icon4.jpg) no-repeat left center; padding-left: 30px; font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic","ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;}
footer .foot_l table{ width: 100%; border-bottom: 1px solid #b3b3b3; border-right: 1px solid #b3b3b3;font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic","ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;}
footer .foot_l th,footer .foot_l td{ text-align: center; padding: 5px 0; border-top: 1px solid #b3b3b3; border-left: 1px solid #b3b3b3; vertical-align: middle;}
footer .foot_l th{ background: #e0e0e0;}
footer .foot_r{ width: 420px; float: right; }
footer .foot_r iframe{ width: 100%; height: 425px;border: 1px solid #ccc;}
footer .pagetop{ position: fixed; bottom: 0; right: 0;opacity: 0;transition: all .5s ease;}
footer .pagetop.isActive{opacity: 1;}
address{padding:10px;background:#150a7c;font-size:.9rem;text-align:center;word-break:break-all;box-sizing:border-box; color: #fff;}

/* グローバルナビゲーション
*****************************************************/
nav#mainNav{background:#031357;}
nav#mainNav ul{max-width:1200px;width:100%;margin:0 auto;flex-wrap:nowrap;justify-content:space-around;align-items:center;}
nav#mainNav li{text-align:center;box-sizing:border-box; float: left;}
nav#mainNav li a{margin:0 auto;padding:30px 37.2px;font-size:15px;font-weight:bold;color:#fff;display:block;box-sizing:border-box;background:#031357;}
nav#mainNav li a:hover{background:#150a7c;}
nav#mainNav ul::after{ display: block; clear: both; content: '';}
div.drawer,div.fixedMenu,.spMenuCenter{display:none;}


/* スマホサイズ
------------------------------------------------------------*/
@media only screen and (max-width:644px){
.pcDisp{display:none;}
.spDisp{display:block;}
div.drawer{display:block;}
nav#mainNav{display:none;}
section h2{ font-size: 30px;padding-bottom: 20px; margin-bottom: 20px; }
section h2 span{padding: 0 10px 15px;}
.balloon{ margin: 20px;}
.res{ padding-left: 10px; padding-right: 10px;}
.res .tit{ font-size: 20px;}
.res .tit::before,.res .tit::after {width: 50px;}
.fixedMenu{width:100%;position:fixed;bottom:0;left:0;box-sizing:border-box;z-index:100;opacity: 0; transition: all .5s ease; display: block!important;}
.fixedMenu.isActive {opacity: 1;}
.fixedMenu ul{ }
.fixedMenu ul li{ text-align: center; box-sizing: border-box;}
.fixedMenu ul li a{ text-align: center; color: #fff; font-weight: bold; padding: 15px 10px; display: block;}
.fixedMenu ul li:first-child{ background: #d91245;position: relative; padding-left: 10px; box-sizing: border-box; padding-right: 0; width: 30%; float: left;}
.fixedMenu ul li:last-child{ background: #4cc764;position: relative; padding-left: 20px; box-sizing: border-box; padding-right: 0; width: 70%; float: left;}
.fixedMenu ul li:first-child img{ position: absolute; top: 0; bottom: 0; margin: auto; left: 10px;}
.fixedMenu ul li:last-child img{ position: absolute; top: 0; bottom: 0; margin: auto; left: 35px;}


header ul li:nth-child(1){ background: url(images/sp_kv1.jpg) no-repeat; background-size: 100%;}
header ul li:nth-child(2){ background: url(images/sp_kv2.jpg) no-repeat; background-size: 100%;}
header ul li:nth-child(3){ background: url(images/sp_kv3.jpg) no-repeat; background-size: 100%;}
#kv{background: url(images/sp_kv1.jpg) no-repeat; background-size: 100%;}
footer .foot_l{ width: 100%; float: none; margin-bottom: 30px;}
footer .foot_r{ width: 100%; float: none;}
footer .pagetop{ bottom: 55px !important;}

#topnews dl{ margin:0 auto 20px;}
#topnews dl dt.accT2{ background:url(images/qa_waku.jpg) repeat; padding:5px;font-family: "Hiragino Mincho Pro","ヒラギノ明朝 Pro W3","ＭＳ Ｐ明朝", "MS PMincho" ; margin-top:20px; color:#535353; font-size:1rem;box-shadow:0px 7px 5px -7px #4f4f4f;}
#topnews dl dt.accT2 div{background: url(images/qa_tit2.jpg) repeat-x; padding:20px; line-height:100%;}
#topnews dl dd.accC2{padding:10px 10px 10px 60px;box-shadow:0px 7px 5px -7px #4f4f4f;background:url(images/qa_waku.jpg) repeat; padding:0 5px 5px 5px;} 
#topnews dl dd.accC2 div.qaset{ background:#fff; padding:10px; font-size:12px; line-height:150%;}
#topnews dl dd.accC2 div.qaset div img{ width:60%; float:none; margin-right:0; display:block; margin:15px auto;}
.accT2 { position: relative; cursor: pointer;}
.accT2::after { content: url(images/open2.png); position: absolute; top: 18px; right: 30px; width: 20px; height: 20px;}
.accT2.open::after { content: url(images/close2.png);}

#cts1 .inner{ padding: 50px 20px;}
#cts1 .cts1_l{ width: 50%; float: none; margin:0 auto 30px;}
#cts1 .cts1_r{ width: 100%; float: none; margin-top: 0;}
#cts1 .cts1_r p{ margin-bottom: 20px;}
#cts1 .cts1_r .name{ margin-top: 20px;}
#cts2{ margin-top: 50px;}
#cts2 .cts2_l{ width: 100%; float: none;}
#cts2 .cts2_r{ width: 100%; height: auto;float: none; text-align: right;}
#cts2 p{  margin-bottom: 20px;}
#cts2 li h3{ font-size: 20px; line-height: 30px;margin-bottom: 30px;}
#cts2 li:nth-child(3) h3{ margin-top: 0;}
#cts2 li{ margin-bottom: 20px;}
.blurBg1,.blurBg2,.blurBg3,.blurBg4,.blurBg5,.blurBg6{ width: 100%; height: auto; padding-left: 0; padding-bottom: 30px;}
.blurBg1 img,.blurBg2 img,.blurBg3 img,.blurBg4 img,.blurBg5 img,.blurBg6 img{ width: 90%;}
#cts3{ margin-top: 50px;}
#cts3 li{ width: 100%; float: none; margin-bottom: 20px; box-sizing: border-box;}
#cts3 li .cts{ padding: 25px 25px 30px; width: 100%; box-sizing: border-box; text-align: center; height: auto;}
#cts3 li:nth-child(2){ margin: 0 0 20px 0;}
#cts3 li:nth-child(4){ margin-right: 0;}
#cts3 li:nth-child(4),#cts3 li:nth-child(5){ width: 100%;}
#cts4 .inner{ padding: 40px 10px 0;}
#cts4 h2{ font-size: 30px; height: 60px; line-height: 60px;}
#cts4 h3::before,#cts4 h3::after {width: 40px;}
#cts4 .cts4_img_l{ width: 100%; float: none;padding-bottom: 27px; margin-bottom: 60px; }
#cts4 .cts4_img_r{ width: 100%; float: none;padding-bottom: 27px; }
#cts4 .cts4_img{ background: url(images/sp_cts4_arrow.jpg) no-repeat center center;}
#cts5{  padding: 50px 0 30px;}
#cts5 .cts5_l{ width: 100%; float: none; margin: 0 auto 20px; box-sizing: border-box;}
#cts5 .cts5_r{ width: 100%; float: none; margin-top: 10px;}
#cts5 .keireki li{ width: 100%; float: none; margin-bottom: 10px;}
#cts5 .staff1{ width: 100%; float: none;}
#cts5 .staff2{ width: 100%; float: none;}
#cts6 dt{ font-size: 20px;}
#cts6 dd span{font-size: 20px;}
#cts7 dt{ width: 80%; padding-left: 0;}
#cts7 dd{ width: 20%; padding-right: 0;}
#cts8 .waku1{ width: 100%; float: none;}
#cts8 .waku2{ width: 100%; float: none;}
#cts8 .waku3{ width: 100%; float: none; margin-bottom: 0;}
#cts8 .waku4{ width: 100%; float: none;}
#cts8{ margin-bottom: 50px;}
#form{padding: 10px 0;}
#form h2{margin-bottom:40px;}
#form .inner2{ padding: 10px;}
#form #form_main{ padding: 15px 20px;}
#form_main dl dt{ font-size:16px; clear:both; width: 100%; float: none;}
#form_main dl dd{ margin-bottom:20px; width: 100%; float: none; padding: 0!important;font-size:14px;}
#form_main dl input{width:100%; height:30px; font-size:14px; box-sizing: border-box;}
.radio-input + label{  padding-left: 28px;}
.radio-input + label::before{  top: -3px; width: 20px; height: 20px;}
.radio-input:checked + label{ color: #bd0000;}
.radio-input:checked + label::after{ top: 0; width: 16px;  height: 16px;}
#form_main dl textarea{font-size:14px;}
#form_main .txt{ margin-bottom: 20px;}
}

/* エンゲージメント
*****************************************************/
#daialog {position:fixed;z-index: 10;padding: 0;bottom:10px;right:60px;}
#daialogBox{position:relative;}
#daialogBtn{position:absolute;right:0;top:0;z-index:30;}
.blogBtn{position:fixed;right:0;top:0;z-index:100;}
#daialogClose{position:absolute;right:0px;top:0;z-index:30;cursor: pointer;}
#daialog a:hover img{animation:none;}
@media only screen and (max-width:644px){
#daialog {position:fixed;z-index: 10;padding: 0;bottom:60px;right:60px;}
#daialogClose{width: 16.1879%;}
}

/* スマホサイズ（iPhoneSE）
------------------------------------------------------------*/
@media only screen and (max-width:480px){

.fixedMenu ul li:first-child{ width: 26% !important;}
.fixedMenu ul li:last-child{width: 74% !important;}