@charset "UTF-8";
/*
	Filename: about
	Version: 1.0.1
*/

.page_title {
    background-image: url("../img/about/title_bg.jpg");
}
.page_title::before {
  display: none;
}

#sec_01 h2, #sec_03 h2, #sec_04 h2 {
  margin-bottom: 65px;
  font-size: 36px;
  font-weight: 700;
  line-height: 1.6;
  color: #2896BE;
  text-align: center;
  letter-spacing: 0.03em;
}
#sec_01 ul li, #sec_03 ul li {
  font-size: 18px;
  line-height: 2.25;
}
#sec_01 ul li::before, #sec_03 ul li::before {
  content: "●";
  margin-right: 5px;
}


/*-----------------------------------------------------
  #sec_01
------------------------------------------------------*/
#sec_01 {
  width: 100%;
  padding: 232px 0 0;
  text-align: left;
}
#sec_01 h3 {
  margin-bottom: 5px;
  font-size: 22px;
  font-weight: 700;
}
#sec_01 h4 {
  margin-top: 7px;
  margin-bottom: 7px;
  font-size: 18px;
  font-weight: 500;
}
#sec_01 p {
  font-size: 18px;
  line-height: 2.2;
}
#sec_01 p:first-of-type {
  margin-bottom: 42px;
}
#sec_01 ul {
  margin-bottom: 45px;
}

/*-----------------------------------------------------
  #sec_02
------------------------------------------------------*/
#sec_02 {
  width: 100%;
  padding: 60px 0 30px;
}
#sec_02 .map_name {
  width: 50%;
  background: #8A8A8A;
  text-align: center;
}
#sec_02 .map_name h2 {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体";
  font-size: 20px;
  font-weight: 500;
  line-height: 2.5;
  color: #fff;
}
#sec_02 .map_name a {
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 3.2;
  color: #fff;
  transition: .3s;
}
#sec_02 .map_name a:hover {
  transition: .3s;
  opacity: .4;
}
#map2 {
  height: 358px;
  margin-bottom: 80px;
}
#map4 {
  height: 358px;
  margin-bottom: 50px;
}

/*-----------------------------------------------------
  #sec_03
------------------------------------------------------*/
#sec_03 {
  width: 100%;
  padding: 62px 0 0;
}
#sec_03 h2 {
  margin-bottom: 63px;
}
#sec_03 ul {
  margin-bottom: 90px;
  padding-bottom: 80px;
  border-bottom: 1px solid #B1B1B1;
}
#sec_03 ul:last-child {
  border-bottom: none;
}




/*---------------------------------------------------------------------------------------------------------------------------------------------------------------
	768px~1198 vw1198
----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width: 768px) and (max-width: 1198px) {
  #sec_01 h2, #sec_03 h2, #sec_04 h2 {
    margin-bottom: 5.426vw;
    font-size: 3.005vw;
  }
  #sec_01 ul li, #sec_03 ul li {
    font-size: 1.503vw;
  }
  #sec_01 ul li::before, #sec_03 ul li::before {
    margin-right: 0.417vw;
  }

  /*-----------------------------------------------------
    #sec_01
  ------------------------------------------------------*/
  #sec_01 {
    padding: 19.366vw 0 0;
  }
  #sec_01 h3 {
    margin-bottom: 0.417vw;
    font-size: 1.836vw;
  }
  #sec_01 h4 {
    margin-top: 0.584vw;
    margin-bottom: 0.584vw;
    font-size: 1.503vw;
  }
  #sec_01 p {
    font-size: 1.503vw;
  }
  #sec_01 p:first-of-type {
    margin-bottom: 3.506vw;
  }
  #sec_01 ul {
    margin-bottom: 3.756vw;
  }

  /*-----------------------------------------------------
    #sec_02
  ------------------------------------------------------*/
  #sec_02 {
    padding: 5.008vw 0 2.504vw;
  }
  #sec_02 .map_name h2 {
    font-size: 1.669vw;
  }
  #sec_02 .map_name a {
    font-size: 1.336vw;
  }
  #map2 {
    height: 40.883vw;
    margin-bottom: 6.678vw;
  }
  #map4 {
    height: 40.883vw;
    margin-bottom: 4.174vw;
  }

  /*-----------------------------------------------------
    #sec_03
  ------------------------------------------------------*/
  #sec_03 {
    padding: 5.175vw 0 0;
  }
  #sec_03 h2 {
    margin-bottom: 5.259vw;
  }
  #sec_03 ul {
    margin-bottom: 7.513vw;
    padding-bottom: 6.678vw;
  }

}


 
/*---------------------------------------------------------------------------------------------------------------------------------------------------------------
	~767px vw767
----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 767px) {
  #sec_01 h2, #sec_03 h2, #sec_04 h2 {
    margin-bottom: 8.475vw;
    font-size: 18px;
  }
  #sec_01 ul li, #sec_03 ul li {
    font-size: 14px;
  }
  #sec_01 ul li::before, #sec_03 ul li::before {
    margin-right: 0.652vw;
  }


  /*-----------------------------------------------------
    #sec_01
  ------------------------------------------------------*/
  #sec_01 {
    padding: 30.248vw 0 0;
  }
  #sec_01 h3 {
    margin-bottom: 0.652vw;
    font-size: 16px;
  }
  #sec_01 h4 {
    margin-top: 0.913vw;
    margin-bottom: 0.913vw;
    font-size: 14px;
  }
  #sec_01 p {
    font-size: 14px;
  }
  #sec_01 p:first-of-type {
    margin-bottom: 5.476vw;
  }
  #sec_01 ul {
    margin-bottom: 5.867vw;
  }

  /*-----------------------------------------------------
    #sec_02
  ------------------------------------------------------*/
  #sec_02 {
    padding: 7.823vw 0 3.911vw;
  }
  #sec_02 .map_name h2 {
    font-size: 3.108vw;
  }
  #sec_02 .map_name a {
    font-size: 2.586vw;
  }
  #map2 {
    height: 110.675vw;
    margin-bottom: 10.43vw;
  }
  #map4 {
    height: 110.675vw;
    margin-bottom: 6.519vw;
  }

  /*-----------------------------------------------------
    #sec_03
  ------------------------------------------------------*/
  #sec_03 {
    padding: 8.083vw 0 0;
  }
  #sec_03 h2 {
    margin-bottom: 8.214vw;
  }
  #sec_03 ul {
    margin-bottom: 11.734vw;
    padding-bottom: 10.43vw;
  }

}