@charset "utf-8";
/* CSS Document */
/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
font-family: 'Courgette', cursive;
font-family: 'Noto Sans JP', sans-serif;
font-family: 'Noto Serif JP', serif;
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
/*font: inherit;*/
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers
*/
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/*====================*/
*{
	position:relative;
	box-sizing:border-box;
}
body{
    font-family: Noto Sans JP,Noto Sans Japanese,游ゴシック Medium,Yu Gothic Medium,Hiragino Kaku Gothic ProN,メイリオ,meiryo,sans-serif;
	font-size:18px;
	line-height:1.5;
	letter-spacing:0.02em;
	font-weight: 500;
	color:#333;
}
*{
	outline: none;
}
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em !important;
	margin-bottom: .5em !important;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em !important;
	margin-bottom: .5em !important;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto !important;
	margin-right: auto !important;
}
table.aligncenter,
table.alignright,
table.alignleft{
	display:table;
}

table.flex_table.aligncenter,
table.flex_table.alignright,
table.flex_table.alignleft{
	float:none;
}
.mincho{
	font-family: 'Noto Serif JP', serif;
}
.marugo{
    font-family: 'M PLUS Rounded 1c', sans-serif;
}
.futogo{
	font-family: 'Dela Gothic One', cursive;
}
.oubun{
	font-family: 'Courgette', cursive;
}
.rtl{
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
}
a{
	color:#3f51b5;
	text-decoration:underline;
	cursor:pointer;
}
a:hover{
	text-decoration:none;
}
img {
    max-width: 100%;
    height: auto;
}

img.lb-image{
    max-width: none;
}

table .btn a{
	display:block;
}

blockquote{
    background-color: rgb(78 173 179 / 30%);
    border-radius: 4px;
    padding: 0.2em 1em 0 1em;
}

#main table tr > th > :last-child,
#main table tr > td > :last-child{
	margin-bottom:0;
}

#main table tr > td > a{
	color: #6495ed;
}

#main table.flex_table,
#main table.flex_table > tbody{
	display:block;
	max-width:100%;
	border:0;
	background:transparent;
}

#main table.flex_table > tbody > tr{
	display:flex;
}

#main table.flex_table > tbody > tr > td{
	display:block;
	padding:1em;
	/* width:auto !important; */
	border:0;
    background-color: transparent;
}

#main table.flex_table > tbody > tr > td table.flex_table td{
	padding:.5em;
}

#main table.flex_table.aligncenter > tbody > tr{
	justify-content:center;
}

#main table.flex_table.aligncenter > tbody > tr > td{
	width:auto !important;
}

#main table.flex_table.alignright > tbody > tr{
	justify-content:flex-end;
}


#main table.flex_table.al_center > tbody > tr{
	align-items:center;
}

#main table.flex_table.eq_width > tbody > tr > td{
	width:100% !important;
    background-color: transparent;
}

#main table.large_table{
	width:100% !important;
	margin-left:auto;
	margin-right:auto;
	border-top: 0;
    border-bottom: 0;
    height:auto !important;
	table-layout:fixed; 
	box-sizing: border-box;
}

#main table.large_table tbody {
    overflow: auto;
    width: 100%;
    display: block;
}

#main table.large_table tr:first-of-type{
	border-top: 2px #fda418 solid;
}

#main table.large_table tr:last-of-type{
}

#main table.large_table strong{
	word-break: keep-all;
}

#main table.large_table td,
#main table.large_table th{
	white-space: nowrap;
}

#main table.large_table {
    overflow: auto;
}

#main table.large_table th{
	vertical-align:middle;
	padding:.5em;
	font-size:90%;
}

#main table.large_table td{
	padding:.5em;
	font-size:90%;
	//max-width:500px;
}

#main table tbody::-webkit-scrollbar{ /* スクロールバー全体 */
    height: 10px;
}

#main table tbody::-webkit-scrollbar-thumb{ /* スクロールバーのある部分 */
    background: #ff7840;
    border-radius: 10px;
}
#main table tbody::-webkit-scrollbar-track-piece:start{ /* スクロールバーが表示されてない部分（前） */
    background: #fed0bd;
    border-radius: 10px 0 0 10px;
}
#main table tbody::-webkit-scrollbar-track-piece:end{ /* スクロールバーが表示されてない部分（後ろ） */
    background: #fed0bd;
    border-radius: 0 10px 10px 0;
}

#main table.pt_table tr:nth-child(2n+1) {
    background-color: #fff;
}

#main table.pt_table td{
    background-color: transparent;
}

#main table.tb_noborder{
    border-top: none;
    border-left: none;
}

#main table.tb_noborder th,
#main table.tb_noborder td{
    padding: 0 .2em;
    border-right: none;
    border-bottom: none;
    background-color: transparent;
}

#main table.tb_noborder th{
    border-right: none;
    border-bottom: none;
    color: #333;
    background-color: transparent;
}

#main table.tb_noborder tr:last-child > th{
    border-bottom: none;
}

body::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-image: url(img/main_bg.png);
    position: absolute;
    top: 0;
    left: 0;
    opacity: .1;
}

/* 画面外にいる状態 */
.animate {
	opacity : 0;
	transform : translate(0, 50px);
	-webkit-transform : translate(0, 50px);
	transition : all 700ms;
}

/* 画面内に入った状態 */
.animate.scrollin {
	opacity : 1 !important;
	transform : translate(0, 0);
	-webkit-transform : translate(0, 0);
}

/* head */
#header_wrap {
    width: 100%;
    box-shadow: 10px 10px 24px #eee;
	background-color: #fff;
    z-index: 999;
}

header {
    max-width: 1200px;
    margin: auto;
}

header #header_inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

header h1 {
    width: 567px;
    height: 142px;
    border-radius: 8px;
    background-image: url(img/top_shamei_rogo.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    text-indent: -150%;
    overflow: hidden;
}

header h1 a{
    display: block;
    height: 100%;
}

.sub_menu {
	width: 60%;
}

.sub_menu ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    margin-top: .5em;
}

.sub_menu ul li {
    text-align: center;
    margin: 0 .5em .5em;
}

.sub_menu ul li a {
	display: block;
    width: 100%;
	padding: .5em 2em;
    border: 2px solid #f48456;
    border-radius: 8px;
    background-color: #f48456;
    box-shadow: 3px 3px #df6736;
    color: #fff;
    font-size: 90%;
	font-weight: bold;
	text-decoration: none;
    transition: .2s;
}

.sub_menu ul li:nth-child(3) a{
    border: 2px solid #4eadb3;
    background-color: #4eadb3;
    box-shadow: 3px 3px #227378;
}

.sub_menu ul li:nth-child(4) a{
    border: 1px solid #ff75c9;
    background-color: #ff75c9;
    box-shadow: 3px 3px #b93e89;
}

