@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700&display=swap');

/* ****************************************************************************

　目次

-------------------------------------------------------------------------------

　00. リセット用スタイル
　00. タグ固有のスタイル指定
　00. グローバルヘッダー
　00. サブヘッダー
　00. トピックパス
　00. メインコンテンツ
　00. サイド固定ナビ
　00. サブフッター
　00. ページトップ
　00. グローバルフッター
　00. 表示切替

******************************************************************************* */
/* ==

　00. リセット用スタイル

=============================================================================== */
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}
body {
  line-height:1;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
  display:block;
}
nav ul {
  list-style:none;
}
a {
  margin:0;
  padding:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}
/* change colours to suit your needs */
ins {
  background-color:#ff9;
  color:#000;
  text-decoration:none;
}
/* change colours to suit your needs */
mark {
  background-color:#ff9;
  color:#000;
  font-style:italic;
  font-weight:bold;
}
del {
  text-decoration: line-through;
}
abbr[title], dfn[title] {
  border-bottom:1px dotted;
  cursor:help;
}
table {
  border-collapse:collapse;
  border-spacing:0;
}
/* change border colour to suit your needs */
hr {
  display:block;
  height:1px;
  border:0;
  border-top:1px solid #cccccc;
  margin:1em 0;
  padding:0;
}
input, select {
  vertical-align:middle;
}
ol, ul { list-style: none; }
/* ==

　00. タグ固有のスタイル指定

	□　各フォントサイズの指定値
 *  10 px : 84%   |  11 px : 92%
 *  12 px : 100%  |  13 px : 109%
 *  14 px : 117%  |  15 px : 125%
 *  16 px : 134%  |  17 px : 142%
 *  18 px : 150%  |  19 px : 159%
 *  20 px : 167%  |  22 px : 184%
 *  24 px : 200%  |  26 px : 217%
 *  28 px : 234%  |  30 px : 250%
 *  32 px : 267%

 	※％指定がネストする場合の指定値は別途要計算
=============================================================================== */
html {
	overflow-y: scroll;
}
html,
body {
	height: 100%;
}
body {
	line-height: 1.7;
	background-color: #fff;
	color: #1e1e1e;
	font-family: 'Noto Sans JP', "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, Arial, Helvetica, sans-serif;
	font-size: 75%;
	-webkit-text-size-adjust: 100%;
}
img {
	vertical-align: bottom;
}
a img {
	border: none;
}
a {
	color: #1e1e1e;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
em {
	font-weight: bold;
	font-style: normal;
}
th,
td {
	text-align: left;
	vertical-align: top;
}
sup,
sub {
	margin: 0 1px;
	font-size: 70%;
	vertical-align: 0.3em;
}
sub {
	vertical-align: baseline;
}
h1,
h2,
h3,
h4,
h5 {
	font-weight: normal;
}
/* ==

　00. グローバルヘッダー

=============================================================================== */
#header{
min-width:1320px;
border-top: 5px solid #016bb6;
}
.header_in{
width:1320px;
min-height: 92px;
margin: 0 auto;
position: relative;
}

#hd_logo{
    position: absolute;
    top: 15px;
    left: 20px;
}
#hd_contact{
    position: absolute;
    top:22px;;
    right: 345px;
}
#hd_searchBox{
    width:295px;
    padding-bottom:7px;
    position: absolute;
    top:25px;
    right:30px;
    border-bottom: 1px solid #1a1311;
}
#hd_contact div{
    background-color: #016bb6;
    border-radius: 5px;
    font-size: 118%;
    color: #fff;
}
#hd_contact div a{
    padding:10px 20px 10px 15px;
    text-decoration:none;
    display: block;
    color:#fff;
}
#hd_contact div a:before{
    width:27px;
    height:24px;
    content:"";
    padding-left:35px;
    background: url(../../images/rn/img_icon_staff.png) left top no-repeat;
    background-size: 27px auto;
}
#hd_searchBox input[type="image"]{
    width:27px;
    height:auto;
}
#hd_searchBox input[type="text"]{
    width: 260px;
    border: none;
}

/* ==

　00. サブヘッダー

=============================================================================== */
#subHeader{
width: 100%;
min-width:1320px;
margin-bottom:25px;
}
.subHeader_wrap {
	background-color: #ebf7ff;
	z-index: 10;
	position: relative;
	width: 100%;
}
.funcFix .subHeader_wrap {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1100;
	min-width:1320px;
}
.subHeader_in {
	width: 100%;
	max-width: 1320px;
	margin: 0 auto;
}
.funcFix .subHeader_in-static {
	display: none !important;
}
.funcFix .subHeader_in-fix {
	display: block !important;
}
.subHeader_in-fix {
	display: none !important;
}
.subHeader_nav {
	display: -webkit-box;
	display: flex;
}

.subHeader_nav>li {
	font-size: 118%;
	line-height: 1.3;
	width:8.3%;
	text-align:center;
}
.subHeader_nav>li:hover, 
.subHeader_nav>li.navActive{
	border-bottom:5px solid #016bb6;
}

.subHeader_nav>li>a{
	padding:10px 0;
	height: calc(100% - 20px);
	text-decoration: none;
	display: block;
}
.subHeader_nav>li:hover a, 
.subHeader_nav>li.navActive a{
	padding-bottom:5px;
}

