@charset "utf-8";
/* 

CSS page.css
下層各自cssで微調整するときに使用してください。

*/


/* #index */
#index #swrap_1 #sec_1{ padding: 80px 0 110px; }
#index #swrap_1 #sec_1>.incnt{ max-width: 960px; }
#index #swrap_1 #sec_1>.incnt>.inwrap{ display: flex; flex-direction: row; }
#index #swrap_1 #sec_1>.incnt>.inwrap .topinsectitle{flex-shrink: 0;margin-right: 12%;}
#index #swrap_1 #sec_1>.incnt>.inwrap .txtbox{ width: 100%; padding-top: 40px; }
#index #swrap_1 #sec_1>.incnt>.inwrap .txtbox .link{ text-align: right; margin-top: 20px; }
@media screen and (max-width: 1200px){
	#index #swrap_1 #sec_1>.incnt>.inwrap .topinsectitle{margin-right: 8%;}
}
@media screen and (max-width: 1040px){
	#index #swrap_1 #sec_1{ padding: 80px 0 80px; }
	#index #swrap_1 #sec_1>.incnt>.inwrap{ display: block; }
	#index #swrap_1 #sec_1>.incnt>.inwrap .topinsectitle{margin-right: 0%;}
	#index #swrap_1 #sec_1>.incnt>.inwrap .txtbox{ width: 100%; padding-top: 40px; }
	#index #swrap_1 #sec_1>.incnt>.inwrap .txtbox .link{ text-align: right; margin-top: 20px; }
}
@media screen and (max-width: 767px){
}
@media screen and (max-width: 500px){
}

#index #swrap_2 #sec_2 #s2_insec1{ background: url(../img/index/s2_bg1.png); padding-top: 84px; padding-bottom: 75px; width: 100%; text-align: center; }
#index #swrap_2 #sec_2 #s2_insec1>.inwrap{ display: inline-block; display: flex; flex-direction: row-reverse; justify-content: center; }
#index #swrap_2 #sec_2 #s2_insec1>.inwrap .txtbox{ padding-top: 40px; text-align: justify; writing-mode: vertical-rl;-webkit-writing-mode: vertical-rl; position: relative; padding-right: 175px; }
#index #swrap_2 #sec_2 #s2_insec1>.inwrap .logo{ position: absolute; top: -110px; right: 0; }
#index #swrap_2 #sec_2 #s2_insec1>.inwrap .logo img{ width: 130px; height: 268px; }
#index #swrap_2 #sec_2 #s2_insec1>.inwrap .title{ margin-left: 25px; font-size: 3rem; line-height: 1.8; text-orientation: upright; -webkit-text-orientation: upright; letter-spacing: 0.2em;  }
#index #swrap_2 #sec_2 #s2_insec1>.inwrap .title>.inwrap{ display: inline-block; position: relative; line-height: 1; }
#index #swrap_2 #sec_2 #s2_insec1>.inwrap .title>.inwrap>.inwrap{ position: relative; z-index: 2; }
#index #swrap_2 #sec_2 #s2_insec1>.inwrap .title>.inwrap::before{ content: ""; background: #fff; width: 10px; display: inline-block; height: 100%; position: absolute; left: 2px; top: 0; z-index: 1; }
#index #swrap_2 #sec_2 #s2_insec1>.inwrap .txt{ font-size: 1.8rem; line-height: 2.2; }
#index #swrap_2 #sec_2 #s2_insec1>.inwrap .img{ margin-right: 50px; width: 528px; }
#index #swrap_2 #sec_2 #s2_insec2 img{ width: 100%; object-fit: cover; }
@media screen and (max-width: 1400px){
	#index #swrap_2 #sec_2 #s2_insec1>.inwrap .logo img{ width: 100px; height: auto; }
	#index #swrap_2 #sec_2 #s2_insec1>.inwrap .txtbox{padding-right: 130px;}
}
@media screen and (max-width: 1300px){
	#index #swrap_2 #sec_2 #s2_insec1>.inwrap{padding-left: 8%;padding-right: 8%;width: 100%;height: auto;flex-direction: column; align-items: center;}
	#index #swrap_2 #sec_2 #s2_insec1>.inwrap .txtbox{width: auto;padding-top: 0;padding-left: 130px;}
	#index #swrap_2 #sec_2 #s2_insec1>.inwrap .img{margin-right: 0;width: 100%;margin-top: 40px;max-width: 528px;}
}
@media screen and (max-width: 1040px){
	#index #swrap_2 #sec_2 #s2_insec1>.inwrap .logo img{ width: 80px; }
	#index #swrap_2 #sec_2 #s2_insec1>.inwrap .title{ font-size: 2.4rem; }
	#index #swrap_2 #sec_2 #s2_insec1>.inwrap .txtbox{ width: 100%; padding-left: 0; padding-right: 120px; }
	#index #swrap_2 #sec_2 #s2_insec1>.inwrap .txt{ font-size: 1.6rem; }
	#index #swrap_2 #sec_2 #s2_insec2 img{ height: 400px; object-position: 70% 50%; }
}
@media screen and (max-width: 767px){
	#index #swrap_2 #sec_2 #s2_insec1{padding-top: 64px;}
	#index #swrap_2 #sec_2 #s2_insec1>.inwrap .txtbox{writing-mode: horizontal-tb;-webkit-writing-mode: horizontal-tb; padding-right: 0; }
	#index #swrap_2 #sec_2 #s2_insec1>.inwrap .logo{right: auto;left: 0;top: -90px;}
	#index #swrap_2 #sec_2 #s2_insec1>.inwrap .title{padding-left: 90px;font-size: 2rem;margin-bottom: 30px;}
	#index #swrap_2 #sec_2 #s2_insec1>.inwrap .title>.inwrap::before{ width: 100%; height: 8px;left: 0; bottom: 1px; top: auto; }
}
@media screen and (max-width: 500px){
}

