@charset "utf-8";

@media (max-width: 1920px) {
	
	/* content */
}

@media (max-width: 1680px) {

	/* header */
	

	/* main */
	.lnb ul li {width:auto; padding:0 20px;}
	.lnb ul li a {font-size:18px;}

	body.page-url-about-us--fc  .lnb ul li {width:auto;}
	
	
}

@media (max-width: 1440px) {
	
	

	/* main */
	.main-visual .slick-dots {left:20px; margin-left:0; width:100%;}
	
	.main-business .emblem img {height:250px;}
	.main-business .slider {width:300px;}
	.main-business .slider ul li {margin-bottom:25px;}
	.main-business .more {width:160px; height:160px; left:-1rem; bottom:-8.5rem;}
	.section.active .main-business .emblem {right:0;}

	.main-title h2 {font-size:60px; margin-bottom:30px;}
	.main-title .cnt {font-size:20px;}

	.main-trade {padding-top:100px;}
	.main-trade  .main-title .cnt br {display:none;}

	.scrolldown {top:-5rem; right:10rem; width:160px; height:160px;}
	
	/* sub */
	#sub #contents:after {width:400px;}
	#sub #contents.load:after {right:5rem;}

	.sub-title {margin:55px 0;}
	.sub-title h2 {font-size:60px;}

	/* board */
	


}


@media (max-width: 1380px) {

	
	/* main */
	

	
	/* board */
	.product-head {margin-top:90px; margin-bottom:70px;}
	.product-head .photos {width:650px; margin-right:50px;}
	

}

@media (max-width: 1240px) {

	/* main */
	.main-visual .content p {font-size:20px; }
	.main-visual .content .txt {font-size:26px;}
	.main-visual .content h2 {font-size:50px}

	.main-business .emblem img {height:240px;}
	.main-business .slider {width:220px;}
	.main-business .slider ul li {margin-bottom:20px;}
	.main-business .more {width:140px; height:140px; bottom:-6.5rem;}
	.main-business .more span {width:22px; height:22px;}

	.main-title h2 {font-size:50px; margin-bottom:25px;}
	.main-title .cnt {font-size:18px;}

	#fp-nav {right:10px !important;}

	.scrolldown {top:auto; bottom:18rem; right:10rem; width:140px; height:140px;}
	.scrolldown span {width:22px; height:22px;}
	

	/* sub */
	

	.doc-tit {margin-bottom:50px;}
	.doc-tit h4 {font-size:30px;}

	.one-page .section {padding-top:100px;}
	.one-page .doc-tit h4 {margin-bottom:25px;} 


	.overview {margin-bottom:100px;}
	.overview .title {width:400px;}
	.overview .title .doc-tit h4 {margin-bottom:25px;}
	.overview .title .doc-tit p {font-size:18px;}
	.overview .content {width:calc(100% - 400px);}
	.overview .content ol li {margin-bottom:12px; min-height:auto; padding:40px;}
	.overview .content ol li .icon {width:80px; height:80px; margin-right:35px;}
	.overview .content ol li .info .num {font-size:20px ;margin-bottom:16px;}
	.overview .content ol li .info .cnt {font-size:16px;}

	.overview-inner {padding:100px 0;}
	.overview-inner .title {width:400px;}
	.overview-inner .content {width:calc(100% - 400px);}
	.overview-inner .content ul {margin-left:-40px;}
	.overview-inner .content ul li {width:calc(50% - 40px); margin-left:40px; padding:26px;}
	.overview-inner .content ul li .pic {margin-bottom:30px;}

	.greeting .text .title {width:400px;}

	.mission {padding:100px 0;}

	.strengths {margin-bottom:100px;}

	#page05 {padding-bottom:100px;}

	.map-address .title {width:400px;}


	.biz-inner {margin-bottom:100px;}
	.biz-inner .group {margin-bottom:100px;}
	.biz-inner .group .photo {width:500px; margin-right:50px;}
	.biz-inner .group:nth-child(even) .photo {margin-left:50px;}

	.brand-inner .group:nth-child(even) {padding:100px 0;}
	
	.export-inner {margin-bottom:100px;}
	.export-inner .group .pic {width:360px; margin-right:50px;}
	.export-inner .group:nth-child(even) .pic {margin-left:50px;}

	.export-cu-inner {padding:100px 0 130px;}

		
	.flexible {margin-bottom:100px;} 

	.flexible-cu-inner {padding:100px 0;}

	.product-head .photos {width:500px; display:block; margin-right:40px;}
	.product-head .photos .big {width:100%;}
	.product-head .photos .tbg {width:100%; margin-right:0; margin-top:10px;}
	.product-head .photos .tbg  .slick-list {margin:0 -5px;}
	.product-head .photos .tbg  .slick-slide {padding:0 5px;}
	.product-head .infos h3 {font-size:30px;}
	

}

