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


/********* HTML再定義 ***********************************************/
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@100;300;400;500;700;800;900&display=swap');

html {
	-ms-text-size-adjust: 100%;
  height: 100%;
}
body {
	font-size: 62.5%;
	font-size: 1.8rem;
	font-size: 18px;
letter-spacing: 0.1em;
line-height: 200%;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-o-text-size-adjust: 100%;
	text-size-adjust: 100%;
	width: 100%;
	min-height: 100%;
	padding: 0;
	margin: 0 auto;
}

@media screen and (max-width: 834px){
body {
	font-size: 1.6rem;
	font-size: 16px;
	line-height: 180%;
}
}


p {
	margin: 0;
	padding: 0;
	margin-bottom: 1em;
}

.entry-content h3,
.entry-content h4,
.entry-content h5,
article h3,
article h4,
article h5 {
  margin: 0;
  margin-bottom: 1em;
  border: none;
  background: none;
  padding: 0;
}
ul,
ol,
dl {
  margin: 0;
  padding: 0;
}
p,
.entry-content p {
  margin: 0;
  padding: 0;
  margin-bottom: 1em;
}

a {
  color: #000;
  text-decoration: none;
}
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
  margin-bottom: 16px;
  line-height: 150%;
  background: none;
  border: none;
}

div table th, 
div table td {
font-weight: 400;
    font-size: 1em;
}
.anchorlink {
    position: relative;
    top: 0;
    display: block;
}

@media screen and (max-width: 834px){
.anchorlink {
    position: relative;
    top: -60px;
    display: block;
}
}


/********* 全体 ***********************************************/

.eye-catch-wrap {
border: 5px solid #DDD;
margin-bottom: 24px;
}
figure {
width: 100%;
}
.eye-catch-wrap img {
display: block;
width: 100%;
height: auto;
}
@media screen and (max-width: 834px){
.eye-catch-wrap {
border: 3px solid #DDD;
margin-bottom: 16px;
}
}
.eye-catch {
display: block;
margin: 0 auto;
max-width: 100%;
}
.eye-catch-image {
display: block;
    width: 100%;
    height: auto;
	max-width: none;
    padding: 0;
    margin: 0;
    border: none;
    vertical-align:bottom

}

/************************************
** ヘッダーレイアウト ヘッダー固定時崩れ防止
************************************/
.header-container-in.hlt-top-menu {
  display: block;
  margin: 0 auto;
  width: 100%;
}


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


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

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 560px){
  /*必要ならばここにコードを書く*/
}



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


#header-container {
	padding: 0;
	margin: 0;
	z-index: 1000;
	line-height: 100%;
}
#header-container-in {
	padding: 0 !important;
	width: auto;
	margin: 0 auto;
	max-width: 1160px;
	line-height: 100%;
}
@media screen and (max-width: 1023px){
#header-container {
	min-width: inherit;
	z-index: 1000;
	border: none;
	padding: 0;
	margin: 0;
	height: 0;
}
#header-container-in {
	width: auto;
	min-width: inherit;
	padding: 0;
	margin: 0;
}
}

header {
margin: 0;
padding: 0;
padding-top: 0;
}
/*モバイルヘッダー*/
.mobile-header-menu-buttons {
  color: #FFF;
  background-color: #0168b7;
}
.mobile-header-menu-buttons.mobile-menu-buttons .menu-button {
  color: #FFF;
  background-color: #0168b7;
}

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

  
.logo-menu-button.menu-button{
margin: 6px 0;
margin-bottom: 6px;
margin-left: 10%;
padding: 0 0;
height: 50px;
}
.logo-menu-button.menu-button img {
margin: 0 0;
padding: 0 0;
width: auto;
max-width: 100%;
height: auto !important;
min-height: inherit !important;
}
}


.mobile-footer-menu-buttons.mobile-menu-buttons .navi-menu-button.menu-button {
  background-color: #0168b7;
  border-right: 1px solid #FFF;
}
.mobile-footer-menu-buttons.mobile-menu-buttons .custom-menu-icon {
  color: #fabd00;
}

.mobile-footer-menu-buttons.mobile-menu-buttons .menu-caption {
  color: #FFF;
}

/*モバイルボタンメニューを右から開く*/
.navi-menu-content {
  right: 0;
  left:unset;
  -webkit-transform: translateX(105%);
  transform: translateX(105%);
}
/*モバイルボタンメニュー閉じるボタンを右側に*/
.menu-close-button{
  text-align:right;
  padding-right:10px;
  color: #000;
}
li.navi-menu-button.menu-button {
margin-top: 0;
}

@media screen and (max-width: 1023px){
li.navi-menu-button p {
display: none;
}
}

#header-in {
	display: block;
	margin: 0;
	padding: 0 15px;
	padding-top: 5px;
}
h1 {
	width: 390px;
	margin: 0;
	padding: 0;
}
h1.logo {
	display: inline-block;
	margin: 0;
}
h1.logo img {
	display: block;
	width: 100%;
	max-height: inherit !important;
}


.head_top_contact {
position: relative;
float: right;
display: flex;
}
@media screen and (max-width: 1023px){
.head_top_contact {
	display: none;
}
}

ul.head_contact {
	margin: 0;
	margin-top: -16px;
	margin-left: 30px;
	padding: 0;
}
ul.head_contact li {
line-height: 150%;
display: inline-block;
vertical-align: top;
list-style: none;
	margin: 0;
	margin-left: 10px;
	padding: 0;
	white-space: nowrap;
}
ul.head_contact li a {
	display: block;
	margin: 0;
	padding: 10px 12px;
	padding-top: 33px;
	min-width: 150px;
	text-decoration: none;
	background-color: #FFF;
	color: #53c0c7;
	font-weight: 500;
	letter-spacing: 0.2em;
	text-align: center;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
}

ul.head_contact li a:hover {
	text-decoration: none;
	padding-top: 38px;
    transition: all 0.7s;
}
ul.head_sns {
display: flex;
	margin: 0;
	margin-top: 20px;
	padding: 0;
}
ul.head_sns li {
line-height: 150%;
display: inline-block;
vertical-align: bottom;
list-style: none;
	margin: 0;
	margin-left: 20px;
	padding: 0;
}
ul.head_sns li a {
display: block;
text-decoration: none;
color: #FFF;
}
ul.head_sns li a:hover {
    transition: all 0.7s;
color: #CCC;
}
ul.head_sns li i {
font-size: 180%;
}
.clearText {
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
/************************************
** グローバルメニュー
************************************/
.navi {
  background: none;
  border-top: 1px solid #FFF;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
}
.navi-in {
padding: 0;
margin: 0 auto;
max-width: 1160px;
}

.navi .item-label,
.navi .item-description {
  display: block;
  overflow: inherit;
}
@media screen and (max-width: 1023px){
.navi {
	display: none;
}
}

@media screen and (min-width: 1023px){
.navi-in > ul {
  line-height: 130%;
}

.navi-in > ul li {
  width: auto;
  height: auto;
  letter-spacing: 0.2em;
  margin: 0 0.3%;
  line-height: 130%;
  position: relative;
}
.navi-in a:hover {
  transition: all 0.3s ease-in-out;
  color: #333;
}
.navi-in > ul li p {
  font-weight: 600;
  font-family: 'Hind', sans-serif;
  letter-spacing: 0.2em;
  line-height: 150%;
  margin-bottom: 0;
}
.navi-in > ul li a {
position: relative;
  display: block;
  padding: 8px 10px;
  padding-bottom: 10px;
  height: auto !important;
}
/*
.navi-in > ul li a {
position: relative;
  display: block;
  padding: 10px 10px;
  padding-top: 26px;
  height: auto !important;
}
.navi-in > ul li a:before {
position: absolute;
	transform: translateX(-50%);
content:"○";
top: 2%;
left: 50%;
  font-size: 80%;
}
*/
.navi-in > ul li a:hover p {
color: #FF0;
    transition: all 0.7s;
}
/*
.navi-in > ul li a:hover::before {
content:"●";
    transition: all 0.7s;
}
*/
}




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

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


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

.copyright {
display: block;
margin: 0;
padding: 0;
line-height: 130%;
color: #FFF;
text-align: center;
font-size: 90%;
letter-spacing: 0;
}
@media only screen and (max-width: 834px) {
.copyright {
font-size: 80%;
padding: 1.5em;
}
}

#footer {
	clear: both;
	display: block;
	margin: 0 auto;
	border-top: 1px solid #53c0c7;
	padding: 0 0;
line-height: 130%;
}
#footer-in {
	display: block;
	margin: 0 auto;
}
.footer-in {
padding: 2em;
}
@media only screen and (max-width: 834px) {
#footer-in {
	padding: 0 0;
}
.footer-in {
	padding: 0 0;
}
}

.footer-bottom {
padding: 0;
margin: 0;
}
.foot_menu_wrap {
display: block;
margin-bottom: 50px;
}
@media only screen and (max-width: 834px) {
.foot_menu_wrap {
margin-bottom: 0;
}
}

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

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

ul.foot_menu {
margin: 0;
padding: 0;
}
ul.foot_menu li {
display: block;
list-style: none;
margin: 0;
padding: 0;
margin-bottom: 5px;
}
ul.foot_menu li a {
position: relative;
display: block;
padding-left: 1.1em;
color: #FFF;
}
ul.foot_menu li a:hover {
text-decoration: underline;
color: #FF0;
}
ul.foot_menu li a:before {
position: absolute;
margin-left: -1.1em;
  content: '\f105';
  font-family: "Font Awesome 5 Free";
 font-weight: 900;
color: #FF0;
}

ul.foot_menu li a:hover::before {
color: #FFF;
}
ul.foot_menu ul {
margin: 0;
margin-left: 1.2em;
padding: 0;
}
ul.foot_menu li ul li {
margin: 0;
padding: 0;
font-size: 90%;
}

ul.foot_menu li ul li a {
padding-left: 0;
}
ul.foot_menu li ul li a:before {
display: none;
  content: '';
}
@media only screen and (max-width: 834px) {
ul.foot_menu {
border-bottom: 1px solid #DDD;
}
ul.foot_menu li {
margin-bottom: 0;
border-top: 1px solid #DDD;
}
ul.foot_menu li a {
padding: 1em 1em;
padding-left: 1.5em;
background-color: #FFF;
color: #39a9ab !important;
}
ul.foot_menu li a:hover {
text-decoration: none;
background-color: #DDD;
color: #39a9ab !important;
}
ul.foot_menu li a:before {
color: #fabd00 !important;
margin-left: -1.0em;
}
ul.foot_menu ul {
margin: 0;
padding: 1.5em;
background-color: #FFF;
}

ul.foot_menu li ul li {
display: inline-block;
margin-right: 1.5em;
border: none;
}

ul.foot_menu li ul li a {
padding: 0;
background: none;
color: #39a9ab !important;
}
ul.foot_menu li ul li a:hover {
padding: 0;
background: none;
color: #39a9ab !important;
text-decoration: underline;
}
}

