@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
*/

/* ページのレイアウト */
#breadcrumb {
	display: none;
}

.l-mainContent__inner > .post_content {
	padding: 0;
}

.l-content {
	padding-top: 0;
	margin-bottom: 0;
}

.subtitle {
	line-height: 0;
}

.l-header__bar {
	display: none;
}

.-txt .c-headLogo__link {
	font-size: 16px;
	font-weight: 400;
}

.-series .l-header__logo {
	padding: 0;
}

.l-header__inner {
	padding: 6px 68px;
}

.l-footer .l-container {
	padding: 0 68px;
}

#before_footer_widget {
	margin-top: 0;
}

.ssl-banner {
	background: #fff;
	display: flex;
	justify-content: center;
	gap: 1em;
	padding: 8px 0;
}

.ssl-banner .icon {
	height: 32px;
	width: 34px;
}

.ssl-banner .text {
	font-size: 12px;
}

.l-footer__nav {
	justify-content: space-between;
}

.l-footer__nav li a {
	border-right: none;
	font-size: 16px;
}

.l-footer__nav li:first-child a {
	border-left: none;
}

.l-footer .copyright {
	font-size: 16px;
}

.l-footer__nav {
	padding: 0 0 .5em;
}

.l-footer__foot {
	padding: .5em 0;
}

@media not all and (min-width: 960px) {
	.w-header.pc_ {
		display: flex !important;
	}

	.l-header__inner {
		padding: 0 10px;
	}

	.l-header__menuBtn, .l-header__customBtn {
		display: none;
	}

	.l-header__logo {
		order: 0;
	}

	.l-content {
		padding: 0;
	}

	.l-footer .l-container {
		padding: 0;
	}
}


/* フォームのレイアウト */
.lp_form {
	position: relative;
	background: #fff;
	padding: 1em 0;
	z-index: 102;
}

.page-id-17 .l-header::before {
	content: '';
	position: absolute;
	background: rgba(0, 0, 0, .5);
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	z-index: 101;
}

.page-id-17 .l-mainContent::before {
	content: '';
	position: fixed;
	background: rgba(0, 0, 0, .5);
	left: 0;
	top: 0;
	height: 100vh;
	width: 100vw;
	z-index: 101;
}

.post_content .page-title {
	text-align: center;
}

.post_content h3 {
	font-size: 1.3em;
	margin-bottom: .3em !important;
	text-align: center;
}

.lp_form h3 {
	margin-top: 0 !important;
}

.step1_form .page-title h3,
.step2_form .page-title h3,
.step3_form .page-title h3,
.step4_form .page-title h3,
.step5_form .page-title h3 {
	display: inline-block;
	text-align: left;
	margin-top: 1.5em !important;
	margin-bottom: .3em !important;
}

.post_content .page-title h3 span {
	display: block;
	font-size: .5em;
	font-weight: 400;
}

.post_content h3::before {
	display: none;
}

.post_content .swell-block-button a {
	border-radius: 10px;
	font-size: 1.3em;
	display: flex !important;
	justify-content: space-between !important;
	max-width: 80%;
	margin: 0 auto;
	padding: .5em 1em;
}

.post_content .swell-block-button.btn1 {
	margin-bottom: 1.2em;
}

.post_content .swell-block-button.btn1 a {
	background: #82B9E1;
}

.post_content .swell-block-button.btn2 a {
	background: none;
	border: 1px solid #333;
	color: #333;
}

.post_content .btns {
	display: flex;
	justify-content: center;
	gap: 10px;
	padding: 0 20px;
	margin-bottom: 10px;
}

.post_content .btns .btn {
	padding: 15px 0;
	border-radius: 10px;
	border: 1px solid #333;
	background: #fff;
	width: 100%;
	text-align: center;
}

.post_content .btns .btn.active {
	background: #82B9E1;
}

.post_content .btns .btn:hover {
	cursor: pointer;
}

.input-wrap {
	font-size: 1.3em;
	text-align: center;
}

.step2_form .input-wrap {
	padding-left: 1.2em;
}
.step2_form .input-wrap.area {
	padding-left: 0;
}

input[type="text"],
input[type="tel"],
input[type="number"] {
	background: #fff;
	border: 1px solid #333;
	border-radius: 10px;
	padding: .5em;
	max-width: 100%;
}

.step2_form input[type="number"] {
	width: 230px;
}
.step2_form select {
	width: 230px;
	border-radius: 10px;
	padding: 1em .5em;
	border: solid 1px #333;
}

.step3_form input[type="text"],
.step3_form input[type="tel"] {
	width: 353px;
}

.post_content .btn-submit {
	position: relative;
	width: 230px;
	margin: 2.5em auto 0;
}

.post_content .step2_form .btn-submit {
	margin-top: 5em;
}

.post_content .step3_form .btn-submit {
	margin-top: 4em;
}

.post_content .btn-prev {
	position: relative;
	width: 120px;
	margin: 0 auto;
}

.post_content .btn-prev input {
	padding: 0.2em .1em .2em .6em;
}

.post_content .wpcf7-submit {
	width: 100%;
	background: #82B9E1;
	color: #fff;
	border-radius: 10px;
	font-size: 1.3em;
	font-weight: 700;
	padding: .6em;
}

.post_content .wpcf7-submit:disabled {
	background: #AFAFAF;
}

.post_content .btn-submit svg {
	color: #fff;
	position: absolute;
	right: 10px;
	top: 1.5em;
}

.post_content .wpcf7-previous {
	width: 100%;
	background: #fff;
	color: #333;
	border: 1px solid #333;
	border-radius: 10px;
	font-size: 1.3em;
	font-weight: 700;
	padding: .6em;
}

.post_content .btn-prev svg {
	color: #333;
	position: absolute;
	left: 10px;
	top: 1em;
}

@media (min-width: 600px) {
	.post_content h3 {
		font-size: 2em;
	}

	.post_content .swell-block-button a {
		font-size: 2em;
	}
}

.l-footer__foot {
	padding: .5em 1em;
}

/* トップページ */
.page-id-17 .post_content>* {
	margin-bottom: 0;
}
.page-id-17 .wp-block-spacer {
	position: relative;
	z-index: 1;
}

/* サンクスページ */
.page-id-208 p {
	line-height: 1.4;
}
.page-id-208 .post_content {
	margin-top: 0;
}
.page-id-208 .post_content .wp-block-group {
	padding-top: 0;
	padding-bottom: 5em;
}
.page-id-208 .c-pageTitle {
	text-align: center;
	padding-top: 1.5em;
}
.page-id-208 .c-pageTitle .c-pageTitle__inner {
	font-size: 1.2em;
}

/* step1 */
.page-id-28 .btn img {
	height: 66px;
	width: auto;
}

@media (max-width: 600px) {
	.page-id-28 .btn img {
		height: 50px;
		width: auto;
	}
	.page-id-28 .txt {
		font-size: .8em;
	}
}

/* step2 */
.page-id-30 .btn img {
	height: 66px;
	width: auto;
}

@media (max-width: 600px) {
	.page-id-30 .btn img {
		height: 50px;
		width: auto;
	}
	.page-id-30 .txt {
		font-size: .8em;
	}
}

/* step3 */
.page-id-32 .btn img {
	height: 66px;
	width: auto;
}

@media (max-width: 600px) {
	.page-id-32 .btn img {
		height: 50px;
		width: auto;
	}
	.page-id-32 .txt {
		font-size: .8em;
	}
}

/* step4 */
.page-id-308 input::placeholder {
	font-size: 18px;
	color: #999;
}
.page-id-308 input {
	width: 250px;
}
.page-id-308 .postal-code {
	margin-right: 2em;
}
.page-id-308 .sex .btn {
	width: 120px;
}
.page-id-308 .birth {
	margin-right: 1em;
}
.page-id-308 .birth input {
	width: 230px;
}

/* step5 */
.page-id-309 input::placeholder {
	font-size: 18px;
	color: #999;
}
.page-id-309 input {
	width: 300px;
}

.page-id-309 .pointing-hand {
	top: 0px;
	right: -30px;
	width: 60px !important;
	display: none;
}
.page-id-309 .pointing-hand.active {
	display: block;
}

/*  */
.lp_form {
	position: relative;
}

.pointing-hand {
	position: absolute;
	top: 35%;
	right: 3%;
	width: 100px !important;
}

.page-id-28 .pointing-hand {
	top: 0px;
	right: -30px;
	width: 60px !important;
	display: none;
}
.page-id-28 .pointing-hand.active {
	display: block;
}

.wpcf7-spinner,
.wpcf7-response-output {
	opacity: 0;
}

@media (max-width: 430px) {
	.page-id-28 .post_content .btn-submit {
		margin: 1em auto 0;
	}
	.-txt .c-headLogo__link {
		font-size: 12px;
	}
	.w-header__item.widget_text .textwidget p {
		font-size: 12px;
	}
	.pointing-hand {
		top: 32%;
		width: 80px !important;
	}
	.page-id-28 .pointing-hand {
		top: -10px;
		right: -40px;
	}
	.img-step {
		padding: 0 1em;
	}
	.wpcf7-not-valid-tip {
		font-size: .9em;
		padding: .5em 1em;
		line-height: 1.2;
	}
}