#index #swrap_3 #sec_3{ background: #f7f5f0; padding-top: 95px; padding-bottom: 95px; }
#index #swrap_3 #sec_3 .list>li:not(:last-child){ margin-bottom: 70px; }
#index #swrap_3 #sec_3 .list>li{ display: flex; flex-direction: row; }
#index #swrap_3 #sec_3 .list>li .txtbox{ width: 100%; font-size: 1.5rem; padding-left: 12%; display: flex; flex-direction: column; justify-content: center; }
#index #swrap_3 #sec_3 .list>li .txtbox .title{ margin-bottom: 20px; }
#index #swrap_3 #sec_3 .list>li .txtbox .title>.inwrap{font-size: 3rem;background: #fff;display: inline-block;margin-bottom: 10px;line-height: 1.2;padding-bottom: 3px;padding-left: 9px;}
#index #swrap_3 #sec_3 .list>li .txtbox .link{ margin-top: 20px; font-size: 1.6rem; }
#index #swrap_3 #sec_3 .list>li .imgbox{flex-shrink: 0;width: 48%;margin-left: 4%;}
#index #swrap_3 #sec_3 .list>li .imgbox>.inwrap{ border-radius: 5px; overflow: hidden; }
#index #swrap_3 #sec_3 .list>li .imgbox>.inwrap img{ position: relative; transform: scale(1.04); }
#index #swrap_3 #sec_3 .list>li:nth-child(even){ flex-direction: row-reverse; }
#index #swrap_3 #sec_3 .list>li:nth-child(even) .imgbox{ margin-left: 0; margin-right: 4%; }
#index #swrap_3 #sec_3 .list>li:nth-child(even) .txtbox{ padding-left: 0; padding-right: 12%; }
#index #swrap_3 #sec_3 .list>li:nth-child(2){ margin-bottom: -20px; }
#index #swrap_3 #sec_3 .list>li:nth-child(2) .imglist{ position: relative; padding-bottom: 128px; padding-right: 70px; }
#index #swrap_3 #sec_3 .list>li:nth-child(2) .imglist>li>.inwrap{ border-radius: 5px; overflow: hidden; }
#index #swrap_3 #sec_3 .list>li:nth-child(2) .imglist>li>.inwrap img{ position: relative; transform: scale(1.04); }
#index #swrap_3 #sec_3 .list>li:nth-child(2) .imglist>li:nth-child(2){position: absolute;bottom: 0;right: 0;width: 51%;height: 230px;}
#index #swrap_3 #sec_3 .list>li:nth-child(3) .txtbox{ padding-top: 100px; padding-left: 10%; }
@media screen and (max-width: 1500px){
	#index #swrap_3 #sec_3 .list>li .txtbox,
	#index #swrap_3 #sec_3 .list>li:nth-child(3) .txtbox{ padding-left: 6%; }
	#index #swrap_3 #sec_3 .list>li:nth-child(even) .txtbox{ padding-right: 0%; }
}
@media screen and (max-width: 1200px){
	#index #swrap_3 #sec_3 .list>li .txtbox .title>.inwrap{ font-size: 2.8rem; }
	#index #swrap_3 #sec_3 .list>li .txtbox,
	#index #swrap_3 #sec_3 .list>li:nth-child(3) .txtbox{ padding-left: 0; }
	#index #swrap_3 #sec_3 .list>li:nth-child(2){ margin-bottom: 0; }
}
@media screen and (max-width: 1040px){
	#index #swrap_3 #sec_3 .list>li:not(:last-child){ margin-bottom: 60px!important; }
	#index #swrap_3 #sec_3 .list>li{ display: block; }
	#index #swrap_3 #sec_3 .list>li .txtbox{ display: block; padding-left: 0 !important; padding-right: 0 !important;  }
	#index #swrap_3 #sec_3 .list>li .txtbox .title,
	#index #swrap_3 #sec_3 .list>li .txtbox .link{ text-align: center; }
	#index #swrap_3 #sec_3 .list>li .txtbox .title>.inwrap{font-size: 2.4rem;}
	#index #swrap_3 #sec_3 .list>li .imgbox{width: 100%;margin-left: 0%!important;margin-right: 0%!important;margin-top: 40px;}
	#index #swrap_3 #sec_3 .list>li:nth-child(3){ padding-top: 20px; }
	#index #swrap_3 #sec_3 .list>li:nth-child(3) .txtbox{ padding-top: 0; }
}
@media screen and (max-width: 767px){
	#index #swrap_3 #sec_3{ padding-top: 85px; padding-bottom: 85px; }
	#index #swrap_3 #sec_3 .list>li .txtbox .title>.inwrap{ font-size: 2rem; }
	
	#index #swrap_3 #sec_3 .list>li:nth-child(2){ margin-bottom: 0; }
	#index #swrap_3 #sec_3 .list>li:nth-child(2) .imglist{padding-bottom: 0;padding-right: 0;}
	#index #swrap_3 #sec_3 .list>li:nth-child(2) .imglist>li:nth-child(2){height: auto;position: relative;width: 100%;height: auto;}
	#index #swrap_3 #sec_3 .list>li:nth-child(2) .imglist>li:nth-child(1){ margin-bottom: 10px; }
	#index #swrap_3 #sec_3 .list>li:nth-child(2) .imglist>li:nth-child(1)>.inwrap img{ height: 260px; }
	#index #swrap_3 #sec_3 .list>li:nth-child(2) .imglist>li:nth-child(2)>.inwrap img{ height: 260px; }
	#index #swrap_3 #sec_3 .list>li:nth-child(3){ padding-top: 0; }
}
@media screen and (max-width: 500px){
}