/* Landscape tablet */
@media (max-width: 1024px) {
	
	#sub #wrapper {padding-top:80px;}
	/* header */
	#header .inner {height:80px;}
	#gnb {display:none;}

	.sitelogo a {height:40px}
	
	
	

	/* main */
	.main-visual .content p {font-size:18px; }
	.main-visual .content .txt {font-size:22px;}
	.main-visual .content h2 {font-size:30px}

	.scroll {left:20px;}

	.main-business .emblem img {height:200px;}
	.main-business .slider {width:180px;}
	.main-business .slider ul li {margin-bottom:10px;}
	.main-business .more {width:120px; height:120px; bottom:-5.5rem;}
	.main-business .more span {width:20px; height:20px;}
	
	.main-title em {margin-bottom:30px;}
	.main-title h2 {font-size:40px; margin-bottom:20px;}
	.main-title .cnt {font-size:18px;}
	.main-title img {height:40px;}

	.scrolldown {right:8rem; width:120px; height:120px;}
	.scrolldown span {width:20px; height:20px;}
	
	
	.lnb ul {justify-content:flex-start;}
	.lnb ul li a {height:52px; font-size:17px;}
	.lnb.fixed {top:80px;}
	
	
	

	/* sub */
	.real-cont {padding-bottom:70px;}

	#sub #contents:after {width:300px;}
	#sub #contents.load:after {right:2rem;}

	.sub-title {margin:50px 0;}
	.sub-title h2 {font-size:50px;}


	.sub-vis {height:440px;}
	.sub-vis .content .tit {font-size:30px; margin-bottom:20px;}
	.sub-vis .content p {font-size:18px;}

	body.page-url-about-us--fc .sub-vis .content .tit {font-size:30px;}
	body.page-url-about-us--fc .sub-vis .content .big {font-size:40px;}

	.doc-title {margin:80px 0 50px;}
	.doc-title h3 {font-size:36px;}
	.doc-title .cnt {margin-top:25px; padding-top:25px; font-size:16px;}

	.doc-tit {margin-bottom:40px;}
	.doc-tit h4 {font-size:25px;}

	.one-page .section {padding-top:80px;}
	.one-page .doc-tit h4 {margin-bottom:20px;} 


	.overview {margin-bottom:80px;}
	.overview .title {width:300px;}
	.overview .title .doc-tit h4 {margin-bottom:20px;}
	.overview .title .doc-tit p {font-size:16px;}
	.overview .content {width:calc(100% - 300px);}
	.overview .content ol li {margin-bottom:10px;padding:30px;}
	.overview .content ol li .icon {width:70px; height:70px; margin-right:25px;}
	.overview .content ol li .info .num {font-size:18px ;margin-bottom:10px;}
	.overview .content ol li .info .cnt {font-size:15px;}


	.overview-inner {padding:80px 0; background-position:30% 0}
	.overview-inner .title {width:300px;}
	.overview-inner .content {width:calc(100% - 300px);}
	.overview-inner .content ul {margin-left:-20px;}
	.overview-inner .content ul li {width:calc(50% - 20px); margin-left:20px; padding:20px;}
	.overview-inner .content ul li .pic {margin-bottom:25px;}
	.overview-inner .content ul li dl dt {font-size:22px;  margin-bottom:15px;}
	.overview-inner .content ul li dl dd {font-size:16px;}

	.about-vis {margin-bottom:60px;height:360px;}
	.about-vis p {font-size:18px;}
	.about-vis .tit {font-size:30px; margin-bottom:25px;}
	.about-vis .big {font-size:34px;}

	.greeting .text .title {width:300px;}
	.greeting .text .info {font-size:16px;}
	.greeting .text .info .cnt {margin-bottom:30px;}

	.mission {padding:80px 0;}
	.mission .title {margin-bottom:40px; padding-bottom:40px;}
	.mission .title .tit {font-size:30px; margin-bottom:15px;}
	.mission .title .big {font-size:34px; margin-bottom:15px;}
	.mission .title:after {margin-left:-25px; width:50px;}
	.mission .cnt {font-size:18px ;}
	.mission .box {margin-top:90px;  padding:50px;}
	.mission .box ul li .icon {width:160px; height:160px; margin:0 auto 20px;}
	.mission .box ul li dl dt {font-size:25px;margin-bottom:20px;}
	.mission .box ul li dl dd {font-size:18px;}

	.mission-image {height:280px;}
	.mission-image em {font-size:16px; margin-bottom:20px;}
	.mission-image .tit {font-size:30px;}

	.strengths {margin-bottom:80px;}
	.strengths .about-vis .big {margin-bottom:25px;}
	.strengths ul li {margin-bottom:20px;}
	.strengths ul li .pic {width:210px; margin-right:30px;}
	.strengths ul li .info {padding:40px 40px 40px 0;}
	.strengths ul li .info .tit {width:250px; font-size:20px;}
	.strengths ul li .info .cnt {font-size:16px;}

	#page05 {padding-bottom:80px;}
	.curation .about-vis .big {margin-bottom:25px;}
	.curation .text {margin-bottom:80px;}
	.curation .text .cnt {margin-bottom:25px; font-size:16px;}
	.curation .process {padding:50px;}
	.curation .process .tit {font-size:25px; margin-bottom:30px;}
	.curation .process ul {display:flex; margin-left:-20px;}
	.curation .process ul li {width:calc(25% - 20px); margin-left:20px; padding:25px;}
	.curation .process ul li .num {font-size:50px;}
	.curation .process ul li .icon {margin-bottom:25px;}
	.curation .process ul li .icon img {height:52px;}
	.curation .process ul li .tt {font-size:18px ;}
	.curation .process ul li:after {left:-35px; margin-top:-25px;width:50px; height:50px;}

	.power {margin-bottom:80px;}
	.power .about-vis .big {margin-bottom:20px;}
	.curator-inner {padding:80px 0;}
	.curator-inner .image {margin-bottom:25px;}
	.curator-inner ul {margin:0 -10px -30px;}
	.curator-inner ul li {width:33.333333%; padding:0 10px; margin-bottom:30px; font-size:16px;}
	.curator-inner ul li .thumb {margin-bottom:20px;}
	.curator-inner ul li .title {font-size:16px;}
    .curator-inner ul li .cnt {font-size: 15px;}

	.map {margin-bottom:60px;}
	.map > iframe {height:480px !important;}
	.map-address .title {width:300px;}
	.map-address .info ul {padding-top:30px;}
	.map-address .info ul li {font-size:18px; padding-bottom:30px; margin-bottom:30px;}
	.map-address .info ul li .tit {width:180px; padding-left:36px;}
	.map-address .info ul li .tit:before {width:26px; height:26px;}


	.biz-inner {margin-bottom:80px;}
	.biz-inner .group {margin-bottom:80px;}
	.biz-inner .group .photo {width:400px; margin-right:40px;}
	.biz-inner .group .info .icon {width:80px; height:80px; margin-bottom:20px;}
	.biz-inner .group .info dl dt {font-size:26px; margin-bottom:25px;}
	.biz-inner .group .info dl dd {font-size:16px ;margin-bottom:15px;}
	.biz-inner .group .info dl dd br {display:none;}
	.biz-inner .group:nth-child(even) .photo {margin-left:40px;}

	.biz-part-inner {padding:90px 0;}
	.biz-part-inner ul {margin-left:-20px;}
	.biz-part-inner ul li {width:calc(33.333% - 20px); min-height:500px;margin-left:20px; }
	.biz-part-inner ul li .box {padding:40px 20px;}
	.biz-part-inner ul li .icon {width:120px; height:120px; margin:0 auto 20px;}
	.biz-part-inner ul li .tit {font-size:22px ;margin-bottom:15px;}
	.biz-part-inner ul li p {font-size:16px;}
		
	html[lang=en] .biz-part-inner ul li {min-height:700px;}

	.brand-inner .group .sub-vis {margin-bottom:30px;}
	.brand-inner .group .process ul {flex-wrap:wrap; margin-left:-15px; margin-bottom:-15px;}
	.brand-inner .group .process ul li {width:calc(33.333333% - 15px); margin-bottom:15px;margin-left:15px; padding:26px;}
	.brand-inner .group .process ul li .num {font-size:50px; margin-bottom:40px;}
	.brand-inner .group .process ul li .icon {margin-bottom:20px;}
	.brand-inner .group .process ul li dl dt {font-size:20px ;margin-bottom:15px;}
	.brand-inner .group .process ul li dl dd {font-size:16px;}
	.brand-inner .group .process ul li:after {left:-35px; margin-top:-25px;width:50px; height:50px;}
	.brand-inner .group .process ul li:nth-child(4):after {display:none;}
	.brand-inner .group:nth-child(even) {padding:80px 0;}
	
	
	.mktg-inner ul {margin-left:-20px; margin-bottom:-50px;}
	.mktg-inner ul li {width:calc(50% - 20px); margin-left:20px; margin-bottom:50px;}
	.mktg-inner ul li .info {padding:40px; font-size:16px;}
	.mktg-inner ul li .info .icon {margin-bottom:25px;}
	.mktg-inner ul li .info .icon img {height:60px;}
	.mktg-inner ul li .info .tit {font-size:26px; margin-bottom:15px;}

	.export-inner {margin-bottom:80px;}
	.export-inner .group {padding:36px; margin-bottom:30px;}
	.export-inner .group .pic {width:280px; margin-right:30px;}
	.export-inner .group .info dl dt {font-size:28px; margin-bottom:25px;}
	.export-inner .group .info dl dd {margin-bottom:10px;}
	.export-inner .group .info dl dd span {font-size:16px;  padding:6px 15px 6px 30px;}
	.export-inner .group .info dl dd span:before {top:.9rem;}
	.export-inner .group:nth-child(even) .pic {margin-left:30px;}

	.export-cu-inner {padding:80px 0 100px;}
	.export-cu-inner ul {margin-left:-15px; margin-bottom:-15px;}
	.export-cu-inner ul li {width:calc(33.333333% - 15px); margin-left:15px; margin-bottom:15px;  padding:30px;}
	.export-cu-inner ul li .tit {font-size:22px;}
	.export-cu-inner ul li .icon {width:60px; height:60px;}

	
	.flexible {margin-bottom:80px;} 
	.flexible .about-vis {height:440px; margin-bottom:30px;}
	.flexible .cnt {font-size:16px;}
	.flexible .cnt p {margin-bottom:20px;}
	.flexible .cnt br {display:none;}

	.flexible-cu-inner {padding:80px 0;}
	.flexible-cu-inner ul {margin-left:-20px; margin-bottom:-30px;}
	.flexible-cu-inner ul li {width:calc(33.33333% - 20px); margin-left:20px; margin-bottom:30px; padding:30px;}
	.flexible-cu-inner ul li .icon {margin-bottom:20px;}
	.flexible-cu-inner ul li dl dt {font-size:22px; margin-bottom:10px;}
	.flexible-cu-inner ul li dl dd {font-size:16px;}
	.flexible-image {height:400px;}

	
	/* board */
    /* category tab */
    ul.category-tab--fc {
        margin: -5px -10px 0;
        justify-content: flex-start;
    }

    ul.category-tab--fc > li {
        margin-top: 5px;
        padding: 0 10px;
    }
    ul.category-tab--fc > li a {
        font-size: 16px;
    }

	.product-list ul {margin:0 -10px;}
	.product-list ul li {width:50%; padding:0 10px; margin-bottom:40px;}
	.product-list ul li .thumb {margin-bottom:25px;}
	.product-list ul li em {font-size:16px;}
	.product-list ul li .tit {font-size:20px;}
	.product-list ul li .cnt {font-size:16px;}
	.product-list ul li .btns>a {height:44px; font-size:16px;}
	.product-list ul li .btns>a:before {width:16px; margin-right:10px;}

	.product-head {margin-top:60px; margin-bottom:50px;}
	.product-head .group {margin-bottom:50px; padding-bottom:50px;}
	.product-head .photos {width:400px; margin-right:30px;}
	.product-head .infos em {font-size:16px;}
	.product-head .infos h3 {font-size:25px; margin-bottom:20px; padding-bottom:20px;}
	.product-head .infos .cnt {margin-bottom:20px; padding-bottom:20px;}
	.product-head .infos .cnt dl {font-size:16px;}
	.product-head .infos .cnt span {font-size:16px !important;}
	.product-head .infos .btns ul li {flex:1;}
	.product-head .infos .btns ul li a {width:auto; height:55px; font-size:16px;}
	.product-head .infos .btns ul li a:before {width:17px; margin-right:10px;}


	.product-title {font-size:19px; margin-bottom:30px}

	.product-detail {margin-bottom:50px;}
	.product-detail img {width:auto !important; height:auto !important}


	body.page-url-contactus--fc #contArea {padding-top:60px;}

	.btn-pack.list {width:200px; height:54px; line-height:52px;font-size:16px;padding:0 20px;}
	.btn-pack.list:before {width:18px; margin-right:10px;}
	.btn-pack.form-submit {width:200px; height:54px; font-size:16px;}
	.btn-pack.form-submit:before {width:17px; margin-right:10px;}

	
	
	.mailform {padding:30px 20px 0;}
	.mailform .form-group {margin:0 -16px 25px;}
	.mailform .form-group .form-col {width:50%; padding:0 16px;}
	.mailform .form-group .form-col.flex .tit {width:205px;}
	.mailform .form-group .form-col.flex .info input[type=file] {font-size:16px; line-height:54px;}
	.mailform .form-group .form-col.flex .info input[type=file]::file-selector-button {width:150px; height:54px; font-size:18px; line-height:52px;}
	.mailform .form-group .form-col.tel .tit {width:100%;}
	.mailform .form-group .form-col.tel .input {width:calc(32% - 10px); margin:0 5px;}
	.mailform .form-group.wide {margin:0 0 20px;}
	.mailform .form-group.wide .form-col {width:100%; padding:0;}
	.mailform .form-group .tit {font-size:16px;}
	.mailform .form-group.memo .tit {height:178px;}
	.mailform .required {vertical-align:middle;}
	.mailform .input {height:54px; font-size:16px}
	.mailform .captcha_box--fc input {font-size:16px;}
	.mailform textarea.input {height:200px;}

	.mailform .privacy_box--fc {height:140px; font-size:16px;}
	input[type="checkbox"] + label {font-size:16px ; padding-left:35px;}
	input[type="checkbox"] + label:before {width:22px; height:22px;}
	input[type="checkbox"]:checked + label:before {width:22px; height:22px;}

	.mailform + .buttons {margin-top:50px;}
	
	


	
} 