/************************************
** メイン
************************************/
#main_top {
position: relative;
background-color: #fabd00;
color: #39a9ab;
}
@media only screen and (max-width: 834px) {
#main_top {
	height: auto;
	margin-top: 60px;
}
}
.pic_main_img {
position: absolute;
	top: 0%;
	left: 50%;
	transform: translateX(-50%);
object-fit: cover;
width: 100%;
height: 100%;
}



table.table_main {
table-layout: fixed;
margin: 0;
padding: 0;
border: none;
background: none;
width: 100%;
}
table.table_main tr, table.table_main th, table.table_main td {
margin: 0;
padding: 0;
background: none;
border: none;
}

table.table_main td {
position: relative;
text-align: center;
}
table.table_main td:nth-child(odd) {
overflow: hidden;
}


table.table_main td:nth-child(odd):after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 55vw 100px;
  border-color: transparent transparent #fabd00 transparent;
  position: absolute;
  bottom: 0;
  right: 0;
}

table.table_main td:nth-child(even) {
padding: 2% 1%;
padding-left: 0;
width: 45%;
}


@media screen and (max-width: 834px){
table.table_main td {
display: block;
}
table.table_main td:nth-child(even) {
padding: 8px 2%;
padding-bottom: 24px;
width: auto;
}
.table_main_pic {
        position: inherit;
		object-fit: contain;
		display: block;
		margin: 0 auto;
	transform: translateX(0) translateY(0);
		left: 0;
		top: 0;
		width: 100%;
		height: auto;
}
/*
table.table_main td:nth-child(odd):after {
  border: none;
}
*/
table.table_main td:nth-child(odd):after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 40px 100vw;
  border-color: transparent transparent #fabd00 transparent;
  position: absolute;
  bottom: 0;
  right: inherit;
  left: 0;
}

}

.txt_wave_logo {
	opacity: 0;
  animation-name: txt_main001;
  animation-duration:2s; /*アニメーション時間*/
  animation-delay:0s; /*アニメーション開始させる時間*/
  animation-timing-function: ease; /*アニメーションさせるイージング*/
  animation-iteration-count:1; /*繰り返し回数*/
  animation-fill-mode: forwards; /*アニメーション後のスタイルをどうするか*/
  -webkit-animation-fill-mode: forwards;
}
.txt_wave_logo.imagecenter00 {
max-width: 80%;
}

.main_top h2 {
font-family: 'Noto Sans JP', sans-serif;
font-size: 200%;
font-weight: 700;
}

.txt_wave002 h3 {
font-family: 'Noto Sans JP', sans-serif;
font-size: 3vw;
font-weight: 700;
margin-bottom: 0;
}


ul.txt_wave {
margin: 0;
margin-bottom: 30px;
padding: 0;
}
ul.txt_wave li {
display: inline-block;
list-style: none;
font-family: 'Noto Sans JP', sans-serif;
font-size: 4vw;
font-weight: 700;
line-height: 150%;
margin: 0;
padding: 0;
	opacity: 0;
  animation-name: txt_main001;
  animation-duration:2s; /*アニメーション時間*/
  animation-delay:0s; /*アニメーション開始させる時間*/
  animation-timing-function: ease; /*アニメーションさせるイージング*/
  animation-iteration-count:1; /*繰り返し回数*/
  animation-fill-mode: forwards; /*アニメーション後のスタイルをどうするか*/
  -webkit-animation-fill-mode: forwards;
}
@media only screen and (max-width: 1200px) {
ul.txt_wave {
margin-bottom: 15px;
}
}
@media only screen and (max-width: 834px) {
.txt_wave_logo.imagecenter {
max-width: 70%;
margin-bottom: 8px;
}
ul.txt_wave li {
font-size: 8vw;
}
.txt_wave002 h3 {
font-size: 5.5vw;
}
}

ul.txt_wave li:nth-child(1) {
    animation-delay: 0.1s;
    -webkit-animation-delay: 0.1s;
}
ul.txt_wave li:nth-child(2) {
    animation-delay: 0.2s;
    -webkit-animation-delay: 0.2s;
}
ul.txt_wave li:nth-child(3) {
    animation-delay: 0.3s;
    -webkit-animation-delay: 0.3s;
}
ul.txt_wave li:nth-child(4) {
    animation-delay: 0.4s;
    -webkit-animation-delay: 0.4s;
}
ul.txt_wave li:nth-child(5) {
    animation-delay: 0.5s;
    -webkit-animation-delay: 0.5s;
}
ul.txt_wave li:nth-child(6) {
    animation-delay: 0.6s;
    -webkit-animation-delay: 0.6s;
}
ul.txt_wave li:nth-child(7) {
    animation-delay: 0.7s;
    -webkit-animation-delay: 0.7s;
}
ul.txt_wave li:nth-child(8) {
    animation-delay: 0.8s;
    -webkit-animation-delay: 0.8s;
}
ul.txt_wave li:nth-child(9) {
    animation-delay: 0.9s;
    -webkit-animation-delay: 0.9s;
}
ul.txt_wave li:nth-child(10) {
    animation-delay: 1.0s;
    -webkit-animation-delay: 1.0s;
}
ul.txt_wave li:nth-child(11) {
    animation-delay: 1.1s;
    -webkit-animation-delay: 1.1s;
}
ul.txt_wave li:nth-child(12) {
    animation-delay: 1.2s;
    -webkit-animation-delay:1.2s;
}
ul.txt_wave li:nth-child(13) {
    animation-delay: 1.3s;
    -webkit-animation-delay: 1.3s;
}
ul.txt_wave li:nth-child(14) {
    animation-delay: 1.4s;
    -webkit-animation-delay: 1.4s;
}
ul.txt_wave li:nth-child(15) {
    animation-delay: 1.5s;
    -webkit-animation-delay: 1.5s;
}
ul.txt_wave li:nth-child(16) {
    animation-delay: 1.6s;
    -webkit-animation-delay: 1.6s;
}
ul.txt_wave li:nth-child(17) {
    animation-delay: 1.7s;
    -webkit-animation-delay: 1.7s;
}
ul.txt_wave li:nth-child(18) {
    animation-delay: 1.8s;
    -webkit-animation-delay: 1.8s;
}

@-webkit-keyframes txt_main001 {
  0% {opacity: 0; transform: translate3d(0,30px,0);}
  100% {opacity: 1; transform: translate3d(0,0,0);}
}
@keyframes txt_main001 { 
  0% {opacity: 0; transform: translate3d(0,30px,0);}
  100% {opacity: 1; transform: translate3d(0,0,0);}
}
.txt_wave002 {
margin: 0;
padding: 0;
	opacity: 0;
  animation-name: txt_main001;
  animation-duration:2s; /*アニメーション時間*/
  animation-delay:2s; /*アニメーション開始させる時間*/
  animation-timing-function: ease; /*アニメーションさせるイージング*/
  animation-iteration-count:1; /*繰り返し回数*/
  animation-fill-mode: forwards; /*アニメーション後のスタイルをどうするか*/
  -webkit-animation-fill-mode: forwards;
}

/********* ページ *************************************************/

.content_section1em {
display: block;
margin-bottom: 1em;
}
.content_section {
display: block;
margin-bottom: 24px;
}
.content_section80 {
display: block;
margin-bottom: 80px;
}
.content_section40 {
display: block;
margin-bottom: 40px;
}


@media only screen and (max-width: 1180px) {
.content_section {
margin-bottom: 24px;
}
.content_section80 {
display: block;
margin-bottom: 60px;
}
.content_section40 {
margin-bottom: 32px;
}
}
@media only screen and (max-width: 834px) {
.content_section {
margin-bottom: 16px;
}
.content_section40 {
margin-bottom: 24px;
}
.content_section40map {
margin-bottom: 24px;
}
}
@media only screen and (max-width: 640px) {
.content_section {
margin-bottom: 16px;
}
.content_section40 {
margin-bottom: 16px;
}
.content_section40map {
display: block;
margin-bottom: 0;
}
}




/************************************
** アニメーション
************************************/

.flow_move02 {
animation-delay: 0.2s;
}
.flow_move03 {
animation-delay: 0.4s;
}
.flow_move04 {
animation-delay: 0.6s;
}
.flow_move05 {
animation-delay: 0.8s;
}
.flow_move201 {
animation-delay: 0.2s;
}
.flow_move202 {
animation-delay: 0.4s;
}
.flow_move203 {
animation-delay: 0.6s;
}
.flow_move204 {
animation-delay: 0.8s;
}

.flow_move301 {
animation-delay: 0.2s;
}
.flow_move302 {
animation-delay: 0.4s;
}
.flow_move303 {
animation-delay: 0.6s;
}
.flow_move304 {
animation-delay: 0.8s;
}

.flow_move401 {
animation-delay: 1.0s;
}
.flow_move402 {
animation-delay: 1.2s;
}
.flow_move403 {
animation-delay: 1.3s;
}
.flow_move401pic {
animation-delay: 0.2s;
}
.flow_move402pic {
animation-delay: 0.4s;
}
.flow_move403pic {
animation-delay: 0.6s;
}
.flow_move404pic {
animation-delay: 0.8s;
}



/************************************
** タイトル
************************************/
#title {
position: relative;
z-index: -1;
	clear: both;
	display: block;
	margin: 0 auto;
	margin-bottom: 0;
}
.title {
position: relative;
	display: block;
	padding: 16px 0;
	margin: 0 auto;
	text-align: center;
}
.title h2 {
font-family: Arial, Helvetica, "sans-serif";
font-weight: 900;
	margin: 0;
	margin-bottom: 0;
	padding: 0;
	color: #0168b7;
}

@media screen and (max-width: 834px){
#title {
	margin-top: 60px;
	margin-bottom: 0;
}
.title {
	width: auto;
	padding: 16px 0;
	margin-top: 60px;
	margin-bottom: 0;
}
}


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


.top_side_title {
        position: absolute;
		z-index: 2;
	transform: translateX(-50%) translateY(-50%) rotate(-90deg);
		left: -1.5em;
		top: 50%;
  font-weight: 800;
  color: #0168b7;
  font-family: 'Hind', sans-serif;
  margin: 0;
  padding: 0;
  letter-spacing: 0.3em;
}
.top_side_title_tt {
        position: absolute;
		z-index: 2;
	transform: translateX(-50%) translateY(-50%);
		left: -28px;
		top: 50%;
  margin: 0;
  padding: 0;
  width: 39px;
}
.top_consept_content .top_side_title {
color: #DDD;
}
.top_course_content .top_side_title {
color: #39a9ab;
}
.top_lesson_content .top_side_title {
color: #39a9ab;
}

.top_news_content .top_side_title {
color: #39a9ab;
}
.top_sns_content .top_side_title {
color: #39a9ab;
}
.top_access_content .top_side_title {
color: #DDD;
}


@media screen and (max-width: 1180px){
.top_side_title {
left: 0.00em;
}
.content .top_side_title {
left: -1.1em;
}
.content .top_side_title_tt {
		left: 0.5em;
  width: 2em;
}
}



