@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:hover, a:active {
	color:#2D2C2C;text-decoration: underline;
	
}
a {
	outline: none;transition: 0.3s;color:#2D2C2C;text-decoration: none;
}

a img{transition: 0.3s;}
a:hover img {opacity:0.7;}


:focus{outline: none;}
/* 共通設定
=========================================== */
html.showPage,
html.showPage body{min-width: 1200px;}
html.showPage body{padding-top: 100px;}
body {
	background: #fff;
	color:#2D2C2C;
	font-size:16px;
	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; /* 禁則処理を厳格に適用 */
	
}
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;font-weight: 500;color: #212121;}

.wrap{width: 1100px;margin:0 auto;	position:relative;}

table{width:100%;}
img{max-width:100%;height:auto;}

.no-pc{display: inline-block;pointer-events: none;text-decoration: none!important;}

div#f-trigger {opacity: 0;position: absolute;left: 0;top: 90px;z-index: -20;}

/*共通見出し設定*/

.titles01{margin-bottom: 70px;position: relative;}
.titles01 .jp{font-size: 24px;font-weight: 700;color: #DE274C;line-height: 1;padding-left: 32px;background: url("../img/common/ico-heart.svg") no-repeat left top 1px;letter-spacing: 0.05em;display: inline-block;}
.titles01 .en{line-height: 1;font-size: 136px;font-family: "pop";font-weight: 600;display: block;margin-top: 14px;}


.titles02{margin-bottom: 15px;font-size: 24px;line-height: 1.33;padding-left: 14px;position: relative;}
.titles02:before{content:"";width: 5px;height: 30px;background: #DE274C;position: absolute;left: 0;top:2px;}

.titles03{font-size: 40px;line-height: 1.45;padding-bottom: 36px;position: relative;}
.titles03:before{content:"";width: 80px;height: 4px;background: #EB3B5E;position: absolute;left: 0;bottom:0;}
.titles03.tcenter:before{left:50%;transform: translateX(-50%);}

.copy03{font-size: 32px;line-height: 1.2;letter-spacing: 0.05em;margin-bottom: 30px;font-weight: 700;}
.copy03 .pink{font-size: 40px;}


/*共通ボタン設定*/

.btn01{display: flex;flex-wrap: wrap;}
.btn01 a{display: flex;flex-wrap: wrap;align-items: center;height: 80px;}
.btn01 a span.text{font-weight: 700;}
.btn01 a span.arrow{width: 80px;height: 80px;border-radius: 100%;background: url("../img/common/btn-arrow02.svg") no-repeat center #2D2C2C;margin-left: 24px;transition: 0.3s;}
.btn01 a:hover span.arrow{background-color: #EB3B5E;}

.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: 360px;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 30px center #DE274C;font-weight: 700;text-decoration: none;}
.contact-btn01 a:hover{background-color: #2D2C2C;}
.contact-btn01 a span.slash:before{content:"/";}


/*グラデーション*/
.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;}

/* header */
/*-------------------------------------------*/

#header {width:100%;z-index:100;height: 100px;letter-spacing: 0;}
#header {position:fixed;transition: 0.3s;box-sizing: border-box;display: flex;flex-wrap: wrap;left: 0;top:0;z-index: 100;min-width: 1200px;align-items: center;background: #fff;padding-left: 20px;padding-right: 20px;}
.head-right{margin-left: auto;}
.iso-text {font-weight: 700;font-size: 13px;padding-top: 64px;}
.head-center-top{display: flex;flex-wrap: wrap;justify-content: flex-end;align-items: center;}
.head-center-top .contact-btn01{margin-left: 16px;width: 240px;height: 44px;}
.head-center-top .contact-btn01 a{background-image: none;}
.head-center-top .tel-set{display: flex;flex-wrap: wrap;align-items: center;}
.head-center-top .tel-bh{font-size: 13px;margin-left: 10px;}
.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;}
.head-center-top .tel-num a{position: relative;padding-left:28px;}
.head-center-top .tel-num a:before {content: "";width: 24px;height: 24px;background: url(../img/common/ico-tel.svg) no-repeat center;
position: absolute;left: 0;top: 7px;background-size: 24px;}

li.head-sns{display: flex;flex-wrap: wrap;}
li.head-sns > div.sns{margin-right: 5px;width: 40px;height: 40px;display: table;}
li.head-sns > div.sns a{display: table-cell;text-align: center;vertical-align: middle;border-radius: 100%;border:solid 1px #2D2C2C;text-decoration: none;}
li.head-sns > div.sns a:hover{background: #DE274C;border-color: #DE274C;}
li.head-sns > div.sns:last-child{margin-right:0;}
.sns.s-insta svg{width: 20px;height:auto;display: block;margin: 0 auto;}
.sns.s-tube svg{width: 20px;height:auto;display: block;margin: 0 auto;}

.sns.s-insta svg path,
.sns.s-tube svg path{transition: 0.3s;}

.sns.s-insta a:hover svg path{fill:#fff;}
.sns.s-tube a:hover svg path.path01{fill:#fff;}
.sns.s-tube a:hover svg path.path02{fill:#DE274C;}

li.translate-nav select{box-sizing: border-box;width: 160px;height: 32px;font-size: 16px;padding-left: 36px;padding-right: 25px;-webkit-appearance:none;appearance:none;border: solid 1px #DEDEDE;background: url("../img/common/ico-global.svg") no-repeat left 7px center,url("../img/common/select-arrow.svg") no-repeat right 7px center;cursor: pointer;}

div#gnav{margin-left: auto;margin-top: 4px;}
div#gnav ul.flex{justify-content: space-between;align-items: center;}
div#gnav ul.flex > li{position: relative;margin-left: 30px;font-weight: 700;}
div#gnav ul.flex > li:first-child{margin-left: 0;}
div#gnav ul.flex > li > a{display: inline-block;text-decoration: none;}
div#gnav ul.flex > li > a:after{}
div#gnav ul.flex > li > a:hover{opacity: 1;color: #DE274C; }
div#gnav ul.flex > li > .dr-tit > span{display: inline-block;text-decoration: none;transition: 0.3s;position: relative;}
div#gnav ul.flex > li:hover > .dr-tit > span{cursor: pointer;color: #DE274C;}

li.translate-nav select option:first-child{display: none;}

li:hover span.dr-arrow svg{}
li:hover span.dr-arrow svg path{stroke:#DE274C;}

li:hover .dr-tit:after {content: "";width: calc(100% + 300px);height: 20px;transition: 0.3s;position: absolute;left: -150px;bottom: -7px;}

div#gnav ul.flex > li.drop01:hover > .dr-tit:before{content:"";width:calc(100% + 400px);height: 245px;position: absolute;left: -200px;top:calc(100% - 1px);transition: 0.3s;z-index: 8;opacity: 0;}
div#gnav ul.flex > li.drop01{cursor: pointer;}

.drop-wrap{position:fixed;top:100px;right:0;width:100%;height: 0;overflow: hidden;transition: 0.3s;background: #fff;padding: 0 40px;}
div#gnav ul.flex > li:hover .drop-wrap{box-sizing: border-box;z-index: 9;height: auto;padding-top: 40px;padding-bottom: 40px;}

div.drop-wrap > div{display: flex;flex-wrap: wrap;}
div.drop-wrap > div .ico-tit{width: 120px;}
div.drop-wrap > div .drop-cont02{width:100%;}

li.drop01.gnav01 div.drop-wrap > div .ico-tit{width: 160px;}
li.drop01.gnav01 div.drop-wrap > div .drop-cont02{width: calc(100% - 160px);}


.ico-tit{font-size: 20px;font-weight: 700;line-height: 1.5;position: relative;}
.ico-tit:before{content:"";width: 72px;height: 50px;background: url("../img/common/tit-ico01.svg") no-repeat;position: absolute;left: -20px;top:-14px;}
.ico-tit > span{display: inline-block;position: relative;z-index: 2;}

.drop-cont02 a span.arrow02 svg path{stroke:#34A02C;}




.dr-tit:hover ~ .shade,
.drop-wrap:hover ~ .shade{position: fixed;width: 100%;height: calc(100% - 100px);left: 0;bottom: 0;background: rgba(0, 0, 0, 0.8);z-index: 7;}



.dr-in-nav.flex{margin-top: -30px;justify-content: center;}
.dr-in-nav.flex > div{width:210px;margin-right: 20px;margin-top: 30px;}
.dr-in-nav.flex > div:nth-child(4n){margin-right: 0;}

.dr-arrow-nav{margin-bottom: 10px;}
.dr-arrow-nav a{display: block;text-decoration: none;}
.dr-arrow-nav a .img{overflow: hidden;margin-bottom: 8px; display: flex;flex-wrap: wrap;align-items: center;}
.dr-arrow-nav a .img img{transition: 0.3s;}
.dr-arrow-nav a .text{font-weight: 700;line-height: 1.5;display: flex;flex-wrap: wrap;width: 100%;align-items: center;justify-content: space-between;}
.dr-arrow-nav a .text .arrow02{width: 30px;height: 30px;background-color: #2D2C2C;background-image: url("../img/common/btn-arrow01.svg");background-position: center left calc(50% + 1px);border-radius: 100%;display: inline-block;background-repeat: no-repeat;transition: 0.3s;}
.dr-arrow-nav a .text span.in-text.text_line{width: calc(100% - 38px);}
.dr-arrow-nav a:hover .img img{transform: scale(1.1);}
.dr-arrow-nav a:hover .text{}
.dr-arrow-nav a:hover .text .arrow02{background-color: #DE274C;}
.dr-arrow-nav:last-child{margin-bottom: 0;}





/*スクロール追従*/
.fixed div#header {box-shadow:0 2px 5px rgba(0,0,0,0.4);}

/*パンくず*/
/*-------------------------------------------*/

div#bread {z-index: 2;position: relative;padding-top: 8px;}
#bread ul li {display: inline-block;font-size:12px;line-height: 1.4;}
ul.bread-list li a{font-size:12px;line-height: 1.4;}
ul.bread-list li:after{content:"＞";margin: 0 4px;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;overflow: hidden;}

div#mv-slider {position: absolute;left: 0;top: 0;width: 100%;height: 100%;margin-bottom: 0;}
.home div#mv:after{content:"";background: url("../img/main/mv-cover.png") no-repeat center;width: 1000px;height: 100%;margin: 0 auto;position: absolute;left: 0;right: 40px;top:0;z-index: 2;}

div.m-slider{height: 700px;width: 100vw;}
div.m-slider01{background: url("../img/main/slide01.png") no-repeat center;background-size: cover;}
div.m-slider02{background: url("../img/main/slide02.jpg") no-repeat center;background-size: cover;}
div.m-slider03{background: url("../img/main/slide03.jpg") no-repeat center;background-size: cover;}

.home div#mv{height: 700px;color: #fff;text-align: center;box-sizing: border-box;padding-top: 120px;}
.mv-text01{font-size: 60px;line-height: 1.33;position: relative;z-index: 5;}

.mv-feats.flex{width: 610px;margin: 38px auto 40px;position: relative;z-index: 4;}
.mv-feats.flex > div{width:200px;height: 40px;display: table;margin: 5px 5px 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: 20px;font-weight: 700;background: #DE274C;border-radius: 5px;}

.zenkoku {position: absolute;left: calc(50% + 285px);top: 420px;}

.mv-works{font-size: 18px;font-weight: 700;position: relative;z-index: 4;}
.mv-works > div{display: inline-block;padding: 0 40px;background: url("../img/main/mv-l.svg") no-repeat center left,url("../img/main/mv-r.svg") no-repeat right center;}


div#lottie {
    width: 100%;
    position: absolute;
    top: 160px;
    right: 0;z-index: 3;
}

/*下層ページ*/
body:not(.home) div#mv.umv{background: #202020;}
body:not(.home) div#mv.umv > .wrap{height: 240px;display: flex;flex-wrap: wrap;z-index: 3;align-items: center;justify-content: center;}
body:not(.home) div#mv.umv > .wrap .bg-text{font-family: 'pop';font-weight: 600;font-size: 160px;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: 20px;color: #DE274C;}
body:not(.home) div#mv.umv > .wrap .mv-tit .ja {display: block;font-size: 40px;color: #FFFFFF;}

/* contents */
/*-------------------------------------------*/
/*.bg-blue{background: #F5F9FF;}*/
.bg01 {background: #F1F2F4;}

.under-cont > section {padding: 120px 0;}
.under-cont > section:first-of-type {padding-top: 100px;}
.under-cont > section:nth-of-type(2n) {background: #F1F2F4;}

.under-cont.bg01 > section:nth-of-type(2n) {background: #FFFFFF;}

/* footer */
/*-------------------------------------------*/

aside#aside01{background: url("../img/common/aside-bg.jpg") no-repeat center;background-size: cover;padding: 120px 0;}
aside#aside01 .wrap{display: flex;flex-wrap: wrap;justify-content: space-between;}
aside#aside01 .box01{color: #fff;width: 100%;padding-bottom: 40px;position: relative;z-index: 3;}
aside#aside01 .box01 .humBox{position: absolute;right: 30px;bottom: 0;width: 400px;}
aside#aside01 .box01 .humBox .img{margin-left: auto;text-align: right;}
aside#aside01 .box01 .humBox .text{position: absolute;top:50%;transform: translateY(-50%);font-weight: 700;text-align: center;}
aside#aside01 .box01 .humBox .text .sb{width: 200px;height: 100px;display: table;position: relative;margin-top: 5px;}
aside#aside01 .box01 .humBox .text .sb > div{display: table-cell;text-align: center;vertical-align: middle;background: #fff;border-radius: 80px;font-weight: 700;font-size: 18px;line-height: 24px;color: #2D2C2C;}
aside#aside01 .box01 .humBox .text .sb:after{content:"";width: 0;height: 0;border-left: solid 24px #fff;border-top:solid 12px transparent;border-bottom:solid 12px transparent;position: absolute;right: -6px;top:8px;transform-origin: right top;transform: rotateZ(-29deg);}

aside#aside01 .box01 .humBox .text .sb > div .pink{font-size: 24px;background: url("../img/common/text-dot.svg") no-repeat center top;padding-top: 2px;}

aside#aside01 .box01 > .text{font-weight: 700;margin-top: 40px;}
aside#aside01 .cont-box{width: 540px;box-sizing: border-box;background: #fff;border-radius: 5px;text-align: center;padding: 40px 40px 50px;}
aside#aside01 .cont-box h3{font-size: 32px;line-height: 1;font-weight: 700;padding-top:63px;position: relative;}
aside#aside01 .cont-box h3:before{content:"";width: 56px;height: 56px;border-radius: 100%;box-sizing: border-box;border: solid 1px #2D2C2C;background: url("../img/common/ico-tel.svg") no-repeat center;background-size: 24px;position: absolute;left: 0;right: 0;top:0;margin: 0 auto;}
aside#aside01 .cont-box.box02 h3{margin-bottom: 26px;}
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");}
aside#aside01 .cont-box .contact-btn01{width: 360px;height: 80px;margin: 16px auto 0;}
h2.aside-tit{text-align: center;margin-bottom: 48px;width: 100%;}
h2.aside-tit .jp{text-align: center;color: #fff;display: block;position: relative;z-index: 3;font-size: 40px;letter-spacing: 0.05em;}
h2.aside-tit .en{color: #fff;opacity: 0.08;font-family: 'pop';font-size: 223px;line-height: 1;position: absolute;left: 0;top:-79px;}

ul.feat-list01.flex{margin-top: -5px;}
ul.feat-list01.flex > li{margin-right: 8px;font-weight: 700;font-size: 24px;color: #fff;background:#DE274C;border-radius: 30px;line-height: 1.5;margin-top: 5px;padding: 4px 24px; }
ul.feat-list01.flex > li:last-child{margin-right: 0;}

div#rec-set{padding: 120px 0; }
div#rec-set .wrap{display: flex;flex-wrap: wrap;justify-content: space-between;}
div#rec-set .wrap .titles01{margin-bottom: 20px;}
div#rec-set .wrap .cont{width: 570px;position: relative;z-index: 2;}
div#rec-set .wrap .cont > .text{font-size: 24px;font-weight: 700;line-height: 1.66;}
div#rec-set .wrap .img{width: 680px;margin-left: -150px;}
div#rec-set .wrap .btn01{margin-top: 40px;}


div.mapBox{width: 33.33%;position: relative;height: 400px;}
div.mapBox iframe{width: 100%;height: 100%;}
div.mapBox .cap{position: absolute;z-index: 2;color: #fff;font-size: 18px;font-weight: 700;padding: 0 20px 0 15px;background: #2D2C2C;border-radius: 0 0 10px 0;}


div#footer{background:#2D2C2C;color: #fff; }
div#footer a{color: #fff; }

div#ftBox01{padding: 80px 0 120px;}
div.ft-copyBox{margin-bottom: 80px;border: solid 1px #FFFFFF;padding: 40px 10px 50px;text-align: center;}
div.ft-inner.flex{justify-content: space-between;}
div.ft-info01{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;margin-bottom: 40px;}
ul.sns-list{display: flex;flex-wrap: wrap;}
ul.sns-list > li{width: 48px;height: 48px;display: table;margin-right: 10px;}
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:hover{background: #EB3B5E;opacity: 1;}
ul.sns-list > li a img{opacity: 1;}

div.ft-addressBox{max-width: 380px;}
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{width: auto;margin-left: auto;}
div.nav-list01.flex > div{margin-right: 80px;}
div.nav-list01.flex > div:last-child{margin-right: 0;}
div.nav-list01.flex > div.nav01{max-width: 170px;}
div.nav-list01.flex > div.nav02{max-width: 170px;}
div.nav-list01.flex > div.nav03{max-width: 180px;}

.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;}
.f-tit.f-tit-mt0{margin-top: 0;}

ul.fs{margin-top: 16px;line-height: 24px;margin-left: 3px;padding-left: 22px;border-left:solid 1px #676767;}
ul.fs:first-child{margin-top:0;}
ul.fs > li{margin-top: 16px;font-weight: 700;}
ul.fs > li:first-child{margin-top: 0;}

div.ft-ban{margin-top: 40px;}

ul.pp-list{display: flex;flex-wrap: wrap;align-items: center;}
ul.pp-list > li{margin-right: 20px;}

.ft-bottom{}
.ft-bottom .wrap{border-top: solid 1px #676767;color: #fff;padding: 40px 0 45px;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;font-size: 14px;}

/* 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;}

div#page-top a:hover{border-color:#D80000;background: #D80000;color: #fff;}
div#page-top a:hover svg path{stroke:#fff;}
div#page-top a:hover:before{transform: rotateZ(5deg);}

.fixed div#page-top{opacity: 1;z-index: 6;}


div#scr {position: fixed;right:-280px;bottom: 0;opacity: 0;z-index: -3;transition: 0.3s;}
div#scr a{display: block;}
div#scr span.arrow{background: url("../img/common/scr-arrow01.svg") no-repeat center;display: block;width: 24px;height: 24px;border-radius: 100%;position: absolute;bottom: 11px;right:100px;z-index: 2;}
div#scr span.arrow:after{content:"";background: url("../img/common/scr-arrow02.svg") no-repeat center;display: block;width: 24px;height: 24px;border-radius: 100%;position: absolute;left: 0;top:0;opacity: 0;transition: 0.3s;}
div#scr a:hover span.arrow:after{opacity: 1;}

.fixed div#scr{opacity: 1;z-index: 6;right: 0;}

/* OTHER
=========================================== */
.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;}



.sp{display:none!important;}

