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

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

@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&family=Kiwi+Maru&family=Kosugi+Maru&family=M+PLUS+Rounded+1c&family=Meow+Script&family=Noto+Sans+JP:wght@100..900&family=Noto+Serif+JP:wght@200..900&family=Shippori+Mincho:wght@400;700&family=Zen+Maru+Gothic&display=swap');


.fontSize_pc{
    font-size:25px;
}
body {

    font-family: "Shippori Mincho", "游ゴシック 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";
}

.loading_logo{
    width: 120px;
}

#cms_2-f .cate_img1 {
max-height: 1000px;
}


#logo{
    width: 5%;
}

#logo2{
    width: 30%;
    margin:0 auto;
}

#loading_logo{
    width: 40%;
    position: absolute;
    z-index: 100;
    left: 10%;
    top: 20px;
}

#cms1_box .cms1_title_border {
 width: 100%;
 height: auto;
 font-size:30px;
}
.link_type2 .cate_box a:after {
    top: 100%;
    background-color: #252525;
    transition: 0.5s;
    z-index: 3;
}

#cms_2-f .cate_img1{
    width: 50%!important;
    margin:0 auto ;
    
}

#top_con .top_about {
 z-index: 0;   
}

#nav_logo{
    width: 80px;
}

.margin_t_15{
    margin-top: 15px;
}

.catchCopy_main{
    font-size: 3.7rem;
    font-weight: 500;
    text-align: left;
}

.catchCopy_en{
    font-family: Arial;
    font-weight: 300;
    font-size: 1.2rem;
    text-align: left;
}

.dec_line{
    width:556px;
    height: 2px;
    background: #fff;
    margin-top:3%;
    margin-bottom:5px;
}


.catchCopy{
    padding-left: 100px;
    position: absolute;
    top:75%;
    left:50%;
    z-index: 100;
}

.catchCopy_sub{
        font-size: 1.5rem!important;
    font-weight: 400;
    text-align: left;
    line-height: 1.4!important;
    margin-top:5px;
}



#top_link .top_link_title {
    font-size: 41px;
}
.btn{
    width: 100%;
    text-align: center;
     margin: 35px auto;
}

.triangle{
    width: 0;
    height: 0;
         display: inline-flex;
     align-items: center;
     gap:8px;
     
     border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 8px solid white;
  
}

.ins_btn {


  padding: 14px 28px;
  border-radius: 999px;

  font-size: 0.9rem;
  font-weight: 400;
  text-decoration: none;

  background: #2b0c07;
  color: #fff;

  border: none;
  cursor: pointer;

  transition: 0.3s;
}

.ins_btn:hover {
  opacity: 0.85;
}


.shadow-l{
    width:15% !important;
}

#top_intro .intro_img {
    margin-top: -40px;
}

.contact_btn_wrap .contact_btn .editBtn1 a {
    text-shadow: none;
    display: block;
}

#loading_logo {
    background-color: #FAFAFA;
    padding:20px;
    border-radius: 15px;
}
.linehight_2{
    line-height: 2;
}

.sns_links 
{
    display: none;
}

.swiper-pagination{
    display: none;
}

.nav_tel{
    display: none;
}
.foot_tel{
    display: none;
}

#logo2{
    margin-bottom:2.5vw;
        background-color: #FAFAFA;
    padding: 20px;
    border-radius: 15px;
}
/* ---------------------------　タブレット　-------------------------- */
@media screen and (max-width: 768px){
    .font_6up_tb {
        font-size:17px;
    }
    
#main_img .main_txt h2, #top_link .top_link_title {
    font-size: 27px;
}
.intro_title_row{
    
    font-size:1.0rem;
}
.catchCopy {
    top: 60%;
    padding-left:50px;
}    
.catchCopy_main {
    font-size: 2.6rem;
}
}


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

    .posi_abs.width_200.width_150_sp {
        display: block!important;
    }
#loading_logo {
    background-color: #FAFAFA;
    padding: 10px;
    border-radius: 8px;
}

.grid_1_sp, .grid_2_sp, .grid_3_sp, .grid_4_sp, .grid_5_sp, .grid_6_sp, .grid_7_sp, .grid_8_sp, .grid_9_sp, .grid_10_sp, .grid_11_sp, .grid_12_sp {
    display: flex;
        }

#nav_logo {
    width: 50px;
}
.catchCopy_sub {
font-size: 0.8rem !important; ;
}

#top_intro .intro_img {
    margin-top: -10px;
}

    .catchCopy_main {
        font-size: 1.7rem;
    }
    
    .catchCopy_en {
    font-family: Arial;
    font-weight: 300;
    font-size: 0.9rem;
    text-align: left;
}

#top_con .number::before {
    position: absolute;
    content: "";
    width: 5px;
    height: 100%;
    top: 0;
    left: -50px;
    background-color: currentColor;
    display: none;
}

    .grid_1_sp, .grid_2_sp, .grid_3_sp, .grid_4_sp, .grid_5_sp, .grid_6_sp, .grid_7_sp, .grid_8_sp, .grid_9_sp, .grid_10_sp, .grid_11_sp, .grid_12_sp {
        display: block;
        align-items: center;
        flex-direction: column;
    }
.posi_abs.width_200.width_150_sp {
  display: none;
}

#ins_btn_sp{
    font-size: 19px!important;
    width: 100%!important;
}

#ins_btn_sp span {
        padding: 1em 0.3em 1em 0.3em!important;
    }

}

■■　FV　■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■


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



}

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

}



/*■■　TOP　■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/


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

}

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

}



/*■■　下層ページ　■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/


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

}

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

}