/**************************+*******
初期設定部分
**************************+*******/

/* 変数設定 */
:root{
    /* 変数を出力する場合は var(変数名) */
    /*
    * --c1：最も使われる差し色。でテキストのホバー時や single.php の見出し下線もこの色になる。
    * --c2：自由枠
    * --c3：自由枠
    * --cb：基本的なテキストや黒色部分の色
    * --cf：お問い合わせinput部分の枠の色
    * --cr：お問い合わせ必須や再入力部分の色
    */
    
    --c1: #39b54a;
    --c2: #006837;
    --c3: #fff99f;
    --c4: #0b97f6;
    --c5: #ff8600;
    --c6: #ffd902;
    --cb: #505050;
    --cf: #ccc;
    --cr: #ed1c24;
    
}

/* フォント設定 */
body {
	font-size:1.5rem;
    font-family: 'Encode Sans Expanded', 'Kosugi', sans-serif;
	color:var(--cb);
	line-height:1.7;
	letter-spacing:0.05em;
	-webkit-text-size-adjust:none;
}

a {
    color: var(--cb);
}
a:hover{
    color: var(--c1);
}

/**************************+*******
テキスト関連
**************************+*******/

/* font-size */

.fs10{font-size: 1.0rem;}
.fs12{font-size: 1.2rem;}
.fs13{font-size: 1.3rem;}
.fs14{font-size: 1.4rem;}
.fs15{font-size: 1.5rem;}
.fs16{font-size: 1.6rem;}
.fs18{font-size: 1.8rem;}
.fs20{font-size: 2.0rem; line-height: 1.4;}
.fs22{font-size: 2.2rem; line-height: 1.4;}
.fs24{font-size: 2.4rem; line-height: 1.4;}
.fs26{font-size: 2.6rem; line-height: 1.4;}
.fs28{font-size: 2.8rem; line-height: 1.4;}
.fs30{font-size: 3.0rem; line-height: 1.0;}
.fs32{font-size: 3.2rem; line-height: 1.0;}
.fs34{font-size: 3.4rem; line-height: 1.0;}
.fs36{font-size: 3.6rem; line-height: 1.0;}
.fs38{font-size: 3.8rem; line-height: 1.0;}
.fs40{font-size: 4.0rem; line-height: 1.0;}
.fs42{font-size: 4.2rem; line-height: 1.0;}
.fs45{font-size: 4.5rem; line-height: 1.0;}
.fs48{font-size: 4.8rem; line-height: 1.0;}
.fs60{font-size: 6.0rem; line-height: 1.0;}
.fs80{font-size: 8.0rem; line-height: 1.0;}
.fs100{font-size: 10.0rem; line-height: 1.0;}

/* Xrem => Xrem * (0.975 - X / 50) */
@media (max-width: 800px) {
.fs16{font-size: calc( 1.6rem * (0.975 - 1.6 / 50));}
.fs18{font-size: calc( 1.8rem * (0.975 - 1.8 / 50));}
.fs20{font-size: calc( 2.0rem * (0.975 - 2.0 / 50));}
.fs22{font-size: calc( 2.2rem * (0.975 - 2.2 / 50));}
.fs24{font-size: calc( 2.4rem * (0.975 - 2.4 / 50));}
.fs26{font-size: calc( 2.6rem * (0.975 - 2.6 / 50));}
.fs28{font-size: calc( 2.8rem * (0.975 - 2.8 / 50));}
.fs30{font-size: calc( 3.0rem * (0.975 - 3.0 / 50));}
.fs32{font-size: calc( 3.2rem * (0.975 - 3.2 / 50));}
.fs34{font-size: calc( 3.4rem * (0.975 - 3.4 / 50));}
.fs36{font-size: calc( 3.6rem * (0.975 - 3.6 / 50));}
.fs38{font-size: calc( 3.8rem * (0.975 - 3.8 / 50));}
.fs40{font-size: calc( 4.0rem * (0.975 - 4.0 / 50));}
.fs42{font-size: calc( 4.2rem * (0.975 - 4.2 / 50));}
.fs45{font-size: calc( 4.5rem * (0.975 - 4.5 / 50));}
.fs48{font-size: calc( 4.8rem * (0.975 - 4.8 / 50));}
.fs60{font-size: calc( 6.0rem * (0.975 - 6.0 / 50));}
.fs80{font-size: calc( 8.0rem * (0.975 - 8.0 / 50));}
.fs100{font-size: calc( 10.0rem * (0.975 - 10.0 / 50));}
}