@media only screen and (max-width: 834px) {
.top_side_title {
left: -3em;
}

.content .top_side_title {
left: -0.75em;
top: 50%;
}
.top_access_content .top_side_title {
top: 50%;
left: -0.4em;
}
.content-in.topsidetitle {
margin-left: 2em;
}

.top_consept_content .top_side_title {
top: 25%;
}
.content .top_side_title_tt {
left: 0.4em;
  width: 1.3em;
}
}

h3.top_title {
font-weight: 600;
  letter-spacing: 0.3em;
}
h3.top_title span {
font-weight: 400;
line-height: 110%;
font-size: 65%;
  letter-spacing: 0.1em;
}


h4.top_title {
font-weight: 900;
color: #e55d75;
}

h5.top_title {
display: inline-block;
padding: 5px 5%;
border-bottom: 1px solid #53c0c7;
}

h4.top_tel {
font-weight: 800;
	font-size: 130%;
	color: #0168b7;
	letter-spacing: 0.3em;
}

a {
  text-decoration: none;
}
h4.top_tel:before {
	content: '';/*何も入れない*/
  display: inline-block;/*忘れずに！*/
  width: 25px;/*画像の幅*/
  height: 27px;/*画像の高さ*/
  background-image: url(../../uploads/2022/01/Icon_tatetel.png);
  background-size: contain;
  background-repeat: no-repeat; 
  vertical-align: middle;
}

@media only screen and (max-width: 834px) {
h3.top_title {
font-size: 6vw;
  letter-spacing: 0.2em;
  margin-bottom: 15px;
}
h3.top_title span {
line-height: 110%;
font-size: 75%;
  letter-spacing: 0.1em;
}
h4.top_title {
font-size: 120%;
  margin-bottom: 15px;
}
h5.top_title {
font-size: 3.5vw;
}
}






.top_flow_content {
padding: 5% 0;
position: relative;
background-color: #e8f2f9;
overflow: hidden;
}


.top_lessonflow_content {
overflow: hidden;
background-color: #b7d7f7;
padding: 5% 0;
}
.top_white_content {
overflow: hidden;
margin-top: -35px;
background-color: #b7d7f7;
padding: 5% 0;
}

.top_flow_content .content,
.top_lessonflow_content .content,
.top_white_content .content {
margin-bottom: 0;
}
@media only screen and (max-width: 834px) {
.top_pic_content,
.top_flow_content,
.top_lessonflow_content,
.top_white_content {
padding: 5% 0 !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
}
}






.top_pic_content .main {
padding-left: 0.5%;
}

.top_pic_content .main {
padding-left: 8%;
}
.top_flow_content .main {
}

.top_pic_content .inner {
max-width: 75%;
margin: 0;
}

.top_flow_content .inner {
max-width: 50%;
margin: 0;
text-align: center;
}


.top_flow_content .inner {
max-width: inherit;
}



ul.list_top_lesson {
margin: 0;
padding: 0;
text-align: left;
}
ul.list_top_lesson li {
position: relative;
clear: both;
display: block;
margin: 0 20px;
margin-bottom: 20px;
padding: 0;
}
ul.list_top_lesson li:after {
position: absolute;
  content: '\f358';
  font-family: "Font Awesome 5 Free";
 font-weight: 400;
 color: #53c0c7;
 font-size: 180%;
 bottom: -50px;
	transform: translateX(-50%);
 left: 50%;
}

ul.list_top_lesson li:last-child:after {
display: none;
  content: '';
}
ul.list_top_lesson li:nth-child(odd):after {
transform: rotate(-45deg)
}
ul.list_top_lesson li:nth-child(even):after {
transform: rotate(45deg)
}

ul.list_top_lesson li p {
display: inline-block;
background-color: #F5F5F5;
margin-bottom: 0;
padding: 1em;
text-align: left;
}
ul.list_top_lesson li .imagecenter00 {
max-width: 90%;
}

ul.list_top_lesson li:nth-child(odd) {
margin-right: 45%;
}
ul.list_top_lesson li:nth-child(even) {
margin-left: 45%;
}

ul.list_top_lesson li:last-child {
margin-bottom: 0;
}
@media only screen and (max-width: 834px) {
ul.list_top_lesson li:after {
 font-size: 180%;
 bottom: -30px;
 left: 50%;
}
ul.list_top_lesson li:nth-child(odd) {
margin-right: 25%;
}
ul.list_top_lesson li:nth-child(even) {
text-align: right;
margin-left: 25%;
}
ul.list_top_lesson li .imagecenter00 {
max-width: 50%;
}
ul.list_top_lesson li:nth-child(odd)  .imagecenter00 {
margin-left: 0
}
ul.list_top_lesson li:nth-child(even)  .imagecenter00 {
margin-right: 0;
}
ul.list_top_lesson li:nth-child(odd):after {
 left: 25%;
}
ul.list_top_lesson li:nth-child(even):after {
 right: 25%;
}

}

@media only screen and (max-width: 834px) {
ul.list_top_lesson li .imagecenter00 {
max-width: 70%;
}
}

p.top_plat_txt {
font-size: 130%;
font-weight: 600;
line-height: 200%;
letter-spacing: 0;
}
p.top_plat_txt ruby {
}
p.top_plat_txt rb {
color: #39a9ab;
}
p.top_plat_txt rt {
color: #39a9ab;
}


@media only screen and (max-width: 834px) {
p.top_plat_txt {
font-size: 3.5vw;
}

}


ul.list_top_about {
margin: 0;
padding: 0;
}
ul.list_top_about li {
position: relative;
list-style: none;
margin: 0;
padding: 0;
padding-left: 30px;
line-height: 150%;
margin-bottom: 15px;
}
ul.list_top_about li:last-child {
margin-bottom: 0;
}
ul.list_top_about li:before {
position: absolute;
  content: '\f1ae';
  font-family: "Font Awesome 5 Free";
  margin-left: -30px;
 font-weight: 900;
 color: #53c0c7;
 font-size: 180%;
}




.top_flow_pic_set {
position: absolute;
	transform: translateY(-50%);
	top: 50%;
	right: -5%;
width: 46%;
}

.top_flow_img {
position: relative;
overflow: hidden;
border-radius: 50%;
border-top-right-radius: 0%;
display: block;
height: 0;
padding-bottom: 100%;
}
.top_flow_img img {
	position: absolute;
	display: block;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	object-fit: cover;
	width: 100%;
	height: 100%
}
@media only screen and (max-width: 834px) {
.top_flow_pic_set {
position: inherit;
	right: inherit;
	transform: translateY(0%);
	top: inherit;
	display: block;
width: auto;
margin: 0 auto;
margin-top: -40px;
margin-bottom: -20px;
}
.top_flow_img {
display: block;
border-top-right-radius: 50%;
height: 0;
padding-bottom: 100%;
}
}

table.top_news {
margin: 0;
margin-bottom: 32px;
padding: 0;
table-layout: auto;
width: 100%;
background: none;
border-collapse: collapse;
}
table.top_news tr, table.top_news th, table.top_news td {
margin: 0;
padding: 0;
background: none;
border: none;
}

table.top_news th, table.top_news td {
border-top: 1px solid #0168b7;
border-bottom: 1px solid #0168b7;
}
table.top_news th {
width: 15%;
padding: 0;
background-color: #F5F5F5;
}
@media only screen and (max-width: 834px) {
table.top_news {
margin: 0 3%;
width: 96%;
margin-bottom: 24px;
}
table.top_news th {
width: 25%;
}
}
.top_cap_img {
position: relative;
width: 100%;
height: 0;
padding-bottom: 76%;
}

.top_cap_img img {
position: absolute;
display: block;
object-fit: contain;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
max-width: 100%;
max-height: 100%;
}
table.top_news td {
padding: 15px 15px;
}
table.top_news td p {
margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	line-height: 150%;
}
@media only screen and (max-width: 834px) {
table.top_news td p {
margin: 0;
    overflow: inherit;
    text-overflow: inherit;
    white-space: inherit;
}
table.top_news td {
padding-right: 0;
}
}



h4.top_title_access {
  color: #53c0c7;
  font-weight: 400;
  font-size: 110%;
  letter-spacing: 0.2em;
}
.box_top_access_add {
position: relative;
display: block;
padding-top: 5%;
padding-bottom: 10px;
margin-bottom: 15px;
}
/*
.box_top_access_add:after {
  position: absolute;
  bottom: 0;
  left: calc(50% - 30px);
  width: 60px;
  height: 1px;
  content: '';
  background: #000;
}
*/
.box_top_access_add .imagecenter {
max-width: 55%;
}
.box_top_access_add .image_plata {
display: block;
max-width: 15%;
margin: 0 auto;
margin-bottom: 20px;
}

