/* ---------- font ---------- */
@import url('https://fonts.googleapis.com/css2?family=Square+Peg&family=Zen+Kaku+Gothic+New:wght@500;700&family=Zen+Kurenaido&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@400;500&display=swap');

:root{
    --font_base:  "Zen Kaku Gothic New", sans-serif;
    --font-jp: "Zen Kaku Gothic New", 'Noto Sans JP', "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif;
    --font-en: "Square Peg","Zen Kurenaido",'Noto Sans JP', "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif;
	/*font-family: "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";*/
}
body{
    font-family: var(--font_base);
    font-weight: 400;
}
.con_title, .catch  {
    font-family: var(--font-jp);
    font-weight: 500;
}
#intro .info_title, .cms_title .opacity05 , .font_pl, #top_contents2 .num, .font_en{
    font-family: var(--font-en);
    letter-spacing: 0px;
}
.con_sub_title, #copylight{
    font-family: 'Varela Round', "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


/* ---------- color ---------- */
.top_page:before, .under_page:before{
    background: var(--color1)!important;
}
.footer_bg {
    background-color: var(--color3);
}
#page10 .opacity04 {
    opacity: 0.6;
    color: var(--color3);
}


/* ---------- all ---------- */
#wrap{
    background: url("../img/bg1.jpg") center / cover no-repeat;
    background-attachment: fixed;
    position: relative;
}
.lb-data .lb-close {
    background: url(../img/close2.png) top right no-repeat!important;
    background-size: contain!important;
}

html {
    font-size: 15px;
}
.footer_tel a{
    color: #fff;
}
.rsv_btn {
    display: none;
}
.logo_wrap {
    width: 185px;
}
.linehight_2 {
    line-height: 2.3;
}



/* ---------- index ---------- */
#intro .info_title{
    opacity: 1;
    top: 83px;
    font-size: 51px;
}
#main_img{
    width: 100%;
}
.slick-slider{
    display: none!important;
}
.catch, .con_title span:before {
    display: none;
}
.con_title{
    margin-bottom: 0;
}
.fv_txt {
    width: min(43%, 700px);
    bottom: 3%;
    right: 0;
}

#top_news, #top_contents2{
    background-color: rgb(255 255 255 / 81%);
    background-color: rgb(231 228 221 / 58%);
}

#top_news .opacity05{
    display: none;
}
.cms_title2 h3, #top_contents1 .font_pl{
    font-size: 69px;
    line-height: 1;
}
#top_contents1 h2{
    color: var(--color1);
    font-size: 86px!important;
}




/* ---------- under ---------- */
#page_title .title_img{
    background-image: url("../img/page_title_img.jpg")!important;
}
#page_title .title_wrap{
    padding-bottom: 40px;
}
#cms_2-f .cate {
     background-color: rgb(255 255 255 / 54%);
}
.under_page {
    top: 0;
}




/* ---------- tablet ---------- */
@media screen and (max-width: 768px){
.slick-slider{
    display: block!important;
}
#main_img {
  width: 81%;
  margin: 0 auto;
  margin-top: 35px;
  margin-left: 0;
  overflow: hidden;
  /*height: 75vh;*/
}
.slick-slide img {
    min-width: 100%;
    min-height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: "object-fit: cover;";
    position: static;
    top: 50%;
    left: 50%;
    transform: none;
    -webkit-transform: none;
    -ms-transform: translate(-50%, -50%);
}
.fv_txt {
    width: 45%;
    top: -39px;
    right: 0;
}
.slick-slide, #main_img {
    height: 98%!important;
}
.slick-list {
    margin-bottom: 20px !important;
    height: 660px;
}
#intro{
    margin-top: 100px;
}
#page_title .font_40 {
    font-size: 28px;
}
#intro .info_title {
    top: 45px;
}
}

/* ---------- mobile ---------- */
@media screen and (max-width: 667px){
#wrap{
    background: none;
}
#wrap::after {
    content: "";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100vw;
    height: 100vh;
    background-image:  url("../img/bg1.jpg");
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
}
.slick-list {
    height: 448px;
}
.fv_txt {
    width: 65%;
    top: -39px;
    right: 0;
}
#intro {
    margin-top: 69px;
}
#top_contents2 .num{
    color: var(--color1);
}
#top_contents2 .font_8up {
    font-size: -webkit-calc(1rem + 8px);
    font-size: calc(1rem + 4px);
}
#top_contents1 h2 {
    font-size: 62px !important;
}
#page_title .width_60per_sp {
    width: 66% !important;
}
#page_title .font_40 {
    font-size: 20px;
}
#top_contents2 .con_box .posi_center{
    display: none;
}
#footer_nav  {
   display: none;
}
}

/* fix_bnr ---------------------------------------------------------------------------------------------*/
#fix_bnr {
        bottom: 7px;
    right: 98px;
    z-index: 10;
    width: 70%;
    max-width: 358px;
    transition: 0.5s;
    opacity: 0;
    pointer-events: none;
    z-index: 2;
}
#fix_bnr.scroll{
    opacity: 1;
pointer-events: auto;
}
#fix_bnr.close{
    opacity: 0;
    z-index: -1;
}
@media screen and (max-width: 768px){
#fix_bnr.close{
    transform: translateX(200px);
}
#fix_bnr {
    bottom: 7px;
    right: 0;
    left: 0;
    margin: auto;
    width: 70%;
    max-width: 410px;
    transition: 0.5s;
    opacity: 0;
    pointer-events: none;
    z-index: 2;
}
}
@media screen and (max-width: 667px){
#fix_bnr {
    width: 67%!important;
    right: 0;
    left: -6px;
    margin: auto;
    bottom: 10px;
}
}
/* fix_bnr end ---------------------------------------------------------------------------------------------*/