@charset "utf-8";

/* style */
/* -------------------------------------------------------- */
.contact-sec .nav {margin:0 -12px; display:flex; flex-wrap:wrap;}
.contact-sec .nav > li {width:33.33%; padding:0 12px; box-sizing:border-box;}
.contact-sec .nav a {font-size:2.6rem; font-weight:700; line-height:1; text-align:center; text-decoration:none; color:#74a139; padding:18px 5px; background-color:#fff; border:solid 2px #74a139; border-radius:5px; box-sizing:border-box; display:block; transition:color 0.3s ease, background-color 0.3s ease;}
.contact-sec .nav a.on,
.contact-sec .nav a:hover {color:#fff; background-color:#74a139;}
.contact-sec .nav + .txt1 {margin-top:40px;}
.contact-sec .error {font-size:1.6rem; font-weight:500; color:#f00; margin:10px 0 0 0;}
.contact-sec .inputCheck {display:none;}
.contact-sec .clm1 {margin:55px 0 0 0; display:flex; justify-content:space-between;}
.contact-sec .clm1 .ctx {width:64%;}
.contact-sec .clm1 .img {width:31.6%;}
.contact-sec .ttl-03 + .txt1 {margin-top:15px;}
.contact-sec .txt1 {text-align:left;}
.contact-sec .txt2 dl {text-align:left; margin:30px 0 0 0;}
.contact-sec .txt2 dt {font-size:2.2rem; font-weight:700;}
.contact-sec .txt2 dd {margin:10px 0 0 0;}
.contact-sec .txt3 {margin:40px 0 0 0; padding:35px 0; background-color:#eee; display:flex; flex-wrap:wrap; justify-content:center;}
.contact-sec .txt3 > li {width:420px; padding:5px 10px; box-sizing:border-box;}
.contact-sec .txt3 button {max-width:400px; background-color:#74a139;}
.contact-sec .txt4 {margin:40px 0 0 0;}
.contact-sec .txt4 dl {text-align:left; margin:6px 0 0 0; display:flex;}
.contact-sec .txt4 dt {width:15em; font-weight:500; padding:1em; background-color:#f0f6e0; box-sizing:border-box; position:relative;}
.contact-sec .txt4 dt span {font-size:1.4rem; font-weight:400; line-height:1; color:#fff; padding:5px 10px; background-color:#74a139; border-radius:5px; box-sizing:border-box; position:absolute; top:1.0em; right:18px;}
.contact-sec .txt4 dd {font-weight:500; padding:0.5em 1em; flex:1; align-self:center;}
.contact-sec .txt4 ul {display:flex; flex-wrap:wrap;}
.contact-sec .txt4 ul > li {padding:3px 2em 3px 0;}
.contact-sec .txt4 label input {text-align:middle;}
.contact-sec .txt4 input[type="text"],
.contact-sec .txt4 input[type="email"],
.contact-sec .txt4 input[type="tel"],
.contact-sec .txt4 select,
.contact-sec .txt4 textarea {width:100%; font-size:1.6rem; line-height:1.4; margin:0; padding:0.5em 1em; background-color:#fff; border:solid 1px #999999; border-radius:5px; box-sizing:border-box; display:block;}
.contact-sec .txt4 :placeholder-shown {color:#999;}
.contact-sec .txt4 ::-webkit-input-placeholder {color:#999;}
.contact-sec .txt4 :-moz-placeholder {color:#999; opacity:1;}
.contact-sec .txt4 ::-moz-placeholder {color:#999; opacity:1;}
.contact-sec .txt4 :-ms-input-placeholder {color:#999;}
.contact-sec .txt4 + .ttl-03 {margin-top:45px;}
.contact-sec .txt5 {text-align:left;}
.contact-sec .txt5 dt {font-size:2.2rem; font-weight:500; line-height:1.8; color:#563b10;}
.contact-sec .txt5 dd {margin:25px 0 0 0;}
.contact-sec .txt6 {margin:30px 0 0 0;}
.contact-sec .txt6 dt {font-size:2.0rem; font-weight:500; line-height:1.2; text-align:center; color:#fff; padding:6px; background-color:#4b3512; border-radius:5px 5px 0 0;}
.contact-sec .txt6 dd {text-align:center; padding:25px 10px; background-color:#f0f6e0; display:flex; justify-content:center; align-items:center;}
.contact-sec .txt6 dd > div:nth-of-type(1) > div {font-size:1.3rem; font-weight:500; line-height:1; text-align:center; margin:4px 0 0 0; padding:4px 5px; background-color:#fff; border:solid 1px #000; border-radius:3px;}
.contact-sec .txt6 dd > div:nth-of-type(1) > div:first-of-type {margin-top:0;}
.contact-sec .txt6 dd > div:nth-of-type(2) {text-align:right; padding:0 0 0 12px;}
.contact-sec .txt6 dd > div:nth-of-type(2) > div:nth-of-type(1) {font-size:3.5rem; font-weight:500; line-height:1; color:#4b3512;}
.contact-sec .txt6 dd > div:nth-of-type(2) > div:nth-of-type(2) {font-size:1.5rem; font-weight:500; line-height:1; text-align:right; color:#4b3512; margin:3px 0 0 0;}
.contact-sec .txt6 dd > div:nth-of-type(2) > div:nth-of-type(2) span {font-size:126%; font-weight:700;}
.contact-sec .txt6 dd a {text-decoration:none; color:#4b3512;}
.contact-sec .txt6 dd a:hover {text-decoration:underline; color:#4b3512;}
.contact-sec .txt7 {margin:30px 0 0 0; padding:15px 20px; background-color:#ffe5e5; border-radius:5px; box-sizing:border-box; display:flex;}
.contact-sec .txt7 dt {width:165px; font-size:1.9rem; font-weight:700; line-height:1; text-align:center; color:#fff; background-color:#92734d; border-radius:5px; display:flex; justify-content:center; align-items:center;}
.contact-sec .txt7 dt span {padding:0 0 0 30px; display:inline-block; position:relative;}
.contact-sec .txt7 dt span svg {width:22px; height:22px; fill:#f5d920; margin:-11px 0 0 0; display:block; position:absolute; top:50%; left:0;}
.contact-sec .txt7 dd {text-align:left; padding:0 0 0 28px; display:flex; align-items:center; flex:1;}
.contact-sec .txt7 + .txt6 {margin-top:20px;}

@media screen and (max-width:767px){
	.contact-sec .nav {margin:0; display:block;}
	.contact-sec .nav > li {width:auto; padding:5px 0;}
	.contact-sec .nav a {font-size:2.0rem; padding:12px 5px;}
	.contact-sec .nav + .txt1 {margin-top:20px;}
	.contact-sec .error {margin:5px 0 0 0;}
	.contact-sec .clm1 {margin:30px 0 0 0; display:block;}
	.contact-sec .clm1 .ctx {width:auto;}
	.contact-sec .clm1 .img {width:auto; margin:20px 0 0 0;}
	.contact-sec .ttl-03 + .txt1 {margin-top:10px;}
	.contact-sec .txt2 dl {margin:20px 0 0 0;}
	.contact-sec .txt2 dt {font-size:1.8rem;}
	.contact-sec .txt2 dd {margin:5px 0 0 0;}
	.contact-sec .txt3 {margin:30px 0 0 0; padding:20px; display:block;}
	.contact-sec .txt3 > li {width:auto; padding:5px 0;}
	.contact-sec .txt3 button {max-width:100%;}
	.contact-sec .txt4 {margin:20px 0 0 0;}
	.contact-sec .txt4 dl {margin:15px 0 0 0; display:block;}
	.contact-sec .txt4 dt {width:auto; padding:5px 10px;}
	.contact-sec .txt4 dt span {font-size:1.4rem; padding:3px 10px; top:7px; right:10px;}
	.contact-sec .txt4 dd {padding:10px 10px 0 10px;}
	.contact-sec .txt4 input[type="text"],
	.contact-sec .txt4 input[type="email"],
	.contact-sec .txt4 input[type="tel"],
	.contact-sec .txt4 textarea {padding:5px 10px;}
	.contact-sec .txt4 + .ttl-03 {margin-top:30px;}
	.contact-sec .txt5 dt {font-size:1.8rem; line-height:1.6;}
	.contact-sec .txt5 dd {margin:15px 0 0 0;}
	.contact-sec .txt6 {margin:20px 0 0 0;}
	.contact-sec .txt6 dt {font-size:1.8rem; padding:5px;}
	.contact-sec .txt6 dd {padding:10px 10px; display:block;}
	.contact-sec .txt6 dd > div:nth-of-type(1) {padding:0 0 5px 0; display:flex; justify-content:center; align-items:center;}
	.contact-sec .txt6 dd > div:nth-of-type(1) > div {font-size:1.4rem; margin:0 0 0 5px; padding:4px 5px;}
	.contact-sec .txt6 dd > div:nth-of-type(1) > div:first-of-type {margin:0;}
	.contact-sec .txt6 dd > div:nth-of-type(2) {padding:0; display:inline-block;}
	.contact-sec .txt6 dd > div:nth-of-type(2) > div:nth-of-type(1) {font-size:3.5rem;}
	.contact-sec .txt6 dd > div:nth-of-type(2) > div:nth-of-type(2) {font-size:1.5rem;}
	.contact-sec .txt7 {margin:20px 0 0 0; padding:10px; display:block;}
	.contact-sec .txt7 dt {width:auto; font-size:1.8rem; padding:6px; display:block;}
	.contact-sec .txt7 dd {padding:10px 10px 0 10px; display:block;}
	.contact-sec .txt7 + .txt6 {margin-top:20px;}
}