@charset "UTF-8";

/* 基本
------------------------------------------ */
.diff-bg-fff {
	background-color: #fff;
}
.diff-bg-transparent {
	background-color: transparent !important;
}
/* ブロック区切り */
hr.default {
	padding-top: 36px;
	border: none;
	border-bottom: 1px solid #c6c6c0;
	height: 1px;
}
/* テキスト区切り */
.btm-line {
	margin-bottom: 28px;
	border-bottom: solid 1px #999;
	padding-bottom: 28px;
}
.border-none {
	border: none;
}
.txt-catch-a {
	color: #000;
}


/* メインビジュアル
------------------------------------------ */
/* 画像なし */
.hero-area-c.diff-color-000 {
	color: #000;
}
.hero-area-c.diff-color-a .content-inner,
.hero-area-c.diff-color-000 .content-inner {
	max-width: none;
}
@media only screen and (max-width: 767px) {
	.hero-area-c.diff-color-000 {
		color: #000;
	}
	.hero-area-c.diff-color-a .content,
	.hero-area-c.diff-color-000 .content {
		padding-top: 0;
	}
	.hero-area-c.diff-color-000 .content-inner {
		background: #eee;
	}
}
/* リンクなし 1枚画像 */
@media only screen and (max-width: 980px) {
	.lyt-visual-item-a.img-load-done .image-wrapper span {
		position: relative;
		padding: 43.573% 0 0;
		display: block;
		width: 100%;
	}
}
@media only screen and (max-width:480px) {
	.lyt-visual-item-a.img-load-done .image-wrapper span {
		position: static;
		padding: 0!important;
	}
}
/* リンクなし 1枚画像 さらにSPとTBを同じ画像に */
@media only screen and (max-width: 768px) {
	.lyt-visual-item-a.img-load-done .image-wrapper span.sp-tb-same {
		position: static;
		padding: 0!important;
	}

	.lyt-visual-item-a.img-load-done .image-wrapper span.sp-tb-same img {
		position: static;
		height: auto;
		width: 100%;
		min-height: none;
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}


/* アンカーリンク（タイプA）
------------------------------------------ */
/* SP時 画面追従無効 */
@media only screen and (max-width: 767px) {
	.is-fixed .nav-b {
		background: none;
		position: relative;
		left: auto;
		top: inherit !important;
		z-index: 0;
		width: auto;
	}
	.is-fixed .nav-b::before {
		background: none;
	}
	
	.is-fixed .nav-b ul {
		width: auto !important;
		display: block;
	}
	.is-fixed .nav-b ul > li {
		border-bottom: 1px solid #b1b1ac;
		padding: 0 4px 12px;
		margin: 0 16px 12px;
	}
	
	.is-fixed .nav-b .nav-b-inner {
		margin: 0 16px;
	}
	.is-fixed .nav-b ul > li::before {
		display: none;
	}
	.is-fixed .nav-b ul > li:last-child {
		border-bottom: 0;
		padding-bottom: 0;
		margin-bottom: 0;
	}
}

/* 下がdiff-bg-aの場合、マージン */
.js-nav-fixed + .diff-bg-a {
	margin-top: 50px;
}


/* テーブル
------------------------------------------ */
.tbl-a.all-cell-auto {
	table-layout: auto;
}
.tbl-a.all-cell-auto tr > *:first-child {
	width: auto;
}
.tbl-a.last-cell-fix thead tr:first-child > *:first-child {
	width: auto;
}
.tbl-a.last-cell-fix thead tr:first-child > *:last-child {
	width: 12em;
}
.tbl-a.first-cell-fix thead tr:first-child > *:first-child {
	width: 80px;
}
@media screen and (min-width: 768px){
	.tbl-b.first-cell-fix tr th {
		width: 250px;
	}
}
@media screen and (max-width: 480px){
	.tbl-a.last-cell-fix thead tr:first-child > *:last-child {
		width: auto;
	}
}


/* 見出し
------------------------------------------ */
.hdg-d {
	color: #000;
}
.hdg-d.primary {
	margin: 30px 0 14px;
}
.hdg-d.primary > a {
	position: relative;
	text-decoration: underline;
	display: inline;
	padding-right: 0;
	color: #000;
}
.hdg-d.primary > a::before {
	display: none;
}
.hdg-d.primary > a:hover {
	text-decoration: none;
}

.hdg-c.primary > a {
	text-decoration: underline;
}
.hdg-c.primary > a::before {
	display: none;
}
.hdg-c.primary > a:hover {
	text-decoration: none;
	color: #000;
}
.hdg-d.rec {
	position: relative;
	padding-left: 17px;
}
.hdg-d.rec::before {
	display: block;
	position: absolute;
	content: "";
	top: 7px;
	left: 0;
	width: 10px;
	height: 10px;
	background: #a30b1a;
}


/* テキスト
------------------------------------------ */
span.diff-color-a {
	color: #a30b1a;
}
span.diff-color-gray01 {
	color: #87867e;
}
a.link-t {
	color: #039;
}
.txt_border-box {
	border: 1px solid;
	padding:px;
	line-height: 1.5;
}
.txt_bg-red {
	padding: 10px 16px;
	color: #fff;
	background: #a30b1a;
}


/* 画像
------------------------------------------ */
figure {
	display: table;
	margin-top: 56px !important;
	margin-right: auto;
	margin-left: auto;
}
.hdg-b + figure,
.hdg-c + figure,
.hdg-d + figure {
	margin-top: 30px !important;
}
figure > figcaption + img {
	margin-top: 6px;
}
figure > img + figcaption {
	margin-top: 6px;
	font-size: 1.4rem;
}
figure.col2 > img {
	width: calc((100% - 15px) / 2);
}
figure.col2 > img + img {
	margin-left: 10px;
}
figure + * {
	margin-top: 56px;
}
@media screen and (max-width: 480px){
	figure.col2 > img {
		width: 100%;
	}
	figure.col2 > img + img {
		margin-top: 10px;
		margin-left: 0;
	}
}

@media only screen and (min-width: 768px) {
	ul.diff-col2 > li > .item > img {
		max-width: 580px;
	}
}

@media only screen and (max-width: 767px) {
	li > .item > img {
		max-width: 100%;
	}
}

/* アイコン
------------------------------------------ */
/* 下向き矢印 */
.icon-down_arrow {
	content: "";
	width: 150px;
	height: 108px;
	margin: 34px auto;
	background: url(/jp/group/fjj/imagesgig5/icon-down_arrow_tcm283-5552910_tcm283-2750236-32.png) no-repeat;
	background-size: cover;
}
/* 下向き三角 */
.triangle-btm {
	margin: 20px auto;
	width: 0;
	height: 0;
	border-top: 30px solid #a30b1a;
	border-right: 120px solid transparent;
	border-left: 120px solid transparent;
}
/* 右向き三角 */
.triangle_right {
	border-left: 30px solid #a30b1a;
	border-right: 30px solid transparent;
	border-top: 30px solid transparent;
	border-bottom: 30px solid transparent;
}


/* バッジ
------------------------------------------ */
.badge li {
	display: inline-block;
	margin: 0 10px 10px 0;
	padding: 2px 25px;
	color: #fff;
	background: #999;
}


/* モデル
------------------------------------------ */
.model {
	margin: 40px auto 0;
	max-width: 1000px;
}

.model .model-title {
	padding: 10px 15px;
	font-size: 1.8rem;
	font-weight: bold;
	background: #c6c6c0;
}

.model .model-detail {
	margin-top: 0 !important;
	padding: 25px 30px 30px;
	background: #eee;
}


/* ボタン
------------------------------------------ */
/* ダウンロード */
.lyt-btn-a .btn-a.diff-download {
	padding: 10px 40px 10px 24px
}
.btn-a.diff-download::before {
	display: block;
	position: absolute;
	content: "";
	top: 0;
	bottom: 0;
	right: 12px;
	width: 20px;
	height: 20px;
	border: none;
	transform: rotate(0);
	margin: auto;
	background: url(/jp/group/fjj/imagesgig5/icon-download_tcm283-5552911_tcm283-2750236-32.png) no-repeat;
	background-size: contain;
}
/* グレー */
.lyt-btn-a .btn-b.btn-b-gray {
	border: solid 1px #666;
	background: #666;
}
.lyt-btn-a .btn-b.btn-b-gray:hover,
.lyt-btn-a .btn-b.btn-b-gray:active,
.lyt-btn-a .btn-b.btn-b-gray:focus {
	border: solid 1px #888;
	background: #888;
}
/* 中央、右揃え */
.lyt-btn-b.btn-center {
	justify-content: center;
}
.lyt-btn-b.btn-right {
	justify-content: flex-end;
}
/* キャプション付きボタン */
.btn-caption {
	display: table;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 34px;
}
.btn-caption .lyt-btn-a + * {
	margin-top: 20px;
}


/* 注釈リスト
------------------------------------------ */
.list-notes-a > li > .item {
	word-break: break-all;
}

.list-notes-a.normal > li {
	font-size: 1.6rem;
}


/* カラムレイアウト
------------------------------------------ */
/* 均等分割 */
.diff-col-full {
	display: flex;
	flex-wrap: nowrap;
	margin-left: -40px;
}
.diff-col-full > * {
	width: 100%;
	padding-left: 40px;
}
.diff-col-full > li > * {
	margin-top: 0;
}
@media screen and (max-width: 767px){
	.diff-col-full {
		display: block;
		margin-top: 0;
	}
	.diff-col-full > li + * {
		margin-top: 38px;
	}
}
.diff-col-wrap5 {
	display: flex;
	flex-wrap: wrap;
	margin-left: -40px;
}
.diff-col-wrap5 > * {
	width: 25%;
	padding-left: 40px;
}
@media screen and (max-width: 767px){
	.diff-col-wrap5 {
		display: block;
	}
	.diff-col-wrap5 > * {
		width: 100%;
	}
}
/* 2カラム */
.lyt-col-a.box .flexbox {
	display: flex;
}

.lyt-col-a.box .lyt-item-a .img {
	padding-right: 20px !important;
}

.lyt-col-a.box .lyt-item-a .img .img-inner {
	width: auto;
}

.lyt-col-a.box .box-a {
	padding: 25px 30px;
	width: 100%;
}

.lyt-col-a.box .box-a.round {
	border: none;
	border-radius: 20px;
	background: #fff;
}

.lyt-col-a.box .box-a .btm-line {
	margin-bottom: 0;
	padding-bottom: 15px;
}

.lyt-col-a.box .box-a .btm-line + .list-a,
.lyt-col-a.box .box-a .btm-line + p {
	margin-top: 20px !important;
}

/* 画像の左右固定
------------------------------------------ */
/* デフォルト */
.lyt-item-a.default .img .img-inner,
.lyt-item-b.default .img .img-inner {
	margin-bottom: 20px;
}

@media only screen and (max-width: 767px) {
	.lyt-item-a.default.is-spimg-b .item {
		display: table-header-group;
	}

	.lyt-item-a.default.is-spimg-b .img .img-inner {
		margin: 34px 0 0;
	}

	.lyt-item-b.default.is-spimg-b {
		display: flex;
		flex-flow: column-reverse;
	}

	.lyt-item-b.default.is-spimg-b .img {
		margin-top: 28px;
	}

	.lyt-item-b.default.is-spimg-b .img .img-inner {
		margin-bottom: 0;
	}

	.lyt-item-b.default.is-spimg-b .item {
		padding-top: 0;
	}
}

/* 画像の左右固定 幅300px */
.lyt-item-a.is-img-l.fix-w300 .img,
.lyt-item-a.is-img-r.fix-w300 .img {
	max-width: 340px;
}
.lyt-item-a.fix-w300 > .img > .img-inner {
	width: 300px;
}
.lyt-item-a.fix-w300 > .img img {
	max-width: 300px;
}
@media screen and (max-width: 767px){
	.lyt-item-a.is-img-l.fix-w300 .img,
	.lyt-item-a.is-img-r.fix-w300 .img {
		max-width: none;
	}
	.lyt-item-a.fix-w300 > .img > .img-inner {
		width: auto;
	}
	.lyt-item-a.fix-w300 > .img img {
		max-width: 100%;
	}
}

/* 画像の左右固定 幅350px */
.lyt-item-a.is-img-l.fix-w350 .img,
.lyt-item-a.is-img-r.fix-w350 .img {
	max-width: 390px;
}
.lyt-item-a.fix-w350 > .img > .img-inner {
	width: 350px;
}
.lyt-item-a.fix-w350 > .img img {
	max-width: 350px;
}
@media screen and (max-width: 767px){
	.lyt-item-a.is-img-l.fix-w350 .img,
	.lyt-item-a.is-img-r.fix-w350 .img {
		max-width: none;
	}
	.lyt-item-a.fix-w350 > .img > .img-inner {
		width: auto;
	}
	.lyt-item-a.fix-w350 > .img img {
		max-width: 100%;
	}
}

/* 画像の左右固定 幅750px */
.lyt-item-a.is-img-l.fix-w750 .img,
.lyt-item-a.is-img-r.fix-w750 .img {
	max-width: 770px;
}
.lyt-item-a.fix-w750 > .img > .img-inner {
	width: 750px;
}
.lyt-item-a.fix-w750 > .img img {
	max-width: 750px;
}
.lyt-item-a.is-img-l.fix-w750 > .item,
.lyt-item-a.is-img-r.fix-w750 .img {
	padding-left: 20px;
}
.lyt-item-a.is-img-r.fix-w750 > .item,
.lyt-item-a.is-img-l.fix-w750 .img {
	padding-right: 20px;
}
@media screen and (max-width: 1200px){
	.lyt-item-a.fix-w750 > .img > .img-inner {
		max-width: none;
	}
	.lyt-item-a.fix-w750 {
		table-layout: fixed;
	}
	.lyt-item-a.fix-w750 > .item {
		width: 40%;
	}
	.lyt-item-a.is-img-l.fix-w750 > .item,
	.lyt-item-a.is-img-r.fix-w750 .img {
		padding-left: 20px;
	}
	.lyt-item-a.is-img-r.fix-w750 > .item,
	.lyt-item-a.is-img-l.fix-w750 .img {
		padding-right: 20px;
	}
	.lyt-item-a.fix-w750 .img {
		width: 60%;
	}
	.lyt-item-a.fix-w750 > .img > .img-inner {
		width: 100%;
		display: block;
	}
	.lyt-item-a.fix-w750 > .img img {
		max-width: 100%;
	}
}
@media screen and (max-width: 767px){
	.lyt-item-a.is-img-l.fix-w750 .img,
	.lyt-item-a.is-img-r.fix-w750 .img {
		max-width: none;
	}
	.lyt-item-a.fix-w750 > .img > .img-inner {
		width: auto;
	}
	.lyt-item-a.fix-w750 > .img img {
		max-width: 100%;
	}
}

/* 画像の左右固定 幅50% */
.lyt-item-a.fix-half {
	table-layout: fixed;
}
.lyt-item-a.fix-half > .item {
	width: 50%;
}
.lyt-item-a.is-img-l.fix-half > .item,
.lyt-item-a.is-img-r.fix-half .img {
	padding-left: 20px;
}
.lyt-item-a.is-img-r.fix-half > .item,
.lyt-item-a.is-img-l.fix-half .img {
	padding-right: 20px;
}
.lyt-item-a.fix-half .img {
	width: 50%;
}
.lyt-item-a.fix-half > .img > .img-inner {
	width: 100%;
	display: block;
}
.lyt-item-a.fix-half > .img img {
	max-width: 100%;
}
@media only screen and (max-width: 1000px) {
	.lyt-item-a.fix-half > .img > .img-inner {
		max-width: none;
	}
}
@media screen and (max-width: 767px){
	.lyt-item-a.is-img-l {
		direction: inherit;
	}
	.lyt-item-a.is-img-l.fix-half > .item,
	.lyt-item-a.is-img-r.fix-half .img {
		padding-left: 0;
	}
	.lyt-item-a.is-img-r.fix-half > .item,
	.lyt-item-a.is-img-l.fix-half .img {
		padding-right: 0;
	}
}


/* タブコンテンツ
------------------------------------------ */
.tab-a .lists {
	padding-top: 20px;
	height: auto;
	background-image: none;
}

/* アコーディオン
------------------------------------------ */
.list-accordion-a.emp-list > li > h3 {
	margin: 14px 0;
}

.list-accordion-a.emp-list > li:first-child > h3 {
	margin-top: 0;
}

.list-accordion-a.emp-list > li > h3 > .toggle-hook {
	padding: 0;
	display: block;
	width: 100%;
	text-align: left;
}

[data-script-enabled=true] .list-accordion-a.emp-list > li.is-open > h3 > .toggle-hook::after {
	display: none;
}

[data-script-enabled=true] .list-accordion-a.emp-list > li.is-close > h3 > .toggle-hook::after {
	width: 2px;
	height: 20px;
	margin-top: -9px;
	left: 9px;
}

[data-script-enabled=true] .list-accordion-a.emp-list > li > h3 > .toggle-hook {
	padding: 0 0 0 34px;
	position: relative;
}

[data-script-enabled=true] .list-accordion-a.emp-list > li > h3 > .toggle-hook::before,
[data-script-enabled=true] .list-accordion-a.emp-list > li > h3 > .toggle-hook::after {
	display: block;
	position: absolute;
	content: "";
	left: 0;
	top: .6em;
	background: #706f67;
	width: 20px;
	height: 2px;
}

.list-accordion-a.emp-list > li > .toggle-content {
	margin-bottom: 20px;
}

.list-accordion-a.emp-list > li > .toggle-content > li > *:first-child {
	margin-top: 0 !important;
}

.list-accordion-a.emp-list + * {
	margin-top: 40px;
}

@media only screen and (max-width: 767px) {
	.list-accordion-a.emp-list + * {
		margin-top: 26px;
	}
}


/* 活用パターン
------------------------------------------ */
.utilization {
	margin-bottom: 30px;
	border-radius: 20px;
	padding: 38px;
	background: #eee;
}

.utilization .left-icon {
	display: flex;
	align-items: center;
}

.utilization .left-icon .icon {
	flex: 0 0 auto;
	margin-right: 20px;
}

.utilization .left-icon .icon img {
	width: 150px;
}

.utilization .left-icon .text {
	flex: 1 1 auto;
}

.utilization .catch {
	margin: 20px auto 0;
	padding: 7px;
	border-radius: 10px;
	max-width: 300px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	background: #a30b1a;
}

@media only screen and (max-width: 767px) {
	.utilization .lyt-col-a > div + div {
		margin-top: 40px;
	}
}

@media only screen and (max-width: 480px) {
	.utilization {
		padding: 25px;
	}

	.utilization .left-icon .icon img {
		width: 100px;
	}
}


/* 会話（テキストのみ）
------------------------------------------ */
b.speaker {
	margin-right: 1rem;
}


/* 会話（画像あり）
------------------------------------------ */
.talk {
	display: flex;
	margin-bottom: 30px;
}

.talk.top-line {
	border-top: solid 1px #999;
	padding-top: 30px;
}

.talk .image {
	flex: 0 0 auto;
	text-align: center;
}

.talk .image span {
	display: block;
	margin-top: 3px;
}

.talk .text {
	position: relative;
	flex: 1 1 auto;
	border: solid 1px #999;
	border-radius: 10px;
	padding: 20px;
}

.talk .image + .text {
	margin-left: 20px;
}

.talk .text .notes {
	margin-bottom: 28px;
	padding: 20px;
	background: #eee;
}

.talk .text .notes p + ol,
.talk .text .notes p + ul {
	margin-top: 12px !important;
}

@media only screen and (min-width: 481px) {
	.talk .image + .text::before {
		content: "";
		position: absolute;
		top: 50px;
		left: -27px;
		margin-top: -14px;
		border: 14px solid transparent;
		border-right: 14px solid #FFF;
		z-index: 2;
	}

	.talk .image + .text::after {
		content: "";
		position: absolute;
		top: 50px;
		left: -28px;
		margin-top: -14px;
		border: 14px solid transparent;
		border-right: 14px solid #888;
		z-index: 1;
	}
}

@media only screen and (max-width: 480px) {
	.talk {
		display: block;
	}

	.talk .text {
		margin-top: 20px;
	}

	.talk .image + .text {
		margin-left: 0;
	}

	.talk .text::before {
		content: "";
		position: absolute;
		right: 50%;
		top: -27px;
		margin-right: -14px;
		border: 14px solid transparent;
		border-bottom: 14px solid #FFF;
		z-index: 2;
	}

	.talk .text::after {
		content: "";
		position: absolute;
		right: 50%;
		top: -28px;
		margin-right: -14px;
		border: 14px solid transparent;
		border-bottom: 14px solid #888;
		z-index: 1;
	}
}


/* CVボックス
------------------------------------------ */
.cv_box_download {
	padding: 40px 30px; 
	background: #fce4e3; 
	border-radius: 6px;
}

.cv_box_request {
	padding: 40px 30px; 
	background: #e8e8e6;
	border-radius: 6px;
}


/* フォームパーツ表示
------------------------------------------ */
input[type=checkbox].disp-checkbox {
	-moz-appearance: checkbox;
	-webkit-appearance: checkbox;
	appearance: checkbox;
}


/* Call To Action（Announce Point）
------------------------------------------ */
/* 見出しh3追加 */
.lyt-col-announce-a > li h3 {
	font-size: 1.8rem;
	margin: 16px 0 8px;
}
/* 両端揃え */
.lyt-col-announce-a.between {
	justify-content: space-between;
}


/* 個別パーツ
------------------------------------------ */
/* 38. ベネフィットエリア パーツ */
.lyt-col-a.item-style-1 {
	justify-content: center;
}
.lyt-col-a.item-style-1 .img-wrap {
	width: 80%;
	margin: 0 auto;
}

/* 39.よくある質問 */
.list-link-a.diff-anchor + .list-qa-a {
	margin-top: 60px !important;
}
.list-qa-a + .list-notes-a {
	padding-top: 36px;
	border-top: 1px solid #c6c6c0;
}

/* 48. 導入フロー パーツ */
.diff-col-full .title{
	font-size: 2rem;
	font-weight: 700;
	margin: 16px 0 8px !important;
	line-height: 1.4;
}



/* お問い合わせ
------------------------------------------ */
.box-b > .contact-heading {
	text-align: center;
}

.c-lyt-contact-a .c-list-contact-a {
	margin-left: 0;
	width: 100%;
}

.c-lyt-contact-a .c-list-contact-a > li {
	padding: 2vw;
	width: 50%;
}

.c-lyt-contact-a .c-list-contact-a > li:first-child {
	border-right: 1px solid #c6c6c0;
}

.c-lyt-contact-a .c-list-contact-a > li .c-type-form {
	font-size: 2.5rem;
	font-weight: bold;
}

.c-lyt-contact-a .c-list-contact-a > li .c-type-form::before{
	content: "";
	display: inline-block;
	position: relative;
	top: 3px;
	margin-right: 12px;
	width: 30px;
	height: 30px;
	background: url(/jp/group/fjj/imagesgig5/icon_form_tcm283-5248093_tcm283-2750236-32.gif) no-repeat;
}

.c-lyt-contact-a .c-list-contact-a > li .notes-a {
	margin-top: 12px !important;
}

.c-lyt-contact-a .c-list-contact-a li.p-type-tel .customer {
	margin-left: -34px;
	text-align: center;
	font-size: 1.4rem;
}

.c-lyt-contact-a .c-list-contact-a li.p-type-tel .p-contact-inner {
	margin-top: 15px;
}
.c-lyt-contact-a .c-list-contact-a li.p-type-tel .p-contact-inner small{
	font-size: 1.3rem;
}

@media screen and (max-width: 900px){
	.c-lyt-contact-a .c-list-contact-a > li a .p-contact-inner .supple-a {
		display: block;
	}
}

@media screen and (max-width: 768px){
	.box-b > .contact-heading {
		margin-bottom: 10px;
	}

	.c-lyt-contact-a .c-list-contact-a > li {
		padding: 0;
		width: inherit;
	}

	.c-lyt-contact-a .c-list-contact-a > li:first-child {
		margin-bottom: 20px;
		border-right: none;
		border-bottom: 1px solid #c6c6c0;
		padding-bottom: 10px;
	}

	.c-lyt-contact-a .c-list-contact-a li.p-type-tel .customer {
		margin-left: 0;
	}

	.c-lyt-contact-a .c-list-contact-a li.p-type-tel .p-contact-inner {
		font-size: 2.8rem;
	}
}
@media screen and (max-width: 480px){
	.c-lyt-contact-a .c-list-contact-a li.p-type-tel .p-contact-inner{
		text-align: center;
	}
	.c-lyt-contact-a .c-list-contact-a li.p-type-tel .p-contact-inner small{
		display: block;
	}
}


/* CTA Link Follow Type（画面追従ボタン）
------------------------------------------ */
#footer-conversion li.conversion {
	min-width: inherit;
}
#footer-conversion .conv-list > li > a {
	padding: 9px 22px 8px 22px;
	min-width: 10em;
}
#footer-conversion .conv-list > li > a::before {
	display: none;
}


