@charset "utf-8";

/* --------------------------------
	common
-------------------------------- */
* { box-sizing: border-box }
*:focus { outline: none }

html { font-size: 10px }
@media (max-width: 1440px) {
	html { font-size: 0.694vw; }
}
@media (max-width: 768px) {
	html { font-size: 1.5vw; }
}

html {
	width: 100%;
	height: 100%;
}

body {
	display: flex;
	flex-direction: column;
	min-height: 100%;
	background: url(../img/bg.jpg) repeat-y;
	background-size: cover;
	color: #fff;
	font-size: 1.5rem;
	font-weight: normal;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
	font-style: normal;
	letter-spacing: .1em;
	font-feature-settings: "palt";
	line-height: 1.6;
}
@media (max-width: 768px) {
	body {
		background: url(../img/bg.jpg) repeat-y;
		background-size: cover;
	}
}

.delayed-image {
	/* じわっと画像が表示される */
 	animation: fadeIn 5s ease 0s 1 normal;
    -webkit-animation: fadeIn 5s ease 0s 1 normal;
}
.delayed-image2 {
	/* じわっと画像が表示される */
 	animation: fadeIn 9s ease 0s 1 normal;
    -webkit-animation: fadeIn 9s ease 0s 1 normal;
}
 
/* じわっと画像が表示される ---------　一度追加していたら不要*/
@keyframes fadeIn { /*上のbody内で呼び出しているアニメーションと名前をそろえる*/
    0% {opacity: 0} /* 始め */
    100% {opacity: 1} /* 終わり */
}
 
/*古いブラウザ用　---------　一度追加していたら不要*/
@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}


main {
	flex: 1;
	width: 100%;
	background: url(../img/bg.png) repeat-y;
	background-size:cover;
}

a {
	color: #fff;
	text-decoration: none; /* デフォルトの下線を非表示にする */
	background-image: linear-gradient(90deg, #fff, #fff); /* 線の色 */
  background-repeat: no-repeat;
  background-position: left bottom; /* 線の起点を左・下に設定 */
  background-size: 0 1px; /* 線の横幅を0、縦幅を1pxに */
  transition: background-size 0.6s; /* 線を伸ばすアニメーション実行時間を指定 */
}

a:hover {
	background-size: 100% 1px; /* 線の横幅を100%にする */
}

a img {
	transition: opacity 0.2s ease-out;
}

a img:hover {
	opacity: 0.8;
}

img {
	max-width: 100%;
	width: auto;
}

img[src$=".svg"] {
	width: 100%;
	height: auto;
}

button {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	font-family: inherit;
	transition: opacity 0.2s ease-out;
	letter-spacing: .1em;
}

a button:hover {
	opacity: 1.0;
}

.sp {
	display: none;
}

.inner {
	margin: 0 auto;
	max-width: 1140px;
}

@media (max-width: 768px) {
	.sp {
		display: block!important;
	}

	.pc {
		display: none!important;
	}
}

.creamTxt {
	color: #E0D4B7;
}

.bold {
	font-weight: 600;
}

.mincho {
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}




/* --------------------------------
	ナビゲーション
-------------------------------- */
#g-nav{
    /*position:fixed;にし、z-indexの数値を小さくして最背面へ*/
    position:fixed;
	z-index: -1;
	opacity: 0;/*はじめは透過0*/
    /*ナビの位置と形状*/
	top:0;
	width:100%;
    height: 100vh;/*ナビの高さ*/
	background:#12103F;
    /*動き*/
	transition: all 0.3s;
}

/*アクティブクラスがついたら透過なしにして最前面へ*/
#g-nav.panelactive{
	opacity: 1;
	z-index:999;
}

/*ナビゲーションの縦スクロール*/
#g-nav.panelactive #g-nav-list{
    /*ナビの数が増えた場合縦スクロール*/
    position: fixed;
    z-index: 999; 
    width: 100%;
    height: 100vh;/*表示する高さ*/
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

