@charset "utf-8";
/*ブラウザのデフォルトスタイルをリセット*/
@import url('https://secure.apap.jp/vc/base/usr/docs/css/html5reset-1.6.1.css');
/* 共通class */
@import url('https://secure.apap.jp/vc/base/usr/docs/css/common.css');
/* Google Fonts読み込み */
@import url('/share/fonts/notosans/css/font.css');
@import url('/share/fonts/m_plus_1p/css/font.css');
/* Icon Fonts読み込み */
@import url('/share/fonts/fontawesome/css/fontawesome_ver4.css');
@import url('/share/fonts/fontawesome/css/fontawesome_ver5.css');
/* 約物半角専用フォント読み込み */
@import url('/share/fonts/yakuhanjp-master/css/yakuhanjp.min.css');
/* スクロールヒント読み込み */
@import url('https://secure.apap.jp/vc/base/usr/docs/css/scroll-hint.css');
/*########################################################################################
|
|基本設定
|
########################################################################################*/
/* CSS変数設定 */
:root {
	--mercari_red: #FF0211;
	--mercari_blue: #4DC9FF;
	--mercari_red_light: #FF7A85;
	--mercari_blue_light: #A7DFFF;
	--mercari_red_tint: #FFF0F1;
	--mercari_blue_tint: #F0FAFF;
	--bg_color: #f6f6f6;
	--text_color: #333;
}
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
/* html5用 */
article,aside,canvas,details,figcaption,figure,
header,footer,main,menu,nav,section,summary {
	display: block;
}
html {
	font-size: 62.5%; /* sets the base font to 10px for eaiser math */
	overflow-x: auto;
}
body {
	background: var(--bg_color);
	color: var(--text_color);
	font-family: YakuHanJP, Arial, "Noto Sans Japanese", Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif !important;
	font-size: 14px;
	font-size: 1.4rem;
	letter-spacing: 0.05em;
	line-height: 1.8;
	overflow-x: hidden;
}
.container {
	width: 100%;
}
p {
	margin-bottom: 1em;
}
br {
	letter-spacing: normal;
}
label {
	cursor: pointer;
}
img {
	vertical-align: bottom;
}
a {
	color: var(--text_color);;
	outline: none;
	text-decoration: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
a img {
	transition: all .2s;
}
a:hover {
	text-decoration: underline;
}
a:hover img {
	opacity: 0.6;
}
#main a {
	text-decoration: underline;
}
#main a:hover {
	text-decoration: none;
}
h1,h2,h3,h4 {
	line-height: 1.4;
}
/*----------------------------
input  textarea  select
----------------------------------------------------------*/
input[type="text"],
input[type="number"],
input[type="email"],
input[type="tel"],
input[type="password"],
input[type="search"],/* inputで指定すると、radio、checkboxも変更されてしまうためtypeで指定 */
textarea,
select {
	-webkit-appearance: none;/* iPad用のデザイン初期化　selectの▼非表示 */
	-moz-appearance: none;
	appearance: none;
	-webkit-tap-highlight-color : rgba(0,0,0,0);
	border: 1px solid var(--text_color);
	border-radius: 4px;
	font-family: inherit;
	font-size: inherit;
	margin-top: .3em;
	margin-bottom: .3em;
	outline: none;
	padding: 4px 8px;
}
input[type=text] ,
input[type=id] , 
input[type=password] ,
select {
	height: 40px;
	padding: 0 8px;
}
/* input */
input:-webkit-autofill { /* オートフィルでの背景色を上書き フォーカスが外れた時のため */
	-webkit-box-shadow: 0 0 0 1000px white inset;
}
/* input type="number" */
input[type="number"]::-webkit-inner-spin-button { /* スピンボタン非表示 */
	-webkit-appearance: none;
	margin: 0;
}
input[type="number"] { /* スピンボタン非表示 */
	-moz-appearance: textfield;
}
/* input type="radio" */
input[type="radio"] {
	display: none;
}
input[type="radio"]:checked + label::before,
label.radio_checked::before {
	opacity: 1;
}
input[type="radio"]:checked + label::after,
label.radio_checked::after {
	opacity: 1;
}
/* input type="checkbox" */
input[type="checkbox"] {
	display: none;
}
input[type="checkbox"]:checked + label::before,
label.radio_checked::before {
	opacity: 1;
}
input[type="checkbox"]:checked + label::after,
label.radio_checked::after {
	opacity: 1;
}
/*########################################################################################
|
|ヘッダー
|header
|
########################################################################################*/
#gray_panel {
	background: #000;
	display: none;
	opacity: 0.6;
	position: fixed;
		top: 0;
		left: 0;
	width: 100%;
	height: 99999px;
	z-index: 9997;
}
#hd_bg,
#header_s {
	background: #fff;
	padding-bottom: 24px;
}
header {
	max-width: 950px;
	margin: 0 auto;
}
@media screen and (max-width:950px) {
	header {
	margin: 0 16px;
	}
}
/*-----------------------------------------------------------------------------
｜
｜■┓上部左ロゴ
｜┗┛
-----------------------------------------------------------------------------*/
h1 {
	/*background: url(../images/logo.svg) no-repeat left center;*/
	background-size: 25px 25px;
	font-size: 20px;
	font-size: 2.0rem;
	font-family: "Noto Sans Japanese";
	font-weight: bold;
	letter-spacing: 0.05em;
	line-height: 1;
	/*padding-left: 40px;*/
}
h1 .kenpo_tit {
	font-family: "Noto Sans Japanese";
}
.kenpo_en {
	color: var(--mercari_red);
	display: inline-block;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: normal;
	letter-spacing: 0.03em;
	margin-top: 8px;
}
.hd_top {
	display: flex;
		justify-content: space-between;
	padding: 24px 0;
}
.hd_top a {
	color: var(--text_color);;
	margin-right: auto;
}
.hd_top a:hover {
	text-decoration: none;
}
/*-----------------------------------------------------------------------------
｜
｜■┓上部右ナビゲーション
｜┗┛
-----------------------------------------------------------------------------*/
.hd_nav ul {
	display: flex;
		align-items: center;
		flex-wrap: wrap;
		justify-content: flex-end;
	margin-bottom: 8px;
}
.hd_nav > ul > li.con_mail > a {
	background-image: url(../images/icon_mail.svg);
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 18px 12px;
	font-weight: bold;
	margin-right: 24px;
	padding: 2px 0 2px 24px;
}
.hd_nav > ul > li.con_chglang > a {
	background-image: url(../images/icon_chglang.svg);
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 22px 20px;
	font-weight: bold;
	padding: 2px 5px 2px 28px;
}
/*-----------------------------------------------------------------------------
｜
｜■┓検索ボックス
｜┗┛
-----------------------------------------------------------------------------*/
.search_box {
	margin-left: 24px;
}
.search_bar_fh {
	display: flex;
		align-items: center;
		justify-content: flex-end;
}
.search_bar_fh > div > input {
	border: 1px solid var(--mercari_red_light);
	border-radius: 4px 0 0 4px;
	background: #fff;
	box-shadow: none;
	overflow: hidden;
	-webkit-appearance: none;
	width: 200px;
	height: 32px;
}
.search_bar_fh > div > a {
	background-color: var(--mercari_red);
	border-radius: 0 4px 4px 0;
	color: #fff;
	display: block;
	font-weight: normal;
	padding: 4px 2px 2px;
	text-align: center;
	width: 72px;
	height: 32px;
}
.search_bar_fh > div > a:hover {
	text-decoration: none;
	opacity: .6;
}
.search_bar_fh > div > a > i {
	margin-right: 2px;
}
/*-----------------------------------------------------------------------------
｜
｜■┓グローバルナビゲーション
｜┗┛
-----------------------------------------------------------------------------*/
.gnavi {
	display: flex;
		justify-content: center;
	margin: 40px auto 0;
}
.gnavi li {
	border-right: 1px dotted var(--mercari_red);
	width: 25%;
	height: auto;
}
.gnavi li:first-child{
	border-left: 1px dotted var(--mercari_red);
}
.gnavi li a {
	display: flex;
		align-items: center;
		justify-content: center;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	letter-spacing: 0.06em;
	padding: 12px 8px;
	height: 100%;
}
.gnavi li a::before {
	background-position: left center;
	background-repeat: no-repeat;
	content: "";
	display: inline-block;
	margin-right: 8px;
	-webkit-transition: -webkit-transform .8s ease-in-out;
	transition: transform 0.8s ease-in-out;
}
.gnavi li a:hover {
	text-decoration: none;
}
.gnavi li a:hover::before {
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
}
.gnavi li a.guide::before {
	background-image: url(../images/guide.svg);
	width: 32px;
	height: 32px;
}
.gnavi li a.situation::before {
	background-image: url(../images/situation.svg);
	width: 25px;
	height: 24px;
}
.gnavi li a.application::before {
	background-image: url(../images/application.svg);
	width: 19px;
	height: 26px;
}
.gnavi li a.health::before {
	background-image: url(../images/health.svg);
	background-size: 23px 22px;
	width: 23px;
	height: 22px;
}
.gnavi li a.faq::before {
	background-image: url(../images/faq.svg);
	width: 31px;
	height: 26px;
}
/*-----------------------------------------------------------------------------
｜
｜■┓パンくずリスト
｜┗┛
-----------------------------------------------------------------------------*/
#breadcrumbs {
	line-height: 1;
	max-width: 950px;
	margin: 0 auto;
	padding-top: 40px;
}
@media screen and (max-width:950px) {
	#breadcrumbs {
		margin: 0 16px;
	}
}
#breadcrumbs ul {
	display: flex;
		flex-wrap: wrap;
	font-size: 11px;
	font-size: 1.1rem;
	gap: .75em 1em;
}
#breadcrumbs ul li {
	padding-right: 1em;
	position: relative;
}
#breadcrumbs li::after {
	content: "\f105";
	font-family: FontAwesome;
	font-size: 11px;
	font-size: 1.1rem;
	position: absolute;
		top: -1px;
		right: 0;
}
#breadcrumbs li:first-child {
	padding-left: 0;
}
#breadcrumbs li:not(:last-child) a {
	/*color: var(--mercari_red);*/
}
#breadcrumbs li:last-child::after {
	content: "";
}
#breadcrumbs ul li:last-child a {
	text-decoration: none;
}
#breadcrumbs ul li:last-child a:hover {
	cursor: default;
}
/*########################################################################################
|
|トップ用モーダルバナー
|.popup_base_wrap内
|(https://service.valuehr.com/vc/base/usr/docs/css/popup_base.cssの上書き用)
|
########################################################################################*/
.popup_base_wrap {
	background: rgba(0, 0, 0, 0.7);
}
.popup_base_wrap .popup_base_box {
	background-color: #fff;
	border-radius: 8px;
	box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.3);
	height: auto;
	max-height: calc(100% - 20px);
}
.popup_base_wrap .popup_base_box .popup_base_contents {
	overflow: auto;
	padding: 40px;
	position: relative;
	height: 100%;
	z-index: 1;
}
/*----------------------------
タイトル
----------------------------------------------------------*/
.popup_title {
	font-size: 30px;
	font-size: 3.0rem;
	font-weight: bold;
	line-height: 1.2;
	margin-bottom: 32px;
	text-align: center;
}
.subttl {
	background: linear-gradient(transparent 40%, #ffff66 40%);
	display: inline;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.2;
}
/*----------------------------
「今後はこの画面を表示しない」ボタン
----------------------------------------------------------*/
.modal_bnr_cb_area {
	margin-top: 24px;
	text-align: center;
}
/*########################################################################################
|
|トップページ（#main_top）、
|セカンダリページ（main#main）共通
|
########################################################################################*/
.contents_wrap {
	position: relative;
}
.contents_wrap::before {
	background-image: url("../images/bg_wave.svg");
	background-position: left bottom;
	background-repeat: repeat-x;
	background-size: contain;
	content: "";
	display: block;
	position: absolute;
		top: -14px;
		right: 0;
		left: 0;
	height: 14px;
}
.contents {
	display: flex;
		flex-wrap: wrap;
	max-width: 950px;
	margin: 0 auto;
	padding: 56px 0 24px;
}
@media screen and (max-width:950px) {
	.contents {
	margin: 0 16px;
	}
}
.bg_grn {
	background-color: var(--mercari_red_tint) !important;
}

/*----------------------------
ボタン  button
----------------------------------------------------------*/
.btn {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	transition: all .3s;
	-webkit-transition: all .3s;
	display: block;
}
.btn:hover {
	opacity: .6;
	text-decoration: none;
}

/*----------------------------
閉じるボタン
----------------------------------------------------------*/
#main .btn_close {
	width: 100%;
}
#main .btn_close a {
	background-color: #fff;
	border: 1px solid var(--mercari_red);
	border-radius: 24px;
	display: block;
	margin: 3em auto;
	padding: 10px;
	text-align: center;
	text-decoration: none;
	width: 160px;
	height: 48px;
}
#main .btn_close a::before {
	content: "\f057";
	display: inline-block;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	margin-right: 5px;
}
/*----------------------------
一瞬小さくなるボタン
----------------------------------------------------------*/
.btn_push {
	display: inline-block;
	vertical-align: middle;
	transform: perspective(1px) translateZ(0);
	-moz-transform: perspective(0px) translateZ(0px);/* FFのみ文字にジャギーがでるため */
	box-shadow: 0 0 1px transparent;
}
.btn_push:hover, .btn_push:focus, .btn_push:active {
	animation-name: btn_push;
	animation-duration: 0.3s;
	animation-timing-function: linear;
	animation-iteration-count: 1;
}
@-webkit-keyframes btn_push {
	50% {
		transform: scale(0.95);
	}
	100% {
		transform: scale(1);
	}
}
@keyframes btn_push {
	50% {
		transform: scale(0.95);
	}
	100% {
		transform: scale(1);
	}
}
/*########################################################################################
|
|トップページ
|#main_top
|
########################################################################################*/
/*-----------------------------------------------------------------------------
｜
｜■┓MVスライダー部分
｜┗┛.bxslider
｜
-----------------------------------------------------------------------------*/
.bxslider_bg {
	background:#fff;
	padding-bottom: 60px;
}
.bxslider_wrap {
	margin: 0 auto;
	position: relative;
	width: 100%;
	max-width: 950px;
}
.bx-wrapper .bx-pager {
	color: var(--mercari_red);
	text-align: center;
}
.bx-wrapper {
	margin-bottom: 0 !important;
}
.bx-wrapper .bx-pager.bx-default-pager a {
	border: 1px solid var(--mercari_red);
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {/*jquery.bxslider.cssを上書き*/
	background: var(--mercari_red);
}
.bx-wrapper .bx-viewport {
	border-width: 0 !important;
	box-shadow: none;
		left: 0;
	overflow: visible !important;
}
.bx-viewport::before,
.bx-viewport::after {
	background-color: rgba(255, 255, 255, 0.5);
	content: "";
	position: absolute;
		top: 0;
		bottom: 0;
		left: -100%;
	z-index: 1000;
}
.bx-viewport::before {
		left: -100%;
		right: 100%;
}
.bx-viewport::after {
		left: 100%;
		right: -100%;
}
ul.bxslider li a::before,
ul.bxslider li a::after {
	background-image: url(../images/bg_wave_w.svg);
	background-position: left bottom;
	background-repeat: repeat-x;
	background-size: contain;
	content: "";
	display: inline-block;
	position: absolute;
		left: 0;
	width: 950px;
	max-width: 100%;
	height: 14px;
}
ul.bxslider li a::before {
	transform: scale(1,-1);
		top: 0;
	z-index: 2;
}
@media all and (-ms-high-contrast: none) {
	ul.bxslider li a::before {
			top: -1px; /* IE10以上 画像の隙間対策 */
	}
}
ul.bxslider li a::after {
		bottom: 0;
}
/* ADDITIONSAL SLIDE NAVI */
.btn_wrap {
	min-width: 950px;
}
.next-btn {
	position: absolute;
		top: calc(50% - 28px);
		right:0;
	width: 28px;
	height: 56px;
}
.prev-btn {
	position: absolute;
		top: calc(50% - 28px);
		left: 0;
	width: 28px;
	height: 56px;
}
.bx-prev,
.bx-next {
	display: block;
	position: absolute;
		top:0;
	width: 100%;
	height: 100%;
	z-index: 100;
}
.next-btn img,
.prev-btn img {
	opacity: 0.9;
	width: 28px;
	height: 56px;
}
/*-----------------------------------------------------------------------------
｜
｜■┓メインナビゲーション
｜┗┛.main_nav
｜
-----------------------------------------------------------------------------*/
.main_nav {
	background: #fff;
	padding-bottom: 40px;
	text-align: center;
}
.main_nav ul {
	display: grid;
	gap: 8px;
	/*
	grid-template-columns: repeat(auto-fit, minmax(124px, 1fr));
	*/
	grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
	margin: 0 auto 32px;
	max-width: 950px;
}
@media screen and (max-width:950px) {
	.main_nav ul {
	margin: 0 16px;
	}
	.main_nav ul + .sub_bnr {
		margin-top: 32px;
	}
}
.main_nav ul li a {
	background-color: #fff;
	background-repeat: no-repeat;
	border-radius: 4px;
	box-shadow: 0 0 5px #dbd3c9;
	display: grid;
		align-content: center;
		gap: 10px;
	padding: 8px 2px;
	position: relative;
	text-decoration: none;
	-webkit-transition: all .3s;
	transition: all .3s;
	width: 100%;
	height: 112px; /* 文言が3行になる場合はheight: 120px;に変更 */
}
.main_nav ul li a:hover {
	background-color: var(--mercari_red_tint);
	box-shadow: 0 0 5px #efa6a6;
	text-decoration: none;
}
.main_nav ul li a img { 
	width: 48px;
}
.main_nav ul li a img.sheal { /* メタボ対策Web支援システム・アイコン調整 */
	height: 48px;
}
.main_nav ul li a img.vc { /* カフェテリアプラン・アイコン調整 */
	height: 40px;
}
.main_nav ul li a .mnav_ttl {
	/*color: var(--mercari_red);*/
	font-weight: bold;
	line-height: 1.2;
}
/*----------------------------
クローズ期間のボタン
----------------------------------------------------------*/
.main_nav ul li a.btn_close {
	box-shadow: 0 0 5px #ddd;
}
.main_nav ul li a.btn_close::before {
	background-color: rgba(0,0,0,0.1);
	border-radius: 4px;
	content: ' ';
	position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
}
.main_nav ul li a.btn_close:hover {
	animation-name: none;
	background-color: transparent;
	cursor: default;
}
.main_nav ul li a.btn_close .mnav_ttl {
	color: #999;
}
/*----------------------------
吹き出し
----------------------------------------------------------*/
.fukidashi {
	animation: 0.5s jump infinite alternate linear;
	background: #f99214;
	border-radius: 4px;
	color: #fff;
	display: inline-block;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: bold;
	margin-top: 8px;
	padding: 2px 8px;
	position: relative;
	text-align: center;
}
.fukidashi::before {
	border: 6px solid transparent;
	border-bottom-color: #f99214;
	content: "";
	position: absolute;
		top: -12px;
		left: calc(50% - 6px);
}
@keyframes jump {
	to { transform: translateY(0); }
	from { transform: translateY(4px); }
}
/*-----------------------------------------------------------------------------
｜
｜■┓トップページ共通
｜┗┛
-----------------------------------------------------------------------------*/
#main_top .left_contents {
	margin-right: 32px;
	width: calc(100% - 272px);
}
#main_top .right_contents {
	width: 240px;
}
#main_top h2 {
	font-family: "M PLUS 1p";
	transform: rotate(0.03deg); 
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: 500;
	letter-spacing: 0.06em;
	margin-bottom: 16px;
	text-align: left;
}
/*----------------------------
マインドスポーツバナー 
----------------------------------------------------------*/
#main_top .bnr_mindsports {
	border: 1px solid #3c3147;
	display: inline-block;/* 波線デザインの場合は inline-block それ以外は block */
}
#main_top .bnr_mindsports img {
	max-width: 100%;
}
@media screen and (max-width: 950px) {
	#main_top .bnr_mindsports {
		margin: 0 auto;
		width: calc(100% - 32px);
	}
}
/*-----------------------------------------------------------------------------
｜
｜■┓健保からのお知らせ
｜┗┛
-----------------------------------------------------------------------------*/
article.news {
	margin: 0 auto 80px;
	position: relative;
}
article.news .info {
	border-top: 1px dotted var(--mercari_blue);
	width: 100%;
}
article.news .info dl {
	display: flex;
		flex-wrap: wrap;
	width: 100%;
}
article.news .info dl dt,
article.news .info dl dd {
	border-bottom: 1px dotted var(--mercari_blue);
}
article.news .info dl dt {
	font-size: 12px;
	font-size: 1.2rem;
	padding: 18px 0;
	width: 18%;
}
article.news .info dl dd {
	padding: 16px 0;
	width: 82%;
}
article.news .info dl dd .new {
	background: var(--mercari_red);
	border-radius: 8px;
	color: #fff;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight :bold;
	padding: 2px 6px;
	margin-right: 8px;
}
article.news .info .look {
	position: absolute;
		top: 0;
		right: 0;
}
article.news .info .look a {
	background-color: var(--mercari_blue);
	background-image: radial-gradient(circle, var(--mercari_blue_light) 0.5px, transparent 0.5px);
	background-position: 0 0;
	background-size: 3px 3px;
	border-radius: 4px;
	color: #fff;
	display: block;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: bold;
	padding: 2px 20px 2px 12px;
	position: relative;
	text-align: center;
}
article.news .info .look a::after {
	background-image: url("../images/arrow_white.svg");
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
	display: inline-block;
	position: absolute;
		top: calc(50% - 5px);
		right: 12px;
	width: 5px;
	height: 9px;
}
article.news ul {
	width: 25%;
}
/*-----------------------------------------------------------------------------
｜
｜■┓こんな時どうする？
｜┗┛
-----------------------------------------------------------------------------*/
article.solution ul {
	display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
}
article.solution ul li {
	margin-bottom: 16px;
	width: calc(50% - 8px);
	height: 80px;
}
article.solution ul li a {
	background-color: #fff;
	border-radius: 4px;
	color: var(--text_color);;
	display: flex;
		align-items: center;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 1.3;
	padding: 16px;
	position: relative;
	width: 100%;
	height: 100%;
}
article.solution ul li a.situation_06 {
	letter-spacing: -.01em;
}
article.solution ul li a::before {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
	display: inline-block;
	margin-right: 4px;
	width: 60px;
}
article.solution ul li a.situation_02::before {
	background-image: url("../images/icon_01.svg");/* 医療費が高額になったとき */
	height: 42px;
}
article.solution ul li a.situation_04::before {
	background-image: url("../images/icon_02.svg");/* 立て替え払いをしたとき */
	height: 37px;
}
article.solution ul li a.situation_10::before {
	background-image: url("../images/icon_03.svg");/* 結婚したとき */
	height: 46px;
}
article.solution ul li a.situation_11::before {
	background-image: url("../images/icon_04.svg");/* 出産したとき */
	height: 43px;
}
article.solution ul li a.situation_12::before {
	background-image: url("../images/icon_05.svg");/* 新たに家族が増えたとき */
	height: 43px;
}
article.solution ul li a.situation_15::before {
	background-image: url("../images/icon_06.svg");/* 保険証を紛失したとき */
	height: 35px;
}
article.solution ul li a.guide_05::before {
	background-image: url("../images/icon_07.svg");/* 保険給付一覧 */
	height: 41px;
}
article.solution ul li a.situation_06::before {
	background-image: url("../images/icon_08.svg");/* 病気やケガで会社を休んだとき */
	height: 42px;
}
article.solution ul li a.situation_13::before {
	background-image: url("../images/icon_09.svg");/* 亡くなったとき */
	height: 38px;
}
article.solution ul li a.situation_14::before {
	background-image: url("../images/icon_10.svg");/* 退職したとき */
	height: 42px;
}
article.solution ul li a::after {
	content: url("../images/arrow_blue.svg");
	margin-left: 8px;
	position: absolute;
		top: calc(50% - 8px);
		right: 16px;
	width: 8px;
	height: 16px;
}
article.solution ul li a:hover {
	background: var(--mercari_blue);
	box-shadow: 0 0 5px #dbd3c9;
	color: #fff;
	opacity: 1.0;
}
article.solution ul li a:hover::after {
	content: url("../images/arrow_white.svg");
}
article.solution ul li a.situation_02:hover::before {
	background-image: url("../images/icon_01_w.svg");/* 医療費が高額になったとき */
}
article.solution ul li a.situation_04:hover::before {
	background-image: url("../images/icon_02_w.svg");/* 立て替え払いをしたとき */
}
article.solution ul li a.situation_10:hover::before {
	background-image: url("../images/icon_03_w.svg");/* 結婚したとき */
}
article.solution ul li a.situation_11:hover::before {
	background-image: url("../images/icon_04_w.svg");/* 出産したとき */
}
article.solution ul li a.situation_12:hover::before {
	background-image: url("../images/icon_05_w.svg");/* 新たに家族が増えたとき */
}
article.solution ul li a.situation_15:hover::before {
	background-image: url("../images/icon_06_w.svg");/* 保険証を紛失したとき */
}
article.solution ul li a.guide_05:hover::before {
	background-image: url("../images/icon_07_w.svg");/* 保険給付一覧 */
}
article.solution ul li a.situation_06:hover::before {
	background-image: url("../images/icon_08_w.svg");/* 病気やケガで会社を休んだとき */
}
article.solution ul li a.situation_13:hover::before {
	background-image: url("../images/icon_09_w.svg");/* 亡くなったとき */
}
article.solution ul li a.situation_14:hover::before {
	background-image: url("../images/icon_10_w.svg");/* 退職したとき */
}
/*-----------------------------------------------------------------------------
｜
｜■┓ピックアップコンテンツ
｜┗┛
-----------------------------------------------------------------------------*/
.pickup {
	margin-bottom: 48px;
}
.pickup li:not(:last-of-type) {
	margin-bottom: 16px;
}
.pickup li a {
	background: #fff;
	border: 1px solid var(--mercari_blue);
	border-radius: 8px;
	letter-spacing: 0.06em;
	padding: 16px 32px 16px 16px;
	position: relative;
	width: 100%;
}
.pickup li a .pickup_ttl {
	font-weight: bold;
}
.pickup li a .pickup_txt {
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.5;
}
.pickup li a::after {
	content: url("../images/arrow_blue.svg");
	margin-left: 8px;
	position: absolute;
		top: calc(50% - 10px);
		right: 16px;
	width: 7px;
	height: 14px;
}
.pickup li a .icn_lock::before {
	content: "\f023";
	display: inline-block;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	margin-right: 5px;
}
/*-----------------------------------------------------------------------------
｜
｜■┓お役立ちコンテンツ
｜┗┛
-----------------------------------------------------------------------------*/
.useful_info {
	background: var(--mercari_blue_light);
	margin-bottom: 48px;
	padding: 20px 16px 24px;
}
.useful_info .useful_info_ttl {
	background-image: url("../images/fukidashi.png");
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	font-family: "M PLUS 1p";
	transform: rotate(0.03deg);
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 500;
	letter-spacing: 0.06em;
	margin-bottom: 12px;
	padding-top: 4px;
	text-align: center;
	width: auto;
	height: 48px;
}
.useful_info ul {
	display: flex;
		align-items: center;
		flex-direction: column;
}
.useful_info ul li {
	position: relative;
	overflow:hidden;
	width: 210px;
	height: 72px;
}
.useful_info ul li:not(:last-of-type) {
	margin-bottom: 16px;
}
.useful_info ul li a {
	display: block;
}
.useful_info ul li a:hover {
	transform:scale(1.2,1.2);
	transition:1s all;
	opacity: 1;
}
.useful_info ul li a:hover img {
	opacity: 1;
}
.useful_info ul li a .pickup_ttl {
	color: #fff;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	position: absolute;
		top: 50%;
		left: 50%;
		-ms-transform: translate(-50%,-50%);
		-webkit-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
	text-align: center;
	width: 100%;
}
.useful_info ul li a.pick_dh .pickup_ttl {
	letter-spacing: -.03em;
}
/*-----------------------------------------------------------------------------
｜
｜■┓外部リンク
｜┗┛
-----------------------------------------------------------------------------*/
.links {
	margin-bottom: 40px;
}
.links ul li a {
	background-color: #fff;
	border: 1px solid var(--mercari_blue);
	border-radius: 8px;
	display: flex;
		align-items: center;
		justify-content: center;
	width: 100%;
	height: 56px;
}
.links ul li a.bdnone {
	background-color: transparent;
	border: none;
}
.links ul li:not(:last-of-type) {
	margin-bottom: 16px;
}
/*########################################################################################
｜
｜セカンダリページ 目次
｜main#main
｜
########################################################################################*/
.outline_2column,
.outline_3column {
	display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
}
.outline_2column::before,
.outline_3column::before {
	content:"";
	display:block;
	order: 1;
	width: calc(100% / 3 - 13px);
}
#main .outline_2column a,
#main .outline_3column a {
	background-color: #fff;
	border-radius: 8px;
	border: 1px dotted var(--mercari_red);
	margin: 0 0 24px 0;
	padding: 24px 16px;
	text-decoration: none;
}
#main .outline_3column a {
	width: calc(100% / 3 - 13px);
}
#main .outline_2column a {
	width: calc(50% - 13px);
}
#main .outline_2column a:hover,
#main .outline_3column a:hover {
	background-color: var(--mercari_red_tint);
	-webkit-transition: -webkit-transform .3s ease-in-out;
	transition: transform .3s ease-in-out;
}
#main .out_ttl {
	font-family: "M PLUS 1p";
	transform: rotate(0.03deg); 
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: 500;
	line-height: 1.4;
	padding-right: 16px;
	position: relative;
	width: 100%;
}
#main .out_ttl::after {
	content: url("../images/arrow_red.svg");
	margin-left: 8px;
	position: absolute;
		top: calc(50% - 10px);
		right: 4px;
	width: 8px;
	height: 16px;
}
#main .out_ttl span {
	font-size: 14px;
	font-size: 1.4rem;
}
#main .out_txt {
	margin-top: 8px;
}
/* タイトル以外の要素がない時 */
#main .outline_3column a:not(:has(.out_txt)) {/* タイトル以外の要素がない時 */
	display: flex;
		align-items: center;
}

