@charset "UTF-8";
/* 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: 80px 0; }
div#top-topics .wrap { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; }
div#top-topics .wrap .right { width: 910px; background: #F1F2F4; padding: 30px 40px; box-sizing: border-box; }
div#top-topics .titles01 { margin-bottom: 10px; }
div#top-topics .titles01 .en { font-size: 40px; }
div#top-topics .btn01 a { height: 30px; }
div#top-topics .btn01 a .arrow { width: 30px; height: 30px; background-image: url("../img/common/btn-arrow01.svg"); margin-left: 8px; background-position: center left calc(50% + 1px); }

article.top-topics h3 { font-weight: 400; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

section#reason-wrap > div.box01 { padding: 120px 0 1px; background: #F1F2F4; }
section#reason-wrap > div.box01 .titles01 { position: absolute; left: 130px; top: 0; }
section#reason-wrap > div.box01 > .wrap { box-sizing: border-box; padding-left: 240px; padding-bottom: 128px; }
section#reason-wrap > div.box01 .bg-img01 { width: calc(100% - 120px); margin: 0 auto -120px; height: 480px; background: url("../img/top/bg-img01.jpg") no-repeat center; background-size: cover; }
section#reason-wrap > div.box01 .btn01 { margin-top: 30px; justify-content: flex-end; }
section#reason-wrap > div.box02 { padding: 280px 0 116px; overflow: hidden; }
section#reason-wrap > div.box02 .cont { width: 500px; position: relative; }
section#reason-wrap > div.box02 .cont .roll01 { position: absolute; top: -60px; left: -130px; animation: 15s linear infinite rotation01; }
section#reason-wrap > div.box02 .img { position: absolute; top: -40px; right: -170px; width: 790px; height: 681px; }
section#reason-wrap > div.box02 .img .circle01 { position: absolute; top: 0; left: 80px; }
section#reason-wrap > div.box02 .img .circle02 { position: absolute; top: 80px; right: 0; }
section#reason-wrap > div.box02 .img .circle03 { position: absolute; bottom: 0; left: 0; }
section#reason-wrap > .box03 { padding: 125px 0 140px; background: #F1F2F4; }
section#reason-wrap > .box03 > .wrap { display: flex; flex-wrap: wrap; justify-content: space-between; }
section#reason-wrap > .box03 > .wrap .one-stops { width: 510px; }
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: 20px; line-height: 1.5; width: 100%; position: absolute; left: 0; }
section#reason-wrap > .box03 > .wrap .one-stops .img01 .text01 { top: 20px; }
section#reason-wrap > .box03 > .wrap .one-stops .img01 .text02 { top: 125px; }
section#reason-wrap > .box03 > .wrap .one-stops .img01 .name01, section#reason-wrap > .box03 > .wrap .one-stops .img01 .name02 { width: 160px; height: 37px; 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 2px; font-size: 20px; font-weight: 700; border-radius: 40px; }
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; overflow: hidden; position: relative; padding: 0 12px; width: 510px; margin-left: -12px; }
section#reason-wrap > .box03 > .wrap .one-stops .set02 .idou01 { position: absolute; left: 0; top: 31px; z-index: 3; width: 24px; }
section#reason-wrap > .box03 > .wrap .one-stops .set02 .idou02 { position: absolute; left: -50px; top: 167px; z-index: 3; width: 24px; }
section#reason-wrap > .box03 > .wrap .one-stops .set02 > h3 { font-size: 32px; font-weight: 700; color: #DE274C; line-height: 1; margin-bottom: 48px; }
section#reason-wrap > .box03 > .wrap .one-stops .set02 .one-stop-flows.flex { position: relative; margin-top: -48px; }
section#reason-wrap > .box03 > .wrap .one-stops .set02 .one-stop-flows.flex > div { margin-top: 48px; width: 120px; height: 80px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; box-sizing: border-box; background: #fff; border: solid 2px #DE274C; border-radius: 5px; font-weight: 700; margin-right: 10px; }
section#reason-wrap > .box03 > .wrap .one-stops .set02 .one-stop-flows.flex > div .num { color: #DE274C; line-height: 1; }
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/onestop-line01.svg") no-repeat; width: 510px; height: 24px; position: absolute; right: 0; top: 12px; }
section#reason-wrap > .box03 > .wrap .one-stops .set02 .one-stop-flows.flex:after { content: ""; background: url("../img/top/onestop-line02.svg") no-repeat; width: 510px; height: 24px; position: absolute; right: 0; top: 144px; }
section#reason-wrap > .box03 > .wrap > .cont { width: 480px; }
section#reason-wrap > .box03 > .wrap > .cont .btn01 { margin-top: 40px; justify-content: flex-end; }

.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); } }
.titles01.v-type { margin-bottom: 0; }
.titles01.v-type .jp { padding-top: 25px; padding-left: 0; background-position: center top; text-align: center; }
.titles01.v-type .jp > span { display: block; }
.titles01.v-type .en { position: absolute; top: -8px; left: -17px; transform-origin: left top; transform: rotateZ(90deg); margin-top: 0; white-space: nowrap; }

.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: 32px; font-weight: 700; line-height: 1; background: #DE274C; border-radius: 5px; margin-top: -42px; position: relative; z-index: 2; padding: 11px 0; }
.tri-r.flex > div .img { width: 160px; margin: 0 auto; position: relative; }
.tri-r.flex .tri01 { width: 212px; }
.tri-r.flex .tri01 .img:before { content: ""; background: url("../img/top/i-est-harf.svg") no-repeat center top; width: 168px; height: 53px; top: -30px; left: -4px; position: absolute; }
.tri-r.flex .tri01 .text:before { content: ""; background: url("../img/top/i-batsu.svg") no-repeat center; width: 16px; height: 16px; position: absolute; left: calc(100% + 10px); top: 0; bottom: 0; margin: auto 0; }
.tri-r.flex .tri02 { width: 244px; }
.tri-r.flex .tri02 .text:before { content: ""; background: url("../img/top/i-tri.svg") no-repeat center; width: 12px; height: 16px; position: absolute; left: calc(100% + 10px); top: 0; bottom: 0; margin: auto 0; }
.tri-r.flex .tri03 { width: 339px; }

.copy02.heart { position: relative; z-index: 2; }

.copy02.heart:before { content: ""; background: url("../img/common/ico-heart.svg") no-repeat; width: 24px; height: 22px; position: absolute; left: -41px; top: 26px; }

.copy02 { font-weight: 700; font-size: 48px; line-height: 1.5; margin-bottom: 40px; }

.sub01 { font-size: 24px; font-weight: 700; line-height: 1.66; margin-bottom: 40px; }

ul.dot-list01 > li { position: relative; padding-left: 16px; font-weight: 700; margin-bottom: 10px; }
ul.dot-list01 > li:last-child { margin-bottom: 0; }
ul.dot-list01 > li:before { content: ""; width: 8px; height: 8px; background: #2D2C2C; border-radius: 100%; position: absolute; left: 0; top: 13px; }

.sb01 { display: table; width: 100%; height: 65px; position: relative; margin-bottom: 15px; }
.sb01 > div { border: solid 2px #2D2C2C; border-radius: 50px; font-size: 22px; font-weight: 700; line-height: 32px; display: table-cell; text-align: center; vertical-align: middle; }
.sb01 > div .pink { font-size: 30px; }

.sb01:before { content: ""; width: 0; height: 0; border-top: solid 17px #2D2C2C; border-left: solid 17px transparent; border-right: solid 17px transparent; left: 0; right: 0; margin: 0 auto; top: calc(100% - 2px); position: absolute; }

.sb01:after { content: ""; width: 0; height: 0; border-top: solid 15px #F1F2F4; border-left: solid 15px transparent; border-right: solid 15px transparent; left: 0; right: 0; margin: 0 auto; top: calc(100% - 2px); position: absolute; }

section#tech-sec { padding: 120px 0; background: #000000; }
section#tech-sec .wrap { box-sizing: border-box; padding-right: 235px; }
section#tech-sec .wrap .titles01 { position: absolute; right: 0; top: 0; }
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: -20px; }
.tec-list.flex .box { width: 420px; box-sizing: border-box; margin-top: 20px; }
.tec-list.flex .box a { display: block; background: #fff; border-radius: 5px; text-decoration: none; box-sizing: border-box; height: 100%; padding: 50px 70px; }
.tec-list.flex .box a .img { position: relative; margin-bottom: 20px; }
.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: 56px; height: 56px; background: url("../img/common/btn-arrow01.svg") no-repeat center #2D2C2C; border-radius: 100%; position: absolute; right: 0; bottom: 0; z-index: 2; }
.tec-list.flex .box a .img .btn-name { color: #fff; line-height: 1; font-weight: 700; font-size: 24px; background: #DE274C; width: 48px; text-align: center; border-radius: 5px; box-sizing: border-box; padding: 11px 0; position: absolute; left: 10px; 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; }
.tec-list.flex .box a:hover .img span.img-wrap img { transform: scale(1.15);opacity: 1; }

section#works-sec { padding: 120px 0; }
section#works-sec .wrap { width: 89.58%; margin-right: 0; }

button.slick-arrow { opacity: 1; z-index: 2; transition: 0.3s; width: 80px; height: 80px; box-sizing: border-box; border: solid 2px #2D2C2C; border-radius: 100%; top: auto; }

button.slick-prev.slick-arrow { background: url("../img/common/slide-arrow01.svg") no-repeat center; }

button.slick-next.slick-arrow { background: url("../img/common/slide-arrow02.svg") no-repeat center; }

button.slick-arrow:before { content: none; }

button.slick-arrow.slick-prev:hover { background-image: url("../img/common/slide-arrow01h.svg"); background-color: #2D2C2C; }

button.slick-arrow.slick-next:hover { background-image: url("../img/common/slide-arrow02h.svg"); background-color: #2D2C2C; }

.slider00 { margin-bottom: 0 !important; }
.slider00 article.works-art { margin-right: 40px; }
.slider00 button.slick-arrow { top: -160px; transform: translateY(0); }
.slider00 button.slick-prev.slick-arrow { left: auto; right: 290px; }
.slider00 button.slick-next.slick-arrow { right: 200px; }

article.works-art { width: 340px; }
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%;transition: 0.3s; }
article.works-art a h3.w-tit { margin-bottom: 10px; font-weight: 700; line-height: 1.4; font-size: 20px;display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
article.works-art a .infos02.flex { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; margin-bottom: 15px; }
article.works-art a:hover .img .in-img { transform: scale(1.1);}

.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 #DEDEDE; border-bottom: solid 1px #DEDEDE; line-height: 28px; font-weight: 500; padding: 8px 16px; }
.wTBL th { width: 80px; background: #F1F2F4; }

section#st-sec { padding: 120px 0; background: #F1F2F4; }
section#st-sec .titles01 { text-align: center; }
section#st-sec .btn01 { margin-top: 80px; justify-content: center; }

.st-list > .box { margin-bottom: 80px; justify-content: space-between; align-items: flex-start;}
.st-list > .box .cont { width: 520px; }
.st-list > .box .img { width: 500px;position: relative;}
.st-list > .box .img .ilu{position: absolute;z-index: 2;}
.st-list > .box .img .ilu.ilu01{width: 160px;right: 0;bottom: 0;}
.st-list > .box .img .ilu.ilu02{width: 120px;left: 40px;bottom: 0;}
.st-list > .box .img .ilu.ilu03{width: 150px;right: -40px;bottom: 20px;}
.st-list > .box:nth-child(2n) { flex-direction: row-reverse; }
.st-list > .box:last-child { margin-bottom: 0; }

.copy01 { margin-bottom: 30px; font-size: 40px; font-weight: 700; line-height: 1.4; }
.copy01 p.bikou-t01 { font-size: 16px; line-height: 24px; margin-top: 5px; }

h3.num-tit { margin-bottom: 24px; display: flex; flex-wrap: wrap; align-items: center; }
h3.num-tit span.num {font-weight: 900;font-size: 18px;color: #fff;background: url(../img/common/ico-heart.svg) no-repeat center;width: 52px;height: 47px;line-height: 43px;text-align: center;margin-right: 4px;background-size: contain;font-family: 'pop';text-indent: -5px;}
h3.num-tit span.text { font-size: 24px; font-weight: 700; color: #DE274C; }

section#pro-sec { padding: 120px 0 128px; }
section#pro-sec .titles01 { position: absolute; left: 130px; top: 0; }
section#pro-sec > .wrap { box-sizing: border-box; padding-left: 240px; }

.pro-boxs > div.box { margin-bottom: 40px; }
.pro-boxs > div.box > h3 { background: #DE274C; text-align: center; color: #fff; font-size: 24px; line-height: 1.4; font-weight: 700; padding: 13px 10px; }
.pro-boxs > div.box > .inner { padding: 40px 60px; background: #F1F2F4; box-sizing: border-box; }
.pro-boxs > div.box .copy03 { font-size: 18px; letter-spacing: 0; }
.pro-boxs > div.box .copy03 .pink { font-size: 24px; }
.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: calc(50% - 20px); }
.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; }

.mate-list01.flex > div { width: 230px; margin-right: 25px; border-bottom: solid 1px #DEDEDE; position: relative; font-weight: 700; padding-left: 16px; padding-top: 5px; padding-bottom: 5px; box-sizing: border-box; }
.mate-list01.flex > div:before { content: ""; width: 8px; height: 8px; border-radius: 100%; background: #2D2C2C; position: absolute; left: 0; top: 18px; }
.mate-list01.flex > div:nth-child(3n) { margin-right: 0; }
.mate-list01.flex > div:first-child, .mate-list01.flex > div:nth-child(2), .mate-list01.flex > div:nth-child(3) { border-top: solid 1px #DEDEDE; }

section#eq-sec { padding: 120px 0 1px; background: #F1F2F4; }
section#eq-sec .wrap { box-sizing: border-box; padding-right: 300px; }
section#eq-sec .wrap .titles01 { position: absolute; right: 0; top: 0; z-index: 2; }
section#eq-sec .wrap .btn01 { margin-top: 40px; }
section#eq-sec .wrap p.copy02 { width: 820px; }

.eq-ilu {position: absolute;z-index: 2;left: 510px;bottom: -80px;}

div#belt-slider { margin-top: 80px; margin-bottom: -121px; width: calc(100% - 80px); }

.home section#blog-sec { padding: 240px 0 120px; }
section#blog-sec .btn01 { position: absolute; right: 0; top: 61px; }

.slider01 { padding-bottom: 160px; position: relative; }
.slider01 article.blog-art { margin-right: 20px; }
.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: 90px; }
.slider01 .slick-counter { width: 70px; height: 49px; position: absolute; right: 0; bottom: 0; display: flex; flex-wrap: wrap; justify-content: space-between; font-size: 20px; font-weight: 700; line-height: 1; }
.slider01 .slick-counter span.current { display: block; width: 25px; text-align: right; }
.slider01 .slick-counter span.total { display: block; width: 25px; text-align: right; position: absolute; right: 0; bottom: 12px; }
.slider01 .slick-counter .shikiri { width: 60px; height: 1px; background: #2D2C2C; transform: rotateZ(135deg); display: block; position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto; }

.slider01:after { content: ""; height: 2px; width: 700px; background: #DEDEDE; position: absolute; left: 245px; bottom: 36px; }

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; }
article.blog-art a:hover .img .in-img { transform: scale(1.1);}

.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 { font-size: 14px;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: 120px 0; background: #F1F2F4; }
div#sns-div > .wrap > div { border-top: solid 2px #DEDEDE; padding-top: 60px; margin-bottom: 60px; justify-content: space-between; }
div#sns-div > .wrap > div > div.box { width: 220px; text-align: center; }
div#sns-div > .wrap > div > div.instaArea, div#sns-div > .wrap > div > div.tubeArea { width: 800px; }
div#sns-div > .wrap > div:last-child { margin-bottom: 0; }

div.instaArea { }

div.tubeArea > div.box { margin-bottom: 40px; }
div.tubeArea > div.box > .text { margin-bottom: 20px; }
div.tubeArea > div.box:last-child { margin-bottom: 0; }

h2.en-tit { padding-top: 78px; 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: 15px; }

.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: 250px; 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); }

/*　翻訳調整
----------------------------------*/
.translated-ltr .sq-box{width: auto;}
.translated-ltr .sq-box > span{padding: 0 10px;}
.translated-ltr .mv-feats.flex > div > span{padding: 10px;}
.translated-ltr .titles01 .jp{display: none;}
.translated-ltr .titles01.v-type .jp{display: none;}
.translated-ltr .tri-r.flex > div .text{font-size: 18px;padding:15px 10px;}
.translated-ltr .copy02.heart{font-size: 32px;}
.translated-ltr .copy02.heart br{display: none;}
.translated-ltr .sub01{font-size: 20px;}
.translated-ltr section#reason-wrap > div.box02 .cont{z-index: 3;}
.translated-ltr .sb01 > div{font-size: 16px;padding: 10px 30px;line-height: 1.2;}
.translated-ltr .sb01 > div .pink{font-size: 22px;display: inline-block;}
.translated-ltr .copy02{font-size: 30px;line-height: 1.4;}
.translated-ltr section#reason-wrap > .box03 > .wrap .one-stops .img01 .text01,
.translated-ltr section#reason-wrap > .box03 > .wrap .one-stops .img01 .text02{font-size: 16px;}
.translated-ltr section#reason-wrap > .box03 > .wrap .one-stops .img01 .name01 > span,
.translated-ltr section#reason-wrap > .box03 > .wrap .one-stops .img01 .name02 > span{font-size: 16px;line-height: 1.1;padding: 5px 10px;}
.translated-ltr section#reason-wrap > .box03 > .wrap .one-stops .img01 .text02 {width: 210px;left: 0;right: 0;margin: 0 auto;}
.translated-ltr section#reason-wrap > .box03 > .wrap .one-stops .set02 .one-stop-flows.flex > div {font-size: 14px;line-height: 1.2;}
.translated-ltr section#reason-wrap > .box03 > .wrap .one-stops .set02 .one-stop-flows.flex > div .tit{padding: 0 10px;}
.translated-ltr .tec-list.flex .box a .img .btn-name > span{display: inline;}
.translated-ltr .tec-list.flex .box a .img .btn-name{width: 205px;padding: 10px;font-size: 16px;line-height: 1.1;}
.translated-ltr .copy01{font-size: 32px;}
.translated-ltr .copy01 br{display: none;}
.translated-ltr .cates{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.translated-ltr aside#aside01 .box01 > .text{width: 650px;}
.translated-ltr aside#aside01 .box01 .humBox .text .sb > div .pink{background: none;}
.translated-ltr ul.feat-list01.flex{width: 900px;}
.translated-ltr ul.feat-list01.flex > li{font-size: 20px;}
.translated-ltr aside#aside01 .box01 .humBox .text .sb{}
.translated-ltr aside#aside01 .box01 .humBox .text .sb > div{font-size: 16px;padding: 10px;}
.translated-ltr aside#aside01 .box01 .humBox .text .sb > div .pink{font-size: 20px;}
.translated-ltr aside#aside01 .box01 .humBox .text .sb br{display: none;}
.translated-ltr aside#aside01 .cont-box h3{font-size: 26px;}
.translated-ltr div#rec-set .titles01 .en{font-size: 100px;white-space: nowrap;}
.translated-ltr div#rec-set{text-shadow: 0 0 2px rgba(255,255,255,1);}



.translated-ltr #p02box02 .cnt .img_box .text02{font-size: 18px;}
.translated-ltr #p02box03 .strength-list .strength00 .text_box .title .text{font-size: 28px;width: 100%;}
.translated-ltr #p02box03 .strength-list .strength02 .text_box .title br{display: none;}
.translated-ltr #p02box02 .cnt .text_box .sub01 br{display: none;}
.translated-ltr .titles01 br{display: none;}

.translated-ltr #p07box02 .cnt .left h2{font-size: 28px;}
.translated-ltr #p07box02 .onestop_box .flow_box .box_in .flow00 .text{line-height: 1.1;}
.translated-ltr #p07box01 .list_box .list{margin-right:0;margin-left: 0;max-width: 430px;padding-right: 120px;min-width: 240px;}
.translated-ltr #p07box01 .list_box .list:last-child{margin-right: 0;padding-left: 120px;padding-right: 0;}
.translated-ltr .tecbox03 .strength-list .strength00 .text_box .title br{display: none;}
.translated-ltr span.btn-text.bold br{display: none;}



.translated-ltr #p10box04 .cnt .titles01{margin-right: 0;width: 100%;text-align: center;margin-bottom: 40px;border-right: none;}
.translated-ltr #p10box04 .cnt .titles01 .en{font-size: 100px;}
.translated-ltr #p10box04 .cnt{display: block;text-align: center;}
.translated-ltr #p10box04 .cnt > p{width: 100%;}
.translated-ltr #p08box01 .cnt .title br{display: none;}

.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% + 10px);display: block;width: 100%;text-align: center;}

