@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

body {
	font-family: "Noto Sans JP", sans-serif;
	font-weight: normal;
}

html {
/* 	scroll-behavior: smooth; */
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
}

h1,h2,h3,h4,h5,h6{
	font-family: 'Zen Kaku Gothic New', sans-serif;
	font-weight: 710;
}

body,
p,
ul,
ol,
li,
table,
th,
td{
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 17px;
}
		
#visit {
	scroll-margin-top: 100px;
}

h1.c-pageTitle {
    font-family: "Zen Kaku Gothic New", sans-serif;
    letter-spacing: 0px;
    font-weight: 700;
/* 	text-shadow:
0 1px 0 rgba(255,255,255,1),
0 2px 1px rgba(0,0,0,.06),
0 4px 8px rgba(0,0,0,.05); */
	/*text-shadow:
  0 -1px 0 rgba(0, 0, 0, .25),
/*   0 1px 0 rgba(255, 255, 255, .8); */
		text-shadow:
  0 -1px 0 rgba(0,0,0,.28),
  0 1px 0 rgba(255,255,255,.9);
}

h2.wp-block-heading {
    font-size: 2.5rem;
    color: #6B9F89;
	color: #333333c9 !important;
	font-family: "Zen Kaku Gothic New", sans-serif;
	font-weight: 710;
	letter-spacing: -0.03em;
}

h2.is-style-section_ttl {
    margin-top: -55px;
	margin-bottom: 25px !important;
}

h3.wp-block-heading {
	margin-bottom: 10px;
	letter-spacing: 0.05em;
}

h2.h2-feature {
	margin-bottom: 60px !important;
}

h3.wp-block-heading {
    font-size: 23px;
    letter-spacing: 0.03em;
}

.post_content .is-style-section_ttl {
	letter-spacing: 0;
}

p {
	font-size: 17px;
	margin-bottom: 10px;
	line-height: 1.9;
    letter-spacing: 0.06em;
}

ol,
ul {
	font-size: 17px;
	line-height: 1.9;
}

.br {
display: none;
}

.wp-block-columns {
    max-width: 1200px;
    margin: 25px auto 80px;
}



/*ハンバーガーメニュー*/
.c-iconBtn {
	color: #333;
	width: 50px;
    margin: 0 -5px;
}

.c-iconBtn__icon {
    display: block;
    font-size: 30px;
}
/*ハンバーガーメニュー_end*/

	
/*見学予約ボタン*/
.c-gnav > li:nth-last-child(2) span.ttl {	
	background: linear-gradient(
	135deg,
	#9EDBCB 0%,
	#86CDBB 100%
);
	width: 130px;
	padding: 12px 0;
    box-sizing: border-box;
    height: 40px;
/* 	border:1px solid #6E9E8F; */
    border-radius: 999px;
/* 	background: #A8D1C4; */
	background: #7fa79c;
    font-weight: 600;
    color: #fff;
}

.is-style-btn_normal a, .is-style-btn_shiny a {
	box-shadow: 6px 6px 16px rgba(0, 0, 0, 0.08);
}
/*見学予約ボタン_end*/

/*見学予約ボタン*/
/* .c-gnav>.menu-item:nth-last-child(2) {
	background: #86CDBB;
} */


/*メニューの電話番号部分*/
.c-gnav > li:last-child .ttl {
/* 	background: #292929;
    color: #fff; */
    padding: 8px 0 10px 30px;
    border-radius: 999px;
/*     font-weight: 700; */
    width: 170px;
    box-sizing: border-box;
    font-size: 17px !important;
	border: 1px solid #333333c9;
/*     font-family: 'Zen Kaku Gothic New'; */
}

.c-gnav>.menu-item>a .ttl {
	font-size: 15px;
}

