@charset "utf-8";
/* Copyright 2025 design hack. */

/* ------------------------------------------------------------

ABOUT

------------------------------------------------------------ */
/* グローバルナビアクティブ
---------------------------------------------- */
nav#wrap_nav_main ul#nav_main li:nth-child(1){color: #FFFFFF;border-bottom: 2px solid #FFFFFF;padding-bottom: 10px;}
nav#wrap_nav_main ul#nav_main li .nav_suv li:nth-child(1){border-bottom: none;padding-bottom: 0;}

/* ABOUT
---------------------------------------------- */
div#bg_h2{background:url(/about/img/about_h2_bg.png) no-repeat center 0;}
@media print, screen and (max-width: 767px){
div#bg_h2{background:url(/about/img/about_h2_bg_sp.png) no-repeat 0 0;background-size: 100%;height:auto;}
}

/* message */
div#message_wrap{overflow: hidden;}
p#message_img{float: left;width: 30%;}
div#message_detail{float: right;width: 62%;}
div#message_detail h2{font-size: 50px;color: #971B20;font-weight: 900;margin: -28px 0 16px 0;background:url(/about/img/about_message_bg.png) no-repeat right top 28px;background-size: 488px 66px;padding:40px 0 0 0;}
div#message_detail p#message_name{font-weight: 700;text-align: right;margin: 14px 0 0 0;}
div#message_detail p#message_name span{font-size: 24px;margin-left: 16px;}

/* philosophy */
div#philosophy_wrap{overflow: hidden;}
div#philosophy_detail{float: left;width: 50%;}
div#philosophy_detail h2{position: relative;color: #971A1F;font-size: 40px;font-weight: 800;letter-spacing: 0.05em;margin: -22px 0 12px 0;}
div#philosophy_detail h2:before {position: absolute;top: calc(50% - 1px);left: 0;width: 100%;height: 1px;content: '';background: #B6B6B6;}
div#philosophy_detail h2 span {position: relative;padding-right: 20px;background: #fff;}
div#philosophy_detail h3{margin: 0 0 72px 0;}
div#philosophy_detail ul li{font-size: 20px;font-weight: 800;background:url(/about/img/ico_sqa.png) no-repeat left 0.65em;background-size: 16px 16px;padding:0 0 0 26px;margin: 0 0 14px 0;}
div#philosophy_detail ul li:last-child{margin: 0 0 0 0;}
p#philosophy_img{float: right;width: 43%;padding-top: 60px;}

/* outline */
div#outline_detail{overflow: hidden;margin-bottom: 100px;}
div#outline_detail table{float: left;width: 47%;border-top: 1px solid #CACACA;}
div#outline_detail table th,div#outline_detail table td{border-bottom: 1px solid #CACACA;padding: 29px 0 30px;}
div#outline_detail table th{width: 160px;color: #97191F;vertical-align: middle;font-weight: 800;}
div#outline_detail table:first-child{margin:0 6% 0 0;}

/* history */
h3#access_ttl{font-size:40px;margin:-22px 0 32px 0;font-weight: 900;letter-spacing: 0.05em;}
div#access_map iframe{width:100%;height: 400px;border: none;display: block;}

table#history_table{width: 100%;margin: 0;}
table#history_table th{border-bottom: 1px solid #CACACA;width: 200px;font-size: 50px;line-height: 1.0; color: #97191F;font-family: "Cardo", serif;padding: 30px 0;vertical-align: middle;}
table#history_table td{border-bottom: 1px solid #CACACA;padding: 32px 0 30px;}
table#history_table td span{color: #971A1F;font-weight: 700;display: block;}

@media print, screen and (max-width: 1220px){
/* outline */
div#outline_detail table th{width: 120px;}
div#outline_detail table td{vertical-align: middle;}
}