.box_top_access_tel {
position: relative;
display: block;
margin-bottom: 10px;
  color: #53c0c7;
  font-size: 200%;
  letter-spacing: 0.25em;
  font-weight: 600;
  line-height: 130%;
  font-family: 'Hind', sans-serif;
  padding: 10px;
  padding-left: 40px;
}
.box_top_access_tel a {
  color: #53c0c7;
  text-decoration: none;
}
.box_top_access_tel:before {
position: absolute;
content:"TEL";
margin-top: -5px;
margin-left: -40px;
font-size: 60%;
  letter-spacing: 0.1em;
	transform: rotate(-90deg);
}
 h5.title_top_access {
  color: #53c0c7;
  font-size: 110%;
  letter-spacing: 0.25em;
  font-weight: 600;
  line-height: 130%;
  text-align: left;
  margin-bottom: 5px;
  font-family: 'Hind', sans-serif;
}
.box_top_access_map_wrap {
position: relative;
display: block;
}
.box_top_access_map_wrap h5 {
  color: #53c0c7;
  font-size: 110%;
  letter-spacing: 0.25em;
  font-weight: 600;
  line-height: 130%;
  text-align: left;
  margin-bottom: 5px;
  font-family: 'Hind', sans-serif;
}
.top_access_trafic {
padding: 0 20%;
line-height: 150%;
font-size: 90%;
}
.box_top_access_map {
position: relative;
display: block;
padding-bottom: 38.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.box_top_access_map_half {
position: relative;
display: block;
padding-bottom: 57%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.box_top_access_map iframe,
.box_top_access_map object,
.box_top_access_map embed,
.box_top_access_map_half iframe,
.box_top_access_map_half object,
.box_top_access_map_half embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
@media screen and (max-width: 834px){
.box_top_access_map_wrap {
margin-bottom: 0;
}
.box_top_access_map {
padding-bottom: 68.25%;
}
.box_top_access_add {
padding-top: 0;
margin-bottom: 0;
}
.box_top_access_add .imagecenter {
margin-bottom: 15px;
}.box_top_access_add .image_plata {
max-width: 15%;
margin-bottom: 20px;
}
}

h4.top_title_trial {
font-size: 200%;
font-weight: 400;
}

.box_top_trial {
display: block;
margin: 0 12%;
margin-top: 50px;
padding: 8% 5%;
border: 15px solid #53c0c7;
border-radius: 15px;
}
.box_top_trial h5 {
color: #53c0c7;
}
@media screen and (max-width: 1200px){
.box_top_trial {
margin: 0 5%;
}
}

@media screen and (max-width: 834px){
.box_top_trial {
margin: 0 5%;
margin-top: 30px;
padding: 8% 5%;
}
.box_top_trial h5 {
font-size: 3.5vw;
}
.top_access_trafic {
font-size: 100%;
padding: 0 0;
}
}

.box_top_join_content {
display: block;
margin: 0 0;
padding: 8% 5%;
text-align: center;
border: 15px solid #53c0c7;
border-radius: 15px;
}
.box_top_trial_content {
display: block;
margin: 0 0;
padding: 8% 5%;
text-align: center;
border: 15px solid #53c0c7;
border-radius: 15px;
}
.box_top_trial_content h5 {
color: #53c0c7;
}
@media screen and (max-width: 834px){
.box_top_trial_content {
padding: 8% 5%;
}
.box_top_trial02 h5 {
font-size: 3.5vw;
}
}


/************************************
** NEWS
************************************/

.entry_newstitle {
display: block;
padding: 5px 1em;
border: none;
border-left: 5px solid #53c0c7;
margin-bottom: 15px;
}
.entry_newstitle h4 {
padding: 0;
margin: 0;
font-size: 140%;
border: none;
color: #0168b7;
}
.entry_newstitle h4 a {
text-decoration: none;
color: #0168b7;
}

.news_pic_thumb {
position: relative;
display: block;
max-width: 35%;
margin-left: 5%;
float: right;
}
.news_pic_thumb img {
display: block;
margin: 0 auto;
max-width: 100%;
}

.eye-catch-wrap {
}


/************************************
** アイキャッチ配置
************************************/

.eyecatch_center {
display: block;
margin: 0 auto;
margin-bottom: 30px;
}
.eyecatch_right {
float: right;
max-width: 45%;
margin-left: 5%;
margin-bottom: 10px;
}
@media screen and (max-width: 834px){
.eyecatch_right {
float: none;
max-width: inherit;
margin: 0 auto;
margin-bottom: 30px;
}
}
.eyecatch_center img, .eyecatch_right img {
display: block;
margin: 0 auto;
max-width: 100%;
}



/************************************
** 見出しタイトル
************************************/

h4.title_yellow {
background-color: #FF0;
color: #F30;
padding: 0.5em;
font-weight: 900;
text-align: center;
border-radius: 15px;
margin-bottom: 20px;
}
@media screen and (max-width: 834px){
h4.title_yellow {
font-size: 5vw;
}
}
h4.ttl_line1 {
  font-weight: bold;
  border-left: 5px solid #39a9ab;
  border-bottom: 1px dashed #B4B4B4;
  padding: 0.25em 0 0.3em 0.5em;
  margin-bottom: 16px;
}
@media screen and (max-width: 834px){
h4.ttl_line1 {
  font-weight: bold;
  border-left: 5px solid #39a9ab;
  border-bottom: 1px dashed #B4B4B4;
  padding: 0.25em 0 0.3em 0.5em;
  margin-bottom: 8px;
}
}

h4.title_child,
h4.title_child_pink {
position: relative;
padding-left: 1em;
padding-top: 15px;
color: #09F;
margin-bottom: 8px;
}
h4.title_child_pink {
color: #EE88BB;
}
h4.title_child:before,
h4.title_child_pink:before {
position: absolute;
  content: '\f1ae';
  font-family: "Font Awesome 5 Free";
  margin-left: -0.7em;
  margin-top: -15px;
 font-weight: 900;
color: #06F;
 font-size: 150%;
}
h4.title_child_pink:before {
color: #FF66BB;
}
@media screen and (max-width: 834px){
h4.title_child,
h4.title_child_pink {
padding-left: 1.5em;
margin-bottom: 4px;
}
h4.title_child:before,
h4.title_child_pink:before {
  margin-left: -0.8em;
  margin-top: -10px;
}
}

/************************************
** 無料体験会
************************************/

table.table_muryoutaiken {
table-layout: auto;
width: 100%;
margin: 0;
padding: 0;
border: none;
background: #FFF;
line-height: 150%;
border-collapse: separate;
border-spacing: 10px 5px;
border-radius: 15px;
}
table.table_muryoutaiken tr, table.table_muryoutaiken th, table.table_muryoutaiken td {
margin: 0;
padding: 0;
border: none;
background: none;
}

table.table_muryoutaiken th, table.table_muryoutaiken td {
margin: 5px;
padding: 0 0.2em;
}

table.table_muryoutaiken th {
display: inline-block;
width: 100%;
background: #1eaa39;
color: #FFF;
text-align: center;
white-space: nowrap;
border-radius: 5px;
}

@media screen and (max-width: 834px){
table.table_muryoutaiken {
font-size: 2.5vw;
}
}

/************************************
** 入会案内
************************************/
.tag_campeign {
display: inline-block;
font-size: 90%;
letter-spacing: 0;
background-color: #F30;
color: #FF0;
margin: 0.1em;
padding: 0.2em 0.5em;
border-radius: 15px;
}

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

ul.list_flow003 li {
position: relative;
display: inline-block;
vertical-align: top;
list-style: none;
margin: 0;
margin-right: 3%;
width: 31.3%;
padding: 0;
text-align: center;
color: #F30;
font-weight: 600;
line-height: 150%;
background-color: #FFF;
border-radius: 15px;
box-shadow: 0 0 5px rgba(0,0,0,0.5);
}
ul.list_flow003 li:nth-child(3n), ul.list_flow003 li:last-child {
margin-right: 0;
}
ul.list_flow003 li:after {
position: absolute;
  right: -0.8em;
  top: 35%;
  content: '\f0da';
  font-family: "Font Awesome 5 Free";
 font-size: 200%;
 font-weight: 900;
 color: #114;
}
ul.list_flow003 li:last-child::after {
display: none;
  content: '';
}
ul.list_flow003 li .inner {
padding: 5%;
}

@media screen and (max-width: 834px){
ul.list_flow003 li {
font-size: 2.5vw;
}

ul.list_flow003 li .inner {
padding: 5% 2%;
}
ul.list_flow003 li:after {
  right: -0.7em;
  top: 35%;
 font-size: 150%;
}
}
ul.list_flow004 {
margin: 0;
padding: 0;
    display:flex;
    flex-wrap:wrap;
}

ul.list_flow004 li {
position: relative;
display: inline-block;
vertical-align: top;
list-style: none;
margin: 0;
margin-right: 3%;
width: 22.5%;
padding: 0;
text-align: center;
color: #06F;
font-weight: 600;
line-height: 150%;
background-color: #FFF;
border-radius: 15px;
box-shadow: 0 0 5px rgba(0,0,0,0.5);
}
ul.list_flow004 li:nth-child(4n), ul.list_flow004 li:last-child {
margin-right: 0;
}
ul.list_flow004 li:after {
position: absolute;
  right: -0.8em;
  top: 35%;
  content: '\f0da';
  font-family: "Font Awesome 5 Free";
 font-size: 200%;
 font-weight: 900;
 color: #F60;
}
ul.list_flow004 li:last-child::after {
display: none;
  content: '';
}
ul.list_flow004 li .inner {
padding: 5%;
}
@media screen and (max-width: 834px){
ul.list_flow004 li {
margin-right: 5%;
width: 47.5%;
margin-bottom: 20px;
font-size: 2.5vw;
}
ul.list_flow004 li:nth-child(even), ul.list_flow004 li:last-child {
margin-right: 0;
}

ul.list_flow004 li:after {
  right: -0.6em;
 font-size: 200%;
}
ul.list_flow004 li:nth-child(even)::after {
display: none;
  content: '';
}
}

table.table_annai {
table-layout: auto;
width: 100%;
margin: 0;
padding: 0;
border: none;
background: none;
border-collapse: collapse;
}
table.table_annai tr, table.table_annai th, table.table_annai td {
margin: 0;
padding: 0;
border: none;
}
table.table_annai tr {
;border-bottom: solid 2px white;
}
table.table_annai th, table.table_annai td {
padding: 0.5em 1em;
background: none;
min-height: 5em;
height: 5em;
}
table.table_annai th {
font-size: 100%;
color: #39a9ab;
background-color: #EEE;
font-weight: 400;
text-align: left;
white-space: nowrap;
width: 18%;
}
table.table_annai th:after{
  display: block;
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  top:calc(50% - 10px);
  right:-10px;
  border-left: 10px solid #EEE;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}


@media screen and (max-width: 834px){
table.table_annai {
}

table.table_annai th, table.table_annai td {
padding: 0.5em 0.5em;
padding-right: 0;
}
table.table_annai th {
width: 6.5em;
}
table.table_annai td {
padding-left: 1em;
}
}

/************************************
** コース
************************************/
.box_course {
display: block;
background-color: #FFF;
border: 10px solid #CCC;
padding: 2% 5%;
padding-bottom: 0;
margin-bottom: 30px;
border-radius: 15px;
}
.box_course.plat_action {
background-color: #FDE;
border-color: #F08;
}
.box_course.plat_basic {
background-color: #FDC;
border-color: #E30;
}
.box_course.plat_challenge {
background-color: #CEF;
border-color: #117;
}

.title_course {
display: block;
margin-bottom: 30px;
font-weight: 600;
}
.title_course h3 {
font-size: 200%;
margin: 0;
}
.title_course p {
font-size: 130%;
margin: 0;
}
@media screen and (max-width: 834px){
.title_course h3 {
font-size: 4vw;
}
.title_course p {
font-size: 110%;
}
}
.plat_action .title_course {
color: #F08;
}
.plat_basic .title_course {
color: #E30;
}
.plat_challenge .title_course {
color: #117;
}

table.table_couese {
table-layout: auto;
width: 100%;
margin: 0;
padding: 0;
border: none;
background: #FFF;
border-collapse: separate;
border-spacing: 10px 5px;
border-radius: 15px;
}
table.table_couese tr, table.table_couese th, table.table_couese td {
margin: 0;
padding: 0;
border: none;
background: none;
}

table.table_couese th, table.table_couese td {
margin: 5px;
padding: 0 0.2em;
}

table.table_couese th {
display: inline-block;
width: 100%;
background: #F30;
color: #FFF;
text-align: center;
white-space: nowrap;
border-radius: 30px;
}

@media screen and (max-width: 834px){
table.table_couese {
font-size: 2.5vw;
}
}

table.table_timetable {
table-layout: auto;
width: 100%;
margin: 0;
padding: 0;
border-collapse: separate;
border-spacing: 5px;
background: #FFF;
}
table.table_timetable tr, table.table_timetable th, table.table_timetable td {
margin: 0;
padding: 0;
}
table.table_timetable th, table.table_timetable td {
padding: 0.2em 0.2em;
text-align: center;
}
table.table_timetable th {
padding: 0 0.2em;
background-color: #777;
color: #FFF;
}
table.table_timetable td {
background-color: none;
}


table.table_timetable tr.plat_action {
background-color: #FDE !important;
}
table.table_timetable tr.plat_basic {
background-color: #FDC !important;
}
table.table_timetable tr.plat_challenge {
background-color: #CEF !important;
}
table.table_timetable td.plat_action {
font-weight: 600;
color: #F08;
}
table.table_timetable td.plat_basic {
font-weight: 600;
color: #E30;
}
table.table_timetable td.plat_challenge {
font-weight: 600;
color: #117;
}
@media screen and (max-width: 834px){
table.table_timetable {
font-size: 2vw;
line-height: 150%;
}
}



/************************************
** プライバシーポリシー
************************************/
p.privacy {
	margin-bottom: 0;
}
dl.privacy {
margin: 0;
padding: 0;
}
dl.privacy dt {
	color: #09F;
	font-size: 110%;
	font-weight: 600;
	margin-bottom: 10px;
	border-bottom: 1px dotted #556;
}
dl.privacy dd {
	margin: 0;
	margin-bottom: 30px;
	padding: 0 15px;
}
dl.privacy p {
margin-bottom: 0;
}

@media screen and (max-width: 834px){
dl.privacy dt {
	font-size: 100%;
}
dl.privacy dd {
	font-size: 90%;
	line-height: 150%;
	padding: 0 0px;
	margin-bottom: 20px;
}
p.privacy {
font-size: 90%;
	line-height: 150%;
}
}

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

input[type="radio"],input[type="checkbox"] {
  position: relative;
  top: 2.2px;
  margin-right: 2px; /*追加*/
}
table.form_table {
	table-layout: auto;
	width: 100%;
	margin: 0;
	margin-bottom: 20px;
	padding: 0;
	border: none;
	background: nne;
}

table.form_table tr, table.form_table th, table.form_table td {
	text-align: left;
	margin: 0;
	padding: 0;
	border: none;
	background: none;
}
table.form_table th, table.form_table td {
	text-align: left;
	padding: 15px;
	border-top: 1px dotted #CCC;
	border-bottom: 1px dotted #CCC;
}

table.form_table th {
	vertical-align: top;
	background-color: #F5F5F5;
	width: 25%;
	font-weight: 500;
}

table.form_table td {
	background-color: #FFF;
}

table.form_table .wpcf7-list-item {
	display: inline-block;
	margin-right: 15px;
	min-width: 15%;
}
@media screen and (max-width: 834px){
table.form_table {
	table-layout: fixed;
	margin-bottom: 15px;
	overflow: hidden;
}
table.form_table th, table.form_table td {
display: block;
	width: auto;
	border: none;
}
table.form_table th {
padding: 5px 10px;
}
table.form_table td {
margin-bottom: 10px 10px;
}
} 
 .hissu {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size: 10px;
	line-height: 100%;
	padding: 2px 6px;
	margin-left: 10px !important;
	text-decoration:none;
	display:inline-block;
	text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
	color: #FFF !important;
	background-color: #F00;
}
 
 .nini {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size: 10px;
	line-height: 100%;
	padding: 2px 6px;
	margin-left: 10px !important;
	text-decoration:none;
	display:inline-block;
	color: #FFF !important;
	background-color: #06F;
}
 
select,textarea,input[type="text"],input[type="datetime"],input[type="datetime-local"],input[type="date"] {
	display:inline-block;
	margin: 3px;
	width: auto;
}
select {
	display:inline-block !important;
	min-width: 80px;
	padding: 15px !important;
}

.input-mini { width:100px !important }
.input-small { width: 200px !important }
.input-medium { width: 70% !important }
.input-large { width: 80% !important }
.input-xlarge { width: 90% !important }
.input-xxlarge { width: 90% !important }

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

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

}
}

div.wpcf7 .wpcf7-spinner {
    display: block;
}
div.wpcf7 .wpcf7-spinner {
    display: none !important;
}


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

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

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

ul.bt_list_green li {
display: inline-block;
vertical-align: top;
list-style: none;
margin: 5px;
padding: 0;
min-width: 150px;
text-align: center;
color: #16489d;
line-height: 130%;
}

ul.bt_list_green li a {
position: relative;
display: block;
font-weight: 600;
padding: 5px 30px;
color: #FFF;
text-decoration: none;
background-color: #53c0c7;
border-radius: 5px;
}

ul.bt_list_green li a:hover {
color: #FF0;
box-shadow: 2px 2px 5px rgba(0,0,0,0.5);
    transition: all 0.3s;
}
ul.bt_list_green li a:before {
position: absolute;
  content: '\f0da';
  font-family: "Font Awesome 5 Free";
  margin-left: -20px;
 font-weight: 400;
 font-size: 150%;
}
ul.bt_list_green li a:hover::before {
  margin-left: -10px;
  color: #FF0;
    transition: all 0.3s;
}
@media only screen and (max-width: 834px) {
ul.bt_list_green {
justify-content: center;
}

ul.bt_list_green li {
display: inline-block;
vertical-align: top;
list-style: none;
margin: 2%;
min-width: inherit;
width: 46%;
padding: 0;
}

ul.bt_list_green li a {
padding: 5px;
}
ul.bt_list_green li a:before {
position: absolute;
  content: '\f0da';
  font-family: "Font Awesome 5 Free";
  margin-left: -20px;
 font-weight: 400;
 font-size: 150%;
}
ul.bt_list_green li a:hover::before {
  margin-left: -10px;
  color: #FF0;
    transition: all 0.3s;
}
}


.bt_green {
display: inline-block;
vertical-align: top;
list-style: none;
margin: 5px;
padding: 0;
text-align: center;
color: #16489d;
line-height: 130%;
}

.bt_green a {
position: relative;
display: block;
font-weight: 600;
padding: 5px 30px;
color: #FFF;
text-decoration: none;
background-color: #53c0c7;
border-radius: 5px;
}

.bt_green a:hover {
color: #FF0;
box-shadow: 2px 2px 5px rgba(0,0,0,0.5);
    transition: all 0.3s;
}
.bt_green a:before {
position: absolute;
  content: '\f0da';
  font-family: "Font Awesome 5 Free";
  margin-left: -20px;
 font-weight: 400;
 font-size: 150%;
}
.bt_green a:hover::before {
  margin-left: -10px;
  color: #FF0;
    transition: all 0.3s;
}


.bt_blue {
display: inline-block;
vertical-align: top;
list-style: none;
margin: 5px;
padding: 0;
text-align: center;
line-height: 130%;
}

.bt_blue a {
position: relative;
display: block;
font-weight: 600;
padding: 5px 30px;
color: #FFF;
text-decoration: none;
background-color: #0168b7;
border-radius: 5px;
}

.bt_blue a:hover {
color: #FF0;
box-shadow: 2px 2px 5px rgba(0,0,0,0.5);
    transition: all 0.3s;
}
.bt_blue a:before {
position: absolute;
  content: '\f0da';
  font-family: "Font Awesome 5 Free";
  margin-left: -20px;
 font-weight: 400;
 font-size: 150%;
}
.bt_blue a:hover::before {
  margin-left: -10px;
  color: #FF0;
    transition: all 0.3s;
}


.bt_kuwashiku {
	display: inline-block;
	min-width: calc(100% / 2 - 56px);
	margin: 0;
}
.bt_kuwashiku.block {
	display: block;
}
.bt_kuwashiku a {
position: relative;
	display: block;
	padding: 16px 56px;
	padding-right: 64px;
	color: #333;
	background-color: #FFF;
	font-weight: 600;
	line-height: 130%;
	text-align: center;
 border-radius: 30px;
	text-decoration: none;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
}
.bt_kuwashiku.block a {
	padding: 16px;
	padding-right: 56px;
}

@media only screen and (max-width: 1180px) {
.bt_kuwashiku {
	min-width: calc(100% / 2 - 32px);
}
}


.bt_kuwashiku a:after {
    position: absolute;
    right: 10%;
    top: 50%;
	transform: translateY(-50%);
  font-family: "Font Awesome 5 Free";
    content: '\f061';
}

.bt_kuwashiku a:hover {
	box-shadow: -1px -1px 5px rgba(0,0,0,0.5);
	background-color: #09F;
	color: #FFF;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.bt_kuwashiku a:hover:after {
    right: 5%;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

@media only screen and (max-width: 834px) {
.bt_kuwashiku {
	display: block;
	margin: 0;
}
.bt_kuwashiku a {
min-width: inherit;
	padding: 12px 24px;
	padding-right: 36px;
 border-radius: 24px;
}
.bt_kuwashiku a:after {
    right: 5%;
}
}
@media only screen and (max-width: 640px) {
.bt_kuwashiku {
	display: block;
	margin: 0 1em;
}
}

/************************************
** liststyle
************************************/


ul.list_maru {
margin: 0;
padding: 0;
}
ul.list_maru li {
list-style-type: disc;
margin: 0;
margin-left: 20px;
padding: 0;
}

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

ul.list_check {
margin: 0;
padding: 0;
}
ul.list_check li {
position: relative;
list-style: none;
margin: 0;
margin-left: 20px;
padding: 0;
padding-left: -1.2em;
}
ul.list_check li:before {
position: absolute;
	margin-left: -1.2em;
  font-family: "Font Awesome 5 Free";
    content: '\f14a';
	font-weight: 400;
	color: #F00;
}

/************************************
** ボックス
************************************/
.box_gray {
display: block;
padding: 3% 5%;
background-color: #F5F5F5;
margin-bottom: 20px;
}

.box_gray002 {
display: block;
padding: 3% 5%;
background-color: #fff;
margin-bottom: 20px;
border: solid;
border-color: #3067b1;	
}


.box_gray003 {
display: block;
padding: 3% 5%;
background-color: #fff;
margin-bottom: 20px;
border: solid;
border-color: #3067b1;	
}
.box_gray003 p {
margin-bottom: 0 !important;	
padding-top: 1% !important;	
padding-bottom: -2% !important;
}		
	

.box_blue {
display: block;
padding: 3% 5%;
background-color: #cbeef8;
margin-bottom: 20px;
}

.box_cloud {
display: block;
padding: 10%;
		background: url("../../uploads/2022/01/box_cloud.png");
		background-size: 100% 100%;
		background-position: center;
		background-repeat: no-repeat;
margin-bottom: 20px;
}
.box_shadow {
display: block;
padding: 3% 5%;
background-color: rgba(255,255,255, 0.8);
box-shadow: 0 0 5px rgba(0,0,0,0.5);
margin-bottom: 20px;
}

.box_shadow002 {
display: block;
padding: 3% 5%;		
background-color: rgba(255,255,255, 0.8);
box-shadow: 0 0 5px rgba(0,0,0,0.5);
margin-bottom: 20px;
}
		


@media screen and (max-width: 834px){	
.box_gray, .box_shadow, .box_gray002, .box_gray003, .box_blue {
padding : 4% 5%;	
margin-bottom: 15px;
line-height: 150%;
}

.box_cloud {
padding: 9%;
margin-bottom: 15px;
}
}

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

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

.imageleft {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}
.imagecenter {
	max-width: 100%;
	display: block;
	margin: 0 auto;
	margin-bottom: 15px;
}
.imagecenter00 {
	max-width: 100%;
	display: block;
	margin: 0 auto;
}

/************************************
** 個別
************************************/


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


}



.wrap_double_only {
display: flex;
margin-bottom: 30px;
}
.wrap_double_only_left {
  width: calc(100% / 2);
  margin-right: 2.5%;
}
.wrap_double_only_right {
  width: calc(100% / 2);
  margin-left: 2.5%;
}
@media only screen and (max-width: 834px) {
.wrap_double_only {
margin-bottom: -10px;
}
.wrap_double_only_left {
  width: calc(100% / 2);
  margin-right: 2.5%;
}
.wrap_double_only_right {
  width: calc(100% / 2);
  margin-left: 2.5%;
}
}
.wrap_double_right {
display: block;
  width: calc(100% / 2);
  margin-left: 2.5%;
  }
.wrap_double {
display: flex;
}
.wrap_double_left {
display: block;
  width: calc(100% / 2);
  margin-right: 2.5%;
}
.wrap_double_left02 {
display: block;
    width: calc(100% / calc(1 / 3));
  margin-right: 2.5%;
}

.wrap_double_right {
display: block;
  width: calc(100% / 2);
  margin-left: 2.5%;
  }
  .wrap_double_right02 {
display: block;
    width: calc(100% / calc(2 / 3));
  margin-left: 2.5%;
  }
@media only screen and (max-width: 834px) {
.wrap_double {
display: block;
}
.wrap_double_left,
.wrap_double_left02{
margin: 0;
margin-bottom: 15px;
width: auto;
}

.wrap_double_right,
.wrap_double_right02 {
margin: 0;
margin-bottom: 15px;
width: auto;
 }
}


table.table_double {
table-layout: fixed;
margin: 0;
padding: 0;
border: none;
background: none;
width: 100%;
}
table.table_double tr, table.table_double th, table.table_double td {
margin: 0;
padding: 0;
background: none;
border: none;
}
table.table_double td:nth-child(odd) {
padding-right: 2%;
}
table.table_double td:nth-child(even) {
padding-left: 2%;
}
table.table_double td.w55 {
width: 55%;
}
table.table_double td.w60 {
width: 60%;
}
table.table_double td.w65 {
width: 65%;
}
table.table_double td.w70 {
width: 70%;
}
table.table_double td.w75 {
width: 75%;
}

@media screen and (max-width: 1023px){
table.table_double td.w55, table.table_double td.w60, table.table_double td.w65, table.table_double td.w70, table.table_double td.w75 {
width: 50%;
}
}
@media screen and (max-width: 834px){
table.table_double td {
display: block;
padding: 0;
margin-bottom: 20px;
}
table.table_double td:nth-child(odd) {
padding-right: 0;
}
table.table_double td:nth-child(even) {
padding-left: 0;
}
table.table_double td.w60, table.table_double td.w65, table.table_double td.w70, table.table_double td.w75 {
width: auto;
}
}

.uline_green {
border-bottom: 1px solid #53c0c7;
padding-bottom: 0.2em;
}
.uline_green:after {
border-bottom: 1px solid #53c0c7;
}
.kinkyu_h4 {
  padding: .25em 0 .25em .75em !important;
  border-left: 6px solid #09F !important;
}

.pochitto_btn_blue {
	display: inline-block;
	margin: 0.5em;
}
.pochitto_btn_blue a {
	display: block;
	font-size: 120%;
	padding: 0.5em 1em;
	text-align: center;
	text-decoration: none;
	color: #fff;
	background:#0C88CA;
	border-radius: 50px;
	width: 100% ;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
	font-weight: 600;
	line-height: 130%;
	 cursor: pointer;
}
.pochitto_btn_blue a:hover {
	 text-decoration: none;
	 background:#09F;
	 border-bottom: none;
	color: #fff;
}


/************************************
** アルバイト募集
************************************/

h4.title_job {
position: relative;
font-weight: 400;
margin-bottom: 20px;
padding-bottom: 5px;
padding-left: 1.2em;
border-bottom: 1px solid #CCC;
}
h4.title_job:before {
position: absolute;
top: -2px;
  content: '\f024';
  font-family: "Font Awesome 5 Free";
  margin-left: -1.2em;
 font-weight: 900;
color: #F90;
font-size: 110%;
}


.flex_joboffer {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.box_joboffer {
position: relative;
display: block;
width: calc(100% / 2 - 24px);
margin: 0 0;
padding: 1.5em;
background-color: #FFF;
border-radius: 20px;
border: 1px solid #CCC;
margin-bottom: 24px;
}
.box_joboffer:last-child {
margin-bottom: 0;
}

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

dl.joboffer_dl dt {
clear: both;
float: left;
width: 6em;
margin: 0;
padding: 0;
}

dl.joboffer_dl dd {
margin: 0;
margin-left: 6em;
padding: 0;
}


@media screen and (max-width: 834px){
.flex_joboffer {
display: block;
}
.box_joboffer {
width: auto;
padding: 1em;
border: none;
margin-bottom: 16px;
}
.box_joboffer:last-child {
margin-bottom: 0;
}
}

ul.listtag_joboffer {
margin: 0;
padding: 0;
margin-bottom: 15px;
}
ul.listtag_joboffer li {
display: block;
list-style: none;
margin: 0;
margin-bottom: 0.25em;
padding: 0.25em 0.5em;
border: 1px solid #CCC;
border-radius: 10px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,e5e5e5+100;White+3D */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #F5F5F5 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 0%,#F5F5F5 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 0%,#F5F5F5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#F5F5F5',GradientType=0 ); /* IE6-9 */


}
ul.listtag_joboffer li i {
color: #F90;
margin-right: 0.25em;
}







/*** トップタイトル ***/

.title_top_txt {
position: relative;
display: inline-block;
line-height: 1.0;
padding: 0;
margin-bottom: 32px;
}
.title_top_txt h3 {
margin-bottom: 0 !important;
line-height: 0.3 !important;
padding: 0;
padding-bottom: 0 !important;
}
.title_top_txt h3 img {
z-index: 1;
position: relative;
display: block;
width: 100%;
margin: 0;
padding-bottom: 0;
margin-bottom: 0 !important;
}
@media only screen and (max-width: 834px) {
.title_top_txt {
margin-bottom: 24px;
}
}




.title_top_txt.title_txt_consept {
width: 25.554%;
max-width: 327px;
}
@media only screen and (max-width: 834px) {
.title_top_txt.title_txt_consept {
width: 51.09%;
}
}

.title_top_txt.title_txt_course {
width: 44.1%;
max-width: 565px;
}
@media only screen and (max-width: 834px) {
.title_top_txt.title_txt_course {
width: 88.28%;
}
}




.title_top_txt.title_txt_lesson {
width: 55.4%;
max-width: 710px;
}
@media only screen and (max-width: 834px) {
.title_top_txt.title_txt_lesson {
width: 62.81%;
max-width: 402px;
}
}


.title_top_txt.title_txt_facility {
width: 24.06%;
max-width: 308px;
margin-bottom: 0;
}
@media only screen and (max-width: 834px) {
.title_top_txt.title_txt_facility {
width: 48.12%;
margin-bottom: 0;
}
}



.title_top_txt.title_txt_news_sns {
width: 34.53%;
max-width: 442px;
}
@media only screen and (max-width: 834px) {
.title_top_txt.title_txt_news_sns {
width: 69.06%;
}
}
.title_txt_instagram {
width: 33.28%;
max-width: 426px;
}
@media only screen and (max-width: 834px) {
.title_top_txt.title_txt_instagram {
width: 66.56%;
}
}

.title_top_txt.title_txt_news {
width: 15.3%;
max-width: 196px;
}
@media only screen and (max-width: 834px) {
.title_top_txt.title_txt_news {
width: 30.6%;
}
}

.title_top_txt.title_txt_sns {
width: 11.01%;
max-width: 142px;
}
@media only screen and (max-width: 834px) {
.title_top_txt.title_txt_sns {
width: 22.1%;
}
}
.title_top_txt.title_txt_access {
width: 41.6%;
max-width: 533px;
}
@media only screen and (max-width: 834px) {
.title_top_txt.title_txt_access {
width: 83.28%;
}
}



/*** slick ***/
.top_ad_content {
background-color: #DDD;
padding: 32px 0;
padding-top: 32px;
}
@media only screen and (max-width: 834px) {
.top_ad_content {
padding: 24px 0;
}
}


ul.list_main_under_ad {
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
ul.list_main_under_ad li {
margin: 0;
padding: 0;
margin-right: 16px;
display: block;
width: calc(100% / 3 - 12px);
}

ul.list_main_under_ad li:last-child,
ul.list_main_under_ad li:nth-child(3n) {
margin-right: 0;
}
ul.list_main_under_ad li:nth-child(n+4) {
margin-top: 16px;
}
@media only screen and (max-width: 834px) {
ul.list_main_under_ad {
display: block;
}
ul.list_main_under_ad li {
margin: 0 auto;
width: 80%;
}

ul.list_main_under_ad li:last-child,
ul.list_main_under_ad li:nth-child(n+3) {
margin-right: auto;
}
ul.list_main_under_ad li:nth-child(n+2) {
margin-top: 12px;
}
}




/*** コンセプト ***/

.top_consept_content_back_wrap {
background-color: #39a9ab;
}

.top_consept_content,
.top_consept_content02 {
padding: 32px 0;
position: relative;
}
.top_consept_content {
padding-bottom: 0;
}
.top_consept_content02 {
position: relative;
padding-top: 0;
}
@media only screen and (max-width: 834px) {
.top_consept_content,
.top_consept_content02 {
padding: 24px 0;
}
.top_consept_content {
padding-bottom: 0;
}
.top_consept_content02 {
position: relative;
padding-top: 0;
padding-bottom: 0;
}
}

@media only screen and (max-width: 1180px) {
.top_consept_content .content-in.topsidetitle .top_side_title {
left: 0em;
}
}


.top_concept {
display: block;
position: relative;
}

.top_concept {
z-index: -1;
  background-image: url(../../uploads/2024/04/orange_back_consept_1280.jpg);
    background-size: cover;
	background-position: right;
    background-repeat: no-repeat;
	background-color: #CCC;
display: block;
position: relative;
margin: 0 ;
height: 0;
padding-bottom: 110%;
margin-bottom: 24px;
}

.top_concept_sp,
.top_concept_sp02 {
display: block;
}
@media only screen and (max-width: 834px) {
.top_concept {
background: none;
display: block;
position: relative;
margin: 0 -16px;
height: auto;
padding-bottom: 0;
margin-bottom: 0;
}
.top_concept_sp {
z-index: -1;
  background-image: url(../../uploads/2024/04/orange_back_consept_1280.jpg);
    background-size: cover;
	background-position: right;
    background-repeat: no-repeat;
display: block;
position: relative;
margin: 0 0;
margin-left: 18px;
height: 0;
padding-bottom: 120%;
margin-bottom: 16px;
}
.top_concept_sp02 {
display: block;
position: relative;
margin-left: -8px;
margin-right: 16px;
}
}



.top_fptg {
position: absolute;
z-index: 2;
	top: 5%;
	left: 5%;
	width: 56%;
	transform: rotate(-10deg);
}
.top_concept_box {
position: absolute;
display: block;
text-align: left;
z-index: 2;
	top: 33%;
	left: 4%;
	width: 100%;
	color: #000;
}
.top_concept_box p {
margin-bottom: 0;
}
@media only screen and (max-width: 834px) {

.top_fptg {
position: absolute;
z-index: 2;
	top: 3%;
	left: 5%;
	width: 75%;

}
.top_concept_box {
position: absolute;
display: block;
text-align: center;
z-index: 2;
top:inherit;
	bottom: 16px;
	left: calc(50% - 8px);
	width: 100%;
	transform: translateX(-50%);
}
}


.box_top_kodawari {
position: absolute;
z-index: 2;
	top: 56%;
	left: 3.5%;
display: block;
width: 85%;
margin: 0;
}

@media only screen and (max-width: 834px) {
.box_top_kodawari {
position: inherit;
display: block;
width: auto;
	top: inherit;
	left: inherit;
margin-left: auto;
margin-right: auto;
margin-bottom: 24px;
text-shadow: none;
}
.box_top_kodawari h4 {
text-align: center;
margin-bottom: 16px;
}

}

ul.list_kodawari {
display: flex;
justify-content: center;
margin: 0 auto;
padding: 0;
flex-wrap: wrap;
}
ul.list_kodawari li {
position: relative;
display: block;
list-style: none;
width: calc(100% / 3);
margin: 0;
padding: 0;
}
ul.list_kodawari li .imagecenter00 {
filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.75));
}
ul.list_kodawari li:nth-child(odd) {
margin-top: 7.5%;
z-index: 1;
}
ul.list_kodawari li:nth-child(even) {
margin-left: -7%;
margin-right: -7%;
z-index: 2;
}

.cara_kodawari01 {
position: absolute;
left: -42%;
top: -20%;
width: 50%;
z-index: 1;
filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.75));
	transform: rotate(-5deg);
}
.cara_kodawari02 {
position: absolute;
left: 10%;
top: 80%;
width: 80%;
z-index: 1;
filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.75));
	transform: rotate(-3deg);
}
.cara_kodawari03 {
position: absolute;
right: -40%;
top: -55%;
width: 50%;
z-index: 1;
filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.75));
	transform: rotate(3deg);
}