/*電話番号のアイコン*/
.c-gnav > li:last-child .ttl:before {
    content: "";
    display: block;
    position: absolute;
    left: 15px;
    width: 19px;
    height: 19px;
    background: url(https://springs.yumerea.com/wp-content/uploads/2026/06/icon_tel.png) no-repeat center / contain;
    z-index: 1;
    top: 10px;
	font-size: 17px;
}

/*でかくて薄い英字*/
.sub-ttl-en {
	font-size: 5.5rem;
	font-family: "Jost", sans-serif;
	letter-spacing: 0.05em;
	color: #DEDEDE;
	opacity: 0.37;
	font-weight: 600;
	margin-bottom: 30px;
	white-space: nowrap;
	line-height: normal;
}

/*Supportの英字*/
.sub-support {
    padding-bottom: 10px;
}

/*Workの英字*/
.en-work {
	margin-bottom: 30px !important;
}

/*作業内容*/
/* h3.wp-block-heading.has-text-align-center, h3.wp-block-heading {
    margin-top: 20px;
}*/

/*「あなたのペースを大切にします」の葉っぱ*/
img.ls-is-cached.lazyloaded {
/*     margin: -5px 5px !important; */
}

.c-gnav>.menu-item>a {
	color: #333;
}

.br {
display: none;
}

/*ご利用の流れの数字の色*/
.number {
	color: #7faf9a;
	font-size: 20px;
	margin-bottom: 5px;
}

/*
.u-obf-cover {
	height: 160px !important;
}
*/

.l-topTitleArea__body {
    color: #333;
	text-align: center;
}

.l-topTitleArea {
	min-height: 11em;
}

.c-pageTitle {
	font-size: 2.5rem;
}

.-parallel .l-header__logo .c-catchphrase {
	font-size: 15px;
	line-height: 1;
	margin-top: 16px;
}

.-parallel .l-header__gnav .c-gnav>li>a {
	padding: 13px 16px;
}

/*スプリングスの特徴*/
.wp-block-columns.u-mb-ctrl.u-mb-0 {
    padding-bottom: 100px;
}

div#content {
    padding-top: 0 !important;
}

/*見学を予約するのボタン*/
.swl-inline-btn a {
    padding: .76em 3em !important;
    box-sizing: border-box;
    width: 260px !important;
    display: block;
    font-size: 16px;
	height: 53px;
	align-items: center;
    justify-content: center;
    display: flex;
}

.cta_buttons {
	width: 700px;
	margin-bottom: 25px;
	padding: 5px 0;
}

.btn-01 {
    padding-bottom: 25px;
}

/*TOP_CTAボタン*/
.btn-bottom {
    padding-bottom: 20px;
}

/*CTAボタン幅*/
.swell-block-fullWide__inner.l-article {
    width: 1000px;
    max-width: 100%;
}

.about-img img {
    width: 100% !important;
    height: 100%;
    object-fit: cover !important;
}
.about-img {
    height: 100%;
}

figure.wp-block-image.size-large.u-lb-off.is-style-shadow.about-img.has-custom-css.wp-custom-css-d3f96309 {
    display: grid;
    align-self: stretch;
}

/*フッター*/
.l-footer__foot, .l-footer__widgetArea {
	font-feature-settings: "palt";
}

.c-listMenu a {
    padding: .5em 1em .5em 1em;
    transition: padding .25s;
}

.c-gnav .sub-menu a:before, .c-listMenu a:before {
	left: -3px;
}


footer#footer .footer_springs {
	font-size: 28px;
/* 	font-family: 'Zen Kaku Gothic New', sans-serif; */
	line-height: 1.45;
	font-weight: 700;
}

.c-widget .textwidget>:not(:last-child) {
    color: #3F4A45;
}

/* footer#footer .footer_springs span {
	letter-spacing: 0;
}
 */

.footer_p {
	font-size: 16px;
}

.footer_contact {
	font-weight: 800;
    font-size: 17px;
}

/*フッターのお問い合わせボタン*/
footer#footer .fotter_btn a {
    text-align: center;
    box-sizing: border-box;
    min-width: 260px;
    max-width: 95%;
    margin: 10px auto 40px;
}

