/*

Theme Name: 長岡高専_機械工学科

*/


/*--------------------------------------------------------------
>>> style.css
----------------------------------------------------------------*/

body { color: #303030; background-color: #FFF; font-weight: 300; }

#preloader {
    width: 100vw;
    height: 100vh;
    background: rgba(255,255,255,1);
    z-index: 9999;
    position: fixed;
    top: 0;
}

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

.clearfix:before {
　　　　content: "";
	display: block;
	clear: both;
}

.clearfix {
	display: block;
}

.col-lg-0,
.col-md-0,
.col-sm-0,
.col-0 {
	display: none !important;
}

.g-4, .gy-4 {
    --bs-gutter-y: 1.875rem;
	--bs-gutter-x: 1.875rem;
}

/*  グリッドの上下中央に揃える
-----------------------------------------------------------------*/
.display-flex { display: flex !important; justify-content: center; align-items: center; }
.width_100 { width: 100%; text-align: center; }

/*  背景色
-----------------------------------------------------------------*/
.bg-fff { background-color: #FFF !important; }
.bg-faf { background-color: #fafafa; }
.bg-df3 { background-color: #DF3128; }
.bg-fce { background-color: #fceaea; }
/*.bg-eae { background-color: #EAEBED; }*/
.bg-004 { background-color: #004C6F; }
.bg-345 { background-color: #345F80; }
.bg-d2e { background-color: #D2E8EE; }
.bg-ffe { background-color: #FFE900 !important; }
.bg-bfe { background-color: #BFE8FF; }
.bg-ffb { background-color: #FFBFDC; }
.bg-f7f { background-color: #F7F8F8; }
.bg-f8f { background-color: #F8F8F8; }
.bg-fbe { background-color: #fbebe4; }
.bg-e9e { background-color: #e9e6f1; }
.bg-e9f { background-color: #e9f4eb; }
.bg-fce { background-color: #fcecf1; }
.bg-005 { background-color: #005f80; }
.bg-e16 { background-color: #e16a92; }

/*  Image
-----------------------------------------------------------------*/
body img { max-width: 100%; height: auto; }
body img.no_resp { max-width: initial; height: auto; }

/*  A
-----------------------------------------------------------------*/
a { color: #333; }
a:hover { color: #999; text-decoration: none; }

a img { opacity: 1; transition-duration: 0.2s; }
a:hover img { opacity: 0.6; transition-duration: 0.2s; }

/*  ul li, ol li
-----------------------------------------------------------------*/
ul li { font-weight: 500; line-height: 1.8; }

body ul.blocks-gallery-grid { padding-left: 0 !important; }

/*  dt dd
-----------------------------------------------------------------*/
dt { font-weight: 700; }
dd { font-weight: 500; }

/*  Container
-----------------------------------------------------------------*/
.container-fluid { padding-left: 0; padding-right: 0; }

/*  Body
-----------------------------------------------------------------*/
body { font-family: 'Yu Gothic M','Yu Gothic',YuGothic,'ＭＳ Ｐゴシック','メイリオ',Meiryo,sans-serif; background-color: #F5F5F6; }
body p { margin-bottom: 1.5rem; line-height: 1.8; color: #333333; font-weight: 500; }
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { font-family: 'Noto Sans JP', sans-serif; }

body h3 { font-size: 1.5rem; }
@media (max-width: 768px) {
	body h3 { font-size: 1.25rem; }
}

body h4 { font-size: 1.31rem; }
@media (max-width: 768px) {
	body h4 { font-size: 1.125rem; }
}

/*  Google Fonts
-----------------------------------------------------------------*/
body .fs_noto { font-family: 'Noto Sans JP', sans-serif; }
body .fs_serif { font-family: 'Noto Serif JP', serif; font-weight: 400; }

/*  Font color
-----------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 { color: #000000; }

h2 { font-weight: 800; letter-spacing: 0.125rem; margin-bottom: 40px; }
h2:after { content: ""; margin-left: -0.125rem; }

.color_fff { color: #FFF; }
.color_205 { color: #205587; }
.color_333 { color: #333333; }
.color_ff0 { color: #FF0000; }
.color_005 { color: #005F80; }
.color_1a6 { color: #1A6CE3; }
.color_345 { color: #345F80; }
.color_df3 { color: #df3128; }
.color_007 { color: #0071b6; }

/*  Under-line
-----------------------------------------------------------------*/
.under_line_w { border-bottom: 2px solid #333; padding-bottom: 1.25rem; margin-bottom: 1.875rem; }

.under-line-333 { border-bottom: 1px solid #333; }

/*  Hiding elements
-----------------------------------------------------------------*/
@media (min-width: 200px) { /* sm */
	.d-xs-none { display: none !important; }
	.d-xs-block { display: block !important; }
}

@media (min-width: 576px) { /* sm */
	.d-sm-none { display: none !important; }
	.d-sm-block { display: block !important; }
}

@media (min-width: 768px) { /* md */
	.d-md-none { display: none !important; }
	.d-md-block { display: block !important; }
}

@media (min-width: 992px) { /* lg */
	.d-lg-none { display: none !important; }
	.d-lg-block { display: block !important; }
}

@media (min-width: 1200px) { /* xl */
	.d-xl-none { display: none !important; }
	.d-xl-block { display: block !important; }
}

@media (min-width: 1400px) { /* xxl */
	.d-xxl-none { display: none !important; }
	.d-xxl-block { display: block !important; }
}

/*  空白ユーティリティ（Spacing）
-----------------------------------------------------------------*/
@media (max-width: 576px) { /* sm */
	.my_sm_0 { margin-top: 0rem !important; margin-bottom: 0rem !important; }
	.my_sm_1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; }
	.my_sm_2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; }
	.my_sm_3 { margin-top: 1rem !important; margin-bottom: 1rem !important; }
	.my_sm_4 { margin-top: 1.8rem !important; margin-bottom: 1.8rem !important; }
	.my_sm_5 { margin-top: 3rem !important; margin-bottom: 3rem !important; }

	.mt_sm_0 { margin-top: 0rem !important; }
	.mt_sm_1 { margin-top: 0.25rem !important; }
	.mt_sm_2 { margin-top: 0.5rem !important; }
	.mt_sm_3 { margin-top: 1rem !important; }
	.mt_sm_4 { margin-top: 1.8rem !important; }
	.mt_sm_5 { margin-top: 3rem !important; }

	.py_sm_0 { padding-top: 0rem !important; padding-bottom: 0rem !important; }
	.py_sm_1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; }
	.py_sm_2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; }
	.py_sm_3 { padding-top: 1rem !important; padding-bottom: 1rem !important; }
	.py_sm_4 { padding-top: 1.8rem !important; padding-bottom: 1.8rem !important; }
	.py_sm_5 { padding-top: 3rem !important; padding-bottom: 3rem !important; }

	.pt_sm_0 { padding-top: 0rem !important; }
	.pt_sm_1 { padding-top: 0.25rem !important; }
	.pt_sm_2 { padding-top: 0.5rem !important; }
	.pt_sm_3 { padding-top: 1rem !important; }
	.pt_sm_4 { padding-top: 1.8rem !important; }
	.pt_sm_5 { padding-top: 3rem !important; }
	.pt_sm_6 { padding-top: 4rem !important; }
	.pt_sm_7 { padding-top: 5rem !important; }

	.px_sm_0 { padding-left: 0rem !important; padding-right: 0rem !important; }
	.px_sm_1 { padding-left: 0.25rem !important; padding-right: 0.25rem !important; }
	.px_sm_2 { padding-left: 0.5rem !important; padding-right: 0.5rem !important; }
	.px_sm_3 { padding-left: 1rem !important; padding-right: 1rem !important; }
	.px_sm_4 { padding-left: 1.8rem !important; padding-right: 1.8rem !important; }
	.px_sm_5 { padding-left: 3rem !important; padding-right: 3rem !important; }
}

/*  テキスト空白ユーティリティ（Spacing）
-----------------------------------------------------------------*/
.ls_0 { letter-spacing: 0 !important; }
.ls_1 { letter-spacing: 0.125rem !important; margin-right: -0.125rem !important; }
.ls_2 { letter-spacing: 0.25rem !important; margin-right: -0.25rem !important; }
.ls_3 { letter-spacing: 0.8rem !important; margin-right: -0.8rem !important; }
.ls_4 { letter-spacing: 1rem !important; margin-right: -1rem !important; }
.ls_5 { letter-spacing: 1.5rem !important; margin-right: -1.5rem !important; }
.ls_6 { letter-spacing: 2rem !important; margin-right: -2rem !important; }

@media (max-width: 767px) {
	.no-style.ls_1,
	.no-style.ls_2,
	.no-style.ls_3,
	.no-style.ls_4,
	.no-style.ls_5,
	.no-style.ls_6 { letter-spacing: 0 !important; margin-right: 0rem !important; }
}


/*  ol ul
-----------------------------------------------------------------*/
body ol,
body ul { padding-left: 2rem !important; }
body ol li::marker { font-weight: 600; }

/*  Line-height
-----------------------------------------------------------------*/
.lh_14 { line-height: 1.4; }
.lh_15 { line-height: 1.5; }
.lh_18 { line-height: 1.8; }
.lh_2 { line-height: 2; }
.lh_25 { line-height: 2.5; }

/*  Font-size
-----------------------------------------------------------------*/
.fs_12 { font-size: 0.75rem !important; }
.fs_13 { font-size: 0.8125rem !important; }
.fs_14 { font-size: 0.875rem !important; }
.fs_15 { font-size: 0.937rem !important; }

/*  Font-weight
-----------------------------------------------------------------*/
.fw-3 { font-weight: 300; }
.fw-4 { font-weight: 400; }

/*  Page-navi
-----------------------------------------------------------------*/
body .wp-pagenavi a, body .wp-pagenavi span { padding: 3px 8px; border: 2px solid #BFBFBF; }

/*  Button
-----------------------------------------------------------------*/
body .wp-block-button__link { font-size: 1rem; font-weight: 500; }
body .is-style-outline>.wp-block-button__link,
body .wp-block-button__link.is-style-outline { border: 2px solid #bbb; color: #bbb; }
body .is-style-outline>.wp-block-button__link:not(.has-text-color),
body .wp-block-button__link.is-style-outline:not(.has-text-color) { color: #bbb; }
body .is-style-outline>.wp-block-button__link:not(.has-background),
body .wp-block-button__link.is-style-outline:not(.has-background) {
    background-color: rgba(255,255,255,0.5);
}
body .wp-block-buttons { display: inline-block; margin-top: 0.5rem; margin-bottom: 0.5rem; text-align: center; width: 100%; }
body .wp-block-column { margin-bottom: 0.5rem; }

body .btn-normal {
	background-color: initial;
	border-color: #000;
	padding: 0.625rem 2rem;
}
body a .btn-normal { color: #000; }

body .btn-red { background-color: initial; border-color: #000; padding: 0.625rem 1rem; font-size: 0.875rem; }
body a .btn-red { color: #000; }
body a:hover .btn-red { color: #FFF; background-color: #df3128; }

body .btn-dark {
	width: 100%;
	background-color: #004C6F;
	border-color: #004C6F;
/*	padding: 0.875rem 3.56rem;*/
}
body .btn-dark:hover {
	width: 100%;
	background-color: #2d799c;
	border-color: #2d799c;
}
body a .btn-dark { color: #FFF; }
body a:hover .btn-dark { color: #FFF; background-color: #205587; }

body .btn-dark-line {
	width: 100%;
	background-color: #FFF;
	border: 2px solid #004C6F;
	padding: 0.625rem 0;
}
body .btn-dark-line:hover {
	width: 100%;
	background-color: #004C6F;
	border-color: #004C6F;
	color: #FFF;
}
body .btn-dark-line:hover a { color: #FFF; }
body .btn-dark-line .wp-block-button__link { color: #004C6F; }
body .btn-dark-line .wp-block-button__link:hover { color: #FFF; background-color: #004C6F; }

body .btn-dark-waku {
	width: 100%;
	background-color: #FFF;
	border: 4px solid #e16a92;
	position: relative;
	padding: 0;
}
body .btn-dark-waku:hover {
	width: 100%;
	background-color: #e16a92;
	border-color: #e16a92;
	color: #FFF;
}
body .btn-dark-waku:hover a { color: #FFF; }
body .btn-dark-waku .wp-block-button__link { color: #e16a92; padding: 1.625rem 0 !important; }
body .btn-dark-waku .wp-block-button__link:hover { color: #FFF; background-color: #e16a92; }
body .btn-dark-waku .wp-block-button__link:after {
    content: "";
    background: url(./images/btn_ya_a.png) 50% no-repeat;
    padding: 6px 22px;
    position: absolute;
    bottom: 0.5rem;
    right: 0.5rem;
}
body .btn-dark-waku .wp-block-button__link:hover:after {
    content: "";
    background: url(./images/btn_ya_h.png) 50% no-repeat;
    padding: 6px 22px;
    position: absolute;
    bottom: 0.5rem;
    right: 0.5rem;
}

.btn-dark-waku:after {
    content: "";
    background: url(./images/btn_ya_e16.png) 50% no-repeat;
    padding: 6px 22px;
    position: absolute;
    bottom: 0.5rem;
    right: 0.5rem;
}
.btn-dark-waku:hover:after {
    content: "";
    background: url(./images/btn_ya.png) 50% no-repeat;
    padding: 6px 22px;
    position: absolute;
    bottom: 0.5rem;
    right: 0.5rem;
}

/*------------------ 機械工学科 ------------------------*/
body .btn-domee {
	width: 100%;
	background-color: #dd6a8e;
	border-color: #dd6a8e;
	padding: 1.4rem 1rem;
	position: relative;
}
body .btn-domee:hover {
	width: 100%;
	background-color: #2d799c;
	border-color: #2d799c;
}
body a .btn-domee { color: #FFF; }
body a:hover .btn-domee { color: #FFF; background-color: #205587; }

/*------------------ 電気電子工学科 ------------------------*/
body .btn-deese {
	width: 100%;
	background-color: #df6b21;
	border-color: #df6b21;
	padding: 1.4rem 1rem;
	position: relative;
}
body .btn-deese:hover {
	width: 100%;
	background-color: #2d799c;
	border-color: #2d799c;
}
body a .btn-deese { color: #FFF; }
body a:hover .btn-deese { color: #FFF; background-color: #205587; }

/*------------------ 電子制御工学科 ------------------------*/
body .btn-doece {
	width: 100%;
	background-color: #77498c;
	border-color: #77498c;
	padding: 1.4rem 1rem;
	position: relative;
}
body .btn-doece:hover {
	width: 100%;
	background-color: #2d799c;
	border-color: #2d799c;
}
body a .btn-doece { color: #FFF; }
body a:hover .btn-doece { color: #FFF; background-color: #205587; }

/*------------------ 物質工学科 ------------------------*/
body .btn-domae {
	width: 100%;
	background-color: #32a9ce;
	border-color: #32a9ce;
	padding: 1.4rem 1rem;
	position: relative;
}
body .btn-domae:hover {
	width: 100%;
	background-color: #2d799c;
	border-color: #2d799c;
}
body a .btn-domae { color: #FFF; }
body a:hover .btn-domae { color: #FFF; background-color: #205587; }

/*------------------ 環境都市工学科 ------------------------*/
body .btn-doeue {
	width: 100%;
	background-color: #7bb119;
	border-color: #7bb119;
	padding: 1.4rem 1rem;
	position: relative;
}
body .btn-doeue:hover {
	width: 100%;
	background-color: #2d799c;
	border-color: #2d799c;
}
body a .btn-doeue { color: #FFF; }
body a:hover .btn-doeue { color: #FFF; background-color: #205587; }

.btn-domee:after,
.btn-deese:after,
.btn-doece:after,
.btn-domae:after,
.btn-doeue:after {
    content: "";
    background: url(./images/btn_ya.png) 50% no-repeat;
    padding: 6px 22px;
    position: absolute;
    bottom: 0.5rem;
    right: 0.5rem;
}

body.page-template-default .title_line,
body.page-template-page_news .title_line { border-top: 1px solid #FFF; }
body.single-staff .title_line,
body.single .title_line { border-top: 1px solid #FFF; }
body.error404 .title_line { border-top: 1px solid #FFF; }

#page .btn-dark-waku a[href$=".pdf"] { background: none; }

body .btn-white {
	background-color: initial;
	border-color: #FFF;
	padding: 0.625rem 3.4rem;
	border-width: 2px;
	font-family: 'Yu Gothic M','Yu Gothic',YuGothic,'ＭＳ Ｐゴシック','メイリオ',Meiryo,sans-serif;
	font-weight: 700;
}
body .btn-white.white_2 { padding: 0.625rem 2rem; }

body a .btn-white { color: #FFF; }
body a:hover .btn-white { color: #FFF; background-color: #205587; }


body .btn_contents_0, body .btn_contents_1, body .btn_contents_2, body .btn_contents_3, body .btn_contents_4, body .btn_contents_5 {
	background-color: initial;
	border-color: #FFF;
	padding: 0.625rem 0.5rem;
	border-width: 2px;
	width: 90%;
	font-family: 'Yu Gothic M','Yu Gothic',YuGothic,'ＭＳ Ｐゴシック','メイリオ',Meiryo,sans-serif;
	font-weight: 700;
}
body a .btn_contents_0, body .btn_contents_1, body .btn_contents_2, body .btn_contents_3, body .btn_contents_4, body .btn_contents_5 { color: #FFF; }

body a:hover .btn_contents_0 { color: #ea82a4; background-color: #FFF; }
body a:hover .btn_contents_1 { color: #eb802b; background-color: #FFF; }
body a:hover .btn_contents_2 { color: #8b60a2; background-color: #FFF; }
body a:hover .btn_contents_3 { color: #3ab8d8; background-color: #FFF; }
body a:hover .btn_contents_4 { color: #8cbf1f; background-color: #FFF; }
body a:hover .btn_contents_5 { color: #df3164; background-color: #FFF; }


@media (max-width: 767px) {
	body .btn-white {
		width: 100%;
	}
}

body .btn-blue {
	background-color: #FFF;
	border-color: #FFF;
	padding: 0.625rem 0;
	width: 100%;
}
body a .btn-blue { color: #5c91c3; }

body .btn-purple {
	background-color: #FFF;
	border-color: #205587;
    border-width: 3px;
	padding: 0.875rem 0;
	width: 100%;
	font-size: 1.125rem;
}
body a .btn-purple { color: #205587; font-weight: 600; }
body a:hover .btn-purple { color: #FFF; font-weight: 600; background-color: #205587; }

/*  Main Frame */
/*-----------------------------------------*/

body #main_frame { position: relative; border-right: 1px solid #e5e5e5; background-color: rgba(255,255,255,1); }
body #s_navi_wrap { position: relative; z-index: 1040; background-color: #FFF; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; }
body #content_wrap { position: relative; margin-top: 93px; background-color: #fff; min-height: 1000px; }

@media (max-width: 576px) {
	body #content_wrap { margin-top: 0; }
}

@media (min-width: 576px) {
	body .container { max-width: 100%; }
}

@media (min-width: 768px) {
	body .container { max-width: 100%; }
}

@media (min-width: 992px) {
	body .container { max-width: 100%; }
}

@media (min-width: 1301px) {
	body .container { max-width: 100%; }
}

@media (min-width: 1540px) {
	body .container, body .container-sm, body .container-md, body .container-lg, body .container-xl, body .container-xxl {
	    max-width: 1479px;
	}
}



/*  Header logo
-----------------------------------------------------------------*/
@media (max-width: 1099px) {
	nav.navbar-expand-xl h1#smp_h1 img { width: 220px; height: auto; margin-top: 0px; }
}
@media (max-width: 992px) {
	nav.navbar-expand-xl h1#smp_h1 img { width: 280px; height: auto; margin-top: 0px; }
}
@media (max-width: 576px) {
	nav.navbar-expand-xl h1#smp_h1 img { width: auto; height: 40px; margin-top: 0px; }
}

/*  Navbar-Top
-----------------------------------------------------------------*/

nav.navbar-expand-xl { /* background-color: rgba(255,255,255,0.9) !important; */ min-height: 94px; /* border-left: 1px solid #000; border-top: 1px solid #000; border-right: 1px solid #000; */ }

/*nav.navbar-expand-xl .container { background-color: #0085c2; }*/

nav.navbar-expand-xl img.h2_title { display: block; position: absolute; top: -26px; left: 2rem; margin-bottom: 0; }

nav.navbar-expand-xl h2:after { content: none; }

@media (max-width: 767px) { 
	img.h2_title_smp { display: block; position: absolute; top: -0.8rem; left: 1.5rem; width: auto; height: 1.7rem; }
}

nav.fixed-top { background-color: #e16a92 !important; }


@media (min-width: 992px) {
	body .navbar-expand-lg body .navbar-toggler { display: none; }
	nav.fixed-top { margin: 0 auto; max-width: 100%; }
}
@media (min-width: 1280px) {
	nav.fixed-top li { font-size: 0.875rem; line-height: 1.3; text-align: center; }
}
@media (min-width: 1301px) {
	body .navbar-expand-lg body .navbar-toggler { display: none; }
	nav.fixed-top { margin: 0 auto; max-width: 100%; }
	nav.fixed-top li { font-size: 0.875rem; }
}
@media (min-width: 1540px) {
	nav.fixed-top { margin: 0 auto; max-width: 1479px; }
}

@media (min-width: 1280px) {
	ul.navbar-nav { position: absolute; right: 0; }
	ul.navbar-nav li { height: 40px; position: relative; padding-top: 0.65rem; }
	ul.navbar-nav li#menu-item-297,
	ul.navbar-nav li#menu-item-79 { padding-top: 0; }

	ul.navbar-nav li br.d-xl-inline { display: inline !important; }

	.navbar-expand-xl .navbar-nav { flex-direction: row; }
}

@media (min-width: 1200px) {
	.navbar-expand-xl .navbar-nav { flex-direction: column; }
}

.navbar-light .navbar-nav .nav-link { color: #FFF; font-family: 'Yu Gothic M','Yu Gothic',YuGothic,'ＭＳ Ｐゴシック','メイリオ',Meiryo,sans-serif; font-weight: 800; }
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { color: #999; font-weight: 800; }
.navbar-light .navbar-toggler { color: rgba(0, 0, 0, 0.95); border-color: rgba(0, 0, 0, 0) !important; }

body .navbar-collapse.border-top li#menu-item-343 { display: none; }

@media (max-width: 1279px) {
	nav.fixed-top li { font-size: 1rem; border-bottom: 1px solid #e5e5e5; padding: 0.5rem 1rem; font-weight: 500; width: 18rem; color: FFF; }
	nav.fixed-top li a, nav.fixed-top li a:hover { font-weight: 800 !important; padding: 0.5rem 0 0.25rem; }
}

@media (min-width: 100px) {
	h1#smp_h1 { display: block; }
	.navbar-expand-xl button.navbar-toggler { position: absolute; top: -0.25rem; right: 0; padding: 0.25rem 1.5rem; font-size: 2rem; }
	.navbar-collapse.border-top { position: absolute; top: 4.25rem; right: 0; padding: 0 2rem; background-color: #fff; overflow-y: auto; height: 100vh; padding-bottom: 160px; width: 21.875rem; }
	.sub_inline { display: none !important; }
}
@media (min-width: 768px) {
	h1#smp_h1 { display: block; }
	.navbar-expand-xl button.navbar-toggler { position: absolute; top: 0; right: 0; padding: 0.25rem 1.5rem; font-size: 2rem; }
	.navbar-collapse.border-top { position: absolute; top: 4.35rem; right: 0; padding: 0 2rem; background-color: #fff; overflow-y: auto; height: 100vh; padding-bottom: 160px; width: 21.875rem; }
}
@media (min-width: 992px) {
	h1#smp_h1 { display: none; }
	.navbar-expand-xl button.navbar-toggler { position: absolute; top: -1.75rem; right: 0; padding: 0.25rem 1.5rem; font-size: 2rem; display: block; }
	.navbar-collapse.border-top { position: absolute; top: 47px; right: 0; padding: 0 2rem; background-color: #fff; overflow: initial; height: initial; padding-bottom: inital; }
}
@media (min-width: 1280px) {
	body .navbar-expand-xl .navbar-toggler { display: none; }
	.navbar-collapse.border-top { position: initial; top: initial; right: 0; padding: initial; background-color: #fff; }
	body .navbar-expand-xl .navbar-nav .nav-link { padding: 0.2rem 0.875rem 0; }
	.sub_inline { display: inline !important; }
}
@media (max-width: 1280px) {
	body .navbar-collapse.border-top { display: none !important; }
	body .navbar-collapse.border-top.show { display: block !important; transition: 1s; opacity: 1; }
	body .navbar-collapse.border-top li#menu-item-343 { display: block; }
}

/*  SMP NAVI */
/*-----------------------------------------*/
@media (min-width: 1280px) {
	body .navbar-expand-xl .navbar-collapse {
	    display: -webkit-box !important;
	    display: -ms-flexbox !important;
	    display: flex !important;
	    -ms-flex-preferred-size: auto;
	    flex-basis: 100%;
	}

	body .navbar-expand-xl .navbar-nav {
	    -webkit-box-orient: horizontal;
	    -webkit-box-direction: normal;
	    -ms-flex-direction: row;
	    flex-direction: row;
	}

	body .border-top { border-top: 0 !important; }
}

@media (max-width: 999px) { /* md */
	body #to_top_scrollup { z-index: 9998; }

	nav.navbar-light ul { background-color: #FFF; }

}

/*  バーガーナビ */
/*-----------------------------------------*/
@media (min-width: 100px) {

	.navbar-light .collapsed .navbar-toggler-icon {
		background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20500%20500%22%20style%3D%22enable-background%3Anew%200%200%20500%20500%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23FFFFFF%3B%7D%20.st1%7Bfill%3Anone%3Bstroke%3A%23FFFFFF%3Bstroke-width%3A28%3Bstroke-miterlimit%3A10%3B%7D%20.st2%7Bdisplay%3Anone%3Bfill%3A%23234A64%3B%7D%20.st3%7Bdisplay%3Anone%3B%7D%20.st4%7Bdisplay%3Ainline%3Bfill%3Anone%3Bstroke%3A%23234A64%3Bstroke-width%3A31.0412%3Bstroke-miterlimit%3A10%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M96.5%2C405.4h9.5v60.9h-9.5V405.4z%20M139.3%2C429.4c0-5.4-1.4-9.6-4.3-12.6c-2.9-3-7-4.5-12.3-4.5%20c-5.3%2C0-9.4%2C1.3-12.3%2C4c-2.9%2C2.7-4.4%2C6.5-4.4%2C11.3l-1.4-11.7c2.3-4.1%2C5.3-7%2C9-8.8c3.7-1.8%2C8-2.7%2C12.9-2.7c4.7%2C0%2C8.7%2C1%2C12.1%2C2.9%20c3.4%2C1.9%2C5.9%2C4.8%2C7.6%2C8.5c1.7%2C3.7%2C2.6%2C8.2%2C2.6%2C13.4v36.9h-9.5V429.4z%20M182.1%2C429.4c0-5.4-1.4-9.6-4.3-12.6c-2.9-3-7-4.5-12.2-4.5%20c-5.3%2C0-9.4%2C1.4-12.3%2C4.3c-2.9%2C2.9-4.4%2C7-4.4%2C12.2l-4-8.8c2.2-5%2C5.2-8.9%2C9.1-11.6c3.9-2.7%2C8.6-4%2C14.1-4c5%2C0%2C9.2%2C1%2C12.7%2C2.9%20c3.5%2C1.9%2C6.2%2C4.8%2C8.1%2C8.5c1.8%2C3.7%2C2.8%2C8.2%2C2.8%2C13.4v36.9h-9.5V429.4z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M223.8%2C464c-4.5-2.1-7.9-5.2-10.2-9.3c-2.3-4.1-3.5-9-3.5-14.8V433c0-6%2C1.1-11.2%2C3.4-15.4%20c2.3-4.3%2C5.5-7.5%2C9.8-9.7c4.3-2.2%2C9.5-3.3%2C15.5-3.3c5.7%2C0%2C10.6%2C1.1%2C14.6%2C3.3c4%2C2.2%2C7.1%2C5.4%2C9.2%2C9.6c2.1%2C4.2%2C3.2%2C9.3%2C3.2%2C15.2v7%20h-49.4v-7.6H257v-0.6c0-6-1.6-10.7-4.8-14c-3.2-3.3-7.7-5-13.5-5c-6.4%2C0-11.3%2C1.7-14.7%2C5.2c-3.5%2C3.5-5.2%2C8.4-5.2%2C14.8v7.7%20c0%2C6.1%2C1.8%2C10.8%2C5.5%2C14.2c3.7%2C3.3%2C8.9%2C5%2C15.6%2C5c3.2%2C0%2C6.3-0.6%2C9.4-1.8c3.1-1.2%2C5.8-2.8%2C8.3-5l6.5%2C5.5c-3.3%2C2.9-7.1%2C5.1-11.3%2C6.7%20c-4.2%2C1.6-8.5%2C2.4-12.8%2C2.4C233.6%2C467.2%2C228.2%2C466.1%2C223.8%2C464z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M284.3%2C405.4h9.5v60.9h-9.5V405.4z%20M329.7%2C429.4c0-5.4-1.6-9.6-4.8-12.6s-7.7-4.5-13.5-4.5%20c-5.6%2C0-10%2C1.3-13.1%2C4c-3.1%2C2.6-4.6%2C6.4-4.6%2C11.2l-1.4-11.7c2.4-4%2C5.6-6.9%2C9.6-8.7c4-1.8%2C8.6-2.7%2C13.9-2.7%20c7.4%2C0%2C13.2%2C2.2%2C17.2%2C6.5c4.1%2C4.3%2C6.1%2C10.4%2C6.1%2C18.3v36.9h-9.5V429.4z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M369%2C442.4c0%2C5.4%2C1.6%2C9.5%2C4.7%2C12.5c3.1%2C3%2C7.5%2C4.4%2C13.2%2C4.4c5.7%2C0%2C10-1.3%2C13.1-4c3.1-2.7%2C4.6-6.5%2C4.6-11.4%20l0.9%2C12.7c-1.7%2C3-4.4%2C5.5-8.3%2C7.6c-3.8%2C2-8.6%2C3-14.2%2C3c-7.5%2C0-13.4-2.2-17.5-6.5s-6.2-10.4-6.2-18.3v-37h9.5V442.4z%20M404.7%2C405.4%20h9.4v60.9h-9.4V405.4z%22%2F%3E%20%3C%2Fg%3E%3C%2Fg%3E%3Cline%20class%3D%22st1%22%20x1%3D%2294%22%20y1%3D%2234%22%20x2%3D%22414%22%20y2%3D%2234%22%2F%3E%3Cline%20class%3D%22st1%22%20x1%3D%2294%22%20y1%3D%22295%22%20x2%3D%22414%22%20y2%3D%22295%22%2F%3E%3Crect%20x%3D%22250%22%20y%3D%22170%22%20class%3D%22st2%22%20width%3D%2274%22%20height%3D%2278%22%2F%3E%3Cg%20class%3D%22st3%22%3E%20%3Cline%20class%3D%22st4%22%20x1%3D%2287.7%22%20y1%3D%22280.1%22%20x2%3D%22413.8%22%20y2%3D%2260.3%22%2F%3E%20%3Cline%20class%3D%22st4%22%20x1%3D%2287.7%22%20y1%3D%2260.5%22%20x2%3D%22413.7%22%20y2%3D%22280.6%22%2F%3E%3C%2Fg%3E%3Cline%20class%3D%22st1%22%20x1%3D%2294%22%20y1%3D%22170%22%20x2%3D%22414%22%20y2%3D%22170%22%2F%3E%3C%2Fsvg%3E')
	}
	.navbar-light .navbar-toggler-icon {
		background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20500%20500%22%20style%3D%22enable-background%3Anew%200%200%20500%20500%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23FFFFFF%3B%7D%20.st1%7Bdisplay%3Anone%3B%7D%20.st2%7Bdisplay%3Ainline%3Bfill%3Anone%3Bstroke%3A%23234A64%3Bstroke-width%3A28%3Bstroke-miterlimit%3A10%3B%7D%20.st3%7Bdisplay%3Anone%3Bfill%3A%23234A64%3B%7D%20.st4%7Bfill%3Anone%3Bstroke%3A%23FFFFFF%3Bstroke-width%3A31.0412%3Bstroke-miterlimit%3A10%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M96.5%2C405.4h9.5v60.9h-9.5V405.4z%20M139.3%2C429.4c0-5.4-1.4-9.6-4.3-12.6c-2.9-3-7-4.5-12.3-4.5%20c-5.3%2C0-9.4%2C1.3-12.3%2C4c-2.9%2C2.7-4.4%2C6.5-4.4%2C11.3l-1.4-11.7c2.3-4.1%2C5.3-7%2C9-8.8c3.7-1.8%2C8-2.7%2C12.9-2.7c4.7%2C0%2C8.7%2C1%2C12.1%2C2.9%20c3.4%2C1.9%2C5.9%2C4.8%2C7.6%2C8.5c1.7%2C3.7%2C2.6%2C8.2%2C2.6%2C13.4v36.9h-9.5V429.4z%20M182.1%2C429.4c0-5.4-1.4-9.6-4.3-12.6c-2.9-3-7-4.5-12.2-4.5%20c-5.3%2C0-9.4%2C1.4-12.3%2C4.3c-2.9%2C2.9-4.4%2C7-4.4%2C12.2l-4-8.8c2.2-5%2C5.2-8.9%2C9.1-11.6c3.9-2.7%2C8.6-4%2C14.1-4c5%2C0%2C9.2%2C1%2C12.7%2C2.9%20c3.5%2C1.9%2C6.2%2C4.8%2C8.1%2C8.5c1.8%2C3.7%2C2.8%2C8.2%2C2.8%2C13.4v36.9h-9.5V429.4z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M223.8%2C464c-4.5-2.1-7.9-5.2-10.2-9.3c-2.3-4.1-3.5-9-3.5-14.8V433c0-6%2C1.1-11.2%2C3.4-15.4%20c2.3-4.3%2C5.5-7.5%2C9.8-9.7c4.3-2.2%2C9.5-3.3%2C15.5-3.3c5.7%2C0%2C10.6%2C1.1%2C14.6%2C3.3c4%2C2.2%2C7.1%2C5.4%2C9.2%2C9.6c2.1%2C4.2%2C3.2%2C9.3%2C3.2%2C15.2v7%20h-49.4v-7.6H257v-0.6c0-6-1.6-10.7-4.8-14c-3.2-3.3-7.7-5-13.5-5c-6.4%2C0-11.3%2C1.7-14.7%2C5.2c-3.5%2C3.5-5.2%2C8.4-5.2%2C14.8v7.7%20c0%2C6.1%2C1.8%2C10.8%2C5.5%2C14.2c3.7%2C3.3%2C8.9%2C5%2C15.6%2C5c3.2%2C0%2C6.3-0.6%2C9.4-1.8c3.1-1.2%2C5.8-2.8%2C8.3-5l6.5%2C5.5c-3.3%2C2.9-7.1%2C5.1-11.3%2C6.7%20c-4.2%2C1.6-8.5%2C2.4-12.8%2C2.4C233.6%2C467.2%2C228.2%2C466.1%2C223.8%2C464z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M284.3%2C405.4h9.5v60.9h-9.5V405.4z%20M329.7%2C429.4c0-5.4-1.6-9.6-4.8-12.6s-7.7-4.5-13.5-4.5%20c-5.6%2C0-10%2C1.3-13.1%2C4c-3.1%2C2.6-4.6%2C6.4-4.6%2C11.2l-1.4-11.7c2.4-4%2C5.6-6.9%2C9.6-8.7c4-1.8%2C8.6-2.7%2C13.9-2.7%20c7.4%2C0%2C13.2%2C2.2%2C17.2%2C6.5c4.1%2C4.3%2C6.1%2C10.4%2C6.1%2C18.3v36.9h-9.5V429.4z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M369%2C442.4c0%2C5.4%2C1.6%2C9.5%2C4.7%2C12.5c3.1%2C3%2C7.5%2C4.4%2C13.2%2C4.4c5.7%2C0%2C10-1.3%2C13.1-4c3.1-2.7%2C4.6-6.5%2C4.6-11.4%20l0.9%2C12.7c-1.7%2C3-4.4%2C5.5-8.3%2C7.6c-3.8%2C2-8.6%2C3-14.2%2C3c-7.5%2C0-13.4-2.2-17.5-6.5s-6.2-10.4-6.2-18.3v-37h9.5V442.4z%20M404.7%2C405.4%20h9.4v60.9h-9.4V405.4z%22%2F%3E%20%3C%2Fg%3E%3C%2Fg%3E%3Cg%20class%3D%22st1%22%3E%20%3Cline%20class%3D%22st2%22%20x1%3D%2294%22%20y1%3D%2234%22%20x2%3D%22414%22%20y2%3D%2234%22%2F%3E%20%3Cline%20class%3D%22st2%22%20x1%3D%2294%22%20y1%3D%22295%22%20x2%3D%22414%22%20y2%3D%22295%22%2F%3E%20%3Cline%20class%3D%22st2%22%20x1%3D%2294%22%20y1%3D%22170%22%20x2%3D%22414%22%20y2%3D%22170%22%2F%3E%3C%2Fg%3E%3Crect%20x%3D%22250%22%20y%3D%22170%22%20class%3D%22st3%22%20width%3D%2274%22%20height%3D%2278%22%2F%3E%3Cg%3E%20%3Cline%20class%3D%22st4%22%20x1%3D%2287.7%22%20y1%3D%22280.1%22%20x2%3D%22413.8%22%20y2%3D%2260.3%22%2F%3E%20%3Cline%20class%3D%22st4%22%20x1%3D%2287.7%22%20y1%3D%2260.5%22%20x2%3D%22413.7%22%20y2%3D%22280.6%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E')
	}
}

/*	Slider
/*-------------------------------------------------------------*/

.slide_wrap { padding-top: 0 !important; }
.slide_wrap img { max-width: initial; width: 100%; }

/*.slide_navi_wrap { padding: 55px 80px; }*/
.slide_navi_wrap { padding: 0 30px; margin: 25px 0; }
.slide_navi_wrap .slick-slide { padding: 0 8px; }

.slick-prev, .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 48%;
    display: block;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}

.slick-list { z-index: 10; }
.slick-prev { left: 0px; background-color: #e5e5e5; padding: 0 10px; margin-top: 2px; z-index: 1; height: 100%; }
.slick-next { right: 0px; background-color: #e5e5e5; padding: 0 10px; margin-top: 2px; z-index: 1; height: 100%; }

.slick-prev:before {
	content: "\03c";
    font-size: 1.75rem;
    line-height: 1;
    opacity: 1;
    color: #FFF;
    font-weight: 600;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-next:before {
	content: "\03e";
    font-size: 1.75rem;
    line-height: 1;
    opacity: 1;
    color: #FFF;
    font-weight: 600;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@media (max-width: 767px) {
	.slide_navi_wrap { padding: 0.85rem 0.5rem 0.45rem; }
	.home .slick-prev,
	.home .slick-next { display: none !important; }
}

.slick-dots {
    overflow: hidden;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    margin-top: 15px;
}
.slick-dots li {
	position: relative;　
	display: inline-block;
	margin: 0 7px;
	max-width: 13px;
	padding: 0;
	border: 1px solid #707070;
	width: 13px;
	height: 13px;
	border-radius: 100%;
	cursor: pointer;
}

.home #home { background-color: #0071b6; }



.title_line h2 img { max-height: 40px; }
@media (max-width: 767px) {
	.title_line h2 img { width: auto; height: 1.5rem; }
}




/*	Home news
/*-------------------------------------------------------------*/
span.news { 
	background-color: #DF3128;
	color: #FFF; font-size: 0.81rem;
	padding: 2px 5px;
	margin-right: 0.4rem;
}

span.new:before { 
	content: "NEW";
	background-color: #DF3128;
	color: #FFF; font-size: 0.81rem;
	padding: 2px 5px;
	margin-right: 0.4rem;
	position: absolute;
	margin-left: -60px;
}
p.date { color: #808080; }
#news span.new { margin-left: 0.875rem; }

/*	Home Information
/*-------------------------------------------------------------*/
#information .tab-area {  position: relative; cursor: pointer; }
#information .tab { width: 20%; display: inline-block; position: relative; float: left; background-color: #949494; padding-top: 20px; padding-bottom: 20px; margin-top: 1px; color: #FFF; }
@media (max-width: 1200px) {
	#information .tab { font-size: 1rem !important; padding-top: 0.75rem; padding-bottom: 0.75rem; }
}
@media (max-width: 992px) {
	#information .tab { width: 50%; font-size: 1rem !important; padding-top: 0.75rem; padding-bottom: 0.75rem; }
}
#information .tab:hover { background-color: #F1F1F2; color: #000; }
#information .tab:before {
    content: "";
    border-left: 1px solid #FFF;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
}
#information .tab.active { background-color: #F1F1F2; color: #000; }
#information .tab.active:before,
#information .tab:hover:before {
    content: "";
    border-left: 3px solid #DF3128;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
}
#information .tab_pane { position: relative; background-color: #FFF; }
#information .tab_pane .content {  display: none; }
#information .tab_pane .content.show {  display: block; }
/* #information dl dt { float: left; padding-left: 1rem; padding-right: 3rem; } */
#information dl a dt { color: #DF3128; float: left; padding-left: 1rem; padding-right: 2rem; }
#information dl dd { font-weight: 600; border-bottom: 1px solid #E1E1E1; position: relative; padding-left: 190px; }
@media (max-width: 576px) {
	#information dl dd { width: 100%; display: inline-block; }
}

#information dl a dt.post_label { color: #949494; }

/*	Home Contents
/*-------------------------------------------------------------*/
#contents .content_wrap_0,
#contents .content_wrap_1,
#contents .content_wrap_2,
#contents .content_wrap_3,
#contents .content_wrap_4,
#contents .content_wrap_5 { position: relative; }

#contents .content_wrap_0 h3:before,
#contents .content_wrap_2 h3:before,
#contents .content_wrap_4 h3:before {
	content: "";
	background: url(./images/contents_0a_f.png) 100% 100% no-repeat;
	background-size: cover;
	padding: 168px 35px;
    position: absolute;
	left: -69px;
}
#contents .content_wrap_2 h3:before {
	content: "";
	background: url(./images/contents_2a_f.png) 100% 100% no-repeat;
}
#contents .content_wrap_4 h3:before {
	content: "";
	background: url(./images/contents_4a_f.png) 100% 100% no-repeat;
}

#contents .content_wrap_1 h3:after,
#contents .content_wrap_3 h3:after,
#contents .content_wrap_5 h3:after {
	content: "";
	background: url(./images/contents_1a_f.png) 100% 100% no-repeat;
	background-size: cover;
	padding: 168px 35px;
    position: absolute;
	right: -69px;
}
#contents .content_wrap_3 h3:after {
	content: "";
	background: url(./images/contents_3a_f.png) 100% 100% no-repeat;
}
#contents .content_wrap_5 h3:after {
	content: "";
	background: url(./images/contents_5a_f.png) 100% 100% no-repeat;
}

@media (min-width: 768px) {
	#contents .btn_area_R,
	#contents .btn_area_L { position: relative; bottom: 3.5rem; margin-bottom: -3rem; }
}
@media (min-width: 996px) {
	#contents .btn_area_R,
	#contents .btn_area_L { position: relative; bottom: 4rem; margin-bottom: -3rem; }
}
@media (min-width: 1099px) {
	#contents .btn_area_R,
	#contents .btn_area_L { position: relative; bottom: 5rem; margin-bottom: -3rem; }
}

@media (max-width: 576px) {
	#contents .bg_contens_0 { background-color: #ea82a4; }
	#contents .bg_contens_1 { background-color: #eb802b; }
	#contents .bg_contens_2 { background-color: #8b60a2; }
	#contents .bg_contens_3 { background-color: #3ab8d8; }
	#contents .bg_contens_4 { background-color: #8cbf1f; }
	#contents .bg_contens_5 { background-color: #df3164; }
}


/*  Breadcrumb
-----------------------------------------------------------------*/
.breadcrumb { background-color: #d6dfe6; margin-bottom: 3.75rem; }
.breadcrumb a { color: #e16a92; font-size: 0.875rem; font-weight: 600; }
.breadcrumb a:hover { color: #444; font-size: 0.875rem; font-weight: 600; }

@media (max-width: 4000px) {
	.breadcrumb span { margin: 0 0.5rem; font-size: 0.875rem; font-weight: 600; }
}
@media (max-width: 767px) {
	.breadcrumb span { margin: 0 0.125rem; font-size: 0.875rem; font-weight: 600; }
}

/*  Page
-----------------------------------------------------------------*/
#page h3.no-style {
	padding: initial;
    margin-bottom: initial;
    background-color: initial;
    position: initial;
    margin-left:  initial;
    margin-right:  initial;
}

.single #page h3.no-style {
    padding: initial;
    margin-bottom: initial;
    background-color: initial;
    position: initial;
    margin-left: initial;
    margin-right: initial;
}
#page h3.no-style:before,
.single #page h3.no-style:before { content: initial; background: none; position: initial; }

#page #top_title_wrap2 { min-height: 230px; }
@media (max-width: 576px) {
	#page #top_title_wrap,
	#page #top_title_wrap2 { min-height: 130px; }
}

#page h3 { padding: 1.56rem; margin-bottom: 1.875rem;  position: relative; margin-left: -1rem; margin-right: -1rem; }
#page h3:before {
	content: "";
	padding: 1.25rem 0.1875rem;
	background: url(./images/h3_left_line.png) 0 0 no-repeat;
	position: absolute;
    top: 1.2rem;
    left: 0;
}
@media (max-width: 768px) {
	#page h3:before {
		content: "";
		padding: 1.15rem 0.1875rem;
		background: url(./images/h3_left_line.png) 0 0 no-repeat;
	}
}

#page h4 {padding: 1rem 0 1.5rem 1.5rem; margin-bottom: 0; position: relative; color: #345F80; }
#page h4:before {
	content: "";
	padding: 0.8rem 1.2rem;
	background: url(./images/h3_left_line.png) 0 0 no-repeat;
	position: absolute;
    top: 1rem;
    left: 0;
}

@media (max-width: 576px) { #page h3 { margin-left: 0; margin-right: 0; } }

#page .wp-block-columns { margin-bottom: 0; }
#page .wp-block-image { margin-bottom: 0; }


#page p a,
#page li a,
#page table a { color: #004a69; text-decoration: underline; }
#page p a:hover,
#page li a:hover,
#page table a:hover { color: #db3e45; text-decoration: none; }

#page a[href$=".pdf"] { padding: 0 0 0 1.56rem; background: url(./images/link_icon_pdf.svg) no-repeat scroll left center transparent; margin-left: -2px; }

#page a[href$=".doc"] { padding: 0 0 0 1.44rem; background: url(./images/link_icon_word.svg) no-repeat scroll left center transparent; }
#page a[href$=".docx"] { padding: 0 0 0 1.44rem; background: url(./images/link_icon_word.svg) no-repeat scroll left center transparent; }

#page a[href$=".xls"] { padding: 0 0 0 1.44rem; background: url(./images/link_icon_excel.svg) no-repeat scroll left center transparent; }
#page a[href$=".xlsx"] { padding: 0 0 0 1.44rem; background: url(./images/link_icon_excel.svg) no-repeat scroll left center transparent; }

#page ol li { color: #333; font-weight: 500; line-height: 1.8; margin-bottom: 0.375rem; }
#page ol li:last-of-type { margin-bottom: 1.5rem; }

#page .wp-block-image figcaption { text-align: center; font-weight: 600; font-size: 0.875rem; }

#page .wp-block-button__link { background-color: initial; border-radius: 0 !important; padding: .32em 0em; width: 100%; }

@media (max-width: 768px) {
	#page h2.fs-4,
	#page h2.fs-3 { font-size: 1.25rem !important; }
	#page h2 span.fs-0 { font-size: 0.625rem !important; }
}

body.page-id-58 .table-responsive th,
body.page-id-58 .table-responsive td { border: 0; }
body.page-id-58 .table-responsive img { max-width: initial; height: auto; }

body.page-id-58 p.a01 {
    border: solid 1px #a5a5ff;
    font-weight: bold;
    color: #3c3c3c;
    text-align: center;
    padding: 0px 4px;
    margin: 3px 4px;
    font-size: 1rem;
    background-color: #ffc8e1;
}

body.page-id-58 p.a02 {
    border: solid 1px #a5a5ff;
    font-weight: bold;
    color: #3c3c3c;
    text-align: center;
    padding: 0px 4px;
    margin: 3px 4px;
    font-size: 1rem;
    background-color: #ffffbf;
}

body.page-id-58 p.a03 {
    border: solid 1px #a5a5ff;
    font-weight: bold;
    color: #3c3c3c;
    text-align: center;
    padding: 0px 4px;
    margin: 3px 4px;
    font-size: 1rem;
    background-color: #efdede;
}

body.page-id-58 p.a04 {
    border: solid 1px #a5a5ff;
    font-weight: bold;
    color: #3c3c3c;
    text-align: center;
    padding: 0px 4px;
    margin: 3px 4px;
    font-size: 1rem;
    background-color: #dcfad2;
}

body.page-id-58 p.a05 {
    border: solid 1px #a5a5ff;
    font-weight: bold;
    color: #3c3c3c;
    text-align: center;
    padding: 0px 4px;
    margin: 3px 4px;
    font-size: 1rem;
    background-color: #cee7ff;
}

body.page-id-58 p.a06 {
    border: solid 1px #a5a5ff;
    font-weight: bold;
    color: #3c3c3c;
    text-align: center;
    padding: 0px 4px;
    margin: 3px 4px;
    font-size: 1rem;
    background-color: #dcceff;
}

@media (max-width: 4000px) {
	body.page-id-58 table.kamoku { width: 100%; }
	body.page-id-58 table.kamoku th { width: 25%; }
}
@media (max-width: 767px) {
	body.page-id-58 table.kamoku { width: 300vw; }
	body.page-id-58 table.kamoku th { width: 50vw; }
}


/*  Single
-----------------------------------------------------------------*/
.staff-template .bg-fce img { max-height: 240px; width: auto; }

.staff-template .bg-fff,
.staff-template-default .bg-fff { background-color: initial !important; }
.staff-template .bg-fff img,
.staff-template-default .bg-fff img { border: 5px solid #FFF; }

/*  Table
-----------------------------------------------------------------*/
#page table tr:last-of-type th { border-width: 1px; border-color: #444 #444 #444 !important; }
#page table th { color: #333; background-color: #FFF; padding: 0.875rem 1.125rem 0.75rem; border-width: 1px; border-color: #444 #444 #444 !important; line-height: 1.8; vertical-align: top; }
#page table td { color: #444; background-color: #FFF; padding: 0.875rem 1.125rem 0.75rem; font-weight: 500; border-width: 1px; border-color: #444 #444 #444 !important; line-height: 1.8; vertical-align: middle; }

body.page-id-66 #page table tr:first-of-type td { font-weight: 800; }

body.page-id-66 #page table th { width: 35%; }
@media (max-width: 768px) {
	#page table th, #page table td { padding: 0.5rem 0.5rem 0.4rem; }
	body.page-id-66 #page table { width: 230vw; }
	body.page-id-66 #page table th { width: 75vw; }
}

body.page-id-60 .table-responsive td { border: 0; }
body.page-id-60 .table-responsive img { max-width: initial; height: auto; }

#page table.staff_info { margin-left: 3rem; }
#page table.staff_info th,
#page table.staff_info td { border-width: 0; background-color: initial; padding: 0.25rem 0.5rem !important; text-align: left; }
#page table.staff_info tr:last-of-type th { border-width: 0; }

@media (max-width: 767px) {
	#page table.staff_info { margin-left: 0; }
	#page table.staff_info th { width: 35%; }
}



/*	Footer
/*-------------------------------------------------------------*/
footer { position: relative; z-index: 1030; }
footer .container { border: 1px solid #e5e5e5; border-bottom: 0; }
.postid-61718 footer .container,
.postid-61762 footer .container,
.postid-61765 footer .container { border-top: 0; }

footer ul.navfoot li { position: relative; list-style: none; }
footer ul.navfoot li a { color: #FFF; font-weight: 600; }
footer ul.navfoot li a:hover { color: #FFF; font-weight: 600; text-decoration: underline; }

/* footer ul.navfoot.foot1 { padding-left: 8rem; } */

@media (max-width: 576px) {
	footer .copyright { font-size: 0.65rem !important; padding-top: 1.5rem; }
}

/*	To-top
/*-------------------------------------------------------------*/
@media (max-width: 999px) { /* md */
	.fixed-top { z-index: 9999; }
	body #to_top_scrollup { z-index: 9998; right: 0px; bottom: 30px; }
}

/*  Sticky */
/*-----------------------------------------*/
@media (min-width: 100px) {
	#sticky_item {
	    position: fixed;
	    bottom: 80px; /*160px*/
	    right: 0px; /*24px*/
	    width: 40px; /*80px*/
	    height: auto;
	    z-index: 1040;
		display: none;
		z-index: 1051;
	}
	#to_top_scrollup {
	    width: 30px; /*80px*/
	    height: auto;
	}
}
@media (min-width: 992px) {
	#sticky_item {
	    position: fixed;
	    bottom: 220px; /*160px*/
	    right: 30px; /*24px*/
	    width: 70px; /*80px*/
	    height: auto;
	    z-index: 1040;
		display: none;
		z-index: 1051;
	}
	#to_top_scrollup {
	    width: 60px !important; /*80px*/
	    height: auto;
		bottom: 140px !important;
	}
}


/*body.home #sticky_item { display: none !important; }*/

/*  Single
-----------------------------------------------------------------*/
.single #page h3 { padding: 1.56rem; margin-bottom: 1.875rem; background-color: #F6F6F6; position: relative; margin-left: -1rem; margin-right: -1rem; }
.single #page h3:before {
	content: "";
	padding: 1.25rem 0.1875rem;
	background: url(./images/h3_left_line.png) 0 0 no-repeat;
	position: absolute;
    top: 1.2rem;
    left: 0;
}

.single #page h4 {padding: 1rem 0 1.5rem 1.5rem; margin-bottom: 0; position: relative; color: #345F80; }
.single #page h4:before {
	content: "";
	padding: 0.8rem 1.2rem;
	background: url(./images/h3_left_line.png) 0 0 no-repeat;
	position: absolute;
    top: 1rem;
    left: 0;
}

#page h4.no-style {padding: initial; margin-bottom: initial; position: initial; color: initial; }
#page h4.no-style:before { content: none; }


@media (max-width: 576px) { .single #page h3 { font-size: 1.5rem !important; margin-left: 0; margin-right: 0; } }