html {
	font-size: 1em;
}

body { margin: 0; padding: 0; font-family: 'Avenir','Helvetica Neue','Helvetica','Arial', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro','メイリオ', 'Meiryo', '游ゴシック', 'Yu Gothic', 'ＭＳ Ｐゴシック', sans-serif; }


@media (min-width: 769px) {
	a[href*="tel:"] {
	pointer-events: none;
	cursor: default;
	text-decoration: none;
}
}

sup { line-height: 0px }

.instagram-icon-wrapper {
    margin: 0.5rem 0;
    display: block;
    background: radial-gradient(
        circle at 30% 107%,
        #fdf497 0%,
        #fdf497 5%,
        #fd5949 45%,
        #d6249f 60%,
        #285aeb 90%
    );
    border-radius: 8px; /* 角を丸くする */
    padding: 2px; /* アイコンと枠の間に余白を作る */
    width: 36px; /* ラッパーのサイズを調整 */
    height: 36px; /* ラッパーのサイズを調整 */
}

.instagram-icon-wrapper svg {
  width: 100%;
  height: 100%;
}

.instagram-icon-wrapper svg path {
  fill: white; /* アイコンを白抜きにする */
}

.box_img img { width:100%; }

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

html { font-size: 3.125vw; } /* 10÷320px×100 横幅320pxの時10px */

header {
	position: fixed;
	top: 0px;
	left: 0px;
	height: 4.5rem;
	width: 100%;
	padding: 0 4.5rem 0 0;
	background-color: #fff;
	z-index: 9999;
					overflow: hidden;
}

.header_wrap {
	display: grid;
	grid-template-rows: 4.5rem;
	grid-template-columns: 4.5rem 1fr;
}

.header_wrap_logo h1 {
	height: 4.5rem;
	font-size: 1rem;
	line-height: 1rem;
	margin: 0;
	padding: 0.6rem 0.8rem;
	filter: drop-shadow(0.1rem 0.1rem 0.1rem rgba(0,0,0,0.4));
}

.header_wrap_text {
	text-align: center;
}

header h1 img {
	height: 3.2rem;
	width: 2.8rem;
}

header h2 {
	font-size: 1.3rem;
	line-height: 1.6rem;
	height: 4.5rem;
	margin: 0;
	overflow: hidden;
    padding: 0.6rem 0.8rem;
}

header h2 span {
    display: block;
}

.wrapper {
	overflow: hidden;
}

aside .top_arrow img {
	position: fixed;
	bottom: 4.5rem;
	right: 0.4rem;
	height: 4rem;
	width: 4rem;
	padding: 0;
	z-index: 100;
					overflow: hidden;
}

.closing {
	margin: 0;
	padding: 2rem 0.8rem 1rem 0.8rem;
	font-size: 1.2rem;
	line-height: 1.7rem;
	background-color: #f8e58c;
	text-align: center;
	font-weight: bold;
}

.closing a.btn_entry {
	display: block;
	background-color: #ff5792;
	width: 100%;
	height: 7rem;
	padding: 1.5rem 0.5rem 1.3rem 0.5rem;
	border-radius: 0.7rem;
	text-decoration: none;
	color: #fff;
	font-weight: bold;
	font-size: 1.8rem;
	line-height: 2.2rem;
	margin: 0.5rem 0;
	filter: drop-shadow(0.2rem 0.2rem 0.2rem rgba(0,0,0,0.6));
	box-shadow:0.2rem 0.2rem 0 0 #ee827c inset;
}

.closing a.btn_entry span {
	font-size: 1rem;
	line-height: 1.4rem;
	display: block;
	padding: 0.5rem 0 0 0;
}

.closing p {
	padding: 0 1rem 1rem 1rem;
}

br.nosp {
	_display: none;
}

span.nosp { display: none; }


.infomation_mini {
	background-color: #1e50a2 ;
	width: 100%;
	padding: 0.5rem 1rem 1rem 1rem; 
	margin: 0;
}

.infomation_mini .name {
	background-color: #fff;
	text-align: center;
	padding: 0.9rem 0.5rem;
}

.infomation_mini .name h2 {
	margin: 0;
	font-size: 1.5rem;
	color: #000;
}

.infomation_mini_box {
	padding: 0;
	border: double 5px #f7fcfe;
	border-radius: 1rem;
	margin: 0;
	overflow: hidden;
	background-color: #fff ;
	filter: drop-shadow(0.2rem 0.2rem 0.2rem rgba(0,0,0,0.6));
}

.infomation_mini_text {
	color: #000;
	padding: 1rem;
	font-size: 1.2rem;
	font-weight: bold;
}

.mini_infomation .adress_sub {
	display: block;
}

.mini_infomation .target_grade {
	display: block;
	color: #c9171e;
}

.infomation_mini_text .tel {
	font-size: 3.6rem;
	line-height: 4.0rem;
	color: #1e50a2;
	padding: 0.5rem 0;
	border-top: dashed 3px #1e50a2;
	border-bottom: dashed 3px #1e50a2;
	margin: 1rem 0 0 0;
	text-align: center;
}

.infomation_mini_text .tel a {
	text-decoration: none;
	color: #1e50a2;
}

.infomation_mini_text .tel i {
	width: 2.6rem;
	height: 3.3rem;
	font-size: 2.1rem;
	line-height: 2.1rem;
	padding: 0 0.5rem 0 0;
	display: inline-block;

}

.infomation_mini_text .tel span.business_hours {
	font-size: 1.2rem;
	color: #000;
	display: block;
	text-align: center;
	line-height: 1.7rem;
	padding: 0.2rem 0;
}

.infomation {
	background-color: #fff;
	height: 10rem;
	width: 100%;
	overflow: auto;
	overflow-y: scroll;
	overflow-x: hidden;
	border: solid 1px #ccc;
	padding: 1rem;
	font-size: 1.2rem;
	font-size: 1.7rem;
}

.infomation::-webkit-scrollbar{
	width: 0.5rem;
}
.infomation::-webkit-scrollbar-track{
	background-color: #ccc;
}
.infomation::-webkit-scrollbar-thumb{
	background-color: #fcc800;
}

main {
	margin: 4.5rem 0 4.5rem 0;
}

a.btn_info {
	display: block;
	background-color: #1877f2;
	filter: drop-shadow(0.2rem 0.2rem 0.2rem rgba(0,0,0,0.6));
	box-shadow:0.2rem 0.2rem 0 0 #84a2d4 inset;
	width: auto;
	height: 4.5rem;
	padding: 1.3rem 0.8rem 1.3rem 1.3rem;
	border-radius: 0.7rem;
	text-decoration: none;
	color: #fff;
	font-weight: bold;
	font-size: 1.8rem;
	line-height: 2.3rem;
	margin: 2rem 0 0 0;
	text-align: center;
}

a.btn_info i {
	margin-right: 0.5rem;
}

.allow {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5rem 5rem 0 5rem;
	border-color: #007bff transparent transparent transparent;
}

.block_bubble {
	background-color: #a0d8ef;
	z-index: -1;
	margin: 0;
	padding: 0.1rem 0 0 0;
	text-align: center;
}

.block_bubble .closing br {
	_display: none;
}

.block_bubble h2 {
	position: relative;
	color: #000;
	font-size: 2rem;
	padding: 1.8rem 0 0 0;
	text-align: center;
	margin: 2.5rem 0 3.5rem 0;
	border-bottom: 4px solid #fff;
	display: inline-block;
}

.bubble_wrap {
	overflow: hidden;
	display: grid;
	grid-template-columns: 49% 49%;
	grid-template-rows: 12rem;
	gap: 3rem 1rem;
	text-align: center;
	padding: 0 0 4rem 0;
}

.bubble_wrap .img_01 {
	grid-column: 1 / 2;
	grid-row: 1 / 2;
}

.bubble_wrap .img_02 {
	grid-column: 2 / 3;
	grid-row: 2 / 3;
}

.bubble_wrap .img_03 {
	grid-column: 1 / 2;
	grid-row: 3 / 4;
}

.bubble_wrap .img_04 {
	grid-column: 2 / 3;
	grid-row: 4 / 5;
}

.bubble_wrap .img_05 {
	grid-column: 1 / 2;
	grid-row: 5 / 6;
}

.bubble_wrap .img_06 {
	grid-column: 2 / 3;
	grid-row: 6 / 7;
}

.bubble_wrap .text_01 {
	grid-column: 2 / 3;
	grid-row: 1 / 2;
}

.bubble_wrap .text_02 {
	grid-column: 1 / 2;
	grid-row: 2 / 3;
}

.bubble_wrap .text_03 {
	grid-column: 2 / 3;
	grid-row: 3 / 4;
}

.bubble_wrap .text_04 {
	grid-column: 1 / 2;
	grid-row: 4 / 5;
}

.bubble_wrap .text_05 {
	grid-column: 2 / 3;
	grid-row: 5 / 6;
}

.bubble_wrap .text_06 {
	grid-column: 1 / 2;
	grid-row: 6 / 7;
}

.bubble_wrap img {
	width: 10rem;
	height:10rem;
	border-radius:50%;
	object-fit: cover;
	outline: 0.5rem solid #fff;
	-webkit-outline: 0.5rem solid #fff;
	isolation: isolate;
	margin: 1rem;
	z-index: 15;
}

.bubble_wrap .img_01, .bubble_wrap .img_03, .bubble_wrap .img_05 {
	z-index: 15;
    text-align: left;
}

.bubble_wrap .img_02, .bubble_wrap .img_04, .bubble_wrap .img_06 {
	z-index: 15;
    text-align: right;
}

.bubble_wrap .text_01, .bubble_wrap .text_02, .bubble_wrap .text_03, .bubble_wrap .text_04, .bubble_wrap .text_05, .bubble_wrap .text_06 {
	display: flex;
	align-items: center;
	font-size: 1.4rem;
	line-height: 1.5rem;
	font-weight: bold;
	position: relative;
}

.bubble_wrap .text_01, .bubble_wrap .text_03, .bubble_wrap .text_05 {
	padding: 4rem 1.2rem 0 14rem;
	margin:0 0 0 -18.5rem;
	text-align: left;
	z-index: 10;
    display: flex;
    align-items: start;
}

.bubble_wrap .text_02, .bubble_wrap .text_04, .bubble_wrap .text_06 {
	padding: 4rem 14rem 0 1.2rem;
	margin: 0 -18.5rem 0 0;
	text-align: left;
	z-index: 10;
    display: flex;
    align-items: start;
}

.bubble_wrap .text_01 br, .bubble_wrap .text_02 br, .bubble_wrap .text_03 br, .bubble_wrap .text_04 br, .bubble_wrap .text_05 br, .bubble_wrap .text_06 br {
	display: none;
}

.bubble_wrap .text_01:before {
	content:"1";
	color: #1e50a2;
	position: absolute;
	top: 1.8rem;
	left: 14.5rem;
	padding: 0 0 0.5rem 0;
	font-size: 2.5rem;
}


.bubble_wrap .text_02:after {
	content:"2";
	color: #1e50a2;
	position: absolute;
	top: 1.8rem;
    left: 1.8rem;
	padding: 0 0 0.5rem 0;
	font-size: 2.5rem;
}

.bubble_wrap .text_03:before {
	content:"3";
	color: #1e50a2;
	position: absolute;
	top: 1.8rem;
	left: 14.5rem;
	padding: 0 0 0.5rem 0;
	font-size: 2.5rem;
}


.bubble_wrap .text_04:after {
	content:"4";
	color: #1e50a2;
	position: absolute;
	top: 1.8rem;
    left: 1.8rem;
	padding: 0 0 0.5rem 0;
	font-size: 2.5rem;
}

.bubble_wrap .text_05:before {
	content:"5";
	color: #1e50a2;
	position: absolute;
	top: 1.8rem;
	left: 14.5rem;
	padding: 0 0 0.5rem 0;
	font-size: 2.5rem;
}


.bubble_wrap .text_06:after {
	content:"6";
	color: #1e50a2;
	position: absolute;
	top: 1.8rem;
    left: 1.8rem;
	padding: 0 0 0.5rem 0;
	font-size: 2.5rem;
}

.block_box {
	padding: 1rem 0 0 0;
}

.block_box h2 {
	text-align: center;
	margin: 3rem 0 3rem 0;	
	position: relative;
	padding: 1rem;
}

.block_box h2::before, .block_box h2::after {
	position: absolute;
	margin: 1rem;
	width: 2rem;
	height: 3rem;
	content: '';
}

.block_box h2::before {
	border-left: solid 3px #ee827c;
	border-top: solid 3px #ee827c;
	top: 0;
	left: 0;
}

.block_box h2::after {
	border-right: solid 3px #ee827c;
	border-bottom: solid 3px #ee827c;
	bottom: 0;
	right: 0;
}

.box_wrap {
	margin: 1rem 0 3rem 0;
	padding: 0 1rem;
}

.box_point h3 {
	position: relative;
	overflow: hidden;
	padding: 0.7rem 0.5rem 1rem 6.5rem;
	word-break: break-all;
	border-top: 3px solid #ee827c;
	border-right: 3px solid #ee827c;
	border-left: 3px solid #ee827c;
	margin: 0;
	font-weight: bold;
	font-size: 1.4rem;
}

.box_point h3 span {
	font-size: 3rem;
	line-height: 3rem;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	padding: 0.2rem 1rem;
	color: #fff;
	background: #ee827c;
	border-right: 3px solid #ee827c;
}

.box_img {
	padding: 1rem;
	border-left: 3px solid #ee827c;
	border-right: 3px solid #ee827c;
	z-index: 1;
}

.box_text {
	font-size: 1.2rem;
	line-height: 1.7rem;
	padding:  1.2rem 1.2rem 1.2rem 1.2rem;
	border-left: 3px solid #ee827c;
	border-right: 3px solid #ee827c;
	border-bottom: 3px solid #ee827c;
	font-weight: bold;
}

.box_midashi {
	padding: 0 1.2rem;
	margin: 0;
	border-left: 3px solid #ee827c;
	border-right: 3px solid #ee827c;
	position: relative;
}

.box_midashi h3 {
	background-color: #f8e58c;
	text-align: center;
	font-size: 1.4rem;
	line-height: 1.4rem; 
	padding: 0.5rem 0 0.3rem 0;
	margin: 0;
}

.main_infomation {
	background-color: #1e50a2;
	padding : 1rem 0 0 0;
}

#main_info, #text_01 ,#text_02 {
	padding: 4.5rem;
	margin: -4.5rem;
}