/*ナビゲーション*/
#g-nav ul {
    display: none;
    /*ナビゲーション天地中央揃え*/
    position: absolute;
    z-index: 999;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
}

#g-nav.panelactive ul {
    display: block;
}

/*リストのレイアウト設定*/

#g-nav li{
	list-style: none;
    text-align: center; 
}

#g-nav li a{
	color: #fff;
	text-decoration: none;
	padding:10px;
	display: block;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	font-size: 2rem;
	padding-bottom: 20px;
}

/*========= ボタンのためのCSS ===============*/
.openbtn1{
	position:fixed;
    z-index: 9999;/*ボタンを最前面に*/
	top:10px;
	right: 10px;
	cursor: pointer;
    width: 50px;
    height:50px;
	border: 1px solid #fff;
	border-radius: 50%;
	box-shadow: 0 0 5px 1px #FFF;
}
	
/*×に変化*/	
.openbtn1 span{
    display: inline-block;
    transition: all .4s;
    position: absolute;
    left: 14px;
    height: 3px;
    border-radius: 2px;
	background-color: #fff;
  	width: 45%;
  }

.openbtn1 span:nth-of-type(1) {
	top:15px;	
}

.openbtn1 span:nth-of-type(2) {
	top:23px;
}

.openbtn1 span:nth-of-type(3) {
	top:31px;
}

.openbtn1.active span:nth-of-type(1) {
    top: 18px;
    left: 18px;
    transform: translateY(6px) rotate(-45deg);
    width: 30%;
}

.openbtn1.active span:nth-of-type(2) {
	opacity: 0;
}

.openbtn1.active span:nth-of-type(3){
    top: 30px;
    left: 18px;
    transform: translateY(-6px) rotate(45deg);
    width: 30%;
}

@media (max-width: 768px) {
	#g-nav ul {
		display: none;
		/*ナビゲーション天地中央揃え*/
		position: absolute;
		z-index: 999;
		top:50%;
		left:50%;
		transform: translate(-50%,-50%);
	}
	
	#g-nav li a{
		color: #fff;
		text-decoration: none;
		padding:10px;
		display: block;
		text-transform: uppercase;
		letter-spacing: 0.1em;
		font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
		font-size: 4rem;
		border-bottom: 1px dotted #fff;
	}
	
}


/* --------------------------------
	TOPページ
-------------------------------- */
.mv_top {
	background: url(../img/top/main_bg.png) no-repeat bottom center;
	background-size: cover;
	margin: auto;
	text-align: center;
	padding: 5rem;
}
.mv_top h1{
	font-size: 4rem;
	font-weight: normal;
	margin-top: 4rem;
	margin-bottom: 3rem;
}

.mv_top h1 span{
	font-size: 7rem;
	text-shadow: -1px -2px 10px #fff; 
}

h2 {
	font-family: al-fresco, sans-serif;
	font-weight: normal;
	text-align: center;
	font-size: 10rem;
	text-shadow: -1px -2px 10px #fff; 
	margin-top: 5rem;
}
section{
	padding: 7rem 0rem;
}
@media (max-width: 768px) {
	.mv_top img{
		width: 80%;
	}
	section{
		padding: 5rem 2rem;
	}
	section p{
		font-size: 2.5rem;
	}
}

h3 {
	font-size: 5rem;
	text-align: center;
	font-weight: normal;
	text-shadow: -1px -2px 10px #fff; 
	margin-bottom: 3rem;
}

section p {
	font-size: 2rem;
	text-align: center;
	text-shadow: 1px 2px 3px #12103F;
}

