/*
Theme Name: footballheroes Theme
Theme URI:
Author: footballheroes
Author URI: https://footballheroes.jp
Description: Original Theme of footballheroes
Version: 1.0
License: Esolab
License URI:
Tags:
Text Domain:
*/

/****************************************
変数
****************************************/

/****************************************
共通テーマ
****************************************/

/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	font-size: 100%;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
main {
	display: block;
}

body {
	line-height: 1;
}

ol,
ul {
	list-style: none;
}

blockquote,
q {
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	font-size: 62.5%;
}

body {
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	text-size-adjust: 100%;
	color: #000;
	font-weight: 400;
	font-family: "游ゴシック体", YuGothic, "Yu Gothic", "游ゴシック", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-feature-settings: "palt";
	letter-spacing: 0.05em;
}

img {
	width: 100%;
	height: auto;
	vertical-align: bottom;
}

.mincho {
	font-family: "游明朝", "Yu Mincho", YuMincho, "游明朝体", "Hiragino Mincho ProN", "HGS明朝E", "メイリオ", Meiryo, serif;
}

/* -----------------------------------
  basic
----------------------------------- */

.sp-content {
	display: none;
}

body {
	background: #ffffff;
	font-size: 1.8rem;
}

.l-container {
	max-width: 1100px;
	margin: 0 auto;
	padding-right: 4rem;
	padding-left: 4rem;
}

.inter {
	font-family: "Inter", sans-serif;
}

.content-title {
	margin: 3em 0 1.5em;
	text-align: center;
}

.content-title .big {
	margin-bottom: 0.1em;
	font-weight: 600;
	font-size: 2.3em;
}

.content-title .small {
	color: #009E99;
	font-weight: 600;
	font-size: 1.2em;
}

.content-title2 {
	position: relative;
}

.content-title2 .back {
	color: #ffffff;
	font-weight: 600;
	font-size: 8em;
}

.content-title2 .title-text {
	position: absolute;
	bottom: 2em;
	left: 1em;
}

.content-title2 .title-text .big {
	color: #333333;
	font-weight: 600;
	font-size: 2em;
}

.content-title2 .title-text .small {
	padding-top: 0.1em;
}

.menu {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 2em 0;
}

.menu__inner {
	position: relative;
	width: 23%;
	padding: 0.5em;
	border-bottom: 1px solid #cecece;
	text-align: left;
}

.menu__inner:hover {
	background: #009E99;
}

.menu__inner:hover a .text {
	color: #ffffff;
}

.menu__inner:hover a .text .gr {
	color: #ffffff;
}

.menu__inner:hover a .arrow01 {
	border-top: solid 1px #ffffff;
	border-right: solid 1px #ffffff;
}

.menu__inner::before {
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
	width: 10%;
	border-bottom: 1px solid #009E99;
	content: "";
}

.menu__inner a {
	text-decoration: none;
}

.menu__inner a .text {
	width: 90%;
	color: #333333;
	font-weight: 600;
	font-size: 1.2em;
}

.menu__inner a .text .gr {
	display: block;
	color: #009E99;
	font-weight: 400;
	font-size: 0.8em;
}

.menu__inner a .text p {
	margin-top: 0.2em;
}

.menu__inner a .arrow01 {
	display: inline-block;
	position: absolute;
	top: 0.5em;
	right: 1em;
	width: 10px;
	height: 10px;
	margin: auto;
	margin-top: 1.5em;
	transform: rotate(45deg);
	border-top: solid 1px #009E99;
	border-right: solid 1px #009E99;
	transition: 0.3s;
}

.menu__inner:hover a .arrow01 {
	right: 0.4em;
}

.pagenavi {
	margin: 3em auto 0;
	text-align: center;
}

.pagenavi .current {
	margin: 0 0.3em;
	padding: 8px 10px;
	border: none;
	color: #036965;
}

.pagenavi .nextpostslink,
.pagenavi .page,
.pagenavi .previouspostslink,
.pagenavi span,
.pagenavi a {
	margin: 0 0.3em;
	padding: 8px 10px;
	border: none;
	color: #333333;
	text-decoration: none;
	transition: 0.3s;
}

.pagenavi .nextpostslink:hover,
.pagenavi .page:hover,
.pagenavi .previouspostslink:hover,
.pagenavi span:hover,
.pagenavi a:hover {
	color: #009E99;
}

.layerbtn {
	text-align: center;
}

.layerbtn .c-btn {
	padding: 1em 2em;
	border: 2px solid #009E99;
	background: #ffffff;
	box-shadow: 4px 4px 0 #009E99;
	color: #009E99;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	transition: 0.2s cubic-bezier(0.45, 0, 0.55, 1);
}

.layerbtn .c-btn:hover {
	transform: translateY(4px);
	box-shadow: none;
}

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

.fadeInUpTrigger {
	opacity: 0;
}

.fadeInRightTrigger {
	opacity: 0;
}

.fadeInLeftTrigger {
	opacity: 0;
}

.fadeInTrigger {
	opacity: 0;
}

.animate__delay-0-2s {
	animation-delay: 0.5s; /*この数字を指定したい遅延時間に変更*/
}

.animate__delay-1-2s {
	animation-delay: 1.5s; /*この数字を指定したい遅延時間に変更*/
}

/* -----------------------------------
  header
----------------------------------- */

.sp-hamb {
	display: none;
}

.header.fixed {
	z-index: 999;
	position: fixed;
	width: 100%;
	padding: 1em auto;
	background: #ffffff;
}

.sp-header {
	display: flex;
	z-index: 999;
	align-items: center;
	align-items: stretch;
	justify-content: space-between;
	width: 100%;
	height: 100px;
	background: #ffffff;
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.4);
}

.sp-header .logo {
	display: flex;
	width: 50%;
}

.sp-header .logo__inner {
	display: flex;
	width: 100%;
}

.sp-header .logo__inner .logo-image {
	width: 12%;
	margin: auto 0;
	padding: 0.2em 0.5em 0.2em 0em;
}

.sp-header .logo__inner .logo-image img {
	min-width: 75px;
}

.sp-header .logo__inner .site-title {
	margin: auto 0;
}

.sp-header .logo__inner .site-title .jp-title {
	display: block;
	padding-bottom: 0.5em;
	color: #333333;
	font-weight: 600;
	font-size: 1.4em;
	text-align: center;
	text-decoration: none;
}

.sp-header .logo__inner .site-title .en-title {
	display: block;
	color: #333333;
	font-weight: 600;
	text-align: center;
	text-decoration: none;
}

.sp-header .other-menu {
	width: 50%;
	margin-right: 0;
	text-align: right;
}

.sp-header .other-menu__inner {
	display: inline-block;
	width: 60%;
}

.sp-header .other-menu__inner .or-btn {
	height: 33.3333333333px;
	background: linear-gradient(-35deg, #EA8A37 60%, #ffffff 0);
	text-align: right;
	transition: 0.2s;
}

.sp-header .other-menu__inner .or-btn:hover {
	background: linear-gradient(-35deg, #009E99 60%, #ffffff 0);
}

.sp-header .other-menu__inner .or-btn a {
	display: block;
	padding: 0.4em 0.5em;
	padding-right: 2em;
	color: #ffffff;
	text-decoration: none;
}

.sp-header .other-menu__inner .gray-btn {
	height: 33.3333333333px;
	background: linear-gradient(-35deg, #003b61 71%, #ffffff 0);
	text-align: right;
}

.sp-header .other-menu__inner .gray-btn:hover {
	background: linear-gradient(-35deg, #009E99 71%, #ffffff 0);
}

.sp-header .other-menu__inner .gray-btn a {
	display: block;
	padding: 0.4em 0.5em;
	padding-right: 4em;
	color: #ffffff;
	text-decoration: none;
}

.sp-header .other-menu__inner .sns {
	height: 33.3333333333px;
	background: linear-gradient(-35deg, #fae232 82%, #ffffff 0);
	text-align: right;
}

.sp-header .other-menu__inner .sns__inner {
	display: flex;
	justify-content: flex-end;
	padding-top: 0.2em;
}

.sp-header .other-menu__inner .sns__inner .sns-title {
	width: 70%;
	margin-right: 1em;
	text-align: center;
}

.sp-header .other-menu__inner .sns__inner .sns-title a {
	display: block;
	margin: 0;
	padding: 0.33em 0.5em;
	color: #333333;
	font-weight: 600;
	text-decoration: none;
}

.sp-header .other-menu__inner .sns__inner .sns-title a:hover {
	color: #009E99;
}

.sp-header .other-menu__inner .sns__inner .icon {
	display: flex;
	justify-content: space-around;
	margin-right: 2em;
}

.sp-header .other-menu__inner .sns__inner .icon a {
	width: 4%;
	margin: auto 0.2em;
	color: #000000;
}

.sp-header .other-menu__inner .sns__inner .icon a:hover {
	color: #009E99;
}

.sp-header #hamburger {
	display: inline-block;
}

.sp-header #hamburger .btn-gNav {
	box-sizing: border-box;
	z-index: 4;
	position: relative;
	width: 100px;
	height: 100px;
	background: #009E99;
	cursor: pointer;
	transition: all 400ms;
}

.sp-header #hamburger .btn-gNav span {
	position: absolute;
	left: 0.7em;
	width: 75%;
	height: 3px;
	border-radius: 10px;
	background: #ffffff;
	transition: all 400ms;
}

.sp-header #hamburger .btn-gNav span:nth-child(1) {
	top: 25px;
}

.sp-header #hamburger .btn-gNav span:nth-child(2) {
	top: 48px;
}

.sp-header #hamburger .btn-gNav span:nth-child(3) {
	top: 70px;
}

.sp-header #hamburger .btn-gNav.open {
	z-index: 4;
}

.sp-header #hamburger .btn-gNav.open span:nth-child(1) {
	top: 47px;
	transform: rotate(-45deg);
	background: #ffffff;
}

.sp-header #hamburger .btn-gNav.open span:nth-child(2),
.sp-header #hamburger .btn-gNav.open #hamburger,
.sp-header #hamburger .btn-gNav.open span:nth-child(3) {
	top: 47px;
	transform: rotate(45deg);
	background: #ffffff;
}

.sp-header #hamburger #gNav {
	box-sizing: border-box;
	z-index: 4;
	position: fixed;
	top: 0;
	right: -100%;
	width: 50%;
	height: 100%;
	padding-top: 100px;
	background: #ffffff;
	font-size: 16px;
	transition: 0.3s;
}

.sp-header #hamburger #gNav.open {
	z-index: 3;
	right: 0px;
}

.sp-header #hamburger #gNav .gNav-menu {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
	text-align: center; /*justify-content: center;*/
}

.sp-header #hamburger #gNav .gNav-menu ul {
	display: flex;
	flex-wrap: wrap;
}

.sp-header #hamburger #gNav .gNav-menu li {
	display: block;
	width: 60%;
	margin: 0 3em;
	border-bottom: 1px solid #ccc;
	text-align: left;
}

.sp-header #hamburger #gNav .gNav-menu li a {
	display: block;
	position: relative;
	width: 100%;
	padding: 1em;
	color: #333333;
	font-weight: 600;
	font-size: 2rem;
	font-size: 1.2em;
	line-height: 1.2;
	text-decoration: none;
	transition: 0.3s;
}

.sp-header #hamburger #gNav .gNav-menu li a:hover {
	color: #009E99;
}

.sp-header #hamburger #gNav .gNav-menu li a.contact {
	background: #009E99;
	color: #ffffff;
}

.sp-header #hamburger #gNav .gNav-menu li a .arrow01 {
	display: inline-block;
	position: absolute;
	top: 0.5em;
	right: 1em;
	width: 10px;
	height: 10px;
	margin: auto;
	margin-top: 1.5em;
	transform: rotate(45deg);
	border-top: solid 1px #009E99;
	border-right: solid 1px #009E99;
	transition: 0.3s;
}

.sp-header #hamburger #gNav .gNav-menu li a:hover .arrow01 {
	right: 0.4em;
}

.sp-header #hamburger #gNav .gNav-menu .none {
	font-size: 1.2em;
}

.sp-header #hamburger #gNav .gNav-menu .none:hover {
	background-color: #ffffff;
	color: #009E99;
}

/* -----------------------------------
  footer
----------------------------------- */

.footer {
	padding: 2em 0;
	background: #009E99;
}

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

.footer__inner .company {
	display: flex;
	width: 60%;
}

.footer__inner .company .img {
	width: 25%;
	margin: auto;
	margin-bottom: 2em;
	padding: 1em;
	text-align: left;
}

.footer__inner .company .text {
	width: 75%;
	margin: auto;
	color: #ffffff;
}

.footer__inner .company .text .big {
	margin: 0.5em 0 0.3em;
	font-weight: 600;
	font-size: 1.2em;
	letter-spacing: 0.1em;
}

.footer__inner .company .text .middle {
	margin-bottom: 1em;
	font-size: 1em;
}

.footer__inner .company .text .small {
	font-size: 0.8em;
	line-height: 1.5em;
}

.footer__inner__inner {
	width: 30%;
	margin: auto;
}

.footer__inner__inner .nav {
	display: flex;
	justify-content: space-between;
}

.footer__inner__inner .nav ul li {
	padding-bottom: 0.5em;
}

.footer__inner__inner .nav ul li a {
	color: #ffffff;
	font-size: 0.8em;
	line-height: 1.3em;
	text-decoration: none;
	transition: 0.3s;
}

.footer__inner__inner .nav ul li a:hover {
	color: #F5F5F5;
}

.footer .copy {
	margin: 3em auto 1em;
	color: #ffffff;
	font-size: 0.8em;
	text-align: center;
}

/* -----------------------------------
  top
----------------------------------- */

.top-mv {
	overflow: hidden;
}

.top-mv__img {
	position: relative;
}

.top-mv__img .pc {
	display: block;
}

.top-mv__img .sp {
	display: none;
}

.top-page__inner .info__inner {
	display: flex;
	width: 100%;
	border: 2px solid #009E99;
}

.top-page__inner .info__inner .box-title {
	display: grid;
	align-items: center;
	width: 25%;
	padding: 1em;
	background: #009E99;
}

.top-page__inner .info__inner .box-title__inner {
	color: #ffffff;
	font-weight: 600;
	font-size: 1.2em;
	text-align: center;
}

.top-page__inner .info__inner .box {
	padding: 1.5em;
}

.top-page__inner .info__inner .box__inner {
	display: flex;
	margin-bottom: 1em;
}

.top-page__inner .info__inner .box__inner:last-of-type {
	margin-bottom: 0;
}

.top-page__inner .info__inner .box__inner .date {
	margin-right: 1.5em;
}

.top-page__inner .info__inner .box__inner .cat {
	margin-right: 1.5em;
}

.top-page__inner .info__inner .box__inner .cat a {
	color: #009E99;
	font-weight: 600;
	text-decoration: none;
}

.top-page__inner .info__inner .box__inner .title a {
	color: #333333;
	font-weight: 600;
	text-decoration: none;
}

.top-page__inner .info__inner .box__inner .title a:hover {
	color: #009E99;
}

.top-page__inner .info .more {
	margin: 1em 0 3em;
	text-align: right;
}

.top-page__inner .info .more a { /*形状*/
	display: inline-block;
	position: relative;
	padding-right: 2em;
	outline: none;
	color: #009E99;
	text-decoration: none;
}

.top-page__inner .info .more a::before { /*絶対配置で下線の位置を決める*/
	position: absolute;
	bottom: -7px;
	left: -10%; /*下線の形状*/
	width: 140%;
	height: 1px;
	background: #333333;
	content: ""; /*アニメーションの指定*/
	transition: all 0.3s;
}

.top-page__inner .info .more a::after { /*絶対配置で矢印の位置を決める*/
	position: absolute;
	right: -30%;
	bottom: -3px; /*矢印の形状*/
	width: 15px;
	height: 1px;
	transform: rotate(35deg);
	background: #333333;
	content: ""; /*アニメーションの指定*/
	transition: all 0.3s;
}

.top-page__inner .info .more a:hover::before {
	left: 0%;
}

.top-page__inner .info .more a:hover::after {
	right: -40%;
}

.top-page__inner .info .more a p {
	margin-right: 1em;
	color: #009E99;
	font-size: 1.2em;
	text-decoration: none;
}

.top-page__inner .whoweare__inner {
	display: flex;
}

.top-page__inner .whoweare__inner .text {
	width: 40%;
	margin: auto 0% auto 5%;
}

.top-page__inner .whoweare__inner .text .big {
	margin-bottom: 0.5em;
	font-weight: 600;
	font-size: 2.8em;
}

.top-page__inner .whoweare__inner .text .middle {
	margin-bottom: 1.2em;
	font-weight: 600;
	font-size: 2em;
}