.main_infomation img {
	padding : 1rem 1rem;
}

.main_infomation .infomation_text {
	color: #fff;
	padding: 0 1rem 2rem 1rem;
	font-weight: bold;
	font-size: 1.4rem;
	line-height: 1.8rem;
}

.main_infomation .infomation_text span {
	font-size: 1rem;
	line-height: 1.4rem;
}

.main_infomation .infomation_text h2 {
	font-size: 2rem;
	color: #f8e58c;
}

.main_infomation .infomation_text h2 img {
	width: 2rem;
	height: 2rem;
	padding : 0;
}

.main_infomation .infomation_text .tel {
	font-size: 3.7rem;
	line-height: 4.5rem;
	margin: 2rem 0 0 0;
	color: #f8e58c;
	text-align: center;
}

.main_infomation .infomation_text .tel i {
	font-size: 2.5rem;
	line-height: 2.5rem;
	display: block;
	float: left;
	padding: 1rem 0 1rem 1rem;
}

.main_infomation .infomation_text .business_hours {
	font-size: 1.0rem;
	line-height: 1.3rem;
	display: block;
	text-align: center;
	color: #fff;
}

.main_infomation .infomation_entry {
	padding: 0 2rem 3rem 2rem;
	text-align: center;
}


.main_infomation .infomation_entry a.btn_entry {
	display: block;
	background-color: #ff5792;
	width: 100%;
	height: 7rem;
	padding: 1.5rem 0.5rem 1.3rem 0.5rem;
	border-radius: 0.7rem;
	text-decoration: none;
	color: #fff;
	font-weight: bold;
	font-size: 1.8rem;
	line-height: 2.2rem;
	margin: 0.5rem 0;
	filter: drop-shadow(0.2rem 0.2rem 0.2rem rgba(0,0,0,0.6));
	box-shadow:0.2rem 0.2rem 0 0 #ee827c inset;
}

.main_infomation .infomation_entry a.btn_entry span {
	font-size: 1rem;
	line-height: 1.4rem;
	display: block;
	padding: 0.5rem 0 0 0;
}


#gmap {
	width: 100%;
	height: 25rem;
	margin: 2rem 0 0 0;
	color: #000;
}

.main_infomation div.tel {
	font-size: 3.8rem;
	font-weight: bold;
	padding: 1.5rem 0;
	color: #f8e58c;
	position: relative;
	text-align: center;
	margin: 1.5rem 0; 
}

.main_infomation div.tel a {
	color: #f8e58c;
	text-decoration: none;
}

.main_infomation div.tel i {
	font-size: 2.1rem;
	margin-right: 0.5rem;
	color: #fff;
	vertical-align: middle;
}

.main_infomation div.tel span {
	font-size: 1.4rem;
	font-weight: bold;
	display: block;
	text-align: center;
	color: #fff;
}

.voice h2, .staff h2 {
	text-align: center;
	padding: 2rem 2rem 0 1rem;
	color: #000;
}

.sub_infomation .slide-show {
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  display: -ms-flexbox;
  display: flex;
}

.sub_infomation .slide-show {
	margin-bottom: 2rem;
}


.sub_infomation .slide_wrap {
	border: 3px solid #000;
	border-radius: 1rem;
	padding: 1rem;
	width: 86%;
	height: auto;
	flex-shrink: 0;
	margin: 1rem 2rem 1rem 1rem;
	display: block;
	z-index: 50;
}

.slide_content .slide_name {
	font-weight: bold;
	font-size: 1.1rem;
	line-height: 1.9rem;
}

.slide_content .slide_tutor {
	display: flex;
	font-size: 1.3rem;
	font-weight: bold;
	line-height: 1.9rem;
	height: 6rem;
	align-items: center;
}


.slide_content .slide_level {
	font-weight: bold;
	font-size: 0.9rem;
	line-height: 1.2rem;
}

.slide_image_box {
	float:left;
}

.slide_wrap .slide_content .slide_text::before {
	content: "";
	display: block;
	clear: both;
}


.slide_wrap .slide_content .slide_title::before {
	content: "";
	display: block;
	clear: both;
	padding: 1.5rem 0 0 0;
}


.slide_image_box .slide_image img {
	float: left;
	margin: 0 1rem 0 0;
	width: 6rem;
	height: 6rem;
	border-radius: 50%;
}

.slide_wrap .slide_content .slide_title {
	color: #ff5792;
	font-weight: bold;
	font-size: 1.5rem;
	line-height: 1.9rem;
	width: 100%;
	display: block;
}

.slide_wrap .slide_content .slide_text {
	font-size: 1.3rem;
	line-height: 2.1rem;
}

.slide_wrap .slide_content .slide_text h3 {
	font-size: 1.3rem;
	line-height: 1.5rem;
	font-weight: bold;
}



.slide-show {
	position: relative;
}

.arrows {
  width: 1.5rem;
  height: 2rem;
  position: absolute;
  top: 50%;
  right: 1rem;
  margin-top: -1rem;
  transform: rotate(-90deg); 
  z-index: 10;
}

.arrows path {
  stroke: #000;
  fill: transparent;
  stroke-width: 1px;  
  animation: arrow 2s infinite;
  -webkit-animation: arrow 2s infinite; 
}

@keyframes arrow
{
0% {opacity:0}
40% {opacity:1}
80% {opacity:0}
100% {opacity:0}
}

@-webkit-keyframes arrow /*Safari and Chrome*/
{
0% {opacity:0}
40% {opacity:1}
80% {opacity:0}
100% {opacity:0}
}

.arrows path.a1 {
  animation-delay:-1s;
  -webkit-animation-delay:-1s; /* Safari 和 Chrome */
}

.arrows path.a2 {
  animation-delay:-0.5s;
  -webkit-animation-delay:-0.5s; /* Safari 和 Chrome */
}

.arrows path.a3 { 
  animation-delay:0s;
  -webkit-animation-delay:0s; /* Safari 和 Chrome */
}




footer {
	position: fixed;
	bottom: 0px;
	left: 0px;
	height: 4.3rem;
	width: 100%;
	padding: 0 0.3rem 0.3rem 0.3rem;
	z-index: 50;
	display: grid;
	grid-template-columns: 50% 1fr;
	grid-template-rows: 4.2rem;
	gap: 0.2rem;
}

footer div.tel {
	width: 100%;
	height: 4rem;
}

footer div.info {
	width: 100%;
	height: 4rem;
}

footer .info a i {
	margin-right: 0.1rem;
	font-size: 1.0rem;
}

footer .tel a img {
	width: 1.6rem;
	margin: 0 0.1rem -0.1rem 0;
}

