@charset "UTF-8";

html {
scroll-behavior: smooth;
overflow-x: hidden;
}
body {
font-family: "Noto Sans JP", sans-serif;
font-weight: 500;
font-size: min(0.7291666667vw, 14px);
color: #3a3a3a;
text-align: left;
margin: 0 auto;
line-height: 1.7;
letter-spacing: normal;
overflow-x: hidden;
}
@media screen and (max-width: 750px) {
body {
font-size: 3.2vw;
text-align: justify;
}
}
body.nav-open {
overflow-y: hidden;
border-top: none;
height: 100%;
}
h2 {
font-size: min(1.6666666667vw, 32px);
font-weight: 700;
text-align: center;
position: relative;
}
@media screen and (max-width: 750px) {
h2 {
font-size: 6.4vw;
}
}
h2 + span {
font-size: min(0.9375vw, 18px);
font-weight: 700;
display: block;
text-align: center;
margin-bottom: min(3.125vw, 60px);
}
.modelhouse_top-inner h2 + span {
margin-bottom: min(0.5208333333vw, 10px);
}
@media screen and (max-width: 750px) {
h2 + span {
font-size: 3.2vw;
}
}
h2 + span + p {
font-size: min(1.25vw, 24px);
font-weight: 500;
text-align: center;
}
@media screen and (max-width: 750px) {
h2 + span + p {
font-size: 4vw;
}
}
.js-datepicker,
.js-timepicker {
cursor: pointer;
}
@media screen and (max-width: 750px) {
.js-datepicker::-moz-placeholder, .js-timepicker::-moz-placeholder {
font-size: 2.4vw;
}
.js-datepicker::placeholder,
.js-timepicker::placeholder {
font-size: 2.4vw;
}
}
.picker__table th,
.picker__table td {
text-align: center;
}
.picker__table .picker__weekday:first-of-type {
color: #ff1616;
}
.picker__table .picker__weekday:last-of-type {
color: #1649ff;
}
.picker__table tbody tr td:first-of-type .picker__day.picker__day--infocus:not(.picker__day--disabled) {
color: #ff1616;
}
.picker__table tbody tr td:last-of-type .picker__day.picker__day--infocus:not(.picker__day--disabled) {
color: #1649ff;
}
.pcnone {
display: none;
}
@media screen and (max-width: 750px) {
.pcnone {
display: block;
}
}
@media screen and (max-width: 750px) {
.spnone {
display: none;
}
}
.hover {
transition-duration: 400ms;
cursor: pointer;
}
.hover.hover-active {
opacity: 0.7 !important;
}
.linkid {
position: absolute;
top: vw(-160);
}
.maker {
position: relative;
}
.maker::after {
content: "";
position: absolute;
z-index: -1;
width: 100%;
height: 40%;
bottom: 0;
left: 0;
background-color: #eaec39;
}
.maker.short::after {
height: 25%;
}
#product-link,
#contact-link {
position: absolute;
top: min(-3.125vw, -60px);
left: 0;
}
.fadein {
transform: translateY(60px);
opacity: 0;
transition: 1200ms cubic-bezier(0, 0, 0.2, 1);
}
.fadein.fadein-out {
transform: translateY(0);
opacity: 1;
}
.fadein.delay1 {
transition-delay: 100ms;
}
.fadein.delay2 {
transition-delay: 200ms;
}
.fadein.delay3 {
transition-delay: 300ms;
}
.container {
max-width: min(56.25vw, 1080px);
margin: 0 auto;
font-size: 1.1rem;
}
.container.cont08 {
max-width: min(56.25vw, 1080px);
}
@media screen and (max-width: 750px) {
.container.cont08 {
max-width: 90.6666666667vw;
}
}
@media screen and (max-width: 750px) {
.container {
max-width: 90.6666666667vw;
}
}
.warrantyp {
font-size: 1.1rem;
margin-bottom: min(5.2083333333vw, 100px);
}
.morebtn {
width: min(14.5833333333vw, 280px);
line-height: 1;
padding: min(0.5208333333vw, 10px) 0;
display: flex;
justify-content: center;
align-items: center;
border: 1px solid #999999;
margin: min(2.0833333333vw, 40px) auto min(5.2083333333vw, 100px);
font-size: min(0.7291666667vw, 14px);
}
@media screen and (max-width: 750px) {
.morebtn {
font-size: 3.2vw;
width: 34.6666666667vw;
padding: 1.3333333333vw 0;
margin: 5.3333333333vw auto 13.3333333333vw;
}
}
.morebtn.hover-active {
background-color: #3a3a3a !important;
color: #FFFFFF !important;
}
.hum-menu {
display: none;
}
@media screen and (max-width: 750px) {
.hum-menu {
width: 16vw;
height: 16vw;
background-color: rgba(9, 25, 52, 0.9098039216);
color: #FFFFFF;
position: fixed;
top: 0;
right: 0;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
padding: 2.9333333333vw;
z-index: 220;
font-size: 2.9333333333vw;
line-height: 1;
}
.hum-menu span {
width: 8vw;
height: 2px;
background-color: #FFFFFF;
border-radius: 1%;
margin-bottom: 1.3333333333vw;
}
.hum-menu span:last-of-type {
margin-right: 0;
}
.hum-menu .menuclose {
display: none;
}
}
@media screen and (max-width: 750px) and (max-width: 750px) {
.hum-menu.nav-open {
color: #091934;
background-color: #FFFFFF;
justify-content: flex-end;
}
.hum-menu.nav-open .menuclose {
margin-top: 1.3333333333vw;
display: block;
}
.hum-menu.nav-open .menuopen {
display: none;
}
.hum-menu.nav-open span {
background-color: #091934;
transform: rotate(45deg) translate(-1vw, -1vw);
width: 5.3333333333vw;
margin-bottom: 0;
}
.hum-menu.nav-open span:nth-of-type(2) {
transform: rotate(-45deg) translate(1.3vw, -1.5vw);
}
.hum-menu.nav-open span:last-of-type {
display: none;
}
}
.works-slider {
margin-top: min(3.125vw, 60px);
position: relative;
}
@media screen and (max-width: 750px) {
.works-slider {
margin-top: 8vw;
}
}
.works-slider::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 16.5%;
height: 100%;
background-color: rgba(255, 255, 255, 0.6901960784);
z-index: 150;
}
.works-slider::after {
content: "";
position: absolute;
top: 0;
right: 0;
width: 16.5%;
height: 100%;
background-color: rgba(255, 255, 255, 0.6901960784);
z-index: 150;
}
.works-slider .works-slider__item {
width: min(23.9583333333vw, 460px);
height: min(23.9583333333vw, 460px);
background-color: #DDDDDD;
font-size: min(0.7291666667vw, 14px);
margin: 0 min(0.4166666667vw, 8px);
}
@media screen and (max-width: 750px) {
.works-slider .works-slider__item {
width: 53.3333333333vw;
height: 80vw;
font-size: 3.2vw;
margin: 0 1.3333333333vw;
}
}
.works-slider .works-slider__item .works-slider__item-txt {
padding: min(1.5625vw, 30px) min(1.5625vw, 30px) min(2.6041666667vw, 50px) min(1.5625vw, 30px);
}
@media screen and (max-width: 750px) {
.works-slider .works-slider__item .works-slider__item-txt {
padding: 4vw;
}
}
.works-slider .works-slider__item .works-slider__item-txt .works-date-category__outer {
display: flex;
flex-direction: column;
font-size: min(0.7291666667vw, 14px);
margin-bottom: min(0.5208333333vw, 10px);
}
@media screen and (max-width: 750px) {
.works-slider .works-slider__item .works-slider__item-txt .works-date-category__outer {
font-size: 3.2vw;
margin-bottom: 2.1333333333vw;
}
}
.works-slider .works-slider__item .works-slider__item-txt .works-date-category__outer .works-date {
margin-bottom: min(0.2604166667vw, 5px);
}
@media screen and (max-width: 750px) {
.works-slider .works-slider__item .works-slider__item-txt .works-date-category__outer .works-date {
margin-bottom: 1.3333333333vw;
}
}
.works-slider .works-slider__item .works-slider__item-txt .works-date-category__outer .works-category {
display: flex;
}
.works-slider .works-slider__item .works-slider__item-txt .works-date-category__outer .works-category span {
font-size: min(0.7291666667vw, 14px);
font-weight: 700;
background-color: #FFFFFF;
padding: min(0.2604166667vw, 5px);
line-height: 1;
display: flex;
justify-content: center;
align-items: center;
margin-right: min(0.5208333333vw, 10px);
}
@media screen and (max-width: 750px) {
.works-slider .works-slider__item .works-slider__item-txt .works-date-category__outer .works-category span {
font-size: 3.2vw;
padding: 0.6666666667vw;
margin-right: 1.3333333333vw;
}
}
.works-slider .works-slider__item .works-slider__item-txt .works-date-category__outer .works-category span:last-of-type {
margin-right: 0;
}
#breadcrumb {
margin-top: min(1.0416666667vw, 20px);
font-size: min(0.625vw, 12px);
}
@media screen and (max-width: 750px) {
#breadcrumb {
font-size: 2.9333333333vw;
margin-top: 2.6666666667vw;
}
}
#breadcrumb ul {
list-style: none;
}
#breadcrumb li {
display: inline;
}
#breadcrumb li a {
color: inherit;
text-decoration: none;
}
#breadcrumb li + li:before {
content: "/";
margin: 0.5em;
}
#header {
background-color: rgba(9, 25, 52, 0.9098039216);
color: #FFFFFF;
position: fixed;
width: 100%;
height: min(4.21875vw, 81px);
z-index: 200;
top: 0;
left: 0;
display: flex;
align-items: center;
}
@media screen and (max-width: 750px) {
#header {
height: 16vw;
background-color: #091934;
}
}
#header .header-inner {
display: flex;
align-items: flex-end;
justify-content: space-between;
width: 100%;
}
#header .header__top {
display: flex;
justify-content: center;
position: relative;
z-index: 220;
}
#header .header__top .header__top-img {
width: min(10.9375vw, 210px);
}
@media screen and (max-width: 750px) {
#header .header__top .header__top-img {
width: 34.6666666667vw;
}
}
@media screen and (max-width: 750px) {
#header .header__nav {
position: fixed;
top: -100%;
left: 0;
width: 100%;
height: 100%;
background-color: #091934;
z-index: 190;
display: flex;
flex-direction: column;
justify-content: center;
padding-left: 8vw;
}
#header .header__nav.nav-open {
top: 0;
}
}
#header .header__nav .pcnone {
font-size: 6.4vw;
margin-bottom: min(6.25vw, 120px);
}
#header .header__nav ul {
display: flex;
justify-content: center;
}
@media screen and (max-width: 750px) {
#header .header__nav ul {
flex-direction: column;
padding-left: 4vw;
}
}
@media screen and (max-width: 750px) {
#header .header__nav ul li {
margin-bottom: 2.6666666667vw;
}
}
#header .header__nav ul li a {
margin-right: min(1.0416666667vw, 20px);
position: relative;
padding-right: min(1.0416666667vw, 20px);
font-size: min(0.625vw, 12px);
}
@media screen and (max-width: 750px) {
#header .header__nav ul li a {
font-size: 3.4666666667vw;
}
}
#header .header__nav ul li a::after {
content: "|";
position: absolute;
top: 0;
right: 0;
}
@media screen and (max-width: 750px) {
#header .header__nav ul li a::after {
content: none;
}
}
#header .header__nav ul li a.last {
margin-right: 0;
padding-right: 0;
}
#header .header__nav ul li a.last::after {
content: "";
}
@media screen and (max-width: 750px) {
#header .header__search {
margin-top: 8vw;
}
#header .header__search form {
display: flex;
flex-direction: column;
margin-left: 4vw;
}
#header .header__search input {
color: #3a3a3a;
width: 66.6666666667vw;
height: 10.6666666667vw;
background-color: #FFFFFF;
font-size: 3.4666666667vw;
padding: 0 2.6666666667vw;
}
#header .header__search input::-moz-placeholder {
color: #999999;
}
#header .header__search input::placeholder {
color: #999999;
}
#header .header__search button {
padding: 1.3333333333vw 2.6666666667vw;
font-size: 3.4666666667vw;
color: #3a3a3a;
background-color: #FFFFFF;
text-align: center;
width: 26.6666666667vw;
margin-top: 2.6666666667vw;
}
}
#header2 {
max-width: min(94.7916666667vw, 1820px);
margin: 0 auto;
margin-bottom: min(3.125vw, 60px);
}
#header2 .header__top {
display: flex;
justify-content: flex-end;
font-size: min(1.4583333333vw, 28px);
}
#header2 .header__main {
display: flex;
justify-content: space-between;
align-items: flex-end;
}
#header2 .header__main .header__main-logo {
width: min(22.9166666667vw, 440px);
}
#header2 .header__main .header__main-nav ul {
display: flex;
}
#header2 .header__main .header__main-nav ul li {
margin-right: min(1.0416666667vw, 20px);
font-size: min(1.1979166667vw, 23px);
}
#header2 .header__main .header__main-nav ul li:last-of-type {
margin-right: 0;
}
#header2 .header__main .header__main-contact .header__main-contact-top {
display: flex;
align-items: flex-end;
margin-bottom: min(0.5208333333vw, 10px);
}
#header2 .header__main .header__main-contact .header__main-contact-top .header__main-contact-top__icon {
width: min(1.6666666667vw, 32px);
margin-right: min(1.0416666667vw, 20px);
}
#header2 .header__main .header__main-contact .header__main-contact-top .header__main-contact-top__tel {
font-size: min(3.125vw, 60px);
line-height: 1;
}
#header2 .header__main .header__main-contact .header__main-contact-bottom {
font-size: min(1.1979166667vw, 23px);
text-align: right;
margin-right: min(0.15625vw, 3px);
}
#fv-slider {
position: relative;
margin-top: min(4.1666666667vw, 80px);
}
@media screen and (max-width: 750px) {
#fv-slider {
margin-top: 16vw;
}
}
#fv-slider .fv-slider__lead {
position: absolute;
z-index: 100;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
#fv-slider .fv-slider__lead p {
text-align: center;
text-shadow: 2px 2px 2px #3a3a3a;
position: relative;
}
#fv-slider .fv-slider__lead p:first-of-type {
font-size: min(1.875vw, 36px);
font-weight: 700;
color: #FFFFFF;
line-height: 1;
margin-bottom: min(0vw, 0px);
}
@media screen and (max-width: 750px) {
#fv-slider .fv-slider__lead p:first-of-type {
font-size: 7.4666666667vw;
}
}
#fv-slider .fv-slider__lead p:first-of-type span {
color: #fa6a6a;
}
#fv-slider .fv-slider__lead p:nth-of-type(2) {
font-size: min(1.5625vw, 30px);
font-weight: 500;
color: #FFFFFF;
}
@media screen and (max-width: 750px) {
#fv-slider .fv-slider__lead p:nth-of-type(2) {
font-size: 6.4vw;
}
}
#fv-slider .fv-slider__slider img {
margin: 0 min(0.5208333333vw, 10px);
border: 1px solid #DDDDDD;
}
@media screen and (max-width: 750px) {
#fv-slider .fv-slider__slider img {
margin: 0;
}
}
#fv-slider .fv-slider__slider .slick-dots {
font-size: 0;
display: flex;
justify-content: center;
margin-top: min(1.0416666667vw, 20px);
margin-bottom: min(1.5625vw, 30px);
}
@media screen and (max-width: 750px) {
#fv-slider .fv-slider__slider .slick-dots {
margin-top: 4vw;
margin-bottom: 4vw;
}
}
#fv-slider .fv-slider__slider .slick-dots li {
width: min(0.78125vw, 15px);
height: min(0.78125vw, 15px);
border-radius: 50%;
margin-right: min(1.3020833333vw, 25px);
background-color: #FFFFFF;
border: 1px solid #999999;
transition-duration: 400ms;
}
@media screen and (max-width: 750px) {
#fv-slider .fv-slider__slider .slick-dots li {
width: 2.6666666667vw;
height: 2.6666666667vw;
margin-right: 3.3333333333vw;
}
}
#fv-slider .fv-slider__slider .slick-dots li:last-of-type {
margin-right: 0;
}
#fv-slider .fv-slider__slider .slick-dots li.slick-active {
background-color: #DDDDDD;
}
#info {
margin-top: min(3.125vw, 60px);
}
@media screen and (max-width: 750px) {
#info {
margin-top: 6.6666666667vw;
}
#info.container {
max-width: 100vw;
}
}
#info .info-container {
background-color: #e9e9e9;
margin-top: min(2.6041666667vw, 50px);
padding: min(4.1666666667vw, 80px) min(2.6041666667vw, 50px) min(1.5625vw, 30px) min(2.6041666667vw, 50px);
margin-bottom: min(5.2083333333vw, 100px);
}
@media screen and (max-width: 750px) {
#info .info-container {
margin-top: 8vw;
padding: 4vw 5.3333333333vw;
margin-bottom: 13.3333333333vw;
}
}
#info .info-container ul li {
display: flex;
align-items: flex-start;
justify-content: space-between;
font-size: min(0.625vw, 12px);
margin-bottom: min(1.0416666667vw, 20px);
}
@media screen and (max-width: 750px) {
#info .info-container ul li {
font-size: 2.9333333333vw;
margin-bottom: 2.6666666667vw;
}
}
#info .info-container ul li .info-date {
font-weight: 700;
width: 7%;
margin-right: min(0.5208333333vw, 10px);
}
@media screen and (max-width: 750px) {
#info .info-container ul li .info-date {
width: 20%;
margin-right: 2.6666666667vw;
}
}
#info .info-container ul li .info-category {
font-size: min(0.7291666667vw, 14px);
padding: min(0.1041666667vw, 2px) 0;
width: 10%;
text-align: center;
background-color: #FFFFFF;
}
@media screen and (max-width: 750px) {
#info .info-container ul li .info-category {
font-size: 3.2vw;
display: none;
}
}
#info .info-container ul li .info-category.works {
background-color: #c6b474;
color: #FFFFFF;
}
#info .info-container ul li .info-category.news {
background-color: #FFFFFF;
}
#info .info-container ul li .info-category.sale {
background-color: #F3E887;
}
#info .info-container ul li .info-category .post-categories li {
margin-top: 0;
margin-bottom: 0;
justify-content: center;
text-decoration: none;
}
#info .info-container ul li .info-title {
text-decoration: underline;
width: 83%;
margin-left: min(0.5208333333vw, 10px);
}
@media screen and (max-width: 750px) {
#info .info-container ul li .info-title {
width: 80%;
margin-left: 0;
}
}
#info .info-container ul li:last-of-type {
justify-content: flex-end;
font-weight: 700;
text-decoration: underline;
margin-top: min(1.0416666667vw, 20px);
}
.info-slider {
display: flex;
}
.info-slider img {
width: 100%;
}
#works {
margin-top: min(5.2083333333vw, 100px);
}
#product {
position: relative;
padding-top: min(5.2083333333vw, 100px);
padding-bottom: min(5.2083333333vw, 100px);
background-color: #e9e9e9;
}
#product.macherie {
background-color: #FFFFFF;
}
#product .container {
max-width: min(52.0833333333vw, 1000px);
}
@media screen and (max-width: 750px) {
#product .container {
max-width: 90.6666666667vw;
}
}
#product .product__lineup {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-top: min(4.1666666667vw, 80px);
}
@media screen and (max-width: 750px) {
#product .product__lineup {
margin-top: 10.6666666667vw;
}
}
#product .product__lineup .product__lineup-item {
width: min(16.1458333333vw, 310px);
display: flex;
align-items: center;
justify-content: space-between;
flex-direction: column;
margin-bottom: min(5.2083333333vw, 100px);
}
@media screen and (max-width: 750px) {
#product .product__lineup .product__lineup-item {
width: 47.5%;
margin-bottom: 13.3333333333vw;
}
}
#product .product__lineup .product__lineup-item .product__lineup-item__name {
width: min(9.375vw, 180px);
margin: min(1.0416666667vw, 20px) 0;
}
@media screen and (max-width: 750px) {
#product .product__lineup .product__lineup-item .product__lineup-item__name {
width: 26.6666666667vw;
margin: 4vw 0;
}
}
#product .product__lineup .product__lineup-item .product__lineup-item__more {
width: min(13.5416666667vw, 260px);
margin: min(1.0416666667vw, 20px) 0 0 0;
background-color: #FFFFFF;
}
@media screen and (max-width: 750px) {
#product .product__lineup .product__lineup-item .product__lineup-item__more {
width: 34.6666666667vw;
margin: 2.6666666667vw 0 0 0;
}
}
#product .product__lineup .product__lineup-item .product__lineup-item__lead {
text-align: center;
}
#sale {
margin-top: min(5.2083333333vw, 100px);
}
#lead {
margin: min(4.1666666667vw, 80px) 0;
text-align: center;
font-size: min(1.25vw, 24px);
font-weight: 700;
}
@media screen and (max-width: 750px) {
#lead {
font-size: 4vw;
margin: 10.6666666667vw 0;
padding: 0 4.6666666667vw;
}
}
#contact {
position: relative;
}
#contact .contact-inner {
padding: min(4.1666666667vw, 80px) min(7.2916666667vw, 140px);
width: min(52.0833333333vw, 1000px);
margin: 0 auto;
background-color: #e9e9e9;
}
@media screen and (max-width: 750px) {
#contact .contact-inner {
padding: 4vw;
width: 90.6666666667vw;
}
}
#contact .contact-inner .must .smf-item__label__text {
position: relative;
}
#contact .contact-inner .must .smf-item__label__text::after {
content: "*";
color: #fa6a6a;
position: relative;
right: min(-0.2604166667vw, -5px);
top: min(0.15625vw, 3px);
}
@media screen and (max-width: 750px) {
#contact .contact-inner .smf-item__description {
font-size: 3.2vw;
margin-bottom: 4vw;
}
}
#contact .smf-item__col--label {
padding: min(0.5208333333vw, 10px) 0;
}
#contact .wp-block-snow-monkey-forms-item.smf-item.flex .smf-item__col.smf-item__col--controls .smf-item__controls {
display: flex;
flex-wrap: wrap;
}
#contact .wp-block-snow-monkey-forms-item.smf-item.flex .smf-item__col.smf-item__col--controls .smf-item__controls .smf100 {
width: 100%;
margin-top: min(1.0416666667vw, 20px);
}
#contact .wp-block-snow-monkey-forms-item.smf-item.flex .smf-item__col.smf-item__col--controls .smf-item__controls .smf-placeholder {
width: 50%;
}
#link {
margin: min(3.125vw, 60px) 0 0 0;
}
@media screen and (max-width: 750px) {
#link {
margin: 8vw 0 0 0;
}
}
#link .link__item {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: min(52.0833333333vw, 1000px);
margin: 0 auto;
}
@media screen and (max-width: 750px) {
#link .link__item {
width: 90.6666666667vw;
}
}
#link .link__item li {
width: min(16.6666666667vw, 320px);
margin-bottom: min(2.0833333333vw, 40px);
}
@media screen and (max-width: 750px) {
#link .link__item li {
width: 42.6666666667vw;
margin-bottom: 5.3333333333vw;
}
}
#link .link__bottomimg {
width: 100%;
margin-top: min(5.2083333333vw, 100px);
}
@media screen and (max-width: 750px) {
#link .link__bottomimg {
width: 200%;
margin-top: 13.3333333333vw;
}
}
#linkbanner .linkbanner__top {
width: min(57.2916666667vw, 1100px);
margin: min(6.25vw, 120px) auto min(8.3333333333vw, 160px);
}
@media screen and (max-width: 750px) {
#linkbanner .linkbanner__top {
width: 90.6666666667vw;
margin: 16vw auto 16vw;
}
}
#linkbanner .linkbanner__bottom {
width: min(52.0833333333vw, 1000px);
margin: min(6.25vw, 120px) auto min(6.25vw, 120px);
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
@media screen and (max-width: 750px) {
#linkbanner .linkbanner__bottom {
width: 90.6666666667vw;
margin: 8vw auto 8vw;
}
}
#linkbanner .linkbanner__bottom img {
width: min(15.625vw, 300px);
margin-bottom: min(2.6041666667vw, 50px);
}
@media screen and (max-width: 750px) {
#linkbanner .linkbanner__bottom img {
width: 42.6666666667vw;
margin: 4vw auto;
}
}
.page.technology #linkbanner .linkbanner__top {
display: none;
}
.page.technology #linkbanner .linkbanner__bottom {
justify-content: space-evenly;
margin: min(4.6875vw, 90px) auto min(3.125vw, 60px);
}
.page.technology #linkbanner .linkbanner__bottom a:nth-of-type(n+3) {
display: none;
}
#footer {
position: relative;
top: -1px;
background-color: #091934;
color: #FFFFFF;
padding: min(3.125vw, 60px) 0 0 0;
}
@media screen and (max-width: 750px) {
#footer {
display: flex;
flex-direction: column;
}
}
#footer .footer-item {
display: flex;
justify-content: space-between;
width: min(72.9166666667vw, 1400px);
margin: 0 auto;
}
@media screen and (max-width: 750px) {
#footer .footer-item {
order: 2;
flex-direction: column;
align-items: center;
}
}
#footer .footer-item > div {
padding: min(0.5208333333vw, 10px) min(2.0833333333vw, 40px);
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
font-size: min(0.6770833333vw, 13px);
}
@media screen and (max-width: 750px) {
#footer .footer-item > div {
padding: 1.3333333333vw 5.3333333333vw;
font-size: 2.9333333333vw;
}
}
#footer .footer-item .footer-item__logo {
width: 35%;
border-right: 1px solid #999999;
font-size: min(0.6770833333vw, 13px);
text-align: center;
justify-content: center;
}
@media screen and (max-width: 750px) {
#footer .footer-item .footer-item__logo {
width: 100%;
font-size: 2.9333333333vw;
border-right: none;
}
}
#footer .footer-item .footer-item__logo .footer-item__logo-logo {
width: 30%;
}
#footer .footer-item .footer-item__logo .comname {
margin-top: min(1.0416666667vw, 20px);
font-size: min(0.8333333333vw, 16px);
}
@media screen and (max-width: 750px) {
#footer .footer-item .footer-item__logo .comname {
font-size: 2.9333333333vw;
}
}
#footer .footer-item .footer-item__logo .group {
margin-top: min(1.0416666667vw, 20px);
font-size: min(0.8333333333vw, 16px);
}
@media screen and (max-width: 750px) {
#footer .footer-item .footer-item__logo .group {
font-size: 2.9333333333vw;
display: flex;
}
}
#footer .footer-item .footer-item__tel {
width: 30%;
padding: min(3.125vw, 60px) min(0vw, 0px);
}
@media screen and (max-width: 750px) {
#footer .footer-item .footer-item__tel {
width: 100%;
padding: 6.6666666667vw 0;
}
}
#footer .footer-item .footer-item__tel p:nth-of-type(2) {
font-size: min(1.5625vw, 30px);
margin: min(1.0416666667vw, 20px) 0;
}
@media screen and (max-width: 750px) {
#footer .footer-item .footer-item__tel p:nth-of-type(2) {
font-size: 6.4vw;
margin: 1.3333333333vw 0;
}
}
#footer .footer-item .footer-item__map {
width: 35%;
border-left: 1px solid #999999;
align-items: flex-start;
justify-content: center;
}
@media screen and (max-width: 750px) {
#footer .footer-item .footer-item__map {
display: none;
}
}
#footer .footer-item .footer-item__map iframe {
width: 100%;
height: min(7.8125vw, 150px);
}
#footer .footer-item .footer-item__map p {
font-size: min(0.6770833333vw, 13px);
margin-top: min(1.0416666667vw, 20px);
}
#footer .footer-item__logowhite {
text-align: center;
}
@media screen and (max-width: 750px) {
#footer .footer-item__logowhite {
order: 1;
margin-bottom: 4vw;
}
}
#footer .footer-item__logowhite img {
width: min(4.1666666667vw, 80px);
}
@media screen and (max-width: 750px) {
#footer .footer-item__logowhite img {
width: 13.3333333333vw;
}
}
#footer .footger-item__sns {
width: 5%;
margin: min(2.0833333333vw, 40px) auto min(1.0416666667vw, 20px);
display: flex;
justify-content: space-between;
}
@media screen and (max-width: 750px) {
#footer .footger-item__sns {
order: 4;
width: 15%;
}
}
#footer .footger-item__sns img {
width: min(1.8229166667vw, 35px);
}
@media screen and (max-width: 750px) {
#footer .footger-item__sns img {
width: 4.6666666667vw;
margin-bottom: 4vw;
}
}
#footer .footer-nav {
display: flex;
flex-wrap: wrap;
justify-content: center;
font-size: min(0.625vw, 12px);
width: min(36.4583333333vw, 700px);
margin: 0 auto;
margin-bottom: min(1.5625vw, 30px);
}
@media screen and (max-width: 750px) {
#footer .footer-nav {
font-size: 2.9333333333vw;
order: 3;
width: 100%;
margin-bottom: 4vw;
padding: 0 4.6666666667vw;
}
}
#footer .footer-nav li {
margin-right: min(1.0416666667vw, 20px);
margin-bottom: min(0.5208333333vw, 10px);
}
@media screen and (max-width: 750px) {
#footer .footer-nav li {
margin-right: 2.6666666667vw;
margin-bottom: 1.3333333333vw;
}
}
#footer .footer-bottom {
text-align: center;
font-size: min(0.625vw, 12px);
font-weight: 700;
background-color: #FFFFFF;
color: #3a3a3a;
padding: min(0.78125vw, 15px) 0;
}
@media screen and (max-width: 750px) {
#footer .footer-bottom {
font-size: 2.9333333333vw;
order: 5;
padding: 2vw 0;
}
}
#company-top {
margin-top: min(4.1666666667vw, 80px);
background-image: url(//www.k-togashi.co.jp/wp-content/themes/togashi-home_new/img/company-top.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
aspect-ratio: 192/30;
display: flex;
justify-content: center;
align-items: center;
color: #FFFFFF;
text-align: center;
}
@media screen and (max-width: 750px) {
#company-top {
margin-top: 16vw;
aspect-ratio: 192/80;
}
}
#company-top.technology {
background-image: url(//www.k-togashi.co.jp/wp-content/themes/togashi-home_new/img/technology-top.png);
}
#company-top.macherie {
background-image: url(//www.k-togashi.co.jp/wp-content/themes/togashi-home_new/img/macherie/macherie-top.png);
}
#company-top.faq {
background-image: url(//www.k-togashi.co.jp/wp-content/themes/togashi-home_new/img/faq-top.png);
}
#company-top.provence {
background-image: url(//www.k-togashi.co.jp/wp-content/themes/togashi-home_new/img/provence/provence-top.png);
}
#company-top.provence .company-top__h2 img {
width: min(14.5833333333vw, 280px);
}
@media screen and (max-width: 750px) {
#company-top.provence .company-top__h2 img {
width: 37.3333333333vw;
}
}
#company-top.hobby {
background-image: url(//www.k-togashi.co.jp/wp-content/themes/togashi-home_new/img/hobby/hobby-top.png);
}
#company-top.classcal {
background-image: url(//www.k-togashi.co.jp/wp-content/themes/togashi-home_new/img/classcal/kurashikaru.jpg);
}
#company-top.modelhouse {
flex-direction: column;
background-image: url(//www.k-togashi.co.jp/wp-content/themes/togashi-home_new/img/modelhouse/modelhouse-top.png);
}
#company-top.modelhouse.news {
background-image: url(//www.k-togashi.co.jp/wp-content/themes/togashi-home_new/img/news-top.png);
}
#company-top span {
font-size: min(1.5625vw, 30px);
text-align: center;
}
@media screen and (max-width: 750px) {
#company-top span {
font-size: 6.4vw;
}
}
#company-top span + h2 {
font-family: "Cardo", serif;
letter-spacing: 0.1em;
font-weight: 400;
font-size: min(1.875vw, 36px);
}
@media screen and (max-width: 750px) {
#company-top span + h2 {
font-size: 7.4666666667vw;
}
}
#company-top h2 {
font-size: min(1.875vw, 36px);
}
@media screen and (max-width: 750px) {
#company-top h2 {
font-size: 7.4666666667vw;
}
}
#company-top h2 + span {
font-size: min(1.1458333333vw, 22px);
margin-bottom: 0;
text-transform: uppercase;
}
@media screen and (max-width: 750px) {
#company-top h2 + span {
font-size: 4vw;
}
}
#company-lead {
margin-top: min(6.25vw, 120px);
}
@media screen and (max-width: 750px) {
#company-lead {
margin-top: 16vw;
}
}
#company-lead.companylead {
margin-top: min(8.3333333333vw, 160px);
}
@media screen and (max-width: 750px) {
#company-lead.companylead {
margin-top: 8vw;
}
}
#company-lead h2 {
margin-bottom: min(3.125vw, 60px);
}
@media screen and (max-width: 750px) {
#company-lead h2 {
margin-bottom: 8vw;
}
}
#company-lead h2.companyh2 {
margin-bottom: min(1.0416666667vw, 20px);
}
@media screen and (max-width: 750px) {
#company-lead h2.companyh2 {
margin-bottom: 2.6666666667vw;
}
}
#company-lead h3 {
font-size: min(1.5625vw, 30px);
font-weight: 500;
text-align: center;
position: relative;
margin-bottom: min(6.25vw, 120px);
}
@media screen and (max-width: 750px) {
#company-lead h3 {
font-size: 6.4vw;
}
}
@media screen and (max-width: 750px) and (max-width: 750px) {
#company-lead h3 {
margin-bottom: 16vw;
}
}
#company-lead h3.companyh3 {
margin-bottom: min(3.125vw, 60px);
}
@media screen and (max-width: 750px) {
#company-lead h3.companyh3 {
margin-bottom: 8vw;
}
}
#company-lead .company-lead__wrapper {
display: flex;
justify-content: space-between;
align-items: center;
max-width: min(52.0833333333vw, 1000px);
}
@media screen and (max-width: 750px) {
#company-lead .company-lead__wrapper {
flex-direction: column-reverse;
max-width: 90%;
}
}
#company-lead .company-lead__wrapper .company-lead__text {
width: 45%;
font-size: min(1.0416666667vw, 20px);
}
@media screen and (max-width: 750px) {
#company-lead .company-lead__wrapper .company-lead__text {
font-size: 3.7333333333vw;
}
}
#company-lead .company-lead__wrapper .company-lead__text.fullsize {
margin-top: min(3.125vw, 60px);
width: 100%;
}
#company-lead .company-lead__wrapper .company-lead__text.fullsize p {
text-align: left;
}
@media screen and (max-width: 750px) {
#company-lead .company-lead__wrapper .company-lead__text {
width: 100%;
}
}
#company-lead .company-lead__wrapper .company-lead__text h3 {
font-size: min(1.5625vw, 30px);
font-weight: 700;
margin-bottom: min(1.5625vw, 30px);
text-align: center;
}
@media screen and (max-width: 750px) {
#company-lead .company-lead__wrapper .company-lead__text h3 {
font-size: 6.4vw;
margin-bottom: 4vw;
}
}
#company-lead .company-lead__wrapper .company-lead__text p {
margin-bottom: min(2.0833333333vw, 40px);
text-align: center;
}
@media screen and (max-width: 750px) {
#company-lead .company-lead__wrapper .company-lead__text p {
margin-bottom: 5.3333333333vw;
}
}
#company-lead .company-lead__wrapper .company-lead__img {
width: 45%;
}
@media screen and (max-width: 750px) {
#company-lead .company-lead__wrapper .company-lead__img {
width: 80%;
margin-bottom: 5.3333333333vw;
}
}
#company-info {
background-color: #e9e9e9;
margin-top: min(9.375vw, 180px);
padding: min(2.0833333333vw, 40px) 0 min(4.1666666667vw, 80px);
}
@media screen and (max-width: 750px) {
#company-info {
margin-top: 24vw;
padding: 5.3333333333vw 0 10.6666666667vw;
}
}
#company-info .company-info__table {
display: flex;
flex-wrap: wrap;
}
#company-info .company-info__table dt,
#company-info .company-info__table dd {
padding: min(1.0416666667vw, 20px);
border: 1px solid #e9e9e9;
border-bottom: none;
display: flex;
align-items: center;
font-size: min(0.9375vw, 18px);
}
@media screen and (max-width: 750px) {
#company-info .company-info__table dt,
#company-info .company-info__table dd {
padding: 2.6666666667vw;
font-size: 3.4666666667vw;
}
}
#company-info .company-info__table dt:last-of-type,
#company-info .company-info__table dd:last-of-type {
border-bottom: 1px solid #e9e9e9;
}
#company-info .company-info__table dt {
background-color: #DDDDDD;
width: 20%;
border-right: none;
justify-content: center;
text-align: center;
}
@media screen and (max-width: 750px) {
#company-info .company-info__table dt {
width: 100%;
}
}
#company-info .company-info__table dd {
background-color: #FFFFFF;
width: 80%;
justify-content: flex-start;
}
@media screen and (max-width: 750px) {
#company-info .company-info__table dd {
width: 100%;
flex-direction: column;
align-items: flex-start;
}
}
#company-access {
margin-top: min(3.125vw, 60px);
margin-bottom: min(5.2083333333vw, 100px);
}
@media screen and (max-width: 750px) {
#company-access {
margin-top: 8vw;
margin-bottom: 13.3333333333vw;
}
}
#company-access h2 + span {
margin-bottom: min(4.1666666667vw, 80px);
}
@media screen and (max-width: 750px) {
#company-access h2 + span {
margin-bottom: 10.6666666667vw;
}
}
#company-access p {
font-size: min(0.8333333333vw, 16px);
text-align: left;
margin-bottom: min(3.125vw, 60px);
}
@media screen and (max-width: 750px) {
#company-access p {
font-size: 3.4666666667vw;
margin-bottom: 8vw;
}
}
#company-access p span {
color: #eaec39;
}
#company-recruit {
margin-top: min(4.1666666667vw, 80px);
padding: min(3.125vw, 60px);
background-color: #e9e9e9;
}
@media screen and (max-width: 750px) {
#company-recruit {
margin-top: 10.6666666667vw;
padding: 8vw;
}
}
#company-recruit h2 + span {
margin-bottom: min(4.1666666667vw, 80px);
}
@media screen and (max-width: 750px) {
#company-recruit h2 + span {
margin-bottom: 10.6666666667vw;
}
}
#company-recruit p {
font-size: min(0.8333333333vw, 16px);
text-align: center;
margin-bottom: min(3.125vw, 60px);
}
@media screen and (max-width: 750px) {
#company-recruit p {
font-size: 3.4666666667vw;
margin-bottom: 8vw;
}
}
#technology-lead h2 {
margin: min(6.25vw, 120px) 0 min(4.6875vw, 90px);
}
@media screen and (max-width: 750px) {
#technology-lead h2 {
margin: 16vw 4.6666666667vw;
}
}
#technology-list .technology-item {
border-top: 1px solid #3a3a3a;
padding: min(4.1666666667vw, 80px) 0;
}
@media screen and (max-width: 750px) {
#technology-list .technology-item {
padding: 10.6666666667vw 0;
}
}
#technology-list .technology-item h3 {
font-size: min(1.5625vw, 30px);
font-weight: 700;
margin-bottom: min(4.1666666667vw, 80px);
text-align: center;
}
@media screen and (max-width: 750px) {
#technology-list .technology-item h3 {
font-size: 6.4vw;
margin-bottom: 10.6666666667vw;
}
}
#technology-list .technology-item .technology-item__flex {
display: flex;
align-items: center;
width: 100%;
margin: 0 auto;
}
@media screen and (max-width: 750px) {
#technology-list .technology-item .technology-item__flex {
flex-direction: column;
}
}
#technology-list .technology-item .technology-item__flex .technology-item__img {
width: 47.5%;
margin-right: 5%;
}
@media screen and (max-width: 750px) {
#technology-list .technology-item .technology-item__flex .technology-item__img {
width: 100%;
margin-right: 0;
}
}
#technology-list .technology-item .technology-item__flex .technology-item__text {
width: 47.5%;
}
@media screen and (max-width: 750px) {
#technology-list .technology-item .technology-item__flex .technology-item__text {
width: 100%;
}
}
#technology-list .technology-item .technology-item__flex .technology-item__text p {
text-align: justify;
font-size: 1.1rem;
}
#technology-list .technology-item .technology-item__flex .technology-item__text p + p {
margin-top: min(2.0833333333vw, 40px);
}
@media screen and (max-width: 750px) {
#technology-list .technology-item .technology-item__flex .technology-item__text p + p {
margin-top: 5.3333333333vw;
}
}
.section-gray {
background-color: #e9e9e9;
padding: min(4.1666666667vw, 80px) 0;
font-size: min(1.3541666667vw, 26px);
font-weight: 700;
text-align: center;
margin: min(6.25vw, 120px) 0;
}
@media screen and (max-width: 750px) {
.section-gray {
font-size: 4vw;
padding: 10.6666666667vw 0;
margin: 16vw 0;
}
}
.section-gray.provence {
font-size: min(1.25vw, 24px);
}
@media screen and (max-width: 750px) {
.section-gray.provence {
font-size: 4vw;
}
}
.section-gray.provence p + p {
margin-top: min(2.0833333333vw, 40px);
}
@media screen and (max-width: 750px) {
.section-gray.provence p + p {
margin-top: 5.3333333333vw;
}
}
.section-gray.hobby {
font-size: min(1.25vw, 24px);
margin: 0 0 min(6.25vw, 120px) 0;
}
@media screen and (max-width: 750px) {
.section-gray.hobby {
font-size: 4vw;
margin: 0 0 16vw 0;
}
}
.section-gray.hobby p + p {
margin-top: min(2.0833333333vw, 40px);
}
@media screen and (max-width: 750px) {
.section-gray.hobby p + p {
margin-top: 5.3333333333vw;
}
}
#macherie-lead {
margin-top: min(16.6666666667vw, 320px);
}
@media screen and (max-width: 750px) {
#macherie-lead {
margin-top: 8vw;
}
}
#macherie-lead h2 {
font-size: min(3.75vw, 72px);
margin-bottom: min(0vw, 0px);
}
@media screen and (max-width: 750px) {
#macherie-lead h2 {
font-size: 7.4666666667vw;
}
}
#macherie-lead.provence h2 {
font-family: inherit;
}
#macherie-lead span {
font-size: min(1.25vw, 24px);
font-weight: 500;
}
@media screen and (max-width: 750px) {
#macherie-lead span {
font-size: 4vw;
}
}
#macherie-lead h3 {
font-size: min(1.5625vw, 30px);
font-weight: 700;
text-align: center;
margin-bottom: min(6.25vw, 120px);
}
@media screen and (max-width: 750px) {
#macherie-lead h3 {
font-size: 6.4vw;
margin-bottom: 16vw;
}
}
#macherie-lead.modelhouse h3 {
margin-top: min(6.25vw, 120px);
margin-bottom: min(3.125vw, 60px);
}
@media screen and (max-width: 750px) {
#macherie-lead.modelhouse h3 {
margin-top: 16vw;
margin-bottom: 8vw;
}
}
#macherie-lead.modelhouse p {
text-align: center;
}
#macherie-lead.modelhouse p + p {
margin-top: min(1.5625vw, 30px);
}
@media screen and (max-width: 750px) {
#macherie-lead.modelhouse p + p {
margin-top: 4vw;
}
}
#macherie-lead.classcal h3 {
margin-bottom: min(1.0416666667vw, 20px);
}
#macherie-lead.classcal h3 + p {
text-align: center;
font-size: min(1.25vw, 24px);
margin-bottom: min(6.25vw, 120px);
}
@media screen and (max-width: 750px) {
#macherie-lead.classcal h3 + p {
font-size: 4vw;
}
}
#macherie-lead.classcal .classcal-type {
display: flex;
justify-content: center;
margin-bottom: min(6.25vw, 120px);
}
@media screen and (max-width: 750px) {
#macherie-lead.classcal .classcal-type {
flex-direction: column;
align-items: center;
margin-bottom: 16vw;
}
}
#macherie-lead.classcal .classcal-type p {
font-size: min(1.5625vw, 30px);
font-weight: 700;
padding: min(1.0416666667vw, 20px) min(3.125vw, 60px);
border: 1px solid #3a3a3a;
}
@media screen and (max-width: 750px) {
#macherie-lead.classcal .classcal-type p {
font-size: 6.4vw;
padding: 2.6666666667vw 8vw;
}
}
#macherie-lead.classcal .classcal-type p:nth-of-type(2) {
margin: 0 min(1.5625vw, 30px);
padding: min(1.0416666667vw, 20px) min(0vw, 0px);
border: none;
}
@media screen and (max-width: 750px) {
#macherie-lead.classcal .classcal-type p:nth-of-type(2) {
margin: 0 4vw;
padding: 2.6666666667vw 0;
}
}
#macherie-lead.classcal .classcal-type p:nth-of-type(3) {
background-color: #3a3a3a;
color: #FFFFFF;
}
#macherie-lead .macherie-lead__flex {
font-size: 1.1rem;
display: flex;
justify-content: center;
gap: 2vw;
margin-bottom: min(3.125vw, 60px);
}
@media screen and (max-width: 750px) {
#macherie-lead .macherie-lead__flex {
font-size: inherit;
flex-direction: column;
margin-bottom: 8vw;
}
}
#macherie-lead .macherie-lead__flex.rev {
flex-direction: row-reverse;
}
@media screen and (max-width: 750px) {
#macherie-lead .macherie-lead__flex.rev {
flex-direction: column;
}
}
#macherie-lead .macherie-lead__flex:last-of-type {
margin-bottom: min(6.25vw, 120px);
}
@media screen and (max-width: 750px) {
#macherie-lead .macherie-lead__flex:last-of-type {
margin-bottom: 16vw;
}
}
#macherie-lead .macherie-lead__flex .macherie-lead__flex-img {
width: 47.5%;
}
@media screen and (max-width: 750px) {
#macherie-lead .macherie-lead__flex .macherie-lead__flex-img {
width: 100%;
margin-bottom: 5.3333333333vw;
}
}
#macherie-lead .macherie-lead__flex .macherie-lead__flex-text {
width: 47.5%;
}
@media screen and (max-width: 750px) {
#macherie-lead .macherie-lead__flex .macherie-lead__flex-text {
width: 100%;
}
}
#macherie-lead .macherie-lead__flex .macherie-lead__flex-text p + p {
margin-top: min(1.5625vw, 30px);
}
@media screen and (max-width: 750px) {
#macherie-lead .macherie-lead__flex .macherie-lead__flex-text p + p {
margin-top: 4vw;
}
}
#macherie-lead .modelhouse-item {
margin-top: min(6.25vw, 120px);
}
@media screen and (max-width: 750px) {
#macherie-lead .modelhouse-item {
margin-top: 16vw;
}
}
#macherie-lead .modelhouse-item .modelhouse-item__tex {
font-size: min(1.25vw, 24px);
font-weight: 700;
margin-bottom: min(3.125vw, 60px);
}
@media screen and (max-width: 750px) {
#macherie-lead .modelhouse-item .modelhouse-item__tex {
font-size: 4vw;
margin-bottom: 8vw;
}
}
#macherie-lead .modelhouse-item .modelhouse-flex {
margin-top: min(3.125vw, 60px);
margin-bottom: min(3.125vw, 60px);
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
@media screen and (max-width: 750px) {
#macherie-lead .modelhouse-item .modelhouse-flex {
margin-top: 8vw;
margin-bottom: 8vw;
}
}
#macherie-lead .modelhouse-item .modelhouse-flex img {
width: 32%;
margin-bottom: min(1.5625vw, 30px);
}
@media screen and (max-width: 750px) {
#macherie-lead .modelhouse-item .modelhouse-flex img {
margin-bottom: 4vw;
width: 47.5%;
}
}
#macherie-lead .modelhouse-map {
width: 90%;
margin: 0 auto;
}
#macherie-lead .modelhouse-map iframe {
margin-bottom: min(1.0416666667vw, 20px);
}
@media screen and (max-width: 750px) {
#macherie-lead .modelhouse-map iframe {
margin-bottom: 2.6666666667vw;
}
}
#macherie-lead .modelhouse-benefit {
width: 90%;
margin: 0 auto;
background-color: #f6f6eb;
margin-top: min(6.25vw, 120px);
padding: min(3.125vw, 60px) 0;
text-align: center;
}
@media screen and (max-width: 750px) {
#macherie-lead .modelhouse-benefit {
margin-top: 16vw;
padding: 8vw 0;
}
}
#macherie-lead .modelhouse-benefit h3 {
margin-top: 0;
margin-bottom: min(1.0416666667vw, 20px);
}
@media screen and (max-width: 750px) {
#macherie-lead .modelhouse-benefit h3 {
margin-bottom: 2.6666666667vw;
}
}
#macherie-lead .modelhouse-benefit img {
width: 20%;
margin-bottom: min(1.0416666667vw, 20px);
}
@media screen and (max-width: 750px) {
#macherie-lead .modelhouse-benefit img {
margin-bottom: 2.6666666667vw;
}
}
#macherie-lead .modelhouse-lead {
margin: min(6.25vw, 120px) 0;
text-align: center;
font-size: min(1.25vw, 24px);
font-weight: 700;
}
@media screen and (max-width: 750px) {
#macherie-lead .modelhouse-lead {
font-size: 4vw;
}
}
#macherie-point .macherie-point__item {
margin-bottom: min(6.25vw, 120px);
}
@media screen and (max-width: 750px) {
#macherie-point .macherie-point__item {
margin-bottom: 16vw;
}
}
#macherie-point .macherie-point__item h2 {
display: flex;
align-items: center;
font-weight: 500;
margin-bottom: min(2.0833333333vw, 40px);
}
@media screen and (max-width: 750px) {
#macherie-point .macherie-point__item h2 {
flex-direction: column;
margin-bottom: 5.3333333333vw;
}
}
#macherie-point .macherie-point__item h2 span {
width: min(5.2083333333vw, 100px);
margin-right: min(1.0416666667vw, 20px);
}
@media screen and (max-width: 750px) {
#macherie-point .macherie-point__item h2 span {
width: 13.3333333333vw;
margin-right: 0;
margin-bottom: 2.6666666667vw;
}
}
#macherie-point .macherie-point__item .macherie-point__item-flex {
display: flex;
}
@media screen and (max-width: 750px) {
#macherie-point .macherie-point__item .macherie-point__item-flex {
flex-direction: column;
}
}
#macherie-point .macherie-point__item .macherie-point__item-flex .macherie-point__item-flex__img {
width: 48.5%;
margin-right: 3%;
}
@media screen and (max-width: 750px) {
#macherie-point .macherie-point__item .macherie-point__item-flex .macherie-point__item-flex__img {
width: 100%;
margin-right: 0;
margin-bottom: 4vw;
}
}
#macherie-point .macherie-point__item .macherie-point__item-flex .macherie-point__item-flex__text {
width: 48.5%;
}
@media screen and (max-width: 750px) {
#macherie-point .macherie-point__item .macherie-point__item-flex .macherie-point__item-flex__text {
width: 100%;
margin-right: 0;
}
}
#macherie-point .macherie-point__item .macherie-point__item-flex .macherie-point__item-flex__text p {
text-align: justify;
}
#macherie-point .macherie-point__item .macherie-point__item-flex .macherie-point__item-flex__text p + p {
margin-top: min(1.5625vw, 30px);
}
@media screen and (max-width: 750px) {
#macherie-point .macherie-point__item .macherie-point__item-flex .macherie-point__item-flex__text p + p {
margin-top: 4vw;
}
}
#macherie-design h2 {
margin-bottom: min(3.125vw, 60px);
}
@media screen and (max-width: 750px) {
#macherie-design h2 {
margin-bottom: 8vw;
}
}
#macherie-design .macherie-design__item {
padding-bottom: min(1.5625vw, 30px);
margin-bottom: min(3.125vw, 60px);
border-bottom: 1px solid #3a3a3a;
}
@media screen and (max-width: 750px) {
#macherie-design .macherie-design__item {
padding-bottom: 4vw;
margin-bottom: 8vw;
}
}
#macherie-design .macherie-design__item-img {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
width: 93%;
margin: 0 auto;
}
@media screen and (max-width: 750px) {
#macherie-design .macherie-design__item-img {
width: 100%;
}
}
#macherie-design .macherie-design__item-img img {
width: 31%;
margin-bottom: 3.25%;
}
@media screen and (max-width: 750px) {
#macherie-design .macherie-design__item-img img {
width: 47.5%;
margin-bottom: 5.3333333333vw;
}
}
#provence-point .provence-point__item {
padding-bottom: min(3.125vw, 60px);
border-bottom: 1px solid #3a3a3a;
}
@media screen and (max-width: 750px) {
#provence-point .provence-point__item {
padding-bottom: 8vw;
}
}
#provence-point .provence-point__item h2 {
font-size: min(1.875vw, 36px);
font-weight: 700;
}
@media screen and (max-width: 750px) {
#provence-point .provence-point__item h2 {
font-size: 7.4666666667vw;
}
}
#provence-point .provence-point__item .provence-point__item-flex {
display: flex;
justify-content: space-between;
margin-top: min(3.125vw, 60px);
}
@media screen and (max-width: 750px) {
#provence-point .provence-point__item .provence-point__item-flex {
flex-direction: column;
margin-top: 8vw;
}
#provence-point .provence-point__item .provence-point__item-flex.rev {
flex-direction: column-reverse;
}
#provence-point .provence-point__item .provence-point__item-flex.rev .provence-point__item-flex__item:last-of-type {
margin-bottom: 8vw;
}
}
#provence-point .provence-point__item .provence-point__item-flex .provence-point__item-flex__item {
width: 47.5%;
}
@media screen and (max-width: 750px) {
#provence-point .provence-point__item .provence-point__item-flex .provence-point__item-flex__item {
width: 100%;
}
}
#provence-point .provence-point__item .provence-point__item-flex .provence-point__item-flex__item.text {
padding: 0 min(1.5625vw, 30px);
}
@media screen and (max-width: 750px) {
#provence-point .provence-point__item .provence-point__item-flex .provence-point__item-flex__item.text {
padding: 0;
margin-bottom: 4vw;
}
}
#provence-point .provence-point__item .provence-point__item-flex .provence-point__item-flex__item.text h3 {
font-size: min(1.25vw, 24px);
font-weight: 700;
text-align: center;
margin-bottom: min(3.125vw, 60px);
}
@media screen and (max-width: 750px) {
#provence-point .provence-point__item .provence-point__item-flex .provence-point__item-flex__item.text h3 {
font-size: 4vw;
margin-bottom: 8vw;
}
}
#provence-point .provence-point__item .provence-point__item-flex .provence-point__item-flex__item.gray {
background-color: #e9e9e9;
padding: min(1.5625vw, 30px) min(5.7291666667vw, 110px);
display: flex;
justify-content: center;
flex-direction: column;
}
@media screen and (max-width: 750px) {
#provence-point .provence-point__item .provence-point__item-flex .provence-point__item-flex__item.gray {
padding: 4vw 12vw;
}
}
#provence-point .provence-point__item .provence-point__item-flex .provence-point__item-flex__item.gray h4 {
font-size: min(1.25vw, 24px);
font-weight: 700;
margin-bottom: min(0.5208333333vw, 10px);
}
@media screen and (max-width: 750px) {
#provence-point .provence-point__item .provence-point__item-flex .provence-point__item-flex__item.gray h4 {
font-size: 4vw;
margin-bottom: 1.3333333333vw;
}
}
#provence-point .provence-point__item .provence-point__item-flex .provence-point__item-flex__item.gray dl {
display: flex;
flex-wrap: wrap;
}
#provence-point .provence-point__item .provence-point__item-flex .provence-point__item-flex__item.gray dl dt {
width: 45%;
}
#provence-point .provence-point__item .provence-point__item-flex .provence-point__item-flex__item.gray dl dd {
width: 55%;
}
#provence-point .provence-point__item + .provence-point__item {
margin-top: min(3.125vw, 60px);
}
@media screen and (max-width: 750px) {
#provence-point .provence-point__item + .provence-point__item {
margin-top: 8vw;
}
}
#provence-point .provence-point__item:last-of-type {
border-bottom: none;
}
#provence-point .caution {
text-align: right;
margin-top: min(1.5625vw, 30px);
}
@media screen and (max-width: 750px) {
#provence-point .caution {
margin-top: 4vw;
}
}
.hobby-leadimg {
background-color: #000000;
display: flex;
justify-content: center;
align-items: flex-end;
}
.hobby-leadimg img {
padding-top: min(3.125vw, 60px);
width: min(52.0833333333vw, 1000px);
position: relative;
bottom: min(-0.1041666667vw, -2px);
}
@media screen and (max-width: 750px) {
.hobby-leadimg img {
padding-top: 8vw;
width: 77.3333333333vw;
}
}
#classcal-type {
margin-bottom: min(5.2083333333vw, 100px);
}
@media screen and (max-width: 750px) {
#classcal-type {
margin-bottom: 13.3333333333vw;
}
}
#classcal-type.gray {
background-color: #e9e9e9;
padding-top: min(2.0833333333vw, 40px);
padding-bottom: min(3.125vw, 60px);
}
@media screen and (max-width: 750px) {
#classcal-type.gray {
padding-top: 5.3333333333vw;
padding: 8vw;
}
}
#classcal-type h2 {
margin: min(3.125vw, 60px) 0;
}
@media screen and (max-width: 750px) {
#classcal-type h2 {
margin: 8vw 0;
}
}
#classcal-type p {
text-align: center;
margin-bottom: min(3.125vw, 60px);
}
@media screen and (max-width: 750px) {
#classcal-type p {
margin-bottom: 8vw;
}
}
#classcal-type .classcal-img {
text-align: center;
}
#classcal-type .classcal-img p {
text-align: center;
}
#classcal-type .classcal-img img {
width: 80%;
}
@media screen and (max-width: 750px) {
#classcal-type .classcal-img img {
width: 100%;
}
}
#classcal-type .classcal-img img + img {
margin-top: min(4.1666666667vw, 80px);
}
@media screen and (max-width: 750px) {
#classcal-type .classcal-img img + img {
margin-top: 10.6666666667vw;
}
}
#classcal-type .classcal-white {
background-color: #FFFFFF;
padding-bottom: min(3.125vw, 60px);
}
@media screen and (max-width: 750px) {
#classcal-type .classcal-white {
padding-bottom: 8vw;
}
}
#classcal-type .classcal-white .classcal-list {
width: 90%;
margin: min(3.125vw, 60px) auto;
padding: min(3.125vw, 60px);
}
@media screen and (max-width: 750px) {
#classcal-type .classcal-white .classcal-list {
width: 100%;
margin: 8vw auto;
padding: 4vw;
}
}
#classcal-type .classcal-white .classcal-list li {
text-align: center;
}
#classcal-type .classcal-white .classcal-list li h3 {
color: #fa6a6a;
font-size: min(1.5625vw, 30px);
font-weight: 700;
margin-bottom: min(1.0416666667vw, 20px);
}
@media screen and (max-width: 750px) {
#classcal-type .classcal-white .classcal-list li h3 {
font-size: 6.4vw;
}
}
#classcal-type .classcal-white .classcal-list li img {
width: 40%;
}
@media screen and (max-width: 750px) {
#classcal-type .classcal-white .classcal-list li img {
width: 90%;
}
}
@media screen and (max-width: 750px) {
#classcal-type .classcal-white .classcal-list li p {
text-align: justify;
}
}
#classcal-type .classcal-white .classcal-sim {
background-color: #feeff6;
padding: min(3.125vw, 60px);
width: 90%;
margin: 0 auto;
padding: 4vw;
}
#classcal-type .classcal-white .classcal-sim h3 {
text-align: center;
color: #fa6a6a;
font-size: min(1.5625vw, 30px);
font-weight: 700;
margin-bottom: min(1.0416666667vw, 20px);
}
@media screen and (max-width: 750px) {
#classcal-type .classcal-white .classcal-sim h3 {
font-size: 6.4vw;
margin-bottom: 2.6666666667vw;
}
}
#classcal-type .classcal-white .classcal-sim .classcal-sim__list {
display: flex;
justify-content: space-between;
justify-content: center;
}
@media screen and (max-width: 750px) {
#classcal-type .classcal-white .classcal-sim .classcal-sim__list {
flex-wrap: wrap;
}
}
#classcal-type .classcal-white .classcal-sim .classcal-sim__list ul {
width: 30%;
}
@media screen and (max-width: 750px) {
#classcal-type .classcal-white .classcal-sim .classcal-sim__list ul {
width: 80%;
margin-bottom: 4vw;
}
}
#classcal-type .classcal-white .classcal-sim .classcal-sim__list ul li {
display: flex;
justify-content: space-between;
margin-bottom: min(0.5208333333vw, 10px);
}
@media screen and (max-width: 750px) {
#classcal-type .classcal-white .classcal-sim .classcal-sim__list ul li {
margin-bottom: 1.3333333333vw;
}
}
#classcal-type .classcal-white .classcal-sim .classcal-sim__list ul li:first-of-type {
font-size: min(1.25vw, 24px);
font-weight: 700;
padding-bottom: min(0.5208333333vw, 10px);
margin-bottom: min(1.5625vw, 30px);
border-bottom: 1px solid #999999;
}
@media screen and (max-width: 750px) {
#classcal-type .classcal-white .classcal-sim .classcal-sim__list ul li:first-of-type {
font-size: 4vw;
padding-bottom: 1.3333333333vw;
margin-bottom: 4vw;
}
}
#classcal-type .classcal-white .classcal-sim .classcal-sim__list ul li span:first-of-type {
width: 40%;
font-weight: 700;
}
#classcal-type .classcal-white .classcal-sim .classcal-sim__list ul li span:nth-of-type(2) {
width: 10%;
}
#classcal-type .classcal-white .classcal-sim .classcal-sim__list ul li span:last-of-type {
text-align: right;
width: 50%;
}
#classcal-type .classcal-white .classcal-sim__bottom {
width: 90%;
margin: 0 auto;
color: #FFFFFF;
background-color: #cb515c;
padding-top: min(2.0833333333vw, 40px);
display: flex;
flex-direction: column;
align-items: center;
}
@media screen and (max-width: 750px) {
#classcal-type .classcal-white .classcal-sim__bottom {
padding-top: 5.3333333333vw;
padding: 5.3333333333vw;
}
}
#classcal-type .classcal-white .classcal-sim__bottom h3 {
text-align: center;
background-color: #FFFFFF;
color: #fa6a6a;
font-size: min(1.5625vw, 30px);
font-weight: 700;
width: 90%;
margin: 0 auto min(1.0416666667vw, 20px);
padding: min(0.5208333333vw, 10px) 0;
}
@media screen and (max-width: 750px) {
#classcal-type .classcal-white .classcal-sim__bottom h3 {
width: 100%;
font-size: 6.4vw;
margin: 0 auto 2.6666666667vw;
padding: 1.3333333333vw 0;
}
}
#classcal-type .classcal-white .classcal-sim__bottom p {
font-size: min(1.5625vw, 30px);
margin-bottom: min(1.5625vw, 30px);
}
@media screen and (max-width: 750px) {
#classcal-type .classcal-white .classcal-sim__bottom p {
font-size: 4vw;
margin-bottom: 4vw;
}
}
#classcal-type .classcal-white .classcal-sim__bottom div {
display: flex;
justify-content: center;
margin-bottom: min(1.5625vw, 30px);
}
@media screen and (max-width: 750px) {
#classcal-type .classcal-white .classcal-sim__bottom div {
margin-bottom: 4vw;
}
}
#classcal-type .classcal-white .classcal-sim__bottom div img {
text-align: center;
width: 20%;
}
@media screen and (max-width: 750px) {
#classcal-type .classcal-white .classcal-sim__bottom div img {
width: 15%;
}
}
#classcal-point img {
margin: min(3.125vw, 60px) 0;
}
@media screen and (max-width: 750px) {
#classcal-point img {
margin: 8vw 0;
}
}
#classcal-point h3 {
text-align: center;
color: #845438;
font-size: min(1.25vw, 24px);
font-weight: 700;
margin-bottom: min(1.0416666667vw, 20px);
}
@media screen and (max-width: 750px) {
#classcal-point h3 {
font-size: 4vw;
margin-bottom: 2.6666666667vw;
}
}
#classcal-point h4 {
text-align: center;
font-size: min(1.25vw, 24px);
font-weight: 700;
margin-bottom: min(3.125vw, 60px);
}
@media screen and (max-width: 750px) {
#classcal-point h4 {
font-size: 4vw;
margin-bottom: 8vw;
}
}
#classcal-point p {
text-align: center;
}
#classcal-point p + p {
margin-top: min(1.5625vw, 30px);
}
@media screen and (max-width: 750px) {
#classcal-point p + p {
margin-top: 4vw;
}
}
#faqbody {
margin-bottom: min(8.3333333333vw, 160px);
font-size: 1.1rem;
}
#faqbody.container {
max-width: 1000px;
}
#faqbody dl {
border: 1px solid #3a3a3a;
border-bottom: none;
padding: min(2.0833333333vw, 40px) min(4.1666666667vw, 80px);
}
#faqbody dl:last-of-type {
border-bottom: 1px solid #3a3a3a;
}
#faqbody dl dt {
position: relative;
cursor: pointer;
margin-bottom: min(1.5625vw, 30px);
}
#faqbody dl dt span {
font-size: min(1.25vw, 24px);
font-weight: 700;
margin-right: min(0.8333333333vw, 16px);
}
@media screen and (max-width: 750px) {
#faqbody dl dt span {
font-size: 4vw;
}
}
#faqbody dl dt::after {
content: "";
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
width: min(1.0416666667vw, 20px);
height: 1px;
background-color: #3a3a3a;
}
@media screen and (max-width: 750px) {
#faqbody dl dt::after {
width: 2.6666666667vw;
transform: translateY(0);
top: 80%;
}
}
#faqbody dl dt::before {
content: "";
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%) rotate(90deg);
width: min(1.0416666667vw, 20px);
height: 1px;
background-color: #3a3a3a;
transition-duration: 100ms;
}
@media screen and (max-width: 750px) {
#faqbody dl dt::before {
width: 2.6666666667vw;
transform: translateY(0) rotate(90deg);
top: 80%;
}
}
#faqbody dl dt.active::before {
transform: translateY(-50%) rotate(0);
}
#faqbody dl dd {
display: none;
}
#faqbody dl dd span {
color: #fa6a6a;
font-size: min(1.25vw, 24px);
font-weight: 700;
margin-right: min(0.8333333333vw, 16px);
}
@media screen and (max-width: 750px) {
#faqbody dl dd span {
font-size: 4vw;
}
}
#faqbody dl p + p {
margin-top: min(1.5625vw, 30px);
}
#single {
font-size: 1.1rem;
}
#single.container {
max-width: min(44.7916666667vw, 860px);
margin-top: min(9.375vw, 180px);
margin-bottom: min(8.3333333333vw, 160px);
}
@media screen and (max-width: 750px) {
#single.container {
min-width: 90.6666666667vw;
margin-top: 21.3333333333vw;
}
}
#single.container h2 {
text-align: left;
font-size: min(1.4583333333vw, 28px);
font-weight: 700;
margin-bottom: min(0.5208333333vw, 10px);
padding: 1rem 0;
border-top: 6px double #3a3a3a;
border-bottom: 6px double #3a3a3a;
}
@media screen and (max-width: 750px) {
#single.container h2 {
font-size: 4vw;
margin-bottom: 1.3333333333vw;
}
}
#single.container h2.h2title {
border: unset;
}
#single.container h3 {
font-size: min(1.1458333333vw, 22px);
font-weight: 700;
margin-bottom: min(1.5625vw, 30px);
border-bottom: 3px solid #3a3a3a;
}
@media screen and (max-width: 750px) {
#single.container h3 {
font-size: 3.7333333333vw;
margin-bottom: 4vw;
}
}
#single.container h4 {
font-size: min(0.9375vw, 18px);
font-weight: 700;
margin-bottom: min(1.5625vw, 30px);
padding: 1rem 2rem;
border-left: 8px solid #3a3a3a;
}
@media screen and (max-width: 750px) {
#single.container h4 {
font-size: 3.4666666667vw;
margin-bottom: 4vw;
}
}
#single.container hr {
border-top: 1px solid #3a3a3a;
margin: min(3.125vw, 60px) 0;
}
@media screen and (max-width: 750px) {
#single.container hr {
margin: 8vw 0;
}
}
#single.container span {
text-align: left;
margin-bottom: min(0.5208333333vw, 10px);
}
@media screen and (max-width: 750px) {
#single.container span {
margin-bottom: 1.3333333333vw;
}
}
#single.container ul {
list-style-type: disc;
padding-left: min(0.625vw, 12px);
}
@media screen and (max-width: 750px) {
#single.container ul {
padding-left: 1.6vw;
}
}
#single.container table tbody tr th {
text-align: center;
background-color: #e9e9e9;
}
#single.container table tbody tr th,
#single.container table tbody tr td {
border: 1px solid #3a3a3a;
padding: min(0.5208333333vw, 10px);
}
@media screen and (max-width: 750px) {
#single.container table tbody tr th,
#single.container table tbody tr td {
padding: 1.3333333333vw;
}
}
#single.container .single-thumb {
margin-bottom: min(1.5625vw, 30px);
text-align: center;
}
@media screen and (max-width: 750px) {
#single.container .single-thumb {
margin-bottom: 4vw;
}
}
#single.container .single-wrapper h2,
#single.container .single-wrapper h3,
#single.container .single-wrapper h4,
#single.container .single-wrapper h5 {
text-align: left;
margin: min(0.5208333333vw, 10px) 0 min(1.5625vw, 30px);
}
@media screen and (max-width: 750px) {
#single.container .single-wrapper h2,
#single.container .single-wrapper h3,
#single.container .single-wrapper h4,
#single.container .single-wrapper h5 {
margin: 1.3333333333vw 0 4vw;
}
}
#single.container .single-wrapper p {
margin-bottom: min(1.5625vw, 30px);
}
@media screen and (max-width: 750px) {
#single.container .single-wrapper p {
margin-bottom: 4vw;
}
}
#single.container .single-wrapper p + p {
margin-top: min(1.5625vw, 30px);
}
@media screen and (max-width: 750px) {
#single.container .single-wrapper p + p {
margin-top: 4vw;
}
}
#single.container .single-wrapper > figure {
margin: min(3.125vw, 60px) 0;
}
@media screen and (max-width: 750px) {
#single.container .single-wrapper > figure {
margin: 8vw 0;
}
}
#single.container .single-wrapper .wp-block-columns {
margin-top: min(3.125vw, 60px);
}
@media screen and (max-width: 750px) {
#single.container .single-wrapper .wp-block-columns {
margin-top: 8vw;
}
}
#single.container .single-wrapper .wp-block-columns .wp-block-column {
margin-right: min(1.5625vw, 30px);
}
@media screen and (max-width: 750px) {
#single.container .single-wrapper .wp-block-columns .wp-block-column {
margin-right: 0vw;
margin-bottom: 2.6666666667vw;
}
}
#single.container .single-wrapper .wp-block-columns .wp-block-column:last-of-type {
margin-right: 0;
}
#single.container .single-wrapper .gallery img {
height: auto;
}
#single.container .related {
margin-top: min(6.25vw, 120px);
}
@media screen and (max-width: 750px) {
#single.container .related {
margin-top: 16vw;
}
}
#single.container .related .related__h3block {
border-top: 1px solid #3a3a3a;
border-bottom: 1px solid #3a3a3a;
text-align: center;
padding: min(1.0416666667vw, 20px);
margin-bottom: min(3.125vw, 60px);
}
@media screen and (max-width: 750px) {
#single.container .related .related__h3block {
padding: 2.6666666667vw;
margin-bottom: 8vw;
}
}
#single.container .related .related__h3block h3 {
font-size: 1.6rem;
margin-bottom: min(0vw, 0px);
border-bottom: unset;
}
@media screen and (max-width: 750px) {
#single.container .related .related__h3block h3 {
font-size: 4vw;
margin-bottom: 0vw;
}
}
#single.container .related .related__h3block span {
font-size: 1.1rem;
}
#single.container .related ul {
display: flex;
justify-content: left;
flex-wrap: wrap;
list-style: none;
padding: 0;
}
@media screen and (max-width: 750px) {
#single.container .related ul {
justify-content: space-between;
}
}
#single.container .related ul li {
width: 32%;
margin-bottom: min(1.5625vw, 30px);
margin-right: 2%;
}
@media screen and (max-width: 750px) {
#single.container .related ul li {
width: 47.5%;
margin-bottom: 4vw;
margin-right: 2%;
}
}
#single.container .related ul li:nth-of-type(3n) {
margin-right: 0;
}
@media screen and (max-width: 750px) {
#single.container .related ul li:nth-of-type(3n) {
margin-right: 2%;
}
}
@media screen and (max-width: 750px) {
#single.container .related ul li:nth-of-type(2n) {
margin-right: 0%;
}
}
#single.container .related ul li h3 {
font-size: min(0.9375vw, 18px);
margin-bottom: min(0vw, 0px);
border-bottom: unset;
}
@media screen and (max-width: 750px) {
#single.container .related ul li h3 {
font-size: 3.2vw;
}
}
#single.container .related ul li span {
display: block;
}
#single.container .related ul li .related-item__img {
text-align: center;
}
#single.container .related .related-btn {
text-align: center;
border: 1px solid #3a3a3a;
width: min(11.9791666667vw, 230px);
height: min(2.6041666667vw, 50px);
display: flex;
justify-content: center;
align-items: center;
line-height: 1;
margin: min(3.125vw, 60px) auto min(6.25vw, 120px);
border-radius: min(2.6041666667vw, 50px);
font-size: 1.1rem;
}
@media screen and (max-width: 750px) {
#single.container .related .related-btn {
width: 40vw;
height: 8vw;
margin: 8vw auto 16vw;
border-radius: 6.6666666667vw;
}
}
#single.container .related.archive ul li {
width: 32%;
margin-bottom: min(3.125vw, 60px);
}
@media screen and (max-width: 750px) {
#single.container .related.archive ul li {
width: 47.5%;
margin-bottom: 8vw;
}
}
#single.container .related.archive ul h3 {
margin-bottom: 0;
}
#single.container .related.archive .related-item__img {
aspect-ratio: 12/8;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
#single.container .related.archive .pagenation .screen-reader-text {
display: none;
}
#single.container .related.archive .pagenation .page-numbers {
justify-content: center;
}
#single.container .related.archive .pagenation .page-numbers li {
width: auto;
margin: min(0vw, 0px) min(1.0416666667vw, 20px);
}
@media screen and (max-width: 750px) {
#single.container .related.archive .pagenation .page-numbers li {
margin: 0 2.6666666667vw;
}
}
#single.container .related.archive .pagenation .page-numbers li span {
position: relative;
}
#single.container .related.archive .pagenation .page-numbers li span.current {
color: #FFFFFF;
}
#single.container .related.archive .pagenation .page-numbers li span.current::after {
z-index: -1;
content: "";
position: absolute;
width: min(2.0833333333vw, 40px);
height: min(2.0833333333vw, 40px);
border-radius: 50%;
background-color: #9b9b9b;
top: 55%;
left: 50%;
transform: translate(-50%, -50%);
}
#single .single-categoryspan {
font-size: 1rem;
font-weight: 700;
display: block;
text-align: left;
margin-bottom: min(0.5208333333vw, 10px);
}
@media screen and (max-width: 750px) {
#single .single-categoryspan {
font-size: 3.2vw;
margin-bottom: 1.3333333333vw;
}
}
#single .single-pro {
display: flex;
align-items: flex-end;
font-size: 1rem;
}
@media screen and (max-width: 750px) {
#single .single-pro {
align-items: center;
}
}
#single .single-pro span {
margin-right: min(1.0416666667vw, 20px);
}
@media screen and (max-width: 750px) {
#single .single-pro span {
margin-right: 2.6666666667vw;
}
}
.category-lead {
margin-top: min(16.6666666667vw, 320px) !important;
}
.category-lead h3 {
text-align: center;
font-size: min(1.5625vw, 30px);
font-weight: 500;
margin: min(3.125vw, 60px) 0;
}
@media screen and (max-width: 750px) {
.category-lead h3 {
font-size: 6.4vw;
margin: 8vw 0;
}
}
.category-find {
border: 1px solid #3a3a3a;
padding: min(3.125vw, 60px) min(1.5625vw, 30px) min(1.5625vw, 30px);
font-size: min(0.625vw, 12px);
}
@media screen and (max-width: 750px) {
.category-find {
font-size: 2.9333333333vw;
padding: 4vw;
}
}
.category-find dl {
display: flex;
align-items: center;
flex-wrap: wrap;
font-size: min(0.8333333333vw, 16px);
}
@media screen and (max-width: 750px) {
.category-find dl {
flex-direction: column;
font-size: 2.6666666667vw;
}
}
.category-find dl dt {
width: 18%;
margin-right: 2%;
margin-bottom: min(1.5625vw, 30px);
padding-left: min(3.125vw, 60px);
}
@media screen and (max-width: 750px) {
.category-find dl dt {
width: 100%;
margin-right: 0;
margin-bottom: 1.3333333333vw;
padding-left: 0vw;
}
}
.category-find dl dd {
position: relative;
width: 80%;
display: flex;
margin-bottom: min(1.5625vw, 30px);
}
@media screen and (max-width: 750px) {
.category-find dl dd {
width: 100%;
margin-bottom: 4vw;
}
}
.category-find dl dd::before {
position: absolute;
content: "｜";
left: min(-1.0416666667vw, -20px);
top: 50%;
transform: translateY(-50%);
}
@media screen and (max-width: 750px) {
.category-find dl dd::before {
content: none;
}
}
.category-find dl dd .ddimg {
width: min(12.5vw, 240px);
margin-right: min(3.125vw, 60px);
}
@media screen and (max-width: 750px) {
.category-find dl dd .ddimg {
width: 30%;
margin-right: 2.6666666667vw;
}
}
.category-find dl dd .ddimg:last-of-type {
margin-right: 0;
}
.category-find dl dd ul {
display: flex;
}
@media screen and (max-width: 750px) {
.category-find dl dd ul {
flex-wrap: wrap;
}
}
.category-find dl dd ul li {
margin-right: min(1.5625vw, 30px);
padding: min(0vw, 0px) min(0.78125vw, 15px);
border: 1px solid #3a3a3a;
border-radius: min(0.5208333333vw, 10px);
}
@media screen and (max-width: 750px) {
.category-find dl dd ul li {
margin-right: 2.6666666667vw;
padding: 0.2666666667vw 2.1333333333vw;
margin-bottom: 2.6666666667vw;
border-radius: 1.3333333333vw;
}
}
.category-find dl dd ul li:last-of-type {
margin-right: 0;
}
.category-find dl dd input {
width: min(26.0416666667vw, 500px);
border: 1px solid #3a3a3a;
border-radius: min(1.5625vw, 30px);
padding: min(0.2604166667vw, 5px) min(1.5625vw, 30px);
margin-right: min(1.5625vw, 30px);
}
@media screen and (max-width: 750px) {
.category-find dl dd input {
width: 66.6666666667vw;
border: 1px solid #3a3a3a;
border-radius: 1.3333333333vw;
padding: 0.6666666667vw 4vw;
margin-right: 0vw;
margin-bottom: 2.6666666667vw;
}
}
.category-find dl dd button {
cursor: pointer;
border: 1px solid #999999;
border-radius: min(1.5625vw, 30px);
padding: min(0.2604166667vw, 5px) min(1.5625vw, 30px);
font-weight: 700;
color: #FFFFFF;
background-color: #999999;
}
@media screen and (max-width: 750px) {
.category-find dl dd button {
border-radius: 4vw;
padding: 1.3333333333vw 6.6666666667vw;
}
}
.findnone {
text-align: center;
margin: min(6.25vw, 120px);
}
@media screen and (max-width: 750px) {
.findnone {
margin: 16vw;
}
}
.related-tag {
display: none;
}
.related-tag.single-tag {
display: flex;
margin-top: min(0.5208333333vw, 10px);
font-size: 1rem;
}
@media screen and (max-width: 750px) {
.related-tag.single-tag {
font-size: 2.9333333333vw;
margin-top: 1.3333333333vw;
flex-wrap: wrap;
}
}
.related-tag.single-tag span {
margin-bottom: 0;
margin-right: min(0.5208333333vw, 10px);
padding: min(0vw, 0px) min(1.0416666667vw, 20px);
border: 1px solid #3a3a3a;
border-radius: min(0.5208333333vw, 10px);
background-color: #ffffff;
}
@media screen and (max-width: 750px) {
.related-tag.single-tag span {
margin-right: 1.3333333333vw;
padding: 0 2.6666666667vw;
border-radius: 1.3333333333vw;
}
}
.category-works #single.container .single-thumb,
.category-sale #single.container .single-thumb {
margin-bottom: min(0.5208333333vw, 10px);
text-align: center;
}
@media screen and (max-width: 750px) {
.category-works #single.container .single-thumb,
.category-sale #single.container .single-thumb {
margin-bottom: 1.3333333333vw;
}
}
.category-works #single.container .single-wrapper > figure,
.category-sale #single.container .single-wrapper > figure {
margin: min(3.125vw, 60px) 0 min(0.5208333333vw, 10px);
}
.category-works #single.container .single-wrapper p + h4,
.category-sale #single.container .single-wrapper p + h4 {
margin-top: min(3.125vw, 60px);
}
.category-works #single.container .single-wrapper h3 + h4,
.category-sale #single.container .single-wrapper h3 + h4 {
margin-top: min(3.125vw, 60px);
}
.category-works #single.container .related.archive ul .related-title,
.category-sale #single.container .related.archive ul .related-title {
text-align: left;
}
.category-works #single.container .related.archive ul .related-date,
.category-sale #single.container .related.archive ul .related-date {
display: none;
}
.category-works #single.container .related.archive ul .related-tag,
.category-sale #single.container .related.archive ul .related-tag {
display: flex;
flex-wrap: wrap;
margin-top: min(0.5208333333vw, 10px);
font-size: min(0.625vw, 12px);
}
@media screen and (max-width: 750px) {
.category-works #single.container .related.archive ul .related-tag,
.category-sale #single.container .related.archive ul .related-tag {
font-size: 2.9333333333vw;
margin-top: 1.3333333333vw;
}
}
.category-works #single.container .related.archive ul .related-tag span,
.category-sale #single.container .related.archive ul .related-tag span {
margin-bottom: min(0.5208333333vw, 10px);
margin-right: min(0.5208333333vw, 10px);
padding: min(0vw, 0px) min(1.0416666667vw, 20px);
border: 1px solid #3a3a3a;
border-radius: min(0.5208333333vw, 10px);
background-color: #ffffff;
}
@media screen and (max-width: 750px) {
.category-works #single.container .related.archive ul .related-tag span,
.category-sale #single.container .related.archive ul .related-tag span {
margin-right: 1.3333333333vw;
margin-bottom: 1.3333333333vw;
padding: 0 2.6666666667vw;
border-radius: 1.3333333333vw;
}
}
.category-works #single.container .related.archive ul .related-tag span:last-of-type,
.category-sale #single.container .related.archive ul .related-tag span:last-of-type {
margin-right: 0;
}
#privacy h2 {
font-size: min(1.5625vw, 30px);
font-weight: 500;
margin-bottom: min(3.125vw, 60px);
margin-top: min(6.25vw, 120px);
}
@media screen and (max-width: 750px) {
#privacy h2 {
font-size: 6.4vw;
}
}
#privacy h3 {
font-size: min(1.25vw, 24px);
font-weight: 500;
margin-bottom: min(1.5625vw, 30px);
}
@media screen and (max-width: 750px) {
#privacy h3 {
font-size: 4vw;
}
}
#privacy h4 {
font-size: min(1.25vw, 24px);
font-weight: 500;
margin-bottom: min(1.5625vw, 30px);
}
@media screen and (max-width: 750px) {
#privacy h4 {
font-size: 4vw;
}
}
#privacy p {
margin-bottom: min(1.5625vw, 30px);
}