.top-page__inner .whoweare__inner .text .middle span {
	font-weight: 400;
	font-size: 0.7em;
}

.top-page__inner .whoweare__inner .text .small {
	margin-bottom: 1em;
	font-weight: 600;
	line-height: 1.5em;
}

.top-page__inner .whoweare__inner .text .btn {
	width: 50%;
	margin: auto;
	margin-top: 1.5em;
	margin-left: 2em;
	padding: 0.5em 1em;
	background: linear-gradient(135deg, #EA8A37 0%, #EA8A37 50%, #D1D344 50%, #D1D344 100%);
	text-align: center;
}

.top-page__inner .whoweare__inner .text .btn a {
	color: #ffffff;
	font-weight: 600;
	font-size: 1.5em;
	text-decoration: none;
}

.top-page__inner .whoweare__inner .img {
	position: relative;
	width: 55%;
}

.top-page__inner .whoweare__inner .img .youtube {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}

.top-page__inner .whoweare__inner .img .youtube iframe {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}

.top-page__inner .whoweare__inner .img img {
	position: absolute;
	top: -1.3em;
	left: -2em;
	width: 14%;
}

.top-page__inner .vision {
	position: relative;
}

.top-page__inner .vision .triangle-right-top {
	position: absolute;
	top: -3em;
	right: 0;
	width: 18%;
}

.top-page__inner .vision .triangle-left-bottom {
	z-index: -1;
	position: absolute;
	bottom: -4em;
	left: 0;
	width: 18%;
}

.top-page__inner .vision__inner .img {
	width: 50%;
	margin: auto;
	margin-bottom: 1.5em;
}

.top-page__inner .vision__inner .detail {
	margin-bottom: 3em;
	font-size: 1.1em;
	line-height: 1.5em;
}

.top-page__inner .voice {
	position: relative;
	padding: 3em 0;
	background: #036965;
}

.top-page__inner .voice .triangle-left-top {
	position: absolute;
	top: 0;
	left: 0;
	width: 18%;
}

.top-page__inner .voice .triangle-right-top {
	position: absolute;
	top: 0;
	right: 0;
	width: 18%;
}

.top-page__inner .voice .triangle-left-bottom {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 18%;
}

.top-page__inner .voice .triangle-right-bottom {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 18%;
}

.top-page__inner .voice__inner .content-title {
	margin-top: 0;
}

.top-page__inner .voice__inner .content-title .big {
	color: #ffffff;
}

.top-page__inner .voice__inner .content-title .small {
	color: #ffffff;
}

.top-page__inner .voice__inner .box {
	display: flex;
	justify-content: space-between;
}

.top-page__inner .voice__inner .box__inner {
	width: 32%;
}

.top-page__inner .voice__inner .box__inner .thumb {
	width: 80%;
	margin: auto;
}

.top-page__inner .voice__inner .box__inner .thumb a img {
	width: 100%;
	clip-path: circle(70px at center 70px);
}

.top-page__inner .voice__inner .box__inner .title {
	margin-top: -2em;
}

.top-page__inner .voice__inner .box__inner .title a {
	color: #ffffff;
	font-size: 1em;
	line-height: 1.5em;
	text-decoration: none;
}

.top-page__inner .voice__inner .more {
	margin: 3em 0 1em;
	text-align: center;
}

.top-page__inner .voice__inner .more a {
	padding: 0.5em 2em;
	background: #ffffff;
	color: #333333;
	font-weight: 600;
	font-size: 1.2em;
	text-decoration: none;
	transition: 0.3s;
}

.top-page__inner .voice__inner .more a:hover {
	background: #d8eae9;
}

.top-page__inner .beginner {
	padding: 4em 0;
	background: #F5F5F5;
}

.top-page__inner .beginner__inner .content-title {
	margin: 0em 0 1.5em;
}

.top-page__inner .beginner__inner .box {
	display: flex;
	justify-content: center;
}

.top-page__inner .beginner__inner .box .img {
	width: 20%;
	padding: 1em;
}

.top-page__inner .beginner__inner .text {
	display: flex;
	margin: 2em 0 1em;
}

.top-page__inner .beginner__inner .text__inner {
	display: inline-block;
	width: 50%;
	margin: auto auto 4.5em;
	margin-right: 3em;
	margin-left: -10em;
	padding: 2em;
	background: #ffffff;
}

.top-page__inner .beginner__inner .text__inner .big {
	margin-bottom: 0.5em;
	font-weight: 600;
	font-size: 1.3em;
}

.top-page__inner .beginner__inner .text__inner .big br {
	display: none;
}

.top-page__inner .beginner__inner .text__inner .small {
	line-height: 1.5em;
}

.top-page__inner .beginner__inner .text .img {
	width: 70%;
}

.top-page__inner .beginner__inner .point {
	width: 90%;
	margin: auto;
}

.top-page__inner .school {
	background: #F5F5F5;
}

.top-page__inner .school__inner .img01 {
	margin-top: -1%;
	background: #EA8A37;
	clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 80%);
}

.top-page__inner .school__inner .img01__inner {
	transform: scaleX(0.99) scaleY(0.95);
	clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 80%);
}

.top-page__inner .school__inner .img02 {
	background: #EA8A37;
	clip-path: polygon(0% 0%, 100% 20%, 100% 100%, 0% 100%);
}

.top-page__inner .school__inner .img02__inner {
	transform: scaleX(0.99) scaleY(0.95);
	clip-path: polygon(0% 0%, 100% 20%, 100% 100%, 0% 100%);
}

.top-page__inner .school__inner .img02 {
	margin-top: -3.8%;
}

.top-page__inner .free-lesson {
	position: relative;
	padding: 3em 0;
	background: #F5F5F5;
}

.top-page__inner .free-lesson .triangle-left-top {
	position: absolute;
	top: -3em;
	left: 0;
	width: 18%;
}

.top-page__inner .free-lesson .triangle-right-bottom {
	position: absolute;
	right: 0;
	bottom: -3em;
	width: 18%;
}

.top-page__inner .free-lesson .flow {
	z-index: 1;
}

.top-page__inner .free-lesson .flow .title {
	margin-bottom: 1em;
	color: #009E99;
	font-weight: 600;
	font-size: 2em;
	text-align: center;
}

.top-page__inner .free-lesson .flow .img {
	width: 80%;
	margin: auto;
}

.top-page__inner .free-lesson__inner {
	margin-top: 4em;
}

.top-page__inner .free-lesson__inner .title {
	margin-bottom: 1em;
	color: #009E99;
	font-weight: 600;
	font-size: 2em;
	text-align: center;
}

.top-page__inner .free-lesson__inner .table {
	width: 90%;
	margin: auto;
	border: 2px solid #009E99;
	background: #ffffff;
}

.top-page__inner .free-lesson__inner .table .tr__inner {
	display: flex;
	margin: 0 2em;
	border-bottom: 1px solid #cdcdcd;
}

.top-page__inner .free-lesson__inner .table .tr__inner .th {
	width: 20%;
	padding: 1em;
	color: #009E99;
	font-weight: 600;
	font-size: 1.2em;
	text-align: center;
}

.top-page__inner .free-lesson__inner .table .tr__inner .td {
	margin: auto 0;
	padding: 1em;
	line-height: 1.5em;
}

.top-page__inner .free-lesson__inner .table .tr__inner .td br {
	display: none;
}

.top-page__inner .free-lesson__inner .table .tr__inner .td a {
	color: #EA8A37;
}

.top-page__inner .free-lesson__inner .table .tr:last-of-type .tr__inner {
	border: none;
}

.top-page__inner .media {
	padding: 3em 0 5em;
	background: #F5F5F5;
}

.top-page__inner .media .media-pick {
	display: flex;
	margin: 2em 0;
}

.top-page__inner .media .media-pick .text {
	width: 40%;
	margin: auto 0% auto 5%;
}

.top-page__inner .media .media-pick .text .content-title2 .big {
	margin-bottom: 0;
}

.top-page__inner .media .media-pick .text .content-title2 .big br {
	display: none;
}

.top-page__inner .media .media-pick .text .content-title2 .small {
	margin-bottom: 0;
}

.top-page__inner .media .media-pick .text .big {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	font-weight: 600;
	font-size: 2em;
}

.top-page__inner .media .media-pick .text .small {
	margin-bottom: 1em;
	font-weight: 600;
	font-size: 1.2em;
	line-height: 1.5em;
}

