@charset "utf-8";
@charset "UTF-8";
@charset "UTF-8";
.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
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 {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
.slick-track {
position: relative;
left: 0;
top: 0;
display: block;
margin-left: auto;
margin-right: auto; }
.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; }
[dir="rtl"] .slick-slide {
float: right; }
.slick-slide img {
display: block; }
.slick-slide.slick-loading img {
display: none; }
.slick-slide.dragging img {
pointer-events: none; }
.slick-initialized .slick-slide {
display: block; }
.slick-loading .slick-slide {
visibility: hidden; }
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent; }
.slick-arrow.slick-hidden {
display: none; }
 .slick-loading .slick-list {
background: #fff url(https://bct-gym.com/2023/wp-content/themes/bct_vol2/js/slick/ajax-loader.gif) center center no-repeat; } @font-face {
font-family: "slick";
src: url(https://bct-gym.com/2023/wp-content/themes/bct_vol2/js/slick/fonts/slick.eot);
src: url(https://bct-gym.com/2023/wp-content/themes/bct_vol2/js/slick/fonts/slick.eot?#iefix) format("embedded-opentype"), url(https://bct-gym.com/2023/wp-content/themes/bct_vol2/js/slick/fonts/slick.woff) format("woff"), url(https://bct-gym.com/2023/wp-content/themes/bct_vol2/js/slick/fonts/slick.ttf) format("truetype"), url(https://bct-gym.com/2023/wp-content/themes/bct_vol2/js/slick/fonts/slick.svg#slick) format("svg");
font-weight: normal;
font-style: normal; } .slick-prev,
.slick-next {
position: absolute;
display: block;
height: 20px;
width: 20px;
line-height: 0px;
font-size: 0px;
cursor: pointer;
background: transparent;
color: transparent;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
padding: 0;
border: none;
outline: none; }
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
outline: none;
background: transparent;
color: transparent; }
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
opacity: 1; }
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
opacity: 0.25; }
.slick-prev:before,
.slick-next:before {
font-family: "slick";
font-size: 20px;
line-height: 1;
color: white;
opacity: 0.75;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.slick-prev {
left: -25px; }
[dir="rtl"] .slick-prev {
left: auto;
right: -25px; }
.slick-prev:before {
content: "←"; }
[dir="rtl"] .slick-prev:before {
content: "→"; }
.slick-next {
right: -25px; }
[dir="rtl"] .slick-next {
left: -25px;
right: auto; }
.slick-next:before {
content: "→"; }
[dir="rtl"] .slick-next:before {
content: "←"; } .slick-dotted.slick-slider {
margin-bottom: 30px; }
.slick-dots {
position: absolute;
bottom: -25px;
list-style: none;
display: block;
text-align: center;
padding: 0;
margin: 0;
width: 100%; }
.slick-dots li {
position: relative;
display: inline-block;
height: 20px;
width: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer; }
.slick-dots li button {
border: 0;
background: transparent;
display: block;
height: 20px;
width: 20px;
outline: none;
line-height: 0px;
font-size: 0px;
color: transparent;
padding: 5px;
cursor: pointer; }
.slick-dots li button:hover, .slick-dots li button:focus {
outline: none; }
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
opacity: 1; }
.slick-dots li button:before {
position: absolute;
top: 0;
left: 0;
content: "•";
width: 20px;
height: 20px;
font-family: "slick";
font-size: 6px;
line-height: 20px;
text-align: center;
color: black;
opacity: 0.25;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.slick-dots li.slick-active button:before {
color: black;
opacity: 0.75; }@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;overflow:clip;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.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-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.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-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.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-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-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:var(--swiper-navigation-top-offset,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.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display: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;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.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-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);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:var(--swiper-pagination-bullet-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:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);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-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,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:var(--swiper-pagination-progressbar-size,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:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;-ms-touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-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;touch-action:none}.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{pointer-events:auto}.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-prev{pointer-events:auto;visibility:visible}.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-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.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-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-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}
/**/   @import url("https://fonts.googleapis.com/css2?family=Lato:wght@400;700&family=Noto+Sans+JP:wght@300;500;700&display=swap");
*,
::before,
::after {
box-sizing: border-box;
border-style: solid;
border-width: 0;
}   html {
line-height: 1.15; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; }   body {
margin: 0;
} main {
display: block;
}  p,
table,
blockquote,
address,
pre,
iframe,
form,
figure,
dl {
margin: 0;
}  h1,
h2,
h3,
h4,
h5,
h6 {
font-size: inherit;
line-height: inherit;
font-weight: normal;
margin: 0;
}  ul,
ol {
margin: 0;
padding: 0;
list-style: none;
}  dt {
font-weight: normal;
}
dd {
margin-left: 0;
}   hr {
box-sizing: content-box; height: 0; overflow: visible; border-top-width: 1px;
margin: 0;
clear: both;
color: inherit;
} pre {
font-family: monospace, monospace; font-size: inherit; }
address {
font-style: inherit;
}   a {
background-color: transparent;
text-decoration: none;
color: inherit;
} abbr[title] {
text-decoration: underline; text-decoration: underline dotted; } b,
strong {
font-weight: bolder;
} code,
kbd,
samp {
font-family: monospace, monospace; font-size: inherit; } small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}   img,
embed,
object,
iframe {
vertical-align: bottom;
}   button,
input,
optgroup,
select,
textarea {
-webkit-appearance: none;
appearance: none;
vertical-align: middle;
color: inherit;
font: inherit;
background: transparent;
padding: 0;
margin: 0;
outline: 0;
border-radius: 0;
text-align: inherit;
} [type="checkbox"] {
-webkit-appearance: checkbox;
appearance: checkbox;
}
[type="radio"] {
-webkit-appearance: radio;
appearance: radio;
} button,
input { overflow: visible;
} button,
select { text-transform: none;
} button,
[type="button"],
[type="reset"],
[type="submit"] {
cursor: pointer;
-webkit-appearance: none;
appearance: none;
}
button[disabled],
[type="button"][disabled],
[type="reset"][disabled],
[type="submit"][disabled] {
cursor: default;
} button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
} button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
} select::-ms-expand {
display: none;
} option {
padding: 0;
} fieldset {
margin: 0;
padding: 0;
min-width: 0;
} legend {
color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress {
vertical-align: baseline;
} textarea {
overflow: auto;
} [type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
} [type="search"] {
outline-offset: -2px; } [type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; } label[for] {
cursor: pointer;
}   details {
display: block;
} summary {
display: list-item;
} [contenteditable] {
outline: none;
}  table {
border-collapse: collapse;
border-spacing: 0;
}
caption {
text-align: left;
}
td,
th {
vertical-align: top;
padding: 0;
}
th {
text-align: left;
font-weight: bold;
}   template {
display: none;
} [hidden] {
display: none;
}  .mode_sp {
display: none !important;
}
@media (min-width: 1500px) {
.mode_sp {
display: none !important;
}
}
@media (max-width: 1200px) {
.mode_sp {
display: none !important;
}
}
@media (max-width: 1024px) {
.mode_sp {
display: none !important;
}
}
@media (max-width: 820px) {
.mode_sp {
display: inline-block !important;
}
}
@media (max-width: 414px) {
.mode_sp {
display: inline-block !important;
}
}
@media (max-width: 375px) {
.mode_sp {
display: inline-block !important;
}
}
.mode_tb {
display: none !important;
}
@media (min-width: 1500px) {
.mode_tb {
display: none !important;
}
}
@media (max-width: 1200px) {
.mode_tb {
display: none !important;
}
}
@media (max-width: 1024px) {
.mode_tb {
display: none !important;
}
}
@media (max-width: 820px) {
.mode_tb {
display: inline-block !important;
}
}
@media (max-width: 414px) {
.mode_tb {
display: inline-block !important;
}
}
@media (max-width: 375px) {
.mode_tb {
display: inline-block !important;
}
}
@media (max-width: 820px) {
.mode_pc {
display: none !important;
}
}
@media (max-width: 414px) {
.mode_pc {
display: none !important;
}
}
@media (max-width: 375px) {
.mode_pc {
display: none !important;
}
}
html,
body {
font-family: "Noto Sans JP", sans-serif;
font-weight: 600;
font-feature-settings: "palt";
letter-spacing: 1px;
}
html {
font-size: 62.5%;
}
@media (max-width: 1200px) {
html {
font-size: 50.75%;
}
}
@media (max-width: 820px) {
html {
font-size: 62.5%;
}
}
body {
font-size: 1.4rem;
}
@media (max-width: 820px) {
body {
font-size: 1.6rem;
}
}
a {
-webkit-transition: opacity 0.1s linear;
transition: opacity 0.1s linear;
}
img {
max-width: 100%;
}
.mt10 {
margin-top: 1rem;
}
@media (max-width: 820px) {
.mt10 {
margin-top: 2rem;
}
}
.f_lato {
font-family: "Lato", sans-serif;
}
.txt_link:hover {
color: #83C757;
}
.txt_link_drak:hover {
color: #8FE956;
}
.btn_1 {
display: inline-block;
font-size: 1.8rem;
font-weight: 200;
color: #fff;
padding: 1em 4%;
text-align: center;
width: 34vw;
min-width: 15em;
max-width: 500px;
background: #150F30;
position: relative;
z-index: 1;
overflow: hidden;
transition: all .2s linear;
}
@media (max-width: 820px) {
.btn_1 {
width: 91%;
font-size: 1.4rem;
padding: 1em 0;
}
}
.btn_1::before {
display: block;
content: "";
position: absolute;
bottom: 0;
right: 0;
width: 1rem;
height: 1rem;
background: linear-gradient(-45deg, #83C757 7px, transparent 0);
z-index: -1;
}
.btn_1:hover {
background: #525252;
color: #83C757;
}
.btn_2 {
display: inline-block;
font-size: 1.8rem;
font-weight: 200;
color: #fff;
padding: 1em 4%;
text-align: center;
width: 34vw;
min-width: 15em;
max-width: 500px;
background: #404040;
position: relative;
z-index: 1;
overflow: hidden;
transition: all .2s linear;
}
@media (max-width: 820px) {
.btn_2 {
width: 91%;
font-size: 1.4rem;
padding: 1em 0;
}
}
.btn_2::before {
display: block;
content: "";
position: absolute;
bottom: 0;
right: 0;
width: 1rem;
height: 1rem;
background: linear-gradient(-45deg, #83C757 7px, transparent 0);
z-index: -1;
}
.btn_2:hover {
background: #828282;
color: #83C757;
}
.btn_3 {
display: inline-block;
font-size: 1.8rem;
font-weight: 200;
color: #262626;
padding: 1em 4%;
text-align: center;
width: 34vw;
min-width: 15em;
max-width: 500px;
background: #83C757;
position: relative;
z-index: 1;
overflow: hidden;
transition: all .2s linear;
}
@media (max-width: 820px) {
.btn_3 {
width: 91%;
font-size: 1.4rem;
padding: 1em 0;
}
}
.btn_3::before {
display: block;
content: "";
position: absolute;
bottom: 0;
right: 0;
width: 1rem;
height: 1rem;
background: linear-gradient(-45deg, #F2F2F2 7px, transparent 0);
z-index: -1;
transition: all 0.2s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.btn_3:hover {
background: #B8E18F;
color: #262626;
}
.btn_5 {
width: 100%;
display: inline-block;
font-size: 1.8rem;
font-weight: 300;
color: #fff;
padding: 1em 2em;
text-align: center;
position: relative;
background: #150F30;
box-shadow: 0.5rem 0.5rem 0 #8FE956;
}
@media (max-width: 820px) {
.btn_5 {
font-size: 1.4rem;
padding: 1em 0;
}
}
.btn_5::after {
display: block;
content: "";
position: absolute;
top: 42%;
right: 1.5rem;
width: 2.2rem;
height: 1rem;
background: url(//bct-gym.com/2023/wp-content/themes/bct_vol2/images/common/icon_btn_arrow.svg) no-repeat center;
background-size: contain;
}
.btn_6 {
width: 100%;
max-width: 500px;
margin: 0 auto;
display: inline-block;
font-size: 1.8rem;
font-weight: 300;
color: #fff;
border-radius: 5px;
text-align: center;
position: relative;
background: transparent linear-gradient(180deg, #90EA57 0%, #84C758 100%) 0% 0% no-repeat;
z-index: auto;
}
.btn_6 span.bg {
display: inline-block;
width: 100%;
height: 100%;
position: relative;
z-index: auto;
padding: 1em 2em;
}
.btn_6 span.bg::after {
display: block;
content: "";
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
border-radius: 5px;
transition: all 0.2s cubic-bezier(0.075, 0.82, 0.165, 1);
background: transparent linear-gradient(180deg, #83C757 0%, #69A841 100%) 0% 0% no-repeat;
}
.btn_6 span.text {
position: relative;
z-index: 1;
}
.btn_6::before {
width: 100%;
height: 100%;
display: block;
content: "";
background: #262626;
border-radius: 5px;
position: absolute;
top: .5rem;
left: 0;
z-index: -1;
}
.btn_6::after {
display: block;
content: "";
position: absolute;
top: 42%;
right: 1.5rem;
width: 2.2rem;
height: 1rem;
background: url(//bct-gym.com/2023/wp-content/themes/bct_vol2/images/common/icon_btn_arrow.svg) no-repeat center;
background-size: contain;
}
.btn_6:hover span.bg::after {
opacity: 0;
}
.hover_opacity {
transition: opacity 0.2s linear;
}
.hover_opacity:hover {
opacity: 0.6;
}
@media (max-width: 820px) {
body.hide {
overflow: hidden;
}
} #gb_header {
width: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 3;
}
@media (max-width: 820px) {
#gb_header {
height: 5rem;
background: #83C757;
}
#gb_header.second_layer {
background: #5D5D5D;
}
}
#gb_header #header_inner {
display: flex;
justify-content: space-between;
align-items: center;
padding-right: 2rem;
}
#gb_header #logo {
text-align: center;
}
#gb_header #logo a {
background: #83C757;
display: block;
width: 15%;
min-width: 17rem;
max-width: 22rem;
padding: 2.8rem 1rem;
border-radius: 0 0 5px 0;
}
@media (max-width: 820px) {
#gb_header #logo a {
background: none;
text-align: left;
padding: 1rem 1rem 1rem 2rem;
}
}
#gb_header #logo a img {
width: 80%;
}
@media (max-width: 820px) {
#gb_header #logo a img {
width: 100%;
}
}
#gb_header #gb_navigation {
width: 75%;
background: #5D5D5D;
border-radius: 5rem;
}
@media (max-width: 820px) {
#gb_header #gb_navigation {
width: 100%;
height: 100%;
padding: 3rem;
position: fixed;
top: 0;
left: 0;
overflow: auto;
display: none;
border-radius: 0;
}
}
#gb_header #gb_navigation ul {
display: flex;
justify-content: center;
align-items: center;
}
@media (max-width: 820px) {
#gb_header #gb_navigation ul {
flex-direction: column;
align-items: flex-start;
}
}
#gb_header #gb_navigation ul li {
position: relative;
}
@media (max-width: 820px) {
#gb_header #gb_navigation ul li {
width: 100%;
}
}
#gb_header #gb_navigation ul li a {
color: #fff;
font-size: 1.2rem;
padding: 2rem 1.5rem;
font-weight: 300;
display: inline-block;
position: relative;
transition: all;
}
@media (max-width: 820px) {
#gb_header #gb_navigation ul li a {
width: 100%;
font-size: 1.6rem;
font-weight: 500;
}
}
#gb_header #gb_navigation ul li a:hover {
color: #83C757;
}
#gb_header #gb_navigation ul li a:hover+.sub-menu_wrap {
display: block;
opacity: 1;
}
@media (max-width: 820px) {
#gb_header #gb_navigation ul li a:hover+.sub-menu_wrap {
display: none;
}
}
@media (max-width: 820px) {
#gb_header #gb_navigation ul li.sub_menu>a {
position: relative;
}
#gb_header #gb_navigation ul li.sub_menu>a::after {
display: block;
content: "";
position: absolute;
top: 0;
bottom: 0;
margin: auto;
right: 3rem;
width: 1rem;
height: 1rem;
border-top: solid 1px #fff;
border-right: solid 1px #fff;
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
}
}
#gb_header #gb_navigation ul .sub-menu_wrap {
display: none;
position: absolute;
width: 190%;
top: 4.7rem;
left: -1%;
padding-top: 1rem;
opacity: 0;
transition: opacity .3s .3s ease-in-out;
}
@media (max-width: 820px) {
#gb_header #gb_navigation ul .sub-menu_wrap {
width: 100%;
position: relative;
padding-top: 0;
top: 0;
left: 0;
transition: none;
}
}
#gb_header #gb_navigation ul .sub-menu_wrap:hover {
display: block;
opacity: 1;
}
@media (max-width: 820px) {
#gb_header #gb_navigation ul .sub-menu_wrap:hover {
pointer-events: none;
}
}
#gb_header #gb_navigation ul .sub-menu_wrap .sub-menu {
padding: 1rem;
flex-direction: column;
align-items: flex-start;
background: #262626;
border-radius: 5px;
position: relative;
}
@media (max-width: 820px) {
#gb_header #gb_navigation ul .sub-menu_wrap .sub-menu {
padding: 0;
background: #5D5D5D;
border-radius: 0;
}
}
#gb_header #gb_navigation ul .sub-menu_wrap .sub-menu::before {
display: block;
content: "";
position: absolute;
top: -.7rem;
left: 11%;
width: 0;
height: 0;
border: 1rem solid transparent;
border-bottom-color: #262626;
border-top: none;
margin-left: -1rem;
}
@media (max-width: 820px) {
#gb_header #gb_navigation ul .sub-menu_wrap .sub-menu::before {
content: none;
}
}
#gb_header #gb_navigation ul .sub-menu_wrap .sub-menu a {
position: relative;
padding: 1rem 0 1rem 6rem;
pointer-events: auto;
}
#gb_header #gb_navigation ul .sub-menu_wrap .sub-menu a::after {
display: block;
content: "";
position: absolute;
top: 50%;
left: 2em;
width: 2.3rem;
height: 1px;
background: #fff;
}
#gb_header #gb_navigation ul .sub-menu_wrap .sub-menu a:hover::after {
background: #83C757;
}
#gb_header #nav_trigger {
width: 28px;
height: 10px;
cursor: pointer;
transition: all .4s;
position: absolute;
top: 2.1rem;
right: 1.1rem;
z-index: 3;
}
#gb_header .hamburger {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: 100%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
#gb_header .hamburger .line {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
margin-top: 0;
-webkit-transform: translate3d(0, 0%, 0);
transform: translate3d(0, 0%, 0);
-webkit-transition: width 222ms cubic-bezier(0.215, 0.61, 0.355, 1) 444ms, margin-top 222ms cubic-bezier(0.215, 0.61, 0.355, 1) 222ms, -webkit-transform 222ms cubic-bezier(0.215, 0.61, 0.355, 1) 222ms;
transition: width 222ms cubic-bezier(0.215, 0.61, 0.355, 1) 444ms, margin-top 222ms cubic-bezier(0.215, 0.61, 0.355, 1) 222ms, transform 222ms cubic-bezier(0.215, 0.61, 0.355, 1) 222ms;
}
#gb_header .hamburger .line span {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 1px;
background-color: #fff;
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg) translate3d(0, 0, 0);
transform: rotate(0deg) translate3d(0, 0, 0);
-webkit-transition: -webkit-transform 222ms cubic-bezier(0.215, 0.61, 0.355, 1);
transition: transform 222ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
#gb_header .hamburger .line:nth-child(2) {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
body.is-open #gb_header .hamburger .line {
width: 100%;
-ms-transform: translate(0, 50%);
-webkit-transform: translate3d(0, 50%, 0);
transform: translate3d(0, 50%, 0);
-webkit-transition: width 222ms cubic-bezier(0.215, 0.61, 0.355, 1), margin-top 222ms cubic-bezier(0.215, 0.61, 0.355, 1) 222ms, -webkit-transform 222ms cubic-bezier(0.215, 0.61, 0.355, 1) 222ms;
transition: width 222ms cubic-bezier(0.215, 0.61, 0.355, 1), margin-top 222ms cubic-bezier(0.215, 0.61, 0.355, 1) 222ms, transform 222ms cubic-bezier(0.215, 0.61, 0.355, 1) 222ms;
}
body.is-open #gb_header .hamburger .line:nth-child(1) span {
-webkit-transform: rotate(45deg) translate3d(0, 0, 0);
transform: rotate(45deg) translate3d(0, 0, 0);
}
body.is-open #gb_header .hamburger .line:nth-child(2) span {
-webkit-transform: rotate(-45deg) translate3d(0, 0, 0);
transform: rotate(-45deg) translate3d(0, 0, 0);
}
.side_nav {
position: fixed;
z-index: 2;
top: 0;
left: 0;
width: 4%;
height: 100%;
background: rgba(255, 255, 255, 0.4);
display: flex;
flex-direction: column;
justify-content: end;
}
.side_nav ul {
padding-bottom: 6rem;
display: flex;
flex-direction: column;
align-items: center;
}
.side_nav ul li {
width: 50%;
text-align: center;
}
.side_nav ul li:nth-of-type(1) {
margin-bottom: 1.5rem;
}
.side_nav .scroll_down {
position: relative;
height: 15%;
}
.side_nav .scroll_down:after {
display: block;
content: "";
position: absolute;
bottom: 0;
left: 50%;
width: 1px;
height: 56%;
background: #262626;
margin-left: -1px;
}
.side_nav .scroll_down span {
font-family: "Lato", sans-serif;
font-size: 1.2rem;
font-weight: 200;
transform: rotate(90deg);
display: block;
}
.l-wrapper {
width: 100%;
margin: 0 auto;
padding-top: 4rem;
}
@media (max-width: 820px) {
.l-wrapper {
padding-top: 0;
}
}
.inner {
width: 78%;
max-width: 1086px;
margin: 0 auto;
text-align: center;
}
@media (max-width: 820px) {
.inner {
width: 100%;
}
} .page {
padding-top: 2.7rem;
background: #F2F2F2;
}
@media (max-width: 820px) {
.page {
padding-top: 8.7rem;
}
}
.page .page_header {
position: relative;
}
.page .page_header .page_title {
position: absolute;
top: 16%;
left: 0;
width: 100%;
font-size: 4rem;
font-weight: 500;
color: #fff;
min-width: 58rem;
text-align: left;
z-index: 1;
}
@media (max-width: 820px) {
.page .page_header .page_title {
font-size: 2.4rem;
min-width: 27rem;
padding-left: 2rem;
top: 4%;
}
}
.page .page_header .page_title::before {
display: block;
content: "";
position: absolute;
top: -20%;
left: -60%;
z-index: -1;
width: 110%;
min-width: 58rem;
height: 6.8rem;
background: #83C757;
}
@media (max-width: 820px) {
.page .page_header .page_title::before {
width: 70%;
top: -11%;
left: 0%;
min-width: 27rem;
height: 3.5rem;
}
}
.page .page_header .key_visual {
width: 73%;
margin-right: 0;
margin-left: auto;
box-shadow: -2rem 2rem 0 #262626;
}
@media (max-width: 820px) {
.page .page_header .key_visual {
width: 80%;
box-shadow: -1rem 1rem 0 #262626;
}
} #index {
overflow-x: hidden;
}
#index #sec1 {
background: linear-gradient(#fff 0% 40%, #E4EFD5 40% 100%);
position: relative;
}
#index .mv {
position: relative;
margin-bottom: .5rem;
}
#index .mv .mv_text {
position: absolute;
bottom: 10%;
left: 5%;
text-align: left;
color: #fff;
font-weight: 500;
}
@media (max-width: 820px) {
#index .mv .mv_text {
text-align: left;
}
}
#index .mv .mv_text .mv_text_main {
font-size: 7rem;
text-shadow: #262626 0 0 10px;
}
@media (max-width: 820px) {
#index .mv .mv_text .mv_text_main {
font-size: 3.4rem;
}
}
#index .mv .mv_text .mv_text_sub {
font-size: 3.6rem;
text-shadow: #262626 0 0 10px;
margin-bottom: 2rem;
letter-spacing: 2px;
}
@media (max-width: 820px) {
#index .mv .mv_text .mv_text_sub {
font-size: 1.8rem;
margin-bottom: 1.5rem;
}
}
#index .mv .mv_text .mv_text_sub span.medium {
font-size: 4rem;
}
@media (max-width: 820px) {
#index .mv .mv_text .mv_text_sub span.medium {
font-size: 2rem;
}
}
#index .mv .mv_text .mv_text_sub span.large {
color: #8FE956;
font-size: 6rem;
}
@media (max-width: 820px) {
#index .mv .mv_text .mv_text_sub span.large {
font-size: 3rem;
}
}
#index .mv .slide {
opacity: 0;
}
#index .mv .slide.slick-initialized {
opacity: 1;
}
#index .mv .slick-slide img {
width: 100%;
}
#index .mv .slick-prev,
#index .mv .slick-next {
width: 3.8rem;
height: 3.8rem;
border-radius: 50%;
background: #fff;
box-shadow: 0 0 6px rgba(0, 0, 0, 0.16);
z-index: 1;
transition: opacity .2s ease-in-out;
}
#index .mv .slick-prev:hover,
#index .mv .slick-next:hover {
opacity: .6;
}
#index .mv .slick-prev::before,
#index .mv .slick-next::before {
display: block;
content: "";
position: absolute;
top: 34%;
left: 30%;
margin: auto;
width: 1.2rem;
height: 1.2rem;
border-top: solid 2px #83C757;
border-right: solid 2px #83C757;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
#index .mv .slick-prev::before {
left: 37%;
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg);
}
#index .mv_3_col {
display: flex;
justify-content: space-between;
margin-bottom: 0.5rem;
}
#index .mv_3_col dl {
width: calc(100% / 3);
min-height: 25rem;
text-align: left;
padding: 2rem 1.5rem;
display: flex;
flex-direction: column;
justify-content: space-between;
color: #fff;
}
@media (max-width: 820px) {
#index .mv_3_col dl {
min-height: 15.5rem;
padding: 1rem 1rem;
}
}
#index .mv_3_col dl:nth-child(1) {
background: url(//bct-gym.com/2023/wp-content/themes/bct_vol2/images/top/fv_img_list_01.jpg) no-repeat center;
background-size: cover;
}
@media (max-width: 820px) {
#index .mv_3_col dl:nth-child(1) {
background: url(//bct-gym.com/2023/wp-content/themes/bct_vol2/images/top/fv_img_list_01_sp.jpg) no-repeat center;
background-size: cover;
}
}
#index .mv_3_col dl:nth-child(2) {
background: url(//bct-gym.com/2023/wp-content/themes/bct_vol2/images/top/fv_img_list_02.jpg) no-repeat center;
background-size: cover;
}
@media (max-width: 820px) {
#index .mv_3_col dl:nth-child(2) {
background: url(//bct-gym.com/2023/wp-content/themes/bct_vol2/images/top/fv_img_list_02_sp.jpg) no-repeat center;
background-size: cover;
}
}
#index .mv_3_col dl:nth-child(3) {
background: url(//bct-gym.com/2023/wp-content/themes/bct_vol2/images/top/fv_img_list_03.jpg) no-repeat center;
background-size: cover;
}
@media (max-width: 820px) {
#index .mv_3_col dl:nth-child(3) {
background: url(//bct-gym.com/2023/wp-content/themes/bct_vol2/images/top/fv_img_list_03_sp.jpg) no-repeat center;
background-size: cover;
}
}
#index .mv_3_col dl dt {
font-size: 2.4rem;
font-weight: 400;
line-height: 1.2;
text-shadow: #262626 0 0 10px;
position: relative;
background: rgba(0, 0, 0, .5);
display: inline-block;
width: fit-content;
padding: .25em .5em;
}
#index .mv_3_col dl dt::after {
display: block;
content: "";
width: 6rem;
height: .5rem;
background: #8FE956;
position: absolute;
left: 0;
bottom: -4rem;
}
@media (max-width: 820px) {
#index .mv_3_col dl dt {
font-size: 1.6rem;
}
#index .mv_3_col dl dt::after {
width: 3.2rem;
height: .3rem;
bottom: -2rem;
}
}
#index .mv_3_col dl dd {
font-size: 2rem;
line-height: 1.5;
font-weight: 300;
text-shadow: #262626 0 0 10px;
background: rgba(0, 0, 0, .5);
display: inline-block;
width: fit-content;
padding: .25em .5em;
}
@media (max-width: 820px) {
#index .mv_3_col dl dd {
font-size: 1.2rem;
}
}
#index .mv_1_col {
padding: 4rem 6rem;
position: relative;
background: url(//bct-gym.com/2023/wp-content/themes/bct_vol2/images/top/fv_img_bottom.jpg) no-repeat bottom;
background-size: cover;
}
@media (max-width: 820px) {
#index .mv_1_col {
padding: 2.5rem 2rem;
background: url(//bct-gym.com/2023/wp-content/themes/bct_vol2/images/top/fv_img_bottom.jpg) no-repeat bottom;
background-size: cover;
}
}
@media (max-width: 414px) {
#index .mv_1_col {
background: url(//bct-gym.com/2023/wp-content/themes/bct_vol2/images/top/fv_img_bottom_sp.jpg) no-repeat bottom;
background-size: cover;
}
}
#index .mv_1_col .mv_1_col_main {
text-align: left;
color: #8FE956;
font-size: 4rem;
font-weight: 400;
line-height: 1.5;
margin-bottom: 14rem;
box-shadow: 0 0 6px rgba(0, 0, 0, 0.16);
text-shadow: #262626 0 0 10px;
}
@media (max-width: 820px) {
#index .mv_1_col .mv_1_col_main {
font-size: 2.2rem;
}
}
@media (max-width: 414px) {
#index .mv_1_col .mv_1_col_main {
margin-bottom: 22rem;
}
}
#index .mv_1_col .mv_1_col_sub {
position: absolute;
right: 6rem;
bottom: 4rem;
text-align: right;
}
@media (max-width: 820px) {
#index .mv_1_col .mv_1_col_sub {
font-size: 2.2rem;
right: 2rem;
bottom: 2rem;
}
}
#index .mv_1_col .mv_1_col_sub li {
color: #fff;
font-size: 4rem;
font-weight: 400;
text-shadow: #262626 0 0 10px;
box-shadow: 0 0 6px rgba(0, 0, 0, 0.16);
position: relative;
margin-bottom: 4rem;
}
#index .mv_1_col .mv_1_col_sub li:after {
display: block;
content: "";
width: 2rem;
height: 2rem;
background: url(//bct-gym.com/2023/wp-content/themes/bct_vol2/images/common/icon_cross.svg) no-repeat;
background-size: contain;
position: absolute;
bottom: -3.5rem;
right: 5.5rem;
}
@media (max-width: 820px) {
#index .mv_1_col .mv_1_col_sub li {
font-size: 3rem;
margin-bottom: 2rem;
}
#index .mv_1_col .mv_1_col_sub li:after {
width: 1.1rem;
height: 1.1rem;
bottom: -1.7rem;
right: 4.2rem;
}
}
#index .mv_1_col .mv_1_col_sub li:last-of-type {
margin-bottom: 0;
}
#index .mv_1_col .mv_1_col_sub li:last-of-type:after {
content: none;
}
#index #sec2 .content {
background: linear-gradient(90deg, #F2F2F2 0% 50%, #83C757 50% 100%);
}
@media (max-width: 820px) {
#index #sec2 .content {
background: none;
}
}
#index #sec2 .content .inner {
display: flex;
justify-content: space-between;
padding-bottom: 6rem;
}
@media (max-width: 820px) {
#index #sec2 .content .inner {
flex-direction: column;
padding-bottom: 0;
}
}
#index #sec2 .content .overview {
width: 45%;
padding-top: 5rem;
}
@media (max-width: 820px) {
#index #sec2 .content .overview {
width: 100%;
padding: 2rem 0 4rem;
background: #F2F2F2;
}
}
#index #sec2 .content .overview ul {
display: flex;
justify-content: space-around;
margin-bottom: 2rem;
}
@media (max-width: 820px) {
#index #sec2 .content .overview ul {
padding: 0 2rem;
}
}
#index #sec2 .content .overview ul li {
width: 30%;
background: #fff;
border-radius: 50%;
color: #5CAC28;
}
#index #sec2 .content .overview ul li .circle_height {
position: relative;
padding-top: 100%;
height: 0;
}
#index #sec2 .content .overview ul li .circle_height p {
position: absolute;
top: calc((100% - 3em)/2);
left: 0;
right: 0;
margin: 0;
font-size: 1.7rem;
text-align: center;
line-height: 1.6;
}
@media (max-width: 820px) {
#index #sec2 .content .overview ul li .circle_height p {
font-size: 1.4rem;
}
}
@media (max-width: 414px) {
#index #sec2 .content .overview ul li .circle_height p {
font-size: 1.4rem;
}
}
#index #sec2 .content .overview ul li:nth-of-type(1) .circle_height p {
top: calc((100% - 1.5em)/2);
}
#index #sec2 .content .overview .price_area .subscription {
margin-bottom: 3rem;
}
@media (max-width: 820px) {
#index #sec2 .content .overview .price_area .subscription {
margin-bottom: 3.5rem;
}
}
#index #sec2 .content .overview .price_area .subscription .ttl {
background: #83C757;
color: #fff;
font-size: 2.2rem;
font-weight: 400;
padding: 1rem 0 1rem 5rem;
margin-bottom: 1.5rem;
text-align: left;
line-height: 1;
}
@media (max-width: 820px) {
#index #sec2 .content .overview .price_area .subscription .ttl {
font-size: 1.8rem;
padding: 1rem 0 1rem 4rem;
margin-bottom: 1.8rem;
}
}
#index #sec2 .content .overview .price_area .subscription .price {
font-size: 3rem;
font-weight: 500;
}
#index #sec2 .content .overview .price_area .subscription .price img {
width: 45%;
vertical-align: text-bottom;
margin-right: 1rem;
}
@media (max-width: 820px) {
#index #sec2 .content .overview .price_area .subscription .price img {
width: 33%;
}
}
@media (max-width: 414px) {
#index #sec2 .content .overview .price_area .subscription .price img {
width: 54%;
}
}
#index #sec2 .content .overview .price_area .trial {
width: 90%;
margin: 0 auto;
text-align: left;
position: relative;
background: #fff;
border-radius: 5px;
padding: 4rem 3rem 2rem;
box-shadow: 0 3px 6px rgba(38, 38, 38, 0.1);
}
@media (max-width: 820px) {
#index #sec2 .content .overview .price_area .trial {
text-align: center;
}
}
#index #sec2 .content .overview .price_area .trial span {
position: absolute;
top: -2rem;
left: 2rem;
background: #262626;
color: #fff;
font-size: 2rem;
font-weight: 400;
border-radius: 3rem;
text-align: center;
padding: 1rem 3rem;
line-height: 1;
}
@media (max-width: 820px) {
#index #sec2 .content .overview .price_area .trial span {
left: 20%;
}
}
@media (max-width: 414px) {
#index #sec2 .content .overview .price_area .trial span {
left: 2rem;
}
}
#index #sec2 .content .campaign {
width: 45%;
margin-top: 7rem;
}
@media (max-width: 820px) {
#index #sec2 .content .campaign {
width: 100%;
background: #83C757;
margin-top: 0;
padding: 5rem 0;
}
}
#index #sec2 .content .campaign .campaign_ttl {
position: relative;
color: #fff;
font-size: 2.6rem;
font-family: "Lato", sans-serif;
margin-bottom: 7rem;
}
#index #sec2 .content .campaign .campaign_ttl::after {
display: block;
content: "";
position: absolute;
bottom: -2.5rem;
left: 0;
right: 0;
margin: 0 auto;
width: 5rem;
height: .6rem;
background: #fff;
}
#index #sec2 .content .campaign .slick-track {
display: flex;
align-items: stretch;
}
@media (max-width: 820px) {
#index #sec2 .content .campaign .slick-track { }
}
@media (max-width: 820px) {
#index #sec2 .content .campaign .slick-list {
padding: 0 20% 0 2% !important;
}
}
#index #sec2 .content .campaign li.slick-slide {
height: auto;
margin: 0 .5rem;
background: #fff;
box-shadow: 0 0 6px rgba(0, 0, 0, 0.16);
float: none;
position: relative;
}
@media (max-width: 820px) {
#index #sec2 .content .campaign li.slick-slide {
margin: 0 1.2rem;
}
}
#index #sec2 .content .campaign li.slick-slide a {
padding-bottom: 4rem;
display: block;
}
#index #sec2 .content .campaign li.slick-slide a .image {
overflow: hidden;
}
#index #sec2 .content .campaign li.slick-slide a .image img {
transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
will-change: transform;
}
#index #sec2 .content .campaign li.slick-slide a:hover .image img {
transform: scale(1.1);
}
#index #sec2 .content .campaign .slick-prev,
#index #sec2 .content .campaign .slick-next {
width: 3.8rem;
height: 3.8rem;
top: -21%;
border-radius: 50%;
box-shadow: 0 0 6px rgba(0, 0, 0, 0.16);
z-index: 1;
transition: opacity .2s ease-in-out;
background: #fff;
}
@media (max-width: 820px) {
#index #sec2 .content .campaign .slick-prev,
#index #sec2 .content .campaign .slick-next {
width: 3rem;
height: 3rem;
}
}
#index #sec2 .content .campaign .slick-prev:hover,
#index #sec2 .content .campaign .slick-next:hover {
opacity: .6;
}
#index #sec2 .content .campaign .slick-prev::before,
#index #sec2 .content .campaign .slick-next::before {
display: block;
content: "";
position: absolute;
top: 34%;
left: 30%;
margin: auto;
width: 1.2rem;
height: 1.2rem;
border-top: solid 2px #83C757;
border-right: solid 2px #83C757;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
@media (max-width: 820px) {
#index #sec2 .content .campaign .slick-prev::before,
#index #sec2 .content .campaign .slick-next::before {
width: 1rem;
height: 1rem;
}
}
#index #sec2 .content .campaign .slick-next {
left: auto;
right: 0;
}
@media (max-width: 820px) {
#index #sec2 .content .campaign .slick-next {
right: 5%;
}
}
#index #sec2 .content .campaign .slick-prev {
left: auto;
right: 6rem;
}
#index #sec2 .content .campaign .slick-prev::before {
left: 37%;
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg);
}
@media (max-width: 820px) {
#index #sec2 .content .campaign .slick-prev {
right: 17%;
}
}
#index #sec2 .content .campaign .cont {
padding: 7% 6% 12%;
text-align: left;
font-weight: 500;
}
#index #sec2 .content .campaign .cont p {
line-height: 1.5;
}
#index #sec2 .content .campaign .cont .post_footer {
position: absolute;
bottom: 1rem;
left: 6%;
}
#index #sec2 .content .campaign .cont .post_footer time {
color: #B5B5B5;
font-size: 1.3rem;
font-weight: 300;
font-family: "Arial", sans-serif;
margin-bottom: .8rem;
display: block;
}
#index #sec2 .content .campaign .cont .post_footer .cate_list {
display: flex;
}
#index #sec2 .content .campaign .cont .post_footer .cate_list li {
font-size: 1rem;
font-weight: 300;
color: #fff;
padding: 3px 8px;
border-radius: 2px;
line-height: 1;
background: #83C757;
}
#index #sec2 .content .campaign .cont .post_footer .cate_list li:not(:last-of-type) {
margin-right: 1rem;
}
#index #sec3 .headding {
background: url(//bct-gym.com/2023/wp-content/themes/bct_vol2/images/top/sec03_head_bg.svg) no-repeat center bottom;
background-size: cover;
display: flex;
justify-content: center;
position: relative;
z-index: 1;
}
@media (max-width: 820px) {
#index #sec3 .headding {
flex-direction: column;
overflow: hidden;
padding-bottom: 48%;
}
#index #sec3 .headding::after {
content: "";
display: block;
width: 100%;
padding-top: 10rem;
background: #83C757;
position: absolute;
top: -4rem;
left: 0;
transform: skew(0deg, -10deg);
z-index: -1;
}
}
@media (max-width: 414px) {
#index #sec3 .headding::after {
padding-top: 17rem;
top: -9rem;
}
}
#index #sec3 .headding .ttl {
width: 50%;
padding: 17rem 0 34rem;
text-align: center;
color: #262626;
font-size: 2.8rem;
}
@media (max-width: 820px) {
#index #sec3 .headding .ttl {
width: 100%;
padding: 5.5rem 0 4rem;
font-size: 1.8rem;
}
}
#index #sec3 .headding .ttl span {
font-size: 3.6rem;
display: block;
margin-bottom: 2.3rem;
}
@media (max-width: 820px) {
#index #sec3 .headding .ttl span {
font-size: 2.4rem;
margin-bottom: 1.5rem;
}
}
#index #sec3 .headding .cont {
width: 50%;
overflow: hidden;
padding-top: 10rem;
}
@media (max-width: 820px) {
#index #sec3 .headding .cont {
width: 100%;
padding-top: 0;
}
}
#index #sec3 .headding .cont li {
font-size: 2.1rem;
color: #262626;
position: relative;
padding: 2rem 2rem 2rem 20rem;
}
@media (max-width: 820px) {
#index #sec3 .headding .cont li {
font-size: 1.8rem;
padding: 2rem 2rem 2rem 9rem;
}
}
@media (max-width: 414px) {
#index #sec3 .headding .cont li {
padding: 2rem 2rem 2rem 6rem;
}
}
#index #sec3 .headding .cont li::after {
width: 62rem;
height: 5rem;
background: #8FE956;
display: block;
content: "";
position: absolute;
top: 0.8rem;
left: 2rem;
z-index: -1;
transform: skewX(-20deg);
}
@media (max-width: 820px) {
#index #sec3 .headding .cont li::after {
width: 100%;
height: 4.2rem;
left: -5rem;
}
}
@media (max-width: 414px) {
#index #sec3 .headding .cont li::after {
width: 41rem;
}
}
#index #sec3 .headding .cont li:nth-of-type(even) {
padding: 2rem 2rem 2rem 22rem;
}
@media (max-width: 820px) {
#index #sec3 .headding .cont li:nth-of-type(even) {
padding: 2rem 2rem 2rem 16rem;
}
}
@media (max-width: 414px) {
#index #sec3 .headding .cont li:nth-of-type(even) {
padding: 2rem 2rem 2rem 12rem;
}
}
#index #sec3 .headding .cont li:nth-of-type(even)::after {
left: 10rem;
}
@media (max-width: 820px) {
#index #sec3 .headding .cont li:nth-of-type(even)::after {
left: 6rem;
}
#index #sec3 .headding .cont li:nth-of-type(even)::after::after {
transform: skewX(20deg);
}
}
@media (max-width: 820px) {
#index #sec3 .headding .cont li:nth-of-type(4) {
padding: 2rem 2rem 2rem 15rem;
}
}
@media (max-width: 414px) {
#index #sec3 .headding .cont li:nth-of-type(4) {
padding: 2rem 2rem 2rem 8rem;
}
}
#index #sec3 .headding .cont li:nth-of-type(4)::after {
transform: skewX(20deg);
}
#index #sec3 .main {
background: url(//bct-gym.com/2023/wp-content/themes/bct_vol2/images/top/sec02_bg_01.jpg) no-repeat center bottom;
background-size: cover;
display: flex;
justify-content: center;
align-items: center;
position: relative;
margin-top: -15rem;
padding: 12rem 0 5rem;
z-index: 0;
}
@media (max-width: 820px) {
#index #sec3 .main {
background: url(//bct-gym.com/2023/wp-content/themes/bct_vol2/images/top/sec02_bg_01_sp.jpg) no-repeat center bottom;
background-size: cover;
flex-direction: column-reverse;
margin-top: -47%;
padding: 9rem 0 13rem;
}
}
#index #sec3 .main .image {
width: 50%;
text-align: right;
}
@media (max-width: 820px) {
#index #sec3 .main .image {
width: 100%;
text-align: center;
}
}
#index #sec3 .main .image img {
width: 70%;
}
@media (max-width: 820px) {
#index #sec3 .main .image img {
width: 91%;
}
}
#index #sec3 .main .text {
width: 50%;
text-align: left;
color: #fff;
font-size: 3rem;
font-weight: 500;
line-height: 1.6;
padding-left: 4em;
}
@media (max-width: 820px) {
#index #sec3 .main .text {
width: 100%;
font-size: 2.4rem;
margin-bottom: 5rem;
text-align: center;
padding-left: 0;
}
}
@media (max-width: 820px) {
#index #sec3 .worries {
position: relative;
}
}
#index #sec3 .worries .worries_list {
background: #262626;
text-align: center;
padding: 7rem 0;
display: flex;
align-items: center;
justify-content: center;
}
@media (max-width: 820px) {
#index #sec3 .worries .worries_list {
padding: 2rem 0;
flex-direction: column;
width: 88%;
position: absolute;
top: -2.6%;
left: 0;
right: 0;
margin: 0 auto;
border-radius: 5px;
z-index: 1;
}
}
#index #sec3 .worries .worries_list li {
position: relative;
color: #fff;
font-size: 2.1rem;
font-weight: 200;
padding-left: 6.5rem;
}
@media (max-width: 820px) {
#index #sec3 .worries .worries_list li {
padding-left: 4rem;
}
}
#index #sec3 .worries .worries_list li::before {
width: 4rem;
height: 3.5rem;
display: block;
content: "";
background: url(//bct-gym.com/2023/wp-content/themes/bct_vol2/images/common/icon_check.svg) no-repeat center;
background-size: contain;
position: absolute;
left: 0;
top: -16%;
}
@media (max-width: 820px) {
#index #sec3 .worries .worries_list li::before {
width: 2.8rem;
height: 3.5rem;
}
}
#index #sec3 .worries .worries_list li:not(:last-of-type) {
margin-right: 7rem;
}
@media (max-width: 820px) {
#index #sec3 .worries .worries_list li:not(:last-of-type) {
margin-right: 0;
margin-bottom: 2rem;
}
}
#index #sec3 .worries .worries_cont {
background: url(//bct-gym.com/2023/wp-content/themes/bct_vol2/images/top/sec02_bg_02.png) no-repeat top center;
background-size: cover;
padding-top: 9.7rem;
position: relative;
}
@media (max-width: 820px) {
#index #sec3 .worries .worries_cont {
padding-top: 15.7rem;
}
}
#index #sec3 .worries .worries_cont::before {
width: 0.5rem;
height: 3.2rem;
content: "・・・";
display: block;
position: absolute;
top: 3rem;
left: 0;
right: 0;
margin: 0 auto;
color: #262626;
font-size: .5rem;
writing-mode: vertical-lr;
text-align: center;
vertical-align: middle;
}
@media (max-width: 820px) {
#index #sec3 .worries .worries_cont::before {
height: 4.2rem;
top: 9rem;
font-size: 1.4rem;
}
}
@media (max-width: 414px) {
#index #sec3 .worries .worries_cont::before {
top: 10.5rem;
}
}
#index #sec3 .worries .worries_cont .ttl {
text-align: center;
font-size: 3.6rem;
font-weight: 600;
margin-bottom: 20rem;
}
@media (max-width: 820px) {
#index #sec3 .worries .worries_cont .ttl {
font-size: 2.3rem;
margin-bottom: 7rem;
}
}
#index #sec3 .worries .worries_cont .ttl p {
position: relative;
z-index: 1;
padding: 0.8rem 0;
}
@media (max-width: 820px) {
#index #sec3 .worries .worries_cont .ttl p {
width: 84%;
margin: 0 auto;
padding: 0.4rem 0;
}
}
#index #sec3 .worries .worries_cont .ttl p::after {
width: 85%;
height: 6rem;
display: block;
content: "";
background: #8FE956;
position: absolute;
top: 0;
z-index: -1;
}
@media (max-width: 820px) {
#index #sec3 .worries .worries_cont .ttl p::after {
width: 100%;
height: 4rem;
}
}
#index #sec3 .worries .worries_cont .ttl p:nth-of-type(1) {
margin-bottom: 1rem;
}
#index #sec3 .worries .worries_cont .ttl p:nth-of-type(1)::after {
left: 0;
}
#index #sec3 .worries .worries_cont .ttl p:nth-of-type(2)::after {
right: 0;
}
#index #sec3 .worries .worries_cont .cont {
width: 80%;
position: relative;
margin: 0 auto 12.3rem;
}
@media (max-width: 820px) {
#index #sec3 .worries .worries_cont .cont {
width: 93%;
margin: 0 0 7rem;
}
}
#index #sec3 .worries .worries_cont .cont dl {
background: rgba(255, 255, 255, 0.7);
box-shadow: 1.5rem 1.5rem 0 rgba(131, 199, 87, 0.8);
padding: 6rem 4rem 6rem 6rem;
text-align: left;
position: relative;
z-index: 1;
}
@media (max-width: 820px) {
#index #sec3 .worries .worries_cont .cont dl {
padding: 4rem 2rem 5rem 4rem;
}
}
#index #sec3 .worries .worries_cont .cont dl dt {
font-size: 2.2rem;
font-weight: 600;
color: #262626;
margin-bottom: 3rem;
}
#index #sec3 .worries .worries_cont .cont dl dd {
font-size: 1.6rem;
font-weight: 300;
line-height: 1.7;
}
#index #sec3 .worries .worries_cont .cont dl dd ul {
margin-bottom: 2rem;
}
#index #sec3 .worries .worries_cont .cont dl dd ul li {
position: relative;
padding-left: 3rem;
}
#index #sec3 .worries .worries_cont .cont dl dd ul li::before {
width: 1.8rem;
height: 1.8rem;
display: block;
content: "";
background: url(//bct-gym.com/2023/wp-content/themes/bct_vol2/images/common/icon_check.svg) no-repeat center;
background-size: contain;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
}
#index #sec3 .worries .worries_cont .cont .img {
position: absolute;
bottom: 0;
width: 62%;
z-index: 0;
}
#index #sec3 .worries .worries_cont .cont.right_img {
width: 100%;
}
@media (max-width: 820px) {
#index #sec3 .worries .worries_cont .cont.right_img .inner {
padding-top: 86%;
}
}
#index #sec3 .worries .worries_cont .cont.right_img dl {
width: 50%;
}
@media (max-width: 820px) {
#index #sec3 .worries .worries_cont .cont.right_img dl {
width: 93%;
}
}
#index #sec3 .worries .worries_cont .cont.right_img .img {
right: 0;
}
@media (max-width: 820px) {
#index #sec3 .worries .worries_cont .cont.right_img .img {
width: 90%;
top: 0;
bottom: auto;
}
}
#index #sec3 .worries .worries_cont .cont.left_img {
width: 100%;
}
@media (max-width: 820px) {
#index #sec3 .worries .worries_cont .cont.left_img .inner {
padding-top: 56%;
}
}
#index #sec3 .worries .worries_cont .cont.left_img dl {
width: 50%;
margin-right: 0;
margin-left: auto;
}
@media (max-width: 820px) {
#index #sec3 .worries .worries_cont .cont.left_img dl {
width: 93%;
margin-right: auto;
margin-left: 0;
}
}
#index #sec3 .worries .worries_cont .cont.left_img .img {
left: 0;
}
@media (max-width: 820px) {
#index #sec3 .worries .worries_cont .cont.left_img .img {
width: 90%;
bottom: auto;
top: 0;
left: auto;
right: 0;
}
}
#index #sec4 {
background: #262626 url(//bct-gym.com/2023/wp-content/themes/bct_vol2/images/top/sec02_bg_03.png) no-repeat top center;
background-size: contain;
padding: 8rem 0 10rem;
}
@media (max-width: 820px) {
#index #sec4 {
background: #262626 url(//bct-gym.com/2023/wp-content/themes/bct_vol2/images/top/sec02_bg_03_sp.png) no-repeat top center;
background-size: contain;
padding: 5rem 0 4rem;
}
}
#index #sec4 .benefit .benefit_caption {
margin: 0 auto 10rem;
}
@media (max-width: 820px) {
#index #sec4 .benefit .benefit_caption {
margin: 0 auto 8rem;
}
}
#index #sec4 .benefit .benefit_caption h3 {
font-size: 3.6rem;
color: #fff;
font-weight: 500;
line-height: 1.6;
}
@media (max-width: 820px) {
#index #sec4 .benefit .benefit_caption h3 {
font-size: 2.4rem;
}
}
#index #sec4 .benefit .benefit_cont {
margin-bottom: 5rem;
display: flex;
justify-content: space-between;
}
@media (max-width: 820px) {
#index #sec4 .benefit .benefit_cont {
flex-direction: column;
}
}
#index #sec4 .benefit .benefit_cont .item {
width: 30%;
text-align: left;
}
@media (max-width: 820px) {
#index #sec4 .benefit .benefit_cont .item {
width: 83%;
margin: 0 auto 8rem;
}
#index #sec4 .benefit .benefit_cont .item:last-of-type {
margin: 0 auto 4.5rem;
}
}
#index #sec4 .benefit .benefit_cont .item dt {
font-size: 2.3rem;
line-height: 1.7;
font-weight: 600;
color: #8FE956;
margin-bottom: 5.5rem;
position: relative;
}
@media (max-width: 820px) {
#index #sec4 .benefit .benefit_cont .item dt {
font-size: 1.8rem;
margin-bottom: 3.2rem;
}
}
#index #sec4 .benefit .benefit_cont .item dt::after {
display: block;
content: "";
position: absolute;
bottom: 0;
right: 0;
}
@media (max-width: 820px) {
#index #sec4 .benefit .benefit_cont .item dt::after {
right: 1rem;
}
}
#index #sec4 .benefit .benefit_cont .item dd {
font-size: 1.6rem;
font-weight: 300;
line-height: 1.7;
color: #fff;
}
@media (max-width: 820px) {
#index #sec4 .benefit .benefit_cont .item dd {
font-size: 1.4rem;
}
}
#index #sec4 .benefit .benefit_cont .item.item_01 dt::after {
width: 7.7rem;
height: 7.5rem;
background: url(//bct-gym.com/2023/wp-content/themes/bct_vol2/images/common/icon_benefit_01.svg) no-repeat center;
background-size: contain;
}
@media (max-width: 820px) {
#index #sec4 .benefit .benefit_cont .item.item_01 dt::after {
width: 5rem;
height: 5rem;
}
}
#index #sec4 .benefit .benefit_cont .item.item_02 dt::after {
width: 8.8rem;
height: 7rem;
background: url(//bct-gym.com/2023/wp-content/themes/bct_vol2/images/common/icon_benefit_02.svg) no-repeat center;
background-size: contain;
}
@media (max-width: 820px) {
#index #sec4 .benefit .benefit_cont .item.item_02 dt::after {
width: 6.5rem;
height: 4.7rem;
}
}
#index #sec4 .benefit .benefit_cont .item.item_03 dt::after {
width: 7rem;
height: 8rem;
bottom: -1rem;
background: url(//bct-gym.com/2023/wp-content/themes/bct_vol2/images/common/icon_benefit_03.svg) no-repeat center;
background-size: contain;
}
@media (max-width: 820px) {
#index #sec4 .benefit .benefit_cont .item.item_03 dt::after {
width: 4.7rem;
height: 5.8rem;
}
}
#index #sec4 .benefit .amenity_cont h4 {
font-family: "Lato", sans-serif;
color: #83C757;
font-size: 6.2rem;
opacity: .5;
text-align: left;
}
#index #sec4 .benefit .amenity_cont .amenity_list {
display: flex;
justify-content: space-between;
}
@media (max-width: 414px) {
#index #sec4 .benefit .amenity_cont .amenity_list {
flex-direction: column;
}
}
#index #sec4 .benefit .amenity_cont .amenity_list .item {
width: 32%;
position: relative;
}
@media (max-width: 820px) {
#index #sec4 .benefit .amenity_cont .amenity_list .item {
width: 91%;
margin: 0 auto 2rem;
}
}
#index #sec4 .benefit .amenity_cont .amenity_list .item .ttl {
font-size: 2.3rem;
font-weight: 400;
font-family: "Lato", sans-serif;
color: #5CAC28;
text-align: right;
padding: 2.5rem 1.5rem 0 0;
position: absolute;
top: 0;
right: 0;
}
@media (max-width: 820px) {
#index #sec4 .benefit .amenity_cont .amenity_list .item .ttl {
font-size: 2rem;
padding: 1.3rem 1.5rem 0 0;
}
}
#index #sec4 .benefit .amenity_cont .amenity_list .item .text {
width: 100%;
min-height: 33%;
padding: 1rem;
font-size: 1.5rem;
font-weight: 300;
line-height: 1.7;
text-align: right;
color: #262626;
background: rgba(184, 225, 143, 0.8);
position: absolute;
bottom: 0;
left: 0;
}
@media (max-width: 820px) {
#index #sec4 .benefit .amenity_cont .amenity_list .item .text {
font-size: 1.2rem;
padding: .5rem 2rem;
min-height: auto;
}
}
#index #sec4 .benefit .amenity_cont .amenity_list .item .text span {
font-size: 1.8rem;
display: block;
}
@media (max-width: 820px) {
#index #sec4 .benefit .amenity_cont .amenity_list .item .text span {
font-size: 1.4rem;
}
}
#index #sec5 { background: url(//bct-gym.com/wp-content/themes/bct_vol2/images/top/sec03_bg.png) no-repeat top center; background-size: cover; padding: 7rem 0 10rem; }
@media (max-width: 820px) { #index #sec5 { background: url(//bct-gym.com/wp-content/themes/bct_vol2/images/top/sec03_bg.png) no-repeat top center; background-size: contain; padding: 7rem 0 1rem; } }
#index #sec5 .caption { text-align: left; margin-bottom: 3.4rem; }
@media (max-width: 820px) { #index #sec5 .caption { margin-bottom: 2rem; } }
#index #sec5 .caption .sub_ttl { font-size: 3.6rem; margin-bottom: 1rem; }
@media (max-width: 820px) { #index #sec5 .caption .sub_ttl { font-size: 2.4rem; padding-left: 14%; } }
#index #sec5 .caption h4 { color: #fff; font-size: 5rem; padding-top: 0.3rem; position: relative; }
@media (max-width: 820px) { #index #sec5 .caption h4 { font-size: 3.3rem; padding-left: 14%; } }
#index #sec5 .caption h4::after { width: calc(100% + 36rem); height: 6.8rem; display: block; content: ""; background: linear-gradient(90deg, #8FE956, #83C757 100%); position: absolute; top: 0; left: -30rem; z-index: -1; transform: skewX(-20deg); }
@media (max-width: 820px) { #index #sec5 .caption h4::after { width: calc(100% + 29rem); height: 4.8rem; } }
#index #sec5 .trainer_cont { display: flex; justify-content: space-between; align-items: center; }
@media (max-width: 820px) { #index #sec5 .trainer_cont { flex-direction: column-reverse; } }
#index #sec5 .trainer_cont .trainer_text { width: 38%; margin-top: 1rem; box-shadow: -1rem -1rem 0 #83C757; }
@media (max-width: 820px) { #index #sec5 .trainer_cont .trainer_text { width: 90%; margin-top: 4rem; } }
#index #sec5 .trainer_cont .trainer_text .trainer_text_inner { padding: 5rem 3.4rem; background: #fff; box-shadow: 1rem 1rem 0 #262626; }
#index #sec5 .trainer_cont .trainer_text .trainer_text_inner .ttl { font-size: 2.1rem; line-height: 1.5; padding-bottom: 2rem; margin-bottom: 4rem; position: relative; }
#index #sec5 .trainer_cont .trainer_text .trainer_text_inner .ttl::after { display: block; content: ""; width: 22rem; height: .2rem; background: #83C757; position: absolute; bottom: 0; left: 0; right: 0; margin: auto; }
#index #sec5 .trainer_cont .trainer_text .trainer_text_inner ul { text-align: left; font-size: 1.5rem; font-weight: 300; margin-bottom: 2rem; }
#index #sec5 .trainer_cont .trainer_text .trainer_text_inner ul li { line-height: 1.7; }
#index #sec5 .trainer_cont .trainer_text .trainer_text_inner span { display: block; font-size: 1.6rem; font-weight: 300; text-align: right; margin-bottom: 4rem; }
#index #sec5 .trainer_cont .trainer_img { width: 67%; margin-right: -8rem; }
@media (max-width: 820px) { #index #sec5 .trainer_cont .trainer_img { width: 100%; margin-right: 0; } }
#index #sec5 .trainer_cont .trainer_img .trainer_slide_01 { margin-bottom: 2rem; }
@media (max-width: 820px) { #index #sec5 .trainer_cont .trainer_img .trainer_slide_01 { pointer-events: none; } }
#index #sec5 .trainer_cont .trainer_img .trainer_slide_02 { margin-right: -8rem; margin-left: 8rem; }
@media (max-width: 820px) { #index #sec5 .trainer_cont .trainer_img .trainer_slide_02 { margin-right: 0; margin-left: 0; pointer-events: none; } }
#index #sec5 .trainer_cont .trainer_img .slide_item { margin: 0 .3rem;
}
@media (max-width: 820px) {
#index #sec5 .trainer_cont .trainer_img .slide_item { }
}
#index #sec5 .trainer_cont .trainer_img .slide_item div {
width: 100%;
height: 27rem;
position: relative;
overflow: hidden;
}
#index #sec5 .trainer_cont .trainer_img .slide_item div img {
position: absolute;
left: -20%;
top: -18%;
transform: scale(1.0);
max-width: 140%;
height: auto;
}
@media (max-width: 820px) {
#index #sec5 .trainer_cont .trainer_img .slide_item div { }
}
#index #sec6 {
background: url(//bct-gym.com/2023/wp-content/themes/bct_vol2/images/top/sec04_bg.jpg) no-repeat 54% top;
background-size: cover;
padding: 10rem 0;
}
@media (max-width: 820px) {
#index #sec6 {
background: url(//bct-gym.com/2023/wp-content/themes/bct_vol2/images/top/sec04_bg_sp.jpg) no-repeat 54% top;
background-size: cover;
padding: 15rem 0 7rem;
}
}
#index #sec6 .about h4 {
color: #8FE956;
font-size: 3.6rem;
font-weight: 500;
line-height: 1.6;
margin-bottom: 2.8rem;
}
@media (max-width: 820px) {
#index #sec6 .about h4 {
font-size: 2.4rem;
}
}
#index #sec6 .about .sub_text {
width: 65%;
text-align: left;
margin: 0 auto;
font-size: 1.6rem;
font-weight: 300;
color: #fff;
line-height: 1.7;
margin-bottom: 8rem;
}
@media (max-width: 820px) {
#index #sec6 .about .sub_text {
width: 91%;
}
}
#index #sec6 .about .about_cont .about_cont_list {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
@media (max-width: 820px) {
#index #sec6 .about .about_cont .about_cont_list {
flex-direction: column;
}
}
#index #sec6 .about .about_cont .about_cont_list .list_item {
width: 47%;
}
@media (max-width: 820px) {
#index #sec6 .about .about_cont .about_cont_list .list_item {
width: 91%;
margin: 0 auto;
}
}
#index #sec6 .about .about_cont .about_cont_list .list_item .ttl {
position: relative;
color: #8FE956;
font-size: 4rem;
font-weight: 400;
text-align: left;
display: flex;
}
@media (max-width: 820px) {
#index #sec6 .about .about_cont .about_cont_list .list_item .ttl {
font-size: 4.5rem;
}
}
#index #sec6 .about .about_cont .about_cont_list .list_item .ttl.lato {
font-family: "Lato", sans-serif;
}
#index #sec6 .about .about_cont .about_cont_list .list_item .ttl p {
white-space: nowrap;
}
#index #sec6 .about .about_cont .about_cont_list .list_item .ttl span.line {
display: inline-block;
background: #8FE956;
height: 1px;
margin-left: 3rem;
margin-top: 1.5rem;
width: 100%;
}
@media (max-width: 820px) {
#index #sec6 .about .about_cont .about_cont_list .list_item .ttl span.line {
margin-left: 2rem;
}
}
#index #sec6 .about .about_cont .about_cont_list .list_item dl {
width: 95%;
margin: -1.2rem auto 7rem;
text-align: left;
}
@media (max-width: 820px) {
#index #sec6 .about .about_cont .about_cont_list .list_item dl {
width: 100%;
margin: -1.2rem auto 6rem;
}
}
#index #sec6 .about .about_cont .about_cont_list .list_item dl dt {
margin-bottom: 3rem;
}
#index #sec6 .about .about_cont .about_cont_list .list_item dl dd {
text-align: left;
font-size: 1.6rem;
font-weight: 300;
line-height: 1.7;
color: #fff;
}
#index #sec7 .shopinfo {
padding: 8rem 0 10rem;
}
@media (max-width: 820px) {
#index #sec7 .shopinfo {
padding: 6rem 0;
}
}
#index #sec7 .shopinfo .shopinfo_item {
display: flex;
justify-content: space-between;
align-items: flex-start;
}
@media (max-width: 820px) {
#index #sec7 .shopinfo .shopinfo_item {
flex-direction: column;
align-items: center;
}
}
#index #sec7 .shopinfo .shopinfo_item .image {
width: 45%;
}
@media (max-width: 820px) {
#index #sec7 .shopinfo .shopinfo_item .image {
width: 91%;
margin-bottom: 2.5rem;
}
}
#index #sec7 .shopinfo .shopinfo_item .image .image_main {
margin-bottom: 2%;
}
#index #sec7 .shopinfo .shopinfo_item .image .image_thum {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
#index #sec7 .shopinfo .shopinfo_item .image .image_thum .image_thum_item {
width: 32%;
margin-bottom: 2%;
}
#index #sec7 .shopinfo .shopinfo_item .detail {
width: 48%;
}
@media (max-width: 820px) {
#index #sec7 .shopinfo .shopinfo_item .detail {
width: 91%;
}
}
#index #sec7 .shopinfo .shopinfo_item .detail .detail_text>dt {
font-size: 2.6rem;
font-weight: 500;
margin-bottom: 3rem;
}
@media (max-width: 820px) {
#index #sec7 .shopinfo .shopinfo_item .detail .detail_text>dt {
font-size: 2rem;
margin-bottom: 5rem;
}
}
#index #sec7 .shopinfo .shopinfo_item .detail .detail_text>dd .lead {
font-size: 1.6rem;
font-weight: 300;
line-height: 1.7;
margin-bottom: 2rem;
text-align: left;
}
@media (max-width: 820px) {
#index #sec7 .shopinfo .shopinfo_item .detail .detail_text>dd .lead {
font-size: 1.4rem;
margin-bottom: 3rem;
}
}
#index #sec7 .shopinfo .shopinfo_item .detail .detail_text>dd ul {
display: flex;
justify-content: space-between;
margin-bottom: 4.5rem;
}
@media (max-width: 820px) {
#index #sec7 .shopinfo .shopinfo_item .detail .detail_text>dd ul {
margin-bottom: 3rem;
}
}
#index #sec7 .shopinfo .shopinfo_item .detail .detail_text>dd ul li {
width: 48%;
border: 1px solid #83C757;
font-size: 1.6rem;
font-weight: 300;
text-align: center;
padding: 1.5rem 0;
}
@media (max-width: 820px) {
#index #sec7 .shopinfo .shopinfo_item .detail .detail_text>dd ul li {
font-size: 1.4rem;
padding: 1.2rem 0;
}
}
#index #sec7 .shopinfo .shopinfo_item .detail .detail_text>dd ul li.is-active {
background: #83C757;
color: #fff;
}
#index #sec7 .shopinfo .shopinfo_item .detail .detail_text>dd ul li.is-passive {
background: #fff;
color: #262626;
cursor: pointer;
}
#index #sec7 .shopinfo .shopinfo_item .detail .detail_text>dd .text {
margin-bottom: 8rem;
text-align: left;
}
@media (max-width: 820px) {
#index #sec7 .shopinfo .shopinfo_item .detail .detail_text>dd .text {
padding: 0 6%;
margin-bottom: 2rem;
}
}
#index #sec7 .shopinfo .shopinfo_item .detail .detail_text>dd .text .name {
font-size: 1.6rem;
margin-bottom: 2.2rem;
}
@media (max-width: 820px) {
#index #sec7 .shopinfo .shopinfo_item .detail .detail_text>dd .text .name {
font-size: 1.4rem;
}
}
#index #sec7 .shopinfo .shopinfo_item .detail .detail_text>dd .text .info {
display: flex;
flex-wrap: wrap;
align-items: baseline;
}
#index #sec7 .shopinfo .shopinfo_item .detail .detail_text>dd .text .info dt {
width: 30%;
font-size: 1.6rem;
font-weight: 300;
margin-bottom: 1.5rem;
}
@media (max-width: 820px) {
#index #sec7 .shopinfo .shopinfo_item .detail .detail_text>dd .text .info dt {
font-size: 1.4rem;
}
}
#index #sec7 .shopinfo .shopinfo_item .detail .detail_text>dd .text .info dd {
width: 70%;
font-size: 1.8rem;
font-weight: 300;
margin-bottom: 1.5rem;
}
@media (max-width: 820px) {
#index #sec7 .shopinfo .shopinfo_item .detail .detail_text>dd .text .info dd {
font-size: 1.4rem;
}
}
#index #sec7 .shopinfo .shopinfo_item .detail .detail_text>dd .text .info dd.tel {
font-family: "Lato", sans-serif;
color: #83C757;
font-size: 3.2rem;
}
@media (max-width: 820px) {
#index #sec7 .shopinfo .shopinfo_item .detail .detail_text>dd .text .info dd.tel {
font-size: 2.6rem;
}
}
#index #sec7 .shopinfo .shopinfo_item .detail .detail_text>dd .btn a {
width: 100%;
}
#index #sec7 .shopinfo .shopinfo_item.is-hide {
display: none;
}
#index #sec8 {
width: 100%;
height: 100%;
position: relative;
}
#index #sec8::before {
background: url(//bct-gym.com/2023/wp-content/themes/bct_vol2/images/top/sec08_bg.png) no-repeat center;
background-size: cover;
width: 85%;
height: 100%;
content: "";
display: block;
position: absolute;
top: 0;
right: 0;
z-index: -1;
}
@media (max-width: 820px) {
#index #sec8::before {
width: 100%;
}
}
#index #sec8 .instagram .instagram_inner {
display: flex;
align-items: center;
justify-content: space-between;
padding: 8rem 0;
}
@media (max-width: 820px) {
#index #sec8 .instagram .instagram_inner {
flex-direction: column;
padding: 6rem 0;
}
}
#index #sec8 .instagram .instagram_inner .ttl {
width: 50%;
color: #8FE956;
font-size: 3rem;
font-weight: 500;
font-family: "Lato", sans-serif;
text-align: right;
padding-right: 10rem;
}
@media (max-width: 820px) {
#index #sec8 .instagram .instagram_inner .ttl {
width: 100%;
font-size: 2rem;
text-align: center;
padding-right: 0;
}
}
#index #sec8 .instagram .instagram_inner .content {
width: 50%;
}
@media (max-width: 820px) {
#index #sec8 .instagram .instagram_inner .content {
width: 100%;
}
}
#index #sec9 {
width: 100%;
padding: 7rem 0;
}
@media (max-width: 820px) {
#index #sec9 {
padding: 6rem 0;
}
}
#index #sec9 .blog .blog_inner .ttl {
color: #83C757;
font-size: 3rem;
font-weight: 500;
font-family: "Lato", sans-serif;
margin-bottom: 6rem;
}
@media (max-width: 820px) {
#index #sec9 .blog .blog_inner .ttl {
font-size: 2rem;
margin-bottom: 4rem;
}
}
#index #sec9 .blog .blog_inner .content .blog_list {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
@media (max-width: 820px) {
#index #sec9 .blog .blog_inner .content .blog_list {
flex-direction: column;
}
}
#index #sec9 .blog .blog_inner .content .blog_list>li {
width: 48%;
margin-bottom: 8rem;
text-align: left;
}
@media (max-width: 820px) {
#index #sec9 .blog .blog_inner .content .blog_list>li {
width: 91%;
margin: 0 auto 4rem;
}
}
#index #sec9 .blog .blog_inner .content .blog_list>li a {
display: flex;
justify-content: space-between;
position: relative;
}
#index #sec9 .blog .blog_inner .content .blog_list>li a::after {
display: block;
content: "";
position: absolute;
bottom: 0;
right: 0;
width: 1rem;
height: 1rem;
background: linear-gradient(-45deg, #83C757 7px, transparent 0);
z-index: -1;
}
#index #sec9 .blog .blog_inner .content .blog_list>li a .image {
width: 40%;
border: 1px solid #262626;
}
@media (max-width: 820px) {
#index #sec9 .blog .blog_inner .content .blog_list>li a .image {
width: 28%;
max-height: 10.5rem;
}
}
#index #sec9 .blog .blog_inner .content .blog_list>li a .image img {
border: 1px solid #262626;
}
#index #sec9 .blog .blog_inner .content .blog_list>li a .cont {
width: 50%;
}
@media (max-width: 820px) {
#index #sec9 .blog .blog_inner .content .blog_list>li a .cont {
width: 66%;
}
}
#index #sec9 .blog .blog_inner .content .blog_list>li a .cont time {
font-family: "Arial", sans-serif;
font-size: 1.4rem;
font-weight: 300;
margin-bottom: 1rem;
display: inline-block;
}
@media (max-width: 820px) {
#index #sec9 .blog .blog_inner .content .blog_list>li a .cont time {
margin-bottom: .8rem;
}
}
#index #sec9 .blog .blog_inner .content .blog_list>li a .cont .cate_list {
display: flex;
margin-bottom: 1.5rem;
}
@media (max-width: 820px) {
#index #sec9 .blog .blog_inner .content .blog_list>li a .cont .cate_list {
margin-bottom: 1rem;
}
}
#index #sec9 .blog .blog_inner .content .blog_list>li a .cont .cate_list li {
font-size: 1rem;
font-weight: 300;
color: #fff;
padding: 3px 8px;
border-radius: 2px;
line-height: 1;
background: #83C757;
}
@media (max-width: 820px) {
#index #sec9 .blog .blog_inner .content .blog_list>li a .cont .cate_list li {
font-size: 1.2rem;
padding: 3px 8px;
}
}
#index #sec9 .blog .blog_inner .content .blog_list>li a .cont .cate_list li:not(:last-of-type) {
margin-right: 1rem;
}
#index #sec9 .blog .blog_inner .content .blog_list>li a .cont p {
font-size: 1.4rem;
font-weight: 300;
line-height: 1.7;
text-align: left;
}
@media (max-width: 820px) {
#index #sec9 .blog .blog_inner .content .blog_list>li a .cont p {
font-size: 1.2rem;
}
}
#index #sec10 {
width: 100%;
height: 100%;
position: relative;
}
#index #sec10::before {
background: url(//bct-gym.com/2023/wp-content/themes/bct_vol2/images/top/sec08_bg.png) no-repeat center;
background-size: cover;
width: 85%;
height: 100%;
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
z-index: -1;
}
@media (max-width: 820px) {
#index #sec10::before {
width: 100%;
}
}
#index #sec10 .info .info_inner {
display: flex;
align-items: center;
justify-content: space-between;
padding: 8rem 0;
}
@media (max-width: 820px) {
#index #sec10 .info .info_inner {
flex-direction: column;
padding: 6rem 0;
}
}
#index #sec10 .info .info_inner .ttl {
width: 25%;
color: #8FE956;
font-size: 3rem;
font-weight: 500;
text-align: left;
}
@media (max-width: 820px) {
#index #sec10 .info .info_inner .ttl {
width: 100%;
font-size: 2rem;
margin-bottom: 1.5rem;
text-align: center;
}
}
#index #sec10 .info .info_inner .content {
width: 75%;
padding-right: 9rem;
}
@media (max-width: 820px) {
#index #sec10 .info .info_inner .content {
width: 91%;
padding-right: 0;
}
}
#index #sec10 .info .info_inner .content .info_list {
text-align: left;
margin-bottom: 4rem;
}
#index #sec10 .info .info_inner .content .info_list>li {
padding: 2rem 0;
border-bottom: 1px solid #fff;
}
@media (max-width: 820px) {
#index #sec10 .info .info_inner .content .info_list>li {
padding: 1.5rem 0;
}
}
#index #sec10 .info .info_inner .content .info_list>li .cont_header {
display: flex;
margin-bottom: 1.5rem;
}
#index #sec10 .info .info_inner .content .info_list>li .cont_header time {
font-family: "Arial", sans-serif;
font-size: 1.4rem;
font-weight: 300;
color: #fff;
margin-right: 1rem;
display: inline-block;
}
#index #sec10 .info .info_inner .content .info_list>li .cont_header .cate_list {
display: flex;
}
#index #sec10 .info .info_inner .content .info_list>li .cont_header .cate_list>li {
font-size: 1rem;
font-weight: 300;
color: #fff;
padding: 3px 8px;
border-radius: 2px;
line-height: 1;
background: #83C757;
}
#index #sec10 .info .info_inner .content .info_list>li .cont_header .cate_list>li:not(:last-of-type) {
margin-right: 1rem;
}
#index #sec10 .info .info_inner .content .info_list>li .cont {
position: relative;
}
#index #sec10 .info .info_inner .content .info_list>li .cont::after {
display: block;
content: "";
position: absolute;
bottom: 0;
right: 0;
width: 1rem;
height: 1rem;
background: linear-gradient(-45deg, #8FE956 7px, transparent 0);
z-index: -1;
}
#index #sec10 .info .info_inner .content .info_list>li p {
font-size: 1.4rem;
font-weight: 300;
line-height: 1.7;
color: #fff;
text-align: left;
}
@media (max-width: 820px) {
#index #sec10 .info .info_inner .content .btn_2 {
width: 100%;
}
}
#index #sec11 {
background: #F2F2F2;
}
#index #sec11 .faq_inner {
padding: 6rem 0 8rem;
}
#index #sec11 .faq_inner .ttl {
color: #262626;
font-size: 2.6rem;
font-weight: 500;
margin-bottom: 6rem;
}
@media (max-width: 820px) {
#index #sec11 .faq_inner .ttl {
font-size: 2rem;
}
}
#index #sec11 .faq_inner .faq_item {
background: #fff;
text-align: left;
padding: 0 3rem;
margin-bottom: 3rem;
}
@media (max-width: 820px) {
#index #sec11 .faq_inner .faq_item {
width: 91%;
margin: 0 auto 2rem;
}
}
#index #sec11 .faq_inner .faq_item .question {
padding: 3rem 0;
font-size: 1.6rem;
font-weight: 300;
position: relative;
transition: all .2s linear;
}
@media (max-width: 820px) {
#index #sec11 .faq_inner .faq_item .question {
padding: 2rem 0;
font-size: 1.4rem;
line-height: 1.6;
}
}
#index #sec11 .faq_inner .faq_item .question::before {
display: block;
content: "";
position: absolute;
top: -6%;
bottom: 0;
right: 0;
margin: auto;
width: 1rem;
height: 1rem;
transform: rotate(-45deg);
transition: transform 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
background: linear-gradient(45deg, #83C757 5px, transparent 0);
z-index: 0;
}
@media (max-width: 820px) {
#index #sec11 .faq_inner .faq_item .question::before {
top: -7%;
right: -1rem;
width: 1.2rem;
height: 1.2rem;
}
}
#index #sec11 .faq_inner .faq_item .question.is-open::before {
top: 17%;
transform: rotate(135deg);
}
#index #sec11 .faq_inner .faq_item .answer {
border-top: 1px solid #5D5D5D;
padding: 3rem 0 5rem;
font-size: 1.6rem;
font-weight: 300;
display: none;
}
@media (max-width: 820px) {
#index #sec11 .faq_inner .faq_item .answer {
padding: 2rem 0 3rem;
font-size: 1.4rem;
line-height: 1.6;
}
}
#index #sec11 .faq_inner .faq_ac_cont {
display: none;
}
#index #sec11 .faq_inner .btn {
margin-top: 6rem;
}
@media (max-width: 820px) {
#index #sec11 .faq_inner .btn {
margin-top: 4rem;
}
}
.footer_cont {
display: flex;
justify-content: space-between;
}
.footer_cont .image {
width: 60%;
position: relative;
overflow: hidden;
}
@media (max-width: 820px) {
.footer_cont .image {
width: 100%;
}
}
.footer_cont .image::after {
width: 14rem;
height: 140%;
display: block;
content: "";
position: absolute;
top: -10%;
right: -15%;
transform: skew(-13deg, 10deg);
background: #262626;
}
@media (max-width: 820px) {
.footer_cont .image::after {
content: none;
}
}
.footer_cont .text {
width: 40%;
background: #262626;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
color: #fff;
}
.footer_cont .text .text_sub {
font-size: 2.5rem;
margin-bottom: 2.5rem;
}
.footer_cont .text .text_sub .medium {
font-size: 2.8rem;
}
.footer_cont .text .text_sub .large {
font-size: 4rem;
color: #8FE956;
}
.footer_cont .text .text_main {
font-size: 4.5rem;
}
.gb_footer {
background: #525252;
padding: 8rem 0 2rem;
}
@media (max-width: 820px) {
.gb_footer {
padding: 5rem 0 2rem;
}
}
.gb_footer .inner {
display: flex;
justify-content: space-between;
}
@media (max-width: 820px) {
.gb_footer .inner {
flex-direction: column;
}
}
.gb_footer .inner .left_box {
width: 45%;
text-align: left;
}
@media (max-width: 820px) {
.gb_footer .inner .left_box {
width: 78%;
margin: 0 auto 10rem;
}
}
.gb_footer .inner .left_box .logo {
margin-bottom: 10rem;
}
@media (max-width: 820px) {
.gb_footer .inner .left_box .logo {
margin-bottom: 8rem;
}
}
.gb_footer .inner .left_box .logo img {
width: 40%;
}
@media (max-width: 820px) {
.gb_footer .inner .left_box .logo img {
width: 30%;
}
}
@media (max-width: 414px) {
.gb_footer .inner .left_box .logo img {
width: 50%;
}
}
.gb_footer .inner .left_box .gb_footer_shop_info {
display: flex;
justify-content: space-between;
}
.gb_footer .inner .left_box .gb_footer_shop_info dl {
width: 46%;
font-weight: 300;
}
@media (max-width: 820px) {
.gb_footer .inner .left_box .gb_footer_shop_info dl {
width: 45%;
}
}
.gb_footer .inner .left_box .gb_footer_shop_info dl dt {
border: 1px solid #F2F2F2;
text-align: center;
padding: 1rem 0;
color: #F2F2F2;
margin-bottom: 2.5rem;
}
@media (max-width: 820px) {
.gb_footer .inner .left_box .gb_footer_shop_info dl dt {
font-weight: 1.4rem;
}
}
.gb_footer .inner .left_box .gb_footer_shop_info dl dd .tel {
font-size: 2.7rem;
color: #8FE956;
margin-bottom: 3rem;
text-align: center;
}
@media (max-width: 820px) {
.gb_footer .inner .left_box .gb_footer_shop_info dl dd .tel {
font-size: 1.8rem;
}
}
.gb_footer .inner .left_box .gb_footer_shop_info dl dd .address {
color: #F2F2F2;
font-size: 1.4rem;
line-height: 1.7;
text-decoration: underline;
}
.gb_footer .inner .right_box {
width: 45%;
}
@media (max-width: 820px) {
.gb_footer .inner .right_box {
width: 100%;
}
}
.gb_footer .inner .right_box .menu {
margin-bottom: 6rem;
text-align: left;
display: flex;
flex-wrap: wrap;
}
@media (max-width: 820px) {
.gb_footer .inner .right_box .menu {
display: none;
}
}
.gb_footer .inner .right_box .menu li {
width: 50%;
font-size: 1.5rem;
font-weight: 300;
color: #F2F2F2;
margin-bottom: 3rem;
}
.gb_footer .inner .right_box .menu li a {
transition: all .2s linear;
}
.gb_footer .inner .right_box .menu li a:hover {
color: #8FE956;
}
.gb_footer .inner .right_box .gb_footer_sns ul {
display: flex;
justify-content: center;
}
.gb_footer .inner .right_box .gb_footer_sns li {
margin-right: 2rem;
}
.gb_footer .inner .right_box .gb_footer_sns li:nth-last-child() {
margin-right: 0;
}
.gb_footer .inner .right_box .gb_footer_sns li img {
width: 70%;
}
@media (max-width: 820px) {
.gb_footer .inner .right_box .gb_footer_sns li img {
width: 90%;
}
}
.gb_footer #copyright {
color: #F2F2F2;
font-size: 1rem;
font-weight: 300;
padding: 7rem 0 0;
text-align: center;
}
#fixed_btn {
width: 20rem;
height: 10rem;
position: fixed;
bottom: 3%;
right: 3%;
z-index: 9999;
background: #83C757;
border-radius: 5px;
margin: 0 0 0 0;
overflow: hidden;
box-shadow: 0 0 6px rgba(0, 0, 0, 0.16);
display: flex;
}
@media (max-width: 820px) {
#fixed_btn {
width: 100%;
bottom: 0;
right: 0;
border-radius: 0;
height: 6.5rem;
}
}
#fixed_btn li {
width: 50%;
text-align: center;
font-size: 1.4rem;
font-weight: 300;
}
@media (max-width: 820px) {
#fixed_btn li {
font-size: 1.6rem;
}
}
#fixed_btn li a {
display: block;
width: 100%;
height: 100%;
padding-top: 67%;
position: relative;
transition: opacity .2s linear;
}
@media (max-width: 820px) {
#fixed_btn li a {
padding-top: 0;
line-height: 6rem;
padding-left: 5%;
}
}
@media (max-width: 414px) {
#fixed_btn li a {
padding-left: 37%;
text-align: left;
}
}
#fixed_btn li a::before {
display: block;
content: "";
position: absolute;
top: 15%;
right: 0;
left: 0;
margin: 0 auto;
}
@media (max-width: 820px) {
#fixed_btn li a::before {
top: 20%;
right: auto;
left: 12%;
}
}
#fixed_btn li a.line {
background: #E6E6E6;
}
#fixed_btn li a.line::before {
width: 4rem;
height: 4rem;
background: url(//bct-gym.com/2023/wp-content/themes/bct_vol2/images/common/icon_line.svg) no-repeat center;
background-size: contain;
}
#fixed_btn li a.tel {
background: #83C757;
}
#fixed_btn li a.tel::before {
width: 3rem;
height: 4rem;
background: url(//bct-gym.com/2023/wp-content/themes/bct_vol2/images/common/icon_tel.svg) no-repeat center;
background-size: contain;
}
@media (max-width: 820px) {
#fixed_btn li a.tel::before {
top: 20%;
}
}
@media (max-width: 414px) {
#fixed_btn li a.tel::before {
top: 19%;
}
}
#fixed_btn li a:hover {
opacity: .5;
}  #about {
background: #F2F2F2;
}
#about .page_header {
margin-bottom: 6rem;
}
#about .page_header .key_visual {
margin-bottom: 7rem;
}
@media (max-width: 820px) {
#about .page_header .key_visual {
margin-bottom: 5rem;
}
}
#about .page_header .caption {
text-align: left;
}
@media (max-width: 820px) {
#about .page_header .caption {
width: 91%;
margin: 0 auto;
}
}
#about .page_header .caption .caption_title {
font-size: 3.6rem;
margin-bottom: 2rem;
}
@media (max-width: 820px) {
#about .page_header .caption .caption_title {
font-size: 2.4rem;
margin-bottom: 2rem;
}
}
#about .page_header .caption .text {
font-size: 1.8rem;
line-height: 1.8;
font-weight: 300;
}
@media (max-width: 820px) {
#about .page_header .caption .text {
font-size: 1.4rem;
}
}
#about #sec1 {
background: transparent linear-gradient(180deg, #262626 0%, #1A162B 100%) no-repeat;
text-align: center;
}
#about #sec1 .about_ems_inner {
padding: 7rem 0 0;
}
#about #sec1 .about_ems_inner .ttl {
font-size: 3.6rem;
color: #8FE956;
margin-bottom: 9rem;
}
@media (max-width: 820px) {
#about #sec1 .about_ems_inner .ttl {
font-size: 2.4rem;
line-height: 1.5;
margin-bottom: 3rem;
}
}
#about #sec1 .about_ems_inner .about_ems_list {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
@media (max-width: 820px) {
#about #sec1 .about_ems_inner .about_ems_list {
flex-direction: column;
}
}
#about #sec1 .about_ems_inner .about_ems_list .item {
width: 48%;
margin-bottom: 10rem;
text-align: left;
}
@media (max-width: 820px) {
#about #sec1 .about_ems_inner .about_ems_list .item {
width: 100%;
margin-bottom: 8rem;
}
}
#about #sec1 .about_ems_inner .about_ems_list .item dt {
font-size: 3rem;
font-weight: 400;
margin-bottom: 3.2rem;
color: #fff;
}
@media (max-width: 820px) {
#about #sec1 .about_ems_inner .about_ems_list .item dt {
font-size: 2.4rem;
margin-bottom: 2rem;
padding-left: 2rem;
}
}
#about #sec1 .about_ems_inner .about_ems_list .item dd .image {
margin-bottom: 2rem;
}
#about #sec1 .about_ems_inner .about_ems_list .item dd .text {
font-size: 1.4rem;
line-height: 1.7;
font-weight: 300;
margin-bottom: 1.5rem;
color: #fff;
}
@media (max-width: 820px) {
#about #sec1 .about_ems_inner .about_ems_list .item dd .text {
width: 91%;
margin: 0 auto 1.5rem;
}
}
@media (max-width: 820px) {
#about #sec1 .about_ems_inner .about_ems_list .item:nth-of-type(1) .image {
width: 95%;
}
#about #sec1 .about_ems_inner .about_ems_list .item:nth-of-type(4) .image {
width: 95%;
margin-left: auto;
margin-right: 0;
}
}
#about #sec2 .about_inbody_inner {
padding: 7rem 0 10rem;
}
@media (max-width: 820px) {
#about #sec2 .about_inbody_inner {
padding: 5rem 0 6rem;
}
}
#about #sec2 .about_inbody_inner .ttl {
text-align: center;
font-size: 3.6rem;
color: #262626;
margin-bottom: 9rem;
}
@media (max-width: 820px) {
#about #sec2 .about_inbody_inner .ttl {
width: 91%;
margin: 0 auto 2.4rem;
font-size: 2.4rem;
}
}
#about #sec2 .about_inbody_inner .about_inbody_cont .ttl {
text-align: left;
font-size: 3rem;
font-weight: 300;
margin-bottom: 3.2rem;
color: #83C757;
}
@media (max-width: 820px) {
#about #sec2 .about_inbody_inner .about_inbody_cont .ttl {
font-size: 2rem;
margin-bottom: 3.2rem;
}
}
#about #sec2 .about_inbody_inner .about_inbody_item {
display: flex;
justify-content: space-between;
}
@media (max-width: 820px) {
#about #sec2 .about_inbody_inner .about_inbody_item {
flex-direction: column;
}
}
#about #sec2 .about_inbody_inner .about_inbody_item .image {
width: 48%;
}
@media (max-width: 820px) {
#about #sec2 .about_inbody_inner .about_inbody_item .image {
width: 95%;
margin: 0 auto 2rem 0;
}
}
#about #sec2 .about_inbody_inner .about_inbody_item .text {
width: 48%;
font-size: 1.4rem;
font-weight: 300;
line-height: 1.7;
text-align: left;
}
@media (max-width: 820px) {
#about #sec2 .about_inbody_inner .about_inbody_item .text {
width: 91%;
margin: 0 auto;
}
}
#about #sec2 .about_inbody_inner .about_inbody_item .text p {
margin-top: 4rem;
}  #omotesando-studio,
#ginza-studio {
background: #F2F2F2;
}
#omotesando-studio .page_header,
#ginza-studio .page_header {
margin-bottom: 6rem;
}
@media (max-width: 820px) {
#omotesando-studio .page_header,
#ginza-studio .page_header {
margin-bottom: 3rem;
}
}
#omotesando-studio .page_header .key_visual,
#ginza-studio .page_header .key_visual {
margin-bottom: 7rem;
}
@media (max-width: 820px) {
#omotesando-studio .page_header .key_visual,
#ginza-studio .page_header .key_visual {
margin-bottom: 5rem;
}
}
#omotesando-studio .page_header .caption,
#ginza-studio .page_header .caption {
text-align: left;
}
@media (max-width: 820px) {
#omotesando-studio .page_header .caption,
#ginza-studio .page_header .caption {
width: 91%;
margin: 0 auto;
}
}
#omotesando-studio .page_header .caption .caption_studio_name,
#ginza-studio .page_header .caption .caption_studio_name {
width: 100%;
}
#omotesando-studio .page_header .caption .caption_title,
#ginza-studio .page_header .caption .caption_title {
font-size: 3.6rem;
margin-bottom: 2rem;
line-height: 1.5;
}
@media (max-width: 820px) {
#omotesando-studio .page_header .caption .caption_title,
#ginza-studio .page_header .caption .caption_title {
font-size: 2.4rem;
margin-bottom: 2rem;
}
}
#omotesando-studio .page_header .caption .text,
#ginza-studio .page_header .caption .text {
font-size: 1.8rem;
line-height: 1.8;
font-weight: 300;
}
@media (max-width: 820px) {
#omotesando-studio .page_header .caption .text,
#ginza-studio .page_header .caption .text {
font-size: 1.4rem;
}
}
#omotesando-studio .page_header .studio_name,
#ginza-studio .page_header .studio_name {
display: flex;
justify-content: space-between;
margin-bottom: 2rem;
}
#omotesando-studio .page_header .studio_name li,
#ginza-studio .page_header .studio_name li {
width: 48%;
border: 1px solid #83C757;
font-size: 1.6rem;
font-weight: 300;
text-align: center;
padding: 1.5rem 0;
}
#omotesando-studio .page_header .studio_name li.is-active,
#ginza-studio .page_header .studio_name li.is-active {
background: #83C757;
color: #fff;
}
#omotesando-studio .page_header .studio_name li.is-passive,
#ginza-studio .page_header .studio_name li.is-passive {
background: #fff;
color: #262626;
}
#omotesando-studio #sec1,
#ginza-studio #sec1 {
background: #fff;
}
#omotesando-studio #sec1.studio_info,
#ginza-studio #sec1.studio_info {
padding: 6rem 0;
}
@media (max-width: 820px) {
#omotesando-studio #sec1.studio_info,
#ginza-studio #sec1.studio_info {
padding: 0 0 6rem;
}
}
#omotesando-studio #sec1.studio_info .studio_info_inner,
#ginza-studio #sec1.studio_info .studio_info_inner {
display: flex;
justify-content: space-between;
}
@media (max-width: 820px) {
#omotesando-studio #sec1.studio_info .studio_info_inner,
#ginza-studio #sec1.studio_info .studio_info_inner {
flex-direction: column;
}
}
#omotesando-studio #sec1.studio_info .studio_info_inner .studio_info_wrap,
#ginza-studio #sec1.studio_info .studio_info_inner .studio_info_wrap {
width: 49%;
}
@media (max-width: 820px) {
#omotesando-studio #sec1.studio_info .studio_info_inner .studio_info_wrap,
#ginza-studio #sec1.studio_info .studio_info_inner .studio_info_wrap {
width: 100%;
margin-bottom: 5rem;
}
}
#omotesando-studio #sec1.studio_info .studio_info_inner .studio_info_wrap .studio_name,
#ginza-studio #sec1.studio_info .studio_info_inner .studio_info_wrap .studio_name {
display: flex;
justify-content: space-between;
margin-bottom: 2rem;
}
#omotesando-studio #sec1.studio_info .studio_info_inner .studio_info_wrap .studio_name li,
#ginza-studio #sec1.studio_info .studio_info_inner .studio_info_wrap .studio_name li {
width: 48%;
border: 1px solid #83C757;
font-size: 1.6rem;
font-weight: 300;
text-align: center;
padding: 1.5rem 0;
}
#omotesando-studio #sec1.studio_info .studio_info_inner .studio_info_wrap .studio_name li.is-active,
#ginza-studio #sec1.studio_info .studio_info_inner .studio_info_wrap .studio_name li.is-active {
background: #83C757;
color: #fff;
}
#omotesando-studio #sec1.studio_info .studio_info_inner .studio_info_wrap .studio_name li.is-passive,
#ginza-studio #sec1.studio_info .studio_info_inner .studio_info_wrap .studio_name li.is-passive {
background: #fff;
color: #262626;
}
#omotesando-studio #sec1.studio_info .studio_info_inner .studio_info_wrap .studio_info_slider,
#ginza-studio #sec1.studio_info .studio_info_inner .studio_info_wrap .studio_info_slider {
margin-bottom: 1rem;
}
#omotesando-studio #sec1.studio_info .studio_info_inner .studio_info_wrap .studio_info_slider .slick-list,
#ginza-studio #sec1.studio_info .studio_info_inner .studio_info_wrap .studio_info_slider .slick-list {
padding: 0 !important;
}
#omotesando-studio #sec1.studio_info .studio_info_inner .studio_info_wrap .studio_info_thumbnail,
#ginza-studio #sec1.studio_info .studio_info_inner .studio_info_wrap .studio_info_thumbnail {
width: 100%;
margin: 0 auto;
padding: 0 10%;
}
#omotesando-studio #sec1.studio_info .studio_info_inner .studio_info_wrap .studio_info_thumbnail .slick-slide-thum,
#ginza-studio #sec1.studio_info .studio_info_inner .studio_info_wrap .studio_info_thumbnail .slick-slide-thum {
margin: 0 .5rem;
}
#omotesando-studio #sec1.studio_info .studio_info_inner .studio_info_wrap .studio_info_thumbnail .slick-prev,
#omotesando-studio #sec1.studio_info .studio_info_inner .studio_info_wrap .studio_info_thumbnail .slick-next,
#ginza-studio #sec1.studio_info .studio_info_inner .studio_info_wrap .studio_info_thumbnail .slick-prev,
#ginza-studio #sec1.studio_info .studio_info_inner .studio_info_wrap .studio_info_thumbnail .slick-next {
width: 3rem;
height: 3rem;
border-radius: 50%;
background: #fff;
box-shadow: 0 0 6px rgba(0, 0, 0, 0.16);
z-index: 1;
transition: opacity .2s ease-in-out;
}
#omotesando-studio #sec1.studio_info .studio_info_inner .studio_info_wrap .studio_info_thumbnail .slick-prev:before,
#omotesando-studio #sec1.studio_info .studio_info_inner .studio_info_wrap .studio_info_thumbnail .slick-next:before,
#ginza-studio #sec1.studio_info .studio_info_inner .studio_info_wrap .studio_info_thumbnail .slick-prev:before,
#ginza-studio #sec1.studio_info .studio_info_inner .studio_info_wrap .studio_info_thumbnail .slick-next:before {
display: block;
content: "";
position: absolute;
top: 32%;
left: 27%;
margin: auto;
width: 1rem;
height: 1rem;
border-top: solid 2px #83C757;
border-right: solid 2px #83C757;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
#omotesando-studio #sec1.studio_info .studio_info_inner .studio_info_wrap .studio_info_thumbnail .slick-next,
#ginza-studio #sec1.studio_info .studio_info_inner .studio_info_wrap .studio_info_thumbnail .slick-next {
right: 0;
}
@media (max-width: 820px) {
#omotesando-studio #sec1.studio_info .studio_info_inner .studio_info_wrap .studio_info_thumbnail .slick-next,
#ginza-studio #sec1.studio_info .studio_info_inner .studio_info_wrap .studio_info_thumbnail .slick-next {
right: 2%;
}
}
#omotesando-studio #sec1.studio_info .studio_info_inner .studio_info_wrap .studio_info_thumbnail .slick-prev,
#ginza-studio #sec1.studio_info .studio_info_inner .studio_info_wrap .studio_info_thumbnail .slick-prev {
left: 0;
}
@media (max-width: 820px) {
#omotesando-studio #sec1.studio_info .studio_info_inner .studio_info_wrap .studio_info_thumbnail .slick-prev,
#ginza-studio #sec1.studio_info .studio_info_inner .studio_info_wrap .studio_info_thumbnail .slick-prev {
left: 2%;
}
}
#omotesando-studio #sec1.studio_info .studio_info_inner .studio_info_wrap .studio_info_thumbnail .slick-prev:before,
#ginza-studio #sec1.studio_info .studio_info_inner .studio_info_wrap .studio_info_thumbnail .slick-prev:before {
left: 35%;
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg);
}
#omotesando-studio #sec1.studio_info .studio_info_inner .studio_info_detail,
#ginza-studio #sec1.studio_info .studio_info_inner .studio_info_detail {
width: 40%;
text-align: left;
}
@media (max-width: 820px) {
#omotesando-studio #sec1.studio_info .studio_info_inner .studio_info_detail,
#ginza-studio #sec1.studio_info .studio_info_inner .studio_info_detail {
width: 91%;
margin: 0 auto;
}
}
#omotesando-studio #sec1.studio_info .studio_info_inner .studio_info_detail .ttl,
#ginza-studio #sec1.studio_info .studio_info_inner .studio_info_detail .ttl {
font-size: 1.4rem;
font-weight: 300;
position: relative;
padding-left: 3rem;
margin-bottom: 1rem;
}
#omotesando-studio #sec1.studio_info .studio_info_inner .studio_info_detail .ttl::before,
#ginza-studio #sec1.studio_info .studio_info_inner .studio_info_detail .ttl::before {
display: block;
content: "";
position: absolute;
top: 7%;
left: 0;
width: 2rem;
height: 2rem;
background: url(//bct-gym.com/2023/wp-content/themes/bct_vol2/images/common/icon_heart.svg) no-repeat center;
background-size: contain;
}
#omotesando-studio #sec1.studio_info .studio_info_inner .studio_info_detail .detail_list,
#ginza-studio #sec1.studio_info .studio_info_inner .studio_info_detail .detail_list {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-bottom: 5rem;
}
#omotesando-studio #sec1.studio_info .studio_info_inner .studio_info_detail .detail_list li,
#ginza-studio #sec1.studio_info .studio_info_inner .studio_info_detail .detail_list li {
width: 49%;
margin-bottom: 2%;
background: #E4EFD5;
font-size: 1.4rem;
font-weight: 300;
padding: 1rem;
line-height: 1.5;
min-height: 6rem;
}
#omotesando-studio #sec1.studio_info .studio_info_inner .studio_info_detail .text_area .sns_list,
#ginza-studio #sec1.studio_info .studio_info_inner .studio_info_detail .text_area .sns_list {
display: flex;
justify-content: center;
margin-bottom: 3rem;
}
#omotesando-studio #sec1.studio_info .studio_info_inner .studio_info_detail .text_area .sns_list li,
#ginza-studio #sec1.studio_info .studio_info_inner .studio_info_detail .text_area .sns_list li {
width: 8%;
margin: 0 2rem;
}
@media (max-width: 820px) {
#omotesando-studio #sec1.studio_info .studio_info_inner .studio_info_detail .text_area .sns_list li,
#ginza-studio #sec1.studio_info .studio_info_inner .studio_info_detail .text_area .sns_list li {
width: 11%;
}
}
#omotesando-studio #sec1.studio_info .studio_info_inner .studio_info_detail .info,
#ginza-studio #sec1.studio_info .studio_info_inner .studio_info_detail .info {
display: flex;
flex-wrap: wrap;
align-items: baseline;
margin-bottom: 2rem;
}
@media (max-width: 820px) {
#omotesando-studio #sec1.studio_info .studio_info_inner .studio_info_detail .info,
#ginza-studio #sec1.studio_info .studio_info_inner .studio_info_detail .info {
width: 86%;
margin-left: auto;
margin-right: auto;
}
}
#omotesando-studio #sec1.studio_info .studio_info_inner .studio_info_detail .info dt,
#ginza-studio #sec1.studio_info .studio_info_inner .studio_info_detail .info dt {
width: 30%;
font-size: 1.4rem;
font-weight: 300;
margin-bottom: 1.5rem;
}
#omotesando-studio #sec1.studio_info .studio_info_inner .studio_info_detail .info dd,
#ginza-studio #sec1.studio_info .studio_info_inner .studio_info_detail .info dd {
width: 70%;
font-size: 1.4rem;
font-weight: 300;
margin-bottom: 1.5rem;
}
#omotesando-studio #sec1.studio_info .studio_info_inner .studio_info_detail .info dd.tel,
#ginza-studio #sec1.studio_info .studio_info_inner .studio_info_detail .info dd.tel {
font-family: "Lato", sans-serif;
color: #83C757;
font-size: 3rem;
}
#omotesando-studio #sec1.studio_info .studio_info_inner .studio_info_detail .sub_text,
#ginza-studio #sec1.studio_info .studio_info_inner .studio_info_detail .sub_text {
font-weight: 300;
line-height: 1.5;
}
@media (max-width: 820px) {
#omotesando-studio #sec1.studio_info .studio_info_inner .studio_info_detail .sub_text,
#ginza-studio #sec1.studio_info .studio_info_inner .studio_info_detail .sub_text {
width: 86%;
margin: 0 auto;
font-size: 1.2rem;
}
}
#omotesando-studio #sec1.studio_info .googlemap,
#ginza-studio #sec1.studio_info .googlemap {
width: 85%;
height: 0;
overflow: hidden;
padding-bottom: 27.25%;
margin: 8.5rem 0 6rem auto;
position: relative;
}
@media (max-width: 820px) {
#omotesando-studio #sec1.studio_info .googlemap,
#ginza-studio #sec1.studio_info .googlemap {
width: 100%;
padding-bottom: 67.25%;
margin: 6rem auto;
}
}
#omotesando-studio #sec1.studio_info .googlemap iframe,
#ginza-studio #sec1.studio_info .googlemap iframe {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
#omotesando-studio #sec1.studio_info .btn_area,
#ginza-studio #sec1.studio_info .btn_area {
width: 30%;
margin: 0 auto;
text-align: center;
}
@media (max-width: 820px) {
#omotesando-studio #sec1.studio_info .btn_area,
#ginza-studio #sec1.studio_info .btn_area {
width: 91%;
}
}  #pricelist {
background: #F2F2F2;
}
#pricelist .page_header {
margin-bottom: 6rem;
}
@media (max-width: 820px) {
#pricelist .page_header {
margin-bottom: 7rem;
}
}
#pricelist .page_header .key_visual {
margin-bottom: 7rem;
}
@media (max-width: 820px) {
#pricelist .page_header .key_visual {
margin-bottom: 5rem;
}
}
#pricelist .page_header .caption {
text-align: left;
}
@media (max-width: 820px) {
#pricelist .page_header .caption {
width: 100%;
margin: 0 auto;
}
}
#pricelist .page_header .caption .caption_studio_name {
width: 100%;
}
#pricelist .page_header .caption .caption_title {
font-size: 3.6rem;
margin-bottom: 4rem;
line-height: 1.5;
}
@media (max-width: 820px) {
#pricelist .page_header .caption .caption_title {
width: 91%;
font-size: 2.4rem;
margin: 0 auto 2rem;
}
}
#pricelist .page_header .caption>.text {
font-size: 1.8rem;
line-height: 1.8;
font-weight: 300;
}
@media (max-width: 820px) {
#pricelist .page_header .caption>.text {
font-size: 1.4rem;
}
}
#pricelist .main_ttl {
margin-bottom: 3rem;
}
@media (max-width: 820px) {
#pricelist .main_ttl {
width: 91%;
margin: 0 auto 3rem;
}
}
#pricelist .main_ttl .en {
font-size: 6.2rem;
font-family: "Lato", sans-serif;
color: #C7E5A0;
}
@media (max-width: 820px) {
#pricelist .main_ttl .en {
font-size: 4.5rem;
}
}
#pricelist .main_ttl .jp {
font-size: 3.2rem;
}
@media (max-width: 820px) {
#pricelist .main_ttl .jp {
font-size: 2.4rem;
}
}
#pricelist .menu_cont {
display: flex;
justify-content: space-between;
}
@media (max-width: 820px) {
#pricelist .menu_cont {
flex-direction: column;
}
}
#pricelist .menu_cont .left_box {
width: 48%;
}
@media (max-width: 820px) {
#pricelist .menu_cont .left_box {
width: 100%;
margin-bottom: 2rem;
}
}
#pricelist .menu_cont .left_box .text {
font-size: 1.8rem;
line-height: 1.5;
font-weight: 300;
padding-top: 2rem;
}
@media (max-width: 820px) {
#pricelist .menu_cont .left_box .text {
font-size: 1.4rem;
width: 80%;
margin: 0 auto;
}
}
#pricelist .menu_cont .right_box {
width: 48%;
display: flex;
justify-content: space-between;
flex-direction: column;
}
@media (max-width: 820px) {
#pricelist .menu_cont .right_box {
width: 100%;
}
}
#pricelist .menu_cont .right_box>.text {
font-size: 2rem;
line-height: 1.8;
font-weight: 300;
}
@media (max-width: 820px) {
#pricelist .menu_cont .right_box>.text {
width: 80%;
font-size: 1.4rem;
margin: 0 auto;
}
}
#pricelist .menu_cont .right_box .price {
display: flex;
justify-content: space-between;
align-items: baseline;
}
@media (max-width: 820px) {
#pricelist .menu_cont .right_box .price {
width: 80%;
margin: 4rem auto;
}
}
#pricelist .menu_cont .right_box .price .price_ttl {
font-size: 2.4rem;
}
@media (max-width: 820px) {
#pricelist .menu_cont .right_box .price .price_ttl {
font-size: 1.8rem;
}
}
#pricelist .menu_cont .right_box .price .price_ttl span {
font-size: 1.8rem;
font-weight: 300;
}
@media (max-width: 820px) {
#pricelist .menu_cont .right_box .price .price_ttl span {
font-size: 1.2rem;
}
}
#pricelist .menu_cont .right_box .price .price_num {
font-size: 2.4rem;
}
@media (max-width: 820px) {
#pricelist .menu_cont .right_box .price .price_num {
font-size: 1.8rem;
}
}
#pricelist .menu_cont .right_box .price .price_num span {
font-size: 8.2rem;
font-family: "Arial", sans-serif;
color: #5CAC28;
}
@media (max-width: 820px) {
#pricelist .menu_cont .right_box .price .price_num span {
font-size: 3.6rem;
}
}
@media (max-width: 820px) {
#pricelist .menu_cont .right_box .btn_area {
width: 91%;
margin: 0 auto;
text-align: center;
}
}
#pricelist #sec1 {
background: #fff;
}
#pricelist .main_price_inner {
text-align: left;
padding: 6rem 0;
}
@media (max-width: 820px) {
#pricelist .main_price_inner {
padding: 6rem 0 0;
}
}
#pricelist .main_price_inner .menu_cont {
margin-bottom: 12rem;
}
@media (max-width: 820px) {
#pricelist .main_price_inner .menu_cont {
margin-bottom: 7rem;
}
}
#pricelist .sub_link {
font-size: 1.6rem;
font-weight: 300;
}
@media (max-width: 820px) {
#pricelist .sub_link {
font-size: 1.4rem;
width: 92%;
margin: 0 auto;
}
#pricelist .sub_link.mode_sp {
display: block !important;
}
}
#pricelist .sub_link ul {
display: flex;
justify-content: center;
margin-bottom: 3rem;
}
@media (max-width: 820px) {
#pricelist .sub_link ul {
margin-bottom: 2rem;
}
}
#pricelist .sub_link ul li span {
color: #83C757;
}
#pricelist .sub_link ul li a {
text-decoration: underline;
}
#pricelist .price_area {
margin-bottom: 15rem;
}
@media (max-width: 820px) {
#pricelist .price_area {
margin-bottom: 10rem;
}
}
#pricelist .price_area .plan_ttl {
background: #83C757;
border-radius: 2rem 2rem 0 0;
text-align: center;
margin: 0 auto 4rem;
padding: 3rem 0 2rem;
}
#pricelist .price_area .plan_ttl h4 {
color: #fff;
font-size: 3rem;
margin-bottom: 2rem;
}
@media (max-width: 820px) {
#pricelist .price_area .plan_ttl h4 {
font-size: 2.4rem;
line-height: 1.5;
margin-bottom: 1rem;
}
}
#pricelist .price_area .plan_ttl .ttl_text {
font-weight: 300;
font-size: 1.8rem;
color: #fff;
}
@media (max-width: 820px) {
#pricelist .price_area .plan_ttl .ttl_text {
font-size: 1.3rem;
}
}
#pricelist .price_area .plan_ttl .att {
font-weight: 300;
font-size: 1.4rem;
}
@media (max-width: 820px) {
#pricelist .price_area .plan_ttl .att {
font-size: 1.2rem;
}
}
#pricelist .price_area .plan_cont {
display: flex;
justify-content: space-between;
margin-bottom: 2.5rem;
}
@media (max-width: 820px) {
#pricelist .price_area .plan_cont {
flex-direction: column;
margin-bottom: 0;
}
}
#pricelist .price_area .plan_cont_item {
width: 48%;
}
@media (max-width: 820px) {
#pricelist .price_area .plan_cont_item {
width: 91%;
margin: 0 auto;
}
}
#pricelist .price_area .plan_cont_item .item_ttl {
font-size: 3rem;
text-align: center;
margin-bottom: 2rem;
}
@media (max-width: 820px) {
#pricelist .price_area .plan_cont_item .item_ttl {
font-size: 2.4rem;
}
}
#pricelist .price_area .plan_cont_item .item_ttl_top {
position: relative;
padding-bottom: 1.5rem;
margin-bottom: 1.5rem;
border-bottom: 2px solid #262626;
}
#pricelist .price_area .plan_cont_item .item_ttl_top::before {
content: "";
position: absolute;
bottom: -12px;
left: 50%;
margin-left: -10px;
border: 6px solid transparent;
border-top: 6px solid #fff;
z-index: 2;
}
#pricelist .price_area .plan_cont_item .item_ttl_top::after {
content: "";
position: absolute;
bottom: -15px;
left: 50%;
margin-left: -11px;
border: 7px solid transparent;
border-top: 7px solid #262626;
z-index: 1;
}
#pricelist .price_area .plan_cont_item .item_box {
background: #E4EFD5;
padding: 4rem;
text-align: center;
margin-bottom: 1.6rem;
}
@media (max-width: 820px) {
#pricelist .price_area .plan_cont_item .item_box {
margin-bottom: 2rem;
}
}
#pricelist .price_area .plan_cont_item .item_box .item_box_inner {
display: flex;
justify-content: space-between;
align-items: center;
}
@media (max-width: 820px) {
#pricelist .price_area .plan_cont_item .item_box .item_box_inner {
flex-direction: column;
}
}
#pricelist .price_area .plan_cont_item .item_box .item_box_inner dl {
width: 40%;
text-align: center;
}
@media (max-width: 820px) {
#pricelist .price_area .plan_cont_item .item_box .item_box_inner dl {
width: 100%;
margin-bottom: 2.5rem;
}
}
#pricelist .price_area .plan_cont_item .item_box .item_box_inner dl dt {
font-size: 2.4rem;
color: #5CAC28;
margin-bottom: 1.5rem;
line-height: 1.5;
}
@media (max-width: 820px) {
#pricelist .price_area .plan_cont_item .item_box .item_box_inner dl dt {
font-size: 1.8rem;
margin-bottom: 1rem;
}
}
#pricelist .price_area .plan_cont_item .item_box .item_box_inner dl dd {
font-size: 1.6rem;
line-height: 1.7;
font-weight: 300;
}
@media (max-width: 820px) {
#pricelist .price_area .plan_cont_item .item_box .item_box_inner dl dd {
font-size: 1.4rem;
}
}
#pricelist .price_area .plan_cont_item .item_box .item_box_inner .price {
font-size: 2.4rem;
font-weight: 300;
}
@media (max-width: 820px) {
#pricelist .price_area .plan_cont_item .item_box .item_box_inner .price {
font-size: 1.8rem;
}
}
#pricelist .price_area .plan_cont_item .item_box .item_box_inner .price .num {
font-size: 4.6rem;
color: #5CAC28;
font-family: "Arial", sans-serif;
font-weight: 700;
padding: 0 .5rem;
}
@media (max-width: 820px) {
#pricelist .price_area .plan_cont_item .item_box .item_box_inner .price .num {
font-size: 3.6rem;
padding: 0 .5rem 0 2rem;
}
}
#pricelist .price_area .plan_cont_item .item_box .sub_text {
font-weight: 300;
font-size: 1.5rem;
margin-top: 4rem;
}
@media (max-width: 820px) {
#pricelist .price_area .plan_cont_item .item_box .sub_text {
font-size: 1.2rem;
margin-top: 1.5rem;
}
}
#pricelist .price_area .plan_cont.no_flex {
flex-direction: column;
}
#pricelist .price_area .plan_cont.no_flex .item_ttl {
font-size: 2.4rem;
text-align: center;
margin: 0 auto 3rem;
}
@media (max-width: 820px) {
#pricelist .price_area .plan_cont.no_flex .item_ttl {
font-size: 1.8rem;
}
}
#pricelist .price_area .plan_cont.no_flex .item_ttl .att {
display: block;
font-size: 1.5rem;
margin-top: 1rem;
font-weight: 300;
}
#pricelist .price_area .plan_cont.no_flex .plan_cont_item {
width: 100%;
margin-bottom: 4rem;
}
@media (max-width: 820px) {
#pricelist .price_area .plan_cont.no_flex .plan_cont_item {
padding: 0 2rem;
overflow: hidden;
position: relative;
}
#pricelist .price_area .plan_cont.no_flex .plan_cont_item:nth-last-of-type(1) {
margin-bottom: 4rem;
}
}
#pricelist .price_area .plan_cont.no_flex .plan_cont_item .swiper-scrollbar {
width: 91%;
top: 1%;
left: 0;
right: 0;
margin: 0 auto;
}
#pricelist .price_area .plan_cont.no_flex .plan_cont_item .swiper-scrollbar .swiper-scrollbar-drag {
background: #83C757;
}
#pricelist .price_area .plan_cont.no_flex .plan_cont_item .swiper-button-next,
#pricelist .price_area .plan_cont.no_flex .plan_cont_item .swiper-button-prev {
display: none;
}
@media (max-width: 820px) {
#pricelist .price_area .plan_cont.no_flex .plan_cont_item .swiper-button-next,
#pricelist .price_area .plan_cont.no_flex .plan_cont_item .swiper-button-prev {
display: block;
width: 3rem;
height: 3rem;
background: #fff;
border-radius: 50%;
box-shadow: 0 0 6px rgba(0, 0, 0, 0.16);
z-index: 1;
transition: opacity .2s ease-in-out;
}
#pricelist .price_area .plan_cont.no_flex .plan_cont_item .swiper-button-next::after,
#pricelist .price_area .plan_cont.no_flex .plan_cont_item .swiper-button-prev::after {
display: block;
content: "";
position: absolute;
top: 34%;
left: 30%;
margin: auto;
width: 1rem;
height: 1rem;
border-top: solid 2px #83C757;
border-right: solid 2px #83C757;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
}
#pricelist .price_area .plan_cont.no_flex .plan_cont_item .swiper-button-next.swiper-button-disabled,
#pricelist .price_area .plan_cont.no_flex .plan_cont_item .swiper-button-prev.swiper-button-disabled {
opacity: 1;
}
@media (max-width: 820px) {
#pricelist .price_area .plan_cont.no_flex .plan_cont_item .swiper-button-prev::after {
left: 37%;
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg);
}
}
#pricelist .price_area .plan_cont.no_flex .plan_cont_item .item_box {
padding: 3.5rem 10rem;
width: auto;
}
#pricelist .price_area .plan_cont.no_flex .plan_cont_item .item_box .swiper-slide {
width: 50%;
}
@media (max-width: 820px) {
#pricelist .price_area .plan_cont.no_flex .plan_cont_item .item_box {
width: 100%; padding: 3.5rem 0 0;
background: none;
}
#pricelist .price_area .plan_cont.no_flex .plan_cont_item .item_box .swiper-slide {
width: 100%;
padding: 3.5rem 0;
background: #E4EFD5;
}
#pricelist .price_area .plan_cont.no_flex .plan_cont_item .item_box .swiper-slide:nth-of-type(1) {
padding-left: 1rem;
}
#pricelist .price_area .plan_cont.no_flex .plan_cont_item .item_box .swiper-slide:nth-of-type(2) {
padding-right: 1rem;
}
}
@media (max-width: 820px) {
#pricelist .price_area .plan_cont.no_flex:nth-last-of-type(1) .plan_cont_item {
margin-bottom: 0;
}
}
#pricelist .price_area .plan_att {
font-size: 1.4rem;
font-weight: 300;
line-height: 1.5;
}
@media (max-width: 820px) {
#pricelist .price_area .plan_att {
font-size: 1.2rem;
width: 91%;
margin: 0 auto;
}
}
#pricelist .price_area .plan_trial {
text-align: center;
margin-bottom: 4rem;
}
@media (max-width: 820px) {
#pricelist .price_area .plan_trial {
margin-bottom: 0;
}
}
#pricelist .price_area .plan_trial_text {
font-size: 2.6rem;
display: inline-block;
position: relative;
}
@media (max-width: 820px) {
#pricelist .price_area .plan_trial_text {
width: 91%;
display: block;
font-size: 1.8rem;
margin: 0 auto 2rem;
}
}
#pricelist .price_area .plan_trial_text::before,
#pricelist .price_area .plan_trial_text::after {
content: "";
width: 4rem;
height: 5.5rem;
position: absolute;
top: 37%;
}
@media (max-width: 820px) {
#pricelist .price_area .plan_trial_text::before,
#pricelist .price_area .plan_trial_text::after {
top: 57%;
width: 3rem;
height: 4.5rem;
}
}
#pricelist .price_area .plan_trial_text::before {
left: -7rem;
margin-top: -1.5rem;
background: url(//bct-gym.com/2023/wp-content/themes/bct_vol2/images/pricelist/parts_line_left.svg) no-repeat;
background-size: contain;
}
@media (max-width: 820px) {
#pricelist .price_area .plan_trial_text::before {
left: 0;
}
}
#pricelist .price_area .plan_trial_text::after {
right: -7rem;
margin-top: -1.5rem;
background: url(//bct-gym.com/2023/wp-content/themes/bct_vol2/images/pricelist/parts_line_right.svg) no-repeat;
background-size: contain;
}
@media (max-width: 820px) {
#pricelist .price_area .plan_trial_text::after {
right: 0;
}
}
#pricelist .price_area .plan_trial_text .num {
padding-left: 4rem;
padding-right: 1rem;
font-size: 8.2rem;
font-weight: 700;
font-family: "Arial", sans-serif;
color: #5CAC28;
}
@media (max-width: 820px) {
#pricelist .price_area .plan_trial_text .num {
padding-left: 0;
font-size: 5rem;
margin-top: 2rem;
display: inline-block;
}
}
#pricelist .price_area .off_text {
color: #fff;
font-size: 1.5rem;
display: inline-block;
margin-top: 1rem;
background: #83C757;
padding: .7rem 25%;
border-radius: 5rem;
}
@media (max-width: 820px) {
#pricelist .price_area .off_text {
padding: 0.7rem 35%;
}
}
#pricelist #price04 .plan_cont_item {
background: #E4EFD5;
}
@media (max-width: 820px) {
#pricelist #price04 .plan_cont_item:nth-of-type(1) {
margin-bottom: 2rem;
}
}
#pricelist #price04 .plan_cont_item .item_box {
margin-bottom: 0;
}
#pricelist #price04 .plan_cont_item .sub_text {
margin-top: 2rem;
}
#pricelist .course_wrap {
background: #F2F2F2;
padding: 5rem 0 0;
position: relative;
z-index: 0;
}
@media (max-width: 820px) {
#pricelist .course_wrap {
padding: 5rem 0 0;
}
}
#pricelist .course_area {
padding: 5rem 0;
}
@media (max-width: 820px) {
#pricelist .course_area {
padding: 3rem 0 4rem;
}
}
#pricelist .course_area .course_name {
color: #fff;
text-align: center;
font-size: 4.5rem;
line-height: 7rem;
margin-bottom: 8rem;
position: relative;
}
@media (max-width: 820px) {
#pricelist .course_area .course_name {
font-size: 2.4rem;
line-height: 4rem;
margin-bottom: 4rem;
}
}
#pricelist .course_area .course_name h4 {
position: relative;
z-index: 1;
}
#pricelist .course_area .course_name::after {
width: 90%;
height: 7rem;
background: linear-gradient(90deg, #8FE956 0%, #83C757 100%) 0% 0% no-repeat;
display: block;
content: "";
position: absolute;
top: 0;
left: -3%;
z-index: 0;
transform: skewX(-20deg);
}
@media (max-width: 820px) {
#pricelist .course_area .course_name::after {
width: 100%;
height: 4rem;
}
}
#pricelist .course_area .course_about {
display: flex;
justify-content: space-between;
margin-bottom: 8rem;
}
@media (max-width: 820px) {
#pricelist .course_area .course_about {
width: 91%;
flex-direction: column;
margin: 0 auto 4rem;
}
}
#pricelist .course_area .course_about .ttl {
width: 40%;
padding-top: 1rem;
padding-left: 3rem;
line-height: 1.4;
}
@media (max-width: 820px) {
#pricelist .course_area .course_about .ttl {
width: 100%;
padding-top: 0;
padding-left: 0;
margin-bottom: 3rem;
text-align: left;
}
}
#pricelist .course_area .course_about .ttl .en {
color: #83C757;
font-size: 3.8rem;
}
@media (max-width: 820px) {
#pricelist .course_area .course_about .ttl .en {
font-size: 3rem;
}
}
#pricelist .course_area .course_about .ttl .jp {
font-size: 2rem;
}
@media (max-width: 820px) {
#pricelist .course_area .course_about .ttl .jp {
font-size: 1.6rem;
}
}
#pricelist .course_area .course_about .text {
width: 55%;
font-size: 2rem;
font-weight: 300;
text-align: left;
line-height: 1.5;
}
@media (max-width: 820px) {
#pricelist .course_area .course_about .text {
width: 100%;
font-size: 1.4rem;
}
}
#pricelist .course_area .course_cont {
background: #fff;
position: relative;
margin-bottom: 8rem;
}
#pricelist .course_area .course_cont .image {
width: 65%;
position: absolute;
top: 0;
height: 100%;
left: 0;
z-index: 0;
}
@media (max-width: 820px) {
#pricelist .course_area .course_cont .image {
width: 100%;
position: relative;
}
}
#pricelist .course_area .course_cont dl {
width: 65%;
margin: 0 0 0 auto;
padding: 6rem 0 6rem 8rem;
background: rgba(255, 255, 255, 0.8);
position: relative;
}
@media (max-width: 820px) {
#pricelist .course_area .course_cont dl {
width: 100%;
margin: -4rem auto 0;
padding: 4rem 0 4rem;
}
}
#pricelist .course_area .course_cont dl dt {
font-size: 2.5rem;
margin-bottom: 4rem;
line-height: 1.8;
}
@media (max-width: 820px) {
#pricelist .course_area .course_cont dl dt {
width: 91%;
font-size: 2.3rem;
margin: 0 auto 2rem;
}
}
#pricelist .course_area .course_cont dl dd {
font-size: 1.6rem;
font-weight: 300;
line-height: 1.8;
width: 82%;
}
@media (max-width: 820px) {
#pricelist .course_area .course_cont dl dd {
width: 91%;
font-size: 1.4rem;
margin: 0 auto;
}
}
#pricelist .course_area .course_cont dl dd ul {
margin-top: 9rem;
line-height: 2;
}
@media (max-width: 820px) {
#pricelist .course_area .course_cont dl dd ul {
margin-top: 6rem;
}
}
#pricelist .course_area .course_cont dl dd ul li {
padding-left: 4rem;
margin-bottom: 2rem;
line-height: 1.5;
position: relative;
}
@media (max-width: 820px) {
#pricelist .course_area .course_cont dl dd ul li {
padding-left: 3rem;
}
}
#pricelist .course_area .course_cont dl dd ul li span {
color: #83C757;
}
#pricelist .course_area .course_cont dl dd ul li::before {
display: block;
width: 2rem;
height: 2rem;
content: "";
position: absolute;
left: 0;
top: 56%;
transform: translateY(-50%);
background: url(//bct-gym.com/2023/wp-content/themes/bct_vol2/images/common/icon_heart.svg) no-repeat center;
background-size: contain;
}
@media (max-width: 820px) {
#pricelist .course_area .course_cont dl dd ul li::before {
top: 8%;
transform: translateY(0);
}
}
#pricelist .course_area .course_detail {
margin-bottom: 5rem;
}
@media (max-width: 820px) {
#pricelist .course_area .course_detail {
margin-bottom: 2rem;
}
}
#pricelist .course_area .course_detail .inner {
background: url(//bct-gym.com/2023/wp-content/themes/bct_vol2/images/pricelist/sec03_img_02.jpg) no-repeat center;
background-size: cover;
padding: 1rem 10% 3rem;
text-align: left;
}
@media (max-width: 820px) {
#pricelist .course_area .course_detail .inner {
margin: 0 auto;
padding: 7rem 0 3rem;
}
}
#pricelist .course_area .course_detail .ttl {
width: 80%;
margin-bottom: 2rem;
}
@media (max-width: 820px) {
#pricelist .course_area .course_detail .ttl {
width: 91%;
margin: 0 auto 2rem;
}
#pricelist .course_area .course_detail .ttl img {
width: 85%;
}
}
#pricelist .course_area .course_detail .lead {
font-size: 2.1rem;
line-height: 1.5;
margin-bottom: 8%;
}
@media (max-width: 820px) {
#pricelist .course_area .course_detail .lead {
font-size: 1.9rem;
width: 91%;
margin: 0 auto 5rem;
}
}
@media (max-width: 820px) {
#pricelist .course_area .course_detail .list {
width: 91%;
margin: 0 auto;
}
}
#pricelist .course_area .course_detail .list dt {
font-size: 3rem;
color: #83C757;
margin-bottom: 2rem;
}
@media (max-width: 820px) {
#pricelist .course_area .course_detail .list dt {
font-size: 2.4rem;
margin-bottom: 1.4rem;
}
}
#pricelist .course_area .course_detail .list dt span {
padding-left: 2rem;
font-size: 1.6rem;
font-weight: 300;
color: #262626;
}
@media (max-width: 820px) {
#pricelist .course_area .course_detail .list dt span {
font-size: 1.4rem;
padding-left: 0;
}
}
#pricelist .course_area .course_detail .list dd {
border-radius: 5px;
background: rgba(255, 255, 255, 0.7);
padding: 5% 10%;
}
@media (max-width: 820px) {
#pricelist .course_area .course_detail .list dd {
padding: 5%;
}
}
#pricelist .course_area .course_detail .list dd ul {
display: flex;
flex-wrap: wrap;
font-weight: 300;
}
#pricelist .course_area .course_detail .list dd ul li {
position: relative;
padding-left: 3rem;
margin-right: 5%;
margin-bottom: 2rem;
}
@media (max-width: 820px) {
#pricelist .course_area .course_detail .list dd ul li {
padding-left: 2.5rem;
font-size: 1.4rem;
}
}
#pricelist .course_area .course_detail .list dd ul li::before {
content: "";
width: 2.5rem;
height: 2.5rem;
background: url(//bct-gym.com/2023/wp-content/themes/bct_vol2/images/common/icon_check.svg) no-repeat;
background-size: contain;
position: absolute;
top: 74%;
left: 0;
transform: translateY(-50%);
}
@media (max-width: 820px) {
#pricelist .course_area .course_detail .list dd ul li::before {
width: 1.8rem;
height: 1.8rem;
}
}
#pricelist .course_area .course_detail .list dd ul li:last-child {
margin-bottom: 0;
}
#pricelist .course_area .course_detail .list dd ul li:last-child::before {
top: 29%;
}
#pricelist .course_area .course_price {
margin-bottom: 2rem;
text-align: center;
}
#pricelist .course_area .course_price_text {
font-size: 2.6rem;
padding-top: 3rem;
display: inline-block;
position: relative;
}
@media (max-width: 820px) {
#pricelist .course_area .course_price_text {
width: 91%;
margin: 0 auto;
display: block;
font-size: 1.7rem;
padding-top: 2rem;
}
}
#pricelist .course_area .course_price_text::before,
#pricelist .course_area .course_price_text::after {
content: "";
width: 4rem;
height: 5.5rem;
position: absolute;
top: 37%;
}
@media (max-width: 820px) {
#pricelist .course_area .course_price_text::before,
#pricelist .course_area .course_price_text::after {
top: 57%;
width: 3rem;
height: 4.5rem;
}
}
#pricelist .course_area .course_price_text::before {
left: -7rem;
margin-top: -1.5rem;
background: url(//bct-gym.com/2023/wp-content/themes/bct_vol2/images/pricelist/parts_line_left.svg) no-repeat;
background-size: contain;
}
@media (max-width: 820px) {
#pricelist .course_area .course_price_text::before {
margin-top: -2.5rem;
left: 0;
}
}
#pricelist .course_area .course_price_text::after {
right: -7rem;
margin-top: -1.5rem;
background: url(//bct-gym.com/2023/wp-content/themes/bct_vol2/images/pricelist/parts_line_right.svg) no-repeat;
background-size: contain;
}
@media (max-width: 820px) {
#pricelist .course_area .course_price_text::after {
margin-top: -2.5rem;
right: 0;
}
}
#pricelist .course_area .course_price_num {
display: flex;
justify-content: center;
align-items: center;
font-size: 3.5rem;
margin-top: 1rem;
}
@media (max-width: 820px) {
#pricelist .course_area .course_price_num {
font-size: 2rem;
}
}
@media (max-width: 820px) {
#pricelist .course_area .course_price_num .text {
text-align: right;
}
}
#pricelist .course_area .course_price_num .icon {
width: 12%;
display: inline-block;
vertical-align: middle;
margin-right: 2rem;
}
@media (max-width: 820px) {
#pricelist .course_area .course_price_num .icon {
width: 20%;
margin-right: 1rem;
}
}
#pricelist .course_area .course_price_num .num {
color: #5CAC28;
font-size: 9.6rem;
font-family: "Arial", sans-serif;
}
@media (max-width: 820px) {
#pricelist .course_area .course_price_num .num {
font-size: 5.5rem;
}
}
#pricelist .course_area .btn_area {
text-align: center;
}
#pricelist .course_area .btn_area a {
max-width: 500px;
width: 40%;
}
@media (max-width: 820px) {
#pricelist .course_area .btn_area a {
width: 91%;
}
}
#pricelist .course_wrap.diet .course_cont .image {
background: url(//bct-gym.com/2023/wp-content/themes/bct_vol2/images/pricelist/sec03_img_01.jpg) no-repeat center;
background-size: cover;
}
@media (max-width: 820px) {
#pricelist .course_wrap.diet .course_cont .image {
background: url(//bct-gym.com/2023/wp-content/themes/bct_vol2/images/pricelist/sec03_img_01_sp.jpg) no-repeat center;
background-size: cover;
padding-top: 67%;
}
}
#pricelist .course_wrap.diet .course_detail .inner {
background: url(//bct-gym.com/2023/wp-content/themes/bct_vol2/images/pricelist/sec03_img_02.jpg) no-repeat center;
background-size: cover;
}
@media (max-width: 820px) {
#pricelist .course_wrap.diet .course_detail .inner {
background: url(//bct-gym.com/2023/wp-content/themes/bct_vol2/images/pricelist/sec03_img_02_sp.jpg) no-repeat center;
background-size: cover;
}
}
#pricelist .course_wrap.hip .course_cont .image {
background: url(//bct-gym.com/2023/wp-content/themes/bct_vol2/images/pricelist/sec03_img_03.png) no-repeat center;
background-size: contain;
}
@media (max-width: 820px) {
#pricelist .course_wrap.hip .course_cont .image {
background: url(//bct-gym.com/2023/wp-content/themes/bct_vol2/images/pricelist/sec03_img_03_sp.png) no-repeat center;
background-size: cover;
padding-top: 67%;
}
}
#pricelist .course_wrap.hip .course_detail .inner {
background: url(//bct-gym.com/2023/wp-content/themes/bct_vol2/images/pricelist/sec03_img_04.jpg) no-repeat center;
background-size: cover;
}
@media (max-width: 820px) {
#pricelist .course_wrap.hip .course_detail .inner {
background: url(//bct-gym.com/2023/wp-content/themes/bct_vol2/images/pricelist/sec03_img_04_sp.jpg) no-repeat center;
background-size: cover;
}
}
@media (max-width: 820px) {
#pricelist #price03 .plan_cont:nth-of-type(1) {
margin-bottom: 5rem;
}
}
#pricelist #price05 {
margin-bottom: 5rem;
}
@media (max-width: 820px) {
#pricelist #price05 .plan_cont_item:nth-of-type(1) {
margin: 0 auto 4rem;
position: relative;
}
#pricelist #price05 .plan_cont_item:nth-of-type(1)::after {
content: "";
width: 100%;
height: 1px;
border-bottom: 1px dashed #262626;
position: absolute;
bottom: -1rem;
left: 0;
}
}
#pricelist #sec2.include_item {
background: #262626;
padding: 5.5rem 0 5rem;
text-align: center;
}
@media (max-width: 820px) {
#pricelist #sec2.include_item {
padding: 4.5rem 0 4rem;
}
}
#pricelist #sec2.include_item .ttl {
font-size: 2.6rem;
color: #83C757;
margin-bottom: 4.5rem;
}
@media (max-width: 820px) {
#pricelist #sec2.include_item .ttl {
font-size: 1.8rem;
margin-bottom: 4.5rem;
}
}
#pricelist #sec2.include_item .include_item_list {
width: 37%;
margin: 0 auto;
padding-left: 4%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
@media (max-width: 820px) {
#pricelist #sec2.include_item .include_item_list {
width: 90%;
padding-left: 0;
}
}
#pricelist #sec2.include_item .include_item_list li {
width: 45%;
position: relative;
color: #fff;
font-size: 1.6rem;
font-weight: 300;
line-height: 1.5;
margin-bottom: 2.5rem;
padding-left: 5.5rem;
text-align: left;
}
@media (max-width: 820px) {
#pricelist #sec2.include_item .include_item_list li {
width: 48%;
font-size: 1.2rem;
padding-left: 5rem;
}
}
#pricelist #sec2.include_item .include_item_list li::before {
width: 4rem;
height: 4rem;
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
display: block;
content: "";
}
@media (max-width: 820px) {
#pricelist #sec2.include_item .include_item_list li::before {
width: 3.5rem;
height: 3.5rem;
}
}
#pricelist #sec2.include_item .include_item_list li.icon_01::before {
background: url(//bct-gym.com/2023/wp-content/themes/bct_vol2/images/pricelist/icon_service_01.svg) no-repeat center;
background-size: contain;
}
#pricelist #sec2.include_item .include_item_list li.icon_02::before {
background: url(//bct-gym.com/2023/wp-content/themes/bct_vol2/images/pricelist/icon_service_02.svg) no-repeat center;
background-size: contain;
}
#pricelist #sec2.include_item .include_item_list li.icon_03::before {
background: url(//bct-gym.com/2023/wp-content/themes/bct_vol2/images/pricelist/icon_service_03.svg) no-repeat center;
background-size: contain;
}
#pricelist #sec2.include_item .include_item_list li.icon_04::before {
background: url(//bct-gym.com/2023/wp-content/themes/bct_vol2/images/pricelist/icon_service_04.svg) no-repeat center;
background-size: contain;
}
#pricelist #sec2.include_item .include_item_list li.icon_05::before {
background: url(//bct-gym.com/2023/wp-content/themes/bct_vol2/images/pricelist/icon_service_05.svg) no-repeat center;
background-size: contain;
}
#pricelist #sec3.amenitie_item {
padding: 5.5rem 0 7.5rem;
text-align: center;
}
@media (max-width: 820px) {
#pricelist #sec3.amenitie_item {
padding: 4.5rem 0 4rem;
}
}
#pricelist #sec3.amenitie_item .ttl {
font-size: 2.6rem;
margin-bottom: 4.5rem;
}
@media (max-width: 820px) {
#pricelist #sec3.amenitie_item .ttl {
font-size: 1.8rem;
margin-bottom: 4.5rem;
}
}
#pricelist #sec3.amenitie_item .amenitie_item_inner {
display: flex;
justify-content: space-between;
align-items: center;
}
@media (max-width: 820px) {
#pricelist #sec3.amenitie_item .amenitie_item_inner {
flex-direction: column;
}
}
#pricelist #sec3.amenitie_item .amenitie_item_inner .image {
width: 45%;
position: relative;
}
@media (max-width: 820px) {
#pricelist #sec3.amenitie_item .amenitie_item_inner .image {
width: 91%;
margin-bottom: 4rem;
}
}
#pricelist #sec3.amenitie_item .amenitie_item_inner .image .text {
width: 100%;
min-height: 30%;
padding: 1rem 2rem;
font-size: 1.5rem;
font-weight: 300;
line-height: 1.7;
text-align: right;
color: #262626;
background: rgba(184, 225, 143, 0.8);
position: absolute;
bottom: 0;
left: 0;
}
@media (max-width: 820px) {
#pricelist #sec3.amenitie_item .amenitie_item_inner .image .text {
min-height: auto;
font-size: 1.2rem;
padding: 0.7rem 2rem;
}
}
#pricelist #sec3.amenitie_item .amenitie_item_inner .image .text span {
font-size: 1.8rem;
display: block;
}
@media (max-width: 820px) {
#pricelist #sec3.amenitie_item .amenitie_item_inner .image .text span {
font-size: 1.4rem;
}
}
#pricelist #sec3.amenitie_item .amenitie_item_inner .amenitie_item_list {
width: 45%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
@media (max-width: 820px) {
#pricelist #sec3.amenitie_item .amenitie_item_inner .amenitie_item_list {
width: 91%;
}
}
#pricelist #sec3.amenitie_item .amenitie_item_inner .amenitie_item_list li {
width: 45%;
position: relative;
color: #262626;
font-size: 1.6rem;
font-weight: 300;
line-height: 1.5;
margin-bottom: 2.5rem;
padding-left: 5.5rem;
text-align: left;
display: flex;
align-items: center;
}
@media (max-width: 820px) {
#pricelist #sec3.amenitie_item .amenitie_item_inner .amenitie_item_list li {
width: 48%;
font-size: 1.2rem;
padding-left: 5rem;
}
}
#pricelist #sec3.amenitie_item .amenitie_item_inner .amenitie_item_list li::before {
width: 4rem;
height: 4rem;
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
display: block;
content: "";
}
@media (max-width: 820px) {
#pricelist #sec3.amenitie_item .amenitie_item_inner .amenitie_item_list li::before {
width: 3.5rem;
height: 3.5rem;
}
}
#pricelist #sec3.amenitie_item .amenitie_item_inner .amenitie_item_list li.icon_01::before {
background: url(//bct-gym.com/2023/wp-content/themes/bct_vol2/images/pricelist/icon_ameniti_01.svg) no-repeat center;
background-size: contain;
}
#pricelist #sec3.amenitie_item .amenitie_item_inner .amenitie_item_list li.icon_02::before {
background: url(//bct-gym.com/2023/wp-content/themes/bct_vol2/images/pricelist/icon_ameniti_02.svg) no-repeat center;
background-size: contain;
}
#pricelist #sec3.amenitie_item .amenitie_item_inner .amenitie_item_list li.icon_03::before {
background: url(//bct-gym.com/2023/wp-content/themes/bct_vol2/images/pricelist/icon_ameniti_03.svg) no-repeat center;
background-size: contain;
}
#pricelist #sec3.amenitie_item .amenitie_item_inner .amenitie_item_list li.icon_04::before {
background: url(//bct-gym.com/2023/wp-content/themes/bct_vol2/images/pricelist/icon_ameniti_04.svg) no-repeat center;
background-size: contain;
}
#pricelist #sec4.option_item {
background: #262626;
padding: 5.5rem 0 5rem;
text-align: center;
}
@media (max-width: 820px) {
#pricelist #sec4.option_item {
padding: 4.5rem 0 4rem;
}
}
#pricelist #sec4.option_item .ttl {
font-size: 2.6rem;
color: #83C757;
margin-bottom: 4.5rem;
}
@media (max-width: 820px) {
#pricelist #sec4.option_item .ttl {
font-size: 1.8rem;
margin-bottom: 4.5rem;
}
}
#pricelist #sec4.option_item .option_item_list {
width: 37%;
margin: 0 auto;
padding-left: 4%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
@media (max-width: 820px) {
#pricelist #sec4.option_item .option_item_list {
width: 90%;
padding-left: 0;
}
}
#pricelist #sec4.option_item .option_item_list li {
width: 45%;
position: relative;
color: #fff;
font-size: 1.6rem;
font-weight: 300;
line-height: 1.5;
margin-bottom: 2.5rem;
padding-left: 5.5rem;
text-align: left;
display: flex;
align-items: center;
}
@media (max-width: 820px) {
#pricelist #sec4.option_item .option_item_list li {
width: 48%;
font-size: 1.2rem;
padding-left: 4rem;
}
}  #trainer {
background: #fff;
}
#trainer .page_header {
margin-bottom: 6rem;
}
#trainer .page_header .key_visual {
margin-bottom: 7rem;
}
@media (max-width: 820px) {
#trainer .page_header .key_visual {
margin-bottom: 5rem;
}
}
#trainer .page_header .caption {
text-align: left;
}
@media (max-width: 820px) {
#trainer .page_header .caption {
width: 91%;
margin: 0 auto;
}
}
#trainer .page_header .caption .caption_title {
font-size: 3.6rem;
margin-bottom: 2rem;
}
@media (max-width: 820px) {
#trainer .page_header .caption .caption_title {
font-size: 2.4rem;
margin-bottom: 2rem;
}
}
#trainer .page_header .caption .text {
font-size: 1.8rem;
line-height: 1.8;
font-weight: 300;
}
@media (max-width: 820px) {
#trainer .page_header .caption .text {
font-size: 1.4rem;
}
}
#trainer .trainer_cont {
margin-bottom: 5rem;
}
#trainer .trainer_cont .trainer_list {
display: flex;
gap: 2%; }
@media (max-width: 820px) {
#trainer .trainer_cont .trainer_list {
width: 91%;
margin: 0 auto;
flex-wrap: wrap;
}
}
#trainer .trainer_cont .trainer_list li {
width: 23.5%;
margin-bottom: 6rem;
}
@media (max-width: 820px) {
#trainer .trainer_cont .trainer_list li {
width: 48.5%;
margin-bottom: 2.8rem;
}
}
#trainer .trainer_cont .trainer_list li .image {
position: relative;
margin-bottom: 2rem;
overflow: hidden;
}
#trainer .trainer_cont .trainer_list li .image img {
transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
will-change: transform;
}
#trainer .trainer_cont .trainer_list li .image .store {
position: absolute;
bottom: 4%;
left: 0;
width: 100%;
display: flex;
justify-content: space-between;
}
#trainer .trainer_cont .trainer_list li .image .store li {
width: 48%;
background: #83C757;
color: #fff;
font-size: 1.4rem;
font-weight: 300;
text-align: center;
padding: .5rem 0;
margin-bottom: 0;
}
#trainer .trainer_cont .trainer_list li .text {
font-size: 1.8rem;
text-align: left;
display: flex;
justify-content: space-between;
}
#trainer .trainer_cont .trainer_list li .text .text_inner span {
display: block;
margin-top: 1.6rem;
font-size: 1.4rem;
font-weight: 300;
}
#trainer .trainer_cont .trainer_list li .text .btn_modal {
position: relative;
display: block;
width: 3.8rem;
height: 3.8rem;
background: #fff;
border-radius: 50%;
box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.16);
}
#trainer .trainer_cont .trainer_list li .text .btn_modal::after {
display: block;
content: "";
position: absolute;
top: 35%;
left: 26%;
margin: auto;
width: 1.2rem;
height: 1.2rem;
border-top: solid 2px #83C757;
border-right: solid 2px #83C757;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
#trainer .trainer_cont .trainer_list li a:hover .image img {
transform: scale(1.1);
}
#trainer .modal_wrap {
position: fixed;
width: 100%;
height: 100%;
inset: 0;
z-index: 1000;
display: none;
}
#trainer .modal_wrap .modal_overlay {
position: absolute;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0);
}
#trainer .modal_wrap .modal_wrap_inner {
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 70%;
max-width: 900px;
height: 72%;
max-height: 580px;
background: #fff;
border-radius: 10px;
position: absolute;
padding: 5rem 4rem 6rem;
}
@media (max-width: 820px) {
#trainer .modal_wrap .modal_wrap_inner {
width: 91%;
height: 75%;
padding: 3rem 2rem 4rem;
border-radius: 5px;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}
}
#trainer .modal_wrap .modal_wrap_inner .modal_cont {
height: 100%;
overflow-y: scroll;
}
#trainer .modal_wrap .modal_wrap_inner .trainer_item {
display: none;
overflow-y: scroll;
}
#trainer .modal_wrap .modal_wrap_inner .trainer_item .trainer_item_inner {
display: flex;
justify-content: space-between;
}
@media (max-width: 820px) {
#trainer .modal_wrap .modal_wrap_inner .trainer_item .trainer_item_inner {
flex-direction: column;
}
}
#trainer .modal_wrap .modal_wrap_inner .trainer_item .trainer_item_inner .image {
width: 40%;
}
@media (max-width: 820px) {
#trainer .modal_wrap .modal_wrap_inner .trainer_item .trainer_item_inner .image {
width: 100%;
}
}
#trainer .modal_wrap .modal_wrap_inner .trainer_item .trainer_item_inner .image img {
width: 100%;
}
#trainer .modal_wrap .modal_wrap_inner .trainer_item .trainer_item_inner .text {
width: 55%;
}
@media (max-width: 820px) {
#trainer .modal_wrap .modal_wrap_inner .trainer_item .trainer_item_inner .text {
width: 100%;
}
}
#trainer .modal_wrap .modal_wrap_inner .trainer_item .trainer_item_inner .text .text_inner {
overflow: hidden;
}
#trainer .modal_wrap .modal_wrap_inner .trainer_item .trainer_item_inner .text .text_inner .name {
width: 100%;
font-size: 2.4rem;
position: relative;
display: inline-block;
margin-bottom: 2rem;
}
@media (max-width: 820px) {
#trainer .modal_wrap .modal_wrap_inner .trainer_item .trainer_item_inner .text .text_inner .name {
margin-top: 2rem;
margin-bottom: 3rem;
font-size: 2.4rem;
}
}
#trainer .modal_wrap .modal_wrap_inner .trainer_item .trainer_item_inner .text .text_inner .name span.name_text {
background: #fff;
padding-right: 5%;
position: relative;
z-index: 1;
}
#trainer .modal_wrap .modal_wrap_inner .trainer_item .trainer_item_inner .text .text_inner .name span.line {
width: 300%;
height: 1px;
display: block;
content: "";
background: #262626;
position: absolute;
top: 62%;
left: 0;
z-index: 0;
}
#trainer .modal_wrap .modal_wrap_inner .trainer_item .trainer_item_inner .text .text_inner .introduction {
font-size: 1.6rem;
font-weight: 300;
line-height: 1.8;
margin-bottom: 6rem;
}
@media (max-width: 820px) {
#trainer .modal_wrap .modal_wrap_inner .trainer_item .trainer_item_inner .text .text_inner .introduction {
font-size: 1.4rem;
margin-bottom: 4rem;
}
}
#trainer .modal_wrap .modal_wrap_inner .trainer_item .trainer_item_inner .text .text_inner dl {
margin-bottom: 3rem;
}
#trainer .modal_wrap .modal_wrap_inner .trainer_item .trainer_item_inner .text .text_inner dl dt {
font-size: 1.6rem;
color: #83C757;
margin-bottom: 1rem;
}
@media (max-width: 820px) {
#trainer .modal_wrap .modal_wrap_inner .trainer_item .trainer_item_inner .text .text_inner dl dt {
font-size: 1.4rem;
}
}
#trainer .modal_wrap .modal_wrap_inner .trainer_item .trainer_item_inner .text .text_inner dl dd {
font-size: 1.6rem;
font-weight: 300;
}
@media (max-width: 820px) {
#trainer .modal_wrap .modal_wrap_inner .trainer_item .trainer_item_inner .text .text_inner dl dd {
font-size: 1.4rem;
}
}
#trainer .modal_wrap .modal_wrap_inner .trainer_item .trainer_item_inner .text .text_inner dl dd p {
line-height: 1.8;
}
#trainer .modal_wrap .modal_wrap_inner .btn_close {
cursor: pointer;
position: absolute;
right: 2.5%;
top: 2%;
}
@media (max-width: 820px) {
#trainer .modal_wrap .modal_wrap_inner .btn_close {
right: 0.5%;
top: -2%;
display: flex;
align-items: center;
justify-content: center;
width: 3.8rem;
height: 3.8rem;
border-radius: 50%;
background: rgba(255, 255, 255, 0.8);
box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.16);
border-radius: 50%;
}
}  #information {
background: #fff;
}
#information .page_header {
margin-bottom: 6rem;
}
#information .page_header .key_visual {
margin-bottom: 7rem;
}
@media (max-width: 820px) {
#information .page_header .key_visual {
margin-bottom: 5rem;
}
}
#information .page_header .caption {
text-align: left;
}
@media (max-width: 820px) {
#information .page_header .caption {
width: 91%;
margin: 0 auto;
}
}
#information .page_header .caption .caption_title {
font-size: 3.6rem;
margin-bottom: 2rem;
}
@media (max-width: 820px) {
#information .page_header .caption .caption_title {
font-size: 2.4rem;
margin-bottom: 2rem;
}
}
#information .main_ttl {
margin-bottom: 4.5rem;
text-align: left;
}
@media (max-width: 820px) {
#information .main_ttl {
width: 91%;
margin: 0 auto 3rem;
}
}
#information .main_ttl .en {
font-size: 6.2rem;
font-family: "Lato", sans-serif;
color: #C7E5A0;
}
@media (max-width: 820px) {
#information .main_ttl .en {
font-size: 4.5rem;
}
}
#information .main_ttl .jp {
font-size: 3.2rem;
}
@media (max-width: 820px) {
#information .main_ttl .jp {
font-size: 2.4rem;
}
}
#information #sec01,
#information #sec03 {
padding: 8rem 0;
background: #F2F2F2;
}
#information #sec01 .archive_campaign_slide,
#information #sec03 .archive_campaign_slide {
margin-bottom: 4rem;
}
@media (max-width: 820px) {
#information #sec01 .archive_campaign_slide,
#information #sec03 .archive_campaign_slide {
margin-bottom: 3rem;
}
}
@media (max-width: 820px) {
#information #sec01 .slick-list,
#information #sec03 .slick-list {
padding: 0 20% 0 2% !important;
}
}
#information #sec01 .slick-slider .slick-track,
#information #sec03 .slick-slider .slick-track {
display: flex;
align-items: stretch;
padding: 0.6rem 0;
}
#information #sec01 li.slick-slide,
#information #sec03 li.slick-slide {
height: auto;
margin: 0 1.5rem;
background: #fff;
box-shadow: 0 0 6px rgba(0, 0, 0, 0.16);
float: none;
position: relative;
}
@media (max-width: 820px) {
#information #sec01 li.slick-slide,
#information #sec03 li.slick-slide {
margin: 0 1.2rem;
}
}
#information #sec01 li.slick-slide a,
#information #sec03 li.slick-slide a {
padding-bottom: 6rem;
display: block;
}
#information #sec01 li.slick-slide a .cont,
#information #sec03 li.slick-slide a .cont {
padding: 7% 6% 12%;
text-align: left;
font-weight: 500;
}
#information #sec01 li.slick-slide a .cont p,
#information #sec03 li.slick-slide a .cont p {
line-height: 1.5;
}
#information #sec01 li.slick-slide a .cont .post_footer,
#information #sec03 li.slick-slide a .cont .post_footer {
position: absolute;
bottom: 3rem;
left: 6%;
}
#information #sec01 li.slick-slide a .cont .post_footer time,
#information #sec03 li.slick-slide a .cont .post_footer time {
color: #b5b5b5;
font-size: 1.3rem;
font-weight: 300;
font-family: "Arial", sans-serif;
margin-bottom: 0.8rem;
display: block;
}
#information #sec01 li.slick-slide a .cont .post_footer .cate_list,
#information #sec03 li.slick-slide a .cont .post_footer .cate_list {
display: flex;
}
#information #sec01 li.slick-slide a .cont .post_footer .cate_list li,
#information #sec03 li.slick-slide a .cont .post_footer .cate_list li {
font-size: 1rem;
font-weight: 300;
color: #fff;
padding: 3px 8px;
border-radius: 2px;
line-height: 1;
background: #83C757;
}
#information #sec01 li.slick-slide a .cont .post_footer .cate_list li:not(:last-of-type),
#information #sec03 li.slick-slide a .cont .post_footer .cate_list li:not(:last-of-type) {
margin-right: 1rem;
}
#information #sec01 li.slick-slide a .image,
#information #sec03 li.slick-slide a .image {
overflow: hidden;
}
#information #sec01 li.slick-slide a .image img,
#information #sec03 li.slick-slide a .image img {
transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
will-change: transform;
}
#information #sec01 li.slick-slide a:hover .image img,
#information #sec03 li.slick-slide a:hover .image img {
transform: scale(1.1);
}
#information #sec01 .slick-prev,
#information #sec01 .slick-next,
#information #sec03 .slick-prev,
#information #sec03 .slick-next {
width: 3.8rem;
height: 3.8rem;
top: -17%;
border-radius: 50%;
box-shadow: 0 0 6px rgba(0, 0, 0, 0.16);
z-index: 1;
transition: opacity .2s ease-in-out;
background: #fff;
}
@media (max-width: 820px) {
#information #sec01 .slick-prev,
#information #sec01 .slick-next,
#information #sec03 .slick-prev,
#information #sec03 .slick-next {
width: 3rem;
height: 3rem;
top: -10%;
}
}
#information #sec01 .slick-prev:hover,
#information #sec01 .slick-next:hover,
#information #sec03 .slick-prev:hover,
#information #sec03 .slick-next:hover {
opacity: .6;
}
#information #sec01 .slick-prev::before,
#information #sec01 .slick-next::before,
#information #sec03 .slick-prev::before,
#information #sec03 .slick-next::before {
display: block;
content: "";
position: absolute;
top: 36%;
left: 29%;
margin: auto;
width: 1.2rem;
height: 1.2rem;
border-top: solid 2px #83C757;
border-right: solid 2px #83C757;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
@media (max-width: 820px) {
#information #sec01 .slick-prev::before,
#information #sec01 .slick-next::before,
#information #sec03 .slick-prev::before,
#information #sec03 .slick-next::before {
width: 1rem;
height: 1rem;
}
}
#information #sec01 .slick-next,
#information #sec03 .slick-next {
left: auto;
right: 1rem;
}
@media (max-width: 820px) {
#information #sec01 .slick-next,
#information #sec03 .slick-next {
right: 5%;
}
}
#information #sec01 .slick-prev,
#information #sec03 .slick-prev {
left: auto;
right: 7rem;
}
#information #sec01 .slick-prev::before,
#information #sec03 .slick-prev::before {
left: 38%;
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg);
}
@media (max-width: 820px) {
#information #sec01 .slick-prev,
#information #sec03 .slick-prev {
right: 17%;
}
}
#information #sec02 .infomation {
padding: 8rem 0;
}
@media (max-width: 820px) {
#information #sec02 .infomation .infomation_inner {
width: 91%;
margin: 0 auto;
}
}
#information #sec02 .infomation .infomation_inner .info_list {
border-top: 1px solid #CACACA;
}
#information #sec02 .infomation .infomation_inner .info_list li {
padding: 3rem 0;
text-align: left;
font-weight: 300;
border-bottom: 1px solid #CACACA;
display: flex;
}
@media (max-width: 820px) {
#information #sec02 .infomation .infomation_inner .info_list li {
flex-direction: column;
}
}
#information #sec02 .infomation .infomation_inner .info_list li time {
font-size: 1.8rem;
font-family: "Arial", sans-serif;
margin-right: 1rem;
width: 12rem;
}
@media (max-width: 820px) {
#information #sec02 .infomation .infomation_inner .info_list li time {
font-size: 1.4rem;
}
}
#information #sec02 .infomation .infomation_inner .info_list li div {
width: 100%;
}
#information #sec02 .infomation .infomation_inner .info_list li a {
position: relative;
font-size: 1.6rem;
line-height: 1.6;
display: flex;
}
@media (max-width: 820px) {
#information #sec02 .infomation .infomation_inner .info_list li a {
font-size: 1.4rem;
display: block;
}
}
#information #sec02 .infomation .infomation_inner .info_list li a::after {
display: block;
content: "";
position: absolute;
bottom: 0;
right: 0;
width: 1rem;
height: 1rem;
background: linear-gradient(-45deg, #83C757 6px, transparent 0);
z-index: -1;
}
@media (max-width: 820px) {
#information #sec02 .infomation .infomation_inner .info_list li a::after {
width: 1.2rem;
height: 1.2rem;
}
}
#information #sec02 .infomation .infomation_inner .info_list li a .cate_list {
display: flex;
margin-bottom: 1.2rem;
}
@media (max-width: 820px) {
#information #sec02 .infomation .infomation_inner .info_list li a .cate_list {
position: absolute;
top: 6%;
left: 24%;
margin-bottom: 0;
}
}
#information #sec02 .infomation .infomation_inner .info_list li a .cate_list li {
font-size: 1rem;
font-weight: 300;
color: #fff;
padding: 3px 8px;
border-radius: 2px;
line-height: 1;
background: #83C757;
}
#information #sec02 .infomation .infomation_inner .info_list li a .cate_list li:not(:last-of-type) {
margin-right: 1rem;
}
#information #sec02 .infomation #pagenavi {
margin-top: 6rem;
display: flex;
justify-content: center;
}
#information #sec02 .infomation #pagenavi li {
margin: 0 1.5rem;
font-weight: 300;
font-size: 1.8rem;
font-family: "Arial", sans-serif;
}
@media (max-width: 820px) {
#information #sec02 .infomation #pagenavi li {
font-size: 1.6rem;
}
}
#information #sec02 .infomation #pagenavi li span {
color: #83C757;
}
#information #sec02 .infomation #pagenavi li a {
display: block;
}
#information #sec02 .infomation #pagenavi li .next,
#information #sec02 .infomation #pagenavi li .prev {
position: relative;
text-indent: 150%;
white-space: nowrap;
overflow: hidden;
}
#information #sec02 .infomation #pagenavi li .next::before,
#information #sec02 .infomation #pagenavi li .prev::before {
display: block;
content: "";
position: absolute;
top: 19%;
left: 29%;
margin: auto;
width: 1.1rem;
height: 1.1rem;
border-top: solid 1px #83C757;
border-right: solid 1px #83C757;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
@media (max-width: 820px) {
#information #sec02 .infomation #pagenavi li .next::before,
#information #sec02 .infomation #pagenavi li .prev::before {
width: 1rem;
height: 1rem;
}
}
#information #sec02 .infomation #pagenavi li .next a,
#information #sec02 .infomation #pagenavi li .prev a {
display: block;
width: 100%;
height: 100%;
}
#information #sec02 .infomation #pagenavi li .prev::before {
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg);
}
@media (max-width: 820px) {
#information #sec03 .main_ttl .en {
font-size: 2rem;
color: #83C757;
}
#information #sec03 .main_ttl .jp {
font-size: 1.4rem;
}
}
#information #sec04 .category_wrap_inner {
padding: 8rem 0;
text-align: left;
}
@media (max-width: 820px) {
#information #sec04 .category_wrap_inner {
width: 91%;
margin: 0 auto;
padding: 4rem 0 6rem;
}
}
#information #sec04 .category_wrap_inner h4 {
font-size: 2.1rem;
margin-bottom: 2rem;
font-weight: 600;
}
@media (max-width: 820px) {
#information #sec04 .category_wrap_inner h4 {
font-size: 1.4rem;
}
}
#information #sec04 .category_wrap_inner .category_list {
display: flex;
flex-wrap: wrap;
}
#information #sec04 .category_wrap_inner .category_list li {
margin-right: 1rem;
margin-bottom: 1rem;
}
#information #sec04 .category_wrap_inner .category_list li a {
display: inline-block;
border: 1px solid #CACACA;
background: #F2F2F2;
border-radius: 2px;
font-size: 1.4rem;
font-weight: 300;
padding: 0.5rem 1rem;
}
@media (max-width: 820px) {
#information #sec04 .category_wrap_inner .category_list li a {
font-size: 1.1rem;
}
}
.single_information_wrap {
background: #F2F2F2;
}
@media (max-width: 820px) {
.single_information_wrap {
background: none;
}
}
.single_information_wrap #single {
padding: 14rem 0 0;
position: relative;
overflow: hidden;
}
@media (max-width: 820px) {
.single_information_wrap #single {
padding: 12rem 0 0;
}
.single_information_wrap #single::before {
display: block;
content: "";
position: absolute;
top: -1%;
left: -5%;
width: 200%;
height: 10rem;
background: #83C757;
z-index: -1;
transform: rotate(-10deg);
}
}
.single_information_wrap #single .page_header {
margin: 0 auto;
}
@media (max-width: 820px) {
.single_information_wrap #single .page_header {
width: 91%;
}
}
.single_information_wrap #single .page_header #breadcrumb {
text-align: left;
font-weight: 300;
font-size: 1.4rem;
margin-bottom: 5rem;
}
@media (max-width: 820px) {
.single_information_wrap #single .page_header #breadcrumb {
font-size: 1.2rem;
}
}
.single_information_wrap #single .page_header #breadcrumb a {
text-decoration: underline;
}
.single_information_wrap #single .page_header .main_visual {
max-width: 900px;
width: 85%;
margin: 0 auto;
}
@media (max-width: 820px) {
.single_information_wrap #single .page_header .main_visual {
width: 100%;
}
}
.single_information_wrap #single #post {
background: #fff;
padding: 3rem 0 0;
}
.single_information_wrap #single #post .entry {
max-width: 900px;
width: 66%;
margin: 0 auto;
text-align: left;
font-weight: 300;
}
@media (max-width: 820px) {
.single_information_wrap #single #post .entry {
width: 91%;
}
}
.single_information_wrap #single #post .entry img {
height: auto;
}
.single_information_wrap #single #post .entry p {
line-height: 1.8;
font-size: 1.6rem;
margin-bottom: 2em;
}
@media (max-width: 820px) {
.single_information_wrap #single #post .entry p {
font-size: 1.4rem;
}
}
.single_information_wrap #single #post .entry hr {
border-top: 1px solid #828282;
margin-bottom: 2em;
}
.single_information_wrap #single #post .entry hr .bar2 {
border-top: 1px dashed #828282;
}
.single_information_wrap #single #post .entry h1 {
font-size: 2.4rem;
margin-bottom: 1em;
font-weight: 300;
}
@media (max-width: 820px) {
.single_information_wrap #single #post .entry h1 {
font-size: 2rem;
}
}
.single_information_wrap #single #post .entry h2 {
font-size: 2rem;
margin-bottom: 1em;
font-weight: 300;
}
@media (max-width: 820px) {
.single_information_wrap #single #post .entry h2 {
font-size: 1.8rem;
}
}
.single_information_wrap #single #post .entry h3 {
font-size: 1.8rem;
margin-bottom: 1em;
font-weight: 300;
}
@media (max-width: 820px) {
.single_information_wrap #single #post .entry h3 {
font-size: 1.6rem;
}
}
.single_information_wrap #single #post .entry ol {
list-style: decimal;
font-size: 1.6rem;
margin-bottom: 2em;
padding: 0 0 0 2em;
line-height: 1.7;
}
@media (max-width: 820px) {
.single_information_wrap #single #post .entry ol {
font-size: 1.4rem;
}
}
.single_information_wrap #single #post .entry ul {
font-size: 1.6rem;
margin-bottom: 2em;
padding: 0 0 0 2em;
list-style: disc;
line-height: 1.7;
}
@media (max-width: 820px) {
.single_information_wrap #single #post .entry ul {
font-size: 1.4rem;
}
}
.single_information_wrap #single #post .entry blockquote {
margin-bottom: 2em;
padding: 2.5rem 3rem;
background: #F2F2F2;
}
@media (max-width: 820px) {
.single_information_wrap #single #post .entry blockquote {
padding: 2rem;
}
}
.single_information_wrap #single #post .entry blockquote p,
.single_information_wrap #single #post .entry blockquote ul,
.single_information_wrap #single #post .entry blockquote ol {
margin-bottom: 0;
}
.single_information_wrap #single #post .page_title {
font-size: 2.8rem !important;
line-height: 1.8;
margin-bottom: 4rem !important;
font-weight: 600 !important;
}
@media (max-width: 820px) {
.single_information_wrap #single #post .page_title {
font-size: 1.6rem !important;
margin-bottom: 2rem !important;
}
}
.single_information_wrap #single #post .entry_head {
display: flex;
align-items: center;
margin-bottom: 2rem;
padding-bottom: 2rem;
border-bottom: 1px solid #CACACA;
}
@media (max-width: 820px) {
.single_information_wrap #single #post .entry_head {
margin-bottom: 4rem;
padding-bottom: 4rem;
}
}
.single_information_wrap #single #post .entry_head time {
font-size: 1.5rem;
font-weight: 300;
font-family: "Arial", sans-serif;
margin-right: 1rem;
}
.single_information_wrap #single #post .entry_head .cate_list {
display: flex;
list-style: none !important;
margin-bottom: 0 !important;
padding: 0 !important;
}
.single_information_wrap #single #post .entry_head .cate_list li {
width: auto;
font-size: 1.2rem;
font-weight: 300;
color: #fff;
margin-bottom: 0;
padding: 3px 8px;
border-radius: 2px;
margin-right: 1rem;
line-height: 1;
background: #83C757;
}
.single_information_wrap #single #post .post_temp {
padding-top: 2rem;
border-top: 1px solid #cacaca;
}
.single_information_wrap #single #post .post_temp h5 {
font-size: 2.4rem;
margin-bottom: 1rem;
}
.single_information_wrap #single #post .post_temp .line_wrap a {
color: #8FE956;
text-decoration: underline;
}
.single_information_wrap #single #post .post_temp .line_wrap .line_image {
width: 40%;
max-width: 336px;
display: block;
margin-bottom: 2rem;
margin-top: 1.5rem;
}
@media (max-width: 820px) {
.single_information_wrap #single #post .post_temp .line_wrap .line_image {
width: 100%;
max-width: none;
}
}
.single_information_wrap #single #post .post_temp .tel a {
color: #8FE956;
text-decoration: underline;
}
.single_information_wrap #single #post .post_temp .mail_wrap .btn_area {
width: 40%;
margin-top: 1.5rem;
margin-bottom: 4rem;
}
@media (max-width: 820px) {
.single_information_wrap #single #post .post_temp .mail_wrap .btn_area {
width: 100%;
}
}
.single_information_wrap #single #post .post_temp .shop_info {
font-size: 1.4rem;
line-height: 1.7;
margin-bottom: 2em;
}
.single_information_wrap #single #post .category_wrap {
padding: 4rem 0 7rem;
text-align: left;
}
.single_information_wrap #single #post .category_wrap h4 {
font-size: 1.8rem;
margin-bottom: 1.5rem;
font-weight: 600;
}
.single_information_wrap #single #post .category_wrap .category_list {
display: flex;
flex-wrap: wrap;
list-style: none;
font-size: 1.4rem;
margin-bottom: 0;
padding: 0;
}
.single_information_wrap #single #post .category_wrap .category_list li {
margin-right: 1rem;
margin-bottom: 1rem;
}
.single_information_wrap #single #post .category_wrap .category_list li a {
display: inline-block;
border: 1px solid #cacaca;
background: #f2f2f2;
border-radius: 2px;
font-size: 1.4rem;
font-weight: 300;
padding: 0.5rem 1rem;
}
.single_information_wrap #single #post #postnavi {
display: flex;
justify-content: center;
padding-bottom: 6rem;
font-weight: 300;
}
.single_information_wrap #single #post #postnavi .blog_top_link {
margin: 0 3rem;
}
.single_information_wrap #single #post #postnavi .prev,
.single_information_wrap #single #post #postnavi .next {
width: 2rem;
position: relative;
}
.single_information_wrap #single #post #postnavi .prev::before,
.single_information_wrap #single #post #postnavi .next::before {
display: block;
content: "";
position: absolute;
top: 19%;
left: 29%;
margin: auto;
width: 1.1rem;
height: 1.1rem;
border-top: solid 1px #83C757;
border-right: solid 1px #83C757;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
@media (max-width: 820px) {
.single_information_wrap #single #post #postnavi .prev::before,
.single_information_wrap #single #post #postnavi .next::before {
width: 1rem;
height: 1rem;
}
}
.single_information_wrap #single #post #postnavi .prev::before {
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg);
}
.single_information_wrap #single .latest_post {
background: #f2f2f2;
padding: 4.5rem 0 8rem;
}
.single_information_wrap #single .latest_post .main_ttl {
margin-bottom: 4rem;
text-align: left;
}
@media (max-width: 820px) {
.single_information_wrap #single .latest_post .main_ttl {
width: 91%;
margin: 0 auto 3rem;
}
}
.single_information_wrap #single .latest_post .main_ttl .en {
font-size: 3.8rem;
font-family: "Lato", sans-serif;
color: #83C757;
}
@media (max-width: 820px) {
.single_information_wrap #single .latest_post .main_ttl .en {
font-size: 2rem;
}
}
.single_information_wrap #single .latest_post .main_ttl .jp {
font-size: 2.1rem;
}
@media (max-width: 820px) {
.single_information_wrap #single .latest_post .main_ttl .jp {
font-size: 1.4rem;
}
}
@media (max-width: 820px) {
.single_information_wrap #single .latest_post .latest_post_list .slick-list {
padding: 0 20% 0 2% !important;
}
}
.single_information_wrap #single .latest_post .latest_post_list .slick-prev,
.single_information_wrap #single .latest_post .latest_post_list .slick-next {
width: 3.8rem;
height: 3.8rem;
top: -17%;
border-radius: 50%;
box-shadow: 0 0 6px rgba(0, 0, 0, 0.16);
z-index: 1;
transition: opacity .2s ease-in-out;
background: #fff;
}
@media (max-width: 820px) {
.single_information_wrap #single .latest_post .latest_post_list .slick-prev,
.single_information_wrap #single .latest_post .latest_post_list .slick-next {
width: 3rem;
height: 3rem;
top: -10%;
}
}
.single_information_wrap #single .latest_post .latest_post_list .slick-prev::before,
.single_information_wrap #single .latest_post .latest_post_list .slick-next::before {
display: block;
content: "";
position: absolute;
top: 36%;
left: 29%;
margin: auto;
width: 1.2rem;
height: 1.2rem;
border-top: solid 2px #83C757;
border-right: solid 2px #83C757;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
@media (max-width: 820px) {
.single_information_wrap #single .latest_post .latest_post_list .slick-prev::before,
.single_information_wrap #single .latest_post .latest_post_list .slick-next::before {
width: 1rem;
height: 1rem;
}
}
.single_information_wrap #single .latest_post .latest_post_list .slick-prev {
left: auto;
right: 7rem;
}
@media (max-width: 820px) {
.single_information_wrap #single .latest_post .latest_post_list .slick-prev {
right: 17%;
}
}
.single_information_wrap #single .latest_post .latest_post_list .slick-prev::before {
left: 38%;
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg);
}
.single_information_wrap #single .latest_post .latest_post_list .slick-next {
left: auto;
right: 1rem;
}
.single_information_wrap #single .latest_post .latest_post_list .slick-track {
display: flex;
align-items: stretch;
padding: 0.6rem 0;
}
.single_information_wrap #single .latest_post .latest_post_list li.slick-slide {
height: auto;
margin: 0 1.5rem;
background: #fff;
box-shadow: 0 0 6px rgba(0, 0, 0, 0.16);
float: none;
position: relative;
}
.single_information_wrap #single .latest_post .latest_post_list li.slick-slide a {
padding-bottom: 6rem;
display: block;
}
.single_information_wrap #single .latest_post .latest_post_list li.slick-slide a .image {
overflow: hidden;
}
.single_information_wrap #single .latest_post .latest_post_list li.slick-slide a .image img {
transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
will-change: transform;
}
.single_information_wrap #single .latest_post .latest_post_list li.slick-slide a .cont {
padding: 7% 6% 12%;
text-align: left;
font-weight: 500;
}
.single_information_wrap #single .latest_post .latest_post_list li.slick-slide a .cont p {
line-height: 1.5;
}
.single_information_wrap #single .latest_post .latest_post_list li.slick-slide a .cont .post_footer {
position: absolute;
bottom: 3rem;
left: 6%;
}
.single_information_wrap #single .latest_post .latest_post_list li.slick-slide a .cont .post_footer time {
color: #b5b5b5;
font-size: 1.3rem;
font-weight: 300;
font-family: "Arial", sans-serif;
margin-bottom: 0.8rem;
display: block;
}
.single_information_wrap #single .latest_post .latest_post_list li.slick-slide a .cont .post_footer .cate_list {
display: flex;
}
.single_information_wrap #single .latest_post .latest_post_list li.slick-slide a .cont .post_footer .cate_list li {
font-size: 1rem;
font-weight: 300;
color: #fff;
padding: 3px 8px;
border-radius: 2px;
line-height: 1;
background: #83C757;
}
.single_information_wrap #single .latest_post .latest_post_list li.slick-slide a .cont .post_footer .cate_list li:not(:last-of-type) {
margin-right: 1rem;
}
.single_information_wrap #single .latest_post .latest_post_list li.slick-slide a:hover .image img {
transform: scale(1.1);
}
.single_information_wrap #single #sec04.category_wrap {
background: #fff;
}
.single_information_wrap #single #sec04.category_wrap .category_wrap_inner {
padding: 8rem 0;
text-align: left;
}
@media (max-width: 820px) {
.single_information_wrap #single #sec04.category_wrap .category_wrap_inner {
width: 91%;
margin: 0 auto;
padding: 4rem 0 6rem;
}
}
.single_information_wrap #single #sec04.category_wrap .category_wrap_inner h4 {
font-size: 2.1rem;
margin-bottom: 2rem;
font-weight: 600;
}
@media (max-width: 820px) {
.single_information_wrap #single #sec04.category_wrap .category_wrap_inner h4 {
font-size: 1.4rem;
}
}
.single_information_wrap #single #sec04.category_wrap .category_wrap_inner .category_list {
display: flex;
flex-wrap: wrap;
}
.single_information_wrap #single #sec04.category_wrap .category_wrap_inner .category_list li {
margin-right: 1rem;
margin-bottom: 1rem;
}
.single_information_wrap #single #sec04.category_wrap .category_wrap_inner .category_list li a {
display: inline-block;
border: 1px solid #CACACA;
background: #F2F2F2;
border-radius: 2px;
font-size: 1.4rem;
font-weight: 300;
padding: 0.5rem 1rem;
}
@media (max-width: 820px) {
.single_information_wrap #single #sec04.category_wrap .category_wrap_inner .category_list li a {
font-size: 1.1rem;
}
}  #blog {
padding: 14rem 0 0;
position: relative;
overflow: hidden;
}
@media (max-width: 820px) {
#blog {
padding: 12rem 0 0;
}
#blog::before {
display: block;
content: "";
position: absolute;
top: -0.9%;
left: -5%;
width: 200%;
height: 10rem;
background: #83C757;
z-index: -1;
transform: rotate(-10deg);
}
}
#blog .page_header {
margin-bottom: 6rem;
}
@media (max-width: 820px) {
#blog .page_header {
width: 91%;
margin: 0 auto 6rem;
}
}
#blog .page_header #breadcrumb {
text-align: left;
font-weight: 300;
font-size: 1.4rem;
margin-bottom: 5rem;
}
@media (max-width: 820px) {
#blog .page_header #breadcrumb {
font-size: 1.2rem;
}
}
#blog .page_header #breadcrumb a {
text-decoration: underline;
}
#blog .page_header .page_title {
font-size: 3.6rem;
color: #83C757;
margin-bottom: 3rem;
}
@media (max-width: 820px) {
#blog .page_header .page_title {
display: none;
}
}
#blog .search_category {
position: relative;
width: 60%;
max-width: 350px;
margin: 0 auto;
z-index: 1;
}
@media (max-width: 820px) {
#blog .search_category {
width: 84.5%;
}
}
#blog .search_category .search_category_inner {
cursor: pointer;
background: #E6E6E6;
position: relative;
font-size: 1.6rem;
text-align: left;
padding: 1.5rem 5rem 1.5rem 8rem;
}
@media (max-width: 820px) {
#blog .search_category .search_category_inner {
font-size: 1.4rem;
padding: 1.5rem 5rem 1.5rem 8rem;
}
}
#blog .search_category .search_category_inner::before {
display: block;
content: "";
width: 2.5rem;
height: 3rem;
background: url(//bct-gym.com/2023/wp-content/themes/bct_vol2/images/common/icon_search.svg) no-repeat center;
background-size: contain;
position: absolute;
top: 16%;
left: 3rem;
}
@media (max-width: 820px) {
#blog .search_category .search_category_inner::before {
left: 2rem;
}
}
#blog .search_category .search_category_inner::after {
display: block;
content: "";
position: absolute;
top: 34%;
right: 7%;
margin: auto;
width: 1.2rem;
height: 1.2rem;
border-top: solid 2px #262626;
border-right: solid 2px #262626;
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
}
@media (max-width: 820px) {
#blog .search_category .search_category_inner::after {
width: 1rem;
height: 1rem;
}
}
#blog .search_category ul {
background: #E6E6E6;
position: absolute;
width: 100%;
top: 5rem;
left: 0;
display: none;
}
#blog .search_category ul li {
text-align: left;
padding: 0 1rem;
}
#blog .search_category ul li a {
display: block;
padding: 1rem 0 1rem 7rem;
border-bottom: 1px solid #d8d7d7;
}
#blog .search_category ul li:nth-last-of-type(1) a {
border-bottom: none;
}
#blog .blog_cont .blog_list {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
@media (max-width: 820px) {
#blog .blog_cont .blog_list {
width: 91%;
margin: 0 auto;
flex-direction: column;
}
}
#blog .blog_cont .blog_list>li {
width: 31%;
margin-bottom: 4rem;
padding-bottom: 5rem;
border-bottom: 1px solid #CACACA;
text-align: left;
position: relative;
}
@media (max-width: 820px) {
#blog .blog_cont .blog_list>li {
width: 100%;
}
}
#blog .blog_cont .blog_list>li::after {
display: block;
content: "";
position: absolute;
bottom: 2.5rem;
right: 0;
width: 1rem;
height: 1rem;
background: linear-gradient(-45deg, #83C757 6px, transparent 0);
z-index: -1;
}
@media (max-width: 820px) {
#blog .blog_cont .blog_list>li::after {
width: 2rem;
height: 2rem;
background: linear-gradient(-45deg, #83C757 8px, transparent 0);
}
}
#blog .blog_cont .blog_list>li .cate_list {
display: flex;
margin-bottom: 2rem;
}
#blog .blog_cont .blog_list>li .cate_list li {
width: auto;
font-size: 1.2rem;
font-weight: 300;
color: #fff;
margin-bottom: 0;
padding: 3px 8px;
border-radius: 2px;
margin-right: 1rem;
line-height: 1;
background: #83C757;
}
#blog .blog_cont .blog_list>li .image {
overflow: hidden;
margin-bottom: 4rem;
}
@media (max-width: 820px) {
#blog .blog_cont .blog_list>li .image {
margin-bottom: 3rem;
}
}
#blog .blog_cont .blog_list>li .image img {
transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
will-change: transform;
}
#blog .blog_cont .blog_list>li .title {
font-size: 1.6rem;
line-height: 1.5;
margin-bottom: 1.5rem;
}
#blog .blog_cont .blog_list>li .text {
font-size: 1.2rem;
font-weight: 300;
line-height: 1.5;
margin-bottom: 2.5rem;
}
#blog .blog_cont .blog_list>li .cont_footer {
display: flex;
justify-content: space-between;
}
#blog .blog_cont .blog_list>li .cont_footer time {
font-size: 1.5rem;
font-weight: 300;
font-family: "Arial", sans-serif;
}
#blog .blog_cont .blog_list>li .cont_footer .next {
font-size: 1.4rem;
font-weight: 300;
}
#blog .blog_cont .blog_list>li a:hover .image img {
transform: scale(1.1);
}
#blog #pagenavi {
margin-top: 6rem;
display: flex;
justify-content: center;
}
@media (max-width: 820px) {
#blog #pagenavi {
margin-top: 1rem;
}
}
#blog #pagenavi li {
margin: 0 1.5rem;
font-weight: 300;
font-size: 1.8rem;
font-family: "Arial", sans-serif;
}
@media (max-width: 820px) {
#blog #pagenavi li {
font-size: 1.6rem;
}
}
#blog #pagenavi li span {
color: #83C757;
}
#blog #pagenavi li a {
display: block;
}
#blog #pagenavi li .next,
#blog #pagenavi li .prev {
position: relative;
text-indent: 150%;
white-space: nowrap;
overflow: hidden;
}
#blog #pagenavi li .next::before,
#blog #pagenavi li .prev::before {
display: block;
content: "";
position: absolute;
top: 19%;
left: 29%;
margin: auto;
width: 1.1rem;
height: 1.1rem;
border-top: solid 1px #83C757;
border-right: solid 1px #83C757;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
@media (max-width: 820px) {
#blog #pagenavi li .next::before,
#blog #pagenavi li .prev::before {
width: 1rem;
height: 1rem;
}
}
#blog #pagenavi li .prev::before {
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg);
}
#blog .category_wrap_inner {
padding: 8rem 0;
text-align: left;
}
@media (max-width: 820px) {
#blog .category_wrap_inner {
width: 91%;
margin: 0 auto;
padding: 4rem 0 6rem;
}
}
#blog .category_wrap_inner h4 {
font-size: 2.1rem;
margin-bottom: 2rem;
font-weight: 600;
}
@media (max-width: 820px) {
#blog .category_wrap_inner h4 {
font-size: 1.4rem;
}
}
#blog .category_wrap_inner .category_list {
display: flex;
flex-wrap: wrap;
}
#blog .category_wrap_inner .category_list li {
margin-right: 1rem;
margin-bottom: 1rem;
}
#blog .category_wrap_inner .category_list li a {
display: inline-block;
border: 1px solid #CACACA;
background: #F2F2F2;
border-radius: 2px;
font-size: 1.4rem;
font-weight: 300;
padding: 0.5rem 1rem;
}
@media (max-width: 820px) {
#blog .category_wrap_inner .category_list li a {
font-size: 1.1rem;
}
}
.single_blog_wrap {
background: #F2F2F2;
}
@media (max-width: 820px) {
.single_blog_wrap {
background: none;
}
}
.single_blog_wrap #single {
padding: 14rem 0 0;
position: relative;
overflow: hidden;
}
@media (max-width: 820px) {
.single_blog_wrap #single {
padding: 12rem 0 0;
}
.single_blog_wrap #single::before {
display: block;
content: "";
position: absolute;
top: -0.6%;
left: -5%;
width: 200%;
height: 10rem;
background: #83C757;
z-index: -1;
transform: rotate(-10deg);
}
}
.single_blog_wrap #single .page_header {
margin: 0 auto;
}
@media (max-width: 820px) {
.single_blog_wrap #single .page_header {
width: 91%;
}
}
.single_blog_wrap #single .page_header #breadcrumb {
text-align: left;
font-weight: 300;
font-size: 1.4rem;
margin-bottom: 5rem;
}
@media (max-width: 820px) {
.single_blog_wrap #single .page_header #breadcrumb {
font-size: 1.2rem;
}
}
.single_blog_wrap #single .page_header #breadcrumb a {
text-decoration: underline;
}
.single_blog_wrap #single .page_header .main_visual {
max-width: 900px;
width: 85%;
margin: 0 auto;
}
@media (max-width: 820px) {
.single_blog_wrap #single .page_header .main_visual {
width: 100%;
}
}
.single_blog_wrap #single #post {
background: #fff;
padding: 3rem 0 0;
}
.single_blog_wrap #single #post .entry {
max-width: 900px;
width: 66%;
margin: 0 auto;
text-align: left;
font-weight: 300;
}
@media (max-width: 820px) {
.single_blog_wrap #single #post .entry {
width: 91%;
}
}
.single_blog_wrap #single #post .entry img {
height: auto;
}
.single_blog_wrap #single #post .entry p {
line-height: 1.8;
font-size: 1.6rem;
margin-bottom: 2em;
}
@media (max-width: 820px) {
.single_blog_wrap #single #post .entry p {
font-size: 1.4rem;
}
}
.single_blog_wrap #single #post .entry hr {
border-top: 1px solid #828282;
margin-bottom: 2em;
}
.single_blog_wrap #single #post .entry hr .bar2 {
border-top: 1px dashed #828282;
}
.single_blog_wrap #single #post .entry h1 {
font-size: 2.4rem;
margin-bottom: 1em;
font-weight: 300;
}
@media (max-width: 820px) {
.single_blog_wrap #single #post .entry h1 {
font-size: 2rem;
}
}
.single_blog_wrap #single #post .entry h2 {
font-size: 2rem;
margin-bottom: 1em;
font-weight: 300;
}
@media (max-width: 820px) {
.single_blog_wrap #single #post .entry h2 {
font-size: 1.8rem;
}
}
.single_blog_wrap #single #post .entry h3 {
font-size: 1.8rem;
margin-bottom: 1em;
font-weight: 300;
}
@media (max-width: 820px) {
.single_blog_wrap #single #post .entry h3 {
font-size: 1.6rem;
}
}
.single_blog_wrap #single #post .entry ol {
list-style: decimal;
font-size: 1.6rem;
margin-bottom: 2em;
padding: 0 0 0 2em;
line-height: 1.7;
}
@media (max-width: 820px) {
.single_blog_wrap #single #post .entry ol {
font-size: 1.4rem;
}
}
.single_blog_wrap #single #post .entry ul {
font-size: 1.6rem;
margin-bottom: 2em;
padding: 0 0 0 2em;
list-style: disc;
line-height: 1.7;
}
@media (max-width: 820px) {
.single_blog_wrap #single #post .entry ul {
font-size: 1.4rem;
}
}
.single_blog_wrap #single #post .entry blockquote {
margin-bottom: 2em;
padding: 2.5rem 3rem;
background: #F2F2F2;
}
@media (max-width: 820px) {
.single_blog_wrap #single #post .entry blockquote {
padding: 2rem;
}
}
.single_blog_wrap #single #post .entry blockquote p,
.single_blog_wrap #single #post .entry blockquote ul,
.single_blog_wrap #single #post .entry blockquote ol {
margin-bottom: 0;
}
.single_blog_wrap #single #post .page_title {
font-size: 2.8rem !important;
line-height: 1.8;
margin-bottom: 4rem !important;
font-weight: 600 !important;
}
@media (max-width: 820px) {
.single_blog_wrap #single #post .page_title {
font-size: 1.6rem !important;
margin-bottom: 2rem !important;
}
}
.single_blog_wrap #single #post .entry_head {
display: flex;
align-items: center;
margin-bottom: 2rem;
padding-bottom: 2rem;
border-bottom: 1px solid #CACACA;
}
@media (max-width: 820px) {
.single_blog_wrap #single #post .entry_head {
margin-bottom: 4rem;
padding-bottom: 4rem;
}
}
.single_blog_wrap #single #post .entry_head time {
font-size: 1.5rem;
font-weight: 300;
font-family: "Arial", sans-serif;
margin-right: 1rem;
}
.single_blog_wrap #single #post .entry_head .cate_list {
display: flex;
list-style: none !important;
margin-bottom: 0 !important;
padding: 0 !important;
}
.single_blog_wrap #single #post .entry_head .cate_list li {
width: auto;
font-size: 1.2rem;
font-weight: 300;
color: #fff;
margin-bottom: 0;
padding: 3px 8px;
border-radius: 2px;
margin-right: 1rem;
line-height: 1;
background: #83C757;
}
.single_blog_wrap #single #post .post_temp {
padding-top: 2rem;
border-top: 1px solid #cacaca;
}
.single_blog_wrap #single #post .post_temp h5 {
font-size: 2.4rem;
margin-bottom: 1rem;
}
.single_blog_wrap #single #post .post_temp .line_wrap a {
color: #8FE956;
text-decoration: underline;
}
.single_blog_wrap #single #post .post_temp .line_wrap .line_image {
width: 40%;
max-width: 336px;
display: block;
margin-bottom: 2rem;
margin-top: 1.5rem;
}
@media (max-width: 820px) {
.single_blog_wrap #single #post .post_temp .line_wrap .line_image {
width: 100%;
max-width: none;
}
}
.single_blog_wrap #single #post .post_temp .tel a {
color: #8FE956;
text-decoration: underline;
}
.single_blog_wrap #single #post .post_temp .mail_wrap .btn_area {
width: 40%;
margin-top: 1.5rem;
margin-bottom: 4rem;
}
@media (max-width: 820px) {
.single_blog_wrap #single #post .post_temp .mail_wrap .btn_area {
width: 100%;
}
}
.single_blog_wrap #single #post .post_temp .shop_info {
font-size: 1.4rem;
line-height: 1.7;
margin-bottom: 2em;
}
.single_blog_wrap #single #post .category_wrap {
padding: 4rem 0 7rem;
text-align: left;
}
.single_blog_wrap #single #post .category_wrap h4 {
font-size: 1.8rem;
margin-bottom: 1.5rem;
font-weight: 600;
}
.single_blog_wrap #single #post .category_wrap .category_list {
display: flex;
flex-wrap: wrap;
list-style: none;
font-size: 1.4rem;
margin-bottom: 0;
padding: 0;
}
.single_blog_wrap #single #post .category_wrap .category_list li {
margin-right: 1rem;
margin-bottom: 1rem;
}
.single_blog_wrap #single #post .category_wrap .category_list li a {
display: inline-block;
border: 1px solid #cacaca;
background: #f2f2f2;
border-radius: 2px;
font-size: 1.4rem;
font-weight: 300;
padding: 0.5rem 1rem;
}
.single_blog_wrap #single #post #postnavi {
display: flex;
justify-content: center;
padding-bottom: 6rem;
font-weight: 300;
}
.single_blog_wrap #single #post #postnavi .blog_top_link {
margin: 0 3rem;
}
.single_blog_wrap #single #post #postnavi .prev,
.single_blog_wrap #single #post #postnavi .next {
width: 2rem;
position: relative;
}
.single_blog_wrap #single #post #postnavi .prev::before,
.single_blog_wrap #single #post #postnavi .next::before {
display: block;
content: "";
position: absolute;
top: 19%;
left: 29%;
margin: auto;
width: 1.1rem;
height: 1.1rem;
border-top: solid 1px #83C757;
border-right: solid 1px #83C757;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
@media (max-width: 820px) {
.single_blog_wrap #single #post #postnavi .prev::before,
.single_blog_wrap #single #post #postnavi .next::before {
width: 1rem;
height: 1rem;
}
}
.single_blog_wrap #single #post #postnavi .prev::before {
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg);
}
.single_blog_wrap #single .latest_post {
background: #f2f2f2;
padding: 4.5rem 0 8rem;
}
.single_blog_wrap #single .latest_post .main_ttl {
margin-bottom: 4rem;
text-align: left;
}
@media (max-width: 820px) {
.single_blog_wrap #single .latest_post .main_ttl {
width: 91%;
margin: 0 auto 3rem;
}
}
.single_blog_wrap #single .latest_post .main_ttl .en {
font-size: 3.8rem;
font-family: "Lato", sans-serif;
color: #83C757;
}
@media (max-width: 820px) {
.single_blog_wrap #single .latest_post .main_ttl .en {
font-size: 2rem;
}
}
.single_blog_wrap #single .latest_post .main_ttl .jp {
font-size: 2.1rem;
}
@media (max-width: 820px) {
.single_blog_wrap #single .latest_post .main_ttl .jp {
font-size: 1.4rem;
}
}
@media (max-width: 820px) {
.single_blog_wrap #single .latest_post .latest_post_list .slick-list {
padding: 0 20% 0 2% !important;
}
}
.single_blog_wrap #single .latest_post .latest_post_list .slick-prev,
.single_blog_wrap #single .latest_post .latest_post_list .slick-next {
width: 3.8rem;
height: 3.8rem;
top: -17%;
border-radius: 50%;
box-shadow: 0 0 6px rgba(0, 0, 0, 0.16);
z-index: 1;
transition: opacity .2s ease-in-out;
background: #fff;
}
@media (max-width: 820px) {
.single_blog_wrap #single .latest_post .latest_post_list .slick-prev,
.single_blog_wrap #single .latest_post .latest_post_list .slick-next {
width: 3rem;
height: 3rem;
top: -10%;
}
}
.single_blog_wrap #single .latest_post .latest_post_list .slick-prev::before,
.single_blog_wrap #single .latest_post .latest_post_list .slick-next::before {
display: block;
content: "";
position: absolute;
top: 36%;
left: 29%;
margin: auto;
width: 1.2rem;
height: 1.2rem;
border-top: solid 2px #83C757;
border-right: solid 2px #83C757;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
@media (max-width: 820px) {
.single_blog_wrap #single .latest_post .latest_post_list .slick-prev::before,
.single_blog_wrap #single .latest_post .latest_post_list .slick-next::before {
width: 1rem;
height: 1rem;
}
}
.single_blog_wrap #single .latest_post .latest_post_list .slick-prev {
left: auto;
right: 7rem;
}
@media (max-width: 820px) {
.single_blog_wrap #single .latest_post .latest_post_list .slick-prev {
right: 17%;
}
}
.single_blog_wrap #single .latest_post .latest_post_list .slick-prev::before {
left: 38%;
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg);
}
.single_blog_wrap #single .latest_post .latest_post_list .slick-next {
left: auto;
right: 1rem;
}
.single_blog_wrap #single .latest_post .latest_post_list .slick-track {
display: flex;
align-items: stretch;
padding: 0.6rem 0;
}
.single_blog_wrap #single .latest_post .latest_post_list li.slick-slide {
height: auto;
margin: 0 1.5rem;
background: #fff;
box-shadow: 0 0 6px rgba(0, 0, 0, 0.16);
float: none;
position: relative;
}
.single_blog_wrap #single .latest_post .latest_post_list li.slick-slide a {
padding-bottom: 6rem;
display: block;
}
.single_blog_wrap #single .latest_post .latest_post_list li.slick-slide a .image {
overflow: hidden;
}
.single_blog_wrap #single .latest_post .latest_post_list li.slick-slide a .image img {
transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
will-change: transform;
}
.single_blog_wrap #single .latest_post .latest_post_list li.slick-slide a .cont {
padding: 7% 6% 12%;
text-align: left;
font-weight: 500;
}
.single_blog_wrap #single .latest_post .latest_post_list li.slick-slide a .cont p {
line-height: 1.5;
}
.single_blog_wrap #single .latest_post .latest_post_list li.slick-slide a .cont .post_footer {
position: absolute;
bottom: 3rem;
left: 6%;
}
.single_blog_wrap #single .latest_post .latest_post_list li.slick-slide a .cont .post_footer time {
color: #b5b5b5;
font-size: 1.3rem;
font-weight: 300;
font-family: "Arial", sans-serif;
margin-bottom: 0.8rem;
display: block;
}
.single_blog_wrap #single .latest_post .latest_post_list li.slick-slide a .cont .post_footer .cate_list {
display: flex;
}
.single_blog_wrap #single .latest_post .latest_post_list li.slick-slide a .cont .post_footer .cate_list li {
font-size: 1rem;
font-weight: 300;
color: #fff;
padding: 3px 8px;
border-radius: 2px;
line-height: 1;
background: #83C757;
}
.single_blog_wrap #single .latest_post .latest_post_list li.slick-slide a .cont .post_footer .cate_list li:not(:last-of-type) {
margin-right: 1rem;
}
.single_blog_wrap #single .latest_post .latest_post_list li.slick-slide a:hover .image img {
transform: scale(1.1);
}
.single_blog_wrap #single #sec04.category_wrap {
background: #fff;
}
.single_blog_wrap #single #sec04.category_wrap .category_wrap_inner {
padding: 8rem 0;
text-align: left;
}
@media (max-width: 820px) {
.single_blog_wrap #single #sec04.category_wrap .category_wrap_inner {
width: 91%;
margin: 0 auto;
padding: 4rem 0 6rem;
}
}
.single_blog_wrap #single #sec04.category_wrap .category_wrap_inner h4 {
font-size: 2.1rem;
margin-bottom: 2rem;
font-weight: 600;
}
@media (max-width: 820px) {
.single_blog_wrap #single #sec04.category_wrap .category_wrap_inner h4 {
font-size: 1.4rem;
}
}
.single_blog_wrap #single #sec04.category_wrap .category_wrap_inner .category_list {
display: flex;
flex-wrap: wrap;
}
.single_blog_wrap #single #sec04.category_wrap .category_wrap_inner .category_list li {
margin-right: 1rem;
margin-bottom: 1rem;
}
.single_blog_wrap #single #sec04.category_wrap .category_wrap_inner .category_list li a {
display: inline-block;
border: 1px solid #CACACA;
background: #F2F2F2;
border-radius: 2px;
font-size: 1.4rem;
font-weight: 300;
padding: 0.5rem 1rem;
}
@media (max-width: 820px) {
.single_blog_wrap #single #sec04.category_wrap .category_wrap_inner .category_list li a {
font-size: 1.1rem;
}
}  #trial {
padding: 12rem 0 0;
background: #fff;
}
@media (max-width: 820px) {
#trial {
padding: 5rem 0 0;
}
}
#trial .page_header {
margin-bottom: 6rem;
text-align: center;
}
@media (max-width: 820px) {
#trial .page_header {
width: 91%;
margin: 0 auto 6rem;
}
}
#trial .page_header .page_title {
font-size: 3.6rem;
margin-bottom: 3rem;
}
@media (max-width: 820px) {
#trial .page_header .page_title {
display: none;
}
}
#trial .contact_header {
position: relative;
}
#trial .contact_header::after {
display: block;
content: "";
width: 100%;
padding-top: 14%;
background: #F2F2F2;
position: absolute;
bottom: -25%;
left: 0;
z-index: -1;
}
@media (max-width: 820px) {
#trial .contact_header::after {
display: none;
}
}
#trial .contact_header_inner {
width: 63%;
max-width: 900px;
margin: 0 auto;
display: flex;
justify-content: space-between;
}
@media (max-width: 820px) {
#trial .contact_header_inner {
width: 91%;
flex-direction: column;
}
}
#trial .contact_header_inner dl {
width: 46%;
text-align: center;
}
@media (max-width: 820px) {
#trial .contact_header_inner dl {
width: 100%;
}
}
#trial .contact_header_inner dl dt {
font-size: 2.4rem;
}
@media (max-width: 820px) {
#trial .contact_header_inner dl dt {
font-size: 2rem;
}
}
#trial .contact_header_inner dl dd {
font-size: 1.8rem;
}
@media (max-width: 820px) {
#trial .contact_header_inner dl dd {
font-size: 1.4rem;
}
}
#trial .contact_header_inner dl.line_reserve {
margin-bottom: 4.5rem;
}
#trial .contact_header_inner dl.line_reserve dt {
margin-bottom: 3.5rem;
}
@media (max-width: 820px) {
#trial .contact_header_inner dl.line_reserve dt {
margin-bottom: 3.2rem;
}
}
#trial .contact_header_inner dl.tel_reserve dt {
margin-bottom: 5.5rem;
}
@media (max-width: 820px) {
#trial .contact_header_inner dl.tel_reserve dt {
margin-bottom: 4rem;
}
}
#trial .contact_header_inner dl.tel_reserve dt p {
font-size: 1.6rem;
font-weight: 300;
margin-top: 1rem;
}
@media (max-width: 820px) {
#trial .contact_header_inner dl.tel_reserve dt p {
margin-top: 2rem;
font-size: 1.4rem;
}
}
#trial .contact_header_inner dl.tel_reserve dt p span {
display: inline-block;
margin-right: 3rem;
}
@media (max-width: 820px) {
#trial .contact_header_inner dl.tel_reserve dt p span {
margin-right: 4rem;
}
}
#trial .contact_header_inner dl.tel_reserve dd .tel_reserve_shop {
display: flex;
justify-content: space-between;
align-items: center;
font-size: 1.8rem;
margin-bottom: 3rem;
}
@media (max-width: 820px) {
#trial .contact_header_inner dl.tel_reserve dd .tel_reserve_shop {
font-size: 1.4rem;
width: 80%;
margin: 0 auto 2rem;
}
}
#trial .contact_header_inner dl.tel_reserve dd .tel_reserve_shop .shop_tel {
font-size: 4rem;
font-weight: 300;
font-family: "Lato", sans-serif;
color: #83C757;
}
@media (max-width: 820px) {
#trial .contact_header_inner dl.tel_reserve dd .tel_reserve_shop .shop_tel {
font-size: 2.6rem;
}
}
#trial .form_section {
margin: 18% auto 0;
}
@media (max-width: 820px) {
#trial .form_section {
margin: 20% auto 0;
}
}
#trial .form_section .form_wrap {
width: 63%;
max-width: 900px;
margin: 0 auto;
}
@media (max-width: 820px) {
#trial .form_section .form_wrap {
width: 91%;
}
}
#trial .form_section .form_wrap .ttl {
font-size: 2.4rem;
margin-bottom: 4rem;
text-align: center;
}
@media (max-width: 820px) {
#trial .form_section .form_wrap .ttl {
font-size: 2rem;
margin-bottom: 5rem;
}
}
#trial .form_section .form_wrap .ttl p {
font-weight: 300;
margin-top: 5rem;
font-size: 2rem;
line-height: 1.5;
}
@media (max-width: 820px) {
#trial .form_section .form_wrap .ttl p {
font-size: 1.5rem;
}
}
#trial .form_section .form_wrap .input {
margin-bottom: 3.5rem;
font-size: 1.7rem;
font-weight: 300;
}
@media (max-width: 820px) {
#trial .form_section .form_wrap .input {
margin-bottom: 3rem;
}
}
#trial .form_section .form_wrap .input .item {
display: block;
font-size: 1.8rem;
margin-bottom: 2rem;
font-weight: 600;
}
@media (max-width: 820px) {
#trial .form_section .form_wrap .input .item {
font-size: 1.4rem;
}
}
#trial .form_section .form_wrap .input .item .req {
font-size: 1.6rem;
background: #F5F03A;
padding: 0.2rem 0.5rem;
margin-right: 1.5rem;
}
@media (max-width: 820px) {
#trial .form_section .form_wrap .input .item .req {
font-size: 1.2rem;
}
}
#trial .form_section .form_wrap .input input {
width: 100%;
border-radius: 5px;
border: 1px solid #83C757;
background: #F2F2F2;
padding: 1.5rem 1rem;
font-size: 1.6rem;
font-weight: 300;
position: relative;
}
#trial .form_section .form_wrap .select {
width: 40%;
border-radius: 5px;
border: 1px solid #83C757;
background: #F2F2F2;
padding: 1.5rem 1rem;
font-size: 1.6rem;
font-weight: 300;
position: relative;
line-height: 1.4;
}
@media (max-width: 820px) {
#trial .form_section .form_wrap .select {
width: 100%;
}
}
#trial .form_section .form_wrap .select::after {
display: block;
content: "";
position: absolute;
top: 39%;
right: 5%;
margin: auto;
width: 1rem;
height: 1rem;
border-top: solid 2px #83C757;
border-right: solid 2px #83C757;
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
}
#trial .form_section .form_wrap .select select {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
opacity: 0;
line-height: 1;
cursor: pointer;
}
#trial .form_section .form_wrap textarea {
width: 100%;
border-radius: 5px;
border: 1px solid #83C757;
background: #F2F2F2;
padding: 1.5rem 1rem;
font-size: 1.6rem;
font-weight: 300;
}
#trial .form_section .form_wrap .btn_area {
text-align: center;
margin-bottom: 2.5rem;
}
@media (max-width: 820px) {
#trial .form_section .form_wrap .btn_area {
margin-bottom: 2rem;
}
}
#trial .form_section .form_wrap .btn_area .btn_6 {
width: 50%;
}
@media (max-width: 820px) {
#trial .form_section .form_wrap .btn_area .btn_6 {
width: 100%;
}
}
#trial .form_section .form_wrap .send_button {
display: flex;
justify-content: space-between;
width: 80%;
margin: 0 auto 10rem;
}
@media (max-width: 820px) {
#trial .form_section .form_wrap .send_button {
flex-direction: column;
width: 80%;
}
}
#trial .form_section .form_wrap .send_button button {
width: 45%;
}
@media (max-width: 820px) {
#trial .form_section .form_wrap .send_button button {
width: 100%;
margin: 0 auto 3rem;
}
}
#trial .form_section .form_wrap .sub {
width: 82%;
font-size: 1.4rem;
margin: 0 auto 9rem;
font-weight: 300;
line-height: 1.5;
}
@media (max-width: 820px) {
#trial .form_section .form_wrap .sub {
width: 100%;
}
}
#trial .form_section.confirm {
margin: 7% auto 0;
}
#trial .form_section.confirm .req {
display: none;
}
#trial .form_section.confirm .form_wrap .select {
border: none;
background: none;
text-align: left;
width: 100%;
padding: 0;
}
#trial .form_section.confirm .form_wrap .select b,
#trial .form_section.confirm .form_wrap .select span {
display: none;
}
#trial .form_section.confirm .form_wrap .select::after {
display: none;
}
#thanks-pages #trial {
padding: 22rem 0 0;
}
@media (max-width: 820px) {
#thanks-pages #trial {
padding: 14rem 0 0;
}
}
#thanks-pages #trial .page_header .page_title {
font-size: 6.6rem;
margin-bottom: 15rem;
}
@media (max-width: 820px) {
#thanks-pages #trial .page_header .page_title {
font-size: 4.6rem;
display: block;
}
}
#thanks-pages #trial .thanks {
text-align: center;
margin-bottom: 19rem;
}
@media (max-width: 820px) {
#thanks-pages #trial .thanks {
width: 91%;
margin: 0 auto 19rem;
}
}
#thanks-pages #trial .thanks .btn {
width: 50%;
margin: 0 auto;
}
@media (max-width: 820px) {
#thanks-pages #trial .thanks .btn {
width: 100%;
}
}  #privacypolicy {
padding: 0;
position: relative;
overflow: hidden;
}
#privacypolicy .page_header {
background: #F2F2F2;
padding: 11rem 0 4rem;
margin-bottom: 6rem;
}
@media (max-width: 820px) {
#privacypolicy .page_header {
margin: 0 auto 0;
}
}
#privacypolicy .page_header #breadcrumb {
text-align: left;
font-weight: 300;
font-size: 1.4rem;
margin-bottom: 5rem;
}
@media (max-width: 820px) {
#privacypolicy .page_header #breadcrumb {
font-size: 1.2rem;
padding: 0 6%;
}
}
#privacypolicy .page_header #breadcrumb a {
text-decoration: underline;
}
#privacypolicy .page_header .page_title {
font-size: 3.6rem;
color: #262626;
margin-bottom: 3rem;
}
@media (max-width: 820px) {
#privacypolicy .page_header .page_title {
font-size: 2rem;
margin-bottom: 0;
}
}
#privacypolicy .post_wrap {
width: 91%;
max-width: 900px;
margin: 0 auto;
font-size: 1.6rem;
font-weight: 300;
}
@media (max-width: 820px) {
#privacypolicy .post_wrap {
font-size: 1.4rem;
}
}
#privacypolicy .post_wrap p {
margin: 3rem auto;
line-height: 1.8;
}
#privacypolicy .post_wrap p a {
color: #83C757;
text-decoration: underline;
}
#privacypolicy .post_wrap section {
margin: 8.5rem auto;
}
#privacypolicy .post_wrap section ul {
padding: 0 0 0 2em;
list-style: disc;
line-height: 1.7;
}
#privacypolicy .post_wrap h3 {
font-size: 2.4rem;
margin-bottom: 2rem;
}
@media (max-width: 820px) {
#privacypolicy .post_wrap h3 {
font-size: 2rem;
}
}
#privacypolicy .post_wrap h4 {
font-size: 2.2rem;
font-weight: 300;
margin-bottom: 2rem;
}
@media (max-width: 820px) {
#privacypolicy .post_wrap h4 {
font-size: 1.8rem;
}
}
#privacypolicy .post_wrap h5 {
font-size: 1.9rem;
font-weight: 300;
margin-bottom: 2rem;
}
@media (max-width: 820px) {
#privacypolicy .post_wrap h5 {
font-size: 1.6rem;
}
}
#privacypolicy .post_wrap .bottom_text {
text-align: right;
margin-bottom: 8rem;
}  #sitemap {
padding: 0;
position: relative;
overflow: hidden;
}
#sitemap .page_header {
background: #F2F2F2;
padding: 11rem 0 4rem;
margin-bottom: 6rem;
}
@media (max-width: 820px) {
#sitemap .page_header {
margin: 0 auto 0;
}
}
#sitemap .page_header #breadcrumb {
text-align: left;
font-weight: 300;
font-size: 1.4rem;
margin-bottom: 5rem;
}
@media (max-width: 820px) {
#sitemap .page_header #breadcrumb {
font-size: 1.2rem;
padding: 0 6%;
}
}
#sitemap .page_header #breadcrumb a {
text-decoration: underline;
}
#sitemap .page_header .page_title {
font-size: 3.6rem;
color: #262626;
margin-bottom: 3rem;
}
@media (max-width: 820px) {
#sitemap .page_header .page_title {
font-size: 2rem;
margin-bottom: 0;
}
}
#sitemap .post_wrap {
width: 80%;
max-width: 900px;
margin: 0 auto;
font-size: 1.6rem;
font-weight: 300;
padding-left: 11%;
padding-bottom: 10%;
}
@media (max-width: 820px) {
#sitemap .post_wrap {
font-size: 1.4rem;
padding-left: 0;
padding-top: 10%;
}
}
#sitemap .post_wrap p {
margin: 3rem auto;
line-height: 1.8;
}
#sitemap .post_wrap p a {
color: #83C757;
text-decoration: underline;
}
#sitemap .post_wrap ul li {
width: 33%;
display: inline-block;
margin-bottom: 4rem;
vertical-align: top;
}
@media (max-width: 414px) {
#sitemap .post_wrap ul li {
width: 100%;
margin-bottom: 3rem;
}
}
#sitemap .post_wrap ul li:first-child {
display: block;
}
#sitemap .post_wrap ul li a {
font-size: 2rem;
color: #333 !important;
display: block;
padding: 0.5em 0 0.5em 1em;
text-decoration: none;
font-weight: 500;
border-left: 4px solid #83C757;
}
#sitemap .post_wrap ul li .sub-menu {
margin-top: 2rem;
}
#sitemap .post_wrap ul li .sub-menu li {
width: 100%;
margin-bottom: 1rem;
}
#sitemap .post_wrap ul li .sub-menu li a {
font-size: 1.6rem;
color: #333 !important;
display: block;
padding: 0.5em 0 0.5em 1em;
text-decoration: none;
font-weight: 300;
border-left: none;
}
#sitemap .post_wrap h3 {
font-size: 2.4rem;
margin-bottom: 2rem;
}
@media (max-width: 820px) {
#sitemap .post_wrap h3 {
font-size: 2rem;
}
}
#sitemap .post_wrap h4 {
font-size: 2.2rem;
font-weight: 300;
margin-bottom: 2rem;
}
@media (max-width: 820px) {
#sitemap .post_wrap h4 {
font-size: 1.8rem;
}
}
#sitemap .post_wrap h5 {
font-size: 1.9rem;
font-weight: 300;
margin-bottom: 2rem;
}
@media (max-width: 820px) {
#sitemap .post_wrap h5 {
font-size: 1.6rem;
}
}
#sitemap .post_wrap .bottom_text {
text-align: right;
margin-bottom: 8rem;
}
 body.hidden {
overflow: hidden;
}
#loading {
width: 100%;
height: 100%;
background: #fff;
position: fixed;
top: 0;
left: 0;
font-size: 142%;
letter-spacing: 0.1em;
z-index: 998;
}
#loading.hide {
opacity: 0;
}
#loading strong {
display: block;
width: 100%;
text-align: center;
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
font-weight: 500;
}
#loading span {
opacity: 0;
display: inline-block;
margin: 0 0.2em;
}
#loading span:nth-child(1) {
animation:3s ease-in 0s infinite normal none running fade;
}
#loading span:nth-child(2) {
animation:3s ease-in .5s infinite normal none running fade;
}
#loading span:nth-child(3) {
animation:3s ease-in 1s infinite normal none running fade;
}
@keyframes fade {
0% { opacity:0; }
50% { opacity:1; }
100% { opacity:0; }
} .delimit {
opacity: 0;
transform: translateY(2em);
transition: opacity .5s ease-in-out, transform .5s ease-in-out;
}
.delimit.section {
opacity: 1!important;
transform: translateY(0)!important;
}
.delimit.section:before {
opacity: 0;
transition: opacity .5s .2s ease-in-out, transform .5s .2s ease-in-out;
}
.delimit.show.section:before {
opacity: 1;
}
.delimit.low {
transition: opacity .5s .5s ease-in-out, transform .5s .5s ease-in-out!important;
}
.delimit.low2 {
transition: opacity .5s 1s ease-in-out, transform .5s 1s ease-in-out!important;
}
.delimit .slide {
opacity: 0;
transform: translateY(2em);
transition: opacity .5s .5s ease-in-out, transform .5s .5s ease-in-out;
}
.delimit.big_font {
transform: translateY(0)!important;
}
.delimit.image.bg img {
opacity: 0;
transform: translateY(3em);
transition: opacity .5s .5s ease-in-out, transform .5s .5s ease-in-out;
}
.delimit .image.bg:before {
margin-top: 2em;
transition: margin-top .5s .2s ease-in-out;
}
.delimit.show .image.bg:before {
margin-top: 0;
}
.delimit.show,
.delimit.show .slide {
opacity: 1;
transform: translateY(0);
}
.delimit.show.image.bg img {
opacity: 1;
transform: translateY(0);
}
.delimit.show.big_font {
opacity: 1;
}
.delimit.de_list li {
opacity:0;
transform: translateY(1em)
}
.delimit.show.de_list li {
opacity:1;
transform: translateX(0);
}
.delimit.de_list li:nth-child(1) {
transition: all .3s 0 ease-in-out;
}
.delimit.de_list li:nth-child(2) {
transition: all .3s .2s ease-in-out;
}
.delimit.de_list li:nth-child(3) {
transition: all .3s .4s ease-in-out;
}
.delimit.de_list li:nth-child(4) {
transition: all .3s .6s ease-in-out;
}
.delimit.de_list li:nth-child(5) {
transition: all .3s .8s ease-in-out;
}
.delimit.de_list li:nth-child(6) {
transition: all .3s 1s ease-in-out;
}
.delimit.de_list li:nth-child(7) {
transition: all .3s 1.2s ease-in-out;
}
.delimit.de_list li:nth-child(8) {
transition: all .3s 1.4s ease-in-out;
}
.delimit.de_list li:nth-child(9) {
transition: all .3s 1.6s ease-in-out;
}
.delimit.de_list li:nth-child(10) {
transition: all .3s 1.8s ease-in-out;
}
.delimit.de_list li:nth-child(11) {
transition: all .3s 2s ease-in-out;
}
.delimit.de_list li:nth-child(12) {
transition: all .3s 2.2s ease-in-out;
}
.delimit.de_list li:nth-child(13) {
transition: all .3s 2.4s ease-in-out;
}
.delimit.de_list li:nth-child(14) {
transition: all .3s 2.6s ease-in-out;
}
.delimit.de_list li:nth-child(15) {
transition: all .3s 2.8s ease-in-out;
}
.delimit.blog_list li .image:before {
transition: width .5s .5s ease-in-out;
}
.delimit.show.blog_list li .image:before {
width: 100%;
}
.de_first {
opacity: 0;
transform: translateY(2em);
transition: opacity .5s ease-in-out, transform .5s ease-in-out;
}
.delimit.show .de_first {
opacity: 1;
transform: translateY(0);
}
.de_second {
opacity: 0;
transform: translateY(2em);
transition: opacity .5s .5s ease-in-out, transform .5s .5s ease-in-out;
}
.delimit.show .de_second {
opacity: 1;
transform: translateY(0);
}
#trial .form_section .in_section.delimit:before {
opacity: 0;
transform: translateY(2em);
transition: opacity .5s .5s ease-in-out, transform .5s .5s ease-in-out!important;
}
#trial .form_section .in_section.delimit.show:before {
opacity: 0.5;
transform: translateY(0);
}/*/*/@media screen and ( min-width:641px ) {
.delimit.image.bg {
transform: translateX(6em) translateY(2em)
}
.delimit.discover .cont {
transform: translateY(-45%)!important;
transition: transform .5s ease-in-out;
}
.delimit.show.discover .cont {
transform: translateY(-50%)!important;
}
}/*/*/@media screen and ( max-width:641px ) {
.delimit.show.de_list.trainer_list li {
opacity: 0;
}
.delimit.show.de_list.trainer_list li.delimit.show {
opacity: 1;
}
#trial .form_section .in_section .telbox.delimit.low {
transition: opacity .5s ease-in-out, transform .5s ease-in-out;
}
}