@charset "utf-8";

/* CSS Document */
/* ----------------------------------------
■共通設定
----------------------------------------- */
/******************************************************************************
 * RESET
*******************************************************************************/
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;
}

/* noto-sans-jp-regular - latin */
@font-face{
	font-family : "Noto Sans JP";
	font-style : normal;
	font-weight : 400;
	src : local( "Noto Sans Japanese Regular" ) , local( "NotoSansJapanese-Regular" ) , url( "../fonts/noto-sans-jp_400.woff2" ) format( "woff2" );
	font-display : swap;
}

/* noto-sans-jp-700 - latin */
@font-face{
	font-family : "Noto Sans JP";
	font-style : normal;
	font-weight : 700;
	src : url( "../fonts/noto-sans-jp-v25-latin-700.eot" ); /* IE9 Compat Modes */
	src : local( "Noto Sans Japanese Bold" ) , local( "NotoSansJapanese-Bold" ) , url( "../fonts/noto-sans-jp_700.woff2" ) format( "woff2" );
	font-display : swap;
}

/* roboto-regular - latin */
@font-face{
	font-family : Roboto;
	font-style : normal;
	font-weight : 400;
	src : local( "Roboto" ) , local( "Roboto-Regular" ) , url( "../fonts/roboto_400.woff2" ) format( "woff2" );
	font-display : swap;
}

/* roboto-500 - latin */
@font-face{
	font-family : Roboto;
	font-style : normal;
	font-weight : 500;
	src : local( "Roboto Medium" ) , local( "Roboto-Medium" ) , url( "../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;
}
.wrap-box{
	display : -ms-flexbox;
	display : flex;
	-ms-flex-wrap : wrap;
	flex-wrap : wrap;
	justify-content : space-between;
	-ms-flex-pack : justify;
}
.anchor-txt{
	position : absolute;
	top : 0;
	left : 0;
	z-index : 2;
	width : 100%;
	height : 100%;
}
img{
	width : 100%;
	max-width : 100%;
	height : auto;
}

/* ----------------------------------------
common
----------------------------------------- */
#header{
	position : relative;
	position : fixed;
	top : 0;
	left : 0;
	z-index : 300;
	width : 100%;
	padding-top : 20px;
	padding-bottom : 20px;
	background : white;
	box-shadow : 0 4px 4px 0 rgb( 0 0 0 / .2 );
	-webkit-transition : all .4s;
	-moz-transition : all .4s;
	-ms-transition : all .4s;
	-o-transition : all .4s;
	transition : all .4s;
}
header#header{
	position : absolute;
	top : 0;
	left : 0;
	z-index : 10;
	width : 100%;
	background : transparent;
}
#header .jokatsu-header{
	align-items : center;
	max-width : 994px;
	padding : 0 20px;
}
#header-logo{
	width : 173px;
	height : 64px;
	margin-right : 48px;
}
.header-left ,
.header-right ,
.head-sns{
	display : -webkit-box;
	display : -ms-flexbox;
	display : flex;
}
.header-left .head-sns a{
	display : inline-block;
	margin-right : 16px;
}
.header-left .head-sns .sns-icon{
	width : 30px;
	height : 30px;
}
.header-right .search{
	width : 40px;
	height : 40px;
	margin : 6px 32px auto auto;
}
.header-right .jokatsu-link ,
.header-right .stacari-link{
	width : auto;
	height : 48px;
}
.header-right .jokatsu-link{
	margin-right : 20px;
}
.header-right .consultation-link ,
.header-right .materials-link{
	width : auto;
	height : 48px;
}
.header-right .consultation-link{
	margin-right : 10px;
}
@media screen and ( max-width : 900px ){
	.header-right .search{
		display : none;
	}
	#header-logo{
		margin-right : 24px;
	}
	.header-center ul li a{
		font-size : 14px;
	}
	.header-right .jokatsu-link ,
	.header-right .stacari-link{
		height : 40px;
	}
}
#panel-btn{
	position : relative;
	display : -webkit-box;
	display : -ms-flexbox;
	display : flex;
	-ms-flex-direction : column;
	flex-direction : column;
	justify-content : space-around;
	width : 16px;
	height : 14px;
	padding : 0;
	margin : 8px 18px 8px 0;
	cursor : pointer;
	background : none;
	border : none;
	-webkit-box-orient : vertical;
	-webkit-box-direction : normal;
	-ms-flex-pack : distribute;
}
.panel-btn-icon{
	width : 16px;
	height : 3px;
	margin-bottom : 3px;
	background : #b60004;
}
.panel-btn-icon:nth-last-of-type( 1 ){
	margin : 0;
}
#panel-btn-icon::before ,
#panel-btn-icon::after{
	content : none;
}
#panel-btn-icon::before{
	margin-top : -4px;
}
#panel-btn-icon::after{
	margin-bottom : -4px;
}
.open-menu #panel-btn-icon::before ,
.open-menu #panel-btn-icon::after{
	background : white;
}