.top-page__inner .media .media-pick .text .btn {
	width: 50%;
	margin: auto;
	margin-top: 1.5em;
	margin-left: 2em;
	padding: 0.5em 1em;
	background: linear-gradient(135deg, #EA8A37 0%, #EA8A37 50%, #D1D344 50%, #D1D344 100%);
	text-align: center;
}

.top-page__inner .media .media-pick .text .btn a {
	color: #ffffff;
	font-weight: 600;
	font-size: 1.5em;
	text-decoration: none;
}

.top-page__inner .media .media-pick .img {
	position: relative;
	width: 60%;
}

.top-page__inner .media .media-pick .img .youtube {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}

.top-page__inner .media .media-pick .img .youtube iframe {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}

.top-page__inner .media .media-pick .img img {
	position: absolute;
	top: -1.5em;
	left: -1.5em;
	width: 14%;
}

.top-page__inner .media__inner {
	width: 70%;
	margin: auto;
}

.top-page__inner .media__inner .content-title {
	margin-top: 0;
}

.top-page__inner .media__inner .inner .row {
	padding: 1em;
}

.top-page__inner .media__inner .inner .row .blog-title p a {
	color: #333333;
	font-weight: 600;
	font-size: 1.2em;
	line-height: 1.5em;
	text-decoration: none;
	transition: 0.3s;
}

.top-page__inner .media__inner .inner .row .blog-title p a:hover {
	color: #009E99;
}

.top-page__inner .partnership {
	padding: 0em 0 5em;
	background: #F5F5F5;
}

.top-page__inner .partnership__inner .content-title {
	margin-top: 0;
}

.top-page__inner .partnership__inner .box {
	display: flex;
	justify-content: space-between;
	margin-top: 3em;
}

.top-page__inner .partnership__inner .box .img {
	width: 30%;
	margin: auto;
}

.top-page__inner .banner {
	display: flex;
}

.top-page__inner .banner .img {
	width: 50%;
}

.top-page__inner .banner .sponsor {
	position: relative;
	background-color: #000000;
}

.top-page__inner .banner .sponsor::after {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	content: "準備中";
	color: #ffffff;
	font-weight: 600;
	font-size: 2em;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}

.top-page__inner .banner .sponsor a img {
	opacity: 0.2;
}

.top-page__inner .banner .sponsor span img {
	opacity: 0.2;
}

/* -----------------------------------
  page
----------------------------------- */

.page .mv {
	position: relative;
	height: 300px;
	background: #ffffff;
}

.page .mv .page-title {
	position: absolute;
	top: 50%;
	left: 13em;
	transform: translate(0, -50%);
	color: #000000;
}

.page .mv .page-title .big {
	padding-bottom: 0.1em;
	font-weight: 600;
	font-size: 3.5em;
}

.page .mv .page-title .small {
	padding-left: 0.5em;
	font-size: 1.2em;
	text-align: left;
}

.page .mv2__inner {
	display: flex;
}

.page .mv2__inner .page-title {
	width: 35%;
	margin: auto;
}

.page .mv2__inner .page-title .big {
	color: #333333;
	font-weight: 600;
	font-size: 2.2em;
	text-align: center;
}

.page .mv2__inner .img {
	width: 65%;
}

/* -----------------------------------
  about-page
----------------------------------- */

.page-about__inner .hello {
	position: relative;
}

.page-about__inner .hello .triangle-left-top {
	position: absolute;
	top: 0;
	left: 0;
	width: 20%;
}

.page-about__inner .hello .triangle-left-bottom {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 18%;
}

.page-about__inner .hello .triangle-right-top {
	position: absolute;
	top: 0;
	right: 0;
	width: 10%;
}

.page-about__inner .hello .triangle-right-bottom {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 22%;
}

.page-about__inner .hello__inner__inner {
	width: 75%;
	margin: auto;
	padding: 2em 0;
}

.page-about__inner .hello__inner__inner .big {
	padding-bottom: 0.1em;
	color: #000000;
	font-weight: 600;
	font-size: 6em;
}

.page-about__inner .hello__inner__inner .small {
	padding-bottom: 0.5em;
	font-size: 1.5em;
}

.page-about__inner .hello__inner__inner .middle {
	padding-bottom: 0.5em;
	font-weight: 600;
	font-size: 2em;
}

.page-about__inner .hello__inner__inner .middle .green {
	color: #009E99;
}

.page-about__inner .hello__inner__inner .middle .text-sm {
	font-size: 0.8em;
}

.page-about__inner .hello__inner__inner .small {
	padding-bottom: 0.5em;
}

.page-about__inner .about-detail {
	background: #F5F5F5;
}

.page-about__inner .about-detail .eigo-fa {
	display: flex;
}

.page-about__inner .about-detail .eigo-fa .img {
	width: 60%;
}

.page-about__inner .about-detail .eigo-fa .text {
	display: inline-block;
	z-index: 1;
	width: 48%;
	margin: auto;
	margin-right: -8em;
	padding: 2em;
	background: #ffffff;
}

.page-about__inner .about-detail .eigo-fa .text .box-title {
	padding-bottom: 0.5em;
	color: #009E99;
	font-weight: 600;
	font-size: 2em;
}

.page-about__inner .about-detail .eigo-fa .text .box-title span {
	font-size: 0.8em;
}

.page-about__inner .about-detail .eigo-fa .text .box-subtitle {
	padding-bottom: 1em;
	color: #333333;
	font-weight: 600;
	font-size: 1.2em;
}

.page-about__inner .about-detail .eigo-fa .text .detail {
	line-height: 1.5em;
}

.page-about__inner .about-detail .en-resistance {
	display: flex;
}

.page-about__inner .about-detail .en-resistance .img {
	width: 60%;
}

.page-about__inner .about-detail .en-resistance .text {
	display: inline-block;
	z-index: 2;
	width: 50%;
	margin: auto;
	margin-left: -10em;
	padding: 2em;
	background: #ffffff;
}

.page-about__inner .about-detail .en-resistance .text .box-title {
	padding-bottom: 1em;
	color: #333333;
	font-weight: 600;
	font-size: 1.2em;
}

.page-about__inner .about-detail .en-resistance .text__inner {
	line-height: 1.5em;
}

.page-about__inner .about-detail .en-resistance .text__inner .gr {
	color: #009E99;
	font-weight: 600;
}

.page-about__inner .about-detail .en-resistance .text__inner .or {
	color: #EA8A37;
	font-weight: 600;
}

.page-about__inner .about-detail .figure {
	display: flex;
	padding: 2em 0;
}

.page-about__inner .about-detail .figure .textarea {
	width: 30%;
	margin: 2.5em auto;
	padding: 1em;
}

.page-about__inner .about-detail .figure .textarea .color {
	padding-bottom: 1em;
	color: #009E99;
	font-weight: 600;
	font-size: 1.3em;
}

.page-about__inner .about-detail .figure .textarea .color02 {
	padding-bottom: 1em;
	color: #EA8A37;
	font-weight: 600;
	font-size: 1.3em;
}

.page-about__inner .about-detail .figure .textarea__inner {
	color: #333333;
	line-height: 1.5em;
}

.page-about__inner .about-detail .figure .textarea__inner .bold {
	font-weight: 600;
}

.page-about__inner .about-detail .figure .img {
	width: 40%;
}

.page-about__inner .about-detail .voice {
	position: relative;
	padding: 3em 0;
}

.page-about__inner .about-detail .voice .triangle-left-top {
	position: absolute;
	top: 0;
	left: 0;
	width: 18%;
}

.page-about__inner .about-detail .voice .triangle-left-bottom {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 18%;
}

.page-about__inner .about-detail .voice .triangle-right-top {
	position: absolute;
	top: 0;
	right: 0;
	width: 18%;
}

.page-about__inner .about-detail .voice .triangle-right-bottom {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 18%;
}

.page-about__inner .about-detail .voice__inner .voice-title {
	margin-bottom: 2em;
	text-align: center;
}

.page-about__inner .about-detail .voice__inner .voice-title__inner {
	display: inline-block;
	padding: 0.5em 1em;
	background: #EA8A37;
	color: #ffffff;
	font-weight: 600;
	font-size: 1.5em;
}

.page-about__inner .about-detail .voice__inner .voice-box {
	display: flex;
	justify-content: space-between;
}

.page-about__inner .about-detail .voice__inner .voice-box img {
	width: 24%;
}

.page-about__inner .about-detail .faq {
	padding-top: 4em;
}

.page-about__inner .about-detail .faq__inner .faq-title {
	color: #009E99;
	font-weight: 600;
	font-size: 2.3em;
	text-align: center;
}

.page-about__inner .about-detail .faq__inner .faq-subtitle {
	padding-top: 0.5em;
	padding-bottom: 2em;
	color: #333333;
	font-weight: 600;
	text-align: center;
}

.page-about__inner .about-detail .faq__inner .faq-box__inner .question {
	display: flex;
	padding: 1em 0;
	border-bottom: 1px solid #707070;
	line-height: 1.5em;
}

.page-about__inner .about-detail .faq__inner .faq-box__inner .question .icon {
	width: 10%;
	color: #009E99;
	font-weight: 600;
	font-size: 1.8em;
	text-align: center;
}

.page-about__inner .about-detail .faq__inner .faq-box__inner .question .text {
	margin: auto 0;
	color: #333333;
	font-weight: 600;
	font-size: 1.1em;
}

.page-about__inner .about-detail .faq__inner .faq-box__inner .answer {
	display: flex;
	padding: 1em 0;
	border-bottom: 1px solid #707070;
	line-height: 1.5em;
}

.page-about__inner .about-detail .faq__inner .faq-box__inner .answer .icon {
	width: 10%;
	margin: auto 0;
	color: #EA8A37;
	font-weight: 600;
	font-size: 1.8em;
	text-align: center;
}

.page-about__inner .about-detail .faq__inner .faq-box__inner .answer .text {
	margin: auto 0;
}

.page-about__inner .about-detail .faq__inner .faqbtn {
	width: 30%;
	margin: 0em auto;
	padding: 1em 0;
	padding: 0.5em 1em;
	background: linear-gradient(135deg, #009E99 0%, #009E99 50%, #036965 50%, #036965 100%);
	color: #ffffff;
	font-weight: 600;
	font-size: 1.3em;
	text-align: center;
	text-decoration: none;
}

.page-about__inner .about-detail .faq .more__content {
	position: relative;
	height: auto;
	max-height: 250px;
	overflow: hidden;
	transition: max-height 1s;
}

.page-about__inner .about-detail .faq .more__content::after {
	display: block;
	z-index: 1;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(to bottom, transparent 100%, #F5F5F5 100%);
	content: "";
	transition: 1s;
}

.page-about__inner .about-detail .faq .more__content.open:after {
	z-index: -1;
	opacity: 0;
}

.page-about__inner .about-detail .faq .more__btn {
	display: block;
	margin: 2em auto 0;
	padding: 8px 40px;
	border: 0;
	color: #ffffff;
	cursor: pointer;
}

.page-about__inner .theaim {
	background: #F5F5F5;
}

.page-about__inner .theaim .content-title2 {
	margin-left: 5%;
}

.page-about__inner .theaim__inner .box {
	display: flex;
	width: 100%;
	padding: 1em 0;
}

.page-about__inner .theaim__inner .box .text {
	display: inline-block;
	z-index: 2;
	width: 40%;
	margin: auto 5%;
	margin-right: -10em;
	padding: 2em 1em;
	background: #ffffff;
}

.page-about__inner .theaim__inner .box .text .box-title {
	padding-bottom: 0.5em;
	font-weight: 600;
	font-size: 2em;
}

.page-about__inner .theaim__inner .box .text .box-title.yellow {
	color: #D1D344;
}

.page-about__inner .theaim__inner .box .text .box-title.orange {
	color: #EA8A37;
}

.page-about__inner .theaim__inner .box .text .box-title.green {
	color: #009E99;
}

.page-about__inner .theaim__inner .box .text .box-title.red {
	color: #d65116;
}

.page-about__inner .theaim__inner .box .text__inner {
	color: #333333;
	font-weight: 600;
	font-size: 1.5em;
	line-height: 1.5em;
}

.page-about__inner .theaim__inner .box .img {
	width: 75%;
}

.page-about__inner .banner {
	z-index: 2;
	position: fixed;
	right: -0.5em;
	bottom: -0.5em;
	width: 20%;
}

/* -----------------------------------
  location-page
----------------------------------- */

.page-location .menu {
	width: 90%;
	margin: auto;
}

.page-location .menu .menu__inner {
	width: 18%;
}

.page-location__inner {
	padding: 2em 0;
	background: #036965;
}

.page-location__inner__inner {
	position: relative;
	margin-bottom: 2em;
	padding: 2em;
	background: #F5F5F5;
}

.page-location__inner__inner .triangle-left-top {
	position: absolute;
	top: 0;
	left: 0;
	width: 25%;
}

.page-location__inner__inner .triangle-right-bottom {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 18%;
}

.page-location__inner__inner .location-name {
	padding-bottom: 2em;
}

.page-location__inner__inner .location-name .big {
	color: #009E99;
	font-weight: 600;
	font-size: 2em;
	text-align: center;
}

.page-location__inner__inner .location-name .small {
	padding-top: 0.2em;
	color: #333333;
	font-weight: 600;
	text-align: center;
}

.page-location__inner__inner .news {
	padding: 1em;
}

.page-location__inner__inner .news__title {
	margin-bottom: 1em;
}

.page-location__inner__inner .news__title p {
	display: inline-block;
	padding: 0.2em;
	background: linear-gradient(transparent 0%, #D1D344 0%);
	font-weight: bold;
	font-size: 1.2em;
	line-height: 1.4em;
}

.page-location__inner__inner .news__desc .main {
	margin-bottom: 0.5em;
	font-weight: bold;
	font-size: 1.1em;
	line-height: 1.4em;
}

.page-location__inner__inner .news__desc .sub {
	line-height: 1.4em;
}

.page-location__inner__inner .news__desc .sub span {
	margin-right: 1em;
	color: #EA8A37;
	font-weight: bold;
}

.page-location__inner__inner .table {
	width: 100%;
	margin-top: 2em;
	border: 1px solid #036965;
}

.page-location__inner__inner .table tr .pc {
	display: block;
}

.page-location__inner__inner .table tr .sp {
	display: none;
}

.page-location__inner__inner .table tr th {
	padding: 1em;
	border-bottom: 1px solid #ffffff;
	background: #036965;
	color: #ffffff;
	font-weight: 600;
}

.page-location__inner__inner .table tr th .small {
	font-size: 0.8em;
	line-height: 1.2em;
}

.page-location__inner__inner .table tr td {
	padding: 1em;
	border-right: 1px solid #036965;
	border-bottom: 1px solid #036965;
	background: #ffffff;
	text-align: center;
	vertical-align: middle;
}

.page-location__inner__inner .table tr td:last-of-type {
	border-right: none;
}

.page-location__inner__inner .table .class th {
	border-right: 1px solid #036965;
	border-bottom: 1px solid #036965;
	background: #ffffff;
	color: #036965;
	text-align: center;
}

.page-location__inner__inner .table .class th:first-of-type {
	border-bottom: 1px solid #ffffff;
	background: #036965;
}

.page-location__inner__inner .table .class th:last-of-type {
	border-right: none;
}

.page-location__inner__inner .table .gray th {
	line-height: 1.6em;
}

.page-location__inner__inner .table .gray td {
	border-bottom: 1px solid #036965;
	background: #F5F5F5;
	line-height: 1.6em;
}

.page-location__inner__inner .table .gray td .table-row {
	display: flex;
}

.page-location__inner__inner .table .gray td .table-row__left {
	width: 25%;
	font-weight: bold;
	text-align: left;
}

.page-location__inner__inner .table .gray td .table-row__right {
	width: 75%;
	text-align: left;
}

.page-location__inner__inner .comment {
	padding-top: 1em;
	font-weight: 600;
	font-size: 0.9em;
	text-align: right;
}

.page-location__inner__inner .box {
	display: flex;
	justify-content: space-between;
}

.page-location__inner__inner .box__inner {
	width: 45%;
}

.page-location__inner__inner .box__inner-title {
	margin: 2em 0;
}

.page-location__inner__inner .box__inner-title .big {
	color: #009E99;
	font-weight: 600;
	font-size: 2em;
}

.page-location__inner__inner .box__inner-title .small {
	padding-top: 0.2em;
	font-weight: 600;
}

.page-location__inner__inner .box__inner-content .schedule-box {
	padding: 2em 0;
}

.page-location__inner__inner .box__inner-content .schedule-box__inner {
	display: flex;
}

.page-location__inner__inner .box__inner-content .schedule-box__inner .class {
	margin: auto;
	padding: 0.5em;
	color: #EA8A37;
	font-weight: 600;
	font-size: 2em;
}

.page-location__inner__inner .box__inner-content .schedule-box__inner .line {
	width: 3em;
	height: 1px;
	margin: auto;
	background: #EA8A37;
	content: " ";
}

.page-location__inner__inner .box__inner-content .schedule-box__inner .symbol {
	margin: auto;
	padding: 1em;
	color: #333333;
	font-size: 1.1em;
}

.page-location__inner__inner .box__inner-content .schedule-box__inner .symbol .comment {
	margin-left: -2em;
	padding-top: 0.5em;
	color: #333333;
	font-weight: 400;
	font-size: 0.7em;
}

.page-location__inner__inner .box__inner-content .comment {
	color: #6e6e6e;
	font-weight: 600;
	text-align: center;
}

.page-location__inner__inner .box__inner-content iframe {
	width: 100%;
	margin: 2em 0;
	border: 3px solid #036965;
}

.page-location__inner { /* --------------------------------
     茨木校 カードレイアウト
  -------------------------------- */
}

.page-location__inner .ibaraki-new .new-banner {
	position: relative;
	margin: 2em 0;
	padding: 2em;
	border-radius: 12px;
	background: #D8EAE9;
}

.page-location__inner .ibaraki-new .new-banner__badge {
	display: inline-block;
	margin-bottom: 0.8em;
	padding: 0.3em 1em;
	border-radius: 20px;
	background: #EA8A37;
	color: #ffffff;
	font-weight: 700;
	font-size: 0.9em;
}

.page-location__inner .ibaraki-new .new-banner__title {
	color: #333333;
	font-weight: 700;
	font-size: 1.5em;
	line-height: 1.4;
}

.page-location__inner .ibaraki-new .new-banner__subtitle {
	margin-bottom: 0.5em;
	color: #009E99;
	font-weight: 600;
	font-size: 1.2em;
}

.page-location__inner .ibaraki-new .new-banner__meta {
	margin-bottom: 1em;
	color: #333333;
	font-weight: 600;
	font-size: 0.95em;
}

.page-location__inner .ibaraki-new .new-banner__desc p {
	margin-bottom: 0.8em;
	color: #333333;
	font-size: 0.95em;
	line-height: 1.8;
}

.page-location__inner .ibaraki-new .new-banner__desc p:last-child {
	margin-bottom: 0;
}

.page-location__inner .ibaraki-new .class-cards {
	display: flex;
	margin: 2em 0;
	gap: 1.5em;
}

.page-location__inner .ibaraki-new .class-card {
	display: flex;
	flex: 1;
	flex-direction: column;
	overflow: hidden;
	border: 2px solid #e0e0e0;
	border-radius: 12px;
	background: #ffffff;
	transition: box-shadow 0.3s;
}

.page-location__inner .ibaraki-new .class-card:hover {
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}

.page-location__inner .ibaraki-new .class-card--new {
	border-color: #EA8A37;
}

.page-location__inner .ibaraki-new .class-card__badge {
	display: inline-block;
	align-self: flex-start;
	margin: 1.5em 0 0 1.5em;
	padding: 0.25em 0.8em;
	border-radius: 16px;
	background: #EA8A37;
	color: #ffffff;
	font-weight: 700;
	font-size: 0.8em;
}

.page-location__inner .ibaraki-new .class-card__head {
	padding: 1em 1.5em;
	border-bottom: 1px solid #e8e8e8;
}

.class-card__badge + .page-location__inner .ibaraki-new .class-card__head {
	padding-top: 0.6em;
}

.page-location__inner .ibaraki-new .class-card__title {
	color: #009E99;
	font-weight: 700;
	font-size: 1.25em;
	line-height: 1.3;
}

.page-location__inner .ibaraki-new .class-card__subtitle {
	padding-top: 0.15em;
	color: #333333;
	font-weight: 600;
	font-size: 0.9em;
}

.page-location__inner .ibaraki-new .class-card__body {
	flex-grow: 1;
	padding: 1.2em 1.5em;
}

.page-location__inner .ibaraki-new .class-card__dl {
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 0.3em 1.2em;
	font-size: 0.95em;
	line-height: 1.6;
}

.page-location__inner .ibaraki-new .class-card__dl dt {
	color: #036965;
	font-weight: 600;
	white-space: nowrap;
}

.page-location__inner .ibaraki-new .class-card__dl dd {
	color: #333333;
}

.page-location__inner .ibaraki-new .class-card__dl dd strong {
	color: #EA8A37;
	font-size: 1.1em;
}

.page-location__inner .ibaraki-new .class-card__dl dd .sub {
	display: block;
	color: #999;
	font-size: 0.75em;
	line-height: 1.3;
}

.page-location__inner .ibaraki-new .class-card__note--highlight {
	display: inline-block;
	margin: 0.8em 0 0.6em;
	padding: 0.25em 0.8em;
	border-radius: 4px;
	background: #D1D344;
	color: #333333;
	font-weight: 700;
	font-size: 0.9em;
}

.page-location__inner .ibaraki-new .class-card__free-note {
	margin-top: 0.8em;
	padding: 0.5em 0.8em;
	border-radius: 6px;
	background: rgba(0, 158, 153, 0.08);
	color: #009E99;
	font-weight: 600;
	font-size: 0.85em;
	line-height: 1.5;
	text-align: center;
}

.page-location__inner .ibaraki-new .class-card__points {
	margin-top: 1.2em;
	padding-top: 1em;
	border-top: 1px solid #e8e8e8;
}

.page-location__inner .ibaraki-new .class-card__points-title {
	margin-bottom: 0.4em;
	color: #036965;
	font-weight: 700;
	font-size: 0.85em;
}

.page-location__inner .ibaraki-new .class-card__points ul {
	padding: 0;
	list-style: none;
}

.page-location__inner .ibaraki-new .class-card__points ul li {
	position: relative;
	padding-left: 1.4em;
	color: #333333;
	font-size: 0.9em;
	line-height: 1.8;
}

.page-location__inner .ibaraki-new .class-card__points ul li:before {
	position: absolute;
	left: 0;
	content: "✔";
	color: #009E99;
	font-weight: 700;
}

.page-location__inner .ibaraki-new .class-card__btn {
	display: block;
	margin: 0 1.5em 1.5em;
	padding: 0.8em;
	border-radius: 8px;
	background: #009E99;
	color: #ffffff;
	font-weight: 700;
	font-size: 0.95em;
	text-align: center;
	text-decoration: none;
	transition: opacity 0.3s;
}

.page-location__inner .ibaraki-new .class-card__btn:hover {
	opacity: 0.8;
}

.page-location__inner .kinran .catch {
	color: #EA8A37;
	font-weight: 600;
	font-size: 1.3em;
	line-height: 1.5em;
	text-align: center;
}

.page-location__inner .kinran .catch2 {
	padding: 1.5em 0;
	color: #333333;
	font-weight: 600;
	font-size: 1.2em;
	line-height: 1.5em;
	text-align: center;
}

.page-location__inner .kinran .catch2 a {
	color: #EA8A37;
}

.page-location__inner .kinran .table .class th {
	color: #333333;
	font-weight: 400;
}

.page-location__inner .kinran .table .class th:first-of-type {
	background: #036965;
	color: #ffffff;
	font-weight: 600;
}

.page-location__inner .kinran .kishibe .class th {
	color: #036965;
}

.page-location__inner .kinran .box {
	display: block;
}

.page-location__inner .kinran .box__inner {
	width: 100%;
}

.page-location__inner .kinran .box__inner-content iframe {
	aspect-ratio: 16/9;
	width: 100%;
	height: 300px;
}

/* -----------------------------------
  archive
----------------------------------- */

.archive {
	background: #F5F5F5;
}

.archive__inner {
	display: flex;
	width: 90%;
	margin: auto;
	padding: 2em 0;
}

.archive__inner .left {
	width: 75%;
}

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

.archive__inner .left .content:after {
	width: 30%;
	content: " ";
}

.archive__inner .left .content .row {
	width: 32%;
	margin-bottom: 1em;
	padding: 1em;
	background: #ffffff;
	box-shadow: 5px 5px 10px #dddddd;
}

.archive__inner .left .content .row .thumbnail {
	margin-bottom: 1em;
}

.archive__inner .left .content .row__inner .date {
	margin-bottom: 0.5em;
	font-weight: 600;
	font-size: 0.9em;
}

.archive__inner .left .content .row .title a {
	color: #333333;
	font-weight: 600;
	font-size: 1.1em;
	line-height: 1.5em;
	text-decoration: none;
}

.archive__inner .left .content .row .title a:hover {
	color: #009E99;
}

.archive__inner .right {
	width: 25%;
}

.page-blog .archive__inner .left .content .row__inner {
	display: flex;
	justify-content: space-between;
}

.page-blog .archive__inner .left .content .row__inner .cat a {
	padding: 0.1em 0.5em;
	background: #EA8A37;
	color: #ffffff;
	font-weight: 600;
	text-decoration: none;
}

.page-blog .archive__inner .blog-side .date-archive .title03 .title__inner {
	background: #EA8A37;
}

.page-blog .archive__inner .blog-side .date-archive .date-category li a:hover {
	color: #EA8A37;
}

.page-blog .archive__inner .blog-side .category-archive {
	margin-top: 2em;
}

.page-blog .archive__inner .blog-side .category-archive .title03 .title__inner {
	background: #EA8A37;
}

.page-blog .archive__inner .blog-side .category-archive .category .cat-list li a:hover {
	color: #EA8A37;
}

.page-info .archive__inner {
	display: block;
}

.page-info .archive__inner .left {
	width: 100%;
}

.page-info .archive__inner .left .content {
	display: block;
}

.page-info .archive__inner .left .content .row {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}

.page-info .archive__inner .left .content .row .thumbnail {
	width: 20%;
}

.page-info .archive__inner .left .content .row__inner {
	margin: auto 1em;
}

.page-info .archive__inner .left .content .row__inner .title a {
	transition: 0.3s;
}

.page-encolumn .archive__inner .left .content .row__inner {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.page-encolumn .archive__inner .left .content .row__inner .cat {
	width: 100%;
	margin-bottom: 0.5em;
}

.page-encolumn .archive__inner .left .content .row__inner .cat span {
	padding: 0.1em 0.5em;
	background: #009E99;
	color: #ffffff;
	font-weight: 600;
	font-size: 0.8em;
	text-decoration: none;
}

.page-encolumn .archive__inner .left .content .row__inner .cat li {
	list-style: none;
}

.page-encolumn .archive__inner .left .content .row__inner .cat li a {
	padding: 0.1em 0.5em;
	background: #009E99;
	color: #ffffff;
	font-weight: 600;
	font-size: 0.8em;
	text-decoration: none;
}

.date-archive .archive__inner {
	flex-wrap: wrap;
}

.date-archive .archive__inner .left {
	width: 100%;
}

.cat-archive .archive__inner .right .date-archive .title03 .title__inner {
	background: #EA8A37;
}

.cat-archive .archive__inner .right .date-archive .date-category .arc-list li a:hover {
	color: #EA8A37;
}

.cat-archive .archive__inner .right .category-archive .title03 .title__inner {
	background: #EA8A37;
}

.cat-archive .archive__inner .right .category-archive .title03 .category .cat-list li a:hover {
	color: #EA8A37;
}

/* -----------------------------------
  sidebar
----------------------------------- */

.date-archive .title03 .title__inner {
	width: 70%;
	margin: auto;
	padding: 0.5em 1em;
	background: #009E99;
}

.date-archive .title03 .title__inner .big {
	color: #ffffff;
	font-weight: 600;
	font-size: 1.2em;
	text-align: center;
}

.date-archive .title03 .title__inner .small {
	color: #ffffff;
	font-weight: 600;
	font-size: 0.7em;
	text-align: center;
}

.date-archive .date-category {
	width: 70%;
	margin: auto;
	padding: 1em;
	line-height: 1.5em;
}

.date-archive .date-category li {
	list-style: none;
}

.date-archive .date-category li a {
	color: #333333;
	font-weight: 600;
	font-size: 1.1em;
	text-decoration: none;
	transition: 0.3s;
}

.date-archive .date-category li a:hover {
	color: #009E99;
}

.category-archive {
	margin-top: 2em;
}

.category-archive .title03 .title__inner {
	width: 70%;
	margin: auto;
	padding: 0.5em 1em;
	background: #009E99;
}

.category-archive .title03 .title__inner .big {
	color: #ffffff;
	font-weight: 600;
	font-size: 1.2em;
	text-align: center;
}

.category-archive .title03 .title__inner .small {
	color: #ffffff;
	font-weight: 600;
	font-size: 0.7em;
	text-align: center;
}

.category-archive .category {
	width: 70%;
	margin: auto;
}

.category-archive .category .cat-list {
	padding: 1em;
}

.category-archive .category .cat-list li {
	padding-bottom: 0.5em;
}

.category-archive .category .cat-list li a {
	color: #333333;
	font-weight: 600;
	text-decoration: none;
	transition: 0.3s;
}

.category-archive .category .cat-list li a:hover {
	color: #009E99;
}

.category-archive .category .cat-list.en-column {
	padding: 1em 0.5em;
}

.category-archive .category .cat-list.en-column li a {
	font-size: 0.9em;
}

/* -----------------------------------
  single
----------------------------------- */

.single {
	background: #F5F5F5;
}

.single__inner {
	display: flex;
	width: 90%;
	margin: auto;
	padding: 2em 0;
}

.single__inner .left {
	width: 75%;
}

.single__inner .left .content__inner {
	padding: 3em;
	background: #ffffff;
}

.single__inner .left .content__inner__inner .date {
	margin-bottom: 1em;
}

.single__inner .left .content__inner .article-title {
	margin-bottom: 0.9em;
	font-weight: 600;
	font-size: 1.2em;
	line-height: 1.5em;
}

.single__inner .left .content__inner .thumbnail {
	margin-bottom: 1em;
}

.single__inner .left .btn {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 3.5em;
	padding-bottom: 3.5em;
}

.single__inner .left .btn .btn__content {
	width: 30%;
}

.single__inner .left .btn .btn__content .previous a {
	color: #333333;
	text-decoration: none;
	transition: 0.3s;
}

.single__inner .left .btn .btn__content .previous a:hover {
	color: #009E99;
}

.single__inner .left .btn .btn__content .next {
	text-align: right;
}

.single__inner .left .btn .btn__content .next a {
	color: #333333;
	text-decoration: none;
	transition: 0.3s;
}

.single__inner .left .btn .btn__content .next a:hover {
	color: #009E99;
}

.single__inner .left .btn .blog-link {
	text-align: center;
}

.single__inner .left .btn .blog-link a {
	width: 30%;
	padding: 1em;
	border: 1px solid #009E99;
	color: #009E99;
	font-weight: 600;
	text-decoration: none;
	transition: 0.3s;
}

.single__inner .left .btn .blog-link a:hover {
	background: #009E99;
	color: #ffffff;
}

.single__inner .right {
	width: 25%;
}

.single-blog .single__inner .left .content__inner__inner .date {
	display: flex;
	margin-bottom: 2em;
}

.single-blog .single__inner .left .content__inner__inner .date__inner {
	margin: auto 2em auto 0;
}

.single-blog .single__inner .left .content__inner__inner .date .cat p {
	padding: 0.5em !important;
	background: #EA8A37;
	color: #ffffff;
	font-weight: 600;
}

.single-blog .single__inner .blog-side .date-archive .title03 .title__inner {
	background: #EA8A37;
}

.single-blog .single__inner .blog-side .date-archive .date-category li a:hover {
	color: #EA8A37;
}

.single-blog .single__inner .blog-side .category-archive {
	margin-top: 2em;
}

.single-blog .single__inner .blog-side .category-archive .title03 .title__inner {
	background: #EA8A37;
}

.single-blog .single__inner .blog-side .category-archive .category .cat-list li a:hover {
	color: #EA8A37;
}

.single-encolumn .single__inner .left .content__inner__inner .date {
	display: flex;
	margin-bottom: 2em;
}

.single-encolumn .single__inner .left .content__inner__inner .date__inner {
	margin: auto 2em auto 0;
}

.single-encolumn .single__inner .left .content__inner__inner .date .cat p {
	padding: 0.5em;
	background: #009E99;
	color: #ffffff;
	font-weight: 600;
}

.page-info .single__inner {
	display: block;
}

.page-info .single__inner .left {
	margin: auto;
}

/* -----------------------------------
  schedule-page
----------------------------------- */

.page-schedule {
	background: #036965;
}

.page-schedule__inner {
	padding: 3em 4rem;
}

.page-schedule__inner__inner {
	padding: 3em;
	border-radius: 40px;
	background: #ffffff;
}

.page-schedule__inner__inner iframe {
	width: 100%;
	height: 800px;
	border: 3px solid #EA8A37;
}

/* -----------------------------------
 concerned-page
----------------------------------- */

.page-concerned__inner .catch {
	position: relative;
	padding: 4em 0;
	background: #D8EAE9;
}

.page-concerned__inner .catch .triangle-left-top {
	position: absolute;
	top: 0;
	left: 0;
	width: 23%;
}

.page-concerned__inner .catch .triangle-left-bottom {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 18%;
}

.page-concerned__inner .catch .triangle-right-top {
	position: absolute;
	top: 0;
	right: 0;
	width: 12%;
}

.page-concerned__inner .catch .triangle-right-bottom {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 25%;
}

.page-concerned__inner .catch .big {
	margin-bottom: 0.5em;
	color: #009E99;
	font-weight: 600;
	font-size: 2em;
	text-align: center;
}

.page-concerned__inner .catch .detail {
	color: #333333;
	font-weight: 600;
	line-height: 1.5em;
	text-align: center;
}

.page-concerned__inner .point {
	padding-top: 2em;
	background: #F5F5F5;
}

.page-concerned__inner .point .content-title2 {
	margin-left: 5%;
}

.page-concerned__inner .point__inner .box {
	display: flex;
	padding-bottom: 2em;
}

.page-concerned__inner .point__inner .box__inner {
	display: inline-block;
	z-index: 2;
	width: 50%;
	margin: auto;
	margin-right: -10em;
	padding: 2em;
	background: #ffffff;
}

.page-concerned__inner .point__inner .box__inner .num {
	margin-bottom: 0.5em;
	color: #009E99;
	font-weight: 600;
	font-size: 2.5em;
}

.page-concerned__inner .point__inner .box__inner .title {
	margin-bottom: 0.5em;
	color: #333333;
	font-weight: 600;
	font-size: 1.5em;
}

.page-concerned__inner .point__inner .box__inner .detail {
	color: #333333;
	line-height: 1.5em;
}

.page-concerned__inner .point__inner .box .img {
	width: 60%;
}

.page-concerned__inner .point__inner .box02 {
	display: flex;
	margin-bottom: 2em;
}

.page-concerned__inner .point__inner .box02__inner {
	display: inline-block;
	z-index: 2;
	width: 50%;
	margin: auto;
	margin-left: -10em;
	padding: 2em;
	background: #ffffff;
}

.page-concerned__inner .point__inner .box02__inner .num {
	margin-bottom: 0.5em;
	color: #009E99;
	font-weight: 600;
	font-size: 2.5em;
}

.page-concerned__inner .point__inner .box02__inner .title {
	margin-bottom: 0.5em;
	color: #333333;
	font-weight: 600;
	font-size: 1.5em;
}

.page-concerned__inner .point__inner .box02__inner .detail {
	color: #333333;
	line-height: 1.5em;
}

.page-concerned__inner .point__inner .box02 .img {
	width: 60%;
}

.page-concerned__inner .voice {
	position: relative;
	padding-bottom: 5em;
	background: #F5F5F5;
}

.page-concerned__inner .voice .triangle-right-top {
	position: absolute;
	top: -2em;
	right: 0;
	width: 18%;
}

.page-concerned__inner .voice .triangle-left-bottom {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 18%;
}

.page-concerned__inner .voice__inner .content-title2 {
	margin-left: 5%;
}

.page-concerned__inner .voice__inner__inner .box {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	padding-bottom: 3em;
}

.page-concerned__inner .voice__inner__inner .box img {
	width: 40%;
	padding: 1em;
}

/* -----------------------------------
 members-page
----------------------------------- */

.page-members .menu {
	justify-content: space-around;
}

.page-members .menu__inner {
	width: 25%;
}

.page-members__inner .wear {
	padding: 3em 0;
	background: #F5F5F5;
}

.page-members__inner .wear .content-title {
	margin-top: 0;
	padding-bottom: 2em;
}

.page-members__inner .wear__inner {
	display: flex;
	width: 80%;
	margin: auto;
	margin-bottom: 3em;
}

.page-members__inner .wear__inner .img {
	width: 40%;
	margin: auto 1em;
}

.page-members__inner .wear__inner .text {
	width: 60%;
	margin: auto;
	margin-left: 1em;
}

.page-members__inner .wear__inner .text .title {
	margin-bottom: 0.5em;
	color: #036965;
	font-weight: 600;
	font-size: 1.3em;
}

.page-members__inner .wear__inner .text .detail {
	margin-bottom: 1em;
	line-height: 1.5em;
}

.page-members__inner .wear__inner .text .comments {
	font-size: 0.8em;
	line-height: 1.3em;
}

.page-members__inner .wear__inner .text .box-content {
	display: flex;
	margin-top: 1.5em;
}

.page-members__inner .wear__inner .text .box-content__inner .title {
	margin-bottom: 0;
	padding: 0.5em 1em;
	background: #036965;
	color: #ffffff;
	font-size: 1.1em;
	text-align: center;
}

.page-members__inner .wear__inner .text .box-content__inner .detail {
	padding: 0.5em;
	background: #ffffff;
}

.page-members__inner .wear__inner .text .box-content .price {
	width: 40%;
	margin-left: 1em;
}

.page-members__inner .wear__inner .text .box-content .price .detail .detail__inner {
	width: 100%;
}

.page-members__inner .wear__inner .text .box-content .price .detail .detail__inner .detail__inner__inner {
	width: 100%;
}

.page-members__inner .wear__inner .text .box-content .size {
	width: 60%;
}

.page-members__inner .wear .reverse .box-content {
	flex-wrap: wrap;
}

.page-members__inner .wear .reverse .box-content__inner {
	width: 100%;
}

.page-members__inner .wear .reverse .box-content .price {
	width: 100%;
	margin-left: 0;
}

.page-members__inner .wear .reverse .box-content .price .detail {
	display: flex;
}

.page-members__inner .wear .reverse .box-content .price .detail__inner {
	width: 50%;
	margin: auto;
}

.page-members__inner .wear .reverse .box-content .price .detail__inner .size-title {
	width: 75%;
	font-weight: 600;
	text-align: center;
}

.page-members__inner .wear .reverse .box-content .price .detail__inner__inner {
	width: 75%;
	margin: auto;
}

.page-members__inner .wear .reverse .box-content .size {
	width: 100%;
}

.page-members__inner .infomation {
	position: relative;
	padding-bottom: 3em;
}

.page-members__inner .infomation .triangle-left-top {
	position: absolute;
	top: 0;
	left: 0;
	width: 18%;
}

.page-members__inner .infomation .triangle-right-bottom {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 18%;
}

.page-members__inner .infomation__inner .infomation-title {
	padding: 1em 0;
	color: #009E99;
	font-weight: 600;
	font-size: 2.5em;
	text-align: center;
}

.page-members__inner .infomation__inner .box {
	margin-bottom: 2em;
	padding: 2em;
	border: 2px solid #009E99;
	box-shadow: 4px 4px 0 #009E99;
}

.page-members__inner .infomation__inner .box__inner .box-title {
	padding-bottom: 1em;
	color: #009E99;
	font-weight: 600;
	font-size: 1.5em;
	text-align: center;
}

.page-members__inner .infomation__inner .box__inner .box-detail {
	line-height: 1.5em;
	text-align: center;
}

.page-members__inner .infomation__inner .box__inner .more {
	margin: 1em 0;
	padding-right: 1em;
	text-align: right;
}

.page-members__inner .infomation__inner .box__inner .more a { /*形状*/
	display: inline-block;
	position: relative;
	padding-right: 2em;
	outline: none;
	color: #009E99;
	text-decoration: none;
}

.page-members__inner .infomation__inner .box__inner .more a::before { /*絶対配置で下線の位置を決める*/
	position: absolute;
	bottom: -7px;
	left: -10%; /*下線の形状*/
	width: 140%;
	height: 1px;
	background: #333333;
	content: ""; /*アニメーションの指定*/
	transition: all 0.3s;
}

.page-members__inner .infomation__inner .box__inner .more a::after { /*絶対配置で矢印の位置を決める*/
	position: absolute;
	right: -30%;
	bottom: -3px; /*矢印の形状*/
	width: 15px;
	height: 1px;
	transform: rotate(35deg);
	background: #333333;
	content: ""; /*アニメーションの指定*/
	transition: all 0.3s;
}

.page-members__inner .infomation__inner .box__inner .more a:hover::before {
	left: 0%;
}

.page-members__inner .infomation__inner .box__inner .more a:hover::after {
	right: -40%;
}

.page-members__inner .infomation__inner .box__inner .more a p {
	margin-right: 1em;
	color: #009E99;
	font-size: 1.2em;
	text-decoration: none;
}

.page-members__inner .form {
	padding: 2em 0;
	background: #F5F5F5;
}

.page-members__inner .form__inner .content-title {
	margin-top: 0;
}

.page-members__inner .form__inner .btn-box {
	display: flex;
	justify-content: center;
}

.page-members__inner .form__inner .btn-box .layerbtn {
	width: 50%;
	margin: 2em;
}

.page-members__inner .form__inner .btn-box .layerbtn .c-btn {
	display: block;
	width: 100%;
	font-size: 1.3em;
}

.page-members__inner .form__inner .btn-box .layerbtn.gray .c-btn {
	border: 2px solid #036965;
	background: #bebebe;
	box-shadow: 4px 4px 0 #036965;
	color: #ffffff;
}

.page-members__inner .form__inner .btn-box .layerbtn.gray .c-btn:hover {
	transform: translateY(4px);
	box-shadow: none;
}

/* -----------------------------------
 form-page
----------------------------------- */

.page-form__inner {
	position: relative;
	padding: 3em 0;
	background: #F5F5F5;
}

.page-form__inner .triangle-left-top {
	position: absolute;
	top: 0;
	left: 0;
	width: 18%;
}

.page-form__inner .triangle-right-top {
	position: absolute;
	top: 0;
	right: 0;
	width: 18%;
}

.page-form__inner .triangle-left-bottom {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 18%;
}

.page-form__inner .triangle-right-bottom {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 18%;
}

.page-form__inner .content-title {
	margin: 0;
	padding-bottom: 3em;
}

.page-form .content .wpcf7 .wpcf7-form .row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 90%;
	margin: auto;
	margin-bottom: 1em;
}

.page-form .content .wpcf7 .wpcf7-form .row .name {
	width: 30%;
	color: #333333;
	font-weight: 600;
	line-height: 1.3em;
	text-align: left;
}

.page-form .content .wpcf7 .wpcf7-form .row .name .must {
	color: #e34040;
}

.page-form .content .wpcf7 .wpcf7-form .row .text-area {
	width: 70%;
	color: #333333;
}

.page-form .content .wpcf7 .wpcf7-form .row .text-area .your-email .wpcf7c-conf {
	background: #ffffff;
}

.page-form .content .wpcf7 .wpcf7-form .row .text-area .your-email_confirm .wpcf7c-conf {
	background: #ffffff;
}

.page-form .content .wpcf7 .wpcf7-form .row .text-area .title-menu .title-menu {
	padding: 0.5em;
	font-size: 1em;
}

.page-form .content .wpcf7 .wpcf7-form .row .text-area .title-menu .wpcf7c-conf {
	background: #ffffff;
}

.page-form .content .wpcf7 .wpcf7-form .row .text-area .class {
	width: 100%;
}

.page-form .content .wpcf7 .wpcf7-form .row .text-area .class select {
	padding: 0.5em;
}

.page-form .content .wpcf7 .wpcf7-form .row .text-area .wpcf7-form-control-wrap {
	display: block;
	text-align: left;
}

.page-form .content .wpcf7 .wpcf7-form .row .text-area .wpcf7-form-control-wrap .timeoff01 {
	display: inline-block;
}

.page-form .content .wpcf7 .wpcf7-form .row .text-area .wpcf7-form-control-wrap .timeoff02 {
	display: inline-block;
}

.page-form .content .wpcf7 .wpcf7-form .row .text-area .wpcf7-form-control-wrap .wpcf7-select {
	padding: 1em;
}

.page-form .content .wpcf7 .wpcf7-form .row .text-area .wpcf7-form-control-wrap .wpcf7-text {
	width: 100%;
	padding: 1em;
}

.page-form .content .wpcf7 .wpcf7-form .row .text-area .wpcf7-form-control-wrap .wpcf7-textarea {
	width: 100%;
	padding: 1em;
	resize: vertical;
}

.page-form .content .wpcf7 .wpcf7-form .row .text-area .wpcf7-form-control-wrap .wpcf7-checkbox .has-free-text {
	display: block;
}

.page-form .content .wpcf7 .wpcf7-form .row .text-area .wpcf7-form-control-wrap .wpcf7-checkbox .has-free-text .wpcf7-free-text {
	display: inline-block;
	width: 64%;
	padding: 0.5em;
}

.page-form .content .wpcf7 .wpcf7-form .row .text-area .detail {
	width: 100%;
	height: 250px;
}

.page-form .content .wpcf7 .wpcf7-form .row .text-area .detail .detail {
	padding: 1em;
}

.page-form .content .wpcf7 .wpcf7-form .row .text-area .detail .wpcf7c-conf {
	background: #ffffff;
}

.page-form .content .wpcf7 .wpcf7-form .row .radio {
	line-height: 2em;
}

.page-form .content .wpcf7 .wpcf7-form .row .wpcf7-radio .has-free-text {
	width: 100%;
	margin-top: 0.5em;
}

.page-form .content .wpcf7 .wpcf7-form .row .wpcf7-radio .has-free-text .wpcf7-free-text {
	width: 72%;
	padding: 1em;
	border: 1px solid #333333;
	background: #ffffff;
}

.page-form .content .wpcf7 .wpcf7-form .praivacy01 {
	margin-top: 2em;
	margin-bottom: 2em;
}

.page-form .content .wpcf7 .wpcf7-form .praivacy01 .privacy_wrap {
	box-sizing: border-box;
	width: 90%;
	height: 300px;
	margin: 0 auto;
	margin-bottom: 1em;
	overflow-y: scroll;
	border: 3px solid #EA8A37;
	background-color: #ffffff;
}

.page-form .content .wpcf7 .wpcf7-form .praivacy01 .privacy_wrap .privacy_txt {
	padding: 2em;
}

.page-form .content .wpcf7 .wpcf7-form .praivacy01 .privacy_wrap .privacy_txt p {
	margin-bottom: 1em;
	color: #000000;
	font-size: 0.9em;
	line-height: 1.3em;
	text-align: left;
}

.page-form .content .wpcf7 .wpcf7-form .praivacy01 .privacy_wrap .privacy_txt p b {
	display: block;
	font-weight: 600;
}

.page-form .content .wpcf7 .wpcf7-form .praivacy01 .privacy_wrap .privacy_txt .t_center {
	font-weight: 600;
	font-size: 1.2em;
	text-align: center;
	text-align: center;
}

.page-form .content .wpcf7 .wpcf7-form .praivacy01 .privacy_wrap .privacy_txt .timeoff {
	color: #333333;
	font-weight: 600;
	line-height: 1.5em;
}

.page-form .content .wpcf7 .wpcf7-form .praivacy01 .privacy_wrap .privacy_txt .timeoff .red {
	color: #e34040;
}

.page-form .content .wpcf7 .wpcf7-form p {
	text-align: center;
}

.page-form .content .wpcf7 .wpcf7-form p .acceptance-273 {
	margin-bottom: 3.5em;
}

.page-form .content .wpcf7 .wpcf7-form p .acceptance-273 .wpcf7-acceptance .wpcf7-list-item {
	margin: 0;
}

.page-form .content .wpcf7 .wpcf7-form p input[type=submit] {
	-webkit-appearance: none;
	border-radius: 0;
}

.page-form .content .wpcf7 .wpcf7-form p .btn {
	padding: 0.5em 3em;
	border: 3px solid #EA8A37;
	background: #F5F5F5;
	box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.22), 0 2px 3px 0 rgba(0, 0, 0, 0.32);
	color: #333333;
	font-weight: 600;
	font-size: 1em;
	transition: 0.3s;
}

.page-form .content .wpcf7 .wpcf7-form p .btn:hover {
	transform: translateY(-4px);
	box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.25), 0 0 5px rgba(0, 0, 0, 0.15);
}

.page-form .content .wpcf7 .wpcf7-form p .wpcf7-back {
	margin-right: 0.5em;
}

.page-form .content .wpcf7 .wpcf7-form p .wpcf7-submit {
	margin-left: 0.5em;
}

.page-form .content .wpcf7 .custom-wpcf7c-confirmed input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0px 1000px #fff inset;
}

.page-form .content .wpcf7 .custom-wpcf7c-confirmed .row .name .must {
	display: none;
}

.page-form .content .wpcf7 .custom-wpcf7c-confirmed .row .text-area .wpcf7-form-control-wrap .wpcf7-text {
	background: #ffffff;
}

.page-form .content .wpcf7 .custom-wpcf7c-confirmed .row .text-area .detail {
	height: 250px;
}

/* -----------------------------------
  EBT予約ページ
----------------------------------- */

.ebt-page .content .wpcf7 .wpcf7-form .sub-note {
	display: block;
	margin-top: 0.3em;
	color: #888;
	font-size: 0.8em;
	line-height: 1.4;
}

.ebt-page .content .wpcf7 .wpcf7-form .row .text-area .sub-note {
	display: block;
	margin-top: 0.3em;
	color: #888;
	font-size: 0.8em;
	line-height: 1.4;
}

.ebt-page .content .wpcf7 .wpcf7-form .row .text-area input[type=date] {
	box-sizing: border-box;
	width: 100%;
	padding: 0.8em;
	border: 1px solid #333333;
}

.ebt-page .content .wpcf7 .wpcf7-form .row--agreement .text-area .wpcf7-acceptance {
	display: block;
	margin-bottom: 1em;
}

.ebt-page .content .wpcf7 .wpcf7-form .row--agreement .text-area .wpcf7-acceptance .wpcf7-list-item {
	margin: 0;
}

.ebt-page .content .wpcf7 .wpcf7-form .row--agreement .text-area .wpcf7-acceptance .wpcf7-list-item label {
	display: flex;
	align-items: flex-start;
	gap: 0.5em;
	font-size: 0.9em;
	line-height: 1.6;
}

/* -----------------------------------
 coach-page
----------------------------------- */

.page-coach__inner {
	background: #036965;
}

.page-coach__inner .content {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 3em 4rem 1em;
}

.page-coach__inner .content .box {
	width: 30%;
	padding-bottom: 2em;
}

.page-coach__inner .content .box a {
	display: block;
	color: #ffffff;
	font-weight: 600;
	text-decoration: none;
}

.page-coach__inner .content .box a .img {
	position: relative;
}

.page-coach__inner .content .box a .img img {
	border-bottom: 5px solid #EA8A37;
}

.page-coach__inner .content .box a .img::after {
	position: absolute;
	top: -0.5em;
	left: -0.5em;
	width: 100%;
	height: 100%;
	border: 2px solid #EA8A37;
	content: " ";
}

.page-coach__inner .content .box a .name {
	padding: 0.5em;
	font-size: 1.5em;
	line-height: 1em;
	text-align: center;
}

.page-coach__inner .content .box a .name .small {
	font-size: 0.7em;
}

.page-coach__inner .content .box:nth-child(even) a .img img {
	border-bottom: 5px solid #D1D344;
}

.page-coach__inner .content .box:nth-child(even) a .img::after {
	border: 2px solid #D1D344;
}

.page-coach__inner .content .modal .content-title {
	margin: 0;
}

.page-coach__inner .content #box {
	display: none;
}

