@charset "utf-8";
/*==================================================================================================

基本設定

■ベースカラー：#007db8 , #333(text) ,#ccc(border) , #eee(bg)
■コンテンツ横幅：950px

■フォント：日本語/（本文）メイリオ、（タイトル）Notosansjapanese「Bold 700」（グロナビ）「Medium 500」、英語/Arial

■hover時のopacity設定：0.6とする

■ヘッダー、フッダー各二種類あり
　header.jsp：グロナビありフルバーション
　header_s.jsp：グロナビなし簡易バーション
　footer.jsp：ナビありフルバーション
　footer_s.jsp：ナビなし簡易バーション

==================================================================================================*/
/*-------------------
共通class
--------------------------------------------------*/
@import url('/vc/base/usr/docs/css/html5reset-1.6.1.css'); /*ブラウザのデフォルトスタイルをリセット*/
@import url('/vc/base/usr/docs/css/common.css');
/*-------------------
フォント
--------------------------------------------------*/
@import url('https://fonts.googleapis.com/earlyaccess/notosansjapanese.css');
@import url('/vc/base/usr/docs/css/fontawesome_ver4.css');
@import url('/vc/base/usr/docs/css/fontawesome_ver5.css');
/* スクロールヒント読み込み */
@import url('https://secure.apap.jp/vc/base/usr/docs/css/scroll-hint.css');
/*--------------
■┓基本設定
┗┛
----------------------------------------------------------*/
* {
	-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: #fff;
	color: #333;
	font-family: Arial, 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif !important;
	font-size: 14px;
	font-size: 1.4rem;
	letter-spacing: 0.03em;
	line-height: 1.8;
	overflow-x: hidden;
}
.container {
	max-width: 950px;
	margin: 0 auto;
}
p {
	margin-bottom: 1em;
}
br {
	letter-spacing: normal;
}
label {
	cursor: pointer;
}
img {
	vertical-align: bottom;
}
a {
	color: #333;
	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 #999;
	border-radius: 0;
	box-shadow: inset 1px 3px 9px -8px rgba(0,0,0,0.5);
	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"] + label,
label.checkbox_in_label {
	display: inline-block;
	margin-right: 0.8em;
	padding: 3px 3px 3px 22px;
	position: relative;
}
input[type="checkbox"] + label::before,
label.checkbox_in_label::before,
input[type="checkbox"] + label::after,
label.checkbox_in_label::after {
	content: "";
	position: absolute;
	transition: all .2s;
}
input[type="checkbox"] + label::before,
label.checkbox_in_label::before {
	background: #f4f4f4;
	border: 1px solid #ccc;
	border-radius: 3px;
		top: 5px;
		left: 0;
	width: 14px;
	height: 14px;
}
input[type="checkbox"] + label::after,
label.checkbox_in_label::after {
	border-left: 2px solid #f60;
	border-bottom: 2px solid #f60;
	opacity: 0;
		top: 9px;
		left: 3px;
	transform: rotate(-45deg) scale(.5);
	width: 8px;
	height: 4px;
}
input[type="checkbox"] + label:hover::before,
label.checkbox_in_label:hover::before {
	background: #fff;
}
input[type="checkbox"]:checked + label::before,
label.checkbox_checked::before {
	background: #fff;
	border: 1px solid #f60;
	opacity: 1;
}
input[type="checkbox"]:checked + label::after,
label.checkbox_checked::after {
	transform: rotate(-45deg) scale(1);
	opacity: 1;
}
input[type="search"]::-webkit-search-cancel-button {/* input内×ボタンのデザイン削除 */
	-webkit-appearance: none;
}

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

ボタン
button

########################################################################################*/
.btn {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	transition: all .3s;
	-webkit-transition: all .3s;
}
.btn_move {
	overflow:hidden;
	position: relative;
	transition: .3s;
}
.btn_move::after {
	background: #007db8;
	content: '';
	position: absolute;
		bottom: 0;
		left: -12%;
	transition: .3s;
	transform: skewX(15deg);
	width: 0;
	height: 120%;
	z-index: -1;
}
.btn_move:hover {
	color: #fff;
	cursor: pointer;
	text-decoration: none;
}
.btn_move:hover::after {
		left: -12%;
	width: 120%;
}
.btn_gnav {
	position: relative;
}
.btn_gnav::before,
.btn_gnav::after {
	position: absolute;
	transition: all 0.35s ease;
	-webkit-transition: all 0.35s ease;
}
.btn_gnav::before {
	background-color: #007db8;
	content: "";
	display: block;
		top: -15px;
		left: 25px;
	width: 0%;
	height: 3px;
}
.btn_gnav::after {
	color: #fff;
	content: attr(data-hover);
	max-width: 0%;
	overflow: hidden;
	padding: 0.5em 0;
	position: absolute;
	white-space: nowrap;
}
.btn_gnav:hover::before {
	width: 80%;
}
.btn_gnav a:hover::after {
	max-width: 80%;
}
.btn_up {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	transition: all .3s;
	-webkit-transition: all .3s;
}
.btn_up:hover {
	transform: translateY(-5px);
	-webkit-transform: translateY(-5px);
	-ms-transform: translateY(-5px);
}
.btn_move_bd {
	outline: none;
	position: relative;
}
.btn_move_bd::before,
.btn_move_bd::after {
	border: 2px solid transparent;
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	z-index: 2;
}
.btn_move_bd::before {
		top: -2px;
		left: -2px;
}
.btn_move_bd::after {
		bottom: -2px;
		right: -2px;
}
.btn_move_bd:hover {
	color: #a09678;
	text-decoration: none;
}
.btn_move_bd:hover::before,
.btn_move_bd:hover::after {
	border-radius: 5px;
	width: 100%;
	height: 100%;
}
.btn_move_bd:hover::before {
	border-bottom-color: #007db8;
	border-left-color: #007db8;
	transition: height .2s, width .2s .2s;
}
.btn_move_bd:hover::after {
	border-top-color: #007db8;
	border-right-color: #007db8;
	transition: height .1s .2s, width .1s .3s;
}
#main .btn_close {
	border: 1px solid #007db8;
	display: block;
	margin: 3em auto;
	padding: 10px;
	text-align: center;
	text-decoration: none;
	width: 120px;
}
#main .btn_close:hover,
#main .btn_close:hover::before {
	color: #fff;
}
#main .btn_close::before {
	color: #007db8;
	content: "\f057";
	display: inline-block;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	margin-right: 5px;
}

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

ヘッダー
header

########################################################################################*/
#gray_panel {
	background: #000;
	display: none;
	opacity: 0.6;
	position: fixed;
		top: 0;
		left: 0;
	width: 100%;
	height: 99999px;
	z-index: 9997;
}
/*----------------------------
上部左ロゴ
----------------------------------------------------------*/
h1 {
	background: url(../images/logo.svg) no-repeat left 18px;
	background-size: 25px 25px;
	font-size: 20px;
	font-size: 2.0rem;
	font-weight: bold;
	letter-spacing: 0.05em;
	line-height: 1.0;
	margin-left: 15px;
	padding: 10px 0 0 40px;
}
h1 .kenpo_tit {
	font-family: "Noto Sans Japanese";
}
.kenpo_en {
	color: #007db8;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: normal;
	letter-spacing: 0.03em;
}
.hd_top {
	display: flex;
	padding: 20px 0 25px;
}
.hd_top .hd_l {
	margin-right: auto;
}
.hd_top a.hd_l:hover {
	text-decoration: none;
}
.hd_top a.hd_l:hover img {
	opacity: 1;
}

/*----------------------------
上部右ナビゲーション
----------------------------------------------------------*/
.hd_nav > ul {
	display: flex;
		flex-wrap: wrap;
		justify-content: flex-end;
	font-family: "Noto Sans Japanese";
	font-weight: 500;
	margin-top: -2px;
	margin-bottom: 6px;
}
.hd_top .hd_nav > ul > li {
	margin-left: 22px;
}
.hd_top .hd_nav > ul > li > a {
	display: inline-block;
	height: 24px;
}
.hd_nav > ul > li.con_mail > a {
	background-image: url(../images/icon_contact.svg);
	background-position: left 4px;
	background-repeat: no-repeat;
	background-size: 18px 12px;
	font-weight: bold;
	padding: 0 5px 0 25px;
}
.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: 0 5px 0 28px;
}
.hd_nav ul li.con_mail a i {
	color: #007db8;
	margin-left: 5px;
}
.hd_nav ul li.con_mail a i:hover {
	text-decoration: none;
}
.hd_nav ul li.con_mail::after,
.hd_nav > ul > li.con_chglang::after {
	color: #007db8;
	content: "\f061";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
}
.hd_nav ul li.con_en {
	margin-right: 10px;
}
.hd_nav ul li.con_en a {
	border: solid 1px #007db8;
	display: inline-block;
	padding-top: 2px;
	text-align: center;
	width: 90px;
	height: 20px;
}
/*----------------------------
検索ボックス
----------------------------------------------------------*/
.search_box {
	margin-top: 16px;
}
.search_bar_fh {
	display: flex;
		align-items: center;
}
.search_bar_fh > div > input {
	background: #fff;
	border: 1px solid #999;
	overflow: hidden;
	width: 200px;
	height: 30px;
	-webkit-appearance: none;
}
.search_bar_fh > div > a {
	background-color: #999;
	color: #fff;
	display: block;
	font-size: 16px;
	font-size: 1.6rem;
	padding: 2px;
	text-align: center;
	width: 50px;
	height: 30px;
}
.search_bar_fh > div > a > span {
	display: none;
}

