/* --------------------------------------------------------------------------------

	Sub CSS

	CREATE：2019.5.
	UPDATE：2023.12.4

-------------------------------------------------------------------------------- */


/*
---
---------------------------------------------------------------------------*/
section {
	height: auto!important;
}
.fp-tableCell {
	height: auto!important;
}


/*
---
---------------------------------------------------------------------------*/
.breadcrumbs{
	font-size: 1.4rem;
	padding: 1em 1em 0;
	color: #888;
}
.breadcrumbs > span{
	display: inline-block;
	vertical-align: middle;
}
.breadcrumbs a{
	color: inherit;
	color: #888;
}
.breadcrumbs a:hover{
	color: #EB7E56;
}


/*
---
---------------------------------------------------------------------------*/


/*
---
---------------------------------------------------------------------------*/
hr{
	display: block;
	border-width: 1px 0 0;
	border-color: #ddd;
}
.hr_dotted hr{
	border-style: dashed;
}


/*
---
---------------------------------------------------------------------------*/
.btn{
}


/*
---
---------------------------------------------------------------------------*/
.layout_pageLead{
	display: table;
	width: 100%;
}
.layout_pageLead-cell{
	display: table-cell;
	vertical-align: middle;
}
.layout_pageLead-h2{
	text-align: center;
	padding: 15px;
	border-style: solid;
	border-color: #ddd;
	border-width: 0 1px;
	width: 260px;
	font-size: 2rem;
	font-weight: bold;
}
.layout_pageLead-p{
	padding: 15px 0 15px 15px;
	line-height: 1.8;
}


/*
---
---------------------------------------------------------------------------*/
.bgi_dot_lightblue{
	background-image: url(../images/bg_dot_lightblue_4x4.png);
	-webkit-background-size: 4px;
	background-size: 4px;	
}


/*
---
---------------------------------------------------------------------------*/
.ib_ifb{
	margin: 30px 0;
}
.ib_ifb:after{
	content: '';
	display: table;
	clear: both;
}
.ib_ifb .thumb img{
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.students_voice .ib_ifb .thumb img{
	max-width: 300px;
}
.ib_ifb .nodisplay{
	display: none;
}
.ib_ifb .thumb .caption{
	margin-top: 5px;
	font-size: 1.3rem;
	text-align: center;
	display: block;
}
.ib_ifb .tb:after{
	content: '';
	display: table;
	clear: both;
}
.ib_ifb .tb > :first-child{
	margin-top: 0 !important;
}
.ib_ifb .tb > :last-child{
	margin-bottom: 0 !important;
}
.ib_ifb .tb .tbib:nth-of-type(n+2){
	margin-top: 30px;
}

.ib_ifb.tbbgc{
	background-color: #f5f5f5;
}
.ib_ifb.tbbgc .thumb{
	margin: 0;
}
.ib_ifb.tbbgc .thumb img{
	max-width: 240px;
}
.ib_ifb.tbbgc .tb{
	padding: 15px;
	overflow: hidden;
}

.ib_ifb.tbofh .tb{
	overflow: hidden;
}

.ib_ifb.bgwrp{
	border-style: solid;
	border-width: 1px;
	border-color: rgba(46, 111, 54, 1);
	background-color: #fff;
	padding: 15px;
	position: relative;
}
.ib_ifb.bgwrp:before{
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(46, 111, 54, 0.05);
}


/*
---
---------------------------------------------------------------------------*/
/*.contents_body > section.section-anchor {
	padding-top: 0!important;
	padding-bottom: 0!important;
}
section.section-anchor .contents_body-sb h2 {
	padding-bottom: 10px;
}
.page-anchor-title {
	background: none!important;
	min-height: auto!important;
}
.page-anchor-title:before,
.page-anchor-title:after {
	position: static!important;
	border-left: none!important;
}
.page-anchor-wrapper {
    flex-wrap: wrap;
}
.page-anchor {
    width: 33.3333333333333333%;
    padding: 0 15px;
}
.page-anchor span {
    display: block;
    border-bottom: 1px dashed #aaa;
    padding: 10px 5px 10px 20px;
    background-image: url(../images/arrow-short-line-black-next-8x18.png);
    background-repeat: no-repeat;
    background-size: 8px auto;
    background-position: 5px 13px;
    font-weight: 500;
	cursor: pointer;
	transition: all .5s;
    width: 100%;
}
.page-anchor span:hover {
	background-position: 10px 13px;
	background-color: #f2f2f2;
}*/



/*
--- page
---------------------------------------------------------------------------*/
header .header-bgimg {
}

header .header-main {
	position: relative;
}

	header .header-main .header-main-inner {
		position: absolute;
		width: 100%;
		z-index: 1;
	}

.sub-headerImg-wrapper {
    /*padding-bottom: 50%;*/
	padding-bottom: 788px;
}
.sub-headerImg-wrapper:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, .8) 40%, rgba(0,51,102,.4) 80%, rgba(0,51,102,.4) 100%);
}
.sub-headerImg-bgi {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	overflow: hidden;
	z-index: -1;
}
.sub-header-infoblock {
	display: inline-block;
	position: absolute;
	top: 27%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	text-align: center;
	width: 100%;
	z-index: 1;
}
	.sub-header-infoblock .sub-headerImg-h1 {
		color: rgb(255,255,255);
		font-size: 6rem;
		font-weight: normal;
	}
	.sub-header-infoblock .menu_global {
		/*display: -webkit-inline-flex;
		display: -ms-inline-flex;*/
		display: inline-flex;
		padding-top: 20px;
		position: static;
	}



.contents_wrapper {
	/*margin-top: -440px;
	padding-bottom: 60px;
	overflow: hidden;
	z-index: 1;*/
}

.contents_body {
	/*max-width: 1400px;*/
	/*min-height: 500px;*/
	position: relative;
}

.page .contents_body-sb {
	padding-top: 100px;
	padding-bottom: 40px;
}

	.contents_body section {
		position: relative;
		/*padding: 30px 0 30px 350px;*/
		border-bottom: 1px solid rgb(0,59,119);
		min-height: 0!important;
	}
	.contents_body section:first-child {
		padding-top: 120px;
	}
	.contents_body section:nth-last-of-type(2) {
		border-bottom: none;
	}

section h1 {
    text-align: center;
    margin-bottom: 50px;
    color: rgb(0,51,102);
    font-size: 5rem;
    font-weight: 700;
    font-family: "Noto Serif JP","Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
}

.blockWrapper {
	padding: 0;
}

	.title-aftertext {
		position: absolute;
		bottom: 30px;
		right: 0;
		color: rgba(0,59,119,.05);
		font-family: "Noto Serif JP","Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
		font-size: 18rem;
		line-height: 1;
		white-space: nowrap;
		/*margin-right: -240px;*/
		z-index: -1;
	}

	.special-note-frame {
		background-color: rgba(0,59,119,.05);
		max-width: 800px;
		margin: 0 auto 20px;
		padding: 70px 20px;
		width: 100%;
	}
		.special-note-frame .instruction {
			-js-display: flex;
			display: flex;
			justify-content: center;
			align-items: center;
			flex-wrap: wrap;
			margin-top: 0;
		}
			.special-note-frame .instruction li {
				font-family: "Noto Serif JP","Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
				font-size: 2.8rem;
				font-weight: 700;
				writing-mode: vertical-rl;
			}

	.special-note-frame2 {
		max-width: 800px;
		margin: 0 auto 20px;
		padding: 40px 20px;
		width: 100%;
	}
		.special-note-frame2 .goal {
			-js-display: flex;
			display: flex;
			justify-content: center;
			align-items: center;
			flex-wrap: wrap;
			font-family: "Noto Serif JP","Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
			font-size: 2.4rem;
			line-height: 2;
			font-weight: bold;
		}

	.special-note-frame3 {
		background-color: rgba(0,59,119,.05);
		max-width: 1000px;
		margin: 0 auto 20px;
		padding: 35px 30px;
		width: 100%;
	}


/**/
.one-column {
	padding: 0 0 60px 0!important;
	text-align: center;
}



/*
---
---------------------------------------------------------------------------*/
.tag span{
	color: #fff;
	display: inline-block;
	padding: 10px 20px;
	background-color: #ecbb28;
	vertical-align: middle;
}
.tag span.tagb{
	padding: 0;
	margin-left: 15px;
	background-color: transparent;
	font-size: 1.1rem;
	color: #4d4d4d;
}


