
/*ーーーーーーーーーーーーーーーー
PCの時のみ使用するCSS
ーーーーーーーーーーーーーーーー*/

@media screen and (min-width: 769px) {
.nav_in_wrapper .li1:nth-of-type(7) a .s2{ opacity:0.5;}
.nav_in_wrapper .li1:nth-of-type(7) a .s1{ color:#1d2087;}
#forms_section { padding-bottom:200px;}
#forms_section .box1 h2{ text-align:center; font-size:20px; padding:90px 0 70px;}
#forms_section .box1 h2 .s1{ color:#f00;}
#forms_section .box1 .s3{color:#f00;}
#forms_section .box1 .form_box1 .inbox  label {font-size: 18px;cursor:pointer;position: relative; display:inline-block; padding:0 20px 0;}
#forms_section .box1 .form_box1 .inbox  label:before {content: '';width:18px;height:18px;position:absolute;top: 3px;left: 0;background-color:#fff; border:solid 1px #3d3d3d; border-radius:50%;}
#forms_section .box1 li{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center; width:890px; margin:auto; padding:5px 0;}
#forms_section .box1 li .s1{ display:block; width:200px; text-align:right; font-size:18px;}
#forms_section .box1 .form_box1{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center; width:890px; margin:auto;}
#forms_section .box1 .form_box1 p{display:block; width:200px; text-align:right; font-size:16px;}
#forms_section .box1 .form_box1 .inbox{width:600px; padding:5px; font-size:20px; margin-left:auto; display:block;}
#forms_section .box1 li .input1{ width:600px; padding:5px; font-size:20px; margin:0; border:solid 1px #b3b3b3; border-radius:0.25em;}
#forms_section .box1 .form_box1 .inbox  input[type="radio"] {display: none;}
#forms_section .box1 .form_box1 .inbox  input[type="radio"]:checked + label:after {content: '';width:14px;height:14px;position:absolute;top:6px;left:3px;border-radius: 50%; background:#007CFF;}
#forms_section .box1 textarea{width:600px; padding:5px; font-size:20px; margin:0; min-height:410px;border:solid 1px #b3b3b3; border-radius:0.25em;}
#forms_section .box1 .form_box2{width:890px; margin:auto; padding:40px 0;}
#forms_section .box1 .form_box2 .sousin{ border:#1d20b2 solid 2px; width:300px; height:60px;display:flex;align-items: center;justify-content: center; margin:auto; color:#1d20b2; font-size:25px;cursor: hand; cursor:pointer;font-family:'Sawarabi Mincho','Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ＭＳ 明朝', 'MS Mincho','ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif;}
#forms_section .box1 .form_box2 .sousin:hover{ background:#1d20b2; color:#fff;}
#forms_section .box1 .form_box2 .txt1{ text-align:center; color:#1d20b2; font-size:25px; padding:60px 0 20px;}
#forms_section .box1 .form_box2 .txt2{ display:table; margin:auto; padding:30px; border:solid 1px #1d20b2; font-size:18px;}
#forms_section .box1 .form_box2 .txt2 .s1{ font-size:20px; text-align:center; display:block; padding-top:40px; font-weight:bold;}

}


/*ーーーーーーーーーーーーーーーー
spの時のみ使用するCSS
ーーーーーーーーーーーーーーーー*/
@media screen and (max-width: 768px) {
#forms_section { padding-bottom:40vw;}
#forms_section .box1 h2{ text-align:center; font-size:6vw; padding:10vw 0;}
#forms_section .box1 h2 .s1{ color:#f00;}
#forms_section .box1 .s3{color:#f00;}
#forms_section .box1 .form_box1 .inbox{ width:calc(100% - 4vw); background:#fff;padding:4vw 2vw 0;}
#forms_section .box1 .form_box1 .inbox  label {font-size: 5vw;cursor:pointer;position: relative; display:inline-block; padding: 0 5vw 4vw;}
#forms_section .box1 .form_box1 .inbox  label:before {content: '';width:5vw;height:5vw;position:absolute;top: 1vw;left: 0;background-color:#fff; border:solid 0.5vw #3d3d3d; border-radius:50%;}
#forms_section .box1 .form_box1 .inbox  input[type="radio"] {display: none;}
#forms_section .box1 .form_box1 .inbox  input[type="radio"]:checked + label:after {content: '';width:4vw;height:4vw;position:absolute;top:2vw;left:0.9vw;border-radius: 50%; background:#007CFF;}
#forms_section .box1 li{width:90%; margin:auto; padding:2.5vw 0;}
#forms_section .box1 li .s1{display:block; width:100%;  font-size:5vw; position:relative;}
#forms_section .box1 .form_box1{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center; width:100%; margin:auto;}
#forms_section .box1 .form_box1 p{display:block; font-size:5vw; width:90%; margin:auto;}
#forms_section .box1 .form_box1 .inbox{width:90%; padding:2.5vw 0; font-size:4vw; margin-left:auto; display:block;}
#forms_section .box1 li .input1{ width:calc(100% - 5vw); padding:2.5vw; font-size:5vw; margin:0;border:solid 0.25vw #b3b3b3; border-radius:0.25em;}
#forms_section .box1 textarea{width:calc(100% - 10vw); padding:5vw; font-size:5vw; margin:0; min-height:50vw;border:solid 0.25vw #b3b3b3; border-radius:0.25em;}
#forms_section .box1 .form_box2{width:100%; margin:auto; padding:40px 0;}
#forms_section .box1 .form_box2 .sousin{ border:#1d20b2 solid 0.5vw; width:90%; height:15vw;display:flex;align-items: center;justify-content: center; margin:auto; color:#1d20b2; font-size:5vw;}
#forms_section .box1 .form_box2 .txt1{ text-align:center; color:#1d20b2; font-size:5vw; padding:15vw 0 5vw;}
#forms_section .box1 .form_box2 .txt2{display:table; margin:auto; padding:5vw; border:solid 0.25vw #1d20b2; font-size:4vw; width:calc(90% - 10vw);}
#forms_section .box1 .form_box2 .txt2 .s1{ font-size:4vw; text-align:center; display:block; padding-top:5vw; font-weight:bold;}


}