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

common-sp.css

********************************************************************************/
/*============================================================
 css変数
*============================================================*/
:root {
	--common-inner-max-width: 100%;           /* 通常サイト幅 */
	--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;
}
.slick-slide img.forSP {
	display: inherit;
}


/*============================================================
 format
*============================================================*/
/* 
---------------------------------------- */


/*============================================================
 コンテンツ共通
*============================================================*/
/* 共通ブロック(名称)
---------------------------------------- */
#main-contents {
	padding-top: 70px;
}

/*============================================================
 メインビジュアル
*============================================================*/


/*============================================================
 footer
*============================================================*/
/* 
---------------------------------------- */
#site-footer .footer-flex {
	flex-direction: column;
	padding: 30px;
	align-items: flex-end;
}
#site-footer .footer-nav > li {
    font-size: 11px;
	text-align: right;
	margin-right: 0;
	margin-left: 20px;
}
#site-footer #copyright {
	font-size: 10px;
	text-align: right;
}

/* topのみ フローティングボタン分のpaddingを確保 */
#page-top #site-footer .footer-flex {
    padding: 30px 30px 220px 30px;
}
/* /experienceのみ */
#page-experience #site-footer .site-image {
	text-align: center;
}
#page-experience #site-footer .site-image img {
	width: 30%;
	top: 16px;
}



:is(#sec-terms , #sec-privacy-policy) .inner {
	padding-right: 30px;
	padding-left: 30px;
}