@charset "UTF-8";
@media screen and (min-width: 768px),print {
main{ width: 100%; }

#con01{width: 100%;max-width: 1920px;margin: 0 auto 60px;background: url(../images/request/con01-bg01.jpg) no-repeat center top 60px;}
#con01 .inner-Box{width: 1280px;margin: 0 auto;padding-top: 190px;position: relative;}
#con01 .ttl{position: absolute;top: -2px;left: 47px;}
#con01 .txt{width: 700px;margin-left: 40px;font-size: 28px;font-weight: 550;letter-spacing: 2.66px;line-height: 52px;padding-bottom: 128px;}
#con01 .pic{position: absolute;top: -109px;right: 142px;}
#con01 .box1{width: 1200px;margin: 0 auto;background-color: #fff;padding: 80px 50px 60px;box-shadow: 0 10px 15px 0 rgb(0 0 0 / 5%);}
#con01 .box1 .list{ width: 1100px; margin: 0 auto; display: flex; justify-content: space-between; }
#con01 .box1 li{width: 340px;height: 300px;padding-top: 45px;border: 1px solid #D1BC77;position: relative;}
#con01 .box1 li:nth-child(1)::before{content: url(../images/request/arrow.svg);position: absolute;top: 131px;left: 349px;transform: scale(1);}
#con01 .box1 li:nth-child(2)::before{content: url(../images/request/arrow.svg);position: absolute;top: 131px;left: 349px;transform: scale(1);}
#con01 .box1 li .num{ position: absolute; top: -20px; left: 50%; transform: translateX(-50%); -ms-transform: translateX(-50%); }
#con01 .box1 li:nth-child(1) .txt1{ text-align: center; font-size: 20px; font-weight: bold; line-height: 32px; letter-spacing: 2px; }
#con01 .box1 li:nth-child(2) .txt1{text-align: center;font-size: 20px;padding: 0 28px;font-weight: bold;line-height: 32px;letter-spacing: 2px;}
#con01 .box1 li:nth-child(3) .txt1{text-align: center;font-size: 20px;padding: 0 0px 0 16px;font-weight: bold;line-height: 32px;letter-spacing: 2px;}
#con01 .box1 li:nth-child(1) .icon{position: absolute;bottom: 48px;left: 102px;}
#con01 .box1 li:nth-child(2) .icon{position: absolute;bottom: 46px;left: 92px;}
#con01 .box1 li:nth-child(3) .icon{position: absolute;bottom: 48px;left: 109px;}

.form-Box{ width: 1100px; margin: 0 auto; position: relative; }
.sub-title::before{content: url(../images/request/mail-icon.svg);position: absolute;top: 10px;left: 49%;transform: translateX(-50%);-ms-transform: translateX(-50%);transform: scale(1);}
h2.sub-title{padding: 27px 20px 14px;margin-bottom: 21px;font-size: 24px;font-weight: bold;letter-spacing: 0.8px;text-align: center;border-bottom: solid 0px #000;}
.seo_bread_list{max-width: 1100px;width: 100%;padding: 20px 0;margin: 58px auto 30px;font-size: 14px;letter-spacing: 1px;line-height: 1.4;}
.form-Box .form-list li {padding-left: 1em;text-indent: -1em;margin-bottom: -2px;letter-spacing: 0.7px;}
.form-Box th {border: 1px solid #dcdddd;text-align: left;width: 26%;background-color: #F2EFE4;padding: 18px 29px;vertical-align: top;}
.form-Box td {border: 1px solid #dcdddd;background-color: #F7F8F8;text-align: left;width: 74%;padding: 12px 43px;vertical-align: top;}

main .borderwrap{ width: 1200px; margin: 0 auto 40px;}


}



@media screen and (max-width: 767px) {
h1.main-title{ width: 22vw; margin: -18vw auto 3vw; text-align: center; }

#con01{width: 100%;margin: 0 auto 6vw;background: url(../images/request/sp-con01-bg01.jpg) no-repeat center top 6vw; background-size: 100% auto;}
#con01 .inner-Box{padding: 19vw 5vw 0;position: relative;}
#con01 .ttl{position: absolute;top: -4vw;left: 4vw;width: 40%;}
#con01 .txt{width: 56vw;font-size: 3.8vw;font-weight: 550;letter-spacing: 0.242vw;line-height: 1.8;padding-bottom: 20vw;}
#con01 .pic{width: 36%;position: absolute;top: -2vw;right: 5vw;}
#con01 .box1{ margin: 0 auto; background-color: #fff; padding: 8vw 5vw 6vw; box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.155); }
#con01 .box1 .list{ margin: 0 auto; }
#con01 .box1 li{width: 100%;height: 64vw;padding-top: 14vw;margin-bottom: 22vw;border: 1px solid #D1BC77;position: relative;}
#con01 .box1 li:nth-child(1)::before{content: url(../images/request/sp-arrow.svg);position: absolute;bottom: -17vw;left: 28vw;transform: scale(0.6);}
#con01 .box1 li:nth-child(2)::before{content: url(../images/request/sp-arrow.svg);position: absolute;bottom: -17vw;left: 28vw;transform: scale(0.6);}
#con01 .box1 li .num{ position: absolute; top: -4vw; left: 50%; transform: translateX(-50%); -ms-transform: translateX(-50%); }
#con01 .box1 li:nth-child(1) .txt1{text-align: center;font-size: 4vw;font-weight: bold;line-height: 1.8;letter-spacing: 0.242vw;}
#con01 .box1 li:nth-child(2) .txt1{text-align: center;font-size: 4vw;padding: 0 13vw;font-weight: bold;line-height: 1.8;letter-spacing: 0.242vw;}
#con01 .box1 li:nth-child(3) .txt1{text-align: center;font-size: 4vw;padding: 0 0px 0 3vw;font-weight: bold;line-height: 1.8;letter-spacing: 0.242vw;}
#con01 .box1 li:nth-child(1) .icon{position: absolute;bottom: 6vw;left: 30vw;width: 35%;}
#con01 .box1 li:nth-child(2) .icon{position: absolute;bottom: 6vw;left: 26vw;width: 39%;}
#con01 .box1 li:nth-child(3) .icon{position: absolute;bottom: 6vw;left: 28vw;width: 33%;}

.form-Box{ margin: 0 auto; position: relative; }
.sub-title::before{content: url(../images/request/mail-icon.svg);position: absolute;top: 4vw;left: 47%;transform: translateX(-50%);-ms-transform: translateX(-50%);transform: scale(1);}
h2.sub-title{padding: 3vw;margin-bottom: 3vw;font-size: 6.2vw;font-weight: bold;letter-spacing: 0.242vw;text-align: center;}
.form-Box .form-list li {padding-left: 1em;text-indent: -1em;margin-bottom: -1vw;letter-spacing: 0.242vw;}
.form-Box th {border: 1px solid #dcdddd;text-align: left;width: 26%;background-color: #F2EFE4;padding: 3vw;vertical-align: top;font-size: 3.6vw;}
.form-Box td {border: 1px solid #dcdddd;background-color: #F7F8F8;text-align: left;width: 74%;padding: 3vw;vertical-align: top;font-size: 3.6vw;}




}