.sp440,
.sp375{display:none}


@media screen and (min-width: 769px) {
a[href^="tel:"]{pointer-events: none;}
.sp{display:none}


/* GNAVI PC */
.pc_navi>ul li:nth-child(2) .subInner, .pc_navi>ul li:nth-child(3) .subInner {width: 480px}
.pc_navi>ul li:nth-child(2) .subInner ul , .pc_navi>ul li:nth-child(3) .subInner ul {display: flex;flex-wrap: wrap}
.pc_navi>ul li:nth-child(2) .subInner ul li, .pc_navi>ul li:nth-child(3) .subInner ul li {width: 50%}

.menu_toggle .nav_inner {display: flex;align-items: center;}

.menu_toggle .nav_inner .ft_link {width: 100%;max-width: 1200px;margin: auto; display: flex;}
.menu_toggle .nav_inner .ft_link .link_list {width: 100%}


/* FIXED BUTTON */
.fixed_banner {width: 70px;}
.fixed_banner>div {width: 70px;height: 70px;margin-bottom: 1px}
.fixed_banner p {width: 70px;height: 70px}
.fixed_banner>div.tel {height: 137px;}

.fixed_banner .tel {transform: translateX();transition: all 0.3s ease}
.fixed_banner .tel .tt::before {margin-bottom: 0.45em}
.fixed_banner .tel .ov {display: flex;align-items: center;justify-content: center;background-color: var(--mcolor);position: absolute;left: 80px;height: 100%;top: 0;width: 200px;border-left: 1px solid #fff}
.fixed_banner .tel .ov .text{font-size: 125%;font-family: var(--en)}

.fixed_banner .web p .tt::before {margin-bottom: 10px}
.fixed_banner .mail p {border-bottom-left-radius: 5px}

.fixed_banner p:hover {color: #fff}

footer .inner {width: 1340px;padding: 0 30px;display: flex;justify-content: space-between;align-items: flex-start;}
footer .ft_link .ft_link_item.menu02,.ft_link .ft_link_item.menu03 { width: 226px; }
footer .ft_link .ft_link_item.menu03 {order: 2;margin-top: auto;}
footer .ft_link .ft_link_item { margin-bottom: 17px; }
/*==========================================================
									H O V E R
==========================================================*/
.pc_navi>ul>li:hover>a, .pc_navi>ul>li:hover>p {color: var(--scolor)}
.ovh header .pc_navi>ul>li:hover>a, header.active .pc_navi>ul>li:hover>p, header.active .pc_navi>ul>li:hover>a, .ovh header .pc_navi>ul>li:hover>p {color: var(--txt)}
.pc_navi>ul .subInner ul li a:hover{color: var(--scolor);}
.pc_navi>ul>li.menu-item-has-children:hover:before{ bottom: 2px;}

.to_top img:hover{opacity:.8}
.btn a:hover:after {right: -10px;}
.btn a:hover:before {width: 100%;}

.pc_navi>ul>li.menu-item-has-children>a:hover::after,
.pc_navi>ul>li.menu-item-has-children>p:hover::after,
.pc_navi>ul>li:hover a.title::after,
.pc_navi>ul>li:hover p.title::after {transform: translateY(-5px)}

.hamburger-btn .button-toggle:hover #nav-icon span{background-color: var(--scolor)}

.ft_link ul li > a:hover:after {width: calc(100% - 15px);}
.ft_link .ft_link_item >ul >li>a:hover:after {width: calc(100% - 40px);}
.to_top:hover {background: var(--mcolor);}


}

@media screen and (min-width: 769px) and (max-width: 1550px) {
.header_top {padding: 0 30px;}
.ft_link { margin-right: 30px; }
}
@media screen and (min-width: 769px) and (max-width: 1400px) {
header {height: 120px;}
.pc_navi { padding-right: 30px; }
.hamburger-btn { top: 50px; right: 30px;}
.right_head { max-width: calc(100% - 300px);padding-right: 80px; }
.logo{width: 280px;}
.pc_navi>ul { gap: 60px; }
.pc_navi>ul>li:not(:last-child):after { right: -40px; }
.ovh header, header.active {height: var(--hamburger-lp);}
.menu_toggle {top: var(--hamburger-lp);height: calc(100% - var(--hamburger-lp));}
.pc_navi>ul>li>a, .pc_navi>ul>li>p {height: 60px;}
.ovh header .hamburger-btn, header.active .hamburger-btn { top: 35px; }
.fixed_banner { top: 30%; }
.btn_box {gap: 25px;}
.ft_link { width: 530px; margin-right: 50px; }
.menu_toggle .ft_link ul li:not(.big) { margin-bottom: 7px; }
.menu_toggle .ft_link .title { margin: 0 0 5px; }
.to_top { width: 56px; right: 10px; bottom: 10px; }
.idx_gallery { margin-top: -60px; }
}
@media screen and (min-width: 769px) and (max-width: 1260px) {
header { height: 100px; }
.hamburger-btn {top: 38px;}
.logo {width: 240px;}
.pc_navi>ul>li>a, .pc_navi>ul>li>p {font-size: 16px;height: 50px;}
.pc_navi>ul>li:not(:last-child):after { top: 4px; }
.pc_navi>ul .subInner ul li { font-size: 14px; }
.ovh header, header.active { height: 80px; }
.ovh header .hamburger-btn, header.active .hamburger-btn { top: 29px; }
.menu_toggle {top: 80px;height: calc(100% - 80px);}
.menu_toggle .ft_link ul li:not(.big) {font-size: 16px;}
.main_slider .slick-dots li {width: 50px;height: 50px;}
.main_slider .slick-dots li button:before {font-size: 20px;}
.mv_ttl {font-size: 40px;}
.mv_des {font-size: 20px;}
.mv_en {font-size: 90px;}
}
@media screen and (min-width: 769px) and (max-width: 1130px) {
h1, h2, h3, h4, h5, h6, input, button, textarea, select, p, blockquote, th, td, pre, address, li, dt, dd {
font-size: 160%;
}
.pc_navi>ul { gap: 35px; }
.pc_navi>ul>li:not(:last-child):after { right: -26px; }
.pc_navi>ul>li.menu-item-has-children:before { width: 10px; }
.pc_navi>ul .subInner {width: 14em;}
.ttl .en { font-size: 70px; }
.ttl .ja {font-size: 24px;}
.ttl .ja:after {width: 180px;}
.btn a { width: 200px; font-size: 16px; height: 50px; padding: 0 0 10px; }
.btn a:after { width: 58px; }
.time_sheet table th { padding: 0.5em 0.25em;font-size: 16px; }
.time_sheet table td { padding: 0.4em 0.25em 0.5em; font-size: 16px;}
footer .inner { gap: 40px; }
.ft_info { width: 450px; }
.ft_logo img {width: 330px;}
.ft_link ul li:not(.big) {font-size: 16px;margin-bottom: 5px;}
.ft_link .ft_link_item >ul >li>a {font-size: 20px;}
.ft_link .ft_link_item >ul >li>a:before {width: 22px;height: 22px;}
.ft_link ul li.big { margin: 0 0 5px; }
footer .sec04_map { height: 290px; margin-top: 20px; }
footer {padding-top: 80px;}
.ft_top { padding: 0 0 80px; }
.idx_gallery { margin-top: -40px; }
.idx_gallery_item {width: 300px;}
}
@media screen and (min-width: 769px) and (max-width: 1020px) {
.logo { width: 25vw; }
header { height: 10vw; }
.hamburger-btn { width: 37px; top: 27px;}
.right_head { max-width: calc(100% - 28vw); padding-right: 52px; }
.pc_navi { padding-right: 15px; }
.pc_navi>ul { gap: 4vw; }
.pc_navi>ul>li:not(:last-child):after { right: -3vw; font-size: 2.5vw; }
.pc_navi>ul .sub ul li { font-size: 1.5vw; }
.pc_navi>ul .col2 .sub { width: 43vw; }
.pc_navi>ul .sub { width: 11em; }
.menu_toggle .ft_link ul li p { font-size: 110%; }
.menu_toggle .ft_link ul li:not(.big) { font-size: 14px; }
.ft_link ul li p {gap: 5px;}
.pc_navi>ul>li>a, .pc_navi>ul>li>p { font-size: 1.5vw; }
.ovh header, header.active { height: 64px; }
.ovh header .hamburger-btn, header.active .hamburger-btn { top: 22px; }
.menu_toggle { top: 64px; height: calc(100% - 64px); }
.ft_link ul li:not(.big) { font-size: 13px;}
.ft_link .ft_link_item >ul >li>a {font-size: 16px;}
.ft_link .ft_link_item >ul >li>a:before { width: 20px; height: 20px; }
footer .ft_link .ft_link_item.menu02,.ft_link .ft_link_item.menu03 { width: 165px; }
footer .inner { gap: 20px; }
footer .sec04_tel {margin-bottom: 10px;}
.time_sheet table th { padding: 0.5em 0.05em; font-size: 13px; }
.time_sheet table td { padding: 0.4em 0.1em 0.5em; font-size: 12px; }
.time_sheet .note {font-size: 14px;}
footer .sec04_map {height: 240px;}
.to_top { width: 46px; font-size: 14px; height: 70px; }
.to_top .img { width: 30px; height: 30px; }
.fixed_banner>div, .fixed_banner p {width: 60px;height: 60px;}
.fixed_banner {width: 60px;}
}



@media screen and (max-width: 768px) {
h1, h2, h3, h4, h5, h6, input, button, textarea, select, p, blockquote, th, td, pre, address, li, dt, dd {
font-size: 160%;
}
img{max-width:100%; height: auto;}
.swap img{width:auto;}

#wrapper,
header,
main,
#mainContent,
footer,
.inner{width:100%!important;min-width:unset!important}
.pc{display:none!important}
.inner {padding: 0 20px;}

:root{
--hamburger: 70px;
--hamburger-active: 70px;
}

/*==========================================================
								 H E A D E R  
==========================================================*/
.header_top {padding: 0 15px;}
.logo {margin: 0;width: 200px;}
.right_head {display: none;}
.hamburger-btn { width: 36px; right: 15px; top: 23px; }
.menu_toggle .nav_inner .ft_link { padding: 0 15px; }
.ovh header .hamburger-btn, header.active .hamburger-btn { top: 25px; }


/*==========================================================
						M A I N    C O N T E N T
============================================================*/
.ttl {text-align: center;margin-bottom: 30px;}
.ttl .en { font-size: 50px; margin: 0 0 10px; line-height: 1em;}
.ttl .ja {font-size: 24px;}
.ttl .ja:after {width: 180px;margin-top: 15px;}
.btn a {width: 200px;height: 50px;font-size: 16px;margin: 0 auto;padding: 0 0 10px;}
.btn a:after { width: 58px; height: 32px; }
.btn_box {justify-content: center;gap: 20px;}

.time_sheet table td, .time_sheet table th {font-size: 16px;}
.time_sheet table th, .time_sheet table td {padding: 0.5em 0.1em;}
.time_sheet .note {font-size: 14px;}




/*==========================================================
									F O O T E R
==========================================================*/
footer{padding: 60px 0 0;}
.ft_info { max-width: 540px; width: 100%; margin: 0 auto; }
footer .sec04_map {height: 290px;margin: 25px 0 0 ;}
.ft_top { padding: 0 0 60px; }
.ft_logo img {width: 300px;max-width: 85%;}
.copyright{margin-bottom: 60px;padding: 15px 0;}


.ft_link { width: 100%; }
.ft_link > ul { width: 50%;margin-bottom: 30px; }
.ft_link .ft_link_item >ul >li>a {font-size: 20px;gap: 5px;margin: 0;display: flex;}
.ft_link .ft_link_item >ul >li>a:before {width: 24px;height: 24px;}
.ft_link ul li:not(.big) { font-size: 16px; margin: 0; }
.ft_link ul li.big { margin: 0 0 5px; }
.ft_link ul li > a::before { top: 14px; }
.ft_link ul li > a {display: block;}
.menu_toggle {padding: 0 0 40px;}
.menu_toggle .nav_inner .ft_link_item { width: 100%;margin: 0 0 30px; }
.ft_link ul.sub-menu li > a { border-bottom: 1px dashed var(--scolor); padding: 10px 10px 10px 15px; }
.ft_link ul.sub-menu li > a:before {top: 25px;}
/* to top */
.to_top { width: 40px; height: 60px; right: 10px; bottom: 65px; font-size: 12px; }
.to_top .img { width: 24px; height: 24px; }
.to_top img{width: 12px;}

/* FIXED BANNER */
.fixed_banner{top: inherit;bottom: -60px;width: 100%;display: flex;height: 60px;}
.fixed_banner.active{bottom: 0;}

.fixed_banner>div{width: calc(100% / 2);}
.fixed_banner .tel p { flex-direction: row; }
.fixed_banner .tel p:before {margin: 0 10px 0 0;}
.fixed_banner>div.instagram p {font-size: 14px;}
.fixed_banner p .tt {flex-direction: row;font-size: 14px;}
.fixed_banner>div.instagram .tt:before {margin: 0 10px 0 0;}


/* idx_gallery */
.idx_gallery {margin: 0;}
.idx_gallery_item.item_top { margin-top: 30px; }
.idx_gallery_item.item_top2 { margin-top: 70px; }
.idx_gallery_item {width: 300px;margin: 0 5px;}
.idx_gallery_item:before {border-width: 6px;}
.idx_gallery_item img { box-shadow: 0px 12px 30px 3px rgba(26, 98, 164, 0.22); }
.idx_gallery_slide .slick-list { padding: 0 0 45px; }


}

/*============ END 750 ============ */


/* screen-max:460px */
@media screen and (max-width: 440px) {
.sp440 {display: block !important;}
.pc440{display: none !important}

.btn_box {display: block;}
.btn_box .btn:not(:last-child) {margin-bottom: 20px;}
.time_sheet table td, .time_sheet table th { font-size: 3.4vw; }
footer .time_sheet table td, footer .time_sheet table th { font-size: 4vw; }
.to_top {bottom: 95px;}
.fixed_banner .tel p:before {width: 18px;height: 18px;margin-right: 5px;}
.ft_link > ul { width: 100%; }
.menu_toggle .nav_inner .ft_link_item { width: 100%; }
.idx_gallery_item {width: 250px;}
.idx_gallery_item.item_top { margin-top: 20px; }
.idx_gallery_item.item_top2 { margin-top: 50px; }
}



/* screen-max: 375px */
@media screen and (max-width: 375px) {
.ttl .en { font-size: 13vw; }
.copyright .textwidget p { font-size: 10px; }
}