/*
--- ヘッダーロゴ
---------------------------------------------------------------------------*/
path.st4 {
    fill: #AAA;
}

/*
--- ベーシック設定
---------------------------------------------------------------------------*/
.ib_if::after,
.ib_ifb::after {
    content: "";
    display: table;
    clear: both;
}

/*
---
---------------------------------------------------------------------------*/
.sub-headerImg-wrapper {
    position: relative;
    padding-bottom: 300px;
}
.sub-headerImg-wrapper::before {
    content: "";
    position: absolute;
	top: 0;
	left: 0;
    z-index: 1;
    width: 15vw;
    height: 100%;
    background: -webkit-linear-gradient(bottom right, rgba(255,255,255,0) 50%, rgba(172, 255, 183, 0.7) 51%, rgba(246, 255, 214, 0.7) 75%) no-repeat top left/100% 100%;
    background: -o-linear-gradient(bottom right, rgba(255,255,255,0) 50%, rgba(172, 255, 183, 0.7) 51%, rgba(246, 255, 214, 0.7) 75%) no-repeat top left/100% 100%;
    background: linear-gradient(to top left, rgba(255,255,255,0) 50%, rgba(172, 255, 183, 0.7) 51%, rgba(246, 255, 214, 0.7) 75%) no-repeat top left/100% 100%;
}
.sub-headerImg-wrapper::after {
    content: "";
    position: absolute;
    z-index: 0;
	bottom: 0;
	left: 0;
    width: 100%;
    height: 80px;
    background: -webkit-linear-gradient(top right, rgba(255,255,255,0) 50%, rgba(135, 255, 154, 0.6) 51%, rgba(246, 255, 214, 0.7) 85%) no-repeat top left/100% 100%;
    background: -o-linear-gradient(top right, rgba(255,255,255,0) 50%, rgba(135, 255, 154, 0.6) 51%, rgba(246, 255, 214, 0.7) 85%) no-repeat top left/100% 100%;
    background: linear-gradient(to bottom left, rgba(255,255,255,0) 50%, rgba(135, 255, 154, 0.6) 51%, rgba(246, 255, 214, 0.7) 85%) no-repeat top left/100% 100%;
}
.blog-elementary .sub-headerImg-wrapper::before,
.elementary .sub-headerImg-wrapper::before {
    background: -webkit-linear-gradient(bottom right, rgba(255,255,255,0) 50%, rgba(255, 183, 255, 0.8) 51%, rgba(249, 200, 152, 0.8) 75%) no-repeat top left/100% 100%;
    background: -o-linear-gradient(bottom right, rgba(255,255,255,0) 50%, rgba(255, 183, 255, 0.8) 51%, rgba(249, 200, 152, 0.8) 75%) no-repeat top left/100% 100%;
    background: linear-gradient(to top left, rgba(255,255,255,0) 50%, rgba(255, 183, 255, 0.8) 51%, rgba(249, 200, 152, 0.8) 75%) no-repeat top left/100% 100%;
}
.blog-elementary .sub-headerImg-wrapper::after,
.elementary .sub-headerImg-wrapper::after {
    background: -webkit-linear-gradient(top right, rgba(255,255,255,0) 50%, rgba(249, 200, 152, 0.8) 51%, rgba(255, 183, 255, 0.8) 85%) no-repeat top left/100% 100%;
    background: -o-linear-gradient(top right, rgba(255,255,255,0) 50%, rgba(249, 200, 152, 0.8) 51%, rgba(255, 183, 255, 0.8) 85%) no-repeat top left/100% 100%;
    background: linear-gradient(to bottom left, rgba(255,255,255,0) 50%, rgba(249, 200, 152, 0.8) 51%, rgba(255, 183, 255, 0.8) 85%) no-repeat top left/100% 100%;
}
.blog-senior .sub-headerImg-wrapper::before,
.senior .sub-headerImg-wrapper::before {
    background: -webkit-linear-gradient(bottom right, rgba(255,255,255,0) 50%, rgba(117, 218, 255, 0.8) 51%, rgba(202, 255, 245, 0.8) 85%) no-repeat top left/100% 100%;
    background: -o-linear-gradient(bottom right, rgba(255,255,255,0) 50%, rgba(117, 218, 255, 0.8) 51%, rgba(202, 255, 245, 0.8) 85%) no-repeat top left/100% 100%;
    background: linear-gradient(to top left, rgba(255,255,255,0) 50%, rgba(117, 218, 255, 0.8) 51%, rgba(202, 255, 245, 0.8) 85%) no-repeat top left/100% 100%;
}
.blog-senior .sub-headerImg-wrapper::after,
.senior .sub-headerImg-wrapper::after {
    background: -webkit-linear-gradient(top right, rgba(255,255,255,0) 50%, rgba(117, 218, 255, 0.8) 51%, rgba(202, 255, 245, 0.8) 85%) no-repeat top left/100% 100%;
    background: -o-linear-gradient(top right, rgba(255,255,255,0) 50%, rgba(117, 218, 255, 0.8) 51%, rgba(202, 255, 245, 0.8) 85%) no-repeat top left/100% 100%;
    background: linear-gradient(to bottom left, rgba(255,255,255,0) 50%, rgba(117, 218, 255, 0.8) 51%, rgba(202, 255, 245, 0.8) 85%) no-repeat top left/100% 100%;
}
.sub-headerImg-bgi {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: absolute;
    width: 100vw;
    height: 100%;
    right: 0;
}
.sub-headerImg-wrapper h1 {
    position: absolute;
/*    width: 100%;*/
    top: 50%;
    left: 0;
    padding: 0 15px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
	z-index: 10;
/*    color: #FFF;*/
}
@media only screen and (min-width: 1441px) {
	.sub-headerImg-wrapper {
		 padding-bottom: 25%;
	}
}



/*
---
---------------------------------------------------------------------------*/
.breadcrumbs{
	font-size: 1.4rem;
	padding: 5px 15px;
	position: relative;
	z-index: 0;
}
.breadcrumbs:before {
    content: "";
    position: absolute;
    width: 100vw;
    height: 100%;
    right: 0;
    top: 0;
    background-color: #f5f5f5;
    z-index: -1;
}
.breadcrumbs > span{
	display: inline-block;
	vertical-align: middle;
}
.breadcrumbs a{
	color: inherit;
}
.breadcrumbs a:hover{
	color: #95E4DA;
}


/*
---
---------------------------------------------------------------------------*/
.page-anchor-inner {
    margin: 0 -2px;
    font-size: 0;
    text-align: center;
	padding-top: 28px;
}
.page-anchor-box {
    display: inline-block;
    width: 25%;
    font-size: 1.4rem;
    text-align: center;
    padding: 2px;
}
.page-anchor-box span {
    display: block;
    border: 1px solid #ddd;
    padding: 10px 5px;
	cursor: pointer;
}
.page-anchor-box span:after {
    content: "";
    display: block;
    margin: 5px auto 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 7px 0 7px;
    border-color: #F1F02F transparent transparent transparent;
	transition: all .5s;
}
.page-anchor-box span:hover:after {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
}


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


/*
---
---------------------------------------------------------------------------*/
.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
---------------------------------------------------------------------------*/
.noarticle{
	padding: 100px 15px;
	background-color: #f5f5f5;
	text-align: center;
}

.pager{
	margin-top: 2em;
}
.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(241, 240, 47, 0.75);
	background-image: url(../images/icon_select_open.png);
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: 16px auto;
	background-size: 16px auto;
	display: inline-block;
	margin-right: 5px;
	text-align: center;
}
.pager-arrows span{
	opacity: 0.25;
}

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

.pager-arrows a:hover{
	background-color: rgba(241, 240, 47, 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_blk2 {
    border-top: 1px dashed #ddd;
}
.article_blk2-article {
    border-bottom: 1px dashed #ddd;
}
.article_blk2-a {
    display: block;
    color: inherit;
    padding: 15px 5px;
    background-image: url(../images/facility-gakushoku-arrow-next-107x16.png);
    background-position: right 15px bottom 15px;
    background-repeat: no-repeat;
    background-size: 60px auto;
}
.article_blk2-a:hover {
	background-color: #f7f7f7;
    background-position: right 0 bottom 15px;
}
.article_blk2-textBoxInner {
    display: table;
    width: 100%;
}
.article_blk2-date {
    display: table-cell;
    width: 90px;
    font-size: 1.4rem;
    vertical-align: top;
}
.article_blk2-tags {
    display: table-cell;
    vertical-align: top;
}
.article_blk2-tag {
    font-size: 1.1rem;
    display: inline-block;
    vertical-align: text-top;
    background-color: #F1F02F;
    line-height: 1.4;
    padding: 2px 5px 1px;
	border-radius: 2px;
}
.article_blk2-title {
    margin-top: 5px;
}
.article_blk2-excerpt {
    margin-top: 5px;
    color: #888;
    font-size: 1.2rem;
    padding-right: 15px;
}


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

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

.singleArticle-con{
}

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

.singleArticle-h2{
	margin-bottom: 15px;
}
@media only screen and (min-width: 768px) {
	.singleArticle-h2{
		 text-align: left;
	}
	.singleArticle-h2 span {
		 display: block;
		 min-width: 0;
		 padding: 15px;
	}
	.singleArticle-h2 span:before,
	.singleArticle-h2 span:after{
		 z-index: -1;
		opacity: 0.75;
	}
}

.singleArticle-date{
/*	color: #888;*/
	line-height: 1;
	display: table;
	border-collapse: collapse;
	margin-top: 30px;
}
.singleArticle-date span{
	display: table-cell;
	vertical-align: middle;
	padding: 10px;
}
.singleArticle-date span:first-child{
	border-style: solid;
	border-color: #4d4d4d;
	border-width: 0 1px;
}

.singleArticle-btn{
/*
	padding-top: 2.5em;
	border-top: 1px solid #ddd;
*/
}

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


/*
---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%;
}
.mwform-tel-field input[type="text"], .mwform-zip-field input[type="text"] {
    display: inline-block;
    width: auto;
}
.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: #4d4d4d;
	transition: all .5s;
}
.mw_wp_form input[type="submit"]:hover,
.mw_wp_form input[type="button"]:hover{
	background-color: #00930a;
/*	color: inherit;*/
}

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

.form-busu-table {
    display: table;
}
.form-busu-cell {
    display: table-cell;
}
.form-busu-cell:nth-of-type(2) {
    padding-right: 5px;
}
.form-busu-cell select {
    min-width: 100px;
}

.mw_wp_form_confirm .form-display-inputonly{
	display: none !important;
}



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


/*
---toggle_wrapper
---------------------------------------------------------------------------*/
.toggle_bottun{
	cursor: pointer;
}
.toggle_box{
	display: none;
}

.toggle_wrapper {
    border-bottom: 1px dashed #ddd;
}
.toggle_bottun {
    padding: 20px 30px 20px 50px;
    border-top: 1px dashed #ddd;
    position: relative;
    transition: all .5s;
    color: #4192d1;
}
.toggle_bottun:before {
    content: "Q";
    position: absolute;
    left: 30px;
    top: 20px;
}
.toggle_bottun:after {
    content: "";
    width: 12px;
    height: 12px;
    position: absolute;
    left: 5px;
    top: 50%;
    margin-top: -6px;
    background-image: url(../images/qa-icon-plus-black-12x12.png);
    background-size: 12px auto;
    background-repeat: no-repeat;
    transition: all .5s;
}
.opened .toggle_bottun:after {
    background-image: url(../images/qa-icon-minus-black-12x12.png);
}
.opened .toggle_bottun {
    background-color: rgba(241, 240, 47, 0.1);
}
.qa-main-tagblock {
    margin-top: 5px;
    color: #4d4d4d;
}
.qa-main-tagblock span {
    font-size: 1.2rem;
    background-color: #F1F02F;
    width: 70px;
    display: inline-block;
    text-align: center;
    border-radius: 3px;
    padding: 2px 0;
}
.toggle_box {
    padding: 30px 15px 30px 50px;
    position: relative;
}
.toggle_box:before {
    content: "A";
    position: absolute;
    left: 30px;
    top: 32px;
    color: #cd4646;
}



/*
---
---------------------------------------------------------------------------*/
.contents_wrapper .sitemap .sm_wrp{
	overflow: hidden;
}
#menu-sitemap-others,
.contents_wrapper .sitemap ul[id^="menu-head-sub-"] {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: stretch;
	align-items: stretch;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
}
#menu-sitemap-others > li,
.contents_wrapper .sitemap ul[id^="menu-head-sub-"] > li {
	margin: 0;
	width: 25%;
/*	padding: 0;*/
}
#menu-sitemap-others > li:nth-of-type(n+5),
.contents_wrapper .sitemap ul[id^="menu-head-sub-"] > li:nth-of-type(n+5) {
	margin-top: 20px;
}
#menu-sitemap-others li a,
.contents_wrapper .sitemap ul[id^="menu-head-sub-"] li a {
	color: #4d4d4d;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	border-bottom: 1px solid transparent;
}
#menu-sitemap-others li a:hover,
.contents_wrapper .sitemap ul[id^="menu-head-sub-"] li a:hover {
	border-bottom-color: #AAA;
}
.contents_wrapper .sitemap ul[id^="menu-head-sub-"] > li > .sub-menu {
	margin-top: 10px;
	padding-top: 20px;
	border-left: 1px solid #AAA;
	font-size: 14px;
}
.contents_wrapper .sitemap ul[id^="menu-head-sub-"] > li > .sub-menu > li::before {
	width: 15px;
    height: 1px;
    border-radius: 0;
    background-color: #AAA;
}
.sm_wrp a h4 span {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.sm_wrp a:hover h4 span {
    background-color: #fffff3;
}
.sm_wrp.others h4 span {
	border-left: solid 5px #cfc900;
}
@media only screen and (max-width: 767px) {
	#menu-sitemap-others > li,
	.contents_wrapper .sitemap ul[id^="menu-head-sub-"] > li {
		width: 50%;
		margin-bottom: 30px;
	}
}
.contents_wrapper .sitemap .sm_wrp{
	overflow: hidden;
}
.contents_wrapper .sitemap .sm_wrp{
	overflow: hidden;
}
.contents_wrapper .sitemap  .menu_global li{
	margin: 0;
	padding: 0;
}
.contents_wrapper .sitemap .menu_global li:before{
	display: none;
}
.contents_wrapper .sitemap .menu_global a{
	display: block;
	color: inherit;
}
.contents_wrapper .sitemap .menu_global{
	margin: 0 -10px;
}
.contents_wrapper .sitemap .menu_global:after{
	content: '';
	display: table;
	clear: both;
}
.contents_wrapper .sitemap .menu_global > li{
	float: left;
	width: calc(99.99% / 3);
	padding: 0 10px;
}
.contents_wrapper .sitemap .menu_global > li:nth-of-type(n+4){
	padding-top: 1.5em;
}
.contents_wrapper .sitemap .menu_global > li:nth-of-type(3n+1){
	clear: both;
}
.contents_wrapper .sitemap .menu_global > li > a{
	background-color: #95E4DA;
	padding: 15px 36px 15px 15px;
	position: relative;
}
.contents_wrapper .sitemap .menu_global > li > a:hover{
	background-color: #F1F02F;
}
.contents_wrapper .sitemap .menu_global > li > a .global_menu-icon{
	display: none;
}
.contents_wrapper .sitemap .menu_global .sub-menu{
	padding-top: 0.5em;
	margin: 0;
}

.contents_wrapper .sitemap .menu_global .sub-menu > li{
}
.contents_wrapper .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;
	padding: 0.5em 0 0.5em 26px;
}
.notouch .contents_wrapper .sitemap .menu_global .sub-menu > li > a:hover{
	background-position: 20px 0.9em;
	color: #2980B4;
}

.contents_wrapper .sitemap .menu_global > li.other{
	clear: both;
	float: none;
	width: auto;
}
.contents_wrapper .sitemap .menu_global > li.other > a{
	display: none;
}
.contents_wrapper .sitemap .menu_global > li.other .sub-menu{
	padding: 15px;
	background-color: #f5f5f5;
}
.contents_wrapper .sitemap .menu_global > li.other .sub-menu li{
	display: inline-block;
}
.contents_wrapper .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;
}