/*----------------------------
パンくず
----------------------------------------------------------*/
#breadcrumbs {
	background: #007db8;
	line-height: 1;
	margin: 0 -500% auto;
	padding: 16px 500%;
}
#breadcrumbs ul {
	display: flex;
	font-size: 11px;
	font-size: 1.1rem;
	margin: 0 auto;
	width: 90%;
}
#breadcrumbs ul li {
	padding: 0 1em 0 .5em;
	position: relative;
}
#breadcrumbs li::after {
	color: #fff;
	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:last-child {
	font-weight: bold;
}
#breadcrumbs li:last-child::after {
	content: "";
}
#breadcrumbs ul li a {
	color: #fff;
	text-decoration: none;
}
#breadcrumbs ul li a:hover {
	text-decoration: underline;
}
#breadcrumbs ul li:last-child a:hover {
	cursor: default;
	text-decoration: none;
}

/*----------------------------
グローバルナビゲーション
----------------------------------------------------------*/
.gnavi {
	display: flex;
		justify-content: center;
	font-family: Arial,"Noto Sans Japanese";
	font-weight: 500;
	font-size: 15px;
	font-size: 1.5rem;
	margin: 40px auto 24px;
	text-align: center;
}
.gnavi li {
	border-right: 1px solid #ccc;
	transform: skewX(150deg);
	-webkit-transform: skewX(150deg);
	-moz-transform: skewX(150deg);
	width: 15%;
	height: auto;
}
.gnavi li:first-child{
	border-left: 1px solid #ccc;
}
.gnavi li:nth-child(2){
	width: 17%;
}
.gnavi li a {
	display: flex;
		flex-direction: column;
		justify-content: center;
	padding: 0 8px;
	transform: skewX(-150deg);
	width: 100%;
	height: 100%;
}.gnavi li a:hover {
	text-decoration: none;
}
.gnavi_en {
	color: #007db8;
	font-size: 10px;
	font-size: 1.0rem;
	font-weight: normal;
}

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

スライダー
.bxslider

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

/*===================================*/
/* ADDITIONSAL SLIDE
/*===================================*/
.bxslider_wrap {
	position: relative;
	width: 100%;
}
.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(0, 0, 0, 0.3);
	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%;
}
.bxslider img {
	max-width: 100%;
}
/*===================================*/
/* ADDITIONSAL SLIDE NAVI
/*===================================*/
.next-btn{
	position: absolute;
		top: 45%;
		right:0;
	width: 50px;
	height: 50px;
}
.prev-btn{
	position: absolute;
		top: 45%;
		left: 0;
	width: 50px;
	height: 50px;
}
.bx-prev,.bx-next {
	display: block;
	position: absolute;
		top:0;
	width: 100%;
	height: 100%;
	z-index: 100;
}
.bnr{
	margin-top: 50px !important;
	text-align: center;
}
.next-btn img,
.prev-btn img {
	opacity: 0.9;
	width: 50px;
	height: 50px;
}

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

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