/*
---
---------------------------------------------------------------------------*/
.listlink_wrp{
	margin-top: 1.5em;
}
.listlink_wrp a{
	display: block;
	padding: 15px 15px 15px 26px;
	color: inherit;
	border-style: dashed;
	border-color: #ddd;
	border-width: 1px 0 0;
	position: relative;
	background-image: url(../images/arrow_6x10_keycolor_border_left.png);
	background-position: 10px 20px;
	background-repeat: no-repeat;
	-webkit-background-size: 6px 10px;
	background-size: 6px 10px;
}
.listlink_wrp a:last-child{
	border-bottom-width: 1px;
}
.listlink_wrp a:hover{
	background-color: rgba(9, 73, 174, 0.05);
}

.listlink_wrp a[href$=".pdf"]{
	padding-right: 52px;
}
.listlink_wrp a[href$=".pdf"]:after{
	content: '';
	width: 32px;
	height: 32px;
	position: absolute;
	top: 50%;
	right: 10px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	background-image: url(../images/Adobe_PDF_file_icon_32x32.png);
	background-repeat: no-repeat;
	-webkit-background-size: 32px auto;
	background-size: 32px auto;
}


/*
---page anchor
---------------------------------------------------------------------------*/


/*
---category.php
---------------------------------------------------------------------------*/
.article_blk a.post-area {
    display: block;
    padding: 12px 10px;
    border-bottom: solid 1px #aaa;
}
.article_blk a.post-area:hover {
    background-color: #F7F7F7;
}

.article_blk a.post-area p {
    margin-bottom: 0;
}

.noarticle{
	padding: 100px 15px;
	background-color: #f5f5f5;
	text-align: center;
}

.pager{
	margin-top: 2em;
    padding-bottom: 2em;
	margin-right: auto;
	margin-left: auto;
	width: 95%;
}
.pager-arrows{
	float: left;
}
.pager-arrows svg{
	vertical-align: middle;
}
.pager-arrows a,
.pager-arrows span{
	width: 35px;
	height: 35px;
	padding: 0;
	background-color: rgba(0,51,102, 0.75);
	background-image: url(../images/arrow_6x10_wht_border_left.png);
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: 6px 10px;
	background-size: 6px 10px;
	display: inline-block;
	margin-right: 5px;
	text-align: center;
}
.pager-arrows span{
	opacity: 0.25;
}

.pager-arrows > :first-child{
	-webkit-transform: rotate(-180deg);
	transform: rotate(-180deg);
}


.pager-arrows a:hover{
	background-color: rgba(0,51,102, 1);
}

.pager select[name="sp_paginate_links"]{
	float: right;
	font-size: 1.5rem;
	width: 300px;
	box-sizing: border-box;
	margin: 0 auto;
	display: block !important;
	-webkit-appearance: none;
	-moz-appearance: none;
	padding:5px 36px 5px 10px;
	border:1px solid #ccc;
	border-radius:3px;
	cursor:pointer;
	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "游ゴシック", YuGothic, sans-serif;
	background-image: url(../images/icon_select_open.png);
	background-repeat: no-repeat;
	background-position: right 10px center;
	background-size: 16px auto;
}
.pager select[name="sp_paginate_links"]::-ms-expand{
	display: none;
}

/*.article_blk {
	max-width: 1000px;
	margin-right: auto;
	margin-left: auto;
}*/

	.article_blk .article_blk-article {
		border-bottom: 1px dashed rgb(204,204,204);
		margin: 0 auto 15px auto;
		padding-bottom: 15px;
		width: 95%;
	}

		.article_blk .article_blk-article .article_blk-btags .article_blk-tag {
			display: inline-block;
			background-color: rgba(0,51,102,.7);
			border-radius: 2px;
			color: rgb(255,255,255);
			font-size: 1.4rem;
			margin-bottom: 5px;
			padding: 4px 8px;
			text-align: center;
			position: relative;
		}
			/*.article_blk .article_blk-article .article_blk-btags > a {
				display: inline-block;
				color: rgb(255,255,255);
				font-size: 1.3rem;
				padding: 4px 8px;
				text-align: center;
				position: relative;
			}*/
			.article_blk .article_blk-article .article_blk-textBox .article_blk-date {
				margin-bottom: 5px;
			}
				.article_blk .article_blk-article .article_blk-textBoxInner .article_blk-title > a {
					display: inline-block;
					color: rgb(77,77,77);
					padding-top: 5px;
				}
		.article_blk .article_blk-article .article_blk-thumb {
			float: left;
			margin-right: 20px;
			width: 15%;
			max-height: 90px;
			overflow: hidden;
		}


/*
---single.php
---------------------------------------------------------------------------*/

.singleArticle-h2 {
	display: inline-flex!important;
	width: auto;
}
.singleArticle-catList{
	margin: 30px 0;
	padding: 10px 15px 15px;
	clear: both;
	background-color: #efefef;
}
.singleArticle-catList a{
	display: inline-block;
	padding: 10px;
	background-color: #2980B4;
/*	border-radius: 3px;*/
	margin: 5px 5px 0 0;
	font-size: 1.4rem;
	line-height: 1;
	color: #fff;
	text-decoration: none;
	border-width: 1px;
	border-style: solid;
	border-color: #2980B4;
}
.singleArticle-catList a:hover{
	background-color: #fff;
	color: #2980B4;
}

.singleArticle-con{
}

.singleArticle-con table,
.singleArticle-con table th,
.singleArticle-con table td{
	width: auto !important;
	height: auto !important;
}

.singleArticle-h2{
	margin-bottom: 0;
}

.singleArticle-date{
/*	color: #888;*/
	line-height: 1;
	display: table;
	border-collapse: collapse;
	margin: 30px auto 30px;
	width: 95%;
}
.singleArticle-date span{
	display: table-cell;
	background-color: rgba(255,255,255,.7);
	border-radius: 2px;
	vertical-align: middle;
	padding: 10px;
}
.singleArticle-date span:first-child{
	/*border-style: solid;
	border-color: #4d4d4d;
	border-width: 0 1px;*/

	/*display: inline-block;*/
	background-color: rgba(0,51,102,.7);
	border-radius: 2px;
	color: rgb(255,255,255);
	font-size: 1.4rem;
	margin-bottom: 5px;
	padding: 4px 8px;
	text-align: center;
	width: 15%;
}

.singleArticle-btn{
	padding: 30px 0;
	/*border-top: 1px solid #ddd;*/
}
a.btn-a {
    display: block;
    margin: 20px auto;
    max-width: 350px;
    padding: 15px;
    border: solid 1px #033365;
    position: relative;
}
a.btn-a::after {
    content: '';
    position: absolute;
    right: 10px;
    bottom: 10px;
    display: block;
    width: 70px;
    height: 5px;
    transform: skewX(40deg);
    border-bottom: solid 1px #033365;
    border-right: solid 1px #033365;
}
a.btn-a:hover {
    background-color: rgba(3,51,101,0.5);
    color: #fff;
}
a.btn-a:hover::after {
    width: 70px;
    height: 5px;
    top: auto;
    right: 10px;
    bottom: 10px;
    border-color: #fff;
}

.sigle-pastPost-alert{
	padding: 15px;
	border: 1px solid #BF0000;
	background-color: #fff0f0;
	color: #BF0000;
	margin-bottom: 2em;
}

.post-np-link {
	margin: 30px auto 0;
	width: 95%;
}
	.post-np-link .post-before {
		margin: 15px auto 0;
	}
		.post-np-link .post-before > a > span {
			display: inline-block;
			background-color: rgba(238,238,238,1);
			border-radius: 2px;
			margin-right: 5px;
			padding: 4px 8px;
		}
	.post-np-link .post-after {
		margin: 15px auto 0;
	}
		.post-np-link .post-after > a > span {
			display: inline-block;
			background-color: rgba(0,51,102,1);
			border-radius: 2px;
			color: rgb(255,255,255);
			margin-right: 5px;
			padding: 4px 8px;
		}



/*
---mw wp form
---------------------------------------------------------------------------*/
.mw_wp_form{
/*	margin: 30px 0;*/
}
.mw_wp_form > :first-child{
	margin-top: 0 !important;
}
.mw_wp_form > :last-child{
	margin-bottom: 0 !important;
}
.mw_wp_form strong{
	color: #2293B1;
}
.mw_wp_form table{
	width: 100%;
}
.mw_wp_form table th,
.mw_wp_form table td{
	vertical-align: middle;
}
.mw_wp_form table th{
	width: 280px;
}

