@charset "utf-8";
.h1Wrap {
margin-bottom: 8px;
}
h1 {
font-size: clamp(1rem, 0.699rem + 1.23vw, 1.625rem);
font-weight: bold;
text-wrap: wrap;
margin-bottom: 16px;
}
#single h2,#single h3 {
    font-size: clamp(1rem, 0.88rem + 0.49vw, 1.25rem);
}
#single h2 {
font-weight: bold;
padding: 0 0 5px;
border-bottom: 4px solid #736A63;
text-wrap: wrap;
}
#single h3 {
font-weight: bold;
    padding: 12px 16px;
    border-radius: 4px;
    color: #fff;
    font-size: 20px;
}
.singleSec > section:first-of-type h3 {
margin: 40px 0 20px;
}
.singleSec > section:not( :first-of-type ) h3 {
margin: 100px 0 24px;
}
#single h4 {
    font-size: 18px;
    margin: 60px 0 24px;
    padding-left: 16px;
        border-left: 4px solid #736A63;
}
#single h5 {
font-size: clamp(1rem, 0.94rem + 0.25vw, 1rem);
margin: 24px 0 16px;
}
#single {
width: 100%;
max-width: 816px;
background: #fff;
padding: 40px 40px 100px;
margin-bottom: 100px;
}
.eyeCatch {
    position:relative;
    margin-bottom: 40px;
}