########################################################################################*/
/*----------------------------
メインナビゲーション
----------------------------------------------------------*/
.main_nav .portal {
	margin-bottom: 24px;
}
.main_nav .portal a {
	background-image: linear-gradient(-45deg, #d9f4ff 25%, #f2fbff 25%, #f2fbff 50%, #d9f4ff 50%, #d9f4ff 75%, #f2fbff 75%, #f2fbff);
	background-size: 6px 6px;
	border: 1px solid #a8d8f0;
	display: flex;
		align-items: center;
	padding: 17px 21px 17px 37px;
}
.main_nav .portal a:hover {
	opacity: .6;
	text-decoration: none;
}
.main_nav .portal a .mnav_tit {
	background: url(../images/tit_portal.svg) no-repeat left center;
	background-size: 24px 24px;
	color: #007db8;
	font-family: "Noto Sans Japanese";
	font-size: 20px;
	font-size: 2.0rem;
	font-weight: bold;
	line-height: 1;
	padding: 4px 0 4px 36px;
}
.main_nav .portal a .mnav_text {
	color: #007db8;
	margin-left: 88px;
}
.main_nav ul {
	display: flex;
	margin: 20px 0;
	width: 100%;
}
.main_nav ul li {
	width: 20%;
}
.main_nav ul li.healthnavi {
	width: 60%;
}
.main_nav ul li a {
	color: #fff;
	display: flex;
		align-items: center;
		justify-content: center;
	padding: 12px 8px;
	text-decoration: none;
	width: 100%;
	height: 100%;
}
.main_nav ul li:first-child a{
	display: flex;
		align-items: center;
		flex-flow: column;
}
.main_nav ul li a:hover {
	opacity: 0.6;
}
.main_nav ul li.healthnavi a {
	background-image: linear-gradient(-45deg, #007db8 25%, #2090c3 25%, #2090c3 50%, #007db8 50%, #007db8 75%, #2090c3 75%, #2090c3);
	background-size: 6px 6px;
}
.main_nav ul li.meisai a {
	background-image: linear-gradient(-45deg, #1fa9ea 25%, #57b8e6 25%, #57b8e6 50%, #1fa9ea 50%, #1fa9ea 75%, #57b8e6 75%, #57b8e6);
	background-size: 6px 6px;
}
.main_nav ul li.metabo a {
	background-image: linear-gradient(-45deg, #afa9f7 25%, #9992fb 25%, #9992fb 50%, #afa9f7 50%, #afa9f7 75%, #9992fb 75%, #9992fb);
	background-size: 6px 6px;
}
.main_nav ul li.kennin a {
	background-image: linear-gradient(-45deg, #ac97de 25%, #967cd8 25%, #967cd8 50%, #ac97de 50%, #ac97de 75%, #967cd8 75%, #967cd8);
	background-size: 6px 6px;
}
.main_nav ul li a .mnav_tit {
	font-family: "Noto Sans Japanese";
	font-size: 22px;
	font-size: 2.2rem;
	font-weight: bold;
	line-height: 1.2;
}
.main_nav ul li a:hover .mnav_tit img {
	opacity: 1.0;
}
.main_nav ul li a .mnav_text {
	margin-top: 10px;
}
.main_nav ul li.healthnavi a .mnav_tit {
	font-family: Arial;
	font-size: 30px;
	font-size: 3.0rem;
	padding: 0 16px 0 0;
	text-align: center;
}
.main_nav ul li.meisai a .mnav_tit {
	background: url(../images/tit_meisai.svg) no-repeat left center;
	background-size: 22px 21px;
	font-size: 18px;
	font-size: 1.8rem;
	padding-left: 30px;
}
.main_nav ul li.metabo a .mnav_tit {
	background: url(../images/tit_metabo.svg) no-repeat left center;
	background-size: 23px 28px;
	display: block;
	font-size: 18px;
	font-size: 1.8rem;
	letter-spacing: 0;
	padding-left: 30px;
}
.main_nav ul li.kennin a .mnav_tit {
	background: url(../images/tit_kennin.svg) no-repeat left center;
	background-size: 21px 28px;
	font-size: 18px;
	font-size: 1.8rem;
	padding-left: 30px;
}
.main_nav ul li a .mnav_subtit {
	display: flex;
		align-items: center;
		justify-content: space-around;
	font-family: "Noto Sans Japanese";
	line-height: 1.4;
	margin-top: 8px;
	width: 100%;
}
.main_nav ul li a .mnav_subtit div:first-child {
	background: url(../images/tit_yoyaku.svg) no-repeat left center;
	background-size: 17px 17px;
	font-size: 16px;
	font-size: 1.6rem;
	padding-left: 24px;
}
.main_nav ul li a .mnav_subtit div:nth-child(2) {
	background: url(../images/tit_kekka.svg) no-repeat left center;
	background-size: 19px 24px;
	padding-left: 24px;
}
.main_nav ul li a .mnav_subtit div:last-child {
	background: url(../images/tit_cafe.svg) no-repeat left center;
	background-size: 23px 12px;
	letter-spacing: -0.01em;
	padding-left: 30px;
}
/* マインドスポーツバナー */
#main_top .bnr_mindsports {
	border: 1px solid #3c3147;
	display: 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% - 48px);
	}
}
/*----------------------------
健保からのお知らせ
----------------------------------------------------------*/
article.news {
	margin: 55px auto 30px;
}
h2 {
	font-family: "Noto Sans Japanese";
	font-size: 24px;
	font-size: 2.4rem;
	font-weight: bold;
	text-align: center;
}
#main_top h2 {
	font-size: 18px;
	font-size: 1.8rem;
}
.tit_en {
	color: #008;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: normal;
	letter-spacing: 0em;
	margin: 0 auto;
	padding: 5px 0 10px;
	text-align: center;
}
.tit_en span {
	position: relative;
	display: inline-block;
}
.tit_en span::after {
	background-color: #ccc;
	border-radius: 2px;
	content: '';
	display: inline-block;
	position: absolute;
		left: 50%;
		bottom: -16px;
	transform: translateX(-50%);
	width: 96px;
	height: 1px;
}
.wrap_news {
	display: flex;
		justify-content: space-between;
	margin-top: 25px;
}
.wrap_news .info {
	width: 70%;
}
.wrap_news .info dl {
	display: flex;
		flex-wrap: wrap;
	width: 100%;
}
.wrap_news .info dl dt {
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: bold;
	margin-top: 3px;
	width: 15%;
}
.wrap_news .info dl dd {
	display: flex;
		align-items: baseline;
	line-height: 1.8;
	width: 85%;
}
.wrap_news .info dl dt,dd {
	border-bottom: 1px solid #ccc;
	padding: 15px 0;
}
.wrap_news .info .look {
	font-size: 12px;
	font-size: 1.2rem;
	margin-top: 20px;
	text-align: right;
}
.wrap_news .info .look a {
	color: #007db8;
}
.wrap_news .info .look::after {
	color: #007db8;
	content: "\f061";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	margin-left: 10px;
}
.wrap_news ul {
	width: 25%;
}
.wrap_news ul li.pickup {
	position: relative;
}
.wrap_news ul li.pickup a {
	border: 1px solid #007db8;
	color: #007db8;
	display: block;
	margin-bottom: 10px;
	padding: 15px 30px 15px 20px;
}
.wrap_news ul li.pickup a:hover {
	color: #fff;
}
.pickup_tit {
	font-family: "Noto Sans Japanese";
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	padding-bottom: 3px;
	text-align: center;
}
.pickup_tit span {
	letter-spacing: -0.03em;
}
.pickup_sub {
	padding-top: 10px;
	text-align: right;
}
.pickup_sub::after {
	color: #007db8;
	content: "\f061";
	font-family: "Font Awesome 5 Free";
	font-size:12px;
	font-weight: 900;
	margin-left: 10px;
}
.pickup_sub a {
	color: #007db8;
	font-size: 12px;
	font-size: 1.2rem;
}
.wrap_news ul li a .pickup_txt {
	font-size: 12px;
	font-size: 1.2rem;
}
.wrap_news ul li.pickup a .pickup_txt::after {
	color: #007db8;
	content: "\f061";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	position: absolute;
		right: 20px;
}
.wrap_news ul li.pickup a:hover .pickup_txt::after {
	color: #fff;
}
/*----------------------------
html埋め込みPDF
----------------------------------------------------------*/
/* ↓修正で object タグが無くなったら削除する */
.container > .pdf_wrap > object{
	width:100%;
	height:100vh;
}
.container > .pdf_wrap > iframe{
	width:100%;
	height:100vh;
}
/*-----------------
-----------
こんな時どうする？
----------------------------------------------------------*/
.solution {
	background-color: #e3f3fb;
	margin: 0 -500%;
	padding: 30px 500% 0;
	text-align: center;
}
.solution ul {
	display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
	margin: 30px auto 0;
	width: 90%;
}
.solution ul li {
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: bold;
	margin: 0 19px 30px;
	width: 130px;
	height: 130px;
}
.solution ul li a {
	background-color: #fff;
	border-radius: 50%;
	display: block;
	width: 100%;
	height: 100%;
}
.solution ul li a .sol_photo {
	display: flex;
		align-items: center;
		justify-content: center;
	width: auto;
	height: 70%;
}
.solution ul li a .sol_txt {
	display: flex;
		justify-content: center;
		align-items: center;
	line-height: 1.4;
	width: auto;
	height: 10%;
}
.solution ul li a:hover {
	opacity: 0.8;
	text-decoration: none;
}
.tit_en.white { /* こんな時どうする？用絞り込みスタイル */
	color: #fff;
}
.tit_en.white span::after {
	background-color: #fff;
}

/*----------------------------
お役立ち情報
----------------------------------------------------------*/
.useful_info {
	background-color: #fafafa;
	margin: 48px -500% 0;
	padding: 54px 500%;
}
.useful_info ul {
	display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	margin: 0 auto;
	width: 90%;
}
.useful_info ul li {
	margin: 0 4px;
}
.useful_info ul li a:hover{
	opacity: 0.6;
	text-decoration: none;
}
.useful_info ul li a img{
	border: 1px solid #ccc;
	margin-top: 7px;
}

/*----------------------------
健康相談
----------------------------------------------------------*/
.health_consul {
	background-color: #f6e8e8;
	margin: 0 -500%;
	padding: 30px 500% 30px;
}
.health_consul div {
	display: flex;
		align-items: center;
		flex-wrap: wrap;
		justify-content: center;
	margin: 0 auto;
	width: 90%;
}
.health_consul h3 {
	background: url(../images/icon_hand.svg) no-repeat right 0px;
	background-size: 66px 39px;
	color: #007db8;
	padding-right: 50px;
}
.health_consul ul {
	display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
	width: 80%;
}
.health_consul ul li a {
	border: 2px solid #a09678;
	background-color: #fff;
	border-radius: 5px;
	color: #007db8;
	display: block;
	font-family: 'ＭＳ Ｐ明朝';
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	width: 200px;
	height: 60px;
}
.health_consul ul li a div.hl_con_01 {
	background: url(../images/icon_family.svg) no-repeat left center;
	background-size: 57px 37px;
	padding-left: 55px;
}
.health_consul ul li a div.hl_con_02 {
	background: url(../images/icon_kenko.svg) no-repeat left center;
	background-size: 45px 48px;
	padding-left: 55px;
}
.health_consul ul li a div.hl_con_03 {
	background: url(../images/icon_docter.svg) no-repeat left center;
	background-size: 38px 44px;
	padding-left: 45px;
}
.health_consul ul li a div {
	align-items: center;
	height: 100%;
}

/*----------------------------
外部リンク
----------------------------------------------------------*/
.links {
	background-color: #f4f3f0;
	margin: 0 -500%;
	padding: 30px 500% 14px;
}
.links ul {
	display: flex;
		flex-wrap: wrap;
	margin: 0 auto;
	width: 90%;
}
.links ul li {
	margin: 0 8px;
	width: calc(25% - 16px);
}
.links ul li a {
	background-color: #fff;
	border: 1px solid #ccc;
	display: flex;
		align-items: center;
		justify-content: center;
	margin: 0 auto 16px;
	padding: 4px;
	width: 180px;
	max-width: 100%;
	height: 50px;
}
.links ul li a.bdnone {
	background-color: transparent;
	border: none;
	padding: 0;
}
.links ul li a img {
	max-width: 100%;
}

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

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

########################################################################################*/
.outline_2column,
.outline_3column,
.sick_description {
	display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
}
.outline_2column,
.outline_3column {
	margin-top: 48px;
}
.outline_2column::before,
.outline_3column::before,
.sick_description::before {
	content:"";
	display:block;
	order: 1;
	width: calc(33% - 13px);
}
#main .outline_2column a,
#main .outline_3column a {
	background-color: #fff;
	border: 10px solid #e3f3fb;
	margin: 0 0 24px 0;
	padding: 10px;
	position: relative;
	text-decoration: none;
}
#main .outline_3column a {
	width: calc(33% - 13px);
}
#main .outline_2column a {
	width: calc(50% - 13px);
}
#main .outline_2column a:hover,
#main .outline_3column a:hover {
	border: 10px solid #007db8;
	transition: all .3s;
	text-decoration: none;
}
.outline_2column a .out_tit,
.outline_3column a .out_tit,
.sick .out_tit {
	color:#007db8;
	font-family: "Noto Sans Japanese";
	font-size: 20px;
	font-size: 2.0rem;
	font-weight: bold;
	line-height: 1.4;
	padding: 20px 25px 10px 10px;
}
.outline_2column a .out_tit::after,
.outline_3column a .out_tit::after {
	color: #007db8;
	content: "\f0a9";
	font-family: "Font Awesome 5 Free";
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 900;
	position: absolute;
		top: 35px;
		right: 20px;
}
.outline_2column a .out_txt,
.outline_3column a .out_txt {
	padding: 20px 10px;
}
#main .outline_3column .pre_btn {
	background-color: #fff;
	border: 10px solid #eee;
	margin: 0 0 24px 0;
	padding: 10px;
	position: relative;
	text-decoration: none;
	width: calc(33% - 13px);
}
.outline_3column .pre_btn .out_tit {
	color: #666;
	font-family: "Noto Sans Japanese";
	font-size: 20px;
	font-size: 2.0rem;
	font-weight: bold;
	line-height: 1.4;
	padding: 20px 25px 10px 10px;
}
.outline_3column .pre_btn .out_txt {
	padding: 20px 10px;
}
.sick {
	border: 10px solid #e3f3fb;
	display: flex;
		flex-wrap: wrap;
	margin: 48px 0 24px 0;
	padding: 10px 10px 20px 10px;
	width: 100%;
}
.sick .outphoto {
	width: 240px;
}
.sick_description {
	padding: 15px 10px 10px 0;
	width: calc(100% - 240px);
}
.sick_description a{
	padding-left: 10px;
	width: calc(50% - 13px); 
}
.sick_description a div {
	font-size: 16px;
	font-size: 1.6rem;
	padding: 5px 0;
}
.sick_description a div::after {
	color: #007db8;
	content: "\f0a9";
	display: inline-block;
	font-family: "Font Awesome 5 Free";
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 900;
	padding-left: 10px;
}
.out_photo {
	text-align: center;
}
.out_photo img {
	margin: 10px 0 15px;
}

/*-----------------------------------------------------------------------------
■┓保健事業（health.jsp）
┗┛
-----------------------------------------------------------------------------*/
#main .bnr_healthnavi a {
	background-image: linear-gradient(-45deg, #007db8 25%, #2090c3 25%, #2090c3 50%, #007db8 50%, #007db8 75%, #2090c3 75%, #2090c3);
	background-size: 6px 6px;
	color: #fff;
	display: flex;
		align-items: center;
		flex-flow: column;
		justify-content: center;
	padding: 12px 8px;
	text-decoration: none;
}
#main .bnr_healthnavi a:hover {
	opacity: 0.6;
}
#main .bnr_healthnavi a .mnav_tit {
	font-family: Arial;
	font-size: 30px;
	font-size: 3.0rem;
	font-weight: bold;
	line-height: 1.2;
	text-align: center;
}
#main .bnr_healthnavi a .mnav_subtit {
	display: flex;
		align-items: center;
		justify-content: space-around;
	font-family: "Noto Sans Japanese";
	margin-top: 8px;
	width: 640px;
	max-width: 100%;
}
#main .bnr_healthnavi a .mnav_subtit div:first-child {
	background: url(../images/tit_yoyaku.svg) no-repeat left center;
	background-size: 17px 17px;
	font-size: 16px;
	font-size: 1.6rem;
	padding-left: 24px;
}
#main .bnr_healthnavi a .mnav_subtit div:nth-child(2) {
	background: url(../images/tit_kekka.svg) no-repeat left center;
	background-size: 19px 24px;
	padding-left: 24px;
}
#main .bnr_healthnavi a .mnav_subtit div:last-child {
	background: url(../images/tit_cafe.svg) no-repeat left center;
	background-size: 23px 12px;
	letter-spacing: -0.01em;
	padding-left: 28px;
}

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

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

