@charset "utf-8";
@media only screen and (min-width: 751px) {
	/*--------------------*/
	/*---- pc_cont.css ----*/
	/*--------------------*/

	/*----- common -----*/
	html {
		font-size: 62.5%;
		overflow: auto;
	}

	body {
		-webkit-text-size-adjust: 100%;
		font-size: 1.6rem;
		text-align: justify;
		font-feature-settings: "palt";
		background: #fff;
		min-width: 1240px;
	}

	img {
		height: auto;
		vertical-align: bottom;
	}

	.pcNone {
		display: none;
	}

	.fontRed {
		color: #b71a35;
		text-decoration: underline;
		transition: 0.3s;
	}
	.fontRed:hover {
		opacity: 0.6;
	}

	/*------------------------------------
		共通パーツ
	-------------------------------------*/
	/* ---------ボタンの設定 -----------*/
	.contactBtnBox {
		height: 45px;
		border-radius: 100px;
		background-color: #b71a35;
		border: 1px solid #b71a35;
	}
	.contactBtnBox a {
		color: #fff;
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 100%;
		height: 100%;
		padding: 10px 20px;
		padding-left: 33px;
		border-radius: 100px;
		transition: all 0.3s linear;
	}
	/* ボタンテキスト設定 */
	.contactBtnBox a > .btnTxt {
		color: #fff;
		margin-right: 17px;
		font-size: 1.3rem;
		letter-spacing: 0.15em;
		font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", sans-serif;
		transition: all 0.3s linear;
	}
	.contactBtnBox a:hover > .btnTxt {
		color: #b71a35;
		transition: 0.5s;
	}
	/* ボタンアイコン設定 */
	.contactBtnBox a > .btnIcon {
		width: 27px;
		height: 9px;
		background-image: url(../img/common/arrow_over.svg);
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
	}
	.contactBtnBox a > .btnIcon::after {
		content: "";
		display: block;
		width: 27px;
		height: 9px;
		background-image: url(../img/common/arrow.svg);
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
		transition: 0.5s;
	}
	.contactBtnBox a:hover > .btnIcon::after {
		opacity: 0;
		transition: 0.5s;
	}
	.contactBtnBox a:hover {
		background-color: #fff;
		transition: 0.5s;
	}
	/* ------各種ボタン幅設定------- */
	/* header */
	.contactBtnBox.headerBtn {
		/*min-width: 210px;*/
		height: 36px;
	}
	/* .gNavMenuInner .contactBtnBox.headerBtn:nth-child(1) {
		margin-right: 20px;
	} */
	.aboutBtn {
		display: inline-block;
		min-width: 310px;
		margin: 0 auto;
	}
	.footerBtn {
		min-width: 210px;
		margin-top: -25px;
	}

	/* --------- 共通ボタン -----------*/
	.commonBtnBox {
		display: inline-block;
		height: 45px;
		border-radius: 100px;
		background-color: #b71a35;
		border: 1px solid #b71a35;
		transition: 0.5s;
	}
	.commonBtnBox.minWidth {
		min-width: 240px;
	}
	.white.commonBtnBox {
		background-color: #fff;
		border: 1px solid #b71a35;
	}
	.commonBtnBox a {
		color: #fff;
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 100%;
		height: 100%;
		padding: 10px 20px;
		padding-left: 35px;
		border-radius: 100px;
		transition: all 0.3s linear;
		text-decoration: none !important;
	}
	.white.commonBtnBox a {
		color: #b71a35;
	}
	/* ボタンテキスト設定 */
	.commonBtnBox a > .btnTxt {
		color: #fff;
		margin-right: 37px;
		font-size: 1.3rem;
		letter-spacing: 0.15em;
		font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", sans-serif;
		transition: all 0.3s linear;
	}
	.white.commonBtnBox a > .btnTxt {
		color: #b71a35;
	}
	.commonBtnBox a:hover > .btnTxt {
		color: #b71a35;
		transition: 0.5s;
	}
	.white.commonBtnBox a:hover > .btnTxt {
		color: #fff;
		transition: 0.5s;
	}
	/* ボタンアイコン設定 */
	.commonBtnBox a > .btnIcon {
		width: 27px;
		height: 9px;
		background-image: url(../img/common/arrow_over.svg);
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
	}
	.white.commonBtnBox a > .btnIcon {
		background-image: url(../img/common/arrow.svg);
	}
	.commonBtnBox a > .btnIcon::after {
		content: "";
		display: block;
		width: 27px;
		height: 9px;
		background-image: url(../img/common/arrow.svg);
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
		transition: 0.5s;
	}
	.white.commonBtnBox a > .btnIcon::after {
		background-image: url(../img/common/arrow_over.svg);
	}
	.commonBtnBox a:hover > .btnIcon::after {
		opacity: 0;
		transition: 0.5s;
	}
	.commonBtnBox a:hover {
		background-color: #fff;
		transition: 0.5s;
	}
	.white.commonBtnBox:hover {
		/* background-color: #b71a35; */
		border: 1px solid #fff;
	}
	.white.commonBtnBox a:hover {
		background-color: #b71a35;
	}
	/* ラージボタン */
	.commonBtnBox.btnLpc {
		width: 390px;
		height: 70px;
	}
	.commonBtnBox.btnLpc a {
		padding: 10px 38px;
		padding-left: 53px;
	}
	.commonBtnBox.btnLpc a > .btnTxt {
		font-size: 2rem;
	}
	.commonBtnBox.btnLpc a > .btnIcon {
		width: 47px;
		height: 14px;
		background-size: cover;
	}
	.commonBtnBox.btnLpc a > .btnIcon::after {
		width: 47px;
		height: 14px;
		background-size: cover;
	}

	/*------------------------------------
		パンくずリスト
	-------------------------------------*/
	.breadcrumbListWrap {
		background-color: #f7f7fa;
		height: 100%;
		padding-top: 23px;
		padding-bottom: 72px;
	}
	.breadcrumbListBox {
		display: flex;
		justify-content: center;
		padding-top: 0;
		/* margin-top: 25px; */
		/* margin-bottom: 87px; */
	}
	.breadcrumbListBox ul {
		display: flex;
		flex-wrap: wrap;
		gap: 20px 18px;
	}
	.breadcrumbListBox li {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		font-size: 1.4rem;
		line-height: 1.4;
		color: #333;
		word-break: break-all;
		text-align: left;
	}
	.breadcrumbListBox li::after {
		content: ">";
		display: inline-block;
		padding-left: 18px;
	}
	.breadcrumbListBox li:last-child:after {
		content: none;
	}
	.breadcrumbListBox li a {
		color: #333;
		text-decoration: underline;
		transition: 0.3s;
	}
	.breadcrumbListBox li a:hover {
		opacity: 0.6;
	}

	/* 導入についての下層ページ用 */
	.aboutIntroduction .breadcrumbListOutline {
		position: absolute;
		top: 160px;
		text-align: left;
	}
	.aboutIntroduction .breadcrumbListWrap {
		background-color: unset;
		width: auto;
		padding-top: 0px;
		padding-bottom: 0px;
	}
	.aboutIntroduction .breadcrumbListBox {
		justify-content: flex-start;
	}
	.aboutIntroduction .breadcrumbListBox li {
		color: #fff;
		font-size: 1.5rem;
		line-height: 1;
		letter-spacing: 0.05em;
	}
	.aboutIntroduction .breadcrumbListBox li a {
		color: #fff;
		font-size: 1.5rem;
		line-height: 1;
		letter-spacing: 0.05em;
	}

	/*------------------------------------
		メニュー
	-------------------------------------*/
	header {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 500;
	}
	#documentDl header {
		/* position: static; */
	}
	.headerWrap {
		transition: 0.3s;
	}
	/* スクロール後アニメーション */
	.scrollOn .headerWrap {
		background-color: #fff;
	}
	.headerInner {
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 1240px;
		margin: 0 auto;
		padding: 18px 0px;
	}

	/* ヘッダーロゴ */
	.headerLogo {
		width: 70px;
		height: 78px;
		transition: 0.3s;
	}
	.headerLogo img {
		position: absolute;
		width: 70px;
		height: auto;
		transition: 0.3s;
	}
	.img1 {
		opacity: 0;
	}
	.scrollOn .img1 {
		opacity: 1;
	}
	.scrollOn .img2 {
		opacity: 0;
	}

	/* メニュー全体のwrap */
	.gNavMenuInner {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		justify-content: right;
	}

	.contactBtnWrap {
		display: flex;
		align-items: center;
		gap: 20px;
	}

	nav.gNavMenu {
		width: 100%;
		padding-top: 30px;
	}
	ul.gNavList {
		display: flex;
		justify-content: right;
		/* height: 50px; */
		font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
	}

	/*全てのリスト・リンク共通*/
	ul.gNavList li.gNavItem {
		position: relative;
		font-size: 1.5rem;
		font-weight: bold;
	}
	ul.gNavList li.gNavItem a {
		color: #fff;
		display: block;
		width: 100%;
		padding: 5px 10px;
		word-break: break-all;
		line-height: 1.3;
		letter-spacing: 0.05em;
		transition: all 0.3s linear;
	}
	ul.gNavList li.gNavItem a:hover {
		opacity: 0.6;
	}
	/* スクロール後アニメーション */
	.scrollOn ul.gNavList li.gNavItem a {
		color: #262626;
	}

	/* 第一階層のみの設定 */
	ul.gNavList > li.gNavItem {
		max-width: 250px;
		margin-right: 23px;
		pointer-events: none;
	}
	ul.gNavList > li.gNavItem > a {
		pointer-events: all;
	}
	ul.gNavList > li.gNavItem:last-child {
		margin-right: 0px;
	}

	/* 第二階層以降 */
	/*------子階層以降共通--------*/
	ul.gNavList li.gNavItem ul.gNavListSecond {
		position: absolute;
		left: 50%;
		right: 50%;
		transform: translate(-50%, 0%);
		opacity: 0;
		width: 220px;
		margin-top: 18px;
		margin-bottom: 20px;
		padding: 15px 20px;
		border-radius: 20px;
		transition: all 0.3s linear;
		background: #b71a35;
		pointer-events: none;

		/* 表示調整用↓ */
		/* opacity: 1; */
	}
	ul.gNavList li.gNavItem:hover > ul.gNavListSecond {
		position: absolute;
		width: 220px;
		margin-top: 18px;
		opacity: 1;
		background: #b71a35;
		transition: all 0.3s linear;
		pointer-events: all;
	}
	/* 吹き出し三角アイコンの透過擬似背景 */
	ul.gNavList li.gNavItem ul.gNavListSecond::after {
		content: "";
		position: absolute;
		display: none;
		top: -22px;
		left: 0;
		width: 100%;
		border-top: 30px solid rgba(255, 255, 255, 0);
		z-index: -1;
		pointer-events: all;
	}
	ul.gNavList li.gNavItem:hover > ul.gNavListSecond::after {
		display: block;
	}
	/* 吹き出しの三角アイコン */
	ul.gNavList li.gNavItem ul.gNavListSecond::before {
		content: "";
		position: absolute;
		top: -8px;
		left: 50%;
		transform: translateX(-50%);
		border-bottom: 9px solid #b71a35;
		border-right: 9px solid transparent;
		border-left: 9px solid transparent;
		z-index: 1;
		transition: all 0.3s linear;
		opacity: 0;

		/* 表示調整用↓ */
		/* opacity: 1; */
	}
	ul.gNavList li.gNavItem:hover > ul.gNavListSecond::before {
		visibility: visible;
		opacity: 1;
	}
	ul.gNavList li.gNavItem ul.gNavListSecond li.gNavItem {
		display: block;
		height: auto;
		overflow: visible;
		border-bottom: 1px solid rgba(255, 255, 255, 0.3);
		padding-top: 2px;
		padding-bottom: 2px;
	}
	ul.gNavList li.gNavItem ul.gNavListSecond li.gNavItem:last-child {
		border-bottom: 0;
	}
	ul.gNavList li.gNavItem:hover > ul.gNavListSecond > li.gNavItem {
		height: auto;
		overflow: visible;
		display: block;
	}

	ul.gNavList li.gNavItem ul.gNavListSecond > li.gNavItem a {
		padding: 10px 0px;
		color: #fff;
		background-color: unset;
		text-align: left;
	}

	/*------------------------------------
		mainvisual
	-------------------------------------*/
	.mainVisualInner {
		position: relative;
		display: flex;
		justify-content: center;
		width: 100%;
		height: 900px;
		background: url(../img/top/pc/main_top_img.jpg) no-repeat center center/cover;
	}
	.mainVisualBox {
		position: absolute;
		top: 340px;
		text-align: center;
	}
	.mainVisualCatchCopy01 {
		margin-bottom: 26px;
		color: #fff;
		font-size: 4rem;
		line-height: 1;
		letter-spacing: 0.15em;
	}
	.mainVisualCatchCopy02 {
		margin-bottom: 46px;
		color: #fff;
		font-size: 2.5rem;
		line-height: 1;
		letter-spacing: 0.15em;
	}
	.mainVisualLogo {
		width: 491px;
		margin: 0 auto;
	}
	.mainVisualArrow {
		position: absolute;
		bottom: 99px;
		width: 10px;
		height: 15px;
		background-image: url(../img/top/arrow_pager.svg);
		background-position: center;
		background-size: contain;
		background-repeat: no-repeat;
		transform: rotate(-90deg);
		cursor: pointer;
	}
	.mainVisualArrow a {
		display: block;
		width: 10px;
		height: 15px;
	}

	/*------------------------------------
		section共通
	-------------------------------------*/
	.sectionCommon {
		text-align: center;
		width: 1240px;
		max-width: 1240px;
		margin: 0 auto;
	}
	.sectionTitle {
		font-size: 5rem;
	}

	/*------------------------------------
		footer
	-------------------------------------*/
	.footerMenuWrap {
		display: flex;
		justify-content: space-between;
	}
	.footerMenuInner {
		display: flex;
		align-items: center;
		justify-content: center;
		max-width: 1240px;
		min-height: 150px;
		/* margin: 0 auto; */
		padding-top: 50px;
		padding-bottom: 30px;
	}
	.footerMenuBox {
		display: flex;
		align-items: center;
		gap: 32px;
	}
	.footerMenuList {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		gap: 32px;
	}
	.footerMenuItem {
		/* margin-right: 32px; */
		margin-bottom: 25px;
		font-size: 1.4rem;
		font-weight: bold;
		line-height: 1.5;
		letter-spacing: 0.05em;
	}
	.footerMenuItem > a {
		transition: all 0.3s linear;
	}
	.footerMenuItem > a:hover {
		opacity: 0.6;
	}
	.footerBox {
		display: flex;
		align-items: center;
		justify-content: center;
		height: 70px;
		font-size: 1.4rem;
		letter-spacing: 0.05em;
		color: #fff;
		background-color: #7d7d7d;
	}
	/* ページトップボタン */
	#gPagetop {
		right: 20px;
		width: 60px;
		height: 60px;
		border-radius: 100%;
		z-index: 100;
	}
	#gPagetop a {
		display: block;
		width: 60px;
		height: 60px;
		border-radius: 100%;
		transition: 0.3s;
	}
	#gPagetop a img {
		border-radius: 100%;
	}
	#gPagetop a:hover {
		opacity: 0.8;
	}

	/* SNSボタン */
	/* SNSボタン共通設定 */
	.snsBox {
		display: flex;
		align-items: center;
		gap: 20px;
	}
	.snsBtn {
		position: relative;
	}
	.snsBtn a {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 50px;
		height: 50px;
		transition: 0.3s;
		background-color: #b71a35;
		border-radius: 100%;
	}
	.snsBtn a::before {
		content: "";
		margin: auto;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		pointer-events: none;
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
	}
	.snsBtn a::after {
		content: "";
		margin: auto;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		pointer-events: none;
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
		transition: 0.3s;
	}
	.snsBtn a:hover::after {
		opacity: 0;
	}

	/* X(旧:Twitter)アイコン */
	.xBtn a::before {
		background-image: url(../img/common/x_btn_icon_hover.svg);
	}
	.xBtn a::after {
		background-image: url(../img/common/x_btn_icon.svg);
	}

	/* Facebookアイコン */
	.facebookBtn a::before {
		background-image: url(../img/common/facebook_btn_icon_hover.svg);
	}
	.facebookBtn a::after {
		background-image: url(../img/common/facebook_btn_icon.svg);
	}

	/* YouTubeボタンアイコン */
	.youtubeBtn a::before {
		background-image: url(../img/common/youtube_btn_icon_hover.svg);
	}
	.youtubeBtn a::after {
		background-image: url(../img/common/youtube_btn_icon.svg);
	}

	/*------------------------------------
		contentsMainVisual
	-------------------------------------*/
	.contentsMainVisualWrap {
		padding-top: 130px;
	}
	.contentsMainVisualBox {
		width: 100%;
	}
	.contentsMainVisualInner {
		position: relative;
		width: 100%;
		height: 260px;
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
	}
	.contentsMainVisualBoxBg {
		width: 100%;
		height: 260px;
		background-color: #000;
		opacity: 0.35;
	}
	.contentsMainVisualBox {
		position: absolute;
		top: 0;
		height: 260px;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.contentsMainVisualBox .contentsMainVisualTitle {
		font-size: 4rem;
		letter-spacing: 0.08em;
		font-weight: bold;
		color: #fff;
	}
	/* DC3とはページ */
	#about .contentsMainVisualInner {
		background-image: url(../img/about/pc/pc_about_main_img.jpg);
	}
	/* FAQページ */
	#faq .contentsMainVisualInner {
		background-image: url(../img/faq/pc/pc_faq_main_img.jpg);
	}
	/* 活用分野 */
	#field .contentsMainVisualInner {
		background-image: url(../img/field/pc/pc_field_main_img.jpg);
	}
	/* 関連ソリューション */
	#solution .contentsMainVisualInner {
		background-image: url(../img/solution/pc/pc_solution_main_img.jpg);
	}
	/* 導入事例 */
	#caseStudy .contentsMainVisualInner {
		background-image: url(../img/case-study/pc/pc_caseStudy_main_img.jpg);
	}
	/* コラム */
	#column .contentsMainVisualInner {
		background-image: url(../img/column/pc/pc_column_main_img.jpg);
	}
	/* 資料ダウンロード */
	#document .contentsMainVisualInner {
		background-image: url(../img/document/pc/pc_document_main_img.jpg);
	}

	/*------------------------------------
		活用分野（一覧ページ）
	-------------------------------------*/
	.contentsWrap {
		background-color: #f7f7fa;
	}
	.contentsInner {
		width: 1240px;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin: 0 auto;
	}

	/*--------------------------
	|       記事カードリスト         |
	---------------------------*/
	.contentsListInner {
		padding-bottom: 140px;
	}

	/* 各コンテンツ */
	.contentsBoxWrap {
		display: grid;
		grid-template-columns: repeat(4, 280px) !important;
		grid-auto-rows: auto;
		grid-auto-flow: row;
		gap: 40px;
		margin-bottom: 70px;
	}
	.contentsBox a {
		display: flex;
		flex-wrap: wrap;
		background-color: #fff;
		transition: 0.3s;
	}
	/*--- 画像部分 ---*/
	.contentsImgBox {
		background-color: #fff;
	}
	.contentsImgBox > img {
		width: 100%;
		height: auto;
		object-fit: contain;
		object-position: center;
		aspect-ratio: 16/9;
		transition: 0.2s;
	}
	/* Safari専用の「object-fit: contain;」と「aspect-ratio」を
	使用した際に画像の端に予期せぬ余白が入ることを防ぐ記述↓ */
	_::-webkit-full-page-media,
	_:future,
	:root .contentsImgBox > img {
		width: auto;
		min-width: 100%;
		max-width: 100%;
	}
	.contentsBox a:hover {
		opacity: 0.7;
	}
	/*--- 記事テキスト部分 ---*/
	.contentsDetailBox {
		width: 280px;
		min-height: 147px;
		padding: 18px 15px 20px;
	}
	/* テキスト設定 */
	.contentsTextBox {
		text-align: left;
		word-break: break-all;
	}
	.contentsInfoBox .contentsDate {
		font-size: 1.5rem;
		font-weight: bold;
	}
	.contentsInfoBox .contentsDateArticle {
		font-size: 1.8rem;
		font-weight: bold;
	}
	.contentsTextBox .contentsTitle {
		font-size: 1.5rem;
		line-height: 1.6;
	}
	.contentsTextBox .contentsSentence {
		margin-top: 13px;
		font-size: 1.5rem;
		line-height: 1.6;
	}
	/* 情報ボックス */
	.contentsInfoBox {
		display: flex;
		justify-content: space-between;
		align-items: center;
		flex-wrap: wrap;
		gap: 10px;
		margin-bottom: 10px;
	}
	/* タグ設定 */
	.contentsTagBox {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		gap: 10px 8px;
	}
	.contentsTagBox .contentsTag {
		display: inline-block;
		padding: 4px 15px 3px;
		background-color: #fff;
		text-align: left;
	}
	.contentsTagBox span {
		display: inline-block;
		font-size: 1.4rem;
		line-height: 1.3;
	}
	.contentsTagBox .navy {
		color: #fff;
		background-color: #3b6687;
		border-radius: 6px;
	}
	.contentsTagBox .red {
		color: #fff;
		background-color: #ce4a67;
		border-radius: 6px;
	}

	/*--------------------------
	|           pager           |
	---------------------------*/
	.pagerBox {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
		width: 100%;
		margin-top: 0px;
		text-align: center;
	}

	/* 現在ページ */
	.pagerBox li div {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 50px;
		height: 50px;
		text-align: center;
		border-radius: 6px;
		color: #ffffff;
		border: 1px solid #b71a35;
		background: #b71a35;
	}

	/*--- 共通設定 ---*/
	.pagerBox li {
		position: relative;
		letter-spacing: normal;
		margin: 0px 7.5px;
	}
	.pagerBox li a {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 50px;
		height: 50px;
		text-align: center;
		border-radius: 6px;
		border: 1px solid #e1e5ec;
		background: #ffffff;
		text-decoration: none;
		transition: 0.3s;
	}
	.pagerBox li a:hover {
		background: #b71a35;
		border: 1px solid #b71a35;
		color: #ffffff;
	}
	.pagerBox li a::before {
		content: "";
		margin: auto;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		pointer-events: none;
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
	}
	.pagerBox li a::after {
		content: "";
		margin: auto;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		pointer-events: none;
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
		transition: 0.3s;
	}

	/*--- 各種ボタン設定 ---*/
	/* トップボタン */
	.pagerBox li.top a::before {
		width: 14.2px;
		height: 11px;
		background-image: url(../img/common/pager/pager_top_hover.svg);
		right: 3px;
	}
	.pagerBox li.top a::after {
		width: 14.2px;
		height: 11px;
		background-image: url(../img/common/pager/pager_top.svg);
		right: 3px;
	}
	.pagerBox li.top a:hover::after {
		opacity: 0;
	}

	/* プレフボタン */
	.pagerBox li.pref {
		margin-right: 32.5px;
	}
	.pagerBox li.pref a::before {
		width: 6.2px;
		height: 11px;
		background-image: url(../img/common/pager/pager_pref_hover.svg);
		right: 3px;
	}
	.pagerBox li.pref a::after {
		width: 6.2px;
		height: 11px;
		background-image: url(../img/common/pager/pager_pref.svg);
		right: 3px;
	}
	.pagerBox li.pref a:hover::after {
		opacity: 0;
	}

	/* エンドボタン */
	.pagerBox li.end a::before {
		width: 14.2px;
		height: 11px;
		background-image: url(../img/common/pager/pager_end_hover.svg);
		left: 2px;
	}
	.pagerBox li.end a::after {
		width: 14.2px;
		height: 11px;
		background-image: url(../img/common/pager/pager_end.svg);
		left: 2px;
	}
	.pagerBox li.end a:hover::after {
		opacity: 0;
	}

	/* ネクストボタン */
	.pagerBox li.next {
		margin-left: 32.5px;
	}
	.pagerBox li.next a::before {
		width: 6.2px;
		height: 11px;
		background-image: url(../img/common/pager/pager_next_hover.svg);
		left: 2px;
	}
	.pagerBox li.next a::after {
		width: 6.2px;
		height: 11px;
		background-image: url(../img/common/pager/pager_next.svg);
		left: 2px;
	}
	.pagerBox li.next a:hover::after {
		opacity: 0;
	}

	/*--------------------------
	|       コンテンツヘッダー      |
	---------------------------*/
	.contentsHeader {
		text-align: left;
		margin-bottom: 60px;
	}
	.contentsHeader h1 {
		font-size: 3.8rem;
		font-weight: bold;
		line-height: 1.5;
	}
	/* 情報ボックス */
	.contentsHeader .contentsInfoBox {
		display: flex;
		justify-content: flex-start;
		align-items: center;
		flex-wrap: wrap;
		gap: 20px;
		margin-bottom: 20px;
	}

	/*--------------------------
	|        コンテンツボディ       |
	---------------------------*/
	.contentsBodyInner {
		padding-bottom: 115px;
	}

	.contentsBody {
		margin-bottom: 80px;
	}

	.contentsBodyInner *:last-child {
		margin-bottom: 0;
	}

	/* ノーマルテキスト */
	.bodyWpPost .contentsBodyInner {
		line-height: 1.9;
	}
	.contentsBodyInner p {
		margin-bottom: 55px;
		font-size: 1.6rem;
		line-height: 1.9;
		text-align: left;
	}
	.bodyWpPost .contentsBodyInner p {
		margin-bottom: 0px;
	}

	/* 見出し大 */
	.contentsBodyInner .headlineL {
		position: relative;
		margin-bottom: 50px;
		font-size: 3rem;
		line-height: 1.5;
		font-weight: bold;
		text-align: left;
		color: #fff;
		padding: 13px 20px;
		border-radius: 8px;
		background-color: #b71a35;
	}
	.bodyWpPost .contentsBodyInner .headlineL {
		margin-bottom: 15px;
	}

	/* 見出し中 */
	.contentsBodyInner .headlineM {
		position: relative;
		margin-bottom: 35px;
		font-size: 3rem;
		line-height: 1.5;
		font-weight: bold;
		padding-left: 24px;
	}
	.bodyWpPost .contentsBodyInner .headlineM {
		margin-bottom: 10px;
	}
	.contentsBodyInner .headlineM::before {
		content: "";
		display: block;
		position: absolute;
		top: 2px;
		left: 0;
		width: 10px;
		height: 90%;
		border-radius: 4px;
		background-color: #b71a35;
	}

	/* 見出し小 */
	.contentsBodyInner .headlineS {
		margin-bottom: 30px;
		font-size: 2.4rem;
		line-height: 1.6;
		font-weight: bold;
		padding-left: 21px;
		text-indent: -21px;
	}
	.bodyWpPost .contentsBodyInner .headlineS {
		margin-bottom: 10px;
	}
	.contentsBodyInner .headlineS::before {
		content: "";
		display: inline-block;
		width: 12px;
		height: 12px;
		margin-right: 9px;
		margin-bottom: 2px;
		border-radius: 4px;
		background-color: #b71a35;
	}

	/* 画像 */
	.contentsBodyInner img {
		max-width: 1240px;
		margin-bottom: 55px;
	}
	.bodyWpPost .contentsBodyInner img {
		margin-bottom: 0px;
	}

	/* カラーボックス */
	.contentsBodyInner blockquote {
		margin-bottom: 55px;
		padding: 28px 36px 30px;
		font-size: 1.6rem;
		line-height: 1.9;
		text-align: left;
		border-radius: 8px;
		background-color: #e1e5ec;
	}
	.bodyWpPost .contentsBodyInner blockquote {
		margin-bottom: 0px;
	}


	/* コンテンツ量に応じたカラーボックス */
	.colorBox {
		display: table;
		margin: 0 auto;
		margin-bottom: 55px;
		padding: 35px;
		border-radius: 8px;
		line-height: 1.9;
		background-color: #e1e5ec;
	}
	.bodyWpPost .contentsBodyInner .colorBox {
		margin-bottom: 0px;
	}

	/* リスト */
	.contentsBodyInner ul {
		margin-bottom: 30px;
		font-size: 1.6rem;
		line-height: 1.9;
		text-align: left;
	}
	.bodyWpPost .contentsBodyInner ul {
		margin-bottom: 0px;
	}
	.contentsBodyInner ul li {
		margin-bottom: 6px;
		padding-left: 1.1em;
		text-indent: -1.1em;
	}
	.contentsBodyInner ul li:last-child {
		margin-bottom: 0;
	}
	.contentsBodyInner ul li::before {
		content: "";
		display: inline-block;
		width: 8px;
		height: 8px;
		margin-bottom: 2px;
		margin-right: 10px;
		background-color: #333;
		border-radius: 100%;
	}
	.contentsBodyInner ul[style="list-style-type: circle;"] li::before {
		content: "";
		display: inline-block;
		width: 8px;
		height: 8px;
		margin-bottom: 2px;
		margin-right: 10px;
		background-color: #ffffff;
		border: 1px solid #333333;
		border-radius: 100%;
	}
	.contentsBodyInner ul[style="list-style-type: square;"] li::before {
		content: "";
		display: inline-block;
		width: 8px;
		height: 8px;
		margin-bottom: 2px;
		margin-right: 10px;
		background-color: #333;
		border-radius: 0px;
	}
	
	/* リンク */
	.contentsBodyInner a {
		color: #b71a35;
		text-decoration: underline;
		text-underline-offset: 3px;
	}
	.contentsBodyInner a:hover {
		text-decoration: none;
	}

	/*------------------------------------
		エンドユーザーページ endUser
	-------------------------------------*/
	/*------------------------------------
		コンテンツボディ【endUser向け】
	-------------------------------------*/
	/*----- ページ固有の設定 ------*/
	#endUser .contentsWrap {
		border-bottom: 1px solid #e1e5ec;
		background-color: #fff;
	}
	#endUser .contentsInner {
		padding-top: 95px;
	}

	/*----- 各セクションの設定 ------*/
	#endUser .sectionBox {
		margin-bottom: 110px;
	}
	#endUser .contentsBodyBox {
		margin-bottom: 85px;
	}

	/* セクション個別設定 */
	#endUser #section01 {
		margin-bottom: 103px;
	}
	#endUser #section01 .contentsBodyBox .firstText {
		font-weight: 700;
		font-size: 1.5rem;
		line-height: 2;
		text-align: center;
		font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", sans-serif;
		letter-spacing: 0.15em;
		margin-bottom: 54px;
	}
	#endUser #section01 .contentsBodyBox .firstImg {
		width: 600px;
		height: auto;
		margin: 0 auto;
	}
	#endUser #section02 {
		margin-bottom: 111px;
	}
	#endUser #section03 {
		margin-bottom: 110px;
	}
	#endUser #section04 {
		margin-bottom: 106px;
	}
	#endUser #section05 {
		margin-bottom: 83px;
	}

	/* 2列ボックス */
	#endUser .contentsBodyBox.column2 {
		display: flex;
		gap: 80px;
	}
	/* pタグ設定 */
	#endUser .contentsBodyBox p {
		text-align: justify;
		font-feature-settings: "palt";
	}
	#endUser .contentsBodyBox img {
		width: 580px;
		height: auto;
	}
	/* 注釈 */
	#endUser .contentsBodyBox .note {
		display: inline-block;
		margin-top: 20px;
		font-size: 1.3rem;
	}

	/* Youtube動画埋め込み */
	#endUser .youtubeMV {
		width: 800px !important;
		height: calc(800px * 0.5625) !important;
		margin: 32px auto 0;
	}
	#endUser .youtubeMV iframe {
		width: 100% !important;
		height: 100% !important;
	}

	/* Youtube以外の動画 */
	#endUser .mvBox {
		width: 800px;
		height: auto;
		margin: 32px auto 0;
	}
	#endUser .mvBox video {
		width: 100%;
		height: 100%;
	}

	/*------------------------------------
		Newsスライダー
	-------------------------------------*/
	.newsSliderWrap {
		padding-top: 60px;
		padding-bottom: 60px;
		background-color: #b71a35;
		text-align: center;
	}

	.swiper {
		display: flex;
		justify-content: space-between;
		align-items: center;
		width: 1080px;
	}

	.swiper > .titleImg {
		display: block;
		margin-top: -54px;
	}
	.swiper > .titleImg > img {
		width: 136px;
		height: 34px;
	}

	.swiper-wrapper {
		display: flex;
		justify-content: flex-end;
		gap: 20px !important;
		width: 820px;
		min-height: 280px !important;
	}

	.swiper-slide {
		width: 260px !important;
		background-color: #fff;
	}

	/* タイトルテキストが3行以上の時に3点リーダーを表示する */
	.newsSliderWrap .contentsTextBox .contentsTitle {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
		overflow: hidden;
	}

	/*--- 記事テキスト部分 ---*/
	.newsSliderWrap .contentsBoxWrap {
		gap: 0px;
	}
	.newsSliderWrap .contentsDetailBox {
		min-height: 134px;
		padding: 13px 15px 18px;
	}

	.newsSliderWrap .contentsInfoBox {
		margin-bottom: 10px;
	}
	.newsSliderWrap .contentsTextBox .contentsTitle {
		line-height: 1.5;
	}
	.newsSliderWrap .contentsBoxWrap {
		margin-bottom: 50px;
	}

	/*------------------------------------
		共通セクションスタイル
	-------------------------------------*/
	/*----- 汎用セクション ------*/
	.sectionWrap {
		padding: 125px 0 95px;
	}
	.sectionWrap.bgc0 {
		background-color: #fff;
	}
	.sectionWrap.bgc1 {
		background-color: #e2e6ed;
	}
	.sectionWrap.bgc2 {
		background-color: #f7f7fa;
	}
	.sectionWrap.bgc3 {
		background-color: #eff1f5;
	}
	.sectionWrap.bgc4 {
		color: #fff;
		background-color: #080808;
	}
	.sectionWrap.bgc5 {
		color: #fff;
		background-color: #b71a35;
	}
	.sectionWrap.bgc6 {
		color: #fff;
		background-color: #7c7c7c;
	}
	.sectionInner {
		text-align: center;
	}

	/* mb調整 */
	.sectionWrap .mb1 {
		margin-bottom: 40px !important;
	}
	.sectionWrap .mb2 {
		margin-bottom: 45px !important;
	}
	.sectionWrap .mb3 {
		margin-bottom: 50px !important;
	}
	.sectionWrap .mb4 {
		margin-bottom: 60px !important;
	}
	.sectionWrap .mb5 {
		margin-bottom: 100px !important;
	}

	/* フォント設定 */
	.sectionWrap.white {
		color: #fff;
	}
	.sectionInner .txtArea {
		font-weight: 700;
		font-size: 1.5rem;
		line-height: 2;
		font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", sans-serif;
		letter-spacing: 0.15em;
		margin-bottom: 65px;
	}
	.sectionInner .headlineTxt {
		font-weight: 700;
		font-size: 3rem;
		line-height: 1;
		font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", sans-serif;
		letter-spacing: 0.15em;
		margin-bottom: 55px;
	}
	.sectionInner .headlineTxtS {
		font-weight: 700;
		font-size: 2.4rem;
		line-height: 1;
		font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", sans-serif;
		letter-spacing: 0.15em;
	}
	.sectionInner .headlineTxtM {
		font-weight: 700;
		font-size: 3.8rem;
		line-height: 1;
		font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", sans-serif;
		letter-spacing: 0.15em;
	}
	.sectionWrap .headlineTxtL {
		font-weight: 700;
		font-size: 5rem;
		line-height: 1;
		font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", sans-serif;
		letter-spacing: 0.1em;
		margin-bottom: 55px;
	}

	.sectionWrap.about {
		color: #fff;
		background-image: url(../img/top/pc/about_bg01@2x.png);
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
	}
	.sectionWrap.about .aboutImg01 {
		width: 580px;
		height: auto;
		margin: 0 auto;
	}

	/* リストボックス */
	.sectionWrap .txtArea.bgGray {
		display: table;
		margin: 0 auto;
		padding: 33px 40px 40px 40px;
		background-color: #eff1f5;
		border-radius: 10px;
	}
	.sectionWrap .txtArea.listBox {
		max-width: 880px;
		padding: 30px 100px;
		text-align: left;
	}
	.sectionWrap .txtArea ul li {
		display: flex;
		align-items: flex-start;
		line-height: 1.5;
		margin-bottom: 5px;
	}
	.sectionWrap .txtArea ul li:last-child {
		margin-bottom: 0;
	}
	.sectionWrap .txtArea ul li::before {
		content: "●";
	}

	/* 導入について */
	.introductionArea {
		display: flex;
		gap: 20px;
	}
	.introductionAreaBox .imgBox {
		/* width: 400px;
		height: 220px; */
		width: 295px;
		height: 162px;
		margin-bottom: 25px;
	}
	.introductionAreaBox .imgBox img {
		/* width: 400px;
		height: 220px; */
		width: 295px;
		height: 162px;
	}
	.introductionAreaBox .contentBox .title {
		font-size: 2.2rem;
		font-weight: 700;
		line-height: 1.5;
		margin-bottom: 15px;
	}
	.introductionAreaBox .contentBox .content {
		font-size: 1.5rem;
		line-height: 1.7;
		letter-spacing: 0.05em;
		margin-bottom: 22px;
	}
	.sectionWrap.introductionAreaSection {
		padding: 110px 0 115px;
	}
	.sectionWrap.introductionAreaSection .sectionInner .txtArea {
		margin-bottom: 45px;
	}

	/* よくある質問 FAQ */
	.sectionWrap.faqSection {
		padding: 125px 0;
	}
	.sectionInner .headlineTxt.faqImg::after {
		content: "";
		display: block;
		width: 86px;
		height: 35px;
		margin: 20px auto 0;
		background: url(../img/common/faq_heading@2x.png) no-repeat center center/contain;
	}

	/*------------------------------------
		FAQの設定
	-------------------------------------*/
	.faqWrap {
		background-color: #eff1f5;
	}
	.p-index-faq {
		padding: 0px 0 118px;
		text-align: left;
	}

	.p-index-faq__title {
		display: flex;
		flex-direction: column;
		gap: 20px;
		margin-bottom: 47px;
		align-items: center;
		font-weight: 700;
		font-size: 3rem;
		line-height: 1;
		font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", sans-serif;
		letter-spacing: 0.15em;
	}

	.p-index-faq__link a {
		position: relative;
		display: flex;
		align-items: center;
		width: 240px;
		height: 45px;
		margin: 0 auto;
		padding-left: 24px;
		color: #fff;
		border-radius: 50px;
		border: 1px solid #b71a35;
		background-color: #b71a35;
		font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", sans-serif;
		font-size: 1.4rem;
		letter-spacing: 0.15em;
		line-height: 1;
		transition: all 0.3s linear;
	}

	.p-index-faq__link a:hover {
		color: #b71a35;
		background-color: #fff;
	}

	.p-index-faq__link a:hover .p-index-faq__arrow {
		fill: #b71a35;
	}

	.p-index-faq__arrow {
		right: 21px;
		position: absolute;
		width: 27px;
		height: 9px;
		fill: #fff;
	}

	.p-index-faq__category {
		display: grid;
		grid-template-columns: 280px 280px 280px;
		justify-content: center;
		gap: 10px;
		padding-bottom: 70px;
		background-color: #f7f7fa;
	}

	.p-index-faq__button a {
		position: relative;
		display: flex;
		align-items: center;
		width: 100%;
		height: 45px;
		padding-left: 25px;
		border-radius: 22.5px;
		background-color: #b71a35;
		color: #fff;
		font-weight: 700;
		font-size: 1.4rem;
		line-height: 1;
		font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", sans-serif;
		letter-spacing: 0.15em;
		transition: all 0.3s linear;
	}
	.p-index-faq__button a:hover {
		color: #262626;
		background-color: #fff;
	}
	.p-index-faq__button a::after {
		content: "";
		position: absolute;
		top: 50%;
		right: 21px;
		transform: translateY(-50%);
		border-style: solid;
		border-width: 8.7px 5px 0 5px;
		border-color: #fff transparent transparent transparent;
		transition: all 0.3s linear;
	}
	.p-index-faq__button a:hover::after {
		border-color: #262626 transparent transparent transparent;
	}

	.p-index-faq__list {
		width: 820px;
		margin: 0 auto;
	}

	.p-index-faq__list:last-child {
		margin-bottom: 0;
	}

	.p-index-faq__list-title {
		margin-bottom: 59px;
		padding-top: 78px;
		font-weight: 700;
		font-size: 2.5rem;
		line-height: 1;
		font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", sans-serif;
		letter-spacing: 0.15em;
		text-align: center;
	}

	.p-index-faq__list .p-index-faq__list-item.active .p-index-faq__question {
		background-color: #e2e6ed;
	}

	.p-index-faq__list .p-index-faq__list-item.active .p-index-faq__question::after {
		transform: translateY(-50%) rotate(90deg);
	}

	.p-index-faq__list .p-index-faq__question {
		position: relative;
		display: flex;
		align-items: center;
		width: 100%;
		margin-bottom: 15px;
		padding: 10px 51px 10px 51px;
		font-weight: 700;
		font-size: 1.6rem;
		line-height: 1.5;
		text-align: left;
		font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", sans-serif;
		letter-spacing: 0.15em;
		background-color: #fff;
		border-radius: 22.5px;
	}

	.p-index-faq__list .p-index-faq__question::before {
		content: "";
		position: absolute;
		left: 22px;
		width: 14px;
		height: 19px;
		background: url(../img/faq/icon_question@2x.png) no-repeat center center/contain;
	}

	.p-index-faq__list .p-index-faq__question::after {
		content: "";
		position: absolute;
		top: 50%;
		right: 24px;
		transform: translateY(-50%);
		border-style: solid;
		border-width: 5px 0 5px 8.7px;
		border-color: transparent transparent transparent #262626;
		transition: 0.3s;
	}

	.p-index-faq__list .p-index-faq__answer {
		height: 0;
		overflow: hidden;
		transition: height 3s;
	}

	.p-index-faq__list .p-index-faq__answer .p-index-faq__answer-text {
		position: relative;
		display: flex;
		align-items: start;
		margin: 15px 0 30px;
		padding: 0 51px;
		font-weight: 700;
		font-size: 1.6rem;
		line-height: 1.5;
		font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", sans-serif;
		letter-spacing: 0.15em;
	}

	.p-index-faq__list .p-index-faq__answer .p-index-faq__answer-text::before {
		content: "";
		position: absolute;
		top: 4px;
		left: 22px;
		width: 16px;
		height: 17px;
		background: url(../img/faq/icon_answer@2x.png) no-repeat center center/contain;
	}

	/*------------------------------------
		導入について service
	-------------------------------------*/
	.aboutIntroduction .fontRed {
		color: #b71a35;
		text-decoration: underline;
		transition: 0.3s;
	}
	.aboutIntroduction .fontRed:hover {
		opacity: 0.6;
	}

	/*----- メインビジュアル ------*/
	.p-lower-mainvisual {
		position: relative;
		display: flex;
		justify-content: center;
		width: 100%;
		/* height: 870px; */
		height: 500px;
	}
	.p-lower-mainvisual__wrapper {
		position: absolute;
		top: 270px;
	}
	.p-lower-mainvisual__title {
		display: flex;
		flex-direction: column;
		align-items: center;
		margin-bottom: 55px;
		color: #fff;
		font-weight: 700;
		font-size: 4.6rem;
		line-height: 1;
		font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", sans-serif;
		letter-spacing: 0.15em;
		text-align: center;
		line-height: 1.3;
	}
	.p-lower-mainvisual__title .fontS {
		font-weight: 700;
		font-size: 2.5rem;
		margin-bottom: 18px;
		letter-spacing: 0.15em;
	}
	/* .p-lower-mainvisual__title::before {
		display: block;
		content: "";
		width: 173px;
		height: 21px;
		margin-bottom: 28px;
		background: url(../img/introduction/lower/lower-mv_heading.png) no-repeat center center/contain;
	} */
	.p-lower-mainvisual__container {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		-moz-column-gap: 30px;
		column-gap: 30px;
	}
	/* 赤い丸 */
	.p-lower-mainvisual__circle {
		display: grid;
		place-items: center;
		width: 270px;
		height: 270px;
		border-radius: 50%;
		background-color: rgba(183, 26, 53, 0.8);
	}
	.p-lower-mainvisual__text {
		color: #fff;
		font-weight: 700;
		font-size: 2.3rem;
		line-height: 1.66667;
		font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", sans-serif;
		letter-spacing: 0.15em;
		text-align: center;
	}
	/* メインビジュアル背景画像 */
	/* サービス事業者様へ */
	.p-service-mainvisual {
		position: relative;
		background: url(../img/introduction/lower/service-mv_bg-pc.jpg) no-repeat center center/cover;
	}
	/* コンテンツ提供者様へ */
	.p-contents-mainvisual {
		position: relative;
		background: url(../img/introduction/lower/contents-mv_bg-pc.jpg) no-repeat center center/cover;
	}
	/* プレイヤー提供者様へ */
	.p-player-mainvisual {
		position: relative;
		background: url(../img/introduction/lower/player-mv_bg-pc.jpg) no-repeat center center/cover;
	}
	/* エンドユーザーの皆様へ */
	.p-user-mainvisual {
		position: relative;
		background: url(../img/introduction/lower/user-mv_bg-pc.jpg) no-repeat center center/cover;
	}
	/* DC3とは */
	.p-about-mainvisual {
		position: relative;
		background: url(../img/about/pc/main_about_img_pc.jpg) no-repeat center center/cover;
	}

	/*----- セクション遷移メニュー ------*/
	.sectionMenuWrap {
		display: flex;
		align-items: center;
		justify-content: center;
		min-height: 110px;
		background-color: #000;
	}
	.sectionMenuInner ul {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 48px;
	}
	.sectionMenuInner ul li a {
		display: flex;
		align-items: center;
		font-weight: bold;
		font-size: 1.5rem;
		letter-spacing: 0.1em;
		color: #fff;
		transition: 0.3s;
	}
	.sectionMenuInner ul li a::after {
		content: "";
		display: block;
		width: 9px;
		height: 7px;
		margin-left: 7px;
		background-image: url(../img/common/arrow_sectionMenu.svg);
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
	}
	.sectionMenuInner ul li a:hover {
		opacity: 0.8;
	}

	/*----- ファーストセクション ------*/
	#merit .anchor {
		display: block;
		padding-top: 110px;
		margin-top: -100px;
	}
	.sectionWrap.firstSection .sectionInner img {
		width: 651px;
		height: auto;
		margin: 0 auto;
	}
	.sectionWrap.firstSection {
		padding: 90px 0 64px;
	}
	.sectionWrap.firstSection .headlineTxt {
		margin-bottom: 0px;
	}
	.sectionWrap.firstSection .sectionInner .txtArea {
		margin-bottom: 0;
	}
	.sectionWrap.firstSection .txtArea.widthLimit {
		width: 880px;
		text-align: left;
	}
	.sectionWrap.firstSection .txtArea.widthLimit .headline {
		font-weight: 700;
		font-size: 2.4rem;
		line-height: 1.5;
		text-align: center;
		font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", sans-serif;
		letter-spacing: 0.1em;
		margin-bottom: 25px;
	}

	/*----- 各セクション(Detail1~5、導入までの流れ) ------*/
	.l-inner {
		max-width: 1240px;
		margin: 0 auto;
	}
	/* 画像設定 */
	img,
	svg {
		display: block;
		max-width: 100%;
		height: auto;
	}
	.p-lower-solution__img {
		width: 580px;
		height: auto;
	}
	.p-lower-solution__box {
		width: 560px;
	}
	.p-lower-solution__content {
		display: flex;
		justify-content: space-between;
		min-height: 700px;
		padding-top: 120px;
		padding-bottom: 90px;
	}
	.p-lower-solution .solution01__content,
	.p-lower-solution .solution03__content,
	.p-lower-solution .solution05__content {
		flex-direction: row-reverse;
		padding-right: 40px;
		padding-left: 40px;
	}
	.p-lower-solution .solution02__content,
	.p-lower-solution .solution04__content,
	.p-lower-solution .solution06__content {
		gap: 60px;
	}
	/* Detail1 */
	.p-lower-solution .solution01 {
		background-color: #b71a35;
		color: #fff;
	}
	.p-lower-solution .solution01__content {
		position: relative;
		z-index: 1;
	}
	.p-lower-solution .solution01__content::after {
		content: "";
		position: absolute;
		top: 0;
		right: 0;
		z-index: -1;
		width: 300px;
		height: 580px;
		background-color: #fff;
	}
	/* Detail3 */
	.p-lower-solution .solution03 {
		background-color: #7d7d7d;
		color: #fff;
	}
	.p-lower-solution .solution03__content {
		position: relative;
		z-index: 1;
	}
	.p-lower-solution .solution03__content::after {
		content: "";
		position: absolute;
		bottom: 0;
		right: 0;
		z-index: -1;
		width: 300px;
		height: 640px;
		background-color: #fff;
	}
	/* Detail5 */
	.p-lower-solution .solution05 {
		background-color: #b71a35;
		color: #fff;
	}

	/*----- Detail1〜5の共通設定 ------*/
	.p-lower-solution__heading {
		max-width: 1240px;
		margin-bottom: 20px;
		font-weight: 700;
		font-size: 1.7rem;
		line-height: 1;
		font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", sans-serif;
		letter-spacing: 0.15em;
	}
	/* Detailの数字 */
	.p-lower-solution__number {
		width: 84px;
		height: auto;
		margin-bottom: 38px;
	}
	/* Detailの下の大文字の文章 */
	.p-lower-solution__read {
		margin-bottom: 32px;
		font-weight: 700;
		font-size: 3rem;
		line-height: 1.6666;
		font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", sans-serif;
		letter-spacing: 0.15em;
		font-feature-settings: "palt";
	}
	/* Detailの下の大文字の下の説明文章 */
	.p-lower-solution__text {
		width: 525px;
		font-size: 1.5rem;
		line-height: 2;
		letter-spacing: 0.1em;
		font-feature-settings: "palt";
	}
	.p-lower-solution__text span {
		display: block;
		margin-bottom: 5px;
		font-size: 1.2rem;
		line-height: 1.5;
	}
	.p-lower-solution__text span:nth-child(2) {
		margin-top: 15px;
	}

	/*----- 導入までの流れ ------*/
	.p-lower-flow {
		background-color: #eddc0d;
		padding: 120px 0;
	}
	.p-lower-flow__wrapper {
		display: flex;
		justify-content: center;
	}
	.p-lower-flow__headBox {
		text-align: center;
		margin-bottom: 70px;
	}
	.p-lower-flow__heading {
		display: block;
		margin-bottom: 20px;
		font-weight: 700;
		font-size: 1.7rem;
		line-height: 1;
		font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", sans-serif;
		letter-spacing: 0.15em;
	}
	.p-lower-flow__title {
		font-weight: 700;
		font-size: 3rem;
		line-height: 1;
		font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", sans-serif;
		letter-spacing: 0.15em;
	}
	.p-lower-flow__title::before {
		display: block;
		content: "";
		width: 37px;
		height: 12px;
		margin: 0 auto;
		margin-bottom: 22px;
		background: url(../img/introduction/lower/flow_heading.png) no-repeat center center/contain;
	}
	.p-lower-flow__list {
		display: grid;
		grid-template-columns: 220px 220px 220px 220px 220px;
		-moz-column-gap: 10px;
		column-gap: 35px;
		row-gap: 40px;
	}
	#contentProvider .p-lower-flow__list {
		grid-template-columns: 220px 220px 220px;
	}
	#playerProvider .p-lower-flow__list {
		grid-template-columns: 220px 220px 220px;
	}
	.p-lower-flow__item {
		position: relative;
		height: 300px;
		padding: 23px 22px 0 21px;
		background-color: #fff;
	}
	.p-lower-flow__item::after {
		content: "";
		position: absolute;
		right: -25px;
		top: 50%;
		bottom: 50%;
		transform: translate(0%, -50%);
		display: inline-block;
		width: 15px;
		height: 25px;
		background-image: url(../img/common/pc/arrow_right.svg);
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
	}
	.p-lower-flow__item:last-child:after {
		content: none;
	}
	/* #playerProvider .p-lower-flow__item:nth-child(3):after {
		content: none;
	} */
	.p-lower-flow__head {
		margin-bottom: 28px;
	}
	.p-lower-flow__head::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 4px;
		height: 50px;
		background-color: #000;
	}
	.p-lower-flow__step {
		position: relative;
		display: flex;
		align-items: center;
		margin-bottom: 30px;
	}
	.p-lower-flow__head img {
		width: 69px;
	}
	.p-lower-flow__read {
		display: flex;
		align-items: center;
		font-weight: 700;
		font-size: 1.8rem;
		line-height: 1;
		font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", sans-serif;
		letter-spacing: 0.1em;
	}
	.p-lower-flow__text {
		font-size: 1.5rem;
		line-height: 1.3333;
		letter-spacing: 0.05em;
	}
	.p-lower-flow__arrow {
		right: -12px;
		position: absolute;
		width: 27px;
		height: 9px;
		/* background-image: url(../img/common/arrow_small.svg); */
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
	}

	/*------------------------------------
		活用分野
	-------------------------------------*/
	/*----- アンカー位置調整 ------*/
	#field .anchor {
		display: block;
		padding-top: 90px;
		margin-top: -90px;
	}

	/*----- パンクズリスト部分 ------*/
	#field .breadcrumbListWrap {
		background-color: #fff;
	}

	/*----- 最初の文章 ------*/
	.firstSentenceWrap {
		text-align: center;
		padding-bottom: 50px;
		width: 100%;
	}
	.firstSentenceWrap p {
		font-weight: 700;
		font-size: 1.5rem;
		line-height: 1.6;
		letter-spacing: 0.15em;
	}

	/*----- カテゴリボタン ------*/
	.p-index-field__category {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		/* grid-template-columns: 280px 280px 280px; */
		gap: 10px;
		padding-top: 50px;
		padding-bottom: 100px;
		background-color: #f7f7fa;
	}
	.p-index-field__button a {
		position: relative;
		display: flex;
		align-items: center;
		width: 100%;
		min-width: 240px;
		height: 45px;
		padding: 0 40px 0 25px;
		border-radius: 22.5px;
		background-color: #b71a35;
		color: #fff;
		border: 1px solid #b71a35;
		font-weight: 700;
		font-size: 1.4rem;
		line-height: 1.5;
		font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", sans-serif;
		letter-spacing: 0.15em;
		transition: all 0.3s linear;
	}
	.p-index-field__button a:hover {
		color: #b71a35;
		border: 1px solid #b71a35;
		background-color: #fff;
	}
	.p-index-field__button a::after {
		content: "";
		position: absolute;
		top: 50%;
		right: 21px;
		transform: translateY(-50%);
		border-style: solid;
		border-width: 8.7px 5px 0 5px;
		border-color: #fff transparent transparent transparent;
		transition: all 0.3s linear;
	}
	.p-index-field__button a:hover::after {
		border-color: #b71a35 transparent transparent transparent;
	}

	/*----- コンテンツ部分 ------*/
	#field .contentsInner {
		padding-top: 60px;
		padding-bottom: 110px;
	}
	#field .contentsListInner {
		padding-bottom: 20px;
	}
	.contentsBoxOutline .headline {
		font-weight: 700;
		font-size: 3.4rem;
		line-height: 1.5;
		font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", sans-serif;
		letter-spacing: 0.15em;
		margin-bottom: 55px;
	}
	.contentsBoxOutline .contentsBoxWrap {
		margin-bottom: 90px;
	}
	.contentsBoxOutline .contentsTextBox .contentsTitle {
		font-weight: 700;
		font-size: 1.6rem;
		line-height: 1.6;
		text-align: center;
	}
	/* 記事テキスト部分 */
	.contentsBoxOutline .contentsDetailBox {
		min-height: auto;
		padding: 20px 15px 20px;
	}

	/*----- 訴求ボックス ------*/
	.appealsBox {
		width: 880px;
		margin: 0 auto;
		padding: 40px 40px 45px;
		background-color: #e1e5ec;
		border-radius: 10px;
		text-align: center;
	}
	.appealsBox p {
		font-weight: 700;
		font-size: 1.5rem;
		line-height: 1.6;
		letter-spacing: 0.15em;
	}
	.appealsBox .commonBtnBox {
		margin-top: 40px;
	}

	/*------------------------------------
		活用分野個別ページ
	-------------------------------------*/
	#fieldPage .contentsMainVisualTitle {
		display: flex;
		flex-wrap: wrap;
		gap: 10px;
		max-width: 1240px;
		line-height: 1.4;
		text-align: center;
	}
	#fieldPage .contentsMainVisualTitle span {
		display: inline-block;
		width: 100%;
	}
	#fieldPage .contentsMainVisualTitle .fontS {
		font-size: 2.2rem;
		/* margin-bottom: 15px; */
	}
	#fieldPage .contentsMainVisualTitle .maxFont {
		display: block;
		width: 1240px;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
	}

	/*------------------------------------
		トップページ
	-------------------------------------*/
	#home .sectionWrap {
		padding: 95px 0;
	}

	/* フォント設定 */
	#home .sectionWrap .headlineTxtM {
		font-weight: 700;
		font-size: 4.5rem;
		line-height: 1.5;
		font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", sans-serif;
		letter-spacing: 0.15em;
		margin-bottom: 55px;
	}

	/* 「DC3に込めた思い」背景画像一面セクション */
	#home .sectionWrap.bgImg01 {
		padding: 0;
		color: #fff;
		background-image: url(../img/top/pc/top_bgImg01_pc.jpg);
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
	}
	#home .sectionWrap.bgImg01 .txtArea {
		display: flex;
		justify-content: center;
		align-items: center;
		min-height: 630px;
		margin: 0;
	}
	#home .sectionWrap.bgImg01 .headlineTxtM {
		margin-bottom: 0;
	}
	/* 「DC3に込めた思い」セクションのテキスト */
	#home .sectionWrap.thoughtsText {
		padding: 90px 0;
	}
	#home .sectionWrap.thoughtsText .txtArea {
		margin-bottom: 0;
	}
	/* 縦の3点ドット */
	#home .sectionWrap.thoughtsText .txtArea .dot {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		gap: 5px;
		padding: 4px 0 12px;
	}
	#home .sectionWrap.thoughtsText .txtArea .dot > span {
		display: block;
		width: 100%;
		line-height: 1;
	}
	#home .sectionWrap.thoughtsText .txtArea .txtSpanBox {
		display: block;
	}
	#home .sectionWrap.thoughtsText .txtArea .txtSpanBox.spanMb {
		margin-bottom: 10px;
	}

	/* 2列のセクション */
	#home .sectionWrap.column2 {
		padding: 0;
	}
	#home .sectionWrap.column2 .sectionInner {
		display: flex;
		align-items: center;
		justify-content: center;
	}
	#home .sectionWrap.column2.rowReverse .sectionInner {
		flex-direction: row-reverse;
	}
	#home .sectionWrap.column2 .bgImg02 {
		width: 50%;
		min-height: 800px;
		background-image: url(../img/top/pc/top_bgImg02_pc.jpg);
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
	}
	#home .sectionWrap.column2 .bgImg03 {
		width: 50%;
		min-height: 800px;
		background-image: url(../img/top/pc/top_bgImg03_pc.jpg);
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
	}
	#home .sectionWrap.column2 .txtArea {
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		width: 50%;
		margin-bottom: 0;
		text-align: left;
	}
	#home .sectionWrap.column2.rowReverse .txtArea {
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-end;
	}
	#home .sectionWrap.column2 .txtArea p {
		width: 560px;
		margin-left: 60px;
	}
	#home .sectionWrap.column2.rowReverse .txtArea p {
		display: block;
		width: 560px;
		margin-right: 60px;
	}

	/* トップページのリスト設定 */
	#home .sectionWrap.column2 .txtArea ul {
		width: 100%;
		min-width: 560px;
		margin-left: 60px;
	}
	#home .sectionWrap.column2 .txtArea ul li {
		width: 560px;
	}
	#home .sectionWrap.column2 .txtArea ul li::before {
		content: "・";
	}

	/*----- ヒストリー ------*/
	#home .sectionWrap.history .headlineTxtS {
		text-align: center;
		margin-bottom: 30px;
	}
	#home .sectionWrap.history .txtArea img {
		width: 850px;
		height: 456px;
		margin: 0 auto;
	}
	#home .sectionWrap.history .txtArea {
		width: 840px;
		margin-bottom: 0;
		font-weight: 400;
		text-align: left;
	}

	/*------------------------------------
		DC3とはページ
	-------------------------------------*/
	/*----- 共通設定 ------*/
	/* #about .scrollOn .headerWrap {
		margin-top: -130px;
	} */
	#about .sectionMenuWrap.bgRed {
		background-color: #b71a35;
	}
	#about .sectionWrap .txtArea img {
		margin: 0 auto;
	}

	/*----- メインビジュアル ------*/
	/* #about .scrollOn .headerWrap {
		margin-top: -131px;
	}
	#about .p-about-mainvisual {
		margin-top: 131px;
	} */
	#about .scrollOn .headerWrap {
		/* background-color:unset; */
	}

	/* この記述はあとで消す↓ */
	/* #about .mainVisualWrap {
		margin-top: 130px;
	}
	#about .mainVisualInner {
		position: relative;
		display: flex;
		justify-content: center;
		width: 100%;
		height: 740px;
		background-image: url(../img/about/pc/main_about_img.jpg);
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
	}
	#about .mainVisualBox {
		position: absolute;
		top: 210px;
		text-align: center;
	} */

	/*----- パンくずリスト ------*/
	#about .breadcrumbListOutline {
		position: absolute;
		top: 161px;
		text-align: left;
	}
	#about .breadcrumbListWrap {
		background-color: unset;
		width: auto;
		padding-top: 0px;
		padding-bottom: 0px;
	}
	#about .breadcrumbListBox {
		justify-content: flex-start;
	}
	#about .breadcrumbListBox li {
		color: #fff;
		font-size: 1.5rem;
		line-height: 1;
		letter-spacing: 0.05em;
	}
	#about .breadcrumbListBox li a {
		color: #fff;
		font-size: 1.5rem;
		line-height: 1;
		letter-spacing: 0.05em;
	}

	/*----- DC3の理念 ------*/
	#about .sectionWrap.philosophy {
		padding-top: 95px;
		padding-bottom: 100px;
	}
	#about .sectionWrap.philosophy .txtArea {
		margin-bottom: 0;
	}

	/*----- DC3のエコシステム ------*/
	#about .sectionWrap.ecosystem {
		padding-top: 95px;
		padding-bottom: 105px;
	}
	#about .sectionWrap.ecosystem .txtArea {
		margin-bottom: 0;
	}
	#about .sectionWrap.ecosystem img {
		width: 1010px;
		height: auto;
	}

	/*----- DC3コンテンツとは ------*/
	#about .sectionWrap.aboutContent {
		padding-top: 95px;
		padding-bottom: 120px;
	}
	#about .sectionWrap.aboutContent .txtArea {
		margin-bottom: 0;
	}
	#about .sectionWrap.aboutContent img {
		width: 1120px;
		height: auto;
	}
	/* ボーダーボックス */
	#about .sectionWrap .borderBox {
		width: 1090px;
		padding: 30px 40px 40px 40px;
		margin: 0 auto;
		border-radius: 10px;
		border: 2px solid #eff1f5;
	}
	#about .sectionWrap .borderBox .headline {
		position: relative;
		margin-bottom: 45px;
	}
	#about .sectionWrap .borderBox .headline::after {
		content: "";
		position: absolute;
		left: 50%;
		right: 50%;
		transform: translate(-50%, 0%);
		display: block;
		width: 50px;
		height: 1px;
		margin-top: 10px;
		background-color: #fff;
	}
	#about .sectionWrap .borderBox .sentence {
		font-weight: 500;
		font-size: 1.4rem;
	}
	#about .sectionWrap .headlineTxtL {
		font-size: 4rem;
	}

	/*----- DC3コンテンツの流通について ------*/
	#about .sectionWrap.distribution {
		padding: 0;
		padding: 95px 0 65px;
	}
	#about .sectionWrap.distribution .txtArea {
		margin-bottom: 0;
	}
	#about .sectionWrap.distribution .headlineTxtL {
		margin-bottom: 0;
	}

	/* 2列セクション */
	#about .sectionWrap.column2 .sectionInner {
		display: flex;
		justify-content: space-between;
		text-align: left;
		padding: 0 40px;
	}
	#about .sectionWrap.column2.rowReverse .sectionInner {
		flex-direction: row-reverse;
	}
	#about .sectionWrap.column2 {
		padding: 90px 0 100px;
	}

	#about .sectionWrap.column2 .txtArea {
		width: 525px;
		margin-bottom: 0;
	}
	#about .sectionWrap.column2 .txtArea .headlineTxtM {
		position: relative;
		font-size: 3rem;
		line-height: 1.5;
		margin-top: 25px;
		margin-bottom: 55px;
		padding-left: 20px;
	}
	#about .sectionWrap.column2 .txtArea .headlineTxtM::before {
		content: "";
		position: absolute;
		top: 0px;
		left: 0;
		height: 100%;
		border-left: 4px solid #fff;
	}
	#about .sectionWrap.column2.rowReverse .txtArea .headlineTxtM::before {
		border-left: 4px solid #262626;
	}
	#about .sectionWrap.column2 .txtArea p {
		font-weight: 400;
		font-size: 1.4rem;
		line-height: 2;
		letter-spacing: 0.2em;
	}
	#about .sectionWrap.column2 .sectionInner img {
		width: 580px;
		height: auto;
	}

	/*----- DC3マイルームについて ------*/
	#about .sectionWrap.myroom {
		padding-top: 90px;
		padding-bottom: 116px;
		border-bottom: 1px solid #e1e5ec;
	}
	#about .sectionWrap.myroom .txtArea {
		width: 850px;
		margin: 0 auto;
		text-align: left;
	}
	#about .sectionWrap.myroom .txtArea span {
		display: inline-block;
		font-weight: 500;
		font-size: 1.4rem;
		margin-top: 30px;
	}

	/*------------------------------------
		関連ソリューション、導入ページ共通設定
	-------------------------------------*/
	/*----- パンクズリスト部分 ------*/
	.listPage .breadcrumbListWrap {
		background-color: #fff;
	}

	/*----- コンテンツ部分 ------*/
	.listPage .contentsWrap {
		padding-top: 60px;
		border-bottom: 1px solid #e1e5ec;
	}
	.listPage .contentsInner {
		padding-bottom: 110px;
	}
	.listPage .contentsListInner {
		padding-bottom: 20px;
	}

	/*------------------------------------
		関連ソリューション、導入の個別ページ共通設定
	-------------------------------------*/
	#individualPage .contentsMainVisualTitle {
		display: flex;
		flex-wrap: wrap;
		gap: 10px;
		max-width: 1240px;
		line-height: 1.4;
		text-align: center;
	}
	#individualPage .contentsMainVisualTitle span {
		display: inline-block;
		width: 100%;
	}
	#individualPage .contentsMainVisualTitle .fontS {
		font-size: 2.2rem;
	}
	#individualPage .contentsMainVisualTitle .maxFont {
		/* display: block;
		width: 1240px;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden; */
	}

	/*----- コンテンツ部分 ------*/
	#individualPage .breadcrumbListWrap {
		background-color: #fff;
	}
	#individualPage .contentsWrap {
		background-color: #fff;
		border-bottom: 1px solid #e1e5ec;
	}
	#individualPage .commonBtnBox {
		width: 240px;
	}

	/*------------------------------------
		導入事例
	-------------------------------------*/
	#caseStudy .contentsTitle {
		text-align: left;
	}

	/*------------------------------------
		コラム
	-------------------------------------*/
	#column .contentsTitle {
		text-align: left;
	}

	/*------------------------------------
		資料ダウンロード
	-------------------------------------*/
	#document .contentsTitle {
		text-align: left;
	}

	/*------------------------------------
		フォーム
	-------------------------------------*/
	* {
		/* outline: 1px solid #000; */
	}

	/* 共通タイトルヘッダー */
	.commonHeaderContainer {
		display: flex;
		align-items: center;
		justify-content: center;
		height: 200px;
		margin-top: 114px;
		background-color: #bb2639;
	}
	.commonHeaderContainer .headerTitle {
		font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", sans-serif;
		font-size: 3.5rem;
		font-weight: 700;
		color: #ffffff;
	}

	/* 入力ページ＆共通部分 */
	.documentContainer {
		padding-top: 90px;
		background-color: #f7f7f9;
	}

	.documentWrap {
		display: flex;
		justify-content: space-between;
		width: 1240px;
		margin: 0 auto;
		padding-bottom: 60px;
	}
	.documentBox {
		width: 550px;
	}
	.documentBox img {
		margin-bottom: 35px;
	}
	.documentBox .title {
		font-size: 2.8rem;
		font-weight: bold;
		line-height: 1.5;
		margin-bottom: 38px;
	}
	.documentBox .textArea p {
		font-size: 1.6rem;
		line-height: 1.6;
	}

	.formWrap {
		width: 590px;
	}

	.formTitle .formTopText {
		color: #252528;
		font-size: 1.7rem;
		/* line-height: 0.32rem; */
		text-align: center;
		margin-bottom: 75px;
	}

	.formGroup {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		align-items: flex-start;
		width: 100%;
		margin: 0 0 40px;
	}
	.formGroup:last-child {
		margin-bottom: 0;
	}

	.formLabel {
		display: flex;
		align-items: center;
		width: 195px;
		margin-top: 19.5px;
		margin-right: 20px;
		font-size: 1.7rem;
		font-weight: bold;
	}
	.formLabel.required {
		position: relative;
	}
	.formLabel.required::after {
		content: "必 須";
		position: absolute;
		right: 0;
		display: inline-block;
		width: 55px;
		padding: 3.5px 0;
		font-size: 1.3rem;
		text-align: center;
		color: #ffffff;
		background-color: #d6304c;
		background-position: center;
		border-radius: 20px;
		font-weight: normal;
	}
	/* safari用 */
	_::-webkit-full-page-media,
	_:future,
	:root .formLabel.required::after {
		padding: 5px 0 2px;
	}
	.txtareaGroup .formLabel {
		align-items: flex-start;
		padding-top: 19px;
	}

	.formItem {
		position: relative;
		flex: 1;
	}
	.formControl {
		display: inline-block;
		width: 100%;
		height: 60px;
		padding: 12px 17px;
		font-size: 1.7rem;
		background: #ffffff;
		border: solid 1px #a3a3a3;
		border-radius: 0;
		transition: 0.2s;
		font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", sans-serif;
	}
	.formControl:focus {
		background-color: #fff5f7;
		border: solid 1px #494949;
		outline: 0;
	}
	.formControl.formSelect {
		width: 300px;
	}
	textarea {
		font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", sans-serif;
		height: 240px;
	}

	.formSelectWrap {
		position: relative;
	}
	.formSelectWrap select {
		cursor: pointer;
		color: #222;
	}
	.formSelectWrap input {
		cursor: pointer;
	}
	.formSelectWrap::after {
		content: "";
		position: absolute;
		top: 50%;
		bottom: 50%;
		left: 260px;
		transform: translate(0, -50%);
		width: 19.4px;
		height: 11.1px;
		background: url(../../img/document/form_select_arrow.svg);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
		pointer-events: none;
	}

	.textBoxDiv {
		position: relative;
	}
	.textBoxDiv .placeholderDiv {
		position: absolute;
		top: 35.5%;
		left: 15px;
		font-size: 1.6rem;
		color: #252528;
		pointer-events: none;
	}
	.textBoxDiv .placeholderDiv.none {
		display: none;
	}

	.formCheckboxWrap {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
		min-height: 65px;
		padding: 18px 20px 18px;
		background-color: #ffef9f;
	}
	.formCheckLabel {
		position: relative;
		display: inline-block;
		margin-left: 0px;
		padding: 2px 0 0 44px;
		font-size: 1.6rem;
		line-height: 1.6;
		cursor: pointer;
		letter-spacing: 0.08rem;
	}
	.formCheckLabel a {
		border-bottom: 1px solid #000;
	}
	.formCheckLabel:before {
		content: "";
		display: block;
		width: 28px;
		height: 28px;
		position: absolute;
		top: 50%;
		bottom: 50%;
		left: 0;
		transform: translate(0, -50%);
		background: #ffffff;
		border: solid 1px #d15d76;
		border-radius: 5px;
	}
	.formCheckbox:checked + .formCheckLabel:before {
		background: #bb2639;
	}
	.formCheckbox:checked + .formCheckLabel:after {
		content: "";
		display: block;
		width: 20.6px;
		height: 17px;
		position: absolute;
		top: 50%;
		bottom: 50%;
		left: 3px;
		transform: translate(0, -50%);
		background: url(../img/document/form_check_icon.svg) no-repeat;
		background-size: contain;
	}
	.checkboxGroup {
		margin-top: 50px;
	}
	.checkboxGroup .checkboxText {
		font-size: 1.4rem;
		line-height: 1.6;
		margin-top: 25px;
	}

	.formButtonWrap {
		margin: 0 auto;
	}
	.formButtonWrap .formButton {
		width: 290px;
		height: 60px;
		border-radius: 100px;
		font-size: 2rem;
		font-weight: bold;
		letter-spacing: 0.3em;
		color: #ffffff;
		background-color: #bb2639;
		/* デフォルトボタンCSSリセット↓ */
		border: none;
		cursor: pointer;
		outline: none;
		margin: 0 auto;
		transition: 0.3s;
	}
	.formButtonWrap .formButton:hover {
		background-color: #e84661;
	}

	/*------------------------------------
		資料ダウンロード(入力・完了)共通設定
	-------------------------------------*/
	.closeWrap {
		background-color: #fff;
		height: 220px;
		padding-top: 60px;
		text-align: center;
	}

	/* ボタンアイコン設定 */
	.documentDlBtn.commonBtnBox a {
		width: 180px;
	}
	.documentDlBtn.commonBtnBox a > .btnIcon {
		width: 14px;
		height: 14px;
		background-image: url(../img/document/form_close_icon_hover.svg);
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
	}
	.documentDlBtn.commonBtnBox a > .btnIcon::after {
		content: "";
		display: block;
		width: 14px;
		height: 14px;
		background-image: url(../img/document/form_close_icon.svg);
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
		transition: 0.5s;
	}

	/*--------------------------
	|         エラーページ         |
	---------------------------*/
	.formError {
		/* position: absolute;
		top: 72px; */
		left: 0;
		font-size: 1.7rem;
		font-weight: bold;
		color: #e01b3d;
		margin-bottom: 10px;

		position: relative;
		top: 10px;
	}
	.formError:last-child {
		margin-bottom: 0 !important;
	}
	.formError:before {
		content: "";
		display: inline-block;
		width: 28px;
		height: 28px;
		margin: 0 7px 0 0;
		background: url(../img/document/form_error.svg) no-repeat;
		background-size: contain;
		vertical-align: -8px;
	}
	#error .formButtonWrap .formButton.return {
		margin-right: 0px;
	}

	.formCheckboxWrap .formError {
		position: static;
		display: inline-block;
		margin-top: 15px;
	}

	/* .formGroup.error {
		margin-bottom: 70px;
	} */
	.formGroup.error .formControl {
		background: #feffd7;
		border: solid 2px #e01b3d;
	}
	/* #email.formGroup.error{
		margin-bottom: 80px;
	} */

	/*--------------------------
	|         thanksページ         |
	---------------------------*/
	.thanksPageWrap {
		background-color: #f7f7f9;
	}
	.thanksPageBox {
		padding-top: 80px;
		padding-bottom: 100px;
	}
	.thanksPageBox .title {
		font-size: 2.8rem;
		font-weight: bold;
		line-height: 1.5;
		margin-bottom: 50px;
	}
	.thanksPageBox .text {
		font-size: 1.7rem;
		line-height: 1.6;
		margin-bottom: 40px;
	}

	.thanksPageBox .commonBtnBox {
		width: 390px;
		height: 70px;
		margin-bottom: 105px;
	}
	.thanksPageBox .commonBtnBox a > .btnTxt {
		font-size: 2rem;
	}

	/* ボタンアイコン設定 */
	.thanksPageBox .commonBtnBox a > .btnIcon {
		width: 47px;
		height: 9px;
		background-image: url(../img/document/arrow_thanksPage_over.svg);
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
	}
	.thanksPageBox .commonBtnBox a > .btnIcon::after {
		content: "";
		display: block;
		width: 47px;
		height: 9px;
		background-image: url(../img/document/arrow_thanksPage.svg);
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
		transition: 0.5s;
	}

	.thanksPageBox .snsText {
		font-size: 1.6rem;
		font-weight: bold;
		margin-bottom: 25px;
	}
	.thanksPageBox .snsBox {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 20px;
		margin-bottom: 45px;
	}

	.thanksPageBox .contactBox.colorBox {
		/* display: inline-block; */
		display: table;
		width: 940px;
		margin: 0 auto;
		padding: 35px 35px 40px;
		border-radius: 8px;
		background-color: #e1e5ec;
	}
	.thanksPageBox .contactBox .contactTitle {
		font-size: 2.4rem;
		font-weight: bold;
		margin-bottom: 37px;
	}
	.thanksPageBox .contactBox .contactText {
		font-size: 1.7rem;
		margin-bottom: 25px;
	}
	.thanksPageBox .contactBox .contactMail {
		display: inline-block;
		font-size: 1.7rem;
		font-weight: bold;
		transition: 0.3s;
	}
	.thanksPageBox .contactBox .contactMail:hover {
		opacity: 0.6;
	}
	.thanksPageBox .contactBox .contactMail a::before {
		content: "";
		display: inline-block;
		width: 29px;
		height: 21px;
		margin-right: 8px;
		vertical-align: middle;
		background-image: url(../img/document/mail_icon.svg);
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
	}

	body#documentDl {
		display: flex;
		flex-direction: column;
		min-height: 100vh;
	}
	#documentDl footer {
		margin-top: auto;
	}

	* {
		/* outline: 1px solid #000; */
	}
}
/* ↑(min-width: 751px) END */