#main .outline_3column a:not(:has(.out_txt)) .out_ttl::after {/* タイトル以外の要素がない時 */
	top: calc(50% - 11px);
}
/*----------------------------
クローズ期間中(グレー)ボタン
----------------------------------------------------------*/
#main .outline_3column .pre_btn {
	background-color: rgba(0,0,0,0.1);
	background-color: #edeff0;
	border: 1px dotted #bbb;
	border-radius: 8px;
	color: #999;
	margin: 0 0 24px 0;
	padding: 24px 16px;
	text-decoration: none;
	width: calc(33% - 13px);
}
#main .outline_3column .pre_btn .out_ttl {
	color: #999;
}
#main .pre_btn .out_ttl::after {
	content:"";
}
/*-----------------------------------------------------------------------------
｜
｜■┓病気やけがをしたとき
｜┗┛.sick
｜
-----------------------------------------------------------------------------*/
#main .sick {
	border: 1px dotted var(--mercari_red);
	margin: 0 0 24px 0;
	margin-bottom: 40px;
	padding: 32px 24px 8px;
	position: relative;
	width: 100%;
}
#main .sick_ttl {
	background: var(--bg_color);
	color: var(--mercari_red);
	font-family: "M PLUS 1p";
	transform: rotate(0.03deg); 
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 500;
	line-height: 1.4;
	margin: 16px 0 32px;
	padding: 0 16px;
	position: absolute;
		top: -28px;
		left: calc(50% - 100px);
	text-align: center;
}
#main .sick .outline_2column a {
	display: flex;
		align-items: center;
}
/*########################################################################################
｜
｜セカンダリページ 通常版
｜main#main
｜
########################################################################################*/
/*強調*/
em {
	color: var(--mercari_red);
}
#main {
	padding-top: 14px;
}
.width800 {
	width: 800px;
	max-width: 100%;
}
/*段落などの下のスペース*/
.mb64px {
	margin-bottom: 64px !important;
}
/*-----------------------------------------------------------------------------
｜
｜■┓ページタイトル
｜┗┛
-----------------------------------------------------------------------------*/
#main .ttl_wrap {
	margin-bottom: 48px;
	text-align: center;
	width: 100%;
}
#main .ttl_en {
	color: var(--mercari_red);
	font-size: 10px;
	font-size: 1.0rem;
	letter-spacing: .2em;
	margin-bottom: 16px;
}
#main .ttl_wrap .ttl_category {
/*	color: var(--mercari_red);*/
	font-family: "M PLUS 1p";
	transform: rotate(0.03deg); 
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: 500;
	margin-bottom: 4px;
	text-align: center;
}
#main .ttl_wrap .ttl_category:before {
	display: block;
	margin: 0 auto;
}
#main h2 {
	font-family: "M PLUS 1p";
	transform: rotate(0.03deg); 
	font-weight: 500;
	font-size: 26px;
	font-size: 2.6rem;
}
#main h2::before {
	display: block;
	margin: 0 auto 8px;
}
#main h2.guide::before {
	content: url(../images/guide.svg);
	width: 40px;
	height: 40px;
}
#main h2.situation::before {
	content: url(../images/situation.svg);
	width: 34px;
	height: 34px;
}
#main h2.application::before {
	content: url(../images/application.svg);
	width: 26px;
	height: 36px;
}
#main h2.health::before {
	content: url(../images/health.svg);
	width: 32px;
	height: 32px;
}
#main h2.faq::before {
	content: url(../images/faq.svg);
	width: 40px;
	height: 40px;
}
#main h2 > span {
	font-size: 22px;
	font-size: 2.2rem;
}
#main .ttl_wrap .ttl_category + h2 {
	margin-bottom: 16px;
}
#main .ttl_wrap .read {
	max-width: 600px;
	margin: 0 auto;
	text-align: left;
}
#main h3 {
	font-family: "M PLUS 1p";
	transform: rotate(0.03deg); 
	font-size: 22px;
	font-size: 2.2rem;
	font-weight: 500;
	margin: 0 auto 16px;
	padding-left: 1.5em;
	position: relative;
}
#main h3::before {
	background-image: url(../images/h3_icn.svg);
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
	display: inline-block;
	margin-right: 8px;
	position: absolute;
		top: 2px;
		left: 0;
	width: 25px;
	height: 24px;
}
#main .ctg_guide::before {
	content: url(../images/guide.svg);
	width: 20px;
	height: 20px;
}
#main .ctg_situation::before {
	content: url(../images/situation.svg);
	padding-bottom: 2px;
	width: 18px;
	height: 18px;
}
#main .ctg_health::before {
	content: url(../images/health.svg);
	width: 16px;
	height: 16px;
}
/*-----------------------------------------------------------------------------
｜
｜■┓ページ本文
｜┗┛
-----------------------------------------------------------------------------*/
#main .wrap_content_section {
	width: 100%;
}
#main .content_section {
	margin: 0 auto;
	padding-bottom: 48px;
}
#main .wrap_content_section .content_section:nth-of-type(1) {
	padding-top: 0;
}
/*----------------------------
背景白角丸
----------------------------------------------------------*/
#main .wrap_content_section_w {
	width: 100%;
	background-color: #fff;
	border-radius: 24px;
}
#main .wrap_content_section_w:not(:last-of-type) {
	margin-bottom: 64px;
}
#main .content_section_w {
	margin: 0 auto;
	padding: 64px 24px;
	max-width: 800px;
}
#main h4 {
	display: inline-block;
	font-family: "M PLUS 1p";
	transform: rotate(0.03deg); 
	font-size: 20px;
	font-size: 2.0rem;
	font-weight: 500;
	margin-bottom: 8px;
	padding-left: 1.2em;
	position: relative;
}
#main h4::before {
	color: var(--mercari_red);
	content: "\f141";
	font-family: "Font Awesome 5 Free";
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: 900;
	margin-right: 8px;
	position: absolute;
		top: 2px;
		left: 0;
}
#main .point {
	background-color: var(--bg_color);
	border-radius: 24px;
	margin: 32px 0 64px;
	padding: 40px 48px;
	position: relative;
}
#main h3 + .point {
	margin: 16px 0 64px;
}
#main h4 + .point {
	margin: 8px 0 64px;
}
#main .point > ul + .kome,
#main .point > ol + .kome {
	margin-top: 1em;
}
#main .point_ttl {
	font-family: "M PLUS 1p";
	transform: rotate(0.03deg);
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: 500;
	line-height: 1.4;
	margin-bottom: 16px;
	padding-left: 20px;
	position: relative;
}
#main .point_ttl::before {
	color: var(--mercari_red);
	content: "\f111";
	font-family: "Font Awesome 5 Free";
	font-size: 14px;
	font-weight: 900;
	display: inline-block;
	position: absolute;
		top: 4px;
		left: 0;
}
/*
#main ul li:nth-of-type(even) .point_ttl::before {
	color: var(--mercari_red_light);
}
*/
#main .point_ttl:nth-of-type(even)::before {
	color: var(--mercari_red);
}
#main .point_ttl.icn_orange::before {
	color: var(--mercari_red);
}
#main .point > ul > li {
	background-color: #fff;
	border-left: solid 42px var(--mercari_red);
	border-radius: 8px;
	font-weight: bold;
	padding: 12px 16px;
	position: relative;
}
#main .point > ul > li:not(:last-of-type) {
	margin: 0 0 16px;
}
#main .point > ul > li::before {
	color: #fff;
	content: "\f00c";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	position: absolute;
		top: calc(50% - 14px);
		left: -27px;
}
#main .point .kome {
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: normal;
}
#main ul.point02 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 32px;
}
#main ul.point02 > li {
	display: flex;
	flex-direction: column;
	margin-bottom: 32px;
	width: 48%;
}
#main ul.point02.point02_center > li {
	align-items: center;
}
#main ul.point02 > li .point_ttl {
	display: inline-block;
	margin-bottom: 8px;
}
#main ul.point02 > li .point_txt {
	border: 1px solid var(--mercari_red);
	border-radius: 8px;
	padding: 24px;
	height: 100%;
}
#main ul.point02 > li .point_circle {
	background: #ffd7c5;
	border-radius: 40% 60% 50% 45%/60% 50% 65% 55%;
	position: relative;
	width: 180px;
	height: 180px;
}
#main ul.point02 > li .point_circle > span {
	background: rgba(255,170,170,0.3);
	border-radius: 50% 54% 50% 52%/53% 50% 53% 48%;
	position: absolute;
		top: 52%;
		right: -4px;
	transform: translateY(-50%);
	width: 180px;
	height: 180px;
}
#main ul.point02 > li .point_circle > span > span {
	background: #fff;
	border-radius: 70% 55% 50% 50%/50% 50% 60% 55%;
	position: absolute;
		top: 50%;
		left: 8px;
	transform: translateY(-50%);
	width: 155px;
	height: 155px;
}
#main ul.point02 > li .point_circle > span > span > span {
	color: var(--mercari_red);
	font-family: "M PLUS 1p";
	font-size: 22px;
	font-size: 2.2rem;
	font-weight: 500;
	line-height: 1.2;
	position: absolute;
		top: 50%;
		left: 0;
		right: 0;
	text-align: center;
	transform: rotate(0.03deg) translateY(-50%);
}
#main ul.point02 > li .left_text{
	text-align: left;
}
.point_photo {
	text-align: center;
}
.side_photo {
	display: flex;
}
.photo_right {
	margin-left: 30px;
}
.externallink {
	background: url(../images/icon_externallink.svg) no-repeat;
	background-position : right 5px top;
	background-size: contain;
	padding-right: 25px;
}
/*----------------------------
テーブル
----------------------------------------------------------*/
.tbl_scroll {
	overflow-x: auto;
	width: 100%;
}
table {
	width: 100%;
}
th, td {
	border: 1px solid var(--mercari_red_light);
	text-align: left;
	vertical-align: middle;
}
th {
	font-weight: bold;
}
thead th {
	background-color: var(--mercari_red);
	color: #fff;
	font-size:14px;
	font-size: 1.4rem;
	padding: 12px;
	text-align: center;
}
tbody th {
	background-color: var(--mercari_red_tint);
	padding-left: 15px;
}
tbody th,
tbody td {
	padding: 16px;
}
tbody td {
	background: #fff;
}
tbody th.gray {
	background-color: #eee;
	color: var(--text_color);;
}
tbody td ol {
	margin-left: 20px;
}
/*----------------------------
用紙内のテーブル
----------------------------------------------------------*/
.point03,
.point03 th,
.point03 td {
	border: none;
}
.point03 {
	border-collapse: separate; /* trの隙間を作る */
	border-spacing: 10px 10px;
	margin-top: -10px;
	margin-left: -10px;
	width: calc(100% + 10px);
}
.point03 th {
	background-color: #fff;
	color: var(--mercari_red);
	white-space: nowrap;
	width:25%;
}
.point03 th > span {
	font-size: 14px;
	font-size: 1.4rem;
}
.point03 th.kenshinmenu {
	width: auto;
}
.point03 th a {
	color: var(--mercari_red);
}
.point03 td {
	background-color: #fff;
	font-size: 15px;
	font-size: 1.5rem;
}
.point03 tr.tr_space td {
	background: transparent;
	font-size: 0;
	height: 10px;
	line-height: 0;
	padding: 0;
}
/*----------------------------
テーブル内の※
----------------------------------------------------------*/
.tbl_kome {
	display: inline-block;
	font-size:12px;
	font-size:1.2rem;
	margin-top: 10px;
	padding-left: 1em;
	text-indent: -1em;
}
/*----------------------------
番号付きリスト
----------------------------------------------------------*/
ol.flow,
ol.pr_list,
ol.pr_list02{
	counter-reset: item;
	list-style-type: none;
	padding-left: 0;
}
ol.flow > li,
ol.pr_list > li,
ol.pr_list02 > li{
	position: relative;
}
ol.flow > li,
ol.pr_list > li{
	padding: 1em 1.3em 1em 3em;
}
ol.pr_list02 > li{
	padding: 10px 0;
}
ol.flow > li:last-child,
ol.pr_list > li:last-child,
ol.pr_list02 > li:last-child {
	border-bottom: none;
}
ol.flow > li::before,
ol.pr_list > li::before,
ol.pr_list02 > li::before {
	content: counter(item)'.';
	counter-increment: item;
	font-family: 'M PLUS 1p';
	transform: rotate(0.03deg);
	font-size: 20px;
	font-size: 2.0rem;
	font-weight: 500;
}
ol.attention_list > li::before {
	font-size: 16px;
	font-size: 1.6rem;
}
ol.flow > li::before,
ol.pr_list > li:before {
	position: absolute;
		top: 8px;
		left: 0.2em;
}
ol.flow > li::before {
	color: var(--mercari_red);
}
ol.pr_list02 > li::before {
	color: var(--mercari_red);
	font-size: 24px;
	font-size: 2.4rem;
	position: absolute;
		top: 2px;
		left: auto;
}
ol.pr_list02 > li > div > ul {
	margin-bottom: 1em;
}
ol.pr_list02 > li > div > ul > li{
	margin-left: 2em;
}
ol.pr_list> li > ol > li::before {
	color: var(--mercari_red);
	content: counter(item)'.';
	counter-increment: item;
	padding-right: .5em;
	position: absolute;
		top: 0;
		left: 0;
}
ol.pr_list> li > ol.pr_list {
	background: #ecf6ed;
	border-radius: 8px;
	padding: 16px 24px;
}
ol.pr_list> li > ol.pr_list li {
	padding: 4px 16px 4px 2.3em;
}
ol.paren_list {
	counter-reset: item_pl;
	margin-left: 0;
}
ol.paren_list > li {
	list-style-type: none;
	padding-left: 2em;
	position: relative;
}
ol.paren_list > li::before {
	content: '（'counter(item_pl)'）';
	counter-increment: item_pl;
	position: absolute;
		top: 0;
		left: 0;
}
/*----------------------------
白枠のボックス 2段組
----------------------------------------------------------*/
.white_box_two {
	background-color: #fff;
	border-radius: 16px;
	display: flex;
		justify-content: space-around;
	margin: 0 auto 40px;
	padding: 40px 16px;
	width: 80%;
}
.white_box_two > div {
	margin: 0 8px;
}
/*----------------------------
前に戻る
----------------------------------------------------------*/
.backhome {
	margin-bottom: 3em;
	text-align: center;
	width: 100%;
}
.backhome a {
/*	color: var(--mercari_red);*/
	font-size: 12px;
	font-size: 1.2rem;
}
.backhome a i {
	margin-right: 10px;
}
/*----------------------------
ツールチップの設定を上書き
----------------------------------------------------------*/
.tooltip_box {
	color: #fff !important;
	max-width: 950px !important; /* article.content の横幅 */
}
.tooltip_body {  /* 背景色 */
	background-color: var(--mercari_red) !important;
	opacity: .9;
}
.tooltip_arrow {
	border-bottom-color: var(--mercari_red) !important;
	opacity: .9;
}
#main .tooltip::after {
	/*content: "" !important;*//* [!]マークが不要な時、変更したい時はここで修正（Font Awesome 5 Free） */
	color: var(--mercari_red) !important;
}
/*########################################################################################
｜
｜健保のしくみ（guide.jsp）
｜Health Insurance System
｜
########################################################################################*/
/*-----------------------------------------------------------------------------
｜
｜■┓保険料と標準報酬月額（guide_04.jsp）
｜┗┛
-----------------------------------------------------------------------------*/
/*----------------------------
保険料について
----------------------------------------------------------*/
/* 健康保険料 */
#ippanhokenryo {
	border: 1px dotted #999;
	display: flex;
		/*align-items: baseline;*/
		justify-content: space-between;
	padding: 24px
}
#ippanhokenryo div {
	margin: 0 8px;
}
#ippanhokenryo > div:first-child {
	padding-top: 24px;
	white-space: nowrap;
}
#ippanhokenryo > div:nth-child(2) {
	padding-top: 14px;
}
#ippanhokenryo .ippanitem > div:nth-child(2n) {
	text-align: center;
}
#ippanhokenryo .ippanwrap {
	align-self: stretch;
	background: var(--mercari_red_tint);
	border-radius: 16px;
	padding: 24px;
}
/*----------------------------
テーブル
----------------------------------------------------------*/
.ippanrate,
.kaigorate {
	width: 35%;
}
#main .monthlyfee_pdf {
	background-color: var(--mercari_red_tint);
	border-radius: 32px;
	display: flex;
		align-items: center;
		justify-content: center;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	padding: 4px 8px 4px 0;
	position: relative;
	text-align: center;
	text-decoration: none;
	width: 240px;
	max-width: 100%;
	height: 56px;
}
#main .monthlyfee_pdf i {
	color: #900;
	padding-right: 10px;
}
#main .monthlyfee_pdf::after {
	content: url("../images/arrow_blue.svg");
	margin-left: 8px;
	position: absolute;
		top: calc(50% - 13px);
		right: 24px;
	width: 7px;
	height: 14px;
}
/*-----------------------------------------------------------------------------
｜
｜■┓高齢者医療制度（guide_09.jsp）
｜┗┛
-----------------------------------------------------------------------------*/
/*----------------------------
65～74歳は前期高齢者（加入保健の表）
----------------------------------------------------------*/
#main .fig_insurance {
	background: #fff;
	line-height: 1.4;
	padding-top: 16px;
	font-weight: bold;
}
#main .fig_insurance span {
	font-weight: normal;
}
#main .fig_insurance .iryou,
#main .fig_insurance .jikofutan {
	display: flex;
	min-width: 680px;
	width: 100%;
}
#main .fig_insurance .iryou {
	margin-top: 40px;
}
#main .fig_insurance .jikofutan {
	margin-bottom: 40px;
}
#main .fig_insurance .iryou > div,
#main .fig_insurance .iryou > div:nth-of-type(3) > div,
#main .fig_insurance .jikofutan > div {
	display: flex;
		flex-direction: column;
		justify-content: center;
	padding: 12px;
	position: relative;
	text-align: center;
}
#main .fig_insurance .iryou > div:nth-of-type(3) {
	padding: 0;
}
#main .fig_insurance .iryou > div:nth-of-type(1),
#main .fig_insurance .jikofutan > div:nth-of-type(1) {
	padding-left: 0;
	width: 12%;
}
#main .fig_insurance .iryou > div:nth-of-type(2) {
	width: 13%;
}
#main .fig_insurance .iryou > div:nth-of-type(3) {
	display: flex;
		flex-direction: row;
	width: 54%;
}
#main .fig_insurance .iryou > div:nth-of-type(3) > div {
	width: 50%;
	z-index: 2;
}
#main .fig_insurance .iryou > div:nth-of-type(4) {
	width: 21%;
}
#main .fig_insurance .iryou > div.kenpo {
	background: #7fcbd4;
}
#main .fig_insurance .iryou > div.kokumin_kenpo {
	background: #cceaee;
	background: linear-gradient(3.5deg, #7fcbd4 33px, #cceaee 34px);
	position: relative;
}
#main .fig_insurance .iryou > div.kokumin_kenpo > div {
	padding-bottom: 24px;
}
#main .fig_insurance .iryou > div.late_elderly {
	background: var(--mercari_red_light);
}
#main .fig_insurance .jikofutan > div:nth-of-type(2),
#main .fig_insurance .jikofutan > div:nth-of-type(3) {
	background: var(--mercari_red_light);
}
#main .fig_insurance .jikofutan > div:nth-of-type(2) {
	width: 53%;
}
#main .fig_insurance .jikofutan > div:nth-of-type(3) {
	width: 35%;
}
#main .fig_insurance .jikofutan > div.jikofutan_nest {
	display: flex;
		flex-direction: row;
		flex-wrap: wrap;
	padding: 0 0 8px 0;
}
#main .fig_insurance .jikofutan > div.jikofutan_nest > div {
	padding: 8px 8px 0;
}
#main .fig_insurance .jikofutan > div.jikofutan_nest > div:nth-of-type(1) {
	width: 40%;
}
#main .fig_insurance .jikofutan > div.jikofutan_nest > div:nth-of-type(2) {
	width: 60%;
}
#main .fig_insurance .jikofutan sup {
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: normal;
}
/* セル横のボーダー */
#main .fig_insurance .split_bd {
	border-right: 2px dashed #fff;
}
/* 年齢表記の矢印 */
#main .fig_insurance .iryou div.item_age::before,
#main .fig_insurance .jikofutan div.item_age::before {
	content: "";
	display: block;
	position: absolute;
		right: -5px;
	width: 0;
	height: 0;
}
#main .fig_insurance .iryou div.item_age::before {
	border-width: 12px 4px 0 4px;
	border-style: solid;
	border-color: var(--text_color); transparent transparent transparent;
		top: -12px;
}
#main .fig_insurance .jikofutan div.item_age::before {
	border-width: 0 4px 12px 4px;
	border-style: solid;
	border-color: transparent transparent var(--text_color); transparent;
		bottom: -12px;
}
/* 年齢表記 */
#main .fig_insurance .iryou div.item_age::after,
#main .fig_insurance .jikofutan div.item_age::after {
	color: var(--text_color);;
	content: attr(data-label);
	display: block;
	position: absolute;
		right: -3em;
	width: 6em;
	height: 20px;
}
#main .fig_insurance .iryou div.item_age::after {
		top: -36px;
}
#main .fig_insurance .jikofutan div.item_age::after {
		bottom: -36px;
}
/*-----------------------------------------------------------------------------
｜
｜■┓医療費控除（guide_10.jsp）
｜┗┛
-----------------------------------------------------------------------------*/
.example {
	padding: 0 0 10px 20px;
}
/*-----------------------------------------------------------------------------
｜
｜■┓保険証としてのマイナンバーカード利用（guide_12.jsp）
｜┗┛
-----------------------------------------------------------------------------*/
/*----------------------------
外部リンク
----------------------------------------------------------*/
#main ul.externallink_wrap {
	margin: 16px 0 0 1em;
}
#main ul.externallink_wrap li {
	padding-left: 1em;
	position: relative;
}
#main ul.externallink_wrap li::before {
	background-image: url(../images/arrow_blue.svg);
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
	position: absolute;
	top: 8px;
	left: 0;
	width: 10px;
	height: 10px;
}
#main ul.externallink_wrap li:not(:last-of-type) {
	margin-bottom: 8px;
}
/* スケジュール */
#main .point03.schedule .sc_year {
	vertical-align: top;
	width: auto;
}
#main .point03.schedule .sc_content:not(:last-of-type) {
	margin-bottom: 24px;
}
#main .point03.schedule .sc_content .sc_ttl {
	color: var(--mercari_red);
	font-weight: bold;
	padding-left: 1.5em;
	text-indent: -1.5em;
}
#main .point03.schedule .sc_content .sc_ttl::before {
	color: var(--mercari_red);
	content: "\f00c";
	font-family: "Font Awesome 5 Free";
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: 900;
	margin-right: 8px;
}
#main .point03.schedule .sc_content p {
	font-size: 14px;
	font-size: 1.4rem;
	margin-left: 22px;
}
/*----------------------------
マイナンバーお問い合わせ
----------------------------------------------------------*/
#main .mynum_contact_free > div:first-of-type {
	flex: 1;
}
#main .mynum_contact_free {
	background: #fff;
	border-radius: 8px;
	padding: 16px 24px;
	margin: 8px 0 24px;
}
#main .mynum_contact_free .mynum_contact_ttl {
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	margin-bottom: 8px;
}
#main .mynum_contact_free .mynum_contact_tel {
	margin-bottom: 16px;
}
#main .mynum_contact_free .mynum_contact_tel i {
	font-size: 24px;
	font-size: 2.4rem;
	margin-right: 12px;
}
#main .mynum_contact_free .mynum_contact_tel a {
	font-size: 30px;
	font-size: 3.0rem;
	letter-spacing: .3em;
	position: relative;
}
#main .mynum_contact_free .mynum_contact_tel a .tel_memo {
	font-size: 8px;
	font-size: .8rem;
	letter-spacing: .8em;
	position: absolute;
		top: -12px;
		right: 0;
}
#main .mynum_contact_free .hour_ttl {
	background: var(--mercari_red);
	border-radius: 4px;
	color: #fff;
	display: inline-block;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: bold;
	margin-right: 8px;
	padding: 2px 6px;
	text-align: center;
	width: 56px;
}
#main .mynum_contact_free .hour_ttl:not(:first-of-type) {
	margin-left: 2em;
}
#main ul.othertel {
	display: flex;
		flex-wrap: wrap;
	margin-top: 8px;
}
#main ul.othertel li:not(:last-of-type) {
	margin-right: 40px;
}
#main ul.othertel .othertelnum {
	font-size: 18px;
	font-size: 1.8rem;
}
#main ul.othertel i {
	font-size: 14px;
	font-size: 1.4rem;
	margin-right: 4px;
}
#main ul.othertel .othertelnum a.tel_tap {
	letter-spacing: .1em;
}
/*-----------------------------------------------------------------------------
｜
｜■┓各種手続き（situation.jsp）
｜┗┛Procedures
｜
-----------------------------------------------------------------------------*/
/*----------------------------
手続き
----------------------------------------------------------*/
#main .procedure_box {
	background: var(--mercari_red_tint);
	border-radius: 16px;
	display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	margin: 48px 0 32px;
	padding: 32px;
}
#main .procedure_box .procedure_ttl {
	background: var(--mercari_red);
	border-radius: 40% 60% 50% 45%/60% 50% 65% 55%;
	margin-right: 16px;
	position: relative;
	width: 120px;
	height: 120px;
}
#main .procedure_box .procedure_ttl::before {
	background: rgba(24,48,40,0.2);
	border-radius: 50% 54% 50% 52%/53% 50% 53% 48%;
	content: "";
	position: absolute;
		top: 52%;
		right: -4px;
	transform: translateY(-50%);
	width: 120px;
	height: 120px;
}
#main .procedure_box .procedure_ttl::after {
	background: #fff;
	border-radius: 70% 55% 50% 50%/50% 50% 60% 55%;
	content: "";
	position: absolute;
		top: 50%;
		left: 8px;
	transform: translateY(-50%);
	width: 95px;
	height: 95px;
}
#main .procedure_box .procedure_ttl > span {
	font-family: "M PLUS 1p";
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: 500;
	line-height: 1.2;
	position: absolute;
		top: 50%;
		left: 0;
		right: 0;
	text-align: center;
	transform: rotate(0.03deg) translateY(-50%);
	z-index: 999;
}
#main .procedure_box .kome {
	font-size: 12px;
	font-size: 1.2rem;
}
/*----------------------------
必要書類
----------------------------------------------------------*/
#main .required_box {
	flex: 1;
}
#main .procedure_box .required_box + .required_box { /* 必要書類が続いたとき */
	margin-top: 16px;
}
#main .required_box .required_ttl {
	border-bottom: 1px solid var(--mercari_red);
	font-family: "M PLUS 1p";
	transform: rotate(0.03deg); 
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: 500;
	padding: 0 0 8px 16px;
}
#main .required_box .required_contents {
	padding: 16px 8px 0 16px;
}
#main .required_box .required_contents > ul > li {
	font-weight: bold;
	margin-bottom: 4px;
	padding-left: 1em;
	text-indent: -.75em;
}
#main .required_box .required_contents > ul > li::before {
	content: "・";
	margin-right: .25em;
}
#main .required_box .required_contents > ul > li * { /* text-indent の子要素への継承を解除 */
	text-indent: 0;
}
/*----------------------------
exl wrd pdf アイコン
----------------------------------------------------------*/
#main a.link_exl,
#main a.link_wrd,
#main a.link_pdf,
#main a.link_pdfex {
	display: inline-block;
	font-weight: normal;
	margin-left: 2em;
	text-decoration: none;
}
#main a.link_exl > span,
#main a.link_wrd > span,
#main a.link_pdf > span,
#main a.link_pdfex > span {
	text-decoration: underline;
}
#main a.link_exl:hover > span,
#main a.link_wrd:hover > span,
#main a.link_pdf:hover > span,
#main a.link_pdfex:hover > span {
	text-decoration: none;
}
#main a.link_exl::before,
#main a.link_wrd::before,
#main a.link_pdf::before,
#main a.link_pdfex::before {
	font-family: FontAwesome;
	font-weight: 400;
	font-size: 18px;
	font-size: 1.8rem;
	margin-right: 10px;
}
#main a.link_exl::before {
	color: #056d05;
	content: "\f1c3";
}
#main a.link_wrd::before {
	color: #0200b3;
	content: "\f1c2";
}
#main a.link_pdf::before {
	color: #900;
	content: "\f1c1";
}
#main a.link_pdfex::before {
	color: #666;
	content: "\f1c5";
}
#main a.link_pdf_after {
	display: inline-block;
	font-weight: normal;
	margin-right: 6px;
	text-decoration: none;
}
#main a.link_pdf_after span {
	text-decoration: underline;
}
#main a.link_pdf_after:hover span {
	text-decoration: none;
}
#main a.link_pdf_after::after {
	font-family: FontAwesome;
	font-weight: 400;
	font-size: 16px;
	font-size: 1.6rem;
	margin-left: 6px;
	color: #900;
	content: "\f1c1";
}
#main .required_box .required_contents .required_sub_txt {
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: normal;
}
/*----------------------------
申請書のテーブル
----------------------------------------------------------*/
#main .required_box table.gendoshinsei {
	margin: 4px 0 16px;
}
/*
#main .required_box table.gendoshinsei th {
	background-color: var(--mercari_red_tint);
	border: 1px solid var(--mercari_red_light);
}
#main .required_box table.gendoshinsei td {
	border: 1px solid var(--mercari_red_light);
	font-weight: normal;
}
*/
#main .required_box table.gendoshinsei td a.appli_denshi {
	max-width: 216px;
}
#main .required_box table.gendoshinsei td a.link_pdf {
	margin-left: 4px;
}
/*-----------------------------------------------------------------------------
｜
｜■┓コンテンツ用ナビ（右サイドのコンテンツの目次）
｜┗┛
-----------------------------------------------------------------------------*/
.nav_contents {
	display: none;
	position: fixed;
		top: 50%;
		right: -240px;
	transition: all .4s;
	z-index: 9998;
	width: 240px;
}
.nav_contents.ac-trigger {
	right: 0;
}
.nav_arrow {
	/*background: rgba(0, 193, 170, .8);*/
	background: var(--mercari_blue);
	border-radius: 4px 0 0 4px;
	color: #fff;
	cursor: pointer;
	display: flex;
		align-items: center;
		justify-content: center;
	position: absolute;
		top: 0;
		left: -24px;
	padding: 4px;
	width: 24px;
	height: 100%;
}
.nav_arrow::before {
	content: "\f105";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 20px;
	font-size: 2.0rem;
}
.nav_arrow.nonac_arrow::before {
	content: "\f104";
}
.nav_contents ul {
	background:rgba(255, 255, 255, .8);
	border: 1px solid var(--mercari_blue);
	border-right: none;
	padding: 16px 16px;
}
.nav_contents ul li {
	margin: .5em 0;
}
.nav_contents ul li a {
	cursor: pointer;
	display: inline-block;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.4;
	margin-left: 16px;
	position: relative;
	transition: 1.0s ;
/*	white-space: nowrap;*/
}
.nav_contents ul li a:hover {
	text-decoration: none;
}
.nav_contents ul li a::before {
	background-image: url(../images/arrow_blue.svg);
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
	position: absolute;
		top: calc(50% - 6px);
/*		top: 2px;*/
		left: -20px;
	width: 12px;
	height: 12px;
	transform: scale(-1, 1);
}
.nav_contents ul li a:hover::before {
		opacity: .6;
}
.nav_contents ul li a.current::before {
		left: -26px;
}
/* 各種手続きの画像部分 */
#main .point_photo_bg_max {
	margin-top: 30px;
	padding: 16px 0 48px;
	text-align: center;
}
/*-----------------------------------------------------------------------------
｜
｜■┓病気やケガで医療を受けるとき（situation_01.jsp）
｜┗┛
-----------------------------------------------------------------------------*/
/* リスト */
#main .list_disc.list_yakuhan > li {
	margin-bottom: 0;
	text-indent: 0;
}
#main .list_disc.list_yakuhan > li::before {
	top: 8px;
	left: -2px;
}
/*-----------------------------------------------------------------------------
｜
｜■┓医療費が高額になったとき（situation_02.jsp）
｜┗┛
-----------------------------------------------------------------------------*/
/* テーブル */
#main .tbl_high_expenses th,
#main .tbl_high_expenses td {
	white-space: nowrap;
}
#main .tbl_high_expenses td {
	text-align: center;
}
#main .tbl_high_expenses thead tr th:nth-of-type(3) {
	width: 5%;
}
#main .tbl_high_expenses thead tr th:nth-of-type(2),
#main .tbl_high_expenses tbody tr td:nth-of-type(1) {
	border-right: none;
}
#main .tbl_high_expenses thead tr th:nth-of-type(3),
#main .tbl_high_expenses tbody tr td:nth-of-type(2) {
	border-left: none;
	border-right: none;
}
#main .tbl_high_expenses thead tr th:nth-of-type(4),
#main .tbl_high_expenses tbody tr td:nth-of-type(3) {
	border-left: none;
}
/* 高額療養費の計算例 */
#main .high_expenses_ex .fig_arer {
	background: #fff;
	margin: 24px 0 8px;
	padding: 20px 0 8px;
	width: 100%;
}
#main .high_expenses_fig {
	line-height: 1.3;
}
#main .high_expenses_fig .expenses_total {
	border: 1px solid #f71;
	border-bottom: none;
	padding-bottom: 24px;
	text-align: center;
}
#main .high_expenses_fig .expenses_total > div {
	background: #fff;
	color: #f71;
	font-size: 18px;
	font-size: 1.8rem;
	margin: -14px auto 0;
	width: 11em;
}
#main .high_expenses_fig .breakdown_1 {
	display: flex;
		flex-wrap: wrap;
	width: 100%;
}
#main .high_expenses_fig .breakdown_1 > div:nth-of-type(odd) {
	width: 53%;
}
#main .high_expenses_fig .breakdown_1 > div:nth-of-type(even) {
	width: 47%;
}
#main .high_expenses_fig .breakdown_1 > div:nth-of-type(4) {
	color: #2d78b5;
	font-size: 32px;
	font-size: 3.2rem;
	font-weight: 400;
	text-align: center;
}
#main .high_expenses_fig .expenses_kenpo,
#main .high_expenses_fig .expenses_usr,
#main .high_expenses_fig .expenses_usr_max {
	border-width: 1px;
	border-style: solid;
	padding: 12px;
	text-align: center;
}
#main .high_expenses_fig .expenses_kenpo {
	background: #f4fdfb;
	border-color: var(--mercari_red);
	color: var(--mercari_red);
}
#main .high_expenses_fig .expenses_usr {
	background: #f2f7ff;
	border-color: #005599;
	color: #005599;
}
#main .high_expenses_fig .expenses_usr_max {
	background: #fff7f7;
	border-color: #ff6666;
	color: #ff6666;
}
#main .high_expenses_fig .breakdown_2 {
	display: flex;
	width: 100%;
}
#main .high_expenses_fig .breakdown_2 > div:nth-of-type(odd) {
	width: 53%;
}
#main .high_expenses_fig .breakdown_2 > div:nth-of-type(even) {
	width: 47%;
}
#main .high_expenses_fig .formula_number {
	display: inline-block;
	padding-left: 24px;
	position: relative;
}
#main .high_expenses_fig .formula_number > div {
	font-size: 16px;
	font-size: 1.6rem;
	position: absolute;
		top: calc(50% - 10px);
		left: 0;
}
#main .formula_area > div {
	margin-bottom: 2em;
}
#main .high_expenses_ex .burden_usr_max,
#main .high_expenses_ex .burden_kenpo {
	font-size: 18px;
	font-size: 1.8rem;
}
#main .high_expenses_ex .burden_usr_max {
	color: #ff6666;
}
#main .high_expenses_ex .burden_kenpo {
	color: var(--mercari_red);
}
#main .high_expenses_ex .formula_bg_line {
	background: #ffebeb;
	padding: 4px
}
/*-----------------------------------------------------------------------------
｜
｜■┓立て替え払いをしたとき（situation_04.jsp）
｜┗┛
-----------------------------------------------------------------------------*/
/* 必要書類内の枠 */
#main .fill_in_box {
	border: 1px dotted #7d6249;
	border-radius: 8px;
	display: inline-block;
	margin: 4px 0 16px;
	padding: 8px 20px;
}
/*-----------------------------------------------------------------------------
｜
｜■┓在宅医療を受けるとき（situation_08.jsp）
｜┗┛
-----------------------------------------------------------------------------*/
/* 画像部分 */
#main img.houmon_kango {
	display: block;
	margin: 40px auto 0;
}
/*-----------------------------------------------------------------------------
｜
｜■┓出産したとき（situation_11.jsp）
｜┗┛
-----------------------------------------------------------------------------*/
#main .required_box.conditions_box {
	flex: auto;
	width: 100%;
}
#main .required_box.conditions_box .conditions {
	background-color: #fff;
	border-radius: 8px;
	display: flex;
	margin-bottom: 8px;
	padding: 8px;
}
main .required_box.conditions_box .conditions_ttl {
	background-color: var(--bg_color);
	border-radius: 8px;
	display: flex;
		align-items: center;
		justify-content: center;
	font-weight: bold;
	margin-right: 16px;
	padding: 8px;
	width: 144px;
}
#main .required_box.conditions_box .conditions_ttl > span {
	padding-left: 1.2em;
	position: relative;
}
#main .required_box.conditions_box .conditions_ttl > span::before {
	color: var(--mercari_red_light);
	content: "\f111";
	font-family: "Font Awesome 5 Free";
	font-size: 12px;
	font-weight: 900;
	display: inline-block;
	position: absolute;
		top: 2px;
		left: 0;
}
/*
#main .required_box.conditions_box .conditions:nth-of-type(even) .conditions_ttl {
	background-color: #e2f5f0;
}
*/
#main .required_box.conditions_box .conditions:nth-of-type(even) .conditions_ttl > span::before {
	color: var(--mercari_red_light);
}
#main .required_box.conditions_box .conditions_ttl + * {
	padding: 8px 0;
	width: calc(100% - 144px);
}
#main .required_box.conditions_box .conditions .required_ttl {
	font-size: 16px;
	font-size: 1.6rem;
	margin-right: 8px;
	padding: 0 0 4px 16px;
}
#main .required_box.conditions_box .conditions .required_contents {
	padding: 8px 8px 0 16px;
}
/*-----------------------------------------------------------------------------
｜
｜■┓出産したとき（situation_12.jsp）
｜┗┛
-----------------------------------------------------------------------------*/
#main .fuyo_case {
	position: relative;
	margin-bottom: 64px;
}
#main .fuyo_case_ttl {
	border-bottom: 1px solid var(--mercari_red);
	color: var(--mercari_red);
	font-family: "M PLUS 1p";
	transform: rotate(0.03deg);
	font-size: 17px;
	font-size: 1.7rem;
	font-weight: 500;
	margin-bottom: 16px;
	padding-bottom: 8px;
	position: relative;
	width: calc(100% - 4px);
}
#main .fuyo_case_ttl::before {
	background: var(--mercari_red_light);
	content: "";
	position: absolute;
		left: 4px;
		bottom: 2px;
	width: 100%;
	height: 1px;
}
#main .fuyo_case .fuyo_case_contents {
	flex: 1;
}
#main .other_box {
	border: 1px dotted var(--mercari_red);
	border-radius: 8px;
	margin-top: 16px;
	padding: 12px 16px;
}
#main .other_box .other_ttl {
	font-family: "M PLUS 1p";
	transform: rotate(0.03deg);
	font-weight: 500;
	padding-left: 1.2em;
	position: relative;
}
#main .other_box .other_ttl::before {
	color: var(--mercari_red);
	content: "\f111";
	font-family: "Font Awesome 5 Free";
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: 900;
	display: inline-block;
	position: absolute;
		top: calc(50% - 10px);
		left: 0;
}
#main .other_box .other_contents {
	font-size: 12px;
	font-size: 1.2rem;
}
/*-----------------------------------------------------------------------------
｜
｜■┓保険証を紛失したとき（situation_15.jsp）
｜┗┛
-----------------------------------------------------------------------------*/
#main li.contact {
	background: #fff;
	border-radius: 8px;
	padding: 24px 24px 24px 56px;
}
ol.method > li.contact::before {
	top: 24px;
}
#main .contact > div:first-of-type {
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	margin-bottom: 8px;
}
.icn_eng {
	background: var(--mercari_blue);
	border-radius: 4px;
	color: #fff;
	display: inline-block;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: bold;
	line-height: 1.6;
	margin-right: 8px;
	padding: 0 4px;
	text-align: center;
	min-width: 44px;
}
#main li.contact a.tel_tap {
	font-size: 22px;
	font-size: 2.2rem;
}
/*-----------------------------------------------------------------------------
｜
｜■┓各種申請書（application.jsp）
｜┗┛Application Forms
｜
-----------------------------------------------------------------------------*/
#main .application_doc {
	counter-reset: app_num 0; /* 0は初期値 */
	width: 100%;
}
#main .application_doc th {
	counter-increment: app_num 1; /* 1は加算する数　例）加算値を3にすれば（初期値を1として）1,4,7,10...となる */
}
#main .application_doc th:before {
	content: counter(app_num);
}
#main h5.appli_tit {
	background: var(--mercari_red_tint);
	color: var(--text_color);;
	font-family: "Noto Sans Japanese";
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 16px;
	padding: 16px;
}
#main .tbl_application_doc {
	margin-bottom: 4em;
}
#main .tbl_application_doc thead tr td {
	font-weight: bold;
}
#main .tbl_application_doc thead tr td:nth-of-type(1){
	padding: 4px;
}
#main .tbl_application_doc thead tr td:nth-of-type(3),
#main .tbl_application_doc thead tr td:nth-of-type(4) {
	width: 96px;
}
#main .tbl_application_doc th,
#main .tbl_application_doc td {
	background: transparent;
	border-left: none;
	border-right: none;
	font-weight: normal;
	padding: 8px;
	text-align: center;
}
#main .tbl_application_doc thead td {
	background: #fff;
	border: none;
	border-bottom: 2px solid var(--mercari_red);
}
#main .tbl_application_doc tbody td {
	background: #fff;
}
#main .tbl_application_doc tbody th,
#main .tbl_application_doc tbody td {
	border-bottom: 1px solid var(--mercari_red_light);
}
#main .tbl_application_doc tbody td.appli_doc_ttl {
	text-align: left;
}
#main .tbl_application_doc tbody th,
#main .tbl_application_doc tbody td.appli_doc_ttl {
	background: var(--mercari_red_tint);
	font-size: 16px;
	font-size: 1.6rem;
}
#main .tbl_application_doc tbody td.appli_add {
	border-left: 1px solid var(--mercari_red_light);
	font-size: 16px;
	font-size: 1.6rem;
}
#main .tbl_application_doc tbody td.appli_add span {
	font-size: 14px;
	font-size: 1.4rem;
}
#main .appli_add_multiple hr.punctuate_add {/* hr.ライン幅の調整 */
	margin: 1em auto;
	width: 50%;
}
#main .appli_add_multiple em {/* 文字の調整 */
	display: inline-block;
	line-height: 1.4;
	margin-bottom: 1em;
}
#main .tbl_application_doc tbody a > div > span { /* アイコンのアンダーラインを消すため */
	text-decoration: none;
}
#main .tbl_application_doc tbody a > div > span {
	text-decoration: underline;
}
#main .tbl_application_doc tbody a:hover > div > span {
	text-decoration: none;
}
#main .tbl_application_doc tbody a.appli_exl,
#main .tbl_application_doc tbody a.appli_wrd,
#main .tbl_application_doc tbody a.appli_pdf,
#main .tbl_application_doc tbody a.appli_pdfex {
	display: flex;
		align-items: center;
		flex-direction: column;
		justify-content: center;
	font-size: 9px;
	font-size: 0.9rem;
	margin: 0 auto;
	position: relative;
	text-decoration: none; 
}
#main .tbl_application_doc tbody a.appli_exl::before,
#main .tbl_application_doc tbody a.appli_wrd::before,
#main .tbl_application_doc tbody a.appli_pdf::before,
#main .tbl_application_doc tbody a.appli_pdfex::before {
	display: block;
	font-family: FontAwesome;
	font-size: 28px;
	font-size: 2.8rem;
	margin-bottom: -8px;
}
#main .tbl_application_doc tbody a.appli_exl::before {
	color: #056d05;
	content: "\f1c3";
}
#main .tbl_application_doc tbody a.appli_wrd::before {
	color: #0200b3;
	content: "\f1c2";
}
#main .tbl_application_doc tbody a.appli_pdf::before {
	color: #990000;
	content: "\f1c1";
}
#main .tbl_application_doc tbody a.appli_pdfex::before {
	color: #666;
	content: "\f1c5";
}
#main .tbl_application_doc tbody a:hover.appli_exl,
#main .tbl_application_doc tbody a:hover.appli_wrd,
#main .tbl_application_doc tbody a:hover.appli_pdf,
#main .tbl_application_doc tbody a:hover.appli_pdfex {
	opacity: .6;
}
#main .tbl_application_doc tbody a > div { /* Downloadアイコン */
	padding-left: 14px;
	position: relative;
}
#main .tbl_application_doc tbody a > div::before { /* Downloadアイコン */
	color: #777;
	content: "\f019";
	display: block;
	font-family: FontAwesome;
	font-size: 11px;
	font-size: 1.1rem;
	position: absolute;
		top: -1px;
		left: 0;
}
#main .tbl_application_doc tbody tr.bdb_none th,
#main .tbl_application_doc tbody tr.bdb_none td {
	border-bottom: none;
	padding-bottom: 8px;
}
#main .tbl_application_doc tbody .appli_cmt td {
	border-top: none;
	font-size: 12px;
	font-size: 1.2rem;
}
/* 電子申請ボタン */
#main a.appli_denshi {
	background: var(--mercari_red);
	border-radius: 4px;
	color: #fff;
	display: flex;
		align-items: center;
		justify-content: center;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1;
	margin: 4px;
	padding: 6px 16px;
	text-decoration: none;
	white-space: nowrap;
	width: auto;
}
#main a.appli_denshi::before {
	content: "\f108";
	display: inline-block;
	font-family: FontAwesome;
	font-size: 22px;
	font-size: 2.2rem;
	margin: 0 10px -2px 0;
	vertical-align: -10px;
}
#main a:hover.appli_denshi {
	opacity: .6;
}
#main .tbl_application_doc .appli_cmt td {
	border-top: none;
	font-size: 12px;
	font-size: 1.2rem;
}
#main .appli_cmt02 {
	border: 2px solid #d9f1f4;
	margin: 24px 0;
	padding: 16px;
}
#main .appli_case {
	color: var(--text_color);;
}
#main .appli_case::before {
	color: #189;
	content: "\f054";
	font-family: FontAwesome;
	margin-right: 4px;
}
#main .jiko {
	margin: 0 auto 64px;
	width: 640px;
	max-width: 100%;
}
#main .jiko .jiko_pdf {
	text-align: center;
}
#main .jiko .jiko_pdf a {
	background: var(--mercari_red);
	border-radius: 8px;
	color: #fff;
	display: inline-block;
	font-weight: bold;
	padding: 12px 24px;
	text-decoration: none;
}
#main .jiko .jiko_pdf a::before {
	color: #fff;
	content: "\f1c1";
	font-family: FontAwesome;
	font-weight: 400;
	font-size: 18px;
	font-size: 1.8rem;
	margin-right: 10px;
}
#main .jiko .jiko_pdf a span {
	font-size: 12px;
	font-weight: normal;
}
/*########################################################################################
｜
｜保健事業（health.jsp）
｜Health Activities
｜
########################################################################################*/
/*-----------------------------------------------------------------------------
｜
｜■┓健康診断（checkup.jsp）
｜┗┛
-----------------------------------------------------------------------------*/
ol.method, ol.method ol {
	counter-reset: my-counter;
	list-style-type: none;
	padding: 0;
}
ol.method > li {
	font-size: 16px;
	font-size: 1.6rem;
	padding-left: 30px;
	position: relative;
}
ol.method > li:not(:last-of-type) {
	margin-bottom: 16px;
}
ol.method > li::before {
	background-color: var(--mercari_red);
	background-image: radial-gradient(circle, #ce6b6b 0.5px, transparent 0.5px);
	background-position: 0 0;
	background-size: 3px 3px;
	border-radius: 50%;
	content: counter(my-counter)" ";
	counter-increment: my-counter;
	color: #fff;
	display: block;
	font-size: 16px;
	font-size: 1.6rem;
	margin-left: -36px;
	position: absolute;
		top: -2px;
	text-align: center;
	width: 28px;
	height: 28px;
}
ol.method > li > ul {
	display: flex;
		justify-content: space-between;
	margin: 24px 0;
}
ol.method > li > ul.reservation_list > li {
	width: calc(50% - 16px);
}
ol.method > li > ul.reservation_list > li > div {
	color: var(--mercari_red);
	font-family: "M PLUS 1p";
	transform: rotate(0.03deg);
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 500;
	line-height: 1.4;
	margin-bottom: 8px;
	text-align: center;
}
#main ol.reservation {
	background: #fff;
	border: solid 1px var(--mercari_red);
	border-radius: 8px;
	position: relative;
	padding: 20px 16px;
	counter-reset: my-counter;
	list-style-type: none;
}
#main ol.reservation > li {
	font-size: 14px;
	font-size: 1.4rem;
	margin-bottom: 1em;
	padding-left: 2em;
	position: relative;
}
#main ol.reservation > li:last-child {
	margin-bottom: 0;
}
#main ol.reservation > li::before {
	color: var(--mercari_red);
	content: counter(my-counter) ". ";
	counter-increment: my-counter;
	font-family: 'M PLUS 1p';
	font-size: 20px;
	font-size: 2.0rem;
	font-weight: 500;
	transform: rotate(0.03deg);
	position: absolute;
		top: -6px;
		left: 0;
}
#main ol.reservation > li > ol {
	font-size:14px;
	font-size:1.4rem;
	margin-top: 1em;
	position: relative;
}
#main ol.reservation > li > ol li {
	border-bottom: 1px dotted #666;
	padding: 8px 0 8px 16px ;
}
#main ol.reservation > li > ol li:first-child {
	border-top: 1px dotted #666;
}
#main ol.reservation > li > ol li::before {
	color: var(--mercari_red);
	content: counter(my-counter,lower-roman)". ";
	counter-increment: my-counter;
	margin-left: -14px;
	position: absolute;
	text-align: center;
}
ol.method i.fas {
	margin-right: 0.5em;
}
.faxnumber,
.cancellation {
	background: #fff;
	border-radius: 8px;
	font-size: 20px;
	font-size: 2.0rem;
	padding: 16px 24px;
	margin: 0.5em 0 0;
}
.cancellation {
	display: flex;
		flex-direction: column;
}
.cancellation > div:first-child {
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	margin-bottom: 8px;
}
.cancellation > div:last-child > div {
	display: flex;
		align-items: center;
		flex-wrap: wrap;
}
#main .yoyaku_button_wrap {
	margin-bottom: 32px;
	text-align: center;
}
#main .yoyaku_button a {
	background-color: var(--mercari_red);
	border-radius: 8px;
	color: #fff;
	display: inline-block;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	padding: 16px 64px;
	text-align: center;
	text-decoration: none;
	-webkit-transition: all .3s;
	transition: all .3s;
}
#main .yoyaku_button a:hover {
	opacity: 0.6;
}
.belongings {
	background-color: #fff;
	border-radius: 8px;
	font-size: 14px;
	font-size: 1.4rem;
	margin-top: 8px;
	padding: 16px;
}
.belongings > ul {
	color: var(--mercari_red);
	font-weight: bold;
	margin: 8px 0 0 1em;
}
#main a.mail_tap {
	font-size: 16px;
	font-size: 1.6rem;
}
/* テーブル */
.checkup td {
	padding: 20px 14px;
}
.checkup td.checkup_years {
	color: var(--mercari_red);
	text-align: center;
	white-space: nowrap;
}
.checkup td.checkup_years span {
	display: none;
}
td.yen {
	text-align: right !important;
}
/*-----------------------------------------------------------------------------
｜
｜■┓特定健診・特定保健指導（tokutei.jsp）
｜┗┛
-----------------------------------------------------------------------------*/
ol.method.tokutei {
	border: 1px dotted var(--mercari_red);
	border-radius: 8px;
	display: flex;
		align-items: center;
		flex-direction: column;
		justify-content: center;
	padding: 16px;
	margin-bottom: 16px;
}
ol.method.tokutei li {
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
}
ol.method.tokutei li:last-of-type {
	margin-bottom: 0;
}
/*-----------------------------------------------------------------------------
｜
｜■┓インフルエンザ（influenza.jsp）
｜┗┛
-----------------------------------------------------------------------------*/
.kome02 {
	padding-left: 3em !important;
	text-indent: -2.5em !important;
}
/*-----------------------------------------------------------------------------
｜
｜■┓その他保健事業（healthother.jsp）
｜┗┛
-----------------------------------------------------------------------------*/
/* テーブル内のテーブル */
.tbl_tbl th, td {
	border: 1px solid var(--mercari_red_light);
	text-align: left;
	vertical-align: middle;
}
.tbl_tbl thead th {
	background-color: var(--mercari_red);
	color: #fff;
	font-size:14px;
	font-size: 1.4rem;
	padding: 6px 0;
	text-align: center;
}
.tbl_tbl th,
.tbl_tbl td {
	border: 1px solid var(--mercari_red_light);
	text-align: left;
	vertical-align: middle;
}
.tbl_tbl td.type {
	background-color: var(--mercari_red_tint);
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
	text-align: center;
	white-space: nowrap;
}
.tbl_tbl td.price span {
	display: none;
}
i.fa-car,
i.fa-bus,
i.fa-train {
	color: var(--mercari_red);
	margin-right: 5px;
}
.book {
	border:1px solid var(--mercari_red);
	font-size: 20px;
	font-size: 2.0rem;
	margin: 0.5em 0 0;
	padding: 0.5em 1em;
}
.book i,
.book a {
	color: var(--mercari_red);
}
#main a.tel_tap {
	pointer-events: none;
	text-decoration: none;
}
.img_sample {
	display: block;
	margin: 0 auto;
	max-width: 100%;
}
/*-----------------------------------------------------------------------------
｜
｜■┓よくある質問（faq.jsp）
｜┗┛
-----------------------------------------------------------------------------*/
#main .faq_nav {
	display: flex;
		flex-wrap: wrap;