.page-coach__inner .content #box2 {
	display: none;
}

.page-coach__inner .content #box3 {
	display: none;
}

.page-coach__inner .content #box4 {
	display: none;
}

.page-coach__inner .content #box5 {
	display: none;
}

.page-coach__inner .content #box6 {
	display: none;
}

/* -----------------------------------
 モーダル
----------------------------------- */

.modaal-wrapper .modaal-outer-wrapper .modaal-inner-wrapper .modaal-container .modaal-content .modaal-content-container .content-title {
	margin: 1.5em 0 2em;
}

.modaal-wrapper .modaal-outer-wrapper .modaal-inner-wrapper .modaal-container .modaal-content .modaal-content-container .director-content {
	display: flex;
	justify-content: space-between;
	margin-bottom: 1em;
}

.modaal-wrapper .modaal-outer-wrapper .modaal-inner-wrapper .modaal-container .modaal-content .modaal-content-container .director-content .img {
	width: 30%;
	margin: auto;
	margin-right: 1em;
}

.modaal-wrapper .modaal-outer-wrapper .modaal-inner-wrapper .modaal-container .modaal-content .modaal-content-container .director-content .text {
	width: 70%;
}

.modaal-wrapper .modaal-outer-wrapper .modaal-inner-wrapper .modaal-container .modaal-content .modaal-content-container .director-content .text .text-title {
	margin-bottom: 1em;
	font-weight: 600;
	font-size: 1.5em;
	line-height: 1.5em;
}

