body{width:100%;overflow: hidden;-webkit-text-size-adjust: 100%;}
.block{width:96%;margin:0 2%;position: relative;}
.catch{font-size:14px;line-height: 140%;text-align: center;padding-bottom: 20px;margin:0 2%;}
.catch br{display: none;}
.mb15{margin-bottom: 8px !important}
.mb30{margin-bottom: 15px !important}
.mb50{margin-bottom: 25px !important}

.pc_only{display: none !important;}
.sp{display: block;}
.sp-menu{position: absolute;right: 0%;top:13px;color:#0053a3;text-align:  center;display: block}
.sp-menu em{font-size: 9px;color: #0053a3;text-align: center;display: block;margin-top:0px;}
.menu-trigger,
.menu-trigger span {  display: inline-block;  transition: all .4s;  box-sizing: border-box;}
.menu-trigger {  position: relative;  width: 30px;  height: 28px;}
.menu-trigger span {  position: absolute;  left: 0;  width: 100%;  height: 4px;  background-color: #0053a3;  border-radius: 4px;}
.menu-trigger span:nth-of-type(1) { top: 0;}
.menu-trigger span:nth-of-type(2) { top: 12px;}
.menu-trigger span:nth-of-type(3) { bottom: 0;}
.menu-trigger.active span:nth-of-type(1) { -webkit-transform: translateY(12px) rotate(-315deg);  transform: translateY(12px) rotate(-315deg);}
.menu-trigger.active span:nth-of-type(2) {  opacity: 0;}
.menu-trigger.active span:nth-of-type(3) {  -webkit-transform: translateY(-12px) rotate(315deg);  transform: translateY(-12px) rotate(315deg);}

#head{background: #fff;box-shadow:0px 5px 10px 1px rgba(0,0,0,0.1);height:65px;position: relative;z-index: 99;width:100%;}
#head .block{height:65px;}
#head .dis{display: none;}
#head .logo a{display: inline-block;width:auto;height:40px;padding-left: 45px;background: #fff url('/common/img/logo.png') 0 0 no-repeat;background-size: 40px 40px;color:#444;}
#head .logo span.ja{font-size:16px;padding: 3px 0 ;font-weight: bolder }
#head .logo span.en{font-size:12px;color:#0053a3;padding-top:1px}

#head #nav{display: none;position: absolute;right:0;top:66px;text-align: center;width:104%;transform: skew(0);border-left:none;margin:0 -2%;z-index: 9999}
#head #nav>li{float:none;width:100%;border-right:none;background: rgba(0, 83, 163,0.9) !important;margin-bottom: 1px;overflow: hidden;}
#head #nav>li>a{display: block;width: 100%;height:auto;text-align: center;font-size:18px;padding-top:0;transform: skew(0);color:#fff;padding:25px 0;}
#head #nav>li a span{display: inline-block;padding-top:0;letter-spacing: 0.1em;padding-left: 10px;font-size:11px;}

#foot #marks{width: 100%;padding: 30px 0;}
#foot #marks dl{text-align: center;width:100%;}
#foot #marks dl.left{width:100%;border-right: none;margin-bottom: 20px;}
#foot #marks dl img{zoom:80%;}
#foot #marks dl dt{height:auto;}
#foot #marks dl dd{line-height: 140%;padding-top:0;font-size:12px;margin:0 2%;}
#foot #marks dl dd br{display: none;}

#foot #marks .ft02 {justify-content: flex-start;flex-wrap: wrap;}
#foot #marks .ft02 dl{
    width: 50% !important;
    text-align: center;
    box-sizing: border-box;
    padding: 5px 0;
    min-height: auto;
    border-right: none !important;}
#foot #marks .ft02 dl.left{width:100%;}
#foot #marks .ft02 dl.left img{max-width: 270px;}
#foot #marks .ft02 dl .esg img{width:115px;float:none;}

#foot .ft_eco{padding-bottom: 30px; }
#foot .ft_eco a{width: 96%;margin:0 auto}
#foot .ft_eco dl{padding:15px 10px;}
#foot .ft_eco dl dt{width:35%;}
#foot .ft_eco dl dd{width:63%;}
#foot .ft_eco dl dd h3{font-size: 14px;margin-bottom: 5px;font-weight: bold;color:rgba(0,145,58,1);line-height: 140%;}
#foot .ft_eco dl dd p{line-height: 160%;font-size: 12px;}

#foot #marks .energy{width: 96%;margin:0 2% 30px;text-align: center;font-size: 16px;padding:18px ;line-height: 120%}

#foot #bottom .bnr ul{display: flex;justify-content: center;align-items: center;flex-wrap: wrap;width: 100%;}
#foot #bottom .bnr ul li{width: 48%;padding:1% 1%;}
#foot #bottom .bnr ul li a{line-height: 0;display: block;}
#foot #bottom .bnr ul img{width: 100%;}

#foot #bottom .f_nav{padding:30px 0 0;}
#foot #bottom .f_nav .block{width: 100%;margin:0;}
#foot #bottom .f_nav .logo{padding-bottom: 15px;}
#foot #bottom .f_nav .logo img{width: 40px;}
#foot #bottom .f_nav .logo h2{font-size: 16px;padding: 15px 0 8px; }
#foot #bottom .f_nav .logo span{font-size: 12px;}
#foot #bottom .nav_list{display: flex;justify-content: flex-start;flex-wrap: wrap;padding:0 2%}
#foot #bottom .nav_list div{width: 52%;padding:1% 1%;}
#foot #bottom .nav_list div:nth-child(2n){width: 44%;}
#foot #bottom .nav_list div.nav_top{padding-top: 31px}
#foot #bottom .nav_list dl {padding-bottom: 3px}
#foot #bottom .nav_list dl dt,
#foot #bottom .nav_list dl dd{padding-bottom:8px ;line-height: 140%;font-size:12px;}
#foot #bottom .nav_list h3{padding-bottom:12px ;font-size:15px;}
#foot #bottom .nav_list ul {padding-bottom: 20px}
#foot #bottom .nav_list ul li{padding-bottom: 8px;line-height: 140%;font-size:12px;}
#foot .copyright{color:#888;font-size: 10px;padding: 0 0 150px}

.bnr_fix{position: fixed;bottom:-120px;right:0;}
.bnr_fix img{width: 100%;}



#contents{min-height: 300px;}

#contents .tl{background:#0053a3;color:#fff;width:200px;padding:9px 0 3px;margin:0 auto;text-align: center;transform: skew(-16.5deg);}
#contents .tl span{display: block;transform: skew(16.5deg);}
#contents .tl span.ja{font-size:16px;padding-bottom:2px;padding-right:3px;letter-spacing: 0.1em;}
#contents .tl span.en{font-size:9px;color:#d1b23a;padding-left:3px;}
#contents .sub_tl{text-align: center;padding:10px;color:#fff;font-size:16px;letter-spacing: 0;line-height: 120%}
#contents .sub_tl span.red,
#contents .sub_tl span.blue{display: inline-block;margin-top: 5px;padding:5px;}


.second .breadcrumbs{width:100%;margin:0 auto;padding:10px;font-size:11px;}
.second .breadcrumbs li:last-child{max-width: 7em;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;-o-text-overflow: ellipsis;}
.second .breadcrumbs li:after{content: ">";display: inline-block;margin:0 0.5em;vertical-align: top;}
.second .breadcrumbs li:last-child:after{display: none;}

#index #mainview ul {height:65vw;margin-bottom: 20px;background: #f1e9be}
#index #mainview ul li p{display: none !important;}
#index #mainview p.read{font-size:4vw;position: absolute;top:43vw;left:2%;line-height: 140%;color:#fff;text-shadow: 0px 0px 5px #000,0px 0px 10px #000;letter-spacing: 0em;display: block !important;text-align: center;width:100%;}
#index #mainview p.read2{font-size:3.5vw;position: absolute;top:56vw;left:2%;line-height: 140%;color:#fff;text-shadow: 0px 0px 5px #000,0px 0px 10px #000;letter-spacing: 0em;display: block !important;text-align: center;width:100%;}
#index #mainview p.read br,
#index #mainview p.read2 br{display: none;}
#index #mainview p.read br:nth-child(2){display: block;}

.second #mainview{ width:120%;margin:0 -10%;height:100px;position: relative;}
.second #mainview .left,
.second #mainview .right{height:100px;transform:skew(-16.5deg);}
.second #mainview .left{background:#d1b23a;width:50%;position: relative;}
.second #mainview .right{width:50%;}
.second #mainview .block{position: absolute;left:0%;margin-left: 10%;padding-top:30px;color:#fff;width: 80%;}
.second #mainview .block h1{font-size:20px;line-height: 120%;letter-spacing: 0.1em;}
.second #mainview .block p{font-size:14px;opacity: 0.5;padding-top:5px;letter-spacing: 0.1em;padding-left:2px;}

#index #contents #service div{width:100% !important;}
#index #contents #service div{width:100%;padding:0;border-bottom: solid 1px #ccc;padding:10px;border-right:none;}
#index #contents #service div span a{line-height: 0;}
#index #contents #service div span img{width: 100%;line-height: 0}
#index #contents #service div span img:hover{-webkit-transform: scale(1.0);-moz-transform: scale(1.0);-o-transform: scale(1.0);-ms-transform: scale(1.0);transform: scale(1.0);}
#contents #service div.service04, #contents #service div.service05, #contents #service div.service02{height: auto;}
#index #contents #service div h3 span{float:none !important;margin:5px 0 0;width: auto !important;}


.eco_pro_box{padding:20px 0 0 !important;width: 100%;}
.eco_pro_box h3{width:80%;margin:0 auto}
.eco_pro_box ul.ser_btn{display: block;justify-content: center;padding-bottom: 5px;}
.eco_pro_box ul.ser_btn li{width: 80%;margin:5px auto;}
.eco_pro_box ul.ser_btn li a.btn02{padding:10px 0;width:100%;font-size: 16px;line-height: 120%;margin-bottom: 10px;}
.eco_pro_box .eco_bk{display: block;margin:0 auto;width: 50%;}
.eco_pro_box ul.ser_btn li a.arw{margin-bottom: 10px;}
.eco_pro_box ul.ser_top li{margin:5px 0}
.eco_pro_box ul.ser_top{display: block;padding-bottom: 10px;}


/*
#index #contents #service div span{display: block;margin-bottom: 0;overflow: hidden;width:100% !important;height:auto;padding-bottom: 10px;border: none}
*/
#index #contents #service div h3{font-size:16px;padding:5px 0 5px;letter-spacing: 0em;font-weight: bolder ;text-align: left;}
#index #contents #service div p{font-size:13px;line-height: 140%;padding:0 0 15px;text-align: left;}
#index #contents #service div p br{display: none;}
#index #contents #service div a.btn{display: inline-block;width:100%;text-align: center;padding:13px 0;color:#fff;border-radius: 0;line-height: 100% !important;font-size:14px;}
#index #contents #service div span{width:45% !important;height:auto !important;float:right;margin-left: 5px;}
#index #contents .service02 span{width:45% !important;height:auto !important;float:right;margin-left: 12px;}
#index #contents .service03 span{width:45% !important;height:auto !important;float:right;margin-left: 12px;}
#index #contents .service04 span{width:45% !important;height:auto !important;float:right;margin-left: 12px;}
#index #contents .service05 span{width:45% !important;height:auto !important;float:right;margin-left: 12px;}
#index #contents #service div:nth-child(3) span,
#index #contents #service div:nth-child(4) span{width:45% !important; }

#index .gradarea {border-bottom:none !important;}
#index .gradarea dl{float:none;margin: 10px auto;background: #fff;width:90%;height:auto;display: table;}
#index .gradarea dl dt{width:85px;}
#index .gradarea dl dt img{width:85px;}
#index .gradarea dl dd span.copy{display:block;padding-top:5px;line-height: 120%;font-size:14px;overflow: hidden;max-height: 4em}
#index .gradarea dl dd{padding:0 10px;font-size:11px;}
#index .gradarea dl dd span.cat a{color:#fff;background: #d1b23a;font-size:10px;display:inline-block;width:73px;padding:1px 0;}

#service .service_box li{padding:15px 0 15px;border-bottom:solid 1px #ccc;margin:0 15px;}
#service .service_box li:last-child{border-bottom:none;}
#service .service_box li .left{width:100%;}
#service .service_box li .right{width:100%;}
#service .service_box li .right img{width:100%;}
#service .service_box li h3{font-size:16px;line-height: 160%;margin-bottom: 10px;}
#service .service_box li .big_tl{font-size:25px;margin-bottom: 0;line-height: 160%;}
#service .service_box li .small_tl{font-size:16px;margin-bottom: 10px;line-height: 160%;}
#service .service_box li p{font-size:14px;line-height: 160%;margin-bottom: 15px;}
#service .service_box ul {padding:12px 20px 17px;margin-bottom: 20px;}
#service .service_box ul li{padding:5px 0 0 15px;border-bottom:none;margin:0;text-indent: -15px;font-size:14px;}
#service .service_box li .btn {padding:5px 0 0 ;margin:0;}

#service .detail .box .left{width:100%;padding-bottom: 10px;display: block}
.detail .box .left p{display: block;vertical-align: middle;height: auto;}
.detail .box .left p img{width:100%;}
#service .detail .box .right{width:100%;padding-bottom: 20px;}
#service .detail .box .right dl dt{font-size:16px;line-height: 160%;padding-bottom: 3px;color:#ff7e2f;}
#service .detail .box .right dl dd{font-size:14px;line-height: 160%;}
#service .detail .box .right dl {padding-bottom: 10px;}
#service .detail .box {padding:15px;}

#service .detail .box .catalog {padding-bottom: 30px;}
#service .detail .box .catalog a{font-size:16px;padding:0 0;width:100%;}
#service .detail .box .catalog a span{display: block;padding:20px 0;margin:0 20px;background: url('/common/img/icon-catalog.svg') no-repeat right center;background-size: 60px;}

#service .detail .box .scroll{white-space: nowrap;overflow: auto;}
#service .detail .box table td,
#service .detail .box table th{padding: 10px 5px !important;font-size:14px !important;}
#service .detail .box table td .download{display: inline-block;padding:15px 0 15px 25px;background: url('/common/img/icon-download.svg') no-repeat left center;background-size: 20px;}
#service .back a {padding: 15px 0;font-size:14px;}
#service .sp{padding: 0 0 20px;text-align: center;}

#service #tab{width:100%;margin:0 auto;padding-bottom: 20px;}
#service #tab li {display: table;}
#service #tab li a{display: table-cell;padding:5px; color:#fff;text-align: center;font-size:10px;;position: relative;height: 5em;line-height: 120%;vertical-align: middle;}
#service #tab li a br{display: none;}
.felt .sekkei{margin:0 -15px 0;padding:15px 15px 10px;background: #f1f7eb}
.felt .sekkei h3{font-size:16px;padding-bottom: 15px;color:#7a9d4d;}
.felt .sekkei div{float: left;width:48%;margin-right: 4%;margin-bottom:20px;}
.felt .sekkei div img{width:100%;}
.felt .sekkei div:nth-of-type(2n){margin-right: 0;}

.service10 .box .left {width:100%  !important;}
.service10 .box .right {width:100%   !important;}
.service10 .box .left img {width:100% !important;}
.service10 .box .right img {width:100% !important;}

.service11 .sdgs .sdgs-flow ul li{width: 50%;justify-content: space-between;}

.color-variation h3{font-size:16px;margin-bottom: 15px;padding:5px;line-height: 140%;}
.color-variation .copy{font-size:14px;padding-bottom: 15px;text-align: center;}
.color-variation .note{font-size:10px;padding-top: 0 !important;}
.color-variation .pc{display: none;}
.color-variation .sp {display: block;}
.color-variation .sp img{width: 100%;}

#contents .ecoproject .flex h5,
#contents .eco_tl{font-size: 20px}
#contents .ecoproject .flex{display: block;}
#contents .ecoproject .flex div.ecoproject_area{margin:0 0 5%;padding:30px 20px ;}
#contents .ecoproject .flex div.ecoproject_area br.sp{display: none;}
#contents .ecoproject .flex span,
#contents .ecoproject .tl_copy{font-size: 14px;}
#contents .ecoproject .flex h5{padding:10px 0}
#contents .ecoproject .flex .copy{padding-bottom: 10px}

#contact #contents table,
#company #contents table{border-collapse:collapse;width:100%; }
#contact #contents table tr:nth-child(2n),
#company #contents table tr:nth-child(2n){background: #fff}
#contact #contents table th,
#contact #contents table td,
#company #contents table th,
#company #contents table td{border-top:none;border-bottom:none;padding:8px 0 ;text-align: center;font-size:14px;display: block;width: 100%;}
#contact #contents table th,
#company #contents table th{text-align: center !important;background: #0053a3 !important;color:#fff !important;width:100%;}
#contact #contents table th br,
#company #contents table th br{display: none;}
#contact #contents table td,
#company #contents table td{line-height: 140%;padding-bottom: 20px}
#contact #contents table th span,
#company #contents table th span{background: #cc0000;color: #fff;padding:3px 15px;display: inline-block;margin-left: 10px;font-size:10px;line-height: 10px;vertical-align: top}
#contact #contents table th p,
#company #contents table th p{padding:10px 10px 0;font-size:12px;line-height: 140%;color:#fff;}
#contact #contents table .error,
#company #contents table .error{padding-top:5px;color:#cc0000;}

#company .box{padding: 15px;}
#company #tab{width:100%;margin:0 auto;padding-bottom: 20px;}
#company #tab li {display: table;}
#company #tab li a{display: table-cell;padding:10px; color:#fff;text-align: center;font-size:10px;letter-spacing: 0.1em;position: relative;height: 4.5em;line-height: 120%;vertical-align: middle;}

.company01 .gradarea.history img{width: 100%;}
.company01 .gradarea.history .left{margin-bottom: 20px;}
.company04 ol.policy{width:100%;}

.company01 .shadow .left {width: 100% !important;display: table;padding-bottom:20px;}
.company01 .shadow .right {width: 100% !important;}
.company01 .shadow .left p {width: 50% !important;display: table-cell;}
.company01 .shadow .left .sp_block h3 {text-align: left;}
.company01 .shadow .left .sp_block {display: table-cell;padding-left: 5%;text-align: left;vertical-align: bottom;}
.company01 .shadow .left img,
.company01 .shadow .right img{width: 100% !important}
.company01 .shadow .copy{clear:both;width: 100%;margin:0 auto;padding:15px 0 0;line-height: 140%}
.company01 .copy p{padding:0 0 1em;font-size:14px;}
.company01 .gradarea .block p img{width: 90%;}
.company01 ol.policy{padding:0 0;width:100%;}
.company01 ol.policy li{font-size:14px;padding:10px 0;line-height: 160%;text-indent: -2em;padding-left: 2em;}
.company01 .note{text-indent:-1em;padding:20px 0 10px 1em;line-height: 160%;margin:0 0;font-size:12px;}
.company01 .note br{display: none;}
.company01 .philosophy p{line-height: 180%;text-align: left !important;padding: 0 0 1em;font-size: 14px;width: 90%;margin:0 5%;}

.company02 .shadow .left{width:30%;margin:0 15px 15px 0 ;}
.company02 .shadow .left p{width:100%;margin:0 ;}
.company02 .shadow .left p img{width:100%;margin-bottom: 10px;}
.company02 .shadow .left h3{padding-bottom: 0;width: 100%;font-size:12px;}
.company02 .shadow .left h3 span{font-size:16px;display: block;padding:3px 0;}
.company02 .shadow .left ul li{padding-bottom: 10px;float: left;width: 50%;}
.company02 .shadow .left ul li img{width:100%;}
.company02 .shadow .right{width:auto;padding-bottom: 0;float:none;}
.company02 .shadow .right h3{font-size:16px;color:#0053a3;padding-bottom: 15px;line-height: 140%;}
.company02 .shadow .right h3 br{display: none;}
.company02 .shadow .right p{font-size:14px;padding-bottom: 10px;line-height: 140%;}
.company02 .shadow .bnr{padding-top:30px;}
.company02 .shadow .bnr li{float:left;margin:0;margin-right: 4%;width:48%;}
.company02 .shadow .bnr li:nth-child(2n){margin-right: 0;}
.company02 .shadow .bnr li img{width:100%;}
.company02 .note{text-indent:-1em;padding:5px 0 0 1em !important;line-height: 160%;font-size:14px;}
.company02 .profile .left{width:90%;margin:0 auto 20px;float:none}
.company02 .profile .left img{width:100%;}
.company02 .profile .right{width:90%;margin:0 auto;float:none}
.company02 .profile .right dl {display: table;width:100%;margin-bottom: 10px;}
.company02 .profile .right dl dt,
.company02 .profile .right dl dd{display: table-cell;text-align: left;font-size:14px;line-height: 160%;}
.company02 .profile .right dl dt{width:20%;color:#0053a3;}
.company02 .gradarea img{width: 85%}

.company03 table td dl{display: block;margin-bottom:8px;width:100%;}
.company03 table td dl:last-child{margin-bottom:0;}
.company03 table td dl dt,
.company03 table td dl dd{display: block;}
.company03 table td dl dt{width:100%;color:#0053a3;padding-bottom: 3px}
.company03 table td li{padding:0 0 8px 15px;border-bottom:none;margin:0;text-indent: -15px;width: 100%;float: none;}
.company03 table td li:before {color:#0053a3;content: "\25CF ";font-size:10px;vertical-align: top;margin-right: 5px;}
.company03 table td .half1 {width:100%;float:none;}
.company03 table td .half2 {width:100%;float:none;}

.company03 #contents .shadow{padding:15px;}
.company03 #contents dl dt,
.company03 #contents dl dd{display: table-cell;font-size:14px;padding-bottom: 30px;line-height: 140%;}
.company03 #contents dl dt{border-right:solid 3px #0053a3;width:32%;color:#0053a3;}
.company03 #contents dl dd{padding-left: 25px;}
.company03 #contents dl dd:before {content: "";position: absolute;background: #fff;left: 28.5%;margin-top :0;height: 18px;width: 18px;border-radius: 50%;border: solid 2px #0053a3}

.company04 .shadow .tl{margin: -38px auto 30px !important;}
.company04 .engbox{margin-bottom: 20px;width: 100%;float:none;margin-right: 0}
.company04 .engbox:nth-child(2n){margin-right: 0}
.company04 .engbox h3{font-size:16px;padding-bottom: 5px;}
.company04 .engbox li{font-size:14px}
.company04 .center img{width: 100%;}
.company04 .long dl{display: block;width: 96%;margin:10px 2% ;padding:15px 25px;font-size: 16px;line-height: 160%;letter-spacing: 0;}
.company04 .long dl dt{width: 4.5em;color:#0053a3}
.company04 .long dl dd{}

.company04 .sdgs_area {margin:0 2%;width:96%;}
.company04 .sdgs_area h2{text-align: center;margin-bottom: 15px;}
.company04 .sdgs_area p{text-align: center;margin-bottom: 40px;}
.company04 .sdgs_area h2 img{width:100%;}
.company04 .catch{padding-bottom: 0}
.company04 .sdgs_area ul {margin-bottom: 50px; }
.company04 .sdgs_area ul li{float:left;width:24%;margin-right:1%;margin-bottom: 16px; }
.company04 .sdgs_area ul li:nth-child(6n){margin-right:1%; }
.company04 .sdgs_icon ul li {display: inline-block;width: 20%;margin:0 5px;}
.company04 .sdgs_icon ul  {margin-bottom: 30px}
.company04 hr{margin:0 0 25px;padding:0;}
.company04 .engbox p span{font-size:10px;line-height: 120%}
.company04 .engbox p{margin-bottom: 10px;}
.company04 .engbox p .SDGs{width: 100% !important;height:auto !important;}


dl.box>dd{background: #fff;padding:15px;height: 180px;}

.privacy{padding: 15px;}
.privacy_area{font-size:14px;line-height: 160%;margin:0 auto;width: 100%;}
.privacy_area p{padding-top:10px;}

dl.box{width:100%;float:left;margin-right:0%;margin-bottom:10px;border:solid 1px #0053a3;}
dl.box>dt{background: #0053a3;color:#fff;padding:10px 0;text-align: center;font-size:16px;position: relative;}
.privacy_area dl{padding-top:20px;}
dl.box>dd{background: #fff;padding:15px;height: auto;}
dl.box>dd dl{padding-bottom: 0;display: inline-block;width: 48%}
dl.box>dd.pa{padding:15px}
dl.box>dd dl dt{font-size:14px;padding-bottom: 5px;}
dl.box>dd dl dd{font-size:16px;letter-spacing: 0.1em;}
dl.box>dd .contactlist li{padding-bottom: 14px;line-height: 140%;font-size:14px;}
dl.box>dd .contactlist li:first-child br:nth-child(2){display: none;}
dl#download p{text-align: center;padding:10px 0 5px;font-size:14px;}
dl.box>dd .download li{float:none;margin:8px 0 ;width:100%;}
dl.box>dd .download li:nth-child(2n){float:none;}
dl.box>dd .download li a.btn{display: block;padding:10px;text-align: center;color:#fff;background:#0053a3; border-radius: 5px;}

#contents .contactform .mb30{font-size:14px;}
#contents .contactform{padding:15px;}
#contents .block table td input{padding:5px;width:100%;}
#contents .block table td label {padding: 3px 0;display: block;text-align: left;}
#contents .block form .btn {padding-top:0;}
#contents form.btn {display: inline-block;padding-top:10px;}

.infomation .block .left h1.archive{line-height: 140%;font-size:16px;padding:8px 0;background: #0053a3;color:#fff;text-align: center;}
.infomation .block .left .padding{padding:15px;}
.infomation .block .left{width:100%;margin-bottom: 20px;}
.infomation .block .left .archive dl dd{padding:0 0 0 15px;}
.infomation .block .left .archive dl dd span.copy{display:block;padding-top:5px;line-height: 140%;font-size:15px;overflow: hidden;max-height: 4.5em}
.infomation .block .right{width:100%;}
.infomation .block .right dl{margin-bottom: 20px;}
.single .block .left {padding:15px;}
.single .block .left h1{line-height: 140%;font-size:18px;margin-bottom:1.5em;padding-bottom:1em;border-bottom: solid 1px #ccc;}

#contribution .catch{padding-bottom: 60px;}
.activities .box{padding: 15px;}
.activities h3{font-size:16px;color:#0053a3;padding-bottom: 5px;line-height: 140%;width:100%;margin:0 auto;}
.activities p.right{width:100%;margin-left: 10px;padding-bottom: 10px;}
.activities p strong{font-weight: normal;font-size:14px;display: block;margin-bottom: 5px}
.activities ol.policy{padding:0 20px;}

.activities_news p.catch{width:100%;margin:0 5px;text-align: left;font-size: 14px}
#company .news dl dt{display: block;width: 100%;}
#company .news dl dd{display: block;}

#contribution .breadcrumbs{margin-bottom: 30px !important;}
#contribution #contents .block img,
#contribution #contents .philosophy img{width: 100%}
#contribution ol.policy{padding:0;width: 100%}
#contribution .shadow p{width:100%;font-size: 14px;}
#contribution .philosophy p{width:98%;font-size: 14px;margin:0 2%;}
#contribution .shadow h3{width:100%;font-size: 16px;}
#contribution .philosophy ol.policy li{font-size: 14px;}
#contribution .csr h3{font-size:16px;color:#0053a3;padding: 0 5% 5px;line-height: 140%;width:100%;margin:0 auto;}
#contribution .csr p{font-size:14px;padding: 0 5% 20px;line-height: 160%;width:100%;margin:0 auto;}

.menu_contents{position: relative;width: 100%;margin:0;transform: skew(0deg);}
.menu_contents .menu_box{margin-top: 0;box-shadow:none;padding:20px;}
.menu_contents .flex{display: block;clear: both;}
.menu_contents .flex dl{clear: both;padding-top: 8px}
.menu_contents .flex dl:first-child{padding-top: 0}
.menu_contents dt{padding:5px 0;}
.menu_contents .flex dd{float: left;width: 50%;}
.menu_contents h2 a{margin-bottom: 10px;}
.menu_contents li br{display: none;}

.menu_contents .menu_box5,
.menu_contents .menu_box2,
.menu_contents .menu_box3,
.menu_contents .menu_box4{width:100%;margin-top: 0;clear: both;padding-top: 20px;}
.menu_contents .menu_box5 .flex{display: flex;flex-wrap: wrap;}
.menu_contents .menu_box5 .flex li{width: 49%;}

.menu_contents .menu_box .eco_pro{width:100%;color:#fff;background-color: #00913a;display: block;margin-bottom:20px;padding:20px; }
.menu_contents .menu_box .eco_pro h2{width: 70%;margin: 0 auto 10px}


.detail .main_copy{display: block;padding:15px;}
.detail .main_copy dl{width: 100%;}
.detail .main_copy dl dt{font-size: 18px;padding-bottom: 5px;}
.detail .main_copy dl dt span{font-size: 14px;padding:0 5px;}
.detail .main_copy dd{font-size: 14px;}

.detail .main_copy p{width: 100%;padding-top: 10px;font-size: 14px;}

.gyo_hikaku h3,
.detail .features h3{font-size: 18px;}
.detail .main_copy p strong{font-size: 20px;}

.detail_btn{padding:15px;}
.detail_btn li{width: 49%;}
.detail_btn li a{font-size: 16px;padding:15px 0;line-height: 120% !important;}
.detail_btn li a br{display: block;}

.gyo_hikaku h3,
.detail .features h3{margin-bottom: 15px;}

.detail .features h4{font-size: 18px;padding:10px 0 5px;font-size: 16px;}
.detail .features .copy{font-size: 14px;line-height: 140%;}

.detail .features ul li{padding:15px 0;}

.detail .features dl{padding:15px;margin-top: 10px;}
.detail .features dl dt{padding:0;}
.detail .features dl dd{font-size: 14px;line-height: 140%;}

.detail .features strong{font-size: 14px;}

#contents .reborn.detail .juchu{}
#contents .reborn.detail .juchu,
.detail .features .juchu{padding:25px;}
#contents .reborn.detail .juchu h3,
.detail .features .juchu h3{font-size: 18px;margin-bottom: 10px;}
#contents .reborn.detail .juchu p,
.detail .features .juchu p{font-size: 14px;}
.detail .features .juchu p br{display: none;}

.detail .spec{padding:30px 0;}

.detail .ecopro{padding:30px;}
.detail .ecopro p.btn a{width: 100%;}
#contents .reborn.detail .juchu p.btn,
.detail .features .juchu p.btn{padding-top: 10px;}

#service .detail .box table td, #service .detail .box table th{padding:8px !important;}

.ser_wrap{padding:15px;}
.ser_wrap .ser_box{width: 100%;margin: 0 0 15px;}
.service01 .btn a{width: 100%;}
.ser_wrap .ser_box h4{padding-bottom: 10px;}
.service01 .ser_wrap .ser_box{margin-bottom: 15px;padding-bottom: 15px;border-bottom: dotted 1px #ccc;}
.service01 .ser_wrap .ser_box:last-child{margin-bottom: 0;padding-bottom: 0;border-bottom: none;}
.service01 .ser_wrap .ser_box .btn li{padding-top: 5px;}
.service01 .ser_wrap .ser_box h4{font-size: 14px;}
.service01 .ser_wrap .ser_box p{line-height: 140%}
.detail .features .juchu p.btn a{font-size: 16px;}

.detail .renewal-box{padding: 20px;}
.detail .features ul.point{align-items: stretch;margin-bottom: 10px;}
.detail .features .renewal-feat ul li{font-size: 16px;padding:10px;}
.detail .features .juchu p.btn a{width: 100%;}

.detail .main_copy.flex{display: flex;align-items: flex-start;}
.detail .main_copy p{padding-top: 0}

.detail .seiri_sheet{padding:20px 0;}

#contents .gyo_hikaku th,
#contents .gyo_hikaku td {font-size: 12px !important;padding: 5px;}

#contents .ecoproject.detail .main_img{margin:2%;padding:5% 5% 0}
#contents .ecoproject.ecoproject01 .main_img{margin:2%;padding:0}

#contents .ecoproject.detail .eco_point{margin: 0 2%;display: flex;flex-wrap: wrap;}
#contents .ecoproject.detail .eco_point li{width: 49%;margin-bottom: 2%;font-size: 18px;}
#contents .ecoproject.detail .main_img img{width: 90%}

.detail .main_copy.flex dl,
.detail .main_copy.flex p{width: 100%;}
.detail .main_copy.flex p{margin-bottom: 10px;}
#contents .ecoproject.detail .flow li{width: 100%;display: flex;align-items: center;justify-content: flex-start;margin-bottom: 25px;align-items: stretch;}
#contents .ecoproject.detail .flow li img{width: 35%;}
#contents .ecoproject.detail .flow li div{    background-color: rgba(0,145,58,0.1);padding: 2%;display: flex;justify-content: center;flex-direction: column;text-align: left}
#contents .ecoproject.detail .flow li h4{text-align: left;padding-top: 0;font-size: 16px;}
#contents .ecoproject.detail .flow li::before{-webkit-transform: rotate(135deg);transform: rotate(135deg);top:auto;bottom:-15px;right: 50%;margin-right: -7px;}

#contents .ecoproject.detail .eco_merit img{width: 90%;}

#contents .ecoproject.detail .merit.flex dl{width: 100%;padding-top:15px;}
#contents .ecoproject.detail .merit.flex dl dt{margin-bottom: 8px;font-size: 18px}

#contents .ecoproject.detail .blanket li{width: 100%}
#contents .ecoproject.detail .blanket li::before{-webkit-transform: rotate(135deg);transform: rotate(135deg);top:auto;bottom:-15px;right: 50%;margin-right: -7px;}

#contents .ecoproject.detail .lineup .harf{margin-top: 30px;}
#contents .ecoproject.detail .eco_merit02,
#contents .ecoproject.detail .lineup .harf .copy,
#contents .ecoproject.detail .gijutu .copy{width: 100%;font-size: 14px;line-height: 140%;}

#contents .ecoproject.detail .lineup .harf{width: 100%;}

#contents .ecoproject.detail .lineup .harf .tl_box,
#contents .ecoproject.detail .lineup .harf .copy{padding-bottom:10px;}

#contents .ecoproject.detail .lineup .harf table th{width: 20%;}

#contents .ecoproject.detail .merit.flex p.catch{font-size: 20px;padding: 10px 0 20px;margin:0}
#contents .ecoproject.detail .main_img img{width:100%}

#contents .ecoproject.detail .main_img{margin-bottom: 10px !important}


#contents .ecoproject.detail .flow2 li{width: 100%;display: flex;align-items: center;justify-content: flex-start;margin-bottom: 25px;align-items: stretch;}
#contents .ecoproject.detail .flow2 li img{width: 35%;}
#contents .ecoproject.detail .flow2 li div{background-color: rgba(0,145,58,0.1);padding: 2%;display: flex;justify-content: center;flex-direction: column;text-align: left;width: 65%;}
#contents .ecoproject.detail .flow2 li h4{text-align: left;padding-top: 0;font-size: 16px;}
#contents .ecoproject.detail .flow2 li::before{-webkit-transform: rotate(135deg);transform: rotate(135deg);top:auto;bottom:-15px;right: 50%;margin-right: -7px;}

#contents .ecoproject.detail .eco_announce{margin-bottom: 15px;}

#contents .ecoproject.detail .eco_point{margin:0 2%}
#contents .ecoproject.detail .eco_merit02+.eco_point li{padding:5% 0}
#contents .ecoproject.detail .eco_merit02{    margin: 10px auto;}

#contents .ecoproject.detail .eco_recycle,
#contents .ecoproject.detail .eco_felt{display: flex;align-items: flex-start;margin-bottom: 15px;}
#contents .ecoproject.detail .eco_felt li{width: 48%}

#contents .ecoproject.detail .eco_recycle li{width:31%;margin:20px 3.5% 0 0}
#contents .ecoproject.detail .eco_recycle li:nth-child(3n){margin-right: 0}

#contents .ecoproject.detail .eco_recycle+p{margin-bottom: 30px}


#contents .ecoproject.detail .eco_size table{-ms-writing-mode : tb-lr;writing-mode : vertical-lr;}
#contents .ecoproject.detail .eco_size table th,
#contents .ecoproject.detail .eco_size table td{-ms-writing-mode : lr-tb;writing-mode : horizontal-tb;padding:10px;height: auto;background-color: #fff;}

#contents .ecoproject.detail .eco_size table th{width: 40%;background: #eee;color:#444}

.mokuhyo h5{font-size: 16px;margin-top: 20px;}
.mokuhyo dl{padding: 12px !important}
.mokuhyo dl dt{width: 4em;font-size: 14px;line-height: 140%}
.mokuhyo dl dd{margin:0 !important;line-height: 140%}

#contents .ecoproject02.detail .main_img{padding:2% 2% 0 !important}

.detail .main_copy.flex{display: block;}

.bousou_box {display: block;margin:2%;padding:20px 10px;}
.bousou_box div p{padding-top:10px }
.bousou_box div img{width:100%;margin-bottom:10px }

.main_ser{padding:15px 15px 0;}
.main_sercopy{font-size: 14px;}
.ser_wrap .ser_box h4{padding-top:20px;}
.detail .main_copy.flex.bale p{width: 100%;}


#youtube_mov {
     margin:20px;
}


#contents .ecoproject03.detail .box{padding:30px 15px}
#contents .ecoproject03.detail .box01{padding:10px 0 30px}
#contents .ecoproject03.detail .main_img{padding:15px 15px 5px}
#contents .ecoproject03.detail .main_img img{width:100%;}
#contents .ecoproject03.detail .box01 h3{font-size: 16px}
#contents .ecoproject03.detail .box01 .flex{flex-wrap: wrap;display: flex;}
#contents .ecoproject03.detail .box01 li{width:49%;font-size: 16px;margin-bottom: 2%}
#contents .ecoproject03.detail .box02 .blanket li{margin:20px 0}
#contents .ecoproject03.detail .box02 .blanket li:first-child{margin:0 0 20px}
#contents .ecoproject03.detail .box02 .blanket li:last-child{margin:20px 0 0}
#contents .ecoproject03.detail .box03 .note{padding-top: 10px}
#contents .ecoproject.detail .flow li img,
#contents .ecoproject03.detail .box03 .flow li{width: 100%;}
#contents .ecoproject03.detail .box03 .img img{margin: 0}

#contents .ecoproject03.detail .box03 .fin{padding-top: 0}
#contents .ecoproject03.detail .scroll{overflow-x: scroll;}
#contents .ecoproject03.detail .scroll .img{width: 600px}
#contents .ecoproject03.detail .scroll_note{text-align: center;font-size: 80%;padding: 10px 0 0}
#contents .ecoproject03.detail .box03 .scroll_note{padding: 10px 0 0;margin-bottom: 30px}

#service .detail .box{padding: 20px 15px 20px}
#contents .ecoproject03_02.detail .sub_tl2{padding:8px;}
#contents .ecoproject03_02.detail .box02 .scroll{margin-top: 15px}
#contents .ecoproject03_02.detail .box10 .flow li,
#contents .ecoproject03_02.detail .box05 .flow li,
#contents .ecoproject03_02.detail .box03 .blanket li,
#contents .ecoproject03_02.detail .box02 .flow li{width: 100%}
#contents .ecoproject03_02.detail .box .flow li:last-child{margin-bottom: 0}
#contents .ecoproject.detail .scroll{overflow-x: scroll;}
#contents .ecoproject.detail .scroll .img{width: 600px}
#contents .ecoproject.detail .scroll_note{text-align: center;font-size: 80%;padding: 10px 0 0}
#contents .ecoproject03_02.detail .box02 .center span{line-height: 140%;font-size: 16px;}
#contents .ecoproject03_02.detail .box02 .copy2,
#contents .ecoproject03_02.detail .box02 p.copy{padding-bottom: 15px}
#contents .ecoproject03_02.detail .box02 .img img{margin:0}
#contents .ecoproject03_02.detail .box02 .center{padding-bottom: 15px;}
#contents .ecoproject03_02.detail .box06 .flex{flex-wrap: wrap;display: flex;margin-top: 10px}
#contents .ecoproject03_02.detail .box06 li{width:49%;font-size: 16px;margin-bottom: 2%;margin-top: 0}
#contents .ecoproject03_02.detail .box06 .fin3 img{margin-top: 10px;}
#contents .ecoproject03_02.detail .box07 p.img img{margin-top: 15px}
#contents .ecoproject03_02.detail .box #youtube_mov{margin-top: 15px;}
#contents .ecoproject03_02.detail .box09 .kakou{padding:15px;margin-top: 10px}
#contents .ecoproject03_02.detail .box09 .kakou h4{margin-bottom: 0}
#contents .ecoproject.detail .eco_recycle li{margin-top: 15px;}
#contents .ecoproject03_02.detail .box05 .fin2{font-size: 16px;}
#contents .ecoproject03_02.detail .box06 .fin3 img{margin-top: 0}

#contents .ecoproject01.detail .eco_point{margin-top: 2%}

#contents .ecoproject01.detail .box1 .text,
#contents .ecoproject01.detail .box1 h4{line-height: 160%;font-size: 18px;}

#contents .ecoproject01.detail dl{padding: 20px}
#contents .ecoproject01.detail .sub_tl2{padding:8px}
#contents .ecoproject03_02.detail .flow2 li {justify-content: center;}
#contents .ecoproject03_02.detail .flow2 li img{width: 80%}

#contents .service01.lineup .box ul li{width:100%;background: rgba(255, 126, 47,0.2);margin-bottom: 2%;margin-right: 0%}
#contents .service01.lineup .box ul li:nth-child(3){margin-right: 0}
#contents .service01.lineup .box ul li:nth-child(2){margin-right: 0}
#contents .service01.lineup .box ul li.pc{display: none;}
#contents .service01.lineup .box ul li.sp{margin-top: -1.5%;padding:0}
#contents .service01.lineup .box{padding:  20px}

.service01 .main_copy.flex dt img{width: 100%;}
.service01 .main_copy.flex dt.pc{display: none;}
.service01 .main_copy.flex dt.sp{padding-top: 15px !important;}

#contents .service07 .ecopro_area .catch,
#contents .service07 .ecopro_area h3{font-size: 18px;}
#contents .service07 .ecopro_area .mincopy,
#contents .service07 .ecopro_area .table dt, #contents .service07 .ecopro_area .table dd,
#contents .service07 .ecopro_area p{font-size: 14px;}
#contents .service07 .ecopro_area h4{font-size: 16px;}
#contents .service07 .ecopro_area img{width: 100%;}

.service07 .sub_tl img{width: 100%;padding:0 !important}
.service07 .sub_tl .pc{display: none !important;}
.ecoproject .co2_column .w5{width:100%}
.ecoproject .co2_column{padding:15px}
.ecoproject .co2_column h3{line-height: 100%;font-size: 18px;}
.ecoproject .co2_column h4{margin:15px 0 10px !important}
.ecoproject .co2_column .btn a{width: 100% !important;}
.ecoproject .co2_area .w5{width: 100%;}

.mat .detail .features .flex {display: block;}
.mat .detail .features .sub_tl2{padding: 8px ;margin-bottom: 15px;}
.mat .detail .features .flex p img{margin: 0 0 10px;width: 100%;padding: 0}
.mat .detail .features .flex p.eco_img{width: 100%;}
.mat .detail .features .flex li{padding:3px 0;}
.mat .detail .features .flex ul{margin:-3px 0;}
.mat .detail .features .flex span.note{margin-top: 10px}
.mat .detail .main_copy img{width: 100%;}
.mat .detail .features h3{margin:0 0 10px}

div.detail ul.spec_btn li{text-align: center;width: 330px;}
div.detail ul.spec_btn li a{width: 250px;padding: 15px 16px;}
div#spec a.spec_dl{padding: 5px;}

.recruit2 .box h2,
.alevel h2{font-size: 16px;margin: 0 0 8px;}
.alevel li{height: 40vw}

#recruit .box{padding: 15px;}
#recruit.second .shadow{margin-bottom: 20px;}
.recruit2{display: block;}
.recruit2 .box{width: 100%;}
.recruit2 .box p{font-size: 14px;}

.type ul li{width: 100%;margin: 0 10px 15px !important;}
.type ul li span.mark{top:-10px;left:-15px;}

.type ul li a{font-size: 16px;padding:15px 0;}
.type ul li span.copy{font-size: 13px;}