#index #swrap_4 #sec_4{ padding-top: 80px; padding-bottom: 100px; }
#index #swrap_4 #sec_4 .productcatlist{ margin-bottom: 70px;  }
#index #swrap_4 #sec_4 .topsectitle::before{ width: 150px; }
#index #swrap_4 #sec_4 .link{margin-top: 50px;}
@media screen and (max-width: 1200px){
	#index #swrap_4 #sec_4 .productcatlist{ margin-bottom: 30px; }
}
@media screen and (max-width: 1040px){
}
@media screen and (max-width: 767px){
	#index #swrap_4 #sec_4{  padding-bottom: 80px; }
}
@media screen and (max-width: 500px){
}

#index #swrap_5 #sec_5{background: #f7f5f0;padding: 80px 0 80px;}
#index #swrap_5 #sec_5>.incnt{ max-width: 1258px; }
#index #swrap_5 #sec_5>.incnt>.inwrap{ display: flex; flex-direction: row; }
#index #swrap_5 #sec_5>.incnt>.inwrap .topinsectitle{flex-shrink: 0;margin-right: 6%; width: 120px;}
#index #swrap_5 #sec_5>.incnt>.inwrap .txtbox{ width: 100%; }
#index #swrap_5 #sec_5>.incnt>.inwrap .txtbox .link{ text-align: right; margin-bottom: 20px; }
@media screen and (max-width: 1200px){
}
@media screen and (max-width: 1040px){
	#index #swrap_5 #sec_5>.incnt>.inwrap{ display: block; }
	#index #swrap_5 #sec_5>.incnt>.inwrap .topinsectitle{margin-right: 0%; width: 100%; }
	#index #swrap_5 #sec_5>.incnt>.inwrap .txtbox{ width: 100%; padding-top: 40px; }
	#index #swrap_5 #sec_5>.incnt>.inwrap .txtbox .link{ margin-top: 40px; }
}
@media screen and (max-width: 767px){
	#index #swrap_5 #sec_5{padding: 70px 0 60px;}
}
@media screen and (max-width: 500px){
}