.modaal-wrapper .modaal-outer-wrapper .modaal-inner-wrapper .modaal-container .modaal-content .modaal-content-container .director-content .text .detail {
	font-size: 0.9em;
	line-height: 1.5em;
}

.modaal-wrapper .modaal-outer-wrapper .modaal-inner-wrapper .modaal-container .modaal-content .modaal-content-container .modal__inner {
	display: flex;
}

.modaal-wrapper .modaal-outer-wrapper .modaal-inner-wrapper .modaal-container .modaal-content .modaal-content-container .modal__inner .coach-info {
	width: 70%;
}

.modaal-wrapper .modaal-outer-wrapper .modaal-inner-wrapper .modaal-container .modaal-content .modaal-content-container .modal__inner .coach-info .modal__inner__inner {
	margin-bottom: 1em;
}

.modaal-wrapper .modaal-outer-wrapper .modaal-inner-wrapper .modaal-container .modaal-content .modaal-content-container .modal__inner .coach-info .modal__inner__inner .text-title {
	margin-bottom: 1em;
	padding: 0.5em 1em;
	background: #036965;
	color: #ffffff;
	font-weight: 600;
	font-size: 1.2em;
	text-align: center;
}

.modaal-wrapper .modaal-outer-wrapper .modaal-inner-wrapper .modaal-container .modaal-content .modaal-content-container .modal__inner .coach-info .modal__inner__inner .list li {
	display: flex;
	color: #333333;
	font-size: 0.9em;
	line-height: 1.5em;
}

.modaal-wrapper .modaal-outer-wrapper .modaal-inner-wrapper .modaal-container .modaal-content .modaal-content-container .modal__inner .coach-info .modal__inner__inner .list li span {
	margin-right: 1em;
	color: #EA8A37;
	font-size: 0.9em;
}

.modaal-wrapper .modaal-outer-wrapper .modaal-inner-wrapper .modaal-container .modaal-content .modaal-content-container .modal__inner .coach-info .modal__inner__inner .comment {
	color: #333333;
	font-size: 0.9em;
	line-height: 1.5em;
}