footer .tel a {
	height: 4rem;
	width: 100%;
	border-radius: 0.5rem;
	background-color: #1877f2;
	display: block;
	color: #fff;
	text-decoration: none;
	text-align: center;
	font-size: 1.4rem;
	line-height: 1.2rem;
	font-weight: bold;
	padding: 0.7rem 0.8rem 0.8rem 0.8rem;
}

footer .tel a span {
	font-size: 0.8rem;
}

footer .info a {
	height: 4rem;
	width: 100%;
	border-radius: 0.5rem;
	background-color: #ff5792;
	display: block;
	color: #fff;
	text-decoration: none;
	text-align: center;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	font-size: 1.4rem;
	font-weight: bold;
}

.copyright {
	font-size: 0.7rem;
	text-align: center;
	padding: 0 0 0.5rem 0;
}


/*----- Slider -----*/
#slider{
	width: 100%;
	height: 24rem;
	position: relative;
	overflow: hidden;
	background-color: #1e50a2;
}

@keyframes load{
	from { left: -100%; }
	to { left: 0; }
}
#slider .slides{
	width: 400%;
	height: 21.32rem;
	position: relative;
	-webkit-animation: slide 26s infinite;
	-moz-animation: slide 26s infinite;
	animation: slide 26s infinite;
}
#slider .slider{
	width: 25%;
	height: 100%;
	float: left;
	position: relative;
	z-index: 1;
	overflow: hidden;
}
#slider .slide img{
	width: 100%;
	height: 100%;
}
#slider .slide img{
	width: 100%;
	height: 100%;
}
#slider .image{
	width: 100%;
	height: 100%;
}
#slider .image img{
	width: 100%;
	height: 100%;
}

/* Legend */
#slider .legend{
	height: 5rem;
	width: 100%;
	background-color: rgba(46, 46, 46, 0.8);
	position: absolute;
	bottom: 0;
	padding: 0.5rem;
}

/* Contents */
#slider .content {
	height: 4rem;
	width: 100%;
	position:absolute;
	bottom: 0.5rem;
	padding: 0.5rem;
}
#slider .content-txt{
	width: 100%;
	height: 100%;
	position:absolute;
	bottom: 0;
	-webkit-animation:content-s 6.5s infinite;
	-moz-animation:content-s 6.5s infinite;
	animation:content-s 6.5s infinite;
}
#slider .content-txt h1{
	font-size: 1.1rem;
	line-height: 1.3rem;
	color: #f8e58c;
	font-weight: bold;
	text-align: center;
	margin: 0;
}
#slider .content-txt h2{
	font-weight: normal;
	font-size: 0.8rem;
	font-weight: bold;
	color: #fff;
	text-align: center;
	margin: 0.1rem 0 0 0;
}

/* Switch */
#slider .switch {
	width: 8rem;
	height: 1rem;
	position: absolute;
	bottom: 1;
	z-index: 10;
	left: 15.4rem;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	padding: 0 0 0 2rem;
}
#slider .switch > ul{
	list-style:none;
	margin: 1rem 0;
	padding: 0;
}
#slider .switch > ul > li{
	width: 1rem;
	height: 1rem;
	border-radius:50%;
	background:#999;
	float:left;
	margin-right:0.5rem;
	cursor:pointer;

}
#slider .switch ul{
	overflow:hidden;
}
#slider .on{
	width: 1rem;
	height: 1rem;
	border-radius: 50%;
	background: #fcc800;
	position: relative;
	-webkit-animation:on 26s infinite;
	-moz-animation:on 26s infinite;
	animation:on 26s infinite;
}

/* Animation */
@-webkit-keyframes slide{
	0%,100%{ margin-left:0%; }
	21%{ margin-left:0%; }
	25%{ margin-left:-100%; }
	46%{ margin-left:-100%; }
	50%{ margin-left:-200%; }
	71%{ margin-left:-200%; }
	75%{ margin-left:-300%; }
	96%{ margin-left:-300%; }
}
@-moz-keyframes slide{
	0%,100%{ margin-left:0%; }
	21%{ margin-left:0%; }
	25%{ margin-left:-100%; }
	46%{ margin-left:-100%; }
	50%{ margin-left:-200%; }
	71%{ margin-left:-200%; }
	75%{ margin-left:-300%; }
	96%{ margin-left:-300%; }
}
@keyframes slide{
	0%,100%{ margin-left:0%; }
	21%{ margin-left:0%; }
	25%{ margin-left:-100%; }
	46%{ margin-left:-100%; }
	50%{ margin-left:-200%; }
	71%{ margin-left:-200%; }
	75%{ margin-left:-300%; }
	96%{ margin-left:-300%; }
}

@-webkit-keyframes content-s{
	0%{ left:-42rem; }
	10%{ left:2; }
	15%{ left:0; }
	30%{ left:0; }
	40%{ left:0; }
	50%{ left:0; }
	60%{ left:0; }
	70%{ left:0; }
	80%{ left:-42rem; }
	90%{ left:-42rem; }
	100%{ left:-42rem; }
}
@-moz-keyframes content-s{
	0%{ left:-42rem; }
	10%{ left:2rem; }
	15%{ left:0; }
	30%{ left:0; }
	40%{ left:0; }
	50%{ left:0; }
	60%{ left:0; }
	70%{ left:0; }
	80%{ left:-42rem; }
	90%{ left:-42rem; }
	100%{ left:-42rem; }
}
@keyframes content-s{
	0%{ left:-42rem; }
	10%{ left:2rem; }
	15%{ left:0; }
	30%{ left:0; }
	40%{ left:0; }
	50%{ left:0; }
	60%{ left:0; }
	70%{ left:0; }
	80%{ left:-42rem; }
	90%{ left:-42rem; }
	100%{ left:-42rem; }
}

@-webkit-keyframes on{
	0%,100%{ margin-left:0%; }
	21%{ margin-left:0%; }
	25%{ margin-left:1.5rem; }
	46%{ margin-left:1.5rem; }
	50%{ margin-left:3rem; }
	71%{ margin-left:3rem; }
	75%{ margin-left:4.5rem; }
	96%{ margin-left:4.5rem; }
}

@-moz-keyframes on{
	0%,100%{ margin-left:0%; }
	21%{ margin-left:0%; }
	25%{ margin-left:1.5rem; }
	46%{ margin-left:1.5rem; }
	50%{ margin-left:3rem; }
	71%{ margin-left:3rem; }
	75%{ margin-left:4.5rem; }
	96%{ margin-left:4.5rem; }
}

@keyframes on{
	0%,100%{ margin-left:0%; }
	21%{ margin-left:0%; }
	25%{ margin-left:1.5rem; }
	46%{ margin-left:1.5rem; }
	50%{ margin-left:3rem; }
	71%{ margin-left:3rem; }
	75%{ margin-left:4.5rem; }
	96%{ margin-left:4.5rem; }
}

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

/*----- MENU -----*/

.menu-btn {
	position: fixed;
	top: 0px;
	right: 0px;
	display: flex;
	height: 4.5rem;
	width: 4.5rem;
	justify-content: center;
	align-items: center;
	z-index: 99999;
	background-color: #f8e58c;
	transition: all 0.3s;

}
.menu-btn span, .menu-btn span:before, .menu-btn span:after {
	content: '';
	display: block;
	height: 0.3rem;
	width: 1.6rem;
	border-radius: 3px;
	background-color: #000;
	position: absolute;
}
.menu-btn span:before {
	bottom: 0.8rem;
}
.menu-btn span:after {
	top: 0.8rem;
}

#menu-btn-check {
	display: none;
}

#menu-btn-check:checked ~ .menu-btn {
	background-color: #f8e58c;
}

#menu-btn-check:checked ~ .menu-btn span {
	background-color: rgba(255, 255, 255, 0);
}
#menu-btn-check:checked ~ .menu-btn span::before {
	bottom: 0;
	transform: rotate(45deg);
	transition: all 0.5s;
}
#menu-btn-check:checked ~ .menu-btn span::after {
	top: 0;
	transform: rotate(-45deg);
	transition: all 0.5s;
}

.menu-content {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 80;
	background-color: #f8e58c;
	margin: 0;
	padding: 0;
}

.menu-content ul {
	padding: 0;
	margin : 1rem 10%;
}

.menu-content ul.btn_action {
	margin-top: 7rem;
	display: inline-flex;
}

.menu-content ul.btn_action ul {
	margin: 0;
	padding: 0;
}

.menu-content ul.btn_action li {
	width: 12rem;
	height: 11rem;
	justify-content: center;
	align-items: center;
}

.menu-content li.menu_tel {
	margin-right: 1.3rem;
}

.menu-content li.menu_tel img {
	padding: 0;
	height: 4rem;
	width: auto;
	margin: 0.8rem 0 0.3rem 0;
}

.menu-content li.menu_tel a {
	width: 100%;
	height: 100%;
	border-radius: 1rem;
	display: block;
	padding: 1rem;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	font-size: 1.3rem;
	line-height: 1.5rem;
	color: #fff;
	background-color: rgb(24, 119, 242);
	filter: drop-shadow(0.2rem 0.2rem 0.2rem rgba(0,0,0,0.6));
}

.menu-content li.menu_tel a span {
	font-size: 0.9rem; 
}


.menu-content li.menu_free_lessen a i {
	font-size: 4rem;
	display: block;
	padding: 0.7rem 0 0.6rem 0;
}

.menu-content li.menu_free_lessen a {
	width: 100%;
	height: 100%;
	border-radius: 1rem;
	display: block;
	padding: 1rem;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	font-size: 1.2rem;
	line-height: 1.7rem;
	color: #fff;
	background-color: rgb(255, 87, 146);
	filter: drop-shadow(0.2rem 0.2rem 0.2rem rgba(0,0,0,0.6));
}

ul.btn_navi li {
	width: 29.2rem;
	height: 4rem;
	padding-right:4rem;
	margin-bottom: 2rem;
}

ul.btn_navi li a {
	display: block;
	padding: 0.5rem;
	width: 100%;
	line-height: 4rem;
	text-align: center;
	text-decoration: none;
	color: #fff;
	font-weight: bold;
	font-size: 1.4rem;
	background-color: #ff9900;
	border-radius: 0.5rem;
	filter: drop-shadow(0.2rem 0.2rem 0.2rem rgba(0,0,0,0.6));
}

ul.btn_navi li.menu_info a {
	background-color: #1da1f2;
}


.menu-content {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 100%;/*leftの値を変更してメニューを画面外へ*/
	z-index: 1000;
	background-color: #f8e58c;
	transition: all 0.5s;/*アニメーション設定*/
}

