@charset "utf-8";

/******************************************************************
 *
 * 個別ページ
 *
 ******************************************************************/

.yt { position: relative; width: 100%; padding-top: 56.25%; }
.yt iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; }

 /*******************************************************************/


@media screen and (min-width:751px){/* PC */

section.mainimage { width: 100%; padding: 0 0 0 0; background: url(../images/top/mi_bg_pc.png) center bottom no-repeat; background-size: cover; overflow: hidden; }


section.c1 { width: 100%; font-size: 0.9em; }
section.c1 .outer {}
section.c1 .inner { position: relative; width: 980px; margin: 0 auto; padding: 0 0 0 0; }
section.c1 .inner .entry_read { padding: 50px 0 15px 0; color: #000; font-weight: bold; text-align: center; }
section.c1 .inner .entry_conf { padding: 0.5em 0 0 1em; text-indent: -1em; font-size: 0.8em; line-height: 1.75em; }

section.c1 .inner .f_child { margin: 25px 0 0 0; padding: 20px; border: 1px solid #e1e1e1; border-radius: 20px; }

.serial_txt { color: #000; font-weight: bold; padding: 0 0 20px 0; }

.f_table { position: relative; width: 100%; }
.f_table th { width: 35%; padding: 10px 0; border-bottom: 1px solid #18943b; color: #18943b; font-weight: bold; }
.f_table td { width: 65%; padding: 10px 0; border-bottom: 1px dotted #e1e1e1; }
.f_table .ft_td div { padding: 5px 0; }
.f_table .ft_td .td_t { color: #000; }
.f_table .zip { width: 30%; }
.f_table .req { padding: 0 0 0 50px; background: url(../images/top/icon1.png) left center no-repeat; background-size: 35px; }
.f_table .req_non { padding: 0 0 0 0; }
.f_table .subtxt { font-size: 0.75em; }
.f_table .serial { width: 15%; }
.f_table .serial+.serial { margin: 0 0 0 10px; }


.d_serivice1 { width: 150px !important; }
.op_serivice1 { width: 200px !important; }


.op_cnt_box { position: relative; width: 100%; padding: 0 0 50px 0; }
.op_cnt { float: left; width: 50%; padding: 50px 0 0 0; }
.op_cnt .op_cnt_inr { width: 380px; margin: 0 auto; }
.op_cnt .op_cnt_inr .title { font-size: 1.5em; padding: 0 0 0.5em 0; font-weight: bold; color: #18943b; }
.op_cnt .op_cnt_inr .subtitle { padding: 1em 0 0 0; font-weight: bold; color: #18943b; }
.op_cnt .op_cnt_inr .read { padding: 0.25em 0 0 0; }

.pp_txt1 { margin: 30px 0 0 0; font-size: 1.25em; font-weight: bold; color: #000; text-align: center; }
.pp_box { margin: 30px 0 0 0; background: #f1f1f1; padding: 20px; /*height: 300px;*/ overflow: auto; font-size: 0.85em; }

.agreement { margin: 30px 0 0 0; text-align: center; }

.submitbtn { margin: 30px 0 0 0; text-align: center; font-size: 0; }
.submitbtn button { margin: 0 10px; }


em.invalid { display: block; margin: 3px 0; padding: 0.5em 1em !important; font-weight: bold; color: #c70000; background: #fff7f7; border-radius: 5px; }
.frbtn { margin: 0 0 15px 0; }
.frbtn img { width: 250px; }


}/*@media*/

 /*******************************************************************/

@media screen and (max-width:750px){/* SP */

section.mainimage { width: 100%; padding: 0 0 0 0; background: url(../images/top/mi_bg_pc.png) left bottom no-repeat; background-size: cover; overflow: hidden; }


section.c1 {}
section.c1 .outer {}
section.c1 .inner { position: relative; width: 86.66vw; margin: 0 auto; padding: 0 0 0 0; }

section.c1 .inner .entry_read { padding: 6.66vw 0 1.9vw 0; color: #000; font-weight: bold; text-align: center; }
section.c1 .inner .entry_conf { padding: 0.5em 0 0 1em; text-indent: -1em; font-size: 0.8em; line-height: 1.75em; }


section.c1 .inner .f_child { margin: 3.33vw 0 0 0;  padding: 2.66vw; border: 1px solid #e1e1e1; border-radius: 2.66vw; }


.f_table { position: relative; width: 100%; }
.f_table th { display: block; width: 100%; border-bottom: 0.266vw solid #18943b; color: #18943b; font-weight: bold; }
.f_table td { display: block; padding: 1.3vw 0; }
.f_table .ft_td div { padding: 0.66vw 0; }
.f_table .ft_td .td_t { color: #000; }
.f_table .zip { width: 50%; }
.f_table .req { padding: 0 0 0 8.66vw; background: url(../images/top/icon1.png) left center no-repeat; background-size: 6.66vw; }
.f_table .req_non { padding: 0 0 0 0; }
.f_table .subtxt { font-size: 0.85em; }
.f_table .serial { width: 22%; }
.f_table .serial+.serial { margin: 0 0 0 1.66vw; }

.d_serivice1 { width: 25vw !important; }
.op_serivice1 { width: 25vw !important; }


.op_cnt_box { position: relative; width: 100%; padding: 0 0 6.66vw 0; }
.op_cnt { width: 100%; margin: 6.66vw 0 0 0; padding: 6.66vw 0 0 0; border-top: 1px solid #e1e1e1; }
.op_cnt .op_cnt_inr { width: 60.66vw; margin: 0 auto; }
.op_cnt .op_cnt_inr .title { font-size: 1.5em; padding: 0 0 0.5em 0; font-weight: bold; color: #18943b; }
.op_cnt .op_cnt_inr .subtitle { padding: 1em 0 0 0; font-weight: bold; color: #18943b; }
.op_cnt .op_cnt_inr .read { padding: 0.25em 0 0 0; }

.pp_txt1 { margin: 4vw 0 0 0; font-size: 1.0em; font-weight: bold; color: #000; text-align: center; }
.pp_box { margin: 4vw 0 0 0; background: #f1f1f1; padding: 2.66vw; /*height: 50vw;*/ overflow: auto; font-size: 0.9em; }

.agreement { margin: 4vw 0 0 0; text-align: center; }
.submitbtn { margin: 4vw 0 0 0; text-align: center; }
.submitbtn button { width: 58vw; margin: 10px auto 0 auto; }

em.invalid { display: block; margin: 3px 0; padding: 0.5em 1em !important; font-weight: bold; color: #c70000; background: #fff7f7; border-radius: 5px; }
.frbtn { margin: 0 0 2vw 0; }
.frbtn img { width: 40vw; }


}/*@media*/


input[type="text"] ,input[type="email"] { width:100%; border: none; background: #f5f5f5; padding: 5px; border-radius: 5px; }
textarea { width:100%; height: 200px; border: none; background: #f5f5f5; padding: 5px; border-radius: 5px; }

.kome_txt { padding: 0 0 0 1em; text-indent: -1em; }

.mT1 { margin: 1em 0 0 0; }
.ttlTxt { color: #18943b; font-weight: bold; }
.info_txt1 { margin: 2em 0 1.0em 0; font-size: 0.9em; }


label { color: #000; font-weight: bold; }
button { background: none; }

.pp_box strong { display: block; margin: 1em 0 0 0; font-weight: bold; }
.pp_box strong:first-child { margin: 0 0 0 0; }
.pp_box ol { padding: 0 0 0 2em; list-style-type: decimal }


.g-recaptcha {
  margin-right:auto;
  margin-left:auto;
  text-align: center;
  width:300px;
  margin-top:20px;
}