/* Xrem => Xrem * (0.95 - X / 20) */
@media (max-width: 560px) {
.fs18{font-size: calc( 1.8rem * (0.95 - 1.8 / 20));}
.fs20{font-size: calc( 2.0rem * (0.95 - 2.0 / 20));}
.fs22{font-size: calc( 2.2rem * (0.95 - 2.2 / 20));}
.fs24{font-size: calc( 2.4rem * (0.95 - 2.4 / 20));}
.fs26{font-size: calc( 2.6rem * (0.95 - 2.6 / 20));}
.fs28{font-size: calc( 2.8rem * (0.95 - 2.8 / 20));}
.fs30{font-size: calc( 3.0rem * (0.95 - 3.0 / 20));}
.fs32{font-size: calc( 3.2rem * (0.95 - 3.2 / 20));}
.fs34{font-size: calc( 3.4rem * (0.95 - 3.4 / 20));}
.fs36{font-size: calc( 3.6rem * (0.95 - 3.6 / 20));}
.fs38{font-size: calc( 3.8rem * (0.95 - 3.8 / 20));}
.fs40{font-size: calc( 4.0rem * (0.95 - 4.0 / 20));}
.fs42{font-size: calc( 4.2rem * (0.95 - 4.2 / 20));}
.fs45{font-size: calc( 4.5rem * (0.95 - 4.5 / 20));}
.fs48{font-size: calc( 4.8rem * (0.95 - 4.8 / 20));}
.fs60{font-size: calc( 6.0rem * (0.95 - 6.0 / 20));}
.fs80{font-size: calc( 8.0rem * (0.95 - 8.0 / 20));}
.fs100{font-size: calc( 10.0rem * (0.95 - 10.0 / 20));}
}

/* font-weight */

.fwel{font-weight: 200;}
.fwl{font-weight: 300;}
.fwr{font-weight: 400;}
.fwm{font-weight: 500;}
.fwsb{font-weight: 600;}
.fwb{font-weight: 700;}
.fweb{font-weight: 800;}
.fwbk{font-weight: 900;}

/* letter_spacing */

.ls0{letter-spacing: 0;}
.ls50{letter-spacing: 0.05em;}
.ls100{letter-spacing: 0.1em;}
.ls150{letter-spacing: 0.15em;}
.ls200{letter-spacing: 0.2em;}

/* line_height */

.lh100{line-height: 1;}
.lh120{line-height: 1.2;}
.lh130{line-height: 1.3;}
.lh140{line-height: 1.4;}
.lh150{line-height: 1.5;}
.lh160{line-height: 1.6;}
.lh170{line-height: 1.7;}

/* text-align */

.tac{text-align: center;}
.tal{text-align: left;}
.tar{ text-align: right;}

/**************************+*******
画面サイズ関連
**************************+*******/

/* maxbox */

.cmn_maxbox_600 {width:100%; max-width: 600px; margin: 0 auto;}
.cmn_maxbox_700 {width:100%; max-width: 700px; margin: 0 auto;}
.cmn_maxbox_800 {width:100%; max-width: 800px; margin: 0 auto;}
.cmn_maxbox_900 {width:100%; max-width: 900px; margin: 0 auto;}
.cmn_maxbox {width:100%; max-width: 1000px; margin: 0 auto;}
.cmn_maxbox_1200 {width:100%; max-width: 1200px; margin: 0 auto;}
.cmn_maxbox_1300 {width:100%; max-width: 1300px; margin: 0 auto;}
.cmn_maxbox_1400 {width:100%; max-width: 1400px; margin: 0 auto;}

@media (max-width: 1400px)  {
.cmn_maxbox_1400{padding-left: 3%; padding-right: 3%;}
}
@media (max-width: 1300px)  {
.cmn_maxbox_1300{padding-left: 3%; padding-right: 3%;}
}
@media (max-width: 1200px)  {
.cmn_maxbox_1200{padding-left: 3%; padding-right: 3%;}
}
@media (max-width: 1000px)  {
.cmn_maxbox{padding-left: 3%; padding-right: 3%;}
}
@media (max-width: 900px) {
.cmn_maxbox_900{padding-left: 3%; padding-right: 3%;}
}
@media (max-width: 800px) {
.cmn_maxbox_800{padding-left: 3%; padding-right: 3%;}
}
@media (max-width: 700px) {
.cmn_maxbox_700{padding-left: 3%; padding-right: 3%;}
}
@media (max-width: 600px) {
.cmn_maxbox_600{padding-left: 3%; padding-right: 3%;}
}


