@charset "UTF-8";

body {
font-family: "Noto Sans JP", sans-serif;
font-weight: 400;
color: #fff;
line-height: 1.8;
letter-spacing: 0;
}
.accordion_item {
transition: all 0.5s ease;
}
.accordion_item .accordion_title {
position: relative;
cursor: pointer;
transition: all 0.5s ease;
}
.accordion_item .accordion_title::after {
content: "";
position: absolute;
right: 1rem;
top: 50%;
transform: translateY(-50%) rotate(90deg);
width: 1.25rem;
height: 1.25rem;
background-image: url(//gfc-since2020.com/wp-content/themes/genki-football-club__2025/assets/img/common/icon_arrow_blue.webp);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
transition: all 0.5s ease;
}
.accordion_item .accordion_title.open::after {
transform: translateY(-50%) rotate(-90deg);
}
.accordion_item .accordion_box {
max-height: 0;
overflow: hidden;
transition: max-height 0.5s ease;
}
.body_no_scroll {
overflow: hidden;
touch-action: none;
height: 100vh;
}
.hamburger_menu .hamburger_menu_btn {
display: none;
}
@media screen and (max-width: 768px) {
.hamburger_menu .hamburger_menu_btn {
position: absolute;
z-index: 999;
right: 0.625rem;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 0.25rem;
width: 3.75rem;
aspect-ratio: 1/1;
transition: all 0.3s ease;
cursor: pointer;
background-color: #fff;
border-radius: 50%;
}
}
@media screen and (max-width: 768px) {
.hamburger_menu .hamburger_menu_btn .bar {
display: block;
width: 40%;
height: 3px;
background-color: #0142a5;
transition: all 0.3s ease;
border-radius: 0.125rem;
}
}
.hamburger_menu .hamburger_menu_list_wrapper {
transition: all 0.3s ease;
}
@media screen and (max-width: 768px) {
.hamburger_menu .hamburger_menu_list_wrapper {
position: fixed;
z-index: 998;
top: 0;
display: block;
width: 100vw;
height: 100%;
background-color: #0142a5;
padding: 2rem;
overflow-x: auto;
max-width: 37.5rem;
right: -100%;
}
}
.hamburger_menu.open .hamburger_menu_btn {
transition: all 0.3s ease;
}
@media screen and (max-width: 768px) {
.hamburger_menu.open .hamburger_menu_btn {
justify-content: center;
gap: 0;
background-color: unset;
}
}
@media screen and (max-width: 768px) {
.hamburger_menu.open .hamburger_menu_btn .bar {
width: 90%;
height: 2px;
background-color: #fff;
}
}
@media screen and (max-width: 768px) {
.hamburger_menu.open .hamburger_menu_btn .bar:nth-child(1) {
transform: translateY(0.0625rem) rotate(45deg);
}
}
@media screen and (max-width: 768px) {
.hamburger_menu.open .hamburger_menu_btn .bar:nth-child(2) {
display: none;
}
}
@media screen and (max-width: 768px) {
.hamburger_menu.open .hamburger_menu_btn .bar:nth-child(3) {
transform: translateY(-0.0625rem) rotate(-45deg);
}
}
.hamburger_menu.open .hamburger_menu_list_wrapper {
transition: all 0.3s ease;
}
@media screen and (max-width: 768px) {
.hamburger_menu.open .hamburger_menu_list_wrapper {
right: 0;
}
}
.openModalBtn {
background: none;
}
.modal_overlay {
position: fixed;
z-index: 9999;
top: 0;
left: 0;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
padding: 1rem;
opacity: 0;
transition: background-color 0.3s, opacity 0.3s;
color: #333;
}
.modal_overlay.active {
opacity: 1;
background-color: rgba(0, 0, 0, 0.5);
}
.modal_overlay .modal_content {
position: relative;
background-color: #fff;
border-radius: 0.625rem;
box-shadow: 0 0 0.625rem rgba(0, 0, 0, 0.2);
transition: opacity 0.3s, transform 0.3s;
}
.modal_overlay .modal_content.active {
opacity: 1;
}
.modal_overlay .modal_content .cross_btn {
position: absolute;
z-index: 900;
top: 0.5rem;
right: 0.5rem;
font-size: 3rem;
line-height: 1;
font-weight: 300;
color: #0142a5;
cursor: pointer;
}
.modal_overlay .modal_content .cross_btn:hover {
transform: scale(1.1);
}
.modal_overlay .modal_content .content_inner {
max-height: calc(100vh - 2rem);
padding: 3.75rem 3.125rem 0;
overflow: auto;
}
@media screen and (max-width: 768px) {
.modal_overlay .modal_content .content_inner {
padding: 4rem 2.25rem 0;
}
} * {
margin: 0;
padding: 0;
}
*,
::before,
::after {
border-style: solid;
box-sizing: border-box;
border-width: 0;
}
html {
height: 100%;
scroll-behavior: smooth;
}
body {
min-height: 100vh;
text-rendering: optimizeSpeed;
}
.all_container {
overflow-x: hidden;
}
ul,
ol {
list-style: none;
}
a {
color: inherit;
background-color: transparent;
text-decoration: none;
text-decoration-skip-ink: auto;
}
img,
video,
iframe,
picture {
display: block;
max-width: 100%;
width: 100%;
}
table {
width: 100%;
border-collapse: collapse;
border-spacing: 0;
}
html {
font-size: 1.2578616352vw;
}
@media screen and (max-width: 768px) {
html {
font-size: 16px;
}
}
@media (min-width: 1272px) {
html {
font-size: 16px;
}
}
@media (max-width: 390px) {
html {
font-size: 4.1025641026vw;
}
} @media screen and (max-width: 768px) {
.u_pc {
display: none !important;
}
}
.u_sp,
.u_sp_b {
display: none !important;
}
@media screen and (max-width: 768px) {
.u_sp,
.u_sp_b {
display: block !important;
}
}
.u_sp_i {
display: none !important;
}
@media screen and (max-width: 768px) {
.u_sp_i {
display: inline !important;
}
}
.u_sp_ib {
display: none !important;
}
@media screen and (max-width: 768px) {
.u_sp_ib {
display: inline-block !important;
}
}
.u_sp_f {
display: none !important;
}
@media screen and (max-width: 768px) {
.u_sp_f {
display: flex !important;
}
}
.u_sp_t {
display: none !important;
}
@media screen and (max-width: 768px) {
.u_sp_t {
display: table-row !important;
}
} .innerbox_1120 {
max-width: calc(1120px + 2.5rem);
margin: 0 auto;
padding: 0 1.25rem;
}
.innerbox_1040 {
max-width: calc(1040px + 2.5rem);
margin: 0 auto;
padding: 0 1.25rem;
} .flexbox {
display: flex;
}
.flex_center {
display: flex;
justify-content: center;
align-items: center;
}
a,
button,
.btn {
cursor: pointer;
transition: all 0.3s ease;
}
a:hover,
button:hover,
.btn:hover {
opacity: 0.8;
}
@media screen and (max-width: 768px) {
a:hover,
button:hover,
.btn:hover {
opacity: 1;
}
}
ol {
list-style: decimal;
padding-left: 1em;
}
ol > li > ul {
list-style: lower-alpha;
padding-left: 1em;
}
ol > li > ul > li > ul {
list-style: lower-roman;
padding-left: 1em;
}
ul.dot_list > li {
position: relative;
display: block;
padding-left: 1em;
}
ul.dot_list > li::before {
content: "・";
display: block;
position: absolute;
left: 0;
top: 0;
}
ul.check_list > li {
position: relative;
display: block;
font-size: 1rem;
font-weight: 600;
line-height: 1.8;
padding-left: 1.8125rem;
}
ul.check_list > li::before {
content: "";
display: block;
position: absolute;
left: 0;
top: 0;
width: 0.9375rem;
height: 1.8em;
background-image: url(//gfc-since2020.com/wp-content/themes/genki-football-club__2025/assets/img/common/icon_check_blue.webp);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
ul.check_list > li:nth-child(n+2) {
margin-top: 0.5rem;
}
.kome_mark {
position: relative;
display: block;
padding-left: 1em;
}
.kome_mark::before {
content: "※";
display: block;
position: absolute;
left: 0;
top: 0;
} .index_php {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 2.5rem;
padding: 12.5rem 1rem;
text-align: center;
}
.not_open {
font-size: 1.125rem;
font-weight: 700;
text-align: center;
padding: 2.5rem;
}
.page_contents_wrapper {
padding-top: 6.25rem;
padding-bottom: 6.25rem;
}
@media screen and (max-width: 768px) {
.page_contents_wrapper {
padding-top: 4.5rem;
}
}
.page_contents_wrapper h2 {
padding-bottom: 0.5rem;
margin-top: 2rem;
margin-bottom: 1rem;
border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.archive_contents_wrapper {
padding-top: 6.25rem;
padding-bottom: 6.25rem;
}
@media screen and (max-width: 768px) {
.archive_contents_wrapper {
padding-top: 3rem;
}
}
.single_contents_wrapper {
padding-top: 3rem;
padding-bottom: 6.25rem;
}
@media screen and (max-width: 768px) {
.single_contents_wrapper {
padding-top: 6.25rem;
}
}
.page_title {
background-image: url(//gfc-since2020.com/wp-content/themes/genki-football-club__2025/assets/img/common/page_title_bg.webp);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
margin-left: 2.1875rem;
margin-right: 2.1875rem;
border-radius: 1.25rem;
}
@media screen and (max-width: 768px) {
.page_title {
margin-left: 1.25rem;
margin-right: 1.25rem;
}
}
.page_title_inner {
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
gap: 1.125rem;
height: 28.4375rem;
}
@media screen and (max-width: 768px) {
.page_title_inner {
justify-content: flex-end;
height: 20.875rem;
padding: 2rem 1.6875rem;
}
}
.page_title_inner span {
display: block;
color: #fff;
}
.page_title__en {
font-size: 8.125rem;
line-height: 1;
font-weight: 400;
font-family: "Oswald", sans-serif;
text-transform: capitalize;
}
@media screen and (max-width: 768px) {
.page_title__en {
font-size: 6.25rem;
}
}
.page_title__ja {
font-size: 1.5rem;
font-weight: 600;
line-height: 1.4583333333;
}
@media screen and (max-width: 768px) {
.page_title__ja {
font-size: 1.375rem;
}
}
section#breadcrumb {
padding: 1rem 1.5rem;
}
section#breadcrumb .breadcrumb_inner {
display: flex;
flex-wrap: nowrap;
align-items: center;
}
section#breadcrumb .breadcrumb_inner .breadcrumb_item {
font-size: 1rem;
white-space: nowrap;
}
@media screen and (max-width: 768px) {
section#breadcrumb .breadcrumb_inner .breadcrumb_item {
font-size: 0.875rem;
}
}
section#breadcrumb .breadcrumb_inner .breadcrumb_item a,
section#breadcrumb .breadcrumb_inner .breadcrumb_item span {
font-size: inherit;
line-height: inherit;
letter-spacing: inherit;
font-weight: inherit;
font-family: inherit;
color: inherit;
}
section#breadcrumb .breadcrumb_inner .breadcrumb_item:nth-child(n+2) {
margin-left: 1rem;
}
@media screen and (max-width: 768px) {
section#breadcrumb .breadcrumb_inner .breadcrumb_item:nth-child(n+2) {
margin-left: 0.75rem;
}
}
section#breadcrumb .breadcrumb_inner .breadcrumb_item:nth-child(n+2)::before {
content: ">";
font-size: inherit;
line-height: inherit;
color: #333;
margin-right: 1rem;
}
@media screen and (max-width: 768px) {
section#breadcrumb .breadcrumb_inner .breadcrumb_item:nth-child(n+2)::before {
margin-right: 0.75rem;
}
}
section#breadcrumb .breadcrumb_inner .breadcrumb_item:nth-last-child(1) {
white-space: nowrap;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
max-height: 2em;
}
section#breadcrumb .breadcrumb_inner .breadcrumb_item:nth-last-child(1) a,
section#breadcrumb .breadcrumb_inner .breadcrumb_item:nth-last-child(1) span {
opacity: 0.4;
pointer-events: none;
}
.wpcf7-response-output {
padding: 1.5rem !important;
text-align: center;
font-weight: 700;
background-color: #fff;
}
body:not(#page__contact) .grecaptcha-badge {
visibility: hidden;
}
.grecaptcha-badge {
z-index: 9999;
}
.single_contents__nav {
display: flex;
justify-content: space-between;
margin-top: 4rem;
} body {
background-color: #0142a5;
}
main#main {
padding-top: 7.1875rem;
}
@media screen and (max-width: 768px) {
main#main {
padding-top: 1.5625rem;
}
} header#header {
position: fixed;
z-index: 900;
top: 0;
left: 0;
right: 0;
width: 100%;
height: 7.1875rem;
background-color: rgba(1, 66, 165, 0.8);
backdrop-filter: blur(0.5rem);
}
@media screen and (max-width: 768px) {
header#header {
height: 5rem;
background: none;
backdrop-filter: unset;
}
}
header#header .header_inner {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
height: 100%;
padding: 0 2.1875rem;
}
header#header .header_left {
display: flex;
align-items: center;
padding-left: 8.5625rem;
}
header#header .header_logo {
position: absolute;
z-index: 100;
left: 0;
top: 0;
display: block;
background-color: #fff;
border-bottom-right-radius: 1.5rem;
padding: 0.625rem 0.8125rem;
}
@media screen and (max-width: 768px) {
header#header .header_logo {
padding: 0.3125rem 0.375rem;
}
}
header#header .header_logo_link {
display: block;
}
header#header .header_logo .logo {
width: 7.25rem;
}
@media screen and (max-width: 768px) {
header#header .header_logo .logo {
width: 5rem;
}
}
header#header .header_right {
display: flex;
align-items: center;
gap: 2.6875rem;
}
header#header .hamburger_menu_list {
display: flex;
gap: 2.125rem;
}
@media screen and (max-width: 768px) {
header#header .hamburger_menu_list {
flex-direction: column;
padding: 6.25rem 2rem;
}
}
header#header .hamburger_menu_list .menu-item a {
display: block;
font-size: 1.125rem;
line-height: 1;
font-weight: 700;
}
header#header .free_trial .free_trial_btn {
gap: 0.75rem;
max-width: 100%;
width: 11.125rem;
height: 4rem;
background-color: #06c755;
border-radius: 6.25rem;
}
@media screen and (max-width: 768px) {
header#header .free_trial .free_trial_btn {
width: 19.375rem;
}
}
header#header .free_trial .icon {
width: 2.5rem;
height: 2.5rem;
object-fit: contain;
}
header#header .free_trial .text {
display: block;
font-size: 1.125rem;
font-weight: 700;
line-height: 1.2;
color: #fff;
} footer#footer {
color: #333;
background-color: #fff;
padding-top: 3.625rem;
padding-bottom: 1rem;
border-radius: 1.25rem 1.25rem 0 0;
}
@media screen and (max-width: 768px) {
footer#footer {
padding-top: 2.5rem;
padding-bottom: 2.375rem;
}
}
footer#footer .footer_inner {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
gap: 3rem;
}
@media screen and (max-width: 768px) {
footer#footer .footer_inner {
flex-direction: column;
gap: 2.25rem;
}
}
footer#footer .footer_logo {
display: block;
width: 8.625rem;
margin-bottom: 0.875rem;
}
@media screen and (max-width: 768px) {
footer#footer .footer_logo {
width: 9.375rem;
}
}
@media screen and (max-width: 768px) {
footer#footer .footer_right {
margin-top: 0.625rem;
}
}
footer#footer .footer_menu_list {
display: flex;
flex-wrap: wrap;
justify-content: right;
gap: 2.125rem;
font-size: 1.125rem;
font-weight: 700;
line-height: 1.4375;
}
@media screen and (max-width: 768px) {
footer#footer .footer_menu_list {
justify-content: center;
gap: 0.75rem 1.75rem;
font-size: 1rem;
}
}
footer#footer .footer_menu_list__sub {
font-size: 0.875rem;
font-weight: 400;
margin-top: 1.6875rem;
}
@media screen and (max-width: 768px) {
footer#footer .footer_menu_list__sub {
margin-top: 2.125rem;
}
}
footer#footer .footer_bottom {
width: 100%;
}
footer#footer .footer_bottom .copyright {
font-size: 0.875rem;
font-family: "Oswald", sans-serif;
text-align: center;
} section.cta_freelesson {
color: #fff;
margin-bottom: 6.25rem;
}
@media screen and (max-width: 768px) {
section.cta_freelesson {
background-color: #0142a5;
}
}
section.cta_freelesson .cta_inner {
display: flex;
background-image: url(//gfc-since2020.com/wp-content/themes/genki-football-club__2025/assets/img/common/cta_freelesson_bg.webp);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
border-radius: 1.25rem;
}
@media screen and (max-width: 768px) {
section.cta_freelesson .cta_inner {
flex-direction: column-reverse;
}
}
section.cta_freelesson .cta_text_wrapper {
padding: 2.5rem 0.625rem 2.5rem 3.96875rem;
}
@media screen and (max-width: 768px) {
section.cta_freelesson .cta_text_wrapper {
padding: 3.25rem 1.25rem 3.3125rem;
}
}
section.cta_freelesson .cta_text_wrapper .btn {
margin-top: 1.25rem;
}
section.cta_freelesson .cta_title {
font-size: 2.21875rem;
font-weight: 700;
line-height: 1.4;
}
section.cta_freelesson .cta_title span {
display: inline-block;
}
section.cta_freelesson .cta_subtitle {
margin-top: 1.25rem;
}
section.cta_freelesson .cta_explain {
font-weight: 700;
margin-top: 0.625rem;
}
section.cta_freelesson .cta_attention {
font-size: 0.875rem;
margin-top: 0.375rem;
}
section.cta_freelesson .cta_image_wrapper {
width: 32.25rem;
flex-shrink: 0;
}
@media screen and (max-width: 768px) {
section.cta_freelesson .cta_image_wrapper {
width: 100%;
}
}
section.cta_freelesson .cta_image_wrapper img {
height: 100%;
object-fit: cover;
clip-path: polygon(8.875rem 0%, 100% 0, 100% 100%, 0% 100%);
border-radius: 0 1.25rem 1.25rem 0;
}
@media screen and (max-width: 768px) {
section.cta_freelesson .cta_image_wrapper img {
clip-path: initial;
border-radius: 1.25rem 1.25rem 0 0;
}
} .sns_links_wrapper {
display: flex;
gap: 0.5625rem;
}
.sns_links_wrapper .sns_link {
display: block;
width: 2.625rem;
height: 2.625rem;
background-color: #0081dc;
border-radius: 50%;
padding: 0.625rem;
}
.sns_links_wrapper .sns_link img {
height: 100%;
object-fit: contain;
}
.section_title span {
display: block;
color: #fff;
}
.section_title__en {
font-size: 6.125rem;
font-weight: 400;
font-family: "Oswald", sans-serif;
line-height: 1;
}
@media screen and (max-width: 768px) {
.section_title__en {
font-size: 4.625rem;
}
}
.section_title__ja {
font-size: 1.125rem;
font-weight: 600;
line-height: 26/18;
margin-top: 1.125rem;
}
@media screen and (max-width: 768px) {
.section_title__ja {
margin-top: 0.75rem;
}
}
.section_title__blue span {
color: #0142a5;
}
.btn {
position: relative;
z-index: 400;
display: flex;
justify-content: center;
align-items: center;
max-width: 100%;
width: 15rem;
height: 3.75rem;
font-size: 1rem;
font-weight: 600;
line-height: 1;
border-radius: 6.25rem;
}
@media screen and (max-width: 768px) {
.btn {
width: 100%;
}
}
.btn:hover {
opacity: 1;
}
.btn_arrow {
padding-right: 2.125rem;
}
@media screen and (max-width: 768px) {
.btn_arrow {
padding-right: 0;
}
}
.btn_arrow::after {
content: "";
position: absolute;
z-index: 1;
right: 1.125rem;
top: 50%;
transform: translateY(-50%);
width: 1.25rem;
height: 1.25rem;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
transition: all 0.3s ease;
}
.btn_arrow:hover::after {
right: 0.75rem;
}
.btn_arrow__diagonal::after {
transform: translateY(-50%) rotate(-45deg);
}
.btn_arrow__diagonal:hover::after {
top: calc(50% - 0.375rem);
}
.btn_maincolor {
color: #fff;
background-color: #0142a5;
border: 1px solid #0142a5;
}
.btn_maincolor:hover {
color: #0142a5;
background-color: #fff;
}
.btn_maincolor.btn_arrow::after {
background-image: url(//gfc-since2020.com/wp-content/themes/genki-football-club__2025/assets/img/common/icon_arrow_white.webp);
}
.btn_maincolor.btn_arrow:hover {
color: #fff;
background-color: #0142a5;
}
.btn_white {
color: #0142a5;
background-color: #fff;
border: 1px solid #fff;
}
.btn_white:hover {
color: #fff;
background-color: #0142a5;
}
.btn_white.btn_arrow::after {
background-image: url(//gfc-since2020.com/wp-content/themes/genki-football-club__2025/assets/img/common/icon_arrow_blue.webp);
}
.btn_white.btn_arrow:hover {
color: #0142a5;
background-color: #fff;
}
.btn_green {
color: #fff;
background-color: #00b900;
border: 1px solid #00b900;
}
.btn_green:hover {
color: #00b900;
background-color: #fff;
}
.btn_green.btn_arrow::after {
background-image: url(//gfc-since2020.com/wp-content/themes/genki-football-club__2025/assets/img/common/icon_arrow_white.webp);
}
.btn_green.btn_arrow:hover {
color: #fff;
background-color: #00b900;
}
.link {
text-decoration: underline;
}
a.target_blank {
display: inline-flex;
align-items: center;
gap: 0.25rem;
}
a.target_blank::after {
content: "";
display: block;
width: 1.75rem;
height: 1.75rem;
background-image: url(//gfc-since2020.com/wp-content/themes/genki-football-club__2025/assets/img/common/icon_link_white.webp);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
.cat_item {
display: inline-block;
font-size: 0.8125rem;
line-height: 1.4615384615;
font-weight: 600;
color: #0142a5;
background-color: #fff;
padding: 0.1875rem 1rem;
border-radius: 0.1875rem;
}
.archive_category_list {
display: flex;
flex-wrap: wrap;
gap: 1rem;
margin-bottom: 3.375rem;
}
.post_cat_item {
height: 2.6875rem;
font-size: 1rem;
line-height: 1.4375;
font-weight: 600;
white-space: nowrap;
color: #0142a5;
background-color: #fff;
border: 1px solid #fff;
border-radius: 6.25rem;
padding: 0 2rem;
}
@media screen and (max-width: 768px) {
.post_cat_item {
width: calc((100% - 2rem) / 3);
}
}
@media screen and (max-width: 480px) {
.post_cat_item {
width: calc((100% - 1rem) / 2);
}
}
.post_cat_item:hover {
color: #fff;
background-color: #0142a5;
}
.post_cat_item.current {
color: #fff;
background-color: #0142a5;
pointer-events: none;
}
.news_list {
display: flex;
flex-wrap: wrap;
gap: 3.375rem 1.4375rem;
}
@media screen and (max-width: 768px) {
.news_list {
gap: 2rem;
}
}
.news_list .post_co {
width: calc((100% - 2.875rem) / 3);
}
@media screen and (max-width: 768px) {
.news_list .post_co {
width: 100%;
}
}
.top_news_list .post_co {
padding-right: 4.875rem;
}
@media screen and (max-width: 768px) {
.top_news_list .post_co {
padding-right: 0;
}
}
.post_co {
position: relative;
z-index: 500;
display: block;
}
.post_co__image {
height: auto;
aspect-ratio: 358/268;
object-fit: cover;
border-radius: 1.25rem;
margin-bottom: 0.875rem;
}
.post_co__meta {
display: flex;
align-items: center;
gap: 1.375rem;
}
.post_co__date {
font-size: 0.875rem;
font-family: "Oswald", sans-serif;
}
.post_co__title {
font-size: 1rem;
font-weight: 400;
margin-top: 0.75rem;
}
.post_co__arrow {
position: absolute;
right: 1rem;
top: calc(50% + 0.625rem);
transform: translateY(-50%);
width: 1.4375rem;
height: 1.4375rem;
object-fit: contain;
transition: all 0.3s ease;
}
@media screen and (max-width: 768px) {
.post_co__arrow {
display: none !important;
}
}
.post_co:hover {
opacity: 1;
}
.post_co:hover .post_co__arrow {
right: 0;
}
.class_list {
display: flex;
flex-wrap: wrap;
gap: 4rem;
}
@media screen and (max-width: 768px) {
.class_list {
gap: 0;
}
}
.class_info_item {
width: calc((100% - 4rem) / 2);
}
@media screen and (max-width: 768px) {
.class_info_item {
width: 100%;
padding: 2.5rem 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
}
.class_info_item:nth-child(2n) {
margin-top: 4rem;
}
@media screen and (max-width: 768px) {
.class_info_item:nth-child(2n) {
margin-top: 0;
}
}
.class_info_item__title_sub {
font-size: 1rem;
font-weight: 600;
color: #9e9e9e;
}
.class_info_item__title_main {
position: relative;
z-index: 400;
font-size: 1.75rem;
line-height: 1.4642857143;
font-weight: 600;
padding-left: 2rem;
margin-top: 1rem;
}
.class_info_item__title_main::before {
content: "";
position: absolute;
left: 0;
top: 0.78125rem;
display: block;
width: 1rem;
height: 1rem;
background-color: #0081dc;
border-radius: 50%;
}
.class_info_item__image {
margin-top: 1.5rem;
}
.class_info_item__image img {
height: auto;
aspect-ratio: 528/330;
object-fit: cover;
border-radius: 1.25rem;
}
.class_info_item__detail {
display: grid;
grid-template-columns: 5.3125rem auto 5.3125rem auto;
gap: 0.75rem;
margin-top: 1rem;
}
@media screen and (max-width: 639px) {
.class_info_item__detail {
grid-template-columns: 5.3125rem auto;
gap: 0.5rem;
}
}
.class_info_item__detail_title {
min-height: 2rem;
font-size: 0.875rem;
font-weight: 700;
color: #fff;
background-color: #0142a5;
border-radius: 0.25rem;
}
.class_info_item__detail_content {
display: flex;
align-items: center;
font-size: 0.875rem;
font-weight: 700;
}
.class_info_item__explain {
margin-top: 1rem;
}
.coach_list {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 2rem;
}
.coach_co__btn {
display: flex;
flex-direction: column;
align-items: center;
gap: 1rem;
width: 22rem;
}
@media screen and (max-width: 768px) {
.coach_co__btn {
width: 17.5rem;
}
}
.coach_co__btn_image {
height: auto;
aspect-ratio: 1/1;
object-fit: cover;
border-radius: 50%;
}
.coach_co__btn_text {
position: relative;
z-index: 400;
width: fit-content;
min-width: 13.8125rem;
min-height: 2.8125rem;
font-size: 1.125rem;
font-weight: 600;
color: #0142a5;
background-color: #fff;
padding: 0 2.125rem;
border-radius: 6.25rem;
}
@media screen and (max-width: 768px) {
.coach_co__btn_text {
min-width: 17.5rem;
}
}
.coach_co__btn_text::before, .coach_co__btn_text::after {
content: "";
position: absolute;
right: 1rem;
top: 50%;
display: block;
width: 1.125rem;
height: 0.125rem;
border-radius: 0.125rem;
background-color: #0142a5;
}
.coach_co__btn_text::before {
transform: translateY(-50%);
}
.coach_co__btn_text::after {
transform: translateY(-50%) rotate(90deg);
}
.coach_co__inner {
display: flex;
gap: 4.125rem;
}
@media screen and (max-width: 768px) {
.coach_co__inner {
flex-direction: column;
}
}
.coach_co__overview {
width: 17.5rem;
flex-shrink: 0;
}
@media screen and (max-width: 768px) {
.coach_co__overview {
width: 100%;
}
}
.coach_co__name {
display: flex;
justify-content: center;
align-items: flex-end;
font-size: 1.5rem;
line-height: 1.2;
font-weight: 600;
color: #0142a5;
margin-top: 0.875rem;
}
.coach_co__name .name {
display: flex;
flex-direction: column;
align-items: center;
}
.coach_co__name .name span {
display: block;
}
.coach_co__name .name_ruby {
font-size: 0.75rem;
line-height: 1;
}
.coach_co__features {
margin-top: 1.625rem;
}
.coach_co__features .speechBubble {
position: relative;
z-index: 200;
display: block;
width: 100%;
font-size: 0.875rem;
padding: 1.125rem;
margin-top: 1.125rem;
border: 2px solid #0142a5;
border-radius: 1rem;
background-color: #fff;
}
.coach_co__features .speechBubble::before {
content: "";
position: absolute;
top: 0;
left: 50%;
translate: -50% -100%;
border-width: 0 0.5625rem 1.125rem 0.5625rem;
border-style: solid;
border-color: transparent transparent #0142a5;
}
.coach_co__features .speechBubble::after {
content: "";
position: absolute;
top: 0;
left: 50%;
translate: -50% -100%;
border-style: solid;
border-width: 0 0.425rem 0.84375rem 0.425rem;
border-color: transparent transparent #fff;
}
.coach_co__details {
width: 100%;
max-width: 36.5625rem;
}
@media screen and (max-width: 768px) {
.coach_co__details {
max-width: initial;
}
}
.coach_co__details::after {
content: "";
display: block;
width: 100%;
height: 1.75rem;
}
@media screen and (max-width: 768px) {
.coach_co__details::after {
height: 1.5625rem;
}
}
.coach_co__subtitle {
font-size: 1rem;
font-weight: 600;
color: #0142a5;
padding-bottom: 0.875rem;
border-bottom: 1px solid #0142a5;
}
.coach_co__text {
font-size: 1rem;
padding-top: 1rem;
margin-bottom: 2rem;
}
.pagination {
display: flex;
justify-content: center;
align-items: center;
gap: 2rem;
width: 100%;
margin-top: 1.5rem;
}
.pagination .page-numbers {
display: flex;
justify-content: center;
align-items: center;
font-size: 1.0625rem;
line-height: 1;
flex-wrap: 600;
font-family: "Oswald", sans-serif;
color: #fff;
}
.pagination .page-numbers.current {
width: 2.5rem;
height: 2.5rem;
color: #0142a5;
background-color: #fff;
border-radius: 50%;
}
.pagination .page-numbers.prev img, .pagination .page-numbers.next img {
width: 1.125rem;
height: 1.125rem;
object-fit: contain;
}
.pagination .page-numbers.prev {
transform: rotate(180deg);
}
.single_contents__image {
border-radius: 1.25rem;
}
.single_contents__meta {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 2rem;
margin-top: 2.8125rem;
}
.single_contents__categories .cat_item {
font-size: 1.125rem;
padding: 0.25rem 1.5rem;
}
.single_contents__date {
font-size: 1.25rem;
font-weight: 400;
font-family: "Oswald", sans-serif;
}
.single_contents__title {
font-size: 2rem;
font-weight: 600;
margin-top: 1.125rem;
}
.single_contents__text {
margin-top: 3.75rem;
}
@media screen and (max-width: 768px) {
.single_contents__text {
margin-top: 2rem;
}
}
.single_contents__text * {
margin: 1rem 0;
}
.single_contents__text h2,
.single_contents__text h3,
.single_contents__text h4,
.single_contents__text h5 {
margin-top: 2rem;
}
.single_contents__btn {
margin-top: 6rem;
}
@media screen and (max-width: 768px) {
.single_contents__btn {
margin-top: 2rem;
}
}
.single_contents__btn .btn {
margin-left: auto;
margin-right: auto;
}
.bg_white_area {
color: #333;
background-color: #fff;
padding-top: 5.25rem;
padding-bottom: 5.25rem;
margin-left: 2.1875rem;
margin-right: 2.1875rem;
border-radius: 1.25rem;
}
@media screen and (max-width: 768px) {
.bg_white_area {
padding-top: 4.6875rem;
padding-bottom: 5.75rem;
margin-left: 0;
margin-right: 0;
border-radius: 0;
}
} body#page__top ol {
list-style: none;
padding: 0;
}
body#page__top section#fv .fv_upper {
position: relative;
padding: 0 2.1875rem;
}
@media screen and (max-width: 768px) {
body#page__top section#fv .fv_upper {
padding: 0 1.25rem;
}
}
body#page__top section#fv .fv_text {
position: absolute;
z-index: 400;
left: 6.9375rem;
top: 50%;
transform: translateY(-50%);
width: calc(100% - 6.9375rem);
}
@media screen and (max-width: 768px) {
body#page__top section#fv .fv_text {
left: 1.25rem;
width: calc(100% - 1.25rem);
}
}
body#page__top section#fv .fv_text span {
display: block;
}
body#page__top section#fv .fv_text__ja {
position: relative;
z-index: 400;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 1.5rem;
}
@media screen and (max-width: 768px) {
body#page__top section#fv .fv_text__ja {
gap: 0.875rem;
}
}
body#page__top section#fv .fv_text__ja span {
font-size: 2.8125rem;
font-weight: 800;
color: #fff;
background: linear-gradient(91deg, #013c88 0%, #008ad3 100%);
padding: 0.3125rem 4.0625rem 0.3125rem 1.5rem;
clip-path: polygon(0 0, 100% 0, calc(100% - 3.125rem) 100%, 0% 100%);
}
@media screen and (max-width: 768px) {
body#page__top section#fv .fv_text__ja span {
font-size: 1.5rem;
padding: 0.1875rem 2.5rem 0.1875rem 0.9375rem;
clip-path: polygon(0 0, 100% 0, calc(100% - 2rem) 100%, 0% 100%);
}
}
body#page__top section#fv .fv_text__en {
position: relative;
z-index: 300;
width: 100%;
height: 11.25rem;
font-size: 10rem;
line-height: 1;
font-weight: 600;
font-family: "Roboto", sans-serif;
font-style: italic;
text-transform: uppercase;
white-space: nowrap;
color: transparent;
-webkit-text-stroke: 1.8px white;
margin-top: -3.75rem;
}
body#page__top section#fv .fv_text__en span {
opacity: 0.6;
text-align: right;
letter-spacing: -0.05em;
margin-right: 0.05em;
}
body#page__top section#fv .fv_text__en img {
height: 100%;
padding: 1.5rem 0;
object-fit: contain;
object-position: right;
}
body#page__top section#fv .slider {
z-index: 300;
}
body#page__top section#fv .fv_main {
aspect-ratio: 1370/626;
}
@media screen and (max-width: 768px) {
body#page__top section#fv .fv_main {
aspect-ratio: initial;
}
}
body#page__top section#fv .fv_main .slick-list,
body#page__top section#fv .fv_main .slick-track {
height: 100%;
}
@media screen and (max-width: 768px) {
body#page__top section#fv .fv_main .slick-list,
body#page__top section#fv .fv_main .slick-track {
height: auto;
}
}
body#page__top section#fv .fv_main__slide_item {
position: relative;
z-index: 400;
}
body#page__top section#fv .fv_main__slide_item__image {
height: 100%;
}
@media screen and (max-width: 768px) {
body#page__top section#fv .fv_main__slide_item__image {
height: 38.5rem;
}
}
body#page__top section#fv .fv_main__slide_item__image img {
height: 100%;
object-fit: cover;
border-radius: 1.25rem;
}
body#page__top section#fv .fv_main__slide_item__textinfo {
position: absolute;
right: 0;
bottom: 0;
width: 40.75rem;
max-width: 90%;
background: #0142a5;
padding-top: 1.25rem;
padding-left: 1.25rem;
border-top-left-radius: 1.25rem;
}
@media screen and (max-width: 768px) {
body#page__top section#fv .fv_main__slide_item__textinfo {
position: relative;
width: 100%;
max-width: 100%;
right: initial;
bottom: initial;
padding: 1.25rem 0 0;
border-radius: 0;
}
}
body#page__top section#fv .fv_main__slide_item__textinfo::before, body#page__top section#fv .fv_main__slide_item__textinfo::after {
content: "";
position: absolute;
z-index: -1;
width: 2.5rem;
height: 2.5rem;
box-shadow: 1.125rem 1.125rem 0 #0142a5;
border-radius: 1.25rem;
}
@media screen and (max-width: 768px) {
body#page__top section#fv .fv_main__slide_item__textinfo::before, body#page__top section#fv .fv_main__slide_item__textinfo::after {
display: none;
}
}
body#page__top section#fv .fv_main__slide_item__textinfo::before {
right: 0;
top: -2.5rem;
}
body#page__top section#fv .fv_main__slide_item__textinfo::after {
left: -2.5rem;
bottom: 0;
}
body#page__top section#fv .fv_thumb {
margin-top: 1.75rem;
}
@media screen and (max-width: 768px) {
body#page__top section#fv .fv_thumb {
margin-top: 1.3125rem;
}
}
body#page__top section#fv .fv_thumb__slide_item {
width: 20.0625rem;
height: 11.3125rem;
margin: 0 0.625rem;
cursor: pointer;
}
@media screen and (max-width: 768px) {
body#page__top section#fv .fv_thumb__slide_item {
width: 9.375rem;
height: 5.25rem;
margin: 0 0.25rem;
}
}
body#page__top section#fv .fv_thumb__slide_item__image {
height: 100%;
}
body#page__top section#fv .fv_thumb__slide_item img {
height: 100%;
object-fit: cover;
border-radius: 1.25rem;
}
@media screen and (max-width: 768px) {
body#page__top section#fv .fv_thumb__slide_item img {
border-radius: 0.625rem;
}
}
body#page__top section#news {
padding-top: 7.0625rem;
padding-bottom: 6.25rem;
}
@media screen and (max-width: 768px) {
body#page__top section#news {
padding-top: 5.71875rem;
padding-bottom: 5.5rem;
}
}
body#page__top section#news .news_inner {
display: flex;
gap: 6.9375rem;
}
@media screen and (max-width: 768px) {
body#page__top section#news .news_inner {
flex-wrap: wrap;
gap: 3rem;
}
}
body#page__top section#news .news_title_wrapper {
flex-shrink: 0;
}
body#page__top section#news .news_title_wrapper .btn {
margin-top: 3.125rem;
}
body#page__top section#news .news_contents_wrapper {
width: 100%;
}
body#page__top section#news .news_contents_wrapper .post_co:nth-child(n+2) {
padding-top: 2rem;
margin-top: 2rem;
border-top: 1px solid rgba(255, 255, 255, 0.3);
}
@media screen and (max-width: 768px) {
body#page__top section#news .news_contents_wrapper .post_co:nth-child(n+2) {
padding-top: 1.25rem;
margin-top: 1.25rem;
}
}
@media screen and (max-width: 768px) {
body#page__top section#news .news_btn_wrapper {
width: 100%;
}
}
body#page__top section#about .about_inner {
display: flex;
align-items: flex-start;
gap: 6rem;
}
@media screen and (max-width: 768px) {
body#page__top section#about .about_inner {
padding-right: 0;
}
}
body#page__top section#about .about_text_wrapper {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 2rem;
width: 100%;
}
body#page__top section#about .about_subtitle {
font-size: 2.1875rem;
line-height: 1.64;
letter-spacing: 0.1em;
font-weight: 900;
background: linear-gradient(91deg, #013c88 0%, #008ad3 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
@media screen and (max-width: 768px) {
body#page__top section#about .about_subtitle {
font-size: 2rem;
padding-right: 1.25rem;
}
}
@media screen and (max-width: 768px) {
body#page__top section#about .about_explain {
padding-right: 1.25rem;
}
}
@media screen and (max-width: 768px) {
body#page__top section#about .about_btn_wrapper {
width: 100%;
padding-right: 1rem;
}
}
body#page__top section#about .about_image_wrapper {
display: flex;
flex-direction: column;
gap: 2rem;
width: 28.125rem;
flex-shrink: 0;
}
@media screen and (max-width: 768px) {
body#page__top section#about .about_image_wrapper {
flex-direction: row;
gap: 1rem;
width: 75rem;
}
}
@media screen and (max-width: 768px) {
body#page__top section#about .about_image_wrapper__container {
width: 100%;
overflow-x: auto;
padding-right: 1.25rem;
}
}
body#page__top section#about .about_image {
aspect-ratio: 450/307;
object-fit: cover;
border-radius: 1.25rem;
}
@media screen and (max-width: 768px) {
body#page__top section#about .about_image {
width: calc((100% - 2rem) / 3);
}
}
body#page__top section#howto {
margin-top: 3.75rem;
margin-bottom: 3.75rem;
}
@media screen and (max-width: 768px) {
body#page__top section#howto {
padding: 0;
margin-top: 5.75rem;
margin-bottom: 0;
}
}
body#page__top section#howto .howto_inner {
background-color: #0142a5;
padding-top: 2.8125rem;
padding-bottom: 2.8125rem;
border-radius: 1.25rem;
}
@media screen and (max-width: 768px) {
body#page__top section#howto .howto_inner {
padding: 5.75rem 1.25rem 4.4375rem;
border-radius: 0;
}
}
body#page__top section#howto .section_title {
text-align: center;
}
body#page__top section#howto .section_title__en {
font-size: 4rem;
}
body#page__top section#howto .howto_list {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 1rem;
padding-top: 2.875rem;
margin-top: 2.1875rem;
}
@media screen and (max-width: 768px) {
body#page__top section#howto .howto_list {
padding-top: 0;
}
}
body#page__top section#howto .howto_list_item {
position: relative;
z-index: 400;
width: 20rem;
background-color: #fff;
padding: 3.5rem 2rem 2.25rem;
border-radius: 1.25rem;
}
@media screen and (max-width: 768px) {
body#page__top section#howto .howto_list_item {
width: 100%;
margin-top: 3.875rem;
}
}
body#page__top section#howto .howto_list_item__number {
position: absolute;
z-index: 100;
top: -2.875rem;
left: 50%;
transform: translateX(-50%);
width: 5.6875rem;
height: 5.6875rem;
font-size: 2.8125rem;
line-height: 1;
font-weight: 400;
font-family: "Oswald", sans-serif;
color: #0142a5;
background-color: #fff;
border-radius: 50%;
}
body#page__top section#howto .howto_list_item__title {
font-size: 1.5rem;
font-weight: 600;
text-align: center;
}
body#page__top section#howto .howto_list_item__icon {
width: 5.25rem;
height: 5.25rem;
object-fit: contain;
margin: 2rem auto;
}
body#page__top section#howto .howto_list_item__check_list {
padding: 0;
}
body#page__top section#howto .howto_list_item .btn {
margin: 0.875rem auto 0;
}
body#page__top section.cta_freelesson {
margin-bottom: 0;
}
@media screen and (max-width: 768px) {
body#page__top section.cta_freelesson {
padding-bottom: 6.25rem;
}
}
body#page__top section#schedule {
padding-top: 3.75rem;
}
@media screen and (max-width: 768px) {
body#page__top section#schedule {
padding-top: 5.75rem;
}
}
body#page__top section#schedule .schedule_contents_wrapper {
display: flex;
gap: 1.25rem 2.25rem;
margin-top: 3.125rem;
}
@media screen and (max-width: 768px) {
body#page__top section#schedule .schedule_contents_wrapper {
flex-direction: column;
}
}
body#page__top section#schedule .schedule_calendar {
width: 18.75rem;
max-width: 100%;
flex-shrink: 0;
}
@media screen and (max-width: 768px) {
body#page__top section#schedule .schedule_calendar {
width: 100%;
}
}
body#page__top section#schedule .schedule_calendar h2 {
display: none;
}
@media screen and (max-width: 768px) {
body#page__top section#schedule .schedule_explain {
width: 100%;
}
}
body#page__top section#schedule .schedule_explain__mark {
width: fit-content;
min-width: 10.375rem;
border: 1px solid #f1f1f1;
padding: 0.5625rem;
}
body#page__top section#schedule .schedule_explain__mark > li {
display: flex;
align-items: center;
gap: 0.3125rem;
font-size: 0.875rem;
font-weight: 300;
line-height: 1.3864942529;
}
body#page__top section#schedule .schedule_explain__mark > li:nth-child(n+2) {
margin-top: 0.5rem;
}
body#page__top section#schedule .schedule_explain__mark > li::before {
content: "";
display: block;
width: 1.625rem;
height: 1.625rem;
}
body#page__top section#schedule .schedule_explain__mark .green:before {
background-color: #ddffcc;
}
body#page__top section#schedule .schedule_explain__mark .red:before {
background-color: #ffc0bd;
}
body#page__top section#schedule .schedule_explain__text {
margin-top: 2.375rem;
}
body#page__top section#schedule .schedule_explain__text .kome_mark {
font-size: 0.875rem;
}
body#page__top section#schedule .schedule_explain__btn {
display: flex;
flex-direction: column;
gap: 1.5rem;
margin-top: 2.1875rem;
}
body#page__top section#schedule .schedule_explain__btn .btn {
width: 28.1875rem;
}
@media screen and (max-width: 768px) {
body#page__top section#schedule .schedule_explain__btn .btn {
height: 4.375rem;
line-height: 1.2;
text-align: center;
}
}
@media screen and (max-width: 768px) {
body#page__top section#schedule .schedule_explain__btn .btn::after {
display: none;
}
}
body#page__top section#coach {
padding: 0 2.25rem;
margin-top: 6.25rem;
}
@media screen and (max-width: 768px) {
body#page__top section#coach {
padding: 0;
margin: 0;
}
}
body#page__top section#coach .coach_inner {
background-image: url(//gfc-since2020.com/wp-content/themes/genki-football-club__2025/assets/img/top/coach_bg.webp);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
padding-top: 5.25rem;
padding-bottom: 5.25rem;
border-radius: 1.25rem;
}
@media screen and (max-width: 768px) {
body#page__top section#coach .coach_inner {
padding-top: 5rem;
padding-bottom: 5rem;
border-radius: 0;
}
}
body#page__top section#coach .section_title {
text-align: center;
}
body#page__top section#coach .coach_list {
margin-top: 3.125rem;
}
body#page__top section#coach .coach_btn_wrapper .btn {
margin: 3.125rem auto 0;
}
body#page__top section#event {
padding-top: 6.25rem;
padding-bottom: 3.125rem;
}
@media screen and (max-width: 768px) {
body#page__top section#event {
padding-top: 6.9375rem;
padding-bottom: 3.75rem;
}
}
body#page__top section#event .event_title_wrapper {
display: flex;
justify-content: space-between;
align-items: flex-end;
}
body#page__top section#event .event_post_wrapper {
margin-top: 3.125rem;
}
@media screen and (max-width: 768px) {
body#page__top section#event .event_btn_wrapper {
width: 100%;
margin-top: 3rem;
}
}
body#page__top section#teams {
padding-top: 3.125rem;
padding-bottom: 6.25rem;
}
@media screen and (max-width: 768px) {
body#page__top section#teams {
padding-top: 3.75rem;
}
}
body#page__top section#teams .team_items_wrapper {
display: flex;
flex-wrap: wrap;
gap: 2rem;
margin-top: 3.125rem;
}
body#page__top section#teams .team_item {
width: calc((100% - 4rem) / 3);
}
@media screen and (max-width: 768px) {
body#page__top section#teams .team_item {
width: 100%;
}
}
body#page__top section#teams .team_item__logo {
height: auto;
aspect-ratio: 352/341;
border-radius: 1.25rem;
}
body#page__top section#teams .team_item__list {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 1rem;
margin-top: 1.5rem;
}
body#page__top section#teams .team_item__list_item {
width: calc((100% - 1rem) / 2);
height: 2.8125rem;
font-size: 1.125rem;
font-weight: 600;
color: #0142a5;
background-color: #fff;
border-radius: 6.25rem;
}
@media screen and (max-width: 768px) {
body#page__top section#instagram {
padding: 0;
}
}
body#page__top section#instagram .instagram_inner {
background-color: #fff;
padding: 2.125rem 3rem;
border-radius: 1.25rem;
}
@media screen and (max-width: 768px) {
body#page__top section#instagram .instagram_inner {
padding: 4.375rem 1.75rem 4.875rem;
border-radius: 0;
}
}
@media screen and (max-width: 768px) {
body#page__top section#instagram .FeedHeader__container {
flex-wrap: wrap;
justify-content: center;
}
}
body#page__top section#instagram .FeedProfilePic__fallback {
width: 8.75rem !important;
height: 8.75rem !important;
}
body#page__top section#owner_recruit {
margin-top: 6.25rem;
margin-bottom: 6.25rem;
}
@media screen and (max-width: 768px) {
body#page__top section#owner_recruit {
margin-top: 3.75rem;
margin-bottom: 3.75rem;
}
}
body#page__top section#owner_recruit .owner_recruit_inner {
display: flex;
align-items: center;
gap: 2.25rem;
background-image: url(//gfc-since2020.com/wp-content/themes/genki-football-club__2025/assets/img/top/owner_recruit_bg.webp);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
padding: 2.5rem 4rem;
border-radius: 1.25rem;
}
@media screen and (max-width: 768px) {
body#page__top section#owner_recruit .owner_recruit_inner {
flex-direction: column;
padding: 3.25rem 1.625rem;
}
}
body#page__top section#owner_recruit .owner_recruit__image {
width: 15.0625rem;
flex-shrink: 0;
}
body#page__top section#owner_recruit .owner_recruit__image img {
height: auto;
aspect-ratio: 1/1;
}
body#page__top section#owner_recruit .owner_recruit__text {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 1rem;
width: 100%;
}
body#page__top section#owner_recruit .owner_recruit__title {
font-size: 2.25rem;
font-weight: 700;
}
body#page__top section#owner_recruit .owner_recruit__explain {
font-size: 1rem;
}
@media screen and (max-width: 768px) {
body#page__top section#owner_recruit .owner_recruit__btn {
width: 100%;
}
}  body#page__about section#about_catch {
padding-top: 7.375rem;
padding-bottom: 3.125rem;
}
body#page__about section#about_catch .about_catch__title {
position: relative;
z-index: 400;
display: flex;
flex-direction: column;
align-items: center;
}
body#page__about section#about_catch .about_catch__title span {
display: block;
text-align: center;
}
body#page__about section#about_catch .about_catch__title_ja {
font-size: 3.1875rem;
line-height: 1.64;
letter-spacing: 0.17em;
font-weight: 900;
}
@media screen and (max-width: 768px) {
body#page__about section#about_catch .about_catch__title_ja {
font-size: 2.125rem;
padding-left: 0.5em;
}
}
body#page__about section#about_catch .about_catch__title_en {
font-size: 6.125rem;
line-height: 1;
font-weight: 400;
font-family: "Oswald", sans-serif;
white-space: nowrap;
margin-top: -4.125rem;
opacity: 0.1;
}
@media screen and (max-width: 768px) {
body#page__about section#about_catch .about_catch__title_en {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 4.25rem;
margin-top: 0;
}
}
body#page__about section#our_vision {
padding-top: 3.125rem;
padding-bottom: 3.125rem;
}
@media screen and (max-width: 768px) {
body#page__about section#our_vision {
padding-top: 4.25rem;
}
}
body#page__about section#our_vision .our_vision_inner {
display: flex;
gap: 2.5rem 4rem;
}
@media screen and (max-width: 768px) {
body#page__about section#our_vision .our_vision_inner {
flex-wrap: wrap;
}
}
body#page__about section#our_vision .our_vision__text_wrapper {
padding: 1.6875rem 0;
}
@media screen and (max-width: 768px) {
body#page__about section#our_vision .our_vision__text_wrapper {
width: 100%;
padding: 0;
}
}
body#page__about section#our_vision .our_vision__subtitle {
font-size: 2.5rem;
line-height: 1.64;
letter-spacing: 0.17;
font-weight: 700;
margin-top: 2rem;
}
@media screen and (max-width: 768px) {
body#page__about section#our_vision .our_vision__subtitle {
font-size: 1.75rem;
}
}
body#page__about section#our_vision .our_vision__explain {
margin-top: 2rem;
}
body#page__about section#our_vision .our_vision__image_wrapper {
position: relative;
z-index: 400;
width: 30rem;
flex-shrink: 0;
}
@media screen and (max-width: 768px) {
body#page__about section#our_vision .our_vision__image_wrapper {
width: 100%;
}
}
body#page__about section#our_vision .our_vision__image_wrapper img {
position: absolute;
z-index: 100;
left: 0;
top: 0;
bottom: 0;
max-width: initial;
width: 40rem;
height: 100%;
object-fit: cover;
border-radius: 1.25rem 0 0 1.25rem;
}
@media screen and (max-width: 768px) {
body#page__about section#our_vision .our_vision__image_wrapper img {
position: initial;
width: 100%;
height: auto;
aspect-ratio: 350/428;
transform: translateX(1.25rem);
}
}
body#page__about section#philosophy {
padding-top: 3.125rem;
padding-bottom: 6.25rem;
}
@media screen and (max-width: 768px) {
body#page__about section#philosophy {
padding-top: 2rem;
padding-bottom: 5rem;
}
}
body#page__about section#philosophy .section_title {
text-align: center;
}
@media screen and (max-width: 768px) {
body#page__about section#philosophy .section_title {
text-align: left;
}
}
body#page__about section#philosophy .philosophy_items_wrapper {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 2rem;
margin-top: 4rem;
}
body#page__about section#philosophy .philosophy_item {
width: calc((100% - 4rem) / 3);
background-color: #fff;
padding: 2rem;
border-radius: 1.25rem;
}
@media screen and (max-width: 768px) {
body#page__about section#philosophy .philosophy_item {
width: 100%;
}
}
body#page__about section#philosophy .philosophy_item__icon {
height: 6.25rem;
object-fit: contain;
}
body#page__about section#philosophy .philosophy_item__title {
margin-top: 1.84375rem;
}
body#page__about section#philosophy .philosophy_item__title span {
display: block;
font-weight: 600;
text-align: center;
}
body#page__about section#philosophy .philosophy_item__title_en {
font-size: 3.5rem;
line-height: 1;
font-family: "Oswald", sans-serif;
background: linear-gradient(91deg, #013c88 0%, #008ad3 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
body#page__about section#philosophy .philosophy_item__title_ja {
font-size: 1rem;
color: #0142a5;
margin-top: 0.75rem;
}
body#page__about section#philosophy .philosophy_item__explain {
color: #333;
margin-top: 1.84375rem;
}
body#page__about section#class_info .class_info_title_wrapper {
display: flex;
align-items: center;
}
@media screen and (max-width: 768px) {
body#page__about section#class_info .class_info_title_wrapper {
flex-direction: column;
align-items: flex-start;
}
}
body#page__about section#class_info .section_title {
flex-shrink: 0;
}
body#page__about section#class_info .class_info_explain {
padding-left: 4.75rem;
margin-left: 4.75rem;
border-left: 1px solid rgba(0, 0, 0, 0.2);
}
@media screen and (max-width: 768px) {
body#page__about section#class_info .class_info_explain {
padding: 0;
margin-left: 0;
border-left: none;
}
}
@media screen and (max-width: 768px) {
body#page__about section#class_info .class_info_explain::before {
content: "";
display: block;
width: 4.75rem;
height: 1px;
background-color: rgba(0, 0, 0, 0.2);
margin: 3.1875rem 0 2.125rem;
}
}
body#page__about section#class_info .class_info_items_wrapper {
margin-top: 4.375rem;
}
@media screen and (max-width: 768px) {
body#page__about section#class_info .class_info_items_wrapper {
margin-top: 1rem;
}
}
body#page__about section#schedule_details {
padding-top: 6.25rem;
}
@media screen and (max-width: 768px) {
body#page__about section#schedule_details {
padding-top: 5.6875rem;
}
}
@media screen and (max-width: 768px) {
body#page__about section#schedule_details .schedule_details_inner {
padding: 0;
}
}
@media screen and (max-width: 768px) {
body#page__about section#schedule_details .section_title {
padding: 0 1.25rem;
}
}
body#page__about section#schedule_details .schedule_details_contents_wrapper {
width: 100%;
overflow-x: auto;
margin-top: 2rem;
}
@media screen and (max-width: 768px) {
body#page__about section#schedule_details .schedule_details_contents_wrapper img {
min-width: 50rem;
}
}
body#page__about section#schedule_details .schedule_details_contents_wrapper iframe {
width: 100%;
height: 50rem;
}
@media screen and (max-width: 768px) {
body#page__about section#schedule_details .schedule_details_contents_wrapper iframe {
min-width: 50rem;
}
}
body#page__about section#location {
padding-top: 6.25rem;
}
body#page__about section#location .location_item {
display: flex;
align-items: flex-start;
gap: 2.5rem;
padding: 2.5rem 0;
}
@media screen and (max-width: 768px) {
body#page__about section#location .location_item {
flex-direction: column;
}
}
body#page__about section#location .location_item:nth-child(n+2) {
border-top: 1px solid rgba(255, 255, 255, 0.5);
}
body#page__about section#location .location_item__map {
width: 22.875rem;
flex-shrink: 0;
}
@media screen and (max-width: 768px) {
body#page__about section#location .location_item__map {
width: 100%;
}
}
body#page__about section#location .location_item__map iframe {
width: 100%;
height: 22.875rem;
}
@media screen and (max-width: 768px) {
body#page__about section#location .location_item__map iframe {
height: 22rem;
}
}
body#page__about section#location .location_item__info {
width: 100%;
}
body#page__about section#location .location_item__name {
font-size: 1.5rem;
font-weight: 600;
}
body#page__about section#location .location_item__detail {
display: grid;
grid-template-columns: 8rem auto;
gap: 0.5rem 1rem;
margin-top: 2rem;
}
body#page__about section#location .location_item__detail_title {
min-height: 2.1875rem;
font-weight: 700;
color: #0142a5;
background-color: #fff;
border-radius: 0.25rem;
}
body#page__about section#location .location_item__detail_content {
display: flex;
flex-direction: column;
justify-content: center;
}
body#page__about section#location .location_item__player {
margin-top: 0.5rem;
}
body#page__about section#location .location_item__player_title {
min-height: 3.4375rem;
font-weight: 700;
color: #0142a5;
background-color: #fff;
border-radius: 0.25rem;
}
body#page__about section#location .location_item__player_explain span {
display: block;
font-size: 0.875rem;
font-weight: 700;
margin-top: 0.5rem;
}
body#page__about section#company {
padding-top: 6.25rem;
padding-bottom: 6.25rem;
}
@media screen and (max-width: 768px) {
body#page__about section#company {
padding-bottom: 4.75rem;
}
}
body#page__about section#company .company_info {
display: grid;
grid-template-columns: 25% 75%;
margin-top: 2.5rem;
border-top: 1px solid rgba(255, 255, 255, 0.5);
}
@media screen and (max-width: 768px) {
body#page__about section#company .company_info {
grid-template-columns: auto;
}
}
body#page__about section#company .company_info__title, body#page__about section#company .company_info__content {
font-weight: 600;
line-height: 1.4375;
padding-top: 1.5rem;
padding-bottom: 1.5rem;
border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
@media screen and (max-width: 768px) {
body#page__about section#company .company_info__title {
padding-bottom: 0;
border-bottom: 0;
}
}
body#page__about section#company .company_info__content {
padding-left: 3.375rem;
}
@media screen and (max-width: 768px) {
body#page__about section#company .company_info__content {
padding-top: 1.25rem;
padding-left: 0;
}
} body#page__price .bg_white_area {
margin-top: 6.25rem;
}
@media screen and (max-width: 768px) {
body#page__price .bg_white_area {
margin-top: 5.625rem;
}
}
@media screen and (max-width: 768px) {
body#page__price section#price_plan .price_plan_inner {
padding: 0;
}
}
body#page__price section#price_plan .price_plan_title_wrapper {
display: flex;
align-items: center;
}
@media screen and (max-width: 768px) {
body#page__price section#price_plan .price_plan_title_wrapper {
flex-direction: column;
align-items: flex-start;
padding: 0 1.25rem;
}
}
body#page__price section#price_plan .section_title {
flex-shrink: 0;
}
body#page__price section#price_plan .price_plan_explain {
padding-left: 9.875rem;
margin-left: 9.875rem;
border-left: 1px solid rgba(0, 0, 0, 0.2);
}
@media screen and (max-width: 768px) {
body#page__price section#price_plan .price_plan_explain {
padding: 0;
margin-left: 0;
border-left: none;
}
}
@media screen and (max-width: 768px) {
body#page__price section#price_plan .price_plan_explain::before {
content: "";
display: block;
width: 4.75rem;
height: 1px;
background-color: rgba(0, 0, 0, 0.2);
margin: 3.1875rem 0 2.125rem;
}
}
body#page__price section#price_plan .price_plan_table_wrapper {
width: 100%;
margin-top: 2.5rem;
}
@media screen and (max-width: 768px) {
body#page__price section#price_plan .price_plan_table_wrapper {
overflow-x: auto;
}
}
@media screen and (max-width: 768px) {
body#page__price section#price_plan .price_plan_table_wrapper .wp-block-flexible-table-block-table {
width: 62.5rem;
flex-shrink: 0;
padding-left: 1.25rem;
padding-right: 1.25rem;
}
}
body#page__price section#price_plan .price_plan_table_wrapper table {
width: 100%;
}
body#page__price section#price_plan .price_plan_table_wrapper table th,
body#page__price section#price_plan .price_plan_table_wrapper table td {
font-size: 1rem;
font-weight: 400;
}
@media screen and (max-width: 768px) {
body#page__price section#price_plan .price_plan_table_wrapper table th,
body#page__price section#price_plan .price_plan_table_wrapper table td {
font-size: 0.875rem;
}
}
body#page__price section#price_plan .price_plan_table_wrapper table thead th {
color: #fff;
background-color: #0142a5;
}
body#page__price section#price_plan .price_plan_table_wrapper table tbody th {
background-color: #f0f0f0;
}
body#page__price section#price_plan .price_plan__btn_wrapper {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 1.5rem;
margin-top: 2rem;
}
@media screen and (max-width: 768px) {
body#page__price section#price_plan .price_plan__btn_wrapper {
padding: 0 1.25rem;
}
}
body#page__price section#price_plan .price_plan__btn_wrapper .btn {
width: fit-content;
padding-right: 3.25rem;
padding-left: 1.125rem;
}
@media screen and (max-width: 768px) {
body#page__price section#price_plan .price_plan__btn_wrapper .btn {
width: 100%;
line-height: 1.2;
text-align: center;
padding: 0 0.625rem;
}
}
@media screen and (max-width: 768px) {
body#page__price section#price_plan .price_plan__btn_wrapper .btn::after {
display: none;
}
}
body#page__price section#monthly_fees {
padding-top: 6.25rem;
}
@media screen and (max-width: 768px) {
body#page__price section#monthly_fees .monthly_fees_inner {
padding: 0;
}
}
@media screen and (max-width: 768px) {
body#page__price section#monthly_fees .section_title {
padding: 0 1.25rem;
}
}
body#page__price .monthly_fees__school {
width: 100%;
padding: 2.5rem 0;
}
body#page__price .monthly_fees__school:not(:nth-last-child(1)) {
border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
body#page__price .monthly_fees__school__title {
font-size: 1.5rem;
font-weight: 600;
margin-bottom: 1.5rem;
}
@media screen and (max-width: 768px) {
body#page__price .monthly_fees__school__title {
padding: 0 1.25rem;
}
}
@media screen and (max-width: 768px) {
body#page__price .monthly_fees__school__table {
overflow-x: auto;
}
}
@media screen and (max-width: 768px) {
body#page__price .monthly_fees__school__table .wp-block-flexible-table-block-table {
width: 62.5rem;
flex-shrink: 0;
padding-left: 1.25rem;
padding-right: 1.25rem;
}
}
body#page__price .monthly_fees__school__table a {
color: #0142a5;
text-decoration: underline;
}
body#page__price .monthly_fees__school__table th,
body#page__price .monthly_fees__school__table td {
font-size: 1rem;
font-weight: 400;
color: #333;
border: 1px solid #cccccc;
}
@media screen and (max-width: 768px) {
body#page__price .monthly_fees__school__table th,
body#page__price .monthly_fees__school__table td {
font-size: 0.875rem;
}
}
body#page__price .monthly_fees__school__table thead th {
background-color: #f0f0f0;
}
body#page__price .monthly_fees__school__table tbody td {
background-color: #fff;
}
body#page__price .monthly_fees__school__attention {
margin-top: 1rem;
}
@media screen and (max-width: 768px) {
body#page__price .monthly_fees__school__attention {
margin-left: 1.25rem;
margin-right: 1.25rem;
}
}
body#page__price section.cta_freelesson {
margin-top: 3.75rem;
} body#page__contact section#overview,
body#page__thanks section#overview {
padding-top: 4.25rem;
}
@media screen and (max-width: 768px) {
body#page__contact section#overview,
body#page__thanks section#overview {
padding-top: 3.375rem;
}
}
body#page__contact section#overview .overview_title,
body#page__thanks section#overview .overview_title {
font-size: 3.1875rem;
line-height: 1.64;
letter-spacing: 0.17em;
font-weight: 900;
text-align: center;
}
@media screen and (max-width: 768px) {
body#page__contact section#overview .overview_title,
body#page__thanks section#overview .overview_title {
font-size: 2.25rem;
text-align: left;
}
}
body#page__contact section#overview .overview_explain,
body#page__thanks section#overview .overview_explain {
text-align: center;
margin-top: 1.8125rem;
}
@media screen and (max-width: 768px) {
body#page__contact section#overview .overview_explain,
body#page__thanks section#overview .overview_explain {
text-align: left;
margin-top: 1.25rem;
}
}
body#page__contact section#overview .overview_links,
body#page__thanks section#overview .overview_links {
display: flex;
flex-wrap: wrap;
gap: 1.25rem 2rem;
margin-top: 3rem;
}
@media screen and (max-width: 768px) {
body#page__contact section#overview .overview_links,
body#page__thanks section#overview .overview_links {
margin-top: 3.375rem;
}
}
body#page__contact section#overview .overview_links_item,
body#page__thanks section#overview .overview_links_item {
width: calc((100% - 2rem) / 2);
padding: 1.75rem 2rem 2.5rem;
border-radius: 1.25rem;
}
@media screen and (max-width: 768px) {
body#page__contact section#overview .overview_links_item,
body#page__thanks section#overview .overview_links_item {
width: 100%;
padding: 2.5rem 0.875rem 3.75rem;
}
}
body#page__contact section#overview .overview_links_item__title,
body#page__thanks section#overview .overview_links_item__title {
font-size: 1.125rem;
line-height: 1.4444444444;
font-weight: 600;
text-align: center;
}
body#page__contact section#overview .overview_links_item__title .border_title,
body#page__thanks section#overview .overview_links_item__title .border_title {
display: flex;
justify-content: center;
align-items: center;
gap: 1.75rem;
font-size: 2rem;
font-family: "Oswald", sans-serif;
white-space: nowrap;
}
body#page__contact section#overview .overview_links_item__title .border_title::before, body#page__contact section#overview .overview_links_item__title .border_title::after,
body#page__thanks section#overview .overview_links_item__title .border_title::before,
body#page__thanks section#overview .overview_links_item__title .border_title::after {
content: "";
display: block;
width: 100%;
height: 2px;
background-color: #fff;
}
body#page__contact section#overview .overview_links_item__explain,
body#page__thanks section#overview .overview_links_item__explain {
text-align: center;
margin-top: 1.625rem;
}
@media screen and (max-width: 768px) {
body#page__contact section#overview .overview_links_item__explain,
body#page__thanks section#overview .overview_links_item__explain {
text-align: left;
margin-top: 2.1875rem;
}
}
body#page__contact section#overview .overview_links_item__btn,
body#page__thanks section#overview .overview_links_item__btn {
margin-top: 1.8125rem;
}
@media screen and (max-width: 768px) {
body#page__contact section#overview .overview_links_item__btn,
body#page__thanks section#overview .overview_links_item__btn {
margin-top: 2.1875rem;
}
}
body#page__contact section#overview .overview_links_item__btn .btn,
body#page__thanks section#overview .overview_links_item__btn .btn {
width: 16.25rem;
height: 3.75rem;
color: #333;
margin-left: auto;
margin-right: auto;
}
@media screen and (max-width: 768px) {
body#page__contact section#overview .overview_links_item__btn .btn,
body#page__thanks section#overview .overview_links_item__btn .btn {
width: 100%;
}
}
body#page__contact section#overview .overview_links_item__btn .btn:hover,
body#page__thanks section#overview .overview_links_item__btn .btn:hover {
color: #fff;
}
body#page__contact section#overview .overview_links__line,
body#page__thanks section#overview .overview_links__line {
background-color: #00b900;
}
body#page__contact section#overview .overview_links__line .overview_links_item__btn .btn,
body#page__thanks section#overview .overview_links__line .overview_links_item__btn .btn {
gap: 0.8125rem;
}
body#page__contact section#overview .overview_links__line .overview_links_item__btn .btn::before,
body#page__thanks section#overview .overview_links__line .overview_links_item__btn .btn::before {
content: "";
display: block;
width: 2.8125rem;
height: 2.8125rem;
background-image: url(//gfc-since2020.com/wp-content/themes/genki-football-club__2025/assets/img/common/icon_line_green.webp);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
body#page__contact section#overview .overview_links__mail,
body#page__thanks section#overview .overview_links__mail {
background-color: #0081dc;
}
body#page__contact section#overview .overview_btn,
body#page__thanks section#overview .overview_btn {
margin-top: 6rem;
}
@media screen and (max-width: 768px) {
body#page__contact section#overview .overview_btn,
body#page__thanks section#overview .overview_btn {
margin-top: 3.375rem;
}
}
body#page__contact section#overview .overview_btn .btn,
body#page__thanks section#overview .overview_btn .btn {
margin-left: auto;
margin-right: auto;
}
body#page__contact .bg_white_area,
body#page__thanks .bg_white_area {
margin-top: 6.25rem;
margin-bottom: 6.25rem;
}
body#page__contact section#contact_form .contact_form_title_wrapper,
body#page__thanks section#contact_form .contact_form_title_wrapper {
display: flex;
align-items: center;
}
@media screen and (max-width: 768px) {
body#page__contact section#contact_form .contact_form_title_wrapper,
body#page__thanks section#contact_form .contact_form_title_wrapper {
flex-direction: column;
align-items: flex-start;
}
}
body#page__contact section#contact_form .section_title,
body#page__thanks section#contact_form .section_title {
flex-shrink: 0;
}
body#page__contact section#contact_form .contact_form_explain,
body#page__thanks section#contact_form .contact_form_explain {
padding-left: 5.625rem;
margin-left: 5.625rem;
border-left: 1px solid rgba(0, 0, 0, 0.2);
}
@media screen and (max-width: 768px) {
body#page__contact section#contact_form .contact_form_explain,
body#page__thanks section#contact_form .contact_form_explain {
padding: 0;
margin-left: 0;
border-left: none;
}
}
@media screen and (max-width: 768px) {
body#page__contact section#contact_form .contact_form_explain::before,
body#page__thanks section#contact_form .contact_form_explain::before {
content: "";
display: block;
width: 4.75rem;
height: 1px;
background-color: rgba(0, 0, 0, 0.2);
margin: 3.1875rem 0 2.125rem;
}
}
body#page__thanks section#overview {
padding-bottom: 6.25rem;
}
input:not([type=submit]),
textarea,
select {
font-size: 1rem;
line-height: 1.8;
letter-spacing: 0;
font-weight: 400;
color: #333;
accent-color: #0142a5;
}
input:not([type=radio]):not([type=checkbox]):not([type=submit]),
textarea {
width: 100%;
padding: 0.9375rem 1.5625rem;
border: 1px solid #a6a6a6;
border-radius: 0.25rem;
}
select {
height: 3.75rem;
}
input[type=radio] {
width: 2.5rem;
height: 2.5rem;
}
input[type=checkbox] {
width: 0.875rem;
height: 0.875rem;
}
.contact_form_contents_wrapper {
max-width: 790px;
margin: 6.25rem auto 0;
}
@media screen and (max-width: 768px) {
.contact_form_contents_wrapper {
margin-top: 1rem;
}
}
.contact_form_contents_wrapper .cf_main {
display: grid;
grid-template-columns: 11rem auto;
gap: 1.5rem 1rem;
}
@media screen and (max-width: 768px) {
.contact_form_contents_wrapper .cf_main {
grid-template-columns: auto;
gap: 0;
}
}
.contact_form_contents_wrapper .cf_main__title {
font-size: 1rem;
font-weight: 400;
padding: 0.9375rem 0;
}
@media screen and (max-width: 768px) {
.contact_form_contents_wrapper .cf_main__title {
margin: 2rem 0 0.5rem;
padding: 0;
}
}
.contact_form_contents_wrapper .cf_main__title.required::after {
content: "*";
color: #ff0000;
}
.contact_form_contents_wrapper .cf_main .wpcf7-radio {
display: flex;
flex-wrap: wrap;
gap: 1rem 2rem;
padding: 0.625rem 0;
}
.contact_form_contents_wrapper .cf_main .wpcf7-radio span {
display: block;
margin: 0;
}
.contact_form_contents_wrapper .cf_main .wpcf7-radio .wpcf7-list-item label {
display: flex;
align-items: center;
gap: 1.25rem;
font-size: 1rem;
}
.contact_form_contents_wrapper .acceptance_wrapper {
margin-top: 2.875rem;
}
.contact_form_contents_wrapper .acceptance_wrapper span {
display: block;
margin: 0;
}
.contact_form_contents_wrapper .acceptance_wrapper .wpcf7-list-item label {
display: flex;
justify-content: center;
align-items: center;
gap: 1rem;
}
.contact_form_contents_wrapper .submit_wrapper {
margin-top: 2.8125rem;
}
@media screen and (max-width: 768px) {
.contact_form_contents_wrapper .submit_wrapper {
margin-top: 1.75rem;
}
}
.contact_form_contents_wrapper .submit_wrapper .btn_submit {
width: 17.25rem;
height: 3.75rem;
margin-left: auto;
margin-right: auto;
}
@media screen and (max-width: 768px) {
.contact_form_contents_wrapper .submit_wrapper .btn_submit {
width: 100%;
}
}
.contact_form_contents_wrapper .submit_wrapper .btn_submit:disabled {
opacity: 0.5;
pointer-events: none;
} @media screen and (max-width: 768px) {
body#page__privacy-policy .page_title__en {
font-size: 5rem;
}
}
body#page__privacy-policy .page_contents_wrapper h2,
body#page__privacy-policy .page_contents_wrapper h3 {
font-size: 1rem;
}