@charset "utf-8";


/*=============================================
	Browser Default Initialization
=============================================*/

html {
	overflow-y: scroll;
}

body, div, dl, dt, dd, ul, ul li, h1, h2, h3, h4, h5, h6,
pre, form, fieldset, input, textarea, p, blockquote, th, td,
section, nav, article, aside, hgroup, header, address,
figure, figcaption {
	margin: 0;
	padding: 0;
}

address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

th {
	text-align: left;
}

q:before ,q:after {
	content: '';
}

object, embed {
	vertical-align: top;
}

hr, legend {
	display: none;
}

input, select {
	vertical-align: middle;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	font-size: 100%;
}

img, abbr, acronym, fieldset {
	border: 0;
}

img {
	vertical-align: top;
	-ms-interpolation-mode: bicubic;
}


ul li {
	list-style-type: none;
}
/*---------------------------------------------
	Anchor
---------------------------------------------*/
a {outline: none;}
a {color: #231815;text-decoration: none;}
a:hover {text-decoration: none;}
/*a img {-webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;}*/

#main a {color: #001EFF;text-decoration: underline;}
#main a:hover {text-decoration: underline;}
#main a:hover img{
    opacity:0.8;
}

/*---------------------------------------------
	body
---------------------------------------------*/
body {
	color: #3B3B3B;
	/*border-top: solid 5px #0F3481;
	background:	url(../images/common/bg_content.png) repeat-x 0 150px;*/
	font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','MS P Gothic',sans-serif;
	font-size: 14px;
	line-height: 1.6;
	-webkit-text-size-adjust : 100% ;
}

body#index {
	color: #3B3B3B;
	/*border-top: solid 5px #0F3481;
	background:	url(../images/common/bg_inx.png) repeat-x 0 150px;*/
	font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','MS P Gothic',sans-serif;
	font-size: 14px;
	line-height: 1.6;
	-webkit-text-size-adjust : 100% ;
}
body#member {
	color: #3B3B3B;
	border-top: none;
	background:	none;
}


/*---------------------------------------------
	wrapper
---------------------------------------------*/
#wrapper {
	position: relative;
}

/*---------------------------------------------
	header
---------------------------------------------*/
.site-header {
	margin: 0 auto;
	width: 1100px;
	box-sizing: border-box;
	min-height: 57px;
}
header ul {
	margin: 0;
}
header ul li {
	padding: 0;
	background-image: none;
}
.site-header *,
.site-header *::before,
.site-header *::after {
	box-sizing: inherit;
}

.header-inner {
	display: flex;
	gap: 0 20px;
	justify-content: space-between;
}
/* ロゴ画像550×83px＝幅に対する高さ 15.0909% */
.header-logo {
	flex: 1;

	max-width: 550px ;
	/*height: 83px;*/
	margin: 15px 10px;
}
.header-logo a {
	display: block;
	width: 100%;
	padding-top: 15.0909%;/* 幅に対して高さを可変に */

	background: url(../images/common/site_name.png) no-repeat 0 0;
	background-size: contain;
}
@media (max-width: 1023px) {
	.header-logo {
		max-width: 310px ;
	}
}



.header-utility-link2 {
	display: flex;
	gap: 0 10px;
	margin-right: 10px;
	color: #002a80;
	font-size: clamp(10px, calc(0.446vw + 8.571428571px), 12px );
}
.header-utility-link2 a {
	color: inherit;
}
.header-utility-link2 li {
	flex: 0 1 auto;
	
}
.header-utility-link2 li a {
	display: block;
	padding-top: 30px;
	color: inherit;
	background-repeat: no-repeat;
	background-position: center 5px;
}
.header-utility-link2 li a[href*="access"] {
	background-image: url(../images/common/icon_hul2_access.png);
}
.header-utility-link2 li a[href*="magazine"] {
	background-image: url(../images/common/icon_hul2_magazine.png);
}
.header-utility-link2 li a[href*="contact"] {
	background-image: url(../images/common/icon_hul2_contact.png);
}


:root {
	--utility--btn--height: 70px;
}
.header-utility-main {
	color: #fff;
}
.header-utility-main-btns {
	/* スマホで絶対配置（下記） */

	display: flex;
	width: 100%;
	min-height: var(--utility--btn--height);
}
.header-utility-main-btns li {
	flex: 1;
}
.header-utility-main-btns li + li {
	border-left: 1px solid #fff;
}
.header-utility-main-btns button,
.header-utility-main-btns a {
	display: block;
	width: 100%;
	height: 100%;
	font-size: 13px;
	
	padding-top: 35px;
	
	color: inherit;
	
	background-color: #444;
	background-repeat: no-repeat;
	background-position: center 15px;
	border: 0 none;
}
.header-utility-main-btns a {
	display: flex;
	justify-content: center;
	align-items: center;
}
.header-utility-main-btns a span {
	text-align: center;
}