.sub_menu ul li:nth-child(5) a{
    border: 1px solid #00cbff;
    background-color: #00cbff;
    box-shadow: 3px 3px #0090b5;
}

.sub_menu ul li a:hover{
    color: #f48456;
    background-color: #fff;
}

.sub_menu ul li:nth-child(3) a:hover{
    color: #4eadb3;
    background-color: #fff;
}

.sub_menu ul li:nth-child(4) a:hover{
    color: #ff75c9;
    background-color: #fff;
}

.sub_menu ul li:nth-child(5) a:hover{
    color: #00cbff;
    background-color: #fff;
}

.sp{
    display: none;
}

#sns_icon{
    display: flex;
    justify-content: flex-end;
}

#sns_icon p,
#page #sns_icon p{
    margin: 0 .5em 0 0 ;
}

#main_menu {
    max-width: 1500px;
    margin: auto;
}

#main_menu > ul {
    display: flex;
    justify-content: space-evenly;
}

#main_menu > ul > li {
    width: 100%;
    border-right: 2px solid #ddd;
}

#main_menu > ul > li:first-child{
    border-left: 2px solid #ddd;
}

#main_menu > ul li a {
    display: block;
	color: #333;
    font-weight: bold;
	text-decoration: none;
    text-align: center;
    padding: 3.5em 0 .5em;
    background-repeat: no-repeat;
	background-position: center .5em;
    background-size: 40px auto;
}

#main_menu > ul li > ul {
    position: absolute;
    background-color: #fff;
    border: 2px solid #f9da3e;
    border-radius: 8px;
    padding: 1em .5em 0;
    margin: auto;
    width: 171%;
    left: -35%;
    top: 100%;
    transition: .1s;
    display: none;
}

#main_menu > ul li:hover > ul{
    display: block;
} 

#main_menu > ul li > ul::before {
    content: "";
    border: 10px solid transparent;
    border-bottom: 10px solid #ffffff;
    position: absolute;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
}

#main_menu > ul li > ul::after {
    content: "";
    border: 14px solid transparent;
    border-bottom: 14px solid #f9da3e;
    position: absolute;
    top: -28px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
}

#main_menu > ul li.license_nav > ul {
    border: 2px solid #23ceff;
}

#main_menu > ul li.license_nav > ul::after {
    border-bottom: 14px solid #23ceff;
}

#main_menu > ul li.lecture_nav > ul {
    border: 2px solid #fe4bbb;
}

#main_menu > ul li.lecture_nav > ul::after {
    border-bottom: 14px solid #fe4bbb;
}

#main_menu > ul li.commit_nav > ul {
    border: 2px solid #d6506a;
}

#main_menu > ul li.commit_nav > ul::after {
    border-bottom: 14px solid #d6506a;
}

#main_menu > ul > li:nth-child(3) > a{
	background-image: url(img/kyousyu.svg);
}
#main_menu > ul > li:nth-child(2) > a{
	background-image: url(img/ryokin.svg);
}
#main_menu > ul > li:nth-child(4) > a{
	background-image: url(img/anzen.svg);
    background-size: 70px;
	background-position: center 1em;
}
#main_menu > ul > li:nth-child(1) > a{
	background-image: url(img/reason.svg);
    background-size: 25px auto;
}
#main_menu > ul > li:nth-child(5) > a{
	background-image: url(img/question.svg);
    background-size: 34px;
}
#main_menu > ul > li:nth-child(6) > a{
	background-image: url(img/info.svg);
    background-size: 50px;
}
#main_menu > ul > li:nth-child(7) > a{
	background-image: url(img/school.svg);
    background-size: 60px;
}
#main_menu > ul > li:nth-child(8) > a{
	background-image: url(img/group.svg);
    background-size: 50px;
}
#main_menu > ul > li:nth-child(9) > a{
	background-image: url(img/saiyou.svg);
}

#main_menu ul li a span::before {
    content: '';
    width: 0;
    height: 5px;
    background: #23ceff;
    position: absolute;
    left: 0;
    bottom: 0;
    transition: .2s;
    z-index: -1;
}
#main_menu > ul > li:hover a span::before,
#main_menu > ul > li.current a span::before,
#main_menu > ul > li.cu_lecture:nth-child(4) > a span::before {
    width: 100%;
}

#main_menu ul li:nth-child(2) span::before {
    background: #f9da3e;
}

#main_menu ul li:nth-child(4) span::before {
    background: #fe4bbb;
}

#main_menu ul li:nth-child(1) span::before {
    background: #d6506a;
}

#main_menu ul li:nth-child(3) span::before {
    background: #23ceff;
}

#main_menu ul li:nth-child(6) span::before {
    background: #004bbd;
}

#main_menu ul li:nth-child(7) span::before {
    background: #1090a4;
}

#main_menu ul li:nth-child(8) span::before {
    background: #fe4bbb;
}

#main_menu ul li:nth-child(9) span::before {
    background: #f9da3e;
}

#main_menu > ul > li li {
    margin-bottom: 1em;
}

#main_menu ul li li a{
    padding: 0;
}

#main_menu > ul > li li a::before {
    content: '';
    width: 0;
    height: 2px;
    background: #23ceff;
    position: absolute;
    left: 0;
    bottom: 0;
    transition: .3s;
}

#main_menu > ul > li.price_nav li a::before{
    background: #f9da3e;
}

#main_menu > ul > li.lecture_nav li a::before{
    background: #fe4bbb;
}

#main_menu > ul > li.commit_nav li a::before{
    background: #d6506a;
}

#main_menu > ul > li li:hover a::before,
#main_menu > ul > li li.current a::before {
    width: 100%;
}

#main_menu > ul > li.lecture_nav > a:hover {
    cursor: default;
}

#menu_checkbox {
    display: none;
}

address {
	font-style: normal;
    position: absolute;
    right: 0;
    display: flex;
    padding: 1em;
    background-color: #2ecbfe;
    border-radius: 0 0 8px 8px;
    z-index: -1;
}

address p {
    color: #fff;
    font-size: 150%;
    padding: 0 1em 0 2em;
}

address p:nth-child(2){
	padding: 0;
}

address p:first-of-type::before {
    content: '';
    display: block;
    width: 30px;
    height: 46px;
    background-image: url(img/denwa.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    position: absolute;
    top: -.3em;
    left: .3em;
}

address p span {
	padding: 0 0 0 1.5em;
    background-image: url(img/map.png);
    background-repeat: no-repeat;
    background-position: .5em 0.3em;
    background-size: auto;
}

address p span a {
    font-size: 80%;
    color: #fff;
	text-decoration: none;
	border-bottom: 1px solid;
	transition: .2s;
}

address p span a:hover{
	border-bottom: 1px solid #2ecbfe;
}

#main_image {
    margin: 5em 0 3em;
}