########################################################################################*/
em,
em a {
	color: #007db8;
}
#main {
	margin: 0 -500%;
	padding: 0 500%;
	min-height: 600px;
}
#main .tit_main {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin: 0 -500% 80px;
	padding: 42px 500% 50px;
	position:relative;
}
#main .tit_main::before {
	border: 25px solid transparent;
	border-top-color: #fff;
	border-bottom-width: 0;
	bottom: -24px;
	content: "";
	display: block;
	position: absolute;
		left: calc(50% - 25px);
	width: 0;
	z-index: 1;
}
#main .tit_main::after {
	border: 25px solid transparent;
	border-top-color: #ccc;
	border-bottom-width: 0;
	content: "";
	display: block;
	position: absolute;
		bottom: -25px;
		left: calc(50% - 25px);
	width: 0;
}
#main .tit_main .tit_en {
	border-bottom: none;
	font-size: 16px;
	font-size: 1.6rem;
	padding: 0;
	width: auto;
}
#main .tit_main .tit_category {
	color: #007db8;
	font-weight: bold;
	font-family: "Noto Sans Japanese";
	font-size: 14px;
	font-size: 1.4rem;
	letter-spacing: 0.05em;
	line-height: 1;
	margin-bottom: 12px;
	text-align: center;
}
#main .tit_main h2.tit_page {
	font-size: 24px;
	font-size: 2.4rem;
}
#main .sub_tit {
	border-top: 5px solid #e3f3fb;
	border-bottom: 1px dotted #ccc;
	display: flex;
		align-items: center;
	font-family: "Noto Sans Japanese";
	font-size: 22px;
	font-size: 2.2rem;
	font-weight: bold;
	margin: 0 auto 32px;
	padding: 20px 0 20px 10px;
	position: relative;
	text-align: left;
}
#main .sub_tit::after {
	border-top: 5px solid #007db8;
	content: ".";
	display: block;
	line-height: 0;
	overflow: hidden;
	position: absolute;
		top: -5px;
		left:0;
	width: 30%;
}
#main .h3_txt {
	font-weight: bold;
	margin: 50px auto 64px;
	width: 80%;
}
#main .h3_txt_center {
	font-weight: bold;
	margin: 50px 0 64px;
	text-align: center;
}
article.content {
	margin: 0 auto;
	width: 90%;
}
#main .content_section {
	border-bottom: 1px solid #ccc;
	margin: 0 -500%;
	padding: 72px 500% 64px;
}
#main .wrap_content_section .content_section:nth-of-type(1) {
	padding-top: 0;
}
#main .wrap_content_section .content_section:nth-of-type(even) {
	background-image: linear-gradient( -45deg, #fff 48%, #ebfbeb 48%, #ebfbeb 50%, #fff 50%, #fff 98%, #ebfbeb 98%, #ebfbeb);
	background-size: 10px 10px;
}
.backhome {
	margin: 3em 0;
	text-align: center;
}
.backhome a {
	color: #007db8;
	font-size: 12px;
	font-size: 1.2rem;
}
.backhome a i {
	margin-right: 10px;
}
/* ツールチップの設定を上書き */
.tooltip_box {
	color: #fff !important;
	max-width: 855px !important; /* article.content の横幅 */
}
.tooltip_body {  /* 背景色 */
	background-color: rgba(0, 125, 184, .8) !important;
}
.tooltip_arrow {
	border-bottom-color: rgba(0, 125, 184, .8) !important;
}
#main .tooltip::after {
	/*content: "" !important;*//* [!]マークが不要な時、変更したい時はここで修正（Font Awesome 5 Free） */
	color: #007db8 !important;
}

#main h4 {
	border-bottom: 2px solid #a09678 ;
	display: inline-block;
	font-family: "Noto Sans Japanese";
	font-size: 20px;
	font-size: 2.0rem;
	margin: 40px 0 20px;
	padding: 8px 12px;
}
#main h4.sub_tit02 {
	border-bottom: 2px solid #dcdcdc;
	color: #007db8;
	font-weight: bold;
}
#main .point {
	background-color: #f6f6f6;
	margin: 40px 0;
	padding: 40px 50px 30px;
	position: relative;
}
#main .point::after {
	border-width: 0 16px 16px 0;
	border-style: solid;
	border-color: #fff #fff #ddd #ddd;
	box-shadow: -1px 1px 2px rgba(0, 0, 0, .1);
	content: '';
	position: absolute;
		top: 0;
		right: 0;
	width: 0;
}
#main .point_tit {
	color: #007db8;
	font-family: "Noto Sans Japanese";
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
}
#main .point_tit::before {
	color: #007db8;
	content: "\f192";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	margin-right: 5px;
}
#main .point > ul > li {
	background-color: #fff;
	border-left: solid 42px #bfc9d0;
	border-radius: 30px;
	font-size: 16px;
	font-size: 1.6rem;
	margin: 0 0 15px;
	padding: 12px 15px;
}
#main .point > ul > li::before {
	color: #fff;
	content: "\f00c";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	position: absolute;
		left: 65px;
}
#main ul.point02 {
	display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	margin-top: 32px;
}
#main ul.point02 > li {
	background-color: #fcfeff;
	border: 1px solid #007db8;
	margin: 0 0 15px;
	padding: 20px;
	width: 48%;
}
#main ul.point02 > li .point_tit{
	text-align: center;
}
#main ul.point02 > li .point_txt{
	margin-top: 1em;
}
#main ul.point02 > li .left_text{
	text-align: left;
}
.point_photo {
	text-align: center;
}
.point_photo_sikyu {
	margin: 0 auto;
	max-width: 653px;
	width: 100%;
}
.table01 {
	margin: 20px auto 0;
}
table {
	width: 100%;
}
table th, td {
	border: 1px solid #dcdcdc;
	text-align: left;
	vertical-align: middle;
}
table th {
	font-weight: bold;
}
table thead th {
	background-color: #999;
	color: #fff;
	font-size:14px;
	font-size: 1.4rem;
	padding: 12px;
	text-align: center;
}
table tbody th {
	background-color: #e3f3fb;
	color: #007db8;
	padding-left: 15px;
}
table tbody th,
table tbody td {
	padding: 16px;
}
table tbody td {
	background: #fff;
}
table#intro tbody tr th,
table#pr_tbl tbody tr th {
	width: 20%;
}
table#pr_tbl tbody tr th.number {
	text-align: center;
	width: auto;
}
table#pr_tbl tbody tr td.pr_menu {
	width: 46%;
}
.ippanrate,
.kaigorate,
.checkup_items {
	width: 35%;
}
.checkup td {
	padding: 20px 14px;
}
.checkup td.checkup_years {
	color: #007db8;
	text-align: center;
	white-space: nowrap;
}
.checkup td.checkup_years span {
	display: none;
}
td.yen {
	text-align: right !important;
}
.monthlyfee_pdf {
	border: 2px solid #a09678;
	border-radius: 5px;
	padding: 10px;
	margin: 40px 0 72px;
	text-align: center;
	width: 200px;
}
.monthlyfee_pdf a i {
	color: #900;
	padding-right: 10px;
}
caption {
	padding-bottom: 5px;
	text-align: right; 
}
table tbody th.gray {
	background-color: #eee;
	color: #333;
}
table tbody td ol {
	margin-left: 20px;
}
.tbl_scroll {
	overflow-x: auto;
	width: 100%;
}
table.point03,
table.point03 th,
table.point03 td {
	border: none;
}
table.point03 {
	border-collapse: separate; /* trの隙間を作る */
	border-spacing: 0 10px;
	margin-top: -10px;
}
table.point03 th,
table.point03 td {
	font-size: 16px;
	font-size: 1.6rem;
}
table.point03 th {
	background-color: #e3f3fb;
	white-space: nowrap;
	width:25%;
}
table.point03 th.kenshinmenu {
	width: auto;
}
table.point03 th a {
	color: #007db8;
}
table.point03 td {
	background-color: #fff;
}
table.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;
	line-height: 1.6;
	margin-top: 10px;
	padding-left: 1em;
	text-indent: -1em;
}
.pc_pad_disnon {
	display: none;
}
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 2em;
}
ol.pr_list02 > li{
	padding: 10px 0;
}
ol.flow > li,
ol.pr_list > li{
	border-bottom: 1px dotted #666;
}
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 {
	color: #007db8;
	content: counter(item)'.';
	counter-increment: item;
	font-weight: bold;
	padding-right: 0.5em;
}
ol.attention_list > li::before {
	font-size: 16px;
	font-size: 1.6rem;
}
ol.flow > li::before,
ol.pr_list > li:before {
	position: absolute;
		left: 0.2em;
}
ol.pr_list02 > li::before {
	font-size: 18px;
	font-size: 1.8rem;
	position: absolute;
		left: auto;
}
ol.pr_list02 > li > div > ul {
	margin-bottom: 1em;
}
ol.pr_list02 > li > div > ul > li{
	list-style-type: disc;
	margin-left: 2em;
}
ol.pr_list> li > ol > li::before,
ol.pr_list02> li > ol > li::before {
	color: #007db8;
	content: counter(item,lower-roman)'.';
	counter-increment: item;
	font-weight: bold;
	padding-right: .5em;
	position: absolute;
		left: 0;
}
ol.paren_list {
	counter-reset: item_pl;
	margin-left: 0;
}
ol.paren_list > li {
	list-style-type: none;
	padding-left: 2.5em;
	position: relative;
}
ol.paren_list > li::before {
	content: '（'counter(item_pl)'）';
	counter-increment: item_pl;
	position: absolute;
		top: 0;
		left: 0;
}
/* 番号付きリスト 下部border設置*/
.flow_caption {
	border-top: 1px dotted #666;
	margin-bottom: 4em;
	padding-top: 1em;
	text-align: right;
}
table.tbl_tbl th, td {
	border: 1px solid #dcdcdc;
	text-align: left;
	vertical-align: middle;
}
table.tbl_tbl thead th {
	background-color: #999;
	color: #fff;
	font-size:14px;
	font-size: 1.4rem;
	padding: 6px 0;
	text-align: center;
}
table.tbl_tbl th,
table.tbl_tbl td {
	border: 1px solid #dcdcdc;
	text-align: left;
	vertical-align: middle;
}
table.tbl_tbl td.type {
	color: #007db8;
	text-align: center;
	white-space: nowrap;
}
table.tbl_tbl td.price span {
	display: none;
}
i.fa-car,
i.fa-bus,
i.fa-train {
	color: #007db8;
	margin-right: 5px;
}
.book {
	border:1px solid #007db8;
	font-size: 20px;
	font-size: 2.0rem;
	margin: 0.5em 0 0;
	padding: 0.5em 1em;
}
.book i,
.book a {
	color: #007db8;
}
#main a.tel_tap {
	color: #007db8;
	pointer-events: none;
	text-decoration: none;
}
.img_sample {
	border: 1px solid #dcdcdc;
	display: block;
	margin: 0 auto;
}