/* メニューが開いている時はスクロール禁止 */
@media (max-width: 599px) {
	html.is_stop_scroll,
	.is_stop_scroll body {
		overflow: hidden !important;
	}
}
.header-utility-main-btns button.is_open {
	background-image: url(../images/common/icon_close.png);
}
.header-utility-main-btns .icon-search {
	background-image: url(../images/common/icon_site_search.png);
}
.header-utility-main-btns .icon-purpose {
	background-image: url(../images/common/icon_purpose.png);
}
.header-utility-main-btns .icon-menu {
	background-image: url(../images/common/icon_menu.png);
}
.header-utility-main-btns .icon-global {
	background-image: url(../images/common/icon_global.png);
}


.header-utility-main-cont {
	position: fixed;
	width: 100%;
	left: 0;
	bottom: var(--utility--btn--height);
	z-index: 10;
}
.header-utility-main-cont-sec {
	display: none;/* 閉じておく */
	
	position: relative;
	
	max-height: 300px;
	max-height: calc(100vh - var(--utility--btn--height) * 2 );
	max-height: calc(100svh - var(--utility--btn--height) * 2 );
	
	padding: 10px;
	color: #fff;
	background-color: #325067;
}
.header-utility-main-cont-sec a {
	color: inherit;
}

/* 検索 */
.header-utility-main-cont-sec table {
	margin: 0;
}
.header-utility-main-cont-sec table tr {
	background-color: transparent;
}
table.gsc-search-box td {
	padding: 0;
	border: 0 none;
}



/* メインメニューの中身 */
h2 + .humc-menu-member {
	padding-top: 20px;
}
.humc-menu-member ul {
	display: flex;
	flex-wrap: wrap;
	border-top: 1px solid currentcolor;
	border-left: 1px solid currentcolor;
}
.humc-menu-member li {
	flex: 1 0 51%;
	text-align: center;
	border-right: 1px solid currentcolor;
	border-bottom: 1px solid currentcolor;
}
@media (min-width: 768px) {
	.humc-menu-member li {
		flex: 1 0 45%;
	}
}
.humc-menu-member li a {
	display: block;
	padding: 12px;
}
.humc-menu-member li a[href*="english"] {
	background-color: #00698c;
}
.humc-menu-member + * {
	margin-top: 30px;
}

.humc-menu-helper ul {
	display: flex;
	flex-wrap: wrap;
	border-top: 1px solid currentcolor;
	border-left: 1px solid currentcolor;
}
.humc-menu-helper + * {
	margin-top: 30px;
}
.humc-menu-helper li {
	flex: 1 0 33%;
	text-align: center;
	border-right: 1px solid currentcolor;
	border-bottom: 1px solid currentcolor;
}
.humc-menu-helper li a {
	display: block;
	padding: 12px;
	min-height: 80px;
	padding-top: 58px;
	background-repeat: no-repeat;
	background-position: center 9px;
}
@media (min-width: 768px) {
	.humc-menu-helper li {
		flex: 1 0 18%;
	}
}
.humc-menu-helper li a[href*="anc_important"] {
	background-image: url(../images/common/icon_important.png);
}
.humc-menu-helper li a[href*="whatsnew"] {
	background-image: url(../images/common/icon_news.png);
}
.humc-menu-helper li a[href*="access"] {
	background-image: url(../images/common/icon_map.png);
}
.humc-menu-helper li a[href*="magazine"] {
	background-image: url(../images/common/icon_magazine.png);
}
.humc-menu-helper li a[href*="contact"] {
	background-image: url(../images/common/icon_mail.png);
}
.humc-menu-global ul {
	display: flex;
	gap: 0.25em 0;
	flex-wrap: wrap;
}
.humc-menu-global li {
	flex: 1 0 88%;
}
@media (min-width: 768px) {
	.humc-menu-global li {
		flex: 1 0 33%;
	}
}
.humc-menu-global li a {
	display: inline-block;
	padding: 0.75em;
}
.humc-menu-global li a::before {
	content: "-  "
}
.humc-menu-global + * {
	margin-top: 30px;
}

.sns-links {
	display: flex;
	flex-wrap: wrap;
	gap: 1em;
	justify-content: center;
}
.header-utility-main-cont-sec .sns-links {
	margin-bottom: 10px;
}

@media (max-width: 767px) {
	.header-utility {
		align-self: center;
	}
	.header-utility-main-btns {
		position: fixed;
		width: 100%;
		left: 0;
		bottom: 0;
		z-index: 10;/* z-index 基準 */
	}
	.header-utility-main-cont-sec {
		overflow: scroll;
	}
	
	body {
		padding-bottom: var(--utility--btn--height);;
	}
}

@media (min-width: 600px) {
	.header-utility-main-cont-sec .gsib_a {
		width: 300px;
	}
}

@media (min-width: 768px) {
	:root {
		--utility--btn--height: 78px;
	}
	.header-utility {
		flex: 1;
		
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-end;
		gap: 0 10px;
	}
	.header-utility-link2 {
		margin-right: 0px;
	}
	.header-utility-main-btns li {
	}
	.header-utility-main-cont {
		position: absolute;
		left: auto;
		right: 0;
		top: var(--utility--btn--height);
		bottom: auto;
		
		display: flex;
		flex-direction: column;
		align-items: flex-end;
	}
	.header-utility-main-cont-sec {
		padding: 20px;
		position: absolute;
		top: 0;
		width: auto;
	}
}

