@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.2
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/* 初期設定 */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  height: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  font-size: 100%;
  word-wrap: break-word;
  overflow-wrap: break-word;
letter-spacing: 0.05em; /*文字間隔*/
  font-weight: 400;
  width: 100%;
  height: 100%;
  font-family: YakuHanJP, "Hiragino Kaku Gothic Pro", Meiryo, sans-serif;

}

.eye-catch {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}
.eye-catch-image {
  display: block;
  max-width: 100%;
  height: auto;
  padding: 0;
  margin: 0;
  border: none;
  vertical-align: bottom;
}
.wp-post-image {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}


.sp_only {
	display: none !important;
}

#container #content, #main {
background: none;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
}
#container {
position: relative;
overflow: hidden;
}
#content {
	margin-bottom: 0;
}
.content {
	margin: 0;
	margin-bottom: 32px;
	padding: 0;
}


.main {
background: none;
padding: 0;
padding-top: 0;
padding-bottom: 0;
margin: 0;
}
.content-in {
padding-top: 0;
padding-left: 0;
padding-right: 0;
margin: 0 auto;
padding-bottom: 0;
margin-bottom: 0;
}
.content-in.wrap {
padding-top: 0;
padding-bottom: 0;
}

@media screen and (max-width: 1280px){
.content {
	margin: 0;
	margin-bottom: 24px;
	padding: 0;
}
.content-in {
padding: 0;
padding-top: 0;
padding-bottom: 0;
margin: 0 16px;
margin-bottom: 0;
}
.main {
padding: 0;
margin: 0;
}
}


p {
	margin: 0;
	padding: 0;
	margin-bottom: 1em;
}
ul, ol {
margin-top: 0;
}

article,
.entry-content {
padding: 0 !important;
margin: 0 0 !important;
}
@media screen and (max-width: 834px){
article,
.entry-content {
padding: 0 !important;
margin: 0 0 !important;
}
}

/*ページの投稿日・更新日・著者情報を消す*/
.page .date-tags,
.page .author-info {
  display: none;
}
/*エントリーカードカテゴリー名非表示*/
.cat-label {
  display: none;
}
/*
.categoryid-2 .date-tags,
.categoryid-2 .post-date {
  display: none;
}
*/

/************************************
** タイトル
************************************/
.entry-content h3,
.article-header h3,
.list_blog h3,
.entry-content h4,
.entry-content h5,
article h3,
article h4,
article h5 {
  margin: 0;
	line-height: 150%;
  margin-bottom: 1em;
  border: none;
  background: none;
  padding: 0;
}
.entry-content h2,
article h2,
h2 {
  font-size: 42px;
}
.entry-content h3,
.article-header h3,
article h3,
h3 {
  font-size: 38px;
}
.entry-content h4,
article h4,
h4 {
  font-size: 32px;
}

.box_access002_jikei,
.entry-content h5,
article h5,
h5 {
  font-size: 20px;
}



@media screen and (max-width: 834px) {
.entry-content h2,
article h2,
h2 {
  font-size: 28px;
}
.entry-content h3,
.article-header h3,
article h3,
h3 {
  font-size: 26px;
}
.entry-content h4,
article h4,
h4 {
  font-size: 22px;
}
.box_access002_jikei,
.entry-content h5,
article h5,
h5 {
  font-size: 16px;
}
}



/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
div table th, div table td {
font-size: 1em;
}
.sp_only {
	display: inline!important;
}
.pc_only {
	display: none !important;
}
#main {
padding: 0 0;
}
#content {
	margin-bottom: 0;
}
/*パンくず*/
#breadcrumb {
	display: none;
}
}
/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}

/* フリーダイヤルアイコンのところを任意のクラスに変更 */
.mobile-menu-buttons .menu-icon .icon-freedial::before{
    content: '';
    width: 100%;
    height: 1em;
     /* icon.pngの画像を任意のURLに変更 */ 
	background-image: url("../../uploads/2021/06/icon_freedial.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
    display: block;
}
.mobile-menu-buttons .icon-freedial:before {
    content: '';
    width: 100%;
    height: 1em;
     /* icon.pngの画像を任意のURLに変更 */ 
	background-image: url("../../uploads/2021/06/icon_freedial.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
    display: block;
}
.db-032 {
position: absolute;
top: -2px;
left: 35%;
font-size: 500%;
}



/*モバイルナビゲーション*/
.navi-menu-button {
}
.navi-menu-button .menu-icon{
font-size: 130%;
  color: #11B;
}
ul.mobile-header-menu-buttons.mobile-menu-buttons {
margin: 0;
padding: 0;
}
.mobile-header-menu-buttons .navi-menu-button .menu-icon{
font-size: 130%;
padding-top: 0;
margin-top: -5px;
  color: #11B;
}

/*メニューフッターボタンに隠れるの防止 */
@media screen and (max-width: 780px){
.navi-menu-content.menu-content {
padding-bottom: 80px;
}
}


/************************************
** ヘッダー
************************************/

header {
clear: both;
margin-bottom: 0;
padding-top: 10px;
}
@media screen and (max-width: 1023px){
#header {
	background: none;
}
}

#header-container {
	padding: 0;
	margin: 0;
	background-color: rgba(255,255,255,0.95);
	width: auto;
	width: 100%;
	z-index: 1000;
}
#header-container-in {
	padding: 0;
	width: auto;
	margin: 0 auto;
	margin-left: 5%;
	min-width: 1080px;
}

@media screen and (max-width: 1080px){
#header-container-in {
	min-width: inherit;
}
}
@media screen and (max-width: 834px){
#header-container {
	min-width: inherit;
	z-index: 1000;
	border: none;
	padding: 0;
	margin: 0;
}
#header-container-in {
	width: auto;
	min-width: inherit;
	padding: 0;
	margin: 0;
}
}

/*1023px以下でロゴを消す*/
@media screen and (max-width: 1023px){
li img.site-logo-image {
		visibility: hidden !important;
}
}
/*1023px以下でモバイル用のロゴ表示*/
@media screen and (max-width: 1023px){
.logo-menu-button.menu-button{
padding: 4px 0;
		background: url("../../uploads/2023/09/logo2024.png");
		background-size: auto 40px;
		background-position: center;
		background-repeat: no-repeat;
		margin-left: -30px;
}
}

#header-in {
	display: block;
	padding: 0;
}
h1 {
	margin: 0;
	padding: 0;
}
h1.logo {
	display: inline-block;
	margin: 0;
	padding: 0;
}
h1.logo img {
	display: block;
	width: 380px;
	max-height: inherit !important;
}

ul.head_contact {
	float: right;
	margin: 0;
	padding: 0;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
	width: 320px;
}
ul.head_contact li {
display: inline-block;
list-style: none;
	margin: 0;
	padding: 0;
	width: 160px;
	text-align: center;
	white-space: nowrap;
}
ul.head_contact li a {
	display: block;
	margin: 0;
	padding: 8px 15px;
	background-color: #F58;
	color: #000;
	text-decoration: none;
}
ul.head_contact li.p_pink a {
	background-color: #e9c1c1;
}
ul.head_contact li.p_blue a {
	background-color: #aed0da;
}
ul.head_contact li.p_green a {
	background-color: #b1d5bb;
}
ul.head_contact li.p_orange a {
	background-color: #f5d2b2;
}
ul.head_contact li.p_people a {
	background-color: #bbbdd2;
}
ul.head_contact li.p_kimidori a {
	background-color: #p_people;
}


ul.head_contact li a:hover {
	text-decoration: none;
	opacity: 0.7;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
@media screen and (max-width: 1023px){
ul.head_contact {
	display: none;
}
.head_contact {
	display: none;
}
}

/************************************
** グローバルメニュー
************************************/
#navi {
float: none;
background-color: #EFF;
  clear: both;
	text-align:center;
	padding: 10px;
}
.navi {
float: none;
}
@media screen and (max-width: 1023px){
.navi {
	display: none;
}
}

@media screen and (min-width: 1023px){
.navi-in > ul {
margin-top: 5px;
}

.navi-in > ul li {
  width: auto;
  height: auto;
  margin: 0 0;
  line-height: 130%;
  position: relative;
  font-weight: 600;
}
.navi-in > ul li a {
  display: block !important;
  padding: 5px 15px;
  color: #449;
  font-size: 110%;
  height: auto !important;
}




}
@media screen and (max-width: 1300px){
.navi-in > ul li a {
  padding: 5px 10px;
  font-size: 110%;
  letter-spacing: 0;
}
}

.navi-in > ul li:hover > ul {
  display: block;
}
.navi-in a:hover {
	text-decoration: none;
}
.navi-in .has-icon {
  display: none;
}
.navi-in > ul li a:hover {
	color: #11B;
}
.navi-in > ul li ul li {
display: block;
  height: auto;
  width: auto;
  min-width: 100%;
  line-height: auto;
	border-top: 1px dotted #999;
	font-weight: 600;
	letter-spacing: 0;
	font-size: 90%;
}
.navi-in > ul li ul li a {
padding: 15px 5px;
}
.navi-in > ul li ul li:last-child {
	border-bottom: 1px dotted #999;
}
.navi-in > ul .sub-menu {
  background-color: rgba(255,255,255,0.9);
  min-width: 300px;
}
.navi-in > ul .sub-menu a {
  padding-left: 10px;
  padding-right: 10px;
}

@media screen and (max-width: 1023px){
ul.menu-drawer li.color_red a {
background-color: #F05;
  color: #FFF;
}
ul.menu-drawer li.color_navy a {
background-color: #5352bf;
  color: #FFF;
}
ul.menu-drawer li.color_blue a {
background-color: #06F;
  color: #FFF;
}
ul.menu-drawer li.color_pink a {
background-color: #F58;
  color: #FFF;
}
ul.menu-drawer li.color_green a {
background-color: #32cd32;
  color: #FFF;
}
ul.menu-drawer li.color_orange a {
background-color: #F60;
  color: #FFF;
}

ul.menu-drawer li.p_pink a {
background-color: #e9c1c1;
  color: #000;
}
ul.menu-drawer li.p_blue a {
background-color: #aed0da;
  color: #000;
}
ul.menu-drawer li.p_green a {
background-color: #b1d5bb;
  color: #000;
}
ul.menu-drawer li.p_orange a {
background-color: #f5d2b2;
  color: #000;
}
ul.menu-drawer li._people a {
background-color: #bbbdd2;
  color: #000;
}
ul.menu-drawer li.p_kimidori a {
background-color: #p_people;
  color: #000;
}

ul.menu-drawer li.p_mizuito_k a {
background-color: #75c9ef;
  color: #FFF;
}
ul.menu-drawer li.p_mizuito_k ul li a{
background-color: #FFF;
  color: #000;
}
ul.menu-drawer li.p_pink_k a {
background-color: #f19eb4;
  color: #FFF;
}
ul.menu-drawer li.p_pink_k ul li a {
background-color: #FFF;
  color: #000;
}
ul.menu-drawer li.p_orange_k a {
background-color: #ffb561;
  color: #FFF;
}
ul.menu-drawer li.p_orange_k ul li a {
background-color: #FFF;
  color: #000;
}

}


.navi000 {
  background: none;
float: right;
}
@media screen and (max-width: 1023px){
.navi000 {
	display: none;
}
}

@media screen and (min-width: 1023px){
.navi-in000 > ul {
margin-top: 5px;
}

.navi-in000 > ul li {
  width: auto;
  height: auto;
  margin: 0 0;
  line-height: 130%;
  position: relative;
  font-weight: 600;
}
.navi-in000 > ul li a {
  display: block !important;
  padding: 5px 8px;
  color: #449;
  font-size: 105%;
  height: auto !important;
}

}
@media screen and (max-width: 1300px){
.navi-in000 > ul li a {
  padding: 5px 3px;
  font-size: 95%;
  letter-spacing: 0;
}
}

.navi-in000 > ul li:hover > ul {
  display: block;
}
.navi-in000 a:hover {
	text-decoration: none;
}
.navi-in000 .has-icon {
  display: none;
}
.navi-in000 > ul li a:hover {
	color: #11B;
}
.navi-in000 > ul li ul li {
display: block;
  height: auto;
  width: auto;
  min-width: 100%;
  line-height: auto;
	border-top: 1px dotted #999;
	font-weight: normal;
	letter-spacing: 0;
}
.navi-in000 > ul li ul li:last-child {
	border-bottom: 1px dotted #999;
}
.navi-in000 > ul .sub-menu {
  background-color: rgba(255,255,255,0.9);
  min-width: 240px;
}
.navi-in000 > ul .sub-menu a {
  padding-left: 10px;
  padding-right: 10px;
}



.navi-menu-button {
margin-top: 10px;
color: #555;
}
.navi-menu-button .navi-menu-icon.menu-icon {
font-size: 150%;
}

/************************************
** フッター
************************************/

/*フッターモバイルポップアップ*/
.mobile-footer-menu-buttons.mobile-menu-buttons {
padding-top: 16px;
}
.mobile-footer-menu-buttons.mobile-menu-buttons .menu-button {
  background-color: rgba(255 255 255 0.9);
  border-right: 1px solid #FFF;
  color: #FFF;
  margin-top: -16px;
  padding-bottom: 8px;
}
.mobile-footer-menu-buttons .menu-button,
.mobile-footer-menu-buttons .menu-button:hover,
.mobile-footer-menu-buttons .menu-button a {
  color: #000;
}
.mobile-footer-menu-buttons .menu-button span,
.mobile-footer-menu-buttons .menu-button:hover span,
.mobile-footer-menu-buttons .menu-button span a {
  color: #000;
}
.mobile-footer-menu-buttons.mobile-menu-buttons li.menu-button:first-child {
background-color: #b1d5bb;
}
.mobile-footer-menu-buttons.mobile-menu-buttons li.menu-button:nth-child(2) {
background-color: #aed0da;
}
.mobile-footer-menu-buttons.mobile-menu-buttons li.menu-button:nth-child(3) {
background-color: #f5d2b2;
}
.mobile-footer-menu-buttons.mobile-menu-buttons li.menu-button:nth-child(4) {
background-color: #e9c1c1;
}

.mobile-footer-menu-buttons.mobile-menu-buttons li.menu-button.p_pink {
background-color: #e9c1c1;
}
.mobile-footer-menu-buttons.mobile-menu-buttons li.menu-button.p_blue {
background-color: #aed0da;
}
.mobile-footer-menu-buttons.mobile-menu-buttons li.menu-button.p_green {
background-color: #b1d5bb;
}
.mobile-footer-menu-buttons.mobile-menu-buttons li.menu-button.p_orange {
background-color: #f5d2b2;
}
.mobile-footer-menu-buttons.mobile-menu-buttons li.menu-button.p_people {
background-color: #bbbdd2;
}
.mobile-footer-menu-buttons.mobile-menu-buttons li.menu-button.p_kimidori {
background-color: #d9dcaf;
}


#footer {
	clear: both;
	display: block;
	margin: 0 auto;
	line-height: 130%;
	padding: 0;
}
#footer-in {
	display: block;
	margin: 0 auto;
	padding: 0;
	min-width: 1150px;
	line-height: 130%;
}
.footer-bottom-content {
	margin: 0 auto;
	padding: 0;
}
@media screen and (max-width: 1150px){
#footer-in {
	min-width: inherit;
}
}
@media screen and (max-width: 834px){
#footer {
	width: auto;
	margin: 0 auto;
	padding: 0;
	min-width: inherit;
}
#footer-in {
	width: auto;
	padding: 0 0;
	min-width: inherit !important;
}
}


.foot_flex {
display: flex;
justify-content: space-between;
}
.foot_flex_menu,
.foot_flex_company {
display: block;
}
.foot_flex_menu {
order: 2;
width: 65%;
}
.foot_flex_company {
order: 1;
width: 32%;
}
@media screen and (max-width: 834px){
.foot_flex {
display: block;
}
.foot_flex_menu,
.foot_flex_company {
display: block;
width: auto;
margin-bottom: 20px;
}
.foot_flex_menu {
margin-bottom: 20px;
}
.foot_flex_company {
padding: 1em;
}
}


.foot_logo {
width: 80%;
max-width: 320px;
display: block;
margin: 0;
padding: 0;
}
.foot_logo img {
display: block;
width: 100%;
height: auto;
margin: 0;
padding: 0;
}
.footer-bottom {
	margin: 0;
	padding: 30px 0;
}
.copyright {
margin: 0 auto;
text-align: center;
letter-spacing: 0;
	line-height: 130%;
}

@media screen and (max-width: 834px){
.footer-bottom {
	margin: 0;
	padding: 15px 0;
}
.foot_logo {
width: 80%;
display: block;
margin: 0 auto;
}
.copyright {
margin-top: 30px;
font-size: 90%;
}
}



table.foot_table {
	table-layout: auto;
	width: 100%;
	margin: 0;
	padding: 0;
	border: none;
	background: none;
	margin-bottom: 50px;
}
table.foot_table tr, table.foot_table th, table.foot_table td {
	margin: 0;
	padding: 0;
	border: none;
	background: none;
}
table.foot_table td {
	vertical-align: top;
	padding-right: 5%;
	margin: 0;
	padding: 0 15px;
}
table.foot_table td:last-child {
	padding-right: 0;
}
@media screen and (max-width: 834px){
table.foot_table {
	margin-bottom: 0;
}
table.foot_table td {
	margin: 0;
	padding: 0;
	display: block;
	font-size: 100%;
}
}



ul.foot_menu {
	margin: 0;
	padding: 0;
	text-align: left;
}
ul.foot_menu li {
	position: relative;
	display: block;
	vertical-align: top;
	list-style: none;
	margin: 0;
	font-size: 110%;
	margin-bottom: 20px;
	padding: 0;
	font-weight: 600;
	letter-spacing: 0.05em;
}
ul.foot_menu li a {
	display: block;
	color: #000;
	text-decoration: none;
}

ul.foot_menu li a:hover {
	text-decoration: underline;
}


ul.foot_menu li ul {
	margin: 0;
	margin-bottom: 20px;
	padding: 0;
}
ul.foot_menu li ul li {
	display: block;
	list-style: none;
	margin: 0;
	margin-top: 15px;
	font-size: 90%;
	font-weight: 500;
	padding: 0;
	padding-left: 15px; 
	line-height: 130%;
	letter-spacing: 0em;
}

ul.foot_menu li ul li:before {
	display: none;
}

@media screen and (max-width: 834px){
ul.foot_menu  {
	border-bottom:  1px solid #CCC;
}
ul.foot_menu li {
	position: relative;
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
	font-weight: 600;
	border-top:  1px solid #CCC;
}

ul.foot_menu li a {
	display: block;
	padding: 15px;
	color: #FFF;
	text-decoration: none;
}
ul.foot_menu li a:hover {
background-color: #6567ad;
	text-decoration: none;
	filter: alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
}
ul.foot_menu li ul {
	margin: 0;
	margin-bottom: 0;
	padding: 0;
	border-top: none;
}
ul.foot_menu li ul li {
	font-size: 90%;
	font-weight: normal;
	padding: 0;
	margin: 0;
	line-height: 130%;
}
ul.foot_menu li ul li a {
	font-weight: normal;
	padding: 10px 20px;
	padding-left: 30px;
	line-height: 130%;
	color: #FFF;
	text-decoration: none;
}
}

/************************************
** フッター SNS
************************************/
.foot_sns {
padding: 24px 0;
padding-top: 32px;
}
@media screen and (max-width: 834px){
.foot_sns {
padding: 0 0;
padding-top: 16px;
}
}
.foot_sns02 {
padding: 16px 0;
padding-top: 24px;
}
@media screen and (max-width: 834px){
.foot_sns02 {
padding: 0 0;
padding-top: 0;
padding-bottom: 16px;
}
}

ul.link_sns {
margin: 0;
padding: 0;
text-align: center;
}

ul.link_sns li {
display: inline-block;
list-style: none;
margin: 0;
padding: 0;
}
ul.link_sns li a {
display: block;
list-style: none;
margin: 0;
padding: 0;
}

.link_sns i {
font-size: 300%;
color: #555;
margin: 0 10px;
}
.link_sns i a {
display: block;
}
.link_sns i:hover {
color: #999;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.link_sns span {
display: none;
text-indent: -99999px;
}
@media screen and (max-width: 834px){
ul.link_sns {
float: none;
margin: 0;
padding: 0;
text-align: center;
}

ul.link_sns li a {
padding: 10px;
}
.link_sns i {
font-size: 300%;
}
.link_sns span {
display: none;
text-indent: 0;
margin-left: 10px;
margin-top:  5px;
vertical-align: top;
}
}



/************************************
** サポート校
************************************/
.bg_foot_school {
position: relative;
background-color: #F5F5F5;
	padding-top: 50px;
	padding-bottom: 10px;
}
@media screen and (max-width: 834px){
.bg_foot_school {
	padding-top: 50px;
	padding-bottom: 5px;
}
}


ul.list_foot_support {
	margin: 0;
	margin-bottom: 24px;
	padding: 0;
    display:flex;
    flex-wrap:wrap;
	justify-content: space-between;
}
ul.list_foot_support li {
	display: inline-block;
	width: calc(100% / 3 - 16px);
	margin: 0;
	padding: 0;
}
ul.list_foot_support li:nth-child(n+4) {
margin-top: 24px;
}
.list_foot_support h5 {
font-size: 100%;
margin-bottom: 5px;
}
.list_foot_support h6 {
font-size: 100%;
font-weight: 500;
margin-bottom: 0;
}
.list_foot_support p {
font-size: 90%;
line-height: 150%;
margin-bottom: 0;
}

@media screen and (max-width: 834px){
ul.list_foot_support {
	margin-bottom: 16px;
}
ul.list_foot_support li {
	width: calc(100% / 2 - 8px);
	margin: 0;
	padding: 0;
}
ul.list_foot_support li:nth-child(n+3) {
margin-top: 16px;
}
.list_foot_support h5 {
font-size: 100%;
letter-spacing: 0;
}
}

table.table_support {
table-layout: auto;
width: 100%;
margin: 0;
padding: 0;
border: none;
background: none;
}


table.table_support tr, table.table_support th, table.table_support td {
margin: 0;
padding: 0;
background: none;
border: none;
}
table.table_support th, table.table_support td {
	margin: 0;
	padding: 0;
vertical-align: top;
}

.googlemap {
    position: relative;
    padding-bottom: 100%;
    height: 0;
    overflow: hidden;
	margin-bottom: 5px;
}
 
.googlemap iframe {
    position: absolute;
	top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


table.table_foot_school {
table-layout: auto;
width: 100%;
margin: 0;
padding: 0;
border: none;
background: none;
min-width: 1080px;
}


table.table_foot_school tr, table.table_foot_school th, table.table_foot_school td {
margin: 0;
padding: 0;
background: none;
border: none;
}
table.table_foot_school th, table.table_foot_school td {
	margin: 0;
	padding: 0;
vertical-align: top;
}
table.table_foot_school td {
font-size: 90%;
line-height: 130%;
}
table.table_foot_school td:nth-child(odd) {
width: 30%;
padding-right: 1.5%;
}
@media screen and (max-width: 834px){
table.table_foot_school {
min-width: inherit;
}
table.table_foot_school th, table.table_foot_school td {
display: block;
margin-bottom: 15px;
}
table.table_foot_school td:nth-child(odd) {
width: auto;
padding-right: 0;
}
}
.table_foot_school h5 {
font-size: 120%;
margin-bottom: 5px;
}
.table_foot_school h6 {
font-size: 110%;
margin-bottom: 0;
font-weight: 500;
}

.table_foot_school ul {
	margin: 0;
	padding: 0;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}


.table_foot_school ul li {
display: inline-block;
vertical-align: top;
width: 32%;
margin: 0;
margin-right: 1.3%;
padding: 0;
}
.table_foot_school ul li:nth-child(3n), .table_foot_school ul li:last-child {
margin-right: 0;
}
@media screen and (max-width: 834px){
.table_foot_school ul li {
width: 48%;
margin-right: 2%;
}
.table_foot_school ul li:nth-child(3n) {
margin-right: 2%;
}
.table_foot_school ul li:nth-child(even), .table_foot_school ul li:last-child {
margin-right: 0;
}

}



/************************************
** タイトル
************************************/
#title {
	background-image: url(../../uploads/2021/05/title_back.jpg);
	background-size: cover;
	background-position: top right;
	clear: both;
	display: block;
	margin: 0 auto;
	margin-bottom: 15px;
}
.title {
	display: block;
	width: 1080px;
	margin: 0 auto;
	padding: 150px 0;
text-shadow: 0 0 3px rgba(0,0,0,0.8);
}
#title h2 {
	font-size: 200%;
	margin: 0 15px;
	color: #FFF;
	padding: 0;
}
@media screen and (max-width: 834px){
#title {
	min-width: inherit;
	margin-bottom: 0;
	margin-top: -5px;
}
.title {
	display: block;
	width: auto;
	margin: 0 auto;
	padding: 80px 10px;
}
#title h2 {
	font-size: 140%;
	margin: 0;
	padding: 0;
}
}