/*----------------------------
健康診断
----------------------------------------------------------*/
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;
	margin-bottom: 10px;
	padding-left: 30px;
	position: relative;
}
ol.method > li::before {
	background-color: #007db8;
	border-radius: 50%;
	content: counter(my-counter);
	counter-increment: my-counter;
	color: #fff;
	display: block;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 22px;
	margin-left: -30px;
	position: absolute;
		top: 2px;
	text-align: center;
	width: 22px;
	height: 22px;
}
ol.method > li > ul {
	display: flex;
		justify-content: space-between;
	margin: 24px 0;
}
ol.method > li > ul >li {
	width: 48%;
}
ol.method > li > ul >li >div {
	color: #007db8;
	font-weight: bold;
	text-align: center;
}
ol.method > li > ul >li > ol.reservation {
	background: #fff;
	border: solid 1px #007db8;
	padding: 24px 24px 24px 40px ;
	position: relative;
}
ol.method > li > ul >li > ol.reservation > li {
	margin-bottom: 1em;
}
ol.method > li > ul >li > ol.reservation > li:last-child {
	margin-bottom: 0;
}
ol.method > li > ul >li > ol.reservation > li::before {
	content: counter(my-counter) ". ";
	counter-increment: my-counter;
	color: #007db8;
	margin-left: -22px;
	position: absolute;
}
ol.method > li > ul >li > ol.reservation > li > ol {
	font-size:14px;
	font-size:1.4rem;
	margin-top: 1em;
	position: relative;
}
ol.method > li > ul >li > ol.reservation > li > ol li {
	border-bottom: 1px dotted #666;
	padding: 8px 0 8px 16px ;
}
ol.method > li > ul >li > ol.reservation > li > ol li:first-child {
	border-top: 1px dotted #666;
}
ol.method > li > ul >li > ol.reservation > li > ol li::before {
	content: counter(my-counter,lower-roman)". ";
	counter-increment: my-counter;
	color: #007db8;
	margin-left: -14px;
	position: absolute;
	text-align: center;
}
ol.method i.fas {
	margin-right: 0.5em;
}
.faxnumber {
	background: #e3f3fb;
	color: #007db8;
	font-size: 20px;
	font-size: 2.0rem;
	margin: 0.5em 0 0;
	padding: 0.5em 1em;
}
#main .yoyaku_button_wrap {
	text-align: center;
}
#main .yoyaku_button a {
	background-color: #007db8;
	color: #fff;
	display: inline-block;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	padding: 16px 64px;
	text-align: center;
	text-decoration: none;
}
#main .yoyaku_button a:hover {
	opacity: 0.6;
}
.belongings {
	color: #007db8;
	font-weight: bold;
	list-style-type: disc;
	margin-left: 2em;
}
/*----------------------------
インフルエンザ
----------------------------------------------------------*/
.kome02 {
	padding-left: 3em !important;
	text-indent: -2.5em !important;
}
.kome_list {
	border: 3px solid #e3f3fb;
	color: #007db8;
	list-style-type: disc;
	margin: 1em 0 1em 2em;
	padding: 1em 1em 1em 2em;
}
/*----------------------------
手続き
----------------------------------------------------------*/
#main .procedure_box {
	background: #f2f9fd;
	margin: 48px 0 32px;
	padding: 32px;
	position: relative;
	z-index: 1;
}
#main .procedure_box::before,
#main .procedure_box::after,
#main .procedure_box .procedure_brackets::before,
#main .procedure_box .procedure_brackets::after { /* 4隅のborder */
	content: "";
	display: block;
	position: absolute;
	width: 24px;
	height: 24px;
}
#main .procedure_box::before {
	border-top: 1px solid #007db8;
	border-left: 1px solid #007db8;
		top: 0;
		left: 0;
}
#main .procedure_box::after {
	border-top: 1px solid #007db8;
	border-right: 1px solid #007db8;
		top: 0;
		right: 0;
}
#main .procedure_box .procedure_brackets::before {
	border-bottom: 1px solid #007db8;
	border-left: 1px solid #007db8;
		bottom: 0;
		left: 0;
}
#main .procedure_box .procedure_brackets::after {
	border-bottom: 1px solid #007db8;
	border-right: 1px solid #007db8;
		bottom: 0;
		right: 0;
}
#main .procedure_box .procedure_contents {
	display: flex;
}
#main .procedure_box .procedure_tit {
	color: #007db8;
	flex-shrink: 0;
	font-family: "Noto Sans Japanese";
	font-size: 20px;
	font-size: 2.0rem;
	font-weight: bold;
	line-height: 1.4;
	margin-right: 40px;
	padding-left: 32px;
	position: relative;
}
#main .procedure_box .procedure_tit::before {
	display: block;
	content: "\f044";
	font-family: "Font Awesome 5 Free";
	font-weight: normal;
	font-size: 22px;
	font-size: 2.2rem;
	opacity: .8;
	position: absolute;
		top: -1px;
		left: 0;
}

/*----------------------------
必要書類
----------------------------------------------------------*/
#main .required_box {
	display: flex;
	margin-top: 20px;
	width: 100%;
}
#main .procedure_box .required_box + .required_box { /* 必要書類が続いたとき */
	margin-top: 15px;
}
#main .required_box .required_tit {
	background: #bfc9d0;
	border-radius: 30px 0 0 30px;
	color: #fff;
	flex-shrink: 0;
	font-weight: bold;
	font-size: 16px;
	font-size: 1.6rem;
	padding: 17px 16px 16px;
}
#main .required_box .required_tit::before {
	content: "\f00c";
	font-family: "Font Awesome 5 Free";
	margin-right: 12px;
}
#main .required_box .required_contents {
	background: #fff;
	border: 1px solid #dcdcdc;
	border-left: none;
	border-radius: 0 30px 30px 0;
	flex-basis: 100%;
	flex-grow: 1;
	padding: 16px;
}
#main .required_box .required_contents > ul > li {
	margin-bottom: 4px;
	padding-left: 1em;
}
#main .required_box .required_contents > ul > li::before {
	content: "・";
	margin-left: -1em;
}
/* exl wrd pdf アイコン */
#main a.link_exl,
#main a.link_wrd,
#main a.link_pdf,
#main a.link_pdfex {
	display: inline-block;
	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;
	line-height: 1.6;
	margin-right: 10px;
}
#main a.link_exl::before {
	color: #007db8;
	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 .required_box .required_contents .required_sub_txt {
	font-size: 12px;
	font-size: 1.2rem;
}
.nav_contents {
	background:rgba(255, 255, 255, .5);
	border: 1px solid #ccc;
	border-right: none;
	padding: 32px 24px;
	position: fixed;
		top: 50%;
		right: 0;
	z-index: 9998;
}
.nav_contents ul li {
	margin: .25em 0;
}
.nav_contents ul li a {
	border-radius: 12px;
	color: #333;
	cursor: pointer;
	font-size: 14px;
	font-size: 1.4rem;
	padding: 8px;
	position: relative;
	margin-left: 16px;
}
.nav_contents ul li a:hover {
	text-decoration: none;
}
.nav_contents ul li a::before {
	background-color: #e3f3fb;
	border-radius: 6px;
	content: "";
	display: block;
	position: absolute;
		top: calc(50% - 5px);
		left: -16px;
	width: 12px;
	height: 12px;
}
.nav_contents ul li a:hover::before {
	background: #007db8;
}
.nav_contents ul li a.current::before {
	background: #007db8;
}