@media (min-width: 768px) and (max-width: 1023px) {
	.header-utility-main {
		flex: 1;
		max-width: 240px;
	}
	.header-utility-link2 {
		align-self: center;
	}
}
@media (min-width: 1024px) {
	.header-utility {
		gap: 0 30px;
	}
	.header-utility-link1 {
		flex: 0 0 100%;
		
		display: flex;
		justify-content: flex-end;
		gap: 0 1.25em;
		
		padding-top: 5px;
	}
	.header-utility-link1 ul {
		display: flex;
		gap: 0 5px;
	}
	
	.header-utility-link1 a {
		text-decoration: underline;
	}
	.header-utility-link1 a:hover {
		text-decoration: none;
	}
	.header-utility-link1 .bullet {
		position: relative;
		width: 1em;
		height: 1em;
		display: inline-block;
		vertical-align: -0.1em;
		margin-right: 0.125em;
	}
	.header-utility-link1 .bullet::before,
	.header-utility-link1 .bullet::after {
		content: "";
		position: absolute;
		display: inline-block;
	}
	.header-utility-link1 .bullet::before {
		left: 0;
		top: 0;
		bottom: 0;
		margin: auto;
		width: 0.875em;
		height: 0.875em;
		background-color: #00177d;
		border-radius: 50%;
	}
	.header-utility-link1 .bullet::after {
		box-sizing: border-box;
		left: 0.375em;
		top: 0;
		bottom: 0;
		margin: auto;
		width: 0;
		height: 0;
		border-left: 0.25em solid #fff;
		border-top: 0.1875em solid transparent;
		border-bottom: 0.1875em solid transparent;
	}
	.header-utility-link1 strong {
		color: #00688c;
		font-weight: bold;
	}
	.header-utility-link2 {
		gap: 0 20px;
	}
	.header-utility-main-btns {
		min-height: 50px;
	}
	.header-utility-main-btns li button {
		padding-top: 30px;
		min-width: 50px;
		background-position: center 8px;
	}
	.header-utility-main-cont {
		top: 93px;
		width: 1100px;
		left: 0;
		margin-left: auto;
		margin-right: auto;
	}
}

#nav{
	margin:0 0 0;
	background: #221815;
	overflow:hidden;
	width:100%;
	height: 60px;
}
.global-navi {
	width:1100px;
	margin:0 auto;
}
.global-navi ul {margin:0 0; overflow:hidden;
}
.global-navi li {
	margin:0;
	padding:0;
	display:block;
	float:left;
	vertical-align:middle;
	width:122px;
	text-align:center;
	background:none;
}
.global-navi li a {
 	margin:0;
	color:#fff;
	padding:14px 0;
	display:block;
	height:60px;
	font-size:15px;
	font-weight:bold;
	line-height:1.2;
}
.global-navi li:nth-child(2) a {width:124px;}
.global-navi li:nth-child(3) a {padding:22px 0;}
.global-navi li:nth-child(4) a {padding:22px 0;}
.global-navi li:nth-child(5) a {padding:22px 0;}
.global-navi li:nth-child(6) a {padding:22px 0;}
.global-navi li:nth-child(7) a {padding:22px 0;}
.global-navi li:nth-child(8) a {width:123px;}
.global-navi li:nth-child(9) a {width:124px;}

.global-navi li a:hover,.global-navi li a.current {
	color:#fff;
	display:block;
	background: #103280;
	height:60px;
}

/*---------------------------------------------
	ALL
---------------------------------------------*/
#blocks_inx{position:relative; overflow:hidden;}
#blocks{background:#000; position:relative;}

#content{margin:20px auto 70px; width:1088px;}

#request{margin:20px auto;width: 406px;}
#request a .btn_request{
	display: block;
	overflow: hidden;
	width: 406px;
	height: 101px;
	background: url(../images/common/btn_document_request.gif) no-repeat center center;
	text-indent: 100%;
	white-space: nowrap;
}
#document{position:relative;}
#scrolltop {position: fixed;bottom: 20px;right: 10px; z-index:51;}

/*----- header-navi -----*/
.header-navi {
	display: none;
}

/*---------------------------------------------
	footer
---------------------------------------------*/

footer {
	clear: both;
	background: #0A3382;
}
footer .inner{width:1100px; margin:0 auto; overflow: hidden;}
#footer_link{
	margin:0;
	padding: 30px 0 10px;
	color: #FFF;
	font-size: 14px;
	line-height:14px;
	clear:both;
	box-sizing:border-box;
}
#footer_link a{
	display: inline-block;
	color: #FFF;
	border-left: 1px solid #FFF;
	padding: 0 10px;
}
#footer_link a:last-child{
	border-right: 1px solid #FFF;
}
#copyright_block {background:#0A3382;
	padding: 40px 0 ;
	border-top: solid 2px #ccc;
	}