/*		justify-content: center;*/
	margin: 0 auto 64px ;
}
#main .faq_nav a {
	background-color: #fff;
	background-repeat: no-repeat;
/*	border: 1px solid var(--mercari_red);*/
	border-radius: 28px;
	box-shadow: 0 0 5px #dbd3c9;
	color: var(--mercari_red);
	font-size: 13px;
	font-size: 1.3rem;
	margin: 8px;
	padding: 8px 8px 16px;
	position: relative;
	text-align: center;
	text-decoration: none;
	width: calc(100% / 4 - 16px);
}
#main .faq_nav a::after {
	background-image: url("../images/arrow.svg");
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
	margin-bottom: 6px;
	position: absolute;
	bottom: 0;
	left: calc(50% - 6px);
	transform:rotate(90deg);
	width: 6px;
	height: 11px;
}
#main .faq_nav a:hover {
	background-color: var(--mercari_red_tint);
	box-shadow: 0 0 5px #efa6a6;
}
#main dl.faq:not(:last-of-type) {
	margin-bottom: 64px;
}
#main dl.faq > dt,
#main dl.faq > dd {
	background: #fff;
	position: relative;
}
#main dl.faq > dt {
	border-radius: 8px 8px 0 0;
/*	color: var(--mercari_red);*/
	cursor: pointer;
	margin-top: 16px;
	padding-right: 40px;
	position: relative;
}
#main dl.faq > dt:hover {
	color: var(--mercari_red);
	transition: all 0.3s;
}
#main dl.faq > dt::after {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	color: var(--mercari_red);
	content: "\f067";
	position: absolute;
		top: calc(50% - 14px);
		right: 16px;
}
#main dl.faq > dt.open_dd::after {
	content: "\f068";
}
#main dl.faq > dd {
	border-top: 1px dotted var(--mercari_red);
	border-radius: 0 0 8px 8px;
	display: none;
}
#main dl.faq .ic_q,
#main dl.faq .ic_a {
	padding: 16px 16px 16px 68px;
}
#main dl.faq .ic_q::before,
#main dl.faq .ic_a::before {
	content: "";
	display: block;
	position: absolute;
		top: 8px;
		left: 12px;
	width: 40px;
	height: 40px;
}
#main dl.faq .ic_q::before {
	border-color: var(--mercari_red);
}
#main dl.faq > dt:hover .ic_q::before {
	border-color: #9d9;
	transition: all 0.3s;
}
#main dl.faq .ic_a::before {
	border-color: var(--mercari_red);
}
#main dl.faq .ic_q::after,
#main dl.faq .ic_a::after {
	color: var(--mercari_red);
	display: block;
	font-family: "Noto Sans Japanese";
	font-size: 22px;
	font-size: 2.2rem;
	position: absolute;
	width: 40px;
	height: 40px;
}
#main dl.faq .ic_q::after {
	content: "Q.";
		top: 9px;
		left: 25px;
}
#main dl.faq .ic_a::after {
/*	color: var(--mercari_red);*/
	content: "A.";
		top: 9px;
		left: 27px;
}
#main dl.faq .ic_a ol{
	counter-reset: item;
	list-style-type: none;
	margin: 1em 0 1em 1em;
	padding-left: 0;
}
#main dl.faq .ic_a ol li {
	margin: 12px 0 4px 16px;
	padding-left: 2em;
	position: relative;
}
#main dl.faq .ic_a ol li::before {
	color: var(--mercari_red);
	content: counter(item)'.';
	counter-increment: item;
	font-family: 'M PLUS 1p';
	transform: rotate(0.03deg);
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: 500;
	position: absolute;
		top: -4px;
		left: 0;
}
#main dl.faq .ic_a ul {
	margin: 1em 0;
}
#main dl.faq .ic_a ul li {
	margin: 4px 0;
	padding-left: 2em;
	position: relative;
}
#main dl.faq .ic_a ul li::before {
	color: var(--mercari_red);
	content: "\f111";
	font-family: "Font Awesome 5 Free";
	font-size: 10px;
	font-size: 1.0rem;
	font-weight: 900;
	margin-left: -1.5em;
	position: absolute;
		top: 2px;
}
.faq_ex {
	border: 1px dotted var(--mercari_red);
	border-radius: 8px;
	margin-top: 1em;
	padding: 16px 24px;
}
.faq_ex_ttl {
	font-family: "M PLUS 1p";
	transform: rotate(0.03deg);
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: 500;
	padding-left: 1em;
	position: relative;
}
.faq_ex_ttl::before {
	color: var(--mercari_red);
	content: "\f111";
	font-family: "Font Awesome 5 Free";
	font-size: 10px;
	font-size: 1.0rem;
	font-weight: 900;
	margin-left: -1.5em;
	position: absolute;
		top: 4px;
}
.faq_ex_contents {
	display: flex;
	margin-top: 8px;
}
.faq_ex_contents > div {
	background: #ecf6ed;
	border-radius: 8px;
	display: flex;
		align-items: center;
	padding: 16px;
}
.faq_ex_contents > div.first_step {
	margin-right: 40px;
	position: relative;
}
.faq_ex_contents > div.first_step::after {
	content: url(../images/arrow_blue.svg);
	margin-left: 8px;
	position: absolute;
		top: calc(50% - 10px);
		right: -24px;
	width: 7px;
	height: 14px;
}
/*-----------------------------------------------------------------------------
｜
｜■┓お知らせ（infoKenpoList.jsp）
｜┗┛
-----------------------------------------------------------------------------*/
.newswrap {
	width: 100%;
}
#main ul.years {
	display: flex;
		flex-wrap: wrap;
	margin-bottom: 64px;
	width: 100%;
}
#main ul.years li {
	margin-bottom: 16px;
	width: 20%;
}
#main .years_btn {
	background-color: #fff;
	border: 1px solid var(--mercari_red);
	border-radius: 28px;
	display: flex;
		align-items: center;
		justify-content: center;
	font-size: 20px;
	font-size: 2.0rem;
	margin: 0 auto;
	text-align: center;
	text-decoration: none;
	width: 128px;
	height: 40px;
}
#main .years_btn:hover {
	background-color: var(--mercari_red_tint);
	box-shadow: 0 0 5px var(--mercari_red);
}
#main .years_on {
	background-color: #fffff4;
	display: block;
}
.years_ttl {
	color: var(--mercari_red);
	font-size: 40px;
	font-size: 4.0rem;
	margin-bottom: 40px;
	text-align: center;
}
.news_list {
	margin: 0 auto 24px;
	width: 80%;
}
.news_list dl {
	display: flex;
		align-items: center;
		flex-wrap: wrap;
	width: 100%;
}
.news_list dl dt,
.news_list dl dd {
	border-bottom: none;
	padding: 5px 0 25px;
}
.news_list dl dt {
	padding-top: 8px;
	width: 20%;
}
.news_list dl dd {
	display: flex;
		align-items: baseline;
	width: 80%;
}
#main h4.news_ttl_wrap {
	display: flex;
		align-items: center;
		flex-wrap: wrap;
	margin: 0 auto 24px;
	width: 80%;
}
.newsdate {
	font-size: 16px;
	font-size: 1.6rem;
	margin-right: 1em;
}
.news_text {
	line-height: 2.0;
	margin: 0 auto 64px;
	width: 80%;
}
.news_text a{
	color:var(--mercari_red);
}
.news_text a.ic_closed::after {
	color: var(--mercari_red);
	content: "\f023";
	font-family: FontAwesome;
	font-size: 18px;
	font-size: 1.8rem;
	margin-left: 4px;
}
.news_list dl dd .new,
.news_wrap .info dl dd .new{
	background: var(--mercari_red);
	border-radius: 8px;
	color: #fff;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: bold;
	padding: 2px 6px;
	margin-right: 8px;
}
.news_list dl dd a,
.news_wrap .info dl dd a{
	display:block;
	position: relative;
}
.news_list dl dd .ic_closed::after,
.news_wrap .info dl dd .ic_closed::after{
	color: var(--mercari_red);
	content: "\f023";
	display: inline-block;
	font-family: FontAwesome;
	font-size: 18px;
	line-height: 0.9;
	position: relative;
		top: 2px;
		right: -8px;
}
.news_list dl dd .ic_closed:hover,
.news_wrap .info dl dd .ic_closed:hover{
	text-decoration: none !important;
}
/*-----------------------------------------------------------------------------
｜
｜■┓健保ハンドブック（handbook.jsp）
｜┗┛
-----------------------------------------------------------------------------*/
#guidebook {
	display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	margin: 0 auto;
}
#guidebook #gbl_wrap, #guidebook #gbr_wrap {
	width: 45%;
}
#guidebook ul li {
	display: flex;
	margin: 1em 0 0;
}
#guidebook ul {
	margin-bottom: 48px;
}
#guidebook ul li span {
	background: var(--mercari_red_tint);
	border-radius: 4px;
	display: flex;
		align-items: center;
		flex-shrink: 0;
		justify-content: center;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: bold;
	margin-right: 1em;
	padding: 3px 0;
	width: 70px;
}
#main #guidebook ul li a {
	text-decoration: underline;
}
#main #guidebook ul li a:hover {
	text-decoration: none;
}
/* pdfの注意書き */
.pdfinfo {
	display: flex;
		flex-wrap: wrap;
		justify-content: flex-end;
	margin-top: 32px;
	width: 100%;
}
.pdfinfo p {
	font-size: 11px;
	font-size: 1.1rem;
	margin-right: 5px;
}
/* バックナンバー時に使用 */
.booklet_wrap {
	display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	margin-top: 50px;
}
.booklet_box {
	margin-bottom: 1em;
}
.booklet_box a img {
	border: 1px solid #dcdcdc;
}
.booklet_box p.booklet_tit {
	font-weight: bold;
	letter-spacing: 0;
	margin: 1em 0 0;
}
/*-----------------------------------------------------------------------------
｜
｜■┓組合規約・諸規程（rules.jsp）
｜┗┛
-----------------------------------------------------------------------------*/
#main ul.rule_list {
	margin-top: 32px;
}
#main ul.rule_list li {
	margin: 1em 0 0 1em;
}
/* pdfの注意書き */
.pdfinfo {
	display: flex;
		flex-wrap: wrap;
		justify-content: flex-end;
}
.pdfinfo p {
	font-size: 11px;
	font-size: 1.1rem;
	margin-right: 5px;
}
/*-----------------------------------------------------------------------------
｜
｜■┓予算・決算のお知らせ（budget.jsp）
｜┗┛
-----------------------------------------------------------------------------*/
#budget {
	display: flex;
		flex-wrap: wrap;
		justify-content: center;
	margin: 0 auto;
}
#budget #gbl_wrap, #budget #gbr_wrap {
	width: auto;
	margin: 0 7%;
}
#budget ul li {
	display: flex;
	margin: 1em 0 0 1em;
}
/*-----------------------------------------------------------------------------
｜
｜■┓上手なお医者さんのかかり方（doctor.jsp）
｜┗┛
-----------------------------------------------------------------------------*/
#main ol.docter {
	counter-reset: my-counter;
}
#main ol.docter li {
	background: #fff;
	border-radius: 8px;
	display: flex;
		align-items: center;
		justify-content: space-between;
	list-style-type: none;
	padding-left: 56px;
	position: relative;
}
#main ol.docter li::before {
	color: var(--mercari_red);
	content: counter(my-counter) ". ";
	counter-increment: my-counter;
	font-family: 'M PLUS 1p';
	transform: rotate(0.03deg);
	font-size: 22px;
	font-size: 2.2rem;
	font-weight: 500;
	position: absolute;
		left: 24px;
}
#main ol.docter li .docter_ttl {
	color: var(--mercari_red);
	font-family: 'M PLUS 1p';
	transform: rotate(0.03deg);
	font-size: 17px;
	font-size: 1.7rem;
	font-weight: 500;
	width: 20%;
	min-width: 200px;
}
#main ol.docter li .docter_contents {
	border-left: 10px solid var(--mercari_red_tint);
		flex: 1;
	padding: 24px;
}
/*-----------------------------------------------------------------------------
｜
｜■┓組合案内（intro.jsp）
｜┗┛
-----------------------------------------------------------------------------*/
#main .gmap {
	height: 0;
	overflow: hidden;
	padding-bottom: 56.25%;
	padding-top: 30px;
	position: relative;
}
#main .gmap iframe,
#main .gmap object,
#main .gmap embed {
	position: absolute;
		top: 0;
		left: 0;
	width: 100%;
	height: 100%;
}
/* テーブル */
#intro tbody tr th {
	width: 20%;
}
/*-----------------------------------------------------------------------------
｜
｜■┓個人情報保護について（policy.jsp）
｜┗┛
-----------------------------------------------------------------------------*/
.contact_wrap {
	border: 1px solid var(--mercari_red);
	border-radius: 8px;
	margin-top: 24px;
	padding: 16px 32px;
}
.contact_wrap .contact_ttl {
	font-family: 'M PLUS 1p';
	transform: rotate(0.03deg);
	font-weight: 500;
	letter-spacing: .1em;
	position: relative;
}
.contact_wrap .contact_ttl::before {
	color: var(--mercari_red);
	content: "\f141";
	font-family: "Font Awesome 5 Free";
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: 900;
	margin-right: 8px;
}
.contact_wrap .contact_name {
	font-size: 16px;
	font-weight: bold;
}
.contact_wrap .contact_address {
	font-weight: bold;
}
.contact_wrap .contact_address span {
	font-size: 20px;
}
.contact_wrap .contact_time{
	font-size: 12px;
}
#main .pr_ttl {
	border-bottom: 1px solid var(--mercari_red);
	color: var(--mercari_red);
	font-family: "M PLUS 1p";
	transform: rotate(0.03deg);
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 500;
	margin-bottom: 16px;
	padding-bottom: 8px;
	padding-left: 2em;
	position: relative;
	width: calc(100% - 4px);
}
#main .pr_ttl::before {
	background: var(--mercari_blue);
	content: "";
	position: absolute;
		left: 4px;
		bottom: 2px;
	width: 100%;
	height: 1px;
}
#main dl.policy > dt,
#main dl.policy > dd {
	background: #fff;
	position: relative;
}
#main dl.policy > dt {
	border-radius: 8px 8px 0 0;
	cursor: pointer;
	margin-top: 16px;
	padding-right: 40px;
	position: relative;
}
#main dl.policy > dt:hover {
	color: var(--mercari_red);
	transition: all 0.3s;
}
#main dl.policy > dt::after {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	color: var(--mercari_red);
	content: "\f067";
	position: absolute;
		top: calc(50% - 14px);
		right: 16px;
}
#main dl.policy > dt.open_dd::after {
	content: "\f068";
}
#main dl.policy > dd {
	border-top: 1px dotted var(--mercari_red);
	border-radius: 0 0 8px 8px;
	display: none;
}
#main dl.policy > dt .ic_q {
	position: relative;
}
#main dl.policy > dt .ic_q::before {
	color: var(--mercari_red);
	content: "\f111";
	font-family: "Font Awesome 5 Free";
	font-size: 12px;
	font-weight: 900;
	display: inline-block;
	position: absolute;
		top: 18px;
		left: 32px;
}
/*
#main dl.policy > dt:nth-of-type(even) .ic_q::before {
	color: #e57e5c;
}
*/
#main dl.policy dt > div {
	padding: 16px 16px 16px 56px;
}
#main dl.policy dd > div {
	padding: 24px 32px 48px;
}
/* テーブル */
#pr_tbl tbody tr th.number {
	text-align: center;
	width: auto;
}
#pr_tbl tbody tr td.pr_menu {
	width: 46%;
}
/* リスト */
#main dl.policy ul > li {
	margin: 4px 0;
	padding-left: 2em;
	position: relative;
}
#main dl.policy ul > li::before {
	color: var(--mercari_red);
	content: "\f111";
	font-family: "Font Awesome 5 Free";
	font-size: 10px;
	font-size: 1.0rem;
	font-weight: 900;
	margin-left: -1.5em;
	position: absolute;
		top: 4px;
}
/*-----------------------------------------------------------------------------
｜
｜■┓リンク（link.jsp）
｜┗┛
-----------------------------------------------------------------------------*/
#main a.link_area {
	display: block;
	padding: 24px;
	text-decoration: none;
}
#main a.link_area:last-of-type {
	padding-bottom: 0;
}
#main h3.sub_ttl + a.link_area {
	margin-top: -24px;
}
#main a:hover.link_area {
	opacity: .6;
	transition: all .3s;
}
#main a.link_area .link_ttl {
	display: flex;
		align-items: baseline;
	line-height: 1.4;
	margin-bottom: 12px;
}
#main a.link_area .link_ttl .link_page_name {
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	margin-right: 1em;
	padding-left: 20px;
	position: relative;
}
#main a.link_area .link_ttl .link_page_name::before {
	color: var(--mercari_red);
	content: "\f111";
	display: block;
	font-family: "Font Awesome 5 Free";
	font-size: 12px;
	font-weight: 900;
	position: absolute;
		top: 3px;
		left: 0;
}
/*
#main a.link_area:nth-of-type(even) .link_ttl .link_page_name::before {
	color: #e57e5c;
}
*/
#main a.link_area .link_ttl .link_page_url {
	color: var(--mercari_red);
	position: relative;
	padding-right: 20px;
}
#main a.link_area .link_ttl .link_page_url::after {
	background: url(../images/icon_externallink.svg) 0 0 no-repeat;
	background-size: 12px 12px;
	content: "";
	display: block;
	position: absolute;
		top: 3px;
		right: 0;
	width: 12px;
	height: 12px;
}
#main a.link_area .link_txt {
	padding-left: 20px;
}
/*-----------------------------------------------------------------------------
｜
｜■┓サイトマップ（sitemap.jsp）
｜┗┛
-----------------------------------------------------------------------------*/
#main .wrap_sitemap {
	display: flex;
		justify-content: space-between;
	margin-top: -56px;
}
#main .wrap_sitemap > div {
	width: 30%;
}
#main .wrap_sitemap ul li {
	line-height: 1.4;
}
#main .wrap_sitemap ul li a {
	display: inline-block;
	padding-top: 4px;
	padding-bottom: 4px;
}
#main .wrap_sitemap ul li a:hover {
	opacity: .4;
	transition: all .3s;
}
#main .wrap_sitemap ul li a.no_link {
	cursor: default;
	text-decoration: none;
}
#main .wrap_sitemap ul li a.no_link:hover {
	opacity: 1;
}
#main .wrap_sitemap ul.parent > li { /* 第一階層 */
	position: relative;
}
#main .wrap_sitemap ul.parent > li > a { /* 第一階層 */
	display: block;
	font-size: 16px;
	font-size: 1.6rem;
	margin: 56px 0 4px;
	padding: 4px 0 8px 18px;
}
#main .wrap_sitemap ul.parent > li::before {
	content: "\f111";
	color: var(--mercari_red);
	display: block;
	font-size: 12px;
	font-size: 1.2rem;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	position: absolute;
		top: 8px;
		left: 2px;
}
#main .wrap_sitemap ul.parent > li:nth-of-type(even)::before {
	color: var(--mercari_red);
}
#main .wrap_sitemap ul.parent > li > a.bd_none { 
	border-bottom: none;
}
#main .wrap_sitemap ul.nest_1,
#main .wrap_sitemap ul.nest_2 {
	position: relative;
}
#main .wrap_sitemap ul.nest_2 {
	margin: 0 0 12px 0;
}
#main .wrap_sitemap ul.nest_1::before,
#main .wrap_sitemap ul.nest_2::before {
	background: var(--mercari_red);
	content: "";
	display: block;
	position: absolute;
		top: 2px;
		left: 8px;
	width: 1px;
	height: calc(100% - 16px);
}
#main .wrap_sitemap ul.nest_1 > li,
#main .wrap_sitemap ul.nest_2 > li {
	padding-left: 24px;
	position: relative;
}
#main .wrap_sitemap ul.nest_1 > li::before,
#main .wrap_sitemap ul.nest_2 > li::before {
	background: var(--mercari_red);
	content: "";
	display: block;
	position: absolute;
		top: 13px;
		left: 8px;
	width: 8px;
	height: 1px;
}
#main .wrap_sitemap ul.nest_1 > li:last-of-type::after,
#main .wrap_sitemap ul.nest_2 > li:last-of-type::after { /* liの最後に改行がつくと、親ulの縦棒がはみ出るので白で消す */
	background: var(--bg_color);
	content: "";
	display: block;
	position: absolute;
		top: 15px;
		left: 4px;
	width: 8px;
	height: calc(100% - 16px);
}
/*########################################################################################
｜
｜フッター
｜#footer
｜
########################################################################################*/
/*-----------------------------------------------------------------------------
｜
｜■┓フッターメイン
｜┗┛
-----------------------------------------------------------------------------*/
#footer {
	background-color: var(--mercari_blue);
	color: #fff;
	padding: 32px 0 16px;
	position: relative;
}
#footer::before {
	background-image: url(../images/bg_wave_b.svg);
	background-position: left bottom;
	background-repeat: repeat-x;
	background-size: contain;
	content: "";
	display: block;
	position: absolute;
		top: -18px;
		right: 0;
		left: 0;
	height: 18px;
}
#footer footer {
	display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	max-width: 950px;
	margin: 40px auto 0;
}
@media screen and (max-width:950px) {
	#footer footer {
	margin: 40px 16px 0;
	}
}
#footer .kenpoinfo {
	margin-bottom: 16px;
}
#footer .kenpo_name {
	font-family: "M PLUS 1p";
	transform: rotate(0.03deg); 
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: 500;
	margin: 0 1em 8px 0;
}
#footer .kenpo_address,
#footer .kenpo_tel {
	font-size: 12px;
	font-size: 1.2rem;
}
#footer .kenpo_tel {
	display: flex;
}
#footer .kenpo_tel div:first-child {
	margin-right: 2em;
}
#footer .kenpo_tel div > span {
	background-color: #fff;
	border-radius: 2px;
	color: var(--mercari_red);
	display: inline-block;
	font-weight: bold;
	line-height: 1.0;
	margin-right: 6px;
	padding: 1px 4px 2px;
}
#footer .footer_nav {
	display: flex;
		column-gap: 24px;
		flex-wrap: wrap;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: bold;
	margin-bottom: 24px;
}
#footer .footer_nav li a {
	color: #fff;
}
#footer .footer_nav li a::before {
	background-image: url("../images/arrow_white.svg");
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
	display: inline-block;
	margin-right: 12px;
	width: 5px;
	height: 9px;
}
/*----------------------------
コピーライト
----------------------------------------------------------*/
/* お問い合わせフォームで右寄せにするため */
footer > p {
	width: 100%;
	text-align: right;
}
/* ここまで */
#footer small {
	font-size: 8px;
	font-size: .8rem;
	text-align: right;
	width: 100%;
}
/*----------------------------
ページトップ
----------------------------------------------------------*/
.page_top {
	position: fixed;
		bottom: 16px;
		right: 16px;
	z-index: 10;
}
.page_top a {
	background: #fff url(../images/arrow_top.svg) no-repeat;
	background-position: 50% 20%;
	background-size: 15px 15px;
	border: 1px solid var(--mercari_blue);
	border-radius: 50%;
	color: var(--mercari_blue);
	display: inline-block;
	font-size: 8px; /* 固定 */
	font-size: 0.8rem; /* 固定 */
	letter-spacing: 0;
	line-height: 60px; /* 固定 */
	padding-top: 10px;
	position: relative;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	width: 60px;
	height: 60px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
}
.page_top a:hover {
	opacity: 0.6;
	text-decoration: none;
	-webkit-transform: scale( 1.1 );
	-moz-transform: scale( 1.1 );
}
/*-----------------------------------------------------------------------------
｜
｜■┓お問い合わせフォーム
｜┗┛
-----------------------------------------------------------------------------*/
#inquiry {
	margin: 0 auto;
	padding: 64px 24px;
	max-width: 800px;
}
#inquiry .arrow {
	margin-bottom: 3em;
}
#inquiry .disabled {
	background: #ddd;
}
.tel_width input[type="text"],
.email_width input[type="text"] {
	width: 400px;
}
.email_area {
	width: 100%;
}
.email_conf {
	display: flex;
		flex-wrap: wrap;
}
.email_conf1_width {
	width: auto;
}
.email_conf1_width input[type="text"] {
	width: 185px;
}
.email_conf2_width input[type="text"] {
	width: 185px;
}
.email_conf2_width {
	display: flex; /* @マーク横並び用 */
	width: auto;
}
.email_conf2_width_contents {
	display: flex;
	width: 100%;
}
.email_conf2_width .mark{
	display: flex;
		align-items: center;
		justify-content: center;
	width: 30px;
	height: 40px; /* input[type="text"]の高さ */
}
.email_conf1_width input {
	width: 185px;
}
.email_conf2_width input {
	width: 185px;
}
.inquiry_textarea {
	width: 100%;
	height: 100px;
}
.wrap_qes {
	margin: 40px auto 64px;
	width: calc(100% - 80px);
}
.wrap_qes div {
	margin-left: 1em;
	padding: 4px 0;
}
.wrap_qes h4:not(:first-of-type) {
	margin-top: 24px;
}
/* arrow */
.arrow {
	border: none;
	border-collapse: separate;
	border-spacing: 0 5px;
	width: 100%;
}
.arrow th,
.arrow td {
	border:0 ;
	text-align: left;
}
.arrow > tbody > tr > th {
	background: var(--mercari_blue);
	border-radius: 4px 0 0 4px;
	overflow: visible;
	white-space: nowrap;
	width: 30%;
}
.arrow > tbody > tr > td {
	background: var(--mercari_blue_tint);
	border-radius: 0 4px 4px 0;
	padding-left: 20px;
}
#inquiry .arrow td.name_width_flex {
	display: flex;
		flex-wrap: wrap;
}
.name_width input {
	margin-right: 1em;
	width: 200px;
}
.guide_tbl {
	border-collapse: collapse;
	border-spacing: 0;
	margin: 1em 0 2em 1em;
}
.guide_tbl th.ttl {
	background: #808080;
	color: #fff;
	font-weight: normal;
}
.guide_tbl th {
	background: #efefef;
	border: 1px solid #ccc;
	color: var(--text_color);;
	font-weight: normal;
	padding: 8px;
	vertical-align: middle;
	white-space: nowrap;
}
.guide_tbl td {
	border: 1px solid #ccc;
	padding: 8px;
}
/* provision_tbl */
.provision_tbl {
	border-collapse: collapse;
	border-spacing: 0;
	margin-bottom: 1em;
	width: 100%;
}
.provision_tbl th {
	background-color: #808080;
	border: 1px solid #ccc;
	color: #fff;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: normal;
	min-width: 200px;
	padding: 8px;
	text-align: center;
	white-space: nowrap;
}
.provision_tbl th:first-of-type {
	width: 200px;
}
.provision_tbl td.provision_ttl {
	background-color: #efefef;
	color: var(--mercari_red);
	text-align: left;
	vertical-align: middle;
}
.provision_tbl td {
	border: 1px solid #ccc;
	padding: 10px;
}
.provision_tbl td dt {
	margin-bottom: .5em;
}
.provision_tbl td dt span {
	border-radius: 4px;
	display: inline-block;
	font-size: 14px;
	line-height: 1;
	margin-right: 4px;
	padding: 4px 8px;
}
.provision_tbl td dt span.insured {
	background: #cdf;
	border: 1px solid #008;
	color: #008;
}
.provision_tbl td dt span.dependents {
	background: #ffe6b2;
	border: 1px solid #b34700;
	color: #b34700;
}
.provision_tbl td dt img {
	margin-right: 5px;
}
.provision_tbl td dd{
	font-weight: bold;
	margin-bottom: 1em;
	padding-left: 5px;
}
.radio,
.checkbox {
	border-radius: 8px;
	cursor: pointer;
	display: inline-block;
	margin: 0 20px 0 0;
	padding: 12px 12px 12px 42px;
	position: relative;
	transition: background-color 0.2s linear;
	-webkit-transition: background-color 0.2s linear;
	vertical-align: middle;
}
.radio:hover::after, .checkbox:hover::after {
	border-color: #999;
}
.radio::after, .checkbox::after {
	border: 2px solid #999;
	border-radius: 10px;
	content: '';
	display: block;
	margin-top: -10px;
	position: absolute;
		top: 50%;
		left: 15px;
	transition: border-color 0.2s linear;
	-webkit-transition: border-color 0.2s linear;
	width: 16px;
	height: 16px;
}
.radio::before {
	background-color: var(--mercari_red);
	border-radius: 50%;
	content: '';
	display: block;
	margin-top: -5px;
	opacity: 0;
	position: absolute;
		left: 20px;
		top: 50%;
	transition: opacity 0.2s linear;
	-webkit-transition: opacity 0.2s linear;
	width: 10px;
	height: 10px;
}
.checkbox::after {
	border: 2px solid #999;
	border-radius: 2px;
	content: '';
	display: block;
	margin-top: -10px;
	position: absolute;
		top: 50%;
		left: 15px;
	transition: border-color 0.2s linear;
	-webkit-transition: border-color 0.2s linear;
	width: 16px;
	height: 16px;
}
.checkbox::before {
	border-right: 3px solid #53b300;
	border-bottom: 3px solid #53b300;
	content: '';
	display: block;
	margin-top: -7px;
	opacity: 0;
	position: absolute;
		top: 50%;
		left: 21px;
	transition: opacity 0.2s linear;
	-webkit-transition: opacity 0.2s linear;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	width: 5px;
	height: 9px;
}
.button {
	display: flex;
		align-items: center;
		flex-wrap: wrap;
		justify-content: center;
	margin: 40px 10px;
}
.button input {
	font-size: 16px;
	font-size: 1.6rem;
	padding: 8px 16px;
	margin: 10px;
	min-width: 200px;
	height: 40px;
}
input[type=submit], input[type=reset] {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	/* box-shadow: none; */
}
.qes_tel {
	border-style: dotted;
	border-width: 1px 0;
	display: inline-block;
	margin: 16px 0 32px;
	padding: 12px;
}
#inquiry span.note{
	color: #f00;
	font-size: 12px;
	font-size: 1.2rem;
}
/*-----------------------------------------------------------------------------
｜
｜■┓サイト内検索（search_result.jsp）
｜┗┛
-----------------------------------------------------------------------------*/
.search_bar {
	display: flex;
		align-items: center;
		flex-wrap: wrap;
	margin: 0 auto 6em;
	width: 90%;
}
.search_bar div:nth-child(1) {
	width: 85%;
}
.search_bar div:nth-child(1) input {
	background: #fffff4;
	border: 1px solid var(--mercari_red);
	border-radius: 4px 0 0 4px;
	font-size: 16px;
	font-size: 1.6rem;
	padding: 0 0 0 16px;
	width: 100%;
	height: 50px;
}
.search_bar div:nth-child(1) input:focus {
	background: #fff;
	border: 1px solid var(--mercari_red);
}
.search_bar div:nth-child(2) {
	font-size: 20px;
	font-size: 2.0rem;
	text-align: center;
	width: 15%;
	height: 50px;
}
.search_bar div:nth-child(2) a {
	background-color: var(--mercari_red);
	border-radius: 0 4px 4px 0;
	color: #fff;
	display: block;
	line-height: 2.5;
	width: 100%;
	height: 100%;
}
.search_bar div:nth-child(2) a:hover {
	opacity: 0.6;
}
.search_bar div:nth-child(2) a span {
	display: none;
}
.sr_contents .sr_head {
	font-size: 12px;
	font-size: 1.2rem;
	text-align: right;
}
.sr_contents .sr_head .show_count {	
	margin-left: 24px;
}
.sr_contents #sr_list .sr_page_ttl {
	margin: 24px 0 8px 24px;
	position: relative;
}
.sr_contents #sr_list .sr_page_ttl a {
	font-weight: bold;
	font-size: 16px;
	font-size: 1.6rem;
}
.sr_contents #sr_list .sr_page_ttl a:hover {
	color: var(--mercari_red);
}
.sr_contents #sr_list .sr_page_ttl::before {
	color: var(--mercari_red);
	content: "\f111";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	position: absolute;
		top: 2px;
		left: -20px;
}
.sr_contents #sr_list .sr_page_ttl:nth-of-type(even)::before {
	color: var(--mercari_red);
}
.sr_contents #sr_list .sr_page_contents {
	padding-left: 1.5em;
}
.sr_contents #sr_list .sr_url {
	border-bottom: 1px dotted var(--mercari_red);
	padding: 16px 0;
}
.sr_contents #sr_list .sr_url a {
	color: var(--mercari_red);
	font-size: 12px;
	font-size: 1.2rem;
	padding-left: 1.5em;
	text-decoration: none;
}
.sr_contents #sr_list .sr_url a:hover {
	text-decoration: underline;
}
.sr_contents .sr_pager {
	display: flex;
		justify-content: space-between;
	margin: 24px 0 0px;
}
.sr_contents .sr_pager {
	position: relative;
}
.sr_contents .sr_pager a.btn_prevlink::before {
	background-image: url(../images/arrow_blue.svg);
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
	display: inline-block;
	width: 12px;
	height: 12px;
	margin-right: 8px;
	transform: scale(-1, 1);
}
.sr_contents .sr_pager a.btn_nextlink::after {
	background-image: url(../images/arrow_blue.svg);
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
	display: inline-block;
	width: 12px;
	height: 12px;
	margin-left: 8px;
}
/*-----------------------------------------------------------------------------
｜
｜■┓個人情報（/vc/g314/usr/personal/ja-view_kenpo.jsp）
｜┗┛パスワード変更（/vc/g314/usr/personal/ja-update_password_form.jsp）
｜
-----------------------------------------------------------------------------*/
#main .tbl_telnum th, 
#main .tbl_telnum td {
	border: 1px solid #ccc;
	padding: 12px;
}
.tbl_telnum th {
	background-color: #eee;
	color: var(--text_color);;
	font-weight: normal;
	width: 30%;
}
#main .tbl_telnum td {
	background-color: #fff;
}
.tbl_telnum td::before {
	content: none;
}
.personal_btn {
	margin: 0 auto 100px;
	width: 300px;
}
#main a.btn_goto {
	background-color: #666;
	color: #fff;
	display: inline-block;
	font-size: 18px;
	font-size: 1.8rem;
	padding: 16px 32px;
	text-align: center;
	text-decoration: none;
}
#main a.btn_goto::after {
	color: #fff;
	content: "\f061";
	font-family: "Font Awesome 5 Free";
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 700;
	margin-left: 10px;
}
#main a.btn_goto:hover,
input.btn_submit:hover,
input.btn_back:hover {
	opacity: 0.6;
}
#main .tbl_dependent {
	width: 100%;
}
#main .tbl_dependent th,
#main .tbl_dependent td {
	border: 1px solid #ccc;
	padding: 12px;
	vertical-align: middle;
	white-space: nowrap;
}
#main .tbl_dependent th {
	font-weight: normal;
	text-align: center;
}
#main .tbl_dependent th.dep_no {
	width: 10%;
}
#main .tbl_dependent th.dep_name span {
	font-size: 14px;
	font-size: 1.4rem;
}
#main .tbl_dependent td.dep_no,
#main .tbl_dependent td.dep_birthday,
#main .tbl_dependent td.dep_sex,
#main .tbl_dependent td.dep_relation {
	text-align: center;
}
#main .tbl_dependent td.dep_lastname span,
#main .tbl_dependent td.dep_firstname span {
	font-size: 14px;
	font-size: 1.4rem;
}
form.password_change {
	margin: 0 auto;
	width: 90%;
}
form.password_change table th {
	width: 35%;
}
form.password_change table td .it_middle {
	width: 100%;
}
input.btn_submit,
input.btn_back {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: none;
	border-radius: 8px;
	color: #fff;
	cursor: pointer;
	font-family: inherit;
	font-size: inherit;
	line-height: 1;
	transition: all .2s;
}
input.btn_submit {
	background-color: var(--mercari_red);
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	height: 60px;
	min-width: 256px;
}
input.btn_back {
	background-color: #999;
	color: #fff;
	font-size: 18px;
	font-size: 1.8rem;
	height: 60px;
	min-width: 200px;
}
input.btn_submit:focus,
input.btn_back:focus {
	outline: none;
}
nav.submit_apply_form {
	margin: 56px auto 80px;
}
#main .link_about_mail,
#main .input_email_area,
#main .ck_nomail {
	border-bottom: 1px dotted #d6d6d6;
	padding: 12px 0;
}
#main .link_about_mail {
	padding-top: 4px;
}
#main .mail_alert {
	color: red;
	font-size: 14px;
	font-size: 1.4rem;
	padding: 8px 0 4px 1em;
	text-indent: -1em;
}
#main .link_about_mail > div {
	line-height: 1.2;
	padding-left:12px;
	position: relative;
}
#main .link_about_mail > div:before {
	color: gray;
	content: "\f054"; /* fa-chevron-right */
	font-family: FontAwesome;
	font-size: 8px;
	font-size: .8rem;
	position: absolute;
		top: 6px;
		left: 0;
}
#main .link_about_mail > div span {
	color: red;
	font-size: 14px;
	font-size: 1.4rem;
	margin-left: 1em;
}
#main .sub_text {
	color: #555;
	font-size: 14px;
	font-size: 1.4rem;
}
#main .input_email_area .input_email {
	width: 480px;
}
#main .input_email_area .input_email_conf1 {
	margin-right: 4px;
	width: 228px;
}
#main .input_email_area .input_email_conf2 {
	margin-left: 4px;
	width: 228px;
}
#main .input_email_area > div:first-of-type {
	margin-bottom: 12px;
}
#main .input_email_area .btn_send_email {
	margin-top: 4px;
}
#main .input_email_area .btn_send_email a {
	background: var(--mercari_red);
	color: #fff;
	display: inline-block;
	font-size: 14px;
	font-size: 1.4rem;
	padding: 4px 8px 4px 26px;
	position: relative;
	text-decoration: none;
}
#main .input_email_area .btn_send_email a::before {
	content: "\f003 ";
	font-family: FontAwesome;
	position: absolute;
		top: 4px;
		left: 8px;
}
#main .input_email_area .btn_send_email a:hover {
	opacity: .6
}
#main input.it_long {
	width: 480px;
}
#main input.it_middle {
	width: 280px;
}
#main input.it_short {
	width: 160px;
}