@charset "utf-8";
/* CSS Document */


/*-----font-family-----*/
html{font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
.min{font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
body{-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}

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

/*pc */
@media print, screen and (min-width: 768px){
.txtL,.txtLPc{text-align: left;}
.txtC,.txtCPc{text-align: center;}
.txtR,.txtRPc{text-align: right;}
.fsXXXLPc {font-size: 30px; letter-spacing: 0.05em; line-height: 1.4em;}
.fsXXLPc {font-size: 26px; letter-spacing: 0.05em; line-height: 1.4em;}
.fsXL,.fsXLPc {font-size: 22px;}
.fsL,.fsLPc {font-size: 17px;}
.fsM,.fsMPc {font-size: 14px;}
.fsS,.fsSPc {font-size: 13px;}
.fsXS,.fsXSPc {font-size: 11px;}


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

.lh14,.lh14Pc{line-height: 1.4em;}
.lh2,.lh2Pc{line-height: 2em;}
}
/*sp*/
@media only screen and (max-width: 767px){
.txtL,.txtLSp{text-align: left;}
.txtC,.txtCSp{text-align: center;}
.txtR,.txtRSp{text-align: right;}
.fsXL,.fsXLSp {font-size: 5.5vw !important;}
.fsL,.fsLSp {font-size: 4.5vw !important;}
.fsM,.fsMSp {font-size: 4vw !important;}
.fsS,.fsSSp {font-size: 3.5vw !important;}
.fsXS,.fsXSSp {font-size: 3vw !important;}

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

.lh14,.lh14Sp{line-height: 1.4em;}
}


/* -----画像----- */
/*pc */
@media print, screen and (min-width: 768px){
img {image-rendering: -webkit-optimize-contrast;}
.autoImg {width: 100%;height: auto;}
.autoImg.fullPc {width: auto;max-width: 100%;height: auto;display: table;margin: 0 auto;}
.autoImg.lgPc {width: 80%;margin: 0 auto;display: block;}
.autoImg.mdPc {width: 50%;margin: 0 auto;display: block;}
.autoImg.smPc {width: 30%;margin: 0 auto;display: block;}
}
/*sp*/
@media only screen and (max-width: 767px){
Img {width: 100%;height: auto;}
.autoImgSp {width: 100%;height: auto;}
.autoImg.fullSp {width: auto;max-width: 100%;height: auto;display: table;margin: 0 auto;}
.autoImg.lgSp {width: 80%;margin: 0 auto;display: block;}
.autoImg.mdSp , .autoImgSp.mdSp {width: 50%;margin: 0 auto;display: block;}
.autoImg.smSp {width: 30%;margin: 0 auto;display: block;}
}


/* -----幅----- */
/* PC */
@media print, screen and (min-width:768px){
.w1000Pc{width: 1000px;margin: 0 auto;}
.w900Pc{width: 900px;margin: 0 auto;}
.w800Pc{width: 800px;margin: 0 auto;}
.w700Pc{width: 700px;margin: 0 auto;}
.w630Pc{width: 630px;margin: 0 auto;}
}
 /* SP */
@media screen and (max-width:767px){
.w100Sp{width: 100%;margin: 0 auto;}
.w90Sp{width: 90%;margin: 0 auto;}
.w80Sp{width: 80%;margin: 0 auto;}
.w60Sp{width: 60%;margin: 0 auto;}
}



/* -----margin / padding----- */
/*pc*/
@media print, only screen and (min-width: 768px){
.m0{margin: 0px !important;}
.mtXS,.mtXSPc {margin-top: 5px !important;}
.mtS,.mtSPc {margin-top: 10px !important;}
.mtM,.mtMPc {margin-top: 20px !important;}
.mtL,.mtLPc {margin-top: 40px !important;}
.mtXL,.mtXLPc {margin-top: 60px !important;}
.mtXXL,.mtXXLPc {margin-top: 80px !important;}
.mtXXXL,.mtXXXLPc {margin-top: 100px !important;}
.mbS,.mbSPc {margin-bottom: 10px !important;}
.ptbNone,.ptbNonePc {padding: 0 !important;}

.ptbS,.ptbSPc {padding: 10px 0 !important;}
.ptbM,.ptbMPc {padding: 20px 0 !important;}
.ptbL,.ptbLPc{padding: 40px 0 !important;}
.ptbXL,.ptbXLPc {padding: 60px 0 !important;}

.pS,.pSPc {padding: 10px!important;}
.pM,.pMPc {padding: 20px!important;}

.ptS,.ptSPc{padding-top: 10px!important;}
.ptM,.ptMPc{padding-top: 20px!important;}
.pbLPc{padding-bottom: 40px!important;}
.ptXL,.ptXLPc{padding-top: 60px!important;}
.pbXL,.pbXLPc{padding-bottom: 60px!important;}

.mmt10Pc{margin-top: -10px;}
.mr20 , .mr20Pc{margin-right: 20px;}
.mr40Pc{margin-right: 40px;}
.mr50Pc{margin-right: 50px;}
.mr60Pc{margin-right: 60px;}
.mr70Pc{margin-right: 70px;}
.mr80Pc{margin-right: 80px;}
}
/*sp*/
@media only screen and (max-width: 767px){
.mtXS,.mtXSSp {margin-top: 5px !important;}
.mtS,.mtSSp {margin-top: 10px !important;}
.mtM,.mtMSp {margin-top: 15px !important;}
.mtL,.mtLSp {margin-top: 30px !important;}
.mtXL,.mtXLSp {margin-top: 50px !important;}
.mtXXL,.mtXXLSp {margin-top: 70px !important;}
.mbS,.mbSSp {margin-bottom: 10px !important;}
.ptbNone,.ptbNoneSp {padding: 0 !important;}
.ptbS,.ptbSSp {padding: 10px 0 !important;}
.ptbM,.ptbMSp {padding: 15px 0 !important;}
.ptbL,.ptbLSp {padding: 30px 0 !important;}
.ptbXL,.ptbXLSp {padding: 40px 0 !important;}

.pS,.pSSp {padding: 10px!important;}
.pM,.pMSc{padding: 20px!important;}

.ptM,.ptSp{padding-top: 20px!important;}
.ptXL,.ptXLSp {padding-top: 40px!important;}
.pbXL,.pbXLSp {padding-bottom: 40px!important;}

.mr20 , .mr20Sp{margin-right: 20px;}

}


/* -----横並びボックスサイズ----- */
.fBox{margin-right: -4%;}
.fL{float:left;}
.fR{float:right;}
/* PC */
@media print, screen and (min-width:768px){
.fBoxPc{margin-right: -4%;}
.f1of2Pc{width: 46%;margin-right: 4%;float: left;}
.f1of3Pc{width: 29.3333%;margin-right: 4%;float: left;}
.f2of3Pc{width: 62.6666%;margin-right: 4%;float: left;}
.f1of4Pc{width: 21%;margin-right: 4%;float: left;}
.f3of7Pc{width: 38.8571%;margin-right: 4%;float: left;}
.f4of7Pc{width: 53.1428%;margin-right: 4%;float: left;}
.fLPc{float: left;}
.fRPc{float: right;}
}
/* sp */
@media only screen and (max-width: 767px){
.fBoxSp{margin-right: -4%;}
.f1of2Sp{float: left;width: 46%;margin-right: 4%;}
}


/* 横幅に合わせてリサイズ、はみ出た分をトリミング */
/* pc */
@media print, screen and (min-width: 768px){
.trim{
position: relative;
overflow: hidden;
}
.trim img {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
}
/* 横幅に合わせてリサイズ、はみ出た分をトリミング */
/* sp */
@media only screen and (max-width: 767px){
.trimSp{
position: relative;
overflow: hidden;
}
.trimSp img {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
}


/* -----ボタンリンク　ホバー----- */
a.btn , a.btn img{
-webkit-transition: 0.1s ease-in-out;
-moz-transition: 0.1s ease-in-out;
-o-transition: 0.1s ease-in-out;
transition: 0.1s ease-in-out;
text-decoration: none;
}
a.btn:hover , a.btn:hover img{
opacity: 0.6;
}



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


/* -----テキストカラー----- */
.colorWhite{color: #fff;}
.colorBlack{color: #000;}
.colorRed{color: #F00;}

/* -----線カラー ------*/
.bdGray{border: 1px solid #afafa9;}
.bdnone{border: none !important;}

/* -----その他----- */
.db{display: block;}
.dinb{display: inline-block;}

/* pc */
@media print, screen and (min-width: 768px){
.dinbPc{display: inline-block;}
}

.hidden{visibility:hidden}
.cf:after {
content:"";
display:block;
clear:both;
height: 0px;
}
.clr{clear:both;}
/* sp */
@media only screen and (max-width: 767px){
.cfSp:after {
content:"";
display:block;
clear:both;
height: 0px;
}
}

/* YouTube動画埋め込み用 */
.movie_frame {
position: relative;
width: 100%;
margin-left: auto;
margin-right: auto;
padding-top: 56.25%;
}
.movie_frame iframe {
position: absolute;
top: 0;
right: 0;
width: 100% !important;
height: 100% !important;
}

.posiR{position: relative;}
.dot_title {
padding: 15px;
border-top: 1px dotted #5472cb;
border-bottom: 1px dotted #5472cb;
}

/* pc */
@media print, screen and (min-width: 768px){
.sp{display: none !important;}
}
/* sp */
@media only screen and (max-width: 767px){
.pc{display: none !important;}
}
/* printのみ表示 */
@media screen and (min-width: 768px){
.sp2 {display: none !important;}
}

/* 料金表高さ */
@media only screen and (max-width: 767px){
    .ht4em {
    height: 4em;
    }
}