#main_image p span{
    font-size: 250%;
    font-weight: bold;
    color: #e42179;
    padding: .5em 1em;
    background-color: #edb4ef;
    border-radius: 0 8px 8px 0;
    position: absolute;
    top: 1em;
    left: 0;
}

.slick-track {
    height: 420px;
}

.slick-slide {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 16px;
    margin: 1em;
}

p.slide {
    height: 100%;
    background-size: cover;
    background-position: center;
    border-radius: 16px;
}

#school_menu{
	display: flex;
}

#school_menu iframe{
    width: 100%;
}

#school_menu #top_chuo,
#school_menu #top_iwchuo{
    width: 50%;
    background-color: #fffaff;
    border: 15px double #ffb7ff;
    border-radius: 24px;
    padding: 1em 6em;
}

#school_menu #top_iwchuo{
	border: 15px double #7fbfff;
    background-color: #e6f3ff;
}

#school_menu #top_chuo h3,
#school_menu #top_iwchuo h3{
    padding: 3em;
    margin-bottom: 1.5em;
    background-image: url(img/Chuo_rogo.svg);
    background-repeat: no-repeat;
    background-position: center;
    text-indent: -200%;
    overflow: hidden;
}

#school_menu #top_iwchuo h3{
    background-image: url(img/IwateChuo_rogo.svg);
}

#school_menu #top_chuo p:first-of-type,
#school_menu #top_iwchuo p:first-of-type {
    height: 300px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 8px;
    text-indent: -100%;
    overflow: hidden;
}

#school_menu #top_chuo p:first-of-type::before, 
#school_menu #top_iwchuo p:first-of-type::before {
    content: '';
    display: block;
    width: 101px;
    height: 42px;
    background-image: url(./img/car_deco.png);
    background-repeat: no-repeat;
    position: absolute;
    bottom: -2px;
    right: 10px;
    background-size: 101px auto;
}

#school_menu #top_chuo ul,
#school_menu #top_iwchuo ul {
    display: flex;
    flex-wrap: wrap;
    margin: 1em 0;
    justify-content: space-between;
    align-content: flex-start;
}


#school_menu #top_chuo ul.school_item li,
#school_menu #top_iwchuo ul.school_item li {
    width: calc(50% - 1em);
    margin-bottom: 1em;
    font-size: 100%;
    border: 2px solid #ffadff;
    background-color: #fff;
}

#school_menu #top_iwchuo ul.school_item li{
	border: 2px solid #7fbfff;
}

#school_menu #top_chuo ul.school_item li a,
#school_menu #top_iwchuo ul.school_item li a{
	display: block;
	color: #333;
	font-weight: bold;
	text-decoration: none;
    padding: .5em 3em;
    background-image: url(./img/calender_icon.svg);
    background-repeat: no-repeat;
    background-size: auto 25px;
    background-position: 0.5em center;
}

#school_menu #top_chuo ul.school_item li:nth-child(2) a{
    background-image: url(./img/reserve_icon.svg);
}

#school_menu #top_chuo ul.school_item li:nth-child(3) a{
    background-image: url(./img/car_icon.svg);
}

#school_menu #top_chuo ul.school_item li:nth-child(4) a{
    background-image: url(./img/annai_icon.svg);
}

#school_menu #top_chuo ul.school_item li:nth-child(5) a{
    background-image: url(./img/takuji_icon.svg);
}

#school_menu #top_chuo ul.school_item li:nth-child(6) a{
    background-image: url(./img/bus_icon.svg);
}

#school_menu #top_chuo ul.school_item li:nth-child(2) a{
    background-image: url(./img/reserve_icon.svg);
}

#school_menu #top_iwchuo ul.school_item li a{
    background-image: url(./img/iwcalender_icon.svg);
}

#school_menu #top_iwchuo ul.school_item li:nth-child(2) a{
    background-image: url(./img/iwreserve_icon.svg);
}

#school_menu #top_iwchuo ul.school_item li:nth-child(3) a{
    background-image: url(./img/iwcar_icon.svg);
}

#school_menu #top_iwchuo ul.school_item li:nth-child(4) a{
    background-image: url(./img/iwannai_icon.svg);
}

#school_menu #top_iwchuo ul.school_item li:nth-child(5) a{
    background-image: url(./img/iwtrial_icon.svg);
    background-size: 30px auto;
}

#school_menu #top_iwchuo ul.school_item li:nth-child(6) a{
    background-image: url(./img/iwbus_icon.svg);
}

#school_menu #top_chuo ul.school_item li a::before,
#school_menu #top_iwchuo ul.school_item li a::before {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    border-top: 2px solid #ffadff;
    border-right: 2px solid #ffadff;
    transform: rotate(45deg);
    position: absolute;
    right: 2em;
    top: 0;
    bottom: 0;
    margin: auto;
    transition: .2s;
}

#school_menu #top_iwchuo ul.school_item li a::before {
    border-top: 2px solid #7fbfff;
    border-right: 2px solid #7fbfff;
}

#school_menu #top_chuo ul.school_item li a:hover::before,
#school_menu #top_iwchuo ul.school_item li a:hover::before{
    right: 1em;
}

#school_menu #top_chuo #chuo_bn,
#school_menu #top_iwchuo #iwchuo_bn{
    margin-bottom: 1.5em;
}

#chuo_bn li {
    width: 50%;
    height: 81px;
    background-color: #01c7f0;
    background-image: repeating-linear-gradient(-45deg, #00baec, #00baec 7px, transparent 0, transparent 14px);
    border: 1px solid #aaa;
}

#iwchuo_bn li{
    height: 81px;
}

#chuo_bn li a {
    display: block;
    height: 100%;
    text-align: center;
    padding: 1.5em 0;
    text-indent: -999%;
    overflow: hidden;
    background-image: url(./img/dondora_bn.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

#chuo_bn li:hover {
    background-image: repeating-linear-gradient(-45deg, #00baec, #00baec 7px, transparent 0, transparent 16px);
    transition: .2s;
}

#chuo_bn li:nth-child(2) {
    background-image: url(./img/suport_bn.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    background-color: transparent;
    transition: .4s;
}
#chuo_bn li:nth-child(2):hover {
    background-size: 120%;
}

#chuo_bn li:nth-child(2) a {
    font-weight: bold;
    color: #fff;
    text-indent: 0;
    text-decoration: none;
    background-image: none;
    background-color: rgba(000,000,000,.3);
}

#chuo_bn li:nth-child(2)::before {
    content: '';
    width: 97%;
    height: 85%;
    border: 1px solid #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.ch_st ,