/*----- library -----*/
#member #copyright_block {background:#000;
	padding: 0 ;
	border-top: none;
	}
#member #copyright_area{width: 1100px;background:#000;padding: 15px 0; margin:0 auto;}
#member #copyright_block #footer_link{
	margin:0px auto ;
	padding: 0 30px;
	width: 1100px;
	height:20px;
	color: #FFF;
	font-size: 11px;
	line-height:13px;
	text-align: right;
	clear:both;
	box-sizing:border-box;
}
#member #copyright_block #footer_link a{
	display: inline-block;
	color: #FFF;
	background: url(../images/common/icon_footer_link.png) 10px 50% no-repeat;
	border-left:none;
	padding: 5px 10px 5px 20px;
	height: 10px;
}
#member #copyright_block #footer_link a:first-child{
	border-left:none;
}
#member #copyright_block #footer_link a:last-child{
	border-right:none;
}
#member #copyright_block .address{
	margin: -15px auto 0;
	padding:0 0 0 8px;
	width: 1100px;
	color:#fff;
	background:none;
	box-sizing:border-box;
}
#member #copyright_block .address em{
	font-size:16px; font-weight:bold;
}
#member #copyright_block .address p{
	margin: 0 0 10px 10px;
}
@media only screen and (max-width:1099px) {
#member #copyright_area,
#member #copyright_block #footer_link,
#member .blocks_inner,
#member header #header-inner,
#member #copyright_block .address{
	width:100% !important;
}
}

/*-----------------------*/
#copyright_block .address{
	margin: 0 auto 0;
	padding:0 0 10px 0;
	background:url(../images/common/foot_logo.png) no-repeat 0 0;
	width: 1100px;
	color:#fff;
}
#copyright_block .address p{
	margin: 0 0 10px 200px;
}

.side-navi {display:inline-block}
.sp,
#sp_facebook_like,
#header_buttonspace2 #sp_header_eng,
#sp_head_contact,
.toggle_side,
.side-blog {display:none;}
/*---------------------------------------------
	clearfix	
---------------------------------------------*/

.clearfix:after {
	content: "";
	display: block;
	clear: both;
}
.clearfix {
	zoom: 1;
}

@media only screen and (max-width:1024px) {
#header,
#nav,
.global-navi,
#blocks .page_block,
footer,
footer .inner,
#copyright_area,
#copyright_block .address,
#copyright_block #footer_link {width:100%;}
.global-navi li,.global-navi li.k {width:11%;}
#blocks .page_block .inner,
#content{width:98%;}
#copyright_block .address {width:90%;}

header #utility_block{width:450px;}
#header_buttonspace{font-size: 12px;}

#footer_link{margin:0 20px;}
}
@media only screen and (min-width:801px) and (max-width:1023px) {
#header h1.logo {width: 55%;height: 80px;margin-bottom:0;}
#header h1.logo a {width: 100%;height: 80px;background-size:100%;}
.global-navi li {width:100px;}
.global-navi li:nth-child(1) a,.global-navi li:nth-child(1) {width:80px; background-size:80%}
.global-navi li:nth-child(2) a,.global-navi li:nth-child(2) {width:120px; background-size:80%}
.global-navi li:nth-child(3) a,.global-navi li:nth-child(3) {width:100px; background-size:80%;}
.global-navi li:nth-child(4) a,.global-navi li:nth-child(4) {width:90px; background-size:80%}
.global-navi li:nth-child(5) a,.global-navi li:nth-child(5) {width:90px; background-size:80%}
.global-navi li:nth-child(6) a,.global-navi li:nth-child(6) {width:90px; background-size:80%; padding:8px 0;}
.global-navi li:nth-child(7) a,.global-navi li:nth-child(7) {width:90px; background-size:80%}
.global-navi li:nth-child(8) a,.global-navi li:nth-child(8) {width:140px; background-size:80%}
.global-navi li:nth-child(9) a,.global-navi li:nth-child(9) {width:140px; background-size:80%}
}
@media only screen and (min-width:320px) and (max-width:800px){
body#index {background-position: 0 250px;}
body {background:none;}

#header,
#nav,
.global-navi,
#blocks .page_block,
footer,
footer .inner,
#copyright_area,
#copyright_block .address,
#copyright_block #footer_link {width:100%;}

#header h1.logo {max-width: 100%;height: 75px;}
#header h1.logo a {max-width: 100%;height: 75px;background-size:90%;}

#header #utility_block{
	margin:0 0 0;
	width:98%;
	float:none;
}
#header_right_bottom{
	padding: 0px 0 10px;
}
#header_right_bottom ul li{
	border:none;
	padding:2px 10px;
}
#header_right_bottom ul li:last-child{
	border-right:none;
}

#header_buttonspace2 #sp_header_eng{
	margin:0 0px -5px 0;
	padding: 0 5px 2px 5px; 
	text-decoration:none;
	display:block;
	display: table-cell;
	vertical-align:middle;
	background:none;
}
#header_buttonspace2 #sp_header_eng a{
	display:block;
	background-color: #000;
	width: 100px;
	border: none;
	margin:0 3px 0;
	padding: 3px 0; 
	background-image:none;
	text-align:center;
	font-size:12px;
	color:#fff;
}


