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

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

.c-reasonItem {background: #fff; border-radius: .4rem; box-shadow: 0 .2rem 1rem .2rem rgba(76,76,76,0.1); margin: 0 0 2rem 0; padding: 4rem 2.4rem 2.4rem 2.4rem; text-align: center; width: 30%;}

.c-reasonItem:nth-child(3n+2) {margin: 0 2rem 2rem 2rem;}

.c-reasonTitle {font-size: 2.4rem; font-weight: 700; height: 6rem; line-height: 1.2; margin: 0 0 2.4rem 0;}

.c-reasonImage {height: 12rem; margin: 0 0 2.4rem 0;}

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

.l-areaCTA--btnWrapper:after {bottom: 0; margin: auto; top: 0;}

.c-reasonList--content .c-btnWrapper {width: 90%;}

@media screen and (max-width: 750px) {
.article .mainVisual{background: url(../img/mainVisual__headingSPImage.jpg); background-size: cover; height: 60vh;}
.c-reasonItem {width: 100%;}
.c-reasonItem:nth-child(3n+2) {margin: 0 0 2rem 0;}
.c-reasonTitle {font-size: 1.8rem; height: auto; margin: 0 0 1.6rem 0;}
.c-reasonImage {height: auto; margin: 0 0 1.6rem 0;}
.c-reasonList--content .c-btnWrapper {max-width: unset; width: 100%;}
}


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

.reason01 .contents .mainVisual{background: url(../img/mainVisual__reason02.jpg);}
.reason02 .contents .mainVisual{background: url(../img/mainVisual__reason01.jpg);}
.reason03 .contents .mainVisual{background: url(../img/mainVisual__reason03.jpg);}
.reason04 .contents .mainVisual{background: url(../img/mainVisual__reason04.jpg);}
.reason05 .contents .mainVisual{background: url(../img/mainVisual__reason05.jpg);}
.reason06 .contents .mainVisual{background: url(../img/mainVisual__reason06.jpg);}
.reason07 .contents .mainVisual{background: url(../img/mainVisual__reason07.jpg);}
.reason08 .contents .mainVisual{background: url(../img/mainVisual__reason08.jpg);}
.reason09 .contents .mainVisual{background: url(../img/mainVisual__reason09.jpg);}
.reason10 .contents .mainVisual{background: url(../img/mainVisual__reason10.jpg);}
.reason11 .contents .mainVisual{background: url(../img/mainVisual__reason11.jpg);}
.reason12 .contents .mainVisual{background: url(../img/mainVisual__reason12.jpg);}
.reason13 .contents .mainVisual{background: url(../img/mainVisual__reason13.jpg);}

#matter__page .mainVisual{height: 45.2rem;margin: 0 0 10rem 0; background-size: cover;}

.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: 2.4rem auto 2.4rem auto; max-width: 80%; text-align: center;}

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

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

#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;}

#matter__page .mainVisual__inner {display: flex; max-width: 80rem; padding: 22rem 0 0 0;}

#matter__page .mainVisual__title {position: unset;}

.mainVisual__text {margin: 0 0 0 4rem; text-align: left;}

