@import url("https://fonts.googleapis.com/css?family=Lato");
@import url("https://fonts.googleapis.com/css2?family=Josefin+Sans&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;400;500;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
.inner { width: 100%; max-width: 960px; padding: 0 20px; margin: 0 auto; }
@media (max-width: 959px) { .inner { width: 85%; padding: 0; } }

.inner_ss { width: 100%; max-width: 800px; margin: 0 auto; padding: 0 20px; }
@media (max-width: 959px) { .inner_ss { max-width: 88%; padding: 0; } }

body { margin-top: 200px; }
@media (max-width: 959px) { body { padding: 0; margin-top: 26vw; } }

.CateList { top: 80px; }
@media (max-width: 959px) { .CateList { top: auto; } }

h1.Title { margin-bottom: 1.45em; color: #545454; font-size: 30px; font-weight: 500; line-height: 100%; letter-spacing: 10%; font-family: Poppins; }
@media (max-width: 959px) { h1.Title { margin-bottom: 1.9em; font-size: 7vw; } }
h1.Title i { display: block; margin-top: 0.45em; color: #545454; font-size: 16px; font-weight: 500; font-family: Noto Sans JP; line-height: 100%; letter-spacing: 0%; }
@media (max-width: 959px) { h1.Title i { margin-top: 0.7em; font-size: 3.5vw; } }

.Contact { width: 100%; max-width: 1000px; padding: 0 20px; margin: 0 auto 170px auto; }
@media (max-width: 959px) { .Contact { width: 85%; padding: 0; margin: 0 auto 30vw auto; } }
.Contact ul { display: -webkit-flex; display: flex; -webkit-box-align: start; align-items: flex-start; }
@media (max-width: 959px) { .Contact ul { -webkit-flex-direction: column; flex-direction: column; } }
.Contact ul li { width: 18%; }
@media (max-width: 959px) { .Contact ul li { width: 100%; } }
.Contact ul li + li { width: 82%; padding: 0 5% 0 5%; font-size: 16px; font-weight: 400; line-height: 2.05em; }
@media (max-width: 959px) { .Contact ul li + li { width: 100%; padding: 0; font-size: 3.4vw; line-height: 1.95em; } }
.Contact ul li + li img { width: auto; height: 1.3em; margin-right: 3px; vertical-align: middle; }
.Contact dl { overflow: hidden; width: 87%; margin-top: 128px; }
@media (max-width: 959px) { .Contact dl { width: 100%; margin-top: 5vw; } }
.Contact dl dt { clear: both; float: left; width: 31%; margin: 0; padding: 10px 0 0 0; font-size: 17px; font-weight: 500; }
@media (max-width: 959px) { .Contact dl dt { display: -webkit-flex; display: flex; -webkit-box-align: center; align-items: center; float: none; width: 100%; padding: 0; font-size: 3.4vw; margin-bottom: 2vw; } }
.Contact dl dd { float: right; width: 69%; margin: 0; padding: 0; }
@media (max-width: 959px) { .Contact dl dd { float: none; width: 100%; } }
.Contact .wpcf7 p { margin: 0 0 0.5em 0; font-size: 17.5px; font-weight: 500; line-height: 2.2em; }
@media (max-width: 959px) { .Contact .wpcf7 p { font-size: 3.3vw; margin: 0 0 0.2em 0; } }
.Contact .wpcf7 dd p { margin: 0; font-size: 16px; font-weight: 500; line-height: 30px; }
@media (max-width: 959px) { .Contact .wpcf7 dd p { font-size: 3.3vw; line-height: 1.8em; } }
.Contact .wpcf7 i { padding: 0 0.6em 2px 0.6em; margin-left: 1.5em; color: #fff; font-size: 15px; font-weight: 400; line-height: 100%; border-radius: 6px; background: #EB7347; }
@media (max-width: 959px) { .Contact .wpcf7 i { display: inline-block; padding: 0.2em 0.8em 0.4em 0.8em; margin-left: 0.8em; font-size: 3vw; border-radius: 1.5vw; } }

input[type="text"], input[type="email"], input[type="tel"], textarea, button, select { margin: 0; padding: 0; border: none; border-radius: 0; background: none; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; margin: 0 0 26px 0; padding: 0.7em 1em 0.74em 1.5em; font-size: 16px; font-family: Noto Sans CJK JP; font-weight: 400; line-height: 1.5em; background: #F6F6F6; border: 1px solid #909090; }
@media (max-width: 959px) { input[type="text"], input[type="email"], input[type="tel"], textarea, button, select { font-size: 3.3vw; margin-bottom: 1em; padding: 0.7em 1em 0.9em 1.2em; } }
input[type="text"]::placeholder, input[type="email"]::placeholder, input[type="tel"]::placeholder, textarea::placeholder, button::placeholder, select::placeholder { color: #939393; }

.codedropz-upload-inner h3, .codedropz-upload-inner span, .codedropz-upload-inner a { font-weight: 400; font-size: 16px !important; }
@media (max-width: 959px) { .codedropz-upload-inner h3, .codedropz-upload-inner span, .codedropz-upload-inner a { font-size: 3.4vw !important; } }

textarea { height: auto; vertical-align: bottom; }
@media (max-width: 959px) { textarea { height: 55vw; margin: 0 0 1em 0; } }

@media (max-width: 959px) { br + .wpcf7-form-control-wrap textarea { height: 25vw; } }

input::-ms-clear, input::-ms-reveal { visibility: hidden; }

select { color: #939393; background: #F6F6F6 url(../img/contact/select.png) no-repeat right 1.5em center/1em auto; }
@media (max-width: 959px) { select { width: 100%; background: #F6F6F6 url(../img/contact/select.png) no-repeat right 1.5em center/1em auto; } }

select.is-empty { color: #939393; }

.wpcf7 p.policy { padding-top: 2.5em; font-size: 15px important; font-weight: 400; text-align: center; }
@media (max-width: 959px) { .wpcf7 p.policy { padding-top: 1.5em; font-size: 3.3vw; font-weight: 500; } }
.wpcf7 p.policy span.wpcf7-list-item { line-height: 100% !important; }
.wpcf7 p.policy span.wpcf7-list-item-label { line-height: 100% !important; }
.wpcf7 p.policy label { line-height: 100% !important; }
.wpcf7 p.policy a:link, .wpcf7 p.policy a:visited { text-decoration: underline; text-underline-offset: 8px; }
.wpcf7 p.policy a:hover { opacity: 0.7; }

input[type="submit"] { display: block; cursor: pointer; width: 272px; padding: 0.9em 0; margin: 3.5em 0 1em 0; color: #fff; font-size: 16px; font-weight: 500; line-height: 100%; text-align: center; border-radius: 9999px; background: #606060; border: 1px solid #606060; -webkit-transition: all .3s; transition: all .3s; }
@media (max-width: 959px) { input[type="submit"] { width: 70%; margin: 3em auto 0 auto; padding: 1.2em 0; font-size: 3.3vw; } }
input[type="submit"]:hover { color: #606060; background: #fff; }

#result { margin-top: 1em; font-size: 15px; }
@media (max-width: 959px) { #result { font-size: 3.5vw; } }

.wpcf7-not-valid-tip, .err-msg { width: 100%; margin: 0 0 0.8em 0; color: red; }

.Contact2 { width: 100%; max-width: 830px; padding: 80px 20px 0 20px; margin: 0 auto 250px auto; }
@media (max-width: 959px) { .Contact2 { width: 85%; padding: 0 0 0 0; margin: 0 auto 15vw auto; } }
.Contact2 h1 { font-size: 22px; font-weight: 600; }
@media (max-width: 959px) { .Contact2 h1 { font-size: 4.3vw; } }
.Contact2 dl { width: 100%; margin: 70px 0 0 10px; border-bottom: 1px solid #B0B0B0; }
@media (max-width: 959px) { .Contact2 dl { margin: 11.5vw 0 0 0; } }
.Contact2 dl + dl { margin: 20px 0 0 10px; }
@media (max-width: 959px) { .Contact2 dl + dl { margin: 5vw 0 0 0; } }
.Contact2 dl dt { clear: both; float: left; width: 28%; margin: 0; padding: 0 0 22px 0; font-size: 18px; font-weight: 500; line-height: 1.5em; }
@media (max-width: 959px) { .Contact2 dl dt { float: none; width: 100%; padding: 0 0 2vw 0; font-size: 3.4vw; } }
.Contact2 dl dd { float: right; width: 72%; margin: 0; padding: 0 0 22px 0; font-size: 18px; font-weight: 500; line-height: 1.5em; }
@media (max-width: 959px) { .Contact2 dl dd { float: none; width: 100%; padding: 0 0 2.6vw 0; font-size: 3.4vw; } }
.Contact2 dl dd p { margin: 0; font-size: 16px; }
@media (max-width: 959px) { .Contact2 dl dd p { font-size: 3.4vw; } }
.Contact2 .btnbox { margin: 50px 0 0 25px; text-align: center; }
@media (max-width: 959px) { .Contact2 .btnbox { width: 100%; margin: 12vw 0 0 0; } }
.Contact2 .btnbox span.wpcf7-checkbox { margin-left: -6em; }
@media (max-width: 959px) { .Contact2 .btnbox span.wpcf7-checkbox { display: -webkit-flex; display: flex; -webkit-box-align: center; align-items: center; padding-left: 12.5vw; margin-left: 0; } }
.Contact2 .btnbox span.wpcf7-list-item-label { font-size: 16px; font-weight: 600; line-height: 100% !important; vertical-align: middle; }
@media (max-width: 959px) { .Contact2 .btnbox span.wpcf7-list-item-label { display: inline-block; font-size: 3.4vw; text-align: left; line-height: 1.3em !important; } }
.Contact2 .btnbox input[type="submit"] { margin: 6.5em auto 3em auto; }
@media (max-width: 959px) { .Contact2 .btnbox input[type="submit"] { margin: 0 auto 2.5em auto; } }
.Contact2 .btnbox input[type="checkbox"] { width: 24px; height: 24px; margin: 0 1em 0 0; vertical-align: middle; }
@media (max-width: 959px) { .Contact2 .btnbox input[type="checkbox"] { width: 6vw; height: 6vw; margin: 0 1em 0 -4em; } }
@media (max-width: 959px) { .Contact2 .btnbox .wpcf7-list-item-label { width: 90%; } }
.Contact2 .btnbox .Privacy { overflow-y: scroll; width: 580px; height: 350px; padding: 30px 20px; margin: 30px auto 0 auto; font-size: 16px; font-weight: 500; text-align: left; line-height: 30px; border: 1px solid #909090; }
@media (max-width: 959px) { .Contact2 .btnbox .Privacy { width: 100%; height: 55vw; padding: 5vw 4vw; margin: 8vw auto 0 auto; font-size: 3.2vw; } }

.Contact3 { width: 100%; max-width: 1000px; padding: 80px 20px 0 20px; margin: 0 auto 200px auto; }
@media (max-width: 959px) { .Contact3 { width: 85%; padding: 0; margin: 0 auto 24vw auto; } }
.Contact3 h1 { margin-bottom: 1.5em; font-size: 24px; font-weight: 600; }
@media (max-width: 959px) { .Contact3 h1 { margin-bottom: 1.4em; font-size: 4.5vw; } }
.Contact3 p { font-size: 16px; font-weight: 400; line-height: 36px; }
@media (max-width: 959px) { .Contact3 p { font-size: 3.5vw; line-height: 1.8em; } }
.Contact3 h2 { font-size: 18px; font-weight: 700; }
@media (max-width: 959px) { .Contact3 h2 { font-size: 4.5vw; } }
.Contact3 p + h2 { margin: 5em 0 1em 0; }
@media (max-width: 959px) { .Contact3 p + h2 { margin: 2.5em 0 1em 0; } }
.Contact3 a + h2 { margin: 4.2em 0 1em 0; }
.Contact3 .Tel { display: -webkit-flex; display: flex; -webkit-box-align: center; align-items: center; -webkit-justify-content: center; justify-content: center; width: 535px; height: 86px; border-radius: 9999px; border: 1px solid #6D6D6D; }
.Contact3 .Tel:hover { opacity: 0.7; }
.Contact3 .Tel strong { display: -webkit-flex; display: flex; -webkit-box-align: center; align-items: center; -webkit-justify-content: center; justify-content: center; font-size: 26px; font-weight: 700; font-family: Noto Sans JP; }
.Contact3 .Tel strong:before { content: ""; display: block; width: 18px; height: 13px; margin-right: 0.6em; background: url(../img/contact/tel.png) no-repeat center center/100% auto; }
.Contact3 .Tel i { margin-left: 1.5em; font-size: 16px; font-weight: 400; }
.Contact3 ul li { padding-left: 1em; text-indent: -1em; font-size: 16px; font-weight: 400; line-height: 36px; }
@media (max-width: 959px) { .Contact3 ul li { font-size: 3.5vw; line-height: 1.9em; } }
.Contact3 .Btn { display: -webkit-flex; display: flex; -webkit-box-align: center; align-items: center; -webkit-justify-content: center; justify-content: center; height: 46px; margin: 6.2em 0 0 0; color: #fff; font-size: 18px; }
@media (max-width: 959px) { .Contact3 .Btn { width: 75%; height: 11vw; margin: 3.1em auto 0 auto; font-size: 3.4vw; } }
.Contact3 .Btn:after { display: none; }
.Contact3 .Btn:hover { color: #909090; }