.mw_wp_form table th[colspan="2"]{
	background-color: #2293B1;
	color: #fff;
	border-left-color: #2293B1;
	border-right-color: #2293B1;
}

.mw_wp_form input[type="text"],
.mw_wp_form input[type="tel"],
.mw_wp_form input[type="email"]{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding:5px;
	border:1px solid #ccc;
	border-radius:3px;
	display:inline-block;
	box-sizing:border-box;
	max-width:100%;
	width: 100%;
}
.mw_wp_form select{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding:5px 36px 5px 10px;
	border:1px solid #ccc;
	border-radius:3px;
	cursor:pointer;
	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "游ゴシック", YuGothic, sans-serif;
	background-image: url(../images/icon_select_open.png);
	background-repeat: no-repeat;
	background-position: right 10px center;
	background-size: 16px auto;
	min-width:150px;
}
.mw_wp_form select::-ms-expand {
  display: none;
}

.mw_wp_form input[type="submit"],
.mw_wp_form input[type="button"]{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	display: block;
	max-width: 320px;
	width: 100%;
	margin: 10px auto 0;
	padding: 15px 30px;
	text-align: center;
	color: #fff;
	border-width: 0;
	background-image: url(../images/arrow_right_wht_6x11.png);
	background-repeat: no-repeat;
	background-position: right 5px center;
	-webkit-background-size: 6px auto;
	background-size: 6px auto;
	background-color: #094AB1;
	transition: all .5s;
	border-radius: 5px;
}
.mw_wp_form input[type="submit"]:hover,
.mw_wp_form input[type="button"]:hover{
	background-color: #2980B4;
	color: #fff;
}

.mw_wp_form input[type="submit"].back{
	background-color: #f2f2f2;
	color:inherit;
	border:1px solid #ddd;
	padding:10px 15px;
	background-image: none;
}
.mw_wp_form input[type="submit"].back:hover{
	background-color: #fff;
}

.mw_wp_form .error{
	margin-top: 5px;
	width: auto;
}

.mw_wp_form input.zip,
.mw_wp_form input.tel{
	width:6em;
}
.mw_wp_form input.shorttxt{
	width:6em;
}
.mw_wp_form input.longtxt{
	width:100%;
}
.mw_wp_form textarea{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border:1px solid #ccc;
	border-radius:3px;
	padding:5px;
	box-sizing:border-box;
	display:block;
	width:100%;
	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "游ゴシック", YuGothic, sans-serif;
}
.mw_wp_form label.error{
	display:block;
	background-color: #B43032;
	color:#fff;
	padding:5px 10px;
	margin-top:5px;
	border-radius:3px;
}
.mwform-checkbox-field input[type="checkbox"]{
	vertical-align:middle;
}
.mw_wp_form .horizontal-item + .horizontal-item {
    margin-left: 0;
}
.mw_wp_form .horizontal-item{
	margin-right:30px;
	display:inline-block;
	padding:5px 0;
}

.mw_wp_form #graduated-year{
	width: 5em;
}

.mw_wp_form_confirm .conf_non{
	display: none !important;
}

.mw_wp_form table .nameField{
	display: inline-block;
}
.mw_wp_form table td .nameField:first-child{
	margin-right: 1em;
}
.mw_wp_form table .nameField input{
	width: 10em;
}

.mw_wp_form input#event,
.mw_wp_form input#eventtime{
	display: block;
	padding: 0;
	border: none;
}



/*
---固定page lead文
---------------------------------------------------------------------------*/


/*
---page_anchor_box
---------------------------------------------------------------------------*/
.page_anchor_box{
	margin-top: 60px;
}
.page_anchor_box .pabib{
	max-width: 1030px;
	padding: 0 14px;
	margin: 0 auto;
}
.page_anchor_box .box{
	width: 33.33333333333333333%;
	float: left;
	padding: 0 1px;
	display: table;
}
.page_anchor_box .box:nth-of-type(n+4){
	margin-top: 2px;
}
.page_anchor_box .box:nth-of-type(3n+1){
	clear: both;
}
.page_anchor_box .box a{
	display: table;
	width: 100%;
}
.page_anchor_box .box span{
	background-color: #efefef;
	color: #4d4d4d;
	display: table-cell;
	padding: 15px;
	vertical-align: middle;
	text-align: center;
	background-image: url(../images/icon_triangle_bottom_10x6_gray.png);
	background-repeat: no-repeat;
	background-position: right 5px center;
	-webkit-background-size: 8px auto;
	background-size: 8px auto;
	transition: all .5s;
}

.page_anchor_box .box span:hover{
	background-color: #2293B1;
	background-image: url(../images/icon_triangle_bottom_10x6_white.png);
	color: #fff;
}

/*
---toggle_wrapper
---------------------------------------------------------------------------*/
.toggle_block{
	overflow: hidden;
	border-radius: 5px;
}
.toggle_block:nth-of-type(n+2){
	margin-top: 1em;
}
.toggle_wrapper .toggle_bottun{
	padding: 15px 41px 15px 15px;
	position: relative;
	cursor: pointer;
	transition: all .5s;
}
.toggle_wrapper .toggle_bottun:after{
	content: '';
	width: 6px;
	height: 10px;
	background-image: url(../images/arrow_6x10_keycolor_border_left.png);
	-webkit-background-size: 6px auto;
	background-size: 6px auto;
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -5px;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	transition: all .5s;
}
.toggle_wrapper .toggle_bottun.opened{
	color: #fff;
	background-color: #094AB1;
}
.toggle_wrapper .toggle_bottun.opened:after{
	background-image: url(../images/arrow_6x10_wht_border_left.png);
	-webkit-transform: rotate(270deg);
	transform: rotate(270deg);
}
.toggle_wrapper .toggle_box{
	padding: 2em;
	display: none;
/*	background-image: url(../images/bg_yellowStripe_section_8x8.png);*/
	-webkit-background-size: 8px;
	background-size: 8px;
}
.toggle_wrapper .toggle_close{
	width: 120px;
	border-radius: 5px;
	background-color: #f2f2f2;
	text-align: center;
	padding: 15px 0;
	margin: 2em auto;
	cursor: pointer;
	transition: all .5s;
}
.toggle_wrapper .toggle_close:hover{
	background-color: #e1e1e1;
}


/*
---employ
---------------------------------------------------------------------------*/
.employ-flame {
	
}
	.employ-flame .employ-block {
		margin-right: auto;
		margin-left: auto;
		width: 95%;
	}
	.employ-flame > aside {
		margin-bottom: 30px;
	}
		.employ-flame .employ-block > a {
			border: 1px solid rgb(204, 204, 204);
			border-radius: 2px;
			display: inline-block;
			float: left;
			min-height: 60px;
			padding: 10px;
			position: relative;
			width: 30.33333333333333333%;
			margin: 0 5px 10px
		}
			.employ-flame .employ-block > a > span {
				position: absolute;
				top: 50%;
				left: 50%;
				-webkit-transform: translate(-50%,-50%);
				transform: translate(-50%,-50%);
				text-align: center;
				width: 100%;
			}


/*
---サイトマップ
---------------------------------------------------------------------------*/
.sitemap .sm_wrp{
	overflow: hidden;
}
.sitemap .menu_global li{
	margin: 0;
	padding: 0;
}
.sitemap .menu_global li:before{
	display: none;
}
.sitemap .menu_global a{
	display: block;
	color: inherit;
}
.sitemap .menu_global{
	margin: 0 -10px;
}
.sitemap .menu_global:after{
	content: '';
	display: table;
	clear: both;
}
.sitemap .menu_global > li{
	float: left;
	width: calc(99.99% / 3);
	padding: 0 10px;
}
.sitemap .menu_global > li:nth-of-type(n+4){
	padding-top: 1.5em;
}
.sitemap .menu_global > li:nth-of-type(3n+1){
	clear: both;
}
.sitemap .menu_global > li > a {
	background-color: rgba(0,51,102,.5);
	padding: 15px 36px 15px 15px;
	position: relative;
	color: rgb(255,255,255);
}
.sitemap .menu_global > li > a:hover{
	background-color: rgba(0,51,102,1);
	padding-left: 25px;
}
.sitemap .menu_global .sub-menu{
	padding-top: 0.5em;
	margin: 0;
}