/* #about.index */
#about.index #s1_insec2{ margin-top: 70px; }
#about.index #s1_insec2>.inwrap>li{ display: flex; flex-direction: row; min-height: 630px; }
#about.index #s1_insec2>.inwrap>li .txtbox{width: 100%;background: #f7f5f0;padding: 90px 6% 50px 10%;display: flex;align-items: center;justify-content: center;font-size: 1.5rem;flex-direction: column;}
#about.index #s1_insec2>.inwrap>li .txtbox .titlebox{ margin-bottom: 40px; font-size: 3rem; text-align: justify; writing-mode: vertical-rl;-webkit-writing-mode: vertical-rl; }
#about.index #s1_insec2>.inwrap>li .txtbox .titlebox .sub{ margin-top: -20px; display: block; line-height: 1.4; }
#about.index #s1_insec2>.inwrap>li .txtbox .titlebox .main{border: 1px solid #6a6a6a;padding: 22px 15px;line-height: 1.7; min-height: 230px; display: flex; align-items: center; justify-content: center; margin-right: 20px; }
#about.index #s1_insec2>.inwrap>li .imgbox{flex-shrink: 0;width: 56%;}
#about.index #s1_insec2>.inwrap>li:nth-child(even){ flex-direction: row-reverse; }
@media screen and (max-width: 1200px){
	#about.index #s1_insec2>.inwrap>li .imgbox{width: 52%;}
	#about.index #s1_insec2>.inwrap>li .txtbox .titlebox{ font-size: 2.6rem; }
	#about.index #s1_insec2>.inwrap>li .txtbox .titlebox .main{ min-height: 200px; }
}
@media screen and (max-width: 1040px){
	#about.index #s1_insec2{ margin-top: 60px; }
	#about.index #s1_insec2>.inwrap>li{ display: block; min-height: inherit; }
	#about.index #s1_insec2>.inwrap>li .txtbox{padding: 80px 6% 45px;display: block;}
	#about.index #s1_insec2>.inwrap>li .txtbox .titlebox{margin-left: auto;margin-right: auto;}
	#about.index #s1_insec2>.inwrap>li .imgbox{width: 100%;height: 500px;}
}
@media screen and (max-width: 767px){
	#about.index #s1_insec2>.inwrap>li .txtbox .titlebox{ font-size: 2rem; }
	#about.index #s1_insec2>.inwrap>li .txtbox .titlebox .main{ min-height: 170px; }
	#about.index #s1_insec2>.inwrap>li .imgbox{height: 300px;}
}
@media screen and (max-width: 500px){
}


