@charset "utf-8";

body {
    letter-spacing: 0.05em;
    line-height:2em;
    font-weight: 500;
    font-family: 'Zen Kaku Gothic New', sans-serif;
    color:#3A3A3A;
    font-size:14px;
}

#root {
	margin: 0 auto;
	max-width: 1920px;
	width: 100%;
}

.underline {
	text-decoration: underline;
}

.underline-hover:hover {
	text-decoration: underline;
}

.telWrap {
	color: inherit;
}

.hidden {
	overflow: hidden;
}

.scrollY {
	overflow-Y: scroll;
}

a, button {
	transition: .3s;
}

p > a {
	color: inherit;
	text-decoration: underline;
}

p > a:hover {
	color: inherit;
}

.beginnerschoolTxt01LinkUnderlineNone a {
    text-decoration: none;
}

.imgBx{
	position: relative;
	text-align: center;
}

.opacityHv:hover{
  opacity: 0.8;
}

.objectFitImg {
    justify-content: center;
    align-items: center;
    position: absolute;
    display: flex;
    top: 0;
    right: 0;
    max-height: 100%;
    height: 100%;
    max-width: 100%;
    width: 100%;
    bottom: 0;
    left: 0;
    margin: auto;
    object-fit: cover;
}

.youtubeBx  {
    margin: 30px auto 0;
    padding: 0 0 55.2%;
    max-width: 754px;
    width: 100%;
    position: relative;
    height: 0;
}

.youtubeBx.actyoutubeBx{
    padding: 0 0 56.3%;
}

.youtubeBx iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.hide {
    display: none;
}

.br768 br{
  display:block;
}

.brPC br{
  display:none;
}

.zoom-hvr:hover img{
  transform:scale(1.2,1.2);
  transition:1s all;
}

.zoom-hvr{
    overflow:hidden;
    transition:1s all;
}

.zoom-hvr img{
    transition:1s all;
}

.zoom-hvr .newsImgBx{
    overflow:hidden;
}

.zoom-hvr .newsImgBx img{
    transition:1s all;
}

.zoom-hvr a img {
    transition: 1s all;
}

.marker span {
     background: linear-gradient(transparent 60%, #FCEB5B 60%);
}

.multiply {
    mix-blend-mode: multiply;
}

.o-none{
  display:none;
}

.gjs-dashed .o-none{
  display:block;
}

.pcBr768 br{
  display:none;
}

.pcBr1024 br{
  display:none;
}

.z-indexDown{
  z-index:-1;
}

/*-- 共有デザイン --*/

.bnrLink01 {
    position: relative;
    transition:0.3s;
}

.bnrLink01:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: rgb(0 0 0 / 30%);
    transition: 0.3s;
}

.bnrLink01:hover:before {
    background-color: rgb(0 0 0 / 10%);
    transition: 0.3s;
}



/*-- 見出し --*/

.enTit01 {
    font-size: 28px;
    font-weight: 500;
    font-family: 'EB Garamond', serif;
    letter-spacing: 0.05em;
    line-height: 1.23em;
}

.tit01 {
	font-family:'Kosugi Maru', sans-serif;
    font-size: 19px;
    font-weight: 500;
    letter-spacing: 0.08em;
    line-height: 1.23em;
}

.subTit01 {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.05em;
    line-height: 2.25em;
    font-family: 'Kosugi Maru', sans-serif;
	color:#393572;
}

/*-- テキスト --*/

.txt01 {
	letter-spacing: 0.08em;
	line-height: 2.25em;
}

/*-- フォント --*/

.fontA{
	font-family: 'Lato', sans-serif;
}

.fontB{
   font-family: 'Poppins', sans-serif;
}

.fontC{
   font-family: 'Zen Kaku Gothic New', sans-serif;
}

.fontD{
   font-family: 'Kosugi Maru', sans-serif;

}

/*-- 文字色 --*/

.colorWh{
  color:#fff!important;
}

.colorGr{
	color: #8E8E8E;
}

.color01{
	color: #8F77B5;
}

.color02{
	color: #393572;
}

/*-- ボタン --*/

.btn01 {
	/* font-family: 'Roboto', sans-serif; */
	max-width: 136px;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	font-weight: normal;
	letter-spacing: 0.08em;
	line-height: 1.2em;
	padding: 0px 0%;
	text-align: center;
	color: #8F77B5;
	font-weight: 700;
	position: relative;
	flex-direction: row-reverse;
}