/* 画像 */

.fit img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.fit1to1,
.fit3to2,
.fit16to9,
.fityt{
    width: 100%;
    position: relative;
}

.fit1to1::before,
.fit3to2::before,
.fit16to9::before,
.fityt:before{
    content: "";
    display: block;
}

.fit1to1::before{padding-top: 100%;}
.fit3to2::before{padding-top: 66.666667%;}
.fit16to9::before,.fityt::before{padding-top: 56.25%;}

.fit1to1 img,
.fit3to2 img,
.fit16to9 img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;

    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.fityt iframe{
    width: 100%;
    height: 100%;

    position: absolute;
    top: 0;
    left: 0;
}

/* other */

.full{
    width: 100%;
    height: 100%;
}

/**************************+*******
余白関連
**************************+*******/

.ma{margin: 0 auto;}

/* padding */

.pl5{padding-left: 5px;}
.pl10{padding-left: 10px;}
.pl15{padding-left: 15px;}
.pl20{padding-left: 20px;}
.pl25{padding-left: 25px;}
.pl30{padding-left: 30px;}
.pl35{padding-left: 35px;}
.pl40{padding-left: 40px;}
.pl45{padding-left: 45px;}
.pl50{padding-left: 50px;}
.pl60{padding-left: 60px;}
.pl70{padding-left: 70px;}
.pl75{padding-left: 70px;}
.pl80{padding-left: 80px;}
.pl100{padding-left: 100px;}
.pl120{padding-left: 120px;}
.pl150{padding-left: 150px;}
.pl200{padding-left: 200px;}
.pr5{padding-right: 5px;}
.pr10{padding-right: 10px;}
.pr15{padding-right: 15px;}
.pr20{padding-right: 20px;}
.pr25{padding-right: 25px;}
.pr30{padding-right: 30px;}
.pr35{padding-right: 35px;}
.pr40{padding-right: 40px;}
.pr45{padding-right: 45px;}
.pr50{padding-right: 50px;}
.pr60{padding-right: 60px;}
.pr70{padding-right: 70px;}
.pr75{padding-right: 70px;}
.pr80{padding-right: 80px;}
.pr100{padding-right: 100px;}
.pr120{padding-right: 120px;}
.pr150{padding-right: 150px;}
.pr200{padding-right: 200px;}
.pt5{padding-top: 5px;}
.pt10{padding-top: 10px;}
.pt15{padding-top: 15px;}
.pt20{padding-top: 20px;}
.pt25{padding-top: 25px;}
.pt30{padding-top: 30px;}
.pt35{padding-top: 35px;}
.pt40{padding-top: 40px;}
.pt45{padding-top: 45px;}
.pt50{padding-top: 50px;}
.pt60{padding-top: 60px;}
.pt70{padding-top: 70px;}
.pt75{padding-top: 70px;}
.pt80{padding-top: 80px;}
.pt100{padding-top: 100px;}
.pt120{padding-top: 120px;}
.pt150{padding-top: 150px;}
.pt200{padding-top: 200px;}
.pb5{padding-bottom: 5px;}
.pb10{padding-bottom: 10px;}
.pb15{padding-bottom: 15px;}
.pb20{padding-bottom: 20px;}
.pb25{padding-bottom: 25px;}
.pb30{padding-bottom: 30px;}
.pb35{padding-bottom: 35px;}
.pb40{padding-bottom: 40px;}
.pb45{padding-bottom: 45px;}
.pb50{padding-bottom: 50px;}
.pb60{padding-bottom: 60px;}
.pb70{padding-bottom: 70px;}
.pb75{padding-bottom: 70px;}
.pb80{padding-bottom: 80px;}
.pb100{padding-bottom: 100px;}
.pb120{padding-bottom: 120px;}
.pb150{padding-bottom: 150px;}
.pb200{padding-bottom: 200px;}

/* margin */

