@charset "UTF-8";
@media screen and (min-width: 1000px) {
.sp {
display: none;
}
.mb-100-75 {
margin-bottom: 100px !important;
}
.flex {
width: 100%;
height: auto;
}
.inner-1200 {
max-width: 1200px;
width: 100%;
margin: 0 auto;
}
.lp-wrap {
padding: 0 50px;
}
.sec-wrap {
padding: 100px 0;
}
}
@media screen and (max-width: 999px) {
.pc {
display: none;
}
.mb-100-75 {
margin-bottom: 75px !important;
}
.flex {
width: 100%;
height: auto;
}
.lp-wrap {
padding: 0 10px;
}
.sec-wrap {
padding: 75px 0;
}
}
.editor-area {
font-family: 'Noto Serif JP', serif;
word-wrap: break-word;
padding-bottom: 0.01em;
font-weight: 400;
}
.editor-area img.aligncenter {
display: block;
margin: 0 auto;
}
.lp p {
font-family: 'Noto Serif JP', serif;
}
figure {
margin: 1em 40px;
}
.lp li {
list-style: none;
}
.lp table {
border-collapse: collapse;
border-spacing: 0;
}
.lp td, th {
padding: 0;
}
.contact-sec {
position: relative;
z-index: 1;
}
.contact-wrap {
position: fixed;
top: 38%;
right: 5%;
z-index: 100;
}
.contact-wrap .follow-link-wrap {
position: relative;
top: auto;
right: auto;
}
.contact-wrap a.follow-link {
flex-grow: 1;
height: 60px;
font-size: 95%;
line-height: 1.5em;
letter-spacing: 0.25em;
text-align: center;
vertical-align: middle;
padding: 0;
margin-bottom: 0;
writing-mode: horizontal-tb;
}
.contact-wrap a.follow-link:after {
content: "";
position: absolute;
top: 50%;
right: 0;
width: 1px;
height: 100%;
background-color: #fff;
transform: translate(0, -50%);
}
.contact-wrap a.follow-link span {
position: absolute;
top: 50%;
left: 50%;
width: calc(100% - 35px);
transform: translate(-50%, -50%);
word-break: keep-all;
}
a.follow-link {
background-color: #707070;
}
.contact-wrap a.follow-link {
position: relative;
display: block;
font-size: 110%;
line-height: 1em;
letter-spacing: 0.25em;
text-decoration: none;
color: #fff;
padding: 60px 25px;
margin-bottom: 20px;
writing-mode: vertical-rl;
transition: 0.3s ease-in-out;
backface-visibility: hidden;
word-break: keep-all;
}
@media screen and (min-width: 1000px) {
.editor-area img {
max-width: 800px;
height: auto;
}
}
@media screen and (max-width: 999px) {
.editor-area h1, .editor-area h3 {
margin: 0;
}
.editor-area img {
width: 100%;
height: auto;
}
}
.scrollbar::-webkit-scrollbar:horizontal {
height: 5px;
}
.scrollbar::-webkit-scrollbar-piece:start {
background: rgba(0, 0, 0, 0.5);
background: transparent;
}
::-webkit-input-placeholder {
color: #999;
}
:-moz-placeholder, ::-moz-placeholder {
color: #999;
opacity: 1;
}
:-ms-input-placeholder {
color: #999;
}
.anchor {
position: relative;
top: -80px;
}
.scroll-in {
position: relative;
top: 0;
visibility: visible;
opacity: 1;
transition: 1s ease-in-out;
backface-visibility: hidden;
}
.scroll-in.hidden {
top: 50px;
visibility: hidden;
opacity: 0;
}
article section h1 {
font-size: 100%;
line-height: 1.5em;
font-weight: 400;
}
article section h1.type1 {
margin-bottom: 75px;
}
article section h1.type1 span.ja {
display: block;
font-size: 150%;
line-height: 1.5em;
letter-spacing: 0.1em;
font-weight: 700;
text-align: center;
}
article section h1.type1 span.ja.size3 {
font-size: 160%;
}
@media screen and (max-width: 999px) {
article section h1.type1 span.ja.size3 {
font-size: 120%;
}
}
article section h1.type1 span.en {
display: block;
font-family: "Allura";
font-size: 700%;
line-height: 1em;
font-weight: 400;
text-align: center;
}
article section h1.type1 span.en.size4 {
font-size: 600%;
}
article section h1.type1 span.en.size5 {
font-size: 700%;
}
article section h1.type3 {
margin-bottom: 50px;
}
article section h1.type3 span.ja {
display: block;
font-size: 150%;
line-height: 1.5em;
letter-spacing: 0.1em;
font-weight: 700;
text-align: center;
}
article section h1.type3 span.ja.size3 {
font-size: 160%;
font-family: 'Noto Serif JP', serif;
}
@media screen and (max-width: 999px) {
article section h1.type3 span.ja.size3 {
font-size: 120%;
}
}
article section h1.type3 span.en {
display: block;
font-family: "Libre Baskerville", serif;
font-size: 500%;
line-height: 1em;
font-weight: 400;
text-align: center;
margin-bottom: 15px;
}
article section h1.type3 span.en.size3 {
font-size: 400%;
}
article section .bg-dark {
color: #fff;
}
article section h3 {
font-family: 'Noto Serif JP', serif;
font-size: 100%;
line-height: 1.5em;
font-weight: 400;
}
ul.col-3-1 {
display: flex;
flex-wrap: wrap;
width: 100%;
}
ul.col-3-1 > li {
width: calc((100% - 100px) / 3);
margin-right: 50px;
list-style: none;
}
ul.col-3-1 > li div.pic {
position: relative;
}
ul.col-3-1 > li div.pic img {
width: 100%;
height: auto;
}
ul.col-3-1 > li:nth-of-type(3n) {
margin-right: 0;
}
figure.pic-txt-wrap {
display: flex;
flex-wrap: nowrap;
width: 100%;
align-items: flex-end;
}
@media screen and (max-width: 1100px) {
figure.pic-txt-wrap {
flex-wrap: wrap;
}
}
div.pic {
position: relative;
width: 50%;
}
@media screen and (max-width: 1100px) {
div.pic {
width: 100%;
}
}
div.pic img {
width: 100%;
height: auto;
}
figcaption {
width: 50%;
padding-left: 30px;
box-sizing: border-box;
}
@media screen and (max-width: 1100px) {
figcaption {
width: 100%;
}
}
figcaption.pic-r {
flex-direction: row-reverse;
}
figcaption {
padding-left: 30px;
}
@media screen and (max-width: 1000px) {
figcaption {
padding-right: 0;
}
}
@media screen and (min-width: 1000px) {
table.table.type2 tr {
font-family: 'Noto Serif JP', serif;
border-bottom: solid 1px #000;
}
table.table.type2 tr th {
min-width: 200px;
line-height: 1.8em;
font-weight: 700;
text-align: left;
vertical-align: top;
white-space: nowrap;
padding: 20px 0;
padding-right: 50px;
box-sizing: border-box;
}
table.table.type2 tr td {
width: 100%;
line-height: 1.8em;
vertical-align: top;
padding: 20px 0;
}
table.table.type2 tr:first-of-type {
border-top: solid 1px #000;
}
}
@media screen and (max-width: 999px) {
table.table.type2 tr th {
display: block;
word-break: break-all;
}
}
div.kv-wrap {
position: relative;
width: 100%;
height: calc(100vh - 50px);
max-height: 500px;
margin-bottom: 100px;
}
div.kv-wrap.pch100 {
height: calc(100vh - 80px);
}
div.kv-wrap div.top-kv {
position: relative;
height: 100%;
overflow: hidden;
}
div.kv-wrap div.top-kv img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: auto;
object-fit: cover;
}
div.kv-wrap div.kv-copy-wrap {
position: absolute;
top: 50%;
left: 0;
width: 100vw;
padding: 0 100px;
z-index: 1;
box-sizing: border-box;
transform: translate(0, -50%);
}
div.kv-wrap div.kv-copy-wrap.left {
text-align: left;
}
@media screen and (max-width: 1300px) {
div.kv-wrap {
height: 60vw;
}
div.kv-wrap.pch100 {
height: 60vw;
}
}
article#landingpage section div.sec-bgpic {
position: relative;
width: 100%;
overflow: hidden;
}
article#landingpage section div.sec-bgpic:after {
content: "";
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 1;
}
article#landingpage section div.sec-bgpic > img {
position: absolute;
top: 0;
left: 0;
width: 100%;
max-width: inherit;
height: 100%;
object-fit: cover;
transition: 0.3s ease-in-out;
backface-visibility: hidden;
}
article#landingpage section div.sec-bgpic > div {
position: relative;
z-index: 2;
}
article#landingpage section div.spacer-xs {
height: 80px;
}
article#landingpage section div.spacer-s {
height: 75px;
}
article#landingpage section div.gmap iframe {
display: block;
width: 100%;
height: 400px;
}
@media screen and (max-width: 999px) {
.anchor {
top: -60px;
}
article section h1 {
font-size: 70%;
line-height: 1.5em;
}
article section h1.type1 {
margin-bottom: 50px;
}
article section h1.type1 span.ja {
font-size: 130%;
line-height: 1.5em;
}
article section h1.type1 span.en {
font-size: 600%;
line-height: 1em;
}
article section h1.type3 {
margin-bottom: 50px;
}
article section h1.type3 span.ja {
font-size: 130%;
line-height: 1.5em;
}
article section h1.type3 span.en {
font-size: 350%;
line-height: 1em;
}
ul.col-3-1.list-common > li {
width: calc((100% - 50px) / 3);
margin-right: 25px;
}
ul.col-3-1.list-common > li:nth-of-type(3n) {
margin-right: 0;
}
figure.pic-txt-wrap {
display: block;
}
figure.pic-txt-wrap div.pic {
width: 100%;
margin-bottom: 30px;
}
figure.pic-txt-wrap figcaption {
width: 100%;
padding-left: 0;
}
figure.pic-txt-wrap.pic-r figcaption {
padding-right: 0;
}
table.table.type2 {
display: block;
}
table.table.type2 tbody {
display: block;
}
table.table.type2 tr {
display: block;
border-bottom: solid 1px #000;
}
table.table.type2 tr th {
line-height: 1.8em;
font-weight: 700;
text-align: left;
padding-top: 15px;
box-sizing: border-box;
}
table.table.type2 tr td {
width: 100%;
line-height: 1.8em;
vertical-align: top;
padding: 15px 0;
padding-top: 5px;
box-sizing: border-box;
}
table.table.type2 tr:first-of-type {
border-top: solid 1px #000;
}
div.kv-wrap {
position: relative;
width: 100%;
height: 100vw;
}
div.kv-wrap.sph100 {
height: 100vh;
}
div.kv-wrap div.top-kv {
position: relative;
height: 100%;
overflow: hidden;
}
div.kv-wrap div.top-kv img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: auto;
object-fit: cover;
transition: 0.3s ease-in-out;
backface-visibility: hidden;
}
div.kv-wrap div.kv-copy-wrap {
padding: 0 25px;
}
article#landingpage section div.spacer-xs {
height: 20px;
}
article#landingpage section div.spacer-s {
height: 50px;
}
article#landingpage section div.gmap iframe {
height: 450px;
}
}html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
font-weight: normal;
}
body {
line-height:1;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
display:block;
}
nav ul {
list-style:none;
}
blockquote, q {
quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content:'';
content:none;
}
a {
margin:0;
padding:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
text-decoration: none;
} ins {
background-color:#ff9;
color:#000;
text-decoration:none;
} mark {
background-color:#ff9;
color:#000; 
font-style:italic;
font-weight:bold;
}
del {
text-decoration: line-through;
}
abbr[title], dfn[title] {
border-bottom:1px dotted;
cursor:help;
}
table {
border-collapse:collapse;
border-spacing:0;
} hr {
display:block;
height:1px;
border:0;   
border-top:1px solid #cccccc;
margin:1em 0;
padding:0;
}
input, select {
vertical-align:middle;
}

