@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&family=Zen+Kaku+Gothic+New:wght@400;700&family=Zen+Old+Mincho:wght@400;700&display=swap');

::after, ::before{box-sizing:border-box;border-style:solid;border-width:0}html{line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{margin:0}main{display:block}address,blockquote,dl,figure,form,iframe,p,pre,table{margin:0}h1,h2,h3,h4,h5,h6{font-size:inherit;line-height:inherit;font-weight:inherit;margin:0}ol,ul{margin:0;padding:0;list-style:none}dt{font-weight:700}dd{margin-left:0}hr{box-sizing:content-box;height:0;overflow:visible;border-top-width:1px;margin:0;clear:both;color:inherit}pre{font-family:monospace,monospace;font-size:inherit}address{font-style:inherit}a{background-color:transparent;text-decoration:none;color:inherit}abbr[title]{text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:inherit}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}embed,iframe,img,object{vertical-align:bottom}select::-ms-expand{display:none}option{padding:0}fieldset{margin:0;padding:0;min-width:0}legend{color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}label[for]{cursor:pointer}details{display:block}summary{display:list-item}[contenteditable]{outline:0}table{border-collapse:collapse;border-spacing:0}caption{text-align:left}td,th{vertical-align:top;padding:0}th{text-align:left;font-weight:700}template{display:none}[hidden]{display:none}

