@charset "UTF-8";

/* ----------------------------------------------
 common
------------------------------------------------- */

@media print {
  header.header {
    display: none !important;
  }
  #wrapper {
    padding-top: 0 !important;
  }
}

/* -----------------
 HTML5 Reset
-------------------- */

article, aside, dialog, figure, footer, header,hgroup, menu, nav, section{
  display: block;
  text-align:justify;
}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,l,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{
  margin:0;
  padding:0
}
.preload * {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
}

/* -----------------
 font
-------------------- */

*{
  font-family: 'Noto Sans JP', sans-serif;
  font-optical-sizing: auto;
}
.ming{
   font-family: "Noto Serif JP", serif;
}

/* -----------------
 img
-------------------- */

img{
  border-radius: 10px;
  border-style: none;
  border-width: 0;
  vertical-align: bottom;
}
picture img,
figure img{
  height: auto;
  width: 100%;
}

/* -----------------
 link
-------------------- */

a{
  color: #009944;
  outline: none;
  text-decoration: underline;
  transition: .3s;
}
a:hover{
  color: #009944;
  outline: none;
  text-decoration: none;
}
a[href^="tel:"] {
  color: #000;
  pointer-events: none;
  text-decoration: none;
}
@media screen and (max-width: 767px) { 
  a[href^="tel:"] {
    color: #009944;
    pointer-events: auto;
    text-decoration: underline;
  }
}

/* -----------------
 block
-------------------- */

.block-common-base{
  padding: 120px 0;
}
.block-common-base.no-bg{
  padding-bottom: 0;
}
.block-common-base.bg-green{
  background: #e6f5ec;
}
.block-common-base.bg-be{
  background: #f6f2eb;
}
.block-common-base.bg-gray{
  background: #f5f5f5;
}
.block-common-base.bg-ye{
  background: #fcfce2;
}
.block-common-base.bg-grad{
  background: linear-gradient(to bottom, #ffffff 0%,#fbf7e2 30%,#ecf9e8 100%);
}
@media screen and (max-width: 767px) { 
  .block-common-base{
    padding-bottom: 80px;
    padding-top: 80px;
  }
}

/* -----------------
 headline
-------------------- */

h2.h2-icon{
  font-size: 4.6rem;
  letter-spacing: 5%;
  line-height: 1.4em;
  margin-bottom: 70px;
  padding-left: 50px;
  position: relative;
}
h2.h2-icon:before{
  background: url(/wp/wp-content/themes/recycle-eco/common/img/common/icon-head.svg) no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 29px;
  width: 36px;
  position :absolute;
  left: 0;
  top: 20px;
}
h2.h2-icon span{
  font-size: 3.0rem;
  letter-spacing: 5%;
  margin-left: 5px;
}
h2.h2-icon.top{
  font-size: 5.4rem;
}
h2.h2-icon.top:before{
  top: 30px;
}
h2.h2-icon .sub-catch{
  color: #009944;
  font-size: 2.6rem;
  letter-spacing: 0;
  margin-left: 1.5em;
}
h3.h3-icon{
  font-size: 3.0rem;
  line-height: 1.4em;
  margin-bottom: 30px;
  padding-left: 35px;
  position: relative;
}
h3.h3-icon:before{
  content: "";
  display: inline-block;
  height: 25px;
  width: 25px;
  position: absolute;
  left: 0;
  top: 10px;
}
h3.h3-icon.gr:before{
  background: url(/wp/wp-content/themes/recycle-eco/common/img/common/icon-circle-gr.svg) no-repeat;
  background-size: cover;
}
h3.h3-icon.be:before{
  background: url(/wp/wp-content/themes/recycle-eco/common/img/common/icon-circle-be.svg) no-repeat;
  background-size: cover;
}
@media screen and (max-width: 767px) { 
  h2.h2-icon{
    font-size: 2.8rem;
    letter-spacing: 0;
    margin-bottom: 40px;
    padding-left: 30px;
  }
  h2.h2-icon:before{
    height: 16px;
    width: 20px;
    top: 12px;
  }
  h2.h2-icon span{
    font-size: 1.8rem;
    line-height: 1.2em;
    margin-left: 0;
    margin-top: 0;
  }
  h2.h2-icon.top{
    font-size: 3.4rem;
    padding-left: 35px;
  }
  h2.h2-icon.top:before{
    height: 21px;
    width: 26px;
    top: 18px;
  }
  h2.h2-icon .sub-catch{
    display: block;
    font-size: 1.7rem;
    letter-spacing: 0;
    margin-left: 0;
  }
  h3.h3-icon{
    font-size: 2.2rem;
    margin-bottom: 20px;
    padding-left: 28px;
  }
  h3.h3-icon:before{
    height: 20px;
    width: 20px;
    top: 8px;
  }
}

/* -----------------
 btn
-------------------- */

/* ボタン種類 */

a.btn-base{
  background: #fff;
  border: 1px solid transparent;
  border-radius: 10px;
  box-shadow: 0 4px 20px 0 rgba(0,0,0,0.15);
  box-sizing: border-box;
  color: #000;
  font-size: 1.7rem;
  height: 100px;
  line-height: 1.2em;
  padding: 0 50px 0 30px;
  position: relative;
  text-align: left;
  text-decoration: none;
  width: 400px;
  display: flex;
  align-items: center;
  justify-content: center;
}
a.btn-base.line-gr{
  border: 1px solid #009944;
  color: #009944;
}
a.btn-base.line-br{
  border: 1px solid #a98546;
  color: #a98546;
}
a.btn-base.cta{
  background: #ff9000;
  border: 1px solid #ff9000;
  color: #fff;
  font-weight: 500;
}
a.btn-base.dl{
  border: 1px solid #ff9000;
  color: #000;
  font-weight: 500;
}
a.btn-base:hover{
  background: #009944;
  border: 1px solid #009944;
  color: #fff;
}
a.btn-base.line-br:hover{
  background: #a98546;
  border: 1px solid #a98546;
}
a.btn-base.cta:hover{
  background: #f58200;
  border: 1px solid #f58200;
  color: #fff;
}
a.btn-base.dl:hover{
  background: #fff;
  border: 1px solid #ff9000;
  box-shadow: 0 4px 20px 0 rgba(0,0,0,0.3);
  color: #000;
}
a.btn-base:after{
  content: "";
  display: inline-block;
  height: 30px;
  width: 30px;
  position :absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  transition: .3s;
}
a.btn-base:after{
  background: url(/wp/wp-content/themes/recycle-eco/common/img/common/icon-btn-arrow-gr.svg) no-repeat;
  background-size: contain;
}
a.btn-base.line-br:after{
  background: url(/wp/wp-content/themes/recycle-eco/common/img/common/icon-btn-arrow-br.svg) no-repeat;
  background-size: contain;
}
a.btn-base.cta:after{
  background: url(/wp/wp-content/themes/recycle-eco/common/img/common/icon-btn-arrow-wh-or.svg) no-repeat;
  background-size: contain;
}
a.btn-base.dl:after{
  background: url(/wp/wp-content/themes/recycle-eco/common/img/common/icon-btn-arrow-or.svg) no-repeat;
  background-size: contain;
}
a.btn-base:hover:after{
  right: 15px;
}
a.btn-base:hover:after{
  background: url(/wp/wp-content/themes/recycle-eco/common/img/common/icon-btn-arrow-wh-gr.svg) no-repeat;
  background-size: contain;
}
a.btn-base.line-br:hover:after{
  background: url(/wp/wp-content/themes/recycle-eco/common/img/common/icon-btn-arrow-wh-br.svg) no-repeat;
  background-size: contain;
}
a.btn-base.cta:hover:after{
  background: url(/wp/wp-content/themes/recycle-eco/common/img/common/icon-btn-arrow-wh-or.svg) no-repeat;
  background-size: contain;
}
a.btn-base.dl:hover:after{
  background: url(/wp/wp-content/themes/recycle-eco/common/img/common/icon-btn-arrow-or.svg) no-repeat;
  background-size: contain;
}
a.btn-base.round{
  border-radius: 50px;
  height: 60px;
  width: 260px;
}
a.btn-base.round.br:hover{
  background: #a98546;
  border: 1px solid #a98546;
  color: #fff;
}
a.btn-base.round.br:after{
  background: url(/wp/wp-content/themes/recycle-eco/common/img/common/icon-btn-arrow-br.svg) no-repeat;
  background-size: contain;
}
a.btn-base.round.br:hover:after{
  background: url(/wp/wp-content/themes/recycle-eco/common/img/common/icon-btn-arrow-wh-br.svg) no-repeat;
  background-size: contain;
}
a.btn-base.round:after{
  right: 10px;
}
a.btn-base.round:hover:after{
  right: 5px;
}
a.btn-base.small{
  height: 70px;
  padding: 0 50px 0 30px;
  width: auto;
}
a.btn-base.small:after{
  height: 24px;
  width: 24px;
}
@media screen and (max-width: 767px) { 
  a.btn-base{
    font-size: 1.7rem;
    height: 80px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 30px;
    width: 90%;
  }
  a.btn-base:after{
    height: 20px;
    width: 20px;
    right: 10px;
  }
  a.btn-base:hover:after{
    right: 5px;
  }
  a.btn-base.small{
    height: 60px;
    width: 90%;
  }
  a.btn-base.small:after{
    height: 20px;
    width: 20px;
  }
}

/* -----------------
 table
-------------------- */

/* type-01 */

.table-type-01{
  border-collapse: collapse;
  border-top: solid 1px #d9d9d9;
  box-sizing: border-box;
  font-size: 1.8rem;
  line-height: 1.8em;
  margin: 0;
  padding: 0;
  text-align: left;
  width: 100%;
}
.table-type-01 tr:nth-of-type(1) th{
  border-top: solid 2px #009944;
}
.table-type-01 th{
  border-bottom: solid 2px #009944;
  color: #009944;
  margin: 0;
  padding: 30px 0;
  vertical-align: top;
  width: 10em;
}
.table-type-01 td{
  border-bottom: solid 1px #d9d9d9;
  margin: 0;
  padding: 30px 0 30px 1em;
}
.table-type-01 td ul{
  box-sizing: border-box;
  margin: 0;
  padding: 0 0 0 1em;
}
.table-type-01 td ul li{
  line-height: 1.6em;
  margin: 0 0 10px 0;
  padding: 0;
}
.table-type-01 td ul li:last-child{
  margin-bottom: 0;
}
.table-type-01 td ul.flex{
  list-style: none;
  padding-left: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 10px 2em;
}
.table-type-01 td ul.flex li{
  margin-bottom: 0;
  position: relative;
}
.table-type-01 td ul.flex li:after{
  color: #ccc;
  content: "／";
  display: inline-block;
  position :absolute;
  right: -1.5em;
  transition: .3s;
}
.table-type-01 td ul.flex li:nth-last-of-type(1):after,
.table-type-01 td ul.flex li.no-line:after{
  content: "";
}
.table-type-01 td p.title{
  font-weight: 500;
  margin-bottom: 5px;
}
.table-type-01 td ul+p{
  margin-top: 25px;
}
.table-type-01 td .location{
  margin-bottom: 20px;
}
.table-type-01 td .location p{
  font-size: 1.8rem;
  font-weight: 500;
}
.table-type-01 td .location:nth-last-of-type(1){
  margin-bottom: 0;
}
.table-type-01 td .location .post{
  margin-right: 1em;
}
.table-type-01 td .location .maplink{
  margin-left: 2em;
}
.table-type-01 td .location .maplink a{
  padding-left: 1em;
  position: relative;
}
.table-type-01 td .location .maplink a:before{
  content: "\f3c5";
  display: inline-block;
  font-family: "Font Awesome 7 Free";
  font-size: 1.8rem;
  font-weight: bold;
  position :absolute;
  transform: translateY(-50%);
  left: 0;
  top: 50%;
}
.table-type-01 td .location div{
  display: flex;
  column-gap: 1em;
}
@media screen and (max-width: 767px) { 
  .table-type-01{
    border-top: none;
    font-size: 1.7rem;
    line-height: 1.8em;
  }
  .table-type-01 tr:nth-of-type(1) th{
    border-top: none;
  }
  .table-type-01 th{
    background: #e6f5ec;
    border-bottom: none;
    border-top: none;
    box-sizing: border-box;
    color: #000;
    display: block;
    padding: 12px 1em 12px 2.5em;
    position: relative;
    width: 100%;
  }
  .table-type-01 th:before{
    background: url(/wp/wp-content/themes/recycle-eco/common/img/common/icon-circle-gr.svg) no-repeat;
    background-size: cover;
    content: "";
    display: inline-block;
    height: 16px;
    width: 16px;
    position :absolute;
    left: 1em;
    top: 20px;
  }
  .table-type-01 td{
    border-bottom: none;
    box-sizing: border-box;
    display: block;
    margin: 0;
    padding: 20px 1em 30px;
    width: 100%;
  }
  .table-type-01 td ul{
    width: calc(100% - 2em);
  }
  .table-type-01 td ul.flex{
    display: block;
    list-style: disc;
    padding: 0 0 0 1em;
  }
  .table-type-01 td ul.flex li{
    margin-bottom: 10px;
  }
  .table-type-01 td ul.flex li:after{
    content: "";
    position :static;
  }
  .table-type-01 td ul.flex li.no-disc{
    list-style: none;
    margin-left: -1em;
  }
  .table-type-01 td ul+p{
    margin-top: 20px;
  }
  .table-type-01 td p.caution{
    margin-top: 10px;
  }
  .table-type-01 td .location{
    margin-bottom: 25px;
  }
  .table-type-01 td .location .post{
    display: block;
    margin-right: 0;
  }
  .table-type-01 td .location .maplink{
    display: block;
    margin-left: 0;
    margin-bottom: 10px;
  }
  .table-type-01 td .location div{
    display: block;
    margin-left: 0;
    margin-bottom: 10px;
  }
  .table-type-01 td .location div,
  .table-type-01 td .location div span{
    display: block;
  }
}

/* -----------------
 other
-------------------- */

:selection {
  background: #e6f5ec;
}
.align-left{
  text-align: left !important;
}
.align-center{
  text-align: center !important;
}
.align-right{
  text-align: right !important;
}
.clearfix:after{
  content: ".";
  clear: both;
  display: block;
  height: 0;
  visibility: hidden;
}
.clearfix{
  min-height: 1px;
}
p.normal{
  font-size: 1.8rem;
  line-height: 2.0em;
  margin-bottom: 1.5em;
}
p.normal:nth-last-of-type(1){
  margin-bottom: 0;
}
.mb0{
  margin-bottom: 0;
}
@media screen and (max-width: 767px) { 
  p.normal{
    font-size: 1.7rem;
    line-height: 1.8em;
  }
}

/* -----------------
 flex-box
-------------------- */

/* 子要素の折り返し */
.flex-wrap{
  display: flex;
  flex-wrap: wrap;
}
.flex-nowrap{
  display: flex;
}
/* 水平方向の揃え */
.jc-center{
  justify-content: center;
}
.jc-between{
  justify-content: space-between;
}
.jc-around{
  justify-content: space-around;
}
/* 垂直方向の揃え */
.al-center{
  align-items: center;
}
/* カラム */
.column-2{
  gap: 50px;
}
.column-2 .block,
.column-2 li{
  display: block;
  width: calc((100% - 50px) / 2);
}
.column-3{
  gap: 40px;
}
.column-3 .block,
.column-3 li{
  display: block;
  width: calc((100% - 80px) / 3);
}
@media screen and (max-width: 767px) { 
  .flex-nowrap{
    display: block;
  }
  .column-2 {
    gap: 0;
  }
  .column-2 .block,
  .column-2 li{
    margin-right: 0;
    width: 100%;
  }
  .column-3{
    gap: 20px;
  }
  .column-3 .block,
  .column-3 li{
    width: calc((100% - 20px) / 2);
  }
}

/* -----------------
 base
-------------------- */

html{
  font-size: 10px;
}
body{
  margin: 0;
  padding: 0;
  text-align: center;
}
@media screen and (max-width: 767px) { 
  body{
    -webkit-text-size-adjust: 100%;
  }
  body.is-menu-open{
    overflow: hidden;
    position: fixed;
    width: 100%;
  }
  body.no-scroll {
    overflow: hidden;
  }
}
.for-sp{
  display: none;
}
@media screen and (max-width: 767px) { 
  .for-pc{
    display: none;
  }
  .for-sp{
    display: block;
  }
}

/* -----------------
 common-layout
-------------------- */

#wrapper{
  margin: 0;
  padding-top: 90px;
}
body.page-template-page-form #wrapper,
body.form #wrapper{
  padding-top: 0;
}
.layout{
  box-sizing: border-box;
  margin: 0 auto;
  padding: 0 20px;
  max-width: 1200px;
  position: relative;
  text-align: left;
}
@media screen and (max-width: 767px) { 
  #wrapper{
    padding-top: 155px;
  }
  .layout{
    width: 100%;
  }
  .layout.no-padding{
    padding-left: 0;
    padding-right: 0;
  }
}

/* ヘッダー */