.ml5{margin-left: 5px;}
.ml10{margin-left: 10px;}
.ml15{margin-left: 15px;}
.ml20{margin-left: 20px;}
.ml25{margin-left: 25px;}
.ml30{margin-left: 30px;}
.ml35{margin-left: 35px;}
.ml40{margin-left: 40px;}
.ml45{margin-left: 45px;}
.ml50{margin-left: 50px;}
.ml60{margin-left: 60px;}
.ml70{margin-left: 70px;}
.ml75{margin-left: 70px;}
.ml80{margin-left: 80px;}
.ml100{margin-left: 100px;}
.ml120{margin-left: 120px;}
.ml150{margin-left: 150px;}
.ml200{margin-left: 200px;}
.mr5{margin-right: 5px;}
.mr10{margin-right: 10px;}
.mr15{margin-right: 15px;}
.mr20{margin-right: 20px;}
.mr25{margin-right: 25px;}
.mr30{margin-right: 30px;}
.mr35{margin-right: 35px;}
.mr40{margin-right: 40px;}
.mr45{margin-right: 45px;}
.mr50{margin-right: 50px;}
.mr60{margin-right: 60px;}
.mr70{margin-right: 70px;}
.mr75{margin-right: 70px;}
.mr80{margin-right: 80px;}
.mr100{margin-right: 100px;}
.mr120{margin-right: 120px;}
.mr150{margin-right: 150px;}
.mr200{margin-right: 200px;}
.mt5{margin-top: 5px;}
.mt10{margin-top: 10px;}
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px;}
.mt25{margin-top: 25px;}
.mt30{margin-top: 30px;}
.mt35{margin-top: 35px;}
.mt40{margin-top: 40px;}
.mt45{margin-top: 45px;}
.mt50{margin-top: 50px;}
.mt60{margin-top: 60px;}
.mt70{margin-top: 70px;}
.mt75{margin-top: 70px;}
.mt80{margin-top: 80px;}
.mt100{margin-top: 100px;}
.mt120{margin-top: 120px;}
.mt150{margin-top: 150px;}
.mt200{margin-top: 200px;}
.mb5{margin-bottom: 5px;}
.mb10{margin-bottom: 10px;}
.mb15{margin-bottom: 15px;}
.mb20{margin-bottom: 20px;}
.mb25{margin-bottom: 25px;}
.mb30{margin-bottom: 30px;}
.mb35{margin-bottom: 35px;}
.mb40{margin-bottom: 40px;}
.mb45{margin-bottom: 45px;}
.mb50{margin-bottom: 50px;}
.mb60{margin-bottom: 60px;}
.mb70{margin-bottom: 70px;}
.mb75{margin-bottom: 70px;}
.mb80{margin-bottom: 80px;}
.mb100{margin-bottom: 100px;}
.mb120{margin-bottom: 120px;}
.mb150{margin-bottom: 150px;}
.mb200{margin-bottom: 200px;}