@media only screen and (max-width: 834px) {
.cara_kodawari01 {
left: 100%;
top: 5%;
width: 50%;
	transform: rotate(-5deg);
}
.cara_kodawari02 {
left: -65%;
top: 20%;
width: 70%;
	transform: rotate(-3deg);
}
.cara_kodawari03 {
left: 100%;
top: 10%;
width: 50%;
	transform: rotate(3deg);
}
}

@media only screen and (max-width: 834px) {
ul.list_kodawari {
justify-content: flex-start;
margin-top: 0;
}
ul.list_kodawari li {
position: relative;
display: block;
list-style: none;
width: 60%;
margin: 0;
padding: 0;
}
ul.list_kodawari li:nth-child(odd) {
margin-top: 0%;
}
ul.list_kodawari li:nth-child(2) {
margin-left: 40%;
width: 60%;
margin-right: 0%;
margin-top: -2%;
}
ul.list_kodawari li:nth-child(3) {
margin-top: -2%;
}
}


.flex_consept_tec {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.flex_consept_tec_box {
display: block;
width: calc(100% / 3 - 32px);
}
@media only screen and (max-width: 1280px) {
.flex_consept_tec_box {
display: block;
width: calc(100% / 3 - 16px);
}
}

@media only screen and (max-width: 834px) {
.flex_consept_tec {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin: 0 32px;
margin-left: 48px;
flex-flow: column;
}
.flex_consept_tec_box {
display: block;
width: auto;
}
.flex_consept_tec_box:nth-child(n+2) {
margin-top: 16px;
}
}
.flex_consept_tec_box h5 {
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-weight: 800;
  color: #39a9ab;
  display: flex;
  flex-wrap: nowrap;
  flex-flow: column;
  min-height: 3em;
  align-items: center;
  align-content: center;
  justify-content: center;
  line-height: 130%;
  text-align: center;
  margin-bottom: 0px;
}

@media only screen and (max-width: 834px) {
.flex_consept_tec_box h5 {
  min-height: inherit;
}
}


.flex_consept_tec_box p {
margin-bottom: 0;
}



.back_consept_tec {
position: relative;
z-index: 1 !important;
margin: 0px 0;
margin-top: -7em;
padding: 2em;
margin-left: calc(50% - 50vw);
padding-left:calc(50vw - 50%);
margin-right: -5%;
padding-right: 5%;
  background-image: url(../../uploads/2024/04/back_consept_tec.png);
    background-size: cover;
	background-position: right;
	background-position: contain;
    background-repeat: no-repeat;;
}


.back_consept_tec .main {
position: relative;
}


@media only screen and (max-width: 1180px) {
.back_consept_tec {
position: relative;
z-index: 2;
margin-left: -16px;
padding-left: 4.1%;
margin-right: -3%;
padding-right: 2.6%;
}
}

@media only screen and (max-width: 980px) {
.back_consept_tec {
position: relative;
z-index: 2;
margin-left: -16px;
padding-left: 5.1%;
margin-right: -3%;
padding-right: 2.6%;
}
}




@media only screen and (max-width: 834px) {
.back_consept_tec {
position: relative;
z-index: 2;
margin: 0 0;
margin-top: -7%;
padding: 4em 1.5em;
padding-bottom: 4.2em;
margin-left: -24px;
padding-left: 0;
margin-right: -5%;
padding-right: -6%;
  background-image: url(../../uploads/2024/04/back_consept_tec_sp.png);
  
}
}
@media only screen and (max-width: 640px) {
.back_consept_tec {
margin: 0 0;
margin-top: -7%;
padding: 4em 1.5em;
padding-bottom: 4.2em;
margin-left: -32px;
padding-left: 0;
margin-right: -5%;
padding-right: -6%;
  
}
}

.pic_consept_cara {
position: absolute;
right: 1.5%;
bottom: 0%;
width: 20%;
z-index: -2;
filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.75));
	transform: rotate(-3deg);
}
@media only screen and (max-width: 834px) {
.pic_consept_cara {
display: none;
/*
position: absolute;
z-index: -2 !important;
right: inherit;
border-left-width: 15%;
bottom: -15%;
width: 35%;
	transform: rotate(-5deg);
	*/
}
}