/* 調整
------------------------------------------ */
.mt-00 {
	margin-top: 0 !important;
}
.mt-05 {
	margin-top: 5px !important;
}
.mt-10 {
	margin-top: 10px !important;
}
.mt-20 {
	margin-top: 20px !important;
}
.mt-30 {
	margin-top: 30px !important;
}
.mt-40 {
	margin-top: 40px !important;
}
.mt-50 {
	margin-top: 50px !important;
}
.mt-60 {
	margin-top: 60px !important;
}
@media screen and (min-width: 768px){
	.mt-pc-00 {
		margin-top: 0 !important;
	}
}

.mb-00 {
	margin-bottom: 0 !important;
}
.mb-05 {
	margin-bottom: 5px !important;
}
.mb-10 {
	margin-bottom: 10px !important;
}
.mb-20 {
	margin-bottom: 20px !important;
}
.mb-30 {
	margin-bottom: 30px !important;
}
.mb-40 {
	margin-bottom: 40px !important;
}
.mb-50 {
	margin-bottom: 50px !important;
}
.mb-60 {
	margin-bottom: 60px !important;
}

.mr-00 {
	margin-right: 0 !important;
}
.mr-05 {
	margin-right: 5px !important;
}
.mr-10 {
	margin-right: 10px !important;
}
.mr-20 {
	margin-right: 20px !important;
}
.mr-30 {
	margin-right: 30px !important;
}
.mr-40 {
	margin-right: 40px !important;
}
.mr-50 {
	margin-right: 50px !important;
}
.mr-60 {
	margin-right: 60px !important;
}

.ml-00 {
	margin-left: 0 !important;
}
.ml-05 {
	margin-left: 5px !important;
}
.ml-10 {
	margin-left: 10px !important;
}
.ml-20 {
	margin-left: 20px !important;
}
.ml-30 {
	margin-left: 30px !important;
}
.ml-40 {
	margin-left: 40px !important;
}
.ml-50 {
	margin-left: 50px !important;
}
.ml-60 {
	margin-left: 60px !important;
}
.v-top {
	vertical-align: top !important;
}
.v-mdl {
	vertical-align: middle !important;
}
.v-btm {
	vertical-align: bottom !important;
}


/* デバイス表示設定
------------------------------------------ */
@media only screen and (min-width: 769px) {
	.hide-pc {
		display: none !important;
	}
}

@media only screen and (min-width: 481px) and (max-width: 768px) {
	.hide-tb {
		display: none !important;
	}
}

@media only screen and (max-width: 480px) {
	.hide-sp {
		display: none !important;
	}
}