@charset "utf-8";
#root {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    position: relative;
}

body {
    width: 100%;
	font-family: "Noto Sans JP", sans-serif,"游ゴシック", "Yu Gothic", "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
    -webkit-text-size-adjust: ('none' '100%' 'auto');
  	font-weight: 400;
  　color:#111111;
    letter-spacing: 0.05em;
    font-size:14px;
}

.telWrap {
    color: inherit;
}

.telWrap:hover {
    color: inherit;
    text-decoration: underline;
}

.hidden {
    overflow: hidden;
}

.opacity_hover:hover {
    opacity: .7;
}

.cursol-pointer {
    cursor: pointer;
}

.hide {
  display:none;
}

a {
    transition:0.6s;  
}

.spBr br{
  display:block;
}

.pcBr br{
  display:none;
}

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

.linkMsk {
    position: relative;
    transition:0.7s;
}

.linkMsk:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: rgb(85 85 85 / 70%);
    transition:0.7s;
}

.linkMsk:hover:before {
    content: "";
    position: absolute;
    transition:0.7s;
    /* visibility: visible; */
    opacity: 0;
}

.mskPink{
  position: relative;
}

.mskPink:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    transition:0.7s;
    background: linear-gradient(to right, rgb(211 106 147 / 70%), rgb(211 109 105 / 70%));
}

.mskWhite{
  position: relative;
}

.mskWhite:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    transition:0.7s;
    background: rgb(245 245 245 / 70%);
}

.fontA {
  font-family: "Noto Sans JP", sans-serif;
}

.fontB {
  font-family: "Noto Serif JP", serif;
}

.fontC {
  font-family: "Marcellus", serif;
}

.fontD {
  font-family: "Homemade Apple", cursive;
}

.inLink>a:hover {
    text-decoration: underline;
    color: #485053;
}

/*---------------------------------------------------------------------------*/



/*---------------------------------------------------------------------------*/

/*---------------------------------------------------------------------------*/

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

.tit01{
  font-family: "Noto Serif JP", serif;
  font-size:23px;
  line-height:2em;  
}

.tit02{
  font-family: "Noto Serif JP", serif;
  font-size: 19px;
  line-height:2em;
}

.enTit01{
  font-family: "Marcellus", serif;
  font-size:30px;
  line-height:1.94em;
  letter-spacing: 0.05em;
}

.subTit01{
  font-family: "Noto Serif JP", serif;
  font-size:14px;
  color: #D36A93;
}

.txt01{
    line-height: 1.8em;
}

/*-- 共通パーツ --------------------------------------------------------------*/

.btn01 {
    font-family: "Marcellus", serif;
    display: flex;
    justify-content:center;
    align-items:center;
    max-width: 225px;
    width: 100%;
    color:#111111;
    padding: 20px 5px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.16);
    border:1px solid #CCCCCC;
    background-image:url(/system_panel/uploads/images/btn01.svg);
    background-repeat: no-repeat;
    background-position: 95% 50%;
    background-color: #fff;
    transition: .6s;
    font-size: 14px;
    line-height: 1.5em;
}

.btn01.btn01--back {
    background-image:url(/system_panel/uploads/images/btn01_back.svg);
    background-repeat: no-repeat;
    background-position: 5% 50%;
    background-color: #fff;
}

.btn01:hover {
    background-position: 99% 50%;
    color:#111111;
}

.btn01.btn01--back:hover {
    background-position: 1% 50%;
    color:#111111;
}

.ankerBtn {
    display: flex;
    justify-content:center;
    align-items:center;
    width: 100%;
    color:#111111;
    padding: 10px 5px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.16);
    border:1px solid #CCCCCC;
    transition: all .5s;
}

.ankerBtn:hover {
    color:#111111;
    box-shadow: none;
    transform: scale(.98, .98);
    transition: all .5s;
}

.btn01.otherTab{
    background-image:url(/system_panel/uploads/images/tab_btn.svg);
    background-repeat: no-repeat;
    background-position: 95% 50%;
}

.btn01.otherTab:hover {
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.16);
}

/*-- ****** -----------------------------------------------------------------*/
/*-- 共通カラー --------------------------------------------------------------*/

.colorWhite {
    color: #fff;
}

/*-- inCover -----------------------------------------------------------------*/



/*-- ****** -----------------------------------------------------------------*/
/*-- パンくずリスト ----------------------------------------------------------*/


/*-- ****** -----------------------------------------------------------------*/
/*-- coverTxt ---------------------------------------------------------------*/



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



/*--is-animation--*/



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


/*---------------------------------------------------------------------------*/

/*---topMain----------------------------------------------*/



/*----*/



/*----kasou------------------------------------------------*/



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

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

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

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

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

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

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

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

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

  



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

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

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

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

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

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

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

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

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

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

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

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

.enTit01{
  font-family: "Marcellus", serif;
  font-size:56px;
  line-height:1.94em;  
}

.subTit01{
  font-size:18px;
}
    
.tit01{
  font-size:32px;
}
  
.tit02{
  font-size: 21px;
}
  
body {
    font-size:16px;
}
  
.spBr br{
  display:none;
}

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

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

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

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

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

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


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

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

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


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

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

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

.tit02{
  font-size:25px;
}
  

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

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

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