/*** タイムテーブル ***/
.top_timetable_content {
background-color: #39a9ab;
color: #FFF;
padding: 32px 0;
}

@media only screen and (max-width: 1180px) {
.top_timetable_content .content-in {
padding: 0 16px;
margin-left: 0.5em;
padding-left: 2em;
}
.content-in.topsidetitle {
margin-left: 2em;
}
.content .top_side_title_tt {
		left: 0.75em;
}
.top_timetable_content .content-in {
padding-left: -0.25em;
}
}

@media only screen and (max-width: 834px) {
.top_timetable_content {
padding: 24px 0;
}
.top_timetable_content .content-in {
padding-left: 1.5em;
}
}

.flex_top_timetable_title {
display: block;
width: 3.43%;
}


@media only screen and (max-width: 640px) {
.flex_top_timetable_title {
display: flex;
width: 3.43%;
justify-content: center;
align-content: center;
align-items: center;
}
.flex_top_timetable_title .imagecenter00 {
width: auto;
}
.flex_top_timetable_main {
display: block;
width: calc(100% - 5%);
}
}

.table_swipe, .table_swipe_inner {
	display: block;
	margin: 0;
	margin-bottom: 32px;
	padding: 0;
}
p.table_swipe_p {
display: none;
}
@media screen and (max-width: 640px){
.table_swipe {
	margin-bottom: 0;
	display: block;
	overflow-x: scroll;
}
p.table_swipe_p {
display: block;
margin-top: 4px;
margin-bottom: 24px;
}
p.table_swipe_p i {
font-weight: 900;
color: #fabd00;
margin-left: 0.5px;
}
.table_swipe, .table_swipe_inner {
	margin-bottom: 0;
}
.table_swipe_inner {
width: 780px;
}
}



