@charset "utf-8";
/*-----------------------------------------------
 *  font-family
 *  タイトル
 *  テキスト
 *  テキストリンク
 *  テキストカラー
 *  画像
 *  幅
 *  線
 *  改行
 *  ブロック要素
 *  ボックス
 *  ボックス横並び
 *  背景色
 *  margin / padding
 -----------------------------------------------*/

html {scroll-behavior: smooth;}

/*----- font-family -----*/
html{font-family:"游明朝","メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-weight:bolder;}
.min{font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-weight:bolder;}
.notoserif{font-family: "游明朝",'Noto Serif JP', serif; font-weight:bolder;}

body{-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}

/* ----- タイトル ----- */
h1, h2, h3, h4, h5, .tb {
	color: #121212;
	font-family: "游明朝",'Noto Sans JP', sans-serif;
	font-weight:bolder;
}

/* SP */
@media only screen and (max-width: 767px){
	h2.fs24SP, h3.fs24SP {font-size: 24px;}
	h2.fs22SP, h3.fs22SP {font-size: 22px;}
	h2.fs20SP, h3.fs20SP {font-size: 20px;}
	h2.fs19SP, h3.fs19SP {font-size: 19px;}
	h2.fs18SP, h3.fs18SP {font-size: 18px;}
}

/* PC */
@media print, screen and (min-width: 768px){
	h2.fs20PC, h3.fs20PC {font-size: 20px;}
	h2.fs19PC, h3.fs19PC {font-size: 19px;}
	h2.fs18PC, h3.fs18PC {font-size: 18px;}
	h2.fs17PC, h3.fs17PC {font-size: 17px;}
	h2.fs16PC, h3.fs16PC {font-size: 16px;}
	h2.fs15PC, h3.fs15PC {font-size: 15px;}
}

/* -----　テキスト　----- */
.fwb {font-weight: bold!important;}
.fwn {font-weight: normal;}
.txtIn {padding-left: 1em;text-indent: -1em;}
.txtIn2 {padding-left: 1.5em;text-indent: -1.5em;}
.dip_inl {display: inline;}
.dip_inb {display: inline-block;}

/* PC */
@media print, screen and (min-width: 768px){
	.txtL, .PCtxtL {text-align: left;}
	.txtC, .PCtxtC {text-align: center;}
	.txtR, .PCtxtR {text-align: right;}

	.fsXXL, .PCfsXXL {font-size: 30px;}
	.fsXL, .PCfsXL {font-size: 28px;}
	.fsLL, .PCfsLL {font-size: 24px;}
	.fsL, .PCfsL {font-size: 20px;}
	.fsM, .PCfsM {font-size: 17px;}
	.fsS, .PCfsS {font-size: 14px;}
	.fsSS, .PCfsSS {font-size: 12px;}
	.fsXS, .PCfsXS {font-size: 10px;}

	.vaM, .PCvaM {vertical-align: middle;}
	
	.lh14, .PClh14 {line-height: 1.4em!important;}
	.lh2, .PClh2 {line-height: 2em!important;}
}

/* SP */
@media only screen and (max-width: 767px){
	.txtL, .SPtxtL {text-align: left;}
	.txtC, .SPtxtC {text-align: center;}
	.txtR, .SPtxtR {text-align: right;}
	
	.fsXXL, .SPfsXXL {font-size: 30px;}
	.fsXL, .SPfsXL {font-size: 26px;}
	.fsLL, .SPfsLL {font-size: 24px;}
	.fsL, .SPfsL {font-size: 22px;}
	.fsM, .SPfsM {font-size: 18px;}
	.fsS, .SPfsS {font-size: 16px;}
	.fsXS, .SPfsXS {font-size: 12px;;}

	.vaM, .SPvaM {vertical-align: middle;}

	.lh1,.SPlh1 {line-height: 1em!important;}
	.lh14,.SPlh14 {line-height: 1.4em!important;}
	.lh2,.SPlh2 {line-height: 2em!important;}
}

/* ----- テキストリンク ----- */
a.underLine{text-decoration: underline;}
a.underLineH:hover{text-decoration: underline;}

/* ----- テキストカラー ----- */
.colorWT {color: #fff!important;}
.colorBK {color: #000!important;}
.colorRD {color: #f41f4c!important;}
.colorOR {color: #c36520!important;}
.colorPP {color: #c94e97!important;}
.colorPK {color: #f19ec2!important;}
.colorGRN {color: #6ba0cd;}
.colorBU, .colorBU a {color: #005bac!important;}

.colorFAQ{color:#0C7AAE!important;}

.colorBU a:hover,
a .colorBU:hover {text-decoration: underline;}

.under { text-decoration : underline; }
.textbold {font-weight: 700; }

/* ----- 画像 ----- */
a {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    tap-highlight-color: rgba(0, 0, 0, 0);
}
.autoImg {width: 100%;height: auto;}

/* PC */
@media print, screen and (min-width: 768px){
	img {display: block;}
	.autoImg.PCfull {width: auto;max-width: 100%;height: auto;display: table;margin: 0 auto;}
	.autoImg.PClg {width: 80%;margin: 0 auto;display: block;}
	.autoImg.PCmd {width: 50%;margin: 0 auto;display: block;}
	.autoImg.PCsm {width: 30%;margin: 0 auto;display: block;}
}

/* SP */
@media only screen and (max-width: 767px){
	img {width: 100%;height: auto; display: block;}
	.SPautoImg {width: 100%;height: auto;}
	.autoImg.SPfull {width: auto;max-width: 100%;height: auto;display: table;margin: 0 auto;}
	.autoImg.SPlg {width: 80%;margin: 0 auto;display: block;}
	.autoImg.SPmd {width: 50%;margin: 0 auto;display: block;}
	.autoImg.SPsm {width: 30%;margin: 0 auto;display: block;}
}

/* ----- 幅 ----- */
.w100 {width: 100%;}
.w80 {width: 80%;}
.w50 {width: 50%;}
.w49 {width: 33%;}
.w15 {width: 15%;}
.w10 {width: 10%;}

/* ----- 高さ ----- */
.hight1 {height: 1em;}

/* PC */
@media print, screen and (min-width:768px){
	.PCw1024Pc {width: 1024px;margin: 0 auto;}
	.PCw500 {width: 502px;margin: 0;}
	.PCw55 {width: 55%;}
	.PCw50 {width: 50%;}
	.PCw47 {width: 47%;}
	.PCw45 {width: 45%;}
}

 /* SP */
@media screen and (max-width:767px){
	.SPw90 {width: 90%;margin: 0 auto;}
	.SPw80 {width: 80%;margin: 0 auto;}
	.SPw60 {width: 60%;margin: 0 auto;}
}

/* ----- 線 ------*/
.bdnone{border: none !important;}

.bd-gry {
    border-top: dashed #cccccc 1px;
}

/* ----- 改行 ----- */
.nobr {white-space: nowrap;} /* 改行禁止 */
span.br {display: inline-block;;} /* 改行制御 */

/* ----- ブロック要素 ----- */
.db{display: block;}
.dinb{display: inline-block;}
.hidden{visibility:hidden}

/* ----- ボックス ----- */
.borderBox {
	border: solid #999999 1px;
	padding: 0.5em 1em;
}
/* pc */
@media print, only screen and (min-width: 768px){
    .borderBox {padding: 1em;}
}

.inner10 {padding: 10px;}
.inner15 {padding: 15px;}
.inner15-LR {padding: 0 15px;}
.inner30-LR {padding: 0 30px;}

/* ----- ボックス横並び ----- */
.fL{float:left;}
.fR{float:right;}
.flex{
	display: -webkit-flex; display: flex;
	-webkit-flex-wrap: wrap; flex-wrap: wrap;
	justify-content: space-between;
}

/* pc */
@media print, only screen and (min-width: 768px){
	.PCfL {float:left;}
	.PCfR {float:right;}
	.PCnone {display: none !important;}
	.clearfix::after, .PCclearfix:after {
		content:"";
		display:block;
		clear:both;
		height: 0px;
	}
    .testBox {padding: 0 1.2em}
}

/* SP */
@media only screen and (max-width: 767px){
	.SPfL {float:left;}
	.SPfR {float:right;}
	.SPnone {display: none !important;}
	.clearfix::after,.SPclearfix:after {
		content:"";
		display:block;
		clear:both;
		height: 0px;
	}
}

/* ----- 背景色 ----- */
.bg_pink {background-color: #f7c7dc!important;}
.bg_lightPk {background-color: #fdeef4!important;}
.bg_lightOr {background-color: #fdf8f5!important;}
.bg_blue {background-color: #c3d8ea!important;}
.bg_lightBu {background-color: #eef6fc!important;}

/* ----- margin / padding ----- */
/*pc*/
@media print, only screen and (min-width: 768px){
	.m0, PCm0 {margin: 0px !important;}


	.mt1em, .PCmt1em {margin-top: 1em;}
	
	.mt5px, .PCmt5px {margin-top: 5px;}
	.mt10px, .PCmt10px {margin-top: 10px;}
	.mt15px, .PCmt15px {margin-top: 15px;}
	.mt20px, .PCmt20px {margin-top: 20px;}
	
	.mb5px, .PCmb5px {margin-bottom: 5px;}
	.mb10px, .PCmb10px {margin-bottom: 10px;}
	.mb15px, .PCmb15px {margin-bottom: 15px;}
	.mb20px, .PCmb20px {margin-bottom: 20px;}
	.mb30px, .PCmb30px {margin-bottom: 30px;}
	
	.ml5px, .PCml5px {margin-left: 5px;}
	.ml10px, .PCml10px {margin-left: 10px;}
	.ml15px, .PCml15px {margin-left: 15px;}
	.ml20px, .PCml20px {margin-left: 20px;}
    .ml30px, .PCml30px {margin-left: 30px;}
	
	.mr5px, .PCmr5px {margin-right: 5px;}
	.mr10px, .PCmr10px {margin-right: 10px;}
	.mr15px, .PCmr15px {margin-right: 15px;}
	.mr20px, .PCmr20px {margin-right: 20px;}
	
	.mb05em, .PCmb05em {margin-bottom: 0.5em;}
	.mb1em, .PCmb1em {margin-bottom: 1em;}
	.mb15em, .PCmb15em {margin-bottom: 1.5em;}
	.mb2em, .PCmb2em {margin-bottom: 2em;}
	.mb3em, .PCmb3em {margin-bottom: 3em;}
	.mb4em, .PCmb4em {margin-bottom: 4em;}
	.mb5em, .PCmb5em {margin-bottom: 5em;}
    
    .mt1em, .PCmt1em {margin-top: 1em;}
    .mt2em, .PCmt2em {margin-top: 2em;}
    .mt4em, .PCmt4em {margin-top: 4em;}
    
	.ml15em, .PCml15em {margin-left: 1.5em;}
	
/* padding */
	.p0, PCp0 {padding: 0px !important;}
	
	.pt5px, .PCpt5px {padding-top: 5px;}
	.pt10px, .PCpt10px {padding-top: 10px;}
	.pt15px, .PCpt15px {padding-top: 15px;}
	.pt20px, .PCpt20px {padding-top: 20px;}
	
	.pt05em, .PCpt05em {padding-top: 0.5em;}
	.pt1em, .PCpt1em {padding-top: 1em;}
	
	.pb5px, .PCpb5px {padding-bottom: 5px;}
	.pb10px, .PCpb10px {padding-bottom: 10px;}
	.pb15px, .PCpb15px {padding-bottom: 15px;}
	.pb20px, .PCpb20px {padding-bottom: 20px;}
	
	.pl5px, .PCpl5px {padding-left: 5px;}
	.pl10px, .PCpl10px {padding-left: 10px;}
	.pl15px, .PCpl15px {padding-left: 15px;}
	.pl20px, .PCpl20px {padding-left: 20px;}
	
	.pr5px, .PCpr5px {padding-right: 5px;}
	.pr10px, .PCpr10px {padding-right: 10px;}
	.pr15px, .PCpr15px {padding-right: 15px;}
	.pr20px, .PCpr20px {padding-right: 20px;}
	
	.pr15em, .PCpr15em {padding-right: 1.5em;}
    .pr5em, .PCpr5em {padding-right: 5em;}
}

/* SP */
@media only screen and (max-width: 767px){
	.m0, SPm0 {margin: 0px !important;}
	
	.mt5px, .SPmt5px {margin-top: 5px;}
	.mt10px, .SPmt10px {margin-top: 10px;}
	.mt15px, .SPmt15px {margin-top: 15px;}
	.mt20px, .SPmt20px {margin-top: 20px;}
	
	.mb5px, .SPmb5px {margin-bottom: 5px;}
	.mb10px, .SPmb10px {margin-bottom: 10px;}
	.mb15px, .SPmb15px {margin-bottom: 15px;}
	.mb20px, .SPmb20px {margin-bottom: 20px;}
	.mb25px, .SPmb25px {margin-bottom: 25px;}
	.mb40px, .SPmb40px {margin-bottom: 40px;}
	.mb60px, .SPmb60px {margin-bottom: 60px;}

	.ml5px, .SPml5px {margin-left: 5px;}
	.ml10px, .SPml10px {margin-left: 10px;}
	.ml15px, .SPml15px {margin-left: 15px;}
	.ml20px, .SPml20px {margin-left: 20px;}
    .ml30px, .SPml30px {margin-left: 30px;}
	
	.mr5px, .SPmr5px {margin-right: 5px;}
	.mr10px, .SPmr10px {margin-right: 10px;}
	.mr15px, .SPmr15px {margin-right: 15px;}
	.mr20px, .SPmr20px {margin-right: 20px;}
	
	.mb05em, .SPmb05em {margin-bottom: 0.5em;}
	.mb1em, .SPmb1em {margin-bottom: 1em;}
	.mb15em, .SPmb15em {margin-bottom: 1.5em;}
	.mb2em, .SPmb2em {margin-bottom: 2em;}
	.mb4em, .SPmb4em {margin-bottom: 4em;}
	.mb3em, .SPmb3em {margin-bottom: 3em;}
    
    .mt1em, .SPmt1em {margin-top: 1em;}
    .mt2em, .SPmt2em {margin-top: 2em;}
    .mt4em, .SPmt4em {margin-top: 4em;}
	
	.ml15em, .SPml15em {margin-left: 1.5em;}
	
/* padding */
	.p0, SPp0 {padding: 0px !important;}
	
	.pt5px, .SPpt5px {padding-top: 5px;}
	.pt10px, .SPpt10px {padding-top: 10px;}
	.pt15px, .SPpt15px {padding-top: 15px;}
	.pt20px, .SPpt20px {padding-top: 20px;}
	
	.pt05em, .SPpt05em {padding-top: 0.5em;}
	.pt1em, .SPpt1em {padding-top: 1em;}
	
	.pb5px, .SPpb5px {padding-bottom: 5px;}
	.pb10px, .SPpb10px {padding-bottom: 10px;}
	.pb15px, .SPpb15px {padding-bottom: 15px;}
	.pb20px, .SPpb20px {padding-bottom: 20px;}
	
	.pl5px, .SPpl5px {padding-left: 5px;}
	.pl10px, .SPpl10px {padding-left: 10px;}
	.pl15px, .SPpl15px {padding-left: 15px;}
	.pl20px, .SPpl20px {padding-left: 20px;}
	
	.pr5px, .SPpr5px {padding-right: 5px;}
	.pr10px, .SPpr10px {padding-right: 10px;}
	.pr15px, .SPpr15px {padding-right: 15px;}
	.pr20px, .SPpr20px {padding-right: 20px;}
	
	.pr15em, .SPpr15em {padding-right: 1.5em;}
}

/* SP 568 */
@media screen and (max-width: 568px) {
	.mb568 {margin-bottom: 1em;}
}

.mauto{
margin: auto;
}