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

common-sp.css

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

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

/*============================================================
 format
*============================================================*/
/* コンテンツ内
---------------------------------------- */
main .block.parts-boxes {
	flex-direction: column;
}
main .block.parts-boxes .info {
	width: 100%;
	margin-bottom: 0;
}
main .block.parts-boxes .img {
	width: 100%;
	margin-bottom: 0;
}

h2 {
	font-size: 24px;
	margin-bottom: 16px;
}
h3 {
	font-size: 20px;
	margin-bottom: 16px;
}
h4 {
	font-size: 16px;
	margin-bottom: 16px;
}

/*============================================================
 メインビジュアル(下層)
*============================================================*/
.page-lower #mainvisual {
	padding: 56px 0 72px;
	margin-bottom: 0;
}
.page-lower #mainvisual .page-title {
	font-size: 24px;
}
.page-lower #mainvisual .page-title-en {
	font-size: 64px;
}

/*============================================================
 本文(下層)
*============================================================*/
.page-lower #sec-lead h2 {
	font-size: 32px;
}
.page-lower.single #sec-conductor .share {
	gap: 48px;
}
.page-lower.single #sec-conductor .share .copy {
	gap: 24px;
}

/*============================================================
 コンテンツ共通
*============================================================*/
/* 要素幅超スクロール
---------------------------------------- */
.block-wscroll-sp {
    width: calc(100vw - ((100vw - 100%) / 2));
    overflow-x: auto;
}
.block-wscroll-sp .block-wscroll-inner {
    width: max-content;
    padding: 0 var(--inner-padding) 16px 0;
}
.block-wscroll-sp .block-wscroll-inner > * {
    width: auto;
    white-space: nowrap;
}

/* 共通設定
---------------------------------------- */
.block-common .inner dl dt {
	float: none;
	margin-bottom: 12px;
}
.block-common .inner dl dd {
	margin-left: 0;
}

/* カード(ブログ、実績共通)
---------------------------------------- */
.block-card-p1 {
	justify-content: center;
	gap: 40px
}
.block-card-p1 .item {
	--col: 1;
	max-width: 480px;
}

/* カード(サービス、資料ダウンロード)
---------------------------------------- */
.block-card-p2 {
	justify-content: center;
	gap: 40px;
}
.block-card-p2 .item {
	--col: 1;
	max-width: 480px;
}

/* お知らせ
---------------------------------------- */
.block-news .item .tag {
	margin-bottom: 8px;
}

.block-post-content figure img {
	width: 100%;
}

/*============================================================
 タブ
*============================================================*/
#tab-box .tab {
	margin-bottom: 32px;
	height: 41px;
	overflow-x: scroll;
	overflow-y: hidden;
}
#tab-box .tab-wrap {
	display: inline-block;
	overflow-x: visible;
	white-space: nowrap;
}
#tab-box .tab-item {
	font-size: 16px;
	display: inline-block;
	position: relative;
	width: initial;
	min-width: initial;
	padding: 0 32px 12px 32px;
}
#tab-box .tab-item:before {
	bottom: 0;
}
#tab-box .tab-item a {
	display: block;
}

/*============================================================
 CTA
*============================================================*/
/* お問い合わせ
---------------------------------------- */
#cta-contact {
	padding: 48px 0;
}
#cta-contact .lead {
	font-size: 32px;
}


/*============================================================
 footer
*============================================================*/
/* メニューリスト
---------------------------------------- */
#site-footer #fnav .menu-list {
	flex-direction: column;
    text-align: center;
}


@media screen and (max-width: 480px) {
	/*============================================================
	 本文(下層)
	*============================================================*/
	.page-lower.single #sec-conductor .autor {
		flex-direction: column;
		align-items: center;
		padding: 24px;
		gap: 24px;
	}
	.page-lower.single #sec-conductor .autor .info {
		width: 100%;
		text-align: center;
	}

	/*============================================================
	 共通ブロック
	*============================================================*/
	/* お知らせ
	---------------------------------------- */
	.block-news .item h3 {
		font-size: 14px;
		line-height: 1.6;
	}
	
	/*============================================================
	 footer
	*============================================================*/
	#site-footer .inner {
		margin-bottom: 40px;
	}
	#site-footer #flogo {
		width: 200px;
		margin: 0 0 48px;
	}
	#site-footer #fnav .menu-list {
		align-items: flex-start;
		gap: 24px;
		margin-bottom: 40px;
	}
	
}