/* --------効果-------------- */
.effect_area{
	background: url(../img/top/effect_bg.png) no-repeat bottom center;
	background-size: cover;
	margin: auto;
	text-align: center;
	padding: 5rem;
}
.effect_flex{
	display: flex;
	justify-content:center;
}
.effect_flex div{
	padding: 1rem;
}
.effect_flex dl{
	width: 300px;
	height: 300px;
	border-radius: 50%;
	background: -moz-linear-gradient(top left, rgba(54, 39, 157, 0.6), rgba(6, 7, 37, 0.6)); 
	background: -webkit-linear-gradient(top left, rgba(54, 39, 157, 0.6), rgba(6, 7, 37, 0.6)); 
	background: linear-gradient(to bottom right, rgba(54, 39, 157, 0.6), rgba(6, 7, 37, 0.6)); 
	border: 1px solid #fff;
	box-shadow: 0 0 5px 1px #FFF;
	padding: 6rem 3rem;
}
.effect_flex dt{
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	font-size: 3rem;
	margin-bottom: 1rem;
	text-shadow: -1px -2px 10px #fff; 
}
@media (max-width: 768px) {
	.effect_flex{
		display: block;
	}
	.effect_flex dl{
		width: 90%;
		height: auto;
		margin: auto;
		border-radius: 1rem;
	}
	.effect_flex dt{
		font-size: 4rem;
	}
	.effect_flex dd{
		font-size: 2.5rem;
	}
}

.space_area {
	background: url(../img/bg.jpg) center;
	background-size: cover;
	padding-bottom: 5rem;
}
.space_flex {
	display: flex;
	justify-content:center;
	max-width: 1100px;
	flex-wrap:wrap;
	margin: auto;
}

.space_flex div{
	padding: 1rem;
	width: 50%;
}

.btn_kira {
	text-align: center;
}
.link_btn{
	margin: auto;
	text-align: center;
}
.link_btn button{
	background: -moz-linear-gradient(top left, rgba(119, 62, 156, 1), rgba(204, 108, 216, 1)); 
	background: -webkit-linear-gradient(top left, rgba(119, 62, 156, 1), rgba(204, 108, 216, 1)); 
	background: linear-gradient(to bottom right, rgba(119, 62, 156, 1), rgba(204, 108, 216, 1)); 
	box-shadow: 0 0 5px 1px #FFF;
	padding: 2rem 5rem;
	color: #fff;
	width: 500px;
	border-radius: 1rem;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	font-size: 2rem;
}
@media (max-width: 768px) {
	.space_flex{
		display: block;
	}
	.space_flex div{
		width: 100%;
		margin: auto;
		padding: 0rem;
		text-align: center;
	}
}
@media (max-width: 768px) {
	.link_btn button{
		width: 90%;
		font-size: 3.5rem;
	}
}
.link_btn button:hover{
	background: -moz-linear-gradient(top left, rgba(204, 108, 216, 1),rgba(119, 62, 156, 1)); 
	background: -webkit-linear-gradient(top left, rgba(204, 108, 216, 1),rgba(119, 62, 156, 1)); 
	background: linear-gradient(to bottom right, rgba(204, 108, 216, 1),rgba(119, 62, 156, 1)); 
	text-shadow: -1px -2px 10px #fff; 
}


.franchise_area{
	background: url(../img/top/franchise_bg.jpg) no-repeat top left;
	background-size: cover;
	margin: auto;
	text-align: center;
	padding: 5rem;
}
@media (max-width: 768px) {
	.franchise_area{
		background: url(../img/top/franchise_bg_sp.jpg) no-repeat top left;
		background-size: cover;
	}
}

.school_area{
	background: url(../img/top/school_bg.png) no-repeat bottom right;
	background-size: cover;
	margin: auto;
	text-align: center;
	padding: 5rem;
}

.shop_area {
	background: url(../img/bg.jpg) center;
	background-size: cover;
	padding-bottom: 10rem;
}
.shop_flex{
	display: flex;
	max-width: 1100px;
	justify-content:center;
	margin: auto;
	margin-top: 3rem;
}
.shop_flex div{
	padding: 1rem;
}
.shop_flex div:nth-child(1){
	width: 60%;
}
.shop_flex div:nth-child(2){
	width: 40%;
}
.shop_flex h3{
	font-size: 2rem;
	text-align: left;
}
.shop_flex p{
	text-align: left;
}