/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
html {height: 100%;-webkit-text-size-adjust: 100%;-webkit-overflow-scrolling: touch;overflow-scrolling: touch;font-size: 16px;font-feature-settings: "palt";}
body {height: 100%;overflow-x: hidden;background: #fff;color: #101010;line-height: 1.75;font-family: "Zen Kaku Gothic New", sans-serif;  font-optical-sizing: auto;font-variation-settings:"wdth" 100; margin:0;padding:0;}

@media only screen and (max-width: 767px)  {body {font-size: 0.875rem;}}

a {text-decoration: none;color: #101010;}
a:hover, a img:hover, button:hover {opacity: 0.7;filter: alpha(opacity=70);-ms-filter: "alpha(opacity=70)";transition: all 0.3s ease;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;}
img, input[type="image"] {max-width: 100%;width:auto;height: auto;backface-visibility: hidden;-webkit-backface-visibility: hidden;object-fit: cover;}

.open {overflow: hidden;}
.pc {display: inherit;}
.sp {display: none;}
.inner {max-width: 1100px;margin: auto;}
.page-top-btn {position: fixed;bottom: 30px; right: 30px;  width: 46px; height: 46px;background-color: #000;border-radius: 50%; display: flex;justify-content: center;align-items: center;z-index: 100;text-decoration: none;opacity: 0;visibility: hidden;transition: all 0.3s ease;}
.page-top-btn.is-show {opacity: 1;visibility: visible;}
.page-top-btn:hover {background-color: #333;}
.page-top-btn::before {content: "";width: 14px;   height: 14px; border-top: 1px solid #fff;border-left: 1px solid #fff;transform: rotate(45deg);margin-top: 4px; }
@media only screen and (max-width: 767px) {
    .page-top-btn {width: 50px;height: 50px;bottom: 20px;right: 20px;}
}
@media only screen and (max-width: 1159px) {.inner {max-width: 95%;}}
@media only screen and (max-width: 767px) {
	.pc {display: none;}
	.sp {display: block;}
	.inner {max-width: 90%;}
}
.flex {display: flex;flex-wrap: wrap;}

#breadcrumb {width:100%;margin: 1.5em auto;}
#breadcrumb ul {font-size: 0.750rem;line-height: 1.5;}
#breadcrumb ul li {display: inline-block;}
#breadcrumb ul li::after {content: "";width: 6px;height: 6px;margin: 0 10px 1px;display: inline-block;border-bottom: #101010 1px solid;border-right: #101010 1px solid;transform:rotate(-45deg)translateY(0%);}
#breadcrumb ul li:last-child::after {display: none;}
#breadcrumb ul li a {border-bottom: 1px solid #323232;}

/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ヘッダー/フッター */
/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

header {width: 100%;position: relative;top: 0;z-index: 99;background: #fff;height:70px; padding:1rem 0;}
header ul#head {align-items: center;line-height: 0;}
header ul#head li {position: relative;}
header ul#head li a {padding: 0 30px;position: relative;display: block;color:#101010;font-size: 0.9333rem;font-weight: 700;letter-spacing: 0.1rem;}
header ul#head li:nth-child(1) {width: 180px;margin: 0 auto 0 15px;display:inline-block;}
header ul#head li:nth-child(1) img{width:180px;}
header ul#head li:nth-child(1) a {padding: 0;display: flex;align-items: center;gap: 8px;}
header ul#head li:not(:nth-child(1)) a {position:relative;color:#6fb92c; font-weight:700; }
header ul#head li:not(:nth-child(1)) a:hover {color:#008742;opacity:1; }
header ul#head li:not(:nth-child(1)) a::after{position:absolute;left:0;content:''; width:100%; height:3px; background:#008742;bottom:-34px; visibility:hidden; opacity:0; transform:scale(0, 1); transform-origin:left top; transition:transform 0.3s;}
header ul#head li:not(:nth-child(1)) a:hover::after {visibility:visible; opacity:1; transition:0.5s; transform:scale(1, 1);}
header #gNav {display:none;}

@media only screen and (max-width: 1280px)  {
header ul#head li a {padding: 15px;}
}
@media only screen and (max-width: 767px) {
header {height:60px;padding:0.5rem 0;}
header ul#head{width:100%;align-items: center;margin:0;padding:0;}
header ul#head li:nth-child(1) {width: calc(100% - 60px);margin: 0;padding:0 10px;display: block;}
/*header ul#head li:nth-child(1) a {display: flex;align-items: center;gap: 8px;padding: 0;}
header ul#head li:nth-child(1) img {width: 100%;max-width: 140px;height: auto;}
header ul#head li:nth-child(1) span {font-size: 0.85rem; white-space: nowrap;  }*/
header ul#head li:not(:nth-child(1)) {display: none;}
header #gNav { display: block !important;max-width: 100%;margin: 0; padding-top: 60px;  position: fixed;top: 0;left: -100%; right: 0;bottom: 0;z-index: 99; opacity: 0;background: #fff;transition: all 0.3s ease;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;}
header #gNav ul li {width: 100%;position: relative;border-bottom: 1px solid #ccc;padding:10px 0;}
header #gNav ul li::before {display: none;}
header #gNav ul li a {padding: 15px;text-align: left;}
header #gNav ul li a::after {bottom: 0;left: 0;}
header #gNav ul li p::after {display: none;}
header #nav-toggle {display: block !important;width: 60px;height: 60px;position: fixed;right: 0;top: 0;z-index: 98;cursor: pointer;}
header #nav-toggle span {width: 60%;height: 1px;position: absolute;left: 23%;display: block;background: #6fb92c;transition: transform .3s ease-in-out, top .5s ease;border-radius:5px;}
header #nav-toggle span:nth-child(1) {top:20px;}
header #nav-toggle span:nth-child(2) {top: 29px;}
header #nav-toggle span:nth-child(3) {bottom: 20px;}
.open #nav-toggle span:nth-child(1) {-webkit-transform: translateY(14px) rotate(-45deg);transform: translateY(14px) rotate(-45deg);}
.open #nav-toggle span:nth-child(2) {opacity: 0;}
.open #nav-toggle span:nth-child(3) {-webkit-transform: translateY(-6px) rotate(45deg);transform: translateY(-6px) rotate(45deg);}
.open #gNav {height: 100vh;visibility: visible;left: 0;z-index: 5;opacity: 1;}
.open #gNav ul {max-width: 100%;}
}

footer {width: 100%;padding: 3rem 0 1rem;background: #6fb92c;}
footer .inner {margin: 0 auto;}
footer .inner #flogo {margin: 0 auto 2rem; width:170px;}
footer .inner p{color:#FFF;}
footer .inner #copy {color:#fff;font-size:0.8125rem; text-align: center;}
footer .inner ul{justify-content:center; align-items: stretch; margin:3rem auto;gap:30px;}
footer .inner ul li {font-size:1rem;margin:0;}
footer .inner ul li a{color:#FFF; font-weight:700;}
@media only screen and (max-width: 767px) {
    footer {padding: 2rem 0;}
    footer .inner {max-width: 100%;margin: 0 auto 30px;}
    footer .address{width: 90%; margin: 1rem auto;}
    footer .inner #flogo {width:75%; margin:1rem auto;}
    footer .inner ul{flex-direction:column;gap:0;}
    footer .inner ul li {line-height:2;margin:0;padding:1rem;border-top:1px solid #fff;}
    footer .inner ul li:last-child{border-bottom:1px solid #fff;}
}


main {position:relative;width: 100%;overflow: hidden;margin: 0 auto;}

/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* MAIN VISUAL */
/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.mv-wrapper {width: 100%;background-color: #6fb92c;padding: 0 5%; box-sizing: border-box;}
.mv-inner {position: relative;width: 100%;aspect-ratio: 1366 / 768; margin: 0 auto;}
.mv-mask-container {-webkit-mask-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1366 768'%3E%3Cpath d='M1141.9,376c-14.3,94.6-95.9,167.2-194.5,167.2h-79.5c-1,0-2.1,0-3.1,0.1h-39.2c-122.1,0-226.8,74.1-271.7,179.7V346.4 c0-136.4,92.5-251.1,218.2-285c29.8-8.5,71.6-15.6,118.6-14.9c210.2,3.1,237.5,112.4,251.3,172.6c5.2,22.6,6.5,49.6,6.5,78.2 C1148.5,326.1,1146.1,353.1,1141.9,376z M220.8,549.7c7.1,47.3,48,83.6,97.3,83.6h39.8c0.5,0,1,0,1.6,0H379 c61,0,113.4,37,135.9,89.9V534.9c0-68.2-46.3-125.6-109.1-142.5c-14.9-4.2-35.8-7.8-59.3-7.5c-105.1,1.6-118.8,56.2-125.6,86.3 c-2.6,11.3-3.3,24.8-3.3,39.1C217.5,524.8,218.7,538.2,220.8,549.7z'/%3E%3C/svg%3E");-webkit-mask-size: contain;-webkit-mask-position: center;-webkit-mask-repeat: no-repeat;
  mask-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1366 768'%3E%3Cpath d='M1141.9,376c-14.3,94.6-95.9,167.2-194.5,167.2h-79.5c-1,0-2.1,0-3.1,0.1h-39.2c-122.1,0-226.8,74.1-271.7,179.7V346.4 c0-136.4,92.5-251.1,218.2-285c29.8-8.5,71.6-15.6,118.6-14.9c210.2,3.1,237.5,112.4,251.3,172.6c5.2,22.6,6.5,49.6,6.5,78.2 C1148.5,326.1,1146.1,353.1,1141.9,376z M220.8,549.7c7.1,47.3,48,83.6,97.3,83.6h39.8c0.5,0,1,0,1.6,0H379 c61,0,113.4,37,135.9,89.9V534.9c0-68.2-46.3-125.6-109.1-142.5c-14.9-4.2-35.8-7.8-59.3-7.5c-105.1,1.6-118.8,56.2-125.6,86.3 c-2.6,11.3-3.3,24.8-3.3,39.1C217.5,524.8,218.7,538.2,220.8,549.7z'/%3E%3C/svg%3E");mask-size: contain;mask-position: center;mask-repeat: no-repeat;position: absolute; top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;}
.mv-photo {position: absolute;top: 0;left: 0; width: 100%;height: 100%;background-size: cover;background-position: center;opacity: 0; animation: fadeAnim 10s infinite;}
.photo1 {background-image: url('../images/main-1.webp'); animation-delay: 0s;}
.photo2 {background-image: url('../images/main-2-3.webp'); animation-delay: 5s;}
@keyframes fadeAnim {
  0%   { opacity: 0; }
  15%  { opacity: 1; } 
  50%  { opacity: 1; } 
  65%  { opacity: 0; } 
  100% { opacity: 0; } 
}
.mv-inner h1 {position: absolute;z-index: 10;top: 10%;  left: 15%; width: 20%; height: auto;}
.mv-inner h1 img {width: 100%;height: auto;display: block;}
.visually-hidden {position: absolute !important;width: 1px !important;height: 1px !important;padding: 0 !important;margin: -1px !important;overflow: hidden !important;clip: rect(0, 0, 0, 0) !important;white-space: nowrap !important;border: 0 !important;}
@media screen and (max-width: 768px) {
  .mv-wrapper {margin:0 auto;padding: 0; overflow: hidden; }
  .mv-inner {width: 100%;transform: none; aspect-ratio: auto;  display: flex;flex-direction: column;align-items: center;padding: 3rem 0; }
  .mv-inner h1 {position: static; width: 85%; margin: 0 auto 1rem; }
  .mv-mask-container {position: relative; width: 140%; aspect-ratio: 1366 / 768; transform: translateX(0%);  }
}

/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* メッセージ */
/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#message{background:#6fb92c;}
#message .wrap{background:#008742; border-top-left-radius:80px;}
#message .inner{display:flex;flex-direction: column; justify-content:center;align-items:center;margin:0 auto;padding:5rem 0;}
#message .mark{margin:0 auto 1rem;}
#message .mark img{width:80px;}
#message .en{color:#fff; font-family: "Oswald", sans-serif; font-size:2.625rem; font-weight:700; letter-spacing:0.2rem;margin:0 auto;}
#message h2{color:#fff; font-size:1.25rem; font-weight:700;}
#message h3{color:#fff; font-family: "Zen Old Mincho", serif; font-size:1.75rem; font-weight:400; margin:2rem auto;}
#message .text{color:#fff; font-family: "Zen Old Mincho", serif; font-size:1.125rem; line-height:2;text-align:center; margin:0 auto 2rem;}
#message .president{text-align:center;}
#message .president p{color:#fff; font-size:0.8125rem; font-weight:700;}
#message .president img{width:170px; margin:1rem auto;}

@media screen and (max-width: 768px) {
    #message .text{text-align:left; margin:0 auto 2rem;}
}

/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* 事業内容 */
/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#business{background:#008742;}
#business .wrap{background:#f2f9ea; border-top-right-radius:80px;}
#business .inner{display:flex;flex-direction: column; justify-content:center;align-items:center;margin:0 auto;padding:5rem 0; width:100%; max-width:1980px;}
#business .mark{margin:0 auto 1rem;}
#business .mark img{width:80px;}
#business .en{color:#008742; font-family: "Oswald", sans-serif; font-size:2.625rem;  font-weight:700; letter-spacing:0.2rem;margin:0 auto;}
#business h2{color:#008742; font-size:1.25rem; font-weight:700;}
#business h3{color:#000; font-family: "Zen Old Mincho", serif; font-size:1.75rem; font-weight:400; margin:1rem auto;}
#business .icon{text-align:center; margin :0 auto 1rem;}
#business .icon img{width:120px;}
#business ul{justify-content:space-between; align-items:stretch; width:100%;margin:5rem auto 3rem;}
#business ul.reverse {flex-direction: row-reverse;}
#business .text-area {width: 50%;box-sizing: border-box;display: flex;flex-direction: column;justify-content: center;}
#business ul.flex:not(.reverse) .text-area {padding-left: 5%;padding-right: 40px; }
#business ul.reverse .text-area {padding-left: 40px;padding-right: 5%; }
#business .img-area {width: 50%;}
#business .detail-wrap{margin:3rem auto;}
#business .detail-wrap ul.detail{justify-content:space-between; align-items:flex-start; width:100%; margin:0 auto;}
#business .detail-wrap ul.detail > li{border:1px solid #c8c8c8; padding:2rem;}
#business .detail-wrap ul.detail > li:nth-child(1) {width: calc(45% - 40px); margin-left: 5%; margin-right: 40px;}
#business .detail-wrap ul.detail > li:nth-child(2) {width: 50%;margin-right: 0; }
#business .detail-wrap h4{color:#000; font-size:1rem; font-weight:700; margin:0 0 0.5rem;}
#business .detail-wrap .list{list-style-type: disc;  padding-left: 1.2rem;margin:0;}
#business .detail-wrap .list > li{font-size:1rem;border:none !important;padding:0 !important;}
#business .detail-wrap dl{justify-content:flex-start; align-items:center; margin:0 0 0.5rem;}
#business .detail-wrap dl dt{background:#6fb92c; color:#fff; font-size:1.125rem; font-weight:700; text-align:center; width:28px;line-height:28px; border-radius:50%; margin-right:0.5rem; padding:0;}
#business .detail-wrap dl dd{font-weight:700;}
#business .detail-wrap p{font-size:0.8125rem;}
#business .detail-wrap .arrow-wrap {display: flex;align-items: center; margin: 1rem auto;}
#business .detail-wrap .arrow-wrap::before,#business .detail-wrap .arrow-wrap::after {content: ""; height: 1px;flex-grow: 1;background-color: #000;}
#business .detail-wrap .arrow { width: 0;height: 0;border-style: solid;border-color: transparent;border-width: 0.8rem 0.6rem;border-top-color: #000;border-bottom: 0;margin: 0 1rem; }
@media screen and (max-width: 768px) {
  #business ul.flex,#business ul.reverse {flex-direction: column;margin: 2rem auto; }
  #business ul.flex:not(.reverse) .text-area,#business ul.reverse .text-area {width: 100%;padding: 0 5% 2rem;}
  #business .img-area {width: 100%;}
  #business .detail-wrap{margin:1rem auto;}
  #business .detail-wrap ul.detail {flex-direction: column; }
  #business .detail-wrap ul.detail li:first-child,#business .detail-wrap ul.detail li:last-child {width: 90%; margin: 0 auto 1.5rem; }
}

/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* 会社概要 */
/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#about{background:#f2f9ea;}
#about .wrap{background:#fff; border-top-left-radius:80px;}
#about .inner{display:flex;flex-direction: column; justify-content:center;align-items:center;margin:0 auto;padding:5rem 0; width:100%; max-width:1980px;}
#about .mark{margin:0 auto 1rem;}
#about .mark img{width:80px;}
#about .en{color:#008742; font-family: "Oswald", sans-serif; font-size:2.625rem;  font-weight:700; letter-spacing:0.2rem;margin:0 auto;}
#about h2{color:#008742; font-size:1.25rem; font-weight:700;}
.company-table {width: 100%;max-width: 960px; margin: 3rem auto;border-collapse: collapse;color: #000;}
.company-table th, .company-table td {padding: 30px 20px;  text-align: left;vertical-align: top; border-bottom: 1px solid #c8c8c8; }
.company-table th {width: 20%; font-weight: 700;}
.company-table td {width: 80%; }
@media screen and (max-width: 768px) {
  .company-table,.company-table tbody,.company-table tr,.company-table th,.company-table td {display: block;width: 100%;}
  .company-table tr {border-bottom: 1px solid #dcdcdc;}
  .company-table th,.company-table td {border-bottom: none; padding: 15px 20px; }
  .company-table th {padding-bottom: 5px;}
  .company-table td {padding-top: 0;}
}

/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* お問い合わせ */
/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#contact{background:#ffff;}
#contact .wrap{background:#f0f8f0; border-top-right-radius:80px;}
#contact .inner{display:flex;flex-direction: column; justify-content:center;align-items:center;margin:0 auto;padding:5rem 0; width:1100px; max-width:1980px;}
#contact .mark{margin:0 auto 1rem;}
#contact .mark img{width:80px;}
#contact .en{color:#008742; font-family: "Oswald", sans-serif; font-size:2.625rem;  font-weight:700; letter-spacing:0.2rem;margin:0 auto;}
#contact h2{color:#008742; font-size:1.25rem; font-weight:700;}
#contact .text{margin:3rem 0;}
#contact .text span{color:#dd1010;}
#contact .text a{text-decoration:underline;}

#formWrap {width:100%;margin:1.5rem auto;color:#000;}
#formWrap  p a{color:#6fb92c;text-decoration:underline;}
table.formTable{width:100%;font-size:1rem;margin:1.5rem auto;border-collapse:collapse;}
table.formTable td,table.formTable th{border-top:1px solid #c8c8c8;padding:1.5rem;vertical-align:middle;background:#fff;}
table.formTable td:last-of-type,table.formTable th:last-of-type{border-bottom:1px solid #c8c8c8;}
table.formTable th{width:17%;color:#6fb92c;font-weight:700; border-right:1px solid #c8c8c8;}
table.formTable span{color:#f24a33;}
.radio-item {display: inline-block;color:#000 !important;margin-right: 1.5rem;margin-bottom: 0.5rem;}
.radio-item input[type="radio"] {margin-right: 5px; }
.name-wrap {display: flex;gap: 1.5rem; }
.name-item {display: flex;align-items: center;flex: 1; }
.name-label {display: inline-block;width: 3.5rem; flex-shrink: 0; color:#000 !important; }
.name-item input[type="text"] {width: 100%; box-sizing: border-box;}
form input[type="text"], form textarea{background:#fff; border:1px solid #c8c8c8;border-radius:5px;padding:1rem;}
form input[type="submit"]{cursor: pointer; width:170px;background:#008742; color:#fff;border:none;font-size:1.125rem;font-weight:700;font-family:"Zen Kaku Gothic Antique", sans-serif;border-radius:10px;padding:1.5rem;}
form input[type="reset"]{cursor: pointer; width:170px;background:#969696; color:#fff;border:none;font-size:1.125rem;font-weight:700;font-family:"Zen Kaku Gothic Antique", sans-serif;border-radius:10px;padding:1.5rem;}
form input[type="submit"]:hover,form input[type="reset"]:hover{opacity:0.8;}
::placeholder {color: #afafaf;font-weight:700;font-family:"Zen Kaku Gothic Antique", sans-serif;}
@media (max-width: 767px) {
    #contact .inner {max-width: 90%;}
    #contact .inner{margin:0 auto;padding:5rem 0; width:100%;}
    #formWrap {width:100%;margin:0 auto;}
    table.formTable{margin:0 auto 1.5rem;border-collapse:collapse;}
    table.formTable th, table.formTable td {width:100%;display:block;}
    table.formTable th {border-right:none; border-bottom:none !important;margin-top:0px;padding:1rem 1.5rem 0.5rem;}
    table.formTable td{border-top:none !important; border-bottom:none !important;padding:0 1.5rem 1.5rem;}
    table.formTable tr:last-child td {border-bottom: 1px solid #c8c8c8;}
    .radio-item {display: block; margin-right: 0;margin-bottom: 1rem; }
    .radio-item:last-child {margin-bottom: 0;}
    .name-wrap { flex-direction: column; gap: 1rem;}
    .name-item {width: 100%;}
    form input[type="text"], form textarea {width:100%;padding:15px;display:block;}
    form input[type="submit"], form input[type="reset"], form input[type="button"] {display:block;width:100%;}
}

/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* THANKS */
/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#thanks{position: relative;width: 100%;margin:0 auto;padding:0;}
#thanks .heading {background:#f0f8f0;margin:0;padding:5rem 0;}
#thanks .heading h1{font-size: 2rem;font-weight:700;color:#6fb92c;text-align: center;}
#thanks .inner{margin:0 auto 3rem;}

/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* PRIVACY POLICY */
/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#policy{position: relative;width: 100%;margin:0 auto;padding:0;}
#policy .heading {background:#f0f8f0;margin:0;padding:5rem 0;}
#policy .heading h1{font-size: 2rem;font-weight:700;color:#6fb92c;text-align: center;}
#policy .inner{margin:0 auto 3rem;}
#policy h2{font-size:1.25rem; font-weight:700; margin:1.5rem 0 0.5rem;}