@charset "UTF-8";
 .link a {
color: #0071bc;
} .clickable,
.clickable2 {
cursor: pointer;
}
.alpha a {
transition: opacity 0.3s;
}
.alpha a:hover {
opacity: 0.7;
}    p,
table,
blockquote,
address,
pre,
iframe,
form,
figure,
dl {
margin: 0;
}  h1,
h2,
h3,
h4,
h5,
h6 {
font-size: inherit;
line-height: inherit;
font-weight: inherit;
margin: 0;
}  ul,
ol {
margin: 0;
padding: 0;
list-style: none;
}
*,
*::before,
*::after {
box-sizing: border-box;
}
.font-s {
font-size: smaller;
}
body {
font-family: "M PLUS 1p", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
line-height: 1.5;
font-size: 0.875rem;
letter-spacing: 1px;
margin: 0;
-webkit-font-smoothing: antialiased;
}
html:not(:lang(ja)) body {
font-family: sans-serif !important;
} #loader-bg {
position: fixed;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
background: #fff;
z-index: 998;
}
#loader {
position: fixed;
top: 50%;
left: 50%;
width: 300px;
height: 200px;
transform: translate(-150px, -150px);
text-align: center;
z-index: 999;
}
#loader .logo {
display: block;
margin-bottom: 30px;
}
#loader .img-loader {
width: 30px;
height: auto;
}
#loader p {
font-size: 12px;
margin-top: 30px;
letter-spacing: 1.5px;
}
#loader .num1 {
animation: flash1 1s 0s infinite;
}
#loader .num2 {
animation: flash2 1s 0s infinite;
}
#loader .num3 {
animation: flash3 1s 0s infinite;
}
@keyframes flash1 {
0% {
opacity: 0;
}
33% {
opacity: 1;
}
100% {
opacity: 1;
}
}
@keyframes flash2 {
0% {
opacity: 0;
}
33% {
opacity: 0;
}
66% {
opacity: 1;
}
100% {
opacity: 1;
}
}
@keyframes flash3 {
0% {
opacity: 0;
}
66% {
opacity: 0;
}
99% {
opacity: 1;
}
100% {
opacity: 1;
}
}
.bd-01 {
background: linear-gradient(transparent 60%, rgba(252, 238, 33, 0.6) 0%);
font-weight: bold;
}
.bd-02 {
background: linear-gradient(transparent 60%, rgba(228, 0, 3, 0.4) 0%);
font-weight: bold;
}
.bd-03 {
background: linear-gradient(transparent 60%, rgba(0, 65, 219, 0.5) 0%);
font-weight: bold;
}
img {
max-width: 100%;
height: auto;
}
img[src$=".svg"] {
fill: currentColor;
width: 100%;
height: auto;
}
button {
letter-spacing: 2px;
}
a {
text-decoration: none;
color: black;
}
.mobile-offcanvas {
visibility: hidden;
border-radius: 0;
display: block;
position: fixed;
top: 50px;
left: 0;
min-height: 100vh;
z-index: 1200;
width: 100%;
overflow: hidden;
opacity: 0;
transition: all 0.4s ease;
}
.mobile-offcanvas.show {
visibility: visible;
top: 0;
opacity: 1;
}
.mobile-offcanvas__inner {
display: flex;
}
.mobile-offcanvas-menu {
width: 50%;
height: 100vh;
background-image: url(/img/common/bg_sp_menu.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: bottom center;
}
.mobile-offcanvas-menu ul {
padding: 115px 0 0 194.5px;
}
.mobile-offcanvas-menu ul li {
margin-bottom: 20px;
font-size: 18px;
font-weight: bold;
}
.mobile-offcanvas-menu ul li:last-child {
margin-bottom: 0;
}
.mobile-offcanvas-menu ul li a {
color: white;
display: flex;
align-items: center;
}
.mobile-offcanvas-menu ul li a:before {
content: "";
width: 10px;
height: 1.5px;
border-bottom: 1px solid white;
display: block;
margin-right: 22.5px;
}
.mobile-offcanvas-menu__btn {
padding-left: 48px;
display: none;
}
.mobile-offcanvas-menu__btn button {
font-size: 17px;
line-height: 1.47059;
font-weight: bold;
padding: 22px 49px 22px 65px;
position: relative;
border-radius: 44px;
border: 0;
background-color: #4d4012;
color: white;
margin-top: 35px;
}
.mobile-offcanvas-menu__btn button a {
color: #fff;
}
.mobile-offcanvas-menu__btn button::before {
content: "";
display: inline-block;
background: url(/img/icon/icon_phone.svg) top center/cover;
width: 17.96px;
height: 30.39px;
position: absolute;
top: 50%;
left: 26px;
transform: translateY(-50%);
}
.mobile-offcanvas-menu .u-sns {
display: none;
}
.mobile-offcanvas-info {
width: 50%;
padding: 73px 2vw 73px 0;
height: 100vh;
color: white;
overflow: auto;
}
.mobile-offcanvas-info__ttl {
font-size: 20px;
font-weight: bold;
text-align: center;
}
.mobile-offcanvas-info-tel {
margin-top: 53px;
text-align: center;
}
.mobile-offcanvas-info-tel__btn button {
font-size: 16px;
font-weight: bold;
line-height: 1.4375;
background-color: #eeeeee;
border-radius: 27px;
border: 1px solid #707070;
padding: 9px 25px;
}
.mobile-offcanvas-info__number {
font-size: 34px;
font-weight: bold;
margin-top: 28px;
display: flex;
align-items: center;
justify-content: center;
}
.mobile-offcanvas-info__number::before {
content: "";
display: inline-block;
background: url(/img/icon/icon_phone.svg) top center/cover;
width: 23.45px;
height: 39.68px;
margin-right: 22.6px;
}
.mobile-offcanvas-info__time {
font-size: 14px;
line-height: 1.42857;
font-weight: 500;
margin-top: 19px;
}
.mobile-offcanvas-info__mail {
font-size: 20px;
font-weight: bold;
margin-top: 30px;
}
.mobile-offcanvas-info-line {
margin-top: 53px;
display: flex;
flex-direction: column;
align-items: center;
}
.mobile-offcanvas-info-line__btn {
text-align: center;
}
.mobile-offcanvas-info-line__btn button {
font-size: 16px;
font-weight: bold;
line-height: 1.4375;
background-color: #07b339;
border-radius: 27px;
border: 0;
padding: 9px 25px;
color: white;
}
.mobile-offcanvas-info-line__inner {
display: flex;
margin-top: 30px;
}
.mobile-offcanvas-info__txt-area {
margin: 30px 0 0 25px;
}
.mobile-offcanvas-info__img {
width: 150px;
}
.mobile-offcanvas-info__img img {
width: 100%;
}
.mobile-offcanvas-info__id {
font-size: 20px;
font-weight: bold;
}
.mobile-offcanvas-info .u-sns {
margin-top: 68px;
}
.mobile-offcanvas__close {
width: 28px;
position: absolute;
right: 40px;
top: 45.5px;
cursor: pointer;
}
.mobile-offcanvas__close p {
display: none;
}
@media print, screen and (max-width: 960px) {
.mobile-offcanvas-menu {
width: 100%;
background: none;
}
.mobile-offcanvas-menu ul {
padding: 37px 0 0 48px;
}
.mobile-offcanvas-menu ul li {
margin-bottom: 15px;
font-size: 16px;
line-height: 1.4375;
}
.mobile-offcanvas-menu__btn {
display: block;
}
.mobile-offcanvas-menu .u-sns {
display: block;
}
.mobile-offcanvas-info {
display: none;
}
.mobile-offcanvas__close {
width: 24px;
right: 20px;
top: 28.5px;
cursor: pointer;
}
.mobile-offcanvas__close p {
font-size: 10px;
color: white;
font-weight: bold;
}
}
.screen-darken {
height: 100%;
width: 0%;
z-index: 9999;
position: fixed;
top: 0;
right: 0;
opacity: 0;
visibility: hidden;
background-color: #3d6e55;
transition: opacity 0.2s linear, visibility 0.2s, width 2s ease-in;
}
.screen-darken.active {
z-index: 10;
transition: opacity 0.3s ease, width 0s;
opacity: 1;
width: 100%;
visibility: visible;
}
@media only screen and (max-width: 768px) {
.u-sp_none {
display: none !important;
}
}
@media print, screen and (min-width: 769px) {
.u-pc_none {
display: none !important;
}
}
.u-sns {
text-align: center;
}
.u-sns__txt {
font-size: 14px;
line-height: 1.42857;
font-weight: bold;
}
.u-sns__btns {
display: flex;
justify-content: center;
margin-top: 36.8px;
}
.u-sns__btns a {
display: block;
margin-right: 8px;
}
.u-sns__btns img {
width: 30px;
}
.u-sns__btns img:last-child {
margin-right: 0;
}
.bds {
-o-border-image: url(/img/common/border.png) 30 round;
border-image: url(/img/common/border.png) 30 round;
}
@media print, screen and (min-width: 769px) {
.bds {
border-left: 14px solid transparent;
border-right: 14px solid transparent;
}
}
@media only screen and (max-width: 768px) {
.bds {
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-image-slice: 10;
}
}
.contents__inner {
max-width: 1000px;
margin: 0 auto;
padding: 50px;
}
.contents__inner h3.title {
font-size: 18px;
font-weight: bold;
margin-bottom: 30px;
}
@media screen and (max-width: 1124px) {
.contents__inner h3.title {
font-size: 16px;
}
}
.contents__inner p {
margin-bottom: 1em;
font-size: 16px;
}
@media screen and (max-width: 1124px) {
.contents__inner p {
font-size: 15px;
}
} .l-header {
-o-border-image: url(/img/common/border.png) 30 round;
border-image: url(/img/common/border.png) 30 round;
}
@media print, screen and (min-width: 769px) {
.l-header {
border-left: 14px solid transparent;
border-right: 14px solid transparent;
}
}
@media only screen and (max-width: 768px) {
.l-header {
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-image-slice: 10;
}
}
@media print, screen and (min-width: 769px) {
.l-header {
padding: 13.6px 0 0 0;
}
}
@media only screen and (max-width: 768px) {
.l-header {
padding: 10px 0 0 0;
}
}
.l-header__top {
display: flex;
width: 100%;
position: relative;
white-space: nowrap;
}
@media print, screen and (min-width: 769px) {
.l-header__logo {
padding: 0 65px;
}
.l-header__logo img {
min-width: 400px;
}
}
@media print, screen and (max-width: 1280px) {
.l-header__logo {
padding: 0 35px;
}
}
@media print, screen and (max-width: 960px) {
.l-header__logo {
padding: 0 25px;
}
.l-header__logo img {
min-width: 280px;
}
}
@media only screen and (max-width: 768px) {
.l-header__logo {
padding: 0 20px;
}
.l-header__logo img {
min-width: 150px;
}
}
.l-header-group {
display: flex;
justify-content: flex-end;
align-items: center;
}
@media print, screen and (min-width: 769px) {
.l-header-group {
margin: 19.5px 44px 20px 0;
}
}
@media print, screen and (max-width: 960px) {
.l-header-group {
margin: 15.5px 25px 15px 0;
}
}
.l-header__sp-menu {
cursor: pointer;
position: fixed;
top: 45px;
right: 30px;
z-index: 10;
background-color: #fff;
padding: 10px;
border-radius: 5px;
}
@media screen and (max-width: 768px) {
.l-header__sp-menu {
top: 15px;
right: 15px;
padding: 6px;
border-radius: 3px;
}
}
@media screen and (max-width: 500px) {
.l-header__sp-menu {
top: 10px;
right: 15px;
padding: 6px 6px 3px;
border-radius: 3px;
}
}
.l-header__sp-menu span {
display: block;
width: 30px;
height: 2px;
background-color: #707070;
margin-bottom: 7px;
}
.l-header__sp-menu span:last-child {
margin-bottom: 0;
}
.l-header__sp-menu p {
font-size: 60% !important;
line-height: 1.5;
letter-spacing: 1px;
margin-top: 6.1px;
font-weight: bold !important;
}
.l-header-left {
width: 100%;
}
.l-header__ttl {
font-size: 10px;
text-align: right;
margin-right: 44px;
}
@media print, screen and (max-width: 960px) {
.l-header__ttl {
margin-right: 25px;
}
}
@media only screen and (max-width: 768px) {
.l-header__ttl {
display: none;
}
}
.l-header-menu {
padding: 0 20px 0 40px;
background-color: #dceade;
}
@media print, screen and (min-width: 769px) {
.l-header-menu {
padding: 11px 36px 11px 84px;
}
}
@media only screen and (max-width: 1160px) {
.l-header-menu {
padding: 11px 20px 11px 50px;
}
}
.l-header-menu ul {
display: flex;
justify-content: space-between;
align-items: center;
}
.l-header-menu ul li {
line-height: 1.42857;
font-weight: bold;
display: flex;
}
.l-header-menu ul li img {
width: 22.35px;
height: 22.35px;
}
.l-header-menu ul li img:first-child {
margin-right: 4.8px;
}
@media only screen and (max-width: 1060px) {
.l-header-menu {
display: none;
}
}
.l-header__contact {
margin-right: 30.8px;
}
.l-header__contact a {
display: flex;
align-items: center;
line-height: 1.42857;
font-weight: bold;
background-color: #4d4012;
color: white;
padding: 16px 29px 16px 20px;
border: 0;
border-radius: 34px;
cursor: pointer;
color: #fff;
}
.l-header__contact a::before {
margin-right: 16.2px;
content: "";
display: inline-block;
background: url(/img/icon/icon_phone.svg) top center/cover;
width: 13.8px;
height: 23.36px;
}
@media print, screen and (max-width: 960px) {
.l-header__contact button {
padding: 12px 25px 12px 15px;
border-radius: 30px;
font-size: 13px;
}
}
@media only screen and (max-width: 768px) {
.l-header__contact {
display: none;
}
}
.l-header__bottom {
display: none;
}
@media only screen and (max-width: 1060px) {
.l-header__bottom {
display: block;
}
.l-header__bottom p {
width: calc(100% - 60px);
height: 20px;
margin: 10px 0 0 60px;
background-color: #dceade;
}
}
@media only screen and (max-width: 1060px) and (max-width: 768px) {
.l-header__bottom p {
margin: 0 0 0 60px;
}
}
.l-footer {
padding: 177.6px 5.46875vw 32px;
background-color: #3d6e55;
color: white;
position: relative;
}
.l-footer-top {
display: flex;
}
.l-footer-site {
width: 40%;
}
.l-footer-site p {
font-size: 14px;
font-weight: bold;
line-height: 1.42857;
}
.l-footer-site h4 {
font-size: 24px;
font-weight: bold;
margin-top: 7.5px;
}
@media screen and (max-width: 500px) {
.l-footer-site h4 {
font-size: 20px;
}
}
@media screen and (max-width: 500px) and (max-width: 1124px) {
.l-footer-site h4 {
font-size: 18px;
}
}
.l-footer-site h5 {
font-size: 10px;
margin: 7.5px 0 26px;
}
.l-footer-nav {
width: 60%;
display: flex;
justify-content: center;
margin-top: 20px;
}
.l-footer-nav ul:nth-of-type(1) {
margin-right: 61px;
}
.l-footer-nav ul:nth-of-type(2) {
margin-right: 87.5px;
}
.l-footer-nav ul li {
margin-bottom: 27.5px;
}
.l-footer-nav ul li a {
color: white;
}
.l-footer .u-sns {
margin: 120px 0 100px;
}
@media screen and (max-width: 500px) {
.l-footer .u-sns {
margin: 60px 0 50px;
}
}
.l-footer-copyright {
font-size: 10px;
text-align: center;
}
@media only screen and (max-width: 1060px) {
.l-footer {
padding: 177.6px 0.78125vw 32px;
}
.l-footer-nav ul:nth-of-type(1) {
margin-right: 30px;
}
.l-footer-nav ul:nth-of-type(2) {
margin-right: 30px;
}
}
@media only screen and (max-width: 768px) {
.l-footer {
padding: 111px 0 38.5px;
}
.l-footer-nav {
display: none;
}
.l-footer-site {
padding: 0 20px;
width: 100%;
}
.l-footer-site p {
font-size: 12px;
font-weight: bold;
line-height: 1.5 !important;
}
.l-footer-site p:last-child {
line-height: 3;
}
.l-footer-site h1 {
font-size: 18px;
margin: 15.5px 0 9.5px;
}
.l-footer-site h5 {
font-size: 10px;
margin: 0 0 26px 0;
}
}
.c-move-above {
text-align: center;
color: #a9cbad;
font-size: 10px;
font-weight: bold;
position: absolute;
top: 40px;
right: 64px;
z-index: 99;
cursor: pointer;
opacity: 0;
transition: all 0.4s ease;
}
@media screen and (max-width: 500px) {
.c-move-above {
right: 10px;
}
}
.c-move-above.on {
top: 20px;
opacity: 1;
}
.c-move-above img {
width: 50.23px;
height: 54.1px;
margin-bottom: 12.4px;
}
.pr-banner {
position: fixed;
bottom: 10px;
left: 10px;
max-width: 300px;
z-index: 99999;
transform: translateX(-500px);
transition: transform 1s ease 0.5s;
}
@media screen and (max-width: 500px) {
.pr-banner {
max-width: 70%;
}
}
.pr-banner .bn-img {
width: 100%;
height: auto;
box-shadow: 3px 3px 6px #999;
border-radius: 3px;
}
.pr-banner .bt-close {
position: absolute;
top: -20px;
right: -20px;
width: 50px;
height: 50px;
cursor: pointer;
opacity: 0;
transition: opacity 0.4s ease 2s;
}
.pr-banner.on {
transform: translateX(0px);
}
.pr-banner.on .bt-close {
opacity: 1;
}
.sakidori {
font-weight: bold;
margin-bottom: 20px;
}
.c-top-inner {
-o-border-image: url(/img/common/border.png) 30 round;
border-image: url(/img/common/border.png) 30 round;
}
@media print, screen and (min-width: 769px) {
.c-top-inner {
border-right: 14px solid transparent;
border-left: 0;
}
}
@media only screen and (max-width: 768px) {
.c-top-inner {
border-right: 5px solid transparent;
border-left: 0;
border-image-slice: 10;
}
}
.wrap-video {
position: relative;
}
@media screen and (max-width: 500px) {
.wrap-video {
height: auto;
}
}
video {
width: 100%;
height: auto;
}
.c-top-img {
position: relative;
width: 100%;
display: flex;
padding-right: 83px;
background-color: #dceade;
overflow: hidden;
}
.c-top-img::after {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: calc(100% - 83px);
height: 100%;
background-color: rgba(0, 0, 0, 0.4);
}
@media screen and (max-width: 960px) {
.c-top-img::after {
width: 100%;
}
}
.c-top-img__bg {
width: 100%;
}
@media screen and (max-width: 500px) {
.c-top-img__bg {
height: 200px;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center center;
object-position: center center;
}
}
.c-top__txt-area {
position: absolute;
left: 50%;
top: 40%;
transform: translateX(-50%);
text-align: 50% 50%;
z-index: 3;
}
.c-top-ttl {
position: relative;
}
.c-top-ttl img {
filter: drop-shadow(0 0 3px #333);
}
.c-top-ttl::after {
content: "";
width: 69px;
display: block;
border-bottom: 1.5px solid white;
margin: 1.5625vw auto 1.5625vw;
}
.c-top-lead {
font-size: 18px;
line-height: 1.4375;
font-weight: bold;
color: white;
text-align: center;
}
.c-top-lead2 {
font-size: 24px;
line-height: 1.4375;
font-weight: bold;
color: white;
text-align: center;
}
@media screen and (max-width: 500px) {
.c-top-lead2 {
font-size: 16px;
margin-top: 24px;
}
}
.c-top-box p {
width: calc(100% - 60px);
height: 32px;
margin-left: 60px;
background-color: #dceade;
}
.c-top-txt {
position: absolute;
left: 117px;
top: 40%;
font-size: 24px;
font-weight: bold;
color: white;
text-align: center;
z-index: 999;
}
.c-top-breadcrumbs {
width: 50%;
background-color: #3d6e55;
color: #ddd;
padding: 24.5px 0 24.5px 42.5px;
font-size: 12px;
font-weight: normal;
margin-top: -32px;
}
.c-top-breadcrumbs a {
color: #fff;
font-weight: bold;
}
@media only screen and (max-width: 1060px) {
.c-top-box p {
height: 20px;
}
.c-top-breadcrumbs {
width: 100%;
margin-top: 0;
}
}
@media print, screen and (max-width: 960px) {
.c-top-inner {
border: 0;
}
.c-top-img {
padding-right: 0;
}
.c-top-breadcrumbs {
padding: 16px;
}
}
@media only screen and (max-width: 768px) {
.c-top-ttl img {
height: 30px;
}
.c-top-lead {
font-size: 14px;
line-height: 1.42857;
margin-top: 10px;
text-align: center;
}
.c-top__txt-area {
top: 30%;
}
.c-top-txt {
position: absolute;
left: 0;
font-size: 20px;
width: 100%;
text-align: center;
}
}
@media only screen and (max-width: 768px) and (max-width: 1124px) {
.c-top-txt {
font-size: 18px;
}
}
.c-route-btn {
font-size: 16px;
line-height: 1.4375;
font-weight: bold;
padding: 29px 83px;
position: relative;
border-radius: 44px;
border: 0;
background-color: #4d4012;
color: white;
display: block;
max-width: 400px;
text-align: center;
}
.c-route-btn::before {
content: "";
display: inline-block;
background: url(/img/index/icon_route.svg) top center/cover;
width: 36px;
height: 36px;
position: absolute;
top: 50%;
left: 31px;
transform: translateY(-50%);
}
@media only screen and (max-width: 768px) {
.c-route-btn {
font-size: 12px;
line-height: 1.66667;
padding: 15px 50px;
border-radius: 30px;
max-width: 300px;
margin: 0 auto;
}
.c-route-btn::before {
top: 50%;
left: 20px;
transform: translateY(-50%);
content: "";
display: inline-block;
background: url(/img/index/icon_route.svg) top center/cover;
width: 20px;
height: 20px;
}
}
.c-activity__box {
width: 100%;
height: 181px;
-o-border-image: url(/img/common/border.png) 30 round;
border-image: url(/img/common/border.png) 30 round;
}
@media print, screen and (min-width: 769px) {
.c-activity__box {
border-left: 14px solid transparent;
border-right: 14px solid transparent;
}
}
@media only screen and (max-width: 768px) {
.c-activity__box {
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-image-slice: 10;
}
}
@media only screen and (max-width: 768px) {
.c-activity__box {
height: 105.7px;
}
}
.c-activity__ttl {
position: absolute;
right: 10px;
top: 0;
transform: translateY(-50%);
max-width: 170px;
transition: all 0.4s ease;
transform: scale(2);
opacity: 0;
z-index: 10;
}
@media screen and (max-width: 500px) {
.c-activity__ttl {
max-width: 120px;
}
}
.c-activity__ttl.item-1 {
max-width: 206px;
}
@media screen and (max-width: 500px) {
.c-activity__ttl.item-1 {
max-width: 156px;
}
}
.c-activity__ttl.on {
transform: scale(1);
opacity: 1;
}
@media only screen and (max-width: 768px) {
.c-activity__ttl {
width: 84.06px;
}
}
.c-activity__inner {
display: flex;
}
@media only screen and (max-width: 768px) {
.c-activity__inner {
flex-direction: column;
}
}
.c-activity__item {
position: relative;
width: 50%;
overflow: hidden;
}
@media print, screen and (min-width: 769px) {
.c-activity__item:nth-of-type(1) .c-activity__txt-area {
-o-border-image: url(/img/common/border.png) 30 round;
border-image: url(/img/common/border.png) 30 round;
}
}
@media print, screen and (min-width: 769px) and (min-width: 769px) {
.c-activity__item:nth-of-type(1) .c-activity__txt-area {
border-left: 14px solid transparent;
border-right: 0;
}
}
@media only screen and (min-width: 769px) and (max-width: 768px) {
.c-activity__item:nth-of-type(1) .c-activity__txt-area {
border-left: 5px solid transparent;
border-right: 0;
border-image-slice: 10;
}
}
@media print, screen and (min-width: 769px) {
.c-activity__item:nth-of-type(2) .c-activity__txt-area {
-o-border-image: url(/img/common/border.png) 30 round;
border-image: url(/img/common/border.png) 30 round;
}
}
@media print, screen and (min-width: 769px) and (min-width: 769px) {
.c-activity__item:nth-of-type(2) .c-activity__txt-area {
border-right: 14px solid transparent;
border-left: 0;
}
}
@media only screen and (min-width: 769px) and (max-width: 768px) {
.c-activity__item:nth-of-type(2) .c-activity__txt-area {
border-right: 5px solid transparent;
border-left: 0;
border-image-slice: 10;
}
}
@media print, screen and (min-width: 769px) {
.c-activity__item:nth-of-type(2) .c-activity__txt-area h2 span {
position: relative;
}
.c-activity__item:nth-of-type(2) .c-activity__txt-area h2 span::after {
content: "";
display: inline-block;
background: url(/img/common/icon_window.svg) top center/cover;
width: 12.99px;
height: 12.99px;
position: absolute;
right: -20px;
top: 10px;
}
}
@media only screen and (max-width: 768px) {
.c-activity__item {
width: 100%;
}
.c-activity__item:nth-of-type(2) {
padding-top: 45.5px;
}
.c-activity__item:nth-of-type(2) .c-activity__txt-area h2 span {
position: relative;
}
.c-activity__item:nth-of-type(2) .c-activity__txt-area h2 span::after {
content: "";
display: inline-block;
background: url(/img/common/icon_window.svg) top center/cover;
width: 6.96px;
height: 6.96px;
position: absolute;
right: -15px;
top: 7px;
}
}
.c-activity__txt-area {
font-weight: bold;
text-align: center;
}
.c-activity__txt-area h2 {
font-size: 24px;
padding-top: 35px;
}
.c-activity__txt-area p {
font-size: 18px;
padding-top: 20px;
}
@media only screen and (max-width: 768px) {
.c-activity__txt-area {
-o-border-image: url(/img/common/border.png) 30 round;
border-image: url(/img/common/border.png) 30 round;
}
}
@media only screen and (max-width: 768px) and (min-width: 769px) {
.c-activity__txt-area {
border-left: 14px solid transparent;
border-right: 14px solid transparent;
}
}
@media only screen and (max-width: 768px) and (max-width: 768px) {
.c-activity__txt-area {
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-image-slice: 10;
}
}
@media only screen and (max-width: 768px) {
.c-activity__txt-area h2 {
font-size: 14px;
line-height: 1.42857;
padding-top: 16.7px;
}
.c-activity__txt-area p {
font-size: 9px;
line-height: 1.55556;
padding-top: 12px;
}
}
.c-activity__img {
position: relative;
overflow: hidden;
}
.c-activity__img img.thumb {
transition: transform 0.6s ease;
width: 100%;
}
.c-activity__img:hover img.thumb {
transform: scale(1.1);
}
.c-contact {
-o-border-image: url(/img/common/border.png) 30 round;
border-image: url(/img/common/border.png) 30 round;
padding-top: 269px;
}
.c-contact .cal {
max-width: 1000px;
margin: 80px auto 0;
}
.c-contact .cal h4 {
font-weight: bold;
font-size: 16px;
margin-bottom: 10px;
}
@media screen and (max-width: 1124px) {
.c-contact .cal h4 {
font-size: 15px;
}
}
@media print, screen and (min-width: 769px) {
.c-contact {
border-left: 14px solid transparent;
border-right: 14px solid transparent;
}
}
@media only screen and (max-width: 768px) {
.c-contact {
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-image-slice: 10;
}
}
.c-contact__inner {
background-color: #e1dfd7;
padding: 60px 6.25vw 100px;
}
.c-contact__ttl {
font-size: 24px;
font-weight: bold;
color: #4d4012;
text-align: center;
}
.c-contact-group {
display: flex;
position: relative;
background-color: white;
margin-top: 45px;
padding: 28px 0 92px;
border-radius: 6px;
}
.c-contact-group__btn {
position: absolute;
bottom: 0;
left: 50%;
transform: translate(-50%, 50%);
}
@media screen and (max-width: 500px) {
.c-contact-group__btn {
width: 100%;
left: 0;
transform: translate(0%, 50%);
}
}
.c-contact-group__btn a {
font-size: 15px;
line-height: 1.46667;
font-weight: bold;
border-radius: 100px;
padding: 18px 28px;
border: 2px solid #4d4012;
background-color: #f1b401;
display: block;
}
.c-contact-group__btn a:hover {
opacity: 1;
}
@media screen and (max-width: 500px) {
.c-contact-group__btn a {
font-size: 14px;
width: 250px;
text-align: center;
margin: 0 auto;
}
}
.c-contact-group__btn a::before {
content: url(/img/common/icon_triangle.svg);
margin-right: 17.5px;
}
.c-contact-tel {
width: 55%;
text-align: center;
}
.c-contact-tel__btn a,
.c-contact-tel__btn button {
font-size: 16px;
font-weight: bold;
line-height: 1.4375;
background-color: #eeeeee;
border-radius: 27px;
border: 1px solid #707070;
padding: 9px 25px;
}
.c-contact__number {
font-size: 34px;
font-weight: bold;
margin-top: 28px;
display: flex;
align-items: center;
justify-content: center;
}
.c-contact__number::before {
content: "";
display: inline-block;
background: url(/img/common/icon_phone_black.svg) top center/cover;
width: 23.45px;
height: 39.68px;
margin-right: 22.6px;
}
.c-contact__time {
font-size: 14px;
line-height: 1.42857;
font-weight: 500;
margin-top: 19px;
}
.c-contact__mail {
font-size: 20px;
font-weight: bold;
margin-top: 30px;
}
.c-contact-line {
width: 45%;
display: flex;
flex-direction: column;
align-items: center;
}
.c-contact-line__btn {
text-align: center;
}
.c-contact-line__btn button {
font-size: 16px;
font-weight: bold;
line-height: 1.4375;
background-color: #07b339;
border-radius: 27px;
border: 0;
padding: 9px 25px;
color: white;
}
.c-contact-line__inner {
display: flex;
margin-top: 30px;
}
.c-contact__txt-area {
margin: 30px 0 0 25px;
}
.c-contact__img {
width: 150px;
}
.c-contact__img img {
width: 100%;
}
.c-contact__id {
font-size: 20px;
font-weight: bold;
}
@media only screen and (max-width: 1060px) {
.c-contact-tel {
width: 50%;
}
.c-contact-line {
width: 50%;
}
}
@media only screen and (max-width: 1060px) {
.c-contact-tel {
width: 100%;
}
.c-contact-line {
width: 100%;
margin-top: 47px;
}
.c-contact-group {
flex-direction: column;
}
}
@media only screen and (max-width: 768px) {
.c-contact {
padding-top: 99px;
}
.c-contact__inner {
padding: 36px 12px 77px;
}
.c-contact__ttl {
font-size: 16px;
line-height: 1.4375;
}
.c-contact-group {
margin-top: 49px;
padding: 36px 0 76px;
}
.c-contact-tel__btn button {
font-size: 12px;
line-height: 1.5;
padding: 6px 17px;
}
.c-contact__number {
font-size: 24px;
margin-top: 20px;
}
.c-contact__number::before {
content: "";
display: inline-block;
background: url(/img/common/icon_phone_black.svg) top center/cover;
width: 16.76px;
height: 28.36px;
margin-right: 16px;
}
.c-contact__time {
font-size: 10px;
line-height: 1.5;
margin-top: 13px;
}
.c-contact__mail {
font-size: 14px;
line-height: 1.42857;
margin-top: 22px;
}
.c-contact-line__btn button {
font-size: 12px;
line-height: 1.5;
padding: 6px 17px;
}
.c-contact-line__inner {
margin-top: 27px;
}
.c-contact__txt-area {
margin: 0;
text-align: center;
}
.c-contact__img {
display: none;
}
.c-contact__txt {
font-size: 14px;
line-height: 1.42857;
}
}
.c-faq {
padding: 141px 7.8125vw 136px 6.25vw;
-o-border-image: url(/img/common/border.png) 30 round;
border-image: url(/img/common/border.png) 30 round;
}
@media print, screen and (min-width: 769px) {
.c-faq {
border-left: 14px solid transparent;
border-right: 14px solid transparent;
}
}
@media only screen and (max-width: 768px) {
.c-faq {
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-image-slice: 10;
}
}
.c-faq-ttl {
width: 153px;
position: relative;
}
.c-faq-ttl img {
width: 100%;
transform: scale(0);
transition: transform 0.3s ease;
}
.c-faq-ttl img.on {
transform: scale(1);
}
@media screen and (max-width: 500px) {
.c-faq-ttl img {
max-width: 100px;
}
}
.c-faq-ttl__txt {
position: absolute;
top: 50%;
left: 50px;
transform: translate(-20%, -50%);
text-align: center;
color: white;
}
.c-faq-ttl__txt h2 {
font-size: 30px;
font-weight: bold;
}
.c-faq-ttl__txt p {
font-size: 12px;
}
.c-faq__inner {
padding-left: 170px;
margin-top: 35px;
}
.c-faq__inner .c-faq__item {
margin-bottom: 28.5px;
transition: all 0.4s ease;
opacity: 0;
transform: translateY(10px);
}
.c-faq__inner.on .c-faq__item {
opacity: 1;
transform: translateY(0);
}
.c-faq__item:last-child {
margin-bottom: 0;
}
.c-faq__item div {
padding: 0 0 20px;
display: flex;
align-items: baseline;
font-size: 16px;
}
.c-faq__item div.q {
font-weight: bold;
}
.c-faq__item div a {
word-break: break-all;
}
@media screen and (max-width: 500px) {
.c-faq__item div {
padding: 0 20px 20px;
}
}
.c-faq__item div span:first-child {
font-size: 20px;
font-weight: 500;
margin-right: 18px;
}
.c-faq__item p {
font-size: 16px;
line-height: 1.42857;
}
.c-faq__line {
width: calc(100% - 24px);
margin: 0 12px;
border-bottom: 1px solid #707070;
}
@media only screen and (max-width: 768px) {
.c-faq {
padding: 62.2px 12px 92px;
}
.c-faq__inner {
padding-left: 0;
margin-top: 45px;
}
.c-faq__item {
margin-bottom: 28.5px;
}
.c-faq__item:last-child {
margin-bottom: 0;
}
.c-faq__item p span:first-child {
font-size: 14px;
line-height: 1.42857;
margin-right: 17px;
}
.c-faq__item p span:last-child {
font-size: 13px;
line-height: 1.46154;
}
.c-faq__line {
width: 100%;
margin: 0;
}
}
.p-index-u-ttl {
-o-border-image: url(/img/common/border.png) 30 round;
border-image: url(/img/common/border.png) 30 round;
padding: 228.1px 66px 97.9px;
border-left: 14px solid transparent;
border-right: 14px solid transparent;
}
@media screen and (max-width: 768px) {
.p-index-u-ttl {
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-image-slice: 10;
}
}
.p-index-u-ttl .p-index-u-ttl__img {
display: flex;
align-items: center;
}
.p-index-u-ttl .p-index-u-ttl__img img {
margin-right: 40px;
max-width: 400px;
transform: translateY(20px);
transition: all 0.4s ease;
opacity: 0;
}
.p-index-u-ttl .p-index-u-ttl__img img.news {
max-width: 130px;
}
.p-index-u-ttl .p-index-u-ttl__img img.access {
max-width: 170px;
}
.p-index-u-ttl .p-index-u-ttl__line {
border-bottom: 1px solid #004f31;
width: 0;
transition: all 0.6s ease 0.4s;
}
.p-index-u-ttl p {
color: #004f31;
font-size: 16px;
line-height: 1.4375;
font-weight: bold;
margin-top: 10px;
opacity: 0;
transform: translateX(-10px);
transition: all 0.4s 0.6s;
}
.p-index-u-ttl.on .p-index-u-ttl__img img {
transform: translateY(0);
opacity: 1;
}
.p-index-u-ttl.on .p-index-u-ttl__line {
width: 100%;
}
.p-index-u-ttl.on p {
opacity: 1;
transform: translateX(0);
}
@media only screen and (max-width: 768px) {
.p-index-u-ttl {
padding: 78px 0 62.4px;
}
.p-index-u-ttl__img {
justify-content: center;
}
.p-index-u-ttl__img img {
margin-right: 0 !important;
height: 28px;
}
.p-index-u-ttl__line {
display: none;
}
.p-index-u-ttl p {
font-size: 12;
line-height: 1.5;
text-align: center;
margin-top: 18.6px;
}
}
.p-index-u-listBtn {
text-align: center;
margin-top: 86px;
transition: all 0.4s ease;
opacity: 0;
transform: translateY(20px);
}
.p-index-u-listBtn.on {
opacity: 1;
transform: translateY(0px);
}
.p-index-u-listBtn .btn {
font-size: 14px;
line-height: 1.42857;
font-weight: bold;
padding: 19px 10px;
border-radius: 100px;
width: 100%;
max-width: 200px;
margin: 0 auto;
display: block;
background-color: white;
border: 1px solid #707070;
transition: all 0.3s ease;
}
.p-index-u-listBtn .btn::before {
content: url(/img/common/icon_triangle.svg);
margin-right: 17.5px;
transition: all 0.4s ease;
}
.p-index-u-listBtn .btn:hover::before {
margin-right: 27.5px;
}
@media only screen and (max-width: 768px) {
.p-index-u-listBtn {
text-align: center;
margin-top: 48.3px;
}
.p-index-u-listBtn .btn {
font-size: 12px;
line-height: 1.11111;
font-weight: bold;
padding: 15px 10px;
}
.p-index-u-listBtn .btn::before {
margin-right: 15.5px;
}
}
.p-index-top {
position: relative;
}
.p-index-top__slider div {
max-height: 75vh;
position: relative;
overflow: hidden;
}
.p-index-top__slider div img.img-slide {
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
max-height: 75vh;
}
.wrap-slider {
position: relative;
overflow: hidden;
}
.wrap-slider .yayu {
position: absolute;
top: 20px;
left: 15%;
z-index: 10;
max-width: 120px;
opacity: 0;
transform: scale(1.4);
transition: transform 0.4s linear 0.2s, opacity 0.4s linear 0.2s;
filter: drop-shadow(0px 0px 3px #666);
}
.wrap-slider .yayu.on {
opacity: 1;
transform: scale(1);
top: 20px;
}
@media screen and (max-width: 834px) {
.wrap-slider .yayu {
max-width: 100px;
left: 10%;
}
}
@media screen and (max-width: 500px) {
.wrap-slider .yayu {
top: 10px;
left: 10%;
max-width: 60px;
}
}
.p-index-top__txt-area {
position: absolute;
bottom: 0;
transform: translateY(50%);
width: 90%;
background-color: #3d6e55;
padding: 24px 0 24px 70px;
font-weight: bold;
color: white;
}
.p-index-top__txt-area a {
color: #fff;
}
.p-index-top__txt-area span {
margin-right: 48px;
line-height: 1.42857;
}
.p-index-top__txt-area span:first-child {
color: #ff9d00;
}
.p-index-top__txt-area span:last-child {
font-size: 12px;
line-height: 1.5;
}
.p-index-top__txt-area p {
display: none;
}
@media only screen and (max-width: 1160px) {
.p-index-top__txt-area {
padding: 16px 25px 16px 15.3px;
}
.p-index-top__txt-area span {
margin-right: 38px;
}
}
@media only screen and (max-width: 1060px) {
.p-index-top__txt-area {
padding: 16px;
}
.p-index-top__txt-area span {
margin-right: 14px;
}
}
@media print, screen and (max-width: 960px) {
.p-index-top__txt-area {
width: 100%;
transform: translateY(0);
position: relative;
padding: 16px 16px 0;
}
.p-index-top__txt-area span {
font-size: 12px;
}
.p-index-top__txt-area span:first-child {
display: block;
}
.p-index-top__txt-area span:last-child {
display: none;
}
.p-index-top__txt-area a {
display: block;
text-decoration: underline;
font-size: 14px;
margin-top: 10px;
}
.p-index-top__txt-area a::before {
content: "→ ";
}
}
.p-index-top__box p {
width: calc(100% - 60px);
height: 20px;
margin-left: 60px;
background-color: #dceade;
display: none;
}
@media only screen and (max-width: 1060px) {
.p-index-top__box p {
display: block;
}
}
.p-index-movie {
-o-border-image: url(/img/common/border.png) 30 round;
border-image: url(/img/common/border.png) 30 round;
}
@media print, screen and (min-width: 769px) {
.p-index-movie {
border-left: 14px solid transparent;
border-right: 14px solid transparent;
}
}
@media only screen and (max-width: 768px) {
.p-index-movie {
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-image-slice: 10;
}
}
.p-index-movie__top p {
margin-left: 35%;
height: 65px;
background-color: #dceade;
}
@media only screen and (max-width: 1060px) {
.p-index-movie__top {
display: none;
}
}
.p-index-movie-title {
padding-top: 90px;
font-size: 20px;
font-weight: bold;
display: flex;
justify-content: center;
}
.p-index-movie-title__inner {
padding-bottom: 12.5px;
}
.p-index-movie-title__inner::after {
content: "";
background-color: #333;
width: 0;
height: 1px;
display: block;
margin-top: 10px;
transition: width 0.4s ease;
}
.p-index-movie-title__inner.on::after {
width: 100%;
}
.p-index-movie-title span {
position: relative;
}
.p-index-movie-title span:last-child {
color: #ff9d00;
}
.p-index-movie-title span:last-child::before {
content: "";
display: inline-block;
background: url(/img/index/icon_fire.svg) top center/cover;
width: 39px;
height: 16px;
position: absolute;
top: 0;
left: 50%;
transform: translate(-50%, 0%);
opacity: 0;
transition: all 0.4s;
}
.p-index-movie-title span.on:last-child::before {
transform: translate(-50%, -100%);
opacity: 1;
}
@media only screen and (max-width: 768px) {
.p-index-movie-title span:last-child::before {
width: 16.06px;
height: 6.59px;
}
}
@media only screen and (max-width: 768px) {
.p-index-movie-title {
padding-top: 35.2px;
font-size: 12px;
}
}
.p-index-movie__swiper {
margin-top: 56.5px;
position: relative;
padding: 0 19.2px;
opacity: 0;
transition: all 0.4s ease 0.2s;
transform: translateY(-20px);
}
.p-index-movie__swiper.on {
opacity: 1;
transform: translateY(0);
}
@media only screen and (max-width: 768px) {
.p-index-movie__swiper {
margin-top: 23.7px;
}
}
.p-index-movie__box {
position: relative;
width: 800px;
margin: auto;
}
@media print, screen and (max-width: 960px) {
.p-index-movie__box {
width: 100%;
}
}
.p-index-movie__box1 {
position: absolute;
top: -27px;
left: -44px;
width: 196px;
height: 147px;
display: block;
background-color: #ecead8;
}
@media print, screen and (max-width: 960px) {
.p-index-movie__box1 {
left: -19.2px;
top: -12px;
}
}
.bn-rental {
text-align: center;
background-color: #eee;
padding: 30px;
display: flex;
gap: 10px;
justify-content: center;
}
@media screen and (max-width: 500px) {
.bn-rental {
flex-wrap: wrap;
justify-content: flex-start;
}
}
.bn-rental a {
display: block;
}
@media screen and (max-width: 500px) {
.bn-rental a {
width: calc(50% - 10px);
}
}
.bn-rental img {
transition: all 0.4s ease;
opacity: 0;
transform: translateY(10px);
max-width: 320px;
width: 100%;
display: block;
}
.bn-rental.on img {
opacity: 1;
transform: translateY(0);
}
.p-index-site__item {
-o-border-image: url(/img/common/border.png) 30 round;
border-image: url(/img/common/border.png) 30 round;
display: flex;
}
@media print, screen and (min-width: 769px) {
.p-index-site__item {
border-right: 14px solid transparent;
border-left: 0;
}
}
@media only screen and (max-width: 768px) {
.p-index-site__item {
border-right: 5px solid transparent;
border-left: 0;
border-image-slice: 10;
}
}
.p-index-site__item.reverse {
-o-border-image: url(/img/common/border.png) 30 round;
border-image: url(/img/common/border.png) 30 round;
}
@media print, screen and (min-width: 769px) {
.p-index-site__item.reverse {
border-left: 14px solid transparent;
border-right: 0;
}
}
@media only screen and (max-width: 768px) {
.p-index-site__item.reverse {
border-left: 5px solid transparent;
border-right: 0;
border-image-slice: 10;
}
}
.p-index-site__img {
width: 55%;
position: relative;
overflow: hidden;
}
.p-index-site__img::after {
content: "";
display: block;
width: 100%;
height: 100%;
background-color: #f5f5f5;
position: absolute;
top: 0;
left: 0;
transition: transform 0.4s;
}
.p-index-site__img.on::after {
transform: translateX(100%);
}
.p-index-site__img img {
width: 100%;
}
.p-index-site__txt-area {
width: 45%;
text-align: center;
margin-top: 15px;
}
.p-index-site__txt-area h2 {
font-size: 30px;
letter-spacing: 5px;
font-weight: bold;
}
.p-index-site__txt-area p {
padding: 0 10%;
font-size: 18px;
line-height: 1.77778;
text-align: left;
margin-top: 72px;
text-align: center;
}
.p-index-site__txt-area .btn {
margin: 87.4px auto 0;
padding: 29px 50px;
border-radius: 100px;
background-color: #3d6e55;
border: none;
font-size: 16px;
line-height: 1.4375;
color: white;
font-weight: bold;
display: block;
max-width: 305px;
transition: opacity 0.3s;
}
.p-index-site__txt-area .btn:hover {
opacity: 0.8;
}
.p-index-site__box {
width: 100%;
height: 157.1px;
-o-border-image: url(/img/common/border.png) 30 round;
border-image: url(/img/common/border.png) 30 round;
}
@media print, screen and (min-width: 769px) {
.p-index-site__box {
border-left: 14px solid transparent;
border-right: 14px solid transparent;
}
}
@media only screen and (max-width: 768px) {
.p-index-site__box {
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-image-slice: 10;
}
}
@media only screen and (max-width: 768px) {
.p-index-site__item {
border: 0;
flex-direction: column;
}
.p-index-site__item.reverse {
border: 0;
flex-direction: column-reverse;
}
.p-index-site__img {
border: 0;
width: 100%;
}
.p-index-site__img img {
left: -5px;
width: calc(100% + 10px);
}
.p-index-site__txt-area {
-o-border-image: url(/img/common/border.png) 30 round;
border-image: url(/img/common/border.png) 30 round;
width: 100%;
padding-top: 40px;
margin: 0;
}
}
@media only screen and (max-width: 768px) and (min-width: 769px) {
.p-index-site__txt-area {
border-left: 14px solid transparent;
border-right: 14px solid transparent;
}
}
@media only screen and (max-width: 768px) and (max-width: 768px) {
.p-index-site__txt-area {
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-image-slice: 10;
}
}
@media only screen and (max-width: 768px) {
.p-index-site__txt-area h2 {
font-size: 18px;
letter-spacing: 5px;
}
.p-index-site__txt-area p {
padding: 0 20px;
font-size: 14px;
line-height: 2.28571;
margin-top: 40px;
}
.p-index-site__txt-area .btn {
margin-top: 58px;
padding: 22px 70px;
font-size: 14px;
line-height: 1.42857;
}
.p-index-site__box {
height: 102px;
}
}
.p-index-news__inner {
-o-border-image: url(/img/common/border.png) 30 round;
border-image: url(/img/common/border.png) 30 round;
}
@media print, screen and (min-width: 769px) {
.p-index-news__inner {
border-left: 14px solid transparent;
border-right: 14px solid transparent;
}
}
@media only screen and (max-width: 768px) {
.p-index-news__inner {
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-image-slice: 10;
}
}
.p-index-news__item {
display: flex;
padding: 0 140px;
margin-top: 28px;
cursor: pointer;
}
.p-index-news__item:first-child {
margin-top: 0;
}
.p-index-news__img {
width: 300px;
background-color: #f5f5f5;
}
.p-index-news__img img {
width: 100%;
}
.p-index-news__txt-area {
margin-left: 51px;
width: 100%;
max-width: 1000px;
}
.p-index-news__date {
font-size: 13px;
line-height: 1.46154;
}
.p-index-news__alert {
font-size: 10px;
line-height: 1.2;
background-color: #b62c0f;
padding: 0 7px;
color: white;
margin-left: 24px;
}
.p-index-news__txt {
margin-top: 22px;
font-size: 16px;
line-height: 1.4375;
font-weight: 500;
}
@media only screen and (max-width: 768px) {
.p-index-news__item {
flex-direction: column;
padding: 0 32.5px;
}
.p-index-news__img {
width: 100%;
}
.p-index-news__txt-area {
margin-left: 0;
}
.p-index-news__date {
font-size: 10px;
line-height: 1.5;
}
.p-index-news__alert {
font-size: 10px;
line-height: 1.2;
background-color: #b62c0f;
padding: 0 7px;
color: white;
margin-left: 24px;
}
.p-index-news__txt {
margin-top: 18.3px;
font-size: 14px;
line-height: 1.57143;
}
.p-index-news__btn {
text-align: center;
margin-top: 48.3px;
}
.p-index-news__btn button {
font-size: 12px;
line-height: 1.11111;
font-weight: bold;
padding: 15px 60px;
}
.p-index-news__btn button::before {
margin-right: 15.5px;
}
}
.p-index-access__inner {
display: flex;
}
.p-index-access__map {
width: 55%;
}
.p-index-access__map iframe {
width: 100%;
height: 475px;
}
.p-index-access__txt-area {
width: 45%;
padding: 70px 0 0 60px;
-o-border-image: url(/img/common/border.png) 30 round;
border-image: url(/img/common/border.png) 30 round;
}
@media print, screen and (min-width: 769px) {
.p-index-access__txt-area {
border-right: 14px solid transparent;
border-left: 0;
}
}
@media only screen and (max-width: 768px) {
.p-index-access__txt-area {
border-right: 5px solid transparent;
border-left: 0;
border-image-slice: 10;
}
}
.p-index-access__txt {
font-size: 18px;
line-height: 2.11111;
}
.p-index-access__btn {
margin-top: 64px;
}
@media screen and (max-width: 500px) {
.p-index-access__btn {
margin-top: 30px;
}
}
@media only screen and (max-width: 1060px) {
.p-index-access__map {
width: 50%;
}
.p-index-access__map iframe {
width: 100%;
height: 375px;
}
.p-index-access__txt-area {
width: 50%;
padding: 22px 28px 0;
}
.p-index-access__txt {
font-size: 12px;
line-height: 2;
}
.p-index-access__btn {
text-align: center;
}
}
@media only screen and (max-width: 768px) {
.p-index-access__inner {
flex-direction: column;
}
.p-index-access__map {
width: 100%;
}
.p-index-access__map iframe {
height: 233px;
}
.p-index-access__txt-area {
width: 100%;
-o-border-image: url(/img/common/border.png) 30 round;
border-image: url(/img/common/border.png) 30 round;
}
}
@media only screen and (max-width: 768px) and (min-width: 769px) {
.p-index-access__txt-area {
border-left: 14px solid transparent;
border-right: 14px solid transparent;
}
}
@media only screen and (max-width: 768px) and (max-width: 768px) {
.p-index-access__txt-area {
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-image-slice: 10;
}
}
.wpsbc-prev,
.wpsbc-next {
display: none !important;
}
@media screen and (max-width: 500px) {
.wpsbc-legend p {
font-size: 12px !important;
margin-bottom: 10px !important;
}
}
.p-facility__inner {
-o-border-image: url(/img/common/border.png) 30 round;
border-image: url(/img/common/border.png) 30 round;
}
@media print, screen and (min-width: 769px) {
.p-facility__inner {
border-left: 14px solid transparent;
border-right: 14px solid transparent;
}
}
@media only screen and (max-width: 768px) {
.p-facility__inner {
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-image-slice: 10;
}
}
.p-facility__order {
text-align: center;
padding-top: 100px;
display: flex;
justify-content: center;
flex-wrap: wrap;
}
@media screen and (max-width: 1124px) {
.p-facility__order {
padding-top: 50px;
}
}
.p-facility__order span {
margin: 0 10px;
font-size: 16px;
line-height: 1.4375;
font-weight: bold;
color: #3d6e55;
background-color: #f5f5f5;
padding: 10px 20px;
}
.p-facility__order span a {
color: #3d6e55;
}
@media screen and (max-width: 1124px) {
.p-facility__order span {
font-size: 13px;
line-height: 1.53846;
}
}
@media screen and (max-width: 600px) {
.p-facility__order span {
margin-right: 0;
font-size: 13px;
line-height: 1.53846;
width: calc(50% - 10px);
padding: 10px;
margin: 5px;
}
}
.p-facility__order span:last-child {
margin-right: 0;
}
.p-facility__order span:after {
content: url(/img/facility/icon_arrow_down.svg);
display: block;
}
.p-facility-item {
margin: 100px auto 0;
width: 1000px;
}
.thumbs {
cursor: pointer;
}
@media screen and (max-width: 600px) {
.thumbs {
display: none;
}
}
.p-facility-item__ttl {
text-align: center;
font-size: 30px;
font-weight: bold;
}
@media screen and (max-width: 1124px) {
.p-facility-item__ttl {
font-size: 20px;
}
}
.p-facility-item__lead {
text-align: center;
margin-top: 61.4px;
font-size: 18px;
font-weight: bold;
line-height: 1.77778;
}
.p-facility-item__swiper {
margin-top: 47.4px;
position: relative;
}
.p-facility-item .swiper-container {
width: 100%;
}
.p-facility-item .swiper-wrapper-lead {
position: absolute;
width: 100%;
padding: 17.5px 0;
background-color: black;
opacity: 0.7;
bottom: 0;
z-index: 100;
color: white;
font-size: 16px;
line-height: 2;
text-align: center;
}
.p-facility-item .slick-prev {
left: 0;
z-index: 10;
margin-top: -100px;
}
.p-facility-item .slick-next {
right: 0;
z-index: 10;
margin-top: -100px;
}
.p-facility-item__table {
margin-top: 74px;
border-top: 1px solid #707070;
border-bottom: 1px solid #707070;
}
.p-facility-item__row {
display: flex;
border-bottom: 1px solid #707070;
}
.p-facility-item__row:last-child {
border-bottom: 0;
}
.p-facility-item__th {
background-color: #dae4dc;
font-size: 18px;
font-weight: bold;
line-height: 1.8;
width: 30%;
display: flex;
align-items: center;
padding-left: 34px;
}
@media screen and (max-width: 1124px) {
.p-facility-item__th {
font-size: 16px;
}
}
.p-facility-item__td {
width: 70%;
padding: 28px;
font-size: 18px;
line-height: 1.8;
}
@media screen and (max-width: 1124px) {
.p-facility-item__td {
font-size: 16px;
}
}
.p-facility-item__td h4 {
font-weight: bold;
}
.font-s {
font-size: smaller;
}
.p-facility-item__td p {
margin-bottom: 2em;
}
.p-facility-item__td p:last-child {
margin-bottom: 0;
}
@media only screen and (max-width: 1060px) {
.p-facility-item {
margin-top: 50px;
width: 100%;
padding: 0 20px;
}
.p-facility-item__ttl {
font-size: 20px;
}
.p-facility-item__lead {
margin-top: 20px;
font-size: 13px;
line-height: 2.22222;
text-align: left;
font-weight: normal;
}
.p-facility-item__lead br {
display: none;
}
.p-facility-item .swiper-wrapper-lead {
padding: 10px 0;
opacity: 0.7;
z-index: 100;
font-size: 12px;
line-height: 1.66667;
}
.p-facility-item__table {
margin-top: 34px;
padding: 0;
}
.p-facility-item__th {
font-size: 14px;
font-weight: bold;
line-height: 1.42857;
width: 35%;
padding: 10px;
}
.p-facility-item__td {
width: 65%;
padding: 10px;
font-size: 14px;
line-height: 1.66667;
}
.p-facility-item__td p {
margin-bottom: 10px;
}
}
.p-price-container {
padding: 0 7.65625vw;
-o-border-image: url(/img/common/border.png) 30 round;
border-image: url(/img/common/border.png) 30 round;
}
@media print, screen and (min-width: 769px) {
.p-price-container {
border-left: 14px solid transparent;
border-right: 14px solid transparent;
}
}
@media only screen and (max-width: 768px) {
.p-price-container {
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-image-slice: 10;
}
}
.p-price__ttl {
display: flex;
align-items: center;
padding-top: 30px;
}
.p-price__ttl h2 {
font-size: 24px;
font-weight: bold;
margin-right: 18px;
border-left: solid 6px #3d6e55;
padding-left: 15px;
}
.p-price__ttl h3 {
font-size: 16px;
line-height: 1.4375;
}
.p-price__txt {
margin: 48px 0 0 20px;
}
.p-price__txt p {
font-size: 18px;
line-height: 1.4375;
margin-bottom: 1em;
display: flex;
align-items: center;
}
.p-price__txt p .font-s {
font-size: smaller;
}
.p-price__txt p:last-child {
margin-bottom: 0;
}
.p-price__txt p::before {
content: url(/img/price/circle.svg);
display: block;
margin-right: 12px;
}
.p-price-site__table {
margin-top: 40.5px;
text-align: center;
}
.p-price-site__table h3 {
font-size: 18px;
line-height: 2;
font-weight: bold;
}
.p-price-site__row {
display: flex;
flex-wrap: wrap;
border-bottom: 1px solid #707070;
}
.p-price-site__row:last-child {
border-bottom: 0;
}
.p-price-site__th {
background-color: #dae4dc;
font-weight: bold;
width: 15%;
display: flex;
align-items: center;
justify-content: center;
}
.p-price-site__td {
border-right: 1px solid #707070;
width: 28.3333333333%;
padding: 20px 0;
line-height: 2;
}
.p-price-site__td:last-child {
border-right: 0;
}
.p-price-site__td h4 {
font-size: 14px;
margin: 8px 0 17px;
}
.p-price-site__td p {
font-size: 16px;
margin-bottom: 10px;
}
.p-price-site__td p:last-child {
margin-bottom: 0;
}
.p-price-site__alert {
margin-top: 47.5px;
background-color: #eeeeee;
padding: 21px 37.5px;
}
.p-price-site__alert h3 {
font-size: 18px;
line-height: 2;
}
.p-price-site__alert p {
font-size: 16px;
line-height: 2;
}
.p-price-site__note {
margin-top: 51px;
}
.p-price-site__note p {
font-size: 14px;
line-height: 2;
margin-bottom: 14px;
}
.p-price-site__note p:last-child {
margin-bottom: 0;
}
.p-price-facility__table {
margin-top: 68px;
}
.p-price-facility__thead {
padding: 21px 0;
background-color: #dae4dc;
text-align: center;
font-size: 18px;
font-weight: bold;
line-height: 1.77778;
display: flex;
}
.p-price-facility__th {
width: 50%;
}
.p-price-facility__tbody {
margin-top: 18px;
}
.p-price-facility__row {
padding: 11.5px 0 11.5px 77px;
border-bottom: 1px solid #707070;
display: flex;
font-size: 16px;
line-height: 2;
font-weight: bold;
}
.p-price-facility__td {
width: 25%;
}
.p-price-facility__col2 {
width: 50%;
}
.p-price-facility__note {
margin: 60px 0 45px;
font-size: 16px;
line-height: 2;
font-weight: bold;
color: #b62c0f;
}
@media print, screen and (max-width: 1280px) {
.p-price-container {
padding: 0 30px;
}
.p-price__ttl {
margin-top: 40px;
}
.p-price__ttl h2 {
font-size: 20px;
margin-right: 10px;
}
.p-price__ttl h3 {
font-size: 12px;
line-height: 1.66667;
}
.p-price__txt {
margin: 24px 0 0 20px;
}
.p-price__txt p {
font-size: 12px;
line-height: 1.66667;
margin-bottom: 12px;
}
.p-price__txt p::before {
margin-right: 5px;
}
.p-price-site__table {
margin-top: 20px;
}
.p-price-site__table h3 {
font-size: 12px;
line-height: 1.66667;
}
.p-price-site__th {
width: 15%;
}
.p-price-site__td {
width: 28.3333333333%;
padding: 10px 0;
line-height: 1;
}
.p-price-site__td h4 {
font-size: 12px;
margin: 5px 0 10px;
}
.p-price-site__td p {
font-size: 12px;
margin-bottom: 5px;
}
.p-price-site__alert {
margin-top: 25px;
padding: 10px 20px;
}
.p-price-site__alert h3 {
font-size: 14px;
line-height: 1.57143;
}
.p-price-site__alert p {
font-size: 12px;
line-height: 1.66667;
}
.p-price-site__note {
margin-top: 51px;
}
.p-price-site__note p {
font-size: 12px;
line-height: 2;
margin-bottom: 10px;
}
.p-price-facility__table {
margin-top: 30px;
}
.p-price-facility__thead {
padding: 10px 0;
font-size: 14px;
line-height: 1.42857;
}
.p-price-facility__th {
width: 50%;
}
.p-price-facility__tbody {
margin-top: 12px;
}
.p-price-facility__row {
padding: 5px;
font-size: 12px;
line-height: 1.66667;
}
.p-price-facility__td {
width: 25%;
}
.p-price-facility__col2 {
width: 50%;
}
.p-price-facility__note {
margin: 30px 0 25px;
font-size: 12px;
line-height: 1.66667;
}
}
@media print, screen and (max-width: 1280px) {
.p-price-container {
padding: 0 10px;
}
.p-price__ttl {
margin-top: 40px;
}
.p-price__ttl h2 {
font-size: 16px;
margin-right: 10px;
}
.p-price-site__table {
margin-top: 20px;
}
.p-price-site__table .p-price-site__td h3 {
font-size: 13px;
line-height: 1.2;
margin-bottom: 10px;
}
.p-price-site__th {
width: 15%;
}
.p-price-site__td {
width: 28.3333333333%;
padding: 10px;
}
.p-price-site__td h4 {
font-size: 11px;
margin: 5px 0 5px;
text-align: left;
}
.p-price-site__td p {
font-size: 11px;
margin-bottom: 5px;
line-height: 1.4;
text-align: left;
}
.p-price-site__alert {
margin-top: 20px;
padding: 10px 20px;
}
.p-price-site__alert h3 {
font-size: 12px;
line-height: 2;
}
.p-price-site__alert p {
font-size: 12px;
line-height: 2;
}
.p-price-site__note {
margin-top: 30px;
}
.p-price-facility__table {
margin-top: 30px;
}
.p-price-facility__thead {
padding: 10px 0;
font-size: 12px;
line-height: 1.66667;
}
.p-price-facility__th {
width: 50%;
}
.p-price-facility__tbody {
margin-top: 12px;
}
.p-price-facility__row {
padding: 5px;
font-size: 12px;
line-height: 2;
}
.p-price-facility__td {
width: 25%;
}
.p-price-facility__col2 {
width: 50%;
}
.p-price-facility__note {
margin: 20px 0 20px;
font-size: 12px;
line-height: 2;
}
}
.p-activity-container {
padding: 86px 4.42708vw 0;
-o-border-image: url(/img/common/border.png) 30 round;
border-image: url(/img/common/border.png) 30 round;
}
@media print, screen and (min-width: 769px) {
.p-activity-container {
border-left: 14px solid transparent;
border-right: 14px solid transparent;
}
}
@media only screen and (max-width: 768px) {
.p-activity-container {
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-image-slice: 10;
}
}
.p-activity__ttl {
font-size: 24px;
font-weight: bold;
}
.p-activity__lead {
font-size: 16px;
line-height: 1.4375;
margin-top: 17px;
}
.p-activity__group {
margin-top: 51px;
display: flex;
flex-wrap: wrap;
}
.p-activity__item {
width: 50%;
margin-bottom: 89.5px;
display: flex;
flex-direction: column;
align-items: center;
}
.p-activity__item img {
width: 100%;
}
.p-activity__item p {
font-size: 18px;
font-weight: bold;
margin-top: 22.5px;
text-align: center;
position: relative;
}
.p-activity__item p::after {
content: url(/img/common/icon_window.svg);
position: absolute;
bottom: 0;
right: -20px;
display: block;
}
@media print, screen and (max-width: 960px) {
.p-activity-container {
padding: 40px 2.08333vw 0;
}
.p-activity__ttl {
font-size: 18px;
}
.p-activity__lead {
font-size: 14px;
line-height: 1.42857;
margin-top: 10px;
}
.p-activity__group {
margin-top: 20px;
}
.p-activity__item {
width: 50%;
margin-bottom: 40px;
}
.p-activity__item p {
font-size: 15px;
margin-top: 10px;
}
}
@media only screen and (max-width: 768px) {
.p-activity-container {
padding: 40px 10 0;
}
.p-activity__ttl {
font-size: 15px;
}
.p-activity__lead {
font-size: 12px;
line-height: 1.66667;
margin-top: 10px;
}
.p-activity__group {
margin-top: 20px;
}
.p-activity__item {
width: 100%;
margin-bottom: 40px;
}
.p-activity__item p {
font-size: 13px;
margin-top: 10px;
}
.p-activity__item p::after {
transform: scale(0.7);
}
}
.p-access-container {
padding: 63px 4.47917vw 172px;
-o-border-image: url(/img/common/border.png) 30 round;
border-image: url(/img/common/border.png) 30 round;
}
@media print, screen and (min-width: 769px) {
.p-access-container {
border-left: 14px solid transparent;
border-right: 14px solid transparent;
}
}
@media only screen and (max-width: 768px) {
.p-access-container {
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-image-slice: 10;
}
}
.p-access__txt {
font-size: 18px;
line-height: 2.11111;
}
.p-access__position {
margin: 40px 0 0 37px;
}
.p-access__map {
position: relative;
margin-top: 50px;
}
.p-access__map iframe {
width: 100%;
height: 475px;
}
.p-access__btn {
margin: 30px 0 0 auto;
max-width: 400px;
}
@media only screen and (max-width: 768px) {
.p-access-container {
padding: 30px 10 0;
}
.p-access__txt {
font-size: 14px;
line-height: 1.42857;
}
.p-access__position {
margin: 30px 0 0 20px;
}
.p-access__map {
margin-top: 20px;
}
.p-access__map iframe {
width: 100%;
height: 250px;
}
}
.p-faq-container {
padding: 138px 8.85417vw 145px;
-o-border-image: url(/img/common/border.png) 30 round;
border-image: url(/img/common/border.png) 30 round;
}
@media print, screen and (min-width: 769px) {
.p-faq-container {
border-left: 14px solid transparent;
border-right: 14px solid transparent;
}
}
@media only screen and (max-width: 768px) {
.p-faq-container {
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-image-slice: 10;
}
}
.p-faq__item {
margin-bottom: 28.5px;
}
.p-faq__item:last-child {
margin-bottom: 0;
}
.p-faq__item div {
padding-bottom: 20px;
display: flex;
align-items: baseline;
font-size: 16px;
}
.p-faq__item div.q {
font-weight: bold;
}
.p-faq__item div a {
word-break: break-all;
}
.p-faq__item div span:first-child {
font-size: 20px;
font-weight: 500;
margin-right: 18px;
}
.p-faq__item p {
font-size: 16px;
line-height: 1.42857;
margin-bottom: 1em;
}
.p-faq__item p a {
word-break: break-all;
}
.p-faq__line {
width: calc(100% - 24px);
margin: 0 12px;
border-bottom: 1px solid #707070;
}
.p-faq__ttl {
font-size: 18px;
line-height: 2.11111;
font-weight: bold;
background-color: #3d6e55;
padding: 15.5px;
color: white;
}
.p-faq__txt {
font-size: 16px;
line-height: 1.875;
padding: 31px 85px 36px 15.5px;
}
.p-blog__note span {
font-size: 12px;
color: white;
background-color: #b62c0f;
padding: 2px 8px;
}
.p-blog-index-container {
padding: 48.5px 0 300px 3.90625vw;
-o-border-image: url(/img/common/border.png) 30 round;
border-image: url(/img/common/border.png) 30 round;
}
@media print, screen and (min-width: 769px) {
.p-blog-index-container {
border-left: 14px solid transparent;
border-right: 14px solid transparent;
}
}
@media only screen and (max-width: 768px) {
.p-blog-index-container {
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-image-slice: 10;
}
}
.p-blog-index__ttl {
font-size: 18px;
font-weight: bold;
}
.p-blog-index__content {
display: flex;
}
@media screen and (max-width: 500px) {
.p-blog-index__content {
display: block;
}
}
.p-blog-index__left {
padding-right: 4.55729vw;
border-right: 1px solid #dddddd;
width: 80%;
}
@media screen and (max-width: 500px) {
.p-blog-index__left {
width: 100%;
padding: 0 20px !important;
}
}
.p-blog-index__item {
margin-top: 70px;
display: flex;
}
.p-blog-index__img {
width: 30%;
padding-right: 2.60417vw;
}
.p-blog-index__img img {
width: 100%;
}
.p-blog-index__group {
width: 70%;
}
.p-blog-index__txt-area {
display: flex;
}
.p-blog-index__lead {
font-size: 16px;
line-height: 1.4375;
font-weight: bold;
margin-right: 37px;
}
.p-blog-index__date {
font-size: 12px;
margin-top: 12px;
}
.p-blog-index__txt {
font-size: 14px;
line-height: 1.42857;
margin-top: 18px;
word-break: break-all;
}
.p-blog-index__btn {
margin-top: 20px;
}
.p-blog-index__btn .btn {
padding: 10px 15px;
font-size: 14px;
line-height: 1.42857;
color: #3d6e55;
border: 1px solid #3d6e55;
border-radius: 100px;
background-color: white;
display: block;
cursor: pointer;
margin-top: 40px;
max-width: 200px;
text-align: center;
}
.p-blog-index__btn .btn:hover {
background-color: #3d6e55;
color: #fff;
opacity: 1;
}
.p-blog-detail-container {
padding: 48.5px 0 270px 3.90625vw;
-o-border-image: url(/img/common/border.png) 30 round;
border-image: url(/img/common/border.png) 30 round;
}
@media print, screen and (min-width: 769px) {
.p-blog-detail-container {
border-left: 14px solid transparent;
border-right: 14px solid transparent;
}
}
@media only screen and (max-width: 768px) {
.p-blog-detail-container {
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-image-slice: 10;
}
}
.p-blog-detail__group1 {
display: flex;
align-items: center;
border-bottom: solid 1px #ddd;
padding-bottom: 10px;
}
.p-blog-detail__group2 {
display: flex;
margin-top: 17px;
color: #ddd;
line-height: 1px;
}
.p-blog-detail__ttl {
font-size: 24px;
font-weight: bold;
margin-right: 57px;
}
.p-blog-detail__content {
display: flex;
}
@media screen and (max-width: 500px) {
.p-blog-detail__content {
flex-wrap: wrap;
}
}
.p-blog-detail__left {
padding-right: 4.55729vw;
border-right: 1px solid #dddddd;
width: 80%;
}
.p-blog-detail__img {
margin-top: 50px;
}
.p-blog-detail__img img {
width: 100%;
}
.p-blog-detail__date {
font-size: 12px;
margin-right: 5px;
color: #333;
}
.p-blog-detail__category {
font-size: 12px;
margin-left: 5px;
color: #333;
}
@media screen and (max-width: 500px) {
.p-blog-detail__category span:first-child {
display: none;
}
}
.p-blog-detail__category span:last-child {
color: #3d6e55;
}
.p-blog-detail__txt {
font-size: 16px;
line-height: 1.5625;
margin-top: 40px;
padding-bottom: 50px;
min-height: 300px;
word-break: break-all;
}
.p-blog-detail__txt p {
margin-bottom: 1em;
}
.p-blog-detail__txt p:last-child {
margin-bottom: 0;
}
.p-blog-detail__txt img {
display: block;
margin: 20px 0;
}
@media screen and (max-width: 500px) {
.p-blog-detail__txt {
padding: 0 20px 50px;
}
}
.p-blog-detail__last {
text-align: center;
margin-top: 92px;
}
.pager {
text-align: center;
display: flex;
justify-content: space-between;
border-top: solid 1px #ddd;
border-bottom: solid 1px #ddd;
padding: 20px;
}
.pager .c-line {
color: #ddd;
margin: 0 10px;
display: block;
}
.p-blog-side {
width: 20%;
min-width: 312px;
}
@media screen and (max-width: 500px) {
.p-blog-side {
width: 100%;
}
}
.p-blog-side__ttl {
font-size: 16px;
line-height: 1.42857;
font-weight: bold;
margin-left: 29.5px;
}
.p-blog-side__txt {
padding: 20px 0 30px 43.5px;
}
.p-blog-side__txt p {
display: flex;
align-items: center;
color: #333;
}
.p-blog-side__txt p a {
font-size: 14px;
color: #333;
}
.p-blog-side__txt p span:first-child {
font-size: 16px;
line-height: 1.875;
font-weight: bold;
}
.p-blog-side__txt p span:last-child {
font-size: 12px;
}
.p-blog-side__txt p::before {
content: url(/img/blog/icon_circle.svg);
display: block;
margin-right: 17px;
}
.p-blog-side__content {
padding: 30px 26.5px;
border-top: 1px solid #dddddd;
border-bottom: 1px solid #dddddd;
}
.p-blog-side__content .p-blog-side__ttl {
margin-left: 0;
}
.p-blog-side__content img {
width: 100%;
margin-top: 29px;
}
.p-blog-side__content p {
font-size: 14px;
line-height: 1.42857;
font-weight: bold;
margin-top: 10px;
}
@media only screen and (max-width: 1160px) {
.p-blog__note span {
font-size: 12px;
padding: 2px 6px;
}
.p-blog-index-container {
padding: 25px 0 100px 1.82292vw;
}
.p-blog-index__ttl {
font-size: 16px;
}
.p-blog-index__left {
padding-right: 2.08333vw;
}
.p-blog-index__item {
margin-top: 30px;
}
.p-blog-index__img {
width: 50%;
padding-right: 1.5625vw;
}
.p-blog-index__img img {
width: 100%;
}
.p-blog-index__lead {
font-size: 14px;
line-height: 1.42857;
margin-right: 20px;
}
.p-blog-index__date {
font-size: 12px;
margin-top: 10px;
}
.p-blog-index__txt {
font-size: 12px;
line-height: 1.66667;
margin-top: 15px;
}
.p-blog-index__btn {
margin-top: 20px;
}
.p-blog-index__btn button {
padding: 10px 15px;
font-size: 12px;
line-height: 1.66667;
border-radius: 50px;
}
.p-blog-detail-container {
padding: 25px 10px 100px;
}
.p-blog-detail__ttl {
font-size: 20px;
}
.p-blog-detail__left {
padding-right: 2.08333vw;
}
.p-blog-detail__img {
margin-top: 30px;
}
.p-blog-detail__date {
font-size: 12px;
margin-right: 20px;
}
.p-blog-detail__category {
font-size: 12px;
}
.p-blog-detail__txt {
font-size: 14px;
line-height: 1.42857;
margin-top: 35px;
}
.p-blog-detail__last {
text-align: center;
margin-top: 40px;
}
.p-blog-side {
min-width: 250px;
}
.p-blog-side__ttl {
font-size: 12px;
line-height: 1.66667;
font-weight: bold;
margin-left: 25px;
}
.p-blog-side__txt {
padding: 20px 0 0 20px;
}
.p-blog-side__txt p span:first-child {
font-size: 14px;
line-height: 2.14286;
}
.p-blog-side__txt p span:last-child {
font-size: 12px;
}
.p-blog-side__txt p::before {
margin-right: 12px;
zoom: 0.7;
}
.p-blog-side__content {
padding: 25px 15px;
}
.p-blog-side__content img {
margin-top: 20px;
}
.p-blog-side__content p {
font-size: 12px;
line-height: 1.66667;
font-weight: bold;
margin-top: 15px;
}
}
@media print, screen and (max-width: 960px) {
.p-blog-index__item {
flex-direction: column;
}
.p-blog-index__img,
.p-blog-index__group {
width: 100%;
margin-top: 20px;
}
.p-blog-side {
display: none;
}
.p-blog-detail__ttl {
font-size: 18px;
}
.p-blog-detail__ttl {
margin-right: 27px;
}
.p-blog-detail__left {
padding-right: 0;
border: 0;
width: 100%;
}
}
.p-privacy-container {
padding: 138px 8.85417vw 145px;
-o-border-image: url(/img/common/border.png) 30 round;
border-image: url(/img/common/border.png) 30 round;
}
@media print, screen and (min-width: 769px) {
.p-privacy-container {
border-left: 14px solid transparent;
border-right: 14px solid transparent;
}
}
@media only screen and (max-width: 768px) {
.p-privacy-container {
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-image-slice: 10;
}
}
.p-privacy-item {
margin-top: 34px;
}
.p-privacy-item__content {
padding: 33px 95px 0 45px;
}
.p-privacy__ttl {
font-size: 18px;
line-height: 2.11111;
font-weight: bold;
background-color: #3d6e55;
padding: 20px 45px;
color: white;
}
.p-privacy__txt {
font-size: 16px;
line-height: 1.875;
position: relative;
}
.p-privacy__note {
font-size: 14px;
line-height: 2.14286;
}
.p-privacy__alert {
margin-top: 20px;
border: 1px solid #b62c0f;
padding: 27px 58px;
position: relative;
}
.p-privacy__alert::before {
position: absolute;
content: url(/img/privacy/icon_alert.svg);
left: 14px;
top: 10px;
}
.p-privacy__url {
color: #2d97c6;
}
.p-privacy__highlight {
position: relative;
font-weight: bold;
}
.p-privacy__highlight::after {
content: "";
width: 100%;
height: 0.5em;
bottom: 3px;
transform: translateY(50%);
background-color: #fff500;
position: absolute;
left: 0;
z-index: -1;
}
.p-privacy__agree {
height: 345px;
border: 1px solid #dddddd;
padding: 38px;
font-size: 14px;
line-height: 2.14286;
overflow-y: scroll;
}
@media only screen and (max-width: 768px) {
.p-privacy-container {
padding: 50px 10px 70px;
}
.p-privacy-item {
margin-top: 20px;
}
.p-privacy-item__content {
padding: 15px;
}
.p-privacy__ttl {
font-size: 14px;
line-height: 1.42857;
padding: 10px 20px;
}
.p-privacy__txt {
font-size: 12px;
line-height: 2;
position: relative;
}
.p-privacy__note {
font-size: 12px;
line-height: 2;
}
.p-privacy__alert {
margin-top: 10px;
padding: 15px 25px;
}
.p-privacy__alert::before {
zoom: 0.7;
left: 10px;
top: 5px;
}
.p-privacy__agree {
height: 200px;
padding: 20px;
font-size: 12px;
line-height: 3;
}
}
.wp-pagenavi {
display: inline-block;
margin-top: 93px;
}
.wp-pagenavi span.current,
.wp-pagenavi a {
color: #3d6e55;
float: left;
padding: 5px 15px;
text-decoration: none;
transition: background-color 0.3s;
border: 1px solid #3d6e55;
margin-right: 14px;
font-size: 16px;
line-height: 1.875;
font-weight: bold;
}
.wp-pagenavi span.current,
.wp-pagenavi a:hover {
background-color: #3d6e55 !important;
color: white !important;
}
@media only screen and (max-width: 1160px) {
.wp-pagenavi {
margin-top: 50px;
}
.wp-pagenavi a {
padding: 6px 10px;
margin-right: 10px;
font-size: 14px;
line-height: 1.42857;
}
}
.wpsbc-calendars li {
border: solid 1px #fff;
}
.sitemap {
max-width: 1000px;
margin: 100px auto 0;
text-align: center;
}
@media screen and (max-width: 500px) {
.sitemap {
margin: 30px 0 0;
padding: 0 20px;
}
}
.sitemap h3 {
font-weight: bold;
font-size: 30px;
margin-bottom: 50px;
}
@media screen and (max-width: 1124px) {
.sitemap h3 {
font-size: 20px;
}
}
.wrap-roten {
margin-top: 50px;
}
.wrap-roten h4 {
margin-bottom: 20px;
font-weight: bold;
font-size: 18px;
}
@media screen and (max-width: 1124px) {
.wrap-roten h4 {
font-size: 16px;
}
}
.wrap-roten p.desc {
margin-bottom: 30px;
}
.wrap-roten img {
max-width: 500px;
width: 100%;
margin: 0 auto;
}
.wrap-bn-nob {
text-align: center;
margin: 50px auto 0;
max-width: 500px;
}
.amb {
padding-top: 30px;
}
.amb .block {
border-bottom: solid 1px #dae4dc;
margin-bottom: 40px;
padding-bottom: 30px;
}
.amb .wrap-flex {
display: flex;
gap: 50px;
}
@media screen and (max-width: 500px) {
.amb .wrap-flex {
flex-wrap: wrap;
gap: 0;
}
}
.amb .wrap-flex .wrap-img {
margin-bottom: 20px;
width: 40%;
}
@media screen and (max-width: 500px) {
.amb .wrap-flex .wrap-img {
width: 100%;
}
}
.amb .wrap-flex .wrap-img img {
display: block;
margin: 0 auto;
width: 100%;
width: auto;
height: auto;
max-width: 100%;
max-height: 550px;
}
@media screen and (max-width: 500px) {
.amb .wrap-flex .wrap-img img {
max-height: 350px;
}
}
.amb .wrap-flex .wrap-txt {
width: 60%;
}
@media screen and (max-width: 500px) {
.amb .wrap-flex .wrap-txt {
width: 100%;
}
}
.amb .wrap-flex .wrap-txt p {
line-height: 1.6;
}
.amb .wrap-flex .wrap-sns {
display: flex;
padding: 20px 0;
gap: 10px;
}
@media screen and (max-width: 500px) {
.amb .wrap-flex .wrap-sns {
gap: 5px;
}
}
.amb .wrap-flex .wrap-sns img {
max-width: 40px;
height: auto;
}
@media screen and (max-width: 500px) {
.amb .wrap-flex .wrap-sns img {
max-width: 30px;
height: auto;
}
}
.title-h3 {
font-weight: bold;
font-size: 16px !important;
text-align: center;
width: -moz-fit-content;
width: fit-content;
background-color: #dae4dc;
border-radius: 100px;
padding: 5px 30px;
margin: 0 auto 50px;
display: block;
}
.sec-guest-house .inner {
min-height: 1000px;
padding: 100px 50px 0;
}
@media screen and (max-width: 500px) {
.sec-guest-house .inner {
padding: 30px 20px 0;
}
}
.sec-guest-house .inner .block {
margin-bottom: 100px;
}
@media screen and (max-width: 500px) {
.sec-guest-house .inner .block {
margin-bottom: 50px;
}
}
.sec-guest-house .inner .block:last-child {
margin-bottom: 0;
}
.sec-guest-house .catch {
max-width: 800px;
margin: 0 auto 50px;
}
@media screen and (max-width: 500px) {
.sec-guest-house .catch {
margin-bottom: 30px;
}
}
.sec-guest-house .catch p {
line-height: 2;
font-size: 18px;
}
@media screen and (max-width: 1124px) {
.sec-guest-house .catch p {
font-size: 16px;
}
}
@media screen and (max-width: 500px) {
.sec-guest-house .catch p {
font-size: 14px;
}
}
.sec-guest-house h3.title {
font-weight: bold;
text-align: center;
font-size: 20px;
padding-bottom: 10px;
width: -moz-fit-content;
width: fit-content;
margin: 0 auto 50px;
border-bottom: solid 1.5px #333;
}
@media screen and (max-width: 1124px) {
.sec-guest-house h3.title {
font-size: 18px;
}
}
.sec-guest-house h3.title .font-s {
font-size: 16px;
}
@media screen and (max-width: 1124px) {
.sec-guest-house h3.title .font-s {
font-size: 15px;
}
}
.sec-guest-house .wrap-youtube {
margin: 0 auto;
max-width: 800px;
filter: drop-shadow(20px 20px 0 #dae4dc);
}
@media screen and (max-width: 500px) {
.sec-guest-house .wrap-youtube {
filter: drop-shadow(15px 15px 0 #dae4dc);
}
}
.sec-guest-house .wrap-youtube .in {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
}
.sec-guest-house .wrap-youtube iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.wrap-bts {
display: flex;
align-items: center;
justify-content: center;
gap: 30px;
}
@media screen and (max-width: 500px) {
.wrap-bts {
flex-direction: column;
gap: 20px;
}
}
.wrap-bts a.bt {
display: block;
background-color: #0071b8;
color: #fff;
font-size: 16px;
font-weight: bold;
padding: 20px 40px;
max-width: 300px;
width: 100%;
text-align: center;
border-radius: 100px;
position: relative;
}
@media screen and (max-width: 1124px) {
.wrap-bts a.bt {
font-size: 15px;
}
}
.wrap-bts a.bt::after {
content: "";
width: 10px;
height: 10px;
border-top: solid 1.2px #fff;
border-right: solid 1.2px #fff;
transform: rotate(45deg);
position: absolute;
top: calc(50% - 5px);
right: 15px;
}
.wrap-bts a.bt.bt-2 {
background-color: #4d4012;
}
.block-3 .note {
display: none;
}
@media screen and (max-width: 500px) {
.block-3 .note {
display: block !important;
font-size: 12px;
margin-bottom: 10px;
}
}
.list-imgs {
display: flex;
gap: 20px 10px;
flex-wrap: wrap;
margin-bottom: 50px;
}
.list-imgs li {
width: calc(25% - 7.5px);
}
@media screen and (max-width: 500px) {
.list-imgs li {
width: calc(50% - 5px);
}
}
.list-imgs li a {
display: block;
}
.list-imgs li img {
display: block;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: auto;
aspect-ratio: 1/1;
}
.list-imgs li .cap {
text-align: center;
display: block;
margin-top: 10px;
font-size: 14px;
}
@media screen and (max-width: 1124px) {
.list-imgs li .cap {
font-size: 13px;
}
}
.wrap-table-01 table {
width: 100%;
border-spacing: 1px;
background-color: #3d6e55;
}
.wrap-table-01 table th {
width: 30%;
padding: 15px;
font-size: 16px;
background-color: #dae4dc;
}
@media screen and (max-width: 1124px) {
.wrap-table-01 table th {
font-size: 15px;
}
}
@media screen and (max-width: 500px) {
.wrap-table-01 table th {
display: block;
width: 100%;
text-align: left;
}
}
.wrap-table-01 table td {
width: 70%;
padding: 15px;
font-size: 16px;
background-color: #fff;
}
@media screen and (max-width: 1124px) {
.wrap-table-01 table td {
font-size: 15px;
}
}
@media screen and (max-width: 500px) {
.wrap-table-01 table td {
display: block;
width: 100%;
}
}
.wrap-table-01 table td .note {
font-size: 14px;
font-weight: bold;
color: #b62c0f;
}
@media screen and (max-width: 1124px) {
.wrap-table-01 table td .note {
font-size: 13px;
}
}
.price-item {
margin: 0 auto 50px;
}
.price-item .desc {
margin-bottom: 10px;
}
h4.title-h4 {
margin-bottom: 10px;
position: relative;
display: flex;
gap: 10px;
font-size: 16px;
font-weight: bold;
}
@media screen and (max-width: 1124px) {
h4.title-h4 {
font-size: 15px;
}
}
h4.title-h4::before {
content: "";
width: 16px;
height: 16px;
background-color: #3d6e55;
display: block;
}
h4.title-h4::after {
content: "";
width: 8px;
height: 8px;
background-color: #fff;
display: block;
position: absolute;
top: 10px;
left: 8px;
}
h4.title-h4 .font-s {
font-size: smaller;
}
.wrap-table-price table {
width: 100%;
border-spacing: 1px;
background-color: #3d6e55;
}
.wrap-table-price table th {
padding: 15px;
font-size: 16px;
background-color: #dae4dc;
}
@media screen and (max-width: 1124px) {
.wrap-table-price table th {
font-size: 15px;
}
}
@media screen and (max-width: 500px) {
.wrap-table-price table th {
padding: 10px;
font-size: 12px;
}
}
.wrap-table-price table th .note {
font-size: 14px;
display: block;
}
@media screen and (max-width: 1124px) {
.wrap-table-price table th .note {
font-size: 13px;
}
}
@media screen and (max-width: 500px) {
.wrap-table-price table th .note {
font-size: 10px;
}
}
.wrap-table-price table td {
padding: 15px;
font-size: 16px;
background-color: #fff;
text-align: center;
}
@media screen and (max-width: 1124px) {
.wrap-table-price table td {
font-size: 15px;
}
}
@media screen and (max-width: 500px) {
.wrap-table-price table td {
padding: 10px;
font-size: 12px;
}
}
.wrap-table-price table td .note {
font-size: 12px;
font-weight: bold;
color: #b62c0f;
margin: 10px auto 0;
display: block;
}
@media screen and (max-width: 1124px) {
.wrap-table-price table td .note {
font-size: 11px;
}
}
.tax {
font-size: 12px;
margin-left: 10px;
}
@media screen and (max-width: 1124px) {
.tax {
font-size: 11px;
}
}
@media screen and (max-width: 500px) {
.tax {
font-size: 60%;
margin-left: 3px;
}
}
.wrap-notice {
margin: 0 auto;
background-color: #f5f5f5;
padding: 50px;
}
@media screen and (max-width: 500px) {
.wrap-notice {
padding: 30px;
}
}
.wrap-notice li {
list-style: disc;
margin-bottom: 10px;
line-height: 1.6;
}
.sp {
display: none;
}
@media screen and (max-width: 500px) {
.sp {
display: block;
}
}
.wrap-guest {
margin: 100px auto 0;
}
.wrap-guest p {
font-weight: bold;
font-size: 16px;
margin-bottom: 10px;
}
@media screen and (max-width: 1124px) {
.wrap-guest p {
font-size: 15px;
}
}
.wrap-guest .txt {
font-size: 14px;
font-weight: bold;
color: #0071bc;
}
@media screen and (max-width: 1124px) {
.wrap-guest .txt {
font-size: 13px;
}
}
.wrap-ex-event {
margin-top: 50px;
border-bottom: solid 1px #ddd;
}
@media screen and (max-width: 500px) {
.wrap-ex-event {
padding-bottom: 30px;
}
}
.wrap-ex-event h3 {
font-size: 20px;
margin-bottom: 30px;
font-weight: bold;
}
@media screen and (max-width: 1124px) {
.wrap-ex-event h3 {
font-size: 18px;
}
}
.wrap-ex-event p {
font-size: 16px;
margin-bottom: 1em;
}
@media screen and (max-width: 1124px) {
.wrap-ex-event p {
font-size: 15px;
}
}
.wrap-ex-event h4 {
font-weight: bold;
margin-bottom: 10px;
font-size: 16px;
}
@media screen and (max-width: 1124px) {
.wrap-ex-event h4 {
font-size: 15px;
}
}
.wrap-ex-event ul li {
font-size: 16px;
}
@media screen and (max-width: 1124px) {
.wrap-ex-event ul li {
font-size: 15px;
}
}
.wrap-ex-event a {
font-weight: bold;
}
.wrap-ex-event .wrap-bts {
display: block;
margin-bottom: 30px;
}
.wrap-price-table {
margin: 30px 0 0;
max-width: 600px;
}
.wrap-price-table table {
background-color: #333;
border-spacing: 1px;
width: 100%;
margin-bottom: 10px;
}
.wrap-price-table th {
background-color: #dae4dc;
padding: 20px;
font-size: 16px;
}
@media screen and (max-width: 1124px) {
.wrap-price-table th {
font-size: 15px;
}
}
@media screen and (max-width: 500px) {
.wrap-price-table th {
font-size: 13px;
}
}
.wrap-price-table td {
background-color: #fff;
padding: 20px;
width: 300px;
font-size: 18px;
}
@media screen and (max-width: 1124px) {
.wrap-price-table td {
font-size: 16px;
}
}
@media screen and (max-width: 500px) {
.wrap-price-table td {
width: auto;
}
.wrap-price-table td .font-s {
display: block;
font-size: 10px;
}
}
.wrap-price-table p {
font-size: 16px;
}
@media screen and (max-width: 1124px) {
.wrap-price-table p {
font-size: 15px;
}
}
.red {
color: rgb(195, 0, 0);
}
.notice {
margin-top: 30px;
background-color: #fffdbd;
padding: 30px;
border: solid 3px orange;
}
.notice p {
font-size: 18px;
}
@media screen and (max-width: 1124px) {
.notice p {
font-size: 16px;
}
}
.notice .dates {
margin-top: 10px;
font-size: 16px;
}
@media screen and (max-width: 1124px) {
.notice .dates {
font-size: 15px;
}
}
.notice li {
font-size: 16px;
margin-bottom: 10px;
}
@media screen and (max-width: 1124px) {
.notice li {
font-size: 15px;
}
}
.notice li:last-child {
margin-bottom: 0;
}
.wrap-note {
margin-top: 20px;
}
.wrap-note p {
font-size: 16px;
}
@media screen and (max-width: 1124px) {
.wrap-note p {
font-size: 15px;
}
}
.wrap-bank {
width: -moz-fit-content;
width: fit-content;
font-size: 16px;
margin-top: 20px;
padding: 20px;
background-color: #dae4dc;
border-radius: 6px;
line-height: 1.6;
}
@media screen and (max-width: 1124px) {
.wrap-bank {
font-size: 15px;
}
}
.font-s {
font-size: smaller;
} .slick-prev,
.slick-next {
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
width: 50px;
height: 50px;
border-radius: 50%;
z-index: 100;
display: none !important;
}
@media screen and (max-width: 600px) {
.slick-prev,
.slick-next {
display: none !important;
}
}
.slick-arrow {
background-color: rgba(0, 0, 0, 0.8);
position: absolute;
}
@media screen and (max-width: 600px) {
.slick-arrow {
display: none !important;
}
}
.slick-prev {
left: -50px !important;
transform: translate(0%, -50%);
z-index: 10 !important;
}
@media screen and (max-width: 600px) {
.slick-prev {
display: none !important;
}
}
.slick-prev:before {
content: url(/img/icon/icon_arrow_left.svg);
transform: scale(0.8);
display: block;
}
@media screen and (max-width: 600px) {
.slick-prev:before {
display: none !important;
}
}
.slick-next {
right: -50px !important;
transform: translate(0%, -50%);
z-index: 10 !important;
}
@media screen and (max-width: 600px) {
.slick-next {
display: none !important;
}
}
.slick-next:before {
content: url(/img/icon/icon_arrow_right.svg);
transform: scale(0.8);
display: block;
}
@media screen and (max-width: 600px) {
.slick-next:before {
display: none !important;
}
}
.slick-slider img {
display: block;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.slick-dots {
bottom: 45px;
}
.slick-dots li {
margin: 0;
}
.slick-dots li button {
padding: 3.5px;
}
.slick-dots li button:before {
font-size: 12px;
opacity: 1;
color: white;
}
@media only screen and (max-width: 768px) {
.slick-dots li button:before {
font-size: 8px;
}
}
@media only screen and (max-width: 768px) {
.slick-dots {
bottom: -20px;
}
}
.slick-dots li.slick-active button:before {
opacity: 0.75;
color: #3d6e55;
}
.slick-dotted.slick-slider {
margin-bottom: 0;
}
.swiper-container {
width: 800px;
height: auto;
}
@media print, screen and (max-width: 960px) {
.swiper-container {
width: 100%;
}
}
.swiper-slide img {
display: block;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.swiper-slide iframe {
display: block;
width: 100%;
height: 500px;
}
@media screen and (max-width: 500px) {
.swiper-slide iframe {
height: 200px;
}
}
.mySwiper,
.mySwiper3,
.mySwiper5,
.mySwiper7 {
margin-top: 13.8px;
} .slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after {
display: table;
content: "";
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir=rtl] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
} .slick-loading .slick-list {
background: #fff url(/css/ajax-loader.gif) center center no-repeat;
} .slick-dotted.slick-slider {
margin-bottom: 30px;
}
.slick-dots {
position: absolute;
bottom: -25px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li {
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button {
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
opacity: 1;
}
.slick-dots li button:before {
font-family: "slick";
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: "•";
text-align: center;
opacity: 0.25;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
opacity: 0.75;
color: black;
} .swiper-container {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1;
}
.swiper-container-vertical > .swiper-wrapper {
flex-direction: column;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: flex;
transition-property: transform;
box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
flex-wrap: wrap;
}
.swiper-container-multirow-column > .swiper-wrapper {
flex-wrap: wrap;
flex-direction: column;
}
.swiper-container-free-mode > .swiper-wrapper {
transition-timing-function: ease-out;
margin: 0 auto;
}
.swiper-container-pointer-events {
touch-action: pan-y;
}
.swiper-container-pointer-events.swiper-container-vertical {
touch-action: pan-x;
}
.swiper-slide {
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
transition-property: transform;
}
.swiper-slide-invisible-blank {
visibility: hidden;
}
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
align-items: flex-start;
transition-property: transform, height;
}
.swiper-container-3d {
perspective: 1200px;
}
.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-right {
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-top {
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-bottom {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-css-mode > .swiper-wrapper {
overflow: auto;
scrollbar-width: none;
-ms-overflow-style: none;
}
.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
display: none;
}
.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
scroll-snap-align: start start;
}
.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
scroll-snap-type: x mandatory;
}
.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
scroll-snap-type: y mandatory;
}
:root {
--swiper-navigation-size: 44px;
}
.swiper-button-next,
.swiper-button-prev {
position: absolute;
top: 50%;
width: calc(var(--swiper-navigation-size) / 44 * 27);
height: var(--swiper-navigation-size);
margin-top: calc(0px - var(--swiper-navigation-size) / 2);
z-index: 10;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
opacity: 0.35;
cursor: auto;
pointer-events: none;
}
.swiper-button-next:after,
.swiper-button-prev:after {
font-family: swiper-icons;
font-size: var(--swiper-navigation-size);
text-transform: none !important;
letter-spacing: 0;
text-transform: none;
font-variant: initial;
line-height: 1;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
left: 10px;
right: auto;
}
.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
content: "prev";
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
right: 10px;
left: auto;
}
.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
content: "next";
}
.swiper-button-next.swiper-button-white,
.swiper-button-prev.swiper-button-white {
--swiper-navigation-color: #ffffff;
}
.swiper-button-next.swiper-button-black,
.swiper-button-prev.swiper-button-black {
--swiper-navigation-color: #000000;
}
.swiper-button-lock {
display: none;
}
.swiper-pagination {
position: absolute;
text-align: center;
transition: 0.3s opacity;
transform: translate3d(0, 0, 0);
z-index: 10;
width: 100%;
display: none;
}
@media screen and (max-width: 600px) {
.swiper-pagination {
display: block;
}
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0;
}
.swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
bottom: 10px;
left: 0;
width: 100%;
}
.swiper-pagination-bullets-dynamic {
overflow: hidden;
font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transform: scale(0.33);
position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
transform: scale(0.33);
}
.swiper-pagination-bullet {
width: 8px;
height: 8px;
display: inline-block;
border-radius: 50%;
background: #ddd;
margin: 0 3px;
}
button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
box-shadow: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer;
}
.swiper-pagination-bullet-active {
opacity: 1;
background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-container-vertical > .swiper-pagination-bullets {
right: 10px;
top: 50%;
transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 6px 0;
display: block;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
top: 50%;
transform: translateY(-50%);
width: 8px;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
display: inline-block;
transition: 0.2s transform, 0.2s top;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 4px;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
left: 50%;
transform: translateX(-50%);
white-space: nowrap;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: 0.2s transform, 0.2s left;
}
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: 0.2s transform, 0.2s right;
}
.swiper-pagination-progressbar {
background: rgba(0, 0, 0, 0.25);
position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: var(--swiper-pagination-color, var(--swiper-theme-color));
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
transform: scale(0);
transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
width: 100%;
height: 4px;
left: 0;
top: 0;
}
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-container-vertical > .swiper-pagination-progressbar {
width: 4px;
height: 100%;
left: 0;
top: 0;
}
.swiper-pagination-white {
--swiper-pagination-color: #3d6e55;
}
.swiper-pagination-black {
--swiper-pagination-color: #000000;
}
.swiper-pagination-lock {
display: none;
}
.swiper-scrollbar {
border-radius: 10px;
position: relative;
-ms-touch-action: none;
background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
position: absolute;
left: 1%;
bottom: 3px;
z-index: 50;
height: 5px;
width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
position: absolute;
right: 3px;
top: 1%;
z-index: 50;
width: 5px;
height: 98%;
}
.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: rgba(0, 0, 0, 0.5);
border-radius: 10px;
left: 0;
top: 0;
}
.swiper-scrollbar-cursor-drag {
cursor: move;
}
.swiper-scrollbar-lock {
display: none;
}
.swiper-zoom-container {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
}
.swiper-zoom-container > canvas,
.swiper-zoom-container > img,
.swiper-zoom-container > svg {
max-width: 100%;
max-height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.swiper-slide-zoomed {
cursor: move;
}
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
transform-origin: 50%;
animation: swiper-preloader-spin 1s infinite linear;
box-sizing: border-box;
border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
border-radius: 50%;
border-top-color: transparent;
}
.swiper-lazy-preloader-white {
--swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
--swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
100% {
transform: rotate(360deg);
}
}
.swiper-container .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
pointer-events: none;
transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-container-cube {
overflow: visible;
}
.swiper-container-cube .swiper-slide {
pointer-events: none;
backface-visibility: hidden;
z-index: 1;
visibility: hidden;
transform-origin: 0 0;
width: 100%;
height: 100%;
}
.swiper-container-cube .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next + .swiper-slide,
.swiper-container-cube .swiper-slide-prev {
pointer-events: auto;
visibility: visible;
}
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top {
z-index: 0;
backface-visibility: hidden;
}
.swiper-container-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0px;
width: 100%;
height: 100%;
opacity: 0.6;
z-index: 0;
}
.swiper-container-cube .swiper-cube-shadow:before {
content: "";
background: #000;
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
filter: blur(50px);
}
.swiper-container-flip {
overflow: visible;
}
.swiper-container-flip .swiper-slide {
pointer-events: none;
backface-visibility: hidden;
z-index: 1;
}
.swiper-container-flip .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
z-index: 0;
backface-visibility: hidden;
}