@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/


/************************************
** TOPページ
************************************/

.intro {text-align:center;}
.entry-content .mission h2,
.entry-content .vision h2 {font-size:55px;margin:0.3em auto 0.5em !important;padding:0;font-feature-settings: "palt";}
.mission img.missionlogo {width:250px;max-width:60%;height:auto;}

.business div {color:#1a1a1a;padding:5% 1.5% 1.5%;}
.business div img {margin:0;padding-top:25px;}

.business div {position:relative;}
.business div span.num {
	position:absolute;
	top:-2.5%;
	left:0;
	font-size:120px;
	font-weight:900;
	font-style:italic;
	color:#A9D395;
	opacity:0.7;
	padding-right:0.2em;
}
.business div h3 {z-index:8;position:relative;}

.flex.half.illust {margin:1vw 0 3vw !important;}
.circle {border-radius:888px;padding:2.5%;}

.values h2 {font-size:55px;margin:-0.5em auto 0 !important;padding:0 !important;font-feature-settings: "palt";}

.forest_circulation {width:100vw;height:100vw;margin-bottom:7vw;}
.forest_circulation {background-image: url(https://woodcutter.jp/wp2606/wp-content/uploads/2026/05/illust01-1.png);background-color:#f5f5f5;background-size:100%;background-position:center top;background-attachment:fixed;}
.forest_circulation p.space.center {margin-top:60vw;}

.guidelines  {margin:3vw auto 5vw;}
.guidelines div {border:2px solid #006e58;color:#222;background:#fff;}

.info-content {background:#f5f5f5;padding:5%;margin-top:3vw;}


@media screen and (max-width: 834px){
.mission h2,
.vision h2 {font-size:28px;}
.business div {padding:5%;}
.flex.half.illust div {width:90%;margin:0 auto;}
.entry-content .flex.half.illust.eng div img {margin:0 auto;}
.forest_circulation {width:90vh;height:90vh;left:-20%;}
.forest_circulation {background-size:180%;}
.guidelines .circle {width:90% !important;padding:1% 2.5%;}
.guidelines .circle h3 {margin:1.2em auto 0.2em !important;padding:0;}
}


/*==============================
Scroll Indicator
==============================*/

.scroll-indicator{
    position:absolute;
    right:5%;
    bottom:35px;
    transform:translateX(-50%);
    display:flex;
    flex-direction:column;
    align-items:center;
    text-decoration:none;
    color:#fff;
    z-index:100;
    opacity:.7;
    transition:.4s;
}

.scroll-indicator:hover{
    color:#fff;
	opacity:1;
}
.scroll-text{
    font-size:10px;
    letter-spacing:.35em;
    margin-bottom:12px;
    font-weight:300;
}

.scroll-line{
    position:relative;
    width:1px;
    height:70px;
    background:rgba(255,255,255,.25);
    overflow:hidden;
}

.scroll-line::after{
    content:"";
    position:absolute;
    left:0;
    top:-25px;
    width:1px;
    height:25px;
    background:#fff;
    box-shadow:0 0 6px rgba(255,255,255,.8);
    animation:scrollLine 2.3s infinite;
}

@keyframes scrollLine{
    0%{
        transform:translateY(-25px);
    }
    100%{
        transform:translateY(95px);
    }
}

@media(max-width:768px){

    .scroll-indicator{
        bottom:25px;
    }

    .scroll-line{
        height:55px;
    }

}


/************************************
** 会社を知るページ
************************************/

.entry-content .value-wrap h3 {font-size:180%;text-align:left;margin:0.8em 0 0.2em !important;}
.value-wrap h3 span {background:#006e58;color:#fff;border-radius:888px;padding:0.7em 1em;margin-right:0.5em;}



/************************************
** インタビューページ
************************************/

.worker a {text-decoration:none;}
.entry-content .worker h3 {text-align:left;margin:0.3em 0 !important;font-size:1.3em;}
.worker p.career {font-size:0.8em;margin:0.5em 0;}
.photo,
.staff-wrap,
.photo img,
.staff-wrap img {border-radius:8px;}

.interview-head {position:relative;}
.interview-eyecatch {width:70%;float:right;position:relative;}

.interview-title {position:absolute;
padding:0 2.5%;
font-weight:600;}
.entry-content .interview-title h2 {font-size:55px;text-align:left; margin:0.5em 0 !important;}
p.career {background:#006e58;color:#fff;padding:0.5em 1.2em;border-radius:88px;display:inline-block;}
.interview-title p.name {font-size:30px;margin:0.2em 0;}

.interview-content {clear:both;padding:40px 0;position:relative;}
.interview-content .text {padding:2.5% 5%;}
.interview-content .text.white {padding:5%;background:#fff;border-radius:8px;box-shadow:0 0 5px rgba(0,0,0,0.05);}
.interview-content .photo,
.photo {border-radius:8px;}
.interview-content .photo img,
.photo img {border-radius:8px;}

p.quest,
p.message {font-weight:600;font-size:1.3rem;}
p.quest:before {content:"Q.";font-size:2.4rem;margin-right:0.3em;font-weight:400;
font-family:
  "Yu Mincho",
  "YuMincho",
  "Hiragino Mincho ProN",
  "Hiragino Mincho Pro",
  "Noto Serif JP",
  "MS PMincho",
  serif;}

.flex.message-wrap {align-items: center;}
.flex.message-wrap .text {padding:5%;}


.interview-content .photo{
    position:relative;
    overflow:hidden;
}

.interview-content .photo img{
    display:block;
    width:100%;
    height:auto;
    transform:translate3d(0,0,0) scale(1.12);
    will-change:transform;
    backface-visibility:hidden;
}

.message-wrap .text img {padding:5vw 0;width:55%; filter: grayscale(100%);float:right;}


@media screen and (max-width: 1023px){
.entry-content .interview-title h2 {font-size:39px;line-height:160%;}
}
@media screen and (max-width: 834px){
.interview-eyecatch {width:100%;float:none;margin:0 auto;}
.interview-title {position: relative;}
.entry-content .interview-title h2 {font-size:28px;}
.interview-content .text {padding:0;}
.interview-title p.name {font-size:24px;}
p.quest,
p.message {font-size:1.2rem;}
p.quest:before {font-size:1.7rem;}
.entry-content .message-wrap .text img {display:none;}
}

/************************************
** 共通
************************************/

.photo,
.staff-wrap{
overflow:hidden;
}

.photo a,
.staff-wrap a{
    display:block;
    overflow:hidden;
}

.photo img,
.staff-wrap img{
    display:block;
    width:100%;
    transition:transform .6s cubic-bezier(.22,.61,.36,1);
    transform:scale(1);
}

.photo a:hover img,
.staff-wrap a:hover img{
    transform:scale(1.04);
}



.intro-wrap {position:relative;padding-top:50px;}
.intro-wrap h2 {font-size:min(3.6vw, 40px);
	position:absolute;top:-80px;right:15%;}

@media screen and (max-width: 834px){
.intro-wrap h2 {font-size:min(2.4vh, 20px);top:-40px;}
}


div.green {background:#006e58;}
div.white {background:#fff;}
div.black {background:#1a1a1a;}
div.darkgeen {background:#244137;}
div.darkgray {background:#363a39;}
div.gray {background:#888e7e;}
div.lightgray {background:#dcdddd;}
div.lightgreen {background:#A9D395;}
div.baige {background:#e9e4d4;}

p.lightgreen,
span.lightgreen {color:#A9D395;}

.entry-content p.green,
.entry-content h1.green,
.entry-content h2.green,
.entry-content h3.green,
.entry-content h4.green,
.entry-content span.green {color:#006e58;}
.entry-content p.white,
.entry-content h1.white,
.entry-content h2.white,
.entry-content h3.white,
.entry-content h4.white,
.entry-content span.white {color:#fff;}

.angle {
clip-path: polygon(0 0, 100% 0, 100% calc(100% - 8vw), 0 100%);
}
.angle2 {
clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 88%);
}
.intro {padding: 12vw 5%;}
.some.intro {padding: 3vw 5%;margin-top:-35px;margin-bottom:-35px;}

img.illust01 {width:390px;max-width:39%;}
img.illust02 {width:1200px;max-width:100%;}


/************************************
** BASIC
************************************/

.fullwidth {margin:0 calc(50% - 50vw);}
.content-wrap {width:1000px;max-width:100%;margin:40px auto;padding:0 2.5%;}

.flex {display: flex;
	flex-wrap: wrap;
	justify-content: center ;
	align-items: stretch;}
.flex.rev {flex-direction:row-reverse;}

.flex.one div {width:98%;margin:1%;}
.flex.half div {width:48%;margin:1%;}
.flex.triple div {width:31.333%;margin:1%;}
.flex.quadruple div {width:24%;margin:0.5%;}
.flex.quintuple div {width:19%;margin:0.5%;}
.flex.sextuple div {width:15.666%;margin:0.5%;}

.flex.content div {padding:5%; border-radius:8px;text-align: justify;
text-justify: inter-ideograph;}
.flex.content.triple div {padding:2.5%;}
.flex.content.quadruple div {padding:1.5%;}

.flex.banner-wrap div img {border-radius:8px;box-shadow:0 0 10px rgba(0,0,0,0.1);transition:0.4s;}
.flex.banner-wrap div img:hover {opacity:0.8;transition:0.4s;}

div.text {padding:0 5%;}

.entry-content p {text-align: justify;text-justify: inter-ideograph;}
p.center,
div.center {text-align:center;}
p.right {text-align:right;}
p.lead {font-size:120%;line-height:260%;font-weight:600;}
p.x-large,.x-large {font-size:150%;}
p.large,.large {font-size:120%;}
p.small,.small {font-size:85%;}
p.x-small,.x-small {font-size:70%;}
span.normal {font-weight:400;}
p.space,.space {margin:5vw auto;}

p.subtitle {color:#006e58;border-bottom:1px solid #006e58;margin:1.8em auto 0.2em;padding-bottom:1.2em;display:inline-block;font-weight:600;}
p.subtitle.white {color:#A9D395;border-bottom:1px solid #A9D395;}

.page h1.entry-title,
h1.archive-title {text-align:center;margin:1.2em auto;}

.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5 {color:#1a1a1a;margin:2.5em auto 1em !important;line-height:180%;background:transparent;}

.rl {-ms-writing-mode: tb-rl;writing-mode: vertical-rl;text-align:left !important;}

.entry-content a.btn,
a.btn {background:#1a1a1a;color:#fff;font-size:120%;border:none;border-radius:8px;text-decoration:none;font-weight:400;letter-spacing:0.05em;margin:10px;}
.entry-content a.btn:hover,
a.btn:hover {color:#f5f5f5;opacity:0.8;transition:0.5s;}
a.btn.green {background:#006e58;}
a.btn.white {background:#fff;color:#1a1a1a;}
a.btn.white:hover {color:#006e58;}

a.btn {position: relative;padding:1em 2.5em 1em 2em;transition: transform 0.1s ease;}

/* 三角矢印 */
a.btn::after {
content: "";
position: absolute;
top: 50%;
right: 1em;
width: 9px;
height: 9px;
border-right: 2.5px solid currentColor;
border-bottom: 2.5px solid currentColor;
transform: translateY(-50%) rotate(-45deg);
transition: transform 0.2s ease;
}

/* ホバーでちょい動かす */
a.btn:hover::after {
transform: translate(5px, -50%) rotate(-45deg);right: 1em;
}


/* アコーディオン開閉 */
.accordion-item.baige {background:rgba(248,245,240,0.7);}
.accordion-item.yellow {background:rgba(252,235,176,0.7);}
.accordion-item.white {background:rgba(255,255,255,0.7);}
.accordion-item {margin:0;padding:0;border-bottom:1px solid #ddd;}
.accordion-content {padding:0 2% !important;margin:0 !important;}
.accordion-trigger {padding:0 !important;margin:0 2% !important;}
.accordion-content p {padding:0 !important;margin:0 2% !important;}

.accordion-content {
max-height: 0;
overflow: hidden;
opacity: 0;
transition: max-height 0.4s ease, opacity 0.3s ease;
}
.accordion-item.is-open .accordion-content {
max-height: 500px; /* 内容に応じて調整 */
opacity: 1;
}
.accordion-trigger {
  cursor: pointer;
  position: relative;
  padding-right: 1.5em;
}
.accordion-trigger::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
width: 9px;
height: 9px;
border-top: 2.5px solid currentColor;
border-right: 2.5px solid currentColor;
transform: translateY(-50%) rotate(45deg);
transition: transform 0.3s ease;
}
.accordion-item.is-open .accordion-trigger::after {
  transform: translateY(-50%) rotate(135deg);
}


.entry-content img {margin-top:15px;margin-bottom:15px;}
.page .entry-content img {display:block;margin-left:auto;margin-right:auto;}

.entry-content .wp-block-gallery .wp-block-image img {margin:10px auto;}
.entry-content .wp-block-gallery .wp-block-image .wp-element-caption {background:none;color:#222;position:relative;margin:0 auto;padding:0.5em;}

.entry-content ul {margin-top:0.8em;margin-bottom:0.8em;}

table {margin:0 2.5%;width:95%;}
table.capacity th,
table th {background:#fafafa;padding:0.5em;}
table td {background:#fff;padding:0.5em;}
table tr.triple th,
table tr.triple td {width:33.333%;}
table .center {text-align:center;}

.gallery img {border:none !important;width:98% !important;margin:10px auto !important;}
.gallery-caption {margin:5px auto !important;}
.metaslider {margin:0;padding:0;}

.admin-pv,
.footer-meta,
.cat-label,
.page .date-tags,
.post-date .fa {display:none;}
.entry-categories-tags,
.entry-categories-tags a,
.entry-categories-tags a:hover {color:#333;}


body {box-sizing: border-box;}
.header-container {background:#006e58;box-shadow:none;padding:15px 0;margin:0;position:relative;}
.home .header-container,
.home .logo-header,.home .navi {background:transparent !important;z-index:2;}
.home .content {margin-top:-90px;}

.navi {background:transparent;margin-right:60px;}
.navi .fa {display: none;}
li.menu-item {width:auto !important;margin:0 0.75em !important;}
li.menu-item.menu-item-has-children a:before {content:none !important;}
li.menu-item a {color:#fff !important;font-weight:600;letter-spacing:0.03em;}
li.menu-item a:hover {background:transparent !important;opacity:0.8;}
li.menu-item ul li.menu-item,
li.menu-item ul li.menu-item a {background:#006e58;margin:0 !important;border:0;padding:0.1em 0.5em;font-size:96%;}
li.menu-item ul li.menu-item:hover {opacity:0.8;}

.fixed-header .navi-in > ul li:hover > ul {
display: block;}

.logo-header {height:70px;}
.logo-header img {height:30px !important;margin:15px auto;}
.mobile-header-menu-buttons {box-shadow:none;}
.mobile-header-menu-buttons {flex-direction: row-reverse;justify-content:space-between ;}

.breadcrumb {background:transparent !important;padding:0 5%;}
.breadcrumb,.breadcrumb a {color:#333;}
.breadcrumb .fa.fa-fw {display:none;}

.header-container,
.content,
.main {margin:0;padding:0;border:0;}
.entry-content {margin:0;padding:0 0 40px;}
.main {background:transparent;}

.single article {width:800px;max-width:100%;margin:0 auto;}
.single article img {margin:40px auto;display:block;}

h1.entry-title {line-height:160%;}

html {scroll-behavior: smooth;scroll-padding-top: 180px;}
h1 span.fa {display:none;}

.entry-content h2,
.entry-content h3,
.entry-content h4 {text-align:center;margin:1.2em auto;padding:0.5em 0;border:none;}

table {background:#fff;}
table th,table td {border:1px solid #888 !important;text-align:left;padding:0.5em 1em;}

.list {width:1200px;max-width:100%;margin:5vw auto;padding:4% 0;border-top:1px solid #222;}
.list .entry-card-wrap {padding:4%;border-bottom:1px solid #222;}
.list .entry-card-content {padding-left:2.5%;}
.list .entry-card-content .entry-card-snippet {margin:2em 0;line-height:180%;}

.under-entry-content {margin-top:8vw;}
.related-entry-heading {text-align:center;}
.related-entry-card-wrap {width:800px;max-width:100%;margin:15px auto;border-bottom:1px solid #222;}
.related-entry-card-thumb img.related-entry-card-thumb-image,
.related-entry-card-thumb img.related-entry-card-no-image {margin:0 auto;}
.related-entry-card-thumb .cat-label {display:none;}
.related-entry-card-content {padding-left:2.5%;}

footer {display:none;}
.footer-wrap {margin:5vw auto 20px;font-size:14px;}
.footer-wrap div:first-child {width:28%;}
.footer-wrap div:first-child img {width:85%;margin-bottom:20px;}
.footer-wrap div p {margin:1.2em 0;}
.footer-wrap div:last-child {width:60%;margin:1% 4%;}
.footer-wrap a {color:#111;text-decoration:none;margin-right:1em;}
.footer-wrap a:after {content:"";}
.footer-wrap .footer-menu {font-size:16px;font-weight:600;}
.footer-wrap .footer-link {margin-top:5vw;}


.map {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    /* 16:9のアスペクト比 */
    height: 0;
}

.map iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.grecaptcha-badge { visibility: hidden; }
.no-pc {display:none;}
.no-sp {display:block;}


/************************************
** hamburger menu
************************************/
nav.hamburger {
position: fixed;
top:0;
bottom: 0;
left: -100vw;
width: 100vw;
background:url(https://woodcutter.jp/wp2606/wp-content/uploads/2026/07/W3_7408.jpg);
background-size:cover;
background-attachment:fixed;
overflow-x: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
transition: all .8s;
z-index: 3;
opacity: 0;
display: none;
}
.open nav.hamburger {
left: 0;
transition: all .8s;
opacity: 1;
display: block;
}

nav.hamburger .inner-wrap {
width:1300px;
max-width:100%;
margin:10px auto;
padding:0 5% 20vh;	
}
nav.hamburger .logo-wrap img {
height:60px;
width:auto;
margin:20px 0;
}

nav.hamburger .content-wrap {width:1200px;max-width:100%;margin:0;}
nav.hamburger .content-wrap:first-child {margin-top:8vw;}
nav.hamburger .half.flex div {width:47%;margin:1.5%;}
nav.hamburger .triple.flex div {width:30.33333%;margin:1.5%;}
nav.hamburger .box-wrap {margin:40px auto;}
nav.hamburger .half.content-wrap div {
background:rgba(255,255,255,0.9);
padding:2.5% 5%;	
}
nav.hamburger .triple.content-wrap div {
background:rgba(255,255,255,0.9);
padding:2.5% 5%;
}
nav.hamburger .content-wrap h2.title {
font-weight:400;
font-size:27px;
color:#2b2b2b;
margin:1vw auto 2vw;
text-align:center;
}
nav.hamburger .content-wrap h3.title {
font-weight:550;
font-size:20px;
margin:0.4em 0;
}
nav.hamburger .content-wrap h3.title a {
color:#111;
text-decoration:none;
}
nav.hamburger .content-wrap h3.title a:hover {
color:#3c9463;
}
nav.hamburger .content-wrap ul {margin:0 0 0.5em;padding:0;}
nav.hamburger .content-wrap ul li:last-child {margin-bottom:0.5em;}
nav.hamburger .content-wrap ul li {
	list-style:none;
	font-size:16px;
	line-height:1.2;	
position: relative;
display: inline-block;}
nav.hamburger .content-wrap ul li a {
display: block;
position: relative;
padding-left: 23px;
margin-right:1.8em;
}
nav.hamburger .content-wrap ul li a:before {
content: '';
width: 16px;
height: 16px;
border:1px solid #333;
border-radius: 50%;
position: absolute;
top: 0;
left: 0;
bottom: 0;
margin: auto;
}
nav.hamburger .content-wrap ul li a:after {
content: '';
width: 5px;
height: 5px;
border: 0;
border-top: solid 1px #333;
border-right: solid 1px #333;
transform: rotate(45deg);
position: absolute;
top: 0;
left: 4px;
bottom: 0;
margin: auto;
}
nav.hamburger .content-wrap ul li a {
	color:#000;
	text-decoration:none;
}
nav.hamburger .content-wrap ul li a:hover {color:#006e58;}
nav.hamburger .content-wrap ul li a:hover:before {border:1px solid #006e58;;}
nav.hamburger .content-wrap ul li a:hover:after {
border-top: solid 1px #1a1a1a;
border-right: solid 1px #1a1a1a;}

/*============
.toggle_btn
=============*/
.toggle_wrap {
display: block;
position: fixed;
top: 0;
right: 0;
width: 90px;
height: 90px;
border:30px solid #006e58;
background:#006e58;
cursor: pointer;
z-index: 99999;
}
.toggle_btn {
display: block;
width: 30px;
height: 30px;
transition: all .5s;
cursor: pointer;
background:#006e58;
}
.toggle_btn span {
display: block;
position: absolute;
left: 0;
width: 30px;
height: 2px;
background-color: #fff;
border-radius: 4px;
transition: all .5s;
}
.toggle_btn span:nth-child(1) {
top: 4px;
}
.toggle_btn span:nth-child(2) {
top: 14px;
}
.toggle_btn span:nth-child(3) {
bottom: 4px;
}
.open .toggle_btn span {
background-color: #fff;
}
.open .toggle_btn span:nth-child(1) {
-webkit-transform: translateY(10px) rotate(-315deg);
transform: translateY(10px) rotate(-315deg);
}
.open .toggle_btn span:nth-child(2) {
opacity: 0;
}
.open .toggle_btn span:nth-child(3) {
-webkit-transform: translateY(-10px) rotate(315deg);
transform: translateY(-10px) rotate(315deg);
}
/*============
#mask
=============*/
#mask {
  display: none;
  transition: all .5s;
}
.open #mask {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  opacity: .3;
  z-index: 2;
  cursor: pointer;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
	
}

/*834px以下*/
@media screen and (max-width: 834px){
.content {padding:0 2.5%;}
.content-wrap {margin:30px auto 15px;padding:0 1.5%;}
.home .header-container,
.home .navi {background:#006e58 !important;}
.home .content {margin-top:0;}
.header-container,.header-container-in,.header,.header-in,.logo {margin:0;padding:0;display:inline-block;text-align:left;}
.main {margin:0 auto;padding:0 5% !important;}
.logo {width:100vw;height:80px;padding:10px 0 !important;margin:0 !important;position:relative;}
.logo img {height:25px !important;margin:25px auto;}
nav.hamburger .logo-wrap img {margin-left:0px;height:25px !important;}
.toggle_wrap {
width: 70px;
height: 70px;
border:20px solid #006e58;
	}
nav.hamburger {height:100vh;
background:url(http://woodcutter.sub.jp/wp2606/wp-content/uploads/2026/07/W3_7408.jpg);
background-size:cover;}
nav.hamburger .content-wrap div {width:100%;}
nav.hamburger .half.flex div {width:100%;}
nav.hamburger .triple.flex div {width:100%;}
nav.hamburger .box-wrap {margin:20px auto;}
nav.hamburger .half.content-wrap div {padding:5% 8%;}
nav.hamburger .content-wrap h2.title {font-size:28px;margin:25px auto;}
nav.hamburger .content-wrap h3.title {margin:1em 0 0.4e;}
nav.hamburger .content-wrap ul li {display:block;margin-bottom:0.8em;}
nav.hamburger .content-wrap ul {margin-bottom:1.2em;}
.entry-content .mission h2,
.entry-content .vision h2 {font-size:28px;}
h1.entry-title {margin:1em 0;padding:0;}
p.large {font-size:110%;}
p.lead {font-size:108%;line-height:210%;}
.breadcrumb {padding:0 5% !important;}
.flex.half div {width:100%;margin:2% 0;}
.flex.triple div {width:100%;margin:2% 0;}
.flex.half.halfsp div,
.flex.triple.halfsp div {width:48%;margin:2% 1%;}
.flex.triple.triplesp div {width:31.3333%;margin:2% 1%;}
.flex.quadruple div {width:48%;margin:1%;}
.flex.quintuple div {width:32.333%;margin:0.5%;}
.flex.sextuple div {width:32.333%;margin:0.5%;}
.flex.content.triple div {padding:5%}
.breadcrumb {display:none;}
.fullwidth-sp {margin-right: calc(50% - 50vw);margin-left: calc(50% - 50vw);}
table {margin:0;width:100%;}
.list .entry-card-wrap {padding:2% 0;}
.footer-wrap {padding:1% 5%;}
.footer-wrap div:first-child img {width:30%;display:block;margin:5px auto;}
.footer-wrap .footer-menu {font-size:15px;}
.no-pc {display:block;}
.no-sp {display:none;}
}

/*480px以下*/
@media screen and (max-width: 480px){
.entry-content .wp-block-gallery .wp-block-image {width:90% !important;}
}