/* #about.history */
#about.history #s1_insec2 { background: url(../img/index/s2_bg1.png); padding-top: 84px; padding-bottom: 75px; width: 100%; text-align: center; }
#about.history #s1_insec2 >.inwrap{ display: inline-block; display: flex; flex-direction: row-reverse; justify-content: center; }
#about.history #s1_insec2 >.inwrap .txtbox{ padding-top: 40px; text-align: justify; writing-mode: vertical-rl;-webkit-writing-mode: vertical-rl; position: relative; padding-right: 175px; }
#about.history #s1_insec2>.inwrap .logo{ position: absolute; top: -110px; right: 0; }
#about.history #s1_insec2>.inwrap .logo img{ width: 130px; height: 268px; }
#about.history #s1_insec2>.inwrap .title{ margin-left: 25px; font-size: 3rem; line-height: 1.8; text-orientation: upright; -webkit-text-orientation: upright; letter-spacing: 0.2em;  }
#about.history #s1_insec2>.inwrap .title>.inwrap{ display: inline-block; position: relative; line-height: 1; }
#about.history #s1_insec2>.inwrap .title>.inwrap>.inwrap{ position: relative; z-index: 2; }
#about.history #s1_insec2>.inwrap .title>.inwrap::before{ content: ""; background: #fff; width: 10px; display: inline-block; height: 100%; position: absolute; left: 2px; top: 0; z-index: 1; }
#about.history #s1_insec2>.inwrap .txt{ font-size: 1.8rem; line-height: 2.2; }
#about.history #s1_insec2>.inwrap .img{ margin-right: 50px; width: 528px; }
#about.history #sec_2 #swrap_1 { padding-top: 80px; padding-bottom: 100px; }
#about.history #swrap_3 #sec_3 { background: #f7f5f0; padding-top: 95px; padding-bottom: 95px; }
#about.history #swrap_3 #sec_3 .list { margin-bottom: 70px; }
#about.history #swrap_3 #sec_3 .list li { background: #fff; border: 1px solid #2A2A2A; padding: 60px 80px; margin-bottom: 20px; }
#about.history #swrap_3 #sec_3 .list li .txt1 { font-size: 3rem; text-align: center; margin-bottom: 30px; line-height: 1.8; }
#about.history #swrap_3 #sec_3 #fimglist{ display: flex; flex-direction: row; }
#about.history #swrap_3 #sec_3 #fimglist>li{ width: 100%; }
#about.history #swrap_3 #sec_3 #fimglist>li img{ height: 500px; }
#about.history #swrap_3 #sec_3 #fimglist>li:nth-child(1){flex-shrink: 0;width: 42%;}
#about.history #swrap_3 #sec_3 #s3_insec2 { padding-top: 80px; }
#about.history #swrap_3 #sec_3 #s3_insec2 .timelist { display: flex; flex-direction: column; }
#about.history #swrap_3 #sec_3 #s3_insec2 .timelist li { display: flex; align-items: flex-start; position: relative; }
#about.history #swrap_3 #sec_3 #s3_insec2 .timelist li::before{content: "";background: #2a2a2a;display: inline-block;width: 1px;height: 100%;position: absolute;bottom: 0;left: 46px;}
#about.history #swrap_3 #sec_3 #s3_insec2 .timelist li:first-child:before{ height: calc(100% - 20px); }
#about.history #swrap_3 #sec_3 #s3_insec2 .timelist li:not(:last-child){ padding-bottom: 65px; }
#about.history #swrap_3 #sec_3 #s3_insec2 .timelist li .year { font-size: 3.0rem; line-height: 1.3; width: 180px; background: #f7f5f0; padding: 10px 0; position: relative; z-index: 2; margin-top: -10px; }
#about.history #swrap_3 #sec_3 #s3_insec2 .timelist li .txt2 { font-size: 2.0rem; }
@media screen and (max-width: 1400px){
	#about.history #s1_insec2>.inwrap .logo img{ width: 100px; height: auto; }
	#about.history #s1_insec2>.inwrap .txtbox{padding-right: 130px;}
}
@media screen and (max-width: 1300px){
	#about.history #s1_insec2>.inwrap{padding-left: 8%;padding-right: 8%;width: 100%;height: auto;flex-direction: column; align-items: center;}
	#about.history #s1_insec2>.inwrap .txtbox{width: auto;padding-top: 0;padding-left: 130px;}
	#about.history #s1_insec2>.inwrap .img{margin-right: 0;width: 100%;margin-top: 40px;max-width: 528px;}
}
@media screen and (max-width: 1040px){
	#about.history #s1_insec2>.inwrap .logo img{ width: 80px; }
	#about.history #s1_insec2>.inwrap .title{ font-size: 2.4rem; }
	#about.history #s1_insec2>.inwrap .txtbox{ width: 100%; padding-left: 0; padding-right: 120px; }
	#about.history #s1_insec2>.inwrap .txt{ font-size: 1.6rem; }
	#about #swrap_2 #sec_2 #s2_insec2>img{ height: 400px; }
	#about.history #swrap_3 #sec_3 .list li .txt1 { font-size: 2.6rem; }
	#about.history #swrap_3 #sec_3 #s3_insec2 .timelist li .year { font-size: 2.4rem; width: 150px; }
}
@media screen and (max-width: 767px){
	#about.history #s1_insec2{padding-top: 64px;}
	#about.history #s1_insec2>.inwrap .txtbox{writing-mode: horizontal-tb;-webkit-writing-mode: horizontal-tb; padding-right: 0; }
	#about.history #s1_insec2>.inwrap .logo{right: auto;left: 0;top: -90px;}
	#about.history #s1_insec2>.inwrap .title{padding-left: 90px;font-size: 2rem;margin-bottom: 30px;}
	#about.history #sec_2 #swrap_1 { padding-bottom: 80px; }
	#about.history #swrap_3 #sec_3 { padding-top: 70px; padding-bottom: 0px; }
	#about.history #swrap_3 #sec_3 .list li { padding: 10%; }
	#about.history #swrap_3 #sec_3 .list li .txt1 { font-size: 2.2rem; text-align: center; margin-bottom: 20px; }
	#about.history #swrap_3 #sec_3 #fimglist{ display: block; }
	#about.history #swrap_3 #sec_3 #fimglist>li:nth-child(1){width: 100%;}
	#about.history #swrap_3 #sec_3 #fimglist>li img{ height: auto; }
	#about.history #swrap_3 #sec_3 #s3_insec2 { padding-top: 80px; padding-bottom: 60px; }
	#about.history #swrap_3 #sec_3 #s3_insec2 .timelist li .year { font-size: 2.0rem; }
	#about.history #swrap_3 #sec_3 #s3_insec2 .timelist li .txt2 { font-size: 1.6rem; background: #f7f5f0; position: relative; z-index: 2; padding-bottom: 5px; }
	#about.history #swrap_3 #sec_3 #s3_insec2 .timelist li { display: block; width: 100%; }
	#about.history #swrap_3 #sec_3 #s3_insec2 .timelist li:not(:last-child){ padding-bottom: 30px; }
}
@media screen and (max-width: 500px){
}



