@charset "utf-8";

/* 
Font
==================================================== */
@import url("https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c&family=Quicksand:wght@400;500&display=swap");

.font_en {
  font-family: "Quicksand", sans-serif;
}

/* 
基本的
==================================================== */
/*html, body {
  width: 100%;
  height: 100%;
  font-size: 62.5%;
}

body {
  position: relative;
  color: #333;
  font-size: 1.5em;
  -webkit-font-smoothing: antialiased;
  line-height: 1.8;
  letter-spacing: 0.3px;
}*/

.htl05 a {
  font-weight: 600 !important;
}

.htl05:after {
  opacity: 1 !important;
}

.fsc_main a {
  text-decoration: none;
  transition: opacity 0.3s ease;
}

.fsc_main a:hover {
  opacity: 1;
  transition: opacity 0.3s ease;
}

.fsc_main img {
  max-width: 100%;
  width: 100%;
  height: auto;
}

.sponly {
  display: none;
}

@media screen and (max-width: 767px) {
  .sponly {
    display: block;
  }

  .pconly {
    display: none;
  }
}

/* 
common
==================================================== */
#fsc_main h1,
#fsc_main h2,
#fsc_main h3,
#fsc_main h4 {
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.bgGreen {
  background: #eaf0ef;
}

.fsc_btn {
  display: inline-block;
  border: 1px solid #285c4d;
  padding: 10px 32px;
  border-radius: 6px;
  background: #fff;
  color: #285c4d;
  transition: all 0.3s;
}

.fsc_btn:hover {
  border: 1px solid #285c4d;
  background: #285c4d;
  color: #fff;
}

.fsc_btn_bg {
  display: inline-block;
  padding: 10px 32px;
  border-radius: 6px;
  background: #285c4d;
  border: 1px solid #285c4d;
  color: #fff;
  transition: all 0.3s;
}

.fsc_btn_bg:hover {
  border: 1px solid #285c4d;
  background: #fff;
  color: #285c4d;
}

/* 
Layout
==================================================== */

.fsc_main {
  width: 100%;
}

.inner {
  max-width: 1260px;
  width: 90%;
  margin: 0 auto;
}

/* mainvisual */
.mainvisual {
  height: calc(100vh - 100px);
  position: relative;
  background: #f4f8f7 url(../img/fsc-img/main_bg.png) no-repeat bottom right / 96.5%;
}

@media screen and (max-width: 767px) {
  .mainvisual {
    height: auto;
    padding-bottom: 35%;
    background: #f4f8f7 url(../img/fsc-img/main_bg_top_sp.png) no-repeat bottom 20px
      center / 80%;
  }
}

.mainvisual::before {
  content: "";
  background: url(../img/fsc-img/main_bg_person.png) no-repeat center / 100%;
  width: 77px;
  height: 74px;
  position: absolute;
  bottom: 7%;
  left: 30%;
  z-index: 1;
}

.mainvisual_bg_mountain {
  position: absolute;
  top: 12%;
  left: 50%;
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  width: 91%;
  height: 128px;
  background: #f4f8f7 url(../img/fsc-img/main_bg_top.png) no-repeat center bottom /
    80%;
}