.footer_tel, .footer_fax, .footer_mail {
    font-size: 19px;
    line-height: 1.7;
}



footer#footer .fotter_btn {
	text-align: left;
	margin-bottom: -15px;
}

footer#footer .is-style-btn_line a {
	text-align: center;
	background:  #6F8F88 !important;
	color: #fff;
    border: 0;
}

footer#footer .is-style-btn_line a:hover {
/*     background: #f5faf6 !important;
    color: #333 !important; */
    border: 1px solid #333;
	opacity: 0.8;
}

/* footer#footer .footer_tel {
	font-size: 25px;
	font-weight: 500;
} */

.footer_time {
	font-size: 17px;
}

.l-footer__nav a {
	font-size: 15px;
}

.footer_b {
	font-size: 23px;
	font-weight: normal;
}

.footer_s {
	letter-spacing: 0.06em;
	font-size: 38px;
}

.l-container {
/* 	max-width: 98%; */
}

/*フッター_end*/


/* お問い合わせ・見学予約フォーム 共通デザイン */

/*上のテキストの説明文*/
.form-text {
    width: fit-content;
    margin: 0 auto 30px;
	max-width: 90%;
}

.visit_form,
.contact_form {
	max-width: 800px;
	margin: 0 auto;
	padding: 44px;
	background: rgba(255, 255, 255, 0.94);
	border: 1px solid #e1efe6;
	border-radius: 22px;
	box-shadow: 0 8px 24px rgba(99, 168, 59, 0.07);
}

/*見学を予約する 電話で相談する ボタン*/
span.swl-inline-btn.is-style-btn_shiny.green_ a, span.swl-inline-btn.is-style-btn_shiny.red_ a {
/* 	border-radius: 15px; */
/* 	color: #333; */
/* 	font-weight: normal; */
}

/*下部のお問い合わせするボタン*/
span.swl-inline-btn.is-style-btn_line.blue_ a {
    font-weight: bold;
/* 	border-radius: 15px; */
}

/* 各項目 */
.visit_form_item,
.contact_form_item {
	margin-bottom: 24px;
}

/* ラベル */
.visit_form_item label,
.contact_form_item label {
	display: block;
	margin: 0 0 15px;
	color: #444;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 0.04em;
	line-height: 1.5;
}

/* Contact Form 7 / SWELL の余白対策 */
.visit_form p,
.contact_form p,
.visit_form_item p,
.contact_form_item p {
	margin: 0 !important;
	padding: 0 !important;
}

.visit_form_item br,
.contact_form_item br {
	display: none !important;
}

.visit_form .wpcf7-form-control-wrap,
.contact_form .wpcf7-form-control-wrap {
	display: block;
	margin: 0 !important;
	padding: 0 !important;
	line-height: 1;
}

/* 必須 */
.required {
	display: inline;
	margin-left: 6px;
	padding: 0;
	color: #63A83B;
	background: none;
	font-size: 12px;
	font-weight: 500;
	vertical-align: baseline;
}

.required::before {
	content: "※";
}

/* 入力欄 */
.visit_form input[type="text"],
.visit_form input[type="email"],
.visit_form input[type="tel"],
.visit_form textarea,
.visit_form select,
.contact_form input[type="text"],
.contact_form input[type="email"],
.contact_form input[type="tel"],
.contact_form textarea,
.contact_form select {
	display: block;
	width: 100%;
	margin: 0;
	padding: 14px 18px;
	border: 1.5px solid #cfe8d7;
	border-radius: 10px;
	background: #fbfffc;
	color: #333;
	font-size: 16px;
	line-height: 1.6;
	box-sizing: border-box;
	transition: 0.25s ease;
}

/* プルダウン */
.visit_form select,
.contact_form select {
	appearance: auto;
}

/* プレースホルダー */
.visit_form input::placeholder,
.visit_form textarea::placeholder,
.contact_form input::placeholder,
.contact_form textarea::placeholder {
	color: #999;
}

