@charset "utf-8";html { scroll-behavior: smooth; }
.design .pc { display:block !important; }
.design .mo { display:none !important; }
@media screen and (max-width:1023px) {
.design .pc { display:none !important; }
.design .mo { display:block !important; }
}
/* common */
.design .moView { display: none; }
.design video { width: 100%}
.design section { position: relative; overflow: hidden; }
.design section .inner { overflow:hidden; max-width: 1920px; width: 100%; margin: 0 auto; }
.design section.full .inner { max-width: 100%; }
.design .hide { display: none; }
/* text area & btn */
.design .txt_area { position: relative; top: 0; left: 0; z-index: 10; width: 100%; color: #fff; margin-top: 54px; text-align: center; opacity: 0; transform: translateY(30%); transition: all 0.5s; }
.design .txt_area.absolute { position: absolute; transform: translateY(30%); }
.design .bg_white .txt_area { color: #000; }
.design .txt_area .txt { font-weight: 600; }
.design .txt_area .txt em { display: inline-block; white-space: nowrap; }
.design .txt_area.type01 { position: relative; top: 0; width: 100%; color: #fff; opacity: 0; text-align: center; transition: all 0.3s; }
.design .txt_area.type01 .txt { display: block; }
/* 0830 st */
.sec07_03 .textBox { width: 100%; height:100vh; text-align: center; position: relative; opacity:1; z-index:3; }
.sec07_03 .textBox .txtImg { width: 100%; position: absolute; transform:translate(-50%,-50%); left:50%; top:50%; }
.sec07_03 .textBox .txtImg img { max-width: 930px; position: absolute; left: 50%; transform: translateX(-50%); padding: 0 2%; }
.sec07_03 .textBox .txtBox { position: absolute; width: 100%; visibility: hidden; top:50%; left:50%; transform:translate(-50%,-50%); }
.textBox .eyebrow { display: inline-block; line-height: 1.6666667; font-size: 20px; font-weight: 600; color: #000; padding: 0 14px; margin-bottom: 10px; }
.textBox h2.vis { color: #000; font-size:54px; font-weight:600; line-height:1; margin-bottom:0; }
.textBox h2 { font-size:60px; font-weight:600; line-height:1; margin-bottom:26px; white-space: nowrap; }
.textBox h1 { font-size:74px; letter-spacing:0.05em; font-weight:600; line-height:1; white-space: nowrap; }
/* 0830 nd */
.design .badge { display: inline-block; line-height: 1.6666667; font-size: 15px; font-weight: 600; color: #fff; padding: 0 14px; margin-bottom: 30px; border:2px solid #fff; border-radius: 4px; }
.design .bg_white .badge { color: #000; border: 2px solid #000}
.design .btn_go { display: inline-flex; align-items: center; justify-content: center; margin: 0 auto; white-space: nowrap; height: 56px; color: #000; font-weight: 600; padding: 0 24px; font-size: 18px; margin: 90px auto 80px; border:2px solid #000; border-radius: 10px; }
.design .btn_go span { display: flex; align-items: center; }
.design .btn_go span:after { content: ''; display: block; width: 24px; height: 24px; margin-left: 2px; background: url('../images/common/PC/icon_arrow_link.svg') no-repeat center center; background-size: 100% auto; }
.design .btn_go:hover { color: #fff; background-color:#000; }
.design .btn_go:hover span:after { background: url('../images/common/PC/icon_arrow_link_white.svg') no-repeat center center; }
.design .sec_view_go { color: #fff; }
.design .bg_white .sec_view_go { color: #000; }
/* section */
.design section.bg_white { background: #fff; margin-top: -2px; }
.design section.bg_white .txt_area,
.design section.bg_white .txt_area01 { color: rgb(54, 49, 49); }
.design section.bg_white .txt_area01 .badge { color: #000; border:2px solid #000; }
.design .sec00 .txt_area { padding-top: 4.6875%; }
.design .sec00 .txt_area .txt_65 { letter-spacing: 1.7px; }
.design .sec01 .video_area { position: relative; height: 62.5vw; }
.design .sec01 .video_area img { position: absolute; top:54px; visibility: hidden; }
.design .sec01 .video_area img:first-child { visibility: visible; }
.design .sec02 .txt_area .txt_20 { margin-bottom: 40px; }
.design .sec02,
.design .sec06 { display: flex; align-items: center; height: 100vh; }
.design .sec01 .txt_area,
.design .sec03 .txt_area { position:relative; top: 0; }
.design .sec03 .txt_area { margin: 0 auto; text-align: left; }
.design .sec03 .txt_area .badge { margin-left: 24.895833%; }
.design .sec03 .txt_area .txt { padding-left: 24.895833%; }
.design .sec03 .txt_area .txt_r { width: 38.05673758865%; margin-left: auto; }
.design .sec03 .txt_area .txt_r .txt { padding-left: 0; }
.design .sec03 .img_slimmer { position: relative; margin-top: -23%; }
.design .sec03 .img_slimmer .img_shadow { content: ''; position: absolute; top:0; left: 0; display: block; width: 130%; height: 130%; background: linear-gradient(transparent 0%, #000 30%); transform: translate(-30%, 0) rotate(-45deg); }
.design .sec03 .img_slimmer.show .img_shadow { background: linear-gradient(135deg, transparent 0, #000 100%)}
.design .sec04 .txt_area.type01 .txt.txt_28 { margin-left: auto; margin-right: auto; width: 50%; }
.design .sec04 .img_box { height:52.348214vw; }
.design .sec05 .inner { position: relative; display: flex; align-items: center; width: 100%; height: 100vh; }
.design .sec05 .video_area02 { position: relative; width: 100%; margin: 0 auto; height: 100vh; }
.design .sec05 .video_area02 img { position: absolute; top: 50%; height: 100vh; object-fit: cover; transform: translateY(-54.5%); visibility: hidden; }
.design .sec05 .video_area02 img:first-child { visibility: visible; }
.design .sec05 .inner .img_cut_area { position: absolute; top:0; left: 0; z-index: 10; display: flex; align-items: center; overflow: hidden; height: 100vh; width: 100%; clip-path: inset(0% 100% 0% 0%); }
.design .sec05 .inner .img_cut02 { position: relative; overflow: hidden; display: flex; width: 100%; }
.design .sec05 .inner .img_cut02 img { width: 100%; height: 100vh; object-fit: cover; }
.design .sec06 { display: flex; align-items: center; }
.design .sec06 .txt_area { padding-bottom: 10px; }
.design .sec07 .inner { max-width: 100%; }
.design .sec07 .txt_area .txt_28 { width: 58%; margin: 0 auto; }
.design .sec07 .txt_area .txt_14 { margin-left:auto; margin-right:auto; width: 70%; margin-bottom: 40px; }
.design .sec07 .txt_area .txt_14 span + span { display: block; }
.design .sec07 .img_box_wall.pcView { position: relative; width: 100%; height: 100vh; }
.design .sec07 .img_box_wall_cont { z-index: 2; display: flex; width: 100%; height: 100vh; }
.design .sec07 .img_box_wall_cont .img_box_wall_item { width: 50%; background-size: cover; background-repeat: no-repeat; background-position: center center; }
.design .sec07 .img_box_wall_cont.ht_move { position: absolute; overflow: hidden; top: 0; width: 100%; height: 100vh; transform: translate(0, 100%); }
.design .sec07 .img_box_wall_cont.ht_move .img_box_wall_item { transform: translate(0, -100%); }
.design .sec07 .img_box_wall_cont .img_box_wall_item.bg_img01 { background-image: url('../images/design/PC/img_wallmount01.jpg'); }
.design .sec07 .img_box_wall_cont .img_box_wall_item.bg_img02 { background-image: url('../images/design/PC/img_wallmount02.jpg'); }
.design .sec07 .img_box_wall_cont .img_box_wall_item.bg_img03 { background-image: url('../images/design/PC/img_wallmount03.jpg'); }
.design .sec07 .img_box_wall_cont .img_box_wall_item.bg_img04 { background-image: url('../images/design/PC/img_wallmount04.jpg'); }
/*0830 st*/
.design .sec07_03 .txt_area{margin-bottom: 60px;}
.design .sec07_03 .img_box_wall.moView {max-width: 1920px;margin:0 auto;overflow: hidden; position: relative;}
.design .sec07_03 .img_box_wall > div {height:80.722619vh;display: flex;align-items: center;overflow: hidden;}
.design .sec07_03 .img_box_wall .bg_img01 img{height:80.722619vh; position:absolute; top: 0; left:50%; transform:translateX(-50%);object-fit: contain;}
.design .sec07_03 .img_box_wall .bg_img02{height:80.722619vh;position:absolute;overflow:hidden;top:0%;width:100%;max-width:1920px;transform:translate(0,0);-webkit-transform:translate(0,0);}
.design .sec07_03 .img_box_wall .bg_img02 img{height:80.722619vh; position:absolute; top: 0; left:50%; transform:translate(-50%); object-fit: contain; visibility: hidden;}
.design .sec07_03 .img_box_wall .bg_img02 img.S1{
opacity: 1; visibility: visible;
}
.design .sec07_04 .txt_area{margin-top: 80px;}
.design .sec07_04 .txt_area .txt_14 span + span{display: block;}
.design .sec07_04 .img_box_wall {max-width: 1920px;margin:0 auto;overflow: hidden; position: relative;}
.design .sec07_04 .img_box_wall.moView{display: none;}
.design .sec07_04 .img_box_wall > div {display: flex;align-items: center;height: 100vh;overflow: hidden;}
.design .sec07_04 .img_box_wall .bg_img01 img{height:100vh; position:absolute; top: 0; left:50%; transform:translateX(-50%);object-fit: contain;}
.design .sec07_04 .img_box_wall .bg_img02{position:absolute;overflow:hidden;top:0%;width:100%;height: 100vh;max-width:1920px;transform:translate(0,0);-webkit-transform:translate(0,0);}
.design .sec07_04 .img_box_wall .bg_img02 img{height: 100vh; position:absolute; top: 0; left:50%; transform:translate(-50%); object-fit: contain; visibility: hidden;}
.design .sec07_04 .img_box_wall .bg_img02 img.P1{
opacity: 1; visibility: visible;
}
/*0830 ed*/
.design .sec08 .vid_area { padding: 0 9.375%; height: 47.8125vw; max-height: 902px; }
.design .sec08 .txt_area .txt_28 { width: 77%; margin-left: auto; margin-right: auto; }
.design .sec09 .inner { text-align: center}
.design .sec09 .txt_area .txt_28 { width: 66%; margin-left: auto; margin-right: auto; }
.design .sec09 .img_area { height: 40.922619vw; }
.design .sec09 .img_box { margin: 4.6875em auto 0; padding: 0 9.375%; max-width: 1920px; }
.design .sec09 .img_box .img_box_item { display: flex; justify-content: space-between; align-items: center; }
.design .sec09 .img_box .img_box_item li { position:relative; width: 51.282051%; max-width: 800px; padding-top:68.208333%; }
.design .sec09 .img_box .img_box_item li img,
.design .sec09 .img_box .img_box_item li video { position: absolute; top: 50%; left: 0; transform: translateY(-50%); }
.design .sec09 .img_box .img_box_item li + li { width: 42.628205%; }
.design .sec10 { margin-bottom: -2px; }
/* bottom disclaimer */
.bt_disclaimer { width: 100%; max-width: 1280px; color: #888; font-size: 18px; line-height: 1.6; margin: 0 auto 90px; padding: 94px 0 0 22px; background: #fff; }
.bt_disclaimer li { list-style-type: decimal; }
sup { cursor: pointer; }
/* common */
.design .txt_sb { font-weight: 600; }
.design .txt_b { font-weight: 700; }
.design .txt_14 { font-size: 16px; font-weight: 400!important; line-height: 1.5; color: #adadad; margin-top: 30px; }
.design .sec03 .txt_14 { color: #fff; }
.design .txt_14 span + span { margin-top: 12px; }
.design .txt_20 { font-size: 1.041667vw; margin-bottom: 32px; }
.design .txt_28 { font-size: 28px; line-height: 1.14; letter-spacing: -0.02em; margin-top:26px; margin-bottom: 30px; }
.design .txt_60 { font-size: 60px; margin-bottom: 26px; }
.design .txt_65 { font-size: 74px; }
.design .txt_130 { font-size: 6.79052vw; }
/* 0830 st */
.design .sec07_03 .moView{display: none;}
.design .sec07_03 .pcView{display: block;}
.design .sec07_04 .img_box_wall.pcView{display: block;}
.design .sec07_04 .img_box_wall.moView{display: none;}
/* 0830 nd */
@media all and (min-width:1921px){
/* 0830 st */
.design .sec07_01 .img_box_wall .bg_img01 img{object-fit: contain;}
.design .sec07_01 .img_box_wall .bg_img02 img{object-fit: contain;}
.design .sec07_04 .img_box_wall .bg_img01 img{object-fit: contain;}
.design .sec07_04 .img_box_wall .bg_img02 img{object-fit: contain;}
/* 0830 nd */
}
@media all and (min-width:1920px){
.design .badge { font-size: 15px; }
.design .txt_14 { font-size: 14px; }
.design .txt_20 { font-size: 20px; }
.design .txt_28 { font-size: 28px; }
.design .txt_60 { font-size: 60px; }
.design .txt_65 { font-size: 74px; }
.design .txt_130 { font-size: 130px; }
/* 0830 st */
.design .sec07_01 .img_box_wall .bg_img01 img{object-fit: cover;}
.design .sec07_01 .img_box_wall .bg_img02 img{object-fit: cover;}
.design .sec07_04 .img_box_wall .bg_img01 img{object-fit: cover;}
.design .sec07_04 .img_box_wall .bg_img02 img{object-fit: cover;}
/* 0830 nd */
}
/* @media all and (min-width: 1410px){
.design .sec09 { height:260vw; max-height: 7000px; }
}*/
@media all and (max-width:1023px) {
/* section */
.design .sec01 .txt_area .txt_28 { width: 78%; margin-left: auto; margin-right: auto; }
.design .sec03 .txt_area .txt_r { width: 48.056738%; }
.design .sec04 .txt_area.type01 .txt.txt_28 { width: 84%; }
.design .sec07 .txt_area .txt_28 { width: 87%; }
.bt_disclaimer { font-size: 12px; padding: 175px 7% 0 9%; margin: -130px auto 45px; }
/* height */
.design .sec01 { height:96.864583vw; }
.design .sec04 { height:93.260417vw; }
.design .sec08 { height:96.196667vw; }
/* txt */
.design .badge { font-size: 1.464844vw; line-height: 1.777777; border: 1px solid #fff; }
.design .bg_white .badge { border: 1px solid #000}
.design .btn_go { height: 5.606258vw; border-radius: 5px; font-size: 1.825293vw; }
.design .txt_14 { font-size: 14px; margin-bottom: 30px; }
.design .txt_20 { font-size: 1.757812vw; }
.design .txt_28 { font-size: 16px; line-height: 1.2; margin-bottom: 24px; }
.design .txt_60 { font-size: 32px; margin-bottom: 16px; }
.design .txt_65 { font-size: 4.492188vw; }
.design .txt_130 { font-size: 7vw; }
/*0830 st*/
.sec07_03 .textBox .eyebrow{font-size: 12px; padding: 0 12px;margin-bottom: 6px;}
.sec07_03 .textBox h2.vis{font-size:32px;}
.sec07_03 .textBox .txtImg img{width: 100%; padding: 0 8%;}
.design .sec07_03 .img_box_wall{max-width: 100%;}
/* .design .sec07_03 .img_box_wall .bg_img01 img{width: 100%; height: 100vh;} */
.design .sec07_03 .img_box_wall .bg_img01{max-width: 100%;}
/* .design .sec07_03 .img_box_wall .bg_img01 img{width:100%; height: 100vh;} */
.design .sec07_02 .img_box_wall{max-width: 100%;}
.design .sec07_02 .img_box_wall .bg_img01 img{width: 100%; height: 100vh;}
.design .sec07_02 .img_box_wall .bg_img01{max-width: 100%;}
.design .sec07_02 .img_box_wall .bg_img01 img{width:100%; height: 100vh;}
.design .sec07_04 .img_box_wall{max-width: 100%;}
.design .sec07_04 .img_box_wall .bg_img01 img{width: 100%; height: 100vh;}
.design .sec07_04 .img_box_wall .bg_img02{max-width: 100%;}
.design .sec07_04 .img_box_wall .bg_img02 img{width:100%; height: 100vh;}
.design .sec07_03 .txt_14, .design .sec07_04 .txt_14, .design .sec07_01 .txt_14, .design .sec07_02 .txt_14 {padding: 0 3%;}
.design .sec07_03 .txt_28, .design .sec07_04 .txt_28, .design .sec07_01 .txt_28, .design .sec07_02 .txt_28 {padding: 0 3%;}
/*0830 ed*/
/* 230322 st */
.design .txt_area {opacity: 1; margin-top: 0; transform: none;}
.design .sec02, .design .sec06 {height: auto;}
.design .sec02 {margin: 120px auto;}
.design .txt_area.type01 {opacity: 1;}
.design .sec03 {margin-bottom: 120px;}
.design .sec03 .img_slimmer .img_shadow {background: none;}
.design .disclaimer {padding: 0 5%;}
.design .sec04 {margin-bottom: 60px;}
.design .sec05 .inner {height: auto; flex-direction:column;}
.design .sec05 .moView {margin: 60px auto; height: auto;}
.design .sec05 .video_area02 img {position: initial; transform: none; height: auto;}
.design .sec05 .inner .img_cut_area {position: inherit; display: block; height: auto; clip-path:none;}
.design .sec06 {padding: 120px 5%;}
.design .sec07 {padding-bottom: 120px;}
.design .sec07 .img_box_wall_cont {height: auto; display: block;}
.design .sec08 {padding-bottom: 120px;}
.design .sec08 .txt_area {padding: 0 5%;}
.design .sec09 {padding-bottom: 120px;}
.sec07_03 .textBox {height: auto;}
.sec07_03 .textBox .txtImg {position: initial; transform: none;}
.sec07_03 .textBox .txtImg img {position: initial; transform: none;}
.sec07_03 .textBox .txtBox {position: initial; transform: none; visibility:visible; margin: 60px auto;}
.design .sec07_03 .txt_area {margin-bottom: 0;}
.design .sec07_04 {padding-bottom: 120px;}
.design .sec07_04 .txt_area {margin-top: 30px;}
.design .sec07_01 {padding-bottom: 120px;}
.design .sec07_01 .txt_area, .design .sec07_02 .txt_area {padding: 0 4%;}
.design .sec07_02 {padding-bottom: 120px;}
.design .sec08 .vid_area, .design .sec07_01 .easelVideo_sizer, .design .sec07_02 .easelVideo_sizer {position: relative;}
/* 230322 ed */
}
@media all and (max-width:962px) {
/* section */
.design .sec00 .txt_area { padding-top: 11.6875%; }
.design .sec01 .txt_area { padding: 0 12.2777778%; }
.design .sec01 .txt_area .txt > span { display: block; }
.design .sec03 .inner { padding-top: 4.166667%; }
.design .sec03 .txt_area .badge { margin-left: 27.770535%; }
.design .sec03 .txt_area .txt { padding-left: 27.770535%; }
.design .sec03 .txt_area .txt_r { width: 55.056738%; }
.design .sec03 .img_slimmer .img_shadow { height: 160%; }
.design .sec03 .img_slimmer { margin-top: -12%; }
.design .sec04 .txt_area.type01 .txt.txt_28 { width: 60%; }
.design .sec04 .img_box { padding: 0 29.791395%; }
/* .design .sec05 .video_area02 img { height: auto; transform: translateY(-100%); } */
/* .design .sec05 .inner .img_cut_area { top: 51.25%; height: auto; transform: translateY(-100%); } */
.design .sec05 .inner .img_cut02 img { height: auto; }
.design .sec07 .txt_area .txt_28 { width: 73%; }
.design .sec07 .txt_area .txt_14 { width: 95%; }
.design .sec09 .txt_area .txt_28 { width: 88%; }
.design .sec09 .inner > .img_area { height: 35.528031vw; }
/* txt */
.design .badge { font-size: 1.559252vw; }
.design .txt_20 { font-size: 1.825293vw; }
.design .txt_65 { font-size: 4.10691vw; }
/* height */
.design .sec01 { height: auto; }
}
@media all and (max-width:768px) {
.design .pcView { display: none; }
.design .moView { display: block; }
/* 0830 st */
.design .sec07_03 .moView{display: block;}
.design .sec07_03 .pcView{display: none;}
.design .sec07_04 .img_box_wall.pcView{display: none;}
.design .sec07_04 .img_box_wall.moView{display: block;}
/* 0830 nd */
/* section */
.design .sec00 img { width: 213.055556%; transform: translateX(-26.5319426%); }
.design .sec00 .txt_area { top: 10%}
.design .sec00 .txt_area .txt_65 { letter-spacing: 0; }
.design .sec01 .video_area { height: 138.8888889vw; }
.design .sec01 .txt_area .txt_28 { width: 100%; }
.design .sec03 .txt_area .badge { margin-left: 5.555555555%; }
.design .sec03 .txt_area .txt { padding-left: 5.555555555%; }
.design .sec03 .txt_area .txt_r { width: 65%}
.design .sec03 .img_slimmer { width: 213.055556%; transform: translateX(-26.5319426%); }
.design .sec03 .img_slimmer .img_shadow { margin-top: 19%; }
.design .sec04 .txt_area.type01 .txt.txt_28 { width: 100%; }
.design .sec04 .img_box { padding: 0 6.9444444%; height:auto; }
.design .sec05 .video_area02 { width: 100%; }
/* 230322 st */
/* .design .sec05 .video_area02 img { height: auto; transform: translateY(-52.6%); } */
/* .design .sec05 .inner .img_cut_area{top:50%;width:205.055556%;transform:translate(-25.5319426%,-50%);} */
.design .sec05 .inner .img_cut02 img{height:auto;}
.design .sec06 .txt_area .txt_65{margin:0 auto;width:90%}
/* .design .sec07 .inner{padding-top:17.777778%} */
.design .sec07 .txt_area .txt_28{width:100%}
.design .sec07 .txt_area .txt_14{width:75%;}
.design .sec07 .txt_area .txt_14 span + span{margin-top:2.5%;}
/* .design .sec07 .img_box_wall.moView{height:120.850622vw;} */
/* .design .sec07 .img_box_wall_cont{position:relative;flex-direction:column;transform:translateY(120.850622vw);} */
/* .design .sec07 .img_box_wall_cont .img_box_wall_item{padding-top:120.850622vw;width:100%;} */
/* .design .sec07 .img_box_wall_cont .img_box_wall_item:first-child{transform:translateY(-120.850622vw);} */
/* .design .sec07 .img_box_wall_cont .img_box_wall_item + .img_box_wall_item{position:absolute;transform:translateY(120.850622vw);} */
/* .design .sec07 .img_box_wall_cont .img_box_wall_item.bg_img01{background-image:url('../images/design/MO/img_wallmount01.jpg');}
.design .sec07 .img_box_wall_cont .img_box_wall_item.bg_img02{background-image:url('../images/design/MO/img_wallmount02.jpg');}
.design .sec07 .img_box_wall_cont .img_box_wall_item.bg_img03{background-image:url('../images/design/MO/img_wallmount03.jpg');}
.design .sec07 .img_box_wall_cont .img_box_wall_item.bg_img04{background-image:url('../images/design/MO/img_wallmount04.jpg');} */
/* 230322 ed */
/* 0830 st */
.design .sec07_03 .img_box_wall.pcView{display: none;}
.design .sec07_03 .img_box_wall.moView{display: block; width: 100%;}
.design .sec07_03 .img_box_wall.moView .bg_img01{width: 100%;}
.design .sec07_03 .img_box_wall.moView .bg_img02{width: 100%;}
.design .sec07_03 .img_box_wall.moView img{width: 100%;}
.design .sec07_02 .img_box_wall.pcView{display: none;}
.design .sec07_02 .img_box_wall.moView{display: block; width: 100%;}
.design .sec07_02 .img_box_wall.moView .bg_img01{width: 100%;}
.design .sec07_02 .img_box_wall.moView .bg_img02{width: 100%;}
.design .sec07_02 .img_box_wall.moView img{width: 100%;}
.design .sec07_04{width: 100%;}
.design .sec07_04 .img_box_wall.pcView{display: none;}
.design .sec07_04 .img_box_wall.moView{display: block;width: 100%;height:98.850622vw;}
.design .sec07_04 .img_box_wall.moView .bg_img01{width: 100%;height:98.850622vw;}
.design .sec07_04 .img_box_wall.moView .bg_img02{width: 100%;height:98.850622vw;}
.design .sec07_04 .img_box_wall.moView img{width: 100%;height: 100%;object-fit: cover;}
.poseVideo_sizer.mo{margin-top: 35px !important;height: 800px;}
/* 0830 nd */
.design .sec08 .vid_area { padding: 0 6.944444%; height:49.444444vw; }
.design .sec08 video { padding: 0}
.design .sec08 .txt_area .txt_28 { width: 90%; margin-left: auto; margin-right: auto; }
.design .sec09 .inner > .img_area { width: 213.055556%; height: 75.694444vw; transform: translateX(-26.5319426%); }
.design .sec09 .img_box { padding: 0 6.944444%; }
.design .sec09 .img_box .img_box_item { flex-direction: column; }
.design .sec09 .img_box .img_box_item li { position: relative; width: 100%; padding-top:132.36715%; }
.design .sec09 .img_box .img_box_item li + li { width: 100%; padding-top: 128.145873%; }
.design .sec09 .img_box .img_box_item li + li img,
.design .sec09 .img_box .img_box_item li + li video { top: 0; transform: translateY(0%); padding: 52px 25px 0; }
.design .sec09 .img_box .img_box_item:last-of-type li + li { padding-top: 78%; margin-bottom: 15px; }
.design .sec09 .img_box .img_box_item:first-of-type li + li { padding-top:144.145873%; }
/* height */
.design .sec01,
.design .sec04,
.design .sec08,
.design .sec09 { height:auto; }
/* txt */
.design .badge { font-size: 2.08333vw; margin-bottom:24px; }
.design .btn_go { height: 39px; font-size: 14px; padding: 0 17px; margin: 52px auto 40px; border:1px solid #000; }
.design .btn_go span:after { width: 18px; height: 18px; }
.design .btn_go:hover span:after { background-size: 100% auto; }
.design .txt_14 { margin-top:24px; }
.design .txt_14 span + span { margin-top:14px; }
.design .txt_area .txt.txt_14 em { display:unset; white-space: unset; }
.design .txt_20 { font-size: 3.33333333vw; margin-bottom:24px; }
.design .txt_28 { margin-top: 16px; }
.design .txt_65 { font-size: 10vw; }
.design .txt_130 { font-size: 32px; margin-bottom: 16px; }
}
/* 0830 st */
@media all and (max-width:580px){
.design .sec07_03 .img_box_wall > div {height:50.722619vh;}
.design .sec07_03 .img_box_wall .bg_img01 img{height:50.722619vh;}
.design .sec07_03 .img_box_wall .bg_img02{height:50.722619vh;}
.design .sec07_03 .img_box_wall .bg_img02 img{height:50.722619vh;}
}
/* 0830 nd */
@media all and (max-width:360px) {
/* section */
.design .sec03 .txt_area .badge { margin-left: 20px; }
.design .sec03 .txt_area .txt { padding-left: 20px; }
.design .sec04 .img_box { padding: 0 25px; }
.design .sec05 .inner .img_cut_area { width: 213.055556%; transform: translate(-27.5319426%, 0); }
.design .sec08 video,
.design .sec09 .img_box { padding: 0 25px; }
/* txt */
.design .badge { font-size: 7.5px; }
.design .btn_go { height: 43px; font-size: 14px; margin: 50px auto 40px}
.design .txt_20 { font-size: 12px; }
.design .txt_65 { font-size: 36px; }
.design .txt_130 { font-size: 38px; }
/* 0830 st */
.design .sec07_03 .img_box_wall .bg_img01 img{object-fit: contain;}
.design .sec07_03 .img_box_wall .bg_img02 img{object-fit: contain;}
.design .sec07_03 .img_box_wall > div {height:40.722619vh;}
.design .sec07_03 .img_box_wall .bg_img01 img{height:40.722619vh;}
.design .sec07_03 .img_box_wall .bg_img02{height:40.722619vh;}
.design .sec07_03 .img_box_wall .bg_img02 img{height:40.722619vh;}
/* 0830 nd */
}