/*** COURSE / PRICE ***/

.top_course_content {
background-color: #DDD;
padding: 32px 0;
}


@media screen and (max-width: 1180px){
.top_course_content .content-in {
padding: 0 0 !important;
position: relative;
}
.top_course_content .content-in.topsidetitle {
margin-left: 0 !important;
}
.top_course_content .content-in.topsidetitle .top_side_title {
left: 1.25em;
top: 50%;
z-index: 6;
}
}
@media screen and (max-width: 834px){
.top_course_content {
padding: 24px 0;
}
.top_consept_content .content-in.topsidetitle .top_side_title {
left: -0.25em;
}
.top_course_content .content-in.topsidetitle .top_side_title {
left: 1em;
}
}


ul.list_top_flow {
margin: 0;
padding: 0;
    display:flex;
    flex-wrap:wrap;
	justify-content: flex-start;
}

ul.list_top_flow li {
position: relative;
display: flex;
flex-flow: column;
flex-wrap: wrap;
justify-content: space-between;
list-style: none;
margin: 0;
padding: 0;
width: calc(100% / 4);
text-align: left;
line-height: 150%;
font-size: 90%;
}


ul.list_top_flow li:first-child {
background-color: #f5f6f7;
z-index: 5;
width: calc(100% / 4 - 0.6%);
}

ul.list_top_flow li:last-child {
width: calc(100% / 4 + 0.6%);
}

@media screen and (max-width: 1180px){
ul.list_top_flow li:first-child {
width: calc(100% / 4);
}
ul.list_top_flow li:last-child {
width: calc(100% / 4);
}
}
ul.list_top_flow li:nth-child(2) {
background-color: #e8f2f9;
z-index: 4;
}
ul.list_top_flow li:nth-child(3) {
background-color: #cbdeed;
z-index: 3;
}
ul.list_top_flow li:nth-child(4) {
background-color: #b5ceed;
z-index: 2;
}
ul.list_top_flow li:last-child {
background-color: #a0c7e6;
z-index: 1;
}
ul.list_top_flow li .inner {
padding: 24px 10%;
}