#menu-btn-check:checked ~ .menu-content {
	left: 0;/*メニューを画面内へ*/
}

/*----- END MENU -----*/

/*----- アコーディオンボタン -----*/

.l-accordion {
	background-color: #fff;
}

.l-accordion input {
	display: none;
}

.l-accordion h3 {
	position: relative;
	background: #ffd98a;
	padding: 0.7rem 0.7rem 0.4rem 3.5rem;
	font-size: 1.3rem;
	line-height: 1.3rem;
	color: #474747;
	border-radius: 0 1rem 1rem 0;
}

.l-accordion h3:before {
	font-family: "Font Awesome 6 Free";
	content: "\f135";
	display: inline-block;
	line-height: 3.7rem;
	position: absolute;
	padding: 0rem;
	color: white;
	background: #ffa337;
	font-weight: 900;
	width: 3.7rem;
	text-align: center;
	height: 3.7rem;
	line-height: 3.5rem;
	left: -0.5rem;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	border: solid 3px white; 
	border-radius: 50%;
}

.l-accordion .l-accordion-inside {
	height: 0;
	opacity: 0;
}

.l-accordion input:checked~.l-accordion-inside {
	height: auto;
	opacity: 1;
	transition: 0.8s;
}

.accordion-inside_text {
	margin: 0;
	padding: 1rem;
	background-color: #fff;
}

.accordion-inside_text ul {
	padding: 1rem 0 1rem 1rem;
	font-size: 1.4rem;
	line-height: 1.9rem;
	font-weight: bold;
}

.accordion-inside_text p {
	padding: 1rem;
	font-size: 1rem;
	line-height: 1.3rem;
}

.accordion-inside_text table {
	width: 100%;
	border: 1px solid #bce2e8;
}
.accordion-inside_text table td {
	width: 10%;
	border: 1px solid #bce2e8;
	padding: 0.5rem;
	font-size: 1.2rem;
	text-align: center;
	font-weight: bold;
}

.accordion-inside_text table td:first-child {
	width: 30%;
	background-color: #a0d8ef;
	color: #000;
}

.accordion-inside_text table tr:first-child td {
	background-color: #a0d8ef;
	color: #000;
}

.l-accordion .l-accordion-switch {
	position: relative;
	display: block;
	background-color: #1877f2;
	color: #fff;
	font-weight: bold;
	font-size: 1.5rem;
	padding: 0.6rem;
	cursor: pointer;
	border-bottom: 1px solid #fff;
	margin: 0 auto;
}

.l-accordion .l-accordion-switch::before,
.l-accordion .l-accordion-switch::after {
	content: '';
	position: absolute;
	display: block;
	width: 1.4rem;
	height: 0.3rem;
	background: #ffec47;
	top: 50%;
	right: 1rem;
	transform: translateY(-50%);
}

.l-accordion .l-accordion-switch::after {
	transform: translateY(-50%) rotate(90deg);
	transition: 0.3s;
}

.l-accordion input:checked~.l-accordion-switch::after {
	transform: rotate(0);
	transition: 0.8s;
}

/*----- END アコーディオンボタン -----*/






}/*------------------------------ SP END ------------------------------*/

/*------------------------------ タブレット ------------------------------*/

@media screen and (min-width:769px) and (max-width:1024px) {

html { font-size: 1vw; color: #000b00; } /* 10÷1000px×100 */

header {
	height: 11rem;
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
}

header .header_wrap {
	display: grid;
	grid-template-rows: 10rem;
	grid-template-columns: 10rem 1fr ;
}

header .header_wrap_logo {
	height: 11rem;
	width: 10rem;
	padding: 2rem 1.9rem;
}

header .header_wrap_logo h1 {
	margin: 0;
	padding: 0;
}

header .header_wrap_logo img {
	height: 7rem;
	width: 6.2rem;
}

header .header_wrap_text h2 {
	margin: 0;
	padding: 0 0 0 2rem;
	font-size: 3.5rem;
	line-height: 11rem;
}


.wrapper {
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
}

aside {
	position: fixed;
	bottom: 0.5rem;
	right: 0.5rem;
	z-index: 10000;
}

aside nav ul.btn_action li.menu_tel a {
	display: none;
}

aside nav ul.btn_action li.menu_free_lessen a {
	display: none;
}

aside .top_arrow {
	font-size: 8rem;
	line-height: 8rem;
}

aside .top_arrow a {
	color: #6b7b6e;
}

aside .top_arrow a img {
	width: 8rem;
	height: 8rem;
}

.menu-content ul.btn_action {
	margin: 0;
	padding: 0;
}

aside nav.menu input {
	display: none;
}

aside nav ul.btn_navi {
	display: none;
}

#top_info {
	display: grid;
	grid-template-rows: 48rem 1fr;
	grid-template-columns: 33rem 1fr ;
	gap: 0;
	background-color: #1e50a2 ;
	margin: 1rem 0 0 0;
}

#slider {
	grid-row: 1 / 2;
	grid-column: 2 / 3;
}

#top_info .infomation_mini {
	width: 33rem;
	grid-row: 1 / 2;
	grid-column: 1 / 2;
	padding: 2.5rem;
}

#top_info .closing {
	grid-row: 2 / 3;
	grid-column: 1 / 3;
}

.infomation_mini {
	width: 100%;
	padding: 0.8rem; 
	margin: 0;
}

.infomation_mini .name {
	background-color: #fff;
	text-align: center;
	padding: 0.5rem 0.8rem 0 0.8rem;
}

.infomation_mini .name h2 {
	margin: 0;
	font-size: 1.8rem;
	color: #000;
}

.infomation_mini_img {
	padding: 0.8rem;
}

.infomation_mini_box {
	padding: 0;
	border: double 5px #f7fcfe;
	border-radius: 1rem;
	margin: 0;
	overflow: hidden;
	background-color: #fff ;
	filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.6));
}

.infomation_mini_text {
	color: #000;
	padding: 0 0.8rem 0.8rem 0.8rem;
	font-size: 1.3rem;
	line-height: 1.6rem;
	font-weight: bold;
}



.mini_infomation .adress_sub {
	display: block;
}

.mini_infomation .target_grade {
	display: block;
	color: #c9171e;
}

.infomation_mini_text .tel {
	font-size: 3.2rem;
	line-height: 3.8rem;
	color: #1e50a2;
	padding: 0.5rem 0;
	border-top: dashed 3px #1e50a2;
	border-bottom: dashed 3px #1e50a2;
	margin: 1rem 0 0 0;
	text-align: center;
}

.infomation_mini_text .tel a {
	color: #1e50a2;
}

.infomation_mini_text .tel i {
	font-size: 2.0rem;
	line-height: 2.0rem;
	padding: 0 0.8rem 0 0;
}

.infomation_mini_text .tel span.business_hours {
	font-size: 1rem;
	color: #000;
	display: block;
	text-align: center;
	line-height: 1.3rem;
	padding: 0 0 0.2rem 0;
}

.infomation_mini_text .btn_info {
	width: 100%;
	height: 3.5rem;
	text-align: center;
	color: #fff;
	text-decoration: none;
	background-color: #1877f2;
	filter: drop-shadow(0.2rem 0.2rem 0.2rem rgba(0,0,0,0.6));
	display: block;
	margin: 1.5rem 0 0.2rem 0;
	padding: 0.8rem;
	font-size: 1.6rem;
	border-radius: 0.5rem;
}

.infomation_mini_text .btn_info:hover {
	background-color: #fff;
	color: #1877f2;
}

.infomation_mini_text .btn_info i {
	margin-right: 1rem;
}

.closing {
	background-color: #f8e58c;
	text-align: center;
	font-size: 2.5rem;
	padding: 3rem 5rem 1rem 5rem;
	font-weight: bold;
}


.closing p {
	padding: 1.5rem 0;
	font-size: 2rem;
}

.closing a.btn_entry {
	width: 100%;
	height: 14rem;
	margin: 0 auto;
	display: block;
	color: #fff;
	text-align: center;
	text-decoration: none;
	background-color: #ff5792;
	padding: 3rem;
	font-size: 4rem;
	line-height: 4rem;
	filter: drop-shadow(0.2rem 0.2rem 0.2rem rgba(0,0,0,0.6));
	border-radius: 1rem;
}


.closing a.btn_entry:hover {
	background-color: #fdeff2;
	color: #ff5792;
	transition: all 3s;
}

.closing a.btn_entry span {
	font-size: 2.3rem;
}


.block_bubble {
	background-color: #a0d8ef;
	z-index: -1;
	margin: 0;
	padding: 1px 0 0 0;
	text-align: center;
}

.block_bubble h2 {
	position: relative;
	color: #000;
	font-size: 4rem;
	padding: 2rem 0 0 0;
	text-align: center;
	margin: 8rem 0;
	border-bottom: 4px solid #fff;
	display: inline-block;
}

.bubble_wrap {
	width: 100%;
	max-width: 1000px;
	display: grid;
    grid-template-columns: 28rem 1fr 28rem;
	grid-template-rows: 20rem;
	gap: 4rem 0;
	text-align: center;
	padding: 0 0 12rem 0;
}

.bubble_wrap .img_01 {
	grid-column: 1 / 2;
	grid-row: 1 / 2;
}

.bubble_wrap .img_02 {
	grid-column: 3 / 4;
	grid-row: 2 / 3;
}

.bubble_wrap .img_03 {
	grid-column: 1 / 2;
	grid-row: 3 / 4;
}

.bubble_wrap .img_04 {
	grid-column: 3 / 4;
	grid-row: 4 / 5;
}

.bubble_wrap .img_05 {
	grid-column: 1 / 2;
	grid-row: 5 / 6;
}

.bubble_wrap .img_06 {
	grid-column: 3 / 4;
	grid-row: 6 / 7;
}

.bubble_wrap .text_01 {
	grid-column: 2 / 4;
	grid-row: 1 / 2;
}

.bubble_wrap .text_02 {
	grid-column: 1 / 3;
	grid-row: 2 / 3;
}

.bubble_wrap .text_03 {
	grid-column: 2 / 4;
	grid-row: 3 / 4;
}

.bubble_wrap .text_04 {
	grid-column: 1 / 3;
	grid-row: 4 / 5;
}

.bubble_wrap .text_05 {
	grid-column: 2 / 4;
	grid-row: 5 / 6;
}

.bubble_wrap .text_06 {
	grid-column: 1 / 3;
	grid-row: 6 / 7;
}


