@charset "utf-8";
/* CSS Document */
.mainvisual{
  background:url("../../../common/img/mv-coporate.png")no-repeat center;
  background-size: cover;
}
.sdgs .sec-subtitle{
  color: #164E90;
}
.sdgs .sec-title{
  color: #222;
  font-size: 4rem;
  font-weight: 800;
}
/* 
------------------------------------------------------*/
.title_innre{
    max-width: 1024px;
  width: 100%;
  margin: auto;
}
/*sdgs*/
.sdgs {
  width: 93.75%;
  margin: 0 0 0 auto;
  background: url("../img/sdgs_bg.png") no-repeat center;
  -webkit-background-size: cover;
  background-size: cover;
  padding: 80px 0;
  margin-bottom: 80px;
}
.sdgs_innre {
  max-width: 1024px;
  width: 100%;
  margin: auto;
  padding-right: 6vw;
}
.sdgs .sec-subtitle,.sdgs .sec-title{
  color: #fff;
}
.sdgs_text{
  color: #fff;
  padding-top: 40px;
  letter-spacing: 0.6px;
  font-size: 1.8rem;
}


/*SDGsの取り組み*/
.initia{
  max-width: 1024px;
  width: 90%;
  margin: auto;
}
.initia .sec-subtitle{
  color: #164E90;
}
.initia .sec-title{
  color: #222;
  font-size: 4rem;
  font-weight: 800;
}
.initia_inner{
  background-color: #fff;
  box-shadow: 2px 4px 5px #0000001A;
  margin: 25px 0 80px;
  padding: 80px 0;
}
.initia_flex{
  display: flex;
  justify-content: space-between;
  margin: auto;
  max-width: 900px;
  width: 90%;
  flex-wrap: wrap;
}
.initia_flex .initia_block{
  width: 280px;
  margin-bottom: 30px;
}
.initia_flex .initia_block h3{
  font-weight: bold;
  text-align: center;
  font-size: 1.8rem;
  margin-bottom: 10px;
  letter-spacing: 0.62px;
}

.initia_inner .initia_num.twin{
  width: 126px;
  display: flex;
  justify-content: space-between;
  margin:15px auto 10px;
}
.initia_inner .initia_num.forth{
  width: 262px;
  display: flex;
  justify-content: space-between;
  margin:15px auto 10px;
}
.initia_inner .initia_num.sing{
  width: 58px;
  justify-content: center;
  margin: 15px auto 10px;
}

.text_num{
  letter-spacing: 0.5px;
  width: 264px;
  margin: auto;
}
.text_num.s{
  letter-spacing: 0.7px;
}
/* 固有レスポンシブ
------------------------------------------------------
------------------------------------------------------*/
/*タブレット（縦）*/
@media screen and (orientation: portrait) and (min-width: 768px){

}

@media screen and (max-width: 767px) {
.mainvisual {
  background-position: 85%;
}
.wrapper {
    padding-top: 50px;
}
.sdgs {
  background-size: cover;
  width: 100%;
  padding: 50px 0;
}
.sdgs_innre{
  max-width: 90%;
  padding: 0px;
  margin: auto;
}
.initia .sec-title {
  font-size: 3rem;
}

.initia_inner {
  margin: 25px 0 50px;
  padding: 50px 0;
}
.initia_flex{
  justify-content: center;
}
  /*outline*/	
.flex {
    justify-content: center;
    flex-wrap: wrap;
  max-width: 90%;
}
.initia_flex .initia_block{
  margin-bottom: 30px;
}
.initia_flex .initia_block.last{
  margin-bottom: 0px;
}

.box-flex {
    margin: 50px auto;
    justify-content: center;
    max-width: 90%;
    flex-wrap: wrap-reverse;
}
.box-flex_inner h3 {
    padding: 20px 0;
}
  .btn_flex{
    margin-bottom: 100px;
    flex-wrap: wrap;
    justify-content: center;
    max-width: 90%;
}
.ser_card {
    margin-bottom: 20px;
}
}