/*----------------------------------------------------------------------------*/
/* GENERAL - Setting                                                          */
/*----------------------------------------------------------------------------*/
/* 初期設定 */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p,
	blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd,
	q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr,
	th, td, article, aside, canvas, details, figcaption, figure, footer,
	header, hgroup, menu, nav, section, summary, time, mark, audio, video,
	label {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	background: transparent;
	list-style-type: none;
	line-height: 1.7;
	-webkit-text-size-adjust: 100%;
}

html, body, div, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre,
	abbr, address, cite, code, del, dfn, img, ins, kbd, q, samp, small,
	strong, sub, sup, var, fieldset, form, label, legend, table, caption,
	tbody, tfoot, thead, tr, th, td, article, aside, canvas, details,
	figcaption, figure, footer, header, hgroup, menu, nav, section, summary,
	time, mark, audio, video, label {
	font-size: 16px;
}

/* 基本設定 */
body {
	text-align: left;
	background: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	position: relative;
}

/* ブロック設定 */
article, aside, details, figcaption, figure, footer, header, hgroup,
	menu, nav, sectio {
	display: block;
}

/* リストスタイルの初期化 */
nav ul {
	list-style: none;
}

/* 引用符の初期化 */
blockquote, q {
	quotes: none;
}

/* 疑似要素の初期化 */
blockquote:before, blockquote:after, q:before, q:after {
	content: none;
}

/* テーブル初期化 */
table {
	border-collapse: collapse;
	border-spacing: 0;
	width: auto;
}

/* 入力・セレクト初期化 */
input, select {
	vertical-align: middle;
	padding: 0px;
	margin: 0px;
	font-size: 16px;
}

/* セレクト要素 */
select {
	-webkit-appearance: none;
	background: url("../images/common/mf_downarrow_b.svg") no-repeat
		scroll 98% 50%;
	border: 1px solid #999999;
	border-radius: 8px;
	padding: 9px 20px 9px 7px;
	vertical-align: middle;
	line-height: 1.1;
	width: 100%;
}

select:disabled {
	opacity: 0.4;
	background-color: #DDDDDD;
}

/* ボタン要素 */
button {
	margin: 0;
	padding: 0;
	line-height: 1.7;
}

/* イメージ要素 */
img {
	width: auto;
	height: auto;
	display: block;
}

/* リスト要素 */
p, ul, ol, dl {
	line-height: 170%;
}

/* 水平線要素 */
hr {
	border: none;
	background: #CCCCCC;
	height: 1px;
	margin: 1em 0;
}

input+hr {
	margin-top: 0.6em;
}

/* 段落間隔 */
p+p {
	margin-top: 1em;
}

/* 汎用input要素 */
input[type="radio"] {
	-webkit-appearance: none;
	appearance: none;
	width: 0px;
	border: none;
	background-color: rgba(255, 255, 255, 0);
	display: none;
}

input[type="number"], input[type="tel"], input[type="email"], input[type=password],
	input[type="text"] {
	padding-top: 7px;
	padding-bottom: 7px;
	border: 1px solid #999999;
	border-radius: 8px;
	-webkit-box-shadow: inset 0px 0px 5px 2px #E6E6E6;
	-moz-box-shadow: inset 0px 0px 5px 2px #E6E6E6;
	box-shadow: inset 0px 0px 5px 2px #E6E6E6;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 8px;
	width: 100%;
	margin-bottom: 5px;
}

input[type="number"]:-moz-placeholder, input[type="tel"]:-moz-placeholder,
	input[type="email"]:-moz-placeholder, input[type="password"]:-moz-placeholder,
	input[type="text"]:-moz-placeholder {
	font-size: 14px;
}

input[type="number"]:-moz-placeholder, input[type="tel"]:-moz-placeholder,
	input[type="email"]:-moz-placeholder, input[type="password"]:-moz-placeholder,
	input[type="text"]:-moz-placeholder {
	font-size: 19px;
}

