/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 02 2026 | 08:44:27 */
html, body {
 margin: 0 !important;
 padding: 0 !important;
 overflow-x: hidden !important;
}

body {
 transform: none !important;
 perspective: none !important;
 will-change: auto !important;
}

/*--- C.メニュー展開時 ---*/
.wp-block-navigation__responsive-container.is-menu-open p.top-menu,
.custom-header-row.open p.top-menu,
.custom-header-row.active p.top-menu {
 display: none !important;
}

/*--- その他 ---*/

html.is-menu-open .wp-block-navigation__responsive-container-inside,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item a,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content,
.wp-block-navigation__responsive-container-inside .wp-block-navigation-item__content,
.wp-block-navigation__responsive-container-inside h2,
.wp-block-navigation__responsive-container-inside p {
 color: inherit;
}

html.is-menu-open .wp-block-navigation__responsive-container-inside svg {
 filter: none !important;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item a,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content,
.wp-block-navigation__responsive-container-inside .wp-block-navigation-item__content {
 color: inherit;
}

/*--- LOGO ---*/
.wp-block-cover {
 position: relative !important;
}
.wp-block-cover .wp-block-group.center-logo-group,
.center-logo-group {
 display: block !important;
 float: none !important;
 flex: none !important;
 position: absolute !important;
 top: 50% !important;
 left: 50% !important;
 z-index: 20 !important;
 width: 300px !important;
 height: 300px !important;
 min-width: 300px !important;
 min-height: 300px !important;
 max-width: 300px !important;
 max-height: 300px !important;
 overflow: visible !important;
 transform: translate(-50%, calc(-50% - 270px)) scale(0.3) !important;
 transform-origin: center center !important;
}
@media screen and (max-width: 767px) {
 .wp-block-cover .wp-block-group.center-logo-group,
 .center-logo-group {
  transform: translate(-50%, calc(-50% - 75px)) scale(0.25) !important;
 }
}
.center-logo,
.center-logo img,
img.center-logo {
 position: static !important;
 width: 100% !important;
 height: 100% !important;
 max-width: 100% !important;
 max-height: 100% !important;
 object-fit: contain !important;
 clip-path: none !important;
 overflow: visible !important;
 transform: none !important;
 transform-origin: center center !important;
}

/*-----------------------*/
.bg-dark {
 position: relative;
 isolation: isolate;
}

html.is-menu-open .wp-block-navigation__responsive-container-inside .wp-block-site-logo,
html.is-menu-open .wp-block-navigation__responsive-container-inside .custom-logo-link {
 display: block !important;
 width: 250px !important;
 max-width: 250px !important;
 height: 250px !important;
 max-height: 250px !important;
 overflow: hidden !important;
 flex: 0 0 auto !important;
 align-self: center !important;
 margin: 0 auto 25px auto !important;
 position: relative !important;
}

html.is-menu-open .wp-block-navigation__responsive-container-inside .custom-logo,
html.is-menu-open .wp-block-navigation__responsive-container-inside img[sizes],
html.is-menu-open .wp-block-navigation__responsive-container-inside img {
 position: absolute !important;
 top: 0 !important;
 left: 0 !important;
 width: 100% !important;
 max-width: 100% !important;
 height: 100% !important;
 max-height: 100% !important;
 aspect-ratio: 1 / 1 !important;
 object-fit: contain !important; 
 transform: none !important;
}

.wp-block-navigation__responsive-container.is-menu-open h1,
.wp-block-navigation__responsive-container.is-menu-open h2,
.wp-block-navigation__responsive-container.is-menu-open h3,
.wp-block-navigation__responsive-container.is-menu-open p,
.wp-block-navigation__responsive-container.is-menu-open a,
.wp-block-navigation__responsive-container.is-menu-open span,
.wp-block-navigation__responsive-container.is-menu-open button,
.wp-block-navigation__responsive-container.is-menu-open svg {
 color: #111111 !important;
 fill: #111111 !important;
}

/*-----------------------*/
@media (max-width: 767px) {
 .content01-left {
	padding-left:0 !important;
	padding-right:0 !important;
 }

 .contents02,
 .contents03 {
	padding-left: 5px !important;
	padding-right: 5px !important;
 }
	
 .section02-box,
 .section04-box,
 .section06-box {
	width:90vw !important;
	flex-direction: column;
 }

 .section03-box,
 .section05-box {
	width:90vw !important;
	flex-direction: column-reverse;
 }

 .section02-box .n2-section-smartslider,
 .section03-box .n2-section-smartslider,
 .section04-box .n2-section-smartslider,	
 .section05-box .n2-section-smartslider,
 .section06-box .n2-section-smartslider	{
	 width:95%;
 }
	
 .contents03-column-line01, 
 .contents03-column-line02 {
	width:90vw !important;
	flex-direction: column;	
 }

 .contents03-column01, .contents03-column01 img,
 .contents03-column02, .contents03-column02 img,
 .contents03-column03, .contents03-column03 img,
 .contents03-column04, .contents03-column04 img {
	width:90vw !important;		
 }
	
	
}

.section02-box,
.section03-box,
.section04-box,
.section05-box,
.section06-box {
	width:1200px;
}