@media (max-width: 768px) {
	.shop_flex h3{
		font-size: 4rem;
	}
	.shop_area img {
		width: 70%;
	}
	.shop_flex{
		display: block;
	}
	.shop_flex div{
		width: 100%;
		margin: auto;
		padding: 2rem;
	}
	.shop_flex div:nth-child(1){
		width: 100%;
	}
	.shop_flex div:nth-child(2){
		width: 100%;
		margin-top: 2rem;
	}
}

/* --------------ホットペッパーボタン------------------- */
.link_btn_hp{
	margin: auto;
	text-align: center;
}
.link_btn_hp button{
	background: -moz-linear-gradient(top left, rgba(164, 0, 58, 1), rgba(174, 44, 90, 1)); 
	background: -webkit-linear-gradient(top left, rgba(164, 0, 58, 1), rgba(174, 44, 90, 1)); 
	background: linear-gradient(to bottom right, rgba(164, 0, 58, 1), rgba(174, 44, 90, 1)); 
	box-shadow: 0 0 5px 1px #FFF;
	padding: 2rem 5rem;
	color: #fff;
	width: 100%;
	border-radius: 1rem;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	font-size: 2rem;
	margin-top: 3rem;
}
.link_btn_hp button:hover{
	background: -moz-linear-gradient(top left, rgba(174, 44, 90, 1),rgba(164, 0, 58, 1)); 
	background: -webkit-linear-gradient(top left, rgba(174, 44, 90, 1),rgba(164, 0, 58, 1)); 
	background: linear-gradient(to bottom right, rgba(174, 44, 90, 1),rgba(164, 0, 58, 1)); 
	text-shadow: -1px -2px 10px #fff; 
}
@media (max-width: 768px) {
	.link_btn_hp button{
		font-size: 3.5rem;
	}
}


/* --------------------------------
	各ページ
-------------------------------- */
.h_logo {
	z-index: 100;
	position: absolute;
	padding: 1rem;
}
@media (max-width: 768px) {
	.h_logo {
		width: 80px;
		height: auto;
	}
}
.h_logo a:hover{
	text-decoration: none;
}

.h_logo a {
	text-decoration: none; /* デフォルトの下線を非表示にする */
	background-image: none;
  background-repeat: no-repeat;
  background-position: left bottom; /* 線の起点を左・下に設定 */
  background-size: 0 0px; /* 線の横幅を0、縦幅を1pxに */
  transition: background-size 0s; /* 線を伸ばすアニメーション実行時間を指定 */
}

.mv_page {
	background: url(../img/top/main_bg.png) no-repeat bottom center;
	background-size: cover;
	margin: auto;
	text-align: center;
	padding: 5rem;
	z-index: 0;
	padding-bottom: 10rem;
	margin-bottom: 3rem;
}
@media (max-width: 768px) {
	.mv_page {
	padding-bottom:5rem;
	}
}
.mv_page h1{
	font-size: 4rem;
	font-weight: normal;
	margin-top: 4rem;
	margin-bottom: 3rem;
}
.mv_page h3{
	font-size: 2.5rem;
}

/* -------個人情報保護方針　プライバシーポリシー--------------- */
.privacy_area {
	max-width: 1100px;
	margin: auto;
}
.privacy_area dt{
	font-size: 3rem;
	text-shadow: -1px -2px 10px #fff; 
	border-bottom: 1px solid #fff;
	margin-bottom: 1rem;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}

.privacy_area dd{
	margin-bottom: 5rem;
	text-shadow: 1px 2px 3px #12103F;
}

/* -------コンタクト--------------- */
.contact-section h3{
	font-size: 3rem;
}
@media (max-width: 768px) {
	.contact-section dt{
		font-size: 2.5rem;
	}
}

