@charset "utf-8";
/* img{
	width:100%;
	height:auto;
} */
.has_important{display:none !important;}

.top_bn_area{
	width:100%;
	max-width:1150px;
	padding:0 25px;
	margin:25px auto 0;
}
.top_bn_area ul{
	display:flex;
	justify-content:space-between;
}
.top_bn_area ul li{width:49%;}
.top_bn_area ul li a,.top_bn_area ul li img{display:block;width:auto;height:auto;max-width:100%;}
.thum{overflow:hidden;align-items: flex-start;display:flex;}
.top_bn_area img{
	display:block;
	transition:transform 0.4s ease;
	transform:scale(1.01);
	object-fit:cover;
	object-position:top left;
	flex-shrink: 0;
	margin:0 !important;
}
.top_bn_area a:hover img{
	-webkit-transform:scale(1.04);
	-moz-transform:scale(1.04);
	-o-transform:scale(1.04);
	-ms-transform:scale(1.04);
	transform:scale(1.04);
}

.notice_area{
	width:100%;
	max-width:1150px;
	padding:0 25px;
	margin:25px auto 0;
}
.notice_box{
	position:relative;
	border:1px solid #09f;
	text-align:center;
	padding:19px 20px 16px;
}
.notice_box.close{display:none;}
.notice_list{
	position:relative;
	z-index:2;
	margin:0;
}
.notice_item{
	list-style:none;
	margin-bottom:10px;
}
.notice_item:last-child{margin-bottom:0;}
.notice_link{
	color:#09f;
	letter-spacing:1.2px;
}
.notice_link:hover{text-decoration:none;}


/*------------------------------------------------------------
	MV
------------------------------------------------------------*/
.mv_wrap{padding:25px;}
/* .mv_wrap{padding:95px 25px 25px;} */
.mv{
	position:relative;
	width:100%;
	z-index:1;
}
.slide_item{position:relative;}
.mv_box img{
	display:block;
	width:100%;
	height:calc(100vh - 50px);
	object-fit:cover;
	transform:scale(1.3);
	transition:transform 3s;
}
.wf-active .mv_box img{transform:scale(1);}
/* .mv_video{position:relative;width:100%;object-fit:cover;display:block;} */

