@charset "UTF-8";

/* ===========================================================================================================
	Object - Component
	汎用的なパーツ
=========================================================================================================== */
/*	[lf-hero-a] - 新VI キービジュアル
------------------------------------------------ */
.lf-hero-a[class*="diff-bgi_"] {background-image: none!important;}
.lf-hero-a[class*="diff-bgi_"]::after {display: none;}
.lf-hero-a[class*="diff-bgi_"] .lf-hero-contents {background-repeat: no-repeat !important; background-size: cover!important;}
.lf-hero-a[class*="diff-bgi_"] .lf-hero-contents .lf-hero-contents-inner {margin-right: 16px;}
@media only screen and (min-width:1281px) {
    .lf-hero-a[class*="diff-bgi_"] .lf-hero-contents .lf-hero-contents-inner {width: 640px; margin-right: 0; padding-left: 0; padding-right: 20px;}
}
@media only screen and (max-width:767px) {
    .lf-hero-a[class*="diff-bgi_"] .lf-hero-visual::before {display: none;}
}

/*	[diff-bgi_] - 新VI 背景画像
------------------------------------------------ */
[class*="diff-bgi_"] {background-repeat: no-repeat !important; background-size: cover!important;}

/* Gradients */
.diff-bgi_h3a {background-image: url(/jp/imagesgig5/bgi_h3a_tcm102-7168392_tcm102-2750236-32.png)!important;}

/*右下の文字の視認性が悪い場合*/
[class*="diff-bgi_"].diff-bgi_ps-rb1 {background-position: left top!important;}
[class*="diff-bgi_"].diff-bgi_ps-rb2 {background-position: left center!important; background-size: 150% auto!important;}
@media only screen and (max-width: 768px) {
	[class*="diff-bgi_"].diff-bgi_ps-rb2 {background-position: left bottom!important; background-size: 250% auto!important;}
}
@media only screen and (max-width: 480px) {
	[class*="diff-bgi_"].diff-bgi_ps-rb2 {background-size: cover!important;}
}