/* 各種手続きの画像部分 */
#main .point_photo_bg_max {
	background: #fff;
	margin-top: 30px;
	padding: 16px 0;
	text-align: center;
}

/*----------------------------
保険料と標準報酬月額
----------------------------------------------------------*/
#ippanhokenryo {
	border: 1px dotted #999;
	display: flex;
		align-items: baseline;
		justify-content: space-between;
	margin: 10px 30px;
	padding: 24px
}
#ippanhokenryo div {
	margin: 0 8px;
}
#ippanhokenryo > div:first-child {
	white-space: nowrap;
}
#ippanhokenryo .ippanwrap {
	align-self: stretch;
	background: #e3f3fb;
	padding: 20px;
}
#ippanhokenryo .ippanitem > div:nth-child(2n) {
	text-align: center;
}
/*----------------------------
お知らせ
News
----------------------------------------------------------*/
ul.years {
	display: flex;
		justify-content: space-around;
	margin-bottom: 80px;
	width: 100%;
}
#main .years_btn {
	border: 1px solid #ccc;
	color: #007db8;
	display: block;
	font-size: 20px;
	font-size: 2.0rem;
	line-height: 2.0;
	text-align: center;
	text-decoration: none;
	width: 130px;
	height: 40px;
}
#main .years_btn:hover {
	color: #fff
}
.years_on {
	background-color: #007db8;
	border: 1px solid #ccc;
	color: #fff;
	display: block;
	font-size: 20px;
	font-size: 2.0rem;
	line-height: 2.0;
	text-align: center;
}
.years_tit {
	color: #007db8;
	font-size: 40px;
	font-size: 4.0rem;
	margin-bottom: 40px;
	text-align: center;
}
.news_list {
	margin: 0 auto;
	width: 80%;
}
.news_list dl {
	display: flex;
		flex-wrap: wrap;
	width: 100%;
}
.news_list dl dt,
.news_list dl dd {
	border-bottom: none;
	padding: 5px 0 25px;
}
.news_list dl dt {
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: bold;
	padding-top: 8px;
	width: 20%;
}
.news_list dl dd {
	display: flex;
		align-items: baseline;
	width: 80%;
}
.news_ttl {
	font-family: "Noto Sans Japanese";
	font-size: 20px;
	font-size: 2.0rem;
	font-weight: bold;
	margin-bottom:3em;
}
.news_ttl_wrap {
	margin: 0 auto;
	width: 80%;
}
.news_ttl_wrap > span {
	display: block;
}
.news_text {
	line-height: 2.0;
	margin: 0 auto;
	width: 80%;
}
.news_text a{
	color:#007db8;
}
.news_text a.ic_closed::after {
	color: #007db8;
	content: "\f023";
	font-family: FontAwesome;
	font-size: 18px;
	margin-left: 4px;
}
.news_list dl dd .new,
.wrap_news .info dl dd .new{
	color: #007db8;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: bold;
	margin-right: 5px;
}
.news_list dl dd a,
.wrap_news .info dl dd a{
	display:block;
	position: relative;
}
.news_list dl dd .ic_closed::after,
.wrap_news .info dl dd .ic_closed::after{
	color: #007db8;
	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,
.wrap_news .info dl dd .ic_closed:hover{
	text-decoration: none !important;
}
/*----------------------------
健保ハンドブック
Health Insurance Hand book
----------------------------------------------------------*/
#guidebook {
	border: 1px solid #dcdcdc;
	display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	margin: 0 auto;
	padding: 30px;
}
#gbl_wrap, #gbr_wrap {
	width: 46%;
}
#guidebook ul li {
	display: flex;
	margin: 1em 0 0 1em;
}
#guidebook ul li span {
	background: #eee;
	color: #007db8;
	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;
}
#guidebook ul li a::after {
	color: #007db8;
	content: "\f1c1";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	margin-left: 5px;
}
#guidebook h4 {
	width: 100%;
}
.pdfinfo {
	display: flex;
		flex-wrap: wrap;
		justify-content: flex-end;
}
.pdfinfo p {
	font-size: 11px;
	font-size:1.1rem;
	margin-right: 5px;
}

/*----------------------------
KENPO関連情報
Health Insurance Imformation
----------------------------------------------------------*/
.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;
}
article.content a.btn_link {
	border: solid 2px #ff5e33;
	color: #ff5e33;
	display: block;
	line-height: 37px;
	margin-top: 20px;
	text-align: center;
	text-decoration: none;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;
	width: 120px;
	height: 40px;
}

article.content a.btn_link:hover{
	background: #ff5e33;
	color: #fff;
}
.side_photo {
	display: flex;
}
.photo_right {
	margin-left: 30px;
}
.side_photo.sp_h3_txt .point_photo {
	margin-top: 50px;
	margin-bottom: 64px;
}
.externallink {
	background: url(../images/icon_externallink.svg) no-repeat;
	background-position : right 5px top;
	background-size: 15px 15px;
	padding-right: 25px;
}
.example {
	padding: 0 0 10px 20px;
}
ol.tokutei_list {
	color: #007db8;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	margin: 0 0 10px 50px;
}
.tbl_comments {
	margin-bottom: 0;
	text-align: right;
}
.tokutei td.kigou {
	color: #007db8;
	font-size: 24px;
	font-size: 2.4rem;
	line-height: 0;
	text-align: center;
}
.sidou td .info_ex {
	border: 1px dotted #007db8;
	margin: 8px 0;
	padding: 16px;
}
.tokutei_plan li {
	text-indent: -1.4em;
	padding-left: 1.4em;
}
.tokutei_plan li::before {
	color: #007db8;
	content: "\f192";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	margin-right: 5px;
}
/*----------------------------
プライバシーポリシー
----------------------------------------------------------*/
.contact_wrap {
	border: 1px solid #007db8;
	margin-top: 24px;
	padding: 16px 32px;
}
li .pr_tit {
	border-bottom: solid 1px #999;
	font-size: 18px;
	font-size: 1.8rem;
	margin-bottom: 20px;
	padding: 0 0 5px 1.5em;
}
/*########################################################################################

フッター
#footer

########################################################################################*/
/*----------------------------
フッターメイン
----------------------------------------------------------*/
#footer .footer_nav {
	background-color: #007db8;
	font-family: "Noto Sans Japanese";
	font-weight: 500;
	font-size: 13px;
	font-size: 1.3rem;
	margin: 0 -500%;
	padding: 30px 500% 30px;
}
#footer .footer_nav ul {
	display: flex;
		justify-content: space-around;
	margin: 0 auto;
	width: 65%;
}
#footer .footer_nav ul li a {
	color: #fff;
}

/*----------------------------
コピーライト
----------------------------------------------------------*/
#footer p {
	font-size: 10px;
	font-size: 1.0rem;
	margin: 25px 0;
	text-align: center;
}

/*----------------------------
ページトップ
----------------------------------------------------------*/
.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 #007db8;
	border-radius: 50%;
	color: #007db8;
	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 );
}

/*----------------------------
簡易版フッター
.footer_s
----------------------------------------------------------*/
.footer_s{
	border-top: 1px solid #ccc;
	margin: 0 -500%;
	padding: 0 500%;
}

