/*----------------------------------------------------
	ロングライフグループのSDGsへの取り組み
----------------------------------------------------*/
.sdgs{
  padding:109px 0 0 0!important;
  overflow: hidden;
}
.sdgs *{
	font-family: 'Noto Serif JP', serif;
	position: relative;
	font-weight: 300;
  font-feature-settings: "palt";
  }
.sdgs section{
  margin-bottom:0!important;
}

/* ▼ メインビジュアル
--------------------------------------- */
.sdgs .sdgs_mv{
  background-image: url(../img/sdgs/bg_mv_top.jpg), url(../img/sdgs/bg_mv_bottom.jpg);
  background-position: center top, center bottom;
  background-repeat: no-repeat, no-repeat;
  background-size: 100% 700px, 100% 200px;
  padding:120px 0 60px;
}
.sdgs .sdgs_mv *{
  text-align: center;
}
.sdgs .sdgs_mv h3.title{
  margin-bottom:60px;
  text-align: center;
}
.sdgs .sdgs_mv h3.title span{
  display: inline-block;
  height:90px;
  background:#9f4f8f;
  border-radius: 45px;
  padding:0 30px;
  color:#fff;
  font-size:32px;
  line-height: 90px;
}
.sdgs .sdgs_mv .slogan{
  color:#9f4f8f;
  font-size:82px;
  font-weight: 400;
  letter-spacing: 0.1em;
}
.sdgs .sdgs_mv .slogan span{
  font-size:54px;
  font-weight: 500;
  letter-spacing: 0.3em;
}
.sdgs .sdgs_mv img{
  display: block;
  width:90%;
  max-width: 900px;
  margin:40px auto 80px;
}
.sdgs .sdgs_mv .sdgs_read *{
  color:#9f4f8f;
  line-height:1.8!important;
}
.sdgs .sdgs_mv .sdgs_read p:first-of-type{
  margin-bottom: 20px;
  font-size:45px;
  font-weight: 500;
  letter-spacing: 0.1em;
}
.sdgs .sdgs_mv .sdgs_read p:nth-of-type(2){
  margin-bottom:50px;
  font-size:25px;
  position: relative;
}
.sdgs .sdgs_mv .sdgs_read p:nth-of-type(2)::after{
  content: '';
  width: 8px;
  height: 30px;
  background-image: radial-gradient(#9f4f8f 20%, transparent 30%);
  background-size: 12px 12px;
  background-position: center;
  margin: auto;
  position: absolute;
  right: 0;
  bottom: -40px;
  left: 0;
}
.sdgs .sdgs_mv .sdgs_read p:last-of-type{
  font-size:25px;
}




/* ▼ SDGsとは？
--------------------------------------- */
.sdgs .sdgs_about{
  background: #f9efee;
  padding:120px 0;
  position: relative;
}
.sdgs .sdgs_about::before {
  content: '';
  display: block;
  width: 54px;
  background: url(../img/sdgs/bg_white_line.png) no-repeat left top / 100% 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: calc(50% - 650px);
}
.sdgs .sdgs_about::after {
  content: '';
  display: block;
  width: 54px;
  background: url(../img/sdgs/bg_white_line.png) no-repeat right top / 100% 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  right: calc(50% - 650px);
  transform:scale(-1, 1);
}

.sdgs .sdgs_about h3.title{
  margin-bottom:40px;
  text-align: center;
}
.sdgs .sdgs_about h3.title span{
  display: inline-block;
  height:74px;
  background:#fff;
  border-radius: 37px;
  padding:0 100px;
  color:#251e1c;
  font-size:30px;
  line-height: 74px;
  letter-spacing: 0.2em;
}
.sdgs .sdgs_about p{
  color:#251e1c;
  font-size:18px;
  text-align: center;
  line-height: 2!important;
  letter-spacing: 0.2em;
}
.sdgs .sdgs_about img{
  display: block;
  width:77%;
  max-width: 770px;
  margin:80px auto 0;
}




/* ▼ ロングライフグループの取り組み
--------------------------------------- */
.sdgs .sdgs_effort{
  padding:190px 0 100px;
  position: relative;
}
.sdgs .sdgs_effort h3.title{
  margin-bottom:110px;
  text-align: center;
}
.sdgs .sdgs_effort h3.title span{
  display: inline-block;
  height:110px;
  background:#fff;
  border:1px solid #9f4f8f;
  border-radius: 55px;
  padding:0 60px;
  color:#9f4f8f;
  font-size:36px;
  line-height: 110px;
  letter-spacing: 0.2em;
  position: relative;
}
.sdgs .sdgs_effort h3.title span::before{
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background: #9f4f8f no-repeat left top / contain;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: calc(-50% - 400px);
  }
.sdgs .sdgs_effort h3.title span::after{
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background: #9f4f8f no-repeat left top / contain;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: calc(-50% - 400px);
  }
.sdgs .sdgs_effort .sdgs_effort_inner{
   max-width: 1120px;
   margin:auto;
}
.sdgs .sdgs_effort .sdgs_effort_inner .effort_content h4.title{
  border-bottom:1px solid #9f4f8f;
  padding-bottom:10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  }
.sdgs .sdgs_effort .sdgs_effort_inner .effort_content h4.title img{
  /* height:136px; */
  height: 105px;
  margin-right:20px;
  }
.sdgs .sdgs_effort .sdgs_effort_inner .effort_content h4.title span{
  color:#9f4f8f;
  font-size:36px;
  }
.sdgs .sdgs_effort .sdgs_effort_inner .effort_box{
  padding:0 0 0 25px;
  margin:60px auto 100px;
  }
.sdgs .sdgs_effort .sdgs_effort_inner .effort_content h5.title{
  border-left: 3px solid #9f4f8f;
  padding:3px 25px 3px;
  margin-bottom: 50px;
  color:#9f4f8f;
  font-size:24px;
  letter-spacing: 0.3em;
}
.sdgs .sdgs_effort .sdgs_effort_inner .effort_box .textarea p{
  color:#4c4a4a;
  font-size:22px;
  line-height:2!important;
  letter-spacing: 0.1em;
}
.sdgs .sdgs_effort .sdgs_effort_inner .effort_box .textarea h6.title{
  margin-bottom:10px;
  color:#9f4f8f;
  font-size:23px;
  line-height: 2!important;
}
.sdgs .sdgs_effort .sdgs_effort_inner .flexbox{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  }
.sdgs .sdgs_effort .sdgs_effort_inner .flexbox .textarea{
  width:calc(100% - 282px);
}

.sdgs .sdgs_effort .sdgs_effort_inner .flexbox .imgarea{
  width:262px;
  font-size:11px;
  font-weight: 400;
}
.sdgs .sdgs_effort .sdgs_effort_inner .flexbox .imgarea img{
  display: block;
  width:100%;
  height:190px;
  margin-bottom:5px;
}
.sdgs .sdgs_effort .sdgs_effort_inner .flexbox .imgarea span{
  font-family: '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,Osaka,'ＭＳ Ｐゴシック','MS P Gothic',sans-serif!important;
  font-weight: normal;
}


/* ロングライフグループの取り組み　個別スタイル */
.sdgs .sdgs_effort .sdgs_effort_inner .effort02 h4.title span{
  letter-spacing: -0.05em;
}
.sdgs .sdgs_effort .sdgs_effort_inner .effort_content > h5{
  margin-left:25px;
}
.sdgs .sdgs_effort .sdgs_effort_inner .effort03 h4.title span{
  font-size:34px;
  letter-spacing: -0.08em;
}
.sdgs .sdgs_effort .sdgs_effort_inner .effort_box.female_manager{
  margin:0 auto 10px;
}
.sdgs .sdgs_effort .sdgs_effort_inner .effort_box.mb_adjust{
  margin-bottom:20px;
}
.mt_adjust{
  margin-top:50px;
}

/* ロングライフグループの取り組み　アジア健康構想とは */
.sdgs .sdgs_effort .sdgs_effort_inner .asia_health{
  margin-top:180px;
}

.sdgs .sdgs_effort .sdgs_effort_inner .asia_health h4.title{
  color:#9f4f8f;
  font-size:26px;
  text-align: center;
  letter-spacing: 0.5em;
  position: relative;
}
  .sdgs .sdgs_effort .sdgs_effort_inner .asia_health h4.title::before{
    content: '';
    width: 100%;
    height: 10px;
    background-image: radial-gradient(#9f4f8f 20%, transparent 30%);
    background-size: 10px 10px;
    background-position: top;
    background-repeat: repeat-x;
    margin: auto;
    position: absolute;
    top: -25px;
    right: 0;
    left: 0;
    }
  .sdgs .sdgs_effort .sdgs_effort_inner .asia_health h4.title::after{
    content: '';
    width: 100%;
    height: 10px;
    background-image: radial-gradient(#9f4f8f 20%, transparent 30%);
    background-size: 10px 10px;
    background-position: bottom;
    background-repeat: repeat-x;
    margin: auto;
    position: absolute;
    bottom: -25px;
    right: 0;
    left: 0;
  }
.sdgs .sdgs_effort .sdgs_effort_inner .asia_health .asia_health_text01{
  width:70%;
  max-width:640px;
  padding:40px 100px;
  margin:120px auto 80px;
  position: relative;
}
  .sdgs .sdgs_effort .sdgs_effort_inner .asia_health .asia_health_text01::before{
    content: '';
    display: block;
    width: 54px;
    background: url(../img/sdgs/bg_purple_line.png) no-repeat left center / contain;
    margin:auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
  }
  .sdgs .sdgs_effort .sdgs_effort_inner .asia_health .asia_health_text01::after{
    content: '';
    display: block;
    width: 54px;
    background: url(../img/sdgs/bg_purple_line.png) no-repeat right center / contain;
    margin:auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    transform:scale(-1, 1);
  }
.sdgs .sdgs_effort .sdgs_effort_inner .asia_health .asia_health_text01 h5.title{
  margin-bottom:10px;
  font-size: 21px;
  font-weight: 400;
  }
.sdgs .sdgs_effort .sdgs_effort_inner .asia_health .asia_health_text01 p{
  font-size: 18px;
  line-height: 1.8!important;
}
.sdgs .sdgs_effort .sdgs_effort_inner .asia_health .asia_health_text01 p:first-of-type{
  margin-bottom:40px;
}

.sdgs .sdgs_effort .sdgs_effort_inner .asia_health .asia_health_text02{
  color:#9f4f8f;
  font-size:19px;
  text-align: center;
  line-height: 2!important;
}

.sdgs_more_btn {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: center;
  -ms-align-items: center;
  align-items: center;
  align-content: center;
  height: 55px;
  background: #FFF;
  border: #90773D 1px solid;
  color: #957632;
  font-size: 16px;
  font-weight: 600;
  position: relative;
  max-width: 300px;
  text-decoration: none;
  margin-top: 15px;
}

/* Windows Chrome 画像ぼやけ防止 */
/* ▼▼▼ 768px〜
====================================================== */
@media screen and (min-width: 768px) {
	img{
		image-rendering: -webkit-optimize-contrast;
	}
}


/* ▼▼▼ 768px〜1120px
====================================================== */
@media screen and (min-width:768px) and (max-width:1120px) {
.sdgs .sdgs_effort .sdgs_effort_inner{
  padding-right:20px;
  padding-left:20px;
  }
}

/* ▼▼▼ 〜1080px
====================================================== */
@media screen and (max-width:1080px) {
.sdgs {
  padding: 102px 0 0 0!important;
  }

/* ▼▼▼ 〜768px
====================================================== */
@media screen and (max-width:768px) {

/* ▼ メインビジュアル
--------------------------------------- */
.sdgs .sdgs_mv{
  padding:40px 15px;
  background-size: 100% 500px, 100% 200px;
  }

.sdgs .sdgs_mv h3.title{
  width: 100%;
  margin: 0 auto 20px;
  }
.sdgs .sdgs_mv h3.title span{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 70px;
  border-radius: 35px;
  font-size:20px;
  line-height: 28px;
}

.sdgs .sdgs_mv .slogan {
  font-size: 42px;
  }
.sdgs .sdgs_mv .slogan span {
  display: block;
  margin-top: 20px;
  font-size: 26px;
  line-height: 1.8;
  letter-spacing: 0.1em;
  }

.sdgs .sdgs_mv .sdgs_read p:first-of-type {
  font-size: 26px;
  letter-spacing: 0;
}

.sdgs .sdgs_mv img {
  margin: 40px auto;
  }
.sdgs .sdgs_mv .sdgs_read p:nth-of-type(2) {
  font-size: 20px;
  }
.sdgs .sdgs_mv .sdgs_read p:last-of-type {
  font-size: 20px;
}

/* ▼ SDGsとは？
--------------------------------------- */
.sdgs .sdgs_about{
  padding:40px 15px;
}
.sdgs .sdgs_about h3.title span {
  width: 100%;
  height: 70px;
  border-radius: 35px;
  padding: 0;
  font-size: 20px;
  }

.sdgs .sdgs_about p {
  font-size: 16px;
  }
.sdgs .sdgs_about img {
  width: 100%;
  margin: 40px auto 0;
}


/* ▼ ロングライフグループの取り組み
--------------------------------------- */
.sdgs .sdgs_effort{
  padding: 40px 15px;
}
.sdgs .sdgs_effort h3.title{
  width: 100%;
  margin: 0 auto 40px;
  }
.sdgs .sdgs_effort h3.title span{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 70px;
  border-radius: 35px;
  padding:0;
  font-size:20px;
  line-height: 28px;
}

.sdgs .sdgs_effort .sdgs_effort_inner .effort_content h4.title {
  display: block;
  text-align: center;
  }
.sdgs .sdgs_effort .sdgs_effort_inner .effort_content h4.title img {
  height: auto;
  max-width: 100%;
  display: block;
  max-height: 80px;
  margin:0 auto 10px;
  }
.sdgs .sdgs_effort .sdgs_effort_inner .effort_content h4.title span {
  font-size: 24px;
  }
.sdgs .sdgs_effort .sdgs_effort_inner .effort_box {
  padding: 0;
  margin: 30px auto 50px;
  }
.sdgs .sdgs_effort .sdgs_effort_inner div.effort_box:last-of-type{
  margin-bottom:80px;
}
.sdgs .sdgs_effort .sdgs_effort_inner .flexbox {
  display: block;
  }
.sdgs .sdgs_effort .sdgs_effort_inner .flexbox .textarea {
  width: 100%;
  }
.sdgs .sdgs_effort .sdgs_effort_inner .effort_box .textarea p {
  font-size: 18px;
  }
.sdgs .sdgs_effort .sdgs_effort_inner .effort_content h5.title {
  padding: 3px 15px 3px;
  margin-bottom: 10px;
  font-size: 20px;
  letter-spacing: 0.1em;
  }
.sdgs .sdgs_effort .sdgs_effort_inner .flexbox .imgarea {
  display: block;
  width: 100%;
  height: auto;
  margin: 20px auto 0;
  font-size: 12px;
  text-align: center;
  }
.sdgs .sdgs_effort .sdgs_effort_inner .flexbox .imgarea img {
  height: auto;
  }
.sdgs .sdgs_effort .sdgs_effort_inner .effort_box .textarea h6.title {
  font-size: 19px;
  }

  /* ロングライフグループの取り組み　個別スタイル */
.sdgs .sdgs_effort .sdgs_effort_inner .effort02 h4.title span {
  letter-spacing: 0;
}
.sdgs .sdgs_effort .sdgs_effort_inner .effort_box.female_manager{
  margin: 30px auto 50px;
}
.sdgs .sdgs_effort .sdgs_effort_inner .effort_content > h5 {
  margin-left: 0;
}
.sdgs .sdgs_effort .sdgs_effort_inner .effort03 h4.title span {
  letter-spacing: 0;
}
.sdgs .sdgs_effort .sdgs_effort_inner .effort03 > div:first-of-type{
  margin-bottom:10px;
}
.sdgs .sdgs_effort .sdgs_effort_inner .effort_box.mb_adjust {
  margin-top: 10px;
}

/* ロングライフグループの取り組み　アジア健康構想とは */
.sdgs .sdgs_effort .sdgs_effort_inner .asia_health {
  margin-top: 90px;
  }
.sdgs .sdgs_effort .sdgs_effort_inner .asia_health h4.title {
  font-size: 22px;
  letter-spacing: 0.2em;
}
.sdgs .sdgs_effort .sdgs_effort_inner .asia_health .asia_health_text01 {
  width: 100%;
  padding: 40px;
  margin: 70px auto 50px;
}
.sdgs .sdgs_effort .sdgs_effort_inner .asia_health .asia_health_text01 h5.title{
  font-size: 18px;
}
.sdgs .sdgs_effort .sdgs_effort_inner .asia_health .asia_health_text01 p{
  font-size: 16px;
}
.sdgs .sdgs_effort .sdgs_effort_inner .asia_health .asia_health_text01::before {
  content: '';
  background: url(../img/sdgs/bg_purple_line.png) no-repeat left center / 100% 100%;
}
.sdgs .sdgs_effort .sdgs_effort_inner .asia_health .asia_health_text01::after {
  content: '';
  background: url(../img/sdgs/bg_purple_line.png) no-repeat left center / 100% 100%;
}
.sdgs .sdgs_effort .sdgs_effort_inner .asia_health .asia_health_text02 {
  font-size: 18px;
}

.sdgs_more_btn {
  width: 100%;
  margin: 15px auto 0;
  height: 50px;
}

}