@charset "UTF-8";
/*
Theme Name:izumo
Version:1.7.4
*/
/* ========================================================================== Foundation ========================================================================== */
/*=====common========================================================*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700&display=swap');
html{
 font-family: 'Noto Sans JP', "ヒラギノ角ゴシック", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
 font-size: 62.5%;
}
body{
 width: 100%;
 font-size: 1.4rem;
 background: #fff;
}
#wrapper{
 background: #fff;
}
#content{
 width: 100%;
 padding-right: 0;
 margin: auto;
}
#container{
 padding: 0 0 5%;
}
.entry-content.low{
 max-width: 1140px;
 margin: auto; 
}
.sp{display: none !important;}
@media screen and (max-width: 768px) {
 .entry-content.low{
  max-width: 90vw;
 }
.sp{display: block!important;}
.pc{display: none !important;}
}
/*=====//common======================================================*/
/*=====#header=======================================================*/
#header{
 color: #000;
 padding: 0;
 background: #fff;
}
#header .cont_inner{
 position: relative;
 display: flex;
 justify-content: space-between;
 width: 1280px;
 padding: 30px 15px 22px 40px;
 margin: auto;
}
#header h1{
 width: 300px;
 font-size: 1.6rem;
 margin-bottom: 0;
}
#header h1 a, #header #branding a {
 display: block;
}
#header h1 a img, #header #branding a img{
 width: 100%;
 height: auto;
}
#header .description{
 position: absolute;
 bottom: 3px;
 left:550px;
 display: inline-block;
 color: #006666;
 font-weight: bold;
}
#header nav a{
 color: #000;
 font-size: 1.6rem;
 line-height: normal;
 padding-bottom: 0;
 margin-top: 0;
}
#header nav a:hover{
 border-bottom: #005d7f 2px solid;
}
#header nav ul li.current-menu-item a{
 padding-bottom: 3px;
 border-bottom: #005d7f 2px solid; 
}
#header #menu li.menu-item-has-children > a:after{
 content: none;
}
#header #menu ul.sub-menu{
 top: -11px;
}
#header #menu ul.sub-menu a{
 width: 300px;
}
@media screen and (max-width: 768px) {
 #header h1, #header #branding{
  width: 60vw;
 }
 #header .description{
  display: none;
 }
 #header .cont_inner{
  position: relative;
  display: block;
  width: 100%;
  padding: 5vw 3vw 3vw;
 }
 #header #menu .menu-toggle{
  position: absolute;
  top:0;
  right:5vw;
 }
 #header .menu-header_menu-container{
  position: absolute;
  top:17.5vw;
  left:0;
  width: 100%;
  background: rgba(0,93,127,0.9);
  z-index: 999;
 }
 #header #menu.toggled ul.menu{
  width: 80vw;
  padding-bottom: 5vw;
  margin: auto;
 }
 #header #menu.toggled ul.menu > li > a{
  color: #fff;
  padding: 3vw 0;
  border-bottom: #fff 1px solid;
 }
 #header #menu.toggled ul.menu > li.menu-item-has-children > a{
  border-bottom: none;
 }
 #header #menu ul.sub-menu{
  position: static;
  width: 70vw;
  padding: 2vw 0 4vw;
  margin: auto;
  background: rgba(1,123,168,0.90);
 }
  #header #menu ul.sub-menu li a{
  width: 95%;
  padding-bottom: 3vw;
  border-bottom: #fff 1px dotted;
 }
  #header #menu ul.sub-menu li:last-child a{
   padding-bottom: 0;
   border-bottom: none;
 }
}
/*=====//#header=====================================================*/
/*=====#footer=======================================================*/
#footer{
 padding: 0;
 background: #fff;
}
#footer .footer_area{
 text-align: center;
 margin-bottom: 30px;
}
#footer .footer_area h2{
 display: inline-block;
 color: #005d7f;
 font-size: 2.8rem;
 border-bottom: #005d7f 2px solid;
}
#footer .footer_area p{
 margin: 10px 0 !important;
}
#footer #copyright{
 text-align: center;
 padding: 15px 0;
 background: #f5f5ef;
 border-top:#ccc 1px solid;
}
/*=====//#footer=====================================================*/
/*=====トップページ==================================================*/
.home #container .pc.slider_cont{
 width: 1280px;
 margin: 0 auto;
}
.home #container .entry-content{
 text-align: center;
 margin: auto;
}
.home #container h2{
 display: inline-block;
 color: #005d7f;
 font-size: 2.8rem;
 border-bottom: #005d7f 2px solid;
}
.home #container .info_area{ 
 max-width: 1140px;
 text-align: left;
 padding: 0 !important;
 margin:0 auto 50px;
}
.home #container ul li a{
 line-height: 1.5;
}
.home #container .info_area ul{
 margin: 0 !important;
 border-top: 1px #ccc solid;
}
.home #container .info_area ul li{
 list-style: none;
 padding:0 10px 20px 20px;
 border-bottom: 1px #ccc solid;
}
.home #container .info_area ul li .wp-block-columns{
 padding-left: 0;
 margin-bottom: 0; 
}
.home #container .info_area ul li h3{
 margin: 0; 
}
.home #container .maintenance_info_area{
 max-width: 1140px;
 text-align: left;
 margin: auto;
}
.home #container .maintenance_info_area ul{
 margin: 0 !important;
 border-top: 1px #ccc solid;
}
.home #container .maintenance_info_area ul li{
 display: flex;
 flex-wrap: nowrap;
 list-style: none;
 padding:0 10px 20px 20px;
 border-bottom: 1px #ccc solid;
}
.home #container .maintenance_info_area ul li time{
 font-size: 1.8rem; 
 flex-basis:13%;
}
.home #container .maintenance_info_area ul li h3{
 font-size: 1.8rem;
 flex-basis:87%;
 margin: 0; 
}
.home #container .maintenance_info_area ul li a[href$="pdf"]{
 position: relative;
 display: block;
 padding-left: 32px;
}
.home #container .maintenance_info_area ul li a[href$="pdf"]::before{
 position: absolute;
 top:0;
 bottom: 0;
 left:-6px;
 display: inline-block;
 content: "";
 width: 32px;
 height: 32px;
 margin: auto 0;
 background: url('https://ecoservice-izumo.co.jp/izumo/wp-content/uploads/2022/03/pdf_32x32.png') left center no-repeat;
}
.home #container .mochikomi_cont{
 width: 1140px;
 margin:0 auto;
}
.home .st01{
 color: #009933;
 border-bottom: #009933 2px solid;
}
.home .st02{
 color: #ff9933;
 border-bottom: #ff9933 2px solid;
}
.home .st03{
 color: #cc0033;
 border-bottom: #cc0033 2px solid;
}
@media screen and (max-width: 768px) {
 .home #container .info_area{
   max-width: 90vw;
 }
 .home #container .maintenance_info_area{
  max-width: 90vw;
 }
 .home #container .maintenance_info_area ul li{
  display: block;
  padding:0 10px 20px 20px;
 }