/* 汎用input要素（email） */
input[type="email"] {
	font-size: 18px;
	letter-spacing: 0.05em;
}

/* 表示・非表示 */
.invisible {
	display: none;
}

.visible {
	display: block;
}

/* クリア */
.clear {
	clear: both;
}

/* 文字寄せ */
.center {
	text-align: center;
}

.left {
	text-align: left;
}

.right {
	text-align: right;
}

/* 入力エラー表示(プレースホルダーも含む) */
.validate-error {
	color: #EB4D4D;
	background-color: #FFEBEB !important;
	border: 1px solid #EB4D4D !important;
}
.validate-error::placeholder {
	color: #EB4D4D;
}

/*----------------------------------------------------------------------------*/
/* 可変フォント対応                                                           */
/*----------------------------------------------------------------------------*/
@media ( max-width : 480px) {
	html, body, div, object, iframe, .attr, h1, h2, h3, h4, h5, h6,
		blockquote, pre, abbr, address, cite, code, del, dfn, img, ins, kbd, q,
		samp, small, strong, sub, sup, var, fieldset, form, label, legend,
		table, caption, tbody, tfoot, thead, tr, th, td, article, aside,
		canvas, details, figcaption, figure, footer, header, hgroup, menu, nav,
		section, summary, time, mark, audio, video, label {
		font-size: 13px;
	}
}

@media ( min-width : 480px) {
	html, body, div, object, iframe, .attr, h1, h2, h3, h4, h5, h6,
		blockquote, pre, abbr, address, cite, code, del, dfn, img, ins, kbd, q,
		samp, small, strong, sub, sup, var, fieldset, form, label, legend,
		table, caption, tbody, tfoot, thead, tr, th, td, article, aside,
		canvas, details, figcaption, figure, footer, header, hgroup, menu, nav,
		section, summary, time, mark, audio, video, label {
		font-size: 18px;
	}
}

@media ( max-width : 480px) {
	input, select {
		font-size: 16px;
	}
}

@media ( min-width : 480px) {
	input, select {
		font-size: 21px;
	}
}