/* #company */
#company #article .company_dllist { margin-bottom: 90px; border-top: 1px solid #D4D4D4; }
#company #article .company_dllist>li { border-bottom: 1px solid #D4D4D4; }
#company #article .company_dllist>li>dl { display: flex; flex-direction: row;}
#company #article .company_dllist>li>dl>dt {flex-shrink: 0;background: #F7F5F0; padding: 14px 20px;box-sizing: border-box;width: 200px; text-align: center; }
#company #article .company_dllist>li>dl>dd { padding: 14px 60px;box-sizing: border-box;width: 100%;}
@media screen and (max-width: 1040px){
	#company #article .company_dllist { margin-bottom: 60px; }
}
@media screen and (max-width: 767px) {
	#company #article .company_dllist>li>dl>dt{width: 35%; font-feature-settings : "palt"; padding: 4%; }
	#company #article .company_dllist>li>dl>dd{padding: 4%;}
}
@media screen and (max-width: 500px) {
	#company #article .company_dllist>li>dl>dt{ width: 40%; }
}


#company #sec_1 #s1_insec2 #fimglist{ display: flex; flex-direction: row; }
#company #sec_1 #s1_insec2 #fimglist>li{ width: 100%; }
#company #sec_1 #s1_insec2 #fimglist>li img{ height: 500px; }
#company #sec_1 #s1_insec2 #fimglist>li:nth-child(1){flex-shrink: 0;width: 56%;}
#company #sec_2 #s2_insec1 { margin-top: 80px; }
#company #sec_2 .map { margin-top: 60px; margin-bottom: 30px;}
@media screen and (max-width: 1040px){
	#company #sec_2 .map { margin-top: 40px;}
}
@media screen and (max-width: 767px){
	#company #sec_1 #s1_insec2 #fimglist{ display: block; }
	#company #sec_1 #s1_insec2 #fimglist>li:nth-child(1){width: 100%;}
	#company #sec_1 #s1_insec2 #fimglist>li img{ height: auto; }
	#company #sec_2 .map iframe{ height: 400px; }
}
@media screen and (max-width: 500px){
}