/* ----------------------------------------
#nav-var
----------------------------------------- */
#nav-bar{
	width : 100%;
	margin-top : 105px;
	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;
}

/* ----------------------------------------
#sp-menubox
----------------------------------------- */
.open-menu #sp-menubox{
	left : 0 ! important;
}
.open-menu #sp-overlay{
	display : block;
}
#sp-overlay{
	position : fixed;
	top : 0;
	left : 0;
	z-index : 1500;
	display : none;
	width : 100%;
	height : 100vh;
	background : rgb( 0 0 0 / .6 );
	-webkit-transition : all .4s;
	-moz-transition : all .4s;
	-ms-transition : all .4s;
	-o-transition : all .4s;
	transition : all .4s;
}
#sp-menubox{
	position : fixed;
	top : 0;
	left : -100%;
	z-index : 2000;
	width : 300px;
	height : 100vh;
	padding : 0;
	background : white;
	-webkit-transition : all .4s;
	-moz-transition : all .4s;
	-ms-transition : all .4s;
	-o-transition : all .4s;
	transition : all .4s;
}
#sp-menubox .head::before ,
#sp-menubox .head::after{
	position : absolute;
	width : 26px;
	height : 26px;
	content : "";
	background-image : url( "../images/campus/common/triangle.png" );
	background-repeat : no-repeat;
	background-position : center;
	background-size : cover;
}
#sp-menubox .head::before{
	top : 1px;
	left : 1px;
}
#sp-menubox .head::after{
	bottom : 1px;
	right : 1px;
	-moz-transform : rotate( 180deg );
	-webkit-transform : rotate( 180deg );
	-o-transform : rotate( 180deg );
	-ms-transform : rotate( 180deg );
	transform : rotate( 180deg );
}
#sp-menubox .head{
	position : relative;
	padding : 22px;
}
#sp-menubox .head h2{
	margin : 0;
	text-align : center;
}
#sp-menubox .head h2 a{
	display : inline-block;
	font-weight : 700;
}
#sp-menubox .head h2 img{
	width : 169px;
}
#sp-menubox .menu-box h3 a{
	-webkit-transition : all .4s;
	-moz-transition : all .4s;
	-ms-transition : all .4s;
	-o-transition : all .4s;
	transition : all .4s;
}
#sp-menubox .menu-box h3{
	padding : 2px 24px 4px;
	margin : 0;
	font-size : 12px;
	line-height : 1.5em;
	color : #1e1e1e;
	letter-spacing : 1.71px;
	background-color : #ececec;
}
#sp-menubox .menu-box .contents-list-box{
	width : 100%;
	padding : 0;
	margin : 0;
	list-style : none;
}
#sp-menubox .menu-box li{
	box-sizing : border-box;
	height : 44px;
	padding : 12px 24px;
	margin : 0;
	border-bottom : 1px solid #efefef;
}
#sp-menubox .menu-box li a{
	display : -webkit-box;
	display : -ms-flexbox;
	display : flex;
	width : 100%;
	height : 100%;
}
#sp-menubox .menu-box li img{
	display : block;
	width : 20px;
	height : 20px;
	margin-right : 16px;
}
#sp-menubox .menu-box li p{
	font-size : 12px;
	font-weight : 700;
	line-height : 20px;
	color : #1e1e1e;
}
#sp-menubox .menu-box .menu-box-links{
	display : flex;
	padding : 18px;
}
#sp-menubox .menu-box .menu-box-links a{
	width : 50%;
}
#sp-menubox .menu-box .menu-box-links img{
	width : auto;
	height : 56px;
	margin : auto;
}

/* ----------------------------------------
■footer
----------------------------------------- */
#footer{
	display : block;
	height : auto;
	background : none;
	background-size : 100%;
}
#footer .footer-youtube{
	padding : 48px 0;
	background : #ffcd00;
}
#footer .footer-youtube .logo{
	margin-bottom : 32px;
	text-align : center;
}
#footer .footer-youtube .logo img{
	width : 200px;
}
#footer #slide-youtube{
	max-width : 672px;
	margin : auto;
}
#footer #slide-youtube .slick-list{
	margin-bottom : 32px;
}
#footer #slide-youtube .content{
	width : 100%;
	margin : auto;
	margin-bottom : 22px;
}
#footer #slide-youtube .youtube-container{
	position : relative;
	width : 100%;
	padding-top : 52%;
	margin : auto;
	overflow : hidden;
}
#footer #slide-youtube .content iframe{
	position : absolute;
	top : 0;
	left : 0;
	box-sizing : border-box;
	display : block;
	width : 100%;
	height : 100%;
	border : 3px solid white;
}

