@charset "UTF-8";
 *,
::before,
::after {
box-sizing: border-box;
margin: 0;
padding: 0;
}
* {
font-size: inherit;
line-height: inherit;
letter-spacing: 0.08em;
}
html {
font-size: 62.5%;
scroll-behavior: smooth;
scroll-padding-top: 100px;
}
body {
background: #fff;
color: #333;
font-size: 1.6rem;
font-family: "Shippori Mincho", serif;
overflow-x: hidden;
}
main {
background-color: #e6e6e6;
}
.container {
width: 100%;
max-width: 1040px;
margin: 0 auto;
padding: 0 20px;
}
.container:before,
.container:after {
content: " ";
display: table;
}
.container:after {
clear: both;
}
p,
dt,
dd,
li,
th,
td {
line-height: 2;
}
img {
border: 0;
vertical-align: bottom;
max-width: 100%;
}
li {
list-style-type: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
button {
overflow: visible;
background-color: transparent;
border-radius: 0;
border: none;
}
button,
select {
text-transform: none;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
cursor: pointer;
}
button[disabled],
input[disabled] {
cursor: default;
}
a {
text-decoration: underline;
color: #424851;
}
a:hover {
text-decoration: none;
}
a[href^="tel:"] {
color: #333;
text-decoration: underline;
}
@media only screen and (min-width: 769px) {
a[href^="tel:"] {
text-decoration: none;
pointer-events: none;
}
}
span {
display: inline-block;
}
.center-box {
margin-left: auto !important;
margin-right: auto !important;
} .pc {
display: block;
}
.sp {
display: none;
}
@media only screen and (max-width: 768px) {
.pc {
display: none !important;
}
.sp {
display: block !important;
}
}
.hover-all {
position: relative;
}
.hover-all > a {
display: block;
height: 100%;
width: 100%;
position: absolute;
z-index: 9;
top: 0;
left: 0;
font-size: 0;
} .left-text {
text-align: left !important;
}
.right-text {
text-align: right !important;
}
.center-text {
text-align: center !important;
} .img_position_left {
object-position: left !important;
}
.img_position_right {
object-position: right !important;
}
.img_position_top {
object-position: top !important;
}
.img_position_bottom {
object-position: bottom !important;
}
.img_position_center {
object-position: center !important;
}
.img_position_30-50 {
object-position: 30% 50% !important;
}
.img_position_50-30 {
object-position: 50% 30% !important;
} .mt0 {
margin-top: 0px !important;
}
.mb0 {
margin-bottom: 0px !important;
}
.pt0 {
padding-top: 0px !important;
}
.pr0 {
padding-right: 0px !important;
}
.pb0 {
padding-bottom: 0px !important;
}
.pl0 {
padding-left: 0px !important;
}
.mt10 {
margin-top: 10px !important;
}
.mb10 {
margin-bottom: 10px !important;
}
.pt10 {
padding-top: 10px !important;
}
.pr10 {
padding-right: 10px !important;
}
.pb10 {
padding-bottom: 10px !important;
}
.pl10 {
padding-left: 10px !important;
}
.mt20 {
margin-top: 20px !important;
}
.mb20 {
margin-bottom: 20px !important;
}
.pt20 {
padding-top: 20px !important;
}
.pr20 {
padding-right: 20px !important;
}
.pb20 {
padding-bottom: 20px !important;
}
.pl20 {
padding-left: 20px !important;
}
.mt30 {
margin-top: 30px !important;
}
.mb30 {
margin-bottom: 30px !important;
}
.pt30 {
padding-top: 30px !important;
}
.pr30 {
padding-right: 30px !important;
}
.pb30 {
padding-bottom: 30px !important;
}
.pl30 {
padding-left: 30px !important;
}
.mt40 {
margin-top: 40px !important;
}
.mb40 {
margin-bottom: 40px !important;
}
.pt40 {
padding-top: 40px !important;
}
.pr40 {
padding-right: 40px !important;
}
.pb40 {
padding-bottom: 40px !important;
}
.pl40 {
padding-left: 40px !important;
}
.mt50 {
margin-top: 50px !important;
}
.mb50 {
margin-bottom: 50px !important;
}
.pt50 {
padding-top: 50px !important;
}
.pr50 {
padding-right: 50px !important;
}
.pb50 {
padding-bottom: 50px !important;
}
.pl50 {
padding-left: 50px !important;
}
.mt60 {
margin-top: 60px !important;
}
.mb60 {
margin-bottom: 60px !important;
}
.pt60 {
padding-top: 60px !important;
}
.pr60 {
padding-right: 60px !important;
}
.pb60 {
padding-bottom: 60px !important;
}
.pl60 {
padding-left: 60px !important;
}
.mt70 {
margin-top: 70px !important;
}
.mb70 {
margin-bottom: 70px !important;
}
.pt70 {
padding-top: 70px !important;
}
.pr70 {
padding-right: 70px !important;
}
.pb70 {
padding-bottom: 70px !important;
}
.pl70 {
padding-left: 70px !important;
}
.mt80 {
margin-top: 80px !important;
}
.mb80 {
margin-bottom: 80px !important;
}
.pt80 {
padding-top: 80px !important;
}
.pr80 {
padding-right: 80px !important;
}
.pb80 {
padding-bottom: 80px !important;
}
.pl80 {
padding-left: 80px !important;
}
.mt90 {
margin-top: 90px !important;
}
.mb90 {
margin-bottom: 90px !important;
}
.pt90 {
padding-top: 90px !important;
}
.pr90 {
padding-right: 90px !important;
}
.pb90 {
padding-bottom: 90px !important;
}
.pl90 {
padding-left: 90px !important;
}
.mt100 {
margin-top: 100px !important;
}
.mb100 {
margin-bottom: 100px !important;
}
.pt100 {
padding-top: 100px !important;
}
.pr100 {
padding-right: 100px !important;
}
.pb100 {
padding-bottom: 100px !important;
}
.pl100 {
padding-left: 100px !important;
}
.mt110 {
margin-top: 110px !important;
}
.mb110 {
margin-bottom: 110px !important;
}
.pt110 {
padding-top: 110px !important;
}
.pr110 {
padding-right: 110px !important;
}
.pb110 {
padding-bottom: 110px !important;
}
.pl110 {
padding-left: 110px !important;
}
.mt120 {
margin-top: 120px !important;
}
.mb120 {
margin-bottom: 120px !important;
}
.pt120 {
padding-top: 120px !important;
}
.pr120 {
padding-right: 120px !important;
}
.pb120 {
padding-bottom: 120px !important;
}
.pl120 {
padding-left: 120px !important;
}
.mt130 {
margin-top: 130px !important;
}
.mb130 {
margin-bottom: 130px !important;
}
.pt130 {
padding-top: 130px !important;
}
.pr130 {
padding-right: 130px !important;
}
.pb130 {
padding-bottom: 130px !important;
}
.pl130 {
padding-left: 130px !important;
}
.mt140 {
margin-top: 140px !important;
}
.mb140 {
margin-bottom: 140px !important;
}
.pt140 {
padding-top: 140px !important;
}
.pr140 {
padding-right: 140px !important;
}
.pb140 {
padding-bottom: 140px !important;
}
.pl140 {
padding-left: 140px !important;
}
.mt150 {
margin-top: 150px !important;
}
.mb150 {
margin-bottom: 150px !important;
}
.pt150 {
padding-top: 150px !important;
}
.pr150 {
padding-right: 150px !important;
}
.pb150 {
padding-bottom: 150px !important;
}
.pl150 {
padding-left: 150px !important;
}
.mt160 {
margin-top: 160px !important;
}
.mb160 {
margin-bottom: 160px !important;
}
.pt160 {
padding-top: 160px !important;
}
.pr160 {
padding-right: 160px !important;
}
.pb160 {
padding-bottom: 160px !important;
}
.pl160 {
padding-left: 160px !important;
}
.mt170 {
margin-top: 170px !important;
}
.mb170 {
margin-bottom: 170px !important;
}
.pt170 {
padding-top: 170px !important;
}
.pr170 {
padding-right: 170px !important;
}
.pb170 {
padding-bottom: 170px !important;
}
.pl170 {
padding-left: 170px !important;
}
.mt180 {
margin-top: 180px !important;
}
.mb180 {
margin-bottom: 180px !important;
}
.pt180 {
padding-top: 180px !important;
}
.pr180 {
padding-right: 180px !important;
}
.pb180 {
padding-bottom: 180px !important;
}
.pl180 {
padding-left: 180px !important;
}
.mt190 {
margin-top: 190px !important;
}
.mb190 {
margin-bottom: 190px !important;
}
.pt190 {
padding-top: 190px !important;
}
.pr190 {
padding-right: 190px !important;
}
.pb190 {
padding-bottom: 190px !important;
}
.pl190 {
padding-left: 190px !important;
}
.mt200 {
margin-top: 200px !important;
}
.mb200 {
margin-bottom: 200px !important;
}
.pt200 {
padding-top: 200px !important;
}
.pr200 {
padding-right: 200px !important;
}
.pb200 {
padding-bottom: 200px !important;
}
.pl200 {
padding-left: 200px !important;
}
.owl5 > * + * {
margin-top: 5px;
}
.owl10 > * + * {
margin-top: 10px;
}
.owl15 > * + * {
margin-top: 15px;
}
.owl20 > * + * {
margin-top: 20px;
}
.owl25 > * + * {
margin-top: 25px;
}
.owl30 > * + * {
margin-top: 30px;
}
.owl35 > * + * {
margin-top: 35px;
}
.owl40 > * + * {
margin-top: 40px;
}
.owl45 > * + * {
margin-top: 45px;
}
.owl50 > * + * {
margin-top: 50px;
}
.owl55 > * + * {
margin-top: 55px;
}
.owl60 > * + * {
margin-top: 60px;
}
.owl65 > * + * {
margin-top: 65px;
}
.owl70 > * + * {
margin-top: 70px;
}
.owl75 > * + * {
margin-top: 75px;
}
.owl80 > * + * {
margin-top: 80px;
}
.owl85 > * + * {
margin-top: 85px;
}
.owl90 > * + * {
margin-top: 90px;
}
.owl95 > * + * {
margin-top: 95px;
}
.owl100 > * + * {
margin-top: 100px;
}
@media only screen and (max-width: 768px) { .left-text-tb {
text-align: left !important;
}
.right-text-tb {
text-align: right !important;
}
.center-text-tb {
text-align: center !important;
} .mt0-tb {
margin-top: 0px !important;
}
.mb0-tb {
margin-bottom: 0px !important;
}
.pt0-tb {
padding-top: 0px !important;
}
.pr0-tb {
padding-right: 0px !important;
}
.pb0-tb {
padding-bottom: 0px !important;
}
.pl0-tb {
padding-left: 0px !important;
}
.mt1-tb {
margin-top: 1px !important;
}
.mt10-tb {
margin-top: 10px !important;
}
.mb10-tb {
margin-bottom: 10px !important;
}
.pt10-tb {
padding-top: 10px !important;
}
.pr10-tb {
padding-right: 10px !important;
}
.pb10-tb {
padding-bottom: 10px !important;
}
.pl10-tb {
padding-left: 10px !important;
}
.mt20-tb {
margin-top: 20px !important;
}
.mb20-tb {
margin-bottom: 20px !important;
}
.pt20-tb {
padding-top: 20px !important;
}
.pr20-tb {
padding-right: 20px !important;
}
.pb20-tb {
padding-bottom: 20px !important;
}
.pl20-tb {
padding-left: 20px !important;
}
.mt30-tb {
margin-top: 30px !important;
}
.mb30-tb {
margin-bottom: 30px !important;
}
.pt30-tb {
padding-top: 30px !important;
}
.pr30-tb {
padding-right: 30px !important;
}
.pb30-tb {
padding-bottom: 30px !important;
}
.pl30-tb {
padding-left: 30px !important;
}
.mt40-tb {
margin-top: 40px !important;
}
.mb40-tb {
margin-bottom: 40px !important;
}
.pt40-tb {
padding-top: 40px !important;
}
.pr40-tb {
padding-right: 40px !important;
}
.pb40-tb {
padding-bottom: 40px !important;
}
.pl40-tb {
padding-left: 40px !important;
}
.mt50-tb {
margin-top: 50px !important;
}
.mb50-tb {
margin-bottom: 50px !important;
}
.pt50-tb {
padding-top: 50px !important;
}
.pr50-tb {
padding-right: 50px !important;
}
.pb50-tb {
padding-bottom: 50px !important;
}
.pl50-tb {
padding-left: 50px !important;
}
.mt60-tb {
margin-top: 60px !important;
}
.mb60-tb {
margin-bottom: 60px !important;
}
.pt60-tb {
padding-top: 60px !important;
}
.pr60-tb {
padding-right: 60px !important;
}
.pb60-tb {
padding-bottom: 60px !important;
}
.pl60-tb {
padding-left: 60px !important;
}
.mt70-tb {
margin-top: 70px !important;
}
.mb70-tb {
margin-bottom: 70px !important;
}
.pt70-tb {
padding-top: 70px !important;
}
.pr70-tb {
padding-right: 70px !important;
}
.pb70-tb {
padding-bottom: 70px !important;
}
.pl70-tb {
padding-left: 70px !important;
}
.mt80-tb {
margin-top: 80px !important;
}
.mb80-tb {
margin-bottom: 80px !important;
}
.pt80-tb {
padding-top: 80px !important;
}
.pr80-tb {
padding-right: 80px !important;
}
.pb80-tb {
padding-bottom: 80px !important;
}
.pl80-tb {
padding-left: 80px !important;
}
.mt90-tb {
margin-top: 90px !important;
}
.mb90-tb {
margin-bottom: 90px !important;
}
.pt90-tb {
padding-top: 90px !important;
}
.pr90-tb {
padding-right: 90px !important;
}
.pb90-tb {
padding-bottom: 90px !important;
}
.pl90-tb {
padding-left: 90px !important;
}
.mt100-tb {
margin-top: 100px !important;
}
.mb100-tb {
margin-bottom: 100px !important;
}
.pt100-tb {
padding-top: 100px !important;
}
.pr100-tb {
padding-right: 100px !important;
}
.pb100-tb {
padding-bottom: 100px !important;
}
.pl100-tb {
padding-left: 100px !important;
}
.mt110-tb {
margin-top: 110px !important;
}
.mb110-tb {
margin-bottom: 110px !important;
}
.pt110-tb {
padding-top: 110px !important;
}
.pr110-tb {
padding-right: 110px !important;
}
.pb110-tb {
padding-bottom: 110px !important;
}
.pl110-tb {
padding-left: 110px !important;
}
.mt120-tb {
margin-top: 120px !important;
}
.mb120-tb {
margin-bottom: 120px !important;
}
.pt120-tb {
padding-top: 120px !important;
}
.pr120-tb {
padding-right: 120px !important;
}
.pb120-tb {
padding-bottom: 120px !important;
}
.pl120-tb {
padding-left: 120px !important;
}
.mt130-tb {
margin-top: 130px !important;
}
.mb130-tb {
margin-bottom: 130px !important;
}
.pt130-tb {
padding-top: 130px !important;
}
.pr130-tb {
padding-right: 130px !important;
}
.pb130-tb {
padding-bottom: 130px !important;
}
.pl130-tb {
padding-left: 130px !important;
}
.mt140-tb {
margin-top: 140px !important;
}
.mb140-tb {
margin-bottom: 140px !important;
}
.pt140-tb {
padding-top: 140px !important;
}
.pr140-tb {
padding-right: 140px !important;
}
.pb140-tb {
padding-bottom: 140px !important;
}
.pl140-tb {
padding-left: 140px !important;
}
.mt150-tb {
margin-top: 150px !important;
}
.mb150-tb {
margin-bottom: 150px !important;
}
.pt150-tb {
padding-top: 150px !important;
}
.pr150-tb {
padding-right: 150px !important;
}
.pb150-tb {
padding-bottom: 150px !important;
}
.pl150-tb {
padding-left: 150px !important;
}
.mt160-tb {
margin-top: 160px !important;
}
.mb160-tb {
margin-bottom: 160px !important;
}
.pt160-tb {
padding-top: 160px !important;
}
.pr160-tb {
padding-right: 160px !important;
}
.pb160-tb {
padding-bottom: 160px !important;
}
.pl160-tb {
padding-left: 160px !important;
}
.mt170-tb {
margin-top: 170px !important;
}
.mb170-tb {
margin-bottom: 170px !important;
}
.pt170-tb {
padding-top: 170px !important;
}
.pr170-tb {
padding-right: 170px !important;
}
.pb170-tb {
padding-bottom: 170px !important;
}
.pl170-tb {
padding-left: 170px !important;
}
.mt180-tb {
margin-top: 180px !important;
}
.mb180-tb {
margin-bottom: 180px !important;
}
.pt180-tb {
padding-top: 180px !important;
}
.pr180-tb {
padding-right: 180px !important;
}
.pb180-tb {
padding-bottom: 180px !important;
}
.pl180-tb {
padding-left: 180px !important;
}
.mt190-tb {
margin-top: 190px !important;
}
.mb190-tb {
margin-bottom: 190px !important;
}
.pt190-tb {
padding-top: 190px !important;
}
.pr190-tb {
padding-right: 190px !important;
}
.pb190-tb {
padding-bottom: 190px !important;
}
.pl190-tb {
padding-left: 190px !important;
}
.mt200-tb {
margin-top: 200px !important;
}
.mb200-tb {
margin-bottom: 200px !important;
}
.pt200-tb {
padding-top: 200px !important;
}
.pr200-tb {
padding-right: 200px !important;
}
.pb200-tb {
padding-bottom: 200px !important;
}
.pl200-tb {
padding-left: 200px !important;
}
.owl5-tb > * + * {
margin-top: 5px;
}
.owl10-tb > * + * {
margin-top: 10px;
}
.owl15-tb > * + * {
margin-top: 15px;
}
.owl20-tb > * + * {
margin-top: 20px;
}
.owl25-tb > * + * {
margin-top: 25px;
}
.owl30-tb > * + * {
margin-top: 30px;
}
.owl35-tb > * + * {
margin-top: 35px;
}
.owl40-tb > * + * {
margin-top: 40px;
}
.owl45-tb > * + * {
margin-top: 45px;
}
.owl50-tb > * + * {
margin-top: 50px;
}
.owl55-tb > * + * {
margin-top: 55px;
}
.owl60-tb > * + * {
margin-top: 60px;
}
.owl65-tb > * + * {
margin-top: 65px;
}
.owl70-tb > * + * {
margin-top: 70px;
}
.owl75-tb > * + * {
margin-top: 75px;
}
.owl80-tb > * + * {
margin-top: 80px;
}
.owl85-tb > * + * {
margin-top: 85px;
}
.owl90-tb > * + * {
margin-top: 90px;
}
.owl95-tb > * + * {
margin-top: 95px;
}
.owl100-tb > * + * {
margin-top: 100px;
}
}
@media only screen and (max-width: 480px) { .left-text-sp {
text-align: left !important;
}
.right-text-sp {
text-align: right !important;
}
.center-text-sp {
text-align: center !important;
} .mt0-sp {
margin-top: 0px !important;
}
.mb0-sp {
margin-bottom: 0px !important;
}
.pt0-sp {
padding-top: 0px !important;
}
.pr0-sp {
padding-right: 0px !important;
}
.pb0-sp {
padding-bottom: 0px !important;
}
.pl0-sp {
padding-left: 0px !important;
}
.mt10-sp {
margin-top: 10px !important;
}
.mb10-sp {
margin-bottom: 10px !important;
}
.pt10-sp {
padding-top: 10px !important;
}
.pr10-sp {
padding-right: 10px !important;
}
.pb10-sp {
padding-bottom: 10px !important;
}
.pl10-sp {
padding-left: 10px !important;
}
.mt20-sp {
margin-top: 20px !important;
}
.mb20-sp {
margin-bottom: 20px !important;
}
.pt20-sp {
padding-top: 20px !important;
}
.pr20-sp {
padding-right: 20px !important;
}
.pb20-sp {
padding-bottom: 20px !important;
}
.pl20-sp {
padding-left: 20px !important;
}
.mt30-sp {
margin-top: 30px !important;
}
.mb30-sp {
margin-bottom: 30px !important;
}
.pt30-sp {
padding-top: 30px !important;
}
.pr30-sp {
padding-right: 30px !important;
}
.pb30-sp {
padding-bottom: 30px !important;
}
.pl30-sp {
padding-left: 30px !important;
}
.mt40-sp {
margin-top: 40px !important;
}
.mb40-sp {
margin-bottom: 40px !important;
}
.pt40-sp {
padding-top: 40px !important;
}
.pr40-sp {
padding-right: 40px !important;
}
.pb40-sp {
padding-bottom: 40px !important;
}
.pl40-sp {
padding-left: 40px !important;
}
.mt50-sp {
margin-top: 50px !important;
}
.mb50-sp {
margin-bottom: 50px !important;
}
.pt50-sp {
padding-top: 50px !important;
}
.pr50-sp {
padding-right: 50px !important;
}
.pb50-sp {
padding-bottom: 50px !important;
}
.pl50-sp {
padding-left: 50px !important;
}
.mt60-sp {
margin-top: 60px !important;
}
.mb60-sp {
margin-bottom: 60px !important;
}
.pt60-sp {
padding-top: 60px !important;
}
.pr60-sp {
padding-right: 60px !important;
}
.pb60-sp {
padding-bottom: 60px !important;
}
.pl60-sp {
padding-left: 60px !important;
}
.mt70-sp {
margin-top: 70px !important;
}
.mb70-sp {
margin-bottom: 70px !important;
}
.pt70-sp {
padding-top: 70px !important;
}
.pr70-sp {
padding-right: 70px !important;
}
.pb70-sp {
padding-bottom: 70px !important;
}
.pl70-sp {
padding-left: 70px !important;
}
.mt80-sp {
margin-top: 80px !important;
}
.mb80-sp {
margin-bottom: 80px !important;
}
.pt80-sp {
padding-top: 80px !important;
}
.pr80-sp {
padding-right: 80px !important;
}
.pb80-sp {
padding-bottom: 80px !important;
}
.pl80-sp {
padding-left: 80px !important;
}
.mt90-sp {
margin-top: 90px !important;
}
.mb90-sp {
margin-bottom: 90px !important;
}
.pt90-sp {
padding-top: 90px !important;
}
.pr90-sp {
padding-right: 90px !important;
}
.pb90-sp {
padding-bottom: 90px !important;
}
.pl90-sp {
padding-left: 90px !important;
}
.mt100-sp {
margin-top: 100px !important;
}
.mb100-sp {
margin-bottom: 100px !important;
}
.pt100-sp {
padding-top: 100px !important;
}
.pr100-sp {
padding-right: 100px !important;
}
.pb100-sp {
padding-bottom: 100px !important;
}
.pl100-sp {
padding-left: 100px !important;
}
.mt110-sp {
margin-top: 110px !important;
}
.mb110-sp {
margin-bottom: 110px !important;
}
.pt110-sp {
padding-top: 110px !important;
}
.pr110-sp {
padding-right: 110px !important;
}
.pb110-sp {
padding-bottom: 110px !important;
}
.pl110-sp {
padding-left: 110px !important;
}
.mt120-sp {
margin-top: 120px !important;
}
.mb120-sp {
margin-bottom: 120px !important;
}
.pt120-sp {
padding-top: 120px !important;
}
.pr120-sp {
padding-right: 120px !important;
}
.pb120-sp {
padding-bottom: 120px !important;
}
.pl120-sp {
padding-left: 120px !important;
}
.mt130-sp {
margin-top: 130px !important;
}
.mb130-sp {
margin-bottom: 130px !important;
}
.pt130-sp {
padding-top: 130px !important;
}
.pr130-sp {
padding-right: 130px !important;
}
.pb130-sp {
padding-bottom: 130px !important;
}
.pl130-sp {
padding-left: 130px !important;
}
.mt140-sp {
margin-top: 140px !important;
}
.mb140-sp {
margin-bottom: 140px !important;
}
.pt140-sp {
padding-top: 140px !important;
}
.pr140-sp {
padding-right: 140px !important;
}
.pb140-sp {
padding-bottom: 140px !important;
}
.pl140-sp {
padding-left: 140px !important;
}
.mt150-sp {
margin-top: 150px !important;
}
.mb150-sp {
margin-bottom: 150px !important;
}
.pt150-sp {
padding-top: 150px !important;
}
.pr150-sp {
padding-right: 150px !important;
}
.pb150-sp {
padding-bottom: 150px !important;
}
.pl150-sp {
padding-left: 150px !important;
}
.mt160-sp {
margin-top: 160px !important;
}
.mb160-sp {
margin-bottom: 160px !important;
}
.pt160-sp {
padding-top: 160px !important;
}
.pr160-sp {
padding-right: 160px !important;
}
.pb160-sp {
padding-bottom: 160px !important;
}
.pl160-sp {
padding-left: 160px !important;
}
.mt170-sp {
margin-top: 170px !important;
}
.mb170-sp {
margin-bottom: 170px !important;
}
.pt170-sp {
padding-top: 170px !important;
}
.pr170-sp {
padding-right: 170px !important;
}
.pb170-sp {
padding-bottom: 170px !important;
}
.pl170-sp {
padding-left: 170px !important;
}
.mt180-sp {
margin-top: 180px !important;
}
.mb180-sp {
margin-bottom: 180px !important;
}
.pt180-sp {
padding-top: 180px !important;
}
.pr180-sp {
padding-right: 180px !important;
}
.pb180-sp {
padding-bottom: 180px !important;
}
.pl180-sp {
padding-left: 180px !important;
}
.mt190-sp {
margin-top: 190px !important;
}
.mb190-sp {
margin-bottom: 190px !important;
}
.pt190-sp {
padding-top: 190px !important;
}
.pr190-sp {
padding-right: 190px !important;
}
.pb190-sp {
padding-bottom: 190px !important;
}
.pl190-sp {
padding-left: 190px !important;
}
.mt200-sp {
margin-top: 200px !important;
}
.mb200-sp {
margin-bottom: 200px !important;
}
.pt200-sp {
padding-top: 200px !important;
}
.pr200-sp {
padding-right: 200px !important;
}
.pb200-sp {
padding-bottom: 200px !important;
}
.pl200-sp {
padding-left: 200px !important;
}
.owl5-sp > * + * {
margin-top: 5px;
}
.owl10-sp > * + * {
margin-top: 10px;
}
.owl15-sp > * + * {
margin-top: 15px;
}
.owl20-sp > * + * {
margin-top: 20px;
}
.owl25-sp > * + * {
margin-top: 25px;
}
.owl30-sp > * + * {
margin-top: 30px;
}
.owl35-sp > * + * {
margin-top: 35px;
}
.owl40-sp > * + * {
margin-top: 40px;
}
.owl45-sp > * + * {
margin-top: 45px;
}
.owl50-sp > * + * {
margin-top: 50px;
}
.owl55-sp > * + * {
margin-top: 55px;
}
.owl60-sp > * + * {
margin-top: 60px;
}
.owl65-sp > * + * {
margin-top: 65px;
}
.owl70-sp > * + * {
margin-top: 70px;
}
.owl75-sp > * + * {
margin-top: 75px;
}
.owl80-sp > * + * {
margin-top: 80px;
}
.owl85-sp > * + * {
margin-top: 85px;
}
.owl90-sp > * + * {
margin-top: 90px;
}
.owl95-sp > * + * {
margin-top: 95px;
}
.owl100-sp > * + * {
margin-top: 100px;
}
} .bg_white {
background-color: #fff;
} .btn_reserve {
display: block;
background-color: #cbb889;
padding: 10px 15px;
color: #232323;
border-radius: 5px;
margin: 40px auto;
padding: 10px;
text-align: center;
letter-spacing: 0.25em;
text-decoration: none;
width: 240px;
position: relative;
}
.btn_reserve:hover {
background-color: rgba(203, 184, 137, 0.5);
}
.btn_more_white {
display: block;
background-color: transparent;
border: 2px solid #ab9b75;
color: #fff;
border-radius: 5px;
margin-top: 20px;
padding: 10px;
text-align: center;
letter-spacing: 0.25em;
text-decoration: none;
width: 240px;
position: relative;
}
.btn_more_white:hover {
background-color: #ab9b75;
border: 2px solid transparent;
}
@media only screen and (max-width: 768px) {
.btn_more_white {
width: fit-content;
display: block;
margin: 20px auto 0;
width: 230px;
}
}
.btn_after_line {
text-decoration: none;
color: #424851;
display: inline-block;
padding-right: 40px;
position: relative;
}
.btn_after_line:before,
.btn_after_line:after {
content: "";
height: 2px;
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
}
.btn_after_line:before {
width: 30px;
background: #ccc;
}
.btn_after_line:after {
width: 0;
background: #424851;
transition: 0.2s;
}
@media only screen and (min-width: 769px) {
.btn_after_line:hover:after {
width: 30px;
left: calc(100% - 30px);
}
}
.btn_more_beige {
display: block;
background-color: transparent;
border: 1px solid #ab9b75;
color: #232323;
border-radius: 5px;
width: 240px;
margin: 20px auto 0;
padding: 10px;
text-align: center;
letter-spacing: 0.25em;
text-decoration: none;
position: relative;
transition: all 0.4s ease;
}
.btn_more_beige:hover {
background-color: #ab9b75;
border: 1px solid transparent;
}
@media only screen and (max-width: 768px) {
.btn_more_beige {
width: fit-content;
display: block;
margin: 20px auto 0;
width: 230px;
}
}
.table01 {
width: 100%;
}
.table01 tr {
display: flex;
flex-direction: column;
width: 100%;
margin: 0 auto;
text-align: left;
}
.table01 tr th,
.table01 tr td {
border-bottom: 1px solid #b3b3b3;
padding: 10px 20px;
vertical-align: top;
width: 100%;
}
@media only screen and (max-width: 768px) {
.table01 tr {
width: 100%;
margin-top: 20px;
}
.table01 tr th,
.table01 tr td {
width: 100% !important;
display: block;
border-top: 0;
padding: 10px 14px;
}
.table01 tr th {
border-top: 1px solid #b3b3b3;
border-bottom: none;
padding: 5px 0 5px;
text-align: center;
}
.table01 tr td {
padding: 5px 0;
border-bottom: none;
}
}
h3.top_h3 {
font-size: 2rem;
font-weight: 400;
color: #424851;
margin-bottom: 20px;
position: relative;
z-index: 2;
}
h3:not(.top_h3) {
font-size: 2.2rem;
font-weight: 700;
color: #424851;
margin-bottom: 50px;
}
@media only screen and (max-width: 768px) {
h3:not(.top_h3) {
margin-bottom: 30px;
font-size: 2rem;
}
}
h4.top {
font-size: 1.8rem;
font-weight: 700;
line-height: 1.8;
color: #fff;
margin-bottom: 20px;
}
h4:not(.top) {
font-size: 2rem;
position: relative;
padding-bottom: 10px;
margin-bottom: 30px;
}
h4:not(.top):before,
h4:not(.top):after {
content: "";
height: 1px;
position: absolute;
bottom: 0;
}
h4:not(.top):before {
width: 100px;
background: #424851;
left: 0;
z-index: 2;
transition: 0.3s;
}
h4:not(.top):after {
width: calc(100% - 100px);
background: #ab9b75;
right: 0;
}
@media only screen and (max-width: 768px) {
h4:not(.top) {
margin-bottom: 20px;
}
h4:not(.top):before {
width: 80px;
}
h4:not(.top):after {
width: calc(100% - 80px);
}
}
h5 {
color: #424851;
margin-bottom: 10px;
}
.en {
font-family: "Cormorant Garamond", serif;
}
.en-ttl {
font-size: 7rem;
font-family: "Cormorant Garamond", serif;
line-height: 1;
margin-bottom: 10px;
color: #ab9b75;
}
@media only screen and (max-width: 768px) {
.en-ttl { font-size: 3.75rem;
}
}
.dot-list > li {
position: relative;
}
.news-list {
border-top: 1px solid #333;
}
.news-list > li {
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
display: flex;
border-bottom: 1px solid #333;
padding: 25px 10px;
}
.news-list > li > time {
display: block;
width: 110px;
}
.news-list > li > a {
text-align: left;
text-decoration: none;
text-overflow: ellipsis;
color: #333;
width: calc(100% - 110px);
display: block;
}
@media only screen and (min-width: 769px) {
.news-list > li > a {
overflow: hidden;
white-space: nowrap;
position: relative;
}
}
.news-list.-top {
max-height: 250px;
overflow: auto;
}
@media only screen and (max-width: 768px) {
.news-list > li > time {
margin-bottom: 5px;
}
.news-list > li > a {
width: 100%;
display: -webkit-box;
overflow: hidden;
}
.news-list.-top {
margin-bottom: 50px;
}
.news-list.-top > li:nth-of-type(n + 4) {
display: none;
}
}
.anchor-list {
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: stretch;
display: flex;
gap: 15px 2.5%;
}
.anchor-list > li {
text-align: center;
width: 23%;
position: relative;
}
.anchor-list > li:not(:first-child):before {
width: 1px;
height: 100%;
position: absolute;
top: 50%;
transform: translateY(-50%) rotate(45deg);
background: #ab9b75;
}
.anchor-list > li:before {
content: "";
left: 0;
}
.anchor-list > li > a {
text-align: center;
text-decoration: none;
color: #424851;
display: inline-block;
position: relative;
}
.anchor-list > li > a:after {
content: "";
position: absolute;
width: 0;
height: 1px;
right: 0;
bottom: 0;
background: #424851;
transition: 0.3s;
}
@media only screen and (min-width: 769px) {
.anchor-list > li > a:hover:after {
width: 100%;
left: 0;
}
}
.anchor-list > li:nth-of-type(4n):after {
content: "";
right: 0;
}
@media only screen and (max-width: 768px) {
.anchor-list > li {
width: 48.5%;
}
.anchor-list > li:nth-of-type(2n):after {
content: "";
right: 0;
}
.anchor-list > li:nth-of-type(3):before {
background: transparent;
}
}
.card-list {
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: stretch;
display: flex;
gap: 50px 2%;
}
.card-list > li {
width: 32%;
}
.card-list > li > .img-box {
position: relative;
padding-bottom: 65%;
margin-bottom: 15px;
overflow: hidden;
border-radius: 10px;
}
.card-list > li > .img-box > img {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
transition: 0.3s;
}
.card-list > li > .txt-box > h4 {
margin-bottom: 10px;
}
.card-list > li > .txt-box > .txt {
display: -webkit-box;
overflow: hidden;
}
@media only screen and (min-width: 769px) {
.card-list > li:hover > .img-box img {
transform: scale(1.1);
}
.card-list > li:hover > .txt-box > h4:before {
width: 100%;
}
}
@media only screen and (max-width: 768px) {
.card-list {
gap: 30px 2%;
}
.card-list > li {
width: 49%;
}
}
@media only screen and (max-width: 480px) {
.card-list > li {
width: 100%;
}
}
.change-list > * + * {
margin-top: 50px;
}
.change-list > li {
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-end;
align-items: center;
display: flex;
}
.change-list > li > .txt-box {
width: 40%;
max-width: 650px;
padding: 50px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.16);
position: relative;
z-index: 2;
margin-right: -1%;
background: #fff;
}
.change-list > li > .txt-box > .txt > * + * {
margin-top: 15px;
}
.change-list > li > .img-box {
width: 55%;
height: 75svh;
min-height: 600px;
}
.change-list > li > .img-box > img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.change-list > li:nth-of-type(2n) {
flex-direction: row-reverse;
}
.change-list > li:nth-of-type(2n) > .txt-box {
margin-right: 0;
margin-left: -1%;
}
@media only screen and (max-width: 768px) {
.change-list > li {
flex-direction: column-reverse !important;
}
.change-list > li > .txt-box {
width: calc(100% - 40px);
margin: -30px auto 0 !important;
padding: 30px;
}
.change-list > li > .img-box {
width: 100%;
height: auto;
min-height: unset;
}
}
.bg-box01 {
padding: 80px 0;
overflow: hidden;
}
@media only screen and (max-width: 768px) {
.bg-box01 {
padding: 50px 0;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeUp {
0% {
opacity: 0;
transform: translateY(100px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
header {
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
display: flex;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100px;
padding-left: 10px;
z-index: 9999;
background: #f6f6f6;
}
header > .logo-box {
width: auto;
}
header > .logo-box > a {
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
display: flex;
}
header > .logo-box > a > img {
display: inline-block;
}
header > .logo-box > a > img.main-logo {
width: 190px;
height: auto;
}
header .r-box {
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-end;
align-items: center;
display: flex;
}
header .r-box > nav > ul {
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-end;
align-items: center;
display: flex;
padding-left: 30px;
gap: 0 20px;
}
header .r-box > nav > ul > li:first-child {
display: none;
}
header .r-box > nav > ul > li > a {
font-weight: 700;
position: relative;
text-decoration: none;
}
header .r-box > nav > ul > li > a:before {
content: "";
width: 0;
height: 1px;
background: #424851;
position: absolute;
right: 0;
bottom: 0;
transition: 0.3s;
}
header .r-box .btn-box {
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: stretch;
display: flex;
overflow: hidden;
}
header .r-box .btn-box > .item {
width: 85px;
height: 65px;
}
header .r-box .btn-box > .item > a,
header .r-box .btn-box > .item > .menu-box-btn {
width: 100%;
height: 100%;
transition: 0.3s;
}
header .r-box .btn-box > .item > a {
text-align: center;
text-decoration: none;
padding: 24px 5px;
display: block;
background: #cbb889;
}
header .r-box .btn-box > .item > a:hover {
background: #e5dcc4;
}
header .r-box .btn-box > .item > .menu-box-btn {
background: #fff;
cursor: pointer;
position: relative;
}
header .r-box .btn-box > .item > .menu-box-btn > .bdr-box {
width: 30px;
height: 30px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
header .r-box .btn-box > .item > .menu-box-btn > .bdr-box > span {
display: block;
position: absolute;
width: 100%;
height: 2px;
top: 0;
bottom: 0;
background: #424851;
margin: auto;
transform-origin: center center;
transition: 0.3s;
}
header .r-box .btn-box > .item > .menu-box-btn > .bdr-box > span:nth-of-type(1) {
transform: translateY(-11px);
}
header .r-box .btn-box > .item > .menu-box-btn > .bdr-box > span:nth-of-type(3) {
transform: translateY(11px);
}
header .r-box .btn-box > .item.-menu-btn {
display: none;
}
header .r-box nav ul li.reserve-btn-box a {
background-color: #cbb889;
padding: 38px 20px;
}
header .r-box nav ul li.reserve-btn-box a:hover {
background-color: #e5dcc4;
}
.header_contact {
display: none;
}
@media only screen and (min-width: 769px) {
header .r-box nav ul li.reserve-btn-box a:hover::before,
header .r-box nav ul li.reserve-btn-box a:hover::after {
display: none;
}
}
.key-visual {
padding-top: 70px;
position: relative;
}
.key-visual .scroll-box {
position: absolute;
bottom: -29px;
right: 10px;
z-index: 2;
transform-origin: right top;
transform: rotate(90deg);
}
.key-visual .scroll-box > a {
width: 120px;
font-size: 1.3rem;
color: #fff;
text-decoration: none;
display: block;
padding-bottom: 10px;
}
.key-visual .scroll-box > a:before,
.key-visual .scroll-box > a:after {
content: "";
width: 100%;
height: 1px;
background: #fff;
position: absolute;
bottom: 0;
right: 0;
}
.key-visual .scroll-box > a:before {
opacity: 0.3;
}
.key-visual .scroll-box > a:after {
width: 0;
animation: scroolAnimation 3s linear 0s infinite both;
}
@media only screen and (max-width: 768px) {
.key-visual {
height: 430px;
}
.key-visual.top {
height: 490px;
}
.key-visual .scroll-box > a {
font-size: 1.1rem;
}
.reserve-btn-box {
background-color: #cbb889;
}
.header_contact {
display: block;
border: 2px solid #ab9b75;
}
}
.key-visual.top .key-txt {
position: absolute;
left: 20px;
bottom: 20px;
max-width: calc(100% - 40px);
box-sizing: border-box;
overflow-wrap: anywhere;
word-break: break-word;
opacity: 0;
animation: fadeIn 0.8s forwards 0.3s;
z-index: 1;
}
.key-ja,
.key-en {
font-weight: 700;
color: #fff;
line-height: 1;
text-shadow: rgba(0, 0, 0, 0.16) 0 0 10px;
margin-bottom: 20px;
}
.key-ja {
font-size: 6rem;
}
.key-en {
font-size: 5rem;
}
p.openday {
font-size: 80px;
color: #fff;
}
@media only screen and (max-width: 768px) {
.key-ja {
font-size: 4.5rem;
}
p.openday {
font-size: 20px;
}
}
.key-visual.top .key-txt > h2 {
font-size: 2rem;
font-weight: 400;
line-height: 1.6;
color: #fff;
text-shadow: rgba(0, 0, 0, 0.16) 0 0 10px;
}
@media only screen and (max-width: 768px) {
.key-en {
font-size: 3.2rem;
}
p.openday {
font-size: 20px;
}
.key-visual.top .key-txt > h2 {
font-size: 1.5rem;
right: 30px;
bottom: 0;
}
}
.key-visual:not(.top) .key-img {
height: 350px;
position: relative;
}
.key-visual:not(.top) .key-img > img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
object-position: 50% 45%;
}
.key-visual:not(.top) .key-img:before {
content: "";
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.3);
position: absolute;
top: 0;
left: 0;
}
.key-visual:not(.top) .key-txt {
color: #fff;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
max-width: calc(100% - 20px);
box-sizing: border-box;
overflow-wrap: anywhere;
z-index: 2;
width: 100%;
padding: 0 10px;
}
.key-visual:not(.top) .key-txt > .key-en {
font-size: 3.75rem;
font-family: "Cormorant Garamond", serif;
text-transform: uppercase;
text-align: center;
line-height: 1;
letter-spacing: 0.1em;
margin-bottom: 20px;
}
.key-visual:not(.top) .key-txt > h2 {
text-align: center;
font-size: 1.6rem;
}
@keyframes scroolAnimation {
0% {
width: 0;
left: 0;
right: 0;
}
40% {
width: 0;
left: 0;
right: 0;
}
60% {
width: 100%;
left: 0;
right: 0;
}
80% {
width: 100%;
left: unset;
right: 0;
}
100% {
width: 0%;
}
}
.slide-menu {
position: fixed;
width: 75%;
height: 100%;
background: #fff;
z-index: 9998;
overflow: auto;
opacity: 0;
visibility: hidden;
right: 0;
top: 60px;
}
.slide-menu .l-box {
width: calc(100% - 400px);
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.slide-menu .l-box > img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.slide-menu .r-box {
width: 400px;
margin-left: calc(100% - 400px);
padding: 100px 40px 10px;
overflow: auto;
}
.slide-menu .r-box > nav {
margin-bottom: 30px;
}
.slide-menu .r-box > nav .menu > * + * {
margin-top: 8px;
}
.slide-menu .r-box > nav .menu > li > a {
font-weight: 700;
color: #333;
text-decoration: none;
display: inline-block;
position: relative;
width: 100%;
height: 38px;
line-height: 38px;
text-align: center;
border: 1px solid #eee;
}
.slide-menu .r-box > nav .menu > li > a:before {
content: "";
width: 0;
height: 1px;
background: #333;
position: absolute;
right: 0;
bottom: 0;
transition: 0.3s;
}
body.open .slide-menu {
opacity: 1;
visibility: visible;
} @media only screen and (min-width: 1021px) {
header .r-box {
flex: 1;
}
header .r-box > nav > ul > li > a:hover:before {
width: 100%;
left: 0;
}
header .r-box .btn-box {
position: absolute;
right: 0;
display: none;
}
header .r-box .btn-box > .item > a:hover {
color: #424851;
background: #fff;
}
header .r-box .btn-box > .item > .menu-box-btn:hover {
background: #cebfa8;
}
header .r-box .btn-box > .item > .menu-box-btn:hover > .bdr-box > span {
background: #fff;
}
.slide-menu .r-box > nav .menu > li > a:hover:before {
width: 100%;
left: 0;
}
} @media only screen and (max-width: 1020px) {
* {
scroll-padding-top: 70px;
}
header {
height: 70px;
}
header > .r-box {
overflow: hidden;
background: unset;
}
header > .r-box > nav {
display: none;
}
header > .logo-box > a > img.main-logo {
width: 170px;
height: auto;
}
header > .r-box > .btn-box > .item {
width: 80px;
height: 70px;
}
header > .r-box > .btn-box > .item > .menu-box-btn > .bdr-box {
width: 20px;
height: 20px;
}
header > .r-box > .btn-box > .item > .menu-box-btn > .bdr-box > span:nth-of-type(1) {
transform: translateY(-9px);
}
header > .r-box > .btn-box > .item > .menu-box-btn > .bdr-box > span:nth-of-type(3) {
transform: translateY(9px);
}
header > .r-box > .btn-box > .item.-menu-btn {
display: block;
}
.slide-menu .l-box {
position: static;
width: 100%;
height: 320px;
}
.slide-menu .r-box {
width: 100%;
padding: 30px 20px;
margin-left: 0;
}
}
@media only screen and (max-width: 600px) {
.slide-menu .l-box {
height: 120px;
}
}
.inuyado-content {
background: #f9f9f9;
padding: 80px 0;
}
.inuyado-content .content-box {
color: #575757;
}
.inuyado-content .content-box > .sub-ttl,
.inuyado-content .content-box > .ttl {
text-align: center;
line-height: 1.6;
}
.inuyado-content .content-box > .sub-ttl {
margin-bottom: 5px;
}
.inuyado-content .content-box > .ttl {
font-size: 2.6rem;
line-height: 1.6;
margin-bottom: 50px;
}
.inuyado-content .content-box .group-list {
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: stretch;
display: flex;
gap: 20px 2%;
margin-bottom: 80px;
}
.inuyado-content .content-box .group-list > li {
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
display: flex;
width: 32%;
}
.inuyado-content .content-box .group-list > li > .img-box {
width: 100px;
height: 70px;
margin-right: 20px;
}
.inuyado-content .content-box .group-list > li > .img-box > img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.inuyado-content .content-box .group-list > li > .txt-box {
width: calc(100% - 120px);
}
.inuyado-content .content-box .group-list > li > .txt-box > .ttl {
font-size: 1.4rem;
line-height: 1.6;
}
.inuyado-content .content-box .inuyado-infor {
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
align-items: stretch;
display: flex;
}
.inuyado-content .content-box .inuyado-infor > li {
width: 31%;
}
.inuyado-content .content-box .inuyado-infor > li > .img-box {
border-radius: 10px;
overflow: hidden;
margin-bottom: 30px;
}
.inuyado-content .content-box .inuyado-infor > li > .txt-box > .ttl {
line-height: 1.6;
margin-bottom: 10px;
}
.inuyado-content .content-box .inuyado-infor > li > .txt-box > .txt {
font-size: 1.4rem;
}
.inuyado-content .content-box .inuyado-infor > li > .txt-box > .ttl:before {
content: "\f1b0";
font-weight: 900;
font-family: "Font Awesome 6 Free";
color: #cebfa8;
margin-right: 15px;
}
@media only screen and (max-width: 768px) {
.inuyado-content {
padding: 50px 0;
}
.inuyado-content .content-box > .ttl {
margin-bottom: 30px;
}
.inuyado-content .content-box .group-ttl {
font-size: 1.6rem;
}
.inuyado-content .content-box .group-list {
margin-bottom: 80px;
gap: 10px 0;
}
.inuyado-content .content-box .group-list > li {
justify-content: space-between;
width: 100%;
}
.inuyado-content .content-box .group-list > li > .img-box {
width: 30%;
padding-bottom: 20%;
position: relative;
margin: 0;
}
.inuyado-content .content-box .group-list > li > .img-box > img {
position: absolute;
top: 0;
left: 0;
}
.inuyado-content .content-box .group-list > li > .txt-box {
text-align: left;
width: calc(65% - 10px);
}
.inuyado-content .content-box .group-list > li > .txt-box > .ttl {
font-size: 1.3rem;
}
.inuyado-content .content-box .inuyado-infor > * + * {
margin-top: 50px;
}
.inuyado-content .content-box .inuyado-infor > li {
width: 100%;
}
.inuyado-content .content-box .inuyado-infor > li > .img-box {
width: 100%;
margin-bottom: 20px;
}
.inuyado-content .content-box .inuyado-infor > li > .txt-box {
width: 100%;
}
}
footer {
background: #4a4a4a;
padding: 50px 0 0;
}
footer p {
color: black;
}
footer .content-box {
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
align-items: stretch;
display: flex;
margin-bottom: 30px;
}
footer .content-box > .l-box {
width: 300px;
}
footer .content-box > .l-box .logo-box {
margin-bottom: 20px;
}
footer .content-box > .l-box .logo-box > a {
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
display: flex;
}
footer .content-box > .l-box .logo-box > a > img.main {
width: 250px;
filter: brightness(0) invert(1);
}
footer .content-box > .l-box .address-txt {
color: #fff;
line-height: 1.7;
margin-bottom: 20px;
}
footer .content-box > .r-box {
width: calc(100% - 300px);
}
footer .content-box > .r-box > nav {
margin-bottom: 30px;
}
footer .content-box > .r-box > nav > .menu {
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-end;
align-items: stretch;
display: flex;
gap: 10px 20px;
}
footer .content-box > .r-box > nav > .menu > li > a {
color: #fff;
text-decoration: none;
position: relative;
}
footer .content-box > .r-box > nav > .menu > li > a:before {
content: "";
width: 0;
height: 1px;
background: #fff;
position: absolute;
right: 0;
bottom: 0;
transition: 0.3s;
}
.footer_btn_box {
display: flex;
justify-content: flex-end;
align-items: center;
flex-wrap: wrap;
gap: 20px;
}
.reserve_button {
display: inline-block;
background-color: #cbb889;
color: #232323;
margin-top: 20px;
padding: 10px 55px;
border-radius: 5px;
letter-spacing: 0.25em;
text-decoration: none;
}
.reserve_button:hover {
background-color: #e6d09a;
}
@media only screen and (min-width: 769px) {
footer .content-box > .r-box > nav > .menu > li > a:hover:before {
width: 100%;
left: 0;
}
}
footer .copy {
font-size: 1.2rem;
color: #fff;
text-align: center;
padding: 10px 0;
}
@media only screen and (max-width: 768px) {
footer {
padding: 20px 0 0;
}
footer .content-box > .l-box {
width: 100%;
margin-bottom: 40px;
}
footer .content-box > .l-box .logo-box {
margin: 0 auto;
}
footer .content-box > .l-box .logo-box > a {
justify-content: center;
gap: 0 20px;
}
footer .content-box > .l-box .logo-box > a > img.sub {
width: 100px;
}
footer .content-box > .l-box .address-txt {
text-align: center;
}
footer .content-box > .r-box {
width: 100%;
}
footer .content-box > .r-box > nav > .menu {
justify-content: center;
}
.footer_insta {
display: block;
width: fit-content;
margin: 0 auto;
}
.footer_btn_box {
flex-direction: column;
justify-content: center;
gap: 5px;
}
}
.p-mb-contact {
display: none;
}
@media only screen and (max-width: 768px) {
.p-mb-contact {
background: #e6e6e6;
display: flex;
justify-content: space-between;
position: fixed;
bottom: 0;
width: 100%;
z-index: 999;
}
.p-mb-contact a {
text-align: center;
padding: 10px 0;
text-decoration: none;
}
.p-mb-contact a:first-of-type {
background: #cbb889;
width: 33%;
}
.p-mb-contact a:last-of-type {
background: #424851;
background: #fff;
width: 33%;
}
}
.animation-trigger {
opacity: 0;
}
.animation-trigger.-animation {
animation: fadeUp 0.5s forwards 0.2s linear;
} .swiper-content-box2 {
overflow: hidden;
}
.swiper-content-box2 .swipers {
box-sizing: border-box;
position: relative;
}
.swiper-content-box2 .swipers img {
max-width: 100%;
height: 500px;
}
.swiper-content-box2 .img-slider-thumbnail .swiper-wrapper {
justify-content: center;
}
.swiper-content-box2 .swipers .swiper-slide .charm-img,
.swiper-content-box2 .swipers .swiper-slide .thumb-box {
box-sizing: border-box;
position: relative;
}
.swiper-content-box2 .swipers .swiper-slide .charm-img > img,
.swiper-content-box2 .swipers .swiper-slide .thumb-box > img {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
-o-object-fit: cover;
object-fit: cover;
}
.swiper-content-box2 .swipers .swiper-slide .charm-img { padding-bottom: 60%;
}
.swiper-content-box2 .swipers .swiper-slide .thumb-box { padding-bottom: 60%;
opacity: 0.6;
cursor: pointer;
transition: 0.3s;
}
.swiper-content-box2 .swipers .swiper-slide .thumb-box:hover {
opacity: 1;
}
.swiper-content-box2 .swipers .swiper-slide.swiper-slide-thumb-active .thumb-box {
opacity: 1;
}
.swiper-content-box2 .swipers .swiper-button-next:after,
.swiper-content-box2 .swipers .swiper-button-prev:after {
display: none;
}
@media only screen and (max-width: 768px) {
.swiper-content-box2 .swipers .swiper-button-next,
.swiper-content-box2 .swipers .swiper-button-prev {
display: none;
}
.swiper-content-box2 .swipers .swiper-button-next:after,
.swiper-content-box2 .swipers .swiper-button-prev:after {
display: none;
}
}  .g-map {
position: relative;
width: 100%;
padding-bottom: 50%;
}
.g-map > iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.service-list > * + * {
position: relative;
margin-top: 80px;
padding-top: 50px;
}
.service-list > li > .service-ttl {
font-size: 2.5rem;
text-align: center;
margin-bottom: 40px;
}
.service-list > li > .img-slick .slide-arrow {
text-align: center;
line-height: 40px;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 35px;
height: 35px;
opacity: 0.7;
z-index: 2;
color: #fff;
font-size: 50px;
border-bottom: 2px solid #fff;
border-right: 2px solid #fff;
cursor: pointer;
}
.service-list > li > .img-slick .slide-arrow.prev-arrow {
left: 3%;
transform: rotate(135deg);
}
.service-list > li > .img-slick .slide-arrow.next-arrow {
right: 3%;
transform: rotate(-45deg);
}
@media only screen and (max-width: 768px) {
.service-list > li > .img-slick .slide-arrow.slick-arrow {
font-size: 1.4rem;
line-height: 25px;
width: 25px;
height: 25px;
}
}
.service-list > li > .img-slick .item > .img-box {
position: relative;
width: 100%;
padding-bottom: 66%;
}
.service-list > li > .img-slick .item > .img-box > img {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
-o-object-fit: cover;
object-fit: cover;
}
.service-list > li .img-slick-nav {
margin-bottom: 50px;
overflow: hidden;
margin-top: 6px;
}
.service-list > li .img-slick-nav .slick-list {
margin: 0 -3px;
}
.service-list > li .img-slick-nav .item {
opacity: 0.7;
transition: 0.3s;
cursor: pointer;
margin: 0 3px;
}
.service-list > li .img-slick-nav .item .img-box {
width: 100%;
padding-bottom: 60%;
position: relative;
}
.service-list > li .img-slick-nav .item .img-box > img {
position: absolute;
width: 100%;
height: 100%;
}
@media only screen and (min-width: 769px) {
.service-list > li .img-slick-nav .item:hover {
opacity: 1;
}
}
@media only screen and (max-width: 768px) {
.service-list > li .img-slick-nav {
margin-top: 4px;
}
.service-list > li .img-slick-nav .slick-list {
margin: 0 -2px;
}
.service-list > li .img-slick-nav .item {
margin: 0 2px;
}
}
.service-list > li .img-slick-nav .item.slick-current {
opacity: 1;
}
.service-list > li .img-slick-nav .slide-arrow {
font-size: 4rem;
color: #fff;
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 3;
opacity: 0.7;
transition: 0.3s;
width: 35px;
height: 35px;
border-bottom: 2px solid #fff;
border-right: 2px solid #fff;
}
.service-list > li .img-slick-nav .slide-arrow.prev-arrow {
left: 3%;
transform: translateY(-50%) rotate(135deg);
}
.service-list > li .img-slick-nav .slide-arrow.next-arrow {
right: 3%;
transform: translateY(-50%) rotate(-45deg);
}
@media only screen and (min-width: 769px) {
.service-list > li .img-slick-nav .slide-arrow:hover {
opacity: 1;
}
}
@media only screen and (max-width: 768px) {
.service-list > li .img-slick-nav .slide-arrow {
width: 15px;
height: 15px;
}
}
.service-list > li > .infor-box {
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
align-items: stretch;
position: relative;
}
.service-list > li > .infor-box .l-box > .ttl {
font-size: 2rem;
line-height: 1.6;
color: #424851;
margin-bottom: 20px;
}
.service-list > li > .infor-box .l-box > .txt {
margin-bottom: 30px;
}
.service-list > li > .infor-box .l-box > .btn-box {
text-align: center;
}
.service-list > li > .infor-box .r-box {
width: 100%;
}
.service-list > li > .infor-box .r-box .table01 tr {
width: 100%;
display: flex;
flex-direction: row;
}
.service-list > li > .infor-box .r-box .table01 tr th {
width: 30%;
}
.service-list > li > .infor-box .r-box .table01 tr td {
width: 70%;
}
@media only screen and (max-width: 768px) {
.service-list > * + * {
margin-top: 50px;
padding-top: 30px;
}
.service-list > li > .service-ttl {
font-size: 2.2rem;
margin-bottom: 20px;
}
.service-list > li .img-slick .slide-arrow {
font-size: 3rem;
}
.service-list > li .infor-box {
padding-bottom: 70px;
}
.service-list > li .infor-box > .l-box {
width: 100%;
margin-bottom: 30px;
}
.service-list > li .infor-box > .l-box > .txt {
margin-bottom: 0;
}
.service-list > li .infor-box > .l-box > .btn-box {
position: absolute;
bottom: -45px;
left: 0;
right: 0;
}
.service-list > li .infor-box > .r-box {
width: 100%;
}
.service-list > li > .infor-box .r-box .table01 tr {
flex-direction: column;
}
.service-list > li > .infor-box .r-box .table01 tr td {
text-align: center;
}
}
.detail-img {
margin-bottom: 50px;
}
.detail-img > img {
width: 100% !important;
height: auto !important;
}
.bg-box01 .service-list table li {
list-style: none;
margin-top: 20px;
}
.etc_text {
font-size: 1.4rem;
color: #757575;
}