@charset "utf-8";
/* CSS Document */
/*webフォント読み込み*/
@font-face {/*notosansレギュラー*/
  font-family: 'Noto Sans JP';
  src: url('../fonts/NotoSansJP-Regular.otf');
  src:
  url('../fonts/NotoSansJP-Regular.woff2') format('woff2'),
  url('../fonts/NotoSansJP-Regular.woff') format('woff'),
  url('../fonts/NotoSansJP-Regular.otf') format('truetype');
	font-weight: 400;
}
@font-face {/*notosansミディアム*/
  font-family: 'Noto Sans JP';
  src: url('../fonts/NotoSansJP-Medium.otf');
  src:
  url('../fonts/NotoSansJP-Medium.woff2') format('woff2'),
  url('../fonts/NotoSansJP-Medium.woff') format('woff'),
  url('../fonts/NotoSansJP-Medium.otf') format('truetype');
	font-weight: 500;
}
@font-face {/*notosansボールド*/
  font-family: 'Noto Sans JP';
  src: url('../fonts/NotoSansJP-Bold.otf');
  src:
  url('../fonts/NotoSansJP-Bold.woff2') format('woff2'),
  url('../fonts/NotoSansJP-Bold.woff') format('woff'),
  url('../fonts/NotoSansJP-Bold.otf') format('truetype');
	font-weight: 700;
}


@font-face {/*Oswald-Bold */
    font-family: 'os';
    font-style: normal;
    font-weight: 700;
	  src: url('../fonts/Oswald-Bold.ttf');
	  src:
	  url('../fonts/Oswald-Bold.woff2') format('woff2'),
	  url('../fonts/Oswald-Bold.woff') format('woff'),
	  url('../fonts/Oswald-Bold.ttf') format('truetype');
}

@font-face {/*Poppins-SemiBold */
    font-family: 'pop';
    font-style: normal;
    font-weight: 600;
	  src: url('../fonts/Poppins-SemiBold.ttf');
	  src:
	  url('../fonts/Poppins-SemiBold.woff2') format('woff2'),
	  url('../fonts/Poppins-SemiBold.woff') format('woff'),
	  url('../fonts/Poppins-SemiBold.ttf') format('truetype');
}
@font-face {/*Poppins-Black */
    font-family: 'pop';
    font-style: normal;
    font-weight: 900;
	  src: url('../fonts/Poppins-Black.ttf');
	  src:
	  url('../fonts/Poppins-Black.woff2') format('woff2'),
	  url('../fonts/Poppins-Black.woff') format('woff'),
	  url('../fonts/Poppins-Black.ttf') format('truetype');
}


@font-face {/*MPLUS1p-Bold */
    font-family: 'mplus';
    font-style: normal;
    font-weight: 700;
	  src: url('../fonts/MPLUS1p-Bold.ttf');
	  src:
	  url('../fonts/MPLUS1p-Bold.woff2') format('woff2'),
	  url('../fonts/MPLUS1p-Bold.woff') format('woff'),
	  url('../fonts/MPLUS1p-Bold.ttf') format('truetype');
}

@font-face {/*MPLUS2-Black */
    font-family: 'mp2';
    font-style: normal;
    font-weight: 900;
	  src: url('../fonts/MPLUS2-Black.ttf');
	  src:
	  url('../fonts/MPLUS2-Black.woff2') format('woff2'),
	  url('../fonts/MPLUS2-Black.woff') format('woff'),
	  url('../fonts/MPLUS2-Black.ttf') format('truetype');
}

/* Link
=========================================== */

a:link, a:visited {
	color: #2D2C2C;text-decoration: none;
}
a {
	outline: none;transition: 0.3s;color:#2D2C2C;text-decoration: none;
}

a img{transition: 0.3s;}


:focus{outline: none;}


/* 共通設定
=========================================== */