.subHeader_nav>li>a>div{
	height: 100%;
	border-left:1px solid #ededed;
}
.subHeader_nav>li:first-child>a>div{
	border-left:none;
}
.subHeader_nav>li>a span{
	margin-top:15px;
	display: block;
}

/* ドロップメニュー */
.dropNav_body {
	display: none;
	position: absolute;
	top: 102px;
	left: 0;
	z-index: 1000;
	width: 100%;
	background: #27425d;
}
.dropNav_bodyIn {
	width: 910px;
	margin:0 auto;
	padding:30px 0;
	min-height: 200px;
}
.dropNav_bodyIn p{
	text-align: center;
	font-size:150%;
	color:#fff;
}
.dropNav_list {
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	padding: 35px 30px 10px;
}
.dropNav_list li{
	width: calc((100% - 68px) / 3);
	margin-left:33.3px;
	margin-bottom:15px;
	text-align: left;
	border-bottom: 1px solid #687b8e;
}
.dropNav_list li:nth-of-type(3n+1){
	margin-left:0;
}
.dropNav_list li a {
	padding:0 0 10px;
	display: block;
	color: #fff;
	text-decoration: none;
	position: relative;
}
.dropNav_list li a::after {
	display: inline-block;
	width: 7px;
	height: 10px;
	margin: 0 0 0 10px;
	background: url(../../images/rn/ico_arw01.png) no-repeat right center;
	background-size: 7px 10px;
	content: "";
	position: absolute;
	right:0;
	top:5px;
}


/* D-PCヘルプデスク */
.dropNav_bodyIn .contact{
	width:auto;
	text-align: center;
}
.dropNav_bodyIn .contact div{
	display: inline-block;
	padding:10px 50px;
	background: #fff;
	border-radius: 5px;
}
.dropNav_bodyIn .contact div span{
	line-height:1.5;
	vertical-align: middle;
}
.dropNav_bodyIn .contact div span.tel{
	margin-left:1em;
	font-size:150%;
	font-weight: bold;
	color:#016bb6;
}



/* 回り込み解除
------------------------------------------------------------------------------- */
#subHeader div:after,
#subHeader ul:after { content: ''; display: block; clear: both; height: 0; }
*:first-child+html #subHeader div,
*:first-child+html #subHeader ul { zoom: 1; } /* ie7 */
* html #subHeader div,
* html #subHeader ul { zoom: 1; } /* ie6 */


/* ==

　00. トピックパス

=============================================================================== */

/* ==

　00. メインコンテンツ

=============================================================================== */
img {
	max-width: 100%;
	height: auto;
}

#container{
	min-width:1082px;
	padding-left:238px;
	position: relative;
}

/* ==

　00. サイド固定ナビ

=============================================================================== */
#side{
	width:238px;
	/*
	height:100%;
	*/
	height: calc(100% - 172px);
	background: #fff;
	position:absolute;
	top:0;
	left:0;
}
#side .side_in{
	background:#fff;
}
#side.funcFix{
	position: fixed;
	top:120px;
}
#side.side-layerDown {
	height: 100%;
	position: absolute;
	top:0;
	z-index: 3;
}
#side.side-layerDown .side_in{ position:absolute; bottom:0; }
#side ul{
	margin-left:20px;
}
#side li{
	margin-bottom:20px;
	font-size: 125%;
	font-weight: 500;
}
#side li a{
	color: #666565;
	text-decoration:none;
}
#side li ul{ margin-top:13px; margin-left:0; }
#side li li{
	margin-bottom: 12px;
	margin-left: 1em;
	font-size:100%;
	line-height: 1.3;
	font-weight: normal;
	text-indent: -1em;
}
#side li li a{ position: relative; }
#side li li a:before{
	content: "・";
	color:#016bb6;
}

#side .dropSide { cursor: pointer; }
#side .dropSide span{
	padding-right:30px;
	color: #666565;
	position:relative;
}
#side .dropSide span:after{
	content:"";
	width:16px;
	height:16px;
	background:url(../../images/rn/ico_acc01.png) left center no-repeat;
	position:absolute;
	top:3px;
	right:0;
}
#side span.dropSideActive:after{ background-image:url(../../images/rn/ico_acc02.png); }


#side .dropSide .dropSide_body{ display:none; }
#side .dropSide .dropSide-open{ display:block; }


/* ==

　00. サブフッター

=============================================================================== */

/* ==

　00. ページトップ

=============================================================================== */


/* ==

　00. グローバルフッター

=============================================================================== */
#footer{
min-width: 1320px;
padding:15px 0;
background-color: #016bb6;
color:#fff;
text-align:right;
}
#footer .footer_in > div{ margin-right:20px; display: inline; }



/* ==

　00. 表示切替

=============================================================================== */
.devPc { display: block; }
.devPcTbl { display: block; }
.devTbl { display: none; }
.devTblSmp { display: none; }
.devSmp { display: none; }
img.devPc,
img.devPcTbl { display: inline; }
img.devTbl,
img.devTblSmp,
img.devSmp { display: none; }
/* ==

　99. 印刷

=============================================================================== */