@charset "UTF-8";
   article, aside, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, main {
display: block;
}
blockquote, body, dd, div, dl, dt, fieldset, figure, form, h1, h2, h3, h4, h5, h6, input, li, ol, p, pre, td, textarea, th, ul {
margin: 0;
padding: 0;
font-weight: normal;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
li {
list-style: none;
}
a,
a:link {
text-decoration: none;
}
img {
max-width: 100%;
height: auto;
border: 0;
height: auto;
vertical-align: bottom;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
}
button, input, select, textarea {
margin: 0;
padding: 0;
background: none;
border: none;
border-radius: 0;
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
select::-ms-expand {
display: none;
}
input[type=radio]::-ms-check,
input[type=checkbox]::-ms-check {
display: none;
}
i {
font-style: normal;
}
textarea {
resize: none;
font-family: sans-serif;
}
* {
box-sizing: border-box;
}   html {
font-size: 62.5%;
overflow: auto;
}
body {
margin: auto;
width: auto;
font-family: "Noto Sans JP", sans-serif;
font-optical-sizing: auto;
font-weight: 500;
font-style: normal;
overflow-x: hidden;
color: #000;
font-size: 1.6rem;
line-height: 1.8;
}
@media (max-width: 768px) {
body {
font-size: 1.4rem;
}
}
h1, h2, h3, h4, h5, h6 {
color: inherit;
letter-spacing: 0.05em;
}
.pc_only {
display: block !important;
}
@media (max-width: 768px) {
.pc_only {
display: none !important;
}
}
.sp_only {
display: none !important;
}
@media (max-width: 768px) {
.sp_only {
display: block !important;
}
}
.center {
margin: auto;
text-align: center;
line-height: 180%;
}
.clearfix::after {
content: "";
display: block;
clear: both;
}
a {
color: inherit;
}   .main_width {
max-width: 1500px;
width: 96%;
margin: auto;
}
@media (max-width: 768px) {
.main_width {
width: calc(100% - 30px);
}
}
.main_width.size1000 {
max-width: 1000px;
}
.main_width.size1105 {
max-width: 1105px;
}
.main_width.size1200 {
max-width: 1200px;
}
.main_width.size1360 {
max-width: 1360px;
}
body {
background-color: #FFFE00;
}   .header {
position: fixed;
top: 0;
left: 0;
width: 100%;
-webkit-transition: all 0.5s;
transition: all 0.5s; z-index: 10000;
}
.header.scroll {
background-color: rgba(255, 254, 0, 0.8);
}
.header h1 {
line-height: 1;
} body.is-modal-open .header {
background-color: #FFFE00;
}
.logo_nav_box {
max-width: 1920px;
width: 100%;
margin: auto;
display: -ms-flexbox;
display: -webkit-box;
display: -webkit-flex;
display: flex;
}
.logo_nav_box .logo {
width: 15%;
margin-right: 3%;
margin-left: 2%;
margin-top: 1.5em;
padding-bottom: 15px;
}
@media (max-width: 768px) {
.logo_nav_box .logo {
width: 50%;
max-width: 180px;
padding-left: 5%;
}
}
.logo_nav_box .nav_box {
width: 82%;
}
@media (max-width: 1024px) {
.logo_nav_box .nav_box {
width: 100%;
}
}
.main_nav .list {
display: -ms-flexbox;
display: -webkit-box;
display: -webkit-flex;
display: flex;
justify-content: flex-end;
}
@media (max-width: 1024px) {
.main_nav .list {
display: block;
text-align: center;
padding-top: 50px;
}
}
.main_nav .list li {
font-family: "Barlow Condensed", sans-serif;
font-weight: 500;
font-style: normal;
font-size: clamp(1.2rem, 1.18vw, 1.6rem);
}
.main_nav .list li a {
display: block;
padding: 2em clamp(1.5rem, 1.5vw, 2.6rem);
font-size: 1em;
}
@media (max-width: 1024px) {
.main_nav .list li a {
padding: 0.5em 1em;
color: #fff;
font-size: 2.6rem;
}
}
@media (max-width: 1024px) {
.main_nav .list li.bg_white, .main_nav .list li.bg_navy {
display: none;
}
}
.main_nav .list li.bg_white a, .main_nav .list li.bg_navy a {
font-size: 1.2em;
padding: 1.5em 2em;
}
.main_nav .list li.bg_white a {
background-color: #fff;
}
.main_nav .list li.bg_navy a {
background-color: #171C2F;
color: #fff;
}
.main_nav .list li a {
position: relative;
}
.main_nav .list li a:after {
position: absolute;
left: 0;
content: "";
width: 100%;
height: 1px;
background: #171C2F;
bottom: 1em;
transform: scale(0, 1);
transform-origin: center top;
transition: transform 0.3s;
}
.main_nav .list li a:hover::after {
transform: scale(1, 1);
}
.main_nav .list li.bg_white a, .main_nav .list li.bg_navy a {
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.main_nav .list li.bg_white a:after, .main_nav .list li.bg_navy a:after {
content: none;
}
.main_nav .list li.bg_white a:hover {
background-color: #29C5D4;
color: #fff;
}
.main_nav .list li.bg_navy a:hover {
background-color: #FFFE00;
color: #000;
}
.nav_logo {
display: none;
}
@media (max-width: 1024px) {
.nav_logo {
position: relative;
top: -13px;
display: block;
width: 50%;
max-width: 161px;
}
}
@media (max-width: 1024px) {
.header .nav_box {
position: fixed;
top: 0;
left: 0;
background-color: #171c2f;
width: 100vw;
height: 100vh;
-webkit-overflow-scrolling: touch;
z-index: 9998;
overflow-y: scroll;
padding: 40px 20px 100px;
box-sizing: border-box;
text-align: left;
opacity: 0;
visibility: hidden;
transform: translateY(-100px);
transition: 0.3s;
}
.header .nav_box.open {
transform: translateY(0);
visibility: visible;
opacity: 1;
}
}
@media (max-width: 1024px) {
.nav_box .pre_info {
margin-top: 30px;
padding: 20px 20px;
border-top: 1px solid #707070;
border-bottom: 1px solid #707070;
}
.nav_box .pre_info img {
display: block;
margin: auto;
width: 100%;
max-width: 360px;
}
}   .sp_menu_trigger {
display: none;
}
@media (max-width: 1024px) {
.sp_menu_trigger,
.sp_menu_trigger span {
display: inline-block;
transition: all 0.4s;
box-sizing: border-box;
cursor: pointer;
}
.sp_menu_trigger {
position: fixed;
top: 0;
right: 0;
width: 64px;
height: 64px;
background-color: #000;
z-index: 10001;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.sp_menu_trigger span {
position: absolute;
background: #fff;
width: 27px;
height: 2px;
left: 0;
right: 0;
margin: auto;
}
.sp_menu_trigger span:nth-of-type(1) {
top: 22px;
}
.sp_menu_trigger span:nth-of-type(2) {
top: 0;
bottom: 0;
}
.sp_menu_trigger span:nth-of-type(3) {
bottom: 22px;
}
.sp_menu_trigger.nogap {
top: 0;
right: 0;
}
.sp_menu_trigger.active {
background-color: #171C2F;
}
.sp_menu_trigger.active span:nth-of-type(1) {
-webkit-transform: translateY(9px) rotate(-315deg);
transform: translateY(9px) rotate(-315deg);
}
.sp_menu_trigger.active span:nth-of-type(2) {
opacity: 0;
}
.sp_menu_trigger.active span:nth-of-type(3) {
-webkit-transform: translateY(-9px) rotate(315deg);
transform: translateY(-9px) rotate(315deg);
}
}
.fix_btn_list {
display: none;
}
@media (max-width: 1024px) {
.fix_btn_list {
display: flex;
position: fixed;
bottom: 0;
left: 0;
width: 100%;
z-index: 1000;
}
.fix_btn_list li {
width: 50%;
}
.fix_btn_list li.bg_white a, .fix_btn_list li.bg_navy a {
display: block;
font-size: 2rem;
padding: 0.8em 1em;
text-align: center;
font-family: "Barlow Condensed", sans-serif;
font-weight: 500;
font-style: normal;
}
.fix_btn_list li.bg_white a {
background-color: #fff;
}
.fix_btn_list li.bg_navy a {
background-color: #000;
color: #fff;
}
}
@media (max-width: 1024px) {
.fix_btn_list {
opacity: 0;
visibility: hidden;
transform: translateY(20px);
transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease;
}
.fix_btn_list.is-show {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
}   .fv_block {
min-height: 100svh;
overflow: hidden;
}
.fv_block .inner {
display: -ms-flexbox;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
min-height: 100svh;
}
@media (max-width: 768px) {
.fv_block .inner {
display: block;
padding-top: 50px;
}
}
.fv_block .inner .left {
width: 46%;
margin-right: 4%;
}
@media (max-width: 768px) {
.fv_block .inner .left {
width: 100%;
margin-right: 0;
}
}
.fv_block .inner .left .ttl img {
margin-left: auto;
}
@media (max-width: 768px) {
.fv_block .inner .left .ttl img {
display: block;
margin: auto;
width: 90%;
max-width: 360px;
}
}
.fv_block .inner .right {
width: 50%;
padding-top: 50px;
}
@media (max-width: 768px) {
.fv_block .inner .right {
width: 100%;
padding-top: 50px;
}
}
.fv_block .fv_ornament {
position: relative;
display: grid;
width: 100%;
}
.fv_block .fv_ornament > div {
grid-area: 1/1;
width: 100%;
will-change: transform;
}
.fv_block .fv_ornament img {
display: block;
width: 100%;
height: auto;
}
.fv_block .fv_ornament .img01 {
z-index: 3;
}
.fv_block .fv_ornament .img02 {
z-index: 2;
}
.fv_block .fv_ornament .img03 {
z-index: 1;
}   .about_block {
padding-top: 120px;
padding-bottom: 120px;
}
@media (max-width: 768px) {
.about_block {
padding-top: 80px;
padding-bottom: 80px;
}
}
.about_block {
color: #fff;
}
.about_block .main_width {
max-width: 1052px;
}
.about_block .ttl {
margin-bottom: 1em;
font-size: 4rem;
font-family: "Noto Sans JP", sans-serif;
font-optical-sizing: auto;
font-weight: 700;
font-style: normal;
}
@media (max-width: 768px) {
.about_block .ttl {
font-size: 2.8rem;
}
}
.about_block .base_txt {
margin-bottom: 2em;
}
.about_block .base_txt p {
font-size: 2rem;
}
@media (max-width: 768px) {
.about_block .base_txt p {
font-size: 1.6rem;
}
}   .news_block {
padding-bottom: 250px;
}
@media (max-width: 768px) {
.news_block {
padding-bottom: 60px;
}
}
.news_block .ttl {
color: #fff;
margin-bottom: 2em;
font-size: 4rem;
font-family: "Barlow Condensed", sans-serif;
font-weight: 500;
font-style: normal;
}
@media (max-width: 768px) {
.news_block .ttl {
margin-bottom: 1em;
font-size: 3rem;
}
}
.news_list {
display: -ms-flexbox;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.news_list li {
width: 32%;
margin-right: 2%;
}
@media (max-width: 768px) {
.news_list li {
width: 100%;
margin-right: 0;
margin-bottom: 30px;
}
}
.news_list li:nth-child(3n) {
margin-right: 0;
}
.news_list li a {
display: block;
height: 100%;
padding-left: 0.5em;
padding-bottom: 2em;
color: #fff;
border-bottom: 1px solid #fff;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.news_list li a:hover {
opacity: 0.7;
}
.news_list li a .date {
display: block;
font-family: "Barlow Condensed", sans-serif;
font-weight: 500;
font-style: normal;
}
.news_list li a .post_ttl {
position: relative;
display: block;
padding-right: 25px;
overflow: hidden;
}
.news_list li a .post_ttl:after {
position: absolute;
top: 10px;
right: 0;
content: "";
width: 10px;
height: 10px;
background: url(//kobecalling.com/wp-content/themes/kobe_calling/img/ico/ico-arrow-white.svg) no-repeat center/100%;
}
.news_list li a .post_ttl:hover::after {
animation: arrow-diagonal 0.4s ease-in-out;
}
@keyframes arrow-diagonal {
0% {
transform: translate(0, 0);
opacity: 1;
}
45% {
transform: translate(20px, -20px);
opacity: 0;
}
55% {
transform: translate(-20px, 20px);
opacity: 0;
}
100% {
transform: translate(0, 0);
opacity: 1;
}
}   .program_block .main_ttl {
margin-bottom: 0.6em;
}
.program_block .sub_ttl {
margin-bottom: 1.5em;
font-family: "Noto Sans JP", sans-serif;
font-optical-sizing: auto;
font-weight: 700;
font-style: normal;
font-size: 2.5rem;
}
.program_block .base_txt {
margin-bottom: 3em;
}
.program_block {
position: relative;
padding-top: 110px;
padding-bottom: 120px;
overflow: hidden;
}
@media (max-width: 768px) {
.program_block {
padding-top: 60px;
padding-bottom: 60px;
}
}
.program_block .main_width {
position: relative;
z-index: 1;
}
.program_block:after {
position: absolute;
bottom: -170px;
right: -380px;
content: "";
width: 833px;
height: 600px;
background: url(//kobecalling.com/wp-content/themes/kobe_calling/img/common/ornament-mark.svg) no-repeat center/cover;
}
@media (max-width: 768px) {
.program_block:after {
bottom: 0;
right: 0;
width: 215px;
height: 387px;
background: url(//kobecalling.com/wp-content/themes/kobe_calling/img/common/ornament-mark-sp.svg) no-repeat center/cover;
}
}
.program_list {
display: -ms-flexbox;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.program_list > li {
display: -ms-flexbox;
display: -webkit-box;
display: -webkit-flex;
display: flex;
width: 32.3333333333%;
margin-right: 1.5%;
background-color: #FFFE00;
margin-bottom: 60px;
}
@media (max-width: 768px) {
.program_list > li {
width: 100%;
margin-right: 0;
margin-bottom: 22px;
}
}
.program_list > li:nth-child(3n) {
margin-right: 0;
}
.program_list > li a {
position: relative;
display: -ms-flexbox;
display: -webkit-box;
display: -webkit-flex;
display: flex;
flex-direction: column;
width: 100%;
padding: 40px 18px 15px;
}
.program_list > li a .inner {
display: flex;
flex-direction: column;
flex: 1;
}
.program_list .obi_num {
position: absolute;
right: 1.5em;
top: 0.5em;
font-family: "Barlow Condensed", sans-serif;
font-weight: 500;
font-style: normal;
}
@media (max-width: 768px) {
.program_list .obi_num {
right: 0.8em;
font-size: 1.4rem;
}
}
.program_list li.program_finish {
opacity: 0.3;
}
.program_list li .post_ttl {
display: flex;
align-items: center;
margin-bottom: 0.8em;
font-size: 2.2rem;
line-height: 1.2;
}
@media (max-width: 768px) {
.program_list li .post_ttl {
font-size: 1.8rem;
}
}
.program_list li .comment {
padding-bottom: 1em;
font-size: 1.5rem;
line-height: 1.3;
}
@media (max-width: 768px) {
.program_list li .comment {
font-size: 1.1rem;
}
}
.program_list li .info {
display: -ms-flexbox;
display: -webkit-box;
display: -webkit-flex;
display: flex;
margin-bottom: 15px;
}
.program_list li .info .left {
width: 28%;
margin-right: 3%;
}
@media (max-width: 768px) {
.program_list li .info .left {
width: 22%;
margin-right: 3%;
}
}
.program_list li .info .right {
width: 69%;
line-height: 1.3;
}
@media (max-width: 768px) {
.program_list li .info .right {
width: 75%;
}
}
.program_list li .info .right .name {
margin-bottom: 0.3em;
font-size: 1.6rem;
}
@media (max-width: 768px) {
.program_list li .info .right .name {
font-size: 1.5rem;
}
}
.program_list li .info .right .position {
margin-bottom: 0.5em;
font-size: 1.3rem;
}
@media (max-width: 768px) {
.program_list li .info .right .position {
font-size: 1.2rem;
}
}
.post_column_3_list li .bottom,
.program_list li .bottom {
display: -ms-flexbox;
display: -webkit-box;
display: -webkit-flex;
display: flex;
margin-top: auto;
padding-top: 10px;
border-top: 1px solid #000;
}
.post_column_3_list li .bottom .left,
.program_list li .bottom .left {
width: 50%;
margin-right: 2%;
}
.post_column_3_list li .bottom .left .schedule,
.program_list li .bottom .left .schedule {
line-height: 1;
}
.post_column_3_list li .bottom .left .schedule .date,
.program_list li .bottom .left .schedule .date {
font-family: "Barlow Condensed", sans-serif;
font-weight: 500;
font-style: normal;
font-size: 3.2rem;
margin-right: 0.3em;
}
@media (max-width: 768px) {
.post_column_3_list li .bottom .left .schedule .date,
.program_list li .bottom .left .schedule .date {
font-size: 2rem;
}
}
.post_column_3_list li .bottom .left .schedule .time,
.program_list li .bottom .left .schedule .time {
margin-top: 8px;
font-family: "Barlow Condensed", sans-serif;
font-weight: 500;
font-style: normal;
}
.post_column_3_list li .bottom .left .place,
.program_list li .bottom .left .place {
margin-top: 0.1em;
font-size: 1.7rem;
}
@media (max-width: 768px) {
.post_column_3_list li .bottom .left .place,
.program_list li .bottom .left .place {
font-size: 1.3rem;
}
}
.post_column_3_list li .bottom .right,
.program_list li .bottom .right {
width: 48%;
}
.post_column_3_list li .bottom .right .cate,
.program_list li .bottom .right .cate {
display: -ms-flexbox;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: flex-end;
font-family: "Barlow Condensed", sans-serif;
font-weight: 500;
font-style: normal;
font-size: 1.6rem;
}
@media (max-width: 768px) {
.post_column_3_list li .bottom .right .cate,
.program_list li .bottom .right .cate {
font-size: 1.4rem;
}
}
.post_column_3_list li .bottom .right .cate li:after,
.program_list li .bottom .right .cate li:after {
content: "|";
padding: 0 0.6em;
}
.post_column_3_list li .bottom .right .cate li:last-child:after,
.program_list li .bottom .right .cate li:last-child:after {
content: none;
}
.post_column_3_list li .bottom .right .read_more,
.program_list li .bottom .right .read_more {
position: relative;
text-align: right;
font-size: 1.8rem;
font-family: "Barlow Condensed", sans-serif;
font-weight: 500;
font-style: normal;
padding-right: 25px;
overflow: hidden;
}
@media (max-width: 768px) {
.post_column_3_list li .bottom .right .read_more,
.program_list li .bottom .right .read_more {
font-size: 1.6rem;
padding-right: 18px;
}
}
.post_column_3_list li .bottom .right .read_more:after,
.program_list li .bottom .right .read_more:after {
position: absolute;
top: 10px;
right: 0;
content: "";
width: 10px;
height: 10px;
background: url(//kobecalling.com/wp-content/themes/kobe_calling/img/ico/ico-arrow-black.svg) no-repeat center/100%;
}
.post_column_3_list li .bottom .right .read_more:hover::after,
.program_list li .bottom .right .read_more:hover::after {
animation: arrow-diagonal 0.4s ease-in-out;
}
.program_list li a {
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.program_list li a:hover {
opacity: 0.7;
}
.post_column_3_list li a,
.program_list li a {
color: #000;
}   .parallax_box {
width: 100%;
height: clamp(300px, 45vw, 487px);
background-color: #F4F4F4;
overflow: hidden;
}
.parallax_box .simple-parallax-initialized {
height: 100%;
}
.parallax_img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}   .exhibition_block {
padding-top: 140px;
padding-bottom: 150px;
}
@media (max-width: 768px) {
.exhibition_block {
padding-top: 60px;
padding-bottom: 60px;
}
}
.post_column_3_list {
display: -ms-flexbox;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.post_column_3_list > li {
width: 32.3333333333%;
margin-right: 1.5%;
background-color: #FFFE00;
margin-bottom: 60px;
}
@media (max-width: 768px) {
.post_column_3_list > li {
width: 100%;
margin-right: 0;
margin-bottom: 40px;
}
}
.post_column_3_list > li:nth-child(3n) {
margin-right: 0;
}
.post_column_3_list li .post_ttl {
display: flex;
align-items: center;
margin-top: 0.5em;
margin-bottom: 0.5em;
font-size: 2.6rem;
line-height: 1.3;
}
@media (max-width: 768px) {
.post_column_3_list li .post_ttl {
font-size: 1.8rem;
}
}
.post_column_3_list li .txt {
margin-bottom: 0.5em;
font-size: 1.5rem;
}
@media (max-width: 768px) {
.post_column_3_list li .txt {
font-size: 1.3rem;
}
}
.post_column_3_list li .bottom {
border-top: 0;
margin-top: 0;
}
@media (max-width: 768px) {
.post_column_3_list li .bottom .left .schedule .date {
font-size: 2.8rem;
}
}
.post_column_3_list li .bottom .time {
margin-left: 0.5em;
}
.post_column_3_list li .bottom .place {
margin-top: 0.6em;
font-size: 1.6rem;
}
.post_column_3_list li .bottom .left {
width: 65%;
}
.post_column_3_list li .bottom .right {
width: 33%;
}
.post_column_3_list li .img {
overflow: hidden;
}
.post_column_3_list li .img a {
display: block;
overflow: hidden;
}
.post_column_3_list li .img a img {
display: block;
width: 100%;
height: auto;
transition: transform 0.6s ease;
transform-origin: center;
}
.post_column_3_list li .img a:hover img {
transform: scale(1.1);
}   .cta_block {
display: -ms-flexbox;
display: -webkit-box;
display: -webkit-flex;
display: flex;
}
@media (max-width: 768px) {
.cta_block {
display: block;
}
}
.cta_block .left {
width: 50%;
min-height: 850px;
}
@media (max-width: 768px) {
.cta_block .left {
width: 100%;
min-height: unset;
}
}
.cta_block .right {
width: 50%;
min-height: 850px;
}
@media (max-width: 768px) {
.cta_block .right {
width: 100%;
min-height: unset;
}
}
.cta_block .left {
background: url(//kobecalling.com/wp-content/themes/kobe_calling/img/top/meet-up-bg-img.jpg) no-repeat center/cover;
}
.cta_block .left .txt_box {
display: -ms-flexbox;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
justify-content: center;
text-align: center;
height: 100%;
}
@media (max-width: 768px) {
.cta_block .left .txt_box {
padding-top: 8em;
padding-bottom: 8em;
}
}
.cta_block .left .txt_box .txt {
padding: 0.3em 0.7em;
background-color: #171C2F;
font-size: 8rem;
line-height: 1;
}
.cta_block .left .txt_box b {
display: block;
font-family: "Barlow Condensed", sans-serif;
font-weight: 500;
font-style: normal;
font-size: 1em;
line-height: 1;
color: #fff;
}
.cta_block .left .txt_box span {
display: block;
margin-top: 0.7em;
color: #fff;
font-size: 1.6rem;
}
.cta_block .right {
background-color: #000;
}
.cta_block .right .inner {
max-width: 700px;
padding-top: 250px;
padding-left: 80px;
padding-bottom: 250px;
}
@media (max-width: 768px) {
.cta_block .right .inner {
max-width: 100%;
width: 90%;
margin: auto;
padding-top: 40px;
padding-bottom: 40px;
padding-left: 0;
}
}
.cta_block .right .base_txt {
margin-bottom: 3em;
}
.cta_block .right .base_txt p {
font-family: "Noto Sans JP", sans-serif;
font-optical-sizing: auto;
font-weight: 700;
font-style: normal;
color: #fff;
font-size: 1.8rem;
}
@media (max-width: 768px) {
.cta_block .right .base_txt p {
font-size: 1.6rem;
}
}
.cta_block .right .btn_list {
display: -ms-flexbox;
display: -webkit-box;
display: -webkit-flex;
display: flex;
}
@media (max-width: 768px) {
.cta_block .right .btn_list {
display: block;
}
}
.cta_block .right .btn_list li {
margin-right: 30px;
}
@media (max-width: 768px) {
.cta_block .right .btn_list li {
margin: auto;
margin-bottom: 15px;
text-align: center;
}
}
.cta_block .right .btn_list li:last-child {
margin-right: 0;
}
@media (max-width: 768px) {
.cta_block .right .btn_list li:last-child {
margin-right: auto;
}
}   .sponsor_block {
padding-top: 75px;
padding-bottom: 75px;
}
@media (max-width: 768px) {
.sponsor_block {
padding-top: 40px;
padding-bottom: 40px;
}
}
.sponsor_block .main_ttl {
display: block;
margin-bottom: 0.7em;
line-height: 1.2;
}
.sponsor_block .main_width {
max-width: 1900px;
}
.sponsor_block .sponsor_list {
display: -ms-flexbox;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.sponsor_block .sponsor_list li {
width: 11.5%;
margin-right: 1.14%;
margin-bottom: 1.5%;
}
@media (max-width: 768px) {
.sponsor_block .sponsor_list li {
width: 48%;
margin-right: 4%;
}
}
.sponsor_block .sponsor_list li:nth-child(8n) {
margin-right: 0;
}
@media (max-width: 768px) {
.sponsor_block .sponsor_list li:nth-child(8n) {
margin-right: 4%;
}
}
@media (max-width: 768px) {
.sponsor_block .sponsor_list li:nth-child(2n) {
margin-right: 0;
}
}
.sponsor_block .sponsor_list li a {
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.sponsor_block .sponsor_list li a:hover {
opacity: 0.7;
}   .footer_main .sns_list {
margin-top: 10px;
display: -ms-flexbox;
display: -webkit-box;
display: -webkit-flex;
display: flex;
}
.footer_main .sns_list li {
margin-right: 10px;
}
.footer_main .sns_list li:last-child {
margin-right: 0;
}
.footer_main .nav_box .list li a {
color: #fff;
}
.footer_main .nav_box .list li a:after {
background: #fff;
}
.footer_main .nav_box .list li.bg_white a {
color: #000;
}
.footer_main .nav_box .list li.bg_white a:hover {
color: #fff;
}
.footer_main .copyright {
padding-bottom: 30px;
padding-top: 250px;
text-align: center;
font-size: 1.2rem;
font-family: "Barlow Condensed", sans-serif;
font-weight: 500;
font-style: normal;
color: #fff;
}
@media (max-width: 768px) {
.footer_main .copyright {
padding-top: 15px;
text-align: left;
}
}
.page_top {
position: fixed;
bottom: 20px;
right: 20px;
will-change: transform;
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: opacity 0.3s ease, visibility 0.3s ease;
z-index: 2;
}
@media (max-width: 1024px) {
.page_top {
bottom: 10px;
right: 10px;
width: 40px;
height: 40px;
}
}
.page_top.is-show {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
@media (max-width: 768px) {
.footer_main {
padding-left: 5%;
padding-right: 5%;
}
.footer_main .logo_nav_box {
display: block;
}
.footer_main .logo_nav_box .logo {
margin-top: 0;
padding-top: 30px;
width: 60%;
max-width: 200px;
padding-left: 0;
}
.footer_main .main_nav .list {
text-align: left;
}
.footer_main .main_nav .list li a {
font-size: 1.6rem;
padding-left: 0;
}
}   .fade_trigger {
opacity: 0;
transform: translateY(80px);
transition: opacity 0.8s ease, transform 0.8s ease;
}
.fade_trigger.fade_in {
opacity: 1;
transform: translateY(0);
}