@media print, screen and (max-width: 767px){
/* message */
div#message_wrap{overflow: visible;}
p#message_img{float: none;width: 260px;margin:0 auto 50px;}
div#message_detail{float: none;width: 100%;font-size: 15px;}
div#message_detail h2{font-size: 32px;margin: -17px 0 10px 0;background:url(/about/img/about_message_bg.png) no-repeat right top 16px;background-size:244px 33px;padding:20px 0 0 0;}
div#message_detail p#message_name{font-weight: 700;text-align: right;margin: 8px 0 -14px 0;}
div#message_detail p#message_name span{font-size: 20px;}
    
/* philosophy */
div#philosophy_wrap{overflow: visible;}
div#philosophy_detail{float: none;width: 100%;}
div#philosophy_detail h2{font-size: 25px;margin: -14px 0 12px 0;}
div#philosophy_detail h3{margin: 0 0 50px 0;}
div#philosophy_detail ul li{font-size: 18px;margin: 0 0 3px 0;}
p#philosophy_img{float: none;width: 100%;padding-top: 0;margin: 38px 0 0 0;}
    
/* outline */
div#outline_detail{overflow: visible;margin-bottom: 60px;}
div#outline_detail table{float: none;width: 100%;margin-bottom: 50px;}
div#outline_detail table th{width: 100%;display: block;border-bottom: none;padding:20px 0 10px;}
div#outline_detail table td{display: block;padding:0 0 20px;}
div#outline_detail table:first-child{margin:0 0 0 0;}

/* history */
h3#access_ttl{font-size:25px;margin:-14px 0 24px 0;font-weight: 900;letter-spacing: 0.05em;}
div#access_map iframe{height: 230px;}
    
table#history_table{width: 100%;}
table#history_table th{width: 100%;display: block;border-bottom: none; font-size: 35px;padding: 25px 0 15px;}
table#history_table td{width: 100%;display: block;padding: 0 0 25px;}
table#history_table td span{margin-bottom: 10px;}
table#history_table tr:first-child th{padding: 0 0 15px;}
table#history_table tr:first-child td{padding: 0 0 25px;} 
}

/* FEATURE
---------------------------------------------- */
div#feature_bg_h2{background:url(/about/img/features_h2_bg.png) no-repeat center 0;height:400px;position: relative;width: 100%;}
div#feature_bg_h2 h2{position: absolute;left: 20px;bottom: 0;}
@media print, screen and (max-width: 767px){
div#feature_bg_h2{background:url(/about/img/features_h2_bg_sp.png) no-repeat 0 0;background-size: 100%;height:auto;width: 100%;height:auto;position: static;}
div#feature_bg_h2 h2{position: static;}
div#feature_bg_h2 img{width: 100%;}
}
h3#system_ttl_red{color: #971B20;font-size: 40px;font-weight: 900;margin: -22px 0 32px 0;letter-spacing: 0.05em;}

ul#system_list li{overflow: hidden;background: #FFFFFF;padding: 60px;margin: 0 0 60px 0;}
ul#system_list li:last-child{margin: 0 0 0 0;}
ul#system_list li div{float: left;}
ul#system_list li div:last-child{float: right;}
ul#system_list li div.system_img{width:41.7%;}
ul#system_list li div.system_detail{width:51.9%;}
ul#system_list li div.system_detail h3{font-size: 30px;font-weight:900;margin: 0 0 11px 0;letter-spacing: 0.05em;}

ul#features_works_list{overflow: hidden;margin: 60px 0 0 0;}
ul#features_works_list li{float: left;width: 30%;margin-right: 5%;}
ul#features_works_list li:last-child{margin-right: 0;}
ul#features_works_list li p.features_works_ico{width: 60px;height: 60px;}
ul#features_works_list li h4{color: #971A1F;font-size: 26px;font-weight: 900;margin: 25px 0 15px 0;}

@media print, screen and (max-width: 1220px){
ul#system_list li div.system_img{width:48%;}
ul#system_list li div.system_detail{width:48%;}
}

@media print, screen and (max-width: 767px){
h3#system_ttl_red{font-size: 25px;margin: -13px 0 23px 0;}

ul#system_list li{overflow: visible;padding: 20px;margin: 0 0 40px 0;display: flex;flex-direction: column;}
ul#system_list li:last-child{margin: 0 0 0 0;}
ul#system_list li div{float: none;}
ul#system_list li div:last-child{float: none;}
ul#system_list li div.system_img{width:100%;order: 1;margin-bottom: 40px;}
ul#system_list li div.system_detail{width:100%;order: 2;}
ul#system_list li div.system_detail h3{font-size: 23px;margin:-12px 0 6px 0;}

ul#features_works_list{overflow: visible;margin: 40px 0 0 0;}
ul#features_works_list li{float: none;width: 100%;margin:0 0 39px 0;}
ul#features_works_list li:last-child{margin: 0 0 0 0;}
ul#features_works_list li p.features_works_ico{width: 60px;height: 60px;}
ul#features_works_list li h4{font-size: 21px;margin: 14px 0 7px 0;}
 
}

/* SERVICE
---------------------------------------------- */
div#service_bg_h2{background:url(/about/img/service_h2_bg.png) no-repeat center 0;height:400px;position: relative;width: 100%;}
div#service_bg_h2 h2{position: absolute;left: 20px;bottom: 0;}
@media print, screen and (max-width: 767px){
div#service_bg_h2{background:url(/about/img/service_h2_bg_sp.png) no-repeat 0 0;background-size: 100%;height:auto;width: 100%;height:auto;position: static;}
div#service_bg_h2 h2{position: static;}
div#service_bg_h2 img{width: 100%;}
}