.modaal-wrapper .modaal-outer-wrapper .modaal-inner-wrapper .modaal-container .modaal-content .modaal-content-container .modal__inner .flex {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.modaal-wrapper .modaal-outer-wrapper .modaal-inner-wrapper .modaal-container .modaal-content .modaal-content-container .modal__inner .flex .modal__inner__inner {
	width: 100%;
	margin-top: 1em;
}

.modaal-wrapper .modaal-outer-wrapper .modaal-inner-wrapper .modaal-container .modaal-content .modaal-content-container .modal__inner .flex .width {
	width: 100%;
}

.modaal-wrapper .modaal-outer-wrapper .modaal-inner-wrapper .modaal-container .modaal-content .modaal-content-container .modal__inner .img {
	width: 30%;
	margin-right: 1em;
}

.modaal-wrapper .modaal-outer-wrapper .modaal-inner-wrapper .modaal-container .modaal-content .modaal-content-container .reverse .img {
	margin-left: 1em;
}

.modaal-wrapper .modaal-outer-wrapper .modaal-inner-wrapper .modaal-container button {
	top: 3em;
	right: 3em;
}

/* -----------------------------------
 contact-page
----------------------------------- */

.contact-page .content .border .menu__inner .parent {
	cursor: pointer;
}

.contact-page .content .border .menu__inner .parent .text {
	width: 90%;
	color: #333333;
	font-weight: 600;
	font-size: 1.2em;
}

.contact-page .content .border .menu__inner .parent .text .gr {
	color: #009E99;
	font-weight: 400;
	font-size: 0.8em;
}

.contact-page .content .border .menu__inner .parent .arrow01 {
	display: inline-block;
	position: absolute;
	top: 0.5em;
	right: 1em;
	width: 10px;
	height: 10px;
	margin: auto;
	margin-top: 1.5em;
	transform: rotate(45deg);
	border-top: solid 1px #009E99;
	border-right: solid 1px #009E99;
	transition: 0.3s;
}

.contact-page .content .border .menu__inner:hover .parent .arrow01 {
	right: 0.4em;
}

.contact-page .content .content_area .wpcf7 .wpcf7-form .row .text-area .wpcf7-checkbox .wpcf7-list-item label {
	line-height: 1.5em;
}

.contact-page .content .content_area .wpcf7 .wpcf7-form .row .text-area .comment {
	margin-left: 2.5em;
	line-height: 1.5em;
	text-align: left;
}

.contact-page .content .content_area .wpcf7 .wpcf7-form .row .text-area .comment span {
	font-size: 0.8em;
}

.contact-page .content .content_area .wpcf7 .wpcf7-form .row .text-area .comment a {
	color: #EA8A37;
	font-size: 0.8em;
	word-break: break-word;
}

.contact-page .content .content_area .wpcf7 .wpcf7-form p .btn {
	margin: 2em 0;
}

.contact-page .content .content_area .page-form__inner .content p {
	line-height: 1.5em;
}

.contact-page .content .content_area .page-form__inner .content p .bold {
	font-weight: 600;
	font-size: 1.2em;
	line-height: 1.5em;
}

.contact-page .content .content_area .page-form__inner .content p .center {
	display: block;
	padding-bottom: 3em;
	text-align: center;
}

/* -----------------------------------
 en
----------------------------------- */

.en .page-about__inner .about-detail .head-of-academy .content-title2 {
	margin-left: 5%;
}

.en .page-about__inner .about-detail .head-of-academy .box {
	display: flex;
	width: 85%;
	margin: 2em auto 0;
	padding-bottom: 2em;
}

.en .page-about__inner .about-detail .head-of-academy .box .text {
	margin: auto;
	margin-left: 2em;
	padding: 2em 3em;
	background: #ffffff;
}

.en .page-about__inner .about-detail .head-of-academy .box .text .box-title {
	margin-bottom: 1em;
}

.en .page-about__inner .about-detail .head-of-academy .box .text .box-title span {
	color: #009E99;
	font-weight: 600;
	font-size: 2em;
}

.en .page-about__inner .about-detail .head-of-academy .box .text .text__inner {
	margin-bottom: 1em;
	line-height: 1.5em;
}

.en .page-about__inner .about-detail .head-of-academy .box .text .catch {
	color: #009E99;
	font-size: 1.6em;
}

.en .page-about__inner .location {
	padding: 3em 0;
}

.en .page-about__inner .location .location-title {
	color: #036965;
	font-weight: 600;
	font-size: 3em;
	text-align: center;
}

.en .page-about__inner .location .menu {
	width: 85%;
	margin: auto;
}

.en .page-about__inner .location .menu__inner {
	width: 19%;
}

.en .page-about__inner .location .menu__inner a .arrow01 {
	top: -0.7em;
}

.en .page-about__inner .location .page-location__inner {
	background: #ffffff;
}

.en .page-about__inner .location .page-location__inner__inner {
	box-shadow: 5px 5px 10px #dddddd;
}

.en .page-about__inner .location .page-location__inner__inner .table {
	border: none;
}

.en .page-about__inner .location .page-location__inner__inner .table:last-of-type {
	margin-top: 0;
}

.en .page-about__inner .location .page-location__inner__inner .table tr th {
	width: 33%;
	border-bottom: 1px solid #333333;
	background: #F5F5F5;
	color: #333333;
	font-weight: 600;
	vertical-align: middle;
}

.en .page-about__inner .location .page-location__inner__inner .table tr th span {
	font-size: 0.6em;
}

.en .page-about__inner .location .page-location__inner__inner .table tr .long {
	width: 40%;
}

.en .page-about__inner .location .page-location__inner__inner .table tr .short {
	width: 30%;
}

.en .page-about__inner .location .page-location__inner__inner .table tr .tablename {
	padding: 0.5em;
	border-bottom: none;
	background: #036965;
	color: #ffffff;
	font-size: 1.5em;
}

.en .page-about__inner .location .page-location__inner__inner .table tr td {
	border-right: none;
	background: #F5F5F5;
	line-height: 1.5em;
}

.en .page-about__inner .location .page-location__inner__inner .box {
	display: block;
}

.en .page-about__inner .location .page-location__inner__inner .box__inner {
	width: 100%;
}

.en .page-about__inner .location .page-location__inner__inner .box__inner-content iframe {
	width: 100%;
}

.en .page-about__inner .location .page-location__inner .kishibe .table:last-of-type {
	margin-top: 2em;
}

.en .page-about__inner .location .page-location__inner .kishibe .catch2 a {
	border-bottom: 2px solid #D1D344;
	color: #333333;
	text-decoration: none;
}

.en .page-about__inner .contact .page-form__inner .content-title2 {
	margin-left: 9%;
}

/* -----------------------------------
 パスワード
----------------------------------- */

.post-password-form {
	padding: 3em;
}

.post-password-form p {
	margin-bottom: 1em;
	line-height: 1.5em;
}

.post-password-form label {
	padding-top: 2em;
}

.post-password-form label input {
	padding: 1em;
}

#post-style p img {
	width: 50%;
}

#post-style strong {
	font-weight: bold;
}

#post-style em {
	font-style: italic;
}

#post-style a {
	color: red;
}

#post-style p {
	padding: 1em 0;
	font-size: 1.5rem;
	line-height: 1.5em;
}

#post-style .p {
	padding: 1em 0;
	color: #000000;
	font-size: 1.5rem;
	line-height: 1.5em;
}

#post-style h2 {
	margin: 1em 0 0.5em;
	padding: 0.5em;
	border-left: 7px #009E99 solid;
	color: #009E99;
	font-weight: 600;
	font-size: 2.5rem;
}

#post-style h3 {
	margin: 0.5em 0;
	padding: 0.5em 1em;
	background: #d8eae9;
	color: #000000;
	font-weight: 600;
	font-size: 2rem;
}

#post-style h4 {
	margin: 0.5em 0;
	padding: 0.5em 1em;
	border-bottom: 1px #009E99 solid;
	font-size: 1.5rem;
	line-height: 1.4em;
}

#post-style h5 {
	margin: 0.5em 0;
	padding: 0.5em 0;
	font-size: 1.5rem;
}

#post-style h5::before {
	content: "●";
	color: #EA8A37;
}

#post-style .p-center {
	padding: 1em;
	font-size: 1.5rem;
	line-height: 1.4em;
	text-align: center;
}

#post-style .p-right {
	padding: 1em;
	font-size: 1.5rem;
	line-height: 1.4em;
	text-align: right;
}

#post-style ul {
	margin: 1em 0;
	padding: 1em;
	font-size: 1.5rem;
	list-style: none;
}

#post-style ul li {
	line-height: 2em;
}

#post-style ul li::before {
	padding-right: 0.5em;
	content: "●";
	color: #D1D344;
	font-size: 0.4em;
	text-align: center;
}

#post-style ol {
	padding: 1em;
	font-size: 1.5rem;
	line-height: 2em;
	list-style-type: none;
}

#post-style ol li {
	counter-increment: number;
}

#post-style ol li::before {
	margin-right: 0.3em;
	content: counter(number) ".";
	color: #009E99;
	font-weight: 600;
}

#post-style .mokuji {
	border: 1px solid #009E99;
}

#post-style .mokuji li {
	line-height: 2em;
}

#post-style .mokuji li a {
	color: #000000;
	text-decoration: none;
}

#post-style .mokuji li::before {
	padding-right: 0.5em;
	content: "●";
	color: #009E99;
	font-size: 0.4em;
	text-align: center;
}

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

/* -----------------------------------
    basic
  ----------------------------------- */

body {
	font-size: 1.7rem;
}

.l-container {
	padding-right: 3rem;
	padding-left: 3rem;
}

/* -----------------------------------
    header
  ----------------------------------- */

.sp-header {
	display: flex;
	width: 100%;
}

.sp-header .logo__inner {
	display: flex;
}

.sp-header .logo__inner .logo-image {
	width: 20%;
	margin-right: 0.5em;
}

.sp-header .logo__inner .logo-image img {
	min-width: 80px;
}

.sp-header .logo__inner .site-title {
	width: 100%;
	margin: auto 0;
}

.sp-header .logo__inner .site-title .jp-title {
	text-align: left;
}

.sp-header .logo__inner .site-title .en-title {
	padding-left: 0.5em;
	text-align: left;
}

.sp-header .other-menu__inner {
	width: 100%;
}

.sp-header .other-menu__inner .gray-btn {
	background: linear-gradient(-35deg, #003B61 71%, #ffffff 0);
	text-align: right;
}

.sp-header .other-menu__inner .gray-btn a {
	padding: 0.5em;
	padding-right: 4em;
	color: #ffffff;
	text-decoration: none;
}

.sp-header .other-menu__inner .sns {
	background: linear-gradient(-35deg, #FAE232 83%, #ffffff 0);
}

.sp-header .other-menu__inner .sns__inner .sns-title {
	width: 50%;
}

.sp-header #hamburger #gNav .gNav-menu li {
	width: 70%;
}

/* -----------------------------------
    top
  ----------------------------------- */

.top-page__inner .mv .catch {
	top: 1em;
	left: 1em;
}

.top-page__inner .mv .catch .sub {
	font-size: 1em;
}

.top-page__inner .info {
	margin: 2em 0 3em;
}

.top-page__inner .info__inner .box {
	padding: 1.5em;
}

.top-page__inner .info__inner .box__inner {
	display: flex;
	flex-wrap: wrap;
}

.top-page__inner .info__inner .box__inner .title {
	margin-top: 0.5em;
}

.top-page__inner .info .more {
	margin: 1em;
	text-align: right;
}

.top-page__inner .whoweare__inner {
	flex-wrap: wrap-reverse;
	justify-content: flex-end;
}

.top-page__inner .whoweare__inner .text {
	width: 45%;
}

.top-page__inner .whoweare__inner .text .btn {
	width: 80%;
	margin-left: 0;
}

.top-page__inner .whoweare__inner .img {
	width: 50%;
	margin: auto;
}

.top-page__inner .whoweare__inner .img img {
	top: -1em;
	left: -0.8em;
	width: 14%;
}

.top-page__inner .vision {
	margin-top: 7em;
}

.top-page__inner .vision .triangle-right-top {
	top: -7em;
	width: 30%;
}

.top-page__inner .vision__inner .detail {
	width: 80%;
	margin: auto;
	margin-bottom: 3em;
}

.top-page__inner .voice {
	padding: 3em 0;
}

.top-page__inner .voice__inner .box__inner {
	width: 33%;
}

.top-page__inner .voice__inner .box__inner .thumb a img {
	clip-path: circle(36% at center);
}

.top-page__inner .voice__inner .box__inner .title {
	margin-top: 0;
}

.top-page__inner .beginner__inner .box .img {
	width: 25%;
}

.top-page__inner .beginner__inner .text {
	display: flex;
	margin: 2em 0;
}

.top-page__inner .beginner__inner .text__inner {
	width: 60%;
	margin: auto;
	margin-right: 0em;
	margin-left: -3em;
	padding: 1em;
}

.top-page__inner .beginner__inner .text__inner .big {
	font-size: 1.2em;
	line-height: 1.3em;
}

.top-page__inner .beginner__inner .text__inner .small {
	line-height: 1.3em;
}

.top-page__inner .beginner__inner .text .img {
	width: 70%;
	margin: auto;
}

.top-page__inner .beginner__inner .point {
	width: 97%;
	margin: auto;
}

.top-page__inner .media .media-pick .text {
	margin: auto 0% auto 3%;
}

.top-page__inner .media .media-pick .text .big {
	line-height: 1.5em;
}

.top-page__inner .media .media-pick .img {
	margin-top: 8em;
}

.top-page__inner .media .media-pick .img img {
	top: -1em;
	left: -1em;
}

.top-page__inner .media__inner {
	width: 90%;
}

/* -----------------------------------
    page
  ----------------------------------- */

.page .mv .page-title {
	left: 5em;
}

.page .mv2__inner .page-title .big {
	font-size: 1.5em;
}

/* -----------------------------------
    about-page
  ----------------------------------- */

.page-about__inner .hello .triangle-left-top {
	width: 25%;
}

.page-about__inner .hello .triangle-left-bottom {
	width: 23%;
}

.page-about__inner .hello .triangle-right-top {
	width: 15%;
}

.page-about__inner .hello .triangle-right-bottom {
	width: 25%;
}

.page-about__inner .hello__inner__inner {
	width: 75%;
	margin: auto;
}

.page-about__inner .hello__inner__inner .big {
	font-size: 4em;
}

.page-about__inner .hello__inner__inner .small {
	line-height: 1.5em;
}

.page-about__inner .about-detail .eigo-fa .img {
	width: 60%;
}

.page-about__inner .about-detail .eigo-fa .text {
	width: 48%;
	margin-right: -5em;
}

.page-about__inner .about-detail .en-resistance .text {
	margin-left: -6em;
}

.page-about__inner .about-detail .figure .textarea {
	line-height: 1.5em;
}

.page-about__inner .about-detail .voice .triangle-left-top {
	width: 13%;
}

.page-about__inner .about-detail .voice .triangle-left-bottom {
	width: 13%;
}

.page-about__inner .about-detail .voice .triangle-right-top {
	width: 13%;
}

.page-about__inner .about-detail .voice .triangle-right-bottom {
	width: 13%;
}

.page-about__inner .about-detail .faq__inner .faq-box__inner .question .text {
	width: 90%;
}

.page-about__inner .about-detail .faq__inner .faq-box__inner .answer .text {
	width: 90%;
}

.page-about__inner .about-detail .faq__inner .faqbtn {
	width: 50%;
}

.page-about__inner .theaim__inner .box .text {
	width: 60%;
	margin-right: -5em;
}

.page-about__inner .theaim__inner .box .text .box-title {
	font-size: 1.4em;
}

.page-about__inner .theaim__inner .box .text__inner {
	font-size: 1.1em;
}

.page-about__inner .theaim__inner .box .img {
	width: 75%;
}

.page-about__inner .banner {
	right: 0;
	width: 35%;
}

/* -----------------------------------
    location-page
  ----------------------------------- */

.page-location__inner__inner .box__inner {
	width: 48%;
}

.page-location__inner__inner .box__inner-title .big {
	font-size: 1.6em;
}

.page-location__inner__inner .box__inner-content .schedule-box__inner .class {
	font-size: 1.6em;
}

.page-location__inner__inner .box__inner-content .schedule-box__inner .line {
	width: 2em;
}

/* -----------------------------------
    archive
  ----------------------------------- */

.archive {
	background: #F5F5F5;
}

.archive__inner .left {
	width: 65%;
}

.archive__inner .left .content:after {
	width: 48%;
}

.archive__inner .left .content .row {
	width: 48%;
}

.archive__inner .right {
	width: 35%;
}

.archive__inner .right .date-archive .date-category {
	padding: 1em 0;
}

.archive__inner .right .category-archive .category .cat-list {
	padding: 1em 0;
}

.page-blog .archive__inner .left .content .row__inner .cat a {
	font-size: 0.9em;
}

.page-info .archive__inner .left .content .row .thumbnail {
	width: 30%;
}

/* -----------------------------------
    single
  ----------------------------------- */

.single {
	background: #F5F5F5;
}

.single__inner .left {
	width: 65%;
}

.single__inner .left .content__inner {
	padding: 2em;
}

.single__inner .right {
	width: 35%;
}

.single__inner .right .date-archive .date-category {
	padding: 1em 0;
}

.single__inner .right .category-archive .category .cat-list {
	padding: 1em 0;
}

/* -----------------------------------
   concerned-page
  ----------------------------------- */

.page-concerned__inner .point__inner .box__inner {
	margin-top: 3em;
	margin-right: -5em;
	padding: 1em;
}

.page-concerned__inner .point__inner .box02__inner {
	margin-top: 3em;
	margin-left: -5em;
	padding: 1em;
}

/* -----------------------------------
   members-page
  ----------------------------------- */

.page-members .menu__inner {
	width: 30%;
}

.page-members__inner .wear__inner {
	width: 95%;
}

.page-members__inner .wear .reverse .box-content .price .detail__inner .size-title {
	width: 99%;
}

.page-members__inner .wear .reverse .box-content .price .detail__inner__inner {
	width: 99%;
}

.page-members__inner .form__inner .btn-box .layerbtn {
	margin: 2em 1em;
}

/* -----------------------------------
   form-page
  ----------------------------------- */

.page-form .content .wpcf7 .wpcf7-form .row .text-area .wpcf7-form-control-wrap .wpcf7-checkbox .has-free-text .wpcf7-free-text {
	width: 54%;
}

/* -----------------------------------
   モーダル
  ----------------------------------- */

.modaal-wrapper .modaal-outer-wrapper .modaal-inner-wrapper .modaal-container button {
	top: 0em;
	right: 0em;
}

/* -----------------------------------
   contact-page
  ----------------------------------- */

.contact-page .content .border .menu {
	flex-wrap: wrap;
}

.contact-page .content .border .menu__inner {
	width: 48%;
}

/* -----------------------------------
   en
  ----------------------------------- */

.en .page-about__inner .about-detail .head-of-academy .content-title2 {
	margin-top: 2em;
	margin-left: 2%;
}

.en .page-about__inner .about-detail .head-of-academy .content-title2 .back {
	font-size: 5em;
}

.en .page-about__inner .about-detail .head-of-academy .content-title2 .title-text {
	bottom: 1em;
}

.en .page-about__inner .about-detail .head-of-academy .box {
	width: 95%;
}

.en .page-about__inner .about-detail .head-of-academy .box .text {
	padding: 2em 2em;
}

.en .page-about__inner .about-detail .head-of-academy .box .text .catch {
	line-height: 1.5em;
}

.en .page-about__inner .location {
	padding: 2em 0;
}

.en .page-about__inner .location .menu {
	flex-wrap: wrap;
	width: 90%;
}

.en .page-about__inner .location .menu::after {
	width: 30%;
	content: "";
}

}

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