/* 入力時 */
.visit_form input[type="text"]:focus,
.visit_form input[type="email"]:focus,
.visit_form input[type="tel"]:focus,
.visit_form textarea:focus,
.visit_form select:focus,
.contact_form input[type="text"]:focus,
.contact_form input[type="email"]:focus,
.contact_form input[type="tel"]:focus,
.contact_form textarea:focus,
.contact_form select:focus {
	outline: none;
	border-color: #63A83B;
	background: #fff;
	box-shadow: 0 0 0 4px rgba(99, 168, 59, 0.08);
}

/* テキストエリア */
.visit_form textarea,
.contact_form textarea {
	min-height: 170px;
	resize: vertical;
}

/* ラジオボタン */
.visit_form .wpcf7-list-item,
.contact_form .wpcf7-list-item {
	display: block;
	margin: 0 0 8px;
}

.visit_form .wpcf7-list-item label,
.contact_form .wpcf7-list-item label {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 0;
	color: #444;
	font-size: 15px;
	font-weight: 500;
	cursor: pointer;
}

.visit_form input[type="radio"],
.contact_form input[type="radio"] {
	transform: scale(1.15);
	accent-color: #63A83B;
}

/* 送信ボタン */
.visit_form_submit,
.contact_form_submit {
	text-align: center;
	margin-top: 34px;
}

.visit_form_submit input[type="submit"],
.contact_form_submit input[type="submit"] {
/* 	display: inline-block;
	width: 240px;
	max-width: 100%;
	height: 52px;
	background: #7FAF9A;
	color: #fff;
	border: none;
	border-radius: 10px;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 0.06em;
	cursor: pointer;
	transition: 0.25s ease;
	box-shadow: 0 6px 14px rgba(68, 34, 34, 0.25); */
	background-color: #7FAF9A;
	color: #fff;
	width: 180px;
	padding: 14px 0;
	border-radius: 8px;
	font-weight: 700;
	display: block;
	margin: 32px auto 0;
	border: none;
	transition: all 0.3s ease;
	box-shadow: 0 6px 16px rgba(0,0,0,0.12);
}

.visit_form_submit input[type="submit"]:hover,
.contact_form_submit input[type="submit"]:hover {
	background: #6E9C88;
/* 	transform: translateY(-2px);
	box-shadow: 0 10px 20px rgba(68, 34, 34, 0.3); */
/* 	transition: 0.3s;
	cursor: pointer; */
	background-color: #6E9C88;
	transform: translateY(-2px);
	box-shadow: 0 8px 18px rgba(0,0,0,0.16);
	cursor: pointer;
}

/* スピナー */
.visit_form .wpcf7-spinner,
.contact_form .wpcf7-spinner {
	display: block;
	margin: 12px auto 0;
}

.visit_form_intro, .contact_form_intro {
	margin-bottom: 40px;
	color: #444;
}

.visit_form_intro p, .contact_form_intro p {
	margin: 0;
	line-height: 2;
}

/* スマホ */
@media (max-width: 767px) {
	.visit_form,
	.contact_form {
		padding: 28px 18px;
		border-radius: 18px;
	}

	.visit_form_item,
	.contact_form_item {
		margin-bottom: 22px;
	}

	.visit_form_item label,
	.contact_form_item label {
		margin-bottom: 10px;
		font-size: 14px;
	}

	.visit_form input[type="text"],
	.visit_form input[type="email"],
	.visit_form input[type="tel"],
	.visit_form textarea,
	.visit_form select,
	.contact_form input[type="text"],
	.contact_form input[type="email"],
	.contact_form input[type="tel"],
	.contact_form textarea,
	.contact_form select {
		padding: 13px 15px;
		font-size: 16px;
	}

	.visit_form_submit input[type="submit"],
	.contact_form_submit input[type="submit"] {
		width: 100%;
		height: 54px;
	}
}
/* お問い合わせ・見学予約フォーム_end */

[class*=" icon-"]:before, [class^=icon-]:before {
	font-weight: bold;
}


