/* ============================================================ sec*/
.article .mainVisual{background: url(../img/mainVisual__headingImage.jpg); background-size: cover; height: 49.4rem;}

.c-matterLead {font-size: 2rem; margin: 0 0 4.8rem 0;}

.c-matterList{display: flex; justify-content:space-between; flex-wrap: wrap;}

.c-matterList:after{content:""; display: block; width: 34rem;}

.c-matterItem{background: #fff; box-shadow: 0 0.5rem 1.5rem 0.5rem rgba(76,76,76,0.27) ;margin: 0 0 2.4rem 0; width: 34rem;}

.c-matterImage{position: relative;}

.c-matterImage--tag{background: #e68686; box-sizing: border-box; color: #fff; font-size: 1.2rem; padding: 1.2rem 2.4rem 1.2rem 2.4rem; text-align: center; position: absolute;}

.c-matterImage--tagContent{background: #ecb95f;}

.c-matterText{box-sizing: border-box; padding: 3.2rem 2.4rem 3.2rem 2.4rem; margin: 4rem 0 0 0;}

.c-matterText--title{color: #0fa169;font-size: 2.4rem; font-weight: 700; line-height: 1; margin: 0 0 2.4rem 0; text-align: center;}

.c-matterText--text{font-size: 1.4rem; min-height: 12rem;}

.c-matterText .c-btnWrapper .c-btn{font-size: 1.8rem; padding: 1.6rem 0 1.6rem 0;}

.c-matterText--btn{width: 80%;}

.c-matterText--btn .c-matter__btn{font-size: 1.6rem; padding: 1.8rem 1.8rem 1.8rem 1.8rem;}

.c-matterText .c-btnWrapper:after{top: 2.1rem;}

.secContent{margin: 0 0 10rem 0;}

.c-matterList--content .c-matterText{margin: 0 0 0 0;}

@media screen and (max-width: 750px) {
.article .mainVisual{background: url(../img/mainVisual__headingSPImage.jpg); background-size: cover; height: 60vh;}
.c-matterLead {font-size: 1.6rem; margin: 0 0 2.4rem 0;}
.c-matterList{display: block;}
.c-matterItem{margin: 0 auto 2.4rem auto; width: 100%;}
.c-matterItem .c-matterImage--image img{width: 100%;}
.c-matterImage--tag{font-size: 1rem; padding: 1.2rem 2.4rem 1.2rem 2.4rem;}
.c-matterText{padding: 2.4rem 1.6rem 2.4rem 1.6rem;}
.c-matterText--title{font-size: 2.2rem; margin: 4rem 0 2.4rem 0;}
.c-matterList--content .c-matterText--title{margin: 0 0 2.4rem 0;}
.c-matterList--content .c-matterText{margin: 0 0 2.4rem 0;}
.c-matterText--text{font-size: 1.6rem; min-height: auto;}
.c-matterText--btn .c-matter__btn{font-size: 1.6rem; padding: 1.8rem 1.8rem 1.8rem 1.8rem;}
.c-matterText .c-btnWrapper:after{top: 2.1rem;}
.secContent{margin: 0 0 10rem 0;}
}


/* ============================================================ #matter__page*/

#matter__page .mainVisual__bredCrumbList{bottom: 55%;left: 0;margin: 0 auto 0 auto;position: absolute;right: 0;}

#matter__page .mainVisual__bredCrumbItem{color: #fff; display: inline-block; font-size: 2.4rem; font-weight: 700; text-shadow: 0 0.4rem 0.4rem rgba(189,189,189,.2)}

#matter__page .mainVisual__bredCrumbItem a{color: #fff; position: relative;}

#matter__page .mainVisual__bredCrumbItem a:after{content: "\FF1E"; display: inline; margin: 0 .7rem 0 .7rem;}

#matter__page .mainVisual__title{bottom: 24%;display: block;font-size: 4rem;left: 0;margin: 0 auto;position: absolute;right: 0; min-width: 80rem;width: 60%;}

#matter__page .mainVisual{margin: 0 0 10rem 0;}

.secArticle{margin: 0 auto 0 auto ; max-width: 100rem;}

.secArticle__title{color: #0fa169; font-size: 3.2rem; font-weight: 700; line-height: 1; margin: 0 0 2.4rem 0;}

.secArticle__text{margin: 0 0 2.4rem 0;}

.secArticle__image{margin: 0 auto 2.4rem auto; max-width: 80%; text-align: center;}

.secArticle__content{margin: 0 0 6.4rem 0;}

.secArticle__date{margin: 0 0 4rem 0;}

.c-form__table {margin: 0 0 4rem 0;}

.c-form__table tbody tr th , .c-form__tittle{background: #f5f5f5; font-weight: 700; padding: 2.4rem 2.4rem 2.4rem 2.4rem; text-align: center; vertical-align: middle;}

.c-form__table tbody tr th, .c-form__table tbody tr td{border-right: .1rem solid #f5f5f5;}

.c-form__table tbody tr th:last-child, .c-form__table tbody tr td:last-child{border-right: none;}

.secArticle__list{list-style: disc; padding: 0 0 2.4rem 2rem;}

#matter__page .secArticle__subTitle{color: #0fa169; font-size: 2.4rem; font-weight: 700; margin: 0 0 1.6rem 0;}

.secArticle__subContent .secArticle__title{font-size: 2rem; margin: 0 0 1.6rem 0 ;}

.secArticle__subContent{margin: 0 0 3.2rem 0;}


@media screen and (max-width: 750px) {
#matter__page .mainVisual{margin: 0 0 4.8rem 0;}
.secArticle{margin: 0 auto 0 auto ; width: 90%;}
.secArticle__title{font-size: 2.4rem; margin: 0 0 1.6rem 0;}
.secArticle__text{margin: 0 0 2.4rem 0;}
.secArticle__content{margin: 0 0 3.2rem 0;}
.secArticle__date{margin: 0 0 4rem 0;}
#matter__page .c-matterText--text{margin: 0 0 2.4rem 0;}
#matter__page .mainVisual__bredCrumbList{bottom: 38vh;}
#matter__page .mainVisual__bredCrumbItem{font-size: 2rem;}
#matter__page .mainVisual__title{bottom: 10vh;font-size: 2.6rem;width: 90%;}
#matter__page .mainVisual__bredCrumbList{bottom: 34vh;}
#matter__page .mainVisual__bredCrumbItem{font-size: 1.6rem;}
.c-form__table{display: block; overflow-x: scroll; white-space: nowrap; -webkit-overflow-scrolling: touch;}
.c-form__table tbody tr:nth-child(odd) th, .c-form__table tbody tr:nth-child(odd) td , .c-form__table tbody tr:nth-child(even) th, .c-form__table tbody tr:nth-child(even) td{border-bottom: .1rem solid #ddd; display: table-cell;}
#matter__page .secArticle__subTitle{font-size: 2rem;margin: 0 0 1.6rem 0;}
.secArticle__subContent .secArticle__title{font-size: 1.6rem;}
.c-form__table {margin: 0 0 2.4rem 0;}
.secArticle__image{margin: 0 auto 1.2rem auto; max-width: 100%;}
}
@media screen and (max-width: 370px) {
#matter__page .mainVisual__title {bottom: 10vh; font-size: 2.4rem;}
#matter__page .mainVisual__bredCrumbList {bottom: 32vh;}
#matter__page .mainVisual__bredCrumbItem{font-size: 1.5rem;}
}