/* -------フランチャイズ加盟店募集--------------- */
.franchise_contents1{
	display: flex;
	max-width: 1100px;
	margin: auto;
	text-align: left;
}
.franchise_contents1 div:nth-child(1){
	width: 30%;
}
.franchise_contents1 div:nth-child(2){
	width: 70%;
	padding-left: 10rem;
}
.franchise_contents1 p{
	text-align: left;
	font-size: 2.5rem;
}
.franchise_contents1 p span{
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	font-size: 4rem;
	text-shadow: -1px -2px 10px #fff;
}
@media (max-width: 768px) {
	.franchise_contents1{
		display: block;
	}
	.franchise_contents1 div:nth-child(1){
		width: 80%;
		margin: auto;
		margin-top: -10rem;
		margin-bottom: 2rem;
	}
	.franchise_contents1 div:nth-child(2){
		width: 100%;
		padding-left: 0rem;
	}
	.franchise_contents1 p{
		text-align: center;
	}
	.franchise_contents1 p span{
		font-size: 3.8rem;
	}
}
/* --------ポイント-------------- */
.franchise_point_area{
	margin: auto;
	text-align: center;
}
.franchise_point_area h2{
	margin-top: -5rem;
}
.franchise_point{
	display: flex;
	justify-content:center;
	margin-bottom: 5rem;
}
.franchise_point h4{
	font-family: al-fresco, sans-serif;
	font-weight: normal;
	font-size: 5rem;
}
.franchise_point div{
	padding: 1rem;
}
.franchise_point dl{
	width: 300px;
	min-height: 300px;
	border-radius: 1rem;
	background: -moz-linear-gradient(top left, rgba(54, 39, 157, 1), rgba(6, 7, 37, 1)); 
	background: -webkit-linear-gradient(top left, rgba(54, 39, 157, 1), rgba(6, 7, 37, 1)); 
	background: linear-gradient(to bottom right, rgba(54, 39, 157, 1), rgba(6, 7, 37, 1)); 
	border: 1px solid #fff;
	box-shadow: 0 0 5px 1px #FFF;
	padding: 3rem;
}
.franchise_point dt{
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	font-size: 3rem;
	margin-bottom: 1rem;
	text-shadow: -1px -2px 10px #fff; 
}
@media (max-width: 768px) {
	.franchise_point_area h3{
		font-size: 4rem;
	}
	.franchise_point{
		display: block;
		margin: 0rem;
	}
	.franchise_point dl{
		width: 90%;
		min-height: 100px;
		height: auto;
		margin: auto;
		margin-bottom: 1rem;
	}
	.franchise_point dt{
		font-size: 4rem;
	}
	.franchise_point dd{
		font-size: 2.5rem;
	}
}

/* --------流れ-------------- */
.franchise_flow_area{
	margin: auto;
	text-align: center;
	padding: 5rem;
	max-width: 1100px;
	margin: auto;
}
.franchise_flow dl{
	border: 1px solid #fff;
	border-radius: 1rem;
	text-align: left;
	padding: 2rem;
	margin-bottom: 1rem;
}

.franchise_flow dt{
	text-shadow: -1px -2px 10px #fff; 
	font-size: 2.5rem;
}

.franchise_flow dt h4 {
	background-color: #fff;
	color: #12103F;
	font-family: al-fresco, sans-serif;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	text-align: center;
	float: left;
	margin-right: 2rem;
	font-size: 2rem;
}
.franchise_flow dd{
	padding: 1rem;
}
@media (max-width: 768px) {
	.franchise_flow dt h4 {
		font-size:4rem;
	}
	.franchise_flow dt{
		font-size: 3.5rem;
	}
	.franchise_flow dd{
		font-size: 2.5rem;
	}
}


