@charset "utf-8";

.logo_img a{display: inline-block}
.logo_img{padding:15px 15px 0 15px}



#cta{
position: fixed;
display:flex;
visibility: hidden;
transition: 0.5s;
z-index:5;
  width:100%;
list-style: none}

#cta a{ 

background-color:#F4E02C;
color:#000;padding:15px;
z-index:5;position: relative;
display:inline-flex;

}
#cta li a{font-weight: bold}
#cta li:nth-child(2) a{background-color:#148f8a;color:#fff}
#cta li:nth-child(3) a{background-color:#073C63;color:#fff}


 #cta .header-tel_block a i{
background-image:url(common/img/header-tel.svg);
width:100%;background-size: contain;background-position: center center;
height:30px;display:block;background-repeat: no-repeat}


 #cta span{display:none} 

#logoarea{background-color:#fff}


/*******************MENU********************/
@media screen and (min-width: 1025px) {
  
  
  #cta{right:0;
top:300px;gap:3px;
flex-direction: column;width:60px;}
 #cta a{border-radius:8px 0 0 8px;
white-space: pre;
writing-mode: vertical-rl;
   flex-direction: column;display:block;width:100%}
  
  #logoarea{display:flex;justify-content: space-between}
  
   #header-2{display:flex;align-items: center;list-style: none;height:105px;gap:2px}
  .logoarea_leftblock{width:50%;max-width:200px;text-align: left;}

    #header-2 li.menublock a{aspect-ratio:1/1;width:105px;display:flex;align-items: center;justify-content: center;padding:8px;font-size:12px;background-color:#F4E02C;flex-direction: column;gap:5px;color:#1F5256;font-weight: bold;transition:0.2s}
  #header-2 li.menublock a:hover{background-color:#80E5D7}
  
  
  
  #header-2 li i{display:block;width:40px;height:40px;background-repeat: no-repeat;background-position: center center;background-size: contain;transition:0.2s}
  #header-2  i.header-satei{background-image:url(common/img/header-satei.svg)}
  #header-2  i.header-mail{background-image:url(common/img/header-mail.svg)}
  #header-2 li.menublock a:hover i{transform: scale(1.05,1.05)}
  .logoarea_rightblock .header-tel_block{font-size:30px;padding:0 25px 0 0}
  .header-tel_block a{color:#1F5256;font-weight: 600;display:flex;gap:10px;align-items: center}
  .header-tel_block a i{background-image:url(common/img/header-tel.svg);background-repeat: no-repeat}
  
  
  
  
#ln_nav{
background-color:#fff;
position:relative;
width:100%;
left:0;
right:0;
top: 0;
  z-index:99
} 
  #ln_nav.scroll{position:fixed;}
  
  
#ln_nav > div{
display:flex;
align-items:center;
justify-content:center;
width:100%;
margin:0 auto;
gap: 25px;
height:80px
}
.wp-pc #ln_menu{gap:0px;}
  #ln_menu{gap:10px;font-size:15px}
  
  
  
#ln_menu,#ln_menu ul{display:flex;list-style: none!important;}
 
  
  #ln_menu li{margin:0;padding:0}

 
#ln_menu > li > a{
padding:10px;
height:80px;
display:inline-flex;
justify-content: center;
align-items: center;
overflow: hidden
}
  
.wp-pc #ln_menu > li > a
{min-width:80px}
  
.mega-header-nav-child{
top:80px;
width:100%;
position: absolute;
background-color:#C6E7E5;
padding:20px;
left:0;
right:0;
margin:0 auto;
opacity: 0;
visibility: hidden;
transition:0.2s}
  