/*
#footer #slide-youtube .slick-slide iframe {
	display: inline-block;
	width: 90%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	border: 3px solid white;
	box-sizing: border-box;
}
#footer #slide-youtube .slick-dots {
	position: relative;
}
#footer #slide-youtube .slick-dots li {
	border: 1px solid #BCBCBC;
	border-radius: 50%;
}
#footer #slide-youtube .slick-dots li.slick-active button {
	background: #1E1E1E;
	border: 1px solid #1E1E1E;
}
*/
#footer .footer-entry{
	background : #b60004;
}
#footer .footer-entry .inner{
	display : -webkit-box;
	display : -ms-flexbox;
	display : flex;
	max-width : 768px;
	padding : 48px;
	margin : auto;
}
#footer .footer-entry img{
	width : 239px;
}
#footer .footer-entry .box{
	color : white;
}
#footer .footer-entry .box p{
	margin : 0 auto 8px;
	font-size : 16px;
	line-height : 1.5em;
	text-align : center;
	letter-spacing : 1.33px;
}
#footer .footer-entry .box h4{
	margin : 0 auto 32px;
	font-size : 24px;
	font-weight : 700;
	line-height : 1.5em;
	text-align : center;
	letter-spacing : 2px;
}
#footer .footer-entry .box ul{
	padding : 0;
	margin : 0 0 32px;
}
#footer .footer-entry .box li{
	position : relative;
	padding-left : 35px;
	margin : auto auto 16px;
	font-size : 16px;
	font-weight : 700;
	line-height : 1.5em;
	color : white;
	letter-spacing : 1.23px;
}
#footer .footer-entry .box li::before{
	position : absolute;
	top : 0;
	left : 0;
	display : inline-block;
	width : 23px;
	height : 23px;
	content : "";
	background-image : url( "../images/campus/common/check_wht.svg" );
	background-repeat : no-repeat;
	background-position : center;
	background-size : cover;
}
#footer .footer-entry .box a{
	box-sizing : border-box;
	display : block;
	width : 100%;
	padding : 16px;
	font-size : 14px;
	line-height : 20px;
	color : white;
	text-align : center;
	border : 3px solid white;
}
#footer .sns-banner{
	width : 324px;
	padding : 40px 0;
	margin : auto;
}
#footer .sns-banner a{
	display : inline-block;
	width : 100%;
	margin : 0 auto 8px;
}
#footer .sns-banner .line-banner{
	margin : 0 auto 17px;
}
#footer .sns-banner img{
	width : 100%;
}
#footer .footer-top{
	height : 50px;
	padding : 24px;
	text-align : center;
	background : #f6f6f6;
}
#footer .footer-top a{
	display : inline-block;
}
#footer .footer-top img{
	display : block;
	width : auto;
	height : 50px;
	margin : auto;
}
#footer .footer-bottom{
	padding : 48px;
	background : #1e1e1e;
}
#footer .footer-bottom{
	display : block;
	margin : auto;
	background : #1e1e1e;
}
#footer .footer-bottom .inner{
	display : -webkit-box;
	display : -ms-flexbox;
	display : flex;
	justify-content : center;
	width : 550px;
	margin : auto;
	-webkit-box-pack : center;
	-ms-flex-pack : center;
}
#footer .footer-bottom ul{
	width : 247px;
	padding : 0;
	margin : auto;
}
#footer .footer-bottom ul:nth-of-type( 1 ){
	margin-right : 40px;
}
#footer .footer-bottom li{
	border-bottom : 1px solid #2a2a2a;
}
#footer .footer-bottom a{
	box-sizing : border-box;
	display : -webkit-box;
	display : -ms-flexbox;
	display : flex;
	justify-content : flex-start;
	width : 100%;
	height : 46px;
	padding : 12px 18px;
	-webkit-box-pack : start;
	-ms-flex-pack : start;
}
#footer .footer-bottom img{
	width : 22px;
	height : 22px;
	margin-right : 22px;
}
#footer .footer-bottom p{
	font-size : 14px;
	line-height : 22px;
	color : white;
	letter-spacing : 2px;
}

/* ----------------------------------------
.contents-list-box
----------------------------------------- */
.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%;
}

/* ----------------------------------------
.btn
----------------------------------------- */
.btn{
	text-align : center;
}
.btn a{
	display : inline-block;
	min-width : 160px;
	max-width : 100%;
	padding : 30px;
	margin : auto;
	line-height : 55px;
	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
----------------------------------------- */
.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( "../images/campus/common/arrow_right_blk.svg" );
	background-repeat : no-repeat;
	background-position : center;
	background-size : cover;
}

/* ----------------------------------------
.list-title
----------------------------------------- */
.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;
}

