@charset "utf-8";

.content main h1{margin-bottom:56px; background-color:#f4b416;}
section h2{margin-bottom:30px; padding-left:30px; font-weight:bold; font-size:30px;}
section .form-wrapper{padding:50px 50px 58px; background:#f6f6f6;}
section .form-inner{margin-bottom:50px; padding:30px 80px 20px; background:#fff;}
section table{width:100%;}
section th,section td{padding-bottom:30px; font-size:16px; line-height:28px;}
section tr:nth-of-type(6) th {padding-top: 0px;}
section tr:last-of-type th,section tr:last-of-type td{padding-bottom:0!important;}
section th{width:160px; padding-top:17px; font-weight:bold; vertical-align:top;}
section p.note { margin-bottom: 40px}
section p.note i{ color:#e60203;}
section th i{margin-left:10px; color:#e60203;}
section input,section select{width:calc(100% - 128px); height:66px; padding:15px 17px; border:#e8e8e8 1px solid;}
.ie section input,section select{padding:15px 17px 20px;}
section label{position:relative; display:block; width:calc(100% - 128px);}
section label:before{content:'▲'; position:absolute; top:13px; right:20px; font-size:12px;}
section label:after{content:'▼'; position:absolute; right:20px; bottom:13px; font-size:12px;}
section textarea{height:230px; border:#e8e8e8 1px solid;}
section select,section input#email,section textarea{width:100%;}
section button{position:relative; display:block; width:460px; margin:0 auto; line-height:80px; font-weight:bold; font-size:20px; color:#000; letter-spacing:0.05em; background:#f2b330; border:0; transition:opacity 0.3s;}
section button[type="submit"]{color:#000; background:#f2b330;padding-right: 35px}
section button[type="submit"][readonly]{color:#fff; background:#d1d1d1;}
section button[type="submit"]:after{content:'→'; position:absolute; top:0; right:175px; font-weight:normal; transition:right 0.3s;}
section button[type="submit"]:hover{opacity:0.7;}
section button[type="submit"]:hover:after{right:170px;}
section button[type="submit"][readonly]:hover{opacity:1;}
section button[type="submit"][readonly]:hover:after{right:170px;}
.error_message{margin-bottom:20px;}
.error_message p + p{margin-top:10px;}

/*確認*/
.confirm section .form-wrapper{padding:44px 50px 80px;}
.confirm section .form-inner{margin-bottom:43px; padding:0; background:none;}
.confirm section th, .confirm section td{padding-bottom:47px;}
.confirm section th{padding-top:0;}
.confirm section td{padding-top:2px}
.confirm section button.back{color:#fff; background:#d1d1d1;margin-top: 30px;padding-left: 30px}
.confirm section button.back:hover{opacity:0.7;}
.contact section button.back:after {content: '←';position: absolute;top: 0;left: 191px;font-weight: normal;transition: left 0.3s;}
.contact section button.back:hover:after{left:186px;}

/*完了*/
.complete section .form-wrapper{padding:44px 50px 70px;}
.complete section .form-inner{margin-bottom:95px; padding:0; line-height:28px; font-size:16px; background:none;}
.complete section .form-wrapper a{position:relative; display:block; width:300px; margin:0 auto; padding-left:35px; line-height:58px; font-weight:bold; font-size:18px; letter-spacing:0.05em; color:#000; border:1px solid #000; transition:opacity 0.3s;}
.complete section .form-wrapper a:after{content:'→'; position:absolute; top:0; right:35px; transition:right 0.3s;}
.complete section .form-wrapper a:hover{opacity:0.7; text-decoration:none;}
.complete section .form-wrapper a:hover:after{right:30px;}





/* 
	SP

*****************************************************/

@media screen and (max-width:750px){

section h2{margin-bottom:4vw; padding:0 5.333333vw; font-size:5.333333vw;}
section .form-wrapper{padding:5.333333vw 5.333333vw 9.333vw!important;}
section .form-inner{margin-bottom:6.667vw!important; padding:4vw 4vw 6.667vw;}
section th,section td{display:block; padding-bottom:5.333333vw!important; font-size:4vw; line-height:7.467vw;}
section th{width:100%; padding:0!important;}
section th i{margin-left:1.333vw;}
section input,section select{width:100%; height:10.667vw; padding:2vw;}
section label{width:100%;}
section label:before{top:0; right:2vw; font-size:2vw;}
section label:after{right:2vw; bottom:0; font-size:2vw;}
section textarea{height:33.333vw;}
section button[type="submit"]{width:80vw; font-size:3.733vw; line-height:10.667vw;}
section button[type="submit"]:after{right:29.333vw!important;}
section button[type="submit"]:hover{opacity:1!important;}
.error_message{margin-bottom:4vw;}
.error_message p + p{margin-top:2vw;}
.contact section button.back{width:80vw; font-size:3.733vw; line-height:10.667vw;padding-left: 17.5vw}
.contact section button[type="submit"]:after{right:29.333vw!important;}
.contact section button.back:after{left:33.6vw!important;}
.contact section button[type="submit"]:hover,.contact section button.back:hover{opacity:1!important;}
section p.note { margin-bottom: 5.33333vw}
/*完了*/
.complete section .form-inner{font-size:4vw; line-height:7.467vw;}
.complete section .form-wrapper a{width:80vw; padding-left:0; text-align:center; font-size:3.733vw; line-height:10.667vw;}
.complete section .form-wrapper a:after{right:10.333vw;}
.complete section .form-wrapper a:hover{opacity:1;}
.complete section .form-wrapper a:hover:after{right:10.333vw;}
.complete section .form-inner a{width: auto;padding: 0;font-size: 4vw;line-height: 7.467vw;border: none;font-weight: normal;text-decoration: underline;display: inline;text-align: left}
.complete section .form-inner a:after{content:none;}
}

.note:before {
    content: "必須";
    background: #e53935;
    color: #ffffff;
    padding: 0.33rem 0.4rem;
    border-radius: 0.4rem;
    font-size: 0.65rem;
    margin-right: 0.5rem;
    vertical-align: text-bottom;
    white-space: nowrap;
	font-weight: bold;
	vertical-align: middle;
    text-shadow: 0 0 0.8px #ffffff;
}