@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&display=swap');
html{
    font-family:'游ゴシック体', 'Yu Gothic', YuGothic, sans-serif;
    background: #f3f4f5;
    color: #1d1d1f;
    }
@media all and (-ms-high-contrast:none){html{font-family: 'メイリオ', 'Meiryo', sans-serif;}}

body{
    font-family:'游ゴシック体', 'Yu Gothic', YuGothic, sans-serif;
    background: #f3f4f5;
    color: #1d1d1f;
    }
body a{transition:0.2s;color: #1d1d1f}
body a:hover{text-decoration: none;color: #1d1d1f}

p{margin-bottom: 0!important;}
.tategaki{writing-mode: vertical-rl;-ms-writing-mode: tb-rl;-webkit-writing-mode:vertical-rl;}
.font-os{font-family: 'Oswald', sans-serif;}
.sp{display: none;}	
.pc{display: block;}

/* hide*/
.hide{display:none;}

/* head*/
.head_mail_txt{font-family: 'Oswald', sans-serif;}

.header{position:sticky; top:0; z-index:1001;}
/* fotter*/

/* top*/
.btn01_txt{font-family: 'Oswald', sans-serif;}
.ttl01{font-family: 'Oswald', sans-serif;text-transform: uppercase;}
.c9894{font-family: 'Oswald', sans-serif;}
.c7551{font-family: 'Oswald', sans-serif;}

.ttl01_box02{
    position: relative;
    }
.ttl01_box02::after{
    position: absolute;
    content: "";
    width: 50%;
    height: 1px;
    background: #1d1d1f;
    bottom: -11px;
    right: 0;
    }
.ttl01_box02 .ttl01_box{
    position: relative;
    }
.ttl01_box02 .ttl01_box::after{
    position: absolute;
    content: "";
    width: calc(100%);
    height: 1px;
    background: #1d1d1f;
    bottom: -25px;
    left: 0;
    }

.col-md-6.top_house_left,
.col-md-6.top_house_right{position: relative;}
.col-md-6.top_house_left::after,
.col-md-6.top_house_right::after{
    position: absolute;
    content: "";
    background: url(https://satsuki-s.com/system_panel/uploads/images/arw01.png);
    bottom: 10px;
    right: 10px;
    width: 15px;
    height: 15px;
    }

.col-md-3.top_plans_col{
    border-right: 1px solid #f3f4f5;
    box-sizing: border-box;
    }
.col-md-3.top_plans_col:last-child{
    border-right: none;
    }
.col-md-6.top_reform_col.top_reform_col01{
    border-right: 1px solid #f3f4f5;
    box-sizing: border-box;
    }

@media screen and (max-width: 1340px) {}
@media screen and (max-width: 1024px) {
    .col-md-3.top_plans_col{border-bottom: 1px solid #f3f4f5;}
    }
@media screen and (max-width: 767px) {
.sp{display: block;}	
.pc{display: none;}
.under .row{flex-direction: column-reverse;}
.under.row{flex-direction: column-reverse;}
/* head*/
    .col-md-4.header-center{display: none;}
/* fotter*/
    .col-md-8.ft_right{display: none;}
/* top */
  .col-md-3.top_plans_col{
    border-right: none;
    }
   .col-md-6.top_reform_col.top_reform_col01{
    border-right:none;
    border-bottom: 1px solid #f3f4f5;
    } 

/* contact */
.privacyDd{
    white-space: pre-wrap;
    overflow-x: hidden;
    overflow-y: auto;
    resize: none;
}
}

@media screen and (max-width: 480px) {}
@media (min-width: 375px){.header.sub_header{padding: 0;}}
@media (min-width: 768px) {.header.sub_header{display: none;} }
@media screen and (max-width: 280px) {}

.row.hd_nav_row .col.hd_nav_col:hover {
    -webkit-transition: all .5s;
    transition: all .5s;
    }

.nav_col_second {
    visibility: hidden;
    opacity: 0;
    z-index: 1;
  
    }
.row.hd_nav_row .nav_col_single {position: relative;}
.nav_col_single .nav_col_second {
    position: absolute;
    top: 10px;
    width: 130%;
    min-width: 170px;
    background:rgba(255,255,255,1);
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    padding: 15px 10px;
    box-sizing: border-box;
    }
.nav_col_single .nav_col_second a{
    font-size: 14px;
    color: #1d1d1f;
    padding: 2px 0;
    display: inline-block;
    font-weight: 600
    }
.nav_col_single .nav_col_second a strong{ color: #ddaf2a;}
.nav_col_single:hover .nav_col_second {
    top:20px;
    visibility: visible;
    opacity: 1;
    }

.btnConte02 {
    max-width: 11%!important;
}

/* 20240807@ */

.spFlexdBtnArea{
    z-index: 999;
}

.spFlexdBtnBox {
    border-right: 1px solid #fff;
}

.spFlexdBtnBox:last-child{
    border-right:none;
}

.topSliderLinkBox::after {
    content: "";
    display: block;
    position:absolute;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;
  }

  @media screen and (min-width: 768px) {
    .spFlexdBtnBox {
        border-right: none;
    }
    .spFlexdBtnBox{
        border-top: 1px solid #fff;
    }
  }

/* 管理画面調整 */
  .gjs-dashed .topSliderLinkBox::after{
    content:none;
  }