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

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

COMPANY

------------------------------------------------------------ */
nav#wrap_nav_main ul#nav_main li:nth-child(6) a{color:#47B156;}

/* グローバルナビアクティブ
---------------------------------------------- */
div#bg_h2{background:url(/company/img/h2_bg.jpg) no-repeat center 0;}
@media print, screen and (max-width: 767px){
div#bg_h2{background:url(/company/img/h2_bg_sp.jpg) no-repeat center center;background-size: cover;}
}

/* CONTENT
---------------------------------------------- */
div#outline_wrap{background: #E7EDE6;padding: 60px;}
div#outline_wrap table{width: 100%;}
div#outline_wrap table th,div#outline_wrap table td{border-bottom: 1px solid #CCCCCC;padding: 30px 0;}
div#outline_wrap table tr:first-child th,div#outline_wrap table tr:first-child td{padding:0 0 30px 0;}
div#outline_wrap table th{color: #008943;font-weight: 600;width: 27.778%;vertical-align: middle;}
div#outline_wrap table td ul li{font-weight: 700;position: relative;padding: 0 0 0 18px;margin:0 0 3px 0;font-weight: 500;}
div#outline_wrap table td ul li:after {position: absolute;content: '';top: 13px;left: 0;width:6px;height:6px;border: solid 4px #008943;border-radius:100%;}
div#outline_wrap table td ul li:last-child{margin:0 0 0 0;}
div#outline_wrap table td a{background:url(/common/img/arw_grn_ccl.png) no-repeat 0 0.4em;background-size: 20px 20px;padding: 0 0 0 32px;display: block;color: #47B156;margin: 0 0 6px 0;}
div#outline_wrap table td a:hover{color: #333333;}

div#philosophy_wrap{overflow: hidden;}
div#philosophy_wrap h2{float: left;}
ul#philosophy_list{float: right;width: 78.333%;}
ul#philosophy_list li{background: #E7EDE6;margin-bottom: 20px;padding: 40px 40px 35px;}
ul#philosophy_list li:last-child{margin-bottom: 0;}
ul#philosophy_list li h3{font-size: 40px;font-weight:500;font-family:"Rubik",sans-serif;color: #A3A3A3;letter-spacing: 0.1em;margin:-24px 0 6px 0;}
ul#philosophy_list li h3 span{font-size: 22px;color: #008943;letter-spacing: 0;font-weight:700;}
ul#philosophy_list li ul li{padding: 0;margin-bottom:9px;font-size: 20px;font-weight: 700;display: flex;align-items: flex-start;}
ul#philosophy_list li ul li span{background: #47B156;padding: 4px 8px 3px;line-height: 1.0;border-radius: 15px;color: #FFFFFF;font-size: 18px;font-family:"Rubik",sans-serif;font-weight: 500;letter-spacing: 0.1em;}
ul#philosophy_list li ul li p.philosophy_num{flex-shrink: 0;display: block; margin:0 20px 0 0;}
ul#philosophy_list li ul li p.philosophy_txt{flex: 1;display: block;}
ul#philosophy_list li ul li:last-child{margin-bottom:0;}

div#message_bg{background:#77838F url(/company/img/message_bg.jpg) no-repeat center bottom;text-align: center;}
div#message_bg p#message_ttl{color: #A3A3A3;background: #FFFFFF;border-radius: 40px;font-weight: 500;font-family:"Rubik",sans-serif;letter-spacing: 0.1em;padding: 10px 18px;line-height: 1.0;font-size: 24px;display: inline-block;}
div#message_bg h2{margin: 12px 0 17px 0;font-size: 50px;color: #FFFFFF;font-weight: 700;}
div#message_bg h3{background: #008943;font-size: 50px;color: #FFFFFF;font-weight: 700;margin: 0 0 71px 0;display: inline-block;padding:0 18px 5px;line-height: 1.6;}

div#message_wrap{color: #FFFFFF;text-align: left;overflow: hidden;}
div#message_txt{float: left;width:70%;}
div#message_txt p{margin-bottom: 24px;}
div#message_txt dl{text-align: right;}
div#message_txt dt{margin-bottom: -2px;}
div#message_txt dd span{font-size: 22px;margin-left: 15px;}
p#message_img{float: right;width: 23.333%;}
p#message_img img{width: 100%;}

@media print, screen and (max-width: 1220px){
div#message_bg h2{font-size: 35px;}
div#message_bg h3{font-size: 35px;}
}

@media print, screen and (max-width: 767px){
div#outline_wrap{padding: 15px 20px 20px;}
div#outline_wrap table th,div#outline_wrap table td{border-bottom:none;padding: 30px 0;display: block;}
div#outline_wrap table tr:first-child th{padding:0;}
div#outline_wrap table tr:first-child td{padding:0 0 22px 0;}
div#outline_wrap table th{width:100%;padding:22px 0 0;margin-bottom: 5px;}
div#outline_wrap table td{padding:0 0 22px 0;margin-bottom: 22px;border-bottom: 1px solid #CCCCCC;}
div#outline_wrap table td:last-child{margin-bottom: 0;}
div#outline_wrap table td ul li{margin:0 0 3px 0;}
div#outline_wrap table td ul li:after {top: 10px;}
div#outline_wrap table td a{background-size: 22px 22px;margin: 0 0 12px 0;}
div#outline_wrap table td a:hover{color: #333333;}
div#outline_wrap table td span{font-size: 13px;}

div#philosophy_wrap{overflow: visible;}
div#philosophy_wrap h2{float: none;}
ul#philosophy_list{float: none;width: 100%;}
ul#philosophy_list li{margin-bottom: 20px;padding: 20px 20px 15px;}
ul#philosophy_list li h3{font-size: 27px;margin:-16px 0 -5px 0;}
ul#philosophy_list li h3 span{font-size: 16px;}
ul#philosophy_list li ul li{margin-bottom:9px;font-size: 17px;}
ul#philosophy_list li ul li span{padding: 4px 8px 3px;border-radius: 15px;font-size: 18px;}

ul#philosophy_list li ul li:last-child{margin-bottom:0;}
    
div#message_bg{background:#77838F url(/company/img/message_bg_sp.jpg) no-repeat center bottom;background-size: 100%;}
div#message_bg h2{margin: 17px 0 19px 0;font-size: 24px;}
div#message_bg h3{font-size: 24px;margin: 0 0 42px 0;padding:20px 20px 15px;width: 100%;}

div#message_wrap{overflow: visible;}
div#message_txt{float: none;width:100%;margin-bottom: 41px;}
div#message_txt p{margin-bottom: 14px;}
div#message_txt dt{margin-bottom: -1px;}
div#message_txt dd span{font-size: 19px;margin-left: 15px;}
p#message_img{float:none;width: 62.687%;margin: 0 auto;}
}