@charset "UTF-8";

/**********
* ## MOBILE
**********/
.menu-slide-container {position: fixed; z-index: 800; top: 0; bottom: 0; width: 100%; -webkit-transition: all 0.2s;transition: all 0.2s; opacity: 0; height: 100vh; background-color: #000;}
.menu-slide-container.right-side {right: -100%; }
.menu-slide-container.right-side.menu-open {right: 0; opacity: 1;}
.menu-slide-container.left-side {left: -280px;}
.menu-slide-container.left-side.menu-open {left: 0;}
.menu-slide-container #logo {margin-bottom: 45px;}

.menu-close {display: inline-block; position: absolute; width: 25px; height: 25px; top: 2rem; right: 1.5rem; background: url('../images/icons/ico-close-w.png') no-repeat center; text-decoration: none; -webkit-transition: all 0.25s; transition: all 0.25s; z-index: 2; background-size: 18px; }
.menu-slide-container.menu-open .menu-close{position: fixed;}

.memu-header{height: 6rem; position: relative;}
.menu-content{z-index: 1; position: relative;}
.menu-slide,
.menu-slide ul {margin: 0; list-style: none;}

.menu-slide {position: relative; margin-top: 12vw; display: flex; justify-content: space-around;}
.menu-slide li {position: relative; text-align: left;}
.menu-slide .dropdown-menu .dropdown-title{color: #e1e1e1; padding: 20px 0 5px 20px; font-size: 1.4rem; border-bottom: 2px solid #f5f7fa;}
.menu-slide .dropdown-menu + .dropdown-menu{padding-top: 15px;}
.menu-slide > li{position: relative;}
.menu-slide > li.active > a, .menu-slide > li:hover > a{color: #fff;}
.menu-slide li.active ul li a, .menu-slide li:hover ul li a{color: #777;}
/* .menu-slide li.active a .text, .menu-slide li a:hover .text{border-bottom: 1px solid #fff; display: inline-block; padding-bottom: 10px;} */
/* .menu-slide li.active a span:after, .menu-slide li a:hover span::after{content: ''; width: 100%; top: 100%; left: 0; height: 2px; display: inline-block; background: #fff; position: absolute;} */
.menu-slide li a {position: relative; display: inline-block; margin-bottom: 0; line-height: 1.3; text-decoration: none; -webkit-transition: all 0.25s; transition: all 0.25s;}
.menu-slide > li{max-width: 600px;}
.menu-slide > li > a {font-size: 2.4rem; font-weight: 500; color: #666; margin-bottom: 2rem;}
.menu-slide > li > a::before{content: ''; position: absolute; display: block; bottom: -10px; left: 0; width: 0; background-color: #fff; height: 2px; transition: width 0.2s ease; -webkit-transition: width 0.2s ease; -moz-transition: width 0.2s ease; -ms-transition: width 0.2s ease; -o-transition: width 0.2s ease;}
.menu-slide > li:hover > a::before{width: 100%;}

/* .menu-slide > li:hover ul li a{color: #fff} */

.menu-slide > li > a > span{display: inline-block; position: relative;}
.menu-slide li ul{display: block;}
.menu-slide li ul li{padding: 8px 0;}
.menu-slide li ul li:last-child{margin-right: 0;}
.menu-slide li ul li a{color: #666; font-size: 1.8rem; letter-spacing: -0.6px;}
.menu-slide li ul li a:hover{color: #fff;}
.menu-slide li ul li ul{margin-left: 2rem;}
.menu-slide li ul li ul li{padding: 2px 0;}
.menu-slide li ul li ul li a{font-size: 1.4rem;}
.menu-slide li ul li ul li:last-child{padding-bottom: 0;}


/* .menu-tnb{margin: 30px 0 20px; border-bottom: 1px solid #eee; padding-bottom: 30px;}
.menu-tnb a{width: 47%; border-radius: 5px; display: inline-block; margin: 1%; padding: 10px 0; font-size: 18px; background-color: #ff8133; border: 1px solid #ff8133; text-align: center; color: #fff;}
.menu-tnb a:first-child{background-color: #fff; color: #ff8133;} */

.menu-link{padding: 0 10px; margin-bottom: 20px; margin-top: auto;}
.menu-link a{display: inline-block; position: relative; font-size: 0.75rem; line-height: 1; height: 2.5rem; line-height: 2.5rem; width: 8rem; background-color: #000; color: #fff; text-align: center;}
.menu-link .social-link a{text-align: left;}
/* .menu-link a:first-child{margin-right: 5px; padding-right: 10px;}
.menu-link a:first-child::after{content: ''; position: absolute; top: 0; right: 0; width: 1px; height: 12px; background-color: #121212;} */

.menu-ft{position: absolute; top: 50%; right: 2rem; transform: translate(0, -50%);}
.menu-ft .last-footer{background-color: transparent; color: #131313; padding: 0; margin-bottom: 1rem;}
.menu-ft .footer-info-wrap{flex-direction: row; margin-top: 2rem; padding: 0;}
.menu-ft .company-info{white-space: nowrap; text-align: left; color: #d0d0d0;}
.menu-ft .company-info .copyright{letter-spacing: 0; display: block; margin-left: 0; margin-bottom: 0; color: #666; margin-top: 10px;}
.menu-ft .contact-info{font-size: 0.7rem; font-weight: 600; margin-left: auto; margin-bottom: 0;}

/**********
* ## Responsive
**********/


@media only screen and (max-width: 1880px) and (min-width: 1400px){
	.gutter-xl.container{max-width: 1680px !important; padding-left: 2.5% !important; padding-right: 2.5% !important;}
	.gutter-m.container{max-width: 1400px !important; padding-left: 5% !important; padding-right: 5% !important;}


	.org-wrap.cfc .depth-line{right: 5%;}
}
@media screen and (max-width:1800px) {
	#footer .container{max-width: 1300px; padding:  0 2.5%;}

	.how-to-apply-wrap ul li .item p{font-size: 14px;}

	.content-wrap.overview .cont{margin-left: 5%;}

	.logo-pt{bottom: -8%;}
	.logo-pt img{width: 80%;}

	.notice-container .swiper-nav{bottom: 0;}

	#section-02 .section-header{top: 12rem;}
	.brand-wrap .brand-card .cont .container .inner{padding: 3rem; top: 6rem;}
	.brand-wrap .container-header{max-width: 94vw;}
	.brand-wrap .brand-card .cont .container{max-width: 94vw;}
	.brand-wrap .brand-card .cont .brand-logo img{max-width: 70%;}
}

@media only screen and (max-width: 1620px) and (min-width: 1280px){
	#header.open .topmenu > li > a{padding: 0 3em;}
	#header.open .topmenu > li.menu-03 > a{padding: 0 4em;}

	.brand-wrap .brand-card .cont .container .inner{width: 41vw; height: max(38rem, 28vw);}
}

@media screen and (min-width:1441px) {
	.gutter-xl.container{max-width: 100%; padding-left: max(10rem, 7.37vw); padding-right: max(10rem, 7.37vw);}
	.gutter-m.container{max-width: 100%; padding-left: max(10rem, 16.224vw); padding-right: max(10rem, 16.224vw);}
}

@media screen and (max-width:1440px) {
	.swiper-arrows .btn-swiper-prev{left: 0;}
	.swiper-arrows .btn-swiper-next{right: 0;}
	.lnb-wrap .container{padding: 0;}
	.container{padding: 0 2.5%;}
	.sp-item{padding: 1rem; flex: 0 0 30%;}
	#scrollWrap #wrapper .cont-wrap{min-width: 100%;}


	/* ## MAIN-1440 */
	.support-wrap .notice-container{padding: 10rem 3rem 10rem 0;}
	.support-wrap .card-container{padding: 10rem 0 10rem 3rem;}
	.card-container .item{padding: 2rem;}
	.card-container .item .icon{right: 2rem;}

	.global-en .card-container .item .inner{left: 2rem; right: 2rem;}

	.round-top span:first-child{font-size: clamp(1.8rem, 2vw, 3.2rem);}
	.round-top span{width: calc(max(20rem, 18vw) - 60px); height: calc(max(20rem, 18vw) - 60px);}
	.round-top span:nth-child(2){width: calc(max(20rem, 18vw) - 30px); height: calc(max(20rem, 18vw) - 30px);}
	.round-top span:nth-child(3){width: max(20rem, 18vw); height: max(20rem, 18vw);}


	.gols-cont-wrap .circle span{width: calc(12.5vw - 2rem); height: calc(12.5vw - 2rem); }
	.gols-cont-wrap .circle .inner{width: 12.5vw; height: 12.5vw;}

	.global-ko .gols-cont-wrap .circle span{font-size: max(1.6rem, 1.8vw);}


	.general-swiper .swiper-nav .swiper-button-next{right: 0;}
	.general-swiper .swiper-nav .swiper-button-prev{left: 0;}

	.mng-wrap ul li{width: max(28rem, 20vw); height: max(28rem, 20vw);}
	
}

@media screen and (max-width:1280px) {

	#gnb{display: none;}
	.bg-gnb{display: none;}
	
	.subpage #header.open .util-dropdown a{color: #0a0a0a;}
	.subpage #header.open .util-button .icon-bar{background-color: #0a0a0a;}
	.subpage #header.open .ico-down{background-image: url('../images/icons/ico-down-b.png');}

	.menu-slide-container .container{width: 100%; padding: 0 !important;}
	.menu-link .footer-widget{display: flex; margin-left: 0; justify-content: space-between; margin-top: 3rem;}
	.menu-link .footer-widget ul{display: flex; width: 100%; justify-content: space-between;}
	.menu-link .footer-widget ul li{width: auto; padding: 0; flex: 0 0 33.333%;}
	.menu-link a{background-color: #fff; color: #000; font-size: 14px; width: 100%;}
	.menu-link .footer-widget.other ul li{flex: 0 0 50%;}
	.menu-link .ico-arrow-next-w{background-image: url('../images/icons/ico-arrow-next.png'); margin-right: 1rem;}

	
	.menu-slide{height: auto; flex-direction: column; margin-top: 2rem;}
	.menu-slide > li{max-width: 100%; position: relative;}
	.menu-slide > li:hover ul li a{color: #fff;}
	.menu-slide > li > a{font-size: 1.8rem; display: block; text-align: left; font-weight: 600; padding: 15px 20px; margin-bottom: 0; color: #ccc;}
	.menu-slide > li > a::before{display: none;}
	.menu-slide > li > a::after{content: ''; position: absolute; right: 20px; top: 50%; background:url('../images/icons/ico-angle-down-w.png') no-repeat center/cover; width: 15px; height: 9px; margin-top: -4.5px; transition: transform .3s ease;}
	.menu-slide li:first-child{border-top: 0;}
	.menu-slide li:nth-child(3n) ul li a{letter-spacing: -0.6px;}
	.menu-slide li ul{display: none;}
	.menu-slide li .dropdown-menu{position: static; height: auto; transition: none; pointer-events: visible;  padding: 2rem 0; background-color: #333;}
	.menu-slide li ul li a{font-size: 1.6rem; letter-spacing: 0; color: #fff; display: block;}
	
	.menu-slide li ul li{padding: 0 0 0 3.5rem;}
	.menu-slide li ul li + li{padding-top: 17px;}

	.menu-slide li.active a, .menu-slide li:hover a{color: #fff;}
	.menu-slide li.active > a span{border-bottom: 1px solid #fff;}
	.menu-slide li.open > a::after{transform: rotate(180deg);}
	.menu-slide li.active ul li a, .menu-slide li:hover ul li a{color: #fff;}

	#footer .container{max-width: 100%; padding:  0 15px;}
	.footer-info-wrap{flex-direction: column-reverse; padding: 2rem 0 3rem;}
	.footer-widget.menu, .footer-widget.logo{display: none;}
	.footer-widget.info{width: 100%;}
	.footer-links li a{padding: 0; border: 0;}
	.footer-widget.info .select-box .btn-select{background-color: #eee;}
	.footer-etc{background-color: #0a0a0a; border-top: 1px solid #333; padding: 3rem 0 4rem;}
	.footer-widget.info .select-box .select-list{top: -620%; background-color: #eee;}


	/* ## MAIN-1280 */
	.support-wrap .notice-container{width: 66%;}
	.support-wrap .card-container{width: 34%;}

	.section-main-visual .screen-text-continer p{font-size: clamp(2.8rem, 4.2vw, 4.8rem);}
	.section-main-visual .screen-text-continer{flex-direction: column;}
	.section-main-visual .screen-line{left: 0; top: 60%;}
	.screen-text-wrap.active .screen-line{width: 52%;}
	.section-main-visual .screen-space{height: 0; width: 100%; transition: height .4s ease}
	.screen-text-wrap.active .screen-space{height: 10vw; flex: auto;}
	
	
	.brand-wrap .brand-pc{display: none;}
	.brand-wrap .brand-mobile{display: block;}

	#main #section-02{border-top: 1px solid #eee; padding-top: 6rem;}
	#section-02 .section-header{position: relative; top: 0; text-align: center; margin-bottom: 3rem;}
	#main .section-header .section-header-title{color: #0a0a0a;}
	.brand-mobile .card{height: 100vh; background: url('/assets/images/main/manitsuit-01.jpg') no-repeat center/cover;}
	.brand-mobile .card2{background-image: url('/assets/images/main/lemast-01.jpg');}
	.brand-mobile .card3{background-image: url('/assets/images/main/takaoka-01-v2.jpg');}
	.brand-mobile .card4{background-image: url('/assets/images/main/zen-01-v2.jpg');}

	.brand-mobile .card .cont{position: relative; width: 100%; height: 100%; color: #fff;}
	.brand-mobile .card .cont::before{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.4;}
	.brand-mobile .cont .container {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; padding: 0 15px; }
	.brand-mobile .cont h4 {font-size: 4rem; line-height: 1em;}
	.brand-mobile .cont .desc{font-weight: 400; font-size: 1.6rem; margin-top: 35px;}
	.brand-mobile .cont .btn {display: inline-block; margin-top: 50px; padding: 0; font-size: 1.8rem; border: 0;}

	.brand-mobile .cont .brand-logo{display: none; /* margin-bottom: 8rem; */}
	/* .brand-mobile .cont .brand-logo img{width: 100%;} */


	.org-cont{margin-top: 10rem;}
	.org-wrap{overflow-x: auto; padding-bottom: 2rem;}
	.org-container{min-width: 769px; overflow: hidden;}
	.org-wrap.boolim .org-container{min-width: max(64rem, 52vw);}

	.world .org-container{min-width: 1280px;}

	.org-item{width: max(18rem, 20vw); font-size: clamp(1.4rem, 0.9375vw, 2.4rem ); }
	.org-item > div{height: max(4.8rem, 5.5vw);}
	.org-wrap.boolim .depth-line .line.full{width: calc(100% - max(18rem, 20vw)); margin-left: max(9rem, 10vw);}

	.org-wrap.boolim .depth2{padding-left: 12vw; padding-right: 12vw;}
	.org-wrap.boolim .depth-line{width: calc(100% - 24vw);}

	.depth3 .org-item{width: max(16rem, 18vw);}
	.depth4 .org-item{width: max(16rem, 18vw);}

	.org-wrap.pt .depth1 .line{height: 220%;}
	.org-wrap.pt .box + .box{margin-left: 12px;}
	.org-wrap.pt .depth-line{width: calc(100% - max(40rem, 32vw));}
	.org-wrap.pt .depth-line .line.full{width: calc(100% - max(18rem, 20vw)); margin-left: max(9rem, 10vw);}
	.org-wrap.pt .depth2{padding-left: max(20rem, 16vw); padding-right: max(20rem, 16vw);}
	.org-wrap.pt .org-container{min-width: max(88.5rem, 52vw);}

	.org-wrap.pt .depth3 .depth-line .line.full{margin-left: max(8rem, 9vw); width: calc(100% - max(16rem, 18vw));}


	.org-wrap.cfc .org-item{width: var(--cfg-item-1280);}
	.org-wrap.cfc .depth3 .org-item{width: 160px;}
	.org-wrap.cfc .org-container{min-width: 825px;}
	.org-wrap.cfc .depth3 .depth-line .line.full{margin-left: 80px;  width: calc(100% - 160px);}

	.org-wrap.cfc .depth-line .line.full{width: calc(var(--cfg-item-1280) + 60px);}
	.org-wrap.cfc .depth2 .box + .box{margin-left: calc(var(--cfg-item-1280) + 60px);}

	.org-wrap.horizontal .org-container{min-width: max(84rem, 52vw);}
	.org-wrap.horizontal .depth2 .org-item{width: max(18rem, 10vw);}
	.org-wrap.horizontal .depth-line .line.full{margin-top: max((4.8rem * 3) / 2 + 1px, (5.5vw * 3) / 2 + 1px); height: calc(100% - max((4.8rem * 3) - 1px, (5.5vw * 3)) - 1px);}


	/* ## CFC-1280 */
	.general-swiper .thumb-list .grid-item{flex: 0 0 33.33%;}
	.core-factory .dash li .text{width: calc(100% - 40px);}


	/* ## BUSINESS-1280 */
	.logo-pt{display: none;}
	.text-pt{display: none;}
	.content-wrap .head{width: 25%;}
}

@media only screen and (max-width: 1200px) and (min-width: 992px){
	.how-to-apply-wrap ul li .box::after{right: -15%;}

	.counter-wrap .item p{font-size: 1.6rem;}
	.counter-wrap .item{padding: 2rem;}
}

@media (max-width: 991px) {
	
	/* body{font-size: 0.8rem;} */

	.layer-fix{overflow: hidden;}
    .show-mobile { display:block!important}
	.hide-mobile { display:none!important}

	.gutter-xl.container,
	.gutter-m.container{padding: 0 1.5rem;}

	.container-full{padding: 0 1.5rem}
	.container-wide{padding: 0 1.5rem;}

	.dlpo-wrap .banner-item a{font-size: 14px;}
	.dlpo-wrap .dlpo-close{right: 10px; top: 5px;}

	.header-util{font-size: 1.4rem;}
	#header.open .btn-gnb{margin: 0; transform: translateX(0);}
	#header.open .header-gnb{display: none;}

	.layer-popup .pop-wrap{width: 80%;}

	/* ## COMMON - 991 */
	.util .list img{max-width: 50px;}
	.scroll-to-top a{width: max(4rem , 6vw); height: max(4rem , 6vw);}

	.section-header{margin-bottom: 0;}
	.section-header-title{line-height: 1.2; font-size: 1.6rem; }
	.section-header .section-desc{margin-top: 1rem;}

	.row.space-20 [class*="col-"]{padding-left: 10px; padding-right: 10px;}
	.row.space-20{margin-left: -10px; margin-right: -10px;}


    /* ## HEADER - 991 */
	.logo a{width: 80px; height: 44px; /* background-image: url('../images/m-logo-c@3.png'); */}
	.user-icon-menu{width: 80px;}

	/* ## FOOTER - 991 */
	.footer-widget .widget-title{margin-bottom: 1rem;}
	#footer .show-mobile{display: none !important;}
	.fixed #footer{bottom: 0;}

	.util{bottom: 25%;}
	.util .list li.shop{margin-bottom: 10px;}
	/* .scroll-to-top{display: none;} */

	/* MAIN-991 */
	#main .section{padding: 6rem 0;}

	#section-01 .section-wrap .section-content{margin-top: 3rem;}
	.business-wrap{height: auto;}
	.business-wrap .bg{position: relative;}
	.business-wrap .item{opacity: 1; position: relative; }
	.business-wrap .item + .item{margin-top: 4rem;}
	.business-wrap .cont{position: relative; left: 0; padding: 1.5rem; top: 0; transform: none; color: #0a0a0a;}
	.business-wrap .cont .grid-desc{color: #727273; margin: 1.5rem 0;}
	.business-wrap .bg img{position: relative; height: 55vw;}
	.business-category{display: none;}

	.business-wrap [data-animate="bottom"] {transform: translate3d(0, 0, 0); opacity: 1;}


	.brand-mobile .cont .container .inner{position: absolute; left: 2rem; right: 2rem}

	.support-wrap{flex-direction: column;}
	.support-wrap .notice-container{width: 100%; padding: 6rem 0;}
	.support-wrap .card-container{width: 100%; padding: 3rem; display: flex;}
	.card-container .item{flex: 1;}
	.card-container .item + .item{margin-top: 0; margin-left: 2.75vw;}
	.bg-card{display: none;}


	/* ## SUB-991 */
	.sub-visual{padding: 3rem 0;}
	.contents{padding: 3rem 0; height: auto;}
	.page-title{font-size: 0.75rem; color: #131313;}
	.section-page{padding: 4rem 0;}
	.basic-section.section-page{padding-top: 3rem;}
	.sub section:last-child{padding-bottom: 6rem;}
	.sub-visual[data-type=pin] + .sub-tab-wrap{margin-top: 6rem;}
	.sub-visual[data-type=scale] .image-wrap{margin-top: 3rem;}
	.sub-visual[data-type=scale] + .sub-tab-wrap{margin-top: 3rem;}

	.subwrap-top{margin-top: 3rem;}
	.subwrap-top .subwrap-title{font-size: 3.6rem; line-height: 1.3;}
	.subwrap-title-s{font-size: 1.6rem;}
	.sub-tab-wrap{margin: 3rem 0;}
	.sub-tab{overflow-x: auto;}
	.sub-tab ul{max-width: 100%; justify-content: flex-start; padding-bottom: 0.5rem;}
	.sub-tab ul li:first-child{margin-left: 0;}
	.sub-tab ul li{flex: none;}
	.sub-tab ul li a{padding: 0 1.5rem; min-width: 80px;}

	.sub-tab-wrap.sticky .container{padding: 0;}
	.sub-tab-wrap.sticky .sub-tab ul{padding-bottom: 0;}
	.sub-tab-wrap.sticky .sub-tab ul li a{min-width: 100px;}

	/* .sub-top-visual{height: 150px;} */
	.sub-top-wrap{height: 320px;}
	.sub-top-visual .line{margin: 15px 0 13px;}
	.sub-top-visual .visual-title{font-size: 1.6rem; }
	.sub-top-visual .visual-desc{font-size: 1rem;}

	/* .section-page{padding: 5vw 0;} */


    .lnb-wrap {padding: 0 1.5rem;}
	.lnb-wrap .lnb-menu{display: flex; height: 3rem;}
	.lnb-wrap .lnb-menu li{flex: 1; font-size: 14px;}
	.lnb-wrap .lnb-menu .menu-box2:last-child {width:100%!important; border:0; background:#333}
	/* .lnb-wrap .lnb-menu .sub-menu { background:#333; box-shadow: 0 0 10px rgba(0,0,0,0.2); z-index: -1; padding-bottom: 10px;}  */
	/* .lnb-wrap .lnb-menu .sub-menu a {color:#fff; border:0} */
	.lnb-wrap .lnb-menu .btn-lnb {letter-spacing: 0; width: 100%; padding-left: 12px; height: 40px; line-height: 40px; max-width: 100%; }
	.lnb-wrap .lnb-menu a{overflow: hidden; text-overflow: ellipsis; white-space: nowrap}
	.lnb-wrap .lnb-menu .sub-menu a{text-align:center;padding:0 12px 0 12px; letter-spacing: 0; text-align:left; height: 40px; line-height: 40px;}
	/* .lnb-wrap .lnb-menu .btn-lnb .ic {width:56px;height: 56px;right: 0; top: 0; margin-top: 0; background: url("../img/hd/ico_gnb_arrow.png") no-repeat center center; background-size:38% auto} */
    /* .subwrap-top + .sub-wrap.notice-wrap .panel-sub:first-child {padding-top: 40px;} */
	.lnb-wrap .lnb-menu .btn-lnb .ic{right: 5px}

	.sub-tab-nav li a{line-height: 1.2;}

	.section-image{margin-top: 30px;}
	.sub .section-title{line-height: 1.2;}
	.sub .section-header{margin-bottom: 3rem;}
	.section-page.first{padding-top: 4rem;}
	.sub-tab-wrap + .section-page{padding-top: 0;}
	.section-header h4{line-height: 1.2;}
	.basic-section .section-header .section-desc{font-size: max(1.6rem, 2.6vw); line-height: 1.4;}

	.global-en .section-title{font-size: 2.4rem;}
	.global-ja .section-title{font-size: 2.4rem;}

	.global-en .section-header h4{font-size: 2.4rem;}
	
	.thumb-swiper .swiper-slide:hover::before{background-size: 2.5rem;}


    /* ## ABOUT-991 */
	.overview-wrap{flex-direction: column-reverse;}
	.overview-wrap .image img{width: auto; max-width: 100%;}
	.overview-wrap .cont{width: 100%; margin-right: 0; margin-top: 3rem;}
	.overview-wrap .cont p{font-size: 1.6rem;}

	.global-en .gols-title-wrap{margin-top: 6rem;}
	.global-en .round-top span{height: auto; width: 100%;}
	.global-en .round-top::before{display: none;}

	.global-ja .overview-wrap .image{width: 100%;}
	.global-ja .overview-wrap .cont{width: 100%;}

	.gols-wrap{flex-direction: column; text-align: center;}
	.gols-wrap .cont{margin-right: 0;}
	.gols-wrap .cont p{font-size: clamp(1.6rem, 2.4vw, 1.8rem);}
	.gols-wrap .image{margin-top: 2rem;}
	.gols-title img{max-width: 175px;}
	.gols-title .section-desc{font-size: max(1.8rem, 2.4vw);}
	.gols-wrap .cont .highlight{padding: 1px 4px;}


	.ph-wrap{margin-top: 3rem;}
	.ph-wrap ul li{flex-direction: column;}
	.ph-wrap ul li .cont{margin-left: 0; margin-top: 3rem; font-size: 1.6rem; width: 100%;}
	.ph-wrap ul li .title{width: max(12rem, 20vw); height: max(12rem, 20vw);}
	.ph-wrap ul li .title span{font-size: clamp(1.8rem, 2.4vw, 2.4rem);}

	.global-en .ph-wrap ul li .title{width: max(15rem, 20vw); height: max(15rem, 20vw);}

	.campaign-wrap ul{flex-direction: column; justify-content: flex-start; margin: 3rem 0 6rem;}
	.campaign-wrap ul .line{height: 100%; width: 1px; left: max(4rem, 6vw); top: 0;}
	.campaign-wrap ul li{display: flex; align-items: center;}
	.campaign-wrap ul li + li{margin-top: 3rem;}
	.campaign-wrap ul li p{margin-left: 2rem; margin-top: 0; font-size: 1.6rem; text-align: left;}
	.campaign-wrap ul li .circle{width: max(8rem, 12vw); height: max(8rem, 12vw); margin: 0; text-align: left;}
	.campaign-wrap .box-desc p{font-size: 1.6rem;}

	.global-en .campaign-wrap ul li .circle{width: max(9rem, 12vw); height: max(9rem, 12vw); font-size: 1.4rem;}
	.global-en .campaign-wrap ul .line{left: max(4.5rem, 6vw);}
	.global-en .campaign-wrap ul li p{width: 68%;}

	.rel-swiper .swiper-nav{margin-top: 4px;}
	.rel-swiper .swiper-nav div{width: 36px; height: 36px;}



	.rel-item{margin-top: 2rem;}
	.rel-item .cont .text p{font-size: 1.6rem; line-height: 1.45;}

	.brand-row .row-item{flex-direction: row;}
	.brand-row .row-item.rtl{flex-direction: row-reverse;}
	.brand-row .row-item .item-image{margin-top: 0;}
	.brand-row .row-item .item .cont p{width: 100%;}

	.history-wrap{margin-top: 4rem;}
	.history-wrap .left{display: none;}
	.history-wrap .cont{margin-top: 0; margin-left: 10px;}
	.history-wrap .cont li .item{padding-left: 4rem;}
	.history-wrap .cont li + li{margin-top: 3rem;}


	.location-wrap .map-wrap{height: max(26rem, 36vw);}
	.location-info{margin-top: 3rem; flex-direction: column;}

	.page-affiliates .section-page{padding: 6rem 0;}
	.page-affiliates .section-page.first{padding-top: 3rem;}


	.global-ja .page-brand.manitsuit .row-item.story .item{width: 100%;}
	.global-ja .page-brand.manitsuit .row-item.story .item.item-image{width: 100%;}
	.global-en .page-brand.manitsuit .row-item.story .item{width: 100%;}
	.global-en .page-brand.manitsuit .row-item.story .item.item-image{width: 100%;}

	.global-ja .brand-overview.zen .row-item.story .item{width: 100%;}
	.global-ja .brand-overview.zen .row-item.story .item.item-image{width: 100%;}
	.global-ja .brand-overview.zen .item p span{display: block;}

	.global-en .brand-overview.zen .row-item.story .item{width: 100%;}
	.global-en .brand-overview.zen .row-item.story .item.item-image{width: 100%;}
	.global-en .brand-overview.zen .item p span{display: block;}

	/* ## BUSINESS-991 */
	.content-wrap{flex-direction: column;}
	.content-wrap .cont{margin-left: 0; margin-top: 3rem;}
	.content-wrap.overview .cont{margin-left: 0;}
	.content-wrap .head{width: 100%; display: flex; align-items: center;}
	.overview-container .swiper{margin-bottom: 6rem;}
	.content-wrap .head .cate{margin-top: 0; margin-left: auto;}
	.counter-swiper .swiper-slide .item{display: block; border: 0; text-align: center;}
	.counter-wrap .image{margin-bottom: 0;}
	.content-wrap .cont .table-wrap table{table-layout: fixed;}
	.content-wrap .cont .table-wrap table th{padding: 1rem; width: 31%;}
	.content-wrap .cont .table-wrap table td{padding: 1rem}
	.content-wrap .cont p{margin-bottom: 3rem;}
	.counter-wrap .item{margin-left: 0; padding: 1rem 0 3rem ; font-size: 1.6rem;}
	.counter-wrap .item p{margin: 1rem 0;}
	.counter-wrap .item .text{display: flex; align-items: flex-end; justify-content: center;}
	.counter-wrap .item .unit{margin-left: 3px; margin-bottom: 3px; display: inline-block; color: #0a0a0a;}
	.counter-wrap .item-list{display: none;}
	.counter-wrap .item .text .counter{line-height: 1;}
	.counter-wrap .item.active{color: #0a0a0a;}
	.counter-wrap .item.active .line{background-color: #0a0a0a;}
	.counter-wrap .item.active .text{color: #003bb3;}


	.production ul{flex-direction: column; margin: 0;}
	.production ul li{width: 100%; padding: 0;}
	.production ul li + li{margin-top: 15px;}
	.production .desc{text-align: center;}
	.production .desc span{padding: 4px 10px;}
	.production ul li .cate{font-size: 1.6rem;}
	.production ul li .inner{padding: 3rem 2rem;}

	.location-wrap + .location-wrap{margin-top: 6rem;}
	.mfp-image-holder .mfp-content{max-width: 80% !important;}

	
	.contribution-wrap .image{margin: 3rem 0;}
	.contribution-wrap .desc{height: max(5.4rem, 8vw); line-height: max(5.4rem, 8vw);}
	.cb2-wrap .cont{margin-left: 3rem;}

	.mng-wrap{margin-top: 6rem;}
	.mng-wrap ul{flex-direction: column; align-items: center;}
	.mng-wrap ul li + li{margin-top: 4rem;}
	.mng-wrap ul li{width: 20rem; height: 20rem;}
	.mng-wrap .desc{margin-top: 3rem;}
	.ico-mng-arrow{width: 32px; height: 75px;}

	.sub .section-page.awards-section{padding-bottom: 0;}


	/* ## CFC-991 */
	.core-wrap .item + .item{margin-left: 2rem;}
	.core-factory .dash li{padding: 1.5rem;}
	.core-factory .dash li .label{margin-right: 1.5rem; padding-top: 3px;}
	.core-factory .dash li{align-items: flex-start;}

	.page-cfc .content-wrap .head{width: auto;}

	.section-video .video-wrap{height: max(24rem, 50vw);}


	/* ## BRAND-991 */
	.page-detail .section-page{padding: 6rem 0;}
	.row-item{flex-direction: column;}
	.row-item .row-cont{font-size: 1.4rem; margin-left: 0; margin-top: 5vw;}
	.row-item .item-image{margin-left: 0; margin-top: 4rem;}
	/* .row-item .item .desc div{text-align: center;} */
	.row-item .item .desc p + p{margin-top: 1.5rem;}

	.row-item.rtl{flex-direction: column;}
	.row-item.rtl .item .desc{padding-right: 0;}
	.row-item.rtl .item-image{margin-right: 0;}
	.row-item.rtl .row-cont{margin-right: 0; text-align: left;}


	.brand-logo-wrap{margin-top: max(2rem, 3vw); margin-bottom: 0;}
	.brand-logo-wrap img{width: 100%;}

	.store-tabs{max-width: 100%;}

	.manitsuit .text-wrap{display: none}

	.brand-overview.lemast .desc{padding: 2rem;}
	.brand-overview.lemast .row-item .item:last-child{margin-right: 0;}
	.brand-overview.lemast .text-deco{top: max(34.5%, 120vw); left: 0;}
	.brand-overview.lemast .desc p{margin-bottom: 2.5rem;}

	.brand-overview .item p em{display: block;}
	.brand-overview .item p em + em{margin-top: 0.5rem;}


	.bg-takaoka{padding-top: 6rem;}
	.takaoka .section-header img{max-width: 300px; width: 70%;}
	.brand-overview.takaoka{padding-bottom: 0;}
	.bg-takaoka2 .row-item .item:first-child{margin: 0}
	.brand-overview.takaoka .row-item .item{margin-bottom: 0;}
	.brand-overview.takaoka .row-item .item:nth-child(2n){margin: 0 1rem;}
	.brand-overview.takaoka .desc{padding: 0; margin-top: 4rem;}
	.brand-overview.takaoka .row-item{flex-direction: row;}
	.bg-takaoka2 .row-item .item{margin-top: 4rem;}

	.brand-list-wrap .grid-list .grid-item{flex: 0 0 48%; margin-right: 4%; margin-bottom: 4rem;}
	.brand-list-wrap .grid-list .grid-item:nth-child(2n){margin-right: 0;}

	.brand-overview.zen .item.rtl{padding-left: 0; margin-top: 4rem; display: flex; flex-direction: column-reverse;}
	.brand-overview.zen .item .text.text-right{text-align: left;}
	.brand-overview.zen .item .image img{width: 100%;}
	.brand-overview.zen .item p{margin: 2rem 0 0;}

	.brand-overview.zen .row-item.last .item-image{margin-right: 0; margin-top: 4rem;}
	.brand-overview.zen .row-item.last p{margin-bottom: 4rem;}
	.text-pt2{padding: 0 1rem;}

	.distribution .location-wrap{margin-top: 6rem;}

	.store-wrap ul li{flex-direction: column; align-items: flex-start; padding: 2rem 0;}
	.store-wrap ul li .title{padding-left: 0; width: 100%; margin-bottom: 1.5rem;}
	.store-wrap ul li .cont{margin-left: 0;}
	.store-wrap ul li .cont p{display: flex;}
	.store-wrap ul li .cont p .label{margin-right: 1rem; width: 1.8rem;}
	.store-wrap ul li .cont p + p{margin-top: 0.75rem;}

	.global-ko .store-wrap ul li .cont p .label{width: auto;}

	.brand-swiper .swiper-nav button{width: 36px; height: 36px;}

	.brand-slide .swiper-slide .img-box{aspect-ratio: 0.8;}
	.brand-slide.brand-store .swiper-slide .img-box{aspect-ratio: 0.95;}


	.grid-item .grid-image{margin-bottom: 1.5rem;}
	.grid-list-wrap .grid-item{margin-bottom: 3rem;}
	.row.space-35{margin-left: -15px; margin-right: -15px;}
	.row.space-35 [class*="col-"]{padding-left: 15px; padding-right: 15px;}
	

	/* ## CONTACT-991 */
	.contact-wrap{padding: 3rem 0; height: auto; background-color: #f2f0ed;}
	.contact-content{padding: 1.5rem 0 5rem;}
	.location-info .cont{margin-left: 0; padding-left: 0; margin-top: 3rem;}
	.location-info .cont::before{display: none;}
	.location-info .cont .item + .item{margin-top: 1.5rem;}
	.location-info .cont .item .text em{flex-shrink: 0; width: 20%;}
	.location-info .cont .item .text span{margin-left: 0; flex-grow: 1;}
	/* .location-info .cont .item{font-size: 1.6rem;} */

	.global-en .location-info .cont{margin-left: 0; padding-left: 0;}

	.page-business .location-info .cont .item .text em{width: 19%;}


	.page-cfc .location-info .cont .item .text em{width: 19%;}

	.contact-content .text{font-size: 1.2rem; margin-top: 1.5rem; line-height: 1.58;}
	.contact-content svg{top: 11rem; right: -40%; left: auto; max-width: 50vmax; width: 90vw; z-index: 2}

	.form-input .radio-box + .radio-box{margin-left: 0; margin-top: 1rem;}
	.contact-form .radio-box label{font-size: 14px;}

	.form-row:first-child{border-bottom: 1px solid #fff; padding-bottom: 2rem;}
	.contact-form .form-input.d-flex{flex-wrap: wrap;}
	.form-half{flex: 0 0 100%;}
	.form-half + .form-half{margin-left: 0; margin-top: 1rem;}

	.contact-form{margin-top: 4rem;}
	.contact-form .label{font-size: 1.6rem; margin-bottom: 1.5rem;}
	.contact-form .input{height: 4rem; line-height: 4rem; font-size: 1.6rem;}
	.contact-form .select-box .btn-select{padding-left: 5px; height: 4rem; line-height: 4rem;}
	.contact-form .form-input{margin-bottom: 4rem;}

	.contact-container .text{font-size: 1.8rem;}
	.section-map .contact-wrap{padding-top: 3rem;}

	.cb-wrap{flex-direction: column-reverse;}
	/* .map-wrap{max-height: 15rem;} */
	.address-info{width: 100%;}
	.address-info p{white-space: normal; font-size: 0.75rem; font-weight: 300;}
	.address-info p:nth-child(1){margin-top: 0;}
	.address-info p:nth-child(2){margin-top: 0.25rem;}


	/* #### CAREERS-991 */
	.how-to-apply-wrap .image{margin-bottom: 0;}
	.how-to-apply-wrap ul{flex-direction: column;}
	.how-to-apply-wrap ul li{padding-left: 0;}
	.how-to-apply-wrap ul li + li{margin-top: 3rem;}
	.how-to-apply-wrap ul li.arrows{text-align: center; margin-top: 4rem;}
	/* .how-to-apply-wrap ul li:first-child{margin-top: 0;} */
	.how-to-apply-wrap ul li .box{height: auto; padding: 2vw 0;}
	.how-to-apply-wrap ul li h5{font-size: max(1.8rem, 2.4vw);}
	.how-to-apply-wrap ul li .box::after{display: none;}
	.how-to-apply-wrap ul li .ico-arrow-apply{background: url('../images/careers/arrow-03.png') no-repeat center/cover; width: 32px; height: 16px; background-position: right; transform: rotate(90deg);}

	.global-ja .how-to-apply-wrap ul li{width: 100%;}

	.person-wrap .image{margin-bottom: 2rem;}
	.person-wrap ul{flex-direction: column;}
	.person-wrap ul li{margin-top: 6rem;}
	.person-wrap ul li::after{display: none;}
	.person-wrap ul li h5{font-size: max(2.8rem, 4.2vw);}
	.person-wrap ul li p{font-size: max(1.6rem, 2.8vw);}
	.person-wrap .desc{margin-top: 6rem;}
	.person-wrap .desc p{font-size: 1.6rem; line-height: 1.3;}

	.global-en .person-wrap .desc{border-radius: 10px;}
	
	/* #### FAQ-991 */
	.faq-wrap ul.faq li.faq-item a.faq-title span.subject{font-size: 16px;}

	.grid-item:first-child{margin-top: 0;}
	.grid-list{margin-top: 0;}
	.grid-list.bg-white .grid-item{padding-right: 20px; margin-left: 20px;}
	

	/* ## FORM-991 */
	.bs-number-input{width: 100%; display: flex; align-items: center; justify-content: space-between;}
	.bs-number-input .bno1{width: 30%;}
	.bs-number-input .bno2{width: 20%;}
	.bs-number-input .bno3{width: 50%;}

	.contact-form textarea.input{min-height: 40vw;}


	/* ## BOARD-991 */
	.bbs-tab-wrap{margin-top: 3rem;}
	.bbs-wrap{margin: 0;}
	.bbs-tab li a{width: auto; font-size: 14px; padding: 0 2rem;}
	.bbs-table table thead td, .bbs-table table tbody td.ft-s, .bbs-table .type-box {font-size: 18px; padding: 15px;}
	/* .bbs-table table td, .bbs-table table tbody td.subject {font-size: 18px; line-height: 24px; font-weight: normal;} */

	.bbs-table table td.subject .category{display: block; margin-bottom: 5px;}
	.bbs-table table tbody td.subject, .bbs-table table td a, .bbs-table table td, .bbs-table table tbody td.subject { color: #333; font-weight: 500; padding: 10px;}
	.bbs-table table tbody td.subject, .bbs-table table tbody td.subject + td {display: block; text-align: left!important; border: 0; padding: 20px 10px; }
	.bbs-table table tbody td.subject {padding-bottom: 0;}
	.bbs-table table tbody td.subject + td {padding-top: 5px; border-bottom: 1px solid #d5d5d5;}
	.bbs-table table tbody td.subject a {max-width: 75%; padding: 0;}


	.bbs-list-search{font-size: 14px;}
	.bbs-list-search .search-wrap li .select-box{width: 90px;}
	.bbs-list-search .search-wrap li .btn-search{right: -10px;}
	.bbs-list-search .search-wrap{max-width: 320px; margin: 0 auto;}
	.bbs-list-search .search-wrap li input[type=text]{max-width: 150px;}

	.bbs-bot{margin-top: 50px;}
	.bbs-bot ul li{font-size: 14px;}
	#post-content iframe{max-width: 100%; width: 100%; height: auto; min-height: 280px;}

	.bbs-gallery .grid-item{margin-bottom: 3rem;}

	/* ## Panel - 991 */
	.panel{max-width: 100%;}
	.panel-footer{padding: 1.5rem 1rem;}
	.panel-header h2{font-size: 24px;}
	.panel-body{padding: 3rem 1.5rem;}
	.password-wrap .panel{margin: 50px auto;}

	.alert{font-size: 14px;}

	.input.round{height: 45px; line-height: 45px; padding-left: 20px;}

	.sp-submit{height: 45px; line-height: 45px;}


	/* ## Terms */
	.privacy-wrap{padding-bottom: 50px;}
	.privacy-wrap .privacy-box.summary{padding: 15px;}
	.privacy-box.summary .list-style-box, .privacy-box.summary .list-style{display: block; margin: 0 auto; width: 100%;}


	.scroll-to-top{bottom: 4%;}
    .scroll-to-top .scroll-bar-text{font-size: 12px;}
	.scroll-to-top .scroll-top-icon{width: 18px; height: 10px; margin-bottom: 4px;}
	.scroll-to-top .scroll-top-inner{width: 2.5rem; height: 2.5rem;}


}

@media(min-width: 768px){
    #sp-wrapper.register #sp-footer{position: relative}
}


@media screen and (max-width: 767px){
    
	html{font-size: 10px;}

    .handle-preloader .animation-preloader .spinner {height: 8em; width: 8em;}

	.scroll-to-top{bottom: 4%;}
    .scroll-to-top .scroll-bar-text{font-size: 12px;}
	.scroll-to-top .scroll-top-icon{width: 18px; height: 10px; margin-bottom: 4px;}
	.scroll-to-top .scroll-top-inner{width: 5rem; height: 5rem;}
	.util{bottom: 15%;}

	/* ## HEADER-767 */
	#header{height: 6rem;}
	.header-nav{height: 6rem;}
	.util-user{height: 3rem;}
	.util-user .ico-user{height: 3rem; width: 3rem; background-image: url('../images/icons/m-ico-avatar.png');}

	.util-dropdown a .icon{margin-left: 6px;}
	.util .list li.shop{opacity: 0; display: none;}
	.util .list li.shop.visible{opacity: 1; display: block;}

	.scroll-to-top .scroll-top-inner{display: none;}
	.scroll-to-top .scroll-top-inner.visible{display: block;}



	/* ## FOOTER-767 */
    .company-info{font-size: 12px;}
    .contact-info{margin-left: 0; margin-bottom: 0.7rem; font-size: 0.8rem; font-weight: 600;}
    .contact-info div span{border-bottom: 0;}
    .contact-info div + div{margin-left: 0.5rem;}
	#footer .show-mobile{display: block !important;}


	/* ## MAIN-767 */
	.section-main-visual .btn{font-size: 14px; width: 12rem; height: 4rem; line-height: 4rem;}
	.section-main-visual .screen-text2{font-size: 1.6rem;}

	.section-main-visual .swiper-pagination{bottom: 5rem;}
	.swiper-arrows button{width: 35px; height: 35px;}

	#main .section-header .section-header-desc{margin-bottom: 1.5rem;}
	#main #section-03{padding-bottom: 4rem;}
	.support-wrap .card-container{padding: 0;}
	.card-container::before{display: none;}

	.ico-qna{width: 180px; height: 74px;}
	.ico-career{width: 80px; height: 108px;}

	.notice-container .swiper-nav{width: 56px; height: 24px;}
	.notice-container .swiper-nav div{width: 24px; height: 24px;}
	


	.btn-more{width: 12rem; height: 4rem; line-height: 4rem; font-size: 1.4rem;}
	.news-title-wrap .section-title{font-size: 2.4rem;}
	.swiper-nav-wrap span{width: 3rem; height: 3rem;}
	.icon-arrow-wrap{width: 3rem; height: 3rem;}
	.icon-btn .arrow{width: 3rem; height: 3rem;}

	.layer-popup .pop-wrap{width: 100%; height: 100%; padding: 20px;}
	.pop-header{padding: 10px 0 0 0; height: 30px;}
	.pop-content{height: calc(100% - 60px); overflow-y: scroll; padding: 15px; max-height: 80vh;}
	.pop-footer{position: fixed; width: 100%; bottom: 10px;}
	.pop-wrap .btn-close{top: 30px; right: 20px; text-indent: -9999px; width: 20px; height: 20px;}
	.pop-wrap .btn-close.cross:before, .pop-wrap .btn-close.cross:after{background-color: #000;}
	.pop-footer .btn-close{top: 0; left: 0; right: 0; text-indent: 0; width: auto; height: auto;}
	
 		
	/*  ## SUB-767 */
	.desc{font-size: 1.4rem;}
	.sub-top-wrap{height: 320px;}
	.sub-top-content{margin-top: 6rem;}

	.sub-top-visual .line{margin: 15px 0 13px;}
	.sub-top-visual .visual-title{font-size: 8vw; }
	.sub-top-visual .visual-desc{font-size: 4.5vw;}

	.lnb-wrap{padding: 0 5vw;}
	.lnb-wrap h2, .lnb-wrap .lnb-menu .ic{display: none;}
	.lnb-wrap .lnb-menu ul{margin-left: 0; justify-content: center; width: 100%;}
	.lnb-wrap .lnb-menu li{margin-right: 0; text-align: center;}

	.lnb-wrap .lnb-menu{height: 45px;}
	.breadcrumb{font-size: 12px; margin-bottom: 1.5rem;}

	.section-header-title{font-size: 6.38vw; }
	.sub section.bg-section{margin-bottom: 0;}
	.sub-tab-nav-warp{margin-top: 0;}
	.sub-tab-nav-warp .container{padding: 0;}
	.sub-tab-nav{transition: all 0.3s; width: 100%; z-index: 1; }
	.sub-tab-nav.active{display: flex; opacity: 1; background-color: #fff;}

	.sub-tab-nav li{border-bottom-width: 1px;}
	.sub-tab-nav li a{font-size: 14px; }
	.sub-tab-nav li.active{background-color: transparent; border-bottom-width: 2px;}
	/* .sub-tab-nav li.active a{color: #fff;} */
	.sub-tab-nav li a:after{display: none;}

	.fixed-nav .sub-tab-nav-warp .container{padding: 0;}
	.fixed-nav .sub-tab-nav{width: 100%;}

	/* .sub-tab-nav-warp .btn-lnb{display: block; background-color: #2351b1; color: #fff; padding: 12px 10px;} */
	.btn-lnb{padding: 19px 20px; width: 100%; display: block; position: relative; line-height: 1; }
	.btn-lnb .more{position: absolute;  width: 40px; height: 40px; right: 0; top: 0; text-align: center; line-height: 40px;}
	.btn-lnb .more .icon{width: 20px; height: 10px; background: url('../images/icons/ico_angle_down.png') no-repeat center; display: inline-block; background-size: 20px 10px;}

	.sub-tab-nav-warp .btn-lnb.active .icon{background-image: url('../images/icons/ico_angle_down_on.png');}


	.general-swiper .swiper-nav div{width: 40px; height: 40px;}


	/* ## COMPANY-767 */
	.round-top span:first-child{font-size: 1.8rem;}
	.round-top span{width: calc(max(28vw, 15rem) - 60px); height: calc(max(28vw, 15rem) - 60px);}
	.round-top span:nth-child(2){width: calc(max(28vw, 15rem) - 30px); height: calc(max(28vw, 15rem) - 30px);}
	.round-top span:nth-child(3){width: max(28vw, 15rem); height: max(28vw, 15rem);}
	
	
	.gols-cont-wrap .border{width: 100%; max-width: 100%; flex-direction: column;  border: 0; border-radius: 10px;}
	.gols-cont-wrap .circle:nth-child(2n){margin: 1.5rem 0;}
	.gols-cont-wrap .circle .inner{width: 300px; height: 100px; border-radius: 10px;}
	.gols-cont-wrap .circle span{width: 270px; height: 70px; border-radius: 10px;}

	.global-ko .gols-cont-wrap .border{max-width: 100%; flex-direction: row;}
	.global-ko .gols-cont-wrap .circle .inner{width: 22.5vw; height: 22.5vw;}
	.global-ko .gols-cont-wrap .circle:nth-child(2n){margin: 0;}
	.global-ko .gols-cont-wrap .circle span{width: calc(22.5vw - 2rem); height: calc(22.5vw - 2rem); font-size: max(1.4rem, 1.8vw); line-height: 1.2;}
	

	.rel-item .cont{flex-direction: column; margin-top: 1rem;}
	.rel-item .cont .logo{width: 100%; height: 36vw;}
	.rel-item .cont .text{margin-left: 0; margin-top: 1.5rem;}
	.rel-item .cont .text a{width: 100%;}
	
	.rel-item.pt .cont .logo{background-size: 40%;}
	.rel-item.cfc .cont .logo{background-size: 38%;}
	.rel-item.tow .cont .logo{background-size: 40%;}


	.rnd-wrap .swiper-nav{top: max(20%, 26vw);}
	.brand-row .row-item{flex-direction: column; transform: translateX(100px); transform: translateX(0);}
	.brand-row .row-item.rtl{flex-direction: column;}

	.brand-row .row-item .item .cont{padding: 0; margin-top: 2rem; align-items: center; justify-content: center; text-align: center;}
	.brand-row .row-item.rtl .item .cont{padding-right: 0; align-items: center; justify-content: center; text-align: center;}
	.brand-row .row-item + .row-item{margin-top: 6rem;}

	.brand-row .row-item.lemast .logo img{width: 45%;}
	.brand-row .row-item.zen .logo img{width: 60%;}

	.brand-slide .swiper-nav button{width: 36px; height: 36px;}
	.brand-slide.brand-store .swiper-nav button{width: 30px; height: 30px;}


	.global-ko .store-tabs{max-width: 100%;}
	.store-tabs{overflow-x: auto; justify-content: flex-start;}
	.store-tabs li a{line-height: 1; padding: 0 1rem; min-width: 10rem; display: flex; align-items: center; justify-content: center; white-space: nowrap;}

	/* ## BUSINESS-767 */
	.production ul li .inner{display: flex; align-items: center; justify-content: space-between;}
	.production ul li .line{display: none;}
	.cate span{min-width: auto; padding: 0 1rem; height: 3rem; line-height: 3rem;}
	.production .desc{font-size: 1.2rem; text-align: right;}

	.cb2-wrap{flex-direction: column;}
	.cb2-wrap .cont{margin-left: 0; margin-top: 2rem;}
	.cb2-wrap .image img{width: 100%;}
	.cb2-wrap .cont .tags{margin-left: -0.5rem; margin-top: 2rem;}
	.cb2-wrap .cont .tags li{padding: 0.5rem;}
	

	.thumb-swiper{margin-top: 1rem;}



    /* ## CFC-767 */
	.core-wrap{flex-direction: column; align-items: center;}
	.core-wrap .item{height: 350px;}
	.content-wrap .cont{margin-top: 1.5rem;}
	.content-wrap.overview .cont{margin-top: 3rem;}
	.core-wrap .item img{max-width: 100%; width: auto;}
	.core-wrap .item + .item{margin-left: 0; margin-top: 3rem;}

	.org-wrap.cfc .org-item{width: var(--cfg-item-767);}
	.org-wrap.cfc .depth-line .line.full{width: calc(var(--cfg-item-767) + 60px);}
	.org-wrap.cfc .depth2 .box + .box{margin-left: calc(var(--cfg-item-767) + 60px);}

	.core-factory .dash li .label{margin-right: 1rem;}
	.core-factory .dash li .text{width: calc(100% - 28px);}
	.ico-check-sq{width: 18px; height: 18px;}

	.general-swiper .thumb-list .grid-item{flex: 0 0 50%; padding: 1rem;}
	.general-swiper .thumb-list.grid-list{margin-left: -1rem; margin-right: -1rem;}
	.general-swiper .thumb-list .grid-item a{height: max(16rem, 43.2vw);}


	.process-wrap .grid-list{flex-direction: column;}
	.process-wrap .grid-list .grid-item{flex: 1; width: 100%;}
	.process-wrap .grid-list .grid-item:nth-child(2n){margin-left: 0;}
	.process-wrap .grid-item .grid-content{font-size: 1.4rem;}
	.process-wrap .grid-item .grid-content dt{width: 10rem; padding: 1.5rem;}
	.process-wrap .grid-item .grid-content dd{padding: 1.5rem; width: calc(100% - 10rem);}
	.process-wrap .grid-item + .grid-item{margin-top: 6rem;}



	/* ## BRAND-767 */
	.brand-list-wrap .grid-list .grid-item{flex: 100%; margin-right: 0;}
	.brand-list-wrap .grid-list .grid-item:last-child{margin-bottom: 0;}

	.bg-section-le .brand-overview.lemast .row-item .item.img1{margin-top: max(-36%, -16vw); margin-bottom: 3rem};

	.page-brand.zen .section-title img{max-width: 100px;}

	.row-concept{flex-direction: column;}
	.row-concept .image{width: 100%;}
	.row-concept .image img{width: 100%;}
	.row-concept .cont{margin-left: 0; position: absolute; top: 0; height: 100%; display: flex; justify-content: center; flex-direction: column; width: 100%; padding: 3rem;}
	.row-concept .cont::before{background-color: rgba(0, 0, 0, 0.4);}

	.global-ja .brand-overview.takaoka .row-concept .image{width: 100%;}
	.global-ja .brand-overview.takaoka .row-concept .cont{width: 100%;}

	.grid-item .grid-title{margin-bottom: 0.5rem;}
	.grid-desc{font-size: 1.4rem;}


	.distribution .location-wrap{margin-top: 3rem;}
	.dist-wrap .item{margin-bottom: 3rem;}
	.dist-wrap .item.last{margin-bottom: 0;}
	.dist-wrap .item .image{margin-bottom: 1rem;}



    /* ## SUPPORT-767 */
	.info-box{flex-direction: column;}
	.info-text .info-title{font-size: 1.8rem;}
	.info-text p{font-size: 1.4rem;}

	.contact-top .contact-title{font-size: 1.8rem;}
	.form-group .label{font-size: 1.6rem;}

	.contact-form .radio-input{max-width: 100%;}
	.contact-form .radio-box-wrap{margin-right: 3.5%; flex: 0 0 31%;}
	.radio-box label::before{width: 18px; height: 18px;}
	.radio-box label{margin-left: 2rem;}
	.radio-box label::after{top: 3px; left: 3px;}
	.radio-box input[type="radio"]:checked + label::after{top: 3px; left: 3px;}

	.email-input{flex-direction: column;}
	.email-input .select-box{position: relative; width: 100%;}
	.email-input .inputs{width: 100%;}
	.email-input .input{width: 45%;}
	.email-input .unit{width: 10%;}
	.email-input .select-box .btn-select{margin-top: 1rem;}

	.contact-form .form-btn .btn{width: 100%;}
	.contact-form .input.border{width: 12rem; height: 40px; line-height: 40px;}

	.check-container .text{display: none;}

	.qna-list li .title{font-size: 1.8rem;}

	.form-btn{margin-top: 3rem;}

	
	/* ## PANEL-767 */
	.social-login{padding: 1rem;}
	.form-table colgroup {display: none;}
	.form-table th {padding-bottom: 10px; padding-top: 15px; border-bottom: 0; text-align: left; }
	.form-table th.req {background-position: left center; width: auto;}
	.form-table .name-input, .form-table .phone-input {width: 100%;}
	.form-table th, .form-table td {width: 100%; display: block; }
	.form-table th + td {padding-top: 0; padding-left: 0;}

	.form-table .select-box {height: 40px;}
	.form-table .select-box .btn-select{padding-left: 0;}
	/* .select-box .select {z-index: 10;}
	.select-box .btn-select {z-index: 1;} */

	.form-table .email-input{width: 100%; display: block;}
	.form-table .email-input .dx-input{width: 47%;}
	.form-table .email-input .unit{width: 6%;}
	.form-table .email-input .select-box{display: block; position: relative; clear: both; width: 100%; margin-left: 0; margin-top: 10px; top: 5px; padding-left: 5px;}

	.form-table .phone-input + a {display: block; margin-left: 0; margin-top: 5px; height: 44px; line-height: 44px; padding: 0; font-size: 15px;}

	.form-table .num-input {width: 100%;}
	.form-table .num-input .dx-input {width: 100%;}
	.form-table .num-input a {position: absolute; right: 0; top: 0; height: 38px; line-height: 38px; padding: 0 10px;}
	.form-table .num-input .time {font-size: 17px; padding-left: 0; margin-top: 10px; margin-left: 0; display: block;}

	.form-table .category-input {width: 100%; position: relative;}
	.form-table .category-input .select-box {width: calc(100% - 110px);}
	.form-table .category-input a.btn-info {position: absolute; right: 0; top: 0; height: 38px; line-height: 38px; padding: 0 10px;}

	.input-inner{margin-top: 10px;}

	.form-table .product-input{width: 100%;}
	.form-table .product-input .select-box{width: 45%;}

	.select-input{width: 100%;}
	.select-input .select-box{width: 100%; margin-left: 0; padding-left: 5px;}

	.contact-top .label-req{font-size: 12px;}

	.social-login{height: 4.5rem; line-height: 4.5rem; border-radius: 3rem; padding-left: 2rem;}
	.panel-login .form-group{margin-bottom: 1.5rem;}


	/* ## MYPAGE-767 */
	.mypage-form{padding: 15px;}
	.mypage-content{padding: 0;}

	.page-mypage .form-table .category-input .select-box{width: 100%;}
	.mypage-form .form-table .time-input .select-box{width: 48%;}

	.sp-submit{border-radius: 3rem;}
	.check-box.icon label{margin-left: 2.5rem;}


	/* ## BOARD-767 */
	.bbs-top{flex-direction: column-reverse; align-items: flex-start;}
	.bbs-top .top-left{font-size: 1.6rem;}
	.bbs-top .top-right {position: relative; background: #fff; margin-bottom: 2rem;}
	.bbs-top .top-right ul.search-wrap {display: table; width: 100%; table-layout: fixed; margin: 0 auto; padding: 0; }
	.bbs-top .top-right ul.search-wrap > li {display: table-cell; vertical-align: bottom; width: 30%; position: relative; }
	.bbs-top .top-right ul.search-wrap > li .select-box {width: 90%;}
	.bbs-top .top-right ul.search-wrap > li + li {width: 70%;}
	.bbs-top .top-right ul.search-wrap > li + li::before {background: #fff; width: 10px; height: 106%; content: ""; display: block; left: -10px; bottom: 0; z-index: 10;}
	.bbs-top .top-right ul.search-wrap > li + li input,
	/* .bbs-top .top-right.single ul.search-wrap li input {width: 100%; padding: 13px 0; border-bottom: 1px solid #d5d5d5;} */
	.bbs-top .top-right ul.search-wrap > li + li .btn-search {right: 10px;}
	.bbs-top .top-right ul.search-wrap > li input[type=text]{border-bottom: 1px solid #e1e1e1; width: 100%;}
	.bbs-top .top-right ul.search-wrap .select-box .btn-select{border-bottom: 1px solid #e1e1e1;}
	.bbs-top .top-right ul.search-wrap .btn-write{position: absolute; top: 78px; right: 5%; margin-left: 0;}


	.bbs-tab{flex-wrap: wrap; justify-content: flex-start; }
	.bbs-tab li{flex: 0 0 50%; margin-right: 0; max-width: 50%;}
	.bbs-tab li a{padding: 0; display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0 10px; height: 4rem; line-height: 4rem;}

	table.bbs-view td.subject .detail-header {padding: 15px 10px;}
	table.bbs-view td.subject .detail-header p.hd-tit {font-size: 24px; line-height: 1.3em;}
	table.bbs-view td.subject .detail-header .label-type {top: 0; margin-top: 0; right: 0; }

	table.bbs-view tbody td.contents, table.bbs-view tbody td.file-wrap {padding: 20px 10px;}
	table.bbs-view tbody td.file-wrap ul li {padding-right: 0; width: 30px;}
	table.bbs-view tbody td.file-wrap p {content: ""; width: 20px; display: block; height: 20px; }
	table.bbs-view tbody td.file-wrap p span {display: none;}

	.bbs-bot ul li {width:50px}
	.bbs-bot ul li.date {width:80px!important; padding-right: 0;}


	.board-table .category-input .select-box{width: 100%;}

	.bbs-write{padding: 15px 10px; overflow: hidden;}
	.board-write .btn{width: 49%; float: left;}
	.board-write.btn-group .btn + .btn{margin-left: 2%;}

	.empty-wrap p{font-size: 16px;}

	
	.news-content .grid-btn{width: 4rem; height: 4rem;}

	.bbs-gallery{padding-top: 0;}
	.bbs-gallery.type-01 .grid-item .grid-image{width: 15rem;}
	.bbs-gallery.type-01 .grid-item .grid-image img{width: 100%;}
	.bbs-gallery.type-01 .grid-item .grid-content{margin-left: 1.5rem;}
	.bbs-gallery.type-01 .grid-item .grid-title{font-size: 1.6rem; margin-bottom: 1rem;}
	.bbs-gallery.type-01 .grid-item .grid-desc + .grid-desc{margin-top: 1rem;}
	.bbs-gallery.type-01 .grid-item{margin: 0; padding: 1.5rem 0;}

	.bbs-gallery.type-01 .grid-item .grid-desc{-webkit-line-clamp: 2; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical}

	.post-action .btn{min-width: 80px; height: 35px; line-height: 35px; padding: 0;}
	.post-action .btn-group{display: inline-flex;}


	.bbs-card .grid-list .grid-item{height: auto; padding: 1.5rem;}
	.bbs-card .grid-list .grid-item .grid-image{display: none;}


	.page-contact .bbs-wrap .bbs-tab li{margin-right: 0;}
	.page-contact .bbs-wrap .bbs-tab li a{width: 100%; }


 	/* ## FAQ-767 */
	.page-faq .sub-top-visual{padding: 30px; margin-bottom: 30px;}
	.page-faq .sub-top-visual .visual-desc{font-size: 15px;}
	.faq-wrap ul.faq li.faq-item a.faq-title {padding: 20px 0 20px 20px; position: relative;}	
	.faq-wrap ul.faq li.faq-item a.faq-title span.arrow {right: 10px;}
	.faq-wrap ul.faq li.faq-item .faq-label{margin-right: 10px; font-size: 1.6rem;}
	.faq-wrap ul.faq li.faq-item .answer{padding-left: 20px;}
	.faq-wrap ul.faq li.faq-item .answer .answer-content{width: calc(100% - 25px);}


	.contact-container{flex-direction: column;}
	.contact-container .map-wrap{height: 40rem; flex: auto;}
	.contact-container .address-info{width: 100%; height: auto;}
	/* .contact-container .address-info .form-group{margin-bottom: 2rem;} */
	.contact-container .address-info .form-group:last-child{margin-bottom: 0;}
	.contact-container .text{font-size: 1.6rem;}
}

@media screen and (max-width: 640px){
	.support-wrap .card-container{display: block;}
	.card-container .item{flex: 0;}
	.card-container .item .inner{left: 2rem; right: 2rem}
	.card-container .item + .item{margin-top: 3rem; margin-left: 0;}

	.bg-section-le .brand-overview.lemast .row-item .item.img1{margin-top: -36vw};

}
@media screen and (max-width: 480px){
	
    .handle-preloader .animation-preloader .spinner {height: 7em; width: 7em;}
	.handle-preloader .animation-preloader .txt-loading .letters-loading {font-size: 30px; letter-spacing: 10px;}


	.form-group .form-content.inq-row{flex-direction: column;}
	.form-group .form-content .name-container{width: 100%; margin-right: 0; margin-bottom: 40px;}
	.form-group .form-content .phone-container{width: 100%;}
	
	.mfp-arrow-right{right: -10px !important}
	.mfp-arrow-left{left: -10px !important}


	.sub-visual[data-type=pin] .image-wrap .image{height: 114vw; --wide: 5.128vw}
	.sub-visual[data-type=scale] .image-wrap .image{height: 64vw; --wide: 5.128vw}
	.page-brand .sub-visual[data-type=pin] .image-wrap .image{ --wide: 5.128vw}

	.dist-wrap .item p{font-size: 1.4rem;}

	.section-header .etc-desc{letter-spacing: 0.7px;}
}

@media screen and (max-width: 380px){
	.menu-slide > li > a{font-size: 1.6rem;}
	.menu-slide li ul li a{font-size: 1.4rem;}
	
}

@media screen and (max-width: 340px){
	.page-cfc .location-info .cont .item .text em{width: 23%;}
}