.sitemap .menu_global > li > a:after{
	content: '';
	position: absolute;
	width: 0;
	height: 1px;
	top: 50%;
	left: 0;
	transition: all .5s;
	background-color: rgba(255,255,255,1);
}
.sitemap .menu_global > li > a:hover:after {
	content: '';
	position: absolute;
	width: 20px;
	height: 1px;
	top: 50%;
	left: 0;
	background-color: rgba(255,255,255,1);
	transition: all .5s;
}


.sitemap .menu_global .sub-menu > li{
}
.sitemap .menu_global .sub-menu > li > a{
	background-image: url(../images/icon_triangle_6x8_gray.png);
	-webkit-background-size: 6px 8px;
	background-size: 6px 8px;
	background-position: 10px 0.9em;
	background-repeat: no-repeat;
	border-bottom: 1px dashed rgb(203,203,203);
	padding: 0.5em 0 0.5em 26px;
}
.notouch .sitemap .menu_global .sub-menu > li > a:hover{
	background-position: 20px 0.9em;
	color: rgb(0,51,102);
}

.sitemap .menu_global > li.other{
	clear: both;
	float: none;
	width: auto;
}
.sitemap .menu_global > li.other > a{
	display: none;
}
.sitemap .menu_global > li.other .sub-menu{
	padding: 15px;
	background-color: rgba(0,51,102,.5);
}
.sitemap .menu_global > li.other .sub-menu li{
	display: inline-block;
}
.sitemap .menu_global > li.other .sub-menu li:nth-of-type(n+2){
	margin-left: 1.5em;
}


/*
---準備中
---------------------------------------------------------------------------*/
.under_construction{
	text-align: center;
	padding: 100px 0;
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-weight: bold;
	font-size: 2.4rem;
	background-color: #f5f5f5;
}

.gallery-icon img {
    width: 100%;
}

/*
---
---------------------------------------------------------------------------*/
h2{
	
}
h3{
	margin-top: 25px;
}
h4,h5,h6{
	margin-top: 15px;
}

.contents_body-sb h2 {
	color: rgb(0,51,102);
	font-size: 4rem;
	font-weight: 700;
	padding-bottom: 50px;
}


.contents_body-sb h3 {
	display: flex;
	justify-content: start;
	align-items: center;
	gap: 10px;
	font-family: "Noto Serif JP","Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	font-weight: 700;
	font-size: 4rem;
	padding: 30px 0 20px;
	position: relative;
}
.contents_body-sb h3.deco::before {
	content: '';
	display: block;
	background-color: rgba(51,51,51,1);
	width: 50px;
	height: 1px;
}
.contents_body-sb h4 {
	font-family: "Noto Serif JP","Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	font-size: 2.8rem;
	margin-top: 0;
	padding: 20px 0;
	position: relative;
}
.contents_body-sb h4 span {
	display: flex;
	justify-content: start;
	align-items: center;
	gap: 10px;
}
.contents_body-sb h4 span::before {
	content: '';
	display: block;
	background-color: rgba(0,59,119,1);
	width: 22px;
	height: 22px;
}

.contents_body-sb h5,
#tinymce h5 {
	font-size: 1.8rem;
	font-weight: bold;
	margin-bottom: 10px;
	padding-top: 5px;
	padding: 8px 10px;
	background-color: rgba(240,240,240,1);
	border-bottom: 1px solid rgb(0,59,119);
}
.contents_body-sb h5+p {
	margin: 0 auto 20px;
	width: 98%;
}

.contents_body-sb h6 {
	font-size: 1.5rem;
	font-weight: bold;
	padding-bottom: 15px;
}

/*.contents_body-sb h6 {
	font-size: 1.5rem;
	padding-bottom: 15px;
}*/

.contents_body p {
    margin-bottom: 20px;
	font-size: 1.6rem;
	line-height: 1.8;
}
.contents_body p + p{
/*    margin-top: 15px;*/
}

.contents_body ul,
.contents_body ol{
	margin: 30px 0 0;
}
.contents_body ul > li,
.contents_body ol > li{
	padding: 0 0 0 1.5em;
	position: relative;
	/*margin-top: 1em;*/
}
.contents_body ul > li:first-child,
.contents_body ol > li:first-child{
	margin-top: 0;
}

.contents_body ul.caution{
	margin: 15px 0 0 0.5em;
}
.contents_body ul.caution > li{
	font-size: 0.85em;
	color: #666;
	margin-top: 1em;
}
.contents_body ul.caution > li:before{
	content:"\00203b";
	color: #666;
	background-image: none;
}
.contents_body ol{
	counter-reset:li;
}
.contents_body ol > li:before{
	counter-increment:li;
	content:counter(li) ":";
	text-align: right;
	width: 2em;
	left: -1em;
/*	color: #3071B7;*/
	color: inherit;
	background-image: none;
	/*padding-right: 10px;*/
}
.contents_body ol.num_caution{
	margin: 0.5em 0 0 0.5em;
}
.contents_body ol.num_caution > li{
	font-size: 0.85em;
	color: #666;
	margin-top: 1em;
}
.contents_body ol.num_caution > li:before{
	content:"\00203b"counter(li);
	color: #4d4d4d;
}

.contents_body ol.cnt li {
	list-style-type: none;
	counter-increment: cnt;
	text-indent: -1.5em;
}
.contents_body ol.cnt li::before {
	content: "(" counter(cnt) ") ";
}



.contents_body table{
	margin: 0 0 0;
	background-color: rgba(255,255,255,.7);
	font-size: 1.6rem;
	width: 100%;
}
.contents_body th,
.contents_body td{
	padding: 15px 6px;
	border: 1px solid #ddd;
	word-break: break-all;
}
.contents_body th > :first-child,
.contents_body td > :first-child{
	margin-top: 0 !important;
}
.contents_body th > :last-child,
.contents_body td > :last-child{
	margin-bottom: 0 !important;
}
.contents_body th{
	background-color: rgba(242,245,249,1);
	text-align: center;
}
.contents_body td{
	vertical-align: middle;
}
.table_layout_fix{
	width: 100%;
	table-layout: fixed;
}
	.table-results td {
		text-align: center;
	}
	.table-results td:first-child {
		background-color: rgba(242,245,249,1);
		padding: 15px 6px;
		text-align: left;
		word-break: break-all;
	}
	.table-results tr:last-child td:first-child {
		background-color: rgba(0,59,119,1);
		color: rgb(255,255,255);
	}

/*
--- 2023 テンプレート用
---------------------------------------------------------------------------*/

.ico-men {
	display: inline-block;
	background-color: rgba(0,92,79,1);
	border-radius: 50%;
	color: rgb(255,255,255);
	margin: 0 2px 0;
	padding: 4px 8px;
}
.ico-women {
	display: inline-block;
	background-color: rgba(184,57,64);
	border-radius: 50%;
	color: rgb(255,255,255);
	margin: 0 2px 0;
	padding: 4px 8px;
	position: relative;
}

.symbol-men {
	color: rgb(0,92,79);
	padding: 0 2px 0;
}
.symbol-women {
	color: rgb(184,57,64);
	padding: 0 2px 0;
}

.btn-exam-flame {
	-js-display: flex;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-wrap: wrap;
	gap: 20px 20px;
}
	.btn-exam-flame .btn-exam {
		width: calc(100% / 3 - 20px);
	}
		.btn-exam-flame .btn-exam a {
			display: block;
			background-color: rgba(242,245,249);
			box-shadow: 5px 5px 10px 0px rgb(221 221 221);
			color: rgb(0,59,119);
			font-size: 2.4rem;
			overflow: hidden;
			padding: 20px;
			position: relative;
		}
		.btn-exam-flame .btn-exam a::after {
			content: '';
			position: absolute;
			top: 50%;
			-webkit-transform: translateY(-50%);
			transform: translateY(-50%);
			right: 20px;
			background-size: auto;
			/*background-position: center center;*/
			background-repeat: no-repeat;
			padding: 22px;
		}
		.btn-exam-flame .btn-exam a.playback::after {
			background-image: url("../images/ico-playback.png");
		}
		.btn-exam-flame .btn-exam a:hover.playback::after {
			background-image: url("../images/ico-playback-w.png");
			transition-delay: .4s;
		}
		.btn-exam-flame .btn-exam a.pdf::after  {
			background-image: url("../images/ico-pdf.png");
		}
		.btn-exam-flame .btn-exam a:hover.pdf::after  {
			background-image: url("../images/ico-pdf-w.png");
			transition-delay: .4s;
		}
		.btn-exam-flame .btn-exam a::before {
			content: '';
			position: absolute;
			top: 0;
			left: -130%;
			background-color: rgba(0,59,119,1);
			width: 120%;
			height: calc(100% + 2px);
			transform: skewX(-25deg);
		}
		.btn-exam-flame .btn-exam a:hover {
			color: rgb(255,255,255);
			transition-delay: .2s;
		}
		.btn-exam-flame .btn-exam a:hover::before {
			animation: skewanime7 .5s forwards;
		}
			@keyframes skewanime7 {
				100% {
					left:-10%;/*画面の見えていない左から右へ移動する終了地点*/
				}
			}
			.btn-exam-flame .btn-exam a .button {
				border: none;
				background-color: transparent;
				position: relative;
			}
			.btn-exam-flame .btn-exam a:hover .button {
				color: rgb(255,255,255);
				transition-delay: .2s;
			}



		.btn-exam-flame .btn-exam .title {
			display: block;
			font-size: 1.6rem;
			margin: 15px 0 0;
			padding: 0;
		}
		.btn-exam-flame .btn-exam .title::before {
			display: none;
		}
		.btn-exam-flame .btn-exam .ymd {
			color: rgb(165,165,165);
			font-size: 1.2rem;
			padding: 10px 0 0 10px;
		}