.fb-like,
.fb-like span,
.fb-like iframe[style]{display:none !important; }

#copyright_block {margin: 0 10px !important;}
#copyright_block .address{
	marign-left:10px;
	padding:0 10px;
	background-size:20%;
	width:95%;
}

#copyright_block .address p{margin: 0 0 10px 150px;}

/*---------------------------------------------
	sp	
---------------------------------------------*/
.header-navi {display: block;}
header .header-navi .toggle {
		display: block;
		mawidth: 50px;
		height: 55px;
		text-align: right;
		position:absolute;
		z-index:4000;
		top:15px;
		right:10px;
}
header .header-navi .toggle a {
		display: block;
		overflow: hidden;
		float: right;
		width: 50px;
		height: 55px;
		background: url(../images/common/smp-navi.png) no-repeat;
		background-size: cover;
		text-indent: 120%;
		white-space: nowrap;
}
header .header-navi .menu {
		display: none;
		width:100%;
		margin: 0;
		padding: 0;
		position:absolute;
		top:90px;
		right:0;
		background:#fff;
		z-index:4001;
}
#table {
	border-top:1px solid #eee;
	border-right:1px solid #eee;
	font-size:16px;
}
.row {
	display:table-row;
	border-collapse: collapse;
    border-spacing: 0;
}
.row>div {
	width:352px;
    display:table-cell;
	margin:0 0 0;
	padding:15px;
    border: 1px #eee solid;
    background: #333;
	border-top:none;
	border-right:none;
	border-collapse: collapse;
    border-spacing: 0;
	cursor:pointer;

}
.row>div a {
	color:#fff;
    text-decoration:none;
	width:352px;
    display:block;
	margin:0 0 0;
	padding:0;
    color: #fff;
}
.row_menu_misc {
	display:table-row;
	border-collapse: collapse;
    border-spacing: 0;
}
.row_menu_misc>div {
	min-width:100%;
    display:table-cell;
	margin:0 0 0;
	padding:10px 10px;
    border: 1px #eee solid;
    background: #fff;
    color: #fff;
	border-top:none;
	border-right:none;
	border-collapse: collapse;
    border-spacing: 0;
	cursor:pointer;
}
.row_menu_misc>div a {
	color:#333;
    text-decoration:none;
	min-width:100%;
    display:block;
	margin:0 0 0;
	padding:0;
}
.row_menu_misc>div {
    background: #CCC;
}
.row>div a .close {
		background: #666;
		padding:5px 10px;
}

.side-blog,
.side-navi {display: block;}
.side-navi .toggle_side {
		display: block;
		width: 30px;
		height: 30px;
		text-align: right;
		position:absolute;
		z-index:3000;
		top:180px;
		right:30px;
}
.side-navi .toggle_side a {
		display: block;
		overflow: hidden;
		width: 30px;
		height: 30px;
		background: url(../images/common/smp-navi-side.png) no-repeat 0 0;
		background-size: cover;
		text-indent: 120%;
		white-space: nowrap;
}
.side-navi .menu_side {
		display: none;
		width:235px;
		margin: 0;
		padding: 0;
		position:absolute;
		top:233px;
		right:0;
		background:#fff;
		z-index:3001;
}
	.side-navi {
		--header-h: clamp(57px, calc(11.765vw + 19.35294118px), 77px );
		--toggle-top: calc( var(--header-h) + 18px);
	}

	#content_page .side-navi .toggle_side {
		top: var(--toggle-top);
	}
	
	#content_page .side-navi .menu_side {
		top: calc(var(--header-h) + 61px);
	}

.foot_map,
#head_contact,
#header_buttonspace,
#nav{display:none;}
}
@media only screen and (max-width:773px){
header .header-navi .menu {top:100px;}
.side-navi .toggle_side {top:180px;}
.side-navi .menu_side {top:220px;right:3px;}

.row>div,.row>div a,
.row_menu,.row_menu_misc,
.row_menu>div,.row_menu_misc>div,
.row_menu>div a,.row_menu_mics>div a {width:355px;}
}
@media only screen and (min-width:736px) and (max-width:767px){
header .header-navi .menu {top:85px;}
.side-navi .toggle_side {top:170px;}
.side-navi .menu_side {top:213px;right:5px;}

.row>div,.row>div a,
.row_menu,.row_menu_misc,
.row_menu>div,.row_menu_misc>div,
.row_menu>div a,.row_menu_mics>div a {min-width:336px;}
}