ul.list_top_flow li:after{
  content: "";
  position: absolute;
  width: 0;
  height: 0.5vh;
  margin: auto;
	transform: translateY(-50%);
  top:50%;
  right: -1.4em;
  border-style: solid;
  border-color: transparent transparent transparent #f5f6f7;
  border-width: 100px 0 100px 1.5em;
  z-index: 2;
}
ul.list_top_flow li:nth-child(2):after {
  border-color: transparent transparent transparent #e8f2f9;
}
ul.list_top_flow li:nth-child(3):after {
  border-color: transparent transparent transparent #cbdeed;
}
ul.list_top_flow li:nth-child(4):after {
  border-color: transparent transparent transparent #b5ceed;
}
ul.list_top_flow li:last-child:after {
border: none;
}
.list_top_flow h5 {
text-align: center;
display: flex;
justify-content: center;
min-height: 5.0em;
line-height: 130%;
margin-bottom: 16px;
}
.list_top_flow h5 .fs60 {
display: block;
line-height: 1.3;
}
.boxtag_price {
display: flex;
flex-flow: column;
flex-wrap:wrap;
justify-content: center;
min-height: 6em;
margin: 5px 0;
margin-left: 10%;
margin-right: 10%;
margin-bottom: 10%;
padding: 0.2em;
margin-top: auto;
background-color: #FFF;
font-weight: 600;
border: 1px solid #0168b7;
text-align: center;
}


@media screen and (max-width: 834px){
.boxtag_price {
margin: 5px 0;
margin-left: 8%;
margin-right: 8%;
}
ul.list_top_flow li:first-child .boxtag_price {
margin-left: 8%;
}
ul.list_top_flow li:last-child .boxtag_price {
margin-right: 8%;
margin-bottom: 0;
}
}

.boxtag_price span.f80 {
display: inline;
}
@media only screen and (max-width: 834px) {
.list_top_flow h5 {
display: block;
min-height: inherit;
}
ul.list_top_flow {
display: block;
}

ul.list_top_flow li {
display: block;
width: auto;
margin-bottom: -5px;
padding-top: 40px;
}
ul.list_top_flow li:last-child {
width: auto;
margin-bottom: 0;
padding-bottom: 24px;
}

ul.list_top_flow li:first-child {
width: auto;
padding-top: 4px;
}


ul.list_top_flow li .inner {
padding: 8px 32px;
}

ul.list_top_flow li:first-child .inner {
padding-left: 8%;
padding-top: 16px;
}
ul.list_top_flow li:last-child .inner {
padding-right: 7%;
padding-bottom: 8px;
}

ul.list_top_flow li:after{
content: none;
}

ul.list_top_flow li:before{
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  margin: auto;
  bottom: -30px;
  right: inherit;
	transform: translateX(-50%);
  left: 50%;
  border-style: solid;
  border-color: #f5f6f7 transparent transparent transparent;
  border-width: 30px 48vw 0 48vw;
  z-index: 2;
}

ul.list_top_flow li:nth-child(2):before {
  border-color: #e8f2f9 transparent transparent transparent;
}
ul.list_top_flow li:nth-child(3):before {
  border-color: #cbdeed transparent transparent transparent;
}
ul.list_top_flow li:nth-child(4):before {
  border-color: #b5ceed transparent transparent transparent;
}
ul.list_top_flow li:last-child:before {
border: none;
}
}
.color_baby {
color: #a9d08e;
}
.color_action {
color: #ec77ab;
}
.color_basic {
color: #f39801;
}
.color_challange {
color: #0054a7;
}
.color_star {
color: #F00;
}


/*** ONE DAY TIMETABLE ***/

.top_lesson_content {
background-color: #DDD;
padding: 32px 0;
}
@media only screen and (max-width: 834px) {
.top_lesson_content {
padding: 24px 0;
}
}


.flex_oneday {
margin-top: 0;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}

.flex_oneday_box {
display: block;
width: 48.5%;
position: relative;
height: 0;
padding-bottom: 28.25%;
}
.flex_oneday_box:nth-child(even) {
margin-top: 3%;
}

@media only screen and (max-width: 834px) {
.flex_oneday {
flex-flow: column;
}
.flex_oneday_box {
display: block;
width: auto;
padding-bottom: 58.75%;
}
.flex_oneday_box:nth-child(n+2) {
margin-top: 24px;
}
}

.flex_oneday_box_back {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	object-fit: cover;
	width: 100%;
	height: 100%
}
.flowcont_title01 {
position: absolute;
width: 40%;
top: 16px;
left: 16px;
}

.flowcont_title02 {
position: absolute;
width: 40%;
	transform: translateY(-50%);
top: 50%;
right: 16px;
}

.flowcont_arrow001 {
position: absolute;
width: 5%;
top: 25%;
left: 50%;
transform: translateY(-50%) translateX(-50%) rotate(-50deg);
filter: drop-shadow(0 0 4px rgba(255, 255, 255, 1.0));
}
.flowcont_arrow002 {
position: absolute;
width: 5%;
top: 80%;
left: 50%;
transform: translateY(-50%) translateX(-50%) rotate(50deg);
filter: drop-shadow(0 0 4px rgba(255, 255, 255, 1.0));
}

.flowcont_title03 {
position: absolute;
width: 40%;
	transform: translateY(-50%);
top: 50%;
left: 16px;
}

.flowcont_arrow003 {
position: absolute;
width: 5%;
top: 25%;
left: 50%;
transform: translateY(-50%) translateX(-50%) rotate(50deg);
filter: drop-shadow(0 0 4px rgba(255, 255, 255, 1.0));
}
.flowcont_arrow004 {
position: absolute;
width: 5%;
top: 80%;
left: 50%;
transform: translateY(-50%) translateX(-50%) rotate(-50deg);
filter: drop-shadow(0 0 4px rgba(255, 255, 255, 1.0));
}

.flowcont_title04 {
position: absolute;
width: 40%;
bottom: 16px;
right: 16px;
}
@media only screen and (max-width: 834px) {
.flex_oneday_box_back {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	object-fit: cover;
	width: 100%;
	height: 100%
}
.flowcont_title01 {
position: absolute;
width: 40%;
top: 8px;
left: 8px;
}

.flowcont_title02 {
position: absolute;
width: 40%;
	transform: translateY(-50%);
top: 50%;
right: 8px;
}
.flowcont_title03 {
position: absolute;
width: 40%;
	transform: translateY(-50%);
top: 60%;
left: 8px;
}
.flowcont_title04 {
position: absolute;
width: 40%;
bottom: 16px;
right: 8px;
}
}



/*** FACILITY ***/

.top_facility_content {
padding: 32px 0;
background-color: #39a9ab;
color: #DDD;
}
@media only screen and (max-width: 834px) {
.top_facility_content {
padding: 24px 0;
}
}
p.midashi_facility {
margin-bottom: 24px;
}
@media only screen and (max-width: 834px) {
p.midashi_facility {
margin-bottom: 16px;
}
}


.slick_slider_facility {
display: flex;
flex-wrap: wrap;
	margin:0;
	margin-bottom: 0;
	padding: 0;
	list-style: none;
}

.facility_img {
display: inline-block;
margin: 0;
padding: 0;
}


.slick_slider_facility .slick-slider,
.slick_slider_facility .slick-track {
width: auto !important;
}
.facility_img img {
max-height: 510px;
height: 510px;
max-width: inherit;
width: auto !important;
}
@media only screen and (max-width:1180px) {
.facility_img img {
max-height: 460px;
height: 460px;
}
}
@media only screen and (max-width: 834px) {
.facility_img img {
max-height: 320px;
height: 320px;
}
}
.facility_img {
  line-height: 0;
  /* font-size: 0; ← こちらでも、余白がなくなります */
  font-size: 0;
}

/*** お知らせ ***/
.top_news_content {
background-color: #DDD;
padding: 28px 0;
padding-bottom: 18px;
}
@media only screen and (max-width: 834px) {
.top_news_content {
padding: 20px 0;
padding-bottom: 8px;
}
}
/*** SNS ***/
.top_sns_content {
background-color: #DDD;
padding: 28px 0;
padding-bottom: 18px;
padding-top: 0;
}
@media only screen and (max-width: 834px) {
.top_sns_content {
padding: 20px 0;
padding-bottom: 12px;
padding-top: 0;
}
}
/*** アクセス ***/

.top_access_content {
padding: 32px 0;
background-color: #39a9ab;
color: #DDD;
text-align: center;
}
@media only screen and (max-width: 834px) {
.top_access_content {
padding: 24px 0;
}
}



.flex_top_company {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-bottom: 32px;
}
.flex_top_company_txt {
display: block;
width: calc(50% - 16px);
text-align: center;
font-weight: 300;
padding: 0 0;
}
.flex_top_company_map {
display: block;
width: calc(50% - 16px);
text-align: center;
}
.top_companybuiild {
position: relative;
display: block;
overflow: hidden;
height: 100%;
}
.top_companybuiild img {
position: absolute;
  transform:  translateX(-50%);
  object-fit: cover;
  top: 0;
  left: 50%;
  width: 100%;
  height: 100%;
}
.box_top_map {
display: block;
margin-top: 16px;
}
@media only screen and (max-width: 834px) {
.flex_top_company {
display: block;
justify-content: space-between;
flex-wrap: wrap;
margin-bottom: 24px;
}
.flex_top_company_txt {
width: auto;
padding: 0 0;
margin-bottom: 16px;
}
.flex_top_company_map {
width: auto;
}
.top_companybuiild {
height: 0;
padding-bottom: 72%;
}
}

h5.top_sakaikitahanada {
margin-bottom: 0;
line-height: 0.5;
color: #DDD;
}
h5.top_sakaikitahanada img {
margin-bottom: 24px;
width: 320px;
max-width: 80%;
}
.top_company_tel {
color: #EEE;
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-weight: 800;
  font-style: normal;
line-height: 1;
}
.top_company_tel a {
color: #EEE;
}
.top_company_tel i {
margin-right: 4px;
}

.flex_top_company_txt p a {
color: #0068b7;
text-decoration: underline;
}

.add_flex {
display: flex;
justify-content: center;
flex-wrap: wrap;
margin-bottom: 0.2em;
}
.add_flex_postal,
.add_flex_postal_add {
display: inline-block;

}

.add_flex_postal_add {
text-align: left;
margin-left: 1em;
}
@media only screen and (max-width: 834px) {
.add_flex {
display: block;
margin-bottom: 0.5em;
}
.add_flex_postal,
.add_flex_postal_add {
display: block;
}
.add_flex_postal_add {
text-align: center;
}
}
.googlemap {
display: block;
position: relative;
height: 0;
overflow: hidden;
margin: 0 0;
padding-bottom: 40%;
}
.googlemap iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}
@media only screen and (max-width: 834px) {
.googlemap {
padding-bottom: 56%;
}
}
@media only screen and (max-width: 640px) {
.googlemap {
margin: 0;
padding-bottom: 100%;
}
}





.flex_top_company_map02 {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.flex_top_company_map02_left,
.flex_top_company_map02_right {
display: block;
width: calc(50% - 16px);
padding: 0 0;
}

.googlemap_half {
display: block;
height: 100%;
position: relative;
overflow: hidden;
margin: 0 0;
}
.googlemap_half iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}

@media only screen and (max-width: 834px) {
.flex_top_company_map02 {
display: block;
}
.flex_top_company_map02_left,
.flex_top_company_map02_right {
width: auto;
}

.flex_top_company_map02_left {
margin-bottom: 24px;
}

.googlemap_half {
display: block;
height: 0%;
padding-bottom: 80%;
}
}