.iwch_st {
    margin-bottom: 1.5em;
    background: #7d7d7d;
    transition: .5s;
}

.ch_st:hover {
    background: #ffadff;
}

.iwch_st:hover {
    background: #7fbfff;
}

.ch_st a ,
.iwch_st a{
    color: #ffffff;
    font-weight: bold;
    display: block;
    text-align: center;
    text-decoration: none;
    padding: 1em;
}



.content_wrap {
    max-width: 1500px;
    margin: auto;
    padding: 1em 3em;
}

#skidland {
	max-width: 1200px;
    margin: 7em auto;
    display: flex;
    justify-content: space-between;
}

#skidland h3 {
    display: inline-block;
    font-family: 'Stick', sans-serif;
    font-size: 180%;
    padding: 1em;
    background-image: url(img/skidland_h3.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    border-radius: 8px;
    position: absolute;
    top: -45px;
    left: -50px;
    z-index: 1;
    text-indent: -200%;
    overflow: hidden;
}

#skidland #video_wrap{
	display: inline-block;
}

#skidland #video_wrap::before {
    content: '';
    display: block;
    width: 235px;
    height: 55px;
    background-image: url(img/car_skid.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    position: absolute;
    top: -54px;
    right: 0;
}

#skidland #video_wrap video,
#skidland iframe {
    padding: 1.5em;
    border: 5px solid #9ff4ef;
    border-radius: 8px;
    background-image: url(img/video_bg.png);
    background-position: center;
}

#skidland #video_wrap video{
    max-width: 768px;
}

#skidland iframe{
    max-width: 640px;
}

#news {
    background: #fff;
    padding: 6em 2em;
    margin-bottom: 1em;
}

#news::before,
#news::after {
    content: '';
    display: block;
    width: 100%;
    height: 29px;
    background-image: url(img/news_deco.png);
    background-repeat: repeat-x;
    background-position: center;
    background-size: contain;
    position: absolute;
    top: 0;
    left: 0;
}

#news::after{
	top: unset;
	bottom: 0;
}


#news h3 {
    display: inline-block;
    font-size: 180%;
    /* color: #fff; */
    padding: 1em;
    background-image: url(img/news_h3.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border-radius: 8px;
    /* transform: rotate(-6deg); */
    position: absolute;
    top: -45px;
    left: 10%;
    z-index: 1;
    text-indent: -120%;
    overflow: hidden;
}

#news ul {
    display: flex;
    justify-content: space-between;
    margin-bottom: 4em;
}

#news ul li {
    width: 20%;
    box-shadow: 10px 10px 40px #ebebeb;
}

#news ul li .news_img {
    display: block;
    width: 100%;
    height: 250px;
	background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    text-indent: -100%;
    overflow: hidden;
}

#news ul li .date,
#news ul li .cat,
#news ul li .text{
	display: inline-block;
	margin: .5em 1em;

}

#news ul li .text{
    display: block;
    margin: .5em 1em 1em;
}

#news ul li .text a{
    text-decoration: none;
    color: #333;
    border-bottom: 2px solid #ccc;
    transition: .1s;
}

#news ul li .text a:hover{
    border-bottom: 2px solid #fff;
}

#news ul li .cat,
ul.newslist li span:first-child {
    background-color: #ffadff;
    border-radius: 6px;
    padding: .2em .5em;
    margin: 0;
}

ul.newslist li span#text {
    display: block;
    margin: .2em 0 1em;
}

#news ul li .cat a,
#page #main ul.newslist li span:first-child a{
    font-weight: normal;
    color: #fff;
    text-decoration: none;
}

#page #main ul.newslist li span:first-child a::after{
    display: none;
}

#news ul li .information,
#page #main ul.newslist li span.information{
    padding: .2em 1em;
}

#news ul li .information,
#page #main ul.newslist li span.information{
    background-color: #ffaf6b;
}

#news ul li .iw-schoolbus,
#news ul li .iw-timetable,
#news ul li .iw-info,
#page #main ul.newslist li span.iw-schoolbus,
#page #main ul.newslist li span.iw-timetable,
#page #main ul.newslist li span.iw-info{
    background-color: #7fbfff;
}

#news p#kako{
    text-align: right;
    margin-right: 1em;
}

#news p#kako a{
    color: #333;
    text-decoration: none;
    border-bottom: 1px dotted #333;
    transition: .2s;
}

#news p#kako a:hover{
    border-bottom: 1px dotted #fff;
}

li.post{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

#inst_list{
    margin-bottom: 2em;
}

#inst_list h3 {
    padding: 2em 0;
    margin-bottom: 1.5em;
    background-image: url(img/inst_logo.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    text-indent: -100%;
    overflow: hidden;
}

#inst_list h3 a{
    display: inline-block;
    width: 277px;
    height: 67px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    text-indent: 100%;
    overflow: hidden;
}

/* Social Slider Feed 更新注意 */
/* プラグイン内のcssを削除している部分がある。プラグイン更新後は以下2箇所を削除
common/files/func/instagram-slider-widget/components/instagram/assets/css/instag-slider.css

.jr-insta-thumb ul.thumbnails.jr_col_5 li
{
	width: 17.5% !important;
}
.jr-insta-thumb ul.thumbnails.no-border.jr_col_5 li
{
	width: 20% !important;
}
*/
#inst_list .slick-slide{
    border-radius: 0;
}

#inst_list .slick-track{
    height: auto;
    /* background-color: #f7f7f7; */
    margin-bottom: 3em;
}

#inst_list .jr-insta-thumb ul.thumbnails li{
    margin: 10px 20px;
}
#sb_instagram .sbi_photo{
    margin: 5px;
}
/* page */
#page address{
    display: none;
}

#page video{
    width: 100%;
    height: auto;
}

#page h2 {
    display: flex;
    color: #fff;
    text-shadow: 8px 8px 15px #333;
    font-size: 200%;
    height: 250px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    align-items: center;
    justify-content: center;
}

#page h2::before {
    content: '';
    display: block;
    width: 100%;
    height: 250px;
    background-color: rgb(51 51 51 / 20%);
    background-image: repeating-linear-gradient(-45deg, rgb(158 158 158 / 20%), rgb(158 158 158 / 20%)1px, transparent 0, transparent 2px);
    position: absolute;
    top: 0;
    left: 0;
}

#page h2 span::before {
    content: '';
    display: block;
    width: 1em;
    height: 5px;
    background: #29d2fa;
    position: absolute;
    bottom: -.2em;
    left: 0;
    right: 0;
    margin: auto;
}

#breadcrumb {
    max-width: 1300px;
    margin: .5em auto;
    font-size: 90%;
    display: flex;
    justify-content: flex-end;
}

