@charset "UTF-8";
@charset "UTF-8";
@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, 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');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-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-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-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-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}: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:.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-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.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(.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(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(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-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-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,.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%;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%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}


.p-about .l-headerPc nav ul .nav-about {
background: var(--green2);
}
.p-aboutImg1 {
max-width: 240px
}
@media(max-width: 768px) {
.p-aboutImg1 {
max-width: 240px
}
}
.p-aboutImg2 {
max-width: 500px;
}
.p-aboutImg3 {
max-width: 500px;
}
.p-aboutImg4 {
max-width: 680px;
}
.p-lp_sectionA{
position:relative;
display: flex;
justify-content: center;
margin:0;
padding:0;
}
.p-lp_sectionA_swipper {
position:absolute;
left: 50%;
right: 50%;
transform: translate(-50%, -50%);
width:85%;
bottom: -10px;
overflow:hidden;
}
.p-lp_sectionB{
width:90%;
margin:0 auto 30px
}
@media(max-width: 414px) {
.p-lp_sectionB{
width:100%;
margin:0 auto
}
}
.p-lp_sectionC{
display:flex;
flex-direction:column;
align-items:center;
width:90%;
margin:0 auto -30px
}
@media(max-width: 414px) {
.p-lp_sectionC{
width: calc(100% - 30px);
margin:0 15px -100px
}
}
.p-lp_sectionC iframe {
max-width: 100% !important;
display: flex;
flex-direction: column;
}
.p-lp_btn1{
width:45%
}
@media(max-width: 414px){
.p-lp_btn1{
width:80%
}  
}
.p-lp_btn1_box {
width: 100%;
position: absolute;
bottom: 5.3%;
display: flex;
justify-content: center;
align-items: center
}
@media(max-width: 414px){
.p-lp_btn1_box {
bottom: 4.8%
}
}
.p-lp_btn2{
width:45%
}
@media(max-width: 414px){
.p-lp_btn2{
width:100%
}
}
.p-lp_btn2_box {
width: 90%;
position: absolute;
bottom: 41%;
right: -17%;
display: flex;
justify-content: center;
align-items: center
}
@media(max-width: 414px){
.p-lp_btn2_box {
width: 85%;
position: absolute;
bottom: 26%;
right: 7.5%;
display: flex;
justify-content: center;
align-items: center
}
}
.p-lp_btn3{
width:45%
}
@media(max-width: 414px){
.p-lp_btn3{
width:100%
}
}
.p-lp_btn3_box {
width: 90%;
position: absolute;
bottom: 12%;
right: -17%;
display: flex;
justify-content: center;
align-items: center
}
@media(max-width: 414px){
.p-lp_btn3_box {
width: 85%;
position: absolute;
bottom: 8%;
right: 7.5%;
display: flex;
justify-content: center;
align-items: center
}
}
.p-lp_btn4{
width:48%
}
@media(max-width: 414px){
.p-lp_btn4{
width:100%
}
}
.p-lp_btn4_box {
width: 100%;
position: absolute;
bottom: 29%;
right: -17%;
display: flex;
justify-content: center;
align-items: center
}
@media(max-width: 414px){
.p-lp_btn4_box {
width: 85%;
position: absolute;
bottom: 15%;
right: 7.5%;
display: flex;
justify-content: center;
align-items: center
}
}
.p-lp_btn5{
width:52%
}
@media(max-width: 414px){
.p-lp_btn5{
width:100%
}
}
.p-lp_btn5_box {
width: 100%;
position: absolute;
bottom: 29%;
right: -13%;
display: flex;
justify-content: center;
align-items: center
}
@media(max-width: 414px){
.p-lp_btn5_box {
width: 85%;
position: absolute;
bottom: 14%;
right: 7.5%;
display: flex;
justify-content: center;
align-items: center
}
}
@font-face {
font-family: 'icomoon';
src: url(https://satojs.web.fc2.com/common/css/fonts/icomoon.eot?bqqfe8);
src: url(https://satojs.web.fc2.com/common/css/fonts/icomoon.eot?bqqfe8#iefix) format('embedded-opentype'), url(https://satojs.web.fc2.com/common/css/fonts/icomoon.ttf?bqqfe8) format('truetype'), url(https://satojs.web.fc2.com/common/css/fonts/icomoon.woff?bqqfe8) format('woff'), url(https://satojs.web.fc2.com/common/css/fonts/icomoon.svg?bqqfe8#icomoon) format('svg');
font-weight: normal;
font-style: normal;
font-display: block;
}
[class^="icon-"],
[class*=" icon-"] { font-family: 'icomoon' !important;
speak: never;
font-style: normal;
font-weight: normal;
font-feature-settings: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-arrow:before {
content: "\e902";
}
.icon-cart:before {
content: "\e900";
}
.icon-search:before {
content: "\e901";
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
}
* {
box-sizing: border-box;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: inherit;
line-height: inherit;
margin: 0;
padding: 0;
}
p {
line-height: 2;
}
ul,
ol {
list-style-type: none;
}
html {
height: 100%;
-webkit-text-size-adjust: none;
-moz-text-size-adjust: none;
text-size-adjust: none;
font-size: 62.5%;
}
body {
min-height: 100%;
font-family: "Noto Sans JP", sans-serif, "M PLUS Rounded 1c", "メイリオ", Meiryo, "ヒラギノ角ゴ ProN";
font-family: "Noto Sans JP"
,
sans-serif
,
"M PLUS Rounded 1c"
,
"メイリオ"
,
Meiryo
,
"ヒラギノ角ゴ ProN";
font-family: var(--font-family--gothic3);
font-size: 1.4rem;
line-height: 1.6;
color: #373737;
color: #373737;
color: var(--gray3);
text-rendering: auto;
-webkit-font-smoothing: antialiased;
tap-highlight-color: rgba(0, 0, 0, 0);
background: var(--gray1);
width: 100%;
margin: 0 auto;
}
a {
color: var(--blue2);
text-decoration: none
}
a:not(.u-nofade) {
transition: opacity 0.3s linear;
opacity: 1
}
a:not(.u-nofade):hover {
opacity: 0.8;
color: var(--green3);
}
a:focus,
a:hover {
color: var(--blue);
text-decoration: inherit;
}
img {
max-width: 100%;
height: auto;
}
::-moz-placeholder {
color: #373737;
color: #373737;
color: var(--gray3);
opacity: 0.5;
}
:-ms-input-placeholder {
color: #373737;
color: #373737;
color: var(--gray3);
opacity: 0.5;
}
::placeholder {
color: #373737;
color: #373737;
color: var(--gray3);
opacity: 0.5;
}
textarea {
line-height: 1.8;
}
input[type="submit"],
input[type="button"] {
border-radius: 0;
-webkit-box-sizing: content-box;
-webkit-appearance: button;
-moz-appearance: button;
appearance: button;
border: none;
box-sizing: border-box
}
input[type="submit"]::-webkit-search-decoration, input[type="button"]::-webkit-search-decoration {
display: none;
}
input[type="submit"]::focus, input[type="button"]::focus {
outline-offset: -2px;
}  span.btn.btn_style02 input {
border: none;
background: none;
padding: 0;
}
.keni-gnav_inner li {
font-size: 1.8rem !important
}
@media(max-width: 768px){
.keni-gnav_inner li {
font-size: 1.4rem !important
}
}
.u-color--red {
color: var(--red1);
}
.u-color--blue {
color: var(--blue1);
}
.u-color--gray {
color: var(--gray1);
}
.u-color--black {
color: var(--black1);
}
:root {
--black: #000000;
--white: #ffffff;
--gray: #eeeeee;
--gray2: #E8E8E8;
--gray3: #373737;
--gray4: #F5F5F5;
--green: #05A5AB;
--red: #D60000;
}
:root { --font-family--gothic1: "メイリオ", Meiryo, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック体", "游ゴシック Medium", "Yu Gothic Medium", YuGothic, "MS PGothic", "ＭＳ Ｐゴシック", sans-serif; --font-family--gothic2: -apple-system, BlinkMacSystemFont, "Helvetica Neue", HelveticaNeue, "Segoe UI", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; --font-family--gothic3: "Noto Sans JP", sans-serif, "M PLUS Rounded 1c", "メイリオ", Meiryo, "ヒラギノ角ゴ ProN"; --font-family--mincho: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif; --font-family--mono1: MeiryoKe_Gothic, "Ricty Diminished", "Courier New", Courier, Monaco, Menlo, Consolas, "Lucida Console", "Osaka－等幅", "Osaka-等幅", Osaka-mono, "ＭＳ ゴシック", "MS Gothic", monospace; --font-family--mono2: MeiryoKe_Gothic, "Ricty Diminished", "Osaka－等幅", "Osaka-等幅", Osaka-mono, "ＭＳ ゴシック", "MS Gothic", "Courier New", Courier, Monaco, Menlo, Consolas, "Lucida Console", monospace;
--fs--xl: 2.4rem;
--fs--lg: 1.8rem;
--fs--md: 1.4rem;
--fs--sm: 1.2rem;
--fs--xs: 1.0rem;
}
.f-body {
background: #eeeeee;
background: #eeeeee;
background: var(--gray);
}
.f-body_lp {
background: url(//e-kakeizu.com/wp/wp-content/themes/keni80_child/lps/common/images/newlp_background1.png);
}
.f-wrap {
width: 1200px;
background: #ffffff;
background: #ffffff;
background: var(--white);
margin: 0 auto;
box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1);
overflow: hidden
}
@media(max-width: 414px) {
.f-wrap {
width: 100%
}
}
.f-wrap_lp {
width: 900px;
background: #ffffff;
background: #ffffff;
background: var(--white);
margin: 0 auto;
box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1);
overflow: hidden
}
@media(max-width: 992px) {
.f-wrap_lp {
width: 100%
}
}
.f-header {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center
}
@media(max-width: 414px) {
.f-header {
padding: 20px 10px;
}
.f-header a {
line-height: 0;
}
}
.f-header h1 {
display: flex;
align-items: center
}
@media(max-width: 414px) {
.f-header h1 {
width: calc(100% - 50px)
}
}
.f-header h2 {
font-size: 1.6rem;
font-weight: normal
}
@media(max-width: 414px) {
.f-header h2 {
display: none
}
}
.f-nav {
position: relative
}
@media(max-width: 414px) {
.f-nav {
display: none
}
}
.f-nav ul {
display: flex;
justify-content: center;
background: var(--green3);
}
.f-nav ul li {
display: flex;
justify-content: center;
align-items: center;
}
.f-nav ul li a {
line-height: 1.8;
padding: 10px 20px;
color: #ffffff;
color: #ffffff;
color: var(--white);
background: var(--green3)
}
.f-nav ul li a:hover {
background: var(--green2);
color: #ffffff;
color: #ffffff;
color: var(--white);
} .f-nav .f-nav_menu .f-nav_menu_child {
width: 100%;
position: absolute;
top: 100%;
left: 0;
padding: 30px;
color: #ffffff;
color: #ffffff;
color: var(--white);
background: var(--green2);
visibility: hidden;
}
.f-nav .f-nav_menu .f-nav_menu_child a:hover {
color: #ffffff;
color: #ffffff;
color: var(--white);
}
.f-nav .f-nav_menu:hover >a {
background: var(--green2);
transition: all .2s
}
.f-nav .f-nav_menu:hover >a:hover {
background: var(--green2);
}
.f-nav .f-nav_menu:hover .f-nav_menu_child {
visibility: visible;
display: flex;
flex-wrap: wrap;
align-items: flex-start;
justify-content: flex-start;
z-index: 2
}
.f-nav .f-nav_menu:hover .f-nav_menu_child>li {
margin: 5px
}
.f-nav .f-nav_menu:hover .f-nav_menu_child>li>a {
padding: 5px 10px;
display: flex;
align-items: center;
background-position: right;
background: var(--green2)
}
.f-nav .f-nav_menu:hover .f-nav_menu_child>li>a:before {
content: "";
display: block;
width: 20px;
height: 20px;
background: url(//e-kakeizu.com/common/images/icon_13.png) no-repeat;
margin-right: 5px;
}
.f-nav .f-nav_menu:hover .f-nav_menu_child>li>a:hover {
background: var(--green3);
border-radius: 5px;
opacity: 1;
}
@media(max-width: 414px) {
.f-main {
overflow: hidden
}
} .p-index .f-nav_index a {
background: var(--green2);
}
.p-haiki .f-nav_haiki a {
background: var(--green2);
}
.p-company .f-nav_company a {
background: var(--green2);
}
.p-jyouhou .f-nav_jyouhou a {
background: var(--green2);
}
.p-contact .f-nav_contact a {
background: var(--green2);
}
.f-footer_top {
display: flex;
}
.f-footer_menu {
background: var(--green2);
color: #ffffff;
color: #ffffff;
color: var(--white);
}
.f-footer_menu >ul {
padding-top: 40px;
padding-bottom: 20px;
display: flex;
flex-wrap: wrap;
justify-content: space-around;
margin: 0px 20px
}
@media(max-width: 414px) {
.f-footer_menu >ul {
flex-direction: column
}
}
.f-footer_menu >ul >li {
margin: 20px 20px;
width: 20%
}
@media(max-width: 414px) {
.f-footer_menu >ul >li {
margin: 20px 0;
width: 100%
}
}
.f-footer_menu >ul >li div {
color: #ffffff;
color: #ffffff;
color: var(--white);
border-bottom: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
border-bottom: 1px solid var(--white);
font-size: 1.6rem;
padding-bottom: 5px;
margin-bottom: 20px
}
@media(max-width: 414px) {
.f-footer_menu >ul >li div {
font-size: 2.4rem
}
}
.f-footer_menu >ul >li ul li {
margin-bottom: 15px;
}
.f-footer_menu >ul >li ul li a {
display: flex;
color: #ffffff;
color: #ffffff;
color: var(--white)
}
@media(max-width: 414px) {
.f-footer_menu >ul >li ul li a {
font-size: 1.8rem
}
}
.f-footer_menu >ul >li ul li a:before {
content: "";
display: block;
width: 20px;
height: 20px;
background: url(//e-kakeizu.com/common/images/icon_7.png) no-repeat
}
@media(max-width: 414px) {
.f-footer_menu >ul >li ul li a:before {
margin-top: 3px
}
}
.f-footer_menu >ul >li ul li a:hover {
color: #ffffff;
color: #ffffff;
color: var(--white);
}
.f-footer_submenu ul {
display: flex;
justify-content: center;
align-items: center;
background: #eeeeee;
background: #eeeeee;
background: var(--gray)
}
@media(max-width: 414px) {
.f-footer_submenu ul {
flex-direction: column;
align-items: flex-start;
padding: 15px 0
}
}
.f-footer_submenu ul li {
display: flex;
}
.f-footer_submenu ul li a {
padding: 10px 20px;
line-height: 1.5
}
@media(max-width: 414px) {
.f-footer_submenu ul li a {
font-size: 1.8rem;
width: 100%;
padding-left: 20px;
display: flex
}
.f-footer_submenu ul li a:before {
content: "";
display: block;
background: url(//e-kakeizu.com/common/images/icon_7.png) no-repeat;
width: 20px;
height: 20px;
margin-top: 3px;
}
}
.f-footer_bottom {
display: flex;
justify-content: center;
padding: 10px;
background: var(--green3);
color: #ffffff;
color: #ffffff;
color: var(--white)
}
@media(max-width: 414px) {
.f-footer_bottom {
padding: 20px
}
}
.f-wrap_sub {
width: 1200px;
padding: 50px 40px;
background: #ffffff;
background: #ffffff;
background: var(--white);
margin: 0 auto;
display: flex;
justify-content: space-between;
flex-wrap: wrap
}
@media(max-width: 414px) {
.f-wrap_sub {
width: 100%;
padding: 20px;
flex-direction: column
}
}
.f-aside_sub {
width: 300px;
border-radius: 8px;
margin-right: 40px;
margin-bottom: 30px
}
@media(max-width: 414px) {
.f-aside_sub {
width: 100%;
margin-right: 0
}
}
.f-aside_sub_sticky {
background: #ffffff;
background: #ffffff;
background: var(--white);
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
border-radius: 8px;
top: 20px;
position: -webkit-sticky;
position: sticky;
}
.f-aside_sub_sticky h2 {
display: flex;
justify-content: space-between;
font-size: 2.3rem;
font-weight: normal;
padding: 15px 20px;
line-height: 1.8;
height: 66px;
}
.f-aside_sub_list {
padding-bottom: 20px
}
@media(max-width: 414px) {
.f-aside_sub_list {
display: none
}
}
.f-aside_sub_list.b-open {
display: block;
}
.f-aside_sub_list li {
display: flex;
}
.f-aside_sub_list li a {
padding: 14px 20px 10px;
font-size: 1.6rem;
line-height: 1.6;
width: 100%
}
.f-aside_sub_list li a:hover {
background: var(--green2);
color: #ffffff;
color: #ffffff;
color: var(--white);
}
.f-aside_sub_list_active {
background: var(--green3);
color: #ffffff;
color: #ffffff;
color: var(--white);
}
.f-main_sub {
width: calc(100% - 340px)
}
@media(max-width: 414px) {
.f-main_sub {
width: 100%
}
}
.m-mt5 {
margin-top: 5px;
}
.m-mt10 {
margin-top: 10px;
}
.m-mt15 {
margin-top: 15px;
}
.m-mt20 {
margin-top: 20px;
}
.m-mt25 {
margin-top: 25px;
}
.m-mt30 {
margin-top: 30px;
}
.m-mt35 {
margin-top: 35px;
}
.m-mt40 {
margin-top: 40px;
}
.m-mt50 {
margin-top: 50px;
}
.m-mt60 {
margin-top: 60px;
}
.m-mt70 {
margin-top: 70px;
}
.m-mb5 {
margin-bottom: 5px;
}
.m-mb10 {
margin-bottom: 10px;
}
.m-mb15 {
margin-bottom: 15px;
}
.m-mb20 {
margin-bottom: 20px;
}
.m-mb25 {
margin-bottom: 25px;
}
.m-mb30 {
margin-bottom: 30px;
}
.m-mb35 {
margin-bottom: 35px;
}
.m-mb40 {
margin-bottom: 40px;
}
.m-mb50 {
margin-bottom: 50px;
}
.m-mb60 {
margin-bottom: 60px;
}
.m-mb70 {
margin-bottom: 70px;
}
.m-ml5 {
margin-left: 5px;
}
.m-ml10 {
margin-left: 10px;
}
.m-ml15 {
margin-left: 15px;
}
.m-ml20 {
margin-left: 20px;
}
.m-ml25 {
margin-left: 25px;
}
.m-ml30 {
margin-left: 30px;
}
.m-ml35 {
margin-left: 35px;
}
.m-ml40 {
margin-left: 40px;
}
.m-ml50 {
margin-left: 50px;
}
.m-ml60 {
margin-left: 60px;
}
.m-ml70 {
margin-left: 70px;
}
.m-mr5 {
margin-right: 5px;
}
.m-mr10 {
margin-right: 10px;
}
.m-mr15 {
margin-right: 15px;
}
.m-mr20 {
margin-right: 20px;
}
.m-mr25 {
margin-right: 25px;
}
.m-mr30 {
margin-right: 30px;
}
.m-mr35 {
margin-right: 35px;
}
.m-mr40 {
margin-right: 40px;
}
.m-mr50 {
margin-right: 50px;
}
.m-mr60 {
margin-right: 60px;
}
.m-mr70 {
margin-right: 70px;
}
.m-m5 {
margin: 5px;
}
.m-m10 {
margin: 10px;
}
.m-m20 {
margin: 20px;
}
.m-m30 {
margin: 30px;
}
.m-m40 {
margin: 40px;
}
.m-m50 {
margin: 50px;
}
.p-pt5 {
padding-top: 5px;
}
.p-pt10 {
padding-top: 10px;
}
.p-pt15 {
padding-top: 15px;
}
.p-pt20 {
padding-top: 20px;
}
.p-pt25 {
padding-top: 25px;
}
.p-pt30 {
padding-top: 30px;
}
.p-pt35 {
padding-top: 35px;
}
.p-pt40 {
padding-top: 40px;
}
.p-pt50 {
padding-top: 50px;
}
.p-pt60 {
padding-top: 60px;
}
.p-pt70 {
padding-top: 70px;
}
.p-pb5 {
padding-bottom: 5px;
}
.p-pb10 {
padding-bottom: 10px;
}
.p-pb15 {
padding-bottom: 15px;
}
.p-pb20 {
padding-bottom: 20px;
}
.p-pb25 {
padding-bottom: 25px;
}
.p-pb30 {
padding-bottom: 30px;
}
.p-pb35 {
padding-bottom: 35px;
}
.p-pb40 {
padding-bottom: 40px;
}
.p-pb50 {
padding-bottom: 50px;
}
.p-pb60 {
padding-bottom: 60px;
}
.p-pb70 {
padding-bottom: 70px;
}
.p-pl5 {
padding-left: 5px;
}
.p-pl10 {
padding-left: 10px;
}
.p-pl15 {
padding-left: 15px;
}
.p-pl20 {
padding-left: 20px;
}
.p-pl25 {
padding-left: 25px;
}
.p-pl30 {
padding-left: 30px;
}
.p-pl35 {
padding-left: 35px;
}
.p-pl40 {
padding-left: 40px;
}
.p-pl50 {
padding-left: 50px;
}
.p-pl60 {
padding-left: 60px;
}
.p-pl70 {
padding-left: 70px;
}
.p-pr5 {
padding-right: 5px;
}
.p-pr10 {
padding-right: 10px;
}
.p-pr15 {
padding-right: 15px;
}
.p-pr20 {
padding-right: 20px;
}
.p-pr25 {
padding-right: 25px;
}
.p-pr30 {
padding-right: 30px;
}
.p-pr35 {
padding-right: 35px;
}
.p-pr40 {
padding-right: 40px;
}
.p-pr50 {
padding-right: 50px;
}
.p-pr60 {
padding-right: 60px;
}
.p-pr70 {
padding-right: 70px;
}
.p-p5 {
padding: 5px;
}
.p-p10 {
padding: 10px;
}
.p-p20 {
padding: 20px;
}
.p-p30 {
padding: 30px;
}
.p-p40 {
padding: 40px;
}
.p-p50 {
padding: 50px;
}
.b-box1 {
display:flex;
width:100%;
margin-bottom:20px;
}
.b-box1 img {
border-radius:10px;
box-shadow:0px 0px 3px 1px rgba(0,0,0,0.1)
}
@media(max-width: 414px) {
.b-box1 img {
width:100%
}
}
.b-box1 a {
display:flex
}
@media(max-width: 414px) {
.b-box1 a {
width:100%
}
}
.b-box1_swiper_pc {
display:flex;
width:820px;
background:#F5F0E6;
background-size:820px 520px;
border-radius:10px;
box-shadow:1px 1px 3px 1px rgba(0,0,0,0.1);
margin:0
}
@media(max-width: 1200px){
.b-box1_swiper_pc {
flex-wrap:wrap
}
}
.b-box1_swiper_pc_left {
padding:20px;
font-family: "Noto Sans JP", sans-serif, "M PLUS Rounded 1c", "メイリオ", Meiryo, "ヒラギノ角ゴ ProN"
}
@media(max-width: 1200px){
.b-box1_swiper_pc_left {
padding:20px 20px 0px 20px
}
}
.b-box1_swiper_pc_left h2 {
font-size: 3.6rem;
font-weight: bold !important;
padding: 0;
margin: 0;
color:#000000;
color:#000000;
color:var(--black);
background: none;
line-height: 1.4;
}
.b-box1_swiper_pc_left h2 .tex {
display:inline-block;
}
.b-box1_swiper_pc_left h2 .green {
color:#05A5AB;
color:#05A5AB;
color:var(--green);
}
.b-box1_swiper_pc_left h2 .red {
color:#D60000;
color:#D60000;
color:var(--red);
}
.b-box1_swiper_pc_left p {
font-size:1.7rem;
line-height:2
}
@media(max-width: 1200px){
.b-box1_swiper_pc_left p {
margin-bottom: 0px !important
}
}
.b-box1_swiper_pc_right {
padding:20px;
width:430px 
}
@media(max-width: 992px){
.b-box1_swiper_pc_right {
width: 420px 
}
}
@media(max-width: 768px){
.b-box1_swiper_pc_right {
width: 368px 
}
}
.b-box1_swiper_pc_right .swiper {
padding-bottom: 20px !important;
}
.b-box1_swiper_pc_right .swiper-button-next {
bottom: 3px;
top: auto !important;
right: 40px !important
}
.b-box1_swiper_pc_right .swiper-button-next:after {
color: #ffffff !important;
color: #ffffff !important;
color: var(--white) !important;
font-size: 1.4rem !important;
}
@media(max-width: 768px){
.b-box1_swiper_pc_right .swiper-button-next {
right: 15px !important
}
}
.b-box1_swiper_pc_right .swiper-button-prev {
bottom: 3px;
top: auto !important;
left: 40px !important
}
.b-box1_swiper_pc_right .swiper-button-prev:after {
color: #ffffff !important;
color: #ffffff !important;
color: var(--white) !important;
font-size: 1.4rem !important;
}
@media(max-width: 768px){
.b-box1_swiper_pc_right .swiper-button-prev {
left: 15px !important
}
}
.b-box1_swiper_sp {
display:flex;
width:100%;
background:#F5F0E6;
border-radius:10px;
box-shadow:1px 1px 3px 1px rgba(0,0,0,0.1);
margin:0
}
@media(max-width: 768px){
.b-box1_swiper_sp {
flex-wrap:wrap
}
}
.b-box1_swiper_sp_left {
padding: 20px 20px 0 20px;
font-family: "Noto Sans JP", sans-serif, "M PLUS Rounded 1c", "メイリオ", Meiryo, "ヒラギノ角ゴ ProN";
}
.b-box1_swiper_sp_left h2 {
font-size:3.6rem;
font-weight:bold;
padding: 0 !important;
margin: 0 !important;
color:#000000;
color:#000000;
color:var(--black);
background: none;
line-height: 1.4;
}
.b-box1_swiper_sp_left h2 .tex {
display:inline-block;
}
.b-box1_swiper_sp_left h2 .green {
color:#05A5AB;
color:#05A5AB;
color:var(--green);
}
.b-box1_swiper_sp_left h2 .red {
color:#D60000;
color:#D60000;
color:var(--red);
}
.b-box1_swiper_sp_left p {
font-size:1.7rem;
line-height:2;
margin: 0 !important;
}
.b-box1_swiper_sp_right {
padding:20px;
width: 100%; 
}
.b-box1_swiper_sp_right .swiper {
padding-bottom: 20px !important;
}
.b-box1_swiper_sp_right .swiper-button-next {
bottom: 3px;
top: auto !important;
right: 0px !important
}
.b-box1_swiper_sp_right .swiper-button-next:after {
color: #ffffff !important;
color: #ffffff !important;
color: var(--white) !important;
font-size: 1.4rem !important;
}
.b-box1_swiper_sp_right .swiper-button-prev {
bottom: 3px;
top: auto !important;
left: 0px !important
}
.b-box1_swiper_sp_right .swiper-button-prev:after {
color: #ffffff !important;
color: #ffffff !important;
color: var(--white) !important;
font-size: 1.4rem !important;
}
.b-box2 {
display:flex;
margin-bottom:20px
}
@media(max-width: 414px) {
.b-box2 {
flex-direction:column;
width:100%
}
}
.b-box2_1 {
margin-right:10px
}
@media(max-width: 414px) {
.b-box2_1 {
margin-right:0px;
margin-bottom:20px
}
}
.b-box2_2 {
margin-left:10px
}
@media(max-width: 414px) {
.b-box2_2 {
margin-left:0px
}
}
.b-box2 img {
border-radius:10px;
box-shadow:0px 0px 3px 1px rgba(0,0,0,0.1)
}
@media(max-width: 414px) {
.b-box2 img {
width:100%
}
}
.b-box2 a {
display:flex;
}
.b-box3 {
display:flex;
margin-bottom:20px
}
@media(max-width: 414px) {
.b-box3 {
flex-direction:column;
width:100%
}
}
.b-box3_1 {
margin-right:20px
}
@media(max-width: 414px) {
.b-box3_1 {
margin-right:0px;
margin-bottom:20px
}
}
.b-box3_2 {
margin-right:20px
}
@media(max-width: 414px) {
.b-box3_2 {
margin-right:0px;
margin-bottom:20px
}
}
.b-box3_3 {
margin-left:0px;
}
.b-box3 img {
border-radius:10px;
box-shadow:0px 0px 3px 1px rgba(0,0,0,0.1)
}
@media(max-width: 414px) {
.b-box3 img {
width:100%
}
}
.b-box3 a {
display:flex
}
@media(max-width: 414px) {
.b-box3 a {
width:100%
}
}
.b-box4 {
display:flex;
margin-bottom:20px;
max-width:820px
}
@media(max-width: 414px) {
.b-box4 {
width:100%;
flex-direction:column
}
}
.b-box4_1 {
margin-right:20px
}
@media(max-width: 414px) {
.b-box4_1 {
margin-right:0px;
margin-bottom:20px
}
}
.b-box4_2 {
display:flex;
flex-direction:column;
}
.b-box4_3 {
margin-bottom:20px;
}
.b-box4 img {
border-radius:10px;
box-shadow:0px 0px 3px 1px rgba(0,0,0,0.1)
}
@media(max-width: 414px) {
.b-box4 img {
width:100%
}
}
.b-box4 a {
display:flex
}
@media(max-width: 414px) {
.b-box4 a {
width:100%
}
}
.b-form_lp {
width:100%;
background:#F5F0E6;
border-radius:8px;
box-shadow: 1px 1px 4px 0 rgba(0,0,0,0.3);
padding: 30px
}
@media(max-width: 414px) {
.b-form_lp {
padding: 15px; 
border-radius:0px;
box-shadow: none
}
}
.b-form_lp h2 {
margin-bottom:20px;
}
.b-form_lp .order-tbl {
width: 100%;
font-size: 1.8rem;
border-collapse: collapse;
border-spacing: 0
}
@media(max-width: 414px){
.b-form_lp .order-tbl {
font-size: 1.6rem
}
}
.b-form_lp .order-tbl th {
padding: 10px;
border: solid 1px #c1c1c1;
background: #eee;
text-align: left;
}
.b-form_lp .order-tbl td {
padding: 10px;
border: solid 1px #c1c1c1;
background: #FFF;
}
.b-form_lp .order-tbl td input,.b-form_lp .order-tbl td select {
padding: 5px;
}
.b-form_lp .order-tbl td input#sbm {
padding: 20px;
border-radius: 5px;
font-weight: bold;
display: flex;
align-items: center;
font-size: 2rem;
font-weight: normal;
justify-content: center;
background-color: #E66446;
width: 300px;
margin: 0 auto;
color: #fff;
border-bottom: solid 5px #E45534
}
.b-form_lp .order-tbl td input#sbm:hover {
border-bottom: 1px solid #DDD;
transform: translateY(4px);
transition: all 0.1s;
margin-bottom:4px;
}
.b-form_lp .order-tbl td textarea {
width: 100%;
padding: 5px;
}
.b-form_lp .green {
color: #05A5AB;
}
.b-form_lp .red {
color: #E66446;
}
.b-guidbook {
right:0px;
z-index:9999
}
@media(max-width: 414px){
.b-guidbook {
right:10px;
bottom:50px !important
}
}
@media(max-width: 414px){
.b-guidbook img {
width:120px
}
} .b-modal {
display: none;
position: fixed;
top: 0;
left: 0;
height: 100vh;
width: 100%;
z-index: 1;
} .b-modal-bg {
position: absolute;
height: 100vh;
width: 100%;
background: rgba(0, 0, 0, 0.4);
} .b-modal-content {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
height: 60%; width: 80%; background: white;
padding: 20px;
border-radius: 10px;
} body.fixed {
position: fixed;
width: 100%;
height: 100%;
left: 0;
}
a.js-modal-close {
justify-content: flex-end;
font-size: 2.0rem;
background: #ffffff;
background: #ffffff;
background: var(--white);
box-shadow: 3px 3px 3px 0 rgb(0, 0, 0, .2);
padding: 5px 13px;
border-radius: 32px;
position: absolute;
right: -10px;
top: -10px;
}
.b-pc {
display: block
}
@media(max-width: 414px) {
.b-pc {
display: none !important
}
}
.b-sp {
display: none
}
@media(max-width: 414px) {
.b-sp {
display: block !important
}
}
.swiper {
padding-bottom: 50px;
}
.swiper_media {
margin-bottom: 30px;
}
.swiper_media .swiper-wrapper{
transition-timing-function: linear;
}
.swiper_media .swiper-slide {
-webkit-backface-visibility: hidden;
-webkit-transform-style: preserve-3d;
}
.swiper_media .swiper-slide img {
border-radius:8px;
box-shadow:0 0 3px 0 rgba(0,0,0,0.1);
max-height:90px
}
@media(max-width: 414px){
.swiper_media .swiper-slide img {
max-height:84px
}
}
.swiper_media h2 {
margin-top: 30px!important;
margin-bottom: 10px!important;
color:#000000!important;
color:#000000!important;
color:var(--black)!important;
background: none !important;
text-align: center !important;
}
@media(max-width: 414px){
.swiper_media .swiper-wrapper {
height: 90px;
}
}
.swiper-button-next:after,
.swiper-button-prev:after {
font-size: 1.4rem;
color: #ffffff;
color: #ffffff;
color: var(--white);
background:#000000;
background:#000000;
background:var(--black);
width:28px;
height:28px;
display:flex;
justify-content:center;
align-items:center;
border-radius:50px
}
@media(max-width: 414px) {
.swiper-button-next:after,
.swiper-button-prev:after {
font-size: 1.4rem;
color: #ffffff;
color: #ffffff;
color: var(--white)
}
}
.swiper-button-next, .swiper-button-prev {
top:auto;
bottom: 0;
}
.swiper-button-next {
bottom:0;
right:40px
}
@media(max-width: 414px){
.swiper-button-next {
right:20px
}
}
.swiper-button-prev {
bottom:0;
left:40px
}
@media(max-width: 414px){
.swiper-button-prev {
left:20px
}
}
span.swiper-pagination-bullet.swiper-pagination-bullet-active {
background: #D60000;
background: #D60000;
background: var(--red);
width:50px;
border-radius:0;
}
span.swiper-pagination-bullet {
width: 50px;
border-radius: 0;
}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
bottom: 10px;
}
@media(max-width: 414px){
.keni-slider_outer {
margin-bottom: -20px
}
}