.mega-sub-menu{display:flex;flex-wrap: wrap;gap:15px;padding:20px 0} 
.mega-sub-menu > li{width:calc((100% - 30px)/3)}
.mega-sub-menu > li > a{background-color:#FFFFFF;padding:20px;display:inline-flex;width:100%;transition:0.1s;border-radius:2px;}
.mega-sub-menu > li > a:hover{background-color:rgba(255,255,253,0.67)}
  
  
.wp-pc #ln_nav li:hover > a + span + .mega-header-nav-child,
.wp-mobile #ln_nav li .mega-header-nav-child.visible
  {
opacity:1;
visibility: visible
}
  
.wp-pc #ln_nav #ln_menu > li:hover > a,
#ln_nav .current_page_item > a,
#ln_nav li.current-menu-parent > a,
.tamplate-single .kowa-blog > a,
.tamplate-archive .kowa-blog > a,
.tamplate-single-kounyu .sagasu > a,
.tamplate-single-chintai .sagasu > a,
.tamplate-taxonomy-area-chintai .sagasu > a,
.tamplate-taxonomy-kounyu-location .sagasu > a,
.tamplate-taxonomy-kounyu-kodawari .sagasu> a,
.tamplate-taxonomy-area .sagasu > a
  {
background-color:#C6E7E5
}
  
#ln_nav .mega-sub-menu .current_page_item > a{background-color: #466382;color:#fff;border:1px solid rgba(123,122,162,0.46)}


  
.mega-header-nav-child ul{
max-width:1480px;
margin:0 auto
}

.wp-mobile #ln_menu > li > a{padding:0;transition:0.1s}
.wp-mobile #ln_menu > li{display:flex;gap:8px}
.navbutton{display:none}


  .logo_img img{height:90px;transition: 0.2s;width:auto}

.wp-pc .arrow_u{display:none}
.arrow_u{display:block;position:relative;width:30px;height:30px;right:0;top:0;bottom:0;margin:auto 0;
background-color:#104246;border-radius:100%;z-index:50;
}
.arrow_u:after{width:10px;height:10px;border-bottom: 2px solid #fff;border-right:2px solid #fff;
content:"";display:block;transform: rotate(45deg);position:absolute;top:0;bottom:3px;right:0;left:0;margin:auto;
}
  
  
  
#ln_nav.scroll .logo_img img,
.wp-mobile #ln_nav.scroll .logo_img img{height:50px;width:auto}

#ln_nav.scroll #ln_menu > li > a,
.wp-mobile #ln_nav.scroll #ln_menu > li > a,
  #ln_nav.scroll > div
  {
height:50px;
}
  #ln_nav.scroll .mega-header-nav-child{top:50px}
  

}
/*********↑ＰＣ用メニュー設定*************/
@media screen and (min-width: 1300px) {
   #ln_menu{gap:20px;font-size:18px}
}


@media screen and (max-width: 1024px) {
  #header-2{display:none}
.arrow_u{display:none}
  
  #ln_menu{max-width:500px;margin: 0 auto;display:flex;gap:8px;flex-direction: column}
  #ln_menu,#ln_menu ul{list-style: none}
  #ln_menu .menu-item{background-color:#fff}
  #ln_menu .menu-item a{padding:8px 45px 8px 15px;display:block;transition:0.2s;position: relative}
  
  
  #ln_menu .menu-item a:before,.menu-item a:after{content:"";display:block;position: absolute}
  #ln_menu .menu-item a:before{width: 24px;
        height: 24px;
        background-color: #c6e7e5;
        border-radius: 999999px;
        right: 9px;
        top: 0;
        bottom: 0;
        margin: auto 0;}
  #ln_menu .menu-item a:after{width: 8px;
        height: 8px;
        transform: rotate(45deg);
        border-top: 4px solid #ffffff;
        border-right: 4px solid #ffffff;
        right: 18px;
        top: 0;
        bottom: 0;
        margin: auto 0;}
  
  
  
  #ln_menu > .menu-item > a{color: #335667;
        font-weight: 700;
        border-bottom: 4px solid #335667;}
  
  
#ln_nav_in{visibility: hidden;opacity: 0;transition: 0.2s}
#ln_nav_in.mobile-open{
    width:100vw;
    height: 100vh;
    background-color:#C6E7E5;
  visibility: visible;opacity: 1;
  position: fixed;

  top:0;
  bottom:0;
  left:0;
  right:0;
  overflow-y: auto;
  z-index:80;padding:80px 20px 80px 20px;
  }
  
.nav__button{
background:#335667;
cursor: pointer;
width: 50px;
height:50px;
border-radius: 5px;
position: fixed;
right:10px;
top:10px;z-index:9999
}

/*ボタン内側*/
.nav__button span{
    display: inline-block;
    transition: all .4s;/*アニメーションの設定*/
    position: absolute;
    left: 14px;
    height: 3px;
    border-radius: 2px;
  background: #fff;
    width: 45%;
  ;
  }

.nav__button span:nth-of-type(1) {
  top:15px; 
}

.nav__button span:nth-of-type(2) {
  top:23px;
}

.nav__button span:nth-of-type(3) {
  top:31px;
}

/*activeクラスが付与されると線が回転して×に*/

.nav__button.active span:nth-of-type(1) {
    top: 18px;
    left: 18px;
    transform: translateY(6px) rotate(-45deg);
    width: 30%;
}

.nav__button.active span:nth-of-type(2) {
  opacity: 0;/*真ん中の線は透過*/
}

.nav__button.active span:nth-of-type(3){
    top: 30px;
    left: 18px;
    transform: translateY(-6px) rotate(45deg);
    width: 30%;
}
  
  
#ln_nav{position: relative;left:0;top:0;height:0}
  #ln_nav > div{height:0}
#logoarea .logo_img img{height:50px!important;width:auto} 
  #logoarea .logo_img a{text-align: left;height:60px} 
  #logoarea{height:75px}
  
    #cta{right:0;left:0;bottom:0;
top:inherit;width:100%;
flex-direction: row;}
  
  #cta > li{width:calc(50% - 30px)}
  #cta > li:first-child{width:60px;}
  #cta a{display:inline-flex;width:100%;height: 100%;align-items: center;justify-content: center}
  
  
}/*************ＭＥＮＵモバイル*****************/