@charset "utf-8";
/* CSS Document */

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

	/* main */
	.onSp{display: block;}
	.onPc{display: none;}
	.anchor{margin-bottom: -170px;padding-top: 170px;}
	
	.btnType01 input,.btnType02 input{appearance:none;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;width: 90%;margin: 0 auto;display: block;}
	
	body{min-width:inherit;}
	
	/* header */
	.indexLogo{display: none;}
	.mainVis{height: 100vh;}
	#top .mainVis .title{margin-left: 0;width: 50%;bottom: 50%;left: 50%;transform: translate(-50%,40%);background: rgba(255,255,255,0.4);padding: 40px;box-shadow: 2px 2px 5px rgba(200,200,200,0.1);}
	#top .mainVis .imageArea .image{height: 100vh;background-size: cover;}
	#top .mainVis .imageArea .image img{display: none;}
	.second #header{margin-bottom: 0;background-position:50% 50%;}
	.second #header::after{content:"";display: block;height: 84px;}
	
	.second .headerInner{width: 90%;}
	
	/* gnav */
	#gnav{width: auto;border-bottom: 2px solid #2d3939;box-shadow: 0 5px 5px rgba(100,100,100,0.1);display:inherit;}
	#top #gnav{margin-bottom: 80px;}
	#gnav.pageScroll{position: fixed;top: 0;left: 0;width: 100%;z-index: 1000;background: #fff;}
	.second #gnav{margin-bottom: 40px;}
	#gnav .gnavInner{position: relative;}
	#gnav .menuIcon{width: 40px;position: absolute;right: 15px;top: 15px;}
	#gnav .menuIcon:hover{cursor:pointer;}
	.openIcon{display: block;height: 4px;border-radius:2px;background: #2d3939;margin-bottom: 6px;transition: all 200ms 0s ease;-moz-transition: all 200ms 0s ease;-webkit-transition: all 200ms 0s ease;-ms-transition: all 200ms 0s ease;}
	.openIcon:last-child{margin-bottom: 0;}
	#gnav .menuIcon.cross .openIcon:first-child{transform: rotate(45deg);position: relative;top: 10px;left: 0;}
	#gnav .menuIcon.cross .openIcon:nth-child(2){display: none;}
	#gnav .menuIcon.cross .openIcon:last-child{transform: rotate(-45deg);}
	#gnav .logo{margin-top: 5px;margin-bottom:5px;}
	#top #gnav .logo{display: block;}
	#gnav .logo a{width: 160px;}
	#gnav ul{margin-left: 0;display: none;position: absolute;width: 100%;background: #fff;border-bottom: 2px solid #2d3939;box-shadow: 0 5px 5px rgba(100,100,100,0.1);}
	#gnav li{width: auto;float: none;-moz-transform-origin: 0 0;-webkit-transform-origin: 0 0;transform-origin: 0 0;-moz-transform: skewX(0);-webkit-transform: skewX(0);transform: skewX(0);border-right: none;border-top: 1px solid #f5f5f5;}
	#gnav li:first-child{border-left: none;}
	#gnav li .jp, #gnav li .en{-webkit-transform: skewX(0);-moz-transform: skewX(0);transform: skewX(0);}
	#gnav li .en{margin-left: 0;}
	
	/* body */
	#body{width: 90%;margin: 0 auto;}
	#top #body{width: auto;}
	#body.scrollPage{margin-top: 110px;}
	#top #body.scrollPage{margin-top: 150px;}
	.bodyInner{width: auto;}
	#top .sectionInner{width: 90%;margin: 0 auto;}
	#top .bodyInner{width: auto;}
	h2 .jp{font-size: 34px;}
	
	/* footer */
	.footCvBtn{width: 70%;}
	.pageTop{right:20px;bottom:80px;}
	.pageTop a{opacity:0.3;}
	
	/* index */
	.topTitle{padding-left: 0;min-height:inherit;margin-bottom: 70px;}
	.topTitle .sectionInner{background-size:contain;}
	.topTitle .textArea .title{font-size: 22px;}
	.topTitle .textArea .text{font-size: 16px;letter-spacing: 0;}
	
	.topBnerSec ul{flex-direction: column;-webkit-flex-direction: column;-moz-flex-direction: column;-ms-flex-direction: column;-o-flex-direction: column;height: auto;}
	.topBnerSec li{margin-right: 0;margin-bottom: 30px;}
	.topBnerSec li:last-child{margin-bottom: 0;}
	
	.technologySec h2{font-size: 22px;margin-bottom: 10px;}
	
	.technologyCon li{width: auto;float: none;margin-right: 0;margin-bottom: 40px;}
	.technologyCon li:last-child{float: none;margin-bottom: 0;}
	.technologyCon .image{height: auto;}
	
	.caseAreaPaint {display: block;width: auto;height: auto;margin-bottom: 80px;}/*20171204*/
	.caseAreaWater {display: block;width: auto;height: auto;margin-bottom: 80px;}/*20171204*/
	
	.topWork .caseAreaPaint .titleArea{width: auto;float: none;margin-bottom: 40px;}/*20171204*/
	.topWork .caseAreaWater .titleArea{width: auto;float: none;margin-bottom: 40px;}/*20171204*/

	.topWork .titleArea .title{margin-top: 30px;margin-bottom: 25px;font-size: 36px;}
	.topWork .titleArea .text{margin-bottom: 30px;}
	.topWork .caseAreaPaint .workArea{width: auto;margin: 0;float: none;}/*20171204*/
	.topWork .caseAreaWater .workArea{width: auto;margin: 0;float: none;}/*20171204*/
	
	
	.workArea .workBlock{width: auto;float: none;margin-bottom: 20px;}
	.workArea .workBlock:nth-child(2){float: none;}
	.workArea .workBlock:last-child{margin-bottom: 0;}
	.workArea .workBlock .image{width: auto;}
	.workArea .detailLink{margin-top: 30px;font-size: 18px;}
	
	.bx-wrapper{margin-bottom: 0!important;}
	
	/* work */
	.hellowText .text{width: auto;margin: 0 15px;padding-top: 15px;float: none;}
	.hellowText .imageArea{width: auto;float: none;margin-right: 0;text-align: center;}
	.hellowText .imageArea .image{width: auto;}
	
	.workThum li{width: 50%;height:auto;margin-bottom: 0;background: none;}
	.workThum li:nth-child(2n){background: none;}
	.workThum li a{height: 140px;}
	
	.workDetail{width: auto;position: static;}
	.workDetail .leftArea{width: auto;float: none;margin-bottom: 20px;}
	.workDetail .leftArea .mainPic{width: auto;height: 200px;}
	.workDetail .leftArea .thum li {width: 30%;margin-right: 2.8%;}
	.workDetail .leftArea .thum li a{height: 90px;display: block;background-size:cover;background-position:50% 50%;}
	.workDetail .leftArea .thum li img{display: none;}
	.workDetail .rightArea{width: auto;float: none;}
	
	.bousui .workDetail .leftArea .mainPic{flex-direction: column;-webkit-flex-direction: column;-moz-flex-direction: column;-ms-flex-direction: column;-o-flex-direction: column;height: auto;}
	.bousui .workDetail .leftArea .mainPic .image{width: auto;}
	.bousui .workDetail .leftArea .mainPic .baText{bottom: calc(100% - 36px);bottom: -webkit-calc(100% - 36px);bottom: -moz-calc(100% - 36px);bottom: -ms-calc(100% - 36px);bottom: -o-calc(100% - 36px);}
	
	.workDetail .howstep ul{flex-direction: column;-webkit-flex-direction: column;-moz-flex-direction: column;-ms-flex-direction: column;-o-flex-direction: column;}
	.workDetail .howstep li{width: auto;margin-bottom: 15px;}
	.workDetail .howstep li:last-child{margin-bottom: 0;}
	
	/* company */
	.companyDetail .left{width: auto;float: none;margin-bottom: 30px;}
	.companyDetail .right{width: auto;float: none;}
	.relationCompanySec{flex-direction: column;-webkit-flex-direction: column;-moz-flex-direction: column;-ms-flex-direction: column;-o-flex-direction: column;}
	.relationCompany{width: auto;}
	.relationCompany:first-child{margin-bottom: 60px;}
	.gaiyou{display: block;}
	.gaiyouLeft, .gaiyouRight{width:auto;}
	.tableType01 table{margin-bottom: 20px;}
	
	
	/* contact */
	.contactForm{width: auto;}
	.formArea .box input,
	.formArea .box textarea{width: 90%;display: block;margin: 0 auto;}
	.formArea .formBtn .submit{float: none;margin-bottom: 15px;}
	.formArea .formBtn .cancel{float: none;}
	
	.confirmDetail .confirmBlock{margin-bottom: 40px;}
	
	/* flow */
    .flowList ul{display: block;}
	.flowList li{margin-bottom: 25px;width: 100%;display: block;}
	.flowList li::before{width: auto;line-height: 1.5;float: none;font-size: 20px;margin-right: 0;margin-bottom: 20px;}
    .flowList li:last-child{margin-bottom: 0;}
    .flowList li .detailArea{width: auto;}
	
	/* sitemap */
	.sitemapSec{width: auto;}
	.sitemapLink{top: 110px;}
	
	
	/*=======================
		Tech
	=======================*/
	/* ceramics siding */
	.ceramicsSiding .textCon .image{float: none;margin-left: 0;text-align: center;}
	.ceramicsSiding .contactGenuine .image{float: none;text-align: center;margin-right: 0;width: auto;margin-bottom: 0;margin-top: 30px;}
	
	/*======================
	Media
	======================*/

	.mediaTxt {margin-right: 0;width: auto;}

	.mediaTitleTxt {display: block;width: auto;margin-right: auto;line-height: 1.3em;margin-bottom: 10px;margin-bottom: 5px;}
	.mediaTitleDay {float: none;text-align: right;}

	.mediaAdd {display: block;}

	.mediaImage {width: auto;height: auto;display: block;margin-right: 0;justify-content: inherit;align-items: inherit;margin-bottom: 15px;}
	.mediaImage a {display: block;width: auto;height: auto;align-items: inherit;justify-content: inherit;margin: 0 auto;}
	.mediaTxt th {display: block;width: auto;}
	.textAddContent a {display: block;width: 170px;height: auto;border-bottom: 1px solid #26394f;padding: 2px 0 5px 20px;font-size: 18px;margin-left: auto;}
	
}