.mainvisual_text {
  position: absolute;
  top: 42%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

@media screen and (max-width: 767px) {
  .mainvisual::before {
    content: none;
  }

  .mainvisual_bg_mountain {
    display: none;
  }

  .mainvisual_text {
    position: static;
    transform: none;
    -webkit-transform: none;
    -ms-transform: none;
    padding-top: 8%;
  }
}

.main_icon {
  width: 82px;
  background: #fff;
  border-radius: 50%;
  padding: 6px;
  margin: 0 auto 12px;
}

.mainvisual h1 {
  font-size: 40px;
  text-align: center;
  position: relative;
}

@media screen and (max-width: 767px) {
  .mainvisual h1 {
    font-size: 30px;
  }
}

.mainvisual h1 span {
  color: #295c4d;
}

.mainvisual h1 span.trade {
  font-size: 18px;
  vertical-align: super;
}

.main_btn {
  text-align: center;
  position: absolute;
  top: 80%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

.main_btn .fsc_btn {
  width: 280px;
  text-align: center;
  border: 2px solid #285c4d;
  position: relative;
  padding: 12px 32px 20px;
  margin: 0 20px;
}

.main_btn .fsc_btn:before {
  content: "";
  width: 8px;
  height: 8px;
  border: 0;
  border-bottom: solid 2px #285c4d;
  border-right: solid 2px #285c4d;
  position: absolute;
  right: 0;
  left: 0;
  bottom: 12px;
  margin: auto;
  transform: rotate(45deg);
}

.main_btn .fsc_btn:hover::before {
  border-bottom: solid 2px #fff;
  border-right: solid 2px #fff;
}

@media screen and (max-width: 767px) {
  .main_btn {
    padding-top: 60px;
    position: static;
    transform: none;
    -webkit-transform: none;
    -ms-transform: none;
  }

  .main_btn .fsc_btn {
    width: 80%;
    margin: 0 20px 20px;
  }
}

/* content_01 */

.content_01 {
  position: relative;
  padding: 126px 0 90px;
  background: url(../img/fsc-img/main2_bg.png) no-repeat top right / 51.5%;
}

@media screen and (max-width: 767px) {
  .content_01 {
    padding: 40px 0 132px;
    background: none;
  }
}

.mainArea {
  width: 43%;
  padding-left: 5%;
}

@media screen and (max-width: 767px) {
  .mainArea {
    width: 90%;
    padding-left: 0;
    margin: 0 auto;
  }
}

.mainArea h2 {
  color: #295c4d;
  font-size: 24px;
  line-height: 2;
  padding-bottom: 42px;
}

.mainArea p {
  line-height: 2;
}

.mainImg figure {
  position: absolute;
}

.mainImg .mainImg_img01 {
  max-width: 220px;
  width: 17%;
  right: 16%;
  top: 146px;
  z-index: 2;
}

.mainImg .mainImg_img02 {
  max-width: 160px;
  width: 13%;
  right: 8%;
  top: 260px;
  z-index: 1;
}

.mainImg .mainImg_img03 {
  max-width: 349px;
  width: 28%;
  right: 12%;
  bottom: 40px;
}

@media screen and (max-width: 767px) {
  .mainImg {
    display: none;
  }

  .mainImg figure {
    position: static;
  }

  .mainImg_img_sp01 {
    width: 100%;
    margin: 0 auto 20px;
  }

  .mainImg_img_sp02 {
    width: 90%;
    margin: 20px auto 0;
  }
}

/* content_02 */
.content_02 {
  padding: 60px 0 80px;
  position: relative;
}

.content_02:before {
  content: "";
  background: url(../img/fsc-img/titleicon.png) no-repeat center / 100%;
  width: 98px;
  height: 101px;
  position: absolute;
  top: 38px;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

.content_02 .fsc_about {
  background: #fff;
  border-radius: 12px;
  padding: 60px 8px;
  margin-bottom: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.content_02 .fsc_about h3 {
  font-size: 24px;
  padding-bottom: 16px;
  color: #285c4d;
}

.content_02 .fsc_about .fsc_aboutMark {
  width: 211px;
  margin-right: 6%;
  align-items: center;
}

.content_02 .fsc_about .fsc_aboutText {
  width: 60%;
}

@media screen and (max-width: 767px) {
  .content_02 .fsc_about {
    display: block;
    padding: 60px 40px;
  }

  .content_02 .fsc_about .fsc_aboutMark {
    margin: 0 auto 40px;
  }

  .content_02 .fsc_about .fsc_aboutText {
    width: 100%;
  }

  .content_02 .fsc_about h3 {
    text-align: center;
  }
}

.content_02 .fsc_plan h3 {
  font-size: 24px;
  text-align: center;
  padding-bottom: 40px;
}

.fsc_planDraw {
  width: 1176px;
  margin: 0 auto 40px;
}

.fsc_planText {
  width: 970px;
  margin-left: auto;
  margin-right: 50px;
}

@media screen and (max-width: 767px) {
  .fsc_planDraw {
    width: 100%;
  }

  .fsc_planText {
    width: 100%;
  }
}

/* content_03 */
.content_03 {
  padding: 80px 0 120px;
  position: relative;
}

.content_03 .content_03_titleArea {
  max-width: 1260px;
  width: 90%;
  margin: 0 auto 40px;
}

.content_03 .content_03_titleArea h2 {
  font-size: 28px;
  padding-bottom: 12px;
  position: relative;
  margin-left: 120px;
}

.content_03 .content_03_titleArea h2:before {
  content: "";
  background: url(../img/fsc-img/content03_titleimg.png) no-repeat right / 100%;
  width: 404px;
  height: 72.5px;
  position: absolute;
  right: 160px;
  top: 60px;
}

.content_03 .content_03_titleArea p {
  margin-left: 120px;
}

@media screen and (max-width: 767px) {
  .content_03 {
    padding: 30px 0 60px;
    position: relative;
  }

  .content_03 .content_03_titleArea {
    width: 90%;
  }

  .content_03 .content_03_titleArea h2 {
    margin-left: 0;
  }

  .content_03 .content_03_titleArea h2:before {
    content: none;
  }

  .content_03 .content_03_titleArea p {
    margin-left: 0;
  }
}

.relationArea {
  position: relative;
}

.relationArea figure.relation_images {
  width: 520px;
  position: absolute;
  top: 6%;
  left: 23%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

@media screen and (max-width: 767px) {
  .relationArea figure.relation_images {
    width: 90%;
    position: static;
    margin: 0 auto;
    transform: none;
    -webkit-transform: none;
    -ms-transform: none;
  }
}

.relationArea_inner {
  background: #f8f7f7;
  width: 1260px;
  margin: 120px auto 0;
  padding: 120px 80px 80px;
}

.relationArea_ttl {
  padding-left: 472px;
  margin-bottom: 180px;
}

.relationArea_ttl h2 {
  color: #295c4d;
  font-size: 24px;
  margin-bottom: 12px;
}

@media screen and (max-width: 767px) {
  .relationArea_inner {
    width: 100%;
    margin: 80px auto 0;
    padding: 60px 0 80px;
  }

  .relationArea_ttl {
    width: 90%;
    padding-left: 0;
    margin: 0 auto 80px;
  }
}

.relation_box {
  width: 1080px;
  margin: 0 auto 60px;
  background: #fff;
  border-radius: 6px;
  padding: 46px 62px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  position: relative;
}

.relation_box03 {
  margin: 0 auto 60px;
}

.relation_box01:before {
  content: "01";
}

.relation_box02:before {
  content: "02";
}

.relation_box03:before {
  content: "03";
}

.relation_box:before {
  font: bold 60px/1 "Quicksand", sans-serif;
  color: #8eb2a7;
  position: absolute;
  top: -26px;
}

.relation_box01:after {
  content: "";
  background: url(../img/fsc-img/relationArea_img01.png) no-repeat center / 100%;
  width: 140px;
  height: 102px;
  position: absolute;
  top: -40px;
  right: 30px;
}

.relation_box03:after {
  content: "";
  background: url(../img/fsc-img/relationArea_img03.png) no-repeat center / 100%;
  width: 52px;
  height: 60px;
  position: absolute;
  bottom: 22px;
  left: 128px;
}

@media screen and (max-width: 767px) {
  .relation_box03:after {
    top: -22px;
    right: 40px;
    left: auto;
  }
}

.relation_box_ttl h3 {
  font-size: 20px;
  position: relative;
}

/* .relation_box02 .relation_box_ttl h3:before {
  content: "";
  background: url(../img/fsc-img/relationArea_img02.png) no-repeat center / 100%;
  width: 188px;
  height: 287px;
  position: absolute;
  top: 100px;
  left:18px;
} */

/* .relation_box03 .relation_box_ttl h3:before {
  content: "";
  background: url(../img/fsc-img/relationArea_img03.png) no-repeat center / 100%;
  width: 93px;
  height: 107px;
  position: absolute;
  top:66px;
  left:56px;
} */

.relation_box_content {
  width: 68%;
}

@media screen and (max-width: 767px) {
  .relation_box {
    width: 90%;
    padding: 46px 32px;
  }

  .relation_box_ttl h3 {
    margin-bottom: 12px;
  }

  .relation_box_content {
    width: 100%;
  }
}

.relation_box02 .relation_box_content {
  margin-bottom: 20px;
}

.relation_box_content p span {
  display: block;
  font-size: 13px;
  padding-top: 12px;
}

.relation_box_content_inBox_boxArea {
  display: flex;
  justify-content: space-between;
  margin-bottom: 24px;
}

.relation_box_content_inBox_boxCom {
  background: #ebf0ef;
  padding: 30px 26px;
  width: 32%;
  text-align: center;
  position: relative;
}

.relation_box_content_inBox_boxCom h4 {
  color: #295c4d;
  text-align: center;
  margin-bottom: 12px;
  font-size: 18px;
}

.relation_box_content_inBox_boxCom h4.height {
  line-height: 3.6;
}

@media screen and (max-width: 767px) {
  .relation_box_content_inBox_boxArea {
    display: block;
  }

  .relation_box_content_inBox_boxCom {
    width: 100%;
    margin-bottom: 40px;
  }

  .relation_box_content_inBox_boxCom h4.height {
    line-height: 1.8;
    font-size: 20px;
  }
}

.relation_box_content_inBox_boxCom figure.project_img {
  width: 215px;
  margin: 16px auto 24px;
}

.relation_box_content_inBox_boxCom p {
  text-align: left;
  margin-bottom: 0;
}

.relation_box_content_inBox_boxCom a {
  display: block;
  font-size: 13px;
  letter-spacing: 0.1rem;
  padding: 8px 20px;
  width: 240px;
  position: absolute;
  bottom: 34px;
  left: 0;
  right: 0;
  margin: auto;
}

.relation_box_content_inBox_boxCom span {
  display: block;
  font-size: 13px;
  padding-top: 18px;
}

.relation_box_content_inBox_boxLink {
  display: flex;
  justify-content: space-between;
}

.relation_box_content_inBox_boxLink_btn {
  width: 48%;
  text-align: center;
}

.relation_box_content_inBox_boxLink_btn .fsc_btn {
  width: 100%;
}

.relation_contact {
  text-align: center;
}

.relation_contact h2 {
  font-size: 24px;
  margin-bottom: 40px;
}

.relation_contact .fsc_btn_bg {
  padding: 14px 62px;
  font-weight: bold;
}

.contentBg .relation_contact {
  margin-top: -120px;
}

@media screen and (max-width: 767px) {
  .contentBg .relation_contact {
    margin-top: -100px;
  }
}

/* content_04 */
.content_04 {
  padding: 60px 0;
}

@media screen and (max-width: 767px) {
  .content_04 {
    padding: 60px 0 30px;
  }
}

.content_04 h2 {
  text-align: center;
  font-size: 24px;
  position: relative;
  margin-bottom: 50px;
}

.content_04 .caseArea h2:before,
.content_04 .commentArea h2:before {
  content: "";
  background: url(../img/fsc-img/titleicon.png) no-repeat center / 100%;
  width: 98px;
  height: 101px;
  position: absolute;
  top: -64px;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

.content_04 h2 span {
  color: #3b7aa7;
  font-size: 14px;
  letter-spacing: 0.3;
  display: block;
}

/* 木材紹介　infoArea */
.content_04 .infoArea {
  margin-bottom: 40px;
}

.content_04 .infoArea h2 {
  color: #333;
  font-size: 22px;
  position: relative;
}

.content_04 .infoArea h2:before {
  content: "";
  background: url(../img/fsc-img/infoArea_h2_icon.png) no-repeat center / 100%;
  position: absolute;
  top: -60px;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  width: 86px;
  height: 86px;
}

.content_04 .infoArea h2 span {
  color: #333;
  font-size: 13px;
  display: block;
}

/*タブ実装*/
.tab_box .btn_area {
  max-width: 1260px;
  width: 90%;
  margin: 0 auto 36px;
  display: -webkit-box;
  display: flex;
  justify-content: space-between;
}

.tab_box .tab_btn {
  width: 49.5%;
  padding: 22px 0 10px;
  background: #fff;
  text-align: center;
  cursor: pointer;
  border-radius: 2px;
  transition: all 0.2s ease 0s;
  position: relative;
}

.tab_box .tab_btn span {
  display: block;
  font-size: 12px;
  line-height: 1;
}

.tab_box .tab_btn:hover {
  background-color: #295c4d;
  color: #fff;
}

.tab_box .tab_btn.active {
  background: #6fa191;
  color: #fff;
}

.tab_box .tab_btn.active:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -12px;
  border: 12px solid transparent;
  border-top: 12px solid #6fa191;
}

.content_04 .infoArea .tab_panel {
  padding-bottom: 64px;
  display: none;
}
.content_04 .infoArea .tab_panel.active{
  display: block;
}
@media screen and (max-width: 767px) {
  .content_04 .infoArea .tab_panel {
    padding-bottom: 48px;
  }
}

.panel_area {
  max-width: 1260px;
  width: 90%;
  margin: 0 auto 60px;
  background: #fff;
  padding: 60px 80px 80px;
}

@media screen and (max-width: 767px) {
  .panel_area {
    padding: 40px 5% 60px;
  }
}

.panel_area_ttl {
  max-width: 1260px;
  width: 90%;
  margin: 0 auto;
  padding: 22px 0 10px;
  background: #fff;
  text-align: center;
  transition: all 0.2s ease 0s;
  position: relative;
  background: #6fa191;
  color: #fff;
}

.panel_area_ttl span {
  display: block;
  font-size: 12px;
  line-height: 1;
}

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

.infoBox::after {
  display: block;
  content: "";
  width: 31%;
}

.info_content {
  max-width: 342px;
  width: 31%;
  margin-bottom: 48px;
}

@media screen and (max-width: 767px) {
  .info_content {
    max-width: 520px;
    width: 47%;
    margin-bottom: 42px;
  }
}

.info_content figure {
  padding-bottom: 12px;
  position: relative;
}

.info_content figure:before {
  content: "";
  display: block;
  padding-top: 56%;
}

.info_content figure img {
  border-radius: 6px;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  object-fit: cover;
}

.info_content h3 {
  font-size: 16px;
  font-weight: bold;
}

.info_content h3 span {
  display: block;
  font-size: 13px;
  font-weight: normal;
  padding-top: 12px;
}

.infoBox_btn {
  text-align: center;
}

.infoBox_btn a {
  color: #fff;
  background: #6fa191;
  border: 1px solid #6fa191;
}

.infoBox_btn a:hover {
  color: #6fa191;
  background: #fff;
  border: 1px solid #6fa191;
}

/* caseArea 事例 */
.caseBox {
  max-width: 1260px;
  width: 90%;
  margin: 0 auto 60px;
  display: -webkit-box;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.case_content {
  width: 32%;
}

.caseBox h3 {
  height: auto;
  padding: 16px 20px;
  border-radius: 0 0 6px 6px;
  background: #fff;
}

/* commentArea コメント */
.commentBox {
  max-width: 1260px;
  width: 90%;
  margin: 0 auto;
  display: -webkit-box;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.comment_content {
  width: 48%;
  background: #fff;
  margin-bottom: 48px;
  padding: 28px 32px;
  border-radius: 12px;
  position: relative;
}

.comment_content:before {
  content: "";
  background: url(../img/fsc-img/quote.svg) no-repeat center / 100%;
  width: 50px;
  height: 43px;
  position: absolute;
  top: -24px;
  left: 32px;
  z-index: 2;
}

.comment_content span {
  display: block;
  margin-top: 12px;
}

/* content_05 FSCジャパンコメント */

.content_05 {
  max-width: 720px;
  width: 72%;
  margin: 0 auto;
  padding: 110px 0 120px;
  position: relative;
}

.content_05:before {
  content: "";
  background: url(../img/fsc-img/titleicon.png) no-repeat center / 100%;
  width: 98px;
  height: 101px;
  position: absolute;
  top: 30px;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

.content_05 h2 {
  text-align: center;
  font-size: 20px;
  margin-bottom: 30px;
}

.content_05 .comment {
  margin-bottom: 40px;
}

.content_05 .name {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.content_05 .name p {
  color: #295c4d;
  margin-right: 8%;
  font-weight: bold;
  line-height: 0.8;
}

.content_05 .name p span {
  font-size: 13px;
  display: block;
  line-height: 1.5;
}

.content_05 .name figure {
  width: 72px;
  height: 72px;
  margin-right: 12px;
}

@media screen and (max-width: 767px) {
  .content_05 {
    max-width: 100%;
    width: 90%;
  }
}

/* コンテンツ content
==================================================== */

.content_wrap {
  max-width: 1160px;
  padding: 0 40px;
  margin: 0 auto;
  position: relative;
  top: -100px;
}

.content_wrap img {
  object-fit: cover;
  border-radius: 6px;
}

.content_wrap figure,
.content_wrap p {
  margin: 0;
}

.contentBg {
  width: 100%;
  background: #ebf0ef;
  margin-top: 200px;
  padding-bottom: 80px;
}

.contentMain {
  position: relative;
  margin-bottom: 120px;
}

@media screen and (max-width: 767px) {
  .content_wrap {
    padding: 0 5%;
  }

  .contentMain {
    margin-bottom: 60px;
  }
}

.contentMain figure {
  width: 1080px;
  margin: 0 auto;
  position: relative;
}

.contentMain figure:before {
  content: "";
  display: block;
  padding-top: 35%;
}

/*.contentMain figure img {
  width: 1080px;
  height: 352px;
}*/

.contentMain figure img {
  border-radius: 6px;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  object-fit: cover;
}

@media screen and (max-width: 767px) {
  .contentMain figure {
    width: 100%;
  }

  .contentMain figure:before {
    padding-top: 56%;
  }
}

.contentMain_name {
  display: inline-block;
  background: #fff;
  padding: 20px 32px;
  border-radius: 8px;
  position: absolute;
  bottom: -30px;
  left: 10%;
}

.contentMain_name p {
  padding-top: 10px;
  line-height: 1;
  font-size: 20px;
}

@media screen and (max-width: 767px) {
  .contentMain_name {
    position: static;
  }
}

.contentMain_name .check {
  color: #fff;
  background: #295c4d;
  padding: 6px 8px 6px 12px;
  margin-right: 4px;
}

.contentMain_name .add {
  font-size: 14px;
}

.contentMain_name h1 {
  width: 100%;
  font-size: 20px;
  line-height: 1;
  padding-top: 12px;
}

.contentMain_name h2 {
  width: 100%;
  font-size: 20px;
  line-height: 1;
  padding-top: 12px;
}

.contentText {
  width: 1080px;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .contentText {
    width: 100%;
  }
}

.contentText_box_common {
  margin-bottom: 60px;
}

.contentText_box_common p {
  margin-bottom: 60px;
  line-height: 2.1;
}

.contentText_box_common a {
  color: #285c4d;
  text-decoration: underline;
}

.contentText_box_common .wp-block-columns {
  display: flex;
  justify-content: space-between;
  margin-bottom: 60px;
}

.contentText_box_common .wp-block-column {
  width: 48%;
}

.contentText_box_common h2 {
  font-size: 24px;
  padding-bottom: 8px;
}

.contentText_box_common h3 {
  font-size: 20px;
  padding-bottom: 8px;
}

.contentText_box_common h4 {
  font-size: 18px;
  padding-bottom: 8px;
}

.otherArea {
  padding: 60px 0 80px;
  text-align: center;
}

.content_info {
  width: 100%;
  margin: 0 auto;
  background: #fff;
  border-radius: 6px;
  padding: 26px 42px;
}

.info_name {
  font-size: 17px;
  font-weight: bold;
  display: inline-block;
  padding-bottom: 10px;
}

.info_add {
  font-size: 14px;
  color: #295c4d;
  border: #295c4d;
  padding: 0 10px;
}

@media screen and (max-width: 767px) {
  .contentText_box_common .wp-block-columns {
    display: block;
  }

  .contentText_box_common .wp-block-column {
    width: 100%;
  }

  .contentText_box_common p,
  .content_wrap figure {
    margin-bottom: 20px;
  }
}

/* 関連 */
.connectionArea {
  padding: 80px 0 0;
}

.connectionArea h2 {
  font-size: 20px;
  margin-bottom: 40px;
  text-align: center;
}

.connection_box {
  max-width: 1160px;
  padding: 0 40px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

/*.connection_box::before {
  content: "";
  display: block;
  width: 23%;
}*/

.connection_list {
  width: 23%;
  margin: 0 1% 40px;
}

.connection_list:nth-child(n + 5) {
  margin-right: auto;
}

@media screen and (max-width: 767px) {
  .connection_box {
    padding: 0 5%;
  }

  .connection_list {
    width: 48%;
  }

  .connection_list:nth-child(n + 3) {
    margin-right: auto;
  }
}

.connection_box ul .connection_img {
  margin-bottom: 12px;
}

.connection_box ul .connection_img img {
  border-radius: 6px;
}

.connection_box ul .connection_type {
  font-size: 13px;
}

.connection_box ul .connection_ttl {
  color: #295c4d;
  font-weight: bold;
}

/* 一覧ページ 
==================================================== */

.content_detail {
  padding: 140px 0;
}

@media screen and (max-width: 767px) {
  .content_detail {
    padding: 40px 0;
  }
}

.content_detail .infoArea {
  margin-bottom: 40px;
}

.content_detail .infoArea h1 {
  color: #333;
  font-size: 24px;
  position: relative;
  text-align: center;
  padding-bottom: 60px;
}

.content_detail .infoArea h1:before {
  content: "";
  background: url(../img/fsc-img/titleicon.png) no-repeat center / 100%;
  position: absolute;
  top: -60px;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  width: 86px;
  height: 86px;
}

.content_detail .infoArea h1 span {
  color: #333;
  font-size: 15px;
  display: block;
}

/* スクロールイベント */
.scroll_block {
  opacity: 0;
  transform: translateY(100px);
  transition: all 1s ease;
}

.scroll_block.blockIn {
  opacity: 1;
  transform: translateY(0);
}

.scroll_block:nth-child(2),
.scroll_block:nth-child(5),
.scroll_block:nth-child(8),
.scroll_block:nth-child(11) {
  transition-delay: 0.2s;
}

.scroll_block:nth-child(3n) {
  transition-delay: 0.4s;
}