.header{
  transition: .3s;
  width: 100%;
  z-index: 1000;
  position: fixed;
  left: 0;
  top: 0;
}
.header-inner{
  background: rgba(255,255,255,.9);
  box-sizing: border-box;
  height: 90px;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
  transition: .3s;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.logo{
  margin: 0;
  transition: .3s;
  width: 280px;
}
.header.form{
  position: static;
}
.header.form .logo{
  margin-left: auto;
  margin-right: auto;
}
.logo img{
  border-radius: 0;
  width: 100%;
}
.nav-area{
  transition: .3s;
  width: calc(100% - 280px - 20px);
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.header.fixed{
  height: 70px;
}
.header.fixed .header-inner{
  height: 70px;
}
.btn-menu-sp{
  display: none;
}
@media screen and (min-width: 1071px) and ( max-width: 1400px) {
  .logo{
    margin: 0;
    width: 220px;
  }
  .nav-area{
    width: calc(100% - 220px - 20px);
  }
}
@media screen and (min-width: 921px) and ( max-width: 1070px) {
  .logo{
    margin: 0;
    width: 180px;
  }
  .nav-area{
    width: calc(100% - 180px - 20px);
  }
}
@media screen and (min-width: 801px) and ( max-width: 920px) {
  .logo{
    margin: 0;
    width: 150px;
  }
  .nav-area{
    width: calc(100% - 150px - 10px);
  }
}
@media screen and (min-width: 768px) and ( max-width: 820px) {
  .logo{
    margin: 0;
    width: 100px;
  }
  .nav-area{
    width: calc(100% - 100px - 10px);
  }
}
@media screen and (min-width: 768px) and ( max-width: 1250px) {
  .header-inner{
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media screen and (min-width: 768px) and ( max-width: 1270px) {
  .header.fixed .logo{
    display: none;
  }
  .header.fixed .nav-area{
    width: 100%;
    justify-content: space-between;
  }
}
@media screen and (max-width: 767px) {
  .header.fixed{
    top: -85px;
  }
  .header-inner{
    display: block;
    height: 70px;
  }
  .logo{
    padding-top: 20px;
    width: 180px;
  }
  .btn-menu-sp {
    display: block;
    text-align: center;
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 1000;
  }
  .btn-menu-sp p{
    font-size: 10px;
    font-weight: 500;
    line-height: 1em;
    margin-top: 5px;
  }
  .header-btn-area-sp{
    background: #ff9000;
    box-sizing: border-box;
    height: 85px;
    padding: 15px 20px 10px;
  }
  .header-btn-area-sp ul{
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    column-gap: 20px;
  }
  .header-btn-area-sp ul li{
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.1em;
    width: calc((100% - 20px) / 2);
  }
  .header-btn-area-sp ul li a{
    background: #fff;
    border: 1px solid #ff9000;
    border-radius: 10px;
    box-shadow: 0 4px 20px 0 rgba(0,0,0,0.15);
    box-sizing: border-box;
    color: #000;
    height: 50px;
    padding: 0 10px 0 45px;
    position: relative;
    text-decoration: none;
    width: 100%;
    display: flex;
    align-items: center;
  }
  .header-btn-area-sp ul li a:before{
    content: "";
    display: inline-block;
    height: 22px;
    width: 22px;
    position :absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
  }
  .header-btn-area-sp ul li a.tel:before{
    background: url(/wp/wp-content/themes/recycle-eco/common/img/common/icon-tel.svg) no-repeat;
    background-size: contain;
  }
  .header-btn-area-sp ul li a.map:before{
    background: url(/wp/wp-content/themes/recycle-eco/common/img/common/icon-map.svg) no-repeat;
    background-size: contain;
  }
  .header-btn-area-sp ul li span{
    color: #fff;
    display: block;
    font-size: 1.1rem;
  }

/* 共通パーツ */
  .menu-trigger,
  .menu-trigger span {
    display: inline-block;
    box-sizing: border-box;
  }
  .menu-trigger {
    height: 22px;
    position: relative;
    width: 35px;
  }
  .menu-trigger span {
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #009944;
    border-radius: 2px;
  }
  .menu-trigger span:nth-of-type(1) {
    top: 0;
  }
  .menu-trigger span:nth-of-type(2) {
    top: 10px; /*ここのpxとkeyframesのtranslateYのpxを合わせる*/
  }
  .menu-trigger span:nth-of-type(3) {
    bottom: 0;
  }

/* 個別パーツ */

  .menu-trigger span:nth-of-type(1) {
    -webkit-animation: menu-bar01 .75s forwards;
    animation: menu-bar01 .75s forwards;
  }
  @-webkit-keyframes menu-bar01 {
    0% {
      -webkit-transform: translateY(10px) rotate(45deg);
    }
    50% {
      -webkit-transform: translateY(10px) rotate(0);
    }
    100% {
      -webkit-transform: translateY(0) rotate(0);
    }
  }
  @keyframes menu-bar01 {
    0% {
      transform: translateY(10px) rotate(45deg);
    }
    50% {
      transform: translateY(10px) rotate(0);
    }
    100% {
      transform: translateY(0) rotate(0);
    }
  }
  .menu-trigger span:nth-of-type(2) {
    transition: all .25s .25s;
    opacity: 1;
  }
  .menu-trigger span:nth-of-type(3) {
    -webkit-animation: menu-bar02 .75s forwards;
    animation: menu-bar02 .75s forwards;
  }
  @-webkit-keyframes menu-bar02 {
    0% {
      -webkit-transform: translateY(-10px) rotate(-45deg);
    }
    50% {
      -webkit-transform: translateY(-10px) rotate(0);
    }
    100% {
      -webkit-transform: translateY(0) rotate(0);
    }
  }
  @keyframes menu-bar02 {
    0% {
      transform: translateY(-10px) rotate(-45deg);
    }
    50% {
      transform: translateY(-10px) rotate(0);
    }
    100% {
      transform: translateY(0) rotate(0);
    }
  }
  .menu-trigger.active span:nth-of-type(1) {
    -webkit-animation: active-menu-bar01 .75s forwards;
    animation: active-menu-bar01 .75s forwards;
  }
  @-webkit-keyframes active-menu-bar01 {
    0% {
      -webkit-transform: translateY(0) rotate(0);
    }
    50% {
      -webkit-transform: translateY(10px) rotate(0);
    }
    100% {
      -webkit-transform: translateY(10px) rotate(45deg);
    }
  }
  @keyframes active-menu-bar01 {
    0% {
      transform: translateY(0) rotate(0);
    }
    50% {
      transform: translateY(10px) rotate(0);
    }
    100% {
      transform: translateY(10px) rotate(45deg);
    }
  }
  .menu-trigger.active span:nth-of-type(2) {
    opacity: 0;
  }
  .menu-trigger.active span:nth-of-type(3) {
    -webkit-animation: active-menu-bar03 .75s forwards;
    animation: active-menu-bar03 .75s forwards;
  }
  @-webkit-keyframes active-menu-bar03 {
    0% {
      -webkit-transform: translateY(0) rotate(0);
    }
    50% {
      -webkit-transform: translateY(-10px) rotate(0);
    }
    100% {
      -webkit-transform: translateY(-10px) rotate(-45deg);
    }
  }
  @keyframes active-menu-bar03 {
    0% {
      transform: translateY(0) rotate(0);
    }
    50% {
      transform: translateY(-10px) rotate(0);
    }
    100% {
      transform: translateY(-10px) rotate(-45deg);
    }
  }
}

/* gnav */

.gnav{
  z-index: 100;
}
.gnav-list{
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
  transition: .3s;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.gnav-list li{
  box-sizing: border-box;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1em;
  margin: 0 1.5em 0 0;
  padding: 0;
  transition: .5s;
}
.gnav-list li:nth-last-of-type(1){
  margin-right: 0;
}
.gnav-list li a{
  color: #000;
  text-decoration: none;
}
.gnav-list li a,
.gnav-list li span{
  cursor: pointer;
  display: inline-block;
  position: relative;
}
.gnav-list li a:hover,
.gnav-list li span:hover{
  color: #009944;
}
.gnav-list li span{
  padding-right: 12px;
}
.gnav-list li span:after{
  border-color: #009944;
  border-style: solid;
  border-width: 2px 2px 0 0;
  box-sizing: border-box;
  content: "";
  display: inline-block;
  height: 7px;
  width: 7px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%) rotate(135deg);
  transition: .3s;
}
.gnav-list li span.gnav-close:after{
  transform: translateY(0%) rotate(-45deg);
}
.gnav-list li a:before,
.gnav-list li span:before{
  background: #009944;
  content: "";
  height: 2px;
  width: 100%;
  position :absolute;
  left: 0;
  bottom: -7px;
  transform: scale(0, 1);
  transform-origin: left top;
  transition: .3s;
}
.gnav-list li a:hover:before,
.gnav-list li span:hover:before{
  transform: scale(1, 1);
}
.gnav-list li .gnav-sub{
  background: #edf8f2;
  border-radius: 0 0 30px 30px;
  display: none;
  margin: 0 auto;
  padding: 0;
  width: 1120px;
  z-index: 10;
  position: absolute;
  left: 50%;
  top: 90px;
  transform: translateX(-50%) ;
}
.header.fixed .gnav-list li .gnav-sub{
  top: 70px;
}
.gnav-list li .gnav-sub .layout{
  box-sizing: border-box;
  margin: 0 auto;
  padding: 50px 3%;
  position: relative;
  text-align: left;
  max-width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.gnav-list li .gnav-sub .layout picture{
  display: block;
  width: 280px;
}
.gnav-list li .gnav-sub .layout picture img{
  border-radius: 15px;
}
.gnav-list li .gnav-sub .layout div{
  margin-top: 30px;
  width: calc(100% - 280px - 50px);
}
.gnav-list li .gnav-sub .layout div ul{
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}
.gnav-list li .gnav-sub .layout div ul li{
  font-size: 1.6rem;
  line-height: 1em;
  margin-bottom: 30px;
  margin-right: 2em;
}
.gnav-list li .gnav-sub .layout div ul li a{
  padding-right: 22px;
  position: relative;
}
.gnav-list li .gnav-sub .layout div ul li a:after{
  background: url(/wp/wp-content/themes/recycle-eco/common/img/common/icon-btn-arrow-gr.svg) no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 16px;
  width: 16px;
  position :absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.gnav-list li .gnav-sub .layout div ul li:nth-last-of-type(1){
  margin-right: 0;
}
.gnav-list li .gnav-sub .layout div ul.index{
  border-bottom: 1px solid #fff;
  margin-bottom: 30px;
  padding-bottom: 30px;
}
.gnav-list li .gnav-sub .layout div ul.index li{
  font-size: 2.0rem;
  margin-bottom: 0;
}
.gnav-list li .gnav-sub .layout div ul.index li a{
  padding-right: 25px;
}
.gnav-list li .gnav-sub .layout div ul.index li a:after{
  height: 19px;
  width: 19px;
}
@media screen and (min-width: 1071px) and ( max-width: 1400px) {
  .gnav-list li{
    font-size: 1.5rem;
  }
}
@media screen and (min-width: 921px) and ( max-width: 1070px) {
  .gnav-list li{
    font-size: 1.4rem;
    margin-right: 1em;
  }
}
@media screen and (min-width: 768px) and ( max-width: 920px) {
  .gnav-list li{
    font-size: 1.3rem;
    margin-right: .7em;
  }
  .header.fixed .gnav-list li{
    font-size: 1.2rem;
  }
}
@media screen and (min-width: 768px) and ( max-width: 1120px) {
  .gnav-list li .gnav-sub{
    max-width: 100%;
  }
}
@media screen and (max-width: 767px) { 
  .gnav,
  .header.fixed .gnav {
    background: transparent;
    border-top: none;
    height: 100%;
    margin: 0;
    overflow-y: auto;
    padding: 0;
    text-align: left;
    transition: .5s;
    visibility: hidden;
    width: 100%;
    z-index: 1000;
    position: fixed;
    left: 0;
    top: 155px;
  }
  .header.fixed .gnav {
    top: 70px;
  }
  .gnav.open,
  .header.fixed .gnav.open {
    background: rgba(0, 0, 0, 0.7);
    height: 100%;
    visibility: visible;
  }
  .gnav .inner,
  .header.fixed .gnav .inner {
    background: #fff;
    border-top: 1px solid #fff;
    display: block;
    float: right;
    height: 100%;
    list-style: none;
    margin: 0;
    width: 100%;
    transform: translate(100%, 0);
    transition: .5s;
  }
  .gnav .inner{
    padding-bottom: 225px;
  }
  .header.fixed .gnav .inner{
    padding-bottom: 70px;
  }
  .gnav.open .inner,
  .header.fixed .gnav.open .inner{
    transform: translate(0, 0);
  }
  .gnav-list{
    background: #edf8f2;
    display: block;
    text-align: left;
  }
  .gnav-list li,
  .header.fixed .gnav-list li{
    display: block;
    font-size: 1.7rem;
    font-weight: 500;
    letter-spacing: 1px;
    margin: 0;
    padding: 0;
    width: 100%;
  }
  .gnav-list li a,
  .gnav-list li span{
    border-bottom: 1px solid #fff;
    box-sizing: border-box;
    color: #333;
    display: block;
    line-height: 1.2em;
    margin: 0;
    padding: 25px 2.5em 25px 1em;
    position: relative;
    text-align: left;
    width: 100%;
  }
  .gnav-list li a:hover,
  .gnav-list li span:hover{
    color: #000;
  }
  .gnav-list li a:after{
    background: url(/wp/wp-content/themes/recycle-eco/common/img/common/icon-btn-arrow-gr.svg) no-repeat;
    background-size: contain;
    content: "";
    height: 20px;
    width: 20px;
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%) ;
  }
  .gnav-list li a:before,
  .gnav-list li span:before{
    background: none;
    height: 0;
    width: 0;
    position :static;
  }
  .gnav-list li span.gnav-open:after{
    background: none;
    border-color: #009944;  
    border-style: solid;
    border-width: 2px 2px 0 0;
    box-sizing: border-box;
    content: "";
    display: inline-block;
    height: 10px;
    transform: translateY(-50%)  rotate(135deg);
    transition: .3s;
    width: 10px;
    position: absolute;
    left: auto;
    right: 20px;
    top: 50%;
  }
  .gnav-list li span.gnav-close:after{
    transform: rotate(-45deg);
  }
  .gnav-list li .gnav-sub{
    background: #fff;
    border-radius: 0;
    position: static;
    transform: translateX(0) ;
    width: 100%;
    z-index: 0;
  }
  .gnav-list li .gnav-sub .layout{
    padding: 0;
    max-width: 100%;
    display: block;
  }
  .gnav-list li .gnav-sub .layout picture{
    display: none;
  }
  .gnav-list li .gnav-sub .layout div{
    margin-top: 0;
    width: 100%;
  }
  .gnav-list li .gnav-sub .layout div ul{
    display: block;
  }
  .gnav-list li .gnav-sub .layout div ul li{
    margin-bottom: 0;
    margin-right: 0;
  }
  .gnav-list li .gnav-sub .layout div ul li a{
    padding-left: 2em;
    padding-right: 40px;
    position: relative;
  }
  .gnav-list li .gnav-sub .layout div ul li a:after{
    position :absolute;
    right: 20px;
  }
  .gnav-list li .gnav-sub .layout div ul.index{
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
  }
  .gnav-list li .gnav-sub .layout div ul.index li{
    font-size: 1.6rem;
  }
  .gnav-list li .gnav-sub .layout div ul.index li a:after{
    height: 16px;
    width: 16px;
  }
  .nav-cta-sp{
    margin-top: 50px;
    text-align: center;
  }
  .nav-cta-sp .tel{
    margin-bottom: 50px;
  }
  .nav-cta-sp .tel a{
    color: #000;
    display: block;
    font-size: 4.3rem;
    font-weight: 700;
    line-height: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .nav-cta-sp .tel a img{
    margin-right: 5px;
    width: 30px;
  }
  .nav-cta-sp .tel p{
    font-size: 1.5rem;
    line-height: 1em;
    margin-top: 15px;
  }
  .nav-cta-sp .map{
    margin-bottom: 50px;
  }
  .nav-cta-sp .map a{
    color: #000;
    font-size: 2.0rem;
    line-height: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .nav-cta-sp .map a img{
    margin-right: 5px;
    width: 30px;
  }
}

/* ヘッダーtel・cta */

.nav-area ul.tel-cta-area{
  border-left: 1px solid #d9d9d9;
  list-style: none;
  margin: 0 0 0 20px;
  padding: 0 0 0 20px;
  text-align: center;
  display: flex;
  align-items: center;
  transition: .3s;
}
.nav-area ul.tel-cta-area li{
  margin: 0;
}
.nav-area ul.tel-cta-area li.tel{
  margin-right: 2em;
}
.nav-area ul.tel-cta-area li.tel a{
  font-size: 2.4rem;
  font-weight: 700;
  padding-left: 25px;
  position: relative;
}
.nav-area ul.tel-cta-area li.tel a:before{
  background: url(/wp/wp-content/themes/recycle-eco/common/img/common/icon-tel.svg) no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 25px;
  width: 19px;
  position :absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.nav-area ul.tel-cta-area li.tel span{
  display: block;
  font-size: 1.1rem;
}
.nav-area ul.tel-cta-area li.cta a{
  background: #ff9000;
  border-radius: 50px;
  box-shadow: 0 4px 20px 0 rgba(0,0,0,0.15);
  box-sizing: border-box;
  color: #fff;
  font-size: 1.7rem;
  display: inline-block;
  height: 50px;
  line-height: 1.2em;
  padding-left: 10px;
  padding-right: 40px;
  position: relative;
  text-align: left;
  text-decoration: none;
  width: 190px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.nav-area ul.tel-cta-area li.cta a:after{
  background: url(/wp/wp-content/themes/recycle-eco/common/img/common/icon-btn-arrow-wh-or.svg) no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 30px;
  width: 30px;
  position :absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  transition: .3s;
}
.nav-area ul.tel-cta-area li.cta a:hover{
  background: #f58200;
}
.nav-area ul.tel-cta-area li.cta a:hover:after{
  right: 5px;
}
@media screen and (min-width: 1271px) and ( max-width: 1400px) {
  .nav-area ul.tel-cta-area li.tel{
    margin-right: 1em;
  }
  .nav-area ul.tel-cta-area li.tel a{
    font-size: 2.2rem;
    padding-left: 20px;
  }
  .nav-area ul.tel-cta-area li.tel a:before{
    height: 21px;
    width: 16px;
  }
  .nav-area ul.tel-cta-area li.cta a{
    font-size: 1.5rem;
    height: 44px;
    padding-right: 36px;
    width: 100%;
  }
  .nav-area ul.tel-cta-area li.cta a:after{
    height: 20px;
    width: 20px;
  }
}
@media screen and (min-width: 768px) and ( max-width: 1270px) {
  .nav-area ul.tel-cta-area{
    margin-left: 10px;
    padding-left: 10px;
  }
  .nav-area ul.tel-cta-area{
    display: block;
  }
  .nav-area ul.tel-cta-area li.tel{
    margin-right: 0;
  }
  .nav-area ul.tel-cta-area li.tel a{
    font-size: 2.0rem;
    padding-left: 18px;
  }
  .nav-area ul.tel-cta-area li.tel span{
    font-size: 1.1rem;
    margin-bottom: 5px;
    margin-top: -5px;
  }
  .nav-area ul.tel-cta-area li.tel a:before{
    height: 18px;
    width: 14px;
  }
  .nav-area ul.tel-cta-area li.cta a{
    font-size: 1.5rem;
    height: 36px;
    width: 165px;
  }
  .header.fixed .nav-area ul.tel-cta-area{
    display: flex;
  }
  .header.fixed .nav-area ul.tel-cta-area li.tel{
    margin-right: 2em;
  }
  .header.fixed .nav-area ul.tel-cta-area li.cta a{
    height: 40px;
  }
  .header.fixed .nav-area ul.tel-cta-area li.cta a:after{
    height: 20px;
    width: 20px;
  }
}
@media screen and (min-width: 768px) and ( max-width: 920px) {
  .header.fixed .nav-area ul.tel-cta-area li.tel{
    margin-right: 1em;
  }
  .header.fixed .nav-area ul.tel-cta-area li.tel a{
    font-size: 1.8rem;
  }
  .header.fixed .nav-area ul.tel-cta-area li.tel span{
    font-size: 1.0rem;
  }
  .header.fixed .nav-area ul.tel-cta-area li.cta a{
    font-size: 1.4rem;
    height: 40px;
    width: 135px;
  }
  .header.fixed .nav-area ul.tel-cta-area li.cta a:after{
    height: 20px;
    width: 20px;
  }
}
@media screen and (min-width: 768px) and ( max-width: 830px) {
  .nav-area ul.tel-cta-area li.tel a{
    font-size: 1.8rem;
    padding-left: 18px;
  }
  .nav-area ul.tel-cta-area li.tel a:before{
    height: 16px;
    width: 12px;
  }
  .nav-area ul.tel-cta-area li.cta a{
    font-size: 1.4rem;
    width: 100%;
  }
}
@media screen and (max-width: 767px) { 
  .nav-area ul.tel-cta-area{
    display: none;
  }
}

/* 共通CTA */

.block-common-cta{
  background: #032108;
  color: #fff;
  margin-bottom: 300px;
  padding: 90px 0 200px;
  position: relative;
}
.block-common-cta .bg-curve{
  background: url(/wp/wp-content/themes/recycle-eco/common/img/common/bg-cta-curve.svg) no-repeat center bottom;
  background-size: 120%;
  height: 120px;
  overflow: hidden;
  transform: translateX(-50%);
  width: 100%;
  position: absolute;
  left: 50%;
  bottom: -110px;
  z-index: 1;
}
.block-common-cta .layout{
  position: relative;
  text-align: center;
  z-index: 1;
}
.block-common-cta .layout h2{
  font-size: 4.8rem;
  font-weight: 600;
  line-height: 1em;
  margin-bottom: 60px;
}
.block-common-cta .layout .contact-lead{
  font-size: 1.8rem;
  line-height: 1.8em;
  margin-bottom: 60px;
}
.block-common-cta .layout a.tel{
  color: #fff;
  display: inline-block;
  font-size: 8.0rem;
  font-weight: 700;
  line-height: 1.2em;
  margin-bottom: 20px;
}
.block-common-cta .layout a.tel img{
  margin-right: 10px;
  width: 56px;
}
.block-common-cta .layout .business-hours{
  font-size: 1.8rem;
  line-height: 1.4em;
}
.block-common-cta .layout .btn-area{
  background: #2BA056;
  border-radius: 20px;
  box-sizing: border-box;
  padding: 80px 50px 50px;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: -375px;
}
.block-common-cta .layout .btn-area ul{
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 40px;
}
.block-common-cta .layout .btn-area ul li{
  width: calc((100% - 40px) / 2);
}
.block-common-cta .layout .btn-area ul li a{
  background: #fff;
  border-radius: 20px;
  box-sizing: border-box;
  font-size: 2.4rem;
  font-weight: 500;
  line-height: 1.2em;
  height: 140px;
  text-decoration: none;
  padding: 0 50px 0;
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.block-common-cta .layout .btn-area ul li a:hover{
  box-shadow: 0 4px 20px 0 rgba(0,0,0,0.6);
}
.block-common-cta .layout .btn-area ul li.contact a{
  background: #ff9000;
  border: 1px solid #ff9000;
  color: #fff;
}
.block-common-cta .layout .btn-area ul li.download a{
  border: 1px solid #fff;
  color: #000;
}
.block-common-cta .layout .btn-area ul li a:before{
  box-shadow: 0 4px 4px 0 rgba(0,0,0,0.15);
  border-radius: 50%;
  content: "";
  display: inline-block;
  height: 70px;
  width: 70px;
  position :absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%,-50%);
  transition: .3s;
}
.block-common-cta .layout .btn-area ul li.contact a:before{
  background: url(/wp/wp-content/themes/recycle-eco/common/img/common/icon-cta-mail.svg) no-repeat;
  background-size: contain;
}
.block-common-cta .layout .btn-area ul li.download a:before{
  background: url(/wp/wp-content/themes/recycle-eco/common/img/common/icon-cta-dl.svg) no-repeat;
  background-size: contain;
}
.block-common-cta .layout .btn-area ul li a:after{
  content: "";
  display: inline-block;
  height: 30px;
  width: 30px;
  position :absolute;
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
  transition: .3s;
}
.block-common-cta .layout .btn-area ul li.contact a:after{
  background: url(/wp/wp-content/themes/recycle-eco/common/img/common/icon-btn-arrow-wh-or.svg) no-repeat;
  background-size: contain;
}
.block-common-cta .layout .btn-area ul li.contact a:hover:after{
  right: 25px;
}
.block-common-cta .layout .btn-area ul li.download a:after{
  background: url(/wp/wp-content/themes/recycle-eco/common/img/common/icon-btn-arrow-or.svg) no-repeat;
  background-size: contain;
}
.block-common-cta .layout .btn-area ul li.download a:hover:after{
  right: 25px;
}
@media screen and (min-width: 901px) and ( max-width: 1100px) {
  .block-common-cta .layout .btn-area{
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media screen and (min-width: 768px) and ( max-width: 900px) {
  .block-common-cta .layout .btn-area{
    padding-left: 20px;
    padding-right: 20px;
  }
  .block-common-cta .layout .btn-area ul li a{
    font-size: 2.0rem;
    height: 120px;
  }
  .block-common-cta .layout .btn-area ul li a:before{
    height: 60px;
    width: 60px;
  }
}
@media screen and (min-width: 768px) and ( max-width: 1000px) {
  .block-common-cta .layout .btn-area ul{
    column-gap: 30px;
  }
  .block-common-cta .layout .btn-area ul li a:after{
    height: 30px;
    width: 30px;
    right: 20px;
  }
}
@media screen and (max-width: 767px) { 
  .block-common-cta{
    padding-top: 80px;
  }
  .block-common-cta .bg-curve{
    height: 80px;
    bottom: -40px;
  }
  .block-common-cta .layout h2{
    font-size: 3.4rem;
    margin-bottom: 40px;
  }
  .block-common-cta .layout .contact-lead{
    font-size: 1.7rem;
    line-height: 1.8em;
    margin-bottom: 50px;
  }
  .block-common-cta .layout a.tel{
    font-size: 4.8rem;
    margin-bottom: 20px;
  }
  .block-common-cta .layout a.tel img{
    margin-right: 0;
    width: 34px;
  }
  .block-common-cta .layout .business-hours{
    font-size: 1.5rem;
  }
  .block-common-cta .layout .btn-area{
    border-radius: 10px;
    box-sizing: border-box;
    padding: 50px 20px 30px;
    width: calc(100% - 40px);
    bottom: -420px;
    left: 20px;
  }
  .block-common-cta .layout .btn-area ul{
    display: block;
  }
  .block-common-cta .layout .btn-area ul li{
    margin-bottom: 50px;
    width: 100%;
  }
  .block-common-cta .layout .btn-area ul li:nth-last-of-type(1){
    margin-bottom: 0;
  }
  .block-common-cta .layout .btn-area ul li a{
    border-radius: 10px;
    font-size: 1.8rem;
    height: 100px;
    padding-left: 0px;
    padding-right: 0px;
    position: relative;
  }
  .block-common-cta .layout .btn-area ul li a:before{
    height: 60px;
    width: 60px;
    position :absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%,-50%);
  }
  .block-common-cta .layout .btn-area ul li a:after{
    height: 24px;
    width: 24px;
    right: 15px;
  }
}

/* フッター */

footer{
  background: #ebebeb;
  padding: 55px 0 0;
}
footer.form{
  padding-top: 0;
}
footer .footer-upside .link-area{
  order: 2;
  width: calc(100% - 250px - 70px);
  display: flex;
  justify-content: space-between;
  column-gap: 5%;
}
footer .footer-upside .link-area ul{
  list-style: none;
  margin: 0;
  padding: 0;
  width: calc((100% - 10%) / 3);
}
footer .footer-upside .link-area ul li a{
  border-bottom: 1px solid #c5c5c5;
  box-sizing: border-box;
  color: #000;
  display: block;
  font-size: 1.7rem;
  font-weight: 600;
  line-height: 1.4em;
  padding: 15px 20px 15px 0;
  position: relative;
  text-decoration: none;
  width: 100%;
}
footer .footer-upside .link-area ul li a:before{
  background: url(/wp/wp-content/themes/recycle-eco/common/img/common/icon-arrow-or.svg) no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 10px;
  transform: translateY(-50%);
  transition: .3s;
  width: 6px;
  position :absolute;
  right: 5px;
  top: 50%;
}
footer .footer-upside .link-area ul li a:hover{
  color: #ff9000;
}
footer .footer-upside .link-area ul li a:hover:before{
  right: 0;
}
footer .footer-upside .link-area ul li ul{
  list-style: disc;
  margin: 15px 0 0 1.5em;
  padding: 0;
  width: calc(100% - 1.5em);
}
footer .footer-upside .link-area ul li ul li a{
  border-bottom: none;
  font-size: 1.5rem;
  font-weight: 400;
  margin-bottom: 15px;
  padding: 0;
}
footer .footer-upside .link-area ul li ul li a:before{
  background: none;
  height: 0;
  width: 0;
  position :static;
}
footer .footer-upside .info-area{
  padding-top: 15px;
  width: 250px;
}
footer .footer-upside .info-area .logo{
  margin-bottom: 30px;
  width: 200px;
}
footer .footer-upside .info-area .logo img{
  width: 100%;
}
footer .footer-upside .info-area address{
  font-style: normal;
}
footer .footer-upside .info-area address p{
  font-size: 1.6rem;
  line-height: 1.6em;
  margin-bottom: 40px;
}
footer .footer-upside .info-area address p span{
  display: block;
}
footer .footer-upside .info-area address p span a{
  color: #ff9000;
  display: block;
  margin-top: 5px;
}
footer .footer-upside .info-area address p span a img{
  margin-right: 3px;
  width: 20px;
}
footer .footer-upside .info-area address .tel{
  margin-bottom: 50px;
}
footer .footer-upside .info-area address .tel a{
  font-size: 3.2rem;
  font-weight: 700;
  line-height: 1.2em;
}
footer .footer-upside .info-area address .tel a img{
  display: none;
}
footer .footer-upside .info-area address .tel p{
  font-size: 1.4rem;
}
footer .footer-upside .info-area address .tel p span{
  display: inline-block;
}
footer .footer-upside .info-area ul{
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  column-gap: 20px;
}
footer .footer-upside .info-area ul li{
  width: 90px;
}
footer .footer-upside .info-area ul li img{
  width: 100%;
}
@media screen and (min-width: 768px) and ( max-width: 1100px) {
  footer .footer-upside .link-area{
    width: calc(100% - 220px - 50px);
  }
  footer .footer-upside .info-area{
    width: 220px;
  }
  footer .footer-upside .info-area .logo{
    width: 100%;
  }
  footer .footer-upside .info-area address p{
    font-size: 1.5rem;
  }
  footer .footer-upside .info-area address .tel a{
    font-size: 2.8rem;
  }
  footer .footer-upside .info-area address .tel p{
    font-size: 1.1rem;
  }
}
@media screen and (min-width: 768px) and ( max-width: 900px) {
  footer .footer-upside .link-area{
    width: calc(100% - 220px - 50px);
  }
  footer .footer-upside .info-area{
    width: 180px;
  }
  footer .footer-upside .info-area address p{
    font-size: 1.4rem;
  }
  footer .footer-upside .info-area address .tel a{
    font-size: 2.5rem;
  }
  footer .footer-upside .info-area address .tel p{
    font-size: 1.1rem;
  }
  footer .footer-upside .info-area address .tel p span{
   display: block;
  }
}
@media screen and (max-width: 767px) { 
  footer{
    padding-top: 40px;
  }
  footer .footer-upside .info-area{
    padding-top: 15px;
    text-align: center;
    width: 100%;
  }
  footer .footer-upside .info-area .logo{
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    width: 160px;
  }
  footer .footer-upside .info-area address p{
    font-size: 1.6rem;
    margin-bottom: 30px;
  }
  footer .footer-upside .info-area address p span a{
    color: #000;
  }
  footer .footer-upside .info-area address .tel a{
    color: #000;
    font-size: 3.8rem;
  }
  footer .footer-upside .info-area address .tel a img{
    display: inline;
    margin-right: 5px;
    width: 30px;
  }
  footer .footer-upside .info-area address .tel p{
    margin-top: 10px;
    font-size: 1.4rem;
  }
  footer .footer-upside .link-area{
    width: 100%;
    display: block;
  }
  footer .footer-upside .link-area ul{
    width: 100%;
  }
  footer .footer-upside .link-area ul:nth-of-type(1){
    border-top: 1px solid #c5c5c5;
    width: 100%;
  }
  footer .footer-upside .link-area ul li a{
    font-size: 1.7rem;
    padding-bottom: 25px;
    padding-top: 25px;
    width: 100%;
  }
  footer .footer-upside .link-area ul li ul{
    border-bottom: 1px solid #c5c5c5;
    box-sizing: border-box;
    margin-left: 0;
    margin-top: 25px;
    padding-left: 1.5em;
    display: flex;
    flex-wrap: wrap;
    column-gap: 20px;
  }
  footer .footer-upside .link-area ul li ul:nth-of-type(1){
    border-top: none;
  }
  footer .footer-upside .link-area ul li ul li{
    margin-bottom: 25px;
    width: calc((100% - 20px) / 2);
  }
  footer .footer-upside .link-area ul li ul li a{
    margin-bottom: 0;
  }
  footer .footer-upside .info-area ul{
    column-gap: 50px;
    justify-content: center;
  }
}

footer .footer-downside{
  border-top: 1px solid #fff;
  margin-top: 35px;
  padding-bottom: 35px;
  padding-top: 35px;
}
footer.form .footer-downside{
  border-top: none;
  margin-top: 0;
  justify-content: center;
}
footer .footer-downside ul{
  list-style: none;
  display: flex;
  column-gap: 4em;
}
footer .footer-downside ul a{
  color: #000;
  display: inline-block;
  font-size: 1.4rem;
  line-height: 1em;
  position: relative;
  text-decoration: none;
}
footer .footer-downside ul a:before{
  background: url(/wp/wp-content/themes/recycle-eco/common/img/common/icon-arrow-or.svg) no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 10px;
  transform: translateY(-50%);
  transition: .3s;
  width: 6px;
  position :absolute;
  right: -1em;
  top: 50%;
}
footer .footer-downside a:hover{
  color: #ff9000;
}
footer .footer-downside a:hover:before{
  right: -1.3em;
}
footer .footer-downside .copyright{
  font-size: 1.4rem;
  line-height: 1em;
}
@media screen and (max-width: 767px) { 
  footer .footer-downside{
    margin-top: 30px;
    padding-bottom: 100px;
    padding-top: 30px;
  }
  footer.form .footer-downside{
    padding-bottom: 30px;
  }
  footer .footer-downside ul{
    display: block;
  }
  footer .footer-downside ul li{
    margin-bottom: 25px;
  }
  footer .footer-downside .copyright{
    margin-top: 40px;
    text-align: center;
  }
}

/* pagetop */

.pagetop{
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1em;
  opacity: 0;
  pointer-events: none;
  transition: opacity .25s ease, transform .25s ease, visibility 0s linear .25s;
  visibility: hidden;
  z-index: 10;
  position: fixed;
  right: 30px;
  bottom: 30px;
}
.pagetop a{
  display: block;
  text-decoration: none;
}
.pagetop a img{
  display: block;
  height: 50px;
  margin: 0 auto 8px;
  transform: translateY(0) scale(1) rotate(-90deg);
  transition: .3s;
  width: 50px;
}
.pagetop a:hover img{
  transform: translateY(-6px) scale(1.16) rotate(-90deg);
}
.pagetop.is-show{
  opacity: 1;
  visibility: visible;
  transition: opacity .5s ease, transform .5s ease, visibility 0s;
  pointer-events: auto;
}
.pagetop.is-stop{
  position: absolute;
  bottom: auto;
}
@media screen and (max-width: 767px) { 
  .pagetop{
    font-size: 1.1rem;
  }
  .pagetop a img{
    height: 40px;
    width: 40px;
  }
}

/* スマホ用fixedボタン */

@media screen and (max-width: 767px) { 
  .cta-fixed{
    background: #ff9000;
    box-sizing: border-box;
    height: 85px;
    opacity: 0;
    padding: 15px 20px 10px;
    visibility: hidden;
    width: 100%;
    z-index: 100;
    position: fixed;
    left: 0;
    bottom: 0;
    transform: translateY(100%);
    transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease;
  }
  .cta-fixed.is-show{
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }
  .cta-fixed ul{
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    column-gap: 20px;
  }
  .cta-fixed ul li{
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.1em;
    width: calc((100% - 20px) / 2);
  }
  .cta-fixed ul li a{
    background: #fff;
    border: 1px solid #ff9000;
    border-radius: 10px;
    box-shadow: 0 4px 20px 0 rgba(0,0,0,0.15);
    box-sizing: border-box;
    color: #000;
    height: 50px;
    padding: 0 10px 0 45px;
    position: relative;
    text-decoration: none;
    width: 100%;
    display: flex;
    align-items: center;
  }
  .cta-fixed ul li a:before{
    content: "";
    display: inline-block;
    position :absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
  }
  .cta-fixed ul li a.tel:before{
    background: url(/wp/wp-content/themes/recycle-eco/common/img/common/icon-tel.svg) no-repeat;
    background-size: contain;
    height: 22px;
    width: 22px;
  }
  .cta-fixed ul li a.contact:before{
    background: url(/wp/wp-content/themes/recycle-eco/common/img/common/icon-mail.svg) no-repeat;
    background-size: cover;
    height: 16px;
    width: 20px;
  }
  .cta-fixed ul li span{
    color: #fff;
    display: block;
    font-size: 1.1rem;
  }
}

/* 下層h1エリア */

.block-common-h1-area{
  background: linear-gradient(to right, #b2dab8 0%,#fffac1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  box-sizing: border-box;
  height: 300px;
}
.block-common-h1-area.bg-none{
  background: none;
  height: auto;
}
.block-breadcrumbs{
  text-align: left;
}
.breadcrumbs ul{
  font-size: 1.4rem;
  line-height: 1em;
  list-style: none;
  margin: 0;
  padding: 15px 0;
  display: flex;
  flex-wrap: wrap;
}
.breadcrumbs ul li{
  margin: 5px 3em 5px 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.breadcrumbs ul li:nth-last-of-type(1){
  margin-right: 0;
}
.breadcrumbs ul li a{
  display: inline-block;
  position: relative;
  text-decoration: none;
}
.breadcrumbs ul li a:hover{
  text-decoration: underline;
}
.breadcrumbs ul li a:before{
  color: #000;
  content: "\3009";
  display: inline-block;
  position :absolute;
  right: -2.3em;
  top: 50%;
  transform: translateY(-50%);
}
.breadcrumbs ul li span.current{
  font-weight: 700;
}
.block-common-h1-area .h1-area{
  box-sizing: border-box;
  height: 246px;
  padding-bottom: 54px;
  position: relative;
  display: flex;
  align-items: flex-start ;
  flex-direction: column;
  justify-content: center;
}
.block-common-h1-area .h1-area h1{
  font-size: 6.0rem;
  letter-spacing: 5%;
  line-height: 1.4em;
}
.block-common-h1-area .h1-area.directory{
  padding-bottom: 28px;
}
.block-common-h1-area .h1-area .directory span{
  border-bottom: 1px solid #000;
  display: inline-block;
  font-size: 1.6rem;
  line-height: 1em;
  margin-bottom: 10px;
  padding-bottom: 10px;
}
@media screen and (max-width:767px) { 
  .block-common-h1-area{
    height: 220px;
  }
  .block-breadcrumbs{
    width: 100%;
    -webkit-overflow-scrolling: touch;
    overflow-x: auto;
  }
  .breadcrumbs{
    margin-bottom: 0;
  }
  .breadcrumbs ul{
    font-size: 1.3rem;
    padding-bottom: 10px;
    padding-top: 10px;
    flex-wrap: nowrap;
  }
  .breadcrumbs ul li{
    display: table-cell;
    margin-bottom: 0;
    margin-top: 0;
    white-space: nowrap;
  }
  .block-common-h1-area .h1-area{
    height: 187px;
    padding-bottom: 0;
  }
  .block-common-h1-area .h1-area h1{
    font-size: 3.6rem;
    letter-spacing: 0;
    margin-top: -16px;
  }
  .block-common-h1-area .h1-area .directory span{
    font-size: 1.2rem;
    margin-bottom: 20px;
  }
}

/* リード文 */

.block-common-base.lead-area{
  padding-bottom: 0;
  padding-top: 100px;
}
@media screen and (max-width: 767px) { 
  .block-common-base.lead-area{
    padding-top: 60px;
  }
}

/* ページ内リンク_ボタン */

.block-common-page-link-btn{
  background: #f5f5f5;
  box-sizing: border-box;
  padding: 40px 0;
}
.block-common-page-link-btn ul{
  list-style: none;
}
.block-common-page-link-btn ul li a{
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 4px 20px 0 rgba(0,0,0,0.15);
  box-sizing: border-box;
  color: #000;
  font-size: 2.0rem;
  font-weight: 500;
  display: inline-block;
  height: 80px;
  line-height: 1.2em;
  padding: 0 50px;
  position: relative;
  text-align: left;
  text-decoration: none;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.block-common-page-link-btn ul li a:after{
  background: url(/wp/wp-content/themes/recycle-eco/common/img/common/icon-btn-arrow-down-gr.svg) no-repeat;
  background-size: cover;
  content: "";
  display: inline-block;
  height: 30px;
  width: 30px;
  position :absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  transition: .3s;
}
.block-common-page-link-btn ul li a:hover:after{
  top: 55%;
}
@media screen and (max-width: 767px) { 
  .block-common-page-link-btn{
    display: none;
  }
}

/* ページ内リンク_テキスト */

.block-common-page-link-text{
  background: #f5f5f5;
  box-sizing: border-box;
  padding: 50px 0 35px;
}
.block-common-page-link-text ul{
  list-style: none;
  margin: 0;
  padding: 0;
}
.block-common-page-link-text ul li{
  margin-bottom: 15px;
  margin-right: 75px;
}
.block-common-page-link-text ul li:nth-last-of-type(1){
  margin-right: 0;
}
.block-common-page-link-text ul li a{
  color: #000;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1em;
  position: relative;
  text-decoration: none;
}
.block-common-page-link-text ul li a:before{
  background: url(/wp/wp-content/themes/recycle-eco/common/img/common/icon-btn-arrow-down-gr.svg) no-repeat;
  background-size: cover;
  content: "";
  display: inline-block;
  height: 24px;
  width: 24px;
  position :absolute;
  right: -35px;
  top: 50%;
  transform: translateY(-50%);
  transition: .3s;
}
.block-common-page-link-text ul li a:hover{
  color: #009944;
  text-decoration: underline;
}
@media screen and (max-width: 767px) { 
  .block-common-page-link-text{
    display: none;
  }
}

/* ディレクトリリンク */

.block-common-directory-link{
  padding: 80px 0;
}
.block-common-directory-link.bg-gray{
  background: #f5f5f5;
}
.block-common-directory-link h2{
  font-size: 4.0rem;
  line-height: 1em;
  margin-bottom: 50px;
}

.block-common-directory-link ul{
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
.block-common-directory-link ul li a{
  font-size: 1.6rem;
  height: 80px;
  padding-left: 20px;
  padding-right: 40px;
  width: 100%;
}
.block-common-directory-link ul li a.btn-base:after{
  height: 20px;
  width: 20px;
  right: 15px;
}
.block-common-directory-link ul li a.btn-base:hover:after{
  right: 10px;
}
@media screen and (max-width: 767px) { 
  .block-common-directory-link{
    padding-bottom: 60px;
    padding-top: 60px;
  }
  .block-common-directory-link h2{
    font-size: 2.4rem;
    margin-bottom: 30px;
  }
  .block-common-directory-link ul{
    display: block;
  }
  .block-common-directory-link ul li{
    margin-bottom: 20px;
  }
  .block-common-directory-link ul li a{
    height: 70px;
    text-align: center;
  }
}

/* サービス */

.block-common-service-tag{
  border: 1px solid #d9d9d9;
  border-radius: 10px;
  box-sizing: border-box;
  display: inline-block;
  margin-bottom: 40px;
  padding: 15px 30px;
}
.block-common-service-tag ul{
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  column-gap: 40px;
}
.block-common-service-tag ul li{
  font-size: 1.6rem;
  line-height: 1em;
}
.block-common-service-tag ul li span{
  border-radius: 5px;
  box-sizing: border-box;
  color: #fff;
  display: inline-block;
  font-size: 1.4rem;
  line-height: 1em;
  margin-right: 1em;
  padding: 7px 10px;
}
.block-common-service-tag ul li:nth-of-type(1) span{
  background: #6cbc78;
}
.block-common-service-tag ul li:nth-of-type(2) span{
  background: #cdb282;
}
@media screen and (max-width: 767px) { 
  .block-common-service-tag{
    display: block;
    padding-left: 15px;
    padding-right: 15px;
  }
  .block-common-service-tag ul{
    display: block;
  }
  .block-common-service-tag ul li{
    font-size: 1.5rem;
    line-height: 1em;
  }
  .block-common-service-tag ul li:nth-last-of-type(1){
    margin-top: 10px;
  }
  .block-common-service-tag ul li span{
    font-size: 1.2rem;
  }
}

.list-common-service{
  list-style: none;
  margin: 0;
  padding: 0;
}
.list-common-service.column-2{
  row-gap: 40px;
  margin-bottom: 40px;
}
.list-common-service li a{
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 4px 20px 0 rgba(0,0,0,0.15);
  display: block;
  text-decoration: none;
}
.list-common-service li a:hover{
  box-shadow: 0 4px 30px 0 rgba(0,0,0,0.40);
}
.list-common-service li a picture{
  border-radius: 10px 10px 0 0;
  display: block;
  padding-top: 55.5%;
  transition: .3s;
}
.list-common-service li.iron a picture{
  background: url(/wp/wp-content/themes/recycle-eco/common/img/service/pic-service-iron.jpg) no-repeat center center ;
  background-size: 100%;
}
.list-common-service li.non-iron a picture{
  background: url(/wp/wp-content/themes/recycle-eco/common/img/service/pic-service-non-iron.jpg) no-repeat center center ;
  background-size: 100%;
}
.list-common-service li.aluminum-sash a picture{
  background: url(/wp/wp-content/themes/recycle-eco/common/img/service/pic-service-aluminum-sash.jpg) no-repeat center center ;
  background-size: 100%;
}
.list-common-service li.spray a picture{
  background: url(/wp/wp-content/themes/recycle-eco/common/img/service/pic-service-spray.jpg) no-repeat center center ;
  background-size: 100%;
}
.list-common-service li.yokkoisho a picture{
  background: url(/wp/wp-content/themes/recycle-eco/common/img/service/pic-service-yokkoisho.jpg) no-repeat center center ;
  background-size: 100%;
}
.list-common-service li.umbrella a picture{
  background: url(/wp/wp-content/themes/recycle-eco/common/img/service/pic-service-umbrella.jpg) no-repeat center center ;
  background-size: 100%;
}
.list-common-service li.plant a picture{
  background: url(/wp/wp-content/themes/recycle-eco/common/img/service/pic-service-plant.jpg) no-repeat center center ;
  background-size: 100%;
}
.list-common-service li a:hover picture{
  background-size: 103%;
}
.list-common-service li a .title-area{
  box-sizing: border-box;
  padding-left: 25px;
  padding-right: 25px;
}
.list-common-service li a .title-area .tag-area{
  height: 130px;
  position: relative;
  display: flex;
  align-items: center;
}
.list-common-service li a .title-area .tag-area:after{
  background: url(/wp/wp-content/themes/recycle-eco/common/img/common/icon-btn-arrow-gr.svg) no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 30px;
  width: 30px;
  position :absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: .3s;
}
.list-common-service li a:hover .title-area .tag-area:after{
  right: -5px;
}
.list-common-service li a .title-area .tag-area ul{
  list-style: none;
  margin: 0 20px 0 0;
  padding: 0;
}
.list-common-service li a .title-area .tag-area ul li{
  border-radius: 5px;
  box-sizing: border-box;
  color: #fff;
  font-size: 1.3rem;
  line-height: 1em;
  margin-bottom: 5px;
  padding: 5px 10px;
  width: 100%;
}
.list-common-service li a .title-area .tag-area ul li.business{
  background: #6cbc78;
}
.list-common-service li a .title-area .tag-area ul li.government{
  background: #cdb282;
}
.list-common-service li a .title-area .tag-area ul li:nth-last-of-type(1){
  margin-bottom: 0;
}
.list-common-service li a .title-area .tag-area h3{
  color: #000;
  font-size: 2.4rem;
  font-weight: 600;
  line-height: 1.2em;
  width: calc(100% - 100px - 35px);
}
.list-common-service.column-3 li a .title-area .tag-area h3{
  font-size: 2.0rem;
}
.btn-common-service-individual{
  margin-top: 50px;
  display: flex;
  justify-content: flex-end;
}
@media screen and (max-width: 767px) { 
  .list-common-service.column-2,
  .list-common-service.column-3{
    row-gap: 30px;
  }
  .list-common-service.column-2{
    margin-bottom: 30px;
  }
  .list-common-service li a .title-area{
    padding: 20px;
  }
  .list-common-service li a .title-area .tag-area{
    height: auto;
    display: block;
  }
  .list-common-service li a .title-area .tag-area:after{
    height: 24px;
    width: 24px;
  }
  .list-common-service li a .title-area .tag-area ul{
    margin-bottom: 5px;
    margin-right: 0;
  }
  .list-common-service li a .title-area .tag-area ul li{
    display: inline-block;
    font-size: 1.2rem;
    margin-right: 5px;
    width: auto;
  }
  .list-common-service li a .title-area .tag-area ul li:nth-last-of-type(1){
    margin-right: 0;
  }
  .list-common-service li a .title-area .tag-area h3{
    font-size: 2.1rem;
    width: calc(100% - 29px);
  }
  .list-common-service.column-3 li{
    width: 100%;
  }
  .btn-common-service-individual{
    margin-top: 10px;
  }
  .btn-common-service-individual a{
    margin-left: 0;
    margin-right: 0;
    margin-top: 40px;
  }
}

/* ページャー */

.pager{
  margin: 50px 0 0;
  text-align: center;
}
.pager ul{
  list-style: none;
  margin: 0;
  padding: 0; 
  display: flex;
  justify-content: center;
  column-gap: 10px;
}
.pager ul li{
  margin: 0;
  padding: 0;
}
.pager ul li a{
  background: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 10px;
  box-sizing: border-box;
  font-size: 1.8rem;
  font-weight: bold;
  height: 55px;
  text-decoration: none;
  transition: .3s;
  width: 55px;
  display: flex;
  justify-content: center;
  align-items: center;
}

body.journal .pager ul li a,
body.news .pager ul li a,
body.post-type-archive-journal .pager ul li a,
body.post-type-archive-news .pager ul li a{
  color: #009944;
}
body.journal .pager ul li.current a,
body.news .pager ul li.current a,
body.post-type-archive-journal .pager ul li.current a,
body.tax-journal_author .pager ul li.current a,
body.post-type-archive-news .pager ul li.current a{
  background: #009944;
  border: 1px solid #009944;
  color: #fff;
}
body.journal .pager ul li a:hover,
body.news .pager ul li a:hover,
body.post-type-archive-journal .pager ul li a:hover,
body.tax-journal_author .pager ul li a:hover,
body.post-type-archive-news .pager ul li a:hover{
  background: #009944;
  border: 1px solid #009944;
  color: #fff;
}
body.demolition_info .pager ul li a,
body.post-type-archive-demolition_info .pager ul li a{
  color: #a98546;
}
body.demolition_info .pager ul li.current a,
body.post-type-archive-demolition_info .pager ul li.current a{
  background: #a98546;
  border: 1px solid #a98546;
  color: #fff;
}
body.demolition_info .pager ul li a:hover,
body.post-type-archive-demolition_info .pager ul li a:hover{
  background: #a98546;
  border: 1px solid #a98546;
  color: #fff;
}
@media screen and (max-width:767px) { 
  .pager ul{
    column-gap: 15px;
  }
  .pager ul li a{
    font-size: 1.6rem;
    height: 40px;
    width: 40px;
  } 
}

/* ディレクトリトップ */

.block-common-directory-top{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 60px 50px;
}
.block-common-directory-top a{
  border-radius: 10px;
  box-shadow: 0 4px 15px 0 rgba(0,0,0,0.15);
  box-sizing: border-box;
  display: block;
  position: relative;
  text-decoration: none;
  transition: .8s;
  padding: 15px 15px 40px;
}
.block-common-directory-top a:hover{
  box-shadow: 0 4px 25px 0 rgba(0,153,68,0.5);
}
.block-common-directory-top a:before{
  background: url(/wp/wp-content/themes/recycle-eco/common/img/common/icon-btn-arrow-gr.svg) no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 26px;
  width: 26px;
  position :absolute;
  right: 15px;
  bottom: 15px;
  transition: .3s;
}
  .block-common-directory-top a:hover:before{
    right: 10px;
  }
.block-common-directory-top a picture{
  border-radius: 10px;
  display: block;
  padding-top: 62.5%;
  transition: .3s;
}
.block-common-directory-top a .text-area{
  border-radius: 0 0 10px 10px;
  box-sizing: border-box;
}
.block-common-directory-top a .text-area h2{
  border-radius: 0 0 10px 10px;
  box-sizing: border-box;
  color: #000;
  font-size: 2.2rem;
  line-height: 1.4em;
  margin-bottom: 15px;
  margin-top: 15px;
  text-align: center;
  transition: .3s;
}
.block-common-directory-top a:hover .text-area h2{
  color: #009944;
}
.block-common-directory-top a .text-area p{
  color: #000;
  font-size: 1.6rem;
  line-height: 1.8em;
}
@media screen and (max-width: 767px) { 
  .block-common-directory-top{
    display: block;
  }
  .block-common-directory-top a{
    margin-bottom: 30px;
  }
  .block-common-directory-top a picture{
    padding-top: 50%;
  }
  .block-common-directory-top a .text-area h2{
    font-size: 2.0rem;
  }
  .block-common-directory-top a .text-area p{
    font-size: 1.6rem;
  }
}

/* リサイクル通信 */

ul.list-common-journal{
  list-style: none;
  margin: 0;
  padding: 0;
}
ul.list-common-journal li{
  font-size: 1.6rem;
  line-height: 1.8em;
  display: flex;
}
ul.list-common-journal li a{
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 4px 20px 0 rgba(0,0,0,0.15);
  box-sizing: border-box;
  display: block;
  text-decoration: none;
  width: 100%;
  display: flex;
  flex-direction: column;
}
ul.list-common-journal li a:hover{
  box-shadow: 0px 4px 25px 0px rgba(0,0,0,0.35);
}
ul.list-common-journal li a picture{
  background: no-repeat center center;
  background-size: 100%;
  border-radius: 10px 10px 0 0;
  display: block;
  padding-top: 57.1%;
  width: 100%;
  transition: .3s;
}
ul.list-common-journal li a:hover picture{
  background-size: 103%;
}
ul.list-common-journal li a div{
  box-sizing: border-box;
  padding: 30px;
  flex: 1;
}
ul.list-common-journal li a div p{
  color: #a98546;
  font-size: 1.5rem;
  line-height: 1.2em;
  margin-bottom: 15px;
}
ul.list-common-journal li a div h3{
  color: #000;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.6em;
}
@media screen and (max-width: 767px) { 
  ul.list-common-journal.column-3 li{
    width: 100%;
  }
  ul.list-common-journal li a div{
    padding: 20px;
  }
}

/* 解体業者様向け情報・お知らせ */

.list-common-info{
  list-style: none;
  margin: 0;
  padding: 0;
}
.list-common-info li{
  margin-bottom: 20px;
}
.list-common-info li:nth-last-of-type(1){
  margin-bottom: 0;
}
.list-common-info li a{
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 4px 20px 0 rgba(0,0,0,0.15);
  box-sizing: border-box;
  color: #000;
  line-height: 1.4em;
  padding: 20px 40px;
  position: relative;
  text-decoration: none;
  transition: .3s;
  display: flex;
  align-items: center;
}
.list-common-info li a:before{
  background: url(/wp/wp-content/themes/recycle-eco/common/img/common/icon-arrow-gr.svg) no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 13px;
  width: 8px;
  position :absolute;
  right: 40px;
  top: 50%;
  transform: translateY(-50%);
  transition: .3s;
}
.list-common-info li a:hover:before{
  right: 35px;
}
.list-common-info.news li a:hover{
  box-shadow: 0 4px 25px 0 rgba(0,153,68,0.5);
  color: #009944;
}
.list-common-info.demolition li a:hover{
  box-shadow: 0 4px 25px 0 rgba(169,133,70,0.5);
  color: #a98546;
}
.list-common-info.demolition li a:before{
  background: url(/wp/wp-content/themes/recycle-eco/common/img/common/icon-arrow-br.svg) no-repeat;
  background-size: contain;
}
.list-common-info li time{
  font-size: 1.7rem;
  margin-right: 2em;
  padding: 5px 0;
  width: 5em;
}
.list-common-info li h3{
  border-left: 1px solid #999;
  font-size: 1.7rem;
  line-height: 1.4em;
  font-weight: 400;
  padding: 5px 0 5px 2em;
  width: calc(100% - 5em - 2em - 2em - 20px);
}
@media screen and (max-width: 767px) { 
  .list-common-info li a{
    padding-left: 20px;
    padding-right: 20px;
    display: block;
  }
  .list-common-info li a:before{
    right: 15px;
  }
  .list-common-info li time{
    display: block;
    font-size: 1.5rem;
    font-weight: 500;
    margin-bottom: 10px;
    margin-right: 0;
    padding-bottom: 0;
    padding-top: 0;
    width: auto;
  }
  .list-common-info.news li time{
    color: #009944;
  }
  .list-common-info.demolition li time{
    color: #a98546;
  }
  .list-common-info li h3{
    border-left: none;
    font-size: 1.6rem;
    padding: 0;
    width: calc(100% - 20px);
  }
}

/* よくあるご質問 */

.block-common-faq .block{
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 4px 20px 0 rgba(0,0,0,0.15);
  box-sizing: border-box;
  margin-bottom: 30px;
  padding: 30px 3%;
}
.block-common-faq .block:nth-last-of-type(1){
  margin-bottom: 0;
}
.block-common-faq .block h3{
  border-bottom: 1px solid #d9d9d9;
  font-size: 2.2rem;
  line-height: 1.4em;
  margin-bottom: 30px;
  padding-bottom: 30px;
  padding-left: 55px;
  position: relative;
}
.block-common-faq .block h3:before{
  background: #009944;
  border-radius: 50%;
  color: #fff;
  content: "Q";
  height: 40px;
  line-height: 1em;
  width: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  position :absolute;
  left: 0;
  top: -5px;
}
.block-common-faq .block div{
  padding-left: 55px;
  position: relative;
}
.block-common-faq .block div:before{
  background: #cdb282;
  border-radius: 50%;
  color: #fff;
  content: "A";
  font-size: 2.2rem;
  font-weight: 700;
  height: 40px;
  line-height: 1em;
  width: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  position :absolute;
  left: 0;
  top: -5px;
}
.block-common-faq .block div p{
  font-size: 1.7rem;
  line-height: 1.8em;
  margin-bottom: 1em;
}
.block-common-faq .block div p:nth-last-of-type(1){
  margin-bottom: 0;
}
@media screen and (max-width:767px) { 
  .block-common-faq .block{
    margin-bottom: 20px;
    padding: 20px 5%;
  }
  .block-common-faq .block h3{
    border-bottom: 1px solid #d9d9d9;
    font-size: 1.9rem;
    margin-bottom: 25px;
    padding-bottom: 25px;
    padding-left: 45px;
    position: relative;
  }
  .block-common-faq .block h3:before{
    height: 34px;
    width: 34px;
    top: -3px;
  }
  .block-common-faq .block div{
    padding-left: 45px;
  }
  .block-common-faq .block div:before{
    height: 34px;
    width: 34px;
    top: -3px;
  }
  .block-common-faq .block div p{
    font-size: 1.6rem;
  }
}

/* -----------------
 トップページ
-------------------- */

/* 共通 */

body.top .gnav-list li:nth-of-type(1) a{
  color: #009944;
}
body.top .gnav-list li:nth-of-type(1) a:before{
  transform: scale(1, 1);
}
body.top #wrapper{
  padding-top: 0;
}
.block-top-common{
  padding: 120px 0 140px;
}
.h2-top-under-lead{
  font-size: 1.8rem;
  line-height: 2.0em;
}
@media screen and (max-width: 767px) { 
  body.top .gnav-list li:nth-of-type(2) a{
    color: #000;
  }
  body.home #wrapper,
  body.top #wrapper{
    padding-top: 155px;
  }
  .block-top-common{
    padding-bottom: 80px;
    padding-top: 80px;
  }
  .h2-top-under-lead{
    font-size: 1.7rem;
    line-height: 1.8em;
  }
}

/* メインビジュアル */

.block-top-mv{
  position: relative;
  overflow: visible;
}
.block-top-mv .bg{
  position: absolute;
  inset: 0;
  z-index: 1;
  overflow: hidden;
}
.block-top-mv .bg .bg-track{
  display: flex;
  height: 100%;
  will-change: transform;
  transform: translateX(0);
}
.block-top-mv .bg .bg-slide{
  flex: 0 0 100%;
  min-width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}
.block-top-mv .bg .bg-slide .bg-slide-image{
  position: absolute;
  inset: 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  transform: scale(1.06);
}
.block-top-mv .bg .bg-slide .bg-slide-image.mv-01{
  background-image: url(/wp/wp-content/themes/recycle-eco/common/img/top/mv-01.jpg);
}
.block-top-mv .bg .bg-slide .bg-slide-image.mv-02{
  background-image: url(/wp/wp-content/themes/recycle-eco/common/img/top/mv-02.jpg);
}
.block-top-mv .bg .bg-slide .bg-slide-image.mv-03{
  background-image: url(/wp/wp-content/themes/recycle-eco/common/img/top/mv-03.jpg);
}
.block-top-mv .bg .bg-slide .bg-slide-image.mv-04{
  background-image: url(/wp/wp-content/themes/recycle-eco/common/img/top/mv-04.jpg);
}
/* 今表示中の画像だけズームアウト */
.block-top-mv .bg .bg-slide.is-zoom .bg-slide-image{
  transform: scale(1.06);
  animation: mvZoomOut 4.2s ease-out var(--mv-zoom-delay, 0.4s) forwards;
}
@keyframes mvZoomOut {
  0% {
    transform: scale(1.06);
  }
  100% {
    transform: scale(1.0);
  }
}
.block-top-mv::before{
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.10);
  z-index: 2;
  pointer-events: none;
}
.block-top-mv .layout{
  position: relative;
  z-index: 3;
  height: 750px;
  display: flex;
  align-items: center;
}
.block-top-mv .copy-area{
  padding-top: 100px;
}
.block-top-mv .copy-area p.main{
  font-size: 5.8rem;
  font-weight: 700;
  line-height: 1.4em;
  margin-bottom: 60px;
  text-shadow:
    0 0 10px #fff,
    0 0 10px #fff,
    0 0 10px #fff,
    0 0 10px #fff,
    0 0 10px #fff,
    0 0 10px #fff,
    0 0 10px #fff,
    0 0 10px #fff,
    0 0 10px #fff,
    0 0 10px #fff,
    0 0 10px #fff,
    0 0 10px #fff,
    0 0 10px #fff,
    0 0 10px #fff,
    0 0 10px #fff,
    0 0 10px #fff,
    0 0 10px #fff,
    0 0 10px #fff,
    0 0 10px #fff;
}
.block-top-mv .copy-area p.sub{
  font-size: 2.0rem;
  font-weight: 500;
  line-height: 1.8em;
  margin-bottom: 40px;
  text-shadow:
    0 0 10px #fff,
    0 0 10px #fff,
    0 0 10px #fff,
    0 0 10px #fff,
    0 0 10px #fff,
    0 0 10px #fff,
    0 0 10px #fff,
    0 0 10px #fff,
    0 0 10px #fff,
    0 0 10px #fff,
    0 0 10px #fff,
    0 0 10px #fff,
    0 0 10px #fff,
    0 0 10px #fff,
    0 0 10px #fff,
    0 0 10px #fff,
    0 0 10px #fff,
    0 0 10px #fff,
    0 0 10px #fff;
}
.block-top-mv .copy-area a{
  font-size: 1.8rem;
  height: 80px;
}
.block-top-mv .mv-pager{
  transform: translateX(-50%);
  width: max-content;
  z-index: 4;
  position: absolute;
  left: 50%;
  bottom: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  gap: 12px;
}
.block-top-mv .mv-pager .pager-dot{
  background: #aaa;
  border-radius: 50%;
  height: 12px;
  cursor: pointer;
  margin: 0;
  padding: 0;
  transition: background-color .3s ease, transform .3s ease;
  width: 12px;
  flex: 0 0 auto;
  appearance: none;
  -webkit-appearance: none;
}
.block-top-mv .mv-pager .pager-dot.is-active{
  background: #fff;
  transform: scale(1.3);
}
.block-top-mv .mv-pager .mv-toggle{
  color: #fff;
  cursor: pointer;
  font-size: 0;
  line-height: 1;
  margin: 0 0 0 5px;
  padding: 0;
  position: relative;
  transition: background .3s ease, border-color .3s ease, transform .3s ease;
  flex: 0 0 auto;
  appearance: none;
  -webkit-appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.block-top-mv.is-paused .bg-slide.is-zoom .bg-slide-image{
  animation-play-state: paused;
}
.block-top-mv .mv-pager .mv-toggle:before{
  content: "\f28b";
  font-family: "Font Awesome 7 Free";
  font-size: 2.0rem;
}
.block-top-mv.is-paused .mv-pager .mv-toggle:before{
  content: "\f144";
  font-family: "Font Awesome 7 Free";
  font-size: 2.0rem;
}
@media screen and (max-width: 767px) {
  .block-top-mv{
    height: 400px;
  }
  .block-top-mv .bg .bg-slide .bg-slide-image.mv-01{
    background-image: url(/wp/wp-content/themes/recycle-eco/common/img/top/mv-01-sp.jpg);
  }
  .block-top-mv .bg .bg-slide .bg-slide-image.mv-02{
    background-image: url(/wp/wp-content/themes/recycle-eco/common/img/top/mv-02-sp.jpg);
  }
  .block-top-mv .bg .bg-slide .bg-slide-image.mv-03{
    background-image: url(/wp/wp-content/themes/recycle-eco/common/img/top/mv-03-sp.jpg);
  }
  .block-top-mv .bg .bg-slide .bg-slide-image.mv-04{
    background-image: url(/wp/wp-content/themes/recycle-eco/common/img/top/mv-04-sp.jpg);
  }
  .block-top-mv .layout{
    display: block;
    height: 400px;
    position: relative;
  }
  .block-top-mv .copy-area{
    padding-top: 35px;
  }
  .block-top-mv .copy-area p.main{
    font-size: 3.0rem;
    line-height: 1.6em;
    margin-bottom: 30px;
    text-shadow:
      0 0 10px #fff,
      0 0 10px #fff,
      0 0 10px #fff,
      0 0 10px #fff,
      0 0 10px #fff,
      0 0 10px #fff,
      0 0 10px #fff,
      0 0 10px #fff,
      0 0 10px #fff,
      0 0 10px #fff,
      0 0 10px #fff,
      0 0 10px #fff,
      0 0 10px #fff;
    }
  .block-top-mv .copy-area p.sub{
    display: none;
  }
  .block-top-mv .copy-area a{
    transform: translateX(-50%);
    width: 80%;
    position: absolute;
    left: 50%;
    bottom: -40px;
  }
  .block-top-mv .mv-pager{
    display: none;
  }
}

/* メインビジュアル下 */

.block-top-under-mv{
  background: linear-gradient(to bottom, #ffffff 0%,#fbf7e2 20%,#ecf9e8 100%);
  padding: 80px 0 140px;
}
.block-top-under-mv .layout .inner{
  background: #fff;
  border-radius: 20px;
  padding: 60px 50px;
  text-align: left;
}
.block-top-under-mv .layout h2{
  font-size: 2.8rem;
  font-weight: 700;
  line-height: 1.8em;
  margin-bottom: 65px;
}
.block-top-under-mv .layout .inner .flex-nowrap picture{
  display: block;
  margin-top: 5px;
  margin-right: -120px;
  order: 2;
  width: 500px;
}
.block-top-under-mv .layout .inner .flex-nowrap .text-area{
  width: calc(100% - 380px - 7%);
}
.block-top-under-mv .layout .inner .flex-nowrap .text-area p{
  font-size: 1.7rem;
  line-height: 1.8em;
  margin-bottom: 1.5em;
}
.block-top-under-mv .layout .inner .flex-nowrap .text-area .btn-area{
  margin-top: 50px;
}
@media screen and (min-width:768px) and ( max-width:1360px) {
  .block-top-under-mv .layout .inner .flex-nowrap .text-area{
    width: calc(100% - 45% + 70px - 7%);
  }
  .block-top-under-mv .layout .inner .flex-nowrap picture{
    margin-right: -70px;
    width: 45%;
  }
}
@media screen and (max-width: 767px) { 
  .block-top-under-mv{
    padding-bottom: 80px;
  }
  .block-top-under-mv .layout .inner{
    border-radius: 10px;
    padding: 30px 5%;
  }
  .block-top-under-mv .layout h2{
    font-size: 2.1rem;
    margin-bottom: 30px;
  }
  .block-top-under-mv .layout .inner .flex-nowrap picture{
    display: block;
    margin-top: 5px;
    margin-right: -120px;
    width: 500px;
    transition: .3s;
  }
  .block-top-under-mv .layout .inner .flex-nowrap picture{
    margin-bottom: 30px;
    margin-top: 0;
    margin-right: 0;
    width: 100%;
  }
  .block-top-under-mv .layout .inner .flex-nowrap .text-area{
    width: 100%;
  }
  .block-top-under-mv .layout .inner .flex-nowrap .text-area .btn-area a{
    width: 100%;
  }
}

/* 特長 */

.block-top-common.features{
  background: url(/wp/wp-content/themes/recycle-eco/common/img/top/bg-features.jpg) no-repeat center bottom;
  background-size: 100%;
  padding-bottom: 280px;
}
.block-top-common .block-top-features{
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 4px 20px 0 rgba(0,0,0,0.15);
  margin-bottom: 50px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.block-top-common .block-top-features:nth-of-type(1){
  margin-top: 70px;
}
.block-top-common .block-top-features picture{
  border-radius: 10px 0 0 10px;
  display: block;
  height: auto;
  min-height: 285px;
  width: 400px;
}
.block-top-common .block-top-features picture.features-01{
  background: url(/wp/wp-content/themes/recycle-eco/common/img/top/pic-features-01.jpg) no-repeat center center ;
  background-size: cover;
}
.block-top-common .block-top-features picture.features-02{
  background: url(/wp/wp-content/themes/recycle-eco/common/img/top/pic-features-02.jpg) no-repeat center center ;
  background-size: cover;
}
.block-top-common .block-top-features picture.features-03{
  background: url(/wp/wp-content/themes/recycle-eco/common/img/top/pic-features-03.jpg) no-repeat center center ;
  background-size: cover;
}
.block-top-common .block-top-features picture.features-04{
  background: url(/wp/wp-content/themes/recycle-eco/common/img/top/pic-features-04.jpg) no-repeat center center ;
  background-size: cover;
}
.block-top-common .block-top-features picture.features-05{
  background: url(/wp/wp-content/themes/recycle-eco/common/img/top/pic-features-05.jpg) no-repeat center center ;
  background-size: cover;
}
.block-top-common .block-top-features .text-area{
  margin-left: 60px;
  margin-right: 120px;
  width: calc(100% - 400px - 60px - 120px);
}
.block-top-common .block-top-features .text-area h3{
  font-size: 2.6rem;
  font-weight: 600;
  letter-spacing: 5%;
  line-height: 1.6em;
  margin-bottom: 30px;
}
.block-top-common .block-top-features .text-area p{
  font-size: 1.7rem;
  line-height: 2.0em;
}
.block-top-common .block-top-features .number{
  background: #009944;
  border-radius: 0 10px 0 10px;
  color: #fff;  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: 4.0rem;
  font-weight: 500;
  height: 90px;
  width: 90px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 0;
  top: 0;
}
.block-top-common .block-top-features:nth-of-type(even) .text-area{
  margin-left: 120px;
  margin-right: 60px;
}
.block-top-common .block-top-features:nth-of-type(even) picture{
  border-radius: 0 10px 10px 0;
  margin-right: 0;
  order: 2;
}
.block-top-common .block-top-features:nth-of-type(even) .number{
  border-radius: 10px 0 10px 0;
  position: absolute;
  left: 0;
  right: auto;
}
.block-top-common.features .btn-area{
  margin-top: 70px;
}
.block-top-common.features .btn-area ul{
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  column-gap: 50px;
}
@media screen and (min-width: 768px) and ( max-width: 1080px) {
  .block-top-common .block-top-features picture{
    width: 40%;
  }
  .block-top-common .block-top-features .text-area{
    margin-left: 30px;
    margin-right: 70px;
    width: calc(100% - 40%);
  }
  .block-top-common .block-top-features .number{
    font-size: 3.0rem;
    height: 60px;
    width: 60px;
  }
  .block-top-common .block-top-features:nth-of-type(even) .text-area{
    margin-left: 90px;
    margin-right: 30px;
  }
}
@media screen and (min-width: 768px) and ( max-width: 900px) {
  .block-top-common.features .btn-area ul li{
    width: calc((100% - 50px ) / 2);
  }
  .block-top-common.features .btn-area ul a{
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .block-top-common.features{
    background: url(/wp/wp-content/themes/recycle-eco/common/img/top/bg-features-sp.jpg) no-repeat center bottom;
    background-size: 100%;
    padding-bottom: 150px;
  }
  .block-top-common .block-top-features{
    margin-bottom: 30px;
    display: block;
  }
  .block-top-common .block-top-features:nth-of-type(1){
    margin-top: 30px;
  }
  .block-top-common .block-top-features picture{
    border-radius: 10px 10px 0 0;
    height: 250px;
    min-height: auto;
    width: 100%;
  }
  .block-top-common .block-top-features .text-area{
    box-sizing: border-box;
    margin-left: 0;
    margin-right: 0;
    padding: 30px 20px;
    width: 100%;
  }
  .block-top-common .block-top-features .text-area h3{
    font-size: 2.2rem;
    letter-spacing: 0;
    line-height: 1.4em;
    margin-bottom: 20px;
  }
  .block-top-common .block-top-features .text-area p{
    font-size: 1.7rem;
    line-height: 1.8em;
  }
  .block-top-common .block-top-features .number{
    border-radius: 10px 0 10px 0;
    font-size: 3.4rem;
    height: 60px;
    width: 60px;
    left: 0;
    right: auto;
  }
  .block-top-common .block-top-features:nth-of-type(even) .text-area{
    margin-left: 0;
    margin-right: 0;
  }
  .block-top-common .block-top-features:nth-of-type(even) picture{
    border-radius: 10px 10px 0 0;
  }
  .block-top-common.features .btn-area{
    margin-top: 50px;
  }
  .block-top-common.features .btn-area ul{
    display: block;
  }
  .block-top-common.features .btn-area ul li:nth-of-type(1){
    margin-bottom: 30px;
  }
}

/* サービス */

.block-common-service-tag{
 margin-top: 50px;
}
@media screen and (max-width: 767px) { 
  .block-common-service-tag{
   margin-top: 40px;
  }
}

/* 私たちの取り組み */

.block-top-common.initiatives{
  background: url(/wp/wp-content/themes/recycle-eco/common/img/top/bg-initiatives.jpg) no-repeat center top;
  background-size: cover;
}
.block-initiatives-eco-pic-area{
  margin-bottom: 30px;
  display: flex;
  justify-content: space-between;
  column-gap: 60px;
}
.block-initiatives-eco-pic-area picture{
  display: block;
  width: calc((100% - 60px) / 2);
}
.block-top-common.initiatives ul{
  list-style: none;
  margin: 60px 0 0;
  padding: 0;
  row-gap: 30px;
}
.block-top-common.initiatives ul li a{
  width: 100%;
}
@media screen and (max-width: 767px) { 
  .block-top-common.initiatives{
    background: url(/wp/wp-content/themes/recycle-eco/common/img/top/bg-initiatives-sp.jpg) no-repeat left top;
    background-size: cover;
  }
  .block-initiatives-eco-pic-area{
    display: block;
  }
  .block-initiatives-eco-pic-area picture{
    margin-bottom: 15px;
    width: 100%;
  }
  .block-top-common.initiatives ul{
    margin-top: 40px;
    row-gap: 20px;
  }
  .block-top-common.initiatives ul li a{
    text-align: center;
  }
}

/* 会社案内 */

.block-top-common.company{
  background: linear-gradient(to top, #ffffff 0%,#fbf7e2 30%,#ecf9e8 100%);
}
.block-top-common.company .flex-wrap{
  column-gap: 70px;
}
.block-top-common.company .flex-wrap .text-area{
  width: calc(100% - 400px 70px);
}
.block-top-common.company .flex-wrap .btn-area{
  width: 400px;
}
.block-top-common.company .flex-wrap .btn-area ul{
  list-style: none;
  margin: 0;
  padding: 0;
}
.block-top-common.company .flex-wrap .btn-area ul li{
  margin-bottom: 30px;
}
.block-top-common.company .flex-wrap .btn-area ul li:nth-last-of-type(1){
  margin-bottom: 0;
}
@media screen and (max-width: 767px) { 
  .block-top-common.company .flex-wrap .btn-area{
    margin-top: 40px;
    width: 100%;
  }
  .block-top-common.company .flex-wrap .btn-area ul li{
    margin-bottom: 20px;
  }
}

/* リサイクル通信 */

.block-top-common.journal{
  padding-bottom: 100px;
  padding-top: 0;
}
.block-top-common.journal .layout{
  background: url(/wp/wp-content/themes/recycle-eco/common/img/top/bg-journal.jpg) no-repeat center top;
  background-size: 100%;
  border-radius: 20px;
  padding: 60px 60px 0;
}
.block-top-common.journal .layout h2{
  color: #fff;
  font-size: 3.6rem;
  line-height: 1.4em;
  margin-bottom: 65px;
}
.block-top-common.journal .layout .h2-top-under-lead{
  color: #fff;
}
.block-top-common.journal .layout ul.list-common-journal{
  margin-top: 60px;
}
.block-top-common.journal .layout .btn-area{
  position: absolute;
  right: 60px;
  top: 60px;
}
@media screen and (max-width: 767px) {
  .block-top-common.journal{
    padding-bottom: 80px;
  }
  .block-top-common.journal .layout{
    background: url(/wp/wp-content/themes/recycle-eco/common/img/top/bg-journal-sp.jpg) no-repeat center top;
    background-size: 100%;
    padding: 40px 20px 0;
  }
  .block-top-common.journal .layout h2{
    font-size: 2.8rem;
    line-height: 1.4em;
    margin-bottom: 30px;
    text-align: center;
  }
  .block-top-common.journal .layout ul.list-common-journal.column-3{
    margin-top: 40px;
    gap: 30px 0;
  }
  .block-top-common.journal .layout .btn-area{
    margin-top: 40px;
    position: static;
  }
}

/* お知らせ・解体業者様向け情報 */

.block-top-common.info-area{
  padding-top: 0;
}
.block-top-common .block-demolition_info,
.block-top-common .block-news{
  border-radius: 20px;
  box-sizing: border-box;
  padding: 60px 5%;
  position: relative;
}
.block-top-common .block-demolition_info h2,
.block-top-common .block-news h2{
  font-size: 3.6rem;
  line-height: 1.2em;
  margin-bottom: 60px;
}
.block-top-common .block-demolition_info .btn-area,
.block-top-common .block-news .btn-area{
  position: absolute;
  right: 60px;
  top: 60px;
}
.block-top-common .block-news{
  background: #f2fbef;
  margin-bottom: 40px;
}
.block-top-common .block-demolition_info{
  background: #fcf9eb;
}
@media screen and (max-width: 767px) { 
  .block-top-common .block-demolition_info,
  .block-top-common .block-news{
    border-radius: 10px;
    padding: 40px 20px;
  }
  .block-top-common .block-demolition_info h2,
  .block-top-common .block-news h2{
    font-size: 2.4rem;
    margin-bottom: 30px;
    text-align: center;
  }
  .block-top-common .block-demolition_info .btn-area,
  .block-top-common .block-news .btn-area{
    margin-top: 40px;
    position: static;
  }
  .block-top-common .block-news{
    margin-bottom: 30px;
  }
}

/* -----------------
 特長
-------------------- */

.block-features{
  margin-bottom: 100px;
  display: flex;
  justify-content: space-between;
}
.block-features:nth-last-of-type(1){
  margin-bottom: 0;
}
.block-features .text-area{
  width: calc(100% - 40% - 5%);
}
.block-features:nth-of-type(even) .text-area{
  order: 2;
}
#business .block-features .text-area{
  order: 2;
}
#government .block-features:nth-of-type(even) .text-area{
  order: 1;
}
#government .block-features .pic-area{
  order: 2;
}
.block-features .text-area h3{
  font-size: 2.8rem;
  font-weight: 700;
  line-height: 1.6em;
  margin-bottom: 40px;
}
.block-features .text-area p{
  font-size: 1.8rem;
  line-height: 2.0em;
  margin-bottom: 1.5em;
}
.block-features .text-area p:nth-last-of-type(1){
  margin-bottom: 0;
}
.block-features .pic-area{
  width: 40%;
}
.block-features .pic-area picture{
  border-radius: 10px;
  display: block;
  padding-top: 70%;
  position: relative;
}
.block-features .pic-area picture span{
  background: #009944;
  border-radius: 10px 0 10px 0;
  color: #fff;  font-family: "Zen Kaku Gothic New", sans-serif;
  display: block;
  font-size: 4.0rem;
  font-weight: 500;
  height: 90px;
  transition: .3s;
  width: 90px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 0;
  top: 0;
}
.block-features .pic-area picture.pic-01{
  background: url(/wp/wp-content/themes/recycle-eco/common/img/features/pic-01.jpg) no-repeat center center;
  background-size: 100%;
}
.block-features .pic-area picture.pic-02{
  background: url(/wp/wp-content/themes/recycle-eco/common/img/features/pic-02.jpg) no-repeat center center;
  background-size: 100%;
}
.block-features .pic-area picture.pic-03{
  background: url(/wp/wp-content/themes/recycle-eco/common/img/features/pic-03.jpg) no-repeat center center;
  background-size: 100%;
}
.block-features .pic-area picture.pic-04{
  background: url(/wp/wp-content/themes/recycle-eco/common/img/features/pic-04.jpg) no-repeat center center;
  background-size: 100%;
}
.block-features .pic-area picture.pic-05{
  background: url(/wp/wp-content/themes/recycle-eco/common/img/features/pic-05.jpg) no-repeat center center;
  background-size: 100%;
}
.block-features .pic-area picture.pic-06{
  background: url(/wp/wp-content/themes/recycle-eco/common/img/features/pic-06.jpg) no-repeat center center;
  background-size: 100%;
}
.block-features .pic-area picture.pic-07{
  background: url(/wp/wp-content/themes/recycle-eco/common/img/features/pic-07.jpg) no-repeat center center;
  background-size: 100%;
}
.block-features .pic-area picture.pic-08{
  background: url(/wp/wp-content/themes/recycle-eco/common/img/features/pic-08.jpg) no-repeat center center;
  background-size: 100%;
}
.block-features .pic-area picture.pic-09{
  background: url(/wp/wp-content/themes/recycle-eco/common/img/features/pic-09.jpg) no-repeat center center;
  background-size: 100%;
}
.block-features .pic-area picture.pic-10{
  background: url(/wp/wp-content/themes/recycle-eco/common/img/features/pic-10.jpg) no-repeat center center;
  background-size: 100%;
}
.block-features .pic-area picture.pic-11{
  background: url(/wp/wp-content/themes/recycle-eco/common/img/features/pic-11.jpg) no-repeat center center;
  background-size: 100%;
}
.block-features .pic-area picture.pic-12{
  background: url(/wp/wp-content/themes/recycle-eco/common/img/features/pic-12.jpg) no-repeat center center;
  background-size: 100%;
}
@media screen and (max-width: 1200px) { 
  .block-features .pic-area picture span{
    font-size: 3.4rem;
    height: 70px;
    width: 70px;
  }
}
@media screen and (max-width: 767px) { 
  .block-features{
    border-bottom: 1px solid #d9d9d9;
    display: block;
    margin-bottom: 50px;
    padding-bottom: 50px;
  }
  .block-features:nth-last-of-type(1){
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
  }
  .block-features .text-area{
    width: 100%;
  }
  .block-features .text-area h3{
    font-size: 2.1rem;
    margin-bottom: 30px;
  }
  .block-features .text-area p{
    font-size: 1.7rem;
  }
  .block-features .pic-area{
    margin-bottom: 20px;
    width: 100%;
  }
  .block-features .pic-area picture span{
    font-size: 3.0rem;
    height: 60px;
    width: 60px;
  }
}

/* -----------------
 サービス案内
-------------------- */

/* h1エリア */

.h1-area .target span{
  border-radius: 5px;
  box-sizing: border-box;
  color: #fff;
  display: inline-block;
  font-size: 1.4rem;
  line-height: 1em;
  margin-right: 10px;
  margin-top: 10px;
  padding: 7px 10px;
}
.h1-area .target span.business{
  background: #6cbc78;
}
.h1-area .target span.government{
  background: #cdb282;
}
.h1-area .btn-area{
  position: absolute;
  right: 0;
  bottom: 20px;
}
body.page-id-184 .h1-area h1,
body.service.spray .h1-area h1{
  font-size: 5.0rem;
}
@media screen and (max-width: 767px) {
  body.page-id-184 .h1-area h1,
  body.service.spray .h1-area h1{
    font-size: 2.6rem;
  }
  .h1-area .btn-area{
    right: 0;
    bottom: -25px;
  }
  .h1-area .btn-area a.btn-base.round{
    height: 50px;
    width: 220px;
  }
}

/* 概要 */

.block-service-outline{
  margin-bottom: 80px;
}
.block-service-outline .flex-nowrap picture{
  display: block;
  order: 2;
  width: 45%;
}
.block-service-outline .flex-nowrap picture img{
  border-radius: 10px;
}
.block-service-outline .flex-nowrap .text-area{
  width: calc(100% - 45% - 5%);
}
.block-service-outline .flex-nowrap .text-area h2{
  font-size: 2.8rem;
  line-height: 1.8em;
  margin-bottom: 50px;
}
@media screen and (max-width: 767px) {
  .block-service-outline{
    margin-bottom: 50px;
    padding-left: 0;
    padding-right: 0;
  }   
  .block-service-outline .flex-nowrap picture{
    margin-bottom: 30px;
    width: 100%;
  }
  .block-service-outline .flex-nowrap .text-area{
    width: 100%;
  }
  .block-service-outline .flex-nowrap .text-area h2{
    font-size: 2.2rem;
    line-height: 1.6em;
    margin-bottom: 30px;
  }
}

/* 課題や不安を抱えていませんか？ */

.block-service-issue{
  margin-top: -80px;
  padding-top: 80px;
}
.block-service-issue .h2-area{
  border-radius: 20px;
  text-align: center;
  height: 360px;
}
.block-service-issue .h2-area h2{
  box-sizing: border-box;
  border-bottom: 2px solid #fff;
  color: #fff;
  display: inline-block;
  font-size: 3.2rem;
  line-height: 1.2em;
  padding-bottom: 30px;
  padding-top: 100px;
  position: relative;
}
.block-service-issue .h2-area h2:before{
  content: "";
  border-style: solid;
  border-right: 12px solid transparent;
  border-left: 12px solid transparent;
  border-top: 24px solid #fff;
  border-bottom: 0;
  display: inline-block;
  height: 0;
  width: 0;
  position :absolute;
  left: 50%;
  bottom: -26px;
  transform: translatex(-50%);
}
body.page-id-171 .block-service-issue .h2-area,
body.iron .block-service-issue .h2-area{
  background: url(/wp/wp-content/themes/recycle-eco/common/img/service/bg-issue-iron.jpg) no-repeat left center;
  background-size: cover;
}
body.page-id-176 .block-service-issue .h2-area,
body.non-iron .block-service-issue .h2-area{
  background: url(/wp/wp-content/themes/recycle-eco/common/img/service/bg-issue-non-iron.jpg) no-repeat left center;
  background-size: cover;
}
body.page-id-179 .block-service-issue .h2-area,
body.aluminum-sash .block-service-issue .h2-area{
  background: url(/wp/wp-content/themes/recycle-eco/common/img/service/bg-issue-aluminum-sash.jpg) no-repeat left center;
  background-size: cover;
}
body.page-id-184 .block-service-issue .h2-area,
body.spray .block-service-issue .h2-area{
  background: url(/wp/wp-content/themes/recycle-eco/common/img/service/bg-issue-spray.jpg) no-repeat left center;
  background-size: cover;
}
body.page-id-188 .block-service-issue .h2-area,
body.yokkoisho .block-service-issue .h2-area{
  background: url(/wp/wp-content/themes/recycle-eco/common/img/service/bg-issue-yokkoisho.jpg) no-repeat left center;
  background-size: cover;
}
body.page-id-191 .block-service-issue .h2-area,
body.umbrella .block-service-issue .h2-area{
  background: url(/wp/wp-content/themes/recycle-eco/common/img/service/bg-issue-umbrella.jpg) no-repeat left center;
  background-size: cover;
}
body.plant .block-service-issue .h2-area{
  background: url(/wp/wp-content/themes/recycle-eco/common/img/service/bg-issue-plant.jpg) no-repeat left center;
  background-size: cover;
}
.block-service-issue .block-list-area{
  background: #fbf7f2;
  border-radius: 10px;
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
  margin-top: -120px;
  padding: 40px;
  width: calc(100% - 100px);
}
.block-service-issue .block-list-area ul{
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;  
}
.block-service-issue .block-list-area ul li{
  background: #fff;
  border-radius: 10px;
  box-sizing: border-box;
  font-size: 1.8rem;
  line-height: 1.8em;
  padding: 30px 40px 30px 70px;
  display: flex;
  align-items: center; 
}
.block-service-issue .block-list-area ul li span{
  display: block;
  position: relative;
}
.block-service-issue .block-list-area ul li span:before{
  background: url(/wp/wp-content/themes/recycle-eco/common/img/common/icon-cheack.svg) no-repeat left center;
  background-size: cover;
  content: "";
  display: inline-block;
  height: 30px;
  width: 39px;
  position :absolute;
  left: -50px;
  top: 8px;
}
@media screen and (max-width: 767px) { 
  .block-service-issue .h2-area{
    border-radius: 0;
    height: 250px;
  }
  .block-service-issue .h2-area h2{
    font-size: 2.0rem;
    line-height: 1.4em;
    padding-bottom: 20px;
    padding-top: 50px;
  }
  .block-service-issue .h2-area h2:before{
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    border-top: 16px solid #fff;
    left: 50%;
    bottom: -18px;
    transform: translatex(-50%);
  }
  body.iron .block-service-issue .h2-area{
    border-radius: 10px;
  }
  .block-service-issue .block-list-area{
    margin-left: -20px;
    margin-top: -70px;
    padding: 20px;
    width: calc(100% + 40px);
  }
  .block-service-issue .block-list-area ul{
    display: block;
  }
  .block-service-issue .block-list-area ul li{
    font-size: 1.7rem;
    margin-bottom: 20px;
    padding: 20px 20px 20px 57px;
  }
  .block-service-issue .block-list-area ul li:nth-last-of-type(1){
    margin-bottom: 0;
  }
  .block-service-issue .block-list-area ul li span:before{
    background: url(/wp/wp-content/themes/recycle-eco/common/img/common/icon-cheack.svg) no-repeat left center;
    background-size: cover;
    content: "";
    display: inline-block;
    height: 20px;
    width: 26px;
    position :absolute;
    left: -36px;
    top: 8px;
  }
}

/* 選ばれてきた理由 */

.block-service-features{
  margin-bottom: 90px;
}
.block-service-features:nth-last-of-type(1){
  margin-bottom: 0;
}
.block-service-features .text-area{
  width: calc(100% - 40% - 5%);
}
.block-service-features .text-area h3{
  margin-bottom: 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.block-service-features .text-area h3 span.number{
  background: #009944;
  border-radius: 50%;
  color: #fff;
  font-size: 1.7rem;
  font-weight: normal;
  height: 77px;
  line-height: 1em;
  width: 77px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.block-service-features .text-area h3 span.title{
  display: block;
  font-size: 2.8rem;
  margin-top: -10px;
  line-height: 1.6em;
  width: calc(100% - 77px - 20px);
}
.block-service-features .text-area p{
  font-size: 1.8rem;
  line-height: 2.0em;
  margin-bottom: 1.5em;
}
.block-service-features .text-area p:nth-last-of-type(1){
  margin-bottom: 0;
}

.block-service-features .pic-area{
  width: 40%;
}
.block-service-features .pic-area picture{
  border-radius: 10px;
  display: block;
  padding-top: 60%;
}
.block-service-features:nth-of-type(even) .text-area{
  order: 2;
}
.block-service-features .pic-area picture.compliance{
  background: url(/wp/wp-content/themes/recycle-eco/common/img/service/pic-reason-compliance.jpg) no-repeat center center;
  background-size: 100%;
}
.block-service-features .pic-area picture.history{
  background: url(/wp/wp-content/themes/recycle-eco/common/img/service/pic-reason-history.jpg) no-repeat center center;
  background-size: 100%;
}
.block-service-features .pic-area picture.support{
  background: url(/wp/wp-content/themes/recycle-eco/common/img/service/pic-reason-support.jpg) no-repeat center center;
  background-size: 100%;
}
.block-service-features .pic-area picture.appraisal{
  background: url(/wp/wp-content/themes/recycle-eco/common/img/service/pic-reason-appraisal.jpg) no-repeat center center;
  background-size: 100%;
}
.block-service-features .pic-area picture.transaction{
  background: url(/wp/wp-content/themes/recycle-eco/common/img/service/pic-reason-transaction.jpg) no-repeat center center;
  background-size: 100%;
}
.block-service-features .pic-area picture.sash{
  background: url(/wp/wp-content/themes/recycle-eco/common/img/service/pic-reason-sash.jpg) no-repeat center center;
  background-size: 100%;
}
.block-service-features .pic-area picture.manifesto{
  background: url(/wp/wp-content/themes/recycle-eco/common/img/service/pic-reason-manifesto.jpg) no-repeat center center;
  background-size: 100%;
}
.block-service-features .pic-area picture.operations{
  background: url(/wp/wp-content/themes/recycle-eco/common/img/service/pic-reason-operations.jpg) no-repeat center center;
  background-size: 100%;
}
.block-service-features .pic-area picture.largest{
  background: url(/wp/wp-content/themes/recycle-eco/common/img/service/pic-reason-largest.jpg) no-repeat center center;
  background-size: 100%;
}
.block-service-features .pic-area picture.technical{
  background: url(/wp/wp-content/themes/recycle-eco/common/img/service/pic-reason-technical.jpg) no-repeat center center;
  background-size: 100%;
}
.block-service-features .pic-area picture.original{
  background: url(/wp/wp-content/themes/recycle-eco/common/img/service/pic-reason-original.jpg) no-repeat center center;
  background-size: 100%;
}
.block-service-features .pic-area picture.media{
  background: url(/wp/wp-content/themes/recycle-eco/common/img/service/pic-reason-media.jpg) no-repeat center center;
  background-size: 100%;
}
@media screen and (max-width: 767px) { 
  .block-service-features{
    margin-bottom: 60px;
  }
  .block-service-features .text-area{
    width: 100%;
  }
  .block-service-features .text-area h3{
    margin-bottom: 30px;
  }
  .block-service-features .text-area h3 span.number{
    font-size: 1.3rem;
    height: 55px;
    width: 55px;
  }
  .block-service-features .text-area h3 span.title{
    font-size: 2.2rem;
    width: calc(100% - 55px - 20px);
  }
  .block-service-features .text-area p{
    line-height: 1.8em;
  }
  .block-service-features .pic-area{
    margin-bottom: 30px;
    width: 100%;
  }
}

/* おすすめ */

.block-service-recommend{
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 4px 20px 0 rgba(0,0,0,0.15);
  cursor: pointer;
  margin-bottom: 40px;
}
.block-service-recommend h3{
  box-sizing: border-box;
  font-size: 2.2rem;
  line-height: 1.4em;
  padding: 30px 60px 30px 70px;
  position: relative;
}
.block-service-recommend h3:before{
  background: url(/wp/wp-content/themes/recycle-eco/common/img/common/icon-circle-be.svg) no-repeat;
  background-size: cover;
  content: "";
  display: inline-block;
  height: 24px;
  width: 24px;
  position :absolute;
  left: 30px;
  top: 35px;
}
.block-service-recommend h3:after{
  background: none;
  border-color: #009944;  
  border-style: solid;
  border-width: 4px 4px 0 0;
  box-sizing: border-box;
  content: "";
  display: inline-block;
  height: 20px;
  transform: rotate(135deg);
  transition: .3s;
  width: 20px;
  position :absolute;
  right: 30px;
  top: 30px;
}
.block-service-recommend.is-open h3:after{
  transform: rotate(-45deg);
  top: 40px;
}
.block-service-recommend .block-anser{
  border-top: 1px solid #d9d9d9;
  margin-left: 30px;
  margin-right: 30px;
  padding-bottom: 30px;
  padding-top: 30px;
  width: calc(100% - 60px);
  display: flex;
  justify-content: space-between;
}
.block-service-recommend .block-anser .icon-area{
  width: 148px;
}
.block-service-recommend .block-anser .icon-area picture{
  background: url(/wp/wp-content/themes/recycle-eco/common/img/service/icon-naganuma.png) no-repeat left top / contain;
  display: block;
  padding-top: 36%;
  width: 100%;
}
.block-service-recommend .block-anser .text-area{
  width: calc(100% - 148px - 30px);
}
.block-service-recommend .block-anser .text-area p{
  font-size: 1.8rem;
  line-height: 2.0em;
  margin-bottom: 1em;
}
.block-service-recommend .block-anser .text-area p:nth-last-of-type(1){
  margin-bottom: 0;
}
@media screen and (max-width: 767px) { 
  .block-service-recommend{
    margin-bottom: 20px;
  }
  .block-service-recommend h3{
    font-size: 1.9rem;
    padding: 20px 50px 20px 50px;

  }
  .block-service-recommend h3:before{
    height: 18px;
    width: 18px;
    left: 20px;
    top: 25px;
  }
  .block-service-recommend h3:after{
    height: 16px;
    width: 16px;
    right: 20px;
    top: calc(50% - 10px);
  }
  .block-service-recommend.is-open h3:after{
    transform: translateY(-50%)  rotate(-45deg);
    top: 50%;
  }
  .block-service-recommend .block-anser{
    margin-left: 20px;
    margin-right: 20px;
    padding-bottom: 20px;
    padding-top: 20px;
    width: calc(100% - 40px);
    display: block;
  }
  .block-service-recommend .block-anser .icon-area{
    margin-bottom: 10px;
    width: 80px;
  }
  .block-service-recommend .block-anser .icon-area picture{
    background: url(/wp/wp-content/themes/recycle-eco/common/img/service/icon-naganuma-sp.png) no-repeat left top / contain;
    padding-top: 44%;
  }

  .block-service-recommend .block-anser .text-area{
    width: 100%;
  }
  .block-service-recommend .block-anser .text-area p{
    font-size: 1.7rem;
    line-height: 1.8em;
  }
}

/* 取り扱い品目 */

.list-service-item{
  list-style: none;
  margin: 0;
  padding: 0;
}
.list-service-item li{
  box-shadow: 0 4px 20px 0 rgba(0,0,0,0.15);
  border-radius: 0 0 10px 10px;
  display: flex;
  flex-direction: column;
}
.list-service-item li picture{
  display: block;
  width: 100%
}
.list-service-item li picture img{
  border-radius: 10px 10px 0 0;
}
.list-service-item li h3{
  box-sizing: border-box;
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 1.4em;
  padding: 25px 1em;
  display: flex;
  flex-grow: 1;
  align-items: center;
  justify-content: center;
}
.item-title{
  font-size: 3.0rem;
  font-weight: 700;
  line-height: 1.4em;
  margin-top: 60px;
  margin-bottom: 20px;
  padding-left: 35px;
  position: relative;
}
.item-title:before{
  background: url(/wp/wp-content/themes/recycle-eco/common/img/common/icon-circle-gr.svg) no-repeat;
  background-size: cover;
  content: "";
  display: inline-block;
  height: 25px;
  width: 25px;
  position: absolute;
  left: 0;
  top: 10px;
}
@media screen and (max-width: 767px) { 
  .list-service-item li h3{
    font-size: 1.5rem;
    font-weight: 400;
    padding: 15px .5em;
  }
  .item-title{
    font-size: 2.2rem;
    margin-top: 40px;
    margin-bottom: 15px;
    padding-left: 28px;
  }
  .item-title:before{
    height: 20px;
    width: 20px;
    top: 8px;
  }
}

/* 処理スキーム */

.block-common-base#scheme picture{
  display: block;
  margin-bottom: 40px;
}
@media screen and (max-width: 767px) { 
  .block-common-base#scheme picture{
    margin-bottom: 30px;
  }
}

/* 取引事例 */

.block-service-case{
  border-radius: 10px;
  box-shadow: 0 4px 20px 0 rgba(0,0,0,0.15);
  margin-bottom: 60px;
}
.block-service-case:nth-last-of-type(1){
  margin-bottom: 0;
}
.block-service-case .h3-area{
  background: rgba(0,153,68,.1);
  border-radius: 10px 10px 0 0;
  box-sizing: border-box;
  padding: 30px 5%;
}
.block-service-case .h3-area .tag{
  background: #009944;
  border-radius: 5px;
  box-sizing: border-box;
  color: #fff;
  display: inline-block;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.2em;
  margin-bottom: 10px;
  padding: 7px 1em;
}
.block-service-case .h3-area .tag .scale{
  border-left: 1px solid #fff;
  display: inline-block;
  margin-left: .7em;
  padding-left: .7em;
}
.block-service-case .h3-area h3{
  font-size: 2.4rem;
  line-height: 1.4em;
}
.block-service-case .contents-area{
  box-sizing: border-box;
  padding: 30px 5%;
}
.block-service-case .contents-area div{
  border-bottom: 1px solid #d9d9d9;
  margin-bottom: 30px;
  padding-bottom: 30px;
  display: flex;
  justify-content: space-between;
}
.block-service-case .contents-area div:nth-last-of-type(1){
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
.block-service-case .contents-area div span{
  background: #f5f5f5;
  border: 3px solid #e4dac9;
  border-radius: 5px;
  box-sizing: border-box;
  color: #a98546;
  font-size: 1.7rem;
  font-weight: 700;
  height: 60px;
  line-height: 1em;
  padding: 5px .5em;
  width: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.block-service-case .contents-area div p{
  font-size: 1.8rem;
  line-height: 1.8em;
  margin-bottom: 1em;
  width: calc(100% - 150px - 50px);
}
.block-service-case .contents-area div p:nth-last-of-type(1){
  margin-bottom: 0;
}
@media screen and (max-width: 767px) { 
  .block-service-case{
    margin-bottom: 30px;
  }
  .block-service-case .h3-area{
    box-sizing: border-box;
    padding: 20px;
  }
  .block-service-case .h3-area .tag{
    font-size: 1.3rem;
    margin-bottom: 5px;
    padding-bottom: 5px;
    padding-top: 5px;
  }
  .block-service-case .h3-area .tag .client{
    margin-right: .5em;
    padding-right: .5em;
  }
  .block-service-case .h3-area h3{
    font-size: 2.0rem;
  }
  .block-service-case .contents-area{
    padding: 20px;
  }
  .block-service-case .contents-area div{
    margin-bottom: 20px;
    padding-bottom: 20px;
    display: block;
  }
  .block-service-case .contents-area div span{
    border: 2px solid #e4dac9;
    font-size: 1.6rem;
    height: 36px;
    margin-bottom: 10px;
    width: 100px;
  }
  .block-service-case .contents-area div p{
    font-size: 1.7rem;
    width: 100%;
  }
}

/* サービス詳細 */

.block-service-detail{
  background: #fff;
  border-radius: 10px;
  box-sizing: border-box;
  padding: 60px 5%;
}
.block-service-detail p{
  font-size: 1.8rem;
  line-height: 2.0em;
  margin-bottom: 1.5em;
}
.block-service-detail p:nth-last-of-type(1){
  margin-bottom: 0;
}
.block-common-base#detail .btn-area{
  margin-top: 50px;
  display: flex;
  justify-content: center;
  column-gap: 4%;
}
@media screen and (max-width: 767px) { 
  .block-service-detail{
    padding-bottom: 20px;
    padding-top: 20px;
  }
  .block-service-detail p{
    font-size: 1.7rem;
  }
  .block-common-base#detail .btn-area{
    display: block;
    margin-top: 40px;
  }
  .block-common-base#detail .btn-area a{
    margin-bottom: 30px;
  }
  .block-common-base#detail .btn-area a:nth-last-of-type(1){
    margin-bottom: 0;
  }
}

/* 知って欲しいこと */

.block-service-please{
  background: #fbf7f2;
  border-radius: 10px;
  box-sizing: border-box;
  margin-top: 100px;
  padding: 60px;
  position: relative;
}
.block-service-please picture.pic{
  width: 24%;
  position: absolute;
  right: 8%;
  top: -14%;
}
.block-service-please .inner{
  background: #fff url(/wp/wp-content/themes/recycle-eco/common/img/service/bg-grid.png) repeat center center;
  background-size: 100%;
  border-radius: 10px;
  box-sizing: border-box;
  padding: 80px 7% 60px;
  position: relative;
}
.block-service-please .inner p{
  font-size: 1.8rem;
  line-height: 2.0em;
  margin-bottom: 1.5em;
}
.block-service-please .inner p:nth-last-of-type(1){
  margin-bottom: 0;
}
.block-service-please .inner picture.fukidashi{
  width: 40%;
  position: absolute;
  left: 2%;
  top: -25%;
}
@media screen and (max-width: 767px) { 
  .block-service-please{
    margin-top: 0px;
    padding: 20px 5%;
  }
  .block-service-please picture.pic{
    display: none;
  }
  .block-service-please .inner{
    background-size: 200%;
    padding: 30px 5%;
  }
  .block-service-please .inner p{
    font-size: 1.7rem;
  }
  .block-service-please .inner picture.fukidashi{
    width: 70%;
    top: -90px;
  }
}

/* スプレー缶css */

.block-service-caution-area{
  padding-top: 80px;
}
.block-service-caution-area p{
  border: 2px solid #c60019;
  border-radius: 10px;
  box-sizing: border-box;
  color: #c60019;
  font-size: 2.0rem;
  font-weight: 500;
  line-height: 2.0em;
  padding: 50px;
  text-align: center;
}



.block-service-spray-cta{
  background: #ff9000;
  border-radius: 10px;
  box-sizing: border-box;
  color: #fff;
  margin: 70px auto 0;
  padding: 50px 5%;
  text-align: center;
}
.block-service-spray-cta h2{
  border-bottom: 1px solid #fff;
  font-size: 4.0rem;
  letter-spacing: 5%;
  line-height: 1.4em;
  margin-bottom: 30px;
  padding-bottom: 30px;
}
.block-service-spray-cta p{
  font-size: 1.7rem;
  font-weight: 500;
  line-height: 2.0em;
  margin-bottom: 1.5em;
  text-align: left;
}
.block-service-spray-cta .btn-area{
  margin-top: 50px;
  display: flex;
  justify-content: center;
}
.block-service-spray-cta .btn-area a.btn-base{
  font-size: 2.0rem;
  width: 500px;
}
.block-service-spray-cta .btn-area a.btn-base:after{
  background: url(/wp/wp-content/themes/recycle-eco/common/img/common/icon-btn-arrow-or.svg) no-repeat;
  background-size: contain;
}
.block-service-spray-cta .btn-area a.btn-base:hover{
  background: #ff9000;
  border: 1px solid #fff;
  color: #fff;
}
.block-service-spray-cta .btn-area a.btn-base:hover:after{
  background: url(/wp/wp-content/themes/recycle-eco/common/img/common/icon-btn-arrow-wh-or.svg) no-repeat;
  background-size: contain;
}


@media screen and (max-width: 767px) { 
  .block-service-caution-area{
    padding-top: 50px;
  }
  .block-service-caution-area p{
    border: 2px solid #c60019;
    font-size: 1.8rem;
    padding: 20px;
    text-align: left;
  }




  .block-service-spray-cta{
    margin-top: 50px;
    padding: 40px 20px;
  }
  .block-service-spray-cta h2{
    font-size: 2.8rem;
    letter-spacing: 0;
    margin-bottom: 40px;
  }
  .block-service-spray-cta p{
    font-size: 1.7rem;
  }
  .block-service-spray-cta .btn-area{
    margin-top: 30px;
  }
  .block-service-spray-cta .btn-area a.btn-base{
    font-size: 1.8rem;
    width: 100%;
  }
  .block-service-spray-cta .btn-area a.btn-base:hover:after{
    background: url(/wp/wp-content/themes/recycle-eco/common/img/common/icon-btn-arrow-wh-or.svg) no-repeat;
    background-size: contain;
  }





}

/* 個人様向け */

.list-individual{
  background: #e6f5ec;
  border-radius: 20px;
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 60px 40px;
  display: flex;
  flex-wrap: wrap;
  gap: 25px 1em;
}
.list-individual li{
  box-sizing: border-box;
  font-size: 1.8rem;
  line-height: 1.4em;
  padding-left: 1em;
  position: relative;
  width: calc((100% - 2em) / 3);
}
.list-individual li:before {
  content: "●";
  display: inline-block;
  font-size: 1rem;
  position: absolute;
  left: 0;
  top: 3px;
}
.list-individual li span{
  display: block;
  font-size: 1.5rem;
  margin-top: 5px;
}
.list-individual-caution{
  list-style: none;
  margin: 30px 0 0;
  padding: 0;
}
.list-individual-caution li{
  font-size: 1.6rem;
  line-height: 1.6em;
  margin-bottom: 10px;
  padding-left: 1em;
  text-indent: -1em;
}
.list-individual-caution li:nth-last-of-type(1){
  margin-bottom: 0;
}
@media screen and (max-width: 767px) { 
  .list-individual{
    border-radius: 10px;
    padding: 30px 20px;
  }
  .list-individual li{
    font-size: 1.7rem;
    width: calc((100% - 1em) / 2);
  }
  .list-individual li.sp-100{
    width: 100%;
  }
  .list-individual li span{
    font-size: 1.4rem;
  }
  .list-individual-caution{
    margin-top: 20px;
  }
  .list-individual-caution li{
    font-size: 1.5rem;
    line-height: 1.8em;
  }
}

/* -----------------
 保有設備・車両
-------------------- */

.block-equipment-mv{
  margin-top: 60px;
}
.block-equipment-mv picture{
  display: block;
  margin-bottom: 40px;
}
.block-equipment-mv p{
  font-size: 1.8rem;
  line-height: 2.0em;
}
.block-equipment{
  margin-bottom: 100px;
  display: flex;
  justify-content: space-between;
}
.block-equipment:nth-last-of-type(1){
  margin-bottom: 0;
}
.block-equipment .pic-area{
  text-align: center;
  width: 450px;
}
.block-equipment .pic-area picture{
  display: block;
  margin-bottom: 20px;
}
.block-equipment .pic-area button{
  background: #fcf9eb;
  border: 1px solid #009944;
  border-radius: 50px;
  box-shadow: 0 4px 20px 0 rgba(0,0,0,0.15);
  color: #000;
  cursor: pointer;
  font-size: 1.7rem;
  font-weight: 500;
  height: 50px;
  margin: 0 auto;
  position: relative;
  text-decoration: none;
  transition: .3s;
  width: 250px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.block-equipment .pic-area button:after{
  background: url(/wp/wp-content/themes/recycle-eco/common/img/common/icon-zoom.svg) no-repeat;
  background-size: cover;
  content: "";
  display: inline-block;
  height: 20px;
  width: 20px;
  position :absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  transition: .3s;
}
.block-equipment .pic-area button:hover{
  box-shadow: 0 4px 25px 0 rgba(0,0,0,0.30);
}
.block-equipment .pic-area button:hover:after{
  height: 26px;
  width: 26px;
  right: 17px;
}
.block-equipment .text-area{
  order: 2;
  width: calc(100% - 450px - 60px);
}
.block-equipment .text-area h3{
  font-size: 3.0rem;
  line-height: 1.4em;
  margin-bottom: 20px;
}
.block-equipment .text-area h3 span{
  font-size: 1.8rem;
}
.block-equipment .text-area p{
  font-size: 1.8rem;
  line-height: 1.6em;
  margin-bottom: 50px;
}
.block-equipment .text-area h4{
  color: #009944;
  font-size: 2.2rem;
  line-height: 1.4em;
  margin-bottom: 30px;
  padding-left: 30px;
  position: relative;
}
.block-equipment .text-area h4:before{
  background: url(/wp/wp-content/themes/recycle-eco/common/img/common/icon-circle-be.svg) no-repeat;
  background-size: cover;
  content: "";
  display: inline-block;
  height: 20px;
  width: 20px;
  position: absolute;
  left: 0;
  top: 8px;
}
.block-equipment .text-area ul{
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 15px;
}
.block-equipment .text-area ul li a{
  background: #fff;
  border: 1px solid #009944;
  border-radius: 10px;
  box-shadow: 0 4px 20px 0 rgba(0,0,0,0.15);
  box-sizing: border-box;
  color: #000;
  font-size: 1.6rem;
  display: inline-block;
  height: 60px;
  line-height: 1.2em;
  padding: 0 35px 0 20px;
  position: relative;
  text-align: left;
  text-decoration: none;
  width: 100%;
  display: flex;
  align-items: center;
}
.block-equipment .text-area ul li a:hover{
  background: #009944;
  border: 1px solid #009944;
  color: #fff;
}
.block-equipment .text-area ul li a:after{
  background: url(/wp/wp-content/themes/recycle-eco/common/img/common/icon-btn-arrow-gr.svg) no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 20px;
  width: 20px;
  position :absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  transition: .3s;
}
.block-equipment .text-area ul li a:hover:after{
  background: url(/wp/wp-content/themes/recycle-eco/common/img/common/icon-btn-arrow-wh-gr.svg) no-repeat;
  background-size: contain;
  right: 5px;
}
@media screen and (max-width: 767px) { 
  .block-equipment-mv{
    margin-top: 40px;
  }
  .block-equipment-mv picture{
    margin-bottom: 20px;
  }
  .block-equipment-mv p{
    font-size: 1.7rem;
    line-height: 1.8em;
  }
  .block-equipment{
    display: block;
    border-bottom: 1px solid #d9d9d9;
    margin-bottom: 60px;
    padding-bottom: 60px;
  }
  .block-equipment:nth-last-of-type(1){
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
  }
  .block-equipment .pic-area{
    display: none;
  }
  .block-equipment .text-area{
    width: 100%;
  }
  .block-equipment .text-area h3{
    font-size: 2.4rem;
  }
  .block-equipment .text-area h3 span{
    font-size: 1.7rem;
  }
  .block-equipment .text-area p{
    font-size: 1.7rem;
    line-height: 1.6em;
    margin-bottom: 30px;
  }
  .block-equipment .text-area picture{
    margin-bottom: 30px;
  }
  .block-equipment .text-area h4{
    font-size: 2.0rem;
    margin-bottom: 20px;
    padding-left: 25px;
  }
  .block-equipment .text-area h4:before{
    height: 18px;
    width: 18px;
    top: 6px;
  }
  .block-equipment .text-area ul{
    grid-template-columns: repeat(2, 1fr);
  }
  .block-equipment .text-area ul li a{
    padding-left: .5em;
  }
}

.block-common-base.vehicle picture{
  display: block;
  margin-bottom: 20px;
}
.block-equipment-list{
  margin-bottom: 60px;
}
.block-equipment-list:nth-last-of-type(1){
  margin-bottom: 0;
}
.block-equipment-list h3{
  background: #e6f5ec;
  border-radius: 10px 10px 0 0;
  box-sizing: border-box;
  font-size: 3.0rem;
  line-height: 1.2em;
  padding: 40px 65px;
  position: relative;
}
.block-equipment-list h3:before{
  background: url(/wp/wp-content/themes/recycle-eco/common/img/common/icon-circle-gr.svg) no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 24px;
  width: 24px;
  position :absolute;
  left: 30px;
  top: 48px;
  transition: .3s;
}
.block-equipment-list ul{
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  column-gap: 40px;
}
.block-equipment-list ul li{
  border-bottom: 1px solid #d9d9d9;
  box-sizing: border-box;
  font-size: 1.8rem;
  height: 90px;
  line-height: 1.4em;
  padding-left: 1em;
  padding-right: 1em;
  position: relative;
  width: calc((100% - 50px) / 2);
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.block-equipment-list ul li:before{
  content: "●";
  display: inline-block;
  font-size: 1rem;
  position :absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.block-equipment-list ul li span{
  display: inline-block;
}
.block-equipment-list ul li span.name{
  width: calc(100% - 2.5em);
}
@media screen and (max-width: 767px) { 
  .block-equipment-list{
    margin-bottom: 40px;
  }
  .block-equipment-list h3{
    font-size: 2.2rem;
    line-height: 1.2em;
    padding: 20px 20px 20px 50px;
    position: relative;
  }
  .block-equipment-list h3:before{
    height: 20px;
    width: 20px;
    left: 20px;
    top: 25px;
  }
  .block-equipment-list ul{
    display: block;
  }
  .block-equipment-list ul li{
    font-size: 1.7rem;
    height: 80px;
    line-height: 1.4em;
    padding-left: 1em;
    padding-right: 1em;
    width: 100%;
  }
}

.equipment-modal{
  opacity: 0;
  pointer-events: none;
  transition: opacity .3s ease, visibility .3s ease;
  visibility: hidden;
  z-index: 9999;
  position: fixed;
  inset: 0;
  visibility: hidden;
  pointer-events: none;
}
.equipment-modal.is-open{
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}
.equipment-modal__overlay{
  background: rgba(0,0,0,.7);
  position: absolute;
  inset: 0;
}
.equipment-modal__content{
  background: #fff;
  box-sizing: border-box;
  padding: 50px;
  width: min(1000px, calc(100% - 40px));
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.equipment-modal__close{
  background: #fff;
  border: 1px solid #000;
  border-radius: 50%;
  cursor: pointer;
  font-size: 20px;
  height: 44px;
  width: 44px;
  position: absolute;
  top: 10px;
  right: 10px;
}
.equipment-modal__inner{
  opacity: 1;
  transition: opacity .2s ease;
}
.equipment-modal__inner.is-changing{
  opacity: 0;
}
.equipment-modal__picture img{
  display: block;
  width: 100%;
}
.equipment-modal__nav{
  background: #fff;
  border: 1px solid #009944;
  border-radius: 50%;
  color: #009944;
  cursor: pointer;
  height: 60px;
  width: 60px;
  z-index: 10;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.equipment-modal__nav--prev{
  left: 20px;
}
.equipment-modal__nav--next{
  right: 20px;
}
.equipment-modal__nav:before{
  content: "\f054";
  display: inline-block;
  font-family: "Font Awesome 7 Free";
  font-size: 20px;
  font-weight: 700;
  position :absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.equipment-modal__nav.equipment-modal__nav--prev:before{
  transform: translate(-50%, -50%) rotate(180deg);
}
.equipment-modal__picture{
  margin-bottom: 20px;
}
.equipment-modal__text{
  text-align: left;
}
#equipmentModalTitle{
  font-size: 2.4rem;
  line-height: 1.4em;
  margin-bottom: 10px;
}
#equipmentModalTitle span{
  font-size: 1.8rem;
}
#equipmentModalText{
  font-size: 1.7rem;
  line-height: 1.6em;
}

/* -----------------
 会社案内
-------------------- */

/* 共通 */

h2.h2-value{
  font-family: "Noto Serif JP", serif;
  font-size: 4.0rem;
  font-weight: 500;
  letter-spacing: 5%;
  line-height: 1.6em;
}
.p-company-value{
  font-size: 1.8rem;
  line-height: 2.2em;
  margin-bottom: 2em;
}
.p-company-value:nth-last-of-type(1){
  margin-bottom: 0;
}
@media screen and (max-width: 767px) { 
  h2.h2-value{
    font-size: 2.6rem;
    letter-spacing: 0;
  }
  .p-company-value{
    font-size: 1.7rem;
    line-height: 2.0em;
  }
}

/* index */

.block-common-directory-top a picture.message{
  background: url(/wp/wp-content/themes/recycle-eco/common/img/company/pic-index-01.jpg) no-repeat center center ;
  background-size: 100%;
}
.block-common-directory-top a picture.outline{
  background: url(/wp/wp-content/themes/recycle-eco/common/img/company/pic-index-02.jpg) no-repeat center center ;
  background-size: 100%;
}
.block-common-directory-top a picture.philosophy{
  background: url(/wp/wp-content/themes/recycle-eco/common/img/company/pic-index-03.jpg) no-repeat center center ;
  background-size: 100%;
}
.block-common-directory-top a picture.value{
  background: url(/wp/wp-content/themes/recycle-eco/common/img/company/pic-index-04.jpg) no-repeat center center ;
  background-size: 100%;
}
.block-common-directory-top a picture.history{
  background: url(/wp/wp-content/themes/recycle-eco/common/img/company/pic-index-05.jpg) no-repeat center center ;
  background-size: 100%;
}
.block-common-directory-top a picture.logo-concept{
  background: url(/wp/wp-content/themes/recycle-eco/common/img/company/pic-index-06.png) no-repeat center center ;
  background-size: 100%;
}
.block-common-directory-top a picture.licensing{
  background: url(/wp/wp-content/themes/recycle-eco/common/img/company/pic-index-07.jpg) no-repeat center center ;
  background-size: 100%;
}
@media screen and (max-width: 767px) { 
  .block-common-directory-top a picture.message{
    background: url(/wp/wp-content/themes/recycle-eco/common/img/company/pic-index-01-sp.jpg) no-repeat center center ;
    background-size: 100%;
  }
  .block-common-directory-top a picture.outline{
    background: url(/wp/wp-content/themes/recycle-eco/common/img/company/pic-index-02-sp.jpg) no-repeat center center ;
    background-size: 100%;
  }
  .block-common-directory-top a picture.philosophy{
    background: url(/wp/wp-content/themes/recycle-eco/common/img/company/pic-index-03-sp.jpg) no-repeat center center ;
    background-size: 100%;
  }
  .block-common-directory-top a picture.value{
    background: url(/wp/wp-content/themes/recycle-eco/common/img/company/pic-index-04-sp.jpg) no-repeat center center ;
    background-size: 100%;
  }
  .block-common-directory-top a picture.history{
    background: url(/wp/wp-content/themes/recycle-eco/common/img/company/pic-index-05-sp.jpg) no-repeat center center ;
    background-size: 100%;
  }
  .block-common-directory-top a picture.logo-concept{
    background: url(/wp/wp-content/themes/recycle-eco/common/img/company/pic-index-06-sp.png) no-repeat center center ;
    background-size: 100%;
  }
  .block-common-directory-top a picture.licensing{
    background: url(/wp/wp-content/themes/recycle-eco/common/img/company/pic-index-07-sp.jpg) no-repeat center center ;
    background-size: 100%;
  }
}

/* 代表メッセージ */

.message img{
  border-radius: 0;
}
.company-message-main{
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 80%;
}
.block-company-message-greeting{
  background: #fff;
  box-sizing: border-box;
  margin-top: -100px;
  padding: 200px 10% 100px;
  display: flex;
  justify-content: space-between;
}
.block-company-message-greeting h2{
  font-size: 4.0rem;
  font-weight: 500;
  line-height: 1.2em;
  width: 3em;
}
.block-company-message-greeting .text-area{
  font-size: 4.0rem;
  width: calc(100% - 3em - 10%);
}
@media screen and (max-width: 767px) { 
  .company-message-main{
    width: 90%;
  }
  .block-company-message-greeting{
    margin-top: -40px;
    padding: 80px 5% 40px;
    display: block;
  }
  .block-company-message-greeting h2{
    font-size: 2.8rem;
    margin-bottom: 30px;
    text-align: center;
    width: auto;
  }
  .block-company-message-greeting .text-area{
    font-size: 0;
    width: 100%;
  }
}

.block-company-message-career{
  background: #f5f5f5;
  padding-bottom: 120px;
}
.block-company-message-career .bg-area{
  background: #f5f5f5;
  background: url(/wp/wp-content/themes/recycle-eco/common/img/company/pic-message-02.jpg) no-repeat center top / cover;
  height: 660px;
}
.block-company-message-career .inner{
  background: #fff;
  box-sizing: border-box;
  margin-top: -100px;
  padding: 100px;
  display: flex;
  justify-content: space-between;
}
.block-company-message-career .inner h2{
  font-size: 4.0rem;
  font-weight: 500;
  line-height: 1.2em;
  width: 3em;
}
.block-company-message-career .inner .text-area{
  font-size: 4.0rem;
  width: calc(100% - 3em - 10%);
}
.block-company-message-career .inner .text-area .block{
  border-bottom: 1px solid #d9d9d9;
  font-size: 1.8rem;
  line-height: 1.8em;
  padding: 30px 0;
  display: flex;
  justify-content: space-between;
}
.block-company-message-career .inner .text-area .block:nth-of-type(1){
  border-top: 1px solid #d9d9d9;
}
.block-company-message-career .inner .text-area .block .year-month{
  width: 170px;
  display: flex;
}
.block-company-message-career .inner .text-area .block .year-month .year{
  width: 90px;
}
.block-company-message-career .inner .text-area .block .year-month .month{
  width: 50px;
}
.block-company-message-career .inner .text-area .block .contents{
  width: calc(100% - 170px);
}
@media screen and (max-width: 767px) { 
  .block-company-message-career{
    padding-bottom: 120px;
  }
  .block-company-message-career .bg-area{
    background: url(/wp/wp-content/themes/recycle-eco/common/img/company/pic-message-02-sp.jpg) no-repeat center top / cover;
    height: 250px;
  }
  .block-company-message-career .inner{
    margin-top: -50px;
    padding: 40px 5%;
    display: block;
  }
  .block-company-message-career .inner h2{
    font-size: 2.8rem;
    margin-bottom: 30px;
    text-align: center;
    width: auto;
  }
  .block-company-message-career .inner .text-area{
    font-size: 0;
    width: 100%;
  }
  .block-company-message-career .inner .text-area .block{
    border-bottom: 1px solid #d9d9d9;
    display: block;
    font-size: 1.7rem;
    padding-bottom: 20px;
    padding-top: 20px;
  }
  .block-company-message-career .inner .text-area .block .year-month{
    width: 100%;
  }
  .block-company-message-career .inner .text-area .block .year-month .year,
  .block-company-message-career .inner .text-area .block .year-month .month{
    line-height: 1em;
    width: auto;
  }
  .block-company-message-career .inner .text-area .block .year-month .month{
    margin-left: .5em;
  }
  .block-company-message-career .inner .text-area .block .contents{
    line-height: 1.4em;
    margin-top: 10px;
    width: 100%;
  }
}

.block-company-message-position{
  background: #f5f5f5;
  display: flex;
  align-items: stretch;
}
.block-company-message-position picture{
  background: url(/wp/wp-content/themes/recycle-eco/common/img/company/pic-message-03.jpg) no-repeat center top / cover;
  order: 2;
  width: 45%;
}
.block-company-message-position picture img{
  display: none;
}
.block-company-message-position .text-area{
  padding: 100px;
  width: 55%;
}
.block-company-message-position .text-area h2{
  font-size: 4.0rem;
  font-weight: 500;
  line-height: 1.2em;
  margin-bottom: 60px;
}
.block-company-message-position .text-area ul{
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 10px 3em;
}
.block-company-message-position .text-area ul li{
  font-size: 1.8rem;
  line-height: 1.8em;
  position: relative;
}
.block-company-message-position .text-area ul li:after{
  content: "／";
  display: inline-block;
  position :absolute;
  right: -1.5em;
  top: 0;
}
.block-company-message-position .text-area ul li:nth-last-of-type(1):after{
  content: "";
  position :static;
}
@media screen and (max-width: 767px) { 
  .block-company-message-position{
    display: block;
  }
  .block-company-message-position picture{
    background: bnone;
    width: 100%;
  }
  .block-company-message-position picture img{
    display: block;
  }
  .block-company-message-position .text-area{
    box-sizing: border-box;
    padding: 40px 5%;
    width: 100%;
  }
  .block-company-message-position .text-area h2{
    font-size: 2.8rem;
    text-align: center;
    margin-bottom: 30px;
  }
  .block-company-message-position .text-area ul{
    list-style: disc;
    margin-left: 1.5em;
    display: block;
  }
  .block-company-message-position .text-area ul li{
    font-size: 1.7rem;
    margin-bottom: 10px;
  }
  .block-company-message-position .text-area ul li:nth-last-of-type(1){
    margin-bottom: 0;
  }
  .block-company-message-position .text-area ul li:after{
    content: "";
    right: 0;
  }
}

/* 会社概要 */

.table-type-01 td div.flex{
  display: flex;
  justify-content: space-between;
  column-gap: 50px;
}
.table-type-01 td div.flex ul{
  width: 55%;
}
.table-type-01 td div.flex div.pic-area{
  width: 45%;
}
.table-type-01 td div.flex div.pic-area p{
  font-size: 1.5rem;
  line-height: 1.4em;
  margin-top: 5px;
}
.table-type-01 td ul.licensing li a{
  color: #000;
}
.table-type-01 td ul.licensing li a i{
  color: #d94f45;
}
.btn-area-outline{
  margin-top: 50px;
  display: flex;
  justify-content: center;
  column-gap: 50px;
}
.block-outline-access{
  margin-bottom: 80px;
}
.block-outline-access:nth-last-of-type(1){
  margin-bottom: 0;
}
.block-outline-access .inner{
  background: #fff;
  box-sizing: border-box;
  border-radius: 10px;
  padding: 50px;
}
.block-outline-access .inner .map-pic-area{
  margin-bottom: 30px;
  display: flex;
  justify-content: space-between;
  column-gap: 30px;
}
.block-outline-access .inner .map-pic-area .google-map{
  width: 50%;
}
.block-outline-access .inner .map-pic-area .google-map iframe{
  aspect-ratio: 16/9;
  border-radius: 10px;
  height: 100%;
  width: 100%;
}
.block-outline-access .inner .map-pic-area picture{
  width: 50%;
}
.block-outline-access .inner p{
  font-size: 2.0rem;
  font-weight: 700;
  line-height: 1.4em;
  margin-bottom: 20px;
}
.block-outline-access .inner ol{
  margin: 0 0 0 2em;
  padding: 0;
}
.block-outline-access .inner ol li{
  font-size: 1.8rem;
  line-height: 1.4em;
  margin-bottom: 10px;
}
.block-outline-access .inner ol li:nth-last-of-type(1){
  margin-bottom: 0;
}
#google-map-01,
#google-map-02,
#google-map-03{
  margin-top: -70px;
  padding-top: 70px;
}
@media screen and (max-width: 767px) { 
  .table-type-01 td div.flex{
    display: block;
  }
  .table-type-01 td div.flex ul{
    margin-bottom: 20px;
    width: 100%;
  }
  .table-type-01 td div.flex div.pic-area{
    width: 100%;
  }
  .table-type-01 td div.flex div.pic-area p{
    font-size: 1.5rem;
  }
  .btn-area-outline{
    display: block;
    margin-top: 30px;
  }
  .btn-area-outline a{
    margin-bottom: 30px;
  }
  .btn-area-outline a:nth-last-of-type(1){
    margin-bottom: 0;
  }
  .block-outline-access{
    margin-bottom: 50px;
  }
  .block-outline-access .inner{
    padding: 20px;
  }
  .block-outline-access .inner .map-pic-area{
    display: block;
  }
  .block-outline-access .inner .map-pic-area .google-map{
    margin-bottom: 15px;
    width: 100%;
  }
  .block-outline-access .inner .map-pic-area picture{
    display: none;
  }
  .block-outline-access .inner p{
    font-size: 1.8rem;
    margin-bottom: 15px;
  }
  .block-outline-access .inner ol li{
    font-size: 1.6rem;
  }
  .block-outline-access .inner picture.for-sp{
    display: block;
    margin-top: 30px;
  }
}

/* 経営理念・方針・行動指針 */

.block-philosophy .description p{
  font-size: 1.8rem;
  line-height: 2.0em;
  margin-bottom: 1.5em;
}
.block-philosophy .description p:nth-last-of-type(1){
  margin-bottom: 0;
}
.rinen .block-philosophy p.main,
.houshin .block-philosophy p.main{
  font-family: "Noto Serif JP", serif;
  font-size: 4.0rem;
  font-weight: 500;
  line-height: 1.8em;
  margin-bottom: 50px;
}
.rinen .block-philosophy .description{
  border-top: 1px solid #009944;
  padding-top: 50px;
}
.houshin .block-philosophy .description{
  border-top: 1px solid #ff9000;
  padding-top: 50px;
}
.block-common-base.shishin{
  background: linear-gradient(to bottom, #fbf7e2 0%,#ecf9e8 100%);
}
.shishin .block-philosophy .description{
  border-top: 2px solid #fff;
  margin-top: 70px;
  padding-top: 60px;
}
.shishin .block-philosophy .block{
  margin-bottom: 30px;
  display: flex;
}
.shishin .block-philosophy .block h3{
  color: #ff9000;
  font-size: 3.4rem;
  font-weight: 500;
  letter-spacing: 5px;
  line-height: 1.4em;
  padding-left: 40px;
  position: relative;
  width: 90px;
}
.shishin .block-philosophy .block h3:before{
  background: url(/wp/wp-content/themes/recycle-eco/common/img/common/icon-circle-or.svg) no-repeat;
  background-size: cover;
  content: "";
  display: inline-block;
  height: 24px;
  width: 24px;
  position: absolute;
  left: 0;
  top: 15px;
}
.shishin .block-philosophy .block p{
  font-size: 2.6rem;
  font-weight: 500;
  line-height: 1.4em;
  margin-left: 30px;
  margin-top: 8px;
  width: calc(100% - 90px);
}
@media screen and (max-width: 767px) { 
  .block-philosophy .description p{
    font-size: 1.7rem;
    line-height: 2.0em;
  }
  .rinen .block-philosophy p.main,
  .houshin .block-philosophy p.main{
    font-family: "Noto Serif JP", serif;
    font-size: 2.4rem;
    margin-bottom: 40px;
  }
  .rinen .block-philosophy .description{
    border-top: 1px solid #009944;
    padding-top: 40px;
  }
  .houshin .block-philosophy .description{
    border-top: 1px solid #ff9000;
    padding-top: 40px;
  }
  .shishin .block-philosophy .description{
    margin-top: 50px;
    padding-top: 40px;
  }
  .shishin .block-philosophy .block{
    display: block;
    margin-bottom: 30px;
  }
  .shishin .block-philosophy .block h3{
    font-size: 2.4rem;
    letter-spacing: 3px;
    padding-left: 30px;
    width: auto;
  }
  .shishin .block-philosophy .block h3:before{
    height: 20px;
    width: 20px;
    top: 10px;
  }
  .shishin .block-philosophy .block p{
    font-size: 2.0rem;
    line-height: 1.4em;
    margin-left: 0;
    margin-top: 10px;
    width: 100%;
  }
}

/* 大切にしていること */

.block-company-value-mv{
  background: url(/wp/wp-content/themes/recycle-eco/common/img/company/bg-value-mv.jpg) no-repeat left top / cover;
}
.block-company-value-mv .contents-area{
  padding-top: 110px;
  display: flex;
  justify-content: space-between;
}
.block-company-value-mv .contents-area .copy-area{
  text-align: center;
  position: relative;
  width: 44%;
}
.block-company-value-mv .contents-area .copy-area h2{
  color: #fff;
}
.block-company-value-mv .contents-area .copy-area picture{
  width: min(70%,360px);
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translatex(-50%);
}
.block-company-value-mv .contents-area .text-area{
  padding-bottom: 110px;
  width: 46%;
}
.block-company-value-mv .contents-area .text-area p{
  color: #fff;
}
.block-company-value-mv .contents-area .text-area picture{
  display: block;
  margin-top: 70px;
  width: 270px;
}
.block-company-value-mv .contents-area .text-area picture img{
  border-radius: 0;
}
@media screen and (max-width: 767px) { 
  .block-company-value-mv .contents-area{
    display: block;
    padding-top: 60px;
    position: relative;
  }
  .block-company-value-mv .contents-area .copy-area{
    margin-bottom: 40px;
    position: static;
    width: 100%;
  }
  .block-company-value-mv .contents-area .copy-area picture{
    width: min(50%,200px);
    position: absolute;
    left: auto;
    right: 0;
    bottom: 0;
    transform: translatex(0);
  }
  .block-company-value-mv .contents-area .text-area{
    padding-bottom: 200px;
    width: 100%;
  }
  .block-company-value-mv .contents-area .text-area picture{
    margin-top: 50px;
    width: 50%;
  }
}

.value-origin .text-area{
  width: 46%;
}
.value-origin .text-area h2{
  margin-bottom: 60px;
}
.value-origin .pic-area{
  width: 50%;
}
@media screen and (max-width: 767px) { 
  .value-origin .text-area{
    width: 100%;
  }
  .value-origin .text-area h2{
    margin-bottom: 40px;
  }
  .value-origin .pic-area{
    margin-bottom: 40px;
    width: 100%;
  }
}

.block-company-value-thoughts .head-area{
  background: url(/wp/wp-content/themes/recycle-eco/common/img/company/bg-value-middle.jpg) no-repeat left center / cover;
  height: 450px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.block-company-value-thoughts .head-area h2{
  color: #fff;
  font-size: 6.0rem;
  line-height: 1.2em;
  text-align: center;
}
.block-company-value-thoughts .head-area h2 span{
  border-bottom: 1px solid #fff;
  color: #fff;
  display: inline-block;
  font-family: "Noto Serif JP", serif;
  font-size: 4.0rem;
  line-height: 1em;
  margin-bottom: 30px;
  padding-bottom: 25px;
}
.block-company-value-thoughts .contents-area{
  background: #f6f2eb;
  padding-bottom: 120px;
  padding-top: 120px;
}
.block-company-value-thoughts .contents-area .block{
  margin-bottom: 120px;
  display: flex;
  justify-content: space-between;
}
.block-company-value-thoughts .contents-area .block:nth-last-of-type(1){
  margin-bottom: 0;
}
.block-company-value-thoughts .contents-area .block .text-area{
  margin-top: -15px;
  order: 2;
  position: relative;
  width: 48%;
}
.block-company-value-thoughts .contents-area .block .text-area h2{
  isolation: isolate;
  margin-bottom: 55px;
  position: relative;
}
.block-company-value-thoughts .contents-area .block picture{
  width: 45%;
}
.block-company-value-thoughts .contents-area .block:nth-of-type(even) picture{
  order: 2;
}
.block-company-value-thoughts .contents-area .block .text-area h2:before{
  color: #fff;
  content: "";
  display: inline-block;
  font-size: 20rem;
  font-weight: 400;
  line-height: 1em;
  z-index: -1;
  position :absolute;
  right: 0;
  top: -45px;
}
.block-company-value-thoughts .contents-area .block:nth-of-type(1) .text-area h2:before{
  content: "1";
}
.block-company-value-thoughts .contents-area .block:nth-of-type(2) .text-area h2:before{
  content: "2";
}
.block-company-value-thoughts .contents-area .block:nth-of-type(3) .text-area h2:before{
  content: "3";
}
@media screen and (max-width: 767px) { 
  .block-company-value-thoughts .head-area{
    background: url(/wp/wp-content/themes/recycle-eco/common/img/company/bg-value-middle-sp.jpg) no-repeat left center / cover;
    height: 250px;
  }
  .block-company-value-thoughts .head-area h2{
    font-size: 3.2rem;
  }
  .block-company-value-thoughts .head-area h2 span{
    font-size: 2.4rem;
    margin-bottom: 20px;
    padding-bottom: 15px;
  }
  .block-company-value-thoughts .contents-area{
    padding-bottom: 80px;
    padding-top: 80px;
  }
  .block-company-value-thoughts .contents-area .block{
    margin-bottom: 80px;
    display: block;
  }
  .block-company-value-thoughts .contents-area .block .text-area{
    margin-top: 0;
    width: 100%;
  }
  .block-company-value-thoughts .contents-area .block .text-area h2{
    margin-bottom: 30px;
  }
  .block-company-value-thoughts .contents-area .block .text-area h2:before{
    font-size: 13rem;
    top: -30px;
  }
  .block-company-value-thoughts .contents-area .block picture{
    margin-bottom: 30px;
    width: 100%;
  }
}

.block-company-value-voice{
  background: url(/wp/wp-content/themes/recycle-eco/common/img/company/bg-value-voice.jpg) no-repeat left center / cover;
}
.block-company-value-voice .text-area{
  margin-left: 48%;
  padding: 60px 0 100px;
  width: 52%;
}
.block-company-value-voice .text-area h2{
  color: #fff;
  font-size: 6.0rem;
  line-height: 1.3em;
  margin-bottom: 50px;
}
.block-company-value-voice .text-area h2 span{
  border-bottom: 1px solid #fff;
  display: inline-block;
  font-family: "Noto Serif JP", serif;
  font-size: 4.0rem;
  line-height: 1em;
  margin-bottom: 30px;
  padding-bottom: 25px;
}
@media screen and (max-width: 767px) { 
  .block-company-value-voice{
    background: #068fd7 url(/wp/wp-content/themes/recycle-eco/common/img/company/bg-value-voice-sp.jpg) no-repeat left bottom / cover;
  }
  .block-company-value-voice .text-area{
    margin-left: 0;
    padding: 80px 0 400px;
    text-align: center;
    width: 100%;
  }
  .block-company-value-voice .text-area h2{
    font-size: 3.2rem;
    margin-bottom: 40px;
  }
  .block-company-value-voice .text-area h2 span{
    font-size: 2.4rem;
    margin-bottom: 20px;
    padding-bottom: 15px;
  }
  .block-company-value-voice .text-area p{
    color: #fff;
    text-align: left;
  }
}

.block-company-value-promise{
  padding: 100px 0 120px;
}
.block-company-value-promise .layout{
  text-align: center;
}
.block-company-value-promise h2{
  font-size: 6.0rem;
  line-height: 1.3em;
  margin-bottom: 70px;
}
.block-company-value-promise h2 span{
  border-bottom: 1px solid #000;
  display: inline-block;
  font-family: "Noto Serif JP", serif;
  font-size: 4.0rem;
  line-height: 1em;
  margin-bottom: 30px;
  padding-bottom: 25px;
}
.block-company-value-promise picture{
  display: inline-block;
  margin-top: 80px;
  width: 90%;
}
@media screen and (max-width: 767px) { 
  .block-company-value-promise{
    padding-bottom: 80px;
    padding-top: 60px;
  }

  .block-company-value-promise h2{
    font-size: 3.2rem;
    margin-bottom: 40px;
  }
  .block-company-value-promise h2 span{
    font-size: 2.4rem;
    margin-bottom: 20px;
    padding-bottom: 15px;
  }
  .block-company-value-promise p{
    text-align: left;
  }
  .block-company-value-promise picture{
    margin-top: 50px;
    width: 100%;
  }
}

/* 沿革 */

.btn-area-history{
  display: flex;
  margin-bottom: 100px;
}
.btn-area-history ul{
  list-style: none;
  display: flex;
  gap: 40px;
}
.btn-area-history ul li a{
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 4px 20px 0 rgba(0,0,0,0.15);
  box-sizing: border-box;
  color: #000;
  font-size: 2.0rem;
  font-weight: 500;
  display: inline-block;
  height: 80px;
  line-height: 1.2em;
  padding: 0 50px;
  position: relative;
  text-align: left;
  text-decoration: none;
  width: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.btn-area-history ul li a:after{
  background: url(/wp/wp-content/themes/recycle-eco/common/img/common/icon-btn-arrow-down-gr.svg) no-repeat;
  background-size: cover;
  content: "";
  display: inline-block;
  height: 30px;
  width: 30px;
  position :absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  transition: .3s;
}
.btn-area-history ul li a:hover:after{
  top: 55%;
}
.block-history{
  position: relative;
}
.block-history:before{
  background: #d9d9d9;
  content: "";
  display: inline-block;
  height: calc(100% - 70px);
  width: 1px;
  position :absolute;
  left: 170px;
  top: 70px;
}
.block-history .inner{
  margin-bottom: 100px;
}
.block-history .inner:nth-last-of-type(1){
  margin-bottom: 0;
}
.block-history .block-year{
  margin-bottom: 50px;
  position: relative;
  display: flex;
  justify-content: space-between;
}
.block-history .block-year:before{
  background: #009944;
  border-radius: 50%;
  content: "";
  display: inline-block;
  height: 16px;
  width: 16px;
  position :absolute;
  left: 162px;
  top: 30px;
}
.block-history .block-year:nth-last-of-type(1){
  margin-bottom: 0;
}
.block-history .block-year.view{
  opacity: 0;
  transform: translate(0, 50px);
  transition: 1.0s;
}
.block-history .block-year.view.scrollin{
  opacity: 1;
  transform: translate(0, 0);
}
.block-history .block-year .number{
  font-size: 3.0rem;
  font-weight: 700;
  line-height: 1em;
  margin-top: 20px;
}
.block-history .block-year .number .year{
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1em;
  margin-left: 3px;
}
.block-history .block-year .number .seireki{
  display: block;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1em;
  margin-top: 5px;
  text-align: center;
}
.block-history .block-year .contents{
  background: #e6f5ec;
  border-radius: 10px;
  box-sizing: border-box;
  padding: 20px 30px;
  text-align: left;
  width: calc(100% - 150px - 50px);
}
.block-history .block-year .contents .block-month{
  border-bottom: 1px solid #fff;
  margin-bottom: 20px;
  padding-bottom: 20px;
}
.block-history .block-year .contents .block-month:nth-last-of-type(1){
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
.block-history .block-year .contents .block-month .text-area{
  display: flex;
  justify-content: space-between;
}
.block-history .block-year .contents .block-month .text-area span{
  color: #009944;
  display: block;
  font-size: 2.0rem;
  font-weight: 700;
  line-height: 1em;
  margin-top: 7px;
  width: 50px;
}
.block-history .block-year .contents .block-month .text-area p{
  font-size: 1.8rem;
  line-height: 1.8em;
  width: calc(100% - 50px - 25px);
}
.block-history .block-year .contents .block-month.pic{
  display: flex;
  justify-content: space-between;
}
.block-history .block-year .contents .block-month.pic .text-area{
  width: calc(100% - 300px);
}
.block-history .block-year .contents .block-month.pic picture{
  display: block;
  margin-left: 30px;
  width: 300px;
}
#shouwa,
#heisei,
#reiwa{
  margin-top: -70px;
  padding-top: 70px;
}
@media screen and (max-width:767px) { 
  .btn-area-history{
    display: none;
  }
  .block-history:before{
    height: calc(100% - 80px);
    z-index: -1;
    left: 20px;
    top: 80px;
  }
  .block-history .block-year{
    display: block;
    margin-bottom: 40px;
  }
  .block-history .block-year:before{
    height: 14px;
    width: 14px;
    left: 13px;
    top: 9px;
  }
  .block-history .block-year .number{
    background: #fff;
    font-size: 2.6rem;
    margin-bottom: 15px;
    margin-left: 40px;
    margin-top: 0;
  }
  .block-history .block-year .number .year{
    font-size: 1.6rem;
  }
  .block-history .block-year .number .seireki{
    display: inline;
    font-size: 1.6rem;
    margin-left: .5em;
    margin-top: 0;
    text-align: center;
  }
  .block-history .block-year .contents{
    padding-left: 20px;
    padding-right: 20px;
    width: 100%;
  }
  .block-history .block-year .contents .block-month{
    margin-bottom: 30px;
    position: relative;
  }
  .block-history .block-year .contents .block-month .text-area{
    display: block;
  }
  .block-history .block-year .contents .block-month .text-area span{
    font-size: 1.9rem;
    margin-bottom: 10px;
    margin-top: 0;
  }
  .block-history .block-year .contents .block-month .text-area p{
    font-size: 1.7rem;
    line-height: 1.6em;
    width: 100%;
  }
  .block-history .block-year .contents .block-month.pic{
    display: block;
  }
  .block-history .block-year .contents .block-month.pic .text-area{
    margin-bottom: 15px;
  }
  .block-history .block-year .contents .block-month.pic .text-area picture{
    margin-left: 0;
    width: 100%;
  }
  .block-history .block-year .contents .block-month.pic .text-area picture img{
    width: 100%;
  }
}

/* ロゴマークコンセプト */

.block-logo{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.block-logo picture{
  text-align: center;
  width: 40%;
}
.block-logo picture img{
  width: 80%;
}
.block-logo .text-area{
  display: block;
  width: 55%;
}
.block-logo .text-area .block{
  margin-bottom: 60px;
}
.block-logo .text-area .block:nth-last-of-type(1){
  margin-bottom: 0;
}
.block-logo .text-area .block h2{
  font-size: 2.2rem;
  line-height: 1em;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
}
.block-logo .text-area .block h2 span{
  border-radius: 3px;
  box-sizing: border-box;
  display: inline-block;
  height: 25px;
  margin-right: 30px;
  width: 100px;
}
.block-logo .text-area .block h2 span.earth{
  background: #d4c09d;
}
.block-logo .text-area .block h2 span.green{
  background: #009944;
}
@media screen and (max-width: 767px) { 
  .block-logo{
    display: block;
  }
  .block-logo picture{
    display: block;
    margin-bottom: 70px;
    text-align: center;
    width: 100%;
  }
  .block-logo picture img{
    width: 60%;
  }
  .block-logo .text-area{
    width: 100%;
  }
  .block-logo .text-area .block h2{
    font-size: 2.0rem;
    margin-bottom: 20px;
  }
  .block-logo .text-area .block h2 span{
    height: 22px;
    margin-right: 20px;
    width: 80px;
  }
}

/* 許認可情報 */

.block-licensing{
  margin-bottom: 80px;
}
.block-licensing:nth-last-of-type(1){
  margin-bottom: 0;
}
.block-licensing h3 span{
  font-size: 1.9rem;
}
.block-licensing ul{
  background: #fcf9eb;
  border-radius: 10px;
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 50px 30px;
}
.block-licensing ul.grid{
  display: grid;
}
.block-licensing ul.grid.grid-3{
  grid-template-columns: repeat(3, 1fr);
  gap: 20px 30px;
}
.block-licensing ul li{
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.4em;
}
.block-licensing ul li a{
  color: #000;
  position: relative;
}
.block-licensing ul li a i{
  color: #d94f45;
}
@media screen and (max-width: 767px) { 
  .block-licensing{
    margin-bottom: 50px;
  }
  .block-licensing h3 span{
    display: block;
    font-size: 1.7rem;
  }
  .block-licensing ul{
    padding: 40px 20px;
  }
  .block-licensing ul li{
    font-size: 1.7rem;
  }
  .block-licensing ul.grid{
    display: block;
  }
  .block-licensing ul.grid li{
    margin-bottom: 25px;
  }
  .block-licensing ul.grid li:nth-last-of-type(1){
    margin-bottom: 0;
  }
}

/* -----------------
 私たちの取り組み
-------------------- */

/* 共通 */

.h2-lead-initiatives{
  font-size: 4.6rem;
  letter-spacing: 5%;
  line-height: 1.4em;
  margin-bottom: 70px;
}
@media screen and (max-width: 767px) { 
  .h2-lead-initiatives{
    font-size: 3.6rem;
    letter-spacing: 0;
    line-height: 1.4em;
    margin-bottom: 50px;
    text-align: center;
  }
}

/* index */

.block-common-directory-top a picture.compliance{
  background: url(/wp/wp-content/themes/recycle-eco/common/img/initiatives/pic-index-01.jpg) no-repeat center center ;
  background-size: 100%;
}
.block-common-directory-top a picture.development{
  background: url(/wp/wp-content/themes/recycle-eco/common/img/initiatives/pic-index-02.jpg) no-repeat center center ;
  background-size: 100%;
}
.block-common-directory-top a picture.eco{
  background: url(/wp/wp-content/themes/recycle-eco/common/img/initiatives/pic-index-03.jpg) no-repeat center center ;
  background-size: 100%;
}
.block-common-directory-top a picture.sainokuni{
  background: url(/wp/wp-content/themes/recycle-eco/common/img/initiatives/pic-index-04.png) no-repeat center center ;
  background-size: 100%;
}
.block-common-directory-top a picture.sdgs{
  background: url(/wp/wp-content/themes/recycle-eco/common/img/initiatives/pic-index-05.png) no-repeat center center ;
  background-size: 100%;
}
.block-common-directory-top a picture.csr{
  background: url(/wp/wp-content/themes/recycle-eco/common/img/initiatives/pic-index-06.jpg) no-repeat center center ;
  background-size: 100%;
}
.block-common-directory-top a:hover picture{
  background-size: 105%;
}
@media screen and (max-width: 767px) { 
  .block-common-directory-top a picture.compliance{
    background: url(/wp/wp-content/themes/recycle-eco/common/img/initiatives/pic-index-01-sp.jpg) no-repeat center center ;
    background-size: 100%;
  }
  .block-common-directory-top a picture.development{
    background: url(/wp/wp-content/themes/recycle-eco/common/img/initiatives/pic-index-02-sp.jpg) no-repeat center center ;
    background-size: 100%;
  }
  .block-common-directory-top a picture.eco{
    background: url(/wp/wp-content/themes/recycle-eco/common/img/initiatives/pic-index-03-sp.jpg) no-repeat center center ;
    background-size: 100%;
  }
  .block-common-directory-top a picture.sainokuni{
    background: url(/wp/wp-content/themes/recycle-eco/common/img/initiatives/pic-index-04-sp.png) no-repeat center center ;
    background-size: 100%;
  }
  .block-common-directory-top a picture.sdgs{
    background: url(/wp/wp-content/themes/recycle-eco/common/img/initiatives/pic-index-05-sp.png) no-repeat center center ;
    background-size: 100%;
  }
  .block-common-directory-top a picture.csr{
    background: url(/wp/wp-content/themes/recycle-eco/common/img/initiatives/pic-index-06-sp.jpg) no-repeat center center ;
    background-size: 100%;
  }
}

/* 法令遵守 */

.block-compliance-picarea{
  margin-bottom: 50px;
  margin-top: 50px;
  display: flex;
  justify-content: space-between;
  column-gap: 30px;
}
.block-compliance-picarea div p{
  font-size: 1.5rem;
  line-height: 1.4em;
  margin-top: 10px;
  text-align: center;
}
@media screen and (max-width: 767px) { 
  .block-compliance-picarea{
    margin-bottom:30px;
    margin-top:30px;
    display: block;
  }
  .block-compliance-picarea div{
    margin-bottom: 30px;
  }
}

/* ECOへの取り組み */

.block-common-base.bg-initiatives{
  background: url(/wp/wp-content/themes/recycle-eco/common/img/initiatives/bg-initiatives.svg) no-repeat;
  background-size: contain;
}
.block-common-base.bg-initiatives .eco-inner{
  background: rgba(254,252,232,.8);
  border-radius: 20px;
  box-sizing: border-box;
  padding: 60px;
}
.block-initiatives-eco .block{
  border-radius: 10px;
  box-sizing: border-box;
  margin-bottom: 10px;
  display: flex;
}
.block-initiatives-eco .block .year{
  background: #e6f5ec;
  border-radius: 10px 0 0 10px;
  box-sizing: border-box;
  font-size: 2.4rem;
  font-weight: 500;
  line-height: 1em;
  padding: 20px 30px;
  width: 150px;
}
.block-initiatives-eco .block .contents{
  background: #fff;
  border-radius: 0 10px 10px 0;
  box-sizing: border-box;
  padding: 20px 30px;
  width: calc(100% - 150px);
}
.block-initiatives-eco .block .contents ul{
  list-style: none;
  margin: 0;
  padding: 0;
}
.block-initiatives-eco .block .contents ul li{
  font-size: 1.8rem;
  line-height: 1.4em;
  margin-bottom: 10px;
  padding-left: 25px;
  position: relative;
}
.block-initiatives-eco .block .contents ul li:nth-last-of-type(1){
  margin-bottom: 0;
}
.block-initiatives-eco .block .contents ul li:before{
  color: #009944;
  content: "●";
  display: inline-block;
  font-size: 1rem;
  position: absolute;
  left: 0;
  top: 1px;
}
@media screen and (max-width: 767px) {
  .block-common-base.bg-initiatives{
    background: url(/wp/wp-content/themes/recycle-eco/common/img/initiatives/bg-initiatives.svg) no-repeat right top;
    background-size: 140%;
  }

  .block-common-base.bg-initiatives .eco-inner{
    padding: 40px 20px;
  }
  .block-initiatives-eco .block{
    margin-bottom: 20px;
    display: block;
  }
  .block-initiatives-eco .block .year{
    border-radius: 10px 10px 0 0;
    font-size: 2.0rem;
    padding: 25px 20px;
    width: 100%;
  }
  .block-initiatives-eco .block .contents{
    background: #fff;
    border-radius: 0 0 10px 10px;
    padding-left: 20px;
    padding-right: 20px;
    width: 100%;
  }
  .block-initiatives-eco .block .contents ul li{
    font-size: 1.7rem;
    line-height: 1.6em;
  }
}

/* 彩の国工場 */

.point-sainokuni{
  font-size: 2.8rem;
  font-weight: 700;
  line-height: 1.4em;
  margin-bottom: 30px;
}
ul.list-sainokuni{
  list-style: none;
  margin-top: 80px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
}
ul.list-sainokuni li{
  background: #e6f5ec;
  border-radius: 10px;
  box-sizing: border-box;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.4em;
  padding: 40px;
}
ul.list-sainokuni li span{
  color: #009944;
  font-weight: 700;
  margin-right: 1em;
}
@media screen and (max-width: 767px) { 
  .point-sainokuni{
    font-size: 2.2rem;
  }
  ul.list-sainokuni{
    margin-top: 50px;
    display: block;
  }
  ul.list-sainokuni li{
    border-radius: 10px;
    font-size: 1.7rem;
    margin-bottom: 15px;
    padding: 20px 5%;
  }
  ul.list-sainokuni li:nth-last-of-type(1){
    margin-bottom: 0;
  }
  ul.list-sainokuni li span{
    display: block;
    font-size: 1.6rem;
    margin-bottom: 3px;
    margin-right: 0;
  }
}


/* SDGs */

.block-initiatives-sdgs-outline{
  background: #fff;
  border-radius: 20px;
  box-shadow: 0 4px 20px 0 rgba(0,0,0,0.15);
  box-sizing: border-box;
  margin-bottom: 50px;
  padding: 50px;
}
.block-initiatives-sdgs-outline:nth-last-of-type(1){
  margin-bottom: 0;
}
.block-initiatives-sdgs-outline .h3-area{
  border-bottom: 1px solid #d9d9d9;
  margin-bottom: 30px;
  padding-bottom: 30px;
  display: flex;
  align-items: center;
}
.block-initiatives-sdgs-outline .h3-area h3{
  font-size: 3.4rem;
  line-height: 1.4em;
  margin-right: 50px;
}
.block-initiatives-sdgs-outline .h3-area ul{
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  gap: 20px;
}
.block-initiatives-sdgs-outline .h3-area ul li{
  margin: 0;
  padding: 0;
  width: 70px;
}
.block-initiatives-sdgs-outline .h3-area ul li img{
  border-radius: 3px;
  width: 100%;
}

.block-initiatives-sdgs-outline ul.content{
  margin: 0 0 0 2rem;
  padding: 0;
}
.block-initiatives-sdgs-outline ul.content li{
  font-size: 1.8rem;
  line-height: 1.8em;
  margin-bottom: 10px;
}
.block-initiatives-sdgs-outline ul.content li:nth-last-of-type(1){
  margin-bottom: 0;
}

@media screen and (max-width: 767px) { 
  .block-initiatives-sdgs-outline{
    border-radius: 10px;
    margin-bottom: 30px;
    padding: 30px 20px;
  }
  .block-initiatives-sdgs-outline .h3-area{
    margin-bottom: 20px;
    padding-bottom: 25px;
    display: block;
  }
  .block-initiatives-sdgs-outline .h3-area h3{
    font-size: 2.4rem;
    margin-bottom: 20px;
    margin-right: 0;
  }
  .block-initiatives-sdgs-outline .h3-area ul{
    flex-wrap: wrap;
    gap: 10px;
  }
  .block-initiatives-sdgs-outline .h3-area ul li{
    width: 40px;
  }
  .block-initiatives-sdgs-outline ul.content li{
    font-size: 1.7rem;
  }
}

.block-initiatives-sdgs-policy:nth-of-type(1){
  margin-top: 60px;
}
.block-initiatives-sdgs-policy h3{
  background: #e6f5ec;
  border-radius: 10px 10px 0 0;
  box-sizing: border-box;
  font-size: 3.0rem;
  line-height: 1.2em;
  padding: 40px 65px;
  position: relative;
}
.block-initiatives-sdgs-policy h3:before{
  background: url(/wp/wp-content/themes/recycle-eco/common/img/common/icon-circle-gr.svg) no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 24px;
  width: 24px;
  position :absolute;
  left: 30px;
  top: 48px;
  transition: .3s;
}
.block-initiatives-sdgs-policy .block{
  font-size: 1.8rem;
  line-height: 1.6em;
  padding-bottom: 40px;
  padding-top: 40px;
  display: flex;
}
.block-initiatives-sdgs-policy:nth-last-of-type(1) .block{
  padding-bottom: 0;
}
.block-initiatives-sdgs-policy .block .initiatives{
  border-right: 1px solid #d9d9d9;
  box-sizing: border-box;
  padding-right: 3em;
  width: 50%;
}
.block-initiatives-sdgs-policy .block .indicator{
  box-sizing: border-box;
  padding-left: 3em;
  width: 50%;
}
.block-initiatives-sdgs-policy .block h4{
  color: #009944;
  font-size: 2.2rem;
  margin-bottom: 1.5em;
}
.block-initiatives-sdgs-policy .block ul,
.block-initiatives-sdgs-policy .block ol{
  margin: 0 0 0 1em;
  padding: 0;
}
.block-initiatives-sdgs-policy .block ul li,
.block-initiatives-sdgs-policy .block ol li{
  margin-bottom: 10px;
}
.block-initiatives-sdgs-policy .block ul li:nth-last-of-type(1),
.block-initiatives-sdgs-policy .block ol li:nth-last-of-type(1){
  margin-bottom: 0;
}
.block-initiatives-sdgs-policy .block span{
  display: block;
  font-weight: 700;
  margin-bottom: .5em;
}
.block-initiatives-sdgs-policy .block ul+span,
.block-initiatives-sdgs-policy .block ol+span{
  margin-top: 1.5em;
}
@media screen and (max-width: 767px) { 
  .block-initiatives-sdgs-policy:nth-of-type(1){
    margin-top: 40px;
  }
  .block-initiatives-sdgs-policy h3{
    font-size: 2.2rem;
    line-height: 1.2em;
    padding: 20px 20px 20px 50px;
  }
  .block-initiatives-sdgs-policy h3:before{
    height: 20px;
    width: 20px;
    left: 20px;
    top: 25px;
  }
  .block-initiatives-sdgs-policy .block{
    font-size: 1.7rem;
    padding-bottom: 50px;
    padding-top: 30px;
    display: block;
  }
  .block-initiatives-sdgs-policy .block .initiatives{
    border-bottom: 1px solid #d9d9d9;
    border-right: none;
    margin-bottom: 30px;
    padding-bottom: 30px;
    padding-right: 0;
    width: 100%;
  }
  .block-initiatives-sdgs-policy .block .indicator{
    padding-left: 0;
    width: 100%;
  }
  .block-initiatives-sdgs-policy .block h4{
    font-size: 1.8rem;
    margin-bottom: 1em;
  }

  .block-initiatives-sdgs-policy .block ul+span,
  .block-initiatives-sdgs-policy .block ol+span{
    margin-top: 1em;
  }
}

/* CSR */

.wrapper-initiatives-csr{
  background: url(/wp/wp-content/themes/recycle-eco/common/img/initiatives/bg-initiatives.svg) no-repeat right top;
  background-size: 1100px;
}
@media screen and (max-width: 767px) { 
  .wrapper-initiatives-csr{
    background: url(/wp/wp-content/themes/recycle-eco/common/img/initiatives/bg-initiatives.svg) no-repeat right top;
    background-size: contain;
  }
}

.initiatives-csr-donations .block-donations{
  margin-bottom: 100px;
}
.initiatives-csr-donations .block-donations:nth-last-of-type(1){
  margin-bottom: 0;
}
.initiatives-csr-donations .block-donations.flex{
  display: flex;
  justify-content: space-between;
}
.initiatives-csr-donations .block-donations.flex .text-area{
  width: calc(100% - 40% - 7%);
}
.initiatives-csr-donations .block-donations.flex picture{
  margin-top: 70px;
  text-align: center;
  width: 40%;
}
.initiatives-csr-donations .block-donations.shibosai{
  background: url(/wp/wp-content/themes/recycle-eco/common/img/initiatives/bg-initiatives-dot.svg) no-repeat right 50px top;
  background-size: 400px;
}
.initiatives-csr-donations .block-donations.shibosai picture{
  display: block;
  margin-top: 80px;
}
.initiatives-csr-donations .block-donations.shibosai picture img{
  width: 65%;
}
.initiatives-csr-donations .block-donations .block-yokkoisho{
  margin-top: 30px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}
.initiatives-csr-donations .block-donations .block-yokkoisho .block{
  border-radius: 10px;
  box-shadow: 0 4px 20px 0 rgba(0,0,0,0.15);
  box-sizing: border-box;
}
.initiatives-csr-donations .block-donations .block-yokkoisho .block picture img{
  border-radius: 10px 10px 0 0;
}
.initiatives-csr-donations .block-donations .block-yokkoisho .block h4{
  background: #fff;
  border-radius: 0 0 10px 10px;
  box-sizing: border-box;
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 1.2em;
  height: 80px;
  padding: 5px 1em;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

}
.initiatives-csr-donations .block-donations .block-yokkoisho .block h4 span{
  display: block;
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: 5px;
}
@media screen and (max-width: 767px) { 
  .initiatives-csr-donations .block-donations{
    margin-bottom: 80px;
  }
  .initiatives-csr-donations .block-donations.flex{
    display: block;
  }
  .initiatives-csr-donations .block-donations.flex .text-area{
    width: 100%;
  }
  .initiatives-csr-donations .block-donations.flex picture{
    display: block;
    margin-top: 30px;
    width: 100%;
  }
  .initiatives-csr-donations .block-donations .block-yokkoisho{
    display: block;
  }
  .initiatives-csr-donations .block-donations .block-yokkoisho .block{
    margin-bottom: 30px;
  }
  .initiatives-csr-donations .block-donations .block-yokkoisho .block h4{
    font-size: 1.7rem;
  }
  .initiatives-csr-donations .block-donations.shibosai{
    background: url(/wp/wp-content/themes/recycle-eco/common/img/initiatives/bg-initiatives-dot.svg) no-repeat right 0 bottom;
    background-size: 100%;
  }
  .initiatives-csr-donations .block-donations.shibosai picture{
    padding-bottom: 20px;
  }
  .initiatives-csr-donations .block-donations.shibosai picture img{
    width: 80%;
  }
}

.block-common-base.initiatives-csr-exhibittion{
  padding-top: 0;
  position: relative;
}
.bg-exhibittion{
  width: 100%;
  height: 200px;
  overflow: hidden;
  line-height: 0;
}
.bg-exhibittion svg{
  width: 100%;
  height: 100%;
  display: block;
}
.initiatives-csr-exhibittion .layout{
  margin-top: -80px;
}
.initiatives-csr-exhibittion .block-exhibittion{
  margin-bottom: 60px;
  display: flex;
  justify-content: space-between;
}
.initiatives-csr-exhibittion .block-exhibittion:nth-last-of-type(1){
  margin-bottom: 0;
}
.initiatives-csr-exhibittion .block-exhibittion .text-area{
  order: 2;
  width: calc(100% - 40% - 5%);
}
.initiatives-csr-exhibittion .block-exhibittion .text-area .date{
  color: #a98546;
  display: block;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1em;
  margin-bottom: 10px;
}
.initiatives-csr-exhibittion .block-exhibittion .text-area h3{
  font-size: 2.8rem;
  line-height: 1.4em;
  margin-bottom: 30px;
}
.initiatives-csr-exhibittion .block-exhibittion .text-area p{
  font-size: 1.8rem;
  line-height: 1.8em;
}
.initiatives-csr-exhibittion .block-exhibittion .text-area .btn-area{
  margin-top: 30px;
  width: 280px;
  margin-left: auto;
}
.initiatives-csr-exhibittion .block-exhibittion .text-area .btn-area a{
  width: 100%;
}
.initiatives-csr-exhibittion .block-exhibittion picture{
  width: 40%;
}
@media screen and (max-width: 767px) { 
  .bg-exhibittion{
    height: 60px;
  }
  .initiatives-csr-exhibittion .layout{
    margin-top: 0;
  }
  .initiatives-csr-exhibittion .block-exhibittion{
    border-bottom: 1px solid #d9d9d9;
    margin-bottom: 40px;
    padding-bottom: 40px;
    display: block;
  }
  .initiatives-csr-exhibittion .block-exhibittion:nth-last-of-type(1){
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
  }
  .initiatives-csr-exhibittion .block-exhibittion .text-area{
    margin-top: 30px;
    width: 100%;
  }
  .initiatives-csr-exhibittion .block-exhibittion .text-area .date{
    font-size: 1.5rem;
    margin-bottom: 5px;
  }
  .initiatives-csr-exhibittion .block-exhibittion .text-area h3{
    font-size: 2.4rem;
    margin-bottom: 20px;
  }
  .initiatives-csr-exhibittion .block-exhibittion .text-area p{
    font-size: 1.7rem;
  }
  .initiatives-csr-exhibittion .block-exhibittion picture{
    margin-bottom: 20px;
    width: 100%;
  }
}

.block-common-base.initiatives-csr-cleaning{
  background: #fcfce2;
  margin-top: -50px;
  padding-bottom: 0;
  padding-top: 0;
  position: relative;
}
.bg-cleaning{
  width: 100%;
  height: 200px;
  overflow: hidden;
  line-height: 0;
}
.bg-cleaning svg{
  width: 100%;
  height: 100%;
  display: block;
}
.initiatives-csr-cleaning .layout{
  margin-top: 30px;
  padding-bottom: 120px;
}
.initiatives-csr-cleaning .block-cleaning{
  display: flex;
  justify-content: space-between;
}
.initiatives-csr-cleaning .block-cleaning .text-area{
  width: calc(100% - 40% - 5%);
}
.initiatives-csr-cleaning .block-cleaning picture{
  width: 40%;
}
.bg-cleaning-bottom{
  width: 100%;
  height: 100px;
  overflow: hidden;
  line-height: 0;
  background: #fff;
}
.bg-cleaning-bottom svg{
  width: 100%;
  height: 100%;
  display: block;
}
@media screen and (max-width: 767px) { 
  .bg-cleaning{
    height: 60px;
  }
  .initiatives-csr-cleaning .layout{
    margin-top: 30px;
  }
  .initiatives-csr-cleaning .layout{
    padding-bottom: 60px;
  }
  .initiatives-csr-cleaning .block-cleaning{
    display: block;
  }
  .initiatives-csr-cleaning .block-cleaning .text-area{
    margin-bottom: 30px;
    width: 100%;
  }
  .initiatives-csr-cleaning .block-cleaning picture{
    width: 100%;
  }
  .bg-cleaning-bottom{
    height: 40px;
  }
}

.block-common-base.initiatives-csr-message{
  background: url(/wp/wp-content/themes/recycle-eco/common/img/initiatives/bg-initiatives-bottom.svg) no-repeat left top;
  background-size: 650px;
}
.block-common-base.initiatives-csr-message .bg-dot{
  background: url(/wp/wp-content/themes/recycle-eco/common/img/initiatives/bg-initiatives-bottom-dot.svg) no-repeat right 20px top 70px;
  background-size: 310px;
}
.block-common-base.initiatives-csr-message .layout{
  text-align: center;
}
.block-common-base.initiatives-csr-message h2{
  font-size: 4.6rem;
  letter-spacing: 5%;
  line-height: 1.4em;
  margin-bottom: 70px;
}
.block-common-base.initiatives-csr-message picture{
  display: inline-block;
  margin-top: 70px;
  width: min(90%, 900px);
}
@media screen and (max-width: 767px) { 
  .block-common-base.initiatives-csr-message{
    background: url(/wp/wp-content/themes/recycle-eco/common/img/initiatives/bg-initiatives-bottom.svg) no-repeat left top;
    background-size: 200px;
  }
  .block-common-base.initiatives-csr-message .bg-dot{
    background: url(/wp/wp-content/themes/recycle-eco/common/img/initiatives/bg-initiatives-bottom-dot.svg) no-repeat right 10px top 40px;
    background-size: 170px;
  }
  .block-common-base.initiatives-csr-message .layout{
    text-align: center;
  }
  .block-common-base.initiatives-csr-message h2{
    font-size: 2.8rem;
    letter-spacing: 0;
    line-height: 1.6em;
    margin-bottom: 50px;
  }
  .block-common-base.initiatives-csr-message p{
    text-align: left;
  }
  .block-common-base.initiatives-csr-message picture{
    margin-top: 50px;
    width: 100%;
  }
}

/* -----------------
 リサイクル通信
-------------------- */

/* 一覧 */

.block-filter-area{
  background: #e6f5ec;
  border-radius: 10px;
  box-sizing: border-box;
  margin-bottom: 70px;
  padding: 30px 8% 30px 5%;
}
.block-filter-area .inner{
  display: flex;
  align-items: center;
}
.block-filter-area .inner p{
  background: none;
  border: none;
  color: #000;
  cursor: default;
  display: block;
  font-size: 2.2rem;
  font-weight: 700;
  margin-right: 50px;
  padding: 0;
  text-align: left;
}
.block-filter-area .inner select {
  text-align: center;
  width: 250px;
}
@media screen and (max-width:767px) { 
  .block-filter-area{
    margin-bottom: 50px;
    padding: 25px 5%;
  }
  .block-filter-area .inner{
    display: block;
  }
  .block-filter-area .inner p{
    font-size: 2.0rem;
    margin-bottom: 20px;
    margin-right: 0;
    text-align: center;
  }
  .block-filter-area .inner select {
    width: 100%;
  }
}

/* 詳細 */

.block-common-journal-detail .layout{
  margin-left: auto;
  margin-right: auto;
  width: min(100%, 1040px);
}
.block-common-journal-detail .post-h1-area{
  margin-bottom: 70px;
  margin-top: 50px;
}
.block-common-journal-detail .post-h1-area .directory{
  border-bottom: 1px solid #000;
  display: inline-block;
  font-size: 1.6rem;
  line-height: 1em;
  margin-bottom: 30px;
  padding-bottom: 10px;
}
.block-common-journal-detail .post-h1-area p{
  color: #a98546;
  font-size: 2.0rem;
  font-weight: 500;
  line-height: 1.2em;
  margin-bottom: 15px;
}
.block-common-journal-detail .post-h1-area h1{
  color: #009944;
  font-size: 4.2rem;
  line-height: 1.4em;
}
.block-common-journal-detail .post-h1-area .flex-nowrap{
  margin-top: 30px;
  align-items: self-start;
}
.block-common-journal-detail .post-h1-area time{
  font-size: 1.7rem;
  font-weight: 500;
  line-height: 1em;
  display: flex;
  align-items: center;
}
.block-common-journal-detail .post-h1-area time i {
  margin-right: 10px;
}
.block-common-journal-detail .post-h1-area .btn-pdf{
  width: 260px;
}
.block-common-journal-detail .post-h1-area .btn-pdf a{
  background: #fff;
  border: 1px solid transparent;
  border-radius: 50px;
  box-shadow: 0 4px 20px 0 rgba(0,0,0,0.15);
  box-sizing: border-box;
  color: #000;
  font-size: 1.7rem;
  display: inline-block;
  height: 60px;
  line-height: 1em;
  padding: 0 50px;
  position: relative;
  text-align: left;
  text-decoration: none;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.block-common-journal-detail .post-h1-area .btn-pdf a:after{
  color: #d94f45;
  content: "\f1c1";
  display: inline-block;
  font-family: "Font Awesome 7 Free";
  font-size: 1.7rem;
  font-weight: bold;
  position :absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  transition: .3s;
}
.block-common-journal-detail .post-h1-area .btn-pdf a:hover{
  background: #d94f45;
  border: 1px solid #d94f45;
  color: #fff;
}
.block-common-journal-detail .post-h1-area .btn-pdf a:hover:after{
  color: #fff;
  right: 15px;
}
.block-common-journal-detail .post-contents-area{
  background: #e6f5ec;
  padding-bottom: 120px;
  padding-top: 80px;
}
.block-common-journal-detail .post-contents-area .layout{
  margin-left: auto;
  margin-right: auto;
  width: min(100%, 1040px);
}
.block-common-journal-detail .post-contents-area .inner{
  background: #fff;
  border-radius: 20px;
  box-sizing: border-box;
  padding: 60px 5%;
}
.block-common-journal-detail .post-contents-area .inner .thumbnail-area{
  margin-bottom: 50px;
  width: 100%;
}
.block-common-journal-detail .post-contents-area .inner .thumbnail-area picture{
  display: block;
  width: 100%;
}
.block-common-journal-detail .post-contents-area .inner .thumbnail-area picture img{
  height: 100%;
}
.block-common-journal-detail .post-contents-area .inner .sns-share-area{
  margin: 70px 0 60px;
  display: flex;
  justify-content: flex-end;
}
.block-common-journal-detail .post-contents-area .inner .sns-share-area ul{
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  column-gap: 15px;
}
.block-common-journal-detail .post-contents-area .inner .sns-share-area ul li{
  width: 40px;
}
.block-common-journal-detail .post-contents-area .inner .sns-share-area ul li a img{
  width: 100%;
}
.block-common-journal-detail .post-contents-area .inner .sns-share-area h2:after{
  background: none;
}
.block-common-journal-detail .post-contents-area .inner .post-author-area{
  border-top: 1px solid #009944;
  padding-top: 60px;
}
.block-common-journal-detail .post-contents-area .inner .post-author-area h2{
  font-size: 2.4rem;
  margin-bottom: 15px;
  padding-left: 0;
}
.block-common-journal-detail .post-contents-area .inner .post-author-area h2:before{
  background: none;
}
.block-common-journal-detail .post-contents-area .inner .post-author-area .flex-nowrap .pic-area{
  margin-left: 50px;
  display: flex;
  align-items: center;
}
.block-common-journal-detail .post-contents-area .inner .post-author-area .flex-nowrap .pic-area picture{
  margin-left: 0;
  margin-right: 15px;
  width: 130px;
}
.block-common-journal-detail .post-contents-area .inner .post-author-area .flex-nowrap .pic-area picture img{
  border-radius: 10px;
}
.block-common-journal-detail .post-contents-area .inner .post-author-area .flex-nowrap .pic-area div{
  font-size: 1.7rem;
  font-weight: 700;
  line-height: 1em;
}
.block-common-journal-detail .post-contents-area .inner .post-author-area .flex-nowrap .pic-area div span{
  color: #009944;
  display: block;
  font-size: 1.5rem;
  margin-bottom: 7px;
}
@media screen and (max-width: 767px) { 
  .block-common-journal-detail .post-h1-area{
    margin-bottom: 50px;
    margin-top: 40px;
  }
  .block-common-journal-detail .post-h1-area .directory{
    font-size: 1.2rem;
    margin-bottom: 20px;
  }
  .block-common-journal-detail .post-h1-area p{
    font-size: 1.6rem;
    margin-bottom: 10px;
  }
  .block-common-journal-detail .post-h1-area h1{
    font-size: 2.8rem;
    line-height: 1.4em;
  }
  .block-common-journal-detail .post-h1-area .flex-nowrap{
    margin-top: 20px;
  }
  .block-common-journal-detail .post-h1-area .flex-nowrap time{
    margin-bottom: 20px;
  }
  .block-common-journal-detail .post-h1-area .flex-nowrap time i {
    margin-right: 5px;
  }
  .block-common-journal-detail .post-h1-area .btn-pdf{
    width: 100%;
    display: flex;
    justify-content: flex-end;
  }
  .block-common-journal-detail .post-h1-area .btn-pdf a{
    height: 55px;
    width: 220px;
  }
  .block-common-journal-detail .post-contents-area{
    padding-bottom: 80px;
    padding-top: 50px;
  }
  .block-common-journal-detail .post-contents-area .inner{
    border-radius: 10px;
    padding: 20px;
  }
  .block-common-journal-detail .post-contents-area .inner .thumbnail-area{
    margin-bottom: 30px;
  }
  .block-common-journal-detail .post-contents-area .inner .sns-share-area{
    margin-bottom: 30px;
    margin-top: 40px;
  }
  .block-common-journal-detail .post-contents-area .inner .post-author-area{
    padding: 30px 0 0;
    text-align: center;
  }
  .block-common-journal-detail .post-contents-area .inner .post-author-area h2{
    font-size: 2.0rem;
    margin-bottom: 20px;
  }
  .block-common-journal-detail .post-contents-area .inner .post-author-area .flex-nowrap .pic-area{
    display: block;
    margin-left: 0;
    width: 100%;
  }
  .block-common-journal-detail .post-contents-area .inner .post-author-area .flex-nowrap .pic-area picture{
    margin-left: auto;
    margin-right: auto;
    width: 130px;
  }
  .block-common-journal-detail .post-contents-area .inner .post-author-area .flex-nowrap .pic-area div{
    margin-top: 10px;
  }
}

/* -----------------
 お知らせ・解体業者向け情報
-------------------- */

.block-common-post-detail{
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 120px;
  width: min(100%, 940px);
}
.block-common-post-detail .post-h1-area{
  border-bottom: 1px solid #d9d9d9;
  margin: 50px auto 70px;
  padding-bottom: 50px;
}
.block-common-post-detail .post-h1-area .directory{
  border-bottom: 1px solid #000;
  display: inline-block;
  font-size: 1.6rem;
  line-height: 1em;
  margin-bottom: 10px;
  padding-bottom: 10px;
}
.block-common-post-detail .post-h1-area h1{
  font-size: 4.2rem;
  line-height: 1.4em;
  margin-bottom: 30px;
}
body.single-news .block-common-post-detail .post-h1-area h1,
body.news .block-common-post-detail .post-h1-area h1{
  color: #009944;
}
body.single-demolition_info .block-common-post-detail .post-h1-area h1,
body.demolition_info .block-common-post-detail .post-h1-area h1{
  color: #a98546;
}
.block-common-post-detail .post-h1-area time{
  font-size: 1.7rem;
  font-weight: 500;
  line-height: 1em;
  display: flex;
  align-items: center;
}
.block-common-post-detail .post-h1-area time i {
  margin-right: 10px;
}
.post-contents-area h2{
  font-size: 3.4rem;
  font-weight: 700;
  letter-spacing: 5%;
  line-height: 1.4em;
  margin-bottom: 30px;
  padding-left: 40px;
  position: relative;
}
.post-contents-area h2:before{
  background: url(/wp/wp-content/themes/recycle-eco/common/img/common/icon-head.svg) no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 21px;
  width: 26px;
  position :absolute;
  left: 0;
  top: 15px;
}
.post-contents-area h3{
  box-sizing: border-box;
  font-size: 2.4rem;
  line-height: 1.4em;
  margin-bottom: 20px;
  padding-left: 30px;
  position: relative;
}
.post-contents-area h3:before{
  content: "";
  display: inline-block;
  height: 22px;
  width: 22px;
  position: absolute;
  left: 0;
  top: 8px;
}
body.single-journal .post-contents-area h3,
body.single-news .post-contents-area h3,
body.journal .post-contents-area h3,
body.news .post-contents-area h3{
  color: #009944;
}
body.single-journal .post-contents-area h3:before,
body.single-news .post-contents-area h3:before,
body.journal .post-contents-area h3:before,
body.news .post-contents-area h3:before{
  background: url(/wp/wp-content/themes/recycle-eco/common/img/common/icon-circle-gr.svg) no-repeat;
  background-size: cover;
}
body.single-demolition_info .post-contents-area h3,
body.demolition_info .post-contents-area h3{
  color: #a98546;
}
body.single-demolition_info .post-contents-area h3:before,
body.demolition_info .post-contents-area h3:before{
  background: url(/wp/wp-content/themes/recycle-eco/common/img/common/icon-circle-br.svg) no-repeat;
  background-size: cover;
}
.post-contents-area h4{
  font-size: 2.0rem;
  line-height: 1.4em;
  margin-bottom: 15px;
  padding-left: 35px;
  position: relative;
}
.post-contents-area h4:before{
  background: #ff9000;
  content: "";
  display: inline-block;
  height: 2px;
  width: 25px;
  position: absolute;
  left: 0;
  top: 13px;
}
.post-contents-area p{
  font-size: 1.8rem;
  line-height: 2.0em;
  margin-bottom: 1.5em;
}
.post-contents-area picture,
.post-contents-area figure{
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 96%;
}
.post-contents-area ul,
.post-contents-area ol{
  margin: 0 0 0 2.0em;
  padding: 0;
}
.post-contents-area ul li,
.post-contents-area ol li{
  font-size: 1.8rem;
  line-height: 1.8em;
  margin-bottom: 10px;
}
.post-contents-area ul li:nth-last-of-type(1),
.post-contents-area ol li:nth-last-of-type(1){
  margin-bottom: 0;
}
.post-btn-area{
  margin-top: 80px;
  text-align: center;
}
.post-btn-area a{
  height: 80px;
  margin-left: auto;
  margin-right: auto;
}
.post-contents-area p+h2,
.post-contents-area picture+h2,
.post-contents-area figure+h2,
.post-contents-area ul+h2,
.post-contents-area ol+h2{
  margin-top: 50px;
}
.post-contents-area p+h3,
.post-contents-area p+picture,
.post-contents-area picture+h3,
.post-contents-area picture+p,
.post-contents-area picture+ul,
.post-contents-area picture+ol,
.post-contents-area p+figure,
.post-contents-area figure+h3,
.post-contents-area figure+p,
.post-contents-area figure+ul,
.post-contents-area figure+ol,
.post-contents-area ul+h3,
.post-contents-area ul+picture,
.post-contents-area ul+figure,
.post-contents-area ol+h3,
.post-contents-area ol+picture,
.post-contents-area ol+figure{
  margin-top: 40px;
}
.post-contents-area h2+picture,
.post-contents-area h2+figure,
.post-contents-area p+ul,
.post-contents-area p+ol,
.post-contents-area ul+p,
.post-contents-area ul+ol,
.post-contents-area ol+p,
.post-contents-area ol+ul{
  margin-top: 1.5em;
}
@media screen and (max-width: 767px) { 
  .block-common-post-detail{
    padding-bottom: 80px;
    width: 100%;
  }
  .block-common-post-detail .post-h1-area{
    margin-bottom: 40px;
    margin-top: 40px;
    padding-bottom: 40px;
  }
  .block-common-post-detail .post-h1-area .directory{
    font-size: 1.2rem;
  }
  .block-common-post-detail .post-h1-area h1{
    font-size: 3.2rem;
    line-height: 1.2em;
  }
  .block-common-post-detail .post-h1-area time i {
    margin-right: 5px;
  }
  .post-contents-area h2{
    font-size: 2.8rem;
    letter-spacing: 0;
    padding-left: 30px;
  }
  .post-contents-area h2:before{
    height: 16px;
    width: 20px;
    top: 12px;
  }
  .post-contents-area h3{
    font-size: 2.2rem;
  }
  .post-contents-area h3:before{
    height: 20px;
    width: 20px;
    top: 6px;
  }
  .post-contents-area h4{
    font-size: 1.9rem;
    padding-left: 35px;
  }
  .post-contents-area p{
    font-size: 1.7rem;
  }
  .post-contents-area picture,
  .post-contents-area figure{
    width: 100%;
  }
  .post-contents-area ul li,
  .post-contents-area ol li{
    font-size: 1.7rem;
  }
  .post-btn-area{
    margin-top: 50px;
  }
  .post-btn-area a{
    height: 65px;
  }
  .post-contents-area p+h2,
  .post-contents-area picture+h2,
  .post-contents-area figure+h2,
  .post-contents-area ul+h2,
  .post-contents-area ol+h2{
    margin-top: 40px;
  }
  .post-contents-area p+h3,
  .post-contents-area p+picture,
  .post-contents-area picture+h3,
  .post-contents-area picture+p,
  .post-contents-area picture+ul,
  .post-contents-area picture+ol,
  .post-contents-area p+figure,
  .post-contents-area figure+h3,
  .post-contents-area figure+p,
  .post-contents-area figure+ul,
  .post-contents-area figure+ol,
  .post-contents-area ul+h3,
  .post-contents-area ul+picture,
  .post-contents-area ul+figure,
  .post-contents-area ol+h3,
  .post-contents-area ol+picture,
  .post-contents-area ol+figure{
    margin-top: 30px;
  }
}

/* -----------------
 プライバシーポリシー
-------------------- */

.block-privacy{
  margin-bottom: 80px;
}
.block-privacy:nth-last-of-type(1){
  margin-bottom: 0;
}
.block-privacy h2{
  font-size: 3.0rem;
  line-height: 1.4em;
  margin-bottom: 30px;
}
.block-privacy ul{
  margin: 0 0 0 2em;
  padding: 0;
}
.block-privacy ul li{
  font-size: 1.8rem;
  line-height: 1.8em;
  margin-bottom: 5px;
}
.block-privacy ul li:nth-last-of-type(1){
  margin-bottom: 0;
}
.block-privacy p+ul{
  margin-top: 1.5em;
}
@media screen and (max-width: 767px) { 
  .block-privacy{
    margin-bottom: 60px;
  }
  .block-privacy h2{
    font-size: 2.2rem;
    margin-bottom: 20px;
  }
  .block-privacy ul li{
    font-size: 1.7rem;
  }
}

/* -----------------
 フォーム共通
-------------------- */

/* 共通 */

.block-common-h1-area.form{
  height: 246px;
}
.block-common-h1-area.form .h1-area{
  height: 246px;
  padding-bottom: 0;
  align-items: center;
}
.block-common-form{
  margin-left: auto;
  margin-right: auto;
  padding: 120px 0;
  width: min(100%, 840px);
}
.btn-form{
  margin: 70px auto 0;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .block-common-h1-area.form{
    height: 187px;
  }
  .block-common-h1-area.form .h1-area{
    height: 187px;
  }
  .block-common-form{
    padding-bottom: 80px;
    padding-top: 80px;
  }
  .btn-form{
    margin-top: 50px;
  }
  body.form #wrapper{
    padding-top: 70px;
  }
  body.form-thanks #wrapper{
    padding-top: 140px;
  }
}

input[type="text"],
input[type="email"],
input[type="number"],
input[type="url"],
input[type="tel"],
input[type="radio"],
textarea,
button,
select {
  background: none;
  border: none;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
input[type="text"],
input[type="email"],
input[type="number"],
input[type="url"],
input[type="tel"],
textarea,
select {
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 10px;
  font-size: 1.8rem;
  outline: none;
  padding: 20px 1em;
  transition: .5s;
}
input:focus[type="text"],
input:focus[type="email"],
input:focus[type="number"],
input:focus[type="url"],
input:focus[type="tel"],
textarea:focus {
  background: rgba(0,153,68,.05);
  border: 1px solid #009944;
}
input[type="checkbox"],
input[type="radio"]{
  display: none;
  vertical-align: middle;
}
@media screen and (max-width:767px) { 
  input[type="text"],
  input[type="email"],
  input[type="url"],
  input[type="tel"],
  textarea,
  select {
    font-size: 1.7rem;
    padding-left: 10px;
    padding-right: 10px;
  }
}

/* 入力画面 */

.block-common-form .tel-guide-area{
  margin-bottom: 120px;
}
.block-common-form .tel-guide-area p.title{
  font-size: 2.8rem;
  font-weight: 700;
  line-height: 1.6em;
  margin-bottom: 50px;
}
.block-common-form .tel-guide-area a{
  color: #009944;
  display: inline-block;
  font-size: 6.3rem;
  font-weight: 700;
  line-height: 1em;
  padding-left: 50px;
  pointer-events: none;
  position: relative;
  text-decoration: none;
}
.block-common-form .tel-guide-area a:before{
  background: url(/wp/wp-content/themes/recycle-eco/common/img/common/icon-tel-gr.svg) no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 53px;
  width: 40px;
  position :absolute;
  left: 0;
  top: 12px;
}
.block-common-form .tel-guide-area p.business-hours{
  font-size: 1.6rem;
  line-height: 1em;
  margin-bottom: 50px;
  margin-left: 50px;
  margin-top: 15px;
}
.block-common-form ul.form-caution{
  margin: 0 0 70px 1.5em;
  padding: 0;
}
.block-common-form ul.form-caution li{
  font-size: 1.7rem;
  font-weight: 700;
  line-height: 1.6em;
  margin-bottom: 10px;
}
.block-common-form ul.form-caution li:nth-last-of-type(1){
  margin-bottom: 0;
}
.form-step{
  background: #e6f5ec;
  box-sizing: border-box;
  border-radius: 10px;
  margin-bottom: 70px;
  padding: 50px 5%;
}
.form-step p{
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.4em;
  margin-bottom: 30px;
  text-align: center;
}
.form-step ol{
  font-size: 1.7rem;
  line-height: 1.8em;
  margin: 0 0 0 1em;
  padding: 0;
}
.form-step ol li{
  margin-bottom: 10px;
}
.form-step ol li:nth-last-of-type(1){
  margin-bottom: 0;
}
@media screen and (max-width:767px) { 
  .block-common-form .tel-guide-area{
    margin-bottom: 80px;
  }
  .block-common-form .tel-guide-area p.title{
    font-size: 2.2rem;
    margin-bottom: 40px;
  }
  .block-common-form .tel-guide-area a{
    font-size: 4.4rem;
    padding-left: 40px;
    pointer-events: auto;
    text-decoration: underline;
  }
  .block-common-form .tel-guide-area a:before{
    height: 39px;
    width: 30px;
    top: 8px;
  }
  .block-common-form .tel-guide-area p.business-hours{
    font-size: 1.5rem;
    margin-bottom: 40px;
    margin-left: 40px;
    margin-top: 15px;
  }
  .block-common-form ul.form-caution{
    margin-bottom: 50px;
  }
  .block-common-form ul.form-caution li{
    font-size: 1.7rem;
  }
  .form-step{
    border-radius: 10px;
    margin-bottom: 50px;
    padding: 30px 20px;
  }
  .form-step p{
    font-size: 2.2rem;
    margin-bottom: 20px;
  }
}

.block-form-area{
  text-align: left;
}
.block-form-area h2.h2-icon{
  margin-bottom: 50px;
}
.block-form-area .block{
  margin-bottom: 50px;
}
.block-form-area .block.none{
  display: none;
}
.block-form-area .block .item{
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.4em;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
}
.block-form-area .block .item.checkbox{
  margin-bottom: 20px;
}
.block-form-area .block .item span.required{
  background: #c60019;
  border-radius: 3px;
  display: inline-block;
  color: #fff;
  font-size: 1.1rem;
  line-height: 1em;
  margin-left: 10px;
  padding: 5px 1em;
}
.block-form-area .block .input{
  font-size: 1.8rem;
  line-height: 1.6em;
}
.block-form-area .block .input.flex{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.block-form-area .block .input div{
  margin-bottom: 15px;
}
.block-form-area .block .input div:last-child{
  margin-bottom: 0;
}
.block-form-area .block .input span.description{
  color: #999;
  display: block;
  font-size: 1.8rem;
  line-height: 1.6em;
  margin-top: 5px;
}
.block-form-area .block .input .link{
  font-size: 1.8rem;
  line-height: 2.0em;
  margin-bottom: 1em;
}
.input{
  box-sizing: border-box;
  margin: 0;
  width: 100%;
}
.input.post{
  width: 35%;
}
.input.half{
  width: 50%;
}
.text{
  box-sizing: border-box;
  height: 10em;
  margin: 0;
  width: 100%;
}
select.kubun,
select.category{
  width: 400px;
}
.checkbox{
  margin-right: 2px;
}
.block-form-area .block .input.flex span.wpcf7-checkbox,
.block-form-area .block .input.flex span.wpcf7-radio{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px 50px;
}
.block-form-area .block .input.flex span.wpcf7-list-item{
  display: block;
  margin-left: 0;
  width: calc((100% - 50px) / 2);
}
.block-form-area .block .input.flex span.wpcf7-list-item{
  margin-right: 2em;
  width: auto;
}
.block-form-area .block .input.flex span.wpcf7-list-item:nth-last-of-type(1){
  margin-right: 0;
}
.block-form-area .block .input.agree span.wpcf7-list-item{
  display: flex;
  justify-content: center;
}
.block-form-area .block .input span.wpcf7-list-item label {
  cursor: pointer;
  margin-top: 10px;
  display: flex;
  align-items: center;
}
.block-form-area .block .input span.wpcf7-list-item label span {
  display: inline-block;
  font-size: 1.8rem;
  position: relative;
}

/* チェックボックス */
.block-form-area .block .input.checkbox span.wpcf7-list-item label span:before,
.block-form-area .block .input.agree span.wpcf7-list-item label span:before {
  background: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 5px;
  box-sizing: border-box;
  content: "";
  display: inline-block;
  height: 24px;
  margin-right: 10px;
  vertical-align: middle;
  width: 24px;
}
.block-form-area .block .input.checkbox span.wpcf7-list-item label span:after,
.block-form-area .block .input.agree span.wpcf7-list-item label span:after {
  border-bottom: 4px solid;
  border-left: 4px solid;
  border-color: #009944;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 11px;
  margin-top: -9px;
  transform: translate(12%,-120%) rotate(-45deg) scale(0);
  transition: transform 0.2s ease-in-out;
  width: 22px;
}
.block-form-area .block .input.checkbox span.wpcf7-list-item label input[type="checkbox"]:checked + span:after ,
.block-form-area .block .input.agree span.wpcf7-list-item label input[type="checkbox"]:checked + span:after {
  transform: translate(12%,-120%) rotate(-45deg) scale(1);
}

/* ラジオボタン */
.block-form-area .block .input.radio span.wpcf7-radio label span:before {
  background: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 50%;
  box-sizing: border-box;
  content: "";
  display: inline-block;
  height: 24px;
  margin-right: 10px;
  vertical-align: middle;
  width: 24px;
}
.block-form-area .block .input.radio span.wpcf7-radio label span:after {
  background: #009944;
  border-radius: 50%;
  content: "";
  width: 14px;
  height: 14px;
  transform: translateX(-50%) scale(0);
  transition: transform 0.2s ease-in-out;
  position: absolute;
  top: 9px;
  left: 12px;
}
.block-form-area .block .input.radio span.wpcf7-radio label input[type="radio"]:checked + span:after {
  transform: translateX(-50%) scale(1);
}
.block-form-area .block .input.agree span.wpcf7-list-item label span span:before {
  background: transparent;
  border: none;
  height: 0;
  margin-right: 0;
  width: 0;
}
.block-form-area .block .input.agree span.wpcf7-list-item label span span:after {
  border: none;
}
input[type="submit"],
button[type="submit"]{
  background: #ff9000;
  border: none;
  border-radius: 10px;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 2.0rem;
  font-weight: 700;
  height: 100px;
  line-height: 1em;
  outline: none;
  margin: 0 auto;
  padding: 0 50px;
  position: relative;
  transition: .3s;
  width: 500px;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
input[type="submit"]:after,
button[type="submit"]:after{
  background: url(/wp/wp-content/themes/recycle-eco/common/img/common/icon-btn-arrow-wh-or.svg) no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 30px;
  width: 30px;
  position :absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  transition: .3s;
}
button[type="submit"]:hover{
  background: #f58200;
}
button[type="submit"]:hover:after{
  right: 15px;
}
.btn-form.index{
  width: 70%;
}
.form-caution-area{
  background: #f6f2eb;
  border-radius: 10px;
  box-sizing: border-box;
  margin-top: 70px;
  padding: 40px;
}
.form-caution-area p{
  font-size: 1.5rem;
  line-height: 1.8em;
  margin-bottom: 1.5em;
}
.form-caution-area p.title{
  font-size: 1.8rem;
  font-weight: 700;
}
.form-caution-area p:nth-last-of-type(1){
  margin-bottom: 0;
}
@media screen and (max-width:767px) { 
  .block-form-area{
    text-align: left;
  }
  .block-form-area h2.h2-icon{
    margin-bottom: 30px;
  }
  .block-form-area .block{
    margin-bottom: 40px;
  }
  .block-form-area .block .input.flex{
    display: block;
  }
  .block-form-area .block .input span.description{
    font-size: 1.7rem;
  }
  .input.post{
    width: 60%;
  }
  select.kubun,
  select.category{
    width: 100%;
  }
  .block-form-area .block .input.flex span.wpcf7-checkbox,
  .block-form-area .block .input.flex span.wpcf7-radio{
    display: block;
  }
  label{
    display: inline-block;
    margin-bottom: 20px;
    margin-right: 1em;
  }
  label.custom-radio {
    margin-right: 0;
    margin-top: 0;
  }
  label.custom-radio:nth-last-of-type(1) {
    border-bottom: none;
  }
  label.custom-radio span:before {
    height: 28px;
    width: 28px;
  }
  label.custom-radio span:after {
    height: 16px;
    width: 16px;
    left: 14px;
    top: 9px;
  }
  label.custom-radio span {
    font-size: 1.7rem;
  }
  label.custom-checkbox span:before {
    height: 28px;
    width: 28px;
  }
  label.custom-checkbox span {
    font-size: 1.7rem;
  }
  .block-form-area .block .input span.wpcf7-list-item label span {
    font-size: 1.7rem;
  }
  input[type="submit"],
  button[type="submit"]{
    font-size: 1.9rem;
    height: 80px;
    padding-left: 30px;
    padding-right: 30px;
    width: 100%;
  }
  input[type="submit"]:after,
  button[type="submit"]:after{
    height: 26px;
    width: 26px;
  }
  .btn-form.index{
    width: 100%;
  }
  .form-caution-area{
    margin-top: 50px;
    padding: 20px;
  }
  .form-caution-area p.title{
    text-align: center;
  }
}

.block-form-area .block .input span.wpcf7-not-valid-tip {
  color: #c60019 ;
}
.wpcf7 form .wpcf7-response-output,
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
  background: #fff;
  border: 2px solid #c60019;
  border-radius: 5px;
  box-sizing: border-box;
  color: #c60019;
  font-size: 1.7rem;
  margin: 50px 0 0;
  padding: 30px 2em;
  text-align: center;
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
  border-color: #c60019 !important;
}
@media screen and (max-width:767px) { 
  .wpcf7 form .wpcf7-response-output,
  .wpcf7 form.invalid .wpcf7-response-output,
  .wpcf7 form.unaccepted .wpcf7-response-output,
  .wpcf7 form.payment-required .wpcf7-response-output {
    padding: 20px 1em;
    text-align: left;
  }
}

/* 確認画面 */

.btn-form.confirm{
  width: 100%;
}
.btn-form.confirm ul{
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.btn-form.confirm ul li{
  font-size: 1.8rem;
  line-height: 1em;
}
.btn-form.confirm ul li:first-child{
  margin-right: 10%;
  width: 20%;
}
.btn-form.confirm ul li:last-child{
  width: 65%;
}
@media screen and (max-width:767px) { 
  .btn-form.confirm ul{
    display: block;
  }
  .btn-form.confirm ul li{
    font-size: 1.7rem;
    line-height: 1em;
  }
  .btn-form.confirm ul li:first-child{
    width: 100%;
  }
  .btn-form.confirm ul li:last-child{
    margin-right: 0;
    width: 100%;
  }
}

/* サンクス画面 */

.block-common-base.form p{
  text-align: center;
}
.btn-form-thanks{
  margin-top: 70px;
  display: flex;
  justify-content: center;
}
@media screen and (max-width:767px) { 
  .block-common-base.form p{
    text-align: left;
  }
  .btn-form-thanks{
    margin-top: 50px;
  }
}

/* -----------------
 ダウンロード
-------------------- */

.block-download-thumb-area{
  background: #e6f5ec;
  border-radius: 10px;
  box-sizing: border-box;
  margin-bottom: 100px;
  padding: 30px;
}
.block-download-thumb-area picture{
  display: block;
  width: 230px;
}
.block-download-thumb-area .text-area{
  width: calc(100% - 230px - 40px);
}
.block-download-thumb-area .text-area ul{
  margin: 0 0 0 2em;
  padding: 0;
}
.block-download-thumb-area .text-area ul li{
  font-size: 1.8rem;
  line-height: 1.8em;
  margin-bottom: 10px;
}
.block-download-thumb-area .text-area ul li:nth-last-of-type(1){
  margin-bottom: 0;
}
@media screen and (max-width:767px) {  
  .block-download-thumb-area{
    margin-bottom: 80px;
    padding: 20px;
  }
  .block-download-thumb-area picture{
    margin-bottom: 30px;
    width: 100%;
  }
  .block-download-thumb-area .text-area{
    width: 100%;
  }
  .block-download-thumb-area .text-area ul li{
    font-size: 1.7rem;
  }
}

/* -----------------
 自治体専用ページ
-------------------- */

#wpmem_msg, .wpmem_msg {
  background: #fff !important;;
  border: 1px solid #c60019 !important;
  color: #c60019;
  font-size: 1.8rem;
  line-height: 2.0em;
  padding-left: 20px !important;
  padding-right: 20px !important;
  margin-bottom: 70px !important;
  margin-top: 70px !important;
}
#wpmem_restricted_msg{
  margin-top: 70px;
}
#wpmem_restricted_msg p{
  font-size: 1.8rem;
  line-height: 2.0em;
  margin-bottom: 70px;
}
#wpmem_login legend, #wpmem_reg legend {
  font-size: 3.6rem !important;
  line-height: 1.4em;
  margin-bottom: 30px !important;
}
#wpmem_login label, #wpmem_reg label {
  font-size: 1.8rem !important;
  display: block !important;
  margin-bottom: 18px;
}
#wpmem_login p label{
  margin-bottom: 0;
}
#wpmem_login .div_text, #wpmem_reg .div_checkbox, #wpmem_reg .div_date, #wpmem_reg .div_file, #wpmem_reg .div_image, #wpmem_reg .div_membership, #wpmem_reg .div_multicheckbox, #wpmem_reg .div_multiselect, #wpmem_reg .div_number, #wpmem_reg .div_radio, #wpmem_reg .div_select, #wpmem_reg .div_text, #wpmem_reg .div_textarea, #wpmem_reg .div_url {
  margin-bottom: 25px !important;
}
#wpmem_login input[type=password], #wpmem_login input[type=text], #wpmem_reg input[type=date], #wpmem_reg input[type=email], #wpmem_reg input[type=number], #wpmem_reg input[type=password], #wpmem_reg input[type=text], #wpmem_reg input[type=url], #wpmem_reg textarea {
  border: 1px solid #d9d9d9 !important;
  border-radius: 10px !important;
  box-sizing: border-box;
  color: #000 !important;
  padding: 20px 1em !important;
}
#wpmem_login input[type="checkbox"]{
  display: inline;
}
#wpmem_login .button_div label {
  display: inline !important;
}
#wpmem_login .button_div, #wpmem_reg .button_div {
  margin: 50px auto 100px;
  text-align: left !important;
}
#wpmem_login .button_div, #wpmem_reg .button_div {
  margin: 50px auto 100px;
  text-align: left !important;
}
#wpmem_login .button_div input[type="submit"]{
  font-size: 2.0rem !important;
  margin-top: 30px;
}
@media screen and (max-width: 767px) {
  #wpmem_msg, .wpmem_msg {
    margin-bottom: 50px !important;
    margin-top: 50px !important;
  }
  #wpmem_restricted_msg{
    margin-top: 50px;
  }
  #wpmem_restricted_msg p{
    font-size: 1.7rem;
    line-height: 1.8em;
  }
  #wpmem_login, #wpmem_msg, #wpmem_reg, .wpmem_msg {
    width: 100% !important;
  }
  #wpmem_login legend, #wpmem_reg legend {
    font-size: 2.6rem !important;
    margin-bottom: 40px !important;
  }
  #wpmem_login label, #wpmem_reg label {
    font-size: 1.7rem !important;
  }
  #wpmem_login .button_div, #wpmem_reg .button_div {
    margin-bottom: 50px;
  }
}