/* portrait tablet */
@media (max-width: 900px) {	
	.only-desktop {display:none;}
	.only-tablet {display:block;}

	
	/* sub */
	.mission .box ul {flex-wrap:wrap; margin-bottom:-30px;}
	.mission .box ul li {width:50%; margin-bottom:30px;}
	.mission .box ul li .icon {width:120px; height:120px;}
	
	.strengths ul li .pic {margin-right:0}
	.strengths ul li .info {display:block; padding:30px;}
	.strengths ul li .info .tit {width:100%; font-size:20px;}
	.strengths ul li .info .cnt {width:100%; font-size:16px;}
	.strengths ul li .info br {display:none;}

	.curation .process {padding:40px;}
	.curation .process ul {flex-wrap:wrap; margin-left:-15px; margin-bottom:-15px;}
	.curation .process ul li {width:calc(50% - 15px); margin-left:15px; margin-bottom:15px; padding:20px;}
	.curation .process ul li:nth-child(3):after {display:none;}
	.curation .process ul li .num {font-size:50px;}
	.curation .process ul li .icon {margin-bottom:25px;}
	.curation .process ul li .icon img {height:52px;}
	.curation .process ul li .tt {font-size:18px ;}
	.curation .process ul li:after {left:-27px; margin-top:-20px;width:40px; height:40px; background-size:contain;}

	.biz-inner {margin-bottom:60px;}
	.biz-inner .group {margin-bottom:60px; display:block;}
	.biz-inner .group .photo {width:100%; margin-right:0; margin-bottom:20px;}
	.biz-inner .group .photo img {width:100%;}
	.biz-inner .group .info {width:100%; text-align:center;}
	.biz-inner .group .info .icon {width:70px; height:70px; margin:0 auto 20px;}
	.biz-inner .group .info dl dt {font-size:22px; margin-bottom:20px;}
	.biz-inner .group .info dl dd {font-size:16px ;margin-bottom:15px;}
	.biz-inner .group .info dl dd br {display:none;}
	.biz-inner .group:nth-child(even) .photo {margin-left:0;}

	.biz-part-inner {padding:60px 0;}
	.biz-part-inner ul {flex-wrap:wrap; margin-left:0; margin-bottom:-10px;}
	.biz-part-inner ul li {width:100%; margin-left:0; min-height:auto; margin-bottom:20px; display:block; }
	.biz-part-inner ul li .box {display:flex; align-items:center; padding:40px 20px;}
	.biz-part-inner ul li .icon {width:100px; height:100px; margin:0 30px 0 0;}
	.biz-part-inner ul li .info {fleX:1 1 auto; min-width:0; width:1%; text-align:left;}
	.biz-part-inner ul li .tit {font-size:22px ;margin-bottom:15px;}
	.biz-part-inner ul li p {font-size:16px;}

	html[lang=en] .biz-part-inner ul li {min-height:auto;}

	.export-cu-inner ul li {width:calc(50% - 15px);}

	.flexible-cu-inner ul li {width:calc(50% - 20px);}


	.product-head {margin-top:50px; margin-bottom:30px;}
	.product-head .group {display:block; padding-bottom:30px; margin-bottom:30px;}
	.product-head .photos {width:100%; margin-right:0; margin-bottom:20px;}
	.product-head .infos {width:100%;}
	.product-head .infos em {font-size:15px;}
	.product-head .infos h3 {font-size:20px; margin-bottom:15px; padding-bottom:15px;}
	.product-head .infos .cnt {margin-bottom:15px; padding-bottom:15px;}
	.product-head .infos .cnt dl {font-size:15px;}
	.product-head .infos .cnt span {font-size:15px !important;}
	.product-head .infos .btns {text-align:center;}
	.product-head .infos .btns ul {margin:0 -2px;}
	.product-head .infos .btns ul li {padding:0 2px;}
	.product-head .infos .btns ul li a {height:50px; font-size:15px;}
	.product-head .infos .btns ul li a:before {width:17px; margin-right:10px;}

	
} 