/* #product */
#product.index #s1_insec1 .productcatlist{ margin-top: 90px; }
@media screen and (max-width: 1040px){
	#product.index #s1_insec1 .productcatlist{ margin-top: 60px; }
}
@media screen and (max-width: 767px){
}

#product.index #s1_insec2{ padding-top: 70px; margin-top: 30px; border-top: 1px solid #aaa; }
@media screen and (max-width: 1200px){
}
@media screen and (max-width: 1040px){
}
@media screen and (max-width: 767px){
}
@media screen and (max-width: 500px){
}

#product.single #productmainbox #sec_1{ display: flex; flex-direction: row; }
#product.single #productmainbox #sec_1 .mainimg{flex-shrink: 0;width: 49%;margin-right: 7%;display: flex;align-items: center;justify-content: center;}
#product.single #productmainbox #sec_1 .txtbox{ width: 100%; display: flex; flex-direction: column; font-size: 1.5rem; }
#product.single #productmainbox #sec_1 .txtbox .titlebox{ margin-bottom: 40px; }
#product.single #productmainbox #sec_1 .txtbox .titlebox .productitem{ font-size: 3rem; font-weight: bold; line-height: 1.8; }
#product.single #productmainbox #sec_1 .txtbox .titlebox .productcat{ font-size: 1.3rem; }
#product.single #productmainbox #sec_1 .txtbox .pricetxt .price{ font-size: 1.8rem; display: inline-block; vertical-align: middle; }
#product.single #productmainbox #sec_1 .txtbox .pricetxt .tax{ display: inline-block; vertical-align: middle; }
#product.single #productmainbox #sec_1 .txtbox .link{ margin-top: 30px; }
#product.single #productmainbox #sec_1 .txtbox .link .btnlink{font-size: 1.7rem;height: auto;padding: 17px 8%;}
#product.single #productmainbox #sec_1 .txtbox .bodybox{ margin-top: 60px; }
#product.single #productmainbox #sec_1 .txtbox .bodybox .copy{ font-size: 2.4rem; line-height: 1.8; margin-bottom: 15px; text-align: left; }
#product.single #productmainbox #sec_1 .txtbox .howtobox{ margin-top: 50px; }
#product.single #productmainbox #sec_1 .txtbox .howtobox .title{ padding-bottom: 5px; margin-bottom: 7px; border-bottom: 1px solid #aaa; }
@media screen and (max-width: 1040px){
	#product.single #productmainbox #sec_1 .mainimg{width: 44%;margin-right: 6%;}
	#product.single #productmainbox #sec_1 .txtbox .titlebox .productitem{ font-size: 2.6rem; }
	#product.single #productmainbox #sec_1 .txtbox .bodybox .copy{ font-size: 2rem; }
}
@media screen and (max-width: 767px){
	#product.single #productmainbox #sec_1{ display: block; }
	#product.single #productmainbox #sec_1 .mainimg{width: 88%;margin-right: 0%; margin-bottom: 50px;margin-left: auto; margin-right: auto;display: block;}
	#product.single #productmainbox #sec_1 .mainimg img{ width: 100%; }
	#product.single #productmainbox #sec_1 .txtbox{ width: 100%; display: flex; flex-direction: column; font-size: 1.5rem; }
	#product.single #productmainbox #sec_1 .txtbox .titlebox{ margin-bottom: 30px; }
	#product.single #productmainbox #sec_1 .txtbox .titlebox .productitem{ font-size: 2.4rem }
	#product.single #productmainbox #sec_1 .txtbox .pricetxt .price{ font-size: 1.6rem; }
	#product.single #productmainbox #sec_1 .txtbox .link{ margin-top: 20px; }
	#product.single #productmainbox #sec_1 .txtbox .link .btnlink{font-size: 1.6rem;}
}
@media screen and (max-width: 500px){
}