.home #container .maintenance_info_area ul li a[href$="pdf"]{
  padding-left: 8vw;
 } 
 .home #container .mochikomi_cont{
  width: 90vw;
 }
}
/*=====//トップページ================================================*/
/*=======固定ページ（共通）==========================================*/
.low_content header.header{
 display: flex;
 align-items: center;
 justify-content: center;
 height: 200px;
}
.low_content header.header h1{
 color: #fff;
 font-size: 3.6rem;
 text-align: center;
 margin-bottom: 0;
}
.low_content .entry-content.low {
 text-align: center;
}
.low_content .entry-content.low h2{
 display: inline-block;
 color: #005d7f;
 font-size: 2.8rem;
 border-bottom: #005d7f 2px solid; 
}
.low_content .entry-content.low p{
 line-height: 1.8 !important;
 text-align: left;
}
.low_content .entry-content.low iframe{
 display: block;
 margin: auto;
}
.low_content .entry-content.low a:not([href*="ecoservice-izumo.co.jp"])::after{
 display: inline-block;
 content: "";
 width: 18px;
 height: 18px;
 margin-bottom: -4px;
 background: url('https://ecoservice-izumo.co.jp/izumo/wp-content/uploads/2022/03/gaibu.png') left center no-repeat;
}
@media screen and (max-width: 768px) {
 .low_content header.header{
  height: 26vw;
 }
}
/*=====//固定ページ（共通）==========================================*/
/*=======固定ページ（お知らせ）======================================*/
.info{
 text-align: center;
}
.info .info_header{
 display: flex;
 align-items: center;
 justify-content: center;
 height: 200px;
 background: url(https://ecoservice-izumo.co.jp/izumo/wp-content/uploads/2022/03/sub_main_corp_1280x200.jpg) center center no-repeat;
 background-size: cover;
}
.info .info_header h1 {
 color: #fff;
 font-size: 3.6rem;
 text-align: center;
 margin-bottom: 0;
}
.info article{
 width: 1140px;
 text-align: left;
 padding: 40px 0 10px;
 margin: auto;
 border-bottom: #ccc 1px solid;
}
.info article header{
 border-bottom: #005d7f 2px solid;
}
.info article h2{
 color: #005d7f;
 font-size: 2.8rem;
 margin-bottom: 0;
}
.info article .entry-meta{
 margin: 0;
}
.info article .entry-content{
 padding: 0 20px;
}
.info article .entry-footer{
 text-align: right;
 margin: 30px 0 0;
}
/*=======//固定ページ（会社概要）====================================*/
/*=======固定ページ（会社概要）======================================*/
#company .company_info{
 margin-top: 50px;
}
#company table{
 border-top:#ccc 1px solid;
}
#company table tr td{
 text-align: left;
 padding: 10px;
 border-bottom:#ccc 1px solid;
}
#company table tr td:first-child{
 width: 20%;
 padding: 10px 10px 10px 20px; 
}
@media screen and (max-width: 768px) {
 #company table{
 border-top:none;
 }
 #company table tr td{
  display:block;
  width: 100%;
  padding: 5px 10px 10px 20px; 
 }
 #company table tr td:first-child{
  display:block;
  width: 100%;
  padding: 10px 10px 5px 20px;
  background: #f5f5ef;
  border-top:#ccc 1px solid;
  border-bottom:#ccc 1px solid;
 }
}
/*=======//固定ページ（会社概要）====================================*/
/*=======固定ページ（施設概要）======================================*/
#facility .wp-block-group{
 margin-top: 60px;
}
#facility table{
 margin-top: 50px;
 border-top:#ccc 1px solid;
}
#facility table tr td{
 text-align: left;
 padding: 10px;
 border-bottom:#ccc 1px solid;
}
#facility table tr td:first-child{
 width: 20%;
 padding: 10px 10px 10px 20px; 
}
#facility .table_gas table{
 margin-top: 0;
 border-left:#ccc 1px solid;
 border-right:#ccc 1px solid;
}
#facility .table_gas table tr:first-child td ,#facility .table_gas table tr td:first-child{
 background: #f5f5ef;
}
#facility .table_gas table tr td:nth-child(2){
 border-left:#ccc 1px solid;
 border-right:#ccc 1px solid;
}
#facility .new_machine h3{
 color: #fff;
 font-size: 1.8rem;
 text-align: left;
 padding: 5px 10px 5px;
 margin: 0 0 10px;
}
#facility .new_machine h4{
 position: relative;
 font-size: 2.0rem;
 line-height: 1.0;
 text-align: left;
 padding-left: 25px;
 margin: 0;
}
#facility .new_machine p{
 margin-top: 0;
}
#facility .new_machine h4::before{
 position: absolute;
 top:0;
 bottom: 0;
 left:0;
 content: "";
 color: #fff;
 font-size: 1.4rem;
 width: 16px;
 height: 16px;
 margin: auto 0;
 border-radius: 8px; 
}
#facility .new_machine .group_g h3{
 background: #6bbc6e
}
#facility .new_machine .group_g h4.icon_g_00::before{
 background: #6bbc6e;
}
#facility .new_machine .group_g h4.icon_g_01::before{
 content: "1";
 font-weight: normal;
 line-height: 1.2;
 text-align: center;
 background: #6bbc6e;
}
#facility .new_machine .group_g h4.icon_g_02::before{
 content: "2";
 font-weight: normal;
 line-height: 1.2;
 text-align: center;
 background: #6bbc6e;
}
#facility .new_machine .group_lg h3{
 background: #00a5a8
}
#facility .new_machine .group_lg h4.icon_lg_00::before{
 background: #00a5a8;
}
#facility .new_machine .group_r h3{
 background: #c81432
}
#facility .new_machine .group_r h4.icon_r_00::before{
 background: #c81432;
}
#facility .new_machine .group_r h4.icon_r_03::before{
 content: "3";
 font-weight: normal;
 line-height: 1.2;
 text-align: center;
 background: #c81432;
}
#facility .new_machine .group_p h3{
 background: #a688bd
}
#facility .new_machine .group_p h4.icon_p_04::before{
 content: "4";
 font-weight: normal;
 line-height: 1.2;
 text-align: center;
 background: #a688bd;
}
#facility .new_machine .group_p h4.icon_p_05::before{
 content: "5";
 font-weight: normal;
 line-height: 1.2;
 text-align: center;
 background: #a688bd;
}
#facility .new_machine .group_b h3{
 background: #65aadd
}
#facility .new_machine .group_b h4.icon_b_06::before{
 content: "6";
 font-weight: normal;
 line-height: 1.2;
 text-align: center;
 background: #65aadd;
}
#facility .new_machine .group_o h3{
 background: #de6a08
}
#facility .new_machine .group_o h4.icon_o_07::before{
 content: "7";
 font-weight: normal;
 line-height: 1.2;
 text-align: center;
 background: #de6a08;
}
#facility .new_machine .group_h h3{
 background: #758c9e
}
#facility .new_machine .group_h h4.icon_h_08::before{
 content: "8";
 font-weight: normal;
 line-height: 1.2;
 text-align: center;
 background: #758c9e;
}
#facility .new_machine .group_h h4.icon_h_09::before{
 content: "9";
 font-weight: normal;
 line-height: 1.2;
 text-align: center;
 background: #758c9e;
}
@media screen and (max-width: 768px) {
 #facility table{  
  border-top: none;
 }
 #facility table tr td{
  display:block;
  width: 100%;
  padding: 5px 10px 10px 20px; 
  border-bottom: none;
 }
 #facility table tr td:first-child{
  display:block;
  width: 100%;
  padding: 10px 10px 5px 20px; 
  background: #f5f5ef;
  border-top:#ccc 1px solid;
  border-bottom:#ccc 1px solid;
 }
 #facility .table_gas table{  
  border-bottom:#ccc 1px solid;
 }
 #facility .table_gas table tr:first-child td{
  display: none;
 }
 #facility .table_gas table tr td:nth-child(2){
  border-left:none;
  border-right:none;
 }
 #facility .table_gas table tr td:nth-child(2):before,#facility .table_gas table tr td:nth-child(3):before{
  display: block;
  content:attr(aria-label);
  width:95%;
  padding: 1vw 0;
  border-bottom:#ccc 1px solid;
 }
}
/*=======//固定ページ（施設概要）====================================*/
/*=======固定ページ（ごみの持ち込み）================================*/
#mochikomi .wp-block-table{
 margin:0 0 5px;
}
#mochikomi table{
 width: auto;
 border-top:#ccc 1px solid; 
 border-left:#ccc 1px solid;
 margin: 0;
}
#mochikomi .mt80{
 margin-top: 80px;
}
#mochikomi table tr td{
 white-space: nowrap;
 padding: 10px;
 border-bottom:#ccc 1px solid; 
 border-right:#ccc 1px solid;
}
#mochikomi table tr td:first-child{
 width: 30%;
 background: #f5f5ef;
 padding: 10px 30px 10px 30px; 
}
#mochikomi h3{
 font-size: 2.1rem;
 text-align: left;
 margin: 0 0 5px;
}
#mochikomi h3.mt50{
 margin-top: 50px;
}
#mochikomi p{
 margin: 0;
}
#mochikomi ul{
 text-align: left;
 margin: 0;
}
#mochikomi ul li{
 list-style: none;
}
#mochikomi ul li a[href$="pdf"]{
 position: relative;
 display: block;
 padding-left: 32px;
}
#mochikomi ul li a[href$="pdf"]::before{
 position: absolute;
 top:0;
 bottom: 0;
 left:-6px;
 display: inline-block;
 content: "";
 width: 32px;
 height: 32px;
 margin: auto 0;
 background: url('https://ecoservice-izumo.co.jp/izumo/wp-content/uploads/2022/03/pdf_32x32.png') left center no-repeat;
}
#mochikomi ul li a[href$="xls"]{
 position: relative;
 display: block;
 padding-left: 32px;
}
#mochikomi ul li a[href$="xls"]::before{
 position: absolute;
 top:0;
 bottom: 0;
 left:-6px;
 display: inline-block;
 content: "";
 width: 32px;
 height: 32px;
 margin: auto 0;
 background: url('https://ecoservice-izumo.co.jp/izumo/wp-content/uploads/2022/03/excel_32x32.png') left center no-repeat;
}
#mochikomi .guide_map {
 width: 900px;
 margin:50px auto 0;
}
#mochikomi .guide_map p{
 margin-bottom: 20px;
}
#mochikomi .st01{
 color: #009933;
 border-bottom: #009933 2px solid;
}
#mochikomi .st02{
 color: #ff9933;
 border-bottom: #ff9933 2px solid;
}
#mochikomi .st03{
 color: #cc0033;
 border-bottom: #cc0033 2px solid;
}
@media screen and (max-width: 768px) {
 #mochikomi p.sp_br a{
  display: block;
 }
 #mochikomi ul li a[href$="pdf"],#mochikomi ul li a[href$="xls"] {
  line-height: 1.5;
  padding-left: 8vw;
 }
 #mochikomi .guide_map {
  width: 100%;
 }
 #mochikomi .guide_map img{
  width: 100%;
 }
}

