@charset "utf-8";
/* CSS Document */

/* ==========================================================
!大枠の上書き
========================================================== */
#mainContent {
	padding: 0 !important;
	margin-bottom: 0;
}

/* ==========================================================
!Layout
========================================================== */
/* main */
.di_l_main {
	font-family: 'Zen Maru Gothic', "ヒラギノ丸ゴ ProN", sans-serif;
	color: #4D4854;
	letter-spacing: 0px;
	background: url(https://7net-img.omni7.jp/cm/0001/sc_image/inc/pc/special/oshikatsucolumn24/di_bg_main.png) repeat 0 0;
	margin-top: -25px;
	padding: 0 0 40px 0;
}
/* section */
.di_l_section {
	padding: 10% 0 0 0;
}
/* コラム範囲 */
.di_p_oshikatsu {
	width: 90%;
	margin: 4% auto 0;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color: #9178B4;
	border-radius: 10px;
	background: #ffffff;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}
.di_p_oshikatsu_inner {
	padding: 16px;
}

/* 641px以上（ファブレット） */
@media only screen and (min-width: 641px), print {
	.di_l_main {
		margin-top: -20px;
	}
	.di_l_section {
		padding: 80px 0 0 0;
	}
	.di_p_oshikatsu {
		max-width: 860px;
		width: 100%;
		margin: 40px auto 0;
	}
	.di_p_oshikatsu_inner {
		padding: 45px 40px;
	}
}

/* ==========================================================
!パーツ用：リセットCSS
========================================================== */
/* リンクホバー */
.di_p_oshikatsu > * a:is(:hover, :focus, :active) {
	color: inherit;
	text-decoration: none;
}
/* 画像フルード指定 */
.di_p_oshikatsu > * img {
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}
.di_p_oshikatsu > h1, h2, h3, h4, h5, h6, p, li, dt, dd {
	background-image: none;
}

/* ==========================================================
!Breadcrumb
========================================================== */
.di_l_breadcrumb {
	background: #fff;
	border-bottom: 1px solid #fff;
	white-space: nowrap;
    overflow-x: auto;
	overflow-y: hidden;
	width: 100%;
}
.di_l_breadcrumb_list {
	box-sizing: border-box;
	display: flex;
	align-items: center;
	width: 100%;
	height: calc(1em + (8px * 2));
	padding: 8px;
	line-height: 1.2;
}
.di_l_breadcrumb_list_item:first-child {
	padding: 0;
}
.di_l_breadcrumb_list_item {
	position: relative;
	display: inline-block;
	padding-left: 15px;
	white-space: nowrap;
}
.di_l_breadcrumb_list_item:nth-child(n+2):before {
	position: absolute;
	top: 50%;
	left: 0vw;
	display: block;
	width: 6px;
	height: 6px;
	border-right: solid 1px;
	border-top: solid 1px;
	color: #646464;
	transform: rotate(45deg) translate(0, -50%);
	content: '';
}
.di_l_breadcrumb_list_link {
	font-family: "Hiragino Sans", sans-serif;
	font-size: 0.75rem;
	color: #646464;
	white-space: nowrap;
	text-decoration: none;
}
.di_l_breadcrumb_list_link:is(:hover, :focus, :active) {
	color: #646464;
	opacity: 0.5;
    text-decoration: none;
}
.di_l_breadcrumb_list_txt {
	font-family: "Hiragino Sans", sans-serif;
	font-size: 0.75rem;
	color: #646464;
	white-space: nowrap;
}

/* 641px以上（ファブレット） */
@media only screen and (min-width: 641px), print {
	/* パンくずリストが画面サイズを超えた際、スクロールバーを表示したい場合は以下の設定をコメントアウト */
	/* スクロールバー非表示（Chrome） */
	.di_l_breadcrumb::-webkit-scrollbar {
		display: none;
	}
	/* スクロールバー非表示（Edge） */
	.di_l_breadcrumb {
		-ms-overflow-style: none;
	}
	/* スクロールバー非表示（Safari） */
	.di_l_breadcrumb::-webkit-scrollbar {
		display: none;
	}
}

/* ==========================================================
!更新日
========================================================== */
.di_c_date {
	display: flex;
	justify-content: flex-end;
	font-size: clamp(1rem, 0.646rem + 1.51vw, 1.25rem);
	font-family: "m-plus-rounded-2c", sans-serif;
	font-weight: 400;
	margin: 0 0 6% 0;
}

/* 641px以上（ファブレット） */
@media only screen and (min-width: 641px), print {
	.di_c_date {
		font-size: 20px;
		margin: 0 0 40px 0;
	}
}

/* ==========================================================
!コラムアイキャッチ
========================================================== */
.di_column_mainimg {
	max-width: 100%;
	margin: 0 auto;
}
/* ==========================================================
!目次
========================================================== */
.di_c_anker {
	padding-top: 50px;
	margin-top: -50px;
}
.di_c_toc {
	background: #FAFAFB none;
	padding: 4% 5%;
}
.di_c_toc_ttl {
	position: relative;
	padding: 16px 0 16px 44px;
}
.di_c_toc_ttl::before {
	position: absolute;
	top: 50%;
	left: 0;
	background: url(https://7net-img.omni7.jp/cm/0001/sc_image/inc/sp/special/oshikatsucolumn23/di_icon_toc.png) repeat 0 0;
	display: inline-block;
	width: 32px;
	height: 32px;
	content: "";
	transform: translateY(-50%);
}
.di_c_toc_list._second .di_c_toc_list_txt {
	padding-left: 1em;
}
.di_c_toc_list._third .di_c_toc_item {
	border-top: 1px solid #EFEDF2;
	padding-top: 16px;
    margin-bottom: 16px;
    margin-top: 16px;
}
.di_c_toc_list._third .di_c_toc_list_txt {
	padding-left: 2em;
}
.di_c_toc_list_item {
	border-top: 1px solid #EFEDF2;
	padding-top: 16px;
	margin-bottom: 16px;
}
.di_c_toc_list_link {
	display: block;
	color: #4D4854;
	font-family: 'Zen Maru Gothic', "ヒラギノ丸ゴ ProN", sans-serif;
	font-size: 14px;
	font-weight: 400;
	text-decoration: none;
}
.di_c_toc_list_link:is(:hover, :focus, :active) {
	font-weight: 700;
	color: #008F40 !important;
	text-decoration: none;
}

/* 641px以上（ファブレット） */
@media only screen and (min-width: 641px), print {
	.di_c_anker {
		padding-top: 51px;
		margin-top: -51px;
	}
	.di_c_toc {
		padding: 4px 24px 8px 24px;
	}
	.di_c_toc_ttl {
		padding: 20px 0 20px 44px;
	}
	.di_c_toc_ttl::before {
		background: url(https://7net-img.omni7.jp/cm/0001/sc_image/inc/sp/special/oshikatsucolumn23/di_icon_toc.png) repeat 0 0;
		display: inline-block;
		width: 32px;
		height: 32px;
		content: "";
		transform: translateY(-50%);
	}
	.di_c_toc_list._third .di_c_toc_item {
		border-top: 1px solid #EFEDF2;
	}
	.di_c_toc_list_item {
		border-top: 1px solid #EFEDF2;
	}
	.di_c_toc_list_link {
		color: #4D4854;
		font-family: 'Zen Maru Gothic', "ヒラギノ丸ゴ ProN", sans-serif;
		font-size: 14px;
		font-weight: 400;
		text-decoration: none;
	}
	.di_c_toc_list_link:is(:hover, :focus, :active) {
		font-weight: 700;
		color: #008F40;
		text-decoration: none;
	}
}
/* ==========================================================
!段落
========================================================== */
.di_c_txt {
	color: #4D4854;
	font-family: "m-plus-rounded-2c", sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 1.8;
	margin: 0 0 1em 0;
}
.di_c_txt_small {
	font-family: "m-plus-rounded-2c", sans-serif;
	font-size: 14px;
	line-height: 1.4;
	margin: 0 0 1em 0;
}
.di_c_txt_marker_green {
	background: linear-gradient(transparent 60%, #B7F3D2 60%);
}

/* 641px以上（ファブレット） */
@media only screen and (min-width: 641px), print {
	.di_c_txt {
		font-size: 16px;
	}
	.di_c_txt_small {
		font-size: 14px;
	}
}
/* ==========================================================
!テキストリンク
========================================================== */
/* target="_blank"リンク・PDFリンク以外 */
.di_c_txt_link {
	display: inline;
	font-family: "m-plus-rounded-2c", sans-serif;
	font-size: 16px;
	color: #008F40;
	line-height: 1.8;
}
.di_c_txt_link:hover {
	color: #008F40 !important;
}
/* target="_blank"リンク */
.di_c_txt_link:where(a[target="_blank"]:not(.di_u_noicon)) {
	position: relative;
}
.di_c_txt_link:where(a[target="_blank"]:not(.di_u_noicon))::after {
	background: url(/images/0001/sc_image/inc/pc/special/oshikatsucolumn78/di_icon_link_external.png) repeat 0 0;
	display: inline-block;
	line-height: 1;
	width: 13px;
	height: 13px;
	margin-left: 0.3em;
	content: "";
}
/* PDFリンク */
.di_c_txt_link:where(a[href$=".pdf"]:not(.di_u_noicon)) {
	position: relative;
}
.di_c_txt_link:where(a[href$=".pdf"]:not(.di_u_noicon))::after {
	background: url(/images/0001/sc_image/inc/pc/special/template/di_icon_pdf.png) repeat 0 0;
	display: inline-block;
	line-height: 1;
	width: 18px;
	height: 20px;
	margin-left: 0.3em;
	margin-bottom: 0.2em;
	vertical-align: middle;
	content: "";
}
/* 矢印付きリンク + hoverで下線 */
.di_c_txt_link_arrow {
	position: relative;
	color: #4D4854;
	text-decoration: none;
	padding-left: 1.2em;
}
.di_c_txt_link_arrow::before {
	content: "";
    display: inline-block;
    width: 7px;
    height: 7px;
    border-top: solid 1px #008F40;
    border-right: solid 1px #008F40;
    transform: rotate(45deg);
    position: absolute;
    top: 9px;
    left: 0;
    z-index: 1;
}
.di_c_txt_link_arrow:hover {
	color: #4D4854 !important;
	text-decoration: underline !important;
}

/* 641px以上（ファブレット） */
@media only screen and (min-width: 641px), print {
	.di_c_txt_link {
		font-size: 16px;
	}
	/* 矢印付きリンク + hoverで下線 */
	.di_c_txt_link_arrow::before {
		transform: translateY(-50%) rotate(45deg);
		top: 50%;
	}
}

/* ==========================================================
!見出し
========================================================== */
/* グレー背景の見出しはこのclassで囲う */
.di_c_heading_wrap {
	margin-bottom: 40px;
	padding: 16px;
	background: #EFEDF2 none;
}
/* グレー背景の見出し h2 */
.di_c_heading {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
	border-bottom: none !important;
	color: #4D4854;
	font-family: 'Zen Maru Gothic', "ヒラギノ丸ゴ ProN", sans-serif;
	font-weight: 700;
}
/* h1 コラム */
.di_c_heading_lv1 {
	font-size: 28px;
	line-height: 1.4;
	padding: 0 !important;
	margin: 40px 0 24px 0 !important;
}
/* h2 コラム */
.di_c_heading_lv2 {
	border: none;
	font-size: 24px;
	font-weight: 700;
	line-height: 1.4;
	margin: 64px 0 40px 0;
}
/* h2 下線あり */
.di_c_heading_lv2_line {
	position: relative;
	border: none;
	padding: 0 0 16px 0;
}
.di_c_heading_lv2_line::after {
	display: inline-block;
	position: absolute;
	bottom: 0;
	left: 0;
	content: "";
	background-color: #B7F3D2;
	border-radius: 12px;
	width: 80px;
	height: 5px;
}
/* h3 コラム */
.di_c_heading_lv3 {
	background: none;
	font-size: 20px;
	line-height: 1.6;
	margin: 64px 0 24px 0;
	padding: 0;
}
/* h3 下線あり */
.di_c_heading_lv3_line {
	position: relative;
	padding: 0 0 0 16px;
}
.di_c_heading_lv3_line::before {
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	background-color: #B7F3D2;
	border-radius: 12px;
	width: 5px;
	height: 100%;
}
.di_c_heading_lv3_line::after {
	content: none;
}
/* h4 コラム */
.di_c_heading_lv4 {
	font-size: 18px;
	line-height: 1.6;
	margin: 40px 0 24px 0;
	padding: 0;
}
/* h4 下線あり */
.di_c_heading_lv4_line {
	position: relative;
	/* border-left: 5px solid #B7F3D2; */
	padding: 0 0 0 12px;
}
.di_c_heading_lv4_line::before {
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	background-color: #B7F3D2;
	border-radius: 12px;
	width: 5px;
	height: 100%;
}
.di_c_heading_lv4_line::after {
	content: none;
}

/* 641px以上（ファブレット） */
@media only screen and (min-width: 641px), print {
	/* グレー背景の見出しはこのclassで囲う */
	.di_c_heading_wrap {
		padding: 16px;
	}
	/* h1 コラム */
	.di_c_heading_lv1 {
		font-size: 34px;
	}
	/* h2 コラム */
	.di_c_heading_lv2 {
		font-size: 28px;
		margin: 80px 0 40px 0;
	}
	/* h3 コラム */
	.di_c_heading_lv3 {
		font-size: 24px;
	}
	/* h4 コラム */
	.di_c_heading_lv4 {
		font-size: 20px;
	}
}
/* ==========================================================
!区切り線
========================================================== */
/* ResetCSS */
hr {
	height: 0;
	margin: 0;
	padding: 0;
	border: 0;
}
.di_c_hr {
	background-color: #EFEDF2;
	height: 1px;
	margin: 24px 0;
}

/* ==========================================================
!吹き出し
========================================================== */
.di_c_comment {
	display: flex;
	column-gap: 23px;
	margin: 0 0 16px 0;
}
.di_c_comment_right {
	flex-flow: row-reverse nowrap;
}
.di_c_comment_left {
	flex-flow: row nowrap;
}
.di_c_comment_right .di_c_comment_txt {
	position: relative;
	display: inline-block;
	border: 3px solid #CBEFD4;
	border-radius: 10px;
	width: 653px;
	max-width: 100%;
	color: #555;
	font-size: 16px;
	margin-right: auto;
	padding: 24px 20px;
}
.di_c_comment_right .di_c_comment_txt::before {
	position: absolute;
	display: inline-block;
	top: 25px;
	left: -30px;
	z-index: 2;
	margin-top: -18px;
	border: 18px solid transparent;
	border-right: 18px solid #ffffff;
	content: "";
}
.di_c_comment_right .di_c_comment_txt::after {
	position: absolute;
	top: 25px;
	left: -30px;
	margin-top: -14px;
	border: 14px solid transparent;
	border-right: 14px solid #CBEFD4;
	z-index: 1;
	content: "";
}
.di_c_comment_left .di_c_comment_txt {
	position: relative;
	display: inline-block;
	border: 3px solid #CBEFD4;
	border-radius: 10px;
	width: 653px;
	max-width: 100%;
	color: #555;
	font-size: 16px;
	margin-left: auto;
	padding: 24px 20px;
}
.di_c_comment_left .di_c_comment_txt::before {
	position: absolute;
	display: inline-block;
	top: 25px;
	right: -30px;
	z-index: 2;
	margin-top: -18px;
	border: 18px solid transparent;
	border-left: 18px solid #ffffff;
	content: "";
}
.di_c_comment_left .di_c_comment_txt::after {
	position: absolute;
	top: 25px;
	right: -30px;
	margin-top: -14px;
	border: 14px solid transparent;
	border-left: 14px solid #CBEFD4;
	z-index: 1;
	content: "";
}
.di_c_comment_txt .di_c_txt {
	margin: 0;
}
.di_c_comment_fig {
	max-width: 44px;
	width: 100%;
    height: 44px;
}

/* 641px以上（ファブレット） */
@media only screen and (min-width: 641px), print {
	.di_c_comment {
		column-gap: 30px;
	}
	.di_c_comment_right .di_c_comment_txt::before {
		top: 50%;
	}
	.di_c_comment_right .di_c_comment_txt::after {
		top: 50%;
	}
	.di_c_comment_left .di_c_comment_txt::before {
		top: 50%;
	}
	.di_c_comment_left .di_c_comment_txt::after {
		top: 50%;
	}
	.di_c_comment_fig {
		max-width: 80px;
		height: 80px;
	}
}

/* ==========================================================
!リスト
========================================================== */
/* ul要素 */
.di_c_list_item {
	font-family: "m-plus-rounded-2c", sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 1.4;
	text-indent: -1em;
    padding-left: 1em;
	margin: 0.5em 0 8px 0;
}
.di_c_list_item::before {
	display: inline-block;
	vertical-align: middle;
	content: "";
	width: 10px;
	height: 10px;
	background: #008F40;
	border-radius: 50%;
	margin-right: 8px;
}
/* ol要素 */
.di_c_list_num_item {
	font-family: "m-plus-rounded-2c", sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 1.4;
	margin: 0.5em 0 8px 20px;
	list-style: decimal;
}
.di_c_list_num_item::marker {
	display: inline-block;
	color: #008F40;
	font-family: "m-plus-rounded-2c", sans-serif;
}

/* 641px以上（ファブレット） */
@media only screen and (min-width: 641px), print {
	.di_c_comment_right .di_c_comment_txt::before {
		top: 50%;
		margin-top: -18px;
		border: 18px solid transparent;
		border-right: 18px solid #ffffff;
	}
	.di_c_comment_right .di_c_comment_txt::after {
		top: 50%;
		margin-top: -14px;
		border: 14px solid transparent;
		border-right: 14px solid #CBEFD4;
	}
}

/* ==========================================================
!テーブル
========================================================== */
.di_c_table {
	overflow-x: auto;
	white-space: nowrap;
	margin: 0 0 24px 0;
}
.di_c_table_auto {
	table-layout: auto;
	width: 100%;
}
.di_c_table_fixed {
	width: 100%;
}
.di_c_table_auto.di_c_table_item {
	border: 1px solid #EFEDF2;
}
.di_c_table_auto .di_c_table_row:not(:first-child) {
	border-top: 1px solid #EFEDF2;
}
.di_c_table_fixed .di_c_table_header {
	border: 1px solid #EFEDF2;
}
.di_c_table_fixed .di_c_table_data {
	border-color: #EFEDF2;
	border-style: solid;
	border-width: 0 0 1px 1px;
	vertical-align: top;
}
.di_c_table_fixed .di_c_table_data:last-child {
	border-right: 1px solid #EFEDF2;
}
.di_c_table_header {
	background-color: #FAFAFB;
	font-family: "m-plus-rounded-2c", sans-serif;
	font-weight: 700;
}
.di_c_table_data {
	font-family: "m-plus-rounded-2c", sans-serif;
	font-weight: 400;
}
.di_c_table_header,
.di_c_table_data {
	padding: 30px 16px;
	text-align: left;
}

.di_c_table_caption {
	font-family: "m-plus-rounded-2c", sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.4;
	text-align: left;
	margin: 16px 0 16px 0;
	caption-side: bottom;
}

/* 641px以上（ファブレット） */
@media only screen and (min-width: 641px), print {
	.di_c_table {
		overflow-x: initial;
		white-space: normal;
	}
	.di_c_table_auto {
		table-layout: auto;
	}
	.di_c_table_fixed {
		table-layout: fixed;
		width: 100%;
	}
}

/* ==========================================================
!引用など緑背景の囲みブロック
========================================================== */
.di_c_box_paint {
	background-color: #F3FDF8;
	padding: 24px 24px 0.5em 24px;
}
.di_c_box_paint > * {
	font-size: 16px;
    font-family: "m-plus-rounded-2c", sans-serif;
    font-weight: 400;
    font-size: 16px;
	color: #4D4854;
    line-height: 1.8;
    margin: 0 0 1em 0;
}

/* 641px以上（ファブレット） */
@media only screen and (min-width: 641px), print {
	.di_c_box_paint {
		padding: 40px 40px 1.5em 40px;
	}
}

/* ==========================================================
!CTA
========================================================== */
/* target="_blank"リンク・PDFリンク以外 */
.di_c_btn_link {
	position: relative;
	display: block;
	border: 2px solid #81C9A2;
	border-radius: 60px;
	color: #4D4854;
	font-size: 16px;
	font-weight: 700;
	text-decoration: none;
	max-width: 100%;
	width: auto;
	padding: 20px 40px 20px 24px;
	margin: 0 auto 16px;
	transition: background 0.3s;
}
/* WECAG */
.di_c_btn_link span {
	overflow: hidden;
	position: absolute;
	top: -10px;
	width: 1px;
	height: 1px;
}
.di_c_btn_link:hover {
	background-color: #81C9A2;
	text-decoration: none;
	color: #ffffff !important;
}
.di_c_btn_link:not(a[target="_blank"],[href$=".pdf"])::after {
	position: absolute;
	top: 50%;
	right: 16px;
	background-color: #81C9A2;
	border-radius: 50%;
	width: 16px;
	height: 16px;
	content: "";
	transform: translateY(-50%);
}
.di_c_btn_link:not(a[target="_blank"],[href$=".pdf"])::before {
	position: absolute;
	top: 50%;
	right: 22px;
	border-top: solid 1px #ffffff;
	border-right: solid 1px #ffffff;
	width: 5px;
	height: 5px;
	content: "";
	z-index: 2;
	transform: translateY(-50%) rotate(45deg);
}
.di_c_btn_link:not(a[target="_blank"],[href$=".pdf"]):is(:hover, :focus-visible)::before {
	border-top: solid 1px #81C9A2;
	border-right: solid 1px #81C9A2;
}
.di_c_btn_link:not(a[target="_blank"],[href$=".pdf"]):is(:hover, :focus-visible)::after {
	background-color: #ffffff;
}
/* target="_blank"リンク */
.di_c_btn_link:where(a[target="_blank"]:not(.di_u_noicon))::after {
	position: absolute;
	top: 50%;
	right: 16px;
	background: url(images/0001/sc_image/inc/pc/special/oshikatsucolumn78/di_icon_link_external.png) repeat 0 0;
	display: inline-block;
	line-height: 1;
	width: 13px;
	height: 13px;
	content: "";
	transform: translateY(-50%);
}
.di_c_btn_link:where(a[target="_blank"]:not(.di_u_noicon)):is(:hover, :focus-visible)::after {
	background: url(images/0001/sc_image/inc/pc/special/oshikatsucolumn78/di_icon_link_external_white.png) repeat 0 0;
}
/* PDFリンク */
.di_c_btn_link:where(a[href$=".pdf"]:not(.di_u_noicon))::after {
	position: absolute;
	top: 50%;
	right: 16px;
	background: url(/images/0001/sc_image/inc/pc/special/template/di_icon_pdf.png) repeat 0 0;
	display: inline-block;
	line-height: 1;
	width: 18px;
	height: 20px;
	margin-bottom: 0.2em;
	vertical-align: middle;
	content: "";
	transform: translateY(-50%);
}
.di_c_btn_link:where(a[href$=".pdf"]:not(.di_u_noicon)):is(:hover, :focus-visible)::after {
	background: url(/images/0001/sc_image/inc/pc/special/template/di_icon_pdf_white.png) repeat 0 0;
}
/* 塗りつぶしボタン:target="_blank"リンク・PDFリンク以外 */
.di_c_btn_fill {
	background-color: #81C9A2;
	border: 2px solid #81C9A2;
	color: #ffffff;
}
.di_c_btn_fill:hover {
	background-color: #ffffff;
	text-decoration: none;
	color: #4D4854 !important;
}
.di_c_btn_fill:not(a[target="_blank"],[href$=".pdf"])::before {
	border-top: solid 1px #81C9A2;
	border-right: solid 1px #81C9A2;
}
.di_c_btn_fill:not(a[target="_blank"],[href$=".pdf"])::after {
	background-color: #ffffff;
}
.di_c_btn_fill:not(a[target="_blank"],[href$=".pdf"]):is(:hover, :focus-visible)::before {
	border-top: solid 1px #ffffff;
	border-right: solid 1px #ffffff;
}
.di_c_btn_fill:not(a[target="_blank"],[href$=".pdf"]):is(:hover, :focus-visible)::after {
	background-color: #81C9A2;
}
/* 塗りつぶしボタン:target="_blank"リンク */
.di_c_btn_fill:where(a[target="_blank"]:not(.di_u_noicon))::after {
	background: url(https://7net-img.omni7.jp/cm/0001/sc_image/inc/pc/special/oshikatsucolumn24/di_icon_link_external_white.png) repeat 0 0;
}
.di_c_btn_fill:where(a[target="_blank"]:not(.di_u_noicon)):is(:hover, :focus-visible)::after {
	background: url(https://7net-img.omni7.jp/cm/0001/sc_image/inc/pc/special/oshikatsucolumn24/di_icon_link_external.png) repeat 0 0;
}
/* 塗りつぶしボタン:PDFリンク */
.di_c_btn_fill:where(a[href$=".pdf"]:not(.di_u_noicon))::after {
	background: url(images/0001/sc_image/inc/pc/special/oshikatsucolumn78/di_icon_pdf_white.png) repeat 0 0;
}
.di_c_btn_fill:where(a[href$=".pdf"]:not(.di_u_noicon)):is(:hover, :focus-visible)::after {
	background: url(images/0001/sc_image/inc/pc/special/oshikatsucolumn78/di_icon_pdf.png) repeat 0 0;
}

/* 641px以上（ファブレット） */
@media only screen and (min-width: 641px), print {
	.di_c_btn_link {
		max-width: 260px;
		width: 100%;
	}
}

/* ==========================================================
!フロー
========================================================== */
.di_c_flow_list {
	counter-reset: number 0;
}
.di_c_flow_item {
	position: relative;
	background-color: #F3FDF8;
	border-radius: 4px;
	padding: 32px 24px 24px 24px;
}
.di_c_flow_item + .di_c_flow_item {
	margin-top: 76px;
}
.di_c_flow_item::before {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	background-color: #81C9A2;
	border-radius: 50%;
	color: #fff;
	font-size: 20px;
	font-family: 'Zen Maru Gothic', "ヒラギノ丸ゴ ProN", sans-serif;
	font-weight: 700;
	width: 48px;
    height: 48px;
    top: -24px;
    left: 50%;
	transform: translateX(-50%);
    z-index: 1;
	content: "";
	counter-increment: number 1;
	content: counter(number);
}
.di_c_flow_item + .di_c_flow_item::after {
	content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    border-top: solid 4px #81C9A2;
    border-right: solid 4px #81C9A2;
    transform: translateX(-50%) rotate(135deg);
    position: absolute;
    top: -70px;
    left: 50%;
    z-index: 1;
}
.di_c_flow_desc_ttl {
	font-family: "m-plus-rounded-2c", sans-serif;
	font-size: 18px;
	font-weight: 700;
	margin: 0 0 16px 0;
}
.di_c_flow_desc_txt {
	color: #4D4854;
	font-family: "m-plus-rounded-2c", sans-serif;
	font-weight: 400;
	line-height: 1.8;
}

/* 641px以上（ファブレット） */
@media only screen and (min-width: 641px), print {
	.di_c_flow_list {
		width: 745px;
		margin-left: auto;
	}
	.di_c_flow_item {
		padding: 24px 24px 24px 56px;
	}
	.di_c_flow_item + .di_c_flow_item {
		margin-top: 70px;
	}
	.di_c_flow_item::before {
		font-size: 30px;
		width: 62px;
		height: 62px;
		top: 24px;
		left: -32px;
		transform: none;
	}
	.di_c_flow_item + .di_c_flow_item::after {
		width: 20px;
		height: 20px;
		top: -50px;
		left: calc(50% - 30px);
		transform: rotate(135deg);
	}
}

/* ==========================================================
!ランキング
========================================================== */
.di_c_ranking_list {
	counter-reset: rank;
}
.di_c_ranking_item_wrap {
	display: flex;
	flex-flow: row wrap-reverse;
	row-gap: 16px;
}
.di_c_ranking_item {
	position: relative;
	border-width: 3px;
	border-style: solid;
	border-radius: 10px;
	padding: 32px 24px 24px 24px;
}
.di_c_ranking_item + .di_c_ranking_item {
	margin-top: 48px;
}
.di_c_ranking_item::before {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	border-radius: 50%;
	color: #fff;
	font-size: 20px;
	font-family: 'Zen Maru Gothic', "ヒラギノ丸ゴ ProN", sans-serif;
	font-weight: 700;
	width: 48px;
    height: 48px;
    top: -24px;
    left: 50%;
	transform: translateX(-50%);
    z-index: 1;
	counter-increment: rank;
	content: counter(rank);
}
.di_c_ranking_item:nth-child(1) {
	border-color: #E9DA7F;
}
.di_c_ranking_item:nth-child(2) {
	border-color: #D7D8D8;
}
.di_c_ranking_item:nth-child(3) {
	border-color: #F0BAA2;
}
.di_c_ranking_item:nth-child(n+4) {
	border-color: #81C9A2;
}
.di_c_ranking_item:nth-child(1)::before {
	background-color: #E9DA7F;
}
.di_c_ranking_item:nth-child(2)::before {
	background-color: #D7D8D8;
}
.di_c_ranking_item:nth-child(3)::before {
	background-color: #F0BAA2;
}
.di_c_ranking_item:nth-child(n+4)::before {
	background-color: #81C9A2;
}
.di_c_ranking_desc_ttl {
	font-size: 18px;
	font-weight: 700;
	margin: 0 0 16px 0;
}
.di_c_ranking_desc_txt {
	color: #4D4854;
	font-family: "m-plus-rounded-2c", sans-serif;
	font-weight: 400;
	line-height: 1.8;
}
.di_c_ranking_fig {
	width: 100%;
	margin: 0;
}

/* 641px以上（ファブレット） */
@media only screen and (min-width: 641px), print {
	.di_c_ranking_list {
		width: 745px;
		margin-left: auto;
	}
	.di_c_ranking_item_wrap {
		display: grid;
		grid-template-columns: 220px 1fr;
		column-gap: 34px;
		row-gap: 0;
	}
	.di_c_ranking_item {
		padding: 24px 24px 24px 56px;
	}
	.di_c_ranking_item + .di_c_ranking_item {
		margin-top: 24px;
	}
	.di_c_ranking_item::before {
		font-size: 30px;
		width: 62px;
		height: 62px;
		top: 24px;
		left: -32px;
		transform: none;
	}
	.di_c_ranking_desc_list {
		order: 2;
	}
	.di_c_ranking_fig {
		order: 1;
		min-width: 220px;
	}
}

/* ==========================================================
!Q&A
========================================================== */
.di_accordion_item {
	border: 3px solid #81C9A2;
	border-radius: 10px;
	cursor: pointer;
	padding: 0 10px 0 13px;
}
.di_accordion_item + .di_accordion_item {
	margin-top: 24px;
}
.di_accordion_ttl {
	position: relative;
	font-family: "m-plus-rounded-2c", sans-serif;
	font-weight: 700;
	font-size: 18px;
	padding: 24px 30px 24px 53px;
}
.di_accordion_content {
	position: relative;
	display: none;
	border-top: 2px dashed #CCCCCC;
	min-height: 3em;
	height: 100% !important;
	font-family: "m-plus-rounded-2c", sans-serif;
	font-weight: 400;
	font-size: 16px;
	padding: 24px 0 24px 53px;
}
.di_accordion_ttl::before,
.di_accordion_content::before {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	border-radius: 50%;
	font-size: 16px;
	font-family: 'Zen Maru Gothic', "ヒラギノ丸ゴ ProN", sans-serif;
	font-weight: 700;
	width: 35px;
    height: 35px;
    left: 0px;
    z-index: 1;
}
.di_accordion_ttl::before {
	background-color: #81C9A2;
	color: #fff;
	top: 50%;
	transform: translateY(-50%);
	content: "Q";
}
.di_accordion_content::before {
	background-color: #fff;
	border: 2px solid #81C9A2;
	color: #81C9A2;
	top: 24px;
	content: "A";
}
.di_accordion_item .di_accordion_ttl::after {
	position: absolute;
    display: inline-block;
	border-top: solid 3px #81C9A2;
    border-right: solid 3px #81C9A2;
    width: 12px;
    height: 12px;
    top: 50%;
    right: 4px;
	transform: translateY(-50%) rotate(135deg);
    z-index: 1;
	content: "";
	transition: transform 0.3s !important;
}
.di_accordion_item.ns_btn_standby .di_accordion_ttl::after {
	transform: translateY(-50%) rotate(315deg);
}

/* 641px以上（ファブレット） */
@media only screen and (min-width: 641px), print {
	.di_accordion_item {
		border: 3px solid #81C9A2;
		border-radius: 10px;
		cursor: pointer;
		padding: 0 24px 0 17px;
	}
	.di_accordion_item + .di_accordion_item {
		margin-top: 24px;
	}
	.di_accordion_ttl {
		position: relative;
		font-family: "m-plus-rounded-2c", sans-serif;
		font-weight: 700;
		font-size: 18px;
		padding: 33px 24px 26px 80px;
	}
	.di_accordion_content {
		position: relative;
		display: none;
		border-top: 2px dashed #CCCCCC;
		min-height: 3em;
		font-family: "m-plus-rounded-2c", sans-serif;
		font-weight: 400;
		padding: 24px 0 24px 80px;
	}
	.di_accordion_ttl::before,
	.di_accordion_content::before {
		display: flex;
		justify-content: center;
		align-items: center;
		position: absolute;
		border-radius: 50%;
		font-size: 24px;
		font-family: 'Zen Maru Gothic', "ヒラギノ丸ゴ ProN", sans-serif;
		width: 48px;
		height: 48px;
		left: 0px;
		z-index: 1;
	}
	.di_accordion_ttl::before {
		background-color: #81C9A2;
		color: #fff;
		top: 50%;
		transform: translateY(-50%);
		content: "Q";
	}
	.di_accordion_content::before {
		background-color: #fff;
		border: 2px solid #81C9A2;
		color: #81C9A2;
		top: 24px;
		content: "A";
	}
	.di_accordion_item .di_accordion_ttl::after {
		position: absolute;
		display: inline-block;
		border-top: solid 3px #81C9A2;
		border-right: solid 3px #81C9A2;
		width: 12px;
		height: 12px;
		top: 50%;
		right: 4px;
		transform: translateY(-50%) rotate(135deg);
		z-index: 1;
		content: "";
	}
	.di_accordion_item.ns_btn_standby .di_accordion_ttl::after {
		transform: translateY(-50%) rotate(315deg);
	}
}

/* ==========================================================
!この記事の著者
========================================================== */
.di_c_writer {
	border: 3px solid #81C9A2;
	border-radius: 10px;
	padding: 4%;
}
.di_c_writer_ttl {
	background: none;
	font-size: 18px;
	font-weight: 700;
	text-align: center;
	margin: 0 0 16px 0;
	padding: 0;
}
.di_c_writer_wrap {
	display: flex;
	flex-flow: row wrap;
	row-gap: 16px;
}
.di_c_writer_desc_ttl {
	font-size: 16px;
	font-weight: 700;
	margin: 0 0 13px 0;
}
/* 著者サムネイル */
.di_c_writer_thumb {
	max-width: 120px;
	width: 100%;
	height: 120px;
	margin: 0 auto;
}
.di_c_writer_thumb .di_c_img {
	border-radius: 50%;
	height: 100%;
}
.di_c_img {
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}
.di_c_writer_desc_txt {
	font-family: "m-plus-rounded-2c", sans-serif;
	font-weight: 400;
	line-height: 1.4;
}

/* 641px以上（ファブレット） */
@media only screen and (min-width: 641px), print {
	.di_c_writer {
		padding: 24px;
	}
	.di_c_writer_ttl {
		background: none;
		font-size: 18px;
		font-weight: 700;
		text-align: left;
		margin: 0 0 16px 0;
		padding: 0;
	}
	.di_c_writer_wrap {
		display: grid;
		grid-template-columns: 120px 1fr;
		column-gap: 54px;
		row-gap: 0;
	}
	.di_c_writer_desc_ttl {
		font-size: 16px;
		font-weight: 700;
		margin: 0 0 13px 0;
	}
	/* 著者サムネイル */
	.di_c_writer_thumb {
		max-width: 120px;
		width: 100%;
		height: 120px;
	}
	.di_c_writer_thumb .di_c_img {
		border-radius: 50%;
		height: 100%;
	}
	.di_c_img {
		max-width: 100%;
		height: auto;
		vertical-align: middle;
	}
	.di_c_writer_desc_txt {
		font-family: "m-plus-rounded-2c", sans-serif;
		font-weight: 400;
		line-height: 1.4;
	}
}

/* ==========================================================
!オススメ記事
========================================================== */
.di_c_column {
	display: flex;
	flex-flow: row wrap;
	row-gap: 16px;
	border: 3px solid #81C9A2;
	border-radius: 10px;
	padding: 4%;
}
.di_c_column_desc_ttl {
	font-size: 18px;
	font-weight: 700;
	margin: 0 0 16px 0;
}
.di_c_column_desc_txt {
	font-family: "m-plus-rounded-2c", sans-serif;
	font-weight: 400;
	line-height: 1.4;
}

/* 641px以上（ファブレット） */
@media only screen and (min-width: 641px), print {
	.di_c_column {
		display: grid;
		grid-template-columns: 144px 1fr;
		column-gap: 17px;
		row-gap: 0;
		padding: 24px;
	}
	.di_c_column_thumb {
		min-width: 144px;
	}
	.di_c_column_desc_ttl {
		font-size: 18px;
		font-weight: 700;
		margin: 0 0 16px 0;
	}
	.di_c_column_desc_txt {
		font-family: "m-plus-rounded-2c", sans-serif;
		font-weight: 400;
		line-height: 1.4;
	}
}

/* ==========================================================
!メディアとテキスト
========================================================== */
/* 画像50% テキスト50%　標準（左画像+右テキスト） */
.di_c_media_txt {
	display: grid;
    grid-template-columns: auto;
    row-gap: 20px;
	margin: 0 0 40px 0;
}
.di_c_media {
	margin: 0;
}
.di_c_media_txt_fig {
	margin: 0;
}
.di_c_media_txt_content {
	text-align: left;
}
/* キャプション */
.di_c_media_txt_figcaption {
	font-family: "m-plus-rounded-2c", sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.4;
	text-align: left;
	margin: 16px 0 0 0;
}
/* 画像2カラム（横並び） */
.di_c_grid {
	display: grid;
}
.di_c_grid.di_c_grid_col2 {
	grid-template-columns: auto;
}
.di_c_grid.di_c_grid_col2 .di_c_grid_item {
	margin: 0 0 40px 0;
}
/* 画像1カラム（中央寄せ） */
.di_c_grid.di_c_grid_col1 {
	margin: 0 0 40px 0;
}
.di_c_grid.di_c_grid_col1 .di_c_grid_item {
	margin: 0 auto;
}
/* キャプション */
.di_c_grid_item_figcaption {
	font-family: "m-plus-rounded-2c", sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.4;
	text-align: left;
	margin: 16px 0 0 0;
}
/* 画像40% + テキスト */
.di_c_media_w40per {
	grid-template-columns: auto;
}
/* 画像20% + テキスト */
.di_c_media_w20per {
	grid-template-columns: auto;
}

/* 641px以上（ファブレット） */
@media only screen and (min-width: 641px), print {
	.di_c_media_txt {
		display: grid;
		grid-template-columns: 1fr 1fr;
		column-gap: 40px;
		row-gap: 0;
		margin: 0 0 60px 0;
	}
	/* 画像50% テキスト50%　左右反転（左テキスト+右画像） */
	.di_c_media_txt.di_row_reverse .di_c_media_txt_fig {
		order: 2;
	}
	.di_c_media_txt.di_row_reverse .di_c_media_txt_content {
		order: 1;
	}
	/* 画像2カラム（横並び） */
	.di_c_grid {
		margin: 0 0 0px 0;		/* 元は60px */
	}
	.di_c_grid.di_c_grid_col2 {
		grid-template-columns: 1fr 1fr;
		column-gap: 40px;
	}
	.di_c_grid.di_c_grid_col2 .di_c_grid_item {
		margin: 0;
	}
	/* 画像1カラム（中央寄せ） */
	.di_c_grid.di_c_grid_col1 {
		margin: 0 0 20px 0; /* 元は60 */
	}
	/* 画像40% + テキスト */
	.di_c_media_w40per {
		grid-template-columns: 40% 1fr;
	}
	/* 画像20% + テキスト */
	.di_c_media_w20per {
		grid-template-columns: 20% 1fr;
	}

}

/* ==========================================================
!ページ上部タイトル画像
========================================================== */
.di_l_main_logo {
	max-width: 860px;
    margin: 0 auto;
}
.di_l_main_logo_img {
	display: block;
	width: auto;
    padding: 45px 0 20px;
	margin: 0 auto;
}

/* ==========================================================
!ページ下部バナー
========================================================== */
.di_c_bottom_bnr {
	max-width: 860px;
	margin: clamp(0px, 10vw, 32px) auto;
	width: 90%;
}
.di_c_bottom_bnr_item_link {
	filter: drop-shadow(0 0px 10px rgba(0, 0, 0, 0.2));
}
.di_c_bottom_bnr_item_img {
	display: block;
	width: 100%;
	height: auto;
}

/* 641px以上（ファブレット） */
@media only screen and (min-width: 641px), print {
	.di_c_bottom_bnr {
		max-width: 860px;
		width: 100%;
	}
}

/* ==========================================================
!記事前後ボタン
========================================================== */
:root {
	--di_c_pagenavi_arrow_size: 1.8em;
	--di_c_pagenavi_arrow_top: 51%;
	--di_c_pagenavi_arrow_side: 2.5em;
}
.di_c_pagenavi {
	max-width: 880px;
    margin: 0 auto;
}
.di_c_pagenavi * {
	max-width: 100% !important;
	margin: 0 auto;
}
.di_c_pagenavi_wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	padding-bottom: clamp(0px, 10vw, 32px);
	padding-left: 0;
	padding-right: 0;
}
.di_c_pagenavi_item_link {
	width: fit-content;
	text-decoration: none;
	display: block;
	color: #72be94;
}
.di_c_pagenavi_item_link:hover {
	opacity: 0.5;
    text-decoration: none !important;
}
.di_c_pagenavi_item.di_c_pagenavi_btn_prev {
	order: 1;
}
.di_c_pagenavi_item.di_c_pagenavi_btn_prev .di_c_pagenavi_item_link {
	margin: 0 calc(var(--di_c_pagenavi_arrow_size) + var(--di_c_pagenavi_arrow_side) * 0.5) 0 !important;
}
.di_c_pagenavi_item.di_c_pagenavi_btn_prev .di_c_pagenavi_item_link:hover {
	color: #72be94;
}
.di_c_pagenavi_item.di_c_pagenavi_btn_next {
	order: 3;
}
.di_c_pagenavi_item.di_c_pagenavi_btn_next .di_c_pagenavi_item_link {
	margin: 0 calc(var(--di_c_pagenavi_arrow_size) + var(--di_c_pagenavi_arrow_side) * 0.5) 0 auto !important;
}
.di_c_pagenavi_item.di_c_pagenavi_btn_type_arrow {
	width: fit-content;
	text-align: center;
}
.di_c_pagenavi_item.di_c_pagenavi_btn_all {
	order: 2;
}
.di_c_pagenavi_item.di_c_pagenavi_btn_all .di_c_pagenavi_item_link {
	background: #72be94;
	color: #fff;
	width: fit-content;
	width: clamp(0px, 12em, 299px);
	height: 3em;
	display: flex;
	flex-direction: column;
	justify-content: center;
	border-radius: 1000px;
}
.di_c_pagenavi_item.di_c_pagenavi_btn_all .di_c_pagenavi_item_txt {
	font-size: clamp(10px, 4vw, 18px);
	font-weight: bold;
	width: 10em;
	display: block;
	text-align: center;
	line-height: 1;
}
.di_c_pagenavi_item.di_c_pagenavi_btn_type_arrow .di_c_pagenavi_item_txt {
	position: relative;
	font-weight: bold;
	font-size: clamp(10px, 4vw, 18px);
	width: 8em !important;
}
.di_c_pagenavi_item.di_c_pagenavi_btn_type_arrow .di_c_pagenavi_item_txt::before,
.di_c_pagenavi_item.di_c_pagenavi_btn_type_arrow .di_c_pagenavi_item_txt::after {
	position: absolute;
	content: "";
	display: block;
	box-sizing: border-box;
}
.di_c_pagenavi_item.di_c_pagenavi_btn_type_arrow .di_c_pagenavi_item_txt::before {
	width: var(--di_c_pagenavi_arrow_size);
	height: var(--di_c_pagenavi_arrow_size);
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background: #72be94;
	transform: translate(0, -50%);
	top: var(--di_c_pagenavi_arrow_top);
}
.di_c_pagenavi_item.di_c_pagenavi_btn_type_arrow .di_c_pagenavi_item_txt::after {
	width: calc(var(--di_c_pagenavi_arrow_size) * 0.5);
	height: calc(var(--di_c_pagenavi_arrow_size) * 0.5);
	border-top: 0.2em solid #fff;
	border-right: 0.2em solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg) translate(11%, 60%);
	top: calc(var(--di_c_pagenavi_arrow_top) - var(--di_c_pagenavi_arrow_size) * 0.5);
}
.di_c_pagenavi_item.di_c_pagenavi_btn_prev .di_c_pagenavi_item_txt::before {
	left: calc(-1 * (var(--di_c_pagenavi_arrow_side)));
}
.di_c_pagenavi_item.di_c_pagenavi_btn_prev .di_c_pagenavi_item_txt::after {
	left: calc(-1 * (var(--di_c_pagenavi_arrow_side) - var(--di_c_pagenavi_arrow_size) * 0.6));
	transform: rotate(230deg) translate(0, -80%);
}
.di_c_pagenavi_item.di_c_pagenavi_btn_next .di_c_pagenavi_item_txt::before {
	right: calc(-1 * (var(--di_c_pagenavi_arrow_side)));
}
.di_c_pagenavi_item.di_c_pagenavi_btn_next .di_c_pagenavi_item_txt::after {
	right: calc(-1 * (var(--di_c_pagenavi_arrow_side) - var(--di_c_pagenavi_arrow_size) * 0.19));
}
.di_c_pagenavi_item.disabled .di_c_pagenavi_item_txt {
	background: #ccc5d5;
	color: #fff;
	font-weight: bold;
	padding: 10px;
	border-radius: 1000px;
}

/* 640px以下（SP） */
@media screen and (max-width: 640px) {
	.di_c_pagenavi_wrap {
		row-gap: 16px;
	}
	.di_c_pagenavi_item.di_c_pagenavi_btn_all {
		width: 100%;
	}
	.di_c_pagenavi_item.di_c_pagenavi_btn_type_arrow .di_c_pagenavi_item_txt {
		width: 8em;
		max-width: 100%;
		row-gap: 16px;
	}
	:root {
		--di_c_pagenavi_arrow_size: 1.3em;
		--di_c_pagenavi_arrow_top: 50%;
		--di_c_pagenavi_arrow_side: 1.5em;
	}
	.di_c_pagenavi_item.di_c_pagenavi_btn_prev .di_c_pagenavi_item_txt::before {
		/* top: calc(var(--di_c_pagenavi_arrow_top) - 0.5vw); */
		top: var(--di_c_pagenavi_arrow_top);
	}
	.di_c_pagenavi_item.di_c_pagenavi_btn_prev .di_c_pagenavi_item_txt::after {
		/* left: calc(-1 * (var(--di_c_pagenavi_arrow_side) - var(--di_c_pagenavi_arrow_size) * 0.19 - 1.6vw)); */
		top: calc(var(--di_c_pagenavi_arrow_top) - var(--di_c_pagenavi_arrow_size) * 0.5);
		transform: rotate(230deg) translate(-15%, -85%);
	}
	.di_c_pagenavi_item.di_c_pagenavi_btn_next .di_c_pagenavi_item_txt::before {
		top: calc(var(--di_c_pagenavi_arrow_top) - 0.5vw);
	}
	.di_c_pagenavi_item.di_c_pagenavi_btn_next .di_c_pagenavi_item_txt::after {
	  /* right: calc(-1 * (var(--di_c_pagenavi_arrow_side) - var(--di_c_pagenavi_arrow_size) * 0.19 - 0.1vw)); */
	  top: calc(var(--di_c_pagenavi_arrow_top) - var(--di_c_pagenavi_arrow_size) * 0.5);
	}
	.di_c_pagenavi_item.di_c_pagenavi_btn_type_arrow .di_c_pagenavi_item_txt::after {
		width: calc(var(--di_c_pagenavi_arrow_size) * 0.5 - 0.3vw);
		height: calc(var(--di_c_pagenavi_arrow_size) * 0.5 - 0.3vw);
	}
}

/* 1000px以下 */
/* @media screen and (max-width: 1000px) {
	.di_c_pagenavi_item.di_c_pagenavi_btn_type_arrow .di_c_pagenavi_item_link {
		margin: 0 0 !important;
	}
	.di_c_pagenavi_item.di_c_pagenavi_btn_next {
		order: 2;
	}
	.di_c_pagenavi_item.di_c_pagenavi_btn_all {
		order: 3;
		margin-top: clamp(0px, 5vw, 8px) !important;
		width: 100%;
	}
	:root {
		--di_c_pagenavi_arrow_size: 1.8em;
		--di_c_pagenavi_arrow_top: 51%;
		--di_c_pagenavi_arrow_side: 2.5em;
	}
	.di_c_pagenavi_item.di_c_pagenavi_btn_all {
		margin: 0 auto !important;
	}
	.di_c_pagenavi_item.di_c_pagenavi_btn_prev,
	.di_c_pagenavi_item.di_c_pagenavi_btn_next,
	.di_c_pagenavi_item.di_c_pagenavi_btn_all {
		margin: 0 auto;
	}
} */

/* ==========================================================
!その他
========================================================== */
/* 各ブロックの説明用 */
.di_c_note {
	font-family: "m-plus-rounded-2c", sans-serif;
    font-weight: 400;
	background-color: #EFEDF2;
	padding: 24px 20px;
    margin: 0 0 35px;
}

/* ==========================================================
!ユーティリティclass
========================================================== */
/*
・上下左右のmargin/paddingはそれぞれに00〜100まで5刻みで上書き用ユーティリティ用意してます。
・以下のユーティリティclassはHTMLのclass部分に設定すると設定した要素にスタイルがあたります。
*/
/* ==========================================================
!Base Fonts
========================================================== */
.di_u_fwN {
	font-weight: 400;
}
.di_u_fwB {
	font-weight: 700;
}
.di_u_fzSS {
	font-size: 75%;
}/* base 16px -> 12px */
.di_u_fzS {
	font-size: 88%;
}/* base 16px -> 14px */
.di_u_fzM {
	font-size: 100%;
}
.di_u_fzL {
	font-size: 113%;
}/* base 16px -> 18px */
.di_u_fzLL {
	font-size: 125%;
}/* base 16px -> 20px */
.di_u_fzLLL {
	font-size: 138%;
}/* base 16px -> 22px */
.di_u_sup {
	font-size: 75%;
	vertical-align: top;
}
.di_u_sub {
	font-size: 75%;
	vertical-align: baseline;
}
/* ==========================================================
!Inline Align
========================================================== */
.di_u_taL {
	text-align: left   !important;
}
.di_u_taC {
	text-align: center !important;
}
.di_u_taR {
	text-align: right  !important;
}
.di_u_vaT {
	vertical-align: top    !important;
}
.di_u_vaM {
	vertical-align: middle !important;
}
.di_u_vaB {
	vertical-align: bottom !important;
}

/* どのdisplayで表示させるか */
/* 640px以下（SP） */
.di_u_sp {
	display: inline-block;
}
.di_u_pc {
	display: none;
}

/* 641px以上（ファブレット） */
@media only screen and (min-width: 641px), print {
	.di_u_sp {
		display: none;
	}
	.di_u_pc {
		display: inline-block;
	}
}

/* ==========================================================
!Width
========================================================== */
.di_u_wHalf {
	width: 48%;
}
.di_u_wTri {
	width: 33%;
}
.di_u_wQuart {
	width: 24%;
}
.di_u_wFull {
	width: 99.9%;
}
.di_u_wMax {
	width: 100%;
}
.di_u_w03per {
	width: 3%  !important;
}
.di_u_w05per {
	width: 5%  !important;
}
.di_u_w10per {
	width: 10% !important;
}
.di_u_w13per {
	width: 13% !important;
}
.di_u_w15per {
	width: 15% !important;
}
.di_u_w20per {
	width: 20% !important;
}
.di_u_w23per {
	width: 23% !important;
}
.di_u_w25per {
	width: 25% !important;
}
.di_u_w30per {
	width: 30% !important;
}
.di_u_w33per {
	width: 33% !important;
}
.di_u_w35per {
	width: 35% !important;
}
.di_u_w40per {
	width: 40% !important;
}
.di_u_w43per {
	width: 43% !important;
}
.di_u_w45per {
	width: 45% !important;
}
.di_u_w50per {
	width: 50% !important;
}
.di_u_w53per {
	width: 53% !important;
}
.di_u_w55per {
	width: 55% !important;
}
.di_u_w60per {
	width: 60% !important;
}
.di_u_w63per {
	width: 63% !important;
}
.di_u_w65per {
	width: 65% !important;
}
.di_u_w70per {
	width: 70% !important;
}
.di_u_w73per {
	width: 73% !important;
}
.di_u_w75per {
	width: 75% !important;
}
.di_u_w80per {
	width: 80% !important;
}
.di_u_w83per {
	width: 83% !important;
}
.di_u_w85per {
	width: 85% !important;
}
.di_u_w90per {
	width: 90% !important;
}
.di_u_w93per {
	width: 93% !important;
}
.di_u_w95per {
	width: 95% !important;
}

/* ==========================================================
!Tools
========================================================== */
.di_u_block {
	display: block;
}
.di_u_hide {
	display: none;
}
.di_u_bgN {
	background: none !important;
}
.di_u_tdU {
	text-decoration: underline;
}
.di_u_tdN {
	text-decoration: none;
}
/* ==========================================================
!Margin　%指定
========================================================== */
/* 上マージン */
.di_u_mt00p {
	margin-top: 0    !important;
}
.di_u_mt05p {
	margin-top: 0.5% !important;
}
.di_u_mt10p {
	margin-top: 1%   !important;
}
.di_u_mt15p {
	margin-top: 1.5% !important;
}
.di_u_mt20p {
	margin-top: 2%   !important;
}
.di_u_mt25p {
	margin-top: 2.5% !important;
}
.di_u_mt30p {
	margin-top: 3%   !important;
}
.di_u_mt35p {
	margin-top: 3.5% !important;
}
.di_u_mt40p {
	margin-top: 4%   !important;
}
.di_u_mt45p {
	margin-top: 4.5% !important;
}
.di_u_mt50p {
	margin-top: 5%   !important;
}
.di_u_mt55p {
	margin-top: 5.5% !important;
}
.di_u_mt60p {
	margin-top: 6%   !important;
}
.di_u_mt65p {
	margin-top: 6.5% !important;
}
.di_u_mt70p {
	margin-top: 7%   !important;
}
.di_u_mt75p {
	margin-top: 7.5% !important;
}
.di_u_mt80p {
	margin-top: 8%   !important;
}
.di_u_mt85p {
	margin-top: 8.5% !important;
}
.di_u_mt90p {
	margin-top: 9%   !important;
}
.di_u_mt95p {
	margin-top: 9.5% !important;
}
.di_u_mt100p {
	margin-top: 10% !important;
}

/* 右マージン */
.di_u_mr00p {
	margin-right: 0    !important;
}
.di_u_mr05p {
	margin-right: 0.5% !important;
}
.di_u_mr10p {
	margin-right: 1%   !important;
}
.di_u_mr15p {
	margin-right: 1.5% !important;
}
.di_u_mr20p {
	margin-right: 2%   !important;
}
.di_u_mr25p {
	margin-right: 2.5% !important;
}
.di_u_mr30p {
	margin-right: 3%   !important;
}
.di_u_mr35p {
	margin-right: 3.5% !important;
}
.di_u_mr40p {
	margin-right: 4%   !important;
}
.di_u_mr45p {
	margin-right: 4.5% !important;
}
.di_u_mr50p {
	margin-right: 5%   !important;
}
.di_u_mr55p {
	margin-right: 5.5% !important;
}
.di_u_mr60p {
	margin-right: 6%   !important;
}
.di_u_mr65p {
	margin-right: 6.5% !important;
}
.di_u_mr70p {
	margin-right: 7%   !important;
}
.di_u_mr75p {
	margin-right: 7.5% !important;
}
.di_u_mr80p {
	margin-right: 8%   !important;
}
.di_u_mr85p {
	margin-right: 8.5% !important;
}
.di_u_mr90p {
	margin-right: 9%   !important;
}
.di_u_mr95p {
	margin-right: 9.5% !important;
}
.di_u_mr100p {
	margin-right: 10% !important;
}

/* 下マージン */
.di_u_mb00p {
	margin-bottom: 0    !important;
}
.di_u_mb05p {
	margin-bottom: 0.5% !important;
}
.di_u_mb10p {
	margin-bottom: 1%   !important;
}
.di_u_mb15p {
	margin-bottom: 1.5% !important;
}
.di_u_mb20p {
	margin-bottom: 2%   !important;
}
.di_u_mb25p {
	margin-bottom: 2.5% !important;
}
.di_u_mb30p {
	margin-bottom: 3%   !important;
}
.di_u_mb35p {
	margin-bottom: 3.5% !important;
}
.di_u_mb40p {
	margin-bottom: 4%   !important;
}
.di_u_mb45p {
	margin-bottom: 4.5% !important;
}
.di_u_mb50p {
	margin-bottom: 5%   !important;
}
.di_u_mb55p {
	margin-bottom: 5.5% !important;
}
.di_u_mb60p {
	margin-bottom: 6%   !important;
}
.di_u_mb65p {
	margin-bottom: 6.5% !important;
}
.di_u_mb70p {
	margin-bottom: 7%   !important;
}
.di_u_mb75p {
	margin-bottom: 7.5% !important;
}
.di_u_mb80p {
	margin-bottom: 8%   !important;
}
.di_u_mb85p {
	margin-bottom: 8.5% !important;
}
.di_u_mb90p {
	margin-bottom: 9%   !important;
}
.di_u_mb95p {
	margin-bottom: 9.5% !important;
}
.di_u_mb100p {
	margin-bottom: 10% !important;
}

/* 左マージン */
.di_u_ml00p {
	margin-left: 0    !important;
}
.di_u_ml05p {
	margin-left: 0.5% !important;
}
.di_u_ml10p {
	margin-left: 1%   !important;
}
.di_u_ml15p {
	margin-left: 1.5% !important;
}
.di_u_ml20p {
	margin-left: 2%   !important;
}
.di_u_ml25p {
	margin-left: 2.5% !important;
}
.di_u_ml30p {
	margin-left: 3%   !important;
}
.di_u_ml35p {
	margin-left: 3.5% !important;
}
.di_u_ml40p {
	margin-left: 4%   !important;
}
.di_u_ml45p {
	margin-left: 4.5% !important;
}
.di_u_ml50p {
	margin-left: 5%   !important;
}
.di_u_ml55p {
	margin-left: 5.5% !important;
}
.di_u_ml60p {
	margin-left: 6%   !important;
}
.di_u_ml65p {
	margin-left: 6.5% !important;
}
.di_u_ml70p {
	margin-left: 7%   !important;
}
.di_u_ml75p {
	margin-left: 7.5% !important;
}
.di_u_ml80p {
	margin-left: 8%   !important;
}
.di_u_ml85p {
	margin-left: 8.5% !important;
}
.di_u_ml90p {
	margin-left: 9%   !important;
}
.di_u_ml95p {
	margin-left: 9.5% !important;
}
.di_u_ml100p {
	margin-left: 10% !important;
}

/* ==========================================================
!Padding　%指定
========================================================== */
/* 上パディング */
.di_u_pt00p {
	padding-top: 0    !important;
}
.di_u_pt05p {
	padding-top: 0.5% !important;
}
.di_u_pt10p {
	padding-top: 1%   !important;
}
.di_u_pt15p {
	padding-top: 1.5% !important;
}
.di_u_pt20p {
	padding-top: 2%   !important;
}
.di_u_pt25p {
	padding-top: 2.5% !important;
}
.di_u_pt30p {
	padding-top: 3%   !important;
}
.di_u_pt35p {
	padding-top: 3.5% !important;
}
.di_u_pt40p {
	padding-top: 4%   !important;
}
.di_u_pt45p {
	padding-top: 4.5% !important;
}
.di_u_pt50p {
	padding-top: 5%   !important;
}
.di_u_pt55p {
	padding-top: 5.5% !important;
}
.di_u_pt60p {
	padding-top: 6%   !important;
}
.di_u_pt65p {
	padding-top: 6.5% !important;
}
.di_u_pt70p {
	padding-top: 7%   !important;
}
.di_u_pt75p {
	padding-top: 7.5% !important;
}
.di_u_pt80p {
	padding-top: 8%   !important;
}
.di_u_pt85p {
	padding-top: 8.5% !important;
}
.di_u_pt90p {
	padding-top: 9%   !important;
}
.di_u_pt95p {
	padding-top: 9.5% !important;
}
.di_u_pt100p {
	padding-top: 10% !important;
}

/* 右パディング */
.di_u_pr00p {
	padding-right: 0    !important;
}
.di_u_pr05p {
	padding-right: 0.5% !important;
}
.di_u_pr10p {
	padding-right: 1%   !important;
}
.di_u_pr15p {
	padding-right: 1.5% !important;
}
.di_u_pr20p {
	padding-right: 2%   !important;
}
.di_u_pr25p {
	padding-right: 2.5% !important;
}
.di_u_pr30p {
	padding-right: 3%   !important;
}
.di_u_pr35p {
	padding-right: 3.5% !important;
}
.di_u_pr40p {
	padding-right: 4%   !important;
}
.di_u_pr45p {
	padding-right: 4.5% !important;
}
.di_u_pr50p {
	padding-right: 5%   !important;
}
.di_u_pr55p {
	padding-right: 5.5% !important;
}
.di_u_pr60p {
	padding-right: 6%   !important;
}
.di_u_pr65p {
	padding-right: 6.5% !important;
}
.di_u_pr70p {
	padding-right: 7%   !important;
}
.di_u_pr75p {
	padding-right: 7.5% !important;
}
.di_u_pr80p {
	padding-right: 8%   !important;
}
.di_u_pr85p {
	padding-right: 8.5% !important;
}
.di_u_pr90p {
	padding-right: 9%   !important;
}
.di_u_pr95p {
	padding-right: 9.5% !important;
}
.di_u_pr100p {
	padding-right: 10% !important;
}

/* 下パディング */
.di_u_pb00p {
	padding-bottom: 0    !important;
}
.di_u_pb05p {
	padding-bottom: 0.5% !important;
}
.di_u_pb10p {
	padding-bottom: 1%   !important;
}
.di_u_pb15p {
	padding-bottom: 1.5% !important;
}
.di_u_pb20p {
	padding-bottom: 2%   !important;
}
.di_u_pb25p {
	padding-bottom: 2.5% !important;
}
.di_u_pb30p {
	padding-bottom: 3%   !important;
}
.di_u_pb35p {
	padding-bottom: 3.5% !important;
}
.di_u_pb40p {
	padding-bottom: 4%   !important;
}
.di_u_pb45p {
	padding-bottom: 4.5% !important;
}
.di_u_pb50p {
	padding-bottom: 5%   !important;
}
.di_u_pb55p {
	padding-bottom: 5.5% !important;
}
.di_u_pb60p {
	padding-bottom: 6%   !important;
}
.di_u_pb65p {
	padding-bottom: 6.5% !important;
}
.di_u_pb70p {
	padding-bottom: 7%   !important;
}
.di_u_pb75p {
	padding-bottom: 7.5% !important;
}
.di_u_pb80p {
	padding-bottom: 8%   !important;
}
.di_u_pb85p {
	padding-bottom: 8.5% !important;
}
.di_u_pb90p {
	padding-bottom: 9%   !important;
}
.di_u_pb95p {
	padding-bottom: 9.5% !important;
}
.di_u_pb100p {
	padding-bottom: 10% !important;
}

/* 左パディング */
.di_u_pl00p {
	padding-left: 0    !important;
}
.di_u_pl05p {
	padding-left: 0.5% !important;
}
.di_u_pl10p {
	padding-left: 1%   !important;
}
.di_u_pl15p {
	padding-left: 1.5% !important;
}
.di_u_pl20p {
	padding-left: 2%   !important;
}
.di_u_pl25p {
	padding-left: 2.5% !important;
}
.di_u_pl30p {
	padding-left: 3%   !important;
}
.di_u_pl35p {
	padding-left: 3.5% !important;
}
.di_u_pl40p {
	padding-left: 4%   !important;
}
.di_u_pl45p {
	padding-left: 4.5% !important;
}
.di_u_pl50p {
	padding-left: 5%   !important;
}
.di_u_pl55p {
	padding-left: 5.5% !important;
}
.di_u_pl60p {
	padding-left: 6%   !important;
}
.di_u_pl65p {
	padding-left: 6.5% !important;
}
.di_u_pl70p {
	padding-left: 7%   !important;
}
.di_u_pl75p {
	padding-left: 7.5% !important;
}
.di_u_pl80p {
	padding-left: 8%   !important;
}
.di_u_pl85p {
	padding-left: 8.5% !important;
}
.di_u_pl90p {
	padding-left: 9%   !important;
}
.di_u_pl95p {
	padding-left: 9.5% !important;
}
.di_u_pl100p {
	padding-left: 10% !important;
}

/* ==========================================================
!Margin　px指定
========================================================== */
/* 上マージン */
.di_u_mt00 { margin-top: 0 !important;}
.di_u_mt05 { margin-top: 5px !important;}
.di_u_mt10 { margin-top: 10px !important;}
.di_u_mt15 { margin-top: 15px !important;}
.di_u_mt20 { margin-top: 20px !important;}
.di_u_mt25 { margin-top: 25px !important;}
.di_u_mt30 { margin-top: 30px !important;}
.di_u_mt35 { margin-top: 35px !important;}
.di_u_mt40 { margin-top: 40px !important;}
.di_u_mt45 { margin-top: 45px !important;}
.di_u_mt50 { margin-top: 50px !important;}
.di_u_mt55 { margin-top: 55px !important;}
.di_u_mt60 { margin-top: 60px !important;}
.di_u_mt65 { margin-top: 65px !important;}
.di_u_mt70 { margin-top: 70px !important;}
.di_u_mt75 { margin-top: 75px !important;}
.di_u_mt80 { margin-top: 80px !important;}
.di_u_mt85 { margin-top: 85px !important;}
.di_u_mt90 { margin-top: 90px !important;}
.di_u_mt95 { margin-top: 95px !important;}
.di_u_mt100 { margin-top: 100px !important;}
.di_u_mt120 { margin-top: 120px !important;}
.di_u_mt140 { margin-top: 140px !important;}
.di_u_mt160 { margin-top: 160px !important;}
.di_u_mt180 { margin-top: 180px !important;}
.di_u_mt200 { margin-top: 200px !important;}

/* 右マージン */
.di_u_mr00 { margin-right: 0   !important;}
.di_u_mr05 { margin-right: 5px !important;}
.di_u_mr10 { margin-right: 10px !important;}
.di_u_mr15 { margin-right: 15px !important;}
.di_u_mr20 { margin-right: 20px !important;}
.di_u_mr25 { margin-right: 25px !important;}
.di_u_mr30 { margin-right: 30px !important;}
.di_u_mr35 { margin-right: 35px !important;}
.di_u_mr40 { margin-right: 40px !important;}
.di_u_mr45 { margin-right: 45px !important;}
.di_u_mr50 { margin-right: 50px !important;}
.di_u_mr55 { margin-right: 55px !important;}
.di_u_mr60 { margin-right: 60px !important;}
.di_u_mr65 { margin-right: 65px !important;}
.di_u_mr70 { margin-right: 70px !important;}
.di_u_mr75 { margin-right: 75px !important;}
.di_u_mr80 { margin-right: 80px !important;}
.di_u_mr85 { margin-right: 85px !important;}
.di_u_mr90 { margin-right: 90px !important;}
.di_u_mr95 { margin-right: 95px !important;}
.di_u_mr100 { margin-right: 100px !important;}
.di_u_mr120 { margin-right: 120px !important;}
.di_u_mr140 { margin-right: 140px !important;}
.di_u_mr160 { margin-right: 160px !important;}
.di_u_mr180 { margin-right: 180px !important;}
.di_u_mr200 { margin-right: 200px !important;}

/* 下マージン */
.di_u_mb00 { margin-bottom: 0   !important;}
.di_u_mb05 { margin-bottom: 5px !important;}
.di_u_mb10 { margin-bottom: 10px !important;}
.di_u_mb15 { margin-bottom: 15px !important;}
.di_u_mb20 { margin-bottom: 20px !important;}
.di_u_mb25 { margin-bottom: 25px !important;}
.di_u_mb30 { margin-bottom: 30px !important;}
.di_u_mb35 { margin-bottom: 35px !important;}
.di_u_mb40 { margin-bottom: 40px !important;}
.di_u_mb45 { margin-bottom: 45px !important;}
.di_u_mb50 { margin-bottom: 50px !important;}
.di_u_mb55 { margin-bottom: 55px !important;}
.di_u_mb60 { margin-bottom: 60px !important;}
.di_u_mb65 { margin-bottom: 65px !important;}
.di_u_mb70 { margin-bottom: 70px !important;}
.di_u_mb75 { margin-bottom: 75px !important;}
.di_u_mb80 { margin-bottom: 80px !important;}
.di_u_mb85 { margin-bottom: 85px !important;}
.di_u_mb90 { margin-bottom: 90px !important;}
.di_u_mb95 { margin-bottom: 95px !important;}
.di_u_mb100 { margin-bottom: 100px !important;}
.di_u_mb120 { margin-bottom: 120px !important;}
.di_u_mb140 { margin-bottom: 140px !important;}
.di_u_mb160 { margin-bottom: 160px !important;}
.di_u_mb180 { margin-bottom: 180px !important;}
.di_u_mb200 { margin-bottom: 200px !important;}

/* 左マージン */
.di_u_ml00 { margin-left: 0   !important;}
.di_u_ml05 { margin-left: 5px !important;}
.di_u_ml10 { margin-left: 10px !important;}
.di_u_ml15 { margin-left: 15px !important;}
.di_u_ml20 { margin-left: 20px !important;}
.di_u_ml25 { margin-left: 25px !important;}
.di_u_ml30 { margin-left: 30px !important;}
.di_u_ml35 { margin-left: 35px !important;}
.di_u_ml40 { margin-left: 40px !important;}
.di_u_ml45 { margin-left: 45px !important;}
.di_u_ml50 { margin-left: 50px !important;}
.di_u_ml55 { margin-left: 55px !important;}
.di_u_ml60 { margin-left: 60px !important;}
.di_u_ml65 { margin-left: 65px !important;}
.di_u_ml70 { margin-left: 70px !important;}
.di_u_ml75 { margin-left: 75px !important;}
.di_u_ml80 { margin-left: 80px !important;}
.di_u_ml85 { margin-left: 85px !important;}
.di_u_ml90 { margin-left: 90px !important;}
.di_u_ml95 { margin-left: 95px !important;}
.di_u_ml100 { margin-left: 100px !important;}
.di_u_ml120 { margin-left: 120px !important;}
.di_u_ml140 { margin-left: 140px !important;}
.di_u_ml160 { margin-left: 160px !important;}
.di_u_ml180 { margin-left: 180px !important;}
.di_u_ml200 { margin-left: 200px !important;}

/* ==========================================================
!Padding　px指定
========================================================== */
/* 上パディング */
.di_u_pt00 { padding-top: 0 !important;}
.di_u_pt05 { padding-top: 5px !important;}
.di_u_pt10 { padding-top: 10px !important;}
.di_u_pt15 { padding-top: 15px !important;}
.di_u_pt20 { padding-top: 20px !important;}
.di_u_pt25 { padding-top: 25px !important;}
.di_u_pt30 { padding-top: 30px !important;}
.di_u_pt35 { padding-top: 35px !important;}
.di_u_pt40 { padding-top: 40px !important;}
.di_u_pt45 { padding-top: 45px !important;}
.di_u_pt50 { padding-top: 50px !important;}
.di_u_pt55 { padding-top: 55px !important;}
.di_u_pt60 { padding-top: 60px !important;}
.di_u_pt65 { padding-top: 65px !important;}
.di_u_pt70 { padding-top: 70px !important;}
.di_u_pt75 { padding-top: 75px !important;}
.di_u_pt80 { padding-top: 80px !important;}
.di_u_pt85 { padding-top: 85px !important;}
.di_u_pt90 { padding-top: 90px !important;}
.di_u_pt95 { padding-top: 95px !important;}
.di_u_pt100 { padding-top: 100px !important;}
.di_u_pt120 { padding-top: 120px !important;}
.di_u_pt140 { padding-top: 140px !important;}
.di_u_pt160 { padding-top: 160px !important;}
.di_u_pt180 { padding-top: 180px !important;}
.di_u_pt200 { padding-top: 200px !important;}

/* 右パディング */
.di_u_pr00 { padding-right: 0   !important;}
.di_u_pr05 { padding-right: 5px !important;}
.di_u_pr10 { padding-right: 10px !important;}
.di_u_pr15 { padding-right: 15px !important;}
.di_u_pr20 { padding-right: 20px !important;}
.di_u_pr25 { padding-right: 25px !important;}
.di_u_pr30 { padding-right: 30px !important;}
.di_u_pr35 { padding-right: 35px !important;}
.di_u_pr40 { padding-right: 40px !important;}
.di_u_pr45 { padding-right: 45px !important;}
.di_u_pr50 { padding-right: 50px !important;}
.di_u_pr55 { padding-right: 55px !important;}
.di_u_pr60 { padding-right: 60px !important;}
.di_u_pr65 { padding-right: 65px !important;}
.di_u_pr70 { padding-right: 70px !important;}
.di_u_pr75 { padding-right: 75px !important;}
.di_u_pr80 { padding-right: 80px !important;}
.di_u_pr85 { padding-right: 85px !important;}
.di_u_pr90 { padding-right: 90px !important;}
.di_u_pr95 { padding-right: 95px !important;}
.di_u_pr100 { padding-right: 100px !important;}
.di_u_pr120 { padding-right: 120px !important;}
.di_u_pr140 { padding-right: 140px !important;}
.di_u_pr160 { padding-right: 160px !important;}
.di_u_pr180 { padding-right: 180px !important;}
.di_u_pr200 { padding-right: 200px !important;}

/* 下パディング */
.di_u_pb00 { padding-bottom: 0   !important;}
.di_u_pb05 { padding-bottom: 5px !important;}
.di_u_pb10 { padding-bottom: 10px !important;}
.di_u_pb15 { padding-bottom: 15px !important;}
.di_u_pb20 { padding-bottom: 20px !important;}
.di_u_pb25 { padding-bottom: 25px !important;}
.di_u_pb30 { padding-bottom: 30px !important;}
.di_u_pb35 { padding-bottom: 35px !important;}
.di_u_pb40 { padding-bottom: 40px !important;}
.di_u_pb45 { padding-bottom: 45px !important;}
.di_u_pb50 { padding-bottom: 50px !important;}
.di_u_pb55 { padding-bottom: 55px !important;}
.di_u_pb60 { padding-bottom: 60px !important;}
.di_u_pb65 { padding-bottom: 65px !important;}
.di_u_pb70 { padding-bottom: 70px !important;}
.di_u_pb75 { padding-bottom: 75px !important;}
.di_u_pb80 { padding-bottom: 80px !important;}
.di_u_pb85 { padding-bottom: 85px !important;}
.di_u_pb90 { padding-bottom: 90px !important;}
.di_u_pb95 { padding-bottom: 95px !important;}
.di_u_pb100 { padding-bottom: 100px !important;}
.di_u_pb120 { padding-bottom: 120px !important;}
.di_u_pb140 { padding-bottom: 140px !important;}
.di_u_pb160 { padding-bottom: 160px !important;}
.di_u_pb180 { padding-bottom: 180px !important;}
.di_u_pb200 { padding-bottom: 200px !important;}

/* 左パディング */
.di_u_pl00 { padding-left: 0   !important;}
.di_u_pl05 { padding-left: 5px !important;}
.di_u_pl10 { padding-left: 10px !important;}
.di_u_pl15 { padding-left: 15px !important;}
.di_u_pl20 { padding-left: 20px !important;}
.di_u_pl25 { padding-left: 25px !important;}
.di_u_pl30 { padding-left: 30px !important;}
.di_u_pl35 { padding-left: 35px !important;}
.di_u_pl40 { padding-left: 40px !important;}
.di_u_pl45 { padding-left: 45px !important;}
.di_u_pl50 { padding-left: 50px !important;}
.di_u_pl55 { padding-left: 55px !important;}
.di_u_pl60 { padding-left: 60px !important;}
.di_u_pl65 { padding-left: 65px !important;}
.di_u_pl70 { padding-left: 70px !important;}
.di_u_pl75 { padding-left: 75px !important;}
.di_u_pl80 { padding-left: 80px !important;}
.di_u_pl85 { padding-left: 85px !important;}
.di_u_pl90 { padding-left: 90px !important;}
.di_u_pl95 { padding-left: 95px !important;}
.di_u_pl100 { padding-left: 100px !important;}
.di_u_pl120 { padding-left: 120px !important;}
.di_u_pl140 { padding-left: 140px !important;}
.di_u_pl160 { padding-left: 160px !important;}
.di_u_pl180 { padding-left: 180px !important;}
.di_u_pl200 { padding-left: 200px !important;}

/* ==========================================================
!Fontfamily
========================================================== */
/* M Plus Rounded 2c */
.di_u_ff_mp2 {
	font-family: "m-plus-rounded-2c", sans-serif;
}
/* Zen Maru Gothic */
.di_u_ff_mgo {
	font-family: 'Zen Maru Gothic', "ヒラギノ丸ゴ ProN", sans-serif;
}