.bubble_wrap img {
	width: 20rem;
	height:20rem;
	border-radius:50%;
	object-fit: cover;
	outline: 0.5rem solid #fff;
	-webkit-outline: 0.5rem solid #fff;
	isolation: isolate;
	margin: 0;
	z-index: 15;
}

.bubble_wrap .img_01, .bubble_wrap .img_03, .bubble_wrap .img_05 {
	z-index: 15;
}

.bubble_wrap .img_02, .bubble_wrap .img_04, .bubble_wrap .img_06 {
	z-index: 15;
}


.bubble_wrap .text_01, .bubble_wrap .text_02, .bubble_wrap .text_03, .bubble_wrap .text_04, .bubble_wrap .text_05, .bubble_wrap .text_06 {
	display: flex;
	align-items: center;
	font-size: 2.2rem;
	line-height: 3.3rem;
	font-weight: bold;
	position: relative;
}

.bubble_wrap .img_01, .bubble_wrap .img_03, .bubble_wrap .img_05 {
	padding: 0 0 0 8rem;
}

.bubble_wrap .img_02, .bubble_wrap .img_04, .bubble_wrap .img_06 {
	padding: 0 8rem 0 0;
}


.bubble_wrap .text_01, .bubble_wrap .text_03, .bubble_wrap .text_05 {
	padding: 8rem 10rem 0px 2rem;
	margin: 0;
	text-align: left;
	z-index: 10;
    display: flex;
    align-items: start;
}

.bubble_wrap .text_02, .bubble_wrap .text_04, .bubble_wrap .text_06 {
	padding: 8rem 2rem 0 10rem;
	margin: 0;
	text-align: left;
	z-index: 10;
    display: flex;
    align-items: start;
}

.bubble_wrap .text_01:before {
	content:"1";
	color: #1e50a2;
	position: absolute;
    top: 3rem;
	left: 3rem;
	padding: 0 0 0.5rem 0;
	font-size: 6.4rem;
}


.bubble_wrap .text_02:after {
	content:"2";
	color: #1e50a2;
	position: absolute;
    top: 3rem;
	left: 10.4rem;
	padding: 0 0 0.5rem 0;
	font-size: 6.4rem;
}

.bubble_wrap .text_03:before {
	content:"3";
	color: #1e50a2;
	position: absolute;
    top: 3rem;
	left: 3rem;
	padding: 0 0 0.5rem 0;
	font-size: 6.4rem;
}


.bubble_wrap .text_04:after {
	content:"4";
	color: #1e50a2;
	position: absolute;
    top: 3rem;
	left: 10.4rem;
	padding: 0 0 0.5rem 0;
	font-size: 6.4rem;
}

.bubble_wrap .text_05:before {
	content:"5";
	color: #1e50a2;
	position: absolute;
    top: 3rem;
	left: 3rem;
	padding: 0 0 0.5rem 0;
	font-size: 6.4rem;
}


.bubble_wrap .text_06:after {
	content:"6";
	color: #1e50a2;
	position: absolute;
    top: 3rem;
	left: 10.4rem;
	padding: 0 0 0.5rem 0;
	font-size: 6.4rem;
}



.box_outline {
	padding: 0 5rem;
	width: 100%;
	max-width: 1000px;
}


.block_box h2 {
	text-align: center;
	margin: 5rem;
	position: relative;
	padding: 1.5rem;
	font-size: 3.5rem;
}

.block_box h2::before, .block_box h2::after {
	position: absolute;
	margin: 1rem;
	width: 2rem;
	height: 3rem;
	content: '';
}

.block_box h2::before {
	border-left: #ee827c solid 3px;
	border-top: #ee827c solid 3px;
	top: 0;
	left: 0;
}

.block_box h2::after {
	border-right: #ee827c solid 3px;
	border-bottom: #ee827c solid 3px;
	bottom: 0;
	right: 0;
}

.box_wrap {
	margin: 0 0 8rem 0;
	padding: 0;
	border: 3px solid #ee827c;
	display: grid;
	grid-template-columns: 38rem 1fr;
	grid-template-rows: 6rem 7.5rem 1fr;
	gap: 0;
}


.box_point {
	width: 100%;
	grid-column: 1 / 3;
	grid-row: 1 / 2;
	padding: 1rem 1rem 0 1rem;
}

.box_point h3 {
	position: relative;
	overflow: hidden;
	padding: 1.2rem 0 1.1rem 7rem;
	word-break: break-all;
	margin: 0;
	font-weight: bold;
	font-size: 2.8rem;
	line-height: 2.8rem;
}

.box_point h3 span {
	font-size: 3rem;
	line-height: 3rem;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	padding: 1rem;
	color: #fff;
	background-color: #ee827c;
}

.box_img {
	grid-column: 1 / 2;
	grid-row: 2 / 4;
	padding: 1rem;
	z-index: 1;
	width: 38rem;
	height: 26rem;
}

.box_img img {
	width: 36rem;
	height: 24rem;
}

.box_text {
	grid-column: 2 / 3;
	grid-row: 3 / 4;
	font-size: 2.5rem;
	font-weight: bold;
	line-height: 3.8rem;
	padding: 0 1rem 0 0;
}


.box_midashi {
	grid-column: 2 / 3;
	grid-row: 2 / 3;
	padding: 1rem 1rem 1rem 0;
	margin: 0;
	display: block;
	float: left;
	width: 100%;
}

.box_midashi h3 {
	background-color: #f8e58c;
	text-align: center;
	padding: 1rem;
	font-size: 2.6rem;
	line-height: 2.6rem;
	margin: 0;
}



.main_infomation {
	background-color: #1e50a2;
	padding: 10rem 5rem 5rem 5rem;
	width: 100%;
	max-width: 1000px;
}

.infomation_img {
	padding: 1rem;
	background-color: #fff;
	margin: 0 0 10rem 0;
	border-radius: 0.5rem;
	width : 35rem;
	height: 24.5rem;
	float: left;
}

.infomation_img img {
	width: 33rem;
	height: 22.1rem;
}

.infomation_text {
	font-size: 2.5rem;
	font-weight: bold;
	color: #fff;
	padding: 0 0 0 2rem;
	width: 52rem;
	height: auto;
    float: right;
	height: 22.1rem;
}

.infomation_text:after {
	clear: both;
}


.infomation_text h2 {
	font-size: 4rem;
	color: #fff;
	border-bottom: 2px solid #fff;
	position: relative;
	color: #f8e58c;
	margin: 0;
}

.infomation_text span {
	font-size: 1.6rem;
	font-weight: bold;
}

#gmap {
	width: 100%;
	height: 45rem;
	padding: 0;
	margin: 0;
	color: #000;
}


.main_infomation div.tel {
	font-size: 8rem;
	font-weight: bold;
	padding: 2.5rem 0;
	color: #f8e58c;
	position: relative;
	text-align: center;
	margin: 3rem 0; 
}

.main_infomation div.tel a {
	color: #f8e58c;
}

.main_infomation div.tel i {
	font-size: 4rem;
	margin-right: 1rem;
	color: #fff;
	vertical-align: middle;
}

.main_infomation div.tel span {
	font-size: 1.6rem;
	font-weight: bold;
	display: block;
	padding-left: 5rem;
	color: #fff;
}

.main_infomation .infomation_entry a.btn_entry {
	width: 100%;
	height: 14rem;
	margin: 0 auto;
	display: block;
	color: #fff;
	text-align: center;
	text-decoration: none;
	background-color: #ff5792;
	padding: 3rem;
	font-size: 4rem;
	font-weight: bold;
	line-height: 4rem;
	filter: drop-shadow(0.2rem 0.2rem 0.2rem rgba(0,0,0,0.6));
	border-radius: 1rem;
}

.main_infomation .infomation_entry a.btn_entry:hover {
	background-color: #fdeff2;
	color: #ff5792;
	transition: all 3s;
}

.main_infomation .infomation_entry a.btn_entry span {
	font-size: 2.2rem;

}


.accordion_outline {
	display: grid;
	grid-template-rows: 1fr 1fr;
	grid-template-columns: 49% 49%;
	gap: 2rem 2% ;
	margin: 4rem 0;
}

.l-accordion {
	background-color: #fff;
	color: #000;
	border-radius: 1rem;
	padding: 2rem;
}


.l-accordion input {
	display: none;
}

.l-accordion label {
	font-size: 2.8rem;
	font-weight: bold;
	border-bottom: solid 1px #1e50a2;
	display: block;
	color: #1e50a2;
}

.l-accordion ul {
	padding-left: 1rem;
	padding-top: 1.5rem;
}

.l-accordion ul li {
	font-size: 1.8rem;
	font-weight: bold;
}

.l-accordion h3 {
	position: relative;
	background: #ffd98a;
	padding: 0.9rem 0.7rem 0.5rem 4.5rem;
	font-size: 1.4rem;
	line-height: 1.4rem;
	color: #474747;
	border-radius: 0 1rem 1rem 0;
	margin: 3rem 0 0 0;
}

.l-accordion h3:before {
	font-family: "Font Awesome 6 Free";
	content: "\f135";
	display: inline-block;
	line-height: 3.7rem;
	position: absolute;
	padding: 0rem;
	color: white;
	background: #ffa337;
	font-weight: 900;
	width: 4rem;
	text-align: center;
	height: 4rem;
	line-height: 3.5rem;
	left: -0.5rem;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	border: solid 3px white; 
	border-radius: 50%;
}


.accordion-inside_text {
	 font-size: 1.4rem;
}

.accordion-inside_text p {
	font-size: 1rem;
	font-weight: bold;
}


.l-accordion table {
	width: 100%;
	margin: 3rem 0 3rem 0;
	text-align: center;
	font-weight: bold;
}

.accordion-inside_text table td {
	border: solid 1px #bce2e8;
	padding: 3px;
}

.accordion-inside_text table td:first-child {
	width: 30%;
	background-color: #a0d8ef;
	color: #000;
}

.accordion-inside_text table tr:first-child td {
	background-color: #a0d8ef;
	color: #000;

}
.voice, .staff {
	padding: 0;
}

.voice h2 {
	font-size: 3.5rem;
	text-align: center;
	padding: 3rem 0;
}

.arrows {
	display: none;
}

.slide-show {
	margin: 0 5rem; 
}

.slide-show div.slide_wrap {
	color: #000;
	margin: 0 0 2rem 0;
	border: solid 2px #000;
	border-radius: 1rem;
	font-size: 1.8rem;
	padding: 5rem;
	position: relative;
	width: 100%;
	height: auto;
	min-height: 25rem;
}

