@import url('https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Karma&family=Kiwi+Maru&display=swap');

@font-face {
font-family: "honomaru";
  src:url("dup/css/hono.ttf") format("ttf"), url("dup/css/honomaru.woff") format("woff"),url("dup/css/honomaru.woff2") format("woff2");
}

body{font-family:'Zen Kaku Gothic New',"游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif !important;}

h2, h3, h4, h5, h6, div#intro_txt h2, section.top_cms_box h2, #header_menu li a,p.info_title span{
    font-family: 'honomaru','Zen Kaku Gothic New',"游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;}
    
.top_cms_box .cms_title, .more, #info_title_box, #page_title, a[href^="tel:"], header #header #header_menu ul, #bottom_menu, #info .info_txt h3, .drawer-menu, #page10, #intro .intro_no, #con_h .con_no {font-family: 'Kiwi Maru','honomaru','Zen Kaku Gothic New',"游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;}


body {line-height: 1.8;}
/* color-----------------------------------------------------------------------*/
body,.txt_color_nomal,.hvr_txt_color_nomal:hover{color: #596369;}
.txt_color1,.hvr_txt_color1:hover{color: #5f925a} /* メインカラー */
.txt_color2,.hvr_txt_color2:hover{color: #ebe8df} /* サブカラー */
.txt_color3,.hvr_txt_color3:hover{color: #557286} /* アクセントカラー1 */
.txt_color4,.hvr_txt_color4:hover{color: #e3ded0} /* アクセントカラー2 */
.txt_color5,.hvr_txt_color5:hover{color: #f3f2ef} /* アクセントカラー2 */
/* background-color */
.bg_black,.hvr_bg_black:hover{background-color: #596369} /* 黒背景 */
.bg_color1,.hvr_bg_color1:hover{background-color: #5f925a} /* メインカラー */
.bg_color2,.hvr_bg_color2:hover{background-color: #ebe8df} /* サブカラー */
.bg_color3,.hvr_bg_color3:hover{background-color: #557286} /* アクセントカラー1 */
.bg_color4,.hvr_bg_color4:hover{background-color: #e3ded0} /* アクセントカラー2 */
.bg_color5,.hvr_bg_color5:hover{background-color: #f3f2ef} /* アクセントカラー2 */
.bg_color_clear,.hvr_bg_color_clear:hover{background-color: transparent!important}
/* border-color ※!important */
.border_color1,.hvr_border_color1:hover{border-color: #5f925a}
.border_color2,.hvr_border_color2:hover{border-color: #ebe8df}
.border_color3,.hvr_border_color3:hover{border-color: #557286}
.border_color4,.hvr_border_color4:hover{border-color: #e3ded0}
.border_color5,.hvr_border_color:hover{border-color: #f3f2ef}

header {background-color: rgb(235 232 223 / 70%);}
.linkStyle{color: #5f925a; text-decoration: underline;}
/* color-----------------------------------------------------------------------*/

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ top ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
#main_img .main_img_wrap:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgb(244 242 239 / 90%);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    mix-blend-mode: soft-light;
}

#main_img .main_img_wrap:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgb(244 242 239 / 30%);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}

#main_img .main_logo {
    z-index: 1;
    width: 100% !important;
    max-width: 500px;
    transform: translate(-50%,-64%);}
    
img.item01 {
    position: absolute;
    top: 17%;
    right: -56%;
    z-index: 1;
    width: 21vw;}
    
.cms_2-d img, #cms_2-d img {height: auto !important;}

#contents .fadein:nth-of-type(1) .con_box .con_item1 {right: -5%;}
#contents .con_box .con_item1 {
    width: 5vw;
    height: 20vh;
    background-size: 100%;
    background-repeat: no-repeat;
    bottom: -44px;}
    
#contents .fadein:nth-of-type(2) .con_box .con_item2 {left: -8%;}
#contents .con_box .con_item2 {
    width: 8vw;
    height: 17vh;
    background-size: 100%;
    background-repeat: no-repeat;
    bottom: -44px;}
    
#main_img {padding-top: 98px;}

.intro_txt_wrap p {
    line-height: 2;
    font-size: 16px;}
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ top ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/    
    

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ sub ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/   
/*【背景色のみ】*/
section#cms_3-b .cate_box {
    background: #eae8e4;
    border-radius: 5px;
    border: solid 0;}


section#cms_3-b .cate:last-of-type {
    margin-bottom: 50px !important;}
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ sub ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/   

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ all ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/  
div#foot_banner a {
    background: #557286;
    color: #fff;}

.tel {display: none;}

.foot_contact {
    bottom: 95px;
    right: 17px;}

nav#header_menu span {font-size: 16px;}
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ all ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/


/*タブレット*/
@media screen and (max-width: 768px){
header #header #header_menu li a {
    padding-left: 10px;
    padding-right: 10px;}
    
    #main_img {padding-top: 150px;}

    #main_img .main_logo {
        max-width: 300px;
        transform: translate(-50%,-55%);}

    .main_img_wrap::after {
        background: rgb(255,255,255);
        background: radial-gradient(circle, rgba(255,255,255,0.3) -30%, rgba(255,255,255,0.3) 30%, rgba(255,255,255,0) 32%);}

    img.item01 {
        position: absolute;
        top: -27%;
        right: -22%;
        z-index: 1;
        width: 26vw;}
    
    #intro .intro_img {
        transform: rotate(5deg);
        position: relative;
        z-index: 1;
        margin-right: 50px;}    
        
    #contents .fadein:nth-of-type(1) .con_box .con_item1 {right: -5%;}
    #contents .con_box .con_item1 {
        width: 11vw;
        height: 15vh;}
        
    #contents .fadein:nth-of-type(2) .con_box .con_item2 {
        left: auto;
        right: -7%;}
        
    #contents .con_box .con_item2 {
        width: 17vw;
        height: 14vh;
        bottom: -75px;}    
        
    #copyright {padding-bottom: 130px;}
    
    #page_title #filter_white {
        padding-top: 195px;
        padding-bottom: 65px;}    

    #page_title #filter_white {background-color: rgba(255,255,255,0.6) !important;}      

    section#cms_3-b .cate:last-of-type {margin-bottom: 30px !important;}
    
    .foot_contact {
        bottom: 90px;
        right: 14px;
        background: #f3f2ef;
        padding: 5px 5px;
        border-radius: 50px;
        font-size: 14.5px;}    
        
    .info_txt {
        padding-right: 25px;
        width: calc(40% - 40px) !important;}        
}

/*スマホ*/
@media screen and (max-width: 667px){
    #page_title #filter_white {
        padding-top: 110px;
        padding-bottom: 40px;}
    #logo .logo {
        width: 150px;
        margin-left: 10px;}
        
    .foot_contact {
        bottom: 80px !important;
        right: 14px !important;
        background: #f3f2ef;
        padding: 5px 5px;
        border-radius: 50px;
        font-size: 12px !important;}
        
    #page_title h2 span {font-size: 25px;}
    #main_img {padding-top: 70px;}
    
    #main_img .main_logo {
        max-width: 230px;
        transform: translate(-50%,-60%);}    
        
    .main_img_wrap::after {
        background: rgb(255,255,255);
        background: radial-gradient(circle, rgba(255,255,255,0.3) -30%, rgba(255,255,255,0.3) 40%, rgba(255,255,255,0) 42%);}
        
    img.item01 {
        position: absolute;
        top: -15%;
        right: -11%;
        z-index: 1;
        width: 39vw;}
        
    #intro .intro_img {
        transform: rotate(5deg);
        position: relative;
        z-index: 1;
        margin-right: 50px;
        margin-top: 30px;
        margin-bottom: 30px;}   

    #contents .con_box .con_item1 {
        width: 15vw;
        height: 16vh;
        bottom: -42px;}        
        
    #contents .con_box .con_item2 {
        width: 29vw;
        height: 18vh;
        bottom: -81px;}    

    .cms_title h2 {font-size: 25px !important;}        
    
    .info_txt {
        padding-right: inherit;
        width: 90% !important;}    
        
    #page_title h2 span {
        font-size: 22px;
        letter-spacing: 2px;}        

    #page_title p {font-size: 16px;} 
    
    .intro_txt_wrap p {
        line-height: 2;
        font-size: 15px;}    
    
}


/*2024129*/

#cms_1-a .date {
    width: auto;
    border: none;
    padding: 0;
    margin: 0;
    opacity: 0.8;
}



/*20240209*/
.car_map{
    box-sizing: content-box;
}

/*タブレット*/
@media screen and (max-width: 768px){
.car_map{
    box-sizing: border-box;
}
    
}