@media ( max-width : 480px) {
	input[type="number"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder,
		input[type="email"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder,
		input[type="text"]::-webkit-input-placeholder {
		font-size: 14px;
	}
}

@media ( min-width : 480px) {
	input[type="number"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder,
		input[type="email"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder,
		input[type="text"]::-webkit-input-placeholder {
		font-size: 19px;
	}
}

@media ( max-width : 480px) {
	input[type="email"] {
		font-size: 18px;
	}
}

@media ( min-width : 480px) {
	input[type="email"] {
		font-size: 23px;
	}
}

/*----------------------------------------------------------------------------*/
/* font読み込み                                                     */
/*----------------------------------------------------------------------------*/

/* barlow-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/barlow-v12-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* barlow-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/barlow-v12-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* barlow-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/barlow-v12-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* barlow-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/barlow-v12-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* noto-sans-jp-regular - japanese_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/noto-sans-jp-v53-japanese_latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* noto-sans-jp-500 - japanese_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/noto-sans-jp-v53-japanese_latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* noto-sans-jp-600 - japanese_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/noto-sans-jp-v53-japanese_latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* noto-sans-jp-700 - japanese_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/noto-sans-jp-v53-japanese_latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/*----------------------------------------------------------------------------*/
/* モビット共通設定（SP）                                                     */
/*----------------------------------------------------------------------------*/
/* box-sizing設定 */
* {
	box-sizing: border-box;
}

:before, :after {
	box-sizing: inherit;
}

/* 画面基本設定 */
html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: transparent;
	font-size: 62.5%;
}

body {
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.6;
	font-family:  'Barlow', "ヒラギノ角ゴ Pro W3",  Hiragino Kaku Gothic Pro,  'Noto Sans JP',  "メイリオ",  Meiryo, sans-serif;
	color: #333333;
	background-color: #FFFFFF;
}

html, body {
	scroll-padding-top: 60px;
}

/* iPhoneのプルダウン規定色対応（強制的に黒にする） */
select {
	color: #333333;
}

/* アンカー要素 */
a {
	color: inherit;
	text-decoration: none;
	transition: all .2s ease;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

a:hover {
	opacity: .75;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
}

/* address要素 */
address {
	font-style: inherit;
}

/* 画像埋め込み要素 */
img {
	border-style: none;
	image-rendering: -webkit-optimize-contrast;
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}

/* 個別画面のコンテンツ領域 */
.main {
	display: block;
	padding-bottom: 80px;
}

.main__inner {
	max-width: 1220px;
	margin: 0 auto;
	padding: 0 10px;
}

@media screen and (max-width: 767px) {
	.main {
		padding-top: calc(60px + 12.8vw);
	}
}

/*----------------------------------------------------------------------------*/
/* MF共通ヘッダー＆フッター設定                                               */
/*----------------------------------------------------------------------------*/
/* MF共通ヘッダー(S000M80.jsp) */
.header {
	position: relative;
	z-index: 10;
}

.header__smbc {
	display: -ms-flexbox;
	display: flex;
	overflow: hidden;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: justify;
	justify-content: space-between;
	position: relative;
	border-bottom: 5px solid #C4D700;
	background-color: #004831;
}

.header__smbc img {
	float: left;
	width: 100px;
}

.header__smbc img.img__smbc-group {
	width: 65px;
}

.header__inner {
	background: rgba(255, 255, 255, 0.9);
	margin: 0 auto;
	padding: 12px 50px;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-content: stretch;
	align-items: stretch;
	left: 0;
	right: 0;
	z-index: 1;
	border-radius: 2px;
}

.header__logo {
	margin-right: 30px;
	font-size: 0;
}

.header__logo img {
	display: inline-block;
	vertical-align: middle;
	width: 133px;
}

.header__logo:before {
	content: "";
	display: inline-block;
	height: 100%;
	width: 1px;
	vertical-align: middle;
	margin-left: -1px;
}

@media screen and (max-width: 767px) {
	.header {
		position: fixed;
		z-index: 9999;
		width: 100%;
		min-width: auto;
		background: #FFFFFF;
	}
	.header__smbc {
		height: 60px;
		padding: 0 4.8vw;
		border-bottom-width: 3px;
	}
	.header__logo {
		margin-right: 14.667vw;
		width: 34.933vw;
	}
	.header__inner {
		width: 100%;
		margin: 0;
		border-radius: 0;
		position: relative;
		height: 12.8vw;
		padding: 2.133vw 7.333vw;
		border-bottom: 3px solid #F0F0F0;
	}
}

@media screen and (min-width: 768px) {
	.header__smbc {
		height: 60px;
		padding: 0 40px;
	}
	.header__inner {
		border-bottom: 3px solid #F0F0F0;
	}
}

/* MF共通トップへボタン(S000M90.jsp) */
.pagetop {
	display: block;
	position: fixed;
	z-index: -1;
	right: 15px;
	bottom: 15px;
	width: 50px;
	height: 50px;
	border-radius: 74px;
	background: #FFFFFF;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
	transition: opacity .3s;
}

.pagetop.js-show {
	z-index: 100;
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.pagetop:hover {
	opacity: .8;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

.page--top .pagetop {
	right: 40px;
	left: inherit;
}

.pagetop__text {
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 26px;
	height: 14px;
	background: url(../images/ico-pagetop.svg) no-repeat center/contain;
	text-indent: -9999px;
	transform: translate(-50%, -50%);
}

/* MF共通フッターa(S000M91.jsp) */
.footer {
	position: relative;
	background-color: #F0F0F0;
}

.footer__inner {
	max-width: 1220px;
	margin: 0 auto;
	padding: 0 10px
}

.foot-condition__area {
	margin-bottom: 30px;
	color: #4D4D4D;
}

.foot-condition__lead {
	padding: 24px 0 0;
	margin-bottom: 1em;
	line-height: 1.75;
	font-weight: 700;
}

.foot-condition__list {
	font-size: 14px;
	font-size: 1.4rem;
}

.foot-condition__list-item {
	display: inline;
	line-height: 1.85714;
}

.foot-nav__address--address {
	font-size: 12px;
	font-size: 1.2rem;
}

.foot-nav__address--number {
	margin-top: 15px;
	font-size: 12px;
	font-size: 1.2rem;
}

/* MF共通フッターb(S000M92.jsp) */
.footer__copy {
	padding: 20px;
	background-color: #004831;
	color: #FFFFFF;
	font-size: 12px;
	font-size: 1.2rem;
	text-align: center;
}

/*----------------------------------------------------------------------------*/
/* トーン＆マナー設定値(SMCC_vpass_DesignRule+Library)                        */
/*----------------------------------------------------------------------------*/
/*------ H見出し(page.5-6, 27) ------*/
h1 {
	font-size: 28px;
	line-height: 44px;
	font-weight: bold;
	margin-top: 21px;
	margin-bottom: 21px;
}

h2 {
	font-size: 24px;
	line-height: 40px;
	font-weight: bold;
	margin-top: 24px;
	margin-bottom: 18px;
}

h3 {
	font-size: 20px;
	line-height: 36px;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 15px;
}

h4 {
	font-size: 20px;
	line-height: 36px;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 15px;
}

h5 {
	font-size: 16px;
	line-height: 30px;
	font-weight: bold;
	margin-top: 16px;
	margin-bottom: 12px;
}

/*------ 本文(page.7) ------*/
/* 概要本文 */
.summary-text {
	font-size: 18px;
	line-height: 32px;
	font-weight: normal;
}

/* スタンダード本文 */
.standard-text {
	font-size: 16px;
	line-height: 30px;
	font-weight: normal;
}

/* 小さめの本文 */
.small-text {
	font-size: 14px;
	line-height: 26px;
	font-weight: normal;
}

/* アコーディオンの本文 */
.accordion-text {
	font-size: 12px;
	line-height: 20px;
	font-weight: normal;
}

/* 注釈テキスト */
.note-text {
	font-size: 12px;
	line-height: 20px;
	font-weight: normal;
}

/*------ 注意文・欧文(page.8) ------*/
/* 注意文テキスト */
.caution-text {
	font-size: 16px;
	line-height: 30px;
	font-weight: bold;
	color: #EB4D4D;
}

/* 欧文（inquiry） */
.inquiry-text {
	font-size: 28px;
	font-weight: Medium;
}

/* 欧文（carousel） */
.carousel-text {
	font-size: 16px;
	font-weight: 600;
}

/*------ 基本ボタン(page.9, 12) ------*/
/* コンバージョンボタン */
.conversion {
	/* ※画面担当者が実装すること */
	
}

/* プライマリーボタン */
.primary {
	position: relative;
	padding: 9px 0px;
	margin: 40px 0px;
	border: none;
	display: block;
	width: 100%;
	line-height: 30px;
	font-weight: bold;
	font-size: 16px;
	text-align: center;
	color: #FFFFFF;
	-webkit-transition: 0.2s ease-out;
	-moz-transition: 0.2s ease-out;
	-o-transition: 0.2s ease-out;
	-ms-transition: 0.2s ease-out;
	position: relative;
	background: linear-gradient(to right, #076b59 50%, #00846D 50%);
	background-size: 200% 100.5%;
	background-position: right bottom;
	transition: all .5s ease-out;
}

.primary::after {
	content: "";
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url("../images/common/mf_rightarrow_w_01.svg") no-repeat;
	background-size: contain;
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
}

.primary:hover {
	background-position: left bottom;
}

/* セカンダリーボタン */
.secondary {
	position: relative;
	padding: 9px 0px;
	margin: 40px 0px;
	border: 2px solid #00846D;
	display: block;
	width: 100%;
	line-height: 30px;
	font-weight: bold;
	font-size: 16px;
	text-align: center;
	color: #00846D;
	-webkit-transition: 0.2s ease-out;
	-moz-transition: 0.2s ease-out;
	-o-transition: 0.2s ease-out;
	-ms-transition: 0.2s ease-out;
	position: relative;
	background: linear-gradient(to right, #00846D 50%, #FFFFFF 50%);
	background-size: 200% 100.5%;
	background-position: right bottom;
	transition: all .5s ease-out;
}

.secondary::after {
	content: "";
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url("../images/common/mf_rightarrow_g_01.svg") no-repeat;
	background-size: contain;
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
}

.secondary:hover {
	background-position: left bottom;
	color: #FFFFFF;
}

.secondary:hover::after {
	background: url("../images/common/mf_rightarrow_w_01.svg") no-repeat;
	transition: all .5s ease-out;
}


/* セカンダリーボタン（別ウィンドウ） */
.secondary-blank {
	position: relative;
	padding: 9px 0px;
	background-color: #FFFFFF;
	border: 2px solid #00846D;
	display: block;
	width: 100%;
	line-height: 30px;
	font-weight: bold;
	font-size: 16px;
	text-align: center;
	color: #00846D;
}

.secondary-blank::after {
	content: "";
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url("../images/common/mf_blank.svg") no-repeat;
	background-size: contain;
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
}

/* セカンダリーボタン（ポップアップ） */
.secondary-window {
	position: relative;
	padding: 9px 0px;
	background-color: #FFFFFF;
	border: 2px solid #00846D;
	display: block;
	width: 100%;
	line-height: 30px;
	font-weight: bold;
	font-size: 16px;
	text-align: center;
	color: #00846D;
}

.secondary-window::after {
	content: "";
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url("../images/common/mf_window.svg") no-repeat;
	background-size: contain;
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
}

/* セカンダリーボタン（再生） */
.secondary-movie {
	/* ※画面担当者が実装すること */
	
}

/* セカンダリーボタン（PDF） */
.secondary-pdf {
	position: relative;
	padding: 9px 0;
	background-color: #FFFFFF;
	border: 2px solid #00846D;
	display: block;
	width: 100%;
	line-height: 30px;
	font-weight: bold;
	font-size: 16px;
	text-align: center;
	color: #00846D;
}

.secondary-pdf::after {
	content: "";
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url("../images/common/mf_pdf.svg") no-repeat;
	background-size: contain;
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
}

/* 戻るボタン */
.tertiary-back {
	position: relative;
	padding: 9px 0px;
	margin: 40px 0px;
	border: none;
	display: block;
	width: 100%;
	line-height: 30px;
	font-weight: bold;
	font-size: 16px;
	text-align: center;
	color: #000000;
	-webkit-transition: 0.2s ease-out;
	-moz-transition: 0.2s ease-out;
	-o-transition: 0.2s ease-out;
	-ms-transition: 0.2s ease-out;
	position: relative;
	background: linear-gradient(to right, #DDDDDD 50%, #F5F5F5 50%);
	background-size: 200% 100.5%;
	background-position: right bottom;
	transition: all .5s ease-out;
}

.tertiary-back::after {
	content: "";
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url("../images/common/mf_leftarrow_b_01.svg") no-repeat;
	background-size: contain;
	position: absolute;
	left: 20px;
	top: 50%;
	transform: translateY(-50%);
}

.tertiary-back:hover {
	background-position: left bottom;
}

/* 閉じるボタン */
.tertiary-close {
	position: relative;
	padding: 9px 0px;
	margin: 40px 0px;
	border: none;
	display: block;
	width: 100%;
	line-height: 30px;
	font-weight: bold;
	font-size: 16px;
	text-align: center;
	color: #000000;
	-webkit-transition: 0.2s ease-out;
	-moz-transition: 0.2s ease-out;
	-o-transition: 0.2s ease-out;
	-ms-transition: 0.2s ease-out;
	position: relative;
	background: linear-gradient(to right, #DDDDDD 50%, #F5F5F5 50%);
	background-size: 200% 100.5%;
	background-position: right bottom;
	transition: all .5s ease-out;
}

.tertiary-close:hover {
	background-position: left bottom;
}

/* 閉じるボタン（ヘッダー右上） */
.tertiary-close-small {
	/* ※画面担当者が実装すること */
	
}

/*------ テキストリンク(page.10) ------*/
/* 通常テキストリンク・通常別ウィンドウリンク・通常ポップアップリンク */
.text-link-A, .blank-link-A, .window-link-A {
	font-size: 16px;
	font-weight: bold;
	color: #00846D;
	text-decoration: none;
}

/* 通常テキストリンク（代替）・通常別ウィンドウリンク（代替）・通常ポップアップリンク（代替） */
.text-link-B, .blank-link-B, .window-link-B {
	font-size: 16px;
	font-weight: bold;
	color: #00846D;
	text-decoration: none;
}

/* 関連ページセクション用テキストリンク・関連ページセクション用テキストリンク（別ウィンドウ） */
.text-link-C, .blank-link-C {
	font-size: 16px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
}

/* 注釈内テキストリンク・通常ポップアップリンク（別ウィンドウ） */
.text-link-D, .window-link-D {
	font-size: 16px;
	font-weight: bold;
	color: #00846D;
	text-decoration: none;
}

.text-link-A::after, .text-link-B::after, .text-link-C::after,
	.text-link-D::after {
	content: '  >';
}

.blank-link-A::after, .blank-link-B::after, .blank-link-C::after {
	background: url("../images/common/mf_blank.svg") no-repeat scroll 98% 50%;
}

.window-link-A::after, .window-link-B::after, .window-link-D::after {
	background: url("../images/common/mf_window.svg") no-repeat scroll 98% 50%;
}

/*------ その他リンク・アクション(page.11) ------*/
/* アンカーリンク(不使用：アイコン画像なし) */
.anchor-link {
	font-size: 16px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
}

.anchor-link::before {
	background: url("anchor-link.png") no-repeat scroll 98% 50%;
}

/* もっと見るリンク(不使用：アイコン画像なし) */
.more-link {
	font-size: 16px;
	font-weight: bold;
	color: #00846D;
	text-decoration: none;
}

.more-link::before {
	background: url("more-link.png") no-repeat scroll 98% 50%;
}

/* チェックボックス */
input[type="checkbox"] {
	-webkit-appearance: none;
	appearance: none;
	width: 16px;
	height: 16px;
	border: 1px solid #707070;
	background-color: #FFFFFF;
	position: relative;
	top: -2px;
	margin-right: 10px;
}

input[type="checkbox"]:hover {
	border: 1px solid #00846D;
}

input[type="checkbox"]:checked {
	background-color: #00846D;
	border: 1px solid #00846D;
}

input[type="checkbox"]:checked::after {
	position: absolute;
	content: "";
	top: 1px;
	left: 4px;
	width: 6px;
	height: 9px;
	border-right: 2px solid #FFFFFF;
	border-bottom: 2px solid #FFFFFF;
	-webkit-transform: rotate(45deg);
	border-radius: 20%;
	transform: rotate(45deg);
}

.check-wrap {
	display: flex;
	align-items: baseline;
}
.check-wrap input[type="checkbox"] {
	top: 0;
}
.check-wrap .check-text {
	width: calc(100% - 26px);
}
.text-indent {
	padding-left: 1em;
	text-indent: -1em;
}
.modal__content a {
	color: #0066cc;
	text-decoration: underline;
}