.mainVisual__bredCrumbItem a {color: #fff; font-size: 2rem; line-height: 1;}

.secArticle__content--person {background: #f5f5f5; padding: 4rem 4rem 4rem 4rem;}

.secArticle__content--person .secArticle__title {font-size: 2rem;}

.c-personal {display: flex;}

.c-personal__areaImage {margin: 0 4rem 0 0; width: 28rem;}

.c-personal__areaText {width: calc( 100% - 32rem);}

.c-personal__name {font-size: 1.8rem; font-weight: 700;}

.c-personal__nameDetail {font-weight: 700; margin: 0 0 .8rem 0;}

.c-personal__content {font-size: 1.4rem;}

.secArticle__content--faq { border: .4rem solid #f5f5f5; padding: 4rem 4rem 4rem 4rem;}

.secArticle__content--faq .secArticle__title {font-size: 2rem; margin: 0 0 2.4rem 8rem; padding: 1rem 1rem 1rem 0; position: relative;}

.secArticle__content--faq .secArticle__title:before { background: url("../img/reason__icon--faq.png"); background-size: cover; box-sizing: border-box; cursor: pointer; content: ""; height: 5.6rem; left: -8rem; position: absolute; top: 0; width: 5.8rem; bottom: 0; margin: auto;}

.l-accordion__itemTitle {border-bottom: .1rem solid #ddd; font-size: 1.8rem; padding: 2rem 6rem 2rem 8rem;}

.l-accordion__itemTitle:before , .l-accordion__itemTitle:after {bottom: 0; margin: auto; top: 0;}

.secFaq__faqList {border-top: .1rem solid #ddd; margin: 0 0 0 0;}

.js-is-open {border-bottom: none;}

.js-is-open + .l-accordion__itemText {border-bottom: .1rem solid #ddd; font-size: 1.5rem; padding: 0 4rem 2.4rem 8rem;}

.l-accordion__itemTitle:before {height: 2.8rem; width: 2.4rem;}

.l-accordion__itemText:before {left: 3.2rem; height: 2.4rem; top: unset; width: 2rem;}

.secArticle__image {max-width: 100%;}

#matter__page .secArticle {border-bottom: .2rem solid #ddd; max-width: unset; margin: 0 0 0 0;}

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

.reason__detail .l-accordion__itemTitle{cursor: auto;}

.reason__detail .l-accordion__itemTitle:after{content: none;}

.reason__detail .l-accordion__wrapper:hover{box-shadow: none;}

.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: 4rem 2rem 3.2rem 2rem;margin: 0;}

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

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

.c-matterText .c-btnWrapper .c-btn{font-size: 1.6rem;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{height: 1.2rem;top: 0;right: 1.4rem;width: .7rem;}

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

.secLink .l-section__title {font-size: 3rem;}

.secLink .secLink__inner {padding: 4.8rem 0 4.8rem 0;}

.secLink .l-section__heading {margin: 0 auto 3.2rem auto;}

@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 .mainVisual__bredCrumbList{bottom: 38vh;}
#matter__page .mainVisual__bredCrumbItem{font-size: 2rem;}
#matter__page .mainVisual__title{bottom: 12vh; font-size: 2.4rem; width: 90%;}
#matter__page .mainVisual__bredCrumbList{bottom: 32vh;}
#matter__page .mainVisual__bredCrumbItem{font-size: 1.6rem;}
#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: 2.4rem auto 1.2rem auto; max-width: 100%;}
#matter__page .mainVisual {height: 40rem;}
#matter__page .mainVisual__inner {display: block; margin: 0 1rem 0 1rem; padding: 12rem 0 0 0;}
.mainVisual__text {margin: 0 0 0 0; text-align: center;}
.mainVisual__icon {margin: 0 0 2.4rem 0;}
.mainVisual__icon img {max-width: 10rem; width: 30%;}
#matter__page .secArticle {margin: 0 auto 4rem auto;}
.mainVisual__bredCrumbItem a{font-size: 1.8rem;}
.secArticle__content--person {padding: 3.2rem 1rem 2.4rem 1rem;}
.secArticle__content--person .secArticle__title {font-size: 1.8rem;text-align: center;}
.c-personal {display: block;}
.c-personal__areaImage {margin: 0 0 1.6rem 0; width: 100%;}
.c-personal__areaText {width: 100%;}
.c-personal__name {font-size: 1.6rem;}
.c-personal__nameDetail {font-size: 1.4rem;}
.c-personal__content {font-size: 1.2rem;}
.secArticle__title {font-size: 2.2rem; margin: 0 0 1.6rem 0;}
.secArticle__text {font-size: 1.4rem;}
.secArticle__content--faq {padding: 3.2rem 1rem 2.4rem 1rem;}
.secArticle__content--faq .secArticle__title {font-size: 1.8rem; margin: 0 0 2.4rem 6rem;padding: 0 0 0 0;}
.secArticle__content--faq .secArticle__title:before {height: 4.2rem;left: -6rem; width: 4.2rem;}
.l-accordion__itemTitle {font-size: 1.6rem; padding: 1.6rem 3rem 1.6rem 4rem;}
.l-accordion__itemTitle:before {height: 2.2rem; width: 2rem;}
.l-accordion__itemTitle:after {height: .8rem; right: 1rem;width: 1.4rem;}
.l-accordion__itemText {padding: 1.6rem 3rem 1.6rem 4rem;}
.l-accordion__itemText:before {left: 1rem; height: 1.8rem; width: 1.6rem;}
.js-is-open + .l-accordion__itemText {font-size: 1.3rem; padding: 0 1rem 1.6rem 4rem;}
.secLink__pageListItem .l-accordion__itemTitle{padding: 1.6rem 2rem 1.6rem 2rem;}
.c-reason .l-accordion__list{background: #fff; margin: 0 0 3.2rem 0;}
.secLink__pageListItem .l-accordion__itemText{font-size: 1.5rem; padding: 0 1rem 3rem 2rem;}
.secLink__pageListItem .l-accordion__itemText li{list-style: none;}
.secLink__pageListItem .l-accordion__itemTitle:before , .secLink__pageListItem .l-accordion__itemText:before{content: none;}
.secLink__pageListItem .l-accordion__itemTitle:after{right: 2rem;}
.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: 3.2rem 1.6rem 2.4rem 1.6rem;}
.c-matterText--title{font-size: 2rem;margin: 0 0 1.6rem 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.3rem; margin: 0 0 2rem 0; 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: 0;width: 1rem;height: 1.7rem;}
.secContent{margin: 0 0 10rem 0;}
.secLink .secLink__inner {padding: 4rem 0 4rem 0;}
.secLink .l-section__heading {margin: 0 auto 2.4rem auto;}
.secLink .l-section__title {font-size: 2.4rem;}
.c-matterText .c-btnWrapper .c-btn {font-size: 1.5rem;}
}