html {}
body{ font-size:10pt; line-height:1.8em; background-color:#EFEFE1; color:#3B3B3B; font-family: "Mplus 1p";}

.bg-guard {background-color:#003f98;}
.bg-guide {background-color:#006834;}
.bg-meisi {background-color:#ea5414;}

.tx-guard {color:#003f98; font-weight:700;}
.tx-guide {color:#006834; font-weight:700;}
.tx-meisi {color:#ea5414; font-weight:700;}
.tx-kyocho {color:#bc111c; font-weight:700;}
/*
*******************************************************************
headerbox
*******************************************************************
*/
#header{width:100%; text-align:center;}
/*
*******************************************************************
menu PC
*******************************************************************
*/
#menuarea,.fix-header{background-color: #003f98; padding:18px 0 16px 0;z-index:10;}
.fix-header {	top: -150px;	position: fixed;	opacity:0;	z-index: 1000; width:100%; background-color:rgba(201,206,209,0.95); border-bottom:#C9C9C9 1px solid; padding-bottom:5px;	}

.menulink {float:left; width:13%; text-align:center; margin:0 1%; font-size:10pt;}
.menulink a{ display:block; color:#595753;	transition-duration: 0.3s; padding:4px;}
.menulink a:hover{text-decoration:none; transform: scale(1.1);	transition-duration: 0.3s;}

.fix-header .menulink a{ color:#595753;}

/*.menuli1 a{color:#ffffff;}*/
.menuli1on,.menuli1on,.menuli2on,.menuli3on,.menuli4on,.menuli5on,.menuli6on{border-radius: 10px;}
.menuli1on{background-color:#EFA13B; color:#ffffff;}
.menuli2on{background-color:#EFA13B; color:#ffffff;}
.menuli3on{background-color:#EFA13B; color:#ffffff;}
.menuli4on{background-color:#EFA13B; color:#ffffff;}
.menuli5on{background-color:#EFA13B; color:#ffffff;}
.menuli6on{background-color:#EFA13B; color:#ffffff;}

.menuli1 a:hover,.menuli2 a:hover,.menuli3 a:hover,.menuli4 a:hover,.menuli5 a:hover,.menuli6 a:hover{border-radius: 10px;}
.menuli1 a:hover{background-color:#f7e068; color:#003f98;}
.menuli2 a:hover{background-color:#f7e068; color:#003f98;}
.menuli3 a:hover{background-color:#f7e068; color:#003f98;}
.menuli4 a:hover{background-color:#f7e068; color:#003f98;}
.menuli5 a:hover{background-color:#f7e068; color:#003f98;}
.menuli6 a:hover{background-color:#f7e068; color:#003f98;}

.menuli1on a{color:#ffffff;}
.menuli2on a{color:#ffffff;}
.menuli3on a{color:#ffffff;}
.menuli4on a{color:#ffffff;}
.menuli5on a{color:#ffffff;}
.menuli6on a{color:#ffffff;}
.menuli1on a:hover,.menuli2on a:hover,.menuli3on a:hover,.menuli4on a:hover,.menuli5on a:hover,.menuli6on a:hover{text-decoration:none; transform:none;}

.page_top {	position: fixed;	bottom:-120px; right:20px;	opacity:0; width:120px;	z-index: 1000; }
@media screen and (max-width : 992px ){
.page_top {	position: fixed;	bottom:-60px; right:20px;	opacity:0; width:60px;	z-index: 1000; }
}

.bt-contact {	position: fixed;	top:20%; right:20px;	opacity:0; width:240px;	z-index: 1000; }
.bt-contact:hover { transform-origin: 50% 50%; transform: scale(1.1); transition-duration: 0.4s;}

/*
*******************************************************************
menu スマフォ
*******************************************************************
*/
#menu_sp_base{display:none;}

@media screen and (max-width : 992px ){
#menu_sp_base{display:block;width:100%;position:absolute;left:0;padding-top:10px;width:100%;background:transparent;height:75px;box-sizing:border-box;position:relative;z-index:9997;}
.sp-logo { height:45px; margin-top:3px; margin-left:10px;}

.menu_sp_icon_base{display:block;width:200px;height:55px;position:absolute;right:25px;top:5px; text-align:right;}
.menu_sp_icon{ float:left; width:50px; margin-left:15px; }
.menu_sp_icon img{height:55px;}

#navigation {
	width:100%; height:100%; display: block; position: fixed; top:70px; right:0; z-index: -1; overflow:auto; color:rgba(0, 23, 100,1.0);
	-webkit-transform: translate3d(200%, 0, 0); -ms-transform: translate3d(200%, 0, 0); transform: translate3d(200%, 0, 0);
	-webkit-transition: transform 300ms cubic-bezier(0.645, 0.045, 0.355, 1),opacity 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
	-ms-transition: transform 300ms cubic-bezier(0.645, 0.045, 0.355, 1),opacity 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: transform 300ms cubic-bezier(0.645, 0.045, 0.355, 1),opacity 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
	z-index: 9999 !important;
}

#navigation.show {
	z-index: 9999 !important; position: fixed; right:0; opacity: 1; overflow:visible;
	-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0);
	-webkit-transition: transform 300ms cubic-bezier(0.645, 0.045, 0.355, 1);-ms-transition: transform 300ms cubic-bezier(0.645, 0.045, 0.355, 1);transition: transform 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
}
#navigation:before {content:"";display:block;z-index: -1 !important;position: fixed;left: 0;top:0;width:500%;height:100%;background:#fff;color:rgba(0, 23, 100,1.0);}

#sp-menu {margin-top:0;width: 100%;height:100%;overflow:auto;-webkit-overflow-scrolling: touch;display:block;overflow:auto;}
/*スクロールバー*/
#sp-menu::-webkit-scrollbar{width:4px;}
#sp-menu::-webkit-scrollbar-track{background:#fff;}
#sp-menu::-webkit-scrollbar-thumb{background:#edd634;}


/*ナビゲーション内のli全体*/
#navigation li {padding: 0;	display:block;background:transparent;}
#navigation li a {
display: block;position:relative;width:calc(100% - 30px);margin:0 auto;height:44px;padding-top:11px;bpx-sizing:border-box;text-align: center;text-decoration: none;border-bottom: 1px solid rgba(0, 23, 100,1.0);font-size:14px;color:rgba(0, 23, 100,1.0);padding-left:0;box-sizing:border-box; text-align:center; line-height:20px;
-webkit-transition: background 0.4s ease   -moz-transition: background 0.4s ease;  -o-transition: background 0.4s ease;   transition: background 0.4s ease;
}

/*トグル部分*/
#navigation li .btm_toggle{display:none; background:#efefef; width:calc(100% - 30px);margin:0 auto;}
.toggle-li h5{font-size:15px;	margin-bottom:0px; width:calc(100% - 30px); padding: 17px 0; border-bottom: 2px solid rgba(0, 23, 100,1.0); font-weight:bold; margin: 0 auto; position:relative; text-align: center; cursor:pointer;}
.toggle-li h5:before{content:"+";display:block;position:absolute;top:13px;right:17px;color:rgba(207, 0, 28,1.0);font-size:20px;font-weight:nomal;text-align:center;}
.toggle-li h5.active:before{content:"-";}

#navigation .link_box{width:100%;}

.togglenone-li h5{padding:0;border-bottom: none;}
.togglenone-li h5:before{display:none;}
.togglenone-li h5 a{padding: 17px 0;height:auto;border-bottom:0;font-size:15px;	margin-bottom:0px; width:100%; padding: 17px 0; border-bottom: 2px solid rgba(0, 23, 100,1.0); font-weight:bold; margin: 0 auto; position:relative; text-align: center; cursor:pointer;}

.oc{pointer-events: all;}

/*#navigation li a:before{content:"";position:absolute;width:9px;height:12px;right:15px;top:18px;margin:auto;background-size:cover;}*/
#navigation li a:hover {opacity: 1;	background:#767676;	z-index:9999;}

/*ハンバーガーメニュー*/
#menu {width: 65px; height: 65px; position: absolute; top: 7px; right: 7px; cursor: pointer; z-index: 9998;background-color: transparent;}/*スマフォトグルボタンの色変更はココ*/
#menu span,#menu:before,#menu:after {content: "";width: 50%;height: 2px;display: block;background-color: #000;position: absolute;right:16px;top: 16px;-webkit-transform-origin: center center;transform-origin: center center;-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-o-transition: all 0.2s ease;transition: all 0.2s ease;z-index: 9999;} /*ハンバーガーメニューの色など*/
#menu:before {margin-top: 0px;z-index: 9999;}
#menu:before {margin-top: 0px;z-index: 9999;}
#menu span {margin-top: 7px;z-index: 9999;}
#menu span:before{content:"MENU";position:absolute;top:16px;left:0;font-weight:bold;color:#585652;font-size:12px;font-weight:700;} /*menu文字*/

#menu:after {margin-top: 15px;z-index: 9999;}
#menu:hover:before {-webkit-transform: translate3d(0, -2px, 0);transform: translate3d(0, -2px, 0);}
#menu:hover:after {	-webkit-transform: translate3d(0, 2px, 0);transform: translate3d(0, 2px, 0);}
#menu.show {position:fixed;z-index:9999; top: 7px; right: 7px;height:65px;}
#menu.show span {z-index: 9999;opacity: 0;}
#menu.show:before {-webkit-transform: translate3d(0, 9px, 0) rotate3d(0, 0, 1, 45deg);transform: translate3d(0, 9px, 0) rotate3d(0, 0, 1, 45deg);background-color: #000;z-index: 9999;margin-top:4px;} /*×ボタンの色変更など*/
#menu.show:after {-webkit-transform: translate3d(0, -9px, 0) rotate3d(0, 0, 1, -45deg);transform: translate3d(0, -9px, 0) rotate3d(0, 0, 1, -45deg);background-color: #000;z-index: 9999;margin-top:22px;} /*×ボタンの色変更など*/

/*スライドして現れたメニューのフッタ情報*/
#spmenu_info{margin-top:20px;}

#spmenu_info h1{width:113px;float:none;margin:0 auto;}
#spmenu_info p{text-align:center;padding:15px 15px 20px;box-sizing:border-box;font-size:12px;line-height:24px;margin-left:0;}
#spmenu_info ul{height:150px;-js-display: flex;display:-webkit-box;display: -webkit-flex;display:-moz-box;display:-ms-flexbox;display: flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;position:relative;z-index:9997;margin: 0 auto;width:184px;}
#spmenu_info ul li{	}
	
#spmenu_info ul li a{display:block;width:100%;padding:0;border:0;}

	
#spmenu_info ul .fb{width:26px;}
#spmenu_info ul .twi{width:31px;}
#spmenu_info ul .insta{width:25px;}
#spmenu_info ul .line{width:25px;}
}


/*
*******************************************************************
コンテンツ
*******************************************************************
*/
p{margin-bottom:10px; }
.marker-yr { background-color:#F2ED79; padding:4px; color:#3B3B3B;}
.marker-wh { background-color:#ffffff; padding:4px; color:#3B3B3B;}
.number-circle{display:-webkit-box;display:-ms-flexbox;display:flex;font-family:Prompt,sans-serif;font-size:14px;margin:15px auto 15px}
.number-circle .number-circle-number{border:1px solid #333;border-radius:50%;height:22px;line-height:21px;margin-right:15px;padding-left:0px;text-align:center;width:22px}
.number-circle .number-circle-text{line-height:22px;width:calc(100% - 55px);color:#0275D8;font-size:1.2em;}

/*
*******************************************************************
button類
*******************************************************************
*/
.up_bt{-webkit-transition: transform 0.2s ease;-moz-transition: transform 0.2s ease;-o-transition: transform 0.2s ease;transition: transform 0.2s ease;}
.up_bt:hover{ -webkit-transition: transform 0.2s ease;-moz-transition: transform 0.2s ease;-o-transition: transform 0.2s ease;transition: transform 0.2s ease;transform: translate3d(0, -3px, 0);}

.right_bt{-webkit-transition: transform 0.2s ease;-moz-transition: transform 0.2s ease;-o-transition: transform 0.2s ease;transition: transform 0.2s ease;}
.right_bt:hover{-webkit-transition: transform 0.2s ease;-moz-transition: transform 0.2s ease;-o-transition: transform 0.2s ease;transition: transform 0.2s ease;transform: translate3d(3px, 0, 0);}

.butn,a.butn,button.butn { font-size: 2rem; font-weight: 700; line-height: 1.5; position: relative; display: inline-block; padding: 1rem 4rem; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: all 0.3s; transition: all 0.3s; text-align: center; vertical-align: middle; text-decoration: none; letter-spacing: 0.1em; color: #32AE71;  border-radius: 0.5rem;margin:20px 0;}

/**/
a.butn-border { padding: 1.5rem 4rem; border: 3px solid #32AE71; border-radius: 0; border-radius: 100vh; background: #fff;}
a.butn-border:before { position: absolute; top: 2px; left: 2px; width: calc(100% - 4px); height: calc(100% - 4px); content: ''; -webkit-transition: all .3s; transition: all .3s; border: 3px dotted #32AE71; border-radius: 100vh;}
a.butn-border:hover:before { top: 0; left: 0; width: 100%; height: 100%;background-color: rgba(50, 174, 113,0.1)}


/*詳細を見るボタン*/
a.butn-flat { overflow: hidden; padding: 1.5rem 6rem; color: #fff; border-radius: 0; background: #32AE71;}
a.butn-flat span { position: relative;}
a.butn-flat:before { position: absolute; top: 0; left: 5%; width: 150%; height: 500%; content: ''; -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out; -webkit-transform: translateX(-97%) translateY(-60%) rotate(135deg); transform: translateX(-97%) translateY(-70%) rotate(135deg); background: #fff100;}
/*↓↓↓↓黄色背景がスマフォだと大きくなるので、パソコン用を再指定↓↓↓↓*/
@media (min-width:768px){a.butn-flat:before {left: 110px;}}

a.butn-flat:hover:before { -webkit-transform: translateX(3%) translateY(3%) rotate(135deg); transform: translateX(3%) translateY(3%) rotate(135deg);}


.att{color:#cf2143; font-size:0.8em; margin-left:0.5em;}
.att::before{content:'*';}

label{font-size:0.9em;}
.form-control{font-size:1em;}
.form-select{font-size:1.2em;}

button.btn-border-on {  border: 2px solid #32AE71;  border-radius: 0;  background: #fff;}
button.btn-border-on:hover {  color: #fff;  background: #32AE71;}
button.btn-border-off {  border: 2px solid #333;  border-radius: 0;  background: #333; color:#fff;}
button.btn-border-off:hover {  color: #fff;  background: #000;}
/*
*******************************************************************
news
*******************************************************************
*/
.newsrow:first-child {border-top:1px solid #D8D8D8;}
.newsrow {border-bottom:1px solid #D8D8D8; padding:20px 0px; }
.newsctg {text-align:center; padding:3px 0; font-size:0.8em;}
.newsctg0 {border:2px solid rgba(90, 186, 74,1.0); color:rgba(90, 186, 74,1.0);}
.newsctg1 {border:2px solid rgba(246,3,7,1.00); color:rgba(246,3,7,1.00);}
/*
*******************************************************************
background
*******************************************************************
*/
.bg-stripe { background:linear-gradient(45deg,#fefefe 25%,#EEF0E1 0,#EEF0E1 50%,#fefefe 0,#fefefe 75%,#EEF0E1 0); background-size:42.4px 42.4px; padding:20px 0;}
.bg-mesh { padding:50px 0 50px 0; background-image:url(../images/bg_mesh.gif); background-position:top left; background-repeat:repeat;}
.bg-mesh-gr { padding:50px 0 50px 0; background-image:url(../images/bg_mesh_gr.gif); background-position:top left; background-repeat:repeat;}
.bg-mesh-gy {background-color:#F2F2F2;}
.bg-mesh-pk {background-color:#FBEBFD;}

/*
*******************************************************************
googlemap
*******************************************************************
*/
#map_canvas0{ position:relative; width:100%; height:350px;}

/*
*******************************************************************
ヘッダ固定
*******************************************************************
*/
.is-fixed { position: fixed;  top: 0;  left: 0;  z-index: 2;  width: 100%;}

/*
*******************************************************************
swiper
*******************************************************************
*/
#SwiperbasePC {position: relative;width:100%;}
#SwiperbasePC .swiper-container {position: relative;width: 90%; /* ← swiper.cssに含まれています height: 100vh;*/}
#SwiperbasePC .swiper-container:before {content: ""; display: block; padding-top: calc(6/16*100%); /* 縦/横*100の値を書く デフォルト calc(9/16*100%) */}
#SwiperPC .swiper-wrapper {position: absolute; /* ← swiper.cssと優先順位が干渉するときは工夫してください */top: 0;left: 0;}
#SwiperPC .swiper-wrapper img {width: 100%; height: auto;}
/*
@keyframes zoomUp {
  0% { transform: scale(1);  }
  100% { transform: scale(1.15);  }
}

.swiper-slide-active .slide-img,
.swiper-slide-duplicate-active .slide-img,
.swiper-slide-prev .slide-img{ animation: zoomUp 10s linear 0s 1 normal both;  }

/*imgタグだと下に隙間ができるのでblockに。*/
#SwiperPC .slide-img img{display: block;}
.swiper-container { padding-bottom: 40px;} /*swiper-pagination をスライダーの外に出す*/

/*
*******************************************************************
footer
*******************************************************************
*/
#footer { bottom:0; padding-top:50px; padding-bottom:60px; line-height:20px; background-color:#595753; color:#ffffff; }
#footer a{ color:#F8A638;}
/*
*******************************************************************
WEB font
*******************************************************************
*/
.wf-mplus1p {font-family: 'M PLUS Rounded 1c', sans-serif; color:#010101; font-size:1.2em;}
.wf-nicomoji { font-family: "Nico Moji"; color:#005aa3; }
.wf-roundedmplus1c { font-family: "Rounded Mplus 1c"; color:#005aa3; }
.wf-sawarabimincho { font-family: "Sawarabi Mincho"; }
.wf-hannari { font-family: "Hannari"; }
.wf-Raleway { font-family: 'Raleway', sans-serif; }
.wf-Quicksand { font-family: 'Quicksand', sans-serif; }
.wf-Lobster { font-family: 'Lobster', cursive; }
.wf-Pacifico { font-family: 'Pacifico', cursive; }
.wf-Fatface { font-family: 'Abril Fatface', cursive; }
.wf-Bree { font-family: 'Bree Serif', serif; }
.wf-Kosugi { font-family: 'Kosugi', sans-serif; }
.wf-Fugaz { font-family: 'Fugaz One', cursive;}