@charset "utf-8";
   h1 ,
h2 ,
h3 ,
h4 ,
h5 ,
h6 ,
a ,
abbr ,
acronym ,
address ,
applet ,
article ,
aside ,
audio ,
b ,
big ,
blockquote ,
body ,
caption ,
canvas ,
center ,
cite ,
code ,
dd ,
del ,
details ,
dfn ,
dialog ,
div ,
dl ,
dt ,
em ,
embed ,
fieldset ,
figcaption ,
figure ,
form ,
footer ,
header ,
hgroup ,
h1 ,
h2 ,
h3 ,
h4 ,
h5 ,
h6 ,
html ,
i ,
iframe ,
img ,
ins ,
kbd ,
label ,
legend ,
li ,
mark ,
menu ,
nav ,
object ,
ol ,
output ,
p ,
pre ,
q ,
ruby ,
s ,
samp ,
section ,
main ,
small ,
span ,
strike ,
strong ,
sub ,
summary ,
sup ,
tt ,
table ,
tbody ,
textarea ,
tfoot ,
thead ,
time ,
tr ,
th ,
td ,
u ,
ul ,
var ,
video{
padding : 0;
margin : 0;
font-family : Roboto , "Noto Sans JP" , sans-serif;
font-size : 100%;
font-weight : 400;
line-height : 1;
white-space : normal;
vertical-align : baseline;
background : transparent;
border : 0;
outline : 0;
}
article ,
aside ,
details ,
figcaption ,
figure ,
footer ,
header ,
hgroup ,
menu ,
nav ,
section ,
main{
display : block;
}
img{
width : 100%;
max-width : 100%;
vertical-align : bottom;
filter : alpha( opacity=100 );
border : none;
opacity : 1;
-webkit-transition : .2s ease-in;
transition : .2s ease-in;
-webkit-backface-visibility : hidden;
backface-visibility : hidden;
}
a{
color : #000;
text-decoration : none;
}
a:hover{
text-decoration : none;
}
a:focus{
outline : none;
}
li{
list-style : none;
}
input[type="text"] ,
input[type="password"] ,
textarea ,
select{
outline : none;
}
body{
width : 100%;
min-width : auto;
overflow-x : hidden;
letter-spacing : .1em;
} @font-face{
font-family : "Noto Sans JP";
font-style : normal;
font-weight : 400;
src : local( "Noto Sans Japanese Regular" ) , local( "NotoSansJapanese-Regular" ) , url(//jo-katsu.com/release/wordpress/wp-content/themes/jo-katsu/fonts/noto-sans-jp_400.woff2) format( "woff2" );
font-display : swap;
} @font-face{
font-family : "Noto Sans JP";
font-style : normal;
font-weight : 700;
src : url(//jo-katsu.com/release/wordpress/wp-content/themes/jo-katsu/fonts/noto-sans-jp-v25-latin-700.eot); src : local( "Noto Sans Japanese Bold" ) , local( "NotoSansJapanese-Bold" ) , url(//jo-katsu.com/release/wordpress/wp-content/themes/jo-katsu/fonts/noto-sans-jp_700.woff2) format( "woff2" );
font-display : swap;
} @font-face{
font-family : Roboto;
font-style : normal;
font-weight : 400;
src : local( "Roboto" ) , local( "Roboto-Regular" ) , url(//jo-katsu.com/release/wordpress/wp-content/themes/jo-katsu/fonts/roboto_400.woff2) format( "woff2" );
font-display : swap;
} @font-face{
font-family : Roboto;
font-style : normal;
font-weight : 500;
src : local( "Roboto Medium" ) , local( "Roboto-Medium" ) , url(//jo-katsu.com/release/wordpress/wp-content/themes/jo-katsu/fonts/roboto_500.woff2) format( "woff2" );
font-display : swap;
} .clearfix{
zoom : 1;
}
.clearfix::after{
display : block;
clear : both;
content : "";
}
@media print{
.clearfix{
overflow : hidden;
}
}
.Tcenter{
text-align : center;
}
html{
height : 100%;
margin : 0 ! important;
}
.inner{
position : relative;
z-index : 98;
box-sizing : border-box;
justify-content : space-between;
width : 100%;
max-width : 1000px;
padding-left : 10px;
padding-right : 10px;
margin-left : auto;
margin-right : auto;
} .anchor-txt{
position : absolute;
top : 0;
left : 0;
z-index : 2;
width : 100%;
height : 100%;
}
img{
width : 100%;
max-width : 100%;
height : auto;
}
.body_campus{
padding-top : 74px;
background : #f5f4ea;
} #nav-bar{
width : 100%; background : #f6f6f6;
}
#nav-bar ul{
display : -webkit-box;
display : -ms-flexbox;
display : flex;
width : fit-content;
height : 77px;
margin : auto;
}
#nav-bar li{
box-sizing : border-box;
margin : auto 16px;
line-height : 72px;
}
#nav-bar li a{
display : inline-block;
height : 100%;
font-size : 20px;
font-weight : 700;
line-height : 77px;
color : #bcbcbc;
}
#nav-bar li.active a{
margin-top : 5px;
line-height : 68px;
color : #1e1e1e;
border-bottom : 5px solid #b60004;
} .fv-area{
position : relative;
}
.fv-area img{
width : 100%;
}
.fv-area .btn_consultation ,
.fv-area .btn_line{
position : absolute;
bottom : 4vw;
display : block;
}
.fv-area .btn_consultation{
right : 40vw;
}
.fv-area .btn_line{
right : 2.5vw;
}
.fv-area .btn_consultation a ,
.fv-area .btn_line a{
position : relative;
display : block;
padding : 1.5vw 5vw;
font-size : 1.5vw;
font-weight : 700;
background : #fff;
border : .2vw solid;
border-radius : 10vw;
box-shadow : 0 .25vw .25vw 0 rgb( 0 0 0 / .4 );
transition : all .3s;
}
.fv-area .btn_consultation a:hover ,
.fv-area .btn_line a:hover{
box-shadow : none;
transform : scale( .99 , .99 ) translateY( 2px );
}
.fv-area .btn_consultation a{
color : #c70504;
border-color : #c70504;
}
.fv-area .btn_line a{
padding-left : 6.75vw;
color : #06c755;
background : url(//jo-katsu.com/release/wordpress/wp-content/themes/jo-katsu/images/campus/page-header/icon_line.png) no-repeat left
2.5vw center / 3vw auto , #fff;
border-color : #06c755;
}
.fv-area .btn_consultation a::before ,
.fv-area .btn_line a::before{
position : absolute;
top : 0;
bottom : 0;
right : 1.25vw;
display : block;
width : 1.75vw;
height : 1.75vw;
margin : auto 0;
content : "";
border-radius : 50%;
}
.fv-area .btn_consultation a::before{
background : #c70504;
}
.fv-area .btn_line a::before{
background : #06c755;
}
.fv-area .btn_consultation a::after ,
.fv-area .btn_line a::after{
position : absolute;
top : 0;
bottom : 0;
right : 1.85vw;
display : block;
width : .65vw;
height : .65vw;
margin : auto 0;
content : "";
border-top : solid 2px #fff;
border-right : solid 2px #fff;
transform : rotate( 45deg );
}
@media screen and ( max-width : 767px ){
.fv-area .btn_consultation ,
.fv-area .btn_line{
left : 2vw;
}
.fv-area .btn_consultation{
bottom : 12vw;
right : inherit;
}
.fv-area .btn_line{
bottom : 2vw;
right : inherit;
}
.fv-area .btn_consultation a ,
.fv-area .btn_line a{
box-sizing : border-box;
width : 68vw;
padding : 2.5vw 0;
font-size : 3vw;
text-align : center;
border : .4vw solid;
}
.fv-area .btn_line a{
padding-left : 0;
background : url(//jo-katsu.com/release/wordpress/wp-content/themes/jo-katsu/images/campus/page-header/icon_line.png) no-repeat left
3vw center / 5.5vw auto , #fff;
}
.fv-area .btn_consultation a::before ,
.fv-area .btn_line a::before{
right : 2.5vw;
width : 3.5vw;
height : 3.5vw;
}
.fv-area .btn_consultation a::after ,
.fv-area .btn_line a::after{
right : 3.7vw;
width : 1.3vw;
height : 1.3vw;
border-top : solid 1px #fff;
border-right : solid 1px #fff;
}
} .contents-list-box li{
position : relative;
margin-left : 15px;
font-size : 19px;
}
.contents-list-box li::before{
position : absolute;
top : 4px;
left : -15px;
display : block;
width : 10px;
height : 10px;
content : "";
background : rgb( 255 205 0 );
border-radius : 50%;
} .pickup-contents{
padding : 64px 16px;
background : #f5f4ea;
} .step-contents{
padding : 64px 16px 48px;
background : white;
}
.step-contents .step-tab{
max-width : 1008px;
height : 100%;
margin : 0 auto;
overflow-x : scroll;
}
.step-contents .step-tab-wrapper{
position : relative;
height : 100%;
}
.step-contents .fadeIn.active{
animation-name : fadeUpAnime;
animation-duration : .5s;
animation-delay : .5s;
animation-fill-mode : forwards;
}
.step-tab__item{
position : absolute;
top : 0;
display : flex;
align-items : center;
justify-content : center;
width : 15.87%;
height : 100%;
text-align : center;
cursor : pointer;
}
.entry-content img{
max-width : 100%;
height : auto;
}
.step-tab__item{
position : absolute;
top : 0;
display : flex;
align-items : center;
justify-content : center;
width : 15.87%;
height : 100%;
text-align : center;
cursor : pointer;
}
.step-tab__item:first-of-type{
left : 0;
width : 15.26%;
}
.step-tab__item:nth-of-type( 2 ){
left : 13.98%;
}
.step-tab__item:nth-of-type( 3 ){
left : 28.37%;
}
.step-tab__item:nth-of-type( 4 ){
left : 42.16%;
}
.step-tab__item:nth-of-type( 5 ){
left : 56.05%;
}
.step-tab__item:nth-of-type( 6 ){
left : 70.84%;
}
.step-tab__item:nth-of-type( 7 ){
left : 85.53%;
right : 0;
width : auto;
}
.step-tab__item p{
position : relative;
z-index : 2;
font-size : 14px;
font-weight : 700;
line-height : 1.1;
color : #c93f4e;
}
.step-tab__item.active p{
color : #fff;
}
.step-tab__item span{
display : block;
margin-bottom : 10px;
font-size : 12px;
font-weight : 700;
}
.step-tab__item.active::before{
position : absolute;
top : 0;
left : -1px;
right : -4px;
height : 100%;
content : "";
background : url(//jo-katsu.com/release/wordpress/wp-content/themes/jo-katsu/images/campus/new/bg_step-active.png) no-repeat center /
100% 100%;
}
.step-tab__item:first-of-type.active::before{
background : url(//jo-katsu.com/release/wordpress/wp-content/themes/jo-katsu/images/campus/new/bg_step1-active.png) no-repeat center /
100% 100%;
}
.step-tab__item:last-of-type.active::before{
background : url(//jo-katsu.com/release/wordpress/wp-content/themes/jo-katsu/images/campus/new/bg_step7-active.png) no-repeat center /
100% 100%;
}
.step-list.featured-contents{
justify-content : space-between;
width : 100%;
max-width : 1000px;
}
.step-list.featured-contents .step-box{
display : none;
}
.step-list.featured-contents .step-box.active{
display : block;
}
.step-list.featured-contents .step-box .corner-list-box{
display : flex;
flex-wrap : wrap;
justify-content : space-between;
width : 100%;
}
.step-list.featured-contents .step-box .corner-list-box .small{
width : 48%;
} .btn{
text-align : center;
}
.btn a{
display : inline-block;
min-width : 160px;
max-width : 100%;
padding : 30px;
margin : auto;
line-height : 1.5;
color : white;
text-align : center;
background : rgb( 255 205 0 );
border : 1px solid rgb( 255 205 0 );
border-radius : 4px;
-webkit-transition : all .4s;
-moz-transition : all .4s;
-ms-transition : all .4s;
-o-transition : all .4s;
transition : all .4s;
}
.btn a:hover{
background : white;
}
.btn a:hover{
color : rgb( 255 205 0 );
}
.contents-box ,
.ranking-box ,
.pickup-box{
padding-bottom : 32px;
margin-bottom : 32px;
} .link-more{
display : -webkit-box;
display : -ms-flexbox;
display : flex;
-webkit-box-pack : end;
-ms-flex-pack : end;
justify-content : flex-end;
text-align : right;
}
.link-more a{
display : inline-block;
font-size : 15px;
font-weight : 600;
line-height : 20px;
color : #333;
}
.link-more::after{
display : block;
width : 20px;
height : 20px;
content : "";
background-image : url(//jo-katsu.com/release/wordpress/wp-content/themes/jo-katsu/images/campus/common/arrow_right_blk.svg);
background-repeat : no-repeat;
background-position : center;
background-size : cover;
}
.under-link-more{
position : relative;
box-sizing : border-box;
width : 100%;
padding : 16px;
text-align : center;
background : #9b001a;
}
.under-link-more a{
display : block;
width : 100%;
color : white;
text-align : center;
}
.under-link-more::after{
position : absolute;
top : 46%;
right : 22px;
display : block;
width : 22px;
height : 6px;
content : "";
background-image : url(//jo-katsu.com/release/wordpress/wp-content/themes/jo-katsu/images/campus/new/arrow.png);
background-repeat : no-repeat;
background-position : center;
background-size : contain;
} .list-title{
display : -webkit-box;
display : -ms-flexbox;
display : flex;
justify-content : space-between;
width : 100%;
margin-bottom : 22px;
-webkit-box-pack : justify;
-ms-flex-pack : justify;
}
.list-title .title{
position : relative;
z-index : 1;
width : fit-content;
padding : 6px 18px 6px 6px;
font-size : 20px;
line-height : 1.5em;
color : white;
}
.list-title .title::before{
position : absolute;
top : 0;
bottom : 0;
left : 0;
right : 0;
z-index : -1;
content : "";
background : #b60004;
transform : scaleY( 1.1 ) perspective( 1.6em ) rotateX( 5deg );
transform-origin : bottom left;
}
.list-title img{
width : fit-content;
width : 28px;
height : 28px;
margin-right : 8px;
color : white;
background : #b60004;
}
.list-title .link-more{
-webkit-box-align : center;
-ms-flex-align : center;
align-items : center;
} .section-list-title{
width : 100%;
}
.section-list-title h2{
margin-bottom : 32px;
text-align : center;
}
.section-list-title h2 span{
font-size : 14px;
}
.section-list-title h2 p{
position : relative;
width : fit-content;
margin : 6px auto 0;
font-size : 28px;
font-weight : 700;
line-height : 1.4em;
}
.section-list-title h2 p::before{
position : absolute;
top : 0;
left : -32px;
font-weight : 400;
content : "[";
}
.section-list-title h2 p::after{
position : absolute;
top : 0;
right : -32px;
font-weight : 400;
content : "]";
}
.section-list-title h2.title-small{
margin-bottom : 20px;
}
.section-list-title h2.title-small p{
margin : 0 0 0 32px;
font-size : 24px;
} .for-local{
padding : 64px 16px;
background : white;
}
.for-local .inbox{
display : flex;
justify-content : space-around;
}
.for-local .inbox a{
width : 34%;
margin-bottom : 24px;
} .pickup-box .list-box{
margin-bottom : 80px;
overflow : hidden;
}
.pickup-box li.box{
position : absolute;
max-width : 307px;
background : white;
border : 1px solid rgb( 255 205 0 );
box-shadow : 4px 5px 9px 3px #dbdbdb;
}
.pickup-box li.box .inbox{
padding : 15px 30px;
}
.pickup-box li.box h3{
padding-bottom : 10px;
margin-bottom : 20px;
font-size : 21px;
font-weight : 700;
line-height : 1.6;
border-bottom : 1px solid #ccc;
-webkit-transition : all .4s;
-moz-transition : all .4s;
-ms-transition : all .4s;
-o-transition : all .4s;
transition : all .4s;
}
.pickup-box li.box:hover h3{
color : rgb( 255 205 0 );
}
.pickup-box li.box .txt{
line-height : 1.6;
}
.pickup-box li.box .item{
font-weight : 700;
text-decoration : underline;
}
.pickup-box .tags{
margin-bottom : 15px;
}
.pickup-box .tags li{
position : relative;
display : inline-block;
margin-right : 10px;
font-size : 14px;
}
.pickup-box .tags li a{
color : #3e3a39;
}
.pickup-box .tags li::before{
content : "#";
}
#tiles{
box-sizing : border-box;
margin : 0 auto 80px;
overflow : hidden;
transition : opacity .3s;
} .ranking-box{
box-sizing : border-box;
width : 100%;
max-width : 993px;
padding : 0 15px;
margin : auto;
margin-top : 64px;
}
.ranking-box li{
position : relative;
width : 17.756%;
}
.ranking-box li .cap{
position : relative;
height : 150px;
margin-bottom : 15px;
overflow : hidden;
}
.ranking-box li .cap .cap-image{
position : absolute;
top : 0;
left : 0;
width : 100%;
height : 100%;
background-repeat : no-repeat;
background-position : center center;
background-size : cover;
-webkit-transition : .5s;
transition : .5s;
}
.ranking-box li p{
line-height : 1.4;
-webkit-transition : .5s;
transition : .5s;
}
.ranking-box li:hover p{
color : rgb( 255 205 0 );
}
.ranking-box li .icon{
position : absolute;
top : -6px;
left : -6px;
z-index : 3;
width : 64px;
height : 64px;
background-repeat : no-repeat;
background-position : center center;
background-size : cover;
}
.ranking-box li:nth-child( 1 ) .icon{
background-image : url(//jo-katsu.com/release/wordpress/wp-content/themes/jo-katsu/images/campus/common/ranking1.png);
}
.ranking-box li:nth-child( 2 ) .icon{
background-image : url(//jo-katsu.com/release/wordpress/wp-content/themes/jo-katsu/images/campus/common/ranking2.png);
}
.ranking-box li:nth-child( 3 ) .icon{
background-image : url(//jo-katsu.com/release/wordpress/wp-content/themes/jo-katsu/images/campus/common/ranking3.png);
}
.ranking-box li .no-image{
position : relative;
align-items : center;
justify-content : center;
padding-top : 0;
text-align : center;
background : #ddd;
-webkit-transition : .5s;
transition : .5s;
}
.ranking-box li .no-image .itemtxt{
color : #999;
}
#profile{
box-sizing : border-box;
width : 100%;
padding : 20px;
margin-bottom : 60px;
margin-left : auto;
margin-right : auto;
background : rgb( 242 242 242 );
}
#profile .left{
float : left;
width : 150px;
margin-bottom : 20px;
margin-right : 20px;
}
#profile h3{
margin-bottom : 20px;
font-size : 20px;
font-weight : 700;
}
#profile h3 span{
display : block;
margin-bottom : 10px;
font-size : 14px;
}
#profile p{
font-size : 14px;
line-height : 1.5;
color : #666;
}
@media screen and ( max-width : 767px ){
.ranking-box li .cap{
padding-top : 9rem;
}
.ranking-box li .no-image{
height : 9rem;
padding-top : 0;
}
} .search-box{
margin-bottom : 150px;
}
.search-box .inner{
max-width : 580px;
}
.search-box #searchform{
margin-bottom : 40px;
background : white;
border : 3px solid rgb( 255 205 0 );
}
.search-box #searchform #s{
font-family : Roboto , "Noto Sans JP" , sans-serif;
font-size : 24px;
color : #000;
}
.search-box #searchsubmit::before{
top : calc( 50% - 16px );
left : calc( 50% - 24px );
width : 24px;
height : 24px;
}
.search-box #searchsubmit::after{
top : calc( 50% + 8px );
left : calc( 50% + -8px );
width : 16px;
height : 16px;
border-top : solid 4px rgb( 255 205 0 );
}
.search-box #searchform #s::placeholder{
font-size : 24px;
}
.search-box input::-ms-input-placeholder ,
.search-box input:-ms-input-placeholder ,
.search-box input::placeholder{
color : rgb( 204 204 204 ) ! important;
}
.search-box #searchsubmit::before{
box-shadow : 0 0 0 4px rgb( 255 205 0 );
}
.search-box .contents-list-box{
margin-bottom : 50px;
}
.search-box .contents-list-box li{
font-size : 21px;
font-weight : 700;
}
.search-box .contents-list-box li a{
font-weight : 700;
-webkit-transition : .5s;
transition : .5s;
}
.search-box .contents-list-box li a:hover{
color : rgb( 255 205 0 );
}
.search-box .contents-list-box li:not( :last-child ){
margin-bottom : 25px;
}
.search-box #s::-webkit-input-placeholder{
color : #f00;
}
.search-box #s::-moz-placeholder{
color : #f00;
}
.search-box #s::-ms-input-placeholder{
color : #f00;
} .contents-tag-box li{
position : relative;
box-sizing : border-box;
width : fit-content;
padding : 8px;
margin : 0 16px 16px 0;
text-align : center;
background : #ececec;
}
.contents-tag-box{
justify-content : flex-start;
}
.contents-tag-box li:hover{
color : white;
background : rgb( 255 205 0 );
}
.contents-tag-box li .txt{
position : relative;
font-size : 16px;
color : #8f8f8f;
}
.contents-tag-box li .txt::before{
content : "#";
}
.contents-box .tags-box{
max-width : 720px;
padding : 80px 0 70px;
}
.contents-box .tags-box li ,
.contents-box .tags-box li:nth-child( 4 ){
margin-right : 1.5%;
}
.contents-box .tags-box li{
width : 18.8%;
}
.contents-box .min-contents{
position : relative;
z-index : 5;
display : none;
-webkit-transition : .5s;
transition : .5s;
}
.contents-box .tags-box li:nth-child( 5n ){
margin-right : 0;
}
.ranking-box li:hover span{
transform : scale( 1.1 );
}
.ranking-box li:hover .no-image span{
transform : scale( 1 );
}
.sns-box h2{
color : rgb( 255 205 0 );
background : url(//jo-katsu.com/release/wordpress/wp-content/themes/jo-katsu/images/campus/common/fukidashi.png) no-repeat center top;
background-size : 100%;
}
#footer .footer-logo{
width : 300%;
max-width : 300px;
margin : 0 auto 50px;
}
.contents-nav li.active{
color : white;
background : rgb( 255 205 0 );
border : 2px solid rgb( 255 205 0 );
}
.contents-nav li.active .txt{
color : black;
}
.contents-nav{
position : relative;
z-index : 10;
transform : translate( 0 , 30px );
}
.contents-nav li{
width : 48.5%;
padding : 22px 0 20px;
text-align : center;
cursor : pointer;
background : white;
border : 2px solid rgb( 178 178 178 );
border-radius : 4px;
-webkit-transition : .5s;
transition : .5s;
}
.contents-nav .txt{
position : relative;
padding : 0 25px 0 0;
font-size : 21px;
font-weight : 700;
color : rgb( 178 178 178 );
text-decoration : none;
vertical-align : middle;
-webkit-transition : .5s;
transition : .5s;
}
.contents-nav .txt::before ,
.contents-nav .txt::after{
position : absolute;
top : 0;
bottom : 0;
right : 0;
margin : auto;
vertical-align : middle;
content : "";
}
.contents-nav li.active .txt::before{
background : white;
}
.contents-nav li.active .txt::after{
border-left : 4px solid rgb( 178 178 178 );
}
.contents-nav .txt::before{
width : 16px;
height : 16px;
background : rgb( 178 178 178 );
-webkit-border-radius : 50%;
border-radius : 50%;
}
.contents-nav .txt::after{
right : 2px;
box-sizing : border-box;
width : 4px;
height : 4px;
border : 4px solid transparent;
border-left : 4px solid #fff;
} .icon-box-title{
align-items : center;
justify-content : center;
margin-bottom : 50px;
text-align : center;
}
.icon-box-title .font_sans ,
.icon-box-title .txt{
display : block;
}
.icon-box-title .font_sans{
margin-bottom : 5px;
font-size : 50px;
font-weight : 500;
letter-spacing : .1em;
}
.icon-box-title .txt{
font-size : 22px;
font-weight : 700;
}
.icon-box-title .icon{
width : 45px;
margin-right : 20px;
} .tag-title{
max-width : 994px;
margin : 0 0 40px;
text-align : right;
}
.tag-title h3{
display : inline-block;
padding : 10px 12px;
font-size : 18px;
font-weight : 700;
color : #1e1e1e;
background : #ffcd00;
}
.tag-title .txt{
font-weight : 700;
} .campus-top-banner img{
display : none;
}
.campus-top-banner{
position : relative;
padding-top : 41.012%;
margin-top : 105px;
}
.campus-top-banner .cap{
position : absolute;
top : 0;
left : 0;
width : 100%;
height : 100%;
background-repeat : no-repeat;
background-position : center top;
background-size : cover;
} .index-search-box{
width : 690px;
padding : 50px 0;
background : rgb( 255 205 0 );
border-radius : 6px;
transform : translate( 0 , -25px );
}
.index-search-box .txt{
margin-bottom : 30px;
font-size : 20px;
font-weight : 700;
line-height : 1.6;
text-align : center;
}
.index-search-box #searchform{
width : 100%;
max-width : 496px;
padding : 20px;
margin : 0 auto 30px;
background : white;
border-radius : 10px;
}
input::placeholder{
color : rgb( 204 204 204 ) ! important;
}
.index-search-box #searchform #s::placeholder{
font-size : 24px;
}
.index-search-box .keyword{
display : table;
width : 100%;
max-width : 496px;
margin : 0 auto;
table-layout : fixed;
}
.index-search-box .keyword dt ,
.index-search-box .keyword dd{
display : table-cell;
vertical-align : middle;
}
.index-search-box .keyword dt{
font-size : 20px;
font-weight : 700;
}
.index-search-box .keyword dd{
width : 68%;
}
.index-search-box .keyword dd ul{
position : relative;
}
.index-search-box .keyword dd ul::before{
position : absolute;
top : 3px;
left : -20px;
display : block;
width : 0;
height : 0;
content : "";
border-color : transparent transparent transparent white;
border-style : solid;
border-width : 5px 0 5px 10px;
}
.index-search-box .keyword dd li{
position : relative;
display : inline-block;
font-size : 17px;
}
.index-search-box .keyword dd li a{
font-weight : 700;
-webkit-transition : .5s;
transition : .5s;
}
.index-search-box .keyword dd li a:hover{
color : rgb( 000 000 000 / .2 );
}
.index-search-box .keyword dd li::before{
content : "#";
}
.index-search-box .keyword dd li:not( :last-child ){
margin-right : 12px;
} .index-campus-slider{
margin-bottom : 150px;
background : rgb( 255 205 0 );
}
.index-campus-slider #slide-auto-box{
width : 100%;
max-width : 690px;
margin : auto;
transform : translate( 0 , -50px );
}
.index-campus-slider #slide-auto-box .cap{
padding-top : 10.3261%;
}
.index-campus-slider #slide-auto-box figure{
position : absolute;
top : 0;
left : 0;
z-index : 1;
width : 100%;
height : 100%;
background-repeat : no-repeat;
background-position : center center;
background-size : 100%;
-webkit-transition : all .5s ease;
transition : all .5s ease;
}
.index-campus-slider #slide-auto-box .slick-dots{
bottom : -100px;
width : 100%;
margin : auto;
}
.index-campus-slider .slick-dots li button{
background : rgb( 204 204 204 );
}
.index-campus-slider .slick-dots li.slick-active button{
background : rgb( 255 205 0 );
} .contents-box .box{
padding : 80px 0 70px;
}
.contents-box .box:last-of-type{
padding-bottom : 0;
}
.contents-box .box:nth-of-type( odd ){
background : rgb( 242 242 242 );
}
.contents-box .banner{
width : 100%;
max-width : 512px;
}
.contents-box .banner h2{
margin-bottom : 25px;
}
.contents-box .list-box{
width : 100%;
max-width : 423px;
}
.contents-box .list-box li{
position : relative;
}
.contents-box .list-box li dl{
display : table;
width : 100%;
table-layout : fixed;
}
.contents-box .list-box li dt ,
.contents-box .list-box li dd{
display : table-cell;
vertical-align : top;
}
.contents-box .list-box li dd{
padding-left : 20px;
}
.contents-box .list-box li .data{
padding-bottom : 5px;
line-height : 2.6;
border-bottom : 1px solid #ccc;
}
.contents-box .list-box li:not( :last-child ){
margin-bottom : 20px;
}
.contents-box .list-box li .txt{
font-size : 18px;
font-weight : 700;
line-height : 1.6;
-webkit-transition : .5s;
transition : .5s;
}
.contents-box .list-box li .txt .item{
color : #999;
}
.contents-box .list-box li:hover .txt{
color : rgb( 255 205 0 );
}
.contents-box .inbox{
align-items : flex-start;
max-width : 994px;
}
.contents-box .btn a{
padding : 16px 0;
}
.contents-box .list-box li .cap{
position : relative;
padding-top : 71.092%;
overflow : hidden;
}
.contents-box .list-box li .no-image .itemtxt ,
.corner-list-box li dt.no-image .itemtxt{
position : absolute;
top : 50%;
left : 50%;
z-index : 2;
width : 100%;
color : #999;
text-align : center;
-webkit-transition : .2s;
transition : .2s;
-webkit-transform : translate( -50% , -50% );
transform : translate( -50% , -50% );
}
.pickup-box li.box .no-image ,
.contents-box .list-box li dt.no-image ,
.corner-list-box li dt.no-image{
align-items : center;
justify-content : center;
padding-top : 0;
text-align : center;
background : #ddd;
}
.contents-box .list-box li dt figure{
position : absolute;
top : 0;
left : 0;
width : 100%;
height : 100%;
background-repeat : no-repeat;
background-position : center top;
background-size : cover;
-webkit-transition : all .5s ease;
transition : all .5s ease;
}
.contents-box .list-box li:hover figure{
transform : scale( 1.1 );
}
.pickup-box li.box .no-image ,
.corner-list-box li dt.no-image{
padding-top : 50%;
}
.pickup-box li.box .no-image .itemtxt ,
.corner-list-box li dt.no-image .itemtxt{
color : #999;
} #slide-series-pc{
position : relative;
margin-bottom : 94px;
}
#slide-series-pc .slide-arrow{
position : absolute;
top : calc( 50% - 10px );
z-index : 1;
width : 20px;
height : 20px;
background-image : url(//jo-katsu.com/release/wordpress/wp-content/themes/jo-katsu/images/campus/common/arrow_blk.png);
background-repeat : no-repeat;
background-position : center;
background-size : cover;
}
#slide-series-pc .prev-arrow{
left : 88px;
-moz-transform : rotate( 180deg );
-webkit-transform : rotate( 180deg );
-o-transform : rotate( 180deg );
-ms-transform : rotate( 180deg );
transform : rotate( 180deg );
}
#slide-series-pc .next-arrow{
right : 88px;
}
#slide-series-pc .content{
width : 100%;
}
#slide-series-pc .content a{
position : relative;
display : block;
width : 100%;
padding-top : 26%;
overflow : hidden;
}
#slide-series-pc .content img{
position : absolute;
top : 0;
left : 0;
width : 100%;
height : 100%;
object-fit : cover;
}
#slide-series-pc .content img.yoidore{
object-position : 50% 15%;
}
#slide-series-pc .content img.onayami{
object-position : 50% 60%;
}
#slide-series-pc .content img.data{
object-position : 50% 20%;
}
#slide-series-pc .content img.experiences{
object-position : 50% 48%;
}
#slide-series-pc .content img.story{
object-position : 50% 0%;
}
#slide-series-pc .slick-dots{
bottom : -24px;
}
#slide-series-pc .slick-dots li button{
background : #f6f6f6;
border : 1px solid #bcbcbc;
border-radius : 50%;
}
#slide-series-sp{
padding : 24px 0 64px;
background : #b60004;
}
#slide-series-sp .content{
width : 80%;
margin : 0 12px;
border : 4px solid white;
}
#slide-series-sp .content a{
position : relative;
display : inline-block;
width : 100%;
padding-top : 72%;
overflow : hidden;
}
#slide-series-sp .content img{
position : absolute;
top : 0;
left : 0;
display : inline-block;
width : 100%;
height : 100%;
object-fit : cover;
}
#slide-series-pc .slick-dots li.slick-active button ,
#slide-series-sp .slick-dots li.slick-active button{
background : #1e1e1e;
border : 1px solid #1e1e1e;
} .contents-list .featured-contents{
display : -webkit-box;
display : -ms-flexbox;
display : flex;
-ms-flex-wrap : wrap;
flex-wrap : wrap;
max-width : 994px;
margin : auto;
margin-top : 24px;
margin-bottom : 12px;
}
.contents-list .featured-contents .box{
width : 48%;
margin-bottom : 64px;
}
.contents-list .featured-contents .corner-list-box li{
position : relative;
width : 100%;
max-width : none;
margin-bottom : 24px;
}
.contents-list .featured-contents .corner-list-box dt{
position : relative;
width : 100%;
padding-top : 52.5%;
overflow : hidden;
}
.contents-list .featured-contents .corner-list-box li.small dt{
width : 48%;
padding-top : 25.2%;
margin-right : 2%;
}
.contents-list .featured-contents .corner-list-box li.small dt.no-image{
height : auto;
}
.contents-list .featured-contents .corner-list-box li.small dl{
display : -webkit-box;
display : -ms-flexbox;
display : flex;
width : 100%;
}
.contents-list .featured-contents .corner-list-box li.small dd{
width : 48%;
}
.contents-list .featured-contents .corner-list-box li .txt{
height : 3.2em;
font-size : 18px;
font-weight : 700;
line-height : 1.6em;
-webkit-transition : .5s;
transition : .5s;
}
.contents-list .featured-contents .corner-list-box li.small dl {
}
.contents-list .featured-contents .corner-list-box li.small .data{
margin : 0 0 4px;
font-size : 12px;
}
.contents-list .featured-contents .corner-list-box li.small .txt{
font-size : 15px;
}
.contents-list .featured-contents.min-contents{
margin : 64px auto;
} .campus-post-list{
display : flex;
flex-wrap : wrap;
justify-content : space-between;
}
.campus-post-list li{
position : relative;
width : 31%;
max-width : none;
margin-bottom : 24px;
}
.campus-post-list dt{
position : relative;
width : 100%;
padding-top : 48%;
overflow : hidden;
}
.campus-post-list li.campus-post-cell dt{
width : 100%;
padding-top : 52.5%;
}
.campus-post-list li.campus-post-cell dt.no-image{
height : auto;
}
.campus-post-list li.campus-post-cell dl{
display : -webkit-box;
display : -ms-flexbox;
display : flex;
flex-direction : column;
width : 100%;
}
.campus-post-list li.campus-post-cell dd{
box-sizing : border-box;
width : 100%;
padding : 12px;
background : white;
}
.campus-post-list li.campus-post-cell .txt{
display : -webkit-box;
height : 3.2em;
margin-top : 6px;
overflow : hidden;
font-size : 15px;
font-weight : 700;
line-height : 1.6em;
-webkit-transition : .5s;
transition : .5s;
-webkit-box-orient : vertical;
-webkit-line-clamp : 3;
}
.campus-post-list li.campus-post-cell dl {
}
.campus-post-list li.campus-post-cell .data{
margin : 0 0 8px;
font-size : 12px;
color : #333;
}
.campus-post-list li dt figure{
position : absolute;
top : 0;
left : 0;
display : block;
width : 100%;
height : 100%;
background-repeat : no-repeat;
background-position : center center;
background-size : cover;
-webkit-transition : .5s;
transition : .5s;
} .page-corner{
box-sizing : border-box;
width : 100%;
}
.page-corner .inbox ,
.page-corner header{
position : relative;
z-index : 2;
box-sizing : border-box;
width : 100%;
max-width : 994px;
margin : 32px auto 0;
}
.page-corner header img{
display : none;
}
.page-corner header h2{
position : relative;
}
.page-corner header h2 .item{
display : block;
width : 100%;
padding-top : 42.781%;
background-repeat : no-repeat;
background-position : center center;
background-size : contain;
}
.page-corner .box{
width : 100%;
padding : 0;
}
#search.page-corner .box{
padding-top : 180px;
}
.page-corner .inbox{
position : relative;
padding : 0 0;
padding-left : 15px;
padding-right : 15px;
background : white;
border-radius : 12px;
}
.corner-list-box{
width : 100%;
max-width : 994px;
margin : auto;
}
.corner-list-box li{
position : relative;
width : 32%;
max-width : 365px;
margin-bottom : 40px;
}
.corner-list-box li dt{
position : relative;
width : 100%;
padding-top : 50%;
overflow : hidden;
}
.corner-list-box li dd{
padding : 0;
}
.corner-list-box li .data{
display : inline-block;
padding : 6px 8px;
margin : 16px 0 8px;
font-size : 12px;
color : white;
background : rgb( 30 30 30 );
}
.corner-list-box li .txt{
min-height : 3.2em;
font-size : 18px;
font-weight : 700;
line-height : 1.6em;
-webkit-transition : .5s;
transition : .5s;
}
.corner-list-box li:hover .txt{
color : rgb( 255 205 0 );
}
.corner-list-box li:hover figure{
transform : scale( 1.1 );
}
.corner-list-box li dt figure{
position : absolute;
top : 0;
left : 0;
display : block;
width : 100%;
height : 100%;
background-repeat : no-repeat;
background-position : center center;
background-size : cover;
-webkit-transition : .5s;
transition : .5s;
}
.page-corner.series .contents-box{
padding : 0;
margin-bottom : 64px;
border : none;
}
.page-corner.series .contents-box .box{
padding : 0;
margin : 0 auto 48px;
background : none;
}
.page-corner.series .inbox{
max-width : 640px;
margin-top : 32px;
}
.page-corner.series .banner{
max-width : 640px;
}
.page-corner.series .corner-list-box li{
width : 48%;
margin-bottom : 8px;
}
.page-corner.page-series-childs .contents-box{
padding : 0;
margin-bottom : 64px;
border : none;
}
.page-corner.page-series-childs header{
max-width : none;
padding : 0;
margin : 0 auto 8px;
}
.page-corner.page-series-childs header .cap{
position : relative;
z-index : 0;
background-repeat : no-repeat;
background-position : center;
background-size : cover;
}
.page-corner.page-series-childs header .cap::before{
position : absolute;
top : 5px;
bottom : 5px;
left : 5px;
right : 5px;
z-index : -1;
content : "";
background : inherit;
-webkit-filter : blur( 5px );
-moz-filter : blur( 5px );
-o-filter : blur( 5px );
-ms-filter : blur( 5px );
filter : blur( 5px );
}
.page-corner.page-series-childs header .cap img{
display : block;
width : 640px;
margin : auto;
}
.page-tags .box{
margin : auto;
}
.page-tags .inbox{
max-width : 640px;
margin : 32px auto;
}
.page-tags .inbox h2{
margin-bottom : 32px;
font-size : 24px;
font-weight : 700;
color : #1f2126;
letter-spacing : 3.43px;
}
.page-tags .inbox h3{
display : inline-block;
padding : 3px 8px;
margin-bottom : 24px;
font-size : 20px;
line-height : 1.5em;
background : #ffcd00;
}
.page-tags .contents-tag-box{
margin-bottom : 40px;
}
.page-pickup{
margin-top : 50px;
}
.page-pickup .inbox::before{
background : none;
}
.single-curner-box{
position : relative;
}
.single-curner-box .inner{
max-width : none;
padding-left : 0;
padding-right : 0;
background : white;
}
.single-curner-box header.no-cap{
padding-top : 50px;
}
.single-curner-box header{
margin-bottom : 48px;
}
.single-curner-box header .cap{
position : relative;
z-index : 0;
margin-bottom : 50px;
background-repeat : no-repeat;
background-position : center;
background-size : cover;
}
.single-curner-box header .cap::before{
position : absolute;
top : 5px;
bottom : 5px;
left : 5px;
right : 5px;
z-index : -1;
content : "";
background : inherit;
-webkit-filter : blur( 5px );
-moz-filter : blur( 5px );
-o-filter : blur( 5px );
-ms-filter : blur( 5px );
filter : blur( 5px );
}
.single-curner-box header .cap img{
display : block;
width : 640px;
margin : auto;
}
.single-curner-box header .data{
display : block;
margin-bottom : 20px;
}
.single-curner-box header h3{
padding-left : 22px;
margin-bottom : 20px;
font-size : 19px;
line-height : 1;
color : rgb( 255 205 0 );
background : url(//jo-katsu.com/release/wordpress/wp-content/themes/jo-katsu/images/campus/common/icon.png) no-repeat center left;
background-size : 18px;
}
.single-curner-box header h3 a{
color : rgb( 255 205 0 );
}
.single-curner-box header h1{
margin-bottom : 12px;
font-size : 32px;
font-weight : 700;
line-height : 1.4;
}
.single-curner-box header .tags{
justify-content : flex-start;
}
.single-curner-box header .tags li{
position : relative;
padding : 8px;
margin : 0 12px 8px 0;
background : #ececec;
}
.single-curner-box header .tags li::before{
color : rgb( 143 143 143 );
content : "#";
}
.single-curner-box header .tags li a{
font-size : 16px;
color : rgb( 143 143 143 );
}
.single-curner-box .inbox{
width : 100%;
max-width : 680px;
margin : auto;
}
.single-curner-box .conte-box .cap{
display : block;
margin : 25px 0;
}
.single-curner-box .conte-box p{
margin-bottom : 20px;
font-size : 18px;
line-height : 1.6; }
.single-curner-box .conte-box h5 ,
.single-curner-box .conte-box h5 *{
margin-bottom : 20px;
font-size : 18px;
font-weight : 700 ! important;
line-height : 1.6;
}
.single-curner-box .conte-box p mark{
background : linear-gradient( transparent 60% , #ff9 60% );
}
.single-curner-box .conte-box p strong{
font-weight : 700;
}
.single-curner-box .conte-box p strong span{
font-weight : 700;
}
.single-curner-box .contents-box .conte-box blockquote{
display : block;
margin-block-start : 1em;
margin-block-end : 1em;
margin-inline-start : 40px;
margin-inline-end : 40px;
}
.single-curner-box .contents-box .conte-box ul{
display : block;
padding-inline-start : 40px;
margin-block-start : 1em;
margin-block-end : 1em;
margin-inline-start : 0;
margin-inline-end : 0;
list-style-type : disc;
}
.single-curner-box .contents-box .conte-box li{
display : list-item;
line-height : 1.5;
text-align : -webkit-match-parent;
list-style : disc;
}
.single-curner-box .contents-box .toc{
box-sizing : border-box;
width : 100%;
padding : 32px 24px 24px;
margin : 64px 0;
background : #f6f6f6;
}
.single-curner-box .contents-box .toc .toc-title{
margin-bottom : 24px;
font-size : 18px;
font-weight : 700;
}
.single-curner-box .contents-box .toc .toc-content{
width : 100%;
padding : 0;
margin : 24px auto 0;
list-style : none;
}
.single-curner-box .contents-box .toc .toc-content li{
padding : 12px 8px;
list-style : none;
border-bottom : 1px solid rgb( 8 19 26 / .1411764705882353 );
}
.single-curner-box .contents-box .toc .toc-content li:nth-last-of-type( 1 ){
border-bottom : none;
}
.single-curner-box .contents-box .toc .toc-content li a{
font-size : 16px;
line-height : 1.4em;
color : #000;
}
@media screen and ( max-width : 767px ){
.single-curner-box .contents-box .toc .toc-title{
padding : 0 4px;
margin-bottom : 16px;
font-size : 16px;
}
.single-curner-box .contents-box .toc .toc-content{
margin-top : 16px;
}
.single-curner-box .contents-box .toc .toc-content li{
padding : 12px 4px;
}
}
#onayami.single-curner-box .first-box .conte-box p{
line-height : 2;
}
#onayami.single-curner-box .first-box{
position : relative; padding : 40px;
background : #fff; border : 5px solid rgb( 255 205 0 ); border-radius : 10px;
}
#onayami.single-curner-box .first-box::before ,
#onayami.single-curner-box .first-box::after{
position : absolute;
left : 50%;
margin-left : -25px; content : "";
border : 24px solid transparent;
}
#onayami.single-curner-box .first-box::before{
bottom : -50px; border-top-color : rgb( 255 205 0 ); }
#onayami.single-curner-box .first-box::after{
bottom : -42px; border-top-color : #fff; }
#onayami.single-curner-box .first-box .conte-box p:last-child{
margin-bottom : 0;
}
#onayami.single-curner-box .first-box .conte-box p.name{
font-weight : 700;
text-align : right;
}
#onayami.single-curner-box .contents-box .text-box.first-box .conte-box{
margin-bottom : 0;
}
.single-curner-box .conte-box p img{
display : block;
margin : 25px 0;
}
.single-curner-box .conte-box h2{
margin-bottom : 24px;
font-size : 24px;
font-weight : 700;
line-height : 1.4;
border-bottom : 4px solid rgb( 182 0 4 );
}
.single-curner-box .conte-box h3{
position : relative;
padding-left : 16px;
margin-top : 36px;
margin-bottom : 24px;
font-size : 22px;
font-weight : 700;
line-height : 1.4;
}
.single-curner-box .conte-box h3 span{
font-weight : 700 ! important;
}
.single-curner-box .conte-box h3::before{
position : absolute;
top : 0;
left : 0;
display : block;
width : 3px;
height : 1.4em;
content : "";
background : rgb( 182 0 4 );
}
.single-curner-box .conte-box h4{
margin-top : 36px;
margin-bottom : 24px;
font-size : 20px;
font-weight : 700;
}
.single-curner-box .conte-box h4 span{
font-weight : 700 ! important;
}
.single-curner-box .contents-box .text-box .conte-box a{
color : #36f;
}
.single-curner-box .contents-box .text-box{
margin-bottom : 80px;
}
.single-curner-box .contents-box .text-box .conte-box{
margin-bottom : 60px;
}
.single-curner-box .contents-box .text-box .conte-box iframe{
width : 100%;
}
.single-curner-box .contents-box .text-box .conte-box table{
border-collapse : collapse;
}
.single-curner-box .contents-box .text-box .conte-box table td{
padding : 10px;
border : 1px solid #ccc;
}
.single-curner-box .contents-box .sns-box{
align-items : center;
justify-content : center;
padding : 0;
background : none;
}
.single-curner-box .other-box ul{
justify-content : flex-start;
margin-bottom : 32px;
}
.single-curner-box .other-box li:not( :last-child ){
margin-right : 52px;
}
.single-curner-box .other-box li{
position : relative;
width : 100%;
max-width : 192px;
}
.single-curner-box .other-box .no-image .itemtxt{
position : absolute;
top : 50%;
left : 50%;
z-index : 2;
width : 100%;
font-weight : 400;
color : #999;
text-align : center;
-webkit-transition : .2s;
transition : .2s;
-webkit-transform : translate( -50% , -50% );
transform : translate( -50% , -50% );
}
.single-curner-box .other-box dt.no-image{
align-items : center;
justify-content : center;
text-align : center;
background : #ddd;
}
.single-curner-box .other-box dt{
position : relative;
padding-top : 85.72%;
margin-bottom : 12px;
overflow : hidden;
}
.single-curner-box .other-box dd{
font-size : 19px;
line-height : 1.4;
-webkit-transition : .5s;
transition : .5s;
}
.single-curner-box .other-box dt figure{
position : absolute;
top : 0;
left : 0;
width : 100%;
height : 100%;
background-repeat : no-repeat;
background-position : center center;
background-size : cover;
-webkit-transition : .5s;
transition : .5s;
}
.single-curner-box .other-box li:hover dd{
color : rgb( 255 205 0 );
}
.single-curner-box .other-box li:hover figure{
transform : scale( 1.1 );
}
.single-curner-box .contents-box .single-sns-box{
margin-bottom : 40px;
}
.single-curner-box .contents-box .single-sns-box .wrap-box{
justify-content : center;
}
.single-curner-box .contents-box .single-sns-box li{
position : relative;
width : 100%;
max-width : 166px;
height : 46px;
margin : 0 8px;
}
.single-curner-box .contents-box .single-sns-box li .box{
align-items : center;
justify-content : center;
height : 100%;
}
.single-curner-box .contents-box .single-sns-box li .icon{
width : 26px;
height : 26px;
}
.single-curner-box .contents-box .single-sns-box li .txt{
margin-left : 12px;
font-size : 14px;
color : white;
}
.single-curner-box .contents-box .single-sns-box li.tweet{
background : rgb( 0 172 238 );
}
.single-curner-box .contents-box .single-sns-box li.line{
background : rgb( 29 205 0 );
}
.single-curner-box .contents-box .single-sns-box .box:nth-of-type( odd ){
background : none;
}
.single-curner-box .contents-box .single-sns-box .box{
padding : 0;
}
.single-curner-box .contents-box .single-author-box{
box-sizing : border-box;
width : 100%;
padding : 40px;
background : #f6f6f6;
}
.single-curner-box .contents-box .single-author-box .author-info{
display : -webkit-box;
display : -ms-flexbox;
display : flex;
-webkit-box-align : start;
-ms-flex-align : start;
align-items : flex-start;
margin-bottom : 24px;
}
.single-curner-box .contents-box .single-author-box .author-info img{
width : 64px;
height : 64px;
margin-right : 24px;
border-radius : 50%;
object-fit : cover;
}
.single-curner-box .contents-box .single-author-box .author-info .author{
height : 64px;
}
.single-curner-box .contents-box .single-author-box .author-info p{
height : 32px;
line-height : 32px;
}
.single-curner-box .contents-box .single-author-box .author-info p.author-name{
font-size : 17px;
font-weight : 700;
}
.single-curner-box .contents-box .single-author-box .author-info p.author-role{
font-size : 16px;
}
.single-curner-box .contents-box .single-author-box .author-info .name-jokatsu p{
height : 64px;
line-height : 64px;
}
.single-curner-box .contents-box .single-author-box .author-description{
font-size : 16px;
color : #a2a2a2;
}
.single-curner-box .contents-box .supervisor-ttl{
margin : 64px 0 16px;
font-size : 18px;
font-weight : 700;
}
p.search-text{
margin : 0 auto 60px;
font-weight : 700;
line-height : 1.5;
text-align : center;
} @media screen and ( max-width : 1023px ){
.tablet{
display : block;
}
}
@media screen and ( min-width : 1024px ){
.tablet{
display : none;
}
}
@media screen and ( max-width : 1023px ){
.corner-list-box{
max-width : 666px;
}
.corner-list-box li{
width : 48%;
}
.ranking-box .list-title{
max-width : 670px;
margin : 0 auto 16px;
}
.tag-title{
max-width : 666px;
margin : 0 auto 40px;
}
.page-corner.series .contents-box{
margin-bottom : 32px;
}
} @media screen and ( min-width : 769px ){
.sp{
display : none ! important;
}
.notsp{
display : block;
}
}
@media screen and ( max-width : 767px ){
.sp{
display : block;
}
.notsp{
display : none;
}
}
@media screen and ( max-width : 767px ){
body{ }
.body_campus{
padding-top : 72px;
background : #f5f4ea;
}
.page-pickup{
margin-top : 32px;
}
.page-pickup .inbox{
margin : 0 auto;
}
#header{
box-sizing : border-box; width : 100%;
height : 72px;
}
#header .jokatsu-header{
height : 100%;
padding : 0;
}
#header-logo{
width : auto;
height : 60px;
margin : 0;
}
#header-logo a{
display : inline-block;
width : calc( 50vw - 32px );
height : 8vw;
text-align : left;
}
#header-logo img{ width : auto;
}
.header-left{
width : 30px;
height : 30px;
margin-right : 16px;
}
.header-center{
display : none;
}
.header-right{
display : flex;
justify-content : flex-end;
}
.header-right .h-consultation ,
.header-right .h-materials{
display : flex;
align-items : center;
justify-content : center;
height : 72px;
padding : 0 1.5vw;
}
.header-right .h-consultation{
background : #bd0e10;
}
.header-right .h-materials{
background : #ed9623;
}
.header-right .search{
width : 26px;
height : 26px;
margin : 12px 20px auto auto;
}
.header-right .jokatsu-link ,
.header-right .stacari-link{
width : auto;
height : 46px;
}
.header-right .jokatsu-link img{
margin-right : 10px;
}
.header-right .consultation-link{
margin-right : 0;
}
.header-right .consultation-link ,
.header-right .materials-link{
width : auto;
height : 60px;
}
#nav-bar{
position : absolute;
top : 72px;
left : 0;
z-index : 1000;
width : 100%;
margin : 0;
margin-top : 10px;
margin-bottom : 20px;
box-shadow : 0 4px 4px 0 rgb( 0 0 0 / .2 );
}
#nav-bar ul{
width : 100%;
height : 36px;
}
#nav-bar li{
box-sizing : border-box;
width : 20%;
min-width : fit-content;
margin : 0;
line-height : 36px;
}
#nav-bar li a{
box-sizing : border-box;
display : block;
padding : 0 3px;
font-size : 13px;
line-height : 36px;
text-align : center;
}
#nav-bar li.active a{
padding-top : 3px;
margin : 0;
line-height : 30px;
color : #1e1e1e;
background : white;
border-bottom : 3px solid #b60004;
} #footer{
padding-top : 0;
}
#footer .footer-youtube{
padding : 32px 0 16px;
}
#footer .footer-youtube .logo{
margin-bottom : 24px;
}
#footer .footer-youtube .logo img{
width : 148px;
}
#footer #slide-youtube{
max-width : 768px;
height : auto;
padding : 0 28px;
}
#footer #slide-youtube .slick-list{
margin-bottom : 28px;
}
#footer #slide-youtube .slick-slide{
padding-top : 6.5%;
text-align : center;
}
#footer #slide-youtube .slick-slide iframe{
width : 80%;
}
#footer .footer-youtube-new{
padding : 32px 0;
}
#footer .footer-entry .inner{
-ms-flex-direction : column;
flex-direction : column;
max-width : 768px;
padding : 32px 28px;
-webkit-box-orient : vertical;
-webkit-box-direction : normal;
}
#footer .footer-entry img{
display : block;
width : 221px;
margin : 0 auto 24px;
}
#footer .footer-entry .box p{
font-size : 14px;
line-height : 1.4em;
letter-spacing : 1.17px;
}
#footer .footer-entry .box h4{
margin : 0 auto 16px;
font-size : 18px;
letter-spacing : 1.5px;
}
#footer .footer-entry .box ul{
padding : 0;
margin : 0 0 32px;
}
#footer .footer-entry .box li{
position : relative;
padding-left : 33px;
font-size : 14px;
font-weight : 700;
letter-spacing : 1.17px;
}
#footer .footer-entry .box li::before{
display : inline-block;
width : 21px;
height : 21px;
content : "";
}
#footer .footer-bottom-entry img{
width : 100%;
}
#footer .footer-top{
height : 30px;
padding : 24px 24px 19px;
}
#footer .footer-top img{
height : 30px;
}
#footer .footer-bottom{
padding : 0;
}
#footer .footer-bottom .inner{
-ms-flex-direction : column;
flex-direction : column;
width : 100%;
padding : 0;
-webkit-box-orient : vertical;
-webkit-box-direction : normal;
}
#footer .footer-bottom ul{
width : 100%;
}
#footer .footer-bottom ul:nth-of-type( 1 ){
margin : 0;
}
#footer .footer-bottom a{
box-sizing : border-box;
width : 100%;
height : 46px;
padding : 15px 18px;
}
#footer .footer-bottom img{
width : 20px;
height : 20px;
margin-right : 16px;
}
#footer .footer-bottom p{
font-size : 12px;
line-height : 18px;
letter-spacing : 2px;
}
.footer-fix{
position : fixed;
bottom : 0;
z-index : 100;
display : flex;
width : 100%;
padding : 12px 0;
background : #f6f6f6;
}
.footer-fix a{
width : 50%;
text-align : center;
}
.footer-fix a img{
width : 90%;
max-width : 100px;
margin : auto;
}
*/ .contents-list .featured-contents{
max-width : 768px;
}
.contents-list .featured-contents .box{
width : 100%;
margin-top : 24px;
}
.contents-list .featured-contents .box:nth-of-type( 1 ){
margin-top : 0;
}
.link-more a{
font-size : 13px;
line-height : 20px;
}
.list-title .title{
padding : 2px 12px 2px 4px;
font-size : 18px;
}
.list-title .title::before{
transform : scaleY( 1.1 ) perspective( 1.6em ) rotateX( 5deg );
transform-origin : bottom left;
}
.list-title img{
width : 24px;
height : 24px;
padding : 1px;
margin-right : 6px;
}
html{
font-size : 3.125vw;
}
.for-local .inbox a{
width : 90%;
margin : auto;
margin-bottom : 24px;
}
.search-box .inner{
max-width : none;
}
.search-box .contents-list-box li:not( :last-child ){
margin-bottom : 1.25rem;
}
.search-box .contents-list-box li{
margin-left : 1rem;
font-size : 1.25rem;
}
.contents-list-box li{
margin-left : .8rem;
font-size : .95rem;
}
.contents-list-box li::before{
top : .1rem;
left : -1rem;
width : .6rem;
height : .6rem;
content : "";
}
.contents-box .box{
padding : 1.5rem 0;
}
.step-contents .step-tab {
}
.step-contents .step-tab-wrapper{
position : relative;
width : 779px;
height : 76.5px;
}
.step-tab__item p{
font-size : 11px;
}
.search-box{
margin-bottom : 8rem;
}
.icon-box-title .font_sans{
margin-bottom : .25rem;
font-size : 2.5rem;
}
.icon-box-title .txt{
font-size : 1.1rem;
}
.contents-box ,
.pickup-box{
padding-bottom : 16px;
margin-bottom : 0;
}
.pickup-box li.box{
width : 94% ! important;
max-width : none;
margin-left : -.5rem;
background : white;
border : none;
box-shadow : none;
}
.pickup-box li.box .inbox{
padding : .75rem 0 0 0;
}
.pickup-box .tags{
margin-bottom : .75rem;
}
.pickup-box li.box .no-image .itemtxt{
font-size : 2rem;
}
.pickup-box li.box h3{
padding-bottom : .5rem;
margin-bottom : 1rem;
font-size : 1.8rem;
line-height : 1.6;
}
#tiles{
margin : 0 auto 3rem;
}
.step-list.featured-contents .step-box .corner-list-box .small{
width : 100%;
}
.contents-list .featured-contents .corner-list-box li .txt{
display : -webkit-box;
height : 4.2em;
overflow : hidden;
line-height : 1.4em;
-webkit-box-orient : vertical;
-webkit-line-clamp : 3;
}
.contents-list .featured-contents .corner-list-box li.small .txt{
font-size : 14px;
}
.btn a{
padding : .8rem 0;
font-size : 1.25rem;
}
.icon-box-title .icon{
width : 2.25rem;
margin-right : .6rem;
}
.contents-tag-box li{
margin-bottom : 8px;
}
.contents-tag-box li .txt{
font-size : 1rem;
}
.search-box .contents-list-box{
margin-bottom : 2.5rem;
}
.ranking-box{
padding : 32px 15px;
background : #f6f6f6;
border : none;
}
.ranking-box ol{
display : block;
}
.ranking-box li{
width : 100%;
margin : 0 0 1.25rem 0;
}
.ranking-box li .icon{
top : -4px;
left : -4px;
width : 46px;
height : 46px;
background-size : cover;
}
.ranking-box li .item{
display : table;
width : 100%;
table-layout : fixed;
}
.ranking-box li .cap{
width : 40%;
height : 0;
padding-top : 24%;
}
.ranking-box li .cap.no-image{
padding-top : 10%;
padding-bottom : 10%;
}
.ranking-box li .text{
padding-left : 1.25rem;
}
.ranking-box li p{
font-size : 1.25rem;
}
.ranking-box li .cap ,
.ranking-box li .text{
display : table-cell;
vertical-align : middle;
}
.ranking-box.footer-ranking ol{
display : flex;
}
.ranking-box.footer-ranking li.small{
width : 48%;
}
.ranking-box.footer-ranking li.small dt{
width : 100%;
padding-top : 100%;
}
.ranking-box.footer-ranking .corner-list-box li dl{
display : block;
}
.ranking-box.footer-ranking li dl{
position : relative;
}
.ranking-box.footer-ranking li dd{
position : absolute;
bottom : 0;
left : 0;
right : 0;
width : 100%;
height : 100%;
}
.ranking-box.footer-ranking li .data{
position : absolute;
top : 0;
right : 0;
}
.ranking-box.footer-ranking li .txt{
position : absolute;
bottom : 0;
left : 0;
right : 0;
min-height : auto;
padding : 9px 16px;
font-size : 16px;
line-height : 1.5em;
color : white;
background : linear-gradient( rgb( 0 0 0 / 0 ) , rgb( 0 0 0 / .9 ) );
}
.ranking-box.footer-ranking li.small .txt{
display : -webkit-box;
display : -ms-flexbox;
display : flex;
align-items : flex-end;
min-height : 50%;
padding : 5px 16px 9px;
font-size : 13px;
-webkit-box-align : end;
-ms-flex-align : end;
}
.campus-top-banner img{
display : block;
}
.campus-top-banner{
padding-top : 0;
margin-top : 5.312rem;
}
.campus-top-banner .cap{
background-image : none ! important;
}
.icon-box-title{
margin-bottom : 2.5rem;
}
.contents-box .tags-box{
max-width : none;
padding : 2rem 1rem 1rem;
}
.index-search-box{
width : auto;
padding : 1.5rem 1rem;
margin-bottom : 5rem;
margin-left : 1.25rem;
margin-right : 1.25rem;
transform : translate( 0 , -2.5rem );
}
.index-search-box .txt{
margin-bottom : 1.5rem;
font-size : 1.65rem;
}
.index-search-box #searchform{
max-width : none;
margin : 0 auto 1.5rem;
}
.index-search-box .keyword dd li{
font-size : 1.25rem;
}
.index-search-box .keyword dd ul::before{
top : .25rem;
left : -.5rem;
border-width : .5rem 0 .5rem .75rem;
}
.index-search-box .keyword dd li:not( :last-child ){
margin-right : .25rem;
}
.index-search-box .keyword dd li:first-child{
margin-left : .5rem;
}
.index-search-box .keyword dt{
font-size : 1.25rem;
}
.index-campus-slider #slide-auto-box{
width : auto;
max-width : none;
padding-left : 1rem;
padding-right : 1rem;
transform : translate( 0 , -8rem );
}
.index-campus-slider #slide-auto-box .cap{
padding-top : 14.5%;
}
.index-campus-slider{
height : 10.5rem;
margin-bottom : 6rem;
}
.index-campus-slider .slick-prev ,
.index-campus-slider .slick-next{
top : 57%;
}
.index-search-box .keyword{
max-width : none;
}
.index-campus-slider #slide-auto-box .slick-dots{
position : relative ! important;
bottom : -2rem;
display : block ! important;
width : auto;
}
.index-campus-slider .slick-dots li button{
width : .25rem;
height : .25rem;
padding : .5rem;
}
.contents-nav li.active ,
.contents-nav li{
background : none;
border : none;
}
.contents-box .box:nth-of-type( odd ){
background : none;
}
.contents-box .min-contents .inner{
padding-left : 0;
padding-right : 0;
}
.contents-box .min-contents .inner .list-box{
padding-left : 1rem;
padding-right : 1rem;
}
.contents-nav li.active .txt::before{
background : rgb( 255 205 0 );
}
.contents-nav li.active .txt::after{
border-left-color : white;
}
.contents-nav ul{
position : relative;
}
.contents-nav ul::before{
position : absolute;
top : 0;
left : 50%;
width : 1px;
height : 100%;
content : "";
background : black;
}
.contents-nav li{
display : -ms-flexbox;
display : flex;
-ms-flex-wrap : wrap;
flex-wrap : wrap;
align-items : center;
justify-content : center;
padding : .6rem 0 .4rem;
text-align : left;
-ms-flex-pack : justify;
}
.contents-nav .txt::before{
width : 15px;
height : 15px;
}
.contents-nav li.active .txt::after{
border-left : .4rem solid #fff;
}
.contents-nav .txt::after{
right : .2rem;
width : .5rem;
height : .5rem;
border : .25rem solid transparent;
border-left : .4rem solid #fff;
border-left-color : transparent;
border-left-style : solid;
border-left-width : .25rem;
}
.contents-nav li:last-child .txt::after{
right : .3rem;
}
.contents-nav .txt{
padding : 0 2rem 0 0;
font-size : 1.05rem;
}
.contents-box .list-box ,
.contents-box .list-box li:not( :last-child ){
margin-bottom : 2rem;
}
.contents-box .list-box ,
.contents-box .banner ,
.contents-box .inbox{
max-width : none;
}
.contents-box .list-box li .txt{
font-size : 1.25rem;
font-weight : 700;
}
.contents-nav{
transform : translate( 0 , 0 );
}
.campus-post-list li{
width : 100%;
}
.page-corner header h2 .item{
padding-top : 0;
background-image : none;
}
.page-corner header h2 img{
display : block;
}
#search.page-corner .box{
padding-top : 10rem;
}
p.search-text{
margin : 0 1rem 3rem;
}
.page-corner .inbox::before{
top : -1.25rem;
width : 3.45rem;
height : 1.4rem;
}
.page-corner header{
margin-top : 5.312rem;
}
.page-corner .inbox ,
.page-corner header{
max-width : none;
padding-left : 15px;
padding-right : 15px;
}
.page-corner.series{
padding : 0;
}
.page-corner.series .contents-box .box{
margin : 0 auto 24px;
border-bottom : 16px solid #eaeaea;
}
.page-corner.series .contents-box .box:nth-last-of-type( 1 ){
border-bottom : none;
}
.page-corner.series ul{
-webkit-box-orient : vertical;
-webkit-box-direction : normal;
-ms-flex-direction : column;
flex-direction : column;
}
.page-corner.series .corner-list-box li{
width : 100%;
}
.page-corner.series .corner-list-box .link-more{
justify-content : center;
margin : 16px auto 24px;
-webkit-box-pack : center;
-ms-flex-pack : center;
}
.corner-list-box{
max-width : none;
padding-top : 30px;
}
.corner-list-box li dt ,
.corner-list-box li dd{
vertical-align : middle;
}
.corner-list-box li dd{
width : 48%;
}
.corner-list-box li.large dd{
width : 100%;
}
.corner-list-box li dt{
width : 46%;
padding-top : 32%;
margin-right : 2%;
}
.corner-list-box li.large dt{
width : 100%;
padding-top : 48%;
margin-right : 2%;
}
.corner-list-box li dl{
display : -webkit-box;
display : -ms-flexbox;
display : flex;
width : 100%;
}
.corner-list-box li.large dl{
-ms-flex-direction : column;
flex-direction : column;
width : 100%;
-webkit-box-orient : vertical;
-webkit-box-direction : normal;
}
.corner-list-box li .data{
margin : 0 0 8px;
margin-bottom : .6rem;
font-size : 10px;
}
.corner-list-box li .txt{
font-size : 13px;
}
.corner-list-box li.large .txt{
font-size : 16px;
}
.corner-list-box li{
width : 100%;
max-width : none;
margin-bottom : 16px;
}
.corner-list-box li:nth-last-of-type( 1 ){
margin : 0;
}
.corner-list-box li::after{
border-width : 0 0 1.5rem 1.5rem;
}
.pickup-box li.box .no-image ,
.corner-list-box li dt.no-image{
height : auto;
padding-top : 25%;
padding-bottom : 25%;
}
.head-txt{
width : 6rem;
}
.single-curner-box .inner{
max-width : none;
padding-bottom : 2rem;
padding-left : 0;
padding-right : 0;
}
.single-curner-box header.no-cap{
padding-top : 1rem;
}
.single-curner-box header .data{
margin-bottom : .75rem;
font-size : 1rem;
}
.single-curner-box .inbox{
box-sizing : border-box;
max-width : none;
padding-left : 1rem;
padding-right : 1rem;
}
.single-curner-box{
padding : 0;
}
.single-curner-box::after{
top : 5.312rem;
height : calc( 100% - 3rem );
}
.single-curner-box header .cap{
margin-bottom : 2.5rem;
}
.search-box #searchform #s{
font-size : 1.5rem;
}
.index-search-box #searchform #s::placeholder ,
#searchform #s::placeholder ,
.search-box #searchform #s::placeholder{
font-size : 1.5rem;
}
.search-box #searchsubmit::before{
top : calc( 50% - 14px );
left : calc( 50% - 20px );
width : 20px;
height : 20px;
}
.search-box #searchsubmit::after{
top : calc( 50% + 7px );
left : calc( 50% + -7px );
width : 12px;
height : 12px;
}
.search-box #searchform{
padding : 1.75rem 1.25rem;
margin-bottom : 2rem;
}
#searchsubmit{
top : calc( 50% - .95rem );
right : .25rem;
width : 1.9rem;
height : 1.9rem;
}
.single-curner-box header h3{
padding-left : 1.2rem;
margin-bottom : 1rem;
font-size : 1.25rem;
background-size : .75rem;
}
.single-curner-box header h1{
font-size : 28px;
}
.single-curner-box header{
padding-bottom : 1.25rem;
margin-bottom : 1.25rem;
}
.single-curner-box header .tags li a{
font-size : 12px;
}
.single-curner-box .contents-box .text-box{
margin-bottom : 4rem;
}
.single-curner-box .conte-box p{
font-size : 16px;
}
.single-curner-box .conte-box .cap{
margin : 1.25rem 0;
}
.single-curner-box .conte-box h2{
padding-bottom : 12px;
margin-bottom : 24px;
font-size : 18px;
}
.single-curner-box #item-facebook{
margin : 0 2.5rem;
}
.single-curner-box .contents-box .sns-box{
margin-bottom : 0;
}
.single-curner-box #item-instagram .cap{
width : 2.75rem;
}
.single-curner-box #item-facebook .cap{
width : 1.75rem;
}
.single-curner-box #item-twitter .cap{
width : 3.3rem;
}
.single-curner-box .other-box li{
width : 100%;
max-width : none;
}
.single-curner-box .other-box li:not( :last-child ){
margin-bottom : 1.5rem;
margin-right : 0;
}
.single-curner-box .other-box li dl{
display : table;
width : 100%;
table-layout : fixed;
}
.single-curner-box .other-box li dt ,
.single-curner-box .other-box li dd{
display : table-cell;
vertical-align : middle;
}
.single-curner-box .other-box dt{
width : 40%;
padding-top : 40%;
margin-bottom : 0;
}
.single-curner-box .other-box dd{
padding-left : 1.25rem;
font-size : 1.25rem;
}
.single-curner-box .contents-box .single-sns-box{
margin-bottom : 24px;
}
.single-curner-box .contents-box .single-author-box{
padding : 24px;
}
.single-curner-box .contents-box .single-author-box .author-info{
margin-bottom : 16px;
}
.single-curner-box .contents-box .single-author-box .author-info img{
width : 48px;
height : 48px;
margin-right : 16px;
}
.single-curner-box .contents-box .single-author-box .author-info .author{
height : 48px;
}
.single-curner-box .contents-box .single-author-box .author-info p{
height : 24px;
font-size : 14px;
line-height : 24px;
}
.single-curner-box .contents-box .single-author-box .author-info p.author-name{
font-size : 15px;
font-weight : 700;
}
.single-curner-box .contents-box .single-author-box .author-info p.author-role{
font-size : 14px;
}
.single-curner-box .contents-box .single-author-box .author-info .name-jokatsu p{
height : 48px;
line-height : 48px;
}
.single-curner-box .contents-box .single-author-box .author-description{
font-size : 14px;
}
#onayami.single-curner-box .first-box{
position : relative; padding : 1rem;
background : #fff; border : 3px solid rgb( 255 205 0 );
border-radius : 10px;
}
#onayami.single-curner-box .first-box::before ,
#onayami.single-curner-box .first-box::after{
position : absolute;
left : 50%;
margin-left : -8px;
content : "";
border : 16px solid transparent;
}
#onayami.single-curner-box .first-box::before{
bottom : -34px; border-top-color : rgb( 255 205 0 ); }
#onayami.single-curner-box .first-box::after{
bottom : -30px; border-top-color : #fff; }
#profile{
padding : 1rem;
margin-bottom : 3rem;
}
#profile .left{
width : 40%;
padding-top : .5rem;
margin-bottom : 1rem;
margin-right : 1rem;
}
#profile h3{
margin-bottom : 1rem;
font-size : 1.5rem;
}
#profile p{
font-size : 1.25rem;
line-height : 2rem;
}
}
@media screen and ( max-width : 480px ){
#header-logo{ }
.header-right .consultation-link ,
.header-right .materials-link{
width : 20vw;
height : auto;
}
}  .wp-pagenavi{
margin : 40px auto 100px;
text-align : center;
}
.wp-pagenavi a ,
.wp-pagenavi span{
padding : 5px 10px ! important ;
margin : 0 5px ! important;
color : #1e1e1e;
text-decoration : none;
border : 1px solid #1e1e1e ! important;
}
.wp-pagenavi a:hover ,
.wp-pagenavi span.current{
color : #fff ! important;
background : #1e1e1e ! important;
} a.anchor{
display : block;
padding-top : 70px;
margin-top : -70px;
}
a.underline{
text-decoration : underline;
} #ez-toc-container{
width : 97% ! important;
background-color : #fff ! important;
border : 1px solid #a80b0f ! important;
box-shadow : 2px 2px 4px gray ! important;
}
.toc{
width : 97% ! important;
background-color : #fff ! important;
border : 1px solid #a80b0f ! important;
box-shadow : 2px 2px 4px gray ! important;
}
#ez-toc-container a{
color : #000 ! important;
}
#ez-toc-container ul{
width : 100%;
margin : 0;
list-style : none;
}
.toc ul li{
position : relative;
width : 100%;
padding : 1em 3.5em ! important;
background : #fff;
}
#ez-toc-container ul li{
position : relative;
width : 100%;
padding : 1em 3.5em ! important;
background : #fff;
}
.toc ul li{
position : relative;
width : 80%;
padding : 1em 3.5em ! important;
background : #fff;
}
#ez-toc-container ul li::before{
position : absolute; top : 53%;
left : 0;
display : inline-block;
width : 3em;
height : 100%;
font-family : "Font Awesome 5 Free";
font-weight : 900;
line-height : 3em;
color : #a80b0f;
text-align : center;
content : "\f138";
background : #fff;
-webkit-transform : translateY( -50% );
transform : translateY( -50% );
}
.toc ul li::before{
position : absolute; top : 53%;
left : 0;
display : inline-block;
width : 3em;
height : 100%;
font-family : "Font Awesome 5 Free";
font-weight : 900;
line-height : 3em;
color : #a80b0f;
text-align : center;
content : "\f138";
background : #fff;
-webkit-transform : translateY( -50% );
transform : translateY( -50% );
}
body{
background : #f2f4f6 ! important;
}
main.single-curner-box{
width : 100%; max-width : 1100px;
margin : 0 auto 180px; }
.single-contents-box{
background : #fff;
}
.cap{
margin-left : calc( 50% - 50vw );
margin-right : calc( 50% - 50vw );
}
.campus_single_container h2{
position : relative ! important;
padding : .5em .7em ! important; margin-bottom : 1em ! important;
font-size : 1.4em ! important;
font-weight : 700 ! important;
color : #000 ! important;
text-align : center ! important;
border-bottom : none ! important;
border-left : 5px solid #a80b0f ! important; }
.campus_single_container h3{
padding : .5em 0 ! important;
margin-bottom : 1em ! important;
font-size : 1.2em ! important;
font-weight : 700 ! important;
color : #000 ! important;
text-align : center ! important;
border-top : 2px solid #a80b0f ! important; border-bottom : 2px solid #a80b0f ! important; }
.campus_single_container h3::before{
background : #fff ! important;
}
h4{
padding-bottom : .5em ! important;
margin-bottom : 1em ! important;
font-size : 1em ! important;
font-weight : 700 ! important;
color : #000 ! important;
text-align : center ! important;
border-bottom : 2px solid #a80b0f ! important; }
div.is-style-new1{
padding : 0 15px 10px;
margin : 2em 0;
background : #faf0f1;
box-shadow : 0 2px 4px rgb( 0 0 0 / .15 );
}
div.is-style-new1 > div.title{
padding : 8px 4px;
margin : 0 -15px 15px;
font-size : 1.2em;
line-height : 1.5;
color : #fff;
text-align : center;
background : #a80b0f;
}
div.is-style-new1 > div.content > ul{
padding : .5em .5em .5em 1.5em;
margin-bottom : .5em;
list-style-type : disc;
border : solid 0 #e8e8e8;
border-radius : 3px;
}
div.is-style-new1 > div.content > ul > li{
padding-top : 10px;
padding-bottom : 10px; padding-left : 15px;
list-style-type : disc;
} ol{
counter-reset : listnum;
}
ol li{
padding : .25em 0;
list-style : none ! important;
}
ol li::before{
content : counter( listnum ) ". ";
counter-increment : listnum;
}
li{
font-weight : 700;
}
div.is-style-new2{
padding : 2em;
background-color : #f5f8fd;
}
div.is-style-new3{
padding : 2em;
margin : 2em 0;
background : #f5f8fd;
border : dashed 2px #0b4aa8;
}
table.one > tbody > tr:nth-child( 1 ) > td{
font-weight : 700;
color : #fff;
background-color : #a80b0f ! important;
}
table{
width : 100%;
border-collapse : collapse;
}
table > tbody > tr > td:nth-child( 1 ){
position : relative;
width : 30%;
padding : 10px 0;
text-align : center;
background-color : #faf0f1;
border : 1px solid #c8c8c8;
}
table > tbody > tr > td:nth-child( 2 ){
width : 70%;
padding : 20px 15px;
text-align : left;
background-color : #fff;
border : 1px solid #c8c8c8;
}
div.img-section{
padding : 1em;
background-color : #d6d6d6;
}
div.cta-section{
padding : 1em;
background-color : #faf0f1;
}
.box-related-article{
position : relative;
padding : 20px 20px 5px 20px;
margin : 20px 0;
border : 1px solid #a80b0f;
}
.box-related-article::before{
position : absolute;
top : -23px;
left : 20px;
padding : 10px;
font-weight : 700;
color : #fff;
content : "関連記事";
background-color : #a80b0f;
border-radius : 15px;
}
.box-related-article{
position : relative;
display : flex;
padding : 20px 20px 5px 20px;
margin : 20px 0;
border : 1px solid #a80b0f;
}
.box-related-article > .right{
display : table;
width : 60%;
padding : 2em 1.5em 1em .5em;
}
.box-related-article > .right > a{
display : table-cell;
font-size : 1.35em;
color : #000 ! important;
vertical-align : middle;
}
.box-related-article > .left{
width : 40%;
padding : 2em 1.5em 1em 1.5em;
}
.box-related-article::before{
position : absolute;
top : 5px;
left : 20px;
padding : 10px;
font-weight : 700;
color : #fff;
content : "関連記事";
background-color : #a80b0f;
border-radius : 5px;
}
.box-related-page{
position : relative;
display : flex;
padding : 20px 20px 5px 20px;
margin : 20px 0;
border : 1px solid #a80b0f;
}
.box-related-page > .right{
display : table;
width : 60%;
padding : 2em 1.5em 1em .5em;
}
.box-related-page > .right > a{
display : table-cell;
font-size : 1.35em;
color : #000 ! important;
vertical-align : middle;
}
.box-related-page > .left{
width : 40%;
padding : 2em 1.5em 1em 1.5em;
}
.box-related-page::before{
position : absolute;
top : 5px;
left : 20px;
padding : 10px;
font-weight : 700;
color : #fff;
content : "関連ページ";
background-color : #a80b0f;
border-radius : 5px;
}
.box-reference-page1{
position : relative;
padding : 2em;
margin : 2em 0;
border : 1px solid #a80b0f;
}
.box-reference-page1::before{
position : absolute;
top : -23px;
left : 20px;
padding : 10px;
font-weight : 700;
color : #fff;
content : "参照ページ";
background-color : #a80b0f;
border-radius : 15px;
}
.box-reference-page2{
position : relative;
padding : 2em;
margin : 2em 0;
border : 1px solid #a80b0f;
}
.box-reference-page2::before{
position : absolute;
top : -23px;
left : 20px;
padding : 10px;
font-weight : 700;
color : #fff;
content : "参考ページ";
background-color : #a80b0f;
border-radius : 15px;
}
.box-reference-page1 > a{
color : #a80b0f ! important;
}
.box-reference-page2 > a{
color : #a80b0f ! important;
}
blockquote{
position : relative;
box-sizing : border-box;
padding : 10px 15px 10px 50px ! important;
margin : 0 ! important;
font-style : italic;
color : #464646;
border : solid 2px #a80b0f ! important;
}
blockquote::before{
position : absolute;
top : 20px;
left : 15px;
display : inline-block;
font-family : FontAwesome;
font-size : 25px;
font-weight : 900;
line-height : 1;
color : #a80b0f;
content : "\f10d";
}
blockquote p{
padding : 0;
margin : 10px 0;
line-height : 1.7;
}
blockquote cite{
display : block;
font-size : .9em;
color : #888;
text-align : center;
}
blockquote a{
color : #a80b0f ! important;
}
.box-quote-page{
position : relative;
padding : 2em;
margin : 2em 0;
border-top : 1px solid #a80b0f;
border-bottom : 1px solid #a80b0f;
}
.box-quote-page::before{
position : absolute;
top : -23px;
left : 0;
padding : 10px;
font-weight : 700;
color : #fff;
content : "引用ページ";
background-color : #a80b0f;
border-radius : 15px;
}
.box-quote-page > a{
color : #a80b0f ! important;
}
.balloon-chat{
display : grid;
} .balloon-chat.left{
grid-template-columns : 80px 1fr;
} .balloon-chat.right{
grid-template-columns : 1fr 80px;
} .chatting{
position : relative;
display : inline-block; width : 70%;
padding : 10px 20px;
margin : 10px 20px;
text-align : left; background : #faf0f1; border-radius : 12px; } .chatting::after{
position : absolute;
top : 10px; content : "";
border : 15px solid transparent;
border-top-color : #faf0f1; }
.left .chatting::after{
left : -15px; }
.right .chatting::after{
right : -15px; } .balloon-chat figure img{
margin : 0;
border : 1px solid #fff; border-radius : 50%; } .icon-img{
width : 80px;
height : 80px;
} .icon-name{
width : 80px; margin-top : 1em;
font-size : 12px;
text-align : center;
} .campus-cv{
display : none;
}
@media screen and ( max-width : 767px ){
#footer .footer-bottom{
padding-bottom : 70px;
}
.campus-cv{
position : fixed;
bottom : 0;
left : 0;
z-index : 110;
display : block;
width : 100%;
}
.campus-cv-inner{
position : relative;
}
.campus-cv-inner::before ,
.campus-cv-inner::after{
position : absolute;
top : -15px;
right : 5px;
width : 20px;
height : 2px;
content : "";
background-color : #333;
}
.campus-cv-inner::before{
transform : rotate( 45deg );
}
.campus-cv-inner::after{
transform : rotate( -45deg );
}
.campus-cv-close{
position : absolute;
top : -30px;
right : 0;
z-index : 111;
width : 30px;
height : 30px;
}
.campus-cv-link{
display : block;
}
.campus-cv-menu{
display : flex;
background : #fff;
}
.campus-cv-menu a{
display : block;
width : 20%;
padding : 5px 1vw;
font-size : 2.5vw;
font-weight : 500;
color : #9b001a;
text-align : center;
}
.campus-cv-menu a img{
width : auto;
height : 35px;
margin-bottom : 5px;
}
} .table-th-border{
padding : 10px;
border : 1px solid #ccc;
}
.table-bgcolor{
background-color : #faf0f1 ! important;
}
.table-bgcolor-none{
background-color : #fff ! important;
} table ,
table * ,
.fix-font-size *{
font-size : 100% ! important;
line-height : 1.6;
} b{
font-weight : 700 ! important;
} .balloon-chat{
margin-bottom : 32px;
}
.balloon-chat.right{
display : flex;
flex-direction : row-reverse;
} .bl-none{
padding : 0 ! important;
border-left : none ! important;
} body.campus-modal-show{
overflow : hidden;
}
.campus-modal{
position : fixed;
top : 0;
left : 0;
z-index : 500;
box-sizing : border-box;
display : none;
width : 100%;
height : 100%;
padding : 24px;
background-color : rgb( 000 000 000 / .7 );
}
.campus-modal.campus-modal-show{
display : block;
}
.campus-modal-inner{
position : relative;
top : 50%;
left : 50%;
width : 100%;
max-width : 600px;
background-color : #fff;
transform : translate( -50% , -50% );
}
.campus-modal-close{
position : absolute;
top : 0;
right : 0;
}
.campus-modal-close::before ,
.campus-modal-close::after{
position : absolute;
top : -15px;
right : 0;
width : 20px;
height : 2px;
content : "";
background-color : #fff;
}
.campus-modal-close::before{
transform : rotate( 45deg );
}
.campus-modal-close::after{
transform : rotate( -45deg );
}
.campus-modal-close-target{
position : absolute;
top : -30px;
right : 0;
width : 30px;
height : 30px;
cursor : pointer;
}
.section-list-title h2.title--borderNone{
border-left : none ! important;
} .c-bnr{
padding-left : 26px;
padding-right : 26px;
margin-bottom : 64px;
}
.c-bnr__link-pc ,
.c-bnr__link-sp{
display : block;
width : 100%;
margin-left : auto;
margin-right : auto;
}
.c-bnr__link-pc{
max-width : 934px;
}
.c-bnr__link-pc{
display : block;
}
.c-bnr__link-sp{
display : none;
}
@media screen and ( max-width : 767px ){
.c-bnr__link-pc{
display : none;
}
.c-bnr__link-sp{
display : block;
}
} .c-accordion{
padding-bottom : 1px;
margin-top : 48px;
margin-bottom : 48px;
}
.c-accordion + .c-accordion{
margin-top : -32px;
}
.c-accordion p{
padding : 0 ! important;
margin : 0 ! important;
}
.c-accordion__trigger{
position : relative;
padding : 13px 37px 13px 14px;
cursor : pointer;
border : solid 1px #c1c1c1;
transition : all .3s ease;
}
.c-accordion__trigger::before ,
.c-accordion__trigger::after{
position : absolute;
content : "";
}
.c-accordion__trigger::before{
top : 50%;
right : 10px;
width : 12px;
height : 1px;
background-color : #c1c1c1;
}
.c-accordion__trigger::after{
top : calc( 50% - 5.5px );
right : 15px;
width : 1px;
height : 12px;
background-color : #c1c1c1;
opacity : 1;
transition : all .3s ease;
}
.c-accordion__trigger:hover ,
.c-accordion__trigger.show{
background-color : #efefef;
}
.c-accordion__trigger.show::after{
opacity : 0;
}
.c-accordion__target{
display : none;
padding-top : 16px;
padding-bottom : 16px;
}
.c-accordion__trigger-headline{
font-size : 16px;
font-weight : 700;
} .c-supervisor{
box-sizing : border-box;
padding : 40px;
margin-top : 48px;
background-color : #ffdede;
}
.c-supervisor__inner{
display : flex;
column-gap : 24px;
align-items : center;
}
.c-supervisor__figure{
background-color : #fff;
border-radius : 100%;
}
.c-supervisor__figure img{
width : 150px;
height : 150px;
aspect-ratio : 1 / 1;
border-radius : 100%;
object-fit : cover;
}
.c-supervisor__contents{
width : calc( 100% - 150px );
}
.single-curner-box .conte-box .c-supervisor p{
margin-bottom : 0 ! important;
}
.c-supervisor__catch{
display : inline-block;
padding : 8px;
font-size : 16px ! important;
line-height : 1 ! important;
color : #fff;
background-color : #d30021;
border-left : 6px solid #a80a0e;
}
.c-supervisor__name{
margin-top : 8px;
font-size : 16px ! important;
font-weight : 700;
color : #000;
}
.c-supervisor__text{
padding-top : 8px;
margin-top : 8px;
font-size : 14px ! important;
font-weight : 700 ! important;
font-weight : 400;
color : #000;
border-top : 1px solid #a2a2a2;
}
.c-supervisor__text--pc{
display : block;
}
.c-supervisor__text--sp{
display : none;
}
@media screen and ( max-width : 767px ){
.c-supervisor{
padding : 20px;
}
.c-supervisor__inner{
column-gap : 16px;
}
.c-supervisor__figure img{
width : 120px;
height : 120px;
}
.c-supervisor__contents{
width : calc( 100% - 120px );
}
.c-supervisor__contents p{
margin-bottom : 0 ! important;
}
.c-supervisor__catch{
font-size : 15px ! important;
}
.c-supervisor__name{
font-size : 15px ! important;
}
.c-supervisor__text{
width : 100%;
font-size : 14px ! important;
}
.c-supervisor__text--pc{
display : none;
}
.c-supervisor__text--sp{
display : block;
}
}
.templete{
font-size : 100%;
line-height : 1.15; -webkit-text-size-adjust : 100%; -webkit-tap-highlight-color : transparent; }
.templete * ,
.templete ::before ,
.templete ::after{
box-sizing : border-box;
border-style : solid;
border-width : 0;
}
.templete table ,
.templete blockquote ,
.templete address ,
.templete pre ,
.templete iframe ,
.templete form ,
.templete figure ,
.templete dl{
margin : 0;
}
.templete p{
margin : 0 ! important;
}
.templete h1 ,
.templete h2 ,
.templete h3 ,
.templete h4 ,
.templete h5 ,
.templete h6{
margin : 0;
font-size : inherit;
font-weight : inherit;
line-height : inherit;
}
.templete ul ,
.templete ol{
padding : 0;
margin : 0;
list-style : none;
}
.templete dt{
font-weight : 500;
}
.templete dd{
margin-left : 0;
}
.templete hr{
box-sizing : content-box; height : 0; margin : 0;
overflow : visible; clear : both;
color : inherit;
border-top-width : 1px;
}
.templete pre{
font-family : monospace , monospace; font-size : inherit; }
.templete address{
font-style : inherit;
}
.templete a{
color : inherit;
text-decoration : none;
background-color : transparent;
}
.templete abbr[title]{
text-decoration : underline; text-decoration : underline dotted; }
.templete b ,
.templete strong{
font-weight : bolder;
}
.templete code ,
.templete kbd ,
.templete samp{
font-family : monospace , monospace; font-size : inherit; }
.templete small{
font-size : 80%;
}
.templete sub ,
.templete sup{
position : relative;
font-size : 75%;
line-height : 0;
vertical-align : baseline;
}
.templete sub{
bottom : -.25em;
}
.templete sup{
top : -.5em;
}
.templete img ,
.templete embed ,
.templete object ,
.templete iframe{
vertical-align : bottom;
}
.templete button ,
.templete input ,
.templete optgroup ,
.templete select ,
.templete textarea{
padding : 0;
margin : 0;
font : inherit;
color : inherit;
text-align : inherit;
vertical-align : middle;
background : transparent;
border-radius : 0;
outline : 0;
-webkit-appearance : none;
appearance : none;
}
.templete [type="checkbox"]{
-webkit-appearance : checkbox;
appearance : checkbox;
}
.templete [type="radio"]{
-webkit-appearance : radio;
appearance : radio;
}
.templete button ,
.templete input{ overflow : visible;
}
.templete button ,
.templete select{ text-transform : none;
}
.templete button ,
.templete [type="button"] ,
.templete [type="reset"] ,
.templete [type="submit"]{
cursor : pointer;
-webkit-appearance : none;
appearance : none;
}
.templete button[disabled] ,
.templete [type="button"][disabled] ,
.templete [type="reset"][disabled] ,
.templete [type="submit"][disabled]{
cursor : default;
}
.templete button::-moz-focus-inner ,
.templete [type="button"]::-moz-focus-inner ,
.templete [type="reset"]::-moz-focus-inner ,
.templete [type="submit"]::-moz-focus-inner{
padding : 0;
border-style : none;
}
.templete button:-moz-focusring ,
.templete [type="button"]:-moz-focusring ,
.templete [type="reset"]:-moz-focusring ,
.templete [type="submit"]:-moz-focusring{
outline : 1px dotted ButtonText;
}
.templete select::-ms-expand{
display : none;
}
.templete option{
padding : 0;
}
.templete fieldset{
min-width : 0;
padding : 0;
margin : 0;
}
.templete legend{
display : table; max-width : 100%; padding : 0; color : inherit; white-space : normal; }
.templete progress{
vertical-align : baseline;
}
.templete textarea{
overflow : auto;
}
.templete [type="number"]::-webkit-inner-spin-button ,
.templete [type="number"]::-webkit-outer-spin-button{
height : auto;
}
.templete [type="search"]{
outline-offset : -2px; }
.templete [type="search"]::-webkit-search-decoration{
-webkit-appearance : none;
}
.templete ::-webkit-file-upload-button{
-webkit-appearance : button; font : inherit; }
.templete label[for]{
cursor : pointer;
}
.templete details{
display : block;
}
.templete summary{
display : list-item;
}
.templete [contenteditable]{
outline : none;
}
.templete table{
border-spacing : 0;
border-collapse : collapse;
}
.templete caption{
text-align : left;
}
.templete td ,
.templete th{
padding : 0;
vertical-align : top;
}
.templete th{
font-weight : 700;
text-align : left;
}
.templete template{
display : none;
}
.templete [hidden]{
display : none;
}
.templete .templete_inner{
max-width : 680px;
margin : 0 auto;
font-weight : 700;
}
.templete .templete_inner .templete__title{
display : flex;
align-items : center;
justify-content : center;
padding : 20px 0;
color : #fff;
background : #a80b0f;
border-top-left-radius : 20px;
border-top-right-radius : 20px;
}
.templete .templete_inner .templete__title .cover{
padding : 4px 12px;
margin-right : 16px;
font-size : 14px;
color : #a80b0f;
background-color : #fff;
border-radius : 20px;
}
.templete .templete_inner .templete__title .title{
font-size : 18px;
text-align : center;
}
.templete .templete_inner .content__container{
padding : 24px 40px;
background : #faf0f1;
}
.templete .templete_inner .content{
display : flex;
margin-bottom : 16px;
}
.templete .templete_inner .content .icon{
position : relative;
z-index : 500;
display : block;
width : 40px;
height : 40px;
margin-right : 10px;
}
.templete .templete_inner .content .icon .fa-solid{
position : absolute;
z-index : -1;
margin : 0;
font-size : 30px;
color : transparent;
}
.templete .templete_inner .content .icon .fa-solid.fa-circle{
top : 50%;
left : 50%;
width : 90%;
height : 90%;
background-color : #a80b0f;
border-radius : 50%;
transform : translate( -50% , -50% );
}
.templete .templete_inner .content .icon .fa-solid.fa-medal{
inset : 0;
width : 100%;
height : 100%;
object-fit : contain;
}
.templete .templete_inner .content .icon .number{
z-index : 1;
display : flex;
align-items : center;
justify-content : center;
width : 100%;
height : 100%;
font-size : 14px;
color : #fff;
}
.templete .templete_inner .content .content__inner{
flex : 1;
}
.templete .templete_inner .content .content__inner .inner__title{
font-size : 18px;
color : #327dd4;
text-decoration : underline;
}
@media ( min-width : 767px ){
.templete .templete_inner .content .content__inner .inner__title:hover{
text-decoration : none;
}
}
.templete .templete_inner .content .content__inner .inner__text{
margin-top : 8px;
font-size : 16px;
font-weight : 400;
line-height : 1.4;
}
@media ( max-width : 767px ){
.templete .templete_inner{
padding-left : 1rem;
padding-right : 1rem;
}
.templete .templete_inner .content__container{
padding : 18px;
}
.templete .templete_inner .templete__title{
flex-direction : column;
}
.templete .templete_inner .templete__title .cover{
margin : 0 0 6px;
}
.templete .templete_inner .templete__title .title{
padding : 0 16px;
font-size : 16px;
}
.templete .templete_inner .content .content__inner .inner__title{
font-size : 16px;
}
.templete .templete_inner .content .content__inner .inner__text{
font-size : 13px;
}
.templete .templete_inner .number{
width : 30px;
}
} #CampusCtaBanner{
pointer-events : none;
opacity : 0;
transition : all .3s ease-in-out;
}
#CampusCtaBanner.visible{
pointer-events : auto;
opacity : 1;
}
.floating_banner{
display : none;
transition : all .3s ease-in-out;  transform : scale( .9 );
}
@media screen and ( max-width : 599px ){
.floating_banner{
display : block;
width : 200px;
max-width : 100%;
margin-left : auto; }
}
.floating_banner img{
width : 100%;
}
.animation_dokundokun{
animation : dokundokun 1300ms ease infinite;
}
@keyframes dokundokun{
0%{
transform : scale( .9 );
}
15%{
transform : scale( 1 );
}
30%{
transform : scale( .9 );
}
45%{
transform : scale( 1 );
}
70%{
transform : scale( .9 );
}
} .popup_wrap{
position : fixed;
top : 0;
left : 0;
z-index : 9999;
width : 100vw;
height : 100vh;
}
.popup_wrap input{
display : none;
}
.popup_overlay{
display : flex;
justify-content : center;
width : 100%;
height : 100%;
overflow : auto;
background-color : rgb( 50 50 50 / .6 );
transition : all .3s;
}
.popup_trigger{
position : absolute;
top : 1rem;
right : 2rem;
display : flex;
align-items : center;
justify-content : center;
width : 2rem;
height : 2rem;
cursor : pointer;
background-color : #fff;
border-radius : 50%;
}
.popup_content{
position : absolute;
top : 50%;
left : 50%;
box-sizing : border-box;
align-self : flex-start;
width : 500px;
max-width : 100%;
padding : 1rem;
line-height : 1em;
transition : all .3s;
transform : translate( -50% , -50% );
}
.popup_wrap input:checked ~ .popup_overlay{
transition : opacity .2s;
}
.popup_wrap input:checked ~ .popup_overlay .popup_content{
transform : translate( -50% , -50% ) scale( 1 );
}
.popup_content img{
display : none;
max-width : 100%;
}
.popup_content img.active{
display : block;
}
.popup_wrap{
opacity : 0;
transition : all .5s ease;
transform : scale( 0 );
}
.popup_wrap.popup_view{
opacity : 1;
transition : all .5s ease;
transform : scale( 1 );
}
.popup_group{
display : none;
}
.popup_group.active{
display : block;
}
#popup_random .popup_group {
display: none;
} .campus_single_container{
display : flex;
align-items : flex-start;
justify-content : space-between;
min-height : 100vh;
}
.campus_single_container .campus_main_container{
position : relative;
width : calc( 100% - 300px - 48px );
padding : 0 16px;
}
.campus_single_container .campus_sidebar_container{
position : -webkit-sticky;
position : sticky;
bottom : 0;
align-self : flex-end;
width : 300px;
padding-top : 16px;
background-color : #fff;
}
.sidebar_contents{
padding : 32px 8px;
}
.sidebar_articles{
font-size : 14px;
}
.category_articles:nth-last-of-type( 1 ) .sidebar_articles_list .sidebar_articles_list_item:nth-last-of-type( 1 ){
border-bottom : 1px solid #ececec;
}
.sidebar_articles .sidebar_articles_title__01{
display : block;
padding : 13px;
margin-top : 32px;
font-size : 18px;
font-weight : 700;
text-align : center;
background-color : #ececec;
border-left : 13px solid #b60414;
}
.sidebar_articles .sidebar_articles_title__02{
position : relative;
z-index : 500;
display : inline-block;
padding : 0 1em;
color : #fff;
}
.sidebar_articles .sidebar_articles_title__02::before{
position : absolute;
top : 50%;
left : 50%;
z-index : -1;
display : block;
width : 100%;
height : 2em;
-webkit-clip-path : polygon( 10% 0 , 100% 0 , 90% 100% , 0 100% );
clip-path : polygon( 10% 0 , 100% 0 , 90% 100% , 0 100% );
content : "";
background-color : #b60414;
-webkit-transform : translate( -50% , -50% );
-ms-transform : translate( -50% , -50% );
transform : translate( -50% , -50% );
}
.sidebar_articles .sidebar_articles_list{
padding : 0 8px;
margin-top : -.5em;
}
.sidebar_articles .sidebar_articles_list .sidebar_articles_list_item{
padding : 2em;
border-top : 1px solid #ececec;
}
.sidebar_articles .sidebar_articles_list .sidebar_articles_list_item a{
display : block;
display : -webkit-box;
height : 1em;
overflow : hidden;
letter-spacing : -.02em;
-webkit-box-orient : vertical;
-webkit-line-clamp : 1;
}
.sidebar_apps_list{
padding-bottom : 48px;
}
.sidebar_apps_list .sidebar_apps_list_item{
display : flex;
flex-wrap : wrap;
align-items : center;
justify-content : space-between;
padding : 6px;
}
.sidebar_apps_list .sidebar_apps_list_item:nth-child( n + 2 ){
border-top : 1px solid #ececec;
}
.sidebar_apps_list .sidebar_apps_list_item .app_image{
display : block;
width : 32%;
height : auto;
aspect-ratio : 1/1;
}
.sidebar_apps_list .sidebar_apps_list_item .app_text{
width : 64%;
}
.sidebar_apps_list .sidebar_apps_list_item .app_title{
display : block;
font-size : 18px;
font-weight : 500;
color : #2879cd;
}
.sidebar_apps_list .sidebar_apps_list_item .app_explain{
display : -webkit-box;
height : 2em;
margin-top : 10px;
overflow : hidden;
font-size : 14px;
color : #828282;
-webkit-box-orient : vertical;
-webkit-line-clamp : 2;
}
.sidebar_apps_list .sidebar_apps_list_item a{
display : flex;
align-items : center;
justify-content : center;
width : 48%;
height : 2em;
color : #fff;
border-radius : 1em;
}
.sidebar_apps_list .sidebar_apps_list_item a.applestore{
background-color : #499cfd;
}
.sidebar_apps_list .sidebar_apps_list_item a.googleplay{
background-color : #2cc98e;
}
.sidebar_apps_list .sidebar_apps_list_item a.line{
width : auto;
margin-top : 15px;
background-color : #40c108;
}
.sidebar_articles .sidebar_articles_title__02.tit_line{
padding : 0 1.5em;
}
.sidebar_apps_list.app_line{
margin-top : 1em;
}
.sidebar_apps_list.app_line .sidebar_apps_list_item{
padding : 15px 6px;
}
.sidebar_apps_list.app_line .sidebar_apps_list_item .app_image{
border-radius : 18px;
}
@media screen and ( max-width : 960px ){
.campus_single_container .campus_main_container{
width : calc( 100% - 240px - 48px );
}
.campus_single_container .campus_sidebar_container{
width : 240px;
}
.sidebar_apps_list .sidebar_apps_list_item a{
font-size : 12px;
}
}
@media screen and ( max-width : 767px ){
.campus_single_container .campus_main_container{
width : 100%;
padding : 0;
}
.campus_single_container .campus_sidebar_container{
display : none;
}
} .templete .templete_inner .content__container{
padding : 20px 25px;
background : #faf0f1;
border : 2px solid #a80b0f;
}
.templete .templete_inner .ranking__title{
padding : .3em 0;
font-size : 1.2em;
font-weight : 700;
line-height : 1.5;
color : #fff;
text-align : center;
background : #a80b0f;
border-top-left-radius : 1em;
border-top-right-radius : 1em;
}
.templete .templete_inner .ranking__title .em{
position : relative;
display : inline-block;
padding : 0 1em;
font-size : 1em;
font-weight : 700;
}
.templete .templete_inner .ranking__title .em::before ,
.templete .templete_inner .ranking__title .em::after{
position : absolute;
top : 0;
bottom : 0;
display : inline-block;
width : 2px;
height : 1em;
margin : auto;
content : "";
background : #fff;
}
.templete .templete_inner .ranking__title .em::before{
left : 0;
transform : rotate( -30deg );
}
.templete .templete_inner .ranking__title .em::after{
right : 0;
transform : rotate( 30deg );
}
.templete .templete_inner .ranking__title .title{
font-weight : 700;
}
.templete .templete_inner .ranking__title .cover{
position : relative;
z-index : 0;
display : inline-block;
padding : .2em;
margin : 0 .2em;
font-weight : 700;
color : #a80b0f;
}
.templete .templete_inner .ranking__title .cover::after{
position : absolute;
top : 0;
left : 0;
z-index : -1;
display : inline-block;
width : 100%;
height : 1.4em;
padding : .2em;
content : "";
background : #fff;
transform : skewX( -8deg );
}
.templete .templete_inner .ranking_content{
position : relative;
}
.templete .templete_inner .ranking_content:not( :first-of-type ){
margin-top : .5em;
}
.templete .templete_inner .ranking_content .icon{
position : absolute;
top : 0;
left : 0;
display : inline-block;
width : 60px;
height : 80px;
color : rgb( 255 255 255 / 0 );
}
.templete .templete_inner .ranking_content:nth-of-type( 1 ) .icon{
background : url(//jo-katsu.com/release/wordpress/wp-content/themes/jo-katsu/images/campus/common/icon_ranking_01.png) no-repeat top
center / 100% auto;
}
.templete .templete_inner .ranking_content:nth-of-type( 2 ) .icon{
background : url(//jo-katsu.com/release/wordpress/wp-content/themes/jo-katsu/images/campus/common/icon_ranking_02.png) no-repeat top
center / 100% auto;
}
.templete .templete_inner .ranking_content:nth-of-type( 3 ) .icon{
background : url(//jo-katsu.com/release/wordpress/wp-content/themes/jo-katsu/images/campus/common/icon_ranking_03.png) no-repeat top
center / 100% auto;
}
.templete .templete_inner .ranking_content:nth-of-type( 4 ) .icon{
background : url(//jo-katsu.com/release/wordpress/wp-content/themes/jo-katsu/images/campus/common/icon_ranking_04.png) no-repeat top
center / 100% auto;
}
.templete .templete_inner .ranking_content:nth-of-type( 5 ) .icon{
background : url(//jo-katsu.com/release/wordpress/wp-content/themes/jo-katsu/images/campus/common/icon_ranking_05.png) no-repeat top
center / 100% auto;
}
.templete .templete_inner .ranking_content .title{
padding : 0 0 .3em 80px;
font-size : 1.2em;
font-weight : 700;
color : #bd0d0f;
}
.templete .templete_inner .ranking_content .text{
padding-left : 80px;
font-size : 1em;
line-height : 1.3;
}
.templete .templete_inner .ranking_content .btn_line{
margin-top : .2em;
text-align : right;
}
.templete .templete_inner .ranking_content .btn_line a{
display : inline-block;
padding : .4em 1em;
line-height : 1;
color : #fff;
text-align : center;
background : #22ba50;
border : 1px solid #22ba50;
border-radius : 1em;
}
.templete .templete_inner .ranking_content .btn_line a:hover{
color : #22ba50;
background : #fff;
}
@media screen and ( max-width : 767px ){
.templete .templete_inner .content__container{
padding : 3vw;
}
.templete .templete_inner .ranking_content .icon{
width : 13vw;
height : 18vw;
}
.templete .templete_inner .ranking_content .title{
padding : .5em 0 .5em 15vw;
}
.templete .templete_inner .ranking_content .text{
padding-left : 15vw;
}
}