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

:root{
    --font-jp: 'Zen Kaku Gothic New', "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif;
    --font-en: 'Jost', 'Zen Kaku Gothic New', "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif;
	"游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";
}
body, .font_sans-serif, .font_serif{
    font-family: var(--font-jp);
}
.font_en, a[href^="tel:"]{
    font-family: var(--font-en);
}
*/
/* ---------- color ---------- */



/* ---------- all ---------- */
footer.pd_t-100px{
    padding-bottom: 50px;
}
html {
    font-size: 16px;
}


/* ---------- top ---------- */
#main_img .swiper-wrapper::before{
    background-image: none;
}
.main_img_txt{
    display: none;
}
.fv_txt1,.fv_txt2,.fv_item1{
    z-index: 2;
}

.fv_txt1 {
    width: min(55%, 700px);
    top: 48%;
    right: 11%;
    left: auto;
    transform: translateY(-50%);
    z-index: 3;
}
.fv_txt2 {
    bottom: 6%;
    left: 0;
    width: min(47%, 650px);
}
.fv_item1 {
    width: min(30%, 480px);
    bottom: -9%;
    right: 0;
}

.intro_img div {
    font-size: 5em;
    color: transparent;
    top: -9%;
    left: -6%;
    -webkit-text-stroke: 1px var(--color1);
    pointer-events: none;
}

#s_content1-1, #s_content1 {
    background-image: url(../img/bg1.jpg);
    background-size: cover;
}

.cms_box.page4 .cms_box_bg,.cms_box.page5 .cms_box_bg {
    display: none;
}

.intro_img a::before{
    z-index: 0;
}



/* ---------- under ---------- */
#page_title::before{background: none;}
.line_bnr  {
    width: min(90%,500px);
    margin-bottom: 50px;
}



/* ---------- tablet ---------- */
@media screen and (max-width: 768px){
#main_img{
    height: 53vh!important;
}
.intro_img div{
    display: block;
}
.pp-scrollable {
    overflow: visible;
    overflow-y: visible;
}
}

/* ---------- mobile ---------- */
@media screen and (max-width: 667px){
html {
    font-size: 14px;
}
/*.swiper-wrapper.sp_hide{
    display: none!important;
}*/
.overlay{top: 44px;}
#main_img_sp {
    height: 100vh !important;
}
.fv_txt1 {
    width: min(95%, 700px);
    top: auto;
    bottom: 12%;
    right: 0;
    left: -8%;
    margin: auto;
    transform: none;
    z-index: 3;
}
.fv_item1 {
    width: min(51%, 500px);
    bottom: -11px;
    right: 0;
    display: none;
}

#pagepiling{
    overflow: hidden;
}
.pp-scrollable{
    z-index: 3;
    overflow: visible;
}
#s_content1::before {
    content: '';
    display: inline-block;
    width: 52vw;
    height: 51vw;
    background-image: url(../img/fv_item1.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    right: -18px;
    top: -10%;
    z-index: 1;
}
footer.pd_t-100px {
    padding-bottom: 0;
}
}


/* fix_bnr ---------------------------------------------------------------------------------------------*/
#fix_bnr {
    bottom: 17px;
    right: 55px;
    width: 70%;
    max-width: 320px;
    transition: 0.5s;
    opacity: 1;
    z-index: 5;
}
#fix_bnr.scroll{
    opacity: 1;
pointer-events: auto;
}
#fix_bnr.close{
    opacity: 0;
    z-index: -1;
    pointer-events: none;
}
@media screen and (max-width: 768px){
/*#fix_bnr.close{
    transform: translateY(-200px);
}*/
}
@media screen and (max-width: 667px){
#fix_bnr {
    width: 57%!important;
    right: 0;
    left: 0;
    margin: auto;
    bottom: 10px;
    pointer-events: none;
    opacity: 0;
}
}
/* fix_bnr end ---------------------------------------------------------------------------------------------*/