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

@media screen and (min-width: 769px) {
#section1{ padding:40px 0 0;width:970px; margin:auto; }
#section1 .box1{ width:820px; margin:auto; padding:20px 0 0;}
#section1 .box1 h2{ text-align:center; color:#f00; padding-bottom:20px; font-size:25px;}
#section1 .box1 p{ font-size:18px; padding-bottom:20px; color:#f00; text-align:center;}
#section1 .box1 p .s1{ text-align:center; width:100%; display:block;}
#form_section2 .box1 {background-color: #eaebec;font-family: 'Noto Sans Japanese','Yu Gothic','メイリオ', Meiryo,sans-serif; padding-bottom:80px;}
#form_section2 .box1 h2{ text-align:center; padding:100px 0 20px; color:#393a3a; font-size:25px;}
#form_section2 .box1 .txtbox{background: #393a3a;display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;width:870px; margin:5px auto;}
#form_section2 .box1 p{padding:10px; display:flex;align-items:center;}
#form_section2 .box1 .txt1 { 
    width:266px; 
    color:#fff; 
    font-size:22px;
    text-align: left;
}
#form_section2 .box1 .txt2 { 
    width:560px; 
    background:#fff; 
    border:solid 2px #6fbec7; 
    font-size:22px;
    text-align: left;
}
#form_section2 .box1 .form_box2 { width:600px; display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center; margin:auto; padding:40px 0;}
#form_section2 .box1 .form_box2 .input1{border:solid 2px #fff; width:262px; height:60px;display:flex;align-items: center;justify-content: center; background:#7e7b73; color:#fff; font-size:30px;cursor: hand; cursor:pointer; transform:translateY(0px); box-shadow:0px 3px 9px 5px rgba(0,0,0,0.55); transition:all 0.5s ease;}
#form_section2 .box1 .form_box2 .input2{border:solid 2px #fff; width:262px; height:60px;display:flex;align-items: center;justify-content: center; background:#393a3a; color:#fff; font-size:30px;cursor: hand; cursor:pointer; transform:translateY(0px); box-shadow:0px 3px 9px 5px rgba(0,0,0,0.55); transition:all 0.5s ease;}
#form_section2 .box1 .form_box2 .input1:hover{ transform:translateY(-10px); box-shadow:0px 3px 24px 10px #BD8C21; }
#form_section2 .box1 .form_box2 .input2:hover{ transform:translateY(-10px); box-shadow:0px 3px 24px 10px #BD8C21; }

#form_section2 {}
}


/*ーーーーーーーーーーーーーーーー
spの時のみ使用するCSS
ーーーーーーーーーーーーーーーー*/
@media screen and (max-width: 768px) {
#section1{ padding:5vw 0;width:100%; margin:auto;}
#section1 .box1{ width:calc(90vw - 10vw); margin:auto; padding:5vw;}
#section1 .box1 h2{ text-align:center; color:#f00; padding-bottom:5vw; font-size:5vw;}
#section1 .box1 p{ font-size:4vw; padding-bottom:5vw; text-align:center; color:#f00; letter-spacing:-0.05em;}
#section1 .box1 p .s1{ text-align:center; width:100%; display:block;}
#form_section2 .box1 {background-image:
url(../images/contact/contact_back.png);font-family: 'Noto Sans Japanese','Yu Gothic','メイリオ', Meiryo,sans-serif;padding:5vw 0;width:100%;}
#form_section2 .box1 h2{  text-align:center; padding:5vw 0; color:#393a3a; font-size: 20px;}
#form_section2 .box1 .txtbox{  display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start; width:calc(95% - 4vw); margin:auto; padding:2vw;}
#form_section2 .box1 p{padding:2vw 0;}
#form_section2 .box1 .txt1 { 
    width:calc(100% - 10vw); 
    display:block; 
    font-size:4vw; 
    padding:1vw 5vw;
    text-align: left;
}
#form_section2 .box1 .txt2 { 
    width:calc(100% - 10vw); 
    min-height:9vw; 
    display:flex;
    align-items: center; 
    padding:0 5vw; 
    font-size:4vw;
    background:#fff; 
    border:solid 0.5vw #3d3d3d; 
    margin: 0 auto;
    text-align: left;
}
#form_section2 .box1 .form_box2 { width:90%; margin:auto;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center; padding:10vw 0;}
#form_section2 .box1 .form_box2 .input1{ width:40vw; height:15vw;display:flex;align-items: center;justify-content: center; background:#7e7b73; color:#fff; font-size:5vw;}
#form_section2 .box1 .form_box2 .input2{ width:40vw; height:15vw;display:flex;align-items: center;justify-content: center; background:#393a3a; color:#fff; font-size:5vw;}

}