#breadcrumb li {
    font-size: 90%;
    font-weight: bold;
    padding-right: 2em;
}
#breadcrumb li::after {
    content: '>';
    position: absolute;
    right: .5em;
}
#breadcrumb li:last-child::after {
    content: '';
}

#main_wrap {
    display: flex;
    max-width: 1300px;
    margin: auto;
}

#main_wrap #side_menu {
    min-width: 230px;
    margin-right: 1em;
}

#main_wrap #side_menu > ul{
    padding: 1em;
    margin-bottom: 1.5em;
    background-color: #fffcf7;
    border-radius: 16px;
}

#main_wrap #side_menu > ul li a {
    text-decoration: none;
    display: block;
    color: #333;
    font-weight: bold;
    padding: 1em .5em;
    border-bottom: 1px solid #aaa;
    z-index: 1;
}

#main_wrap #side_menu > ul li.lecture_nav > a{
    cursor: context-menu;
}

#main_wrap #side_menu ul li a span::before {
    content: '';
    width: 0;
    height: 5px;
    background: #23ceff;
    position: absolute;
    left: 0;
    bottom: 0;
    transition: .2s;
    z-index: -1;
}

#main_wrap #side_menu > ul > li:hover > a span::before,
#main_wrap #side_menu > ul > li.current > a span::before,
#main_wrap #side_menu > ul > li ul li:hover > a span::before,
#main_wrap #side_menu > ul > li ul li.current > a span::before,
#main_wrap #side_menu > ul > li.cu_lecture:nth-child(4) > a span::before{
    width: 100%;
}

#main_wrap #side_menu > ul > li:nth-child(2) span::before {
    background: #f9da3e;
}

#main_wrap #side_menu > ul > li:nth-child(4) span::before {
    background: #fe4bbb;
}

#main_wrap #side_menu > ul > li:nth-child(1) span::before {
    background: #d6506a;
}

#main_wrap #side_menu > ul > li:nth-child(5) span::before {
    background: #23ceff;
}

#main_wrap #side_menu > ul > li:nth-child(6) span::before {
    background: #004bbd;
}

#main_wrap #side_menu > ul > li:nth-child(7) span::before {
    background: #1090a4;
}

#main_wrap #side_menu > ul > li:nth-child(8) span::before {
    background: #fe4bbb;
}

#main_wrap #side_menu > ul > li:nth-child(9) span::before {
    background: #f9da3e;
}

#main_wrap #side_menu > ul li ul {
    font-size: 90%;
    padding-left: 1em;
    height: 0;
    overflow: hidden;
    transition: .5s;
}

#main_wrap #side_menu > ul li:hover ul {
    height: 28em;
}

#main_wrap #side_menu > ul li.price_nav:hover ul {
    height: 7em;
}

#main_wrap #side_menu > ul li.commit_nav:hover ul {
    height: 8em;
}

#main_wrap #side_menu section p img {
    object-fit: contain;
    width: 250px;
}

#main_wrap #side_menu section p:hover {
    opacity: .8;
}

#page #main {
    max-width: 1500px;
    width: 100%;
    padding: 2em;
    margin: 0 auto 2em;
    border-radius: 16px;
    background-color: #fffcf7;
}

#page #main img{
    border-radius: 8px;
}

#page.sdgs_page #main img{
    border-radius: 0;
}

#page.sdgs_page #main .gallery img{
    border-radius: 8px;
}

#page h3 {
    font-size: 150%;
    color: #fff;
    padding: 0.5em 1em;
    margin: 0 0 1.5em 0;
    padding: 1rem 2rem;
    background: #ff7840;
    -webkit-box-shadow: 5px 5px 0 #f5500b;
    box-shadow: 5px 5px 0 #f5500b;
    border-radius: 8px;
}

#page h4 {
    display: inline-block;
    font-size: 135%;
    font-family: 'M PLUS Rounded 1c', sans-serif;
    letter-spacing: 0.04em;
    color: #fff;
    margin-bottom: 2em;
    padding: .5em 1em;
    background: #7ab73c;
    border-radius: 8px;
}

#page h4::after {
    position: absolute;
    left: 50px;
    bottom: -30px;
    content: '';
    border-width: 16px;
    border-style: solid;
    border-color: #7ab73c transparent transparent transparent;
}

#page h5 {
    font-size: 110%;
    font-family: 'M PLUS Rounded 1c', sans-serif;
    padding: 0 30px;
    margin-bottom: 1em;
}

#page h5::before {
    content: '';
    width: 25px;
    height: 25px;
    position: absolute;
    top: 50%;
    bottom: 50%;
    margin: auto;
    left: 0;
    background-color: #f8df40;
    background-image: url(img/nico.png);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: 50% 30%;
    border-radius: 50%;
}

#page h6 {
    text-decoration: underline wavy #f8fa38 2px;
    margin-bottom: 1em;
}

#page .re_page h5 {
    position: relative;
    display: inline-block;
    padding: 1rem 2rem 1rem 4rem;
    color: #404040;
    border-radius: 100vh 0 0 100vh;
    background: #ffeb67;
}
#page .re_page h5:before {
    position: absolute;
    top: calc(50% - 7px);
    left: 10px;
    width: 14px;
    height: 14px;
    content: '';
    border-radius: 50%;
    background: #fff;
}


#page p{
    margin-bottom: 1em;
}

#page #main a{
    color: #333;
    font-weight: bold;
    text-decoration: none;
}

#page #main a::after {
    content: '';
    width: 100%;
    height: 2px;
    background: #ff7840;
    position: absolute;
    left: 0;
    bottom: -2px;
    transform: scale(1, 1);
    transform-origin: right top; /*変形（アンダーラインの伸長）の原点がaタグ（各メニュー）の右端*/
    transition: transform 0.3s;  /*変形の時間*/
}

#page #main a:hover::after {
    transform: scale(0, 1);     /*ホバー後、x軸方向に1（相対値）伸長*/
    transform-origin: left top; /*左から右に向かう*/
}

#page #main .chuo_icon,
#page #main .iw_icon{
    display: inline-block;
    color: #fff;
    font-weight: bold;
    font-family: 'M PLUS Rounded 1c', sans-serif;
    padding: .5em 1em;
    background-color: #ff75c9;
    width: 120px;
    border-radius: 50px;
    text-align: center;
}

#page #main .iw_icon{
    background-color: #0aa6ce;
}

#page #main .btn {
    overflow: hidden;
    color: #333;
    border-radius: 0;
    background: #fff;
    box-shadow: 2px 2px 0 #aaa;
}
#page #main .btn::before {
    content: '';
    width: 100px;
    height: 100px;
    background: #2e83ff;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    -webkit-transform: translateX(-50%) translateY(-50px);
    transform: translateX(-50%) translateY(-50px);
}
#page #main .btn.chuo_btn::before{
    background: #ff75c9;
}
#page #main .btn.iw_btn::before{
    background: #00cbff;
}

