@charset "UTF-8";

@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Noto+Serif+JP:wght@200..900&display=swap");
html, body {
margin: 0;
padding: 0;
}
* {
box-sizing: border-box;
}
html {
scroll-behavior: smooth; }
body {
font-family: "Noto Sans JP", sans-serif;
font-feature-settings: "palt" 1;
font-weight: 400;
font-style: normal;
font-optical-sizing: auto;
letter-spacing: .1em;
overflow-x: hidden;
}
img {
max-width: 100%;
height: auto;
}
a {
text-decoration: none;
transition: 0.3s ease;
color: #2145AE;
}
a:hover {
opacity: .6;
}
h1,h2,h3,h4 {
font-family: "Noto Serif JP", serif;
}
p {
font-size: max(14px, min(3vw,16px) );
line-height: 1.8;
}
ul {
list-style: none;
margin: 0;
padding: 0;
}
.underline {
text-decoration: underline;
}
@media(max-width: 840px) {
.sm-hidden {
display: none;
}
.sm-br {
display: block;
}
}
@media(min-width: 841px) {
.lg-hidden {
display: none;
}
.lg-br {
display: block;
}
} #header {
background: #E9EADB;
padding: 20px 0;
}
.header-inner {
width: min(100% - 30px, 1100px);
margin-inline: auto;
}
.site-title {
width: min(100%, 270px);
}
.h1-logo {
margin: 0;
}
.site-description {
font-size: max(10px, min(3vw,11px) );
text-align: center;
margin: 0;
}
.contact-links .contact-link {
font-size: 12px;
color: #000;
}
.contact-links .contact-hours {
display: block;
font-size: 10px;
color: #000;
letter-spacing: 0;
margin: 3px 0 0 0;
text-align: center;
}
.contact-button {
display: inline-block;
border-radius: 5px;
background: #9A9F83;
font-size: 14px;
color: #fff;
padding: 6px 1em;
}
.header-nav {
margin: 20px 0 0 0;
}
.header-nav .menu li {
font-size: 16px;
}
.header-nav .menu li a {
color: #000;
}
.icon-shop {
display: inline-block;
width: 22px;
height: 16px;
background: url(//www.iizuka-nori.co.jp/wp-content/themes/iizukanori/assets/images/icon-cart.png) no-repeat center / contain;
vertical-align: text-bottom;
margin-right: 2px;
}
.icon-youtube {
display: inline-block;
width: 22px;
height: 16px;
background: url(//www.iizuka-nori.co.jp/wp-content/themes/iizukanori/assets/images/icon-youtube.png) no-repeat center / contain;
vertical-align: text-bottom;
margin-right: 6px;
}
.icon-instagram {
display: inline-block;
width: 22px;
height: 16px;
background: url(//www.iizuka-nori.co.jp/wp-content/themes/iizukanori/assets/images/icon-instagram.png) no-repeat center / contain;
vertical-align: text-bottom;
margin-right: 2px;
}
.icon-phone {
display: inline-block;
width: 15px;
height: 15px;
background: url(//www.iizuka-nori.co.jp/wp-content/themes/iizukanori/assets/images/icon-tel.png) no-repeat center / contain;
vertical-align: top;
margin-right: 6px;
}
.icon-inquiry {
display: inline-block;
width: 17px;
height: 15px;
background: url(//www.iizuka-nori.co.jp/wp-content/themes/iizukanori/assets/images/icon-mail.png) no-repeat center / contain;
vertical-align: bottom;
margin-right: 6px;
}
.nav-parent > a::after {
content: "";
display: inline-block;
width: 7px;
height: 7px;
border: 1px solid #000;
border-left: 0;
border-bottom: 0;
transform: translateY(-25%) rotate(135deg);
margin-left: 10px;
}
.nav-shop a::after {
content: "";
display: inline-block;
width: 12px;
height: 12px;
background: url(//www.iizuka-nori.co.jp/wp-content/themes/iizukanori/assets/images/icon-target.png) no-repeat center / contain;
vertical-align: inherit;
margin-left: 4px;
}
@media(max-width:999px) {
.item-pc {
display: none;
}
.header-inner {
display: flex;
align-items: center;
justify-content: space-between;
}
.nav-container {
position: fixed;
top: 0;
right: 0;
width: 80%;
height: 100%;
background: #E9EADB;
padding: 20px;
display: flex;
flex-direction: column;
overflow-y: scroll;
z-index: 10;
transform: translateX(100%);
transition: transform 0.4s ease;
}
.header-nav {
order: 1;
}
.contact-links {
order: 2;
}
.sns-links {
order: 3;
display: flex;
justify-content: center;
gap: 15px;
padding: 30px;
}
.header-nav .menu li {
font-size: 18px;
font-weight: 700;
border-bottom: solid 1px #ccc;
}
.header-nav .menu li a {
display: block;
padding: 15px 0;
text-align: center;
}
.contact-shop {
padding: 15px 0;
text-align: center;
border-bottom: solid 1px #ccc;
margin-bottom: 30px;
}
.contact-links .contact-link {
font-size: 18px;
font-weight: 700;
}
.contact-links .contact-hours {
font-size: 12px;
text-align: right;
}
.contact-phone {
margin-bottom: 20px;
}
.contact-button {
display: block;
text-align: center;
font-size: 20px;
padding: 10px;
border-radius: 0;
}
.icon-shop {
width: 26px;
height: 22px;
margin-right: 10px;
}
.icon-phone {
width: 20px;
height: 20px;
vertical-align: bottom;
margin-right: 10px;
}
.icon-inquiry {
width: 22px;
height: 20px;
margin-right: 10px;
vertical-align: bottom;
}
.nav-shop a::after {
width: 15px;
height: 15px;
margin-left: 10px;
}
.nav-parent > a::after {
width: 8px;
height: 8px;
margin-left: 15px;
}
.icon-youtube {
width: 47px;
height: 30px;
margin-right: 0;
}
.icon-instagram {
width: 30px;
height: 30px;
margin-right: 0;
}
.header-nav .menu li.nav-parent.active > a {
background: #9A9F83;
margin: 0 -20px;
color: #fff;
}
.header-nav .menu li.nav-parent.active > a::after {
border: 1px solid #fff;
border-left: 0;
border-bottom: 0;
transform: translateY(-25%) rotate(316deg);
}
.header-nav .menu li.nav-parent.active > a + .sub-menu {
overflow: visible;
height: auto;
}
.sub-menu {
overflow: hidden;
height: 0;
background: #fff;
margin: 0 -20px;
padding: 0 20px;
}
.sub-menu li:last-of-type {
border-bottom: 0;
}
.nav-header {
display: flex;
align-items: center;
justify-content: space-between;
}
.site-logo {
width: 36px;
height: 33px;
}
.toggle-nav {
width: 38px;
height: 20px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.toggle-nav > span {
display: block;
width: 100%;
height: 1px;
background: #000;
}
.nav-header .toggle-nav {
justify-content: center;
}
.nav-header .toggle-nav > span:first-of-type {
transform: rotate(25deg);
}
.nav-header .toggle-nav > span:last-of-type {
transform: rotate(-25deg);
}
.js-open .nav-container {
transform: translateX(0);
}
.js-open .layer {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(20, 20, 20, 0.55);
z-index: 2;
}
}
@media(max-width:499px) {
.site-title {
width: min(100%, 180px);
}
.site-description {
font-size: 1.8vw;
}
}
@media(min-width:1000px) {
.item-sp {
display: none;
}
#header {
padding: 0;
}
.header-inner {
display: flex;
align-items: center;
}
.contact-links {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 15px;
}
.contact-shop {
margin-right: 15px;
}
.contact-phone {
margin-left: 15px;
}
.contact-mail {
align-self: stretch;
}
.nav-container {
margin-left: auto;
padding-top: 23px;
}
.header-nav .menu {
display: flex;
justify-content: flex-end;
}
.header-nav .menu > li {
padding: 0 0 23px 1em;
}
.header-nav .menu > li:not(:last-of-type)::after {
content: "";
width: 1px;
height: 100%;
background: rgb(0 0 0 / 10%);
display: inline-block;
margin: 0 0 0 1em;
vertical-align: middle;
}
.header-nav .menu > li {
position: relative;
}
.sub-menu {
display: none;
width: max-content;
position: absolute;
left: 0;
top: 41px;
z-index: 1000;
background: rgba(233, 234, 219, 0.80);
padding: 10px 0;
}
.menu-item-has-children:hover > .sub-menu,
.menu-item-has-children > .sub-menu:hover {
display: block;
}
.sub-menu > li a {
display: block;
padding: 10px 20px;
}
} .footer-inner {
width: min(100% - 30px, 1100px);
margin-inline: auto;
padding: 50px 0;
}
.footer-contact-text {
margin: 0;
font-size: 14px;
line-height: 1.6;
}
.footer-nav-area {
display: flex;
align-items: center;
gap: 80px;
}
.footer-nav-area li {
font-size: 14px;
line-height: 2;
}
.footer-contact-nav {
margin-top: 1em;
}
.footer-nav-area li a {
color: #000;
}
.icon-target {
content: "";
display: inline-block;
width: 12px;
height: 12px;
background: url(//www.iizuka-nori.co.jp/wp-content/themes/iizukanori/assets/images/icon-target.png) no-repeat center / contain;
vertical-align: inherit;
margin-left: 4px;
}
.icon-target-blue {
content: "";
display: inline-block;
width: 12px;
height: 12px;
background: url(//www.iizuka-nori.co.jp/wp-content/themes/iizukanori/assets/images/icon-target-blue.png) no-repeat center / contain;
vertical-align: inherit;
margin-left: 4px;
}
.copyright {
background: #212529;
padding: 1em;
}
.copyright-text {
margin: 0;
font-size: max(10px, min(3vw,12px) );
color: #fff;
text-align: center;
}
@media(max-width:767px) {
#footer {
box-shadow: 0px -10px 30px 0px rgba(0, 0, 0, 0.10);
}
.footer-inner {
display: flex;
flex-direction: column;
padding: 30px 0;
}
.footer-logo {
order: 1;
}
.footer-contact {
order: 3;
}
.footer-nav-area {
order: 2;
padding: 30px 0;
}
.footer-nav-area {
gap: 3em;
}
.footer-nav-list {
flex: 1;
}
.footer-contact {
border-top: solid 1px #ccc;
padding-top: 30px;
}
.footer-nav-list li,
.footer-contact-text {
font-size: 12px;
}
.icon-target {
width: 10px;
height: 10px;
}
}
@media(min-width:768px) {
body.page #footer,
body.archive #footer,
body.single #footer {
box-shadow: 0px -10px 30px 0px rgba(0, 0, 0, 0.10);
}
.footer-inner {
display: grid;
grid-template: auto / 270px 1fr;
gap: 0 100px;
}
.footer-contact {
grid-area: 2 / 1 / 3 / 3;
}
.footer-nav-area {
grid-area: 1 / 2 / 3 / 3;
}
} .swiper-container.custom-slider {
overflow-x: hidden;
}
.swiper-slide img {
width: 100%;
height: auto;
display: block;
} .section {
padding: 60px 0;
}
.container {
width: min(100% - 30px, 1100px);
margin-inline: auto;
}
.section-inner {
width: min(100%, 1060px);
margin-inline: auto;
}
.section-title {
font-size: max(20px, min(4vw,28px) );
margin: 0 0 1.5em 0;
font-weight: 500;
}
.section-subtitle {
font-family: "Noto Sans JP", sans-serif;
font-size: max(16px, min(3vw,20px) );
font-weight: 500;
margin: 0 0 .8em 0;
}
.primary-btn {
position: relative;
display: flex;
align-items: center;
justify-content: center;
font-size: max(14px, min(3vw,20px) );
font-weight: 600;
border-radius: 5px;
background: #9A9F83;
color: #fff;
padding: 15px 20px;
}
.primary-btn::after {
content: "";
display: block;
width: 0;
height: 0;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
border-left: 10px solid #fff;
position: absolute;
right: 20px;
}
@media(max-width: 767px) {
.primary-btn {
gap: 1em;
}
.primary-btn::after {
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
border-left: 8px solid #fff;
position: relative;
right: auto;
}
}
@media(max-width: 599px) {
.section {
padding: 40px 0;
}
.section-title {
letter-spacing: 0;
}
.section-subtitle {
margin-bottom: 1.5em;
}
} .news-list {
display: flex;
flex-direction: column;
gap: 20px;
}
.news-item {
width: min(100%, 1060px);
margin-inline: auto;
}
.news-link {
display: flex;
gap: 15px 20px;
align-items: center;
color: #000;
transition: all 0.3s ease;
}
.news-date {
font-size: 14px;
color: #979797;
}
.news-category {
font-size: 12px;
background: #9A9F83;
color: #fff;
padding: 3px 10px;
width: 6em;
text-align: center;
}
.news-title {
font-size: max(14px, min(3vw,16px) );
line-height: 1.6;
flex: 1;
}
.no-posts {
text-align: center;
padding: 30px;
background: #fff;
border-radius: 5px;
color: #666;
}
.sub-btn {
position: relative;
width: max-content;
display: flex;
align-items: center;
justify-content: center;
font-size: max(14px, min(3vw,16px) );
color: #9A9F83;
border-radius: 5px;
border: 1px solid #9A9F83;
padding: 6px 1.2em;
margin-left: auto;
}
.sub-btn::after {
content: "";
display: block;
width: 0;
height: 0;
border-top: 4px solid transparent;
border-bottom: 4px solid transparent;
border-left: 6px solid #9A9F83;
position: absolute;
right: 5px;
}
@media(max-width: 767px) {
.news-list {
gap: 30px;
}
.news-link {
display: block;
}
.news-date, .news-category {
display: inline-block;
margin-right: 10px;
}
.news-title {
display: -webkit-box; -webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
margin: 1em 0 0 0;
}
.sub-btn {
width: 70%;
margin-inline: auto;
gap: 1em
}
.sub-btn::after {
position: relative;
right: auto;
}
}
@media(min-width: 768px) {
.news-title {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
} .media-section {
background: #FBFBFB;
}
.media-section .section-subtitle,
.media-section .section-title {
text-align: center;
}
.media-list {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 30px;
padding: 15px 0 0 0;
}
.media-item {
background: #E9EADB;
filter: drop-shadow(0px 10px 30px rgba(0, 0, 0, 0.05));
}
.media-image {
aspect-ratio: 25/12;
object-fit: cover;
display: block;
}
.media-meta {
display: flex;
flex-wrap: wrap;
gap: 5px 10px;
padding: 10px;
}
.media-source {
display: inline-block;
font-size: 12px;
color: #979797;
}
.media-program {
display: inline-block;
font-size: 10px;
background: #9A9F83;
color: #fff;
padding: 2px .5em;
}
.media-description {
font-size: max(14px, min(3vw,16px) );
margin: .4em 0 0 0;
line-height: 1.6;
}
.media-btn-container {
padding: 60px 0 0 0;
margin-left: auto;
width: min(100%, 385px);
}
@media(max-width: 767px) {
.media-list {
grid-template-columns: repeat(2, 1fr);
gap: 15px;
padding: 0;
}
.media-meta {
flex-direction: column;
gap: 4px;
}
.media-source{
margin-bottom: 4px;
font-size: 14px;
}
.media-program {
display: block;
font-size: 12px;
text-align: center;
line-height: 1.4;
}
.media-btn-container {
width: 100%;
padding: 30px 0 0 0;
}
} .greeting-section {
display: flex;
gap: 30px 50px;
}
.greeting-image-wrapper {
width: min(100%,220px);
}
.company-image {
display: block;
}
.greeting-content {
flex: 1;
}
.greeting-message {
margin: 0;
}
.greeting-name {
text-align: right;
}
.greeting-links {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 15px 20px;
}
@media(max-width: 767px) {
.greeting-image-wrapper {
width: 100%;
}
.greeting-section {
flex-direction: column;
}
.greeting-links {
grid-template-columns: repeat(1, 1fr);
padding: 15px 0 0 0;
}
}
.feature-section {
display: flex;
padding: 90px 0 0 0;
}
.feature-title {
font-family: "Noto Sans JP", sans-serif;
font-size: max(16px, min(3vw, 20px));
font-weight: 700;
margin: 0 0 1.5em 0;
}
.feature-card {
flex: 1;
}
.feature-image-wrapper {
aspect-ratio: 328 / 155;
}
.feature-image {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.feature-description {
margin: 1em 0 0 0;
}
.feature-link {
margin: 0;
text-align: right;
}
@media(max-width: 767px) {
.feature-section {
flex-direction: column;
padding: 45px 0 0 0;
}
.feature-card:not(:last-of-type) {
border-bottom: solid 1px #EEE;
padding-bottom: 30px;
margin-bottom: 30px;
}
}
@media(min-width: 768px) {
.feature-section {
margin: 0 -25px;
}
.feature-card {
display: flex;
padding: 0 25px;
}
.feature-card:not(:last-of-type) {
border-right: solid 1px #EEE;
}
} .product-section {
background: #FBFBFB;
}
.guidance-info {
display: flex;
align-items: center;
gap: 30px 40px;
}
.guidance-info__image-wrapper {
width: min(100%,380px);
}
.guidance-info__content {
flex: 1;
}
.guidance-info__text p {
margin: 0;
}
.guidance-info__text p:not(:last-of-type) {
margin-top: 2em;
}
.guidance-info__text p.guidance-info__link {
text-align: right;
margin: 0;
}
@media(max-width: 767px) {
.guidance-info {
flex-direction: column;
}
.guidance-info__text p.guidance-info__link {
margin: 1em 0 0 0;
}
}
@media(min-width: 1060px) {
.guidance-info__text {
padding-left: 20px;
}
.guidance-info__image-wrapper {
padding-right: 20px;
}
} .sns-section {
background: #FBFBFB;
}
.platform {
display: flex;
}
.instagram-block {
flex: 1;
}
.youtube-videos {
display: grid;
grid-template-columns: repeat(1, 1fr);
gap: 12px;
}
.instagram-feed,
.youtube-videos {
padding: 10px 0 0 0;
}
.youtube-video {
width: 100%;
aspect-ratio: 16/9;
}
.youtube-video iframe {
width: 100%;
height: 100%;
display: block;
}
@media(max-width: 767px) {
.platform {
flex-direction: column;
gap: 45px;
}
}
@media(min-width: 768px) {
.instagram-block {
border-right: solid 1px rgba(238, 238, 238, 0.87);
padding-right: 60px;
margin-right: 60px;
}
.youtube-block {
width: 45%;
}
} .page-header {
position: relative;
aspect-ratio: 1400/318;
}
.page-title-container {
position: relative;
}
.page-title-box {
display: flex;
position: absolute;
top: 10vw;
left: 80px;
}
.page-title {
writing-mode: vertical-rl;
font-size: max(20px, min(4vw, 28px));
margin: 0;
border-right: solid 1px #000;
padding-right: 8px;
margin-right: 8px;
display: flex;
flex-direction: column;
}
.page-title span {
display: block;
padding-top: 1em;
margin-bottom: -1em;
align-self: flex-end;
}
.page-title:has(span) {
padding-bottom: 1em;
}
.page-slug {
font-family: "Noto Serif JP", serif;
writing-mode: vertical-rl;
text-transform:capitalize;
font-size: max(12px, min(3vw, 14px));
letter-spacing: .05em;
}
.page-title-logo {
width: min(100%, 80px);
position: absolute;
left: 0;
right: 0;
bottom: 0;
margin: 0 auto;
}
.page-body {
padding: 60px 0 100px 0;
}
.page-section .section-title {
text-align: center;
line-height: 1.6;
}
.sp-br{
display: none;
}
@media(max-width: 750px) {
.page-header {
aspect-ratio: 750/322;
}
.page-title-box {
left: 15px;
}
.page-title-logo {
width: min(100%, 40px);
}
.page-body {
padding: 45px 0;
}
.sp-br{
display: block;
}
} .page-header-message {
background: url(//www.iizuka-nori.co.jp/wp-content/themes/iizukanori/assets/images/mv-ms.png) no-repeat center bottom / cover;
}
@media(max-width: 750px) {
.page-header-message {
background: url(//www.iizuka-nori.co.jp/wp-content/themes/iizukanori/assets/images/mv-ms-sp.png) no-repeat center bottom / cover;
}
}
.message-container p {
margin-bottom: 1.5em;
}
.signature {
text-align: right;
} .page-header-about {
background: url(//www.iizuka-nori.co.jp/wp-content/themes/iizukanori/assets/images/mv-about.png) no-repeat center bottom / cover;
}
@media(max-width: 750px) {
.page-header-about {
background: url(//www.iizuka-nori.co.jp/wp-content/themes/iizukanori/assets/images/mv-about-sp.png) no-repeat center bottom / cover;
}
}
.table-content {
margin: 0;
}
.table-label,
.table-text {
font-size: max(14px, min(3vw, 16px));
margin: 0;
line-height: 1.6;
}
.table-label {
padding: 20px 15px;
background: #E9EADB;
}
@media(max-width: 750px) {
.table-label,
.table-text {
padding: .8em 1em;
}
}
@media(min-width: 751px) {
.table-content {
display: grid;
grid-template-columns: 240px 1fr;
border-top: solid 1px #ccc;
}
.table-label,
.table-text {
border-bottom: solid 1px #ccc;
}
.table-label {
display: grid;
place-content: center;
}
.table-text {
padding: 20px 60px;
}
} .page-header-location {
background: url(//www.iizuka-nori.co.jp/wp-content/themes/iizukanori/assets/images/mv-location.png) no-repeat center bottom / cover;
}
@media(max-width: 750px) {
.page-header-location {
background: url(//www.iizuka-nori.co.jp/wp-content/themes/iizukanori/assets/images/mv-location-sp.png) no-repeat center bottom / cover;
}
}
.location-card {
box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.05);
padding: 20px;
margin-bottom: 30px;
}
.location-list {
margin: 0;
}
.location-label,
.location-text {
font-size: max(14px, min(3vw, 16px));
margin: 0;
line-height: 1.6;
}
.location-text:not(:last-of-type) {
border-bottom: solid 1px #ccc;
}
.location-link {
color: #9A9F83;
margin-left: 1.5em;
}
.location-link::after {
content: "";
display: inline-block;
min-width: 14px;
height: 14px;
background: url(//www.iizuka-nori.co.jp/wp-content/themes/iizukanori/assets/images/icon-target-gold.png) no-repeat center / contain;
margin-left: 5px;
vertical-align: middle;
}
.location-box.location-box-column {
grid-template-columns: 1fr;
}
@media(max-width: 750px) {
.location-label {
color: #979797;
padding: 1em 0;
}
.location-text {
padding-bottom: 1em;
}
.location-link {
display: block;
text-align: right;
}
}
@media(min-width: 751px) {
.location-box {
display: grid;
grid-template-columns: 36% 1fr;
gap: 30px;
align-items: center;
}
.location-list {
display: grid;
grid-template-columns: 160px 1fr;
}
.location-label,
.location-text {
padding: 20px 1em;
}
.location-label:not(:last-of-type) {
border-bottom: solid 1px #ccc;
}
.location-grid-container {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 30px;
}
.location-grid-container .location-card .location-link {
display: block;
text-align: right;
margin: 1em 0 0 0;
}
.location-btn-container {
width: min(100%,385px);
padding: 30px 0 0 0;
}
} .page-header-education {
background: url(//www.iizuka-nori.co.jp/wp-content/themes/iizukanori/assets/images/mv-education.png) no-repeat center bottom / cover;
}
@media(max-width: 750px) {
.page-header-education {
background: url(//www.iizuka-nori.co.jp/wp-content/themes/iizukanori/assets/images/mv-education-sp.png) no-repeat center bottom / cover;
}
}
.education-lead {
margin: 0;
}
.education-list {
padding: 60px 0 0 0;
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 30px;
}
.education-card {
box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.05);
padding: 30px 20px;
}
.page-section .education-card .section-title {
margin: 0 0 1em 0;
line-height: 1.4;
}
.education-image-container {
aspect-ratio: 50/27;
}
.education-image {
width: 100%;
height: 100%;
display: block;
object-fit: cover;
}
.education-text {
margin: 1.8em 0 0 0;
}
.workshop-info {
padding: 60px 0;
}
.workshop-description {
margin: 0;
}
@media(max-width: 750px) {
.education-list {
padding: 45px 0 0 0;
grid-template-columns: repeat(1, 1fr);
}
.workshop-info {
padding: 60px 0 30px 0;
}
}
@media(min-width: 751px) {
.education-btn-container {
width: min(100%,385px);
margin-left: auto;
}
} .page-header-baraboshi-technique {
background: url(//www.iizuka-nori.co.jp/wp-content/themes/iizukanori/assets/images/mv-baraboshi-technique.png) no-repeat center bottom / cover;
}
@media(max-width: 750px) {
.page-header-baraboshi-technique{
background: url(//www.iizuka-nori.co.jp/wp-content/themes/iizukanori/assets/images/mv-baraboshi-technique-sp.png) no-repeat center bottom / cover;
}
}
.baraboshi-technique-lead{
margin-top: 120px;
}
.baraboshi-technique-container .section-title{
margin-top: 60px;
}
.process-item{
position: relative;
display: grid;
grid-template-columns: 3fr 1fr;
gap: 50px;
}
.process-item:not(:first-child) {
margin-top: 60px;
}
.process-title{
font-size: max(16px, min(3vw,20px) );
text-indent: 1em;
font-weight: 500;
line-height: 200%;
background-color: #E9EADB;
}
.process-text{
line-height: 150%;
margin-top: 2em;
}
.process-item:not(:first-child) .process-text-container::before {
content: "";
top: -60px;
left: calc(((100% - 50px) / 4) * 1.5);
position: absolute;
width: 50px;
height: 25px;
background-color: #9A9F83;
clip-path: polygon(0 0, 100% 0, 50% 100%);
}
.products-name{
text-align: center;
line-height: 300%;
background-color: #E9EADB;
}
.product-description{
box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.05);
padding:2em 1em;
}
.online-shop-link{
color: #9A9F83;
display: block;
text-align: right;
margin: 1em 0;
}
.online-shop-link .icon-target{
content: "";
display: inline-block;
width: 12px;
height: 12px;
background: url(//www.iizuka-nori.co.jp/wp-content/themes/iizukanori/assets/images/icon-target-green.png) no-repeat center / contain;
vertical-align: inherit;
margin-left: 4px;
}
.product-card-container{
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
}
.contact-btn-container{
margin-left: auto;
width: min(100%, 385px);
}
.baraboshi-contact{
display: flex;
align-items: center;
margin-top: 60px;
}
@media(max-width: 750px) {
.baraboshi-technique-lead{
margin-top:60px;
}
.process-item{
display: block;
} 
.process-image{
width: 50%;
display: block;
margin: 0 auto;
}
.products-name{
line-height: 200%;
}
.process-text {
margin:1em;
}
.process-item:not(:first-child) .process-text-container::before {
top: -30px;
left: calc(50% - 25px);
}
.product-card-container {
grid-template-columns: repeat(2, 1fr);
gap:15px;
}
.product-description{
padding:1em;
}
.product-text{
line-height: 150%;
}
.online-shop-link{
font-size:0.8em;
}
.baraboshi-contact{
display: block;
margin-top: 30px;
}
.baraboshi-contact .contact-btn-container{
margin-top: 30px;
}
} .page-header-process {
background: url(//www.iizuka-nori.co.jp/wp-content/themes/iizukanori/assets/images/mv-process.png) no-repeat center bottom / cover;
}
@media(max-width: 750px) {
.page-header-process {
background: url(//www.iizuka-nori.co.jp/wp-content/themes/iizukanori/assets/images/mv-process-sp.png) no-repeat center bottom / cover;
}
}
.process-sec-box{
display: flex;
gap:50px;
}
.product-image{
width: 220px;
height: auto;
order: 1;
}
.process-sec-text{
order: 0;
}
.process-sec2{
margin-top: 60px;
}
.process-sec2-imgbox{
margin-top: 30px;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 50px;
}
.process-sec2-imgbox img {
width: 100%;
height: auto;
display: block;
}
.process-sec3 .section-title{
margin-top:60px;
}
@media(max-width: 750px) {
.process-container{
margin-top: 100px;
}
.process-sec-box {
display: block;
max-width: 100%;
}   
.process-sec-box img.product-image {
float: right;        
width: 40%;          
margin: 0 0 1em 1em; 
height: auto;        
display: block;
}
.process-sec2-imgbox{
display: block;
}
.product-image:first-child{
margin-bottom: 30px;
}
} .page-header-business {
background: url(//www.iizuka-nori.co.jp/wp-content/themes/iizukanori/assets/images/mv-business.png) no-repeat center bottom / cover;
}
@media(max-width: 750px) {
.page-header-business {
background: url(//www.iizuka-nori.co.jp/wp-content/themes/iizukanori/assets/images/mv-business-sp.png) no-repeat center bottom / cover;
}
}
.business-lead{
margin-bottom: 60px;
}
.business-product  .product-card-container{
grid-template-columns: repeat(4, 1fr);
gap: 20px;
}
.process-btn-container{
padding: 60px 0 0 0;
margin-left: auto;
width: min(100%, 385px);
}
.business-contact{
margin-top:90px;
}
.business-contact-container{
display: grid;
grid-template-columns: 1fr 1fr;
gap: 70px;
}
.business-contact-container-item .contact-btn-container{
margin:  0 auto;
}
@media(max-width: 750px) {
.business-product  .product-card-container{
grid-template-columns: repeat(2, 1fr);
gap:15px;
}
.products-name-s{
font-size: 0.9em;
height: 32px;
}
.business-contact{
margin-top:60px;
}
.business-contact-container{
display: block;
}
.business-contact-container-item{
margin-top: 30px;
}
} .page-header-media {
background: url(//www.iizuka-nori.co.jp/wp-content/themes/iizukanori/assets/images/mv-media.png) no-repeat center bottom / cover;
}
@media(max-width: 750px) {
.page-header-media {
background: url(//www.iizuka-nori.co.jp/wp-content/themes/iizukanori/assets/images/mv-media-sp.png) no-repeat center bottom / cover;
}
}
.media-container .section-subtitle{
text-align: center;
}
.media-product,
.media-list-container{
margin-top: 90px;
} .page-header-history {
background: url(//www.iizuka-nori.co.jp/wp-content/themes/iizukanori/assets/images/mv-history.png) no-repeat center bottom / cover;
}
@media(max-width: 750px) {
.page-header-history {
background: url(//www.iizuka-nori.co.jp/wp-content/themes/iizukanori/assets/images/mv-history-sp.png) no-repeat center bottom / cover;
}
}
.history-list {
display: grid;
grid-template-columns: 230px 1fr; 
}
.history-year,
.history-detail {
position: relative;
}
.history-year:nth-of-type(even),
.history-detail:nth-of-type(even) {
background: rgba(233, 234, 219, 0.30);
}
.history-year:first-of-type::before,
.history-year:first-of-type::after {
content: none;
}
.history-year::before {
content: "";
position: absolute;
top: 0;
right: -1px;
display: inline-block;
width: 0;
height: 0;
border-style: solid;
border-color: transparent;
border-width: 16px 16px;
border-top-color: #E9EADB;
border-bottom: 0;
}
.history-year::after {
content: "";
position: absolute;
top: -3px;
right: 0;
display: inline-block;
width: 0;
height: 0;
border-style: solid;
border-color: transparent;
border-width: 15px 15px;
border-top-color: #fff;
border-bottom: 0;
}
.history-year:nth-of-type(odd)::after {
border-top-color: rgb(248 249 245);
}
.history-year {
font-family: "Noto Serif JP", serif;
font-size: max(20px, min(4vw, 28px));
font-weight: 800;
color: #9A9F83;
display: grid;
align-items: center;
}
.history-detail {
margin: 0;
}
.history-year:last-of-type,
.history-detail:last-of-type {
border: 0;
}
.history-description p {
margin: 0;
}
.history-description p:not(:last-of-type) {
margin-bottom: 1em;
}
.history-image {
width: min(100%, 280px);
padding: 15px 0;
}
.history-image img {
width: min(100%, 200px);
display: block;
}
@media(max-width: 840px) {
.history-image {
flex: 1;
padding: 0;
width: 100%;
}
.history-image img {
margin-left: auto;
}
.history-description-grid {
display: grid;
grid-template-columns: 1fr 1fr; 
gap: 0 15px;
}
.history-description-grid p:last-of-type {
margin-bottom: 0;
grid-area: 2 / 1 / 3 / 3;
}
}
@media(max-width: 740px) {
.history-list {
grid-template-columns: 1fr; 
}
.history-year {
padding: 1em 15px 0 15px;
}
.history-detail {
border-bottom: solid 1.5px #E9EADB;
padding: 1em 15px;
}
.history-year::after {
content: "";
position: absolute;
top: -3px;
left: 15px;
border-width: 8px 8px;
}
.history-year::before {
content: "";
position: absolute;
top: -2px;
left: 14px;
border-width: 9px 9px;
}
.history-detail {
display: flex;
align-items: center;
gap: 15px;
}
.history-description {
flex: 1;
}
}
@media(min-width: 741px) {
.history-year,
.history-detail {
border-bottom: solid 3px #E9EADB;
padding: 1em 1em;
}
.history-detail {
display: flex;
align-items: center;
gap: 0 25px;
}
.history-description {
flex: 1;
}
} .page-header-news-column {
background: url(//www.iizuka-nori.co.jp/wp-content/themes/iizukanori/assets/images/mv-post.png) no-repeat center bottom / cover;
}
@media(max-width: 750px) {
.page-header-news-column {
background: url(//www.iizuka-nori.co.jp/wp-content/themes/iizukanori/assets/images/mv-post-sp.png) no-repeat center bottom / cover;
}
}
.info-container {
padding-bottom: 100px;
}
.info-item .news-date,
.column-meta .news-date {
font-size: max(14px, min(3vw, 16px));
}
.info-item .news-category,
.column-meta .news-category {
display: block;
font-size: 10px;
padding: 3px 0;
}
.info-item .news-title {
grid-area: 2 / 1 / 3 / 3;
text-decoration: underline;
}
.info-link {
color: #000;
display: grid;
grid-template-columns: 6.2em 1fr;
gap: 15px 20px;
}
.column-item {
margin-bottom: 30px;
}
.column-link {
display: grid;
grid-template-columns: 290px 1fr;
align-items: center;
gap: 20px 30px;
}
.column-thumbnail {
width: 100%;
aspect-ratio: 290/180;
}
.column-thumbnail img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.column-meta {
display: flex;
align-items: center;
gap: 30px;
}
.column-title {
font-family: "Noto Sans JP", sans-serif;
font-size: max(16px, min(3vw, 20px));
line-height: 1.6;
font-weight: 700;
margin: 1em 0;
color: #000;
}
.column-description {
margin: 0;
color: #000;
display: -webkit-box;
overflow: hidden;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
@media(max-width: 740px) {
.info-container {
padding: 20px 0 60px 0;
}
.column-container {
padding: 20px 0;
}
.info-item {
margin-bottom: 30px;
}
.info-link {
gap: 15px 0;
}
.column-meta {
gap: 0;
}
.info-item .news-title {
margin: 0;
}
.column-link {
grid-template-columns: 1fr;
}
}
@media(min-width: 741px) {
.info-list {
padding: 0 0 30px 0;
}
.info-item {
border-bottom: solid 1px #ccc;
}
.info-link {
padding: 20px 20px;
}
}  .page-header-news {
background: url(//www.iizuka-nori.co.jp/wp-content/themes/iizukanori/assets/images/mv-post-news.png) no-repeat center bottom / cover;
}
@media(max-width: 750px) {
.page-header-news {
background: url(//www.iizuka-nori.co.jp/wp-content/themes/iizukanori/assets/images/mv-post-news-sp.png) no-repeat center bottom / cover;
}
} .page-header-column {
background: url(//www.iizuka-nori.co.jp/wp-content/themes/iizukanori/assets/images/mv-post-column.png) no-repeat center bottom / cover;
}
@media(max-width: 750px) {
.page-header-column {
background: url(//www.iizuka-nori.co.jp/wp-content/themes/iizukanori/assets/images/mv-post-column-sp.png) no-repeat center bottom / cover;
}
}
@media(min-width: 741px) {
.archive-container {
padding: 30px 0 0 0;
}
} .page-numbers {
display: flex;
justify-content: center;
align-items: flex-end;
flex-wrap: wrap;
gap: 10px;
}
.page-numbers li {
font-size: max(14px, min(3vw, 16px));
font-weight: 700;
}
.page-numbers li a,
.page-numbers li span.current {
color: #000;
display: block;
padding: 6px 8px;
border-bottom: solid 5px #E9EADB;
}
.page-numbers li span.current {
border-bottom: solid 5px #9A9F83;
}
.prev-arrow {
display: block;
width: 8px;
height: 8px;
border-top: 1px solid #000;
border-right: 1px solid #000;
transform: rotate(-135deg);
margin-bottom: 3px;
}
.next-arrow {
display: block;
width: 8px;
height: 8px;
border-top: 1px solid #000;
border-right: 1px solid #000;
transform: rotate(45deg);
margin-bottom: 3px;
} .news-meta {
display: flex;
align-items: center;
gap: 20px;
}
.news-category a {
color: #fff;
}
.post-title {
font-size: max(20px, min(4vw, 28px));
margin: 1.5em 0 .5em 0;
line-height: 1.6;
}
.post-title + .news-date {
display: block;
text-align: right;
}
.post-thumbnail {
width: min(100%, 790px);
margin-inline: auto;
}
.post-thumbnail img {
width: 100%;
display: block;
}
.post-content {
padding: 20px 0 40px 0;
}
.post-content h2 {
font-family: "Noto Sans JP", sans-serif;
font-size: max(16px, min(3vw, 20px));
line-height: 1.6;
font-weight: 700;
border-left: solid 10px #E9EADB;
padding: 5px 15px;
margin: 2em 0;
}
.post-content h3 {
font-family: "Noto Sans JP", sans-serif;
font-size: max(16px, min(3vw, 16px));
line-height: 1.6;
font-weight: 700;
border-bottom: solid 1px #9A9F83;
padding: 5px 0;
margin: 2em 0;
}
.post-content img {
display: block;
width: min(100%, 790px);
padding: 20px 0;
}
img.aligncenter {
margin-inline: auto;
}
img.alignright {
margin-left: auto;
}
.post-content a {
text-decoration: underline;
}
.back-link {
font-size: max(14px, min(3vw, 16px));
color: #9A9F83;
}
@media(max-width: 740px) {
}
@media(min-width: 741px) {
.single-container {
padding: 30px 0 0 0;
}
}
.post-navigation {
padding-bottom: 30px;
}
.post-navigation-links {
display: flex;
justify-content: center;
gap: 20px 60px;
}
.prev-post,
.next-post {
width: min(100%, 300px);
}
.post-navigation .nav-link {
font-weight: 700;
color: #000;
line-height: 1.8;
}
.post-navigation .nav-title {
display: block;
display: -webkit-box;
overflow: hidden;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
padding: 1em 0 0 0;
}
.nav-direction {
display: flex;
justify-content: center;
align-items: center;
border-bottom: solid 5px #E9EADB;
padding: 3px;
gap: 15px;
}
.nav-direction .prev-arrow,
.nav-direction .next-arrow {
margin: 0;
}
@media(max-width: 740px) {
.post-navigation-links {
flex-direction: column;
align-items: center;
}
.prev-post,
.next-post {
width: min(100%, 600px);
}
} .page-header-contact {
background: url(//www.iizuka-nori.co.jp/wp-content/themes/iizukanori/assets/images/mv-post-contact.png) no-repeat center bottom / cover;
}
@media(max-width: 750px) {
.page-header-contact {
background: url(//www.iizuka-nori.co.jp/wp-content/themes/iizukanori/assets/images/mv-post-contact-sp.png) no-repeat center bottom / cover;
}
}
.form-block {
background: rgba(233, 234, 219, 0.30);
padding: 35px 0;
margin-top: 40px;
}
.form-inner {
width: min(100% - 40px, 1040px);
margin-inline: auto;
}
.form-item {
padding-bottom: 30px;
}
.form-label {
font-size: max(14px, min(3vw, 16px));
display: block;
}
button, input, optgroup, select, textarea {
-webkit-appearance: none;
font-size: 16px;
border-radius: 5px;
border: 1px solid #CCC;
width: 100%;
padding: .6em 1em;
}
.form-submit {
width: min(100% - 40px, 340px);
margin-inline: auto;
padding: 30px 0 0 0;
}
.form-submit input[type="submit"] {
font-size: max(16px, min(3vw, 20px));
border-radius: 5px;
background: #9A9F83;
color: #fff;
font-weight: 700;
cursor: pointer;
}
.form-submit input[type="submit"]:hover {
opacity: .8;
}
.wpcf7-spinner {
display: block;
margin-inline: auto;
}
@media(max-width: 740px) {
.form-block {
padding: 50px 0;
}
.form-label {
margin-bottom: 10px;
}
.form-submit {
padding: 15px 0 0 0;
}
}
@media(min-width: 741px) {
.form-item {
display: grid;
grid-template-columns: 25% 1fr; 
}
.form-item:not(.form-textarea) {
align-items: center;
}
}