@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');
/* font-family: "Noto Sans JP", sans-serif; */
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200;300;400;500;600;700;900&display=swap');
/* font-family: "Noto Serif JP", serif; */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@100;200;300;400;500;600;700&display=swap');
/* font-family: 'Noto Sans', sans-serif; */
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif:wght@100;200;300;400;500;600;700&display=swap');
/* font-family: 'Noto Serif', serif; */

/* NOTE: 共通 */
body, html { min-width: 1260px; height: 100%;}
html { font-size: 62.5%; scroll-behavior: smooth;}
body { font-size: 1.6em; color: #222; font-family: "Noto Serif JP", serif; font-weight: 500;}
#wrapper { position: relative; height: 100%;}
.spacer { height: 70px;}
.mobile-only { display: none;}
#onScrollTarget { position: absolute; top: 0; left: 0; width: 0; height: 0; display: block;}

/* NOTE: header */
header { position: fixed; top: 0; left: 0; width: 100%; background: linear-gradient(45deg, #B67B03 0%, #DAAF08 45%, #FEE9A0 70%, #DAAF08 85%, #B67B03 90% 100%); z-index: 100;}
header .inner { width: 1260px; height: 70px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; padding: 0 30px;}
header .inner .logo img { height: 60px; width: auto;}
header .logo-green { display: none;}
header .inner ul { list-style: none; display: flex; color: #fff;}
header .inner ul li + li { margin-left: 30px;}
header .inner ul li a { display: inline-block; font-size: 1.4rem; letter-spacing: 1px; color: #fff; text-decoration: none; position: relative;}
header .inner ul li a:after { position: absolute; bottom: -8px; left: 0; content: ''; width: 0; height: 2px; background: #ef6326; transition: 0.3s; }
header .inner ul li a:hover::after { width: 100%; }
#pageHome header { background: rgba(255,255,255,0); transition: 0.3s;}
#pageHome header .inner ul { opacity: 0; pointer-events: none transition: 0.3s;}
#pageHome header .logo-gold { display: none;}
#pageHome header .logo-green { display: block;}
#pageHome header.scrolled { background: linear-gradient(45deg, #B67B03 0%, #DAAF08 45%, #FEE9A0 70%, #DAAF08 85%, #B67B03 90% 100%); transition: 1s;}
#pageHome header.scrolled .inner ul { opacity: 1; pointer-events: auto; transition: 1s;}
#pageHome header.scrolled .logo-gold { display: block;}
#pageHome header.scrolled .logo-green { display: none;}

/* NOTE: hamburger */
#hamburger { display: none;}

/* NOTE: nav */
nav#global { display: none;}

/* NOTE: footer */
footer { width: 100%; background: #f6f6f6;}
footer .inner { width: 100%; padding: 50px 20px 50px 20px;}
footer .inner small { display: block; font-size: 1.1rem; letter-spacing: 3px; text-align: center;}

/* NOTE: IntersectionObserver */
.target { transform: translateY(30px); opacity: 0; transition: 0.5s;}
.target.active { transform: none; opacity: 1;}

/* NOTE: localbar */
#localbar { position: fixed; bottom: 30px; left: 50%; transform: translateX(-50%); z-index: 100; background: linear-gradient(to left, #B67B03 0%, #DAAF08 45%, #FEE9A0 70%, #DAAF08 85%, #B67B03 90% 100%); border-radius: 100px;}
#localbar ul { display: flex; justify-content: center; align-items: center; list-style: none; padding: 20px 40px;}
#localbar ul li + li { margin-left: 30px;}
#localbar ul li a { display: inline-block; text-decoration: none; font-size: 1.4rem; color: #fff; position: relative; letter-spacing: 1px;}
#localbar ul li a:after { position: absolute; bottom: -8px; left: 0; content: ''; width: 0; height: 2px; background: #ef6326; transition: 0.3s; }
#localbar ul li a.active { color: #222;}
#localbar ul li a.active::after { width: 100%; }

/* NOTE: pageHome */
#pageHome section#section1 { width: 100%; height: 100vh; position: relative;}
#pageHome section#section1 .bg1 { width: 100%; height: 100vh; object-fit: cover; z-index: -1;}
#pageHome section#section1 .overlay { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; background: rgba(0,0,0,0); z-index: 1;}
#pageHome section#section1 .txt { position: absolute; width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; z-index: 2; background: rgba(255,255,255,0.8); padding: 30px;}
#pageHome section#section1 .txt h1 span { font-size: 3.8rem; font-weight: 500; background: linear-gradient(45deg, #B67B03 0%, #DAAF08 45%, #FEE9A0 70%, #DAAF08 85%, #B67B03 90% 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; letter-spacing: 2px;}
#pageHome section#section1 .txt p { font-family: "Noto Sans JP", sans-serif; font-size: 1.7rem;}

#pageHome section#section1 .txt h1 span { display: inline-block; clip-path: inset(0 100% 0 0);}
#pageHome section#section1 .txt.active h1 span { animation: txt-anime 1.5s 1.5s forwards;}
#pageHome section#section1 .txt p span { display: inline-block; clip-path: inset(0 100% 0 0);}
#pageHome section#section1 .txt.active p span { animation: txt-anime 1.5s 2s forwards;}
@keyframes txt-anime {
  0% { clip-path: inset(0 100% 0 0); opacity: 0;}
  100% { clip-path: inset(0 0 0 0); opacity: 1;}
}

#pageHome section#section2 { height: 80vh; display: flex; justify-content: center; align-items: center; flex-direction: column; background: #f6f6f6;}
#pageHome section#section2 h2 { font-size: 2.8rem; text-align: center; background: linear-gradient(45deg, #B67B03 0%, #DAAF08 45%, #FEE9A0 70%, #DAAF08 85%, #B67B03 90% 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-bottom: 15px;}
#pageHome section#section2 p { font-family: "Noto Sans JP", sans-serif; font-size: 1.5rem;}

#pageHome section .btn { text-align: center; margin-top: 50px;}
#pageHome section .btn a { font-family: "Noto Sans JP", sans-serif; display: inline-block; text-decoration: none; text-align: center; font-size: 1.4rem; line-height: 1.0; color: #222; padding: 15px 30px; background: #fff; border-radius: 40px; transition: .3s;}
#pageHome section .btn a i { margin-left: 5px;}
#pageHome section .btn a:hover { background: #C4A24C; color: #fff;}

#pageHome section#section3 { height: 80vh; display: flex; justify-content: center; align-items: center; flex-direction: column;}
#pageHome section#section3 {
  background-color: #222;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 500 500'%3E%3Cpath d='M250,250 m0,-200 a200,200 0 1,1 -0.1,0 a180,180 0 1,0 0.1,0 a160,160 0 1,1 -0.1,0 a140,140 0 1,0 0.1,0 a120,120 0 1,1 -0.1,0 a100,100 0 1,0 0.1,0 a80,80 0 1,1 -0.1,0 a60,60 0 1,0 0.1,0 a40,40 0 1,1 -0.1,0' fill='none' stroke='gold' stroke-opacity='0.06' stroke-width='1'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
#pageHome section#section3 h2 { font-size: 2.8rem; background: linear-gradient(45deg, #B67B03 0%, #DAAF08 45%, #FEE9A0 70%, #DAAF08 85%, #B67B03 90% 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-bottom: 15px; text-align: center;}
#pageHome section#section3 p { font-family: "Noto Sans JP", sans-serif; font-size: 1.5rem; color: #fff;}

#pageHome section#section4 { height: 80vh; display: flex; justify-content: center; align-items: center; flex-direction: column; position: relative;}
#pageHome section#section4 .bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: bottom; z-index: -1;}
#pageHome section#section4 .bg.target { transform: none; opacity: 1; object-position: 50% 0; transition: 4s;}
#pageHome section#section4 .bg.target.active { object-position: 50% 100%;}
#pageHome section#section4 h2 { font-size: 2.8rem; text-align: center; background: linear-gradient(45deg, #B67B03 0%, #DAAF08 45%, #FEE9A0 70%, #DAAF08 85%, #B67B03 90% 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-bottom: 15px;}
#pageHome section#section4 p { font-family: "Noto Sans JP", sans-serif; text-align: center; font-size: 1.5rem; color: #fff;}

#pageHome section#section5 { height: 80vh; display: flex; justify-content: center; align-items: center; flex-direction: column; position: relative;}
#pageHome section#section5 .bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2;}
#pageHome section#section5 .bg.target { transform: none; opacity: 1; object-position: 50% 0; transition: 4s;}
#pageHome section#section5 .bg.target.active { object-position: 50% 100%;}
#pageHome section#section5 .overlay { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100vh; background: rgba(255,255,255,0.3); transition: 1s; z-index: -1;}
#pageHome section#section5 h2 { font-size: 2.8rem; text-align: center; background: linear-gradient(45deg, #B67B03 0%, #DAAF08 45%, #FEE9A0 70%, #DAAF08 85%, #B67B03 90% 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-bottom: 15px;}
#pageHome section#section5 p { font-family: "Noto Sans JP", sans-serif; font-size: 1.5rem;}

#pageHome section#section6 { height: 80vh; display: flex; justify-content: center; align-items: center; flex-direction: column; background: #f6f6f6;}
#pageHome section#section6 h2 { font-size: 2.8rem; text-align: center; background: linear-gradient(45deg, #B67B03 0%, #DAAF08 45%, #FEE9A0 70%, #DAAF08 85%, #B67B03 90% 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-bottom: 15px;}
#pageHome section#section6 p { font-family: "Noto Sans JP", sans-serif; font-size: 1.7rem;}
#pageHome section#section6 p span { display: inline-block; background: linear-gradient(45deg, #B67B03 0%, #DAAF08 45%, #FEE9A0 70%, #DAAF08 85%, #B67B03 90% 100%); padding: 8px 14px; border-radius: 3px;}
#pageHome section#section6 span + span { margin-left: 1px;}
#pageHome section#section6 p span:nth-of-type(2) { transition-delay: 0.1s;}
#pageHome section#section6 p span:nth-of-type(3) { transition-delay: 0.2s;}
#pageHome section#section6 p span:nth-of-type(4) { transition-delay: 0.3s;}
#pageHome section#section6 p span:nth-of-type(5) { transition-delay: 0.4s;}
#pageHome section#section6 p span:nth-of-type(6) { transition-delay: 0.5s;}

#pageHome section.bnr { height: 80vh; display: flex; justify-content: center; align-items: center; flex-direction: column; position: relative;}
#pageHome section.bnr .bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: -1;}
#pageHome section.bnr .bg.target { transform: none; opacity: 1; object-position: 50% 0; transition: 4s;}
#pageHome section.bnr .bg.target.active { object-position: 50% 80%;}
#pageHome section.bnr h2 { font-size: 2.8rem; text-align: center; color: #222; text-shadow: 0 0 5px #fff, 0 0 10px #fff; margin-bottom: 15px;}
#pageHome section.bnr p { font-family: "Noto Sans JP", sans-serif; font-size: 1.5rem;}

/* NOTE: ページタイトル共通 */
section.pagetitle { padding: 50px 0; background: #222; text-align: center;}
section.pagetitle .title { font-size: 2.4rem; color: #fff; letter-spacing: 2px; line-height: 1.0; text-align: center; background: linear-gradient(45deg, #B67B03 0%, #DAAF08 45%, #FEE9A0 70%, #DAAF08 85%, #B67B03 90% 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; letter-spacing: 2px;}
section.pagetitle span { font-size: 1.4rem; color: #fff; display: inline-block; padding: 0 40px; position: relative; letter-spacing: 1px;}
section.pagetitle span:before, section.pagetitle span:after { content: ''; position: absolute; top: 50%; display: inline-block; width: 30px; height: 1px; background: #fff;}
section.pagetitle span:before { left: 0;}
section.pagetitle span:after { right: 0;}

/* NOTE: pageAbout */
#pageAbout .bg { position: fixed; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100vh; object-fit: cover; z-index: -2;}
#pageAbout .overlay { opacity: 1; position: fixed; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100vh; background: rgba(255,255,255,0); transition: 1s; z-index: -1;}
#pageAbout section.body > .inner { width: 1000px; padding: 80px 0; margin: 0 auto;}
#pageAbout section.body h1 { font-size: 3.2rem; color: #fff; font-weight: 500; text-align: center; margin-bottom: 80px;}
#pageAbout section.body p { font-size: 1.6rem; line-height: 1.8;}
#pageAbout section.body p + p { margin-top: 20px;}
#pageAbout section.sub { width: 1000px; height: 200px; margin: 0 auto; display: flex; justify-content: center; align-items: center; position: relative;}
#pageAbout section.sub .txt { font-size: 2.4rem; color: #fff; font-weight: 500; line-height: 1.3; text-align: center;}
#pageAbout section.sub .bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: -1;}

/* NOTE: pageProducts */
#pageProducts .bg { position: fixed; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100vh; object-fit: cover; z-index: -2;}
#pageProducts .overlay { opacity: 1; position: fixed; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100vh; background: rgba(255,255,255,0); transition: 1s; z-index: -1;}
#pageProducts section.body > .inner { width: 1000px; padding: 80px 0; margin: 0 auto;}
#pageProducts section.body h1 { font-size: 3.2rem; color: #fff; font-weight: 500; text-align: center; margin-bottom: 30px;}
#pageProducts section.standard > .inner { width: 1000px; padding: 0 0 80px 0; margin: 0 auto;}
#pageProducts section.standard .logo { width: 100%; text-align: center; margin-bottom: 50px;}
#pageProducts section.standard .logo img { width: 400px; height: auto;}
#pageProducts section.standard h2 { font-size: 2.8rem; color: #fff; font-weight: 700; text-align: center; margin-bottom: 30px;}
#pageProducts section.standard ul { list-style: none; display: flex; flex-wrap: wrap;}
#pageProducts section.standard ul li { width: 32%; box-shadow: 0 0 5px #ccc; margin-top: 20px; padding: 50px 40px; border-radius: 20px; position: relative; overflow: hidden; background: #000; text-align: center; font-family: "Noto Sans JP", sans-serif; font-size: 1.4rem; color: #fff;}
#pageProducts section.standard ul li + li { margin-left: 2%;}
#pageProducts section.standard ul li:nth-of-type(4) { margin-left: 0;}
#pageProducts section.standard ul li span.en { font-family: "Noto Serif JP", serif; display: inline-block; font-size: 2.8rem; line-height: 1.2; font-weight: 600; background: linear-gradient(45deg, #B67B03 0%, #DAAF08 45%, #FEE9A0 70%, #DAAF08 85%, #B67B03 90% 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
#pageProducts section.standard ul li span.icon img { width: 90px; height: auto;}

#pageProducts section.standard ul li:nth-of-type(2) { transition-delay: 0.1s;}
#pageProducts section.standard ul li:nth-of-type(3) { transition-delay: 0.2s;}
#pageProducts section.standard ul li:nth-of-type(5) { transition-delay: 0.1s;}
#pageProducts section.standard ul li:nth-of-type(6) { transition-delay: 0.2s;}

/* NOTE: pageScience */
#pageScience .bg { position: fixed; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100vh; object-fit: cover; z-index: -2;}
#pageScience .overlay { opacity: 1; position: fixed; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100vh; background: rgba(255,255,255,0.3); transition: 1s; z-index: -1;}
#pageScience section.body > .inner { width: 1000px; padding: 80px 0; margin: 0 auto;}
#pageScience section.body h1 { font-size: 3.2rem; font-weight: 500; text-align: center; margin-bottom: 80px;}
#pageScience section.body h2 { font-size: 2.8rem; color: #222; font-weight: 700; margin: 40px 0;}
#pageScience section.body p { font-size: 1.6rem; line-height: 1.8;}
#pageScience section.body ul { list-style: none; margin: 10px 0; display: flex;}
#pageScience section.body ul li { width: 32%; box-shadow: 0 0 5px #ccc; padding: 50px 40px; border-radius: 20px; position: relative; overflow: hidden; background: #000; text-align: center; font-family: "Noto Sans JP", sans-serif; font-size: 1.4rem; color: #fff;}
#pageScience section.body ul li + li { margin-left: 2%;}
#pageScience section.body ul li span.mi { font-family: "Noto Serif JP", serif; display: inline-block; font-size: 2.8rem; line-height: 1.2; font-weight: 600; background: linear-gradient(45deg, #B67B03 0%, #DAAF08 45%, #FEE9A0 70%, #DAAF08 85%, #B67B03 90% 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
#pageScience section.body ul li span.icon img { width: 90px; height: auto;}
#pageScience div.sub { width: 400px; margin: 0 auto; background: #000; padding: 20px; margin-top: 20px; border-radius: 20px;}
#pageScience div.sub img { width: 100%; border-radius: 20px;}
#pageScience div.sub .txt { font-family: "Noto Sans JP", sans-serif; margin-top: 10px; color: #fff;}
#pageScience div.sub .txt .mi { font-size: 1.5rem; font-weight: 800;}
#pageScience div.sub .txt p { font-size: 1.4rem; line-height: 1.3; margin-top: 5px;}

#pageScience section.body ul li:nth-of-type(2) { transition-delay: 0.1s;}
#pageScience section.body ul li:nth-of-type(3) { transition-delay: 0.2s;}

/* NOTE: pageCorporate */
#pageCorporate .bg { position: fixed; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100vh; object-fit: cover; z-index: -2;}
#pageCorporate .overlay { opacity: 1; position: fixed; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100vh; background: rgba(255,255,255,0.6); transition: 1s; z-index: -1;}
#pageCorporate section.title { height: 250px; display: flex; justify-content: center; align-items: center; position: relative; padding: 0 10px;}
#pageCorporate section.title h1 { font-size: 3.2rem; color: #fff; font-weight: 500; line-height: 1.3; text-align: center;}
#pageCorporate section.title .bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: -1;}
#pageCorporate section.body > .inner { width: 1000px; padding: 80px 0; margin: 0 auto;}
#pageCorporate section.body p { font-size: 1.6rem; line-height: 1.8;}
#pageCorporate section.outline > .inner { width: 1000px; padding: 0 0 30px 0; margin: 0 auto;}
#pageCorporate section.outline h2 { font-size: 2.4rem; font-weight: 700; text-align: center; margin-bottom: 30px;}
#pageCorporate section.outline dl { display: flex; padding: 10px 0; font-size: 1.5rem; font-weight: 500; line-height: 2.0;}
#pageCorporate section.outline dl dt { width: 30%; text-align: right; padding-right: 65px;}
#pageCorporate section.outline dl dt span { display: inline-block; font-size: 1.5rem; font-weight: 500; line-height: 1.0; letter-spacing: 1px; padding: 5px 10px; position: relative; color: #fff; background: #222;}
#pageCorporate section.outline dl dt span:after { content: ''; position: absolute; top: 50%; display: inline-block; width: 50px; height: 1px; background: #ef6326;}
#pageCorporate section.outline dl dt span:after { right: -50px;}
#pageCorporate section.outline dl dd { flex: 1; text-align: left; padding: 0 30px; font-weight: 500;}
#pageCorporate section.outline dl dd ul { list-style: none;}
#pageCorporate section.map > .inner { width: 1000px; padding: 0 0 80px 0; margin: 0 auto;}
#pageCorporate section.map iframe { width: 100%; height: 400px;}

/* NOTE: pageContact */
#pageContact section.body > .inner { width: 1000px; margin: 0 auto; padding: 50px 0;}
#pageContact section.body p { font-size: 1.4rem; line-height: 1.6;}
#pageContact .form { margin-top: 20px;}
#pageContact .form dl { border-bottom: 1px solid #ddd;}
#pageContact .form dl:first-of-type { border-top: 1px solid #ddd;}
#pageContact .form dl dt { line-height: 1.2; width: 100%; padding: 20px 0 0 0;}
#pageContact .form span.required { display: inline-block; font-size: 1.1rem; line-height: 1.0; background: #fc1414; padding: 3px 7px; color: #fff; margin-left: 8px; white-space: nowrap; border-radius: 3px; transform: translateY(-2px);}
#pageContact .form dl dd { width: 100%; padding: 20px 0;}
#pageContact .form .formbt { padding: 10px 0; text-align: center;}

input, button { all: unset;}
select, textarea { font-size: 1.8rem; margin: 0; padding: 0; background: none; border: none; border-radius: 0; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
select::-ms-expand { display: none; }

input[type="text"], input[type="email"], input[type="tel"], input[type="number"], input[type="date"] { font-size: 1.8rem; height: 50px; width: 100%; text-indent: 10px; border-radius: 3px; border: 1px solid #ccc; background: #f3edd3; align-items: center;}
textarea { width: 100%; height: 150px; padding: 10px; background: #f3edd3; border-radius: 3px; border: 1px solid #ccc;}
button { font-size: 1.8rem; letter-spacing: 1px; display: inline-block; color: #fff; text-align: center; width: 400px; cursor: pointer; padding: 8px 0; background: #222; border-radius: 3px;}
button.back { background: #f48033; color: #fff;}
button + button { margin-top: 10px;}
button:hover { opacity: 0.9;}
span.error { display: inline-block !important; background: #ffe5e8; margin: 5px 0; padding: 5px 15px; font-weight: 500;}
textarea::placeholder { color: #666; font-size: 1.6rem;}

input[type="text"]#zip1 { width: 70px;}
input[type="text"]#zip2 { width: 100px;}
select { display: block; height: 52px; width: 150px; text-indent: 10px; border-radius: 3px; background: #f3edd3; border: 1px solid #ccc; margin-bottom: 5px; position: relative;}
span.select-hole { display: inline-block; position: relative; margin-right: 5px;}
span.select-hole:before { position: absolute; content:"\f0dd"; font-family: 'Font Awesome 6 Free'; font-weight: 900; right: 10px; top: 45%; transform: translateY(-50%); font-size: 1.0rem; color: #222; z-index: 1;}
select#graduate-name { width: 200px; margin-top: 5px;}

/* 確認画面 */
#pageContact section .mw_wp_form_confirm span.required { display: none;}
#pageContact section .mw_wp_form_confirm span.any { display: none;}
#pageContact section .mw_wp_form_confirm dl { padding-bottom: 20px;}
#pageContact section .mw_wp_form_confirm dl dd { font-size: 1.8rem; background: #f3edd3;  border-radius: 3px; padding: 20px; margin-top: 20px;}
#pageContact section .mw_wp_form_confirm span.select-hole:before { content:"";}

/* 完了画面 */
#pageContact section.thanks { text-align: center; font-size: 1.6rem; line-height: 1.6; padding: 80px 0;}
#pageContact section.thanks .btn { text-align: center; margin-top: 50px;}
#pageContact section.thanks .btn a { font-family: "Noto Sans JP", sans-serif; display: inline-block; text-decoration: none; text-align: center; font-size: 1.4rem; line-height: 1.0; color: #222; padding: 15px 30px; background: #eee; border-radius: 40px; transition: .3s;}
#pageContact section.thanks .btn a i { margin-left: 5px;}
#pageContact section.thanks .btn a:hover { background: #C4A24C; color: #fff;}

/* NOTE: pageNotfound */
#pageNotfound section.body > .inner { width: 1000px; margin: 0 auto; text-align: center; padding: 80px 0;}
#pageNotfound section.body span { font-size: 3.8rem; color: #ccc; letter-spacing: 2px;}
#pageNotfound section.body h1 { font-size: 1.8rem;}
#pageNotfound section.body p { margin: 50px 0; font-size: 1.5rem; line-height: 1.5;}
#pageNotfound section.body .btn { text-align: center; margin-top: 50px;}
#pageNotfound section.body .btn a { font-family: "Noto Sans JP", sans-serif; display: inline-block; text-decoration: none; text-align: center; font-size: 1.4rem; line-height: 1.0; color: #222; padding: 15px 30px; background: #eee; border-radius: 40px; transition: .3s;}
#pageNotfound section.body .btn a i { margin-left: 5px;}
#pageNotfound section.body .btn a:hover { background: #C4A24C; color: #fff;}