.list-movie-flame {
	-js-display: flex;
	display: flex;
	/*justify-content: center;*/
	align-items: flex-start;
	flex-wrap: wrap;
	gap: 20px 21px;
}
	.list-movie-flame .list-movie {
		width: calc(100% / 3 - 14px);
	}
		.list-movie-flame .list-movie a {
			display: block;
			background-size: cover;
			background-position: center center;
			background-repeat: no-repeat;
			color: rgb(0,59,119);
			font-size: 2.8rem;
			padding-top: 66.7%;
			position: relative;
			z-index: 1;
		}
		.list-movie-flame .list-movie a::before {
			content: '';
			display: block;
			background-color: rgba(25,133,158,.5);
			position: absolute;
			top: 50%;
			left: 50%;
			-webkit-transform: translate(-50%,-50%);
			transform: translate(-50%,-50%);
			width: 100%;
			height: 100%;
			z-index: 2;
		}
		.list-movie-flame .list-movie a::after {
			content: '';
			display: block;
			position: absolute;
			top: 50%;
			left: 50%;
			-webkit-transform: translate(-50%,-50%);
			transform: translate(-50%,-50%);
			background-image: url("../images/ico-playback-w.png");
			background-position: center center;
			background-repeat: no-repeat;
			padding: 22px;
			z-index: 3;
		}
		.list-movie-flame .list-movie .title {
			display: block;
			font-size: 2rem;
			margin: 15px 0 0;
			padding: 0;
		}
		.list-movie-flame .list-movie .title::before {
			display: none;
		}
		.list-movie-flame .list-movie .ymd {
			color: rgb(165,165,165);
			font-size: 1.2rem;
			padding: 10px 0 0 0;
		}

.page-block-link {
    margin: 20px 0;
}

.achievement h3 {
	display: block;
}
.achievement h3::before {
	display: none;
}


.tab-club-block {
	padding: 25px 0 35px;
}
	.tab-club-block .anklist {
		-js-display: flex;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
		gap: 20px 20px;
		margin: 0;
	}
		.tab-club-block .anklist li {
			display: flex;
			align-items: center;
			background-color: rgba(242,245,249,1);
			max-width: 320px;
			overflow: hidden;
			padding: 0;
			width: calc(100% / 2 - 10px);
		}
		.tab-club-block .anklist li::before {
			content: '';
			position: absolute;
			top: 0;
			left: -130%;
			background-color: rgba(0,59,119,1);
			width: 120%;
			height: calc(100% + 2px);
			transform: skewX(-25deg);
		}
		.tab-club-block .anklist li:hover::before {
			animation: skewanime6 .5s forwards;
		}
			@keyframes skewanime6 {
				100% {
					left:-10%;/*画面の見えていない左から右へ移動する終了地点*/
				}
			}
			.tab-club-block .anklist li a {
				display: block;
				color: rgb(51,51,51);
				font-size: 1.6rem;
				text-align: center;
				padding: 15px 10px;
				position: relative;
				width: 100%;
			}
			.tab-club-block .anklist li:hover a {
				color: rgb(255,255,255);
				transition-delay: .2s;
			}
			.tab-club-block .anklist li a::before {
				content: '';
				position: absolute;
				top: calc(50% - 2px);
				right: 20px;
				-webkit-transform: rotate(45deg) translate(-50%,0);
				transform: rotate(45deg) translate(-50%,0);
				border-top: solid 2px rgb(51,51,51);
				border-right: solid 2px rgb(51,51,51);
				transition: all .3s;
				height: 8px;
				width: 8px;
			}
			.tab-club-block .anklist li:hover a::before {
				border-top: solid 2px rgb(255,255,255);
				border-right: solid 2px rgb(255,255,255);
				-webkit-transform: rotate(135deg) translate(-50%,0);
				transform: rotate(135deg) translate(-50%,0);
				transition-delay: .4s;
			}

.summary {
	font-family: "Noto Serif JP","Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	font-size: 2rem;
	font-weight: 700;
	padding-bottom: 25px;
}

h4 span.green::before {
    background-color: rgba(25,133,158,1);
}

.title-sub {
    color: rgba(0,59,119,.05);
    font-family: "Noto Serif JP","Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
    font-size: 7.4rem;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    margin: 20px 0 0;
}
.title-sub-aside {
    color: rgb(0,59,119);
    font-size: 1.6rem;
    font-weight: 500;
    padding-top: 10px;
    margin: 20px 0;
    text-align: center;
}
.title-sub + .title-sub-aside {
    margin-top: 0;
}

.club-flame-inner {
	padding: 35px 0;
}

.club-block {
	-js-display: flex;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
	gap: 30px 20px;
    padding: 0 0 30px;
    margin-bottom: 50px;
}
	.club-block .club-area {
		display: block;
		position: relative;
		width: calc(100% / 3 - 17px);
        padding-bottom: 30px;
	}
		.club-block .club-area .photo {
			display: block;
			background-size: cover;
			background-position: center center;
			background-repeat: no-repeat;
			color: rgb(0,59,119);
			font-size: 2.8rem;
			padding-top: 66.7%;
			z-index: 1;
            position: relative;
		}
		.club-block .club-area .seibetu {
			position: absolute;
			top: 10px;
			left: 10px;
			z-index: 2;
		}
			.club-block .club-area .clubname {
				position: absolute;
                z-index: 1;
				bottom: 0;
				left: 50%;
				transform: translateX(-50%);
				background-color: rgba(0,59,119,1);
				color: rgb(255,255,255);
				font-size: 1.8rem;
				font-family: "Noto Serif JP","Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
				margin: 0 auto 0;
				max-width: 230px;
				padding: 15px 8px;
				width: 100%;
				transition: all .3s;
			}
			.club-block .club-area:hover .clubname {
				opacity: 0;
			}
			.club-bg_green .club-area .clubname {
				background-color: rgba(25,133,158,1);
			}
				.club-block .club-area .clubname-hover {
					background-color: rgba(0,59,119,.5);
					position: absolute;
					top: 0;
					left: 0;
					width: 0;
					height: 100%;
					display: flex;
					align-items: center;
					justify-content: center;
					overflow: hidden;
					opacity: 0;
				}
				.club-bg_green .club-area .clubname-hover {
					background-color: rgba(25,133,158,.5);
				}
				.club-block .club-area:hover .clubname-hover {
					animation: slideanime .5s forwards;
					opacity: 1;
				}
					@keyframes slideanime {
						30% {
							width: 0;
						}
						100% {
							width: 100%;
						}
					}
					.club-block .club-area .clubname-hover .ch-text {
						color: rgb(255,255,255);
						margin-bottom: 0;
						font-size: 1.8rem;
						font-family: "Noto Serif JP","Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
						opacity: 0;
					}
					.club-block .club-area:hover .clubname-hover .ch-text {
						transition-delay: .5s;
						opacity: 1;
					}



