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

@media screen and (min-width: 769px) {
#forms_section0{ text-align:center; color:#f00; padding:40px 0;}
#forms_section0 h2{ padding:40px 0;}
#forms_section0 .error_messe{ padding:5px 0;}

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

#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 .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:#007826;}
#forms_section .box1 li{ width:785px; margin:auto;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start; padding:10px;}
#forms_section .box1 li .s1{ width:200px; padding:5px 0; font-size:20px;}
#forms_section .box1 li .input1{ border:solid 1px #4d4d4d; padding:9px; width:565px; border-radius:5px; font-size:20px;}
#forms_section .box1 textarea{border:solid 1px #4d4d4d; padding:9px; width:565px;border-radius:5px; min-height:250px;font-size:20px;}
#forms_section .box1 .form_box2{ padding:30px 0;}
#forms_section .box1 .form_box2 .sousin{width:200px; height:50px; background:#ccc; font-size:20px; border-radius:10px; display:flex;justify-content:center;align-items:center;flex-direction:column; margin:auto;cursor: hand; cursor:pointer;}
#forms_section .box1 .form_box2 .sousin:hover{ opacity:0.5;}
#form_section2{ width:1020px; margin:auto; background:#fff;}
#form_section2 .box1  h2{ text-align:center; font-size:30px; color:#007826; padding:30px 0;}
#form_section2 .box1 .txtbox{width:785px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start; background:#4d4d4d; margin:10px auto;}
#form_section2 .box1 .txtbox .txt1{width:188px; padding:6px; font-size:20px; color:#fff; font-weight:300;}
#form_section2 .box1 .txtbox .txt2{border:solid 1px #4d4d4d; padding:9px; width:565px; font-size:20px; background:#fff;}
#form_section2 .box1 .sousin_box{ width:700px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center; padding:30px 0; margin:auto;}
#sousin{width:200px; height:50px; background:#ccc; font-size:20px; border-radius:10px; display:flex;justify-content:center;align-items:center;flex-direction:column; margin:auto;cursor: hand; cursor:pointer;}
#back_btn{width:200px; height:50px; background:#ccc; font-size:20px; border-radius:10px; display:flex;justify-content:center;align-items:center;flex-direction:column; margin:auto;cursor: hand; cursor:pointer;}
#sousin:hover{ opacity:0.5;}
#back_btn:hover{ opacity:0.5;}



}


/*ーーーーーーーーーーーーーーーー
spの時のみ使用するCSS
ーーーーーーーーーーーーーーーー*/
@media screen and (max-width: 768px) {
#forms_section0{ text-align:center; color:#f00; padding:10vw 0;}
#forms_section0 h2{ padding:0 0 10vw;}
#forms_section0 .error_messe{ padding:5vw 0;}

#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:block; padding-left:5vw; padding-bottom: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:#007826;}
#forms_section .box1 li .s1{ display:block; width:80vw; padding:2.5vw; margin:auto;}
#forms_section .box1 li .input1{ display:block; width:80vw; padding:2.5vw; border:solid 0.25vw #4d4d4d; border-radius:2.5vw; font-size:5vw; margin:auto;}
#forms_section .box1 .form_box1{ width:80vw; margin:auto;}
#forms_section .box1 textarea{display:block; width:80vw; padding:2.5vw; border:solid 0.25vw #4d4d4d; border-radius:2.5vw; font-size:5vw; margin:auto; min-height:80vw;}
#forms_section .box1 .form_box2{ padding:5vw 0;}
#forms_section .box1 .form_box2 .sousin{ width:60vw; height:10vw; background:#ccc; border-radius:5vw; font-size:5vw; margin:auto; display:flex;justify-content:center;align-items:center;}

#form_section2{ width:90vw; margin:auto; background:#fff;}
#form_section2 .box1  h2{ text-align:center; font-size:5vw; color:#007826; padding:5vw 0;}
#form_section2 .box1 .txtbox{ margin:5vw auto;}
#form_section2 .box1 .txtbox .txt1{display:block; width:80vw; padding:2.5vw; border:solid 0.25vw #4d4d4d; margin:auto; color:#fff; font-weight:300;background:#4d4d4d;}
#form_section2 .box1 .txtbox .txt2{display:block; width:80vw; padding:2.5vw; border:solid 0.25vw #4d4d4d; margin:auto; background:#fff;}
#form_section2 .box1 .sousin_box{  padding:5vw 0; margin:auto;}
#sousin{ width:60vw; height:10vw; background:#ccc; border-radius:5vw; font-size:5vw; margin:10vw auto; display:flex;justify-content:center;align-items:center;}
#back_btn{ width:60vw; height:10vw; background:#ccc; border-radius:5vw; font-size:5vw; margin:auto; display:flex;justify-content:center;align-items:center;}



}