/*
---
---------------------------------------------------------------------------*/
.contents_body{
/*	padding-bottom: 120px;*/
}
section{
	padding-top: 90px;
}
section:first-of-type {
	padding-top: 0;
}
.contents_body > section:last-child {
    padding-bottom: 120px;
}
section > :first-child{
	margin-top: 0 !important;
}
section > :last-child{
	margin-bottom: 0 !important;
}
h2 {
    text-align: center;
	max-width: 1030px;
    margin: 0 auto 35px;
    padding-left: 15px;
    padding-right: 15px;
}
h2 span {
    display: inline-block;
    position: relative;
    min-width: 620px;
    padding: 15px 60px;
	font-family: "Times New Roman", 游明朝, YuMincho, "ヒラギノ明朝 Pr6 W6", "Hiragino Mincho Pro", HGS明朝E, メイリオ, "ＭＳ Ｐ明朝", "MS PMincho", Meiryo, serif;
}
h3{
	margin-top: 2em;
	overflow: hidden;
}
h3 span {
	display: inline-block;
    padding: 5px 20px 5px 10px;
    background-color: #fff;
    position: relative;
    max-width: 90%;
    margin-left: 20px;
}
h3 span::before {
	content: '';
    position: absolute;
    z-index: -1;
    left: -20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100vw;
    height: 1px;
    background-color: #00930a;
}
h3 span::after {
    content: "";
    position: absolute;
    z-index: 0;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    right: 1px;
    display: block;
    width: 0.7em;
    height: 0.7em;
    border-top: solid 1px #00930a;
    border-right: solid 1px #00930a;
}
.blog-elementary h3 span::before,
.elementary h3 span::before {
	 background-color: #e73b00;
}
.blog-elementary h3 span::after,
.elementary h3 span::after {
    border-top: solid 1px #e73b00;
    border-right: solid 1px #e73b00;
}
.blog-senior h3 span::before,
.senior h3 span::before {
	 background-color: #0088e7;
}
.blog-senior h3 span::after,
.senior h3 span::after {
    border-top: solid 1px #0088e7;
    border-right: solid 1px #0088e7;
}
h4,h5,h6{
	margin-top: 1.3em;
}
h4 span {
	display: block;
    padding: 5px 0 5px 10px;
    border-bottom: solid 1px #ccc;
    border-left: solid 5px #00930a;
}
.blog-elementary h4 span,
.elementary h4 span {
    border-left: solid 5px #e73b00;
}
.blog-senior h4 span,
.senior h4 span {
    border-left: solid 5px #0088e7;
}
h5 {
    padding-left: 20px;
    position: relative;
}
h5::before {
    content: "";
    position: absolute;
    width: 15px;
    height: 4px;
    background-color: #ccc;
    left: 0;
    top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}


.contents_body p {
    margin-top: 1.5em;
}
.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 > li:before,
.contents_body ol > li:before{
	content: "\25cf";
    position: absolute;
    left: 0;
    top: 0.5em;
    width: 5px;
    height: 5px;
    background-color: #cfc900;
    border-radius: 50%;
    color: transparent;
    /* background-image: url(../images/icon_ul_20x20.png); */
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: 35% auto;
    background-size: 35% auto;
}
.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;
    width: 0;
    height: 0;
    top: 0;
}
.contents_body ol{
	counter-reset:li;
}
.contents_body ol > li:before{
	counter-increment:li;
	content:counter(li) ".";
	text-align: right;
	width: 2em;
	top: 0.1em;
	left: -1em;
/*	color: #3071B7;*/
	color: inherit;
	background-image: none;
	background-color: transparent;
}
.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;
}U
.contents_body ol.num_caution > li:before{
	content:"\00203b"counter(li);
	color: #4d4d4d;
	background-color: transparent;
    top: 0;
}

.contents_body table{
	margin: 30px 0 0;
	background-color: #fff;
}
.contents_body th,
.contents_body td{
	padding: 15px;
	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(149, 228, 218, 0.2);
}
.contents_body td{
}
.table_layout_fix{
	width: 100%;
	table-layout: fixed;
}

.sub-contents-lead {
    text-align: center;
    max-width: 1100px;
    margin: auto;
	padding: 0 10px;
}

.sub-common-body{
	position: relative;
}
.sub-common-bg {
    position: absolute;
    width: 100vw;
    height: 100%;
    z-index: -1;
    top: 0;
    right: 0;
}
.sub-common-bg:before,
.sub-common-bg:after {
    content: "";
    width: 100%;
    height: 70%;
    position: absolute;
    left: 0;
	opacity: 0.2;
    background-color: #95E4DA;
}
.sub-common-bg:before {
    top: 50%;
    -webkit-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: skewX(-10deg) rotate(-10deg);
    transform: skewX(-10deg) rotate(-10deg);
}
.sub-common-bg:after {
    top: -20%;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: skewX(10deg) rotate(10deg);
    transform: skewX(10deg) rotate(10deg);
}

/*
--- 学部トップ セクション
---------------------------------------------------------------------------*/
.sec-main_title,
.sec-main_title-en {
    text-align: center;
	font-size: 32px;
	margin-bottom: 20px;
}
.sec-main_title-en {
	position: relative;
}
.sec-main_title-en::after {
	content: '';
	position: absolute;
	height: 35px;
	width: 95%;
	bottom: -10px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	background-image: url("../images/sec-line_bottomtop.png");
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}
.sec-main_title+div {
	margin-top: 40px;
	position: relative;
	z-index: 1;
}
/*
--- 学部トップ ヘッダーイメージ
---------------------------------------------------------------------------*/
/*--- 学部トップ ヘッダーイメージ　---------------*/
.scene-main-image {
	position: relative;
	overflow: hidden;
}
.scene-main-image::before {
	content: '';
	position: absolute;
	z-index: 15;
	width: 80px;
	height: 0;
	top: 0;
	left: 0;
	background: -moz-linear-gradient(top, rgb(1, 147, 10), rgba(1, 147, 10, 1) 40%, rgba(1, 147, 10, 0.3) 60%, rgba(1, 147, 10, 0));
    background: -webkit-linear-gradient(top, rgb(1, 147, 10), rgba(1, 147, 10, 1) 40%, rgba(1, 147, 10, 0.3) 60%, rgba(1, 147, 10, 0));
    background: linear-gradient(to bottom, rgb(1, 147, 10), rgba(1, 147, 10, 1) 40%, rgba(1, 147, 10, 0.3) 60%, rgba(1, 147, 10, 0));
	transition: all 0.5s ease-out 0.5s;
}
.blog-elementary .scene-main-image::before,
.elementary .scene-main-image::before {
	background: -moz-linear-gradient(top, rgba(231, 59, 0, 1),rgba(231, 59, 0, 1) 40%, rgba(231, 59, 0, 0.3) 60%, rgba(231, 59, 0, 0));
    background: -webkit-linear-gradient(top, rgba(231, 59, 0, 1),rgba(231, 59, 0, 1) 40%, rgba(231, 59, 0, 0.3) 60%, rgba(231, 59, 0, 0));
    background: linear-gradient(to bottom, rgba(231, 59, 0, 1),rgba(231, 59, 0, 1) 40%, rgba(231, 59, 0, 0.3) 60%, rgba(231, 59, 0, 0));
}
.blog-senior .scene-main-image::before,
.senior .scene-main-image::before {
	background: -moz-linear-gradient(top, rgba(0, 136, 231, 1), rgba(0, 136, 231, 1) 40%, rgba(0, 136, 231, 0.3) 60%, rgba(0, 136, 231, 0));
    background: -webkit-linear-gradient(top, rgba(0, 136, 231, 1), rgba(0, 136, 231, 1) 40%, rgba(0, 136, 231, 0.3) 60%, rgba(0, 136, 231, 0));
    background: linear-gradient(to bottom, rgba(0, 136, 231, 1), rgba(0, 136, 231, 1) 40%, rgba(0, 136, 231, 0.3) 60%, rgba(0, 136, 231, 0));
}
.loaded .scene-main-image::before {
	height: 65%;
}
.top-img-title-wrapper {
    position: absolute;
	left: 1.6vw;
	top: 2vw;
	width: 150px;
    z-index: 15;
	padding: 20px 10px;
}
.top-img-title-wrapper h1 {
	color: #FFF;
    -webkit-writing-mode:vertical-rl;
    -ms-writing-mode: tb-rl;
     writing-mode: vertical-rl;
	float: left;
	margin-right: 10px;
}
.eye_catch-wrapper {
	position: relative;
/*	padding-bottom: 15vw;*/
}
.eye_catch-wrapper::before,
.eye_catch-wrapper::after {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
}
.eye_catch-wrapper::before {
	bottom: 0;
	left: 0;
	width: 100vw;
	height: 26vw;
	background: -webkit-linear-gradient(right, rgba(135, 255, 154, 0.6), rgba(207, 201, 0, 0.7));
	background: -o-linear-gradient(right, rgba(135, 255, 154, 0.6), rgba(207, 201, 0, 0.7));
	background: linear-gradient(to left, rgba(135, 255, 154, 0.6), rgba(207, 201, 0, 0.7));
	z-index: 10;
}
.blog-elementary .eye_catch-wrapper::before,
.elementary .eye_catch-wrapper::before {
	background: -webkit-linear-gradient(right, rgba(255, 150, 197, 0.7), rgba(207, 201, 0, 0.7));
	background: -o-linear-gradient(right, rgba(255, 150, 197, 0.7), rgba(207, 201, 0, 0.7));
	background: linear-gradient(to left, rgba(255, 150, 197, 0.7), rgba(207, 201, 0, 0.7));
}
.blog-senior .eye_catch-wrapper::before,
.senior .eye_catch-wrapper::before {
	background: -webkit-linear-gradient(right, rgba(163, 223, 255, 0.7), rgba(207, 201, 0, 0.5));
	background: -o-linear-gradient(right, rgba(163, 223, 255, 0.7), rgba(207, 201, 0, 0.5));
	background: linear-gradient(to left, rgba(163, 223, 255, 0.7), rgba(207, 201, 0, 0.5));
}
.eye_catch-wrapper::after {
	left: 0;
	bottom: 0;
	border-style: solid;
	border-width: 13vw 100vw;
	border-color: transparent;
	border-left-color: rgba(255,255,255,1);
	border-bottom-color: rgba(255,255,255,1);
	
	z-index: 20;
}