.catList {
font-size: 14px;
}
.catList li {
margin-right: 16px;
}
.catList li a {
font-size: 14px;
color: #fff;
border-radius: 10px;
padding: 4px 8px;
}
.subCatList {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.subCatList li {
    margin-right: 8px;
}
.subCatList li a {
font-size: 14px;
padding: 4px 8px;
}
.timeWrap {
margin-left: auto;
}
.singleWrap {
display: flex;
justify-content: space-between;
}
.singleWrap .breadCrumb {
max-width: 816px;
width: 100%;
background: #fff;
padding: 20px 0 60px;
}
.columnSec > ul {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.columnSec > ul li {
width: calc( 50% - 27.5px );
}
.columnSec ul li a img {
width: 100%;
aspect-ratio: 5 / 3;
object-fit: cover;
}
.columnSec ul li a > div {
display: flex;
flex-wrap: wrap;
padding-left: 2.5rem;
width: 73%;
}
.columnSec ul li a > div dl {
width: 100%;
}
.columnSec ul li a > div dt {
margin-bottom: 1rem;
}
.columnSec ul li time {
display: flex;
justify-content: flex-end;
align-items: end;
margin-left: auto;
}
.timeWrap time {
display: block;
text-align: right;
font-size: 14px;
font-weight: bold;
padding: 4px 0;
}
.h1Wrap p:not(:last-child) {
margin-bottom: 1rem;
}
.h1Wrap > div {
display: flex;
position: relative;
align-items: center;
}
.h1Top {
display: flex;
flex-wrap: wrap;
font-weight: bold;
margin-bottom: 16px;
}
.catWrap {
    display: flex;
    align-items: center;
}
.catParts {
    border-radius: 4px;
    padding: 5px 20px;
    margin-right: 8px;
        color: #fff;
    font-size: clamp(0.625rem, 0.444rem + 0.74vw, 1rem);
}
.mainCarList {
border-radius: 4px;
    padding: 5px 20px;
    margin-right: 8px;
    background: #F6F5F2;
    font-size: clamp(0.625rem, 0.444rem + 0.74vw, 1rem);
}
.prFirst::after {
    content: "PR";
    position: absolute;
    color: #FFF;
    font-weight: 800;
    font-size: clamp(0.875rem, 0.653rem + 0.46vw, 1rem);
    right: 5px;
    top: 5px;
    padding: 5px 15px;
    text-align: center;
    background-color: #736A63;
    border-radius: 4px;
}
.h1Bottom {
display: flex;
margin-bottom: 16px;
}
#single .siteCapture {
margin-bottom: 24px;
}
.itemWrap > figure img {
width: 100%;
object-fit: contain;
}
.itemWrap figcaption,
.deluxePicture > div,
.source,.source a {
text-align: right;
font-size: clamp(0.75rem, 0.69rem + 0.25vw, 0.875rem);
}
.source {
margin-top: 8px;
}
.introductionWrap {
margin-bottom: 60px;
}
.officialBtn {
display: flex;
justify-content: center;
margin: 60px 0;
}
.officialBtn a {
margin: auto;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
border-radius: 30px;
background-color: #736A63;
font-weight: bold;
padding: 10px 60px;
height: 50px;
    position: relative;
}
.officialBtn a::after {
    content: '';
    width: 8px;
    height: 8px;
    border: 0;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
    position: absolute;
    top: 50%;
    right: 24px;
    margin-top: -4px;
    transform: rotate(45deg);
}
.officialBtn a:hover,.deluxeBtn a:hover {
-webkit-animation: buttonHover 0.3s forwards;
animation: buttonHover 0.3s forwards
}
p:not(:last-child) {
margin-bottom: 16px;
}
.deluxePicture ul {
display: flex;
justify-content: space-between;
}
.deluxePicture ul li {
    width: 100%;
}
.deluxePicture ul li:first-child {
margin-right: 20px;
}
.deluxePicture ul li:nth-child(2) {
margin-left: 20px;
}
.deluxePicture ul li img {
aspect-ratio: 3.5 / 2.4;
object-fit: cover;
width: 100%;
}
.deluxePoint {
padding: 1.5rem 2.5rem;
border-radius: 10px;
border: solid 3px #fd5f00;
background: rgb(246 246 233 / 50%);
margin-top: 1.5rem;
}
.deluxePoint > div {
color: #fd5f00;
font-size: 1.375rem;
align-items: center;
display: flex;
margin-bottom: 2rem;
}
.deluxePoint > div::before,
.deluxePoint > div::after {
background-color: #fd5f00;
border-radius: 5px;
content: "";
height: 2px;
width: 25px;
}
.deluxePoint > div::before {
margin-right: 10px;
transform: rotate(50deg);
}
.deluxePoint > div::after {
margin-left: 10px;
transform: rotate(-50deg);
}
.deluxePoint > ul li {
font-size: 1.125rem;
font-weight: bold;
display: flex;
align-items: center;
}
.deluxePoint > ul li span {
width: calc(100% - 16px);
padding-left: 10px;
}
.deluxePoint > ul li::before {
content:"";
background: url("../img/point-check.png") no-repeat;
display: inline-block;
width: 16px;
height: 16px;
vertical-align: middle;
background-size: contain;
position: relative;
bottom: 1px;
}
.deluxePoint > ul li:not(:last-child) {
margin-bottom: 0.625rem;
}
.consultationhoursWrap > div {
width: 100%;
overflow-x: auto;
}
table.tableWrap {
border-collapse: collapse;
border-color: #F6F5F2;
white-space: normal;
width: 100%;
}
table.tableWrap th {
word-break: keep-all;
}
table.tableWrap th,table.tableWrap td:not(.map) {
padding: 10px 20px;
font-size: 14px;
}
.map {
width: 100%;
}
.map iframe {
height: 230px;
width: 100%;
}
table.tableWrap td a {
font-size: 14px;
}
.consultationhoursWrap table.tableWrap td ul li {
font-size: 14px;
}
.consultationhoursWrap table.tableWrap td {
color: #736A63;
text-align: center;
}
.consultationhoursWrap table.tableWrap td ul li {
text-align: left;
font-size: 14px;
color: #322D2C;
}
.consultationhoursWrap table.tableWrap td ul.list-spaced li {
margin-bottom: 0.5em;
}
.consultationhoursWrap table.tableWrap td ul.list-spaced li:last-child {
margin-bottom: 0;
}
.deluxeBtn ul {
display: flex;
justify-content: center;
flex-wrap: wrap;
    gap: 20px;
margin-top: 44px;
}
.deluxeBtn a {
margin: auto;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
border-radius: 30px;
background-color: #736A63;
font-weight: bold;
position: relative;
height: 50px;
}
.deluxeBtn a::after {
    content: '';
    width: 8px;
    height: 8px;
    border: 0;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
    position: absolute;
    top: 50%;
    right: 24px;
    margin-top: -4px;
    transform: rotate(45deg);
}
a.telBtn  {
padding: 10px 40px;
}
a.webBtn,a.lineBtn  {
padding: 10px 45px;
}
.deluxeBtn a img {
width: 20px;
display: block;
margin-left: 16px;
}
.deluxeBtn a:hover {
-webkit-animation: buttonHover 0.3s forwards;
animation: buttonHover 0.3s forwards
}
.bannerSec {
padding: 23px 35px;
display: flex;
justify-content: center;
}
.snsWrap {
display: flex;
align-items: center;
padding: 20px 40px;
margin-top: 60px;
}
.snsWrap > div {
font-weight: bold;
font-size: clamp(0.875rem, 0.815rem + 0.25vw, 1rem);
padding-right: 30px;
}
.snsWrap > ul {
display: flex;
}
.snsWrap > ul li a {
display: flex;
align-items: center;
justify-content: center;
background: #fff;
border-radius: 10px;
width: 60px;
height: 60px;
margin: 10px;
}
.reference {
font-size: 0.75rem;
}
.reference a {
color: #005792;
text-decoration: underline;
}
.catWrap {
    display: flex;
    align-items: center;
}
.popularSec  .subCatList {
    padding: 0;
}
.subpage-link {
margin-bottom: 16px;
}
.subpage-link dt {
    font-weight: 700;
    margin-bottom: 5px;
}

.subpage-link li {
    margin-bottom: 5px;
}

.subpage-link li a {
    color: #736a63;
    text-decoration: underline;
}

@media screen and (max-width: 768px) {
.singleWrap.mW {
padding: 0;
}
#single {
padding: 16px 20px 64px;
}
h1 {
width: 100%;
}
#single h3 {
        padding: 6px 16px;
        margin: 60px 0 24px;
    }
