@charset "utf-8";

/* 1536 , 1530 × 735 ,1366 *//* 上記画面幅でも崩れていないか確認 */

/* 修正した場合→各項目の一番下に日付をコメントアウトして追記 */

@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@300..700&family=M+PLUS+1p&family=Noto+Serif+JP:wght@200..900&display=swap');

.font_com,
#page_title .title_box p,
.l-gh__scrollnav-scroll,
.flow_type3 .box_title1::before,
.top_cms_title .font_4dw,
#top_cms .more a,
.blogListDate,
#page10 .sitemap_wrap .txt .font_6dw{
    font-family: 'Comfortaa', "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}



/*■■　ALL　■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*
#loading{
    display:none;
}
*/
.fix_bnr{
    right:100px;
    z-index:11;
}
.h_contents .tel_bt,
#fix_menu .tel_bt{
    display:none;
}
.footer_box p,
#copyright a{
    color:#333!important;
}
/* ---------------------------　タブレット　-------------------------- */
@media screen and (max-width: 768px){
.fix_bnr {
    right: 50px;
}
.footer_box p:not(#copyright){
    letter-spacing: 0;
}
}

/* --------------------------　スマホ　-------------------------- */
@media screen and (max-width: 667px){
.fix_bnr {
    right: auto;
    left:50%;
    transform:translateX(-50%);
}
}



/*■■　FV　■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
.copy{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 80%; 
  max-width: 600px; 
  pointer-events: none; 
  z-index:10;
}
#main_img::before{
      content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.35); 
  pointer-events: none; 
  z-index: 2;
}
/* ▼ メイン画像エリアの高さ */
#main_img {
    height: 85vh;
    position: relative;
    overflow: hidden;
}

/* ▼ Swiper 全体を #main_img の高さに合わせる */
#main_img .swiper-container,
#main_img .swiper-wrapper,
#main_img .swiper-slide,
#main_img .box_img {
    height: 100%;
}

/* ▼ 画像を完全に高さフィットさせる */
#main_img .box_img img {
    width: 100%!important;
    height: 100%;
    object-fit: cover; 
}

.rectangle_main_img img,
.rectangle_con2_img img {
    width: 100%;
    height: 100%!important;
    object-fit: cover;
}

/*2025_12_16*/
#main_img {
  width: 100vw!important;
  margin-left: calc(50% - 50vw); /* 親が中央寄せでも画面幅に広げる */
  margin-right: calc(50% - 50vw);
  overflow: hidden;
}
#main_img .swiper-container,
#main_img .swiper-wrapper,
#main_img .swiper-slide {
  width: 100%;
}
.rectangle_main_img {
  position: relative;
  width: 100%;
}

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


/* ---------------------------　タブレット　-------------------------- */
@media screen and (max-width: 768px){
.copy{
    width: 70%;
    top:58%;
}
}

/* --------------------------　スマホ　-------------------------- */
@media screen and (max-width: 667px){

#main_img{
    height:60vh;
}

.copy {
    width:82%;
    top:60%;
}
}



/*■■　TOP　■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
#top_contact_box,#top_info{
    display:none;
}

/* ---------------------------　タブレット　-------------------------- */
@media screen and (max-width: 768px){

}

/* --------------------------　スマホ　-------------------------- */
@media screen and (max-width: 667px){

}



/*■■　下層ページ　■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
#page8 .contact_line a{
    padding: 18px 40px;
    border-radius: 50px;
    transition: .3s;
}
#page8 .contact_line a:hover{
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-animation: easeOutBounce .6s;
    animation: easeOutBounce .6s;
}

/* ---------------------------　タブレット　-------------------------- */
@media screen and (max-width: 768px){

}

/* --------------------------　スマホ　-------------------------- */
@media screen and (max-width: 667px){

}