#product.single #productrecommend{ margin-top: 170px; padding-bottom: 50px; }
#product.single #productrecommend .topsectitle .jn{ font-size: 2.6rem; }
#product.single #productrecommend .productcatlist{ margin-bottom: 70px;  }
#product.single #productrecommend .topsectitle::before{ width: 150px; }
#product.single #productrecommend .link{margin-top: 60px;}
#product.single #productrecommend .bottomlink .txtlink{ letter-spacing: 0.15em; }
@media screen and (max-width: 1200px){
	#product.single #productrecommend .productcatlist{ margin-bottom: 30px; }
}
@media screen and (max-width: 1040px){
}
@media screen and (max-width: 767px){
	#product.single #productrecommend{ margin-top: 120px;  }
	#product.single #productrecommend .topsectitle .jn{ font-size: 2.4rem; }
}
@media screen and (max-width: 500px){
}


/* #blog */
#blog.index .productcatlist{ margin-bottom: 80px; }
@media screen and (max-width: 1040px){
	#blog.index .productcatlist{ margin-bottom: 60px; }
}



/* #contact */
#contact #sec_1{ padding-bottom: 90px; }
#contact #sec_1 .topsectitle{ margin-bottom: 40px; }
#contact #sec_1 .link>.tel{ text-align: center; }
#contact #sec_1 .link>.tel .num{ font-size: 4.2rem; margin-bottom: 15px; line-height: 1.8; }
#contact #sec_1 .link>.tel .num svg{ margin-right: 10px; }
#contact #sec_1 .link>.tel .num svg .telicon_st0.st0{ fill: #2a2a2a;  }
#contact #sec_1 .link>.tel .txt{ font-size: 1.7rem; }
@media screen and (max-width: 1040px){
	#contact #sec_1 .link>.tel .num{ font-size: 3.8rem; margin-bottom: 10px; }
}
@media screen and (max-width: 767px){
	#contact #sec_1{ padding-bottom: 60px; }
	#contact #sec_1 .link>.tel .num{ font-size: 3.2rem; }
	#contact #sec_1 .link>.tel .num svg{ width: 20px; height: 20px; }
	#contact #sec_1 .link>.tel .txt{ font-size: 1.5rem; }
}
@media screen and (max-width: 500px){
}

#contact #sec_2{ padding-bottom: 100px; padding-top: 90px; background: #f7f5f0; }
#contact #sec_2 .toptxt{font-size: 1.5rem;text-align: center;margin-bottom: 50px;}
#contact #footer .wpbnrlist{ margin-top: 0; border: none; }
@media screen and (max-width: 1040px){
}
@media screen and (max-width: 767px){
	#contact #sec_2{ padding-bottom: 80px; padding-top: 70px; }
}
@media screen and (max-width: 500px){
}


/* #news */
#news.index #sec_1 .newslist._1{ margin-top: 70px; }
@media screen and (max-width: 767px){
	#news.index #sec_1 .newslist._1{ margin-top: 50px; }
}