.slide-show div.slide_wrap h3 {
	color: #1e50a2;
	font-size: 1.8rem;
	line-height: 2.4rem;
	padding: 3px 0 2px 1rem;
	border-left: 10px solid #f8e58c;
}

.slide-show .slide_content {
	display: block;
	padding: 0 0 0 20rem;
}

.slide-show .slide_title {
	padding: 1rem 0 0 0;
	display: block;
	font-size: 2.5rem;
	line-height: 3.2rem;
	font-weight: bold;
	color: #ff5792;
}

.slide-show .slide_name {
	font-size: 2.2rem;
	line-height: 2.5rem;
	font-weight: bold;
	padding: 0 0 0.5rem 0;
}


.slide-show .slide_tutor {
	font-size: 2.2rem;
	line-height: 2.5rem;
	font-weight: bold;
}


.slide-show .slide_level {
	font-size: 1.4rem;
	line-height: 1.9rem;
	font-weight: bold;
}

.slide-show img {
	width: 15rem;
	height: 15rem;
	border-radius:50%;
	object-fit: cover;
	margin: 0 3rem 0 0;
	outline: 1px solid  #333;
}

.slide-show .slide_image_box {
	float: left;
	display: block;
	width: 15rem;
	margin: 0 5rem 0 0;
}


.slide-show span {
	display: block;
	padding: 1.5rem;
	margin: 0;
	z-index: 10;
	position: relative;
	font-size: 1.4rem;
	font-weight: bold;
}

.staff h2 {
	font-size: 3.5rem;
	text-align: center;
	padding: 3rem 0;
}

.copyright {
	padding: 1rem 0;
	text-align: center;
}

footer {
	display: none;
}


/*----- Slider -----*/
#slider{
	width: 62.5rem;
	height: 41.9rem;
	position: relative;
	overflow: hidden;
	background-color: #1e50a2;
	margin: 2.5rem 0 2.5rem 0;
}

@keyframes load{
	from { left: -100%; }
	to { left: 0; }
}
#slider .slides{
	width: 400%;
	height: auto;
	position: relative;
	-webkit-animation: slide 26s infinite;
	-moz-animation: slide 26s infinite;
	animation: slide 26s infinite;
}
#slider .slider{
	width: 25%;
	height: 100%;
	float: left;
	position: relative;
	z-index: 1;
	overflow: hidden;
}
#slider .slide img{
	width: 100%;
	height: 100%;
}
#slider .slide img{
	width: 100%;
	height: 100%;
}
#slider .image{
	width: 100%;
	height: 100%;
}
#slider .image img{
	width: 100%;
	height: 100%;
}

/* Legend */
#slider .legend{
	height: 10rem;
	width: 100%;
	background-color: rgba(46, 46, 46, 0.8);
	position: absolute;
	bottom: 0;
}

/* Contents */
#slider .content {
	height: 10rem;
	width: 100%;
	position:absolute;
	bottom: 0;
}
#slider .content-txt{
	width: 100%;
	height: 100%;
	position:absolute;
	bottom: 0;
	-webkit-animation:content-s 6.5s infinite;
	-moz-animation:content-s 6.5s infinite;
	animation:content-s 6.5s infinite;
	padding: 1rem;
}
#slider .content-txt h1{
	font-size: 2rem;
	line-height: 2.4rem;
	color: #f8e58c;
	font-weight: bold;
	text-align: center;
	margin: 0;
}
#slider .content-txt h2{
	font-weight: normal;
	font-size: 1.6rem;
	line-height: 1.6rem;
	font-weight: bold;
	color: #fff;
	text-align: center;
	margin: 0.3rem 0 0 0;

}

/* Switch */
#slider .switch {
	width: 8rem;
	height: 1rem;
	position: absolute;
	bottom: 1;
	z-index: 10;
	left: 31rem;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	padding: 0 0 0 2rem;
}
#slider .switch > ul{
	list-style:none;
	margin: 1rem 0;
	padding: 0;
}
#slider .switch > ul > li{
	width: 1rem;
	height: 1rem;
	border-radius:50%;
	background:#999;
	float:left;
	margin-right:0.5rem;
	cursor:pointer;

}
#slider .switch ul{
	overflow:hidden;
}
#slider .on{
	width: 1rem;
	height: 1rem;
	border-radius: 50%;
	background: #fcc800;
	position: relative;
	-webkit-animation:on 26s infinite;
	-moz-animation:on 26s infinite;
	animation:on 26s infinite;
}

/* Animation */
@-webkit-keyframes slide{
	0%,100%{ margin-left:0%; }
	21%{ margin-left:0%; }
	25%{ margin-left:-100%; }
	46%{ margin-left:-100%; }
	50%{ margin-left:-200%; }
	71%{ margin-left:-200%; }
	75%{ margin-left:-300%; }
	96%{ margin-left:-300%; }
}
@-moz-keyframes slide{
	0%,100%{ margin-left:0%; }
	21%{ margin-left:0%; }
	25%{ margin-left:-100%; }
	46%{ margin-left:-100%; }
	50%{ margin-left:-200%; }
	71%{ margin-left:-200%; }
	75%{ margin-left:-300%; }
	96%{ margin-left:-300%; }
}
@keyframes slide{
	0%,100%{ margin-left:0%; }
	21%{ margin-left:0%; }
	25%{ margin-left:-100%; }
	46%{ margin-left:-100%; }
	50%{ margin-left:-200%; }
	71%{ margin-left:-200%; }
	75%{ margin-left:-300%; }
	96%{ margin-left:-300%; }
}

@-webkit-keyframes content-s{
	0%{ left:-600px; }
	10%{ left:20px; }
	15%{ left:0; }
	30%{ left:0; }
	40%{ left:0; }
	50%{ left:0; }
	60%{ left:0; }
	70%{ left:0; }
	80%{ left:-600px; }
	90%{ left:-600px; }
	100%{ left:-600px; }
}
@-moz-keyframes content-s{
	0%{ left:-42rem; }
	10%{ left:20px; }
	15%{ left:0; }
	30%{ left:0; }
	40%{ left:0; }
	50%{ left:0; }
	60%{ left:0; }
	70%{ left:0; }
	80%{ left:-600px; }
	90%{ left:-600px; }
	100%{ left:-600px; }
}
@keyframes content-s{
	0%{ left:-600px; }
	10%{ left:20px; }
	15%{ left:0; }
	30%{ left:0; }
	40%{ left:0; }
	50%{ left:0; }
	60%{ left:0; }
	70%{ left:0; }
	80%{ left:-600px; }
	90%{ left:-600px; }
	100%{ left:-600px; }
}

@-webkit-keyframes on{
	0%,100%{ margin-left:0%; }
	21%{ margin-left:0%; }
	25%{ margin-left:1.5rem; }
	46%{ margin-left:1.5rem; }
	50%{ margin-left:3rem; }
	71%{ margin-left:3rem; }
	75%{ margin-left:4.5rem; }
	96%{ margin-left:4.5rem; }
}

@-moz-keyframes on{
	0%,100%{ margin-left:0%; }
	21%{ margin-left:0%; }
	25%{ margin-left:1.5rem; }
	46%{ margin-left:1.5rem; }
	50%{ margin-left:3rem; }
	71%{ margin-left:3rem; }
	75%{ margin-left:4.5rem; }
	96%{ margin-left:4.5rem; }
}

@keyframes on{
	0%,100%{ margin-left:0%; }
	21%{ margin-left:0%; }
	25%{ margin-left:1.5rem; }
	46%{ margin-left:1.5rem; }
	50%{ margin-left:3rem; }
	71%{ margin-left:3rem; }
	75%{ margin-left:4.5rem; }
	96%{ margin-left:4.5rem; }
}

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




}/*------------------------------ タブレット END ------------------------------*/



/*------------------------------ PC ------------------------------*/

@media screen and (min-width:1025px) {

html { font-size: 10px; color: #000b00; }

header {
	height: 110px;
	width: 1100px;
	margin: 0 auto;
}

header .header_wrap {
	display: grid;
	grid-template-rows: 100px;
	grid-template-columns: 100px 1000px ;
}

header .header_wrap_logo {
	height: 110px;
	width: 100px;
	padding: 20px 19px;
}

header .header_wrap_logo h1 {
	margin: 0;
	padding: 0;
}

header .header_wrap_logo img {
	height: 70px;
	width: 62px;
}

header .header_wrap_text h2 {
	margin: 0;
	padding: 0 0 0 20px;
	font-size: 35px;
	line-height: 110px;
}

.wrapper {
	width: 1100px;
	margin: 0 auto;
}

aside {
	position: fixed;
	bottom: 2%;
	right: 2%;
	z-index: 10000;
}

aside nav ul.btn_action li.menu_tel a {
	display: none;
}

aside nav ul.btn_action li.menu_free_lessen a {
	display: none;
}

aside .top_arrow {
	font-size: 50px;
	line-height: 50px;
}

aside .top_arrow a {
	color: #6b7b6e;
}

aside .top_arrow a img {
	width: 80px;
	height: 80px;
}

.menu-content ul.btn_action {
	margin: 0;
	padding: 0;
}

aside nav.menu input {
	display: none;
}

aside nav ul.btn_navi {
	display: none;
}

#top_info {
	display: grid;
	grid-template-rows: 1fr 1fr;
	grid-template-columns: 350px 750px ;
	gap: 0;
	background-color: #1e50a2 ;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	margin: 10px 0 0 0;
}

#slider {
	width: 750px;
	grid-row: 1 / 2;
	grid-column: 2 / 3;
}

#top_info .infomation_mini {
	width: 350px;
	grid-row: 1 / 2;
	grid-column: 1 / 2;
	padding: 25px;
}

#top_info .closing {
	width: 1100px;
	grid-row: 2 / 3;
	grid-column: 1 / 3;
}

.infomation_mini {

	width: 100%;
	padding: 10px; 
	margin: 0;

}

.infomation_mini .name {
	background-color: #fff;
	text-align: center;
	padding: 10px 10px 0 10px;
}

.infomation_mini .name h2 {
	margin: 0;
	font-size: 25px;
	color: #000;
}

.infomation_mini_img {
	padding: 10px;
}

.infomation_mini_box {
	padding: 0;
	border: double 5px #f7fcfe;
	border-radius: 1rem;
	margin: 0;
	overflow: hidden;
	background-color: #fff ;
	filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.6));
}

.infomation_mini_text {
	color: #000;
	padding: 0px 10px 10px 10px;
	font-size: 14px;
	font-weight: bold;
}
.mini_infomation .adress_sub {
	display: block;
}

.mini_infomation .target_grade {
	display: block;
	color: #c9171e;
}

