@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, strong, th, var {
	font-style: normal;
	font-weight: normal;
}

em{
	font-style: oblique;
}

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

th {
	text-align: left;
}

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

object, embed {
	vertical-align: top;
}

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: #3B3B3B;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;
}
#main .arrow_full a:hover {color:#CC3300;}

/*---------------------------------------------
	body
---------------------------------------------*/

body {
	color: #3B3B3B;
	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% ;
}



/*---------------------------------------------
	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;
}
/* ロゴ画像441×57px＝幅に対する高さ 12.9252% */
.header-logo {
	flex: 1;

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

	background: url(../images/common/site_name.png) no-repeat 0 0;
	background-size: contain;
}



.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;
}

/* 対象者別 */
.humc-menu-purpose {
	display: flex;
	flex-wrap: wrap;
	border-top: 1px solid currentcolor;
	border-left: 1px solid currentcolor;
}
.humc-menu-purpose li {
	flex: 1 0 33%;
	text-align: center;
	border-right: 1px solid currentcolor;
	border-bottom: 1px solid currentcolor;
}
.humc-menu-purpose li a {
	display: block;
	min-height: 84px;
	padding-top: 54px;
	background-repeat: no-repeat;
	background-position: center 9px;
}
@media (min-width: 768px) {
	.humc-menu-purpose li {
		flex: 1 1 auto;
	}
	.humc-menu-purpose li a {
		padding-inline: 2em;
	}
}
.humc-menu-purpose li a[href*="school"] {
	background-image: url(../images/common/icon_p_entry.png);
}
.humc-menu-purpose li a[href*="gradstudent"] {
	background-image: url(../images/common/icon_p_member.png);
}
.humc-menu-purpose li a[href*="guardian"] {
	background-image: url(../images/common/icon_p_gurdian.png);
}
.humc-menu-purpose li a[href*="graduate/"] {
	background-image: url(../images/common/icon_p_graduate.png);
}
.humc-menu-purpose li a[href*="enterprise"] {
	background-image: url(../images/common/icon_p_company.png);
}

/* メインメニューの中身 */
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 50%;
}
@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 {
		align-self: center;
		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;
	}
}
@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 {
		width: 1100px;
		left: 0;
		margin-left: auto;
		margin-right: auto;
	}
}




.header-purpose-nav {
	margin: 5px 0;
}

.header-purpose-nav ul {
	margin: 0;
}

.header-purpose-nav ul li {
	padding: 2px 0;
	width: 19.5%;
	display: inline-block;
	text-align: center;
	color: #000;
	background: none;
}
.header-purpose-nav ul li + li {
	border-left: solid 1px #9A9A9A;
}

#nav_block{background: #000;}
#nav{
	margin:0 auto 0;
	width:1100px;
	background: #000;
	overflow:hidden;
	height: 50px;
}
.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:119px;
	text-align:center;
	/*font-family:"ヒラギノ明朝 Pro W3","ＭＳ Ｐ明朝", "MS PMincho", "Hiragino Mincho Pro", serif;*/
	font-size:16px;
	/*font-weight:bold;*/
	background:none;
}
.global-navi li.k{width:147px;}

.global-navi li + li a {
	background-image: url(../images/common/bg_number.png);
	background-repeat: no-repeat;
	background-position: 0 8px;
}

.global-navi li a {
	display: block;
	height: 24px;
	padding: 13px 0;
	margin: 0 0;
	color: #fff;
}

.global-navi li a:hover,
.global-navi li a.current {
	background-color: #524e4d;
}

/*---------------------------------------------
	ALL
---------------------------------------------*/
#index #blocks{position:relative;}
#blocks{position:relative;}
#blocks .page_block{background:#002179; width:1100px;margin:0 auto;}
#blocks .page_block .inner{margin:0 auto; width:1088px;}

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

#request{margin:50px 0;width: 475px;}
#request a .btn_request{
	display: block;
	overflow: hidden;
	width: 475px;
	height: 101px;
	background: url(../images/common/btn_document_request.gif) no-repeat center center;
	text-indent: 100%;
	white-space: nowrap;
}
#document{position:relative;}





/*---------------------------------------------
	footer
---------------------------------------------*/
#footer_block{background: #f3f3f3 url(../images/common/bg_footsitemap.png) repeat-x; padding:0;margin:15px 0 0;}
#footer_block_inx{background: #f3f3f3;}