/* -----------------------------------
    basic
  ----------------------------------- */

body {
	font-size: 1.5rem;
}

.l-container {
	padding-right: 2rem;
	padding-left: 2rem;
}

.pc {
	display: none;
}

.sp-content {
	display: block;
}

.content-title2 .back {
	font-size: 6em;
}

.content-title2 .title-text {
	bottom: 1em;
	left: 1em;
}

.content-title2 .title-text .big {
	font-size: 1.8em;
}

/* -----------------------------------
    header
  ----------------------------------- */

.header.fixed {
	background: #fae232;
}

.sp-header {
	height: 80px;
}

.sp-header .logo {
	flex-wrap: wrap;
	width: 67%;
}

.sp-header .logo__inner .logo-image {
	width: 19%;
}

.sp-header .logo__inner .logo-image img {
	min-width: 64px;
}

.sp-header .logo__inner .site-title .jp-title {
	font-size: 1.2em;
}

.sp-header .logo__inner .site-title .en-title {
	font-size: 0.9em;
}

.sp-header .lesson {
	display: none;
}

.sp-header .other-menu {
	display: none;
}

.sp-header #hamburger .btn-gNav {
	width: 80px;
	height: 80px;
}

.sp-header #hamburger .btn-gNav span {
	position: absolute;
	width: 75%;
}

.sp-header #hamburger .btn-gNav span:nth-child(1) {
	top: 23px;
}

.sp-header #hamburger .btn-gNav span:nth-child(2) {
	top: 40px;
}

.sp-header #hamburger .btn-gNav span:nth-child(3) {
	top: 55px;
}

.sp-header #hamburger .btn-gNav.open span:nth-child(1) {
	top: 40px;
}

.sp-header #hamburger .btn-gNav.open span:nth-child(2),
.sp-header #hamburger .btn-gNav.open #hamburger,
.sp-header #hamburger .btn-gNav.open span:nth-child(3) {
	top: 40px;
}

.sp-header #hamburger #gNav {
	width: 100%;
	padding-top: 129px;
}

.sp-header #hamburger #gNav .gNav-menu li {
	width: 80%;
	margin: 0 1em;
}

.sp-header #hamburger #gNav .gNav-menu li a {
	padding: 0.5em;
}

.sp-header #hamburger #gNav .gNav-menu li a .arrow01 {
	top: -0.5em;
}

.sp-header #hamburger #gNav .sp-hamb {
	display: block;
}

.sp-header #hamburger #gNav .sp-hamb .other-menu__inner .btn-box {
	display: flex;
	justify-content: space-around;
	margin: 1em 0;
}

.sp-header #hamburger #gNav .sp-hamb .other-menu__inner .btn-box .or-btn {
	width: 45%;
	background: #EA8A37;
	text-align: center;
}

.sp-header #hamburger #gNav .sp-hamb .other-menu__inner .btn-box .or-btn a {
	padding: 0;
}

.sp-header #hamburger #gNav .sp-hamb .other-menu__inner .btn-box .gray-btn {
	width: 45%;
	background: #333333;
	text-align: center;
}

.sp-header #hamburger #gNav .sp-hamb .other-menu__inner .btn-box .gray-btn a {
	padding: 0;
}

.sp-header #hamburger #gNav .sp-hamb .other-menu__inner .sns {
	margin-top: 1em;
	background: #ffffff;
}

.sp-header #hamburger #gNav .sp-hamb .other-menu__inner .sns__inner {
	justify-content: center;
}

.sp-header #hamburger #gNav .sp-hamb .other-menu__inner .sns__inner .sns-title {
	margin: auto 0;
}

.sp-header #hamburger #gNav .sp-hamb .other-menu__inner .sns__inner a {
	width: 7%;
	margin: auto 0.5em;
}

.sp-header .btn-box {
	display: flex;
	z-index: 3;
	position: fixed;
	bottom: 0;
	width: 100%;
}

.sp-header .btn-box p {
	width: 50%;
	padding: 1em 0.5em;
	text-align: center;
}

.sp-header .btn-box p a {
	color: #ffffff;
	font-weight: 600;
	font-size: 1.1em;
	text-decoration: none;
}

.sp-header .btn-box .or-btn {
	background: #EA8A37;
}

.sp-header .btn-box .gray-btn {
	background: #003b61;
}

.fixed .logo__inner .site-title {
	display: none;
}

.fixed .logo__inner .lesson {
	display: block;
	width: 80%;
	margin: auto 0;
	text-align: center;
}

.fixed .logo__inner .lesson a {
	color: #333333;
	font-weight: 600;
	font-size: 1.2em;
	text-decoration: none;
}

.fixed .logo__inner .logo-image {
	width: 16%;
}

/* -----------------------------------
    footer
  ----------------------------------- */

.footer {
	padding: 2em 0 3em;
}

.footer__inner {
	flex-wrap: wrap;
}

.footer__inner .company {
	width: 80%;
	margin: 0 auto 1em;
}

.footer__inner .company .img {
	padding: 0.5em;
}

.footer__inner__inner {
	width: 60%;
	margin: auto;
}

.footer__inner .text {
	width: 60%;
	margin: 1em auto 0;
}

.footer__inner .text .big {
	margin-bottom: 0.5em;
	color: #ffffff;
	font-weight: 600;
	font-size: 1.2em;
}

.footer__inner .text .small {
	color: #ffffff;
	font-size: 0.8em;
	line-height: 1.5em;
}

/* -----------------------------------
    top
  ----------------------------------- */

.top-mv__img .pc {
	display: none;
}

.top-mv__img .sp {
	display: block;
}

.top-page__inner .mv .catch {
	top: 60%;
	left: 1em;
}

.top-page__inner .mv .catch .sub {
	color: #ffffff;
	font-size: 1.5em;
	line-height: 1.5em;
}

.top-page__inner .mv .catch .sub .orange {
	color: #ffffff;
}

.top-page__inner .mv .catch .main .big {
	font-size: 2em;
}

.top-page__inner .mv .box {
	text-align: right;
}

.top-page__inner .mv .box__inner {
	display: inline-block;
	width: 100%;
}

.top-page__inner .mv .box__inner .slider .slider-item img {
	width: 100%;
}

.top-page__inner .menu {
	flex-wrap: wrap;
}

.top-page__inner .menu:after {
	width: 30%;
	content: " ";
}

.top-page__inner .menu__inner {
	width: 30%;
}

.top-page__inner .menu__inner a .arrow01 {
	right: 0.5em;
}

.top-page__inner .info__inner {
	flex-wrap: wrap;
}

.top-page__inner .info__inner .box-title {
	width: 100%;
}

.top-page__inner .info__inner .box__inner {
	display: flex;
	flex-wrap: wrap;
}

.top-page__inner .info__inner .box__inner .title {
	margin-top: 0.5em;
}

.top-page__inner .info .more {
	margin: 1em;
	text-align: right;
}

.top-page__inner .whoweare__inner .text {
	position: static;
	width: 95%;
	margin-top: 2em;
}

.top-page__inner .whoweare__inner .img {
	width: 89%;
}

.top-page__inner .whoweare__inner .img img {
	width: 14%;
}

.top-page__inner .vision {
	margin-top: 7em;
}

.top-page__inner .vision .triangle-right-top {
	top: -5em;
	width: 30%;
}

.top-page__inner .vision__inner .detail {
	width: 90%;
}

.top-page__inner .vision__inner .img {
	width: 80%;
}

.top-page__inner .voice .triangle-left-top {
	width: 25%;
}

.top-page__inner .voice .triangle-right-top {
	width: 25%;
}

.top-page__inner .voice .triangle-left-bottom {
	width: 25%;
}

.top-page__inner .voice .triangle-right-bottom {
	width: 25%;
}

.top-page__inner .voice__inner .box {
	flex-wrap: wrap;
	justify-content: space-around;
}

.top-page__inner .voice__inner .box__inner {
	width: 55%;
}

.top-page__inner .beginner__inner .box {
	flex-wrap: wrap;
}

.top-page__inner .beginner__inner .box .img {
	width: 50%;
}

.top-page__inner .beginner__inner .text {
	flex-wrap: wrap;
}

.top-page__inner .beginner__inner .text .img {
	width: 100%;
}

.top-page__inner .beginner__inner .text__inner {
	width: 80%;
	margin: auto;
	margin-top: -1em;
	padding: 1em;
}

.top-page__inner .beginner__inner .text__inner .big {
	font-size: 1.5em;
	line-height: 1.5em;
}

.top-page__inner .beginner__inner .text__inner .big br {
	display: block;
}

.top-page__inner .beginner__inner .text__inner .small {
	font-size: 1.1em;
}

.top-page__inner .beginner__inner .point {
	width: 85%;
	margin: auto;
}

.top-page__inner .school {
	background: #F5F5F5;
}

.top-page__inner .school__inner .img02 {
	margin-top: -6.3%;
}

.top-page__inner .free-lesson .triangle-left-top {
	width: 25%;
}

.top-page__inner .free-lesson .triangle-right-bottom {
	width: 25%;
}

.top-page__inner .free-lesson__inner .table {
	width: 95%;
}

.top-page__inner .free-lesson__inner .table .tr__inner .th {
	width: 25%;
	margin: auto 0;
	padding: 1em 0;
	font-size: 1.1em;
}

.top-page__inner .free-lesson__inner .table .tr__inner .td {
	width: 70%;
	padding: 1em 0;
	padding-left: 1em;
}

.top-page__inner .free-lesson__inner .table .tr__inner .td br {
	display: block;
}

.top-page__inner .free-lesson__inner .table .tr__inner .td a {
	color: #EA8A37;
}

.top-page__inner .free-lesson__inner .table .tr:last-of-type .tr__inner {
	border: none;
}

.top-page__inner .media .media-pick {
	flex-wrap: wrap;
}

.top-page__inner .media .media-pick .text .content-title2 {
	margin-top: 2em;
}

.top-page__inner .media .media-pick .text .content-title2 .title-text {
	bottom: 0.5em;
}

.top-page__inner .media .media-pick .text .content-title2 .title-text .big {
	margin-top: 0;
}

.top-page__inner .media .media-pick .text .content-title2 .title-text .big br {
	display: block;
}

.top-page__inner .media .media-pick .text .content-title2 .title-text .small {
	padding-top: 0;
}

.top-page__inner .media .media-pick .text {
	width: 100%;
	margin: auto 0% auto 3%;
}

.top-page__inner .media .media-pick .text .big {
	line-height: 1.5em;
}

.top-page__inner .media .media-pick .text .small {
	margin-bottom: 2em;
}

.top-page__inner .media .media-pick .text .btn {
	margin-left: auto;
}

.top-page__inner .media .media-pick .img {
	width: 90%;
	margin: auto;
}

.top-page__inner .media .media-pick .img img {
	left: -1em;
	width: 14%;
}

.top-page__inner .media .media-pick .img iframe {
	height: 220px;
}

.top-page__inner .media__inner {
	width: 95%;
}

.top-page__inner .banner {
	display: block;
}

.top-page__inner .banner .img {
	width: 100%;
}

/* -----------------------------------
    page
  ----------------------------------- */

.page .mv .page-title {
	left: 2em;
}

.page .mv2__inner .page-title .big {
	font-size: 1.3em;
}

/* -----------------------------------
    about-page
  ----------------------------------- */

.page-about__inner .hello .triangle-left-top {
	width: 35%;
}

.page-about__inner .hello .triangle-left-bottom {
	width: 33%;
}

.page-about__inner .hello .triangle-right-top {
	width: 25%;
}

.page-about__inner .hello .triangle-right-bottom {
	width: 35%;
}

.page-about__inner .hello__inner__inner {
	width: 85%;
	padding: 4em 0;
}

.page-about__inner .hello__inner__inner .big {
	font-size: 3.5em;
}

.page-about__inner .hello__inner__inner .middle {
	line-height: 1.5em;
}

.page-about__inner .hello__inner__inner .small {
	line-height: 1.5em;
}

.page-about__inner .about-detail .eigo-fa {
	flex-wrap: wrap;
}

.page-about__inner .about-detail .eigo-fa .img {
	width: 100%;
}

.page-about__inner .about-detail .eigo-fa .text {
	width: 100%;
	margin-right: 0;
}

.page-about__inner .about-detail .en-resistance {
	flex-wrap: wrap-reverse;
}

.page-about__inner .about-detail .en-resistance .text {
	width: 100%;
	margin-left: 0em;
}

.page-about__inner .about-detail .en-resistance .img {
	width: 100%;
}

.page-about__inner .about-detail .figure {
	flex-wrap: wrap;
}

.page-about__inner .about-detail .figure .textarea {
	width: 70%;
	margin: auto;
}

.page-about__inner .about-detail .figure .img {
	width: 70%;
	margin: auto;
}

.page-about__inner .about-detail .voice .triangle-left-top {
	width: 23%;
}

.page-about__inner .about-detail .voice .triangle-left-bottom {
	width: 23%;
}

.page-about__inner .about-detail .voice .triangle-right-top {
	width: 23%;
}

.page-about__inner .about-detail .voice .triangle-right-bottom {
	width: 23%;
}

.page-about__inner .about-detail .voice__inner {
	padding-top: 3em;
	padding-bottom: 3em;
}

.page-about__inner .about-detail .voice__inner .voice-box {
	flex-wrap: wrap;
}

.page-about__inner .about-detail .voice__inner .voice-box img {
	width: 48%;
}

.page-about__inner .about-detail .faq__inner .faq-subtitle {
	line-height: 1.5em;
	text-align: left;
}

.page-about__inner .about-detail .faq__inner .faqbtn {
	width: 70%;
}

.page-about__inner .theaim {
	padding-top: 3em;
}

.page-about__inner .theaim__inner .box {
	flex-wrap: wrap-reverse;
}

.page-about__inner .theaim__inner .box .text {
	width: 70%;
	margin-top: -2em;
	margin-right: 0em;
	margin-left: 0;
}

.page-about__inner .theaim__inner .box .img {
	width: 100%;
}

.page-about__inner .banner {
	right: -0.5em;
	bottom: 5em;
	width: 30%;
}

/* -----------------------------------
    location-page
  ----------------------------------- */

.page-location .menu {
	flex-wrap: wrap;
	width: 95%;
}

.page-location .menu:after {
	width: 30%;
	content: "";
}

.page-location .menu .menu__inner {
	width: 30%;
}

.page-location__inner__inner {
	margin: 0.5em;
}

.page-location__inner__inner .table {
	width: 100%;
	table-layout: fixed;
}

.page-location__inner__inner .table tr.kinran td {
	width: 70%;
}

.page-location__inner__inner .table tr .pc {
	display: none;
}

.page-location__inner__inner .table tr .sp {
	display: block;
}

.page-location__inner__inner .table tr .th {
	width: 30%;
	padding: 1em 0.3em;
	font-size: 0.9em;
}

.page-location__inner__inner .table tr td {
	padding: 0.5em;
	line-height: 1.3em;
}

.page-location__inner__inner .table .class,
.page-location__inner__inner .table .gray {
	line-height: 1.4em;
}

.page-location__inner__inner .table .class th,
.page-location__inner__inner .table .gray th {
	width: 30%;
	padding: 1em 0.3em;
	font-size: 0.9em;
	vertical-align: middle;
}

.page-location__inner__inner .table .class td,
.page-location__inner__inner .table .gray td {
	padding: 0.5em;
}

.page-location__inner__inner .table .class td .table-row,
.page-location__inner__inner .table .gray td .table-row {
	flex-wrap: wrap;
	margin-bottom: 1em;
}

.page-location__inner__inner .table .class td .table-row:last-child,
.page-location__inner__inner .table .gray td .table-row:last-child {
	margin-bottom: 0;
}

.page-location__inner__inner .table .class td .table-row__left,
.page-location__inner__inner .table .gray td .table-row__left {
	width: 100%;
	text-align: center;
}

.page-location__inner__inner .table .class td .table-row__right,
.page-location__inner__inner .table .gray td .table-row__right {
	width: 100%;
}

