/*infoエリアをはじめは非表示*/
#info{
	display: none;
}
.info-merci__pc{
  max-width: 100%;
}
.info-merci__mobile{
  max-width: 100%;
}
/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.info-merci__pc { display: block !important; }
.info-merci__mobile { display: none !important; }
 
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 720px) {
    .info-merci__pc { display: none !important; }
    .info-merci__mobile { display: block !important; }
}
  
  
/*モーダルの横幅を変更したい場合*/
.modaal-container{
    max-width: 100%;
}
@media(min-width:720px) {
  .modaal-container{
    max-width: 80%;
}

  }

/*モーダルのボタンの色を変更したい場合*/
.modaal-close:after, 
.modaal-close:before{
	background:#ccc;	
}

.modaal-close:focus:after,
.modaal-close:focus:before,
.modaal-close:hover:after,
.modaal-close:hover:before{
	background:#666;
}

.info-h2{
  padding: 0;
}

/*この先は変更しないこと*/


.about_tantan-and-koukou {
  margin: 0 40px;
  text-align: left;
}
.line-image__container {
  padding-top: 20px;
  padding-bottom: 20px;
  margin: 0 40px;
}
.line-image {
  height: 60px;
  background-size: contain;
  background-image: url("../images/top/line.png");
  background-repeat: repeat-x;
}
.tantan-history {
  margin: 0 40px 60px;
  text-align: left;
}
@media(min-width:720px) {
  .about_tantan-and-koukou {
    padding: 0 80px;
    max-width: 1040px;
    margin: 0 auto;
  }
  .line-image__container {
    padding-top: 20px;
    padding-bottom: 20px;
    margin: 0 80px;
  }
  .line-image {
    max-width: 1040px;
    margin: 0 auto;
  }
  .tantan-history {
    padding: 30px 80px 80px;
    max-width: 1040px;
    margin: 0 auto;
  }
}
.section-message {
  margin: 0 40px 60px;
}
@media(min-width:720px) {
  .section-message {
    max-width: 1040px;
    padding: 0 80px 100px;
    margin: 0 auto;
  }
}
.section-introduction {
  margin: 0 40px 60px;
}
.section-introduction img {
  display: block;
  width: 90%;
  margin: 20px auto
}
@media(min-width:720px) {
  .section-introduction {
    max-width: 1040px;
    padding: 0 80px 100px;
    margin: 0 auto;
  }
  .section-introduction img {
    max-width: 600px;
    margin: 0 auto 20px;
  }
}
.section-outline {
  margin: 0 40px 60px;
}
.section-outline p {
  padding-top: 10px;
  font-size: 1.6rem;
  line-height: 1.8rem;
}
@media(min-width:720px) {
  .section-outline {
    padding: 0 80px 100px;
    max-width: 1040px;
    margin: 0 auto;
  }
  .section-outline p {
    font-size: 2.0rem;
    line-height: 4.0rem;
  }
}
.section-access {
  margin: 0 40px 60px;
}
.section-access__japanese {
  font-size: 2.0rem;
}
.section-access address {
  font-style: normal;
  padding-top: 10px;
}
.section-access iframe {
  width: 100%;
  aspect-ratio: 1.7/1; /*アスペクト比＝横：縦。1:1で正方形になる。レスポンシブにしても縦横比を保つことができる*/
}
.section-access__break:after { /*擬似要素。このclassの後の部分に次の指示を出してください*/
  content: "\A"; /*"\A"で改行という意味。option+¥でバックスラッシュを出せる*/
  white-space: pre /*改行そそのまま出します*/
}
@media(min-width:720px) {
  .section-access {
    padding: 0 80px 100px;
    max-width: 1040px;
    margin: 0 auto;
  }
  .section-access__english {
    display: inline-block;
    padding-right: 30px;
    font-size: 2.4rem;
  }
  .section-access__japanese {
    display: inline-block;
  }
  .section-access iframe {
    max-width: 1040px;
    max-height: 500px;
    aspect-ratio: 2/1; /*アスペクト比＝横：縦*/
    padding-top: 30px;
  }
  .section-access__break {
    display: inline-block;
  }
  .section-access__access br {
    display: none
  }
  .section-access__wrapper {
    display: flex;
    flex-direction: column;
  }
  .section-access__iframe {
    order: 2;
  }
  .section-access__access {
    order: 1;
  }
}
.section-news {
  padding: 0 40px 60px;
}
.section-news ol {
  list-style-type: none /*箇条書きの番号を消す*/
}
.section-news h3 {
  padding-bottom: 10px;
}
@media(min-width:720px) {
  .section-news {
    padding: 0 80px 100px;
    max-width: 1040px;
    margin: 0 auto; /*上下を0、左右をautoにすることで要素を中央に揃える*/
  }
  .section-news ol {
    max-width: 820px;
    margin: 0 auto;
    text-align: left;
  }
  .section-news ol li {
    padding-bottom: 20px;
  }
  .section-news ol li time {
    display: inline;
    font-size: 2.2rem;
    padding-right: 15px;
  }
  .section-news h3 {
    padding: 0;
    display: inline;
  }
}
.section-goods {
  margin: 0 40px 60px;
}
.section-goods img {
  width: 100%;
}
@media(min-width:720px) {
  .section-goods {
    padding: 0 80px 100px;
    max-width: 1040px;
    margin: 0 auto; /*上下を0、左右をautoにすることで要素を中央に揃える*/
  }
  .section-goods img {
    width: 80%;
  }
}
.section-inquiry {
  margin: 0 40px 60px;
}
.section-inquiry__sns_container {
  display: flex;
  justify-content: center;
  padding: 10px 0;
}
.section-inquiry__sns img {
  width: 40px;
  margin: 0 40px;
}
@media(min-width:720px) {
  .section-inquiry {
    padding: 0 80px 100px;
    max-width: 1040px;
    margin: 0 auto; /*上下を0、左右をautoにすることで要素を中央に揃える*/
  }
  .section-inquiry__sns_container {
    padding: 20px 0 10px;
  }
}