@charset "UTF-8";

html {
font-size: .8888888889vw;
}
@media screen and (max-width : 768px) {
html {
font-size: 16px;
}
}   @media (min-width : 1440px) {
html {
font-size: 12.8px;
}
}
@media (max-width : 400px) {
html {
font-size: 4vw;
}
}
*,
::before,
::after {
box-sizing: border-box;
border-style: solid;
border-width: 0;
transition: all .3s ease;
}
body * {
font-family: "Noto Sans JP", sans-serif;
letter-spacing: 0;
}
.all_container {
overflow-x: hidden;
}
img {
display: block;
width: 100%;
max-width: 100%;
}
button {
background: none;
}
input:not([type="radio"], [type="checkbox"], [type="submit"]),
select {
height: 3.375rem;
padding: 0 1rem;
font-family: "Noto Sans JP", sans-serif;
}
input[type="radio"],
input[type="checkbox"] {
width: 1.5rem;
height: 1.5rem;
accent-color: #e53754;
}
@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;
}
}
.disp_ib {
display: inline-block;
}
.global_navigation {
position: relative;
width: 100%;
}
.global_navigation .overlap-group {
min-height: initial;
padding-top: 0;
}
.global_navigation .content-area {
position: relative;
z-index: 10;
}
.global_navigation .menu-content-wrapper {
display: flex;
gap: 5rem;
justify-content: space-between;
}
@media screen and (max-width : 768px) {
.global_navigation .menu-content-wrapper {
flex-direction: column;
gap: 2rem;
}
}
.global_navigation .g {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 3.5rem 3.125rem;
width: 100%;
max-width: 1240px;
}
@media screen and (max-width : 768px) {
.global_navigation .g {
grid-template-columns: repeat(2, 1fr);
gap: 1.5rem;
}
}
.global_navigation .nav-item {
display: flex;
flex-direction: column;
gap: 1.25rem;
}
@media screen and (max-width : 768px) {
.global_navigation .nav-item {
gap: 1.5rem;
}
}
.global_navigation .nav-group {
display: flex;
flex-direction: column;
gap: .5rem;
align-items: flex-start;
}
.global_navigation .text-wrapper-3,
.global_navigation .text-wrapper-5 {
margin: 0;
font-size: 1rem;
font-weight: 700;
line-height: 1.5;
color: #000;
letter-spacing: .02em;
}
@media screen and (max-width : 768px) {
.global_navigation .text-wrapper-3,
.global_navigation .text-wrapper-5 {
font-size: .75rem;
}
}
.global_navigation .text-wrapper-4,
.global_navigation .text-wrapper-6 {
margin: 0;
font-family: Righteous, "Noto Sans JP", sans-serif ! important;
font-size: 1.875rem;
font-weight: 400;
line-height: 1.5;
color: #e53754;
letter-spacing: .02em;
}
@media screen and (max-width : 768px) {
.global_navigation .text-wrapper-4,
.global_navigation .text-wrapper-6 {
font-size: 1.125rem;
}
}
.global_navigation .text-wrapper-6 {
font-size: 1.625rem;
letter-spacing: -.01em;
}
@media screen and (max-width : 768px) {
.global_navigation .text-wrapper-6 {
font-size: .875rem;
letter-spacing: -.02em;
}
}
.global_navigation .nav-line {
width: 100%;
height: 1px;
background-color: #000;
}
.global_navigation .submenu_wrapper .sns {
display: flex;
gap: 1.5rem;
justify-content: flex-end;
}
@media screen and (max-width : 768px) {
.global_navigation .submenu_wrapper .sns {
gap: 1rem;
justify-content: center;
}
}
.global_navigation .submenu_wrapper .sns a {
display: block;
}
.global_navigation .submenu_wrapper .sns a img {
width: 1.875rem;
height: 1.875rem;
-o-object-fit: contain;
object-fit: contain;
}
@media screen and (max-width : 768px) {
.global_navigation .submenu_wrapper .sns a img {
width: 1.625rem;
height: 1.625rem;
}
}
.global_navigation .submenu_wrapper .btn_wrapper {
display: flex;
gap: .5rem;
justify-content: center;
margin-top: 2rem;
}
.global_navigation .submenu_wrapper .btn_wrapper .gb_btn {
width: 10.4375rem;
}
header#header {
position: fixed ! important;
top: 0;
left: 0;
right: 0;
z-index: 1002;
padding-top: 0;
padding-bottom: 0;
background: none;
}
header#header .inner {
align-items: flex-start;
max-width: initial;
height: auto;
padding: 0;
}
@media screen and (max-width : 768px) {
header#header .inner {
align-items: center;
}
}
header#header #header-logo {
width: 11.8vw;
padding: 2.1vw 1.66vw;
background-color: #fff;
border-bottom-right-radius: 2.5rem;
}
@media screen and (max-width : 768px) {
header#header #header-logo {
width: 8rem;
padding: 1.375rem 1.125rem;
border-bottom-right-radius: 1rem;
}
}
header#header #header-logo a {
display: block;
}
header#header #header-nav {
padding-right: 4.125rem;
}
@media screen and (max-width : 768px) {
header#header #header-nav {
padding-right: 1.875rem;
}
}
header#header #header-nav .wrap-box {
gap: .25rem;
align-items: center;
padding-top: .625rem;
padding-bottom: 0;
}
@media screen and (max-width : 768px) {
header#header #header-nav .wrap-box {
padding-top: 0;
}
}
header#header #header-nav .btn {
width: 7.5vw;
height: auto;
aspect-ratio: 144/137;
}
header#header #header-nav #panel-btn {
width: 1.875rem ! important;
height: 1.375rem ! important;
}
@media screen and (max-width : 768px) {
header#header #header-nav #panel-btn {
width: 1.875rem ! important;
height: 1.375rem ! important;
}
}
header#header #header-nav #panel-btn::before {
position: absolute;
top: 50%;
right: 0;
display: block;
width: 1.3125rem;
height: 2px;
margin: 0;
content: "";
background: #b60014;
transform: translateY(-50%);
}
header#header #header-nav #panel-btn.close::before {
width: 100%;
transform: translateY(-50%) rotate(45deg);
}
header#header #header-nav #panel-btn::after {
position: absolute;
bottom: 0;
right: 0;
display: block;
width: 100%;
height: 2px;
margin: 0;
content: "";
background: #b60014;
}
header#header #header-nav #panel-btn.close::after {
top: 50%;
bottom: initial;
transform: translateY(-50%) rotate(-45deg);
}
header#header #header-nav #panel-btn-icon {
top: 0;
width: 100%;
height: 2px;
background: #b60014;
transform: translateX(-50%);
}
header#header #header-nav #panel-btn-icon.close {
opacity: 0;
}
header#header #header-nav #panel-btn-icon::before,
header#header #header-nav #panel-btn-icon::after {
display: none;
}
#sp-menubox {
top: 0;
z-index: 1001;
width: 100%;
height: auto;
max-height: 100%;
padding: 9.375rem 0 5rem;
overflow-y: auto;
background: #fff;
border-radius: 0 0 3.75rem 3.75rem;
}
@media screen and (max-width : 768px) {
#sp-menubox {
padding: 6.875rem 0 2rem;
}
}
#sp-menubox .global_navigation {
max-width: calc(1560px + 2rem);
padding: 0 1rem;
margin: 0 auto;
overflow: hidden;
}
#sp-menubox .global_navigation .menu-content-wrapper {
align-items: flex-end;
}
@media screen and (max-width : 768px) {
#sp-menubox .global_navigation .menu-content-wrapper {
align-items: center;
}
}
#sp-menubox .global_navigation .submenu_wrapper a {
white-space: nowrap;
}
#sp-menubox .global_navigation .submenu_wrapper .sp-ham-sns {
display: flex;
flex-direction: column;
gap: 2.25rem;
}
@media screen and (max-width : 768px) {
#sp-menubox .global_navigation .submenu_wrapper .sp-ham-sns {
flex-direction: row;
gap: 1.5rem;
justify-content: center;
}
}
#sp-menubox .global_navigation .submenu_wrapper .footer-links {
display: flex;
flex-direction: column;
gap: 1rem;
align-items: flex-end;
}
@media screen and (max-width : 768px) {
#sp-menubox .global_navigation .submenu_wrapper .footer-links {
flex-direction: row;
gap: 1.5rem;
align-items: center;
}
}
#sp-menubox .global_navigation .submenu_wrapper .footer-links a {
display: block;
font-size: 1.125rem;
font-weight: 700;
letter-spacing: .02em;
}
@media screen and (max-width : 768px) {
#sp-menubox .global_navigation .submenu_wrapper .footer-links a {
font-size: .875rem;
}
}
footer#footer {
display: block;
height: auto;
padding-top: 6.25rem;
}
@media screen and (max-width : 768px) {
footer#footer {
padding-top: 1.5rem;
}
}
footer#footer .footer_inner {
padding: 5rem 1.625rem 1.625rem;
background-color: #e5eaf0;
background-image: url(//jo-katsu.com/release/wordpress/wp-content/themes/jo-katsu/images/campus/renewal-2025/footer_bg.png);
background-repeat: no-repeat;
background-position: bottom;
background-size: cover;
border-radius: 3.75rem 3.75rem 0 0;
}
@media screen and (max-width : 768px) {
footer#footer .footer_inner {
padding: 3.5rem 1.25rem 1.25rem;
background-image: url(//jo-katsu.com/release/wordpress/wp-content/themes/jo-katsu/images/campus/renewal-2025/footer_bg_sp.png);
border-radius: 1.5rem 1.5rem 0 0;
}
}
footer#footer .menu-content-wrapper {
align-items: flex-start;
max-width: 1680px;
margin-inline: auto;
}
footer#footer .footer_logo {
display: block;
width: 13.625rem;
}
@media screen and (max-width : 768px) {
footer#footer .footer_logo {
margin-inline: auto;
}
}
footer#footer .submenu_wrapper {
display: flex;
align-items: flex-end;
justify-content: space-between;
margin-top: 19rem;
}
@media screen and (max-width : 768px) {
footer#footer .submenu_wrapper {
align-items: flex-start;
margin-top: 12.5625rem;
}
}
footer#footer .submenu_wrapper * {
color: #fff;
}
footer#footer .submenu_wrapper .text .footer-links {
display: flex;
flex-wrap: wrap;
gap: 2rem;
}
footer#footer .submenu_wrapper .text .footer-links a {
display: block;
font-size: 1rem;
text-decoration: underline;
}
@media screen and (max-width : 768px) {
footer#footer .submenu_wrapper .text .footer-links a {
font-size: .875rem;
}
}
footer#footer .submenu_wrapper .text .copyright {
margin-top: 1rem;
font-family: Righteous, "Noto Sans JP", sans-serif;
font-size: .75rem;
letter-spacing: .02em;
}
@media screen and (max-width : 768px) {
footer#footer .submenu_wrapper .text .copyright {
font-size: .625rem;
}
}
footer#footer .topbutton {
position: fixed;
bottom: 3.125rem;
right: 3.125rem;
z-index: 920;
width: 4.4375rem;
height: 4.4375rem;
background: none;
border: none;
}
@media screen and (max-width : 768px) {
footer#footer .topbutton {
bottom: 1.25rem;
right: 1.25rem;
width: 3.1875rem;
height: 3.1875rem;
}
}
footer#footer .topbutton img {
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.login-popup-overlay {
position: fixed;
inset: 0;
z-index: 910;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
background-color: rgb(61 61 61 / .8);
}
.login-popup-overlay .login-popup-container {
width: 32rem;
max-width: 100%;
background-color: #fff;
border-radius: 1rem;
}
@media screen and (max-width : 768px) {
.login-popup-overlay .login-popup-container {
max-width: calc(100% - 1.25rem);
}
}
.login-popup-overlay .login-popup-header {
padding: .5rem;
font-size: 2rem;
background: none;
}
.login-popup-overlay .login-popup-header button {
display: block;
text-align: right;
}
#login_sec {
width: 31.25rem;
max-width: 100% ! important;
}
#login_sec h2 {
font-weight: 700;
text-align: center;
}
#login_sec>div:not(#wpmem_login) {
font-size: .75rem ! important;
}
#wpmem_login {
width: 100% ! important;
}
#wpmem_login form legend {
margin-bottom: 2rem;
text-align: center;
}
#wpmem_login form label {
display: block;
margin-bottom: .5rem;
}
#wpmem_login form .button_div {
display: flex;
flex-wrap: wrap;
gap: .5rem;
align-items: center;
justify-content: center;
}
#wpmem_login form .button_div input[type="submit"] {
width: 100%;
height: 3rem;
font-weight: 700;
color: #e53754;
cursor: pointer;
background: #fff;
border: 1px solid #e53754;
border-radius: 18.75rem;
}
#wpmem_login form .link-text {
margin-top: 1rem;
}
#wpmem_login form .link-text>span {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
#wpmem_login form .link-text a {
display: block;
text-decoration: underline;
}
.sidebar {
flex-shrink: 0;
width: 22.5rem;
}
@media screen and (max-width : 768px) {
.sidebar {
width: 100%;
}
}
.sidebar .side-banner__item {
display: block;
}
.sidebar .side-banner__item:nth-child(n+2) {
margin-top: 1.25rem;
}
.sidebar .popular-posts-header {
padding: .875rem;
margin-top: 2.5rem;
font-size: 1rem;
font-weight: 700;
line-height: 2;
color: #fff;
text-align: center;
background: #000;
border-radius: 1rem 1rem 0 0;
}
.sidebar .popular-posts-list {
background-color: #fff;
border-radius: 0 0 1rem 1rem;
}
.sidebar .popular-post-item {
padding: 1.5rem 2rem;
border-bottom: 1px solid #f2f4f6;
}
.sidebar .popular-post-item>a {
display: block;
font-size: .75rem;
font-weight: 700;
line-height: 1.8333333333;
}
.sidebar .popular-post-item>a * {
display: -webkit-box;
max-height: 3.6666666667em;
overflow: hidden;
font-size: inherit;
font-weight: inherit;
line-height: inherit;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.sidebar .app-promo-inner {
display: flex;
gap: 1.5rem;
align-items: center;
}
.sidebar .app-promo-icon img {
width: 5.625rem;
height: 5.625rem;
-o-object-fit: contain;
object-fit: contain;
}
.sidebar .app-promo-title {
font-size: .9375rem;
font-weight: 700;
line-height: 1.4666666667;
flood-color: #e53754;
}
.sidebar .app-promo-description {
display: -webkit-box;
max-height: 3.6666666667em;
margin-top: .5rem;
overflow: hidden;
font-size: .75rem;
line-height: 1.8333333333;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.sidebar .app-promo-buttons {
display: flex;
gap: .625rem;
margin-top: 1rem;
}
.sidebar .app-store-button {
display: flex;
flex: 1;
align-items: center;
justify-content: center;
max-width: 100%;
height: 1.8125rem;
font-size: .75rem;
font-weight: 700;
line-height: 1.5833333333;
color: #fff;
background-color: #e53754;
border: 2px solid #e53754;
border-radius: 18.75rem;
}
.sidebar .side_sec {
margin-top: 2.5rem;
background-color: #fff;
border-radius: 1rem;
}
.sidebar .corner-box,
.sidebar .campus-section {
padding-top: 1.5rem;
}
.sidebar .corner-tab {
width: 9.25rem;
padding: .25rem .5rem;
margin: 0 1.5rem;
font-size: .75rem;
font-weight: 700;
line-height: 1.8333333333;
color: #fff;
text-align: center;
background-color: #000;
border-radius: .625rem .625rem 0 0;
}
.sidebar .corner-post-item {
padding: 1.5rem 2rem;
border-bottom: 1px solid #f2f4f6;
}
.sidebar .corner-post-item>a {
display: block;
font-size: .75rem;
font-weight: 700;
line-height: 1.8333333333;
}
.sidebar .corner-post-item>a * {
display: -webkit-box;
max-height: 3.6666666667em;
overflow: hidden;
font-size: inherit;
font-weight: inherit;
line-height: inherit;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.sidebar .corner-post-item:nth-child(1) {
border-top: 1px solid #f2f4f6;
}
.section_title {
display: flex;
align-items: center;
}
.section_title__main {
display: flex;
align-items: center;
font-family: Righteous, "Noto Sans JP", sans-serif;
font-size: 2.375rem;
font-weight: 700;
line-height: 1;
color: #e53754;
letter-spacing: .02em;
}
@media screen and (max-width : 768px) {
.section_title__main {
font-size: 1.875rem;
}
}
.section_title__main::after {
display: block;
width: .3125rem;
height: 2.5rem;
margin: 0 1.375rem;
content: "";
background-color: #e53754;
}
@media screen and (max-width : 768px) {
.section_title__main::after {
width: .25rem;
height: 2rem;
}
}
.section_title__main.en {
font-size: 3rem;
font-weight: 400;
}
@media screen and (max-width : 768px) {
.section_title__main.en {
font-size: 2.25rem;
}
}
.section_title__sub {
font-size: .875rem;
font-weight: 400;
line-height: 1;
letter-spacing: .1em;
}
@media screen and (max-width : 768px) {
.section_title__sub {
font-size: .75rem;
}
}
.section_title__black .section_title__main {
color: #000;
}
.section_title__black .section_title__main::after {
background-color: #000;
}
.page_title {
padding-left: 1.5rem;
font-size: 2.375rem;
font-weight: 700;
line-height: 1;
color: #e53754;
letter-spacing: .02em;
border-left: .3125rem solid #e53754;
}
@media screen and (max-width : 768px) {
.page_title {
padding-left: 1rem;
font-size: 1.75rem;
}
}
.page_subtitle {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
padding-bottom: .625rem;
font-size: 1.625rem;
font-weight: 700;
line-height: 1;
border-bottom: .3125rem solid #e53754;
}
@media screen and (max-width : 768px) {
.page_subtitle {
padding-bottom: .5rem;
font-size: 1.125rem;
border-width: .25rem;
}
}
.dot_title {
display: flex;
gap: 1rem;
align-items: center;
font-size: 2rem;
font-weight: 700;
line-height: 1;
color: #e53754;
letter-spacing: .02em;
}
.dot_title::before {
display: block;
width: .75rem;
height: .75rem;
content: "";
background-color: #e53754;
border-radius: 50%;
}
.breadcrumb {
margin-top: 1.25rem;
margin-bottom: 2.5rem;
font-size: .8125rem;
line-height: 2.4615384615;
}
@media screen and (max-width : 768px) {
.breadcrumb {
font-size: .75rem;
}
}
.btn {
display: flex;
align-items: center;
justify-content: center;
width: 11.875rem;
max-width: 100%;
height: 3.125rem;
text-align: center;
}
.btn_red_border {
font-size: .75rem;
font-weight: 700;
line-height: 1.5833333333;
color: #e53754;
background-color: #fff;
border: 2px solid #e53754;
border-radius: 18.75rem;
}
.btn_red_fill {
font-size: .75rem;
font-weight: 700;
line-height: 1.5833333333;
color: #fff;
background-color: #e53754;
border: 2px solid #e53754;
border-radius: 18.75rem;
}
.btn_black_border {
font-size: .75rem;
font-weight: 700;
line-height: 1.5833333333;
color: #000;
background-color: #fff;
border: 2px solid #000;
border-radius: 18.75rem;
}
.post_co {
position: relative;
background-color: #fff;
border-radius: 1rem;
}
.post_co .corner_box {
--r: 1rem;
--r-tl: var(--r);
--r-tr: var(--r);
--r-br: var(--r);
--r-bl: var(--r);
--chip-color: #fff;
position: relative;
display: block;
width: var(--r);
height: var(--r);
border-radius: var(--r-tl) var(--r-tr) var(--r-br) var(--r-bl);
}
.post_co .corner_box[class*="chip_"]::after {
position: absolute;
inset: 0;
pointer-events: none;
content: "";
background-repeat: no-repeat;
}
.post_co .corner_box.chip_tl::after {
background: radial-gradient(circle at 0 0, transparent calc(var(--r-tl) - 1px), var(--chip-color) calc(var(--r-tl))) top left;
background-size: var(--r-tl) var(--r-tl);
}
.post_co .corner_box.chip_tr::after {
background: radial-gradient(circle at 100% 0, transparent calc(var(--r-tr) - 1px), var(--chip-color) calc(var(--r-tr))) top right;
background-size: var(--r-tr) var(--r-tr);
}
.post_co .corner_box.chip_br::after {
background: radial-gradient(circle at 100% 100%, transparent calc(var(--r-br) - 1px), var(--chip-color) calc(var(--r-br))) bottom right;
background-size: var(--r-br) var(--r-br);
}
.post_co .corner_box.chip_bl::after {
background: radial-gradient(circle at 0 100%, transparent calc(var(--r-bl) - 1px), var(--chip-color) calc(var(--r-bl))) bottom left;
background-size: var(--r-bl) var(--r-bl);
}
.post_co_inner {
display: block;
}
.post_co__number {
position: absolute;
top: -.4375rem;
right: .75rem;
z-index: 11;
width: 3.9375rem;
}
@media screen and (max-width : 768px) {
.post_co__number {
right: .625rem;
width: 3.375rem;
}
}
.post_co__upper {
position: relative;
z-index: 10;
}
.post_co__image {
width: 100%;
height: auto;
aspect-ratio: 440/231;
background-color: #c4c4c4;
border-radius: 1rem;
-o-object-fit: cover;
object-fit: cover;
}
.post_co__tag {
display: block;
font-size: .875rem;
font-weight: 800;
line-height: 1.3571428571;
color: #e53754;
white-space: nowrap;
}
.post_co__tag_wrapper {
position: absolute;
top: 0;
left: 0;
z-index: 1;
padding: .9375rem 2rem;
background-color: #fff;
border-radius: 1rem 0;
}
.post_co__tag_wrapper .corner_box {
position: absolute;
z-index: 1;
}
.post_co__tag_wrapper .corner_box__1 {
top: 0;
right: -1rem;
}
.post_co__tag_wrapper .corner_box__2 {
bottom: -1rem;
left: 0;
}
.post_co__label {
position: absolute;
bottom: .875rem;
left: .875rem;
z-index: 1;
display: inline-flex;
gap: .375rem;
align-items: center;
justify-content: center;
width: 6.25rem;
height: 1.75rem;
font-size: .75rem;
font-weight: 700;
line-height: 1.5833333333;
color: #fff;
text-align: center;
border-radius: 18.75rem;
}
.post_co__label .icon {
width: .75rem;
height: .9375rem;
-o-object-fit: contain;
object-fit: contain;
}
.post_co__label__limited {
background-color: #ed9623;
}
.post_co__label__normal {
background-color: #e53754;
}
.post_co__label.only_icon {
width: 1.75rem;
}
.post_co__time {
position: absolute;
bottom: .875rem;
right: .875rem;
z-index: 1;
display: inline-flex;
align-items: center;
justify-content: center;
height: 1.75rem;
padding: 0 .625rem;
font-size: .875rem;
font-weight: 800;
line-height: 1.3571428571;
color: #fff;
text-align: center;
background-color: #000;
border-radius: 18.75rem;
}
.post_co__lower {
padding-top: 1.5rem;
}
.post_co__title {
font-size: .9375rem;
font-weight: 700;
line-height: 1.4;
letter-spacing: .02em;
}
.post_co__description {
margin-top: .625rem;
font-size: .875rem;
font-weight: 500;
line-height: 1.4285714286;
color: #777;
}
.post_co__date {
margin-top: .5rem;
font-family: Roboto, "Noto Sans JP", sans-serif;
font-size: .75rem;
font-weight: 400;
line-height: 1.5833333333;
color: #afafaf;
}
.post_co__bg_F2F4F6 {
background-color: #f2f4f6;
}
.post_co__bg_F2F4F6 .post_co__tag_wrapper {
background-color: #f2f4f6;
}
.post_co__bg_F2F4F6 .post_co__tag_wrapper .corner_box {
--chip-color: #f2f4f6;
}
@media screen and (max-width : 768px) {
.post_co__small .corner_box {
--r: rem(10);
}
}
@media screen and (max-width : 768px) {
.post_co__small .post_co__image {
border-radius: .625rem;
}
}
@media screen and (max-width : 768px) {
.post_co__small .post_co__tag_wrapper {
padding: .4375rem 1rem;
border-radius: .625rem 0;
}
}
@media screen and (max-width : 768px) {
.post_co__small .post_co__tag {
font-size: .6875rem;
}
}
@media screen and (max-width : 768px) {
.post_co__small .post_co__label {
bottom: .625rem;
left: .625rem;
width: 1.75rem;
}
}
@media screen and (max-width : 768px) {
.post_co__small .post_co__label .icon {
width: 1.75rem;
}
}
@media screen and (max-width : 768px) {
.post_co__small .post_co__label .text {
display: none;
}
}
.post_co__small .post_co__label__normal .icon {
display: none;
}
@media screen and (max-width : 768px) {
.post_co__small .post_co__label__normal .icon {
display: block;
}
}
@media screen and (max-width : 768px) {
.post_co__small .post_co__title {
font-size: .75rem;
}
}
@media screen and (max-width : 768px) {
.post_co__small .post_co__date {
font-size: .625rem;
}
}
.swiper-button-prev,
.swiper-button-next {
width: 3.25rem;
height: 3.25rem;
}
.swiper-button-prev::after,
.swiper-button-next::after {
display: none;
}
.swiper-button-prev img {
transform: rotate(180deg);
}
.swiper-pagination {
display: flex;
align-items: center;
justify-content: center;
}
.swiper-pagination-bullet {
width: .375rem;
height: .375rem;
background: #d7d7d7;
}
.swiper-pagination-bullet-active {
width: .875rem;
height: .875rem;
background: #e53754;
}
.inner {
max-width: calc(1320px + 2rem);
padding-left: 1rem;
padding-right: 1rem;
}
body.post-type-archive-type_campus footer#footer {
background-color: #f2f4f6;
}
section.postlist_section .postlist_section_inner {
position: relative;  max-width: min(calc(1660px + (100vw - 1660px) / 2 + 1rem), 1280px); padding-left: 1rem;
margin-left: auto;
margin-right: auto; }
section.postlist_section .swiper-button-prev {
top: 1.3125rem;
left: initial;
right: 14rem;
}
section.postlist_section .swiper-button-next {
top: 1.3125rem;
right: 8.75rem;
}
section.postlist_section .swiper {
margin-top: 3.5rem;
}
section#campus-fv .campus-fv_links {
position: absolute;
top: 0;
left: 50%;
z-index: 1;
display: flex;
flex-wrap: wrap;
gap: 0 .5rem;
justify-content: center;
width: 100%;
transform: translateX(-50%);
}
section#campus-fv .campus-fv_links::before {
display: block;
width: 100%;
height: auto;
aspect-ratio: 400/231;
content: "";
}
section#campus-fv .campus-fv_links .campus-fv_link {
display: block;
width: 10.4375rem;
}
section#campus-pickup {
padding-top: 7.5rem;
background-color: #f2f4f6;
}
@media screen and (max-width : 768px) {
section#campus-pickup {
padding-top: 2rem;
}
}
section#campus-pickup .section_title {
padding-right: 1rem;
}
@media screen and (max-width : 768px) {
section#campus-pickup .swiper-button-prev {
top: auto;
bottom: 0;
left: 3rem;
right: auto;
}
}
@media screen and (max-width : 768px) {
section#campus-pickup .swiper-button-next {
top: auto;
bottom: 0;
right: 3rem;
}
}
@media screen and (max-width : 768px) {
section#campus-pickup #pickup-pagination {
position: initial;
height: 3.25rem;
margin-top: 1.4375rem;
}
}
section#campus-stepguide {
padding: 10.25rem .625rem 5rem;
background-color: #f2f4f6;
}
@media screen and (max-width : 768px) {
section#campus-stepguide {
padding: 2rem .625rem 3.75rem;
}
}
section#campus-stepguide .stepguide_inner {
position: relative;
z-index: 10;
max-width: 1660px;
padding: 6.25rem 1rem 3.5rem;
margin-inline: auto;
background-color: #fff;
border-radius: 1.875rem;
}
@media screen and (max-width : 768px) {
section#campus-stepguide .stepguide_inner {
padding: 2.3125rem .625rem 2.6875rem;
border-radius: 1.625rem;
}
}
section#campus-stepguide .stepguide_btn {
display: flex;
flex-direction: column;
gap: .625rem;
align-items: center;
justify-content: center;
width: 25rem;
height: 5.4375rem;
padding-left: 3.75rem;
font-size: 1rem;
font-weight: 900;
line-height: 1.1875;
color: #e53754;
text-align: center;
cursor: pointer;
background: #fff;
border: 2px solid #e53754;
border-radius: 2.71875rem;
}
section#campus-stepguide .stepguide_btn_wrapper {
position: absolute;
top: -2.6875rem;
left: 50%;
display: flex;
justify-content: center;
max-width: 82.5rem;
margin-inline: auto;
transform: translateX(-50%);
}
@media screen and (max-width : 768px) {
section#campus-stepguide .stepguide_btn_wrapper {
position: initial;
justify-content: left;
width: 100%;
overflow-x: auto;
transform: none;
}
}
@media screen and (max-width : 768px) {
section#campus-stepguide .stepguide_btn {
flex-shrink: 0;
width: 12.5rem;
height: 4.8125rem;
padding-left: 3rem;
font-size: .875rem;
}
}
section#campus-stepguide .stepguide_btn span {
display: block;
padding: 0 .75rem;
font-family: Righteous, "Noto Sans JP", sans-serif;
font-size: .75rem;
line-height: 1.5833333333;
color: #fff;
background-color: #e53754;
border-radius: 1.625rem;
}
@media screen and (max-width : 768px) {
section#campus-stepguide .stepguide_btn span {
font-size: .75rem;
}
}
section#campus-stepguide .stepguide_btn:nth-child(1) {
padding-left: 0 ! important;
}
section#campus-stepguide .stepguide_btn:nth-child(n+2) {
margin-left: -3.75rem;
border-radius: 0 2.71875rem 2.71875rem 0;
}
@media screen and (max-width : 768px) {
section#campus-stepguide .stepguide_btn:nth-child(n+2) {
margin-left: -3rem;
}
}
section#campus-stepguide .stepguide_btn.active {
z-index: 11 ! important;
padding-left: 0;
color: #fff;
background-color: #e53754;
border-radius: 2.71875rem;
}
section#campus-stepguide .stepguide_btn.active span {
color: #e53754;
background-color: #fff;
}
section#campus-stepguide .stepguide_list {
max-width: 1320px;
margin-inline: auto;
}
@media screen and (max-width : 768px) {
section#campus-stepguide .stepguide_list {
margin-top: 2rem;
}
}
section#campus-stepguide .stepguide_contents_wrapper {
display: none;
grid-template-columns: repeat(4, 1fr);
gap: 2rem 1.75rem;
}
@media screen and (max-width : 768px) {
section#campus-stepguide .stepguide_contents_wrapper {
grid-template-columns: repeat(2, 1fr);
gap: 1rem .5rem;
}
}
section#campus-stepguide .stepguide_contents_wrapper.active {
display: grid;
}
section#campus-newpost,
section#campus-popular {
padding-top: 5rem;
padding-bottom: 5rem;
background-color: #fff;
border-bottom: 1px solid #f2f4f6;
}
@media screen and (max-width : 768px) {
section#campus-newpost,
section#campus-popular {
padding-top: 3.125rem;
padding-bottom: 3.75rem;
padding-right: 1rem;
}
}
@media screen and (max-width : 768px) {
section#campus-newpost .swiper-button-prev,
section#campus-newpost .swiper-button-next,
section#campus-popular .swiper-button-prev,
section#campus-popular .swiper-button-next {
display: none;
}
}
@media screen and (max-width : 768px) {
section#campus-newpost .swiper-wrapper,
section#campus-popular .swiper-wrapper {
flex-wrap: wrap;
gap: 1.5rem .5rem;
}
}
@media screen and (max-width : 768px) {
section#campus-newpost .post_co,
section#campus-popular .post_co {
width: calc((100% - .5rem) / 2);
}
}
@media screen and (max-width : 768px) {
section#campus-newpost .post_co:nth-child(1),
section#campus-popular .post_co:nth-child(1) {
width: 100%;
}
}
section#campus-newpost .post_co__label__normal .icon,
section#campus-popular .post_co__label__normal .icon {
display: none;
}
@media screen and (max-width : 768px) {
section#campus-newpost .post_co__small .post_co__label .icon,
section#campus-popular .post_co__small .post_co__label .icon {
display: block;
}
}
@media screen and (max-width : 768px) {
section#campus-newpost .post_co__small .post_co__label .text,
section#campus-popular .post_co__small .post_co__label .text {
display: none;
}
}
@media screen and (max-width : 768px) {
section#campus-newpost .post_co__small .post_co__description,
section#campus-popular .post_co__small .post_co__description {
display: none;
}
}
section#campus-newpost .btn.btn_red_border.u_sp_f,
section#campus-popular .btn.btn_red_border.u_sp_f {
margin: 2.5rem auto 0;
}
section#campus-esinfo {
padding-top: 5rem;
padding-bottom: 5rem;
background-color: #fff;
border-bottom: 1px solid #f2f4f6;
}
@media screen and (max-width : 768px) {
section#campus-esinfo {
padding-top: 3.75rem;
padding-bottom: 3.75rem;
padding-right: 1rem;
}
}
@media screen and (max-width : 768px) {
section#campus-esinfo .swiper-button-prev,
section#campus-esinfo .swiper-button-next {
display: none;
}
}
section#campus-esinfo .esinfo-swiper {
margin-top: 1.25rem;
}
@media screen and (max-width : 768px) {
section#campus-esinfo .esinfo-swiper {
margin-top: 2rem;
}
}
@media screen and (max-width : 768px) {
section#campus-esinfo .swiper-wrapper {
display: grid;
}
}
section#campus-esinfo .esinfo_item {
padding: 1.875rem 1.625rem 1.5rem;
margin-top: 2rem;
background-color: #f8f8f8;
border-radius: 1.25rem;
}
@media screen and (max-width : 768px) {
section#campus-esinfo .esinfo_item {
padding: 1.25rem 1.25rem 1.5rem;
margin-top: 1rem;
}
}
section#campus-esinfo .esinfo_item__info {
display: flex;
gap: 1.5rem;
align-items: center;
}
section#campus-esinfo .esinfo_item__image {
width: 5.375rem;
height: 5.375rem;
}
@media screen and (max-width : 768px) {
section#campus-esinfo .esinfo_item__image {
width: 3rem;
height: 3rem;
}
}
section#campus-esinfo .esinfo_item__image img {
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
section#campus-esinfo .esinfo_item__details__upper {
display: flex;
gap: .5rem;
align-items: center;
}
@media screen and (max-width : 768px) {
section#campus-esinfo .esinfo_item__details__upper {
margin-bottom: 1rem;
}
}
section#campus-esinfo .esinfo_item__type {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 4.125rem;
height: 2.1875rem;
padding: 0 .75rem;
font-size: .875rem;
font-weight: 700;
line-height: 1.3571428571;
color: #fff;
background-color: #e53754;
border-radius: 18.75rem;
}
@media screen and (max-width : 768px) {
section#campus-esinfo .esinfo_item__type {
min-width: 3.5rem;
height: 1.75rem;
font-size: .75rem;
}
}
section#campus-esinfo .esinfo_item__general {
display: inline-flex;
align-items: center;
justify-content: center;
height: 2.1875rem;
padding: 0 1rem;
font-size: .875rem;
font-weight: 700;
line-height: 1.3571428571;
color: #e53754;
background-color: #fff;
border: 1px solid #e53754;
border-radius: 18.75rem;
}
@media screen and (max-width : 768px) {
section#campus-esinfo .esinfo_item__general {
height: 1.75rem;
font-size: .75rem;
}
}
section#campus-esinfo .esinfo_item__general span {
display: block;
width: 1px;
height: 1.25rem;
margin: 0 .75rem;
background-color: #e53754;
}
@media screen and (max-width : 768px) {
section#campus-esinfo .esinfo_item__general span {
height: 1.125rem;
}
}
section#campus-esinfo .esinfo_item__title {
margin-top: .625rem;
font-size: 1.25rem;
font-weight: 700;
line-height: 1.4;
}
section#campus-esinfo .esinfo_item__message {
position: relative;
z-index: 10;
padding: 1rem 1.25rem;
margin-top: 1rem;
}
@media screen and (max-width : 768px) {
section#campus-esinfo .esinfo_item__message {
padding: 1.25rem .625rem .25rem;
margin-top: 0;
}
}
section#campus-esinfo .esinfo_item__message>p {
display: -webkit-box;
height: 4.8em;
overflow: hidden;
font-size: .9375rem;
line-height: 1.6;
letter-spacing: -.06em;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}
section#campus-esinfo .esinfo_item__message .more-link {
position: absolute;
bottom: 1rem;
right: 1.25rem;
z-index: 1;
display: block;
padding-left: 4.375rem;
font-size: .9375rem;
font-weight: 500;
line-height: 1.6;
text-align: right;
background-image: linear-gradient(90deg, rgb(248 248 248 / 0), rgb(248 248 248) 50%);
}
@media screen and (max-width : 768px) {
section#campus-esinfo .esinfo_item__message .more-link {
bottom: .25rem;
right: .625rem;
}
}
section#campus-esinfo .esinfo_item__message .user-message-blur {
position: absolute;
bottom: 0;
left: 0;
right: 0;
z-index: 1;
display: flex;
flex-direction: column;
flex-wrap: wrap;
gap: .5rem;
align-items: center;
justify-content: center;
padding: .75rem;
margin-top: 1rem;
background: rgb(255 255 255 / .3);
-webkit-backdrop-filter: blur(.375rem);
backdrop-filter: blur(.375rem);
}
section#campus-esinfo .esinfo_item__message .user-message-blur .btn {
width: 15rem;
height: 2.5rem;
}
section#campus-esinfo .es-info_btn.u_sp_f {
margin: 2.5rem auto 0;
}
section#campus-videos {
padding-top: 5rem;
padding-bottom: 7.5rem;
background-color: #fff;
}
@media screen and (max-width : 768px) {
section#campus-videos {
padding-top: 3.75rem;
padding-bottom: 5rem;
padding-right: 1rem;
}
}
@media screen and (max-width : 768px) {
section#campus-videos .swiper-button-prev,
section#campus-videos .swiper-button-next {
display: none;
}
}
@media screen and (max-width : 768px) {
section#campus-videos .swiper-wrapper {
flex-wrap: wrap;
gap: 1.5rem .5rem;
}
}
@media screen and (max-width : 768px) {
section#campus-videos .post_co {
width: calc((100% - .5rem) / 2);
}
}
@media screen and (max-width : 768px) {
section#campus-videos .post_co:nth-child(1) {
width: 100%;
}
}
section#campus-videos .post_co__label__normal .icon {
display: none;
}
@media screen and (max-width : 768px) {
section#campus-videos .post_co__small .post_co__label .icon {
display: block;
}
}
@media screen and (max-width : 768px) {
section#campus-videos .post_co__small .post_co__label .text {
display: none;
}
}
@media screen and (max-width : 768px) {
section#campus-videos .post_co__small .post_co__description {
display: none;
}
}
section#campus-videos .btn.btn_red_border.u_sp_f {
margin: 2.5rem auto 0;
}
section#campus-corner_corporate,
section#campus-corner_self,
section#campus-corner_measures,
section#campus-corner_money {
position: relative;
padding-top: 7.5rem;
padding-bottom: 3.75rem;
background-color: #f2f4f6;
border-bottom: 2px solid #fff;
}
@media screen and (max-width : 768px) {
section#campus-corner_corporate,
section#campus-corner_self,
section#campus-corner_measures,
section#campus-corner_money {
padding-top: 2.8125rem;
padding-right: 1rem;
}
}
section#campus-corner_corporate::before,
section#campus-corner_self::before,
section#campus-corner_measures::before,
section#campus-corner_money::before {
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 1;
display: block;
width: 100%;
height: 14.4375rem;
content: "";
background: linear-gradient(360deg, #f2f4f6 0%, #eceff3 97.24%);
}
@media screen and (max-width : 768px) {
section#campus-corner_corporate::before,
section#campus-corner_self::before,
section#campus-corner_measures::before,
section#campus-corner_money::before {
height: 7.875rem;
}
}
section#campus-corner_corporate .section_title,
section#campus-corner_self .section_title,
section#campus-corner_measures .section_title,
section#campus-corner_money .section_title {
position: relative;
z-index: 5;
}
section#campus-corner_corporate .corner_layout,
section#campus-corner_self .corner_layout,
section#campus-corner_measures .corner_layout,
section#campus-corner_money .corner_layout {
display: grid;
grid-template-columns: 46.8125rem auto;
gap: 2rem;
margin-top: 3.1875rem;
}
@media screen and (max-width : 768px) {
section#campus-corner_corporate .corner_layout,
section#campus-corner_self .corner_layout,
section#campus-corner_measures .corner_layout,
section#campus-corner_money .corner_layout {
grid-template-columns: auto;
gap: 2.5rem;
margin-top: 2rem;
}
}
section#campus-corner_corporate .corner_left .corner_item,
section#campus-corner_self .corner_left .corner_item,
section#campus-corner_measures .corner_left .corner_item,
section#campus-corner_money .corner_left .corner_item {
width: 100%;
min-width: 0;
}
section#campus-corner_corporate .corner_right,
section#campus-corner_self .corner_right,
section#campus-corner_measures .corner_right,
section#campus-corner_money .corner_right {
z-index: 3;
min-width: 0;
overflow: hidden;
}
section#campus-corner_corporate .corner_right .swiper,
section#campus-corner_self .corner_right .swiper,
section#campus-corner_measures .corner_right .swiper,
section#campus-corner_money .corner_right .swiper {
width: 100%;
margin-top: 0;
}
section#campus-corner_corporate .corner_right .corner_pair,
section#campus-corner_self .corner_right .corner_pair,
section#campus-corner_measures .corner_right .corner_pair,
section#campus-corner_money .corner_right .corner_pair {
display: grid;
grid-template-rows: repeat(2, 1fr);
gap: 1.25rem;
height: auto;
}
@media screen and (max-width : 768px) {
section#campus-corner_corporate .corner_right .corner_pair,
section#campus-corner_self .corner_right .corner_pair,
section#campus-corner_measures .corner_right .corner_pair,
section#campus-corner_money .corner_right .corner_pair {
grid-template-rows: auto;
grid-template-columns: repeat(2, 1fr);
}
}
@media screen and (max-width : 768px) {
section#campus-corner_corporate .swiper-button-prev,
section#campus-corner_corporate .swiper-button-next,
section#campus-corner_self .swiper-button-prev,
section#campus-corner_self .swiper-button-next,
section#campus-corner_measures .swiper-button-prev,
section#campus-corner_measures .swiper-button-next,
section#campus-corner_money .swiper-button-prev,
section#campus-corner_money .swiper-button-next {
display: none;
}
}
@media screen and (max-width : 768px) {
section#campus-corner_corporate .swiper-wrapper,
section#campus-corner_self .swiper-wrapper,
section#campus-corner_measures .swiper-wrapper,
section#campus-corner_money .swiper-wrapper {
flex-wrap: wrap;
gap: 1.5rem .5rem;
}
}
section#campus-corner_corporate .post_co__label__normal .icon,
section#campus-corner_self .post_co__label__normal .icon,
section#campus-corner_measures .post_co__label__normal .icon,
section#campus-corner_money .post_co__label__normal .icon {
display: none;
}
@media screen and (max-width : 768px) {
section#campus-corner_corporate .post_co__small .post_co__label .icon,
section#campus-corner_self .post_co__small .post_co__label .icon,
section#campus-corner_measures .post_co__small .post_co__label .icon,
section#campus-corner_money .post_co__small .post_co__label .icon {
display: block;
}
}
@media screen and (max-width : 768px) {
section#campus-corner_corporate .post_co__small .post_co__label .text,
section#campus-corner_self .post_co__small .post_co__label .text,
section#campus-corner_measures .post_co__small .post_co__label .text,
section#campus-corner_money .post_co__small .post_co__label .text {
display: none;
}
}
@media screen and (max-width : 768px) {
section#campus-corner_corporate .post_co__small .post_co__description,
section#campus-corner_self .post_co__small .post_co__description,
section#campus-corner_measures .post_co__small .post_co__description,
section#campus-corner_money .post_co__small .post_co__description {
display: none;
}
}
section#campus-corner_corporate .btn.btn_black_border.u_sp_f,
section#campus-corner_self .btn.btn_black_border.u_sp_f,
section#campus-corner_measures .btn.btn_black_border.u_sp_f,
section#campus-corner_money .btn.btn_black_border.u_sp_f {
margin: 2.5rem auto 0;
}
section#campus-corner_corporate {
border-radius: 3.125rem 3.125rem 0 0;
}
@media screen and (max-width : 768px) {
section#campus-corner_corporate {
border-radius: 1.5rem 1.5rem 0 0;
}
}
section#campus-corner_corporate::before {
border-radius: 3.125rem 3.125rem 0 0;
}
@media screen and (max-width : 768px) {
section#campus-corner_corporate::before {
border-radius: 1.5rem 1.5rem 0 0;
}
}
section#campus-corner_corporate::after {
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 2;
display: block;
width: 100%;
height: 100%;
content: "";
background-image: url(//jo-katsu.com/release/wordpress/wp-content/themes/jo-katsu/images/campus/renewal-2025/corner_top_bg.png);
background-repeat: no-repeat;
background-position: left top;
background-size: contain;
border-radius: 3.125rem 3.125rem 0 0;
}
@media screen and (max-width : 768px) {
section#campus-corner_corporate::after {
background-image: url(//jo-katsu.com/release/wordpress/wp-content/themes/jo-katsu/images/campus/renewal-2025/corner_top_bg_sp.png);
border-radius: 1.5rem 1.5rem 0 0;
}
}
section#campus-corner_money {
border-bottom: none;
}
main#page__campus_list {
padding-top: 9.1875rem;
background-color: #f2f4f6;
}
@media screen and (max-width : 768px) {
main#page__campus_list {
padding-top: 6.8125rem;
}
}
main#page__campus_list .kiji_setumei {
margin-top: 3rem;
font-size: 1.125rem;
line-height: 1.7777777778;
}
@media screen and (max-width : 768px) {
main#page__campus_list .kiji_setumei {
margin-top: 2.5rem;
font-size: 1rem;
}
}
main#page__campus_list .campus-archive {
padding-bottom: 8.75rem;
margin-top: 5rem;
}
@media screen and (max-width : 768px) {
main#page__campus_list .campus-archive {
padding-bottom: 5rem;
margin-top: 3.5rem;
}
}
main#page__campus_list .campus-archive__inner {
display: flex;
gap: 2.125rem;
align-items: flex-start;
}
@media screen and (max-width : 768px) {
main#page__campus_list .campus-archive__inner {
flex-direction: column;
gap: 2.5rem;
}
}
main#page__campus_list .campus-archive__sidebar {
flex-shrink: 0;
width: 10rem;
}
@media screen and (max-width : 768px) {
main#page__campus_list .campus-archive__sidebar {
width: 100%;
}
}
main#page__campus_list .campus-archive__chips {
display: flex;
flex-direction: column;
gap: .875rem;
}
@media screen and (max-width : 768px) {
main#page__campus_list .campus-archive__chips {
flex-direction: row;
gap: .75rem;
overflow-x: auto;
}
}
main#page__campus_list .campus-archive__chips .chip {
display: flex;
align-items: center;
min-height: 3.9375rem;
padding: 1rem 1.375rem;
font-size: 1.25rem;
font-weight: 700;
line-height: 1;
color: #e53754;
background-color: #fff;
border-radius: 18.75rem;
}
@media screen and (max-width : 768px) {
main#page__campus_list .campus-archive__chips .chip {
flex-shrink: 0;
justify-content: center;
min-width: 8.125rem;
min-height: 2.9375rem;
padding: .5rem 1rem;
font-size: 1rem;
}
}
main#page__campus_list .campus-archive__chips .chip.is-active {
color: #fff;
background-color: #e53754;
}
main#page__campus_list .campus-archive__main {
width: 100%;
}
.campus-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 3.75rem 1.5rem;
}
@media screen and (max-width : 768px) {
.campus-grid {
grid-template-columns: 1fr;
gap: 2.5rem;
}
}
.custom-pagination {
margin-top: 6.25rem;
}
@media screen and (max-width : 768px) {
.custom-pagination {
margin-top: 3.5rem;
}
}
.custom-pagination ul {
display: flex;
gap: .625rem;
align-items: center;
justify-content: center;
}
.custom-pagination ul li {
display: block;
}
.custom-pagination ul li a,
.custom-pagination ul li span {
display: inline-flex;
align-items: center;
justify-content: center;
width: 3.125rem;
height: 3.125rem;
font-size: 1.25rem;
font-weight: 700;
line-height: 1;
color: #000;
background-color: #fff;
border: 2px solid #e53754;
border-radius: .375rem;
}
@media screen and (max-width : 768px) {
.custom-pagination ul li a,
.custom-pagination ul li span {
width: 2.5rem;
height: 2.375rem;
font-size: 1rem;
border-radius: .25rem;
}
}
.custom-pagination ul li img {
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.custom-pagination ul li.current a,
.custom-pagination ul li.current span {
color: #fff;
background-color: #e53754;
}
.custom-pagination ul li.dots {
margin: 0 1.25rem;
}
@media screen and (max-width : 768px) {
.custom-pagination ul li.dots {
margin: 0 .5rem;
}
}
.custom-pagination ul li.arrow {
margin: 0 1.25rem;
}
@media screen and (max-width : 768px) {
.custom-pagination ul li.arrow {
margin: 0 .5rem;
}
}
.custom-pagination ul li.arrow a,
.custom-pagination ul li.arrow span {
width: 3.25rem;
height: 3.25rem;
border: none;
border-radius: 50%;
}
.custom-pagination ul li.arrow.disabled {
opacity: .5;
}
.custom-pagination ul li:nth-child(1) img {
transform: rotate(180deg);
}
section.ranking-sec {
padding-top: 5rem;
padding-bottom: 5.3125rem;
background-color: #fff;
}
@media screen and (max-width : 768px) {
section.ranking-sec {
padding-top: 3.75rem;
padding-bottom: 3.75rem;
}
}
section.ranking-sec .ranking-head {
display: flex;
align-items: center;
justify-content: space-between;
}
@media screen and (max-width : 768px) {
section.ranking-sec .ranking-head {
justify-content: center;
}
}
section.ranking-sec .ranking-more {
display: flex;
gap: .5rem;
align-items: center;
font-size: .9375rem;
font-weight: 700;
line-height: 1.2666666667;
}
@media screen and (max-width : 768px) {
section.ranking-sec .ranking-more {
justify-content: center;
margin-top: 2.5rem;
}
}
section.ranking-sec .ranking-more .ico {
display: flex;
align-items: center;
justify-content: center;
width: 1.25rem;
height: 1.25rem;
background-color: #000;
border-radius: 50%;
}
section.ranking-sec .ranking-more .ico::after {
display: block;
width: .375rem;
height: .375rem;
content: "";
border-top: 1px solid #fff;
border-right: 1px solid #fff;
transform: translateX(-1px) rotate(45deg);
}
@media screen and (max-width : 768px) {
section.ranking-sec .ranking-more .ico::after {
display: block;
}
}
.ranking-list {
display: flex;
gap: 1.625rem;
margin-top: 3rem;
}
@media screen and (max-width : 768px) {
.ranking-list {
flex-wrap: wrap;
gap: 1rem .5rem;
}
}
.ranking-list .rankpost_item {
width: calc((100% - 4.875rem) / 4);
}
@media screen and (max-width : 768px) {
.ranking-list .rankpost_item {
width: calc((100% - .5rem) / 2);
}
}
body.single-materials footer#footer {
background-color: #f2f4f6;
}
main#single_materials {
padding-top: 9.1875rem;
padding-bottom: 5.3125rem;
background-color: #f2f4f6;
}
@media screen and (max-width : 768px) {
main#single_materials {
padding-top: 5.375rem;
padding-bottom: 3.875rem;
}
}
main#single_materials .body-wrap {
display: flex;
gap: 4.375rem;
align-items: flex-start;
}
@media screen and (max-width : 768px) {
main#single_materials .body-wrap {
flex-direction: column;
gap: 3.5rem;
}
}
main#single_materials .materials-section {
width: 100%;
}
main#single_materials .materials-title {
font-size: 1.625rem;
font-weight: 700;
line-height: 1.6153846154;
color: #e53754;
}
@media screen and (max-width : 768px) {
main#single_materials .materials-title {
font-size: 1.25rem;
line-height: 1.5;
}
}
main#single_materials .materials-visual {
margin-top: 2.125rem;
}
@media screen and (max-width : 768px) {
main#single_materials .materials-visual {
margin-top: 1.5rem;
}
}
main#single_materials .materials-visual img {
border-radius: 1rem;
}
@media screen and (max-width : 768px) {
main#single_materials .materials-visual img {
border-radius: .75rem;
}
}
main#single_materials .materials-visual .thumb-images {
display: flex;
gap: 1rem;
align-items: center;
justify-content: center;
margin-top: 2.375rem;
}
@media screen and (max-width : 768px) {
main#single_materials .materials-visual .thumb-images {
gap: .9375rem;
margin-top: 1rem;
}
}
main#single_materials .materials-visual .thumb-images .thumb {
width: 9.375rem;
height: 5.25rem;
}
@media screen and (max-width : 768px) {
main#single_materials .materials-visual .thumb-images .thumb {
width: 6.875rem;
height: 3.875rem;
}
}
main#single_materials .materials-visual .thumb-images .thumb img {
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
main#single_materials .materials-textbox-wrap {
margin-top: 3.5rem;
}
@media screen and (max-width : 768px) {
main#single_materials .materials-textbox-wrap {
margin-top: 2.5rem;
}
}
main#single_materials .materials-textbox {
padding-left: .625rem;
margin-top: 2.5rem;
margin-bottom: .5rem;
font-size: 1.125rem;
font-weight: 700;
line-height: 1.7777777778;
border-left: 3px solid #e53754;
}
@media screen and (max-width : 768px) {
main#single_materials .materials-textbox {
padding-left: .75rem;
margin-top: 3rem;
margin-bottom: 1rem;
font-size: 1rem;
line-height: 1.6875;
}
}
main#single_materials .textbox-body {
font-size: 1.125rem;
line-height: 1.7777777778;
}
@media screen and (max-width : 768px) {
main#single_materials .textbox-body {
font-size: 1rem;
line-height: 2;
}
}
main#single_materials .materials-wysiwyg * {
font-size: 1rem;
font-weight: 500;
line-height: 2;
}
@media screen and (max-width : 768px) {
main#single_materials .materials-wysiwyg * {
font-size: .875rem;
}
}
main#single_materials .materials-wysiwyg ul>li {
position: relative;
display: block;
padding-left: 1em;
}
main#single_materials .materials-wysiwyg ul>li::before {
position: absolute;
top: 0;
left: 0;
display: block;
content: "・";
}
main#single_materials .form-dl {
flex-shrink: 0;
width: 41.875rem;
padding: 3.375rem 3.5rem;
background-color: #fff;
border-radius: 1rem;
}
@media screen and (max-width : 768px) {
main#single_materials .form-dl {
width: 100%;
padding: 2.5rem 1.25rem;
}
}
main#single_materials .form-dl input:not([type="radio"], [type="checkbox"], [type="submit"]) {
width: 24.4375rem;
font-size: 1.125rem;
line-height: 1.3333333333;
border: 1px solid #cecece;
}
@media screen and (max-width : 768px) {
main#single_materials .form-dl input:not([type="radio"], [type="checkbox"], [type="submit"]) {
width: 100%;
}
}
main#single_materials .form-dl .required {
color: #e53754;
}
main#single_materials .form-dl .form-title {
display: flex;
gap: .75rem;
align-items: center;
justify-content: center;
margin-bottom: 2.5rem;
font-size: 2rem;
font-weight: 700;
line-height: 1;
color: #e53754;
}
@media screen and (max-width : 768px) {
main#single_materials .form-dl .form-title {
flex-wrap: wrap;
gap: .375rem;
font-size: 1.5rem;
}
}
main#single_materials .form-dl .form-title .disp_ib {
font-family: inherit;
font-size: inherit;
font-weight: inherit;
line-height: inherit;
color: inherit;
}
main#single_materials .form-dl .form-title .label-free {
display: inline-block;
padding: .5rem .6875rem;
font-size: 1.75rem;
line-height: 1.1666666667;
color: #fff;
background-color: #e53754;
border-radius: .1875rem;
}
@media screen and (max-width : 768px) {
main#single_materials .form-dl .form-title .label-free {
padding: .375rem;
font-size: 1.25rem;
}
}
main#single_materials .form-dl .form-row {
display: flex;
gap: 1.875rem;
align-items: center;
margin-top: 1rem;
}
@media screen and (max-width : 768px) {
main#single_materials .form-dl .form-row {
flex-wrap: wrap;
gap: .5rem;
margin-top: 1.5rem;
}
}
main#single_materials .form-dl .form-row label {
display: block;
width: 100%;
font-size: 1.125rem;
font-weight: 700;
line-height: 1.3333333333;
letter-spacing: 0;
}
@media screen and (max-width : 768px) {
main#single_materials .form-dl .form-row label {
width: 100%;
font-size: .9375rem;
line-height: 1.6;
}
}
main#single_materials .form-dl .form-row input {
flex-shrink: 0;
}
main#single_materials .form-dl .form-row.full {
gap: .375rem;
align-items: center;
justify-content: center;
width: 100%;
}
main#single_materials .form-dl .privacy-text {
margin-top: 1rem;
margin-bottom: 3rem;
font-size: 1rem;
line-height: 1.5;
color: #868686;
text-align: left;
margin-left: 3px;
}
main#single_materials .form-dl .privacy-text a {
color: #e53754;
text-decoration: underline;
}
main#single_materials .form-dl .shinsotsu {
justify-content: left !important;
margin-top: 2rem;
}
main#single_materials .form-dl .shinsotsu .mwform-checkbox-field {
margin-top: 0;
}
main#single_materials .form-dl .shinsotsu .mwform-checkbox-field-text{
line-height: 1.5;
}
@media screen and (max-width : 450px) {
main#single_materials .form-dl .shinsotsu .mwform-checkbox-field label {
align-items: flex-start;
}
}
main#single_materials .form-dl .mwform-checkbox-field {
display: block;
margin-top: 2rem;
}
@media screen and (max-width : 768px) {
main#single_materials .form-dl .mwform-checkbox-field {
margin-top: 1.5rem;
}
}
main#single_materials .form-dl .mwform-checkbox-field label {
display: flex;
align-items: center;
justify-content: center;
font-size: 1.125rem;
font-weight: 700;
line-height: 1.3333333333;
}
@media screen and (max-width : 768px) {
main#single_materials .form-dl .mwform-checkbox-field label {
font-size: 1rem;
}
}
main#single_materials .form-dl .form-button {
margin-top: 1.5rem;
}
main#single_materials .form-dl .form-button input[type="submit"] {
display: flex;
align-items: center;
justify-content: center;
width: 27.375rem;
max-width: 100%;
height: 4.125rem;
margin-inline: auto;
font-size: .9375rem;
font-weight: 700;
line-height: 1.6;
color: #fff;
background-color: #e53754;
border-radius: 9.5625rem;
}
main.thank-page {
padding-top: 9.1875rem;
padding-bottom: 7.8125rem;
background-color: #f2f4f6;
}
@media screen and (max-width : 768px) {
main.thank-page {
padding-top: 5.375rem;
padding-bottom: 5.75rem;
}
}
main.thank-page .thank-container {
margin-top: 5rem;
text-align: center;
}
@media screen and (max-width : 768px) {
main.thank-page .thank-container {
margin-top: 3rem;
}
}
main.thank-page .thank-heading {
font-family: Righteous, "Noto Sans JP", sans-serif;
font-size: 4.75rem;
font-weight: 400;
line-height: 1;
color: #e53754;
letter-spacing: .06em;
}
@media screen and (max-width : 768px) {
main.thank-page .thank-heading {
font-size: 3.5rem;
}
}
main.thank-page .thank-sub {
margin-top: .75rem;
font-size: 1.125rem;
font-weight: 700;
line-height: 1.3333333333;
}
@media screen and (max-width : 768px) {
main.thank-page .thank-sub {
margin-top: .5rem;
font-size: 1rem;
line-height: 1.5;
}
}
main.thank-page .thank-text {
margin-top: 4rem;
font-size: 1.125rem;
line-height: 1.7777777778;
text-align: center;
}
@media screen and (max-width : 768px) {
main.thank-page .thank-text {
margin-top: 2.5rem;
font-size: 1rem;
line-height: 2;
}
}
main.thank-page .thank-text * {
font-size: inherit;
line-height: inherit;
}
main.thank-page .thank-buttons {
display: flex;
flex-wrap: wrap;
gap: .75rem;
justify-content: center;
margin-top: 4rem;
}
@media screen and (max-width : 768px) {
main.thank-page .thank-buttons {
flex-direction: column-reverse;
gap: 1.25rem;
align-items: center;
margin-top: 3.5rem;
}
}
main.thank-page .thank-buttons .btn {
width: 17rem;
height: 4.125rem;
font-size: .9375rem;
}
body.post-type-archive-videos footer#footer {
background-color: #f2f4f6;
}
main#archive__videos {
padding-top: 9.1875rem;
padding-bottom: 7.8125rem;
background-color: #f2f4f6;
}
@media screen and (max-width : 768px) {
main#archive__videos {
padding-top: 6.625rem;
padding-bottom: 3.875rem;
}
}
section.video-slider-wrapper {
max-width: calc(1580px + 2rem);
padding-left: 1rem;
padding-right: 1rem;
margin: 5rem auto 0;
}
@media screen and (max-width : 768px) {
section.video-slider-wrapper {
margin-top: 2.5rem;
}
}
section.video-slider-wrapper .video-slide-inner {
display: flex;
gap: 3rem;
align-items: flex-end;
}
@media screen and (max-width : 768px) {
section.video-slider-wrapper .video-slide-inner {
flex-direction: column;
gap: 1.0625rem;
}
}
section.video-slider-wrapper .video-slide .video-left {
width: 100%;
}
section.video-slider-wrapper .video-slide .video-left a {
display: block;
}
section.video-slider-wrapper .video-slide .video-left img {
height: auto;
aspect-ratio: 1160/652;
-o-object-fit: cover;
object-fit: cover;
}
section.video-slider-wrapper .video-slide .video-right {
flex-shrink: 0;
width: 23.25rem;
padding-bottom: 10.125rem;
}
@media screen and (max-width : 768px) {
section.video-slider-wrapper .video-slide .video-right {
display: flex;
gap: 1.3125rem;
align-items: flex-start;
width: 100%;
padding-bottom: 8.625rem;
}
}
section.video-slider-wrapper .video-slide .company-logo img {
height: 9.375rem;
-o-object-fit: contain;
object-fit: contain;
}
@media screen and (max-width : 768px) {
section.video-slider-wrapper .video-slide .company-logo img {
width: 4.875rem;
height: 4.875rem;
}
}
section.video-slider-wrapper .video-slide .company-name {
margin-top: 1rem;
font-size: 1.25rem;
font-weight: 700;
line-height: 1;
text-align: center;
}
@media screen and (max-width : 768px) {
section.video-slider-wrapper .video-slide .company-name {
margin-top: 0;
font-size: 1.125rem;
}
}
section.video-slider-wrapper .video-slide .video-title {
margin-top: 2.5rem;
font-size: 1.125rem;
font-weight: 500;
line-height: 1.6666666667;
}
@media screen and (max-width : 768px) {
section.video-slider-wrapper .video-slide .video-title {
margin-top: .8125rem;
font-size: .875rem;
line-height: 1.5714285714;
}
}
section.video-slider-wrapper .video-slide__pagination {
bottom: 6.25rem;
left: auto;
right: 0;
width: 23.25rem;
}
@media screen and (max-width : 768px) {
section.video-slider-wrapper .video-slide__pagination {
bottom: 5.25rem;
width: 100%;
}
}
section.video-slider-wrapper .video-slide__nav button {
top: auto;
bottom: 1rem;
background: none;
}
@media screen and (max-width : 768px) {
section.video-slider-wrapper .video-slide__nav button {
bottom: 0;
}
}
section.video-slider-wrapper .video-slide__nav button img {
width: 3.25rem;
height: 3.25rem;
-o-object-fit: contain;
object-fit: contain;
}
section.video-slider-wrapper .video-slide__nav .video-swiper__prev {
left: auto;
right: 12.625rem;
}
@media screen and (max-width : 768px) {
section.video-slider-wrapper .video-slide__nav .video-swiper__prev {
left: 8.25rem;
right: auto;
}
}
section.video-slider-wrapper .video-slide__nav .video-swiper__prev img {
transform: rotate(180deg);
}
section.video-slider-wrapper .video-slide__nav .video-swiper__next {
right: 7.375rem;
}
@media screen and (max-width : 768px) {
section.video-slider-wrapper .video-slide__nav .video-swiper__next {
right: 8.25rem;
}
}
section.video-search .video-search-inner {
padding: 2.5rem 6.25rem;
margin-top: 5.625rem;
background-color: #fff;
border-radius: 1rem;
}
@media screen and (max-width : 768px) {
section.video-search .video-search-inner {
padding: 2rem 1.25rem;
margin-top: 3.75rem;
}
}
section.video-search .suggested-tags {
padding: 1.25rem 2.5rem;
margin-top: 1.25rem;
background-color: #f8f8f8;
border-radius: .375rem;
}
@media screen and (max-width : 768px) {
section.video-search .suggested-tags {
padding: 1.25rem;
margin-top: 1.6875rem;
}
}
section.video-search .suggested-tags__title {
font-size: 1rem;
font-weight: 700;
line-height: 1.5;
}
section.video-search .suggested-tags .tag-btn {
display: inline-block;
padding: .5rem .75rem;
color: #fff;
background-color: #e53754;
border-radius: .375rem;
}
section.video-search .suggested-tags .tag-btn_wrapper {
display: flex;
flex-wrap: wrap;
gap: .75rem 1rem;
margin-top: .75rem;
}
.video-search-fields {
display: flex;
gap: 1rem;
}
@media screen and (max-width : 768px) {
.video-search-fields {
flex-direction: column;
gap: .625rem;
}
}
.video-search-fields .search-box {
position: relative;
z-index: 10;
width: 100%;
}
.video-search-fields .search-box .search-icon {
position: absolute;
top: 50%;
left: .9375rem;
width: .9375rem;
height: .9375rem;
transform: translateY(-50%);
-o-object-fit: contain;
object-fit: contain;
}
.video-search-fields .search-box input {
width: 100%;
height: 3.75rem;
padding: 0 1.125rem 0 2.8125rem;
border: 2px solid #e53754;
border-radius: 5.375rem;
}
.video-search-fields .search-taxonomy {
width: 13.5625rem;
height: 3.75rem;
padding: 0 1.25rem;
border: 2px solid #e53754;
border-radius: 5.375rem;
}
@media screen and (max-width : 768px) {
.video-search-fields .search-taxonomy {
width: 100%;
}
}
.video-search-fields .search-button {
width: 9rem;
height: 3.75rem;
border-radius: 9.125rem;
}
@media screen and (max-width : 768px) {
.video-search-fields .search-button {
width: 100%;
}
}
section.new-videos {
margin-top: 6.25rem;
}
@media screen and (max-width : 768px) {
section.new-videos {
margin-top: 3.375rem;
}
}
section.new-videos .dot_title {
margin-bottom: 3.75rem;
}
@media screen and (max-width : 768px) {
section.new-videos .dot_title {
margin-bottom: 2rem;
}
}
.video-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 3.375rem 1.875rem;
}
@media screen and (max-width : 768px) {
.video-grid {
grid-template-columns: auto;
gap: 1.25rem;
}
}
.video-grid__2 {
grid-template-columns: repeat(2, 1fr);
gap: 1.5rem 2.5rem;
}
@media screen and (max-width : 768px) {
.video-grid__2 {
grid-template-columns: auto;
gap: 1.25rem;
}
}
section.industry-search {
max-width: calc(1680px + 2rem);
padding-left: 1rem;
padding-right: 1rem;
margin: 7.5rem auto 0;
}
@media screen and (max-width : 768px) {
section.industry-search {
margin-top: 3.75rem;
}
}
section.industry-search .industry-search-inner {
padding: 6.25rem 1rem;
background-color: #fff;
border-radius: 1.875rem;
}
@media screen and (max-width : 768px) {
section.industry-search .industry-search-inner {
padding: 3rem 1.5rem;
}
}
section.industry-search .page_title_wrapper {
display: flex;
justify-content: center;
}
.industry-grid {
display: flex;
flex-wrap: wrap;
gap: 1.25rem 3.75rem;
max-width: 61.0625rem;
margin: 5rem auto 0;
}
@media screen and (max-width : 768px) {
.industry-grid {
gap: 1.5rem;
margin-top: 2.5rem;
}
}
.industry-grid .industry-item {
width: 7rem;
}
@media screen and (max-width : 768px) {
.industry-grid .industry-item {
width: 5.5rem;
}
}
.industry-grid .industry-icon {
aspect-ratio: 1/1;
-o-object-fit: contain;
object-fit: contain;
}
.industry-grid .industry-name {
display: flex;
align-items: center;
justify-content: center;
height: 3em;
margin-top: .5rem;
font-size: .875rem;
font-weight: 400;
line-height: 1.5;
text-align: center;
}
@media screen and (max-width : 768px) {
.industry-grid .industry-name {
font-size: .75rem;
}
}
body.single-videos footer#footer {
background-color: #f2f4f6;
}
main#single_videos {
padding-top: 9.1875rem;
padding-bottom: 5.3125rem;
background-color: #f2f4f6;
}
@media screen and (max-width : 768px) {
main#single_videos {
padding-top: 5.3125rem;
padding-bottom: 3.875rem;
}
}
main#single_videos>.inner {
max-width: calc(1580px + 2rem);
padding-left: 1rem;
padding-right: 1rem;
}
.single_videos__head {
display: flex;
justify-content: space-between;
}
@media screen and (max-width : 768px) {
.single_videos__head {
flex-wrap: wrap;
}
}
.single_videos__head input,
.single_videos__head select,
.single_videos__head button {
height: 2.8125rem ! important;
}
@media screen and (max-width : 768px) {
.single_videos__head input,
.single_videos__head select,
.single_videos__head button {
height: 2.1875rem;
}
}
@media screen and (max-width : 768px) {
.video-search-form .video-search-fields {
flex-direction: row;
}
}
@media screen and (max-width : 768px) {
.video-search-form .video-search-fields .search-taxonomy {
flex-shrink: 0;
width: 6.875rem;
}
}
@media screen and (max-width : 768px) {
.video-search-form .video-search-fields .search-button {
flex-shrink: 0;
width: 4.5rem;
}
}
.single_videos_contents_wrapper {
display: flex;
gap: 3.75rem;
align-items: flex-start;
margin-top: 2.5rem;
}
@media screen and (max-width : 768px) {
.single_videos_contents_wrapper {
flex-direction: column;
}
}
.single_videos_contents_wrapper .main-content {
width: 100%;
min-width: 0;
}
@media screen and (max-width : 768px) {
.single_videos_contents_wrapper .youtube-embed {
margin-left: -1rem;
margin-right: -1rem;
}
}
.single_videos_contents_wrapper .youtube-embed iframe {
width: 100%;
height: auto;
aspect-ratio: 16/9;
}
.single_videos_contents_wrapper .post-title {
padding: .875rem 1.25rem;
font-size: 1.125rem;
font-weight: 700;
line-height: 1.6666666667;
}
@media screen and (max-width : 768px) {
.single_videos_contents_wrapper .post-title {
padding: 1rem 0;
font-size: .9375rem;
line-height: 1.6666666667;
}
}
.single_videos_contents_wrapper .post-meta-content {
padding: 1.25rem;
}
@media screen and (max-width : 768px) {
.single_videos_contents_wrapper .post-meta-content {
padding: 1.5rem 0 1rem;
}
}
.single_videos_contents_wrapper .post-meta-content_inner {
padding: 1.5rem 1.875rem;
background-color: #fff;
border-radius: 1rem;
}
@media screen and (max-width : 768px) {
.single_videos_contents_wrapper .post-meta-content_inner {
padding: 1rem 1.25rem;
border-radius: .75rem;
}
}
.single_videos_contents_wrapper .post-meta-content .post-date {
font-size: 1rem;
font-weight: 500;
}
@media screen and (max-width : 768px) {
.single_videos_contents_wrapper .post-meta-content .post-date {
font-size: .75rem;
}
}
.single_videos_contents_wrapper .post-meta-content .post-content {
margin-top: .625rem;
font-size: .875rem;
line-height: 1.7142857143;
letter-spacing: -.06em;
}
@media screen and (max-width : 768px) {
.single_videos_contents_wrapper .post-meta-content .post-content {
font-size: .75rem;
line-height: 1.6666666667;
}
}
.single_videos_contents_wrapper .video_list_wrapper {
padding: 1rem 1.25rem;
}
@media screen and (max-width : 768px) {
.single_videos_contents_wrapper .video_list_wrapper {
padding: 1rem 0;
}
}
.single_videos_contents_wrapper .video-category-tabs {
display: flex;
flex-wrap: nowrap;
gap: .5rem;
inline-size: -webkit-max-content;
inline-size: -moz-max-content;
inline-size: max-content;
}
.single_videos_contents_wrapper .video-category-tabs-wrapper {
position: relative;
z-index: 10;
overflow-y: hidden;
}
.single_videos_contents_wrapper .video-category-tabs-wrapper::after {
position: absolute;
top: 50%;
right: 0;
z-index: 1;
display: block;
width: 7.0625rem;
height: 2.5rem;
content: "";
background: linear-gradient(90.81deg, rgb(242 244 246 / 0) 2.21%, #f2f4f6 102.32%);
transform: translateY(-50%);
}
.single_videos_contents_wrapper .video-category-tabs-scroll {
width: 100%;
min-width: 0;
max-width: 100%;
padding-right: 6rem;
overflow-x: auto;
overflow-y: hidden;
}
@media screen and (max-width : 768px) {
.single_videos_contents_wrapper .video-category-tabs-scroll {
padding-right: 3rem;
}
}
.single_videos_contents_wrapper .video-category-tabs .tab-button {
display: inline-block;
flex: 0 0 auto;
padding: .5rem .75rem;
overflow: hidden;
font-size: .875rem;
font-weight: 800;
line-height: 1.3571428571;
color: #000;
white-space: nowrap;
background: #ddd;
border-radius: .25rem;
}
@media screen and (max-width : 768px) {
.single_videos_contents_wrapper .video-category-tabs .tab-button {
font-size: .75rem;
}
}
.single_videos_contents_wrapper .video-category-tabs .tab-button.active {
color: #fff;
background: #e53754;
}
.single_videos_contents_wrapper .video-grid {
margin-top: 2.5rem;
}
@media screen and (max-width : 768px) {
.single_videos_contents_wrapper .video-grid {
margin-top: 1.875rem;
}
}
.video-card a {
display: flex;
gap: .4375rem;
align-items: flex-start;
}
@media screen and (max-width : 768px) {
.video-card a {
gap: 1.5rem;
}
}
.video-card .thumb {
position: relative;
z-index: 10;
width: 10.5625rem;
}
@media screen and (max-width : 768px) {
.video-card .thumb {
width: 8.125rem;
}
}
.video-card .thumb img {
height: auto;
aspect-ratio: 169/96;
-o-object-fit: cover;
object-fit: cover;
border-radius: .5rem;
}
.video-card .thumb .no-image {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: auto;
aspect-ratio: 169/96;
background: #c4c4c4;
border-radius: .5rem;
}
.video-card .thumb .watch-time {
position: absolute;
bottom: .25rem;
left: .25rem;
z-index: 1;
display: inline-block;
padding: .125rem .625rem;
font-size: .6875rem;
line-height: 1.7272727273;
color: #fff;
background: #000;
border-radius: 18.75rem;
}
@media screen and (max-width : 768px) {
.video-card .thumb .watch-time {
left: auto;
right: .25rem;
}
}
.video-card .video-title {
display: -webkit-box;
max-height: 3.1428571429em;
overflow: hidden;
font-size: .875rem;
font-weight: 700;
line-height: 1.5714285714;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
@media screen and (max-width : 768px) {
.video-card .video-title {
max-height: 3em;
font-size: .75rem;
line-height: 1.5;
}
}
.video-card .video-account {
margin-top: .8125rem;
font-size: .875rem;
line-height: 1;
color: #868686;
}
@media screen and (max-width : 768px) {
.video-card .video-account {
margin-top: .4375rem;
font-size: .75rem;
}
}
.video-card .video-date {
margin-top: .25rem;
font-size: .875rem;
line-height: 1;
color: #868686;
}
@media screen and (max-width : 768px) {
.video-card .video-date {
margin-top: .625rem;
}
}
body.post-type-archive-events footer#footer {
background-color: #f2f4f6;
}
main#archive_events {
padding-top: 9.1875rem;
padding-bottom: 5.3125rem;
background-color: #f2f4f6;
}
@media screen and (max-width : 768px) {
main#archive_events {
padding-top: 6.625rem;
padding-bottom: 3.875rem;
}
}
main#archive_events .page_explain {
margin-top: 3rem;
font-size: 1.125rem;
line-height: 1.7777777778;
}
@media screen and (max-width : 768px) {
main#archive_events .page_explain {
margin-top: 2.5rem;
font-size: 1rem;
line-height: 2;
}
}
.events-thumbnail-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 1rem;
margin-top: 6.25rem;
}
@media screen and (max-width : 768px) {
.double-slider-wrapper {
margin-top: 2rem;
margin-left: -1rem;
margin-right: -1rem;
}
}
@media screen and (max-width : 768px) {
.double-slider-wrapper .events-slider-row.lower {
margin-top: .5rem;
}
}
@media screen and (max-width : 768px) {
.double-slider-wrapper .swiper-wrapper {
transition-timing-function: linear ! important;
}
}
.double-slider-wrapper .swiper-slide a {
display: block;
}
.double-slider-wrapper .swiper-slide .thumb-wrapper img {
height: auto;
aspect-ratio: 16/9;
-o-object-fit: cover;
object-fit: cover;
border-radius: .5rem;
}
.event-search {
padding-top: 1.5rem;
margin-top: 3.75rem;
background-color: #fff;
border-radius: 1rem;
}
@media screen and (max-width : 768px) {
.event-search {
padding-top: 0;
margin-top: 3.375rem;
}
}
.event-search input:not([type="radio"], [type="checkbox"], [type="submit"]),
.event-search select {
width: 100%;
font-size: .9375rem;
line-height: 1.6;
border: 2px solid #e53754;
border-radius: 3.375rem;
}
@media screen and (max-width : 768px) {
.event-search input:not([type="radio"], [type="checkbox"], [type="submit"]),
.event-search select {
height: 3rem;
}
}
.event-search .clear-button {
font-size: .75rem;
font-weight: 500;
line-height: 2;
color: #868686;
text-align: left;
white-space: nowrap;
}
@media screen and (max-width : 768px) {
.event-search .clear-button {
font-size: .6875rem;
}
}
.event-search .collapsible-content {
overflow: hidden;
}
.event-search .search-row {
display: flex;
gap: 1.5rem;
max-width: calc(980px + 3rem);
padding: 1.5rem;
margin-inline: auto;
border-bottom: 1px solid #d9d9d9;
}
@media screen and (max-width : 768px) {
.event-search .search-row {
flex-direction: column;
padding: 2rem;
}
}
.event-search .search-row__center {
align-items: center;
}
@media screen and (max-width : 768px) {
.event-search .search-row__center {
align-items: flex-start;
}
}
.event-search .search-row__text_input {
flex-direction: column;
}
.event-search .label-col {
flex-shrink: 0;
min-width: 4.6875rem;
font-size: .9375rem;
font-weight: 500;
line-height: 1.6;
white-space: nowrap;
}
@media screen and (max-width : 768px) {
.event-search .label-col {
width: 100%;
font-size: .8125rem;
}
}
.event-search .field-col {
width: 100%;
}
.event-search .industry-row {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 1.25rem 4rem;
width: 100%;
font-size: .875rem;
font-weight: 500;
line-height: 1.7142857143;
}
@media screen and (max-width : 768px) {
.event-search .industry-row {
grid-template-columns: auto;
gap: .5rem;
font-size: .75rem;
}
}
.event-search .industry-row label {
display: flex;
gap: .75rem;
align-items: center;
}
@media screen and (max-width : 768px) {
.event-search .industry-row label {
gap: 1rem;
}
}
.event-search .checkbox-row {
display: flex;
flex-wrap: wrap;
gap: 1rem 2.5rem;
}
.event-search .checkbox-row label.checkbox {
display: flex;
gap: .75rem;
align-items: center;
}
.event-search .checkbox-row label.checkbox span {
font-size: .875rem;
font-weight: 500;
line-height: 1.7142857143;
color: #000;
}
@media screen and (max-width : 768px) {
.event-search .checkbox-row label.checkbox span {
font-size: .75rem;
}
}
.event-search .checkbox-row label.checkbox.checked span {
color: #e53754;
}
.event-search .keyword-input-row {
display: flex;
gap: 1.5rem;
align-items: center;
}
@media screen and (max-width : 768px) {
.event-search .keyword-input-row {
flex-wrap: wrap;
gap: .75rem;
justify-content: space-between;
}
}
.event-search .keyword-input-row .label-col {
font-size: .9375rem;
font-weight: 500;
line-height: 1.6;
white-space: nowrap;
}
@media screen and (max-width : 768px) {
.event-search .keyword-input-row .label-col {
order: 1;
font-size: .8125rem;
}
}
@media screen and (max-width : 768px) {
.event-search .keyword-input-row input {
order: 3;
width: 100%;
}
}
@media screen and (max-width : 768px) {
.event-search .keyword-input-row .clear-button {
order: 2;
}
}
.event-search .location-row {
position: relative;
z-index: 10;
display: flex;
flex-wrap: wrap;
gap: 1.25rem;
align-items: center;
}
.event-search .location-row .location-button {
width: 8.4375rem;
height: 2.5rem;
}
@media screen and (max-width : 768px) {
.event-search .location-row .location-button {
width: 100%;
height: 2.5rem;
}
}
.event-search .location-row .location-options {
display: flex;
flex-wrap: wrap;
gap: 1rem 2rem;
width: 100%;
}
.event-search .location-row .location-options label {
display: flex;
gap: .5rem;
align-items: center;
}
@media screen and (max-width : 768px) {
.event-search .location-row .clear-button {
position: absolute;
top: -2.75rem;
right: 0;
}
}
.event-search .month-row {
display: flex;
flex-direction: column;
gap: 1.5rem;
}
.event-search .month-row .year-block .year-header .year-label {
display: flex;
gap: .5rem;
align-items: center;
}
.event-search .month-row .year-block .year-header .year-label.checked svg {
transform: rotate(180deg);
}
.event-search .month-row .month-block {
flex-wrap: wrap;
gap: .625rem;
align-items: center;
margin-top: .75rem;
}
.event-search .month-row .month-block .month-item {
position: relative;
z-index: 10;
display: flex;
gap: .5rem;
align-items: center;
padding: .375rem 1.3125rem;
font-size: .875rem;
font-weight: 500;
line-height: 1.7142857143;
color: #868686;
text-align: center;
background: #fff;
border: 1px solid #cecece;
border-radius: 8.3125rem;
}
@media screen and (max-width : 768px) {
.event-search .month-row .month-block .month-item {
padding: .4375rem 1.25rem;
font-size: .75rem;
line-height: 2;
}
}
.event-search .month-row .month-block .month-item input {
position: absolute;
inset: 0;
z-index: -1;
opacity: 0;
}
.event-search .month-row .month-block .month-item.checked {
color: #fff;
background: #e53754;
border-color: #e53754;
}
.event-search .deadline-row {
position: relative;
z-index: 10;
display: flex;
gap: 1.25rem;
align-items: center;
}
.event-search .deadline-row select {
width: 18.625rem;
}
@media screen and (max-width : 768px) {
.event-search .deadline-row select {
width: 100%;
}
}
@media screen and (max-width : 768px) {
.event-search .deadline-row .clear-button {
position: absolute;
top: -2.75rem;
right: 0;
}
}
.event-search .rating-row {
position: relative;
z-index: 10;
}
.event-search .rating-row .rating-slider-wrap {
display: flex;
gap: 1.25rem;
align-items: center;
}
.event-search .rating-row #company_rating {
width: 20.8125rem;
accent-color: #e53754;
padding: 0;
}
@media screen and (max-width : 768px) {
.event-search .rating-row #company_rating {
width: 100%;
}
}
@media screen and (max-width : 768px) {
.event-search .rating-row .clear-button {
position: absolute;
top: -2.75rem;
right: 0;
}
}
.event-search .button-row {
position: relative;
z-index: 11;
display: flex;
flex-direction: column;
gap: 0;
align-items: center;
justify-content: center;
max-width: 100%;
padding: 1rem;
background-color: #f8f8f8;
}
.event-search .button-row .search-button {
width: 18.75rem;
height: 3.75rem;
font-size: .9375rem;
}
.event-search .button-row .close-button {
position: absolute;
top: 1.5rem;
right: 1.875rem;
gap: .5rem;
width: 14rem;
height: 2.8125rem;
font-size: .9375rem;
}
@media screen and (max-width : 768px) {
.event-search .button-row .close-button {
position: initial;
margin-top: 1rem;
}
}
.event-search .button-row .close-button .icon-bar {
position: relative;
z-index: 10;
display: block;
width: 1rem;
height: .125rem;
background-color: #e53754;
}
.event-search .button-row .clear-conditions {
font-size: .75rem;
font-weight: 500;
line-height: 2;
color: #868686;
}
.event-search .advanced-conditions .close-button .icon-bar::after {
position: absolute;
inset: 0;
z-index: -1;
content: "";
background-color: #e53754;
opacity: 0;
transform: rotate(90deg);
}
.event-search .advanced-conditions .button-row::before {
position: absolute;
top: -5.625rem;
left: 0;
right: 0;
z-index: 1;
display: block;
width: 100%;
height: 5.625rem;
visibility: hidden;
content: "";
background: linear-gradient(to bottom, rgb(255 255 255 / 0) 2.21%, #fff 102.32%);
opacity: 0;
}
.event-search .advanced-conditions.collapsed .close-button .icon-bar::after {
opacity: 1;
}
.event-search .advanced-conditions.collapsed .button-row::before {
visibility: visible;
opacity: 1;
}
.event-search-result {
padding-top: 6.25rem;
}
@media screen and (max-width : 768px) {
.event-search-result {
padding-top: 3rem;
}
}
.event-search-result .result-count {
font-size: 1.125rem;
font-weight: 700;
line-height: 1.3333333333;
text-align: center;
}
@media screen and (max-width : 768px) {
.event-search-result .result-count {
font-size: 1rem;
line-height: 1.5;
}
}
.event-search-result .result-count span {
margin-left: .5em;
font-family: Righteous, "Noto Sans JP", sans-serif;
font-size: 1.5625rem;
font-weight: 400;
line-height: 1;
color: #e53754;
}
@media screen and (max-width : 768px) {
.event-search-result .result-count span {
font-size: 1.125rem;
}
}
.event-search-result .result-tabs {
display: flex;
gap: .25rem;
margin-top: 2.5rem;
}
@media screen and (max-width : 768px) {
.event-search-result .result-tabs {
margin-top: 2rem;
overflow-x: auto;
}
}
.event-search-result .result-tabs button {
display: flex;
flex-shrink: 0;
align-items: center;
justify-content: center;
width: calc((100% - 1rem) / 5);
height: 3.6875rem;
font-size: 1rem;
line-height: 2;
color: #000;
text-align: center;
background-color: #fff;
border: 2px solid #000;
border-radius: 1rem 1rem 0 0;
}
@media screen and (max-width : 768px) {
.event-search-result .result-tabs button {
width: auto;
min-width: 8.75rem;
padding: 0 1.375rem;
white-space: nowrap;
}
}
.event-search-result .result-tabs button.active {
color: #fff;
background-color: #000;
}
.event-search-result .event-block-link {
display: block;
margin-top: 2.375rem;
}
@media screen and (max-width : 768px) {
.event-search-result .event-block-link {
margin-top: 1.5rem;
}
}
.event-search-result .event-deadline-global {
display: flex;
gap: .625rem;
align-items: center;
margin-bottom: .5rem;
}
@media screen and (max-width : 768px) {
.event-search-result .event-deadline-global {
gap: .5rem;
margin-bottom: .625rem;
}
}
.event-search-result .event-deadline-global .badge-new {
display: inline-block;
padding: .125rem .375rem;
font-size: .875rem;
line-height: 1.7142857143;
color: #fff;
background-color: #e53754;
border: 2px solid #e53754;
border-radius: .25rem;
}
@media screen and (max-width : 768px) {
.event-search-result .event-deadline-global .badge-new {
padding: .125rem .5rem;
font-size: .75rem;
line-height: 1.6666666667;
}
}
.event-search-result .event-deadline-global .badge-urgent {
display: inline-block;
padding: .125rem .375rem;
font-size: .875rem;
line-height: 1.7142857143;
color: #e53754;
background-color: #fff;
border: 2px solid #e53754;
border-radius: .25rem;
}
@media screen and (max-width : 768px) {
.event-search-result .event-deadline-global .badge-urgent {
padding: .125rem .5rem;
font-size: .75rem;
line-height: 1.6666666667;
}
}
.event-search-result .event-deadline-global .badge-time {
display: inline-flex;
gap: .5rem;
align-items: center;
font-size: .875rem;
line-height: 1.7142857143;
color: #868686;
}
@media screen and (max-width : 768px) {
.event-search-result .event-deadline-global .badge-time {
font-size: .75rem;
line-height: 2;
}
}
.event-search-result .event-deadline-global .badge-time .icon {
width: .75rem;
height: .75rem;
-o-object-fit: contain;
object-fit: contain;
}
@media screen and (max-width : 768px) {
.event-search-result .event-deadline-global .badge-time .icon {
width: .625rem;
height: .625rem;
}
}
.event-search-result .event-card {
padding: 2rem 2.5rem;
background-color: #fff;
border-radius: 1.25rem;
}
@media screen and (max-width : 768px) {
.event-search-result .event-card {
padding: 1rem .625rem;
}
}
.event-search-result .event-card .event-title {
width: 100%;
font-size: 1.25rem;
font-weight: 700;
line-height: 1.4;
}
@media screen and (max-width : 768px) {
.event-search-result .event-card .event-title {
padding: 0 .625rem;
font-size: 1rem;
line-height: 1.75;
}
}
.event-search-result .event-card .event-content-wrapper {
display: flex;
gap: 2.125rem;
align-items: flex-start;
margin-top: 2rem;
}
@media screen and (max-width : 768px) {
.event-search-result .event-card .event-content-wrapper {
flex-direction: column;
gap: 1rem;
margin-top: 1rem;
}
}
.event-search-result .event-card .event-image {
flex-shrink: 0;
width: 34rem;
height: auto;
aspect-ratio: 544/286;
}
@media screen and (max-width : 768px) {
.event-search-result .event-card .event-image {
width: 100%;
}
}
.event-search-result .event-card .event-image img {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.event-search-result .event-card .event-content {
width: 100%;
}
@media screen and (max-width : 768px) {
.event-search-result .event-card .event-content {
padding: 0 .625rem;
}
}
.event-search-result .event-card .event-tags {
display: flex;
flex-wrap: wrap;
gap: .5rem;
}
.event-search-result .event-card .event-tags span {
display: inline-block;
padding: .5rem .75rem;
font-size: .875rem;
font-weight: 700;
line-height: 1.3571428571;
color: #fff;
background-color: #e53754;
border-radius: 18.75rem;
}
@media screen and (max-width : 768px) {
.event-search-result .event-card .event-tags span {
font-size: .75rem;
line-height: 1.5833333333;
}
}
.event-search-result .event-card .event-info {
margin-top: 1.5rem;
}
@media screen and (max-width : 768px) {
.event-search-result .event-card .event-info {
margin-top: .5rem;
}
}
.event-search-result .event-card .event-info>div {
display: flex;
gap: .5rem;
align-items: center;
margin-top: .75rem;
font-size: 1.125rem;
line-height: 1.3333333333;
}
@media screen and (max-width : 768px) {
.event-search-result .event-card .event-info>div {
gap: .25rem;
margin-top: .25rem;
font-size: .875rem;
line-height: 1.7142857143;
}
}
.event-search-result .event-card .event-info .icon {
width: 1.5rem;
height: 1.5rem;
-o-object-fit: contain;
object-fit: contain;
}
@media screen and (max-width : 768px) {
.event-search-result .event-card .event-info .icon {
width: 1.25rem;
height: 1.25rem;
}
}
.event-search-result .event-card .student-comment-box {
padding: 1rem 1.375rem;
margin-top: 1.5rem;
background-color: #f8f8f8;
border-radius: .25rem;
}
@media screen and (max-width : 768px) {
.event-search-result .event-card .student-comment-box {
padding: 1rem 1.25rem;
margin-top: 1rem;
}
}
.event-search-result .event-card .student-comment-box .comment-header {
display: flex;
gap: .375rem;
align-items: center;
}
@media screen and (max-width : 768px) {
.event-search-result .event-card .student-comment-box .comment-header {
gap: .5rem;
}
}
.event-search-result .event-card .student-comment-box .comment-header .icon {
width: 1.125rem;
height: 1.125rem;
-o-object-fit: contain;
object-fit: contain;
}
@media screen and (max-width : 768px) {
.event-search-result .event-card .student-comment-box .comment-header .icon {
width: .9375rem;
height: .9375rem;
}
}
.event-search-result .event-card .student-comment-box .comment-header .comment-title {
font-size: .9375rem;
line-height: 1.6;
letter-spacing: -.06em;
}
@media screen and (max-width : 768px) {
.event-search-result .event-card .student-comment-box .comment-header .comment-title {
font-size: .75rem;
line-height: 2;
}
}
.event-search-result .event-card .student-comment-box .comment-body {
margin-top: .25rem;
font-size: .9375rem;
line-height: 1.6;
letter-spacing: -.06em;
}
@media screen and (max-width : 768px) {
.event-search-result .event-card .student-comment-box .comment-body {
font-size: .75rem;
line-height: 1.75;
}
}
body.single-events footer#footer {
background-color: #c93f4e;
}
main#single_events {
padding-top: 9.1875rem;
background-color: #f2f4f6;
}
@media screen and (max-width : 768px) {
main#single_events {
padding-top: 5.625rem;
}
}
.single_events_contents_wrapper {
display: flex;
gap: 6.25rem;
align-items: flex-start;
margin-top: 3.5rem;
}
@media screen and (max-width : 768px) {
.single_events_contents_wrapper {
flex-direction: column;
gap: 3rem;
margin-top: 1.375rem;
}
}
.single_events_contents_wrapper .main-content {
flex-shrink: 0;
width: 32.25rem;
}
@media screen and (max-width : 768px) {
.single_events_contents_wrapper .main-content {
width: 100%;
}
}
.single_events_contents_wrapper .event-thumbnail img {
border-radius: 1rem;
}
.single_events_contents_wrapper .event-card {
margin-top: 2.5rem;
}
@media screen and (max-width : 768px) {
.single_events_contents_wrapper .event-card {
display: grid;
grid-template-columns: 6.625rem auto;
gap: .75rem 0;
}
}
.single_events_contents_wrapper .event-card .event-date-header {
padding: 1.25rem;
margin-top: 1rem;
font-size: 1.625rem;
font-weight: 700;
color: #fff;
text-align: center;
background-color: #e53754;
border-radius: 1rem 1rem 0 0;
}
@media screen and (max-width : 768px) {
.single_events_contents_wrapper .event-card .event-date-header {
display: flex;
align-items: center;
justify-content: center;
padding: .5rem;
margin-top: 0;
font-size: 1rem;
border-radius: 1rem 0 0 1rem;
box-shadow: 0 0 1.875rem rgb(0 0 0 / .1019607843);
}
}
.single_events_contents_wrapper .event-card .event-info-box {
padding: 1.5rem 2.5rem;
background-color: #fff;
border-radius: 0 0 1rem 1rem;
}
@media screen and (max-width : 768px) {
.single_events_contents_wrapper .event-card .event-info-box {
padding: .75rem;
border-radius: 0 1rem 1rem 0;
}
}
.single_events_contents_wrapper .event-card .event-description {
padding-bottom: 1.5rem;
font-size: 1.125rem;
font-weight: 500;
line-height: 1.3333333333;
border-bottom: 1px solid #d9d9d9;
}
@media screen and (max-width : 768px) {
.single_events_contents_wrapper .event-card .event-description {
padding-bottom: .75rem;
font-size: .75rem;
line-height: 1.6666666667;
}
}
.single_events_contents_wrapper .event-card .event-time {
display: flex;
gap: .5rem;
align-items: center;
justify-content: center;
margin-top: 1rem;
font-size: 1.125rem;
line-height: 1.3333333333;
}
@media screen and (max-width : 768px) {
.single_events_contents_wrapper .event-card .event-time {
margin-top: .5rem;
font-size: .75rem;
line-height: 2;
}
}
.single_events_contents_wrapper .event-card .event-time .calendar-icon {
width: 1.375rem;
height: 1.375rem;
-o-object-fit: contain;
object-fit: contain;
}
@media screen and (max-width : 768px) {
.single_events_contents_wrapper .event-card .event-time .calendar-icon {
width: .9375rem;
height: .9375rem;
}
}
.single_events_contents_wrapper .event-card .event-deadline {
display: flex;
gap: .5rem;
align-items: center;
justify-content: center;
margin-top: 1rem;
font-size: .875rem;
line-height: 1.7142857143;
color: #868686;
}
@media screen and (max-width : 768px) {
.single_events_contents_wrapper .event-card .event-deadline {
gap: .375rem;
margin-top: .5rem;
font-size: .625rem;
line-height: 1.8;
}
}
.single_events_contents_wrapper .event-card .event-deadline .clock-icon {
width: .75rem;
height: .75rem;
-o-object-fit: contain;
object-fit: contain;
}
@media screen and (max-width : 768px) {
.single_events_contents_wrapper .event-card .event-deadline .clock-icon {
width: .5rem;
height: .5rem;
}
}
.single_events_contents_wrapper .event-card .event-button {
margin-top: .5rem;
}
@media screen and (max-width : 768px) {
.single_events_contents_wrapper .event-card .event-button {
margin-top: .25rem;
}
}
.single_events_contents_wrapper .event-card .event-button .btn {
width: 17rem;
height: 3.75rem;
font-size: 1.25rem;
}
@media screen and (max-width : 768px) {
.single_events_contents_wrapper .event-card .event-button .btn {
width: 10.625rem;
height: 2.5rem;
font-size: .75rem;
}
}
.single_events_contents_wrapper .sidebar {
width: 100%;
}
.single_events_contents_wrapper .event-detail-box {
padding-bottom: 3.75rem;
border-bottom: 1px solid #d9d9d9;
}
@media screen and (max-width : 768px) {
.single_events_contents_wrapper .event-detail-box {
padding-bottom: 3rem;
}
}
.single_events_contents_wrapper .event-title {
font-size: 2.1875rem;
font-weight: 700;
line-height: 1.5714285714;
}
@media screen and (max-width : 768px) {
.single_events_contents_wrapper .event-title {
margin-top: 1rem;
font-size: .9375rem;
line-height: 1.6666666667;
}
}
.single_events_contents_wrapper .event-content {
margin-bottom: 7.5rem;
}
.single_events_contents_wrapper .event-tags {
display: flex;
flex-wrap: wrap;
gap: 1rem;
margin-top: 2rem;
}
@media screen and (max-width : 768px) {
.single_events_contents_wrapper .event-tags {
gap: .5rem;
margin-top: 1rem;
}
}
.single_events_contents_wrapper .event-tags span {
display: inline-block;
padding: .5rem .75rem;
font-size: .875rem;
font-weight: 700;
line-height: 1.3571428571;
color: #fff;
background-color: #e53754;
border-radius: 18.75rem;
}
@media screen and (max-width : 768px) {
.single_events_contents_wrapper .event-tags span {
font-size: .75rem;
line-height: 1.5833333333;
}
}
.single_events_contents_wrapper .event-section {
margin-bottom: 1.5rem;
}
.single_events_contents_wrapper .section-title {
display: flex;
gap: .75rem;
align-items: center;
margin-bottom: 1.5rem;
font-size: 1.25rem;
font-weight: 700;
line-height: 1;
}
@media screen and (max-width : 768px) {
.single_events_contents_wrapper .section-title {
font-size: 1.125rem;
}
}
.single_events_contents_wrapper .section-title .title-icon {
display: block;
background-color: #e53754;
}
.single_events_contents_wrapper .section-title .title-icon.square-bar {
width: 1rem;
height: 1rem;
}
@media screen and (max-width : 768px) {
.single_events_contents_wrapper .section-title .title-icon.square-bar {
width: .75rem;
height: .75rem;
}
}
.single_events_contents_wrapper .section-title .title-icon.vertical-bar {
width: .375rem;
height: 1.625rem;
}
@media screen and (max-width : 768px) {
.single_events_contents_wrapper .section-title .title-icon.vertical-bar {
width: .3125rem;
height: 1.5rem;
}
}
.single_events_contents_wrapper .section-text,
.single_events_contents_wrapper .event-dates {
font-size: 1.125rem;
line-height: 1.7777777778;
}
@media screen and (max-width : 768px) {
.single_events_contents_wrapper .section-text,
.single_events_contents_wrapper .event-dates {
font-size: .9375rem;
line-height: 1.8666666667;
}
}
.single_events_contents_wrapper .section-text *,
.single_events_contents_wrapper .event-dates * {
font-size: inherit;
line-height: inherit;
}
.single_events_contents_wrapper .comment-section-box {
padding-top: 3.75rem;
padding-bottom: 3.75rem;
border-bottom: 1px solid #d9d9d9;
}
@media screen and (max-width : 768px) {
.single_events_contents_wrapper .comment-section-box {
padding-top: 3rem;
padding-bottom: 3rem;
}
}
.single_events_contents_wrapper .comment-stars {
display: flex;
align-items: center;
color: #ffa600;
}
.single_events_contents_wrapper .comment-stars .average-score {
margin-left: .75rem;
font-size: .9375rem;
font-weight: 500;
line-height: 1.6;
color: #868686;
}
.single_events_contents_wrapper .comment-box {
padding: 1rem 1.5rem;
margin-top: .5rem;
background-color: #fff;
}
@media screen and (max-width : 768px) {
.single_events_contents_wrapper .comment-box {
padding: 1rem 1.25rem;
margin-top: 1rem;
}
}
.single_events_contents_wrapper .comment-meta {
display: flex;
gap: .375rem;
align-items: center;
}
@media screen and (max-width : 768px) {
.single_events_contents_wrapper .comment-meta {
gap: .5rem;
}
}
.single_events_contents_wrapper .comment-meta .icon {
width: 1.125rem;
height: 1.125rem;
-o-object-fit: contain;
object-fit: contain;
}
@media screen and (max-width : 768px) {
.single_events_contents_wrapper .comment-meta .icon {
width: .9375rem;
height: .9375rem;
}
}
.single_events_contents_wrapper .comment-meta .comment-meta_info {
font-size: .9375rem;
line-height: 1.6;
letter-spacing: -.06em;
}
@media screen and (max-width : 768px) {
.single_events_contents_wrapper .comment-meta .comment-meta_info {
font-size: .75rem;
line-height: 2;
}
}
.single_events_contents_wrapper .comment-meta .comment-meta_info span {
font-size: inherit;
line-height: inherit;
letter-spacing: inherit;
}
.single_events_contents_wrapper .comment-body {
margin: .25rem 0 0;
font-size: .9375rem;
line-height: 1.6;
letter-spacing: -.06em;
}
@media screen and (max-width : 768px) {
.single_events_contents_wrapper .comment-body {
font-size: .75rem;
line-height: 1.75;
}
}
.single_events_contents_wrapper .comment-readmore a {
display: block;
margin-top: .5rem;
font-size: .9375rem;
line-height: 1.6;
color: #e53754;
text-align: right;
}
@media screen and (max-width : 768px) {
.single_events_contents_wrapper .comment-readmore a {
font-size: .75rem;
line-height: 2;
}
}
.single_events_contents_wrapper .bottom_event-section_wrapper .event-section {
padding-top: 3.75rem;
padding-bottom: 3.75rem;
}
@media screen and (max-width : 768px) {
.single_events_contents_wrapper .bottom_event-section_wrapper .event-section {
padding-top: 3rem;
padding-bottom: 3rem;
}
}
.single_events_contents_wrapper .bottom_event-section_wrapper .event-section:nth-child(n+2) {
border-top: 1px solid #d9d9d9;
}
.single_events_contents_wrapper .bottom_event-section_wrapper .wysiwyg-area,
.single_events_contents_wrapper .bottom_event-section_wrapper .section-text {
font-size: 1.125rem;
font-weight: 400;
line-height: 1.7777777778;
}
@media screen and (max-width : 768px) {
.single_events_contents_wrapper .bottom_event-section_wrapper .wysiwyg-area,
.single_events_contents_wrapper .bottom_event-section_wrapper .section-text {
font-size: .9375rem;
line-height: 1.8666666667;
}
}
.single_events_contents_wrapper .bottom_event-section_wrapper .wysiwyg-area *,
.single_events_contents_wrapper .bottom_event-section_wrapper .section-text * {
font-size: inherit;
font-weight: inherit;
line-height: inherit;
}
.related-seminar-box {
padding-top: 5rem;
padding-bottom: 5.3125rem;
background-color: #c93f4e;
}
@media screen and (max-width : 768px) {
.related-seminar-box {
padding-top: 3.75rem;
padding-bottom: 2.1875rem;
}
}
.related-seminar-title {
padding-left: .75rem;
font-size: 1.25rem;
font-weight: 700;
line-height: 1;
color: #fff;
border-left: .375rem solid #fff;
}
@media screen and (max-width : 768px) {
.related-seminar-title {
font-size: 1.125rem;
border-width: .3125rem;
}
}
.related-seminar-list {
margin-top: 2.5rem;
}
@media screen and (max-width : 768px) {
.related-seminar-list {
margin-top: 2rem;
}
}
.related-seminar-list li {
margin-top: .75rem;
}
.related-seminar-list li a {
display: flex;
gap: 2rem;
align-items: center;
justify-content: space-between;
padding: 2rem 2.375rem;
background-color: #fff;
border-radius: .625rem;
}
@media screen and (max-width : 768px) {
.related-seminar-list li a {
padding: 1.25rem;
}
}
.related-seminar-list li a span {
display: block;
font-weight: 700;
color: #e53754;
}
.related-seminar-list li a .label {
font-size: 1rem;
line-height: 1.5;
}
@media screen and (max-width : 768px) {
.related-seminar-list li a .label {
font-size: .875rem;
line-height: 1.7142857143;
}
}
.related-seminar-list li a .arrow {
font-size: 2rem;
line-height: 1;
}
body.post-type-archive-es-info footer#footer {
background-color: #f2f4f6;
}
main#archive_esinfo {
padding-top: 9.1875rem;
padding-bottom: 5.3125rem;
background-color: #f2f4f6;
}
@media screen and (max-width : 768px) {
main#archive_esinfo {
padding-top: 6.625rem;
}
}
main#archive_esinfo .top-detail {
margin-top: 3rem;
font-size: 1.125rem;
line-height: 1.7777777778;
}
@media screen and (max-width : 768px) {
main#archive_esinfo .top-detail {
margin-top: 2.5rem;
font-size: 1rem;
line-height: 2;
}
}
.archive_esinfo_contents_wrapper {
display: flex;
gap: 3.75rem;
align-items: flex-start;
margin-top: 5rem;
}
@media screen and (max-width : 768px) {
.archive_esinfo_contents_wrapper {
flex-direction: column;
margin-top: 1.5rem;
}
}
.archive_esinfo_contents_wrapper .main-content {
width: 100%;
min-width: 0;
}
.archive_esinfo_contents_wrapper .search-box {
padding-top: 1rem;
background-color: #fff;
border-radius: 1rem;
}
@media screen and (max-width : 768px) {
.archive_esinfo_contents_wrapper .search-box {
padding-top: 0;
}
}
.archive_esinfo_contents_wrapper .search-item-box {
padding: 1.5rem;
border-bottom: 1px solid #d9d9d9;
}
@media screen and (max-width : 768px) {
.archive_esinfo_contents_wrapper .search-item-box {
padding: 2rem;
}
}
.archive_esinfo_contents_wrapper .search-item-box_inner {
display: flex;
gap: 1.5rem;
align-items: center;
max-width: 54.25rem;
margin-inline: auto;
}
@media screen and (max-width : 768px) {
.archive_esinfo_contents_wrapper .search-item-box_inner {
flex-direction: column;
gap: 1.25rem;
align-items: flex-start;
}
}
.archive_esinfo_contents_wrapper .search-item-box__top .search-item-box_inner {
align-items: flex-start;
}
.archive_esinfo_contents_wrapper .search-item-box__checkbox .option-box {
display: flex;
flex-wrap: wrap;
gap: .75rem 2.5rem;
align-items: center;
}
.archive_esinfo_contents_wrapper .search-item-box.bottom {
padding: 1rem;
background-color: #f8f8f8;
}
.archive_esinfo_contents_wrapper .search-item-box.bottom .search-item-box_inner {
position: relative;
z-index: 11;
display: flex;
flex-direction: column;
gap: 0;
align-items: center;
justify-content: center;
max-width: 100%;
}
.archive_esinfo_contents_wrapper .search-item-box.bottom .search-execute-button {
width: 18.75rem;
height: 3.75rem;
font-size: .9375rem;
}
.archive_esinfo_contents_wrapper .search-item-box.bottom .search-minimize-button {
position: absolute;
top: 1.5rem;
right: 1.875rem;
gap: .5rem;
width: 14rem;
height: 2.8125rem;
font-size: .9375rem;
}
.archive_esinfo_contents_wrapper .search-item-box.bottom .search-minimize-button .icon-bar {
position: relative;
z-index: 10;
display: block;
width: 1rem;
height: .125rem;
background-color: #e53754;
}
.archive_esinfo_contents_wrapper .search-item-box.bottom .search-clear-button {
font-size: .75rem;
font-weight: 500;
line-height: 2;
color: #868686;
}
.archive_esinfo_contents_wrapper .search-item-title {
min-width: 4.375rem;
font-size: .9375rem;
font-weight: 500;
line-height: 1.6;
}
@media screen and (max-width : 768px) {
.archive_esinfo_contents_wrapper .search-item-title {
width: 100%;
font-size: .8125rem;
line-height: 1.8461538462;
}
}
.archive_esinfo_contents_wrapper .search-input {
position: relative;
z-index: 10;
width: 100%;
}
.archive_esinfo_contents_wrapper .search-input .search_icon {
position: absolute;
top: 50%;
left: 1.25rem;
width: .9375rem;
height: .9375rem;
transform: translateY(-50%);
}
.archive_esinfo_contents_wrapper .search-input input {
width: 100%;
padding-left: 2.8125rem ! important;
border: 2px solid #e53754;
border-radius: 3.375rem;
}
.archive_esinfo_contents_wrapper .option-box {
width: 100%;
}
.archive_esinfo_contents_wrapper .option-box label {
display: flex;
gap: .75rem;
align-items: center;
}
.archive_esinfo_contents_wrapper .option-box label.checked {
color: #e53754;
}
.archive_esinfo_contents_wrapper .option-box .year-buttons {
display: flex;
flex-wrap: wrap;
gap: .625rem;
margin-top: .75rem;
}
.archive_esinfo_contents_wrapper .option-box .year-buttons .button-label {
position: relative;
z-index: 10;
display: block;
padding: .375rem .625rem;
font-size: .875rem;
font-weight: 500;
line-height: 1.5;
color: #868686;
background-color: #fff;
border: 1px solid #cecece;
border-radius: 8.3125rem;
}
@media screen and (max-width : 768px) {
.archive_esinfo_contents_wrapper .option-box .year-buttons .button-label {
padding: .4375rem .625rem;
font-size: .75rem;
line-height: 2;
}
}
.archive_esinfo_contents_wrapper .option-box .year-buttons .button-label input {
position: absolute;
inset: 0;
z-index: -1;
opacity: 0;
}
.archive_esinfo_contents_wrapper .option-box .year-buttons .button-label.checked {
color: #fff;
background-color: #e53754;
border-color: #e53754;
}
.archive_esinfo_contents_wrapper .result-box {
padding-top: 6.25rem;
}
@media screen and (max-width : 768px) {
.archive_esinfo_contents_wrapper .result-box {
padding-top: 3rem;
}
}
.archive_esinfo_contents_wrapper .result-title {
font-size: 1.125rem;
font-weight: 700;
line-height: 1.3333333333;
text-align: center;
}
@media screen and (max-width : 768px) {
.archive_esinfo_contents_wrapper .result-title {
font-size: 1rem;
}
}
.archive_esinfo_contents_wrapper .result-title .total-result-count {
padding-left: .5em;
font-family: Righteous, "Noto Sans JP", sans-serif;
font-size: 1.5625rem;
font-weight: 400;
line-height: 1;
color: #e53754;
}
@media screen and (max-width : 768px) {
.archive_esinfo_contents_wrapper .result-title .total-result-count {
font-size: 1.125rem;
}
}
.archive_esinfo_contents_wrapper .result-item-box {
padding: 1.5rem 2.5rem;
margin-top: 2.5rem;
background-color: #fff;
border-radius: 1.25rem;
}
@media screen and (max-width : 768px) {
.archive_esinfo_contents_wrapper .result-item-box {
padding: 1.25rem;
margin-top: 1rem;
}
}
.archive_esinfo_contents_wrapper .user-info-image {
display: flex;
gap: 1.5rem;
}
@media screen and (max-width : 768px) {
.archive_esinfo_contents_wrapper .user-info-image {
gap: 1rem;
}
}
.archive_esinfo_contents_wrapper .user-info-image .face-image {
flex-shrink: 0;
width: 5.375rem;
height: 5.375rem;
}
@media screen and (max-width : 768px) {
.archive_esinfo_contents_wrapper .user-info-image .face-image {
width: 4.125rem;
height: 4.125rem;
}
}
.archive_esinfo_contents_wrapper .user-info-image .face-image img {
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.archive_esinfo_contents_wrapper .user-info {
display: flex;
align-items: flex-end;
justify-content: space-between;
width: 100%;
}
@media screen and (max-width : 768px) {
.archive_esinfo_contents_wrapper .user-info {
align-items: center;
}
}
.archive_esinfo_contents_wrapper .user-info__head {
display: flex;
gap: .5rem;
align-items: center;
}
@media screen and (max-width : 768px) {
.archive_esinfo_contents_wrapper .user-info__head {
margin-bottom: 1rem;
}
}
.archive_esinfo_contents_wrapper .user-info__head .info-type {
display: inline-block;
padding: .5rem .75rem;
font-size: .875rem;
font-weight: 700;
line-height: 1.3571428571;
color: #fff;
background-color: #e53754;
border-radius: 18.75rem;
}
@media screen and (max-width : 768px) {
.archive_esinfo_contents_wrapper .user-info__head .info-type {
font-size: .75rem;
line-height: 1.5833333333;
}
}
.archive_esinfo_contents_wrapper .user-info__head .info-general {
padding: .5rem 1rem;
font-size: .875rem;
font-weight: 700;
line-height: 1.3571428571;
color: #e53754;
background-color: #fff;
border: 1px solid #e53754;
border-radius: 18.75rem;
}
@media screen and (max-width : 768px) {
.archive_esinfo_contents_wrapper .user-info__head .info-general {
font-size: .75rem;
line-height: 1.5833333333;
}
}
.archive_esinfo_contents_wrapper .user-info-section {
display: flex;
flex-wrap: wrap;
gap: .625rem;
align-items: center;
}
.archive_esinfo_contents_wrapper .user-info-section .info-title {
width: 100%;
font-size: 1.25rem;
font-weight: 700;
line-height: 1.4;
}
@media screen and (max-width : 768px) {
.archive_esinfo_contents_wrapper .user-info-section .info-title {
font-size: 1rem;
line-height: 1.625;
}
}
.archive_esinfo_contents_wrapper .more-button {
flex-shrink: 0;
width: 6.25rem;
height: 1.8125rem;
}
@media screen and (max-width : 768px) {
.archive_esinfo_contents_wrapper .more-button {
width: 100%;
margin-top: .5rem;
font-size: .75rem;
}
}
.archive_esinfo_contents_wrapper .user-message {
position: relative;
z-index: 10;
max-height: 16rem;
padding: 1rem 1.25rem;
margin-top: 1.5rem;
overflow: hidden;
background-color: #f8f8f8;
border-radius: .25rem;
}
@media screen and (max-width : 768px) {
.archive_esinfo_contents_wrapper .user-message {
margin-top: 1rem;
}
}
.archive_esinfo_contents_wrapper .user-message p {
font-size: .9375rem;
font-weight: 400;
line-height: 1.6;
letter-spacing: -.06em;
}
@media screen and (max-width : 768px) {
.archive_esinfo_contents_wrapper .user-message p {
font-size: .75rem;
line-height: 1.75;
}
}
.archive_esinfo_contents_wrapper .user-message-fade {
position: absolute;
bottom: 0;
left: 0;
right: 0;
z-index: 1;
display: block;
width: 100%;
height: 6.75rem;
background: linear-gradient(0deg, #f8f8f8 11.57%, rgb(248 248 248 / 0) 138.06%);
}
.archive_esinfo_contents_wrapper .user-message-blur {
position: absolute;
bottom: 0;
left: 0;
right: 0;
z-index: 2;
display: flex;
flex-direction: column;
gap: .625rem;
align-items: center;
justify-content: center;
height: 12rem;
background: rgb(255 255 255 / .1);
-webkit-backdrop-filter: blur(.375rem);
backdrop-filter: blur(.375rem);
}
.archive_esinfo_contents_wrapper .user-message-blur .btn {
width: 23.75rem;
height: 4.125rem;
font-size: .9375rem;
}
@media screen and (max-width : 768px) {
.archive_esinfo_contents_wrapper .user-message-blur .btn {
width: 15rem;
height: 2.875rem;
}
}
body.page-template-template-plane1 footer#footer {
background-color: #f2f4f6;
}
main#template_mypage {
padding-top: 9.1875rem;
padding-bottom: 5.3125rem;
background-color: #f2f4f6;
}
main#template_mypage .inner {
max-width: calc(810px + 2rem);
}
main#template_mypage .inner>h2 {
margin-top: 4rem;
font-size: 2rem;
font-weight: 700;
line-height: 1;
color: #e53754;
}
main#template_mypage .progress-wrapper {
display: flex;
gap: .5rem;
}
main#template_mypage .progress-wrapper .progress-step {
position: relative;
z-index: 10;
flex: 1;
}
main#template_mypage .progress-wrapper .progress-bar {
height: .5625rem;
background-color: #fff;
border-radius: 6.25rem;
}
main#template_mypage .progress-wrapper .progress-fill {
position: absolute;
top: 0;
left: 0;
z-index: 1;
height: .5625rem;
background-color: #e53754;
border-radius: 6.25rem;
}
main#template_mypage .progress-wrapper .progress-label {
margin-top: .375rem;
font-size: .875rem;
font-weight: 500;
line-height: 1.7142857143;
color: #e53754;
text-align: center;
}
main#template_mypage #wpmem_reg {
width: 100%;
}
main#template_mypage form input:not([type="radio"], [type="checkbox"], [type="submit"]),
main#template_mypage form select {
width: 100%;
border: 1px solid #e53754;
}
main#template_mypage form label {
display: block;
}
main#template_mypage form label.text,
main#template_mypage form label.select,
main#template_mypage form label.radio {
margin-top: 2.5rem;
font-size: 1.25rem;
font-weight: 400;
line-height: 1.2;
}
main#template_mypage form .div_text,
main#template_mypage form .div_select,
main#template_mypage form .div_radio,
main#template_mypage form .div_checkbox {
width: 100%;
margin-top: .875rem;
}
main#template_mypage form .div_radio {
display: flex;
align-items: center;
}
main#template_mypage form .div_radio>label {
margin: 0 3.5rem 0 1rem;
}
main#template_mypage form .div_checkbox {
display: flex;
gap: .375rem;
align-items: center;
}
main#template_mypage form .div_checkbox label {
font-size: 1.125rem;
font-weight: 700;
line-height: 1.3333333333;
}
main#template_mypage form .button_div a,
main#template_mypage form .button_div button,
main#template_mypage form .button_div input,
main#template_mypage form .next_button a,
main#template_mypage form .next_button button,
main#template_mypage form .next_button input {
display: flex;
align-items: center;
justify-content: center;
width: 17rem;
max-width: 100%;
height: 4.125rem;
margin-inline: auto;
font-size: .9375rem;
font-weight: 700;
line-height: 1.6;
text-align: center;
border-radius: 18.75rem;
}
main#template_mypage form .button_div button,
main#template_mypage form .button_div input,
main#template_mypage form .next_button button,
main#template_mypage form .next_button input {
color: #e53754;
background-color: #fff;
border: 2px solid #e53754;
}
main#template_mypage .shokai_group h2 {
margin-top: 4rem;
font-size: 2rem;
font-weight: 700;
line-height: 1;
color: #e53754;
}
main#template_mypage .shokai_group p,
main#template_mypage .shokai_group ul,
main#template_mypage .shokai_group li,
main#template_mypage .shokai_group a {
font-size: 1.125rem;
line-height: 1.7777777778;
}
main#template_mypage .shokai_group ul>li {
position: relative;
display: block;
padding-left: 1em;
}
main#template_mypage .shokai_group ul>li::before {
position: absolute;
top: 0;
left: 0;
display: block;
content: "・";
}
main#template_mypage .shokai_group .has-background {
padding: 1.5rem 2.5rem;
}
main#template_mypage #kiyaku1 {
margin: 2.5rem 0;
font-size: 1rem;
line-height: 2;
}
main#template_mypage #kiyaku1 p,
main#template_mypage #kiyaku1 a {
font-size: inherit;
line-height: inherit;
}
#page-diagnosis #diagnosis-app {
max-width: 45rem;
padding-top: 9.1875rem;
padding-left: 1rem;
padding-right: 1rem;
margin: 3.75rem auto;
text-align: center;
}
#page-diagnosis .question-header {
margin-bottom: 2.5rem;
}
#page-diagnosis .question-number {
display: inline-block;
width: 4rem;
height: 4rem;
margin-bottom: .9375rem;
font-size: 1.125rem;
font-weight: 700;
line-height: 4rem;
color: white;
background-color: #ba0014;
border-radius: 50%;
}
#page-diagnosis .question-text {
margin-bottom: 1.875rem;
font-size: 1.25rem;
font-weight: 700;
}
#page-diagnosis .choices-container {
display: flex;
flex-wrap: wrap;
gap: 1.25rem;
justify-content: center;
margin-bottom: 2.5rem;
}
#page-diagnosis .choices-container label {
box-sizing: border-box;
flex: 1 1 30%;
min-width: 9.375rem;
padding: 1rem;
font-size: 1rem;
cursor: pointer;
border: 1px solid #ccc;
border-radius: .5rem;
transition: .2s;
}
#page-diagnosis .choices-container label:hover {
background-color: #d8a4a3;
border-color: #ba0014;
}
#page-diagnosis .choices-container input[type="radio"] {
display: none;
}
#page-diagnosis .progress-wrap {
width: 100%;
height: 3px;
margin-top: 1.25rem;
background: #eee;
}
#page-diagnosis .progress-bar {
width: 0%;
height: 100%;
background: #ba0014;
transition: width .3s ease;
}
#page-diagnosis .submit-button,
#page-diagnosis .register-button {
padding: .875rem 1.75rem;
font-size: 1rem;
color: white;
cursor: pointer;
background: #ba0014;
border: none;
border-radius: .375rem;
}
#template-page-diagnosis-result-a {
--mainColor: #e53754;
--subColor: #ff8fab;
--borderColor: #b60014;
}
#template-page-diagnosis-result-b {
--mainColor: #0f6dd9;
--subColor: #8cc8ff;
--borderColor: #015fb5;
}
#template-page-diagnosis-result-c {
--mainColor: #00ae68;
--subColor: #74d4ae;
--borderColor: #009459;
}
#template-page-diagnosis-result-d {
--mainColor: #ff8000;
--subColor: #ffdb8c;
--borderColor: #ff4d00;
}
#template-page-diagnosis-result-e {
--mainColor: #a76bc3;
--subColor: #ceadeb;
--borderColor: #8e5fb5;
}
#template-page-diagnosis-result-a,
#template-page-diagnosis-result-b,
#template-page-diagnosis-result-c,
#template-page-diagnosis-result-d,
#template-page-diagnosis-result-e {
overflow: initial;
background-color: #f2f4f6;
}
#template-page-diagnosis-result-a footer#footer,
#template-page-diagnosis-result-b footer#footer,
#template-page-diagnosis-result-c footer#footer,
#template-page-diagnosis-result-d footer#footer,
#template-page-diagnosis-result-e footer#footer {
background-color: #f2f4f6;
}
#template-page-diagnosis-result-a .page-frame,
#template-page-diagnosis-result-b .page-frame,
#template-page-diagnosis-result-c .page-frame,
#template-page-diagnosis-result-d .page-frame,
#template-page-diagnosis-result-e .page-frame {
height: 100vh;
padding: 1.875rem;
}
@media screen and (max-width : 768px) {
#template-page-diagnosis-result-a .page-frame,
#template-page-diagnosis-result-b .page-frame,
#template-page-diagnosis-result-c .page-frame,
#template-page-diagnosis-result-d .page-frame,
#template-page-diagnosis-result-e .page-frame {
height: auto;
padding: .625rem;
}
}
#template-page-diagnosis-result-a .diag,
#template-page-diagnosis-result-b .diag,
#template-page-diagnosis-result-c .diag,
#template-page-diagnosis-result-d .diag,
#template-page-diagnosis-result-e .diag {
position: relative;
z-index: 910;
height: 100%;
overflow: auto;
border: 3px solid var(--borderColor);
border-radius: .875rem;
}
@media screen and (max-width : 768px) {
#template-page-diagnosis-result-a .diag,
#template-page-diagnosis-result-b .diag,
#template-page-diagnosis-result-c .diag,
#template-page-diagnosis-result-d .diag,
#template-page-diagnosis-result-e .diag {
height: auto;
overflow: hidden;
}
}
#template-page-diagnosis-result-a .hero,
#template-page-diagnosis-result-b .hero,
#template-page-diagnosis-result-c .hero,
#template-page-diagnosis-result-d .hero,
#template-page-diagnosis-result-e .hero {
max-width: calc(1560px + 2rem);
height: 100%;
padding-left: 1rem;
padding-right: 1rem;
margin-inline: auto;
}
@media screen and (max-width : 768px) {
#template-page-diagnosis-result-a .hero,
#template-page-diagnosis-result-b .hero,
#template-page-diagnosis-result-c .hero,
#template-page-diagnosis-result-d .hero,
#template-page-diagnosis-result-e .hero {
height: auto;
padding-top: 5.625rem;
padding-left: 1.25rem;
padding-right: 1.25rem;
}
}
#template-page-diagnosis-result-a .circles,
#template-page-diagnosis-result-b .circles,
#template-page-diagnosis-result-c .circles,
#template-page-diagnosis-result-d .circles,
#template-page-diagnosis-result-e .circles {
position: -webkit-sticky;
position: sticky;
top: 0;
left: 0;
z-index: 0;
height: 0;
pointer-events: none;
}
@media screen and (max-width : 768px) {
#template-page-diagnosis-result-a .circles,
#template-page-diagnosis-result-b .circles,
#template-page-diagnosis-result-c .circles,
#template-page-diagnosis-result-d .circles,
#template-page-diagnosis-result-e .circles {
position: initial;
}
}
#template-page-diagnosis-result-a .circles .bg,
#template-page-diagnosis-result-b .circles .bg,
#template-page-diagnosis-result-c .circles .bg,
#template-page-diagnosis-result-d .circles .bg,
#template-page-diagnosis-result-e .circles .bg {
position: absolute;
height: auto;
aspect-ratio: 1/1;
border-radius: 50%;
}
#template-page-diagnosis-result-a .circles .bg--lg,
#template-page-diagnosis-result-b .circles .bg--lg,
#template-page-diagnosis-result-c .circles .bg--lg,
#template-page-diagnosis-result-d .circles .bg--lg,
#template-page-diagnosis-result-e .circles .bg--lg {
top: -5rem;
left: calc(-3rem + (100vw - (1560px + 2rem)) / 2 * -1);
width: 46.4375rem;
background-color: var(--mainColor);
}
@media screen and (max-width : 768px) {
#template-page-diagnosis-result-a .circles .bg--lg,
#template-page-diagnosis-result-b .circles .bg--lg,
#template-page-diagnosis-result-c .circles .bg--lg,
#template-page-diagnosis-result-d .circles .bg--lg,
#template-page-diagnosis-result-e .circles .bg--lg {
top: -4.75rem;
left: 50%;
width: 29.875rem;
transform: translateX(-50%);
}
}
#template-page-diagnosis-result-a .circles .bg--md,
#template-page-diagnosis-result-b .circles .bg--md,
#template-page-diagnosis-result-c .circles .bg--md,
#template-page-diagnosis-result-d .circles .bg--md,
#template-page-diagnosis-result-e .circles .bg--md {
top: 3.1875rem;
left: calc(37.625rem + (100vw - (1560px + 2rem)) / 2 * -1);
width: 13.5rem;
background-color: var(--subColor);
}
@media screen and (max-width : 768px) {
#template-page-diagnosis-result-a .circles .bg--md,
#template-page-diagnosis-result-b .circles .bg--md,
#template-page-diagnosis-result-c .circles .bg--md,
#template-page-diagnosis-result-d .circles .bg--md,
#template-page-diagnosis-result-e .circles .bg--md {
top: 4.1875rem;
left: auto;
right: -4.8125rem;
}
}
#template-page-diagnosis-result-a .circles .bg--sm,
#template-page-diagnosis-result-b .circles .bg--sm,
#template-page-diagnosis-result-c .circles .bg--sm,
#template-page-diagnosis-result-d .circles .bg--sm,
#template-page-diagnosis-result-e .circles .bg--sm {
top: 28.625rem;
left: calc(-2.875rem + (100vw - (1560px + 2rem)) / 2 * -1);
width: 7.8125rem;
background-color: var(--subColor);
}
@media screen and (max-width : 768px) {
#template-page-diagnosis-result-a .circles .bg--sm,
#template-page-diagnosis-result-b .circles .bg--sm,
#template-page-diagnosis-result-c .circles .bg--sm,
#template-page-diagnosis-result-d .circles .bg--sm,
#template-page-diagnosis-result-e .circles .bg--sm {
top: 18.75rem;
left: -.625rem;
width: 6.6875rem;
}
}
#template-page-diagnosis-result-a .hero__grid,
#template-page-diagnosis-result-b .hero__grid,
#template-page-diagnosis-result-c .hero__grid,
#template-page-diagnosis-result-d .hero__grid,
#template-page-diagnosis-result-e .hero__grid {
position: relative;
z-index: 1;
display: flex;
gap: 14rem;
align-items: flex-start;
height: 100%;
overflow-y: auto;
}
@media screen and (max-width : 768px) {
#template-page-diagnosis-result-a .hero__grid,
#template-page-diagnosis-result-b .hero__grid,
#template-page-diagnosis-result-c .hero__grid,
#template-page-diagnosis-result-d .hero__grid,
#template-page-diagnosis-result-e .hero__grid {
flex-direction: column;
gap: 7rem;
}
}
#template-page-diagnosis-result-a .diag__aside,
#template-page-diagnosis-result-b .diag__aside,
#template-page-diagnosis-result-c .diag__aside,
#template-page-diagnosis-result-d .diag__aside,
#template-page-diagnosis-result-e .diag__aside {
position: -webkit-sticky;
position: sticky;
top: 9.375rem;
flex-shrink: 0;
width: 29rem;
}
@media screen and (max-width : 768px) {
#template-page-diagnosis-result-a .diag__aside,
#template-page-diagnosis-result-b .diag__aside,
#template-page-diagnosis-result-c .diag__aside,
#template-page-diagnosis-result-d .diag__aside,
#template-page-diagnosis-result-e .diag__aside {
position: initial;
width: 100%;
}
}
#template-page-diagnosis-result-a .result-hero__chip,
#template-page-diagnosis-result-b .result-hero__chip,
#template-page-diagnosis-result-c .result-hero__chip,
#template-page-diagnosis-result-d .result-hero__chip,
#template-page-diagnosis-result-e .result-hero__chip {
display: flex;
gap: 1rem;
align-items: center;
justify-content: center;
background-color: #fff;
border-radius: 1.5rem;
}
@media screen and (max-width : 768px) {
#template-page-diagnosis-result-a .result-hero__chip,
#template-page-diagnosis-result-b .result-hero__chip,
#template-page-diagnosis-result-c .result-hero__chip,
#template-page-diagnosis-result-d .result-hero__chip,
#template-page-diagnosis-result-e .result-hero__chip {
flex-direction: column;
gap: .25rem;
padding: .75rem;
border-radius: 2.28125rem;
}
}
#template-page-diagnosis-result-a .result-hero__chip span,
#template-page-diagnosis-result-b .result-hero__chip span,
#template-page-diagnosis-result-c .result-hero__chip span,
#template-page-diagnosis-result-d .result-hero__chip span,
#template-page-diagnosis-result-e .result-hero__chip span {
display: block;
font-weight: 900;
}
#template-page-diagnosis-result-a .result-hero__chip span:nth-child(1),
#template-page-diagnosis-result-b .result-hero__chip span:nth-child(1),
#template-page-diagnosis-result-c .result-hero__chip span:nth-child(1),
#template-page-diagnosis-result-d .result-hero__chip span:nth-child(1),
#template-page-diagnosis-result-e .result-hero__chip span:nth-child(1) {
font-size: 1.25rem;
line-height: 2.4;
color: var(--mainColor);
}
@media screen and (max-width : 768px) {
#template-page-diagnosis-result-a .result-hero__chip span:nth-child(1),
#template-page-diagnosis-result-b .result-hero__chip span:nth-child(1),
#template-page-diagnosis-result-c .result-hero__chip span:nth-child(1),
#template-page-diagnosis-result-d .result-hero__chip span:nth-child(1),
#template-page-diagnosis-result-e .result-hero__chip span:nth-child(1) {
font-size: 1.125rem;
line-height: 1.6111111111;
}
}
#template-page-diagnosis-result-a .result-hero__chip span:nth-child(2),
#template-page-diagnosis-result-b .result-hero__chip span:nth-child(2),
#template-page-diagnosis-result-c .result-hero__chip span:nth-child(2),
#template-page-diagnosis-result-d .result-hero__chip span:nth-child(2),
#template-page-diagnosis-result-e .result-hero__chip span:nth-child(2) {
font-size: .875rem;
line-height: 2.2857142857;
letter-spacing: -.05em;
}
@media screen and (max-width : 768px) {
#template-page-diagnosis-result-a .result-hero__chip span:nth-child(2),
#template-page-diagnosis-result-b .result-hero__chip span:nth-child(2),
#template-page-diagnosis-result-c .result-hero__chip span:nth-child(2),
#template-page-diagnosis-result-d .result-hero__chip span:nth-child(2),
#template-page-diagnosis-result-e .result-hero__chip span:nth-child(2) {
font-size: .75rem;
line-height: 1.6666666667;
}
}
#template-page-diagnosis-result-a .result-hero__eyebrow,
#template-page-diagnosis-result-b .result-hero__eyebrow,
#template-page-diagnosis-result-c .result-hero__eyebrow,
#template-page-diagnosis-result-d .result-hero__eyebrow,
#template-page-diagnosis-result-e .result-hero__eyebrow {
margin-top: 1.25rem;
font-size: 1.25rem;
font-weight: 900;
line-height: 1.6;
color: #fff;
text-align: center;
}
@media screen and (max-width : 768px) {
#template-page-diagnosis-result-a .result-hero__eyebrow,
#template-page-diagnosis-result-b .result-hero__eyebrow,
#template-page-diagnosis-result-c .result-hero__eyebrow,
#template-page-diagnosis-result-d .result-hero__eyebrow,
#template-page-diagnosis-result-e .result-hero__eyebrow {
margin-top: 1rem;
font-size: 1.125rem;
line-height: 1.7777777778;
}
}
#template-page-diagnosis-result-a .result-hero__type,
#template-page-diagnosis-result-b .result-hero__type,
#template-page-diagnosis-result-c .result-hero__type,
#template-page-diagnosis-result-d .result-hero__type,
#template-page-diagnosis-result-e .result-hero__type {
margin-top: .5rem;
font-size: 2.625rem;
font-weight: 900;
line-height: 1.2619047619;
color: #fff;
text-align: center;
letter-spacing: -.05em;
}
@media screen and (max-width : 768px) {
#template-page-diagnosis-result-a .result-hero__type,
#template-page-diagnosis-result-b .result-hero__type,
#template-page-diagnosis-result-c .result-hero__type,
#template-page-diagnosis-result-d .result-hero__type,
#template-page-diagnosis-result-e .result-hero__type {
font-size: 2.375rem;
}
}
#template-page-diagnosis-result-a .result-hero__type .type,
#template-page-diagnosis-result-b .result-hero__type .type,
#template-page-diagnosis-result-c .result-hero__type .type,
#template-page-diagnosis-result-d .result-hero__type .type,
#template-page-diagnosis-result-e .result-hero__type .type {
margin-right: .1875rem;
font-family: Righteous, "Noto Sans JP", sans-serif;
font-size: 4.1875rem;
line-height: 1;
}
@media screen and (max-width : 768px) {
#template-page-diagnosis-result-a .result-hero__type .type,
#template-page-diagnosis-result-b .result-hero__type .type,
#template-page-diagnosis-result-c .result-hero__type .type,
#template-page-diagnosis-result-d .result-hero__type .type,
#template-page-diagnosis-result-e .result-hero__type .type {
font-size: 3.875rem;
}
}
#template-page-diagnosis-result-a .result-hero__score,
#template-page-diagnosis-result-b .result-hero__score,
#template-page-diagnosis-result-c .result-hero__score,
#template-page-diagnosis-result-d .result-hero__score,
#template-page-diagnosis-result-e .result-hero__score {
margin-top: .625rem;
font-family: Righteous, "Noto Sans JP", sans-serif;
font-size: 2.375rem;
font-weight: 900;
line-height: 1;
color: #fff;
text-align: center;
}
@media screen and (max-width : 768px) {
#template-page-diagnosis-result-a .result-hero__score,
#template-page-diagnosis-result-b .result-hero__score,
#template-page-diagnosis-result-c .result-hero__score,
#template-page-diagnosis-result-d .result-hero__score,
#template-page-diagnosis-result-e .result-hero__score {
margin-top: .375rem;
font-size: 2.125rem;
}
}
#template-page-diagnosis-result-a .result-hero__score span,
#template-page-diagnosis-result-b .result-hero__score span,
#template-page-diagnosis-result-c .result-hero__score span,
#template-page-diagnosis-result-d .result-hero__score span,
#template-page-diagnosis-result-e .result-hero__score span {
font-family: inherit;
font-size: inherit;
font-weight: inherit;
line-height: inherit;
color: inherit;
}
#template-page-diagnosis-result-a .card__panel,
#template-page-diagnosis-result-b .card__panel,
#template-page-diagnosis-result-c .card__panel,
#template-page-diagnosis-result-d .card__panel,
#template-page-diagnosis-result-e .card__panel {
max-width: 24rem;
padding: 1.5rem;
margin: 3rem auto 0;
background-color: #fff;
border-radius: .9375rem;
}
@media screen and (max-width : 768px) {
#template-page-diagnosis-result-a .card__panel,
#template-page-diagnosis-result-b .card__panel,
#template-page-diagnosis-result-c .card__panel,
#template-page-diagnosis-result-d .card__panel,
#template-page-diagnosis-result-e .card__panel {
position: fixed;
top: 50%;
right: -21.125rem;
z-index: 905;
width: 21.125rem;
max-width: initial;
box-shadow: 0 4px 4px 0 rgb(0 0 0 / .2509803922);
transform: translateY(-50%);
}
}
#template-page-diagnosis-result-a .card__panel .card__toc li a,
#template-page-diagnosis-result-b .card__panel .card__toc li a,
#template-page-diagnosis-result-c .card__panel .card__toc li a,
#template-page-diagnosis-result-d .card__panel .card__toc li a,
#template-page-diagnosis-result-e .card__panel .card__toc li a {
display: flex;
gap: .875rem;
align-items: center;
font-size: .9375rem;
font-weight: 900;
line-height: 2.3333333333;
color: #b7b7b7;
}
#template-page-diagnosis-result-a .card__panel .card__toc li a span,
#template-page-diagnosis-result-b .card__panel .card__toc li a span,
#template-page-diagnosis-result-c .card__panel .card__toc li a span,
#template-page-diagnosis-result-d .card__panel .card__toc li a span,
#template-page-diagnosis-result-e .card__panel .card__toc li a span {
display: block;
min-width: 1.25rem;
font-family: Righteous, "Noto Sans JP", sans-serif;
font-size: 1.9375rem;
font-weight: 400;
line-height: 1;
text-align: center;
}
#template-page-diagnosis-result-a .card__panel .card__toc li a.active,
#template-page-diagnosis-result-b .card__panel .card__toc li a.active,
#template-page-diagnosis-result-c .card__panel .card__toc li a.active,
#template-page-diagnosis-result-d .card__panel .card__toc li a.active,
#template-page-diagnosis-result-e .card__panel .card__toc li a.active {
color: var(--mainColor);
}
#template-page-diagnosis-result-a .card__panel .card__toc li a.active span,
#template-page-diagnosis-result-b .card__panel .card__toc li a.active span,
#template-page-diagnosis-result-c .card__panel .card__toc li a.active span,
#template-page-diagnosis-result-d .card__panel .card__toc li a.active span,
#template-page-diagnosis-result-e .card__panel .card__toc li a.active span {
color: var(--mainColor);
}
#template-page-diagnosis-result-a .card__panel .card__toc li:nth-child(n+2),
#template-page-diagnosis-result-b .card__panel .card__toc li:nth-child(n+2),
#template-page-diagnosis-result-c .card__panel .card__toc li:nth-child(n+2),
#template-page-diagnosis-result-d .card__panel .card__toc li:nth-child(n+2),
#template-page-diagnosis-result-e .card__panel .card__toc li:nth-child(n+2) {
margin-top: 1.125rem;
}
#template-page-diagnosis-result-a .card__panel .diag,
#template-page-diagnosis-result-b .card__panel .diag,
#template-page-diagnosis-result-c .card__panel .diag,
#template-page-diagnosis-result-d .card__panel .diag,
#template-page-diagnosis-result-e .card__panel .diag {
display: none;
}
#template-page-diagnosis-result-a .card__panel .toc_open,
#template-page-diagnosis-result-a .card__panel .toc_close,
#template-page-diagnosis-result-b .card__panel .toc_open,
#template-page-diagnosis-result-b .card__panel .toc_close,
#template-page-diagnosis-result-c .card__panel .toc_open,
#template-page-diagnosis-result-c .card__panel .toc_close,
#template-page-diagnosis-result-d .card__panel .toc_open,
#template-page-diagnosis-result-d .card__panel .toc_close,
#template-page-diagnosis-result-e .card__panel .toc_open,
#template-page-diagnosis-result-e .card__panel .toc_close {
display: none;
}
@media screen and (max-width : 768px) {
#template-page-diagnosis-result-a .card__panel .toc_open,
#template-page-diagnosis-result-a .card__panel .toc_close,
#template-page-diagnosis-result-b .card__panel .toc_open,
#template-page-diagnosis-result-b .card__panel .toc_close,
#template-page-diagnosis-result-c .card__panel .toc_open,
#template-page-diagnosis-result-c .card__panel .toc_close,
#template-page-diagnosis-result-d .card__panel .toc_open,
#template-page-diagnosis-result-d .card__panel .toc_close,
#template-page-diagnosis-result-e .card__panel .toc_open,
#template-page-diagnosis-result-e .card__panel .toc_close {
position: absolute;
top: 1.5rem;
left: -2rem;
display: flex;
gap: .375rem;
align-items: center;
justify-content: center;
width: 2rem;
height: 5.5rem;
font-size: .75rem;
font-weight: 900;
line-height: 1.25;
color: #fff;
letter-spacing: .3em;
background: var(--mainColor);
border-radius: .5rem 0 0 .5rem;
writing-mode: vertical-rl;
}
}
#template-page-diagnosis-result-a .card__panel .toc_open span,
#template-page-diagnosis-result-a .card__panel .toc_close span,
#template-page-diagnosis-result-b .card__panel .toc_open span,
#template-page-diagnosis-result-b .card__panel .toc_close span,
#template-page-diagnosis-result-c .card__panel .toc_open span,
#template-page-diagnosis-result-c .card__panel .toc_close span,
#template-page-diagnosis-result-d .card__panel .toc_open span,
#template-page-diagnosis-result-d .card__panel .toc_close span,
#template-page-diagnosis-result-e .card__panel .toc_open span,
#template-page-diagnosis-result-e .card__panel .toc_close span {
font-size: inherit;
font-weight: inherit;
line-height: inherit;
color: inherit;
letter-spacing: inherit;
}
@media screen and (max-width : 768px) {
#template-page-diagnosis-result-a .card__panel .toc_close,
#template-page-diagnosis-result-b .card__panel .toc_close,
#template-page-diagnosis-result-c .card__panel .toc_close,
#template-page-diagnosis-result-d .card__panel .toc_close,
#template-page-diagnosis-result-e .card__panel .toc_close {
display: none;
}
}
@media screen and (max-width : 768px) {
#template-page-diagnosis-result-a .card__panel.is_open,
#template-page-diagnosis-result-b .card__panel.is_open,
#template-page-diagnosis-result-c .card__panel.is_open,
#template-page-diagnosis-result-d .card__panel.is_open,
#template-page-diagnosis-result-e .card__panel.is_open {
right: 0;
}
}
@media screen and (max-width : 768px) {
#template-page-diagnosis-result-a .card__panel.is_open .toc_open,
#template-page-diagnosis-result-b .card__panel.is_open .toc_open,
#template-page-diagnosis-result-c .card__panel.is_open .toc_open,
#template-page-diagnosis-result-d .card__panel.is_open .toc_open,
#template-page-diagnosis-result-e .card__panel.is_open .toc_open {
display: none;
}
}
@media screen and (max-width : 768px) {
#template-page-diagnosis-result-a .card__panel.is_open .toc_close,
#template-page-diagnosis-result-b .card__panel.is_open .toc_close,
#template-page-diagnosis-result-c .card__panel.is_open .toc_close,
#template-page-diagnosis-result-d .card__panel.is_open .toc_close,
#template-page-diagnosis-result-e .card__panel.is_open .toc_close {
display: flex;
}
}
#template-page-diagnosis-result-a .card__actions,
#template-page-diagnosis-result-b .card__actions,
#template-page-diagnosis-result-c .card__actions,
#template-page-diagnosis-result-d .card__actions,
#template-page-diagnosis-result-e .card__actions {
display: flex;
gap: .375rem;
margin-top: 1rem;
}
#template-page-diagnosis-result-a .card__actions .btn,
#template-page-diagnosis-result-b .card__actions .btn,
#template-page-diagnosis-result-c .card__actions .btn,
#template-page-diagnosis-result-d .card__actions .btn,
#template-page-diagnosis-result-e .card__actions .btn {
width: calc((100% - .375rem) / 2);
height: 2rem;
}
#template-page-diagnosis-result-a .card__actions .btn_red_border,
#template-page-diagnosis-result-b .card__actions .btn_red_border,
#template-page-diagnosis-result-c .card__actions .btn_red_border,
#template-page-diagnosis-result-d .card__actions .btn_red_border,
#template-page-diagnosis-result-e .card__actions .btn_red_border {
color: var(--mainColor);
border-color: var(--mainColor);
}
#template-page-diagnosis-result-a .card__actions .btn_red_fill,
#template-page-diagnosis-result-b .card__actions .btn_red_fill,
#template-page-diagnosis-result-c .card__actions .btn_red_fill,
#template-page-diagnosis-result-d .card__actions .btn_red_fill,
#template-page-diagnosis-result-e .card__actions .btn_red_fill {
background-color: var(--mainColor);
border-color: var(--mainColor);
}
#template-page-diagnosis-result-a .diag__content,
#template-page-diagnosis-result-b .diag__content,
#template-page-diagnosis-result-c .diag__content,
#template-page-diagnosis-result-d .diag__content,
#template-page-diagnosis-result-e .diag__content {
width: 100%;
padding-top: 9.375rem;
padding-bottom: 10rem;
}
@media screen and (max-width : 768px) {
#template-page-diagnosis-result-a .diag__content,
#template-page-diagnosis-result-b .diag__content,
#template-page-diagnosis-result-c .diag__content,
#template-page-diagnosis-result-d .diag__content,
#template-page-diagnosis-result-e .diag__content {
padding-top: 0;
padding-bottom: 2.5rem;
}
}
#template-page-diagnosis-result-a .diag__title,
#template-page-diagnosis-result-b .diag__title,
#template-page-diagnosis-result-c .diag__title,
#template-page-diagnosis-result-d .diag__title,
#template-page-diagnosis-result-e .diag__title {
font-size: 3.125rem;
font-weight: 900;
line-height: 1.34;
letter-spacing: -.05em;
}
@media screen and (max-width : 768px) {
#template-page-diagnosis-result-a .diag__title,
#template-page-diagnosis-result-b .diag__title,
#template-page-diagnosis-result-c .diag__title,
#template-page-diagnosis-result-d .diag__title,
#template-page-diagnosis-result-e .diag__title {
font-size: 1.6875rem;
line-height: 1.6296296296;
}
}
#template-page-diagnosis-result-a .diag-sec,
#template-page-diagnosis-result-b .diag-sec,
#template-page-diagnosis-result-c .diag-sec,
#template-page-diagnosis-result-d .diag-sec,
#template-page-diagnosis-result-e .diag-sec {
padding-top: 5rem;
}
@media screen and (max-width : 768px) {
#template-page-diagnosis-result-a .diag-sec,
#template-page-diagnosis-result-b .diag-sec,
#template-page-diagnosis-result-c .diag-sec,
#template-page-diagnosis-result-d .diag-sec,
#template-page-diagnosis-result-e .diag-sec {
padding-top: 3rem;
}
}
#template-page-diagnosis-result-a .diag-sec__title,
#template-page-diagnosis-result-b .diag-sec__title,
#template-page-diagnosis-result-c .diag-sec__title,
#template-page-diagnosis-result-d .diag-sec__title,
#template-page-diagnosis-result-e .diag-sec__title {
display: flex;
align-items: center;
}
#template-page-diagnosis-result-a .diag-sec__title .num,
#template-page-diagnosis-result-b .diag-sec__title .num,
#template-page-diagnosis-result-c .diag-sec__title .num,
#template-page-diagnosis-result-d .diag-sec__title .num,
#template-page-diagnosis-result-e .diag-sec__title .num {
position: relative;
z-index: 5;
display: flex;
flex-shrink: 0;
align-items: center;
justify-content: center;
width: 4rem;
height: 4rem;
font-family: Righteous, "Noto Sans JP", sans-serif;
font-size: 2.8125rem;
font-weight: 400;
line-height: 1;
color: #fff;
letter-spacing: -.05em;
background-color: var(--mainColor);
border-radius: 50%;
}
@media screen and (max-width : 768px) {
#template-page-diagnosis-result-a .diag-sec__title .num,
#template-page-diagnosis-result-b .diag-sec__title .num,
#template-page-diagnosis-result-c .diag-sec__title .num,
#template-page-diagnosis-result-d .diag-sec__title .num,
#template-page-diagnosis-result-e .diag-sec__title .num {
width: 3.875rem;
height: 3.875rem;
font-size: 2rem;
}
}
#template-page-diagnosis-result-a .diag-sec__title .sub-title,
#template-page-diagnosis-result-b .diag-sec__title .sub-title,
#template-page-diagnosis-result-c .diag-sec__title .sub-title,
#template-page-diagnosis-result-d .diag-sec__title .sub-title,
#template-page-diagnosis-result-e .diag-sec__title .sub-title {
position: relative;
z-index: 4;
display: inline-flex;
gap: 1.25rem;
align-items: center;
width: 100%;
padding-left: 1rem;
padding-right: 1rem;
background-color: #fff;
border-radius: 0 1.5rem 1.5rem 0;
}
@media screen and (max-width : 768px) {
#template-page-diagnosis-result-a .diag-sec__title .sub-title,
#template-page-diagnosis-result-b .diag-sec__title .sub-title,
#template-page-diagnosis-result-c .diag-sec__title .sub-title,
#template-page-diagnosis-result-d .diag-sec__title .sub-title,
#template-page-diagnosis-result-e .diag-sec__title .sub-title {
flex-direction: column;
gap: .5rem;
align-items: flex-start;
padding: .75rem .5rem;
padding-left: .5rem;
padding-right: .5rem;
border-radius: 0 2.25rem 2.25rem 0;
}
}
#template-page-diagnosis-result-a .diag-sec__title .sub-title::after,
#template-page-diagnosis-result-b .diag-sec__title .sub-title::after,
#template-page-diagnosis-result-c .diag-sec__title .sub-title::after,
#template-page-diagnosis-result-d .diag-sec__title .sub-title::after,
#template-page-diagnosis-result-e .diag-sec__title .sub-title::after {
position: absolute;
top: 0;
left: -2rem;
width: 2rem;
height: 100%;
content: "";
background-color: #fff;
}
@media screen and (max-width : 768px) {
#template-page-diagnosis-result-a .diag-sec__title .sub-title::after,
#template-page-diagnosis-result-b .diag-sec__title .sub-title::after,
#template-page-diagnosis-result-c .diag-sec__title .sub-title::after,
#template-page-diagnosis-result-d .diag-sec__title .sub-title::after,
#template-page-diagnosis-result-e .diag-sec__title .sub-title::after {
left: -1.9375rem;
width: 1.9375rem;
}
}
#template-page-diagnosis-result-a .diag-sec__title .sub-title span,
#template-page-diagnosis-result-b .diag-sec__title .sub-title span,
#template-page-diagnosis-result-c .diag-sec__title .sub-title span,
#template-page-diagnosis-result-d .diag-sec__title .sub-title span,
#template-page-diagnosis-result-e .diag-sec__title .sub-title span {
display: block;
}
#template-page-diagnosis-result-a .diag-sec__title .sub-title .txt,
#template-page-diagnosis-result-b .diag-sec__title .sub-title .txt,
#template-page-diagnosis-result-c .diag-sec__title .sub-title .txt,
#template-page-diagnosis-result-d .diag-sec__title .sub-title .txt,
#template-page-diagnosis-result-e .diag-sec__title .sub-title .txt {
font-size: 1.25rem;
font-weight: 900;
line-height: 2.4;
color: var(--mainColor);
}
@media screen and (max-width : 768px) {
#template-page-diagnosis-result-a .diag-sec__title .sub-title .txt,
#template-page-diagnosis-result-b .diag-sec__title .sub-title .txt,
#template-page-diagnosis-result-c .diag-sec__title .sub-title .txt,
#template-page-diagnosis-result-d .diag-sec__title .sub-title .txt,
#template-page-diagnosis-result-e .diag-sec__title .sub-title .txt {
font-size: 1.125rem;
line-height: 1;
}
}
#template-page-diagnosis-result-a .diag-sec__title .sub-title .pill,
#template-page-diagnosis-result-b .diag-sec__title .sub-title .pill,
#template-page-diagnosis-result-c .diag-sec__title .sub-title .pill,
#template-page-diagnosis-result-d .diag-sec__title .sub-title .pill,
#template-page-diagnosis-result-e .diag-sec__title .sub-title .pill {
font-size: .875rem;
font-weight: 900;
line-height: 2.2857142857;
letter-spacing: -.05em;
}
@media screen and (max-width : 768px) {
#template-page-diagnosis-result-a .diag-sec__title .sub-title .pill,
#template-page-diagnosis-result-b .diag-sec__title .sub-title .pill,
#template-page-diagnosis-result-c .diag-sec__title .sub-title .pill,
#template-page-diagnosis-result-d .diag-sec__title .sub-title .pill,
#template-page-diagnosis-result-e .diag-sec__title .sub-title .pill {
font-size: .75rem;
line-height: 1;
}
}
#template-page-diagnosis-result-a .diag-sec__lead,
#template-page-diagnosis-result-b .diag-sec__lead,
#template-page-diagnosis-result-c .diag-sec__lead,
#template-page-diagnosis-result-d .diag-sec__lead,
#template-page-diagnosis-result-e .diag-sec__lead {
margin-top: 2rem;
font-size: .9375rem;
font-weight: 700;
line-height: 1.4;
letter-spacing: .02em;
}
@media screen and (max-width : 768px) {
#template-page-diagnosis-result-a .diag-sec__lead,
#template-page-diagnosis-result-b .diag-sec__lead,
#template-page-diagnosis-result-c .diag-sec__lead,
#template-page-diagnosis-result-d .diag-sec__lead,
#template-page-diagnosis-result-e .diag-sec__lead {
font-size: .875rem;
line-height: 1.6428571429;
}
}
#template-page-diagnosis-result-a .diag-sec .checklist,
#template-page-diagnosis-result-b .diag-sec .checklist,
#template-page-diagnosis-result-c .diag-sec .checklist,
#template-page-diagnosis-result-d .diag-sec .checklist,
#template-page-diagnosis-result-e .diag-sec .checklist {
margin: 2rem 0;
}
#template-page-diagnosis-result-a .diag-sec .checklist li,
#template-page-diagnosis-result-b .diag-sec .checklist li,
#template-page-diagnosis-result-c .diag-sec .checklist li,
#template-page-diagnosis-result-d .diag-sec .checklist li,
#template-page-diagnosis-result-e .diag-sec .checklist li {
display: flex;
gap: .75rem;
align-items: center;
font-size: 1.125rem;
font-weight: 700;
line-height: 1.1666666667;
letter-spacing: .02em;
}
@media screen and (max-width : 768px) {
#template-page-diagnosis-result-a .diag-sec .checklist li,
#template-page-diagnosis-result-b .diag-sec .checklist li,
#template-page-diagnosis-result-c .diag-sec .checklist li,
#template-page-diagnosis-result-d .diag-sec .checklist li,
#template-page-diagnosis-result-e .diag-sec .checklist li {
gap: .5rem;
font-size: 1rem;
line-height: 1.25;
}
}
#template-page-diagnosis-result-a .diag-sec .checklist li:nth-child(n+2),
#template-page-diagnosis-result-b .diag-sec .checklist li:nth-child(n+2),
#template-page-diagnosis-result-c .diag-sec .checklist li:nth-child(n+2),
#template-page-diagnosis-result-d .diag-sec .checklist li:nth-child(n+2),
#template-page-diagnosis-result-e .diag-sec .checklist li:nth-child(n+2) {
margin-top: 1rem;
}
#template-page-diagnosis-result-a .diag-sec .checklist li::before,
#template-page-diagnosis-result-b .diag-sec .checklist li::before,
#template-page-diagnosis-result-c .diag-sec .checklist li::before,
#template-page-diagnosis-result-d .diag-sec .checklist li::before,
#template-page-diagnosis-result-e .diag-sec .checklist li::before {
display: block;
flex-shrink: 0;
width: 2rem;
height: 2rem;
content: "";
background-image: url(//jo-katsu.com/release/wordpress/wp-content/themes/jo-katsu/images/campus/renewal-2025/icon_check.png);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
@media screen and (max-width : 768px) {
#template-page-diagnosis-result-a .diag-sec .checklist li::before,
#template-page-diagnosis-result-b .diag-sec .checklist li::before,
#template-page-diagnosis-result-c .diag-sec .checklist li::before,
#template-page-diagnosis-result-d .diag-sec .checklist li::before,
#template-page-diagnosis-result-e .diag-sec .checklist li::before {
width: 1.875rem;
height: 1.875rem;
}
}
#template-page-diagnosis-result-a .diag__footer,
#template-page-diagnosis-result-b .diag__footer,
#template-page-diagnosis-result-c .diag__footer,
#template-page-diagnosis-result-d .diag__footer,
#template-page-diagnosis-result-e .diag__footer {
display: flex;
flex-wrap: wrap;
gap: 1.5rem;
margin-top: 5rem;
}
@media screen and (max-width : 768px) {
#template-page-diagnosis-result-a .diag__footer,
#template-page-diagnosis-result-b .diag__footer,
#template-page-diagnosis-result-c .diag__footer,
#template-page-diagnosis-result-d .diag__footer,
#template-page-diagnosis-result-e .diag__footer {
gap: .625rem;
margin-top: 4rem;
}
}
#template-page-diagnosis-result-a .diag__footer .btn,
#template-page-diagnosis-result-b .diag__footer .btn,
#template-page-diagnosis-result-c .diag__footer .btn,
#template-page-diagnosis-result-d .diag__footer .btn,
#template-page-diagnosis-result-e .diag__footer .btn {
width: calc((100% - 1.5rem) / 2);
height: 4.125rem;
font-size: .9375rem;
}
@media screen and (max-width : 768px) {
#template-page-diagnosis-result-a .diag__footer .btn,
#template-page-diagnosis-result-b .diag__footer .btn,
#template-page-diagnosis-result-c .diag__footer .btn,
#template-page-diagnosis-result-d .diag__footer .btn,
#template-page-diagnosis-result-e .diag__footer .btn {
width: 100%;
}
}
#template-page-diagnosis-result-a .diag__footer .btn_red_border,
#template-page-diagnosis-result-b .diag__footer .btn_red_border,
#template-page-diagnosis-result-c .diag__footer .btn_red_border,
#template-page-diagnosis-result-d .diag__footer .btn_red_border,
#template-page-diagnosis-result-e .diag__footer .btn_red_border {
color: var(--mainColor);
border-color: var(--mainColor);
}
#template-page-diagnosis-result-a .diag__footer form,
#template-page-diagnosis-result-b .diag__footer form,
#template-page-diagnosis-result-c .diag__footer form,
#template-page-diagnosis-result-d .diag__footer form,
#template-page-diagnosis-result-e .diag__footer form {
width: calc((100% - 1.5rem) / 2);
}
@media screen and (max-width : 768px) {
#template-page-diagnosis-result-a .diag__footer form,
#template-page-diagnosis-result-b .diag__footer form,
#template-page-diagnosis-result-c .diag__footer form,
#template-page-diagnosis-result-d .diag__footer form,
#template-page-diagnosis-result-e .diag__footer form {
width: 100%;
}
}
#template-page-diagnosis-result-a .diag__footer form .btn,
#template-page-diagnosis-result-b .diag__footer form .btn,
#template-page-diagnosis-result-c .diag__footer form .btn,
#template-page-diagnosis-result-d .diag__footer form .btn,
#template-page-diagnosis-result-e .diag__footer form .btn {
width: 100%;
}
body.toc-open {
padding-right: var(--sbw);
overflow: hidden;
} #CampusCtaBanner {
transition: all 0.3s ease-in-out;
opacity: 0;
pointer-events: none;
}
#CampusCtaBanner.visible {
opacity: 1;
pointer-events: auto;
}
.campus-cv {
display: none;
}
@media screen and (max-width: 767px) {
footer#footer {
padding-bottom: 90px;
}
footer#footer .footer_inner {
padding-bottom: calc(1.25rem + 4.5vw);
}
footer#footer .topbutton {
bottom: calc(1.25rem + 90px);
}
.campus-cv {
display: block;
position: fixed;
bottom: 0;
left: 0;
width: 100%;
z-index: 110;
box-shadow: 0px -2px 4px 0px rgba(0, 0, 0, 0.2);
}
.campus-cv-inner {
position: relative;
}
.campus-cv-inner::before,
.campus-cv-inner::after {
content: "";
width: 20px;
height: 2px;
background-color: #333;
position: absolute;
top: -15px;
right: 5px;
}
.campus-cv-inner::before {
transform: rotate(45deg);
}
.campus-cv-inner::after {
transform: rotate(-45deg);
}
.campus-cv-close {
position: absolute;
top: -30px;
right: 0px;
width: 30px;
height: 30px;
z-index: 111;
}
.campus-cv-link {
display: block;
}
.campus-cv-txt {
width: 100%;
text-align: center;
padding: 0 10vw;
margin-top: -4.5vw;
}
.campus-cv-menu {
display: flex;
flex-wrap: wrap;
background: #fff;
}
.campus-cv-menu a {
display: block;
width: 20%;
padding: 5px 0 10px;
color: #9b001a;
font-size: 2.5vw;
font-weight: 500;
text-align: center;
}
.campus-cv-menu a img {
height: 35px;
width: auto;
margin: 0 auto 5px;
}
} @media screen and (min-width: 1440px) { header#header #header-logo {
width: 170px;
padding: 30px 24px;
border-bottom-right-radius: 32px;
}
header#header #header-nav {
padding-right: 53px;
}
header#header #header-nav .btn {
width: 108px;
} section.postlist_section .postlist_section_inner {
margin-right: auto;
}
section.postlist_section .swiper-button-prev {
top: 16.8px;
right: 179px;
}
section.postlist_section .swiper-button-next {
top: 16.8px;
right: 112px;
}
.section_title__main {
font-size: 30.4px;
}
section#campus-esinfo .esinfo_item {
padding: 24px 20.8px 19.2px;
border-radius: 16px;
}
section#campus-esinfo .esinfo_item__image {
width: 68.8px;
height: 68.8px;
}
}