/* --------スクール　効果効能-------------- */
.school_effect_area{
	background: url(../img/school/effect_bg.png) no-repeat bottom center;
	background-size: cover;
	margin: auto;
	text-align: center;
	padding: 5rem;
	margin-bottom: 3rem;
}
.school_effect_flex{
	display: flex;
	justify-content:center;
	max-width: 1100px;
	margin: auto;
}
.school_effect_flex div{
	width: 200px;
	height: 200px;
	border-radius: 50%;
	background: -moz-linear-gradient(top left, rgba(14, 134, 255, 0.6), rgba(6, 7, 37, 0.6)); 
	background: -webkit-linear-gradient(top left, rgba(14, 134, 255, 0.6), rgba(6, 7, 37, 0.6)); 
	background: linear-gradient(to bottom right, rgba(14, 134, 255, 0.6), rgba(6, 7, 37, 0.6)); 
	border: 1px solid #fff;
	box-shadow: 0 0 5px 1px #FFF;
	margin: 1px auto;
	text-align: center;
	position: relative;
  display: inline-block;
}
.school_effect_flex p{
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	font-size: 2.5rem;
	text-shadow: -1px -2px 10px #fff;
	position: absolute;
	display: inline-block;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width :200px;
	text-align:center;
}
@media (max-width: 768px) {
	.school_effect_flex{
		display: block;
	}
	.school_effect_flex div{
		width: 100%;
		height: auto;
		border-radius: 1rem;
		background: -moz-linear-gradient(top left, rgba(14, 134, 255, 0.6), rgba(6, 7, 37, 0.6)); 
		background: -webkit-linear-gradient(top left, rgba(14, 134, 255, 0.6), rgba(6, 7, 37, 0.6)); 
		background: linear-gradient(to bottom right, rgba(14, 134, 255, 0.6), rgba(6, 7, 37, 0.6)); 
		border: 1px solid #fff;
		box-shadow: 0 0 5px 1px #FFF;
		margin: 1px auto;
		text-align: center;
		position: relative;
	  display: block;
	  padding: 2rem;
	  margin-bottom: 2rem;
	}
	.school_effect_flex p{
		font-size: 4rem;
		text-shadow: -1px -2px 10px #fff;
		position: relative;
		display: block;
		left: 0;
		top: 0;
		-webkit-transform: translateY(0%);
		transform: translateY(0%);
		width :100%;
		text-align:center;
	}
}
/* --------スクール見出し-------------- */
.schoolmidashi_area{
	margin: auto;
	text-align: center;
}
.schoolmidashi_area h2{
	margin-top: -5rem;
}
.schoolmidashi_area h3{
	font-size:3.7rem;
}

.school_strength {
	display: flex;
	justify-content:center;
	max-width: 1100px;
	margin: auto;
	margin-bottom: 2rem;
}
.school_strength div {
	border: 1px solid #fff;
	border-radius: 1rem;
	padding: 2rem;
	margin: 2rem;
	font-size: 3rem;
}
.school_strength img {
	width: auto;
	height: 40px;
	margin-right: 2rem;
}
@media (max-width: 768px) {
	.school_strength {
		margin-top: -2rem;
		margin-bottom: 3rem;
	}
	.school_strength img {
		width: auto;
		height: 25px;
		margin-right: 1rem;
	}
	.school_strength div {
		padding: 1.5rem;
		margin: .5rem;
		font-size: 3rem;
	}
}
/* --------スクールポイント-------------- */
.school_point_area{
	margin: auto;
	text-align: center;
}
.school_point{
	display: flex;
	justify-content:center;
	margin-bottom: 5rem;
}
.school_point h4{
	font-family: al-fresco, sans-serif;
	font-weight: normal;
	font-size: 5rem;
}
.school_point div{
	padding: 1rem;
}
.school_point dl{
	width: 300px;
	min-height: 300px;
	border-radius: 1rem;
	background: -moz-linear-gradient(top left, rgba(38, 135, 255, 0.68), rgba(6, 7, 37, 1)); 
	background: -webkit-linear-gradient(top left, rgba(38, 135, 255, 0.68), rgba(6, 7, 37, 1)); 
	background: linear-gradient(to bottom right, rgba(38, 135, 255, 0.68), rgba(6, 7, 37, 1)); 
	border: 1px solid #fff;
	box-shadow: 0 0 5px 1px #FFF;
	padding: 3rem;
}
.school_point dt{
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	font-size: 3rem;
	margin-bottom: 1rem;
	text-shadow: -1px -2px 10px #fff; 
}
@media (max-width: 768px) {
	.school_point_area h3{
		font-size: 4rem;
	}
	.school_point{
		display: block;
		margin: 0rem;
	}
	.school_point dl{
		width: 90%;
		min-height: 100px;
		height: auto;
		margin: auto;
		margin-bottom: 1rem;
	}
	.school_point dt{
		font-size: 4rem;
	}
	.school_point dd{
		font-size: 2.5rem;
	}
}
.curriculum_area{
	max-width: 1100px;
	margin: auto;
}
.curriculum_area h2{
	margin-top: -5rem;
}
.Curriculum_flex dl{
	display: flex;
	width: 100%;
	border-top: 1px solid #fff;
	padding: 2rem;
}
.Curriculum_flex dl:nth-last-child(1){
	border-bottom: 1px solid #fff;
}
.Curriculum_flex dt{
	width: 20%;
	font-size: 2rem;
	text-shadow: -1px -2px 10px #fff;
}
.Curriculum_flex dd{
	width: 80%;
}
@media (max-width: 768px) {
	.curriculum_area h2{
		margin-top: 0rem;
	}
	.Curriculum_flex dl{
		display: block;
		border: none;
	}
	.Curriculum_flex dl:nth-last-child(1){
		border-bottom: none;
	}
	.Curriculum_flex dt{
		font-size: 3rem;
		width: 100%;
		text-shadow: -1px -2px 10px #fff;
		margin-bottom: 2rem;
		border-bottom: 1px solid #fff;
	}
	.Curriculum_flex dd{
		width: 100%;
		font-size: 2rem;
	}
}