/* -----------------
 準備中
-------------------- */

.coming-soon{
  font-size: 1.8rem;
  line-height: 1.8em;
  text-align: center;
}

/* -----------------
 404
-------------------- */

.block-common-base.not-found .layout{
  text-align: center;
}
.block-common-base.not-found .layout .btn-area{
  margin-top: 80px;
}
.block-common-base.not-found .layout .btn-area a{
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width:767px) { 
  .block-common-base.not-found .layout{
    text-align: left;
  }
  .block-common-base.not-found .layout .btn-area{
    margin-top: 60px;
  }
}

/* -----------------
 Gナビcurrent
-------------------- */

/* 下層なし */

body.top .gnav-list li:nth-of-type(1) a,
body.features .gnav-list li:nth-of-type(2) a,
body.equipment .gnav-list li:nth-of-type(4) a{
  color: #009944;
}
body.top .gnav-list li:nth-of-type(1) a:before,
body.features .gnav-list li:nth-of-type(2) a:before,
body.equipment .gnav-list li:nth-of-type(4) a:before{
  transform: scale(1, 1);
}
body.top .gnav-list .gnav-sub ul li:nth-of-type(1) a,
body.features .gnav-list .gnav-sub ul li:nth-of-type(2) a,
body.equipment .gnav-list .gnav-sub ul li:nth-of-type(4) a{
  color: #000;
}
body.top .gnav-list .gnav-sub ul li:nth-of-type(1) a:hover,
body.features .gnav-list .gnav-sub ul li:nth-of-type(2) a:hover,
body.equipment .gnav-list .gnav-sub ul li:nth-of-type(4) a:hover{
  color: #009944;
}
body.top .gnav-list .gnav-sub ul li:nth-of-type(1) a:before,
body.features .gnav-list .gnav-sub ul li:nth-of-type(2) a:before,
body.equipment .gnav-list .gnav-sub ul li:nth-of-type(4) a:before{
  transform: scale(0, 1);
}
body.top .gnav-list .gnav-sub ul li:nth-of-type(1) a:hover:before,
body.features .gnav-list .gnav-sub ul li:nth-of-type(2) a:hover:before,
body.equipment .gnav-list .gnav-sub ul li:nth-of-type(4) a:hover:before{
  transform: scale(1, 1);
}