.eye_catch-inner {
    padding-bottom: 78%;
/*	background-size: cover;*/
/*	background-position: center;*/
/*	background-repeat: no-repeat;*/
	position: relative;
}
.eye_catch-inner::before,
.eye_catch-inner::after {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	z-index: 10;
}
/*
.eye_catch-inner::before {
	top: 0;
	left: 0;
	border-style: solid;
	border-width: 40vw 15vw;
	border-color: transparent;
	border-left-color: rgba(253, 255, 202, 0.7);
    border-top-color: rgba(253, 255, 202, 0.7);
	transform: rotate(120deg);
	transform-origin: top left;
	-webkit-transition: all 0.5s 0.5s;
	-o-transition: all 0.5s 0.5s;
	transition: all 0.5s 0.5s;
}
*/
.eye_catch-inner::before {
	z-index: 11;
	top: 0;
	left: 0;
	width: 25vw;
	height: 50vw;
	background: -webkit-linear-gradient(bottom right, rgba(255,255,255,0) 50%, rgba(172, 255, 183, 0.9) 50.1%, rgba(246, 255, 214, 0.9) 75%) no-repeat top left/100% 100%;
	background: -o-linear-gradient(bottom right, rgba(255,255,255,0) 50%, rgba(172, 255, 183, 0.9) 50.1%, rgba(246, 255, 214, 0.9) 75%) no-repeat top left/100% 100%;
	background: linear-gradient(to top left, rgba(255,255,255,0) 50%, rgba(172, 255, 183, 0.9) 50.1%, rgba(246, 255, 214, 0.9) 75%) no-repeat top left/100% 100%;
	transform: rotate(120deg);
	transform-origin: top left;
	-webkit-transition: all 0.5s 0.5s;
	-o-transition: all 0.5s 0.5s;
	transition: all 0.5s 0.5s;
	
}
.blog-elementary .eye_catch-inner::before,
.elementary .eye_catch-inner::before {
	background: -webkit-linear-gradient(bottom right, rgba(255,255,255,0) 50%, rgba(255, 183, 255, 0.8) 50.5%, rgba(249, 200, 152, 0.8) 75%) no-repeat top left/100% 100%;
	background: -o-linear-gradient(bottom right, rgba(255,255,255,0) 50%, rgba(255, 183, 255, 0.8) 50.5%, rgba(249, 200, 152, 0.8) 75%) no-repeat top left/100% 100%;
	background: linear-gradient(to top left, rgba(255,255,255,0) 50%, rgba(255, 183, 255, 0.8) 50.5%, rgba(249, 200, 152, 0.8) 75%) no-repeat top left/100% 100%;
}
.blog-senior .eye_catch-inner::before,
.senior .eye_catch-inner::before {
	background: -webkit-linear-gradient(bottom right, rgba(255,255,255,0) 50%, rgba(117, 218, 255, 0.8) 50.5%, rgba(202, 255, 245, 0.8) 75%) no-repeat top left/100% 100%;
	background: -o-linear-gradient(bottom right, rgba(255,255,255,0) 50%, rgba(117, 218, 255, 0.8) 50.5%, rgba(202, 255, 245, 0.8) 75%) no-repeat top left/100% 100%;
	background: linear-gradient(to top left, rgba(255,255,255,0) 50%, rgba(117, 218, 255, 0.8) 50.5%, rgba(202, 255, 245, 0.8) 75%) no-repeat top left/100% 100%;
}
.loaded .eye_catch-inner::before {
	transform: rotate(0deg);
}
.eye_catch-inner::after {
	left: -45vw;
	bottom: 15vw;
	width: 33vw;
	height: 75vw;
	background: -webkit-linear-gradient(top right, rgba(255,255,255,0) 50%, rgba(79, 255, 61, 0.8) 50.1%, rgba(79, 255, 61, 0.8) 80%) no-repeat top left/100% 100%;
	background: -o-linear-gradient(top right, rgba(255,255,255,0) 50%, rgba(79, 255, 61, 0.8) 50.1%, rgba(79, 255, 61, 0.8) 80%) no-repeat top left/100% 100%;
	background: linear-gradient(to bottom left, rgba(255,255,255,0) 50%, rgba(79, 255, 61, 0.8) 50.1%, rgba(79, 255, 61, 0.8) 80%) no-repeat top left/100% 100%;
	-webkit-transition: all 1s ease-out;
	-o-transition: all 1s ease-out;
	transition: all 1s ease-out;
}
.elementary .eye_catch-inner::after {
	background: -webkit-linear-gradient(top right, rgba(255,255,255,0) 50%, rgba(231, 59, 0, 0.4) 50.1%, rgba(231, 59, 0, 0.7) 80%) no-repeat top left/100% 100%;
	background: -o-linear-gradient(top right, rgba(255,255,255,0) 50%, rgba(231, 59, 0, 0.4) 50.1%, rgba(231, 59, 0, 0.7) 80%) no-repeat top left/100% 100%;
	background: linear-gradient(to bottom left, rgba(255,255,255,0) 50%, rgba(231, 59, 0, 0.4) 50.1%, rgba(231, 59, 0, 0.7) 80%) no-repeat top left/100% 100%;
}
.senior .eye_catch-inner::after {
	background: -webkit-linear-gradient(top right, rgba(255,255,255,0) 50%, rgba(0, 224, 215, 0.4) 50.1%, rgba(0, 224, 215, 0.5) 80%) no-repeat top left/100% 100%;
	background: -o-linear-gradient(top right, rgba(255,255,255,0) 50%, rgba(0, 224, 215, 0.4) 50.1%, rgba(0, 224, 215, 0.5) 80%) no-repeat top left/100% 100%;
	background: linear-gradient(to bottom left, rgba(255,255,255,0) 50%, rgba(0, 224, 215, 0.4) 50.1%, rgba(0, 224, 215, 0.5) 80%) no-repeat top left/100% 100%;
}
.loaded .eye_catch-inner::after {
	left: 0;
}
.eye_catch-slider {
    position: absolute;
    width: 100vw;
    height: 100%;
}
.eye_catch-slider .eye_catch-img {
    padding-bottom: 78%;
/*	height: 85%;*/
	max-width: 100vw;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.eye_catch-slider .slick-track .eye_catch-img {
   padding-bottom: 78%;
}
.text_img_wrapper {
    position: absolute;
	z-index: 25;
    left: 5vw;
    bottom: 9vw;
}


/*--- 100周年ページ リンク　---------------*/
.anniversary_link {
    text-align: center;
    padding: 20px 10px;
}
.anniversary_link a {
    display: inline-block;
    position: relative;
    padding: 0 10px 10px;
}
.anniversary_link a::before {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 70px;
    height: 30px;
    background-color: rgba(0,0,0,0.8);
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.anniversary_link a::after {
    content: '';
    position: absolute;
    bottom: 8px;
    right: 25px;
    width: 16px;
    height: 13px;
    background-image: url(../images/arrow_6x10_wht_border_left.png);
    background-size: contain;
    background-position: left;
    -webkit-transition: all 0.5s 0.3s;
    -o-transition: all 0.5s 0.3s;
    transition: all 0.5s 0.3s;
}
.anniversary_link a:hover::before {
    background-color: rgba(0,0,0,1);
}
.anniversary_link a img {
    display: block;
    position: relative;
    z-index: -1;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.anniversary_link a:hover img {
    opacity: 0.9;
}
@media only screen and (max-width: 767px) {
	.scene-main-image::before {
		width: 55px;
	}
	.top-img-title-wrapper img {
		width: 50px;
	}
	.text_img_wrapper {
		left: 0;
		bottom: 4.5vw;
   		padding: 0 10px;
	}
}
@media only screen and (max-width: 550px) {
	.top-img-title-wrapper {
		display: none;
	}
	.eye_catch-inner {
		padding-bottom: 480px;
	}
	.eye_catch-slider .eye_catch-img,
	.eye_catch-slider .slick-track .eye_catch-img {
		padding-bottom: 430px;
	}
	.eye_catch-wrapper::before,
	.eye_catch-wrapper::after {
		border-width: 55px 100vw;
	}
	.eye_catch-inner::before {
		width: 30vw;
		height: 90vw;
	}
	.eye_catch-inner::before {
		height: 90vw;
	}
	.text_img_wrapper {
		bottom: 0;
	}
	.eye_catch-wrapper::before {
		height: 29vw;
	}
}

@media only screen and (min-width: 1250px) {
	.eye_catch-inner {
		padding-bottom: 950px;
	}
	.eye_catch-wrapper::before {
		height: 340px;
	}
	.eye_catch-wrapper::after {
		border-width: 170px 100vw;
	}
	.text_img_wrapper {
		bottom: 120px;
	}
	.eye_catch-slider .slick-track .eye_catch-img {
		padding-bottom: 950px;
	}
	.eye_catch-slider .eye_catch-img {
		padding-bottom: 950px;
	}
}
/* -- ヘッダー ピックアップニュース ---------- */
/* js 制御 アリ */
.hd-pickup_wrap {
    position: absolute;
    z-index: 100;
	left: -350px;
    bottom: 26vw;
}
@media only screen and (min-width: 1250px) {
	.hd-pickup_wrap {
		bottom: 340px;
	}
}
@media only screen and (max-width: 767px) {
	.hd-pickup_wrap {
		display: none;
	}
}
/* END js 制御 アリ */
.hd-pickup_wrap {
    opacity: 0;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.hd-pickup_wrap.dp {
    opacity: 1;
}

/*--- 学部トップ ピックアップニュース　---------------*/
/* js 制御 アリ */
.scene-top-news .top-pickup-news {
	display: none;
}
@media only screen and (max-width: 767px) {
	.scene-top-news .top-pickup-news {
		display: block;
		width: 100%;
		margin-bottom: 60px!important;
	}
}
/* END js 制御 アリ */
section.scene-top-news {
    padding-top: 0;
}
.top-pickup-news {
	position: relative;
	z-index: 10;
	width: 350px;
	padding: 20px;
	padding-right: 50px;
	padding-left: 130px;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 5%, rgba(255,255,255,1) 23%, rgba(255,255,255,1) 80%, rgba(255,255,255,0.03) 79%);
	background: -o-linear-gradient(left, rgba(255,255,255,0) 5%, rgba(255,255,255,1) 23%, rgba(255,255,255,1) 80%, rgba(255,255,255,0.03) 79%);
	background: linear-gradient(to right, rgba(255,255,255,0) 5%, rgba(255,255,255,1) 23%, rgba(255,255,255,1) 80%, rgba(255,255,255,0.03) 79%);
}
.top-pickup-news::before {
	content: 'NEWS';
    font-weight: bold;
    text-align: center;
    line-height: 3.8;
    position: absolute;
    width: 61px;
    height: 61px;
    background-color: #ffff00;
    border-radius: 50%;
    left: 60px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.top-pickup-news::after {
	content: '';
    width: 66px;
    height: 100%;
    position: absolute;
    z-index: -1;
    font-weight: bold;
    right: 4px;
    top: 0;
    line-height: 1;
    /* border-style: solid; */
    /* border-width: 53px 35px; */
    /* border-color: #FFF; */
    /* border-right-color: transparent; */
    /* border-bottom-color: transparent; */
	background: -webkit-linear-gradient(bottom right, rgba(255,255,255,0) 50%, rgba(255,255,255,1) 50.5%, rgba(255,255,255,1) 75%) no-repeat top left/100% 100%;
    background: -o-linear-gradient(bottom right, rgba(255,255,255,0) 50%, rgba(255,255,255,1) 50.5%, rgba(255,255,255,1) 75%) no-repeat top left/100% 100%;
    background: linear-gradient(to top left, rgba(255,255,255,0) 50%, rgba(255,255,255,1) 50.5%, rgba(255,255,255,1) 75%) no-repeat top left/100% 100%;
}
.pickup-wrap p {
    margin-top: 0;
    line-height: 1.5;
    font-weight: bold;
    color: #4d4d4d;
}
.pickup-wrap p:first-of-type {
    font-size: 13px;
}
@media only screen and (max-width: 550px) {
	.scene-top-news .top-pickup-news {
		width: 100%;
		padding: 20px;
		padding-left: 80px;
		margin: 30px 0!important;
	}
	.top-pickup-news::before {
		left: 10px;
	}
	.pickup-wrap p {
		margin-top: 0!important;
	}
}

/*--- 学部トップ 緊急のお知らせ　---------------*/
.scene-emergency {
	padding-top: 0;
}
.scene-top-news+.scene-emergency {
/*	padding-top: 90px;*/
}
div.scene-emergency {
	max-width: 1000px;
    margin: 0 auto;
	padding: 5px;
	border: 1px solid #AAA;
}
.emergency-main {
	background-color: #f0e6ef;
	padding: 10px 40px;
}
.emergency-main h5 {
	margin: 0 0 10px;
	color: #ab1314;
	font-weight: bold;
}
@media only screen and (max-width: 767px) {
	.scene-emergency {
		padding: 0 10px;
	}
}
@media only screen and (max-width: 550px) {
	.emergency-main {
		background-color: #f0e6ef;
		padding: 15px 10px;
	}
}


/*--- 学部トップ お知らせ（ブログ）　---------------*/
.article_blk-article a {
	color: #4d4d4d;
}
.blog-list-main {
	max-width: 800px;
	margin: 0 auto;
	padding: 0 10px;
}
.top-news-list-wrapper {
	
}
.top-news-list-wrapper .article_blk-thumb {
	display: none;
}
.top-news-list-wrapper .article_blk-textBoxInner {
	-js-display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
/*	display: table;*/
/*	table-layout: fixed;*/
}
.top-news-list-wrapper .article_blk-textBoxInner > div {
/*	display: table-cell;*/
}
.top-news-list-wrapper .article_blk-article {
    padding: 10px 0;
	margin-bottom: 10px;
	border-bottom: 1px solid transparent;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.article_blk-article.login-user .article_blk-title::before {
    content: "【非公開】";
}
.top-news-list-wrapper .article_blk-article:hover {
	border-bottom-color: #c0c0c0;
}
.top-news-list-wrapper .article_blk-article .article_blk-btags {
	-js-display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
/*	align-items: center;*/
}
.top-news-list-wrapper .article_blk-article .article_blk-btags,
.top-news-list-wrapper .article_blk-article .article_blk-date {
    padding-right: 20px;
}
.article_blk-date {
    width: 8em;
}
.top-news-list-wrapper .article_blk-cell {
    font-size: 12px;
    margin-right: 5px;
    display: inline-block;
}
.top-news-list-wrapper .article_blk-cell .article_blk-tag {
    padding: 5px;
	background-color: #AAA;
	color: #FFF;
	border-radius: 50%;
	display: block;
    line-height: 1;
}
.top-news-list-wrapper .article_blk-cell.select .article_blk-tag.el {background-color: #e73b00;}
.top-news-list-wrapper .article_blk-cell.select .article_blk-tag.jh {background-color: #00930a;}
.top-news-list-wrapper .article_blk-cell.select .article_blk-tag.sn {background-color: #0088e7;}
.top-news-list-wrapper .btn {
    margin-top: 20px;
}
span.news_new {
    display: inline-block;
    padding: 2px 5px;
    font-size: 11px;
    background-color: #ff7f7f;
    color: #FFF;
    border-radius: 3px 3px 0 0;
}
.article_blk-thumb {
	overflow: hidden;
}
.article_blk-thumb span.news_new {
    display: inline-block;
	position: absolute;
    left: 0px;
    top: 3px;
    text-align: center;
    width: 6em;
    padding: 2px 5px;
    font-size: 11px;
	font-weight: bold;
    background-color: #ff7f7f;
    color: #FFF;
    border-radius: 0;
    transform: rotate(-45deg) translate(-1.3em, -1em);
}

.category .article_blk-thumb {
	display: none;
}
.category .article_blk-textBoxInner {
	-js-display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
/*	display: table;*/
/*	table-layout: fixed;*/
}
.category .article_blk-textBoxInner > div {
/*	display: table-cell;*/
}
.category .article_blk-article {
    padding: 10px 0;
	margin-bottom: 10px;
	border-bottom: 1px solid transparent;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.category .article_blk-article:hover {
	border-bottom-color: #c0c0c0;
}
.category .article_blk-article .article_blk-btags {
	-js-display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	/*align-items: center;*/
}
.category .article_blk-article .article_blk-btags,
.category .article_blk-article .article_blk-date {
    padding-right: 20px;
}
.category .article_blk-date {
    width: 8em;
}
.category .article_blk-cell {
    font-size: 12px;
    margin-right: 5px;
    display: inline-block;
}
.category .article_blk-cell .article_blk-tag {
    padding: 5px;
	background-color: #AAA;
	color: #FFF;
	border-radius: 50%;
	display: block;
    line-height: 1;
}
.category .article_blk-cell.select .article_blk-tag.el {background-color: #e73b00;}
.category .article_blk-cell.select .article_blk-tag.jh {background-color: #00930a;}
.category .article_blk-cell.select .article_blk-tag.sn {background-color: #0088e7;}

.noarticle_blk {
    width: 100%;
    text-align: center;
}

@media only screen and (max-width: 767px) {
	.top-news-list-wrapper .article_blk-article {
		border-bottom-color: #c0c0c0;
		margin-bottom: 0;
	}
	.top-news-list-wrapper .article_blk-textBoxInner > div {
		display: block;
	}
	.top-news-list-wrapper .article_blk-article .article_blk-date {
/*		padding-right: 0;*/
/*		padding-left: 0.5em;*/
		font-size: 14px;
	}
	.top-news-list-wrapper .article_blk-textBoxInner {
		display: block;
		padding: 8px;
	}
}
/*
--- 学部トップ 日記（ブログ）
---------------------------------------------------------------------------*/
section.section.scene-blog {
	position: relative;
}
section.section.scene-blog::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
	background: -webkit-linear-gradient(bottom right, rgba(255,255,255,0) 50%, rgba(172, 255, 183, 0.9) 50.1%, rgba(246, 255, 214, 0.9) 75%) no-repeat top left/100% 100%;
	background: -o-linear-gradient(bottom right, rgba(255,255,255,0) 50%, rgba(172, 255, 183, 0.9) 50.1%, rgba(246, 255, 214, 0.9) 75%) no-repeat top left/100% 100%;
	background: linear-gradient(to top left, rgba(255,255,255,0) 50%, rgba(172, 255, 183, 0.9) 50.1%, rgba(246, 255, 214, 0.9) 75%) no-repeat top left/100% 100%;
    width: 30vw;
    height: 100vw;
/*
    border-style: solid;
    border-width: 40vw 15vw;
    border-color: transparent;
*/
/*    border-left-color: rgba(248, 248, 213, 0.5);*/
/*    border-top-color: rgba(248, 248, 213, 0.5);*/
/*    border-left-image: linear-gradient(to bottom, #acffb7 0%, #f6ffd6 100%);*/
/*    border-top-image: linear-gradient(to bottom, #acffb7 0%, #f6ffd6 100%);*/
/*	border-image: linear-gradient(to bottom, #acffb7 0%, #f6ffd6 100%);*/
}
.blog-elementary section.section.scene-blog::before,
.elementary section.section.scene-blog::before {
	background: -webkit-linear-gradient(bottom right, rgba(255,255,255,0) 50%, rgba(255, 183, 255, 0.8) 50.1%, rgba(249, 200, 152, 0.8) 80%) no-repeat top left/100% 100%;
	background: -o-linear-gradient(bottom right, rgba(255,255,255,0) 50%, rgba(255, 183, 255, 0.8) 50.1%, rgba(249, 200, 152, 0.8) 80%) no-repeat top left/100% 100%;
	background: linear-gradient(to top left, rgba(255,255,255,0) 50%, rgba(255, 183, 255, 0.8) 50.1%, rgba(249, 200, 152, 0.8) 80%) no-repeat top left/100% 100%;
}
.blog-senior section.section.scene-blog::before,
.senior section.section.scene-blog::before {
	background: -webkit-linear-gradient(bottom right, rgba(255,255,255,0) 50%, rgba(117, 218, 255, 0.8) 50.1%, rgba(202, 255, 245, 0.8) 80%) no-repeat top left/100% 100%;
	background: -o-linear-gradient(bottom right, rgba(255,255,255,0) 50%, rgba(117, 218, 255, 0.8) 50.1%, rgba(202, 255, 245, 0.8) 80%) no-repeat top left/100% 100%;
	background: linear-gradient(to top left, rgba(255,255,255,0) 50%, rgba(117, 218, 255, 0.8) 50.1%, rgba(202, 255, 245, 0.8) 80%) no-repeat top left/100% 100%;
}

@media only screen and (min-width: 1250px) {
	.section.section.scene-blog::before {
		width: 385px;
		height: 1250px;
	}
}
section.section.scene-blog .top-news-contentWrapper-wrapper {
    max-width: 1100px;
    margin: 0 auto;
}
.top-news-wrapper,
.top-news-wrapper.active {
	-js-display: flex;
	display: -webkit-flex;
	display: flex;
	padding: 10px;
}
.top-news-wrapper .article_blk {
	width: 50%;
}
.top-news-wrapper .article_blk-thumb {
	padding-bottom: 56.25%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
}
.top-news-wrapper .article_blk-hover {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.top-news-wrapper .article_blk-hover span {
	background-color: rgba(1, 147, 10, 0.5);
    font-size: 13px;
	padding: 10px;
	color: #FFF;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	opacity: 0;
}
.top-news-wrapper .article_blk-textBoxInner > div {

}
.top-news-wrapper .article_blk-article {
	width: calc(50% - 8px);
	float: left;
	margin-bottom: 10px;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.top-news-wrapper .article_blk:first-of-type {
	padding-right: 15px;
}
.top-news-wrapper .article_blk:first-of-type .article_blk-article {
	width: 100%;
}
.top-news-wrapper .article_blk:first-of-type .article_blk-thumb {
	padding-bottom: 67%;
}
.top-news-wrapper .article_blk:last-of-type .article_blk-article {
	margin-right: 15px;
}
.top-news-wrapper .article_blk:last-of-type .article_blk-article:nth-of-type(even) {
	margin-right: 0;
}
.top-news-wrapper .article_blk-article:hover .article_blk-hover span {
	opacity: 1;
}
.top-news-wrapper .article_blk-textBox {
    padding-left: 30px;
	position: relative;
}
.top-news-wrapper .article_blk-textBox {
    padding-left: 30px;
	position: relative;
}
.top-news-wrapper .article_blk-textBox::before {
    content: '';
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 1.5em;
	height: 1.5em;
	background-image: url("../images/circle-arrow.png");
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.top-news-wrapper .article_blk-article:hover .article_blk-textBox::before {
	opacity: 0.6;
}
@media only screen and (max-width: 767px) {
	section.section.scene-blog::before {
		top: 70%;
		width: 65vw;
		height: 200vw;
	}
	.top-news-wrapper, .top-news-wrapper.active {
		display: block;
	}
	.top-news-wrapper .article_blk {
		width: 100%;
	}
	.top-news-wrapper .article_blk:first-of-type {
		padding-right: 0;
	}
}
@media only screen and (max-width: 550px) {
	.top-news-wrapper, .top-news-wrapper.active {
		padding: 0;
	}
	.top-news-wrapper .article_blk-article {
		width: 100%;
		float: none;
	}
}

/*
--- 学部トップ 学校紹介
---------------------------------------------------------------------------*/
section.section.scene-school {
	position: relative;
}
section.section.scene-school::before {
    content: '';
    position: absolute;
	z-index: -1;
    bottom: 15%;
    left: 0;
	background: -webkit-linear-gradient(top right, rgba(255,255,255,0) 50%, rgba(246, 255, 214, 0.8) 50.1%, rgba(172, 255, 183, 0.8) 80%) no-repeat top left/100% 100%;
	background: -o-linear-gradient(top right, rgba(255,255,255,0) 50%, rgba(246, 255, 214, 0.8) 50.1%, rgba(172, 255, 183, 0.8) 80%) no-repeat top left/100% 100%;
	background: linear-gradient(to bottom left, rgba(255,255,255,0) 50%, rgba(246, 255, 214, 0.8) 50.1%, rgba(172, 255, 183, 0.8) 80%) no-repeat top left/100% 100%;
    width: 30vw;
    height: 90vw;
}
.blog-elementary section.section.scene-school::before,
.elementary section.section.scene-school::before {
	background: -webkit-linear-gradient(top right, rgba(255,255,255,0) 50%, rgba(255, 183, 255, 0.8) 50.1%, rgba(249, 200, 152, 0.8) 80%) no-repeat top left/100% 100%;
	background: -o-linear-gradient(top right, rgba(255,255,255,0) 50%, rgba(255, 183, 255, 0.8) 50.1%, rgba(249, 200, 152, 0.8) 80%) no-repeat top left/100% 100%;
	background: linear-gradient(to bottom left, rgba(255,255,255,0) 50%, rgba(255, 183, 255, 0.8) 50.1%, rgba(249, 200, 152, 0.8) 80%) no-repeat top left/100% 100%;
}
.blog-senior section.section.scene-school::before,
.senior section.section.scene-school::before {
	background: -webkit-linear-gradient(top right, rgba(255,255,255,0) 50%, rgba(117, 218, 255, 0.8) 50.1%, rgba(202, 255, 245, 0.8) 80%) no-repeat top left/100% 100%;
	background: -o-linear-gradient(top right, rgba(255,255,255,0) 50%, rgba(117, 218, 255, 0.8) 50.1%, rgba(202, 255, 245, 0.8) 80%) no-repeat top left/100% 100%;
	background: linear-gradient(to bottom left, rgba(255,255,255,0) 50%, rgba(117, 218, 255, 0.8) 50.1%, rgba(202, 255, 245, 0.8) 80%) no-repeat top left/100% 100%;
}
@media only screen and (min-width: 1250px) {
	section.section.scene-school::before {
		width: 385px;
		height: 1150px;
	}
}
section.section.scene-school .sec-main_title-en::after {
	background-image: url("../images/sec-line_topbottom.png");
	height: 40px;
	bottom: -30px;
}
.school-wrapper {
    max-width: 1100px;
    margin: 0 auto;
	padding: 20px 10px;
	position: relative;
}
.school-info-wrapper .ib_ifb {
    margin-bottom: 50px;
}
.school-info-wrapper .ib_ifb:last-of-type {
/*    margin-bottom: 0;*/
}
.tb.link_wrap {
    padding-bottom: 2em;
	position: relative;
}
.link_wrap > a {
    position: absolute;
    display: inline-block;
    right: 0;
    bottom: 0;
    width: 64px;
    font-size: 14px;
    color: #4d4d4d;
    padding: 3px;
}
.link_wrap > a::after {
	content: '';
	position: absolute;
    left: 0;
    bottom: 0;
	display: block;
    background-image: url(../images/arrow-black-65x10-next.png);
    height: 10px;
    width: 88%;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.link_wrap > a:hover::after {
	width: 100%;
}

.school-info-linkgroup {
/*	overflow: hidden;*/
}
.thumb > p {
    margin-top: 0.2em;
}
.thumb+.tb {
	max-width: 450px;
}
.alignright+.tb {
	float: right;
}
.alignleft+.tb {
	float: left;
}
a.floating_box-rowInner {
	color: #4d4d4d;
	background-color: #fff;
	padding: 5px;
	border: 1px solid #AAA;
}
a.floating_box-rowInner:hover {
	-webkit-box-shadow: 2px 6px 15px #CCC;
	box-shadow: 2px 6px 15px #CCC;
}
a.floating_box-rowInner p {
	margin-top: 10px;
	text-align: center;
	font-weight: bold;
}
@media only screen and (max-width: 900px) {
	.alignright+.tb {
		float: none;
	}
	.alignleft+.tb {
		float: none;
	}
	.thumb+.tb {
		max-width: unset;
	}
}
@media only screen and (max-width: 767px) {
	.alignleft,
	.alignright {
		text-align: center;
	}
	.thumb+.tb h4 {
		margin-top: 20px;
	}
	.thumb+.tb {
		margin-bottom: 30px;
	}
	.school-info-linkgroup .floating_box {
		padding: 0 5px;
	}
	.school-info-linkgroup .floating_box-row {
		width: 50%;
		float: left;
		padding: 0 5px;
		margin-top: 0;
	}
	.school-info-linkgroup .floating_box-row:nth-of-type(n+3) {
		margin-top: 20px;
	}
	.school-info-linkgroup .floating_box-row:nth-of-type(2n+1) {
		clear: both;
	}
	section.section.scene-school::before {
		bottom: 50%;
		width: 50vw;
		height: 130vw;
	}
}
@media only screen and (max-width: 550px) {
	section.section.scene-school::before {
		bottom: 75%;
		width: 70vw;
		height: 220vw;
	}
	.school-wrapper {
		padding: 20px 0;
	}
	.school-info-wrapper .ib_ifb:first-of-type h4 {
		margin-top: 0;
	}
	.school-info-wrapper .ib_ifb h4 {
		text-align: center;
	}
	.school-info-wrapper .ib_ifb .tb {
		margin-bottom: 16px;
		padding: 0 10px;
	}
}

/*
--- 学部トップ 地図　アクセス
---------------------------------------------------------------------------*/
.top-editor-wrapper > * {
    max-width: 1100px;
    margin: 30px auto;
}
.top-editor-wrapper hr {
    border: none;
    background-image: url("../images/sec-line.png");
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	width: 100%;
	height: 20px;
}
.mapgray {
	width: 100%;
	max-width: none;
}
.mapgray iframe {
/*	filter: grayscale(1);*/
/*	filter: sepia(50%) hue-rotate(50deg);*/
}
@media only screen and (max-width: 767px) {
	.top-editor-wrapper > p {
		padding: 0 10px;
	}
}

/*
--- 下層ページ （学部トップ以外のページ）
---------------------------------------------------------------------------*/
.title-img-wrap {
    text-align: center;
    padding: 40px 10px;
}


/*
---
---------------------------------------------------------------------------*/
.common-float-image-box + .common-float-image-box {
    border-top: 1px dashed #ddd;
    padding-top: 45px;
}
[class*=common-float-image-img-] {
    margin-bottom: 15px;
	float: right;
}
[class*=common-float-image-img-] img {
/*    box-shadow: 0 0 15px #777;*/
	display: block;
	margin-left: auto;
	margin-right: auto;
}
[class*=common-float-image-img-] span {
    display: block;
    margin-top: 15px;
    color: #888;
    font-size: 1.4rem;
    text-align: center;
}
@media only screen and (min-width: 1024px) {
	.common-float-image-text-ofh {
		 overflow: hidden;
	}
}
@media only screen and (min-width: 768px) {
	[class*=common-float-image-img-] {
		 max-width: 40%;
	}
	.common-float-image-img-right {
		 float: right;
		 margin-left: 30px;
	}
	.common-float-image-img-left {
		 float: left;
		 margin-right: 30px;
	}
}



/*
--- 教育方針 （学長挨拶／教育方針）
---------------------------------------------------------------------------*/
.greeting-hajimeni {
    display: table;
    width: 100%;
    table-layout: fixed;
}
[class*="greeting-hajimeni-cell-"] {
    display: table-cell;
    vertical-align: top;
}
.greeting-hajimeni-cell-text {
/*    padding: 45px 45px 0 0;*/
    padding: 0 15px 0 0;
}
.greeting-hajimeni-textbox {
    background-color: #fff;
    box-shadow: 0 0 20px #ccc;
    padding: 30px;
    position: relative;
}
.greeting-hajimeni-textbox:before {
    content: "";
    width: 30px;
    height: 30px;
    background-color: rgba(241, 240, 47, 0.3);
    position: absolute;
    top: -15px;
    left: -15px;
	content: none;
}
.greeting-hajimeni-textbox:after {
    content: "";
    width: 110px;
    height: 100px;
    background-image: url(../images/greeting-hajimeni-bg-right-110x100.png);
    background-size: 110px auto;
    background-repeat: no-repeat;
    position: absolute;
    bottom: -50px;
    right: -75px;
	content: none;
}
.greeting-hajimeni-smpimg{
	display: none;
}
.greeting-hajimeni-smpimg + * {
    margin-top: 0 !important;
}
.greeting-hajimeni-name {
    font-weight: 500;
    font-size: 2rem;
    margin-top: 30px;
    text-align: right;
}
.greeting-hajimeni-cell-img {
    width: 30%;
}
.greeting-sub {
    position: relative;
    padding: 60px 0 120px;
}
.greeting-sub-inner {
    position: absolute;
    width: 100vw;
    height: 100%;
    top: 0;
    right: 0;
    z-index: -1;
    background-color: rgba(149, 228, 218, 0.2);
}
.greeting-sub-inner:before {
    content: "";
    position: absolute;
    right: 0;
    top: -300px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 300px 0 300px 100vw;
    border-color: transparent transparent transparent #ffffff;
}
.greeting-sub-inner:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -300px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 300px 100vw 300px 0;
    border-color: transparent #ffffff transparent transparent;
}
.greeting-hajimeni-textbox img + p {
    margin-top: 0;
}

@media only screen and (min-width: 768px) {
	.soritsusha-hajimeni-cell-img {
		 width: 200px;
	}
}

.contents_body-sb {
    margin-top: 60px;
}
/* --- 教育方針 --- */
.greeting-text-wrapper h3 {
    margin-bottom: 1em;
}
.sub-title {
    font-size: 1.4em;
	position: relative;
	padding-top: 1px;
}
.sub-title::before,
.sub-title::after {
    content: "";
    position: absolute;
    z-index: -1;
    bottom: 0;
    left: 0;
    width: 0;
    height: 0;
}
.sub-title::before {
    border-style: solid;
    border-color: transparent;
    border-width: 0 5em 2.5em 5em;
    border-bottom-color: rgba(253,255,202,0.5);
}
.sub-title::after {
    border-style: solid;
    border-color: transparent;
    border-width: 0 7em 2em 2em;
    border-bottom-color: rgba(135,255,154,0.5);
    /* border-left-color: #AAA; */
}
.blog-elementary .sub-title::before,
.elementary .sub-title::before {
    border-bottom-color: rgba(255, 200, 159, 0.5);
}
.blog-elementary .sub-title::after,
.elementary .sub-title::after {
    border-bottom-color: rgba(255, 183, 255, 0.5);
}
.blog-senior .sub-title::before,
.senior .sub-title::before {
    border-bottom-color: rgba(202, 255, 245, 0.5);
}
.blog-senior .sub-title::after,
.senior .sub-title::after {
    border-bottom-color: rgba(117, 218, 255, 0.5);
}

/*
--- 学院の１日
---------------------------------------------------------------------------*/
.contents_body-sb .time-schedul {
	position: relative;
	overflow: hidden;
	margin-top: 60px!important;
}
.time-schedul h4 {
    padding: 0;
    border: none;
}
.time-schedul::before {
    content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    background-color: #AAA;
    left: 40px;
    top: 20px;
    z-index: -1;
}
.time-schedul .common-float-image-box + .common-float-image-box {
	border-top: none;
}
.time-schedul [class*=layout-] {
	padding-top: 20px;
}
.time-schedul .layout-left {
	padding-right: 100px;
	position: relative;
}
.time-schedul .layout-right {
	padding-left: 100px;
	position: relative;
}
.time-schedul .common-float-image-text-ofh.blockWrapper {
	position: relative;
	overflow: inherit;
}
.time-schedul .layout-right .common-float-image-text-ofh::before {
	content: '';
	position: absolute;
	height: 1px;
	width: 40px;
	left: -60px;
	top: 1.3em;
	background-color: #AAA;
}
.time-schedul .day-time {
    font-size: 70px;
    line-height: 1;
    top: -10px;
	color: #777;
}
.time-schedul .layout-left .day-time ,
.time-schedul .layout-right .day-time {
	position: absolute;
	z-index: 10;
}
.time-schedul .layout-left .day-time {
	left: 10px;
}
.time-schedul .layout-right .day-time {
	right: 10px;
}
.time-schedul .common-float-image-img-left,
.time-schedul .common-float-image-img-right {
	position: relative;
}
.time-schedul .common-float-image-img-left::before,
.time-schedul .common-float-image-img-right::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 20%;
	left: 0;
	top: 0;
}
.time-schedul .common-float-image-img-left::before {
	background: -webkit-linear-gradient(bottom right, rgba(255,255,255,0) 50%, rgba(172, 255, 183, 0.7) 51%, rgba(246, 255, 214, 0.7) 75%) no-repeat top left/100% 100%;
	background: -o-linear-gradient(bottom right, rgba(255,255,255,0) 50%, rgba(172, 255, 183, 0.7) 51%, rgba(246, 255, 214, 0.7) 75%) no-repeat top left/100% 100%;
	background: linear-gradient(to top left, rgba(255,255,255,0) 50%, rgba(172, 255, 183, 0.7) 51%, rgba(246, 255, 214, 0.7) 75%) no-repeat top left/100% 100%;
}
.time-schedul .common-float-image-img-right::before {
	background: -webkit-linear-gradient(bottom left, rgba(255,255,255,0) 50%, rgba(172, 255, 183, 0.7) 51%, rgba(246, 255, 214, 0.7) 75%) no-repeat top left/100% 100%;
	background: -o-linear-gradient(bottom left, rgba(255,255,255,0) 50%, rgba(172, 255, 183, 0.7) 51%, rgba(246, 255, 214, 0.7) 75%) no-repeat top left/100% 100%;
	background: linear-gradient(to top right, rgba(255,255,255,0) 50%, rgba(172, 255, 183, 0.7) 51%, rgba(246, 255, 214, 0.7) 75%) no-repeat top left/100% 100%;
}
.blog-elementary .time-schedul .common-float-image-img-left::before,
.elementary .time-schedul .common-float-image-img-left::before {
	background: -webkit-linear-gradient(bottom right, rgba(255,255,255,0) 50%, rgba(255, 183, 255, 0.8) 51%, rgba(249, 200, 152, 0.8) 75%) no-repeat top left/100% 100%;
	background: -o-linear-gradient(bottom right, rgba(255,255,255,0) 50%, rgba(255, 183, 255, 0.8) 51%, rgba(249, 200, 152, 0.8) 75%) no-repeat top left/100% 100%;
	background: linear-gradient(to top left, rgba(255,255,255,0) 50%, rgba(255, 183, 255, 0.8) 51%, rgba(249, 200, 152, 0.8) 75%) no-repeat top left/100% 100%;
}
.blog-elementary .time-schedul .common-float-image-img-right::before,
.elementary .time-schedul .common-float-image-img-right::before {
	background: -webkit-linear-gradient(bottom left, rgba(255,255,255,0) 50%, rgba(255, 183, 255, 0.8) 51%, rgba(249, 200, 152, 0.8) 75%) no-repeat top left/100% 100%;
	background: -o-linear-gradient(bottom left, rgba(255,255,255,0) 50%, rgba(255, 183, 255, 0.8) 51%, rgba(249, 200, 152, 0.8) 75%) no-repeat top left/100% 100%;
	background: linear-gradient(to top right, rgba(255,255,255,0) 50%, rgba(255, 183, 255, 0.8) 51%, rgba(249, 200, 152, 0.8) 75%) no-repeat top left/100% 100%;
}
.blog-senior .time-schedul .common-float-image-img-left::before,
.senior .time-schedul .common-float-image-img-left::before {
	background: -webkit-linear-gradient(bottom right, rgba(255,255,255,0) 50%, rgba(117, 218, 255, 0.8) 51%, rgba(202, 255, 245, 0.8) 75%) no-repeat top left/100% 100%;
	background: -o-linear-gradient(bottom right, rgba(255,255,255,0) 50%, rgba(117, 218, 255, 0.8) 51%, rgba(202, 255, 245, 0.8) 75%) no-repeat top left/100% 100%;
	background: linear-gradient(to top left, rgba(255,255,255,0) 50%, rgba(117, 218, 255, 0.8) 51%, rgba(202, 255, 245, 0.8) 75%) no-repeat top left/100% 100%;
}
.blog-senior .time-schedul .common-float-image-img-right::before,
.senior .time-schedul .common-float-image-img-right::before {
	background: -webkit-linear-gradient(bottom left, rgba(255,255,255,0) 50%, rgba(117, 218, 255, 0.8) 51%, rgba(202, 255, 245, 0.8) 75%) no-repeat top left/100% 100%;
	background: -o-linear-gradient(bottom left, rgba(255,255,255,0) 50%, rgba(117, 218, 255, 0.8) 51%, rgba(202, 255, 245, 0.8) 75%) no-repeat top left/100% 100%;
	background: linear-gradient(to top right, rgba(255,255,255,0) 50%, rgba(117, 218, 255, 0.8) 51%, rgba(202, 255, 245, 0.8) 75%) no-repeat top left/100% 100%;
}
@media only screen and (max-width: 767px) {
	.time-schedul::before {
		left: 20px;
		top: 0;
	}
	.time-schedul .common-float-image-img-left, .time-schedul .common-float-image-img-right {
		 max-width: 600px; 
	}
	.time-schedul .layout-left,
	.time-schedul .layout-right {
		padding-left: 60px;
		padding-right: 0;
	}
	.time-schedul .layout-right .day-time {
		right: auto;
		left: 10px;
	}
	.time-schedul .layout-left .common-float-image-text-ofh::before,
	.time-schedul .layout-right .common-float-image-text-ofh::before {
		content: '';
		position: absolute;
		height: 1px;
		width: 40px;
		left: -40px;
		top: 1em;
		background-color: #AAA;
	}
	.time-schedul .day-time {
		top: 0;
		font-size: 50px;
	}
	.time-schedul .layout-left .day-time,
	.time-schedul .layout-right .day-time {
		left: 20px;
	}
	.day-time+.common-float-image-text-ofh {
		padding-top: 20px;
	}
	.day-time+.common-float-image-text-ofh::before {
		top: 2em!important;
	}
}
/* --- 中学 学院の一日 --- */
.event-detail {
    display: inline-block;
    width: auto;
    background-color: #eee;
	margin-top: 20px;
    padding: 10px;
}
.event-detail h5 {
	margin-top: 0.8em;
    border-bottom: 1px solid #FFF;
	padding-left: 0;
}
.event-detail h5::before {
	content: none;
}
.event-detail p:first-of-type {
	margin-top: 0;
}

/*
--- 施設
---------------------------------------------------------------------------*/
.facility .floating_box-rowInner a {
	display: block;
	color: #4d4d4d;
	cursor: pointer;
	position: relative;
}
.facility .floating_box-rowInner a::after {
	content: "";
    position: absolute;
    width: 1.1em;
    height: 1.5em;
    background-image: url(../images/modal.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    bottom: 0;
    right: 0;
}
.facility .floating_box-rowInner a p {
	margin-top: 0;
}
.facility-main-wrapper {
	margin-top: 50px;
}
.main-image {
	margin: 20px 0;
}
.main-image img {
	width: 100%;
}
@media only screen and (max-width: 768px) {
	.facility .floating_box-3rows > .floating_box-row {
		width: 50%;
	}
	.facility .floating_box-row {
		float: left;
	}
	.facility .floating_box-space20px > .floating_box-row {
		padding: 0 10px;
		margin-top: 20px;
	}
	.facility .floating_box-3rows > :nth-of-type(-n+2) {
		margin-top: 0;
	}
	.facility .floating_box-space20px > .floating_box-row:nth-of-type(2n + 1) {
		clear: both;
	}
}
@media only screen and (max-width: 500px) {
	.facility .floating_box-space20px > .floating_box-row {
		padding: 0 5px;
		font-size: 15px;
	}
}


/*
--- 入試要項
---------------------------------------------------------------------------*/
.nyushi-block {
	margin-bottom: 80px;
}

/*
---
---------------------------------------------------------------------------*/
.course-main {
    position: relative;
    padding-top: 120px
}
.course-main-bg {
    position: absolute;
    width: 100vw;
    height: 100%;
    z-index: -1;
    top: 0;
    right: 0;
}
.course-main-bg:before,.course-main-bg:after {
    content: "";
    width: 100%;
    height: 400px;
    background-color: rgba(149, 228, 218, 0.2);
    position: absolute;
    left: 0;
}
.course-main-bg:before {
    top: 400px;
    -webkit-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: skewX(-10deg) rotate(-10deg);
    transform: skewX(-10deg) rotate(-10deg);
}
.course-main-bg:after {
    top: 0;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: skewX(10deg) rotate(10deg);
    transform: skewX(10deg) rotate(10deg);
}
.course-main-inner {
    padding-left: 15px;
    padding-right: 15px;
    max-width: 1440px;
    margin: 0 auto;
}
.course-main-titlebox h4 {
    margin: 0 30% 0 0;
    padding: 30px;
    position: relative;
    z-index: 1;
}
.floating_box-row:nth-of-type(1) .course-main-titlebox h4 {
    background-color: rgba(179, 156, 227, 0.4);
}
.floating_box-row:nth-of-type(2) .course-main-titlebox h4 {
    background-color: rgba(103, 212, 231, 0.4);
}
.floating_box-row:nth-of-type(3) .course-main-titlebox h4 {
    background-color: rgba(240, 165, 59, 0.4);
}
.course-main-titlebox h4 span {
    display: block;
    font-size: 1.8rem;
    position: relative;
    padding-left: 35px;
}
.course-main-titlebox h4 span:before {
    content: "";
    width: 30px;
    height: 1px;
    background-color: #4d4d4d;
    position: absolute;
    left: 0;
    top: 50%;
}
.course-main-img {
    margin: -15px 20% 0;
    position: relative;
    overflow: hidden;
}
.course-main-img:before {
    content: "";
    display: block;
    padding-bottom: 100%;
}
.course-main-img img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    max-width: none;
    height: 100%;
}
.course-main-textbox {

    background-color: #fff;
    padding: 30px 30px 75px;
    position: relative;
    box-shadow: 15px 15px 0 rgba(0,0,0,0.3);
	margin-top: 60px;
}
.floating_box-row:nth-of-type(1) .course-main-textbox {
    box-shadow: 15px 15px 0 rgba(179, 156, 227, 0.4);
}
.floating_box-row:nth-of-type(2) .course-main-textbox {
    box-shadow: 15px 15px 0 rgba(103, 212, 231, 0.4);
}
.floating_box-row:nth-of-type(3) .course-main-textbox {
    box-shadow: 15px 15px 0 rgba(240, 165, 59, 0.4);
}
.course-main-table {
    display: table;
    width: 100%;
}
.course-main-tr {
    display: table-row;
}
[class*=course-main-td] {
    display: table-cell;
    vertical-align: middle;
}
.course-main-tr:nth-of-type(1) [class*=course-main-td] {
    text-align: center;
    padding-bottom: 15px;
}
.course-main-td-th {
    text-align: center;
    border-radius: 5px;
    line-height: 1.4;
    width: 100px;
}
.floating_box-row:nth-of-type(1) .course-main-td-th {
    background-color: #B39CE3;
}
.floating_box-row:nth-of-type(2) .course-main-td-th {
    background-color: #67D4E7;
}
.floating_box-row:nth-of-type(3) .course-main-td-th {
    background-color: #F0A53B;
}
.course-main-map {
    padding-left: 30px;
    overflow: hidden;
    position: relative;
}
.course-main-map:before {
    content: "";
    width: 15px;
    height: 1px;
    background-color: #ccc;
    position: absolute;
    left: 0;
    top: 50%;
}
.course-main-mapbox {
    border-radius: 5px;
    padding: 10px;
    border-style: solid;
    border-width: 1px;
    position: relative;
}
.floating_box-row:nth-of-type(1) .course-main-mapbox {
    border-color: #B39CE3;
}
.floating_box-row:nth-of-type(2) .course-main-mapbox {
    border-color: #67D4E7;
}
.floating_box-row:nth-of-type(3) .course-main-mapbox {
    border-color: #F0A53B;
}
.floating_box-row:nth-of-type(1) .course-main-mapbox:nth-of-type(1) {
    background-color: #B39CE3;
}
.floating_box-row:nth-of-type(2) .course-main-mapbox:nth-of-type(1) {
    background-color: #67D4E7;
}
.floating_box-row:nth-of-type(3) .course-main-mapbox:nth-of-type(1) {
    background-color: #F0A53B;
}
.course-main-mapbox + .course-main-mapbox {
    margin-top: 10px;
}
.course-main-mapbox:before {
    content: "";
    position: absolute;
    left: -16px;
    top: 50%;
    width: 15px;
    height: 100%;
    box-sizing: border-box;
    border-style: solid;
    border-width: 1px 0 0 1px;
    border-color: #ccc;
}
.course-main-mapbox:nth-last-of-type(1):before {
    top: auto;
    bottom: 50%;
    border-width: 0 0 1px 1px;
}
.course-main-textbox ul > li {
    padding-left: 20px;
}
.course-main-textbox ul > li:before {
    content: "";
    border: 1px solid;
    background-image: none;
    width: 12px;
    height: 12px;
    top: 5px;
    box-sizing: border-box;
}
.floating_box-row:nth-of-type(1) .course-main-textbox ul > li:before {
    border-color: #B39CE3;
}
.floating_box-row:nth-of-type(2) .course-main-textbox ul > li:before {
    border-color: #67D4E7;
}
.floating_box-row:nth-of-type(3) .course-main-textbox ul > li:before {
    border-color: #F0A53B;
}
.course-main-link {
    position: absolute;
    color: inherit;
    background-color: #F1F02F;
    right: -10px;
    bottom: 15px;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    overflow: hidden;
}
.course-main-link a {
    display: block;
    color: inherit;
    padding: 10px;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: skewX(-20deg);
    transform: skewX(-20deg);
    position: relative;
    width: 150px;
}
.course-main-link a:before {
    content: "";
    height: 100%;
    width: 100%;
    right: 100%;
    top: 0;
    background-color: #fff;
    position: absolute;
}
.course-main-link a:hover {
    width: 180px;
}


@media only screen and (min-width: 1441px) {
	.course-main .floating_box {
		 margin-left: -30px;
		 margin-right: -30px;
	}
	.course-main .floating_box-row {
		 padding: 0 30px;
	}
}
@media only screen and (max-width: 1440px) {
	.course-main-titlebox h4 {
		 margin-right: 15%;
		 padding: 30px 15px;
	}
	.course-main-img {
		 margin-left: 10%;
		 margin-right: 10%;
	}
	.course-main-textbox {
		 padding: 30px 15px 75px;
		 font-size: 1.4rem;
		margin-top: 30px;
	}
}
@media only screen and (max-width: 1280px) {
	.course-main-titlebox h4 {
		 margin-right: 10%;
		 padding: 30px 10px;
	}
	.course-main-img {
		 margin-left: 5%;
		 margin-right: 5%;
	}
	.course-main-titlebox h4 span {
		 padding-left: 20px;
	}
	.course-main-titlebox h4 span:before {
		 width: 15px;
	}
	.course-main-textbox {
		 font-size: 1.2rem;
	}
	.course-main-map {
		 padding-left: 16px;
	}
	.course-main-map:before {
		 width: 8px;
	}
	.course-main-mapbox:before {
		 width: 8px;
		 left: -9px;
	}
	.course-main-mapbox {
		 padding: 5px;
	}
}


/*
---
---------------------------------------------------------------------------*/
.enkaku-main {
    position: relative;
}
.enkaku-main:before {
    content: "";
    z-index: -1;
    background: rgb(254,252,234);
    background: -moz-linear-gradient(top, rgba(254,252,234,1) 0%, rgba(241,240,47,1) 100%);
    background: -webkit-linear-gradient(top, rgba(254,252,234,1) 0%,rgba(241,240,47,1) 100%);
    background: linear-gradient(to bottom, rgba(254,252,234,1) 0%,rgba(241,240,47,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#f1f02f',GradientType=0 );
    width: 110px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.enkaku-main:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 30px 55px 0 55px;
    border-color: #F1F02F transparent transparent transparent;
    position: absolute;
    left: 0;
    bottom: -30px;
}
.enkaku-main-box {
	padding-top: 30px;
}
.enkaku-main-cell-date {
    width: 110px;
    padding: 0 10px;
    float: left;
}
.enkaku-main-cell-text {
    overflow: hidden;
    padding-left: 30px;
}
.enkaku-main-cell-text img {
    float: right;
    margin-left: 15px;
    max-width: 160px;
}
.enkaku-main-cell-text p {
    margin-top: 0 !important;
}

/*
--- 学習指導
---------------------------------------------------------------------------*/
.column-wapper {
    padding: 6px;
    background-color: #f7f7f7;
    border: solid 1px #EEE;
}
.floating_box-rowInner+.column-wapper {
    margin-top: 20px;
}
.column-box img {
    float: right;
    max-height: 130px;
    width: auto;
    max-width: 50%;
}
.education .floating_box-rowInner {
	text-align: center;
}
.education .floating_box-rowInner p {
	text-align: left;
}

/*
--- 情操教育
---------------------------------------------------------------------------*/
.joso .floating_box-row h4 {
	margin-top: 0;
	margin-bottom: 1em;
}
.joso .floating_box-row .column-wapper {
	position: relative;
	z-index: 0;
}
.joso .floating_box-row .column-wapper h4 span {
	border: none;
}
.joso .floating_box-row .column-wapper h4::before,
.joso .floating_box-row .column-wapper h4::after {
	content: '';
	position: absolute;
	z-index: -1;
	width: 0;
	height: 0;
}
.joso .floating_box-row .column-wapper h4::before {
	left: 0;
	top: 0;
	border-style: solid;
	border-color: #fdffca transparent transparent #fdffca;
	border-width: 4em 4em 0 0;
}
.joso .floating_box-row .column-wapper h4::after {
	right: 0;
    bottom: 0;
    border-style: solid;
    border-color: transparent #fdffca #fdffca transparent;
    border-width: 0 0 4em 4em;
}
.joso .alignright {
    float: right;
    margin: 0 0 0 20px;
    display: block;
    max-width: 50%;
}
.joso .alignright+.tb {
     float: none;
}

/*
--- 中学 指導
---------------------------------------------------------------------------*/
.tb.nof {
	float: none;
	max-width: unset;
}
.tb.nof h4+p{
	margin-top: 0.8em;
}
.flex-block {
	-js-display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
    display: flex;
	flex-wrap: wrap;
    justify-content: center;
}
.flex-box {
    padding: 0 5px;
    width: calc(100% / 3);
    flex-grow: 1;
}

/*
--- 説明会
---------------------------------------------------------------------------*/
.briefing-main {
    position: relative;
}
.briefing-table {
    border: solid 1px #d2d2d2;
    margin-top: 50px;
}
.briefing-cell {
	position: relative;
	-js-display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	border-bottom: 1px solid #d2d2d2;
}
.briefing-cell.end::before {
	content: '終了しました。';
	color: #000;
	position: absolute;
	z-index: 10;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.8);
	-js-display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}
.briefing-cell:last-of-type {
	border-bottom: none;
}
.briefing-cell > div {
    /* width: 50%; */
    padding: 20px;
	flex-basis: 100%;
	-js-display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
}
.briefing-cell > div > * {
    width: 100%;
}
.briefing-cell .briefing_th {
	position: relative;
	flex-basis: 40%;
	text-align: center;
	background-color: rgba(253,255,202,0.5);
}
.blog-elementary .briefing-cell .briefing_th,
.elementary .briefing-cell .briefing_th {
	background-color: rgba(255, 200, 159, 0.5);
}
.blog-senior .briefing-cell .briefing_th,
.senior .briefing-cell .briefing_th {
	background-color: rgba(202,255,245,0.5);
}
.briefing-cell.reserve .briefing_th::before {
	content: '予約制';
    position: absolute;
    top: 0;
    left: 10px;
    width: 1.5em;
    display: inline-block;
    font-size: 13px;
    line-height: 1.2;
    padding: 5px;
    background-color: #FFF;
    border-bottom: solid 1px #AAA;
    border-right: solid 1px #AAA;
    border-left: solid 1px #AAA;
}
.briefing-cell .briefing_td {
	border-left: 2px solid #EEE;
	background-color: #fff;
	flex-direction: column;
}
.briefing_th h6 {
	margin-top: 0;
}
.brf_detail p {
	margin-top: 0;
}
.supplement {
    margin-top: 50px;
}

/*
---
---------------------------------------------------------------------------*/
.zaikoseivoice-main {
    position: relative;
}
.zaikoseivoice-main-bg {
    position: absolute;
    width: 100vw;
    height: 100%;
    z-index: -1;
    top: 0;
    right: 0;
}
.zaikoseivoice-main-bg:before,
.zaikoseivoice-main-bg:after {
    content: "";
    width: 100%;
    height: 70%;
    position: absolute;
    left: 0;
	opacity: 0.2;
}
.zaikoseivoice-main[data-active-style="style1"] .zaikoseivoice-main-bg:before,
.zaikoseivoice-main[data-active-style="style1"] .zaikoseivoice-main-bg:after {
    background-color: #004b8c;
}
.zaikoseivoice-main[data-active-style="style2"] .zaikoseivoice-main-bg:before,
.zaikoseivoice-main[data-active-style="style2"] .zaikoseivoice-main-bg:after {
    background-color: #B39CE3;
}
.zaikoseivoice-main[data-active-style="style3"] .zaikoseivoice-main-bg:before,
.zaikoseivoice-main[data-active-style="style3"] .zaikoseivoice-main-bg:after {
    background-color: #67D4E7;
}
.zaikoseivoice-main[data-active-style="style4"] .zaikoseivoice-main-bg:before,
.zaikoseivoice-main[data-active-style="style4"] .zaikoseivoice-main-bg:after {
    background-color: #F0A53B;
}
.zaikoseivoice-main-bg:before {
    top: 50%;
    -webkit-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: skewX(-10deg) rotate(-10deg);
    transform: skewX(-10deg) rotate(-10deg);
}
.zaikoseivoice-main-bg:after {
    top: -20%;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: skewX(10deg) rotate(10deg);
    transform: skewX(10deg) rotate(10deg);
}
.zaikoseivoice-main .contents_body-sb {
    position: relative;
}

.zaikoseivoice-main-en {
    position: absolute;
    top: 30px;
    right: 15px;
    font-size: 6rem;
    font-weight: bold;
    line-height: 1;
    color: #004b8c;
}
.zaikoseivoice-main[data-active-style="style1"] .zaikoseivoice-main-en {
    color: #004b8c;
}
.zaikoseivoice-main[data-active-style="style2"] .zaikoseivoice-main-en {
    color: #B39CE3;
}
.zaikoseivoice-main[data-active-style="style3"] .zaikoseivoice-main-en {
    color: #67D4E7;
}
.zaikoseivoice-main[data-active-style="style4"] .zaikoseivoice-main-en {
    color: #F0A53B;
}
.zaikoseivoice-main-slick {
    margin-right: -30px;
    padding-bottom: 45px;
}
.zaikoseivoice-main-slick .slick-arrow {
    top: auto;
    bottom: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    background-color: rgba(151, 151, 151, 0.7);
    width: 45px;
    height: 45px;
}
.zaikoseivoice-main-slick .slick-prev {
    left: auto;
    right: 75px;
}
.zaikoseivoice-main-slick .slick-next {
    right: 30px;
}
.zaikoseivoice-main-slick .slick-prev:before,
.zaikoseivoice-main-slick .slick-next:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    background-image: url(../images/icon_select_open_wht.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 16px auto;
    display: block;
}
.zaikoseivoice-main-slick .slick-prev:before {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
.zaikoseivoice-main-slick .slick-next:before {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.zaikoseivoice-main-table {
    display: table;
    width: 100%;
    table-layout: fixed;
}
[class*=zaikoseivoice-main-cell-] {
    display: table-cell;
    vertical-align: top;
}
.zaikoseivoice-main-cell-img {
    width: 40%;
}
.zaikoseivoice-main-cell-text {
    padding: 90px 30px 30px 0;
}
.zaikoseivoice-main-textbox {
    position: relative;
    z-index: 1;
    padding: 30px 30px 30px 0;
}
.zaikoseivoice-main-textbox:before {
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.84);
    position: absolute;
    top: 0;
    right: 0;
    padding-left: 30px;
    box-shadow: 0 0 30px #ccc;
    z-index: -1;
}
.zaikoseivoice-main-name span {
    display: inline-block;
    margin-right: 15px;
    padding: 0 10px;
    background: rgb(255,255,255);
}
.zaikoseivoice-main[data-active-style="style1"] .zaikoseivoice-main-name span {
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, rgba(0, 75, 140, 0.3) 51%, rgba(0, 75, 140, 0.3) 100%);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%,rgba(255, 255, 255, 0) 50%,rgba(0, 75, 140, 0.3) 51%,rgba(0, 75, 140, 0.3) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%,rgba(255, 255, 255, 0) 50%,rgba(0, 75, 140, 0.3) 51%,rgba(0, 75, 140, 0.3) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#004b8c',GradientType=0 );
}
.zaikoseivoice-main[data-active-style="style2"] .zaikoseivoice-main-name span {
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, rgba(179, 156, 227, 0.4) 51%, rgba(179, 156, 227, 0.4) 100%);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%,rgba(255, 255, 255, 0) 50%,rgba(179, 156, 227, 0.4) 51%,rgba(179, 156, 227, 0.4) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%,rgba(255, 255, 255, 0) 50%,rgba(179, 156, 227, 0.4) 51%,rgba(179, 156, 227, 0.4) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#B39CE3',GradientType=0 );
}
.zaikoseivoice-main[data-active-style="style3"] .zaikoseivoice-main-name span {
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, rgba(103, 212, 231, 0.5) 51%, rgba(103, 212, 231, 0.5) 100%);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%,rgba(255, 255, 255, 0) 50%,rgba(103, 212, 231, 0.5) 51%,rgba(103, 212, 231, 0.5) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%,rgba(255, 255, 255, 0) 50%,rgba(103, 212, 231, 0.5) 51%,rgba(103, 212, 231, 0.5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#67D4E7',GradientType=0 );
}
.zaikoseivoice-main[data-active-style="style4"] .zaikoseivoice-main-name span {
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, rgba(240, 165, 59, 0.5) 51%, rgba(240, 165, 59, 0.5) 100%);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%,rgba(255, 255, 255, 0) 50%,rgba(240, 165, 59, 0.5) 51%,rgba(240, 165, 59, 0.5) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%,rgba(255, 255, 255, 0) 50%,rgba(240, 165, 59, 0.5) 51%,rgba(240, 165, 59, 0.5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#F0A53B',GradientType=0 );
}
.zaikoseivoice-thumbs-floating_box > .zaikoseivoice-thumbs-row{
	 margin-top: 60px;
}
.zaikoseivoice-thumbs-floating_box > :nth-of-type(-n+4){
	 margin-top: 0;
}
.zaikoseivoice-thumbs-row:nth-of-type(odd) {
    position: relative;
    top: 30px;
}
.zaikoseivoice-thumbs-rowInner {
    position: relative;
    padding: 0 10px 10px 0;
    overflow: hidden;
	cursor: pointer;
	transition: all .5s;
}
.zaikoseivoice-thumbs-rowInner:hover {
	padding: 10px 0 0 10px;
}
.zaikoseivoice-thumbs-rowInner:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 300px 300px;
    top: 10px;
    right: 0;
    position: absolute;
    z-index: 1;
    opacity: 0.95;
}
.zaikoseivoice-thumbs-rowInner.style1:before{
    border-color: transparent transparent #004b8c transparent;
}
.zaikoseivoice-thumbs-rowInner.style2:before{
    border-color: transparent transparent #B39CE3 transparent;    
}
.zaikoseivoice-thumbs-rowInner.style3:before{
    border-color: transparent transparent #67D4E7 transparent;
}
.zaikoseivoice-thumbs-rowInner.style4:before{
    border-color: transparent transparent #F0A53B transparent;    
}
.zaikoseivoice-thumbs-rowInner.active:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 30px 30px 0 0;
    top: 0;
    left: 0;
    position: absolute;

    z-index: 1;
}
.zaikoseivoice-thumbs-rowInner.style1:after{
    border-color: #004b8c transparent transparent transparent;
}
.zaikoseivoice-thumbs-rowInner.style2:after{
    border-color: #B39CE3 transparent transparent transparent;    
}
.zaikoseivoice-thumbs-rowInner.style3:after{
    border-color: #67D4E7 transparent transparent transparent;
}
.zaikoseivoice-thumbs-rowInner.style4:after{
    border-color: #F0A53B transparent transparent transparent;    
}
.zaikoseivoice-thumbs-img {
    position: relative;
    padding-bottom: 100%;
    overflow: hidden;
}
.zaikoseivoice-thumbs-img img {
    position: absolute;
    max-width: none;
    height: 100%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.zaikoseivoice-thumbs-text {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
    width: 60%;
    padding: 0 5px 5px 0;
    font-size: 1.4rem;
    color: #fff;
}
.zaikoseivoice-thumbs-text span:nth-of-type(2) {
    display: block;
    font-size: 1.2rem;
    margin-top: 5px;
}
@media only screen and (max-width: 1080px) and (min-width: 1024px) {
	.zaikoseivoice-main-en {
		 font-size: 4.5vw;
	}
}


/*
--- 制服
---------------------------------------------------------------------------*/
.uniform-wrapper {
	-js-display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
	margin-right: -10px;
    margin-left: -10px;
}
.uniform-wrapper .uniform {
	box-sizing: border-box;
	padding: 10px;
	width: calc(100% / 3);
}
.uniform-wrapper .uniform.full {
    width: 100%;
	text-align: center;
}
.uniform-item-wrapper {
	-js-display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
	margin-right: -10px;
    margin-left: -10px;
}
.uniform-item-wrapper .item-box {
	box-sizing: border-box;
	padding: 10px;
	width: calc(100% / 4);
}
.uniform-wrapper .uniform .title {
	position: relative;
	font-size: 24px;
	text-align: left;
}
.uniform .title::before {
	content: '';
    position: absolute;
    z-index: -1;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 30px 30px;
    border-color: transparent;
    border-left-color: #cafff5;
	transform: skew(20deg) rotate(-40deg);
}
.uniform:nth-of-type(2n) .title::before {
    border-left-color: #ffc89f;
}
.uniform:nth-of-type(3n) .title::before {
    border-left-color: #cfc900;
}
.uniform-item-wrapper .title {
	font-size: 16px;
}

@media only screen and (min-width: 768px) {
	.uniform-main-img {
		 max-width: 65%;
	}
	.uniform-main-box:nth-of-type(odd) .uniform-main-img {
		 float: left;
	}
	.uniform-main-box:nth-of-type(even) .uniform-main-img {
		 float: right;
	}
}
@media only screen and (min-width: 1024px) {
	.uniform-main-textbox {
		 padding-top: 60px;
	}
	.uniform-main-box:nth-of-type(odd) .uniform-main-textbox {
		 padding-left: 30px;
	}
	.uniform-main-box:nth-of-type(even) .uniform-main-textbox {
		 padding-right: 30px;
	}
}
@media only screen and (max-width: 1023px) and (min-width: 768px) {
	.uniform-main-img {
		 max-width: 60%;
	}
	.uniform-main-box:nth-of-type(odd) .uniform-main-textbox {
		 padding-left: 15px;
	}
	.uniform-main-box:nth-of-type(even) .uniform-main-textbox {
		 padding-right: 15px;
	}
	.uniform-main-textbox {
		 padding-top: 30px;
	}
	.uniform-main-gyosha {
		 font-size: 1.2rem;
	}
}


.uniform-main-rowInner {
    position: relative;
}
.uniform-main-rowInner span {
    font-size: 2rem;
    margin-top: 10px;
    position: absolute;
    left: 0;
    bottom: 15px;
    padding: 15px;
    background-color: rgba(241, 240, 47, 0.9);
    line-height: 1;
    max-width: 100%;
    width: 160px;
	font-weight: 500;
}


/*
---
---------------------------------------------------------------------------*/
.event-main-table {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-bottom: 1px solid #ddd;
}
.event-main-tr {
    display: table-row;
}
[class*=event-main-cell-] {
    display: table-cell;
    border-top: 1px solid #ddd;
    vertical-align: top;
}
.event-main-cell-th {
    width: 170px;
    padding: 20px 10px 0 0;
}
.event-main-cell-th > div {
	color: #848484;
    padding: 5px;
    font-size: 10rem;
    line-height: 1;
	text-align: right;
}
.event-main-cell-th > div > span {
    font-size: 5rem;
	font-weight: bold;
}
.event-main-floating_box {
    position: relative;
	min-height: 180px;
}
.event-main-floating_box:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    height: 100%;
/*    border-left: 1px dashed #ddd;*/
}
.event-main-rowInner {
    padding: 30px;
    font-size: 1.4rem;
}

.event-main-tr:nth-of-type(1) [class*=event-main-cell-] {
/*    border: none;*/
}
.event-main-tr:nth-of-type(1) [class*=event-main-cell-] h5 {
    padding-left: 30px;
}

.event-main-rowInner a {
	cursor: pointer;
    display: block;
	color: #4D4D4D;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	border-bottom: 1px solid transparent;
}
.event-main-rowInner a:hover {
   border-bottom-color: #CCC;
}
.event-main-rowInner a:after {
    content: "";
    font-size: 1.2rem;
    width: auto;
    height: 1.2em;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    margin-left: 5px;
    padding: 2px 10px;
    line-height: 1;
    vertical-align: middle;
    color: #4d4d4d;
    transition: all .5s;
	opacity: 0.4;
}
.event-main-rowInner a[data-remodal-target]:after {
	background-image: url("../images/modal.png");
}
.event-main-rowInner a[href]:after {
	background-image: url("../images/chain.png");
}
.event-main-rowInner a:hover:after {
	opacity: 0.8;
}
.pst {
	display: inline-block;
	width: calc(33.3333% - 10px);
	margin-right: 15px;
	margin-bottom: 15px;
}
.pst:nth-of-type(3n) {
	margin-right: 0;
}
.pst .psi {
    width: 100%;
	padding-bottom: 100%;
    background-size: auto 100%;
    background-position: center;
    background-repeat: no-repeat;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.pst a:hover .psi {
	-webkit-background-size: auto 130%;
	background-size: auto 130%;
}
.pst a {
	position: relative;
}
.pst a:after {
	content: '';
	position: absolute;
	background-color: transparent;
	border: none;
	width: 1.5em;
	height: 1.5em;
	margin: 0;
	bottom: -7px;
    right: -15px;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	opacity: 0.1;
}
.touchdevice .pst a:after {
	opacity: 0.8;
}
.pst a:hover:after {
	opacity: 1;
	background-color: transparent;
}
.pst a[data-remodal-target]:after {
	background-image: url("../images/modal.png");
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}
.pst a[href]:after {
	background-image: url("../images/chain.png");
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}
.f0 {
	font-size: 0;
}
.f0 > * {
	font-size: 16px;
}
.fbox {
	-js-display: flex!important;
	display: -webkit-flex !important;
	display: -moz-flex !important;
	display: -ms-flex !important;
	display: -o-flex !important;
	display: flex !important;
}
.fbox-w {
	-js-display: flex!important;
	display: -webkit-flex !important;
	display: -moz-flex !important;
	display: -ms-flex !important;
	display: -o-flex !important;
	display: flex !important;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}

/*
---
---------------------------------------------------------------------------*/
.yoko-main{
	position: relative;
}
.yoko-main-rowInner {
    border: 1px solid #F1F02F;
    box-shadow: 10px 10px 0 #F1F02F;
    background-color: #fff;
    padding: 10px;
}
.yoko-main-rowInner h3 {
    font-size: 2.2rem;
}
.yoko-main-rowInner p {
    margin-top: 5px !important;
    padding: 0 0 0 15px;
}
.yoko-main-box {
    margin-top: 10px;
    padding: 10px 0 0;
    border-top: 1px dashed #ddd;
}
.yoko-main-boxtitle {
    font-size: 1.4rem;
    color: #888;
}

.yoko-shutsugan {
    position: relative;
    padding-bottom: 30px;
}
.yoko-shutsugan:before {
    content: "";
    z-index: -1;
    background: rgb(254,252,234);
    background: -moz-linear-gradient(top, rgba(254,252,234,1) 0%, rgba(241,240,47,1) 100%);
    background: -webkit-linear-gradient(top, rgba(254,252,234,1) 0%,rgba(241,240,47,1) 100%);
    background: linear-gradient(to bottom, rgba(254,252,234,1) 0%,rgba(241,240,47,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#f1f02f',GradientType=0 );
    width: 60px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.yoko-shutsugan:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 30px 0 30px;
    border-color: #F1F02F transparent transparent transparent;
    position: absolute;
    left: 0;
    bottom: -15px;
}
.yoko-shutsugan-box {
    padding: 30px 0 0 15px;
}
.yoko-shutsugan-textbox {
    padding: 15px;
    background-color: #fff;
    border: 1px solid #ddd;
    margin-left: 60px;
    box-shadow: 5px 5px 0px #f5f5f5;
}


/*
---
---------------------------------------------------------------------------*/
.access-shuhen img{
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.access-rosen{
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
}
@media only screen and (min-width: 768px) {
	.access-shuhen-img {
		 float: left;
		 width: 60%;
	}
	.access-shuhen-textbox {
		 overflow: hidden;
		 padding: 60px 0 0 30px;
	}
}
@media only screen and (max-width: 1023px) and (min-width: 768px) {
	.access-shuhen-textbox {
		 padding: 30px 0 0 30px;
	}
}


/*
--- 部活動
---------------------------------------------------------------------------*/
.club-main {
	-js-display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
	flex-wrap: wrap;
}
.club {
	width: calc(100% / 3);
    padding: 5px 10px;
    box-sizing: border-box;
	position: relative;
}
.club > a {
	cursor: pointer;
    color: #4D4D4D;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    border-bottom: 1px solid transparent;
}
.club > a::before {
    content: "";
    position: absolute;
	z-index: -1;
    width: 50px;
    height: 10px;
    background-color: #fdffca;
    bottom: 5px;
    left: 0;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	-webkit-transform: skewX(-15deg);
	-ms-transform: skewX(-15deg);
	-o-transform: skewX(-15deg);
	transform: skewX(-15deg);
}
.senior .club > a::before {
    background-color: #cafff5;
}
#caltuer .club > a::before {
    background-color: #ffc89f;
}
#sport .club > a::before {
    background-color: #75daff;
}
#speciality .club > a::before {
    background-color: #87ff9a;
}
.club > a:hover::before {
    width: calc(50% + 15px);
}
.club a:after {
    content: "";
    font-size: 1.2rem;
    width: auto;
    height: 1.2em;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    margin-left: 5px;
    padding: 2px 10px;
    line-height: 1;
    vertical-align: middle;
    color: #4d4d4d;
    transition: all .5s;
    opacity: 0.4;
}
.club a[href]:after {
    background-image: url(../images/chain.png);
}
.club a[data-remodal-target]:after {
    background-image: url(../images/modal.png);
}
.remodal .floating_box {
    margin-top: 30px;
}
.remodal .floating_box .caption {
    font-size: 14px;
}

@media only screen and (max-width: 768px) {
	.club {
		width: calc(100% / 2);
	}
}
@media only screen and (max-width: 500px) {
	.club {
		font-size: 13px;
	}
	.club a:after {
		height: 0.8em;
	}
}


/*
--- 生徒・卒業生の声
---------------------------------------------------------------------------*/
.page-template-voice .common-float-image-box [class*="common-float-image-"] {
	position: relative;
	padding: 10px;
}
.page-template-voice .common-float-image-box .common-float-image-text-ofh.blockWrapper::before,
.page-template-voice .common-float-image-box .common-float-image-text-ofh.blockWrapper::after {
	content: none;
}
.page-template-voice .common-float-image-box [class*="common-float-image-"]::before,
.page-template-voice .common-float-image-box [class*="common-float-image-"]::after {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
    border-width: 40px;
}
.page-template-voice .common-float-image-box [class*="common-float-image-"]::before {
	top: 0;
	left: 0;
	border-color: rgba(253, 255, 202, 0.8) transparent transparent rgba(253, 255, 202, 0.8);
}
.page-template-voice .common-float-image-box [class*="common-float-image-"]::after {
	bottom: 35px;
	right: 0;
	border-color: transparent rgba(253, 255, 202, 0.8) rgba(253, 255, 202, 0.8) transparent;
}


/*
--- 入試結果
---------------------------------------------------------------------------*/
.result_table {
    width: 100%;
}
.result_table th,
.result_table td{
    text-align: center;
	vertical-align: middle;
}


/*
--- 学費・納入金
---------------------------------------------------------------------------*/
.payments_table {
	width: 100%;
}
.payments_table th {
	background-color: #0088e7;
	color: #FFF;
}
.payments_table tr:nth-of-type(odd) {
	background-color: rgba(149, 228, 218, 0.2);
}
.payments_table tr > th:nth-of-type(1),
.payments_table tr > td:nth-of-type(1) {
	border-right: none;
}
.payments_table tr > th:nth-of-type(2),
.payments_table tr > td:nth-of-type(2) {
	text-align: right;
	border-left: none;
}

/*
--- 入試要項
---------------------------------------------------------------------------*/
.entry_table {
	width: 100%;
}
.entry_table tr:first-of-type {
	background-color: #0088e7;
	color: #FFF;
	text-align: center;
}
.entry_table th {
	text-align: center;
	vertical-align: middle;
}
.entry_table_w100 {
	width: 100%;
}
.entry_table_w100 th {
	vertical-align: middle;
}
table.table_inner {
    width: 100%;
}
table.table_inner tr:first-of-type {
	background-color: #0088e7;
	color: #FFF;
	text-align: center;
}
table.table_inner th {
    vertical-align: middle;
}

/*
--- デジタルパンフレット
---------------------------------------------------------------------------*/
.digital_pamphlet {
	-js-display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}
.pamphlet {
    width: calc(100% / 3);
	padding: 0 10px;
}
.pamphlet h5 {
    margin-top: 0;
	margin-bottom: 1em;
}
.pamphlet img {
    border: solid 1px #EEE;
}
.pamphlet .caption {
    font-size: 14px;
}
.pamphlet .caption p {
    margin-top: 0;
	padding: 10px 0;
}
.pamphlet .contents_body-sb {
    margin-top: 30px;
}
.pamphlet a > img {
	-webkit-transition: all 0.8s;
	-o-transition: all 0.8s;
	transition: all 0.8s;
}
.pamphlet a > img:hover {
    box-shadow: 0px 6px 12px 3px #d8d8d8;
}

@media only screen and (max-width: 767px) {
	.digital_pamphlet {
		display: block;
	}
	.pamphlet {
		width: 60%;
		min-width: 320px;
		margin: 0 auto 50px;
	}
	.pamphlet > a {
		width: 100%;
		display: inline-block;
		text-align: center;
	}
	.pamphlet .caption {
		height: auto!important;
	}
}
@media only screen and (max-width: 360px) {
	.pamphlet {
		width: 100%;
		min-width: unset;
		margin: 0 auto 50px;
	}
}

/*
---
---------------------------------------------------------------------------*/
.hs-course-main{
    position: relative;
}
.hs-course-main-bg {
    position: absolute;
    width: 100vw;
    height: 100%;
    top: 0;
    right: 0;
    z-index: -1;
}
.hs-course-main-bg:before,
.hs-course-main-bg:after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 60%;
    transform-origin: left top;
    transform: skewX(10deg) rotate(10deg);
}
.hs-course-main-bg:before {
    top: 0;
}
.hs-course-main-bg:after {
    top: 5%;
}
section.premier .hs-course-main-bg:before,
section.premier .hs-course-main-bg:after {
    background-color: rgba(179, 156, 227, 0.2);
}
section.advance .hs-course-main-bg:before,
section.advance .hs-course-main-bg:after {
    background-color: rgba(103, 212, 231, 0.2);
}
section.active .hs-course-main-bg:before,

section.active .hs-course-main-bg:after {
    background-color: rgba(240, 165, 59, 0.2);
}
.hs-course-main-img {
    transform-origin: right top;
    transform: skewX(-5deg);
    position: relative;
    padding-bottom: 115%;
    overflow: hidden;
    margin-left: 60px;
}
.hs-course-main-img img {
    position: absolute;
    transform-origin: right top;
    transform: skewX(5deg) translate(-50%, -50%);
    height: 100%;
    max-width: none;
    top: 50%;
    left: 50%;
}
.hs-course-main-en {
    font-size: 9rem;
    font-weight: bold;
    position: absolute;
    bottom: 0;
    left: 0;
    line-height: 1;
    z-index: -1;
}
section.premier .hs-course-main-en {
    color: rgba(179, 156, 227, 0.4);
}
section.advance .hs-course-main-en {
    color: rgba(103, 212, 231, 0.4);
}
section.active .hs-course-main-en {
    color: rgba(240, 165, 59, 0.4);
}

@media only screen and (min-width: 768px) {
	.hs-course-main-table {
		 display: table;
		 width: 100%;
		 table-layout: fixed;
	}
	.hs-course-main-cell {
		 display: table-cell;
		 vertical-align: bottom;
	}
}

.hs-course-sub .floating_box-rowInner {
    padding: 30px;
    border-style: solid;
    border-width: 1px;
}
section.premier .hs-course-sub .floating_box-rowInner {
    border-color: #B39CE3;
    box-shadow: 10px 10px 0 #B39CE3;
}
section.advance .hs-course-sub .floating_box-rowInner {
    border-color: #67D4E7;
    box-shadow: 10px 10px 0 #67D4E7;
}
section.active .hs-course-sub .floating_box-rowInner {
    border-color: #F0A53B;
    box-shadow: 10px 10px 0 #F0A53B;
}


/*
---
---------------------------------------------------------------------------*/
section.shinro .jhs-torikumi-life-box-life {position: relative;}


/*
---
---------------------------------------------------------------------------*/
.global-intro-rowInner {
    padding: 30px;
    border: 1px solid rgba(149, 228, 218, 1);
    box-shadow: 10px 10px 0 rgba(149, 228, 218, 0.2);
}

.global-teikei-flb-textbox {
    margin-top: 15px;
}
.global-teikei-flb-en {
    font-size: 1.4rem;
    color: #888;
}
.global-teikei-flb-title {
    overflow: hidden;
    position: relative;
}
.global-teikei-flb-title:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 6px;
    background-color: #F1F02F;
    bottom: 0;
    left: 0;
    z-index: -1;
    transform-origin: right top;
    transform: skewX(-50deg);
}
.global-teikei-flb-jp {
    margin-top: 15px;
}

.global-teikei-table tr:nth-of-type(1) {
    font-size: 1.2rem;
}
.global-teikei-table tr:nth-of-type(1) th {
    width: 35%;
}
.global-teikei-table th,
.global-teikei-table td {
    vertical-align: middle;
}
.global-teikei-table td {
    text-align: center;
}

.global-media-rowInner a {
    display: block;
    color: inherit;
    position: relative;
    padding: 15px;
}
.global-media-rowInner a:before,.global-media-rowInner a:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    transform: skewX(-10deg);
    transition: all .5s;
    box-sizing: border-box;
}
.global-media-rowInner a:before {
    background-color: #F1F02F;
    left: 0;
    top: 0;
    background-image: url(../images/arrow-black-65x10-next.png);
    background-size: 65px auto;
    background-repeat: no-repeat;
    background-position: right 5px bottom 5px;
}
.global-media-rowInner a:after {
    border: 1px solid #F1F02F;
    top: 5px;
    left: 5px;
}
.global-media-rowInner a:hover {
    transform: translate(5px, 5px);
}
.global-media-rowInner a:hover:after {
    left: 0;
    top: 0;
}



/*
---
---------------------------------------------------------------------------*/
.renrakumo-links {
    border-top: 1px dashed #ddd;
    padding-top: 60px;
}
.renrakumo-links .btn-a {
    max-width: none;
}


/*
---
---------------------------------------------------------------------------*/
.remodal-contents {
    overflow: visible;
}


/*
--- 配布物 ダウンロード 認証
---------------------------------------------------------------------------*/
.forTeacherTable {
    display: table;
    border-spacing: 0;
    border-collapse: collapse;
    margin-top: 30px;
}
.forTeacherTable .row {
    display: table-row;
}
/* ↓↓↓ ID 入力不要 対応 2019.03.19 ↓↓↓*/
.forTeacherTable .row:first-of-type {
    display: none;
}
/* ↑↑↑ ID 入力不要 対応 2019.03.19 ↑↑↑*/
.forTeacherTable .cell {
    display: table-cell;
    vertical-align: middle;
}
.forTeacherTable .row:nth-of-type(n+2) .cell {
    padding-top: 15px;
}
.forTeacherTable .cell span {
    display: inline-block;
    width: 3.5em;
}
.forTeacherTable .cell .dib {
    display: inline-block;
    margin-left: 10px;
    color: #888;
    font-size: 1.4rem;
}
.mt20 {
    margin-top: 20px !important;
}

/*
--- 配布物 ダウンロード
---------------------------------------------------------------------------*/
.copycontents .sub-contents-lead {
	margin-top: 50px !important;
}

.file-distro_wrapper:last-of-type {
    padding-bottom: 60px;
}
.distro-section .title_wrap {
	cursor: pointer;
	position: relative;
	padding-right: 30px;
}
.distro-section .title_wrap::before {
	content: '';
	position: absolute;
	right: 10px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 10px 5px 0 5px;
	border-top-color: #4D4D4D;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.distro-section .title_wrap.aop::before {
	transform-origin: center center;
    transform: rotate(-180deg) translateY(50%);
}
.link-b_wrap {
	text-align: center;
}
.title_wrap {
    margin-bottom: 20px;
}
.distro-wrap {
    display: none;
}
.distro_list {
    padding: 10px;
	-js-display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
}
.distro_list .file {
	position: relative;
	margin-top: 0;
}
.distro_list a::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
    width: 30px;
    height: 6px;
    background-color: #87ff9a;
	opacity: 0.5;
	-webkit-transition: all 0.8s;
	-o-transition: all 0.8s;
	transition: all 0.8s;
}
.distro_list a:hover::after {
   width: 100%;
}
.blog-elementary .distro_list a::after,
.elementary .distro_list a::after {
    background-color: #ffc89f;
}
.blog-senior .distro_list a::after,
.senior .distro_list a::after {
    background-color: #cafff5;
}
.distro_list .day {
    flex-basis: 200px;
}
.distro_list .file {
    
}
.distro_list .file a {
    padding: 15px;
	color: #4d4d4d;
}



/*
--- 高等部 コース
---------------------------------------------------------------------------*/
.bb.column-wapper {
    margin-top: 40px;
	border-color: #00930a;
    background-color: #fffff5;
}
.bb.column-wapper h4 span.course {
    border-left-color: #00930a;
	border-left-width: 8px;
}
.bb.column-wapper > h4 {
	margin-top: 0.3em;
}
h4 span.course {
    display: inline-block;
    padding: 5px 20px 5px 10px;
    border-bottom: none;
    border-left-color: #EEE;
}


.senior_general .alignright+.tb {
     float: none;
}
.senior_general h4 {
    margin-top: 0em;
	margin-bottom: 1em;
}
.senior_general .topics-wapper h4 span {
    border: none;
    position: relative;
    display: inline-block;
    padding: 5px 20px 5px 10px;
}
.senior_general .topics-wapper h4 span::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 80%;
	height: 0.5em;
	background-color: rgba(117, 218, 255, 0.3);
	transform: skew(15deg);
    border-radius: 1px;
}
.topics-wapper {
    padding: 6px;
	background-color: #fff;
    border: solid 1px #0088e7;
	background-image: linear-gradient(#EEE 1px, transparent 0),
                    linear-gradient(90deg, #EEE 1px, transparent 0);
 	 background-size: 30px 30px;
}



/*
--- 高等部 進学実績
---------------------------------------------------------------------------*/
.result_block {
	-js-display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
    flex-wrap: wrap;
}
.result_box {
    width: 50%;
	padding: 10px;
}
.result_box  > div{
	padding: 10px;
}
.result_box .result_title {
    text-align: center;
	background-color: #00930a;
	color: #FFF;
}
.result_box .result {
	-js-display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
    background-color: rgba(253, 255, 202, 1);
	border-bottom: 1px solid #EEE;
}
.result_box .result > div {
	width: 50%;
}
.result_box .result .num {
	text-align: right;
}
.chart_wrapper {
	width: 50%;
}
.chart_wrapper > canvas {
	max-width: 100%;
    height: auto!important;
}
.graph_eligibility_wrapper {
	-js-display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
    margin-top: 50px;
}
.eligibility_wrapper {
    width: 50%;
	text-align: center;
}
.eligibility_innear {
    display: inline-block;
    width: 100%;
    padding: 10px;
}
.eligibility_innear > h6,
.eligibility_innear > h4 {
	margin-top: 0;
}
.number_block {
	color: #FFF;
    margin-top: 20px;
     background-color: #00930a; 
    padding: 10px;
/*    border: solid 10px #00930a;*/
}
.pt {
    font-size: 30px;
}
.pt > span {
    font-size: 1.8em;
	position: relative;
	letter-spacing: 4px;
}
.pt > span::after {
    content: ".";
    position: relative;
    right: 0.9em;
	opacity: 0;
	-webkit-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
}
.win-disp .pt > span::after {
	opacity: 1;
}
.nz {
    font-size: 24px;
}
.nz > span {
    font-size: 1.5em;
}
/* --- 合格実績 テーブル --- */
table.university td:nth-of-type(n + 2) {
    text-align: center;
	vertical-align: middle;
}
table.university th {
    text-align: center;
	vertical-align: middle;
}
.bgg {
	background: #EEE;
}
.bggl {
	background: #f5f5f5;
}

@media only screen and (max-width: 767px) {
	.graph_eligibility_wrapper {
		display: block;
	}
	.graph_eligibility_wrapper > div {
		margin: 10px auto;
		width: 100%;
	}
	.chart_wrapper > canvas {
		margin: auto;
	}
	.result_block {
		display: block;
	}
	.result_box {
		width: 100%;
		padding: 10px;
	}
}

/*
--- 卒業生の方へ エディター
---------------------------------------------------------------------------*/
.feditor .table_layout_fix * {
    vertical-align: middle;
}

/*
--- 採用情報
---------------------------------------------------------------------------*/
.file_block {
    margin-top: 20px;
}
.file {
    margin-top: 15px;
    border-bottom: 1px solid transparent;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.file:hover {
	border-bottom-color: #aaa;
}
.file span {
    display: inline-block;
}
.file span:first-of-type {
    margin-right: 1em;
}
.file > a {
	color: #4d4d4d;
    display: inline-block;
	position: relative;
	padding: 5px;
	padding-right: 2em;
}
.file_block .file a[href$=".pdf"]:after{
	content: '';
	width: 1.5em;
	height: 1.5em;
	position: absolute;
	top: 50%;
	right: 5px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	background-image: url(../images/Adobe_PDF_file_icon_32x32.png);
	background-repeat: no-repeat;
	-webkit-background-size: 1.5em auto;
	background-size: 1.5em auto;
}

@media only screen and (max-width: 550px) {
	
	.file {
		margin-top: 15px;
		border-bottom: 1px solid #EEE;
		-webkit-transition: all 0.5s;
		-o-transition: all 0.5s;
		transition: all 0.5s;
	}
	.file > a {
		display: block;
		padding-right: 0;
	}
	.file span {
		display: block;
	}
	.file_block .file a[href$=".pdf"]:after {
		content: none;
	}
	.file_block .file span:nth-of-type(2) {
		position: relative;
		padding-right: 2em;
	}
	.file_block .file a[href$=".pdf"] span:nth-of-type(2)::after {
		content: '';
		width: 1.5em;
		height: 1.5em;
		position: absolute;
		top: 50%;
		right: 5px;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		background-image: url(../images/Adobe_PDF_file_icon_32x32.png);
		background-repeat: no-repeat;
		-webkit-background-size: 1.5em auto;
		background-size: 1.5em auto;
	}
}
/*
---
---------------------------------------------------------------------------*/
.contents_body > section.page-common-kanren {
    padding-bottom: 60px;
}
h4.common-relation-h span {
/*
    display: inline-block;
    position: relative;
    background-color: #fff;
    padding: 0 15px;
*/
}
.hs-hoshin-main {
    background-color: rgba(149, 228, 218, 0.25);
}


/*
---
---------------------------------------------------------------------------*/
.torikumi-senior-deep-normal .common-float-image-box + .common-float-image-box{
	border: none;
	padding: 0;
}


.page-template-torikumi-senior section:nth-of-type(even):before {
    content: "";
    position: absolute;
    width: 100vw;
    height: 100%;
    background-color: #f5f5f5;
    right: 0;
    top: 0;
    z-index: -1;
}
.page-template-torikumi-senior section {
    position: relative;
    padding: 60px 0;
}

.page-template-torikumi-senior h2 {
    padding-top: 15px;
    padding-bottom: 15px;
    background: -moz-linear-gradient(left, rgba(241,240,47,0) 0%, rgba(241,240,47,0.5) 50%, rgba(241,240,47,0) 100%);
    background: -webkit-linear-gradient(left, rgba(241,240,47,0) 0%,rgba(241,240,47,0.5) 50%,rgba(241,240,47,0) 100%);
    background: linear-gradient(to right, rgba(241,240,47,0) 0%,rgba(241,240,47,0.5) 50%,rgba(241,240,47,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f1f02f', endColorstr='#00f1f02f',GradientType=1 );
    }

@media only screen and (max-width: 1023px) {
/*
---
---------------------------------------------------------------------------*/
	.sub-contents-lead {
		 text-align: center;
	}
	.sub-contents-lead > p.lead {
		text-align: left;
		max-width: 700px;
		display: inline-block;
	}
	
	
	/*
---
---------------------------------------------------------------------------*/
	.global-intro-rowInner {
		 padding: 30px 15px;
	}
	
	
	/*
---
---------------------------------------------------------------------------*/
	.hs-course-sub .floating_box-rowInner {
		 padding: 30px 15px;
	}
	
	
	/*
---
---------------------------------------------------------------------------*/
	.event-main-cell-th {
		 width: 150px;
	}
	.event-main-cell-th > div{
		height: 150px;
	}
	.event-main-cell-th > div {
		font-size: 8rem;
	}
	.event-main-cell-th > div > span {
		font-size: 4.5rem;
	}
	
	/*
---
---------------------------------------------------------------------------*/
	.zaikoseivoice-main-en {
		 font-size: 5vw;
	}
	
	
	/*
---
---------------------------------------------------------------------------*/
	.facility-gallery-bg:before,.facility-gallery-bg:after {
		 height: 300px;
	}
	.facility-gallery-bg:after {
		 bottom: 300px;
	}
	.facility-gallery-slicktext{
		padding-top: 30px;
	}
	
	
	/*
---
---------------------------------------------------------------------------*/
	.course-main{
		padding-top: 60px;
	}
	.course-main-bg:before,
	.course-main-bg:after {
		 height: 300px;
	}
	.course-main-bg:before {
		 top: 300px;
	}

}


@media only screen and (max-width: 767px) {
/*
--- 教育の特色
---------------------------------------------------------------------------*/
	h5.pont {
		height: auto!important;
	}
	
	
	/*
---
---------------------------------------------------------------------------*/
	.sub-common-bg:before,
	.sub-common-bg:after {
		height: 55%;
	}
	.sub-common-bg:after {
		top: -5%;
	}



	/*
---
---------------------------------------------------------------------------*/
	.sub-headerImg-wrapper {
		padding-bottom: 220px;
	}
	.sub-headerImg-bgi:after{
		-webkit-background-size: 100%;
		background-size: 100%;
	}
	.sub-headerImg-wrapper h1{
		padding: 0 10px;
	}
	
	
	/*
---
---------------------------------------------------------------------------*/
	.breadcrumbs {
		 font-size: 1.2rem;
		padding: 5px 10px;
	}
	
	
	/*
---
---------------------------------------------------------------------------*/
	.page-anchor-inner {

		 text-align: left;
		padding-top: 8px;
	}
	.page-anchor-box {
		 font-size: 1.2rem;
		 width: 50%;
	}
	
	
	/*
	---
	---------------------------------------------------------------------------*/	
	.tag span.tagb{
		display: block;
		margin: 5px 0 0;
	}
	
	
	/*
	---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 select[name="sp_paginate_links"]{
		width: 150px;
	}
	
	
	/*
	---single.php
	---------------------------------------------------------------------------*/
	.singleArticle-catList{
		padding: 5px 10px 10px 10px;
	}
	.singleArticle-catList a{
		text-decoration: none;
		font-size: 1.2rem;
		padding: 5px;
	}
	
	
	/*
	---
	---------------------------------------------------------------------------*/
	.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;
	}


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


	/*
	---
	---------------------------------------------------------------------------*/
	.basic_gallery{
		padding: 10px 5px;
	}
	
	
	/*
---
---------------------------------------------------------------------------*/
	section{
		padding-top: 45px;
	}
	.contents_body > section:last-child {
		 padding-bottom: 60px;
	}
	h2 {
		 text-align: left;
		margin-bottom: 30px;
		padding-left: 10px;
		padding-right: 10px;
	}
	h2 span {
		 display: block;
		 min-width: auto;
		 padding: 10px 0 0 0;
		text-align: center;
	}
	h2 span:before {
		 width: 42px;
		 height: 42px;
		 background-size: 42px;
		 z-index: -1;
		left: -5px;
	}
	h2 span:after {
		 width: 15px;
		 height: 15px;
		 background-size: 15px;
		 z-index: -1;
	}
	h3{
		margin-top: 30px;
	}
	.contents_body p{
		margin-top: 15px;
	}

	.contents_body table{
		font-size: 1rem;
	}
	.contents_body th,
	.contents_body td{
		padding: 5px;
	}
	.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;
	}
	
	
	/*
---
---------------------------------------------------------------------------*/
	.common-float-image-box + .common-float-image-box {
		 padding-top: 30px;
	}
	[class*=common-float-image-img-] {
		margin-bottom: 30px;
		float: none;
	}
	
	
/*
---
---------------------------------------------------------------------------*/
	.greeting-hajimeni {
		 display: block;
		 width: auto;
	}
	[class*="greeting-hajimeni-cell-"] {

		 display: block;
	}
	.greeting-hajimeni-cell-text {
		 padding: 0;
	}
	.greeting-hajimeni-textbox {
		 padding: 15px;
	}
	.greeting-hajimeni-textbox:before {
		 top: -5px;
		 left: -5px;
		 width: 20px;
		 height: 20px;
	}
	.greeting-hajimeni-textbox:after {
		 width: 55px;
		 height: 50px;
		 background-size: 55px auto;
		 bottom: -25px;
		 right: -5px;
	}
	.greeting-hajimeni-name {
		 margin-top: 15px;
	}
	.greeting-hajimeni-cell-img {
		 display: none;
	}
	.greeting-hajimeni-smpimg {
		 display: block;
		 float: right;
		 width: 40%;
		 margin: 0 0 15px 15px;
	}
	.greeting-sub {
		 padding: 45px 0 60px;
	}
	
	
	/*
---
---------------------------------------------------------------------------*/
	.facility-gallery {
/*		 padding: 60px 0;*/
	}
	.facility-map-list-box {
		 width: 50%;
	}
	.facility-map-list-inner {
		 font-size: 1.2rem;
		 padding: 10px 5px 10px 30px;
	}
	.facility-map-list-inner:before {
		 font-size: 1rem;
		 width: 18px;
		 height: 18px;
		 line-height: 18px;
		 left: 5px;
	}
	.facility-gallery-slick{
		margin-left: -10px;
		margin-right: -10px;
	}
	.facility-gallery-slickslide{
		padding: 10px;
	}
	.facility-gallery-slickslide img {
		 float: none;
		 width: auto;
		 margin: 0 auto;
		 display: block;
		box-shadow: 0 0 10px #888;
	}
	.facility-gallery-slicktext {
		 padding-top: 15px;
	}
	.facility-gallery-thumbs-en {
		 font-size: 3rem;
		 margin-bottom: -5px;
	}
	.facility-gallery-thumbs .floating_box-rowInner:before{
		border-width: 5px;
	}
	.facility-gallery-thumbs-title {
		font-size: 1rem;
	}
	.facility-gakushoku-lead {
		 display: block;
		 width: auto;
	}
	[class*=facility-gakushoku-lead-cell-] {
		 display: block;
	}
	.facility-gakushoku-lead-cell-img {
		 padding: 15px 0 0;
	}
	.facility-gakushoku-gallery{
		padding-bottom: 30px;
	}
	.facility-links .btns{
		padding-top: 60px;
	}
	
	
/*
---
---------------------------------------------------------------------------*/
	.course-main-titlebox h4 {
		 padding: 15px;
		 margin-right: 20%;
	}
	.course-main-img {
		 margin-right: 15%;
		 margin-left: 15%;
	}
	.course-main-textbox {
		 margin-top: 15px;
		 padding-top: 15px;
	}
	.floating_box-row:nth-of-type(1) .course-main-textbox {
		 box-shadow: 10px 10px 0 rgba(123, 228, 177, 0.4);
	}
	.floating_box-row:nth-of-type(2) .course-main-textbox {
		 box-shadow: 10px 10px 0 rgba(123, 228, 127, 0.4);
	}
	.floating_box-row:nth-of-type(3) .course-main-textbox {
		 box-shadow: 10px 10px 0 rgba(241, 240, 47, 0.4);
	}
	.course-main-textbox ul{
		margin-top: 15px;
	}
	
	
/*
---
---------------------------------------------------------------------------*/
	.enkaku-main:before {
		 width: 80px;
	}
	.enkaku-main:after {
		 border-width: 20px 40px 0 40px;
		 bottom: -20px;
	}
	.enkaku-main-box {
		 padding-top: 15px;
		 font-size: 1.2rem;
	}
	.enkaku-main-cell-date {
		 width: 80px;
		padding: 0 5px;
	}
	.enkaku-main-cell-text {
		 padding-left: 10px;
	}
	.enkaku-main-cell-text img {
		 max-width: 30%;
	}
	
	
	/*
---
---------------------------------------------------------------------------*/
	.toggle_bottun {
	}
	.toggle_box {
		 padding: 15px 15px 15px 50px;
	}
	.toggle_box:before {
		 top: 17px;
	}
	
	
	/*
--- 説明会
---------------------------------------------------------------------------*/
	.briefing-main-bg:after {
		 top: -30px;
	}
	
	
	/*
---
---------------------------------------------------------------------------*/
	.zaikoseivoice-main-bg:before, .zaikoseivoice-main-bg:after {
		 height: 55%;
	}
	.zaikoseivoice-main-bg:after {
		 top: -5%;
	}
	.zaikoseivoice-main-cell-img{
		width: 30%;
	}
	.zaikoseivoice-main-cell-text {
		 padding: 60px 30px 30px 0;
	}
	.zaikoseivoice-main-textbox {

		 padding: 15px 15px 15px 0;
	}
	.zaikoseivoice-main-textbox:before {
		 padding-left: 15px;
	}
	.zaikoseivoice-main-name span {
		 display: block;
		 margin: 0 0 5px;
	}

	.zaikoseivoice-thumbs-floating_box > .zaikoseivoice-thumbs-row{
		 margin-top: 30px;
	}
	.zaikoseivoice-thumbs-floating_box > :nth-of-type(-n+2){
		 margin-top: 0;
	}
	
	
	/*
---
---------------------------------------------------------------------------*/
	.koka-main-audio .audiojs{
		width:280px;
	}
	.koka-main-audio .audiojs .scrubber{
		width:100px;
	}
	.uniform-main-textbox {
		 padding-top: 15px;
	}
	
	
	/*
---
---------------------------------------------------------------------------*/
	.result-main-box .floating_box-row:nth-of-type(n+2) {
		 margin-top: 5px;
	}
	[class*=result-sub-cell-] {
		 height: 46px;
	}
	.result-sub-cell-name {
		 font-size: 1.2rem;
	}
	.result-sub-cell-num {
		 width: 54px;
	}
	.result-sub-cell-num span:first-child {
		 font-size: 1.6rem;
	}
	.result-sub-cell-num span:last-child {
		 font-size: 1rem;
		 padding-top: 4px;
	}
	
	
/*
--- 年間行事
---------------------------------------------------------------------------*/
	.event-main-table {
		border-bottom: none;
	}
	.event-main-cell-th {
		 width: auto;
		 padding: 10px 5px 0 0;
		border: none;
	}
	.event-main-tr:nth-of-type(1) [class*=event-main-cell-] {
		border-top: 1px solid #ddd;
	}
	.event-main-tr:nth-of-type(1) .event-main-cell-th {
		border: none;
	}
	[class*=event-main-cell-] {
		display: block;
	}
	.event-main-cell-th > div {
		 height: auto;
		text-align: left;
	}
	.event-main-floating_box {
		 min-height: 100px;
	}
	.event-main-rowInner {
		 padding: 10px;
		 font-size: 1.3rem;
	}
	.event-main-tr:nth-of-type(1) [class*=event-main-cell-] h5{
		padding: 0 0 5px 10px;
	}
	.event-main-rowInner a:after {
		 font-size: 1rem;
	}
	
		
	
	/*
---
---------------------------------------------------------------------------*/
	.access-shuhen-textbox {
		 padding: 15px 0 0 0;
	}
	.access-wrapper_iframe .access-box_iframe{
		padding-bottom: 100%;
	}
	
	
	/*
---
---------------------------------------------------------------------------*/
	.remodal-club-jisseki-table th {
		 width: 100px;
	}	
	
	/*
---
---------------------------------------------------------------------------*/
	.hs-course-main-cell:nth-of-type(2) {
		 margin-top: 30px;
	}
	.hs-course-main-img {
		 transform-origin: center center;
		 padding-bottom: 100%;
		 margin: 0 30px;
	}
	.hs-course-main-en {
		 top: -40px;
		 bottom: auto;
		 left: auto;
		 right: 0;
		 font-size: 16vw;
	}
	section.premier .hs-course-sub .floating_box-rowInner {
		 box-shadow: 5px 5px 0 #7be4b1;
	}
	section.advance .hs-course-sub .floating_box-rowInner {
		 box-shadow: 5px 5px 0 #7be47f;
	}
	section.active .hs-course-sub .floating_box-rowInner {
		 box-shadow: 5px 5px 0 #f1f02f;
	}
	
	
	/*
---
---------------------------------------------------------------------------*/
	.global-intro-rowInner {
		 padding: 15px;
		box-shadow: 5px 5px 0 rgba(149, 228, 218, 0.2);
		height: auto !important;
	}
	
/*
---
---------------------------------------------------------------------------*/
	h4.common-relation-h span{
		padding: 0 5px;
	}
	h4.common-relation-h span:before,
	h4.common-relation-h span:after {
		 background-color: rgba(241, 240, 47, 0.5);
	}

/*
---
---------------------------------------------------------------------------*/
	.page-template-torikumi-senior h2 {
		background: -moz-linear-gradient(left, rgba(241,240,47,0.35) 0%, rgba(241,240,47,0) 100%);
		background: -webkit-linear-gradient(left, rgba(241,240,47,0.35) 0%,rgba(241,240,47,0) 100%);
		background: linear-gradient(to right, rgba(241,240,47,0.35) 0%,rgba(241,240,47,0) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80f1f02f', endColorstr='#00f1f02f',GradientType=1 );
    }
	
/*
--- 説明会日程テーブル
---------------------------------------------------------------------------*/
	.briefing-cell {
		display: block;
	}
/*
--- 説明会日程テーブル
---------------------------------------------------------------------------*/
	.education .floating_box-rowInner {
		margin-top: 1.5em!important;
	}
/*
--- 高等部　コース
---------------------------------------------------------------------------*/
/* -- 美術 -- */
	.senior_gallery .floating_box-row {
		width: 50%;
		float: left;
		padding: 0 10px;
	}
	.senior_gallery .floating_box-row:nth-of-type(-n + 2) {
		margin-top: 0;
	}
	.senior_gallery .floating_box-row:nth-of-type(2n + 1) {
		clear: both;
	}
}
@media only screen and (max-width: 550px) {
	
/*
--- 関連ページ リンク
---------------------------------------------------------------------------*/
	.page-common-kanren .spFloating_box-2rows > :nth-of-type(-n+2) {
		margin-top: 10px;
	}
	
/*
--- 年間行事
---------------------------------------------------------------------------*/
	.spFloating_box > .floating_box-row {
		 float: none; 
	}
	.spFloating_box-2rows > .floating_box-row {
		width: 100%;
	}
	.pst a:after {
		opacity: 0.8;
	}
/*
--- 情操教育
---------------------------------------------------------------------------*/
	.joso .alignright {
		float: none;
		max-width: unset;
		margin-left: 0;
	}
	
/*
--- 高等部　コース
---------------------------------------------------------------------------*/
/* -- 美術 -- */
	.senior_gallery .floating_box-row {
		width: 100%;
		float: none;
		clear: both;
	}
	.senior_gallery .floating_box-row:nth-of-type(-n + 2) {
		margin-top: 30px;
	}
	
}