#single h4 {
margin: 40px 0 16px;
}
#single h5 {
margin: 16px 0 8px;
}
#single .siteCapture {
margin-bottom: 20px;
}
#single {
margin-bottom: 0;
}
.eyeCatch {
    margin-bottom: 20px;
}
.eyeCatch::after {
    font-size: clamp(0.75rem, 0.621rem + 0.53vw, 0.875rem);
    right: 5px;
    top: 5px;
    padding: 5px 10px;
}

.breadCrumb.mW {
background: #fff;
        padding-top: 16px;
}
.h1Top.spParts {
display: flex;
margin-bottom: 16px;
}
.h1Top > * {
margin-top: 10px;
}
.h1Bottom {
margin: 0 0 8px;
}
.introductionWrap {
    margin-bottom: 40px;
}
.officialBtn {
    margin: 40px 0;
}
.singleSec > section:first-of-type h3 {
margin: 40px 16px;
}
.singleSec > section:not( :first-of-type ) h3 {
margin: 64px 16px;
}
.infoSec > table,.consultationhoursWrap > table,.accessWrap > table {
    width: 728px;
    }
.infoSec,.consultationhoursWrap,.accessWrap {
        overflow-x: scroll;   
    }
.tagList li a {
font-size: 0.875rem;}
.itemWrap:not(.deluxe),.itemWrap.deluxe {
border: none;
}
.deluxePoint {
padding: 1.5rem 0.938rem;
}
.deluxePoint > div {
justify-content: center;
}
.deluxePoint > ul li {
font-size: clamp(1rem, 0.941rem + 0.29vw, 1.125rem);
}
.deluxeBtn ul {
gap: 16px;
}
.snsWrap {
padding: 24px;
margin-top: 40px;
flex-direction: column;
    }
.snsWrap > div {
padding-right: 0;
}
.snsWrap > ul li a {
width: 40px;
height: 40px;
margin: 12px 4px 0;
}
.popularSec .catParts,.popularSec .mainCarList {
    padding: 2px 8px;
}
}