/************************************
** トップページメイン
************************************/
.top_main_slide .imagecenter00 {
width: 100%;
}
@media screen and (max-width: 834px){
.top_main_slide {
margin-top: -4px;
}
}
@media screen and (max-width: 640px){
.top_main_slide {
margin-top: -8px;
}
}

#main_top {
	position: relative;
	display: block;
	clear: both;
	width: 100%;
	min-width: 1080px;
	margin: 0 auto;
	margin-bottom: 0;
	background-size: cover;
	background-repeat: no-repeat;
	overflow: hidden;
}
.main_top_back {
	display: block;
	margin: 0 auto;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.main_top {
position: absolute;
display: block;
max-width: 50%;
margin: 0;
  top: 45%;
  left: 5%;
  transform: translateY(-50%);
}
.main_top_txt {
color: #FFF;
font-weight: 600;
text-align: center;
font-size: 180%;
text-shadow: 0 0 3px rgba(0,0,0,0.8);
}

p.top_main_title {
font-size: 170%;
}
p.top_main_title rt {
font-size: 30%;
}


@media screen and (max-width: 834px){
#main_top {
margin-top: -5px;
	min-width: inherit;
}
.main_top {
max-width: 85%;
margin: 0 auto;
  top: inherit;
  left: 5%;
  bottom: 1%;
  transform: translateY(0);
}

p.top_main_title {
font-size: 120%;
}
p.top_main_title rt {
font-size: 30%;
}
}


/************************************
** トップページ
************************************/


.title_top_set {
display: block;
margin: 0 auto;
text-align: center;
margin-bottom: 32px;
}
@media screen and (max-width: 834px){
.title_top_set {
margin-bottom: 24px;
}
}
h3.title_top {
display: inline-block;
white-space: nowrap;
text-align: center;
background-image: url("../../uploads/2021/05/icon_kirakira01.png"), url("../../uploads/2021/05/icon_kirakira02.png");
background-repeat: no-repeat;
background-position: left center, right center;
padding: 0 2em;
margin: 0;
margin-bottom: 0;
line-height: 150%;
background-size: 60px;
}
h4.title_top {
display: inline-block;
line-height: 1.5;
white-space: nowrap;
text-align: center;
background-image: url("../../uploads/2021/05/icon_kirakira01.png"), url("../../uploads/2021/05/icon_kirakira02.png");
background-repeat: no-repeat;
background-position: left center, right center;
padding: 0 1.5em;
margin: 0;
margin-bottom: 16px;
background-size: 52px;
}
h3.title_top_s {
display: inline-block;
font-size: 200%;
text-align: center;
background-image: url("../../uploads/2021/05/icon_kirakira01.png");
background-repeat: no-repeat;
background-position: left center;
padding: 0 2em;
margin: 0 auto;
margin-bottom: 20px;
background-size: contain;
}

@media screen and (max-width: 834px){
h3.title_top {
line-height: 130%;
margin: 0 auto;
padding: 0 1.5em;
background-size: 32px;
}

h4.title_top {
padding: 0 1.2em;
margin: 0;
margin-bottom: 8px;
background-size: 28px;
}
h3.title_top_s {
font-size: 130%;
padding: 0 7%;
margin: 0 auto;
margin-bottom: 16px;
}
}


/** オープンキャンパス
************************************/


