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

@media screen and (min-width: 769px) {
#forms_section{ margin-left:calc(50% - 240px); width:630px; padding: 0 60px;  background:url(../images/common/images/common14.png); background-size:100% 100%;}
	
#forms_section .f_box1 li{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start; width:630px; border-top:solid 1px #000; padding:20px 0;}
	
#forms_section .f_box1 li.pref {justify-content:flex-start;}
	
#forms_section .f_box1 li .s1{ width:200px; font-size:20px; position:relative; display:flex;align-items: center;justify-content:flex-start; height:40px;}
#forms_section .f_box1 li .s3{ font-size:13px; padding-left:10px; color:#f00;}
#forms_section .f_box1 .input1{ width:400px; border-radius:5px; height:40px;display:flex;align-items:center;justify-content:flex-start; background:#eee; padding:0 10px; outline:none; border:none; font-size:20px;}
#forms_section .f_box1 .input2{ width:185px; border-radius:5px; height:40px;display:flex;align-items:center;justify-content:flex-start; background:#eee; padding:0 10px; outline:none; border:none; font-size:20px; margin-right:215px;}
#forms_section .f_box1 textarea{ width:400px; border-radius:5px; background:#eee; padding:10px; outline:none; border:none; font-size:20px; min-height:200px;}
#forms_section .f_box1 .form_box1 {display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start; width:630px; border-top:solid 1px #000; padding:20px 0;}
#forms_section .f_box1 .form_box1 p .s1{width:200px; font-size:20px; position:relative; display:flex;align-items: center;justify-content:flex-start; height:40px;}
#forms_section .f_box1 .form_box1 p .s3{font-size:13px; padding-left:10px; color:#f00;}
#forms_section .f_box1 .form_box1 .inbox{ width:420px;}
#forms_section .f_box1 .form_box1 .rs{ padding:5px 0; display:inline-block;}
#forms_section .f_box1 .li2 .s1{ width:100%; font-size:20px; position:relative; display:flex;align-items: center;justify-content:flex-start; height:40px; padding-bottom:20px;}
#forms_section .f_box1 .li2 .s3{ font-size:16px;}
#forms_section .f_box1 .li2 input{ width:400px;padding:0 10px; font-size:20px;}
#forms_section .f_box1 .form_box1 .inbox  label {font-size: 18px;cursor:pointer;position: relative; display:inline-block; padding:0 20px;}
#forms_section .f_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 .f_box1 .form_box1 .inbox  input[type="radio"] {display: none;}
#forms_section .f_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:#f48500;}
#forms_section .f_box1 .form_box2{ border-top:solid 1px #000; padding:50px 0;}
#forms_section .f_box1 .form_box2 p{ text-align:center; font-size:20px; padding-bottom:30px;}
#forms_section .f_box1 .form_box2 p .s1{ color:#f00;}
#forms_section .f_box1 .form_box2 .sousin_btn{ width:212px; height:55px;display:flex;align-items: center;justify-content: center; color:#fff; font-size:23px; border-radius:4px; background:#000; margin:auto;cursor: hand; cursor:pointer;}
#forms_section .f_box1 .form_box2 .sousin_btn:hover{ opacity:0.5;}
}


/*ーーーーーーーーーーーーーーーー
spの時のみ使用するCSS
ーーーーーーーーーーーーーーーー*/
@media screen and (max-width: 768px) {
#forms_section{background:url(../images/common/images/common14.png); background-size:100% 100%; padding-bottom:30vw;}
#forms_section .f_box1 li{border-top:solid 0.5vw #000; padding:2vw 0; width:90vw; margin:auto; display:block;}
#forms_section .f_box1 li .s1{ font-size:5vw; display:flex;align-items: center;justify-content:flex-start; padding:2vw 5vw;}
#forms_section .f_box1 li .s3{ font-size:3vw; padding-left:3vw; color:#f00;}
#forms_section .f_box1 .input1{ width:calc(100% - 10vw); border-radius:2vw; height:10vw;display:flex;align-items:center;justify-content:flex-start; background:#eee; padding:0 5vw; outline:none; border:none; font-size:4.5vw;}
#forms_section .f_box1 .input2{ width:calc(100% - 10vw); border-radius:2vw; height:10vw;display:flex;align-items:center;justify-content:flex-start; background:#eee; padding:0 5vw; outline:none; border:none; font-size:4.5vw;}
#forms_section .f_box1 textarea{ width:calc(100% - 10vw); border-radius:2vw; display:flex;align-items:center;justify-content:flex-start; background:#eee; padding:5vw; outline:none; border:none; font-size:4.5vw; min-height:50vw;}
#forms_section .f_box1 .form_box1 {padding:2vw 0; width:90vw; margin:auto; display:block;border-top:solid 0.5vw #000;}
#forms_section .f_box1 .form_box1  p .s1{ font-size:5vw; display:flex;align-items: center;justify-content:flex-start; padding:2vw 5vw;}
#forms_section .f_box1 .form_box1  p .s3{ font-size:3vw; padding-left:3vw; color:#f00;}
#forms_section .f_box1 .form_box1 .inbox{ width:100%;}
#forms_section .f_box1 .form_box1 .rs{ padding:2vw 0; display:block;}
#forms_section .f_box1 .li2 .s1{ font-size:5vw; display:block; padding:2vw 5vw; padding-right:2em;}
#forms_section .f_box1 .li2 .s3{ font-size:4vw; padding-left:3vw; color:#f00; display:block; text-align:right;}
#forms_section .f_box1 .li2 input{padding:5vw 0; font-size:5vw;display:flex;align-items: center;justify-content: center; width:100%;}
#forms_section .f_box1 .li2 input:forcus{ outline:none;}
#forms_section .f_box1 .li2 input:hover{ outline:none;}
#forms_section .f_box1 .form_box1 .inbox{ width:calc(100% - 4vw); background:#fff;padding:4vw 2vw 0;}
#forms_section .f_box1 .form_box1 .inbox  label {font-size: 5vw;cursor:pointer;position: relative; display:block; padding-left:5vw; padding-bottom:4vw;}
#forms_section .f_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 .f_box1 .form_box1 .inbox  input[type="radio"] {display: none;}
#forms_section .f_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:#f48500;}
#forms_section .f_box1 .form_box2{ border-top:solid 0.5vw #000; width:90vw; margin:auto; padding-bottom:10vw;}
#forms_section .f_box1 .form_box2 p{ text-align:center; font-size:5vw; padding:10vw 0;}
#forms_section .f_box1 .form_box2 p .s1{ color:#f00;}
#forms_section .f_box1 .form_box2 .sousin_btn{ width:60vw; height:20vw;display:flex;align-items: center;justify-content: center; color:#fff; font-size:5vw; border-radius:2vw; background:#000; margin:auto;}



}