div#service_intro{background:url(/about/img/service_bg.png) no-repeat center top 140px;background-size: 1920px 660px;}
div#service_intro .bold_style01{margin: -28px 0 31px 0;}
div#service_intro p{font-size: 18px;}

ul#service_list li{overflow: hidden;margin-bottom: 100px;}
ul#service_list li:last-child{margin-bottom: 0;}
ul#service_list li div{float: left;width:43.3%;}
ul#service_list li div:first-child{margin-right:8.4%;}
ul#service_list li div.service_img{width:48.3%;}
ul#service_list li div p.red_box{font-size: 24px;font-weight:400;color: #FFFFFF;background: #971B20;line-height: 1.0; padding:13px 20px 10px;display: inline-block;letter-spacing: 0.1em;}
ul#service_list li div h3{font-size: 40px;font-weight: 900;margin: 19px 0 24px 0;}

table#safety_table{border-top: 1px solid #CACACA;}
table#safety_table th,table#safety_table td{border-bottom: 1px solid #CACACA;padding: 32px 0 29px;}
table#safety_table th{width: 43%;vertical-align: middle;font-size: 26px;color: #971A1F;font-weight: 900;}
table#safety_table th p{padding: 0 0 3px 80px;}
table#safety_table th p#safety_ico01{background:url(/about/img/service_ico01.png) no-repeat left 0;background-size: 60px 60px;}
table#safety_table th p#safety_ico02{background:url(/about/img/service_ico02.png) no-repeat left 0;background-size: 60px 60px;}
table#safety_table th p#safety_ico03{background:url(/about/img/service_ico03.png) no-repeat left 0;background-size: 60px 60px;}

div#service_works{background:#000000 url(/about/img/service_woks_bg.png) no-repeat center top 0;background-size: 1920px 618px;}
div#service_works_wrap{margin: 0 auto;width: 1200px;padding: 140px 0;color: #FFFFFF;overflow: hidden;}
div#service_works_wrap h2.ttl_als{color: #FFFFFF;float: left;font-weight: 700;width: 37%;}
div#service_works_wrap div#service_works_txt{float: right;font-weight: 400;width: 57%;margin: 51px 0 0 0;}
div#service_works_wrap div#service_works_txt p#works_btn{margin: 49px 0 0 0;}

ul#compare_list{overflow: hidden;}
ul#compare_list li{float: left;width:30%;margin-right: 5%;}
ul#compare_list li:nth-child(2n){padding-top: 40px;}
ul#compare_list li:last-child{padding-top: 80px;margin-right: 0;}
ul#compare_list li h3{font-size: 26px;color: #971A1F;font-weight: 900;margin:25px 0 14px 0;}

ul#flow_list li{background:url(/about/img/service_bdr_arw.png) no-repeat bottom center;background-size:100% auto;width:1200px;overflow: hidden;padding: 0 0 60px 0;margin: 0 0 40px 0;}
ul#flow_list li:last-child{background:none;padding: 0 0 0 0;margin: 0 0 0 0;}
ul#flow_list li p.flow_img{width:33.3%;height: auto;float: left;}
ul#flow_list li dl{width: 58.3%;height: auto;float: right;padding: 40px 0 0 0;}
ul#flow_list li dl dt{padding: 2px 0 1px 80px;font-size: 26px;color: #971A1F;font-weight: 900;margin: 0 0 31px 0;}
ul#flow_list li:first-child dl dt{background:url(/common/img/sqa_ico_no01.png) no-repeat left 0;background-size: 60px 60px;}
ul#flow_list li:nth-child(2n) dl dt{background:url(/common/img/sqa_ico_no02.png) no-repeat left 0;background-size: 60px 60px;}
ul#flow_list li:last-child dl dt{background:url(/common/img/sqa_ico_no03.png) no-repeat left 0;background-size: 60px 60px;}

@media print, screen and (max-width: 1220px){
div#service_works_wrap{width: 100%;padding: 140px 20px;}

ul#flow_list li{background-size:100% auto;width:100%;} 
}