footer {
	clear: both;
	background: #f3f3f3;
	width:1100px; margin:0 auto;
}
.foot_map{background: url(../images/common/bg_footsitemap.png) repeat-x;  padding:10px 0 10px;margin:0 0 0;}
.foot_down{margin:30px 0;}
.open{
	margin:0 auto;
	background: url(../images/common/btn_footmap.png) no-repeat 0 0;
	width: 208px;
	height:25px;
	display: block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
.close{
	margin:0 auto;
	background: url(../images/common/btn_footmap.png) no-repeat 0 -38px;
	width: 208px;
	height:25px;
	display: block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

footer .inner{width:1000px; margin:0 auto; overflow: hidden;}
footer .link_block{width:197px; margin:15px 20px 0; display:inline-block; vertical-align:top;}
footer .link_block .foot_cat{
	background: url(../images/common/bg_footlink.png) no-repeat bottom left; 
	padding:3px 10px 3px;
	font-size:16px; 
	/*font-family:"ヒラギノ明朝 Pro W3","ＭＳ Ｐ明朝", "MS PMincho", "Hiragino Mincho Pro", serif;*/
	font-weight:bold;
}
footer .link_block .foot_cat a{color:#002179;}

footer .link_block ul {margin:15px 0 30px;}
footer .link_block ul li {
	margin:3px; padding:1px 0 1px 15px;
	background: url(../images/common/icon_footlink.png) no-repeat 0 5px;
	font-size:10px;
}
footer .link_block ul li a{color: #3B3B3B}

#copyright_block {
	background:#000;
	
	}
#copyright_area{width: 1100px;background:#000;padding: 15px 0; margin:0 auto;}

#copyright_block #footer_link{
	margin:0px auto ;
	padding: 0 30px;
	width: 1100px;
	height:35px;
	color: #FFF;
	font-size: 11px;
	line-height:13px;
	text-align: right;
	clear:both;
	box-sizing:border-box;
}
#copyright_block #footer_link a{
	display: inline-block;
	color: #FFF;
	background: url(../images/common/icon_footer_link.png) 10px 50% no-repeat;
	border-left: 1px solid #FFF;
	padding: 5px 10px 5px 20px;
	height: 10px;
}
#copyright_block #footer_link a:first-child{
	border-left:none;
}
#copyright_block .address{
	margin: -15px auto 0;
	padding:0 0 0 8px;
	width: 1100px;
	color:#fff;
}
#copyright_block .address em{
	font-size:16px; font-weight:bold;
}
.side-navi {display:inline-block}
.sp,
#sp_facebook_like,
#sp_head_contact,
.toggle_side,
.side-blog {display:none;}

/*Google Analyticsの利用についてのリンク*/
@media only screen and (max-width: 767px) {
	#copyright_block #footer_link a:last-child{
		border-left:none;
		margin: 0.5em 0;
	}
}

/*
 * ページトップへのリンク
 * タブレット以上で表示位置を調整
 */
#scrolltop {
	position: fixed;
	bottom: 80px;
	right: 10px;
	z-index: 9;
}
#scrolltop.is_hide {
	bottom: -100px;
}
@media (min-width: 1024px) {
	#scrolltop {
		bottom: 10px;
	}
}

/*---------------------------------------------
	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-purpose-nav ul li{width:19.4%;}
}


@media only screen and (max-width:960px) {
/*.header-purpose-nav ul li{width:19.4%;}*/
}

/*
@media only screen and (max-width:910px) {
#header h1.header-logo {max-width:45%; height:57px;}
#header h1.header-logo a {max-width:100%; height:57px; background-size:contain;}
}*/

@media only screen and (max-width:909px){
	#content{margin:0 auto 70px; width:100%;}
	.header-purpose-nav ul li{width:18.5%;}
	#header {width:100%; overflow:hidden;}
	#copyright_block .address a{color:#fff;}
}
@media only screen and (max-width:970px){
	.global-navi li {font-size:15px;width:10.6%;}
	.global-navi li.k {width:14.5%;}
}

@media only screen and (max-width:767px) and (min-width:320px){
#header{width:100%; overflow:hidden;}

/*---------------------------------------------
	sp	
---------------------------------------------*/
#blocks .page_block{width:100%;margin:0;}



#footer_block,
footer .inner,
.foot_map,
.header-purpose-nav,
#nav_block,
#nav{display:none;}
}

@media only screen and (min-width:736px) and (max-width:767px){
#header h1.header-logo {max-width: 100%;height: 65px;}
#header h1.header-logo a {max-width: 100%;height: 60px;background-size:100%;}


}
@media only screen and (min-width:667px) and (max-width:735px){


#copyright_block .address{margin: 10px 0 0;}
}
@media only screen and (min-width:640px) and (max-width:666px){
/*#header h1.header-logo {max-width: 100%;height: 70px;}
#header h1.header-logo a {max-width: 100%;height: 70px;background-size:100%;}*/


#copyright_block .address{margin: 15px 0 0;}
}
@media only screen and (min-width:600px) and (max-width:639px){

#copyright_block .address{margin: 15px 0 0;}
}

