@charset "UTF-8";
body { background-color: #fff; }

h1, h2, h3, a, p, label, input { font-family: Quicksand, 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif !important; }

a { -webkit-transition: all .2s; transition: all .2s; }
a:hover { opacity: 0.7; filter: alpha(opacity=70); -moz-opacity: 0.7; }

.header, .content { max-width: 1200px; margin: 0 auto; background-color: #fff; }

.content_head { max-width: 1410px; margin: 0 auto; background-color: #fff; }

.footer { max-width: 100%; }

.inner_head { max-width: 1410px; }

.inner { max-width: 1200px; }

.content img, .content_head img { width: 100%; height: auto; margin-bottom: -2px; }

.footer img { width: 100%; height: auto; }

._hide { display: none; }

.color-red { color: red; }

.bg-danger { padding: 0px 10px; margin: 3px 0; background-color: #F3DEDE; }

/* Button */
.button_group { position: relative; }
.button_group a { margin: 0 auto; position: absolute; }
.button_group a:nth-child(2) { width: 60%; top: 55px; right: 21%; }
.button_group a:nth-child(3) { width: 29.7%; top: 250px; right: 52.5%; }
.button_group a:nth-child(4) { width: 29.7%; top: 250px; right: 19%; }
.button_group a:hover { opacity: 0.8 !important; filter: alpha(opacity=80) !important; -moz-opacity: 0.8 !important; }
.button_group a img { width: 100%; height: auto; }

/* VIDEO */
.video { position: relative; }

.video iframe { position: absolute; top: 446px; right: 0px; left: 0px; width: 76.0%; height: 38%; width: 745px; height: 420px; padding-right: 4px; margin: auto; }

/* MAP */
.map { padding: 0 2%; }

.map iframe { height: 550px; }

/* SNSシェア */
.sns { position: relative; }
.sns .sns_icon { position: absolute; top: 95px; right: 150px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }
.sns .sns_icon a { width: 45px; padding: 0 10px; }
.sns .sns_icon a:nth-child(3) { padding-top: 5px; }

/* FORM */
.form { text-align: center; border: solid 2px #333; margin: 20px 160px 80px; padding: 80px 150px 50px; letter-spacing: 3px; }
.form h2 { font-size: 25px; font-weight: bold; }
.form h2 img { width: 80px; height: auto; margin-bottom: 35px; }
.form ._datainput { text-align: left; padding: 70px 0 0; }
.form ._datainput .form_item { margin-bottom: 25px; }
.form ._datainput label { display: inline-block; font-size: 17px; font-weight: bold; padding-bottom: 15px; }
.form ._datainput label span { color: red; font-size: 14px; margin-left: 20px; }
.form ._datainput input { width: 100%; height: 30px; padding-left: 5px; font-size: 18px; }
.form ._datainput textarea { width: 100%; padding-left: 5px; font-size: 18px; resize: none; }
.form ._datainput .form_school div { display: -webkit-flex; display: -ms-flexbox; display: flex; }
.form ._datainput .form_school div input { margin-right: 18px; }
.form ._datainput .form_school div input.name { width: 35%; }
.form ._datainput .form_school div input.grade { width: 13%; margin-left: 30px; }
.form ._datainput .form_school div p { padding-top: 15px; font-weight: bold; }
.form ._datainput .button { text-align: center; margin-top: 40px; }
.form ._datainput .button button { background-color: #EE4C2D; color: #fff; font-weight: bold; font-size: 16px; width: 28%; height: 45px; border-radius: 10px; border: none; letter-spacing: 3px; }
.form ._datainput .button button:hover { cursor: pointer; opacity: 0.7; filter: alpha(opacity=70); -moz-opacity: 0.7; -webkit-transition: all .2s; transition: all .2s; }
.form ._dataview { text-align: left; padding: 70px 0 0; }
.form ._dataview .form_item { display: -webkit-flex; display: -ms-flexbox; display: flex; }
.form ._dataview .form_item label { display: inline-block; font-size: 17px; font-weight: normal; padding-bottom: 15px; width: 30%; }
.form ._dataview .form_item p { font-size: 17px; font-weight: bold; padding-bottom: 30px; }
.form ._dataview .info_message { padding: 20px; margin-top: 30px; background-color: #b1d7fa; line-height: 1.5; }
.form ._dataview .button { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 40px; width: 100%; }
.form ._dataview .button button { font-weight: bold; font-size: 16px; width: 200px; height: 45px; border-radius: 10px; border: none; letter-spacing: 3px; }
.form ._dataview .button button:hover { cursor: pointer; opacity: 0.7; filter: alpha(opacity=70); -moz-opacity: 0.7; -webkit-transition: all .2s; transition: all .2s; }
.form ._dataview .button button.submit_send { background-color: #EE4C2D; color: #fff; }
.form ._dataview .button button.cansel_send { background-color: #fff; border: solid 2px #666; color: #333; }

.ok_dialog { text-align: center; margin: 0 auto; width: 45%; max-width: 400px; }

/* footer */
.footer { background-color: #fff; height: 50px; padding-top: 35px; }
.footer p { text-align: center; color: #444; }

@media screen and (min-width: 769px) { .sp { display: none; } }
@media screen and (max-width: 1200px) { /* Button */
  .button_group a:nth-child(2) { width: 60%; top: 4vw; right: 21%; }
  .button_group a:nth-child(3) { width: 29.7%; top: 20.5vw; right: 52.5%; }
  .button_group a:nth-child(4) { width: 29.7%; top: 20.5vw; right: 19%; }
  /* VIDEO */
  .video { position: relative; }
  .video iframe { position: absolute; top: 37.1vw; right: 0px; left: 0px; width: 76.0%; height: 38%; width: 62.1%; height: 43.8%; padding-left: 0px; margin: auto; }
  /* MAP */
  .map { padding: 0 2%; }
  .map iframe { height: 46vw; }
  /* SNSシェア */
  .sns .sns_icon { top: 7.5vw; right: 12vw; }
  .sns .sns_icon a { width: 4.2vw; padding: 0 1vw; }
  .sns .sns_icon a:nth-child(3) { padding-top: 0.5vw; }
  /* FORM */
  .form { margin: 4vw 5vw 8vw; padding: 8vw 15vw 6vw; letter-spacing: 3px; }
  .form h2 { font-size: 25px; font-weight: bold; }
  .form h2 img { width: 7vw; height: auto; margin-bottom: 3vw; }
  .form ._datainput { text-align: left; padding: 70px 0 0; }
  .form ._datainput .form_item { margin-bottom: 25px; }
  .form ._datainput label { display: inline-block; font-size: 17px; font-weight: bold; padding-bottom: 15px; }
  .form ._datainput label span { color: red; font-size: 14px; margin-left: 20px; }
  .form ._datainput input { width: 100%; height: 30px; padding-left: 5px; font-size: 18px; }
  .form ._datainput textarea { width: 100%; padding-left: 5px; font-size: 18px; resize: none; }
  .form ._datainput .form_school div { display: -webkit-flex; display: -ms-flexbox; display: flex; }
  .form ._datainput .form_school div input { margin-right: 18px; }
  .form ._datainput .form_school div input.name { width: 35%; }
  .form ._datainput .form_school div input.grade { width: 13%; margin-left: 30px; }
  .form ._datainput .form_school div p { padding-top: 15px; font-weight: bold; }
  .form ._datainput .button { text-align: center; margin-top: 40px; }
  .form ._datainput .button button { background-color: #EE4C2D; color: #fff; font-weight: bold; font-size: 16px; width: 28%; height: 45px; border-radius: 10px; border: none; letter-spacing: 3px; }
  .form ._datainput .button button:hover { cursor: pointer; opacity: 0.7; filter: alpha(opacity=70); -moz-opacity: 0.7; -webkit-transition: all .2s; transition: all .2s; }
  /* footer */
  .footer p { font-size: 1.6vw !important; line-height: 1.3; } }
@media screen and (max-width: 768px) { .pc { display: none; }
  .content img { margin-bottom: -1vw; }
  /* Button */
  .button_group a { margin: 0 auto; position: absolute; }
  .button_group a:nth-child(2) { width: 91%; top: 6.2vw; right: 4.5%; }
  .button_group a:nth-child(3) { width: 45%; top: 32vw; right: 48%; }
  .button_group a:nth-child(4) { width: 45%; top: 47vw; right: 10%; }
  /* VIDEO */
  .video { position: relative; }
  .video iframe { position: absolute; top: 53.05vw; right: 0px; left: 0px; width: 85.5%; height: 32.5%; width: 85.5%; height: 43.3%; padding-right: 0px; margin: auto; }
  /* MAP */
  .map { padding: 0 2%; }
  .map iframe { height: 70vw; }
  /* SNSシェア */
  .sns .sns_icon { top: 35vw; right: 0; left: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
  .sns .sns_icon a { width: 8vw; padding: 0 1.8vw; }
  .sns .sns_icon a:nth-child(3) { padding-top: 0.5vw; }
  /* FORM */
  .form { margin: 4vw 1vw 8vw; padding: 8vw 5vw 6vw; letter-spacing: 3px; }
  .form h2 { font-size: 5vw; font-weight: bold; }
  .form h2 img { width: 8vw; height: auto; margin-bottom: 3vw; }
  .form ._datainput { text-align: left; padding: 10vw 0 0; }
  .form ._datainput .form_item { margin-bottom: 25px; }
  .form ._datainput label { display: inline-block; font-size: 4vw; font-weight: bold; padding-bottom: 15px; }
  .form ._datainput label span { color: red; font-size: 3.3vw; margin-left: 20px; }
  .form ._datainput input { width: 98%; height: 7vw; padding-left: 5px; font-size: 16px; }
  .form ._datainput textarea { width: 98%; padding-left: 5px; font-size: 18px; resize: none; }
  .form ._datainput .form_school div { display: -webkit-flex; display: -ms-flexbox; display: flex; }
  .form ._datainput .form_school div input { margin-right: 3vw; }
  .form ._datainput .form_school div input.name { width: 35%; }
  .form ._datainput .form_school div input.grade { width: 13%; margin-left: 5vw; }
  .form ._datainput .form_school div p { padding-top: 3.5vw; font-weight: bold; font-size: 4.0vw; }
  .form ._datainput .button { text-align: center; margin-top: 5vw; }
  .form ._datainput .button button { background-color: #EE4C2D; color: #fff; font-weight: bold; font-size: 4vw; width: 50%; max-width: 200px; height: 12vw; border-radius: 10px; border: none; letter-spacing: 3px; }
  .form ._datainput .button button:hover { cursor: pointer; opacity: 0.7; filter: alpha(opacity=70); -moz-opacity: 0.7; -webkit-transition: all .2s; transition: all .2s; }
  .form ._dataview { padding: 70px 0 0; letter-spacing: 1px; }
  .form ._dataview .form_item label { font-size: 3vw; font-weight: normal; padding-bottom: 15px; width: 30%; }
  .form ._dataview .form_item p { font-size: 3.7vw; font-weight: bold; padding-bottom: 30px; }
  .form ._dataview .info_message { padding: 20px; margin-top: 30px; background-color: #b1d7fa; line-height: 1.5; font-size: 3.0vw; }
  .form ._dataview .button { margin-top: 40px; width: 100%; }
  .form ._dataview .button button { font-size: 4vw; width: 140px; height: 45px; border-radius: 10px; letter-spacing: 3px; }
  .ok_dialog { width: 95%; max-width: 350px; font-size: 4vw !important; }
  .ok_dialog p { font-size: 4vw !important; }
  /* footer */
  .footer { height: inherit; padding: 5vw 10px 5vw; }
  .footer p { font-size: 2.6vw !important; } }