/*
--- remodal.js制御用
---------------------------------------------------------------------------*/
.remodal {
    max-width: fit-content;
}

	.remodal .modal-club-img {
		position: relative;
	}

	.modal-club-name {

	}
	.remodal .modal-club-name {
		font-size: 1.8rem;
		font-weight: bold;
		padding: 10px 20px 10px 20px;
		position: relative;
		text-align: left;
		width: 100%;
	}
	.remodal .modal-club-name::before {
		content: '';
		position: absolute;
		width: 8px;
		height: 50%;
		background-color: rgba(0,59,119,1);
		left: 0;
		top: 0;
		bottom: 0;
		margin: auto;
	}
	.remodal .modal-club-name::after {
		content: '';
		position: absolute;
		width: 3px;
		height: 50%;
		background-color: rgba(0,59,119,1);
		left: 10px;
		top: 0;
		bottom: 0;
		margin: auto;
	}

	.remodal .modal-club-img::before,
	.remodal .modal-club-img::after {
		content: '';
		position: absolute;
		transform: rotate(-35deg);
		width: 70px;
		height: 25px;
		background-color: rgba(255,255,255,1);
		z-index: 1;
	}
	.remodal .modal-club-img::before {
		top: -10px;
		left: -25px;
		border-bottom: 1px solid rgb(170,170,170);
	}
	.remodal .modal-club-img::after {
		bottom: -10px;
		right: -25px;
		border-top: 1px solid rgb(170,170,170);
	}
    a.club-link {
        display: block;
    }

	.remodal table{
		margin: 0 0 0;
		background-color: rgba(255,255,255,.7);
		font-size: 1.6rem;
		width: 100%;
	}
	.remodal th,
	.remodal td{
		padding: 10px 6px;
		border: 1px solid #ddd;
		word-break: break-all;
	}
	.remodal th > :first-child,
	.remodal td > :first-child{
		margin-top: 0 !important;
	}
	.remodal th > :last-child,
	.remodal td > :last-child{
		margin-bottom: 0 !important;
	}
	.remodal th{
		background-color: rgba(242,245,249,1);
		text-align: center;
	}
	.remodal td{
		vertical-align: middle;
	}

	.bs-summary {
		padding: 0 35px 0;
	}
		.bs-post {
			padding: 20px 35px 30px;
		}
			.bs-post dl {
				-js-display: flex;
				display: flex;
				gap: 0 20px;
				border-bottom: 1px solid rgb(216,216,216);
				margin: 20px auto 0;
				padding-bottom: 20px;
				width: 98%;
			}
				.bs-post dl dt {
					max-width: 120px;
					width: 100%;
				}
					.bs-post dl dd > a {
						color: rgb(51,51,51);
					}

.event-post {
	-js-display: flex;
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
	gap: 20px 45px;
}
	.event-post .post-area {
		-js-display: flex;
		display: flex;
		align-items: center;
		gap: 0 20px;
		border-bottom: 1px dotted rgb(51,51,51);
		color: rgb(51,51,51);
		padding-bottom: 15px;
		width: 100%;
	}
	.event-post .post-area:last-child {
		border-bottom: none;
	}
		.event-post .post-area .photo {
			background-repeat: no-repeat;
			background-size: cover;
			background-position: center center;
			border-radius: 4px;
			height: 75px;
			width: 115px;
		}
		.event-post .post-area .outline {
			width: 74%;
		}
            .event-post .post-area .outline p {
                margin: 0;
            }
                .event-post .post-area .outline span {
                    display: block;
                    color: rgb(165,165,165);
                }



.annual-explanation {
	margin-bottom: 20px;
}
.annual-events {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
	gap: 20px;
}
	.annual-events .month {
		width: calc(100% / 3 - 14px);
	}
		.annual-events .month .img {
			display: flex;
			align-items: center;
			overflow: hidden;
			max-height: 200px;
			height: 100%;
			position: relative;
		}
		.annual-events .month h3 {
			display: flex;
			justify-content: start;
			align-items: center;
			gap: 10px;
			font-family: "Noto Serif JP","Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
			font-size: 2.8rem;
			margin-top: 0;
			padding: 0;
			position: relative;
		}
		.annual-events .month h3::before {
			content: '';
			display: block;
			background-color: rgba(0,59,119,1);
			width: 22px;
			height: 22px;
		}
		.annual-events .month .img {
			display: flex;
			align-items: center;
			overflow: hidden;
			max-height: 200px;
			height: 100%;
			position: relative;
		}
		.annual-events .month .img::before,
		.annual-events .month .img::after {
			content: '';
			position: absolute;
			transform: rotate(-35deg);
			width: 70px;
			height: 25px;
			background-color: rgba(255,255,255,1);
			z-index: 1;
		}
		.annual-events .month .img::before {
			top: -10px;
			left: -25px;
			border-bottom: 1px solid rgb(170,170,170);
		}
		.annual-events .month .img::after {
			bottom: -10px;
			right: -25px;
			border-top: 1px solid rgb(170,170,170);
		}
		.annual-events .month dl {
			display: flex;
			justify-content: flex-start;
			align-items: flex-start;
			/*flex-wrap: wrap;*/
			gap: 10px;
			margin: 10px 0;
		}
			.annual-events .month dl dt {
				max-width: 65px;
				width: 100%;
			}
				.annual-events .month dl dt > span {
					display: block;
					background-color: rgba(0,59,119,1);
					border: 1px solid rgb(0,59,119);
					color: rgb(255,255,255);
					font-size: 1.4rem;
					padding: 4px;
					text-align: center;
				}
				.annual-events .month dl dt.jhs > span {
					background-color: rgba(242,245,249,1);
					border: 1px solid rgb(0,59,119);
					color: rgb(0,59,119);
				}
				.annual-events .month dl dt.hs > span {
					background-color: rgba(121,152,184,1);
					border: 1px solid rgb(0,59,119);
				}
			.annual-events .month dl dd {
				
			}


/*
--- エディター
---------------------------------------------------------------------------*/
.editor {
    margin-bottom: 40px;
}

.achievement {
    margin-bottom: 30px;
}

/*
--- テキスト＋画像
---------------------------------------------------------------------------*/
.text_img-block .img {
    float: right;
    max-width: 360px;
    width: 40%;
    margin: 0 0 30px 30px;
}

.text_img-block .img img {
    width: 100%;
}

/*
--- 背景色ブロック
---------------------------------------------------------------------------*/
.bg-block {
    background-color: rgba(0,59,119,0.05);
    padding: 30px;
}

/*
--- 縦書き
---------------------------------------------------------------------------*/
.vertival_block {
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    width: 100%;
    max-width: 700px;
    margin: 0px auto 20px;
    padding: 70px 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-family: "Noto Serif JP","Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
}
.contents_body .vertival_block > p {
    font-size: 28px;
    margin-bottom: 0;
    line-height: 2.3;
    font-weight: bold;
}
/*
--- 
---------------------------------------------------------------------------*/
.menu-bottom-sub > ul {
    margin: 0;
}
.menu-bottom-sub > ul > li {
    padding-left: 0;
}

/*
--- 
---------------------------------------------------------------------------*/

@media only screen and (max-width: 1230px) {

	/*
	--- 2023 テンプレート用
	---------------------------------------------------------------------------*/
	.btn-exam-flame .btn-exam a {
		font-size: 2.0rem;
		padding: 20px 15px;
	}
	.btn-exam-flame .btn-exam a::after {
		right: 10px;
		background-size: cover;
		padding: 18px;
	}

	.club-block {
		gap: 50px 10px;
	}
		.club-block .club-area {
			width: calc(100% / 3 - 7px);
		}
			.club-block .club-area .clubname {
				max-width: 180px;
				font-size: 1.6rem;
				padding: 15px 8px;
			}

	.annual-events .month {
		width: calc(100% / 2 - 10px);
	}

}


@media only screen and (max-width: 1023px) {


	/*
	--- page
	--------------------------------------------------------------------------- */
	.contents_body section:first-child {
		padding-top: 80px;
	}


	/*
	--- school-life
	--------------------------------------------------------------------------- */

	.club-dtl-box {
		padding-bottom: 40px;
	}
		.club-dtl-box .club-dtl-box-inner {
			display: block;
		}
		.club-dtl-box .club-dtl-img {
			max-width: none;
			padding: 0 20px 20px 20px;
			width: 100%;
		}
		.club-dtl-box .club-dtl-table {
			max-width: none;
			width: 100%;
		}


	/*
	--- 2023 テンプレート用
	---------------------------------------------------------------------------*/
    .annual-events .month {
        width: calc(100% / 3 - 14px);
    }

}


@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
/*
--- iPad (portrait)
---------------------------------------------------------------------------*/

			#nyushi .contents_body-sb h2 > span,
			#setumei .contents_body-sb h2 > span {
				width: auto;
			}

}


