@charset "utf-8";
*:first-child + html body { /* for IF7 */ font-family: "メイリオ","Meiryo";}
h1,h2,h3,h4,h5,h6,p { margin:0; padding:0; /*font-size:100%;*/}
ol, ul,dl,li { margin:0; padding:0; list-style:none;}
ul { display:inline-block;}*/
/* for macIE \*/
* html ul { height:1%; }
ul { display:block; }
dt,dd { margin:0; padding:0;}
img { border:none;}
input, button, textarea, select {border-radius: 0;}
header,footer,nav,article,section { display:block;}
button,
input,
select,
textarea {color: inherit;font: inherit; margin: 0; }
button {overflow: visible;}
button,select {text-transform: none;}
button,html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled],html input[disabled] {
cursor: default;
}
button::-moz-focus-inner,input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
vertical-align: middle;
}
input[type="checkbox"],input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-appearance: textfield;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}

a{color:#3484D1;text-decoration:none;}
a:hover,a:active{color:#5897d7;}
a:visited{}
a:hover img{opacity:0.8;filter:alpha(opacity=80);}
img { vertical-align: bottom;}
html { font-size: 62.5%; /* font-size 1em = 10px */}
body { -webkit-text-size-adjust: none; }
body {
font-family: "ヒラギノ角ゴ Pro W6","Hiragino Kaku Gothic Pro","Osaka","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS P Gothic",Helvetica,Arial,sans-serif;
-webkit-text-size-adjust: none;
margin: 0;
padding: 0px 0 0;
background: #fff;
color: #333;
font-size: 1.8rem;
letter-spacing:0.05rem;
position: relative;
/* padding-bottom: 120px; */
min-height: 100vh;
}

*, *:after, *:before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.flex {
display: flex;
justify-content: center;
flex-wrap:wrap;
}

footer{
    width:1000px;
    clear:both;
    margin: 20px auto;
    display: flex;
    justify-content: space-between;
    }
    
    footer p{
    text-align:center;
    font-size:80%;
    }
    
    footer .copy {
    
    }

.contents{
width:940px;
margin: 0 auto;
}

.logo {
width: 940px;
margin: 25px auto;
}
.logo img {
    width: 200px;
    }

.to_mail {
font-weight: normal;
font-size: 1.8rem;
padding-bottom: 12px;
text-align: left;
}

.phase_check {
padding: 60px 20px 12px;
text-align: center;
border-top: 1px #CDD6DD solid;
margin-top: 60px;
}
.phase_check p {
font-weight: bold;
font-size: 2.8rem;
padding-bottom: 12px;
}
.phase_check.inqpage {
padding: 24px 20px 12px;
border: none;
margin-top: 40px;
}
.phase_check ul {
width: 232px;
display: flex;
justify-content: space-between;
margin: 4px auto 24px;
position: relative;
}
.phase_check ul:before {
content: "";
width: 80%;
height: 2px;
background-color: #bfbfbf;
position: absolute;
top: 24px;
left: 48%;
margin-left: -40%;
}
.phase_check ul li {
width: 20%;
padding-top: 24px;
position: relative;
margin: 20px 8px 8px 0;
font-size: 1.6rem;
}
.phase_check ul li.active:before {
background-color: #ff5a5f;
}
.phase_check ul li:before {
content: "";
display: block;
width: 10px;
height: 10px;
background-color: #bfbfbf;
position: absolute;
top: 0;
left: 50%;
margin-left: -5px;
border-radius: 5px;
}
.phase_check .to_mail {
font-weight: normal;
font-size: 1.8rem;
padding-bottom: 12px;
text-align: center;
}
.phase_check span {
font-size: 1.6rem;
display: inline-block;
}
.in_form_tel .in_form_tel_h {
font-weight: bold;
font-size: 1.6rem;
padding-bottom: 0px;
}
.in_form_tel .in_form_tel_n  {
color: #ff5a5f;
}
.form_caution {
background-color: #feffc9;
border: 1px solid #dfdfdf;
margin: 0px 20px 32px;
padding: 16px;
font-size: 1.6rem;
line-height: 1.6;
}
.form_caution p {
font-weight: bold;
color: #f00;
text-align: center;
padding-bottom: 8px;
font-size: 1.9rem;
}
.form_caution span span {
color: #f00;
}

.form_box {
padding: 24px;
border-top: 1px solid #dfdfdf;
text-align: left;
}
.form_box p {
font-size: 1.8rem;
}
.form-text {
width: 100%;
font-weight: bold;
border: 1px solid #6b6b6b;
border-radius: 5px;
padding: 8px;
background: #fff;
font-size: 1.8rem;
}
label {
font-size: 1.8rem;
font-weight: bold;
}
.required {
background: #ff5a5f;
color: #fff;
padding: 4px 6px;
line-height: 1.0;
display: inline-block;
margin-left: 4px;
font-size: 1.4rem;
border-radius: 4px;
font-weight: bold;
margin-bottom: 2px;
vertical-align: middle;
}
.example {
padding: 4px 2px 0;
color: #636363;
font-size: 1.6rem;
}
.erre_name {
color: #ff0000;
font-size: 1.6rem;
}
.notice {
background-color: #f4f4f4;
font-size: 1.6rem;
line-height: 1.6;
padding: 12px;
margin-top: 10px;
width: 100%;
}
.example_area {
padding: 12px;
margin-bottom: 12px;
font-size: 1.6rem;
line-height: 1.6;
background: #f4f4f4;
margin-top: 8px;
}
.time{
display: flex;
flex-wrap: wrap;
}
input, button, textarea, select {
margin: 0;
padding: 0;
background: none;
border: none;
border-radius: 0;
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
input[type="radio"]:checked + label.reply {
background-color: #fd9403;
color: #fff;
}
.reply {
box-sizing: border-box;
margin: 0 18px 8px 0;
padding: 10px 0px 10px 0px;
border-radius: 12px;
background-color: #fff;
cursor: pointer;
border: 1px solid #6b6b6b;
width: 31%;
text-align: center;
}

.reply:last-child {
margin: 0 0px 8px 0;
}

.time label {
display: inline-block;
position: relative;
cursor: pointer;
margin-left: 8px;
padding: 28px 18px;
text-align: left;
width: 23.77%;
font-weight: normal;
}

.time label:before {
position: absolute;
content: "";
top: 50%;
left: -10px;
width: 20px;
height: 20px;
margin-top: -10px;
background: #bdc3c7;
border-radius: 50%;
}

.time input[type="radio"]:checked + label:after {
position: absolute;
content: "";
top: 50%;
left: -6px;
width: 12px;
height: 12px;
margin-top: -6px;
border-radius: 50%;
background: #fd9403;
}

.submit_btn {
text-align: center;
padding: 8px 24px 32px;
margin-top: 65px;
}

.soushin_btnt:hover {
cursor: pointer;
opacity: 0.8;
}
.soushin_btn {
color: #fff;
font-weight: bold;
border-radius: 8px;
font-size: 1.8rem;
padding: 12px 0;
margin: 0 auto;
display: block;
width: 50%;
text-align: center;
border-style: none;
background: #fd9403;
box-shadow: 0px 8px #b56900;

}
.modoru_btn {
background: none;
margin-top: 20px;
width: auto;
padding: 0;
color: #333;
box-shadow: none;
border-bottom: 1px solid #333;
border-radius: 0;
font-size: 1.8rem;
}
.info {
display: flex;
margin-top: 40px;
text-align: center;
background: #fff;
padding: 20px;
line-height: 2.0;
justify-content: center;
width: 72%;
margin: 50px auto;
}
.info p{
background: #fff;
padding: 20px;
}

.info p span{
padding-top: 0px;
font-weight: bold;
color: #c00;
}


/* /pp/ */


.scrollbox {
    border: 1px solid #D8D8D8;
    overflow-y: scroll;
    padding: 0px!important;
    margin-left: auto;
    margin-right: auto;
    height: 200px;
    width: 100%!important;
    float: none;  
    padding: 4px;
  }
  
  .word_header {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px dotted #ccc;
    font-size: 1.4rem;
    }
    
    .word_header_title {
    font-size: 26px;
    font-weight: bold;
    line-height: 1.5;
    }
    
    .word_header_title  {
    font-size: 26px;
    font-weight: bold;
    line-height: 1.5;
    }
    
    .word_header_titleh2  {
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 1.5;
    margin-top: 30px;
    
    }
    .word_header span {
    display: -webkit-box;
    display: -webkit-flex; 
    display: flex; 
    -webkit-box-pack: center; 
    -webkit-justify-content: center; 
    justify-content: center; 
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 26px;
    height: 26px;
    margin-right: 10px;
    border-radius: 3px;
    /* background: #dcab6e;
    color: #fff; */
    font-size: 16px;
    font-weight: bold;
    }
    
    .word p{
        font-size: 1.4rem;
    line-height: 1.5;
    }
    
    .word a{
    display: inline;
    color: #49bbfd;
    }
    
    .word {
      padding: 8px;
    }
    
    .title {
    color: #484848;
    font-size: 1.4rem;
    line-height: 1.5;
    }
    
    ol  {
    position: relative;
    margin-top: 10px;
    padding: 0;
    font-size: 1.4rem;
    }
    ol li  {
    list-style: none;
    list-style-position: outside;
    margin: 0;
    padding-left: 1.25em
    }
    ol li span {
    position: absolute;
    left: 0;
    margin: 0
    }

    .office{
 
    }
    
    .office label {
      display: inline-block;
      position: relative;
      cursor: pointer;
      margin-left: 10px;
      padding: 28px 17px;
      text-align: left;
      /* width: 137.77%; */
      font-weight: normal;
      }
      
      .office label:before {
      position: absolute;
      content: "";
      top: 50%;
      left: -10px;
      width: 20px;
      height: 20px;
      margin-top: -10px;
      background: #bdc3c7;
      border-radius: 50%;
      }
      
      .office input[type="radio"]:checked + label:after {
      position: absolute;
      content: "";
      top: 50%;
      left: -6px;
      width: 12px;
      height: 12px;
      margin-top: -6px;
      border-radius: 50%;
      background: #fd9403;
      }
    
      .office li {
        width: 288px;
        }