@charset "utf-8";

body {
    letter-spacing: 0.1em;
    line-height:2em;
    font-weight: 500;
    font-family: 'Shippori Mincho B1', serif;
    color:#fff;
    font-size:14px;
    background-color:#000000;
}

#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;
}

.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;
}

.overLay {
    mix-blend-mode: overlay;
}

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

.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: 18px;
    font-weight: 400;
    font-family: 'Libre Baskerville', serif;
    letter-spacing: 0.25em;
    line-height: 1.23em;
    color: #967FB7;
}

.tit01 {
    font-size: 19px;
    font-weight: 700;
    letter-spacing: 0.15em;
    line-height: 1.23em;
}

.tit02 {
    font-size: 18px;
    line-height: 1.8em;
   letter-spacing: 0.15em;
}

.subTit01 {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.25em;
    line-height: 2.25em;
    font-family: 'Libre Baskerville', serif;
}

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

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

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

.fontA{
	font-family: 'Libre Baskerville', serif;
}

.fontB{
  font-family: 'Shippori Mincho B1', serif;
}

/*-- 文字色 --*/

.colorWh{
  color:#fff!important;
}

.colorPurple{
  color:#967FB7;
}

.colorGr{
	color: #8E8E8E;
}

.graTxt01 {
    display: inline-block;
    background: (0deg, #D0BD8A, #967FB7);
    background: -webkit-linear-gradient(0deg, #967FB7, #D0BD8A);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.graTxt01.writingTit01 {
    display: inline-block;
    background: (90deg, #D0BD8A, #967FB7);
    background: -webkit-linear-gradient(90deg, #967FB7, #D0BD8A);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/*-- ボタン --*/

.btn01 {
	display:flex;
	background: -moz-linear-gradient(to right,#967FB7,#D1B365 30%,#D1B365);
	background: -webkit-linear-gradient(to right,#967FB7,#D1B365 30%,#D1B365);
	background: linear-gradient(to right,#967FB7,#D1B365 30%,#D1B365);
	padding:10px;
	justify-content: center;
	padding-right: 0.5em;
	position: relative;
	font-size: 17px;
	color: #fff;
	border-radius: 5px;
}

.btn01:before {
    content: "";
    display: block;
    max-width: 3em;
    width: 100%;
    height: 1px;
    background-color: #fff;
    margin: 0 auto 0 0;
    position:absolute;
    top: 50%;
    right: 2%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

.btn01:hover {
    /* background: #383838; */
    color: #fff;
    	background: -moz-linear-gradient(to right,#D1B365,#D1B365 30%,#967FB7);
	background: -webkit-linear-gradient(to right,#D1B365,#D1B365 30%,#967FB7);
	background: linear-gradient(to right,#D1B365,#D1B365 30%,#967FB7);
}

.btn01.white {
    background-color: #fff;
}

.btn01.white:hover {
    background-color:#383838;
}

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

.btn02 {
    display: flex;
    max-width: 224px;
    width: 100%;
    font-size: 18px;
    color: #967FB7;
    position: relative;
    text-align: center;
    justify-content: center;
    align-items: center;
}

.btn02.btn02Lg {
	/* font-size: 16px; */
}

.btn02:before {
    content: "";
    display: block;
    width: 5em;
    height: 1px;
    background-color: #967FB7;
    margin-right: 1em;
    transition: 0.3s;
}

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

.btn02:hover:before {
   background-color:#D0BD8A; 
}


.btn02.yellow:hover {
    color: #967FB7;
}

.btn02.yellow:hover:before {
    background-color: #967FB7;
    transition: 0.3s;
}


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

.btn02.yellow {
    color: #D0BD8A;
}

.btn02.yellow:before {
    background-color: #D0BD8A;
}

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

.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;
}

/*-- 背景色 --*/

.bgColor01.wrap01 {
    background-color: #ccc;
	color:#000;
}

.bgColor02.wrap01 {
    background-color: #F5F0F7;
	position: relative;
    color:#000;
}

.bgColor02.wrap01:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-image: url(/system_panel/uploads/images/top_menu_bg.png);
    mix-blend-mode: overlay;
}

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

.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;
}

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

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


.online_btn {
    font-size: 16px;
    font-weight: bold;
    max-width: 240px;
    width: 100%;
    background-color: #967FB7;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    border-radius: 5px;
    padding: 8px;
    margin-inline: auto;
    margin-top: -40px;
    z-index: 2;
    position: relative;
}

.online_btn:hover {
    opacity: 0.6;
    color: #fff;
}

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

@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: 14px; */
}
  

body {
    font-size:15px;
}

.brPC br{
  display:block;
}

.subTit01 {
    font-size: 21px;
}

.jaSubTit {
    font-size: 16px;
}
  
.tit02 {
    font-size: 20px;
}

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

.pcBr768 br{
  display:block;
}


.online_btn {
    font-size: 18px;
    width: 100%;
    margin-top: 40px;
}

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

} /* 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: 32px;
}
	
/*-- ボタン --*/

.btn01 {
    /* font-size: 20px; */
}

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



  

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

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

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


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

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

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

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

.tit02 {
    font-size: 25px;
}

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

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

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



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

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

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

.tit02 {
    font-size: 30px;
}

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

} /* 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 ここまで */

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