/*----------------------------
お問い合わせフォーム
----------------------------------------------------------*/
#inquiry {
	margin: 0 auto;
	width: 90%;
}
#inquiry table.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 {
	width: 95%;
	margin: 0 auto 3em;
}
.wrap_qes div {
	padding: 5px 0;
}
/* arrow */
table.arrow {
	border: none;
	border-collapse: separate;
	border-spacing: 0 5px;
	width: 100%;
}
table.arrow th,
table.arrow td {
	border:0 ;
	padding: 16px;
	text-align: left;
	vertical-align: middle;
}
table.arrow th {
	background: #999;
	color: #fff;
	font-weight: normal;
	overflow: visible;
	position: relative;
	width: 30%;
	white-space: nowrap;
}
table.arrow td {
	background: #f8f8f8;
	padding-left: 20px;
	position: relative;
}
table.arrow td:before {
	border: solid transparent;
	border-color: rgba(136, 183, 213, 0);
	border-left-color: #999;
	border-width: 8px;
	content: " ";
	margin-top: -8px;
	position: absolute;
		left: 0;
		top: 50%;
	pointer-events: none;
	width: 0;
	height: 0;
}
table.guide_tbl {
	border-collapse: collapse;
	border-spacing: 0;
	margin: 1em 0 2em 1em;
}
table.guide_tbl th.title {
	background: #808080;
	color: #fff;
	font-weight: normal;
}
table.guide_tbl th {
	background: #efefef;
	border: 1px solid #ccc;
	color: #333;
	font-weight: normal;
	padding: 8px;
	vertical-align: middle;
	white-space: nowrap;
}
table.guide_tbl td {
	border: 1px solid #ccc;
	padding: 8px;
}
/* provision_tbl */
table.provision_tbl {
	border-collapse: collapse;
	border-spacing: 0;
	margin-bottom: 1em;
	width: 100%;
}
table.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;
}
table.provision_tbl th:first-of-type {
	width: 200px;
}
table.provision_tbl td.provision_title {
	background-color: #efefef;
	color: #000;
	text-align: left;
	vertical-align: middle;
}
table.provision_tbl td {
	border: 1px solid #ccc;
	padding: 10px;
}
table.provision_tbl td dt {
	margin-bottom: .5em;
}
table.provision_tbl td dt span {
	border-radius: 4px;
	display: inline-block;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1;
	margin-right: 4px;
	padding: 4px 8px;
}
table.provision_tbl td dt span.insured {
	background: #cdf;
	border: 1px solid #008;
	color: #008;
}
table.provision_tbl td dt span.dependents {
	background: #ffe6b2;
	border: 1px solid #b34700;
	color: #b34700;
}
table.provision_tbl td dt img {
	margin-right: 5px;
}
table.provision_tbl td dd{
	font-weight: bold;
	margin-bottom: 1em;
	padding-left: 5px;
}
#inquiry table.arrow td.name_width_flex {
	display: flex;
		flex-wrap: wrap;
}
.name_width input {
	margin-right: 1em;
	width: 200px;
}
.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: #007db8;
	border-radius: 50%;
	content: '';
	display: block;
	left: 20px;
	margin-top: -5px;
	opacity: 0;
	position: absolute;
		top: 50%;
	transition: opacity 0.2s linear;
	-webkit-transition: opacity 0.2s linear;
	width: 10px;
	height: 10px;
}
.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;
		flex-wrap: wrap;
		justify-content: center;
	margin: 40px 10px;
}
.button input {
	font-size: 16px;
	font-size: 1.6rem;
	height: 40px;
	margin: 10px;
	min-width: 200px;
	padding: 8px 16px;
}
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;
	padding: 12px;
}
.qes_tel br {
	display: none;
}
#inquiry span.note{
	color: #f00;
	font-size: 12px;
	font-size: 1.2rem;
}
/*-----------------------------------------------------------------------------
■┓組合案内（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%;
}
/*-----------------------------------------------------------------------------
■┓各種申請書（application.jsp）
┗┛
-----------------------------------------------------------------------------*/
#main .application_doc_wrap {
	display: flex;
		justify-content: space-between;
}
#main .application_doc_wrap .application_doc {
	width: 47%;
}
#main h5.appli_tit {
	background: #ebebeb;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 1;
	margin-top: 40px;
	padding: 12px;
}
#main .tbl_application_doc {
	border: none;
}
#main .tbl_application_doc th,
#main .tbl_application_doc td {
	background: transparent;
	border-left: none;
	border-right: none;
	border-bottom: 1px solid #dcdcdc;
	font-weight: normal;
	padding: 8px;
}
#main .tbl_application_doc th {
	width: 65%;
}
#main .tbl_application_doc a > div > span { /* アイコンのアンダーラインを消すため */
	text-decoration: none;
}
#main .tbl_application_doc a > div > span {
	text-decoration: underline;
}
#main .tbl_application_doc a:hover > div > span {
	text-decoration: none;
}
#main .tbl_application_doc a.appli_exl,
#main .tbl_application_doc a.appli_wrd,
#main .tbl_application_doc a.appli_pdf,
#main .tbl_application_doc a.appli_pdfex {
	display: flex;
		align-items: center;
		flex-direction: column;
		justify-content: center;
	font-size: 9px;
	font-size: 0.9rem;
	position: relative;
	text-decoration: none; 
	width: 46px;
}
#main .tbl_application_doc a.appli_exl::before,
#main .tbl_application_doc a.appli_wrd::before,
#main .tbl_application_doc a.appli_pdf::before,
#main .tbl_application_doc a.appli_pdfex::before {
	display: block;
	font-family: FontAwesome;
	font-size: 28px;
	font-size: 2.8rem;
	margin-bottom: -8px;
}
#main .tbl_application_doc a.appli_exl::before {
	color: #007db8;
	content: "\f1c3";
}
#main .tbl_application_doc a.appli_wrd::before {
	color: #0200b3;
	content: "\f1c2";
}
#main .tbl_application_doc a.appli_pdf::before {
	color: #990000;
	content: "\f1c1";
}
#main .tbl_application_doc a.appli_pdfex::before {
	color: #666;
	content: "\f1c5";
}
#main .tbl_application_doc a:hover.appli_exl,
#main .tbl_application_doc a:hover.appli_wrd,
#main .tbl_application_doc a:hover.appli_pdf,
#main .tbl_application_doc a:hover.appli_pdfex {
	opacity: .6;
}
#main .tbl_application_doc a > div { /* Downloadアイコン */
	padding-left: 14px;
	position: relative;
}
#main .tbl_application_doc a > div::before { /* Downloadアイコン */
	color: #777;
	font-family: FontAwesome;
	font-size: 11px;
	font-size: 1.1rem;
	content: "\f019";
	display: block;
	position: absolute;
		top: -1px;
		left: 0;
}
#main .tbl_application_doc tr.bdb_none th,
#main .tbl_application_doc tr.bdb_none td {
	border-bottom: none;
	padding-bottom: 8px;
}
/* 電子申請ボタン */
#main a.appli_denshi {
	background: #2d61b8;;
	color: #fff;
	display: flex;
		align-items: center;
		justify-content: center;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1;
	margin: 4px 0;
	padding: 6px 8px 4px;
	text-decoration: none;
	width: auto;
}
#main a.appli_denshi::before {
	content: "\f108";
	display: inline-block;
	font-family: FontAwesome;
	font-size: 22px;
	font-size: 2.2rem;
	margin-right: 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;
}

/*-----------------------------------------------------------------------------
■┓健康のしくみ（guide.jsp）
┗┛Health Insurance System
-----------------------------------------------------------------------------*/
/*----------------------------
高齢者医療制度（guide_09.jsp）
----------------------------------------------------------*/
/* 加入保健の表 */
#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: #007db8;
	color: #fff;
}
#main .fig_insurance .iryou > div.kokumin_kenpo {
	background: #e3f3fb;
	background: linear-gradient(3.5deg, #007db8 33px, #e3f3fb 34px);
	position: relative;
}
#main .fig_insurance .iryou > div.kokumin_kenpo > div {
	padding-bottom: 24px;
}
#main .fig_insurance .iryou > div.late_elderly {
	background: #009be4;
	color: #fff;
}
#main .fig_insurance .jikofutan > div:nth-of-type(2),
#main .fig_insurance .jikofutan > div:nth-of-type(3) {
	background: #666;
	color: #fff;
}
#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: #333 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 #333 transparent;
		bottom: -12px;
}

/* 年齢表記 */
#main .fig_insurance .iryou div.item_age::after,
#main .fig_insurance .jikofutan div.item_age::after {
	color: #333;
	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_12.jsp）
----------------------------------------------------------*/
/* 外部リンク */
#main ul.externallink_wrap {
	margin: 16px 0 0 1em;
}
#main ul.externallink_wrap li {
	padding-left: 1em;
	text-indent: -1em;
}
#main ul.externallink_wrap li::before {
	color: #007db8;
	content: "\f0da";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	margin-right: 8px;
}
#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_tit {
	color: #007db8;
	padding-left: 1.5em;
	text-indent: -1.5em;
}
#main .point03.schedule .sc_content .sc_tit::before {
	color: #007db8;
	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: #e3f3fb;
	color: #007db8;
	padding: 16px 32px;
	margin: 8px 0 24px;
}
#main .mynum_contact_free .mynum_contact_tit {
	font-size: 16px;
	font-size: 1.6rem;
	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_tit {
	background: #007db8;
	border-radius: 4px;
	color: #fff;
	display: inline-block;
	font-size: 12px;
	font-size: 1.2rem;
	margin-right: 8px;
	padding: 2px 6px;
	text-align: center;
	width: 50px;
}
#main .mynum_contact_free .hour_tit: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 {
	color: #333;
	letter-spacing: .1em;
}

/*-----------------------------------------------------------------------------
■┓各種手続き
┗┛
-----------------------------------------------------------------------------*/
/*----------------------------
各種手続きの画像部分
----------------------------------------------------------*/
#main .point_photo_bg_max {
	background: #fff;
	text-align: center;
	margin-top: 30px;
	padding: 16px 0;
}
#main .pickup_situ {
	display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
}
#main .pickup_situ > div {
	width: 38%;
}
#main .pickup_situ > div > a {
	border: 1px solid #007db8;
	color: #007db8;
	display: block;
	font-size: 16px;
	font-size: 1.6rem;
	padding: 10px 20px;
	text-align: center;
	text-decoration: none;
	width: 100%;
}
#main .pickup_situ > div > a:hover {
	color: #fff;
}
/*----------------------------
ページ下部の関連ページへ部分
----------------------------------------------------------*/
#main .relevant_page {
	display: flex;
		align-items: center;
		flex-wrap: wrap;
		justify-content: center;
	margin-top: 3em;
}
#main .relevant_page .rele_tit {
	font-size: 16px;
	font-size: 1.6rem;
	margin-right: 32px;
}
#main .relevant_page .rele_tit::before {
	color: #007db8;
	content: "\f534";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	margin-right: 5px;
}
#main .relevant_page .rele_btn {
	margin-right: 16px;
}
#main .rele_btn a {
	border: 1px solid #007db8;
	color: #007db8;
	display: block;
	margin: 0 auto;
	min-width: 200px;
	padding: 10px;
	text-align: center;
	text-decoration: none;
}
#main .rele_btn a:hover {
	color: #fff;
}

/*----------------------------
病気やケガで医療を受けるとき（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;
}
/*----------------------------
高額療養費の計算例（situation_02.jsp で使用）
----------------------------------------------------------*/
#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;
	display: flex;
		flex-wrap: wrap;
	padding-bottom: 24px;
	text-align: center;
	width: 100%;
}
#main .high_expenses_fig .expenses_total > div {
	color: #f71;
	font-size: 18px;
	font-size: 1.8rem;
	margin: -14px auto 0;
}
#main .high_expenses_fig .expenses_total > div span {
	background: #fff;
	padding: 0 8px;
}
#main .high_expenses_fig .expenses_total > div:nth-of-type(1) {
	width: 53%;
}
#main .high_expenses_fig .expenses_total > div:nth-of-type(2) {
	width: 47%;
}
#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: #f2f9fd;
	border-color: #007db8;
	color: #007db8;
}
#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: #f66;
}
#main .high_expenses_ex .burden_kenpo {
	color: #007db8;
}
#main .high_expenses_ex .formula_bg_line {
	background: #ffebeb;
	padding: 4px
}

/*----------------------------
限度額適用認定証（situation_02.jsp で使用）
----------------------------------------------------------*/
#main table.gendoshinsei {
	margin-top: 1em;
}
#main table.gendoshinsei tbody th:nth-of-type(1),
#main table.gendoshinsei tbody td:nth-of-type(1) {
	padding: 8px 16px;
}
#main table.gendoshinsei tbody th:nth-of-type(1) {
	background-color: #007db8;
	color: #fff;
}
#main table.gendoshinsei tbody td a.appli_denshi {
	width: 200px;
}

/*----------------------------
必要書類内の枠（situation_04.jsp で使用）
----------------------------------------------------------*/
#main .fill_in_box {
	background: #f9f9f9;
	border: 1px solid #eee;
	display: inline-block;
	margin: 4px 0 16px;
	padding: 8px 20px;
}

/*----------------------------
画像部分（situation_08.jsp で使用）
----------------------------------------------------------*/
#main img.houmon_kango {
	display: block;
	margin: 40px auto 0;
}
/*----------------------------
テーブル（situation_12_tenpu.jsp）
----------------------------------------------------------*/
#main table.tenpu thead th {
	background: #e3f3fb;
	color: #007db8;
	padding: 12px;
}
#main table.tenpu thead th.bg_none {
	background: transparent;
}
#main table.tenpu tbody td {
	min-width: 40px;
	padding-left: 16px;
	padding-right: 16px;
	text-align: center;
}
#main table.tenpu .cl_st {
	background: #999;
	color: #fff;
}
#main table.tenpu .cl_st a {
	color: #fff;
}
#main table.tenpu .min_width_intermediate {
	min-width: 85px;
}
#main .hoshi {
	color: #f93;
}
/*----------------------------
手続き内（situation_13.jsp）
----------------------------------------------------------*/
#main .case_death {
	display: flex;
	margin-top: 4px;
}
#main .case_death > div:first-of-type {
	font-weight: bold;
}


/*-----------------------------------------------------------------------------
■┓歯の治療について（tooth.jsp）
┗┛
-----------------------------------------------------------------------------*/
#main .teeth table tbody th {
	white-space: nowrap;
}

/*-----------------------------------------------------------------------------
■┓歯科健診（dentalcheckup.jsp）
┗┛
-----------------------------------------------------------------------------*/
#main .faxnumber.contactinfo {
	margin-top: 40px;
	padding: 1em 2em;
}

/*-----------------------------------------------------------------------------
■┓リンク（link.jsp）
┗┛
-----------------------------------------------------------------------------*/
#main a.link_area {
	border-bottom: 1px dotted #ccc;
	display: block;
	padding: 24px;
	text-decoration: none;
}
#main h3.sub_tit + a.link_area {
	margin-top: -24px;
}
#main a:hover.link_area {
	opacity: .6;
	transition: all .3s;
}
#main a.link_area .link_tit {
	display: inline-flex;
		align-items: flex-end;
	line-height: 1.4;
	margin-bottom: 12px;
}
#main a.link_area .link_tit .link_page_name {
	color: #007db8;
	font-family: "Noto Sans Japanese";
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	margin-right: 1em;
	padding-left: 24px;
	position: relative;
}
#main a.link_area .link_tit .link_page_name::before {
	color: #007db8;
	content: "\f192";
	display: block;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	position: absolute;
		top: 0;
		left: 0;
}
#main a.link_area .link_tit .link_page_url {
	color: #666;
	padding-right: 20px;
	position: relative;
}
#main a.link_area .link_tit .link_page_url::after {
	background: url(/vc/dell-kenpo/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;
}
/*-----------------------------------------------------------------------------
■┓FAQ（faq.jsp）
┗┛
-----------------------------------------------------------------------------*/
#main dl.faq > dt,
#main dl.faq > dd {
	border: 1px solid #ccc;
	position: relative;
}
#main dl.faq > dt {
	background: #f9f9f9;
	color: #007db8;
	cursor: pointer;
	font-size: 16px;
	font-size: 1.6rem;
	margin-top: 16px;
	padding-right: 32px;
	position: relative;
}
#main dl.faq > dt:hover {
	color: #9bd;
	transition: all 0.3s;
}
#main dl.faq > dt::after {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f078";
	position: absolute;
		top: calc(50% - 14px);
		right: 16px;
}
#main dl.faq > dt.open_dd::after {
	content: "\f077";
}
#main dl.faq > dd {
	border-top: none;
	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 {
	border-width: 1px;
	border-style: solid;
	border-radius: 50%;
	content: "";
	display: block;
	position: absolute;
		top: 8px;
		left: 12px;
	width: 40px;
	height: 40px;
}
#main dl.faq .ic_q::before {
	border-color: #007db8;
}
#main dl.faq > dt:hover .ic_q::before {
	border-color: #9bd;
	transition: all 0.3s;
}
#main dl.faq .ic_a::before {
	border-color: #e57e5c;
}
#main dl.faq .ic_q::after,
#main dl.faq .ic_a::after {
	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: #e57e5c;
	content: "A";
		top: 9px;
		left: 27px;
}
#main dl.faq .ic_a ol{
	margin-left: 1em;
}
#main dl.faq .ic_a ol li {
	margin: 12px 0 4px 16px;
}
#main dl.faq .ic_a ul li {
	margin: 4px 0;
	padding-left: 2em;
}
#main dl.faq .ic_a ul li::before {
	content: "・";
	margin-left: -1em;
}
.faq_ex {
	border: 1px dotted #666;
	margin-top: 1em;
	padding: 16px;
}
/*デルのみ追加、リード内お問い合わせ誘導*/
.gotonext {
	color: #007db8;
}
.gotonext i {
	margin-right: 0.5em;
}

/*-----------------------------------------------------------------------------
■┓個人情報保護について（policy.jsp）
┗┛
-----------------------------------------------------------------------------*/
#main dl.policy > dt,
#main dl.policy > dd {
	border: 1px solid #ccc;
	position: relative;
}
#main dl.policy > dt {
	background: #f9f9f9;
	color: #007db8;
	cursor: pointer;
	font-size: 16px;
	font-size: 1.6rem;
	margin-top: 16px;
	padding-right: 32px;
	position: relative;
}
#main dl.policy > dt:hover {
	color: #9bd;
	transition: all 0.3s;
}
#main dl.policy > dt::after {
	content: "\f078";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	position: absolute;
		top: calc(50% - 14px);
		right: 16px;
}
#main dl.policy > dt.open_dd::after {
	content: "\f077";
}
#main dl.policy > dd {
	border-top: none;
	display: none;
}
#main dl.policy dt > div {
	padding: 16px 16px 16px 32px;
}
#main dl.policy dd > div {
	padding: 48px 32px;
}
/*-----------------------------------------------------------------------------
■┓サイトマップ（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 > a { /* 第一階層 */
	border-bottom: 1px solid #ccc;
	display: block;
	font-size: 16px;
	font-size: 1.6rem;
	margin: 56px 0 8px;
	padding: 4px 0 8px 18px;
	position: relative;
}
#main .wrap_sitemap ul.parent > li > a::before {
	content: "\f192";
	color: #007db8;
	display: block;
	font-size: 12px;
	font-size: 1.2rem;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	position: absolute;
		top: 7px;
		left: 2px;
}
#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: #999;
	content: "";
	display: block;
	position: absolute;
		top: 2px;
		left: 8px;
	width: 2px;
	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: #999;
	content: "";
	display: block;
	position: absolute;
		top: 13px;
		left: 8px;
	width: 8px;
	height: 2px;
}
#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: #fff;
	content: "";
	display: block;
	position: absolute;
		top: 15px;
		left: 4px;
	width: 8px;
	height: calc(100% - 16px);
}
/*-----------------------------------------------------------------------------
■┓サイト内検索（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 #ccc;
	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 #007db8;
}
.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: #999;
	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 {
	border-bottom: 1px solid #007db8;
	margin: 16px 0 32px;
	padding-bottom: 16px;
	text-align: right;
}
.sr_contents .sr_head .show_count {	
	margin-left: 24px;
}
.sr_contents #sr_list .sr_page_ttl {
	margin: 24px 0 8px;
}
.sr_contents #sr_list .sr_page_ttl a {
	font-weight: bold;
	font-family: "Noto Sans Japanese";
	font-size: 18px;
	font-size: 1.8rem;
}
.sr_contents #sr_list .sr_page_ttl a:hover {
	color: #007db8;
}
.sr_contents #sr_list .sr_page_ttl:before {
	color: #007db8;
	content: "\f192";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	margin-right: 5px;
}
.sr_contents #sr_list .sr_url {
	border-bottom: 1px solid #dcecde;
	padding: 16px 0;
}
.sr_contents #sr_list .sr_url a {
	color: #007db8;
	font-size: 12px;
	font-size: 1.2rem;
	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 a.btn_prevlink:before {
	color: #007db8;
	content: "\f104";
	display: inline-block;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	padding-right: 8px;
	text-decoration: none;
}
.sr_contents .sr_pager a.btn_nextlink:after {
	color: #007db8;
	content: "\f105";
	display: inline-block;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	padding-left: 8px;
	text-decoration: none;
}