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


.page_midashi_box_02>div::before{ background-image: url("../images/kv_back.jpg");}
@media (min-width: 768px) {}
@media (max-width: 767.98px) {
.page_midashi_box_02>div::before{ background-position: 39% center;}
}
@media (min-width: 350px) and (max-width: 767.98px){}




.s_back_01,
.s_back_01 .link_box_06>div>.text_box{ background-color: #f9f9f9;}

@media (min-width: 768px) {
.s_back_01{ padding: 100px 0;}
}
@media (max-width: 767.98px) {
.s_back_01{ padding: 30px 0;}}



.service_top_logo{ font-weight: 600; background: url("../../common/images/logo.png") no-repeat center top / auto 30px; padding: 40px 0 0; text-align: center;}
.service_top_lead{ text-align: center; border-top: solid #1782b3 1px; border-bottom: solid #1782b3 1px; line-height: 1.727em;}
@media (min-width: 768px) {
.service_top_logo{ font-size: 18px; margin: 0 0 40px;}
.service_top_lead{ width: 690px; padding: 20px 0; margin: 0 auto 40px; font-size: 22px;}
}
@media (max-width: 767.98px) {
.service_top_logo{ font-size: 13px; margin: 0 0 20px;}
.service_top_lead{ width: 100%; padding: 20px 0; margin: 0 auto 30px; font-size: 14px;}
}





.service_top_list{ position: relative; display: flex; flex-wrap: wrap; justify-content: center; text-align: center; align-items: flex-start;}
.service_top_list>p{ margin: 0; position: relative;}
.service_top_list>p>strong{ display: flex; align-items: center; justify-content: center;}
.service_top_list>p:nth-child(2)>strong{ color: #e3b74c;}
.service_top_list>p:nth-child(1)>strong{ color: #1782b3;}
.service_top_list>p:nth-child(3)>strong{ color: #d99f51;}
.service_top_list>p:nth-child(4)>strong{ color: #7bc1a2;}
.service_top_list>p:nth-child(5)>strong{ color: #d78d8a;}
.service_top_list>p:nth-child(6)>strong{ color: #298d9c;}
.service_top_list>p>span{ font-weight: 600; display: block;}
.service_top_list>p>span>span{ display: inline-block; line-height: 1.4em;}
@media (min-width: 768px) {
.service_top_list{ background: url("../images/2023/05/pc.png") no-repeat center top; padding-bottom: 150px; margin-bottom: 90px;}
.service_top_list>p{}
.service_top_list>p:nth-child(1){ width: 140px; margin: 0 0 0 21px;}
.service_top_list>p:nth-child(2){ width: 140px; margin: 0 0 0 22px;}
.service_top_list>p:nth-child(3){ width: 146px; margin: 0 0 0 22px;}
.service_top_list>p:nth-child(4){ width: 149px; margin: 0 0 0 16px;}
.service_top_list>p:nth-child(5){ width: 141px; margin: 0 0 0 19px;}
.service_top_list>p:nth-child(6){ width: 142px; margin: 0 18px 0 23px;}
.service_top_list>p>strong{ height: 184px; font-size: 19px;}
.service_top_list>p>span{ font-size: 14px; width: 200px; position: absolute; left: calc(50% - 100px); top: calc(100% + 10px);}
.service_top_list>p>span>span{ font-size: 14px;}

}
@media (max-width: 767.98px) {
.service_top_list{ padding: 0 10px 50px; margin: 0 -10px; overflow: hidden;}
.service_top_list>p{ box-sizing: content-box; padding-bottom: 90px;}
.service_top_list>p:nth-child(1){ width: 27.3%; padding: 0 0 0 4.6%;}
.service_top_list>p:nth-child(1)::before{ position: absolute; content: ""; display: block; z-index: -1; width: calc(100vw - 20px); padding: 0 0 35vw; background: url("../images/2023/05/sp1.png") no-repeat center center/ 100% auto; top: 0; left: 0;}
.service_top_list>p:nth-child(2){ width: 27.3%; padding: 0 0 0 4.6%; margin-bottom: 70px;}
.service_top_list>p:nth-child(3){ width: 27.3%; padding: 0 4.65% 0 4.25%;}


.service_top_list>p:nth-child(4){ width: 28.97%; padding: 0 0 0 3.6%;}
.service_top_list>p:nth-child(4)::before{ position: absolute; content: ""; display: block; z-index: -1; width: calc(100vw - 20px); padding: 0 0 35vw; background: url("../images/sp2.png") no-repeat center center / 100% auto; top: 0; left: 0;}

.service_top_list>p:nth-child(5){ width: 27.6%; padding: 0 0 0 3.6%;}
.service_top_list>p:nth-child(6){ width: 26.1%; padding: 0 5.53% 0 4.6%; margin-bottom: 90px;}

.service_top_list>p>strong{ height:  35vw; font-size: 12px;}
.service_top_list>p>span{ font-size: 10px; position:  absolute; width: 40vw; top: calc(100% + 5px); left: calc(60% - 20vw);}
.service_top_list>p:nth-child(3)>span{ left: calc(50% - 20vw);}
.service_top_list>p:nth-child(4)>span{ left: calc(53.6% - 20vw);}
.service_top_list>p:nth-child(5)>span{ left: calc(55% - 20vw);}
.service_top_list>p:nth-child(6)>span{ left: calc(50% - 20vw);}
.service_top_list>p>span>span{ font-size: 8px;}

}

@media (min-width: 576px) and (max-width: 767.98px){
.service_top_list>p:nth-child(1)::before,
.service_top_list>p:nth-child(4)::before{ width: 520px; padding: 0 0 114%;}
.service_top_list>p>strong{ height: 190px;}
}



.service_g_ttl{ font-weight: 600; color: #1782b3;}
.service_g_list{}
@media (min-width: 768px) {
.service_g_ttl{ font-size: 22px; margin: 100px 0 0;}
.service_g_list{ margin-top: 18px;}

}
@media (max-width: 767.98px) {
.service_g_ttl{ font-size: 11px; margin: 50px 0 0;}
.service_g_list{ margin-top: 23px;}

}





.service_page_midashi{ text-align: center; color: #1782b3;}
.service_page_lead{ line-height: 1.875em;}
.service_page_lead>strong{ font-weight: 300; display: block; text-align: center; color: #1782b3;}
.clothing_back{}
@media (min-width: 768px) {
.service_page_midashi{ font-weight: 300; font-size: 34px;}
.service_page_lead>strong{ font-size: 22px; padding: 20px 0;}
.service_page_lead{ font-size: 16px; width: 680px; margin: 0 auto 70px;}

.service_page_lead.others_lead{ width: 700px;}
.service_page_lead.others_lead>strong{ margin: 0 -30px;}

}
@media (max-width: 767.98px) {
.service_page_midashi{ font-weight: 600; font-size: 22px;}
.service_page_lead>strong{ font-size: 17px; padding: 15px 0;}
.service_page_lead{ font-size: 14px; margin: 0 0 70px;}

}




.lower_link{}
.lower_link>a{}
@media (min-width: 768px) {
.lower_link{ display: flex;}
.lower_link>a{ width: 300px;}
.lower_link>a:nth-child(n+4){ margin-top: 35px;}

}
@media (max-width: 767.98px) {
.link_box_08>div>span{ width: auto;}
}




.c_box_01 .clothing_back{ background: url("../clothing/images/back.jpg") no-repeat center / cover;}
.c_box_01 .electronics_back{ background: url("../electronics/images/back.jpg") no-repeat center / cover;}
.c_box_01 .estate_back{ background: url("../estate/images/back.jpg") no-repeat center / cover;}
.c_box_01 .interior_back{ background: url("../interior/images/back.jpg") no-repeat center / cover;}
.c_box_01 .others_back{ background: url("../others/images/back.jpg") no-repeat center / cover;}

.c_box_01 .midashi_03{}
.service_page_text>strong{ display: block;}
@media (min-width: 768px) {
.c_box_01 .midashi_03{ font-size: 28px; margin-bottom: 50px;}
.service_page_text{ margin: 0;}
.service_page_text>strong{ font-size: 22px; margin-bottom: 25px;}
}
@media (max-width: 767.98px) {
.service_page_text>strong{ font-size: 18px; margin-bottom: 25px;}

}




.service_flex_base{}
.service_flex_base>div:nth-child(1){}
.service_flex_base>div:nth-child(2){}
@media (min-width: 768px) {
.service_flex_base{ display: flex; justify-content: space-between; margin-bottom: 50px; font-size: 16px;}
.service_flex_base>div:nth-child(1){ width: calc(100% - 410px); margin: 0;}
.service_flex_base>div:nth-child(2){ width: 352px;}

.service_flex_base.sf_02>div:nth-child(1){ width: calc(100% - 590px); margin: 0;}
.service_flex_base.sf_02>div:nth-child(2){ width: 535px;}

.service_flex_base.sf_03>div:nth-child(1){ width: calc(100% - 590px); margin: 0;}
.service_flex_base.sf_03>div:nth-child(2){ width: 535px;}

.service_flex_base.sf_04{ margin-bottom: 0;}
.service_flex_base.sf_04>div:nth-child(1){ width: calc(100% - 256px); margin: 0;}
.service_flex_base.sf_04>div:nth-child(2){ width: 226px;}

.service_flex_base.sf_05>div:nth-child(1){ width: calc(100% - 517px); margin: 0;}
.service_flex_base.sf_05>div:nth-child(2){ width: 477px;}

.service_flex_base.sf_06>div:nth-child(1){ width: calc(100% - 571px); margin: 0;}
.service_flex_base.sf_06>div:nth-child(2){ width: 511px;}


}
@media (max-width: 767.98px) {
.service_flex_base{ margin-bottom: 50px;}

.service_flex_base.sf_04{ display: flex; justify-content: space-between;}
.service_flex_base.sf_04>div:nth-child(1){ width: calc(100% - 123px); margin: 0;}
.service_flex_base.sf_04>div:nth-child(2){ width: 113px;}

}




.blue_back_box{ background-color: #e3eff5; display: block; line-height: 1.875em;}
.blue_back_box span.indent_text{ text-indent: -1em; padding-left: 1em; display: block;}
@media (min-width: 768px) {
.blue_back_box{ padding: 25px; margin: 30px 0 0;}
.blue_back_box>span{}
.sp_img_100{ margin: 30px 0 0;}
}
@media (max-width: 767.98px) {
.blue_back_box{ padding: 15px;}

}





@media (min-width: 768px) {
.electoronics_flex{ display: flex; justify-content: space-between;}
.electoronics_flex>span{}
}
@media (max-width: 767.98px) {}




.fine_chemicals_lead{}
.fine_chemicals_img{ background: url("../fine_chemicals/images/back.jpg") no-repeat center / cover;}
@media (min-width: 768px) {
.service_page_lead.fine_chemicals{ width: 780px;}
.fine_chemicals_lead{ display: flex; width: 100%; justify-content: space-between;}
.fine_chemicals_lead>span:nth-child(1){ width: 500px;}
.fine_chemicals_lead>span:nth-child(2){ width: 237px;}
.fine_chemicals_img{ height:400px;}
}
@media (max-width: 767.98px) {
.fine_chemicals_lead{}
.fine_chemicals_lead>span:nth-child(1){}
.fine_chemicals_lead>span:nth-child(2){ display: block; margin-top: 40px;}
.fine_chemicals_img{ padding: 0 0 50%;}

}




.estate_flex{}
@media (min-width: 768px) {
.estate_flex{ display: flex; justify-content: space-between;}
.estate_flex>div{ width: 477px;}

}
@media (max-width: 767.98px) {}


@media (min-width: 768px) {}
@media (max-width: 767.98px) {}


@media (min-width: 768px) {}
@media (max-width: 767.98px) {}