@charset "UTF-8";
*:focus-visible{
outline: 1px solid #000;
} a[href^="tel:"] {
cursor: default;
} img {
-webkit-backface-visibility: hidden;
} .wp-caption {
max-width: 100%;
margin-bottom: 10px;
}
.wp-caption-text {
padding: 10px;
margin-bottom: 0;
}
.sticky {
background: #FAFAFA;
border-top: 4px solid #F00;
margin-left: -20px;
margin-right: -20px;
padding: 18px 20px;
}
.gallery-caption {
font-size: 0.8em;
}
.bypostauthor {
color: #999;
}
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
}
pre {
white-space: -moz-pre-wrap;
white-space: -pre-wrap;
white-space: -o-pre-wrap;
white-space: pre-wrap;
word-wrap: break-word;
}
h1, h2, h3, h4, h5 {
-ms-word-wrap: break-word;
word-wrap: break-word;
}
.ttl-excerpt{
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
} .postdata {
text-align: left;
}
.postdata::after{
clear: both;
content: "";
display: block;
}
.postdata p{
-ms-word-wrap: break-word;
word-wrap: break-word;
} .postdata em {
font-style: italic !important;
}
.postdata strong {
font-weight: bold !important;
}
.postdata iframe{
max-width: 100%;
}
.contact-form .zipcode::before{
content: "\3012";
margin-right: 5px;
}
.contact-form .zipcode input[type="text"]{
width:40%;
display: inline-block;
} @media only screen and (max-width: 800px) {
.postdata .alignright {
float: none;
display: block;
margin: 0 auto 20px;
text-align: center;
}
.postdata .alignleft {
float: none;
display: block;
margin: 0 auto 20px;
text-align: center;
}
input[type="email"] {
max-width: 100%;
}
}
 html {
font-size: 100%;
}
body {
margin: 0;
padding: 0;
line-height: 1;
}
div, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, img, ins, kbd, q, samp, sub, sup, var, b, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, mark, audio, video, a {
margin: 0;
padding: 0;
border: 0;
outline: 0;
vertical-align: baseline;
background: transparent;
font-size: 100%;
font: inherit;
}
span, small, em, time, i {
font-style: normal;
margin: 0;
padding: 0;
border: 0;
outline: 0;
vertical-align: baseline;
background: transparent;
}
a {
border: medium;
}
sup {
vertical-align: text-top;
}
sub {
vertical-align: text-bottom;
}
legend {
color: #000;
}
h1, h2, h3, h4, h5, h6 {
line-height: 1.7;
}
main, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, picture {
display: block;
}
li {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
content: "";
content: none;
}
input, textarea, select {
font-family: inherit;
font-size: inherit;
font-weight: inherit;
}
input, select {
vertical-align: middle;
}
abbr[title], dfn[title] {
cursor: help;
}
del {
text-decoration: line-through;
}
ins {
font-style: oblique;
text-decoration: none;
}
mark {
background: transparent;
font-style: normal;
}
img {
vertical-align: top;
}
table {
border-collapse: collapse;
border-spacing: 0;
width: 100%;
}
button {
background-color: transparent;
border: none;
cursor: pointer;
outline: none;
padding: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
font-size: inherit;
}  *, *::before, *::after {
box-sizing: border-box;
}
::-moz-selection {
background: #d4dcd6;
}
::selection {
background: #d4dcd6;
}
img {
max-width: 100%;
height: auto;
-webkit-backface-visibility: hidden;
}
html {
height: 100%;
}
body {
font-family: "游ゴシック体", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, sans-serif;
font-weight: 500;
font-size: 16px;
color: #333;
line-height: 2;
letter-spacing: 0.1em;
-webkit-text-size-adjust: 100%;
overflow: auto;
width: 100%;
}
a {
color: inherit;
text-decoration: none;
cursor: pointer;
}
.no-link {
pointer-events: none;
}
.anchor {
margin-top: -50px;
padding-top: 50px;
}
a[href^=tel] {
cursor: default;
}
.container {
margin: 0 auto;
max-width: 1024px;
width: 90%;
}
.container.wide {
max-width: 1200px;
} .header {
position: relative;
width: 100%;
left: 0;
top: 0;
padding: 30px 20px 15px;
z-index: 12;
}
.header-inr {
display: flex;
justify-content: flex-end;
align-items: center;
}
.humberger {
display: none;
} .pc-navi-list {
display: flex;
justify-content: flex-end;
align-items: flex-start;
}
.pc-navi .item {
font-family: "FOT-筑紫明朝 Pr6 M";
line-height: 1.4;
padding-bottom: 15px;
}
.pc-navi .item .item-link {
display: block;
}
.pc-navi .item .item-link:hover {
transition: 0.3s;
color: #5F9A41;
}
.pc-navi .item:not(:last-child) {
margin-right: 30px;
}
.pc-dropdown {
position: relative;
}
.pc-dropdown .item-link {
position: relative;
padding-right: 18px;
white-space: nowrap;
}
.pc-dropdown .item-link::before {
position: absolute;
content: "";
background: url(//www.keyaki-kameari.com/wp-content/themes/keyaki-kameari.com/images/share/pc-navi_arrow.svg) center/contain no-repeat;
width: 12px;
height: 7px;
right: 0;
top: 50%;
transform: translateY(-50%);
}
.pc-dropdown .pc-navi-child {
background-color: #F4F8F2;
position: absolute;
top: calc(100% + 0px);
left: 50%;
text-align: left;
padding: 30px;
z-index: 999;
border-radius: 5px;
border: 1px solid #CDDDC5;
pointer-events: none;
opacity: 0;
transform: translate(-50%, -10px);
transition: 0.4s ease-in-out;
}
.pc-dropdown .pc-navi-child.navi01 {
width: 200px;
}
.pc-dropdown .pc-navi-child.navi02 {
width: 225px;
}
.pc-dropdown .pc-navi-child.navi03 {
width: 295px;
}
.pc-dropdown .pc-navi-child.navi04 {
width: 265px;
padding: 30px 10px 30px 30px;
left: 20%;
}
.pc-dropdown .pc-navi-child li {
font-family: "FOT-筑紫明朝 Pr6 M";
font-size: 15px;
line-height: 1.6;
width: 100%;
position: relative;
padding-left: 12px;
}
.pc-dropdown .pc-navi-child li::before {
position: absolute;
content: "";
background: url(//www.keyaki-kameari.com/wp-content/themes/keyaki-kameari.com/images/share/pc-navi_arrow01.svg) center/contain no-repeat;
width: 5px;
height: 9px;
top: 9px;
left: 0;
}
.pc-dropdown .pc-navi-child li:not(:last-child) {
margin-bottom: 10px;
}
.pc-dropdown .pc-navi-child li:hover {
text-decoration: underline;
}
.pc-dropdown .pc-navi-child .pc-navi-wrap {
display: flex;
}
.pc-dropdown .pc-navi-child .pc-navi-wrap .pc-navi-w-item:first-child {
margin-right: 30px;
}
.pc-dropdown:hover .pc-navi-child {
pointer-events: auto;
transform: translate(-50%, 0);
opacity: 1;
}
@media screen and (max-width: 1200px) and (min-width: 801px) {
.pc-dropdown .pc-navi-child.navi01 {
width: 220px;
}
.pc-dropdown .pc-navi-child.navi02 {
width: 245px;
}
.pc-dropdown .pc-navi-child.navi03 {
width: 305px;
}
.pc-dropdown .pc-navi-child.navi04 {
width: 285px;
}
}
.sp-navi {
display: none;
}
.humberger {
display: none;
}
.fixed-menu {
position: fixed;
top: 50%;
right: 0;
z-index: 100;
transform: translate(424px, -50%);
}
.fixed-menu .item {
width: 470px;
display: flex;
transition: 0.5s;
}
.fixed-menu .item:nth-child(1) {
align-items: flex-start;
}
.fixed-menu .item:nth-child(1):hover {
transform: translateX(-424px);
}
.fixed-menu .item:nth-child(1) .ttl {
background-color: #DEA64E;
display: flex;
align-items: center;
justify-content: center;
writing-mode: vertical-rl;
line-height: 1;
letter-spacing: 0.36em;
white-space: nowrap;
font-size: 16px;
font-weight: 700;
border-radius: 5px 0 0 5px;
padding: 35px 15px;
color: #fff;
width: 46px;
height: 190px;
cursor: pointer;
}
.fixed-menu .item:nth-child(1) .ttl i {
margin-bottom: 8px;
}
.fixed-menu .item:nth-child(2) {
align-items: center;
}
.fixed-menu .item:nth-child(2) .fixed-link {
transition: 0.5s;
background-color: #5F9A41;
display: block;
border-radius: 5px 0 0 5px;
padding: 35px 15px;
width: 51px;
height: 190px;
cursor: pointer;
}
.fixed-menu .item:nth-child(2) .fixed-link:hover {
background-color: rgba(95, 154, 65, 0.8);
}
.fixed-menu .item:nth-child(2) .ttl {
display: flex;
align-items: center;
writing-mode: vertical-rl;
line-height: 1;
letter-spacing: 0.36em;
white-space: nowrap;
font-size: 16px;
font-weight: 700;
color: #fff;
}
.fixed-menu .item:nth-child(2) .ttl i {
margin-bottom: 10px;
}
.fixed-menu .item + .item {
margin-top: -150px;
}
.fixed-menu .desc {
background-color: #FFF8ED;
padding: 20px 25px 20px 25px;
width: 424px;
}
.fixed-menu .desc-btn {
font-size: 21px;
line-height: 1;
border: 1px solid #fff;
border-radius: 50px;
padding: 10px;
display: block;
width: 200px;
margin: 0 auto;
}
.fixed-menu .fixed-item {
background: #FFF8ED;
border-radius: 5px;
background: #fff;
padding: 15px 20px;
}
.fixed-menu .fixed-item:nth-child(1) {
margin-bottom: 10px;
}
.fixed-menu .fixed-item:nth-child(2) {
margin-bottom: 12px;
}
.fixed-menu .fixed-item .btn-wrap {
display: flex;
align-items: center;
}
.fixed-menu .fixed-item .btn-ttl {
font-family: "FOT-筑紫明朝 Pr6 M";
padding-bottom: 7px;
margin-bottom: 10px;
line-height: 1;
}
.fixed-menu .fixed-item .btn-ttl.green {
border-bottom: 1px solid #CDDDC5;
}
.fixed-menu .fixed-item .btn-ttl.yellow {
border-bottom: 1px solid #FADDAF;
}
.fixed-menu .fixed-item .btn-line {
width: 150px;
margin-left: 10px;
min-height: 42px;
padding: 1px 5px;
}
.fixed-menu .fixed-item .tel {
font-size: 23px;
margin-top: 3px;
}
.fixed-menu .fixed-item .tel::before {
width: 17px;
height: 22px;
top: 45%;
transform: translateY(-55%);
}
.fixed-menu .reserve {
display: inline-block;
border: 1px solid #B2B2B2;
border-radius: 3px;
padding: 5px;
text-align: center;
line-height: 1;
font-size: 15px;
font-weight: bold;
margin-bottom: 5px;
}
.fixed-menu .reserve-txt {
line-height: 1.5;
font-size: 15px;
} .hero {
width: 100%;
position: relative;
}
.hero::before {
position: absolute;
content: "";
background: #F4F8F2;
width: 100%;
height: 50%;
bottom: 0;
left: 0;
}
.hero-slider {
height: 100%;
}
.hero-slider .slider-img {
margin-left: 300px;
height: 688px;
border-radius: 10px 0 0 10px;
}
.hero-slider .slider-img:nth-child(1) {
background: url(//www.keyaki-kameari.com/wp-content/themes/keyaki-kameari.com/images/hero01.jpg) center/cover no-repeat;
}
.hero-slider .slider-img:nth-child(2) {
background: url(//www.keyaki-kameari.com/wp-content/themes/keyaki-kameari.com/images/hero02.jpg) center/cover no-repeat;
}
.hero-slider .slider-img:nth-child(3) {
background: url(//www.keyaki-kameari.com/wp-content/themes/keyaki-kameari.com/images/hero03.jpg) center/cover no-repeat;
}
.hero-logo {
position: absolute;
left: 20px;
top: 20px;
z-index: 2;
}
.hero-logo .h-logo {
width: 260px;
}
.hero-desc {
position: absolute;
bottom: 120px;
left: 70px;
}
.hero-ttl {
font-size: 46px;
font-family: "FOT-筑紫明朝 Pr6 M";
color: #5F9A41;
line-height: 1.4;
}
.hero-ttl .small {
font-size: 39px;
}
.hero-ttl .ttl-bg {
background: #fff;
border-radius: 5px;
padding: 2px 5px 8px;
display: inline-block;
line-height: 1;
} .contents {
overflow: hidden;
}
.t-ttl {
text-align: center;
margin-bottom: 50px;
}
.t-ttl .en {
font-family: "Josefin Sans", sans-serif;
font-size: 38px;
color: #5F9A41;
display: inline-block;
line-height: 1;
margin-bottom: 10px;
font-weight: 600;
position: relative;
padding: 0 43px;
}
.t-ttl .en::before, .t-ttl .en::after {
position: absolute;
content: "";
background: #5F9A41;
width: 30px;
height: 2px;
top: 14px;
}
.t-ttl .en::before {
left: 0;
}
.t-ttl .en::after {
right: 0;
}
.t-ttl .jp {
display: block;
font-family: "FOT-筑紫明朝 Pr6 M";
font-size: 30px;
line-height: 1.7;
}
.t-ttl.white .en, .t-ttl.white .jp {
color: #fff;
}
.t-ttl.white .en::before, .t-ttl.white .en::after {
background: #fff;
}
.sec01 {
margin-bottom: 100px;
margin-right: 100px;
padding: 80px 0 80px 100px;
background: #F4F8F2;
}
.sec01-card {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 40px;
}
.sec01-card .l-item {
background: #FFFFFF;
padding: 40px 10px;
position: relative;
margin-top: 28px;
text-align: center;
border-radius: 5px;
}
.sec01-card .l-num {
color: #A4BF97;
font-family: "Josefin Sans", sans-serif;
font-size: 28px;
line-height: 1;
letter-spacing: 0.1em;
position: absolute;
font-weight: 600;
top: -28px;
left: 0;
}
.sec01-card .l-num .num {
font-size: 38px;
}
.sec01-card .l-ttl {
font-size: 22px;
margin-bottom: 20px;
font-family: "FOT-筑紫明朝 Pr6 M";
color: #5F9A41;
}
.sec02 {
margin-bottom: 100px;
}
.sec02-layout {
display: grid;
grid-template-columns: 150px 1fr;
grid-gap: 50px;
min-height: 200px;
position: relative;
max-width: 900px;
margin: 0 auto;
}
.sec02-t-ttl .en {
font-family: "Josefin Sans", sans-serif;
font-size: 30px;
color: #5F9A41;
display: inline-block;
line-height: 1;
margin-bottom: 10px;
font-weight: 600;
position: relative;
padding-right: 45px;
}
.sec02-t-ttl .en::before {
position: absolute;
content: "";
background: #5F9A41;
width: 30px;
height: 2px;
top: 14px;
right: 0;
}
.sec02-t-ttl .jp {
display: block;
font-family: "FOT-筑紫明朝 Pr6 M";
font-size: 24px;
line-height: 1.7;
}
.sec02 .l-btn {
position: absolute;
bottom: 0;
left: 0;
}
.sec02 .btn-more {
width: 150px;
}
.sec03 {
margin-bottom: 120px;
}
.sec03-bg {
background: #F4F8F2;
width: 95%;
margin: 0 auto;
padding: 100px 0;
}
.sec03-card {
display: grid;
grid-template-columns: repeat(5, 1fr);
grid-gap: 18.5px;
}
.sec03-card > li {
text-align: center;
}
.sec03-card a {
display: block;
background-color: #fff;
border-radius: 5px;
height: 100%;
padding: 20px 30px 25px;
position: relative;
transition: 0.5s;
}
.sec03-card a::before {
content: "";
border-style: solid;
border-width: 0 0 10px 10px;
border-color: transparent transparent #5F9A41 transparent;
position: absolute;
bottom: 5px;
right: 5px;
}
.sec03-card a:hover {
opacity: 0.5;
}
.sec03-card .card-img {
margin-bottom: 15px;
}
.sec03-card .card-img img {
width: 120px;
height: 120px;
}
.sec03-card .card-ttl {
font-size: 20px;
font-family: "FOT-筑紫明朝 Pr6 M";
}
.sec04 {
margin-bottom: 120px;
}
.sec04-ttl {
margin-bottom: 40px;
}
.sec04-ttl .en {
font-family: "Josefin Sans", sans-serif;
font-size: 38px;
color: #5F9A41;
display: inline-block;
line-height: 1;
margin-bottom: 15px;
font-weight: 600;
position: relative;
padding-right: 45px;
}
.sec04-ttl .en::before {
position: absolute;
content: "";
background: #5F9A41;
width: 30px;
height: 2px;
top: 14px;
right: 0;
}
.sec04-ttl .jp {
display: block;
font-family: "FOT-筑紫明朝 Pr6 M";
font-size: 30px;
line-height: 1.7;
}
.sec04-layout {
display: flex;
position: relative;
z-index: 0;
align-items: flex-start;
}
.sec04-layout .l-img {
width: 75%;
margin: 0 4.67% 0 -25%;
}
.sec04-layout .l-img img {
border-radius: 10px;
}
.sec04-layout .l-desc {
flex: 1;
}
.sec04-layout .btn-more {
margin-top: 40px;
}
@media screen and (max-width: 1200px) and (min-width: 801px) {
.sec04-ttl .jp {
font-size: 28px;
}
}
.sec05 {
padding: 100px 0;
margin-bottom: 100px;
background: #F4F8F2;
}
.sec05-layout {
display: flex;
position: relative;
align-items: center;
z-index: 0;
}
.sec05-layout.mb80 {
margin-bottom: 80px;
}
.sec05-layout .l-img {
width: 57.96%;
margin: 0 6.29% 0 -5%;
}
.sec05-layout .l-img img {
border-radius: 10px;
}
.sec05-layout .l-desc {
flex: 1;
}
.sec05-layout .num {
display: inline-block;
font-weight: bold;
font-size: 30px;
line-height: 1;
margin-bottom: 15px;
font-family: "Josefin Sans", sans-serif;
color: #DEA64E;
}
.sec05-layout .num .small {
font-size: 28px;
}
.sec05-layout .l-ttl {
font-size: 25px;
margin-bottom: 30px;
font-family: "FOT-筑紫明朝 Pr6 M";
}
.sec05-layout.reverse {
flex-direction: row-reverse;
}
.sec05-layout.reverse .l-img {
margin: 0 -10% 0 7.5%;
}
.sec05-layout.reverse.mb50 {
margin-bottom: 50px;
}
.sec06 {
margin-bottom: 100px;
}
.sec06-layout {
display: flex;
position: relative;
align-items: center;
z-index: 0;
}
.sec06-layout .l-img {
width: 75%;
margin: 0 4.83% 0 -22%;
}
.sec06-layout .l-img img {
border-radius: 10px;
}
.sec06-layout .l-desc {
flex: 1;
}
.sec06-layout .num {
display: inline-block;
font-weight: bold;
font-size: 20px;
line-height: 1;
margin-bottom: 15px;
}
.sec06-layout .l-ttl {
font-size: 24px;
margin-bottom: 30px;
font-family: "FOT-筑紫明朝 Pr6 M";
}
.sec06-layout .sub-ttl {
background: #DEA64E;
color: #fff;
display: inline-block;
line-height: 1;
padding: 5px;
border-radius: 3px;
font-family: "FOT-筑紫明朝 Pr6 M";
margin-bottom: 10px;
}
.sec06-layout .btn-more {
margin-top: 40px;
}
.sec07 {
background: url(//www.keyaki-kameari.com/wp-content/themes/keyaki-kameari.com/images/sec07_bg.jpg) center/cover no-repeat;
padding: 100px 0;
margin-bottom: 100px;
}
.sec07 .btn-more {
background: #fff;
color: #5F9A41;
border: 1px solid #5F9A41;
}
.sec07 .btn-more:before {
border-top: 2px solid #5F9A41;
border-right: 2px solid #5F9A41;
}
.sec07 .btn-more:hover {
color: #fff;
background-color: #5F9A41;
}
.sec07 .btn-more:hover:before {
border-top: 2px solid #fff;
border-right: 2px solid #fff;
}
.sec07-card {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 44px 40px;
margin-bottom: 40px;
}
.sec07-card .card-item {
display: block;
padding: 30px 35px 40px;
background-color: #fff;
height: 100%;
transition: 0.5s;
position: relative;
border-radius: 4px;
}
.sec07-card .card-item::before {
content: "";
border-style: solid;
border-width: 0 0 15px 15px;
border-color: transparent transparent #5F9A41 transparent;
position: absolute;
bottom: 10px;
right: 10px;
}
.sec07-card .card-item:hover {
opacity: 0.8;
}
.sec07-card .card-wrap {
display: flex;
align-items: center;
margin-bottom: 20px;
}
.sec07-card .card-img {
width: 100px;
height: 100px;
margin-right: 20px;
}
.sec07-card .card-ttl {
font-size: 24px;
font-family: "FOT-筑紫明朝 Pr6 M";
}
.sec08 {
margin-bottom: 120px;
}
.sec08-ttl {
margin-bottom: 40px;
}
.sec08-ttl .en {
font-family: "Josefin Sans", sans-serif;
font-size: 28px;
color: #5F9A41;
display: inline-block;
line-height: 1;
margin-bottom: 15px;
font-weight: 600;
position: relative;
padding-right: 45px;
white-space: nowrap;
}
.sec08-ttl .en::before {
position: absolute;
content: "";
background: #5F9A41;
width: 30px;
height: 2px;
top: 14px;
right: 0;
}
.sec08-ttl .jp {
display: block;
font-family: "FOT-筑紫明朝 Pr6 M";
font-size: 30px;
line-height: 1.7;
}
.sec08-layout {
display: flex;
position: relative;
align-items: center;
z-index: 0;
flex-direction: row-reverse;
}
.sec08-layout .l-img {
width: 75%;
margin: 0 -25% 0 4.67%;
}
.sec08-layout .l-img img {
border-radius: 10px;
}
.sec08-layout .l-desc {
flex: 1;
}
.sec08-layout .sub-ttl {
font-size: 22px;
font-family: "FOT-筑紫明朝 Pr6 M";
margin-bottom: 30px;
color: #5F9A41;
letter-spacing: 0.05em;
}
.sec08-layout .btn-more {
margin-top: 40px;
}
.sec09 {
background: #F4F8F2;
padding: 100px 0;
margin-bottom: 100px;
}
.sec09-list-top-blog {
display: flex;
margin-bottom: 80px;
}
.sec09-list-top-blog .list-item {
width: 240px;
}
.sec09-list-top-blog .list-item a {
display: block;
}
.sec09-list-top-blog .list-item a:hover .list-img img {
transform: scale(1.1);
}
.sec09-list-top-blog .list-item:not(:last-child) {
margin-right: 20px;
}
.sec09-list-top-blog .list-img {
overflow: hidden;
margin-bottom: 20px;
}
.sec09-list-top-blog .list-img img {
width: 100%;
height: 160px;
-o-object-fit: cover;
object-fit: cover;
transition: 0.5s;
border-radius: 5px;
}
.sec09-list-top-blog .list-ttl {
margin-bottom: 10px;
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
}
.sec09-list-top-blog time {
display: block;
font-family: "Josefin Sans", sans-serif;
color: #B2B2B2;
line-height: 1;
margin-bottom: 5px;
}
.sec09 .slick-slide {
text-align: left;
}
.sec09 .slick-dots {
bottom: -40px;
}
.sec10 {
margin-bottom: 160px;
}
.sec11 {
background: #FFF8ED;
width: 95%;
margin: 60px auto 100px;
padding: 100px 0 90px;
position: relative;
}
.sec11-en {
font-size: 80px;
position: absolute;
top: -60px;
font-family: "Josefin Sans", sans-serif;
color: #FADDAF;
line-height: 1;
left: -7px;
}
.sec11-layout {
display: flex;
position: relative;
z-index: 0;
margin-bottom: 50px;
}
.sec11-layout .l-img {
width: 57.96%;
margin: 0 6.29% 0 -5%;
}
.sec11-layout .l-img img {
border-radius: 10px;
}
.sec11-layout .l-desc {
flex: 1;
}
.sec11-layout .l-ttl {
font-size: 30px;
margin-bottom: 30px;
font-family: "FOT-筑紫明朝 Pr6 M";
}
.sec11-layout .tel-wrap {
margin-top: 30px;
}
.sec11-card {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 20px 24px;
margin-bottom: 60px;
}
.sec11-card .card-item {
display: block;
background: #FADDAF;
padding: 33px 10px 33px 40px;
border-radius: 5px;
font-family: "FOT-筑紫明朝 Pr6 M";
font-size: 22px;
position: relative;
transition: 0.5s;
}
.sec11-card .card-item::before {
content: "";
border-style: solid;
border-width: 0 0 15px 15px;
border-color: transparent transparent #DEA64E transparent;
position: absolute;
bottom: 10px;
right: 10px;
}
.sec11-card .card-item:hover {
opacity: 0.5;
}
.sec11 .ttl-wrap {
display: flex;
align-items: end;
justify-content: space-between;
margin-bottom: 30px;
}
.sec11 .sec11-layout02 {
background: #fff;
border-radius: 10px;
padding: 50px 60px;
}
.sec11 .sec11-ttl .en {
font-family: "Josefin Sans", sans-serif;
font-size: 30px;
color: #DEA64E;
display: inline-block;
line-height: 1;
margin-bottom: 5px;
font-weight: 600;
position: relative;
padding-right: 45px;
}
.sec11 .sec11-ttl .en::before {
position: absolute;
content: "";
background: #DEA64E;
width: 30px;
height: 2px;
top: 14px;
right: 0;
}
.sec11 .sec11-ttl .jp {
display: block;
font-family: "FOT-筑紫明朝 Pr6 M";
font-size: 24px;
line-height: 1.7;
}
.sec11 .btn-more {
margin-top: 40px;
}
@media screen and (max-width: 1200px) and (min-width: 801px) {
.sec11-layout .l-img {
width: 53.96%;
margin: 0 4.29% 0 -2%;
}
}
.sec12 {
margin-bottom: 60px;
position: relative;
}
.sec12-ttl {
margin-bottom: 30px;
}
.sec12-ttl .en {
font-family: "Josefin Sans", sans-serif;
font-size: 30px;
color: #5F9A41;
display: inline-block;
line-height: 1;
margin-bottom: 5px;
font-weight: 600;
position: relative;
padding-right: 45px;
}
.sec12-ttl .en::before {
position: absolute;
content: "";
background: #5F9A41;
width: 30px;
height: 2px;
top: 14px;
right: 0;
}
.sec12-ttl .jp {
display: block;
font-family: "FOT-筑紫明朝 Pr6 M";
font-size: 24px;
line-height: 1.7;
}
.sec12 iframe {
vertical-align: bottom;
}
.sec12 .l-desc {
background: #F4F8F2;
padding: 50px;
position: absolute;
bottom: 50px;
right: 50px;
border-radius: 10px;
}
.sec12 .btn-more {
margin-top: 30px;
} .pagetop {
position: fixed;
bottom: 10px;
right: 50px;
z-index: 11;
}
.pagetop span {
font-family: "Josefin Sans", sans-serif;
font-size: 18px;
color: #5F9A41;
font-weight: 600;
writing-mode: vertical-rl;
position: relative;
padding-top: 50px;
transition: 0.2s;
}
.pagetop span::before {
content: "";
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
width: 1px;
height: 40px;
background-color: #5F9A41;
transition: 0.3s;
}
.pagetop:hover span::before {
top: -10px;
}
.footer {
background: linear-gradient(180deg, #fff 0%, #fff 30%, #F4F8F2 30%, #F4F8F2 100%);
}
.footer-top {
background: #5F9A41;
margin: 0 auto 60px;
max-width: 1200px;
width: 90%;
border-radius: 10px;
padding: 60px 0 50px;
}
.footer-top .t-ttl {
margin-bottom: 30px;
}
.footer-top .top-wrap {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 24px;
margin-bottom: 30px;
}
.footer-top .top-item {
background: #fff;
padding: 20px 30px;
border-radius: 5px;
flex: 1;
}
.footer-top .item-ttl {
text-align: center;
font-family: "FOT-筑紫明朝 Pr6 M";
font-size: 18px;
padding-bottom: 5px;
margin-bottom: 15px;
}
.footer-top .item-ttl.yellow {
border-bottom: 1px solid #CDDDC5;
}
.footer-top .item-ttl.green {
border-bottom: 1px solid #FADDAF;
}
.footer-top .guid-item {
text-align: center;
color: #fff;
}
.footer-top .guid-item + .guid-item {
margin-top: 20px;
}
.footer-top .guid-ttl {
line-height: 1;
text-align: center;
padding: 5px 10px;
border: 1px solid #fff;
border-radius: 3px;
font-weight: bold;
margin-bottom: 5px;
display: inline-block;
}
.footer-bottom {
margin-bottom: 50px;
}
.footer .f-logo {
display: block;
max-width: 260px;
margin-right: 20px;
}
.footer .f-bottom-wrap {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 50px;
}
.footer .f-access {
display: block;
margin-right: 10px;
line-height: 1.5;
}
.footer .f-navi {
display: flex;
width: 785px;
margin: 0 auto;
}
.footer .f-navi-item {
max-width: 307px;
}
.footer .f-navi-item:first-child {
margin-right: 90px;
max-width: 390px;
}
.footer .f-item-wrap {
display: flex;
}
.footer .navi-ttl {
padding-left: 40px;
position: relative;
font-size: 18px;
font-family: "FOT-筑紫明朝 Pr6 M";
margin-bottom: 15px;
white-space: nowrap;
}
.footer .navi-ttl::before {
position: absolute;
width: 30px;
height: 1px;
top: 15px;
left: 0;
content: "";
}
.footer .navi-ttl.green {
color: #5F9A41;
}
.footer .navi-ttl.green::before {
background: #5F9A41;
}
.footer .navi-ttl.yellow {
color: #DEA64E;
}
.footer .navi-ttl.yellow::before {
background: #DEA64E;
}
.footer .f-navi-list {
font-size: 15px;
font-family: "FOT-筑紫明朝 Pr6 M";
white-space: nowrap;
}
.footer .f-navi-list li {
display: block;
position: relative;
padding-left: 15px;
}
.footer .f-navi-list li::before {
position: absolute;
content: "";
width: 6px;
height: 6px;
position: absolute;
left: 0;
top: 13px;
transform: rotate(45deg);
}
.footer .f-navi-list li:not(:last-child) {
margin-bottom: 10px;
}
.footer .f-navi-list a:hover {
text-decoration: underline;
}
.footer .f-navi-list.green {
flex: 1.1;
}
.footer .f-navi-list.green li::before {
border-top: 1px solid #5F9A41;
border-right: 1px solid #5F9A41;
}
.footer .f-navi-list.green:first-child {
margin-right: 40px;
flex: 1;
}
.footer .f-navi-list.yellow li::before {
border-top: 1px solid #DEA64E;
border-right: 1px solid #DEA64E;
}
.footer .copyright {
border-top: 1px solid #DEDEDE;
font-size: 0.85rem;
padding: 12px;
font-size: 12px;
}
.footer .copyright .container {
display: flex;
justify-content: space-between;
align-items: center;
}
.footer .copyright-links {
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.footer .copyright-links li + li::before {
content: "|";
margin: 0 15px;
}
.footer .copyright-links a {
line-height: 1.5;
}
.footer .copyright-links a:hover {
text-decoration: underline;
}
@media screen and (max-width: 1200px) and (min-width: 801px) {
.footer-top .tel-wrap .tel {
font-size: 25px;
}
.footer-top .tel-wrap .tel::before {
width: 18px;
height: 25px;
}
} .btn-more {
display: block;
width: 280px;
padding: 10px;
font-weight: bold;
text-align: center;
color: #fff;
background-color: #5F9A41;
border: 1px solid #5F9A41;
transition: 0.5s;
position: relative;
border-radius: 100px;
}
.btn-more:before {
content: "";
position: absolute;
top: 50%;
right: 15px;
transform: translateY(-50%) rotate(45deg);
width: 8px;
height: 8px;
border: 0px;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
}
.btn-more:hover {
color: #5F9A41;
background-color: #fff;
border: 1px solid #5F9A41;
}
.btn-more:hover:before {
border-top: 2px solid #5F9A41;
border-right: 2px solid #5F9A41;
}
.btn-more.large {
width: 320px;
}
.btn-icon,
.btn-line {
display: inline-flex;
align-items: center;
justify-content: center;
text-align: center;
line-height: 1;
min-height: 50px;
transition: opacity 0.5s;
font-weight: bold;
color: #fff;
border-radius: 100px;
}
.btn-icon:hover,
.btn-line:hover {
opacity: 0.5;
}
.btn-icon {
width: 170px;
background: #5F9A41;
padding: 5px 20px;
}
.btn-icon img {
width: 15px;
height: 20px;
margin-right: 8px;
}
.btn-line {
background: #06C755;
padding: 5px 10px 5px 5px;
width: 200px;
}
.btn-line img {
width: 40px;
height: 40px;
}
.tel-wrap {
display: flex;
align-items: center;
}
.tel-wrap .tel {
margin-right: 20px;
margin-top: 10px;
flex: 1;
}
.tel-wrap .btn-line {
flex: 1;
}
.tel-box {
background: #fff;
padding: 20px 30px;
border-radius: 5px;
border: 1px solid #5F9A41;
}
.tel-box .box-ttl {
text-align: center;
font-family: "FOT-筑紫明朝 Pr6 M";
font-size: 18px;
padding-bottom: 5px;
margin-bottom: 15px;
border-bottom: 1px solid #5F9A41;
}
.tel-box.yellow {
border: 1px solid #DEA64E;
}
.tel-box.yellow .box-ttl {
border-bottom: 1px solid #DEA64E;
} .map {
position: relative;
width: 100%;
height: 500px;
}
.map iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.youtube {
position: relative;
width: 100%;
padding-top: 56.25%;
}
.youtube iframe {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
}
.tel {
display: inline-block;
font-size: 28px;
font-family: "Josefin Sans", sans-serif;
line-height: 1;
padding-left: 22px;
position: relative;
font-weight: 600;
white-space: nowrap;
letter-spacing: 0.1em;
transition: 0.3s;
}
.tel:before {
content: "";
position: absolute;
top: 47%;
left: 0;
transform: translateY(-53%);
width: 20px;
height: 27px;
}
.tel.green::before {
background: url(//www.keyaki-kameari.com/wp-content/themes/keyaki-kameari.com/images/share/icon_tel_g.svg) center/contain no-repeat;
}
.tel.yellow::before {
background: url(//www.keyaki-kameari.com/wp-content/themes/keyaki-kameari.com/images/share/icon_tel_y.svg) center/contain no-repeat;
}
.tel:hover {
opacity: 0.7;
} .u-contents .sec03 {
margin-bottom: 120px;
}
.u-top-common {
width: 100%;
padding-bottom: 80px;
margin-bottom: 20px;
position: relative;
}
.u-top-common::before {
position: absolute;
content: "";
background: #F4F8F2;
bottom: 0;
left: 0;
width: 95%;
height: 255px;
z-index: -1;
}
.u-top-common-container {
background: url(//www.keyaki-kameari.com/wp-content/themes/keyaki-kameari.com/images/under/hero01.jpg) center/cover no-repeat;
width: 85%;
padding: 147px 0;
border-radius: 10px 0 0 10px;
margin: 0 0 0 300px;
}
.page-ttl {
text-align: center;
color: #5F9A41;
font-family: "FOT-筑紫明朝 Pr6 M";
font-size: 46px;
line-height: 1.4;
margin-right: 300px;
}
.page-ttl span {
background: #fff;
padding: 3px 5px 10px;
border-radius: 5px;
box-decoration-break: clone;
-webkit-box-decoration-break: clone;
line-height: 1;
display: inline-block;
}
.breadcrumb {
margin-bottom: 80px;
}
.breadcrumb ul {
font-size: 12px;
}
.breadcrumb ul li {
display: inline;
}
.breadcrumb ul li + li:before {
content: "/ ";
padding: 0 5px;
color: #ccc;
vertical-align: 1px;
}
.breadcrumb a:hover {
color: #5F9A41;
} .u-h2, .post-category-ttl, .postdata h1 {
font-size: 34px;
text-align: center;
padding-bottom: 15px;
margin-bottom: 60px;
position: relative;
font-family: "FOT-筑紫明朝 Pr6 M";
}
.u-h2:before, .post-category-ttl:before, .postdata h1:before {
content: "";
display: inline-block;
width: 50px;
height: 2px;
background-color: #5F9A41;
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
}
.u-h2.yellow::before, .yellow.post-category-ttl::before, .postdata h1.yellow::before {
background: #DEA64E;
}
.u-h3, .post-ttl, .postdata h2, .dl-privacy dt {
font-size: 24px;
padding-left: 55px;
margin-bottom: 30px;
position: relative;
font-family: "FOT-筑紫明朝 Pr6 M";
}
.u-h3:before, .post-ttl:before, .postdata h2:before, .dl-privacy dt:before {
content: "";
position: absolute;
top: 19px;
left: 0;
width: 40px;
height: 1px;
background-color: #DEA64E;
}
.u-h4, .postdata h3, .u-slider03-ttl {
font-size: 20px;
color: #5F9A41;
margin-bottom: 20px;
position: relative;
font-family: "FOT-筑紫明朝 Pr6 M";
}
.hidden {
overflow: hidden;
}
.short {
margin-bottom: 60px;
}
.tall {
margin-bottom: 160px;
}
.tall.green {
background: #F4F8F2;
padding: 100px 0;
margin-bottom: 110px;
}
.tall.green .l-style03 .l-desc {
background: #fff;
}
.tall.green .staff-layout .l-desc {
background: #fff;
}
.tall.green .l-style04 .l-desc {
background: #fff;
}
.tall.green .under-blog-layout .list-img {
border: none;
}
.tall:last-child {
margin-bottom: 200px;
}
.tall:last-child.green {
margin-bottom: 160px;
}
.yellow-bg {
background: #FFF8ED;
width: 95%;
margin: 120px auto 100px;
padding: 100px 0 90px;
position: relative;
}
.yellow-bg-en {
font-size: 80px;
position: absolute;
top: -60px;
font-family: "Josefin Sans", sans-serif;
color: #FADDAF;
line-height: 1;
left: -7px;
}
.l-style01 {
display: flex;
}
.l-style01 .l-img {
flex: 1;
margin-right: 50px;
}
.l-style01 .l-img img {
border-radius: 5px;
}
.l-style01 .l-img.small {
flex: 0.5;
}
.l-style01 .l-img.large {
margin: 0 7.5% 0 -10%;
position: relative;
}
.l-style01 .u-slider02 {
width: 45%;
padding: 0;
}
.l-style01 .l-desc {
flex: 1;
}
.l-style01 .l-ttl {
font-size: 24px;
font-family: "FOT-筑紫明朝 Pr6 M";
margin-bottom: 30px;
}
.l-style01 .l-ttl .small {
display: block;
margin-bottom: 5px;
font-size: 18px;
}
.l-style02 {
display: flex;
flex-direction: row-reverse;
}
.l-style02 .l-img {
flex: 1;
margin-left: 50px;
}
.l-style02 .l-img img {
border-radius: 5px;
}
.l-style02 .l-img.small {
flex: 0.5;
}
.l-style02 .l-img.large {
margin: 0 -10% 0 7.5%;
position: relative;
}
.l-style02 .l-desc {
flex: 1;
}
.l-style02 .l-ttl {
font-size: 24px;
font-family: "FOT-筑紫明朝 Pr6 M";
margin-bottom: 30px;
}
.l-style02 .l-ttl .small {
display: block;
margin-bottom: 5px;
font-size: 18px;
}
.l-style03 {
display: flex;
}
.l-style03 .l-img {
width: 50.04%;
margin-bottom: 63px;
}
.l-style03 .l-img img {
border-radius: 10px;
}
.l-style03 .l-desc {
background: #F4F8F2;
padding: 60px 87px 83px 217px;
margin: 30px 0 0 -150px;
flex: 1;
}
.l-style03.reverse {
flex-direction: row-reverse;
}
.l-style03.reverse .l-desc {
padding: 60px 217px 83px 87px;
margin: 30px -150px 0 0;
}
.l-style03 .num {
font-size: 30px;
font-family: "Josefin Sans", sans-serif;
color: #DEA64E;
line-height: 1;
display: inline-block;
letter-spacing: 0.1em;
margin-bottom: 15px;
}
.l-style03 .num .small {
font-size: 28px;
}
.l-style03 .l-ttl {
font-size: 24px;
font-family: "FOT-筑紫明朝 Pr6 M";
margin-bottom: 30px;
}
.l-style04 {
display: flex;
margin-right: 17px;
}
.l-style04 .l-img {
width: 50.76%;
position: relative;
z-index: 4;
}
.l-style04 .l-img img {
border-radius: 10px;
}
.l-style04 .l-desc {
background: #FFF8ED;
padding: 70px 70px 60px 236px;
margin: 30px 0 0 -165px;
flex: 1;
position: relative;
z-index: 2;
}
.l-style04 .price {
position: absolute;
font-size: 24px;
font-family: "FOT-筑紫明朝 Pr6 M";
color: #fff;
line-height: 1;
padding: 15px 15px 15px 20px;
background: #DEA64E;
top: -20px;
left: 236px;
display: inline-flex;
align-items: center;
}
.l-style04 .price .small {
font-size: 14px;
}
.l-style04 .sp-block {
padding-right: 5px;
}
.l-style04.reverse {
flex-direction: row-reverse;
}
.l-style04.reverse .l-desc {
padding: 70px 236px 60px 70px;
margin: 30px -165px 0 0;
}
.l-style04.reverse .price {
left: 70px;
}
.l-style04 .l-ttl {
font-size: 24px;
font-family: "FOT-筑紫明朝 Pr6 M";
margin-bottom: 30px;
}
.l-style04 .l-ttl .small {
display: block;
margin-bottom: 5px;
font-size: 18px;
}
.guide-layout .l-img {
margin-bottom: 78px;
}
.guide-layout .l-img img {
border-radius: 10px;
}
.guide-layout .l-desc {
display: grid;
grid-template-columns: 324px 1fr;
}
.guide-layout .l-ttl {
font-size: 24px;
font-family: "FOT-筑紫明朝 Pr6 M";
letter-spacing: 0.05em;
}
.yellow-layout {
display: flex;
margin-bottom: 50px;
}
.yellow-layout .l-img {
width: 53.24%;
margin-right: 6.21%;
}
.yellow-layout .l-img img {
border-radius: 10px;
}
.yellow-layout .l-desc {
flex: 1;
margin-right: 3.08%;
}
.yellow-layout .l-ttl {
font-size: 30px;
font-family: "FOT-筑紫明朝 Pr6 M";
margin-bottom: 30px;
}
.under-news-layout {
display: grid;
grid-template-columns: 150px 1fr;
grid-gap: 50px;
position: relative;
padding: 50px 60px 40px 60px;
background: #fff;
border-radius: 10px;
}
.under-news-layout .list-top-news01 {
flex: 1;
margin-bottom: 20px;
}
.under-news-layout .ttl-wrap {
position: relative;
}
.under-news-layout .l-ttl .en {
font-family: "Josefin Sans", sans-serif;
font-size: 30px;
color: #DEA64E;
display: inline-block;
line-height: 1;
margin-bottom: 10px;
font-weight: 600;
position: relative;
padding-right: 45px;
}
.under-news-layout .l-ttl .en::before {
position: absolute;
content: "";
background: #DEA64E;
width: 30px;
height: 2px;
top: 14px;
right: 0;
}
.under-news-layout .l-ttl .jp {
display: block;
font-family: "FOT-筑紫明朝 Pr6 M";
font-size: 24px;
line-height: 1.7;
}
.under-news-layout .l-btn {
position: absolute;
bottom: 0;
left: 0;
}
.under-news-layout .btn-more {
width: 150px;
}
.under-blog-layout {
display: flex;
margin-bottom: 80px;
}
.under-blog-layout .list-item {
width: 320px;
}
.under-blog-layout .list-item a {
display: block;
}
.under-blog-layout .list-item a:hover .list-img img {
transform: scale(1.1);
}
.under-blog-layout .list-item:not(:last-child) {
margin-right: 27px;
}
.under-blog-layout .list-img {
overflow: hidden;
margin-bottom: 20px;
border: 1px solid #5F9A41;
border-radius: 5px;
}
.under-blog-layout .list-img img {
width: 100%;
height: 240px;
-o-object-fit: cover;
object-fit: cover;
transition: 0.5s;
border-radius: 5px;
}
.under-blog-layout .list-ttl {
margin-bottom: 10px;
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
}
.under-blog-layout time {
display: block;
font-family: "Josefin Sans", sans-serif;
color: #B2B2B2;
line-height: 1;
margin-bottom: 5px;
}
.under-blog-layout .slick-slide {
text-align: left;
}
.under-blog-layout .slick-dots {
bottom: -40px;
}
.fl-img01, .fl-img02 {
width: 40%;
}
.fl-img01.small, .fl-img02.small {
width: 25%;
}
.fl-img01 {
float: right;
margin: 0 0 15px 35px;
}
.fl-img02 {
float: left;
margin: 0 35px 15px 0;
}
.list-col1 .item:not(:last-child) {
margin-bottom: 100px;
}
.list-col1 .item--s:not(:last-child) {
margin-bottom: 60px;
}
.list-card {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-gap: 20px;
}
.list-card .list-item {
display: block;
padding: 35px 5px 40px;
background: #fff;
border-radius: 4px;
border: 1px solid #333;
transition: 0.5s;
}
.list-card .list-item:hover {
opacity: 0.5;
}
.list-card .list-img {
margin-bottom: 20px;
text-align: center;
}
.list-card .list-img img {
width: 100px;
height: 100px;
}
.list-card .list-ttl {
font-family: "FOT-筑紫明朝 Pr6 M";
text-align: center;
}
.list-card .list-ttl .txt01 {
font-size: 24px;
display: block;
}
.list-card .list-ttl .txt02 {
font-size: 16px;
}
.list-card .list-desc {
margin-bottom: 15px;
}
.list-card02 {
display: grid;
}
.list-card02 > li {
display: flex;
flex-direction: column;
background: #F4F8F2;
padding: 25px;
border-top: 1px solid #5F9A41;
position: relative;
}
.list-card02 .list-ttl {
display: block;
font-family: "FOT-筑紫明朝 Pr6 M";
font-size: 20px;
text-align: center;
margin-bottom: 15px;
}
.list-card02 .num {
background: #DEA64E;
border-radius: 50px;
display: table;
color: #fff;
font-family: "Josefin Sans", sans-serif;
font-size: 11px;
line-height: 25px;
padding: 0 20px;
margin: 0 auto 10px;
}
.list-card02 .list-img {
text-align: center;
margin-bottom: 15px;
}
.list-card02 .list-desc {
margin-bottom: 15px;
}
.list-card02 .list-btn {
text-align: center;
margin-top: auto;
}
.list-card02 .btn-more {
width: 100%;
}
.list-card02.col2 {
grid-template-columns: repeat(2, 1fr);
grid-gap: 40px;
}
.list-card02.col3 {
grid-template-columns: repeat(3, 1fr);
grid-gap: 30px;
}
.list-card02.col4 {
grid-template-columns: repeat(4, 1fr);
grid-gap: 20px;
}
.list-card-flow {
display: grid;
}
.list-card-flow > li {
position: relative;
padding-top: 10px;
}
.list-card-flow > li:last-child .list-img::after {
display: none;
}
.list-card-flow .list-img {
text-align: center;
margin-bottom: 20px;
position: relative;
z-index: 2;
}
.list-card-flow .list-img::after {
content: "";
border-style: solid;
border-width: 12px 0 12px 12px;
border-color: transparent transparent transparent #5F9A41;
position: absolute;
right: -12px;
top: 50%;
transform: translateY(-50%);
z-index: 1;
}
.list-card-flow .list-img img {
border-radius: 10px;
}
.list-card-flow .num {
position: absolute;
font-size: 29px;
font-family: "Josefin Sans", sans-serif;
color: #A4BF97;
left: 27px;
top: 0;
line-height: 1;
z-index: 5;
}
.list-card-flow.col3 {
grid-template-columns: repeat(3, 1fr);
grid-gap: 30px;
}
.list-card-flow.col3 > li .list-img::after {
right: -21px;
}
.list-disc li {
position: relative;
padding-left: 15px;
}
.list-disc li:before {
content: "";
background: #5F9A41;
border-radius: 50%;
display: block;
position: absolute;
left: 0;
top: 15px;
width: 5px;
height: 5px;
}
.list-disc.col2 {
display: flex;
flex-wrap: wrap;
}
.list-disc.col2 li {
width: 48%;
}
.list-disc.col2 li:nth-child(odd) {
margin-right: 4%;
}
.list-check li {
position: relative;
padding-left: 18px;
}
.list-check li + li {
margin-top: 3px;
}
.list-check li:before {
content: "";
display: block;
position: absolute;
left: 0;
top: 13px;
width: 10px;
height: 5px;
border-left: 2px solid #5F9A41;
border-bottom: 2px solid #5F9A41;
transform: rotate(-45deg);
}
.list-check.col2 {
display: flex;
flex-wrap: wrap;
}
.list-check.col2 li {
width: 48%;
}
.list-check.col2 li:nth-child(odd) {
margin-right: 4%;
}
.list-anchor-link {
display: flex;
flex-wrap: wrap;
justify-content: center;
max-width: 900px;
margin: 0 auto;
}
.list-anchor-link li {
position: relative;
}
.list-anchor-link li:not(:last-child):after {
content: "";
display: inline-block;
background: #d6d6df;
width: 2px;
height: 15px;
margin: 0 20px;
vertical-align: -1px;
}
.list-anchor-link a {
display: inline-block;
position: relative;
padding-right: 25px;
}
.list-anchor-link a:before {
content: "";
background: url(//www.keyaki-kameari.com/wp-content/themes/keyaki-kameari.com/images/share/icon_arrow_bottom.svg) no-repeat 0 0/contain;
stroke: #5F9A41;
width: 14px;
height: 14px;
position: absolute;
right: 0;
top: 7px;
}
.list-anchor-link a:hover {
color: #5F9A41;
}
.flow-type01 .l-item {
display: grid;
grid-template-columns: 116px 1fr;
grid-gap: 40px;
padding-bottom: 85px;
position: relative;
}
.flow-type01 .l-item:not(:last-child)::before {
content: "";
position: absolute;
width: 2px;
top: 20px;
bottom: -30px;
left: 57px;
background: #5F9A41;
z-index: 1;
}
.flow-type01 .time-txt {
line-height: 1.5;
font-weight: bold;
}
.flow-type01 .flow-desc {
padding-top: 15px;
}
.flow-type01 .flow-desc > .tel-box {
width: 60%;
}
.flow-type01 .en {
height: 68px;
width: 116px;
line-height: 1;
background: #fff;
border: 1px solid #5F9A41;
border-radius: 5px;
display: inline-flex;
align-items: center;
justify-content: center;
color: #5F9A41;
font-family: "Josefin Sans", sans-serif;
font-size: 20px;
padding: 2px 20px 0;
vertical-align: 3px;
position: relative;
z-index: 3;
}
.flow-type01 .en .num {
font-size: 21px;
}
.flow-type01 .l-ttl {
font-size: 24px;
font-family: "FOT-筑紫明朝 Pr6 M";
margin-bottom: 25px;
letter-spacing: 0.05em;
display: block;
}
.staff-layout {
display: flex;
}
.staff-layout .l-img {
flex: 1;
}
.staff-layout .l-img img {
border-radius: 10px;
}
.staff-layout .l-desc {
display: flex;
flex-direction: column;
flex: 1.1;
padding: 67px 102px 67px 170px;
margin: 50px 0 0 -100px;
background: #F4F8F2;
border-radius: 10px;
}
.staff-layout .l-desc.center {
justify-content: center;
}
.staff-layout .job {
font-family: "FOT-筑紫明朝 Pr6 M";
font-size: 20px;
margin-bottom: 5px;
}
.staff-layout .name {
margin-bottom: 25px;
}
.staff-layout .jp {
font-size: 24px;
font-family: "FOT-筑紫明朝 Pr6 M";
margin-right: 10px;
}
.staff-layout .jp .small {
font-size: 18px;
display: inline-block;
margin-right: 15px;
}
.staff-layout .en {
font-size: 16px;
font-family: "Josefin Sans", sans-serif;
font-weight: 600;
color: #A4BF97;
}
.staff-layout .l-ttl {
font-size: 28px;
color: #5F9A41;
font-family: "Josefin Sans", sans-serif;
font-weight: 600;
margin-bottom: 5px;
}
.dl-faq01 dt {
cursor: pointer;
display: flex;
border-bottom: 1px solid #ddd;
padding: 0 30px 10px 0;
margin: 0 0 15px;
position: relative;
transition: 0.3s;
}
.dl-faq01 dt .txt {
font-size: 20px;
line-height: 1.7;
font-family: "FOT-筑紫明朝 Pr6 M";
}
.dl-faq01 dt .icon {
background-color: #5F9A41;
}
.dl-faq01 dt::before {
background: url(//www.keyaki-kameari.com/wp-content/themes/keyaki-kameari.com/images/under/icon_close.svg) center/contain no-repeat;
content: "";
position: absolute;
width: 22px;
height: 22px;
right: 0;
top: 47%;
transform: translateY(-53%);
}
.dl-faq01 dt:not(.is-open):hover {
opacity: 0.5;
}
.dl-faq01 dt.is-open::before {
background: url(//www.keyaki-kameari.com/wp-content/themes/keyaki-kameari.com/images/under/icon_open.svg) center/contain no-repeat;
}
.dl-faq01 dd {
display: none;
margin-bottom: 60px;
}
.dl-faq01 dd .wrapper {
display: flex;
}
.dl-faq01 dd + dt {
margin-top: 30px;
}
.dl-faq01 dd .icon {
background: #DEA64E;
}
.dl-faq01 .icon {
border-radius: 100px;
color: #fff;
font-size: 21px;
font-family: "Josefin Sans", sans-serif;
text-align: center;
width: 36px;
height: 36px;
line-height: 41px;
margin: 0 15px 0 0;
flex-shrink: 0;
}
.dl-faq01 .txt {
flex: 1;
}
.dl-style01 {
display: flex;
flex-wrap: wrap;
background: #fff;
border: 1px solid #5F9A41;
border-radius: 10px;
padding: 45px 70px 45px 50px;
}
.dl-style01 dt {
font-family: "FOT-筑紫明朝 Pr6 M";
color: #5F9A41;
font-size: 20px;
padding-right: 42px;
position: relative;
line-height: 1.8;
}
.dl-style01 dt::before {
position: absolute;
content: "";
height: 60px;
width: 1px;
background: #DEDEDE;
top: 50%;
transform: translateY(-50%);
right: 0;
}
.dl-style01 dd {
margin-left: 50px;
flex: 1;
}
.dl-style02 {
display: flex;
flex-wrap: wrap;
border-bottom: 1px solid #DEDEDE;
padding-bottom: 25px;
margin-bottom: 25px;
}
.dl-style02 dt {
font-weight: bold;
width: 16%;
}
.dl-style02 dd {
width: 84%;
}
.dl-privacy:not(:last-child) {
margin-bottom: 60px;
}
.dl-privacy dt {
line-height: 1.7;
}
.table-style01 {
border: 1px solid #DDDDDD;
}
.table-style01 tr:not(:last-child) {
border-bottom: 1px solid #DDDDDD;
}
.table-style01 th {
background-color: #5F9A41;
font-family: "FOT-筑紫明朝 Pr6 M";
color: #fff;
padding: 15px;
width: 30%;
text-align: center;
font-size: 15px;
}
.table-style01 td {
padding: 10px 30px;
font-size: 14px;
background: #fff;
}
.box-style01 {
border: 1px solid #5F9A41;
border-radius: 5px;
background: #fff;
padding: 48px 40px;
}
.box-style01 > .box-ttl {
font-family: "FOT-筑紫明朝 Pr6 M";
font-size: 21px;
margin-bottom: 10px;
}
.box-style02 {
background: #F4F8F2;
padding: 50px 60px;
border-radius: 10px;
}
.box-style03 {
border-radius: 10px;
background: #fff;
padding: 40px 50px 35px;
position: relative;
margin-top: 20px;
}
.box-style03 > .box-ttl {
position: absolute;
font-family: "FOT-筑紫明朝 Pr6 M";
color: #fff;
background: #5F9A41;
font-size: 16px;
line-height: 1;
padding: 14px 20px;
border-radius: 100px;
top: -20px;
left: 20px;
}
.tab-area {
display: flex;
justify-content: right;
}
.tab-item {
background-color: #fff;
color: #DEA64E;
font-weight: bold;
border-radius: 10px 10px 0 0;
width: 180px;
text-align: center;
padding: 10px 20px;
transition: 0.3s;
border: 1px solid #FADDAF;
border-radius: 100px;
cursor: pointer;
}
.tab-item:hover {
background: #FFF8ED;
}
.tab-item:not(:last-child) {
margin-right: 10px;
}
.tab-item.active {
background-color: #DEA64E;
color: #fff;
transition: 0.3s;
border: 1px solid #DEA64E;
}
.panel-area {
border: 2px solid #5F9A41;
padding: 50px;
}
.panel-item {
display: none;
}
.panel-item.active {
display: block;
}
.u-slider03-img {
padding: 0 20px;
margin-bottom: 20px;
}
.u-slider03-desc {
padding: 0 20px;
text-align: left;
}
.u-slider03-ttl {
margin-bottom: 10px;
}
.u-slider03-txt {
text-align: left;
}
.u-slider03 .slick-prev {
left: -25px;
}
.u-slider03 .slick-next {
right: -25px;
}
.effect, .effect-pc {
transform: translateY(50px);
opacity: 0;
transition-duration: 1.5s;
}
.effect--moved {
transform: translateY(0px);
opacity: 1;
}
.effect-pc--moved {
transform: translateY(0px);
opacity: 1;
}
.effect-each {
transform: translateY(100px);
opacity: 0;
transition-duration: 1.5s;
}
.effect-each--moved {
transform: translateY(0px);
opacity: 1;
}
.tel-layout {
border: 1px solid #5F9A41;
border-radius: 5px;
background: #fff;
max-width: 800px;
padding: 30px 50px;
margin: 0 auto;
text-align: center;
}
.tel-layout .ttl {
display: table;
border-bottom: 1px solid #CDDDC5;
font-weight: bold;
font-size: 18px;
line-height: 1.7;
padding: 0 0 15px;
margin: 0 auto 25px;
}
.tel-layout .wrapper {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 30px;
align-items: center;
}
.tel-layout .txt {
line-height: 1.5;
}
.tel-layout .time {
text-align: left;
overflow: hidden;
word-break: break-all;
line-height: 1.5;
}
.tel-layout .time dt {
float: left;
}
.tel-layout .time dd {
padding-left: 80px;
}  .list-top-news01 .list-item {
display: flex;
padding-bottom: 30px;
border-bottom: 1px solid #DEDEDE;
}
.list-top-news01 .list-item:not(:last-child) {
margin-bottom: 30px;
}
.list-top-news01 time {
font-family: "Josefin Sans", sans-serif;
color: #B2B2B2;
margin-right: 30px;
}
.list-top-news01 .list-txt {
width: 80%;
display: inline-block;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
}
.list-top-news01 a:hover {
text-decoration: underline;
}
.list-top-news02 {
display: flex;
}
.list-top-news02 li {
width: 50%;
max-width: 524px;
}
.list-top-news02 li:first-child {
margin-right: 30px;
}
.list-top-news02 .list-item {
display: flex;
transition: 0.5s;
align-items: center;
}
.list-top-news02 .list-item:hover {
opacity: 0.5;
}
.list-top-news02 .list-desc {
flex: 1;
}
.list-top-news02 .list-img {
margin-right: 20px;
width: 120px;
}
.list-top-news02 .list-img img {
width: 120px;
height: 120px;
-o-object-fit: cover;
object-fit: cover;
border-radius: 5px;
}
.list-top-news02 time {
font-family: "Josefin Sans", sans-serif;
color: #B2B2B2;
line-height: 1;
display: block;
margin-bottom: 5px;
}
.list-top-news02 .list-txt {
width: 100%;
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
margin-bottom: 5px;
} .list-top-blog {
display: flex;
margin-bottom: 40px;
}
.list-top-blog .list-item {
width: 25%;
}
.list-top-blog .list-item a {
display: block;
}
.list-top-blog .list-item a:hover .list-img img {
transform: scale(1.1);
}
.list-top-blog .list-item:not(:last-child) {
margin-right: 20px;
}
.list-top-blog .list-img {
overflow: hidden;
margin-bottom: 20px;
}
.list-top-blog .list-img img {
width: 100%;
height: 160px;
-o-object-fit: cover;
object-fit: cover;
transition: 0.5s;
border-radius: 5px;
}
.list-top-blog .list-ttl {
width: 100%;
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
margin-bottom: 5px;
}
.list-top-blog time {
display: block;
font-family: "Josefin Sans", sans-serif;
color: #B2B2B2;
line-height: 1;
margin-bottom: 5px;
} .list-post-type01 .list-item:not(:last-child) {
margin-bottom: 80px;
}
.list-post-type03 {
display: flex;
flex-wrap: wrap;
}
.list-post-type03 .list-item + .list-item + .list-item + .list-item {
margin-top: 60px;
}
.list-post-type03 .list-item {
width: 31%;
transition: 0.4s ease-in-out;
}
.list-post-type03 .list-item a:hover .list-img img {
transform: scale(1.1);
}
.list-post-type03 .list-item:not(:nth-child(3n)) {
margin-right: 2%;
}
.list-post-type03 .list-img {
overflow: hidden;
margin-bottom: 20px;
}
.list-post-type03 .list-img img {
width: 100%;
height: 240px;
-o-object-fit: cover;
object-fit: cover;
transition: 0.5s;
}
.list-post-type03 .list-ttl {
font-size: 20px;
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.post-layout {
display: flex;
}
.post-layout .post-img {
flex: 1;
margin-right: 50px;
}
.post-layout .post-img img {
width: 100%;
height: 200px;
-o-object-fit: cover;
object-fit: cover;
}
.post-layout .post-desc {
flex: 2;
} .post-single-img {
text-align: center;
margin-bottom: 40px;
}
.postdata h4 {
font-size: 20px;
color: #DEA64E;
font-family: "FOT-筑紫明朝 Pr6 M";
}
.postdata h5 {
font-size: 18px;
color: #5F9A41;
font-family: "FOT-筑紫明朝 Pr6 M";
padding-left: 10px;
position: relative;
}
.postdata h5:after {
content: "-";
color: #DEA64E;
position: absolute;
display: block;
top: 0;
left: 0;
}
.postdata h6 {
font-size: 18px;
color: #DEA64E;
font-family: "FOT-筑紫明朝 Pr6 M";
}
.postdata p, .postdata ul, .postdata ol {
margin-bottom: 15px;
}
.postdata a {
text-decoration: underline;
}
.postdata a:hover {
text-decoration: none;
}
.postdata strong {
font-weight: bold;
}
.postdata em {
font-style: italic;
}
.postdata ul li {
list-style: inside disc;
}
.postdata ul li > ul {
margin: 0 0 0 15px;
}
.postdata ol li {
list-style: inside decimal;
}
.postdata ol li > ol {
margin: 0 0 0 15px;
}
.post-data {
line-height: 1;
display: flex;
align-items: center;
margin-bottom: 10px;
}
.post-data time {
font-size: 14px;
font-family: "Josefin Sans", sans-serif;
color: #B2B2B2;
line-height: 1;
}
.post-data .post-category01 {
margin-left: 20px;
}
.post-category01 {
border: 1px solid #DEA64E;
color: #DEA64E;
line-height: 1.4;
padding: 2px 10px;
display: inline-block;
word-break: keep-all;
font-size: 14px;
border-radius: 3px;
}
.post-category01 span:not(:last-child) {
position: relative;
padding-right: 20px;
display: inline-block;
}
.post-category01 span:not(:last-child):before {
content: "/";
position: absolute;
top: 50%;
right: 5px;
transform: translateY(-50%);
} .select-wrap {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 4%;
}
.select-area {
margin-bottom: 50px;
}
.select-area .select-box {
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
margin: 0 auto;
}
.select-area .select-box:after {
content: "";
position: absolute;
top: 50%;
right: 10px;
width: 0;
height: 0;
border-top: 8px solid #5F9A41;
border-right: 8px solid transparent;
border-left: 8px solid transparent;
transform: translateY(-50%);
}
.select-area .select-category {
-webkit-appearance: none;
outline: none;
text-indent: 0.01px;
text-overflow: "";
border-radius: 0;
background: #F6F6F6;
font-size: 16px;
color: #5F9A41;
vertical-align: middle;
height: 50px;
padding: 5px 15px;
border: none;
width: 100%;
cursor: pointer;
}
.select-area .select-category::-ms-expand {
display: none;
} .post-number {
margin-top: 100px;
display: flex;
justify-content: flex-end;
flex-wrap: wrap;
border-bottom: 1px solid #d3d3d3;
font-family: "FOT-筑紫明朝 Pr6 M";
}
.post-number a {
color: #a5a5a5;
display: inline-block;
padding: 0 10px 15px;
}
.post-number a:hover {
color: #000;
}
.post-number .current {
color: #000;
display: inline-block;
padding: 0 10px 15px;
position: relative;
}
.post-number .current::after {
content: "";
border-bottom: 2px solid #000;
position: absolute;
bottom: -2px;
left: 0;
width: 100%;
height: 1px;
} .post-number-single {
margin-top: 60px;
display: flex;
justify-content: center;
flex-wrap: wrap;
border-bottom: 1px solid #d3d3d3;
font-family: "Josefin Sans", sans-serif;
}
.post-number-single a {
display: inline-block;
color: #000;
}
.post-number-single a.next {
margin-top: 0;
}
.post-number-single a.next::before {
content: "";
background: url(//www.keyaki-kameari.com/wp-content/themes/keyaki-kameari.com/images/share/icon_arrow_post_left.svg) no-repeat center/contain;
display: inline-block;
margin-right: 15px;
width: 30px;
height: 30px;
}
.post-number-single a.prev {
margin-top: 0;
}
.post-number-single a.prev::after {
content: "";
background: url(//www.keyaki-kameari.com/wp-content/themes/keyaki-kameari.com/images/share/icon_arrow_post_right.svg) no-repeat center/contain;
display: inline-block;
margin-left: 15px;
width: 30px;
height: 30px;
}
.post-number-single a:hover {
opacity: 0.5;
}
@media screen and (max-width: 800px) and (min-width: 0px) { .list-top-news01 .list-item {
display: block;
padding-bottom: 15px;
}
.list-top-news01 .list-item:not(:last-child) {
margin-bottom: 15px;
}
.list-top-news01 time {
margin-right: 0;
}
.list-top-news01 .list-txt {
width: 100%;
}
.list-top-news02 {
display: block;
}
.list-top-news02 li {
width: 100%;
}
.list-top-news02 li:first-child {
margin-right: 0;
margin-bottom: 10px;
}
.list-top-news02 .list-img {
width: 80px;
}
.list-top-news02 .list-img img {
width: 80px;
height: 80px;
}
.list-top-news02 .list-txt {
margin-bottom: 5px;
}
.list-top-news02 .post-category01 {
font-size: 12px;
padding: 3px 5px;
}
.list-top-news02 .post-category01 span:not(:last-child) {
padding-right: 15px;
}
.list-top-news02 .post-category01 span:not(:last-child)::before {
right: 2px;
} .list-top-blog {
flex-wrap: wrap;
margin-bottom: 40px;
}
.list-top-blog .list-item {
width: calc(50% - 10px);
}
.list-top-blog .list-item:not(:last-child) {
margin-right: 0;
}
.list-top-blog .list-item:not(:nth-child(2n)) {
margin-right: 20px;
}
.list-top-blog .list-item:nth-child(n+3) {
margin-top: 20px;
}
.list-top-blog .list-img img {
height: 120px;
}
.list-top-blog time {
font-size: 13px;
} .list-post-type01 .list-item:not(:last-child) {
margin-bottom: 60px;
}
.list-post-type03 {
display: block;
}
.list-post-type03 .list-item + .list-item + .list-item + .list-item {
margin-top: 40px;
}
.list-post-type03 .list-item + .list-item {
margin-top: 40px;
}
.list-post-type03 .list-item {
width: 100%;
}
.list-post-type03 .list-item:not(:nth-child(3n)) {
margin-right: 0;
}
.post-layout {
display: block;
}
.post-layout .post-img {
width: 100%;
margin-right: 0;
margin-bottom: 20px;
}
.post-layout .post-desc {
width: 100%;
}   .post-number {
margin-top: 60px;
}
.select-wrap {
grid-template-columns: 1fr;
grid-gap: 20px;
margin-bottom: 50px;
}
.select-wrap .select-area {
margin-bottom: 0;
}
.post-data {
display: block;
}
.post-data .post-category01 {
margin-left: 0;
margin-top: 5px;
}
.post-category01 {
word-break: break-all;
}
} .clearfix:after {
clear: both;
content: "";
display: block;
}
.pc-only {
display: block;
}
.sp-only {
display: none;
}
.fade {
transition: 0.5s;
}
.fade:hover {
opacity: 0.5;
}
.fs11 {
font-size: 11px;
}
.bold, strong {
font-weight: bold;
}
.underline {
text-decoration: underline;
}
.tal {
text-align: left;
}
.tac {
text-align: center;
}
.tar {
text-align: right;
}
.txt-green {
color: #0E8F3B;
}
.txt-link {
text-decoration: underline;
color: #5F9A41;
}
.txt-link:hover {
text-decoration: none;
}
.txt-note {
font-size: 13px;
}
.txt-marker span {
background: linear-gradient(transparent 65%, #FADDAF 65%);
}
.txt-marker .large {
font-size: 30px;
}
.txt-marker .small {
font-size: 20px;
}
.m-auto {
margin: 0 auto;
}
.mb20 {
margin-bottom: 20px;
}
.mb30 {
margin-bottom: 30px;
}
.mb60 {
margin-bottom: 60px;
}
.mt10 {
margin-top: 10px;
}
@media screen and (max-width: 800px) and (min-width: 0px) {  body {
font-size: 15px;
line-height: 1.8;
}
.container {
margin: 0 auto;
max-width: 90%;
width: 90%;
} .header {
padding: 15px 20px;
}
.header-inr {
display: block;
}
.header .h-logo {
width: 173px;
}
.header .h-right {
display: none;
} .pc-navi {
display: none;
}
.sp-navi {
display: block;  }
.sp-navi .sp-navi-btns {
background: rgba(0, 0, 0, 0.38);
position: fixed;
display: flex;
bottom: 0;
left: 0;
width: 100%;
height: 63px;
z-index: 10000;
padding: 5px;
}
.sp-navi .sp-navi-btns .item {
width: 126px;
text-align: center;
position: relative;
background: #fff;
border-radius: 5px;
padding: 8px 0 5px;
}
.sp-navi .sp-navi-btns .item:nth-child(1) {
border: 1px solid #5F9A41;
margin-right: 5px;
}
.sp-navi .sp-navi-btns .item:nth-child(2) {
border: 1px solid #06C755;
margin-right: 5px;
}
.sp-navi .sp-navi-btns .item:nth-child(3) {
border: 1px solid #DEA64E;
}
.sp-navi .sp-navi-btns .txt {
font-family: "FOT-筑紫明朝 Pr6 M";
font-size: 11px;
}
.sp-navi .sp-navi-btns .sp-tel {
font-weight: bold;
display: inline-block;
font-size: 11px;
}
.sp-navi .sp-navi-btns .sp-tel img {
margin-right: 3px;
}
.sp-navi .sp-navi-btns .sp-line {
display: inline-flex;
align-items: center;
justify-content: center;
text-align: center;
line-height: 1;
min-height: 23px;
min-width: 93px;
border-radius: 30px;
background: #06C755;
color: #fff;
padding: 3px 10px;
font-size: 11px;
}
.sp-navi .sp-navi-btns .sp-line img {
line-height: 1;
margin-right: 3px;
}
.sp-navi .sp-navi-btns .item a {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
height: 100%;
}
.sp-navi .sp-navi-btns .ttl {
display: block;
font-family: "FOT-筑紫明朝 Pr6 M";
font-size: 12px;
line-height: 1.25;
text-align: center;
}
.sp-navi .sp-navi-contents {
visibility: hidden;
background: #fff;
padding: 50px 25px 100px;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
transition: 0.3s;
opacity: 0;
z-index: 9999;
}
.sp-navi .sp-navi-contents.is-open {
visibility: visible;
overflow-y: auto;
opacity: 1;
}
.sp-navi .sp-navi-list {
display: block;
}
.sp-navi .sp-navi-list .item {
width: 100%;
position: relative;
transition: 0.3s;
border-bottom: 1px solid #ddd;
}
.sp-navi .sp-navi-list .item .item-link {
display: block;
position: relative;
padding: 15px 0;
font-family: "FOT-筑紫明朝 Pr6 M";
line-height: 1;
font-size: 15px;
}
.sp-navi .sp-dropdown .item-link {
margin-right: 60px;
}
.sp-navi .sp-dropdown:after {
content: "";
display: block;
position: absolute;
top: 18px;
right: 10px;
width: 0;
height: 0;
border-style: solid;
border-width: 10px 10px 0 10px;
border-color: #5F9A41 transparent transparent transparent;
transition: all 0.3s;
cursor: pointer;
}
.sp-navi .sp-dropdown.is-on::after {
transform: rotate(180deg);
}
.sp-navi .sp-dropdown .sp-navi-child {
padding: 5px 0 20px;
width: 100%;
}
.sp-navi .sp-dropdown .sp-navi-child li {
padding-left: 10px;
line-height: 1.6;
font-family: "FOT-筑紫明朝 Pr6 M";
font-size: 14px;
margin-bottom: 10px;
position: relative;
}
.sp-navi .sp-dropdown .sp-navi-child li:after {
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 3px 0 3px 3px;
border-color: transparent transparent transparent #5F9A41;
position: absolute;
top: 12px;
left: 0;
margin-top: -3px;
}
.humberger-box {
background: #5F9A41;
width: 53px;
height: 54px;
position: fixed;
top: 0;
right: 0;
z-index: 10000;
}
.humberger {
display: block;
height: 54px;
transition: 0.5s;
z-index: 150;
position: relative;
top: 0;
right: 0;
z-index: 9999;
}
.humberger span {
background: #fff;
position: absolute;
width: 21px;
height: 1px;
transition: 0.4s;
left: 50%;
transform: translateX(-50%);
}
.humberger span:nth-of-type(1) {
top: 35%;
}
.humberger span:nth-of-type(2) {
top: 50%;
}
.humberger span:nth-of-type(3) {
bottom: 34%;
}
.humberger.is-open span:nth-of-type(1) {
top: 50%;
transform: translateX(-50%) rotate(45deg);
}
.humberger.is-open span:nth-of-type(2) {
display: none;
}
.humberger.is-open span:nth-of-type(3) {
bottom: 48%;
transform: translateX(-50%) rotate(-45deg);
}
.fixed-menu {
display: none;
} .hero {
margin-bottom: 65px;
}
.hero::before {
z-index: -1;
width: 95%;
height: 70%;
bottom: -30px;
}
.hero-slider .slider-img {
border-radius: 5px 0 0 5px;
height: 300px;
margin-left: 5vw;
border-radius: 10px 0 0 10px;
margin-bottom: 15px;
}
.hero-desc {
width: 100%;
position: static;
}
.hero-ttl {
font-size: 29px;
display: inline-block;
line-height: 1.5;
margin-left: 5vw;
}
.hero-ttl .small {
font-size: 25px;
}
.hero-ttl .ttl-bg {
padding: 3px 3px 6px;
border-radius: 3px;
}
.hero-logo {
position: static;
display: inline-block;
} .t-ttl {
margin-bottom: 30px;
}
.t-ttl .en {
font-size: 28px;
padding: 0 30px;
margin-bottom: 5px;
}
.t-ttl .en::before, .t-ttl .en::after {
top: 12px;
width: 20px;
}
.t-ttl .jp {
font-size: 24px;
}
.sec01 {
margin-bottom: 50px;
margin-right: 0;
padding: 40px 0 50px;
}
.sec01-card {
grid-template-columns: repeat(1, 1fr);
grid-gap: 30px;
}
.sec01-card .l-item {
margin-top: 23px;
padding: 30px 15px;
}
.sec01-card .l-num {
left: 15px;
font-size: 24px;
top: -23px;
}
.sec01-card .l-num .num {
font-size: 30px;
}
.sec01-card .l-ttl {
font-size: 20px;
margin-bottom: 10px;
}
.sec02 {
margin-bottom: 50px;
}
.sec02-layout {
display: block;
}
.sec02 .btn-more {
width: 100%;
margin-top: 30px;
}
.sec02-t-ttl {
margin-bottom: 20px;
}
.sec02-t-ttl .en {
font-size: 25px;
padding-right: 30px;
margin-bottom: 5px;
}
.sec02-t-ttl .en::before {
top: 12px;
width: 20px;
}
.sec02-t-ttl .jp {
font-size: 22px;
}
.sec03 {
margin-bottom: 50px;
}
.sec03-bg {
padding: 50px 0;
}
.sec03-card {
grid-template-columns: repeat(2, 1fr);
grid-gap: 15px;
}
.sec03-card a {
padding: 15px 10px 20px;
}
.sec03-card .card-img {
margin-bottom: 10px;
}
.sec03-card .card-img img {
width: 80px;
height: 80px;
}
.sec03-card .card-ttl {
font-size: 16px;
}
.sec04 {
margin-bottom: 50px;
}
.sec04-ttl {
margin-bottom: 20px;
}
.sec04-ttl .en {
font-size: 25px;
padding-right: 30px;
margin-bottom: 5px;
}
.sec04-ttl .en::before {
top: 10px;
width: 20px;
}
.sec04-ttl .jp {
font-size: 22px;
}
.sec04-layout {
display: block;
}
.sec04-layout .l-img {
width: 100%;
margin: 0 0 25px;
}
.sec04-layout .btn-more {
margin-top: 20px;
}
.sec05 {
padding: 50px 0;
margin-bottom: 50px;
}
.sec05-layout {
display: block;
}
.sec05-layout.mb80 {
margin-bottom: 40px;
}
.sec05-layout .l-img {
width: 100%;
margin: 0 0 25px;
}
.sec05-layout .num {
font-size: 22px;
margin-bottom: 7px;
}
.sec05-layout .num .small {
font-size: 25px;
}
.sec05-layout .l-ttl {
font-size: 20px;
margin-bottom: 15px;
}
.sec05-layout.reverse .l-img {
margin: 0 0 25px;
}
.sec05-layout.reverse.mb50 {
margin-bottom: 30px;
}
.sec06 {
margin-bottom: 50px;
}
.sec06-layout {
display: block;
}
.sec06-layout .l-img {
width: 100%;
margin: 0 0 25px;
}
.sec06-layout .l-ttl {
font-size: 22px;
margin-bottom: 15px;
}
.sec06-layout .btn-more {
margin-top: 30px;
}
.sec07 {
padding: 50px 0;
margin-bottom: 50px;
}
.sec07-card {
grid-template-columns: repeat(1, 1fr);
grid-gap: 30px;
margin-bottom: 30px;
}
.sec07-card .card-item {
padding: 20px 25px 30px;
}
.sec07-card .card-img {
width: 70px;
height: 70px;
}
.sec07-card .card-ttl {
font-size: 22px;
}
.sec07-card .card-wrap {
margin-bottom: 10px;
}
.sec08 {
margin-bottom: 50px;
}
.sec08-ttl {
margin-bottom: 20px;
}
.sec08-ttl .en {
font-size: 22px;
padding-right: 0;
margin-bottom: 5px;
white-space: normal;
}
.sec08-ttl .en::before {
top: 10px;
width: 20px;
right: -25px;
}
.sec08-ttl .jp {
font-size: 22px;
}
.sec08-layout {
display: block;
}
.sec08-layout .l-img {
width: 100%;
margin: 0 0 25px;
}
.sec08-layout .num {
font-size: 20px;
margin-bottom: 15px;
}
.sec08-layout .l-ttl {
font-size: 20px;
margin-bottom: 20px;
}
.sec08-layout .sub-ttl {
font-size: 20px;
margin-bottom: 20px;
}
.sec08-layout .btn-more {
margin-top: 30px;
}
.sec09 {
padding: 50px 0;
margin-bottom: 50px;
}
.sec09-list-top-blog {
margin-bottom: 40px;
}
.sec09-list-top-blog .list-item {
width: 90vw;
}
.sec09-list-top-blog .list-img img {
height: 220px;
}
.sec09 .slick-dots {
bottom: -25px;
}
.sec10 {
margin-bottom: 50px;
}
.sec11 {
padding: 40px 0 50px;
width: 100%;
margin: 60px auto 50px;
}
.sec11-en {
font-size: 32px;
top: -22px;
left: 5px;
}
.sec11-layout {
display: block;
margin-bottom: 30px;
}
.sec11-layout .l-ttl {
font-size: 25px;
margin-bottom: 20px;
}
.sec11-layout .l-img {
width: 100%;
margin: 0 0 15px;
}
.sec11-card {
grid-template-columns: repeat(1, 1fr);
grid-gap: 15px;
margin-bottom: 30px;
}
.sec11-card .card-item {
padding: 25px 15px 25px 20px;
font-size: 20px;
}
.sec11 .sec11-layout02 {
padding: 30px 25px;
}
.sec11 .ttl-wrap {
display: block;
}
.sec11 .sec11-ttl {
margin-bottom: 15px;
}
.sec11 .sec11-ttl .en {
font-size: 25px;
padding-right: 30px;
margin-bottom: 5px;
white-space: normal;
}
.sec11 .sec11-ttl .en::before {
top: 10px;
width: 20px;
right: 0;
}
.sec11 .sec11-ttl .jp {
font-size: 22px;
}
.sec11 .btn-more {
margin-top: 30px;
}
.sec12 iframe {
vertical-align: bottom;
height: 250px;
}
.sec12 .l-desc {
padding: 30px 25px;
position: static;
transform: translateY(0);
border-radius: 0;
}
.sec12-ttl {
margin-bottom: 15px;
}
.sec12-ttl .en {
font-size: 25px;
padding-right: 30px;
margin-bottom: 5px;
white-space: normal;
}
.sec12-ttl .en::before {
top: 10px;
width: 20px;
right: 0;
}
.sec12-ttl .jp {
font-size: 22px;
}
.sec12 .btn-more {
margin-top: 20px;
} .pagetop {
right: 6.5%;
bottom: 60px;
}
.pagetop span {
font-size: 13px;
padding-top: 30px;
}
.pagetop span::before {
height: 20px;
left: 60%;
}
.footer {
padding-bottom: 63px;
background: linear-gradient(180deg, #fff 0%, #fff 10%, #F4F8F2 10%, #F4F8F2 100%);
}
.footer-top {
display: block;
padding: 40px 0 30px;
margin-bottom: 40px;
}
.footer-top .top-wrap {
display: block;
margin-bottom: 30px;
}
.footer-top .top-item {
padding: 15px 20px;
}
.footer-top .top-item:first-child {
margin-right: 0;
margin-bottom: 10px;
}
.footer-top .item-ttl {
font-size: 16px;
}
.footer-top .guid-item + .guid-item {
margin-top: 15px;
}
.footer-top .t-ttl {
margin-bottom: 20px;
}
.footer-bottom {
margin-bottom: 30px;
}
.footer .f-bottom-wrap {
display: block;
margin-bottom: 30px;
}
.footer .f-logo {
margin: 0 auto 20px;
width: 200px;
}
.footer .f-navi {
display: block;
width: 100%;
}
.footer .f-navi-list li {
font-size: 13px;
}
.footer .f-navi-list li::before {
top: 10.5px;
}
.footer .f-navi-list.green:first-child {
margin-right: 0;
margin-bottom: 5px;
}
.footer .navi-ttl {
padding-left: 30px;
margin-bottom: 10px;
}
.footer .navi-ttl::before {
width: 20px;
top: 12.5px;
}
.footer .f-navi-item {
max-width: 100%;
margin-right: 0;
}
.footer .f-navi-item:first-child {
max-width: 100%;
margin-right: 0;
margin-bottom: 20px;
}
.footer .f-access {
margin-right: 0;
margin-bottom: 20px;
text-align: center;
}
.footer .copyright {
padding: 25px 0 15px;
text-align: center;
}
.footer .copyright .container {
display: block;
justify-content: space-between;
align-items: center;
}
.footer .copyright-links {
font-size: 0.8rem;
margin-bottom: 15px;
} .btn-more,
.btn-icon,
.btn-line {
width: 100%;
}
.btn-more.large {
width: 100%;
} .map {
height: 300px;
}
.tel {
font-size: 24px;
padding-left: 20px;
}
.tel:before {
width: 17px;
height: 22px;
}
.tel-wrap {
display: block;
text-align: center;
}
.tel-wrap .tel {
margin-top: 0;
margin-right: 0;
margin-bottom: 10px;
} .u-contents .sec03 {
margin-bottom: 80px;
}
.u-top-common {
padding-bottom: 60px;
margin-bottom: 20px;
}
.u-top-common-container {
width: 95%;
margin: 0 0 0 5vw;
padding: 100px 0;
}
.page-ttl {
font-size: 25px;
margin-right: 5vw;
line-height: 2;
}
.page-ttl span {
display: inline;
padding: 0 3px 2px;
}
.breadcrumb {
margin-bottom: 40px;
} .u-h2, .postdata h1, .post-category-ttl {
font-size: 24px;
margin-bottom: 40px;
}
.u-h2::before, .postdata h1::before, .post-category-ttl::before {
width: 40px;
}
.u-h3, .dl-privacy dt, .postdata h2, .post-ttl {
font-size: 22px;
margin-bottom: 20px;
padding-left: 33px;
}
.u-h3::before, .dl-privacy dt::before, .postdata h2::before, .post-ttl::before {
width: 25px;
top: 16px;
}
.u-h4, .u-slider03-ttl, .postdata h3 {
font-size: 20px;
margin-bottom: 10px;
}
.tall {
margin-bottom: 80px;
}
.tall.green {
padding: 50px 0;
margin-bottom: 60px;
}
.tall:last-child {
margin-bottom: 120px;
}
.tall:last-child.green {
margin-bottom: 80px;
}
.yellow-bg {
padding: 40px 0 50px;
width: 100%;
margin: 60px auto 50px;
}
.yellow-bg-en {
position: static;
font-size: 29px;
margin-bottom: 5px;
display: inline-block;
}
.l-style01 {
display: block;
}
.l-style01 .l-img {
width: 100%;
margin-bottom: 20px;
margin-right: 0;
}
.l-style01 .l-img.large {
margin: 0 auto 20px;
position: relative;
}
.l-style01 .l-desc {
width: 100%;
}
.l-style01 .l-ttl {
font-size: 22px;
margin-bottom: 15px;
}
.l-style01 .l-ttl .small {
font-size: 17px;
margin-bottom: 3px;
}
.l-style02 {
display: block;
}
.l-style02 .l-img {
width: 100%;
margin-bottom: 20px;
margin-left: 0;
}
.l-style02 .l-img.large {
margin: 0 auto 20px;
position: relative;
}
.l-style02 .l-ttl {
font-size: 22px;
margin-bottom: 15px;
}
.l-style02 .l-ttl .small {
font-size: 17px;
margin-bottom: 3px;
}
.l-style03 {
display: block;
}
.l-style03 .l-img {
width: 100%;
margin: 0 auto;
}
.l-style03 .l-img img {
border-radius: 10px 10px 0 0;
}
.l-style03 .l-desc {
padding: 30px 20px;
margin: auto;
border-radius: 0 0 10px 10px;
}
.l-style03 .num {
font-size: 25px;
margin-bottom: 5px;
}
.l-style03 .num .small {
font-size: 22px;
}
.l-style03 .l-ttl {
font-size: 22px;
margin-bottom: 15px;
}
.l-style03.reverse .l-desc {
padding: 30px 20px;
margin: auto;
border-radius: 0 0 10px 10px;
}
.l-style04 {
display: block;
margin-right: 0;
}
.l-style04 .l-img {
width: 100%;
margin: 0 auto;
}
.l-style04 .l-img img {
border-radius: 10px 10px 0 0;
}
.l-style04 .l-desc {
padding: 20px 20px 30px;
margin: auto;
border-radius: 0 0 10px 10px;
}
.l-style04 .price {
position: static;
padding: 10px;
font-size: 22px;
flex-direction: column;
margin-bottom: 20px;
display: block;
text-align: center;
}
.l-style04 .price .sp-block {
display: block;
margin-bottom: 10px;
}
.l-style04 .l-ttl {
font-size: 22px;
margin-bottom: 15px;
}
.l-style04 .l-ttl .small {
font-size: 17px;
margin-bottom: 3px;
}
.l-style04.reverse .l-desc {
padding: 30px 20px;
margin: auto;
border-radius: 0 0 10px 10px;
}
.guide-layout .l-img {
margin-bottom: 20px;
}
.guide-layout .l-desc {
grid-template-columns: 1fr;
grid-gap: 20px;
}
.guide-layout .l-ttl {
font-size: 20px;
}
.yellow-layout {
display: block;
}
.yellow-layout .l-img {
width: 100%;
margin-bottom: 20px;
margin-left: 0;
}
.yellow-layout .l-img.large {
margin: 0 auto 20px;
position: relative;
}
.yellow-layout .l-ttl {
font-size: 22px;
margin-bottom: 15px;
}
.yellow-layout .l-desc {
margin-right: 0;
}
.yellow-layout .sec11-en {
margin-bottom: 8px;
}
.under-news-layout {
grid-template-columns: 1fr;
grid-gap: 20px;
padding: 25px 30px;
}
.under-news-layout .l-ttl .en {
font-size: 25px;
padding-right: 30px;
margin-bottom: 5px;
}
.under-news-layout .l-ttl .en::before {
top: 12px;
width: 20px;
}
.under-news-layout .l-ttl .jp {
font-size: 22px;
}
.under-news-layout .btn-more {
width: 100%;
}
.under-news-layout .list-top-news01 {
margin-bottom: 10px;
}
.under-blog-layout {
margin-bottom: 40px;
}
.under-blog-layout .list-item {
width: 90vw;
}
.under-blog-layout .list-item:not(:last-child) {
margin-right: 0;
}
.under-blog-layout .list-img img {
height: 220px;
}
.under-blog-layout .slick-dots {
bottom: -25px;
}
.under-blog-layout .slick-prev {
left: -15px;
}
.under-blog-layout .slick-next {
right: -15px;
}
.fl-img01, .fl-img02 {
width: 100%;
float: none;
margin: 0 auto 20px;
}
.fl-img01.small, .fl-img02.small {
width: 100%;
}
.list-col1 .item:not(:last-child) {
margin-bottom: 60px;
}
.list-col1 .item--s:not(:last-child) {
margin-bottom: 40px;
}
.list-card .list-item {
padding: 20px 5px 25px;
}
.list-card .list-img img {
width: 70px;
height: 70px;
}
.list-card .list-ttl .txt01 {
font-size: 18px;
margin-bottom: 3px;
}
.list-card .list-ttl .txt02 {
font-size: 14px;
}
.list-card.col2, .list-card.col3, .list-card.col4 {
grid-template-columns: repeat(2, 1fr);
grid-gap: 15px;
}
.list-card02 > li {
padding: 25px 20px;
}
.list-card02 .list-ttl {
font-size: 18px;
}
.list-card02.col2, .list-card02.col3, .list-card02.col4 {
grid-template-columns: 1fr;
grid-gap: 20px;
}
.list-card-flow {
display: block;
}
.list-card-flow > li {
margin-bottom: 40px;
position: relative;
padding-top: 15px;
}
.list-card-flow > li::after {
border-style: solid;
border-width: 12px 0 12px 12px;
border-color: transparent transparent transparent #5F9A41;
position: absolute;
content: "";
right: 50%;
top: inherit;
bottom: -34px;
transform: translateX(50%) rotate(90deg);
}
.list-card-flow > li:last-child {
margin: 0;
}
.list-card-flow > li:last-child::after {
display: none;
}
.list-card-flow .list-img {
margin-bottom: 10px;
}
.list-card-flow .list-img::after {
display: none;
}
.list-card-flow .num {
left: 10px;
}
.list-card-flow.col3 {
grid-template-columns: 1fr;
grid-gap: 15px;
}
.list-card-flow.col3 > li::after {
right: 50%;
}
.list-card-flow.col4 {
grid-template-columns: 1fr;
grid-gap: 15px;
}
.list-card-flow.col4 > li::after {
right: 50%;
}
.list-disc.col2 {
display: block;
flex-wrap: wrap;
}
.list-disc.col2 li {
width: 100%;
}
.list-disc li::before {
top: 8px;
}
.list-disc.col2 li:nth-child(odd) {
margin-right: 0;
}
.list-disc.col3 li:not(:nth-child(3n)) {
margin-right: 0;
}
.list-disc.col4 li {
padding-right: 0;
}
.list-check.col2 {
display: block;
flex-wrap: wrap;
}
.list-check.col2 li {
width: 100%;
}
.list-check li::before {
top: 8px;
}
.list-check.col2 li:nth-child(odd) {
margin-right: 0;
}
.list-check.col3 li:not(:nth-child(3n)) {
margin-right: 0;
}
.list-check.col4 li {
padding-right: 0;
}
.list-anchor-link {
display: block;
}
.list-anchor-link li:not(:last-child):after {
display: none;
}
.list-anchor-link a {
padding: 0 0 0 25px;
}
.list-anchor-link a:before {
right: inherit;
left: 0;
}
.flow-type01 .l-item {
grid-template-columns: 1fr;
grid-gap: 20px;
}
.flow-type01 .l-item:not(:last-child) {
padding-bottom: 30px;
}
.flow-type01 .l-item:not(:last-child)::before {
display: none;
}
.flow-type01 .l-item:last-child {
padding-bottom: 0;
}
.flow-type01 .en {
width: 70px;
height: 40px;
font-size: 15px;
margin-bottom: 8px;
}
.flow-type01 .en .num {
font-size: 16px;
}
.flow-type01 .l-ttl {
font-size: 20px;
margin-bottom: 0;
}
.flow-type01 .flow-desc {
padding-top: 0;
}
.flow-type01 .flow-desc > .tel-box {
width: 100%;
}
.staff-layout {
display: block;
}
.staff-layout .l-img img {
border-radius: 10px 10px 0 0;
}
.staff-layout .l-desc {
display: block;
padding: 30px 20px;
margin: auto;
border-radius: 0 0 10px 10px;
}
.staff-layout .job {
font-size: 18px;
}
.staff-layout .name {
margin-bottom: 20px;
}
.staff-layout .jp {
font-size: 22px;
}
.staff-layout .jp .small {
font-size: 16px;
margin-right: 10px;
}
.staff-layout .en {
font-size: 14px;
}
.staff-layout .l-ttl {
font-size: 24px;
margin-bottom: 8px;
}
.dl-faq01 dt .txt {
font-size: 16px;
}
.dl-faq01 dt::before {
width: 20px;
height: 20px;
}
.dl-faq01 dd {
margin-bottom: 30px;
}
.dl-faq01 .icon {
font-size: 15px;
width: 30px;
height: 30px;
line-height: 33px;
margin: 0 10px 0 0;
}
.dl-style01 {
display: block;
padding: 25px 20px;
}
.dl-style01 dt {
font-size: 18px;
padding-right: 0;
padding-bottom: 10px;
margin-bottom: 15px;
width: 100%;
text-align: center;
}
.dl-style01 dt::before {
top: auto;
bottom: 0;
right: auto;
left: 50%;
height: 1px;
width: 100%;
transform: translate(-50%, 0);
}
.dl-style01 dd {
width: 100%;
margin-left: 0;
}
.dl-style02 {
padding-bottom: 15px;
margin-bottom: 15px;
font-size: 15px;
}
.dl-style02 dt {
width: 25%;
}
.dl-style02 dd {
width: 75%;
}
.dl-privacy dt {
line-height: 1.4;
}
.table-style01 th {
width: 100%;
display: block;
padding: 10px 15px;
text-align: left;
}
.table-style01 td {
width: 100%;
display: block;
padding: 10px 15px;
}
.box-style01 {
padding: 25px 20px;
}
.box-style01 .box-ttl {
font-size: 18px;
}
.box-style02 {
padding: 25px 20px;
}
.box-style03 {
padding: 35px 20px 25px;
}
.box-style03 .box-ttl {
left: 15px;
}
.u-slider03-img {
padding: 0 10px;
}
.u-slider03-desc {
padding: 0 10px;
}
.u-slider03 .slick-prev {
left: -15px;
}
.u-slider03 .slick-next {
right: -15px;
} .tab-item {
font-size: 12px;
padding: 5px;
width: 30%;
}
.tel-layout {
padding: 25px;
}
.tel-layout .ttl {
display: block;
font-size: 16px;
padding-bottom: 10px;
margin-bottom: 20px;
}
.tel-layout .wrapper {
grid-template-columns: 1fr;
grid-gap: 15px;
}
.tel-layout .wrapper p {
text-align: left;
} h1, h2, h3, h4, h5, h6 {
line-height: 1.4;
} .pc-only {
display: none;
}
.sp-only {
display: block;
}
.sp-tac {
text-align: center !important;
}
.sp-tar {
text-align: right !important;
}
.sp-tal {
text-align: left !important;
}
.tac {
text-align: left;
}
.tar {
text-align: left;
}
.mbL {
margin-bottom: 30px !important;
}
.sp-map {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.sp-map iframe,
.sp-map object,
.sp-map embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}  .slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
overflow: hidden;
display: block;
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;
left: 0;
top: 0;
display: block;
}
.slick-track:before,
.slick-track:after {
content: "";
display: table;
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
display: none;
text-align: center;
}
[dir=rtl] .slick-slide {
float: right;
}
.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-prev,
.slick-next {
border: none;
background: transparent;
cursor: pointer;
color: transparent;
}
.slick-prev,
.slick-next {
display: block;
position: absolute;
top: 50%;
width: 40px;
height: 40px;
transition: 0.5s;
z-index: 10;
background: url(//www.keyaki-kameari.com/wp-content/themes/keyaki-kameari.com/images/share/arrow-left.svg) center/contain no-repeat;
}
.slick-prev:focus,
.slick-next:focus {
outline: 0;
}
.slick-prev:hover,
.slick-next:hover {
opacity: 0.5;
}
.slick-prev {
left: -65px;
transform: translateY(-50%);
}
.slick-next {
right: -65px;
transform: translateY(-50%) scale(-1, 1);
}
.slick-dots {
display: block;
list-style: none;
line-height: 0;
padding: 0;
text-align: center;
width: 100%;
position: absolute;
bottom: 0;
}
.slick-dots li {
position: relative;
display: inline-block;
cursor: pointer;
}
.slick-dots li + li {
margin-left: 10px;
}
.slick-dots li button {
display: block;
background: #CDDDC5;
border-radius: 50%;
border: 0;
cursor: pointer;
color: transparent;
width: 6px;
height: 6px;
outline: none;
transition: 0.5s;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
background: #5F9A41;
}
.slick-dots li.slick-active button {
background: #5F9A41;
width: 8px;
height: 8px;
transform: translateY(-1px);
}
@media screen and (max-width: 800px) and (min-width: 0px) {
.slick-prev,
.slick-next {
display: block;
position: absolute;
width: 30px;
height: 30px;
}
.slick-prev {
left: -15px;
}
.slick-next {
right: -15px;
}
}