@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td { margin: 0; padding: 0;}
body { overflow-x: hidden; color:#444444; font-size:16px;line-height: 160%; font-family: 'ヒラギノ角ゴ ProN',"Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;font-feature-settings:"palt";}
ul { list-style: none; }
fieldset,img { border: 0; vertical-align: top; overflow: hidden; }
a { color:inherit; text-decoration: underline; transition: opacity 0.4s;  }
a:hover { text-decoration: underline;}
.tuline { text-decoration: underline; }
.clearfix { *zoom:1;}
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clear { clear: both; display: block; height: 0; overflow: hidden; }
img{ max-width:100%;}
::selection{ background:#739581; color:#ffffff;}

.cl_wht{ color:#fff;}
.cl_grn{ color:#e1ffd6;}
.cl_blu{ color:#cfdeff;}
.cl_vio{ color:#e6d2ff;}

.wf_ZmarugoR{ font-family: 'Zen Maru Gothic', sans-serif; }
.font_feature{ font-feature-settings:"palt";-moz-font-feature-settings:"palt";-webkit-font-feature-settings:"palt"; }
.f_shadow{ color: #000; text-shadow: 5px 5px 5px #e8f2e8, -5px -5px 5px #e8f2e8, -5px 5px 5px #e8f2e8, 5px -5px 5px #e8f2e8, 5px 0px 5px #e8f2e8, -5px -0px 5px #e8f2e8, 0px 5px 5px #e8f2e8,  0px -5px 5px #e8f2e8; }

.fze06{ font-size: 0.6em; line-height: 150%;  }
.fze07{ font-size: 0.7em; line-height: 150%; }
.fze08{ font-size: 0.8em; line-height: 170%;}
.fze085{ font-size: 0.85em;}
.fze09{ font-size: 0.9em;}

.fzt12{ font-size: 1.2em; line-height: 180%; }
.fzt14{ font-size: 1.4em; line-height: 180%; }

.fz30{ font-size: 0.3rem; line-height: 160%; }
.fz36{ font-size: 0.36rem; line-height: 160%; }
.fz40{ font-size: 0.4rem; line-height: 110%; }
.fz50{ font-size: 0.5rem; line-height: 110%; }
.fz55{ font-size: 0.55rem; line-height: 110%; }
.fz60{ font-size: 0.6rem; line-height: 110%; }
.fz70{ font-size: 0.7rem; line-height: 110%; }
.fz80{ font-size: 0.8rem; line-height: 110%; }
.fz90{ font-size: 0.9rem; line-height: 110%; }
.fz100{ font-size: 1rem; line-height: 110%; }
.fz110{ font-size: 1.1rem; }

.marb120{margin-bottom:1.2rem;}

.ytnmob{ width: 750px; max-width: 100%; margin: 0.15rem auto; }
.ytnmob .ytbin{ position: relative; height: 0; padding-bottom: 56.2%; }
.ytnmob .ytbin iframe{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.wsp_none{ display: block; }
.wpc_none{ display: none; }


.align_right{text-align: right}
.align_left{text-align: left}
.an_scl{ opacity: 0; }
.op05{ opacity: 0.5; }

/******************************************************************/
html{ font-size: 100px; }
body{font-size: 0.2rem; line-height:200%; background:#c3d1c3 url(../images/body_bg.jpg) top center repeat; background-size: auto auto; width: 100%; color: #000; position: relative;}





/* ****head and foot mob**** */
.anftp{ position: relative; z-index: 20; }
#header{height: 80px; border-radius: 0 0 8px 8px;}
#header #search{ line-height: 100%; }
#header a{ text-decoration: none; }
#sns{ width:950px; max-width:100%; margin:0 auto; padding-top:10px; position: relative; z-index: 10; font-size:0.7em; line-height: 110%;  }
#footer{width:950px; max-width:100%;margin-left: auto;margin-right: auto;}
#footer a{text-decoration: none;}
#footer ul li{ line-height: 200%; }
#footer-nav{ font-size:0.7em; line-height: 110%;  }
.bnr{width:950px; max-width:100%;margin:0 auto; color:#fff;padding: 4px 0px 0.5rem 5px;}
address{ display:block;width:950px;margin-left: auto;margin-right: auto;}
.ban-pagetop{ display: none!important; }
/* ****head and foot mob**** */




.con_bg{ position: fixed; top: 0; left: 0; z-index: 1; background:url(../images/body_bg.jpg?v05) bottom center no-repeat; background-size: auto auto; width: 100%; min-height: 100vh; height:60vw; opacity: 0.3; transition:opacity 0.1s linear;}
.bg_show{ position: fixed; opacity: 0.3;}
.wrap{background:url(../images/top_ph.png?v05) top center no-repeat; position: relative; z-index: 2;}
.top_ph{text-align: center; height: 9.1rem; }
.top_ph .tph{ display: none; }

.innermob{ position: relative; }

.aim_menu{ position: absolute;top:-0.8rem; width: 100%; font-size: 0.2rem; line-height: 110%; font-weight: 500; }
.aim_menu ul{ display: flex; flex-wrap:wrap; width: 1000px; max-width: 100%; margin: 0 auto; text-align: center; }
.aim_menu ul li{ width: 20%; box-sizing:border-box;border-right:1px solid #000; background: #ffd200; color: #000; }
.aim_menu ul li:last-child{ border-right:0;}
.aim_menu ul li a{display: flex;justify-content: center;align-items: center; width: 100%; height: 100%; padding: 0.2rem;box-sizing:border-box; text-decoration: none; transition:background 0.5s, color 0.5s; }
.aim_menu ul li a:hover{ background-color: #fddda2; color: #bf683b; }


.incon{width: 1000px; max-width: 100%; margin:0 auto; padding: 0 0.3rem; box-sizing:border-box; text-align: center;  }
.titfont{ line-height: 155%; padding: 1.1rem 0 0.7rem 0;}
.txtcont{ margin-bottom: 0.7rem; position: relative;}
.tc02{ text-align: left; }
.txtcont a{ color: #c7e1ff; }
.txtcont a:hover{text-decoration: none; opacity: 0.8;}
.title_fin{ text-align: center; font-size:0.4rem; line-height: 115%; color: #fff; width: 1200px; max-width: 100%; margin: 1rem auto 0.6rem auto; padding:1rem 0 0 0; position: relative;/* text-shadow: 0 0.04rem 0 #5d3b01; */ background: url(../images/tit_i01.png?v05) top center no-repeat; background-size: 1.23rem auto;letter-spacing: 0.1em;}
.title_fin:before{ content: ""; display: block; position: absolute;left:0;bottom: 0.4em;height: 0.08em; width: calc(50% - 4.5em); background: #cfdeff; }
.title_fin:after{ content: ""; display: block; position: absolute;right:0;bottom: 0.4em;height: 0.08em; width: calc(50% - 4.5em); background: #e6d2ff; }

.tln02:before{width: calc(50% - 6em);}
.tln02:after{width: calc(50% - 6em); }
.tln03:before{width: calc(50% - 2.4em);}
.tln03:after{width: calc(50% - 2.3em); }
.tln04:before{width: calc(50% - 3em);}
.tln04:after{width: calc(50% - 3em); }


.longwidth{ width: 100%; position: relative; padding: 0; }
.longwidth .txtcont{ width: 58.9%; background: #f2f1f7; margin-left: 41.1%; text-align: left; padding-bottom: 0; }
.txtcont .instph{ position: absolute; top: 0; right:100%; width: 7rem;margin:0.7rem -0.6rem 0 0; box-shadow:0.2rem 0.2rem 0 rgba(0,0,0,0.06);}
.txtcont .instxc{width:630px; max-width:calc(100% - 1.4rem);  padding:0.7rem 0.2rem 0.7rem 1.2rem; font-size: 0.9em; line-height:180%;   }
.txtcont .instxc h4{ padding-bottom: 0.1rem; }

.text_ind01{ padding-left: 1em;text-indent: -1em;display: block;}

.mobtitle{ text-align: center; padding:0; color: #2addd3; margin: 2.5rem 0 0 0;  }
.mobtitle2{ text-align: center; padding:0.6em; color: #fff; background: #000; font-weight: 700;margin: 1.3rem 0 0.6rem 0;  }
.banlink{ text-align: center; font-weight: 700; color: #444444; line-height: 110%; }
.banlink a{ display: inline-block;position: relative; border-radius: 999px;text-decoration: none; padding: 0.03rem; overflow: hidden;
	background:#fa9000;
	background: linear-gradient(to bottom, #ffdd3d 0%,#fa9000 50%,#ff5a23 100%);
	background: -webkit-linear-gradient(top,#ffdd3d 0%,#fa9000 50%,#ff5a23 100%);
}
.banlink .banpo{background: #fddda2; display: block; padding: 0.4em 0.6em; border-radius: 999px;transition:background 0.4s;}
.banlink a:hover{}
.banlink a:hover .banpo{background: #444444; color: #fff;}

.bl02{}
.bl02 .banpo{ padding: 0.4em 2.5em;}




.incdmob{ display: flex;flex-wrap:wrap;justify-content: center;}
.incdmob .cdcon{ width:23.3%;margin:1.2% 2.25% 3.4% 0;}
.incdmob .cdcon:nth-child(4n){ margin-right: 0; }
.cdph{ margin-bottom: 0.1rem }

.landmob{ border:0.1rem solid #ffb3cc; position:relative; padding:0 0.3rem 0.7rem 0.3rem; margin-bottom: 1rem;}
.lm_tit{ display: inline-block;background: #fff; transform: translate(0, -55%); padding: 0 0.6em; }
.lm_tit .lm_forline{ display: inline-block;padding: 0.5em 0 0.5em 0; /* background: url(../images/line_pn01.png) 0 bottom repeat-x;  background-size:0.38rem 0.22rem;*/ font-weight: bold;  }

.lm02{border-color:#ffe948; }
.lm02 .lm_tit .lm_forline{ background-image: url(../images/line_pn02.png); }

.lm03{border-color:#6aebe4; }
.lm03 .lm_tit .lm_forline{ background-image: url(../images/line_pn03.png); }

.tb_lmob{display: flex;flex-wrap:wrap;}
.tb_incon{ width: 48%; margin-right: 4%; position: relative;margin-bottom: 0.5rem;}
.tb_lmob .tb_incon:nth-child(2n){ margin-right:0%;}
.tb_incon h4{padding:0.35rem 0 0.3rem 0; }
.tn_logo{ position: absolute; right: 0; bottom: 0; width: 2.01rem; }

.oubomob{ background:#f2f2f2; padding:0.6rem 0.3rem;   }
.oubomob h3{padding-bottom: 0.15rem;}
.ou_ioc{padding: 20px;}
.ou_ioc img{max-width: 10%;}

.qalist{ text-align:left; }
.qalist .qa_q{padding-left: 1.5em; text-indent: -1.5em; font-weight:bold; }
.qalist .qa_a{padding-left: 1.5em; text-indent: -1.5em; margin-bottom:0.5rem; }






.pgtp{ position: fixed; bottom: 30px; right: 4%; text-align: center; text-decoration: none; display: none; width: 0.6rem; padding: 4px; border-radius: 999px; overflow: hidden; transition:transform 0.4s;transform: rotate(180deg) translate(0,0);transform-origin: 50% 50%; z-index: 30;
	background:#fff;
	background: linear-gradient(to bottom, #cfdeff 0%,#e1ffd6 50%,#e6d2ff 100%);
	background: -webkit-linear-gradient(top,#cfdeff 0%,#e1ffd6 50%,#e6d2ff 100%);
}

.pgtp.upshou{transform: rotate(180deg) translate(0,0); opacity: 1;}
.pgtp:hover{transform: rotate(180deg) translate(0,15%); }



@media screen and (min-width:2000px) {
body{ background-size: 100% auto;}
.con_bg{ background-size: 100% auto;}
}

@media screen and (max-width:1000px) {
.wrap {background-size: 192% auto;}
.top_ph .tph{ }
}



@media screen and (max-width:750px) {
html{ width: 100%; overflow-x: hidden; }
body{ overflow-x: hidden;font-size: 0.24rem; line-height:200%;background:#c3d1c3; }

.wsp_none{ display: none; }
.wpc_none{ display: block; }

.fz30{ font-size: 0.26rem;}
.fz36{ font-size: 0.3rem;}
.fz40{ font-size: 0.38rem; }
.fz50{ font-size: 0.42rem; }
.fz60{ font-size: 0.48rem; }
.fz70{ font-size: 0.54rem;}
.fz80{ font-size: 0.65rem;}

.con_bg{background:url(../images/body_bg-sp.jpg?v05) top center repeat; background-size:100% auto; }
.wrap{background:url(../images/top_ph-sp.png?v05) top center no-repeat; background-size:100% auto; background-position:center 0.3rem; }
.top_ph{ height:140vw; }

.aim_menu{ position: absolute;top:-0.8rem; width: 100%; font-size: 0.2rem; line-height: 110%; font-weight: 500; }

.tc02{  margin:0 0.3rem; }

.title_fin{ }
.title_fn02{ margin-left:0rem; margin-right:0; width:auto; }

.incon{ padding: 0 0.3rem 0.5rem 0.3rem; }
.incon .title_fin{ width: 100vw; max-width:none; margin-left: -0.3rem; }
.longwidth.incon .title_fin{margin-left:0rem; }

.longwidth .txtcont{ width:100%; background:transparent;margin-left:0; text-align: left; padding-bottom: 0;}
.txtcont .instph{ position:relative; top: 0; right:0;width: 6.68rem;margin:0 0.3rem; box-shadow:none;   }
.txtcont .instxc{width:auto; max-width:100%; margin:0 0.3rem;  padding:0.5rem 0 0.2rem 0; font-size: 0.9em; line-height:180%; box-sizing:border-box;}
.txtcont .instxc h4{ padding-bottom: 0.1rem; font-size: 1.2rem; }

.incdmob .cdcon{ width:31.3%;margin:1.2% 3% 3.4% 0;}
.incdmob .cdcon:nth-child(4n){ margin-right: 3%; }
.incdmob .cdcon:nth-child(3n){ margin-right: 0%; }
.contact_logo{max-width: 75%;}

.tb_incon{ width:100%; margin-right:0%; margin-bottom:0.5rem; position: relative;}
.incdmob .tb_incon:nth-child(2n){ margin-right:0%;}

}

@media screen and (max-width:480px) {
.incdmob .cdcon{ width:48%;margin:1.2% 4% 3.4% 0;}
.incdmob .cdcon:nth-child(3n){ margin-right: 4%; }
.incdmob .cdcon:nth-child(4n){ margin-right: 4%; }
.incdmob .cdcon:nth-child(2n){ margin-right: 0%; }
}




