@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 : 2.5rem;
font-size : 1rem;
line-height : 1.5;
color : #868686;
text-align : center;
}
main#single_materials .form-dl .privacy-text a{
color : #e53754;
text-decoration : underline;
}
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;
}
}