/*=======//固定ページ（ごみの持ち込み）==============================*/
/*=======固定ページ（維持管理）======================================*/
#maintenance .maintenance_info_area{
 max-width: 1140px;
 text-align: left;
 margin: auto;
 
 display: none;
}
#maintenance .has-text-align-center{
 text-align: center !important;
}
#maintenance .maintenance_info_area ul{
 margin: 0 !important;
 border-top: 1px #ccc solid;
 border-bottom: 1px #ccc solid;
}
#maintenance .maintenance_info_area ul li{
 display: flex;
 flex-wrap: nowrap;
 list-style: none;
 padding:0 10px 0 20px;
}
#maintenance .maintenance_info_area ul li time{
 font-size: 1.8rem;
 flex-basis:13%;
}
#maintenance .maintenance_info_area ul li h3{
 font-size: 1.8rem;
 flex-basis:87%;
 margin: 0; 
}
#maintenance .maintenance_info_area ul li a[href$="pdf"]{
 position: relative;
 display: block;
 padding-left: 32px;
}
#maintenance .maintenance_info_area ul li a[href$="pdf"]::before{
 position: absolute;
 top:0;
 bottom: 0;
 left:-6px;
 display: inline-block;
 content: "";
 width: 32px;
 height: 32px;
 margin: auto 0;
 background: url('https://ecoservice-izumo.co.jp/izumo/wp-content/uploads/2022/03/pdf_32x32.png') left center no-repeat;
}
@media screen and (max-width: 768px) {
 #maintenance .maintenance_info_area ul li {
  display: block;
  padding: 0 10px 0 20px;
 }
 #maintenance .maintenance_info_area ul li time{
  display: block;
  margin-bottom: 2vw;
 }
 #maintenance .maintenance_info_area ul li a[href$="pdf"] {
  line-height: 1.5;
  padding-left: 8vw;
 }
}
/*=======//固定ページ（維持管理）====================================*/
/*=======固定ページ（見学について）==================================*/
#tour .mt80{
 margin-top: 80px;
}
#tour ul.list_disc{
 margin: 0 0 0 25px;
}
#tour ul.list_disc li{
 list-style: disc;
 text-align: left;
 margin: 5px 0;
}
#tour .wp-block-table{
 margin:0 0 5px;
 text-align: left;
}
#tour table{
 width: auto;
 border-top:#ccc 1px solid; 
 border-left:#ccc 1px solid;
 margin: 0;
}
#tour table tr td{
 white-space: nowrap;
 padding: 10px;
 border-bottom:#ccc 1px solid; 
 border-right:#ccc 1px solid;
}
#tour table tr td:first-child{
 width: 30%;
 background: #f5f5ef;
 padding: 10px 30px 10px 30px; 
}
#tour ul.tour_status{
 text-align: left;
 margin: 0 !important;
 border-top: 1px #ccc solid;
}
 #tour ul.tour_status li{
 display: flex;
 flex-wrap: nowrap;
 list-style: none;
 padding:0 10px 20px 20px;
 border-bottom: 1px #ccc solid;
}
 #tour ul.tour_status li:first-child{
  margin-bottom: 10px;
}
#tour ul.tour_status time{
 font-size: 1.8rem;
 flex-basis:13%;
}
#tour ul.tour_status h3{
 font-size: 1.8rem;
 flex-basis:87%;
 margin: 0; 
}
#tour ul.tour_status a[href$="pdf"]{
 position: relative;
 display: block;
 padding-left: 32px;
}
#tour ul.tour_status a[href$="pdf"]::before{
 position: absolute;
 top:0;
 bottom: 0;
 left:-6px;
 display: inline-block;
 content: "";
 width: 32px;
 height: 32px;
 margin: auto 0;
 background: url('https://ecoservice-izumo.co.jp/izumo/wp-content/uploads/2022/03/pdf_32x32.png') left center no-repeat;
}
#tour .virtual_movie figcaption{
 text-align: left;
}
#tour .virtual_movie .wp-block-embed__wrapper:before{
 padding-top: 0;
}
@media screen and (max-width: 768px) {
 #tour ul.tour_status li{
  display: block;
  padding: 0 10px 0 20px;
 }
 #tour ul.tour_status li time{
  display: block;
  margin-bottom: 2vw;
 }
 #tour ul.tour_status li a[href$="pdf"] {
  line-height: 1.5;
  padding-left: 8vw;
 }
}
/*=======//固定ページ（見学について）================================*/
/*=======固定ページ（お問い合わせ）==================================*/
#inquiry table{
 border-top:#ccc 1px solid;
}
#inquiry table tr td{
 text-align: left;
 padding: 10px;
 border-right:#ccc 1px solid;
 border-bottom:#ccc 1px solid;
}
#inquiry table tr td:first-child{
 width: 30%;
 padding: 10px 10px 10px 20px; 
 border-left:#ccc 1px solid;
}
#inquiry table tr:first-child td{
 background: #f5f5ef;
}
@media screen and (max-width: 768px) {
 #inquiry table {
  border-top: none;
 }
 #inquiry table tr td {
  display: block;
  width: 100%;
  padding: 5px 10px 10px 20px;
  border-bottom: none;
 }
 #inquiry table tr td:first-child {
  display: block;
  width: 100%;
  font-weight: bold;
  padding: 10px 10px 5px 20px;
  background: #f5f5ef;
  border-top: #ccc 1px solid;
  border-bottom: #ccc 1px solid;
 }
 #inquiry table tr:first-child td {
  display: none;
 }
}
/*=======//固定ページ（お問い合わせ）================================*/