@charset "UTF-8";

@media screen and (max-width: 1023px) {
#breadCrumb h1:before {
background:url(../../img/contact/bread_icon_contact.png) no-repeat 0 0/52px auto
}

#cr05 {
display:none
}

.contact #content {
box-sizing:border-box;
padding:20px 10px
}

.contact .conteInr {
width:100%!important
}

.contact #catImg h2 {
margin:0 0 10px;
overflow:hidden;
width:100%
}

.contact #catImg h2 img {
height:43px;
width:auto
}

.contact #content .bg {
background:none;
margin-bottom:25px;
padding-bottom:0
}

.contact #content .caution {
margin:-0 0 15px;
width:100%
}

.contact #content .navi-set {
margin:20px 0
}

.contact #content .navi-set li {
background-color:#F3ECDC;
display:inline-block;
margin-right:18px;
padding:10px 0;
position:relative;
text-align:center;
width:calc((100% - 55px) / 3)
}

.contact #content .navi-set li::after {
background:url(../../img/sp/contact/arrow_flow.png);
content:'';
display:block;
height:22px;
position:absolute;
right:-18px;
top:10px;
width:18px
}

.contact #content .navi-set li:last-child {
margin-right:0
}

.contact #content .navi-set li:last-child::after {
content:none
}

.contact #content .navi-set li.act {
background-color:#705851;
color:#fff
}
table.formchk {
width:100%;
}
table.form {
border-bottom:#B3B1B0 1px solid;
border-top:#B3B1B0 1px solid;
box-sizing:border-box;
font-size:100%;
margin:0 auto;
width:100%
}

table.form th {
background:#F0ECE9 url(../../img/contact/border.png) no-repeat 0 bottom;
box-sizing:border-box;
display:block;
font-weight:700;
padding:15px 15px 15px 25px;
width:100%
}

table.form td {
background:none;
box-sizing:border-box;
display:block;
padding:15px 0 15px 25px;
width:100%
}

table.form td span {
display:block
}

table.form td span.wrap {
display:block;
padding-bottom:10px
}

table.form td strong {
font-weight:700
}

input[type="text"],textarea {
background:#F0ECE9;
border:none;
padding:5px 8px
}

input[type="checkbox"] {
margin-right:4px;
position:relative;
top:2px
}

.chkBox tr td {
padding:3px 0!important
}

.chkBox tr td label {
letter-spacing:-.05em
}

input:focus,textarea:focus {
background:#F1E2DE
}

input[type="text"] {
min-height:20px
}

textarea {
box-sizing:border-box;
height:200px;
width:93%
}

table.form tr td table tr th {
width:65px
}

table.form tr td table tr th,table.form tr td table tr td {
background:none!important;
border:none;
padding:5px 0 0
}

table.form tr:nth-of-type(1) th,table.form tr:nth-of-type(3) th,table.form tr:nth-of-type(8) th {
background:#F0ECE9 url(../../img/contact/border.png) no-repeat 0 bottom
}

table.form tr:nth-of-type(1) th,table.form tr:nth-of-type(1) td,table.form tr:nth-of-type(3) th,table.form tr:nth-of-type(3) td {
padding-bottom:15px
}

table.form tr:nth-of-type(2) th,table.form tr:nth-of-type(2) td,table.form tr:nth-of-type(4) th,table.form tr:nth-of-type(4) td {
padding-top:15px
}

table.form .mb0-sp {
padding-bottom:0!important
}

table.form .mb15-sp {
padding-bottom:15px!important
}

table.form .mt5-sp {
padding-top:5px!important
}

.w40 {
display:inline-block;
width:40px
}

.submit {
margin:0 auto;
width:auto
}

.submit ul {
margin:45px auto 0;
width:275px
}

.submit ul li,.btnSend ul li {
float:left;
width:120px
}

.submit ul li:last-child,.btnSend ul li:last-child {
margin-left:25px
}

button,button img {
border:none;
cursor:pointer
}

.submit p {
margin:30px 0 0;
text-align:center
}

.btnBack {
margin:0 auto;
width:140px
}

.submit .red {
color:#F00000
}

.form .ERR.red {
color:#F00000;
display:inline
}

.conf table.form tr:nth-of-type(1) th,.conf table.form tr:nth-of-type(7) th {
background:#F0ECE9
}

.conf table.form tr:nth-of-type(3) th {
background:#F0ECE9 url(../../img/contact/border.png) no-repeat 0 bottom;
padding-bottom:15px
}

.conf table.form tr:nth-of-type(3) td {
background:none;
padding-bottom:15px
}

.compTxt {
padding:100px 0;
width:100%
}

.contact #content #section01 {
margin:40px 0 30px
}

.contact #content #section01 h3 {
margin-bottom:30px
}

.contact #content #section01 h4 {
font-size:131%;
margin:24px 0 8px
}

.contact #content #section02,.contact #content #section03 {
background:none;
box-sizing:border-box;
padding:0 10px;
width:100%
}

.contact #content #section04 {
background:none;
margin:0 auto 10px;
width:100%
}

.contact #content #section04 .left,.contact #content #section04 .right {
margin-bottom:0
}

.contact #content .section .left img {
max-width:317px;
width:100%
}

.contact #content #section02 h3,.contact #content #section03 h3 {
color:#683A20;
margin-top:15px
}

.contact #content .section .left p,.contact #content .section .right p {
margin-top:15px
}

table.form tr:nth-of-type(1) td,table.form tr:nth-of-type(3) td,table.form tr:nth-of-type(8) td,.conf table.form tr:nth-of-type(1) td,.conf table.form tr:nth-of-type(7) td {
background:none
}

table.form .chkBox .ml20,.w40.ml10 {
margin-left:0!important
}

.w100,.w180,.w390,.w400,.w410 {
width:auto
}

.contact #content .section .left,.contact #content .section .right {
background:url(../../img/sp/csr/top/line_dot.png) repeat-x center bottom;
float:none;
margin-bottom:25px;
padding-bottom:25px;
width:100%
}
}