@charset "utf-8";


.catchText{
 font-size: 1.4rem;
 line-height: 2.7rem;
 text-align: center;
 margin: 100px 0 120px;
}


.contentArea{
 width: 880px;
 margin: 0 auto 165px;
}
.contentArea section:not(:last-of-type){ margin-bottom: 100px;}

.contentArea h2{
 font-size: 2.6rem;
 margin-bottom: 45px;
 text-align: center;
 letter-spacing: 0.1em;
}

.contentArea a{
 color: #003f7e;
 border-bottom: 1px solid #003f7e;
 transition: border-color 0.1s;
}
.contentArea a:hover{ border-color: rgba(255,255,255,0);}

.contentArea p{
 font-size: 1.4rem;
 line-height: 2.7rem;
 text-align: justify;
 text-justify: inter-ideograph;
}
.contentArea li p{ line-height: 2.4rem;}
.contentArea section > h3{
 font-size: 1.8rem;
 margin-bottom: 20px;
}


.contentArea img{
 display: block;
 margin: 0 auto;
}
.contentArea img.figure01{ margin-top: 40px;}
.contentArea img.figure02{ margin: 55px auto 65px;}
.contentArea img.figure03{ margin: 27px auto 56px;}


/*横並びリスト*/
.contentArea ul{
 display: flex;
 justify-content: space-between;
 align-items: flex-start;
}
.contentArea ul li{ width: 230px;}
.contentArea ul li h3{
 font-size: 1.6rem;
 text-align: center;
}
.contentArea ul.recycleList{
 padding: 0 40px;
 margin: 50px 0 70px;
}
.contentArea ul.recycleList h3{ margin: 30px 0;}
.contentArea ul.ecoProductList{
 background-color: #f8f8f8;
 padding: 50px;
 margin-top: 15px;
}
.contentArea ul.ecoProductList h3{ margin: 25px 0;}


/*テーブル*/
.contentArea .recycleTable{
 border-collapse: collapse;
 width: 100%;
 margin-bottom: 15px;
}
.contentArea .recycleTable caption{
 text-align: left;
 font-size: 1.4rem;
 margin-bottom: 18px;
}
.contentArea .recycleTable th,
.contentArea .recycleTable td{
 border: 1px solid #e0e0e0;
 font-size: 1.2rem;
 line-height: 2rem;
}
.contentArea .recycleTable th{ background-color: #fafafa;}
.contentArea .recycleTable tr:first-of-type th{
 font-size: 1.4rem;
 padding: 13px 0 11px;
}
.contentArea .recycleTable td{
 width: 233px;
 padding: 25px 18px;
 vertical-align: top;
 text-align: justify;
 text-justify: inter-ideograph;
}
.contentArea .recycleTable td h4{ margin-bottom: 7px;}
.contentArea .recycleTable td h4:nth-of-type(n+2){ margin-top: 10px;}


/*ロゴ並んでるところ*/
.contentArea .logos{
 display: flex;
 justify-content: space-between;
 align-items: center;
 width: 547px;
 margin: 40px auto 0;
}
.contentArea .logos img{ margin: 0;}