#page #main .btn:hover::before {
    width: 1000px;
    height: 1000px;
    -webkit-transform: translateX(-5%) translateY(-460px);
    transform: translateX(-1%) translateY(-460px);
}
#page #main .btn::after {
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    border-top: 3px solid #aaa;
    border-right: 3px solid #aaa;
    transform: rotate(45deg);
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 2em;
    transition: .3s;
}
#page #main .btn:hover::after{
    border-top: 3px solid #333;
    border-right: 3px solid #333;
}
#page #main .btn a{
    display: block;
    font-size: 110%;
    font-weight: bold;
    color: #2c6ece;
    width: 100%;
    padding: 1.5em 6em;
    transition: transform 0.5s;
}
#page #main .btn.chuo_btn a{
    color: #e164b0;
}

#page #main .btn.iw_btn a{
    color: #0aa6ce;
}

#page #main .btn a:hover{
    color: #fff;
}

a.link_none::after {
    display: none;
}

a.link_none{
    opacity: 1;
    transition: .2s;
}

a.link_none:hover{
    opacity: .8;
}

#page #main ul,
#page #main ol{
    margin-bottom: 1em;
}

#page #main ul > li {
    margin-left: 2em;
    padding-bottom: .5em;
}

#page #main ul > li::before {
    display: block;
    position: absolute;
    content: '';
    margin: auto;
    background-color: #ddca1e;
    width: 0.5em;
    height: 0.5em;
    transform: rotate(45deg);
    top: 0.45em;
    left: -1.5em;
}

#page #main ul.faq_list > li::before{
    display: none;
}

#page #main  ol > li {
    margin-left: 2em;
    margin-bottom: 1em;
    counter-increment: olNum1;
}

#page #main ol > li:before {
    display: block;
    position: absolute;
    content: '';
    margin: auto;
    width: 1.2em;
    height: 1.2em;
    background-color: #f9263a;
    border: 3px double #fff;
    border-radius: 14px;
    top: 0em;
    left: -2em;
}

#page #main ol > li:after {
    font-size: 80%;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 1.6em;
    height: 1.6em;
    border-radius: 25px;
    color: #fff;
    top: .2em;
    left: -2.3em;
    content: counter(olNum1);
}

#main table {
    border-top: 1px solid #fda418;
    border-left: 1px solid #fda418;
    margin-bottom: 1.5em;
}

#main table th,
#main table td {
    padding: 1em;
    border-right: 1px solid #fda418;
    border-bottom: 1px solid #fda418;
    background-color: #fff;
}

#main table th {
    border-right: 1px dotted #fda418;
    border-bottom: 1px solid #fff;
    color: #fff;
    background-color: #eda638;
    vertical-align: middle;
}

#main table th:last-child{
    border-right: 1px solid #fda418;
}

#main table tr:last-child > th{
    border-bottom: 1px solid #fda418;
}

#main .gallery {
    margin-bottom: 1.5em;
}

#main .gallery img{
    border: 1px solid #fff0;
}

#page #inst_list h3 {
    font-size: 100%;
    width: 100%;
    border: none;
    padding: 2em 0;
    margin: 0 0 1.5em 0;
    background-image: url(img/inst_logo.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-color: transparent;
    text-indent: -100%;
    overflow: hidden;
    -webkit-box-shadow: 5px 5px 0 transparent;
    box-shadow: 5px 5px 0 transparent;
}

#page #inst_list h3::before {
    content: '';
}

#page #inst_list h3::after {
    background-image: none;
    background-color: transparent;
    border-top: none;
}

#foot_bn ul {
    /* background-color: #f7f7f7; */
    padding: 1em 0;
}

#foot_bn .slick-track{
    display: flex;
    align-items: center;
    height: auto;
}

#foot_bn .slick-slide{
    border-radius: 0;
}

#foot_bn .slick-slide img {
    width: 100%;
    height: auto;
    object-fit: contain;
}

/* form */
form{
    width: 80%;
    margin: auto;
}

#page #main form ul > li {
    margin-left: 0;
    padding: 1em 0;
    border-top: 1px dashed #aaa;
}

#page #main form ul > li::before{
    display: none;
}

.form_title{
    font-weight: bold;
    padding-left: .5em;
    margin-top: 9px;
    width: 240px;
    float: left;
    border-left: 4px solid #fe9c40;

}

.wpcf7 dl{
    display: flex;
}

.requirement::after{
    content: "必須";
    background-color: #f0ad4e;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    min-width: 10px;
    padding: 3px 7px;
    margin: 0px 5px;
    line-height: 1;
    vertical-align: middle;
    white-space: nowrap;
    text-align: center;
    border-radius: 10px;
    display: inline-block;
}

input.wpcf7-form-control{
    font-size: 100%;
    padding: 0.5em;
    margin-bottom: 0;
    border: none;
    border-radius: 8px;
    background-color: #ebf3ff;
}

textarea.wpcf7-form-control.wpcf7-textarea {
    border: none;
    background-color: #ebf3ff;
    border-radius: 8px;
    width: 150%;
}

span.wpcf7-list-item-label {
    font-size: 110%;
}

input.wpcf7-form-control.has-spinner.wpcf7-submit {
    font-size: 110%;
    font-weight: normal;
    padding: 0.2em 1em;
    border: none;
    border-radius: 8px;
    transition: .2s;
    cursor: pointer;
}

input.wpcf7-form-control.has-spinner.wpcf7-submit:hover {
    color: #fff;
    background-color: #f0ad4e;
}

select.wpcf7-form-control.wpcf7-select.wpcf7-validates-as-required,
select.wpcf7-form-control.wpcf7-select {
    font-size: 100%;
    border: none;
    border-radius: 8px;
    padding: 0.5em;
    cursor: pointer;
}

#page .su-tabs{
    background: #fe9c40;
}

#page .su-tabs-pane{
    font-size: 100%;
}

#page .su-tabs-nav span{
    color: #fff;
}

#page .su-tabs-nav span.su-tabs-current{
    color: #333;
    font-size: 100%;
}

#page .su-tabs-nav span.su-tabs-current:hover{
    background: #fff;
}

#page .su-tabs-nav span:hover {
    background: #fe9c40;
}

[data-class="wpcf7cf_group"]{
    margin-bottom: 1.5em;
}

/* よくあるご質問 */
#page .su-spoiler-title{
    font-weight: 500;
    font-size: 100%;
    background: #ffe2c6;
}

#page .su-spoiler-style-default>.su-spoiler-content{
    font-size: 100%;
    background: #fff3e8;
    border: 1px solid #ffe2c6;
    padding: 1.5em;
}