.infomation_mini_text .tel {
	font-size: 37px;
	line-height: 42px;
	color: #1e50a2;
	padding: 5px 0;
	border-top: dashed 3px #1e50a2;
	border-bottom: dashed 3px #1e50a2;
	margin: 1rem 0 0 0;
}

.infomation_mini_text .tel a {
	color: #1e50a2;
}

.infomation_mini_text .tel i {
	font-size: 23px;
	line-height: 23px;
	padding: 0 0.8rem 0 0;
}

.infomation_mini_text .tel span.business_hours {
	font-size: 12px;
	color: #000;
	display: block;
	text-align: center;
	line-height: 17px;
	padding: 2px 0;
}


.infomation_mini_text .btn_info {
	width: 100%;
	height: 40px;
	text-align: center;
	color: #fff;
	text-decoration: none;
	background-color: #1877f2;
	filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.6));
	display: block;
	margin: 15px 0 0 0;
	padding: 5px;
	font-size: 18px;
	border-radius: 5px;
}

.infomation_mini_text .btn_info:hover {
	background-color: #fff;
	color: #1877f2;
}

.infomation_mini_text .btn_info i {
	margin-right: 10px;
}

.closing {
	background-color: #f8e58c;
	text-align: center;
	font-size: 25px;
	padding: 60px 100px 30px 100px;
	font-weight: bold;
}


.closing p {
	padding: 30px 0;
	font-size: 20px;
}

.closing a.btn_entry {
	width: 100%;
	height: 140px;
	margin: 0 auto;
	display: block;
	color: #fff;
	text-align: center;
	text-decoration: none;
	background-color: #ff5792;
	padding: 30px;
	font-size: 40px;
	line-height: 40px;
	filter: drop-shadow(0.2rem 0.2rem 0.2rem rgba(0,0,0,0.6));
	border-radius: 10px;
}


.closing a.btn_entry:hover {
	background-color: #fdeff2;
	color: #ff5792;
	transition: all 3s;
}

.closing a.btn_entry span {
	font-size: 23px;
}


.block_bubble {
	background-color: #a0d8ef;
	z-index: -1;
	margin: 0;
	padding: 1px 0 0 0;
	text-align: center;
}

.block_bubble h2 {
	position: relative;
	color: #000;
	font-size: 40px;
	padding: 10px 0 0 0;
	margin: 80px 0 80px 0;
	border-bottom: 4px solid #fff;
	display: inline-block;
}


.bubble_wrap {
	display: grid;
    grid-template-columns: 280px 540px 280px;
	grid-template-rows: 200px;
	gap: 80px 0;
	text-align: center;
	padding: 0 0 140px 0;
}

.bubble_wrap .img_01 {
	grid-column: 1 / 2;
	grid-row: 1 / 2;
}

.bubble_wrap .img_02 {
	grid-column: 3 / 4;
	grid-row: 2 / 3;
}

.bubble_wrap .img_03 {
	grid-column: 1 / 2;
	grid-row: 3 / 4;
}

.bubble_wrap .img_04 {
	grid-column: 3 / 4;
	grid-row: 4 / 5;
}

.bubble_wrap .img_05 {
	grid-column: 1 / 2;
	grid-row: 5 / 6;
}

.bubble_wrap .img_06 {
	grid-column: 3 / 4;
	grid-row: 6 / 7;
}

.bubble_wrap .text_01 {
	grid-column: 2 / 4;
	grid-row: 1 / 2;
}

.bubble_wrap .text_02 {
	grid-column: 1 / 3;
	grid-row: 2 / 3;
}

.bubble_wrap .text_03 {
	grid-column: 2 / 4;
	grid-row: 3 / 4;
}

.bubble_wrap .text_04 {
	grid-column: 1 / 3;
	grid-row: 4 / 5;
}

.bubble_wrap .text_05 {
	grid-column: 2 / 4;
	grid-row: 5 / 6;
}

.bubble_wrap .text_06 {
	grid-column: 1 / 3;
	grid-row: 6 / 7;
}


.bubble_wrap img {
	width: 180px;
	height:180px;
	border-radius:50%;
	object-fit: cover;
	outline: 5px solid #fff;
	margin: 0;
	z-index: 15;
}

.bubble_wrap .img_01, .bubble_wrap .img_02, .bubble_wrap .img_03, .bubble_wrap .img_04, .bubble_wrap .img_05, .bubble_wrap .img_06 {
	z-index: 15;
}

.bubble_wrap .text_01, .bubble_wrap .text_02, .bubble_wrap .text_03, .bubble_wrap .text_04, .bubble_wrap .text_05, .bubble_wrap .text_06 {
	display: flex;
	align-items: center;
	font-size: 27px;
	line-height: 40px;
	font-weight: bold;
	position: relative;
}

.bubble_wrap .img_01, .bubble_wrap .img_03, .bubble_wrap .img_05 {
	padding: 0 0 0 80px;
}

.bubble_wrap .img_02, .bubble_wrap .img_04, .bubble_wrap .img_06 {
	padding: 0 80px 0 0;
}


.bubble_wrap .text_01, .bubble_wrap .text_03, .bubble_wrap .text_05 {
	padding: 60px 80px 0px 15px;
	margin: 0;
	text-align: left;
	z-index: 10;
    display: flex;
    align-items: start;
}

.bubble_wrap .text_02, .bubble_wrap .text_04, .bubble_wrap .text_06 {
	margin: 0;
	text-align: left;
	z-index: 10;
	padding: 60px 15px 0px 80px;
    display: flex;
    align-items: start;
}

.bubble_wrap .text_01:before {
	content:"1";
	color: #1e50a2;
	position: absolute;
	top: 10px;
	left: 20px;
	padding: 0 0 5px 0;
	font-size: 60px;
}


.bubble_wrap .text_02:after {
	content:"2";
	color: #1e50a2;
	position: absolute;
	top: 10px;
	left: 85px;
	padding: 0 0 5px 0;
	font-size: 60px;
}

.bubble_wrap .text_03:before {
	content:"3";
	color: #1e50a2;
	position: absolute;
	top: 10px;
	left: 20px;
	padding: 0 0 5px 0;
	font-size: 60px;
}


.bubble_wrap .text_04:after {
	content:"4";
	color: #1e50a2;
	position: absolute;
	top: 10px;
	left: 85px;
	padding: 0 0 5px 0;
	font-size: 60px;
}

.bubble_wrap .text_05:before {
	content:"5";
	color: #1e50a2;
	position: absolute;
	top: 10px;
	left: 20px;
	padding: 0 0 5px 0;
	font-size: 60px;
}


.bubble_wrap .text_06:after {
	content:"6";
	color: #1e50a2;
	position: absolute;
	top: 10px;
	left: 85px;
	padding: 0 0 5px 0;
	font-size: 60px;
}


.box_outline {
	padding: 0 100px;

}


.block_box h2 {
	text-align: center;
	margin: 50px 100px;
	position: relative;
	padding: 15px;
	font-size: 35px;
}

.block_box h2::before, .block_box h2::after {
	position: absolute;
	margin: 10px;
	width: 20px;
	height: 30px;
	content: '';
}

.block_box h2::before {
	border-left: #ee827c solid 3px;
	border-top: #ee827c solid 3px;
	top: 0;
	left: 0;
}

.block_box h2::after {
	border-right: #ee827c solid 3px;
	border-bottom: #ee827c solid 3px;
	bottom: 0;
	right: 0;
}

.box_wrap {
	margin: 0 0 80px 0;
	padding: 0px;
	border: 3px solid #ee827c;
	display: grid;
	grid-template-columns: 400px 1fr;
	grid-template-rows: 70px 86px 1fr;
	gap: 0;
}


.box_point {
	width: 100%;
	grid-column: 1 / 3;
	grid-row: 1 / 2;
	padding: 20px;
}

.box_point h3 {
	position: relative;
	overflow: hidden;
	padding: 12px 0 11px 70px;
	word-break: break-all;
	margin: 0;
	font-weight: bold;
	font-size: 28px;
	line-height: 28px;
}

.box_point h3 span {
	font-size: 30px;
	line-height: 30px;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	padding: 10px 10px 10px 10px;
	color: #fff;
	background-color: #ee827c;
}

.box_img {
	grid-column: 1 / 2;
	grid-row: 2 / 4;
	padding: 20px;
	z-index: 1;
	width: 400px;
	height: 280px;
}

.box_img img {
	width: 360px;
	height: 240px;
}

.box_text {
	grid-column: 2 / 3;
	grid-row: 3 / 4;
	font-size: 25px;
	font-weight: bold;
	line-height: 38px;
	padding: 0 20px 0 0;
}


.box_midashi {
	grid-column: 2 / 3;
	grid-row: 2 / 3;
	padding: 20px 20px 20px 0;
	margin: 0;
	display: block;
	float: left;
	width: 100%;
}

.box_midashi h3 {
	background-color: #f8e58c;
	text-align: center;
	padding: 10px;
	font-size: 26px;
	line-height: 26px;
	margin: 0;
}

.main_infomation {
	background-color: #1e50a2;
	padding: 100px 100px 50px 100px;
}

.infomation_img {
	padding: 10px;
	background-color: #fff;
	margin: 0 0 100px 0;
	border-radius: 5px;
	width : 350px;
	height: 245px;
	float: left;
}

.infomation_img img {
	width: 330px;
	height: 221px;
}

.infomation_text {
	font-size: 25px;
	font-weight: bold;
	color: #fff;
	padding: 0 0 0 20px;
	width: 550px;
	height: auto;
    float: right;
	height: 221px;
}

.infomation_text:after {
	clear: both;
}


.infomation_text h2 {
	font-size: 40px;
	color: #fff;
	border-bottom: 2px solid #fff;
	position: relative;
	color: #f8e58c;
	margin: 0;
}

.infomation_text span {
	font-size: 16px;
	font-weight: bold;
}

#gmap {
	width: 100%;
	height: 450px;
	padding: 0;
	margin: 0;
	color: #000;
}


.main_infomation div.tel {
	font-size: 80px;
	font-weight: bold;
	padding: 25px 0;
	color: #f8e58c;
	position: relative;
	text-align: center;
	margin: 30px 0; 
}

.main_infomation div.tel a {
	color: #f8e58c;
}

.main_infomation div.tel i {
	font-size: 40px;
	margin-right: 10px;
	color: #fff;
	vertical-align: middle;
}

.main_infomation div.tel span {
	font-size: 16px;
	font-weight: bold;
	display: block;
	padding-left: 50px;
	color: #fff;
}

