@charset "utf-8";
body{ overflow-x: hidden;}
main { display: flex; flex-direction: column; align-items: center; justify-content: center;}
article{ max-width: 900px; width: 94%; margin: 0 3%; display: flex; flex-direction: column; justify-content: center; align-items: center;}
article .wrap{ flex-direction: column;}
#blog-main { flex-direction: column; margin-top: 30px;}
#post.post-widht700 .pageInner{ width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center;}
#post .postInner{ width: 100% !important;}
.bkcolor{ background: #d1f1e7;}



@media screen and (max-width:850px) {
#blog-main { margin-top:0px;}
}
/*▼mv_under.css▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼*/
/*=========================
下層 MV under-mv
作り直し
============*/
#under-mv { display: flex; justify-content: center; align-items: center;}
#under-mv .inner{ width: 100%; max-width: 900px; margin: 100px 0% 20px; display: flex; flex-direction: column; justify-content: center; align-items: center;}
#under-mv .inner .underMv-hgroup{ display: flex; flex-direction: column-reverse; }
#under-mv .inner .underMv-hgroup h1, 
#under-mv .inner .underMv-hgroup p{ display: flex; justify-content: center; line-height: 1.2em;}
#under-mv .inner .underMv-hgroup h1 { font-size: 11px; color: #555; font-weight: 200;}
#under-mv .inner .underMv-hgroup p{ font-size: 36px; font-weight: 200; color: #111;}
#under-mv .inner .underMv-hgroup .txt-anime5 span.on{}
@media screen and (max-width:500px) {
#under-mv .inner{ margin: 120px 2% 20px;}

#under-mv .inner .underMv-hgroup h1 { font-size: 3.2vw;}
#under-mv .inner .underMv-hgroup p{ font-size: 8.8vw;}

}

















/*page*/
.full-size{ width: 100% !important; height: 100% !important;}
.full-width{ width: 100%;}
.wFull{ width: 100%;}
.column{ flex-direction: column !important;}
.column-reverse{ flex-direction: column-reverse !important;}
.row{ flex-direction: row !important;}
.row-reverse{ flex-direction: row-reverse !important;}
.align-items-center{ align-items: center;}
.align-items-end{ align-items: flex-end;}
.align-items-start{ align-items: flex-start;}
.align-content-center{ align-content: center;}
.space-between{ display: flex !important; justify-content: space-between !important;}
.justify-content-center{ justify-content: center!important;}
.section-back{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: -1; overflow:hidden; }
@media screen and (min-width:851px) {
.wrap{ width: 100%; display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap;}
.column1{ width: 100%; display: block;}
.column2{ width: 50%; display: block;}
.column3-1{ width: 33.3%; display: block;}
.column3-2{ width: 66.6%; display: block;}
.column4-1{ width: 25%; display: block;}
.column4-2{ width: 50%; display: block;}
.column4-3{ width: 75%; display: block;}
.wrap .column1, 
.wrap .column2, 
.wrap .column3-1, 
.wrap .column3-2, 
.wrap .column4-1, 
.wrap .column4-2, 
.wrap .column4-3{ padding-left: 10px; padding-right: 10px;}
.w90-pc{ width: 90%;}
.w88-pc{ width: 88%;}
.w85-pc{ width: 85%;}
.w83-pc{ width: 83%;}
.w80-pc{ width: 80%;}
.w78-pc{ width: 78%;}
.w75-pc{ width: 75%;}
.w73-pc{ width: 73%;}
.w70-pc{ width: 70%;}
.w68-pc{ width: 68%;}
.w65-pc{ width: 65%;}
.w63-pc{ width: 63%;}
.w60-pc{ width: 60%;}
.w58-pc{ width: 58%;}
.w55-pc{ width: 55%;}
.w50-pc{ width: 50%;}
.w48-pc{ width: 48%;}
.w45-pc{ width: 45%;}
.w43-pc{ width: 43%;}
.w40-pc{ width: 40%;}
.w38-pc{ width: 38%;}
.w35-pc{ width: 35%;}
.w33-pc{ width: 33%;}
.w30-pc{ width: 30%;}
.w28-pc{ width: 28%;}
.w25-pc{ width: 25%;}
}
@media screen and (max-width:1100px) {
.inner > .wrap{ padding-left: 3%; padding-right: 3%;}
}
@media screen and (max-width:850px) {
.inner > .wrap{ width: 100%; display: block; flex-direction: column;}
footer .wrap{ flex-direction: column-reverse; flex-wrap: wrap;}
.column1, 
.column2, 
.column3-1, 
.column3-2, 
.column4-1, 
.column4-2, 
.column4-3{ width: 100%; display: block;}
.w90-sp{ width: 90%;}
.w88-sp{ width: 88%;}
.w85-sp{ width: 85%;}
.w83-sp{ width: 83%;}
.w80-sp{ width: 80%;}
.w78-sp{ width: 78%;}
.w75-sp{ width: 75%;}
.w73-sp{ width: 73%;}
.w70-sp{ width: 70%;}
.w68-sp{ width: 68%;}
.w65-sp{ width: 65%;}
.w63-sp{ width: 63%;}
.w60-sp{ width: 60%;}
.w58-sp{ width: 58%;}
.w55-sp{ width: 55%;}
.w50-sp{ width: 50%;}
.w48-sp{ width: 48%;}
.w45-sp{ width: 45%;}
.w43-sp{ width: 43%;}
.w40-sp{ width: 40%;}
.w38-sp{ width: 38%;}
.w35-sp{ width: 35%;}
.w33-sp{ width: 33%;}
.w30-sp{ width: 30%;}
.w28-sp{ width: 28%;}
.w25-sp{ width: 25%;}
}
/*===================
幅指定
=====================*/
@media screen and (min-width:851px) {
.width-pc500{ max-width: 500px;}
.width-pc550{ max-width: 550px;}
.width-pc600{ max-width: 600px;}
.width-pc650{ max-width: 650px;}
.width-pc700{ max-width: 700px;}
.width-pc750{ max-width: 750px;}
.width-pc800{ max-width: 800px;}
.width-pc850{ max-width: 850px;}
.width-pc900{ max-width: 900px;}
.width-pc950{ max-width: 950px;}
.width-pc1000{ max-width: 1000px;}
.width-pc1050{ max-width: 1050px;}
}
/*===================
 高さ指定
=====================*/
@media screen and (min-width:851px) {
.height-pc100{ height: 100px;}
.height-pc150{ height: 150px;}
.height-pc200{ height: 200px;}
.height-pc250{ height: 250px;}
.height-pc300{ height: 300px;}
.height-pc350{ height: 350px;}
.height-pc400{ height: 400px;}
.height-pc450{ height: 450px;}
.height-pc500{ height: 500px;}
.height-pc550{ height: 550px;}
.height-pc600{ height: 600px;}
.height-pc650{ height: 650px;}
.height-pc700{ height: 700px;}
.height-pc750{ height: 750px;}
.height-pc800{ height: 800px;}
}
@media screen and (max-width:850px) {
 .height-sp100{ height: 100px;}
 .height-sp150{ height: 150px;}
 .height-sp200{ height: 200px;}
 .height-sp250{ height: 250px;}
 .height-sp300{ height: 300px;}
 .height-sp350{ height: 350px;}
 .height-sp400{ height: 400px;}
 .height-sp450{ height: 450px;}
 .height-sp500{ height: 500px;}
 .height-sp550{ height: 550px;}
 .height-sp600{ height: 600px;}
 .height-sp650{ height: 650px;}
 .height-sp700{ height: 700px;}
 .height-sp750{ height: 750px;}
 .height-sp800{ height: 800px;}
}
@media screen and (max-width:850px) {
 .height-sp-vh30{ height: 30vh;}
 .height-sp-vh35{ height: 35vh;}
 .height-sp-vh40{ height: 40vh;}
 .height-sp-vh45{ height: 45vh;}
 .height-sp-vh50{ height: 50vh;}
 .height-sp-vh55{ height: 55vh;}
 .height-sp-vh60{ height: 60vh;}
 .height-sp-vh65{ height: 65vh;}
 .height-sp-vh70{ height: 70vh;}
 .height-sp-vh75{ height: 75vh;}
 .height-sp-vh80{ height: 80vh;}
 .height-sp-vh85{ height: 85vh;}
 .height-sp-vh90{ height: 90vh;}
 .height-sp-vh95{ height: 95vh;}
 .height-sp-vh100{ height: 100vh;}
}
/*==============================================
 margin
================================================*/
.mAuto{ margin: auto !important;}
.mb0{ margin-bottom: 0!important;}
.mb5{ margin-bottom: 5px!important;}
.mb10{ margin-bottom: 10px!important;}
.mb15{ margin-bottom: 15px!important;}
.mb20{ margin-bottom: 20px!important;}
.mb25{ margin-bottom: 25px!important;}
.mb30{ margin-bottom: 30px!important;}
.mb35{ margin-bottom: 35px!important;}
.mb40{ margin-bottom: 40px!important;}
.mb45{ margin-bottom: 45px!important;}
.mb50{ margin-bottom: 50px!important;}
.mb55{ margin-bottom: 55px!important;}
.mb60{ margin-bottom: 60px!important;}
.mb65{ margin-bottom: 65px!important;}
.mb70{ margin-bottom: 70px!important;}
.mb75{ margin-bottom: 75px!important;}
.mb80{ margin-bottom: 80px!important;}
.mb85{ margin-bottom: 85px!important;}
.mb90{ margin-bottom: 90px!important;}
.mb95{ margin-bottom: 95px!important;}
.mb100{ margin-bottom: 100px!important;}
.mb105{ margin-bottom: 105px!important;}
.mb110{ margin-bottom: 110px!important;}
.mb115{ margin-bottom: 115px!important;}
.mb120{ margin-bottom: 120px!important;}
.mt0{ margin-top: 0!important;}
.mt5{ margin-top: 5px!important;}
.mt10{ margin-top: 10px!important;}
.mt15{ margin-top: 15px!important;}
.mt20{ margin-top: 20px!important;}
.mt25{ margin-top: 25px!important;}
.mt30{ margin-top: 30px!important;}
.mt35{ margin-top: 35px!important;}
.mt40{ margin-top: 40px!important;}
.mt45{ margin-top: 45px!important;}
.mt50{ margin-top: 50px!important;}
.mt55{ margin-top: 55px!important;}
.mt60{ margin-top: 60px!important;}
.mt65{ margin-top: 65px!important;}
.mt70{ margin-top: 70px!important;}
.mt75{ margin-top: 75px!important;}
.mt80{ margin-top: 80px!important;}
.mt85{ margin-top: 85px!important;}
.mt90{ margin-top: 90px!important;}
.mt95{ margin-top: 95px!important;}
.mt100{ margin-top: 100px!important;}
.mt105{ margin-top: 105px!important;}
.mt110{ margin-top: 110px!important;}
.mt115{ margin-top: 115px!important;}
.mt120{ margin-top: 120px!important;}
.ml0{ margin-left: 0px!important;}
.ml5{ margin-left: 5px!important;}
.ml10{ margin-left: 10px!important;}
.ml15{ margin-left: 15px!important;}
.ml20{ margin-left: 20px!important;}
.ml25{ margin-left: 25px!important;}
.ml30{ margin-left: 30px!important;}
.ml35{ margin-left: 35px!important;}
.ml40{ margin-left: 40px!important;}
.ml45{ margin-left: 45px!important;}
.ml50{ margin-left: 50px!important;}
.mr0{ margin-right: 0px!important;}
.mr5{ margin-right: 5px!important;}
.mr10{ margin-right: 10px!important;}
.mr15{ margin-right: 15px!important;}
.mr20{ margin-right: 20px!important;}
.mr25{ margin-right: 25px!important;}
.mr30{ margin-right: 30px!important;}
.mr35{ margin-right: 35px!important;}
.mr40{ margin-right: 40px!important;}
.mr45{ margin-right: 45px!important;}
.mr50{ margin-right: 50px!important;}
@media screen and (min-width:851px) {
.mb0-pc{ margin-bottom: 0 !important;}
.mb5-pc{ margin-bottom: 5px !important;}
.mb10-pc{ margin-bottom: 10px !important;}
.mb15-pc{ margin-bottom: 15px !important;}
.mb20-pc{ margin-bottom: 20px !important;}
.mb25-pc{ margin-bottom: 25px !important;}
.mb30-pc{ margin-bottom: 30px !important;}
.mb35-pc{ margin-bottom: 35px !important;}
.mb40-pc{ margin-bottom: 40px !important;}
.mb45-pc{ margin-bottom: 45px !important;}
.mb50-pc{ margin-bottom: 50px !important;}
.mb55-pc{ margin-bottom: 55px !important;}
.mb60-pc{ margin-bottom: 60px !important;}
.mb65-pc{ margin-bottom: 65px !important;}
.mb70-pc{ margin-bottom: 70px !important;}
.mb75-pc{ margin-bottom: 75px !important;}
.mb80-pc{ margin-bottom: 80px !important;}
.mb85-pc{ margin-bottom: 85px !important;}
.mb90-pc{ margin-bottom: 90px !important;}
.mb95-pc{ margin-bottom: 95px !important;}
.mb100-pc{ margin-bottom: 100px !important;}
.mb105-pc{ margin-bottom: 105px !important;}
.mb110-pc{ margin-bottom: 110px !important;}
.mb115-pc{ margin-bottom: 115px !important;}
.mb120-pc{ margin-bottom: 120px !important;}
.mt0-pc{ margin-top: 0 !important;}
.mt5-pc{ margin-top: 5px !important;}
.mt10-pc{ margin-top: 10px !important;}
.mt15-pc{ margin-top: 15px !important;}
.mt20-pc{ margin-top: 20px !important;}
.mt25-pc{ margin-top: 25px !important;}
.mt30-pc{ margin-top: 30px !important;}
.mt35-pc{ margin-top: 35px !important;}
.mt40-pc{ margin-top: 40px !important;}
.mt45-pc{ margin-top: 45px !important;}
.mt50-pc{ margin-top: 50px !important;}
.mt55-pc{ margin-top: 55px !important;}
.mt60-pc{ margin-top: 60px !important;}
.mt65-pc{ margin-top: 65px !important;}
.mt70-pc{ margin-top: 70px !important;}
.mt75-pc{ margin-top: 75px !important;}
.mt80-pc{ margin-top: 80px !important;}
.mt85-pc{ margin-top: 85px !important;}
.mt90-pc{ margin-top: 90px !important;}
.mt95-pc{ margin-top: 95px !important;}
.mt100-pc{ margin-top: 100px !important;}
.mt105-pc{ margin-top: 105px !important;}
.mt110-pc{ margin-top: 110px !important;}
.mt115-pc{ margin-top: 115px !important;}
.mt120-pc{ margin-top: 120px !important;}
.mt125-pc{ margin-top: 125px !important;}
.mt130-pc{ margin-top: 130px !important;}
.mt135-pc{ margin-top: 135px !important;}
.mt140-pc{ margin-top: 140px !important;}
.mt145-pc{ margin-top: 145px !important;}
.mt150-pc{ margin-top: 150px !important;}
.ml0-pc{ margin-left: 0px !important;}
.ml5-pc{ margin-left: 5px !important;}
.ml10-pc{ margin-left: 10px !important;}
.ml15-pc{ margin-left: 15px !important;}
.ml20-pc{ margin-left: 20px !important;}
.ml25-pc{ margin-left: 25px !important;}
.ml30-pc{ margin-left: 30px !important;}
.ml35-pc{ margin-left: 35px !important;}
.ml40-pc{ margin-left: 40px !important;}
.ml45-pc{ margin-left: 45px !important;}
.ml50-pc{ margin-left: 50px !important;}
.mr0-pc{ margin-right: 0px !important;}
.mr5-pc{ margin-right: 5px !important;}
.mr10-pc{ margin-right: 10px !important;}
.mr15-pc{ margin-right: 15px !important;}
.mr20-pc{ margin-right: 20px !important;}
.mr25-pc{ margin-right: 25px !important;}
.mr30-pc{ margin-right: 30px !important;}
.mr35-pc{ margin-right: 35px !important;}
.mr40-pc{ margin-right: 40px !important;}
.mr45-pc{ margin-right: 45px !important;}
.mr50-pc{ margin-right: 50px !important;}
}
@media screen and (max-width:850px) {
.mb0-sp{ margin-bottom: 0 !important;}
.mb5-sp{ margin-bottom: 5px !important;}
.mb10-sp{ margin-bottom: 10px !important;}
.mb15-sp{ margin-bottom: 15px !important;}
.mb20-sp{ margin-bottom: 20px !important;}
.mb25-sp{ margin-bottom: 25px !important;}
.mb30-sp{ margin-bottom: 30px !important;}
.mb35-sp{ margin-bottom: 35px !important;}
.mb40-sp{ margin-bottom: 40px !important;}
.mb45-sp{ margin-bottom: 45px !important;}
.mb50-sp{ margin-bottom: 50px !important;}
.mb55-sp{ margin-bottom: 55px !important;}
.mb60-sp{ margin-bottom: 60px !important;}
.mb65-sp{ margin-bottom: 65px !important;}
.mb70-sp{ margin-bottom: 70px !important;}
.mb75-sp{ margin-bottom: 75px !important;}
.mb80-sp{ margin-bottom: 80px !important;}
.mb85-sp{ margin-bottom: 85px !important;}
.mb90-sp{ margin-bottom: 90px !important;}
.mb95-sp{ margin-bottom: 95px !important;}
.mb100-sp{ margin-bottom: 100px !important;}
.mb105-sp{ margin-bottom: 105px !important;}
.mb110-sp{ margin-bottom: 110px !important;}
.mb115-sp{ margin-bottom: 115px !important;}
.mb120-sp{ margin-bottom: 120px !important;}
.mt0-sp{ margin-top: 0 !important;}
.mt5-sp{ margin-top: 5px !important;}
.mt10-sp{ margin-top: 10px !important;}
.mt15-sp{ margin-top: 15px !important;}
.mt20-sp{ margin-top: 20px !important;}
.mt25-sp{ margin-top: 25px !important;}
.mt30-sp{ margin-top: 30px !important;}
.mt35-sp{ margin-top: 35px !important;}
.mt40-sp{ margin-top: 40px !important;}
.mt45-sp{ margin-top: 45px !important;}
.mt50-sp{ margin-top: 50px !important;}
.mt55-sp{ margin-top: 55px !important;}
.mt60-sp{ margin-top: 60px !important;}
.mt65-sp{ margin-top: 65px !important;}
.mt70-sp{ margin-top: 70px !important;}
.mt75-sp{ margin-top: 75px !important;}
.mt80-sp{ margin-top: 80px !important;}
.mt85-sp{ margin-top: 85px !important;}
.mt90-sp{ margin-top: 90px !important;}
.mt95-sp{ margin-top: 95px !important;}
.mt100-sp{ margin-top: 100px !important;}
.mt105-sp{ margin-top: 105px !important;}
.mt110-sp{ margin-top: 110px !important;}
.mt115-sp{ margin-top: 115px !important;}
.mt120-sp{ margin-top: 120px !important;}
.ml0-sp{ margin-left: 0px !important;}
.ml5-sp{ margin-left: 5px !important;}
.ml10-sp{ margin-left: 10px !important;}
.ml15-sp{ margin-left: 15px !important;}
.ml20-sp{ margin-left: 20px !important;}
.ml25-sp{ margin-left: 25px !important;}
.ml30-sp{ margin-left: 30px !important;}
.ml35-sp{ margin-left: 35px !important;}
.ml40-sp{ margin-left: 40px !important;}
.ml45-sp{ margin-left: 45px !important;}
.ml50-sp{ margin-left: 50px !important;}
.mr0-sp{ margin-right: 0px !important;}
.mr5-sp{ margin-right: 5px !important;}
.mr10-sp{ margin-right: 10px !important;}
.mr15-sp{ margin-right: 15px !important;}
.mr20-sp{ margin-right: 20px !important;}
.mr25-sp{ margin-right: 25px !important;}
.mr30-sp{ margin-right: 30px !important;}
.mr35-sp{ margin-right: 35px !important;}
.mr40-sp{ margin-right: 40px !important;}
.mr45-sp{ margin-right: 45px !important;}
.mr50-sp{ margin-right: 50px !important;}
}
/*---------------
　パディング
----------------*/
.pt150{ padding-top: 150px;}
.padding0{ padding: 0px !important;}
.padding5{ padding: 5px !important;}
.padding10{ padding: 10px !important;}
.padding15{ padding: 15px !important;}
.padding20{ padding: 20px !important;}
.padding25{ padding: 25px !important;}
.padding30{ padding: 30px !important;}
.padding25{ padding: 25px !important;}
.padding30{ padding: 30px !important;}
.padding35{ padding: 35px !important;}
.padding40{ padding: 40px !important;}
.padding45{ padding: 45px !important;}
.padding50{ padding: 50px !important;}
.padding55{ padding: 55px !important;}
.padding60{ padding: 60px !important;}
.padding65{ padding: 65px !important;}
.padding70{ padding: 70px !important;}
.padding75{ padding: 75px !important;}
.padding80{ padding: 80px !important;}
.padding85{ padding: 85px !important;}
.padding90{ padding: 90px !important;}
.padding95{ padding: 95px !important;}
.padding100{ padding: 100px !important;}
.pTB5 { padding-top: 5px !important; padding-bottom: 5px !important; }
.pTB10 { padding-top: 10px !important; padding-bottom: 10px !important; }
.pTB15 { padding-top: 15px !important; padding-bottom: 15px !important; }
.pTB20 { padding-top: 20px !important; padding-bottom: 20px !important; }
.pTB25 { padding-top: 25px !important; padding-bottom: 25px !important; }
.pTB30 { padding-top: 30px !important; padding-bottom: 30px !important; }
.pTB35 { padding-top: 35px !important; padding-bottom: 35px !important; }
.pTB40 { padding-top: 40px !important; padding-bottom: 40px !important; }
.pTB45 { padding-top: 45px !important; padding-bottom: 45px !important; }
.pTB50 { padding-top: 50px !important; padding-bottom: 50px !important; }
.pLR5 { padding-left: 5px !important; padding-right: 5px !important; }
.pLR10 { padding-left:10px !important; padding-right: 10px !important; }
.pLR15 { padding-left: 15px !important; padding-right: 15px !important; }
.pLR20 { padding-left:20px !important; padding-right: 20px !important; }
.pLR25 { padding-left: 25px !important; padding-right: 25px !important; }
.pLR30 { padding-left:30px !important; padding-right: 30px !important; }
.pLR35 { padding-left: 35px !important; padding-right: 35px !important; }
.pLR40 { padding-left:40px !important; padding-right: 40px !important; }
.pLR45 { padding-left: 45px !important; padding-right: 45px !important; }
.pLR50 { padding-left:50px !important; padding-right: 50px !important; }
.pLR60 { padding-left:60px !important; padding-right: 60px !important; }
.pLR70 { padding-left:70px !important; padding-right: 70px !important; }
.pLR80 { padding-left:80px !important; padding-right: 80px !important; }
.pLR90 { padding-left:90px !important; padding-right: 90px !important; }
.pLR100 { padding-left:100px !important; padding-right: 100px !important; }
@media screen and (min-width: 851px) {
.padding0-pc{ padding: 0px !important;}
.padding5-pc{ padding: 5px !important;}
.padding15-pc{ padding: 15px !important;}
.padding20-pc{ padding: 20px !important;}
.padding25-pc{ padding: 25px !important;}
.padding30-pc{ padding: 30px !important;}
.padding35-pc{ padding: 35px !important;}
.padding40-pc{ padding: 40px !important;}
.padding45-pc{ padding: 45px !important;}
.padding50-pc{ padding: 50px !important;}
.padding55-pc{ padding: 55px !important;}
.padding60-pc{ padding: 60px !important;}
.padding65-pc{ padding: 65px !important;}
.padding70-pc{ padding: 70px !important;}
.padding75-pc{ padding: 75px !important;}
.padding80-pc{ padding: 80px !important;}
.padding85-pc{ padding: 85px !important;}
.padding90-pc{ padding: 90px !important;}
.padding95-pc{ padding: 95px !important;}
.padding100-pc{ padding: 100px !important;}
.pTB5-pc { padding-top: 5px !important; padding-bottom: 5px !important; }
.pTB10-pc { padding-top: 10px !important; padding-bottom: 10px !important; }
.pTB15-pc { padding-top: 15px !important; padding-bottom: 15px !important; }
.pTB20-pc { padding-top: 20px !important; padding-bottom: 20px !important; }
.pTB25-pc { padding-top: 25px !important; padding-bottom: 25px !important; }
.pTB30-pc { padding-top: 30px !important; padding-bottom: 30px !important; }
.pTB35-pc { padding-top: 35px !important; padding-bottom: 35px !important; }
.pTB40-pc { padding-top: 40px !important; padding-bottom: 40px !important; }
.pTB45-pc { padding-top: 45px !important; padding-bottom: 45px !important; }
.pTB50-pc { padding-top: 50px !important; padding-bottom: 50px !important; }
.pLR5-pc { padding-left: 5px !important; padding-right: 5px !important; }
.pLR10-pc { padding-left:10px !important; padding-right: 10px !important; }
.pLR15-pc { padding-left: 15px !important; padding-right: 15px !important; }
.pLR20-pc { padding-left:20px !important; padding-right: 20px !important; }
.pLR25-pc { padding-left: 25px !important; padding-right: 25px !important; }
.pLR30-pc { padding-left:30px !important; padding-right: 30px !important; }
.pLR35-pc { padding-left: 35px !important; padding-right: 35px !important; }
.pLR40-pc { padding-left:40px !important; padding-right: 40px !important; }
.pLR45-pc { padding-left: 45px !important; padding-right: 45px !important; }
.pLR50-pc { padding-left:50px !important; padding-right: 50px !important; }

.pL5-pc { padding-left: 5px !important;}
.pL10-pc { padding-left:10px !important;}
.pL15-pc { padding-left: 15px !important;}
.pL20-pc { padding-left:20px !important;}
.pL25-pc { padding-left: 25px !important;}
.pL30-pc { padding-left:30px !important; }
.pL35-pc { padding-left: 35px !important;}
.pL40-pc { padding-left:40px !important;}
.pL45-pc { padding-left: 45px !important;}
.pL50-pc { padding-left:50px !important;}
.pR5-pc { padding-right: 5px !important; }
.pR10-pc { padding-right: 10px !important; }
.pR15-pc { padding-right: 15px !important; }
.pR20-pc { padding-right: 20px !important; }
.pR25-pc { padding-right: 25px !important; }
.pR30-pc { padding-right: 30px !important; }
.pR35-pc { padding-right: 35px !important; }
.pR40-pc { padding-right: 40px !important; }
.pR45-pc { padding-right: 45px !important; }
.pR50-pc { padding-right: 50px !important; }
}
@media screen and (max-width:850px) {
.padding0-sp{ padding: 0px !important;}
.padding5-sp{ padding: 5px !important;}
.padding15-sp{ padding: 15px !important;}
.padding20-sp{ padding: 20px !important;}
.padding25-sp{ padding: 25px !important;}
.padding30-sp{ padding: 30px !important;}
.padding35-sp{ padding: 35px !important;}
.padding40-sp{ padding: 40px !important;}
.padding45-sp{ padding: 45px !important;}
.padding50-sp{ padding: 50px !important;}
.padding55-sp{ padding: 55px !important;}
.padding60-sp{ padding: 60px !important;}
.padding65-sp{ padding: 65px !important;}
.padding70-sp{ padding: 70px !important;}
.padding75-sp{ padding: 75px !important;}
.padding80-sp{ padding: 80px !important;}
.padding85-sp{ padding: 85px !important;}
.padding90-sp{ padding: 90px !important;}
.padding95-sp{ padding: 95px !important;}
.padding100-sp{ padding: 100px !important;}
.pTB5-sp { padding-top: 5px !important; padding-bottom: 5px !important; }
.pTB10-sp { padding-top: 10px !important; padding-bottom: 10px !important; }
.pTB15-sp { padding-top: 15px !important; padding-bottom: 15px !important; }
.pTB20-sp { padding-top: 20px !important; padding-bottom: 20px !important; }
.pTB25-sp { padding-top: 25px !important; padding-bottom: 25px !important; }
.pTB30-sp { padding-top: 30px !important; padding-bottom: 30px !important; }
.pTB35-sp { padding-top: 35px !important; padding-bottom: 35px !important; }
.pTB40-sp { padding-top: 40px !important; padding-bottom: 40px !important; }
.pTB45-sp { padding-top: 45px !important; padding-bottom: 45px !important; }
.pTB50-sp { padding-top: 50px !important; padding-bottom: 50px !important; }
.pLR5-sp { padding-left: 5px !important; padding-right: 5px !important; }
.pLR10-sp { padding-left:10px !important; padding-right: 10px !important; }
.pLR15-sp { padding-left: 15px !important; padding-right: 15px !important; }
.pLR20-sp { padding-left:20px !important; padding-right: 20px !important; }
.pLR25-sp { padding-left: 25px !important; padding-right: 25px !important; }
.pLR30-sp { padding-left:30px !important; padding-right: 30px !important; }
.pLR35-sp { padding-left: 35px !important; padding-right: 35px !important; }
.pLR40-sp { padding-left:40px !important; padding-right: 40px !important; }
.pLR45-sp { padding-left: 45px !important; padding-right: 45px !important; }
.pLR50-sp { padding-left: 50px !important; padding-right: 50px !important; }
.pL5-sp { padding-left: 5px !important;}
.pL10-sp { padding-left:10px !important;}
.pL15-sp { padding-left: 15px !important;}
.pL20-sp { padding-left:20px !important;}
.pL25-sp { padding-left: 25px !important;}
.pL30-sp { padding-left:30px !important; }
.pL35-sp { padding-left: 35px !important;}
.pL40-sp { padding-left:40px !important;}
.pL45-sp { padding-left: 45px !important;}
.pL50-sp { padding-left:50px !important;}
.pR5-sp { padding-right: 5px !important; }
.pR10-sp { padding-right: 10px !important; }
.pR15-sp { padding-right: 15px !important; }
.pR20-sp { padding-right: 20px !important; }
.pR25-sp { padding-right: 25px !important; }
.pR30-sp { padding-right: 30px !important; }
.pR35-sp { padding-right: 35px !important; }
.pR40-sp { padding-right: 40px !important; }
.pR45-sp { padding-right: 45px !important; }
.pR50-sp { padding-right: 50px !important; }
}

/*---------------
　フォントサイズ
----------------*/
@media screen and (min-width:801px) {
.titDecoration .font10 *, .font10{ font-size: 10px !important;}
.titDecoration .font11 *, .font11{ font-size: 11px !important;}
.titDecoration .font12 *, .font12{ font-size: 12px !important;}
.titDecoration .font13 *, .font13{ font-size: 13px !important;}
.titDecoration .font14 *, .font14{ font-size: 14px !important;}
.titDecoration .font15 *, .font15{ font-size: 15px !important;}
.titDecoration .font16 *, .font16{ font-size: 16px !important;}
.titDecoration .font17 *, .font17{ font-size: 17px !important;}
.titDecoration .font18 *, .font18{ font-size: 18px !important;}
.titDecoration .font19 *, .font19{ font-size: 19px !important;}
.titDecoration .font20 *, .font20{ font-size: 20px !important;}
.titDecoration .font21 *, .font21{ font-size: 21px !important;}
.titDecoration .font22 *, .font22{ font-size: 22px !important;}
.titDecoration .font23 *, .font23{ font-size: 23px !important;}
.titDecoration .font24 *, .font24{ font-size: 24px !important;}
.titDecoration .font25 *, .font25{ font-size: 25px !important;}
.titDecoration .font26 *, .font26{ font-size: 26px !important;}
.titDecoration .font27 *, .font27{ font-size: 27px !important;}
.titDecoration .font28 *, .font28{ font-size: 28px !important;}
.titDecoration .font29 *, .font29{ font-size: 29px !important;}
.titDecoration .font30 *, .font30{ font-size: 30px !important;}
.titDecoration .font31 *, .font31{ font-size: 31px !important;}
.titDecoration .font32 *, .font32{ font-size: 32px !important;}
.titDecoration .font33 *, .font33{ font-size: 33px !important;}
.titDecoration .font34 *, .font34{ font-size: 34px !important;}
.titDecoration .font35 *, .font35{ font-size: 35px !important;}
.titDecoration .font36 *, .font36{ font-size: 36px !important;}
.titDecoration .font37 *, .font37{ font-size: 37px !important;}
.titDecoration .font38 *, .font38{ font-size: 38px !important;}
.titDecoration .font39 *, .font39{ font-size: 39px !important;}
.titDecoration .font40 *, .font40{ font-size: 40px !important;}
.titDecoration .font41 *, .font41{ font-size: 41px !important;}
.titDecoration .font42 *, .font42{ font-size: 42px !important;}
.titDecoration .font43 *, .font43{ font-size: 43px !important;}
.titDecoration .font44 *, .font44{ font-size: 44px !important;}
.titDecoration .font45 *, .font45{ font-size: 45px !important;}
.titDecoration .font46 *, .font46{ font-size: 46px !important;}
.titDecoration .font47 *, .font47{ font-size: 47px !important;}
.titDecoration .font48 *, .font48{ font-size: 48px !important;}
.titDecoration .font49 *, .font49{ font-size: 49px !important;}
.titDecoration .font50 *, .font50{ font-size: 50px !important;}
}
@media screen and (max-width:800px) {
/*調整が必要 common_parts.css同様*/
.titDecoration .font10 *, .font10{ font-size: 10px !important;}
.titDecoration .font11 *, .font11{ font-size: 11px !important;}
.titDecoration .font12 *, .font12{ font-size: 12px !important;}
.titDecoration .font13 *, .font13{ font-size: 13px !important;}
.titDecoration .font14 *, .font14{ font-size: 14px !important;}
.titDecoration .font15 *, .font15{ font-size: 15px !important;}
.titDecoration .font16 *, .font16{ font-size: 16px !important;}
.titDecoration .font17 *, .font17{ font-size: 17px !important;}
.titDecoration .font18 *, .font18{ font-size: 18px !important;}
.titDecoration .font19 *, .font19{ font-size: 19px !important;}
.titDecoration .font20 *, .font20{ font-size: 20px !important;}
.titDecoration .font21 *, .font21{ font-size: 21px !important;}
.titDecoration .font22 *, .font22{ font-size: 22px !important;}
.titDecoration .font23 *, .font23{ font-size: 23px !important;}
.titDecoration .font24 *, .font24{ font-size: 24px !important;}
.titDecoration .font25 *, .font25{ font-size: 25px !important;}
.titDecoration .font26 *, .font26{ font-size: 26px !important;}
.titDecoration .font27 *, .font27{ font-size: 27px !important;}
.titDecoration .font28 *, .font28{ font-size: 28px !important;}
.titDecoration .font29 *, .font29{ font-size: 29px !important;}
.titDecoration .font30 *, .font30{ font-size: 30px !important;}
.titDecoration .font31 *, .font31{ font-size: 31px !important;}
.titDecoration .font32 *, .font32{ font-size: 32px !important;}
.titDecoration .font33 *, .font33{ font-size: 33px !important;}
.titDecoration .font34 *, .font34{ font-size: 34px !important;}
.titDecoration .font35 *, .font35{ font-size: 35px !important;}
.titDecoration .font36 *, .font36{ font-size: 36px !important;}
.titDecoration .font37 *, .font37{ font-size: 37px !important;}
.titDecoration .font38 *, .font38{ font-size: 38px !important;}
.titDecoration .font39 *, .font39{ font-size: 39px !important;}
.titDecoration .font40 *, .font40{ font-size: 40px !important;}
.titDecoration .font41 *, .font41{ font-size: 41px !important;}
.titDecoration .font42 *, .font42{ font-size: 42px !important;}
.titDecoration .font43 *, .font43{ font-size: 43px !important;}
.titDecoration .font44 *, .font44{ font-size: 44px !important;}
.titDecoration .font45 *, .font45{ font-size: 45px !important;}
.titDecoration .font46 *, .font46{ font-size: 46px !important;}
.titDecoration .font47 *, .font47{ font-size: 47px !important;}
.titDecoration .font48 *, .font48{ font-size: 48px !important;}
.titDecoration .font49 *, .font49{ font-size: 49px !important;}
.titDecoration .font50 *, .font50{ font-size: 50px !important;}
}
@media screen and (max-width:850px) {
/*調整が必要 common_parts.css同様*/
.titDecoration .font10-sp *, .font10-sp { font-size: 10px !important;}
.titDecoration .font11-sp *, .font11-sp { font-size: 11px !important;}
.titDecoration .font12-sp *, .font12-sp { font-size: 12px !important;}
.titDecoration .font13-sp *, .font13-sp { font-size: 13px !important;}
.titDecoration .font14-sp *, .font14-sp { font-size: 14px !important;}
.titDecoration .font15-sp *, .font15-sp { font-size: 15px !important;}
.titDecoration .font16-sp *, .font16-sp { font-size: 16px !important;}
.titDecoration .font17-sp *, .font17-sp { font-size: 17px !important;}
.titDecoration .font18-sp *, .font18-sp { font-size: 18px !important;}
.titDecoration .font19-sp *, .font19-sp { font-size: 19px !important;}
.titDecoration .font20-sp *, .font20-sp { font-size: 20px !important;}
.titDecoration .font21-sp *, .font21-sp { font-size: 21px !important;}
.titDecoration .font22-sp *, .font22-sp { font-size: 22px !important;}
.titDecoration .font23-sp *, .font23-sp { font-size: 23px !important;}
.titDecoration .font24-sp *, .font24-sp { font-size: 24px !important;}
.titDecoration .font25-sp *, .font25-sp { font-size: 25px !important;}
.titDecoration .font26-sp *, .font26-sp { font-size: 26px !important;}
.titDecoration .font27-sp *, .font27-sp { font-size: 27px !important;}
.titDecoration .font28-sp *, .font28-sp { font-size: 28px !important;}
.titDecoration .font29-sp *, .font29-sp { font-size: 29px !important;}
.titDecoration .font30-sp *, .font30-sp { font-size: 30px !important;}
.titDecoration .font31-sp *, .font31-sp { font-size: 31px !important;}
.titDecoration .font32-sp *, .font32-sp { font-size: 32px !important;}
.titDecoration .font33-sp *, .font33-sp { font-size: 33px !important;}
.titDecoration .font34-sp *, .font34-sp { font-size: 34px !important;}
.titDecoration .font35-sp *, .font35-sp { font-size: 35px !important;}
.titDecoration .font36-sp *, .font36-sp { font-size: 36px !important;}
.titDecoration .font37-sp *, .font37-sp { font-size: 37px !important;}
.titDecoration .font38-sp *, .font38-sp { font-size: 38px !important;}
.titDecoration .font39-sp *, .font39-sp { font-size: 39px !important;}
.titDecoration .font40-sp *, .font40-sp { font-size: 40px !important;}
.titDecoration .font41-sp *, .font41-sp { font-size: 41px !important;}
.titDecoration .font42-sp *, .font42-sp { font-size: 42px !important;}
.titDecoration .font43-sp *, .font43-sp { font-size: 43px !important;}
.titDecoration .font44-sp *, .font44-sp { font-size: 44px !important;}
.titDecoration .font45-sp *, .font45-sp { font-size: 45px !important;}
.titDecoration .font46-sp *, .font46-sp { font-size: 46px !important;}
.titDecoration .font47-sp *, .font47-sp { font-size: 47px !important;}
.titDecoration .font48-sp *, .font48-sp { font-size: 48px !important;}
.titDecoration .font49-sp *, .font49-sp { font-size: 49px !important;}
.titDecoration .font50-sp *, .font50-sp { font-size: 50px !important;}
}


/*==============================================
 form item
================================================*/
/*input入力系-------*/
input[type="text"], 
input[type="email"], 
input[type="url"], 
input[type="tel"], 
textarea{ width: 100%; font-size: 18px; line-height: 1.3em; vertical-align:middle; outline: none; background: #fff; -webkit-transition: all .3s; transition: all .3s; border-radius:2px; padding:6px; color: #000; border: solid 1px #bbb;}

input[type="text"]:focus, 
input[type="email"]:focus, 
input[type="tel"]:focus, 
input[type="url"]:focus, 
textarea:focus{ border:solid 1px #fb8281; box-shadow: 0 0 0 2px #fb8281;}

input[type="text"]::placeholder, 
input[type="email"]::placeholder, 
input[type="tel"]::placeholder, 
input[type="url"]::placeholder, 
input[type="password"]::placeholder, 
textarea::placeholder{ color: #aaa;}

input[type="submit"], 
input[type="text"], 
input[type="email"], 
input[type="tel"], 
input[type="url"], 
input[type="date"], 
select { appearance: none; -webkit-appearance: none;}
input[type="date"]{ min-height: 40px;}
/*input選択系-------*/
select, 
input[type="time"]{ padding: 5px 15px; margin: 5px; min-width: 50px; text-align: left; background: #fff;  border: solid 1px #bbb; border-radius:2px; font-size: 18px; transition: 0.3s;}
input[type="date"]{ border: solid 1px #bbb; padding: 8px; transition: 0.3s; font-size: 15px; background: #fff; border-radius: 2px;}
input[type="time"]{ transition: 0.3s;}

select:focus, 
input[type="time"]:focus, 
input[type="date"]:focus{ border:solid 1px var(--main1-color); box-shadow: 0 0 0 2px var(--main1-color); outline: none;}
/* --カレンダー-- */



/*▼parts_btn.css▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼*/
/*=================
ボタンデザイン
=====*/
/*---------
 共通
----------*/
.btn-common{ height: var(--ctr-btn-height); background:#555; border-radius: var(--ctr-btn-border-radius); border:var(--ctr-btn-border); box-shadow: var(--ctr-btn-box-shadow); min-height: 50px; display: flex; position: relative;　flex-direction: row; justify-content: center; align-items: center;}
.btn-common:hover{ background: #111; border-color:var(--ctr-btn-hover-font); box-shadow:none !important;}
/*文字*/
.btn-common .btnTxt, 
.btn-common .btnTxt span{ color:var(--ctr-btn-font); transition:0.2s;}
.btn-common:hover .btnTxt, 
.btn-common:hover .btnTxt span{ color: var(--ctr-btn-hover-font);}
.btn-common .btnTxt{ display: flex; flex-direction: row; align-items:center; flex-wrap: wrap; line-height: 1.2em; padding: 12px; font-weight: var(--ctr-btn-font-weight);}
/*アイコン*/
.btn-common .icon{ display: flex; height: 40%; align-content: center; align-items: center; margin-right: 10px;}
.btn-common .icon img{ height: 100%; width: auto;}
/*---------
 btndesign0 基本 ※基本のみ
----------*/
/*---------
 btndesign1　　線・色反転
----------*/
.btndesign1{ border:solid 3px #555 !important; background: none;}
.btndesign1:hover{ border-color:#111 !important;}
.btndesign1 .btnTxt,
.btndesign1 .btnTxt span{ color:#555;}
.btndesign1:hover .btnTxt,
.btndesign1:hover .btnTxt span{ color:var(--ctr-btn-hover-font);}
.btndesign1 .icon{ display: none;}
.btndesign1, .cta-Box .btndesign1 { background: none;}
/*---------
 btndesign2　メールアイコン
----------*/
.btndesign2{}
.btndesign2 .icon{ height: 50%; aspect-ratio: 1/1; display: block; margin-left: 15px; }
.btndesign2 .icon img{ height: 100%; width: auto; max-height: 60px;}
/*---------
 btndesign3　手前矢印
----------*/
.btndesign3{ padding-left: 0 60px;}
.btndesign3 .icon{ width: 30px; height: 100%; position: absolute; left: 20px; top: 0; }
.btndesign3 .icon img{ width: 100%; height: auto; aspect-ratio: 1/1; display: block;}
.btndesign3:hover .icon{ left: 30px;}
/*---------
 btndesign4　矢印・後ろ
----------*/
.btndesign4{ padding-left: 0 60px;}
.btndesign4 .icon{ width: 30px; height: 100%; position: absolute; left: auto; right: 30px; top: 0; }
.btndesign4 .icon img{ width: 100%; height: auto; aspect-ratio: 1/1; display: block;}
.btndesign4:hover .icon{ right: 10px;}
/*---------
 btndesign5　矢印・後ろ
----------*/
.btndesign5{ padding-left: 0 60px;}
.btndesign5 .icon{ width: 30px; height: 100%; position: absolute; left: auto; right: 30px; top: 0; opacity: 0.3;}
.btndesign5 .icon img{ width: 100%; height: auto; aspect-ratio: 1/1; display: block;}
.btndesign5:hover .icon{ right: 10px; opacity: 0.8;}
/*---------
 btndesign6　矢印・後ろ
----------*/
.btndesign6{ position: relative;}
.btndesign6 .btnTxt, 
.btndesign6::before{ background:#555;}
.btndesign6 .btnTxt::after{ border-right: solid 2px var(--ctr-btn-font); border-bottom: solid 2px var(--ctr-btn-font);}
.btndesign6 .btnTxt::before{ border: solid 1px var(--ctr-btn-font);}
.btndesign6 .btnTxt:hover::after{ border-right: solid 2px var(--ctr-btn-hover-font); border-bottom: solid 2px var(--ctr-btn-hover-font);}
.btndesign6 .btnTxt:hover::before{ border: solid 1px var(--ctr-btn-hover-font);}
/**/
.btndesign6,
.btndesign6:hover{ border: none !important; z-index: 10; line-height: 1em; background: none !important;}
.btndesign6::after, 
.btndesign6::before{ width: 100%; height: 50%; position: absolute; left: 0; bottom: -5px; content:""; z-index: 1; border-radius:var(--ctr-btn-border-radius);}
.btndesign6::after{ background: rgba(0,0,0,.2); z-index: 2}
.btndesign6 .icon{ display: none;}
.btndesign6 .btnTxt { width: 100%; height: 100%; position: relative; z-index: 10; line-height: 1.6em; border-radius:var(--ctr-btn-border-radius); margin:0 0 5px; padding-right: 14%; display: flex; flex-direction: row; justify-content: center; align-items: center; flex-wrap: wrap;}
.btndesign6 .btnTxt::after{ height: 16%; aspect-ratio: 1/1; position: absolute; top: 35%; right: 5%; content: ""; transform:rotate(45deg); transition: 0.3s; opacity: 0.2;}
.btndesign6:hover .btnTxt::after{ transform:rotate(-45deg); top: 40%; opacity: 1; right: 5.5%;}
.btndesign6 .btnTxt::before{ height: 16%; aspect-ratio: 1/1;position: absolute; top: 40%; right: 5%; content: ""; border-radius: 100%; transform: scale(2, 2); opacity: 0.2; transition: 2.0s;}
.btndesign6:hover .btnTxt::before{opacity: 1; transition: 0.6s;}
.btndesign6:hover .btnTxt{ margin:5px 0 0;}
/*---------
 btndesign7　矢印・後ろ
----------*/
.btndesign7 .btnTxt, 
.btndesign7::before{ background:#555;}
.btndesign7 .btnTxt::after{border-right: solid 2px var(--ctr-btn-font); border-bottom: solid 2px var(--ctr-btn-font);}
.btndesign7 .btnTxt:hover::after{ border-right: solid 2px var(--ctr-btn-hover-font); border-bottom: solid 2px var(--ctr-btn-hover-font);}
/**/
.btndesign7,
.btndesign7:hover{ border: none !important; z-index: 10; line-height: 1em; background: none !important;}
.btndesign7::after, 
.btndesign7::before{ width: 100%; height: 50%; position: absolute; left: 0; bottom: -8px; content:""; z-index: 1; border-radius:var(--ctr-btn-border-radius);}
.btndesign7::after{ background: rgba(0,0,0,.2); z-index: 2}
.btndesign7 .icon{ display: none;}
.btndesign7 .btnTxt { width: 100%; height: 100%; position: relative; z-index: 10; line-height: 1.6em; border-radius:var(--ctr-btn-border-radius); margin:0 0 10px; padding-right: 14%; display: flex; flex-direction: row; justify-content: center; align-items: center; flex-wrap: wrap;}
.btndesign7 .btnTxt::after{ height: 16%; aspect-ratio: 1/1; position: absolute; top: 40%; right: 6%; content: ""; transform:rotate(-45deg); transition: 0.3s; opacity: 0.4;}
.btndesign7:hover .btnTxt::after{ opacity: 1;}
.btndesign7:hover .btnTxt{ margin:10px 0 0;}
/*---------
 btndesign8 アニメーション
----------*/
.btndesign8 .icon, 
.btndesign8 .icon::before{ background: var(--ctr-btn-font);}
.btndesign8:hover .icon, 
.btndesign8:hover .icon::before{ background: var(--ctr-btn-hover-font);}
.btndesign8{ box-shadow: 0 0 0 2px #555;}
.btndesign8:hover{ box-shadow: 0 0 0 2px var(--ctr-btn-hover-font) ;}
.btndesign8::before{ background:#111;}
.btndesign8 .btnTxt:hover, 
.btndesign8 .btnTxt:hover span{color: var(--ctr-btn-hover-font);}
/**/
.btndesign8{ flex-direction: column-reverse; overflow: hidden;}
.btndesign8 .icon{ width: 10%; height: 1px; display: block; margin: 2px 0 15px; position: relative; z-index: 10;}
.btndesign8 .icon img {display: none !important;}
.btndesign8 .icon::before{ width: 8px; height: 1px; position: absolute; right: 0; bottom: 3px; content: ""; transform:rotate(45deg);}
.btndesign8 .btnTxt{ z-index: 10;}
.btndesign8:hover .icon{ width: 30%;}
.btndesign8::before{ width: 0%; height: 100%; position: absolute; left: 0; top: 0; content: ""; transition: 0.4s;}
.btndesign8:hover::before{ width: 100%;}
/*---------
 btndesign9 線アニメーション①
----------*/
.btndesign9 .btnTxt,
.btndesign9 .btnTxt span{ color:#555;}
.btndesign9 .icon, 
.btndesign9 .icon::before, 
.btndesign9::before, 
.btndesign9::after, 
.btndesign9 .btnTxt::before, 
.btndesign9 .btnTxt::after{ background:#555;}
.btndesign9:hover .btnTxt, 
.btndesign9:hover .btnTxt span{ color: #111;}
.btndesign9:hover .icon, 
.btndesign9:hover .icon::before{ background: #111;}
.btndesign9, 
.btndesign9:hover{ box-shadow: 0 0 0 2px #111 inset;}
/**/
.btndesign9{ flex-direction: column-reverse; overflow: hidden; padding-right: 20px;}
.btndesign9 .icon{ width: 15px; height: 1px; display: block; z-index: 10; position: absolute; right: 6%; top: 50%; margin-top:2px;}
.btndesign9 .icon::before{ width: 8px; height: 1px; position: absolute; top: 50%; right: -1px; margin-top: -4px; content: ""; transform:rotate(45deg);}
.btndesign9:hover .icon{ right: 2%; width: 20px;}
.btndesign9 .icon img{ display: none !important;}
.btndesign9, .cta-Box .btndesign9, .btndesign9:hover { background: none !important;}
.btndesign9 .btnTxt{ position:static;}
.btndesign9::before, 
.btndesign9::after, 
.btndesign9 .btnTxt::before, 
.btndesign9 .btnTxt::after{ content: ""; position: absolute; }
.btndesign9::before, 
.btndesign9::after{ width: 2px; height: 100%; transition: 1.0s;} 
.btndesign9 .btnTxt::before, 
.btndesign9 .btnTxt::after{ width: 100%; height: 2px; transition: 0.6s;}
.btndesign9::before{ left: 0; top: 0;}
.btndesign9::after{ right: 0; bottom: 0;} 
.btndesign9 .btnTxt::before{ right: 0; top: 0;} 
.btndesign9 .btnTxt::after{ left: 0; bottom: 0;}
.btndesign9:hover::before, 
.btndesign9:hover::after{ height: 0%;} 
.btndesign9:hover .btnTxt::before, 
.btndesign9:hover .btnTxt::after{ width: 0%;}


/*▼parts_anima.css▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼*/

.anime-clip-path{clip-path: inset(0% 100% 0% 0%); transition: 0.8s; }
.setView.anime-clip-path{clip-path: inset(0% 0% 0% 0%);}

.anime-clip-path-re{clip-path: inset(0% 0% 0% 100%); transition: 0.8s; }
.setView.anime-clip-path-re{clip-path: inset(0% 0% 0% 0%);}

.anime-clip-path-ue{clip-path: inset(0% 0% 100% 0%); transition: 0.8s; }
.setView.anime-clip-path-ue{clip-path: inset(0% 0% 0% 0%);}


/*--------------
txt-anime0
----------------*/
.txt-anime0{ opacity: 0; transition: 3.2s !important;}
.txt-anime0.setView{ opacity: 1;}
/*--------------
txt-anime1
----------------*/
.txt-anime1{ overflow: hidden;}
.txt-anime1.setView{}
.txt-anime1 span{ opacity: 0; transition: 1.0s !important; display: inline-block; will-change: transform, opacity; overflow: hidden; -webkit-transform: translateY(60px); transform: translateY(60px);}
.txt-anime1.setView span{ opacity:1; -webkit-transform: translateY(0px); transform: translateY(0px);}
/*--------------
txt-anime2
----------------*/
.txt-anime2{ opacity: 0;}
.txt-anime2.setView{ opacity: 1;}
.txt-anime2 span{ opacity: 0; transition: 0.2s;}
.txt-anime2 span.on{ opacity:1;}
/*--------------
txt-anime3
----------------*/
.txt-anime3{ opacity: 0; overflow: hidden;}
.txt-anime3.setView{ opacity: 1;}
.txt-anime3 span{ display: inline-block; overflow: hidden; opacity: 0; transition: 0.5s 0.2s !important; margin-left: -4px; -webkit-transform: translateX(-60px); transform: translateX(-60px);}
.txt-anime3 span.on{ opacity:1; -webkit-transform: translateX(0px); transform: translateX(0px);}
/*--------------
txt-anime4
----------------*/
.txt-anime4{ opacity: 0;}
.txt-anime4.setView{ opacity: 1;}
.txt-anime4 span{ display: inline-block; transition: 0.4s !important; will-change: transform, opacity; opacity: 0; overflow: hidden; -webkit-transform: translateY(60px); transform: translateY(60px);}
.txt-anime4 span.on{ opacity:1; -webkit-transform: translateY(0px); transform: translateY(0px);}
/*--------------
txt-anime5
----------------*/
.txt-anime5{ opacity: 0;}
.txt-anime5.setView{ opacity: 1;}
.txt-anime5 span{ opacity: 0; transition: 0.5s !important; display: inline-block; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.txt-anime5 span.on{ opacity:1; transform: translateY(0); -webkit-transform: translateY(0%);}
/*--------------
txt-anime6
----------------*/
.txt-anime6, 
.txt-anime6-1, 
.txt-anime6-2, 
.txt-anime6-3, 
.txt-anime6-4{ opacity: 0;}
.txt-anime6.setView, 
.txt-anime6-1.setView, 
.txt-anime6-2.setView, 
.txt-anime6-3.setView, 
.txt-anime6-4.setView{ opacity: 1;}
.txt-anime6, 
.txt-anime6 *, 
.txt-anime6-1, 
.txt-anime6-1 *, 
.txt-anime6-2, 
.txt-anime6-2 * , 
.txt-anime6-3, 
.txt-anime6-3 * , 
.txt-anime6-4, 
.txt-anime6-4 * { transition: 0.7s !important;}
.txt-anime6 span, 
.txt-anime6-1 span, 
.txt-anime6-2 span, 
.txt-anime6-3 span, 
.txt-anime6-4 span{ opacity: 0; display: inline-block; transform: translateX(100px); -webkit-transform:  translateX(100px);}
.txt-anime6 span.on, 
.txt-anime6-1 span.on, 
.txt-anime6-2 span.on, 
.txt-anime6-3 span.on, 
.txt-anime6-4 span.on{ opacity:1; -webkit-transform: translateY(0) translateX(0px); transform: translateY(0) translateX(0px);}


/*--------------
txt-anime7
----------------*/
.txt-anime7{ overflow: hidden; position: relative; opacity: 0;}
.txt-anime7.setView{ opacity: 1;}
.txt-anime7 span{ opacity:0; transition:0s 0.3s !important;}
.txt-anime7.setView span{ opacity:1;}
.txt-anime7.setView::before{ width: 0%; height: 100%; position: absolute; top: 0; left: 0; z-index: 10; content: ""; background: #25b4af; animation: txt-anime7Key 0.8s ease-in 1 forwards;}
@keyframes txt-anime7Key{
0% { width: 0; right: auto; left: 0;}
25% { width: 100%; right: auto; left: 0;}
80% { width: 100%; right: 0; left: auto;}
100% { width: 0; right: 0; left: auto;}
}


/*▼parts_cta.css▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼*/
.cta-wrap{ width: 100%; display: flex; flex-direction: row; justify-content: center; pointer-events: inherit; position: relative;}
.cta-wrap .inner{ position: static; width: 92%; margin: 0 4%;}
.cta-wrap .inner dl{ width: 100%; display: flex; flex-direction: column; background: var(--ctr-box-back); border-radius: var(--ctr-box-border-radius); border: var(--ctr-box-border); box-shadow: var(--ctr-box-box-shadow); position: relative; z-index: 10;}
.cta-wrap .inner dl dt, 
.cta-wrap .inner dl dd > span, 
.cta-wrap .inner dl dd > span *{ color: var(--ctr-box-font-color);}
.cta-wrap .inner dl > *{ display: block; text-align: center;}
.cta-wrap .inner dl dt{ font-weight: bold; font-family: var(--ctr-box-font-color);}
.cta-wrap .inner dl dd{ margin-top: 10px;}
.cta-wrap .inner dl dd .tel{ display: flex; flex-direction: column; margin: 10px 0;}
.cta-wrap .inner dl dd .tel a{ display: inline-block;}
.cta-wrap .inner dl dd .tel a b{ font-family: "Century Gothic", "Gautami","Arial" !important; letter-spacing: 0;}
.cta-wrap .inner dl dd .tel > span{ display: block; font-size: 12px;}
/**/
.cta-wrap .backimage{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; overflow: hidden; display: flex; justify-content: center; align-content: center; align-items: center; background: var(--ctr-wrap-back);}
.cta-wrap .backimage img{ width: 100%; height: 100%; object-fit:cover;}
@media screen and (min-width:851px) {
.cta-wrap{ padding: 30px 0;}
.cta-wrap .inner dl{ padding: var(--ctr-box-pc-padding);}
.cta-wrap .inner dl dt{ font-size: var(--ctr-box-dt-pc-font-size);}
.cta-wrap .inner dl dd .tel a{ pointer-events: none; margin-bottom: 5px;}
.cta-wrap .inner dl dd .tel a b{ font-size: 36px;}
.cta-wrap .inner dl dd .tel a img{ width: 40px; height: auto; margin-right: 10px;}
.cta-wrap .inner dl dd .tel span br{ display: none;}
.cta-wrap .inner dl dd .cta-btn{ width: 60%; margin: 10px 20%;}
.cta-wrap .backimage img.pc{ display: block;}
.cta-wrap .backimage img.sp{ display: none;}
}
@media screen and (max-width:850px) {
.cta-wrap{ padding: 50px 0;}
.cta-wrap .inner dl dt, 
.cta-wrap .inner dl dd > span, 
.cta-wrap .inner dl dd > span *{ font-size: 13px}
.cta-wrap .inner dl{ padding: var(--ctr-box-sp-padding);}
.cta-wrap .inner dl dt{ font-size: var(--ctr-box-dt-sp-font-size);}
.cta-wrap .inner dl dd .tel a{ margin-bottom: 10px;}
.cta-wrap .inner dl dd .tel a img{ width: 30px; height: auto; margin-right: 10px;}
.cta-wrap .inner dl dd .tel a b{ font-size: 4.0vw;}
.cta-wrap .backimage img.pc{ display: none;}
.cta-wrap .backimage img.sp{ display: block;}
}
@media screen and (max-width:650px) {
.cta-wrap .inner dl dd .tel a b{ font-size: 7.0vw;}
}


/*▼parts_title.css▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼*/
h1.tit-column .titDecoration .mainTitle, 
h1.tit-column .titDecoration .mainTitle *{ color: var(--design-h1-title-color); font-weight: var(--design-h1-title-weight); font-family: var(--design-h1-title-family);}

h2.tit-column .titDecoration .mainTitle, 
h2.tit-column .titDecoration .mainTitle *{ color: var(--design-h2-title-color); font-weight: var(--design-h2-title-weight); font-family: var(--design-h2-title-family);}
h3.tit-column .titDecoration .mainTitle, 
h3.tit-column .titDecoration .mainTitle *{ color: var(--design-h3-title-color); font-weight: var(--design-h3-title-weight); font-family: var(--design-h3-title-family);}
h4.tit-column .titDecoration .mainTitle, 
h4.tit-column .titDecoration .mainTitle *{ color: var(--design-h4-title-color); font-weight: var(--design-h4-title-weight); font-family: var(--design-h4-title-family);}
/**/
h2.tit-column .titDecoration .subTitle, 
h2.tit-column .titDecoration .subTitle *{ color: var(--design-h2-subtit-color); font-family: var(--design-h2-subtit-family);}
h3.tit-column .titDecoration .subTitle, 
h3.tit-column .titDecoration .subTitle *{ color: var(--design-h3-subtit-color); font-family: var(--design-h2-subtit-family);}
h4.tit-column .titDecoration .subTitle, 
h4.tit-column .titDecoration .subTitle *{ color: var(--design-h4-subtit-color); font-family: var(--design-h2-subtit-family);}
.tit-border > h2{ border: var(--tit-border-h2-border); border-radius:var(--tit-border-h2-radius); background: var(--tit-border-h2-background);}
.tit-border > h3{ border: var(--tit-border-h3-border); border-radius:var(--tit-border-h3-radius); background: var(--tit-border-h3-background);}
.tit-border > h4{ border: var(--tit-border-h4-border); border-radius:var(--tit-border-h4-radius); background: var(--tit-border-h4-background);}
.tit-border > h2 *{ color: var(--tit-border-h2-color) !important;}
.tit-border > h3 *{ color: var(--tit-border-h3-color) !important;}
.tit-border > h4 *{ color: var(--tit-border-h4-color) !important;}


@media screen and (min-width:851px) {
h1.tit-column .titDecoration .mainTitle, 
h1.tit-column .titDecoration .mainTitle *{ font-size: var(--design-h1-title-font-size);}

h2.tit-column .titDecoration .mainTitle, 
h2.tit-column .titDecoration .mainTitle *{ font-size: var(--design-h2-title-font-size);}
h3.tit-column .titDecoration .mainTitle, 
h3.tit-column .titDecoration .mainTitle *{ font-size: var(--design-h3-title-font-size);}
h4.tit-column .titDecoration .mainTitle, 
h4.tit-column .titDecoration .mainTitle *{ font-size: var(--design-h4-title-font-size);}
/**/
h2.tit-column .titDecoration .subTitle, 
h2.tit-column .titDecoration .subTitle *{ font-size: var(--design-h2-subtit-font-size);}
h3.tit-column .titDecoration .subTitle, 
h3.tit-column .titDecoration .subTitle *{ font-size: var(--design-h3-subtit-font-size);}
h4.tit-column .titDecoration .subTitle, 
h4.tit-column .titDecoration .subTitle *{ font-size: var(--design-h4-subtit-font-size);}
.tit-border > h2{ padding: var(--tit-border-h2-background-padding-pc);}
.tit-border > h3{ padding: var(--tit-border-h3-background-padding-pc);}
.tit-border > h4{ padding: var(--tit-border-h4-background-padding-pc);}

}
@media screen and (max-width: 850px) {
h2.tit-column .titDecoration .mainTitle, 
h2.tit-column .titDecoration .mainTitle *{ font-size: var(--design-sp-h2-title-font-size);}
h1.tit-column .titDecoration .mainTitle, 
h1.tit-column .titDecoration .mainTitle *{ font-size: var(--design-sp-h1-title-font-size);}
h3.tit-column .titDecoration .mainTitle, 
h3.tit-column .titDecoration .mainTitle *{ font-size: var(--design-sp-h3-title-font-size);}
h4.tit-column .titDecoration .mainTitle, 
h4.tit-column .titDecoration .mainTitle *{ font-size: var(--design-sp-h4-title-font-size);}
/**/
h2.tit-column .titDecoration .subTitle, 
h2.tit-column .titDecoration .subTitle *{ font-size: var(--design-sp-h2-subtit-font-size);}
h3.tit-column .titDecoration .subTitle, 
h3.tit-column .titDecoration .subTitle *{ font-size: var(--design-sp-h3-subtit-font-size);}
h4.tit-column .titDecoration .subTitle, 
h4.tit-column .titDecoration .subTitle *{ font-size: var(--design-sp-h4-subtit-font-size);}
.tit-border > h2{ padding: var(--tit-border-h2-background-padding-sp);}
.tit-border > h3{ padding: var(--tit-border-h3-background-padding-sp);}
.tit-border > h4{ padding: var(--tit-border-h4-background-padding-sp);}

}
.title2 h2 .titDecoration{ border-left: var(--design-h2-title-border);}
.title2 h3 .titDecoration{ border-left: var(--design-h3-title-border);}
.title2 h4 .titDecoration{ border-left: var(--design-h4-title-border);}
.title3 h2 .titDecoration .mainTitle::after{ border-bottom: var(--design-h2-title-border);}
.title3 h3 .titDecoration .mainTitle::after{ border-bottom: var(--design-h3-title-border);}
.title3 h4 .titDecoration .mainTitle::after{ border-bottom: var(--design-h4-title-border);}
.title4 h2 .titDecoration .mainTitle::after{ border-left: var(--design-h2-title-border);}
.title4 h3 .titDecoration .mainTitle::after{ border-left: var(--design-h2-title-border);}
.title4 h4 .titDecoration .mainTitle::after{ border-left: var(--design-h2-title-border);}
.title5 h2::after{ border-bottom: var(--design-h2-title-border);}
.title5 h3::after{ border-bottom: var(--design-h3-title-border);}
.title5 h4::after{ border-bottom: var(--design-h4-title-border);}
.title6 h2 .titDecoration::after{ border-bottom: var(--design-h2-title-border); border-width: 1px !important;}
.title6 h3 .titDecoration::after{ border-bottom: var(--design-h3-title-border); border-width: 1px !important;}
.title6 h4 .titDecoration::after{ border-bottom: var(--design-h4-title-border); border-width: 1px !important;}
.title7 h2 .titDecoration::after{ border-bottom: var(--design-h2-title-border); border-width: 1px !important;}
.title7 h3 .titDecoration::after{ border-bottom: var(--design-h3-title-border); border-width: 1px !important;}
.title7 h4 .titDecoration::after{ border-bottom: var(--design-h4-title-border); border-width: 1px !important;}
.title8 h2 .titIcon{ background-color: var(--design-h2-title-icon-bk); border:var(--design-h2-title-icon-border);}
.title8 h3 .titIcon{ background-color: var(--design-h3-title-icon-bk); border:var(--design-h3-title-icon-border);}
.title8 h4 .titIcon{ background-color: var(--design-h4-title-icon-bk); border:var(--design-h4-title-icon-border);}
.title9 h2 .titIcon{ background-color: var(--design-h2-title-icon-bk); border:var(--design-h2-title-icon-border);}
.title9 h3 .titIcon{ background-color: var(--design-h3-title-icon-bk); border:var(--design-h3-title-icon-border);}
.title9 h4 .titIcon{ background-color: var(--design-h4-title-icon-bk); border:var(--design-h4-title-icon-border);}
/**/
.titDecoration{ display: flex;}
.tit-column .titIcon{ display: none;}
.tit-row .titDecoration{ flex-direction: row; flex-wrap: wrap; align-items: baseline;}
.tit-column-reverse .titDecoration{ flex-direction: column-reverse;}
.tit-column .titDecoration{ flex-direction: column;}
.tit-boxL { justify-content: flex-start; align-content: center;}
.tit-boxC { justify-content: center; align-content: center;}
.tit-boxR { justify-content: flex-end;}
.tit-fontC > * .titDecoration{ align-items: center;}
.tit-fontR > * .titDecoration{ align-items: flex-end;}
.tit-w100, 
.tit-w100 > *{ width: 100%;}
@media screen and (max-width: 850px) {
.tit-row .titDecoration{ flex-direction: column;}
.tit-row .titDecoration .mainTitle{ margin-right: 0px;}
.tit-boxR { justify-content: center; align-content: center;}
}
/*--------------
title1
----------------*/
/*共通*/
.title1{ width: auto; display: flex; flex-direction: row; align-content:center;}
.title1 > *{ display: flex;}
.title1 > * .titDecoration * {  line-height: 1.35em; transition: 0.3s;}
.title1 > .tit-row .titDecoration .mainTitle{ margin-right: 25px;}
/*個別*/
.title1.tit-border.tit-fontC > .tit-row .titDecoration{ align-items: center;}
.title1.tit-border.tit-fontR > .tit-row .titDecoration{ align-items: flex-end;}
/*--------------
title2
----------------*/
/*共通*/
.title2{ width: auto; display: flex; flex-direction: row; align-content:center;}
.title2 > *{ display: flex;}
.title2 > * .titDecoration * { line-height: 1.4em; transition: 0.3s;}
.title2 > .tit-row .titDecoration .mainTitle{ margin-right: 25px;}
/*個別*/
.title2 > * .titDecoration{ padding:5px 20px;}
.title2.tit-border > * .titDecoration{ padding:0px 20px; margin: 5px 20px;}
.title2.tit-border > *{ padding: 5px 20px;}
.title2.tit-border.tit-fontC > .tit-row .titDecoration{ align-items: center;}
.title2.tit-border.tit-fontR > .tit-row .titDecoration{ align-items: flex-end;}
/*--------------
title3
----------------*/
/*共通*/
.title3{ width: auto; display: flex; flex-direction: row; align-content:center;}
.title3 > *{ display: flex;}
.title3 > * .titDecoration * {  line-height: 1.4em; transition: 0.3s;}
.title3 > .tit-row .titDecoration .mainTitle{ margin-right: 25px;}
/*個別*/
.title3 > * .titDecoration{ position: relative;}
.title3 > * .titDecoration .mainTitle{ position: relative;}
.title3 > .tit-column .titDecoration, 
.title3 > .tit-column-reverse .titDecoration, 
.title3.tit-border > .tit-row .titDecoration{ padding-bottom: 30px;}
.title3 > .tit-column .titDecoration .mainTitle, 
.title3 > .tit-column-reverse .titDecoration .mainTitle, 
.title3.tit-border > .tit-row .titDecoration .mainTitle{ position: static;}
.title3 > * .titDecoration .mainTitle::after{ position: absolute; bottom: 0; width: 0px; height: 1px; content: ""; transition: 0.5s;}
.tit-fontL.title3 > * .titDecoration .mainTitle::after{ left: 0;}
.tit-fontL.tit-boxC.title3 > * .titDecoration .mainTitle::after, 
.tit-fontR.tit-boxC.title3 > * .titDecoration .mainTitle::after{ left: 50%; margin-left: -30px;}
.tit-fontC.title3 > * .titDecoration .mainTitle::after{ left: 50%;}
.tit-fontR.title3 > * .titDecoration .mainTitle::after{ right: 60px;}
.title3 > * .titDecoration .mainTitle.setView::after{ width: 60px;}
.tit-fontC.title3 > * .titDecoration .mainTitle.setView::after{ margin-left: -30px;}
.tit-fontR.title3 > * .titDecoration .mainTitle.setView::after{ right: 0px;}
.title3.tit-border.tit-fontC > .tit-row .titDecoration{ align-items: center;}
.title3.tit-border.tit-fontR > .tit-row .titDecoration{ align-items: flex-end;}
.title3 .tit-row .titDecoration .mainTitle{ padding-bottom: 10px;}
.title3 .tit-row .titDecoration .mainTitle::after{ left: 0%; margin-left: 0px !important;}
/*--------------
title4
----------------*/
/*共通*/
.title4{ width: auto; display: flex; flex-direction: row; align-content:center;}
.title4 > *{ display: flex;}
.title4 > * .titDecoration{ position: relative;}
.title4 > * .titDecoration * {  line-height: 1.35em; transition: 0.3s;}
/*個別*/
.title4 > * .titDecoration .mainTitle{ position: relative; padding-bottom: 45px;}
.title4 > * .titDecoration .mainTitle::after{ position: absolute; bottom: 0px; left: 50%; width: 1px; height: 40px; content: ""; transition: 0.5s;}
.title4.tit-fontL > * .titDecoration .mainTitle::after{ left: 15%;}
.title4.tit-fontL.tit-boxC > * .titDecoration .mainTitle::after, 
.title4.tit-fontR.tit-boxC > * .titDecoration .mainTitle::after{ left: 50%;}
.title4.tit-fontR > * .titDecoration .mainTitle::after{ left: 80%;}
/**/
.title4 > .tit-row .titDecoration .subTitle{ margin-top: 10px;}
.title4 > .tit-column .titDecoration{ padding-bottom: 45px;}
.title4.tit-border > .tit-column .titDecoration{ padding-bottom: 0px;}
.title4 > .tit-column .titDecoration .mainTitle{ position: static; padding-bottom: 0;}
/**/
.title4.tit-border > * { margin-bottom: 50px; position: relative;}
.title4.tit-border > * .titDecoration { position: static}
.title4.tit-border > * .titDecoration .mainTitle{ position: static; padding-bottom:0px; }
.title4.tit-border > * .titDecoration .mainTitle::after{ bottom: -30px;}
/*--------------
title5
----------------*/
/*共通*/
.title5{ width: auto; display: flex; flex-direction: row; align-content:center;}
.title5 > *{ display: flex; position: relative;}
.title5 > * .titDecoration * {  line-height: 1.35em; transition: 0.3s; letter-spacing: 2px;}
.title5 > .tit-row .titDecoration .mainTitle{ margin-right: 25px;}
.title5.tit-border > .tit-row .titDecoration .mainTitle{ margin-right: 0;}
/*個別*/
.title5 > .tit-row .titDecoration{ align-items: center;}
.title5.tit-border.tit-fontL > .tit-row .titDecoration{ align-items: flex-start;}
.title5.tit-border.tit-fontC > .tit-row .titDecoration{ align-items: center;}
.title5.tit-border.tit-fontR > .tit-row .titDecoration{ align-items: flex-end;}
.title5 > * .titDecoration{ position: relative; padding-left: 40px;}
.title5.tit-border > * .titDecoration{ padding-left: 20px;}
.title5 > .tit-row .titDecoration .subTitle{ margin-bottom:0 !important;}
.title5 > *::after{ position: absolute; top: 50%; left:0px; width: 0px; height: 1px; content: ""; transition: 0.5s;}
.title5 > *.setView::after{ width: 40px; left:-20px;}
/*--------------
title6
----------------*/
/*共通*/
.title6{ width: auto; display: flex; flex-direction: row; align-content:center;}
.title6 > *{ display: flex;}
.title6 > * .titDecoration{ position: relative; padding:8px 15px;}
.title6 > * .titDecoration * {  line-height: 1.35em; transition: 0.3s;}
.title6 > .tit-row .titDecoration .mainTitle{ margin-right: 25px;}
.title6.tit-border > .tit-row .titDecoration .mainTitle{ margin-right: 0;}
/*個別*/
.title6 > .tit-row .titDecoration{ align-items: center;}
.title6.tit-border.tit-fontL > .tit-row .titDecoration{ align-items: flex-start;}
.title6.tit-border.tit-fontC > .tit-row .titDecoration{ align-items: center;}
.title6.tit-border.tit-fontR > .tit-row .titDecoration{ align-items: flex-end;}
.title6 > .tit-row .titDecoration .subTitle{ margin-bottom:0 !important;}
.title6 > * .titDecoration::after, 
.title6 > * .titDecoration::before{ position: absolute; top: 0px; left: 0%; height: 1px; content: ""; transition: 0.5s;}
.title6 > * .titDecoration::after{ width: 0%; transition: 0.8s; margin-top: -1px;}
.title6 > *.setView .titDecoration::after{ width: 20%;} 
.title6 > * .titDecoration::before{ background: #aaa; width: 100%;}
/*--------------
title7
----------------*/
/*共通*/
.title7{ width: auto; display: flex; flex-direction: row; align-content:center;}
.title7 > *{ display: flex;}
.title7 > * .titDecoration{ position: relative; padding:5px 15px 10px; margin-bottom: 5px;}
.title7 > * .titDecoration * {  line-height: 1.35em; transition: 0.3s;}
.title7 > .tit-row .titDecoration .mainTitle{ margin-right: 25px;}
.title7.tit-border > .tit-row .titDecoration .mainTitle{ margin-right: 0;}
/*個別*/
.title7 > .tit-row .titDecoration{ align-items: center;}
.title7.tit-border.tit-fontC > .tit-row .titDecoration{ align-items: center;}
.title7.tit-border.tit-fontR > .tit-row .titDecoration{ align-items: flex-end;}
.title7 > .tit-row .titDecoration .subTitle{ margin-bottom:0 !important;}
.title7 > * .titDecoration::after, 
.title7 > * .titDecoration::before{ position: absolute; bottom: 0px; left: 0%; height: 1px; content: ""; transition: 0.5s;}
.title7 > * .titDecoration::after{ margin-top: -1px; width: 0%; transition: 0.8s;}
.title7 > *.setView .titDecoration::after{ width: 20%;} 
.title7 > * .titDecoration::before{ background: #aaa; width: 100%;}
/*--------------
title8
----------------*/
/*共通*/
.title8{ width: auto; display: flex; flex-direction: row; align-content:center;}
.title8 > *{ display: flex;}
.title8 > * .titDecoration * {  line-height: 1.35em; transition: 0.3s;}
.title8 > .tit-row .titDecoration .mainTitle{ margin-right: 25px;}
/*個別*/
.title8 > * { display: flex; flex-direction:row-reverse; align-items: center;}
.title8 > * .titIcon{ width: 60px; border-radius: 100%; height: auto; aspect-ratio: 1/1; margin-right: 15px; display: block; background-position: 50% 50%; background-size: 60% auto; background-repeat: no-repeat; padding: 15px;}
/**/
.title8.tit-border.tit-fontC > .tit-row .titDecoration{ align-items: center;}
.title8.tit-border.tit-fontR > .tit-row .titDecoration{ align-items: flex-end;}
/*--------------
title9
----------------*/
/*共通*/
.title9{ width: auto; display: flex; flex-direction: row; align-content:center;}
.title9 > *{ display: flex;}
.title9 > * .titDecoration * { line-height: 1.35em; transition: 0.3s;}
.title9.tit-boxL > *{ align-items: flex-start;}
.title9.tit-boxL.tit-fontC > *{ align-items: center;}
.title9.tit-boxL.tit-fontR > *{ align-items: flex-end;}
.title9 > .tit-row .titDecoration{ margin-top: 30px;}
/*個別*/
.title9 > * { display: flex; flex-direction:column-reverse; align-items: center;}
.title9 > *.tit-column { flex-direction:column;}
.title9 > * .titIcon{ width: 60px; border-radius: 100%; height: auto; aspect-ratio: 1/1; margin-right: 15px; display: block; background-position: 50% 50%; background-size: 60% auto; background-repeat: no-repeat; padding: 15px;}
/**/
.title9 > .tit-row .titDecoration{ align-items: baseline;}
.title9.tit-fontC > .tit-row .titDecoration{ align-items: center;}
.title9.tit-fontR > .tit-row .titDecoration{ align-items: flex-end;}