@media print, screen and (max-width: 767px){
div#service_intro{background:url(/about/img/service_bg_sp.png) no-repeat 0 bottom;background-size: 100%;}
div#service_intro .bold_style01{margin: -18px 0 19px 0;}
div#service_intro p{font-size: 17px;}

ul#service_list li{overflow: visible;margin-bottom: 49px;display: flex;flex-direction: column;}
ul#service_list li div{float: none;width:100%;}
ul#service_list li div:first-child{margin-right:0;}
ul#service_list li div.service_img{width:100%;order: 1;margin: 0 0 30px 0;}
ul#service_list li div.service_detail{order: 2;}
ul#service_list li div p.red_box{font-size: 19px;}
ul#service_list li div h3{font-size: 25px;margin: 16px 0 14px 0;}
    
table#safety_table th{width: 100%;display: block; font-size: 26px;color: #971A1F;font-weight: 900;border-bottom:none;padding: 30px 0 0;}
table#safety_table th span{padding: 13px 0 13px 80px;}
table#safety_table td{display: block;padding: 25px 0 23px;}

div#service_works{background:#000000 url(/about/img/service_woks_bg_sp.png) no-repeat 0 0;background-size: 100%;}
div#service_works_wrap{margin: 0;width: 100%;padding: 70px 20px;overflow: visible;}
div#service_works_wrap h2.ttl_als{float: none;}
div#service_works_wrap div#service_works_txt{float: none;width: 100%;margin: 0 0 0 0;}
div#service_works_wrap div#service_works_txt p#works_btn{margin: 30px auto 0;}  

ul#compare_list{overflow: visible;}
ul#compare_list li{float: none;width:100%;margin:0 0 39px 0;}
ul#compare_list li:nth-child(2n){padding-top: 0;}
ul#compare_list li:last-child{padding-top: 0;margin: 0;}
ul#compare_list li h3{font-size: 21px;margin:19px 0 7px 0;}   

ul#flow_list li{background:url(/about/img/service_bdr_arw_sp.png) no-repeat bottom center;background-size:100% auto;width:100%;overflow: visible;padding: 0 0 39px 0;margin: 0 0 30px 0;}
ul#flow_list li p.flow_img{width:100%;height: auto;float: none;margin: 0 0 30px 0;}
ul#flow_list li dl{width: 100%;height: auto;float: none;padding: 0 0 0 0;}
ul#flow_list li dl dt{padding: 5px 0 8px 80px;font-size: 21px;margin: 0 0 22px 0;}
ul#flow_list li:nth-child(2n) dl dt{background:url(/common/img/sqa_ico_no02.png) no-repeat left 0;background-size: 60px 60px;}
ul#flow_list li:last-child dl dt{background:url(/common/img/sqa_ico_no03.png) no-repeat left 0;background-size: 60px 60px;}
ul#flow_list li dl dd p{margin: 0 0 0 0;}
}
/* VOICE
---------------------------------------------- */
div#voice_bg_h2{background:url(/about/img/voice_h2_bg.png) no-repeat center 0;height:400px;position: relative;width: 100%;}
div#voice_bg_h2 h2{position: absolute;left: 20px;bottom: 0;}
@media print, screen and (max-width: 767px){
div#voice_bg_h2{background:url(/about/img/voice_h2_bg_sp.png) no-repeat 0 0;background-size: 100%;height:auto;width: 100%;height:auto;position: static;}
div#voice_bg_h2 h2{position: static;}
div#voice_bg_h2 img{width: 100%;}
}

div.voice_wrap{overflow: hidden;}
h2.voice_catch{font-size: 50px;font-weight: 800;margin:-28px 0 47px 0;}

div.voice_wrap div{float: left;}
div.voice_wrap div:first-child{margin-right: 8.3%}
div.voice_img{width: 33.3%;}
div.voice_detail{width: 58.3%;}
div.voice_detail p.red_name{font-size: 20px;font-weight:600;color: #FFFFFF;background: #971B20;line-height: 1.0; padding:13px 20px 10px;display: inline-block;margin: 0 0 60px 0;}
div.voice_detail dt{font-size: 26px;font-weight: 900;color: #971A1F;margin: -15px 0 13px 0;}
div.voice_detail dd{padding: 0 0 27px 0;margin: 0 0 40px 0;border-bottom: 1px solid #CACACA;}
div.voice_detail dd:last-child{padding: 0 0 27px 0;margin: 0 0 0 0;}

@media print, screen and (max-width: 1220px){
}

@media print, screen and (max-width: 767px){
div.voice_wrap{overflow: visible;display: flex;flex-direction: column;}
h2.voice_catch{font-size: 31px;margin:-17px 0 30px 0;}

div.voice_wrap div{float: none;}
div.voice_wrap div:first-child{margin-right: 0%}
div.voice_img{width: 100%;order: 1;margin: 0 0 40px 0;}
div.voice_detail{width: 100%;order: 2;}
div.voice_detail p.red_name{font-size: 18px;margin: 0 0 40px 0;}
div.voice_detail dt{font-size: 21px;margin: -11px 0 6px 0;}
div.voice_detail dd{padding: 0 0 20px 0;margin: 0 0 30px 0;}
div.voice_detail dd:last-child{padding: 0 0 20px 0;margin: 0 0 0 0;}
}