.flex_os_slick {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.flex_os_slick_box {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
flex-flow: column;
width: calc(100% / 3 - 16px);
}
.flex_os_slick::after {
display: block;
content:"";
width: calc(100% / 3 - 16px);
}

.flex_os_slick_box:nth-child(n+4) {
margin-top: 24px;
}
@media screen and (max-width: 834px){
.flex_os_slick_box {
width: calc(100% / 2 - 8px);
}
.flex_os_slick::after {
width: calc(100% / 2 - 8px);
}
.flex_os_slick_box:nth-child(n+3) {
margin-top: 16px;
}
}

.flex_os_slick_sp {
display: block;
margin-bottom: 16px;
}
.flex_os_slick_top {
display: block;
}
.flex_os_slick_middle {
display: block;
}
.flex_os_slick_bottom {
display: block;
margin-top: auto;
}

@media screen and (max-width: 640px){
.flex_os_slick {
display: block;
}
.flex_os_slick::after {
display: none;
}
.flex_os_slick_box {
display: block;
width: auto;
}
.flex_os_slick_box:nth-child(n+2) {
margin-top: 16px;
}

.flex_os_slick_sp {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-bottom: 16px;
}
.flex_os_slick_top {
width: calc(100% / 2 - 8px);
}
.flex_os_slick_middle {
width: calc(100% / 2 - 8px);
}
}



ul.bt_os_slick {
margin: 0;
padding: 0;
}
ul.bt_os_slick li {
display: block;
list-style: none;
margin: 0;
padding: 0;
}
/* ボタン2つの場合
ul.bt_os_slick {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin: 0;
padding: 0;
}
ul.bt_os_slick li {
display: block;
list-style: none;
width: calc(100% / 2 - 4px);
margin: 0;
padding: 0;
}
*/
ul.bt_os_slick li a {
display: block;
margin: 0;
padding: 1em 0.5em;
font-weight: 600;
text-align: center;
background-color: #CCC;
color: #FFF;
text-decoration: none;
}
ul.bt_os_slick li:nth-child(1) a {
background-color: #06F;
}

ul.bt_os_slick li:nth-child(2) a {
background-color: #F60;
}
ul.bt_os_slick li a:hover {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	opacity: 0.7;
}

@media screen and (max-width: 834px){
ul.bt_os_slick li a {
padding: 0.5em 0.5em;
}
}





.flex_os_slick_pic {
display: block;
position: relative;
height: 0;
padding: 0;
padding-bottom: 82%;
margin-bottom: 24px;
overflow: hidden;
background-color: #CCC;
border: 2px solid #CCC;
}
.flex_os_slick_pic img {
position: absolute;
width: 100%;
height: 100%;
object-fit: contain;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}
@media screen and (max-width: 834px){
.flex_os_slick_pic {
margin-bottom: 16px;
}
}@media screen and (max-width: 640px){
.flex_os_slick_pic {
margin-bottom: 0;
}
}



.os_slick_sche {
display: block;
margin-bottom: 16px;
}
p.os_slick_sche_title {
display: block;
font-weight: 600;
margin-bottom: 4px;
}


ul.timesche2023 {
	margin: 0;
	padding: 0;
    display:flex;
    flex-wrap:wrap;
	justify-content: space-between;
}
ul.timesche2023 li {
	position: relative;
	display: block;
	list-style: none;
	margin: 0;
	font-size: 16px;
	padding: 0.5em 0.5em;
	width: calc(100% / 2 - 0.5em);
	border: 1px solid #CCC;
	text-align: center;
	font-weight: 600;
}
ul.timesche2023 li:after {
position: absolute;
  content: '\f0da';
  font-size: 200%;
  color: #CCC;
  font-family: "Font Awesome 5 Free";
  top: 50%;
  left: 102%;
  transform: translateY(-50%);
}
ul.timesche2023 li:last-child::after {
  content: '';
  display: none;
}



.flex_os_slick_txt p,
.flex_os_slick_time {
font-size: 14px;
font-weight: 400;
margin-bottom: 0;
}
.flex_os_slick_day {
color: #999;
font-weight: 600;
margin-top: 8px;
}
.flex_os_slick_title {
display: block;
font-weight: 600;
}

@media screen and (max-width: 640px){
.flex_os_slick_txt p,
.flex_os_slick_time {
margin-bottom: 0;
}
.flex_os_slick_txt {
margin-bottom: 0;
}
}

@media screen and (max-width: 1366px) {
.flex_os_slick_txt p,
.flex_os_slick_time {
font-size: 1.025vw;
}
ul.timesche2023 li {
	font-size: 1.171vw;
}
}

@media screen and (max-width: 1280px) {
.flex_os_slick_txt p,
.flex_os_slick_time {
font-size: 1.094vw;
}
ul.timesche2023 li {
	font-size: 1.250vw;
}
}


@media screen and (max-width: 834px) {
.flex_os_slick_txt p,
.flex_os_slick_time {
font-size: 12px;
}
ul.timesche2023 li {
	font-size: 14px;
}
}


.bg_top_oc {
position: relative;
	padding: 24px 0;
	margin-bottom: 24px;
background-color: #FFD;
}
@media screen and (max-width: 834px){
.bg_top_oc {
	padding: 16px 0;
	margin-bottom: 16px;
}
}
ul.list_oc {
	margin: 0;
margin-bottom: 30px;
	padding: 0;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
ul.list_oc li {
position: relative;
	display: inline-block;
	width: 47.5%;
	padding:  0;
	margin: 0;
	margin-right: 5%;
	margin-bottom: 20px;
	background-color: #FFF;
	box-shadow: 0 0 5px rgba(255,153,0,0.8);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
ul.list_oc li:nth-child(even), ul.list_oc li:last-child {
	margin-right: 0;
}
ul.list_oc li .inner {
padding: 5%;
}
.list_oc h5 {
text-align: center;
font-size: 160%;
color: #F90;
margin-bottom: 10px;
}
.list_oc h6 {
font-size: 90%;
font-weight: 500;
margin-bottom: 10px;
text-align: center;
}
ul.list_oc li p.f80 {
line-height: 150%;
}
@media screen and (max-width: 834px){
ul.list_oc {
display: block;
margin-bottom: 20px;
}
ul.list_oc li {
position: relative;
	display: -block;
	width: auto;
	margin-right: 0;
	margin-bottom: 20px;
}
ul.list_oc li .inner {
padding: 3%;
}
}


.box_oc_left, .box_oc_right {
position: relative;
display: block;
margin-bottom: 30px;
padding: 3% 5%;
padding-top: 1%;
background-color: #FFF;
border: 1px solid #999;
	min-height: 100px;
}
.box_oc_left:before {
  content: "";
  display: block;
  line-height: 0;
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 20px;
  height: 100px;
border-left: solid 30px #F90;
}
.box_oc_right:before {
  content: "";
  display: block;
  line-height: 0;
  position: absolute;
  z-index: 1;
  right: 0;
  top: 0;
  width: 20px;
  height: 100px;
border-right: solid 30px #F90;
}
.box_oc_left h4, .box_oc_right h4 {
position: relative;
font-size: 150%;
color:  #F90;
padding: 10px;
margin-bottom: 20px;
}
.box_oc_left h4:before, .box_oc_right h4:before {
  content: "";
  display: block;
  line-height: 0;
  position: absolute;
  z-index: 1;
  left: 0;
  bottom: 0;
  width: 10%;
border-bottom: 1px solid #F90;
}
@media screen and (max-width: 834px){
.box_oc_left, .box_oc_right {
margin-bottom: 20px;
padding: 3% 5%;
min-height: inherit;
}
.box_oc_left:before {
top: inherit;
  bottom: 0;
  width: 15px;
  height: 30%;
border-left: solid 15px #F90;
}
.box_oc_right:before {
top: inherit;
  bottom: 0;
  width: 15px;
  height: 30%;
border-right: solid 15px #F90;
}
}

ul.list_octaiken {
	margin: 0;
	padding: 0;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
ul.list_octaiken li {
	display: inline-block;
	width: 23%;
	padding:  0;
	padding-bottom: 10px;
	margin: 0;
	margin-right: 2.5%;
	margin-bottom: 20px;
	border-bottom: 1px solid #F90;
}
ul.list_octaiken li:nth-child(4n), ul.list_octaiken li:last-child {
	margin-right: 0;
}
.list_octaiken h5 {
font-weight: 500;
text-align: center;
font-size: 100%;
color: #F90;
padding: 2px 0;
margin-bottom: 10px;
background-color: rgba(255,153,0,0.20);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.list_octaiken p {
margin-bottom: 0;
}
@media screen and (max-width: 834px){
ul.list_octaiken li {
	display: inline-block;
	width: 49%;
	margin-right: 2%;
	margin-bottom: 20px;
	border: none;
}
ul.list_octaiken li:nth-child(even), ul.list_octaiken li:last-child {
	margin-right: 0;
}
.list_octaiken h5 {
font-size: 100%;
padding: 2px 0;
}
.list_octaiken p {
line-height: 130%;
font-size: 90%;
margin-bottom: 0;
}
}






ul.list_table_event {
	margin: 0;
	margin-bottom: 20px;
	padding: 0;
	display: block;
}

ul.list_table_event li {
	display: block;
	padding:  0;
	margin: 0;
	
}
ul.list_table_event li .inner {
padding: 0%;
}
ul.list_table_event li:nth-child(even), ul.list_table_event li:last-child {
	margin-right: 0;
}


@media screen and (max-width: 834px){
ul.list_table_event {
display: block;
margin-bottom: 0;
}
ul.list_table_event li {
	display: block;
	width: auto;
	margin-right: 0;
	margin-bottom: 16px;
}
ul.list_table_event li .inner {
padding: 1%;
padding-top: 0 !important;
}
}




/* 2列時
ul.list_table_event {
	margin: 0;
	margin-bottom: 20px;
	padding: 0;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}

ul.list_table_event li {
	display: inline-block;
	width: 48%;
	padding:  0;
	margin: 0;
	margin-right: 4%;
	background-color: #FFF;
}
ul.list_table_event li .inner {
padding: 5%;
}
ul.list_table_event li:nth-child(even), ul.list_table_event li:last-child {
	margin-right: 0;
}
*/

@media screen and (max-width: 834px){
ul.list_table_event {
display: block;
margin-bottom: 0;
}
ul.list_table_event li {
	display: block;
	width: auto;
	margin-right: 0;
	margin-bottom: 20px;
}
ul.list_table_event li .inner {
padding: 5%;
}
}
.list_table_event h5 {
font-size: 140%;
font-weight: 500;
background-color: #F90;
padding: 2px 15px;
color: #FFF;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.list_table_event h6 {
margin-bottom: 5px;
margin-top: 15px;
font-size: 100%;
font-weight: 600;
border-bottom: 1px solid #F90;
}


ul.list_event_day {
margin: 0;
padding: 0;
margin-bottom: 15px;
}
ul.list_event_day li {
display: inline-block;
list-style: none;
margin: 3px;
width: 30%;
padding: 2px 3%;
text-align: center;
border: 1px solid #CCC;
background-color: #FFF;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

ul.list_event_day li:nth-child(even), ul.list_event_day li:last-child {
	margin-right: 3px;
}
@media screen and (max-width: 1080px){
ul.list_event_day li {
padding: 2px 0;
}
}
@media screen and (max-width: 834px){
ul.list_event_day li {
margin: 0.5%;
width: 22.5%;
padding: 1% 1%;
font-size: 75%;
}
}

ul.list_event_day_full {
margin: 0;
padding: 0;
margin-bottom: 15px;
}
ul.list_event_day_full li {
display: block;
list-style: none;
width: auto !important;
margin: 5px !important;
padding: 2px 3% !important;
border: 1px solid #CCC;
background-color: #FFF;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
@media screen and (max-width: 1080px){
ul.list_event_day_full li {
padding: 2px 0;
}
}
@media screen and (max-width: 834px){
ul.list_event_day_full li {
margin: 0.5%;
padding: 1% 1%;
font-size: 75%;
}
}



/** コース紹介
************************************/
.box_course_white {
position: relative;
display: block;
margin-bottom: 32px;
padding: 32px;
background-color: #FFF;
}

@media screen and (max-width: 834px){
.box_course_white {
margin: 0 -8px;
margin-bottom: 24px;
padding: 16px 16px;
}
}


ul.list_selectstyle {
	margin: 0;
	padding: 0;
	margin-bottom: 24px;
    display:flex;
	justify-content: space-between;
    flex-wrap:wrap;
}
ul.list_selectstyle li {
display: flex;
flex-flow: column;
	width: calc(100% / 2 - 16px);
	padding: 0;
	margin: 0;
}
ul.list_selectstyle li:nth-child(n+3) {
margin-top: 16px;
}


h4.title_selectstyle {
position: relative;
display: inline-block;
padding: 0 50px;
padding-top: 20px;
margin-bottom: 16px;
color: #B08;
	background-image: url("../../uploads/2021/05/icon_sentakubasami.png"), url("../../uploads/2021/05/icon_pencil.png");
	background-repeat: no-repeat;
	background-size: 40px;
	background-position: left center, right center;
}
h4.title_course {
position: relative;
display: inline-block;
padding: 0 50px;
padding-top: 20px;
color: #06F;
border: none;
font-size: 180%;
	background-image: url("../../uploads/2021/05/icon_sentakubasami.png"), url("../../uploads/2021/05/icon_pencil.png");
	background-repeat: no-repeat;
	background-size: 40px;
	background-position: left center, right center;
}

@media screen and (max-width: 834px){
h4.title_selectstyle {
padding: 0 30px;
	background-size: 25px;
margin-bottom: 8px;
}
h4.title_course {
padding: 0 30px;
font-size: 140%;
	background-size: 25px;
}
ul.list_selectstyle {
display: block;
	margin-bottom: 16px;
}
ul.list_selectstyle li {
display: block;
	width: auto;
	margin-right: 0;
	margin-bottom: 16px;
}
}
.t_right_selectstyle {
margin-top: auto;
text-align: right;
}


ul.top_bt_tootokuchou {
	position: relative;
	margin: 0;
	padding: 0;
    display:flex;
    flex-wrap:wrap;
	justify-content: center;
}
ul.top_bt_tootokuchou li {
display: inline-block;
	margin: 0 5px;
	padding:  0;
	text-align: center;
}
ul.top_bt_tootokuchou li a {
display: block;
	margin: 0;
	padding:  4px 24px;
	font-weight: 600;
	font-size: 160%;
	text-decoration: none;
	background-color: #f7b159;
	color: #FFF;
}
@media screen and (max-width: 834px){
ul.top_bt_tootokuchou li a {
	padding:  4px 16px;
	font-weight: 600;
	font-size: 130%;
}}


/** お問い合わせ
************************************/
.box_contact {
position: relative;
display: block;
margin: 0 0;
margin-top: 5em;
padding: 24px 24px;
background-color: #FFF;
text-align: center;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
box-shadow: 0 0 5px rgba(0,0,0,0.3), 5px 5px 5px rgba(0,0,0,0.3);
}
.contact_girl_left, .contact_girl_right {
position: absolute;
max-width: 20%;
bottom: 0;
z-index: 0;
}
.contact_girl_left {
left: 0;
}
.contact_girl_right {
right: 0;
}
.box_contact h4 {
font-weight: 500;
line-height: 150%;
margin-bottom: 16px;
border-bottom: none;
border-top: none;
}
.box_contact h4 span {
color: #B07;
}

@media screen and (max-width: 834px){
.box_contact {
margin: 0;
margin-top: 1em;
padding: 16px 16px;
margin-bottom: 16px;
}
.contact_girl_left, .contact_girl_right {
max-width: 35%;
top: -25px;
}
.box_contact h4 {
margin-bottom: 8px;
}
}

ul.list_contact_oc {
position: relative;
	margin: 0;
	margin-bottom: 15px;
	padding: 0;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
	justify-content: center;
}
ul.list_contact_oc li {
	display: inline-block;
	width: 46%;
	margin: 0 1%;
	padding:  0;
	font-size: 110%;
	text-align: center;
	font-weight: 600;
}
ul.list_contact_oc li a {
	display: block;
}

@media screen and (max-width: 834px){
ul.list_contact_oc {
display: block;
}
ul.list_contact_oc li {
	display: block;
	width: auto;
	margin: 0;
	margin-bottom: 15px;
}
ul.list_contact_oc li:last-child {
	margin-bottom: 0;
}
}


ul.list_contact,
ul.list_contact003 {
position: relative;
z-index: 2;
	margin: 0;
	padding: 0;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
	justify-content: center;
}
ul.list_contact li {
	display: inline-block;
  width: calc(100% / 5 - 10px );
	margin: 0 5px;
	padding:  0;
	font-weight: 600;
	font-size: 120%;
}
ul.list_contact003 li {
	display: inline-block;
  width: calc(100% / 3 - 10px );
	margin: 0 5px;
	padding:  0;
	font-weight: 600;
	font-size: 125%;
}
ul.list_contact li a,
ul.list_contact003 li a {
	display: block;
}
@media screen and (max-width: 1024px){
ul.list_contact li {
	margin: 0 5px;
	padding:  0;
	font-size: 1.8vw;
}
}

@media screen and (max-width: 834px){
ul.list_contact,
ul.list_contact003 {
display: block;
}
ul.list_contact li,
ul.list_contact003 li {
	display: block;
	width: auto;
	margin: 0;
	margin-bottom: 15px;
}
ul.list_contact li {
	font-size: 120%;
}
ul.list_contact li:last-child,
ul.list_contact003 li:last-child {
	margin-bottom: 0;
}
}

.bt_contact_tel, .bt_contact_mail, .bt_contact_mail002, .bt_contact_mail003, .bt_contact_mail004, .bt_contact_document, .bt_contact_line {
display: block;
}
.bt_contact_tel a, .bt_contact_mail a, .bt_contact_mail002 a, .bt_contact_mail003 a, .bt_contact_mail004 a, .bt_contact_document a, .bt_contact_line a {
display: block;
background-color: #999;
color: #FFF;
padding: 3%;
text-decoration: none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

@media screen and (max-width: 834px){
.bt_contact_tel a, .bt_contact_mail a, .bt_contact_mail002 a, .bt_contact_mail003 a, .bt_contact_mail004 a, .bt_contact_document a, .bt_contact_line a {
padding: 2%;
}
}
.bt_contact_tel a {
background-color: #06D;
box-shadow: 0 5px 0 #05B;
}
.bt_contact_mail a {
background-color: #F05;
box-shadow: 0 5px 0 #C03;
}
.bt_contact_mail002 a {
background-color: #F60;
box-shadow: 0 5px 0 #C50;
}
.bt_contact_mail003 a {
background-color: #F58;
box-shadow: 0 5px 0 #C03;
}
.bt_contact_mail004 a {
background-color: #5352bf;
box-shadow: 0 5px 0 #403eb8;
}
.bt_contact_document a {
background-color: #F60;
box-shadow: 0 5px 0 #C50;
}
.bt_contact_line a {
background-color: #00B900;
box-shadow: 0 5px 0 #007700;
}
.bt_contact_tel a:hover {
box-shadow: 0 -5px 0 #05B;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	opacity: 0.8;
}
.bt_contact_mail a:hover {
box-shadow: 0 -5px 0 #C03;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	opacity: 0.8;
}
.bt_contact_mail002 a:hover {
box-shadow: 0 -5px 0 #C50;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	opacity: 0.8;
}
.bt_contact_mail003 a:hover {
box-shadow: 0 -5px 0 #C03;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	opacity: 0.8;
}
.bt_contact_document a:hover {
box-shadow: 0 -5px 0 #C50;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	opacity: 0.8;
}
.bt_contact_line a:hover {
box-shadow: 0 -5px 0 #007700;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	opacity: 0.8;
}
.bt_contact_tel span {
padding-left: 40px;
	background-image: url("../../uploads/2021/05/icon_freedial.png");
	background-repeat: no-repeat;
	background-size: 40px;
	background-position: left center;
}
.bt_contact_mail span {
position: relative;
padding-left: 30px;
}
.bt_contact_mail002 span {
position: relative;
padding-left: 30px;
}
.bt_contact_document span {
position: relative;
padding-left: 30px;
}
.bt_contact_mail span:before {
position: absolute;
	margin-left: -30px;
  content: '\f0e0';
  color: #FFF;
  font-family: "Font Awesome 5 Free";
}
.bt_contact_mail002 span:before {
position: absolute;
	margin-left: -30px;
  content: '\f0e0';
  color: #FFF;
  font-family: "Font Awesome 5 Free";
}
.bt_contact_document span:before {
position: absolute;
	margin-left: -30px;
  content: '\f15c';
  color: #FFF;
  font-family: "Font Awesome 5 Free";
}

.bt_contact_line span:before {
position: absolute;
	margin-left: -30px;
  content: '\f3c0';
  color: #FFF;
  font-family: "Font Awesome 5 Free";
}


/** コースの特徴
************************************/
.bg_top_tokuchou {
position: relative;
	padding: 32px 0;
margin-bottom: 32px;
background-color: #F5F5F5;
}
@media screen and (max-width: 834px){
.bg_top_course {
	padding: 24px 0;
margin-bottom: 24px;
}
}

/** サポートコースの特徴
************************************/

.sp_scroll {
  margin-bottom: 0!important;

}
@media screen and (max-width: 834px) {
  .sp_scroll {
    overflow-x: scroll;
  }
  }
  
.sp_scrollimg {
display: block;
	max-width: 100%;
	margin: 0;
  }
@media screen and (max-width: 834px) {
.sp_scroll .sp_scrollimg {
    width: 100%;
	font-size: 100%;
	margin: 0;
}
}
@media screen and (max-width: 640px) {
.sp_scroll .sp_scrollimg {
    width: 100%;
	min-width: 720px;
	margin: 0;
  }
}

p.sp_scrolltxt {
display: none;
}
.yazirusi {
display: none;
}
@media only screen and (max-width: 834px) {
p.sp_scrolltxt {
display: flex;
align-items: center;
justify-content: space-between;
position: relative;
  color: #F9B54F;
}
}

.yazirusi {
display: inline-block;
        margin-left: 4px;
        width: calc(100% - 5em);
        height: 6px;
        border-bottom: 1px solid #479557;
        border-right: 1px solid #479557;
        transform: skew(45deg);
}





.flex_wschool_course {
display: block;
}
.flex_wschool_course_box {
display: block;
width: 100%;
margin-bottom:1em;
}
.flex_wschool_course_box .inner {
padding: 20px;
}
.flex_wschool_course_box:nth-child(n+2) {
margin-top: 32px
}
.flex_wschool_course_box:nth-child(1) {
background-color: #d1f1bd;
}
.flex_wschool_course_box:nth-child(2) {
background-color: #ade0f9;
}
.flex_wschool_course_box:nth-child(3) {
background-color: #f4cfe6;
}
.flex_wschool_course_box:nth-child(4) {
background-color: #f8de7e;
}
.flex_wschool_course_box:nth-child(5) {
background-color: #aff4f1;
}

@media screen and (max-width: 834px){
.flex_wschool_course {
display: block;
}
.flex_wschool_course_box {
width: auto;
border-radius: 8px;
}
.flex_wschool_course_box .inner {
padding: 8px;
}
.flex_wschool_course_box:nth-child(n+2) {
margin-top: 16px
}
}

.flex_wschool_course_box h5 {
font-size: 150%;
margin-bottom: 8px;
}
.flex_wschool_course_box h6 {
border:none;
padding:0;
font-size: 130%;
margin-bottom: 8px;
}
.flex_wschool_course_box .schedule_kpop{
color:#739F58;
}
.flex_wschool_course_box .schedule_vp{
color:#267498;
}
.flex_wschool_course_box .schedule_dance{
color:#D36DAC;
}
.flex_wschool_course_box .schedule_vocal{
color:#BF9802;
}
.flex_wschool_course_box .schedule_entertain{
color:#378985;
}

.flex_wschool_course_box .vp_flex{
width:100%;
display:flex;
justify-content:space-between;	
margin-bottom:1em;
}
.flex_wschool_course_box .vp_flex img{
width:32%;
}

.flex_wschool_course_box p.att{
font-size:0.8em;	
}

p.wschool_senkou {
font-weight: bold;
line-height: 150%;
color: #000;
margin-bottom: 8px !important;
}

.bg_top_course {
position: relative;
	padding: 32px 0;
background-color: #BEF;
}
.bg_top_course.mb_ari {
margin-bottom: 32px;
}
@media screen and (max-width: 834px){
.bg_top_course {
	padding: 24px 0;
}
.bg_top_course.mb_ari {
margin-bottom: 24px;
}
}

.flex_box_feature {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.flex_box_feature h5 {
margin-bottom: 4px;
font-size: 150%;
}
@media screen and (max-width: 834px){
.flex_box_feature {
display: block;
}
}
.box_feature_tate_flex {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
flex-flow: column;
height: 100%;
width: 100%;
}

.flex_feature_icontext {
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
align-items: center;
}
.flex_feature_icon {
display: block;
width: 5em;
}
.flex_feature_icon i {
font-size: 300%;
color: #D8B;
}
.flex_feature_text {
display: block;
width: calc(100% - 6em);
}

@media screen and (max-width: 834px){
.flex_feature_icontext {
display: block;
}
.flex_feature_icon {
display: block;
width: auto;
text-align: center;
}
.flex_feature_icon i {
font-size: 300%;
}
.flex_feature_text {
display: block;
width: auto;
}
}

.box_feature_in_flex {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
flex-flow: column;
height: 100%;
}
.box_feature_in_flex_txt {
display: block;
}
.box_feature_in_flex_pic {
display: block;
margin-top: auto;
}


.box_feature {
position: relative;
display: block;
width: calc(100% / 2 - 16px);
padding: 24px;
box-shadow: 0 0 5px rgba(0,0,0,0.5);
border-radius: 16px 0 16px 0; /* 左上、右上、右下、左下 */
}
.box_feature:nth-child(n+3) {
margin-top: 24px;
}

.box_feature:before {
  content: "";
  display: block;
  line-height: 0;
  position: absolute;
  z-index: 1;
  right: 0;
  top: 0;
  width: 48px;
  height: 24px;
border-right: solid 90px #D8B;
}
.box_feature p {
margin-bottom: 8px;
}
.box_feature h4 i {
font-size: 120%;
color: #D8B;
margin-right: 0.2em;
}
.box_feature h4 {
margin-bottom: 8px;
}

@media screen and (max-width: 834px){
.box_feature {
width: auto;
padding: 16px;
margin: 0 -8px;
}
.box_feature:before {
  width: 64px;
  height: 12px;
border-right: solid 64px #D8B;
}

.box_feature:nth-child(n+2) {
margin-top: 24px;
}
}



.flex_box_feature_pic_double {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-top: auto;
}

.flex_box_feature_pic_double_box {
display: block;
width: calc(100% / 2 - 8px);

}
.box_cara00 {
position: relative;
display: block;
margin-bottom: 32px;
}

@media screen and (max-width: 834px){
.box_cara00 {
margin-bottom: 16px;
}
}
.box_cara {
position: relative;
display: block;
margin-bottom: 32px;
padding: 24px;
background-color: #FFF;
}
.box_cara_left, .box_cara_right, .box_cara_left02, .box_cara_right02, .box_cara_left03, .box_cara_right03 {
position: relative;
display: block;
margin-bottom: 32px;
padding: 24px;
background-color: #FFF;
box-shadow: 0 0 5px rgba(0,0,0,0.5);
}
.box_cara_left:before {
  content: "";
  display: block;
  line-height: 0;
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 20px;
  height: 100px;
border-left: solid 30px #D8B;
}
.box_cara_right:before {
  content: "";
  display: block;
  line-height: 0;
  position: absolute;
  z-index: 1;
  right: 0;
  top: 0;
  width: 20px;
  height: 100px;
border-right: solid 30px #D8B;
}
.box_cara_left02:before {
  content: "";
  display: block;
  line-height: 0;
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 20px;
  height: 100px;
border-left: solid 30px #BBF;
}
.box_cara_right02:before {
  content: "";
  display: block;
  line-height: 0;
  position: absolute;
  z-index: 1;
  right: 0;
  top: 0;
  width: 20px;
  height: 100px;
border-right: solid 30px #BBF;
}
.box_cara_left03:before {
  content: "";
  display: block;
  line-height: 0;
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 20px;
  height: 100px;
border-left: solid 30px #BFE;
}
.box_cara_right03:before {
  content: "";
  display: block;
  line-height: 0;
  position: absolute;
  z-index: 1;
  right: 0;
  top: 0;
  width: 20px;
  height: 100px;
border-right: solid 30px #BFE;
}
@media screen and (max-width: 834px){
.box_cara {
margin: 0 -12px;
margin-bottom: 24px;
padding: 16px;
}
.box_cara_left, .box_cara_right, .box_cara_left02, .box_cara_right02, .box_cara_left03, .box_cara_right03 {
margin: 0 -12px;
margin-bottom: 24px;
padding: 16px;
}
.box_cara_left:before {
top: inherit;
  bottom: 0;
  width: 15px;
  height: 30%;
border-left: solid 15px #D8B;
}
.box_cara_right:before {
top: inherit;
  bottom: 0;
  width: 15px;
  height: 30%;
border-right: solid 15px #D8B;
}
.box_cara_left02:before {
top: inherit;
  bottom: 0;
  width: 15px;
  height: 30%;
border-left: solid 15px #BBF;
}
.box_cara_right02:before {
top: inherit;
  bottom: 0;
  width: 15px;
  height: 30%;
border-right: solid 15px #BBF;
}
.box_cara_left03:before {
top: inherit;
  bottom: 0;
  width: 15px;
  height: 30%;
border-left: solid 15px #BFE;
}
.box_cara_right03:before {
top: inherit;
  bottom: 0;
  width: 15px;
  height: 30%;
border-right: solid 15px #BFE;
}
}


table.table_cara {
table-layout: auto;
margin: 0;
padding: 0;
border: none;
background: none;
width: 100%;
}
table.table_cara tr, table.table_cara th, table.table_cara td {
margin: 0;
padding: 0;
background: none;
border: none;
}
table.table_cara th {
vertical-align: bottom;
text-align: left;
}
table.table_cara th h4 {
margin-bottom: 7px;
font-size: 150%;
}
table.table_cara th:nth-child(1) {
width: 130px;
padding-right: 10px;
}
table.table_cara td {
padding-top: 15px;
}

@media screen and (max-width: 834px){
table.table_cara {
width: 100%;
}
table.table_cara th h4 {
margin-bottom: 7px;
font-size: 130%;
}
table.table_cara th:nth-child(1) {
width: 100px;
padding-right: 5px;
}
table.table_cara td {
padding-top: 10px;
}
}



.flex_carabox {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.flex_carabox_pic {
display: block;
width: 40%;
}
.flex_carabox_txt {
display: block;
width: 55%;
}
@media screen and (max-width: 834px){
.flex_carabox {
display: block;
}
.flex_carabox_pic {
margin-bottom: 16px;
width: auto;
}
.flex_carabox_txt {
width: auto;
}
}

.img_cara_right {
float: right;
width: 40%;
margin-left: 5%;
margin-top: 2%;
}
.img_cara_left {
float: left;
width: 40%;
margin-right: 5%;
margin-top: 2%;
}

@media screen and (max-width: 834px){
.img_cara_right, .img_cara_left {
float: none;
display: block;
width: auto;
margin: 0 auto;
margin-bottom: 15px;
}
}


.highlight {
    background: linear-gradient(transparent 50%, #ffff66 0%);
    line-height: 1.8em;
}


ul.bt_feature202307 {
	margin: 0;
	padding: 0;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
	justify-content: space-between;
}
ul.bt_feature202307 li {
	display: inline-block;
	list-style: none;
	width: calc(100% / 6 - 16px);
	padding: 0;
	margin: 0;
	border: 1px solid #CCC;
	background-color: #FFF;
	text-align: center;
}

ul.bt_feature202307 li a {
	display: block;
	padding: 16px 8px;
	color: #bb0077;
	text-decoration: none;
	font-weight: 600;
	height: 100%;
}

ul.bt_feature202307 li a:hover {
background-color: #efd6e6;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	opacity: 0.7;
}
@media screen and (max-width: 834px){
ul.bt_feature202307 li {
	width: calc(100% / 3 - 8px);
}
ul.bt_feature202307 li:nth-child(n+4) {
margin-top: 8px;
}
ul.bt_feature202307 li a {
	padding: 8px 8px;
}
}
ul.bt_feature202307 li p {
margin-bottom: 0;
}
ul.bt_feature202307 li a p.gyou02 {
padding-top: 1em;
}
.icon_feature202307 {
display: block;
margin: 0 auto;
margin-bottom: 16px;
max-width: 80px;
}


ul.bt_feature20230710 {
	margin: 0;
	padding: 0;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
	justify-content: space-between;
}
ul.bt_feature20230710 li {
	display: inline-block;
	list-style: none;
	width: calc(100% / 3 - 16px);
	padding: 0;
	margin: 0;
}
ul.bt_feature20230710 li:nth-child(n+4) {
margin-top: 16px;
}
ul.bt_feature20230710 li img {
	display: block;
	list-style: none;
	max-width: 100%;
	padding: 0;
	margin: 0 auto;
}

ul.bt_feature20230710 li a {
	display: block;
}

ul.bt_feature20230710 li a:hover {
background-color: #efd6e6;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	opacity: 0.7;
}

@media screen and (max-width: 834px){
ul.bt_feature20230710 li {
	width: calc(100% / 2 - 4px);
}
ul.bt_feature20230710 li:nth-child(n+3) {
margin-top: 8px;
}
}



ul.list_selectstyle2023 {
	margin: 0;
	padding: 0;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
	justify-content: space-between;
}
ul.list_selectstyle2023 li {
position: relative;
	display: flex;
flex-flow: column;
	width: calc(100% / 4 - 16px);
	padding: 0;
	margin: 0;
}
ul.list_selectstyle2023 li:nth-child(n+5) {
margin-top: 16px;
}

@media screen and (max-width: 834px){
ul.list_selectstyle2023 li {
	width: calc(100% / 2 - 8px);
	padding: 0;
	margin: 0;
}
ul.list_selectstyle2023 li:nth-child(n+3) {
margin-top: 16px;
}
}
@media screen and (max-width: 640px){
ul.list_selectstyle2023 {
    display:block;
}
ul.list_selectstyle2023 li {
    display:block;
	width: auto;
}
ul.list_selectstyle2023 li:nth-child(n+2) {
margin-top: 16px;
}
ul.list_selectstyle2023 li p {
margin-bottom: 8px;
}
}


.flex_selectstyle2023_bt {
margin-top: auto;
text-align: center;
}



table.table_tsuushin {
table-layout: auto;
margin: 0;
padding: 0;
border: none;
background: none;
width: 100%;
}
table.table_tsuushin tr, table.table_tsuushin th, table.table_tsuushin td {
margin: 0;
padding: 0;
background: none;
border: none;
}
table.table_tsuushin td {
text-align: center;
color: #118;
vertical-align: top;
}
@media screen and (max-width: 834px){
table.table_tsuushin th, table.table_tsuushin td {
display: block;
}
}

h3.title_tani {
text-align: center;
font-size: 160%;
color: #118;
}
table.table_tani {
table-layout: fixed;
margin: 0;
padding: 0;
border: none;
background: none;
border-collapse: separate;
border-spacing: 20px;
width: 100%;
}
table.table_tani tr, table.table_tani th, table.table_tani td {
margin: 0;
padding: 0;
background: none;
border: none;
}
table.table_tani td {
padding: 3%;
background-color: #BCF;
}
.table_tani h5 {
text-align: center;
color: #FFF;
font-size: 140%;
font-weight: 500;
}
@media screen and (max-width: 834px){
h3.title_tani {
font-size: 120%;
margin-bottom: 10px;
}
table.table_tani {
border-spacing: 10px;
}
table.table_tani td {
font-size: 90%;
line-height: 130%;
letter-spacing: 0;
}
.table_tani h5 {
font-size: 110%;
}
}



.flex_box_shinro {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}


.flex_box_shinro_txt {
order: 1;
display: block;
width: 55%;
}
.flex_box_shinro_pic {
order: 2;
display: block;
width: 40%;
}

@media screen and (max-width: 834px){
.flex_box_shinro {
display: block;
}


.flex_box_shinro_txt {
width: auto;
}
.flex_box_shinro_pic {
width: auto;
margin: 0 auto;
margin-bottom: 20px;
}
}

.flex_box_shinro_txt h4 {
margin-bottom: 7px;
font-size: 150%;
border-left: 30px solid #bce7f7;
padding-left: 15px;
padding-top: 1em;
}

.flex_box_shinro_txt h5 {
display: inline-block;
margin-bottom: 20px;
font-size: 130%;
text-align: center;
    background: linear-gradient(transparent 50%, #ffff66 0%);
    line-height: 1.8em;
}

.flex_box_shinro_txt p {
padding-left: 50px;
}


@media screen and (max-width: 834px){
.flex_box_shinro_txt h4 {
margin-bottom: 7px;
font-size: 130%;
border-left: 15px solid #bce7f7;
padding-left: 15px;
padding-top: 0;
margin-left: -15px;
}
.flex_box_shinro_txt h5 {
display: inline-block;
font-size: 120%;
}
.flex_box_shinro_txt p {
padding-left: 0;
}
}

.box_shinro_field_shingaku {
display: block;
padding: 1.5em;
padding-bottom: 0.5em;
background: #F5F5F5;
margin-bottom: 30px;
}
.box_shinro_field_shingaku h5 {
font-size: 120%;
  color: #2e67af;
padding-bottom: 2px;
margin-bottom: 5px;
border-bottom: 1px dotted #2e67af;
}

ul.list_shingaku {
margin: 0;
padding: 0 0.5em;
}
ul.list_shingaku li {
position: relative;
list-style: none;
min-width:  27%;
display: inline-block;
margin: 0;
margin-right: 1.5em;
padding: 0;
padding-left: 1.5em;
}
ul.list_shingaku li:before {
position: absolute;
	margin-left: -1.5em;
  content: '\f19d';
  color: #2e67af;
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
}
ul.list_shingaku li:last-child {
margin-right: 0;
}

.box_shinro_field {
display: block;
padding: 1.5em;
padding-bottom: 0.5em;
background: #CCC;
color: #FFF;
margin-bottom: 30px;
}
.box_shinro_field.field01 {
background: #2e67af;
}
.box_shinro_field.field02 {
background: #b68f35;
}
.box_shinro_field.field03 {
background: #56a5b4;
}
.box_shinro_field.field04 {
background: #726da1;
}
.box_shinro_field.field05 {
background: #b4b65c;
}
.box_shinro_field.field06 {
background: #8eb844;
}
.box_shinro_field.field07 {
background: #d65c46;
}
.box_shinro_field.field08 {
background: #df8849;
}
.box_shinro_field.field09 {
background: #7e5f35;
}
.box_shinro_field.field10 {
background: #c09d34;
}
.box_shinro_field.field11 {
background: #85b473;
}


h4.title_shinro_field {
text-align: center;
color: #2e67af;
}
h5.title_shinro_field {
color: #2e67af;
margin-bottom: 0;
}

@media screen and (max-width: 834px){
h4.title_shinro_field {
text-align: left;
color: #2e67af;
}
}

.flex_box_shinro_field {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-bottom: 15px;
align-items: center;
}

.flex_box_shinro_field_txt {
order: 1;
display: block;
width: 65%;
}

.flex_box_shinro_field_txt h5 {
font-size: 150%;
margin-bottom: 10px;
}
.flex_box_shinro_field_txt p {
margin-bottom: 0;
}

.flex_box_shinro_field_pic {
order: 2;
display: block;
width: 32%;
}

@media screen and (max-width: 834px){
.flex_box_shinro_field {
display: block;
}

.flex_box_shinro_field_txt {
width: auto;
}
.flex_box_shinro_field_pic {
width: auto;
margin-bottom: 15px;
}
}

ul.list_shinro_field {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
justify-content: space-between;
margin: 0;
padding: 0;
}
ul.list_shinro_field li {
list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
	 justify-content: center;
    align-items: center;
  width: calc(100% / 4 - 5px );
margin: 0;
margin-top: 10px;
background-color: #FFF;
color: #000;
padding: 0.5em;
line-height: 120%;
font-weight: 600;
text-align: center;
min-height: 50px;
}
.field01 ul.list_shinro_field li {
color: #2e67af;
}
.field02 ul.list_shinro_field li {
color: #b68f35;
}
.field03 ul.list_shinro_field li {
color: #56a5b4;
}
.field04 ul.list_shinro_field li {
color: #726da1;
}
.field05 ul.list_shinro_field li {
color: #b4b65c;
}
.field06 ul.list_shinro_field li {
color: #8eb844;
}
.field07 ul.list_shinro_field li {
color: #d65c46;
}
.field08 ul.list_shinro_field li {
color: #df8849;

入学できる都道府県

学校によって生徒を募集している区域が異なり、制限がある場合があります。
}
.field09 ul.list_shinro_field li {
color: #7e5f35;
}
.field10 ul.list_shinro_field li {
color: #c09d34;
}
.field11 ul.list_shinro_field li {
color: #85b473;
}

@media screen and (max-width: 834px){
ul.list_shinro_field li {
  width: calc(100% / 2 - 5px );
padding: 0.5em 0;
}
}

/** 専門的な授業
************************************/
.bg_top_senmon {
position: relative;
	padding-top: 50px;
	padding-bottom: 10px;
	margin-bottom: 80px;
background-color: #f8e9f5;
}
@media screen and (max-width: 834px){
.bg_top_senmon {
	padding-top: 50px;
	padding-bottom: 5px;
	margin-bottom: 30px;
}
}

ul.list_senmon {
position: relative;
	margin: 0;
	padding: 0;
    display: flex;
    flex-wrap:wrap;
	justify-content: space-between;
}
ul.list_senmon::after {
content: "";
display: block;
	width: calc(100% / 4 - 16px);
}
ul.list_senmon::before {
content: "";
display: block;
	width: calc(100% / 4 - 16px);
	order: 1;
}
ul.list_senmon li {
position: relative;
	display: inline-block;
	width: calc(100% / 4 - 16px);
	padding:  0;
	margin: 0;
	background-color: #FFF;
	border:1px solid #B07;
}
ul.list_senmon li:nth-child(n+5) {
	margin-top: 24px;
}
ul.list_senmon li .inner {
padding: 16px;
}
.list_senmon h5 {
font-weight: 600;
font-size: 120%;
color: #B07;
margin-bottom: 5px;
}
.list_senmon p {
margin-bottom: 0;
}
h4.title_senmon {
font-weight: 500;
text-align: center;
font-size: 160%;
color: #B07;
}
@media screen and (max-width: 834px){
ul.list_senmon li {
position: relative;
	width: calc(100% / 2 - 8px);
	padding:  0;
	margin: 0;
}
ul.list_senmon::after {
display: none;
}
ul.list_senmon::before {
display: none;
}
ul.list_senmon li:nth-child(n+3) {
	margin-top: 16px;
}

ul.list_senmon li .inner {
padding: 8px;
}
h4.title_senmon {
text-align: left;
font-size: 130%;
}
}

.pic_senmon {
display: block;
position: relative;
padding: 0;
margin: 0;
margin-bottom: 8px;
}
.pic_senmon .imagecenter00 {
display: block;
width: 100%;
margin: 0 auto;
}
.pic_senmon p {
margin-bottom: 0;
}

.tag_senmon {
position: absolute;
width: 70px;
top: -10px;
left: -10px;
}
@media screen and (max-width: 834px){
.tag_senmon {
top: -10px;
left: -5px;
width: 90px;
}
}
@media screen and (max-width: 640px){

ul.list_senmon {
    display:block;
}
ul.list_senmon li {
display: block;
	width: auto;
}
ul.list_senmon li:nth-child(n+2) {
	margin-top: 16px;
}
.tag_senmon {
top: -10px;
left: -5px;
width: 70px;
}
}



/** TSM高等課程ダブルスクールコース
************************************/
.bg_top_wschool {
position: relative;
	padding-top: 50px;
	padding-bottom: 10px;
	margin-bottom: 80px;
background-color: #f8e9f5;
}
@media screen and (max-width: 834px){
.bg_top_wschool {
	padding-top: 50px;
	padding-bottom: 5px;
	margin-bottom: 30px;
}
}


.box_wschool {
position: relative;
display: block;
padding-left: 5%;
background-color: #FFF;
}
.box_wschool:before {
  content: "";
  display: block;
  line-height: 0;
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 20px;
  height: 100px;
  border-left: solid 30px #D8B;
}
@media screen and (max-width: 834px){
.box_wschool {
padding: 15px;
margin: 0 -16px;
}
.box_wschool:before {
  content: "";
  display: block;
  line-height: 0;
  position: absolute;
  z-index: 1;
  left: 0;
  top: inherit;
  bottom: 15px;
  width: 15px;
  height: 5em;
  border-left: solid 15px #D8B;
}
.img_wschool_right, .img_wschool_left {
float: none;
display: block;
width: auto;
margin: 0 auto;
margin-bottom: 15px;
}
}

.box_wschool_flex {
display: flex;
justify-content:space-between;
flex-wrap: wrap;
}
.box_wschool_flex_txt {
order: 1;
display: block;
width: calc(60% - 16px);
padding-top: 3%;
}
.box_wschool_flex_txt h5 {
line-height: 150%;
}
.box_wschool_flex_pic {
order: 2;
display: block;
width: calc(40% - 16px);
}
@media screen and (max-width: 834px){
.box_wschool_flex {
display: block;
}
.box_wschool_flex_txt {
display: block;
width: auto;
padding-top: 0;
padding-left: 8px;
}
.box_wschool_flex_pic {
display: block;
width: auto;
margin-bottom: 8px;
}
}


.img_wschool_right {
float: right;
width: 40%;
margin-left: 5%;
}
.img_wschool_left {
float: left;
width: 40%;
margin-right: 5%;
}



/** 入学までの流れ
************************************/

ul.list_facilities {
	margin: 0;
	padding: 0;
    display:flex;
    flex-wrap:wrap;
	justify-content: space-between;
}
ul.list_facilities li {
position: relative;
	display: block;
	width: calc(100% / 4 - 8px);
	padding:  0;
	margin: 0;
}
ul.list_facilities li:nth-child(n+5) {
margin-top: 16px;
}

ul.list_facilities li .inner {
padding: 0;
}
.list_facilities h5 {
font-weight: 500;
text-align: center;
color: #11B;
margin-bottom: 0;
}

h4.title_facilities {
font-weight: 500;
text-align: center;
color: #118;
line-height: 150%;
margin-bottom: 16px;
}

@media screen and (max-width: 834px){
ul.list_facilities li {
position: relative;
	width: calc(100% / 2 - 8px);
}
ul.list_facilities li:nth-child(n+3) {
margin-top: 8px;
}
h4.title_facilities {
text-align: left;
margin-bottom: 8px;
}
}

@media screen and (max-width: 640px){
ul.list_facilities {
    display:block;
	margin-bottom: 16px;
}
ul.list_facilities li {
position: relative;
    display:block;
	width: auto;
}
ul.list_facilities li:nth-child(n+2) {
margin-top: 8px;
}
}


/** 入学までの流れ
************************************/
.bg_top_flow {
position: relative;
	padding-top: 32px;
	padding-bottom: 32px;
	margin-bottom: 32px;
	/*ここで背景のベースカラーを指定する*/
background-color: #CEF;
background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #FFF), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #FFF),color-stop(.75, #FFF), color-stop(.75, transparent),to(transparent));
 
/*ここでパターンの大きさを指定する
（※数字によってはストライプのグラデーションがずれるので注意）*/
-webkit-background-size: 7px 7px;
}
@media screen and (max-width: 834px){
.bg_top_flow {
	padding-top: 24px;
	padding-bottom: 24px;
	margin-bottom: 24px;
}
}

.top_flow {
  display: flex;
position: relative;
width: 100%;
}
.top_flow div img {
display: block;
margin: 0 auto;
margin-bottom: 0;
max-width: 100%;
}

p.sp_scroll {
display: none;
}
@media screen and (max-width: 834px){
.top_flow {
max-width: 1100px;
  overflow-x: auto;
  padding-bottom: 10px;
  -webkit-overflow-scrolling: touch;
}
.top_flow div img {
  max-width: 100%;
  min-width: 830px;
  vertical-align: top;
}

/*===========
scrollbar
===========*/
/*スクロールバー全体の高さ*/
.top_flow::-webkit-scrollbar {
  height: 4px;
}
/*スクロールバー全体の背景*/
.top_flow::-webkit-scrollbar-track {
  background: #eee;
}
/*スクロールバーの動く部分*/
.top_flow::-webkit-scrollbar-thumb {
  background: #aaa;
  border: none;
}
/*スクロールバーの動く部分のホバー（マウスオーバー）*/
.top_flow::-webkit-scrollbar-thumb:hover {
  background: #999;
}
p.sp_scroll {
position: relative;
display: block;
color: #F00;
}
p.sp_scroll:before,
p.sp_scroll:after{
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  height: 1px;
  right: 15%;
  background: #F00;
}
p.sp_scroll:before{
  width: 60%;
  transform: translate(45px, 0px);
}
p.sp_scroll:after{
  width: 15px;
  transform-origin: right center;
  transform: translate(45px, 0px) rotate(25deg);
}
}



/** 編入学・転入学について
************************************/

ul.henten_flow {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
width: 100%;
margin: 0;
padding: 0;
}
ul.henten_flow li {
position: relative;
border: 5px solid #F60;
margin: 0;
padding: 16px;
display: flex;
width: calc(100% / 3 - 24px);
flex-flow: column;
flex-wrap: wrap;
align-items: center;
border-radius: 8px;
font-size: 130%;
line-height: 150%;
font-weight: 600;
text-align: center;
}
ul.henten_flow li:after {
position: absolute;
  content: '\f0da';
  font-size: 200%;
  color: #F00;
  font-family: "Font Awesome 5 Free";
  top: 50%;
  left: 105%;
  transform: translateY(-50%);

}
ul.henten_flow li:last-child:after {
position: absolute;
  content: '';
}

@media screen and (max-width: 834px){
ul.henten_flow {
flex-flow: column;
}
ul.henten_flow li {
display: block;
width: auto;
padding: 8px;
font-size: 120%;
}
ul.henten_flow li:nth-child(n+2) {
margin-top: 24px;
}
ul.henten_flow li:after {
  content: '\f0d7';
  top: 103%;
  left: 50%;
  transform: translateX(-50%) translateY(0);

}
}

.flex_henten_nayami {
display: flex;
flex-flow: column;
margin: 0 auto;
justify-content: space-between;
max-width: 1000px;
flex-wrap: wrap;
}


.flex_henten_nayami_box {
display: block;
margin: 0 auto;
}
.flex_henten_flow_box {
width: 100%;
display: block;
margin: 0 auto;
margin-top: 16px;
}
.flex_henten_nayami_yaji {
display: block;
margin: 0 auto;
padding: 16px 0;
max-width: 30%;
}
@media screen and (max-width: 834px){
.flex_henten_nayami {
margin: 0 0;
margin-top: -24px;
}
.flex_henten_nayami_yaji {
padding: 8px 0;
padding-bottom: 0;
max-width: 30%;
}
}
.henten_flow_in {
display: flex;
flex-wrap: wrap;
flex-flow: column;
}
.henten_flow_in_pic {
display: block;
margin-bottom: 8px;
}
.henten_flow_in_pic img {
max-width: 70%;
}
.henten_flow_in_txt {
display: block;
}

@media screen and (max-width: 834px){
.henten_flow_in {
justify-content: space-between;
flex-flow: wrap;
align-items: center;
}
.henten_flow_in_pic {
width: 25%;
margin-bottom: 0;
}
.henten_flow_in_pic img {
max-width: 100%;
}
.henten_flow_in_txt {
width: 70%;
}
}

table.table_transfer {
table-layout: fixed;
width: 100%;
margin: 0;
padding: 0;
background: none;
margin-bottom: 16px;
min-width: 1080px;
}
table.table_transfer tr, table.table_transfer th, table.table_transfer td {
margin: 0;
padding: 0;
background: none;
border: none;
}
table.table_transfer th, table.table_transfer td {
vertical-align: middle;
}

table.table_transfer th {
position: relative;
height: 0;
padding-bottom: 32%;
overflow: hidden;
}

table.table_transfer th img  {
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}

table.table_transfer td {
background-color: #f8e9f5;
padding: 3.5%;
}

.table_transfer h4 {
font-size: 140%;
color: #B07;
padding-left: 90px;
	background-image: url("../../uploads/2021/05/icon_bird.png");
	background-repeat: no-repeat;
	background-size: 80px;
	background-position: left center;

}
@media screen and (max-width: 834px){
.table_transfer_box {
display: block;
margin: 0 -16px;
}
table.table_transfer {
min-width: inherit;
margin-bottom: 24px;
}
table.table_transfer th, table.table_transfer td {
display: block;
}
table.table_transfer th {
padding-bottom: 64%;
}

.table_transfer h4 {
font-size: 120%;
padding-left: 50px;
	background-size: 50px;

}
}
.transfer_pic {
display: none;
}
@media screen and (max-width: 834px){
.transfer_pic {
display: block;
position: relative;
height: 0;
padding-bottom: 64%;
overflow: hidden;
margin: 0 -16px;
margin-bottom: 15px;
}
.transfer_pic img  {
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}
}




table.nyushi_table,
table.nyushi_table02,
table.nyushi_table03 {
table-layout: fixed;
width: 100%;
background: none;
margin: 0;
padding: 0;
}
table.nyushi_table tr,
table.nyushi_table02 tr,
table.nyushi_table03 tr {
background: none;
margin: 0;
padding: 0;
}
table.nyushi_table th,
table.nyushi_table02 th,
table.nyushi_table03 th {
white-space: nowrap;
padding: 0.5em 1em;
}
table.nyushi_table td,
table.nyushi_table02 td,
table.nyushi_table03 td {
padding: 0.5em 1em;
}

table.nyushi_table02 th:first-child,
table.nyushi_table03 th:first-child {
width: 15em;
}




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

table.nyushi_table,
table.nyushi_table02,
table.nyushi_table03 {
/* min-width: 834px;
width: 100%; */
width: auto;
min-width: 920px;
}

.nyushi_table table.nyushi_table,
.nyushi_table table.nyushi_table02,
.nyushi_table table.nyushi_table03 {
	width: 920px;
	/* width: 100%; */
	border-collapse: collapse;
}
}




h4.nyushi_ttl_02 {
margin-bottom: 8px;
}
.nyushi_table_box {
display: block;
}
table.nyushi_table {
table-layout: fixed;
width: 100%;
}
table.nyushi_table th.midashitable,
table.nyushi_table td.midashitable {
width: 10em
}
table.nyushi_table th {
white-space: nowrap;
}

@media screen and (max-width: 834px){
.nyushi_table_box {
overflow-x: scroll;
}

}






/** サポート体制
************************************/
.bg_top_supporttaisei {
position: relative;
	padding-top: 50px;
	padding-bottom: 10px;
	margin-bottom: 80px;
background-color: #EFE;
}
@media screen and (max-width: 834px){
.bg_top_supporttaisei{
	padding-top: 50px;
	padding-bottom: 5px;
	margin-bottom: 30px;
}
}

@media screen and (max-width: 834px){
.table_supporttaisei_box {
margin: 0 -16px
}
}

.flex_supporttaisei {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
background-color: #EFE;
}
.flex_supporttaisei_pic,
.flex_supporttaisei_txt {
display: block;
width: 50%;
margin: 0;
padding: 0;
}
.flex_supporttaisei_pic {
position: relative;
height: 0;
padding-bottom: 32%;
overflow: hidden;
}
@media screen and (max-width: 1080px){

.flex_supporttaisei_pic {
padding-bottom: 45%;
}
}
.flex_supporttaisei_txt {
padding: 24px;
}
.flex_supporttaisei_pic img  {
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}

@media screen and (max-width: 834px){
.flex_supporttaisei {
display: block;
}
.flex_supporttaisei_pic,
.flex_supporttaisei_txt {
width: auto;
}
.flex_supporttaisei_pic {
padding-bottom: 0;
height: auto;
}

.flex_supporttaisei_pic img  {
position: inherit;
width: 100%;
height: 100%;
object-fit: contain;
  top: 0%;
  left: 0%;
  transform: translateY(-0%) translateX(-0%);
}
.flex_supporttaisei_txt {
padding: 16px;
padding-bottom: 24px;
}
}

.flex_supporttaisei h4 {
font-size: 140%;
color: #3C3;
padding-left: 90px;
	background-image: url("../../uploads/2021/05/icon_bird.png");
	background-repeat: no-repeat;
	background-size: 80px;
	background-position: left center;
}
@media screen and (max-width: 834px){
.flex_supporttaisei h4 {
padding-left: 50px;
background-size: 50px;
line-height: 150%;

}
}


table.table_supporttaisei {
table-layout: fixed;
width: 100%;
margin: 0;
padding: 0;
background: none;
margin-bottom: 32px;
}
table.table_supporttaisei tr, table.table_supporttaisei th, table.table_supporttaisei td {
margin: 0;
padding: 0;
background: none;
border: none;
}
table.table_supporttaisei th, table.table_supporttaisei td {
vertical-align: middle;
}

table.table_supporttaisei th {
position: relative;
height: 0;
padding-bottom: 32%;
overflow: hidden;
}

table.table_supporttaisei th img  {
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}

table.table_supporttaisei td {
background-color: #EFE;
padding: 3.5%;
}

.table_supporttaisei h4 {
font-size: 140%;
color: #3C3;
padding-left: 90px;
	background-image: url("../../uploads/2021/05/icon_bird.png");
	background-repeat: no-repeat;
	background-size: 80px;
	background-position: left center;

}
@media screen and (max-width: 834px){
table.table_supporttaisei {
min-width: inherit;
margin-bottom: 30px;
}
table.table_supporttaisei th, table.table_supporttaisei td {
display: block;
}
table.table_supporttaisei th {
padding-bottom: 64%;
}

.table_supporttaisei h4 {
font-size: 120%;
padding-left: 50px;
	background-size: 50px;

}
}
.supporttaisei_pic {
display: none;
}
@media screen and (max-width: 834px){
.supporttaisei_pic {
display: block;
position: relative;
height: 0;
padding-bottom: 64%;
overflow: hidden;
margin: 0 -16px;
margin-bottom: 15px;
}
.supporttaisei_pic img  {
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}
}



/** 制服紹介
************************************/


table.table_uniform {
table-layout: fixed;
margin: 0;
padding: 0;
border: none;
background: none;
width: 100%;
/*
  background: linear-gradient(180deg, #FFF 0%, #FFF 50%, #FDF 50%, #FDF 80%, #FFF 80%, #FFF 100%);
  */
}
table.table_uniform tr, table.table_uniform th, table.table_uniform td {
margin: 0;
padding: 0;
background: none;
border: none;
}
table.table_uniform td:nth-child(odd) {
padding-right: 2%;
}
table.table_uniform td:nth-child(even) {
padding-left: 2%;
}
@media screen and (max-width: 834px){
table.table_uniform {
background: none;
}
table.table_uniform td {
display: block;
padding: 0 5%;
margin-bottom: 20px;
background: none;
}
table.table_uniform td:nth-child(odd) {
padding-right: 0;
  background: linear-gradient(180deg, #FFF 0%, #FFF 50%, #FDF 50%, #FDF 80%, #FFF 80%, #FFF 100%);
}
table.table_uniform td:nth-child(even) {
padding-left: 0;
}

}


.table_uniform h4 {
font-weight: 500;
font-size: 160%;
color: #B07;
}
@media screen and (max-width: 834px){
.table_uniform h4 {
font-size: 130%;
}
}


/** よくあるQ&A
************************************/

dl#acMenu {
	margin: 0;
	padding: 0;
}


#acMenu dt {
	position: relative;
	display:block;
	margin: 0;
	margin-bottom: 30px;
padding-left: 60px;
	cursor:pointer;
	background-image: url("../../uploads/2021/06/icon_plus.png");
	background-repeat: no-repeat;
	background-position: right 15px center;
	background-size: 30px;
font-size: 130%;
color: #F93;
  height: auto;
}
#acMenu dt:before {
position: absolute;
	display: block;
	margin-left: -60px;
  font-size: 150%;
  content: 'Q';
  color: #FFF;
  font-weight: 600;
  text-align: center;
  width: 50px;
  line-height: 50px;
  background-color: #F93;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
#acMenu dd {
position: relative;
margin: 0;
margin-bottom: 30px;
border-bottom: 1px dotted #CCC;
padding: 0;
padding-top: 8px;
padding-left: 60px;
min-height: 70px;
vertical-align: middle;
	display:none;
}

#acMenu dd:before {
position: absolute;
	display: block;
	margin-left: -60px;
  font-size: 150%;
  content: 'A';
  color: #FFF;
  font-weight: 600;
  text-align: center;
  width: 50px;
  line-height: 50px;
  background-color: #F9D;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
#acMenu dt.active{
	background-image: url("../../uploads/2021/06/icon_minus.png");
	margin-bottom: 0;
}


@media screen and (max-width: 834px){
#acMenu dl {
display: block;
margin: 0;
padding: 0;
}

#acMenu dt {
padding-left: 30px;
margin-bottom: 20px;
font-size: 100%;
line-height: 130%;
	background-size: 15px;
	padding-right: 35px;
}
#acMenu dt:before {
	margin-left: -30px;
  font-size: 100%;
  width: 24px;
  line-height: 24px;
  top: 0;
  transform: translateY(0);
}
#acMenu dd {
padding-left: 30px;
padding-right: 30px;
padding-bottom: 10px;
font-size: 90%;
line-height: 130%;
}
#acMenu dd:before {
	margin-left: -30px;
  font-size: 100%;
  width: 24px;
  line-height: 24px;
  top: 10px;
  transform: translateY(0);
}
}




dl#acMenu002 {
	margin: 0;
	padding: 0;
}


#acMenu002 dt {
	position: relative;
	display:block;
	margin-bottom: 30px;
	cursor:pointer;
	background-color: #FFF;
	/*
	background-image: url("../../uploads/2021/11/icon_plus_new.png");
	background-repeat: no-repeat;
	background-position: right 35px center;
	background-size: 30px;
	*/
     height: auto;
	padding-top: 25px;
	padding-bottom: 25px;
	padding-right: 20px;
    margin: 2em 0;
    font-weight: bold;
    color: #ff8484;/*文字色*/
    border: dotted 5px #ff8484;/*線*/
    border-radius: 10px;/*角の丸み*/
	width: 100%;
	padding-left: 80px;	
}

#acMenu002 dt:before {
content: "";
 display: inline-block;
 width: 45px;
 height: 70px;
 background-image:url("../../uploads/2021/11/icon_q.png");
 background-repeat: no-repeat;
 background-size: contain;
  top: 10px;
  left: 20px;	
 vertical-align: middle;	
  position: absolute;	
}

#acMenu002 dd {
position: relative;
padding-top: 25px;
padding-bottom: 25px;
padding-right: 20px;	
min-height: 100px;
	background-color: #FFF;
display:none;
height: auto;
padding-left: 80px;	
margin-bottom: 10px;	
margin: 2em 0;
border: solid 3px #9cbb1c;/*線*/
border-radius: 10px;/*角の丸み*/
width: 100%;
vertical-align: middle;	
line-height: 150%;
 color: #9cbb1c;
}

#acMenu002 dd:before {
content: "";
 display: inline-block;
 width: 45px;
 height: 70px;
 background-image:url("../../uploads/2021/11/icon_a.png");
 background-repeat: no-repeat;
 background-size: contain;
  top: 10px;
  left: 20px;	
 vertical-align: middle;	
  position: absolute;
}
/*
#acMenu002 dt.active{
	background-image: url("../../uploads/2021/11/icon_minus_new.png");
	margin-bottom: 0;
}
*/


@media screen and (max-width: 834px){
#acMenu002 dl {
display: block;
margin: 0;
padding: 0;
}

#acMenu002 dt {
	position: relative;
	display:block;
	margin-bottom: 30px;
	cursor:pointer;
	/*
	background-image: url("../../uploads/2021/11/icon_plus_new.png");
	background-repeat: no-repeat;
	background-position: right 5px top 50%;
	background-size: 30px;
	*/
     height: auto;
	padding-top: 15px;
	padding-bottom: 15px;
    padding-right: 10px;
	padding-left: 50px;	
    margin: 2em 0;
    font-weight: bold;
    color: #ff8484;/*文字色*/
    border: dotted 3px #ff8484;/*線*/
    border-radius: 10px;/*角の丸み*/
	width: 100%;
	 vertical-align: middle;	
}

#acMenu002 dt:before {
content: "";
 display: inline-block;
 width: 35px;
 height: 40px;
 background-image:url("../../uploads/2021/11/icon_q.png");
 background-repeat: no-repeat;
 background-size: contain;
  top: 10px;
  left: 5px;	
 vertical-align: middle;	
  position: absolute;	
}

#acMenu002 dd {
position: relative;
padding-top: 15px;
padding-bottom: 15px;
padding-right: 10px;	
min-height: 7px;
vertical-align: middle;
display:none;
height: auto;
padding-left: 40px;	
margin-bottom: 10px;	
margin: 2em 0;
border: solid 3px #9cbb1c;/*線*/
border-radius: 10px;/*角の丸み*/
width: 100%;
line-height: 150%;
 color: #9cbb1c;
}

#acMenu002 dd:before {
content: "";
 display: inline-block;
 width: 35px;
 height: 40px;
 background-image:url("../../uploads/2021/11/icon_a.png");
 background-repeat: no-repeat;
 background-size: contain;
  top: 20px;
  left: 5px;	
 vertical-align: middle;	
  position: absolute;
}

}



dl.faq {
display: block;
margin: 0;
padding: 0;
}

dl.faq dt {
position: relative;
margin: 0;
margin-bottom: 20px;
padding: 0;
padding-left: 60px;
font-size: 130%;
color: #F93;
}
dl.faq dd {
position: relative;
margin: 0;
margin-bottom: 30px;
border-bottom: 1px dotted #CCC;
padding: 0;
padding-top: 8px;
padding-left: 60px;
min-height: 70px;
vertical-align: middle;
}
dl.faq dt:before {
position: absolute;
	display: block;
	margin-left: -60px;
  font-size: 150%;
  content: 'Q';
  color: #FFF;
  font-weight: 600;
  text-align: center;
  width: 50px;
  line-height: 50px;
  background-color: #F93;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
dl.faq dd:before {
position: absolute;
	display: block;
	margin-left: -60px;
  font-size: 150%;
  content: 'A';
  color: #FFF;
  font-weight: 600;
  text-align: center;
  width: 50px;
  line-height: 50px;
  background-color: #F9D;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
  top: 50%;
  transform: translateY(-50%);
}

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

dl.faq dt {
padding-left: 30px;
margin-bottom: 10px;
font-size: 100%;
line-height: 130%;
}
dl.faq dd {
padding-top: 0;
padding-left: 30px;
padding-bottom: 10px;
font-size: 90%;
line-height: 130%;
}
dl.faq dt:before {
	margin-left: -30px;
  font-size: 100%;
  width: 24px;
  line-height: 24px;
  top: -2px;
  transform: translateY(0);
}
dl.faq dd:before {
	margin-left: -30px;
  font-size: 100%;
  width: 24px;
  line-height: 24px;
  top: -2px;
  transform: translateY(0);
}
}


/** アクセス
************************************/
.bg_top_access {
position: relative;
background-color: #FFE;
	padding-top: 50px;
	padding-bottom: 10px;
	margin-bottom: 50px;
}
@media screen and (max-width: 834px){
.bg_top_access {
	padding-top: 50px;
	padding-bottom: 5px;
	margin-bottom: 30px;
}
}

table.table_top_access {
table-layout: fixed;
width: 100%;
margin: 0;
padding: 0;
background: none;
min-width: 1080px;
}
table.table_top_access tr, table.table_top_access th, table.table_top_access td {
margin: 0;
padding: 0;
background: none;
border: none;
}
table.table_top_access th, table.table_top_access td {
	vertical-align: middle;
}

table.table_top_access td:nth-child(odd) {
width: 65%;
}

@media screen and (max-width: 834px){
table.table_top_access {
min-width: inherit;
}
table.table_top_access th, table.table_top_access td {
display: block;
}

table.table_top_access td:nth-child(odd) {
width: auto;
}
}

.box_access {
display: block;
margin-bottom: 20px;
padding: 5%;
padding-bottom: 2%;
line-height: 130%;
background-color: #FFF;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.box_access_title {
position: relative;
display: block;
margin-bottom: 20px;
background-color: #2cd5e4;
color: #FFF;
text-align: center;
line-height: 130%;
padding: 3%;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;

}
.box_access h4 {
margin: 0;
}
.box_access .f90 {
letter-spacing: 0;
}
.table_top_access h5 {
font-weight: 500;
font-size: 140%;
color: #8381b9;
margin-bottom: 0;
}
.box_access_flag {
position: absolute;
bottom: 15%;
left: 3%;
max-width: 60px;
}


.bt_line {
display: block;
margin-bottom: 8px;
text-align: center;
}
.bt_line i {
font-weight: 900;
margin-right: 4px;
}
.bt_line a {
font-size: 24px;
font-weight: 600;
display: block;
padding: 16px;
	border-radius: 8px;
	background-color: #06C755;
	color: #FFF;
	text-decoration: none;
}
.bt_line a:hover {
	background-color: #FFF;
	color: #06C755 !important;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

@media screen and (max-width: 834px){
.bt_line {
margin-bottom: 16px;
}
.bt_line a {
padding: 16px 8px;
}
}

@media screen and (max-width: 640px){
.bt_line {
margin-bottom: 16px;
}
.bt_line a {
font-size: 18px;
padding: 16px 8px;
}
}

.box_access002 {
display: block;
margin-bottom: 20px;
padding: 16px;
line-height: 150%;
background-color: #FFF;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
border: 1px solid;	
border-color: #2cd5e4;	
color: #000;
}

.box_access002_title {
position: relative;
display: block;
margin-bottom: 20px;
background-color: #2cd5e4;
color: #FFF;
text-align: center;
line-height: 130%;
padding: 3%;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;

}
.box_access002_jikei {
margin: 0;
font-weight: 500;
line-height: 150%;
}
.box_access002 .f90 {
letter-spacing: 0;
}
.table_top_access002 h5 {
font-weight: 500;
font-size: 140%;
color: #8381b9;
margin-bottom: 0;
}
.box_access002_flag {
position: absolute;
bottom: 25%;
left: 3%;
max-width: 60px;
}
@media screen and (max-width: 834px){
.box_access {
display: block;
margin-bottom: 16px;
padding: 8px;
}
.box_access_title {
margin-bottom: 10px;
padding: 2% 3%;
}
	
.box_access002 {
display: block;
margin-bottom: 16px;
}
.box_access002_title {
margin-bottom: 10px;
padding: 2% 3%;
}	
	
.table_top_access h5 {
font-size: 110%;
}
.table_top_access p {
font-size: 95%;
}
}

/**ニュース
************************************/
table.top_news {
table-layout: fixed;
width: 100%;
	margin: 0;
	margin-bottom: 30px;
	padding: 0;
}
table.top_news tr, table.top_news th, table.top_news td {
margin: 0;
padding: 0;
background: none;
border: none;
}
table.top_news th, table.top_news td {
	border-top: 1px dotted #CCC;
	border-bottom: 1px dotted #CCC;
	margin: 0;
	padding: 20px;
	padding-bottom: 5px;
	vertical-align: top;
font-weight: 500;
}
table.top_news th {
	width: 200px;
	text-align: left;
	padding-right: 0;
}
table.top_news td p {
margin: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}


@media screen and (max-width: 834px){
table.top_news {
	margin-bottom: 15px;
}
table.top_news th, table.top_news td {
display: block;
	border-top: none;
	border-bottom: none;
	padding: 10px;
}
table.top_news th {
	width: auto;
	padding: 0 10px;
	line-height: 130%;
}
table.top_news td {
	padding: 0 10px;
	border-bottom: 1px solid #CCC;
	margin-bottom: 15px;
}
}

.top_news a{
	display: block;
	color: #4C9;
	text-decoration: none;
}
.top_news a:hover {
	text-decoration: underline;
}

p.daytime {
display: inline-block;
margin-right: 10px;
}
.tag_new {
	display: inline-block;
	margin: 0;
	font-size: 90%;
	padding: 5px 10px;
	background-color: #4C9;
	color: #FFF;
	text-align: center;
	line-height: 100%;
}


/** ブログ TOP
************************************/
.bg_top_blog {
position: relative;
background-color: #EFF;
	padding: 32px 0;
	margin-bottom: 32px;
}
@media screen and (max-width: 834px){
.bg_top_blog {
	padding: 24px 0;
	margin-bottom: 24px;
}
}

ul.list_top_blog {
	margin: 0;
	margin-bottom: 16px;
	padding: 0;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
	justify-content: center;
}
ul.list_top_blog li {
	display: inline-block;
	width: 25%;
	margin: 0;
	padding:  0;
}
@media screen and (max-width: 834px){

ul.list_top_blog li {
	width: 50%;
}
}

table.table_top_blog {
table-layout: fixed;
width: 100%;
	margin: 0;
	padding: 0;
	height: 100%;
	background-color: #FFF;
border: 1px solid #09C;
}
table.table_top_blog tr, table.table_top_blog th, table.table_top_blog td {
margin: 0;
padding: 0;
background: none;
border: none;
}
table.table_top_blog th, table.table_top_blog td {
	margin: 0;
	padding: 0;
	vertical-align: top;
}
table.table_top_blog th {
position: relative;
background: none;
display: block;
height: 0;
padding-bottom: 64%;
overflow: hidden;
font-weight: 500;
}
table.table_top_blog td {
padding: 5%;
}

table.table_top_blog td p {
margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    /*IE対策*/
    line-height: 1.5em;
    max-height: 4.5em;
}
table.table_top_blog td p a {
text-decoration: none;
color: #000;
}
table.table_top_blog td p a:hover {
text-decoration: underline;
}

table.table_top_blog th img {
display: block;
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}

table.table_top_blog th a:hover img {
width: 150%;
height: 150%;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
/*
.blog_daytime {
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100px;
height: 100px;
background-color: rgba(255,255,255,0.95);
color: #09C;
line-height: 150%;
font-size: 80%;
padding: 2%;
text-align: center;
box-shadow: 5px 5px 5px rgba(0,0,0,0.5);
}
*/
.blog_daytime {
  position: relative;
}
.blog_daytime p {
font-weight: 600;
    position: absolute;
	z-index: 2;
margin: 0;
color: #09C;
line-height: 150%;
font-size: 80%;
padding: 3%;
letter-spacing: 0;
text-align: center;
}
 .triangle {
	z-index: 1;
	top: 0;
	left: 0;
    position: absolute;
    border-bottom: 120px solid transparent;
    border-left: 120px solid rgba(255,255,255,0.95);
  }

/************************************
** フォーム
************************************/


.googlecalendar {
    position: relative;
    padding-bottom: 400px;
    height: 0;
    overflow: hidden;
}
.googlecalendar iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media only screen and (max-width: 768px) {
.googlecalendar {
    padding-bottom: 100%;
}
}


/* 2列
ul.list_oc_form {
	margin: 0;
margin-bottom: 30px;
	padding: 0;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
ul.list_oc_form li {
position: relative;
	display: inline-block;
	width: 48.5%;
	padding:  0;
	margin: 0;
	margin-right: 3%;
	margin-bottom: 20px;
	background-color: #FFF;
	box-shadow: 0 0 5px rgba(255,153,0,0.8);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
ul.list_oc_form li:nth-child(even), ul.list_oc_form li:last-child {
	margin-right: 0;
}
*/

ul.list_oc_form {
	margin: 0;
margin-bottom: 30px;
	padding: 0;
	display: block;
}
ul.list_oc_form li {
position: relative;
	display: block;
	width: auto;
	padding:  0;
	margin: 0;
	margin-bottom: 20px;
	background-color: #FFF;
	box-shadow: 0 0 5px rgba(255,153,0,0.8);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

ul.list_oc_form li .inner {
padding: 5%;
padding-bottom: 2%;
}
.list_oc_form h5 {
text-align: center;
font-size: 160%;
color: #F90;
margin-bottom: 10px;
}
ul.list_oc_form li p.f80 {
line-height: 150%;
}
@media screen and (max-width: 834px){
ul.list_oc_form {
display: block;
margin-bottom: 20px;
}
ul.list_oc_form li {
position: relative;
	display: -block;
	width: auto;
	margin-right: 0;
	margin-bottom: 20px;
}
ul.list_oc_form li .inner {
padding: 3%;
}
}

table.form_table {
table-layout: fixed;
width: 100%;
	margin: 0;
	padding: 0;
	margin-bottom: 20px;
}
table.form_table tr, table.form_table th, table.form_table td {
margin: 0;
padding: 0;
background: none;
border: none;
}
table.form_table th, table.form_table td {
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	margin: 0;
	padding: 15px;
	padding-top: 20px;
	vertical-align: top;
font-weight: 500;
}
table.form_table th {
	width: 300px;
	text-align: left;
}
table.form_table th {
	width: 240px;
}
table.form_table h5 {
font-size: 140%;
font-weight: 500;
background-color: #F90;
padding: 5px 15px;
color: #FFF;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
table.form_table h6 {
font-size: 120%;
font-weight: 600;
margin: 0;
margin-bottom: 10px;
padding: 0;
}
table.form_table p {
margin: 0;
margin-bottom: 16px;
padding: 0;
}

@media screen and (max-width: 834px){
table.form_table {
	margin-bottom: 15px;
}
table.form_table th, table.form_table td {
display: block;
	border-top: none;
	border-bottom: none;
	padding: 5px;
}

table.form_table th {
	width: auto;
	padding: 10px 15px;
	margin-bottom: 5px;
	line-height: 130%;
	border: none;
	font-weight: 600;
	background-color: #EEE;
}
table.form_table td {
	padding: 10px 10px;
	margin-bottom: 20px;
}
}


@media screen and (max-width: 834px){
.wpcf7-list-item {
  display: block;
}
}


 .hissu {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size: 10px;
	line-height: 100%;
	padding: 2px 6px;
	margin-left: 10px !important;
	text-decoration:none;
	display:inline-block;
	text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
	color: #FFF !important;
	background-color: #F00;
}

select,textarea,input[type="text"],input[type="datetime"],input[type="datetime-local"],input[type="date"] {
	display:inline-block;
	margin: 3px;
	width: auto;
}
select {
	display:inline-block !important;
	min-width: 80px;
	padding: 15px !important;
}

ul.renketsu {
margin: 0;
padding: 0;
}
ul.renketsu li{
display: inline-block;
margin: 0;
padding: 0;
}

.input-mini { width:90px !important }
.input-small { width: 30% !important }
.input-medium { width: 60% !important }
.input-large { width: 80% !important }
.input-xlarge { width: 90% !important }
.input-xxlarge { width: 90% !important }

@media screen and (max-width: 834px){
.input-small { width: 50% !important }
.input-medium { width: 90% !important }
.input-large { width: 90% !important }
.input-xlarge { width: 90% !important }
}

.btn {
	display:inline-block !important;
	width: auto !important;
	padding: 10px 100px !important;
	font-size: 130%;
	margin: 5px;
	margin-bottom:0;
	color:#333;
	text-align:center;
	text-shadow:0 1px 1px rgba(255,255,255,0.75);
	vertical-align:middle;
	cursor:pointer;
	background-color:#f5f5f5;
	background-image:-moz-linear-gradient(top,#fff,#e6e6e6);
	background-image:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));
	background-image:-webkit-linear-gradient(top,#fff,#e6e6e6);
	background-image:-o-linear-gradient(top,#fff,#e6e6e6);
	background-image:linear-gradient(to bottom,#fff,#e6e6e6);
	background-repeat:repeat-x;border:1px solid #ccc;
	border-color:#e6e6e6 #e6e6e6 #bfbfbf;
	border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
	border-bottom-color:#b3b3b3;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe6e6e6',GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);
	-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
	box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05)
}
.btn:hover {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	opacity: 0.7;
}
.btn-primary{
	color:#FFF !important;
	text-shadow:0 -1px 0 rgba(0,0,0,0.25);
	background-color:#64ca54;
	background-image:-moz-linear-gradient(top,#64ca54,#47ad46);
	background-image:-webkit-gradient(linear,0 0,0 100%,from(#64ca54),to(#47ad46));
	background-image:-webkit-linear-gradient(top,#64ca54,#47ad46);
	background-image:-o-linear-gradient(top,#64ca54,#47ad46);
	background-image:linear-gradient(to bottom,#64ca54,#47ad46);
	background-repeat:repeat-x;border-color:#64ca54 #47ad46 #47ad46;
	border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#64ca54',endColorstr='#47ad46',GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)
}
@media only screen and (max-width: 834px) {
.btn {
	display:block !important;
	width: 100% !important;
	padding: 10px 10px !important;
	margin: 5px auto;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe6e6e6',GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);
	-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
	box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05)

}
}



/************************************
** ブログ
************************************/
ul.list_blog {
display: block;
margin: 0;
padding: 0;
}
ul.list_blog li {
list-style: none;
display: block;
clear: both;
margin: 0;
margin-bottom: 30px;
padding: 0;
}

.list_blog h3, h3.title_info {
position: relative;
font-weight: 500;
color: #006;
border-bottom: 3px solid #CCC;
background-image: url("../../uploads/2021/05/icon_kirakira01.png");
background-size: 40px;
background-repeat: no-repeat;
background-position: left center;
padding: 5px;
padding-left: 45px;
}
@media only screen and (max-width: 834px) {
.list_blog h3, h3.title_info {
font-size: 110%;
line-height: 130%;
border-bottom: 3px solid #CCC;
background-size: 25px;
background-position: left top;
padding: 5px;
padding-left: 30px;
}
}

.list_blog h3 a, h3.title_info a {
color: #006;
text-decoration: none;
}
.list_blog .inner {
padding: 0 0.5%;
}

.entry-card-info {
font-size: 120%;
}
/*
.list_pic_blog {
float: right;
width: 35%;
position: relative;
display: block;
height: 0;
padding-bottom: 20%;
margin-left: 5%;
overflow: hidden;
}
.list_pic_blog img {
position: absolute;
width: 100%;
height: 100%;
object-fit: contain;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}
a .list_pic_blog img {
display: block;
}

a:hover .list_pic_blog img {
width: 150%;
height: 150%;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
*/
.list_pic_blog {
float: right;
width: 35%;
position: relative;
display: block;
margin-left: 5%;
}
.list_pic_blog img {
display: block;
max-width: 100%;
margin: 0 auto;
}
a .list_pic_blog img {
display: block;
}

a:hover .list_pic_blog img {
	opacity:0.70;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}


@media only screen and (max-width: 834px) {
.list_pic_blog {
float: none;
width: auto;
margin-left: 0;
margin-bottom: 15px;
}
}

a.cat-link {
background-color: #069;
}
a:hover .cat-link {
}

/************************************
** ボタン
************************************/


.bt_shoronuki {
	display: block;
	text-align: center;
	margin: 8px auto;
}
.bt_shoronuki a {
	display: block;
	margin: 0 auto;
text-decoration: none;
	padding: 0.5em 2em;
	font-weight: bold;
	border: 2px solid #F90;
	color: #F90;
	border-radius: 100vh;
	transition: 0.5s;
	max-width: 80%;
}
.bt_shoronuki a:hover {
	color: #F90;
	background: #ffdb6f;
}

.bn_center {
	display: block;
	max-width: 100%;
	margin: 0 auto;
	margin-bottom: 20px;
}
a .bn_center {
	display: block;
}
a:hover .bn_center  {
	box-shadow: 2px 2px 5px rgba(0,0,0,0.5);
	opacity:0.70;
	background-color: #F00;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.bt_more, .bt_more_s {
	display: inline-block;
}
.bt_more a, .bt_more_s a {
	display: block;
	padding: 10px 30px;
	color: #000;
	background-color: #FFF;
	border: 1px solid #999;
	line-height: 100%;
	text-align: center;
	text-decoration: none;
}
.bt_more_s a {
	padding: 5px 15px;
}
.bt_more a:hover, .bt_more_s a:hover {
	border: 1px solid #999;
background-color: #F5F5F5;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.bt_otameshi {
	display: inline-block;
}
.bt_otameshi a {
	display: block;
	padding: 30px;
	color: #FFF;
	background-color: #F53;
    font-family:Gelasio, serif;
	font-size: 180%;
	line-height: 130%;
	text-align: center;
	text-decoration: none;
	box-shadow: 1px 1px 5px rgba(0,0,0,0.5);
}

.bt_otameshi a:after {
	content: "　>";
}

.bt_otameshi a:hover {
	box-shadow: -1px -1px 5px rgba(0,0,0,0.5);
	background-color: #F00;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}




.bt_yoyaku {
	display: inline-block;
}
.bt_yoyaku a {
	display: block;
	padding: 20px;
	color: #FFF;
	background-color: #F53;
	font-size: 150%;
	line-height: 130%;
	text-align: center;
	text-decoration: none;
	box-shadow: 1px 1px 5px rgba(0,0,0,0.5);
	font-family: "Font Awesome 5 Free";
}

.bt_yoyaku a:after {
	content: "　>";
}

.bt_yoyaku a:hover {
	box-shadow: -1px -1px 5px rgba(0,0,0,0.5);
	background-color: #F00;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

@media only screen and (max-width: 834px) {
.bt_otameshi {
	display: block;
}
.bt_otameshi a {
	padding: 15px;
	color: #FFF;
	font-size: 130%;
	line-height: 120%;
}
	
.bt_yoyaku {
	display: block;
}
.bt_yoyaku a {
	padding: 15px;
	color: #FFF;
	font-size: 130%;
	line-height: 120%;
}
}
.bt_youtube {
	display: inline-block;
	margin: 10px;
}
.bt_youtube a {
	display: block;
	padding: 10px 20px;
	background-color: #555;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #CCC;
	box-shadow: 2px 2px 5px rgba(0,0,0,0.5);
	text-decoration: none;
	color: #FFF;
	background-image: url(../../uploads/2020/11/icon_youtube.png);
	background-repeat: no-repeat;
	background-position: 10px center;
	background-size: 30px;
	padding-left: 50px;
}
.bt_youtube a:hover {
	box-shadow: -2px -2px 5px rgba(0,0,0,0.5);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}




ul.nyushi_list_circle {
margin: 0;
padding: 0;
}
ul.nyushi_list_circle li {
margin: 0;
margin-left: 1.5em;
padding: 0;
line-height: 150%;
margin-bottom: 8px;
}
ul.nyushi_list_circle li:last-child {
margin-bottom: 0;
}



/************************************
** 画像
************************************/
.pic_left_page {
	float: left;
	display: inline-block;
	max-width: 43%;
	margin-right: 5%;
}
.pic_right_page {
	float: right;
	display: inline-block;
	max-width: 43%;
	margin-left: 5%;
}
.pic_right_page img, .pic_left_page img {
	display: block;
	margin: 0 auto;
	max-width: 100%;
}
@media only screen and (max-width: 834px) {
.pic_right_page, .pic_left_page {
	float: none;
	display: block;
	max-width: 100%;
	margin: 0 auto;
}
}

.imageright {
	float: right;
	margin-bottom: 20px;
	margin-left: 20px;
}
.imageright_pc {
	float: right;
	margin-bottom: 15px;
	margin-left: 15px;
	max-width: 50%;
}
@media screen and (max-width: 834px){
.imageright_pc {
float: none;
	max-width: 100%;
	display: block;
	margin: 0 auto;
	margin-bottom: 15px;
}
}

.imageleft {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}
.imagecenter {
	max-width: 100%;
	display: block;
	margin: 0 auto;
	margin-bottom: 15px;
}
.imagecenter00 {
	max-width: 100%;
	display: block;
	margin: 0 auto;
}
.imagecenter_sp80 {
	max-width: 100%;
	display: block;
	margin: 0 auto;
}
@media screen and (max-width: 834px){
.imagecenter_sp80 {
	max-width: 80%;
	margin: 0 auto;
}
}

.bt_center {
	max-width: 100%;
	display: block;
	margin: 0 auto;
}
.bt_center:hover {
	opacity: 0.7;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.mb1em {
margin-bottom: 24px;
}
@media screen and (max-width: 834px){
.mb1em {
margin-bottom: 16px;
}
}
/************************************
** 個別
************************************/


table.table_double {
table-layout: fixed;
margin: 0;
padding: 0;
border: none;
background: none;
width: 100%;
}
table.table_double tr, table.table_double th, table.table_double td {
margin: 0;
padding: 0;
background: none;
border: none;
}
table.table_double td:nth-child(odd) {
padding-right: 2%;
}
table.table_double td:nth-child(even) {
padding-left: 2%;
}
@media screen and (max-width: 834px){

table.table_double td {
display: block;
padding: 0 0;
margin-bottom: 20px;
}
table.table_double td:nth-child(odd) {
padding-right: 0;
}
table.table_double td:nth-child(even) {
padding-left: 0;
}

}

.right {
float: right;
}

.red {
color: #F00;
}
.pink {
color: #fc5987;
}
.yellow {
color: #f9d50b;
}
.blue {
color: #6BE;
}
.navy {
color: #002266;
}
.pink02 {
color: #F9B;
}
.gold {
color: #eee06d;
}
.wine {
color: #B07;
}
.f80 {
	font-size: 80%;
}
.f90 {
	font-size: 90%;
}
.f110 {
	font-size: 110%;
}
.f120 {
	font-size: 120%;
}
.f150 {
	font-size: 150%;
}
.f200 {
	font-size: 200%;
}

.f10 {
	font-size: 10px;
	line-height: 110%;
}
.f12 {
	font-size: 80%;
	line-height: 90% !important;
}

.f50 {
	font-size: 50px;
}

.mb0 {
	margin-bottom: 0 !important;
}
.mb4 {
	margin-bottom: 4px !important;
}
.mb8 {
	margin-bottom: 8px !important;
}
.mb16 {
	margin-bottom: 16px !important;
}
.mb24 {
	margin-bottom: 24px !important;
}
.mb001 {
	margin-bottom: 32px !important;
}

.mt001 {
	margin-top: 50px!important;
}


.pb0 {
  margin-bottom: 0 !important;
}
.pb4 {
  padding-bottom: 4px !important;
}
.pb8 {
  padding-bottom: 8px !important;
}
.pb16 {
  padding-bottom: 16px !important;
}
.pb24 {
  padding-bottom: 24px !important;
}
.pb32 {
  padding-bottom: 32px !important;
}
.pb40 {
  padding-bottom: 40px !important;
  margin-bottom: 0 !important;
}
.pb80 {
  padding-bottom: 80px !important;
}
.pt0 {
  padding-top: 0 !important;
}
.pt4 {
  padding-top: 4px !important;
}
.pt8 {
  padding-top: 8px !important;
}
.pt16 {
  padding-top: 16px !important;
}
.pt24 {
  padding-top: 24px !important;
}
.pt32 {
  padding-top: 32px !important;
}
.pt40 {
  padding-top: 40px !important;
}


.t_center {
	text-align: center !important;
}
.t_center_pc {
	text-align: center;
}
@media only screen and (max-width: 834px) {
.t_center_pc {
	text-align: left;
}

.mb4 {
	margin-bottom: 2px !important;
}
.mb8 {
	margin-bottom: 4px !important;
}
.mb16 {
	margin-bottom: 8px !important;
}
.mb24 {
	margin-bottom: 16px !important;
}
.mb001 {
	margin-bottom: 24px !important;
}	


.pb4 {
  padding-bottom: 2px !important;
}
.pb8 {
  padding-bottom: 4px !important;
}
.pb16 {
  padding-bottom: 8px !important;
}
.pb24 {
  padding-bottom: 16px !important;
}
.pb32 {
  padding-bottom: 24px !important;
}
.pb40 {
  padding-bottom: 32px !important;
}
.pb80 {
  padding-bottom: 72px !important;
}


}
.t_left {
	text-align: left !important;
}
.t_right {
	text-align: right !important;
	}	



.bold {
font-weight: 600;
}
.normal {
font-weight: 400;
}






/** トップ オープンスクール　**/

h4.title_openschool {
	text-align: center;
	color: #fd9927;
	margin-top: 0;
	padding-top: 0;
	margin-bottom: 16px;
}
@media only screen and (max-width: 834px) {
h4.title_openschool {
	margin-bottom: 8px;
}
}



.box_openschool_double, .box_openschool_triple {
    width: 100%;
    margin: 0;
	padding: 0;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
	
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between;
}
.box_openschool_double section {
    margin: 0;
    padding: 2%;
    width: 48%;
	box-shadow: 0 0 5px rgba(0,0,0,0.5);
	line-height: 150%;
}	
.section100　{
	display: block;
	width: 100% !important;
}
.box_openschool_triple section {
    margin: 0;
    padding: 2%;
    width: 23%;
	box-shadow: 0 0 5px rgba(0,0,0,0.5);
	line-height: 150%;
}
.box_openschool_double h4, .box_openschool_triple h4 {
	font-size: 150%;
	color: navy;
	margin-bottom: 10px;
}
.box_openschool_double h5, .box_openschool_triple h5 {
	font-size: 100%;
	margin-bottom: 5px;
}
.box_openschool_double p, .box_openschool_triple p {
	padding: 0;
	margin-bottom: 15px;
}
@media screen and (max-width: 768px) {
.box_openschool_double, .box_openschool_triple {
	display: block;
}
.box_openschool_double section, .box_openschool_triple section {
	display: block;
	width: auto;
    padding: 5%;
	margin-bottom: 20px;
}
.box_openschool_double h4, .box_openschool_triple h4 {
	font-size: 140%;
}
}


.content_taiken {
display: block;
margin: 0 auto;
max-width: 834px;
}

.box_taikennaiyou {
display: block;
margin-bottom: 24px;
}
@media screen and (max-width: 768px) {
.box_taikennaiyou {
margin-bottom: 16px;
}
}
.box_taikennaiyou h4 {
display: block;
margin-bottom: 8px;
padding-left: 1.1em;
color: #6BE;
border-bottom: 1px dotted #CCC;
}
.box_taikennaiyou h4:before {
position: absolute;
margin-left: -1.1em;
  content: '\f152';
  color: #09F;
  font-family: "Font Awesome 5 Free";
}
.box_taikennaiyou p {
font-weight: 600;
font-size: 110%;
}

.box_taiken_sche_flex {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.box_taiken_sche_flex_day {
display: block;
width: calc(100% / 2 - 16px);
}
@media screen and (max-width: 768px) {
.box_taiken_sche_flex {
display: block;
}
.box_taiken_sche_flex_day {
width: auto;
}
.box_taiken_sche_flex_day:nth-child(n+2) {
margin-top: 8px;
}
}


.box_taiken_sche {
display: block;
margin-bottom: 24px;
}
@media screen and (max-width: 768px) {
.box_taiken_sche {
margin-bottom: 16px;
}
}
.box_taiken_sche h5 {
display: block;
margin-bottom: 8px;
color: #6BE;
border-bottom: 1px dotted #CCC;
}
dl.list_taiken_sche {
margin: 0;
padding: 0;
}
dl.list_taiken_sche dt {
margin: 0;
margin-bottom: 2px;
padding: 0;
font-weight: 600;
}
dl.list_taiken_sche dd {
padding: 0 1em;
margin: 0;
margin-bottom: 4px;
}

.bt_taiken_contribution {
display: inline-block;
	margin: 8px 0;
	min-width: 80%;
}
.bt_taiken_contribution_block {
display: block;
	margin: 0 auto;
}
.bt_taiken_contribution_full {
display: block;
	margin: 8px 0;
	min-width: 80%;
}

.bt_taiken_contribution_block a,
.bt_taiken_contribution a,
.bt_taiken_contribution_full a  {
	display: block;
	margin: 0;
	padding: 1em 2em;
	font-weight: 600;
	font-size: 110%;
	background-color: #F00;
	color: #FFF;
	text-decoration: none;
	text-align: center;
}

.bt_taiken_contribution_block a:hover,
.bt_taiken_contribution a:hover,
.bt_taiken_contribution_full a:hover {
	text-decoration: none;
	opacity: 0.7;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
@media screen and (max-width: 768px) {
.bt_taiken_contribution {
display: block;
}
.bt_taiken_contribution_block a,
.bt_taiken_contribution a,
.bt_taiken_contribution_full a {
	padding: 0.6em 1em;
	font-size: 110%;
}
.bt_taiken_contribution:nth-child(n+2) {
margin-top: 16px;
}
}
.box_taiken_map {
display: block;
	background-color: #EFEFEF;
	padding: 16px 16px;
}

@media screen and (max-width: 768px) {
.box_taiken_map {
	padding: 8px 16px;
	margin: 0 -16px;
}
}



.grid_taken {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 24px;
}


.grid_taken_pic_left {
    grid-column: span 6 / span 6;
}
.grid_taken_txt_right {
    grid-column: span 6 / span 6;
    grid-column-start: 7;
}

.grid_taken_txt_left {
    grid-column: span 6 / span 6;
}
.grid_taken_pic_right {
    grid-column: span 6 / span 6;
    grid-column-start: 7;
}
@media screen and (max-width: 768px) {
.grid_taken {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 16px;
}
.grid_taken_pic_left {
    grid-column: span 12 / span 12;
    grid-row-start: 1;
}
.grid_taken_txt_right {
    grid-column: span 12 / span 12;
    grid-column-start: 1;
    grid-row-start: 2;
}

.grid_taken_txt_left {
    grid-column: span 12 / span 12;
    grid-row-start: 2;
}
.grid_taken_pic_right {
    grid-column: span 12 / span 12;
    grid-column-start: 1;
    grid-row-start: 1;
}
}



.box_openschool_double_002, .box_openschool_triple_002 {
    margin: 0;
	padding: 0;
    display:flex;
    flex-wrap:wrap;
	justify-content: center;
}
.box_openschool_triple_002 {
	justify-content: space-between;
}
.box_openschool_double_002 section {
	padding: 0;
	margin: 0;
	margin-right: 32px;
    width: calc(100% / 2 - 16px);
}
.box_openschool_double_002 section:nth-child(even),
.box_openschool_double_002 section:last-child {
	margin-right: 0;
}
.box_openschool_double_002 section:nth-child(n+3) {
	margin-top: 24px;
}
.box_openschool_triple_002 section {
	padding: 0;
	margin: 0;
    width: calc(100% / 3 - 12px);
}

.section100　{
	display: block;
	width: 100% !important;
}

.box_openschool_double_002 h4, .box_openschool_triple_002 h4 {
	font-size: 150%;
	color: navy;
}
.box_openschool_double_002 h5, .box_openschool_triple_002 h5 {
	font-size: 100%;
}
.box_openschool_double_002 p, .box_openschool_triple_002 p {
	padding: 0;
}

.box_openschool_double_002 img, .box_openschool_triple_002 img {
	padding: 0 !important;
	width: 100%;
}


@media screen and (max-width: 768px) {
.box_openschool_triple_002 {
	justify-content: center;
}
.box_openschool_double_002 section,
.box_openschool_triple_002 section {
	padding: 0;
	margin: 0;
	margin-right: 16px;
    width: calc(100% / 2 - 8px);
}
.box_openschool_triple_002 section:nth-child(3n) {
	margin-right: 16px;
}
.box_openschool_triple_002 section:nth-child(even) {
	margin-right: 0;
}

.box_openschool_double_002 section:nth-child(n + 3),
.box_openschool_triple_002 section:nth-child(n + 3) {
	margin-top: 16px;
}

.box_openschool_double_002 h4, .box_openschool_triple_002 h4 {
	font-size: 140%;
}
}

/*
@media screen and (max-width: 768px) {
.box_openschool_double_002,
.box_openschool_triple_002 {
	display: block;
}

.box_openschool_double_002 section, .box_openschool_triple_002 section {
	display: block;
	width: auto;
    padding: 0;
	margin-right: 0;
	margin: 0 auto;
	margin-top: 16px;
}
.box_openschool_double_002 section, .box_openschool_triple_002 section {
	max-width: 75%;
}
.box_openschool_double_002 section:first-child, .box_openschool_triple_002 section:first-child {
	margin-top: 0;
}

.box_openschool_double_002 section:nth-child(even),
.box_openschool_triple_002 section:nth-child(3n),
.box_openschool_triple_002 section:last-child ,
.box_openschool_double_002 section:last-child {
	margin-right: auto;
}
.box_openschool_double_002 h4, .box_openschool_triple_002 h4 {
	font-size: 140%;
}
}
*/
.box_gray {
	clear: both;
	background-color: #EFEFEF;
	padding: 15px 24px;
	margin-bottom: 10px;
	margin-left: 15px;
	margin-right: 15px;
}
.box_gray00 {
display: block;
	background-color: #EFEFEF;
	padding: 1em 1em;
	margin-bottom: 16px;
}

.box_shadow {
	clear: both;
	display: block;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	box-shadow: 0 0 5px rgba(0,0,0,0.3);
	padding: 30px;
	margin-bottom: 30px;
}

@media screen and (max-width: 768px) {
.box_gray {
	clear: both;
	background-color: #EFEFEF;
	padding: 8px 16px;
	margin-bottom: 5px;
	margin-left: 5px;
	margin-right: 5px;
}
.box_shadow {
	clear: both;
	display: block;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	box-shadow: 0 0 5px rgba(0,0,0,0.3);
	padding: 10px;
	margin-bottom: 30px;
}
}	
	

.mod-List002 ul{
 margin:0;
 padding:0;
 list-style-type:none;
}
.mod-List002 ul li{
  display:inline-block;
/* width:150px;幅を指定したい場合はここへ*/
 padding:0 15px 0 10px;
 background:transparent url("listmaker002_red.gif") no-repeat left 0.2em scroll ;
 white-space: nowrap; /* IE6文章途中で折り返さない */
}
.mod-List002 ul li a:link    {color:#000; text-decoration:none;}
.mod-List002 ul li a:visited {color:#000; text-decoration:none;}
.mod-List002 ul li a:hover   {color:#000; text-decoration:underline ;}
.mod-List002 ul li a:active  {color:#000; text-decoration:underline ;}







.btn_inline {
display: inline-block;
}

.btn_inline a {
	display: block;
	margin: 0;
	padding: 0.5em 1.5em;
	font-weight: 600;
	background-color: #F00;
	color: #FFF;
	text-decoration: none;
	text-align: center;
}

.btn_inline a:hover {
	text-decoration: none;
	opacity: 0.7;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
@media screen and (max-width: 768px) {
.btn_inline {
display: block;
}
.btn_inline:nth-child(n+2) {
margin-top: 16px;
}
}




ul.top_contact_004 {
	position: relative;
z-index: 2;
	margin: 0;
	padding: 0;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
	justify-content: center;
}
ul.top_contact_004 li {
display: inline-block;
  width: calc(100% / 3 - 10px );
	margin: 0 5px;
	padding:  0;
	font-weight: 600;
	font-size: 160%;
	text-align: center!important;
}



.top_contact_002 {
   position: relative; 
  overflow: hidden;
	margin-top: -20px;
	}
ul.top_contact_002 {
	position: relative;
z-index: 2;
	margin: 0;
	padding: 0;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
	justify-content: center;
}
ul.top_contact_002 li {
display: inline-block;
	width: 31%;
	margin: 0 1%;
	padding:  0;
	font-weight: 600;
	font-size: 160%;
	text-align: center!important;
}
ul.top_contact_002 li a {
	display: block;
	margin: 0;
	padding: 10px 15px;
	background-color: #F58;
	color: #FFF;
	text-decoration: none;
	text-align: center!important;
}
ul.top_contact_002 li:nth-child(1) a {
	background-color: #F05;
}

ul.top_contact_002 li:nth-child(2) a {
	background-color: #06F;
}
ul.top_contact_002 li:nth-child(3) a {
	background-color: #F60;
}


ul.top_contact_002 li a:hover {
	text-decoration: none;
	opacity: 0.7;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}


@media screen and (max-width: 768px){
ul.top_contact_002 {
	position: relative;
z-index: 2;
	margin: 0;
	padding: 0;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
	justify-content: center;
}
ul.top_contact_002 li {
display: block;
list-style: none;
	margin: 0;
	margin-left: 5px;
	padding: 0 ;
	width: 90%;
	text-align: center!important;
	white-space: nowrap;
	font-size: 120%;
}
ul.top_contact_002 li a {
	display: block;
	margin: 0;
	padding: 15px 15px;
	background-color: #F58;
	color: #FFF;
	text-decoration: none;
	text-align: center!important;
	margin-bottom: 10px;
}
}


ul.top_contact_003 {
	position: relative;
	margin: 0;
	padding: 0;
    display:flex;
    flex-wrap:wrap;
	justify-content: space-between;
}
ul.top_contact_003 li {
display: inline-block;
list-style: none;
  width: calc(100% / 3 - 8px );
	margin: 0;
	padding:  0;
	font-weight: 600;
	font-size: 130%;
}
ul.top_contact_003 li a {
	display: block;
	margin: 0;
	padding: 10px 5px;
	background-color: #e9c1c1;
	color: #000;
	text-decoration: none;
	text-align: center;
}

ul.top_contact_003 li:nth-child(1) a {
	background-color: #f5d2b2;
}
ul.top_contact_003 li:nth-child(2) a {
	background-color: #b1d5bb;
}
ul.top_contact_003 li:nth-child(3) a {
	background-color: #aed0da;
}
ul.top_contact_003 li:nth-child(4) a {
	background-color: #5352bf;
}

@media screen and (max-width: 960px){
ul.top_contact_003 li {
	font-size: 110%;
}
}
@media screen and (max-width: 834px){
ul.top_contact_003 li {
  width: calc(100% / 2 - 4px );
	white-space: nowrap;
	font-size: 90%;
}
ul.top_contact_003 li:nth-child(n+3) {
	display: block;
	margin: 0;
	margin-top: 8px;
}
ul.top_contact_003 li a {
	display: block;
	margin: 0;
	padding: 8px 8px;
	background-color: #F58;
	color: #FFF;
	text-decoration: none;
	text-align: center;
}
}



.top_contact_004 {
   position: relative; 
  overflow: hidden;
	margin-top: -20px;
	}
ul.top_contact_004 {
	position: relative;
z-index: 2;
	margin: 0;
	padding: 0;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
	justify-content: center;
}
ul.top_contact_004 li {
display: inline-block;
  width: calc(100% / 3 - 10px );
	margin: 0 5px;
	padding:  0;
	font-weight: 600;
	font-size: 160%;
	text-align: center!important;
}
ul.top_contact_004 li a {
	display: block;
	margin: 0;
	padding: 10px 15px;
	background-color: #F58;
	color: #FFF;
	text-decoration: none;
	text-align: center!important;
}

ul.top_contact_004 li:nth-child(1) a {
	background-color: #F60;
}
ul.top_contact_004 li:nth-child(2) a {
	background-color: #32cd32;
}
ul.top_contact_004 li:nth-child(3) a {
	background-color: #F05;
}


ul.top_contact_004 li:nth-child(4) a {
	background-color: #06F;
}
ul.top_contact_004 li a:hover {
	text-decoration: none;
	opacity: 0.7;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

@media screen and (max-width: 960px){
ul.top_contact_004 li {
	font-size: 120%;
}
}

@media screen and (max-width: 768px){
ul.top_contact_004 {
	position: relative;
z-index: 2;
	margin: 0;
	padding: 0;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
	justify-content: center;
}
ul.top_contact_004 li {
display: block;
list-style: none;
	margin: 0;
	margin-left: 5px;
	padding: 0 ;
	width: 90%;
	text-align: center!important;
	white-space: nowrap;
	font-size: 120%;
}
ul.top_contact_004 li a {
	display: block;
	margin: 0;
	padding: 15px 15px;
	background-color: #F58;
	color: #FFF;
	text-decoration: none;
	text-align: center!important;
	margin-bottom: 10px;
}
}




ul.bt_blueline_block {
	position: relative;
	margin: 0;
	padding: 0;
    display:block;
}
ul.bt_blueline_block li {
display: block;
width: 100%;
max-width: 80%;
	margin: 0 auto;
	padding: 0;
	font-weight: 600;
	font-size: 160%;
	text-align: center;
}
ul.bt_blueline_block li a {
	display: block;
	margin: 0;
	padding: 10px 15px;
	border: 1px solid #F60;
	background-color: #FFF;
	color: #F60;
	text-decoration: none;
	text-align: center;
}
ul.bt_blueline_block li:nth-chilld(n+2) {
margin-top: 16px;
}


ul.bt_blueline_block li a:hover {
	border: 1px solid #F60;
	color: #F60;
	background-color: #F5F5F5;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

@media screen and (max-width: 834px){
ul.bt_blueline_block {
    display:block;
}
ul.bt_blueline_block li {
display: block;
list-style: none;
	margin: 0 auto;
	padding: 0 ;
	width: auto;
	font-size: 120%;
}
ul.bt_blueline_block li a {
	display: block;
	margin: 0;
	padding: 10px 15px;
}
ul.bt_blueline_block li:nth-chilld(n+2) {
margin-top: 8px;
}
}




ul.bt_blueline {
	position: relative;
	margin: 0;
	padding: 0;
    display:flex;
    flex-wrap:wrap;
	justify-content: center;
}
ul.bt_blueline li {
display: inline-block;
  width: calc(100% / 3 - 16px );
	margin: 0 8px;
	padding:  0;
	font-weight: 600;
	font-size: 160%;
	text-align: center;
}
ul.bt_blueline li a {
	display: block;
	margin: 0;
	padding: 10px 15px;
	border: 1px solid #F60;
	background-color: #FFF;
	color: #F60;
	text-decoration: none;
	text-align: center;
}
ul.bt_blueline li:nth-chilld(n+4) {
margin-top: 16px;
}


ul.bt_blueline li a:hover {
	border: 1px solid #F60;
	color: #F60;
	background-color: #F5F5F5;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

@media screen and (max-width: 834px){
ul.bt_blueline {
    display:block;
}
ul.bt_blueline li {
display: block;
list-style: none;
	margin: 0;
	padding: 0 ;
	width: auto;
	font-size: 120%;
}
ul.bt_blueline li a {
	display: block;
	margin: 0;
	padding: 10px 15px;
}
ul.bt_blueline li:nth-chilld(n+2) {
margin-top: 8px;
}

}

/********* ルート *************************************************/

ul.list_root {
	margin: 0;
	padding: 0;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}

ul.list_root li {
	position: relative;
	display: inline-block;
	list-style: none;
	vertical-align: top;
	margin: 0;
	width: 31%;
	margin-right:3%;
	margin-bottom: 20px;
	padding: 0;
	padding-bottom: -20px;
	color: #000;
}



ul.list_root li::after {
	position: absolute;
	font-family: Arial, Helvetica, sans-serif;
	content:"＞";
	font-weight: bold;
	color: #06C;
	top: 33%;
	right: -25px;
}
ul.list_root li:last-child::after {
	content:"";
}


ul.list_root li:nth-child(3) {
	margin-right: 0!important;
}

ul.list_root li:nth-child(6) {
	margin-right: 0!important;
}

ul.list_root li h5 {
	margin: 0;
	text-align: center;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
}
ul.list_root li h5 span {
	font-weight: normal;
}

ul.list_root li p {
	padding-left: 10px;
	padding-right: 10px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
}
.pic_root {
	position: relative;
	width: 100%;
	height: 250px;
	overflow: hidden;
	margin-bottom: 10px;
}
.root_img {
	position: absolute;
	width: 110%;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}









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

ul.list_root {
	margin: 0;
	padding: 0;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}

ul.list_root li {
	position: relative;
	display: inline-block;
	list-style: none;
	vertical-align: top;
	margin: 0;
	width: 45%;
	margin-right:3%;
	margin-bottom: 0px;
	padding: 0;
	padding-bottom: -60px;
	color: #000;
}



ul.list_root li::after {
	position: absolute;
	font-family: Arial, Helvetica, sans-serif;
	content:"＞";
	font-weight: bold;
	color: #06C;
	top: 25%;
	right: -5%;
}
ul.list_root li:last-child::after {
	content:"";
}


ul.list_root li:nth-child(2) {
	margin-right: 0!important;
}

ul.list_root li:nth-child(3) {
	margin-right: 3%!important;
}
	
ul.list_root li:nth-child(4) {
	margin-right: 0!important;
}
	
ul.list_root li:nth-child(6) {
	margin-right: 0!important;
}

ul.list_root li h5 {
	margin: 0;
	text-align: center;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
}
ul.list_root li h5 span {
	font-weight: normal;
}

ul.list_root li p {
	padding-left: 10px;
	padding-right: 10px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
}
.pic_root {
	position: relative;
	width: 100%;
	height: 200px;
	overflow: hidden;
	margin-bottom: 10px;
}
.root_img {
	position: absolute;
	width: 110%;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
}



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

ul.list_root {
	margin: 0;
	padding: 0;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}

ul.list_root li {
	position: relative;
	display: block;
	list-style: none;
	vertical-align: top;
	margin: 0;
	width: 100%;
	margin-right: 0!important;
	margin-bottom: -20px;
	padding: 0;
	padding-bottom: -50px;
	color: #000;
}



ul.list_root li::after {
	display: none !important;
}
ul.list_root li:last-child::after {
	content:"";
}



ul.list_root li h5 {
	margin: 0;
	text-align: center;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
}
ul.list_root li h5 span {
	font-weight: normal;
}

ul.list_root li p {
	font-size: 90%;
	padding-left: 3px;
	padding-right: 3px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
}
.pic_root {
	position: relative;
	width: 100%;
	height: 200px;
	overflow: hidden;
	margin-bottom: 10px;
}
.root_img {
	position: absolute;
	width: 110%;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
}



/* *****************************
転入学・編入学について202406
***************************** */
.box_content {
display: block;
margin-bottom: 32px;
}
.box_content p {
margin-bottom: 1em;
}
.box_content_half {
display: block;
margin-bottom: 24px;
}
@media screen and (max-width: 834px){
.box_content {
margin-bottom: 24px;
}
.box_content_half {
display: block;
margin-bottom: 16px;
}
}



.list_tenhen_step {
margin: 0;
margin-bottom: 16px;
padding: 0;
display: flex;
justify-content: space-between;
}

.list_tenhen_step_box {
list-style: none;
position: relative;
margin: 0;
display: block;
width: calc(100% / 2 - 24px);
padding: 8px;
}
.list_tenhen_step_box:after {
position: absolute;
  content: '\f0da';
  font-size: 80px;
  color: #F90;
  font-family: "Font Awesome 5 Free";
  top: 50%;
  font-weight: 900;
  left: calc(100% + 8px);
  transform: translateY(-50%);
}
.list_tenhen_step_box:last-child::after {
  content: none;
  display: none;
}
@media screen and (max-width: 834px){
.list_tenhen_step {
flex-flow: column;
}

.list_tenhen_step_box {
width: auto;
}
.list_tenhen_step_box:nth-child(n+2) {
margin-top: 24px;
}
.list_tenhen_step_box:after {
position: absolute;
  content: '\f0dd';
  font-size: 60px;
  color: #F90;
  font-family: "Font Awesome 5 Free";
  top: calc(100% - 50px);
  font-weight: 900;
  left: 50%;
  transform: translateX(-50%) translateY(0);
}
}



ul.list_henten_flow02 {
margin: 0;
padding: 0;
display: flex;
justify-content: space-between;
}

ul.list_henten_flow02 li {
list-style: none;
position: relative;
margin: 0;
display: block;
width: calc(100% / 3 - 16px);
padding: 8px;
border: 3px solid #F60;
border-radius: 8px;
text-align: center;
font-weight: 600;
}
ul.list_henten_flow02 li:after {
position: absolute;
  content: '\f0da';
  font-size: 28px;
  color: #F60;
  font-family: "Font Awesome 5 Free";
  top: 50%;
  font-weight: 900;
  left: calc(100% + 8px);
  transform: translateY(-50%);
}
ul.list_henten_flow02 li:last-child::after {
  content: none;
  display: none;
}
@media screen and (max-width: 834px){
ul.list_henten_flow02 {
flex-flow: column;
}

ul.list_henten_flow02 li {
width: auto;
padding: 4px;
}
ul.list_henten_flow02 li:nth-child(n+2) {
margin-top: 24px;
}
ul.list_henten_flow02 li:after {
position: absolute;
  content: '\f0dd';
  font-size: 28px;
  color: #F60;
  font-family: "Font Awesome 5 Free";
  top: calc(100% - 16px);
  font-weight: 900;
  left: 50%;
  transform: translateX(-50%) translateY(0);
}
}

.tenhen_flow_in {
display: flex;
flex-wrap: wrap;
flex-flow: column;
}
.tenhen_flow_in_pic {
display: block;
margin-bottom: 8px;
}
.tenhen_flow_in_pic img {
max-width: 70%;
}
.tenhen_flow_in_txt {
display: block;
}

@media screen and (max-width: 834px){
.tenhen_flow_in {
justify-content: space-between;
flex-flow: wrap;
align-items: center;
}
.tenhen_flow_in_pic {
width: 25%;
margin-bottom: 0;
}
.tenhen_flow_in_pic img {
max-width: 100%;
}
.tenhen_flow_in_txt {
width: 70%;
}
}





.flex_tenhen_support {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.flex_tenhen_support_box {
display: block;
background-color: #F5F5F5;
width: calc(100% / 3 - 16px);
}

.flex_tenhen_support h4 {
font-size: 20px;
color: #09F;
margin-bottom: 8px;
}

@media screen and (max-width: 834px){
.flex_tenhen_support {
display: block;
}
.flex_tenhen_support_box {
width: auto;
}
.flex_tenhen_support_box:nth-child(n+2) {
margin-top: 16px;
}

.flex_tenhen_support h4 {
font-size: 18px;
}
}

.flex_tenhen_support_box_flex {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
flex-flow: column;
height: 100%;
}
.flex_tenhen_support_box_pic {
margin-bottom: 4px;
}
.flex_tenhen_support_box_title {
min-height: 6em;
padding: 0 16px;
justify-content: center;
display: flex;
flex-flow: column;
}
.flex_tenhen_support_box_txt {
display: block;
padding: 0 16px;
margin-bottom: 8px;
}
.flex_tenhen_support_box_txt p {
margin-bottom: 0;
}
.flex_tenhen_support_box_bt {
text-align: center;
padding: 0 16px;
padding-bottom: 16px;
margin-top: auto;
}

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

.flex_tenhen_support_box_title {
min-height: inherit;
padding: 0 8px;
}
.flex_tenhen_support_box_txt {
padding: 0 8px;
}
.flex_tenhen_support_box_bt {
text-align: center;
padding: 0 8px;
padding-bottom: 8px;
}
}


ul.list_henten_flow {
margin: 0;
margin-bottom: 16px;
padding: 0;
display: flex;
justify-content: space-between;
}

ul.list_henten_flow li {
list-style: none;
position: relative;
margin: 0;
display: block;
width: calc(100% / 4 - 16px);
padding: 8px;
border: 1px solid #999;
border-radius: 8px;
text-align: center;
}
ul.list_henten_flow li:after {
position: absolute;
  content: '\f0da';
  font-size: 28px;
  color: #999;
  font-family: "Font Awesome 5 Free";
  top: 50%;
  font-weight: 900;
  left: calc(100% + 8px);
  transform: translateY(-50%);
}
ul.list_henten_flow li:last-child::after {
  content: none;
  display: none;
}
@media screen and (max-width: 834px){
ul.list_henten_flow {
flex-flow: column;
}

ul.list_henten_flow li {
width: auto;
padding: 4px;
}
ul.list_henten_flow li:nth-child(n+2) {
margin-top: 24px;
}
ul.list_henten_flow li:after {
position: absolute;
  content: '\f0dd';
  font-size: 28px;
  color: #999;
  font-family: "Font Awesome 5 Free";
  top: calc(100% - 16px);
  font-weight: 900;
  left: 50%;
  transform: translateX(-50%) translateY(0);
}
}


h4.title_henten {
font-size: 26px;
margin-bottom: 20px;
  position: relative;
  padding: 0.2em 1em;
  background: #e0edff;
  box-shadow: 0px 0px 0px 5px #dfefff;
  border: dashed 1px #96c2fe;
}
h4.title_henten:after {
  position: absolute;
  content: '';
  top: 100%;
  left: 15px;
  border: 20px solid transparent;
  border-top: 20px solid #e0edff;
  width: 0;
  height: 0;
}

@media screen and (max-width: 834px){
h4.title_henten {
margin: 0 -10px;
margin-bottom: 20px;
  padding: 0.2em 0.25em;
font-size: 20px;
}
h4.title_henten:after {
  position: absolute;
  content: '';
  top: 100%;
  left: 15px;
  border: 16px solid transparent;
  border-top: 16px solid #e0edff;
  width: 0;
  height: 0;
}
}
h5.title_henten {
  padding: 0.2em 0.5em;/*上下 左右の余白*/
  color: #69F;/*文字色*/
  background: transparent;/*背景透明に*/
  border-left: solid 5px #ffaf58;/*左線*/
  margin-bottom: 8px;
}
@media screen and (max-width: 834px){
h5.title_henten {
font-size: 18px;
}
}
ul.list_check {
margin: 0;
padding: 0;
}
ul.list_check li {
position: relative;
list-style: none;
margin: 0;
margin-bottom: 8px;
padding: 0;
line-height: 150%;
padding-left: 1.2em;
}
ul.list_check li:before {
position: absolute;
	margin-left: -1.2em;
  content: '\f14a';
  color: #F66;
  font-weight: 400;
  font-family: "Font Awesome 5 Free";
}
.flex_half {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}

.flex_half_box {
display: block;
width: calc(100% / 2 - 16px);
}
.flex_half_box:nth-child(n+3) {
margin-top: 24px;
}
@media screen and (max-width: 834px){
.flex_half {
display: block;
}
.flex_half_box {
width: auto;
}
.flex_half_box:nth-child(n+2) {
margin-top: 16px;
}
}

dl.list_henten {
display: block;
margin: 0;
padding: 0;
}
dl.list_henten dt {
display: block;
position: relative;
margin: 0;
padding: 0;
border-bottom: 1px dotted #CCC;
font-weight: bold;
font-size: 110%;
padding-left: 1.5em;
margin-bottom: 4px;
}
dl.list_henten dt:before {
position: absolute;
	margin-left: -1.5em;
  content: '\f518';
  color: #F60;
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
}
dl.list_henten dd {
display: block;
margin: 0;
margin-bottom: 8px;
padding: 0;
}
dl.list_henten dd:last-child {
margin-bottom: 0;
}


ul.bt_list_henten {
display: flex;
margin: 0;
padding: 0;
justify-content: center;
flex-wrap: wrap;
}
ul.bt_list_henten li {
display: block;
list-style: none;
margin: 0;
margin-right: 8px;
padding: 0;
text-align: center;
font-weight: bold;
width: calc(100% / 3 - 8px);
}
ul.bt_list_henten li:nth-child(n+4) {
padding-top: 8px;
}
ul.bt_list_henten li:nth-child(3n),
ul.bt_list_henten li:last-child {
margin-right: 0;
}
ul.bt_list_henten li a {
display: block;
margin: 0;
padding: 1em 1em;
text-decoration: none;
border: 1px solid #CCC;
border-radius: 8px;
}


@media screen and (max-width: 834px){
ul.bt_list_henten li {
width: calc(100% / 2 - 8px);
}
ul.bt_list_henten li:nth-child(3n) {
margin-right: 1em;
}
ul.bt_list_henten li:nth-child(even),
ul.bt_list_henten li:last-child {
margin-right: 0;
}
ul.bt_list_henten li:nth-child(n+3) {
margin-top: 8px;
}
}
@media screen and (max-width: 640px){
ul.bt_list_henten {
display: block;
}
ul.bt_list_henten li {
width: auto;
margin-right: 0;
}
ul.bt_list_henten li:nth-child(3n) {
margin-right: 0;
}
ul.bt_list_henten li:nth-child(n+2) {
margin-top: 8px;
}
}

ul.bt_list_henten02 {
display: flex;
margin: 0;
padding: 0;
justify-content: flex-start;
flex-wrap: wrap;
}
ul.bt_list_henten02 li {
display: inline-block;
list-style: none;
margin: 0;
margin-right: 24px;
padding: 0;
padding-left: 1em;
font-weight: bold;
}
ul.bt_list_henten02 li:nth-child(n+4) {
padding-top: 8px;
}

ul.bt_list_henten02 li a {
position: relative;
display: block;
color: #393;
margin: 0;
padding:0;
text-decoration: none;
}
ul.bt_list_henten02 li::before {
position: absolute;
	margin-left: -1em;
  content: '\f0c1';
  color: #F90;
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
}

@media screen and (max-width: 834px){
ul.bt_list_henten02 {
display: block;
}
ul.bt_list_henten02 li {
display: block;
margin: 0;
margin-right: 0;
}
ul.bt_list_henten02 li:nth-child(n+2) {
padding-top: 8px;
}

}


/* *****************************
通学・通信コースの特徴202406
***************************** */

.box_834 {
display: block;
max-width: 834px;
margin: 0 auto;
}

ul.list_tsuugaku_tokuchou {
margin: 0;
padding: 0;
margin-bottom: 24px;
}
ul.list_tsuugaku_tokuchou li {
list-style: none;
display: block;
margin: 0;
padding: 0;
}
ul.list_tsuugaku_tokuchou li:nth-child(n+2) {
margin-top: 16px;
}

.flex_gakushuustyle {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
align-items: center;
}
.flex_gakushuustyle_title {
display: block;
width: 33%;
}
.flex_gakushuustyle_title_box {
position: relative;
display: flex;
flex-flow: column;
align-items: center;
justify-content: center;
width: 100%;
border-radius: 30px;
background-color: #749df2;
color: #FFF;
text-align: center;
line-height: 130%;
font-size: 120%;
min-height: 3em;
padding: 0.2em 0;
font-weight: 600;
}
.flex_gakushuustyle_title_box:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 97%;
  transform: translateY(-50%);
  border: 15px solid transparent;
  border-left: 15px solid #749df2;
}
.flex_gakushuustyle_txt {
display: block;
width: 65%;
}
@media screen and (max-width: 834px){
.flex_gakushuustyle {
display: flex;
flex-flow: column;
}

.flex_gakushuustyle_title {
display: inline-block;
width: 60%;
}
.flex_gakushuustyle_title_box {
border-radius: 30px;
font-size: 110%;
min-height: 3em;
padding: 0.2em 0;
margin-bottom: 15px;
}
.flex_gakushuustyle_title_box:before {
  top: 97%;
  left: 50%;
  transform: translateX(-50%) translateY(0%);
  border: 15px solid transparent;
  border-top: 15px solid #749df2;
}

.flex_gakushuustyle_txt {
display: block;
width: auto;
}
}

ul.list_tsuugaku_tokuchou02 {
margin: 0;
padding: 0;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
ul.list_tsuugaku_tokuchou02 li {
list-style: none;
display: block;
width: calc(100% / 3 - 8px);
margin: 0;
padding: 0;
}

@media screen and (max-width: 834px){
ul.list_tsuugaku_tokuchou02 {
flex-flow: column;
}
ul.list_tsuugaku_tokuchou02 li {
list-style: none;
display: block;
width: auto;
margin: 0;
padding: 0;
}
ul.list_tsuugaku_tokuchou02 li:nth-child(n+2) {
margin-top: 16px;
}
}


.flex_gakushuustyle02 {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
flex-flow: column;
}
.flex_gakushuustyle02_title_box {
display: block;
margin-bottom: 16px;
}
.flex_gakushuustyle02_title_box {
position: relative;
display: block;
border-radius: 25px;
background-color: #0066ff;
color: #FFF;
text-align: center;
line-height: 130%;
font-size: 110%;
padding: 0.2em 0;
font-weight: 600;
}
.flex_gakushuustyle02_title_box:before {
  content: "";
  position: absolute;
  top: 97%;
  left: 50%;
  transform: translateX(-50%);
  border: 15px solid transparent;
  border-top: 15px solid #0066ff;
}


@media screen and (max-width: 834px){
.flex_gakushuustyle02 {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
align-items: center;
flex-flow: row;
}
.flex_gakushuustyle02_title_box {
display: block;
width: 8em;
margin-bottom: 0;
margin-right: 16px;
}
.flex_gakushuustyle02_title_box {
position: relative;
display: flex;
align-items: center;
justify-content: center;
border-radius: 25px;
min-height: 2em;
background-color: #0066ff;
color: #FFF;
text-align: center;

line-height: 130%;
font-size: 100%;
padding: 0.2em 0;
font-weight: 600;
}
.flex_gakushuustyle02_title_box:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 97%;
  transform: translateX(0%) translateY(-50%);
  border: 10px solid transparent;
  border-left: 10px solid #0066ff;
}
.flex_gakushuustyle02_txt {
line-height: 130%;
}
}


.title_course_style {
display: inline-block;
border-bottom: 2px solid #000;
padding: 0 4px;
margin-bottom: 16px;
}
.title_course_style h4 {
font-size: 150%;
border: none;
margin-bottom: 4px;
}

.flex_tsuugaku_half {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.flex_tsuugaku_half_box {
position: relative;
display: block;
width: calc(100% / 2 - 24px);
}
.flex_tsuugaku_half_box40 {
position: relative;
display: block;
width: 32%;
}
.flex_tsuugaku_half_box h3 {
margin-bottom: 0;
color: #06F;
line-height: 150%;
}
.flex_tsuugaku_half_box h4 {
font-size: 150%;
margin-bottom: 8px;
}
@media screen and (max-width: 834px){
.flex_tsuugaku_half {
display: block;
}
.flex_tsuugaku_half_box40,
.flex_tsuugaku_half_box {
position: relative;
display: block;
width: auto;
}
.flex_tsuugaku_half_box:nth-child(n+2) {
margin-top: 16px;
}
}

.flex_tsuugaku_half_box_pic {
position: relative;
overflow: hidden;
display: block;
height: 100%;
}
.flex_tsuugaku_half_box_pic .imagecenter00 {
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}

.flex_tsuugaku_tokuchou {
display: flex;
flex-flow: column;
flex-wrap: wrap;
}
.flex_tsuugaku_tokuchou_box {
display: block;
}
.flex_tsuugaku_tokuchou_box:nth-child(n+2) {
margin-top: 16px;
}
.flex_tsuugaku_tokuchou_box_no {
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
align-items: center;
padding-bottom: 8px;
border-bottom: 1px dotted #CCC;
}
.flex_tsuugaku_tokuchou_box_no_no {
font-family: "MS Serif", "New York", "serif";
display: block;
font-size: 300%;
line-height: 1.0;
width: 80px;
}
.flex_tsuugaku_tokuchou_box_no_title {
display: block;
width: calc(100% - 80px);
}
.flex_tsuugaku_tokuchou_box_no h4 {
font-size: 150%;
line-height: 150%;
margin-bottom: 0;
}
@media screen and (max-width: 834px) {

.flex_tsuugaku_tokuchou_box_no_no {
font-size: 240%;
line-height: 1.0;
width: 60px;
}
.flex_tsuugaku_tokuchou_box_no_title {
display: block;
width: calc(100% - 60px);
}
.flex_tsuugaku_tokuchou_box_no h4 {
font-size: 130%;
margin-bottom: 0;
}
}


.sp_scroll,
.sp_scroll640 {
  margin-bottom: 0!important;

}
@media screen and (max-width: 834px) {
  .sp_scroll {
    overflow-x: scroll;
  }
  }
  
.sp_scrollimg {
display: block;
	max-width: 100%;
	margin: 0;
  }
@media screen and (max-width: 834px) {
.sp_scroll .sp_scrollimg {
    width: 100%;
	min-width: 840px !important;
	font-size: 100%;
	margin: 0;
}
}

p.sp_scrolltxt {
display: none;
}
.yazirusi {
display: none;
}
@media only screen and (max-width: 833px) {
p.sp_scrolltxt {
display: flex;
align-items: center;
justify-content: space-between;
position: relative;
  color: #F9B54F;
}
.yazirusi {
display: inline-block;
        margin-left: 4px;
        width: calc(100% - 5em);
        height: 6px;
        border-bottom: 1px solid #479557;
        border-right: 1px solid #479557;
        transform: skew(45deg);
}
}


.flex_tsuushinstyle {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.flex_tsuushinstyle_box {
position: relative;
display: block;
width: calc(100% / 3 - 32px);
border-radius: 16px;
box-shadow: 0 0 8px rgba(0,0,0,0.5);
padding: 16px;
}
.flex_tsuushinstyle_box:after {
position: absolute;
  content: '\f055';
  font-size: 28px;
  color: #111188;
  font-family: "Font Awesome 5 Free";
  top: 50%;
  font-weight: 900;
  left: calc(100% + 8px);
  transform: translateY(-50%);
}
.flex_tsuushinstyle_box:last-child::after {
  content: none;
  display: none;
}
@media screen and (max-width: 834px){
.flex_tsuushinstyle {
flex-flow: column;
}
.flex_tsuushinstyle_box {
width: auto;
padding: 8px;
}
.flex_tsuushinstyle_box:nth-child(n+2) {
margin-top: 48px;
}
.flex_tsuushinstyle_box:after {
  font-size: 28px;
  color: #111188;
  top: calc(100% + 0px);
  left: 50%;
  transform: translateY(0%) translateX(-50%);
}
}

.flex_tsuushinstyle_box h4 {
color: #111188;
font-size: 150%;
text-align: center;
margin-bottom: 0;
line-height: 150%;
}
.flex_tsuushinstyle_box_title {
display: flex;
flex-flow: column;
border-bottom: 1px dotted #CCC;
padding-bottom: 8px;
margin-bottom: 8px;
min-height: 7em;
justify-content: center;
text-align: center;

background-color: #F5F5F5;
background-image:  radial-gradient(#444cf7 0.5px, transparent 0.5px), radial-gradient(#444cf7 0.5px, #F5F5F5 0.5px);
background-size: 20px 20px;
background-position: 0 0,10px 10px;
}

h4.midashi_tsuushin {
font-size: 160%;
color: #111188;
font-weight: bold;
  padding: 0.15em 1em;
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 16px;
  outline: 3px solid #4c9ac0;
  outline-offset: 5px;
  background: linear-gradient(-45deg, transparent 0 20px, #fff 20px calc(100% - 20px), transparent calc(100% - 20px)),
              repeating-linear-gradient(-45deg, #4c9ac0 0 2px, #fff 2px 6px);
}
@media screen and (max-width: 834px) {
h4.midashi_tsuushin {
font-size: 130%;
  padding: 0.15em 0.75em;
}
}


ul.list_shuuchuusc {
margin: 0;
padding: 0;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}

ul.list_shuuchuusc li {
position: relative;
margin: 0;
padding: 0;
list-style: none;
display: block;
width: calc(100% / 6 - 8px);
}
ul.list_shuuchuusc li:nth-child(n+7) {
margin-top: 8px;
}
ul.list_shuuchuusc li p {
margin-bottom: 0;
text-align: center;
}
ul.list_shuuchuusc li .imagecenter00 {
width: 100%;
margin-bottom: 4px;
}
@media screen and (max-width: 834px) {
ul.list_shuuchuusc li {
position: relative;
margin: 0;
padding: 0;
list-style: none;
display: block;
width: calc(100% / 3 - 8px);
}
ul.list_shuuchuusc li:nth-child(n+4) {
margin-top: 8px;
}
}
.box_shuuchuusc {
display: block;
padding: 1em;
background-color: #eaf9f1;
}
@media screen and (max-width: 834px) {
.box_shuuchuusc {
padding: 16px;
margin: 0 -16px;
}
}

.flex_tg_tokushoku {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.flex_tg_tokushoku_box {
position: relative;
margin: 0;
padding: 0;
list-style: none;
display: block;
width: calc(100% / 3 - 8px);
}
.flex_tg_tokushoku_box h5 {
font-size: 105%;
margin-bottom: 0;
color: #06F;
}
.flex_tg_tokushoku_box p {
font-size: 105%;
margin-bottom: 0;
}
@media screen and (max-width: 834px) {
.flex_tg_tokushoku {
display: block;
}
.flex_tg_tokushoku_box {
width: auto;
margin-bottom: 16px;
}
.flex_tg_tokushoku_box:last-child {
margin-bottom: 0;
}
}

.flex_tg_tokushoku_box_flex {
display: block;
}
.flex_tg_tokushoku_box_flex_pic {
display: block;
margin-bottom: 8px;
}
.flex_tg_tokushoku_box_flex_txt {
display: block;
}

@media screen and (max-width: 834px) {
.flex_tg_tokushoku_box_flex {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.flex_tg_tokushoku_box_flex_pic {
display: block;
width: calc(40% - 8px);
margin-bottom: 0;
}
.flex_tg_tokushoku_box_flex_txt {
display: block;
width: calc(60% - 8px);
}
}

@media screen and (max-width: 640px) {
.flex_tg_tokushoku_box_flex {
margin-bottom: 16px
}
.flex_tg_tokushoku_box_flex_pic {
width: auto;
margin-bottom: 8px;
}
.flex_tg_tokushoku_box_flex_txt {
width: auto;
}
}
.box_tokushoku_voice {
display: block;
padding: 1em;
background-color: #eaf9f1;
}
.flex_tokushoku_voice {
display: flex;
justify-content: space-between;
flex-wrap: wrap
}
.flex_tokushoku_voice_pic {
display: block;
width: calc(30% - 8px);
}
.flex_tokushoku_voice_txt {
display: block;
width: calc(70% - 8px);
}
.flex_tokushoku_voice_txt h5 {
color: #090;
font-size: 150%;
margin-bottom: 4px;
}
.flex_tokushoku_voice_txt p {
margin-bottom: 1em;
}
.flex_tokushoku_voice_txt p.name {
margin-bottom: 0;
text-align: right;
color: #090;
}
@media screen and (max-width: 834px) {

.flex_tokushoku_voice {
display: block;
}
.flex_tokushoku_voice_pic {
display: inline-block;
float: right;
margin-left: 4px;
width: 38%;
}
.flex_tokushoku_voice_txt {
display: block;
width: auto
}
.flex_tokushoku_voice_txt h5 {
font-size: 130%;
}
.flex_tokushoku_voice_txt p.name {
text-align: left;
}
}
@media screen and (max-width: 640px) {
.flex_tokushoku_voice {
display: block;
}
.flex_tokushoku_voice_pic {
display: block;
float: none;
margin-left: 0;
width: auto;
margin-bottom: 8px;
}
.flex_tokushoku_voice_txt {
display: block;
width: auto
}
.flex_tokushoku_voice_txt h5 {
font-size: 120%;
}
.flex_tokushoku_voice_txt p.name {
text-align: right;
}
}

/* *****************************
休暇バナー 
***************************** */

.leave_bnr {
  color: #f00;
  border: solid 2px #f00;
  width: 100%;
  display: block;
  text-align: center;
  padding: 1em 0;
  font-weight: 700;
}
@media screen and (max-width: 834px) {
  .leave_bnr {
    padding: .5em 0;
  }
}

.flex_double,
.flex_triple {
position: relative;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.flex_double_left,
.flex_double_right {
display: block;
width: calc(100% / 2 - 16px);
}
.flex_triple::after {
content: "";
position: absolute;
display: block;
width: calc(100% / 3 - 16px);
}
.flex_triple_box {
display: block;
width: calc(100% / 3 - 16px);
}
.flex_triple_box60 {
display: block;
width: calc(60% - 16px);
}
.flex_triple_box40 {
display: block;
width: calc(40% - 16px);
}

.flex_double_box16 {
display: block;
width: calc(100% / 2 - 8px);
}

.flex_double_box16:nth-child(n+3) {
margin-top: 16px;
}
@media screen and (max-width: 834px) {
.flex_double,
.flex_triple {
display: block;
}
.flex_triple_box,
.flex_triple_box60,
.flex_triple_box40,
.flex_double_box16,
.flex_double_left,
.flex_double_right {
display: block;
width: auto;
}
.flex_triple_box:nth-child(n+2),
.flex_double_box16:nth-child(n+2) {
margin-top: 8px;
}
.flex_double_left {
margin-bottom: 16px;
}
}

.eye-catch-wrap {
margin: 0 auto;
margin-bottom: 24px;
max-width: 834px;
}
@media screen and (max-width: 834px) {
.eye-catch-wrap {
margin-bottom: 16px;
}
}

ul.timesche {
	margin: 0;
	padding: 0;
    display:flex;
    flex-wrap:wrap;
	justify-content: space-between;
}
ul.timesche li {
	position: relative;
	display: block;
	list-style: none;
	margin: 0;
	padding: 0.5em 1em;
	width: calc(100% / 2 - 1em);
	border: 1px solid #CCC;
	text-align: center;
	font-weight: 600;
}
ul.timesche li:nth-child(n+3) {
margin-top: 8px;
}
ul.timesche li:after {
position: absolute;
  content: '\f0da';
  font-size: 200%;
  color: #CCC;
  font-family: "Font Awesome 5 Free";
  top: 50%;
  left: 105%;
  transform: translateY(-50%);
}
ul.timesche li:last-child::after {
  content: '';
  display: none;
}


@media screen and (max-width: 640px){
ul.timesche {
	margin: 0;
	margin-bottom: 16px;
	padding: 0;
    display:block;
}
ul.timesche li {
	padding: 0.5em 1em;
	width: auto;
	margin-bottom: 24px;
}

ul.timesche li:nth-child(n+3) {
margin-top: 0;
}
ul.timesche li:last-child {
	margin-bottom: 0;
}
ul.timesche li:after {
  content: '\f0dd';
  font-family: "Font Awesome 5 Free";
  top: inherit;
  bottom: -36px;
  left: 50%;
  transform: translateX(-50%) translateY(0);
}
}

ul.list_kome {
margin: 0;
padding: 0;
}

ul.list_kome li {
position: relative;
display: block;
list-style: none;
margin: 0;
padding: 0;
padding-left: 1em;
line-height: 150%;
margin-bottom: 4px;
}
ul.list_kome li:last-child {
margin-bottom: 0;
}
ul.list_kome li:before {
position: absolute;
	margin-left: -1em;
  content: '※';
}
ul.list_kome li:last-child {
margin-bottom: 0;
}





/************************************
** バナー配置202406
************************************/


.box_openschool_one {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
flex-flow: column;
margin-bottom: 16px;
}
.box_openschool_one section {
display: block;
margin: 0 auto;
}
.box_openschool_one section:nth-child(n+2) {
margin-top: 16px;
}
.box_openschool_one section img {
display: block;
margin: 0 auto;
max-width: 100%;
}
@media screen and (max-width: 834px){
.box_openschool_one {
margin-bottom: 8px;
}
}


.grid_top_bn {
position: relative;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 12px;
    margin: 0;
	padding: 0;
}
.grid_top_bn01 {
    grid-column: span 4 / span 4;
}
.grid_top_bn02 {
    grid-column: span 8 / span 8;
}

.grid_top_bn_full {
    grid-column: span 12 / span 12;
}
@media screen and (max-width: 834px){
.grid_top_bn {
position: relative;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 12px;
    margin: 0;
	padding: 0;
}
.grid_top_bn01 {
    grid-column: span 6 / span 6;
}
.grid_top_bn02 {
    grid-column: span 12 / span 12;
}

.grid_top_bn_full {
    grid-column: span 12 / span 12;
}
}




.box_openschool_three {
position: relative;
    margin: 0;
	margin-bottom: 16px;
	padding: 0;
    display:flex;
    flex-wrap:wrap;
	justify-content: space-between;
}
.box_openschool_three::after {
content: "";
display: block;
    width: calc(100% / 3 - 12px);
}
.box_openschool_three section {
display: block;
	padding: 0;
	margin: 0;
    width: calc(100% / 3 - 12px);
}
.box_openschool_three section:nth-child(n+4) {
	margin-top: 16px;
}
@media screen and (max-width: 834px){
.box_openschool_three {
	margin-bottom: 8px;
}

.box_openschool_three section {
	padding: 0;
	margin: 0;
    width: calc(100% / 2 - 4px);
}
.box_openschool_three section:nth-child(n+3) {
	margin-top: 8px;
}
}

.flex_wschool_carr {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
flex-flow: column;
}
.flex_wschool_carr_hissu,
.flex_wschool_carr_sentaku {
position: relative;
display: block;
width: auto;
border-top: 1px solid #FFF;
border-bottom: 1px solid #FFF;
/*
background: rgba(255,255,255,0.5);
*/
padding: 8px 0;
}
.flex_wschool_carr_hissu {
margin-bottom: 24px;
}
.flex_wschool_carr_hissu::after {
position: absolute;
  content: '\f067';
  color: #06F;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 150%;
  top: calc(100% - 7px);
  left: 5%;
}



/************************************
** 進路実績
************************************/

h4.title_shinrojisseki {
font-size: 26px;
margin-bottom: 16px;
  padding: 0.2em 0;
  border-bottom: solid 3px #96c2fe;
}

@media screen and (max-width: 834px){
h4.title_shinrojisseki {
font-size: 20px;
}
}

ul.list_shinrojisseki {
margin: 0;
padding: 0;
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
}
ul.list_shinrojisseki li {
position: relative;
list-style: none;
display: block;
width: calc(100% / 2 - 16px);
margin: 0;
padding: 0;
padding-left: 1em;
}
ul.list_shinrojisseki li::before {
position: absolute;
  content: '\f054';
  color: #139;
  font-family: "Font Awesome 5 Free";
  margin-left: -1em;
  font-weight: 900;
}
ul.list_shinrojisseki li:nth-chld(n+4) {
margin-top: 16px;
}
@media screen and (max-width: 834px){

ul.list_shinrojisseki {
margin: 0;
padding: 0;
display: block;
}
ul.list_shinrojisseki li {
width: auto;
}
ul.list_shinrojisseki li:nth-chld(n+2) {
margin-top: 16px;
}
}


.flex_selective,
.flex_selective_three {
position: relative;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.flex_selective_three::after {
content: "";
display: block;
width: calc(100% / 2 - 16px);
}
.flex_selective h5,
.flex_selective_three h5 {
color: #002266;
margin-bottom: 8px;
}
.flex_selective h4,
.flex_selective_three h4 {
margin-bottom: 8px;
}

.flex_selective_box {
position: relative;
display: block;
width: calc(100% / 2 - 16px);
}
.flex_selective_three_box {
display: block;
width: calc(100% / 3 - 12px);
}
.flex_selective_box .imagecenter {
margin-bottom: 8px;
}
.flex_selective_three_box .imagecenter00 {
margin-bottom: 8px;
}
.flex_selective_box:nth-child(n+3) {
margin-top: 32px;
}
.flex_selective_three_box:nth-child(n+4) {
margin-top: 32px;
}
@media screen and (max-width: 834px){
.flex_selective,
.flex_selective_three {
display: block;
}
.flex_selective_box {
display: block;
width: auto;
}
.flex_selective_box:nth-child(n+2) {
margin-top: 16px;
}
.flex_selective_three_box:nth-child(n+2) {
margin-top: 16px;
}

.flex_selective_three_box {
width: auto;
}

}

dl.flex_selective_jiki {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin: 0;margin-bottom: 8px;
padding: 0;
border: 2px solid #002266;
align-items: center;
}

dl.flex_selective_jiki dt,
dl.flex_selective_jiki dd {
display: block;
width: calc(100% / 2);
margin: 0;
padding: 0;
text-align: center;
}
dl.flex_selective_jiki dt {
color: #002266;
background-color: #F5F5F5;
}


.flex_selective_box_in {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}


.flex_selective_pic,
.flex_selective_text {
display: block;
width: calc(100% / 2 - 8px);
}
.flex_selective_pic {
order: 2;
}
.flex_selective_text {
order: 1;
}
@media screen and (max-width: 834px){
.flex_selective_box_in {
display: block;
}
.flex_selective_pic,
.flex_selective_text {
display: block;
width: auto;
}
.flex_selective_pic {
margin-bottom: 8px;
}
}


/************************************
** フォント 太さ 行間
************************************/
.fw300 {
  font-weight: 300 !important;
}
.fw400 {
  font-weight: 400 !important;
}
.fw500 {
  font-weight: 500 !important;
}
.fw600 {
  font-weight: 600 !important;
}
.fw700 {
  font-weight: 700 !important;
}
.fw800 {
  font-weight: 800 !important;
}
.fw900 {
  font-weight: 900 !important;
}
.ls005 {
letter-spacing: 0.05rem;
}
.ls01 {
letter-spacing: 0.1rem;
}
.ls02 {
letter-spacing: 0.2rem;
}
.ls05 {
letter-spacing: 0.5rem;
}


/************************************
** フォントサイズ
************************************/

.fs10 {
  font-size: 10px;
}
.fs12 {
  font-size: 12px;
}
.fs14 {
  font-size: 14px;
}
.fs16 {
  font-size: 16px;
}
.fs18 {
  font-size: 18px;
}
.fs20 {
  font-size: 20px;
}
.fs22 {
  font-size: 22px;
}
.fs23 {
  font-size: 23px;
}
.fs24 {
  font-size: 24px;
}
.fs26 {
  font-size: 26px;
}
.fs28 {
  font-size: 28px;
}
.fs30 {
  font-size: 30px;
}
.fs32 {
  font-size: 32px;
}
.fs34 {
  font-size: 34px;
}
.fs36 {
  font-size: 36px;
}
.fs38 {
  font-size: 38px;
}
.fs40 {
  font-size: 40px;
}
.fs42 {
  font-size: 42px;
}


@media screen and (max-width: 834px) {
  .fs10 {
    font-size: 8px;
  }
  .fs12 {
    font-size: 10px;
  }
  .fs14 {
    font-size: 12px;
  }
  .fs16 {
    font-size: 14px;
  }
  .fs18 {
    font-size: 16px;
  }
  .fs20 {
    font-size: 17px;
  }
  .fs22 {
    font-size: 18px;
  }
.fs23 {
  font-size: 18px;
}
  .fs24 {
    font-size: 19px;
  }
  .fs26 {
    font-size: 19px;
  }
  .fs28 {
    font-size: 20px;
  }
  .fs30 {
    font-size: 20px;
  }
  .fs32 {
    font-size: 21px;
  }
  .fs34 {
    font-size: 21px;
  }
  .fs36 {
    font-size: 22px;
  }
  .fs38 {
    font-size: 24px;
  }
  .fs40 {
    font-size: 26px;
  }
  .fs42 {
    font-size: 28px;
  }
}


.youtube {
width: 100% !important;
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}
.youtube iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


ul.list_bt_double {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin: 0;
padding: 0;
}
ul.list_bt_double li {
display: block;
width: calc(100% / 2 - 4px);
margin: 0;
padding: 0;
}
ul.list_bt_double li a {
display: block;
padding: 0.5em;
text-align: center;
background: #F00;
color: #FFF;
text-decoration: none;
}
ul.list_bt_double li:nth-child(2) a {
background: #06F;
}

@media screen and (max-width: 834px){
ul.list_bt_double {
display: block;
}
ul.list_bt_double li {
display: block;
width: auto;
margin: 0;
padding: 0;
}
ul.list_bt_double li:nth-child(n+2) {
margin-top: 8px;
}
}



/********* セクション *************************************************/

.content_section1em {
display: block;
margin-bottom: 1em;
}
.content_section80 {
display: block;
margin-bottom: 64px;
}
.content_section {
display: block;
margin-bottom: 40px;
}
.content_section40 {
display: block;
margin-bottom: 40px;
}
.content_section32 {
display: block;
margin-bottom: 32px;
}
.content_section24 {
display: block;
margin-bottom: 24px;
}
.content_section16 {
display: block;
margin-bottom: 16px;
}
.content_section8 {
display: block;
margin-bottom: 8px;
}
.content_section40map {
display: block;
margin-bottom: 40px;
}

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

.content_section80 {
display: block;
margin-bottom: 32px;
}
.content_section {
margin-bottom: 32px;
}
.content_section40 {
margin-bottom: 32px;
}
.content_section32 {
margin-bottom: 24px;
}
.content_section24 {
margin-bottom: 16px;
}
.content_section16 {
margin-bottom: 8px;
}
.content_section8 {
margin-bottom: 8px;
}
.content_section40map {
margin-bottom: 32px;
}
}



/********* ブログ *************************************************/

.blog_section {
display: block;
padding-bottom: 24px;
border-bottom: 1px solid #999;
}
.blog_section p {
margin-bottom: 8px;
}
@media only screen and (max-width: 834px) {
.blog_section {
display: block;
padding-bottom: 16px;
}
}

h4.title_blog_midashi {
position: relative;
display: block;
margin-bottom: 16px;
border-bottom: 1px dotted #CCC;
color: #449;
}
h5.title_blog_midashi {
position: relative;
display: block;
margin-bottom: 8px;
border-bottom: 1px dotted #CCC;
color: #449;
}

h5.title_blog {
position: relative;
display: block;
padding-left: 1em;
margin-bottom: 8px;
color: #449;
}

h5.title_blog::before {
  content: '■';
  margin-left: -1em;
}

ul.list_dott {
margin: 0;
padding: 0;
}
ul.list_dott li {
position: relative;
list-style: none;
margin: 0;
padding: 0;
padding-left: 1em;
}
ul.list_dott li::before {
position: absolute;
content: "・";
margin: 0;
padding: 0;
margin-left: -1em;
}

.table_blog01 {
table-layout: auto;
margin: 0;
padding: 0;
width: auto;
border: none;
background: none;
}
.table_blog01 tr {
margin: 0;
padding: 0;
border: none;
background: none;
}

.table_blog01 th,
.table_blog01 td {
text-align: left;
margin: 0;
padding: 0.25em 1em;
white-space: nowrap;
}

@media only screen and (max-width: 834px) {
.table_blog01 {
width: 100%;
}

.table_blog01 th,
.table_blog01 td {
text-align: left;
margin: 0;
padding: 0.25em 0.5em;
white-space: normal;
}
.table_blog01 th:nth-child(1),
.table_blog01 td:nth-child(1) {
white-space: nowrap;
}
}


.grid_os {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: repeat(auto, 1fr);
    gap: 24px;
}
.grid_os_box {
    grid-column: span 6 / span 6;
}

@media only screen and (max-width: 834px) {
.grid_os {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: repeat(auto, 1fr);
    gap: 16px;
}
.grid_os_box {
    grid-column: span 12 / span 12;
}
}

.grid_os_shousai {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: repeat(1, 1fr);
    gap: 8px;
}
.grid_os_shousai_txt {
    grid-column: span 6 / span 6;
}
.grid_os_shousai_pic {
    grid-column: span 6 / span 6;
    grid-column-start: 7;
}

.grid_blog {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: repeat(1, 1fr);
    gap: 24px;
}
    
.grid_blog_txt {
    grid-column: span 8 / span 8;
}

.grid_blog_pic {
    grid-column: span 4 / span 4;
    grid-column-start: 9;
}
 @media only screen and (max-width: 834px) {
.grid_blog {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: repeat(auto, 1fr);
    gap: 16px;
}
    
.grid_blog_txt {
    grid-column: span 12 / span 12;
    grid-column-start: 1;
    grid-row-start: 2;
}

.grid_blog_pic {
    grid-column: span 8 / span 8;
    grid-column-start: 3;
    grid-row-start: 1;
}
} 


.bg_top_green {
position: relative;
	padding: 80px 0;
	margin-bottom: 40px;
background-color: #e5f1df;
background-image: url("../../uploads/2025/06/bg_top_oc2025_up.png"), url("../../uploads/2025/06/bg_top_oc2025_down.png");
background-repeat: no-repeat;
background-size: 30%, 50%;
background-position: left top, right bottom;
}

.bg_top_green .content {
	margin-bottom: 0;
}

@media screen and (max-width: 834px){
.bg_top_green {
background-size: 40%, 70%;
	padding: 40px 0;
	margin-bottom: 24px;
}
}


.bg_top_purple {
position: relative;
	padding: 80px 0;
	margin-bottom: 40px;
background-color: #e5e1fd;
background-image: url("../../uploads/2025/07/bg_top_purple_leftup.png"), url("../../uploads/2025/07/bg_top_purple_rightdown.png");
background-repeat: no-repeat;
background-size: 30%, 50%;
background-position: left top, right bottom;
}

.bg_top_purple .content {
	margin-bottom: 0;
}

@media screen and (max-width: 834px){
.bg_top_purple {
background-size: 40%, 70%;
	padding: 40px 0;
	margin-bottom: 24px;
}
}


.bg_top_blue {
position: relative;
	padding: 80px 0;
	margin-bottom: 80px;
background-color: #fffdf6;
background-image: url("../../uploads/2025/06/bg_top_course2025_topleft.png"), url("../../uploads/2025/06/bg_top_course2025_topright.png"), url("../../uploads/2025/06/bg_top_course2025_bottomleft.png"), url("../../uploads/2025/06/bg_top_course2025_bottomright.png"), url("../../uploads/2025/06/bg_top_course2025_center.png");
background-position: left top, right top, left bottom, right bottom, center center;
background-repeat: no-repeat;
background-size: 40%, 60%, 50%, 50%, 50%;
}
.bg_top_blue .content {
	margin-bottom: 0;
}

@media screen and (max-width: 834px){
.bg_top_blue {
	padding: 24px 0;
}
.bg_top_blue.mb_ari {
margin-bottom: 24px;
}
}



.bg_top_pink {
position: relative;
	padding: 80px 0;
	margin-bottom: 0;
background-color: #fffdf6;
background-image: url("../../uploads/2025/07/bg_top_pink_leftup.png"), url("../../uploads/2025/07/bg_top_pink_rightup.png"), url("../../uploads/2025/07/bg_top_pink_leftdown.png"), url("../../uploads/2025/07/bg_top_pink_rightdown.png");
background-position: left top, right top, left bottom, right bottom;
background-repeat: no-repeat;
background-size: 15%, 20%, 30%, 20%;
}
.bg_top_pink .content {
	margin-bottom: 0;
}

@media screen and (max-width: 834px){
.bg_top_pink {
	padding: 24px 0;
}
}


.bg_top_orange {
position: relative;
	padding: 80px 0;
	margin-bottom: 0;
background-color: #fffdf6;
background-image: url("../../uploads/2025/07/bg_top_orange_leftup.png"), url("../../uploads/2025/07/bg_top_orange_rightup.png"), url("../../uploads/2025/07/bg_top_orange_leftdown.png"), url("../../uploads/2025/07/bg_top_orange_rightdown.png");
background-position: left top, right top, left bottom, right bottom;
background-repeat: no-repeat;
background-size: 15%, 20%, 30%, 20%;
}
.bg_top_orange .content {
	margin-bottom: 0;
}

@media screen and (max-width: 834px){
.bg_top_orange {
	padding: 24px 0;
	margin-bottom: 0;
}
}



.grid_top_course2025 {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: repeat(1, 1fr);
    gap: 24px;
}
    
.grid_top_course2025_box {
background: #FFF;
border-radius: 16px;
padding: 24px;
    grid-column: span 4 / span 4;
}

.grid_top_course2025_box02 {
background: #FFF;
border-radius: 16px;
padding: 24px;
    grid-column: span 4 / span 4;
    grid-column-start: 5;
  box-sizing: border-box;
}

.grid_top_course2025_box03 {
  box-sizing: border-box;
background: #FFF;
border-radius: 16px;
padding: 24px;
    grid-column: span 4 / span 4;
    grid-column-start: 9;
}
@media screen and (max-width: 834px){
.grid_top_course2025 {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: repeat(auto, 1fr);
    gap: 16px;
}    
.grid_top_course2025_box {
background: #FFF;
border-radius: 8px;
padding: 16px;
    grid-column: span 12 / span 12;
}
}




.color_tsuugaku {
color: #65b9e8;
}
.color_tsuushin {
color: #e58ca6;
}
.color_senmon {
color: #f5ab2d;
}

ul.list_check.tsuugaku li:before {
  color: #65b9e8;
}
ul.list_check.tsuushin li:before {
  color: #e58ca6;
}
ul.list_check.senmon li:before {
  color: #f5ab2d;
}


.grid_os {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 24px;
}
    
.grid_os_pic {
    grid-column: span 5 / span 5;
}

.grid_os_txt {
    grid-column: span 7 / span 7;
    grid-column-start: 6;
}
@media screen and (max-width: 834px){
.grid_os {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 16px;
}
    
.grid_os_pic {
    grid-column: span 12 / span 12;
}

.grid_os_txt {
    grid-column: span 12 / span 12;
    grid-column-start: 1;
    grid-row-start: 2;
}
}

h3.ostitle {
font-size: 29px;
color: #3e8ab9;
margin-bottom: 16px;
}

h4.osmidashi {
display: inline-block;
background-color: #3e8ab9;
color: #FFF;
padding: 12px 12px;
border-radius: 4px;
margin-bottom: 16px;
font-size: 18px;
line-height: 1.0 !important;
}
.osmidashi_box {
display: inline-block;
border-radius: 4px;
line-height: 1.0 !important;
font-size: 90%;
padding: 2px;
color: #3e8ab9;
background-color: #FFF;
}

@media screen and (max-width: 834px){
h3.ostitle {
font-size: 20px;
margin-bottom: 16px;
}

h4.osmidashi {
padding: 8px 8px;
margin-bottom: 16px;
font-size: 13.5px;
}
.osmidashi_box {
font-size: 90%;
}
}

.bt_map {
line-height: 1.0 !important;
display: inline-block;
}
.bt_map a {
display: block;
background-color: #3e8ab9;
color: #FFF;
padding: 2px 12px;

border-radius: 24px;
text-decoration: none;
}

dl.os_naiyou {
margin: 0;
padding: 0;
}
dl.os_naiyou dt {
clear: both;
float: left;
margin: 0;
padding: 0;
width: 3em;
}
dl.os_naiyou dd {
margin: 0;
margin-left: 3em;
padding: 0;
}




/*** QA***/



.tab-4 {
    display: flex;
    flex-wrap: wrap;
justify-content: center;
}

.tab-4 > label {
display: flex;
/*flex: 1 1; 等間隔*/
    order: -1;
    position: relative;
    width: 11em;
    padding: .7em .25em;
    background-color: #F5F5F5;
    color: #000;
	justify-content: center;
font-weight: 600;
    font-size: .9em;
    text-align: center;
    cursor: pointer;
}
@media screen and (max-width: 1024px) {
.tab-4 > label {
    width: 10.0em;
	font-size: 80%;
    padding: .7em .2em;
}
}
@media screen and (max-width: 834px) {
.tab-4 > label {
    width: 8em;
	font-size: 80%;
    padding: .7em .2em;
}
}
@media screen and (max-width: 640px) {
.tab-4 > label {
    width: 5.0em;
	font-size: 60%;
    padding: .7em 0em;
}
}

.tab-4 > label:hover,
.tab-4 label:has(:checked) {
    background-color: #ff8484;
    color: #fff;
}

.tab-4 label:has(:checked)::before {
    position: absolute;
    bottom: -8px;
    left: 50%;
    transform: translateX(-50%);
    width: 18px;
    height: 9px;
    background-color: #ff8484;
    content: '';
    clip-path: polygon(0 0, 100% 0, 50% 100%);
}

.tab-4 input {
    display: none;
}

.tab-4 > div {
    display: none;
    width: 100%;
    padding: 1.5em 1em;
}

.tab-4 label:has(:checked) + div {
    display: block;
}




.grid_12 {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 24px;
}
@media only screen and (max-width: 834px) {
.grid_12 {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 16px;
}
}
.grid_doublebox {
    grid-column: span 6 / span 6;
}
.grid_doublebox_only {
    grid-column: span 6 / span 6;
}
.grid_triplebox {
    grid-column: span 4 / span 4;
}
.grid_fourbox {
    grid-column: span 3 / span 3;
}
@media only screen and (max-width: 834px) {
.grid_doublebox {
    grid-column: span 12 / span 12;
}
.grid_triplebox {
    grid-column: span 12 / span 12;
}
.grid_fourbox {
    grid-column: span 6 / span 6;
}
}

.grid_double_txt_left8 {
    grid-column: span 8 / span 8;
}
.grid_double_pic_right4 {
    grid-column: span 4 / span 4;
    grid-column-start: 9;
}
.grid_double_txt_left {
    grid-column: span 6 / span 6;
}
.grid_double_pic_right {
    grid-column: span 6 / span 6;
}
@media only screen and (max-width: 834px) {
.grid_double_txt_left {
    grid-column: span 12 / span 12;
    grid-column-start: 1;
    grid-row-start: 2;
}
.grid_double_pic_right {
    grid-column: span 12 / span 12;
    grid-column-start: 1;
    grid-row-start: 1;
}
.grid_double_txt_left8 {
    grid-column: span 12 / span 12;
    grid-column-start: 1;
    grid-row-start: 2;
}
.grid_double_pic_right4 {
    grid-column: span 12 / span 12;
    grid-column-start: 1;
    grid-row-start: 1;
}
}