/* Landscape phone */
@media (max-width: 640px) {
	.only-desktop-tablet {display:none;}
	.only-tablet {display:none;}
	.only-mobile {display:block;}

	#sub #wrapper {padding-top:70px;}
	/* header */
	#header .inner {height:70px;}

	.mobile-navigation {width:80%;}
	.mobile-navigation .head {height:60px;}
	.mobile-navigation .nav-menu {padding:0 30px 50px;}
	.mobile-navigation .nav-menu>ul>li>a {opacity:1;}
	.mobile-navigation .nav-menu .submenu {opacity:1;}
	.mobile-navigation .close {right:30px; top:18px;}

	.m-lang {margin-right:70px;}


	
	/* main */
	.main-visual .item {height:70vh;}
	.main-visual .content p {font-size:16px; }
	.main-visual .content .txt {font-size:18px;}
	.main-visual .content h2 {font-size:24px}
	.main-visual .slick-dots {bottom:14rem}
	
	.section.fp-section,
	.section .fp-slide,
	.section .fp-tableCell{
		height: auto !important;
	}
	
	.main-business {flex-wrap:wrap;}
	.main-business .emblem img {height:150px;}
	.main-business .slider {width:100%;}
	.main-business .slider ul {display:flex; height:200px; width:4000px;}
	.main-business .slider ul li {margin-bottom:0; margin-left:5px;}
	.main-business .slider ul li img {height:200px;}
	.main-business .inner {width:100%; height:auto; padding:3rem 20px;}
	.main-business .more {width:80px; height:80px; bottom:-6.5rem;}
	.main-business .more span {width:16px; height:16px;}

	@keyframes imagemove {
	  0% {
		  transform: translateY(0);
		  transform: translateX(0);
	  }
	  100% {
		  transform: translateY(0);
		   transform: translateX(-550%);
	  }
	}

	@keyframes imagemove2 {
	  0% {
		  transform: translateY(0);
		  transform: translateX(-550%);
	  }
	  100% {
		  transform: translateY(0);
		  transform: translateX(0);
	  }
	}

	.scroll {
		bottom:30px; 
		 
	}

	@keyframes mainScroll {from{bottom:30px;}to{bottom:35px;}}
	
	.main-title em {margin-bottom:20px;}
	.main-title h2 {font-size:30px; margin-bottom:15px;}
	.main-title img {height:30px;}
	.main-title .cnt {font-size:16px;}
	.main-title .cnt br {display:none;}

	.main-trade {height:auto; padding-top:60px;}
	.main-trade .image {position:relative; margin-top:50px;}
	.main-trade .main-title .tit {display:block; text-align:center;}
	.main-trade .main-title em {text-align:center; padding-left:0;}
	.main-trade .main-title .cnt {text-align:center; }

	.scrolldown {top:-3rem;right:4rem; width:80px; height:80px;}
	.scrolldown span {width:16px; height:16px;}
	
	/* footer */
	#footer {padding:40px 0; font-size:15px;}
	#footer .bar {display:block; width:0; height:0; margin:0;}
	.foot-logo {margin-bottom:20px;}
	.foot-logo .tit {margin-top:10px; font-size:18px ;}
	.foot-logo img {height:50px;}
	.foot-info {margin-bottom:20px;}
	.foot-info p {margin-bottom:0;}
	.foot-sns {margin-bottom:20px;}
	.foot-sns ul {margin:0 -3px;}
	.foot-sns ul li {padding:0 3px;}
	.foot-sns ul li a {width:40px; height:40px;}

	.foot-copy .bar2 {width:1px; margin:0 5px; height:10px;}
	
	.foot-mark {margin-bottom:20px;}
	.foot-mark ul {margin:0 -3px;}
	.foot-mark ul li {padding:0 3px;}
	.foot-mark ul li img {width:40px; height:40px;}

	.foot-copy {font-size:.9em}
	
	/* sub */
	.real-cont {padding-bottom:40px;}
	
	.lnb {padding-top:0;}
	.lnb ul li a:before {width:6px; height:6px;}
	.lnb ul li a:after {height:2px;}
	.lnb.fixed {top:70px;}

	#sub #contents:after {width:200px;}
	#sub #contents.load:after {right:-1rem;}

	.sub-title {margin:40px 0;}
	.sub-title h2 {font-size:40px;}

	.sub-vis {height:auto; min-height:300px; padding:60px 20px;}
	.sub-vis .content {position:relative; z-index:10;  top:0; transform:translateY(0);}
	.sub-vis .content .tit {font-size:1.6rem; margin-bottom:15px;}
	.sub-vis .content p {font-size:1.2rem;}
	.sub-vis .content br {display:none;}

	body.page-url-about-us--fc .sub-vis .content .tit {font-size:20px;}
	body.page-url-about-us--fc .sub-vis .content .big {font-size:25px;}

	.doc-title {margin:60px 0 40px;}
	.doc-title h3 {font-size:22px;}
	.doc-title .cnt {margin-top:20px; padding-top:20px; font-size:15px;}

	.doc-tit {margin-bottom:30px;}
	.doc-tit h4 {font-size:22px;}

	.one-page .section {padding-top:60px;}
	.one-page .doc-tit h4 {margin-bottom:15px;} 

	.about-vis {margin-bottom:40px;height:auto; padding:40px 20px;}
	.about-vis p {font-size:16px;}
	.about-vis .tit {font-size:18px; margin-bottom:15px;}
	.about-vis .big {font-size:20px;}


	.overview {margin-bottom:60px;}
	.overview .title {width:100%; position:static;}
	.overview .title .doc-tit h4 {margin-bottom:15px;}
	.overview .title .doc-tit h4 br {display:none;}
	.overview .title .doc-tit p {font-size:16px;}
	.overview .content {width:100%;}
	.overview .content ol li {margin-bottom:10px;padding:20px;}
	.overview .content ol li .icon {width:50px; height:50px; margin-right:20px;}
	.overview .content ol li .info .num {font-size:16px ;}

	.overview-inner {padding:60px 0; background-size:40% 0;}
	.overview-inner .title {width:100%; position:static;}
	.overview-inner .title br {display:none;}
	.overview-inner .content {width:100%;}
	.overview-inner .content ul {display:block; margin-left:0; margin-bottom:-20px;}
	.overview-inner .content ul li {width:100%; margin-left:0; margin-bottom:20px; padding:16px;}
	.overview-inner .content ul li .pic {margin-bottom:20px;}
	.overview-inner .content ul li dl dt {font-size:20px;  margin-bottom:15px;}
	.overview-inner .content ul li dl dd {font-size:15px;}
	.overview-inner .content ul li:nth-child(even) {margin-top:0; margin-bottom:20px;}

	
	
	.greeting .text  {display:block;}
	.greeting .text .title {width:100%; margin-bottom:20px;}
	.greeting .text .title  br {display:none;}
	.greeting .text .info {width:100%; font-size:15px;}
	.greeting .text .info .cnt {margin-bottom:20px;}

	.mission {padding:60px 0;}
	.mission .title {margin-bottom:30px; padding-bottom:30px;}
	.mission .title .tit {font-size:20px; margin-bottom:10px;}
	.mission .title .big {font-size:24px; margin-bottom:10px;}
	.mission .title:after {margin-left:-20px; width:40px;}
	.mission .cnt {font-size:16px ;}
	.mission .box {margin-top:40px;  padding:20px;}
	.mission .box ul li {width:100%; display:flex; align-items:center;}
	.mission .box ul li .icon {width:70px; height:70px; margin:0 20px 0 0;}
	.mission .box ul li dl {flex:1 1 auto; min-width:0; width:1%; text-align:left;}
	.mission .box ul li dl dt {font-size:20px;margin-bottom:10px;}
	.mission .box ul li dl dd {font-size:16px;}
	.mission .box ul li dl dd br {display:none;}

	.mission-image {height:auto; padding:40px 0;}
	.mission-image em {font-size:15px; margin-bottom:15px;}
	.mission-image .tit {font-size:20px;}
	.mission-image br {display:none;}
	
	.strengths ul li {display:block;}
	.strengths ul li .pic {width:100%; overflow:hidden;}
	.strengths ul li .info {width:100%; padding:20px;}
	.strengths ul li .info .tit {font-size:18px;}
	.strengths ul li .info .cnt {font-size:15px;}

	#page05 {padding-bottom:60px;}
	.curation .about-vis .big {margin-bottom:20px;}
	.curation .text {margin-bottom:50px;}
	.curation .text .cnt {margin-bottom:20px; font-size:15px;}
	.curation .process {padding:25px;}
	.curation .process .tit {font-size:20px; margin-bottom:20px;}
	.curation .process ul {margin-left:-10px;}
	.curation .process ul li {width:calc(50% - 10px); margin-left:10px; padding:20px;}
	.curation .process ul li .num {font-size:40px;}
	.curation .process ul li .icon {margin-bottom:15px;}
	.curation .process ul li .icon img {height:36px;}
	.curation .process ul li .tt {font-size:16px;}

	.power {margin-bottom:60px;}
	.power .about-vis .big {margin-bottom:15px;}
	.curator-inner {padding:60px 0;}
	.curator-inner .image {margin-bottom:20px;}
	.curator-inner ul {margin:0 -5px -25px; }
	.curator-inner ul li {width:50%; padding:0 5px; margin-bottom:25px; font-size:15px;}
	.curator-inner ul li .thumb {margin-bottom:15px;}
	.curator-inner ul li .title {font-size:15px;}

	.map {margin-bottom:50px;}
	.map > iframe {height:250px !important;}
	.map-address {display:block;}
	.map-address .title {width:100%; margin-bottom:20px;}
	.map-address .info {width:100%;}
	.map-address .info ul {padding-top:20px;}
	.map-address .info ul li {font-size:16px; padding-bottom:20px; margin-bottom:20px;}
	.map-address .info ul li .tit {width:100px; padding-left:36px;}
	.map-address .info ul li .tit:before {width:22px; height:22px;}

	.biz-inner {margin-bottom:40px;}
	.biz-inner .group {margin-bottom:40px;}
	.biz-inner .group .info .icon {width:60px; height:60px;}
	.biz-inner .group .info dl dt {font-size:18px; margin-bottom:15px;}
	.biz-inner .group .info dl dd {font-size:15px ;margin-bottom:10px;}

	.biz-part-inner {padding:40px 0;}
	.biz-part-inner ul {margin-bottom:-20px;}
	.biz-part-inner ul li {margin-bottom:20px;}
	.biz-part-inner ul li .box {display:block; padding:30px 20px;}
	.biz-part-inner ul li .icon {width:80px; height:80px; margin:0 auto 15px;}
	.biz-part-inner ul li .info {width:100%; text-align:center;;}
	.biz-part-inner ul li .tit {font-size:20px ;margin-bottom:10px;}
	.biz-part-inner ul li p {font-size:15px;}

	.business-ani {font-size:10rem}

	.brand-inner .group .sub-vis {margin-bottom:20px;}
	.brand-inner .group .process ul {margin-left:-10px; margin-bottom:-10px;}
	.brand-inner .group .process ul li {width:calc(50% - 10px); margin-bottom:10px;margin-left:10px; padding:20px;}
	.brand-inner .group .process ul li .num {font-size:30px; margin-bottom:20px;}
	.brand-inner .group .process ul li dl dt {font-size:18px ;margin-bottom:10px;}
	.brand-inner .group .process ul li dl dd {font-size:15px;}
	.brand-inner .group .process ul li:after {left:-27px; margin-top:-20px;width:40px; height:40px;}
	.brand-inner .group .process ul li:nth-child(3):after,
	.brand-inner .group .process ul li:nth-child(5):after {display:none;}
	.brand-inner .group .process ul li:nth-child(4):after {display:block;}
	.brand-inner .group .process ul li:last-child {width:calc(100% - 10px);}
	.brand-inner .group .process ul li:last-child br {display:none;}
	.brand-inner .group:nth-child(even) {padding:60px 0;}

	.mktg-inner ul {margin-left:0; margin-bottom:-20px;}
	.mktg-inner ul li {width:100%; margin-left:0; margin-bottom:20px;}
	.mktg-inner ul li .info {padding:20px; font-size:15px;}
	.mktg-inner ul li .info .icon {margin-bottom:20px;}
	.mktg-inner ul li .info .icon img {height:50px;}
	.mktg-inner ul li .info .tit {font-size:20px; margin-bottom:10px;}

	.export-inner {margin-bottom:60px;}
	.export-inner .group {padding:20px; display:block; text-align:center; margin-bottom:20px;}
	.export-inner .group .pic {width:100%; margin-right:0; margin-bottom:20px;}
	.export-inner .group .info {width:100%;}
	.export-inner .group .info dl dt {font-size:20px; margin-bottom:20px;}
	.export-inner .group .info dl dd span {font-size:15px; padding:6px 15px 6px 30px;}
	.export-inner .group .info dl dd span:before {top:1rem;}
	.export-inner .group:nth-child(even) .pic {margin-left:0;}

	.export-cu-inner {padding:60px 0 60px;}
	.export-cu-inner ul {display:block; margin-left:0; margin-bottom:-10px;}
	.export-cu-inner ul li {width:100%; margin-left:0; margin-bottom:10px; align-items:center; padding:20px;}
	.export-cu-inner ul li .tit {font-size:20px;}
	.export-cu-inner ul li .icon {width:50px; height:50px;}

	.flexible {margin-bottom:60px;} 
	.flexible .about-vis {height:240px; margin-bottom:25px;}
	.flexible .cnt {font-size:15px;}
	.flexible .cnt p {margin-bottom:15px;}

	.flexible-cu-inner {padding:60px 0;}
	.flexible-cu-inner ul {margin-left:0; margin-bottom:-20px;}
	.flexible-cu-inner ul li {width:100%; margin-left:0; margin-bottom:20px; padding:20px;}
	.flexible-cu-inner ul li .icon {margin-bottom:15px;}
	.flexible-cu-inner ul li .icon img {height:60px;}
	.flexible-cu-inner ul li dl dt {font-size:20px;}
	.flexible-cu-inner ul li dl dd {font-size:15px;}
	.flexible-image {height:200px;}
	
	

	/* board */
	.product-list ul {margin:0 -5px;}
	.product-list ul li {width:100%; padding:0 5px; margin-bottom:30px;}
	.product-list ul li .thumb {margin-bottom:15px;}
	.product-list ul li em {font-size:15px;}
	.product-list ul li .tit {font-size:18px;}
	.product-list ul li .cnt {font-size:15px;}
	.product-list ul li .btns>a {height:40px; font-size:15px;}
	.product-list ul li .btns>a:before {width:15px;}
	
	


	.product-title {font-size:19px; margin-bottom:30px}

	.product-detail {margin-bottom:50px;}
	.product-detail img {width:auto !important; height:auto !important}


	body.page-url-contactus--fc #contArea {padding-top:60px;}

	.btn-pack.list {width:180px; height:50px; line-height:48px;font-size:15px;padding:0 20px;}
	.btn-pack.form-submit {width:180px; height:50px; font-size:15px;}
	
	.buttons {margin:20px 0;}

	.mailform {padding:20px 10px 0;}
	.mailform .form-group {margin:0 0 20px; display:block;}
	.mailform .form-group .form-col {width:100%; padding:0; margin-bottom:20px;}
	.mailform .form-group .form-col.flex {display:block;}
	.mailform .form-group .form-col.flex .tit {width:100%;}
	.mailform .form-group .form-col.flex .info {width:100%;}
	.mailform .form-group .form-col.flex .info input[type=file] {font-size:15px; line-height:44px;}
	.mailform .form-group .form-col.flex .info input[type=file]::file-selector-button {width:120px; height:44px; font-size:15px; line-height:38px;}
	.mailform .form-group .form-col.tel .tit {width:100%;}
	.mailform .form-group .form-col.tel .input {width:calc(32% - 10px); margin:0 5px;}
	.mailform .form-group.wide {margin:0 0 20px;}
	.mailform .form-group.wide .form-col {width:100%; padding:0;}
	.mailform .form-group .tit {font-size:15px;}
	.mailform .form-group.memo .tit {height:150px;}
	.mailform .required {vertical-align:middle;}
	.mailform .input {height:44px; font-size:15px}
	.mailform .captcha_box--fc input {font-size:15px;}
	.mailform textarea.input {height:150px;}

	.mailform .privacy_box--fc {height:120px; font-size:15px;}
	input[type="checkbox"] + label {font-size:15px ; padding-left:30px;}
	input[type="checkbox"] + label:before {width:22px !important;; height:22px !important;}
	input[type="checkbox"]:checked + label:before {width:22px !important; height:22px !important;}

	.mailform .captcha_box--fc a {width:26px; height:26px;}

	.mailform + .buttons {margin-top:40px;}

	
	html[lang=en] .mailform .form-group .form-col.flex .tit {width:100%;}
	

} 

/* Landscape phones and down */
@media (max-width: 320px) {

}