/* 下層あり */

body.service .gnav-list li:nth-of-type(3) span,
body.company .gnav-list li:nth-of-type(5) span,
body.initiatives .gnav-list li:nth-of-type(6) span{
  color: #009944;
}
body.service .gnav-list li:nth-of-type(3) span:before,
body.company .gnav-list li:nth-of-type(5) span:before,
body.initiatives .gnav-list li:nth-of-type(6) span:before{
  transform: scale(1, 1);
}
@media screen and (max-width:767px) { 
  body.service .gnav-list li:nth-of-type(3) span,
  body.company .gnav-list li:nth-of-type(5) span,
  body.initiatives .gnav-list li:nth-of-type(6) span{
    color: #000;
  }
}

/* -----------------
 ディレクトリリンク
-------------------- */

/* サービス案内 */
body.page-id-171 .block-common-directory-link ul li.iron a,
body.page-id-176 .block-common-directory-link ul li.non-iron a,
body.page-id-179 .block-common-directory-link ul li.aluminum-sash a,
body.page-id-184 .block-common-directory-link ul li.spray a,
body.page-id-188 .block-common-directory-link ul li.yokkoisho a,
body.page-id-191 .block-common-directory-link ul li.umbrella a,
body.page-id-194 .block-common-directory-link ul li.plant a,