@media only screen and (min-width:568px) and (max-width:599px){


#copyright_block .address{margin: 15px 0 0;}
}


@media only screen and (min-width:480px) and (max-width:567px){

#copyright_block .address{margin: 15px 0 0;}
}


@media only screen and (min-width:414px) and (max-width:479px){
/*#header h1.header-logo {max-width: 120%;height: 60px;}
#header h1.header-logo a {max-width: 100%;height: 60px;background-size:80%;}*/

#copyright_block .address{margin: 15px 0 0;}
.fb-like,
.fb-like span,
.fb-like iframe[style]{display:none !important; }
}

@media only screen and (max-width: 575px) {
	#copyright_block #footer_link{text-align: left;	padding: 0 10px;height: auto;}
}

@media only screen and (max-width: 375px) {
/*#header h1.header-logo {max-width: 120%;height: 60px;}
#header h1.header-logo a {max-width: 100%;height: 60px;background-size:70%;}*/


#copyright_block .address{margin: 15px 0 0;}

}


@media only screen and (max-width: 320px) {
/*#header h1.header-logo {max-width: 120%;height: 50px;}
#header h1.header-logo a {max-width: 100%;height: 50px;background-size:70%;}*/


#copyright_block #footer_link{text-align: left;}
#copyright_block .address{margin: 30px 0 0;}

}


@media only screen and (max-width:767px){
	/*#header h1.header-logo {max-width:100%; height:60px;}
	#header h1.header-logo a {max-width:100%; height:60px; background-size:contain;}*/
	.side-blog {
		position: relative;
		z-index: 1;
	}
	.side-blog,
	.side-navi {display: block;}
	.side-navi .toggle_side {
			display: block;
			width: 35px;
			height: 40px;
			text-align: right;
			position:absolute;
			z-index:3000;
			right:10px;
	}
	.side-navi .toggle_side a {
			display: block;
			overflow: hidden;
			float: right;
			width: 35px;
			height: 40px;
			background: url(../images/common/smp-navi-side.png) no-repeat 0 50%;
			background-size: contain;
			text-indent: 120%;
			white-space: nowrap;
	}
	.side-navi .menu_side {
			display: none;
			width:235px;
			margin: 0;
			padding: 0;
			position:absolute;
			top:0;
			right:0;
			background:#fff;
			z-index:3001;
	}
	
	.side-navi {
		--header-h: clamp(57px, calc(7.821vw + 24.93296089px), 85px );
		--toggle-top: calc( var(--header-h) + 10px);
	}

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


@media only screen and (max-width:767px){
}
.side-navi .toggle_side {top:-50px; width:30px;}
/*#content_page .side-navi .toggle_side {top:127px;}*/
.side-navi .toggle_side a {width:30px;}
.side-navi .menu_side {width:200px;}
/*#content_page .side-navi .menu_side {top:187px;}*/
}


@media only screen and (max-width:567px){
.side-navi .toggle_side {top:-60px; width:30px;}
/*#content_page .side-navi .toggle_side {top:127px;}*/
.side-navi .toggle_side a {width:30px;}
.side-navi .menu_side {width:200px;}
/*#content_page .side-navi .menu_side {top:187px;}*/
}


@media only screen and (max-width:519px){
.side-navi .toggle_side {top:-50px;}
/*#content_page .side-navi .toggle_side {top:125px;}*/
/*#content_page .side-navi .menu_side {top:175px;}*/
}


@media only screen and (max-width:479px){
/*#content_page .side-navi .toggle_side {top:115px;}*/
/*#content_page .side-navi .menu_side {top:165px;}*/
/*#header h1.header-logo,
#header h1.header-logo a{height:45px;}*/
}

@media only screen and (max-width:413px){
.fb-like,
.fb-like span,
.fb-like iframe[style]{display:none !important; }
}


@media only screen and (max-width:375px){
.side-navi .toggle_side{width:25px;}
.side-navi .toggle_side a {width:25px;}
}

/*マージン*/
.mb20{
	margin-bottom:20px;
}

/*表のスクロール*/
@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;
	}
}

/*SNSのアイコン位置調整*/
.ico_sns{
	margin-left: 5px;
	margin-bottom: 5px;
}

.ico_sns img{
	width: 30px;
}