.kokoro-text {text-align: center;font-weight: 700;font-size: 80px;line-height: 1.1;}



.translated-ltr div#scr{display: none;}

.translated-ltr .no-jp{display:block!important;}
.translated-ltr .yes-jp{display: none!important;}

.no-jp{display:none!important;}
.yes-jp{display:block!important;}

.translated-ltr	.logo {width: 130px;position: relative;top: -10px;}
.translated-ltr	.iso-text {position: absolute;left: 27px;bottom: 0;padding-top: 0;}
@media screen and (min-width: 0px) and (max-width: 1770px) {

.translated-ltr	.head-center-top .contact-btn01{width: 160px;}
.translated-ltr	.logo {width: 130px;}
.translated-ltr	div#gnav ul.flex > li {font-size: 14px;margin-left: 15px;max-width: 150px;
	line-height: 1.2;}
	
.translated-ltr	div#gnav ul.flex > li:first-child {margin-left: 0;}
.translated-ltr	div#gnav ul.flex > li > a {max-width: 200px;line-height: 1.1;}
.translated-ltr	div#gnav ul.flex > li:first-child > a {max-width: 120px;}
	
}

@media screen and (min-width: 0px) and (max-width: 1340px) {
	.translated-ltr div#gnav ul.flex > li{font-size: 12px;}	
	.home div#mv {padding-left: 50px;padding-right: 50px;}
	
}
@media screen and (min-width: 0px) and (max-width: 1300px) {
	.logo {width: 130px;position: relative;top: -10px;}
	.iso-text {position: absolute;left: 27px;bottom: 0;padding-top: 0;}
	
}

.tokushu.translated-ltr	div#gnav ul.flex > li {font-size: 12px;margin-left: 10px;}
.tokushu.translated-ltr	div#gnav ul.flex > li:first-child {width: 80px;}
.tokushu.translated-ltr	div#gnav ul.flex > li:nth-child(3){width: 130px;}
.tokushu.translated-ltr	.logo {width: 100px;}

/*ブラウザごと
----------------------------------*/
/*デバイス幅
----------------------------------*/