/* 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');


body{
    
 font-family: "Shippori Mincho", serif;
  font-weight: 500;
  font-style: normal;
}


#header {
    background-image: url('/Files/img/Nav.jpg');
    background-size: cover;
    background-position: center;
}

.logo_img{
    width:60% ;
    margin: 15px;
}

.more_item{
        background-image: url('/Files/img/Nav.jpg');
    background-size: cover;

}

#INTRODUCTION{
    color: #de7f27;
}

.Introduction_title{
    font-size: 2.5rem;
    color: #de7f27;
    line-height: 1.3;
}

.con_title{
        font-size: 2rem!important;
}

.hero{
    width: 100%;
    height: 100%;
    position: relative;
}


.hero_img {
    position: absolute;
    z-index: 2;
    width: 30%;
    left: 50%;
    top: 30%;
    transform: translateX(-50%);
}

.cate_txt1 .editTxt1 .font_2dw_tb{
    width: 60%;
    
}

.about_txt{
    width: 70%;;
}

.hero_sp{
    width: 100%;
    height: 100%;
    display: none;
}

.border_color4, .hvr_border_color4:hover {
    border-color: #dddddd;
}

.serivce_title{
        font-size: 2rem;
}

.sns_title{
    text-align: center;
    color: white;
    font-size: 0.9rem;
    padding-left:10px; ;
}

#tel_txt .title {
    color: var(--color1);
}

.txt_color1{
    color: #252525!important;
}

#contents_modal .modal_title_wrap{display: none;}

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

.Introduction_title {
    font-size: 2.3rem;}
    
#footer_info .info_txt {
    padding: 0 10%;
}
}

/* --------------------------　スマホ　-------------------------- */
@media screen and (max-width: 667px){
#logo2{
    width: 50%;
    text-align: center;
}

.hero{
        width: 100%;
    height: 100%;
    position: relative;
    display: none;
}
    #video video {
        display: none;
    }

.hero_sp{
    display: block;
}

.hero_img{
    width: 63%;
    left: 50%;
    top: 30%;
}

.sp_txt{
font-size: 1.3rem;
}

.con_title {
    font-size: 1.3rem !important;
}

#main_img{
        height: 138vw!important;
}


.sm-slider{
        height: 116vw;
}

.sm-slider {
    min-height: auto !important;
}
}

@media screen and (max-width: 667px){
#logo2{
    margin-top:20px ;
}
}

/*■■　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){

}