@charset "UTF-8";
.wp-block-audio figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-audio figcaption{color:hsla(0,0%,100%,.65)}.wp-block-code>code{font-family:Menlo,Consolas,monaco,monospace;color:#1e1e1e;padding:.8em 1em;border:1px solid #ddd;border-radius:4px}.wp-block-embed figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-embed figcaption{color:hsla(0,0%,100%,.65)}.blocks-gallery-caption{color:#555;font-size:13px;text-align:center}.is-dark-theme .blocks-gallery-caption{color:hsla(0,0%,100%,.65)}.wp-block-image figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-image figcaption{color:hsla(0,0%,100%,.65)}.wp-block-pullquote{border-top:4px solid;border-bottom:4px solid;margin-bottom:1.75em;color:currentColor}.wp-block-pullquote__citation,.wp-block-pullquote cite,.wp-block-pullquote footer{color:currentColor;text-transform:uppercase;font-size:.8125em;font-style:normal}.wp-block-quote{border-left:.25em solid;margin:0 0 1.75em;padding-left:1em}.wp-block-quote cite,.wp-block-quote footer{color:currentColor;font-size:.8125em;position:relative;font-style:normal}.wp-block-quote.has-text-align-right{border-left:none;border-right:.25em solid;padding-left:0;padding-right:1em}.wp-block-quote.has-text-align-center{border:none;padding-left:0}.wp-block-quote.is-large,.wp-block-quote.is-style-large,.wp-block-quote.is-style-plain{border:none}.wp-block-search .wp-block-search__label{font-weight:700}.wp-block-group:where(.has-background){padding:1.25em 2.375em}.wp-block-separator{border:none;border-bottom:2px solid;margin-left:auto;margin-right:auto;opacity:.4}.wp-block-separator:not(.is-style-wide):not(.is-style-dots){width:100px}.wp-block-separator.has-background:not(.is-style-dots){border-bottom:none;height:1px}.wp-block-separator.has-background:not(.is-style-wide):not(.is-style-dots){height:2px}.wp-block-table thead{border-bottom:3px solid}.wp-block-table tfoot{border-top:3px solid}.wp-block-table td,.wp-block-table th{padding:.5em;border:1px solid;word-break:normal}.wp-block-table figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-table figcaption{color:hsla(0,0%,100%,.65)}.wp-block-video figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-video figcaption{color:hsla(0,0%,100%,.65)}.wp-block-template-part.has-background{padding:1.25em 2.375em;margin-top:0;margin-bottom:0}.addtoany_content{clear:both;margin:16px auto}.addtoany_header{margin:0 0 16px}.addtoany_list{display:inline;line-height:16px}.addtoany_list a,.widget .addtoany_list a{border:0;box-shadow:none;display:inline-block;font-size:16px;padding:0 4px;vertical-align:middle}.addtoany_list a img{border:0;display:inline-block;opacity:1;overflow:hidden;vertical-align:baseline}.addtoany_list a span{display:inline-block;float:none}.addtoany_list.a2a_kit_size_32 a{font-size:32px}.addtoany_list.a2a_kit_size_32 a:not(.addtoany_special_service)>span{height:32px;line-height:32px;width:32px}.addtoany_list a:not(.addtoany_special_service)>span{border-radius:4px;display:inline-block;opacity:1}.addtoany_list a .a2a_count{position:relative;vertical-align:top}.site .a2a_kit.addtoany_list a:focus,.addtoany_list a:hover,.widget .addtoany_list a:hover{background:none;border:0;box-shadow:none}.addtoany_list a:hover img,.addtoany_list a:hover span{opacity:.7}.addtoany_list a.addtoany_special_service:hover img,.addtoany_list a.addtoany_special_service:hover span{opacity:1}.addtoany_special_service{display:inline-block;vertical-align:middle}.addtoany_special_service a,.addtoany_special_service div,.addtoany_special_service div.fb_iframe_widget,.addtoany_special_service iframe,.addtoany_special_service span{margin:0;vertical-align:baseline!important}.addtoany_special_service iframe{display:inline;max-width:none}a.addtoany_share.addtoany_no_icon span.a2a_img_text{display:none}a.addtoany_share img{border:0;width:auto;height:auto}
                                                .p-sp-menu-cta-link, .c-pager-btn:not(.is-current):not(.u-svg) {
position: relative;
overflow: hidden;
-webkit-transition: color cubic-bezier(0.19, 1, 0.22, 1) 0.6s;
transition: color cubic-bezier(0.19, 1, 0.22, 1) 0.6s;
}
.p-sp-menu-cta-link:hover, .c-pager-btn:hover:not(.is-current):not(.u-svg) {
color: #fff;
}
.p-sp-menu-cta-link:hover::before, .c-pager-btn:not(.u-svg):not(.is-current):hover::before {
-webkit-animation: c-btn-enter 0.6s cubic-bezier(0.19, 1, 0.22, 1) 1;
animation: c-btn-enter 0.6s cubic-bezier(0.19, 1, 0.22, 1) 1;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.p-sp-menu-cta-link::before, .c-pager-btn:not(.u-svg):not(.is-current)::before {
position: absolute;
z-index: 0;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: block;
background: #3f3a39;
content: "";
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-animation: c-btn-leave 0.6s cubic-bezier(0.19, 1, 0.22, 1);
animation: c-btn-leave 0.6s cubic-bezier(0.19, 1, 0.22, 1);
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
@media screen and (max-width: 1024px) {
.p-sp-menu-cta-link::before, .c-pager-btn:not(.u-svg):not(.is-current)::before {
display: none;
}
}
@-webkit-keyframes c-btn-enter {
0% {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes c-btn-enter {
0% {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@-webkit-keyframes c-btn-leave {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
}
@keyframes c-btn-leave {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
}
@-webkit-keyframes c-cnt-enter {
0% {
opacity: 0;
-webkit-transform: translateX(-10%);
transform: translateX(-10%);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes c-cnt-enter {
0% {
opacity: 0;
-webkit-transform: translateX(-10%);
transform: translateX(-10%);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@-webkit-keyframes c-cnt-leave {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes c-cnt-leave {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
.p-index-blog-article {
max-width: 1000px;
margin: 0 auto;
padding: 0 20px;
}
.p-sp-menu-link-ext::after, .c-kv-bnr-txt::after,
.c-entry-btn-txt::after, .c-btn-body::after, .c-cta-cnt-btn-link::after, .c-form .c-btn-body::after, .c-pager-btn.is-next::after, .c-pager-btn.is-prev::after, .p-course-navi-more-link::after, .p-index-blog-more-link::after, .p-index-course-more-link::after, .p-index-lecturer-more-link::after,
.p-index-voice-more-link::after, .p-index-recipe-more-link::after, .p-index-access-more-link::after, .l-recipe-single .c-recipe-btn-link::after {
position: absolute;
top: 50%;
right: 20px;
display: block;
width: 60px;
height: 60px;
margin-top: -30px;
border: 2px solid #327bb7;
border-radius: 100px;
content: "";
}
@media screen and (max-width: 767px) {
.p-sp-menu-link-ext::after, .c-kv-bnr-txt::after,
.c-entry-btn-txt::after, .c-btn-body::after, .c-cta-cnt-btn-link::after, .c-form .c-btn-body::after, .c-pager-btn.is-next::after, .c-pager-btn.is-prev::after, .p-course-navi-more-link::after, .p-index-blog-more-link::after, .p-index-course-more-link::after, .p-index-lecturer-more-link::after,
.p-index-voice-more-link::after, .p-index-recipe-more-link::after, .p-index-access-more-link::after, .l-recipe-single .c-recipe-btn-link::after {
right: 16px;
width: 37px;
height: 37px;
margin-top: -22px;
}
}
.p-sp-menu-link-ext::before, .c-kv-bnr-txt::before,
.c-entry-btn-txt::before, .c-btn-body::before, .c-cta-cnt-btn-link::before, .c-form .c-btn-body::before, .c-pager-btn.is-next::before, .c-pager-btn.is-prev::before, .p-course-navi-more-link::before, .p-index-blog-more-link::before, .p-index-course-more-link::before, .p-index-lecturer-more-link::before,
.p-index-voice-more-link::before, .p-index-recipe-more-link::before, .p-index-access-more-link::before, .l-recipe-single .c-recipe-btn-link::before {
position: absolute;
top: 50%;
right: 50px;
display: block;
width: 72px;
height: 14px;
margin-top: -11px;
border: 1px solid #327bb7;
border-width: 0 3px 2px 0;
content: "";
-webkit-transform: skewX(48deg);
transform: skewX(48deg);
}
@media screen and (max-width: 767px) {
.p-sp-menu-link-ext::before, .c-kv-bnr-txt::before,
.c-entry-btn-txt::before, .c-btn-body::before, .c-cta-cnt-btn-link::before, .c-form .c-btn-body::before, .c-pager-btn.is-next::before, .c-pager-btn.is-prev::before, .p-course-navi-more-link::before, .p-index-blog-more-link::before, .p-index-course-more-link::before, .p-index-lecturer-more-link::before,
.p-index-voice-more-link::before, .p-index-recipe-more-link::before, .p-index-access-more-link::before, .l-recipe-single .c-recipe-btn-link::before {
right: 34px;
width: 42px;
height: 8px;
margin-top: -8px;
}
}
.c-cta-decoration, .c-page-headline, .p-main-visual, .p-index-about, .p-index-gallery {
position: relative;
}
.c-cta-decoration::after, .c-page-headline::after, .p-main-visual::after, .p-index-about::after, .p-index-gallery::after {
position: absolute;
z-index: 10;
bottom: 0;
left: 0;
display: block;
width: 100%;
height: 63px;
background: repeat-x center;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='290' height='63' stroke-width='0' viewBox='0 0 290 63' fill='%23327bb7'%3E%3Cpath d='M273.2,37.5L277,8.3c8.4-4,13-6.8,13.1-6.8L290,0l-0.9,0l-0.7,0.4c-1.5,0.9-5.3,3-11.2,5.8L248.3,18	c-2.7,0.9-5.5,1.9-8.4,2.8L209.3,29c-2.7,0.6-5.5,1.1-8.4,1.7l-31.4,4.2c-2.7,0.2-5.5,0.4-8.3,0.6l-31.8,0c-2.8-0.2-5.6-0.3-8.3-0.6	l-31.5-4.2c-2.9-0.5-5.7-1.1-8.4-1.7l-30.8-8.1c-2.8-0.9-5.4-1.8-8-2.7l-29-11.8l-1.8-0.8C8.1,3.9,5.4,2.5,3.7,1.5	C2.7,1,2.1,0.6,1.6,0.3L0.9,0L0,0v1.5c0,0,4.8,2.9,13.6,7l3.5,29l23.9-17.9c3.2,1.1,6.5,2.2,10,3.3l7.7,28.5l20.9-21	c3.5,0.8,7.1,1.5,10.8,2.1L101.8,60l18-23.5c3.5,0.3,7.1,0.5,10.7,0.7L145.1,63l15-25.7c3.6-0.2,7.2-0.4,10.7-0.7L188.6,60	l11.5-27.3c3.6-0.7,7.1-1.4,10.5-2.1l21.1,21.1l7.7-28.7c3.5-1.1,6.9-2.2,10.1-3.4L273.2,37.5z'/%3E%3C/svg%3E");
background-size: auto 100%;
pointer-events: none;
content: "";
-webkit-transform: translateY(50%);
transform: translateY(50%);
}
@media screen and (max-width: 767px) {
.c-cta-decoration::after, .c-page-headline::after, .p-main-visual::after, .p-index-about::after, .p-index-gallery::after {
height: 7vw;
}
}
@media screen and (max-width: 374px) {
.c-cta-decoration::after, .c-page-headline::after, .p-main-visual::after, .p-index-about::after, .p-index-gallery::after {
height: 9.6vw;
}
}
.p-menu-content__list__item-txt strong, .p-index-access-data strong, .l-recipe-single .c-recipe-desc strong, .l-recipe-single .c-recipe--material__list__item strong, .l-recipe-single .c-recipe--material__sublist__item strong, .l-recipe-single .c-recipe--howto__list__item strong, .l-recipe-single .c-recipe--howto__text strong, .l-recipe-single .c-recipe--point p:not([class]) strong, .l-recipe-single .c-recipe--free-area p:not([class]) strong, .p-menu-content__list__item-txt b, .p-index-access-data b, .l-recipe-single .c-recipe-desc b, .l-recipe-single .c-recipe--material__list__item b, .l-recipe-single .c-recipe--material__sublist__item b, .l-recipe-single .c-recipe--howto__list__item b, .l-recipe-single .c-recipe--howto__text b, .l-recipe-single .c-recipe--point p:not([class]) b, .l-recipe-single .c-recipe--free-area p:not([class]) b {
font-weight: bold;
}
.p-menu-content__list__item-txt u, .p-index-access-data u, .l-recipe-single .c-recipe-desc u, .l-recipe-single .c-recipe--material__list__item u, .l-recipe-single .c-recipe--material__sublist__item u, .l-recipe-single .c-recipe--howto__list__item u, .l-recipe-single .c-recipe--howto__text u, .l-recipe-single .c-recipe--point p:not([class]) u, .l-recipe-single .c-recipe--free-area p:not([class]) u {
text-decoration: underline;
}
.p-menu-content__list__item-txt i, .p-index-access-data i, .l-recipe-single .c-recipe-desc i, .l-recipe-single .c-recipe--material__list__item i, .l-recipe-single .c-recipe--material__sublist__item i, .l-recipe-single .c-recipe--howto__list__item i, .l-recipe-single .c-recipe--howto__text i, .l-recipe-single .c-recipe--point p:not([class]) i, .l-recipe-single .c-recipe--free-area p:not([class]) i, .p-menu-content__list__item-txt em, .p-index-access-data em, .l-recipe-single .c-recipe-desc em, .l-recipe-single .c-recipe--material__list__item em, .l-recipe-single .c-recipe--material__sublist__item em, .l-recipe-single .c-recipe--howto__list__item em, .l-recipe-single .c-recipe--howto__text em, .l-recipe-single .c-recipe--point p:not([class]) em, .l-recipe-single .c-recipe--free-area p:not([class]) em {
font-style: italic;
}
.p-menu-content__list__item-txt small, .p-index-access-data small, .l-recipe-single .c-recipe-desc small, .l-recipe-single .c-recipe--material__list__item small, .l-recipe-single .c-recipe--material__sublist__item small, .l-recipe-single .c-recipe--howto__list__item small, .l-recipe-single .c-recipe--howto__text small, .l-recipe-single .c-recipe--point p:not([class]) small, .l-recipe-single .c-recipe--free-area p:not([class]) small {
font-size: 80%;
}
.p-menu-content__list__item-txt s, .p-index-access-data s, .l-recipe-single .c-recipe-desc s, .l-recipe-single .c-recipe--material__list__item s, .l-recipe-single .c-recipe--material__sublist__item s, .l-recipe-single .c-recipe--howto__list__item s, .l-recipe-single .c-recipe--howto__text s, .l-recipe-single .c-recipe--point p:not([class]) s, .l-recipe-single .c-recipe--free-area p:not([class]) s, .p-menu-content__list__item-txt strike, .p-index-access-data strike, .l-recipe-single .c-recipe-desc strike, .l-recipe-single .c-recipe--material__list__item strike, .l-recipe-single .c-recipe--material__sublist__item strike, .l-recipe-single .c-recipe--howto__list__item strike, .l-recipe-single .c-recipe--howto__text strike, .l-recipe-single .c-recipe--point p:not([class]) strike, .l-recipe-single .c-recipe--free-area p:not([class]) strike {
text-decoration: line-through;
}
.p-menu-content__list__item-txt sup, .p-index-access-data sup, .l-recipe-single .c-recipe-desc sup, .l-recipe-single .c-recipe--material__list__item sup, .l-recipe-single .c-recipe--material__sublist__item sup, .l-recipe-single .c-recipe--howto__list__item sup, .l-recipe-single .c-recipe--howto__text sup, .l-recipe-single .c-recipe--point p:not([class]) sup, .l-recipe-single .c-recipe--free-area p:not([class]) sup {
font-size: 60%;
vertical-align: super;
} @-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes verticalFloat {
0% {
-webkit-transform: translateY(5px);
transform: translateY(5px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes verticalFloat {
0% {
-webkit-transform: translateY(5px);
transform: translateY(5px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
} .a2a_kit a {
margin: 0 10px;
padding: 0;
}
.a2a_mini {
width: 312px !important;
}
.a2a_svg {
background: none !important;
}
.a2a_svg svg {
width: 28px;
height: 28px;
}
.a2a_svg svg,
.a2a_svg path,
.a2a_svg g {
fill: #454545;
}
.a2a_full {
height: 340px !important;
}
.a2a_full_footer {
padding: 18px 14px !important;
}
.a2a_menu a {
font-family: "Lato", "Noto Sans JP", Arial, Helvetica, sans-serif !important;
color: #454545 !important;
}
.a2a_mini_services {
overflow: hidden;
padding: 6px !important;
}
.a2a_menu_show_more_less span {
font-family: "Lato", "Noto Sans JP", Arial, Helvetica, sans-serif !important;
font-size: 14px;
font-size: 1.4rem;
} .swiper-container {
position: relative;
z-index: 1;
overflow: hidden;
margin-right: auto;
margin-left: auto;
padding: 0;
list-style: none;
}
.swiper-container-no-flexbox .swiper-slide {
float: left;
}
.swiper-container-vertical > .swiper-wrapper {
flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
}
.swiper-wrapper {
position: relative;
z-index: 1;
display: -webkit-box;
display: flex;
box-sizing: content-box;
width: 100%;
height: 100%;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
-webkit-transform: translate3d(0px, 0, 0);
transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
flex-wrap: wrap;
}
.swiper-container-free-mode > .swiper-wrapper {
margin: 0 auto;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.swiper-slide {
position: relative;
width: 100%;
height: 100%;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
flex-shrink: 0;
}
.swiper-slide-invisible-blank {
visibility: hidden;
}
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
-webkit-transition-property: height, -webkit-transform;
transition-property: height, -webkit-transform;
transition-property: transform, height;
transition-property: transform, height, -webkit-transform;
-webkit-box-align: start;
align-items: flex-start;
}
.swiper-container-3d {
-webkit-perspective: 1200px;
perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
position: absolute;
z-index: 10;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
}
.swiper-container-3d .swiper-slide-shadow-left {
background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-right {
background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-top {
background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-bottom {
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal > .swiper-wrapper {
touch-action: pan-y;
}
.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical > .swiper-wrapper {
touch-action: pan-x;
}
.swiper-button-prev,
.swiper-button-next {
position: absolute;
z-index: 10;
top: 50%;
width: 27px;
height: 44px;
margin-top: -22px;
background-repeat: no-repeat;
background-position: center;
background-size: 27px 44px;
cursor: pointer;
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
pointer-events: none;
cursor: auto;
opacity: 0.35;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
right: auto;
left: 10px;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
right: 10px;
left: auto;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-lock {
display: none;
}
.swiper-pagination {
position: absolute;
z-index: 10;
text-align: center;
-webkit-transition: 300ms opacity;
transition: 300ms opacity;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0;
}
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
bottom: 10px;
left: 0;
width: 100%;
}
.swiper-pagination-bullets-dynamic {
overflow: hidden;
font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
position: relative;
-webkit-transform: scale(0.33);
transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
-webkit-transform: scale(1);
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
-webkit-transform: scale(1);
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
-webkit-transform: scale(0.66);
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
-webkit-transform: scale(0.33);
transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
-webkit-transform: scale(0.66);
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
-webkit-transform: scale(0.33);
transform: scale(0.33);
}
.swiper-pagination-bullet {
display: inline-block;
width: 8px;
height: 8px;
border-radius: 100%;
background: #000;
opacity: 0.2;
}
button.swiper-pagination-bullet {
margin: 0;
padding: 0;
border: none;
box-shadow: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer;
}
.swiper-pagination-bullet-active {
background: #007aff;
opacity: 1;
}
.swiper-container-vertical > .swiper-pagination-bullets {
top: 50%;
right: 10px;
-webkit-transform: translate3d(0px, -50%, 0);
transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
display: block;
margin: 6px 0;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
top: 50%;
width: 8px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
display: inline-block;
-webkit-transition: 200ms top, 200ms -webkit-transform;
transition: 200ms top, 200ms -webkit-transform;
transition: 200ms transform, 200ms top;
transition: 200ms transform, 200ms top, 200ms -webkit-transform;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 4px;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
left: 50%;
white-space: nowrap;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
-webkit-transition: 200ms left, 200ms -webkit-transform;
transition: 200ms left, 200ms -webkit-transform;
transition: 200ms transform, 200ms left;
transition: 200ms transform, 200ms left, 200ms -webkit-transform;
}
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
-webkit-transition: 200ms right, 200ms -webkit-transform;
transition: 200ms right, 200ms -webkit-transform;
transition: 200ms transform, 200ms right;
transition: 200ms transform, 200ms right, 200ms -webkit-transform;
}
.swiper-pagination-progressbar {
position: absolute;
background: rgba(0, 0, 0, 0.25);
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #007aff;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: left top;
transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
-webkit-transform-origin: right top;
transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
top: 0;
left: 0;
width: 100%;
height: 4px;
}
.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
top: 0;
left: 0;
width: 4px;
height: 100%;
}
.swiper-pagination-white .swiper-pagination-bullet-active {
background: #ffffff;
}
.swiper-pagination-progressbar.swiper-pagination-white {
background: rgba(255, 255, 255, 0.25);
}
.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
background: #ffffff;
}
.swiper-pagination-black .swiper-pagination-bullet-active {
background: #000000;
}
.swiper-pagination-progressbar.swiper-pagination-black {
background: rgba(0, 0, 0, 0.25);
}
.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
background: #000000;
}
.swiper-pagination-lock {
display: none;
}
.swiper-scrollbar {
position: relative;
border-radius: 10px;
background: rgba(0, 0, 0, 0.1);
-ms-touch-action: none;
}
.swiper-container-horizontal > .swiper-scrollbar {
position: absolute;
z-index: 50;
bottom: 3px;
left: 1%;
width: 98%;
height: 5px;
}
.swiper-container-vertical > .swiper-scrollbar {
position: absolute;
z-index: 50;
top: 1%;
right: 3px;
width: 5px;
height: 98%;
}
.swiper-scrollbar-drag {
position: relative;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 10px;
background: rgba(0, 0, 0, 0.5);
}
.swiper-scrollbar-cursor-drag {
cursor: move;
}
.swiper-scrollbar-lock {
display: none;
}
.swiper-zoom-container {
display: -webkit-box;
display: flex;
width: 100%;
height: 100%;
text-align: center;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
max-width: 100%;
max-height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.swiper-slide-zoomed {
cursor: move;
}
.swiper-lazy-preloader {
position: absolute;
z-index: 10;
top: 50%;
left: 50%;
width: 42px;
height: 42px;
margin-top: -21px;
margin-left: -21px;
-webkit-transform-origin: 50%;
transform-origin: 50%;
-webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
animation: swiper-preloader-spin 1s steps(12, end) infinite;
}
.swiper-lazy-preloader:after {
display: block;
width: 100%;
height: 100%;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
background-repeat: no-repeat;
background-position: 50%;
background-size: 100%;
content: '';
}
.swiper-lazy-preloader-white:after {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@-webkit-keyframes swiper-preloader-spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes swiper-preloader-spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.swiper-container .swiper-notification {
position: absolute;
z-index: -1000;
top: 0;
left: 0;
pointer-events: none;
opacity: 0;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
pointer-events: none;
-webkit-transition-property: opacity;
transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-container-cube {
overflow: visible;
}
.swiper-container-cube .swiper-slide {
z-index: 1;
visibility: hidden;
width: 100%;
height: 100%;
pointer-events: none;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.swiper-container-cube .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
-webkit-transform-origin: 100% 0;
transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
visibility: visible;
pointer-events: auto;
}
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.swiper-container-cube .swiper-cube-shadow {
position: absolute;
z-index: 0;
bottom: 0px;
left: 0;
width: 100%;
height: 100%;
background: #000;
opacity: 0.6;
-webkit-filter: blur(50px);
filter: blur(50px);
}
.swiper-container-flip {
overflow: visible;
}
.swiper-container-flip .swiper-slide {
z-index: 1;
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.swiper-container-flip .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.swiper-container-coverflow .swiper-wrapper { -ms-perspective: 1200px;
} * {
box-sizing: border-box;
margin: 0;
padding: 0;
}
html {
font-size: 62.5%;
}
body {
position: relative;
background: #e2f1fd;
font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
font-size: 16px;
font-size: 1.6rem;
font-weight: 400;
line-height: 1.5;
color: #454545;
letter-spacing: 0.3px;
letter-spacing: 0.03rem;
word-break: break-all;
font-feature-settings: "palt";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-size-adjust: 100%;
}
@media screen and (max-width: 767px) {
body {
font-size: 14px;
font-size: 1.4rem;
}
}
a {
color: #454545;
text-decoration: none;
}
a:not(.u-nothover):hover {
opacity: 0.7;
}
a.u-hover {
display: block;
}
a.u-svg:hover::after,
a:hover .u-svg::after,
button.u-svg:hover::after,
button:hover .u-svg::after {
-webkit-animation: circle-open 0.8s cubic-bezier(0.19, 1, 0.22, 1);
animation: circle-open 0.8s cubic-bezier(0.19, 1, 0.22, 1);
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
a.u-svg:hover::before,
a:hover .u-svg::before,
button.u-svg:hover::before,
button:hover .u-svg::before {
-webkit-animation: line-move 0.8s cubic-bezier(0.19, 1, 0.22, 1);
animation: line-move 0.8s cubic-bezier(0.19, 1, 0.22, 1);
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
select,
input,
textarea {
padding: 0;
border: 0;
border-radius: 0;
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
button:focus {
outline: none;
}
select::-ms-expand {
display: none;
}
img {
max-width: 100%;
height: auto;
}
::-webkit-scrollbar {
width: 10px;
height: 10px;
}
::-webkit-scrollbar-track {
border-radius: 15px;
background: #f1f1f1;
}
::-webkit-scrollbar-thumb {
border-radius: 15px;
background: #c1c1c1;
}
::-moz-selection {
background-color: #327bb7;
color: #fff;
}
::selection {
background-color: #327bb7;
color: #fff;
}
.alignleft {
float: right;
}
.aligncenter {
display: block;
margin: 0 auto;
}
.alignright {
float: right;
}
.p-svg_hide {
position: absolute;
width: 0;
height: 0;
}
.is-link-none {
pointer-events: none;
cursor: default;
} @media screen and (max-width: 1024px) {
.is-pc,
.pc {
display: none;
}
}
@media screen and (max-width: 767px) {
.is-pc,
.pc {
display: none;
}
}
.is-sp,
.sp {
display: none;
}
@media screen and (max-width: 767px) {
.is-sp,
.sp {
display: block;
}
}
.is-tablet,
.tablet {
display: none;
}
@media screen and (max-width: 1024px) {
.is-tablet,
.tablet {
display: block;
}
}
@media screen and (max-width: 767px) {
.is-no-sp{
display: none;
}
} .l-main {
min-height: calc(100vh - 153px);
}
@media screen and (max-width: 1024px) {
.l-main {
min-height: calc(100vh - 143px);
}
}
@media screen and (max-width: 767px) {
.l-main {
min-height: calc(100vh - 133px);
}
} .p-section {
padding: 80px 0 0px;
}
@media screen and (max-width: 767px) {
.p-section {
padding: 100px 0 0;
}
} .js-rotate3d:hover .js-rotate3d-card {
-webkit-transition: none;
transition: none;
}
.js-rotate3d[data-hover="start"] .js-rotate3d-card {
transition: transform 0.2s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.2s cubic-bezier(0.19, 1, 0.22, 1);
}
.js-rotate3d-card {
transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 1s cubic-bezier(0.19, 1, 0.22, 1);
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
} .js-body-wrapper {
overflow: hidden;
} .addtoany_shortcode {
margin: -36px 0 30px;
text-align: center;
}
@media screen and (max-width: 1024px) {
.addtoany_shortcode {
margin: 0px 0 30px;
}
}
@media screen and (max-width: 767px) {
.addtoany_shortcode {
margin: -20px 0 30px;
}
} .l-footer {
display: block;
background: #c4e2fb;
}
.p-global-footer {
max-width: 1440px;
margin: 0 auto;
padding: 55px 20px 20px;
text-align: center;
}
@media screen and (max-width: 1024px) {
.p-global-footer {
padding: 0;
padding: 50px 20px 20px;
}
}
.p-global-footer__address {
margin-bottom: 15px;
font-size: 13px;
font-size: 1.3rem;
}
.p-global-footer__address:last-child {
margin-bottom: 0;
}
.p-footer-info {
position: relative;
padding: 20px 0 20px;
}
.p-grobal-footer__bnr {
align-items: center;
display: flex;
flex-wrap: wrap;
justify-content: center;
margin: 24px -12px 4px -12px;
}
.p-grobal-footer__bnr__item {
flex-basis: 25%;
padding: 12px;
text-align: center;
list-style: none;
}
.p-grobal-footer__bnr__link {
display: inline-block;
position: relative;
}
.p-grobal-footer__bnr__link::after {
background: rgba(68, 119, 136, .5);
content: '';
display: inline-block;
height: 100%;
left: 0;
opacity: 0;
position: absolute;
top: 0;
transition: opacity .3s;
width: 100%;
z-index: 1;
}
.p-grobal-footer__bnr__link.is-hover::after {
opacity: 1;
}
.p-footer-copyright {
display: block;
font-family: "Lato", "Noto Sans JP", Arial, Helvetica, sans-serif;
font-size: 12px;
font-size: 1.2rem;
font-weight: 900;
color: #454545;
letter-spacing: 0.5px;
letter-spacing: 0.05rem;
}
@media screen and (max-width: 1024px) {
.p-footer-copyright {
margin: 0 0 10px;
color: #454545;
}
}
@media screen and (max-width: 767px) {
.p-grobal-footer__bnr {
margin: 38px auto 18px;
}
.p-grobal-footer__bnr__item {
flex-basis: 100%;
}
} .l-header {
position: fixed;
z-index: 15;
top: 0;
right: 0;
left: 0;
}
.p-header {
position: relative;
display: -webkit-box;
display: flex;
max-width: 100%;
padding: 10px 30px;
-webkit-box-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
align-items: center;
}
@media screen and (max-width: 1330px) {
.p-header {
padding: 10px 20px;
}
}
@media screen and (max-width: 1024px) {
.p-header {
padding: 10px;
}
}
@media screen and (max-width: 1024px) {
.p-header-logo {
padding: 0 0 0 20px;
}
}
@media screen and (max-width: 767px) {
.p-header-logo {
padding: 0;
}
}
.p-header-logo-link {
display: block;
padding: 30px;
}
@media screen and (max-width: 1024px) {
.p-header-logo-link {
padding: 0;
}
}
.p-header-logo-img {
max-height: 54px;
margin: 0 10px 0 0;
vertical-align: middle;
}
@media screen and (max-width: 767px) {
.p-header-logo-img {
max-height: 36px;
margin: 0 4px 0 0;
}
}
.p-burger-icon {
position: relative;
width: 90px;
height: 90px;
border: 0;
border-radius: 90px;
background: #327bb7;
cursor: pointer;
}
.p-burger-icon:focus {
outline: none;
}
@media screen and (max-width: 767px) {
.p-burger-icon {
width: 40px;
height: 40px;
border-radius: 20px;
}
}
.p-burger-icon-line {
position: absolute;
top: 50%;
left: 50%;
width: 35px;
height: 2px;
background: #fff;
-webkit-transition: all .5s ease;
transition: all .5s ease;
-webkit-transform: translateX(-17.5px);
transform: translateX(-17.5px);
}
.p-burger-icon-line:first-child {
margin: -10px 0 0;
-webkit-transform: translateX(-17.5px);
transform: translateX(-17.5px);
}
@media screen and (max-width: 767px) {
.p-burger-icon-line:first-child {
margin: -5px 0 0;
-webkit-transform: translateX(-8px);
transform: translateX(-8px);
}
}
.p-burger-icon-line:last-child {
margin: 10px 0 0;
}
@media screen and (max-width: 767px) {
.p-burger-icon-line:last-child {
margin: 5px 0 0;
}
}
@media screen and (max-width: 767px) {
.p-burger-icon-line {
width: 16px;
height: 1px;
-webkit-transform: translateX(-8px);
transform: translateX(-8px);
}
}
@media screen and (min-width: 1024px) {
.p-burger-icon:hover .p-burger-icon-line:first-child {
margin: -13px 0 0;
}
.p-burger-icon:hover .p-burger-icon-line:last-child {
margin: 13px 0 0;
}
}
@media screen and (min-width: 1025px) {
body[data-menu='active'] .p-burger-icon-line {
top: 64%;
left: 21%;
width: 30px;
margin: 0;
-webkit-transform: rotate(135deg) translateX(-17.5px);
transform: rotate(135deg) translateX(-17.5px);
-webkit-transform-origin: center;
transform-origin: center;
}
body[data-menu='active'] .p-burger-icon-line:last-child {
top: 37%;
left: 21%;
-webkit-transform: rotate(225deg) translateX(-17.5px);
transform: rotate(225deg) translateX(-17.5px);
}
} body[data-menu=""] .p-sp-menu-bg-color, body[data-menu="active"] .p-sp-menu-bg-color {
display: block;
}
body.js-hidden {
overflow-y: hidden;
}
body[data-menu="active"] .p-sp-menu {
pointer-events: auto;
}
body[data-menu="active"] .p-sp-menu-bg-color {
-webkit-animation: c-btn-enter 1s cubic-bezier(0.19, 1, 0.22, 1) 1;
animation: c-btn-enter 1s cubic-bezier(0.19, 1, 0.22, 1) 1;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
body[data-menu="active"] .p-sp-menu-bg-img {
opacity: 1;
-webkit-transition: opacity cubic-bezier(0.19, 1, 0.22, 1) 1s 0.1s;
transition: opacity cubic-bezier(0.19, 1, 0.22, 1) 1s 0.1s;
}
body[data-menu="active"] .p-sp-menu-btn {
opacity: 1;
-webkit-transition: opacity cubic-bezier(0.19, 1, 0.22, 1) 1s 0.1s;
transition: opacity cubic-bezier(0.19, 1, 0.22, 1) 1s 0.1s;
}
body[data-menu="active"] .p-sp-menu-btn:focus {
outline: none;
}
body[data-menu="active"] .p-sp-menu-item {
-webkit-animation: c-cnt-enter 1s cubic-bezier(0.19, 1, 0.22, 1) 1;
animation: c-cnt-enter 1s cubic-bezier(0.19, 1, 0.22, 1) 1;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
body[data-menu="active"] .p-sp-menu-item:nth-child(1) {
-webkit-animation-delay: 0.26667s;
animation-delay: 0.26667s;
}
body[data-menu="active"] .p-sp-menu-item:nth-child(2) {
-webkit-animation-delay: 0.33333s;
animation-delay: 0.33333s;
}
body[data-menu="active"] .p-sp-menu-item:nth-child(3) {
-webkit-animation-delay: 0.4s;
animation-delay: 0.4s;
}
body[data-menu="active"] .p-sp-menu-item:nth-child(4) {
-webkit-animation-delay: 0.46667s;
animation-delay: 0.46667s;
}
body[data-menu="active"] .p-sp-menu-item:nth-child(5) {
-webkit-animation-delay: 0.53333s;
animation-delay: 0.53333s;
}
body[data-menu="active"] .p-sp-menu-item:nth-child(6) {
-webkit-animation-delay: 0.6s;
animation-delay: 0.6s;
}
body[data-menu="active"] .p-sp-menu-item:nth-child(7) {
-webkit-animation-delay: 0.66667s;
animation-delay: 0.66667s;
}
body[data-menu="active"] .p-sp-menu-item:nth-child(8) {
-webkit-animation-delay: 0.73333s;
animation-delay: 0.73333s;
}
body[data-menu="active"] .p-sp-menu-item:nth-child(9) {
-webkit-animation-delay: 0.8s;
animation-delay: 0.8s;
}
body[data-menu="active"] .p-sp-menu-item:nth-child(10) {
-webkit-animation-delay: 0.86667s;
animation-delay: 0.86667s;
}
body[data-menu="active"] .p-sp-menu-item:nth-child(11) {
-webkit-animation-delay: 0.93333s;
animation-delay: 0.93333s;
}
body[data-menu="active"] .p-sp-menu-item:nth-child(12) {
-webkit-animation-delay: 1s;
animation-delay: 1s;
}
body[data-menu="active"] .p-sp-menu-item:nth-child(13) {
-webkit-animation-delay: 1.06667s;
animation-delay: 1.06667s;
}
body[data-menu="active"] .p-sp-menu-item:nth-child(14) {
-webkit-animation-delay: 1.13333s;
animation-delay: 1.13333s;
}
body[data-menu="active"] .p-sp-menu-item:nth-child(15) {
-webkit-animation-delay: 1.2s;
animation-delay: 1.2s;
}
body[data-menu="active"] .p-sp-menu-item:nth-child(16) {
-webkit-animation-delay: 1.26667s;
animation-delay: 1.26667s;
}
body[data-menu="active"] .p-sp-menu-item:nth-child(17) {
-webkit-animation-delay: 1.33333s;
animation-delay: 1.33333s;
}
body[data-menu="active"] .p-sp-menu-item:nth-child(18) {
-webkit-animation-delay: 1.4s;
animation-delay: 1.4s;
}
body[data-menu="active"] .p-sp-menu-item:nth-child(19) {
-webkit-animation-delay: 1.46667s;
animation-delay: 1.46667s;
}
body[data-menu="active"] .p-sp-menu-item:nth-child(20) {
-webkit-animation-delay: 1.53333s;
animation-delay: 1.53333s;
}
body[data-menu="active"] .p-sp-menu-item:nth-child(21) {
-webkit-animation-delay: 1.6s;
animation-delay: 1.6s;
}
body[data-menu="active"] .p-sp-menu-item:nth-child(22) {
-webkit-animation-delay: 1.66667s;
animation-delay: 1.66667s;
}
body[data-menu="active"] .p-sp-menu-item:nth-child(23) {
-webkit-animation-delay: 1.73333s;
animation-delay: 1.73333s;
}
body[data-menu="active"] .p-sp-menu-item:nth-child(24) {
-webkit-animation-delay: 1.8s;
animation-delay: 1.8s;
}
body[data-menu="active"] .p-sp-menu-item:nth-child(25) {
-webkit-animation-delay: 1.86667s;
animation-delay: 1.86667s;
}
body[data-menu="active"] .p-sp-menu-item:nth-child(26) {
-webkit-animation-delay: 1.93333s;
animation-delay: 1.93333s;
}
body[data-menu="active"] .p-sp-menu-item:nth-child(27) {
-webkit-animation-delay: 2s;
animation-delay: 2s;
}
body[data-menu="active"] .p-sp-menu-item:nth-child(28) {
-webkit-animation-delay: 2.06667s;
animation-delay: 2.06667s;
}
body[data-menu="active"] .p-sp-menu-item:nth-child(29) {
-webkit-animation-delay: 2.13333s;
animation-delay: 2.13333s;
}
body[data-menu="active"] .p-sp-menu-item:nth-child(30) {
-webkit-animation-delay: 2.2s;
animation-delay: 2.2s;
}
body[data-menu="active"] .p-sp-menu-item:nth-child(31) {
-webkit-animation-delay: 2.26667s;
animation-delay: 2.26667s;
}
body[data-menu="active"] .p-sp-menu-item:nth-child(32) {
-webkit-animation-delay: 2.33333s;
animation-delay: 2.33333s;
}
body[data-menu="active"] .p-sp-menu-item:nth-child(33) {
-webkit-animation-delay: 2.4s;
animation-delay: 2.4s;
}
body[data-menu="active"] .p-sp-menu-item:nth-child(34) {
-webkit-animation-delay: 2.46667s;
animation-delay: 2.46667s;
}
body[data-menu="active"] .p-sp-menu-item:nth-child(35) {
-webkit-animation-delay: 2.53333s;
animation-delay: 2.53333s;
}
body[data-menu="active"] .p-sp-menu-item:nth-child(36) {
-webkit-animation-delay: 2.6s;
animation-delay: 2.6s;
}
body[data-menu="active"] .p-sp-menu-item:nth-child(37) {
-webkit-animation-delay: 2.66667s;
animation-delay: 2.66667s;
}
body[data-menu="active"] .p-sp-menu-item:nth-child(38) {
-webkit-animation-delay: 2.73333s;
animation-delay: 2.73333s;
}
body[data-menu="active"] .p-sp-menu-item:nth-child(39) {
-webkit-animation-delay: 2.8s;
animation-delay: 2.8s;
}
body[data-menu="active"] .p-sp-menu-item:nth-child(40) {
-webkit-animation-delay: 2.86667s;
animation-delay: 2.86667s;
}
body[data-menu="active"] .p-sp-menu-item:nth-child(41) {
-webkit-animation-delay: 2.93333s;
animation-delay: 2.93333s;
}
body[data-menu="active"] .p-sp-menu-item:nth-child(42) {
-webkit-animation-delay: 3s;
animation-delay: 3s;
}
body[data-menu="active"] .p-sp-menu-item:nth-child(43) {
-webkit-animation-delay: 3.06667s;
animation-delay: 3.06667s;
}
body[data-menu="active"] .p-sp-menu-item:nth-child(44) {
-webkit-animation-delay: 3.13333s;
animation-delay: 3.13333s;
}
body[data-menu="active"] .p-sp-menu-item:nth-child(45) {
-webkit-animation-delay: 3.2s;
animation-delay: 3.2s;
}
body[data-menu="active"] .p-sp-menu-item:nth-child(46) {
-webkit-animation-delay: 3.26667s;
animation-delay: 3.26667s;
}
body[data-menu="active"] .p-sp-menu-item:nth-child(47) {
-webkit-animation-delay: 3.33333s;
animation-delay: 3.33333s;
}
body[data-menu="active"] .p-sp-menu-item:nth-child(48) {
-webkit-animation-delay: 3.4s;
animation-delay: 3.4s;
}
body[data-menu="active"] .p-sp-menu-item:nth-child(49) {
-webkit-animation-delay: 3.46667s;
animation-delay: 3.46667s;
}
body[data-menu="active"] .p-sp-menu-item:nth-child(50) {
-webkit-animation-delay: 3.53333s;
animation-delay: 3.53333s;
}
body[data-menu="active"] .p-sp-menu-item:nth-child(51) {
-webkit-animation-delay: 3.6s;
animation-delay: 3.6s;
}
body[data-menu="active"] .p-sp-menu-item:nth-child(52) {
-webkit-animation-delay: 3.66667s;
animation-delay: 3.66667s;
}
body[data-menu="active"] .p-sp-menu-item:nth-child(53) {
-webkit-animation-delay: 3.73333s;
animation-delay: 3.73333s;
}
body[data-menu="active"] .p-sp-menu-item:nth-child(54) {
-webkit-animation-delay: 3.8s;
animation-delay: 3.8s;
}
body[data-menu="active"] .p-sp-menu-item:nth-child(55) {
-webkit-animation-delay: 3.86667s;
animation-delay: 3.86667s;
}
body[data-menu="active"] .p-sp-menu-item:nth-child(56) {
-webkit-animation-delay: 3.93333s;
animation-delay: 3.93333s;
}
body[data-menu="active"] .p-sp-menu-item:nth-child(57) {
-webkit-animation-delay: 4s;
animation-delay: 4s;
}
body[data-menu="active"] .p-sp-menu-item:nth-child(58) {
-webkit-animation-delay: 4.06667s;
animation-delay: 4.06667s;
}
body[data-menu="active"] .p-sp-menu-item:nth-child(59) {
-webkit-animation-delay: 4.13333s;
animation-delay: 4.13333s;
}
body[data-menu="active"] .p-sp-menu-item:nth-child(60) {
-webkit-animation-delay: 4.2s;
animation-delay: 4.2s;
}
body[data-menu="active"] .p-sp-menu-item:nth-child(61) {
-webkit-animation-delay: 4.26667s;
animation-delay: 4.26667s;
}
body[data-menu="active"] .p-sp-menu-item:nth-child(62) {
-webkit-animation-delay: 4.33333s;
animation-delay: 4.33333s;
}
body[data-menu="active"] .p-sp-menu-item:nth-child(63) {
-webkit-animation-delay: 4.4s;
animation-delay: 4.4s;
}
body[data-menu="active"] .p-sp-menu-item:nth-child(64) {
-webkit-animation-delay: 4.46667s;
animation-delay: 4.46667s;
}
body[data-menu="active"] .p-sp-menu-item:nth-child(65) {
-webkit-animation-delay: 4.53333s;
animation-delay: 4.53333s;
}
body[data-menu="active"] .p-sp-menu-item:nth-child(66) {
-webkit-animation-delay: 4.6s;
animation-delay: 4.6s;
}
body[data-menu="active"] .p-sp-menu-item:nth-child(67) {
-webkit-animation-delay: 4.66667s;
animation-delay: 4.66667s;
}
body[data-menu="active"] .p-sp-menu-item:nth-child(68) {
-webkit-animation-delay: 4.73333s;
animation-delay: 4.73333s;
}
body[data-menu="active"] .p-sp-menu-item:nth-child(69) {
-webkit-animation-delay: 4.8s;
animation-delay: 4.8s;
}
body[data-menu="active"] .p-sp-menu-item:nth-child(70) {
-webkit-animation-delay: 4.86667s;
animation-delay: 4.86667s;
}
body[data-menu="active"] .p-sp-menu-item:nth-child(71) {
-webkit-animation-delay: 4.93333s;
animation-delay: 4.93333s;
}
body[data-menu="active"] .p-sp-menu-item:nth-child(72) {
-webkit-animation-delay: 5s;
animation-delay: 5s;
}
body[data-menu="active"] .p-sp-menu-item:nth-child(73) {
-webkit-animation-delay: 5.06667s;
animation-delay: 5.06667s;
}
body[data-menu="active"] .p-sp-menu-item:nth-child(74) {
-webkit-animation-delay: 5.13333s;
animation-delay: 5.13333s;
}
body[data-menu="active"] .p-sp-menu-item:nth-child(75) {
-webkit-animation-delay: 5.2s;
animation-delay: 5.2s;
}
body[data-menu="active"] .p-sp-menu-item:nth-child(76) {
-webkit-animation-delay: 5.26667s;
animation-delay: 5.26667s;
}
body[data-menu="active"] .p-sp-menu-item:nth-child(77) {
-webkit-animation-delay: 5.33333s;
animation-delay: 5.33333s;
}
body[data-menu="active"] .p-sp-menu-item:nth-child(78) {
-webkit-animation-delay: 5.4s;
animation-delay: 5.4s;
}
body[data-menu="active"] .p-sp-menu-item:nth-child(79) {
-webkit-animation-delay: 5.46667s;
animation-delay: 5.46667s;
}
body[data-menu="active"] .p-sp-menu-item:nth-child(80) {
-webkit-animation-delay: 5.53333s;
animation-delay: 5.53333s;
}
body[data-menu="active"] .p-sp-menu-item:nth-child(81) {
-webkit-animation-delay: 5.6s;
animation-delay: 5.6s;
}
body[data-menu="active"] .p-sp-menu-item:nth-child(82) {
-webkit-animation-delay: 5.66667s;
animation-delay: 5.66667s;
}
body[data-menu="active"] .p-sp-menu-item:nth-child(83) {
-webkit-animation-delay: 5.73333s;
animation-delay: 5.73333s;
}
body[data-menu="active"] .p-sp-menu-item:nth-child(84) {
-webkit-animation-delay: 5.8s;
animation-delay: 5.8s;
}
body[data-menu="active"] .p-sp-menu-item:nth-child(85) {
-webkit-animation-delay: 5.86667s;
animation-delay: 5.86667s;
}
body[data-menu="active"] .p-sp-menu-item:nth-child(86) {
-webkit-animation-delay: 5.93333s;
animation-delay: 5.93333s;
}
body[data-menu="active"] .p-sp-menu-item:nth-child(87) {
-webkit-animation-delay: 6s;
animation-delay: 6s;
}
body[data-menu="active"] .p-sp-menu-item:nth-child(88) {
-webkit-animation-delay: 6.06667s;
animation-delay: 6.06667s;
}
body[data-menu="active"] .p-sp-menu-item:nth-child(89) {
-webkit-animation-delay: 6.13333s;
animation-delay: 6.13333s;
}
body[data-menu="active"] .p-sp-menu-item:nth-child(90) {
-webkit-animation-delay: 6.2s;
animation-delay: 6.2s;
}
body[data-menu="active"] .p-sp-menu-item:nth-child(91) {
-webkit-animation-delay: 6.26667s;
animation-delay: 6.26667s;
}
body[data-menu="active"] .p-sp-menu-item:nth-child(92) {
-webkit-animation-delay: 6.33333s;
animation-delay: 6.33333s;
}
body[data-menu="active"] .p-sp-menu-item:nth-child(93) {
-webkit-animation-delay: 6.4s;
animation-delay: 6.4s;
}
body[data-menu="active"] .p-sp-menu-item:nth-child(94) {
-webkit-animation-delay: 6.46667s;
animation-delay: 6.46667s;
}
body[data-menu="active"] .p-sp-menu-item:nth-child(95) {
-webkit-animation-delay: 6.53333s;
animation-delay: 6.53333s;
}
body[data-menu="active"] .p-sp-menu-item:nth-child(96) {
-webkit-animation-delay: 6.6s;
animation-delay: 6.6s;
}
body[data-menu="active"] .p-sp-menu-item:nth-child(97) {
-webkit-animation-delay: 6.66667s;
animation-delay: 6.66667s;
}
body[data-menu="active"] .p-sp-menu-item:nth-child(98) {
-webkit-animation-delay: 6.73333s;
animation-delay: 6.73333s;
}
body[data-menu="active"] .p-sp-menu-item:nth-child(99) {
-webkit-animation-delay: 6.8s;
animation-delay: 6.8s;
}
body[data-menu="active"] .p-sp-menu-cta {
-webkit-animation: c-cnt-enter 1s cubic-bezier(0.19, 1, 0.22, 1) 0.6s 1;
animation: c-cnt-enter 1s cubic-bezier(0.19, 1, 0.22, 1) 0.6s 1;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.p-sp-menu {
position: fixed;
z-index: 9999;
top: 0;
right: 0;
bottom: 0;
left: 0;
padding: 0 0 0 50%;
color: #fff;
pointer-events: none;
}
.p-sp-menu.js-hide {
visibility: hidden;
overflow-y: hidden;
}
@media screen and (max-width: 1024px) {
.p-sp-menu {
padding: 40% 0 0;
}
}
.p-sp-menu-bg-color {
position: absolute;
z-index: 1;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: none;
background: #327bb7;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-animation: c-btn-leave 0.8s cubic-bezier(0.19, 1, 0.22, 1);
animation: c-btn-leave 0.8s cubic-bezier(0.19, 1, 0.22, 1);
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.p-sp-menu-bg-img {
position: absolute;
z-index: 1;
top: 0;
bottom: 0;
left: 0;
width: 50%;
background: no-repeat center;
background-size: cover;
opacity: 0;
-webkit-transition: opacity cubic-bezier(0.19, 1, 0.22, 1) 1s;
transition: opacity cubic-bezier(0.19, 1, 0.22, 1) 1s;
}
@media screen and (max-width: 1024px) {
.p-sp-menu-bg-img {
bottom: auto;
width: 100%;
}
}
.p-sp-menu-bg-img::before {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: block;
background: rgba(69, 69, 69, 0.5);
content: "";
}
@media screen and (max-width: 1024px) {
.p-sp-menu-bg-img::before {
position: static;
padding: 40% 0 0;
}
}
.p-sp-menu-bg-img-logo {
position: absolute;
top: 50%;
left: 50%;
max-width: 80%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
@media screen and (max-width: 1024px) {
.p-sp-menu-bg-img-logo {
max-width: 20%;
}
}
@media screen and (max-width: 767px) {
.p-sp-menu-bg-img-logo {
max-width: 50%;
}
}
.p-sp-menu-container {
position: relative;
z-index: 1;
overflow-y: auto;
height: 100%;
}
.p-sp-menu-btn {
position: absolute;
z-index: 9999;
top: 25px;
right: 40px;
width: 90px;
height: 90px;
border: 0;
background: none;
cursor: pointer;
opacity: 0;
-webkit-transition: opacity cubic-bezier(0.19, 1, 0.22, 1) 1s;
transition: opacity cubic-bezier(0.19, 1, 0.22, 1) 1s;
}
_:-ms-fullscreen, :root .p-sp-menu-btn {
right: 45px;
}
@media screen and (max-width: 1330px) {
.p-sp-menu-btn {
top: 25px;
right: 30px;
}
}
@media screen and (max-width: 1330px) {
_:-ms-fullscreen, :root .p-sp-menu-btn {
right: 35px;
}
}
@media screen and (max-width: 1024px) {
.p-sp-menu-btn {
top: 10px;
right: 20px;
}
}
@media screen and (max-width: 767px) {
.p-sp-menu-btn {
top: 10px;
right: 10px;
width: 40px;
height: 40px;
}
}
.p-sp-menu-btn-line {
position: absolute;
top: 50%;
left: 50%;
width: 30px;
height: 2px;
background: #fff;
}
@media screen and (max-width: 767px) {
.p-sp-menu-btn-line {
width: 20px;
height: 1px;
}
}
.p-sp-menu-btn-line:first-child {
-webkit-transform: translate(-50%, -50%) rotate(45deg);
transform: translate(-50%, -50%) rotate(45deg);
}
@media screen and (min-width: 1025px) {
.p-sp-menu-btn-line:first-child {
-webkit-transform: translate(-14px, -3px) rotate(45deg);
transform: translate(-14px, -3px) rotate(45deg);
}
}
.p-sp-menu-btn-line:last-child {
-webkit-transform: translate(-50%, -50%) rotate(-45deg);
transform: translate(-50%, -50%) rotate(-45deg);
}
@media screen and (min-width: 1025px) {
.p-sp-menu-btn-line:last-child {
-webkit-transform: translate(-14px, -3px) rotate(-45deg);
transform: translate(-14px, -3px) rotate(-45deg);
}
}
.p-sp-menu-inner {
position: absolute;
top: 50%;
right: 0;
left: 0;
max-width: 800px;
margin: 0 auto;
text-align: center;
-webkit-transform: translateY(-40vh);
transform: translateY(-40vh);
}
@media screen and (max-width: 1024px) {
.p-sp-menu-inner {
position: static;
-webkit-transform: none;
transform: none;
}
}
.p-sp-menu-items {
display: -webkit-box;
display: flex;
overflow: hidden;
flex-wrap: wrap;
}
@media screen and (max-width: 1024px) {
.p-sp-menu-items {
padding: 40px 0 20px;
}
}
@media screen and (max-width: 767px) {
.p-sp-menu-items {
padding: 20px 0;
}
}
.p-sp-menu-item {
width: 100%;
padding: 10px;
opacity: 0;
-webkit-transform: translateX(-10%);
transform: translateX(-10%);
-webkit-animation: c-cnt-leave 0.8s cubic-bezier(0.19, 1, 0.22, 1);
animation: c-cnt-leave 0.8s cubic-bezier(0.19, 1, 0.22, 1);
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
@media screen and (max-width: 1024px) {
.p-sp-menu-item {
padding: 5px;
}
}
@media screen and (max-width: 767px) {
.p-sp-menu-item {
padding: 4px;
}
}
.p-sp-menu-link {
position: relative;
display: inline-block;
overflow: hidden;
padding: 17px 10px;
font-family: "Lato", "Noto Sans JP", Arial, Helvetica, sans-serif;
font-size: 26px;
font-size: 2.6rem;
font-weight: 900;
color: #fff;
letter-spacing: 1.5px;
letter-spacing: 0.15rem;
-webkit-transition: color cubic-bezier(0.19, 1, 0.22, 1) 0.4s;
transition: color cubic-bezier(0.19, 1, 0.22, 1) 0.4s;
line-height:1;
}
@media screen and (max-width: 767px) {
.p-sp-menu-link {
font-size: 16px;
font-size: 1.6rem;
line-height: 1;
}
}
.p-sp-menu-link::before {
position: absolute;
right: 10px;
bottom: 0;
left: 10px;
display: block;
height: 3px;
background: #fff;
content: "";
-webkit-animation: nav-link-leave 0.4s cubic-bezier(0.19, 1, 0.22, 1);
animation: nav-link-leave 0.4s cubic-bezier(0.19, 1, 0.22, 1);
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
@media screen and (max-width: 1024px) {
.p-sp-menu-link::before {
display: none;
}
}
.p-sp-menu-link:hover::before, .p-sp-menu-link.is-active::before {
-webkit-animation: nav-link-enter 0.4s cubic-bezier(0.19, 1, 0.22, 1);
animation: nav-link-enter 0.4s cubic-bezier(0.19, 1, 0.22, 1);
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.p-sp-menu-link-ext {
position: relative;
display: inline-block;
margin-top: 10px;
padding: 15px 95px 13px;
border-radius: 50px;
background: #fff;
font-size: 26px;
font-size: 2.6rem;
font-weight: bold;
color: #327bb7;
letter-spacing: 1.5px;
letter-spacing: 0.15rem;
min-width: 296px;
}
@media screen and (max-width: 767px) {
.p-sp-menu-link-ext {
padding: 12px 56px 10px;
font-size: 16px;
font-size: 1.6rem;
min-width: 220px;
}
}
.p-sp-menu-link-ext::after {
right: 16px;
width: 41px;
height: 41px;
margin-top: -20.5px;
border-color: #327bb7;
}
@media screen and (max-width: 767px) {
.p-sp-menu-link-ext::after {
right: 13px;
width: 25px;
height: 25px;
margin-top: -15px;
}
}
.p-sp-menu-link-ext::before {
right: 38px;
width: 50px;
height: 9px;
margin-top: -6px;
border-color: #327bb7;
}
@media screen and (max-width: 767px) {
.p-sp-menu-link-ext::before {
right: 27px;
width: 30px;
height: 6px;
margin-top: -6px;
}
}
.p-sp-menu-link .u-text, .p-sp-menu-link-ext .u-text {
display: block;
font-size: 11px;
font-size: 1.1rem;
}
.p-sp-menu-cta {
padding: 40px 0 0;
opacity: 0;
-webkit-transform: translateX(-10%);
transform: translateX(-10%);
-webkit-animation: c-cnt-leave 0.8s cubic-bezier(0.19, 1, 0.22, 1);
animation: c-cnt-leave 0.8s cubic-bezier(0.19, 1, 0.22, 1);
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
@media screen and (max-width: 1024px) {
.p-sp-menu-cta {
margin: 0 0 40px;
padding: 0;
}
}
.p-sp-menu-cta-link {
display: inline-block;
padding: 20px 80px;
border: 1px solid #fff;
color: #fff;
text-align: center;
}
@media screen and (max-width: 1024px) {
.p-sp-menu-cta-link {
width: 80%;
padding: 20px 0;
}
}
.p-sp-menu-cta-link::before {
background: #fff;
}
.p-sp-menu-cta-link:hover {
color: #327bb7;
}
.p-sp-menu-cta-ttl {
position: relative;
z-index: 1;
}
.p-sp-menu-cta-ttl-main {
display: block;
font-family: "Lato", "Noto Sans JP", Arial, Helvetica, sans-serif;
font-size: 24px;
font-size: 2.4rem;
font-weight: 900;
letter-spacing: 4px;
letter-spacing: 0.4rem;
}
@media screen and (max-width: 1024px) {
.p-sp-menu-cta-ttl-main {
font-size: 18px;
font-size: 1.8rem;
}
}
.p-sp-menu-cta-ttl-sub {
display: block;
font-size: 12px;
font-size: 1.2rem;
letter-spacing: 1px;
letter-spacing: 0.1rem;
}
@media screen and (max-width: 1024px) {
.p-sp-menu-cta-ttl-sub {
font-size: 11px;
font-size: 1.1rem;
}
} .p-pagetop {
position: fixed;
z-index: 10;
right: 30px;
bottom: 40px;
width: 90px;
height: 90px;
border-radius: 100px;
background-color: #fff;
line-height: 90px;
text-align: center;
cursor: pointer;
opacity: 0;
-webkit-transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1), transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1), transform 0.5s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
-webkit-transform: translateY(10px);
transform: translateY(10px);
}
.p-pagetop:hover {
opacity: 0.7 !important;
}
.p-pagetop:hover .p-pagetop-btn {
-webkit-transform: translateY(25%) rotate(45deg) skew(5deg, 5deg);
transform: translateY(25%) rotate(45deg) skew(5deg, 5deg);
-webkit-transform-origin: center center;
transform-origin: center center;
}
@media screen and (max-width: 767px) {
.p-pagetop {
right: 10px;
bottom: 20px;
width: 40px;
height: 40px;
line-height: 40px;
}
.p-pagetop:hover {
opacity: 0.7;
}
}
.p-pagetop.is-active {
opacity: 1 !important;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.p-pagetop-btn {
display: inline-block;
width: 15px;
height: 15px;
border: 2px solid #327bb7;
border-width: 2px 0 0 2px;
outline: none;
background: none;
cursor: pointer;
-webkit-transition: -webkit-transform 0.3s cubic-bezier(0.19, 1, 0.22, 1);
transition: -webkit-transform 0.3s cubic-bezier(0.19, 1, 0.22, 1);
transition: transform 0.3s cubic-bezier(0.19, 1, 0.22, 1);
transition: transform 0.3s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.3s cubic-bezier(0.19, 1, 0.22, 1);
-webkit-transform: translateY(50%) rotate(45deg) skew(5deg, 5deg);
transform: translateY(50%) rotate(45deg) skew(5deg, 5deg);
-webkit-transform-origin: center center;
transform-origin: center center;
}
@media screen and (max-width: 767px) {
.p-pagetop-btn {
width: 10px;
height: 10px;
-webkit-transform: translateY(38%) rotate(45deg) skew(5deg, 5deg);
transform: translateY(38%) rotate(45deg) skew(5deg, 5deg);
}
} .js-animate-fade-in {
opacity: 0;
-webkit-transition: opacity 2s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 2s cubic-bezier(0.19, 1, 0.22, 1);
transition: opacity 2s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 2s cubic-bezier(0.19, 1, 0.22, 1);
transition: transform 2s cubic-bezier(0.19, 1, 0.22, 1), opacity 2s cubic-bezier(0.19, 1, 0.22, 1);
transition: transform 2s cubic-bezier(0.19, 1, 0.22, 1), opacity 2s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 2s cubic-bezier(0.19, 1, 0.22, 1);
}
.js-animate-fade-in.is-active {
opacity: 1;
}
.js-animate-zoom-in {
opacity: 0;
-webkit-transition: opacity 2s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 2s cubic-bezier(0.19, 1, 0.22, 1);
transition: opacity 2s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 2s cubic-bezier(0.19, 1, 0.22, 1);
transition: transform 2s cubic-bezier(0.19, 1, 0.22, 1), opacity 2s cubic-bezier(0.19, 1, 0.22, 1);
transition: transform 2s cubic-bezier(0.19, 1, 0.22, 1), opacity 2s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 2s cubic-bezier(0.19, 1, 0.22, 1);
-webkit-transition-duration: .8s;
transition-duration: .8s;
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
.js-animate-zoom-in.is-active {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.js-animate-focus-in {
opacity: 0;
-webkit-transition: opacity 2s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 2s cubic-bezier(0.19, 1, 0.22, 1);
transition: opacity 2s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 2s cubic-bezier(0.19, 1, 0.22, 1);
transition: transform 2s cubic-bezier(0.19, 1, 0.22, 1), opacity 2s cubic-bezier(0.19, 1, 0.22, 1);
transition: transform 2s cubic-bezier(0.19, 1, 0.22, 1), opacity 2s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 2s cubic-bezier(0.19, 1, 0.22, 1);
-webkit-transition-duration: .8s;
transition-duration: .8s;
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.js-animate-focus-in.is-active {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.js-animate-fly-in-top {
opacity: 0;
-webkit-transition: opacity 2s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 2s cubic-bezier(0.19, 1, 0.22, 1);
transition: opacity 2s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 2s cubic-bezier(0.19, 1, 0.22, 1);
transition: transform 2s cubic-bezier(0.19, 1, 0.22, 1), opacity 2s cubic-bezier(0.19, 1, 0.22, 1);
transition: transform 2s cubic-bezier(0.19, 1, 0.22, 1), opacity 2s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 2s cubic-bezier(0.19, 1, 0.22, 1);
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
.js-animate-fly-in-top.is-active {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.js-animate-fly-in-bottom {
opacity: 0;
-webkit-transition: opacity 2s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 2s cubic-bezier(0.19, 1, 0.22, 1);
transition: opacity 2s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 2s cubic-bezier(0.19, 1, 0.22, 1);
transition: transform 2s cubic-bezier(0.19, 1, 0.22, 1), opacity 2s cubic-bezier(0.19, 1, 0.22, 1);
transition: transform 2s cubic-bezier(0.19, 1, 0.22, 1), opacity 2s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 2s cubic-bezier(0.19, 1, 0.22, 1);
-webkit-transform: translateY(30px);
transform: translateY(30px);
}
.js-animate-fly-in-bottom.is-active {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.js-animate-fly-in-left {
opacity: 0;
-webkit-transition: opacity 2s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 2s cubic-bezier(0.19, 1, 0.22, 1);
transition: opacity 2s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 2s cubic-bezier(0.19, 1, 0.22, 1);
transition: transform 2s cubic-bezier(0.19, 1, 0.22, 1), opacity 2s cubic-bezier(0.19, 1, 0.22, 1);
transition: transform 2s cubic-bezier(0.19, 1, 0.22, 1), opacity 2s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 2s cubic-bezier(0.19, 1, 0.22, 1);
-webkit-transform: translateX(-30px);
transform: translateX(-30px);
}
_:-ms-fullscreen, :root .js-animate-fly-in-left {
opacity: 1;
}
.js-animate-fly-in-left.is-active {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.js-animate-fly-in-right {
opacity: 0;
-webkit-transition: opacity 2s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 2s cubic-bezier(0.19, 1, 0.22, 1);
transition: opacity 2s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 2s cubic-bezier(0.19, 1, 0.22, 1);
transition: transform 2s cubic-bezier(0.19, 1, 0.22, 1), opacity 2s cubic-bezier(0.19, 1, 0.22, 1);
transition: transform 2s cubic-bezier(0.19, 1, 0.22, 1), opacity 2s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 2s cubic-bezier(0.19, 1, 0.22, 1);
-webkit-transform: translateX(30px);
transform: translateX(30px);
}
.js-animate-fly-in-right.is-active {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
@-webkit-keyframes nav-link-enter {
0% {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
100% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
}
@keyframes nav-link-enter {
0% {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
100% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
}
@-webkit-keyframes nav-link-leave {
0% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
100% {
-webkit-transform: translateX(130%);
transform: translateX(130%);
}
}
@keyframes nav-link-leave {
0% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
100% {
-webkit-transform: translateX(130%);
transform: translateX(130%);
}
}
@-webkit-keyframes line-link-after-enter {
0% {
-webkit-transform: translateX(-130%);
transform: translateX(-130%);
}
100% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
}
@keyframes line-link-after-enter {
0% {
-webkit-transform: translateX(-130%);
transform: translateX(-130%);
}
100% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
}
@-webkit-keyframes line-link-after-leave {
0% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
100% {
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
}
@keyframes line-link-after-leave {
0% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
100% {
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
}
@-webkit-keyframes circle-open {
0% {
-webkit-transform: scale(0.1);
transform: scale(0.1);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes circle-open {
0% {
-webkit-transform: scale(0.1);
transform: scale(0.1);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@-webkit-keyframes line-move {
0% {
-webkit-transform: translateX(-10px) skewX(48deg);
transform: translateX(-10px) skewX(48deg);
}
100% {
-webkit-transform: translateX(0) skewX(48deg);
transform: translateX(0) skewX(48deg);
}
}
@keyframes line-move {
0% {
-webkit-transform: translateX(-10px) skewX(48deg);
transform: translateX(-10px) skewX(48deg);
}
100% {
-webkit-transform: translateX(0) skewX(48deg);
transform: translateX(0) skewX(48deg);
}
}
@-webkit-keyframes line-move-rev {
0% {
-webkit-transform: translateX(10px) skewX(-48deg);
transform: translateX(10px) skewX(-48deg);
}
100% {
-webkit-transform: translateX(0) skewX(-48deg);
transform: translateX(0) skewX(-48deg);
}
}
@keyframes line-move-rev {
0% {
-webkit-transform: translateX(10px) skewX(-48deg);
transform: translateX(10px) skewX(-48deg);
}
100% {
-webkit-transform: translateX(0) skewX(-48deg);
transform: translateX(0) skewX(-48deg);
}
} .c-articles-null {
padding: 40px 0;
text-align: center;
}
.c-articles-grid-col,
.c-articles-grid-col2,
.c-articles-grid-col3,
.c-articles-grid-col4 {
display: -webkit-box;
display: flex;
margin: 0;
flex-wrap: wrap;
-webkit-box-pack: center;
justify-content: center;
}
@media screen and (max-width: 767px) {
.c-articles-grid-col,
.c-articles-grid-col2,
.c-articles-grid-col3,
.c-articles-grid-col4 {
margin: 0 0 20px;
}
}
.c-articles-grid-col .c-articles-grid-item,
.c-articles-grid-col2 .c-articles-grid-item,
.c-articles-grid-col3 .c-articles-grid-item,
.c-articles-grid-col4 .c-articles-grid-item {
width: 100%;
margin: 0 0 16px;
}
@media screen and (max-width: 1024px) {
.c-articles-grid-col .c-articles-grid-item,
.c-articles-grid-col2 .c-articles-grid-item,
.c-articles-grid-col3 .c-articles-grid-item,
.c-articles-grid-col4 .c-articles-grid-item {
margin: 0 0 25px;
}
}
@media screen and (max-width: 767px) {
.c-articles-grid-col .c-articles-grid-item,
.c-articles-grid-col2 .c-articles-grid-item,
.c-articles-grid-col3 .c-articles-grid-item,
.c-articles-grid-col4 .c-articles-grid-item {
margin: 0 0 10px;
}
.c-articles-grid-col .c-articles-grid-item:last-child,
.c-articles-grid-col2 .c-articles-grid-item:last-child,
.c-articles-grid-col3 .c-articles-grid-item:last-child,
.c-articles-grid-col4 .c-articles-grid-item:last-child {
margin: 0 0 0px;
}
}
.c-articles-grid-col2 .c-articles-grid-item {
width: 50%;
padding: 0 8px;
}
@media screen and (max-width: 767px) {
.c-articles-grid-col2 .c-articles-grid-item {
width: 100%;
}
}
.c-articles-grid-col3 .c-articles-grid-item {
width: calc(99.99999% / 3);
padding: 0 8px;
}
@media screen and (max-width: 1024px) {
.c-articles-grid-col3 .c-articles-grid-item {
width: 50%;
}
}
@media screen and (max-width: 767px) {
.c-articles-grid-col3 .c-articles-grid-item {
width: 100%;
padding: 0;
}
}
.c-articles-grid-col4 .c-articles-grid-item {
width: 25%;
padding: 0 8px;
}
@media screen and (max-width: 1024px) {
.c-articles-grid-col4 .c-articles-grid-item {
width: 50%;
}
}
@media screen and (max-width: 767px) {
.c-articles-grid-col4 .c-articles-grid-item {
width: 100%;
}
}
.c-article {
padding: 0px 0 30px;
}
.c-article-post {
display: block;
background: #fff;
}
.c-article-post-thumb {
position: relative;
overflow: hidden;
width: 100%;
font-size: 0;
}
.c-article-post-thumb img {
display: none;
}
@media screen and (max-width: 1024px) {
.c-article-post-thumb {
width: 100%;
height: 60%;
}
}
.c-article-post-thumb::after {
display: block;
padding: 60% 0 0;
content: "";
}
.c-article-post-thumb-img {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: center no-repeat;
background-size: cover;
}
.c-article-post-thumb-src {
display: none;
}
.c-article-post-text {
position: relative;
padding: 25px 25px 0;
}
.c-article-post-text::after {
display: block;
padding: 0 0 50px;
content: "";
}
.c-article-post-cat {
display: inline-block;
margin: 0 0 10px;
vertical-align: middle;
}
.c-article-post-cat-item {
display: inline-block;
margin: 0 0 0 10px;
padding: 2px 12px;
border-radius: 50px;
background: #327bb7;
font-family: "Lato", "Noto Sans JP", Arial, Helvetica, sans-serif;
font-size: 12px;
font-size: 1.2rem;
color: #fff;
letter-spacing: 1px;
letter-spacing: 0.1rem;
}
.c-article-post-ttl {
margin: 0 0 10px;
font-size: 20px;
font-size: 2rem;
font-weight: 900;
line-height: 1.4;
}
.c-article-post-lead {
overflow: hidden;
font-size: 15px;
font-size: 1.5rem;
line-height: 2;
color: #777;
}
.c-article-post-date {
display: inline-block;
margin: 0 0 10px;
padding: 4px 0;
font-family: "Lato", "Noto Sans JP", Arial, Helvetica, sans-serif;
font-size: 13px;
font-size: 1.3rem;
font-weight: 900;
vertical-align: middle;
letter-spacing: 2px;
letter-spacing: 0.2rem;
}
.c-article-post-more {
position: absolute;
bottom: 30px;
left: 30px;
font-size: 12px;
font-size: 1.2rem;
font-weight: 900;
}
.c-article-post-more-icon {
margin: 0 5px 0 0;
font-size: 12px;
font-size: 1.2rem;
} .c-banner-item {
position: relative;
max-width: 1000px;
margin: 0 auto;
padding: 25px;
text-align: center;
}
@media screen and (max-width: 600px) {
.c-banner-item {
padding: 15px;
}
}
.c-banner-bg {
position: absolute;
z-index: 0;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: no-repeat center;
background-size: cover;
}
.c-banner-bg-img {
display: none;
}
.c-banner-cnt {
position: relative;
z-index: 1;
padding: 40px 0;
background: rgba(255, 255, 255, 0.8);
}
@media screen and (max-width: 767px) {
.c-banner-cnt {
padding: 35px 0;
}
}
.c-banner-cnt-sub {
display: block;
font-size: 24px;
font-size: 2.4rem;
font-weight: 900;
color: #327bb7;
letter-spacing: 4px;
letter-spacing: 0.4rem;
}
@media screen and (max-width: 600px) {
.c-banner-cnt-sub {
font-size: 14px;
font-size: 1.4rem;
letter-spacing: 2px;
letter-spacing: 0.2rem;
}
}
.c-banner-cnt-ttl-en {
display: block;
font-family: "Lato", "Noto Sans JP", Arial, Helvetica, sans-serif;
font-size: 50px;
font-size: 5rem;
font-weight: 900;
color: #327bb7;
letter-spacing: 8px;
letter-spacing: 0.8rem;
}
@media screen and (max-width: 600px) {
.c-banner-cnt-ttl-en {
font-size: 24px;
font-size: 2.4rem;
letter-spacing: 6px;
letter-spacing: 0.6rem;
}
}
@media screen and (max-width: 600px) {
.c-banner-cnt-ttl-en {
margin-bottom: 17px;
}
}
.c-banner-cnt-ttl-ja {
display: block;
font-size: 25px;
font-size: 2.5rem;
font-weight: 900;
letter-spacing: 6px;
letter-spacing: 0.6rem;
}
@media screen and (max-width: 600px) {
.c-banner-cnt-ttl-ja {
font-size: 15px;
font-size: 1.5rem;
letter-spacing: 3px;
letter-spacing: 0.3rem;
}
}
.c-banner-cnt .svg-decoration {
width: 50px;
height: 59px;
vertical-align: middle;
}
@media screen and (max-width: 600px) {
.c-banner-cnt .svg-decoration {
width: 30px;
height: 36px;
}
}
.c-banner-cnt .svg-decoration .svg_path {
fill: #327bb7;
}
.c-banner-cnt .svg-decoration-left {
margin-right: -0.5em;
}
@media screen and (max-width: 600px) {
.c-banner-cnt .svg-decoration-left {
margin-right: -1em;
}
}
.c-banner-cnt .svg-decoration-right {
margin-left: -0.5em;
-webkit-transform: scale(-1, 1);
transform: scale(-1, 1);
}
@media screen and (max-width: 600px) {
.c-banner-cnt .svg-decoration-right {
margin-left: -1em;
}
} .p-common-banner {
position: relative;
padding: 100px 16px 50px;
}
@media screen and (max-width: 1024px) {
.p-common-banner {
padding: 60px 16px 40px;
}
}
@media screen and (max-width: 767px) {
.p-common-banner {
padding: 50px 16px 20px;
}
}
.p-common-banner.u-lower {
padding: 0px 16px 50px;
} .c-kv-bnr,
.c-entry-btn {
position: absolute;
z-index: 12;
right: 0;
bottom: 40px;
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
}
@media screen and (max-width: 1024px) {
.c-kv-bnr,
.c-entry-btn {
position: absolute;
top: 65%;
right: auto;
bottom: auto;
left: 50%;
display: block;
width: 264px;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
}
.c-kv-bnr-eyecatch,
.c-entry-btn-eyecatch {
position: relative;
z-index: 1;
overflow: hidden;
width: 180px;
border: 3px solid #327bb7;
border-radius: 50%;
background: no-repeat center;
background-size: cover;
}
@media screen and (max-width: 1024px) {
.c-kv-bnr-eyecatch,
.c-entry-btn-eyecatch {
display: none;
}
}
.c-kv-bnr-eyecatch::before,
.c-entry-btn-eyecatch::before {
display: block;
padding: 100% 0 0;
content: "";
}
.c-kv-bnr-eyecatch-img,
.c-entry-btn-eyecatch-img {
display: none;
}
.c-kv-bnr-txt,
.c-entry-btn-txt {
display: -webkit-box;
display: flex;
margin: 0 0 0 -30px;
padding: 25px 115px 25px 40px;
background: #fff;
-webkit-box-align: center;
align-items: center;
}
.c-kv-bnr-txt-inner,
.c-entry-btn-txt-inner {
padding: 0 10px;
}
@media screen and (max-width: 1024px) {
.c-kv-bnr-txt,
.c-entry-btn-txt {
margin: 0px;
padding: 10px 10px 9px;
border-radius: 10000px;
-webkit-box-pack: center;
justify-content: center;
}
}
@media screen and (max-width: 1024px) {
.c-kv-bnr-txt::after,
.c-entry-btn-txt::after {
right: 15px;
width: 34px;
height: 34px;
margin-top: -20px;
}
}
@media screen and (max-width: 1024px) {
.c-kv-bnr-txt::before,
.c-entry-btn-txt::before {
right: 32px;
width: 41px;
height: 7px;
margin-top: -7px;
}
}
.c-kv-bnr-ttl,
.c-entry-btn-ttl {
margin: 0 0 8px;
font-family: "Lato", "Noto Sans JP", Arial, Helvetica, sans-serif;
font-size: 40px;
font-size: 4rem;
font-weight: 900;
line-height: 1;
color: #327bb7;
letter-spacing: 6px;
letter-spacing: 0.6rem;
}
@media screen and (max-width: 1024px) {
.c-kv-bnr-ttl,
.c-entry-btn-ttl {
font-size: 18px;
font-size: 1.8rem;
letter-spacing: 2.5px;
letter-spacing: 0.25rem;
}
}
.c-kv-bnr-sub,
.c-entry-btn-sub {
font-weight: 900;
letter-spacing: 4px;
letter-spacing: 0.4rem;
}
@media screen and (max-width: 1024px) {
.c-kv-bnr-sub,
.c-entry-btn-sub {
font-size: 12px;
font-size: 1.2rem;
letter-spacing: 2px;
letter-spacing: 0.2rem;
}
}
@media screen and (max-width: 1024px) {
_:-ms-fullscreen, :root .c-kv-bnr-sub, :root
.c-entry-btn-sub {
padding-top: 5px;
}
}
.c-entry-btn-txt {
padding: 0;
color: #327bb7;
}
.c-entry-btn-sub {
padding-top: 6px;
} @media screen and (max-width: 1024px) {
.c-breadcrumbs {
display: none;
}
}
.c-breadcrumbs-items {
display: -webkit-box;
display: flex;
max-width: 1440px;
margin: 45px auto 0;
padding: 10px 20px;
}
.c-breadcrumbs-item {
font-size: 14px;
font-size: 1.4rem;
color: #454545;
letter-spacing: 1.5px;
letter-spacing: 0.15rem;
}
.c-breadcrumbs-item:last-child::after {
display: none;
}
.c-breadcrumbs-item::after {
display: inline-block;
height: 22px;
margin: 0 15px;
border-right: 1px solid #454545;
vertical-align: middle;
content: "";
-webkit-transform: rotate(30deg);
transform: rotate(30deg);
}
.c-breadcrumbs-link {
color: #454545;
} .c-btn {
text-align: center;
}
.c-btn-body {
position: relative;
display: inline-block;
overflow: hidden;
padding: 20px 75px;
background: #327bb7;
font-family: "Lato", "Noto Sans JP", Arial, Helvetica, sans-serif;
font-size: 14px;
font-size: 1.4rem;
font-weight: 900;
text-align: center;
letter-spacing: 2.5px;
letter-spacing: 0.25rem;
cursor: pointer;
}
@media screen and (max-width: 1024px) {
.c-btn-body {
width: 100%;
max-width: 320px;
padding: 20px 0;
}
}
.c-btn-txt {
position: relative;
z-index: 0;
}
.c-btn-white .c-btn-body {
border-color: #fff;
color: #fff;
}
.c-btn-white .c-btn-body:hover {
color: #3f3a39;
}
.c-btn-white .c-btn-body::before {
background: #fff;
} .c-cta-banner {
padding: 0 0 100px;
}
@media screen and (max-width: 767px) {
.c-cta-banner {
padding: 0 16px 40px;
}
}
.c-cta {
position: relative;
padding: 80px 0;
}
@media screen and (max-width: 1024px) {
.c-cta {
padding: 60px 0 40px;
}
}
@media screen and (max-width: 767px) {
.c-cta {
padding: 40px 0;
}
}
.c-cta-bg {
position: absolute;
z-index: 0;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: no-repeat center;
background-size: cover;
}
.c-cta-bg::after {
display: block;
width: 100%;
height: 100%;
background: rgba(69, 69, 69, 0.3);
content: "";
}
.c-cta .c-ttl {
position: relative;
z-index: 1;
color: #fff;
}
@media screen and (max-width: 767px) {
.c-cta .c-ttl {
margin: 0 0 20px;
}
}
.c-cta .c-ttl-main {
color: #fff;
}
.c-cta .c-ttl-main::before, .c-cta .c-ttl-main::after {
background: #fff;
}
.c-cta-inner {
position: relative;
z-index: 1;
max-width: 800px;
margin: 0 auto;
padding: 80px 0;
background: rgba(255, 255, 255, 0.9);
text-align: center;
}
@media screen and (max-width: 767px) {
.c-cta-inner {
margin: 0 20px;
padding: 40px 20px;
}
}
.c-cta-cnt-desc {
margin: 0 0 20px;
letter-spacing: 2px;
letter-spacing: 0.2rem;
}
@media screen and (max-width: 767px) {
.c-cta-cnt-desc {
line-height: 1.8;
text-align: left;
}
}
.c-cta-cnt-btn {
margin: 40px 0 0;
}
@media screen and (max-width: 767px) {
.c-cta-cnt-btn {
margin: 0;
}
.c-cta-cnt-btn + .c-cta-cnt-btn {
margin-top: 30px;
}
}
.c-cta-cnt-btn-link {
position: relative;
display: inline-block;
padding: 15px 120px;
border-radius: 100px;
background: #327bb7;
color: #fff;
min-width: 378px;
}
.c-cta-cnt-btn-link::after {
border-color: #fff;
}
.c-cta-cnt-btn-link::before {
border-color: #fff;
}
@media screen and (max-width: 767px) {
.c-cta-cnt-btn-link {
width: 100%;
padding: 15px 0px;
min-width: auto;
}
}
.c-cta-cnt-btn-txt {
display: inline-block;
vertical-align: middle;
}
.c-cta-cnt-btn-txt-main {
display: block;
font-family: "Lato", "Noto Sans JP", Arial, Helvetica, sans-serif;
font-size: 32px;
font-size: 3.2rem;
font-weight: 900;
letter-spacing: 6px;
letter-spacing: 0.6rem;
}
@media screen and (max-width: 767px) {
.c-cta-cnt-btn-txt-main {
font-size: 19px;
font-size: 1.9rem;
letter-spacing: 2.5px;
letter-spacing: 0.25rem;
}
}
.c-cta-cnt-btn-txt-sub {
display: block;
font-size: 14px;
font-size: 1.4rem;
font-weight: 900;
letter-spacing: 2px;
letter-spacing: 0.2rem;
}
@media screen and (max-width: 767px) {
.c-cta-cnt-btn-txt-sub {
font-size: 11px;
font-size: 1.1rem;
letter-spacing: 2px;
letter-spacing: 0.2rem;
}
}
.c-cta-cnt-tel {
margin: 40px 0 0;
}
@media screen and (max-width: 767px) {
.c-cta-cnt-tel {
margin: 30px 0 0;
}
}
.c-cta-cnt-tel-link {
display: inline-block;
}
.c-cta-cnt-tel-num {
display: block;
margin: 0 0 5px;
font-family: "Lato", "Noto Sans JP", Arial, Helvetica, sans-serif;
font-size: 24px;
font-size: 2.4rem;
font-weight: 900;
letter-spacing: 4px;
letter-spacing: 0.4rem;
}
@media screen and (max-width: 767px) {
.c-cta-cnt-tel-num {
font-size: 17px;
font-size: 1.7rem;
letter-spacing: 2px;
letter-spacing: 0.2rem;
}
}
.c-cta-cnt-tel-txt {
display: block;
}
.c-cta-cnt-tel-txt-ttl, .c-cta-cnt-tel-txt-time {
display: inline-block;
font-size: 14px;
font-size: 1.4rem;
vertical-align: top;
}
@media screen and (max-width: 767px) {
.c-cta-cnt-tel-txt-ttl, .c-cta-cnt-tel-txt-time {
font-size: 12px;
font-size: 1.2rem;
letter-spacing: 1.5px;
letter-spacing: 0.15rem;
}
} .c-form {
display: block;
width: 100%;
text-align: center;
}
.c-form-table {
width: 100%;
}
.c-form p:empty {
display: none;
}
.c-form-attention {
margin: 10px 0 0;
font-size: 12px;
font-size: 1.2rem;
color: #999;
}
.c-form-lead {
margin: 0 0 50px;
line-height: 2;
text-align: center;
}
@media screen and (max-width: 767px) {
.c-form-lead {
margin: 0px 0 30px;
text-align: left;
}
}
.c-form-lead p:not([class]) {
margin: 0 0 20px;
}
.c-form-complete {
margin: 0 0 50px;
line-height: 2;
}
@media screen and (max-width: 767px) {
.c-form-complete {
margin: 0 0 30px;
}
}
.c-form-complete p:not([class]) {
margin: 0 0 20px;
}
@media screen and (max-width: 767px) {
.c-form-row {
display: block;
margin: 0 0 20px;
}
}
.c-form-ttl, .c-form-cnt {
border-bottom: 1px solid #e2f1fd;
text-align: left;
vertical-align: top;
}
.c-form-ttl br:not([class]), .c-form-cnt br:not([class]) {
display: none;
}
@media screen and (max-width: 767px) {
.c-form-ttl, .c-form-cnt {
display: block;
}
}
.c-form-ttl {
width: 32%;
padding: 34px 27px 0;
background: #c4e2fb;
}
@media screen and (max-width: 767px) {
.c-form-ttl {
width: 100%;
margin: 0;
padding: 12px;
}
}
.c-form-ttl.is-notext {
padding: 20px 0 0;
}
.c-form-cnt {
width: 68%;
padding: 20px 30px;
background: #fff;
}
@media screen and (max-width: 767px) {
.c-form-cnt {
width: 100%;
margin: 0 0 20px;
padding: 10px 15px 15px;
}
}
.c-form-cnt-select {
position: relative;
}
.c-form-cnt-select::before {
position: absolute;
z-index: 1;
top: 50%;
right: 50px;
font-family: "Font Awesome 5 Free";
font-size: 20px;
font-weight: 900;
pointer-events: none;
content: '\f0d7';
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
.c-form-cnt-select::before {
right: 30px;
}
}
.c-form-cnt-select-icon {
position: absolute;
top: 50%;
right: 20px;
pointer-events: none;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.c-form-cnt .error {
margin: 10px 0 0;
}
.c-form-cnt .horizontal-item {
display: inline-block;
padding: 5px 0;
}
.mw_wp_form .c-form .horizontal-item + .horizontal-item {
margin-left: 0;
}
.c-form-label {
display: -webkit-box;
display: flex;
font-size: 16px;
font-size: 1.6rem;
font-weight: 900;
-webkit-box-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
align-items: center;
}
@media screen and (max-width: 767px) {
.c-form-label {
font-size: 14px;
font-size: 1.4rem;
}
}
.c-form-label-txt, .c-form-label-val {
display: block;
-webkit-box-ordinal-group: 2;
order: 1;
}
_:-ms-fullscreen, :root .c-form-label-txt {
padding-top: 5px;
}
.c-form-label-val {
margin: 0 0px 0 0;
padding: 5px 13px 5px;
border-radius: 30px;
background: #327bb7;
font-size: 12px;
font-size: 1.2rem;
color: #fff;
-webkit-box-ordinal-group: 3;
order: 2;
}
_:-ms-fullscreen, :root .c-form-label-val {
padding: 5px 13px 2px;
}
@media screen and (max-width: 767px) {
.c-form-label-val {
margin: 0 10px 0 0;
padding: 5px 8px;
font-size: 11px;
font-size: 1.1rem;
}
}
.c-form-label-val.is-any {
background: #fff;
color: #c4e2fb;
}
.c-form input:not([type="radio"]):not([type="checkbox"]),
.c-form textarea,
.c-form select {
width: 100%;
max-width: 100%;
padding: 14px 30px;
border: 1px solid #c2c1c1;
background: #fff;
font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
font-size: 16px;
font-size: 1.6rem;
letter-spacing: 0.5px;
letter-spacing: 0.05rem;
-webkit-transition: border-color 0.5s cubic-bezier(0.19, 1, 0.22, 1);
transition: border-color 0.5s cubic-bezier(0.19, 1, 0.22, 1);
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
@media screen and (max-width: 767px) {
.c-form input:not([type="radio"]):not([type="checkbox"]),
.c-form textarea,
.c-form select {
padding: 12px 20px;
font-size: 14px;
font-size: 1.4rem;
}
}
.c-form input:not([type="radio"]):not([type="checkbox"])::-webkit-input-placeholder, .c-form textarea::-webkit-input-placeholder, .c-form select::-webkit-input-placeholder {
color: #c2c1c1;
}
.c-form input:not([type="radio"]):not([type="checkbox"])::-moz-placeholder, .c-form textarea::-moz-placeholder, .c-form select::-moz-placeholder {
color: #c2c1c1;
}
.c-form input:not([type="radio"]):not([type="checkbox"]):-ms-input-placeholder, .c-form textarea:-ms-input-placeholder, .c-form select:-ms-input-placeholder {
color: #c2c1c1;
}
.c-form input:not([type="radio"]):not([type="checkbox"])::-ms-input-placeholder, .c-form textarea::-ms-input-placeholder, .c-form select::-ms-input-placeholder {
color: #c2c1c1;
}
.c-form input:not([type="radio"]):not([type="checkbox"])::placeholder,
.c-form textarea::placeholder,
.c-form select::placeholder {
color: #c2c1c1;
}
.c-form input:not([type="radio"]):not([type="checkbox"]):hover, .c-form input:not([type="radio"]):not([type="checkbox"]):focus,
.c-form textarea:hover,
.c-form textarea:focus,
.c-form select:hover,
.c-form select:focus {
border-color: #327bb7;
}
.c-form input:not([type="radio"]):not([type="checkbox"]) ~ input:not([type="radio"]):not([type="checkbox"]),
.c-form input:not([type="radio"]):not([type="checkbox"]) ~ textarea,
.c-form input:not([type="radio"]):not([type="checkbox"]) ~ select,
.c-form textarea ~ input:not([type="radio"]):not([type="checkbox"]),
.c-form textarea ~ textarea,
.c-form textarea ~ select,
.c-form select ~ input:not([type="radio"]):not([type="checkbox"]),
.c-form select ~ textarea,
.c-form select ~ select {
margin: 20px 0 0;
}
.c-form input:not([type="radio"]):not([type="checkbox"])[size],
.c-form textarea[size],
.c-form select[size] {
width: 100%;
}
.c-form input:not([type="radio"]):not([type="checkbox"])[type="file"],
.c-form textarea[type="file"],
.c-form select[type="file"] {
padding: 0;
border: 0;
background: none;
cursor: pointer;
}
.c-form input:not([type="radio"]):not([type="checkbox"])[type="file"]:hover, .c-form input:not([type="radio"]):not([type="checkbox"])[type="file"]:focus,
.c-form textarea[type="file"]:hover,
.c-form textarea[type="file"]:focus,
.c-form select[type="file"]:hover,
.c-form select[type="file"]:focus {
border: 0;
}
.c-form textarea {
width: 100%;
min-height: 80px;
resize: vertical;
}
.c-form input[type="radio"], .c-form input[type="checkbox"] {
display: none;
}
.c-form input[type="radio"] + span, .c-form input[type="checkbox"] + span {
position: relative;
display: inline-block;
margin: 0 30px 0 0;
padding: 0 0 0 28px;
font-size: 16px;
font-size: 1.6rem;
line-height: 1.3;
text-align: left;
cursor: pointer;
}
@media screen and (max-width: 767px) {
.c-form input[type="radio"] + span, .c-form input[type="checkbox"] + span {
margin: 0;
}
}
@media screen and (max-width: 320px) {
.c-form input[type="radio"] + span, .c-form input[type="checkbox"] + span {
font-size: 12px;
font-size: 1.2rem;
letter-spacing: 0;
}
}
.c-form input[type="radio"] + span::before, .c-form input[type="checkbox"] + span::before {
position: absolute;
top: 0;
left: 0;
display: inline-block;
width: 16px;
height: 16px;
border: 1px solid #e1e1e1;
background: #fff;
vertical-align: sub;
content: "";
}
.c-form input[type="radio"] + span::after, .c-form input[type="checkbox"] + span::after {
position: absolute;
top: 4px;
left: 4px;
display: inline-block;
width: 10px;
height: 10px;
content: "";
opacity: 0;
-webkit-transition: opacity 0.3s cubic-bezier(0.19, 1, 0.22, 1);
transition: opacity 0.3s cubic-bezier(0.19, 1, 0.22, 1);
}
.c-form input[type="radio"]:checked + span::after, .c-form input[type="checkbox"]:checked + span::after {
opacity: 1;
}
.c-form input[type="radio"] + span::before {
border-radius: 50%;
}
.c-form input[type="radio"] + span::after {
border-radius: 50%;
background: #327bb7;
}
.c-form input[type="checkbox"] + span::before {
border-width: 2px;
border-radius: 1px;
}
.c-form input[type="checkbox"] + span::after {
top: 2px;
left: 6px;
width: 5px;
border: solid #327bb7;
border-width: 0 3px 3px 0;
color: #327bb7;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.c-form-privacy {
margin: 40px 0 0;
padding: 20px;
border: 1px solid #ddd;
background: #fff;
font-size: 14px;
font-size: 1.4rem;
line-height: 2;
text-align: left;
}
@media screen and (max-width: 767px) {
.c-form-privacy {
margin: 20px 0 0;
padding: 10px;
}
}
.c-form-privacy-inner {
overflow-y: auto;
max-height: 200px;
padding: 20px;
}
@media screen and (max-width: 767px) {
.c-form-privacy-inner {
padding: 10px;
}
}
.c-form-privacy-ttl {
margin: 0 0 20px;
font-size: 18px;
font-size: 1.8rem;
}
@media screen and (max-width: 767px) {
.c-form-privacy-ttl {
font-size: 16px;
font-size: 1.6rem;
}
}
.c-form-privacy-txt {
margin: 0 0 40px;
text-align: left;
}
.c-form-privacy-list-item {
margin: 0 0 40px;
}
.c-form-privacy-list-ttl {
margin: 0 0 20px;
font-size: 18px;
font-size: 1.8rem;
}
@media screen and (max-width: 767px) {
.c-form-privacy-list-ttl {
font-size: 16px;
font-size: 1.6rem;
}
}
.c-form-privacy-list-subttl {
margin: 0 0 20px;
font-size: 16px;
font-size: 1.6rem;
}
@media screen and (max-width: 767px) {
.c-form-privacy-list-subttl {
font-size: 14px;
font-size: 1.4rem;
}
}
.c-form-privacy-list-desc {
margin: 0 0 40px;
text-align: left;
}
.c-form-privacy-order {
counter-reset: order 0;
}
.c-form-privacy-order.is-child {
margin: -10px 0 30px;
}
.c-form-privacy-order-txt {
margin: 0 0 20px;
}
.c-form-privacy-order-item {
position: relative;
margin: 0 0 10px;
padding: 0 0 0 24px;
}
.c-form-privacy-order-item::before {
position: absolute;
top: 0;
left: 0;
display: inline-block;
font-family: "Lato", "Noto Sans JP", Arial, Helvetica, sans-serif;
font-size: 16px;
font-size: 1.6rem;
line-height: 1.3;
color: #454545;
content: counter(order) ".";
counter-increment: order 1;
-ms-grid-row-align: center;
align-self: center;
}
@media screen and (max-width: 767px) {
.c-form-privacy-order-item::before {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.5;
}
}
.c-form-consent {
padding: 50px 0 40px;
text-align: center;
}
@media screen and (max-width: 767px) {
.c-form-consent {
padding: 30px 0 40px;
}
}
.c-form-consent label {
font-weight: 900;
}
.c-form-consent .error {
margin: 10px 0 0;
}
.c-form .c-btn br {
display: none;
}
.c-form .c-btn-txt {
display: inline-block;
margin-top: 8px;
font-size: 18px;
font-size: 1.8rem;
vertical-align: sub;
}
@media screen and (max-width: 1024px) {
.c-form .c-btn-txt {
font-size: 15px;
font-size: 1.5rem;
}
}
@media screen and (max-width: 767px) {
.c-form .c-btn-txt {
margin-top: 5px;
}
}
.c-form .c-btn-body {
position: relative;
display: inline-block;
margin: 15px;
padding: 28px 125px 30px 90px;
border: 0;
border-radius: 50px;
background-color: #327bb7;
color: #fff;
}
@media screen and (max-width: 767px) {
.c-form .c-btn-body {
margin: 0 0 15px;
padding: 25px 100px 25px 55px;
}
}
.c-form .c-btn-body::before {
border-color: #fff;
}
.c-form .c-btn-body::after {
right: 15px;
border-color: #fff;
}
.c-form .c-btn-body:hover {
opacity: 0.7;
}
.c-form .mwform-tel-field input[type="text"] {
max-width: calc(80% / 3);
margin: 0 !important;
}
.c-form .mwform-file-delete {
display: none;
}
.mw_wp_form_confirm .is-confirm-none {
display: none;
}
.mw_wp_form_input .is-input-none {
display: none;
}
.is-confirm-none, .is-input-none{
margin: 0 0 20px;
}
.mw_wp_form_confirm .c-form-ttl {
padding: 34px 27px;
}
@media screen and (max-width: 767px) {
.mw_wp_form_confirm .c-form-ttl {
width: 100%;
padding: 12px;
}
}
.mw_wp_form_confirm .c-form-cnt {
padding: 34px 30px;
vertical-align: middle;
}
@media screen and (max-width: 767px) {
.mw_wp_form_confirm .c-form-cnt {
padding: 20px;
}
}
.mw_wp_form_confirm .c-form-cnt-select-icon {
display: none;
}
.mw_wp_form_confirm .c-form-label-val {
display: none;
}
.mw_wp_form_confirm .c-btn {
margin: 30px 0 0;
}
.mw_wp_form_confirm .c-btn-body[value='back'] {
padding: 28px 90px 30px 132px;
}
@media screen and (max-width: 767px) {
.mw_wp_form_confirm .c-btn-body[value='back'] {
padding: 25px 80px 25px 100px;
}
}
.mw_wp_form_confirm .c-btn-body[value='back']:after {
right: auto;
left: 17px;
}
.mw_wp_form_confirm .c-btn-body[value='back']:before {
right: auto;
left: 50px;
border-width: 0 0 2px 3px;
-webkit-transform: translateX(0px) skewX(-48deg);
transform: translateX(0px) skewX(-48deg);
}
@media screen and (max-width: 767px) {
.mw_wp_form_confirm .c-btn-body[value='back']:before {
left: 37px;
}
}
.mw_wp_form_confirm .c-btn-body[value='back']:hover:before {
-webkit-animation: line-move-rev 0.8s cubic-bezier(0.19, 1, 0.22, 1);
animation: line-move-rev 0.8s cubic-bezier(0.19, 1, 0.22, 1);
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.mw_wp_form_send_error {
text-align: center;
} .c-gadget-ttl {
margin: 0 0 20px;
font-family: "Lato", "Noto Sans JP", Arial, Helvetica, sans-serif;
font-size: 20px;
font-size: 2rem;
font-weight: 900;
letter-spacing: 3px;
letter-spacing: 0.3rem;
}
.c-gadget-items {
margin: 0 0 60px;
}
.c-gadget-item {
margin: 0 0 5px;
}
.c-gadget-item-link {
position: relative;
display: block;
padding: 5px 0 5px 20px;
font-size: 14px;
font-size: 1.4rem;
font-weight: 900;
}
.c-gadget-item-link::before {
position: absolute;
top: 50%;
left: 0;
display: block;
width: 8px;
height: 1px;
background: #454545;
content: "";
}
.c-gadget-posts {
margin: 0 0 60px;
}
.c-gadget-post {
border-bottom: 1px solid #ddd;
}
.c-gadget-post:first-of-type {
border-top: 1px solid #ddd;
}
.c-gadget-post-link {
display: block;
padding: 15px 0;
}
.c-gadget-post-date {
display: block;
margin: 0 0 5px;
font-family: "Lato", "Noto Sans JP", Arial, Helvetica, sans-serif;
font-size: 12px;
font-size: 1.2rem;
}
.c-gadget-post-ttl {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.5;
} .c-page-headline {
position: relative;
min-height: 300px;
text-align: center;
}
@media screen and (max-width: 767px) {
.c-page-headline {
min-height: 185px;
}
}
@media screen and (max-width: 767px) {
.c-page-headline::after {
content: none;
}
}
.c-page-headline-ttl {
position: relative;
z-index: 1;
display: inline-block;
max-width: 1440px;
margin: 0 auto;
padding: 100px 0px 60px;
}
@media screen and (max-width: 767px) {
.c-page-headline-ttl {
padding: 70px 0px 30px;
}
}
.c-page-headline-ttl-main {
position: relative;
display: block;
margin-right: -1.2rem;
margin-bottom: 20px;
font-family: "Lato", "Noto Sans JP", Arial, Helvetica, sans-serif;
font-size: 60px;
font-size: 6rem;
font-weight: 900;
line-height: 1;
color: #fff;
letter-spacing: 12px;
letter-spacing: 1.2rem;
}
.c-page-headline-ttl-main * {
text-indent: 0;
}
@media screen and (max-width: 767px) {
.c-page-headline-ttl-main {
margin-bottom: 13px;
}
}
@media screen and (max-width: 767px) {
.c-page-headline-ttl-main {
font-size: 30px;
font-size: 3rem;
letter-spacing: 4.5px;
letter-spacing: 0.45rem;
}
}
.c-page-headline-ttl-sub {
position: relative;
display: block;
}
.c-page-headline-ttl-sub .u-text {
overflow: visible;
margin-right: -1.08rem;
padding: 0 0.7em 0;
font-size: 27px;
font-size: 2.7rem;
color: #fff;
vertical-align: middle;
white-space: nowrap;
letter-spacing: 10.8px;
letter-spacing: 1.08rem;
}
.c-page-headline-ttl-sub .u-text * {
text-indent: 0;
}
@media screen and (max-width: 767px) {
.c-page-headline-ttl-sub .u-text {
margin-right: -0.6rem;
font-size: 15px;
font-size: 1.5rem;
letter-spacing: 6px;
letter-spacing: 0.6rem;
}
.c-page-headline-ttl-sub .u-text * {
text-indent: 0;
}
}
.c-page-headline-ttl-sub::before, .c-page-headline-ttl-sub::after {
display: inline-block;
width: 50px;
height: 6px;
border-top: 3px solid #fff;
border-bottom: 1px solid #fff;
vertical-align: middle;
content: "";
}
@media screen and (max-width: 767px) {
.c-page-headline-ttl-sub::before, .c-page-headline-ttl-sub::after {
height: 3px;
border-top: 2px solid #fff;
}
}
.c-page-headline .c-kv-bnr {
top: auto;
bottom: -90px;
}
@media screen and (max-width: 1024px) {
.c-page-headline .c-kv-bnr {
bottom: -50px;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
}
.c-page-headline-bg, .c-page-headline-bg-mobile {
position: absolute;
z-index: 0;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: no-repeat center;
background-size: cover;
}
@media screen and (max-width: 1024px) {
.c-page-headline-bg, .c-page-headline-bg-mobile {
display: none;
}
}
.c-page-headline-bg-mobile {
display: none;
}
@media screen and (max-width: 1024px) {
.c-page-headline-bg-mobile {
left: 0;
display: block;
}
} .c-pagination {
padding-top: 32px;
text-align: center;
}
.c-pager {
display: -webkit-box;
display: flex;
flex-wrap: wrap;
-webkit-box-pack: center;
justify-content: center;
}
.c-pager-item {
margin: 5px;
}
.c-pager-btn {
display: block;
border-radius: 100px;
background: #fff;
color: #327bb7;
}
.c-pager-btn.is-current {
background: #327bb7;
color: #fff;
}
.c-pager-btn.is-next, .c-pager-btn.is-prev {
display: inline-block;
overflow: visible;
padding: 20px 63px 18px 0;
border: 0;
border-radius: 0;
background: none;
}
.c-pager-btn.is-next::before, .c-pager-btn.is-prev::before {
right: 21px;
width: 40px;
height: 8px;
margin-top: -7px;
background: none !important;
-webkit-transform: translateX(0px) skewX(48deg);
transform: translateX(0px) skewX(48deg);
-webkit-animation: none;
animation: none;
}
.c-pager-btn.is-next::after, .c-pager-btn.is-prev::after {
right: 0;
width: 40px;
height: 40px;
margin-top: -22px;
-webkit-transform: translateX(0px);
transform: translateX(0px);
-webkit-animation: none;
animation: none;
}
@media screen and (max-width: 767px) {
.c-pager-btn.is-next::after, .c-pager-btn.is-prev::after {
width: 36px;
height: 36px;
}
}
@media screen and (max-width: 767px) {
.c-pager-btn.is-next, .c-pager-btn.is-prev {
margin: 3px 0 0 0;
}
}
.c-pager-btn.is-next .c-pager-btn-txt, .c-pager-btn.is-prev .c-pager-btn-txt {
display: inline;
}
.c-pager-btn.is-prev {
-webkit-transform: scale(-1, 1);
transform: scale(-1, 1);
}
.c-pager-btn::before {
background: #327bb7 !important;
}
.c-pager-btn-txt {
position: relative;
z-index: 1;
display: block;
width: 40px;
height: 40px;
font-size: 15px;
font-size: 1.5rem;
font-weight: 900;
line-height: 42px;
} .c-single-pager {
padding: 80px 0;
text-align: center;
}
@media screen and (max-width: 767px) {
.c-single-pager {
padding: 60px 0;
}
}
.c-single-pager-list {
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
}
.c-single-pager-item.is-none {
pointer-events: none;
opacity: 0;
}
.c-single-pager-item.is-prev:hover .c-single-pager-item-icon {
-webkit-transform: translateX(-5px);
transform: translateX(-5px);
}
.c-single-pager-item.is-next:hover .c-single-pager-item-icon {
-webkit-transform: translateX(5px);
transform: translateX(5px);
}
.c-single-pager-item-body {
position: relative;
display: block;
padding: 10px;
text-align: center;
}
@media screen and (max-width: 767px) {
.c-single-pager-item-body {
padding: 10px 0;
}
}
.c-single-pager-item-icon {
font-size: 14px;
font-size: 1.4rem;
-webkit-transition: -webkit-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
transition: -webkit-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}
.c-single-pager-item-txt {
padding: 0 20px;
font-family: "Lato", "Noto Sans JP", Arial, Helvetica, sans-serif;
font-size: 14px;
font-size: 1.4rem;
font-weight: 900;
letter-spacing: 2px;
letter-spacing: 0.2rem;
}
.c-single-pager-item-list {
display: block;
width: 80px;
padding: 0 20px;
}
.c-single-pager-item-list .c-single-pager-item-body {
position: relative;
}
.c-single-pager-item-list .c-single-pager-item-body::before {
position: absolute;
z-index: 0;
top: 50%;
left: 50%;
display: block;
width: 50px;
height: 50px;
margin: -25px 0 0 -25px;
border-radius: 50%;
background: rgba(50, 123, 183, 0.1);
pointer-events: none;
content: "";
-webkit-transition: -webkit-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
transition: -webkit-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: center;
transform-origin: center;
}
.c-single-pager-item-list .c-single-pager-item-body:hover::before {
-webkit-transform: scale(1);
transform: scale(1);
}
.c-single-pager-item-list-icon {
position: relative;
z-index: 1;
font-size: 22px;
font-size: 2.2rem;
color: #327bb7;
} .js-text-loader {
position: relative;
display: inline-block;
overflow: hidden;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: center left;
transform-origin: center left;
-webkit-animation: cubic-bezier(0.19, 1, 0.22, 1) 0.4s;
animation: cubic-bezier(0.19, 1, 0.22, 1) 0.4s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.js-text-loader:nth-child(1) {
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s;
}
.js-text-loader:nth-child(1)::after {
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
}
.js-text-loader:nth-child(2) {
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
}
.js-text-loader:nth-child(2)::after {
-webkit-animation-delay: 0.6s;
animation-delay: 0.6s;
}
.js-text-loader:nth-child(3) {
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
}
.js-text-loader:nth-child(3)::after {
-webkit-animation-delay: 0.7s;
animation-delay: 0.7s;
}
.js-text-loader:nth-child(4) {
-webkit-animation-delay: 0.4s;
animation-delay: 0.4s;
}
.js-text-loader:nth-child(4)::after {
-webkit-animation-delay: 0.8s;
animation-delay: 0.8s;
}
.js-text-loader:nth-child(5) {
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
}
.js-text-loader:nth-child(5)::after {
-webkit-animation-delay: 0.9s;
animation-delay: 0.9s;
}
.js-text-loader:nth-child(6) {
-webkit-animation-delay: 0.6s;
animation-delay: 0.6s;
}
.js-text-loader:nth-child(6)::after {
-webkit-animation-delay: 1s;
animation-delay: 1s;
}
.js-text-loader:nth-child(7) {
-webkit-animation-delay: 0.7s;
animation-delay: 0.7s;
}
.js-text-loader:nth-child(7)::after {
-webkit-animation-delay: 1.1s;
animation-delay: 1.1s;
}
.js-text-loader:nth-child(8) {
-webkit-animation-delay: 0.8s;
animation-delay: 0.8s;
}
.js-text-loader:nth-child(8)::after {
-webkit-animation-delay: 1.2s;
animation-delay: 1.2s;
}
.js-text-loader:nth-child(9) {
-webkit-animation-delay: 0.9s;
animation-delay: 0.9s;
}
.js-text-loader:nth-child(9)::after {
-webkit-animation-delay: 1.3s;
animation-delay: 1.3s;
}
.js-text-loader:nth-child(10) {
-webkit-animation-delay: 1s;
animation-delay: 1s;
}
.js-text-loader:nth-child(10)::after {
-webkit-animation-delay: 1.4s;
animation-delay: 1.4s;
}
.js-text-loader:nth-child(11) {
-webkit-animation-delay: 1.1s;
animation-delay: 1.1s;
}
.js-text-loader:nth-child(11)::after {
-webkit-animation-delay: 1.5s;
animation-delay: 1.5s;
}
.js-text-loader:nth-child(12) {
-webkit-animation-delay: 1.2s;
animation-delay: 1.2s;
}
.js-text-loader:nth-child(12)::after {
-webkit-animation-delay: 1.6s;
animation-delay: 1.6s;
}
.js-text-loader:nth-child(13) {
-webkit-animation-delay: 1.3s;
animation-delay: 1.3s;
}
.js-text-loader:nth-child(13)::after {
-webkit-animation-delay: 1.7s;
animation-delay: 1.7s;
}
.js-text-loader:nth-child(14) {
-webkit-animation-delay: 1.4s;
animation-delay: 1.4s;
}
.js-text-loader:nth-child(14)::after {
-webkit-animation-delay: 1.8s;
animation-delay: 1.8s;
}
.js-text-loader:nth-child(15) {
-webkit-animation-delay: 1.5s;
animation-delay: 1.5s;
}
.js-text-loader:nth-child(15)::after {
-webkit-animation-delay: 1.9s;
animation-delay: 1.9s;
}
.js-text-loader:nth-child(16) {
-webkit-animation-delay: 1.6s;
animation-delay: 1.6s;
}
.js-text-loader:nth-child(16)::after {
-webkit-animation-delay: 2s;
animation-delay: 2s;
}
.js-text-loader:nth-child(17) {
-webkit-animation-delay: 1.7s;
animation-delay: 1.7s;
}
.js-text-loader:nth-child(17)::after {
-webkit-animation-delay: 2.1s;
animation-delay: 2.1s;
}
.js-text-loader:nth-child(18) {
-webkit-animation-delay: 1.8s;
animation-delay: 1.8s;
}
.js-text-loader:nth-child(18)::after {
-webkit-animation-delay: 2.2s;
animation-delay: 2.2s;
}
.js-text-loader:nth-child(19) {
-webkit-animation-delay: 1.9s;
animation-delay: 1.9s;
}
.js-text-loader:nth-child(19)::after {
-webkit-animation-delay: 2.3s;
animation-delay: 2.3s;
}
.js-text-loader:nth-child(20) {
-webkit-animation-delay: 2s;
animation-delay: 2s;
}
.js-text-loader:nth-child(20)::after {
-webkit-animation-delay: 2.4s;
animation-delay: 2.4s;
}
.js-text-loader:nth-child(21) {
-webkit-animation-delay: 2.1s;
animation-delay: 2.1s;
}
.js-text-loader:nth-child(21)::after {
-webkit-animation-delay: 2.5s;
animation-delay: 2.5s;
}
.js-text-loader:nth-child(22) {
-webkit-animation-delay: 2.2s;
animation-delay: 2.2s;
}
.js-text-loader:nth-child(22)::after {
-webkit-animation-delay: 2.6s;
animation-delay: 2.6s;
}
.js-text-loader:nth-child(23) {
-webkit-animation-delay: 2.3s;
animation-delay: 2.3s;
}
.js-text-loader:nth-child(23)::after {
-webkit-animation-delay: 2.7s;
animation-delay: 2.7s;
}
.js-text-loader:nth-child(24) {
-webkit-animation-delay: 2.4s;
animation-delay: 2.4s;
}
.js-text-loader:nth-child(24)::after {
-webkit-animation-delay: 2.8s;
animation-delay: 2.8s;
}
.js-text-loader:nth-child(25) {
-webkit-animation-delay: 2.5s;
animation-delay: 2.5s;
}
.js-text-loader:nth-child(25)::after {
-webkit-animation-delay: 2.9s;
animation-delay: 2.9s;
}
.js-text-loader:nth-child(26) {
-webkit-animation-delay: 2.6s;
animation-delay: 2.6s;
}
.js-text-loader:nth-child(26)::after {
-webkit-animation-delay: 3s;
animation-delay: 3s;
}
.js-text-loader:nth-child(27) {
-webkit-animation-delay: 2.7s;
animation-delay: 2.7s;
}
.js-text-loader:nth-child(27)::after {
-webkit-animation-delay: 3.1s;
animation-delay: 3.1s;
}
.js-text-loader:nth-child(28) {
-webkit-animation-delay: 2.8s;
animation-delay: 2.8s;
}
.js-text-loader:nth-child(28)::after {
-webkit-animation-delay: 3.2s;
animation-delay: 3.2s;
}
.js-text-loader:nth-child(29) {
-webkit-animation-delay: 2.9s;
animation-delay: 2.9s;
}
.js-text-loader:nth-child(29)::after {
-webkit-animation-delay: 3.3s;
animation-delay: 3.3s;
}
.js-text-loader:nth-child(30) {
-webkit-animation-delay: 3s;
animation-delay: 3s;
}
.js-text-loader:nth-child(30)::after {
-webkit-animation-delay: 3.4s;
animation-delay: 3.4s;
}
.js-text-loader:nth-child(31) {
-webkit-animation-delay: 3.1s;
animation-delay: 3.1s;
}
.js-text-loader:nth-child(31)::after {
-webkit-animation-delay: 3.5s;
animation-delay: 3.5s;
}
.js-text-loader:nth-child(32) {
-webkit-animation-delay: 3.2s;
animation-delay: 3.2s;
}
.js-text-loader:nth-child(32)::after {
-webkit-animation-delay: 3.6s;
animation-delay: 3.6s;
}
.js-text-loader:nth-child(33) {
-webkit-animation-delay: 3.3s;
animation-delay: 3.3s;
}
.js-text-loader:nth-child(33)::after {
-webkit-animation-delay: 3.7s;
animation-delay: 3.7s;
}
.js-text-loader:nth-child(34) {
-webkit-animation-delay: 3.4s;
animation-delay: 3.4s;
}
.js-text-loader:nth-child(34)::after {
-webkit-animation-delay: 3.8s;
animation-delay: 3.8s;
}
.js-text-loader:nth-child(35) {
-webkit-animation-delay: 3.5s;
animation-delay: 3.5s;
}
.js-text-loader:nth-child(35)::after {
-webkit-animation-delay: 3.9s;
animation-delay: 3.9s;
}
.js-text-loader:nth-child(36) {
-webkit-animation-delay: 3.6s;
animation-delay: 3.6s;
}
.js-text-loader:nth-child(36)::after {
-webkit-animation-delay: 4s;
animation-delay: 4s;
}
.js-text-loader:nth-child(37) {
-webkit-animation-delay: 3.7s;
animation-delay: 3.7s;
}
.js-text-loader:nth-child(37)::after {
-webkit-animation-delay: 4.1s;
animation-delay: 4.1s;
}
.js-text-loader:nth-child(38) {
-webkit-animation-delay: 3.8s;
animation-delay: 3.8s;
}
.js-text-loader:nth-child(38)::after {
-webkit-animation-delay: 4.2s;
animation-delay: 4.2s;
}
.js-text-loader:nth-child(39) {
-webkit-animation-delay: 3.9s;
animation-delay: 3.9s;
}
.js-text-loader:nth-child(39)::after {
-webkit-animation-delay: 4.3s;
animation-delay: 4.3s;
}
.js-text-loader:nth-child(40) {
-webkit-animation-delay: 4s;
animation-delay: 4s;
}
.js-text-loader:nth-child(40)::after {
-webkit-animation-delay: 4.4s;
animation-delay: 4.4s;
}
.js-text-loader:nth-child(41) {
-webkit-animation-delay: 4.1s;
animation-delay: 4.1s;
}
.js-text-loader:nth-child(41)::after {
-webkit-animation-delay: 4.5s;
animation-delay: 4.5s;
}
.js-text-loader:nth-child(42) {
-webkit-animation-delay: 4.2s;
animation-delay: 4.2s;
}
.js-text-loader:nth-child(42)::after {
-webkit-animation-delay: 4.6s;
animation-delay: 4.6s;
}
.js-text-loader:nth-child(43) {
-webkit-animation-delay: 4.3s;
animation-delay: 4.3s;
}
.js-text-loader:nth-child(43)::after {
-webkit-animation-delay: 4.7s;
animation-delay: 4.7s;
}
.js-text-loader:nth-child(44) {
-webkit-animation-delay: 4.4s;
animation-delay: 4.4s;
}
.js-text-loader:nth-child(44)::after {
-webkit-animation-delay: 4.8s;
animation-delay: 4.8s;
}
.js-text-loader:nth-child(45) {
-webkit-animation-delay: 4.5s;
animation-delay: 4.5s;
}
.js-text-loader:nth-child(45)::after {
-webkit-animation-delay: 4.9s;
animation-delay: 4.9s;
}
.js-text-loader:nth-child(46) {
-webkit-animation-delay: 4.6s;
animation-delay: 4.6s;
}
.js-text-loader:nth-child(46)::after {
-webkit-animation-delay: 5s;
animation-delay: 5s;
}
.js-text-loader:nth-child(47) {
-webkit-animation-delay: 4.7s;
animation-delay: 4.7s;
}
.js-text-loader:nth-child(47)::after {
-webkit-animation-delay: 5.1s;
animation-delay: 5.1s;
}
.js-text-loader:nth-child(48) {
-webkit-animation-delay: 4.8s;
animation-delay: 4.8s;
}
.js-text-loader:nth-child(48)::after {
-webkit-animation-delay: 5.2s;
animation-delay: 5.2s;
}
.js-text-loader:nth-child(49) {
-webkit-animation-delay: 4.9s;
animation-delay: 4.9s;
}
.js-text-loader:nth-child(49)::after {
-webkit-animation-delay: 5.3s;
animation-delay: 5.3s;
}
.js-text-loader:nth-child(50) {
-webkit-animation-delay: 5s;
animation-delay: 5s;
}
.js-text-loader:nth-child(50)::after {
-webkit-animation-delay: 5.4s;
animation-delay: 5.4s;
}
.js-text-loader:nth-child(51) {
-webkit-animation-delay: 5.1s;
animation-delay: 5.1s;
}
.js-text-loader:nth-child(51)::after {
-webkit-animation-delay: 5.5s;
animation-delay: 5.5s;
}
.js-text-loader:nth-child(52) {
-webkit-animation-delay: 5.2s;
animation-delay: 5.2s;
}
.js-text-loader:nth-child(52)::after {
-webkit-animation-delay: 5.6s;
animation-delay: 5.6s;
}
.js-text-loader:nth-child(53) {
-webkit-animation-delay: 5.3s;
animation-delay: 5.3s;
}
.js-text-loader:nth-child(53)::after {
-webkit-animation-delay: 5.7s;
animation-delay: 5.7s;
}
.js-text-loader:nth-child(54) {
-webkit-animation-delay: 5.4s;
animation-delay: 5.4s;
}
.js-text-loader:nth-child(54)::after {
-webkit-animation-delay: 5.8s;
animation-delay: 5.8s;
}
.js-text-loader:nth-child(55) {
-webkit-animation-delay: 5.5s;
animation-delay: 5.5s;
}
.js-text-loader:nth-child(55)::after {
-webkit-animation-delay: 5.9s;
animation-delay: 5.9s;
}
.js-text-loader:nth-child(56) {
-webkit-animation-delay: 5.6s;
animation-delay: 5.6s;
}
.js-text-loader:nth-child(56)::after {
-webkit-animation-delay: 6s;
animation-delay: 6s;
}
.js-text-loader:nth-child(57) {
-webkit-animation-delay: 5.7s;
animation-delay: 5.7s;
}
.js-text-loader:nth-child(57)::after {
-webkit-animation-delay: 6.1s;
animation-delay: 6.1s;
}
.js-text-loader:nth-child(58) {
-webkit-animation-delay: 5.8s;
animation-delay: 5.8s;
}
.js-text-loader:nth-child(58)::after {
-webkit-animation-delay: 6.2s;
animation-delay: 6.2s;
}
.js-text-loader:nth-child(59) {
-webkit-animation-delay: 5.9s;
animation-delay: 5.9s;
}
.js-text-loader:nth-child(59)::after {
-webkit-animation-delay: 6.3s;
animation-delay: 6.3s;
}
.js-text-loader:nth-child(60) {
-webkit-animation-delay: 6s;
animation-delay: 6s;
}
.js-text-loader:nth-child(60)::after {
-webkit-animation-delay: 6.4s;
animation-delay: 6.4s;
}
.js-text-loader:nth-child(61) {
-webkit-animation-delay: 6.1s;
animation-delay: 6.1s;
}
.js-text-loader:nth-child(61)::after {
-webkit-animation-delay: 6.5s;
animation-delay: 6.5s;
}
.js-text-loader:nth-child(62) {
-webkit-animation-delay: 6.2s;
animation-delay: 6.2s;
}
.js-text-loader:nth-child(62)::after {
-webkit-animation-delay: 6.6s;
animation-delay: 6.6s;
}
.js-text-loader:nth-child(63) {
-webkit-animation-delay: 6.3s;
animation-delay: 6.3s;
}
.js-text-loader:nth-child(63)::after {
-webkit-animation-delay: 6.7s;
animation-delay: 6.7s;
}
.js-text-loader:nth-child(64) {
-webkit-animation-delay: 6.4s;
animation-delay: 6.4s;
}
.js-text-loader:nth-child(64)::after {
-webkit-animation-delay: 6.8s;
animation-delay: 6.8s;
}
.js-text-loader:nth-child(65) {
-webkit-animation-delay: 6.5s;
animation-delay: 6.5s;
}
.js-text-loader:nth-child(65)::after {
-webkit-animation-delay: 6.9s;
animation-delay: 6.9s;
}
.js-text-loader:nth-child(66) {
-webkit-animation-delay: 6.6s;
animation-delay: 6.6s;
}
.js-text-loader:nth-child(66)::after {
-webkit-animation-delay: 7s;
animation-delay: 7s;
}
.js-text-loader:nth-child(67) {
-webkit-animation-delay: 6.7s;
animation-delay: 6.7s;
}
.js-text-loader:nth-child(67)::after {
-webkit-animation-delay: 7.1s;
animation-delay: 7.1s;
}
.js-text-loader:nth-child(68) {
-webkit-animation-delay: 6.8s;
animation-delay: 6.8s;
}
.js-text-loader:nth-child(68)::after {
-webkit-animation-delay: 7.2s;
animation-delay: 7.2s;
}
.js-text-loader:nth-child(69) {
-webkit-animation-delay: 6.9s;
animation-delay: 6.9s;
}
.js-text-loader:nth-child(69)::after {
-webkit-animation-delay: 7.3s;
animation-delay: 7.3s;
}
.js-text-loader:nth-child(70) {
-webkit-animation-delay: 7s;
animation-delay: 7s;
}
.js-text-loader:nth-child(70)::after {
-webkit-animation-delay: 7.4s;
animation-delay: 7.4s;
}
.js-text-loader:nth-child(71) {
-webkit-animation-delay: 7.1s;
animation-delay: 7.1s;
}
.js-text-loader:nth-child(71)::after {
-webkit-animation-delay: 7.5s;
animation-delay: 7.5s;
}
.js-text-loader:nth-child(72) {
-webkit-animation-delay: 7.2s;
animation-delay: 7.2s;
}
.js-text-loader:nth-child(72)::after {
-webkit-animation-delay: 7.6s;
animation-delay: 7.6s;
}
.js-text-loader:nth-child(73) {
-webkit-animation-delay: 7.3s;
animation-delay: 7.3s;
}
.js-text-loader:nth-child(73)::after {
-webkit-animation-delay: 7.7s;
animation-delay: 7.7s;
}
.js-text-loader:nth-child(74) {
-webkit-animation-delay: 7.4s;
animation-delay: 7.4s;
}
.js-text-loader:nth-child(74)::after {
-webkit-animation-delay: 7.8s;
animation-delay: 7.8s;
}
.js-text-loader:nth-child(75) {
-webkit-animation-delay: 7.5s;
animation-delay: 7.5s;
}
.js-text-loader:nth-child(75)::after {
-webkit-animation-delay: 7.9s;
animation-delay: 7.9s;
}
.js-text-loader:nth-child(76) {
-webkit-animation-delay: 7.6s;
animation-delay: 7.6s;
}
.js-text-loader:nth-child(76)::after {
-webkit-animation-delay: 8s;
animation-delay: 8s;
}
.js-text-loader:nth-child(77) {
-webkit-animation-delay: 7.7s;
animation-delay: 7.7s;
}
.js-text-loader:nth-child(77)::after {
-webkit-animation-delay: 8.1s;
animation-delay: 8.1s;
}
.js-text-loader:nth-child(78) {
-webkit-animation-delay: 7.8s;
animation-delay: 7.8s;
}
.js-text-loader:nth-child(78)::after {
-webkit-animation-delay: 8.2s;
animation-delay: 8.2s;
}
.js-text-loader:nth-child(79) {
-webkit-animation-delay: 7.9s;
animation-delay: 7.9s;
}
.js-text-loader:nth-child(79)::after {
-webkit-animation-delay: 8.3s;
animation-delay: 8.3s;
}
.js-text-loader:nth-child(80) {
-webkit-animation-delay: 8s;
animation-delay: 8s;
}
.js-text-loader:nth-child(80)::after {
-webkit-animation-delay: 8.4s;
animation-delay: 8.4s;
}
.js-text-loader:nth-child(81) {
-webkit-animation-delay: 8.1s;
animation-delay: 8.1s;
}
.js-text-loader:nth-child(81)::after {
-webkit-animation-delay: 8.5s;
animation-delay: 8.5s;
}
.js-text-loader:nth-child(82) {
-webkit-animation-delay: 8.2s;
animation-delay: 8.2s;
}
.js-text-loader:nth-child(82)::after {
-webkit-animation-delay: 8.6s;
animation-delay: 8.6s;
}
.js-text-loader:nth-child(83) {
-webkit-animation-delay: 8.3s;
animation-delay: 8.3s;
}
.js-text-loader:nth-child(83)::after {
-webkit-animation-delay: 8.7s;
animation-delay: 8.7s;
}
.js-text-loader:nth-child(84) {
-webkit-animation-delay: 8.4s;
animation-delay: 8.4s;
}
.js-text-loader:nth-child(84)::after {
-webkit-animation-delay: 8.8s;
animation-delay: 8.8s;
}
.js-text-loader:nth-child(85) {
-webkit-animation-delay: 8.5s;
animation-delay: 8.5s;
}
.js-text-loader:nth-child(85)::after {
-webkit-animation-delay: 8.9s;
animation-delay: 8.9s;
}
.js-text-loader:nth-child(86) {
-webkit-animation-delay: 8.6s;
animation-delay: 8.6s;
}
.js-text-loader:nth-child(86)::after {
-webkit-animation-delay: 9s;
animation-delay: 9s;
}
.js-text-loader:nth-child(87) {
-webkit-animation-delay: 8.7s;
animation-delay: 8.7s;
}
.js-text-loader:nth-child(87)::after {
-webkit-animation-delay: 9.1s;
animation-delay: 9.1s;
}
.js-text-loader:nth-child(88) {
-webkit-animation-delay: 8.8s;
animation-delay: 8.8s;
}
.js-text-loader:nth-child(88)::after {
-webkit-animation-delay: 9.2s;
animation-delay: 9.2s;
}
.js-text-loader:nth-child(89) {
-webkit-animation-delay: 8.9s;
animation-delay: 8.9s;
}
.js-text-loader:nth-child(89)::after {
-webkit-animation-delay: 9.3s;
animation-delay: 9.3s;
}
.js-text-loader:nth-child(90) {
-webkit-animation-delay: 9s;
animation-delay: 9s;
}
.js-text-loader:nth-child(90)::after {
-webkit-animation-delay: 9.4s;
animation-delay: 9.4s;
}
.js-text-loader:nth-child(91) {
-webkit-animation-delay: 9.1s;
animation-delay: 9.1s;
}
.js-text-loader:nth-child(91)::after {
-webkit-animation-delay: 9.5s;
animation-delay: 9.5s;
}
.js-text-loader:nth-child(92) {
-webkit-animation-delay: 9.2s;
animation-delay: 9.2s;
}
.js-text-loader:nth-child(92)::after {
-webkit-animation-delay: 9.6s;
animation-delay: 9.6s;
}
.js-text-loader:nth-child(93) {
-webkit-animation-delay: 9.3s;
animation-delay: 9.3s;
}
.js-text-loader:nth-child(93)::after {
-webkit-animation-delay: 9.7s;
animation-delay: 9.7s;
}
.js-text-loader:nth-child(94) {
-webkit-animation-delay: 9.4s;
animation-delay: 9.4s;
}
.js-text-loader:nth-child(94)::after {
-webkit-animation-delay: 9.8s;
animation-delay: 9.8s;
}
.js-text-loader:nth-child(95) {
-webkit-animation-delay: 9.5s;
animation-delay: 9.5s;
}
.js-text-loader:nth-child(95)::after {
-webkit-animation-delay: 9.9s;
animation-delay: 9.9s;
}
.js-text-loader:nth-child(96) {
-webkit-animation-delay: 9.6s;
animation-delay: 9.6s;
}
.js-text-loader:nth-child(96)::after {
-webkit-animation-delay: 10s;
animation-delay: 10s;
}
.js-text-loader:nth-child(97) {
-webkit-animation-delay: 9.7s;
animation-delay: 9.7s;
}
.js-text-loader:nth-child(97)::after {
-webkit-animation-delay: 10.1s;
animation-delay: 10.1s;
}
.js-text-loader:nth-child(98) {
-webkit-animation-delay: 9.8s;
animation-delay: 9.8s;
}
.js-text-loader:nth-child(98)::after {
-webkit-animation-delay: 10.2s;
animation-delay: 10.2s;
}
.js-text-loader:nth-child(99) {
-webkit-animation-delay: 9.9s;
animation-delay: 9.9s;
}
.js-text-loader:nth-child(99)::after {
-webkit-animation-delay: 10.3s;
animation-delay: 10.3s;
}
.js-text-loader::after {
position: absolute;
top: -2px;
right: -2px;
bottom: -2px;
left: -2px;
display: block;
background: #327bb7;
content: "";
-webkit-transform: scaleX(1);
transform: scaleX(1);
-webkit-transform-origin: center right;
transform-origin: center right;
-webkit-animation: cubic-bezier(0.19, 1, 0.22, 1) 0.4s 0.4s;
animation: cubic-bezier(0.19, 1, 0.22, 1) 0.4s 0.4s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.js-text-loader.is-active {
-webkit-animation-name: text-loader-wrap;
animation-name: text-loader-wrap;
}
.js-text-loader.is-active::after {
-webkit-animation-name: text-loader-mask;
animation-name: text-loader-mask;
}
@-webkit-keyframes text-loader-wrap {
0% {
-webkit-transform: scaleX(0);
transform: scaleX(0);
}
100% {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
}
@keyframes text-loader-wrap {
0% {
-webkit-transform: scaleX(0);
transform: scaleX(0);
}
100% {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
}
@-webkit-keyframes text-loader-mask {
0% {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
100% {
-webkit-transform: scaleX(0);
transform: scaleX(0);
}
}
@keyframes text-loader-mask {
0% {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
100% {
-webkit-transform: scaleX(0);
transform: scaleX(0);
}
} .c-ttl,
.c-sub-ttl {
margin: 0 0 30px;
text-align: center;
}
.c-ttl-main,
.c-sub-ttl-main {
display: -webkit-box;
display: flex;
margin: 0 0 10px;
margin-right: -0.5rem;
font-family: "Lato", "Noto Sans JP", Arial, Helvetica, sans-serif;
font-size: 40px;
font-size: 4rem;
font-weight: 900;
line-height: 1;
color: #327bb7;
letter-spacing: 5px;
letter-spacing: 0.5rem;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
}
.c-ttl-main *,
.c-sub-ttl-main * {
text-indent: 0;
}
@media screen and (max-width: 1024px) {
.c-ttl-main,
.c-sub-ttl-main {
font-size: 30px;
font-size: 3rem;
}
}
@media screen and (max-width: 767px) {
.c-ttl-main,
.c-sub-ttl-main {
font-size: 22px;
font-size: 2.2rem;
}
}
.c-ttl-main.is-ja,
.c-sub-ttl-main.is-ja {
font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}
.c-ttl-main::before, .c-ttl-main::after,
.c-sub-ttl-main::before,
.c-sub-ttl-main::after {
display: block;
width: 200px;
max-width: 100%;
height: 2px;
background: #327bb7;
content: "";
}
.c-ttl-main-txt,
.c-sub-ttl-main-txt {
display: block;
margin-right: -0.5rem;
padding: 0 20px;
}
.c-ttl-main-txt *,
.c-sub-ttl-main-txt * {
text-indent: 0;
}
@media screen and (max-width: 767px) {
.c-ttl-main-txt,
.c-sub-ttl-main-txt {
white-space: nowrap;
}
}
.c-ttl-sub,
.c-sub-ttl-sub {
display: block;
margin-right: -0.2rem;
font-size: 18px;
font-size: 1.8rem;
font-weight: 900;
letter-spacing: 2px;
letter-spacing: 0.2rem;
}
.c-ttl-sub *,
.c-sub-ttl-sub * {
text-indent: 0;
}
@media screen and (max-width: 1024px) {
.c-ttl-sub,
.c-sub-ttl-sub {
font-size: 16px;
font-size: 1.6rem;
}
} .p-not-found {
position: relative;
overflow: hidden;
padding: 120px 0 140px;
text-align: center;
}
@media screen and (max-width: 1024px) {
.p-not-found {
padding: 70px 0 100px;
}
}
.p-not-found-ttl {
margin: 0 0 50px;
font-family: "Lato", "Noto Sans JP", Arial, Helvetica, sans-serif;
font-size: 60px;
font-size: 6rem;
font-weight: 900;
letter-spacing: 10px;
letter-spacing: 1rem;
}
@media screen and (max-width: 1024px) {
.p-not-found-ttl {
margin: 0 0 30px;
}
}
.p-not-found-desc {
margin: 0 0 80px;
font-size: 18px;
font-size: 1.8rem;
line-height: 2;
}
@media screen and (max-width: 1024px) {
.p-not-found-desc {
margin: 0 0 50px;
padding: 0 30px;
font-size: 16px;
font-size: 1.6rem;
line-height: 1.8;
text-align: center;
}
}
@media screen and (max-width: 767px) {
.p-not-found-desc {
text-align: left;
}
}
.p-not-found-desc p:not([class]) {
margin: 0 0 20px;
}
.p-not-found .c-btn {
margin: 40px 0 0;
}
@media screen and (max-width: 767px) {
.p-not-found .c-btn {
margin: 0;
}
}
.p-not-found .c-btn-body {
position: relative;
display: inline-block;
padding: 35px 127px 38px 100px;
border-radius: 100px;
background: #327bb7;
color: #fff;
vertical-align: sub;
}
@media screen and (max-width: 767px) {
.p-not-found .c-btn-body {
width: 92%;
padding: 22px 0px 30px;
}
}
.p-not-found .c-btn-body::after {
border-color: #fff;
}
@media screen and (max-width: 767px) {
.p-not-found .c-btn-body::after {
right: 15px;
}
}
.p-not-found .c-btn-body::before {
border-color: #fff;
}
.p-not-found .c-btn-txt {
display: inline-block;
margin-bottom: -3px;
vertical-align: middle;
}
.p-not-found .c-btn-txt-main {
display: block;
font-family: "Lato", "Noto Sans JP", Arial, Helvetica, sans-serif;
font-size: 32px;
font-size: 3.2rem;
font-weight: 900;
letter-spacing: 6px;
letter-spacing: 0.6rem;
}
@media screen and (max-width: 767px) {
.p-not-found .c-btn-txt-main {
font-size: 19px;
font-size: 1.9rem;
letter-spacing: 2.5px;
letter-spacing: 0.25rem;
}
}
.p-not-found .c-btn-txt-sub {
display: block;
font-size: 14px;
font-size: 1.4rem;
font-weight: 900;
letter-spacing: 2px;
letter-spacing: 0.2rem;
}
@media screen and (max-width: 767px) {
.p-not-found .c-btn-txt-sub {
font-size: 11px;
font-size: 1.1rem;
letter-spacing: 2px;
letter-spacing: 0.2rem;
}
}
.error404 .c-page-headline-ttl-sub .u-text {
margin-right: 0;
letter-spacing: 0;
} .p-access-article {
position: relative;
padding-bottom: 100px;
}
.p-access-article .c-sub-ttl {
margin: 0 0 40px;
}
@media screen and (max-width: 767px) {
.p-access-article .c-sub-ttl {
margin: 0 0 25px;
}
}
.p-access-article .p-picture {
font-size: 0;
}
.p-access-article .p-picture__img {
width: 100%;
height: 100%;
font-family: 'object-fit: cover;';
-o-object-fit: cover;
object-fit: cover; }
@media screen and (max-width: 767px) {
.p-access-article {
padding-bottom: 0;
}
}
.p-access-article-inner {
position: relative;
z-index: 1;
max-width: 1440px;
margin: 0 auto;
}
@media screen and (max-width: 1024px) {
.p-access-article-inner {
padding: 0 40px;
}
}
@media screen and (max-width: 767px) {
.p-access-article-inner {
padding: 0 30px;
}
}
@media screen and (max-width: 374px) {
.p-access-article-inner {
padding: 0 10px;
}
}
.p-access-article-layout {
display: -webkit-box;
display: flex;
padding: 80px 0 0;
}
@media screen and (max-width: 1024px) {
.p-access-article-layout {
display: block;
padding: 40px 0 20px;
}
}
@media screen and (max-width: 767px) {
.p-access-article-layout {
padding: 0px 0 40px;
}
}
.p-access-article-layout .p-index-access-cnt {
width: 100vw;
padding: 0;
}
@media screen and (max-width: 767px) {
.p-access-article-layout .p-index-access-cnt {
width: 100vw;
padding: 16px;
}
}
.p-access-article-section {
width: 100%;
padding: 40px;
}
@media screen and (max-width: 1024px) {
.p-access-article-section {
padding: 20px 40px;
}
}
@media screen and (max-width: 767px) {
.p-access-article-section {
padding: 10px 20px;
}
}
.p-access-article-section:first-child {
box-shadow: -1px 0 0 #ddd inset;
}
@media screen and (max-width: 1024px) {
.p-access-article-section:first-child {
box-shadow: none;
}
}
.p-access-article-section .c-sub-ttl {
margin: 0 0 20px;
}
.p-access-article-section .c-sub-ttl-main {
font-size: 30px;
font-size: 3rem;
color: #327bb7;
}
.p-access-article-section .c-sub-ttl-sub {
font-size: 20px;
font-size: 2rem;
color: #3f3a39;
}
@media screen and (max-width: 767px) {
.p-access-article-section .c-sub-ttl-sub {
font-size: 16px;
font-size: 1.6rem;
}
}
.p-access-article-map {
margin: 0 0 20px;
}
@media screen and (max-width: 767px) {
.p-access-article-map iframe {
height: 200px;
}
}
.p-access-article-desc p:not([class]) {
margin: 0 0 20px;
font-size: 15px;
font-size: 1.5rem;
line-height: 1.8;
} .l-blog {
display: -webkit-box;
display: flex;
max-width: 1000px;
margin: 0 auto;
padding: 100px 40px 80px;
-webkit-box-pack: justify;
justify-content: space-between;
}
@media screen and (max-width: 1024px) {
.l-blog {
padding: 80px 20px 30px;
flex-wrap: wrap;
}
}
@media screen and (max-width: 767px) {
.l-blog {
padding: 100px 20px 30px;
}
}
.l-blog-main {
width: 100%;
}
.l-blog-main .addtoany_shortcode {
margin: 30px 0 30px;
text-align: center;
}
.l-blog-side {
min-width: 300px;
padding: 0 0 0 60px;
}
@media screen and (max-width: 1024px) {
.l-blog-side {
width: 100%;
min-width: auto;
padding: 10px 20px 0;
}
}
.p-blog-categories {
margin: 0 0 40px;
text-align: center;
}
@media screen and (max-width: 767px) {
.p-blog-categories {
margin: 0 0 20px;
}
}
.p-blog-categories-list {
display: -webkit-box;
display: flex;
flex-wrap: wrap;
-webkit-box-align: start;
align-items: flex-start;
-webkit-box-pack: center;
justify-content: center;
}
@media screen and (max-width: 767px) {
.p-blog-categories-list {
display: block;
margin: -20px 0 0;
text-align: center;
}
}
.p-blog-categories-list-item {
padding: 10px;
}
@media screen and (max-width: 767px) {
.p-blog-categories-list-item {
display: inline-block;
padding: 5px;
}
}
.p-blog-categories-list-item-link {
display: block;
padding: 6px 20px;
border-radius: 50px;
background: #327bb7;
color: #fff;
}
_:-ms-fullscreen, :root .p-blog-categories-list-item-link {
padding: 6px 20px 2px;
}
.p-blog-list {
padding: 40px;
background: #fff;
}
@media screen and (max-width: 767px) {
.p-blog-list {
padding: 16px;
}
}
.p-blog-list .c-articles-grid-item {
margin: 0 0 30px;
padding: 0 10px;
}
@media screen and (max-width: 767px) {
.p-blog-list .c-articles-grid-item {
padding: 0;
}
}
.p-blog-list .c-articles-grid-item:last-child .c-article-post {
padding: 0;
border-bottom: 0;
}
.p-blog-list .c-article-post {
padding: 0 0 30px;
border-bottom: 1px solid #327bb7;
box-shadow: none;
}
.p-blog-list .c-article-post-container {
display: -webkit-box;
display: flex;
}
@media screen and (max-width: 767px) {
.p-blog-list .c-article-post-container {
display: block;
}
}
.p-blog-list .c-article-post-thumb {
width: 264px;
height: 160px;
}
.p-blog-list .c-article-post-thumb img {
display: none;
}
@media screen and (max-width: 767px) {
.p-blog-list .c-article-post-thumb {
width: 100%;
height: 60%;
}
}
@media screen and (max-width: 767px) {
.p-blog-list .c-article-post-text {
padding: 15px 0 0;
}
}
@media screen and (max-width: 767px) {
.p-blog-list .c-article-post-text::after {
display: none;
}
}
.p-blog-list .c-article-post-more {
display: none;
} .l-course-single-main {
max-width: 100%;
margin: 0 auto;
}
.l-course-single-main .c-article {
max-width: 1000px;
margin: 0 auto;
}
.l-course-single-main .addtoany_share_save_container {
margin: 30px 0;
text-align: center;
}
.p-menu-contents > p:only-child {
padding: 30px 16px;
text-align: center;
}
@media screen and (max-width: 1024px) {
.p-menu-contents__list {
padding: 0px 15px 60px;
}
}
@media screen and (max-width: 767px) {
.p-menu-contents__list {
padding: 0px 16px;
}
}
.p-menu-contents__list__item {
overflow: hidden;
margin-bottom: 40px;
background: #fff;
}
.p-menu-contents__list__item .c-entry-btn {
position: relative;
top: auto;
right: auto;
bottom: auto;
left: auto;
float: right;
padding: 20px 95px 20px 0;
-webkit-transform: none;
transform: none;
}
.p-menu-contents__list__item .c-entry-btn-txt::after {
right: 0;
}
@media screen and (max-width: 1024px) {
.p-menu-contents__list__item .c-entry-btn-txt::after {
right: 0;
}
}
.p-menu-contents__list__item .c-entry-btn-txt::before {
right: 30px;
}
@media screen and (max-width: 1024px) {
.p-menu-contents__list__item .c-entry-btn-txt::before {
right: 20px;
}
}
@media screen and (max-width: 1024px) {
.p-menu-contents__list__item .c-entry-btn-txt {
padding: 0px 0px 0 10px;
}
}
@media screen and (max-width: 1024px) {
.p-menu-contents__list__item .c-entry-btn {
padding: 15px 0px 21px 0;
}
}
.p-menu-content-ttl {
position: relative;
padding-bottom: 10px;
font-size: 30px;
font-size: 3rem;
font-weight: bold;
color: #327bb7;
letter-spacing: 4.5px;
letter-spacing: 0.45rem;
}
@media screen and (max-width: 1024px) {
.p-menu-content-ttl {
font-size: 24px;
font-size: 2.4rem;
}
}
@media screen and (max-width: 767px) {
.p-menu-content-ttl {
font-size: 17px;
font-size: 1.7rem;
}
}
.p-menu-content-ttl::after {
position: absolute;
bottom: 0;
left: 0;
display: block;
width: 100%;
height: 5px;
border-top: 3px solid #327bb7;
border-bottom: 1px solid #327bb7;
content: "";
}
.p-menu-content__list__wrapper {
overflow: hidden;
padding: 60px 80px;
}
@media screen and (max-width: 1024px) {
.p-menu-content__list__wrapper {
padding: 7vw;
}
}
@media screen and (max-width: 767px) {
.p-menu-content__list__wrapper {
padding: 35px 16px;
}
}
.p-menu-content__list__item {
display: -webkit-box;
display: flex;
padding: 1.5em 0;
border-bottom: 1px solid #327bb7;
font-size: 16px;
font-size: 1.6rem;
line-height: 2;
letter-spacing: 2.4px;
letter-spacing: 0.24rem;
}
@media screen and (max-width: 1024px) {
.p-menu-content__list__item {
font-size: 15px;
font-size: 1.5rem;
}
}
@media screen and (max-width: 767px) {
.p-menu-content__list__item {
font-size: 14px;
font-size: 1.4rem;
}
}
@media screen and (max-width: 767px) {
.p-menu-content__list__item {
display: block;
}
}
.p-menu-content__list__item.u-border-none {
border: 0;
}
.p-menu-content__list__item:last-child {
border-bottom: 0;
}
.p-menu-content__list__item-picture {
font-size: 0;
}
.p-menu-content__list__item-ttl {
width: 175px;
font-weight: bold;
}
.p-menu-content__list__item-txt {
-webkit-box-flex: 1;
flex: 1 1;
}
.p-menu-content__list__item--schedule {
display: block;
}
.p-menu-content__list__item--schedule .p-menu-content__list__item-ttl {
margin-bottom: 15px;
}
.p-menu-content__list__item .c-cal {
position: relative;
width: 100%;
}
.p-menu-content__list__item .c-cal::after {
display: block;
width: 100%;
height: 0;
padding-top: 71.42%;
content: "";
}
@media screen and (max-width: 767px) {
.p-menu-content__list__item .c-cal::after {
padding-top: 130%;
}
}
.p-menu-content__list__item .c-cal iframe {
position: absolute;
top: 0;
left: 0;
}
.p-course-navi {
max-width: 1000px;
margin: 0 auto;
text-align: center;
letter-spacing: -1rem;
}
.p-course-navi-area {
margin-bottom: 80px;
padding: 80px 0px;
background: #c4e2fb;
}
@media screen and (max-width: 1024px) {
.p-course-navi-area {
padding: 80px 16px;
}
}
@media screen and (max-width: 767px) {
.p-course-navi-area {
margin-bottom: 40px;
padding: 40px 16px;
}
}
.p-course-navi-item {
display: inline-block;
width: 485px;
margin-right: 30px;
}
.p-course-navi-item:nth-child(even), .p-course-navi-item:last-child {
margin-right: 0;
}
.p-course-navi-item:nth-child(n + 2) {
margin-bottom: 30px;
}
@media screen and (max-width: 1024px) {
.p-course-navi-item {
width: 100%;
margin-right: 0px;
margin-bottom: 2em;
}
}
@media screen and (max-width: 1024px) {
.p-course-navi-item:last-child {
margin-bottom: 0;
}
}
.p-course-navi-cnt {
position: relative;
z-index: 1;
padding: 15px;
background: #fff;
text-align: left;
}
.p-course-navi-cnt-ttl {
margin: 1em 0;
font-size: 20px;
font-size: 2rem;
font-weight: 900;
color: #327bb7;
letter-spacing: 4px;
letter-spacing: 0.4rem;
}
@media screen and (max-width: 767px) {
.p-course-navi-cnt-ttl {
font-size: 17px;
font-size: 1.7rem;
letter-spacing: 2px;
letter-spacing: 0.2rem;
}
}
.p-course-navi-cnt-desc {
margin: 0 0 10px;
line-height: 2;
text-align: left;
letter-spacing: 2px;
letter-spacing: 0.2rem;
}
@media screen and (max-width: 767px) {
.p-course-navi-cnt-desc {
letter-spacing: 1.5px;
letter-spacing: 0.15rem;
}
}
.p-course-navi-more {
text-align: right;
}
.p-course-navi-more-link {
display: inline-block;
padding: 10px 80px 15px 0;
font-weight: 900;
color: #327bb7;
letter-spacing: 2px;
letter-spacing: 0.2rem;
}
.p-course-navi-more-link::after {
right: 5px;
width: 49px;
height: 49px;
}
.p-course-navi-more-link::before {
right: 30px;
width: 56px;
height: 9px;
margin-top: -12px;
}
@media screen and (max-width: 1024px) {
.p-course-navi-more-link::after {
margin-top: -31px;
}
}
.p-course-navi-more-link-txt {
display: inline-block;
margin: 0 10px 0 0;
vertical-align: sub;
} .p-cource-articles {
padding: 100px 0 0px;
}
@media screen and (max-width: 767px) {
.p-cource-articles {
padding: 100px 0 30px;
}
}
.p-cource-articles .c-article {
margin-bottom: 50px;
} .p-entry {
max-width: 1000px;
margin: 0 auto;
}
.p-entry-articles {
padding: 30px 16px 0;
}
@media screen and (max-width: 1024px) {
.p-entry-articles {
padding: 70px 16px 0;
}
}
@media screen and (max-width: 767px) {
.p-entry-articles {
padding: 30px 16px 0;
}
} .p-main-visual {
position: relative;
z-index: 2;
text-align: center;
}
.p-main-visual-copy {
position: absolute;
z-index: 1;
top: 42%;
right: 0;
left: 0;
color: #fff;
text-align: center;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
@media screen and (max-width: 1024px) {
.p-main-visual-copy {
margin: 0;
-webkit-transform: translateY(-40%);
transform: translateY(-40%);
}
}
@media screen and (max-width: 1024px) {
.p-main-visual-copy {
-webkit-transform: translateY(-60%);
transform: translateY(-60%);
}
}
.p-main-visual-copy-inner {
display: inline-block;
margin: 0 auto;
}
.p-main-visual-copy-ttl {
margin: 0 -1.5vw 1% 0;
font-family: "Lato", "Noto Sans JP", Arial, Helvetica, sans-serif;
font-size: 7vw;
font-weight: 900;
line-height: 1.8;
letter-spacing: 1.5vw;
}
@media screen and (max-width: 1024px) {
.p-main-visual-copy-ttl {
font-size: 8vw;
line-height: 1.5;
letter-spacing: 1.2vw;
}
}
@media screen and (max-width: 767px) {
.p-main-visual-copy-ttl {
font-size: 9.7vw;
line-height: 1.5;
letter-spacing: 0.8vw;
}
}
.p-main-visual-copy-sub {
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
}
.p-main-visual-copy-sub::before, .p-main-visual-copy-sub::after {
display: block;
width: 100%;
height: 6px;
border-top: 3px solid #fff;
border-bottom: 1px solid #fff;
content: "";
}
.p-main-visual-copy-sub-txt {
padding: 0 0 0 1.5vw;
font-size: 3.3vw;
white-space: nowrap;
letter-spacing: 1.5vw;
}
@media screen and (max-width: 1024px) {
.p-main-visual-copy-sub-txt {
margin: 1% 2%;
font-size: 3.6vw;
font-weight: bold;
letter-spacing: 1.5vw;
}
}
@media screen and (max-width: 767px) {
.p-main-visual-copy-sub-txt {
font-size: 4.687vw;
}
}
.p-main-visual-slide {
position: relative;
z-index: 0;
}
.p-main-visual-slide-img {
overflow: hidden;
max-height: 90vh;
background: no-repeat center;
background-size: cover;
}
@media screen and (max-width: 767px) {
.p-main-visual-slide-img {
display: none;
}
}
.p-main-visual-slide-img-mobile {
display: none;
}
@media screen and (max-width: 767px) {
.p-main-visual-slide-img-mobile {
display: block;
}
}
.p-main-visual-slide-img::before {
display: block;
padding: 60% 0 0;
background: rgba(63, 58, 57, 0.3);
content: "";
}
@media screen and (max-width: 1024px) {
.p-main-visual-slide-img::before {
padding: 78.25% 0 0;
}
}
@media screen and (max-width: 767px) {
.p-main-visual .c-kv-bnr {
top: 66%;
}
}
@media screen and (max-width: 767px) {
.p-main-visual .c-kv-bnr-txt {
background-color: rgba(255, 255, 255, 0.75);
}
} .p-index-blog {
z-index: 1;
}
.p-index-blog-article {
display: -webkit-box;
display: flex;
}
@media screen and (max-width: 1024px) {
.p-index-blog-article {
padding: 0px;
}
}
@media screen and (max-width: 767px) {
.p-index-blog-article {
display: block;
}
}
.p-index-blog-ttl {
position: relative;
width: 200px;
background: #c4e2fb;
text-align: center;
}
@media screen and (max-width: 767px) {
.p-index-blog-ttl {
width: 100%;
padding: 20px 0 14px;
}
}
.p-index-blog-ttl-txt {
position: absolute;
top: 50%;
right: 0;
left: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
.p-index-blog-ttl-txt {
position: relative;
top: auto;
right: auto;
left: auto;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
.p-index-blog-ttl-txt-main {
display: block;
font-family: "Lato", "Noto Sans JP", Arial, Helvetica, sans-serif;
font-size: 30px;
font-size: 3rem;
font-weight: 900;
color: #327bb7;
letter-spacing: 6px;
letter-spacing: 0.6rem;
}
@media screen and (max-width: 767px) {
.p-index-blog-ttl-txt-main {
font-size: 24px;
font-size: 2.4rem;
letter-spacing: 4px;
letter-spacing: 0.4rem;
}
}
.p-index-blog-ttl-txt-sub {
display: block;
font-size: 18px;
font-size: 1.8rem;
font-weight: 900;
letter-spacing: 3px;
letter-spacing: 0.3rem;
}
@media screen and (max-width: 767px) {
.p-index-blog-ttl-txt-sub {
font-size: 14px;
font-size: 1.4rem;
letter-spacing: 2px;
letter-spacing: 0.2rem;
}
}
.p-index-blog-cnt {
width: calc(100% - 200px);
padding: 80px 30px 40px 40px;
}
@media screen and (max-width: 767px) {
.p-index-blog-cnt {
width: 100%;
padding: 25px 16px;
}
}
.p-index-blog-item {
margin: 0 0 15px;
}
.p-index-blog-item-link {
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
}
@media screen and (max-width: 767px) {
.p-index-blog-item-link {
display: block;
}
}
.p-index-blog-item-info {
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
}
.p-index-blog-item-date {
padding-right: 10px;
font-family: "Lato", "Noto Sans JP", Arial, Helvetica, sans-serif;
font-size: 15px;
font-size: 1.5rem;
font-weight: 900;
color: #5e5e5e;
letter-spacing: 3px;
letter-spacing: 0.3rem;
}
@media screen and (max-width: 767px) {
.p-index-blog-item-date {
font-size: 13px;
font-size: 1.3rem;
letter-spacing: 1px;
letter-spacing: 0.1rem;
}
}
.p-index-blog-item-category {
display: -webkit-box;
display: flex;
margin: 0 10px 0 0;
-webkit-box-align: center;
align-items: center;
}
.p-index-blog-item-category-item {
padding: 5px 10px;
border-radius: 50px;
background: #327bb7;
font-size: 12px;
font-size: 1.2rem;
color: #fff;
letter-spacing: 2px;
letter-spacing: 0.2rem;
}
@media screen and (max-width: 767px) {
.p-index-blog-item-category-item {
padding: 2px 10px;
}
}
.p-index-blog-item-ttl {
font-size: 15px;
font-size: 1.5rem;
font-weight: 900;
letter-spacing: 3px;
letter-spacing: 0.3rem;
flex: 1;
}
@media screen and (max-width: 767px) {
.p-index-blog-item-ttl {
font-size: 15px;
font-size: 1.5rem;
letter-spacing: 2px;
letter-spacing: 0.2rem;
}
}
@media screen and (max-width: 767px) {
.p-index-blog-item-ttl {
padding: 8px 0 0;
}
}
.p-index-blog-more {
text-align: right;
}
.p-index-blog-more-link {
display: inline-block;
padding: 20px 95px 14px 0;
font-weight: 900;
color: #327bb7;
letter-spacing: 2px;
letter-spacing: 0.2rem;
}
.p-index-blog-more-link-txt {
display: inline-block;
margin: 0 10px 0 0;
vertical-align: sub;
}
.p-index-blog-more-link::after {
right: 0;
}
@media screen and (max-width: 1024px) {
.p-index-blog-more-link::after {
right: 0px;
width: 37px;
height: 37px;
margin-top: -22px;
}
}
.p-index-blog-more-link::before {
right: 30px;
}
@media screen and (max-width: 1024px) {
.p-index-blog-more-link::before {
right: 20px;
width: 42px;
height: 8px;
margin-top: -8px;
}
}
@media screen and (max-width: 1024px) {
.p-index-blog-more-link {
padding: 8px 60px 11px 0;
}
} .p-index-about {
position: relative;
display: -webkit-box;
display: flex;
background: #c4e2fb;
}
@media screen and (max-width: 1024px) {
.p-index-about {
flex-wrap: wrap;
}
}
.p-index-about-bg {
width: 33.333%;
background: no-repeat center;
background-size: cover;
-webkit-box-ordinal-group: 3;
order: 2;
}
@media screen and (max-width: 1024px) {
.p-index-about-bg {
width: 50%;
max-width: 50%;
padding-bottom: 50%;
-webkit-box-ordinal-group: 3;
order: 2;
}
}
.p-index-about-bg:first-child {
-webkit-box-ordinal-group: 2;
order: 1;
}
.p-index-about-bg.is-count-1 {
position: absolute;
z-index: 0;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
background: no-repeat center top;
background-size: cover;
}
@media screen and (max-width: 1024px) {
.p-index-about-bg.is-count-1 {
position: relative;
max-width: 100%;
padding-bottom: 60%;
}
}
.p-index-about-bg-img {
display: none;
}
@media screen and (max-width: 1024px) {
.p-index-about-bg:first-child {
-webkit-box-ordinal-group: 2;
order: 1;
}
}
.p-index-about-article {
position: relative;
z-index: 1;
width: 100%;
max-width: 500px;
margin: 0 auto;
padding: 70px 40px;
background: #c4e2fb;
-webkit-box-ordinal-group: 2;
order: 1;
}
@media screen and (max-width: 1024px) {
.p-index-about-article {
width: 100%;
max-width: 640px;
padding: 40px 15px;
-webkit-box-ordinal-group: 4;
order: 3;
}
}
@media screen and (max-width: 767px) {
.p-index-about-article {
padding: 35px 16px;
}
}
.p-index-about-ttl-main {
display: block;
font-size: 20px;
font-size: 2rem;
font-weight: 900;
color: #327bb7;
letter-spacing: 4px;
letter-spacing: 0.4rem;
}
@media screen and (max-width: 767px) {
.p-index-about-ttl-main {
font-size: 17px;
font-size: 1.7rem;
letter-spacing: 1.5px;
letter-spacing: 0.15rem;
}
}
.p-index-about-ttl-sub {
display: block;
margin: 0 0 20px;
font-size: 30px;
font-size: 3rem;
font-weight: 900;
letter-spacing: 6px;
letter-spacing: 0.6rem;
}
@media screen and (max-width: 767px) {
.p-index-about-ttl-sub {
font-size: 24px;
font-size: 2.4rem;
letter-spacing: 0.3em;
}
}
.p-index-about-desc p:not([class]) {
margin: 0 0 20px;
line-height: 2;
text-align: left;
letter-spacing: 2px;
letter-spacing: 0.2rem;
}
@media screen and (max-width: 767px) {
.p-index-about-desc p:not([class]) {
letter-spacing: 1.5px;
letter-spacing: 0.15rem;
}
}
@media screen and (max-width: 767px) {
.p-index-about-desc p:not([class]) {
margin: 0 0 10px;
}
} .p-index-course {
position: relative;
padding: 25px 0;
text-align: center;
}
@media screen and (max-width: 767px) {
.p-index-course {
padding: 20px 0;
}
}
@media screen and (max-width: 767px) {
.p-index-course .c-ttl {
margin: 0 0 30px;
}
}
.p-index-course-item {
position: relative;
max-width: 1000px;
margin: 0 auto 60px;
text-align: center;
}
@media screen and (max-width: 767px) {
.p-index-course-item {
margin: 0 auto 30px;
}
}
.p-index-course-item:last-child {
margin: 0 auto 20px;
}
@media screen and (max-width: 767px) {
.p-index-course-item:last-child {
margin: 0 auto;
}
}
.p-index-course-item-body {
display: block;
text-align: right;
}
@media screen and (max-width: 767px) {
.p-index-course-item-body {
text-align: center;
}
}
.p-index-course-bg {
z-index: 0;
background: no-repeat center;
background-size: cover;
}
.p-index-course-bg::before {
display: block;
padding: 56% 0 0;
content: "";
}
.p-index-course-bg-img {
display: none;
}
.p-index-course-cnt {
position: relative;
z-index: 1;
display: inline-block;
width: 56%;
margin: -120% 5% 0 0;
padding: 40px;
background: #fff;
text-align: left;
}
@media screen and (max-width: 767px) {
.p-index-course-cnt {
width: calc(100% - 32px);
margin: -10% 16px 0;
padding: 25px 20px;
}
}
.p-index-course-cnt-ttl {
margin: 0 0 20px;
font-size: 30px;
font-size: 3rem;
font-weight: 900;
color: #327bb7;
letter-spacing: 4px;
letter-spacing: 0.4rem;
}
@media screen and (max-width: 767px) {
.p-index-course-cnt-ttl {
margin: 0 0 10px;
}
}
@media screen and (max-width: 767px) {
.p-index-course-cnt-ttl {
font-size: 19px;
font-size: 1.9rem;
letter-spacing: 2px;
letter-spacing: 0.2rem;
}
}
.p-index-course-cnt-desc {
margin: 0 0 10px;
line-height: 2;
text-align: left;
letter-spacing: 2px;
letter-spacing: 0.2rem;
}
@media screen and (max-width: 767px) {
.p-index-course-cnt-desc {
letter-spacing: 1.5px;
letter-spacing: 0.15rem;
}
}
@media screen and (max-width: 767px) {
.p-index-course-cnt-desc {
line-height: 1.8;
}
}
.p-index-course-more {
text-align: right;
}
.p-index-course-more-link {
position: relative;
display: inline-block;
padding: 20px 95px 14px 0;
font-weight: 900;
color: #327bb7;
letter-spacing: 2px;
letter-spacing: 0.2rem;
}
.p-index-course-more-link::after {
right: 0;
}
@media screen and (max-width: 1024px) {
.p-index-course-more-link::after {
right: 0px;
width: 37px;
height: 37px;
margin-top: -22px;
}
}
.p-index-course-more-link::before {
right: 30px;
}
@media screen and (max-width: 1024px) {
.p-index-course-more-link::before {
right: 20px;
width: 42px;
height: 8px;
margin-top: -8px;
}
}
@media screen and (max-width: 1024px) {
.p-index-course-more-link {
padding: 8px 56px 11px 0;
}
}
.p-index-course-more-link-txt {
display: inline-block;
margin: 0 10px 0 0;
vertical-align: sub;
} .p-index-lecturer,
.p-index-voice {
position: relative;
padding: 40px 0;
text-align: center;
}
@media screen and (max-width: 767px) {
.p-index-lecturer,
.p-index-voice {
padding: 20px 0;
}
}
@media screen and (max-width: 767px) {
.p-index-lecturer .c-ttl,
.p-index-voice .c-ttl {
margin: 0 0 25px;
}
}
.p-index-lecturer-item,
.p-index-voice-item {
position: relative;
max-width: 1000px;
margin: 0 auto 60px;
background: #fff;
text-align: center;
}
@media screen and (max-width: 767px) {
.p-index-lecturer-item,
.p-index-voice-item {
margin: 0 auto;
}
}
.p-index-lecturer-item:last-child,
.p-index-voice-item:last-child {
margin: 0 auto;
}
.p-index-lecturer-item-body,
.p-index-voice-item-body {
display: block;
}
.p-index-lecturer-bg,
.p-index-voice-bg {
z-index: 0;
background: no-repeat center;
background-size: cover;
}
.p-index-lecturer-bg::before,
.p-index-voice-bg::before {
display: block;
padding: 56% 0 0;
content: "";
}
.p-index-lecturer-bg-img,
.p-index-voice-bg-img {
display: none;
}
.p-index-lecturer-cnt,
.p-index-voice-cnt {
position: relative;
z-index: 1;
max-width: 640px;
margin: 0 auto;
padding: 50px 40px;
}
@media screen and (max-width: 767px) {
.p-index-lecturer-cnt,
.p-index-voice-cnt {
padding: 30px;
}
}
@media screen and (max-width: 767px) {
.p-index-lecturer-cnt,
.p-index-voice-cnt {
font-size: 14px;
font-size: 1.4rem;
letter-spacing: 1.5px;
letter-spacing: 0.15rem;
}
}
.p-index-lecturer-cnt-desc,
.p-index-voice-cnt-desc {
margin: 0 0 10px;
line-height: 2;
text-align: left;
letter-spacing: 2px;
letter-spacing: 0.2rem;
}
@media screen and (max-width: 767px) {
.p-index-lecturer-cnt-desc,
.p-index-voice-cnt-desc {
margin: 0 0 15px;
}
}
.p-index-lecturer-more,
.p-index-voice-more {
text-align: right;
}
.p-index-lecturer-more-link,
.p-index-voice-more-link {
position: relative;
display: inline-block;
padding: 20px 95px 14px 0;
font-weight: 900;
color: #327bb7;
letter-spacing: 2px;
letter-spacing: 0.2rem;
}
.p-index-lecturer-more-link::after,
.p-index-voice-more-link::after {
right: 0;
}
@media screen and (max-width: 1024px) {
.p-index-lecturer-more-link::after,
.p-index-voice-more-link::after {
right: 0px;
width: 37px;
height: 37px;
margin-top: -22px;
}
}
.p-index-lecturer-more-link::before,
.p-index-voice-more-link::before {
right: 30px;
}
@media screen and (max-width: 1024px) {
.p-index-lecturer-more-link::before,
.p-index-voice-more-link::before {
right: 20px;
width: 42px;
height: 8px;
margin-top: -8px;
}
}
@media screen and (max-width: 1024px) {
.p-index-lecturer-more-link,
.p-index-voice-more-link {
padding: 8px 60px 11px 0;
}
}
.p-index-lecturer-more-link-txt,
.p-index-voice-more-link-txt {
display: inline-block;
margin: 0 10px 0 0;
vertical-align: sub;
} .p-index-recipe {
position: relative;
padding: 40px;
text-align: center;
}
@media screen and (max-width: 1024px) {
.p-index-recipe {
padding: 20px;
}
}
@media screen and (max-width: 767px) {
.p-index-recipe {
padding: 20px 0;
}
}
@media screen and (max-width: 767px) {
.p-index-recipe .c-ttl {
margin: 0 0 20px;
}
}
.p-index-recipe-cnt {
max-width: 1440px;
margin: 0 auto;
text-align: left;
}
@media screen and (max-width: 767px) {
.p-index-recipe-cnt {
padding: 0 10px;
}
}
@media screen and (max-width: 767px) {
.p-index-recipe .c-articles-grid-item:last-child {
margin: 0;
}
}
.p-index-recipe .c-article-post {
padding: 10px;
}
@media screen and (max-width: 767px) {
.p-index-recipe .c-article-post {
padding: 16px;
}
}
.p-index-recipe .c-article-post-text {
padding: 20px 10px;
}
@media screen and (max-width: 767px) {
.p-index-recipe .c-article-post-text {
text-align: left;
}
}
@media screen and (max-width: 767px) {
.p-index-recipe .c-article-post-text {
font-size: 14px;
font-size: 1.4rem;
letter-spacing: 1.5px;
letter-spacing: 0.15rem;
}
}
.p-index-recipe .c-article-post-text::after {
display: none;
}
.p-index-recipe .c-article-post-cat, .p-index-recipe .c-article-post-date, .p-index-recipe .c-article-post-more {
display: none;
}
.p-index-recipe .c-article-post-ttl {
color: #327bb7;
letter-spacing: 2px;
letter-spacing: 0.2rem;
}
@media screen and (max-width: 767px) {
.p-index-recipe .c-article-post-ttl {
font-size: 17px;
font-size: 1.7rem;
letter-spacing: 1.5px;
letter-spacing: 0.15rem;
}
}
.p-index-recipe-more {
padding: 20px 0 0;
text-align: right;
}
@media screen and (max-width: 767px) {
.p-index-recipe-more {
padding: 0 10px;
}
}
.p-index-recipe-more-link {
position: relative;
display: inline-block;
padding: 20px 95px 14px 0;
font-weight: 900;
color: #327bb7;
letter-spacing: 2px;
letter-spacing: 0.2rem;
}
.p-index-recipe-more-link::after {
right: 0;
}
@media screen and (max-width: 1024px) {
.p-index-recipe-more-link::after {
right: 0px;
width: 37px;
height: 37px;
margin-top: -22px;
}
}
.p-index-recipe-more-link::before {
right: 30px;
}
@media screen and (max-width: 1024px) {
.p-index-recipe-more-link::before {
right: 20px;
width: 42px;
height: 8px;
margin-top: -8px;
}
}
@media screen and (max-width: 1024px) {
.p-index-recipe-more-link {
padding: 8px 60px 11px 0;
}
}
.p-index-recipe-more-link-txt {
display: inline-block;
margin: 0 10px 0 0;
vertical-align: sub;
} .p-index-gallery {
position: relative;
margin: 0 0 25px;
padding: 25px 0 0;
}
.p-index-gallery-slide .bx-wrapper {
max-width: 100% !important;
}
.p-index-gallery-slide-slider.is-disabled {
display: -webkit-box;
display: flex;
}
.p-index-gallery-slide-item {
width: 100%;
}
.p-index-gallery-slide-img {
background: no-repeat center;
background-size: cover;
}
.p-index-gallery-slide-img::before {
display: block;
padding: 70% 0 0;
background: #454545;
content: "";
opacity: .2;
}
.p-index-gallery-slide-img-pic {
display: none;
} .p-index-access {
position: relative;
padding: 60px 0;
}
@media screen and (max-width: 1024px) {
.p-index-access {
padding: 60px 0 0;
}
}
@media screen and (max-width: 767px) {
.p-index-access {
padding: 30px 0 10px;
}
}
.p-index-access-cnt {
display: -webkit-box;
display: flex;
padding: 20px 0;
}
@media screen and (max-width: 1024px) {
.p-index-access-cnt {
display: block;
padding: 0px 20px;
}
}
.p-index-access-map {
width: 100%;
}
.p-index-access-map iframe{
height: 940px;
}
@media screen and (max-width: 1024px) {
.p-index-access-map {
position: relative;
margin-bottom: 0.5em;
}
}
@media screen and (max-width: 1024px) {
.p-index-access-map:after {
top: 0;
left: 0;
display: block;
width: 100%;
height: 0;
padding-bottom: 60%;
content: "";
}
}
@media screen and (max-width: 767px) {
.p-index-access-map:after {
padding-bottom: 100%;
}
}
@media screen and (max-width: 1024px) {
.p-index-access-map iframe {
position: absolute;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
}
}
.p-index-access-data {
width: 100%;
padding: 40px 100px;
}
@media screen and (max-width: 1024px) {
.p-index-access-data {
padding: 40px 60px;
}
}
@media screen and (max-width: 767px) {
.p-index-access-data {
padding: 0;
}
}
.p-index-access-info {
display: table;
width: 100%;
}
@media screen and (max-width: 767px) {
.p-index-access-info {
display: block;
}
}
.p-index-access-info-row {
position: relative;
display: table-row;
}
@media screen and (max-width: 767px) {
.p-index-access-info-row {
display: block;
}
}
.p-index-access-info-row:last-child .p-index-access-info-ttl,
.p-index-access-info-row:last-child .p-index-access-info-desc {
border-bottom: none;
}
.p-index-access-info-ttl, .p-index-access-info-desc {
display: table-cell;
padding: 28px 0;
border-bottom: 1px solid #327bb7;
letter-spacing: 2px;
letter-spacing: 0.2rem;
}
@media screen and (max-width: 767px) {
.p-index-access-info-ttl, .p-index-access-info-desc {
display: block;
}
}
.p-index-access-info-ttl {
padding: 0 40px 0 0;
font-weight: 900;
white-space: nowrap;
}
@media screen and (max-width: 767px) {
.p-index-access-info-ttl {
padding: 1.2em 0 0 0;
border-bottom: 0;
}
}
.p-index-access-info-desc {
line-height: 2;
text-align: left;
}
@media screen and (max-width: 767px) {
.p-index-access-info-desc {
padding: 0.6em 0 1em;
}
}
.p-index-access-info-btn {
margin: 20px 0 0;
}
.p-index-access-info-btn-body {
display: inline-block;
padding: 10px 15px;
border: 1px solid #454545;
line-height: 1;
}
.p-index-access-info-btn-icon, .p-index-access-info-btn-txt {
vertical-align: middle;
}
.p-index-access-info-btn-txt {
font-size: 12px;
font-size: 1.2rem;
font-weight: 900;
letter-spacing: 1px;
letter-spacing: 0.1rem;
}
_:-ms-fullscreen, :root .p-index-access-info-btn-txt {
display: inline-block;
padding-top: 5px;
}
.p-index-access-more {
padding: 20px 0;
text-align: right;
}
.p-index-access-more-link {
position: relative;
display: inline-block;
padding: 20px 95px 14px 0;
font-weight: 900;
color: #327bb7;
letter-spacing: 2px;
letter-spacing: 0.2rem;
}
.p-index-access-more-link::after {
right: 0;
}
@media screen and (max-width: 1024px) {
.p-index-access-more-link::after {
right: 0px;
width: 37px;
height: 37px;
margin-top: -22px;
}
}
.p-index-access-more-link::before {
right: 30px;
}
@media screen and (max-width: 1024px) {
.p-index-access-more-link::before {
right: 20px;
width: 42px;
height: 8px;
margin-top: -8px;
}
}
@media screen and (max-width: 1024px) {
.p-index-access-more-link {
padding: 8px 60px 11px 0;
}
}
.p-index-access-more-link-txt {
display: inline-block;
margin: 0 10px 0 0;
vertical-align: sub;
} .p-lecturer {
max-width: 1000px;
margin: 0 auto 80px;
padding: 0;
background: #fff;
}
.p-lecturer:last-child {
margin: 0 auto;
}
@media screen and (max-width: 767px) {
.p-lecturer {
margin: 0 auto 40px;
}
}
.p-lecturer-articles {
padding: 100px 16px 80px;
}
@media screen and (max-width: 767px) {
.p-lecturer-articles {
padding: 100px 16px 30px;
}
}
.p-lecturer-bg {
z-index: 0;
background: no-repeat center top;
background-size: cover;
}
.p-lecturer-bg::before {
display: block;
padding: 50% 0 0;
content: "";
}
.p-lecturer-bg-img {
display: none;
}
.p-lecturer-content {
padding: 50px 80px;
}
@media screen and (max-width: 767px) {
.p-lecturer-content {
padding: 30px 16px;
}
}
.p-lecturer-list__item {
padding: 25px 0;
border-bottom: 1px solid #e2f1fd;
}
.p-lecturer-list__item:last-child {
border-bottom: 0;
}
.p-lecturer-list__item-dl {
display: -webkit-box;
display: flex;
line-height: 2;
}
.p-lecturer-list__item-dt {
width: 180px;
font-weight: bold;
}
.p-lecturer-list__item-dd {
-webkit-box-flex: 1;
flex: 1 1;
}
.p-lecturer-list__item-dd p:not([class]) {
margin-bottom: 1em;
}
@media screen and (max-width: 767px) {
.p-lecturer-list__item-dl {
display: block;
}
.p-lecturer-list__item-dt {
width: auto;
margin-bottom: 0.5em;
}
.p-lecturer-list__item-dd {
display: block;
}
}
.p-lecturer-ttl {
font-size: 30px;
font-size: 3rem;
font-weight: bold;
color: #327bb7;
letter-spacing: 4.5px;
letter-spacing: 0.45rem;
}
.p-lecturer-ttl-sub {
font-size: 16px;
font-size: 1.6rem;
letter-spacing: 2.4px;
letter-spacing: 0.24rem;
}
@media screen and (max-width: 767px) {
.p-lecturer-ttl-sub {
font-size: 13px;
font-size: 1.3rem;
}
}
@media screen and (max-width: 767px) {
.p-lecturer-ttl {
font-size: 20px;
font-size: 2rem;
}
}
.p-lecturer-ttl::after {
display: block;
width: 100%;
height: 6px;
margin-top: 0px;
border-top: 3px solid #327bb7;
border-bottom: 1px solid #327bb7;
content: "";
} .p-recipe-article {
padding: 100px 0 80px;
}
@media screen and (max-width: 1024px) {
.p-recipe-article {
padding: 100px 16px 70px;
}
}
@media screen and (max-width: 767px) {
.p-recipe-article {
padding: 100px 0 70px;
}
} .l-recipe-single .c-recipe {
font-size: 16px;
font-size: 1.6rem;
letter-spacing: 2.4px;
letter-spacing: 0.24rem;
}
@media screen and (max-width: 767px) {
.l-recipe-single .c-recipe {
font-size: 14px;
font-size: 1.4rem;
}
}
.l-recipe-single .c-recipe-section:last-child .c-recipe-content {
margin: 0;
}
.l-recipe-single .c-recipe-ttl {
padding-bottom: 20px;
font-size: 20px;
font-size: 2rem;
font-weight: bold;
color: #327bb7;
letter-spacing: 2.4px;
letter-spacing: 0.24rem;
}
@media screen and (max-width: 767px) {
.l-recipe-single .c-recipe-ttl {
padding-bottom: 1em;
font-size: 16px;
font-size: 1.6rem;
}
}
.l-recipe-single .c-recipe-desc {
padding-bottom: 50px;
}
@media screen and (max-width: 767px) {
.l-recipe-single .c-recipe-desc {
padding-bottom: 30px;
}
}
.l-recipe-single .c-recipe--material {
max-width: 640px;
margin: 0 auto 60px;
padding: 40px 60px;
border: 1px solid #327bb7;
}
@media screen and (max-width: 767px) {
.l-recipe-single .c-recipe--material {
margin: 0 auto 30px;
padding: 20px;
}
}
.l-recipe-single .c-recipe--material__list, .l-recipe-single .c-recipe--material__sublist {
margin: 0px 0 0;
padding: 0;
}
.l-recipe-single .c-recipe--material__list__item, .l-recipe-single .c-recipe--material__sublist__item {
padding: 15px 0;
border-bottom: 1px solid #e2f1fd;
}
@media screen and (max-width: 767px) {
.l-recipe-single .c-recipe--material__list__item, .l-recipe-single .c-recipe--material__sublist__item {
padding: 10px 0;
}
}
.l-recipe-single .c-recipe--material__list__item:last-child, .l-recipe-single .c-recipe--material__sublist__item:last-child {
padding: 15px 0 0;
border-bottom: 0;
}
@media screen and (max-width: 767px) {
.l-recipe-single .c-recipe--material__list__item:last-child, .l-recipe-single .c-recipe--material__sublist__item:last-child {
padding: 10px 0;
}
}
.l-recipe-single .c-recipe--material__list__item-name:after, .l-recipe-single .c-recipe--material__sublist__item-name:after {
white-space: pre;
content: '\A';
}
.l-recipe-single .c-recipe--material__list__item-dl, .l-recipe-single .c-recipe--material__sublist__item-dl {
display: -webkit-box;
display: flex;
-webkit-box-pack: justify;
justify-content: space-between;
}
@media screen and (max-width: 374px) {
.l-recipe-single .c-recipe--material__list__item-dl, .l-recipe-single .c-recipe--material__sublist__item-dl {
display: block;
}
}
.l-recipe-single .c-recipe--material__list__item-dt, .l-recipe-single .c-recipe--material__sublist__item-dt {
-webkit-box-flex: 1;
flex: 1 1;
}
.l-recipe-single .c-recipe--material__list__item-dt .p-picture, .l-recipe-single .c-recipe--material__sublist__item-dt .p-picture {
width: 50%;
margin-top: 15px;
font-size: 0;
}
@media screen and (max-width: 374px) {
.l-recipe-single .c-recipe--material__list__item-dt .p-picture, .l-recipe-single .c-recipe--material__sublist__item-dt .p-picture {
width: 100%;
margin: 10px 0;
}
}
@media screen and (max-width: 374px) {
.l-recipe-single .c-recipe--material__list__item-dd, .l-recipe-single .c-recipe--material__sublist__item-dd {
width: 100%;
text-align: right;
}
}
.l-recipe-single .c-recipe--material__sublist {
margin: 15px 0 0;
border-top: 1px solid #e2f1fd;
color: #5e5e5e;
}
.l-recipe-single .c-recipe--material__sublist__item-dt:before {
padding-left: 1em;
content: "・";
}
.l-recipe-single .c-recipe--howto {
margin-bottom: 60px;
}
@media screen and (max-width: 767px) {
.l-recipe-single .c-recipe--howto {
margin-bottom: 30px;
}
}
.l-recipe-single .c-recipe--howto .c-recipe-ttl {
margin-bottom: 10px;
padding-bottom: 15px;
border-bottom: 1px solid #327bb7;
}
.l-recipe-single .c-recipe--howto__list {
margin: 0px 0 0;
padding: 0;
}
.l-recipe-single .c-recipe--howto__list__item {
display: -webkit-box;
display: flex;
padding: 15px 5px;
border-bottom: 1px solid #e2f1fd;
-webkit-box-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
align-items: center;
}
@media screen and (max-width: 374px) {
.l-recipe-single .c-recipe--howto__list__item {
display: block;
}
}
.l-recipe-single .c-recipe--howto__list__item:before {
display: inline-block;
width: 25px;
height: 25px;
margin-right: 20px;
border-radius: 50px;
background: #327bb7;
font-family: "Lato", "Noto Sans JP", Arial, Helvetica, sans-serif;
font-size: 13px;
font-size: 1.3rem;
font-weight: bold;
line-height: 25px;
color: #fff;
text-align: center;
letter-spacing: 0px;
letter-spacing: 0rem;
content: attr(data-num);
}
@media screen and (max-width: 374px) {
.l-recipe-single .c-recipe--howto__list__item:before {
margin-bottom: 10px;
}
}
.l-recipe-single .c-recipe--howto__list .p-picture {
width: 40%;
font-size: 0;
}
@media screen and (max-width: 374px) {
.l-recipe-single .c-recipe--howto__list .p-picture {
width: 100%;
margin-top: 10px;
}
}
.l-recipe-single .c-recipe--howto__text {
width: 60%;
padding-right: 1em;
line-height: 2;
-webkit-box-flex: 1;
flex: 1 1;
}
@media screen and (max-width: 374px) {
.l-recipe-single .c-recipe--howto__text {
width: auto;
padding-right: 0;
}
}
.l-recipe-single .c-recipe--point, .l-recipe-single .c-recipe--free-area {
margin-bottom: 50px;
}
@media screen and (max-width: 767px) {
.l-recipe-single .c-recipe--point, .l-recipe-single .c-recipe--free-area {
margin-bottom: 30px;
}
}
.l-recipe-single .c-recipe--point .c-recipe-ttl, .l-recipe-single .c-recipe--free-area .c-recipe-ttl {
margin-bottom: 25px;
padding-bottom: 15px;
border-bottom: 1px solid #327bb7;
}
.l-recipe-single .c-recipe--point p:not([class]), .l-recipe-single .c-recipe--free-area p:not([class]) {
margin-bottom: 1em;
line-height: 2;
}
.l-recipe-single .c-recipe-btn {
margin: 50px 0 0;
text-align: right;
}
@media screen and (max-width: 767px) {
.l-recipe-single .c-recipe-btn {
margin: 30px 0 0;
}
}
.l-recipe-single .c-recipe-btn-link {
position: relative;
display: inline-block;
padding: 15px 95px 9px 0;
font-weight: bold;
color: #327bb7;
letter-spacing: 3.2px;
letter-spacing: 0.32rem;
}
.l-recipe-single .c-recipe-btn-link:after {
right: 0;
}
@media screen and (max-width: 1024px) {
.l-recipe-single .c-recipe-btn-link:after {
right: 0px;
width: 37px;
height: 37px;
margin-top: -22px;
}
}
.l-recipe-single .c-recipe-btn-link:before {
right: 30px;
}
@media screen and (max-width: 1024px) {
.l-recipe-single .c-recipe-btn-link:before {
right: 20px;
width: 42px;
height: 8px;
margin-top: -8px;
}
}
@media screen and (max-width: 1024px) {
.l-recipe-single .c-recipe-btn-link {
width: 256px;
padding: 8px 58px 9px 0;
}
}
.l-recipe-single .c-recipe-btn-link-txt {
display: inline-block;
margin-right: 10px;
vertical-align: sub;
}
.l-recipe-single .addtoany_share_save_container {
margin: 30px 0;
text-align: center;
} .l-blog-single {
max-width: 1000px;
margin: 0 auto;
padding: 80px 0px;
font-size: 14px;
font-size: 1.4rem;
}
@media screen and (max-width: 767px) {
.l-blog-single {
padding: 80px 16px 40px;
}
}
.l-blog-single-main {
display: block;
padding: 70px 100px;
background: #fff;
}
@media screen and (max-width: 767px) {
.l-blog-single-main {
padding: 24px 16px;
}
}
.l-blog-single-side {
padding: 0 16px;
}
@media screen and (max-width: 767px) {
.l-blog-single-side {
padding: 0;
}
}
.l-blog-single-side .c-gadget {
display: -webkit-box;
display: flex;
padding: 30px 0;
border-top: 1px solid #ddd;
flex-wrap: wrap;
-webkit-box-align: center;
align-items: center;
}
.l-blog-single-side .c-gadget-ttl {
margin: 20px 40px 20px 0;
}
.l-blog-single-side .c-gadget-items {
display: -webkit-box;
display: flex;
margin: 0;
flex-wrap: wrap;
-webkit-box-align: center;
align-items: center;
}
.l-blog-single-side .c-gadget-item {
margin: 5px 10px 5px 0;
}
.l-blog-single-side .c-gadget-item-link {
padding: 10px 20px;
border: 1px solid #777;
}
.l-blog-single-side .c-gadget-item-link::before {
display: none;
}
_:-ms-fullscreen, :root .l-blog-single-side .c-gadget-item-link {
padding: 10px 20px 5px;
}
.l-blog-single-side .c-gadget .c-articles-grid-col4 {
width: 100%;
padding: 10px 0 0;
}
.p-post-eyecatch {
position: relative;
overflow: hidden;
margin-bottom: 30px;
}
.p-post-eyecatch img {
display: none;
}
@media screen and (max-width: 767px) {
.p-post-eyecatch {
padding: 20px;
}
}
.p-post-eyecatch::after {
display: block;
padding-top: 60%;
content: "";
}
.p-post-eyecatch-img {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: center no-repeat;
background-size: cover;
-webkit-transition: -webkit-transform cubic-bezier(0.19, 1, 0.22, 1) 0.8s;
transition: -webkit-transform cubic-bezier(0.19, 1, 0.22, 1) 0.8s;
transition: transform cubic-bezier(0.19, 1, 0.22, 1) 0.8s;
transition: transform cubic-bezier(0.19, 1, 0.22, 1) 0.8s, -webkit-transform cubic-bezier(0.19, 1, 0.22, 1) 0.8s;
}
.p-post-eyecatch-src {
display: none;
}
.p-post-meta {
display: -webkit-box;
display: flex;
margin: 0 0 20px;
}
@media screen and (max-width: 767px) {
.p-post-meta {
display: block;
margin: 0 0 10px;
}
}
@media screen and (max-width: 767px) {
.p-post-meta-item {
margin: 0 0 10px;
}
}
.p-post-meta-cat {
display: inline-block;
margin: 0 0 0 10px;
padding: 4px 10px;
border-radius: 40px;
background: #327bb7;
font-family: "Lato", "Noto Sans JP", Arial, Helvetica, sans-serif;
font-size: 12px;
font-size: 1.2rem;
color: #fff;
vertical-align: middle;
letter-spacing: 1px;
letter-spacing: 0.1rem;
}
@media screen and (max-width: 767px) {
.p-post-meta-cat {
margin: 0 10px 0 0;
}
}
.p-post-meta-cat a {
color: #fff;
}
.p-post-meta-date {
display: inline-block;
font-family: "Lato", "Noto Sans JP", Arial, Helvetica, sans-serif;
font-size: 14px;
font-size: 1.4rem;
font-weight: 900;
vertical-align: middle;
letter-spacing: 1px;
letter-spacing: 0.1rem;
}
_:-ms-fullscreen, :root .p-post-meta-date {
padding-top: 2px;
}
.p-post-ttl {
margin: 0 0 15px;
font-size: 27px;
font-size: 2.7rem;
font-weight: 900;
line-height: 1.4;
letter-spacing: 5.4px;
letter-spacing: 0.54rem;
}
.p-post-ttl::after {
display: block;
width: 100%;
height: 6px;
margin-top: 5px;
border-top: 3px solid #327bb7;
border-bottom: 1px solid #327bb7;
content: "";
}
@media screen and (max-width: 767px) {
.p-post-ttl {
font-size: 22px;
font-size: 2.2rem;
}
}
.p-post-content {
line-height: 2;
letter-spacing: 2.4px;
letter-spacing: 0.24rem;
}
.p-post-content > [class|="wp"] {
margin: 40px 0 0;
}
@media screen and (max-width: 767px) {
.p-post-content > [class|="wp"] {
margin: 24px 0 0;
}
}
.p-post-content > p:not([class]) {
margin: 40px 0 0;
line-height: 2;
}
@media screen and (max-width: 767px) {
.p-post-content > p:not([class]) {
margin: 24px 0 0;
}
}
.p-post-content p + p:not([class]) {
margin: 2em 0 0;
}
.p-post-content h2:not([class]) {
margin-top: 80px;
font-size: 28px;
font-size: 2.8rem;
font-weight: 900;
line-height: 1.5;
text-align: left;
}
@media screen and (max-width: 767px) {
.p-post-content h2:not([class]) {
margin-top: 40px;
font-size: 22px;
font-size: 2.2rem;
}
}
.p-post-content h3:not([class]) {
display: inline-block;
margin-top: 40px;
padding: 0 0 10px;
border-bottom: 1px solid #454545;
font-size: 24px;
font-size: 2.4rem;
font-weight: 900;
line-height: 1.5;
text-align: left;
}
@media screen and (max-width: 767px) {
.p-post-content h3:not([class]) {
margin: 24px 0 0;
font-size: 18px;
font-size: 1.8rem;
}
}
.p-post-content h4:not([class]) {
margin-top: 40px;
font-size: 18px;
font-size: 1.8rem;
font-weight: 900;
line-height: 1.5;
text-align: left;
}
@media screen and (max-width: 767px) {
.p-post-content h4:not([class]) {
margin: 24px 0 0;
font-size: 16px;
font-size: 1.6rem;
}
}
.p-post-content > ol:not([class]) {
margin: 40px 0 0;
padding: 0 0 0 1em;
counter-reset: order 0;
}
@media screen and (max-width: 767px) {
.p-post-content > ol:not([class]) {
margin: 24px 0 0;
}
}
.p-post-content > ol:not([class]) > li:not([class]) {
display: -webkit-box;
display: flex;
line-height: 1.5;
}
.p-post-content > ol:not([class]) > li:not([class])::before {
display: inline-block;
margin: 0 .5em 0 0;
font-family: "Lato", "Noto Sans JP", Arial, Helvetica, sans-serif;
font-size: 16px;
font-size: 1.6rem;
color: #454545;
content: counter(order, decimal-leading-zero) "";
counter-increment: order 1;
-ms-grid-row-align: center;
align-self: center;
}
.p-post-content > ol:not([class]) > li:not([class]) + li:not([class]) {
margin: .5em 0 0;
}
.p-post-content > ul:not(.wp-block-gallery) {
margin: 40px 0 0;
padding: 0 0 0 1em;
}
@media screen and (max-width: 767px) {
.p-post-content > ul:not(.wp-block-gallery) {
margin: 24px 0 0;
}
}
.p-post-content > ul:not(.wp-block-gallery) > li:not([class]) {
display: -webkit-box;
display: flex;
line-height: 1.5;
}
.p-post-content > ul:not(.wp-block-gallery) > li:not([class])::before {
display: inline-block;
width: 4px;
height: 4px;
margin: 0 .5em 0 0;
border-radius: 50%;
background: #454545;
content: "";
-ms-grid-row-align: center;
align-self: center;
}
.p-post-content > ul:not(.wp-block-gallery) > li:not([class]) + li:not([class]) {
margin: .5em 0 0;
}
.p-post-content b:not([class]),
.p-post-content strong:not([class]) {
background: -webkit-gradient(linear, left top, left bottom, color-stop(55%, transparent), color-stop(45%, rgba(50, 123, 183, 0.5)));
background: linear-gradient(transparent 55%, rgba(50, 123, 183, 0.5) 45%);
}
.p-post-content em:not([class]) {
font-style: italic;
}
.p-post-content .wp-block-image {
position: relative;
}
.p-post-content .wp-block-image figcaption {
position: absolute;
z-index: 1;
right: 0;
bottom: 0;
left: 0;
margin: 0;
padding: 1em 1.5em;
background: rgba(69, 69, 69, 0.3);
font-size: 14px;
font-size: 1.4rem;
line-height: 1.5;
color: #fff;
}
.p-post-content .wp-block-quote {
padding: 2em 2em 2em 3em;
border-color: #777;
background: #f5f5f5;
}
@media screen and (max-width: 767px) {
.p-post-content .wp-block-quote {
padding: 2em 1em 2em 2em;
}
}
@media screen and (max-width: 767px) {
.p-post-content .wp-block-audio audio {
min-width: 100%;
}
}
.p-post-content .wp-block-audio figcaption {
margin: .5em 0 0;
}
.p-post-content .wp-block-file .wp-block-file__button {
position: relative;
display: inline-block;
overflow: hidden;
margin: 0 0 0 20px;
padding: 10px 25px;
border: 2px solid #111;
border-radius: 0;
background: #fff;
font-family: "Lato", "Noto Sans JP", Arial, Helvetica, sans-serif;
font-size: 14px;
font-size: 1.4rem;
font-weight: 900;
color: #454545 !important;
text-align: center;
vertical-align: middle;
letter-spacing: 2.5px;
letter-spacing: 0.25rem;
opacity: 1 !important;
}
@media screen and (max-width: 767px) {
.p-post-content .wp-block-file .wp-block-file__button {
width: 100%;
margin: 10px 0 0;
}
}
.p-post-content .wp-block-file .wp-block-file__button:hover {
background: #454545 !important;
color: #fff !important;
}
.p-post-content .wp-block-code {
padding: 2em;
border: 0;
border-radius: 0;
background: #454545;
color: #f5f5f5;
}
.p-post-content .wp-block-pullquote {
border-color: #454545;
color: #454545;
}
@media screen and (max-width: 767px) {
.p-post-content .wp-block-pullquote p:not([class]) {
font-size: 22px;
font-size: 2.2rem;
}
}
.p-post-content .wp-block-pullquote cite:not([class]) {
color: #327bb7;
}
.p-post-content .wp-block-button__link {
position: relative;
display: inline-block;
overflow: hidden;
padding: 10px 45px;
border: 2px solid #111;
border-radius: 0;
background: #fff;
font-family: "Lato", "Noto Sans JP", Arial, Helvetica, sans-serif;
font-size: 14px;
font-size: 1.4rem;
font-weight: 900;
color: #454545;
text-align: center;
vertical-align: middle;
letter-spacing: 2.5px;
letter-spacing: 0.25rem;
}
@media screen and (max-width: 767px) {
.p-post-content .wp-block-button__link {
width: 100%;
margin: 10px 0 0;
}
}
.p-post-content .wp-block-button__link:hover {
background: #454545;
color: #fff;
}
.p-post-content .wp-block-separator {
margin-right: auto;
margin-left: auto;
border-color: #454545;
}
.p-post-content .wp-block-separator::before {
color: #454545;
}
.p-post-content .wp-block-calendar caption {
color: #454545;
}
.p-post-content .wp-block-calendar th:not([class]) {
background: #f5f5f5;
}
.p-post-content .wp-block-calendar a {
display: block;
padding: 5px 0;
color: #454545;
}
.p-post-content .wp-block-embed__wrapper {
text-align: center;
}
.p-post-content .wp-block-embed-youtube .wp-block-embed__wrapper {
position: relative;
overflow: hidden;
}
.p-post-content .wp-block-embed-youtube .wp-block-embed__wrapper::after {
display: block;
padding-top: 56.25%;
content: "";
}
.p-post-content .wp-block-embed-youtube .wp-block-embed__wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.p-post-content .wp-embed-aspect-4-3 .wp-block-embed-youtube .wp-block-embed__wrapper::after {
padding-top: 75%;
}
.p-post-content .wp-embed-aspect-16-9 .wp-block-embed-youtube .wp-block-embed__wrapper::after {
padding-top: 56.25%;
}
.p-post-content .wp-block-embed-twitter {
text-align: center;
}
.p-post-content .wp-block-embed-twitter .wp-block-embed__wrapper {
display: inline-block;
border: 1px solid #ddd;
}
.p-post-content .addtoany_share_save_container {
margin-top: 60px;
text-align: center;
}
.p-post-section__txt {
margin: 40px 0 0;
line-height: 1.8;
}
@media screen and (max-width: 767px) {
.p-post-section__txt {
margin: 24px 0 0;
}
}
.p-post-section__eyecatch {
margin: 40px 0 0;
}
@media screen and (max-width: 767px) {
.p-post-section__eyecatch {
margin: 24px 0 0;
}
}
.p-article-nav {
display: inline-block;
margin-top: 64px;
padding: 40px;
border: 1px solid #ddd;
}
@media screen and (max-width: 767px) {
.p-article-nav {
padding: 20px;
}
}
.p-article-nav__headline {
font-size: 24px;
font-size: 2.4rem;
font-weight: 900;
}
@media screen and (max-width: 767px) {
.p-article-nav__headline {
font-size: 18px;
font-size: 1.8rem;
}
}
.p-article-nav__headline::before {
display: inline-block;
width: 10px;
height: 10px;
margin: 0 10px 0 0;
background: #454545;
vertical-align: middle;
content: "";
}
.p-article-nav__table-item {
margin: 20px 0 .5em;
font-size: 18px;
font-size: 1.8rem;
font-weight: 900;
line-height: 1.5;
}
@media screen and (max-width: 767px) {
.p-article-nav__table-item {
font-size: 16px;
font-size: 1.6rem;
}
}
.p-article-nav__table-item-child {
padding: 0 0 0 .5em;
}
.p-article-nav__table-item-child::before {
display: inline-block;
width: 4px;
height: 4px;
margin: 0 8px 0 0;
border-radius: 50%;
background: #454545;
vertical-align: middle;
content: "";
} .p-voice {
padding: 100px 0px 80px;
}
@media screen and (max-width: 767px) {
.p-voice {
padding: 100px 0 0;
}
}
.p-voice .u-bg-white {
background-color: #fff;
}
.p-voice .p-section__container {
max-width: 1000px;
margin: 0 auto;
padding: 0 15px 80px;
}
@media screen and (max-width: 767px) {
.p-voice .p-section {
padding-top: 15px;
}
.p-voice .p-section:first-child {
margin-bottom: 30px;
}
.p-voice .p-section:first-child .p-section__container {
padding: 0 15px 30px;
}
}
.p-voice-desc__lead {
padding: 0 32px;
}
@media screen and (max-width: 767px) {
.p-voice-desc__lead {
padding: 0 15px;
}
}
.p-voice-desc__title {
margin: 0 0 15px;
font-size: 27px;
font-size: 2.7rem;
font-weight: 900;
line-height: 1.4;
letter-spacing: 5.4px;
letter-spacing: 0.54rem;
}
.p-voice-desc__title::after {
display: block;
width: 100%;
height: 6px;
margin-top: 5px;
border-top: 3px solid #327bb7;
border-bottom: 1px solid #327bb7;
content: "";
}
@media screen and (max-width: 767px) {
.p-voice-desc__title {
font-size: 22px;
font-size: 2.2rem;
}
}
.p-voice-desc__pic {
position: relative;
width: 970px;
height: 384px;
}
.p-voice-desc__pic-img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
font-family: 'object-fit: cover;', sans-serif;
-o-object-fit: cover;
object-fit: cover;
}
@media screen and (max-width: 1024px) {
.p-voice-desc__pic {
width: calc(100vw - 30px);
height: 60vw;
}
}
@media screen and (max-width: 767px) {
.p-voice-desc__pic {
height: calc(100vw - 30px);
}
}
.p-voice-desc__text {
line-height: 2;
letter-spacing: 1.6px;
letter-spacing: 0.16rem;
}
.p-voice-desc__pic + .p-voice-desc__lead {
margin-top: 32px;
}
.p-voice-desc__title + .p-voice-desc__name {
margin-top: 1em;
}
.p-voice-desc__title + .p-voice-desc__text,
.p-voice-desc__name + .p-voice-desc__text {
margin-top: 24px;
}
.p-personal-item {
display: -webkit-box;
display: flex;
padding: 30px;
}
@media screen and (max-width: 767px) {
.p-personal-item {
padding: 0;
}
}
.p-personal-item__pic {
width: 296px;
height: 296px;
}
@media screen and (max-width: 1024px) {
.p-personal-item__pic.pc {
display: block;
width: 30vw;
height: 30vw;
}
.p-personal-item__pic.sp {
display: none;
}
}
@media screen and (max-width: 767px) {
.p-personal-item__pic.pc {
display: none;
}
.p-personal-item__pic.sp {
display: block;
width: calc(100vw - 30px);
height: calc(100vw - 30px);
padding: 15px 15px 0;
}
}
.p-personal-item__textbox {
line-height: 2;
letter-spacing: 2.4px;
letter-spacing: 0.24rem;
-webkit-box-flex: 1;
flex: 1 1;
}
.p-personal-item__headline {
position: relative;
z-index: 0;
margin-top: 0;
padding: 12px 32px;
background: #327bb7;
color: #fff;
letter-spacing: .1em;
}
@media screen and (max-width: 767px) {
.p-personal-item__headline {
margin-top: 0;
padding: 5vw;
}
}
.p-personal-item__pic + .p-personal-item__textbox .p-personal-item__headline {
margin-top: 24px;
}
@media screen and (max-width: 767px) {
.p-personal-item__pic + .p-personal-item__textbox .p-personal-item__headline {
margin-top: 0;
padding: 5vw;
}
}
.p-personal-item__pic + .p-personal-item__textbox .p-personal-item__desc {
padding: 0 0 0 32px;
}
@media screen and (max-width: 767px) {
.p-personal-item__pic + .p-personal-item__textbox .p-personal-item__desc {
margin-top: 5vw;
padding: 0 5vw 5vw;
}
}
.p-personal-item__title-big {
display: inline-block;
font-size: 20px;
font-size: 2rem;
}
.p-personal-item__desc {
margin-top: 24px;
padding: 0 0 0 16px;
letter-spacing: 1px;
letter-spacing: 0.1rem;
}
.p-personal-item__desc > :not(:first-child) {
margin-top: 16px;
}
@media screen and (max-width: 767px) {
.p-personal-item__desc {
margin-top: 5vw;
padding: 0 5vw 5vw;
}
}
.p-personal-item .c-square-raito {
position: relative;
display: block;
overflow: hidden;
height: 100%;
}
.p-personal-item .c-square-raito__item {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
font-family: 'object-fit: cover;', sans-serif;
-o-object-fit: cover;
object-fit: cover;
}
.c-row-list__item:not(:first-child) {
margin-top: 32px;
}
.c-note {
font-size: 13.5px;
font-size: 1.35rem;
line-height: 2;
color: #777;
letter-spacing: 1.2px;
letter-spacing: 0.12rem;
} .p-grobal-footer-sns{
display: flex;
justify-content: center;
padding: 24px 4vw;
position: relative;
z-index: 0;
}
.p-grobal-footer-sns__item{
list-style: none;
margin: 0 10px;
}
.p-grobal-footer-sns__btn{
align-items: center;
display: inline-flex;
font-size: 2.8rem;
height: 100%;
justify-content: center;
letter-spacing: 0;
line-height: 1;
position: relative;
width: 100%;
z-index: 0;
} .refusal {
text-align: right;
}
.refusal img {
width: 100%;
max-width: 300px;
margin-left: auto;
}
@media screen and (max-width: 770px) {
.refusal img {
max-width: 270px;
}
}
img[src$="reloclub_logo.jpg"] ,
img[src$="fukuri_logo.jpg"] {
max-width:200px;
} .p-post-content .addtoany_shortcode {
margin-top: 60px;
}
.l-header {
pointer-events: none;
}
.p-header-logo {
pointer-events: auto;
}
.p-burger-icon {
pointer-events: auto;
}
.c-banner-bg {
z-index: -1;
}
a:not(.u-nothover):hover .c-banner-bg {
opacity: 0.7;
}
@media screen and (max-width: 767px) {
.c-ttl-main-txt,
.c-sub-ttl-main-txt {
white-space: normal;
}
}
.c-ttl-main::before, .c-ttl-main::after,
.c-sub-ttl-main::before,
.c-sub-ttl-main::after {
min-width: 0;
flex: 1;
} .p-main-visual-copy-sub::before,
.p-main-visual-copy-sub::after {
width: auto;
flex: 1;
min-width: 10px;
}
.p-main-visual-copy-sub-txt {
white-space: normal;
} .p-burger-icon {
position: absolute;
top: 2rem;
right: 3rem;
}
@media screen and (max-width: 1024px) {
.p-burger-icon {
top: 1rem;
right: 1rem;
}
}
@media screen and (max-width: 767px) {
.p-burger-icon {
top: 1rem;
right: 1rem;
}
.p-sp-menu-btn {
top: 1rem;
right: 2rem;
}
}
@media screen and (max-width: 480px) {
.p-sp-menu-btn {
top: 1rem;
right: 1rem;
}
}
.a2a_kit .a2a_label {
display:none !important;
}
@media screen and (max-width: 374px) {
.p-index-about-ttl-sub {
letter-spacing: .2em;
}
}
.p-course-navi {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.p-course-navi-item {
margin-bottom: 30px;
}
.p-course-navi-item:nth-child(n + 2) {
margin-bottom: 30px;
}
@media screen and (max-width: 1024px) {
.p-course-navi-item:last-child {
margin-bottom: 0;
}
}
.p-course-navi-item-body, .p-course-navi-cnt {
height: 100%;
}
@media screen and (min-width: 1024.01px) {
.p-course-navi-cnt {
position: relative;
padding-bottom: 70px;
}
.p-course-navi-more {
position: absolute;
bottom: 15px;
right: 15px;
}
}
@media screen and (max-width: 374px) {
.l-subpage .p-index-recipe .c-article-post-ttl {
letter-spacing: 0;
}
}
.mw_wp_form_confirm .c-form-cnt-select::before {
display: none;
}
.mw_wp_form_confirm  .c-form .c-btn-body {
min-width: 295px;
}
@media screen and (max-width: 767px) {
.mw_wp_form_confirm  .c-form .c-btn-body {
min-width: auto;
}
}