@charset "utf-8";

@media print,screen and (min-width : 501px) {

#pagetitle{
  background: url(images/titlebg.jpg) center center no-repeat;
  background-size: cover;
}



/** 電話でのお問い合わせ
---------------------------------------- */
#contact_tel{
  margin-top: 60px;
}
#contact_tel1{
  line-height: 1.4;
  text-align: center;
  border:solid 1px #8c8c8c;
  padding: 20px;
  border-radius:10px;
  width: 1000px;
  margin: 40px auto 0 auto;
}
#contact_tel1 dt{
  font-size:20px;font-size:2.4rem;
  font-family:"NotoSansJP-5";
}
#contact_tel1 p{
  margin-top: 8px;
  font-size:36px;font-size:2.4rem;
}
#contact_tel1 small{
  font-size:16px;font-size:1.6rem;
}

/** メールでのお問い合わせ
---------------------------------------- */
#contact_mail{
  margin-top: 60px;
}

#contact_mail #mailForm{
  width: 1000px;
  margin: 40px auto 0 auto;
}
#contact_mail h4{
  font-size:22px;font-size:2.2rem;
  font-family:"NotoSansJP-5";
  margin-top: 40px;
}

#mailForm input,
#mailForm select,
#mailForm option,
#mailForm textarea{
  font-size:16px;font-size:1.6rem;
  font-family:"NotoSansJP-2";
}


#error_note{
  margin-top: 20px;
}

#formInput{
  margin-top: 20px;
}

#formInput .parent_dt{
  width:200px;
}
#formInput .parent_dd{
  flex: 1;
  margin-left: 20px;
}
#formInput #address .child_dt{
  width:140px;
}
#formInput #address .child_dd{
  flex: 1;
  margin-left: 20px;
}
#name input{ width: 200px; }
#kana input{ width: 200px; }
#hogosyaname input{ width: 400px; }
#mail input{ width: 500px; }
#mailcheck input{ width: 500px; }
#tel input{ width: 200px; }
#formInput textarea{ width: 100%; }


/** 個人情報の取り扱いについて
---------------------------------------- */
#policy{
  margin-top: 60px;
}
#policy p{
  margin-top: 40px;
}
#policy ul{
  margin-top: 20px;
}
#policy ul li{
  list-style-type: disc;
  margin-left: 26px;
}
#policy dt{
  margin-top: 40px;
  font-size:18px;font-size:1.8rem;
  font-family:"NotoSansJP-5";
}



}
@media screen and (max-width : 500px) {

#pagetitle{
  background: url(images/titlebgsp.jpg) center center no-repeat;
  background-size: cover;
}

/** 電話でのお問い合わせ
---------------------------------------- */
#contact_tel{
  margin-top: 40px;
}
#contact_tel1{
  line-height: 1.4;
  text-align: center;
  border:solid 1px #8c8c8c;
  border-radius:10px;
  padding: 10px;
  margin-top: 20px;
}
#contact_tel1 dt{
  font-size:16px;font-size:1.6rem;
  font-family:"NotoSansJP-5";
}
#contact_tel1 p{
  margin-top: 8px;
  font-size:18px;font-size:1.8rem;
}
#contact_tel1 small{
  font-size:14px;font-size:1.4rem;
}


/** メールでのお問い合わせ
---------------------------------------- */
#contact_mail{
  margin-top: 40px;
}

#contact_mail{
  margin: 40px auto 0 auto;
}
#contact_mail h4{
  font-size:18px;font-size:1.8rem;
  font-family:"NotoSansJP-5";
  margin-top: 40px;
}

#mailForm input,
#mailForm select,
#mailForm option,
#mailForm textarea{
  font-size:14px;font-size:1.4rem;
  font-family:"NotoSansJP-2";
}

#error_note{
  margin-top: 20px;
}
#note{
  margin-top: 20px;
}

#formInput{
  margin-top: 20px;
}
#name input{ width: 120px; }
#kana input{ width: 120px; }


/** 個人情報の取り扱いについて
---------------------------------------- */
#policy{
  margin-top: 40px;
}
#policy p{
  margin-top: 20px;
}
#policy ul{
  margin-top: 20px;
}
#policy ul li{
  list-style-type: disc;
  margin-left: 26px;
}
#policy dt{
  margin-top: 20px;
  font-size:16px;font-size:1.6rem;
  font-family:"NotoSansJP-5";
}


}