/* タブレット */
@media screen and (max-width: 1024px) {
/* 	.c-widget__title {
		color: #333 !important;
	} */
	
	.p-spMenu__nav ul li a {
    	font-size: 16px;
	}
	
	.sub-ttl-en {
    	letter-spacing: -0.1px;
		margin-top: -20px;
		line-height: 1;
		margin-bottom: revert-rule;
		font-size: 60px;
	}
	
	/*SUPPORTの英字部分*/
	.sub-support {
		letter-spacing: 0px;
/*         font-size: 4.9rem; */
	}
	
	.swl-inline-btn a {
		width: 240px;
	}
	
	/*「スプリングスとは」のflexをモバイル表示のみ逆にする*/
	.wp-block-columns.support_reverse {
		display: flex !important;
		flex-direction: column-reverse !important;
		
	}

	
	.wp-block-columns {
		margin: 20px auto;
	}
	
/* 	.wp-block-column.is-vertically-aligned-center, .wp-block-column.is-vertically-aligned-stretch {
    padding-bottom: 50px;
	}
	 */
	.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:nth-child(even) {
/*     margin-bottom: -60px !important; */
	}
	
	.wp-block-columns.u-mb-ctrl.u-mb-0 {
		padding-bottom: 0;
	}
	
	.cta_buttons {
	width: auto;
	}
	
	.h2-support {
		margin-top: -20px !important;
	}
	
/* 	.post_content dd>:last-child, .post_content div>:last-child, .post_content>:last-child {
    margin-bottom: 0 !important;
	} */

	.h3-stuff {
		padding-bottom: 25px;
	}
}

/* スマホ */
@media screen and (max-width: 767px) {
	h2.wp-block-heading.has-text-align-center.u-mb-ctrl.u-mb-10.is-style-section_ttl.has-text-color.has-link-color {
    margin-top: -30px;
	}
	
	.top #content {
		padding-top: 0em !important;
	}
/* 	.post_content div>:first-child, .post_content>:first-child {
    margin-top: 15px !important;
	} */
	
	.post_content h3 {
	font-size: 1.4em;
	}
	
	p, ul, ol {
	font-size: 17px;
	}
	
	.br {
	display: block;
	}
	
	.wp-block-columns {
		display: block;	
		margin: 25px auto;
	}
	
/* 	.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
        margin-top: 0px !important;
		margin-bottom: 50px !important;
    } */
	
	.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:nth-child(even) {
/* 		margin-bottom: 0 !important; */
	}
	
	.wp-block-columns.support_reverse {
		display: flex !important;
		flex-direction: column-reverse !important;
	}
	
/* 	.wp-block-column.is-vertically-aligned-center, .wp-block-column.is-vertically-aligned-stretch {
    padding-bottom: 50px;
	}
	 */
	.btn_wrap{
		flex-direction: column;
		gap: 15px;
		align-items: center;
	}
	
	.number {
		padding-top: 35px;
		font-size: 30px;
	}
	
	/*Supportの英字*/
	.sub-support {
		padding-top: 20px;
	}
	
	.h3-pace, .h3-support, .h3-stuff {
    	padding-bottom: 50px;
	}
	
	.en-vision, .en-work, .en-flow {
		margin-top: 0;
		padding-top: 20px;
	}
	
	.h2-flow {
		margin-top: -30px !important;
	}
	
	.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
        margin-bottom: 50px !important;
    }
	
	/*フッターの問い合わせボタン*/
	footer#footer .fotter_btn {
		text-align: center;
	}
	
	.en-work {
	margin-bottom: 50px !important;
	}
	
	footer#footer .footer_springs {
		font-size: 22px;
	}
	
	footer#footer .footer_tel {
/* 		font-size: 24px; */
	}
	


.wp-block-media-text.is-stacked-on-mobile>.wp-block-media-text__media {
    background: #f7f9f8;
}
}


/*小さいスマホ*/
@media (max-width: 375px){
	/*supportの英字部分*/
	.sub-support {
		font-size: 5rem;
	}
}