@media (max-width: 800px) {

/* padding */

.pl5{padding-left: calc(5px * 0.8);}
.pl10{padding-left: calc(10px * 0.8);}
.pl15{padding-left: calc(15px * 0.8);}
.pl20{padding-left: calc(20px * 0.8);}
.pl25{padding-left: calc(25px * 0.8);}
.pl30{padding-left: calc(30px * 0.8);}
.pl35{padding-left: calc(35px * 0.8);}
.pl40{padding-left: calc(40px * 0.8);}
.pl45{padding-left: calc(45px * 0.8);}
.pl50{padding-left: calc(50px * 0.8);}
.pl60{padding-left: calc(60px * 0.8);}
.pl70{padding-left: calc(70px * 0.8);}
.pl75{padding-left: calc(70px * 0.8);}
.pl80{padding-left: calc(80px * 0.8);}
.pl100{padding-left: calc(100px * 0.8);}
.pl120{padding-left: calc(120px * 0.8);}
.pl150{padding-left: calc(150px * 0.8);}
.pl200{padding-left: calc(200px * 0.8);}
.pr5{padding-right: calc(5px * 0.8);}
.pr10{padding-right: calc(10px * 0.8);}
.pr15{padding-right: calc(15px * 0.8);}
.pr20{padding-right: calc(20px * 0.8);}
.pr25{padding-right: calc(25px * 0.8);}
.pr30{padding-right: calc(30px * 0.8);}
.pr35{padding-right: calc(35px * 0.8);}
.pr40{padding-right: calc(40px * 0.8);}
.pr45{padding-right: calc(45px * 0.8);}
.pr50{padding-right: calc(50px * 0.8);}
.pr60{padding-right: calc(60px * 0.8);}
.pr70{padding-right: calc(70px * 0.8);}
.pr75{padding-right: calc(70px * 0.8);}
.pr80{padding-right: calc(80px * 0.8);}
.pr100{padding-right: calc(100px * 0.8);}
.pr120{padding-right: calc(120px * 0.8);}
.pr150{padding-right: calc(150px * 0.8);}
.pr200{padding-right: calc(200px * 0.8);}
.pt5{padding-top: calc(5px * 0.8);}
.pt10{padding-top: calc(10px * 0.8);}
.pt15{padding-top: calc(15px * 0.8);}
.pt20{padding-top: calc(20px * 0.8);}
.pt25{padding-top: calc(25px * 0.8);}
.pt30{padding-top: calc(30px * 0.8);}
.pt35{padding-top: calc(35px * 0.8);}
.pt40{padding-top: calc(40px * 0.8);}
.pt45{padding-top: calc(45px * 0.8);}
.pt50{padding-top: calc(50px * 0.8);}
.pt60{padding-top: calc(60px * 0.8);}
.pt70{padding-top: calc(70px * 0.8);}
.pt75{padding-top: calc(70px * 0.8);}
.pt80{padding-top: calc(80px * 0.8);}
.pt100{padding-top: calc(100px * 0.8);}
.pt120{padding-top: calc(120px * 0.8);}
.pt150{padding-top: calc(150px * 0.8);}
.pt200{padding-top: calc(200px * 0.8);}
.pb5{padding-bottom: calc(5px * 0.8);}
.pb10{padding-bottom: calc(10px * 0.8);}
.pb15{padding-bottom: calc(15px * 0.8);}
.pb20{padding-bottom: calc(20px * 0.8);}
.pb25{padding-bottom: calc(25px * 0.8);}
.pb30{padding-bottom: calc(30px * 0.8);}
.pb35{padding-bottom: calc(35px * 0.8);}
.pb40{padding-bottom: calc(40px * 0.8);}
.pb45{padding-bottom: calc(45px * 0.8);}
.pb50{padding-bottom: calc(50px * 0.8);}
.pb60{padding-bottom: calc(60px * 0.8);}
.pb70{padding-bottom: calc(70px * 0.8);}
.pb75{padding-bottom: calc(70px * 0.8);}
.pb80{padding-bottom: calc(80px * 0.8);}
.pb100{padding-bottom: calc(100px * 0.8);}
.pb120{padding-bottom: calc(120px * 0.8);}
.pb150{padding-bottom: calc(150px * 0.8);}
.pb200{padding-bottom: calc(200px * 0.8);}

/* margin */

.ml5{margin-left: calc(5px * 0.8);}
.ml10{margin-left: calc(10px * 0.8);}
.ml15{margin-left: calc(15px * 0.8);}
.ml20{margin-left: calc(20px * 0.8);}
.ml25{margin-left: calc(25px * 0.8);}
.ml30{margin-left: calc(30px * 0.8);}
.ml35{margin-left: calc(35px * 0.8);}
.ml40{margin-left: calc(40px * 0.8);}
.ml45{margin-left: calc(45px * 0.8);}
.ml50{margin-left: calc(50px * 0.8);}
.ml60{margin-left: calc(60px * 0.8);}
.ml70{margin-left: calc(70px * 0.8);}
.ml75{margin-left: calc(70px * 0.8);}
.ml80{margin-left: calc(80px * 0.8);}
.ml100{margin-left: calc(100px * 0.8);}
.ml120{margin-left: calc(120px * 0.8);}
.ml150{margin-left: calc(150px * 0.8);}
.ml200{margin-left: calc(200px * 0.8);}
.mr5{margin-right: calc(5px * 0.8);}
.mr10{margin-right: calc(10px * 0.8);}
.mr15{margin-right: calc(15px * 0.8);}
.mr20{margin-right: calc(20px * 0.8);}
.mr25{margin-right: calc(25px * 0.8);}
.mr30{margin-right: calc(30px * 0.8);}
.mr35{margin-right: calc(35px * 0.8);}
.mr40{margin-right: calc(40px * 0.8);}
.mr45{margin-right: calc(45px * 0.8);}
.mr50{margin-right: calc(50px * 0.8);}
.mr60{margin-right: calc(60px * 0.8);}
.mr70{margin-right: calc(70px * 0.8);}
.mr75{margin-right: calc(70px * 0.8);}
.mr80{margin-right: calc(80px * 0.8);}
.mr100{margin-right: calc(100px * 0.8);}
.mr120{margin-right: calc(120px * 0.8);}
.mr150{margin-right: calc(150px * 0.8);}
.mr200{margin-right: calc(200px * 0.8);}
.mt5{margin-top: calc(5px * 0.8);}
.mt10{margin-top: calc(10px * 0.8);}
.mt15{margin-top: calc(15px * 0.8);}
.mt20{margin-top: calc(20px * 0.8);}
.mt25{margin-top: calc(25px * 0.8);}
.mt30{margin-top: calc(30px * 0.8);}
.mt35{margin-top: calc(35px * 0.8);}
.mt40{margin-top: calc(40px * 0.8);}
.mt45{margin-top: calc(45px * 0.8);}
.mt50{margin-top: calc(50px * 0.8);}
.mt60{margin-top: calc(60px * 0.8);}
.mt70{margin-top: calc(70px * 0.8);}
.mt75{margin-top: calc(70px * 0.8);}
.mt80{margin-top: calc(80px * 0.8);}
.mt100{margin-top: calc(100px * 0.8);}
.mt120{margin-top: calc(120px * 0.8);}
.mt150{margin-top: calc(150px * 0.8);}
.mt200{margin-top: calc(200px * 0.8);}
.mb5{margin-bottom: calc(5px * 0.8);}
.mb10{margin-bottom: calc(10px * 0.8);}
.mb15{margin-bottom: calc(15px * 0.8);}
.mb20{margin-bottom: calc(20px * 0.8);}
.mb25{margin-bottom: calc(25px * 0.8);}
.mb30{margin-bottom: calc(30px * 0.8);}
.mb35{margin-bottom: calc(35px * 0.8);}
.mb40{margin-bottom: calc(40px * 0.8);}
.mb45{margin-bottom: calc(45px * 0.8);}
.mb50{margin-bottom: calc(50px * 0.8);}
.mb60{margin-bottom: calc(60px * 0.8);}
.mb70{margin-bottom: calc(70px * 0.8);}
.mb75{margin-bottom: calc(70px * 0.8);}
.mb80{margin-bottom: calc(80px * 0.8);}
.mb100{margin-bottom: calc(100px * 0.8);}
.mb120{margin-bottom: calc(120px * 0.8);}
.mb150{margin-bottom: calc(150px * 0.8);}
.mb200{margin-bottom: calc(200px * 0.8);}

}