@media only screen and (max-width:736px){
.row>div,.row>div a,
.row_menu,.row_menu_misc,
.row_menu>div,.row_menu_misc>div,
.row_menu>div a,.row_menu_mics>div a {width:300px;}
.side-navi .menu_side {top:213px;right:0;}
}
@media only screen and (min-width:667px) and (max-width:735px){
#header h1.logo {max-width: 100%;height: 65px;margin-bottom:0;}
#header h1.logo a {max-width: 100%;height: 65px;background-size:80%;}
header .header-navi .toggle,header .header-navi .toggle a {width: 45px;height: 50px;}
header .header-navi .menu {top:85px;}
.side-navi .toggle_side {top:170px;}
.side-navi .menu_side {top:220px;right:0;}

.row>div,.row>div a,
.row_menu,.row_menu_misc,
.row_menu>div,.row_menu_misc>div,
.row_menu>div a,.row_menu_mics>div a {min-width:302px;}

}
@media only screen and (max-width:667px){
.side-navi .menu_side {top:209px;right:1px;}
.row>div,.row>div a,
.row_menu,.row_menu_misc,
.row_menu>div,.row_menu_misc>div,
.row_menu>div a,.row_menu_mics>div a {width:302px;}
}
@media only screen and (min-width:640px) and (max-width:666px){
#header h1.logo {max-width: 100%;height: 65px;margin-bottom:0;}
#header h1.logo a {max-width: 100%;height: 65px;background-size:75%;}
header .header-navi .toggle,header .header-navi .toggle a {width: 45px;height: 50px;}
header .header-navi .menu {top:85px;}
.side-navi .toggle_side {top:165px;}
.side-navi .menu_side {top:210px;}

.row>div,.row>div a,
.row_menu,.row_menu_misc,
.row_menu>div,.row_menu_misc>div,
.row_menu>div a,.row_menu_mics>div a {min-width:289px;}

}
@media only screen and (max-width:640px){
.row>div,.row>div a,
.row_menu,.row_menu_misc,
.row_menu>div,.row_menu_misc>div,
.row_menu>div a,.row_menu_mics>div a {width:260px;}
}

@media only screen and (min-width:600px) and (max-width:639px){
#header h1.logo {max-width: 100%;height: 65px;margin-bottom:0;}
#header h1.logo a {max-width: 100%;height: 65px;background-size:75%;}
header .header-navi .toggle,header .header-navi .toggle a {width: 45px;height: 50px;}
header .header-navi .menu {top:85px;}
.side-navi .toggle_side {top:165px;}
.side-navi .menu_side {top:210px;}

.row>div,
.row>div a,
.row_menu>div,
.row_menu>div a {min-width:280px;}

}
@media only screen and (max-width: 600px) {
.row>div,.row>div a,
.row_menu,.row_menu_misc,
.row_menu>div,.row_menu_misc>div,
.row_menu>div a,.row_menu_mics>div a {width:250px;}
}
@media only screen and (min-width:568px) and (max-width:599px){
#header h1.logo {max-width: 100%;height: 60px;}
#header h1.logo a {max-width: 100%;height: 60px;background-size:73%;}
header .header-navi .toggle,header .header-navi .toggle a {width: 45px;height: 50px;}
header .header-navi .menu {top:80px;}
.side-navi .toggle_side {top:165px; right:15px;}
.side-navi .menu_side {top:206px;right:0px;}

.row>div,.row>div a,
.row_menu,.row_menu_misc,
.row_menu>div,.row_menu_misc>div,
.row_menu>div a,.row_menu_mics>div a {min-width:253px;}
}

@media only screen and (max-width: 568px) {
.row>div,
.row>div a,
.row_menu>div,
.row_menu>div a {width:252px;}
}

/*Google Analyticsの利用についてのリンク追加に伴う調整*/
@media only screen and (max-width: 517px) {

	#footer_link a:nth-child(3){
		border-right: 1px solid #FFF;
	}

	#footer_link a:last-child{
		margin-top: 0.5em;
	}
}


@media only screen and (min-width:480px) and (max-width:567px){
#header-inner{margin:0 0;}
#header h1.logo {max-width: 95%;height: 55px;}
#header h1.logo a {max-width: 100%;height: 55px;background-size:70%;}
header .header-navi .toggle,header .header-navi .toggle a {width: 40px;height: 45px;}
header .header-navi .menu {top:80px;}
.side-navi .toggle_side {top:145px; right:15px;}
.side-navi .menu_side {top:190px;right:0;}
#header_searchspace #header_search_input{
	margin-left:5px;
	max-width: 110px;
}
#search_form {  
    width: 150px;  
}
#header_searchspace li#facebook_like a img,
#header_searchspace li#youtube_link a img{width:20px;height:20px;}

.row>div,
.row>div a,
.row_menu>div,
.row_menu>div a {width:208px;}
}
@media only screen and (min-width:376px) and (max-width:479px){
#header-inner{margin:0 0;}
#header h1.logo {max-width: 95%;height: 50px;}
#header h1.logo a {max-width: 100%;height: 50px;background-size:73%;}
header .header-navi .toggle,header .header-navi .toggle a {width: 40px;height: 45px;}
header .header-navi .menu {top:80px;}
.side-navi .toggle_side {top:145px; right:15px;}
.side-navi .menu_side {top:190px;right:0;}
#header #utility_block{
	margin:0 0 0;
	width:90%;
	float:none !important;
}
#header_right_bottom{
	padding: 0 0;
}
#header_right_bottom ul li{
	border:none;
	padding:2px 4px;
}
#header_right_bottom ul li:last-child{
	border-right:none;
}