/*	[common] - Flex
------------------------------------------------ */
.c-fbox {display: flex; flex-wrap: wrap;}
.c-fbox > * {flex: 1; word-break: break-word; box-sizing: border-box;}
.c-fbox > * > .c-fbox_inner, 
.c-fbox > * > .c-fbox_inner a {color: #000;}

/* ▼子要素の余白 */
.c-fbox.diff-fbox_mg16 {margin-left: -16px;}
.c-fbox.diff-fbox_mg16 > * > .c-fbox_inner {margin: 0 0 16px 16px;}
.c-fbox.diff-fbox_mg20 {margin-left: -20px;}
.c-fbox.diff-fbox_mg20 > * > .c-fbox_inner {margin: 0 0 20px 20px;}
.c-fbox.diff-fbox_mg24 {margin-left: -24px;}
.c-fbox.diff-fbox_mg24 > * > .c-fbox_inner {margin: 0 0 24px 24px;}
.c-fbox.diff-fbox_mg32 {margin-left: -32px;}
.c-fbox.diff-fbox_mg32 > * > .c-fbox_inner {margin: 0 0 32px 32px;}
.c-fbox.diff-fbox_mg40 {margin-left: -40px;}
.c-fbox.diff-fbox_mg40 > * > .c-fbox_inner {margin: 0 0 40px 40px;}
@media screen and (min-width: 769px) {
	.c-fbox.diff-fbox_pc-mg16 {margin-left: -16px;}
	.c-fbox.diff-fbox_pc-mg16 > * > .c-fbox_inner {margin: 0 0 16px 16px;}
	.c-fbox.diff-fbox_pc-mg20 {margin-left: -20px;}
	.c-fbox.diff-fbox_pc-mg20 > * > .c-fbox_inner {margin: 0 0 20px 20px;}
	.c-fbox.diff-fbox_pc-mg24 {margin-left: -24px;}
	.c-fbox.diff-fbox_pc-mg24 > * > .c-fbox_inner {margin: 0 0 24px 24px;}
	.c-fbox.diff-fbox_pc-mg32 {margin-left: -32px;}
	.c-fbox.diff-fbox_pc-mg32 > * > .c-fbox_inner {margin: 0 0 32px 32px;}
	.c-fbox.diff-fbox_pc-mg40 {margin-left: -40px;}
	.c-fbox.diff-fbox_pc-mg40 > * > .c-fbox_inner {margin: 0 0 40px 40px;}
}
@media screen and (max-width: 768px) {
	.c-fbox.diff-fbox_tab-mg16 {margin-left: -16px;}
	.c-fbox.diff-fbox_tab-mg16 > * > .c-fbox_inner {margin: 0 0 16px 16px;}
	.c-fbox.diff-fbox_tab-mg20 {margin-left: -20px;}
	.c-fbox.diff-fbox_tab-mg20 > * > .c-fbox_inner {margin: 0 0 20px 20px;}
	.c-fbox.diff-fbox_tab-mg24 {margin-left: -24px;}
	.c-fbox.diff-fbox_tab-mg24 > * > .c-fbox_inner {margin: 0 0 24px 24px;}
	.c-fbox.diff-fbox_tab-mg32 {margin-left: -32px;}
	.c-fbox.diff-fbox_tab-mg32 > * > .c-fbox_inner {margin: 0 0 32px 32px;}
	.c-fbox.diff-fbox_tab-mg40 {margin-left: -40px;}
	.c-fbox.diff-fbox_tab-mg40 > * > .c-fbox_inner {margin: 0 0 40px 40px;}
}
@media screen and (max-width: 480px) {
	.c-fbox.diff-fbox_sp-mg16 {margin-left: -16px;}
	.c-fbox.diff-fbox_sp-mg16 > * > .c-fbox_inner {margin: 0 0 16px 16px;}
	.c-fbox.diff-fbox_sp-mg20 {margin-left: -20px;}
	.c-fbox.diff-fbox_sp-mg20 > * > .c-fbox_inner {margin: 0 0 20px 20px;}
	.c-fbox.diff-fbox_sp-mg24 {margin-left: -24px;}
	.c-fbox.diff-fbox_sp-mg24 > * > .c-fbox_inner {margin: 0 0 24px 24px;}
	.c-fbox.diff-fbox_sp-mg32 {margin-left: -32px;}
	.c-fbox.diff-fbox_sp-mg32 > * > .c-fbox_inner {margin: 0 0 32px 32px;}
	.c-fbox.diff-fbox_sp-mg40 {margin-left: -40px;}
	.c-fbox.diff-fbox_sp-mg40 > * > .c-fbox_inner {margin: 0 0 40px 40px;}
}

/* ▼子要素の数（サイズ均等） */
.c-fbox.diff-fbox_col2 > * {flex-grow: 0; flex-shrink: 0; flex-basis: calc((100% / 2) - 0.01px) !important;}
.c-fbox.diff-fbox_col3 > * {flex-grow: 0; flex-shrink: 0; flex-basis: calc((100% / 3) - 0.01px) !important;}
.c-fbox.diff-fbox_col4 > * {flex-grow: 0; flex-shrink: 0; flex-basis: calc((100% / 4) - 0.01px) !important;}

/* ▼子要素の数（サイズ指定）※.c-fbox_innerに、width: px;を指定する */
.c-fbox.diff-fbox_auto > * {flex: 0 0 auto;}
.c-fbox.diff-fbox_auto > * > .c-fbox_inner {flex: auto!important;}

/* ▼ボーダー有, 背景白 */
.c-fbox.diff-fbox_border > * {display: flex;}
.c-fbox.diff-fbox_border > * > .c-fbox_inner {flex: 1; align-self: stretch; border: 1px #c6c6c0 solid; background: #fff;}

/* ▼ボーダー無（白）, 背景白 */
.c-fbox.diff-fbox_bg > * {display: flex;}
.c-fbox.diff-fbox_bg > * > .c-fbox_inner {flex: 1; align-self: stretch; border: 1px #fff solid; background: #fff;}

/* ▼子要素のサイズ指定 */
.c-fbox > .diff-fbox_item-w10 {flex-basis: calc(10% - 0.01px) !important;}
.c-fbox > .diff-fbox_item-w15 {flex-basis: calc(15% - 0.01px) !important;}
.c-fbox > .diff-fbox_item-w20 {flex-basis: calc(20% - 0.01px) !important;}
.c-fbox > .diff-fbox_item-w25 {flex-basis: calc(25% - 0.01px) !important;}
.c-fbox > .diff-fbox_item-w30 {flex-basis: calc(30% - 0.01px) !important;}
.c-fbox > .diff-fbox_item-w35 {flex-basis: calc(35% - 0.01px) !important;}
.c-fbox > .diff-fbox_item-w40 {flex-basis: calc(40% - 0.01px) !important;}
.c-fbox > .diff-fbox_item-w45 {flex-basis: calc(45% - 0.01px) !important;}
.c-fbox > .diff-fbox_item-w50 {flex-basis: calc(50% - 0.01px) !important;}
.c-fbox > .diff-fbox_item-w55 {flex-basis: calc(55% - 0.01px) !important;}
.c-fbox > .diff-fbox_item-w60 {flex-basis: calc(60% - 0.01px) !important;}
.c-fbox > .diff-fbox_item-w65 {flex-basis: calc(65% - 0.01px) !important;}
.c-fbox > .diff-fbox_item-w70 {flex-basis: calc(70% - 0.01px) !important;}
.c-fbox > .diff-fbox_item-w75 {flex-basis: calc(75% - 0.01px) !important;}
.c-fbox > .diff-fbox_item-w80 {flex-basis: calc(80% - 0.01px) !important;}
.c-fbox > .diff-fbox_item-w85 {flex-basis: calc(85% - 0.01px) !important;}
.c-fbox > .diff-fbox_item-w90 {flex-basis: calc(90% - 0.01px) !important;}

@media screen and (max-width: 768px) {
	/* ▼TAB、SP専用 ※1カラムになる */
	.c-fbox.diff-fbox_tab1 > * {flex-basis: 100% !important;}
	/* ▼TAB、SP専用 ※2カラムになる */
	.c-fbox.diff-fbox_tab2 > * {flex-basis: calc((100% / 2) - 0.01px) !important;}
	/* ▼TAB、SP専用 ※3カラムになる */
	.c-fbox.diff-fbox_tab3 > * {flex-basis: calc((100% / 3) - 0.01px) !important;}
	/* ▼TAB、SP専用 ※4カラムになる */
	.c-fbox.diff-fbox_tab4 > * {flex-basis: calc((100% / 4) - 0.01px) !important;}
}

@media screen and (max-width: 480px) {
	/* ▼SP専用 ※1カラムになる */
	.c-fbox.diff-fbox_sp1 > *,
	.c-fbox.diff-fbox_col2 > *,
	.c-fbox.diff-fbox_col3 > *,
	.c-fbox.diff-fbox_col4 > * {flex-basis: 100% !important;}
	/* ▼SP専用 ※2カラムになる */
	.c-fbox.diff-fbox_sp2 > * {flex-basis: calc((100% / 2) - 0.01px) !important;}
}


/*	[common] - Card
------------------------------------------------ */
.c-fcard {display: flex; height: 100%;}
.c-fcard .c-fcard_ttl {font-weight: bold; font-size: 2.0rem;}
.c-fcard .c-fcard_sub {font-size: 1.5rem;}
.c-fcard .c-fcard_img {overflow: hidden;}
.c-fcard .c-fcard_img img {/*width: 100%; */transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);}
a.c-fcard {text-decoration: none;}
a.c-fcard:hover {opacity: 0.7; transition: 1s;}
a.c-fcard:hover .c-fcard_img img {transform: scale(1.1);}
.c-fcard span:not([class^="c-btn"]) {display: block;}
.c-fcard .c-fcard_img + .c-fcard_txt {margin-left: 16px;}
.c-fcard .c-fcard_ttl + .c-fcard_sub {margin-top: 16px;}
.c-fcard .c-fcard_btn {display: flex; margin-top: auto; padding-top: 32px;}
.c-fcard .c-fcard_sub a {display: inline-block;}
.c-fcard .c-fcard_sub a, 
.c-fcard .c-fcard_linktxt {text-decoration: underline;}
.c-fcard .c-fcard_sub a:hover, 
.c-fcard .c-fcard_linktxt:hover {text-decoration: none;}
.c-fcard.u-fd-col .c-fcard_img {flex-shrink: 0; text-align: center;}
.c-fcard.u-fd-col .c-fcard_img + .c-fcard_txt {display: flex; flex-direction: column; height: 100%; margin-top: 16px; margin-left: 0;}
@media screen and (max-width: 768px) {
	.c-fcard.u-fd-tab-col {flex-direction: column !important;}
	.c-fcard.u-fd-tab-col .c-fcard_img {width: 100%; flex-shrink: 0; text-align: center;}
	.c-fcard.u-fd-tab-col .c-fcard_img + .c-fcard_txt {margin-top: 16px; margin-left: 0;}
}
@media screen and (max-width: 480px) {
	.c-fcard.u-fd-sp-col {flex-direction: column !important;}
	.c-fcard.u-fd-sp-col .c-fcard_img {flex-shrink: 0; text-align: center;}
	.c-fcard.u-fd-sp-col .c-fcard_txt {margin-top: 16px; margin-left: 0;}
}


/*	[common] - c-btn ボタンアイコン回転
------------------------------------------------ */
.c-btn {color: #5f5f5f; font-size: 1.6rem; text-decoration: none; position: relative;}
.c-btn-s {font-size: 1.2rem;}
.c-btn-l {font-size: 1.8rem;}
.c-btn-txt {padding-left: 4px; vertical-align: -1px; font-size: 1.4rem;}
.c-btn-ico {position: relative; display: inline-block; width: 26px; height: 26px; vertical-align: middle;}
.c-btn-ico::before {position: absolute; content: ""; display: block; width: 100%; height: 100%; border-radius: 50%; border: 1px solid #5f5f5f; opacity: 0; z-index: 0;}
.c-btn-ico svg {fill: #5f5f5f; position: absolute; top: 0; left: 0;}
.c-btn-ico svg .circle {fill: none; stroke: #5f5f5f; stroke-width: 1px; width: 100%; height: 100%; -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center;}
.c-btn-ico svg .arrow {opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0);}
a.c-btn:hover .c-btn-ico::before, 
a:hover .c-btn .c-btn-ico::before {opacity: .1;}
a.c-btn:hover .c-btn-ico svg .arrow, 
a:hover .c-btn .c-btn-ico svg .arrow {-webkit-animation: arrow 1.5s forwards ease-in-out; animation: arrow 1.5s forwards ease-in-out;}
a.c-btn:hover .c-btn-ico svg .circle, 
a:hover .c-btn .c-btn-ico svg .circle {fill: transparent; stroke: #5f5f5f; stroke-width: 1; -webkit-animation: circle 2s forwards cubic-bezier(0.215, 0.61, 0.355, 1); animation: circle 2s forwards cubic-bezier(0.215, 0.61, 0.355, 1);}

/*アイコンサイズ*/
.c-btn-ico-40px {width: 40px; height: 40px;}

/*文字白*/
.c-btn-white, 
.c-btn-white:hover, 
.c-btn-white:active, 
.c-btn-white:focus {color: #fff!important;}
.c-btn-ico-white::before {border-color: #fff!important;}
.c-btn-ico-white svg {fill: #fff!important;}
.c-btn-ico-white svg .circle {fill: none; stroke: #fff!important;}
a.c-btn.c-btn-white:hover .c-btn-ico-white svg .circle, 
a:hover .c-btn.c-btn-white .c-btn-ico-white svg .circle {fill: transparent; stroke: #fff!important; stroke-width: 1;}
a.c-btn-white:hover .c-btn-ico-white::before {opacity: .2; -webkit-animation: arrow_bg 2s forwards cubic-bezier(.215,.61,.355,1); animation: arrow_bg 2s forwards cubic-bezier(.215,.61,.355,1);}
a.c-btn-white:hover .c-btn-ico-white svg .circle {fill: transparent; stroke: #fff!important; stroke-width: 1;}

@keyframes arrow {
	0% {opacity: 1; -webkit-transform: translateX(0); transform: translateX(0);}
	10% {opacity: 0; -webkit-transform: translateX(50%); transform: translateX(50%);}
	25% {opacity: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%);}
	40% {opacity: 1; -webkit-transform: translateX(0); transform: translateX(0);}
	100% {opacity: 1; -webkit-transform: translateX(0); transform: translateX(0);}
}
@keyframes circle {
	0% {stroke-dasharray: 0 300; -webkit-transform: rotate(0); transform: rotate(0);}
	10% {stroke-dasharray: 50 100;}
	20% {stroke-dasharray: 100 200;}
	30% {stroke-dasharray: 150 300;}
	40% {stroke-dasharray: 200 300;}
	60% {stroke-dasharray: 300 300; -webkit-transform: rotate(360deg); transform: rotate(360deg);}
}

/* ===========================================================================================================
	ページ個別調整
	
=========================================================================================================== */





/* ===========================================================================================================
	Object - Utility
	各種ヘルパークラス
=========================================================================================================== */
/*	[common] - ボタン
------------------------------------------------ */
[class*=c-radius-] {display: flex; justify-content: center; align-items: center; padding: 8px 16px; text-decoration: none;}
[class*=c-radius-]:hover, [class*=c-radius-]:active, [class*=c-radius-]:focus {opacity: 0.8;}
.c-radius-30[class*=diff-bgc-] {min-height: 60px; border-radius: 30px;}
.c-radius-40[class*=diff-bgc-] {min-height: 80px; border-radius: 40px;}
.c-radius-30[class*=diff-bdc-] {min-height: 60px; border-radius: 30px; border-width: 2px; border-style: solid;}
.c-radius-40[class*=diff-bdc-] {min-height: 80px; border-radius: 40px; border-width: 2px; border-style: solid;}


/*	[common] - その他
------------------------------------------------ */
.u-d-f {display: flex!important;}
.u-fw-w {flex-wrap: wrap!important;}
.u-ai-fs {align-items: flex-start!important;}
.u-ai-fe {align-items: flex-end!important;}
.u-ai-c {align-items: center!important;}
.u-ai-s {align-items: stretch!important;}
.u-as-s {align-self: stretch!important;}
.u-as-fe {align-self: flex-end !important;}
.u-fg-1 {flex-grow: 1!important;}
.u-fs-0 {flex-shrink: 0!important;}
.u-fd-c {flex-direction: column!important;}

.u-mrl-auto {margin-right: auto !important; margin-left: auto !important;}
.u-m-auto {margin: auto !important;}
.u-mt-auto {margin-top: auto !important;}
.u-mb-auto {margin-bottom: auto !important;}
.u-mr-auto {margin-right: auto !important;}
.u-ml-auto {margin-left: auto !important;}

.u-p-8 {padding: 8px!important;}
.u-p-10 {padding: 10px!important;}
.u-p-16 {padding: 16px!important;}
.u-p-20 {padding: 20px!important;}
.u-p-24 {padding: 24px!important;}
.u-p-32 {padding: 32px!important;}
.u-p-40 {padding: 40px!important;}

.u-maw-auto {max-width: auto !important;}
.u-miw-auto {min-width: auto !important;}
.u-h-100p {height: 100%!important;}
.u-h-auto {height: auto!important;}

.u-bdr-n {border: none!important;}
.u-bdr-fff {border: 1px #fff solid!important;}
.u-bdr-c6c6c0 {border: 1px #c6c6c0 solid!important;}
.u-b-radius50p {border-radius: 50%!important;}
.u-td-hv {text-decoration: underline!important;}
.u-td-hv:hover {text-decoration: none!important;}


@media screen and (min-width: 769px) {
	.u-d-pc-f {display: flex!important;}
	.u-fw-pc-w {flex-wrap: wrap!important;}
	.u-ai-pc-fs {align-items: flex-start!important;}
	.u-ai-pc-fe {align-items: flex-end!important;}
	.u-ai-pc-c {align-items: center!important;}
	.u-ai-pc-s {align-items: stretch!important;}
	.u-as-pc-s {align-self: stretch!important;}
	.u-as-pc-fe {align-self: flex-end !important;}
	.u-fg-pc-1 {flex-grow: 1!important;}
	.u-fs-pc-0 {flex-shrink: 0!important;}
	.u-fd-pc-c {flex-direction: column!important;}
	.u-ta-pc-l {text-align: left !important;}
	.u-ta-pc-c {text-align: center !important;}
	.u-ta-pc-r {text-align: right !important;}
	.u-mrl-pc-auto {margin-right: auto !important; margin-left: auto !important;}
	.u-m-pc-auto {margin: auto !important;}
	.u-mt-pc-auto {margin-top: auto !important;}
	.u-mb-pc-auto {margin-bottom: auto !important;}
	.u-mr-pc-auto {margin-right: auto !important;}
	.u-ml-pc-auto {margin-left: auto !important;}
	.u-p-pc-8 {padding: 8px!important;}
	.u-p-pc-10 {padding: 10px!important;}
	.u-p-pc-16 {padding: 16px!important;}
	.u-p-pc-20 {padding: 20px!important;}
	.u-p-pc-24 {padding: 24px!important;}
	.u-p-pc-32 {padding: 32px!important;}
	.u-p-pc-40 {padding: 40px!important;}
	.u-w-pc-auto {width: auto!important;}
	.u-w-pc-100p {width: 100%!important;}
	.u-w-pc-50p {width: 50%!important;}
	.u-w-pc-33p {width: 33.33%!important;}
	.u-w-pc-25p {width: 25%!important;}
	.u-h-pc-100p {height: 100%!important;}
	.u-h-pc-auto {height: auto!important;}
}
@media screen and (max-width: 768px) {
	.u-d-tab-f {display: flex!important;}
	.u-fw-tab-w {flex-wrap: wrap!important;}
	.u-ai-tab-fs {align-items: flex-start!important;}
	.u-ai-tab-fe {align-items: flex-end!important;}
	.u-ai-tab-c {align-items: center!important;}
	.u-ai-tab-s {align-items: stretch!important;}
	.u-as-tab-s {align-self: stretch!important;}
	.u-as-tab-fe {align-self: flex-end !important;}
	.u-fg-tab-1 {flex-grow: 1!important;}
	.u-fs-tab-0 {flex-shrink: 0!important;}
	.u-fd-tab-c {flex-direction: column!important;}
	.u-ta-tab-l {text-align: left !important;}
	.u-ta-tab-c {text-align: center !important;}
	.u-ta-tab-r {text-align: right !important;}
	.u-mrl-tab-auto {margin-right: auto !important; margin-left: auto !important;}
	.u-m-tab-auto {margin: auto !important;}
	.u-mt-tab-auto {margin-top: auto !important;}
	.u-mb-tab-auto {margin-bottom: auto !important;}
	.u-mr-tab-auto {margin-right: auto !important;}
	.u-ml-tab-auto {margin-left: auto !important;}
	.u-p-tab-8 {padding: 8px!important;}
	.u-p-tab-10 {padding: 10px!important;}
	.u-p-tab-16 {padding: 16px!important;}
	.u-p-tab-20 {padding: 20px!important;}
	.u-p-tab-24 {padding: 24px!important;}
	.u-p-tab-32 {padding: 32px!important;}
	.u-p-tab-40 {padding: 40px!important;}
	.u-w-tab-auto {width: auto!important;}
	.u-w-tab-100p {width: 100%!important;}
	.u-w-tab-50p {width: 50%!important;}
	.u-w-tab-33p {width: 33.33%!important;}
	.u-w-tab-25p {width: 25%!important;}
	.u-h-tab-100p {height: 100%!important;}
	.u-h-tab-auto {height: auto!important;}
}
@media screen and (max-width: 480px) {
	.u-d-sp-f {display: flex!important;}
	.u-fw-sp-w {flex-wrap: wrap!important;}
	.u-ai-sp-fs {align-items: flex-start!important;}
	.u-ai-sp-fe {align-items: flex-end!important;}
	.u-ai-sp-c {align-items: center!important;}
	.u-ai-sp-s {align-items: stretch!important;}
	.u-as-sp-s {align-self: stretch!important;}
	.u-as-sp-fe {align-self: flex-end !important;}
	.u-fg-sp-1 {flex-grow: 1!important;}
	.u-fs-sp-0 {flex-shrink: 0!important;}
	.u-fd-sp-c {flex-direction: column!important;}
	.u-ta-sp-l {text-align: left !important;}
	.u-ta-sp-c {text-align: center !important;}
	.u-ta-sp-r {text-align: right !important;}
	.u-mrl-sp-auto {margin-right: auto !important; margin-left: auto !important;}
	.u-m-sp-auto {margin: auto !important;}
	.u-mt-sp-auto {margin-top: auto !important;}
	.u-mb-sp-auto {margin-bottom: auto !important;}
	.u-mr-sp-auto {margin-right: auto !important;}
	.u-ml-sp-auto {margin-left: auto !important;}
	.u-p-sp-8 {padding: 8px!important;}
	.u-p-sp-10 {padding: 10px!important;}
	.u-p-sp-16 {padding: 16px!important;}
	.u-p-sp-20 {padding: 20px!important;}
	.u-p-sp-24 {padding: 24px!important;}
	.u-p-sp-32 {padding: 32px!important;}
	.u-p-sp-40 {padding: 40px!important;}
	.u-w-sp-auto {width: auto!important;}
	.u-w-sp-100p {width: 100%!important;}
	.u-w-sp-50p {width: 50%!important;}
	.u-w-sp-33p {width: 33.33%!important;}
	.u-w-sp-25p {width: 25%!important;}
	.u-h-sp-100p {height: 100%!important;}
	.u-h-sp-auto {height: auto!important;}
}

/*	[common] - カラー
------------------------------------------------ */
/*フォント色*/
.diff-c-rd {color: #ea0000!important;}
.diff-c-mg {color: #d80084!important;}
.diff-c-bl {color: #2400b0!important;}
.diff-c-cy {color: #00e7ef!important;}
.diff-c-em {color: #008224!important;}
.diff-c-lm {color: #61d600!important;}
.diff-c-yl {color: #ffe700!important;}
.diff-c-or {color: #ff8000!important;}
.diff-c-wt {color: #fff !important;}
.diff-c-bk {color: #000 !important;}
.diff-c-gr1 {color: #3c3c3c !important;}
.diff-c-gr2 {color: #6d6e70 !important;}
.diff-c-gr3 {color: #dcdcdc !important;}
.diff-c-gr4 {color: #efefef !important;}

/*ボーダー色*/
.diff-bdc-rd {border-color: #ea0000!important;}
.diff-bdc-mg {border-color: #d80084!important;}
.diff-bdc-bl {border-color: #2400b0!important;}
.diff-bdc-cy {border-color: #00e7ef!important;}
.diff-bdc-em {border-color: #008224!important;}
.diff-bdc-lm {border-color: #61d600!important;}
.diff-bdc-yl {border-color: #ffe700!important;}
.diff-bdc-or {border-color: #ff8000!important;}
.diff-bdc-wt {border-color: #fff !important;}
.diff-bdc-bk {border-color: #000 !important;}
.diff-bdc-gr1 {border-color: #3c3c3c !important;}
.diff-bdc-gr2 {border-color: #6d6e70 !important;}
.diff-bdc-gr3 {border-color: #dcdcdc !important;}
.diff-bdc-gr4 {border-color: #efefef !important;}

/*背景色*/
.diff-bgc-rd {background-color: #ea0000!important;}
.diff-bgc-mg {background-color: #d80084!important;}
.diff-bgc-bl {background-color: #2400b0!important;}
.diff-bgc-cy {background-color: #00e7ef!important;}
.diff-bgc-em {background-color: #008224!important;}
.diff-bgc-lm {background-color: #61d600!important;}
.diff-bgc-yl {background-color: #ffe700!important;}
.diff-bgc-or {background-color: #ff8000!important;}
.diff-bgc-wt {background-color: #fff !important;}
.diff-bgc-bk {background-color: #000 !important;}
.diff-bgc-gr1 {background-color: #3c3c3c !important;}
.diff-bgc-gr2 {background-color: #6d6e70 !important;}
.diff-bgc-gr3 {background-color: #dcdcdc !important;}
.diff-bgc-gr4 {background-color: #efefef !important;}
.diff-bgc-tp {background-color: transparent!important;}

/*これより下 ヘルパークラス以外追加禁止*/