#page .su-spoiler.su-spoiler-closed>.su-spoiler-content {
    padding: 0;
}

#page .su-spoiler-style-default>.su-spoiler-content p{
    margin-bottom: .5em;
}

#page .su-spoiler-title:focus{
    outline: none;
}

#page .su-spoiler-icon-plus.su-spoiler-closed .su-spoiler-icon:before,
#page .su-spoiler-icon-plus .su-spoiler-icon:before{
    color: #fffcf7;
}

footer{
    background:#0450bf;
}

footer .content_wrap{
    display: flex;
    align-items: center;
}

footer .content_wrap #foot_logo {
    padding: 1em 60px 1em 0;
    width: 330px;
    color: #fff;
    font-size: 200%;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 500;
    background-image: url(./img/icon_color_touka.svg);
    background-repeat: no-repeat;
    background-position: right 66px top 10px;
    background-size: 30%;
}

footer .content_wrap #foot_logo span{
    display:block;
    font-size:50%;
}

footer nav ul {
    display: flex;
    flex-wrap: wrap;
    max-height: 295px;
    flex-direction: column;
}

footer nav ul li{
    margin-bottom: .5em;
}

footer nav > ul > li {
    padding: 0 1em;
}

footer nav > ul > li::before {
    content: '●';
    color: #1482d8;
    position: absolute;
    left: -0.3em;
}


footer nav ul  li > ul > li::before {
    content: '〇';
    color: #1482d8;
    position: absolute;
    left: -1.3em;
}

footer .content_wrap nav ul li a{
    font-size: 90%;
    color: #fff;
    text-decoration: none;
}

footer .content_wrap nav ul li a:hover{
    text-decoration: underline;
}

footer p#copy{
    padding: .5em;
    margin: 0;
    color: #fff;
    text-align: center;
}

#webapp_cover{
    display: none;
}

/* 以降サイトごとの記述 */

@media screen and (max-width: 1440px) {
    header{
        width: 90%;
    }
    header h1{
        width: 400px;
        height: 98px;
    }
    .sub_menu ul li a{
        font-size: 90%;
    }
    #main_menu > ul li a{
        font-size: 80%;
        padding: 3em 0 .5em;
        background-position: center top;
    }
    #main_menu > ul > li:nth-child(3) > a{
        background-position: center .5em;
    }
    address{
        padding: .5em;
    }
    address p{
        font-size: 130%;
    }
    address p:first-of-type::before{
        width: 20px;
        height: 32px;
        top: 0;
        left: .5em;
    }
    address p span{
        padding: 0 0 0 1.5em;
        background-size: 15px;
    }
    #main_image {
        margin: 3em 0 1em;
    }
    #main_image p span{
        font-size: 200%;
    }
    .slick-track{
        height: 300px;
    }
    .slick-slide{
        margin: 1em .5em;
    }
    #main_menu > ul > li:nth-child(1) > a{
        background-size: 22px auto;
    }
    #main_menu > ul > li:nth-child(2) > a {
        background-size: 39px auto;
    }
    #main_menu > ul > li:nth-child(3) > a {
        background-size: 34px auto;
        background-position: center 0;
    }
    #main_menu > ul > li:nth-child(4) > a{
        background-position: center .5em;
    }
    #main_menu > ul > li:nth-child(5) > a{
        background-size: 28px;
    }
    #main_menu > ul > li:nth-child(6) > a{
        background-size: 46px;
    }
    #main_menu > ul > li:nth-child(7) > a{
        background-size: 55px;
    }
    #main_menu > ul > li:nth-child(8) > a{
        background-size: 48px;
    }
    #main_menu > ul > li:nth-child(9) > a{
        background-size: 34px;
    }
    #school_menu #top_chuo,
    #school_menu #top_iwchuo{
        padding: 1em 1.5em;
    }

    #school_menu #top_chuo ul.school_item li,
    #school_menu #top_iwchuo ul.school_item li{
        width: calc(50% - .5em);
    }
    #school_menu #top_chuo ul.school_item li a,
    #school_menu #top_iwchuo ul.school_item li a{
        font-size: 80%;
        padding: .5em 2em .5em 3em;
    }
    #school_menu #top_chuo ul.school_item li a::before,
    #school_menu #top_iwchuo ul.school_item li a::before{
        right: 1.5em;
    }
    #chuo_bn li,
    #iwchuo_bn li{
        font-size: 80%;
    }
    #chuo_bn li a{
        padding: 2em 0;
    }
    #skidland h3{
        left: -20px;
    }
    #news {
        padding: 6em .5em 3em;
    }
    #news ul li {
        width: 23%
    };
    #news ul li .news_img {
        padding: 7em;
    }
    #news ul li .cat{
        margin: 0 1em .5em;
    }
    #main_wrap{
        max-width: 80%;
    }
    #page .dondora-content,
    #page .dondora-content .visual #player{
        width: 100%;
    }
    footer nav ul {
        max-height: 600px;
    }
}

/* 小型ノート */
@media screen and (max-width: 1030px) {
    #school_menu #top_chuo ul.school_item li,
    #school_menu #top_iwchuo ul.school_item li{
        width: 100%;
    }
    #chuo_bn li{
        width: 100%;
        margin-bottom: 1.5em;
    }
    #iwchuo_bn li{
        height: 216px;
    }
    #skidland{
        flex-direction: column;
        align-items: center;
    }
    #skidland h3{
        left: 5%;
    }
    #skidland #video_wrap video,
    #skidland iframe{
        width: 100%;
    }
    #main_wrap {
    max-width: 95%;
    }
    .content_wrap{
        padding: 1em;
    }
    .wpcf7 dl{
        display: flex;
        flex-wrap: wrap;
    }
}

