@charset "utf-8";

/*########################################################################################

ヘッダー
header

########################################################################################*/
/*----------------------------
上部左ロゴ
----------------------------------------------------------*/
h1 {
	background-position: left 9px;
	letter-spacing: 0.03em;
	line-height: 2;
	padding: 0 0 0 40px;
}
/*----------------------------
グローバルナビゲーション
----------------------------------------------------------*/
.gnavi li:nth-child(1){
	width: 14%;
}
.gnavi li:nth-child(3){
	width: 14%;
}
.gnavi li:nth-child(4){
	width: 18%;
}
.gnavi li:nth-child(5){
	width: 16%;
}
.gnavi li:nth-child(6){
	width: 14%;
}
.gnavi li a {
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.4;
}

/*########################################################################################

トップページ（#main_top）、
セカンダリページ（#main.content）共通

########################################################################################*/
/*----------------------------
メインナビゲーション
----------------------------------------------------------*/
.main_nav ul li a {
	height: 100%;
}
.main_nav ul li a .mnav_tit {
	align-items: baseline;
	line-height: 1.2;
}
.main_nav ul li.yoyaku a .mnav_tit,
.main_nav ul li.kekka a .mnav_tit,
.main_nav ul li.meisai a .mnav_tit {
	padding-left: 30px;
}
.main_nav ul li a .mnav_subtit div:first-child {
	font-size: 14px;
	font-size: 1.4rem;
}

/* タイトル下のバー（健保からのお知らせ　こんな時どうする？） */
#main_top .tit_bdb_gray::after,
#main_top .tit_bdb_white::after {
	content: "";
	display: block;
	margin: 12px auto 0;
	width: 96px;
	height: 1px;
}
#main_top .tit_bdb_gray::after {
	background: #ccc;
}
#main_top .tit_bdb_white::after {
	background: #fff;
}

/*----------------------------
健保からのお知らせ
----------------------------------------------------------*/
/*
.wrap_news .info {
	width: 100%;
}
*/

/*----------------------------
こんなときはどうする？
----------------------------------------------------------*/
.solution {
	margin: 0 -500% 48px;
}
.solution ul li{
	font-size: 11px;
	font-size: 1.1rem;
}

/*########################################################################################

セカンダリページ 目次
main#main

########################################################################################*/
.monthlyfee_pdf {
	width: 252px;
}
.sick_description {
	width: calc(100% - 244px);
}

/*-----------------------------------------------------------------------------
■┓保健事業（health.jsp）
┗┛
-----------------------------------------------------------------------------*/
#main .bnr_healthnavi a .mnav_subtit div:first-child {
	font-size: 14px;
	font-size: 1.4rem;
}
#main .bnr_healthnavi a .mnav_subtit div:last-child {
	letter-spacing: 0.03em;
}
#main .bnr_healthnavi a .mnav_subtit {
	width: 800px;
}
/*-----------------------------------------------------------------------------
■┓健康のしくみ（guide.jsp）
┗┛Health Insurance System
-----------------------------------------------------------------------------*/
/*----------------------------
保険証としてのマイナンバーカード利用（guide_12.jsp）
----------------------------------------------------------*/
#main .mynum_contact_free .hour_tit {
	padding: 0;
	width: 180px;
}
#main .mynum_contact_free .hour_tit:not(:first-of-type) {
	margin-left: 0;
}
.nav_contents ul li a {
	font-size: 12px;
	font-size: 1.2rem;
}

/*########################################################################################

セカンダリページ 通常版
main#main

########################################################################################*/
table.point03 th {
	white-space: normal;
}

/*----------------------------
フォームページでは
「申込内容確認」「申込を確定」等のボタン　→　（input.btn_submit）
「戻る」等のボタン　→　（input.btn_back）
----------------------------------------------------------*/
input.btn_submit {
	background-position: 56px calc(50% - 1px);
}