@media (max-width: 560px) {

/* padding */

.pl5{padding-left: calc(5px * 0.6);}
.pl10{padding-left: calc(10px * 0.6);}
.pl15{padding-left: calc(15px * 0.6);}
.pl20{padding-left: calc(20px * 0.6);}
.pl25{padding-left: calc(25px * 0.6);}
.pl30{padding-left: calc(30px * 0.6);}
.pl35{padding-left: calc(35px * 0.6);}
.pl40{padding-left: calc(40px * 0.6);}
.pl45{padding-left: calc(45px * 0.6);}
.pl50{padding-left: calc(50px * 0.6);}
.pl60{padding-left: calc(60px * 0.6);}
.pl70{padding-left: calc(70px * 0.6);}
.pl75{padding-left: calc(70px * 0.6);}
.pl80{padding-left: calc(80px * 0.6);}
.pl100{padding-left: calc(100px * 0.6);}
.pl120{padding-left: calc(120px * 0.6);}
.pl150{padding-left: calc(150px * 0.6);}
.pl200{padding-left: calc(200px * 0.6);}
.pr5{padding-right: calc(5px * 0.6);}
.pr10{padding-right: calc(10px * 0.6);}
.pr15{padding-right: calc(15px * 0.6);}
.pr20{padding-right: calc(20px * 0.6);}
.pr25{padding-right: calc(25px * 0.6);}
.pr30{padding-right: calc(30px * 0.6);}
.pr35{padding-right: calc(35px * 0.6);}
.pr40{padding-right: calc(40px * 0.6);}
.pr45{padding-right: calc(45px * 0.6);}
.pr50{padding-right: calc(50px * 0.6);}
.pr60{padding-right: calc(60px * 0.6);}
.pr70{padding-right: calc(70px * 0.6);}
.pr75{padding-right: calc(70px * 0.6);}
.pr80{padding-right: calc(80px * 0.6);}
.pr100{padding-right: calc(100px * 0.6);}
.pr120{padding-right: calc(120px * 0.6);}
.pr150{padding-right: calc(150px * 0.6);}
.pr200{padding-right: calc(200px * 0.6);}
.pt5{padding-top: calc(5px * 0.6);}
.pt10{padding-top: calc(10px * 0.6);}
.pt15{padding-top: calc(15px * 0.6);}
.pt20{padding-top: calc(20px * 0.6);}
.pt25{padding-top: calc(25px * 0.6);}
.pt30{padding-top: calc(30px * 0.6);}
.pt35{padding-top: calc(35px * 0.6);}
.pt40{padding-top: calc(40px * 0.6);}
.pt45{padding-top: calc(45px * 0.6);}
.pt50{padding-top: calc(50px * 0.6);}
.pt60{padding-top: calc(60px * 0.6);}
.pt70{padding-top: calc(70px * 0.6);}
.pt75{padding-top: calc(70px * 0.6);}
.pt80{padding-top: calc(80px * 0.6);}
.pt100{padding-top: calc(100px * 0.6);}
.pt120{padding-top: calc(120px * 0.6);}
.pt150{padding-top: calc(150px * 0.6);}
.pt200{padding-top: calc(200px * 0.6);}
.pb5{padding-bottom: calc(5px * 0.6);}
.pb10{padding-bottom: calc(10px * 0.6);}
.pb15{padding-bottom: calc(15px * 0.6);}
.pb20{padding-bottom: calc(20px * 0.6);}
.pb25{padding-bottom: calc(25px * 0.6);}
.pb30{padding-bottom: calc(30px * 0.6);}
.pb35{padding-bottom: calc(35px * 0.6);}
.pb40{padding-bottom: calc(40px * 0.6);}
.pb45{padding-bottom: calc(45px * 0.6);}
.pb50{padding-bottom: calc(50px * 0.6);}
.pb60{padding-bottom: calc(60px * 0.6);}
.pb70{padding-bottom: calc(70px * 0.6);}
.pb75{padding-bottom: calc(70px * 0.6);}
.pb80{padding-bottom: calc(80px * 0.6);}
.pb100{padding-bottom: calc(100px * 0.6);}
.pb120{padding-bottom: calc(120px * 0.6);}
.pb150{padding-bottom: calc(150px * 0.6);}
.pb200{padding-bottom: calc(200px * 0.6);}

/* margin */

.ml5{margin-left: calc(5px * 0.6);}
.ml10{margin-left: calc(10px * 0.6);}
.ml15{margin-left: calc(15px * 0.6);}
.ml20{margin-left: calc(20px * 0.6);}
.ml25{margin-left: calc(25px * 0.6);}
.ml30{margin-left: calc(30px * 0.6);}
.ml35{margin-left: calc(35px * 0.6);}
.ml40{margin-left: calc(40px * 0.6);}
.ml45{margin-left: calc(45px * 0.6);}
.ml50{margin-left: calc(50px * 0.6);}
.ml60{margin-left: calc(60px * 0.6);}
.ml70{margin-left: calc(70px * 0.6);}
.ml75{margin-left: calc(70px * 0.6);}
.ml80{margin-left: calc(80px * 0.6);}
.ml100{margin-left: calc(100px * 0.6);}
.ml120{margin-left: calc(120px * 0.6);}
.ml150{margin-left: calc(150px * 0.6);}
.ml200{margin-left: calc(200px * 0.6);}
.mr5{margin-right: calc(5px * 0.6);}
.mr10{margin-right: calc(10px * 0.6);}
.mr15{margin-right: calc(15px * 0.6);}
.mr20{margin-right: calc(20px * 0.6);}
.mr25{margin-right: calc(25px * 0.6);}
.mr30{margin-right: calc(30px * 0.6);}
.mr35{margin-right: calc(35px * 0.6);}
.mr40{margin-right: calc(40px * 0.6);}
.mr45{margin-right: calc(45px * 0.6);}
.mr50{margin-right: calc(50px * 0.6);}
.mr60{margin-right: calc(60px * 0.6);}
.mr70{margin-right: calc(70px * 0.6);}
.mr75{margin-right: calc(70px * 0.6);}
.mr80{margin-right: calc(80px * 0.6);}
.mr100{margin-right: calc(100px * 0.6);}
.mr120{margin-right: calc(120px * 0.6);}
.mr150{margin-right: calc(150px * 0.6);}
.mr200{margin-right: calc(200px * 0.6);}
.mt5{margin-top: calc(5px * 0.6);}
.mt10{margin-top: calc(10px * 0.6);}
.mt15{margin-top: calc(15px * 0.6);}
.mt20{margin-top: calc(20px * 0.6);}
.mt25{margin-top: calc(25px * 0.6);}
.mt30{margin-top: calc(30px * 0.6);}
.mt35{margin-top: calc(35px * 0.6);}
.mt40{margin-top: calc(40px * 0.6);}
.mt45{margin-top: calc(45px * 0.6);}
.mt50{margin-top: calc(50px * 0.6);}
.mt60{margin-top: calc(60px * 0.6);}
.mt70{margin-top: calc(70px * 0.6);}
.mt75{margin-top: calc(70px * 0.6);}
.mt80{margin-top: calc(80px * 0.6);}
.mt100{margin-top: calc(100px * 0.6);}
.mt120{margin-top: calc(120px * 0.6);}
.mt150{margin-top: calc(150px * 0.6);}
.mt200{margin-top: calc(200px * 0.6);}
.mb5{margin-bottom: calc(5px * 0.6);}
.mb10{margin-bottom: calc(10px * 0.6);}
.mb15{margin-bottom: calc(15px * 0.6);}
.mb20{margin-bottom: calc(20px * 0.6);}
.mb25{margin-bottom: calc(25px * 0.6);}
.mb30{margin-bottom: calc(30px * 0.6);}
.mb35{margin-bottom: calc(35px * 0.6);}
.mb40{margin-bottom: calc(40px * 0.6);}
.mb45{margin-bottom: calc(45px * 0.6);}
.mb50{margin-bottom: calc(50px * 0.6);}
.mb60{margin-bottom: calc(60px * 0.6);}
.mb70{margin-bottom: calc(70px * 0.6);}
.mb75{margin-bottom: calc(70px * 0.6);}
.mb80{margin-bottom: calc(80px * 0.6);}
.mb100{margin-bottom: calc(100px * 0.6);}
.mb120{margin-bottom: calc(120px * 0.6);}
.mb150{margin-bottom: calc(150px * 0.6);}
.mb200{margin-bottom: calc(200px * 0.6);}

}