/* 会社案内 */
body.page-id-200 .block-common-directory-link ul li.message a,
body.page-id-211 .block-common-directory-link ul li.outline a,
body.page-id-202 .block-common-directory-link ul li.philosophy a,
body.page-id-204 .block-common-directory-link ul li.value a,
body.page-id-207 .block-common-directory-link ul li.history a,
body.page-id-581 .block-common-directory-link ul li.logo-concept a,
body.page-id-209 .block-common-directory-link ul li.licensing a,

/* 私たちの取り組み */
body.page-id-217 .block-common-directory-link ul li.compliance a,
body.page-id-219 .block-common-directory-link ul li.development a,
body.page-id-221 .block-common-directory-link ul li.eco a,
body.page-id-223 .block-common-directory-link ul li.sainokuni a,
body.page-id-225 .block-common-directory-link ul li.sdgs a,
body.page-id-228 .block-common-directory-link ul li.csr a
{
  background: #e6f5ec;
  pointer-events: none;
}

/* サービス案内 */
body.page-id-171 .block-common-directory-link ul li.iron a:after,
body.page-id-176 .block-common-directory-link ul li.non-iron a:after,
body.page-id-179 .block-common-directory-link ul li.aluminum-sash a:after,
body.page-id-184 .block-common-directory-link ul li.spray a:after,
body.page-id-188 .block-common-directory-link ul li.yokkoisho a:after,
body.page-id-191 .block-common-directory-link ul li.umbrella a:after,
body.page-id-194 .block-common-directory-link ul li.plant a:after,

