@charset "utf-8";

main section.notes::after{content: ''; background: #0b7fc6; width: 300%; height: 100%; position: absolute; left: 0; top: 0; margin-left: -100%;}

@media screen and (min-width:641px){

h1 {background: url(../images/contact/h1.png) left top no-repeat; height: 81px;}

#contents main {padding-bottom: 150px;}

main section.notes {padding: 50px 0 47px;}

main section .wrap {padding: 0 10px;}
main section + section {padding-top: 80px;}

main section.comp section {padding: 0; margin-bottom: 40px;}
main section.comp section .wrap{padding: 20px 40px 25px;}

main h2 { padding: 24px 0 0 20px; font-size:22px; font-weight:bold; line-height:30px; letter-spacing:1px; color: #3e3e3e;}
main p { font-size: 18px; line-height: 31px; color: #3e3e3e; padding:30px 0 30px 20px; letter-spacing:1px;}
main p a{color:#0b7fc6;}

main p.hissu{padding: 0 20px 10px; font-size: 15px; font-weight: bold;}
main p.hissu em {color: #0b7fc6;}

main em {color: #0b7fc6; font-weight: bold; padding: 0 0.1em;}
main ul {background: #5d9ad2; font-size: 16px; line-height: 29px; margin: 20px 0 31px; padding: 20px 30px 25px;}
main ul li {padding: 4px 0 3px 1em; color: #fff; text-indent: -1em;}
main ul li b{display: block; font-weight: normal;}

main hr {border: none; height: 1px; background: #fff; margin: 20px 0 16px;}

main table{width: 100%; border-top: 1px solid #c8c8c8;}
main table tr {border-bottom: 1px solid #c8c8c8; font-size: 15px;}
main table tr th {width: 260px; font-weight: bold; padding: 26px 12px 0; vertical-align: top; line-height: 1; color: #3e3e3e;}
main table td {padding: 20px 20px 20px 0;}

main table.conf th{padding: 20px 12px;}
main table.conf td.address {line-height: 1.4;}

main table input[type='text'],
main table input[type='email']{border: 1px solid #efefef; background: #fff; width: 100%; padding:2px 10px;}
main table textarea {border: 1px solid #efefef; background: #fff; width: 100%; height: 238px; padding:2px 10px;}
main table input[size='20'] {width: 10em;}
main table input[size='30'] {width: 30em;}
main table input[size='60'] {width: 54em;}

main .submit {text-align: center; padding: 90px 0 0;}
main button {width: 375px; height: 79px; background: url(../images/btn-send.png) center center no-repeat; font-size: 0; margin: 0 auto; cursor: pointer; border: none; position: relative; overflow: hidden; transition:filter 0.3s;}
main a#mail_back{width: 375px; height: 79px; background: url(../images/btn-back.png) center center no-repeat; font-size: 0; margin: 0 auto; cursor: pointer; border: none; position: relative; overflow: hidden; transition:filter 0.3s; display: inline-block; margin-right: 20px; vertical-align: top;}
main a#mail_back + input{margin-left: 20px !important; vertical-align: top;}
main a#mail_back:hover,
main button:hover {filter: brightness(1.2);}

main input[type='submit']#mail_post {width: 375px; height: 79px; background: url(../images/btn-send.png) center center no-repeat; font-size: 0; margin: 0 auto; cursor: pointer; border: none; position: relative; overflow: hidden; transition:filter 0.3s;}
main input[type='submit']#mail_preview {width: 375px; height: 79px; background: url(../images/btn-conf.png) center center no-repeat; font-size: 0; margin: 0 auto; cursor: pointer; border: none; position: relative; overflow: hidden; transition:filter 0.3s;}
main input[type='submit']:hover {filter: brightness(1.2);}


input.error,
textarea.error {border: 1px solid red !important;}
.errors {width: 100%; margin: 0 auto 30px; color: red;}
.errors p {color: red;}

#inputforms {position: relative; top: -30px;}

main .select-box select {
    border-radius: none;
    line-height: 32px;
    height: 32px;
	padding: 0 10px 4px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border:none;
	background: #fff;
	background: url(../images/recruit/bg-select.png) right 7px top 3px no-repeat #fff;
	background-size: 38px, 100%;
}
select::-ms-expand {display: none;}
main .select-box.box01 {margin: 15px 0;}
main .select-box.box01,
main .select-box.box01 select{width: 11.5em;}
main .select-box.box01 select {padding: 2px 10px 2px;}


}
@media screen and (min-width:1921px){
}
@media screen and (max-width:640px){

main section.comp section {padding: 0 0 12vw;}
main section.comp section .wrap{padding:6vw}
main section + section {padding-top: 10vw;}

h1 {background: url(../images/contact/h1-sp.png) left top no-repeat; height: 17.65625vw; margin-bottom: 15vw; background-size: 100% auto;}

main section.notes {padding: 7.0vw 6.25vw; margin-bottom: 11.71875vw;}
main h2 { padding: 8vw 0 0; font-size:4vw; font-weight:bold; line-height:6vw; letter-spacing:0.3vw; color: #3e3e3e;}
main p { font-size: 4vw; line-height: 2; color: #3e3e3e; text-align: cebnter; letter-spacing: 0.03em; padding:3vw 0 6vw; letter-spacing:0.3vw;}
main p a{color:#0b7fc6;}

main p.hissu{padding: 0 6.05vw 1.5vw; font-size: 3.28125vw; text-align: left;}
main p.hissu em {color: #0b7fc6;}

main h2 + p.hissu {margin-top: 3.2vw;}

main em {color: #0b7fc6; font-weight: bold; padding: 0 0.1em;}
main ul {background: #5d9ad2; font-size: 3.28125vw; line-height: 6.25vw; margin: 4.1vw 0 4.6vw; padding:3.5vw 3.125vw 4.5vw; text-align: left;}
main ul li {padding:0 0 0 1em; color: #fff; text-indent: -1em; letter-spacing: 0.03em;}
main ul li b{display: block; font-weight: normal;}

main hr {border: none; height: 1px; background: #fff; margin: 3.25vw 0;}

main table{width: 90.625vw; font-size: 3.28125vw; line-height: 6.25vw; border-top: 1px solid #c8c8c8; margin: 0 auto ;}
main table tr {border-top: 1px solid #c8c8c8;}
main table tr th {font-weight: bold; display: block; padding: 2.525vw 0 0.5vw; font-size: 3.4375vw; color: #3e3e3e;}
main table td {display: block; padding: 0 0 4.525vw;}
main table input[type='text'],
main table input[type='email']{border: 1px solid #efefef; background: #fff; width: 100%; padding:1vw 1.5vw; height: 7.5vw;}
main table textarea {border: 1px solid #efefef; background: #fff; width: 100%; height: 35vw; padding:1vw 1.5vw;}
main table input[name='mail_author'] {width: 100%;}

main table.conf {border-bottom: 1px solid #c8c8c8;}
main table.conf {text-align: left;}
main table.conf td {padding-bottom: 2.525vw;}

main .submit {text-align: center; padding: 0 0 0; margin-top: 8.3125vw;}
main button {width: 58.59375vw; height: 12.34375vw; background: url(../images/btn-send.png) center center no-repeat; font-size: 0; margin: 0 auto; cursor: pointer; border: none; position: relative; overflow: hidden; background-size: cover;}

main input[type='submit']#mail_post {width: 58.59375vw; height: 12.34375vw; background: url(../images/btn-send.png) center center no-repeat; font-size: 0; margin: 0 auto; cursor: pointer; border: none; position: relative; overflow: hidden; background-size: cover;}

main input[type='submit']#mail_preview {width: 58.59375vw; height: 12.34375vw; background: url(../images/btn-conf.png) center center no-repeat; font-size: 0; margin: 0 auto; cursor: pointer; border: none; position: relative; overflow: hidden; background-size: cover;}
main input[type='submit']:hover {filter: brightness(1.2);}

main a#mail_back{width: 58.59375vw; height: 12.34375vw; background: url(../images/btn-back.png) center center no-repeat ; font-size: 0; margin: 0 auto 3.125vw; cursor: pointer; border: none; position: relative; overflow: hidden; background-size: cover; display: block;}


input.error,
textarea.error {border: 1px solid red !important;}
.errors {width: 100%; margin: 0 auto 3vw; color:red;}
.errors p {font-size: 3.75vw; color: red;}

main .select-box select {
	width: 100%;
	padding: 2px 2.34375vw;
    height: 7.03125vw;
    line-height: 7.03125vw;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
    border: none;
	background: url(../images/recruit/bg-select-sp.png) right 7px center no-repeat #fff;
	background-size: 7.34375vw, 100%;
}
main .select-box  {margin: 3.125vw 0;}

main td.address {text-align: left;}
main table input[name='mail_zip1'] {width: 4em; margin: 0 2vw;}
main table input[name='mail_zip2'] {width: 5em; margin: 0 2vw;}

}

:placeholder-shown {color: #dadada;}
::-webkit-input-placeholder {color: #c0c0c0;}
:-moz-placeholder {color: #c0c0c0; opacity: 1; }
::-moz-placeholder {color: #c0c0c0; opacity: 1; }
:-ms-input-placeholder {color: #c0c0c0;}