#header_buttonspace2 #sp_header_eng{
	margin:0 0px -5px 0;
	padding: 0 5px 2px 5px; 
	text-decoration:none;
	display:block;
	display: table-cell;
	vertical-align:middle;
	background:none;
}
#header_buttonspace2 #sp_header_eng a{
	display:block;
	background-color: #000;
	width: 65px;
	border: none;
	margin:0 3px 0;
	padding: 3px 0; 
	background-image:none;
	text-align:center;
	font-size:11px;
	color:#fff;
}
#search_form {  
    width: 180px;  
	border:solid 1px #ccc;
    display: block;
	height:25px;  
    position: relative;
	background: url(../images/common/btn_search.gif) no-repeat right 2px;
}  
#header_search_input  {  
    width: 145px;
    position: absolute;  
    top: 3px;  
    left:1px;
	line-height:1.4;
	border: solid 1px #fff; 
	color:#ccc;
}  

.fb-like,
.fb-like span,
.fb-like iframe[style]{display:none !important; }
}
@media only screen and (max-width: 435px) {
header .header-navi .menu {top:80px;}
.row>div,
.row>div a,
.row_menu>div,
.row_menu>div a {width:186px;}
}
@media only screen and (max-width: 414px) {
header .header-navi .toggle,header .header-navi .toggle a {width: 35px;height: 40px;}
header .header-navi .menu {top:70px;}
.row>div,
.row>div a,
.row_menu>div,
.row_menu>div a {width:178px;}
.side-navi .toggle_side {top:135px; right:15px;}
.side-navi .menu_side {top:178px;right:0;}
}
@media only screen and (max-width: 411px) {
.side-navi .menu_side {top:180px;right:0;}
}
@media only screen and (min-width:321px) and (max-width:375px){
#header {width:100%; overflow:hidden;}
#header-inner{margin:0 0 10px;}
#header h1.logo {max-width: 100%;height: 40px;margin:10px 0 0 5px;}
#header h1.logo a {max-width: 100%;height: 40px;background-size:70%;}

header .header-navi .toggle,header .header-navi .toggle a {top:10px;width: 33px;height: 37px;}
header .header-navi .menu {top:60px;}
.side-navi .toggle_side {top:130px; right:15px;}
.side-navi .menu_side {top:170px;right:-5px;}

.row>div,
.row>div a,
.row_menu>div,
.row_menu>div a {width:155px;}

#header #utility_block{
	margin:0 0 0;
	width:97%;
	float:none;
}
#header_right_bottom{
	padding: 0 0;
}
#header_right_bottom ul li{
	border:none;
	padding:2px 2px;
}
#header_right_bottom ul li:last-child{
	border-right:none;
}

#header_buttonspace2 #sp_header_eng{
	margin:0 0px -5px 0;
	padding: 0 5px 2px 5px; 
	text-decoration:none;
	display:block;
	display: table-cell;
	vertical-align:middle;
	background:none;
}
#header_buttonspace2 #sp_header_eng a{
	display:block;
	background-color: #000;
	width: 65px;
	border: none;
	margin:0 3px 0;
	padding: 3px 0; 
	background-image:none;
	text-align:center;
	font-size:11px;
	color:#fff;
}
#search_form {  
    width: 160px;  
	border:solid 1px #ccc;
    display: block;
	height:25px;  
    position: relative;
	background: url(../images/common/btn_search.gif) no-repeat right 2px;
}  
#header_search_input  {  
    width: 125px;
    position: absolute;  
    top: 3px;  
    left:1px;
	line-height:1.4;
	border: solid 1px #fff; 
	color:#ccc;
}  

.fb-like,
.fb-like span,
.fb-like iframe[style]{display:none !important; }

#inx_main img{max-width:100%;vertical-align:top;height:auto;}
#content{margin:20px 0 20px; width:100%;}
#copyright_block{overflow:hidden;}
#copyright_block #footer_link{width:100%;margin:0; text-align:left; height:2em;	padding: 0 0;
}

#copyright_block .address{
	margin: 15px 0 10px;
	padding:0 0 0 8px;
	width: 100%;
	color:#fff;
}
#copyright_block .address em{font-size:16px; font-weight:bold;width: 100%;}
#copyright_block .address span{ clear:both;}
#copyright_block .address a{color:#fff;}


#request{margin:20px auto;width: 80%;}
#request a .btn_request{
	width: 100%;
	height: 80px;
	background-size:100%;
}
footer .inner{width:100%; margin:0;}

#footer_link{
	padding: 20px 10px;
}
#footer_link a{
	display: inline-block;
	color: #FFF;
	border-left: 1px solid #FFF;
	padding: 0 10px;
}
#footer_link a:last-child{
	border-right: 1px solid #FFF;
}
#copyright_block {background:#0A3382;
	padding: 20px 10px ;
	border-top: solid 2px #ccc;
	}


