/*===============================================
縲SP iPhone6莉･荳奇ｼ育判髱｢縺ｮ讓ｪ蟷�′761px縺ｾ縺ｧ��
===============================================*/
@media (max-width:761px){
/* ============================================================
main vi
==============================================================*/
#main_third_wrap{
background:url("../img/main_bg_sp.jpg") center;
background-size: cover;
}
#main_third_wrap .s_ttl{
display: block;
width: 5.5em;
background: #99e6ff;
font-family: 'Noto Sans JP', sans-serif;
font-weight:400;
text-align: center;
font-size: 1.4rem;
line-height: 100%;
letter-spacing: 0.1rem;
padding: 3px 0 5px;
color: #1c284c;
}
#main_third_wrap span.eng_txt{
color: #00aae1;
}
#main_third_body{
background: #edf9fd;
padding: 30px 0 50px;
}
/* ============================================================
radio
==============================================================*/
#radio{
padding: 60px 0 10px;
position:relative;
}
#radio:before{
content: "";
display: block;
width: 100%;
height: 310px;
background:#edf4f2;
position: absolute;
top:0;
left: 50%;
transform:translate(-50%, 0);
}
#radio .side_s{
font-family: 'Noto Sans JP', sans-serif;
font-weight: 400;
font-size: 1.8rem;
display:flex;
}
#radio .side_s label{
margin: 0 30px 0 0;
}
/* ============================================================
section 01
==============================================================*/
#sec01{
width: 100%;
padding: 60px 0 70px;
position:relative;
}
#sec01 .wrapper{
padding:0 4%;
}
#sec01:before{
content: "";
display: block;
width: 100%;
height: 243px;
background:#edf4f2;
position: absolute;
top:0;
left: 50%;
transform:translate(-50%, 0);
}
#sec01 table.tb-contact--01{
width: 100%;
margin: 0 auto;
}
#sec01 th{
background: #1b284a;
color:#ffffff;
text-align: left;
padding: 7px 0 7px 5%;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 500;
font-size: 1.5rem;
letter-spacing:2px;
position: relative;
box-sizing: border-box;
}
#sec01 th span{
color: #fff;
background: #db3b3b;
font-size: 1.1rem;
padding: 1px 20px 4px;
position: absolute;
top: 50%;
right:20px;
border-radius: 17px;
-webkit-transform:translate(0, -50%);
transform:translate(0, -50%);
}
#sec01 td{
background: #fff;
padding: 20px 40px;
border: 1px solid #cfe5df;
border-top: none;
border-bottom: none;
font-size: 1.4rem;
text-align:left;
display: grid;
}
#sec01 td .error01{
color: #db3b3b;
}
#sec01 td input{
max-width: 100%;
}
#sec01 td input[type="text"]{
max-width: 100%;
}
#sec01 tr:last-child td{
border-bottom: #cfe5df 1px solid;
}
table th,
table.row td{
width:100%;
display:block;
}
.input_add{
border:1px solid #b8b8b8;
width: 200px!important;
box-sizing:border-box;
height:45px;
background: #f1f1f1;
font-size: 1.4rem;
padding:0 0 0 6px;
}
.input_birth{
border:1px solid #b8b8b8;
width:100px;
box-sizing:border-box;
height:45px;
background: #f1f1f1;
font-size: 1.4rem;
padding:0 0 0 6px;
}
.input_birth2{
border:1px solid #b8b8b8;
width:100px;
box-sizing:border-box;
height:45px;
background: #f1f1f1;
font-size: 1.4rem;
padding:0 0 0 6px;
}
.inputtxt01{
border:1px solid #b8b8b8;
width:100%;
box-sizing:border-box;
height:45px;
background: #f1f1f1;
padding:0 6px;
font-size: 1.4rem;
}
.inputtxt01:placeholder-shown {
color: #9ea09e;
}
.inputtxt02{
border:1px solid #b8b8b8;
width:100%;
box-sizing:border-box;
height:45px;
background: #f1f1f1;
padding:0 6px;
font-size: 1.4rem;
margin: 9px 0 0;
}
.inputtxt02:placeholder-shown {
color: #9ea09e;
}
.inputtxt03{
width:200px;
}
textarea{
background-color:#f1f1f1;
border:1px solid #b8b8b8;
padding: 0 6px;
font-family: 'Noto Sans JP', sans-serif;
font-size: 1.4rem;
height: 250px;
}
::placeholder {
color: #bdbdbd;
}
.necessary{
font-family: 'Noto Sans JP', sans-serif;
font-weight: 400;
font-size: 1.4rem;
color: #000;
padding: 5px 0 0;
}
#submit{
padding:50px 0 20px;
}
#submit input{
display: block;
width: 300px;
margin: 0 auto;
padding:20px;
cursor:pointer;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 400;
font-size: 1.6rem;
letter-spacing:2px;
border-radius: 30px;
border: none;
background: #099366;
color: #ffffff;
}
#submit input:hover{
transition: all 0.5s ease 0s;
opacity: 0.5;
}
#sec01 h2{
font-family: 'M PLUS 1p', sans-serif;
font-weight: 400;
font-size: 2.2rem;
color:#1c284c;
padding: 30px 0 19px;
letter-spacing: 0.2rem;
text-align: center;
}
.scroll_box p {
padding: 10px 17px;
height: 16em;
overflow-y: scroll;
border: 1px solid #c1c1c1;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 400;
font-size: 1.4rem;
width: 100%;
margin: 0px auto 9px;
box-sizing: border-box;
}
.scroll_box p span{
font-weight:600;
color:#202020;
}
p.pv_p{
font-family: 'Noto Sans JP', sans-serif;
font-weight: 400;
font-size: 1.5rem;
margin: 80px 0 66px;
padding:0 4%;
}
p.pv_p a{
color:#2196F3;
}
#chk{
text-align: center;
margin: 26px 0 0;
}
.kome {
color: #666;
display: block;
font-size: 90%;
padding-left: 1em;
text-indent: -1em;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 400;
font-size: 1.2rem;
}
input[type="text"]{
border:1px solid #b8b8b8;
width:100%;
box-sizing:border-box;
height:45px;
background: #f1f1f1;
padding:0 6px;
font-size: 1.4rem;
}
input[type=checkbox] {
display: none;
margin: 0;
}
input[type=checkbox] + label {
padding: 0 0 0 28px;
position: relative;
height: 20px;
line-height: 20px;
}
input[type=checkbox] + label::before {
content: "";
position: absolute;
top: 50%;
left: 0;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: block;
width: 20px;
height: 20px;
margin-top: -10px;
background: #FFF;
border: 1px solid #999;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
}
input[type=checkbox]:checked + label::after {
content: "";
position: absolute;
top: 45%;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: block;
left: 3px;
width: 18px;
height: 10px;
margin-top: -8px;
border-left: 3px solid #0C9568;
border-bottom: 3px solid #0C9568;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
#agree + label {
margin-bottom: 10px;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 400;
font-size: 1.4rem;
}
/* ============================================================
confirm
==============================================================*/
#confirm #sec01:before{
height: 272px;
}
#confirm td{
font-family: 'Noto Sans JP', sans-serif;
font-weight: 400;
font-size: 1.4rem;
padding: 20px 5%;
}
/* ============================================================
thanks
==============================================================*/
#thanks #sec01:before{
height: 210px;
}
#thanks #sec01 p{
font-family: 'Noto Sans JP', sans-serif;
font-weight: 400;
font-size: 1.4rem;
margin: 98px 0 10px;
text-align: center;
}
/* ============================================================
error
==============================================================*/
.form_error_content {
position:relative;
color: #cd223a;
font-size: 12px;
padding: 5px 10px 0 2px;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 400;
font-size: 1.4rem;
}
}
/*===============================================
縲SP iPhone5繧ｵ繧､繧ｺ蟇ｾ蠢懊逕ｻ髱｢縺ｮ讓ｪ蟷�′350px縺ｾ縺ｧ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ
===============================================*/
@media (max-width:349px) {
}
/*===============================================
縲SP iPhone Plus 繧ｵ繧､繧ｺ蟇ｾ蠢懊逕ｻ髱｢縺ｮ讓ｪ蟷�′415px縺ｾ縺ｧ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ
===============================================*/
@media (min-width: 413px) and (max-width: 761px) {
}