/* --------店舗紹介-------------- */
.shoplist h4{
	font-size: 4rem;
	text-align: left;
	font-weight: normal;
	text-shadow: -1px -2px 10px #fff; 
	margin-bottom: 3rem;
}
.shop_flex{
	display: flex;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
}
.shop_flex div img{
	width: 100%;
	height: 300px;
	object-fit: cover;
	box-shadow: -1px -1px 10px #fff;
}
.shop_flex div:nth-child(1) {
	width: 45%;
}
.shop_flex div:nth-child(2) {
	width: 55%;
	padding: 2rem 5rem 2rem 5rem;
}
.shop_flex dl{
	display: flex;
	width: 100%;
	border-top: 0.5px solid #fff;
	padding: 2rem;
}
.shop_flex dl:nth-last-child(1){
	border-bottom: 0.5px solid #fff;
}
.shop_flex dt{
	width: 20%;
	font-size: 2rem;
	text-shadow: -1px -2px 10px #fff;
}
.shop_flex dd{
	width: 80%;
}

@media (max-width: 768px) {
	.shop_flex{
		display: block;
	}
	.shop_flex div:nth-child(1) {
		width: 100%;
	}
	.shop_flex div:nth-child(2) {
		width: 100%;
		padding: 0rem;
	}
	.shop_flex dl{
		display: block;
		border: none;
	}
	.shop_flex dl:nth-last-child(1){
		border-bottom: none;
	}
	.shop_flex dt{
		font-size: 3rem;
		width: 100%;
		text-shadow: -1px -2px 10px #fff;
		margin-bottom: 1rem;
		border-bottom: 0.5px solid #fff;
	}
	.shop_flex dd{
		width: 100%;
		font-size: 2rem;
		margin-bottom: -1rem;
	}
	.shop_flex div img{
		width: 100%;
		height: auto;
		object-fit: contain;
	}
}



/* --------------------------------
	footer
-------------------------------- */
#footer{
	background-color: #12103F;
	color: #fff;
	padding: 1rem 0rem;
	font-size: 1rem;
	text-align: center;
}
#footer a{
	color: #fff;
	text-decoration: none;
	font-size: 1.3rem;
}
#footer p{
	padding: 1rem;
}
@media (max-width: 768px) {
	#footer a{
		font-size: 2rem;
	}
}