/**************************+*******
スクロールアニメーション
**************************+*******/

/* scrollanime */

.scrollanime,
.scrollanime2,
.scrollanime3{
    opacity: 0;
}

.fadein{
animation: fadein 1s forwards;
}

@keyframes fadein{
    0%{opacity: 0;}
    100%{opacity: 1;transform: translate(0) scale(1);}
}

.toup{transform: translateY(30px);}
.todown{transform: translateY(-30px);}
.toright{transform: translate(-30px);}
.toleft{transform: translateX(30px);}
.expansion{transform: scale(.7);}
.shrink{transform: scale(1.2);}


/**************************+*******
その他
**************************+*******/

/* display */

.pcNone,.pcNone2,.pcNone3{display:none;}

@media (max-width: 1000px){
.spNone {display: none;}
.pcNone{display: block;}
}
@media (max-width: 800px) {
.spNone2 {display: none;}
.pcNone2{display: block;}
}
@media (max-width: 560px) {
.spNone3{display: none;}
.pcNone3{display: block;}
}

.db{display: block;}
.dib{display: inline-block;}

.dfc{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

/* 疑似要素 */

.pe::before,.pe::after{
    content: "";
    display: block;
}

/* 背景画像 */

.bgi{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

/* その他 */
.por{
    position: relative;
}

/* 印刷 */

@media print {

.scrollanime,
.scrollanime2,
.scrollanime3{
    opacity: 1 !important;
    transform: translate(0) !important;
}

.footer_gotop{
    display: none !important;
}

}