.mv_info{
	position:absolute;
	width:325px;
	bottom:15px;
	right:15px;
	border:1px solid #09f;
	animation:mv_info 0.7s 2.9s ease forwards alternate;
	opacity:0;
	transform:translateY(10px);
}
@keyframes mv_info{
	100%{
		opacity:1;
		transform:translateY(0);
	}
}
/* .mv_info.close{display:none;}
.mv_info_wrap{position:relative;}
.mv_info_close{
	position:absolute;
	top:-30px;
	right:-13px;
	cursor:pointer;
}
.mv_info_close span{
	position:relative;
	display:inline-block;
	width:24px;
	height:24px;
	border-radius:50%;
	background:#09f;
	border:1px solid #09f;
	font-size:0;
	transition:all 0.3s;
}
.mv_info_close span::before,
.mv_info_close span::after{
	position:absolute;
	content:"";
	width:12px;
	height:2px;
	background:#fff;
	top:calc(50% - 1px);
	left:calc(50% - 6px);
	transition:all 0.3s;
}
.mv_info_close span::before{transform:rotate(45deg);}
.mv_info_close span::after{transform:rotate(-45deg);}
.mv_info_close:hover span{background:#fff;}
.mv_info_close:hover span::before,
.mv_info_close:hover span::after{background:#09f;} */
.mv_info_list{
	padding:11px 18px 12px;
	background:#fff;
}
.mv_info_list.slick-slider{padding:11px 50px 12px;}
.mv_info_list .slick-arrow{
	top:0;
	bottom:0;
	width:40px;
	height:100%;
	opacity:1 !important;
	transform:none;
}
.mv_info_list .slick-prev{left:0;}
.mv_info_list .slick-next{right:0;}
.mv_info_list .slick-arrow::before{
	top:0;
	bottom:0;
	width:10px;
	height:10px;
	margin:auto;
	opacity:1;
	background:none;
	transition:border 0.3s;
}
.mv_info_list .slick-prev::before{
	left:18px;
	background:none;
	border-top:1px solid #000;
	border-left:1px solid #000;
	transform:rotate(-45deg);
}
.mv_info_list .slick-next::before{
	right:18px;
	left:auto;
	background:none;
	border-top:1px solid #000;
	border-right:1px solid #000;
	transform:rotate(45deg);
}
.mv_info_list .slick-arrow:hover::before{border-color:#09f;}
.mv_info_list .slick-track{
	display:flex;
	align-items:center;
}
.mv_info_item{float:none;}
.mv_info_link{
	color:#333;
	font-size:1.2rem;
	font-weight:500;
	letter-spacing:0.96px;
	line-height:2rem;
	overflow:hidden;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	transition:color 0.3s;
}
.mv_info_link:hover{
	color:#09f;
	text-decoration:none;
}
/* .mv_info_date{
	color:#333;
	font-family:'Noto Sans JP';
	font-size:1.2rem;
	font-weight:300;
	letter-spacing:0.96px;
	margin-bottom:6px;
} */
.mv_info_title{
	font-size:1.3rem;
	letter-spacing:1.04px;
	font-weight:500;
	text-decoration:none;
	color:#000;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	position:relative;
	padding-right:32px;
	background:url("https://www.juyoungoh.com/img/common/arrow_r_s_black.svg") no-repeat center right 5px;
	transition:background 0.3s, color 0.3s;
}
.mv_info_link:hover .mv_info_title{
	background:url("https://www.juyoungoh.com/img/common/arrow_r_s_blue.svg") no-repeat center right;
	color:#09f;
}

.mv_icon_btn{
	position:absolute;
	bottom:20px;
	left:20px;
	width:40px;
	height:40px;
	background:#09f url("https://www.juyoungoh.com/img/index/icon_i.svg") no-repeat center;
	border-radius:50%;
	border:1px solid #09f;
	cursor:pointer;
	transition:background-color 0.3s;
	animation:mv_info 0.7s 2.9s ease forwards alternate;
	opacity:0;
	transform:translateY(-10px);
}
@keyframes mv_info{
	100%{
		opacity:1;
		transform:translateY(0);
	}
}
.mv_icon_btn:hover{
	background-color:#fff !important;
	background-image:url("https://www.juyoungoh.com/img/index/icon_i_blue.svg");
}
.mv_icon_btn.open{
	z-index:5;
	background-image:none !important;
}
.mv_icon_btn.open::before, .mv_icon_btn.open::after{
	content:'';
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	margin:auto;
	width:14px;
	height:2px;
	background:#fff;
	transition:background-color 0.3s;
}
.mv_icon_btn.open::before{transform:rotate(45deg);}
.mv_icon_btn.open::after{transform:rotate(-45deg);}
.mv_icon_btn.open:hover::before, .mv_icon_btn.open:hover::after{background:#09f;}
.mv_img_info{
	position:absolute;
	z-index:1;
	top:0;
	right:0;
	bottom:0;
	left:0;
	background:rgba(0,0,0,0.6);
	opacity:0;
	visibility:hidden;
	transition:opacity 0.3s, visibility 0.3s;
}
.mv_img_info.display{
	opacity:1;
	visibility:visible;
}
.mv_img_info_in{
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
}
.mv_img_info p{
	color:#fff;
	text-align:center;
}
.mv_img_txt{
	margin-bottom:13px;
	font-weight:500;
	letter-spacing:1.2px;
}
.mv_img_date{
	font-size:1.2rem;
	letter-spacing:0.96px;
}

.ctrl_btn{
	display:block;
	background:#000 url("https://www.juyoungoh.com/img/index/icon_sound_off.svg") center no-repeat;
	width:40px;
	height:40px;
	border-radius:50%;
	position:absolute;
	left:70px;
	bottom:20px;
	transition:background 0.3s;
	cursor:pointer;
	animation:mv_info 0.7s 2.9s ease forwards alternate;
	opacity:0;
	transform:translateY(-10px);
}
.ctrl_btn.on{
	background:#000 url("https://www.juyoungoh.com/img/index/icon_sound_on.svg") center no-repeat;
}
.ctrl_btn:hover,.ctrl_btn.on:hover{background-color:#666;}

/*------------------------------------------------------------
	共通
------------------------------------------------------------*/
.index_content{
	padding:0 25px;
	margin:50px auto 0;
}
.index_h2{
	font-size:2.4rem;
	letter-spacing:2.88px;
	font-weight:500;
	color:#000;
	margin:100px 0 45px;
}
.index_btnlink{
	text-align:right;
	margin-top:33px;
}
.index_btnlink a{
	display:inline;
	font-size:1.3rem;
	letter-spacing:1.04px;
	line-height:2.9rem;
	min-width:0;
	padding:0;
	background:transparent;
	color:#000 !important;
	text-decoration:underline;
	border:none !important;
	transition:all 0.3s;
}
.index_btnlink a:hover{
	color:#09f !important;
	text-decoration:none;
}
.fade{
	opacity:0;
	transform:translateY(100px);
	transition:all 0.8s cubic-bezier(.3,.1,.3,1);
}
.fade.in{
	opacity:1;
	transform:translateY(0);
}
/*------------------------------------------------------------
	ニュース
------------------------------------------------------------*/
.index_news{
	position:relative;
	display:flex;
	max-width:1100px;
	padding:42px 0 100px;
	margin:0 auto;
}
.index_news_left{
	width:160px;
	margin-right:30px;
}
.index_news .index_h2{margin-top:0;}
.index_news_right{width:calc(100% - 190px);}
.index_news_list{
	margin-top:10px;
	border-top:1px solid #ddd;
}
.index_news_item{border-bottom:1px solid #ddd;}
.index_news_link{
	position:relative;
	display:flex;
	align-items:center;
	padding:25px 50px 22px 25px;
	background:url("https://www.juyoungoh.com/img/common/arrow_r_s_black.svg") no-repeat center right 20px;
	color:#333;
	text-decoration:none;
	transition:background-color 0.3s;
}
.index_news_link:hover{
	background-color:#E5F5FF;
	background-image:url("https://www.juyoungoh.com/img/common/arrow_r_s_blue.svg");
}
.index_news_date{
	position:relative;
	width:91px;
	margin-right:17px;
	color:#666;
	font-size:1.2rem;
	letter-spacing:0.96px;
}
.index_news_date::after{
	position:absolute;
	content:"";
	width:1px;
	height:10px;
	background:#666;
	top:calc(50% - 4px);
	right:0;
}
.index_news_category{
	font-size:1.1rem;
	letter-spacing:0.44px;
	color:#666;
	width:80px;
}
.index_news_title{
	position:relative;
	font-weight:500;
	font-size:1.5rem;
	letter-spacing:1.2px;
	z-index:1;
	transition:color .3s;
}
.index_news_link:hover .index_news_title{
	color:#09f;
	text-decoration:none;
}

/*----- 2021.10 add / info_link -----*/
.info_link_list{
	position:relative;
	display:flex;
	flex-wrap:wrap;
	max-width:710px;
	padding:45px 0;
	margin:auto;
}
.info_link_list::before{
	content:'';
	position:absolute;
	z-index:-1;
	top:0;
	left:calc(50% - 50vw);
	width:100vw;
	height:100%;
	background:#FAFAFA;
}
.info_link_item{width:47.887%;}
.info_link_item:first-child{margin-right:4.225%;}
.info_link_btn{
	display:flex;
	align-items:center;
	padding:25px 50px 26px 27px;
	background:#fff url("https://www.juyoungoh.com/img/common/arrow_r_s_black.svg") no-repeat center right 20px;
	color:#000 !important;
	font-weight:500;
	letter-spacing:1.8px;
	line-height:2.9rem;
	text-decoration:none !important;
	transition:color 0.3s, background 0.3s;
}
.info_link_btn:hover{
	background-color:#E5F5FF;
	background-image:url("https://www.juyoungoh.com/img/common/arrow_r_s_blue.svg");
	color:#09f !important;
}

/*------------------------------------------------------------
	イベント
------------------------------------------------------------*/
/* .index_event{
	position:relative;
	padding:1px;
	max-width:1100px;
	margin:0 auto;
	padding-bottom:93px;
}
.index_event::before{
	content:'';
	position:absolute;
	top:0;
	left:calc(50% - 50vw);
	width:100vw;
	height:100%;
	background:#E8F6FF;
}
.index_event_list{
	display:flex;
	margin:0 -2.5% 30px 0;
}
.index_event_item{
	width:22.5%;
	margin-right:2.5%;
	outline:none;
}
.index_event_link{
	display:block;
	color:#333;
	text-decoration:none;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
}
.index_event_img{overflow:hidden;}
.index_event_img img{
	display:block;
	width:100%;
	margin:0 auto;
	transition:transform 0.3s;
}
.index_event_link:hover .index_event_img img{transform:scale(1.03);}
.index_event_outline{
	display:flex;
	align-items:center;
	margin:17px 0 10px;
}
.index_event_status{
	display:inline-block;
	width:50px;
	height:18px;
	line-height:16px;
	background:#666;
	color:#fff;
	font-size:1.0rem;
	letter-spacing:1.32px;
	text-align:center;
	margin-right:4px;
}
.index_event_status.now{background:#09f;}
.index_event_status.end{background:#ddd;color:#000;}
.index_event_category{
	display:inline-block;
	min-width:50px;
	height:18px;
	padding:0 5px;
	line-height:15px;
	border:1px solid #666;
	color:#666;
	font-size:1.0rem;
	letter-spacing:1.32px;
	text-align:center;
	margin-right:4px;
}
.index_event_date{
	font-size:1.2rem;
	letter-spacing:0.96px;
	margin-bottom:3px;
	color:#666;
}
.index_event_title{
	font-size:1.5rem;
	letter-spacing:1.2px;
	line-height:2.7rem;
	font-weight:500;
	transition:all 0.3s;
}
.index_event_link:hover .index_event_title{
	color:#09f;
	text-decoration:none;
}
.index_event_title span{
	position:relative;
	margin-right:25px;
}
.index_event_title span::after{
	position:relative;
	display:inline-block;
	content:"";
	width:23px;
	height:15px;
	bottom:-2px;
	right:-15px;
	background:url("https://www.juyoungoh.com/img/common/arrow_r_s_black.svg") no-repeat center right;
}
a:hover .index_event_title span::after{background-image:url("https://www.juyoungoh.com/img/common/arrow_r_s_blue.svg");}
.index_event .index_btnlink{margin-top:30px;} */

/*----- 2021.10 add / pickup -----*/
.pickup_area{
	position:relative;
	padding:110px 0 70px;
}
.pickup_area::before{
	content:'';
	position:absolute;
	z-index:-1;
	top:0;
	left:calc(50% - 50vw);
	width:100vw;
	height:100%;
	background:#E8F6FF;
}
.pickup_head{margin-bottom:45px;}
.pickup_head img{
	display:block;
	margin:auto;
}
.pickup_list{
	max-width:1200px;
	padding:0 45px;
	margin:auto;
}
.pickup_list.no_slide{
	display:flex;
	flex-wrap:wrap;
	max-width:1100px;
	padding:0;
}
.pickup_item{margin:0 10px;}
.no_slide .pickup_item{
	width:15%;
	margin:0 2% 0 0;
}
.no_slide .pickup_item:nth-child(6){margin-right:0;}
.pickup_link{
	display:block;
	color:#333;
	text-decoration:none !important;
}
.pickup_thumb{
	position:relative;
	padding-top:141.212%;
	margin-bottom:10px;
	background:#fff;
	overflow:hidden;
}
.pickup_img{
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	max-width:100%;
	width:auto !important;
	max-height:100%;
	height:auto;
	margin:auto;
	transition:transform 0.3s;
}
a:hover .pickup_img{transform:scale(1.05);}
.pickup_ttl{
	font-weight:500;
	letter-spacing:1.2px;
	line-height:2.7rem;
	transition:color 0.3s;
}
a:hover .pickup_ttl{color:#09f;}
.pickup_ttl::after{
	content:'';
	display:inline-block;
	position:relative;
	top:1px;
	left:0;
	margin-left: 15px;
	width:23px;
	height:15px;
	background:url("https://www.juyoungoh.com/img/common/arrow_r_s_black.svg") no-repeat center right;
}
a:hover .pickup_ttl::after{background-image:url("https://www.juyoungoh.com/img/common/arrow_r_s_blue.svg");}
.pickup_list .slick-dots{
	position:relative;
	bottom:0;
	margin-top:35px;
}
.pickup_list .slick-dots li{
	width:10px;
	height:10px;
}
.pickup_list .slick-dots button{
	width:10px;
	height:10px;
	padding:0;
	background:#fff;
	border-radius:50%;
	transition:background 0.3s;
}
.pickup_list .slick-dots .slick-active button, .pickup_list .slick-dots button:hover{background:#09f;}
.pickup_list .slick-dots button::before{display:none !important;}
.pickup_list .slick-arrow{
	top:0;
	bottom:60px;
	width:30px;
	height:40px;
	margin:auto;
	opacity:1 !important;
	transform:none;
}
.pickup_list .slick-prev{left:0;}
.pickup_list .slick-next{right:0;}
.pickup_list .slick-arrow::before{
	top:0;
	bottom:0;
	width:20px;
	height:20px;
	margin:auto;
	opacity:1;
	background:none;
	transition:border 0.3s;
}
.pickup_list .slick-prev::before{
	left:8px;
	background:none;
	border-top:2px solid #000;
	border-left:2px solid #000;
	transform:rotate(-45deg);
}
.pickup_list .slick-next::before{
	right:8px;
	left:auto;
	background:none;
	border-top:2px solid #000;
	border-right:2px solid #000;
	transform:rotate(45deg);
}
.pickup_list .slick-arrow:hover::before{border-color:#09f;}

.event_link_area{
	position:relative;
	padding:45px 0;
}
.event_link_area::before{
	content:'';
	position:absolute;
	z-index:-1;
	top:0;
	left:calc(50% - 50vw);
	width:100vw;
	height:100%;
	background:#FAFAFA;
}
.event_link{
	display:block;
	max-width:340px;
	padding:25px 50px 26px 30px;
	margin:auto;
	color:#333;
	font-weight:500;
	letter-spacing:1.8px;
	line-height:2.9rem;
	text-decoration:none !important;
	background:#fff url("https://www.juyoungoh.com/img/common/arrow_r_s_black.svg") no-repeat center right 20px;
	transition:background 0.3s, color 0.3s;
}
.event_link:hover{
	background-color:#E5F5FF;
	background-image:url("https://www.juyoungoh.com/img/common/arrow_r_s_blue.svg");
	color:#09f;
}

/*------------------------------------------------------------
	マガジン
------------------------------------------------------------*/
.index_magazine{
	position:relative;
	max-width:1100px;
	padding:100px 0 92px;
	margin:0 auto 0;
}
.index_magazine_head{
	position:relative;
	max-width:730px;
	padding:8px 20px 30px;
	margin:0 auto 80px;
}
.index_magazine_head::before,
.index_magazine_head::after{
	content:'';
	position:absolute;
	width:40px;
	height:40px;
}
.index_magazine_head::before{
	top:0;
	left:0;
	border-top:1px solid #333;
	border-left:1px solid #333;
}
.index_magazine_head::after{
	right:0;
	bottom:0;
	border-right:1px solid #333;
	border-bottom:1px solid #333;
}
.index_magazine .index_h2{
	margin:0 0 7px;
	font-size:4.2rem;
	letter-spacing:4.2px;
	text-align:center;
}
.index_magazine_intro{
	font-size:1.5rem;
	letter-spacing:1.8px;
	line-height:3.2rem;
	text-align:center;
}
.index_magazine_list{
	display:grid;
	grid-template-columns:57% 19.5% 19.5%;
	grid-template-rows:repeat(5, auto);
	gap:55px 2%;
}
.index_magazine_link{
	display:block;
	text-decoration:none;
	color:#333;
}
.index_magazine_img{
	position:relative;
	overflow:hidden;
	background-color:#F4FBFF;
}
.index_magazine_img img{
	display:block;
	width:100%;
	height:auto;
	transition:all 0.3s;
}
.index_magazine_link:hover img{transform:scale(1.03);}
.index_magazine_outline{
	display:flex;
	align-items:center;
	margin:19px 0 17px;
}
.index_magazine_date{
	position:relative;
	display:block;
	font-size:1.2rem;
	letter-spacing:0.96px;
	line-height:1.8rem;
	padding:0 18px 0 0;
	color:#666;
}
.index_magazine_date::after{
	position:absolute;
	content:"";
	width:1px;
	height:10px;
	background:#666;
	top:calc(50% - 5px);
	right:0;
}
.index_magazine_category{
	display:block;
	font-size:1.1rem;
	letter-spacing:1.32px;
	line-height:1.8rem;
	color:#666;
	margin-left:19px;
}
.index_magazine_title{
	position:relative;
	font-size:1.5rem;
	font-weight:500;
	letter-spacing:1.8px;
	line-height:1.6em;
	transition:all 0.3s;
}
.index_magazine_link:hover .index_magazine_title{
	color:#09f;
	text-decoration:none;
}
.index_magazine_title span{
	padding-right:30px;
	background:url("https://www.juyoungoh.com/img/common/arrow_r_s_black.svg") no-repeat center right;
}
a:hover .index_magazine_title span{background-image:url("https://www.juyoungoh.com/img/common/arrow_r_s_blue.svg");}
.index_magazine_about{
	font-size:1.2rem;
	letter-spacing:1.44px;
	line-height:2em;
	color:#6D7277;
	margin-top:21px;
}
.index_magazine_item:nth-child(1){
	grid-column:1/2;
	grid-row:1/4;
	margin-right:2.5%;
}
.index_magazine_item:nth-child(1) .index_magazine_title{
	font-size:2.2rem;
	letter-spacing:0.44px;
	line-height:1.54em;
}
.index_magazine_item:nth-child(1) .index_magazine_outline{
	margin:30px 0 14px;
}
.index_magazine .index_btnlink{
	margin-top:-130px;
}
/*------------------------------------------------------------
	ランキング
------------------------------------------------------------*/
.index_rank{
	position:relative;
	padding:182px 0 0;
}
.index_rank::before{
	content:'';
	display:block;
	position:absolute;
	z-index:-1;
	top:0;
	left:calc(50% - 50vw);
	width:100vw;
	height:300px;
	background:url("https://www.juyoungoh.com/img/index/bg_ranking.jpg") no-repeat center/cover;
}
.rank_area{
	max-width:1100px;
	padding:75px 80px 95px;
	margin:auto;
	background:#fff;
}
.index_rank .index_h2{margin-top:0;}
.rank_tab_list{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	margin-bottom:35px;
}
.rank_tab_item{width:19.148%;}
.rank_tab_link{
	display:block;
	padding:14px 0 15px;
	border-bottom:1px solid #ddd;
	color:#000;
	font-weight:500;
	letter-spacing:1.8px;
	text-align:center;
	text-decoration:none !important;
	transition:border-color 0.3s, color 0.3s;
}
.on .rank_tab_link,
.rank_tab_link:hover{
	border-color:#09F;
	color:#09F;
	cursor: pointer;
}
.rank_period_list{
	display:flex;
	margin-bottom:52px;
	width:220px;
}
.select_list_wrap{display:none;}
.rank_period_item{margin-right:39px;width:33.3333%;text-align:center;}
.rank_period_item:last-child{margin-right:0;}
.rank_period_link{
	display:block;
	padding-bottom:5px;
	border-bottom:1px solid #ddd;
	color:#000;
	font-size:1.3rem;
	font-weight:500;
	letter-spacing:1.56px;
	text-decoration:none !important;
	transition:border-color 0.3s, color 0.3s;
}
.on .rank_period_link,
.rank_period_link:hover{
	border-color:#09F;
	color:#09F;
}
.index_rank_list{
	border-top:1px solid #ddd;
	margin-bottom:33px;
}
.index_rank_item{border-bottom:1px solid #ddd;}
.index_rank_link{
	display:flex;
	align-items:center;
	padding:22px 60px 21px 20px;
	background:url("https://www.juyoungoh.com/img/common/arrow_r_s_black.svg") no-repeat center right 25px;
	color:#333;
	text-decoration:none;
	transition:background-color 0.3s;
}
.index_rank_link:hover{
	background-color:#E5F5FF;
	background-image:url("https://www.juyoungoh.com/img/common/arrow_r_s_blue.svg");
}
.index_rank_number{
	font-family:'Oswald', sans-serif;
	width:20px;
	margin-right:17px;
	color:#09f;
	font-size:2.4rem;
	letter-spacing:1.44px;
	line-height:2.0rem;
}
.index_rank_thum{
	width:152px;
	height:100px;
	overflow:hidden;
	margin-right:17px;
	background:#f5f5f5;
	display:flex;
	align-items:center;
	justify-content:center;
}
.index_rank_thum img{
	display:block;
	max-width:100%;
	width:auto;
	max-height:100%;
	height:auto;
	transition:transform 0.3s;
}
.index_rank_link:hover .index_rank_thum img{transform:scale(1.05);}
.index_rank_txt{width:calc(100% - 206px);}
.index_rank_category{
	display:flex;
	align-items:center;
	position:relative;
	font-size:1.1rem;
	letter-spacing:1.32px;
	color:#666;
	margin-bottom:3px;
}
.index_rank_category span:not(:first-child){
	position:relative;
	margin-left:7px;
	padding-left:7px;
}
.index_rank_category span:not(:first-child):before{
	position:absolute;
	content:"";
	width:1px;
	height:9px;
	background:#666;
	top:calc(50% - 4px);
	left:0;
}
.index_rank_title{
	font-size:1.55rem;
	font-weight:500;
	letter-spacing:1.2px;
	line-height:1.8em;
	transition:all 0.3s;
}
.index_rank_link:hover .index_rank_title{
	color:#09f;
	text-decoration:none;
}
/*------------------------------------------------------------
	造形学部
------------------------------------------------------------*/
.index_academics{
	position:relative;
	max-width:1100px;
	padding:95px 0 65px;
	margin:auto;
}
.index_academics::before{
	position:absolute;
	content:"";
	width:100vw;
	height:100%;
	top:0;
	left:calc(50% - 50vw);
	background:#FAFAFA;
	z-index:-1;
}
.index_academics .index_h2{margin:0 0 20px;}
.index_academics_intro{
	margin-bottom:50px;
	color:#333;
}
.academics_link_wrap{
	display:flex;
	flex-wrap:wrap;
	background:#fff;
}
.academics_link_large{
	position:relative;
	width:58.545%;
	overflow:hidden;
	color:#fff;
	text-decoration:none;
}
.academics_link_large::after{
	content:'';
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	background:linear-gradient(to top, rgba(0,0,0,0.5) 0%, rgba(255,255,255,0) 100%);
}
.academics_link_img{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
	transition:transform 0.3s;
}
a:hover .academics_link_img{transform:scale(1.05);}
.academics_txt_wrap{
	position:absolute;
	z-index:1;
	right:0;
	bottom:0;
	left:0;
	padding:0 50px 7%;
}
.academics_link_ttl{
	margin-bottom:25px;
	font-size:2rem;
	font-weight:500;
	letter-spacing:1.2px;
	text-shadow:0px 0px 6px rgba(0,0,0,0.5);
}
.academics_link_ttl::after{
	content:attr(data-slug)'';
	display:block;
	margin-top:2px;
	font-size:1rem;
	font-weight:normal;
	color:#fff;
}
.academics_link_txt{
	font-size:1.3rem;
	letter-spacing:1.56px;
	text-shadow:0px 0px 6px rgba(0,0,0,0.5);
	padding-right:30px;
	background:url("https://www.juyoungoh.com/img/common/arrow_r_s_white.svg") no-repeat right bottom 5px;
}
.academics_list_wrap{
	width:41.454%;
	padding:43px 20px;
}
.academics_list_ttl{
	margin-bottom:20px;
	color:#000;
	font-size:1.8rem;
	font-weight:500;
	letter-spacing:2.16px;
	text-align:center;
}
.academics_list{
	max-width:360px;
	margin:auto;
	border-top:1px solid #ddd;
}
.academics_item{border-bottom:1px solid #ddd;}
.academics_link{
	display:block;
	padding:20px 55px 19px 20px;
	font-size:1.8rem;
	font-weight:500;
	letter-spacing:1.08px;
	text-decoration:none;
	transition:background-color 0.3s;
}
.academics_link::after{
	content:attr(data-slug)'';
	display:block;
	margin-top:3px;
	font-size:1rem;
	font-weight:normal;
	letter-spacing:0.8px;
}
.product_design{
	background:url("https://www.juyoungoh.com/img/common/arrow_r_s_product.svg") no-repeat center right 25px;
	color:#6479BF;
}
.product_design:hover{background-color:#EFF1F9;}
.visual_design{
	background:url("https://www.juyoungoh.com/img/common/arrow_r_s_visual.svg") no-repeat center right 25px;
	color:#C55B92;
}
.visual_design:hover{background-color:#F9EEF4;}
.art_craft_design{
	background:url("https://www.juyoungoh.com/img/common/arrow_r_s_art-craft.svg") no-repeat center right 25px;
	color:#F3921E;
}
.art_craft_design:hover{background-color:#FEF4E8;}
.arch_env_design{
	background:url("https://www.juyoungoh.com/img/common/arrow_r_s_architecture-environmental.svg") no-repeat center right 25px;
	color:#4A9E59;
}
.arch_env_design.academics_link::after{letter-spacing:0;}
.arch_env_design:hover{background-color:#ECF5EE;}
.academics_list_wrap .index_btnlink{margin-top:47px;}
/*------------------------------------------------------------
	大学院
------------------------------------------------------------*/
.index_graduate-school{
	position:relative;
	max-width:1100px;
	padding:0 0 95px 0;
	margin:auto;
}
.index_graduate-school::before{
	position:absolute;
	content:"";
	width:100vw;
	height:100%;
	top:0;
	left:calc(50% - 50vw);
	background:#FAFAFA;
	z-index:-1;
}
.index_graduate-school .index_h2{margin:0 0 20px;}
.index_graduate-school_intro{
	margin-bottom:50px;
	color:#333;
}
.graduate-school_link_wrap{
	display:flex;
	flex-wrap:wrap;
	background:#fff;
}
.graduate-school_link_large{
	position:relative;
	width:58.545%;
	overflow:hidden;
	color:#fff;
	text-decoration:none;
}
.graduate-school_link_large::after{
	content:'';
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	background:linear-gradient(to top, rgba(0,0,0,0.5) 0%, rgba(255,255,255,0) 100%);
}
.graduate-school_link_img{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
	transition:transform 0.3s;
}
a:hover .graduate-school_link_img{transform:scale(1.05);}
.graduate-school_txt_wrap{
	position:absolute;
	z-index:1;
	right:0;
	bottom:0;
	left:0;
	padding:0 50px 7%;
}
.graduate-school_link_ttl{
	margin-bottom:25px;
	font-size:2rem;
	font-weight:500;
	letter-spacing:1.2px;
	text-shadow:0px 0px 6px rgba(0,0,0,0.5);
}
.graduate-school_link_ttl::after{
	content:attr(data-slug)'';
	display:block;
	margin-top:2px;
	font-size:1rem;
	font-weight:normal;
	color:#fff;
}
.graduate-school_link_txt{
	font-size:1.3rem;
	letter-spacing:1.56px;
	text-shadow:0px 0px 6px rgba(0,0,0,0.5);
	padding-right:30px;
	background:url("https://www.juyoungoh.com/img/common/arrow_r_s_white.svg") no-repeat right bottom 5px;
}
.graduate-school_list_wrap{
	width:41.454%;
	padding:43px 20px;
	margin: auto 0;
}
.graduate-school_list_ttl{
	margin-bottom:20px;
	color:#000;
	font-size:1.8rem;
	font-weight:500;
	letter-spacing:2.16px;
	text-align:center;
}
.graduate-school_list{
	max-width:360px;
	margin:auto;
	border-top:1px solid #ddd;
}
.graduate-school_item{border-bottom:1px solid #ddd;}
.graduate-school_link{
	display:block;
	padding:15px 55px 13px 20px;
	font-size:1.8rem;
	font-weight:500;
	letter-spacing:1.08px;
	text-decoration:none;
	transition:background-color 0.3s;
}
.graduate-school_link::after{
	content:attr(data-slug)'';
	display:block;
	margin-top:3px;
	font-size:1rem;
	font-weight:normal;
	letter-spacing:0.8px;
}
.masters-program{
	background:url("https://www.juyoungoh.com/img/common/arrow_r_s_mastets.svg") no-repeat center right 25px;
	color:#2B95DC;
}
.doctoral-program{
	background:url("https://www.juyoungoh.com/img/common/arrow_r_s_doctoral.svg") no-repeat center right 25px;
	color:#172A88;
}
.masters-program:hover{background-color:#DFEFFA;}
.doctoral-program:hover{background-color:#E2E5F1;}

/*------------------------------------------------------------
	地域連携
------------------------------------------------------------*/
.index_society{
	max-width:1100px;
	padding:100px 0 115px;
	margin:auto;
}
.society_img_wrap{
	max-height:368px;
	overflow:hidden;
}
.society_img{
	display:block;
	max-width:100%;
	width:100%;
	height:auto;
}
.society_txt_wrap{
	max-width:820px;
	padding:0 20px;
	margin:-100px auto 0;
}
.society_txt_area{
	position:relative;
	padding:70px 20px 0;
	background:#fff;
}
.society_txt_area .index_h2{
	margin:0 0 27px;
	text-align:center;
}
.society_txt{
	line-height:2.9rem;
	text-align:center;
}
.society_txt_area .index_btnlink{
	margin-top:37px;
	text-align:center;
}
/*------------------------------------------------------------
	メインリンク
------------------------------------------------------------*/
.index_mlinks_wrap{
	display:flex;
	flex-wrap:wrap;
	margin-bottom:90px;
}
.index_mlinks{width:50%;}
.index_mlinks_catch img{
	display:block;
	width:100%;
	height:auto;
}
.index_mlinks_top a{
	display:block;
	padding:30px 30px 25px;
	color:#000;
	text-decoration:none;
	transition:color 0.3s;
}
.index_mlinks_top a:hover{color:#09f;}
.index_mlinks_top h2{
	font-size:2rem;
	letter-spacing:2.4px;
	font-weight:500;
}
.index_mlinks_top span{
	background:url("https://www.juyoungoh.com/img/common/arrow_r_s_black.svg") no-repeat center right;
	padding-right:30px;
}
.index_mlinks_list{
	position:relative;
	display:flex;
	flex-wrap:wrap;
	margin:0 30px;
	border-top:1px solid #ddd;
}
.index_mlinks_list::after{
	content:'';
	display:block;
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:1px;
	background:#ddd;
}
.index_mlinks_item{
	position:relative;
	width:50%;
	border-bottom:1px solid #ddd;
}
.index_mlinks_item:nth-child(odd)::after{
	content:'';
	display:block;
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	margin:auto;
	width:1px;
	height:calc(100% - 40px);
	background:#ddd;
}
.index_mlinks_link{
	display:flex;
	align-items:center;
	height:100%;
	padding:20px 50px 19px 20px;
	background:url("https://www.juyoungoh.com/img/common/arrow_r_s_black.svg") no-repeat center right 20px;
	color:#333;
	font-size:1.3rem;
	font-weight:500;
	letter-spacing:1.56px;
	text-decoration:none;
	transition:background-color 0.3s, color 0.3s;
}
.index_mlinks_link[target="_blank"]{background:url("https://www.juyoungoh.com/img/common/popup_black.svg") no-repeat center right 20px;}
.index_mlinks_link:hover{
	background-color:#E5F5FF;
	background-image:url("https://www.juyoungoh.com/img/common/arrow_r_s_blue.svg");
	color:#09f;
}
.index_mlinks_link[target="_blank"]:hover{background-image:url("https://www.juyoungoh.com/img/common/popup_blue.svg");}
/*------------------------------------------------------------
	SNS
------------------------------------------------------------*/
.sns{margin:0 0 110px;}


/*----- 2022/06 add - tenjikan -----*/
.index_tenjikan{
	display:flex;
	flex-wrap:wrap;
	align-items:flex-start;
	max-width:1100px;
	padding-top:80px;
	margin:auto;
}
.index_tenjikan_head{
	position:relative;
	width:38%;
	padding:6% 4.5%;
	margin-right:6%;
}
.index_tenjikan_head::before, .index_tenjikan_head::after{
	content:'';
	position:absolute;
	width:40px;
	height:40px;
}
.index_tenjikan_head::before{
	top:0;
	left:0;
	border-top:1px solid #333;
	border-left:1px solid #333;
}
.index_tenjikan_head::after{
	right:0;
	bottom:0;
	border-right:1px solid #333;
	border-bottom:1px solid #333;
}
.index_tenjikan .index_h2{margin:0;}
.index_tenjikan .index_h2 img{
	display:block;
	max-width:100%;
	height:auto;
}
.index_tenjikan_intro{
	margin-top:18px;
	letter-spacing:1.8px;
	line-height:3.2rem;
}
.index_tenjikan_box{
	width:56%;
	padding-top:50px;
}
.index_tenjikan_list{
	display:flex;
	flex-wrap:wrap;
}
.index_tenjikan_item{
	width:calc((100% - 60px) / 4);
	margin-right:20px;
}
.index_tenjikan_item:last-child{margin-right:0;}
.index_tenjikan_link{
	display:block;
	color:#000 !important;
	text-decoration:none;
	transition:color 0.3s;
}
.index_tenjikan_link:hover{color:#09f !important;}
.index_tenjikan_img{overflow:hidden;}
.index_tenjikan_img img{
	display:block;
	max-width:100%;
	width:100%;
	height:auto;
	transition:transform 0.3s;
}
.index_tenjikan_link:hover img{transform:scale(1.05);}
.index_tenjikan_title{
	margin-top:10px;
	font-size:1.5rem;
	font-weight:500;
	letter-spacing:1.8px;
	line-height:2.5rem;
}
.index_tenjikan_title::after{
	content:'';
	display:inline-block;
	position:relative;
	right:-10px;
	bottom:0;
	width:23px;
	height:15px;
	background:url("https://www.juyoungoh.com/img/common/arrow_r_s_black.svg") no-repeat center right;
}
a:hover .index_tenjikan_title::after{background-image:url("https://www.juyoungoh.com/img/common/arrow_r_s_blue.svg");}


@media screen and (max-width:1250px){

.pickup_list{padding:0 30px;}

}


@media screen and (max-width:1024px){

/*------------------------------------------------------------
	MV
------------------------------------------------------------*/
.mv_wrap{padding:20px;}
/* .mv_wrap{padding:72px 20px 20px;} */
.mv{margin-top:0;}
/*------------------------------------------------------------
	重要なお知らせ
------------------------------------------------------------*/
.notice_link{
	font-size:1.4rem;
}
/*------------------------------------------------------------
	共通
------------------------------------------------------------*/
.index_content{
	padding:0 20px;
}
.index_h2{
	font-size:1.8rem;
	margin:90px 0 32px;
}
.index_btnlink{
	margin-top:25px;
}
/*------------------------------------------------------------
	ニュース
------------------------------------------------------------*/
.index_news{
	display:block;
	padding:30px 0 80px;
}
.index_news_left{
	width:100%;
}
.index_news_right{
	width:100%;
}
.index_news_item{
	margin-bottom:0;
}
.index_news_link{
	padding:19px 35px 19px 10px;
	background-position:center right 15px;
}
.index_rank_number{
	margin-right:1.5%;
}
.index_news_date{
	width:85px;
	font-size:1.2rem;
	letter-spacing:0.88px;
	padding-right:0;
}
.index_news_date::after{
	top:calc(50% - 5px);
}
.index_news_category{
	font-size:1.1rem;
}
.index_news_title{
	font-size:1.4rem;
	letter-spacing:1.04px;
}

/*----- 2021.10 add / info_link -----*/
.info_link_btn{
	font-size:1.4rem;
	letter-spacing:1.68px;
	padding:20px 50px 21px 24px;
}

/*------------------------------------------------------------
	イベント
------------------------------------------------------------*/
/* .index_event_category{
	display:inline-block;
	min-width:50px;
	height:18px;
	line-height:16px;
	color:#666;
	font-size:1.0rem;
	letter-spacing:1.32px;
	text-align:center;
	border:1px solid #666;
	padding:0 5px;
	margin-left:0;
}
.index_event_category::before{
	display:none;
}
.index_event_title{
	font-size:1.4rem;
} */


/*----- 2021.10 add / pickup -----*/
.pickup_area{padding:80px 0 45px;}
.pickup_head{margin-bottom:40px;}
.pickup_head img{width:108px;}
.no_slide .pickup_item{width:23.5%;}
.no_slide .pickup_item:nth-child(4n){margin-right:0;}
.pickup_thumb{margin-bottom:8px;}
.pickup_ttl{
	font-size:1.4rem;
	letter-spacing:1.12px;
	line-height:2.5rem;
}

.event_link{
	font-size:1.4rem;
	letter-spacing:1.68px;
	padding:20px 50px 21px 25px;
}

/*------------------------------------------------------------
	マガジン
------------------------------------------------------------*/
.index_magazine_list{
	grid-template-columns:54% 21.5% 21.5%;
}
.index_magazine_outline{
	margin:6px 0 0;
}
.index_magazine_date{
	padding:0 15px 0 0;
}
.index_magazine_date::after{
	top:calc(50% - 5px);
}
.index_magazine_category{
	margin-left:14px;
}
.index_magazine_title{
	font-size:1.4rem;
}
.index_magazine_item:nth-child(1) .index_magazine_outline{
	margin:10px 0 0;
}
.index_magazine_item:nth-child(1) .index_magazine_title{
	font-size:1.7rem;
}

/*------------------------------------------------------------
	人気記事
------------------------------------------------------------*/
.index_rank{
	display:block;
	padding:82px 0 40px;
	margin:0;
}
.rank_area{
	padding:75px 40px 95px;
}
.index_rank_left{
	width:100%;
}
.index_rank_right{
	width:100%;
}
.rank_period_list{width:185px;}
.rank_period_item{margin-right:20px;}
.index_rank_item{
	margin-bottom:0;
}
.index_rank_number{
	font-size:2.2rem;
}
.index_rank_title{
	font-size:1.4rem;
	margin-top:3px;
}
/*------------------------------------------------------------
	造形学部
------------------------------------------------------------*/
.academics_link_wrap{
	display:block;
}
.academics_link_large{
	display:block;
	width:100%;
}
.academics_list_wrap{
	width:100%;
	padding:36px 20px;
}
.academics_list{max-width:1000px;}
.academics_list_wrap .index_btnlink{margin-top:20px;}
.index_academics .index_btnlink{margin-top:20px;}
/*------------------------------------------------------------
	大学院
------------------------------------------------------------*/
.graduate-school_link_wrap{
	display:block;
}
.graduate-school_link_large{
	display:block;
	width:100%;
}
.graduate-school_list_wrap{
	width:100%;
	padding:36px 20px;
}
.graduate-school_list{max-width:1000px;}
.graduate-school_list_wrap .index_btnlink{margin-top:20px;}
.index_graduate-school .index_btnlink{margin-top:20px;}

/*------------------------------------------------------------
	メインリンク集
------------------------------------------------------------*/
.index_mlinks_wrap{
	display:block;
}
.index_mlinks{
	margin:0 auto 110px;
	width:100%;
}
.index_mlinks_top{
	margin:0;
}
.index_mlinks_top a{
	font-size:1.8rem;
	padding:30px 20px 25px;
}
.index_mlinks_link{
	font-size:1.4rem;
}
.index_mlinks_item{
	width:33.33333%;
}
.index_mlinks_item:nth-child(odd)::after{
	display:none;
}
.index_mlinks_item:not(:nth-child(3n))::after{
	content:'';
	display:block;
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	margin:auto;
	width:1px;
	height:calc(100% - 40px);
	background:#ddd;
}
.index_mlinks_top h2{font-size:1.8rem;}
.index_mlinks_list{margin:0;}


/*----- 2022/06 add - tenjikan -----*/
.index_tenjikan{
	display:block;
	padding-top:70px;
}
.index_tenjikan_head{
	max-width:730px;
	width:auto;
	padding:30px 20px;
	margin:auto;
}
.index_tenjikan .index_h2 img{margin:auto;}
.index_tenjikan_intro{
	font-size:1.4rem;
	letter-spacing:1.68px;
	text-align:center;
}
.index_tenjikan_box{
	width:auto;
	padding-top:45px;
}
.index_tenjikan_list{
	max-width:640px;
	margin:auto;
}
.index_tenjikan_item{
	width:calc((100% - 75px) / 4);
	margin-right:25px;
}
.index_tenjikan_title{
	margin-top:8px;
	font-size:1.4rem;
	letter-spacing:1.2px;
	line-height:2.2rem;
}

}


@media screen and (max-width:767px){
.top_bn_area{margin-top:5px;}
.top_bn_area ul{display:block;}
.top_bn_area ul li{width:auto;margin-top:20px;}

/*------------------------------------------------------------
	MV
------------------------------------------------------------*/
.mv_wrap{
	padding:10px 10px 0;
	/* padding:72px 10px 0; */
	margin:0;
}
.mv_img_txt{
	font-size:1.3rem;
	letter-spacing:1.04px;
}
.mv_img_date{
	font-size:1.1rem;
	letter-spacing:0.88px;
}
.mv_info{
	position:static;
	max-width:none;
	width:auto;
	border:none;
}
/* .mv_info_close{
	top:0;
	right:0;
	bottom:0;
}
.mv_info_close span{
	display:block;
	width:50px;
	height:100%;
	background:none;
	border:none;
}
.mv_info_close span::before, .mv_info_close span::after{
	top:10px;
	right:0;
	bottom:0;
	left:0;
	margin:auto;
	width:16px;
	background:#333;
} */
.mv_info_list{padding:22px 18px 23px;}
.mv_info_list.slick-slider{padding:22px 53px 23px;}
.mv_info_list .slick-arrow::before{
	width:16px;
	height:16px;
	border-width:2px;
}
.mv_info_link{
	font-size:1.3rem;
	letter-spacing:1.04px;
}
.mv_icon_btn{
	bottom:95px;
	/* bottom:75px; */
	left:10px;
}
.ctrl_btn{left:60px;bottom:75px;}
.mv_icon_btn:hover{background:#09f url("https://www.juyoungoh.com/img/index/icon_i.svg") no-repeat center !important;}
.mv_icon_btn:active, .mv_icon_btn.open, .mv_icon_btn.open:hover{
	background-color:#fff !important;
	background-image:none !important;
}
.mv_icon_btn.open:hover::before,
.mv_icon_btn.open:hover::after,
.mv_icon_btn:active::before,
.mv_icon_btn:active::after,
.mv_icon_btn.open::before,
.mv_icon_btn.open::after{background:#09f;}
/* .mv_info + .mv_icon_btn{bottom:95px;} */
/* .mv_info.close + .mv_icon_btn{bottom:10px;} */


/*------------------------------------------------------------
	重要なお知らせ
------------------------------------------------------------*/
.notice_area{
	margin:35px auto 0;
	padding:0 20px;
}
.notice_box{padding:14px 10px;}
.notice_link{
	display:block;
	font-size:1.3rem;
	letter-spacing:0.96px;
}
.notice_box.important{margin-bottom:10px;}


/*------------------------------------------------------------
	共通
------------------------------------------------------------*/
.index_content{
	margin:0 0 26px;
}
.index_h2{
	font-size:1.8rem;
	letter-spacing:1.92px;
	margin:54px 0 30px;
}
.index_academics .index_btnlink,
.index_graduate-school .index_btnlink{
	margin-top:19px;
	padding-top:26px;
	border-top:1px dotted #ccc;
}
.index_academics .academics_list_wrap .index_btnlink,
.index_graduate-school .graduate-school_list_wrap .index_btnlink{
	padding:0;
	border:none;
	margin-top:19px;
}
.index_btnlink a{
	font-size:1.2rem;
	letter-spacing:0.8px;
}

/*------------------------------------------------------------
	ニュース
------------------------------------------------------------*/
.index_news{
	padding:52px 0 54px;
}
.index_news_item{
	margin-bottom:0;
}
.index_news_link{
	flex-wrap:wrap;
	padding:15px 45px 20px 10px;
}
.index_news_date{
	font-size:1.1rem;
	padding-right:16px;
	margin-right:11px;
	letter-spacing:0.6px;
}
.index_news_date::after{
	top:calc(50% - 5px);
}
.index_news_category{
	font-size:1.0rem;
}
.index_news_title{
	font-size:1.3rem;
	letter-spacing:1.04px;
	margin-top:0;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.index_news_link{
	display:block;
}

/*----- 2021.10 add / info_link -----*/
.info_link_list{padding:40px 0;}
.info_link_btn{
	font-size:1.3rem;
	letter-spacing:1.56px;
	padding:16px 45px 15px 20px;
}

/*------------------------------------------------------------
	イベント
------------------------------------------------------------*/
/* .index_event{padding-bottom:52px;}
.index_event_content{
	padding:0;
}
.index_event_list{
	flex-wrap:wrap;
	margin:0 -2.5% 0 0;
}
.index_event_item{
	width:47.5%;
	margin:0 2.5% 38px 0;
}
.index_event_img{
	max-height:none;
}
.index_event_outline{
	margin:14px 0 7px;
}
.index_event_category{letter-spacing:0;}
.index_event_date{
	font-size:1.1rem;
	letter-spacing:0.88px;
}
.index_event_title{
	font-size:1.3rem;
	letter-spacing:1.04px;
	line-height:2.2rem;
}
.index_event .index_btnlink{margin-top:-13px;} */

/*----- 2021.10 add / pickup -----*/
.pickup_area{padding:55px 0 20px;}
.pickup_head{margin-bottom:30px;}
.pickup_head img{width:100px;}
.pickup_list{
	display:flex;
	flex-wrap:wrap;
	padding:0;
}
.pickup_item{
	width:48.358%;
	margin:0 3.283% 35px 0;
}
.pickup_item:nth-child(even){margin-right:0;}
.pickup_thumb{margin-bottom:5px;}
.pickup_ttl{
	font-size:1.3rem;
	letter-spacing:1.04px;
	line-height:2.2rem;
}

.event_link_area{padding:40px 0;}
.event_link{
	font-size:1.3rem;
	letter-spacing:1.56px;
	padding:16px 50px 15px 20px;
}

/*------------------------------------------------------------
	マガジン
------------------------------------------------------------*/
.index_magazine{
	margin:0;
	padding:61px 0 53px;
}
.index_magazine .index_h2 img{
	display:block;
	margin:23px auto 20px;
	max-width:170px;
}
.index_magazine_head{padding:10px 20px 26px;margin:0 auto 60px;}
.index_magazine_list{
	grid-template-columns:repeat(2,1fr);
	gap:26px 4%;
}
.index_magazine_head::before,.index_magazine_head::after{
	width:20px;
	height:20px;
}
.index_magazine_intro{font-size:1.3rem;line-height:3rem;}
.index_magazine_outline{
	margin:8px 0 2px;
}
.index_magazine_date{
	font-size:1.1rem;
	line-height:1.8em;
	padding:0 17px 0 0;
}
.index_magazine_date::after{
	top:calc(50% - 5px);
}
.index_magazine_category{
	font-size:1.0rem;
	letter-spacing:1.2px;
	line-height:1.8em;
	margin-left:17px;
}
.index_magazine_title{
	font-size:1.3rem;
	letter-spacing:1.04px;
}
.index_magazine_about{display:none;}
.index_magazine .index_btnlink{
	margin-top:26px;
}

.index_magazine_item:nth-child(1){
	grid-column:1/3;
	margin-right:0;
}
.index_magazine_item:nth-child(1) .index_magazine_outline{
	margin:15px 0 4px;
}
.index_magazine_item:nth-child(1) .index_magazine_title{
	font-size:1.5rem;
	letter-spacing:0.3px;
	line-height:2.6rem;
}


/*------------------------------------------------------------
	人気記事
------------------------------------------------------------*/
.index_rank{padding:80px 0 0;}
.index_rank::before{height:140px;}
.index_rank_title{
	font-size:1.3rem;
	line-height:1.5;
	margin-top:5px;
}
.rank_area{
	padding:35px 20px 55px;
}
.index_rank .index_h2{margin:0;}
.rank_tab_list{display:none;}
.select_list_wrap{
	display:block;
	position:relative;
	margin-top:28px;
}
.select_list{
	font-size:1.6rem;
	letter-spacing:1.44px;
	line-height:2.2rem;
	color:#666;
	border:1px solid #ddd;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	outline:none;
	cursor:pointer;
	width:100%;
	padding:10px 15px;
	background:transparent;
	z-index:10;
}
.select_list_wrap::after{
	position:absolute;
	content:"";
	width:8px;
	height:8px;
	border-right:1px solid #09f;
	border-bottom:1px solid #09f;
	transform:rotate(45deg);
	top:calc(50% - 5px);
	right:17px;
	z-index:1;
}
.rank_period_list{margin:26px 0 0;width:175px;}
.index_rank_item{margin-bottom:0;}
.index_rank_list{margin:28px 0 32px;}
.rank_period_link{font-size:1.2rem;}
.rank_period_item{margin-right:20px;}

.index_rank_number{
	margin-right:0;
}
.index_rank_link{
	padding:19px 30px 21px 0;
	background:url("https://www.juyoungoh.com/img/common/arrow_r_s_black.svg") no-repeat center right 12px;
}
.index_rank_thum{width:80px;height:53px;}
.index_rank_txt{width:calc(100% - 127px);}

.index_academics{
	padding:57px 0;
}
.index_academics .index_h2{margin:0 0 24px;}
.index_academics_intro{
	margin-bottom:26px;
	font-size:1.3rem;
	line-height:2.5rem;
	letter-spacing:1.56px;
}
.academics_link_wrap{display:block;background:none;}
.academics_link_large{
	width:auto;
	color:#333;
	display:inline;
}
.academics_txt_wrap{
	position:relative;
	right:auto;
	bottom:auto;
	left:auto;
	padding:16px 0;
	border-bottom:1px solid #333;
}
.academics_link_ttl{text-shadow:none;font-size:1.8rem;margin-bottom:14px;}
.academics_link_txt{
	text-shadow:none;
	padding:0 0 30px;
	background:url("https://www.juyoungoh.com/img/common/arrow_r_s_black.svg") no-repeat right bottom 5px;
	line-height:2.4rem;
}
.academics_link_txt br{display:none;}
.academics_list_wrap{
	width:auto;
	padding:56px 0 10px;
}
.academics_list_ttl{
	font-size:1.6rem;
}
.academics_list{
	display:block;
	background:#fff;
	max-width:360px;
	border-top:none;
}
.academics_item{
	width:100%;
}
.academics_item:nth-child(odd)::after{
	display:none;
}
.academics_link{
	font-size:1.6rem;
	padding:16px 40px 17px 20px;
}
.product_design,
.visual_design,
.art_craft_design,
.arch_env_design{
	background-position:center right 20px;
}

.index_graduate-school{
	padding:20px 0 57px 0;
}
.index_graduate-school .index_h2{margin:0 0 24px;}
.index_graduate-school_intro{
	margin-bottom:26px;
	font-size:1.3rem;
	line-height:2.5rem;
	letter-spacing:1.56px;
}
.graduate-school_link_wrap{display:block;background:none;}
.graduate-school_link_large{
	width:auto;
	color:#333;
	display:inline;
}
.graduate-school_txt_wrap{
	position:relative;
	right:auto;
	bottom:auto;
	left:auto;
	padding:16px 0;
	border-bottom:1px solid #333;
}
.graduate-school_link_ttl{text-shadow:none;font-size:1.8rem;margin-bottom:14px;}
.graduate-school_link_txt{
	text-shadow:none;
	padding:0 0 30px;
	background:url("https://www.juyoungoh.com/img/common/arrow_r_s_black.svg") no-repeat right bottom 5px;
	line-height:2.4rem;
}
.graduate-school_link_txt br{display:none;}
.graduate-school_list_wrap{
	width:auto;
	padding:36px 0 10px;
}
.graduate-school_list_ttl{
	font-size:1.6rem;
}
.graduate-school_list{
	display:block;
	background:#fff;
	max-width:360px;
	border-top:none;
}
.graduate-school_item{
	width:100%;
}
.graduate-school_item:nth-child(odd)::after{
	display:none;
}
.graduate-school_link{
	font-size:1.6rem;
	padding:15px 40px 16px 20px;
}
.masters-program{
	background-position:center right 20px;
}

/*------------------------------------------------------------
	地域連携
------------------------------------------------------------*/
.index_society{
	padding:56px 0 0;
}
.society_img_wrap{
	margin:0 -20px;
}
.society_txt_wrap{
	padding:0;
	margin:-50px auto 0;
}
.society_txt{
	font-size:1.3rem;
	line-height:2.6rem;
}
.society_txt_area .index_btnlink{margin-top:21px;}

.society_txt_area{padding:40px 20px 0;}
.society_txt_area .index_h2{margin:0 0 20px;}
/*------------------------------------------------------------
	メインリンク集
------------------------------------------------------------*/
.index_mlinks_wrap{
	display:block;
	margin:0;
}
.index_mlinks_catch{margin:0 -20px;}
.index_mlinks{
	width:auto;
	margin:56px auto 50px;
}
.index_mlinks_top{
	margin:17px 0 16px;
}
.index_mlinks_top h2{
	font-size:1.5rem;
	letter-spacing:1.92px;
}
.index_mlinks_top a{padding:0;}
.index_mlinks_top span{
	background:url("https://www.juyoungoh.com/img/common/arrow_r_s_black.svg") no-repeat center right;
	padding-right:23px;
}
.index_mlinks_list{
	margin:0;
	border-top:1px solid #ddd;
}
.index_mlinks_item{
	width:50%;
	margin:0;
	border-bottom:1px solid #ddd;
}
.index_mlinks_link{
	display:flex;
	font-size:1.3rem;
	letter-spacing:0.72px;
	padding:0 30px 0 12px;
	height:59px;
	background:url("https://www.juyoungoh.com/img/common/arrow_r_s_black.svg") no-repeat center right 10px;
}
.index_mlinks_link[target="_blank"]{background-position:center right 15px;}
.index_mlinks_item:not(:nth-child(3n))::after{
	display:none;
}
.index_mlinks_item:nth-child(odd)::after{
	content:'';
	display:block;
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	margin:auto;
	width:1px;
	height:calc(100% - 40px);
	background:#ddd;
}
.sns{margin:0 0 50px;}


/*----- 2022/06 add - tenjikan -----*/
.index_tenjikan{padding:60px 0 20px;}
.index_tenjikan_head::before, .index_tenjikan_head::after{
	width:20px;
	height:20px;
}
.index_tenjikan .index_h2 img{max-width:260px;}
.index_tenjikan_intro{
	margin-top:16px;
	font-size:1.3rem;
	letter-spacing:1.56px;
	line-height:3rem;
}
.index_tenjikan_box{padding-top:40px;}
.index_tenjikan_list{max-width:500px;}
.index_tenjikan_item{
	width:48%;
	margin:0 4% 30px 0;
}
.index_tenjikan_item:nth-child(2n){margin-right:0;}
.index_tenjikan_title{
	margin-top:6px;
	font-size:1.3rem;
	letter-spacing:1.04px;
	line-height:2rem;
}
.index_tenjikan_box .index_btnlink{margin-top:0;}

.academics_link_large::after,
.graduate-school_link_large::after{display:none;}

}


@media screen and (max-width:600px){

/*----- 2021.10 add / info_link -----*/
.info_link_list{display:block;}
.info_link_item{width:auto;}
.info_link_item:first-child{margin:0 0 10px;}

}


@media screen and (max-height:500px){

.mv_box img{height:calc(100vh - 20px) !important;}

}