* {
word-break: break-word;
box-sizing: border-box;
}
body {
font-family: "Optima", "Segoe UI", "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
color: #333333;
line-height: 1.8;
}
p {
font-size: clamp(0.813rem, 0.79rem + 0.11vw, 0.875rem);
}
a {
font-size: clamp(0.813rem, 0.79rem + 0.11vw, 0.875rem);
color: #333333;
}
a:hover {
cursor: pointer;
}
a:hover {
opacity: 0.5;
}
img {
width: 100%;
height: auto;
vertical-align: top;
}
ul,
ol,
li {
list-style: none;
font-size: clamp(0.813rem, 0.79rem + 0.11vw, 0.875rem);
}
th,
td {
font-size: clamp(0.813rem, 0.79rem + 0.11vw, 0.875rem);
}
div {
font-size: clamp(0.813rem, 0.79rem + 0.11vw, 0.875rem);
}
.pc-block {
display: block;
}
@media (max-width: 820px) {
.pc-block {
display: none;
}
}
.sp-block {
display: none;
}
@media (max-width: 820px) {
.sp-block {
display: block;
}
}
.responsive-br {
display: none;
}
@media (max-width: 1120px) {
.responsive-br {
display: block;
}
}
@media (max-width: 820px) {
.responsive-br {
display: none;
}
}
@media (max-width: 600px) {
.responsive-br {
display: block;
}
}
.main {
margin: 0;
}
@media (max-width: 820px) {
.main {
margin: 67px 0 0 0;
}
}
.section-style {
max-width: 860px;
margin: 0 auto;
}
.section-inner {
padding-left: 240px;
}
@media (max-width: 820px) {
.section-inner {
padding-left: 0;
}
}
.section-ttl {
padding: 2px 12px;
border-left: 1px solid #333333;
font-size: 28px;
display: inline-block;
}
.section-ttl--top-results {
padding: 2px 12px 20px 12px;
}
@media (max-width: 1120px) {
.section-ttl {
font-size: 24px;
}
}
@media (max-width: 600px) {
.section-ttl {
font-size: 21px;
}
}
.section-ttl__span {
display: block;
font-size: 14px;
text-align: left;
}
.section-sub-ttl__sub-ttl-wrap {
max-width: 920px;
margin: 0 auto 40px;
}
@media (max-width: 820px) {
.section-sub-ttl__sub-ttl-wrap {
padding: 0 12px;
margin: 0 auto 24px;
}
}
.section-sub-ttl__section-ttl {
padding: 4px 16px;
border-left: 4px solid #e2cdb6;
font-size: 24px;
display: inline-block;
}
@media (max-width: 1120px) {
.section-sub-ttl__section-ttl {
font-size: 20px;
}
}
.section-sub-ttl__section-ttl--reason {
border-left: none;
font-size: 21px;
color: #8c6239;
position: relative;
margin: 0 0 0 26px;
}
@media (max-width: 1120px) {
.section-sub-ttl__section-ttl--reason {
margin: 0;
margin: 0;
}
}
.section-sub-ttl__section-ttl--reason::before {
content: "";
position: absolute;
width: 100px;
height: 6px;
background-color: #e2cdb6;
bottom: -10px;
left: -4px;
transform: scale(0.6);
}
@media (max-width: 820px) {
.section-sub-ttl__section-ttl--reason {
padding: 0;
font-size: 18px;
}
.section-sub-ttl__section-ttl--reason::before {
left: -18px;
}
}
.section-sub-ttl__section-ttl--hirogalie {
border-left: none;
font-size: 21px;
position: relative;
margin: 0 0 0 26px;
color: #0068b7;
}
@media (max-width: 1120px) {
.section-sub-ttl__section-ttl--hirogalie {
margin: 0;
margin: 0;
}
}
.section-sub-ttl__section-ttl--hirogalie::before {
content: "";
position: absolute;
width: 100px;
height: 6px;
background-color: #e2cdb6;
bottom: -10px;
left: -4px;
transform: scale(0.6);
}
@media (max-width: 820px) {
.section-sub-ttl__section-ttl--hirogalie {
padding: 0;
font-size: 18px;
}
.section-sub-ttl__section-ttl--hirogalie::before {
left: -18px;
}
}
.section-sub-ttl__section-ttl--access {
border-left: none;
font-size: 20px;
color: #8c6239;
position: relative;
}
.section-sub-ttl__section-ttl--access::before {
content: "";
position: absolute;
width: 100px;
height: 6px;
background-color: #a8a8a8;
bottom: -4px;
left: -4px;
transform: scale(0.6);
}
@media (max-width: 1120px) {
.section-sub-ttl__section-ttl--access {
font-size: 18px;
}
}
.section-sub-ttl__section-ttl--staff {
position: relative;
}
.section-sub-ttl__section-ttl--staff::before {
content: "";
position: absolute;
width: 100px;
height: 6px;
background-color: #ffffff;
bottom: -10px;
left: -4px;
transform: scale(0.6);
}
.section-sub-ttl__section-ttl--before {
border-left: none;
font-size: 21px;
position: relative;
margin: 0 0 0 26px;
}
@media (max-width: 1120px) {
.section-sub-ttl__section-ttl--before {
margin: 0;
margin: 0;
}
}
.section-sub-ttl__section-ttl--before::before {
content: "";
position: absolute;
width: 100px;
height: 6px;
background-color: #e2cdb6;
bottom: -2px;
left: 4px;
transform: scale(0.8);
}
@media (max-width: 820px) {
.section-sub-ttl__section-ttl--before {
padding: 0;
font-size: 18px;
}
.section-sub-ttl__section-ttl--before::before {
left: -18px;
}
}
.btn-style { position: relative; text-decoration: none;
display: inline-block;
padding: 6px 28px 6px 18px;
text-align: center;
outline: none;
border: #333333 1px solid;
background-color: #fff;
width: 200px; transition: ease 0.2s;
}
.btn-style:hover {
color: #000;
}
.btn-style--auto {
width: auto;
}
.btn-style--left {
text-align: left;
} .btn-arrow::after {
content: ""; position: absolute;
top: 42%;
right: 13px; width: 6px;
height: 6px;
border-top: 1px solid #333333;
border-right: 1px solid #333333;
transform: rotate(45deg); transition: all 0.3s;
}
.btn-arrow:hover::after {
right: 11px;
}
.btn-arrow--top::after {
transform: rotate(-45deg); transition: all 0.3s;
}
.btn-arrow--top:hover::after {
top: 12px;
right: 13px;
}
.sub-page__ttl-wrap {
max-width: 920px;
margin: 0 auto 60px;
white-space: nowrap;
}
@media (max-width: 820px) {
.sub-page__ttl-wrap {
padding: 0 0 0 32px;
margin: 0 auto 24px;
white-space: normal;
}
}
.sub-page__sub-ttl-wrap {
max-width: 920px;
margin: 0 auto 40px;
}
@media (max-width: 820px) {
.sub-page__sub-ttl-wrap {
padding: 0 14px;
}
}
.sub-page__sub-ttl-span {
display: block;
font-size: 18px;
}
@media (max-width: 600px) {
.sub-page__sub-ttl-span {
font-size: 13px;
}
}
.sub-page__sub-ttl-span--information {
font-size: 15px;
}
@media (max-width: 600px) {
.sub-page__sub-ttl-span--information {
font-size: 13px;
margin-top: 8px;
}
}
.sub-page-top__ttl {
max-width: 920px;
margin: 24px auto;
font-size: 28px;
border-left: #c0c0c0 5px solid;
padding: 2px 20px;
letter-spacing: 2px;
}
@media (max-width: 820px) {
.sub-page-top__ttl {
margin: 76px 0 24px 24px;
font-size: 24px;
border-left: #c0c0c0 4px solid;
}
}
.sub-page-top__ttl-span {
display: block;
font-size: 18px;
}
.sub-page-top__breadcrumb-list-wrap {
background-color: #fbf8f5;
}
.sub-page-top__breadcrumb-list {
display: block;
max-width: 920px;
margin: 0 auto 40px;
font-size: 14px;
color: #897650;
padding: 0 0 0 12px;
}
.pager-style {
text-align: center;
padding: 0 12px;
}
.wp-pagenavi {
clear: both;
text-align: center;
}
.wp-pagenavi a, .wp-pagenavi span {
color: #795548;
background-color: #FFFFFF;
padding: 8px 15px;
margin: 0 2px;
white-space: nowrap;
transition: 0.2s ease-in-out;
text-align: center;
text-decoration: none;
border: thin dotted #795548;
}
@media (max-width: 600px) {
.wp-pagenavi a, .wp-pagenavi span {
padding: 2px 6px;
}
}
.wp-pagenavi a:hover {
color: #fff;
background-color: #795548;
}
.wp-pagenavi span.current {
color: #fff;
background-color: #795548;
font-size: 14px;
}
.pagenation-single {
position: relative;
margin: 0 auto 40px;
width: 280px;
}
.pagenation-single a:first-child {
position: absolute;
left: 32px;
transform: translateX(-50%);
}
.pagenation-single a:last-child {
position: absolute;
right: 1px;
transform: translateX(-50%);
}
.pagenation-single__center {
position: absolute;
left: 50% !important;
right: auto !important;
transform: translateX(-50%) !important;
}
.fade-in-js {
transform: scale(0.9);
transition: all 0.5s 0s linear;
opacity: 0;
}
.fade-in-js.action {
transform: scale(1);
opacity: 1;
}
select {
background-color: transparent;
border: none;
cursor: pointer;
outline: none;
padding: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
color: #000;
}
select {
background-color: transparent;
border: none;
cursor: pointer;
outline: none;
padding: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
color: #000;
font-family: "ヒラギノ角ゴシック";
font-size: 16px;
background: #efefef;
border: 1px solid #333;
border-radius: 4px;
padding: 4px 8px;
line-height: 1.5rem;
line-height: 2;
color: #333;
box-shadow: none;
padding: 0 24px 0 8px;
background: #fff url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E) no-repeat right 5px top 55%;
background-size: 16px 16px;
cursor: pointer;
}
.slick-prev:before {
background: url(//www.yasumoto.co.jp/cms/wp-content/themes/yasumoto2024/assets/img/top/main-visual-arrow_l.png) !important;
background-size: contain !important;
background-repeat: no-repeat !important;
font-size: 36px;
opacity: 1 !important;
}
.slick-next:before {
background: url(//www.yasumoto.co.jp/cms/wp-content/themes/yasumoto2024/assets/img/top/main-visual-arrow_r.png) !important;
background-size: contain !important;
background-repeat: no-repeat !important;
font-size: 36px;
opacity: 1 !important;
}
.slick-dots li {
width: 10px;
}
.slick-dots li.slick-active button:before {
color: #ad9667 !important;
opacity: 1 !important;
font-size: 10px;
}
.slick-dots li button:before {
font-size: 10px;
}
.page-style__block {
margin: 0 0 60px;
}
.page-style .aligncenter {
display: block;
margin: 0 auto;
}
.page-style .alignright {
display: block;
margin-left: auto;
}
.page-style img {
width: auto;
}
.page-style p {
margin: 0 0 12px;
}
.page-style h1 {
font-size: 20px;
margin: 24px 0 32px;
background: linear-gradient(transparent 80%, #f0e9e2 80%);
}
.page-style h2 {
font-size: 18px;
margin: 24px 0 20px;
color: #897650;
font-weight: bold;
}
.page-style h3 {
font-size: 18px;
margin: 24px 0 16px;
}
.page-style a {
text-decoration: underline;
}
.page-style ol {
margin: 0 0 12px 24px;
}
.page-style ol li {
list-style: decimal;
}
.page-style ul {
margin: 0 0 12px 24px;
line-height: 24px;
}
.page-style ul li {
list-style: disc;
} .page-results__content {
display: flex;
flex-wrap: wrap;
gap: 35px;
max-width: 1020px;
margin: 0 auto;
padding: 20px 12px 120px;
}
@media (max-width: 600px) {
.page-results__content {
padding: 0 20px 60px;
}
}
.page-results__item {
margin: 0 0 40px;
width: calc((100% - 40px) / 2);
}
@media (max-width: 600px) {
.page-results__item {
width: 100%;
margin: 0;
}
}
.page-results__item-ttl {
margin: 0 0 16px 40px;
}
@media (max-width: 600px) {
.page-results__item-ttl {
margin: 0 0 16px 8px;
}
}
.page-results__img {
margin: 0 0 16px;
}
.page-results__btn {
text-align: right;
} .archive-results__ttl-wrap {
display: flex;
max-width: 920px;
margin: 0 auto 40px;
justify-content: space-between;
align-items: center;
}
@media (max-width: 820px) {
.archive-results__ttl-wrap {
padding: 0 24px;
}
}
@media (max-width: 600px) {
.archive-results__ttl-wrap {
flex-direction: column;
align-items: flex-start;
gap: 24px;
}
}
.archive-results__content {
display: flex;
flex-wrap: wrap;
gap: 24px;
max-width: 1020px;
margin: 0 auto;
padding: 20px 12px 80px;
}
@media (max-width: 600px) {
.archive-results__content {
padding: 0 20px 40px;
justify-content: center;
}
}
.archive-results__item {
margin: 0 0 32px;
width: calc((100% - 48px) / 3);
}
@media (max-width: 1120px) {
.archive-results__item {
width: calc((100% - 24px) / 2);
}
}
@media (max-width: 600px) {
.archive-results__item {
width: 100%;
max-width: 400px;
margin: 0 0 12px;
}
}
.archive-results__item-img {
margin: 0 0 12px;
}
.archive-results__item-img img {
aspect-ratio: 3/2;
-o-object-fit: cover;
object-fit: cover;
}
.archive-results__ttl {
font-weight: bold;
}
.archive-results__pager {
text-align: center;
margin: 0 0 80px;
}
@media (max-width: 600px) {
.archive-results__pager {
margin: 0 0 40px;
}
}
.archive-results__btn {
text-align: center;
margin: 0 0 120px;
}
@media (max-width: 600px) {
.archive-results__btn {
margin: 0 0 60px;
}
} .single-results__ttl-wrap {
max-width: 920px;
margin: 0 auto 40px;
}
@media (max-width: 820px) {
.single-results__ttl-wrap {
padding: 0 24px;
}
}
.single-results__text-wrap {
max-width: 920px;
margin: 0 auto 80px;
}
@media (max-width: 820px) {
.single-results__text-wrap {
margin: 0 auto 40px;
}
}
.single-results__text-wrap--reform {
margin: 0 auto 120px;
padding: 0 12px;
}
@media (max-width: 820px) {
.single-results__text-wrap--reform {
margin: 0 auto 60px;
}
}
.single-results__lead {
font-size: 24px;
margin: 0 0 8px;
}
@media (max-width: 600px) {
.single-results__lead {
font-size: 20px;
}
}
.single-results__top {
padding: 0 20px;
}
.single-results__top-img {
max-width: 1020px;
margin: 0 auto 80px;
}
.single-results__top-img img {
aspect-ratio: 3/2;
-o-object-fit: cover;
object-fit: cover;
}
@media (max-width: 820px) {
.single-results__top-img {
margin: 0 auto 40px;
}
}
.single-results__img-wrap {
max-width: 920px;
margin: 0 auto 160px;
display: flex;
flex-wrap: wrap;
gap: 40px;
padding: 0 20px;
}
@media (max-width: 820px) {
.single-results__img-wrap {
gap: 24px;
margin: 0 auto 60px;
}
}
.single-results__img-item {
width: calc((100% - 40px) / 2);
}
.single-results__img-item img {
aspect-ratio: 3/2;
-o-object-fit: cover;
object-fit: cover;
}
@media (max-width: 820px) {
.single-results__img-item {
width: calc((100% - 24px) / 2);
}
}
.single-results__img-item:nth-of-type(3n) {
width: 100%;
}
.single-results__bottom {
max-width: 920px;
margin: 0 auto 120px;
padding: 0 20px;
}
@media (max-width: 820px) {
.single-results__bottom {
margin: 0 auto 60px;
}
}
.single-results__bottom-ttl {
font-size: 20px;
margin: 0 0 4px 10px;
}
@media (max-width: 600px) {
.single-results__bottom-ttl {
font-size: 18px;
}
}
.single-results__table-wrap table {
width: 100%;
border-top: 1px solid #000;
}
@media (max-width: 600px) {
.single-results__table-wrap table {
font-size: 13px;
}
}
.single-results__table-wrap th {
text-align: left;
width: 200px;
padding: 4px 10px;
border-bottom: 1px solid #000;
}
@media (max-width: 600px) {
.single-results__table-wrap th {
width: 100px;
padding: 4px 0 4px 10px;
}
}
.single-results__table-wrap td {
padding: 4px 10px;
border-bottom: 1px solid #000;
}
.single-results__tr {
border-bottom: 1px solid #000;
border-collapse: collapse;
}
.single-results__reform-wrap {
max-width: 920px;
margin: 0 auto 100px;
padding: 0 20px;
}
@media (max-width: 600px) {
.single-results__reform-wrap {
margin: 0 auto 60px;
}
}
.single-results__reform-item {
display: flex;
align-items: center;
gap: 10px;
margin: 0 0 40px;
}
@media (max-width: 600px) {
.single-results__reform-item {
gap: 4px;
}
}
.single-results__reform-item:first-of-type .single-results__reform-left-img {
position: relative;
}
.single-results__reform-item:first-of-type .single-results__reform-left-img::before {
content: "Before";
position: absolute;
top: -32px;
left: 50%;
transform: translateX(-50%);
font-size: 20px;
}
@media (max-width: 600px) {
.single-results__reform-item:first-of-type .single-results__reform-left-img::before {
font-size: 16px;
top: -28px;
}
}
.single-results__reform-item:first-of-type .single-results__reform-right-img {
position: relative;
}
.single-results__reform-item:first-of-type .single-results__reform-right-img::before {
content: "After";
position: absolute;
top: -32px;
left: 50%;
transform: translateX(-50%);
font-size: 20px;
}
@media (max-width: 600px) {
.single-results__reform-item:first-of-type .single-results__reform-right-img::before {
font-size: 16px;
top: -28px;
}
}
.single-results__reform-left-img {
flex: 1;
}
.single-results__reform-arrow {
width: 35px;
}
@media (max-width: 600px) {
.single-results__reform-arrow {
width: 20px;
}
}
.single-results__reform-right-img {
flex: 1;
}
.single-results__before-wrap {
padding: 0 20px;
}
.single-results__before-img-wrap {
max-width: 940px;
margin: 0 auto 120px;
display: flex;
padding: 24px;
gap: 24px;
flex-wrap: wrap;
background-color: #faf5eb;
border: #ad9668 1px solid;
}
@media (max-width: 600px) {
.single-results__before-img-wrap {
padding: 12px;
gap: 12px;
margin: 0 auto 60px;
}
}
.single-results__before-item {
width: calc((100% - 58px) / 3);
}
@media (max-width: 600px) {
.single-results__before-item {
width: calc((100% - 12px) / 2);
}
}
.single-results__before-item img {
aspect-ratio: 4/3;
-o-object-fit: cover;
object-fit: cover;
} .page-service__section {
padding: 0 0 120px;
}
@media (max-width: 600px) {
.page-service__section {
padding: 0 0 60px;
}
}
.page-service__item {
height: 580px;
background: linear-gradient(180deg, #fff 0%, #fff 32%, #fbf8f5 32%, #fbf8f5 100%);
padding: 60px 12px 0 260px;
}
@media (max-width: 1120px) {
.page-service__item {
height: auto;
}
}
@media (max-width: 820px) {
.page-service__item {
padding: 40px 12px;
}
.page-service__item:nth-of-type(1) {
padding: 0 12px 40px;
}
}
@media (max-width: 600px) {
.page-service__item {
height: auto;
background: linear-gradient(180deg, #fff 0%, #fff 18%, #fbf8f5 18%, #fbf8f5 100%);
}
}
.page-service__item-inner {
display: flex;
max-width: 920px;
margin: 0 auto;
gap: 32px;
}
@media (max-width: 600px) {
.page-service__item-inner {
flex-direction: column;
gap: 28px;
}
}
.page-service__item-left {
max-width: 427px;
}
@media (max-width: 600px) {
.page-service__item-left {
margin: 0 auto;
}
}
.page-service__item-text {
padding: 12px;
}
.page-service__item-ttl {
margin: 0 0 40px;
}
@media (max-width: 600px) {
.page-service__item-ttl {
margin: 0 0 22px 24px;
}
}
.page-service__item-link-wrap {
margin: 0 0 0 28px;
display: flex;
flex-direction: column;
gap: 18px;
}
@media (max-width: 600px) {
.page-service__item-link-wrap {
margin: 0 0 0 56px;
}
} .page-chumon__top-img {
max-width: 1020px;
margin: 0 auto 80px;
}
@media (max-width: 820px) {
.page-chumon__top-img {
margin: 0 auto 40px;
}
}
.page-chumon__tex-wrap {
max-width: 1020px;
margin: 0 auto 80px;
display: flex;
align-items: center;
justify-content: center;
gap: 40px;
padding: 0 20px;
}
@media (max-width: 1120px) {
.page-chumon__tex-wrap {
flex-direction: column;
}
}
@media (max-width: 820px) {
.page-chumon__tex-wrap {
margin: 0 auto 40px;
}
}
@media (max-width: 600px) {
.page-chumon__tex-wrap {
gap: 24px;
}
}
.page-chumon__left {
max-width: 420px;
}
.page-chumon__right-item {
display: flex;
align-items: center;
margin: 0 0 24px;
gap: 20px;
}
.page-chumon__right-item:last-of-type {
margin: 0;
}
@media (max-width: 600px) {
.page-chumon__right-item {
gap: 8px;
}
}
.page-chumon__right-item-left img {
width: 40px;
}
@media (max-width: 600px) {
.page-chumon__right-item-left img {
width: 30px;
}
}
.page-chumon__right-item-lead {
font-size: 22px;
margin: 0 0 4px;
}
@media (max-width: 600px) {
.page-chumon__right-item-lead {
font-size: 18px;
}
}
.page-chumon__text {
max-width: 540px;
margin: 0 auto 80px;
padding: 0 20px;
}
@media (max-width: 600px) {
.page-chumon__text {
margin: 0 auto 40px;
}
}
.page-chumon__bnr {
display: block;
max-width: 760px;
margin: 0 auto 80px;
padding: 0 8px;
}
@media (max-width: 600px) {
.page-chumon__bnr {
margin: 0 auto 40px;
}
} .page-soundproof__section01 {
padding: 0 12px 120px;
}
@media (max-width: 600px) {
.page-soundproof__section01 {
padding: 0 12px 60px;
}
}
.page-soundproof__top-img {
max-width: 820px;
margin: 0 auto 40px;
display: flex;
gap: 20px;
}
@media (max-width: 600px) {
.page-soundproof__top-img {
gap: 8px;
}
}
.page-soundproof__text-wrap {
max-width: 820px;
margin: 0 auto 60px;
}
@media (max-width: 600px) {
.page-soundproof__text-wrap {
margin: 0 auto 40px;
}
}
.page-soundproof__section01-img01 {
max-width: 520px;
margin: 0 auto 24px;
}
@media (max-width: 600px) {
.page-soundproof__section01-img01 {
margin: 0 auto 12px;
}
}
.page-soundproof__section01-img01 img {
border: #c1c1c1 1px solid;
}
.page-soundproof__section01-btn-wrap {
max-width: 820px;
margin: 0 auto 60px;
text-align: right;
}
@media (max-width: 600px) {
.page-soundproof__section01-btn-wrap {
margin: 0 auto 40px;
}
}
.page-soundproof__btn01 {
display: inline-block;
max-width: 300px;
}
.page-soundproof__notice-wrap {
max-width: 820px;
margin: 0 auto 60px;
border-radius: 8px;
}
@media (max-width: 600px) {
.page-soundproof__notice-wrap {
margin: 0 auto 24px;
}
}
.page-soundproof__notice-top-ttl {
background-color: #1c1696;
color: #fff;
text-align: center;
padding: 9px;
border-radius: 8px 8px 0 0;
}
.page-soundproof__notice-top-text {
padding: 24px;
border-left: #1c1696 1px solid;
border-right: #1c1696 1px solid;
}
.page-soundproof__notice-bottom {
border-top: #1c1696 1px dotted;
border-left: #1c1696 1px solid;
border-right: #1c1696 1px solid;
border-bottom: #1c1696 1px solid;
}
.page-soundproof__notice-bottom-ttl {
width: 200px;
margin: 24px auto 0;
text-align: center;
border: #1c1696 1px solid;
border-radius: 25px;
background-color: #fff;
}
.page-soundproof__notice-bottom-text {
padding: 24px;
}
.page-soundproof__btn02 {
display: inline-block;
max-width: 400px;
}
.page-soundproof__hr {
max-width: 300px;
margin: 0 auto 60px;
}
@media (max-width: 600px) {
.page-soundproof__hr {
margin: 0 auto 40px;
}
}
.page-soundproof__section01-img02 {
max-width: 820px;
margin: 0 auto;
}
.page-soundproof__section02 {
padding: 0 12px 100px;
}
@media (max-width: 600px) {
.page-soundproof__section02 {
padding: 0 12px 60px;
}
}
.page-soundproof__section02-img01 {
max-width: 820px;
margin: 0 auto;
}
.page-soundproof__section03 {
padding: 0 12px 100px;
}
@media (max-width: 600px) {
.page-soundproof__section03 {
padding: 0 12px 60px;
}
}
.page-soundproof__section03-img01 {
max-width: 820px;
margin: 0 auto 40px;
}
.page-soundproof__section03-bnr {
display: block;
max-width: 680px;
margin: 0 auto 40px;
}
.page-soundproof__section04 {
padding: 0 12px 100px;
}
@media (max-width: 600px) {
.page-soundproof__section04 {
padding: 0 12px 60px;
}
}
.page-soundproof__section04-img01 {
max-width: 820px;
margin: 0 auto 40px;
}
.page-soundproof__section04-img02 {
max-width: 620px;
margin: 0 auto 60px;
}
.page-soundproof__table-wrap {
max-width: 820px;
margin: 0 auto 40px;
}
.page-soundproof__table {
border-collapse: collapse;
border-top: #c69c6d 1px solid;
}
.page-soundproof__table tr {
border-bottom: #c69c6d 1px solid;
border-collapse: collapse;
}
.page-soundproof__table tr:nth-of-type(even) {
background-color: #f9f5f0;
}
.page-soundproof__table th {
border-collapse: collapse;
vertical-align: middle;
padding: 18px;
width: 150px;
color: #8c6239;
}
@media (max-width: 600px) {
.page-soundproof__table th {
padding: 8px;
width: 130px;
}
}
.page-soundproof__table td {
border-collapse: collapse;
vertical-align: middle;
padding: 18px;
}
@media (max-width: 600px) {
.page-soundproof__table td {
padding: 8px;
}
}
.page-soundproof__table-text {
margin: 0 0 12px;
}
.page-soundproof__table-text:last-child {
margin: 0;
}
.page-soundproof__section05 {
padding: 0 12px 100px;
}
@media (max-width: 600px) {
.page-soundproof__section05 {
padding: 0 12px 60px;
}
}
.page-soundproof__section05-item {
max-width: 820px;
margin: 0 auto 40px;
border: #c69c6d 1px solid;
background-color: #f9f5f0;
padding: 12px;
}
.page-soundproof__section05-item:last-child {
margin: 0 auto;
}
.page-soundproof__section05-item-inner {
background-color: rgba(255, 255, 255, 0.6274509804);
padding: 12px;
}
.page-soundproof__section05-item-text {
margin: 0 0 12px;
}
.page-soundproof__section05-item-text:last-child {
margin: 0;
}
.page-soundproof__section05-item-text--maker {
display: inline-block;
background: linear-gradient(rgba(0, 0, 0, 0) 80%, #f1ef48 80%);
}
.page-soundproof__span {
background: linear-gradient(rgba(0, 0, 0, 0) 80%, #f1ef48 80%);
font-size: 130%;
}
.soundproof-section02-box {
max-width: 840px;
margin: 20px auto 100px;
display: flex;
gap: 10px;
}
@media (max-width: 600px) {
.soundproof-section02-box {
flex-direction: column;
align-items: center;
margin: 20px auto 40px;
}
}
.soundproof-section02-box__item {
width: calc((100% - 20px) / 3);
border: 1px solid #c69c6d;
}
@media (max-width: 600px) {
.soundproof-section02-box__item {
width: 100%;
max-width: 400px;
}
}
.soundproof-section02-box__ttl {
background-color: #fbf8f5;
text-align: center;
padding: 12px;
font-size: 18px;
margin: 0 0;
color: #c69c6d;
}
.soundproof-section02-box__img {
max-width: 120px;
margin: 0 auto 24px;
}
@media (max-width: 600px) {
.soundproof-section02-box__img {
margin: 0 auto 8px;
}
}
.soundproof-section02-box__img--03 {
max-width: 110px;
margin: 12px auto 24px;
}
@media (max-width: 600px) {
.soundproof-section02-box__img--03 {
margin: 12px auto 8px;
}
}
.soundproof-section02-box__text {
padding: 12px;
}
.soundproof-section02-box__span {
background-color: #fff000;
} .page-microgrid__section01 {
padding: 0 12px 100px;
}
@media (max-width: 600px) {
.page-microgrid__section01 {
padding: 0 12px 60px;
}
}
.page-microgrid__top-text {
max-width: 820px;
margin: 0 auto 24px;
font-size: 22px;
}
@media (max-width: 600px) {
.page-microgrid__top-text {
font-size: 18px;
}
}
.page-microgrid__top-img {
max-width: 820px;
margin: 0 auto 40px;
display: flex;
gap: 20px;
border: #c69c6d 1px solid;
}
@media (max-width: 600px) {
.page-microgrid__top-img {
gap: 8px;
}
}
@media (max-width: 820px) {
.page-microgrid__top-img {
flex-direction: column;
max-width: 420px;
}
}
.page-microgrid__text-wrap {
max-width: 820px;
margin: 0 auto 60px;
}
@media (max-width: 600px) {
.page-microgrid__text-wrap {
margin: 0 auto 40px;
}
}
.page-microgrid__text {
margin: 0 0 24px;
}
.page-microgrid__text:last-child {
margin: 0 0;
}
.page-microgrid__top-img-left {
flex: 1;
}
.page-microgrid__top-img-right {
width: 400px;
position: relative;
}
@media (max-width: 1120px) {
.page-microgrid__top-img-right {
min-height: 100px;
width: 360px;
}
}
.page-microgrid__top-img-right p {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
min-width: 320px;
font-size: 17px;
padding: 12px 0;
}
@media (max-width: 1120px) {
.page-microgrid__top-img-right p {
font-size: 14px;
}
}
.page-microgrid__section01-box {
max-width: 820px;
margin: 0 auto 60px;
display: flex;
align-items: center;
gap: 40px;
}
@media (max-width: 600px) {
.page-microgrid__section01-box {
flex-direction: column;
gap: 30px;
margin: 0 auto 40px;
}
}
.page-microgrid__section01-left {
width: 300px;
}
@media (max-width: 600px) {
.page-microgrid__section01-left {
width: 200px;
}
}
.page-microgrid__section01-btn-wrap {
display: block;
max-width: 420px;
margin: 0 auto 24px;
}
@media (max-width: 600px) {
.page-microgrid__section01-btn-wrap {
margin: 0 auto 24px;
}
}
.page-microgrid__section02 {
padding: 0 12px 100px;
}
@media (max-width: 600px) {
.page-microgrid__section02 {
padding: 0 12px 60px;
}
}
.page-microgrid__table-wrap {
max-width: 820px;
margin: 0 auto 60px;
}
.page-microgrid__table {
width: 100%;
border-collapse: collapse;
border-top: #c69c6d 1px solid;
}
.page-microgrid__table--ttl {
border-top: none;
}
.page-microgrid__table tr {
border-bottom: #c69c6d 1px solid;
border-collapse: collapse;
}
.page-microgrid__table th {
border-collapse: collapse;
vertical-align: middle;
padding: 18px;
width: 220px;
color: #8c6239;
background-color: #f9f5f0;
text-align: left;
}
@media (max-width: 600px) {
.page-microgrid__table th {
padding: 8px;
width: 130px;
}
}
.page-microgrid__table td {
border-collapse: collapse;
vertical-align: middle;
padding: 18px;
}
@media (max-width: 600px) {
.page-microgrid__table td {
padding: 8px;
}
}
.page-microgrid__table-ttl {
border-top: none;
}
.page-microgrid__table-ttl th {
background-color: #fff;
padding-bottom: 2px;
}
.page-microgrid__table-ttl td {
padding-bottom: 2px;
}
.page-microgrid__table02-td {
width: 150px;
}
@media (max-width: 600px) {
.page-microgrid__table02-td {
width: 100px;
}
}
.page-microgrid__section03 {
padding: 0 12px 100px;
}
@media (max-width: 600px) {
.page-microgrid__section03 {
padding: 0 12px;
}
}
.page-microgrid__section03-img01 {
max-width: 780px;
margin: 0 auto 40px;
}
.page-microgrid__table02 {
width: 100%;
border-collapse: collapse;
}
.page-microgrid__table02 th {
border-collapse: collapse;
border: #c69c6d 1px solid;
vertical-align: middle;
padding: 6px 18px;
width: 220px;
color: #8c6239;
background-color: #f9f5f0;
}
@media (max-width: 600px) {
.page-microgrid__table02 th {
padding: 2px;
width: 130px;
font-size: 12px;
}
}
.page-microgrid__table02 td {
border-collapse: collapse;
border: #c69c6d 1px solid;
text-align: center;
vertical-align: middle;
padding: 6px 18px;
}
@media (max-width: 600px) {
.page-microgrid__table02 td {
padding: 8px;
}
}
.page-microgrid__section04 {
padding: 60px 12px 60px;
background-color: #f9f5f0;
margin: 0 0 100px;
}
@media (max-width: 600px) {
.page-microgrid__section04 {
padding: 40px 12px 40px;
margin: 0 0 60px;
}
}
.page-microgrid__section04-text {
text-align: center;
font-size: 20px;
margin: 0 0 24px;
}
@media (max-width: 600px) {
.page-microgrid__section04-text {
font-size: 16px;
}
} .page-tochi__section01 {
padding: 0 12px 100px;
}
@media (max-width: 600px) {
.page-tochi__section01 {
padding: 0 12px 20px;
}
}
.page-tochi__top-img {
max-width: 600px;
margin: 0 auto 60px;
}
@media (max-width: 600px) {
.page-tochi__top-img {
margin: 0 auto 40px;
}
}
.page-tochi__text-wrap {
max-width: 820px;
margin: 0 auto 60px;
}
@media (max-width: 600px) {
.page-tochi__text-wrap {
margin: 0 auto 40px;
}
}
.page-tochi__section01-flex {
max-width: 780px;
margin: 0 auto 80px;
display: flex;
gap: 50px;
}
@media (max-width: 600px) {
.page-tochi__section01-flex {
margin: 0 auto 40px;
flex-direction: column;
gap: 50px;
}
}
.page-tochi__section01-btn {
text-align: center;
margin: 32px 0 0;
}
.page-tochi__section02 {
padding: 0 12px 100px;
}
@media (max-width: 600px) {
.page-tochi__section02 {
padding: 0 12px 20px;
}
} .page-eco-vivre__section01 {
padding: 0 12px 100px;
}
@media (max-width: 600px) {
.page-eco-vivre__section01 {
padding: 0 12px 40px;
}
}
.page-eco-vivre__top-img {
max-width: 920px;
margin: 0 auto 60px;
}
@media (max-width: 600px) {
.page-eco-vivre__top-img {
margin: 0 auto 40px;
}
}
.page-eco-vivre__top-img img {
max-width: 400px;
}
.page-eco-vivre__img01 {
max-width: 920px;
margin: 0 auto 80px;
}
@media (max-width: 600px) {
.page-eco-vivre__img01 {
margin: 0 auto 40px;
}
}
.page-eco-vivre__text-wrap {
max-width: 820px;
margin: 0 auto 60px;
}
@media (max-width: 600px) {
.page-eco-vivre__text-wrap {
margin: 0 auto 40px;
}
}
.page-eco-vivre__text {
margin: 0 0 24px;
}
.page-eco-vivre__text:last-child {
margin: 0 0;
}
.page-eco-vivre__section01-flex {
max-width: 820px;
margin: 0 auto 80px;
display: flex;
gap: 50px;
align-items: center;
}
@media (max-width: 1120px) {
.page-eco-vivre__section01-flex {
gap: 24px;
}
}
@media (max-width: 600px) {
.page-eco-vivre__section01-flex {
margin: 0 auto 60px;
flex-direction: column;
gap: 12px;
}
}
.page-eco-vivre__section01-left {
flex: 1;
max-width: 440px;
}
@media (max-width: 820px) {
.page-eco-vivre__section01-left {
flex: auto;
order: 2;
}
}
.page-eco-vivre__section01-btn {
text-align: center;
margin: 32px 0 0;
}
.page-eco-vivre__flex-ttl {
margin: 0 0 0 -14px;
}
.page-eco-vivre__img-text {
text-align: center;
text-indent: 0.25em;
line-height: 1.5;
display: flex;
align-items: center;
margin: 12px 0 0;
}
.page-eco-vivre__img-text::before {
content: "";
height: 2px;
flex-grow: 1;
background-color: #e5e5e5;
text-decoration: inherit;
vertical-align: inherit;
box-sizing: border-box;
margin-right: 1rem;
}
.page-eco-vivre__img-text::after {
content: "";
height: 2px;
flex-grow: 1;
background-color: #e5e5e5;
text-decoration: inherit;
vertical-align: inherit;
box-sizing: border-box;
margin-left: 1rem;
}
.page-eco-vivre__section01-link {
display: block;
max-width: 820px;
margin: -20px auto 0;
} .page-willstyle__section01 {
padding: 0 12px 100px;
}
@media (max-width: 600px) {
.page-willstyle__section01 {
padding: 0 12px 40px;
}
}
.page-willstyle__top-img {
max-width: 920px;
margin: 0 auto 60px;
}
@media (max-width: 600px) {
.page-willstyle__top-img {
margin: 0 auto 40px;
}
}
.page-willstyle__top-img img {
max-width: 400px;
}
.page-willstyle__img01 {
max-width: 920px;
margin: 0 auto 80px;
}
@media (max-width: 600px) {
.page-willstyle__img01 {
margin: 0 auto 40px;
}
}
.page-willstyle__text-wrap {
max-width: 820px;
margin: 0 auto 60px;
}
@media (max-width: 600px) {
.page-willstyle__text-wrap {
margin: 0 auto 40px;
}
}
.page-willstyle__text {
margin: 0 0 24px;
}
.page-willstyle__text:last-child {
margin: 0 0;
}
.page-willstyle__text--section02 {
font-size: 24px;
line-height: 1.8;
}
@media (max-width: 600px) {
.page-willstyle__text--section02 {
font-size: 17px;
line-height: 1.8;
}
}
.page-willstyle__flex {
max-width: 820px;
margin: 0 auto 60px;
display: flex;
gap: 12px;
flex-wrap: wrap;
}
.page-willstyle__flex-item {
width: calc((100% - 36px) / 4);
}
@media (max-width: 600px) {
.page-willstyle__flex-item {
width: calc((100% - 12px) / 2);
}
}
.page-willstyle__flex-ttl {
color: #8c6239;
margin: 8px 0;
}
.page-willstyle__text-box {
border: #c69c6d 1px solid;
border-radius: 4px;
padding: 12px;
max-width: 680px;
margin: 0 auto 24px;
transform: translateX(-68px);
}
@media (max-width: 1120px) {
.page-willstyle__text-box {
transform: translateX(0);
}
}
.page-willstyle__text-box--section02 {
margin: 0 auto 60px;
}
.page-willstyle__text-box-ttl {
color: #8c6239;
margin: 0 0 12px;
}
.page-willstyle__section01-img01 {
max-width: 540px;
margin: 0 auto 32px;
}
.page-willstyle__text-box02 {
max-width: 540px;
margin: 0 auto 60px;
}
.page-willstyle__text-box02-ttl {
font-size: 19px;
}
.page-willstyle__section02 {
padding: 0 12px 100px;
}
@media (max-width: 600px) {
.page-willstyle__section02 {
padding: 0 12px 40px;
}
}
.page-willstyle__section02-img01 {
max-width: 820px;
margin: 0 auto 32px;
}
.page-willstyle__section02-img01 img {
border: #c69c6d 1px solid;
border-radius: 4px;
padding: 12px;
display: inline-block;
margin: 4px 0 0;
} .page-public__section01 {
padding: 0 12px 100px;
}
@media (max-width: 600px) {
.page-public__section01 {
padding: 0 12px 40px;
}
}
.page-public__top-img {
max-width: 820px;
margin: 0 auto 60px;
}
@media (max-width: 600px) {
.page-public__top-img {
margin: 0 auto 40px;
}
}
.page-public__top-text-wrap {
max-width: 820px;
margin: 0 auto 32px;
}
.page-public__top-text {
font-size: 20px;
display: inline-block;
background: linear-gradient(rgba(0, 0, 0, 0) 50%, #f1ef48 50%);
}
@media (max-width: 600px) {
.page-public__top-text {
font-size: 16px;
}
}
.page-public__text-wrap {
max-width: 820px;
margin: 0 auto 60px;
}
@media (max-width: 600px) {
.page-public__text-wrap {
margin: 0 auto 40px;
}
}
.page-public__text {
margin: 0 0 24px;
}
.page-public__text:last-child {
margin: 0 0;
} .page-reform__section01 {
padding: 0 12px 100px;
}
@media (max-width: 600px) {
.page-reform__section01 {
padding: 0 12px 40px;
}
}
.page-reform__top-img {
max-width: 820px;
margin: 0 auto 60px;
}
@media (max-width: 600px) {
.page-reform__top-img {
margin: 0 auto 40px;
}
}
.page-reform__top-text-wrap {
max-width: 820px;
margin: 0 auto 32px;
}
.page-reform__top-text {
font-size: 20px;
display: inline-block;
background: linear-gradient(rgba(0, 0, 0, 0) 50%, #f1ef48 50%);
}
@media (max-width: 600px) {
.page-reform__top-text {
font-size: 16px;
}
}
.page-reform__text-wrap {
max-width: 820px;
margin: 0 auto 60px;
}
@media (max-width: 600px) {
.page-reform__text-wrap {
margin: 0 auto 40px;
}
}
.page-reform__text-wrap--margin {
margin: 0 auto 100px;
}
@media (max-width: 600px) {
.page-reform__text-wrap--margin {
margin: 0 auto 60px;
}
}
.page-reform__text {
margin: 0 0 24px;
}
.page-reform__text:last-child {
margin: 0 0;
}
.page-reform__bnr {
display: block;
max-width: 820px;
margin: 0 auto 60px;
}
@media (max-width: 600px) {
.page-reform__bnr {
margin: 0 auto 40px;
}
}
.page-reform__img01 {
max-width: 820px;
margin: 0 auto 60px;
}
@media (max-width: 600px) {
.page-reform__img01 {
margin: 0 auto 40px;
}
} .page-addan__section01 {
padding: 0 12px 100px;
}
@media (max-width: 600px) {
.page-addan__section01 {
padding: 0 12px 40px;
}
}
.page-addan__top-img {
max-width: 620px;
margin: 0 auto 60px;
}
@media (max-width: 600px) {
.page-addan__top-img {
margin: 0 auto 40px;
}
}
.page-addan__top-text-wrap {
max-width: 820px;
margin: 0 auto 32px;
}
.page-addan__flex {
max-width: 820px;
margin: 0 auto 60px;
display: flex;
gap: 24px;
}
@media (max-width: 600px) {
.page-addan__flex {
font-size: 16px;
flex-direction: column;
}
}
.page-addan__left {
max-width: 300px;
}
@media (max-width: 1120px) {
.page-addan__left {
max-width: 250px;
}
}
@media (max-width: 600px) {
.page-addan__left {
width: 100%;
max-width: 550px;
}
}
.page-addan__right {
flex: 1;
}
.page-addan__right img {
border: #c69c6d 1px solid;
padding: 12px;
}
.page-addan__text-wrap {
max-width: 820px;
margin: 0 auto 60px;
}
@media (max-width: 600px) {
.page-addan__text-wrap {
margin: 0 auto 40px;
}
}
.page-addan__text {
margin: 0 0 24px;
}
.page-addan__text:last-child {
margin: 0 0;
}
.page-addan__bnr {
display: block;
max-width: 820px;
margin: 0 auto 60px;
}
@media (max-width: 600px) {
.page-addan__bnr {
margin: 0 auto 40px;
}
}
.page-addan__img01 {
max-width: 820px;
margin: 0 auto 60px;
}
@media (max-width: 600px) {
.page-addan__img01 {
margin: 0 auto 40px;
}
}
.page-addan__box {
max-width: 820px;
margin: 0 auto 60px;
border: #c69c6d 1px solid;
}
@media (max-width: 600px) {
.page-addan__box {
margin: 0 auto 40px;
}
}
.page-addan__box-top {
display: flex;
background-color: #f9f5f0;
justify-content: center;
align-items: center;
gap: 60px;
padding: 16px;
}
@media (max-width: 600px) {
.page-addan__box-top {
gap: 32px;
}
}
.page-addan__box-text h3 {
margin: 0 0 12px;
font-size: 17px;
}
@media (max-width: 600px) {
.page-addan__box-text h3 {
font-size: 15px;
}
}
.page-addan__box-top-img {
width: 80px;
}
.page-addan__box-bottom {
padding: 20px;
}
@media (max-width: 600px) {
.page-addan__box-bottom {
padding: 12px;
}
} .page-model__section01 {
padding: 0 12px 100px;
}
@media (max-width: 600px) {
.page-model__section01 {
padding: 0 12px 40px;
}
}
.page-model__top-img {
max-width: 1020px;
margin: 0 auto 60px;
}
@media (max-width: 600px) {
.page-model__top-img {
margin: 0 auto 40px;
}
}
.page-model__top-text-wrap {
max-width: 820px;
margin: 0 auto 32px;
}
.page-model__top-text {
font-size: 20px;
display: inline-block;
background: linear-gradient(rgba(0, 0, 0, 0) 50%, #f1ef48 50%);
}
@media (max-width: 600px) {
.page-model__top-text {
font-size: 16px;
}
}
.page-model__text-wrap {
max-width: 820px;
margin: 0 auto 60px;
}
@media (max-width: 600px) {
.page-model__text-wrap {
margin: 0 auto 40px;
}
}
.page-model__text {
margin: 0 0 24px;
}
.page-model__text:last-child {
margin: 0 0;
}
.page-model__bnr {
display: block;
max-width: 820px;
margin: 0 auto 60px;
}
@media (max-width: 600px) {
.page-model__bnr {
margin: 0 auto 40px;
}
}
.page-model__img01 {
max-width: 820px;
margin: 0 auto 60px;
}
@media (max-width: 600px) {
.page-model__img01 {
margin: 0 auto 40px;
}
} .information {
overflow: hidden;
}
.information__label-wrap {
display: flex;
max-width: 920px;
margin: 0 auto 32px;
gap: 20px;
padding: 0 0 0 32px;
}
.information__label {
line-height: 17px;
border: 1px solid #d21f1f;
padding: 3px 12px;
}
.information__price-wrap {
display: flex;
max-width: 920px;
margin: 0 auto 32px;
gap: 24px;
padding: 0 0 0 32px;
align-items: flex-end;
flex-wrap: wrap;
}
@media (max-width: 820px) {
.information__price-wrap {
gap: 12px;
padding: 0;
justify-content: center;
}
}
.information__price-label {
background-color: #ad9667;
color: #fff;
padding: 1px 12px;
border-radius: 2px;
}
.information__price {
color: #ad9667;
font-size: 56px;
line-height: 1rem;
}
@media (max-width: 600px) {
.information__price {
font-size: 36px;
}
}
.information__price-span {
font-size: 16px;
}
.information__table-oblong table {
width: 100%;
border-bottom: 1px solid #c69c6d;
border-top: 1px solid #c69c6d;
}
.information__table-oblong th {
border-collapse: collapse;
border-bottom: 1px solid #c69c6d;
text-align: center;
padding: 8px 4px;
background-color: #f9f5f0;
color: #a67c52;
}
.information__table-oblong td {
text-align: center;
padding: 6px 4px;
}
.information__table-style table {
width: 100%;
border-bottom: 1px solid #c69c6d;
border-top: 1px solid #c69c6d;
}
.information__table-style th {
border-collapse: collapse;
border-bottom: 1px solid #c69c6d;
text-align: left;
padding: 8px 4px 8px 48px;
background-color: #f9f5f0;
color: #a67c52;
width: 220px;
}
@media (max-width: 600px) {
.information__table-style th {
padding: 8px;
width: 120px;
}
}
.information__table-style td {
border-collapse: collapse;
border-bottom: 1px solid #c69c6d;
text-align: left;
padding: 8px 4px 8px 48px;
}
@media (max-width: 600px) {
.information__table-style td {
padding: 8px;
}
}
.information-contact {
display: flex;
justify-content: space-between;
max-width: 880px;
margin: auto;
}
@media (max-width: 600px) {
.information-contact {
flex-direction: column;
align-items: center;
}
}
.information-contact__left {
width: 50%;
background-color: #fbf8f5;
padding: 32px 12px;
}
@media (max-width: 600px) {
.information-contact__left {
width: 100%;
padding: 24px 12px;
}
}
.information-contact__contact-box {
background-color: #fff;
max-width: 300px;
margin: 0 auto 18px;
border-radius: 12px;
padding: 20px 28px;
}
@media (max-width: 1120px) {
.information-contact__contact-box {
padding: 18px 18px;
}
}
@media (max-width: 600px) {
.information-contact__contact-box {
padding: 18px 28px;
}
}
.information-contact__content-tel {
text-align: center;
margin: 0 auto;
display: block;
font-size: 30px;
letter-spacing: 1.6px;
}
@media (max-width: 1120px) {
.information-contact__content-tel {
font-size: 26px;
}
}
.information-contact__content-tel-img {
width: 32px;
display: inline;
vertical-align: middle;
margin: 0 4px 4px 0;
}
@media (max-width: 1120px) {
.information-contact__content-tel-img {
width: 26px;
}
}
.information-contact__center-text {
max-width: 260px;
margin: 0 auto 16px;
}
.information-contact__btn {
display: block;
max-width: 320px;
margin: 0 auto 16px;
}
.information-contact__bottom-text {
max-width: 260px;
margin: 0 auto;
}
.information-contact__right {
width: 50%;
flex: 1;
margin-right: calc(50% - 50vw);
}
@media (max-width: 600px) {
.information-contact__right {
width: 100%;
margin-right: 0;
}
}
.information-contact__map {
width: 100%;
height: 100%;
}
@media (max-width: 600px) {
.information-contact__map {
height: 240px;
}
}
.information-contact__map iframe {
width: 100%;
height: 100%;
display: block;
}
.information-reybase {
display: flex;
justify-content: space-between;
max-width: 780px;
margin: auto;
border: 1px solid #000;
}
@media (max-width: 820px) {
.information-reybase {
max-width: 680px;
}
}
@media (max-width: 600px) {
.information-reybase {
flex-direction: column;
max-width: 380px;
}
}
.information-reybase__left {
width: 50%;
position: relative;
}
@media (max-width: 600px) {
.information-reybase__left {
width: 100%;
height: 200px;
}
}
.information-reybase__logo {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 340px;
}
@media (max-width: 1120px) {
.information-reybase__logo {
width: 280px;
}
}
.information-reybase__right {
width: 50%;
background-color: #fbf8f5;
padding: 40px;
}
@media (max-width: 1120px) {
.information-reybase__right {
padding: 24px;
}
}
@media (max-width: 600px) {
.information-reybase__right {
width: 100%;
padding: 40px;
}
}
.information-reybase__text {
font-size: 20px;
}
@media (max-width: 1120px) {
.information-reybase__text {
font-size: 15px;
}
}
.information-reybase__tel {
text-align: center;
margin: 0 auto;
display: block;
font-size: 34px;
letter-spacing: 1.6px;
}
@media (max-width: 1120px) {
.information-reybase__tel {
font-size: 26px;
}
}
.information-reybase__tel-img {
width: 40px;
display: inline;
vertical-align: middle;
margin: 0 8px 4px 0;
}
@media (max-width: 1120px) {
.information-reybase__tel-img {
width: 26px;
}
}
.information-reybase__btn {
display: block;
max-width: 320px;
margin: 16px auto 0;
}
.information-style01__section {
background-color: #fbf8f5;
padding: 40px 12px 80px;
}
@media (max-width: 600px) {
.information-style01__section {
padding: 40px 12px 40px;
}
}
.information-style01__box {
max-width: 860px;
margin: 0 auto;
gap: 32px;
display: flex;
flex-wrap: wrap;
}
@media (max-width: 820px) {
.information-style01__box {
gap: 18px;
}
}
@media (max-width: 600px) {
.information-style01__box {
justify-content: center;
margin: 0 auto;
}
}
.information-style01__item {
width: calc((100% - 32px) / 2);
background-color: #fff;
padding: 32px;
}
@media (max-width: 820px) {
.information-style01__item {
width: calc((100% - 18px) / 2);
padding: 20px;
}
}
@media (max-width: 600px) {
.information-style01__item {
width: 100%;
max-width: 400px;
}
}
.information-style01__ttl {
margin: 0 0 28px;
padding: 0;
}
.information-style01__ttl::before {
left: -16px;
}
.information-style01__lead {
margin: 0 0 32px;
}
.information-style01__lead--last {
margin: 0;
}
.information-style01__btn-text {
text-align: center;
margin: 0 0 24px;
font-size: 16px;
} .archive-information__content {
display: flex;
flex-wrap: wrap;
gap: 32px;
padding: 20px 12px 120px;
justify-content: flex-start;
max-width: 952px;
margin: 0 auto;
}
@media (max-width: 600px) {
.archive-information__content {
padding: 0 12px 120px;
}
}
.archive-information__item {
width: calc((100% - 32px) / 2);
max-width: 460px;
margin: 0 0 24px;
}
@media (max-width: 600px) {
.archive-information__item {
width: 100%;
}
}
.archive-information__item-img {
aspect-ratio: 2/1;
-o-object-fit: cover;
object-fit: cover;
} .page-window-renovation__top-img {
max-width: 920px;
margin: 0 auto 120px;
}
@media (max-width: 600px) {
.page-window-renovation__top-img {
margin: 0 auto 40px;
}
}
.page-window-renovation__section {
padding: 0 12px 120px;
}
@media (max-width: 600px) {
.page-window-renovation__section {
padding: 0 12px 40px;
}
} .page-tsudu__section01 {
padding: 0 12px;
margin: 0 0 80px;
}
@media (max-width: 600px) {
.page-tsudu__section01 {
margin: 0 0 80px;
}
}
.page-tsudu__top-img01 {
max-width: 880px;
margin: 0 auto 40px;
}
@media (max-width: 600px) {
.page-tsudu__top-img01 {
margin: 0 auto 24px;
}
}
.page-tsudu__top-img02 {
max-width: 580px;
margin: 0 auto 40px;
}
@media (max-width: 600px) {
.page-tsudu__top-img02 {
margin: 0 auto 24px;
}
}
.page-tsudu__section01-table {
max-width: 780px;
margin: 0 auto 80px;
}
@media (max-width: 600px) {
.page-tsudu__section01-table {
overflow-x: scroll;
margin: 0 auto 24px;
}
.page-tsudu__section01-table table {
width: 500px;
margin: 0 auto;
}
}
.page-tsudu__section01-table th {
width: 20%;
}
.page-tsudu__top-img03 {
max-width: 760px;
margin: 0 auto 40px;
}
.page-tsudu__contact-wrap {
margin-bottom: 80px;
}
.page-tsudu__section02-text {
text-align: center;
margin: 80px 0 40px;
}
@media (max-width: 600px) {
.page-tsudu__section02-text {
margin: 40px 0 24px;
}
}
.page-tsudu__section02-btn {
display: block;
max-width: 460px;
margin: 0 auto;
}
.page-tsudu__section03 {
padding: 80px 12px 120px;
}
@media (max-width: 600px) {
.page-tsudu__section03 {
padding: 40px 12px 40px;
}
}
.page-tsudu__section03-table {
max-width: 820px;
margin: 0 auto;
}
@media (max-width: 600px) {
.page-tsudu__section03-table {
overflow-x: scroll;
margin: 0 auto;
}
.page-tsudu__section03-table table {
width: 420px;
margin: 0 auto;
}
} .page-gokyo-owner__section01 {
padding: 0 12px;
margin: 0 0 80px;
}
@media (max-width: 600px) {
.page-gokyo-owner__section01 {
margin: 0 0 60px;
}
}
.page-gokyo-owner__top-img {
max-width: 880px;
margin: 0 auto 80px;
}
@media (max-width: 600px) {
.page-gokyo-owner__top-img {
margin: 0 auto 40px;
}
}
.page-gokyo-owner__section01-img {
max-width: 880px;
margin: 0 auto 40px;
}
@media (max-width: 600px) {
.page-gokyo-owner__section01-img {
margin: 0 auto 24px;
}
}
.page-gokyo-owner__section01-text-wrap {
max-width: 780px;
margin: 0 auto 80px;
}
@media (max-width: 600px) {
.page-gokyo-owner__section01-text-wrap {
margin: 0 auto 40px;
}
}
.page-gokyo-owner__section01-text {
margin: 0 0 24px;
}
.page-gokyo-owner__section02 {
padding: 60px 12px;
}
.page-gokyo-owner__section03 {
padding: 80px 12px;
}
@media (max-width: 600px) {
.page-gokyo-owner__section03 {
padding: 40px 12px;
}
}
.page-gokyo-owner__section03-img01 {
max-width: 880px;
margin: 0 auto 80px;
}
@media (max-width: 600px) {
.page-gokyo-owner__section03-img01 {
margin: 0 auto 60px;
}
}
.page-gokyo-owner__section03-box {
max-width: 880px;
margin: 0 auto 80px;
display: flex;
gap: 40px;
}
@media (max-width: 1120px) {
.page-gokyo-owner__section03-box {
gap: 24px;
}
}
@media (max-width: 600px) {
.page-gokyo-owner__section03-box {
margin: 0 auto 40px;
flex-direction: column;
align-items: center;
}
}
.page-gokyo-owner__section03-left {
flex: 1;
}
.page-gokyo-owner__section03-img03 {
margin: 0 0 12px;
}
.page-gokyo-owner__section03-left-link {
display: block;
text-align: right;
text-decoration: underline;
}
.page-gokyo-owner___section03-right {
width: 300px;
}
.page-gokyo-owner__section03-right-text {
margin: 0 0 24px;
}
.page-gokyo-owner__section03-right-link {
text-decoration: underline;
}
.page-gokyo-owner__section03-img04 {
max-width: 780px;
margin: 0 auto 80px;
border: #a3a3a3 1px solid;
padding: 8px;
}
.page-gokyo-owner__section03-table {
max-width: 820px;
margin: 0 auto 80px;
}
@media (max-width: 600px) {
.page-gokyo-owner__section03-table {
overflow-x: scroll;
margin: 0 auto 40px;
}
.page-gokyo-owner__section03-table table {
width: 420px;
margin: 0 auto;
}
} .page-kudamatsu_nozomicho__section01 {
padding: 0 12px;
margin: 0 0 80px;
}
@media (max-width: 600px) {
.page-kudamatsu_nozomicho__section01 {
margin: 0 0 40px;
}
}
.page-kudamatsu_nozomicho__top-img {
max-width: 880px;
margin: 0 auto 80px;
}
@media (max-width: 600px) {
.page-kudamatsu_nozomicho__top-img {
margin: 0 auto 40px;
}
}
.page-kudamatsu_nozomicho__section01-img {
max-width: 880px;
margin: 0 auto 40px;
}
@media (max-width: 600px) {
.page-kudamatsu_nozomicho__section01-img {
margin: 0 auto 24px;
}
}
.page-kudamatsu_nozomicho__section02 {
padding: 80px 12px;
}
@media (max-width: 600px) {
.page-kudamatsu_nozomicho__section02 {
padding: 40px 12px;
}
}
.page-kudamatsu_nozomicho__section02-img01 {
max-width: 880px;
margin: 0 auto 80px;
}
@media (max-width: 600px) {
.page-kudamatsu_nozomicho__section02-img01 {
margin: 0 auto 60px;
}
}
.page-kudamatsu_nozomicho__section02-img03 {
max-width: 880px;
margin: 0 auto 40px;
}
@media (max-width: 600px) {
.page-kudamatsu_nozomicho__section02-img03 {
margin: 0 auto 20px;
}
}
.page-kudamatsu_nozomicho__section02-text-wrap {
max-width: 600px;
margin: 0 auto 80px;
border: 1px solid #000;
padding: 8px;
}
@media (max-width: 600px) {
.page-kudamatsu_nozomicho__section02-text-wrap {
margin: 0 auto 40px;
}
}
.page-kudamatsu_nozomicho__section02-text-span {
text-decoration: underline;
}
.page-kudamatsu_nozomicho__section02-img04 {
max-width: 780px;
margin: 0 auto 80px;
border: #a3a3a3 1px solid;
padding: 8px;
}
.page-kudamatsu_nozomicho__section02-table {
max-width: 820px;
margin: 0 auto 80px;
}
@media (max-width: 600px) {
.page-kudamatsu_nozomicho__section02-table {
overflow-x: scroll;
margin: 0 auto 40px;
}
.page-kudamatsu_nozomicho__section02-table table {
width: 420px;
margin: 0 auto;
}
} .page-sii__section {
padding: 0 12px 120px;
}
@media (max-width: 820px) {
.page-sii__section {
padding: 0 12px 60px;
}
}
.page-sii__top-img {
max-width: 680px;
margin: 0 auto 12px;
}
.page-sii__top-text01 {
text-align: center;
font-size: 22px;
margin: 0 0 4px;
}
@media (max-width: 600px) {
.page-sii__top-text01 {
font-size: 16px;
}
}
.page-sii__top-text01-span {
font-size: 130%;
}
.page-sii__top-text02-wrap {
text-align: center;
}
.page-sii__top-text02 {
display: inline-block;
font-size: 16px;
border: #ff0000 1px solid;
padding: 0 8px;
margin: 0 0 60px;
}
@media (max-width: 600px) {
.page-sii__top-text02 {
font-size: 15px;
margin: 0 0 40px;
}
}
.page-sii__text-wrap {
max-width: 880px;
margin: 0 auto 60px;
}
@media (max-width: 600px) {
.page-sii__text-wrap {
margin: 0 auto 40px;
}
}
.page-sii__text {
margin: 0 0 24px;
}
.page-sii__text:last-of-type {
margin: 0;
}
.page-sii__img-wrap {
max-width: 880px;
margin: 0 auto 60px;
}
@media (max-width: 600px) {
.page-sii__img-wrap {
margin: 0 auto 40px;
}
}
.page-sii__text-wrap02 {
text-align: center;
margin: 100px 0 40px;
}
@media (max-width: 820px) {
.page-sii__text-wrap02 {
margin: 60px 0 40px;
}
}
.page-sii__text-wrap02 p {
font-size: 18px;
}
@media (max-width: 600px) {
.page-sii__text-wrap02 p {
font-size: 14px;
}
} .page-upi__section01 {
padding: 0 12px 100px;
}
@media (max-width: 600px) {
.page-upi__section01 {
padding: 0 12px 20px;
}
}
.page-upi__top-img {
max-width: 300px;
margin: 0 auto 40px;
}
@media (max-width: 600px) {
.page-upi__top-img {
max-width: 180px;
margin: 0 auto 32px;
}
}
.page-upi__text {
margin: 0 0 24px;
}
.page-upi__text:last-of-type {
margin: 0;
}
.page-upi__text-wrap {
max-width: 820px;
margin: 0 auto 60px;
}
@media (max-width: 600px) {
.page-upi__text-wrap {
margin: 0 auto 40px;
}
}
.page-upi__section01-img01 {
max-width: 820px;
margin: -100px auto 60px;
}
@media (max-width: 1120px) {
.page-upi__section01-img01 {
margin: -30px auto 40px;
}
}
.page-upi__section02 {
padding: 0 12px 100px;
}
@media (max-width: 600px) {
.page-upi__section02 {
padding: 0 12px 40px;
}
}
.page-upi__sub-ttl {
max-width: 820px;
margin: 0 auto 12px;
font-size: 32px;
}
@media (max-width: 600px) {
.page-upi__sub-ttl {
font-size: 22px;
}
}
.page-upi__section02-flex {
display: flex;
max-width: 820px;
margin: 0 auto 40px;
align-items: center;
gap: 60px;
}
@media (max-width: 1120px) {
.page-upi__section02-flex {
gap: 24px;
}
}
@media (max-width: 600px) {
.page-upi__section02-flex {
flex-direction: column;
gap: 0;
margin: 0 auto 40px;
}
}
.page-upi__section02-left {
flex: 1;
}
.page-upi__section02-right {
width: 340px;
}
@media (max-width: 1120px) {
.page-upi__section02-right {
width: 300px;
}
}
.page-upi__section02-ttl {
margin: 0 0 0 -20px;
}
@media (max-width: 820px) {
.page-upi__section02-ttl {
margin: 0;
}
}
.page-upi__table {
width: 100%;
max-width: 820px;
margin: 0 auto 80px;
}
@media (max-width: 600px) {
.page-upi__table {
margin: 0 auto 40px;
}
}
.page-upi__table th {
text-align: left;
width: 100px;
}
.page-upi__section02-box {
display: flex;
gap: 40px;
flex-wrap: wrap;
max-width: 820px;
margin: 0 auto 60px;
}
@media (max-width: 600px) {
.page-upi__section02-box {
gap: 24px;
margin: 0 auto 40px;
}
}
.page-upi__section02-item {
width: calc((100% - 40px) / 2);
border: #b3b3b3 1px solid;
position: relative;
padding: 0 0 100px;
}
@media (max-width: 1120px) {
.page-upi__section02-item {
padding: 0 0 140px;
}
}
@media (max-width: 600px) {
.page-upi__section02-item {
width: 100%;
padding: 0 0 110px;
}
.page-upi__section02-item--long {
padding: 0 0 130px;
}
}
.page-upi__section02-item-top {
padding: 12px;
}
.page-upi__section02-item-ttl {
font-size: 20px;
margin: 0 0 8px;
}
.page-upi__section02-item-bottom {
background-color: #f8f8f8;
padding: 12px;
position: absolute;
bottom: 0;
width: 100%;
}
.page-upi__section02-logo {
max-width: 820px;
margin: 0 auto 20px;
}
.page-upi__section02-logo img {
width: 120px;
}
.company__sub-ttl-wrap {
max-width: 920px;
margin: 0 auto 40px;
}
@media (max-width: 820px) {
.company__sub-ttl-wrap {
padding: 0 24px;
margin: 0 auto 24px;
}
}
.company__section-ttl {
padding: 4px 16px;
border-left: 4px solid #e2cdb6;
font-size: 24px;
display: inline-block;
}
@media (max-width: 1120px) {
.company__section-ttl {
font-size: 20px;
}
}
.company__section-ttl--access {
border-left: none;
font-size: 20px;
color: #8c6239;
position: relative;
}
.company__section-ttl--access::before {
content: "";
position: absolute;
width: 100px;
height: 6px;
background-color: #a8a8a8;
bottom: -4px;
left: -4px;
transform: scale(0.6);
}
@media (max-width: 1120px) {
.company__section-ttl--access {
font-size: 18px;
}
}
.company__section-ttl--staff {
position: relative;
}
.company__section-ttl--staff::before {
content: "";
position: absolute;
width: 100px;
height: 6px;
background-color: #ffffff;
bottom: -10px;
left: -4px;
transform: scale(0.6);
} .page-company__section {
padding: 0 0 120px;
}
@media (max-width: 600px) {
.page-company__section {
padding: 0 0 60px;
}
}
.page-company__item {
height: 380px;
background: linear-gradient(180deg, #fff 0%, #fff 38%, #fbf8f5 38%, #fbf8f5 100%);
padding: 60px 12px 0 260px;
margin: 0 0 24px;
}
@media (max-width: 1120px) {
.page-company__item {
height: auto;
}
}
@media (max-width: 820px) {
.page-company__item {
padding: 40px 12px;
margin: 0;
}
.page-company__item:nth-of-type(1) {
padding: 0 12px 40px;
}
}
@media (max-width: 600px) {
.page-company__item {
height: auto;
background: linear-gradient(180deg, #fff 0%, #fff 18%, #fbf8f5 18%, #fbf8f5 100%);
}
}
.page-company__item-inner {
display: flex;
max-width: 920px;
margin: 0 auto;
gap: 32px;
}
@media (max-width: 600px) {
.page-company__item-inner {
flex-direction: column;
gap: 28px;
}
}
.page-company__item-left {
max-width: 427px;
}
@media (max-width: 600px) {
.page-company__item-left {
margin: 0 auto;
}
}
.page-company__item-text {
margin: 0 0 40px 20px;
}
.page-company__item-ttl {
margin: 0 0 60px;
}
@media (max-width: 600px) {
.page-company__item-ttl {
margin: 0 0 22px 24px;
}
}
.page-company__item-link-wrap {
margin: 0 0 0 24px;
display: flex;
flex-direction: column;
gap: 18px;
}
@media (max-width: 600px) {
.page-company__item-link-wrap {
margin: 0 0 0 56px;
}
}
.page-company__bnr-wrap {
display: flex;
flex-direction: column;
max-width: 600px;
margin: -60px auto 80px;
gap: 60px;
}
@media (max-width: 1120px) {
.page-company__bnr-wrap {
margin: -60px 0 80px 260px;
padding: 16px;
}
}
@media (max-width: 820px) {
.page-company__bnr-wrap {
margin: -60px auto 80px;
}
}
@media (max-width: 600px) {
.page-company__bnr-wrap {
margin: -20px auto 40px;
gap: 32px;
}
} .page-overview__section {
margin: 0 0 80px;
}
@media (max-width: 820px) {
.page-overview__section {
margin: 0 0 40px;
}
}
.page-overview__top {
padding: 0 20px;
}
.page-overview__top-img {
max-width: 1020px;
margin: 0 auto 60px;
}
@media (max-width: 820px) {
.page-overview__top-img {
margin: 0 auto 40px;
}
}
.page-overview__section02-inner {
background-image: url(//www.yasumoto.co.jp/cms/wp-content/themes/yasumoto2024/assets/img/company/overview-bg.jpg);
background-repeat: no-repeat;
background-size: cover;
}
.page-overview__section02-text-wrap {
max-width: 600px;
margin: 0 auto;
line-height: 2.4rem;
padding: 80px 12px;
transform: translateX(-80px);
}
@media (max-width: 1120px) {
.page-overview__section02-text-wrap {
transform: translateX(0);
}
}
@media (max-width: 820px) {
.page-overview__section02-text-wrap {
max-width: 540px;
padding: 40px 12px;
line-height: 2.2rem;
}
}
@media (max-width: 600px) {
.page-overview__section02-text-wrap {
max-width: 340px;
padding: 40px 12px;
line-height: 1.3rem;
}
}
.page-overview__section02-text {
writing-mode: vertical-rl;
}
.page-overview__section03-box {
display: flex;
gap: 40px;
max-width: 920px;
margin: 0 auto;
align-items: center;
}
@media (max-width: 1120px) {
.page-overview__section03-box {
gap: 24px;
}
}
@media (max-width: 820px) {
.page-overview__section03-box {
justify-content: center;
}
}
@media (max-width: 600px) {
.page-overview__section03-box {
flex-direction: column;
gap: 12px;
}
}
@media (max-width: 600px) {
.page-overview__section03-left {
width: 100%;
padding: 0 24px;
}
}
.page-overview__section03-ttl {
margin: 0 0 60px;
}
@media (max-width: 1120px) {
.page-overview__section03-ttl {
margin: 0 0 40px;
}
}
.page-overview__section03-lead {
font-size: 42px;
margin: 0 60px 60px 40px;
}
@media (max-width: 1120px) {
.page-overview__section03-lead {
font-size: 28px;
margin: 0 32px 40px 16px;
}
}
.page-overview__section03-name {
text-align: right;
}
.page-overview__section03-right {
max-width: 300px;
}
@media (max-width: 600px) {
.page-overview__section03-right {
width: 100%;
padding: 0 24px;
}
}
.page-overview__section04-inner {
background-color: #fbf8f5;
padding: 60px 12px 20px;
}
.page-overview__section04-text-wrap {
max-width: 600px;
margin: 0 auto;
}
@media (max-width: 1120px) {
.page-overview__section04-text-wrap {
padding: 0 0 0 40px;
}
}
@media (max-width: 820px) {
.page-overview__section04-text-wrap {
max-width: 460px;
}
}
@media (max-width: 600px) {
.page-overview__section04-text-wrap {
max-width: 300px;
}
}
.page-overview__section04-text {
font-size: 24px;
line-height: 1.5;
margin: 0 0 32px;
position: relative;
}
.page-overview__section04-text::before {
content: url(//www.yasumoto.co.jp/cms/wp-content/themes/yasumoto2024/assets/img/company/overview-check.png);
position: absolute;
top: -3px;
left: -45px;
transform: scale(0.8);
}
@media (max-width: 820px) {
.page-overview__section04-text {
font-size: 20px;
margin: 0 0 32px;
}
.page-overview__section04-text::before {
top: -6px;
left: -42px;
transform: scale(0.7);
}
}
@media (max-width: 600px) {
.page-overview__section04-text {
font-size: 18px;
margin: 0 0 32px;
}
}
.page-overview__section05-box {
display: flex;
max-width: 800px;
margin: 0 auto;
align-items: flex-end;
padding: 0 12px;
gap: 16px;
}
@media (max-width: 600px) {
.page-overview__section05-box {
flex-direction: column;
align-items: center;
gap: 40px;
}
}
.page-overview__section05-right {
padding: 0 0 50px;
}
@media (max-width: 600px) {
.page-overview__section05-right {
padding: 0;
}
}
.page-overview__table-wrap {
max-width: 820px;
margin: 0 auto;
padding: 0 12px;
}
.page-overview__table {
width: 100%;
border-bottom: 1px solid #c69c6d;
}
.page-overview__table th {
text-align: left;
padding: 12px 10px 12px 40px;
width: 165px;
border-top: 1px solid #c69c6d;
border-collapse: collapse;
color: #8c6239;
background: #f9f5f0;
}
@media (max-width: 600px) {
.page-overview__table th {
width: 100px;
padding: 10px 2px 10px 10px;
}
}
.page-overview__table td {
padding: 3px;
border-top: 1px solid #c69c6d;
border-collapse: collapse;
padding: 12px 0 12px 40px;
}
@media (max-width: 600px) {
.page-overview__table td {
padding: 10px;
}
}
.page-overview__map-wrap {
max-width: 100%;
margin: 0 auto 40px;
}
.page-overview .map {
width: 100%;
height: 0;
position: relative;
padding-top: 40%;
overflow: hidden;
}
@media (max-width: 820px) {
.page-overview .map {
padding-top: 50%;
}
}
.page-overview .map iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.page-overview__section08-text-wrap {
max-width: 840px;
margin: 0 auto;
}
.page-overview__section08-text {
margin: 40px 0;
padding: 0 0 0 12px;
}
@media (max-width: 600px) {
.page-overview__section08-text {
margin: 20px 0;
}
}
.page-overview__section09-item {
max-width: 820px;
margin: 0 auto 40px;
display: flex;
gap: 40px;
align-items: center;
padding: 0 12px;
}
@media (max-width: 1120px) {
.page-overview__section09-item {
gap: 12px;
}
}
@media (max-width: 820px) {
.page-overview__section09-item {
justify-content: center;
}
}
@media (max-width: 600px) {
.page-overview__section09-item {
flex-direction: column;
}
}
.page-overview__section09-left-ttl {
font-size: 20px;
margin: 0 0 24px;
display: block;
}
@media (max-width: 600px) {
.page-overview__section09-left-ttl {
margin: 0 0 8px;
text-align: center;
}
}
@media (max-width: 600px) {
.page-overview__section09-text {
text-align: center;
}
}
@media (max-width: 1120px) {
.page-overview__section09-br {
display: block;
}
} .page-recruit__section {
margin: 0 0 80px;
}
@media (max-width: 820px) {
.page-recruit__section {
margin: 0 0 40px;
}
}
.page-recruit__top-img {
max-width: 880px;
margin: -60px auto 40px;
}
@media (max-width: 600px) {
.page-recruit__top-img {
margin: -30px auto 24px;
}
}
.page-recruit__section01-text {
max-width: 680px;
margin: 0 auto 40px;
padding: 0 12px;
}
@media (max-width: 600px) {
.page-recruit__section01-text {
margin: 0 auto 24px;
}
}
.page-recruit__section01-name {
max-width: 580px;
margin: 0 auto 40px;
text-align: right;
padding: 0 12px;
font-size: 18px;
}
.page-recruit__section02 {
background-color: #fbf8f5;
padding: 60px 0;
}
@media (max-width: 820px) {
.page-recruit__section02 {
padding: 32px 0;
}
}
.page-recruit__section02-ttl {
text-align: center;
font-size: 36px;
margin: 0 0 60px;
}
@media (max-width: 820px) {
.page-recruit__section02-ttl {
font-size: 24px;
margin: 0 0 32px;
}
}
.page-recruit__item {
padding: 0 12px 0;
display: flex;
max-width: 820px;
margin: 0 auto;
gap: 40px;
}
@media (max-width: 1120px) {
.page-recruit__item {
gap: 24px;
}
}
@media (max-width: 820px) {
.page-recruit__item {
justify-content: center;
}
}
@media (max-width: 600px) {
.page-recruit__item {
flex-direction: column;
}
}
.page-recruit__item-left {
max-width: 380px;
}
@media (max-width: 600px) {
.page-recruit__item-left {
margin: 0 auto;
}
}
.page-recruit__item-text {
margin: 0 0 60px 20px;
}
.page-recruit__item-ttl {
margin: 0 0 40px;
}
@media (max-width: 600px) {
.page-recruit__item-ttl {
margin: 0 0 22px 24px;
}
}
.page-recruit__item-link-wrap {
margin: 0 0 0 24px;
display: flex;
flex-direction: column;
gap: 18px;
}
@media (max-width: 600px) {
.page-recruit__item-link-wrap {
margin: 0 0 0 56px;
}
}
.page-recruit__btn {
width: 280px;
}
@media (max-width: 1120px) {
.page-recruit__btn {
width: 220px;
}
}
.page-recruit__section02-line {
max-width: 800px;
margin: 60px auto 32px;
}
@media (max-width: 820px) {
.page-recruit__section02-line {
margin: 24px auto 0;
}
}
.page-recruit__section03-inner {
display: flex;
max-width: 880px;
margin: 60px auto 32px;
padding: 0 12px;
}
.page-recruit__section03-left {
width: 45px;
margin: 0 140px 0 0;
}
@media (max-width: 1120px) {
.page-recruit__section03-left {
margin: 0 10% 0 0;
}
}
@media (max-width: 820px) {
.page-recruit__section03-left {
width: 40px;
margin: 0 20px 0 4px;
}
}
.page-recruit__section03-item {
background-image: url(//www.yasumoto.co.jp/cms/wp-content/themes/yasumoto2024/assets/img/company/recruit-sction03-bg.png);
background-repeat: no-repeat;
background-position: center;
background-size: 52%;
margin: 0 0 100px;
}
@media (max-width: 1120px) {
.page-recruit__section03-item {
margin: 0 0 60px;
}
}
@media (max-width: 820px) {
.page-recruit__section03-item {
background-size: 80%;
}
}
.page-recruit__section03-item-img {
max-width: 300px;
margin: 0 0 24px auto;
}
.page-recruit__section03-item-ttl {
margin: 0 0 24px;
}
.page-recruit__section03-item-text {
max-width: 520px;
margin: 24px 60px 0 16px;
}
@media (max-width: 820px) {
.page-recruit__section03-item-text {
margin: 24px 12px 0 16px;
}
}
.page-recruit__section03-btn {
display: block;
max-width: 600px;
margin: 200px 0 0 -120px;
}
@media (max-width: 1120px) {
.page-recruit__section03-btn {
max-width: 480px;
margin: 100px 0 0 -20px;
}
}
@media (max-width: 820px) {
.page-recruit__section03-btn {
margin: 60px 0 0 0;
}
}
.page-recruit__section03-btn {
display: block;
max-width: 600px;
margin: 120px 0 0 -120px;
}
@media (max-width: 1120px) {
.page-recruit__section03-btn {
max-width: 480px;
margin: 100px 0 0 -20px;
}
}
@media (max-width: 820px) {
.page-recruit__section03-btn {
margin: 60px 0 0 0;
}
}
.page-recruit__section03-btn--bottom {
margin: 80px 0 0 -120px;
}
@media (max-width: 600px) {
.page-recruit__section03-btn--bottom {
margin: 40px 0 0 0;
}
} .page-staff__section {
padding: 40px 0 0;
}
.page-staff__section--bg {
background-color: #fbf8f5;
}
.page-staff__section--border {
border-bottom: #f9f5f0 12px solid;
}
.page-staff__box {
max-width: 960px;
margin: 0 auto;
display: flex;
gap: 40px;
flex-wrap: wrap;
padding: 0 12px;
}
.page-staff__item {
width: calc((100% - 80px) / 3);
margin: 0 0 60px;
}
@media (max-width: 1120px) {
.page-staff__item {
width: calc((100% - 40px) / 2);
}
}
@media (max-width: 600px) {
.page-staff__item {
width: 100%;
margin: 0 0 32px;
}
}
.page-staff__item-img {
margin: 0 0 22px;
}
.page-staff__text-wrap {
padding: 0 6px;
}
.page-staff__name {
font-size: 19px;
margin: 0 0 22px;
}
.page-staff__name-span {
display: block;
font-size: 15px;
line-height: 15px;
}
.page-staff__item-text {
margin: 0 0 24px;
}
.page-staff__item-list li {
color: #c69c6d;
font-size: 13px;
}
.page-staff__bnr-wrap {
display: flex;
flex-direction: column;
max-width: 600px;
margin: 80px auto 80px;
gap: 60px;
}
@media (max-width: 1120px) {
.page-staff__bnr-wrap {
margin: 80px 0 80px 260px;
padding: 16px;
}
}
@media (max-width: 820px) {
.page-staff__bnr-wrap {
margin: 80px auto 80px;
}
}
@media (max-width: 600px) {
.page-staff__bnr-wrap {
margin: 40px auto 40px;
gap: 32px;
}
} .page-kudamatsu__section01 {
padding: 0 12px;
}
.page-kudamatsu__img01 {
max-width: 820px;
margin: 0 auto 40px;
}
.page-kudamatsu__text {
text-align: center;
margin: 0 0 40px;
}
.page-kudamatsu__table {
width: 100%;
max-width: 820px;
margin: 0 auto 80px;
}
@media (max-width: 600px) {
.page-kudamatsu__table {
margin: 0 auto 40px;
}
}
.page-kudamatsu__table th {
text-align: left;
width: 100px;
}
@media (max-width: 600px) {
.page-kudamatsu__table th {
width: 80px;
}
}
.page-kudamatsu__contact-wrap {
margin-bottom: 100px;
}
@media (max-width: 600px) {
.page-kudamatsu__contact-wrap {
margin-bottom: 40px;
}
} .page-boshu {
overflow: hidden;
}
.page-boshu__top-lead {
max-width: 920px;
margin: 0 auto 24px;
color: #c69c6d;
font-size: 32px;
padding: 0 0 0 18px;
}
@media (max-width: 600px) {
.page-boshu__top-lead {
font-size: 22px;
}
}
.page-boshu__section01 {
padding: 0 0 100px;
}
@media (max-width: 600px) {
.page-boshu__section01 {
padding: 0 0 40px;
}
}
.page-boshu__content {
max-width: 920px;
margin: 0 auto 32px;
}
.page-boshu__content-inner {
background-color: #fbf8f5;
margin-right: calc(50% - 50vw);
padding-right: calc(50vw - 50% + 20px);
padding-top: 40px;
padding-bottom: 40px;
}
@media (max-width: 600px) {
.page-boshu__content-inner {
padding-left: calc(50vw - 50% + 20px);
}
}
.page-boshu__content-ttl {
font-size: 32px;
margin: 0 0 -40px 24px;
z-index: 10;
position: relative;
}
@media (max-width: 600px) {
.page-boshu__content-ttl {
margin: 0 0 24px 24px;
}
}
.page-boshu__content-span {
font-size: 60%;
display: flex;
align-items: center;
max-width: 200px;
}
.page-boshu__content-span:before {
border-top: 1px solid;
content: "";
flex-grow: 1;
margin-right: 0.5rem;
}
.page-boshu__item {
display: flex;
margin: 0 0 40px;
align-items: center;
}
@media (max-width: 600px) {
.page-boshu__item {
flex-direction: column;
gap: 24px;
}
}
.page-boshu__item-left {
z-index: 10;
position: relative;
max-width: 450px;
}
@media (max-width: 1120px) {
.page-boshu__item-left {
max-width: 300px;
}
}
.page-boshu__item-right {
background-color: #fff;
padding: 40px 24px 40px;
flex: 1;
position: relative;
}
@media (max-width: 600px) {
.page-boshu__item-right {
padding: 12px;
}
}
.page-boshu__item-right::before {
content: "";
position: absolute;
height: 100%;
width: 100px;
background-color: #fff;
top: 0;
left: -100px;
}
@media (max-width: 600px) {
.page-boshu__item-right::before {
display: none;
}
}
.page-boshu__item-right-katagaki {
margin: 0 0 24px;
}
.page-boshu__item-right-name {
margin: 0 0 24px;
font-size: 22px;
}
.page-boshu__item-right-name-span {
display: flex;
font-size: 70%;
}
.page-boshu__item-right-text {
margin: 0 0 24px;
}
.page-boshu__item-right-text:last-of-type {
margin: 0;
}
.page-boshu__section02 {
padding: 0 12px 100px;
}
@media (max-width: 600px) {
.page-boshu__section02 {
padding: 0 12px 60px;
}
}
.page-boshu__section02-ttl {
max-width: 920px;
font-size: 32px;
margin: 0 auto 24px;
}
@media (max-width: 600px) {
.page-boshu__section02-ttl {
margin: 0 0 24px 24px;
}
}
.page-boshu__section02-ttl-span {
font-size: 60%;
display: flex;
align-items: center;
max-width: 200px;
}
.page-boshu__section02-ttl-span:before {
border-top: 1px solid;
content: "";
flex-grow: 1;
margin-right: 0.5rem;
}
.page-boshu__table-wrap {
max-width: 920px;
margin: 0 auto;
}
.page-boshu__table {
width: 100%;
border-bottom: 1px solid #c69c6d;
}
.page-boshu__table th {
text-align: left;
padding: 12px 10px 12px 24px;
width: 220px;
border-top: 1px solid #c69c6d;
border-collapse: collapse;
color: #8c6239;
background: #f9f5f0;
}
@media (max-width: 600px) {
.page-boshu__table th {
width: 100px;
padding: 10px 2px 10px 10px;
}
}
.page-boshu__table td {
padding: 3px;
border-top: 1px solid #c69c6d;
border-collapse: collapse;
padding: 12px 0 12px 40px;
}
@media (max-width: 600px) {
.page-boshu__table td {
padding: 10px;
}
}
.page-boshu__table td span {
background-color: #3f3f3f;
color: #fff;
padding: 2px 12px;
border-radius: 10px;
margin: 0 8px 0 0;
}
.page-boshu__section03 {
padding: 0 12px 20px;
}
@media (max-width: 600px) {
.page-boshu__section03 {
padding: 0 12px;
}
}
.page-boshu__section03-btn {
display: flex;
max-width: 680px;
margin: 0 auto 100px;
}
@media (max-width: 600px) {
.page-boshu__section03-btn {
margin: 0 auto 40px;
}
}
.page-boshu__section03-box {
display: flex;
max-width: 800px;
margin: 0 auto 80px;
align-items: flex-end;
padding: 0 12px;
gap: 16px;
}
@media (max-width: 600px) {
.page-boshu__section03-box {
flex-direction: column;
align-items: center;
gap: 40px;
margin: 0 auto 40px;
}
}
.page-boshu__section03-right {
padding: 0 0 50px;
}
@media (max-width: 600px) {
.page-boshu__section03-right {
padding: 0;
}
}
.page-boshu__section03-line {
max-width: 800px;
margin: 0 auto 80px;
}
@media (max-width: 600px) {
.page-boshu__section03-line {
margin: 0 auto 0;
}
}
.page-boshu__section03-item {
height: 380px;
margin: 0 0 80px;
}
@media (max-width: 1120px) {
.page-boshu__section03-item {
height: auto;
}
}
@media (max-width: 820px) {
.page-boshu__section03-item {
margin: 0;
margin: 0 0 60px;
}
}
@media (max-width: 600px) {
.page-boshu__section03-item {
height: auto;
}
}
.page-boshu__section03-item-inner {
display: flex;
max-width: 920px;
margin: 0 auto;
gap: 32px;
}
@media (max-width: 600px) {
.page-boshu__section03-item-inner {
flex-direction: column;
gap: 28px;
}
}
.page-boshu__section03-item-left {
max-width: 427px;
}
@media (max-width: 600px) {
.page-boshu__section03-item-left {
margin: 0 auto;
}
}
.page-boshu__section03-item-text {
margin: 0 0 40px 20px;
white-space: nowrap;
}
.page-boshu__section03-item-ttl {
margin: 0 0 60px;
}
@media (max-width: 600px) {
.page-boshu__section03-item-ttl {
margin: 0 0 22px 24px;
}
}
.page-boshu__section03-item-link-wrap {
margin: 0 0 0 24px;
display: flex;
flex-direction: column;
gap: 18px;
} .page-internship__section {
padding: 0 12px 100px;
}
@media (max-width: 600px) {
.page-internship__section {
padding: 0 12px 40px;
}
}
.page-internship__text-wrap {
max-width: 820px;
margin: 0 auto 60px;
}
@media (max-width: 600px) {
.page-internship__text-wrap {
margin: 0 auto 40px;
}
}
.page-internship__text {
margin: 0 0 24px;
}
.page-internship__text:last-child {
margin: 0;
}
.page-internship__lead {
font-size: 22px;
max-width: 820px;
margin: 0 auto 8px;
}
.page-internship__img {
max-width: 880px;
margin: 0 auto 80px;
}
@media (max-width: 820px) {
.page-internship__img {
margin: 0 auto 40px;
}
}
.internship-container {
display: flex;
justify-content: center;
gap: 30px;
max-width: 680px;
margin: 0 auto 120px;
padding: 0 16px;
}
@media (max-width: 600px) {
.internship-container {
flex-direction: column;
margin: 0 auto 60px;
gap: 0;
}
}
.internship-container .column {
flex: 1;
}
.internship-container .column:nth-of-type(2) {
border-left: #a8a8a8 1px solid;
padding-left: 80px;
}
@media (max-width: 1120px) {
.internship-container .column:nth-of-type(2) {
padding-left: 40px;
}
}
@media (max-width: 820px) {
.internship-container .column:nth-of-type(2) {
border-left: none;
padding-left: 0;
}
}
.internship-container .divider {
width: 1px;
background-color: #ccc;
}
.internship-container section {
margin-bottom: 30px;
}
.internship-container h2 {
font-size: 1.2em;
margin-bottom: 4px;
font-weight: bold;
}
@media (max-width: 820px) {
.internship-container .container {
flex-direction: column;
gap: 0;
}
.internship-container .divider {
width: 100%;
height: 1px;
background-color: #ccc;
margin: 20px 0;
}
} .page-reason__section {
margin: 0 0 160px;
}
@media (max-width: 600px) {
.page-reason__section {
margin: 0 0 60px;
}
}
.page-reason__main-visual {
max-width: 920px;
margin: 0 auto 120px;
padding: 0 12px;
}
@media (max-width: 820px) {
.page-reason__main-visual {
margin: 0 auto 40px;
}
}
.page-reason__main-wrap {
display: flex;
justify-content: center;
gap: 40px;
margin: 0 auto 40px;
}
@media (max-width: 820px) {
.page-reason__main-wrap {
gap: 24px;
margin: 0 auto 24px;
}
}
@media (max-width: 820px) {
.page-reason__main-left {
padding: 0 0 0 12px;
}
}
.page-reason__ttl-wrap {
margin: 80px 20px 40px 0;
}
@media (max-width: 820px) {
.page-reason__ttl-wrap {
margin: 16px 20px 0 0;
}
}
@media (max-width: 600px) {
.page-reason__ttl-wrap {
text-align: left;
}
}
.page-reason__section01-text {
max-width: 350px;
margin: 0 0 40px 40px;
}
@media (max-width: 600px) {
.page-reason__section01-text {
margin: 0 0 40px 0;
}
}
.page-reason__main-right {
max-width: 300px;
}
@media (max-width: 820px) {
.page-reason__main-right {
max-width: 240px;
}
}
@media (max-width: 600px) {
.page-reason__main-right {
display: none;
}
}
.page-reason__section02-box {
max-width: 920px;
margin: 0 auto 0px;
display: flex;
gap: 28px;
padding: 0 12px;
justify-content: center;
}
@media (max-width: 600px) {
.page-reason__section02-box {
gap: 12px;
}
}
.page-reason__section02-btn {
text-align: right;
margin: 40px 0 0;
}
@media (max-width: 600px) {
.page-reason__section02-btn {
display: none;
}
}
.page-reason__section02-btn--sp {
display: none;
}
@media (max-width: 600px) {
.page-reason__section02-btn--sp {
display: block;
text-align: center;
margin: 40px 0 0;
}
}
.page-reason__section02-right {
padding: 40px 0 0;
}
@media (max-width: 600px) {
.page-reason__section02-right {
padding: 0;
}
}
.page-reason__section03 {
padding: 0 12px;
}
.page-reason__ttl-wrap {
max-width: 720px;
margin: 0 auto 60px;
}
@media (max-width: 820px) {
.page-reason__ttl-wrap {
max-width: 520px;
margin: 0 auto 32px;
}
}
.page-reason__text-wrap {
max-width: 640px;
margin: 0 auto 60px;
}
@media (max-width: 820px) {
.page-reason__text-wrap {
max-width: 520px;
margin: 0 auto 32px;
}
}
.page-reason__section03-text {
margin: 0 0 28px;
}
@media (max-width: 820px) {
.page-reason__section03-text {
margin: 0 0 16px;
}
}
.page-reason__img-wrap {
max-width: 760px;
margin: 0 auto 80px;
padding: 0 8px;
}
@media (max-width: 820px) {
.page-reason__img-wrap {
margin: 0 auto 40px;
}
}
.page-reason__bnr-wrap {
display: block;
max-width: 760px;
margin: 0 auto 80px;
padding: 0 8px;
}
@media (max-width: 820px) {
.page-reason__bnr-wrap {
margin: 0 auto 40px;
}
}
.page-reason__bnr-box {
max-width: 820px;
margin: 0 auto 80px;
display: flex;
gap: 12px;
flex-wrap: wrap;
}
.page-reason__bnr-item {
width: calc((100% - 12px) / 2);
} .page-spec1__section01 {
margin: 0 0 80px;
}
@media (max-width: 600px) {
.page-spec1__section01 {
margin: 0 0 60px;
}
}
.page-spec1__top-img {
max-width: 920px;
margin: 0 auto 120px;
padding: 0 12px;
}
@media (max-width: 820px) {
.page-spec1__top-img {
margin: 0 auto 40px;
}
}
.page-spec1__text-wrap {
max-width: 760px;
margin: 0 auto 60px;
transform: translateX(-52px);
padding: 0 12px;
}
@media (max-width: 1120px) {
.page-spec1__text-wrap {
transform: translateX(0);
}
}
@media (max-width: 820px) {
.page-spec1__text-wrap {
max-width: 520px;
margin: 0 auto 32px;
}
}
.page-spec1__text-wrap--sub {
margin: 0 auto 20px;
}
@media (max-width: 820px) {
.page-spec1__text-wrap--sub {
max-width: 520px;
margin: 0 auto 18px;
}
}
.page-spec1__text {
margin: 0 0 28px;
}
@media (max-width: 820px) {
.page-spec1__text {
margin: 0 0 16px;
}
}
.page-spec1__img01 {
max-width: 580px;
margin: 0 auto 60px;
padding: 0 12px;
transform: translateX(-141px);
}
@media (max-width: 1120px) {
.page-spec1__img01 {
margin: 0 auto 60px;
transform: translateX(0);
}
}
@media (max-width: 820px) {
.page-spec1__img01 {
margin: 0 auto 32x;
}
}
.page-spec1__img02 {
max-width: 480px;
margin: 0 auto 60px;
padding: 0 12px;
transform: translateX(-186px);
}
@media (max-width: 1120px) {
.page-spec1__img02 {
margin: 0 auto 60px;
transform: translateX(0);
}
}
@media (max-width: 820px) {
.page-spec1__img02 {
margin: 0 auto 32x;
}
}
.page-spec1__section02 {
background-color: #fbf8f5;
padding: 80px 0;
margin: 0 0 120px;
}
@media (max-width: 820px) {
.page-spec1__section02 {
padding: 40px 0;
}
}
@media (max-width: 600px) {
.page-spec1__section02 {
margin: 0 0 60px;
}
}
.page-spec1__img03 {
max-width: 780px;
margin: 0 auto 40px;
padding: 0 12px;
transform: translateX(-43px);
}
@media (max-width: 1120px) {
.page-spec1__img03 {
margin: 0 auto 40px;
transform: translateX(0);
}
}
@media (max-width: 820px) {
.page-spec1__img03 {
margin: 0 auto 32x;
}
} .page-funding-plan__section01 {
margin: 0 0 80px;
}
@media (max-width: 600px) {
.page-funding-plan__section01 {
margin: 0 0 60px;
}
}
.page-funding-plan__top-img {
max-width: 860px;
margin: 0 auto 120px;
padding: 0 12px;
}
@media (max-width: 820px) {
.page-funding-plan__top-img {
margin: 0 auto 40px;
}
}
.page-funding-plan__text-wrap {
max-width: 760px;
margin: 0 auto 60px;
transform: translateX(-52px);
padding: 0 12px;
}
@media (max-width: 1120px) {
.page-funding-plan__text-wrap {
transform: translateX(0);
}
}
@media (max-width: 820px) {
.page-funding-plan__text-wrap {
max-width: 520px;
margin: 0 auto 32px;
}
}
.page-funding-plan__text-wrap--last {
margin: 0 auto 120px;
}
@media (max-width: 820px) {
.page-funding-plan__text-wrap--last {
margin: 0 auto 60px;
}
}
.page-funding-plan__text {
margin: 0 0 28px;
}
@media (max-width: 820px) {
.page-funding-plan__text {
margin: 0 0 16px;
}
}
.page-funding-plan__text--green {
color: #009245;
}
.page-funding-plan__img {
max-width: 680px;
margin: 0 auto 40px;
padding: 0 12px;
transform: translateX(-92px);
}
@media (max-width: 1120px) {
.page-funding-plan__img {
margin: 0 auto 40px;
transform: translateX(0);
}
}
@media (max-width: 820px) {
.page-funding-plan__img {
margin: 0 auto 24x;
}
}
.page-funding-plan__img02 {
max-width: 480px;
margin: 0 auto 60px;
padding: 0 12px;
transform: translateX(-186px);
}
@media (max-width: 1120px) {
.page-funding-plan__img02 {
margin: 0 auto 60px;
transform: translateX(0);
}
}
@media (max-width: 820px) {
.page-funding-plan__img02 {
margin: 0 auto 32x;
}
}
.page-funding-plan__section02 {
background-color: #fbf8f5;
padding: 80px 0;
margin: 0 0 0px;
}
@media (max-width: 820px) {
.page-funding-plan__section02 {
padding: 40px 0;
}
}
@media (max-width: 600px) {
.page-funding-plan__section02 {
margin: 0 0 60px;
}
}
.page-funding-plan__img03 {
max-width: 780px;
margin: 0 auto 40px;
padding: 0 12px;
transform: translateX(-43px);
}
@media (max-width: 1120px) {
.page-funding-plan__img03 {
margin: 0 auto 40px;
transform: translateX(0);
}
}
@media (max-width: 820px) {
.page-funding-plan__img03 {
margin: 0 auto 32x;
}
} .page-zeh__section01 {
padding: 0 12px 100px;
}
@media (max-width: 600px) {
.page-zeh__section01 {
padding: 0 12px 20px;
}
}
.page-zeh__top-img {
max-width: 820px;
margin: 0 auto 40px;
}
.page-zeh__text-wrap {
max-width: 820px;
margin: 0 auto 60px;
}
@media (max-width: 600px) {
.page-zeh__text-wrap {
margin: 0 auto 40px;
}
}
.page-zeh__img-wrap {
max-width: 820px;
margin: 0 auto 60px;
}
@media (max-width: 600px) {
.page-zeh__img-wrap {
margin: 0 auto 40px;
}
}
.page-zeh__section02 {
padding: 0 12px 100px;
}
@media (max-width: 600px) {
.page-zeh__section02 {
padding: 0 12px 20px;
}
}
.page-zeh__table-wrap {
max-width: 820px;
margin: 0 auto 60px;
}
.page-zeh__table01 {
width: 100%;
border-collapse: collapse;
}
.page-zeh__table01 .zeh-j {
color: rgb(193, 16, 16);
}
.page-zeh__table01 th {
border-collapse: collapse;
border: #c69c6d 1px solid;
vertical-align: middle;
padding: 6px 18px;
color: #8c6239;
background-color: #f9f5f0;
}
@media (max-width: 600px) {
.page-zeh__table01 th {
padding: 2px;
font-size: 12px;
}
}
.page-zeh__table01 td {
border-collapse: collapse;
border: #c69c6d 1px solid;
text-align: center;
vertical-align: middle;
padding: 6px 18px;
}
@media (max-width: 600px) {
.page-zeh__table01 td {
padding: 2px;
font-size: 12px;
}
}
.page-zeh__table-lead {
text-align: right;
margin: 24px 0 12px;
font-size: 11px;
}
@media (max-width: 820px) {
.page-zeh__table-lead {
text-align: left;
}
} .page-kanseihoshou__section01 {
padding: 0 12px 100px;
}
@media (max-width: 600px) {
.page-kanseihoshou__section01 {
padding: 0 12px 20px;
}
}
.page-kanseihoshou__top-img {
max-width: 820px;
margin: 0 auto 40px;
}
.page-kanseihoshou__top-text {
max-width: 480px;
margin: 0 auto 80px;
}
@media (max-width: 600px) {
.page-kanseihoshou__top-text {
margin: 0 auto 40px;
}
}
.page-kanseihoshou__text-wrap {
max-width: 820px;
margin: 0 auto 60px;
}
@media (max-width: 600px) {
.page-kanseihoshou__text-wrap {
margin: 0 auto 40px;
}
}
.page-kanseihoshou__img-wrap {
max-width: 820px;
margin: 0 auto 60px;
}
@media (max-width: 600px) {
.page-kanseihoshou__img-wrap {
margin: 0 auto 40px;
}
}
.page-kanseihoshou__flex {
display: flex;
max-width: 880px;
margin: 0 auto 80px;
}
@media (max-width: 820px) {
.page-kanseihoshou__flex {
flex-direction: column;
align-items: center;
gap: 60px;
margin: 0 auto 60px;
}
}
@media (max-width: 820px) {
.page-kanseihoshou__flex--gap {
gap: 24px;
}
}
.page-kanseihoshou__left {
width: 50%;
padding: 0 32px 0 0;
}
@media (max-width: 820px) {
.page-kanseihoshou__left {
width: 100%;
padding: 0;
}
}
.page-kanseihoshou__right {
width: 50%;
padding: 0 0 0 32px;
}
@media (max-width: 820px) {
.page-kanseihoshou__right {
width: 100%;
padding: 0;
}
}
.page-kanseihoshou__right--line {
border-left: 1px solid #c7c7c7;
}
@media (max-width: 820px) {
.page-kanseihoshou__right--line {
border-left: none;
}
}
.page-kanseihoshou__text {
margin: 0 0 16px;
}
.page-kanseihoshou__text:last-of-type {
margin: 0;
}
.page-kanseihoshou__lead {
color: #b59570;
font-size: 18px;
margin: 0 0 24px;
}
@media (max-width: 820px) {
.page-kanseihoshou__lead {
margin: 0 0 8px;
}
}
.page-kanseihoshou__lead--margin {
margin: 40px 0 24px;
}
@media (max-width: 820px) {
.page-kanseihoshou__lead--margin {
margin: 24px 0 8px;
}
}
.page-kanseihoshou__youtube-content {
max-width: 480px;
margin: 60px auto 0;
}
@media (max-width: 820px) {
.page-kanseihoshou__youtube-content {
margin: 24px auto 0;
}
}
.page-kanseihoshou__youtube-item {
width: 100%;
height: 0;
position: relative;
padding-top: 56.25%;
overflow: hidden;
}
.page-kanseihoshou__youtube-item iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.page-kanseihoshou__icon-ttl {
font-size: 18px;
margin: 60px 0 12px;
}
@media (max-width: 820px) {
.page-kanseihoshou__icon-ttl {
margin: 24px 0 12px;
}
} .page-kashitanpo__section01 {
padding: 0 12px 100px;
}
@media (max-width: 600px) {
.page-kashitanpo__section01 {
padding: 0 12px 20px;
}
}
.page-kashitanpo__flex {
max-width: 820px;
margin: 0 auto 40px;
display: flex;
gap: 24px;
}
@media (max-width: 600px) {
.page-kashitanpo__flex {
flex-direction: column;
}
}
.page-kashitanpo__left {
flex: 1;
}
@media (max-width: 1120px) {
.page-kashitanpo__right {
width: 240px;
}
}
@media (max-width: 820px) {
.page-kashitanpo__right {
width: auto;
}
}
.page-kashitanpo__top-text {
max-width: 480px;
margin: 0 auto 80px;
}
@media (max-width: 600px) {
.page-kashitanpo__top-text {
margin: 0 auto 40px;
}
}
.page-kashitanpo__text-wrap {
max-width: 820px;
margin: 0 auto 60px;
}
@media (max-width: 600px) {
.page-kashitanpo__text-wrap {
margin: 0 auto 40px;
}
}
.page-kashitanpo__text {
margin: 0 0 24px;
}
.page-kashitanpo__text:last-child {
margin: 0;
} .page-hirogalie__section01 {
padding: 0 12px 100px;
}
@media (max-width: 600px) {
.page-hirogalie__section01 {
padding: 0 12px 20px;
}
}
.page-hirogalie__top-img {
max-width: 920px;
margin: 0 auto 80px;
}
@media (max-width: 600px) {
.page-hirogalie__top-img {
margin: 0 auto 40px;
}
}
.page-hirogalie__text-wrap {
max-width: 820px;
margin: 0 auto 60px;
}
@media (max-width: 600px) {
.page-hirogalie__text-wrap {
margin: 0 auto 40px;
}
}
.page-hirogalie__text-wrap--blue {
max-width: 660px;
margin: 0 auto 80px;
}
@media (max-width: 600px) {
.page-hirogalie__text-wrap--blue {
margin: 0 auto 40px;
}
}
.page-hirogalie__text {
margin: 0 0 24px;
}
.page-hirogalie__text:last-child {
margin: 0;
}
.page-hirogalie__text span {
background: linear-gradient(rgba(0, 0, 0, 0) 50%, #69e2ab 50%);
}
@media (max-width: 600px) {
.page-hirogalie__text {
margin: 0 0 18px;
}
}
.page-hirogalie__text--blue {
color: #0068b7;
font-size: 17px;
margin: 0 0 24px;
}
.page-hirogalie__flex {
max-width: 820px;
margin: 0 auto 80px;
display: flex;
gap: 24px;
align-items: center;
}
@media (max-width: 600px) {
.page-hirogalie__flex {
flex-direction: column;
}
}
.page-hirogalie__flex--section02 {
margin: 40px auto 80px;
}
@media (max-width: 600px) {
.page-hirogalie__flex--section02 {
flex-direction: column-reverse;
}
}
.page-hirogalie__left {
flex: 1;
}
.page-hirogalie__right {
width: 300px;
}
@media (max-width: 1120px) {
.page-hirogalie__right {
width: 240px;
}
}
.page-hirogalie__section01-box {
max-width: 820px;
margin: 0 auto 32px;
border: 1px solid #323232;
text-align: center;
padding: 12px;
}
.page-hirogalie__section01-img02 {
max-width: 680px;
margin: 0 auto;
}
.page-hirogalie__section02 {
padding: 0 12px 100px;
}
@media (max-width: 600px) {
.page-hirogalie__section02 {
padding: 0 12px 20px;
}
}
.page-hirogalie__section02-list {
display: flex;
flex-wrap: wrap;
gap: 12px;
margin: 0 0 12px;
}
.page-hirogalie__section02-list li {
background-color: #fef4e8;
padding: 5px 12px;
border-radius: 3px;
}
.page-hirogalie__section02-list--bottom li {
background-color: #fef4e8;
padding: 2px 12px;
border-radius: 3px;
}
.page-hirogalie__section02-img02 {
max-width: 880px;
margin: 0 auto 40px;
} .category-voices__top-img {
max-width: 1020px;
margin: 0 auto 80px;
}
.category-voices__item-wrap {
padding: 0 12px;
}
.category-voices__item {
max-width: 920px;
margin: 0 auto 60px;
}
.category-voices__ttl-box {
display: flex;
justify-content: space-between;
align-items: center;
gap: 20px;
margin: 0 0 12px;
}
@media (max-width: 1120px) {
.category-voices__ttl-box {
flex-direction: column;
align-items: flex-start;
gap: 4px;
}
}
.category-voices__ttl {
position: relative;
margin: 0 0 0 30px;
font-size: 20px;
color: #896138;
}
.category-voices__ttl:before {
content: url(//www.yasumoto.co.jp/cms/wp-content/themes/yasumoto2024/assets/img/other/voice/voice-ttl-img.png);
position: absolute;
top: 3px;
left: -28px;
transform: scale(1);
}
@media (max-width: 600px) {
.category-voices__ttl {
font-size: 18px;
}
.category-voices__ttl:before {
transform: scale(0.8);
}
}
.category-voices__ttl-cat {
color: #896138;
}
@media (max-width: 1120px) {
.category-voices__ttl-cat {
margin-left: auto;
padding: 0 8px 0 0;
}
}
@media (max-width: 600px) {
.category-voices__ttl-cat {
font-size: 14px;
}
}
.category-voices__content {
background-color: #fbf8f5;
padding: 24px;
display: flex;
gap: 32px;
align-items: center;
}
@media (max-width: 600px) {
.category-voices__content {
flex-direction: column;
}
}
.category-voices__img {
max-width: 400px;
}
@media (max-width: 1120px) {
.category-voices__img {
max-width: 300px;
}
}
.category-voices__img img {
aspect-ratio: 3/2;
-o-object-fit: cover;
object-fit: cover;
}
.category-voices__text-wrap {
flex: 1;
}
.category-voices__text-wrap p {
margin: 0 0 18px;
}
.category-voices__text-wrap p:last-of-type {
margin: 0;
} .category-faq__item-wrap {
padding: 0 12px;
}
.category-faq__item {
max-width: 920px;
margin: 0 auto 60px;
}
.category-faq__ttl-box {
display: flex;
justify-content: space-between;
align-items: center;
gap: 20px;
margin: 0 0 12px;
}
@media (max-width: 1120px) {
.category-faq__ttl-box {
flex-direction: column;
align-items: flex-start;
gap: 4px;
}
}
.category-faq__ttl {
position: relative;
margin: 0 0 0 30px;
font-size: 20px;
color: #896138;
}
.category-faq__ttl:before {
content: "Q.";
position: absolute;
top: 0;
left: -28px;
transform: scale(1);
}
@media (max-width: 600px) {
.category-faq__ttl {
font-size: 18px;
}
.category-faq__ttl:before {
transform: scale(0.8);
}
}
.category-faq__ttl-cat {
color: #896138;
}
@media (max-width: 1120px) {
.category-faq__ttl-cat {
margin-left: auto;
padding: 0 8px 0 0;
}
}
@media (max-width: 600px) {
.category-faq__ttl-cat {
font-size: 14px;
}
}
.category-faq__content {
background-color: #fbf8f5;
padding: 24px;
display: flex;
gap: 32px;
align-items: center;
}
@media (max-width: 600px) {
.category-faq__content {
flex-direction: column;
}
}
.category-faq__text-wrap {
position: relative;
margin: 0 0 0 30px;
font-size: 20px;
color: #896138;
}
.category-faq__text-wrap:before {
content: "A.";
position: absolute;
top: -5px;
left: -28px;
transform: scale(0.8);
}
.category-faq__text-wrap p {
margin: 0 0 18px;
}
.category-faq__text-wrap p:last-of-type {
margin: 0;
} .page-guide__content {
max-width: 880px;
margin: 0 auto;
padding: 60px 12px;
}
@media (max-width: 600px) {
.page-guide__content {
padding: 0 12px;
}
} .category-news__item {
max-width: 920px;
margin: 0 auto 60px;
display: flex;
gap: 32px;
padding: 0 12px;
}
@media (max-width: 600px) {
.category-news__item {
flex-direction: column;
align-items: center;
gap: 12px;
}
}
.category-news__left {
width: 320px;
}
@media (max-width: 1120px) {
.category-news__left {
width: 270px;
}
}
@media (max-width: 600px) {
.category-news__left {
width: 100%;
max-width: 400px;
}
}
.category-news__left img {
aspect-ratio: 3/2;
-o-object-fit: cover;
object-fit: cover;
}
.category-news__right {
flex: 1;
}
.category-news__item-label {
font-size: 13px;
line-height: 13px;
background-color: #ad9667;
padding: 6px 12px;
color: #fff;
display: inline-block;
margin: 0 0 8px;
width: 90px;
text-align: center;
}
.category-news__item-label--end {
background-color: #b3b3b3;
}
.category-news__date {
display: block;
border-bottom: #b3b3b3 1px solid;
font-size: 18px;
margin: 0 0 2px;
}
@media (max-width: 600px) {
.category-news__date {
font-size: 16px;
}
}
.category-news__ttl {
color: #ad9667;
font-size: 22px;
margin: 0 0 16px;
}
@media (max-width: 600px) {
.category-news__ttl {
font-size: 20px;
margin: 0 0 10px;
}
} .page-contact__section {
padding: 0 12px 100px;
}
@media (max-width: 600px) {
.page-contact__section {
padding: 0 12px 40px;
}
}
.page-contact__text-wrap {
max-width: 820px;
margin: 0 auto 60px;
}
@media (max-width: 600px) {
.page-contact__text-wrap {
margin: 0 auto 40px;
}
}
.page-contact__text {
margin: 0 0 24px;
}
.page-contact__text:last-child {
margin: 0;
}
.page-contact__lead {
font-size: 22px;
max-width: 820px;
margin: 0 auto 24px;
}
.page-contact__table-wrap {
max-width: 820px;
margin: 0 auto 40px;
}
.page-contact__table {
width: 100%;
border-bottom: 1px solid #c69c6d;
}
.page-contact__table th {
text-align: left;
padding: 8px 10px 8px 24px;
width: 220px;
border-top: 1px solid #c69c6d;
border-collapse: collapse;
color: #8c6239;
background: #f9f5f0;
vertical-align: top;
}
@media (max-width: 600px) {
.page-contact__table th {
width: 100%;
display: block;
padding: 8px 2px 8px 10px;
}
}
.page-contact__table td {
padding: 3px;
border-top: 1px solid #c69c6d;
border-collapse: collapse;
padding: 8px 0 8px 24px;
}
@media (max-width: 600px) {
.page-contact__table td {
display: block;
padding: 8px;
}
}
.page-contact .wpcf7-captchac {
max-width: 200px;
}
.page-contact__flex p {
display: flex;
gap: 12px;
}
.page-contact__flex input {
width: 120px;
}
.page-contact__btn-wrap {
text-align: center;
}
.page-contact__btn {
border: 1px #b3b3b3 solid;
display: inline-block;
width: 260px;
padding: 12px;
transition: all 0.3s;
}
.page-contact__btn:hover {
background-color: #b3b3b3;
}
@media (max-width: 600px) {
.wpcf7-list-item {
font-size: 13px !important;
}
} .single__section {
padding: 0 0 100px;
}
.single__content {
max-width: 880px;
margin: 80px auto;
padding: 0 12px;
}
@media (max-width: 600px) {
.single__content {
padding: 0 12px;
margin: 40px auto;
}
}
.single__form-wrap {
max-width: 880px;
margin: 80px auto;
padding: 0 12px;
}
@media (max-width: 600px) {
.single__form-wrap {
padding: 0 12px;
margin: 40px auto;
}
}
.single__date {
max-width: 880px;
margin: 0 auto;
padding: 0 8px;
display: block;
text-align: right;
}
.single input {
padding: 6px;
}
.single .page-contact__table th {
vertical-align: top;
}
.single .sp-br {
display: none;
}
.single .wpcf7-list-item {
width: 100%;
display: inline-block;
margin: 0 0 0.5em 1em;
font-size: 17px;
}
.single .wpcf7-date {
width: 40%;
height: 30px;
margin: 1em;
}
@media only screen and (max-width: 640px) {
.single .sp-br {
display: block;
}
.single .wpcf7-date {
width: 120px;
height: 30px;
margin: 0.5em;
}
.single .t-1 p {
width: 100%;
font-size: 17px;
}
.single .p-1 {
font-size: 16px;
}
} .wrap-header {
position: fixed;
z-index: 99;
top: 0;
width: 240px;
height: 100vh;
}
@media (max-width: 820px) {
.wrap-header {
width: 100%;
height: auto;
}
}
.header {
overflow-y: scroll;
scrollbar-width: none;
background: #fff;
}
.header__inner {
padding: 18px 20px 12px;
}
@media (max-width: 820px) {
.header__inner {
padding: 8px 16px;
margin: 0 auto;
justify-content: space-between;
align-items: center;
display: flex;
padding: 8px;
margin: 0 0 0;
background: #fff;
}
}
.header__ttl {
display: block;
margin: 0 auto 16px;
max-width: 150px;
}
@media (max-width: 820px) {
.header__ttl {
margin: 0;
max-width: 80px;
}
}
.header__nav {
display: flex;
flex-direction: column;
align-items: center;
margin: 0 0 16px;
}
@media (max-width: 820px) {
.header__nav {
display: none;
}
}
.header__nav-item {
border-bottom: #e3e3e3 1px solid;
width: 100%;
text-align: center;
transition: all 0.3s;
}
.header__nav-item:first-of-type {
border-top: #e3e3e3 1px solid;
}
.header__nav-item:hover {
background-color: #c5c5c5;
opacity: 1;
}
.header__nav-link {
font-size: 16px;
line-height: 16px;
display: block;
padding: 17px;
}
.header__nav-link:hover {
opacity: 1;
}
.header__open-btn {
position: relative;
z-index: 999;
cursor: pointer;
width: 50px;
height: 50px;
border-radius: 5px;
display: none; }
@media (max-width: 820px) {
.header__open-btn {
display: block;
}
}
.header__open-btn span {
display: inline-block;
transition: all 0.4s; position: absolute;
left: 11px;
height: 2px;
border-radius: 5px;
background: #000;
width: 55%;
}
.header__open-btn span:nth-of-type(1) {
top: 13px;
}
.header__open-btn span:nth-of-type(2) {
top: 23px;
}
.header__open-btn span:nth-of-type(3) {
top: 33px;
}
.header__open-btn.active span:nth-of-type(1) {
top: 14px;
left: 18px;
transform: translateY(6px) rotate(-45deg);
width: 60%;
}
.header__open-btn.active.active span:nth-of-type(2) {
opacity: 0;
}
.header__open-btn.active span:nth-of-type(3) {
top: 26px;
left: 18px;
transform: translateY(-6px) rotate(45deg);
width: 60%;
}
.header__open-btn.active span:nth-of-type(3)::after {
display: none;
}
.header__event {
width: 170px;
display: block;
margin: 0 auto;
border: #ad9667 1px solid;
background-color: #fff;
padding: 12px 8px 0;
position: relative;
}
.header__event--sp {
margin: 0;
}
.header__event-ttl {
color: #ad9667;
font-size: 22px;
line-height: 28px;
margin: 0 0 0 4px;
}
.header__icon-dial {
width: 28px;
vertical-align: middle;
display: inline-block;
margin: 0 6px 4px 0;
}
.header__event-text {
display: inline-block;
font-size: 18px;
margin: 2px 0 0;
}
.header__event-label {
background-color: #ad9667;
position: absolute;
top: 0;
right: 0;
}
.header__event-label a {
padding: 4px 10px;
color: #fff;
display: block;
}
.header__slider-item {
width: 100%;
}
.header__slider-item-img {
-o-object-fit: cover;
object-fit: cover;
}
.header .slick-dots li {
width: 10px;
}
.header-sp {
position: fixed;
z-index: 200;
top: 0;
right: -120%;
width: 100%;
height: 100%;
background-color: rgba(255, 255, 255, 0.96);
transition: all 0.6s;
overflow-y: scroll;
scrollbar-width: none;
padding: 80px 12px 40px 20px;
}
.header-sp.open-menu {
right: 0;
}
.header-sp__inner {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.header-sp__nav {
display: flex;
flex-direction: column;
}
.header-sp__nav-item {
margin: 0 0 24px;
position: relative;
}
.header-sp__nav-item:after {
border-right: solid 2px #ad9667;
border-top: solid 2px #ad9667;
content: "";
display: block;
height: 8px;
position: absolute;
right: 25px;
top: 0;
transform: rotate(135deg);
transition: transform 0.3s ease-in-out, top 0.3s ease-in-out;
width: 8px;
}
.header-sp__nav-item.open::after {
transform: rotate(-45deg);
}
.header-sp__nav-link {
color: #000;
}
.header-sp__nav-link--main {
font-weight: bold;
color: #ad9667;
font-size: 16px;
}
.header-sp__sub-nav {
margin: 0 0 0 16px;
display: none;
} .footer {
padding: 80px 0 0;
position: relative;
}
@media (max-width: 600px) {
.footer {
padding: 40px 0 0;
}
}
.footer__top-btn {
position: absolute;
bottom: 50px;
right: 50px;
width: 90px;
}
@media (max-width: 1120px) {
.footer__top-btn {
right: 10px;
width: 70px;
bottom: 160px;
}
}
.footer-top {
max-width: 800px;
margin: 0 auto;
padding: 0 12px 80px;
}
@media (max-width: 820px) {
.footer-top {
max-width: 640px;
padding: 0 24px 40px;
}
}
.footer-top a {
border-bottom: 1px solid #9a9a9a;
}
.footer-top__ttl-wrap {
display: flex;
gap: 40px;
margin: 0 0 40px;
}
@media (max-width: 600px) {
.footer-top__ttl-wrap {
flex-direction: column;
gap: 12px;
}
}
.footer-top__ttl {
font-size: 17px;
}
@media (max-width: 600px) {
.footer-top__ttl {
max-width: 340px;
}
}
.footer-top__top-box {
max-width: 470px;
position: relative;
margin: 0 0 60px;
}
@media (max-width: 600px) {
.footer-top__top-box {
max-width: 340px;
margin: 0 auto 80px;
}
}
.footer-top__text {
margin: 0 0 4px;
}
.footer-top__icon-map {
width: 18px;
vertical-align: text-bottom;
}
.footer-top__icon-dial {
width: 30px;
vertical-align: middle;
display: inline-block;
margin: 0 6px 0 0;
}
@media (max-width: 600px) {
.footer-top__icon-dial {
width: 20px;
}
}
.footer-top__sns {
display: flex;
align-items: flex-end;
}
@media (max-width: 600px) {
.footer-top__sns {
margin: 0 0 0 -6px;
}
}
.footer-top__sns-item {
width: 30px;
display: inline-block;
border-bottom: none !important;
margin: 0 6px;
}
@media (max-width: 600px) {
.footer-top__sns-item {
width: 20px;
}
}
.footer-top__sns-item--margin {
transform: translateY(-3px);
}
@media (max-width: 600px) {
.footer-top__sns-item--margin {
transform: translateY(1px);
}
}
.footer-top__bottom-box {
display: flex;
flex-direction: column;
gap: 48px;
}
@media (max-width: 820px) {
.footer-top__bottom-box {
gap: 30px;
}
}
@media (max-width: 600px) {
.footer-top__bottom-box {
max-width: 340px;
margin: 0 auto;
}
}
.footer-middle {
display: flex;
gap: 40px;
justify-content: center;
padding: 0 12px 40px;
}
@media screen and (max-width: 1250px) {
.footer-middle {
gap: 24px;
}
}
@media (max-width: 1120px) {
.footer-middle {
flex-wrap: wrap;
justify-content: flex-start;
padding: 0 24px 24px;
}
}
@media (max-width: 1120px) {
.footer-middle__item {
width: calc((100% - px) / 3);
}
}
@media (max-width: 600px) {
.footer-middle__item {
width: 100%;
}
}
.footer-middle__item--second {
margin-right: -40px;
}
@media (max-width: 1120px) {
.footer-middle__item--second {
margin-right: 0px;
}
}
.footer-middle__item-ttl {
font-size: 16px;
color: #ad9667;
margin: 0 0 8px;
}
.footer-middle__item-link {
display: block;
}
.footer-bottom__link {
display: flex;
max-width: 600px;
margin: 0 auto;
gap: 24px;
padding: 0 12px 40px;
justify-content: center;
}
@media (max-width: 600px) {
.footer-bottom__link {
flex-wrap: wrap;
padding: 0 12px 22px;
gap: 0px;
text-align: center;
justify-content: flex-start;
}
}
.footer-bottom__link-item {
border-bottom: 1px solid #9a9a9a;
}
@media (max-width: 600px) {
.footer-bottom__link-item {
width: calc((100% - 12px) / 2);
border-bottom: none;
}
}
.footer-bottom__copy {
background-color: #fbf8f5;
padding: 12px 8px;
text-align: center;
font-size: 13px;
} .page-top__ttl-wrap {
max-width: 720px;
margin: 0 auto 60px;
white-space: nowrap;
}
@media (max-width: 820px) {
.page-top__ttl-wrap {
padding: 0 0 0 32px;
margin: 0 auto 24px;
white-space: normal;
}
}
.page-top__ttl-wrap--top-results {
margin: 0 auto;
}
.top-main {
padding: 0 0 60px;
}
@media (max-width: 820px) {
.top-main {
padding: 0 0 60px;
}
}
.top-main__main-visual {
margin: 0 0 120px;
}
@media (max-width: 820px) {
.top-main__main-visual {
margin: 0 0 40px;
}
}
.top-main__main-wrap {
display: flex;
justify-content: flex-start;
gap: 50px;
margin: 0 auto 40px;
align-items: flex-end;
}
@media (max-width: 820px) {
.top-main__main-wrap {
gap: 24px;
margin: 0 auto 24px;
justify-content: center;
}
}
.top-main__main-left {
max-width: 350px;
}
@media (max-width: 820px) {
.top-main__main-left {
padding: 0 24px 0 24px;
max-width: 350px;
}
}
.top-main__ttl-wrap {
text-align: center;
margin: -50px 0 0 35px;
display: flex;
}
@media (max-width: 820px) {
.top-main__ttl-wrap {
margin: 0;
}
}
@media (max-width: 600px) {
.top-main__ttl-wrap {
text-align: left;
}
}
.top-main__lead {
font-size: 44px;
margin: 20px -77px 50px 0;
z-index: 10;
position: relative;
letter-spacing: 0.1rem;
}
@media (max-width: 1120px) {
.top-main__lead {
font-size: 32px;
}
}
@media (max-width: 820px) {
.top-main__lead {
margin: 40px 0 30px 0;
}
}
.top-main__text {
margin: 0 0 24px 40px;
}
@media (max-width: 600px) {
.top-main__text {
margin: 0 0 24px 0;
}
}
.top-main__main-right {
max-width: 300px;
}
@media (max-width: 820px) {
.top-main__main-right {
max-width: 240px;
}
}
@media (max-width: 600px) {
.top-main__main-right {
display: none;
}
}
.top-main__btn {
text-align: right;
max-width: 1100px;
margin: 40px auto 0;
padding: 0 16px;
}
@media (max-width: 820px) {
.top-main__btn {
text-align: center;
margin: 40px auto 40px;
}
}
.top-main__bottm-img {
display: none;
}
@media (max-width: 820px) {
.top-main__bottm-img {
display: block;
}
} .top-results {
padding: 0 0 80px;
}
@media (max-width: 820px) {
.top-results {
padding: 0 0 60px;
}
}
.top-results__content {
background-color: #fbf8f5;
padding: 120px 12px 120px 260px;
margin: 0 0 80px;
}
@media (max-width: 820px) {
.top-results__content {
margin: 0 0 40px;
padding: 40px 26px;
}
}
.top-results__item {
display: flex;
gap: 40px;
align-items: center;
margin: 0 auto 80px;
max-width: 940px;
}
.top-results__item:last-of-type {
margin: 0 auto;
}
@media (max-width: 600px) {
.top-results__item {
gap: 0px;
margin: 0 auto 24px;
align-items: flex-end;
justify-content: flex-start;
}
}
.top-results__item--reverse {
flex-direction: row-reverse;
justify-content: flex-end;
}
@media (max-width: 820px) {
.top-results__item--reverse {
flex-direction: row;
gap: 24px;
}
}
@media (max-width: 600px) {
.top-results__item--reverse {
gap: 0px;
justify-content: flex-start;
align-items: flex-end;
}
}
.top-results__item-left {
max-width: 330px;
}
@media (max-width: 820px) {
.top-results__item-left img {
aspect-ratio: 5/5;
-o-object-fit: cover;
object-fit: cover;
width: 180px;
}
}
@media (max-width: 600px) {
.top-results__item-left img {
aspect-ratio: 5/5;
-o-object-fit: cover;
object-fit: cover;
width: 85px;
}
}
@media (max-width: 600px) {
.top-results__item-right {
width: auto;
}
}
.top-results__item-ttl {
margin: 0 0 24px 20px;
font-size: 24px;
}
@media (max-width: 820px) {
.top-results__item-ttl {
margin: 0 0 16px 20px;
white-space: nowrap;
}
}
@media (max-width: 600px) {
.top-results__item-ttl {
font-size: 18px;
margin: 0 0 8px 16px;
}
}
.top-results__item-text {
margin: 0 0 0 24px;
}
@media (max-width: 600px) {
.top-results__item-text {
display: none;
}
}
.top-results__item-btn {
margin: 0 0 32px 20px;
}
@media (max-width: 600px) {
.top-results__item-btn {
margin: 0 0 0 24px;
}
}
.top-results__btn {
text-align: right;
max-width: 900px;
margin: 0 auto;
}
@media (max-width: 820px) {
.top-results__btn {
text-align: center;
margin: 0 auto;
}
} .top-event {
padding: 0 0 100px;
}
@media (max-width: 820px) {
.top-event {
padding: 0 0 60px;
}
}
.top-event__content {
display: flex;
gap: 24px;
padding: 0 12px;
margin: 0 auto 80px;
max-width: 1020px;
}
@media (max-width: 820px) {
.top-event__content {
flex-direction: column;
align-items: center;
gap: 40px;
padding: 0 24px;
margin: 0 auto 40px;
}
}
.top-event__item {
width: calc((100% - 48px) / 3);
}
@media (max-width: 820px) {
.top-event__item {
width: 100%;
max-width: 400px;
}
}
.top-event__item-top {
display: flex;
justify-content: space-between;
align-items: center;
margin: 0 0 6px;
}
.top-event__item-label {
font-size: 13px;
line-height: 13px;
background-color: #ad9667;
padding: 8px 12px;
color: #fff;
}
.top-event__item-label--end {
background-color: #b3b3b3;
}
.top-event__item-date {
font-size: 12px;
padding: 0 8px 0 0;
}
.top-event__item-img {
margin: 0 0 12px;
}
.top-event__item-img img {
aspect-ratio: 3/2;
-o-object-fit: cover;
object-fit: cover;
}
.top-event__item-scheduled {
margin: 0 0 2px;
}
.top-event__item-ttl {
font-size: 15px;
font-weight: bold;
}
.top-event__btn {
text-align: right;
max-width: 900px;
margin: 0 auto;
}
@media (max-width: 820px) {
.top-event__btn {
text-align: center;
margin: 0 auto;
}
} .top-news {
padding: 0 0 100px;
overflow: hidden;
}
@media (max-width: 820px) {
.top-news {
padding: 0 0 60px;
}
}
.top-news__content {
padding: 0 12px;
margin: 0 auto 80px !important;
max-width: 980px;
}
@media (max-width: 600px) {
.top-news__content {
margin: 0 auto 40px !important;
}
}
.top-news__item {
margin: 0 16px;
position: relative;
}
@media (max-width: 820px) {
.top-news__item {
margin: 0 8px;
}
}
.top-news__item-img {
aspect-ratio: 2/1;
-o-object-fit: cover;
object-fit: cover;
} .top-blog {
padding: 0 0 160px;
}
@media (max-width: 820px) {
.top-blog {
padding: 0 0 60px;
}
}
.top-blog__content {
display: flex;
gap: 24px;
padding: 0 12px;
margin: 0 auto 80px;
max-width: 1020px;
}
@media (max-width: 820px) {
.top-blog__content {
flex-direction: column;
align-items: center;
gap: 40px;
padding: 0 26px 40px;
margin: 0 auto;
}
}
.top-blog__item {
width: calc((100% - 48px) / 3);
}
@media (max-width: 820px) {
.top-blog__item {
width: 100%;
max-width: 400px;
}
}
.top-blog__item-date {
font-size: 12px;
padding: 0 8px 0 0;
display: block;
text-align: right;
}
.top-blog__item-img {
margin: 0 0 12px;
}
.top-blog__item-img img {
aspect-ratio: 3/2;
-o-object-fit: cover;
object-fit: cover;
}
.top-blog__item-lead {
font-size: 12px;
}
.top-blog__item-ttl {
font-size: 15px;
font-weight: bold;
}
.top-blog__btn {
text-align: right;
max-width: 900px;
margin: 0 auto;
}
@media (max-width: 820px) {
.top-blog__btn {
text-align: center;
margin: 0 auto;
}
} .top-service {
padding: 0 0 120px;
}
@media (max-width: 820px) {
.top-service {
padding: 0 0 60px;
}
}
.top-service__ttl-bg {
background-image: url(//www.yasumoto.co.jp/cms/wp-content/themes/yasumoto2024/assets/img/top/top-main-img02_2.jpg);
padding-top: 160px;
background-size: cover;
background-repeat: no-repeat;
}
@media (max-width: 820px) {
.top-service__ttl-bg {
background-image: none;
padding-top: 0;
}
}
.top-service__content-wrap {
background-color: #fbf8f5;
}
.top-service__content {
display: flex;
max-width: 960px;
margin: 0 auto;
gap: 24px;
padding: 80px 12px 80px;
}
@media (max-width: 1120px) {
.top-service__content {
flex-direction: column;
}
}
@media (max-width: 600px) {
.top-service__content {
padding: 40px 12px 40px;
}
}
.top-service__item {
width: calc((100% - 48px) / 3);
display: flex;
flex-direction: column;
}
@media (max-width: 1120px) {
.top-service__item {
width: 100%;
flex-direction: row;
justify-content: center;
}
}
@media (max-width: 600px) {
.top-service__item:nth-of-type(1) {
margin: 0 0 80px;
}
.top-service__item:nth-of-type(2) {
margin: 0 0 20px;
}
}
.top-service__item-ttl {
font-size: 20px;
margin: 0 0 12px;
}
@media (max-width: 1120px) {
.top-service__item-ttl {
font-size: 18px;
display: none;
}
}
.top-service__item-ttl--sp {
display: none;
}
@media (max-width: 1120px) {
.top-service__item-ttl--sp {
font-size: 17px;
line-height: 1.5;
display: block;
margin: 0 0 -12px;
}
}
.top-service__item-img {
margin: 0 0 24px;
}
@media (max-width: 1120px) {
.top-service__item-img {
order: -1;
}
}
@media (max-width: 600px) {
.top-service__item-img img {
width: 150px;
}
}
@media screen and (max-width: 360px) {
.top-service__item-img img {
width: 110px;
}
}
.top-service__item-text {
padding: 0 6px;
margin: 0 0 12px;
min-height: 150px;
}
@media (max-width: 1120px) {
.top-service__item-text {
display: none;
}
}
@media (max-width: 600px) {
.top-service__btn a {
width: 180px;
}
}
.top-service__item-link-wrap {
margin: 0 8px 0 28px;
display: flex;
flex-direction: column;
align-items: flex-end;
gap: 18px;
}
@media (max-width: 1120px) {
.top-service__item-link-wrap {
margin: 12px 0 0 24px;
align-items: flex-start;
}
} .top-company {
padding: 0 0 160px;
}
@media (max-width: 820px) {
.top-company {
padding: 0 0 60px;
}
}
.top-company__content {
padding: 60px 12px 60px 260px;
background: linear-gradient(180deg, #fff 0%, #fff 50%, #fbf8f5 50%, #fbf8f5 100%);
margin: 0 0 40px;
}
@media (max-width: 1120px) {
.top-company__content {
background: linear-gradient(180deg, #fff 0%, #fff 43%, #fbf8f5 43%, #fbf8f5 100%);
}
}
@media (max-width: 820px) {
.top-company__content {
padding: 12px 12px;
}
}
@media (max-width: 600px) {
.top-company__content {
background: #fff;
}
}
.top-company__content-inner {
display: flex;
max-width: 800px;
margin: 0 auto;
gap: 40px;
justify-content: center;
}
@media (max-width: 1120px) {
.top-company__content-inner {
gap: 28px;
}
}
.top-company__left {
max-width: 300px;
}
@media (max-width: 1120px) {
.top-company__left {
max-width: 260px;
}
}
@media (max-width: 600px) {
.top-company__left {
max-width: 80px;
}
}
.top-company__lead {
font-size: 44px;
line-height: 1.3;
margin: 64px 0 140px;
}
@media (max-width: 1120px) {
.top-company__lead {
font-size: 40px;
}
}
@media (max-width: 600px) {
.top-company__lead {
font-size: 32px;
margin: 24px 0 80px;
}
}
.top-company__text {
margin: 0 0 0 40px;
}
@media (max-width: 1120px) {
.top-company__text {
margin: 0 0 0 24px;
}
}
@media (max-width: 600px) {
.top-company__text {
margin: 0 0 0 -64px;
}
}
.top-company__btn {
text-align: right;
max-width: 900px;
margin: 0 auto;
}
@media (max-width: 820px) {
.top-company__btn {
text-align: center;
margin: 0 auto;
}
} .top-contact {
background-color: #fbf8f5;
padding: 60px 12px 60px 120px;
}
@media (max-width: 1120px) {
.top-contact {
padding: 60px 12px 60px 260px;
}
}
@media (max-width: 820px) {
.top-contact {
padding: 40px 12px;
}
}
.top-contact__content {
background-color: #fff;
max-width: 460px;
margin: 0 auto 60px;
padding: 40px;
border-radius: 20px;
}
@media (max-width: 600px) {
.top-contact__content {
padding: 24px;
margin: 0 auto 40px;
}
}
.top-contact__content-text {
max-width: 320px;
margin: 0 auto 16px;
}
@media (max-width: 600px) {
.top-contact__content-text {
text-align: center;
}
}
.top-contact__content-tel {
max-width: 320px;
margin: 0 auto;
display: block;
font-size: 40px;
line-height: 40px;
}
@media (max-width: 600px) {
.top-contact__content-tel {
font-size: 32px;
line-height: 32px;
text-align: center;
}
}
.top-contact__content-tel-img {
width: 46px;
display: inline;
vertical-align: middle;
margin: 0 16px 4px 0;
}
@media (max-width: 600px) {
.top-contact__content-tel-img {
width: 30px;
}
}
.top-contact__content-time {
max-width: 320px;
margin: 0 auto;
}
@media (max-width: 600px) {
.top-contact__content-time {
text-align: center;
}
}
.top-contact__btn {
display: block;
max-width: 360px;
margin: 0 auto 40px;
}
.top-contact__text {
text-align: center;
}