@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
/*
--- iPad (landscape)
---------------------------------------------------------------------------*/
}


@media only screen and (max-width: 767px) {

	/*
	---
	---------------------------------------------------------------------------*/
	.bwrp{
	}
    
    /*.gallery-item {
        width: 50%;
    }*/

	/*
	---
	---------------------------------------------------------------------------*/	
	.toggle_wrapper .toggle_box{
		padding: 1em;
	}
	
	
	/*
	---
	---------------------------------------------------------------------------*/
    .text_img-block .img {
        float: none;
        margin: auto;
    }
	/*
	---
	---------------------------------------------------------------------------*/	
	.index-list-block {
		width: 45%;
	}
		.index-list-block .inner h3 {
			font-size: 1.8rem;
		}

	.page-img-anc .index-list-block {
		width: 45%;
	}
	.index-list-block.no-photo {
		width: 45%;
	}
	
	/*
	---
	---------------------------------------------------------------------------*/	
	.tag span.tagb{
		display: block;
		margin: 5px 0 0;
	}
	
	
	/*
	---
	---------------------------------------------------------------------------*/
	.ib_ifb.tbbgc .thumb{
		padding: 15px 15px 0;
	}
	.ib_ifb.tbbgc .thumb img{
		max-width: 100%;
	}


/*
---
---------------------------------------------------------------------------*/
	.page-anchor-wrapper {
		padding: 0 10px;
	}
	.page-anchor {
		width: 50%;
		padding: 0 5px;
		font-size: 1.4rem;
	}
	.page-anchor span {
		background-position: 5px 12px;
	}



	/*
	--- page
	---------------------------------------------------------------------------*/
	.page .contents_body-sb {
		overflow: hidden;
        padding: 40px 20px;
	}

	.title-aftertext {
		font-size: 10rem;
		font-weight: 500;
		margin-right: -80px;
	}

	/*.sub-headerImg-wrapper {
		padding-bottom: 365px;
	}

	.contents_wrapper {
		margin-top: -230px;
		padding-bottom: 0;
	}

	.sub-header-infoblock .menu_global {
		display: none;
	}

	.contents_body > section {
		position: relative;
		padding: 30px 0 30px 0!important;
	}
	.contents_body > section.section-anchor {
		padding-top: 0!important;
		padding-bottom: 30px!important;
	}*/

	/*#side {
		display: block;
		position: static;
		max-width: 100%;
	}*/

		/*#side .sticky-wrapper {
			width: 100%!important;
		}
		#side .side-inner {
			position: static!important;
			border: none;
			max-width: 100%;
		}
					#side .side-inner section .page-list li.parent {
						display: none;
					}*/



	/*
	--- gakkou
	--------------------------------------------------------------------------- */
	/*.sisetu-area .sisetu-block {
		width: 30%;
	}
		.sisetu-area .sisetu-block .cap {
			font-size: 1.4rem;
		}*/


	/*
	--- nyushi
	--------------------------------------------------------------------------- */

	/*#nyushi section,
	#setumei section {
		padding: 30px 0 0 0;
	}

		.nyushi-nittei th {
			font-size: 1.2rem;
		}
		.nyushi-nittei td {
			font-size: 1.2rem;
		}

	.qa-list {
		width: 95%;-
	}*/


	/*
	--- education
	--------------------------------------------------------------------------- */

			/*.tokushoku .contents_body section {
				padding: 15px 0 15px 0!important;
			}
			.tokushoku .blockWrapper .tokushoku-img {
				float: none;
				margin-left: auto;
				margin-right: auto;
				padding: 0 0 20px 0;
				text-align: center;
			}
			.tokushoku .blockWrapper.tokushoku-text {
				padding: 0;
			}*/


	/*
	---employ
	---------------------------------------------------------------------------*/

		/*.employ-flame .employ-block {
			width: 100%;
		}
		.employ-flame > aside {
			margin-bottom: 20px;
		}
			.employ-flame .employ-block > a {
				font-size: 1.4rem;
				min-height: 60px;
				padding: 8px;
				width: 30%;
			}*/



	/*
	--- library
	--------------------------------------------------------------------------- */

		/*#library .remark {
			margin: 1em 0;
		}
*/

	/*
	--- index
	--------------------------------------------------------------------------- */

	/*.index-list-flame {
		padding: 0!important;
	}*/

	
	/*
	---mw wp form
	---------------------------------------------------------------------------*/
	/*.mw_wp_form table .nameField{
		display: block;
	}
	.mw_wp_form table td .nameField:first-child{
		margin: 0 0 5px;
	}*/

	
	/*
	---
	---------------------------------------------------------------------------*/
	.btns{
		margin-left: 0;
		margin-right: 0;
	}
	.btns .btn{
		width: auto;
		display: block;
		padding: 0;
	}
	.btns .btn:nth-of-type(n+2){
		margin-top: 10px;
	}
	
	
	/*
	---articleWrapper
	---------------------------------------------------------------------------*/
	


	/*
	---category.php
	---------------------------------------------------------------------------*/

	.pager {
		margin-top: 2em;
		margin-right: auto;
		margin-left: auto;
		width: 90%;
	}
		.pager select[name="sp_paginate_links"]{
			width: 150px;
		}


		.article_blk .article_blk-article {
			width: 90%;
		}
		.article_blk .article_blk-article .article_blk-thumb {
			width: 30%;
			margin-top: 5px;
			margin-bottom: 10px;
		}
		.article_blk .article_blk-article .article_blk-textBox {
			font-size: 1.5rem;
		}

	
	/*
	---single.php
	---------------------------------------------------------------------------*/
	.singleArticle-catList{
		padding: 5px 10px 10px 10px;
	}
	.singleArticle-catList a{
		text-decoration: none;
		font-size: 1.2rem;
		padding: 5px;
	}
	.singleArticle-date span:first-child {
		width: 25%;
	}
	
	
	/*
	---
	---------------------------------------------------------------------------*/
	.listlink_wrp a[href$=".pdf"]{
		padding-right: 40px;
	}
	.listlink_wrp a[href$=".pdf"]:after{
		width: 20px;
		height: 20px;
		-webkit-background-size: 20px auto;
		background-size: 20px auto;
	}


	/*
	---固定page lead文
	---------------------------------------------------------------------------*/
	.layout_pageLead{
		display: block;
		width: auto;
	}
	.layout_pageLead-cell{
		display: block;
	}
	.layout_pageLead-h2{
		padding: 0;
		border-width: 0;
		width: auto;
	}
	.layout_pageLead-p{
		padding: 0;
		margin-top: 2em;
	}


	/*
	---page_anchor_box
	---------------------------------------------------------------------------*/
	.page_anchor_box{
		margin-top: 30px;
	}
	.page_anchor_box .box span{
		padding: 10px;
		font-size: 1.1rem;
	}


	/*
	---サイトマップ
	---------------------------------------------------------------------------*/
	.sitemap .menu_global{
		margin: 0;
	}
	.sitemap .menu_global > li{
		float: none;
		width: auto;
		padding-left: 0;
		padding-right: 0;
	}
	.sitemap .menu_global > li:nth-of-type(n+2){
		padding-top: 1.5em;
	}
	.sitemap .menu_global > li.home > a:after{
		width: 100%;
	}
	
	.sitemap .menu_global > li.other .sub-menu li{
		display: block;
	}
	.sitemap .menu_global > li.other .sub-menu li:nth-of-type(n+2){
		margin: 1em 0 0;
	}
	
	
	/*
	---
	---------------------------------------------------------------------------*/
	.slick_simple .sld_wrp .img{
		width: 100%;
		padding-bottom: calc(9 / 16 * 100%);
	}
	.slick_simple .sld_wrp .tb{
		position: relative;
		width: auto;
		height: auto;
		padding: 15px;
	}
	.slick_simple .slick-prev,
	.slick_simple .slick-next{
		height: calc(100vw * 0.5625);
		top: 0;
		-webkit-transform: none;
		transform: none;
	}
	.slick_simple .slick-prev svg,
	.slick_simple .slick-next svg{
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}


	/*
	---準備中
	---------------------------------------------------------------------------*/
	.under_construction{
		padding: 50px 0;
		font-size: 1.8rem;
	}


	/*
	--- page
	---------------------------------------------------------------------------*/
	.sub-header-infoblock .sub-headerImg-h1 {
		font-size: 3.0rem;
	}

	.contents_body-sb h1 {
		font-size: 3.6rem;
	}
    section h1 {
        font-size: 3.2rem;
        margin-bottom: 30px;
    }

	.contents_body-sb h2 {
		font-size: 2.4rem;
		padding: 0 0 30px;
	}

	.contents_body-sb h3 {
		font-size: 1.8rem;
		padding-top: 0;
	}

	.contents_body-sb h4 {
		font-size: 1.8rem;
	}
    .contents_body-sb h4 span::before {
        width: 18px;
        height: 18px;
    }

	.contents_body > section.midashi h2 {
		padding: 0 10px 30px!important;
		
	}
	.contents_body > section.midashi h2::before {
		background-position: center left 0!important;
		padding: 20px 0 20px 60px!important;
		height: auto!important;
	}
		.contents_body > section.midashi h2 span {
			display: inline-flex!important;
			width: 80%!important;
		}


	.special-note-frame {
		padding: 40px 20px;
	}
		.special-note-frame .instruction li {
			font-size: 2.4rem;
			padding: 0 15px;
		}

	.special-note-frame2 .goal {
		font-size: 2rem;
		line-height: 1.5;
	}


	/*
	---
	---------------------------------------------------------------------------*/
	.basic_gallery{
		padding: 10px 5px;
	}
	
	
	/*
	---
	---------------------------------------------------------------------------*/
	.contents_body p{
		margin-top: 15px;
	}

	.contents_body table{
		font-size: 1.4rem;
	}
	.contents_body th{
		padding: 5px 2px;
	}
	.contents_body td{
		padding: 5px 6px;
	}
		.contents_body td.index {
			white-space: nowrap;
		}
	.contents_body table.table_smp_block,
	.contents_body table.table_smp_block tbody,
	.contents_body table.table_smp_block tr{
		display: block;
	}
	.contents_body table.table_smp_block{
		font-size: inherit;
		border-bottom: 1px solid #ddd;
	}
	.contents_body table.table_smp_block th,
	.contents_body table.table_smp_block td{
		display: block !important;
		width: auto !important;
		padding: 15px;
		border-bottom-width: 0;
	}


/*
---
---------------------------------------------------------------------------*/
	/*.life-calendar-tbl,
	.life-calendar-tbl tbody,
	.life-calendar-tbl tr,
	.life-calendar-tbl th,
	.life-calendar-tbl td {
		display: block;
	}
	.life-calendar-tbl {
		border-top: 1px solid #ddd;
	}
	.life-calendar-tbl tr:nth-of-type(1) {
		display: none;
	}
	.life-calendar-tbl th,
	.life-calendar-tbl td {
		border-top-width: 0;
	}
	.life-calendar-tbl th:nth-of-type(1) {
		width: auto;
	}
	.life-calendar-tbl tr td {
		padding: 15px;
	}
	.life-calendar-tbl td:nth-of-type(1) {
		background-color: #ebebeb;
	}
	.life-calendar-tbl tr td:nth-of-type(2):before,
	.life-calendar-tbl tr td:nth-of-type(3):before {
		display: block;
		padding: 10px;
		text-align: center;
		color: #fff;
		margin: -15px -15px 20px;
	}
	.life-calendar-tbl tr td:nth-of-type(2):before {
		content: "中学";
		background-color: #23b5c3;
	}
	.life-calendar-tbl tr td:nth-of-type(3):before {
		content: "高校";
		background-color: #3FA5F1;
	}
	.life-calendar-slick {
		max-width: 600px;
		margin-left: auto;
		margin-right: auto;
	}*/


/*
---
---------------------------------------------------------------------------*/
	/*.contents_body .jisseki-nankan-table {
		font-size: 1.2rem;
	}
	.jisseki-shuyo-box {
		width: 100%;
	}
	.jisseki-shuyo-box table {
		font-size: 1.2rem;
	}*/



	/*
	--- 2023 テンプレート用
	---------------------------------------------------------------------------*/
	.btn-exam-flame .btn-exam {
		width: calc(100% / 2 - 20px);
	}
		.btn-exam-flame .btn-exam a {
			font-size: 1.8rem;
			padding: 15px 15px;
		}
		.btn-exam-flame .btn-exam a::after {
			padding: 16px;
		}

	.list-movie-flame .list-movie {
		width: calc(100% / 2 - 11px);
	}
		.list-movie-flame .list-movie .title {
			font-size: 1.8rem;
		}

	.tab-club-block .anklist li a {
		font-size: 1.4rem;
	}

	.club-block .club-area {
		width: calc(100% / 2 - 5px);
	}
		.club-block .club-area .seibetu {
			font-size: 1.4rem;
		}
		.club-block .club-area .clubname {
			max-width: 180px;
		}

	.bs-summary {
		padding: 0 0 0;
	}
	.bs-post {
		padding: 20px 0 20px;
	}

		.annual-events .month {
			width: calc(100% / 2 - 10px);
		}
		.annual-events .month h3 {
			font-size: 1.8rem;
			padding-bottom: 20px;
		}

}



