@charset "utf-8";

body {
    letter-spacing: 0.1em;
    line-height:2em;
    font-weight: 500;
    font-family: 'Zen Kaku Gothic New', sans-serif;
    color:#383838;
    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;
}

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

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

.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-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: 'EB Garamond', serif;
}

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

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

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

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

.fontB{
   font-family: 'EB Garamond', serif;
}

/*-- 文字色 --*/

.colorWh{
  color:#fff!important;
}

.colorGr{
	color: #8E8E8E;
}

/*-- ボタン --*/

.btn01 {
	font-family: 'Roboto', sans-serif;
	max-width: 160px;
	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: 7px 0%;
	text-align: center;
	color: #383838;
	font-weight: 400;
	position: relative;
}

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

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


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

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

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

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

.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 {
    background-image: url(/system_panel/uploads/images/top_gallery_bg01.jpg);
    background-size: cover;
    background-repeat: repeat;
}

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

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

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

.ftSnsLink p {
    text-decoration: underline;
    transition: 0.3s;
}

.ftSnsLink:hover p {
    text-decoration: none;
    transition: 0.3s;
}

.ftContactBx02BtnBx {
    position: relative;
}
.ftContactTitBtnBx {
    position: relative;
}

.ftNavLink:before {
    content: "";
    display: block;
    width: 0.75em;
    height: 1px;
    background-color: #fff;
    position: absolute;
    top: 50%;
    left: 0%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

.ftNavLink {
    padding-left: 1.4em;
    position: relative;
}

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

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

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

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


.ftContactTitBtnBx:nth-child(1):before {
    content: "";
    display: block;
    width: 1px;
    height: 16px;
    background-color: #707070;
    position: absolute;
    top: 50%;
    right: 0%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}


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

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

.jaSubTit {
    font-size: 16px;
}

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

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

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

.pcBr768 br{
  display:block;
}
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

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

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

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

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

@media screen and (max-width:768px) {
  .footer_banner {
    max-width:120px !important;
    right: 12px !important;
	}
}