/* タブレット */
@media screen and (max-width: 959px) {
    #header_wrap.m_fixed {
        position: fixed;
        top: 0;
        box-shadow: 10px 10px 24px transparent;
    }
    #menu_label {
        position: absolute;
        top: 50px;
        right: 12px;
        display: block;
        width: 30px;
        height: 48px;
        cursor: pointer;
        overflow: hidden;
        transform: translateY(-50%) scale(1.5);
    }

    #menu_label:before,
    #menu_label:after,
    #menu_text_bar {
        position: absolute;
        left: 0;
        width: 100%;
        height: 2px;
        background-color: #0450bf;
        box-shadow: 2px 2px 2px #bfbfbf69;
    }

    #menu_label:before,
    #menu_label:after {
        content: "";
        transition: 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55) left;
    }

    #menu_label:before {
        top: 20px;
    }

    #menu_label:after {
        top: 26px;
    }

    #menu_text_bar {
        top: 32px;
    }

    #menu_text_bar:before {
        content: "MENU";
        position: absolute;
        top: -26px;
        right: 0;
        left: 0;
        color: #0450bf;
        font-size: 10px;
        font-weight: bold;
        font-family: "Montserrat", Arial, Helvetica, sans-serif;
        text-align: center;
    }

    #menu_checkbox:checked ~ #main_menu_wrap {
        transform: none;
    }

    #menu_checkbox:checked + #menu_label:before {
        left: -39px;
    }

    #menu_checkbox:checked + #menu_label:after {
        left: 39px;
    }

    #menu_checkbox:checked + #menu_label #menu_text_bar:before {
        animation: moveUPThenDown 0.6s cubic-bezier(0.7, 0, 0.31, 1.07) 0.2s forwards,
        shakeWhileMovingDown 0.6s ease 0.2s forwards,
        shakeWhileMovingStop 0.2s ease 0.6s forwards;
    }


    @keyframes moveUPThenDown {
        0% {
            top: -26px;
        }
        25%{
            top: -32px;
        }
        100% {
            top: -14px;
        }
    }

    @keyframes shakeWhileMovingDown {
        0% {
            transform: rotateZ(0);
        }
        50% {
            transform: rotateZ(-10deg);
        }
        100% {
            transform: rotateZ(0);
        }
    }

    @keyframes shakeWhileMovingStop {
        0% {
            transform: rotateZ(0);
        }
        80% {
            transform: rotateZ(3deg);
        }
        90% {
            transform: rotateZ(-3deg);
        }
        100% {
            transform: rotateZ(0);
        }
    }

    #main_menu_wrap{
        position: fixed;
        top: 98px;
        right: 0;
        width: 100%;
        height: 100%;
        margin: 0;
        z-index: 999;
        background: #fff;
        transform: translateY(100%);
        transition: transform .6s cubic-bezier(0.22, 0.61, 0.36, 1);
    }

    #main_menu{
        overflow-y: scroll;
        width: 100%;
        height: 100%;
        padding: 0 0 5em 0;
        -webkit-overflow-scrolling: touch;
    }

    #main_menu > ul{
        position: relative;
        display: block;
        width: 100%;
    }

    #main_menu > ul > li{
        /* width: 50%;
        display: inline-block; */
        border: none;
        vertical-align: text-top;
    }

    #main_menu > ul > li:first-child{
        border-left: none;
    }

    #main_menu > ul li a{
        font-size: 100%;
        padding: 1.5em;
        background-position: left 20% center;
    }

    #main_menu > ul > li:nth-child(1) > a{
        background-color: #fcf1f3;
    }

    #main_menu > ul > li:nth-child(2) > a{
        background-color: #fef9e2;
    }

    #main_menu > ul > li:nth-child(3) > a{
        background-color: #def8ff;
    }

    #main_menu > ul > li:nth-child(4) > a{
        background-color: #fffbfe;
    }

    #main_menu > ul > li:nth-child(3) > a,
    #main_menu > ul > li:nth-child(4) > a{
        background-position: left 20% center;
    }

    #main_menu > ul > li:nth-child(5) > a{
        background-color: #e9fcff;
    }

    #main_menu > ul > li:nth-child(6) > a{
        background-color: #d9e4f5;
    }

    #main_menu > ul > li:nth-child(7) > a{
        background-color: #bce0e6;
    }

    #main_menu > ul > li:nth-child(8) > a{
        background-color: #fee7f5;
    }

    #main_menu > ul > li:nth-child(9) > a{
        background-color: #fefbe8;
    }

    #main_menu > ul li > ul{
        position: relative;
        width: 100%;
        top: 0;
        left: 0;
        border-radius: 0;
        padding: 1em;
        display: block;
    }

    #main_menu ul li li a {
        background-color: #f4845600;
        border-bottom: 1px solid #e3e3e3;
    }

    #main_menu > ul > li:hover a span::before,
    #main_menu > ul > li.current a span::before,
    #main_menu > ul > li.cu_lecture:nth-child(4) > a span::before{
        width: 0;
    }

    .scroll-prevent {
        /*動き固定*/
        position: fixed;
        /*奥行きを管理*/
        z-index: -1;
        /*下2つで背景を元のサイズのまま表示することができる*/
        width: 100%;
        height: 100%;
    }

    .sub_menu{
        display: none;
    }

    .sub_menu.sp {
        display: block;
        margin: .5em auto;
    }

    .sub_menu.sp ul{
        flex-direction: column;
    }

    .sub_menu.sp ul li {
        margin: .5em 0;
    }

    address p{
        font-size: 100%;
    }

    #main_wrap #side_menu{
        display: none;
    }
    
    .slick-track{
        height: 200px;
    }
    #school_menu{
        flex-direction: column;
    }
    #school_menu #top_chuo,
    #school_menu #top_iwchuo{
        width: 100%;
    }
    #news ul{
        flex-wrap: wrap;
        align-items: flex-start;
    }
    #news ul li {
        width: 48%;
    }
    #breadcrumb{
        font-size: 85%;
        flex-wrap: wrap;
        justify-content: flex-start;
    }
    #main table.flex_table > tbody > tr{
	flex-direction: column;
    }
    #main table.flex_table > tbody > tr > td{
        width: auto!important;
    }
    footer nav ul{
        display: none;
    }
}

/* スマートフォン */
@media screen and (max-width: 500px) {
    #main_image {
    margin: 1em 0;
    }
    .slick-slide{
        margin: 0;
        border-radius: 0;
    }
    .slick-track{
        height: 165px;
    }
    header h1{
        width: 250px;
    }

    address{
        display: none;
    }

    #skidland #video_wrap video, #skidland iframe {
        width: 100%;
        height: auto;
    }

    #skidland h3 {
        left: 0;
    }

    #news ul li {
        width: 49%;
    }

    #news ul li .news_img{
        height: 130px;
    }

    #news ul li .cat {
        margin: 0 .5em 0.5em;
    }

    #news ul li .text,
    #news ul li .cat a,
    #page #main ul.newslist li span:first-child a{
        font-size: 90%;
    }

    #inst_list{
        margin-bottom: 0;
    }

    #inst_list h3,
    #page #inst_list h3{
        padding: 1.3em 0;
    }

    #page h2{
        font-size: 150%;
    }

    #page h2,
    #page h2::before{
        height: 150px;
    }

    #page #main{
        padding: 1em;
    }

    #page h3{
        font-size: 120%;
        background-image: none;
    }

    #page h3::before{
        left: 0;
    }

    #page h4{
        font-size: 110%;
    }

    #page #main .btn a{
        padding: 1.5em 2em;
    }

    input.wpcf7-form-control,
    textarea.wpcf7-form-control.wpcf7-textarea{
        width: 100%;
    }

    footer .content_wrap #foot_logo{
        font-size: 150%;
    }
}