@media only screen and (max-width: 500px) {


	/*
	--- page
	---------------------------------------------------------------------------*/

	/*.sub-header-infoblock .sub-headerImg-h1 {
		font-size: 3.2rem;
	}*/

	/*
	--- gakkou
	--------------------------------------------------------------------------- */
	/*.sisetu-area .sisetu-block {
		width: 48%;
	}*/


	/*
	---school-life
	---------------------------------------------------------------------------*/
	/*.club-dtl-box .club-dtl-img {
		padding: 0 0 20px 0;
	}*/


	/*
	--- nyushi
	--------------------------------------------------------------------------- */

		/*.nyushi-nittei th {
			font-size: 1.0rem;
		}
		.nyushi-nittei td {
			font-size: 1.0rem;
		}

		#nyushi table.yoko {
			font-size: 1.2rem;
		}*/

	/*
	---employ
	---------------------------------------------------------------------------*/

			/*.employ-flame .employ-block > a {
				width: 45%;
			}

	#side {
		margin-top: 30px;
	}*/


	/*
	--- 2023 テンプレート用
	---------------------------------------------------------------------------*/
		.club-block .club-area .clubname {
			max-width: 160px;
			font-size: 1.4rem;
			padding: 10px 6px;
		}
			.annual-events .month dl dt {
				max-width: 60px;
				width: 100%;
			}
				.annual-events .month dl dt > span {
					font-size: 1.2rem;
				}
			.annual-events .month dl dd {
				font-size: 1.4rem;
			}
    
	/*
	--- アイコンボタンリンクブロック
	---------------------------------------------------------------------------*/
    .btn-exam-flame .btn-exam {
        width: 100%;
    }
    
	/*
	--- リンクブロック
	---------------------------------------------------------------------------*/
    .page-block-link ul {
        gap: 10px;
        justify-content: start;
    }
    .page-block-link.line3 ul li {
        width: calc(100% / 2 - 5px);
    }
    
	/*
	--- 部活動
	---------------------------------------------------------------------------*/
    .tab-club-block .anklist {
        gap: 10px;
    }
    .tab-club-block .anklist li {
        width: calc(100% / 2 - 5px);
    }
    .club-block {
        gap: 20px 10px;
    }
    
	/*
	--- 
	---------------------------------------------------------------------------*/
    .title-sub {
        font-size: 6rem;
    }
    
	/*
	--- 年間行事
	---------------------------------------------------------------------------*/
    .annual-events {
        gap: 10px;
    }
    .annual-events .month {
        width: calc(100% / 2 - 5px);
    }
    
	/*
	--- 
	---------------------------------------------------------------------------*/
    .event-post .post-area {
        gap: 0 10px;
    }
    .event-post .post-area .photo {
        width: 100px;
        height: 70px;
    }

    .event-post .post-area .outline {
        flex: 1;
    }

    .event-post .post-area .outline p {
        font-size: 15px;
        line-height: 1.6;
    }

    .event-post .post-area .outline span {
        font-size: 12px;
    }
    
	/*
	--- 
	---------------------------------------------------------------------------*/
    .text_img-block .img {
        width: 80%;
    }
    
	/*
	--- ギャラリー
	---------------------------------------------------------------------------*/
    .gallery-caption {
        font-size: 14px;
    }
    .bg-block {
        padding: 20px;
    }
    
	/*
	--- 
	---------------------------------------------------------------------------*/



	/*
	--- remodal.js制御用
	---------------------------------------------------------------------------*/
	.remodal .modal-club-img::before,
	.remodal .modal-club-img::after {
		display: none;
	}
}