.btn01:before {
    content: "";
    display: block;
    max-width: 46px;
    width: 100%;
    height: 46px;
    background-color: #8F77B5;
    border-radius: 50%;
    background-image: url(/system_panel/uploads/images/btn01.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    margin: 0 0 0 auto;
    border: 1px solid #8F77B5;
}

.btn01:hover:before {
    background-color: #fff;
    background-image: url(/system_panel/uploads/images/btn01_on.svg);
}


.btn01:hover {
    /* background: #383838; */
    color: #8F77B5;
} 

.btn01.white {
    color: #fff;
}

.btn01.white:before {
    content: "";
    display: block;
    max-width: 46px;
    width: 100%;
    height: 46px;
    background-color: #fff;
    border-radius: 50%;
    background-image: url(/system_panel/uploads/images/btn01_on.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    margin: 0 0 0 auto;
    border: 1px solid #8F77B5;
}

.btn01.white:hover:before {
    background-color: #b3a7c7;
    background-image: url(/system_panel/uploads/images/btn01.svg);
}


.btn01.back {
    flex-direction: row;
}

.btn01.back:before {
    margin: 0 auto 0 0;
}

.btn01.back:before {
    transform: rotate(181deg);
}

.btn02 {
    display: flex!important;
    max-width: 230px;
    width: 100%;
    padding: 16.1px 10px 16.1px 28px;
    background-color: #333333;
    border: 1px solid #707070;
    border-radius: 5px;
    font-size: 18px;
    color: #fff;
    position: relative;
    text-align: center;
    justify-content: center;
}

.btn02:hover {
    background-position: 98% 50%;
    color: #ccc;
}

.btn02 img {
    position: absolute;
    position: absolute;
    top: 40%;
    left: 8%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

.btn01.down:before {
    transform: rotateZ(90deg);
}


/*-- 画像制御 --*/

.imgFit {
	object-fit: cover;
	width: 100%;
	height: 100%;
}

.imgControl {
	position: relative;
	padding: 0 0 74.3%;
}

.imgControl > img {
	position: absolute;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
}

.speechTxt01 {
  position: relative;
  padding: 0 30px;
  width: fit-content;
  margin: 0 auto;
}

.speechTxt01:before {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 30px;
  height: 1px;
  background-color: #8F77B5;
  -webkit-transform: rotate(-60deg);
  transform: rotate(244deg);
  left: 0;
}

.speechTxt01:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 30px;
  height: 1px;
  background-color: #8F77B5;
  -webkit-transform: rotate(-60deg);
  transform: rotate(-244deg);
  right: 0;
}


/*-- 背景色 --*/

.bgColor01 {
 background-color:#EDECF1;
}

.bgColor02 {
 background-color:#F9F8FB;
}

/*-- レイアウト -----------------------------------------------------------------*/

.mt-10 {
	margin-top: 10px !important;
}

.mt-20 {
	margin-top: 20px !important;
}

.mt-30 {
	margin-top: 30px !important;
}

.mt-40 {
	margin-top: 40px !important;
}

.mt-50 {
	margin-top: 50px !important;
}

.mt-60 {
	margin-top: 60px !important;
}

.mt-70 {
	margin-top: 70px !important;
}

.mt-80 {
	margin-top: 80px !important;
}

/*-- ヘッダー・フッター --*/

.mapLink p {
    border-bottom: 1px solid #fff;
    transition: 0.3s;
}

.mapLink:hover p {
    border-bottom: 1px solid #fff0;
    transition: 0.3s;
}

/*-- ヘッダー・フッターここまで --*/

.jaSubTit {
    font-weight: 500;
    letter-spacing: 0.06em;
    font-size: 14px;
}

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

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

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */



/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* min-width: 414px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

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

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */



/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* min-width: 414px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

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

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */


	
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* min-width: 576px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

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

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

/*-- 改行 --*/
.br768 br {
	display: none;
}

/*-- 見出し --*/

.enTit01 {
    /* font-size: 36px; */
}

.tit01 {
    font-size: 22px;
}

/*-- ボタン --*/

.btn01 {
    font-size: 16px;
}
  

body {
    font-size: 16px;
}

.brPC br{
  display:block;
}

.subTit01 {
    font-size: 22px;
}

.jaSubTit {
    font-size: 16px;
}

/*-- ヘッダー・フッター --*/


.pcBr768 br{
  display:block;
}

.btn01 {
	max-width: 160px;
}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* min-width: 768px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

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

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */


/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* min-width: 992px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

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

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

/*-- 改行 --*/
.br1024None br {
	display: none;
}

/*-- 見出し --*/

.enTit01 {
    font-size: 32px;
}

.tit01 {
    font-size: 25px;
}
	
/*-- ボタン --*/

.btn01 {
    font-size: 18px;
}

/*-- ヘッダー・フッター --*/

.ftContactBx02BtnBx:before {
    content: "";
    display: block;
    width: 1px;
    height: 32px;
    background-color: #707070;
    position: absolute;
    left: 0;
}

.ftContactBx02BtnBx:first-child:before{
	display:block;
}

.pcBr1024 br{
  display:block;
}

  

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* min-width: 1024px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

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

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

/*-- 改行 --*/
.br1200None br {
	display: none;
}
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* min-width: 1200px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */



/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

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

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */



/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* min-width: 1300px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

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

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */



/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* min-width: 1400px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

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

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */




 /* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* min-width: 1700px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

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

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
  

  
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* min-width: 1900px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */