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


/*************************

header

***************************/
.l-header__tit_inner {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	column-gap: 14px;
	text-decoration: none;
	color: inherit;
	padding: 7px 0 10px;
}
.l-header__tit_text {
	flex: 1;
	font-weight: 600;
	padding-bottom: 2px;
}
.l-header__tit_inner > img {
	width: 62px;
}
.l-header__tit_text01 {
	display: block;
	font-size: 18px;
	font-weight: 600;
	color: #000;
	line-height: 1.62;
	letter-spacing: 0em;
}
.l-header__tit_text01.font-s {
	font-size: 15px;
}
.l-header__tit_text01.font-l {
	font-size: 20px;
}
.l-header__tit_text02 {
	display: block;
	font-size: 30px;
	font-weight: 600;
	color: #2572c0;
	line-height: 1.0;
	letter-spacing: 0.02em;
}
.l-header__tit_text02.font-s {
	font-size: 25px;
}
.l-header__tit_text02.font-l {
	font-size: 32px;
}

@media screen and (max-width : 960px) {
	.l-header__inner {
		width: 96%;
	}
	.l-header__tit_inner > img {
		width: 32px;
	}

	.l-header__tit_text {
		padding-bottom: 1px;
	}
	.l-header__tit_inner {
		column-gap: 5.5px;
		padding: 5px 0 7px;
	}
	.l-header__tit_text01 {
		font-size: 9px;
	}
	.l-header__tit_text01.font-s {
		font-size: 8px;
	}
	.l-header__tit_text01.font-l {
		font-size: 20px;
	}
	.l-header__tit_text02 {
		font-size: 15px;
	}
	.l-header__tit_text02.font-s {
		font-size: 15px;
	}
	.l-header__tit_text02.font-l {
		font-size: 16px;
	}
}


/*********************************

fixed_footer

***********************************/
.fixed_footer[data-display="on"] ~ .p-fixBtnWrap,
.fixed_footer[data-display="pc_on"] ~ .p-fixBtnWrap,
.fixed_footer[data-display="sp_on"] ~ .p-fixBtnWrap {
	bottom: 1em;
}
@media screen and (max-width:960px) {
	.fixed_footer[data-display="on"] ~  .p-fixBtnWrap,
	.fixed_footer[data-display="sp_on"] ~ .p-fixBtnWrap {
		bottom: 6.2em;
	}
}

.fixed_footer + .l-footer {
	margin-bottom: clamp(5px,32vw,200px);
}
@media screen and (min-width:960px) {
	.fixed_footer + .l-footer {
		margin-bottom: 132px;
	}
}
.fixed_footer[data-display="off"] + .l-footer {
	margin-bottom: 10px;
}
@media screen and (min-width:960px) {
	.fixed_footer[data-display="sp_on"] + .l-footer {
		margin-bottom: 10px;
	}
}
@media screen and (max-width:960px) {
	.fixed_footer[data-display="pc_on"] + .l-footer {
		margin-bottom: 10px;
	}
}
.fixed_footer {
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 50;
	width: 100%;
	height: auto;
}
.fixed_footer[data-display="on"] {

}
.fixed_footer[data-display="off"] {
	display: none!important;
}
@media screen and (min-width:960px) {
	.fixed_footer[data-display="sp_on"] {
		display: none!important;
	}
}
@media screen and (max-width:960px) {
	.fixed_footer[data-display="pc_on"] {
		display: none!important;
	}
}
.fixed_footer__wrapper {
	width: 100%;
	padding: 1.4em 0 2.44em;
	background: #f2f6f9;
	font-size: clamp(5px,2.5vw,15px);
}
.fixed_footer__inner {
	position: relative;
	width: 92.8%;
	max-width: 39em;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1em;
	padding: 0.82em 1.2em 0.70em 0.2em;
	border-radius: 0.32em;
	box-shadow: 0 0.55em 0.1em #c85a21;
	background: #f17230;
	color: #fff;
}
.fixed_footer__inner:hover {
	filter: brightness(1.15);
}
.fixed_footer__inner::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 1.1em;
	transform: translatey(-50%);
	width: 3.5em;
	height: auto;
	max-height: 96%;
	aspect-ratio: 1/1;
	background-image: url(./assets/img/icon/icon-pointer01.webp);
	background-repeat: no-repeat;
	background-size: contain;
}
.fixed_footer__text {
	font-size: 1.3em;
	font-weight: 700;
	text-align: center;
	line-height: 1.34;
}
.fixed_footer__text:nth-of-type(2) {
	margin-left: 1.1em;
	padding: 0 1em;
	border-left: 1px solid #fff;
}

.fixed_footer__sub_text {
	position: relative;
	font-size: 0.87em;
}
.fixed_footer__sub_text::before,
.fixed_footer__sub_text::after {
	content: "ー";
	font-weight: 500;
	display: inline-block;
}
.fixed_footer__sub_text::before {
	margin-right: 0.54em;
}
.fixed_footer__sub_text::after {
	margin-left: 0.54em;
}

@media screen and (min-width:960px) {
	.fixed_footer__wrapper {
		padding: 1.4em 0 2.0em;
		font-size: 10px;
	}
}