/* 会社案内 */
body.page-id-200 .block-common-directory-link ul li.message a:after,
body.page-id-211 .block-common-directory-link ul li.outline a:after,
body.page-id-202 .block-common-directory-link ul li.philosophy a:after,
body.page-id-204 .block-common-directory-link ul li.value a:after,
body.page-id-207 .block-common-directory-link ul li.history a:after,
body.page-id-581 .block-common-directory-link ul li.logo-concept a:after,
body.page-id-209 .block-common-directory-link ul li.licensing a:after,

/* 私たちの取り組み */
body.page-id-217 .block-common-directory-link ul li.compliance a:after,
body.page-id-219 .block-common-directory-link ul li.outline a:after,
body.page-id-221 .block-common-directory-link ul li.eco a:after,
body.page-id-223 .block-common-directory-link ul li.sainokuni a:after,
body.page-id-225 .block-common-directory-link ul li.sdgs a:after,
body.page-id-228 .block-common-directory-link ul li.csr a:after
{
  background: url(/wp/wp-content/themes/recycle-eco/common/img/common/icon-btn-arrow-gray.svg) no-repeat;
  background-size: contain;
}

/* --------------- local開発用 --------------- */

/* サービス案内 */
body.iron .block-common-directory-link ul li.iron a,
body.non-iron .block-common-directory-link ul li.non-iron a,
body.aluminum-sash .block-common-directory-link ul li.aluminum-sash a,
body.spray .block-common-directory-link ul li.spray a,
body.yokkoisho .block-common-directory-link ul li.yokkoisho a,
body.umbrella .block-common-directory-link ul li.umbrella a,
body.plant .block-common-directory-link ul li.plant a,