.main_infomation .infomation_entry a.btn_entry {
	width: 100%;
	height: 140px;
	margin: 0 auto ;
	display: block;
	color: #fff;
	text-align: center;
	text-decoration: none;
	background-color: #ff5792;
	padding: 30px;
	font-size: 40px;
	font-weight: bold;
	line-height: 40px;
	filter: drop-shadow(0.2rem 0.2rem 0.2rem rgba(0,0,0,0.6));
	border-radius: 10px;
}

.main_infomation .infomation_entry a.btn_entry:hover {
	background-color: #fdeff2;
	color: #ff5792;
	transition: all 3s;
}

.main_infomation .infomation_entry a.btn_entry span {
	font-size: 22px;

}


.accordion_outline {
	display: grid;
	grid-template-rows: 1fr 1fr;
	grid-template-columns: 49% 49%;
	gap: 20px 2% ;
	margin: 80px 0;
}

.l-accordion {
	background-color: #fff;
	color: #000;
	border-radius: 10px;
	padding: 20px;
}


.l-accordion input {
	display: none;
}

.l-accordion label {
	font-size: 28px;
	font-weight: bold;
	border-bottom: solid 1px #1e50a2;
	display: block;
	color: #1e50a2;
}

.l-accordion ul {
	padding-left: 10px;
	padding-top: 15px;
}

.l-accordion ul li {
	font-size: 18px;
	font-weight: bold;
}

.l-accordion h3 {
	position: relative;
	background: #ffd98a;
	padding: 9px 7px 5px 45px;
	font-size: 14px;
	line-height: 14px;
	color: #474747;
	border-radius: 0 1rem 1rem 0;
	margin: 30px 0 0 0;
}

.l-accordion h3:before {
	font-family: "Font Awesome 6 Free";
	content: "\f135";
	display: inline-block;
	line-height: 3.7rem;
	position: absolute;
	padding: 0rem;
	color: white;
	background: #ffa337;
	font-weight: 900;
	width: 40px;
	text-align: center;
	height: 40px;
	line-height: 35px;
	left: -5px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	border: solid 3px white; 
	border-radius: 50%;
}


.accordion-inside_text {
	 font-size: 14px;
}

.accordion-inside_text p {
	font-size: 14px;
	line-height: 19px;
	font-weight: bold;
}


.l-accordion table {
	width: 100%;
	margin: 30px 0 30px 0;
	text-align: center;
	font-weight: bold;
}

.accordion-inside_text table td {
	border: solid 1px #bce2e8;
	padding: 3px;
}

.accordion-inside_text table td:first-child {
	width: 30%;
	background-color: #a0d8ef;
	color: #000;
}

.accordion-inside_text table tr:first-child td {
	background-color: #a0d8ef;
	color: #000;
}

.voice h2 {
	font-size: 35px;
	text-align: center;
	padding: 30px 0;
}

.arrows {
	display: none;
}


.slide-show {
	margin: 0 100px 0 100px; 
}

.slide-show div.slide_wrap {
	color: #000;
	margin: 0 0 50px 0;
	border: solid 2px #000;
	border-radius: 10px;
	font-size: 18px;
	padding: 50px;
	position: relative;
	width: 900px;
	height: auto;
	min-height: 250px;
}

.slide-show div.slide_wrap h3 {
	color: #1e50a2;
	font-size: 18px;
	line-height: 24px;
	padding: 3px 0 2px 10px;
	border-left: 10px solid #f8e58c;
}

.slide-show .slide_content {
	display: block;
	padding: 0 0 0 200px;
}

.slide-show .slide_title {
	padding: 10px 0 0 0;
	display: block;
	font-size: 25px;
	line-height: 32px;
	font-weight: bold;
	color: #ff5792;
}

.slide-show .slide_name {
	font-size: 20px;
	line-height: 25px;
	font-weight: bold;
	margin: 0 0 10px 0;
}


.slide-show .slide_tutor {
	font-size: 20px;
	line-height: 25px;
	font-weight: bold;
}


.slide-show .slide_level {
	font-size: 14px;
	line-height: 21px;
	font-weight: bold;
}

.slide-show img {
	width: 150px;
	height:150px;
	border-radius:50%;
	object-fit: cover;
	margin: 0 30px 0 0;
	outline: 1px solid  #333;
}

.slide-show .slide_image_box {
	float: left;
	display: block;
	width: 150px;
	margin: 0 50px 0 0;
}


.slide-show span {
	display: block;
	padding: 15px;
	margin: 0;
	z-index: 10;
	position: relative;
	font-size: 14px;
	font-weight: bold;
}

.staff h2 {
	font-size: 35px;
	text-align: center;
	padding: 30px 0;
}

.copyright {
	padding: 10px 0;
	text-align: center;
}

footer {
	display: none;
}


/*----- Slider -----*/
#slider{
	width: 725px;
	height: 483px;
	position: relative;
	overflow: hidden;
	background-color: #1e50a2;
	margin: 25px 25px 25px 0;
}

@keyframes load{
	from { left: -100%; }
	to { left: 0; }
}
#slider .slides{
	width: 400%;
	height: auto;
	position: relative;
	-webkit-animation: slide 26s infinite;
	-moz-animation: slide 26s infinite;
	animation: slide 26s infinite;
}
#slider .slider{
	width: 25%;
	height: 100%;
	float: left;
	position: relative;
	z-index: 1;
	overflow: hidden;
}
#slider .slide img{
	width: 100%;
	height: 100%;
}
#slider .slide img{
	width: 100%;
	height: 100%;
}
#slider .image{
	width: 100%;
	height: 100%;
}
#slider .image img{
	width: 100%;
	height: 100%;
}

/* Legend */
#slider .legend{
	height: 100px;
	width: 100%;
	background-color: rgba(46, 46, 46, 0.8);
	position: absolute;
	bottom: 0;
}

/* Contents */
#slider .content {
	height: 100px;
	width: 100%;
	position:absolute;
	bottom: 0;
}
#slider .content-txt{
	width: 100%;
	height: 100%;
	position:absolute;
	bottom: 0;
	-webkit-animation:content-s 6.5s infinite;
	-moz-animation:content-s 6.5s infinite;
	animation:content-s 6.5s infinite;
	padding: 10px;
}
#slider .content-txt h1{
	font-size: 20px;
	line-height: 24px;
	color: #f8e58c;
	font-weight: bold;
	text-align: center;
	margin: 0;
}
#slider .content-txt h2{
	font-weight: normal;
	font-size: 16px;
	line-height: 16px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	margin: 0.3rem 0 0 0;

}

/* Switch */
#slider .switch {
	width: 80px;
	height: 10px;
	position: absolute;
	bottom: 1;
	z-index: 10;
	left: 362.5px;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	padding: 0 0 0 20px;
}
#slider .switch > ul{
	list-style:none;
	margin: 1rem 0;
	padding: 0;
}
#slider .switch > ul > li{
	width: 1rem;
	height: 1rem;
	border-radius:50%;
	background:#999;
	float:left;
	margin-right:0.5rem;
	cursor:pointer;

}
#slider .switch ul{
	overflow:hidden;
}
#slider .on{
	width: 1rem;
	height: 1rem;
	border-radius: 50%;
	background: #fcc800;
	position: relative;
	-webkit-animation:on 26s infinite;
	-moz-animation:on 26s infinite;
	animation:on 26s infinite;
}

/* Animation */
@-webkit-keyframes slide{
	0%,100%{ margin-left:0%; }
	21%{ margin-left:0%; }
	25%{ margin-left:-100%; }
	46%{ margin-left:-100%; }
	50%{ margin-left:-200%; }
	71%{ margin-left:-200%; }
	75%{ margin-left:-300%; }
	96%{ margin-left:-300%; }
}
@-moz-keyframes slide{
	0%,100%{ margin-left:0%; }
	21%{ margin-left:0%; }
	25%{ margin-left:-100%; }
	46%{ margin-left:-100%; }
	50%{ margin-left:-200%; }
	71%{ margin-left:-200%; }
	75%{ margin-left:-300%; }
	96%{ margin-left:-300%; }
}
@keyframes slide{
	0%,100%{ margin-left:0%; }
	21%{ margin-left:0%; }
	25%{ margin-left:-100%; }
	46%{ margin-left:-100%; }
	50%{ margin-left:-200%; }
	71%{ margin-left:-200%; }
	75%{ margin-left:-300%; }
	96%{ margin-left:-300%; }
}

@-webkit-keyframes content-s{
	0%{ left:-600px; }
	10%{ left:20px; }
	15%{ left:0; }
	30%{ left:0; }
	40%{ left:0; }
	50%{ left:0; }
	60%{ left:0; }
	70%{ left:0; }
	80%{ left:-600px; }
	90%{ left:-600px; }
	100%{ left:-600px; }
}
@-moz-keyframes content-s{
	0%{ left:-42rem; }
	10%{ left:20px; }
	15%{ left:0; }
	30%{ left:0; }
	40%{ left:0; }
	50%{ left:0; }
	60%{ left:0; }
	70%{ left:0; }
	80%{ left:-600px; }
	90%{ left:-600px; }
	100%{ left:-600px; }
}
@keyframes content-s{
	0%{ left:-600px; }
	10%{ left:20px; }
	15%{ left:0; }
	30%{ left:0; }
	40%{ left:0; }
	50%{ left:0; }
	60%{ left:0; }
	70%{ left:0; }
	80%{ left:-600px; }
	90%{ left:-600px; }
	100%{ left:-600px; }
}

@-webkit-keyframes on{
	0%,100%{ margin-left:0%; }
	21%{ margin-left:0%; }
	25%{ margin-left:1.5rem; }
	46%{ margin-left:1.5rem; }
	50%{ margin-left:3rem; }
	71%{ margin-left:3rem; }
	75%{ margin-left:4.5rem; }
	96%{ margin-left:4.5rem; }
}

@-moz-keyframes on{
	0%,100%{ margin-left:0%; }
	21%{ margin-left:0%; }
	25%{ margin-left:1.5rem; }
	46%{ margin-left:1.5rem; }
	50%{ margin-left:3rem; }
	71%{ margin-left:3rem; }
	75%{ margin-left:4.5rem; }
	96%{ margin-left:4.5rem; }
}

@keyframes on{
	0%,100%{ margin-left:0%; }
	21%{ margin-left:0%; }
	25%{ margin-left:1.5rem; }
	46%{ margin-left:1.5rem; }
	50%{ margin-left:3rem; }
	71%{ margin-left:3rem; }
	75%{ margin-left:4.5rem; }
	96%{ margin-left:4.5rem; }
}

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



}/*------------------------------ PC END ------------------------------*/