header .inner {
display: block;
max-width: 1440px;
margin: 0 auto;
padding: 0 20px;
box-sizing:border-box; 
}

header {
height: 88px;
padding: 20px 0;
}

header .logo {
float: left;
width: 215px;
margin: 0;
padding: 5px 0;
}

header .logo a {
display: block;
}

header .logo svg {
fill: #fff;
}

#wrapper {
padding: 88px 0 0;
}


#step01, #step02, #step03, #step04, #step05 {
position: absolute;
top: 0;
left: 0;
opacity: 0;
z-index: -1;
transition: 0.3s opacity;
}

#step01.act, #step02.act, #step03.act, #step04.act, #step05.act {
position: static;
}

#step01.act.hide, #step02.act.hide, #step03.act.hide, #step04.act.hide, #step05.act.hide {
opacity: 1;
transition: 0.3s opacity;
}

.contact .main {
position: relative;
overflow: hidden;
}

.btnBox {
display: flex;
justify-content: center;
width: 100%;
}

.next a {
display: block;
width: 200px;
margin: 0 10px;
padding: 13px 0;
background-color: #FFCF28;
border-radius: 3px;
font-size: 1.6rem;
font-weight: 500;
letter-spacing: .05em;
text-align: center;
}

.prev a {
display: block;
width: 200px;
margin: 0 10px;
padding: 13px 0;
color: #fff;
font-size: 1.6rem;
font-weight: 500;
letter-spacing: .05em;
text-align: center;
background: #ccc;
border-radius: 3px;
}

.checkbox {
max-width: 500px;
margin: 0 auto 10px;
font-size: 1.6rem;
text-align: left;
}

.confirm .checkbox {
max-width: 800px;
}

.checkbox + .err {
max-width: 500px;
margin: 0 auto 10px;
font-size: 1.4rem;
text-align: left;
}

.contact .main dl dd input[type="radio"] {
width: 16px;
height: 16px;
margin: 18px 10px 20px 0;
}

.contact .main dl dd label {
margin: 0 30px 0 0;
font-size: 1.6rem;
}

.checkbox label {
font-size: 1.6rem;
}

.checkbox label a {
text-decoration: underline;
}

.contact .main .typeselect dt,
.contact .main .typeselect dd{
display: block;
width: auto;
margin-left: 200px;
margin-right: 193px;
}
.contact .main .typeselect dt{
margin-top: 30px;
}
.contact .main .typeselect dd{
margin-top: 8px;
}
.contact .main .typeselect label {
display: inline-block;
margin: 5px 20px 5px 0;
}
.contact .main .typeselect dd input[type="radio"],
.contact .main .typeselect label input {
width: 16px;
height: 16px;
margin: 0 5px 2px 0;
}

.lead02 {
font-size: 1.6rem;
}

.lead02 + .lead02 {
margin: 10px 0 40px;
}

.lead02 a {
text-decoration: underline;
}

.main p.ttl{
margin: 0 0 30px 200px;
font-size: 18px;
font-weight: bold;
line-height: 1.1;
text-align: left;
}
.contact .main dl dt{
width:220px;
margin: 17px 0 0 200px;
}
.confirm .main dl dt{
margin: 0 0 30px 200px;
}
.confirm .main .typeselect dt{
margin-bottom: 10px;
}

.contact .main .select-group {
width: 261px;
margin: 0 0 11px;
}

.contact .main .select-group + .select-group {
margin: 0 0 11px 34px;
}

.contact .main input[type="text"].short {
width: 47%;
}

.contact .main input[type="text"].short + input[type="text"].short {
margin: 0 0 0 6%;
}

.js-err ,
.message-error {
display: block;
margin: 11px 0 0;
color: orangered;
font-size: 1.4rem;
letter-spacing: 0;
}

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

.main p.ttl{
max-width: 710px;
margin: 0 auto 30px;
}

.contact .main .note{
max-width: 710px;
margin-left: auto;
margin-right: auto;
}

.contact .main dl dt {
margin: 17px 0 0;
}

.contact .main dl dd {
width: calc(100% - 220px);
}

.contact .main .typeselect dt,
.contact .main .typeselect dd{
margin-left: 0;
margin-right: 0;
}

.contact .main .select-group {
width: 230px;
}

.contact .main .select-group + .select-group {
margin: 0 0 11px 30px;
}

.confirm .checkbox {
max-width: 710px;
}

}

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

.contact .main .select-group {
width: 220px;
}

.contact .main .select-group + .select-group {
margin: 0 0 11px 26px;
}

}


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

#wrapper {
padding: 68px 0 0;
}

header .inner {
width: 100%;
padding: 0 12px;
}

header {
height: 68px;
padding: 10px 0;
}

header .logo {
float: left;
width: 41.06%;
margin: 10px 0 0 10px;
}

.main p.ttl{
margin: 0 auto 20px;
font-size: 16px;
}
.contact .main dl dt {
width: auto;
}
.contact .main input[type="text"].short + input[type="text"].short {
margin: 0 0 2% 6%;
}
.contact .main .select-group {
width: 47% !important;
margin: 0 0 2%;
}

.contact .main .select-group + .select-group {
margin: 0 0 2% 6%;
}

.contact .main select {
padding: 9.57%
}

.contact .main input[type="submit"] {
width: 44vw;
}
.contact .main input[type="button"] {
width: 44vw;
margin: 0 1vw;
padding: 9px 0;
color: #fff;
font-size: 120%;
font-weight: bold;
text-align: center;
background: #000;
background-size: 5px auto;
}
.contact .main dl dd label {
font-size: 1.4rem;
}
.next a {
display: block;
width: 44vw;
margin: 0 1vw;
padding: 9px 0;
background-color: #FFCF28;
font-size: 120%;
font-weight: 500;
letter-spacing: .05em;
text-align: center;
}

.prev a {
display: block;
width: 44vw;
margin: 0 1vw;
padding: 9px 0;
color: #fff;
font-size: 120%;
font-weight: 500;
letter-spacing: .05em;
text-align: center;
background: #ccc;
}

.checkbox ,
.checkbox label {
font-size: 1.4rem;
}

.confirm .main dl dd {
font-size: 1.4rem;
}

}