@charset "utf-8";
/* CSS Document */
/*セクショントップ*/
.section-top__message {
  padding: 0 10px;
}
.section-top h2 {
  font-size: 2.2rem;
  margin-bottom: 20px;
}
.section-top__description {
  font-size: 1.8rem;
  margin-bottom: 20px;
  text-align: left;
  color:#486463;
}
.section-top__image {
  background-color: #E5F4B7;
  background-size: cover;
display:flex;
}
.section-top__image img {
  object-fit: cover;
  object-position:10% 50%;
  width: 100%;
  height:25vh;
  vertical-align: bottom;
}
@media(min-width:960px){
  .section-top{
    max-width:1250px;
    margin:0 auto;
    display:flex;
    justify-content: space-between;
  }
  .section-top h2 {
  font-size: 3.6rem;
  line-height:5.6rem;
  margin-bottom: 20px;
}
  .section-top__message{
    width:50vw;
    padding:60px 50px 0 10px;
  }
  .section-top__image{
    display:inline-block;
    height:342px;
  }
  .section-top__image img{
    width:30vw;
    height:342px;
    padding:0;
  }
}
/*セクション　詳細 detail*/
.section-detail{
  padding:0 10px;
  margin-top:80px;
}
.section-detail__top-message{
  text-align:center;
}
.section-detail__top-subtitle{
  margin-bottom:10px;
  color:#1D788A;
}
.section-detail h2{
  font-size: 2.2rem;
  margin-bottom: 20px;
}
.section-detail__top-description{
  text-align: left;
  color:#486463;
  font-size: 1.8rem;
}
.section-detail__beginner-wrapper{
  display:flex;
  justify-content: center;
  flex-wrap: wrap;
  padding-top:20px;
}
.section-detail__beginner-content{
  background-image:url("../beginner.png");
  background-position:50% 50%;
  background-size:contain;
  background-repeat: no-repeat;
  text-align:center;
  padding:80px 0 0;
  margin:0 5px;
  width:160px;
  height:235px;
}
.section-detail__beginner-content a{
  text-decoration:none;
  color:#fff;
  display:inline-block;
  background-color:#1D788A;
  margin-top:10px;
  padding:5px 10px;
  border-radius:15px;
  box-shadow: 2px 2px 1px 1px #222;
}
.section-detail__beginner-content:last-child{
  padding-right:0;
}
.section-detail__beginner-title{
  font-size:1.8rem;
  font-weight:600;
  color:#1D788A;
  padding-bottom:10px;
}
.section-detail__address{/*体験会　会場住所*/
  padding-top:40px;
  padding-bottom:10px;
  font-size: 1.8rem;
}
.section-detail__address address{
   font-style:normal;/*斜体をもどす*/
}
/*セクション　詳細 detail map*/
.section-detail__address-map{
  position:relative;
  width:100%;
  margin:0 auto;
  padding-top:70%;/*googlemapに高さを持たせる*/
}
.section-detail__address-map iframe{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}
@media(min-width:960px){
.section-detail{
    max-width:960px;
    margin:0 auto;
    padding-bottom:100px;
  }
.section-detail__top-message {
  padding-top: 100px;
  margin-bottom:50px;
}
  .section-detail h2 {
  font-size: 3.6rem;
  line-height: 5.6rem;
}
  .section-detail__top-description{
     text-align: center;
  }
  .section-detail__beginner-content{
  background-image:url("../beginner.png");
  background-position:50% 50%;
  background-size:contain;
  background-repeat: no-repeat;
  text-align:center;
  padding:80px 0 0;
  margin:0 5px;
  width:199px;
  height:235px;
}
.section-detail__address-map{
  height:100px;
}
}
/*セクション内容　content*/
.section-content{
  padding:0 10px;
  margin-top:80px;
}
.section-content__top-message{
  text-align:center;
}
.section-content__top-subtitle{
  margin-bottom:10px;
  color:#1D788A;
}
.section-content h2{
  font-size: 2.2rem;
  margin-bottom: 20px;
}
.section-content__top-description{
  margin-bottom:20px;
  text-align: left;
  color:#486463;
  font-size: 1.8rem;
}
/*セクション内容　content-icon*/
.section-content__icon-wrapper{
  display:flex;
  flex-direction:column;/*縦並び*/
  text-align:center;
  margin-bottom:80px;
}
.section-content__icon{
  padding-top:50px;
}
.section-content__icon img{
  width:80px;
}
@media(min-width:960px){
.section-content{
    max-width:960px;
    margin:0 auto;
    padding-bottom:100px;
  }
.section-content__top-message {
  padding-top: 100px;
  margin-bottom:50px;
}
  .section-content h2 {
  font-size: 3.6rem;
  line-height: 5.6rem;
}
  .section-content__top-description{
  text-align:center;
}
  .section-content__icon-wrapper{
    display:flex;
    flex-direction:row;
  }
  .section-content__icon{
    width:195px;
  }
  .sp-hidden{
  display:block;
}
}
/*セクション　質問 question*/
.section-question{
  background-image: url("../question_bg.jpg");
  background-repeat: no-repeat;
  object-fit: cover;
  padding:80px 10px;
  text-align:center;
}
.section-question__top-subtitle{
  margin-bottom:10px;
  color:#1D788A;
}
.section-question h2{
  font-size: 2.2rem;
  margin-bottom: 20px;
}
.section-question__content{
  padding:10px 0 30px;
  text-align: left;
  max-width:500px;
  margin:0 auto;
}
.section-question__content:last-child{
  padding-bottom:0;
}
@media(min-width:960px){
.section-question{
    padding-bottom:100px;
  }
.section-question__top-message {
  padding-top: 100px;
  margin-bottom:50px;
}
  .section-question h2 {
  font-size: 3.6rem;
  line-height: 5.6rem;
}}