#copyright_block .address{
	margin: 0 0 0 10px;
	padding:0 0 0 10px;
	background-size:20%;
	width: 100%;
	color:#fff;
}
#copyright_block .address p{
	margin: 0 0 10px 70px;
}

#scrolltop {position: fixed;bottom: 50px;right: 10px; z-index:51;}
}
@media only screen and (max-width: 320px) {
#header {width:100%; overflow:hidden;}
#header-inner{margin:0 0 10px;}
#header h1.logo {max-width: 100%;height: 40px;margin:10px 0 0 5px;}
#header h1.logo a {max-width: 100%;height: 40px;background-size:70%;}

header .header-navi .toggle,header .header-navi .toggle a {top:10px;width: 33px;height: 37px;}
header .header-navi .menu {top:60px;}
.side-navi .toggle_side {top:120px; right:10px;}
.side-navi .menu_side {top:165px;right:-5px;}

.row>div,
.row>div a,
.row_menu>div,
.row_menu>div a {width:120px; font-size:13px;}

#header_searchspace #header_search_input{
	margin-left:0;
	width: 100px;
}
#header #utility_block{
	margin:0 10px 0;
	width:97%;
	float:rgiht !important;
}
#header_right_bottom{
	padding: 0 0;
}
#header_right_bottom ul li{
	border:none;
	padding:2px 3px;
}
#header_right_bottom ul li:last-child{
	border-right:none;
}

#header_buttonspace2 #sp_header_eng{
	margin:0 0px -5px 0;
	padding: 0 5px 2px 5px; 
	text-decoration:none;
	display:block;
	display: table-cell;
	vertical-align:middle;
	background:none;
}
#header_buttonspace2 #sp_header_eng a{
	display:block;
	background-color: #000;
	width: 65px;
	border: none;
	margin:0 3px 0;
	padding: 3px 0; 
	background-image:none;
	text-align:center;
	font-size:11px;
	color:#fff;
}
#search_form {  
    width: 140px;  
	border:solid 1px #ccc;
    display: block;
	height:25px;  
    position: relative;
	background: url(../images/common/btn_search.gif) no-repeat right 2px;
}  
#header_search_input  {  
    width: 115px;
    position: absolute;  
    top: 3px;  
    left:1px;
	line-height:1.4;
	border: solid 1px #fff; 
	color:#ccc;
}  

.fb-like,
.fb-like span,
.fb-like iframe[style]{display:none !important; }

#inx_main img{max-width:100%;vertical-align:top;height:auto;}
#content{margin:20px 0 20px; width:100%;}
#copyright_block{overflow:hidden;}
#copyright_block #footer_link{width:100%;margin:0; text-align:left; height:2em;	padding: 0 0;
}

#copyright_block .address{
	margin: 15px 0 0 5px;
	padding:0 0 0 8px;
	width: 100%;
	color:#fff;
}
#copyright_block .address em{font-size:16px; font-weight:bold;width: 100%;}
#copyright_block .address span{ clear:both;}
#copyright_block .address a{color:#fff;}


#request{margin:20px auto;width: 80%;}
#request a .btn_request{
	width: 100%;
	height: 80px;
	background-size:100%;
}
footer .inner{width:100%; margin:0;}

#footer_link{
	padding: 20px 10px;
}
#footer_link a{
	display: inline-block;
	color: #FFF;
	border-left: 1px solid #FFF;
	padding: 0 10px;
}
#footer_link a:last-child{
	border-right: 1px solid #FFF;
}
#copyright_block {background:#0A3382;
	padding: 20px 10px ;
	border-top: solid 2px #ccc;
	}


#copyright_block .address{
	margin: 0;
	padding:0 0 0 10px;
	background-size:20%;
	width: 100%;
	color:#fff;
}
#copyright_block .address p{
	margin: 0 0 10px 70px;
}

#scrolltop {position: fixed;bottom: 50px;right: 10px; z-index:51;}

}

/*表のスクロール*/
@media only screen and (max-width: 767px) {
	.table_scroll_auto{
		overflow-x: auto;
		margin-bottom: 3em;
	}

	.table_scroll_auto table{
		min-width: 767px;
		margin-bottom: 0;
	}
}

/*PCでは表示しない*/
@media only screen and (min-width: 767px) {
	.pc_none {
		display: none;
	}
}

/*スマホでは表示しない*/
@media only screen and (max-width: 767px) {
	.sp_none {
		display: none;
	}
}



.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	-webkit-clip-path: inset(50%);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
	word-break: normal;
}


/* 
 * 幅による表示・非表示再定義
 */
/* スマホでは表示しない */
@media (max-width: 767px) {
	.hp_SPnone {
		display: none !important;
	}
}
/* PCでは表示しない */
@media (min-width: 1024px) {
	.hp_PCnone {
		display: none !important;
	}
}
/* PCでのみ表示 */
@media (max-width: 1023px) {
	.hp_PConly {
		display: none !important;
	}
}