/* ----------------------------------------
.pickup-box
----------------------------------------- */
.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
----------------------------------------- */
.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( "../images/campus/common/ranking1.png" );
}
.ranking-box li:nth-child( 2 ) .icon{
	background-image : url( "../images/campus/common/ranking2.png" );
}
.ranking-box li:nth-child( 3 ) .icon{
	background-image : url( "../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
----------------------------------------- */
.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
----------------------------------------- */
.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( "../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
----------------------------------------- */
.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
----------------------------------------- */
.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
----------------------------------------- */
.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
----------------------------------------- */
.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
----------------------------------------- */
.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
----------------------------------------- */
.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 : 500;
	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
----------------------------------------- */
#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( "../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
----------------------------------------- */
.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%;
}
.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 : 48%;
	overflow : hidden;
}
.contents-list .featured-contents .corner-list-box li.small dt{
	width : 48%;
	padding-top : 32%;
	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 : 14px;
}

/* ----------------------------------------
.page-corner
----------------------------------------- */
.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 .bnr{
	width : 100%;
	max-width : 100%;
	margin-bottom : 40px;
	text-align : center;
}
.corner-list-box .bnr img{
	max-width : 70%;
}
@media screen and ( max-width : 768px ){
	.corner-list-box .bnr img{
		max-width : 100%;
	}
}
.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 : block;
	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{
	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( "../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 h2{
	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;

	/* text-indent: 1em; */
}
.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;
}
@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 h3{
	margin : 24px auto;
	font-size : 24px;
	font-weight : 700;
	line-height : 1.4;
	border-bottom : 4px solid rgb( 182 0 4 );
}
.single-curner-box .conte-box h4{
	margin-bottom : 30px;
	font-size : 24px;
	line-height : 1.4;
}
.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;
}
.main-supervisor{
	width : 100%;
	max-width : 680px;
	margin : auto;
}
.main-supervisor .main-supervisor-head{
	margin : 48px auto;
	text-align : center;
}
.main-supervisor .main-supervisor-head h2{
	margin : 16px auto 36px;
	font-size : 32px;
	font-weight : 700;
	line-height : 1.4;
}
.main-supervisor li{
	margin-bottom : 48px;
}
.main-supervisor li img{
	width : 100%;
	margin-bottom : 16px;
}
.main-supervisor li h4{
	margin-bottom : 24px;
	font-size : 24px;
	font-weight : 700;
	line-height : 1.4;
	border-bottom : 4px solid rgb( 182 0 4 );
}
.main-supervisor li .supervisor-content .supervisor-status{
	margin-bottom : 24px;
	font-size : 18px;
	font-weight : 700;
	line-height : 1.6;
}
.main-supervisor li .supervisor-content .supervisor-txt{
	font-size : 18px;
	line-height : 1.6;
}
@media screen and ( max-width : 767px ){
	.main-supervisor{
		box-sizing : border-box;
		max-width : none;
		padding-left : 1rem;
		padding-right : 1rem;
	}
	.main-supervisor .main-supervisor-head h2{
		font-size : 24px;
	}
	.main-supervisor li .supervisor-content .supervisor-status{
		font-size : 16px;
	}
	.main-supervisor li .supervisor-content .supervisor-txt{
		font-size : 16px;
	}
}

/* ----------------------------------------
tablet 768 ~ 1023
----------------------------------------- */
@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;
	}
}

/* ----------------------------------------
sp ~ 768
----------------------------------------- */
@media screen and ( min-width : 769px ){
	.sp{
		display : none ! important;
	}
	.notsp{
		display : block;
	}
}
@media screen and ( max-width : 768px ){
	.sp{
		display : block;
	}
	.notsp{
		display : none;
	}
}
@media screen and ( max-width : 768px ){
	body{
		padding-top : 108px;
	}
	.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;
		padding : 0 0 0 16px;
	}
	#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;
		height : 8vw;
	}
	.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 : fixed;
		top : 72px;
		left : 0;
		z-index : 1000;
		width : 100%;
		margin : 0;
		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;
	}

	/* sp footer */
	#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;
	}
	.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{
		height : 8vw;
	}
	.header-right .consultation-link ,
	.header-right .materials-link{
		width : 20vw;
		height : auto;
	}
}

/* 480ここまで */

/* pagenavi */
.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;
}

/* 追従フッター */
#CampusCtaBanner{
	pointer-events : none;
	opacity : 0;
	transition : all .3s ease-in-out;
}
#CampusCtaBanner.visible{
	pointer-events : auto;
	opacity : 1;
}
@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-menu{
		display : flex;
		background : #fff;
	}
	.campus-cv-menu a{
		display : block;
		width : 20%;
		padding : 5px 1vw;
		font-size : 12px;
		font-weight : 500;
		color : #9b001a;
		text-align : center;
	}
	.campus-cv-menu a img{
		width : auto;
		height : 35px;
		margin-bottom : 5px;
	}
}