@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:#f14f83; text-decoration: underline; transition: color 0.4s;  }
a:hover { text-decoration: underline;color:#444444;}
.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%;}

.cl_lble{ color:#2addd3;}
.cl_dble{ color:#00cec2;}
.cl_lpnk{ color:#ffb3cc;}
.cl_dpnk{ color:#ff5e93;}
.cl_dyel{ color:#e2b500;}
.cl_lgly{ color:#808080;}
.cl_red{ color:#ff0000;}
.cl_prink{ color:#ff5772;}


.fontkosugi{font-family: 'Kosugi Maru', sans-serif;}
.fontMPR{font-family: 'M PLUS Rounded 1c', sans-serif;}
.fontMPP{font-family: 'M PLUS 1p', sans-serif;}
.wf_jupiter{font-family: bd-jupiter,sans-serif; font-weight: 400; font-style: normal;}
.wf_jakob{font-family: jakob, sans-serif; font-weight: 300; font-style: normal;}
.wf_ShueiMgo{font-family: dnp-shuei-mgothic-std, sans-serif;}
.wf_ADMin{font-family: vdl-admin, sans-serif;}
.font_feature{font-feature-settings:"palt";-moz-font-feature-settings:"palt";-webkit-font-feature-settings:"palt";}


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

.fzt12{ font-size: 1.2em; 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%; }

.sp_none{ display: block; }
.pc_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%;}

.top_ph{text-align: center; margin: 0.4rem 0 0 0;}
.top_ph .tph{ width: 1100px; max-width: 100%; }
.innermob{ }
.incon{width: 1260px; 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;}

.title_fin{ text-align: center; font-size:0.44rem; line-height: 115%; font-weight: 800; color: #fff; width: 1200px; max-width: 100%; margin: 1rem auto 0.5rem auto;padding:0.22rem 0; background: url(../images/tit_bg.png) 0 0 no-repeat; background-size: 100% 100%;text-shadow: 0 0 5px #a91e00;}
.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; }


.cdlinecont{ display: flex; padding: 0.3rem; }
.cdlinecont .instph{ width: 40%; }
.cdlinecont .instxc{ width: 60%; padding:0 0 0 2%;display: flex;align-items: center;justify-content: center; box-sizing:border-box;}




.mobtitle{ text-align: center; padding:0; color: #52e3f8; 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; }
.banlink a{ display: inline-block;position: relative; border-radius: 999px;text-decoration: none; padding: 0.05rem; overflow: hidden;
	background:#89ea75;
	background: linear-gradient(to bottom, #fbff02 0%,#89ea75 50%,#01d2fd 100%);
	background: -webkit-linear-gradient(top,#fbff02 0%,#89ea75 50%,#01d2fd 100%);
}
.banlink .banpo{background: #fff; display: block; padding: 0.6em 3em; border-radius: 999px;transition:background 0.4s;}
.banlink a:hover{}
.banlink a:hover .banpo{background: #444444; color: #fff;}

.incdmob{ display: flex;flex-wrap:wrap; }
.incdmob .cdcon{ width:23.3%;padding:1.2% 2.25% 3.4% 0;}
.incdmob .cdcon:nth-child(4n){ padding-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; }

.ban_tnlist{}
.ban_phline{width:250px; max-width: 40%; padding:0.1rem; display: inline-block;  text-align: center;}
.ban_phline .ban_pvlink{ display: inline-block;font-family: 'M PLUS Rounded 1c', sans-serif; font-size: 0.3rem; line-height: 100%; font-weight: 700; padding:0.4em 1em; border-radius: 999px; color: #fff; background-color:#000 ; text-decoration: none; margin: 0.1rem 0; transition:opacity 0.4s; }
.ban_phline .bnty01{ background-color:#89bf20;}
.ban_phline .bnty02{ background-color:#01a8e9;}
.ban_phline .bnty03{ background-color:#e0017c;}
.ban_phline .bnty04{ background-color:#f7e63f;}

.ban_phline a:hover{ opacity: 0.7; }


.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%;
	background:#89ea75;
	background: linear-gradient(to bottom, #01d2fd 0%,#89ea75 50%,#fbff02 100%);
	background: -webkit-linear-gradient(top,#01d2fd 0%,#89ea75 50%,#fbff02 100%);
}

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



@media screen and (max-width:1260px) {
.title_fn02{ margin-left:0.3rem; margin-right:0.3rem; width: calc(100% - 0.6rem); }



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


.sp_none{ display: none; }
.pc_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;}

.top_ph{margin:0;}

.title_fin{background: url(../images/tit_bg_sp.png) 0 0 no-repeat; background-size: 100% 100%; line-height: 110%; padding:0.35rem 0; }
.title_fn02{ margin-left:0; margin-right:0; width:auto; }

.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%;padding:1.2% 3% 3.4% 0;}
.incdmob .cdcon:nth-child(4n){ padding-right: 3%; }
.incdmob .cdcon:nth-child(3n){ padding-right: 0%; }


.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%;padding:1.2% 4% 3.4% 0;}
.incdmob .cdcon:nth-child(3n){ padding-right: 4%; }
.incdmob .cdcon:nth-child(4n){ padding-right: 4%; }
.incdmob .cdcon:nth-child(2n){ padding-right: 0%; }



}