.page-location__inner__inner .box {
	flex-wrap: wrap;
}

.page-location__inner__inner .box__inner {
	width: 100%;
	margin: auto;
}

.page-location__inner__inner .box__inner-title .big {
	font-size: 2em;
}

.page-location__inner__inner .box__inner-content .schedule-box__inner .line {
	width: 3em;
}

/* -----------------------------------
    茨木校 カードレイアウト SP
  ----------------------------------- */

.page-location__inner__inner.ibaraki-new .new-banner {
	margin: 1.5em 0;
	padding: 1.2em;
}

.page-location__inner__inner.ibaraki-new .new-banner__title {
	font-size: 1.2em;
}

.page-location__inner__inner.ibaraki-new .new-banner__subtitle {
	font-size: 1em;
}

.page-location__inner__inner.ibaraki-new .new-banner__desc p {
	font-size: 0.9em;
	line-height: 1.7;
}

.page-location__inner__inner.ibaraki-new .class-cards {
	flex-direction: column;
	margin: 1.5em 0;
	gap: 1.2em;
}

.page-location__inner__inner.ibaraki-new .class-card {
	padding: 1.4em 1.2em;
}

.page-location__inner__inner.ibaraki-new .class-card__title {
	font-size: 1.15em;
}

/* -----------------------------------
    archive
  ----------------------------------- */

.archive__inner {
	flex-wrap: wrap;
}

.archive__inner .left {
	width: 100%;
}

.archive__inner .right {
	width: 80%;
	margin: 3em auto 0;
}

.page-info .archive__inner .left .content .row .thumbnail {
	width: 40%;
}

.page-info .archive__inner .left .content .row__inner {
	width: 60%;
	margin: auto;
}

/* -----------------------------------
    single
  ----------------------------------- */

.single__inner {
	flex-wrap: wrap;
}

.single__inner .left {
	width: 100%;
}

.single__inner .right {
	width: 80%;
	margin: auto;
}

/* -----------------------------------
    schedule-page
  ----------------------------------- */

.page-schedule__inner__inner {
	padding: 2em;
	border-radius: 30px;
}

/* -----------------------------------
   concerned-page
  ----------------------------------- */

.page-concerned__inner .catch .triangle-left-top {
	width: 33%;
}

.page-concerned__inner .catch .triangle-left-bottom {
	width: 28%;
}

.page-concerned__inner .catch .triangle-right-top {
	width: 22%;
}

.page-concerned__inner .catch .triangle-right-bottom {
	width: 35%;
}

.page-concerned__inner .catch .big {
	font-size: 1.5em;
}

.page-concerned__inner .catch .detail {
	text-align: left;
}

/* -----------------------------------
   members-page
  ----------------------------------- */

.page-members .menu {
	flex-wrap: wrap;
}

.page-members .menu::after {
	width: 45%;
	content: "";
}

.page-members .menu__inner {
	width: 45%;
}

.page-members__inner .wear__inner {
	flex-wrap: wrap;
	width: 95%;
}

.page-members__inner .wear__inner .img {
	width: 100%;
}

.page-members__inner .wear__inner .text {
	width: 100%;
	margin-top: 1em;
	margin-left: 0;
}

.page-members__inner .wear .reverse {
	flex-wrap: wrap-reverse;
}

.page-members__inner .form__inner .btn-box {
	flex-wrap: wrap;
}

.page-members__inner .form__inner .btn-box .layerbtn {
	width: 80%;
	margin: 0.5em auto;
}

/* -----------------------------------
   form-page
  ----------------------------------- */

.page-form__inner {
	position: relative;
	padding: 3em 0;
	background: #F5F5F5;
}

.page-form__inner .triangle-left-top {
	position: absolute;
	top: 0;
	left: 0;
	width: 18%;
}

.page-form__inner .triangle-right-top {
	position: absolute;
	top: 0;
	right: 0;
	width: 18%;
}

.page-form__inner .triangle-left-bottom {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 18%;
}

.page-form__inner .triangle-right-bottom {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 18%;
}

.page-form__inner .content-title {
	margin: 0;
	padding-bottom: 3em;
}

.page-form .content .wpcf7 .wpcf7-form .row {
	flex-wrap: wrap;
}

.page-form .content .wpcf7 .wpcf7-form .row .name {
	width: 100%;
	margin-bottom: 0.5em;
}

.page-form .content .wpcf7 .wpcf7-form .row .name br {
	display: none;
}

.page-form .content .wpcf7 .wpcf7-form .row .text-area {
	width: 100%;
}

.page-form .content .wpcf7 .wpcf7-form .row .text-area .wpcf7-form-control-wrap .wpcf7-checkbox .has-free-text .wpcf7-free-text {
	width: 100%;
}

.page-form .content .wpcf7 .wpcf7-form .praivacy01 .privacy_wrap {
	width: 95%;
}

.page-form .content .wpcf7 .wpcf7-form .praivacy01 .privacy_wrap .privacy_txt {
	padding: 1em;
}

/* -----------------------------------
   coach-page
  ----------------------------------- */

.page-coach__inner .content .box {
	width: 48%;
}

.page-coach__inner .content .box a .name {
	font-size: 1.2em;
}

.page-coach .page-form__inner .content-title .big {
	font-size: 2em;
}

/* -----------------------------------
   モーダル
  ----------------------------------- */

.modaal-wrapper .modaal-outer-wrapper .modaal-inner-wrapper .modaal-container .modaal-content .modaal-content-container {
	padding: 1em;
}

.modaal-wrapper .modaal-outer-wrapper .modaal-inner-wrapper .modaal-container .modaal-content .modaal-content-container .content-title {
	margin: 1em 0 2em;
}

.modaal-wrapper .modaal-outer-wrapper .modaal-inner-wrapper .modaal-container .modaal-content .modaal-content-container .director-content {
	flex-wrap: wrap;
}

.modaal-wrapper .modaal-outer-wrapper .modaal-inner-wrapper .modaal-container .modaal-content .modaal-content-container .director-content .img {
	width: 80%;
	margin-bottom: 1em;
}

.modaal-wrapper .modaal-outer-wrapper .modaal-inner-wrapper .modaal-container .modaal-content .modaal-content-container .director-content .text {
	width: 100%;
}

.modaal-wrapper .modaal-outer-wrapper .modaal-inner-wrapper .modaal-container .modaal-content .modaal-content-container .modal__inner {
	flex-wrap: wrap;
}

.modaal-wrapper .modaal-outer-wrapper .modaal-inner-wrapper .modaal-container .modaal-content .modaal-content-container .modal__inner .img {
	width: 80%;
	margin: 1em auto;
}

.modaal-wrapper .modaal-outer-wrapper .modaal-inner-wrapper .modaal-container .modaal-content .modaal-content-container .modal__inner .coach-info {
	width: 100%;
}

.modaal-wrapper .modaal-outer-wrapper .modaal-inner-wrapper .modaal-container .modaal-content .modaal-content-container .modal__inner .flex {
	flex-wrap: wrap;
}

.modaal-wrapper .modaal-outer-wrapper .modaal-inner-wrapper .modaal-container .modaal-content .modaal-content-container .modal__inner .flex .modal__inner__inner {
	width: 100%;
}

.modaal-wrapper .modaal-outer-wrapper .modaal-inner-wrapper .modaal-container .modaal-content .modaal-content-container .modal__inner .img {
	width: 80%;
}

/* -----------------------------------
   en
  ----------------------------------- */

.en .page-about__inner .about-detail .eigo-fa {
	flex-wrap: wrap-reverse;
}

.en .page-about__inner .about-detail .eigo-fa .text {
	width: 90%;
	margin-top: -3em;
	margin-left: 0;
}

.en .page-about__inner .about-detail .head-of-academy .content-title2 .back {
	font-size: 3.5em;
}

.en .page-about__inner .about-detail .head-of-academy .content-title2 .title-text {
	bottom: 0.5em;
}

.en .page-about__inner .about-detail .head-of-academy .box {
	flex-wrap: wrap;
	width: 95%;
}

.en .page-about__inner .about-detail .head-of-academy .box .img {
	width: 80%;
	margin: auto;
}

.en .page-about__inner .about-detail .head-of-academy .box .text {
	width: 90%;
	margin: auto;
}

.en .page-about__inner .about-detail .head-of-academy .box .text .catch {
	line-height: 1.5em;
}

.en .page-about__inner .location .menu {
	flex-wrap: wrap;
	width: 90%;
}

.en .page-about__inner .location .menu::after {
	width: 48%;
	content: "";
}

.en .page-about__inner .location .menu__inner {
	width: 48%;
}

.en .page-about__inner .location .page-location__inner__inner .table tr th {
	padding: 0.5em 0;
}

.en .page-about__inner .location .page-location__inner__inner .table tr td {
	padding: 0.5em 0;
}

#post-style p img {
	width: 100%;
}

}

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

/* -----------------------------------
    basic
  ----------------------------------- */

body {
	font-size: 1.5rem;
}

.l-container {
	padding-right: 1rem;
	padding-left: 1rem;
}

.content-title2 .back {
	font-size: 5em;
}

/* -----------------------------------
    header
  ----------------------------------- */

.sp-header {
	height: 65px;
}

.sp-header .logo {
	width: 80%;
}

.sp-header .logo__inner .logo-image {
	width: 17%;
}

.sp-header .logo__inner .logo-image img {
	min-width: 60px;
}

.sp-header .logo__inner .site-title .jp-title {
	padding-bottom: 0.3em;
	font-size: 1.2em;
}

.sp-header .logo__inner .site-title .en-title {
	padding-left: 0.2em;
	font-size: 0.9em;
}

.sp-header #hamburger .btn-gNav {
	width: 65px;
	height: 65px;
}

.sp-header #hamburger .btn-gNav span {
	position: absolute;
	left: 0.55em;
	width: 75%;
}

.sp-header #hamburger .btn-gNav span:nth-child(1) {
	top: 15px;
}

.sp-header #hamburger .btn-gNav span:nth-child(2) {
	top: 31px;
}

.sp-header #hamburger .btn-gNav span:nth-child(3) {
	top: 46px;
}

.sp-header #hamburger .btn-gNav.open span:nth-child(1) {
	top: 30px;
}

.sp-header #hamburger .btn-gNav.open span:nth-child(2),
.sp-header #hamburger .btn-gNav.open #hamburger,
.sp-header #hamburger .btn-gNav.open span:nth-child(3) {
	top: 30px;
}

.sp-header #hamburger #gNav {
	padding-top: 60px;
}

.sp-header #hamburger #gNav .gNav-menu li {
	width: 70%;
}

/* -----------------------------------
    footer
  ----------------------------------- */

.footer__inner .company {
	width: 100%;
}

.footer__inner .company .img {
	padding: 0em;
	padding-right: 0.5em;
}

.footer__inner__inner {
	width: 75%;
}

.footer__inner__inner .nav ul li a {
	font-size: 0.9em;
}

.footer__inner .text {
	width: 75%;
	margin-top: 1em;
}

/* -----------------------------------
    top
  ----------------------------------- */

.top-page__inner .mv .catch {
	top: 32%;
}

.top-page__inner .menu {
	flex-wrap: wrap;
}

.top-page__inner .menu:after {
	width: 30%;
	content: " ";
}

.top-page__inner .menu__inner {
	width: 45%;
}

.top-page__inner .info .more {
	margin: 1.5em;
}

.top-page__inner .info .more a::after {
	right: -24%;
}

.top-page__inner .info .more a::before {
	left: -18%;
}

.top-page__inner .whoweare__inner .text {
	width: 100%;
}

.top-page__inner .whoweare__inner .text .middle {
	font-size: 1.7em;
}

.top-page__inner .whoweare__inner .text .btn {
	width: 50%;
}

.top-page__inner .vision .triangle-right-top {
	top: -4em;
	width: 40%;
}

.top-page__inner .vision .triangle-left-bottom {
	bottom: -5em;
	width: 30%;
}

.top-page__inner .vision__inner .detail {
	width: 96%;
	margin-bottom: 4em;
}

.top-page__inner .vision__inner .img {
	width: 90%;
}

.top-page__inner .voice__inner .box {
	flex-wrap: wrap;
}

.top-page__inner .voice__inner .box__inner {
	width: 75%;
}

.top-page__inner .beginner__inner .point {
	width: 95%;
	margin: auto;
}

.top-page__inner .free-lesson .triangle-left-top {
	top: -2em;
}

.top-page__inner .free-lesson__inner .table {
	width: 100%;
}

.top-page__inner .free-lesson__inner .table .tr__inner {
	margin: 0 1em;
}

.top-page__inner .media .media-pick .img {
	width: 90%;
	margin: auto;
}

.top-page__inner .media .media-pick .img img {
	width: 14%;
}

.top-page__inner .banner {
	display: block;
}

.top-page__inner .banner .img {
	width: 100%;
}

/* -----------------------------------
    page
  ----------------------------------- */

.page .mv {
	height: 220px;
}

.page .mv .page-title {
	left: 1em;
}

.page .mv .page-title .big {
	font-size: 2.5em;
}

.page .mv2__inner .page-title {
	width: 40%;
}

.page .mv2__inner .page-title .big {
	font-size: 1.1em;
}

.page-about__inner .hello__inner__inner {
	width: 98%;
}

.page-about__inner .hello__inner__inner .middle {
	font-size: 1.5em;
}

.page-about__inner .hello__inner__inner .small {
	font-size: 1.1em;
}

.page-about__inner .theaim__inner .box .text {
	width: 85%;
}

/* -----------------------------------
    location-page
  ----------------------------------- */

.page-location__inner__inner .table tr td {
	padding: 0;
	font-size: 0.8em;
}

/* -----------------------------------
    archive
  ----------------------------------- */

.archive__inner {
	flex-wrap: wrap;
}

.archive__inner .left {
	width: 100%;
}

.archive__inner .left .content .row {
	width: 100%;
}

.archive__inner .right {
	width: 85%;
}

.page-info .archive__inner .left .content .row .thumbnail {
	width: 100%;
}

.page-info .archive__inner .left .content .row__inner {
	width: 100%;
}

/* -----------------------------------
    single
  ----------------------------------- */

.single__inner .left .content__inner {
	padding: 2em 1em;
}

.single__inner .left .content__inner__inner .date {
	flex-wrap: wrap;
}

.single__inner .left .content__inner__inner .date .cat {
	margin-top: 0.5em;
}

.single__inner .right {
	width: 85%;
}

.single-voice .single__inner .left .btn .btn__content a {
	font-size: 0.9em;
}

.single-voice .single__inner .left .btn .blog-link a {
	font-size: 0.9em;
}

/* -----------------------------------
    schedule-page
  ----------------------------------- */

.page-schedule__inner__inner {
	padding: 1em;
}

.page-schedule__inner__inner iframe {
	height: 600px;
}

/* -----------------------------------
   concerned-page
  ----------------------------------- */

.page-concerned__inner .point__inner .box {
	flex-wrap: wrap-reverse;
}

.page-concerned__inner .point__inner .box__inner {
	width: 90%;
	margin-top: -3em;
	margin-right: 0em;
	margin-left: 0;
	padding: 1em;
}

.page-concerned__inner .point__inner .box .img {
	width: 100%;
	margin-top: 2em;
}

.page-concerned__inner .point__inner .box02 {
	flex-wrap: wrap;
}

.page-concerned__inner .point__inner .box02__inner {
	width: 90%;
	margin-top: -3em;
	margin-right: 0;
	margin-left: auto;
	padding: 1em;
}

.page-concerned__inner .point__inner .box02 .img {
	width: 100%;
}

.page-concerned__inner .voice__inner .box {
	flex-wrap: wrap;
}

.page-concerned__inner .voice__inner .box img {
	width: 80%;
}

/* -----------------------------------
   members-page
  ----------------------------------- */

.page-members .menu {
	flex-wrap: wrap;
}

.page-members .menu__inner {
	width: 80%;
}

.page-members__inner .infomation .triangle-left-top {
	width: 28%;
}

.page-members__inner .infomation .triangle-right-bottom {
	width: 28%;
}

.page-members__inner .infomation__inner .box__inner .box-title {
	font-size: 1.3em;
}

.page-members__inner .infomation__inner .box__inner .box-detail {
	text-align: left;
}

/* -----------------------------------
   coach-page
  ----------------------------------- */

.page-coach__inner .content .box {
	width: 80%;
	margin: auto;
}

.page-coach__inner .content .modal .content-title {
	margin: 0;
}

/* -----------------------------------
   contact-page
  ----------------------------------- */

.contact-page .content .border .menu {
	flex-wrap: wrap;
}

.contact-page .content .border .menu__inner {
	width: 100%;
}

/* -----------------------------------
   en
  ----------------------------------- */

.en .page-about__inner .location .location-title {
	font-size: 2em;
}

}