/*-------------------------------------------------------------------
  @ Variables
-------------------------------------------------------------------*/
:root{
  --color-bg: #f7f7f7;
}

/*-------------------------------------------------------------------
  @ Layout
-------------------------------------------------------------------*/
#wrap{width: 100%; overflow: hidden;}

/* header */
header{position: fixed; left: 0; top: 0; width: 100%; height: 5.125rem; background: none; z-index: 1100;}
header h1{position: absolute; left: 50%; top: 0; width: 9rem; height: 100%; transform: translateX(-50%); z-index: 10;}
header h1 a{display: flex; align-items: center; width: 100%; height: 100%; background: url(../images/common/logo.png) center / 100% auto no-repeat; text-indent: -9999em;}
header .btn-menu{position: absolute; left: 0.625rem; top: 0; width: 5.125rem; height: 100%; background: url(../images/common/ico_menu.png) center / 2.1875rem auto no-repeat; text-indent: -9999em;}
header .menu{position: fixed; top: 0; left: -100%; z-index: 1200; width: 100%; width: 29.375rem; height: 100%; background: #fff; transition: left 0.5s ease; box-sizing: border-box;}
header.menu .menu{left: 0;}
header .menu .top{position:relative; height: 5.3125rem;}
header .menu .top .side{display: flex; position: absolute; left: 2.5rem; top: 2.1875rem;}
header .menu .top .side li{margin-left: 2.5rem;}
header .menu .top .side li:first-child{margin-left: 0;}
header .menu .top .side li a{display: block; position:relative; height: 1.75rem; font-size: 1.25rem; font-weight: 400; line-height: 1; color: #9b9a9a;}
header .menu .top .side li a.on{font-weight: 700; color: #000;}
header .menu .top .side li a.on::after{position: absolute; left: 0; bottom: 0; width: 100%; height: 0.25rem; background: #000; content: "";}
header .menu .top .btn-close{position: absolute; right: 2.5rem; top: 50%; transform: translateY(-50%); width: 2.9375rem; height: 2.9375rem; background: url(../images/common/ico_close.png) center / 1.6875rem auto no-repeat; text-indent: -9999em;}
header .menu .in{position: relative; height: calc(100% - 6.25rem); overflow-y: auto; -webkit-overflow-scrolling: touch; padding: 0 2.5rem; margin-top: 0.9375rem;}
header .menu .list{padding-bottom: 3.125rem;}
header .menu .list > li{border-bottom: 0.125rem solid #ebebeb; text-align: left;}
header .menu .list > li:last-child{border-bottom: 0;}
header .menu .list > li > a{display: block; background: url(/m/assets/images/common/ico_menu_p.png) right 0.9375rem center / 1.3125rem auto no-repeat; font-size: 2.125rem; font-weight: 600; line-height: 6.25rem; color: #000;}
header .menu .list > li > a[target]{background: none !important;}
header .menu .list > li > a span{position: relative;}
header .menu .list > li.on > a{color: #000;}
header .menu .list > li.on > a span::after{position: absolute; bottom: -0.4375rem; left: 0; width: 100%; height: 0.3125rem; background: #000; content: "";}
header .menu .list > li .sub{display: none; padding: 0 0 1.25rem;}
header .menu .list > li .sub a{display: inline-block; position: relative; font-size: 1.75rem; line-height: 3.75rem; font-weight: 500; color: #afb1b0;}
header .menu .list > li .sub a.on{color: #000;}
header .menu .list > li.on > a{background-image: url(/m/assets/images/common/ico_menu_m.png);}
header .menu .list > li.on .sub{display: block;}
header .lang{position: absolute; right: 2.1875rem; top: 0; width: 2.8125rem; height: 100%; z-index: 10;}
header .lang .btn-lang{position: relative; width: 100%; height: 100%; background: url(/m/assets/images/common/ico_lang_bottom.png) right center / 0.6875rem auto no-repeat; font-size: 1.25rem; line-height: 1; text-align: left; box-sizing: border-box; z-index: 1;}
header .dim-header{display: none; position: absolute; top: 0; left: 0; width: 100%; height: 5.125rem; z-index: 90; background: #000; opacity: 0;}
header.scroll{background: #fff;}
header.scroll .dim-header{opacity: 0.5;}
header.w{background: #fff;}

/* footer */
footer .footer-top{background: var(--color-bg);}
footer .footer-top > div{padding: 7.8125rem 2.8125rem;}
footer .footer-top h3{display: block; font-size: 2.25rem; font-weight: 400;}
footer .footer-top .contact .form{margin-top: 1.5625rem;}
footer .footer-top .contact .item > li{position: relative; margin-bottom: 1.4375rem; border-bottom: 1px solid #000;}
footer .footer-top .contact .item > li.message{margin-top: 3.125rem;}
footer .footer-top .contact .item > li.file input[type="file"]{position: absolute; width: 0; height: 0; padding: 0; overflow: hidden; border: 0;}
footer .footer-top .contact .item > li.file label{cursor: pointer;}
footer .footer-top .contact .item > li:last-child{margin-bottom: 0;}
footer .footer-top .contact .item > li .selectric{border: 0; background: none;}
footer .footer-top .contact .item > li .selectric .label{height: 6rem; margin: 0; background: url('../images/common/ico_select.png') center right 1.0625rem / 1.5rem auto no-repeat #f7f7f7; font-size: 1.5rem; font-weight: 300; line-height: 6rem; color: #000;}
footer .footer-top .contact .item > li .selectric .button{display: none;}
footer .footer-top .contact .item > li .select-label{display: none; position: absolute; left: 0; top: 0; width: 100%; height: 6rem; background: url('../images/common/ico_select.png') center right 1.0625rem / 1.5rem auto no-repeat #f7f7f7; font-size: 1.5rem; font-weight: 300; line-height: 5.75rem; cursor: pointer; z-index: 1000;}
footer .footer-top .contact .item > li .select-label.on{display: block;}
footer .footer-top .contact .item > li .select-label span{font-weight: 600; color: #bba080;}
footer .footer-top .contact .item > li input[type=file],
footer .footer-top .contact .item > li input[type=text]{width: 100%; background: none; font-size: 1.5rem; font-weight: 300; line-height: 6rem;}
footer .footer-top .contact .item > li textarea{width: 100%; height: 15.625rem; margin-bottom: 2.1875rem; background: none; font-size: 1.5rem; font-weight: 300; line-height: 2.5rem;}
footer .footer-top .contact .item > li input::placeholder,
footer .footer-top .contact .item > li textarea::placeholder{opacity: 0;}
footer .footer-top .contact .item > li input + label,
footer .footer-top .contact .item > li textarea + label{display: none; position: absolute; left: 0; top: 0; width: 100%; font-size: 1.5rem; font-weight: 300; line-height: 6rem; cursor: text;}
footer .footer-top .contact .item > li textarea + label{line-height: 2.5rem;}
footer .footer-top .contact .item > li input + label span,
footer .footer-top .contact .item > li textarea + label span{font-size: 1.875rem; font-weight: 600; color: #bba080;}
footer .footer-top .contact .item > li input:placeholder-shown + label,
footer .footer-top .contact .item > li textarea:placeholder-shown + label{display: block;}
footer .footer-top .contact .item > li input:focus + label,
footer .footer-top .contact .item > li textarea:focus + label{display: none;}
footer .footer-top .contact .btm{position: relative; margin-top: 0; text-align: center;}
footer .footer-top .contact .btm .agree{ margin-top: 1.25rem; text-align: right;}
footer .footer-top .contact .btm .agree input[type="checkbox"]{display: block; position: absolute; overflow: hidden; height: 0.0625rem; border: 0; width: 0.0625rem; clip: rect(0.0625rem, 0.0625rem, 0.0625rem, 0.0625rem);}
footer .footer-top .contact .btm .agree input[type="checkbox"] + label{display: inline-block; position: relative; padding-left: 3.4375rem; font-size: 1.25rem; font-style: italic; font-weight: 300; line-height: 2.5rem; cursor: pointer;}
footer .footer-top .contact .btm .agree input[type="checkbox"] + label:before{position: absolute; top: 0; left: 0; width: 2.5rem; height: 2.5rem; margin-right: 0.3125rem; background: url('../images/common/checkbox.png') center / 100% auto no-repeat;  cursor: pointer; box-sizing: border-box; content: "";}
footer .footer-top .contact .btm .agree input[type="checkbox"]:checked + label:before{background: url('../images/common/checkbox_on.png?v=2') center / 100% auto no-repeat;}
footer .footer-top .contact .btm .agree a{display: inline-block; margin-left: 1.5625rem; font-size: 1.25rem; line-height: 2.5rem; font-weight: 300; font-style: italic; text-decoration: underline; text-underline-position: under;}
footer .footer-top .contact .btm .btn-submit{width: 17.8125rem; height: 5rem; margin-top: 4.0625rem; border-radius: 0.3125rem; background: #000; font-size: 1.5rem; color: #fff;}
footer .footer-top .download{margin-top: 10.625rem;}
footer .footer-top .download .item{margin-top: 3.75rem;}
footer .footer-top .download .item > li{margin-top: 1.875rem;}
footer .footer-top .download .item > li:first-child{margin-top: 0;}
footer .footer-top .download .item > li button{position: relative; width: 100%; padding-left: 3.4375rem; border-bottom: 1px solid #000; font-size: 1.5rem; height: 4.875rem; font-weight: 300; text-align: left; box-sizing: border-box;}
footer .footer-top .download .item > li button::after{position: absolute; right: 0; top: 50%; width: 1.5rem; height: 0.875rem; margin-top: -0.4375rem; background: url('../images/common/ico_select.png') center / 100% auto no-repeat; content: "";}
footer .footer-top .download .item > li button.introduction{background: url('../images/common/ico_introduction.png') center left / 2.375rem auto no-repeat;}
footer .footer-top .download .item > li button.product{background: url('../images/common/ico_products.png') center left / 2.375rem auto no-repeat;}
footer .footer-top .download .item > li ul{display: none; padding-left: 3.4375rem; margin-top: 0.9375rem;}
footer .footer-top .download .item > li ul li a{display: inline-block; font-size: 1.5rem; line-height: 3.125rem; font-weight: 300;}
footer .footer-top .download .item > li.on ul{display: block;}
footer .footer-top .download .item > li.on button::after{background-image: url('../images/common/ico_select_t.png?v=1');}
footer .footer-bottom > div{padding: 2.5rem 2.8125rem 3.125rem;}
footer .footer-bottom .menu{display: flex;}
footer .footer-bottom .menu li{position: relative; padding: 0 2.1875rem;}
footer .footer-bottom .menu li::after{position: absolute; left: 0; top: 50%; width: 0.0625rem; height: 1.25rem; margin-top: -0.625rem; background: #cfcfcf; content: "";}
footer .footer-bottom .menu li:first-child{padding-left: 0;}
footer .footer-bottom .menu li:first-child::after{display: none;}
footer .footer-bottom .menu li a{display: block; font-size: 1.75rem; line-height: 3.125rem; font-weight: 500;}
footer .footer-bottom .info{margin-top: 2.8125rem;}
footer .footer-bottom .info li{font-size: 1.4375rem; line-height: 2.5rem; font-weight: 300;}
footer .footer-bottom .info li:first-child{margin-bottom: 0.9375rem;}
footer .footer-bottom .info li strong{display: inline-block; font-weight: 500;}
footer .footer-bottom .copy{margin-top: 2.8125rem; font-size: 1.25rem; font-weight: 300;}

/* dim */
.dim-page{display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; background: #000; opacity: 0.5;}
.dim-page.on{display: block;}
.dim-all{display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1200; background: #000; opacity: 0.5;}
.dim-all.on{display: block;}

/* etc */
#btnTop{position: fixed; right: 1.875rem; bottom: 1.875rem; width: 6.25rem; height: 6.25rem; border-radius: 100%; background: url('../images/common/ico_top.png') center / 1.3125rem auto no-repeat #000; text-indent: -9999em; pointer-events: none; opacity: 0; transform: translateY(10vw); transition: all 0.5s ease; z-index: 1100;}
#btnTop.on{pointer-events: auto; opacity: 1; transform: translateY(0);}

/* sub */
main .sub{padding-top: 8.75rem; background: var(--color-bg);}
main .sub.bg-white{background: #fff;}
main .sub > div:last-child,
main .sub > form > div:last-child{padding-bottom: 3.125rem;}
main .pd-in{padding-left: 1.875rem; padding-right: 1.875rem;}

/*-------------------------------------------------------------------
  @ Componets
-------------------------------------------------------------------*/
/* heading */
.h3{display: block; margin-bottom: 3.4375rem; font-size: 1.875rem; font-weight: 400; line-height: 1; text-align: center; letter-spacing: -0.0625rem;}

/* selectric */
.selectric-items ul,
.selectric-items li{font-size: 1.5rem; font-weight: 300; line-height: 2.5rem;}
.selectric-items li{padding: 1.25rem;}

/* modal */
.modal{display: none; align-items: center; justify-content: center; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.9); z-index: 1200;}
.modal.on{display: flex;}
.modal .box{position: relative; width: calc(100% - 5.625rem); height: calc(100% - 6rem); padding: 2.5rem 0 3.125rem 0; border: 0.125rem solid #ebebeb; background: #fff; box-shadow: 1.5625rem 1.5625rem 1.5625rem rgba(0, 0, 0, 0.1); box-sizing: border-box;}
.modal .box .head{padding: 0 3.125rem;}
.modal .box .head h3{display: block; font-size: 2.25rem; font-weight: 500;}
.modal .box .head .btn-close{position: absolute; right: 2.5rem; top: 2.5rem; width: 2.1875rem; height: 2.1875rem; background: url('../images/common/ico_close02.png') center / 2.1875rem auto no-repeat; text-indent: -9999em;}
.modal .cont{height: calc(100% - 6.25rem); padding: 0 3.125rem; margin-top: 2.8125rem; overflow-y: auto; -webkit-overflow-scrolling: touch;}
.modal .cont p{font-size: 1.25rem; line-height: 1.5rem; font-weight: 300;}
.modal .cont  .btn-area{margin-top: 3.75rem; text-align: center;}
.modal .cont  .btn-area button{width: 17.8125rem; height: 5.625rem; border-radius: 0.3125rem; background: #000; font-size: 1.5rem; color: #fff;}

/* board */
.board-view-btm{padding-top: 4.375rem; border-top: 1px solid #000; text-align: center;}
.board-view-btm > div{position: relative;}
.board-view-btm .btn-list{display: inline-flex; justify-content: center; align-items: center; width: 11.875rem; height: 3.75rem; border: 1px solid #222; border-radius: 0.3125rem; font-size: 1.5rem; box-sizing: border-box;}
.board-view-btm .btn-prev{display: inline-flex; justify-content: right; align-items: center; position: absolute; left: 0; top: 0;  height: 3.75rem; padding-left: 2.1875rem; background: url(../images/common/ico_prev.png) left center / 0.75rem auto no-repeat; font-size: 1.5rem; text-align: right;}
.board-view-btm .btn-next{display: inline-flex; justify-content: left; align-items: center; position: absolute; right: 0; top: 0; height: 3.75rem; padding-right: 2.1875rem; background: url(../images/common/ico_next.png) right center / 0.75rem auto no-repeat; font-size: 1.5rem; text-align: right;}

/*-------------------------------------------------------------------
  @ Utilities
-------------------------------------------------------------------*/
/* margin */
.mg-r0{margin-right: 0 !important;}

/*-------------------------------------------------------------------
  @ Contents
-------------------------------------------------------------------*/
/* main */
.main{background: var(--color-bg);}
.main .title .ctg{display: block; margin-bottom: 1.875rem; font-size: 1.125rem; letter-spacing: 0.0625rem;}
.main .title h3{display: block; font-size: 3rem; line-height: 3.125rem; font-weight: 400; letter-spacing: -0.0625rem;}
.main .title h3 + p{margin-top: 1.5625rem; font-size: 1.5625rem; line-height: 2.125rem; font-weight: 300;}
.main .m-visual > div{position: relative; width: 100%; padding: 6.5625rem 1.875rem 0; margin: 0 auto; box-sizing: border-box;}
.main .m-visual .slide{width: 32.1875rem;}
.main .m-visual .ob{position: absolute; right: 0; top: 28.25rem; width: 19.4375rem; z-index: 10;}
.main .m-visual .title{margin: 4.375rem 0 0 1.5625rem;}
.main .m-visual .title p{margin-top: 1.25rem;}
.main .m-visual .title .btn-more{display: inline-flex; align-items: center; justify-content: center; width: 13.125rem; height: 5rem; margin-top: 2.8125rem; border-radius: 0.3125rem; background: #000; font-size: 1.5rem; color: #fff;}
.main .m-beauty{margin-top: 21.25rem;}
.main .m-beauty > div{position: relative;}
.main .m-beauty .title{width: 100%; padding: 13.4375rem 3.4375rem 6.5625rem; background: #fff; box-sizing: border-box;}
.main .m-beauty h3 + p{margin-top: 0.9375rem;}
.main .m-beauty .title .btn-more{display: inline-flex; position: relative; margin-top: 2.1875rem; font-size: 1.3125rem; font-weight: 300; text-decoration: underline; text-underline-position : under;}
.main .m-beauty .img1{position: absolute; left: 1.875rem; top: -9.8125rem; width: 29.375rem; z-index: 1;}
.main .m-beauty .img2{position: absolute; right: 1.875rem; bottom: -7.5rem; width: 21.25rem;}
.main .m-products{position: relative;}
.main .m-products > div{position: relative; width: 100%; padding: 18.125rem 0 10rem 3.4375rem; box-sizing: border-box;}
.main .m-products .slide{margin-top: 5rem;}
.main .m-products .slide .swiper-slide{width: 24.125rem; margin-right: 1.875rem;}
.main .m-products .slide .info{margin-top: 3.125rem;}
.main .m-products .slide .info strong{display: block; font-size: 1.875rem; font-weight: 600;}
.main .m-products .slide .info p{margin-top: 0.625rem; font-size: 1.5625rem; line-height: 2.25rem; font-weight: 300;}
.main .m-products .slide .info span{display: inline-block; position: relative; margin-top: 1.875rem; font-size: 1.3125rem; font-weight: 300;}
.main .m-products .slide .info span::after{position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #000; content: "";}
.main .m-products .ob1{position: absolute; left: 20.75rem; top: 13.125rem; width: 9.1875rem;}
.main .m-products .ob2{position: absolute; left: -1.8125rem; top: 36rem; width: 16.6875rem;}
.main .m-products .ob3{position: absolute; left: 30.25rem; top: 35.5625rem; width: 4.5rem;}
.main .m-products .ob4{position: absolute; left: 28.4375rem; bottom: 1.875rem; width: 14.625rem;}
.main .m-certification{background: #fff;}
.main .m-certification > div{position: relative; box-sizing: border-box;}
.main .m-certification .title{padding: 10.3125rem 3.4375rem 23.125rem; background: #fff; box-sizing: border-box;}
.main .m-certification .cont{position: relative; padding: 11.25rem 3.4375rem 8.75rem; background: var(--color-bg);}
.main .m-certification .cont .img{position: absolute; left: 50%; top: -18.125rem; transform: translateX(-50%); width: 33.125rem;}
.main .m-certification .cont p{margin-top: 2.1875rem; font-size: 1.4375rem; line-height: 2.25rem; font-weight: 300;}
.main .m-certification .cont .btn-more{display: inline-flex; position: relative; margin-top: 1.875rem; font-size: 1.3125rem; font-weight: 300; text-decoration: underline; text-underline-position : under;}
.main .m-certification .mark{display: flex; align-items: center; margin-top: 4.6875rem;}
.main .m-story{background: #fff;}
.main .m-story > div{position: relative; box-sizing: border-box;}
.main .m-story .title{padding: 6.5625rem 3.4375rem 15rem; background: #fff; box-sizing: border-box;}
.main .m-story .cont{position: relative; padding: 11.25rem 3.4375rem 6.875rem; background: #e4e4e4;}
.main .m-story .cont .img{position: absolute; left: 0; top: -11.875rem; width: 35.75rem;}
.main .m-story .cont p{margin-top: 3.75rem; font-size: 1.5625rem; line-height: 2.25rem; font-weight: 300;}
.main .m-story .cont .txt{margin-top: 1.875rem; font-size: 1.9375rem; line-height: 2.4375rem;}
.main .m-story .cont .btn-more{display: inline-flex; position: relative; margin-top: 1.875rem; font-size: 1.3125rem; font-weight: 300; text-decoration: underline; text-underline-position : under;}

/* Company */
.philosophy h4{display: block; font-size: 3rem; line-height: 3.125rem;; font-weight: 400; text-align: center; letter-spacing: -0.0625rem;}
.philosophy .video{margin: 5rem 0 4.375rem;}
.philosophy p{padding: 0 3.125rem; font-size: 1.5625rem; line-height: 2.25rem; font-weight: 300;}
.history .sec1{padding: 0 2.8125rem 6.875rem;}
.history .sec1 .info h4{display: block; margin-top: 3.75rem; font-size: 3rem; line-height: 3.125rem; font-weight: 400;}
.history .sec1 .info strong{display: block; margin-top: 1.5625rem; font-size: 1.875rem; line-height: 2.5rem; font-weight: 600;}
.history .sec1 .info p{margin-top: 2.1875rem; font-size: 1.5625rem; line-height: 2.25rem; font-weight: 300;}
.history .sec2{padding: 6.5625rem 2.8125rem 0; margin-bottom: 7.5rem; background: #fff;}
.history .sec2 .list{width: 100%;}
.history .sec2 .list > li{position: relative; margin-top: 8.75rem;}
.history .sec2 .list > li:first-child{margin-top: 0;}
.history .sec2 .list > li .year strong{display: block; font-size: 3.75rem; font-weight: 100; line-height: 1;}
.history .sec2 .list > li .txt{padding-top: 4.0625rem;}
.history .sec2 .list > li .txt li{position: relative; padding-left: 1.25rem; text-indent: -1.25rem; margin-top: 0.9375rem; font-size: 1.5rem; line-height: 2.25rem; font-weight: 300; letter-spacing: -0.0187rem;}
.history .sec2 .list > li .txt li:first-child{margin-top: 0;}
.history .sec2 .list > li .txt li::before{content: "\00B7"; margin-right: 0.625rem; font-size: 1.875rem; font-weight: 700;}
.history .sec2 .list > li .mark{margin-top: 2.5rem;}
.history .sec2 .list > li:nth-child(even) .year strong{text-align: right;}
.history .sec2 .list > li:nth-child(even) .txt{text-align: right;}
.history .sec2 .list > li:nth-child(even) .txt li{display: inline-block; width: auto;}

/* R&D */
.research-center .sec1{padding: 2.5rem 0 7.5rem;}
.research-center .sec1 .inner{position: relative; padding: 0 2.8125rem; background: url('../images/rnd/research_center_sec1_bg.jpg') center top / 100% auto no-repeat;}
.research-center .sec1 h4{display: block; position: absolute; left: 3.75rem; top: 2.1875rem; font-size: 3rem; line-height: 3.125rem; font-weight: 400;}
.research-center .sec1 p{padding-top: 44.375rem; font-size: 1.5625rem; line-height: 2.25rem; font-weight: 300;}
.research-center .sec2{padding: 7.5rem 2.8125rem 0; background: #fff; text-align: center;}
.research-center .sec2 .title .s-tit{display: block; font-size: 1.125rem; letter-spacing: 0.125rem;}
.research-center .sec2 h4{display: block; margin-top: 1.875rem; font-size: 3rem; line-height: 3.125rem; font-weight: 400;}
.research-center .sec2 .desc{margin-top: 1.25rem; font-size: 1.5625rem; line-height: 2.25rem; font-weight: 300;}
.research-center .sec2 .items{margin: 4.0625rem 0 5rem;}
.research-center .sec2 .items li{margin-top: 2.8125rem; text-align: left;}
.research-center .sec2 .items li:first-child{margin-top: 0;}
.research-center .sec2 .items li .no{display: block; margin-bottom: 1.5625rem; font-size: 1.125rem; font-weight: 300;}
.research-center .sec2 .items li .info{margin-top: 2.1875rem;}
.research-center .sec2 .items li .info strong{display: block; margin-top: 1.875rem; font-size: 1.875rem; font-weight: 600;}
.research-center .sec2 .items li .info p{margin-top: 0.625rem; font-size: 1.5313rem; line-height: 2.25rem; font-weight: 300;}
.research-center .sec2 .items li:nth-child(even){text-align: right;}
.patented-technology .sec1{padding-bottom: 6.25rem; background: url('../images/rnd/patented_technology_sec1_bg.jpg') center top / 100% auto no-repeat;}
.patented-technology .sec1 .inner{padding: 31.25rem 2.8125rem 0;}
.patented-technology .sec1 h4{display: block; font-size: 3rem; line-height: 3.125rem; font-weight: 400;}
.patented-technology .sec1 p{padding-top: 5rem; font-size: 1.5625rem; line-height: 2.25rem; font-weight: 300;}
.patented-technology .sec1 p i{display: block; font-size: 1.25rem; line-height: 1.875rem; font-style: italic; font-weight: 300; padding-left: 0.8125rem; text-indent: -0.8125rem;}
.patented-technology .sec2{padding: 4.375rem 1.875rem 8.125rem !important; background: #fff; text-align: center;}
.patented-technology .sec2 h4{display: block; margin-top: 1.875rem; font-size: 3rem; line-height: 3.125rem; font-weight: 400;}
.patented-technology .sec2 .desc{margin-top: 2.1875rem; font-size: 1.5625rem; line-height: 2.25rem; font-weight: 300;}
.patented-technology .sec2 .certi{text-align: center; margin-top: 6.25rem;}
.patented-technology .sec2 .certi h5{display: block; font-size: 1.875rem; font-weight: 500;}
.patented-technology .sec2 .title + .certi{margin-top: 4.0625rem;}
.patented-technology .sec2 .certi ul{display: inline-flex; flex-wrap: wrap; margin-top: 4.375rem;}
.patented-technology .sec2 .certi ul li{margin: 0 0.9375rem;}
.patented-technology .sec2 .certi ul li img{width: 16.25rem;}
.patented-technology .sec2 .certi ul li p{margin-top: 1.5625rem; font-size: 1.5rem; line-height: 1.9375rem;; font-weight: 300;}
.patented-technology .sec2 .certi ul.type2 li:nth-of-type(1){width: 100%; margin: 0 0 3.75rem;}
.patented-technology .sec2 .certi ul.type3 li:nth-of-type(3){width: 100%; margin: 3.75rem 0 0;}
.patented-technology .sec2 .certi ul.type3 li:nth-of-type(3) img{width: 34.375rem;}

/* Business */
.global-distribution h4{display: block; font-size: 3rem; line-height: 3.125rem; font-weight: 400;}
.global-distribution h5{display: block; font-size: 1.875rem; line-height: 2.25rem; font-weight: 500;}
.global-distribution .desc{display: block; font-size: 1.5625rem; line-height: 2.25rem; font-weight: 300;}
.global-distribution .sec1 .inner{padding: 0 2.8125rem;}
.global-distribution .sec1 h4{padding-top: 4.6875rem;}
.global-distribution .sec1 p{margin-top: 3.4375rem; font-size: 1.5625rem; line-height: 2.25rem; font-weight: 300;}
.global-distribution .sec2{padding: 10.625rem 0 5.9375rem; text-align: center;}
.global-distribution .sec2 .title .desc{margin-top: 1.875rem;}
.global-distribution .sec2 .global{margin: 4.0625rem 0 3.125rem;}
.global-distribution .sec2 p{margin-top: 2.5rem; font-size: 1.5625rem; line-height: 2.25rem; font-weight: 300;}
.global-distribution .sec3{padding: 5.625rem 1.875rem 5.625rem !important; background: #fff; text-align: center;}
.global-distribution .sec3 .item{display: grid; grid-template-columns: repeat(3, 11.625rem); gap: 1.25rem 0.6875rem; margin-top: 5rem;}
.oem-odm-ogm .sec{padding: 5.625rem 0 8.125rem; text-align: center;}
.oem-odm-ogm .sec .title h4{display: block; font-size: 3rem; line-height: 3.125rem; font-weight: 400;;}
.oem-odm-ogm .sec .title strong{display: block; margin-top: 0.625rem; font-size: 1.75rem; font-weight: 400;}
.oem-odm-ogm .sec .title .desc{margin-top: 2.5rem; font-size: 1.5625rem; line-height: 2.25rem; font-weight: 300;}
.oem-odm-ogm .step{display: inline-block; margin-top: 4.0625rem; text-align: center;}
.oem-odm-ogm .step::after{content: ""; clear: both; display: block;}
.oem-odm-ogm .step li{display: inline-block; position: relative; width: 12.125rem; margin-top: 3.125rem; vertical-align: top;}
.oem-odm-ogm .step li:nth-child(-n+3){margin-top: 0;}
.oem-odm-ogm .step li::after{position: absolute; right: -0.5625rem; top: 5rem; width: 0.875rem; height: 0.75rem; margin-top: -0.375rem; background: url('../images/business/ico_arw.png') center / 100% auto no-repeat; font-size: 0; line-height: 1; content: "";}
.oem-odm-ogm .step li:last-child::after{display: none;}
.oem-odm-ogm .step li:nth-child(3n):after{display: none;}
.oem-odm-ogm .step li .ico{width: 9.875rem; height: 9.875rem; margin: 0 auto; border-radius: 100%; background: #fff; background-position: center; background-repeat: no-repeat; background-size: 100% auto;}
.oem-odm-ogm .step li .ico.type1{background-image: url('../images/business/ico_step1.png');}
.oem-odm-ogm .step li .ico.type2{background-image: url('../images/business/ico_step2.png');}
.oem-odm-ogm .step li .ico.type3{background-image: url('../images/business/ico_step3.png');}
.oem-odm-ogm .step li .ico.type4{background-image: url('../images/business/ico_step4.png');}
.oem-odm-ogm .step li .ico.type5{background-image: url('../images/business/ico_step5.png');}
.oem-odm-ogm .step li .ico.type6{background-image: url('../images/business/ico_step6.png');}
.oem-odm-ogm .step li .ico.type7{background-image: url('../images/business/ico_step7.png');}
.oem-odm-ogm .step li .ico.type8{background-image: url('../images/business/ico_step8.png');}
.oem-odm-ogm .step li .info{margin-top: 1.5625rem;}
.oem-odm-ogm .step li .info span{font-size: 1rem; font-weight: 300;}
.oem-odm-ogm .step li .info p{margin-top: 0.3125rem; font-size: 1.375rem; font-weight: 500; line-height: 1.5rem;}
.oem-odm-ogm .step.type2 li:nth-of-type(5)::after{display: none;}
.oem-odm-ogm .sec1{padding-top: 1.25rem;}
.oem-odm-ogm .sec2{background: #fff;}
.oem-odm-ogm .sec2 .step li .ico{background-color: #f7f7f7;}

/* Brand */
.brands .cont .txt1{position: relative; height: 63.75rem; background: url('../images/brand/brand_bg.jpg') center top / 100% auto no-repeat; box-sizing: border-box;}
.brands .cont .txt1 h3{display: block; position: absolute; left: 13.125rem; top: 6.875rem; font-size: 2rem; line-height: 2.5rem; font-weight: 400; color: #fff;}
.brands .cont .txt1 p{padding: 19.375rem 3.125rem 0; font-size: 1.4375rem; line-height: 2.25rem; font-weight: 300; color: #fff;}
.brands .cont .txt2{padding: 0 2.8125rem; padding-bottom: 10.625rem; margin-top: 6.875rem; background: url('../images/brand/brand_bg02.jpg') center bottom / 100% auto no-repeat;}
.brands .cont .txt2 h3{display: block; margin-bottom: 4.375rem; font-size: 2.1875rem; line-height: 2.75rem; font-weight: 400;}
.brands .cont .txt2 p{margin-top: 3.125rem; font-size: 1.5625rem; line-height: 2.25rem; font-weight: 300;}
.brands .bottom{margin-top: 5rem; text-align: center;}
.brands .bottom .btn-view{display: inline-flex; align-items: center; justify-content: center; width: 17.8125rem; height: 4.875rem; border: 0.0625rem solid #000; border-radius: 0.3125rem; background: none; font-size: 1.5rem; box-sizing: border-box;}
.products .page-top{display: flex; justify-content: space-between; margin-top: -1.875rem;}
.products .page-top .search-box{width: 30.9375rem;}
.products .page-top .search-box > div{display: inline-flex; position: relative; width: 100%; height: 4.5rem; padding: 0 1.25rem; border-radius: 2.5rem; background: #ebe9e9; box-sizing: border-box;}
.products .page-top .search-box input{width: 100%; padding: 0 1.5625rem; background: none; font-size: 1.5rem;}
.products .page-top .search-box input::placeholder{font-style: italic; color: #bfbfbf; font-weight: 300;}
.products .page-top .search-box button{position: absolute; right: 0.625rem; top: 0; width: 4.5rem; height: 4.5rem; background: url('../images/common/ico_search.png') center / 2.25rem auto no-repeat; text-indent: -9999em;}
.products .page-top .btn-filter{width: 4.5rem; height: 4.5rem; border: 0.125rem solid #e0dfdf; border-radius: 100%; background: url('../images/common/ico_filter.png') center / 1.6875rem auto no-repeat #fff; text-indent: -9999em; box-sizing: border-box;}
.products .list-top{margin-top: 2.5rem; font-size: 1.375rem; font-weight: 300;; text-align: center;}
.products .list{display: flex; flex-wrap: wrap; margin-top: 2.1875rem;}
.products .list li{width: 50%; margin-top: 4.0625rem; text-align: center;}
.products .list li:nth-child(-n+2){margin-top: 0;}
.products .list li .info{padding-top: 0.9375rem;}
.products .list li .info span{display: block; font-size: 1rem; color: #a1a1a1;}
.products .list li .info strong{display: block; margin-top: 0.625rem; font-size: 1.375rem; line-height: 1.625rem;}
.products .bottom{margin-top: 4.6875rem; text-align: center;}
.products .bottom .btn-more{width: 16.5625rem; height: 5rem; border: 1px solid #000; border-radius: 0.3125rem; background: none; font-size: 1.5rem; box-sizing: border-box;}
.products .filter{display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: #fff; z-index: 1200;}
.products .filter.on{display: block;}
.products .filter .head{display: flex; justify-content: space-between; align-items: center; height: 5.5rem; padding: 0 1.875rem; border-bottom: 0.125rem solid #e0dfdf;}
.products .filter .head h3{display: block; margin-left: 3.75rem; font-size: 1.625rem; font-weight: 600;;}
.products .filter .head .btn-close{position: absolute; left: 0; top: 0; width: 5.5rem; height: 5.5rem; background: url('../images/common/ico_close.png') center / 1.6875rem auto no-repeat; text-indent: -9999em;}
.products .filter .head .btn-clear-all{height: 3.5625rem; padding: 0 1.5625rem; border: 0.125rem solid #e0dfdf; border-radius: 0.625rem; background: none; font-size: 1.5rem; color: #a1a1a1; font-weight: 300;}
.products .filter .head .btn-clear-all span{display: block; padding-right: 2.1875rem; background: url('../images/common/ico_clear.png') center right / 1rem auto no-repeat;}
.products .filter .cont{height: calc(100% - 18.4375rem); padding: 0 1.875rem; overflow-y: auto; -webkit-overflow-scrolling: touch;}
.products .filter .cont .item-list > li{padding: 2.1875rem 0 1.5625rem; border-bottom: 1px solid #e0dfdf;}
.products .filter .cont .item-list > li h4{display: block; margin-bottom: 2.1875rem; font-size: 1.5rem; font-weight: 600;}
.products .filter .cont .item-list > li .item{display: flex; flex-wrap: wrap;}
.products .filter .cont .item-list > li .item li{margin: 0 0.9375rem 0.9375rem 0;}
.products .filter .cont .item-list > li .item li button{height: 4.375rem; padding: 0 1.875rem; border: 0.125rem solid #e0dfdf; border-radius: 0.625rem; background: none; font-size: 1.5rem; color: #707070; font-weight: 300; box-sizing: border-box;}
.products .filter .cont .item-list > li .item li button.on{border-color: #bba080; background: #bba080; color: #fff;}
.products .filter .bottom{padding: 0 1.875rem; margin: 3.125rem 0;}
.products .filter .bottom .btn-apply{width: 100%; height: 6.5625rem; border-radius: 0.3125rem; background: #000; font-size: 1.875rem; font-weight: 500; color: #fff;}
.products-view .detail .gallery{position: relative; width: 100%; height: 36.25rem;}
.products-view .detail .gallery .swiper-button-prev{left: 0; width: 4.375rem; height: 4.375rem; margin: 0; margin-top: -2.1875rem; background: url('../images/brand/ico_arw_l.png') center / 0.6875rem auto no-repeat #000;}
.products-view .detail .gallery .swiper-button-prev::after{display: none;}
.products-view .detail .gallery .swiper-button-next{right: 0; width: 4.375rem; height: 4.375rem; margin: 0; margin-top: -2.1875rem; background: url('../images/brand/ico_arw_r.png') center / 0.6875rem auto no-repeat #000;}
.products-view .detail .gallery .swiper-button-next::after{display: none;}
.products-view .detail .gallery .swiper-pagination{bottom: -3.4375rem; width: 100%; font-size: 0; line-height: 1;}
.products-view .detail .gallery .swiper-pagination-bullet{width: 0.75rem; height: 0.75rem; margin: 0 0.6875rem; background: #d9d9d9; opacity: 1;}
.products-view .detail .gallery .swiper-pagination-bullet-active{background: #000;}
.products-view .detail .gallery .control{display: none;}
.products-view .detail .gallery .control.on{display: block;}
.products-view .detail .info-box{margin-top: 9.6875rem;}
.products-view .detail .info-box .top{display: flex; justify-content: space-between; position: relative;}
.products-view .detail .info-box .top .btn-brand{display: inline-block; padding-right: 1.5625rem; background: url('../images/brand/ico_brand.png') center right / 0.5625rem auto no-repeat; font-size: 1.375rem; line-height: 2.25rem;}
.products-view .detail .info-box .top .btn-share{width: 2.25rem; height: 2.25rem; background: url('../images/brand/ico_share.png') center / 2.25rem auto no-repeat; text-indent: -9999em;}
.products-view .detail .info-box .top .share{display: none; position: absolute; right: -0.1875rem; top: 3.625rem;}
.products-view .detail .info-box .top .share.on{display: block;}
.products-view .detail .info-box .top .share .box{position: relative; width: 35.625rem; padding: 3.125rem; border: 1px solid #e1e1e1; border-radius: 0.625rem; background: #fff; box-shadow: 0.75rem 0.75rem 0.625rem rgba(0, 0, 0, 0.13); box-sizing: border-box;}
.products-view .detail .info-box .top .share .box::after{display: block; position: absolute; right: 3.75rem; top: -1.25rem; width: 0; border-color: #fff transparent; border-style: solid; border-width: 0 1.25rem 1.25rem 1.25rem; content: ''; z-index: 1;}
.products-view .detail .info-box .top .share .box::before{display: block; right: 3.75rem; position: absolute; top: -1.3125rem; width: 0; border-color: #e1e1e1 transparent; border-style: solid; border-width: 0 1.25rem 1.25rem 1.25rem; content: ''; z-index: 0;}
.products-view .detail .info-box .top .share .box .url{display: flex; justify-content: space-between; position: relative;}
.products-view .detail .info-box .top .share .box .url input{width: calc(100% - 12.5rem); height: 4.5625rem; padding: 0 1.25rem; border: 1px solid #e6e6e6; border-radius: 0.625rem; background: #f7f7f7; font-size: 1.625rem; color: #999; box-sizing: border-box;}
.products-view .detail .info-box .top .share .box .url input::selection{background: transparent;}
.products-view .detail .info-box .top .share .box .url button{width: 11.5625rem; height: 4.5625rem; padding-left: 5.3125rem; border-radius: 0.625rem; background: url('../images/common/ico_copy.png') 2.0625rem center / 2.25rem auto no-repeat #e6e6e6; font-size: 1.625rem; font-weight: 300; text-align: left; box-sizing: border-box;}
.products-view .detail .info-box .top .share .box .url .success{display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 0.625rem; background: #baa07f; text-align: center;}
.products-view .detail .info-box .top .share .box .url .success span{display: inline-flex; align-items: center; height: 100%; padding-left: 2.5rem; background: url('../images/common/ico_check.png') left center / 1.6875rem auto no-repeat; font-size: 1.625rem; color: #fff;}
.products-view .detail .info-box .top .share .box .sns{display: flex; justify-content: space-between; margin-top: 1.25rem;}
.products-view .detail .info-box .top .share .box .sns button{width: calc(50% - 0.625rem); height: 4.5625rem; border-radius: 0.625rem;}
.products-view .detail .info-box .top .share .box .sns button span{display: inline-flex; align-items: center; height: 100%; padding-left: 2.8125rem; font-size: 1.625rem; font-weight: 300; color: #fff;}
.products-view .detail .info-box .top .share .box .sns button.btn-fb{background: #1877f2;}
.products-view .detail .info-box .top .share .box .sns button.btn-fb span{background: url('../images/common/ico_fb.png') left center / 1.5rem auto no-repeat;}
.products-view .detail .info-box .top .share .box .sns button.btn-tw{background: #0095ec;}
.products-view .detail .info-box .top .share .box .sns button.btn-tw span{background: url('../images/common/ico_tw.png') left center / 1.9375rem auto no-repeat;}
.products-view .detail .info-box .tit{display: block; margin-top: 1.875rem; font-size: 2.625rem; line-height: 3rem; font-weight: 600; letter-spacing: -0.0313rem;}
.products-view .detail .info-box .desc{overflow: hidden; max-height: 6.75rem; margin-top: 3.125rem; }
.products-view .detail .info-box .desc.on{max-height: none;}
.products-view .detail .info-box .desc p{font-size: 1.5rem; line-height: 2.25rem; font-weight: 300;}
.products-view .detail .info-box .btn-more{display: none; height: 2.25rem; padding-right: 2.375rem; margin-top: 2.1875rem; background: url('../images/brand/ico_arw_b.png') center right / 1.3125rem auto no-repeat; font-size: 1.5rem; font-weight: 600;}
.products-view .detail .info-box .btn-more.on{display: block;}
.products-view .detail .info-box .btn-more.open{background-image: url('../images/brand/ico_arw_t.png');}
.products-view .detail .info-box .lineup{margin-top: 2.8125rem; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; font-size: 1.5rem; line-height: 6.1875rem; font-weight: 400; box-sizing: border-box;}
.products-view .detail .info-box .lineup strong{font-weight: 500;}
.products-view .detail .info-box .btn-area{display: flex; justify-content: space-between; margin-top: 3.125rem;}
.products-view .detail .info-box .btn-area button{display: flex; align-items: center; justify-content: center; width: calc(50% - 0.4375rem); height: 5.625rem; border: 1px solid #000; border-radius: 0.3125rem; background: none; font-size: 1.5rem; text-align: center; line-height: 1; box-sizing: border-box;}
.products-view .detail .info-box .btn-area .btn-type2{background: #000; color: #fff;}
.products-view .detail .info-box .mark{display: flex; align-items: center; margin-top: 2.8125rem;}
.products-view .detail .info-box .mark li{margin-left: 2.1875rem;}
.products-view .detail .info-box .mark li:first-child{margin-left: 0;}
.products-view .cont{margin-top: 5rem; background: #fff; text-align: center;}
.products-view .bottom-area{padding-top: 6.875rem; background: #fff; text-align: center;}
.products-view .bottom-area h4{display: block; font-size: 2rem; font-weight: 600;}
.products-view .bottom-area .like{position: relative; margin: 4.375rem 0 5rem;}
.products-view .bottom-area .like .swiper-slide{width: 17.5rem; margin-right: 1.25rem;}
.products-view .bottom-area .like .info{margin-top: 2.5rem;}
.products-view .bottom-area .like .info span{display: block; font-size: 0.875rem; color: #a1a1a1; font-weight: 300;}
.products-view .bottom-area .like .info strong{display: block; margin-top: 0.3125rem; font-size: 1.375rem; font-weight: 500;}
.products-view .bottom-area .like .info p{display: block; font-size: 0.9375rem; font-weight: 300;}
.products-view .bottom-area .like .swiper-pagination{bottom: -5rem; width: 100%; font-size: 0; line-height: 1;}
.products-view .bottom-area .like .swiper-pagination-bullet{width: 0.75rem; height: 0.75rem; margin: 0 0.6875rem; background: #d9d9d9; opacity: 1;}
.products-view .bottom-area .like .swiper-pagination-bullet-active{background: #000;}
.modal-inquiries .prd{display: flex; align-items: center;}
.modal-inquiries .prd .img{width: 8.4375rem; height: 8.4375rem; background: #f7f7f7; line-height: 1;}
.modal-inquiries .prd .img img{width: 100%;}
.modal-inquiries .prd .info{width: 18.125rem; margin-left: 1.25rem;}
.modal-inquiries .prd .info .brand{display: block; font-size: 1rem;}
.modal-inquiries .prd .info .tit{display: block; margin-top: 0.625rem; font-size: 1.75rem; line-height: 2.25rem; font-weight: 600;}
.modal-inquiries .form{margin-top: 3.75rem;}
.modal-inquiries .item{display: flex; justify-content: space-between; flex-wrap: wrap;}
.modal-inquiries .item > li{position: relative; width: 100%; margin-bottom: 1.5625rem; border-bottom: 1px solid #000;}
.modal-inquiries .item > li.first-name{width: calc(50% - 0.938rem);}
.modal-inquiries .item > li.last-name{width: calc(50% - 0.938rem);}
.modal-inquiries .item > li.message{border-bottom: 0;}
.modal-inquiries .item > li.file input[type="file"]{position: absolute; width: 0; height: 0; padding: 0; overflow: hidden; border: 0;}
.modal-inquiries .item > li.file label{cursor: pointer;}
.modal-inquiries .item > li:last-child{margin-bottom: 0;}
.modal-inquiries .item > li .selectric{border: 0; background: none;}
.modal-inquiries .item > li .selectric .label{height: 2.8125rem; margin: 0; background: url('../images/common/ico_select.png') center right 1.0625rem / 1.5rem auto no-repeat #f7f7f7; font-size: 1.25rem; font-weight: 300; line-height: 2.8125rem; color: #000;}
.modal-inquiries .item > li .selectric .button{display: none;}
.modal-inquiries .item > li .select-label{display: none; position: absolute; left: 0; top: 0; width: 100%; height: 2.8125rem; background: url('../images/common/ico_select.png') center right 1.0625rem / 1.5rem auto no-repeat #f7f7f7; font-size: 1.5rem; font-weight: 300; line-height: 2.8125rem; cursor: pointer; z-index: 1000;}
.modal-inquiries .item > li .select-label.on{display: block;}
.modal-inquiries .item > li .select-label span{font-weight: 600; color: #bba080;}
.modal-inquiries .item > li input[type=file],
.modal-inquiries .item > li input[type=text]{width: 100%; background: none; font-size: 1.25rem; font-weight: 300; line-height: 2.8125rem;}
.modal-inquiries .item > li textarea{width: 100%; height: 9rem; border: 1px solid #000; background: none; font-size: 1.25rem; font-weight: 300; line-height: 2.5rem;}
.modal-inquiries .item > li input::placeholder,
.modal-inquiries .item > li textarea::placeholder{opacity: 0;}
.modal-inquiries .item > li label{width: 100%; font-size: 1.25rem; font-weight: 300; line-height: 2.8125rem; cursor: text;}
.modal-inquiries .item > li input + label{display: none; position: absolute; left: 0; top: 0;}
.modal-inquiries .item > li label span{font-size: 1.25rem; font-weight: 600; color: #bba080;}
.modal-inquiries .item > li input:placeholder-shown + label,
.modal-inquiries .item > li textarea:placeholder-shown + label{display: block;}
.modal-inquiries .item > li input:focus + label,
.modal-inquiries .item > li textarea:focus + label{display: none;}
.modal-inquiries .btm{position: relative; margin-top: 0; text-align: center;}
.modal-inquiries .btm .agree{margin-top: 0.625rem; text-align: right;}
.modal-inquiries .btm .agree input[type="checkbox"]{display: block; position: absolute; overflow: hidden; height: 0.0625rem; border: 0; width: 0.0625rem; clip: rect(0.0625rem, 0.0625rem, 0.0625rem, 0.0625rem);}
.modal-inquiries .btm .agree input[type="checkbox"] + label{display: inline-block; position: relative; padding-left: 2.8125rem; font-size: 1.125rem; font-style: italic; font-weight: 300; line-height: 2.125rem; cursor: pointer;}
.modal-inquiries .btm .agree input[type="checkbox"] + label:before{position: absolute; top: 0; left: 0; width: 2.125rem; height: 2.125rem; margin-right: 0.3125rem; background: url('../images/common/checkbox.png') center / 100% auto no-repeat;  cursor: pointer; box-sizing: border-box; content: "";}
.modal-inquiries .btm .agree input[type="checkbox"]:checked + label:before{background: url('../images/common/checkbox_on.png?v=2') center / 100% auto no-repeat;}
.modal-inquiries .btm .agree a{display: inline-block; margin-left: 0.9375rem; font-size: 1.125rem; line-height: 2.5rem; font-weight: 300; font-style: italic; text-decoration: underline; text-underline-position: under;}
.modal-inquiries .btm .btn-submit{width: 17.8125rem; height: 5.625rem; margin-top: 2.8125rem; border-radius: 0.3125rem; background: #000; font-size: 1.5rem; color: #fff;}

/* Our story */
.story-wrap{margin-top: 5.625rem;}
.story-wrap .list-wrap{padding: 0 3.4375rem;}
.story-wrap .list-wrap .list-top{display: flex; justify-content: space-between; align-items: center; position: relative; padding-top: 1.5625rem; border-top: 1px solid #c8c8c8;}
.story-wrap .list-wrap .list-top .menu{display: flex;}
.story-wrap .list-wrap .list-top .menu li{margin-left: 2.8125rem;}
.story-wrap .list-wrap .list-top .menu li:first-child{margin-left: 0;}
.story-wrap .list-wrap .list-top .menu li a{position: relative; font-size: 1.5rem; line-height: 3.125rem; color: #898989; font-weight: 300;}
.story-wrap .list-wrap .list-top .menu li a.on{font-weight: 700; color: #000;}
.story-wrap .list-wrap .list-top .menu li a.on::after{position: absolute; left: 0; bottom: -0.75rem; width: 100%; height: 0.3125rem; background: #000; content: "";}
.story-wrap .list-wrap .list-top .btn-search{position: absolute; right: -0.625rem; top: 1.5625rem; width: 3.125rem; height: 3.125rem; background: url('../images/common/ico_search02.png') center / 1.375rem auto no-repeat; text-indent: -9999em;}
.story-wrap .list-wrap .list-top .search-box{position: fixed; left: 0; top: -16.5625rem; width: 100%; height: 16.25rem; padding-top: 2.1875rem; background: #fff; z-index: 1050; box-sizing: border-box; transition: all 0.6s ease;}
.story-wrap .list-wrap .list-top .search-box.on{top: 5.125rem;}
.story-wrap .list-wrap .list-top .search-box .ipt{position: relative; width: 33.125rem; margin: 0 auto; border-bottom: 0.1875rem solid #000;}
.story-wrap .list-wrap .list-top .search-box .ipt input{width: 28.75rem; height: 4.8125rem; padding: 0; background: none; font-size: 1.5rem; line-height: 1;}
.story-wrap .list-wrap .list-top .search-box .ipt input::-webkit-input-placeholder{color: #b2b2b2; font-style: italic;}
.story-wrap .list-wrap .list-top .search-box .ipt input::-moz-placeholder{color: #b2b2b2; font-style: italic; font-weight: 300;}
.story-wrap .list-wrap .list-top .search-box .ipt input:-ms-input-placeholder{color: #b2b2b2; font-style: italic; font-weight: 300;}
.story-wrap .list-wrap .list-top .search-box .ipt input:-moz-placeholder{color: #b2b2b2; font-style: italic; font-weight: 300;}
.story-wrap .list-wrap .list-top .search-box .ipt input::placeholder{color: #b2b2b2; font-style: italic; font-weight: 300;}
.story-wrap .list-wrap .list-top .search-box .ipt button{position: absolute; right: -1.25rem; top: 0; width: 4.8125rem; height: 4.8125rem; background: url(../images/common/ico_search02.png) center / 2.3125rem auto no-repeat; text-indent: -9999em;}
.story-wrap .list-wrap .list{display: flex; flex-wrap: wrap; margin-top: 5rem;}
.story-wrap .list-wrap .list > li{width: 100%; margin-top: 4.0625rem;}
.story-wrap .list-wrap .list > li:first-child{margin-top: 0;}
.story-wrap .list-wrap .list > li a{display: block;}
.story-wrap .list-wrap .list > li a .img{width: 100%; height: 22.3125rem; overflow: hidden;}
.story-wrap .list-wrap .list > li a .img img{width: 100%; height: 100%; object-fit: cover; opacity: 0; transform: scale(1) translateY(70%); transition: all 0.9s cubic-bezier(0.215, 0.61, 0.355, 1);}
.story-wrap .list-wrap .list > li a .info{margin-top: 1.875rem;}
.story-wrap .list-wrap .list > li a .info strong{display: block; width: 100%; font-size: 1.875rem; font-weight: 500; line-height: 2rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; opacity: 0; transform: translateY(1.875rem); transition: all 0.9s 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);}
.story-wrap .list-wrap .list > li a .info .date{display: block; margin-top: 1.5625rem; font-size: 1.125rem; color: #9e9d9d; font-weight: 300; opacity: 0; transform: translateY(1.875rem); transition: all 0.9s 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);}
.story-wrap .list-wrap .list > li.on a .img img{opacity: 1; transform: scale(1) translateY(0);}
.story-wrap .list-wrap .list > li.on a .info strong{opacity: 1; transform: translateY(0);}
.story-wrap .list-wrap .list > li.on a .info .date{opacity: 1; transform: translateY(0);}
.story-wrap .list-wrap .btn-wrap{margin-top: 6.25rem; text-align: center;}
.story-wrap .list-wrap .btn-wrap .btn-more{display: inline-block; width: 11.875rem; height: 4.375rem; border-radius: 0.3125rem; border: 1px solid #000; background: none; font-size: 1.5rem; color: #000; font-weight: 500;}
.story-wrap .view-wrap{border-top: 0.1875rem solid #000;}
.story-wrap .view-wrap .head{padding: 2.1875rem 0; border-bottom: 1px solid #e6e6e6;}
.story-wrap .view-wrap .head .tit{display: block; font-size: 1.875rem; font-weight: 500; line-height: 2.25rem;}
.story-wrap .view-wrap .head .date{display: block; margin-top: 1.25rem; font-size: 1.125rem; color: #9e9d9d;}
.story-wrap .view-wrap .head > div:nth-of-type(2){display: flex; justify-content: right;}
.story-wrap .view-wrap .head .btn-url-copy{height: 3.4375rem; padding: 0 1.25rem 0 3.75rem; margin-top: 0.3125rem; border-radius: 1.875rem; background: url(../images/common/ico_copy.png) 1.5625rem center / 1.5625rem auto no-repeat #e6e6e6; font-size: 1.125rem; font-weight: 300; text-align: left; box-sizing: border-box;}
.story-wrap .view-wrap .cont{padding: 3.4375rem 0; font-size: 1.5rem; line-height: 2.25rem; font-weight: 300;}
.story-wrap .view-wrap .cont img{max-width: 100%; height: auto !important;}
.story-wrap .view-wrap .file{padding: 2.1875rem 0; border-top: 1px solid #e6e6e6;}
.story-wrap .view-wrap .file .tit{display: block; font-size: 1.5rem;}
.story-wrap .view-wrap .file .list{margin-top: 0.625rem;}
.story-wrap .view-wrap .file .list li a{font-size: 1.125rem; line-height: 2.25rem;}

/* etc */
.doc{padding: 0 2.8125rem; font-size: 1.25rem; line-height: 2rem; font-weight: 300;}