/* 会社案内 */
body.message .block-common-directory-link ul li.message a,
body.outline .block-common-directory-link ul li.outline a,
body.philosophy .block-common-directory-link ul li.philosophy a,
body.value .block-common-directory-link ul li.value a,
body.history .block-common-directory-link ul li.history a,
body.licensing .block-common-directory-link ul li.licensing a,

/* 私たちの取り組み */
body.compliance .block-common-directory-link ul li.compliance a,
body.development .block-common-directory-link ul li.development a,
body.eco .block-common-directory-link ul li.eco a,
body.sainokuni .block-common-directory-link ul li.sainokuni a,
body.sdgs .block-common-directory-link ul li.sdgs a,
body.csr .block-common-directory-link ul li.csr a
{
  background: #e6f5ec;
  pointer-events: none;
}

/* サービス案内 */
body.iron .block-common-directory-link ul li.iron a:after,
body.non-iron .block-common-directory-link ul li.non-iron a:after,
body.aluminum-sash .block-common-directory-link ul li.aluminum-sash a:after,
body.spray .block-common-directory-link ul li.spray a:after,
body.yokkoisho .block-common-directory-link ul li.yokkoisho a:after,
body.umbrella .block-common-directory-link ul li.umbrella a:after,
body.plant .block-common-directory-link ul li.plant a:after,

/* 会社案内 */
body.message .block-common-directory-link ul li.message a:after,
body.outline .block-common-directory-link ul li.outline a:after,
body.philosophy .block-common-directory-link ul li.philosophy a:after,
body.value .block-common-directory-link ul li.value a:after,
body.history .block-common-directory-link ul li.history a:after,
body.licensing .block-common-directory-link ul li.licensing a:after,

/* 私たちの取り組み */
body.compliance .block-common-directory-link ul li.compliance a:after,
body.development .block-common-directory-link ul li.outline a:after,
body.eco .block-common-directory-link ul li.eco a:after,
body.sainokuni .block-common-directory-link ul li.sainokuni a:after,
body.sdgs .block-common-directory-link ul li.sdgs a:after,
body.csr .block-common-directory-link ul li.csr a:after
{
  background: url(/wp/wp-content/themes/recycle-eco/common/img/common/icon-btn-arrow-gray.svg) no-repeat;
  background-size: contain;
}