body{}
.pc{display:none!important;}
body {overflow: hidden;
	background:#fff;
	color:#2D2C2C;
	font-size:14px;
	line-height: 2;
	font-family: 'Noto Sans JP',"メイリオ","Mayryo ","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-style: normal;
	font-weight: 500;
	 overflow-wrap: anywhere; /* 収まらない場合に折り返す */
	word-break: normal; /* 単語の分割はデフォルトに依存 */
	line-break: strict; /* 禁則処理を厳格に適用 */
	padding-top: 50px;
}
h1,h2,h3,h4,h5,h6{line-height: 1.5;font-weight: 700;}
body,li,th,td,p,dt,dd{}
body#tinymce{min-width:inherit!important;}
input,select,textarea{font-family: 'Noto Sans JP',"メイリオ","Mayryo ","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","MS PGothic",sans-serif;color: #212121;}
select{border-radius: 0;color: #2d2c2c;}
table{width:100%;}
img{max-width:100%;height:auto;width: 100%;}
body,li,th,td,p,dt,dd{}

.no-pc{display: inline-block;text-decoration: none!important;}
.inb{display: inline-block;}
.block{display: block;}
.wrap{position: relative;}



/*共通見出し設定*/

.titles01{margin-bottom: 30px;position: relative;}
.titles01 .jp{font-size: 16px;font-weight: 700;color: #DE274C;line-height: 1;padding-left: 22px;background: url("../img/common/ico-heart.svg") no-repeat left top 1px;letter-spacing: 0.05em;display: inline-block;background-size: 16px;}
.titles01 .en{line-height: 1;font-size: 60px;font-family: "pop";font-weight: 600;display: block;margin-top: 10px;}


.titles02{margin-bottom: 20px;font-size: 20px;line-height: 1.33;padding-left: 11px;position: relative;}
.titles02:before {content: "";width: 3px;height: 22px;background: #DE274C;position: absolute;left: 0;top: 2px;}

.titles03{font-size: 28px;line-height: 1.45;padding-bottom: 21px;position: relative;}
.titles03:before{content:"";width: 44px;height: 2px;background: #EB3B5E;position: absolute;left: 0;bottom:0;}
.titles03.tcenter:before{left:50%;transform: translateX(-50%);}

.copy03{font-size: 24px;line-height: 1.66;margin-bottom: 30px;font-weight: 700;}
.copy03 .pink{font-size: 40px;}


/*共通ボタン設定*/

.btn01{display: flex;flex-wrap: wrap;}
.btn01 a{display: flex;align-items: center;min-height: 60px;}
.btn01 a span.text{font-weight: 700;font-size: 16px;max-width: calc(100% - 80px);}
.btn01 a span.arrow{width: 60px;height: 60px;border-radius: 100%;background: url("../img/common/btn-arrow02.svg") no-repeat center #2D2C2C;margin-left: 20px;transition: 0.3s;background-size: 10px;}

.btn02{width: 100%;height: 56px;display: table;}
.btn02 a{display: table-cell;text-align: center;vertical-align: middle;border: solid 2px #2D2C2C;border-radius: 50px;text-decoration: none;position: relative;}
.btn02 a span.blank-ico{background: url("../img/common/ico-blank01.svg") no-repeat center;width: 14px;height: 14px;position: absolute;right: 22px;z-index: 2;top:50%;transform: translateY(-50%);}
.btn02 a:hover{border-color:#EB3B5E ;background-color: #EB3B5E;color: #fff;}
.btn02 a:hover span.blank-ico{background-image: url("../img/common/ico-blank02.svg");}

.contact-btn01{width:100%;height: 60px;display: table;}
.contact-btn01 a{display: table-cell;text-align: center;vertical-align: middle;color: #fff;border-radius: 40px;background:url("../img/common/btn-arrow02.svg") no-repeat right 24px center #DE274C;font-weight: 700;text-decoration: none;background-size: 10px;}

.contact-btn01 a span.slash:before{content:"/";margin: 0 5px;}


/*グラデーション*/
.gra-bg { display: inline-block; padding: 5px 12px; background: linear-gradient(120deg, #D80000 0%, #D80000 20%,#D85E00 100%); color: #fff; border-radius: 10px; }
.gra-text{background: linear-gradient(180deg, #D80000 0%, #D85E00 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;display: inline-block;}


/*スライダー　ふわっ*/
div.slider01,div.slider02,div#belt-slider,div#gallery-slider,div#gallery-thumbs{opacity: 0;transition: opacity .3s linear;}
div.slider01.slick-initialized,
div.slider02.slick-initialized,
div#belt-slider.slick-initialized,
div#gallery-thumbs.slick-initialized,
div#gallery-slider.slick-initialized{opacity: 1;}



/*font*/
.goth{font-family: 'Noto Sans JP',"メイリオ","Mayryo ","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","MS PGothic",sans-serif;}
.os,.num{  font-family: 'os';font-weight: 700;}
.pop{  font-family: 'pop';font-weight: 600;}
.mpl{  font-family: 'mplus';font-weight: 700;}
.mp2{  font-family: 'mp2';font-weight: 900;}

.tright {text-align:right;}
.tleft {text-align:left;}
.tcenter {text-align:center;}
.flL {float:left;}
.flR {float:right;}
.bold {font-weight:bold;}
.inb{display:inline-block;}
.block {display: block;}
.red {color:#951010;}
.blue {color:#0181C0;}
.yellow{color:#FFDD00;}
.orange{color:#E25500;}
.green{color:#2A8823;}
.green02{color:#00614A;}
.navy{color:#374b8e;}
.pink{color:#DE274C;}
.pink02{color:#EB3B5E;}
.gray{color: #818181;}


/*header
---------------------------------------------------------------*/
div#header{background:#fff;width: 100%;position: fixed;z-index: 30;left: 0;top:0;height: 50px;display: flex;flex-wrap: wrap;align-items: center;}
div#gnav{display: none;}
div.head-center,
.head-right{display: none;}

div.tel-set{text-align: center;position: relative;}
.tel-num a{font-weight: 700;font-size: 30px;line-height: 1;}
.tel-bh{font-size: 14px;line-height: 1;}

.head-btns{display: none;}
.head-btn.contact-btn01{height: 100px;}
.head-btn.contact-btn01 a{vertical-align: top;font-size: 20px;font-weight: 700;line-height: 1.2;}
.head-btn.contact-btn01 a > span {position: absolute;height: 48px;left: 0;padding: 0;width: 48px;right: 0;top: 0;bottom: 0;margin: auto;}
.head-btn.contact-btn01 a > span:before{content:"";width: 48px;height: 48px;box-sizing: border-box;border: solid 1px #fff;border-radius: 100%;background: url("../img/common/ico-mail.svg") no-repeat center;position: absolute;left: 0;top:0;z-index: 2;}

.logo {padding-left: 4vw;width: 96px;}

.fixed div#header{box-shadow: 0 0 3px rgba(0,0,0,0.3);}

.iso-text {font-weight: 700;font-size: 13px;padding-top: 23px;}




.tel-bh{line-height: 1.2;font-weight: 700;}

.sq-box{width: 80px;height: 33px;display: table;margin-right: 16px;}
.sq-box > span{display: table-cell;text-align: center;vertical-align: middle;font-size: 16px;border: solid 1px #212121;align-items: center;}

.tel-num{line-height: 1;}
.tel-num a{font-size: 34px;font-weight: 700;}


/* nav
=========================================== */

.sp-tel {width: 36px;height: 36px;position: fixed;z-index: 50;right:calc(4vw + 51px);top: 7px;}
.sp-tel a{width: 36px;height: 36px;display: block;background: url("../img/common/ico-tel.svg") no-repeat center ;background-size:15px;border-radius: 100%;border: solid 1px #2D2C2C;}


html.huopen{overflow: hidden;}
.sp-nav-btn {width: 40px;height: 36px;position: fixed;top:5px;right: 4vw;z-index: 202;box-sizing: content-box;}
.sp-nav-btn span.bar01 {content: "";width: 90%;height: 1px;position: absolute;top: 8px;right: 5%;transition: 0.3s;}
.sp-nav-btn span.bar03 {content: "";width: 90%;height: 1px;position: absolute;bottom: 8px;right:5%;transition: 0.3s;}
.sp-nav-btn span.bar02{position: absolute;width: 90%;height: 1px;top: 17px;right: 5%;transition: 0.3s;}

.sp-nav-btn > span{overflow: hidden;}
.sp-nav-btn > span > span{width: 120px;height: 2px;background:#212121;display: block;position: absolute;left: -80px;top:0;}

.sp-nav-btn.opon span.bar02{opacity: 0;}
.sp-nav-btn.opon span.bar01 {box-shadow: none;transform: rotateZ(45deg);top:20px;background:#212121;}
.sp-nav-btn.opon span.bar03 {transform: rotateZ(-45deg);bottom: 15px;background:#212121;}


.overlay-nav {display: none;}
.overlay-nav.opon {z-index:15;opacity: 1;}
div.navs-list-wrap {position: fixed;width: 100%;height:100%;z-index: 220;top: 50px;box-sizing: border-box;background:#FFF;right: calc(-100% - 60px);transition: 0.3s;padding: 1px 0 50px;}
div.navs-list-wrap.opon{right:0;}

ul.navs-list {height: calc(100vh - 50px);overflow: auto;padding-bottom: 45px;box-sizing: border-box;}
.navs-list > li{border-bottom: solid 1px #DEDEDE;padding: 0 5%}
.navs-list > li .drop-wrap{display: none;}
.navs-list > li.drop01 {padding:0;}
.navs-list > li.drop01 .dr-tit{padding: 20px 5%;}
.navs-list > li:last-child{border-top:none;border-bottom: none;}
.navs-list > li > a {display: block;padding:20px 50px 20px 0;text-decoration: none;font-weight: 700;background: url("../img/common/sp-nav-arrow.svg") no-repeat right center;background-size: 20px;}
.navs-list > li > .dr-tit{font-weight: 700;background: url("../img/common/sp-nav-open.svg") no-repeat right 5vw center;background-size: 20px;}
.navs-list > li > .dr-tit.on{background-image: url("../img/common/sp-nav-close.svg");}
.navs-list > li.sp-nav-contact{padding: 40px 5.33% 20px;border-bottom: none;}
.navs-list > li.sp-nav-honyaku{padding: 10px 5.33% 20px;border: none;}
.navs-list > li.sp-nav-honyaku select{width: 100%;height: 40px;box-sizing: border-box;padding: 0 5px;-webkit-appearance: auto;appearance: auto;}

li.drop01.on {
  
}


.drop-wrap > ul{box-sizing: border-box;width: 89.34vw;padding: 1px 20px 20px;background: #F1F2F4;display: flex;flex-wrap: wrap;justify-content: space-between;margin: 0 auto;margin-bottom: 20px;}
.drop-wrap > ul > li{margin-top: 20px;width: 50%;box-sizing: border-box;padding-right: 5px;}
.drop-wrap > ul > li a{display: inline-block;padding-left: 18px;text-decoration: none;font-weight: 700;background: url("../img/common/sub-arrow.svg") no-repeat left center;background-size: 10px;}


li.sp-nav-tel-cont{width: 90vw;margin:40px auto 10px;background:#F2F2F2;border-radius: 15px 15px 0 0; box-sizing: border-box;padding: 20px 20px 30px;border-bottom: none;}
li.sp-nav-tel-cont .daihyo-box > .right .tel-bh{display: none;}
li.sp-nav-tel-cont .tel-set {width: 266px;margin: 0 auto 15px;}
li.sp-nav-tel-cont .daihyo-box {width: 250px;line-height: 1.4;margin: 0 auto;}



li.sp-nav-contact{width: 89.34vw;margin:0 auto ; box-sizing: border-box;border-bottom: none;}
li.sp-nav-contact .tel-set{margin-top: 20px;}
li.sp-nav-contact .tel-bh{display: none;}
li.sp-nav-contact .tel-num a{font-size: 36px;}
li.sp-nav-contact .tel-num a > span{display: inline-block;padding: 10px 0 10px 67px;background: url("../img/common/sp-nav-tel.svg") no-repeat left center;background-size: 50px;}


/* contents */
/*-------------------------------------------*/
/*.bg-blue{background: #F5F9FF;}*/
.bg01 {background: #F1F2F4;}

.under-cont > section {padding: 80px 5%;}
.under-cont > section:first-of-type {padding-top: 58px;}
.under-cont > section:nth-of-type(2n) {background: #F1F2F4;}

.under-cont.bg01 > section:nth-of-type(2n) {background: #FFFFFF;}

/*パンくず
---------------------------------------------------------------*/

div#bread {z-index: 2;position: relative;padding: 8px 5%;}
#bread ul li {display: inline-block;font-size:10px;line-height: 1.5;}
ul.bread-list li a{font-size:10px;line-height: 1.5;}
ul.bread-list li:after{content:"＞";margin: 0 2px;display: inline-block;position: relative;}
ul.bread-list li:last-child:after{content:none;}


/* メインビジュアル */
/*-------------------------------------------*/
/*TOPページ*/
div#mv{position: relative;z-index: 3;letter-spacing: 0;}

div#mv-slider {position: absolute;left: 0;bottom: 0;width: 100vw;margin-bottom: 0;}
.home div#mv:after{content:"";background: url("../img/main/sp-mv-cover.png") no-repeat center top;background-size: cover;width: 100%;height: 100%;position: absolute;left: 0;top:0;z-index: 2;}

.home div#mv{height: 167.6vw;background: url("../img/main/sp-mv01.jpg") no-repeat center top;background-size: cover;color: #fff;text-align: center;box-sizing: border-box;padding: 5.33vw 5.33vw 0;}
.mv-text01{font-size: 8.93vw;line-height: 1.33;position: relative;z-index: 5;text-align: left;}

.mv-feats.flex{width:100%;margin: 4vw auto 4vw;position: relative;z-index: 4;justify-content: space-between;}
.mv-feats.flex > div{width:44.26vw;height: 7.46vw;display: table;margin: 0.66vw 0 0 0;}
.mv-feats.flex > div:nth-child(3n){margin-right: 0;}
.mv-feats.flex > div > span{display: table-cell;text-align: center;vertical-align: middle;color: #fff;line-height: 1.1;font-size: 3.73vw;font-weight: 700;background: #DE274C;border-radius: 0.66vw;}

.zenkoku {}

.mv-works{font-size: 3.73vw;font-weight: 700;line-height: 1.5;text-align: center;position: relative;z-index: 4;}
.mv-works > div{}
.mv-works > div p:last-child{display: flex;flex-wrap: wrap;width: 100%;justify-content: space-between;}

div#lottie {
width: 230%;z-index: 3;
position: absolute;
top: 13vw;
right: -56vw;
}

/*下層ページ*/
body:not(.home) div#mv.umv{background: #202020;}
body:not(.home) div#mv.umv > .wrap{height: 180px;display: flex;flex-wrap: wrap;z-index: 3;align-items: center;justify-content: center;padding: 0 5%;box-sizing: border-box;}
body:not(.home) div#mv.umv > .wrap .bg-text{font-family: 'pop';font-weight: 600;font-size: 120px;color: #FFFFFF;line-height: 1.4;opacity: 0.05;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);white-space: nowrap;}
body:not(.home) div#mv.umv > .wrap .mv-tit {text-align: center;line-height: 1.4;}
body:not(.home) div#mv.umv > .wrap .mv-tit .en {display: block;font-family: 'pop';font-weight: 600;font-size: 16px;color: #DE274C;}
body:not(.home) div#mv.umv > .wrap .mv-tit .ja {display: block;font-size: 28px;color: #FFFFFF;}

/* footer */
/*-------------------------------------------*/


aside#aside01{background: url("../img/common/aside-bg.jpg") no-repeat center;background-size: cover;}
aside#aside01 .wrap{padding: 90px 5.33vw 58.66vw;}
aside#aside01 .box01{color: #fff;width: 100%;z-index: 3;}
aside#aside01 .box01 .humBox{position: absolute;right: 8vw;bottom: 0;width:84vw;}
aside#aside01 .box01 .humBox .img{margin-left: auto;text-align: right;width: 41.33vw;}
aside#aside01 .box01 .humBox .text{position: absolute;top:50%;transform: translateY(-50%);font-weight: 700;text-align: center;font-size: 4.26vw;line-height: 1.43;}
aside#aside01 .box01 .humBox .text .sb {width: 46.66vw;height: 21.33vw;display: table;position: relative;margin-top: 2.13vw;}
aside#aside01 .box01 .humBox .text .sb > div{display: table-cell;text-align: center;vertical-align: middle;background: #fff;border-radius: 10.66vw;font-weight: 700;font-size: 4.26vw;line-height:5.3vw;color: #2D2C2C;}
aside#aside01 .box01 .humBox .text .sb:after{content:"";width: 0;height: 0;border-left: solid 4.8vw #fff;border-top:solid 2.4vw transparent;border-bottom:solid 2.4vw transparent;position: absolute;right: -1vw;top:1vw;transform-origin: right top;transform: rotateZ(-29deg);}

aside#aside01 .box01 .humBox .text .sb > div .pink{font-size: 5.33vw;background: url(../img/common/text-dot.svg) no-repeat center top;padding-top: 0.3vw;background-size: 80%;}

aside#aside01 .box01 > .text{font-weight: 700;margin-top: 20px;}
aside#aside01 .box01 > .text p{display: inline;}
aside#aside01 .cont-box{width: 100%;box-sizing: border-box;background: #fff;border-radius: 5px;text-align: center;padding: 40px 20px;}
aside#aside01 .cont-box h3{font-size: 24px;line-height: 1;font-weight: 700;padding-top:76px;position: relative;}
aside#aside01 .cont-box h3:before{content:"";width: 60px;height: 60px;border-radius: 100%;box-sizing: border-box;border: solid 1px #2D2C2C;background: url("../img/common/ico-tel.svg") no-repeat center;background-size: 25px;position: absolute;left: 0;right: 0;top:0;margin: 0 auto;}
aside#aside01 .cont-box.box02{margin-bottom: 10px;margin-top: 30px;}
aside#aside01 .cont-box.box02 h3{margin-bottom: 16px;}
aside#aside01 .cont-box.box02 .tel-num a{font-size: 40px;}
aside#aside01 .cont-box.box02 .tel-bh br{display: none;}
aside#aside01 .cont-box.box02 .tel-bh{margin-top: 10px;}
aside#aside01 .cont-box.box03 h3:before{background-image: url("../img/common/ico-mail.svg");background-size: 25px;}
aside#aside01 .cont-box .contact-btn01{margin: 16px auto 0;}
h2.aside-tit{text-align: center;margin-bottom: 40px;width: 100%;}
h2.aside-tit .jp{text-align: center;color: #fff;display: block;position: relative;z-index: 3;font-size: 26px;letter-spacing: 0.05em;}
h2.aside-tit .en {color: #fff;opacity: 0.08;font-family: 'pop';font-size: 160px;line-height: 1;position: absolute;left: 50%;top: 33px;white-space: nowrap;transform: translateX(-50%);}

ul.feat-list01.flex{margin-top: -5px;}
ul.feat-list01.flex > li{margin-right: 1.6vw;font-weight: 700;font-size:4.26vw;color: #fff;background:#DE274C;border-radius: 5.6vw;line-height: 1.5;margin-top: 5px;padding: 4px 3.2vw; }
ul.feat-list01.flex > li:last-child{margin-right: 0;}

div#rec-set{padding: 80px 5.33vw;}
div#rec-set .wrap{}
div#rec-set .wrap .titles01{margin-bottom: 20px;}
div#rec-set .wrap .cont{}
div#rec-set .wrap .cont > .text{font-size: 20px;font-weight: 700;line-height: 1.6;}
div#rec-set .wrap .img{margin-top: 40px;}
div#rec-set .wrap .btn01{margin-top: 30px;}


div.mapBox{width: 100%;position: relative;height: 62.66vw;margin-bottom: 0.4vw;}
div.mapBox:last-child{margin-bottom: 0;}
div.mapBox iframe{width: 100%;height: 100%;}
div.mapBox .cap{position: absolute;z-index: 2;color: #fff;font-size:3.73vw;font-weight: 700;padding: 0 2.66vw 0 2vw;background: #2D2C2C;border-radius: 0 0 1.33vw 0;}


div#footer{background:#2D2C2C;color: #fff; }
div#footer a{color: #fff; }

h2.ft-logo {width: 172px;margin: 0 auto 40px;}

div#ftBox01{padding:68px 5.33vw 60px;}
div.ft-copyBox{margin-bottom: 60px;border: solid 1px #FFFFFF;padding: 40px 16px;text-align: center;}
div.ft-copyBox > .text{font-weight: 700;}
div.ft-inner.flex{display: block;}
div.ft-info01{margin-bottom: 35px;}
ul.sns-list{display: flex;flex-wrap: wrap;justify-content: center;}
ul.sns-list > li{width: 40px;height: 40px;display: table;margin-right: 8px;}
ul.sns-list > li:last-child{margin-right: 0;}
ul.sns-list > li a{display: table-cell;text-align: center;vertical-align: middle;text-decoration: none;border-radius: 100%;background: #212121;}
ul.sns-list > li a img{opacity: 1;}

div.ft-addressBox{padding: 0 9.3vw;}
div.ft-addressBox > .box{margin-bottom: 40px;}
div.ft-addressBox > .box:last-child{margin-bottom: 0;}
div.ft-addressBox > .box h3.tit{font-weight: 700;margin-bottom: 8px;}
div.ft-text{line-height: 1.5;}

div.nav-list01.flex{padding-top: 60px;border-top: solid 1px #676767;margin-top: 60px;}
div.nav-list01.flex > div{margin-right: 2%;width: 49%;}
div.nav-list01.flex > div:last-child{margin-right: 0;}

.f-tit{margin-top: 16px;position: relative;font-weight: 700;padding-left: 16px;line-height: 24px;}
.f-tit:before{content:"";width: 8px;height: 8px;background: #fff;border-radius: 100%;position: absolute;left: 0;top:9px;}
.f-tit:first-child{margin-top: 0;}

ul.fs{margin-top: 16px;line-height: 24px;margin-left: 3px;padding-left: 22px;border-left:solid 1px #676767;}
ul.fs > li{margin-top: 16px;font-weight: 700;}
ul.fs > li:first-child{margin-top: 0;}

div.ft-ban{margin-top: 20px;}

ul.pp-list{display: flex;flex-wrap: wrap;align-items: center;justify-content: center;margin-bottom: 20px;}
ul.pp-list > li{margin-right: 20px;}

.ft-bottom{padding:0 5.33vw;}
.ft-bottom .wrap{border-top: solid 1px #676767;color: #fff;dfont-size: 14px;padding: 40px 0;}

.copyright{text-align: center;}

/* TOPへ戻る */
/*-------------------------------------------*/
div#top-link {position: absolute;left: 0;top: 0;opacity: 0;z-index: -20;}
div#page-top {position: fixed;right: 20px;bottom: 50px;opacity: 0;z-index: -3;transition: opacity 0.3s;width: 80px;}
div#page-top a{display: block;width: 80px;height: 80px;border-radius: 100%;background: #fff;border: solid 2px #000000;text-align: center;box-sizing: border-box;padding-top: 16px;line-height: 1;font-size: 15px;font-weight: 700;text-decoration: none;position: relative;}
div#page-top a .text{display: block;margin-top: 3px;font-size: 19px;font-weight: 700;}
div#page-top a:before{content:"";background: url("../img/common/char01.png") no-repeat;background-size: 87px;width: 87px;height: 110px;transition: 0.3s;position: absolute;bottom: 0;right: 63px;}


.fixed div#page-top{opacity: 1;z-index: 6;}


div#scr {position: fixed;right:0;bottom: 0;opacity: 0;z-index: -3;transition: 0.3s;width: 100%;}
div#scr a{display: block;height: 60px;text-decoration: none;background:url("../img/common/sp-scr-arrow.svg") no-repeat center right 29px #DE274C;border-radius: 10px 10px 0 0;color: #fff;font-weight: 700;background-size: 12px;text-align: center;padding: 7px;box-sizing: border-box;line-height: 1.2;font-size: 18px;}
div#scr a .mail-ico-text > span {display: inline-block;padding-left: 24px;font-size: 14px;background: url(../img/common/ico-mail02.svg) no-repeat left top 2px;background-size: 16px;}
div#scr a .mail-ico-text{margin-bottom: 2px;}
.fixed div#scr{opacity: 1;z-index: 180;}


/* iOSでのデフォルトスタイルをリセット */
input[type="password"],
textarea,
input[type="text"],
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  
  box-sizing: border-box;
  cursor: pointer;
}
input[type="password"]::-webkit-search-decoration,
textarea::-webkit-search-decoration,
select::-webkit-search-decoration,
input[type="text"]::-webkit-search-decoration,
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="password"]::focus,
textarea::focus,
select::focus,
input[type="text"]::focus,
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}

select{color: #333;padding: 5px;box-sizing: border-box;}

/* TOP
------------------------------------------*/
/* TOPアニメーション
------------------------------*/
div.tri-r > div.anima-t { opacity: 0; transform: translateY(20px); }
div.tri-r > div.tri01.anima-t.anima { animation: shu 0.3s linear 0.1s 1 forwards; }
div.tri-r > div.tri02.anima-t.anima { animation: shu 0.3s linear 0.4s 1 forwards; }
div.tri-r > div.tri03.anima-t.anima { animation: shu 0.3s linear 0.7s 1 forwards; }

.home .mapBox.anima-t { opacity: 0; transform: translateY(20px); }
.home .mapBox.anima-t.anima { animation: shu 0.3s linear 0.1s 1 forwards; }
.home .mapBox.anima-t.anima:nth-child(2) { animation-delay: 0.4s; }
.home .mapBox.anima-t.anima:nth-child(3) { animation-delay: 0.7s; }

:root { --lo1: 1440; --lo2: 100vw ; }

.img.anima-t .circle01 { transform: translate3d(calc(250 / var(--lo1) * var(--lo2)), calc(-300 / var(--lo1) * var(--lo2)), 80px) rotate3d(0.3, 0.6, 0.3, 270deg) scale(0); }
.img.anima-t .circle02 { transform: translate3d(calc(400 / var(--lo1) * 100vw), calc(-100 / var(--lo1) * 100vw), 100px) rotate3d(0.3, 0.6, 0.3, 270deg) scale(0); }
.img.anima-t .circle03 { transform: translate3d(calc(250 / var(--lo1) * var(--lo2)), calc(-300 / var(--lo1) * var(--lo2)), 80px) rotate3d(0.3, 0.6, 0.3, 270deg) scale(0); }

.img.anima-t.anima .circle01 { animation: kururi02 1.6s cubic-bezier(0.76, 0, 0.24, 1) forwards; }
.img.anima-t.anima .circle02 { animation: kururi01 1.6s cubic-bezier(0.76, 0, 0.24, 1) forwards; }
.img.anima-t.anima .circle03 { animation: kururi02 1.6s cubic-bezier(0.76, 0, 0.24, 1) 0.8s forwards; }

@keyframes kururi01 { 0% { transform: translate3d(calc(400 / var(--lo1) * -100vw), calc(-100 / var(--lo1) * -100vw), 100px) rotate3d(0.3, 0.6, 0.3, 270deg) scale(0); }
  100% { transform: translate3d(0, 0, 0) rotate3d(0, 0, 0, 0deg) scale(1); } }
@keyframes kururi02 { 0% { transform: translate3d(calc(250 / var(--lo1) * var(--lo2)), calc(-300 / var(--lo1) * var(--lo2)), 80px) rotate3d(0.3, 0.6, 0.3, 270deg) scale(0); }
  100% { transform: translate3d(0, 0, 0) rotate3d(0, 0, 0, 0deg) scale(1); } }
@keyframes shu { 0% { opacity: 0; transform: translateY(20px); }
  100% { opacity: 1; transform: translateY(0); } }
@keyframes shu01 { 0% { opacity: 0; transform: translateY(-46%); }
  100% { opacity: 1; transform: translateY(-50%); } }
@keyframes right-in { 0% { opacity: 0; transform: translateX(20px); }
  100% { opacity: 1; transform: translateX(0); } }
@keyframes opc { 0% { opacity: 0; }
  100% { opacity: 1; } }
@keyframes slide01 { 0% { left: -300%; }
  40% { left: -160%; }
  50% { left: -160%; }
  100% { left: 100%; } }

/* TOPアニメーション終わり
------------------------------*/
div#top-topics { padding: 50px 5.33vw 60px;; }
div#top-topics .wrap { }
div#top-topics .wrap .right { background: #F1F2F4; padding: 20px; box-sizing: border-box;margin-top: 30px; }
div#top-topics .titles01 { margin-bottom: 10px; }
div#top-topics .titles01 .en { font-size: 40px; }
div#top-topics .btn01 {position: absolute;right: 0;top:-10px;}
div#top-topics .btn01 a { height: 20px; }
div#top-topics .btn01 a .arrow { width: 20px; height: 20px; background-image: url("../img/common/btn-arrow01.svg"); margin-left: 8px; background-position: center left calc(50% + 1px);background-size: 7px; }
div#top-topics .btn01 a span.text{max-width: none;}
article.top-topics h3 { font-weight: 400; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

section#reason-wrap > div.box01 {background: #F1F2F4; }
section#reason-wrap > div.box01 .titles01 { margin-bottom: 40px;}
section#reason-wrap > div.box01 > .wrap { box-sizing: border-box;padding: 80px 5.33vw 0;  }
section#reason-wrap > div.box01 .bg-img01 {width: 100%;margin: 0;height: 74.66vw;background: url(../img/top/sp-bg.jpg) no-repeat center;
background-size: cover;margin-top: 80px;}
section#reason-wrap > div.box01 .btn01 { margin-top: 30px; justify-content: flex-end; }
section#reason-wrap > div.box02 { padding:80px 5.3vw 60px; }

section#reason-wrap > div.box02 .cont {  position: relative;margin-bottom: 40px; }
section#reason-wrap > div.box02 .cont .roll01 {width: 140px; position: absolute; top: -46px; left: -66px; animation: 15s linear infinite rotation01; }
section#reason-wrap > div.box02 .img { position: relative; margin-left: -5.33vw;width: 100vw;height: 122.66vw; }
section#reason-wrap > div.box02 .img .circle01 { position: absolute; top: 0; left:-2.8vw; width: 49.73vw;}
section#reason-wrap > div.box02 .img .circle02 { position: absolute; top: 12.4vw; right: -4.53vw;width: 80.8vw; }
section#reason-wrap > div.box02 .img .circle03 { position: absolute; bottom: 0; left: -5.33vw; width: 43.46vw}
section#reason-wrap > .box03 { padding:80px 5.33vw; background: #F1F2F4; }
section#reason-wrap > .box03 > .wrap { }
section#reason-wrap > .box03 > .wrap .one-stops {margin-bottom: 60px; }
section#reason-wrap > .box03 > .wrap .one-stops .img01 { margin-bottom: 32px; position: relative; text-align: center; }
section#reason-wrap > .box03 > .wrap .one-stops .img01 .text01, section#reason-wrap > .box03 > .wrap .one-stops .img01 .text02 { font-weight: 700; font-size: 4.26vw; line-height: 1.5; width: 100%; position: absolute; left: 0; }
section#reason-wrap > .box03 > .wrap .one-stops .img01 .text01 { top: 1vw; }
section#reason-wrap > .box03 > .wrap .one-stops .img01 .text02 { top: 22vw; }
section#reason-wrap > .box03 > .wrap .one-stops .img01 .name01, section#reason-wrap > .box03 > .wrap .one-stops .img01 .name02 { width: 28vw; height: 6.4vw; display: table; position: absolute; bottom: 0; z-index: 2; }
section#reason-wrap > .box03 > .wrap .one-stops .img01 .name01 > span, section#reason-wrap > .box03 > .wrap .one-stops .img01 .name02 > span { display: table-cell; background: #fff; text-align: center; vertical-align: middle; border: solid 0.266vw; font-size: 3.73vw; font-weight: 700; border-radius: 10vw; }
section#reason-wrap > .box03 > .wrap .one-stops .img01 .name01 { left: 0; }
section#reason-wrap > .box03 > .wrap .one-stops .img01 .name02 { right: 0; color: #DE274C; }
section#reason-wrap > .box03 > .wrap .one-stops .set02 { text-align: center;margin-top: 8.5vw; }
section#reason-wrap > .box03 > .wrap .one-stops .set02 > h3 { font-size: 5.33vw; font-weight: 700; color: #DE274C; line-height: 1; margin-bottom: 7.73vw; }
section#reason-wrap > .box03 > .wrap .one-stops .set02 .one-stop-flows.flex { position: relative; margin-top: -8.66vw; }
section#reason-wrap > .box03 > .wrap .one-stops .set02 .one-stop-flows.flex > div { margin-top: 8.66vw; width: 21.33vw; height: 13.86vw; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; box-sizing: border-box; background: #fff; border: solid 2px #DE274C; border-radius:0.66vw; font-weight: 700; margin-right:1.33vw;font-size: 2.93vw; }
section#reason-wrap > .box03 > .wrap .one-stops .set02 .one-stop-flows.flex > div .num { color: #DE274C; line-height: 1;font-size: 2.66vw; }
section#reason-wrap > .box03 > .wrap .one-stops .set02 .one-stop-flows.flex > div:nth-child(4n) { margin-right: 0; }
section#reason-wrap > .box03 > .wrap .one-stops .set02 .one-stop-flows.flex:before { content: ""; background: url("../img/top/sp-line01.svg") no-repeat; width:100%; height: 4.26vw; position: absolute; right: 0; top: 4vw; background-size: contain;}
section#reason-wrap > .box03 > .wrap .one-stops .set02 .one-stop-flows.flex:after { content: ""; background: url("../img/top/sp-line02.svg") no-repeat; width:100%; height: 4.26vw; position: absolute; right: 0; top:26vw;background-size: contain;}
section#reason-wrap > .box03 > .wrap > .cont .copy02{font-size: 28px;}
section#reason-wrap > .box03 > .wrap > .cont .btn01 { margin-top: 40px; justify-content: flex-end; }

section#reason-wrap > .box03 > .wrap .one-stops .set02 .idou01 { position: absolute; left: 0; top: 4.4vw; z-index: 3; width: 4.26vw; }
section#reason-wrap > .box03 > .wrap .one-stops .set02 .idou02 { position: absolute; left: -50px; top: 27vw; z-index: 3; width: 4.26vw; }


.idou01, .idou02 { animation: suii 10s linear 0.2s infinite forwards;}
.idou02 { animation-delay: -5s; }

@keyframes suii { 0% { left: -50px; }
  50% { left: calc(100% + 50px); }
  100% { left: calc(100% + 50px); } }

@keyframes rotation01 { 0% { transform: rotate(0); }
  100% { transform: rotate(360deg); } }

.tri-r.flex { justify-content: space-between; margin-bottom: 30px; }
.tri-r.flex > div { text-align: center; position: relative; }
.tri-r.flex > div .text { color: #fff; font-size:5.33vw; font-weight: 700; line-height: 1; background: #DE274C; border-radius: 0.66vw; margin-top: -5.6vw; position: relative; z-index: 2; padding: 3vw 0; }
.tri-r.flex > div .img { width: 29.33vw; margin: 0 auto; position: relative; }
.tri-r.flex .tri01 { width:40vw; }
.tri-r.flex .tri01 .img:before {content: "";background: url(../img/top/i-est-harf.svg) no-repeat center top;width: 29.6vw;height: 9.06vw;top: -5.4vw;left: 0;position: absolute;background-size: contain;}
.tri-r.flex .tri01 .text:before { content: ""; background: url("../img/top/i-batsu.svg") no-repeat center; width: 4.26vw; height: 4.26vw; position: absolute; left: calc(100% + 3.13vw); top: 0; bottom: 0; margin: auto 0;background-size: contain;}
.tri-r.flex .tri02 { width: 40vw; }
.tri-r.flex .tri02 .text:before { content: ""; background: url("../img/top/i-tri.svg") no-repeat center; width:3.2vw ; height: 4.26vw; position: absolute; right: calc(100% + 2.53vw); top: calc(100% + 5.33vw);   transform: rotateZ(90deg);}
.tri-r.flex .tri03 { width: 58.66vw;margin: 13.86vw auto 0;}

.copy02.heart { position: relative; z-index: 2; padding-left: 35px;}

.copy02.heart:before { content: ""; background: url("../img/common/ico-heart.svg") no-repeat; width: 16px; height: 15px; position: absolute; left: 0; top: 14px;background-size: contain;}

.copy02 { font-weight: 700; font-size: 24px; line-height: 1.5; margin-bottom: 30px; }

.sub01 {font-size: 16px;font-weight: 700;line-height: 1.66;margin-bottom: 28px;padding-left: 35px;}
ul.dot-list01{padding-left: 35px;}
ul.dot-list01 > li { position: relative; padding-left: 14px; font-weight: 700; margin-bottom: 10px; font-size: 14px;}
ul.dot-list01 > li:last-child { margin-bottom: 0; }
ul.dot-list01 > li:before { content: ""; width: 4px; height: 4px; background: #2D2C2C; border-radius: 100%; position: absolute; left: 0; top: 12px; }

.sb01 { display: table; width: 100%; height: 11.46vw; position: relative; margin-bottom:2.93vw; }
.sb01 > div { border: solid 2px #2D2C2C; border-radius: 10vw; font-size: 4vw; font-weight: 700; line-height: 5.6vw; display: table-cell; text-align: center; vertical-align: middle; }
.sb01 > div .pink { font-size: 5.33vw; }

.sb01:before { content: ""; width: 0; height: 0; border-top: solid 2.66vw #2D2C2C; border-left: solid 2.93vw transparent; border-right: solid 2.93vw transparent; left: 0; right: 0; margin: 0 auto; top: calc(100% - 2px); position: absolute; }

.sb01:after { content: ""; width: 0; height: 0; border-top: solid 2.66vw #F1F2F4; border-left: solid 2.93vw transparent; border-right: solid 2.93vw transparent; left: 0; right: 0; margin: 0 auto; top: calc(100% - 4px); position: absolute; }

section#tech-sec { padding: 80px 5.33vw; background: #000000; }
section#tech-sec .wrap { box-sizing: border-box;  }
section#tech-sec .wrap .titles01 {  }
section#tech-sec .wrap .titles01 .jp { color: #EB3B5E; background-image: url("../img/common/ico-heart02.svg"); }
section#tech-sec .wrap .titles01 .en { color: #fff; }

.tec-list.flex { justify-content: space-between; margin-top: -5.33vw; }
.tec-list.flex .box { width:100%; box-sizing: border-box; margin-top: 5.33vw; }
.tec-list.flex .box a { display: block; background: #fff; border-radius: 5px; text-decoration: none; box-sizing: border-box; height: 100%; padding: 8vw; }
.tec-list.flex .box a .img { position: relative; margin-bottom: 8vw; }
.tec-list.flex .box a .img span.img-wrap { display: block; border-radius: 100%; overflow: hidden; }
.tec-list.flex .box a .img span.img-wrap img { transition: 0.3s; }
.tec-list.flex .box a .img span.arrow { display: block; width:16vw; height:16vw; background: url("../img/common/btn-arrow01.svg") no-repeat center #2D2C2C; border-radius: 100%; position: absolute; right: 2.66vw; bottom: 0; z-index: 2; background-size: 2.4vw;}
.tec-list.flex .box a .img .btn-name {color: #fff;line-height: 1.1;font-weight: 700;font-size: 7.46vw;background: #DE274C;width: 11.73vw;text-align: center;border-radius: 0.66vw;box-sizing: border-box;padding: 2.66vw 0 3.13vw;position: absolute;left: 2.66vw;bottom: 0;z-index: 2;}

.tec-list.flex .box a .img .btn-name > span { display: block; }
.tec-list.flex .box a .text { line-height: 1.5;font-size: 3.73vw; }

section#works-sec { padding: 80px 5.33vw; }
section#works-sec .wrap {  }

button.slick-arrow { opacity: 1; z-index: 2; transition: 0.3s; width: 60px; height: 60px; box-sizing: border-box; border: solid 1px #2D2C2C; border-radius: 100%; top: auto;bottom: 0;transform: translateY(0);}

button.slick-prev.slick-arrow { background: url("../img/common/slide-arrow01.svg") no-repeat center;background-size: 10px;left: calc(50% - 66px);}

button.slick-next.slick-arrow { background: url("../img/common/slide-arrow02.svg") no-repeat center;background-size: 10px;right: calc(50% - 66px); }

button.slick-arrow:before { content: none; }

.slider00 { padding-bottom: 100px; position: relative; }
.slider00 article.works-art{margin-right: 20px;}

article.works-art { width: 90vw; }
article.works-art a { display: block; text-decoration: none; }
article.works-art a .w-date { margin-bottom: 5px; }
article.works-art a .img { overflow: hidden; margin-bottom: 10px; }
article.works-art a .img .in-img { padding-top: 76.47%; }
article.works-art a h3.w-tit { margin-bottom: 10px; font-weight: 700; line-height: 1.4; font-size: 19px; }
article.works-art a .infos02.flex { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; margin-bottom: 15px; }

.infos02.flex { color: #989898; }
.infos02.flex > span:before { content: "/"; }
.infos02.flex > span:first-child:before { content: none; }

.wTBL th, .wTBL td { box-sizing: border-box; border-top: solid 1px #989898; border-bottom: solid 1px #DEDEDE; line-height: 28px; font-weight: 500; padding: 8px 16px; }
.wTBL th { width: 80px; background: #F1F2F4; }

section#st-sec { padding: 80px 5.33vw; background: #F1F2F4; }
section#st-sec .titles01 { }
section#st-sec .btn01 { margin-top: 40px; justify-content:flex-end; }

.st-list > .box { margin-bottom: 60px; display: block;}
.st-list > .box .cont {  }
.st-list > .box .img { margin-top: 30px; position: relative;}
.st-list > .box .img .ilu{position: absolute;z-index: 2;}
.st-list > .box .img .ilu.ilu01{width:32vw;right: 0;bottom: 0;}
.st-list > .box .img .ilu.ilu02{width: 21.33vw;left: 5.33vw;bottom: 0;}
.st-list > .box .img .ilu.ilu03{width:28.53vw;right: -2.66vw;bottom: 4vw;}



.copy01 { margin-bottom: 20px; font-size: 28px; font-weight: 700; line-height: 1.4; }
.copy01 p.bikou-t01 { font-size: 16px; line-height: 24px; margin-top: 10px; }

h3.num-tit { margin-bottom: 12px; display: flex; flex-wrap: wrap; align-items: center; }
h3.num-tit span.num {font-weight: 900;font-size: 12px;color: #fff;background: url(../img/common/ico-heart.svg) no-repeat center;width: 38px;height: 40px;line-height: 37px;text-align: center;margin-right: 8px;background-size: contain;font-family: 'pop';text-indent: -3px;}
h3.num-tit span.text { font-size: 20px; font-weight: 700; color: #DE274C;max-width: calc(100% - 44px); }

section#pro-sec { padding:80px 5.33vw; }
section#pro-sec .titles01 {  }
section#pro-sec > .wrap { box-sizing: border-box; }

.pro-boxs > div.box { margin-bottom: 40px; }
.pro-boxs > div.box > h3 {background: #DE274C;text-align: center;color: #fff;font-size: 20px;line-height: 1.4;font-weight: 700;padding: 12px 10px;}
.pro-boxs > div.box > .inner { padding:20px 20px 40px 20px; background: #F1F2F4; box-sizing: border-box; }
.pro-boxs > div.box .copy03 { font-size: 16px; letter-spacing: 0; }
.pro-boxs > div.box .copy03 .pink { font-size: 20px; }
.pro-boxs > div.box:last-child { margin-bottom: 0; }
.pro-boxs > div.box.box01 .inner { justify-content: space-between; }
.pro-boxs > div.box.box01 .inner .inBox { width: 100%;margin-bottom: 40px; }
.pro-boxs > div.box.box01 .inner .inBox:last-child {margin-bottom: 0; }
.pro-boxs > div.box.box01 .inner .inBox .copy03 { margin-bottom: 10px; }

.TBL01 th, .TBL01 td { border-top: solid 1px #DEDEDE; border-bottom: solid 1px #DEDEDE; line-height: 24px; padding: 8px 0; box-sizing: border-box; font-weight: 500; }
.TBL01 th { width: 110px; }
.TBL01 td p.bikou:before { content: "※"; }

ul.bikous li { line-height: 1.6; }
ul.bikous > li:before { content: "※"; }

.mateBox-list > div.inBox { margin-bottom: 40px; }
.mateBox-list > div.inBox:last-child { margin-bottom: 0; }
.mateBox-list > div.inBox:nth-child(3) .mate-list01.flex > div{margin-right: 0;width: 100%;}
.mateBox-list > div.inBox:nth-child(3) .mate-list01.flex > div:nth-child(2) { border-top: none; }
.mate-list01.flex > div { width: calc(50% - 12px); margin-right:24px; border-bottom: solid 1px #DEDEDE; position: relative; font-weight: 700; padding-left: 16px; padding-top: 10px; padding-bottom: 10px; box-sizing: border-box; }
.mate-list01.flex > div:before { content: ""; width: 8px; height: 8px; border-radius: 100%; background: #2D2C2C; position: absolute; left: 0; top: 22px; }
.mate-list01.flex > div:nth-child(2n) { margin-right: 0; }
.mate-list01.flex > div:first-child, .mate-list01.flex > div:nth-child(2) { border-top: solid 1px #DEDEDE; }

section#eq-sec { padding: 60px 0 0; background: #F1F2F4; }
section#eq-sec .wrap { box-sizing: border-box;padding: 0 5.33vw; }
section#eq-sec .wrap .titles01 { }
section#eq-sec .wrap .btn01 { margin-top: 40px;justify-content: flex-end; }
section#eq-sec .wrap p.copy02 {  }

.eq-ilu {position: absolute;z-index: 2;left:5.33vw;bottom: -60px;width: 24vw;}

div#belt-slider {margin-top: 60px;margin-bottom: 0;width: 100%;}
.sl-box {width: 100vw;}
section#blog-sec { padding: 80px 5.33vw 75px;overflow: hidden;}
section#blog-sec .btn01 { position: absolute; right: 0; bottom: 0; }

.slider01 { padding-bottom: 100px; position: relative; }
.slider01 .slick-list{ overflow: visible;}
.slider01 article.blog-art { margin: 0 10px; }
.slider01 button.slick-arrow { top: auto; transform: translateY(0); bottom: 0; }
.slider01 button.slick-prev.slick-arrow { left: 0; }
.slider01 button.slick-next.slick-arrow { right: auto; left: 72px; }

article.blog-art { width: 260px; }
article.blog-art a { display: block; text-decoration: none; }
article.blog-art a .img { margin-bottom: 15px; overflow: hidden; }
article.blog-art a .img .in-img { padding-top: 73.07%; transition: 0.3s; }

.infos.flex { margin-bottom: 10px; align-items: center; line-height: 24px; width: calc(100% + 12px); margin-left: -12px; margin-top: -5px; }
.infos.flex > div, .infos.flex > ul.cates { margin-left: 12px; margin-top: 5px; }

.cates { display: inline-flex;background: #DE274C; border-radius: 23px; padding: 1px 8px 3px; }
.cates li { line-height: 20px;color: #fff; }
.cates li:after{content:"/";margin: 0 2px;display: inline-block;position: relative;}
.cates li:last-child:after{content:none;}

.dates { color: #DE274C; }

div#sns-div { padding:83px 5.33vw 80px ; background: #F1F2F4; }
div#sns-div > .wrap > div { border-top: solid 1px #DEDEDE; padding-top: 40px;margin-bottom: 60px; display: block;}
div#sns-div > .wrap > div > div.box {  text-align: center; }
div#sns-div > .wrap > div > div.instaArea, div#sns-div > .wrap > div > div.tubeArea {  }
div#sns-div > .wrap > div:last-child { margin-bottom: 0; }

div.instaArea {margin-top: 40px;}
div.tubeArea{margin-top: 40px;}
div.tubeArea > div.box { margin-bottom: 40px; }
div.tubeArea > div.box:last-child { margin-bottom: 0; }
div.tubeArea > div.box > .text {margin-bottom: 25px;line-height: 1.4;}

h2.en-tit { padding-top: 72px; font-family: 'pop'; font-weight: 600; font-size: 40px; background: url("../img/top/tit-imsta.png") no-repeat center top; line-height: 32px; margin-bottom: 20px;background-size: 60px; }

.instaBox.flex > div.box .text { line-height: 24px; margin-bottom: 40px; }

.tubeBox.flex h2.en-tit { margin-bottom: 40px; background-image: url("../img/top/tit-tube.png"); }


article.tube-art { width: 90vw; margin-right: 25px; }
article.tube-art a { text-decoration: none; display: block; }
article.tube-art a .img { border-radius: 10px; overflow: hidden; }
article.tube-art a .img .in-img { padding-top: 56.8%; border-radius: 10px; transition: 0.3s; }
article.tube-art a:hover .img .in-img { transform: scale(1.05); }


div.slider02:has(.slick-arrow) {padding-bottom: 90px;}
div.slider02{margin-bottom: 0!important;padding-bottom: 0;}

/*翻訳対応*/

.translated-ltr .mv-feats.flex > div > span{padding: 1.33vw;font-size: 3.3vw;}
.translated-ltr .mv-text01{font-size: 6.83vw;}
.translated-ltr .tri-r.flex > div .text{padding:2.66vw 1.33vw;font-size: 3.46vw;}
.translated-ltr .copy02 br{display: none;}
.translated-ltr .sb01 > div{line-height: 1.2;padding: 2.66vw 4vw;font-size: 3.33vw;}
.translated-ltr section#reason-wrap > .box03 > .wrap .one-stops .img01 .text02 {width: 34vw;left: 0;right: 0;margin: 0 auto;}
.translated-ltr section#reason-wrap > .box03 > .wrap .one-stops .img01 .name01 > span,
.translated-ltr section#reason-wrap > .box03 > .wrap .one-stops .img01 .name02 > span {line-height: 1.2;padding: 1.33vw;font-size: 2.8vw;}
.translated-ltr section#reason-wrap > .box03 > .wrap .one-stops .set02 .one-stop-flows.flex > div {line-height: 1.1;font-size: 2.2vw;
padding: 0 1.33vw;}
.translated-ltr .tec-list.flex .box a .img .btn-name > span{display: inline;}
.translated-ltr .tec-list.flex .box a .img .btn-name {width: 50vw;padding: 1.33vw;font-size: 5.5vw;}

.translated-ltr .titles01 br{display: none;}
.translated-ltr .titles01 .jp{display: none;}
.translated-ltr .titles01.v-type .jp{display: none;}
.translated-ltr .eq-ilu{display: none;}
.translated-ltr aside#aside01 .box01 .humBox .text .sb > div .pink{background: none;}
.translated-ltr aside#aside01 .box01 .humBox .text .sb br{display: none;}
.translated-ltr aside#aside01 .box01 .humBox .text .sb > div{padding: 1.33vw 2.66vw;}
.translated-ltr .copy03 br{display: none;}
.translated-ltr #p02box02 .cnt .img_box .text02 span em{padding: 1vw 1.33vw;}
.translated-ltr #p02box02 .cnt .img_box .text02{line-height: 1.2;font-size: 3.3vw;}
.translated-ltr #p02box03 .strength-list .strength00 .text_box .title br{display: none;}
.translated-ltr .tecbox03 .strength-list .strength00 .text_box .title br{display: none;}
.translated-ltr #p07box04 .btn a .btn-text br{display: none;}
.translated-ltr #p08box01 .cnt .title br{display: none;}
.translated-ltr ul.contact-state > li span {line-height: 1;font-size: 12px;}
.translated-ltr aside#aside01 .box01 .humBox .text{max-width: 50vw;}


.translated-ltr .tri-r.flex .tri01 .img:before{content:none;}
.mitumorihannichi {font-weight: 700;line-height: 1.1;color: #DE274C;position: absolute;z-index: 2;bottom: calc(100% + 1vw);display: block;width: 100%;font-size: 3vw;}
.kokoro-text {text-align: center;font-weight: 700;font-size: 40px;line-height: 1.1;}

.translated-ltr .no-jp{display:block!important;}
.translated-ltr .yes-jp{display: none!important;}

.no-jp{display:none!important;}
.yes-jp{display:block!important;}


/*デバイス幅ごとの調整（必要な幅があれば追加して調整）*/
@media screen and (min-width: 0px) and (max-width: 700px) {
}

@media screen and (min-width: 0px) and (max-width: 480px) {
}

@media screen and (min-width: 0px) and (max-width: 420px) {
	
}

@media screen and (min-width: 0px) and (max-width: 400px) {
	
}
@media screen and (min-width: 0px) and (max-width: 350px){
	.translated-ltr .iso-text {width: 100px;padding-top: 10px;line-height: 1.2;}
}
