@charset "UTF-8";
/********************************************************************************

common-sp.css

********************************************************************************/
/*============================================================
 css変数
*============================================================*/
:root {
	--common-inner-max-width: 592px;           /* 通常サイト幅 */
	--common-inner-max-width-wide: 100%;      /* ワイドサイト幅 */
	--common-inner-padding: 16px;               /* 通常サイト幅内余白 */
	--common-inner-padding-wide: 16px;          /* ワイドサイト幅内余白 */
}

/*============================================================
 system
*============================================================*/
/* pc-sp display switch
---------------------------------------- */
.forPC {
    display: none;
}
.forSP {
    display: inherit;
}

/*============================================================
 format
*============================================================*/
/* レイアウト
---------------------------------------- */
#main-contents {
	padding-top: 58px;
}

/* コンテンツ内
---------------------------------------- */
.inner {
	max-width: var(--common-inner-max-width);
}

/*============================================================
 ページヘッダー(下層)
*============================================================*/
/* 共通
---------------------------------------- */
#page-header {
	padding-top: 24px;
	margin-bottom: 56px;
}
#page-header .header-tag {
	margin-bottom: 16px;
}
#page-header .header-tag p {
	font-size: 12px;
}

/* 第一階層個別設定
---------------------------------------- */
#page-header.lower01 {
	margin-bottom: 80px;
}
#page-header.lower01 .block {
	flex-direction: column;
	gap: 32px;
}
#page-header.lower01 .block-main {
	width: 100%;
}
#page-header.lower01 .block-img {
	width: 100%;
	max-width: 100%;
}
#page-header.lower01 .block-main .logo {
	margin-top: 16px;
	width: 50%;
}


/*============================================================
 パンくずリスト
*============================================================*/
#breadcrumb {
	display: none;
}

/*============================================================
 コンテンツ共通
*============================================================*/
/* CTA
---------------------------------------- */
#cta .inner {
	max-width: 100%;
}
#cta h2 {
	font-size: 24px;
}

/* ホワイトエッセンスバナー
---------------------------------------- */
.we-banner {
	gap: 12px!important;
	flex-direction: row!important;
	max-width: 230px;
}
.we-banner-img {
	width: 50px;
}
.we-banner-text {
	margin-top: 0;
}
.we-banner-text .line-01 {
	font-size: 12px;
	margin-bottom: 0;
}
.we-banner-text .line-02 {
	font-size: 10px;
}
.we-banner-text .line-02 img {
	width: 12px;
	margin-left: 10px;
}

/* 共通ブロック
---------------------------------------- */
.sec-block .parts-boxes {
	flex-direction: column;
}
.sec-block .parts-boxes .contents {
	width: 100%;
}
.sec-block .parts-boxes .img {
	width: 100%;
}

.sec-block dl.table dt {
	font-size: 16px;
}
.sec-block dl.table dd {
	margin-left: 130px;
}
.sec-block dl.table dd .press {
	font-size: 18px;
}

/* 共通ブロック(カード)
---------------------------------------- */
.block-card .item {
	width: 100%;
}


@media screen and (max-width: 480px) {
	.section h2 {
		font-size: 32px;
	}
	.sec-block h2 {
		font-size: 28px;
	}
	.sec-block h3 {
		font-size: 20px;
	}	
	
/*============================================================
 footer
*============================================================*/
/* info
---------------------------------------- */
	#site-footer {
		margin: 0 auto 26vw;
	}
	#site-footer .info {
		flex-direction: column;
		gap: 24px;
		align-items: center;
	}
	#site-footer .info-access {
		text-align: center;
	}
	#site-footer .info-access h3 {
		font-size: 20px;
	}
	#site-footer .info-access .parts-btn {
		margin: 0 auto;
	}
	#site-footer .schedule .parts-btn {
		top: -20px;
	}

}

/* 追従
---------------------------------------- */
.sp {
	display:block;
}
#site-footer .schedule {
	display:none;
}
.fixed_menu {
	position:fixed;
	bottom:0;
	background:#fff;
/* 	padding:2vw 2vw 2vw; */
	width:100%;
	overflow:hidden;
	box-sizing:border-box;
	/* z-index: 2; */
	z-index: 5;

	/* 2024.06.20 調整 */
	padding:3vw 2vw;
}
.fixed_menu .fixed_menu_tel{
	font-size:3vw;
	width:100%;
	text-align: center;
    line-height: 1;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	padding: 0 10px;
}
.fixed_menu .fixed_menu_tel .tel_wrap1 a{
	color:var(--common-color-main);
	/* font-size:18px; */
	/* line-height: 1; */

	/* 2024.06.20 調整 */
	font-size: 6.2vw;
	line-height: 1.1;
}
.fixed_menu .fixed_menu_tel p{}
.fixed_menu .fixed_menu_tel p img{
	margin-bottom:0;
}
.fixed_menu .fixed_menu_tel p span{
	display:block;
}
.tel_u_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content:flex-end;
    align-items: center;
    width: 50%;
    flex-direction: row-reverse;

}
.tel_u_wrap > div {
	font-size: 3.0vw;
	text-wrap: nowrap;
	text-align: start;
	line-height: 1.4;
}
.tel_u_wrap > div span:first-child {
    font-size: 3.0vw;
    line-height: 1.3;
	padding-right:2px;
}
.tel_u_wrap > div span:nth-child(n + 2) {
    background: #e471b6;
    color: #fff;
    margin-left: 3%;
    padding: 1px;
}
.tel_u_wrap > div.tel_wrap1 {
    text-align: start;

	/* 2024.06.20 調整 */
	/* padding-bottom: 5px; */
}
.fixed_menu .fixed_menu_btn_reserve{
	width: 50%;
    border-radius: 50px;
    background: var(--common-color-main);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
	border-bottom: solid 4px #1e3973;
    height: fit-content;
    margin: auto 0px;
    margin-right: 0;
}
.fixed_menu .fixed_menu_btn_reserve a{
    color: #fff;
    align-self: center;
    display: flex;
    align-items: center;
    padding: 12px;
	font-size:16px;
}
.fixed_menu .fixed_menu_btn_reserve a img{
	width: 20px;
    height: 20px;
    margin-left: 5px;
}