@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Questrial&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Tangerine&display=swap');

*{
    margin: 0;padding: 0;box-sizing: border-box;
}
body {
	/* font-family:YuGothic,"游ゴシック Medium",YuGothicM,-apple-system,BlinkMacSystemFont,"Helvetica Neue","Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif; */
    font-family: "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	/*フォント種類*/
	/* line-height: 1.5em; */
	font-size: 14px;
	color: #333;		/*全体の文字色*/
	line-height: 2;		/*行間*/
}

@media screen and (max-width: 767px) {
    body {
        font-size: 12px;
    }
}
a {text-decoration: none;color: #333;}
a:hover {text-decoration: none;color:#999;}
li{ list-style: none;}
h1{font-size:1.50rem;}
h2{font-size:1.30rem;}
h3{font-size:1.20rem;}
h4{font-size:1.10rem;}
h5{font-size:1.00rem;}

/*以下　headerer*/
#headerer{z-index:99;top:0;left: 0;width: 100%;padding: 40px 40px 10px;box-sizing: border-box;position: relative;}
.headerAddress2{position: absolute;top:10px;left: 340px;line-height: 1.1;font-size: 0.8rem;color: rgb(2, 2, 148);}
.headerAddress2.scroll{display: none;}
.headerAddress_security{position: absolute;top:10px;right: 365px;}
.headerAddress_security a img {width: 80px;height: auto;}
.headerAddress2 .headerAddress2_1{display: inline-block; width: 230px;}
.headerAddress2 .headerAddress2_3{font-size: 0.7rem;}
.headerAddress4{position: absolute;top:15px;right: 50px;line-height: 1.1;font-size: 1.2rem;color: rgb(2, 2, 148);}
.headerAddress4 i{margin-left: 10px;margin-right: 5px;}
.headerAddress5{position: absolute;top:35px;right: 50px;line-height: 1.1;font-size: 0.9rem;}
.headerAddress5.scroll{display: none;}
.headerAddress6{position: absolute;top:55px;right: 50px;line-height: 1.1;font-size: 0.9rem;color:green;border: 1px solid #2bfe06;}
.headerAddress7{position: absolute;top:95px;right: 50px;line-height: 1.1;font-size: 1.0rem;}
.headerAddress7.scroll{display: none;}
.headerAddress7 a{margin-left: 10px;}
.headerAddress7 img{width: 16px;height: auto;}
.mobile-menu-trigger{display: none;}
#headerer.scroll{position: fixed;background: #fff;padding: 10px 40px 10px;animation-name: anime_header;animation-duration: 0.5s;}
@keyframes anime_header{
    0%{opacity: 0;}
    100%{opacity: 1;}
}
#headerer .inner{position: relative;display: flex;align-items:baseline;height: 100%;}
#headerer .inner .logo{position: relative;}
#headerer .inner .logo a img{width: 190px;height: auto;}
/*#headerer .inner .mega_menu {position: relative;}*/
#headerer .inner .mega_menu .navi{font-size: 1.05rem;font-weight:600;display: flex;}
#headerer .inner .mega_menu .navi li{margin:0px 0 0px 30px;}
#headerer .inner .mega_menu .navi li a{position: relative;}
#headerer .inner .mega_menu .navi li a::before{
    content: '';background-color: #c71515;bottom: 0;width: 60px;height: 2px;left:0;right: 0;margin: -5px auto;position: absolute;display: block;
    opacity: 0;transition: all .75s ease;
}
#headerer .inner .mega_menu .navi li a:hover::before{opacity: 1;}
@media screen and (max-width: 1160px) {
    .headerAddress2,.headerAddress6,.headerAddress7,.headerAddress_security{display: none;}
}
@media screen and (max-width: 1024px) {
    #headerer .inner .mega_menu .navi li{margin:0px 0 0px 15px;}
    #headerer .inner .logo a img{width: 150px;height: auto;}
}
@media screen and (max-width: 850px) {
    #headerer .inner .mega_menu .navi li{margin:0px 0 0px 5px;}
}
@media screen and (max-width: 820px) {/*所謂スマホメニュー*/ 
    #headerer{display: flex;justify-content: space-between;align-items:flex-end;}
    #headerer .inner{}
    #headerer .inner .logo a img{width: 125px;height: auto;}
    .headerAddress4{top:5px;right: 10px;font-size: 1.0rem;}
    .headerAddress5{top:30px;right: 10px;font-size: 0.9rem;}
    .mobile-menu-trigger{
        padding: 5px 2px;
        display: block;height: 30px;width: 30px;margin-left: 15px;cursor: pointer;
        align-items: center;justify-content: center;
        border: 1px solid #009cde;
        background-color: #c7eaff;
        border-radius: 2px;
    }
    .mobile-menu-trigger span{display: block; height: 2px; background-color: #333333; width: 24px; position: relative;transition: all 1s;}
    .mobile-menu-trigger span::before,.mobile-menu-trigger span::after{content: '';position: absolute;left: 0;width: 100%;height: 100%;background-color: #333333;}
    .mobile-menu-trigger span::before{top:6px;}
    .mobile-menu-trigger span::after{top:12px;}

    #headerer .inner .mega_menu{
        position: fixed; width: 100%; background-color: #f4f4f4;padding-top: 10px; padding-bottom: 30px; left: 0; top:103px;  overflow: hidden;
        transform: translate(-100%);transition: all 0.5s ease;z-index: 1099;
    }
    #headerer .inner .mega_menu.active{transform: translate(0%);}/*activeで表示*/
    #headerer .inner .mega_menu .navi{font-size: 1.15rem;font-weight:600;display:block;/*flexをblockにする*/}
    #headerer .inner .mega_menu .navi li{margin:0px 0 0px 20px;line-height: 2;}
    #headerer .inner .mega_menu .navi li a:hover{color:inherit;}
    #headerer .inner .mega_menu .navi li a::before{content: '';background-color:inherit;}
}
/*以上　headerer*/

/*以下　メガメニュー*/
.navi .menu-item-has-children{

}
.navi .menu-item-has-children a i{margin-left: 5px;color:#009cde;}
.navi .menu-item-has-children .sub-menu{
    position: absolute;    z-index: 20;    background-color: #f4f4f4;    box-shadow: -2px 2px 70px -25px rgba(0,0,0,0.3);
    padding: 20px 30px;    transition: all .5s ease;    margin-top: 10px;    opacity: 0; visibility: hidden;
    left:50%;    transform: translateX(-50%);max-width: 960px;width: 100%;
}
.navi .menu-item-has-children:hover .sub-menu{
    visibility:visible;opacity: 1; 
}
.sub-menu-column-4{display: flex;justify-content: space-between;padding: 20px 15px;}
.sub-menu .sub-menu-column-4 .list-item a img{width: 180px;height: auto;}
.sub-menu .sub-menu-column-4 .list-item a h4{font-size: 14px;font-weight: 400;padding:5px 0 15px;letter-spacing: 1.0px;}
.sub-menu .sub-menu-column-4 .list-item a h4 i{color: red;margin-right: 5px;}
.sub-menu .sub-menu-column-4 .list-item a:hover{color:red;}
.sub-menu .sub-menu-column-4 .list-item a::before{content:initial;}

@media screen and (max-width: 820px) {/*所謂スマホメニュー*/ 
    .navi .menu-item-has-children a i{margin-left: 10px;color:#999;}
    .navi .menu-item-has-children .sub-menu{
        position: relative; background-color: inherit;    box-shadow:inherit;
        padding: 0; margin-top: 0;
        transform: translateX(-50%);
        width: 100%;transition: all .75s ease;
        opacity: 0; visibility: hidden;
    }
    .navi .menu-item-has-children .children1{display: none;}
    .navi .menu-item-has-children .children2,
    .navi .menu-item-has-children .children3,
    .navi .menu-item-has-children .children4{
        overflow: hidden;
        opacity: 0; visibility: hidden;
    }
    .navi .menu-item-has-children .children2.active,
    .navi .menu-item-has-children .children3.active,
    .navi .menu-item-has-children .children4.active{
        opacity: 1; visibility: visible;
    }
    .sub-menu-column-4{display: block;justify-content: inherit;padding: inherit;}
    .sub-menu .sub-menu-column-4 .list-item a h4{font-size: 18px;font-weight: 400;padding:inherit;letter-spacing: 1.0px;}
    .navi .menu-item-has-children .sub-menu .sub-menu-column-4 .list-item a img{display: none;}
    @keyframes slideLeft {
        0%{opacity: 0; translateX(100%);}
        100%{opacity: 1; translateX(0%);}
    }
    @keyframes slideRight {
        0%{opacity: 1; translateX(0%);}
        100%{opacity: 0; translateX(100%);}
    }
}
/*以上　メガメニュー*/

/*以下　トップページメイン画像*/
.banner-section .oya_img{position: relative;}
.banner-section .oya_img img{width: 100%;height: auto;}

.banner-section .oya_img .ko_str_0{
    /*position: absolute;top:30%;left:0;right:0;*/
    position: absolute;top:8%;left:0;right:0;
    margin:0 auto;z-index:3;
    font-size: 1.45rem;font-weight: 700;text-align: center;	text-shadow:0 0 10px #FFF;
}
.banner-section .oya_img .ko_str_1{
    position: absolute;top:20%;left:0;right:0;    margin:0 auto;z-index:3;
    font-size: 1.00rem;font-weight: 500;text-align: center;	text-shadow:0 0 10px #FFF;    line-height: 1.5rem;
}

.banner-section .oya_img .ko_str_0 div{position: relative;display: inline-block;padding: 0 55px;border-bottom:solid 2px orangered;}
.banner-section .oya_img .ko_str_0 div::before,
.banner-section .oya_img .ko_str_0 div::after{    
    content: '';    position: absolute;    top: 50%;    display: inline-block;    width: 40px;    height: 2px;    background-color: #333;
}
.banner-section .oya_img .ko_str_0 div::before {    left: 0;} 
.banner-section .oya_img .ko_str_0 div::after {    right: 0;}
.banner-section .oya_img .ko_img_0 img{width: 220px;height: auto;position: absolute;top:40%;left:0;right:0;margin:0 auto;z-index:2;}
.banner-section .oya_img .ko_img_1 img{width: 200px;height: auto;position: absolute;top:10%;left:10%;z-index:2;}
.banner-section .oya_img .ko_img_2 img{width: 200px;height: auto;position: absolute;bottom:10%;left:10%;z-index:2;}
.banner-section .oya_img .ko_img_3 img{width: 200px;height: auto;position: absolute;top:10%;right:10%;z-index:2;}
.banner-section .oya_img .ko_img_4 img{width: 200px;height: auto;position: absolute;bottom:10%;right:10%;z-index:2;}
@media screen and (max-width: 1260px) {
    .banner-section .oya_img .ko_img_0 img{width: 210px;height: auto;}
    .banner-section .oya_img .ko_img_1 img{width: 180px;height: auto;}
    .banner-section .oya_img .ko_img_2 img{width: 180px;height: auto;}
    .banner-section .oya_img .ko_img_3 img{width: 180px;height: auto;}
    .banner-section .oya_img .ko_img_4 img{width: 180px;height: auto;}
}
@media screen and (max-width: 1160px) {
    .banner-section .oya_img .ko_str_0{font-size: 1.2rem;}
    .banner-section .oya_img .ko_str_1{font-size: 0.8rem;}
    .banner-section .oya_img .ko_img_0 img{width: 200px;height: auto;}
    .banner-section .oya_img .ko_img_1 img{width: 160px;height: auto;}
    .banner-section .oya_img .ko_img_2 img{width: 160px;height: auto;}
    .banner-section .oya_img .ko_img_3 img{width: 160px;height: auto;}
    .banner-section .oya_img .ko_img_4 img{width: 160px;height: auto;}
}
@media screen and (max-width: 1024px) {
    .banner-section .oya_img .ko_img_0 img{width: 160px;height: auto;}
    .banner-section .oya_img .ko_img_1 img{width: 130px;height: auto;}
    .banner-section .oya_img .ko_img_2 img{width: 130px;height: auto;}
    .banner-section .oya_img .ko_img_3 img{width: 130px;height: auto;}
    .banner-section .oya_img .ko_img_4 img{width: 130px;height: auto;}
}
@media screen and (max-width: 820px) {
    .banner-section .oya_img .ko_str_0{font-size: 0.7rem;}
    .banner-section .oya_img .ko_str_1{font-size: 0.5rem;line-height: 1.25rem;}
    .banner-section .oya_img .ko_img_0 img{width: 130px;height: auto;}
    .banner-section .oya_img .ko_img_1 img{width: 100px;height: auto;}
    .banner-section .oya_img .ko_img_2 img{width: 100px;height: auto;}
    .banner-section .oya_img .ko_img_3 img{width: 100px;height: auto;}
    .banner-section .oya_img .ko_img_4 img{width: 100px;height: auto;}
}
@media screen and (max-width: 767px) {
    .banner-section .oya_img .ko_img_0 img{width: 100px;height: auto;}
    .banner-section .oya_img .ko_img_1 img{display: none;}
    .banner-section .oya_img .ko_img_2 img{display: none;}
    .banner-section .oya_img .ko_img_3 img{display: none;}
    .banner-section .oya_img .ko_img_4 img{display: none;}
}
/*@media screen and (max-width: 540px) {
    .banner-section .oya_img{overflow: hidden;}
    .banner-section .oya_img img{width:1000px;height: auto;}
}*/
/*以上　トップページメイン画像*/

.oya_img{height: 600px;}
.index_html{background: url("../img/20260905_01.webp") no-repeat left center;background-size: cover;background-position: center;}
.cleaning_1_html{background: url("../img/slide_05.jpg") no-repeat left center;background-size: cover;background-position: center;}/*冷凍機熱交換機洗浄*/
@media screen and (max-width: 820px) {     
    .oya_img{height: 500px;}
}
@media screen and (max-width: 540px) {    
    .oya_img{height: 400px;}
    .banner-section .oya_img .ko_str_0 div{position: relative;display: inline-block;padding: 0 10px;border-bottom:solid 2px orangered;}
    .banner-section .oya_img .ko_str_0 div::before,
    .banner-section .oya_img .ko_str_0 div::after{    
        content: '';    position: absolute;    top: 50%;    display: inline-block;    width: 10px;    height: 2px;    background-color: #333;
    }
}


.top_section{    height: 540px;/*※1*/}
.top_section_dev1  {
    height: 500px;position: relative;margin-top: 0;background: #f4f4f4;overflow:hidden;
}
.top_section_dev1::before{
    content: '';background-color: rgb(243, 236, 227);
    position: absolute;top:0;left:0;height: 100%;width: 30%;
    clip-path: polygon(0 0, 100% 0, 50% 100%, 0 100%);
}
.top_section_dev2  {height: 500px;/*※2*/position: relative;margin-top: 40px;background: #f4f4f4;overflow:hidden;}
.top_section_dev2::before{
    content: '';background-color: rgb(243, 236, 227);
    position: absolute;top:0;right:0;height: 100%;width: 30%;
    clip-path: polygon(50% 0, 100% 0, 100% 100%, 0 100%);
}
.top_senjou {background: url("../img/top_image_1.webp") no-repeat left center;background-size: cover;}
.top_kaishuu {background: url("../img/top_image_2.webp") no-repeat left center;background-size: cover;}
.top_company {background: url("../img/fukuoka_city20250707.webp") no-repeat left center;background-size: cover;}

.top_section_sub_dev1{margin-top: 40px;/*※3*/    color:#ffffff;}
.top_section_sub_dev2{margin-top: 40px;/*※3*/    color:#ffffff;text-align: right;}
.contents_label1 {
    padding-left: 5%;width: 65%;height: 150px;/*※4*/
    display: flex;justify-content: center;flex-direction: column;
    box-sizing: border-box;background: rgba(29,171,255,0.85);clip-path: polygon(0 0, 100% 0, 90% 100%, 0 100%);
}
.contents_label2 {
    padding-right: 5%;width: 65%;height: 150px;/*※4*/
    display: flex;justify-content: center;flex-direction: column;
    box-sizing: border-box;background: rgba(29,171,255,0.85);clip-path: polygon(10% 0, 100% 0, 100% 100%, 0 100%);
    text-align: right;
    margin-left:35%;
}
@media screen and (max-width: 767px) {
    .top_section{ height: 520px;/*※1*/}
    .top_section_dev1,.top_section_dev2  {height: 500px;/*※2*/}
    .top_section_dev1::before,.top_section_dev2::before{display: none;}
    .top_section_sub_dev1,.top_section_sub_dev2{margin-top: 20px;/*※3*/}
    .contents_label1,.contents_label2 {height: 70px;width:75%;/*※4の660％*/}
    .contents_label2{margin-left:25%;}
    .top_senjou {background: url("../img/top_image_1.jpg") no-repeat center center;background-size: cover;}
    .top_kaishuu {background: url("../img/top_image_2.jpg") no-repeat center center;background-size: cover;}
    .top_company {background: url("../img/fukuoka_city_sm20250707.jpg") no-repeat left center;background-size: cover;}
}

/*以下　トップページの熱交換機洗浄の中のメニュー*/
.top_section_menu1{
    position: absolute;
    right: 50px;
    top: 150px;
    width: auto;
    font-size: 1.1rem;/*5*/
    font-weight: 500;
    color: #fff;
    z-index: 2;
}
.top_section_menu2{
    position: absolute;
    left: 50px;
    top: 150px;
    width: auto;
    font-size: 1.1rem;/*5*/
    font-weight: 500;
    color: #fff;
    z-index: 2;
}
.top_section_menu1 ul li,.top_section_menu2 ul li{
    padding: 5px 30px 5px 40px;/*5*/
    margin-top: 10px;/*5*/
    background-color: rgb(178,34,34,0.95);
    transition: ease 0.25s opacity;
    clip-path: polygon(7.5% 0, 100% 0, 92.5% 100%, 0 100%);
}
.top_section_menu1 ul li:hover,.top_section_menu2 ul li:hover{opacity: 0.8;}
.top_section_menu1 ul li a,.top_section_menu2 ul li a{color: #fff;display: block;}

@media screen and (max-width: 767px) {
    .top_section_menu1{top:140px;font-size: 1rem;}
    .top_section_menu2{right:50px;font-size: 1rem;}
}
/*以上　トップページの熱交換機洗浄の中のメニュー*/

/*以下　熱交換機の中写真*/
.senjou_1 img{position: absolute;left: 50px;bottom: 40px;width: 180px;height: auto;z-index: 1;transition: all 0.3s ease;}
.senjou_2 img{position: absolute;left: 280px;bottom: 40px;width: 180px;height: auto;z-index: 1;transition: all 0.3s ease;}
.senjou_3 img{position: absolute;left: 510px;bottom: 40px;width: 180px;height: auto;z-index: 1;transition: all 0.3s ease;}
.kaishuu_1 img{position: absolute;right: 50px;bottom: 40px;width: 180px;height: auto;z-index: 1;transition: all 0.3s ease;}
.kaishuu_2 img{position: absolute;right: 280px;bottom: 40px;width: 180px;height: auto;z-index: 1;transition: all 0.3s ease;}
.senjou_1 img:hover,.senjou_2 img:hover,.senjou_3 img:hover,.kaishuu_1 img:hover,.kaishuu_2 img:hover{transform: translateY(-10%);}
@media screen and (max-width: 767px) {
    .senjou_1 img{position: absolute;left:300px;top: 10px;width: 120px;height: auto;z-index: 1;}
    .senjou_2,.senjou_3{display: none;}
    .kaishuu_1 img{position: absolute;right: 50px;bottom: 40px;width: 120px;height: auto;z-index: 1;}
    .kaishuu_2 img{position: absolute;left: 50px;bottom: 40px;width: 120px;height: auto;z-index: 1;}
}
/*以上　熱交換機の中写真*/

/*以下　main*/
.main_div{padding-top:50px;padding-bottom:20px;background: url("../img/top_haikei_2.png") no-repeat left center;background-size: cover;}
.main_h2{text-align: center;}
.main_h5{text-align: center;margin-top: 10px;color:#009cde;}
.main{    
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 auto;
}
/*.feature-block{width:240px;display:inline-block;margin: 25px;overflow: hidden;}*/
.feature-block{width:300px;display:inline-block;margin: 25px;overflow: hidden;}
.feature-block a:hover img{transform: scale(1.1, 1.1);}
.feature-block-thumbnail{width:240px;height: 191px;overflow: hidden;}
.feature-block-thumbnail img{width: 240px;height: auto;transition-duration: 0.5s;}
.featureblock-title{font-size: 15px;margin-top: 10px;}
.detail_sub{font-size: 13px;}
@media screen and (max-width: 767px) {
    .feature-block{width:272px;}
    .feature-block a:hover img{transform: inherit}
    .feature-block-thumbnail{width:272px;height:202px;}
    .feature-block-thumbnail img{width: 252px;height: auto;transition-duration: 0.5s}
}
/*以上　main*/

/*以下　news*/
.news_div{padding-top:50px;padding-bottom:50px;text-align: center;
    background: url("../img/top_haikei_3.png") no-repeat left center;background-size: cover;}
.news-block{max-width: 960px;display: inline-block;}
.news_h2{text-align: center;}
.news_h5{text-align: center;margin-top: 10px;margin-bottom: 10px;color:#009cde;}
.news_li{text-align: center;}
.news_li_div{
    display: flex;
    font-size: 15px;
    text-align: left;
    padding: 10px;
}
.news_date{margin-right: 50px;}
.news_line_1{border-top: solid 1px #d51321;}
.news_line_2{border-top: solid 1px #ccc;}
.news_line_3{border-top: solid 1px #ccc;}
.news_line_4{border-top: solid 1px #ccc;}
.news_line_5{border-top: solid 1px #ccc;border-bottom: solid 1px #d51321;}
@media screen and (max-width: 767px) {
    .news_date{margin-right: 20px;}
    .news_content{margin-right: 30px;}
}
/*以上　news*/

/*以下　aria*/
.aria_div{
    padding-top:50px;
    padding-bottom:50px;
    text-align:center;
    box-sizing:border-box;
    width:100%;
    overflow:hidden;
}

.aria-block{
    width:100%;
    max-width:960px;
    margin:0 auto;
    box-sizing:border-box;
}

.aria_h2{
    text-align:center;
}

.aria_h5{
    text-align:center;
    margin-top:10px;
    margin-bottom:10px;
    color:#009cde;
}

.aria_h3{
    font-size:1.3rem;
    line-height:1.25;
    margin:10px 0;
}

.aria_h4{
    margin-bottom:10px;
    padding:0 20px 5px;
    font-size:1.3rem;
    display:inline-block;
    border-bottom:3px solid #009cde;
    position:relative;
}

.aria_h4:after{
    content:"";
    position:absolute;
    right:0;
    bottom:-3px;
    width:50%;
    border-bottom:3px solid #ff0000;
}


/* 営業エリア画像 */

.aria_ul{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:10px;
    margin:20px 0;
    padding:0;
    list-style:none;
    width:100%;
    box-sizing:border-box;
}

.aria_li{
    width:100%;
    min-width:0;
    margin:0;
    padding:0;
    box-sizing:border-box;
}

.aria_li_div{
    width:100%;
    box-sizing:border-box;
}

.aria_content{
    display:block;
    width:100%;
}

.aria_content img{
    display:block;
    width:100%;
    height:auto;
    max-width:100%;
    box-sizing:border-box;
}


/* スマホ */

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

    .aria_div{
        padding:40px 12px;
    }

    .aria-block{
        width:100%;
        max-width:none;
    }

    .aria_h3{
        font-size:1.05rem;
        line-height:1.6;
    }

    .aria_ul{
        grid-template-columns:1fr;
        gap:15px;
        width:100%;
        margin:20px 0;
    }

    .aria_li{
        width:100%;
        min-width:0;
    }

    .aria_content{
        width:100%;
    }

    .aria_content img{
        width:100%;
        max-width:100%;
        height:auto;
    }

}
/*以上　aria*/

/*以下　フッター*/
.rnw--footer.footer {
    
    font-weight: 400;
    line-height: 1.9em;
    color: #333;
    width: 100%;
    background: url("../img/top_haikei_2.png") no-repeat left center;background-size: cover;;
    /*background-color: #fff;*/
    position: relative;
    padding-top: 50px;
}
.footer-nav{display: flex;justify-content: center;}
.footer-nav div{width: 300px;margin: 0 50px;}
.footer-logo{text-align: center;}
.footer-logo a img{width: 180px;height: auto;}
.footer_company{
    width:100%;
    max-width:100%;
    text-align:center;
    box-sizing:border-box;
}
.footer_company_address{
    width:100%;
    max-width:900px;
    margin:20px auto 0;
    padding:0 15px;
    box-sizing:border-box;

    text-align:left;
    line-height:1.8;
    overflow-wrap:anywhere;
    word-break:normal;
}
.copyright{margin-top:25px;padding: 25px 0;background-color: #8197a4;text-align: center;color:#FFF;}
@media screen and (max-width: 1024px) {
    .footer-nav div{width: 300px;margin: 0 10px;}
}
@media screen and (max-width: 767px) {
    .rnw--footer .footer-nav li {
        margin-left: 0;
        display: block;
        width: 100%;
        margin-top: 0;
        margin-bottom: 0;
        text-align: left;
        padding: 11px 26px;
        border-bottom: 1px solid #fff;
        background: #c7eaff;
    }
    .footer-nav{display: flex;
        align-items: flex-start;
        flex-direction: column;}
    .footer-nav div{width: 100%;margin:0;}
    .footer-nav div h3{
        margin-left: 0;
        display: block;
        width: 100%;
        margin-top: 0;
        margin-bottom: 0;
        text-align: left;
        padding: 11px 26px;
        border-bottom: 1px solid #fff;
        background: #c7eaff;
    }
    .footer_company{
        width:100%;
        padding:0 12px;
        box-sizing:border-box;
    }
    .footer_company_address{
        width:100%;
        max-width:100%;
        padding:0;
        font-size:13px;
        line-height:1.8;
    }
}
/*以上　フッター*/

/*スクロールダウン全体の場所*/
.scrolldown2{
    /*描画位置※位置は適宜調整してください*/
	position:absolute;
	bottom:10px;
	left:50%;
    z-index: 3;
}
/*Scrollテキストの描写*/
.scrolldown2 span{
    /*描画位置*/
	position: absolute;
	left:10px;
	bottom:10px;
    /*テキストの形状*/
	color: #eee;
	font-size: 0.7rem;
	letter-spacing: 0.05em;
	/*縦書き設定*/
	-ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
}

/* 丸の描写 */
.scrolldown2:before {
    content: "";
    /*描画位置*/
    position: absolute;
    bottom:0;
    left:-4px;
    /*丸の形状*/
	width:10px;
	height:10px;
	border-radius: 50%;
	background:#eee;
    /*丸の動き1.6秒かけて透過し、永遠にループ*/
	animation:
		circlemove 1.6s ease-in-out infinite,
		cirlemovehide 1.6s ease-out infinite;
}

/*下からの距離が変化して丸の全体が上から下に動く*/
@keyframes circlemove{
      0%{bottom:45px;}
     100%{bottom:-5px;}
 }

/*上から下にかけて丸が透過→不透明→透過する*/
@keyframes cirlemovehide{
      0%{opacity:0}
     50%{opacity:1;}
    80%{opacity:0.9;}
	100%{opacity:0;}
 }

/* 線の描写 */
.scrolldown2:after{
	content:"";
    /*描画位置*/
	position: absolute;
	bottom:0;
	left:0;
    /*線の形状*/
	width:2px;
	height: 50px;
	background:#eee;
}

/*以下　フィックスコンテント*/
.side_fix{
    position: fixed;
    right:-20px;
    top:20%;
    width:75px;
    height:170px;
    overflow:hidden;
    z-index: 31;
    transition: all 0.3s;
    background: #009cde;
  }
  .side_fix:hover{
    right:0px;
    padding: 0 0 0 ;
  }
  
  .side_fix a{
    transition: all 0.3s;
  }
  .side_fix img{
    width:100%;
    transition: all 0.3s;
  }
  .side_fix:hover a img{
   transform:scale(1.1);
   margin: 0 0 0 10px;
  }
  
.side_fix2{
    position: fixed;
    right:-20px;
    top:45%;
    width:75px;
    height:170px;
    overflow:hidden;
    z-index: 30;
    transition: all 0.3s;
    background: #D76419;
  }
  .side_fix2:hover{
    right:0px;
    padding: 0 0 0 ;
  }
  
  .side_fix2 a{
    transition: all 0.3s;
  }
  .side_fix2 img{
    width:100%;
    transition: all 0.3s;
  }
  .side_fix2:hover a img{
   transform:scale(1.1);
   margin: 0 0 0 10px;
  }

.side_fix4{
    position: fixed;
    right:-20px;
    top:70%;
    width:75px;
    height:170px;
    overflow:hidden;
    z-index: 30;
    transition: all 0.3s;
    background: #00913A;
  }
  .side_fix4:hover{
    right:0px;
    padding: 0 0 0 ;
  }
  
  .side_fix4 a{
    transition: all 0.3s;
  }
  .side_fix4 img{
    width:100%;
    transition: all 0.3s;
  }
  .side_fix4:hover a img{
   transform:scale(1.1);
   margin: 0 0 0 10px;
  }
  
.side_fix3{
    position: fixed;
    right:-20px;
    bottom: 0;
    width:75px;
    height:50px;
    overflow:hidden;
    z-index: 30;
    transition: all 0.3s;
    background: #104982;
    opacity: 0;
  }
  .side_fix3.scroll{opacity: 1;}
  .side_fix3:hover{
    right:0px;
    padding: 0 0 0 ;
  }
  
  .side_fix3 a{
    transition: all 0.3s;
  }
  .side_fix3 img{
    width:100%;
    transition: all 0.3s;
  }
  .side_fix3:hover a img{
   transform:scale(1.1);
   margin: 0 0 0 10px;
  }





  
@media (max-width: 768px) {
    .side_fix0,.side_fix4{
        right:-39px;
    }
    .side_fix0 img,.side_fix4 img{
        margin-left:-9px;
    }
    .side_fix,.side_fix4{
        top:50%;
        right:-39px;
        width:70px;
        height:130px;
    }
    .side_fix img{
        margin-left:-9px;
        margin-top: -15px;
    }
    .side_fix2{
        top:70%;
        right:-39px;
        width:70px;
        height:130px;
    }
    .side_fix2 img{
        margin-left:-9px;
    }
}
/*以上　フィックスコンテント*/

/*以下　スマホメニュー*/
/*以上　スマホメニュー*/

/*以下　各ページ*/
.kaku_section{    height: 540px;/*※1*/}
.kaku_section_dev1  {
    height: 500px;position: relative;margin-top: 0;background: #f4f4f4;overflow:hidden;
}
.kaku_section_dev1::before{
    content: '';background-color: rgb(243, 236, 227);
    position: absolute;top:0;left:0;height: 100%;width: 30%;
    clip-path: polygon(0 0, 100% 0, 50% 100%, 0 100%);
}
.cleaning_1_html_haikei {background: url("../img/cleaning_1_haikei.jpg") no-repeat left center;background-size: cover;background-position: center;}
.cleaning_2_html_haikei {background: url("../img/cleaning_2_haikei.jpg") no-repeat left center;background-size: cover;background-position: center;}
.cleaning_3_html_haikei {background: url("../img/cleaning_3_haikei.jpg") no-repeat left center;background-size: cover;background-position: center;}
.cleaning_5_html_haikei {background: url("../img/cleaning_5_haikei.jpg") no-repeat left center;background-size: cover;background-position: center;}
.cleaning_6_html_haikei {background: url("../img/cleaning_6_haikei.jpg") no-repeat left center;background-size: cover;background-position: center;}
.cleaning_7_html_haikei {background: url("../img/cleaning_7_haikei.jpg") no-repeat left center;background-size: cover;background-position: center;}
.binary_html_haikei {background: url("../img/binary_haikei.jpg") no-repeat left center;background-size: cover;background-position: center;}
.litium_html_haikei {background: url("../img/litium_haikei.jpg") no-repeat left center;background-size: cover;background-position: center;}
.brine_html_haikei {background: url("../img/brine_haikei.jpg") no-repeat left center;background-size: cover;background-position: center;}
/*下二行20260814追加*/
.brine_stl_html_haikei {background: url("../img/brine_stl_haikei.webp") no-repeat left center;background-size: cover;background-position: center;}
.plate_replacement_html_haikei {background: url("../img/plate_replacement_01.png") no-repeat left center;background-size: cover;background-position: center;}
.kaku_section_sub_dev1{margin-top: 40px;/*※3*/    color:#ffffff;}
.kaku_contents_label1 {
    padding-left: 5%;width: 65%;height: 150px;/*※4*/
    display: flex;justify-content: center;flex-direction: column;
    box-sizing: border-box;background: rgba(29,171,255,0.85);clip-path: polygon(0 0, 100% 0, 90% 100%, 0 100%);
}
.kaku_contents_label2 {
    padding-left: 5%;width: 45%;height: 150px;/*※4*/
    display: flex;justify-content: center;flex-direction: column;
    box-sizing: border-box;background: rgba(29,171,255,0.85);clip-path: polygon(0 0, 100% 0, 90% 100%, 0 100%);
}
.kaku_contents_label_title{font-size: 1.75rem;letter-spacing: 0.1rem;line-height: 1.2;}
.kaku_shosai{
    padding:10px 20px;font-size:14pt;line-height:1.5;position: absolute;right: 70px;bottom: 100px;width: 50%;height: auto;z-index: 1;transition: all 0.3s ease;
    border-radius: 5px;
}
.kaku_shosai span.line_1{border-bottom: 3px solid #d3fd00;position: relative;}
.kaku_shosai span.line_1:after {content: "";position: absolute;right: 0;bottom: -3px;width: 25%;border-bottom: 3px solid #009cde;}
.kaku_shosai span.color-white{color:#ffffff;}
.background-1{background-color: rgb(0,128,0,0.55);}
.background-1-1{background-color: rgb(0,128,0,0.85);}
.background-2{background-color: rgba(203, 20, 176, 0.55);}
.background-2-1{background-color: rgba(203, 20, 176, 0.85);}
.kaku_logo_1 img{position: absolute;left: 50px;bottom: 40px;width: 200px;height: auto;z-index: 1;transition: all 0.3s ease;}
.kaku_logo_2 img{position: absolute;left: 280px;bottom: 40px;width: 200px;height: auto;z-index: 1;transition: all 0.3s ease;}

@media screen and (max-width: 1200px) {
    .kaku_contents_label2 {height: 70px;width:65%;/*※4の660％*/}
}
@media screen and (max-width: 1024px) {    .kaku_shosai{display: none;}}
@media screen and (max-width: 767px) {
    .kaku_section{ height: 480px;/*※1*/}
    .kaku_section_dev1,.kaku_section_dev2  {height: 460px;/*※2*/}
    .kaku_section_dev1::before{display: none;}
    .kaku_section_sub_dev1{margin-top: 20px;/*※3*/}
    .kaku_contents_label1 {height: 70px;width:75%;/*※4の660％*/}
    .kaku_contents_label2 {height: 70px;width:75%;/*※4の660％*/}
    .kaku_contents_label_title{font-size: 1.25rem;letter-spacing: inherit;}

    .kaku_logo_1 img{position: absolute;left: 30px;bottom: 40px;width: 120px;height: auto;z-index: 1;transition: all 0.3s ease;}
    .kaku_logo_2 img{position: absolute;left: 180px;bottom: 40px;width: 120px;height: auto;z-index: 1;transition: all 0.3s ease;}
}

.kaku_detail_h2{text-align: center;font-size:1.50rem;}
.kaku_detail_section .article-max-width{ max-width: 1200px; }
.kaku_detail_section .subtitle{margin-top:20px;margin-bottom:10px;padding:0 20px 5px;font-size: 1.3rem;display:inline-block;border-bottom: 3px solid #009cde;position: relative;}
.kaku_detail_section .subtitle:after {content: "";position: absolute;right: 0;bottom: -3px;width: 50%;border-bottom: 3px solid #ff0000;}
.kaku_detail_section li{font-weight: 700;margin: 10px 0;}
.kaku_detail_section li i{margin-right: 5px;}
.kaku_detail_section li:first-child i{color:#009cde;}
.kaku_detail_section li:last-child i{color:#ff0000;}
.kaku_detail_section li a{font-size: 1.1rem;}
.kaku_detail_section p{margin: 10px 0;font-size: 1.1rem;}
.img-responsive{width:100%;height: auto;}
.font-size-16px{font-size: 16px;}
.line-height-17{line-height: 1.7;}
.thumb-box{display: flex;}
.col-sm-6 img{max-width: 360px;width: 360px;height: auto;margin-right:20px;}
.col-sm-6 span{display:inline-block; width: 360px;width: 360px;}
@media screen and (max-width: 767px) {
    .kaku_detail_section{margin:0 20px;}
    .thumb-box{display: flex;flex-wrap: wrap;}
    .col-sm-6 img{width: 330px;height: auto;margin-right:inherit;}
    .col-sm-6 span{width: 330px;}
}
@media screen and (max-width: 767px) {
    .col-sm-6 img{width: 240px;}
    .col-sm-6 span{width: 240px;}
}
@media screen and (max-width: 520px) {
    .col-sm-6 img{width: 180px;}
    .col-sm-6 span{width: 180px;}
}
@media screen and (max-width: 413px) {
    .col-sm-6 img{width: 170px;}
    .col-sm-6 span{width: 170px;}
}
@media screen and (max-width: 388px) {
    .col-sm-6 img{width: 160px;}
    .col-sm-6 span{width: 160px;}
}
@media screen and (max-width: 375px) {
    .col-sm-6 img{width: 150px;}
    .col-sm-6 span{width: 150px;}
}
.col-sm-4 img{max-width: 240px;width: 240px;height: auto;margin-right:20px;}
.col-sm-4 span{display:inline-block; width: 240px;width: 240px;}
@media screen and (max-width: 767px) {
    .kaku_detail_section{margin:0 20px;}
    .thumb-box{display: flex;flex-wrap: wrap;}
    .col-sm-4 img{width: 220px;height: auto;margin-right:inherit;}
    .col-sm-4 span{width: 220px;}
}
@media screen and (max-width: 767px) {
    .col-sm-4 img{width: 170px;}
    .col-sm-4 span{width: 170px;}
}
@media screen and (max-width: 520px) {
    .col-sm-4 img{width: 120px;}
    .col-sm-4 span{width: 120px;}
}
@media screen and (max-width: 413px) {
    .col-sm-4 img{width: 110px;}
    .col-sm-4 span{width: 110px;}
}

@media screen and (max-width: 2000px) {
    .kaku_detail_section .article-max-width{ max-width: 880px; }
}
@media screen and (max-width: 1600px) {
    .kaku_detail_section .article-max-width{ max-width: 720px; }
}
@media screen and (max-width: 767px) {
    .kaku_detail_section .article-max-width{ max-width: inherit;width: 100%; }
}
/*以上　各ページ*/

/*以下　会社概要*/
. company_section{
}

.table-scroll {/*    overflow-x: scroll;*/}
.table {}
.table td{padding:7.5px 15px;border-top:#ffffff solid 1px ;}
.table .bold{   white-space: nowrap;font-weight: bold;}
.table-striped {   border-collapse:collapse;}
.table-striped tr:nth-child(odd) {   background-color:#f1efeb;}
.table-striped tr:nth-child(even) {   background-color:#ded9d0;}
@media screen and (max-width: 767px) {
    .table td{font-size: 0.85rem;}
    .table td{padding:5px 5px;}
    .table .bold{   white-space: inherit;min-width: 70px;}
}
/*以上　会社概要*/

.toiawase_detail_section1{margin-right: 100px;}
@media screen and (max-width: 767px) {
    .toiawase_detail_section1{margin-right: inherit;}
}
.toiawase_main{}
@media screen and (max-width: 767px) {
    .toiawase_main{display: block;}
}

/*ミーティングルーム*/
.meeting_room_div{
    display: flex;justify-content:space-around;;
}
.meeting_room_div div div img{
    width: 280px;height: auto;
}
@media screen and (max-width: 767px) {
    .meeting_room_div div div img{
        width: 140px;height: auto;
    }
}

/* スマホの時だけ改行 */
.brsp {
    display: none;
}

@media (max-width: 600px) {
    .brsp {
        display: block;
    }
}

/*20250707*/

/*20251114*/
.nintei_logo_span{
}
.nintei_logo {
    height: 140px;
    width: auto;
}
.security_action {
    height: 140px;
    width: auto;
}

/*以下20260905 フロン、リチウム、ブライン回収バナー*/
.banners{
    position: fixed;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    display:grid;grid-template-columns:repeat(4,1fr);gap:20px;
    max-width: 850px;
}
.banner{
    position:relative;
    padding:5px 15px 15px;
    display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;text-decoration:none;
    color:#183443;background:rgba(255,255,255,.75);
    border:1px solid rgba(255,255,255,.95);border-radius:21px;box-shadow:0 10px 28px rgba(35,100,125,.11),inset 0 1px rgba(255,255,255,.9);
    backdrop-filter:blur(8px);transition:.25s
}
.banner:hover{transform:translateY(-5px);box-shadow:0 16px 34px rgba(35,100,125,.18)}
.banner:before{content:"";position:absolute;right:-55px;bottom:-75px;width:230px;height:155px;border-radius:50%;opacity:.7}
.freon:before,.brine:before{background:radial-gradient(ellipse,rgba(70,174,218,.25),transparent 68%)}
.lithium:before{background:radial-gradient(ellipse,rgba(73,161,101,.25),transparent 68%)}
.banner h3{
    text-align:center;
    margin:9px 0 0px;font-size:clamp(12px,2.4vw,18px);line-height:1.3
}
.freon h3{color:#087da9}.lithium h3,.lithium small{color:#25804e}.brine h3,.brine small{color:#176aa5}
.banner p{margin:0;color:#506771;font-size:10px;line-height:1.15}
.more{align-self:flex-start;position:relative;z-index:1;margin-top:18px;padding:8px 15px;border-radius:999px;color:#fff;font-size:11px;font-weight:700}
.freon .more{background:#1688b1}.lithium .more{background:#338c59}.brine .more{background:#176fae}
@media(max-width:1200px){
    .banner h3{font-size: 10px; }
    .banners{max-width: 500px;}
    .banner p{ display: none; }
}
@media(max-width:900px){.banners{display: none;}}
@media(max-width:640px){}
.text-center{
    text-align: center;
}
.thumb-box li span{
    font-weight: normal;
}
/*以上20260905 フロン、リチウム、ブライン回収バナー*/

/*以下　リチウム追加202609*/
/* ========================================
   リチウム回収
======================================== */

/* 共通セクション */

.kaku_detail_section{
    /*
    width:100%;
    max-width:1100px;
    margin:0 auto;
    */
}


/* ========================================
   INTRO
======================================== */

.intro{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:22px;
    text-align:center;
    padding:20px 0 45px;
}


/* リード部分 */
/*
.intro-lead{
    grid-column:1 / -1;
    width:100%;
    max-width:850px;
    margin:0 auto 8px;
    padding:0 15px;
    box-sizing:border-box;
    text-align:center;
    color:#263f4c;
    font-size:17px;
    line-height:1.9;
}
    */
.intro-lead{
    grid-column:1 / -1;
    width:100%;
    max-width:850px;
    margin:0 auto 20px;
    padding:0 15px;
    box-sizing:border-box;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:30px;
    align-items:center;
    color:#263f4c;
    font-size:17px;
    line-height:1.9;
}
/* 左側：文章 */
.intro-lead-subdiv1{
    box-sizing:border-box;
    text-align:left;
}
.intro-lead-subdiv1 p{
    margin:0 0 12px;
}
.intro-lead-subdiv1 em{
    color:#1689b4;
    font-style:normal;
    font-weight:700;
}
/* 右側：画像 */
.intro-lead-subdiv2{
    box-sizing:border-box;
    text-align:center;
}
.intro-lead-subdiv2 img{
    display:block;
    width:100%;
    max-width:300px;
    height:auto;
    margin:0 auto;
}
/* ========================================
   スマホ
======================================== */
@media screen and (max-width:767px){
    .intro-lead{
        grid-template-columns:1fr;
        gap:15px;
        padding:0 12px;
        margin-bottom:20px;
    }
    .intro-lead-subdiv1{
        text-align:center;
    }
    .intro-lead-subdiv1 p{
        font-size:14px;
        line-height:1.8;
    }
    .intro-lead-subdiv2 img{
        max-width:400px;
    }
}
.intro-lead p{
    margin:0;
}
.intro-lead em{
    color:#1689b4;
    font-style:normal;
    font-weight:700;
}


/* 3つの特徴 */

.intro-box{
    width:100%;
    max-width:none;
    box-sizing:border-box;
    padding:25px 22px 24px;

    background:rgba(255,255,255,.68);
    border:1px solid rgba(255,255,255,.9);
    border-radius:14px;

    box-shadow:
        0 8px 24px rgba(30,100,130,.08),
        inset 0 1px 0 rgba(255,255,255,.9);

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        background .25s ease;
}
/*
.intro-box:hover{
    transform:translateY(-4px);
    background:rgba(255,255,255,.86);
    box-shadow:
        0 12px 30px rgba(30,100,130,.13),
        inset 0 1px 0 rgba(255,255,255,.95);
}
*/

/* アイコン */

.intro-icon-wrap{
    height:72px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:10px;
}

.intro-icon{
    width:auto;
    max-width:72px;
    max-height:65px;
    object-fit:contain;
}


/* 見出し */

.intro-box h3{
    margin:0 0 10px;
    color:#173b50;
    font-size:17px;
    line-height:1.5;
    font-weight:700;
}


/* 本文 */

.intro-box p{
    margin:0;
    color:#536873;
    font-size:14px;
    line-height:1.8;
}


/* ========================================
   回収の流れ
======================================== */

.section-title{
    position:relative;
    margin:10px 0 25px;
    padding:0 0 12px;
    text-align:center;
    color:#173b50;
    font-size:23px;
    line-height:1.5;
    font-weight:700;
}

.section-title:after{
    content:"";
    display:block;
    width:55px;
    height:3px;
    margin:10px auto 0;
    border-radius:3px;
    background:linear-gradient(
        90deg,
        #148bb6,
        #42a96a
    );
}


/* ========================================
   4ステップ
======================================== */

.steps4{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:20px;
    width:100%;
}


/* 各工程 */

.step{
    position:relative;
    width:100%;
    max-width:none;
    box-sizing:border-box;

    padding:22px 25px 24px;

    background:rgba(255,255,255,.68);
    border:1px solid rgba(255,255,255,.92);
    border-radius:14px;

    box-shadow:
        0 8px 24px rgba(30,100,130,.08),
        inset 0 1px 0 rgba(255,255,255,.9);

    text-align:center;

    transition:
        transform .25s ease,
        box-shadow .25s ease;
}

/*
.step:hover{
    transform:translateY(-4px);
    box-shadow:
        0 12px 30px rgba(30,100,130,.14),
        inset 0 1px 0 rgba(255,255,255,.95);
}
*/

/* 工程タイトル */

.step-head{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    min-height:38px;
    margin-bottom:14px;
}

.step-number{
    display:flex;
    align-items:center;
    justify-content:center;

    width:32px;
    height:32px;
    flex:0 0 32px;

    border-radius:50%;

    background:linear-gradient(
        135deg,
        #176ea5,
        #148eb5
    );

    color:#fff;
    font-size:12px;
    font-weight:700;
    letter-spacing:.05em;
}

.step:nth-child(2) .step-number{
    background:linear-gradient(
        135deg,
        #258d62,
        #42a96a
    );
}

.step:nth-child(3) .step-number{
    background:linear-gradient(
        135deg,
        #176ea5,
        #3b8bc0
    );
}

.step:nth-child(4) .step-number{
    background:linear-gradient(
        135deg,
        #258d62,
        #5aaa68
    );
}


.step h3{
    margin:0;
    color:#173b50;
    font-size:17px;
    line-height:1.5;
    font-weight:700;
}


/* 工程画像 */

.step img{
    display:block;
    width:auto;
    max-width:150px;
    height:90px;
    margin:0 auto 12px;
    object-fit:contain;
}


/* 工程説明 */

.step p{
    max-width:430px;
    margin:0 auto;
    color:#536873;
    font-size:14px;
    line-height:1.8;
}


/* ========================================
   SM
======================================== */

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

    .kaku_detail_section{
        width:100%;
    }


    /* intro */

    .intro{
        grid-template-columns:1fr;
        gap:14px;
        padding:10px 12px 35px;
    }
/*
    .intro-lead{
        grid-column:auto;
        margin-bottom:8px;
        padding:0 5px;
        font-size:15px;
        line-height:1.8;
    }
        */
.intro-lead{
    grid-column:1 / -1;
    width:100%;
    max-width:850px;
    margin:0 auto 20px;
    padding:0 15px;
    box-sizing:border-box;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:30px;
    align-items:center;
    color:#263f4c;
    font-size:17px;
    line-height:1.9;
}
/* 左側の文章 */
.intro-lead-subdiv1{
    box-sizing:border-box;
}
.intro-lead-subdiv1 p{
    margin:0 0 15px;
    color:#536873;
    font-size:16px;
    line-height:1.9;
}
.intro-lead-subdiv1 em{
    color:#1689b4;
    font-style:normal;
    font-weight:700;
}
/* 右側の画像 */
.intro-lead-subdiv2{
    text-align:center;
    box-sizing:border-box;
}
.intro-lead-subdiv2 img{
    display:block;
    width:100%;
    max-width:300px;
    height:auto;
    margin:0 auto;
}
/* ========================================
   スマホ
======================================== */
@media screen and (max-width:767px){
    .intro-lead{
        grid-template-columns:1fr;
        gap:20px;
        padding:0 15px;
    }
    .intro-lead-subdiv1 p{
        font-size:14px;
        line-height:1.8;
    }
    .intro-lead-subdiv2 img{
        max-width:400px;
        width:100%;
    }
}     

    .intro-box{
        padding:20px 18px;
    }

    .intro-icon-wrap{
        height:60px;
    }

    .intro-icon{
        max-width:60px;
        max-height:55px;
    }

    .intro-box h3{
        font-size:16px;
    }

    .intro-box p{
        font-size:13px;
    }


    /* title */

    .section-title{
        margin:5px 12px 20px;
        font-size:20px;
    }


    /* steps */

    .steps4{
        grid-template-columns:1fr;
        gap:14px;
        padding:0 12px 35px;
        box-sizing:border-box;
    }

    .step{
        padding:20px 18px 22px;
    }

    .step-head{
        margin-bottom:10px;
    }

    .step h3{
        font-size:16px;
    }

    .step img{
        height:80px;
        margin-bottom:10px;
    }

    .step p{
        font-size:13px;
        line-height:1.7;
    }

}
/*以上　リチウム追加202609*/
/*以下　フロン追加202609*/
/* ========================================
   フロン回収ページ
======================================== */


/* ========================================
   ページ全体
======================================== */

.fron-main{
    width:100%;
    max-width:none;
    margin:0;
    padding:0 20px;
    box-sizing:border-box;
    overflow:hidden;
}

.fron-main > section{
    width:100%;
    box-sizing:border-box;
}


/* ========================================
   対応設備
======================================== */

.equipment-grid{
    width:100%;
    max-width:1150px;
    margin:0 auto;

    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:20px;

    box-sizing:border-box;
}

.equipment-item{
    box-sizing:border-box;
    padding:18px 15px 20px;

    background:rgba(255,255,255,.72);
    border:1px solid rgba(255,255,255,.95);
    border-radius:14px;

    box-shadow:
        0 8px 24px rgba(30,100,130,.08),
        inset 0 1px 0 rgba(255,255,255,.9);

    text-align:center;
}

.equipment-item h3{
    margin:0 0 12px;
    color:#173b50;
    font-size:17px;
    line-height:1.5;
    font-weight:700;
}

.equipment-item img{
    display:block;
    width:100%;
    max-width:240px;
    height:170px;
    margin:0 auto;
    object-fit:contain;
}


/* ========================================
   セクション見出し
======================================== */

.fron-main .flow-title,
.fron-main .support-title{
    width:100%;
    max-width:1150px;
    margin:45px auto 28px;
    padding-bottom:12px;

    box-sizing:border-box;

    position:relative;

    text-align:center;
    color:#173b50;
    font-size:23px;
    line-height:1.5;
    font-weight:700;
}

.fron-main .flow-title:after,
.fron-main .support-title:after{
    content:"";
    display:block;

    width:55px;
    height:3px;

    margin:10px auto 0;

    border-radius:3px;

    background:linear-gradient(
        90deg,
        #1689b4,
        #43a96a
    );
}


/* ========================================
   フロン回収の流れ
======================================== */

.fron-main .flow5{
    width:100%;
    max-width:1150px;
    margin:0 auto;
    padding:0;

    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:14px;

    box-sizing:border-box;
}

.fron-main .flow-item{
    position:relative;

    box-sizing:border-box;

    padding:20px 15px 22px;

    background:rgba(255,255,255,.72);
    border:1px solid rgba(255,255,255,.95);
    border-radius:14px;

    box-shadow:
        0 8px 24px rgba(30,100,130,.08),
        inset 0 1px 0 rgba(255,255,255,.9);

    text-align:center;
}

.fron-main .flow-number{
    display:flex;
    align-items:center;
    justify-content:center;

    width:30px;
    height:30px;

    margin:0 auto 10px;

    border-radius:50%;

    background:linear-gradient(
        135deg,
        #147eaa,
        #2999bd
    );

    color:#fff;
    font-size:11px;
    font-weight:700;
}

.fron-main .flow-item:nth-child(2) .flow-number,
.fron-main .flow-item:nth-child(4) .flow-number{
    background:linear-gradient(
        135deg,
        #278d5c,
        #49aa6c
    );
}

.fron-main .flow-item img{
    display:block;

    width:auto;
    max-width:100px;
    height:75px;

    margin:0 auto 10px;

    object-fit:contain;
}

.fron-main .flow-item h3{
    margin:0 0 8px;

    color:#173b50;
    font-size:15px;
    line-height:1.4;
    font-weight:700;
}

.fron-main .flow-item p{
    margin:0;

    color:#536873;
    font-size:13px;
    line-height:1.7;
}


/* ========================================
   安心の対応体制
======================================== */

.fron-main .support{
    width:100%;
    max-width:1150px;
    margin:0 auto;
    padding:0;

    display:grid;
    grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);
    gap:20px;

    box-sizing:border-box;
}


/* 法令説明 */

.fron-main .law{
    box-sizing:border-box;

    padding:27px 25px;

    background:rgba(255,255,255,.72);

    border-left:5px solid #1689b4;
    border-radius:12px;

    box-shadow:
        0 8px 24px rgba(30,100,130,.08);
}

.fron-main .law h3{
    margin:0 0 15px;

    color:#173b50;
    font-size:19px;
    line-height:1.6;
}

.fron-main .law p{
    margin:0;

    color:#536873;
    font-size:13px;
    line-height:1.9;
}


/* チェック項目 */

.fron-main .checks{
    display:flex;
    flex-direction:column;
    gap:8px;
}

.fron-main .checks div{
    position:relative;

    box-sizing:border-box;

    padding:11px 12px 11px 38px;

    background:rgba(255,255,255,.72);
    border:1px solid rgba(255,255,255,.9);
    border-radius:9px;

    color:#354f5c;
    font-size:13px;
    line-height:1.5;

    box-shadow:
        0 4px 12px rgba(30,100,130,.05);
}

.fron-main .checks div:before{
    content:"✓";

    position:absolute;

    left:13px;
    top:50%;

    transform:translateY(-50%);

    display:flex;
    align-items:center;
    justify-content:center;

    width:19px;
    height:19px;

    border-radius:50%;

    background:#319765;
    color:#fff;

    font-size:11px;
    font-weight:bold;
}


/* ========================================
   罰則
======================================== */

.fron-main .penalty{
    width:100%;
    max-width:1150px;

    margin:28px auto 50px;

    box-sizing:border-box;

    padding:22px 28px;

    background:rgba(255,248,248,.78);

    border:1px solid rgba(220,80,80,.18);
    border-left:5px solid #d95353;

    border-radius:12px;

    box-shadow:
        0 6px 20px rgba(150,60,60,.06);
}

.fron-main .penalty h3{
    margin:0 0 10px;

    color:#a63838;
    font-size:17px;
}

.fron-main .penalty p{
    margin:0;

    color:#604d4d;
    font-size:13px;
    line-height:1.8;
}


/* ========================================
   スマートフォン
======================================== */

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

    .fron-main{
        padding:0 10px;
    }


    /* 対応設備 */

    .equipment-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:12px;
        padding:0;
    }

    .equipment-item{
        padding:15px 10px 16px;
        border-radius:12px;
    }

    .equipment-item h3{
        margin-bottom:8px;
        font-size:15px;
    }

    .equipment-item img{
        height:125px;
    }


    /* 見出し */

    .fron-main .flow-title,
    .fron-main .support-title{
        margin:35px auto 22px;
        padding-bottom:10px;
        font-size:20px;
    }


    /* フロン回収の流れ */

    .fron-main .flow5{
        grid-template-columns:1fr;
        gap:14px;
    }

    .fron-main .flow-item{
        padding:18px 20px 20px;
    }

    .fron-main .flow-item img{
        height:70px;
    }

    .fron-main .flow-item h3{
        font-size:16px;
    }

    .fron-main .flow-item p{
        font-size:13px;
        line-height:1.7;
    }


    /* 安心の対応体制 */

    .fron-main .support{
        grid-template-columns:1fr;
        gap:14px;
    }

    .fron-main .law{
        padding:22px 20px;
    }

    .fron-main .law h3{
        font-size:17px;
    }

    .fron-main .law p{
        font-size:13px;
        line-height:1.8;
    }


    /* チェック */

    .fron-main .checks{
        gap:7px;
    }

    .fron-main .checks div{
        padding:10px 10px 10px 36px;
        font-size:13px;
    }


    /* 罰則 */

    .fron-main .penalty{
        margin:22px auto 40px;
        padding:18px;

        width:100%;
    }

    .fron-main .penalty h3{
        font-size:16px;
    }

    .fron-main .penalty p{
        font-size:12px;
        line-height:1.8;
    }

}

/*以上　フロン追加202609*/

/* ================================
   拠点 Google Map
================================ */

.maps-wrap{
    width:100%;
    max-width:1150px;
    margin:30px auto;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:20px;
    box-sizing:border-box;
}

.map-item{
    width:100%;
    box-sizing:border-box;
}

.map-item > div{
    margin-bottom:8px;
    color:#173b50;
    font-size:18px;
    font-weight:700;
}

.map-item iframe{
    display:block;
    width:100%;
    height:300px;
    border:0;
}


/* ================================
   スマホ
================================ */

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

    .maps-wrap{
        grid-template-columns:1fr;
        gap:25px;
        padding:0 12px;
    }

    .map-item > div{
        font-size:16px;
    }

    .map-item iframe{
        height:260px;
    }

}