@charset "utf-8";

/*----- academics/top -----*/
.ttl_wrap.academics_top{
	position:relative;
	padding:0 25px;
}
.ttl_wrap.academics_top::before{
	content:'';
	position:absolute;
	top:0;
	right:25px;
	bottom:0;
	left:25px;
	background:linear-gradient(0deg, #000 0%, rgba(0,0,0,0) 100%);
	opacity:0.4;
}
.academics_top .ttl_area{
	display:flex;
	flex-direction:column;
	justify-content:center;
	position:absolute;
	top:-47px;
	right:0;
	bottom:0;
	left:0;
	max-width:1200px;
	padding:0 50px;
	margin:auto;
}
.academics_top .page_title{
	padding:0;
	margin:0 0 45px;
	color:#fff;
	text-shadow:0px 0px 6px rgba(0,0,0,0.5);
}
.academics_top .page_title::before{
	content:attr(data-parent)'';
	display:block;
	margin-bottom:-6px;
	font-size:1.2rem;
	font-weight:normal;
	letter-spacing:1.44px;
}
.academics_mv_intro{
	margin:0;
	color:#fff;
	font-size:1.8rem;
	letter-spacing:2.16px;
	line-height:3.4rem;
	text-shadow:0px 0px 6px rgba(0,0,0,0.5);
}
.content_area.academics_top{max-width:none;padding-bottom:0;}
.academics_link_wrap{
	position:relative;
	max-width:1100px;
	margin:-80px auto 0 !important;
}
.academics_link_first{
	display:flex;
	flex-direction:row-reverse;
	padding:30px;
	margin-bottom:95px;
	background:#fff;
	border-bottom:2px solid #ddd;
	text-decoration:none;
	transition:border-color 0.3s;
}
.academics_link_first:hover{border-color:#09f;}
.academics_img_first{
	overflow:hidden;
	width:375px;
}
.academics_img_first img{transition:transform 0.3s;}
a:hover .academics_img_first img{transform:scale(1.05);}
.academics_txt_first{
	width:calc(100% - 435px);
	padding-left:30px;
	margin-right:60px;
	background:url("https://www.juyoungoh.com/img/common/arrow_r_l_black.svg") no-repeat right bottom 25px;
}
a:hover .academics_txt_first{background-image:url("https://www.juyoungoh.com/img/common/arrow_r_l_blue.svg")}
.academics_ttl_first{
	padding:0;
	margin:18px 0 11px;
	font-size:2.8rem;
	letter-spacing:1.68px;
	transition:color 0.3s;
}
.academics_ttl_first::before{display:none;}
.academics_ttl_first::after{
	content:attr(data-slug)'';
	display:block;
	margin-top:-5px;
	color:#666;
	font-size:1.2rem;
	font-weight:normal;
	letter-spacing:1.44px;
	transition:color 0.3s;
}
a:hover .academics_ttl_first, a:hover .academics_ttl_first::after{color:#09f;}
.academics_intro_first{
	color:#333;
	margin:0;
}
.academics_head{
	padding:0;
	margin:0 0 26px;
	font-size:2.8rem;
	letter-spacing:1.68px;
	text-align:center;
}
.academics_head::before{display:none;}
.academics_txt{
	margin-bottom:45px;
	text-align:center;
}
.academics_list{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	padding:0;
	margin-bottom:18px;
}
.academics_item{
	list-style:none;
	width:calc((100% - 2px) / 2);
	margin-bottom:0;
}
.academics_link{
	display:block;
	color:#333 !important;
	text-decoration:none;
}
.academics_img_box{overflow:hidden;}
.academics_img_box img{transition:transform 0.3s;}
a:hover .academics_img_box img{transform:scale(1.05);}
.academics_txt_box{
	position:relative;
	padding:53px 52px 65px;
	margin:-90px 45px 80px;
	background-color:#fff !important;
	transition:background-color 0.3s;
}
.item_product .academics_txt_box{
	background:url("https://www.juyoungoh.com/img/common/arrow_r_l_product.svg") no-repeat right 55px bottom 50px;
	border-bottom:2px solid #6479BF;
}
.item_product a:hover .academics_txt_box{background-color:#EFF1F9 !important;}
.item_visual .academics_txt_box{
	background:url("https://www.juyoungoh.com/img/common/arrow_r_l_visual.svg") no-repeat right 55px bottom 50px;
	border-bottom:2px solid #C55B92;
}
.item_visual a:hover .academics_txt_box{background-color:#F9EEF4 !important;}
.item_art_craft .academics_txt_box{
	background:url("https://www.juyoungoh.com/img/common/arrow_r_l_art-craft.svg") no-repeat right 55px bottom 50px;
	border-bottom:2px solid #F3921E;
}
.item_art_craft a:hover .academics_txt_box{background-color:#FEF4E8 !important;}
.item_arch_env .academics_txt_box{
	background:url("https://www.juyoungoh.com/img/common/arrow_r_l_architecture-environmental.svg") no-repeat right 55px bottom 50px;
	border-bottom:2px solid #4A9E59;
}
.item_arch_env a:hover .academics_txt_box{background-color:#ECF5EE !important;}
.academics_ttl{
	padding:0;
	margin:0 0 14px;
	font-size:2.8rem;
	letter-spacing:1.68px;
	line-height:2.7rem;
}
.academics_ttl::before{display:none;}
.academics_ttl::after{
	content:attr(data-slug)'';
	display:block;
	margin-top:8px;
	font-size:1.2rem;
	font-weight:normal;
	letter-spacing:1.44px;
}
.item_product .academics_ttl{color:#6479BF !important;}
.item_visual .academics_ttl{color:#C55B92 !important;}
.item_art_craft .academics_ttl{color:#F3921E !important;}
.item_arch_env .academics_ttl{color:#4A9E59 !important;}
.academics_intro{
	min-height:75px;
	margin-bottom:28px;
	line-height:2.4rem;
}
.petit_info{
	min-height:95px;
	margin:0;
}
.petit_info dt{
	width:114px;
	padding:1px 0 2px;
	margin-bottom:10px;
	color:#fff !important;
	font-size:1.3rem;
	font-weight:500;
	letter-spacing:0.78px;
	text-align:center;
}
.item_product dt{background:#6479BF;}
.item_visual dt{background:#C55B92;}
.item_art_craft dt{background:#F3921E;}
.item_arch_env dt{background:#4A9E59;}
.petit_info dd{
	font-size:1.3rem;
	letter-spacing:1.56px;
	line-height:2rem;
}
.academics_icon_list{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	max-width:1100px;
	padding:0;
	margin:0 auto 85px;
}
.academics_icon_item{
	list-style:none;
	width:22.818%;
	margin:0 !important;
}
.academics_icon_link{
	display:block;
	height:100%;
	padding-bottom:45px;
	background:url("https://www.juyoungoh.com/img/common/arrow_r_s_black.svg") no-repeat center bottom 22px;
	border-bottom:2px solid #ddd;
	font-weight:500;
	text-align:center;
	text-decoration:none;
	transition:border-color 0.3s, color 0.3s;
}
.academics_icon_link:hover{
	background-image:url("https://www.juyoungoh.com/img/common/arrow_r_s_blue.svg");
	border-color:#09f;
}
.academics_icon_txt{
	display:block;
	padding-top:65px;
}
.academics_icon_txt.first_year{background:url("https://www.juyoungoh.com/img/about/academics/icon_first-year.svg") no-repeat top center;}
.academics_icon_txt.curriculum{background:url("https://www.juyoungoh.com/img/about/academics/icon_curriculum.svg") no-repeat top center;}
.academics_icon_txt.qualification{background:url("https://www.juyoungoh.com/img/about/academics/icon_qualification.svg") no-repeat top center;}
.academics_icon_txt.credit{background:url("https://www.juyoungoh.com/img/about/academics/icon_credit-studyingabroad.svg") no-repeat top center;}
a:hover .academics_icon_txt.first_year{background-image:url("https://www.juyoungoh.com/img/about/academics/icon_first-year_blue.svg");}
a:hover .academics_icon_txt.curriculum{background-image:url("https://www.juyoungoh.com/img/about/academics/icon_curriculum_blue.svg");}
a:hover .academics_icon_txt.qualification{background-image:url("https://www.juyoungoh.com/img/about/academics/icon_qualification_blue.svg");}
a:hover .academics_icon_txt.credit{background-image:url("https://www.juyoungoh.com/img/about/academics/icon_credit-studyingabroad_blue.svg");}
.content_area.academics+.ln{margin-top:90px;}



/*----- feature -----*/
.content_area.feature{
	max-width:none;
	padding:0;
}
.content_box.w1100{
	max-width:1150px;
	padding:0 25px;
	margin:auto;
}
.content_box.w1300{padding:0 25px;}
.font_strong{
	padding:0;
	margin:55px 0 27px;
	font-size:3.2rem;
	font-weight:500;
	letter-spacing:3.84px;
	line-height:4.8rem;
	text-align:center;
}
.w1300 .font_strong{margin:80px 0 25px;}
.font_strong::before{display:none;}
.font_strong + p{
	margin-bottom:63px;
	text-align:center;
}
.w1300 .font_strong + p{
	line-height:3.2rem;
	margin-bottom:75px;
}
.feature_gallery{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	padding:0;
	margin-bottom:105px;
}
.gallery_item{
	list-style:none;
	width:24.545%;
	margin:0;
}
.acc_department{margin-bottom:20px;}
.acc_department.product{border:2px solid #6479BF;}
.acc_department.visual{border:2px solid #C55B92;}
.acc_department.art_craft{border:2px solid #F3921E;}
.acc_department.arch_env{border:2px solid #4A9E59;}
.department_name{
	position:relative;
	padding:15px 26px;
	margin:0;
	font-size:2.4rem;
	letter-spacing:1.44px;
	transition:background-color 0.3s;
}
.product .department_name{color:#6479BF;}
.visual .department_name{color:#C55B92;}
.art_craft .department_name{color:#F3921E;}
.arch_env .department_name{color:#4A9E59;}
/* .product .department_name:hover{background-color:#EFF1F9;}
.visual .department_name:hover{background-color:#F9EEF4;}
.art_craft .department_name:hover{background-color:#FEF4E8;}
.arch_env .department_name:hover{background-color:#ECF5EE;} */
.department_name::before{display:none;}
/* .department_name::after{
	content:'ひらく';
	display:flex;
	align-items:center;
	position:absolute;
	top:0;
	right:28px;
	bottom:0;
	font-size:1.5rem;
	letter-spacing:1.8px;
}
.open.department_name::after{content:'とじる';} */
.department_name span{
	display:block;
	position:relative;
}
/* .department_name span::before,
.department_name span::after{
	content:'';
	position:absolute;
	top:0;
	right:64px;
	bottom:0;
	margin:auto;
	width:20px;
	height:2px;
}
.department_name span::after{
	transform:rotate(90deg);
	transition:transform 0.3s;
}
.product .department_name span::before,
.product .department_name span::after{
	background:#6479BF;
}
.visual .department_name span::before,
.visual .department_name span::after{
	background:#C55B92;
}
.art_craft .department_name span::before,
.art_craft .department_name span::after{
	background:#F3921E;
}
.arch_env .department_name span::before,
.arch_env .department_name span::after{
	background:#4A9E59;
}
.open.department_name span::after{transform:rotate(360deg);} */
.department_info{
	/* display:none; */
	margin:0 28px;
}
.product .department_info{border-top:1px dotted #6479BF;}
.visual .department_info{border-top:1px dotted #C55B92;}
.art_craft .department_info{border-top:1px dotted #F3921E;}
.arch_env .department_info{border-top:1px dotted #4A9E59;}
.info_head{
	margin:23px 0 20px;
	font-size:1.8rem;
	letter-spacing:2.16px;
	line-height:2.8rem;
}
.txt_movie{
	display:flex;
	flex-wrap:wrap;
	margin-bottom:30px;
	border-bottom:1px dotted #333;
}
.txt_l{
	width:calc(100% - 475px);
	margin-right:40px;
}
.txt_l p{
	margin:0 0 26px;
	line-height:2.4rem;
}
.txt_l .petit_info{margin:0;}
.txt_l dt{margin-bottom:12px;}
.product .txt_l dt{background:#6479BF;}
.visual .txt_l dt{background:#C55B92;}
.art_craft .txt_l dt{background:#F3921E;}
.arch_env .txt_l dt{background:#4A9E59;}
.txt_l dd{
	margin-bottom:27px !important;
	font-size:1.2rem;
	letter-spacing:1.44px;
	line-height:1.8rem;
}
.movie_r{
	width:435px;
	margin-top:6px;
}
.movie_thumb::after{background-size:65px !important;}
.movie_thumb.large::after{background-size:95px !important;}
.department_btn{margin:0 auto 28px;}
.year_flow{
	position:relative;
	display:flex;
	flex-wrap:wrap;
	margin-bottom:120px;
}
.year_flow::before{
	content:'';
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	left:0;
	margin:auto;
	width:100%;
	height:1px;
	background:#ddd;
}
.year_flow div{
	position:relative;
	width:50%;
	padding:35px 20px;
	border-right:1px solid #ddd;
}
.year_flow div:nth-child(-n+2){margin-bottom:85px;}
.year_flow div:nth-child(odd){border-left:1px solid #ddd;}
.year_icon{
	position:absolute;
	top:40px;
	left:40px;
}
.year_img{
	max-width:230px;
	margin:0 auto 10px;
}
.year_flow p{
	margin:auto;
	letter-spacing:1.5px;
	line-height:2.8rem;
	text-align:center;
}
.year_flow .font_large{
	color:#000;
	font-size:2.2rem;
	letter-spacing:1.76px;
	line-height:4.5rem;
}
.year_flow .font_large span{
	color:#333;
	font-size:1.6rem;
	letter-spacing:1.6px;
}
.copy_wrap{
	display:flex;
	justify-content:center;
	margin-bottom:120px;
}
.copy_wrap img{margin:0 18px;}
.society_txt_area{
	position:relative;
	max-width:1150px;
	padding:0 25px;
	margin:-125px auto 95px;
}
.society_txt_box{
	padding:95px 25px;
	background:#FAFAFA;
}
.society_txt_box .font_strong{margin:0 0 15px;}
.society_txt_box .font_strong + p{margin-bottom:65px;}
.society_txt_box h3{
	padding:0;
	margin:0 0 35px;
	font-size:2.2rem;
	letter-spacing:1.76px;
	text-align:center;
}
.society_txt_box h3::before{display:none;}
.project_list{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	max-width:900px;
	padding:0;
	margin:auto;
}
.project_item{
	list-style:none;
	width:23.666%;
	color:#666;
	font-size:1.3rem;
	letter-spacing:1.04px;
	text-align:center;
}
.project_item img{margin-bottom:10px;}
.department_head{
	padding:0;
	margin-bottom:40px;
	font-size:2.8rem;
	letter-spacing:3.36px;
	text-align:center;
}
.department_head::before{display:none;}
.acc_department.product{border:2px solid #6479BF;}
.acc_department.visual{border:2px solid #C55B92;}
.acc_department.art_craft{border:2px solid #F3921E;}
.acc_department.arch_env{border:2px solid #4A9E59;}


/*----- academics/department -----*/
.page_title.academics{
	margin-bottom:40px;
}
.page_title.academics::after{
	content:attr(data-slug)'';
	display:block;
	margin-top:6px;
	font-size:1rem;
	font-weight:normal;
	letter-spacing:1.2px;
	line-height:1rem;
}
.page_title.product::after{color:#6479BF;}
.page_title.visual::after{color:#C55B92;}
.page_title.art_craft::after{color:#F3921E;}
.page_title.arch_env::after{color:#4A9E59;}
.content_area.academics{
	max-width:none;
	padding:0;
}
.catch_wrap{
	position:relative;
	padding:0 25px 60px;
	margin-bottom:100px;
}
.catch_wrap::after{
	content:'';
	position:absolute;
	z-index:-1;
	right:0;
	bottom:0;
	left:0;
	width:100%;
	height:260px;
	opacity:0.1;
}
.product .catch_wrap::after{background:#6479BF;}
.visual .catch_wrap::after{background:#C55B92;}
.art_craft .catch_wrap::after{background:#F3921E;}
.arch_env .catch_wrap::after{background:#4A9E59;}
.catch_area{
	position:relative;
	max-width:1100px;
	margin:auto;
}
.catch_area::before{
	content:'';
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	background:linear-gradient(0deg, #000 0%, rgba(0,0,0,0) 100%);
	opacity:0.4;
}
.catch_txt{
	position:absolute;
	bottom:13px;
	left:50px;
	color:#fff;
	font-size:3.2rem;
	letter-spacing:3.2px;
	line-height:5.4rem;
}
.with_border{
	width:196px;
	padding:10px 0 15px;
	margin:0 auto 44px;
	font-size:2.4rem;
	letter-spacing:1.44px;
	text-align:center;
}
.with_border::before,
.with_border::after{
	content:'';
	position:absolute;
	width:12px;
	height:12px;
	background:none;
}
.with_border::before{
	top:0;
	left:0;
	border-top:2px solid;
	border-left:2px solid;
}
.with_border::after{
	right:0;
	bottom:0;
	border-right:2px solid;
	border-bottom:2px solid;
}
.product .with_border::before, .product .with_border::after{border-color:#6479BF;}
.visual .with_border::before, .visual .with_border::after{border-color:#C55B92;}
.art_craft .with_border::before, .art_craft .with_border::after{border-color:#F3921E;}
.arch_env .with_border::before, .arch_env .with_border::after{border-color:#4A9E59;}
.movie_box{
	padding:52px 25px 55px;
	margin:90px 0 100px;
	border:2px solid;
}
.product .movie_box{border-color:#6479BF;}
.visual .movie_box{border-color:#C55B92;}
.art_craft .movie_box{border-color:#F3921E;}
.arch_env .movie_box{border-color:#4A9E59;}
.movie_box h3{
	padding:0;
	margin:0 0 20px;
	font-size:2rem;
	letter-spacing:2.4px;
	text-align:center;
}
.movie_box h3::before{display:none;}
.movie_box .popup_iframe{
	max-width:640px;
	margin:0 auto 12px;
}
.movie_box .popup_iframe:first-of-type{margin-bottom: 30px;}
.movie_box p{
	margin:0;
	text-align:center;
}
.field_wrap{
	padding:80px 25px 40px;
	margin-bottom:100px;
}
.product .field_wrap{background:rgba(100,121,191,0.1);}
.visual .field_wrap{background:rgba(197,91,146,0.1);}
.art_craft .field_wrap{background:rgba(243,146,30,0.1);}
.arch_env .field_wrap{background:rgba(74,158,89,0.1);}
.field_wrap p{
	font-size:3.2rem;
	font-weight:normal;
	letter-spacing:4.8px;
	line-height:4.6rem;
	text-align:center;
}
.product .field_wrap p{color:#6479BF;}
.visual .field_wrap p{color:#C55B92;}
.art_craft .field_wrap p{color:#F3921E;}
.arch_env .field_wrap p{color:#4A9E59;}
.field_img_list{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	max-width:1100px;
	padding:0;
	margin:50px auto 0;
}
.field_img_item{
	list-style:none;
	width:22.818%;
	margin:0 2.909% 40px 0 !important;
	text-align:center;
}
.field_img_item:nth-child(4n),
.field_img_item:last-child{
	margin-right:0 !important;
}
.field_img_item img{margin-bottom:15px;}
.flow_wrap{
	padding:0 25px;
	margin:100px 0 120px;
}
.flow_year_area{
	position:relative;
	margin-bottom:48px;
}
.flow_ttl_box{
	display:flex;
	flex-direction:column;
	justify-content:flex-end;
	position:absolute;
	bottom:50px;
	width:402px;
	height:342px;
	padding:0 50px 50px;
}
.flow_ttl_box.pos_r{right:50px;}
.flow_ttl_box.pos_l{left:50px;}
.product .flow_ttl_box{background:rgba(100,121,191,0.95);}
.visual .flow_ttl_box{background:rgba(197,91,146,0.95);}
.art_craft .flow_ttl_box{background:rgba(243,146,30,0.95);}
.arch_env .flow_ttl_box{background:rgba(74,158,89,0.95);}
.flow_ttl_box p{
	margin:0;
	color:#fff;
	font-size:2.4rem;
	letter-spacing:2.4px;
	line-height:4rem;
}
.flow_year{
	padding:0 0 25px;
	margin:0 0 30px;
}
.flow_year::before{
	top:auto;
	bottom:0;
	width:12px;
	height:1px;
	background:#fff;
}
.flow_year_area + h3{
	max-width:1100px;
	padding:0;
	margin:0 auto 15px;
	font-size:2rem;
	letter-spacing:1.2px;
}
.flow_year_area + h3::before{display:none;}
.class_img_list{
	display:flex;
	flex-wrap:wrap;
	max-width:1100px;
	padding:0;
	margin:0 auto 41px;
}
.class_img_item{
	list-style:none;
	width:31.454%;
	margin-right:2.818%;
	font-size:1.6rem;
	letter-spacing:1.28px;
	text-align:center;
}
.class_img_item:nth-child(3n){margin-right:0;}
.class_img_item img{margin-bottom:13px;}
.acc_class_list{
	max-width:1100px;
	margin:0 auto 120px;
}
.class_img{
	max-width:1100px;
	margin:0 auto 50px;
	text-align:center;
}
.class_img img{margin-bottom:6px;}
.product .acc_class_list{border:2px solid #6479BF;}
.visual .acc_class_list{border:2px solid #C55B92;}
.art_craft .acc_class_list{border:2px solid #F3921E;}
.arch_env .acc_class_list{border:2px solid #4A9E59;}
.class_head{
	position:relative;
	padding:16px 20px 17px;
	margin:0;
	font-size:1.5rem;
	letter-spacing:1.8px;
	cursor:pointer;
	transition:background 0.3s;
}
.product .class_head{color:#6479BF;}
.visual .class_head{color:#C55B92;}
.art_craft .class_head{color:#F3921E;}
.arch_env .class_head{color:#4A9E59;}
.product .class_head:hover{background-color:#EFF1F9;}
.visual .class_head:hover{background-color:#F9EEF4;}
.art_craft .class_head:hover{background-color:#FEF4E8;}
.arch_env .class_head:hover{background-color:#ECF5EE;}
.class_head::after{
	content:'ひらく';
	display:flex;
	align-items:center;
	position:absolute;
	top:0;
	right:20px;
	bottom:0;
	font-size:1.5rem;
	letter-spacing:1.8px;
}
.open.class_head::after{content:'とじる';}
.class_head span{
	display:block;
	position:relative;
}
.class_head span::before,
.class_head span::after{
	content:'';
	position:absolute;
	top:0;
	right:64px;
	bottom:0;
	margin:auto;
	width:14px;
	height:2px;
}
.class_head span::after{
	transform:rotate(90deg);
	transition:transform 0.3s;
}
.product .class_head span::before,
.product .class_head span::after{
	background:#6479BF;
}
.visual .class_head span::before,
.visual .class_head span::after{
	background:#C55B92;
}
.art_craft .class_head span::before,
.art_craft .class_head span::after{
	background:#F3921E;
}
.arch_env .class_head span::before,
.arch_env .class_head span::after{
	background:#4A9E59;
}
.open.class_head span::after{transform:rotate(360deg);}
.class_info{
	display:none;
	margin:0 20px;
	padding-bottom:20px;
}
.product .class_info{border-top:1px dotted #6479BF;}
.visual .class_info{border-top:1px dotted #C55B92;}
.art_craft .class_info{border-top:1px dotted #F3921E;}
.arch_env .class_info{border-top:1px dotted #4A9E59;}
.semester_wrap{
	display:flex;
	align-items:center;
	justify-content:space-between;
}
.semester_head{
	margin:15px 0 23px;
	font-size:1.6rem;
	letter-spacing:1.92px;
}
.subject_class{
	margin:0 0 6px;
	font-size:1.3rem;
	letter-spacing:1.56px;
}
.min_w22{width:220px;}
.class_info table{margin:0;}
.class_info td ul{
	display:flex;
	flex-wrap:wrap;
	padding:0;
}
.class_info td li{
	list-style:none;
	width:50%;
	padding-right:20px;
	margin:0 !important;
}
.product .works_wrap{background:rgba(100,121,191,0.1);}
.visual .works_wrap{background:rgba(197,91,146,0.1);}
.art_craft .works_wrap{background:rgba(243,146,30,0.1);}
.arch_env .works_wrap{background:rgba(74,158,89,0.1);}
.works_wrap{padding:80px 0 90px;}
.works_list{
	display:flex;
	flex-wrap:wrap;
	max-width:1150px;
	padding:0 25px;
	margin:0 auto 40px;
}
.works_item{
	list-style:none;
	width:22.818%;
	margin-right:2.909%;
}
.works_item:nth-child(4n){margin-right:0;}
.works_link{
	display:block;
	text-decoration:none;
}
.works_img_wrap{
	overflow:hidden;
	margin-bottom:15px;
}
.works_img_wrap img{transition:transoform 0.3s;}
a:hover .works_img_wrap img{transform:scale(1.05);}
.works_ttl{
	margin:0 0 2px;
	letter-spacing:1.2px;
	transition:color 0.3s;
}
.works_ttl::after{
	display:inline-block;
	margin-left:10px;
}
.product .works_ttl::after{content:url("https://www.juyoungoh.com/img/common/arrow_r_s_product.svg");}
.visual .works_ttl::after{content:url("https://www.juyoungoh.com/img/common/arrow_r_s_visual.svg");}
.art_craft .works_ttl::after{content:url("https://www.juyoungoh.com/img/common/arrow_r_s_art-craft.svg");}
.arch_env .works_ttl::after{content:url("https://www.juyoungoh.com/img/common/arrow_r_s_architecture-environmental.svg");}
.product a:hover .works_ttl{color:#6479BF;}
.visual a:hover .works_ttl{color:#C55B92;}
.art_craft a:hover .works_ttl{color:#F3921E;}
.arch_env a:hover .works_ttl{color:#4A9E59;}
.works_sub_list{
	position:relative;
	display:flex;
	flex-wrap:wrap;
	max-width:1140px;
	padding:0 20px;
	margin:80px auto 0;
}
.works_sub_list::before{
	position:absolute;
	content:"";
	width:calc(100% - 40px);
	height:1px;
	background:#ddd;
	top:0;
	left:20px;
	z-index:10;
}
.product .works_sub_list::before{background:#6479BF;}
.visual .works_sub_list::before{background:#C55B92;}
.art_craft .works_sub_list::before{background:#F3921E;}
.arch_env .works_sub_list::before{background:#4A9E59;}
.works_sub_item:nth-child(3n)::before{display:none;}
.works_sub_item{
	position:relative;
	width:33.33333%;
	list-style:none;
	margin:0;
	padding:0;
	border-bottom:1px solid #ddd;
}
.product .works_sub_item{border-color:#6479BF;}
.visual .works_sub_item{border-color:#C55B92;}
.art_craft .works_sub_item{border-color:#F3921E;}
.arch_env .works_sub_item{border-color:#4A9E59;}
.works_sub_item::after{
	position:absolute;
	content:"";
	width:1px;
	height:20px;
	background:#ddd;
	top:calc(50% - 10px);
	right:0;
}
.product .works_sub_item::after{background:#6479BF;}
.visual .works_sub_item::after{background:#C55B92;}
.art_craft .works_sub_item::after{background:#F3921E;}
.arch_env .works_sub_item::after{background:#4A9E59;}
.works_sub_item:nth-child(3n)::after{display:none;}
.works_sub_link{
	display:block;
	font-size:1.5rem;
	letter-spacing:1.8px;
	line-height:2.9rem;
	font-weight:500;
	padding:26px 55px 26px 20px;
	background:url("https://www.juyoungoh.com/img/common/arrow_r_l_black.svg") no-repeat transparent center right 20px;
	text-decoration:none;
	color:#333;
	transition:color 0.3s,background 0.3s;
}
.product .works_sub_link{background-image:url("https://www.juyoungoh.com/img/common/arrow_r_l_product.svg");}
.visual .works_sub_link{background-image:url("https://www.juyoungoh.com/img/common/arrow_r_l_visual.svg");}
.art_craft .works_sub_link{background-image:url("https://www.juyoungoh.com/img/common/arrow_r_l_art-craft.svg");}
.arch_env .works_sub_link{background-image:url("https://www.juyoungoh.com/img/common/arrow_r_l_architecture-environmental.svg");}
.works_sub_link:hover{background:url("https://www.juyoungoh.com/img/common/arrow_r_l_blue.svg") no-repeat center right 20px;}
.product .works_sub_link:hover{background-image:url("https://www.juyoungoh.com/img/common/arrow_r_l_product.svg");background-color:#E0E3F3;color:#6479BF;}
.visual .works_sub_link:hover{background-image:url("https://www.juyoungoh.com/img/common/arrow_r_l_visual.svg");background-color:#F3DEE9;color:#C55B92;}
.art_craft .works_sub_link:hover{background-image:url("https://www.juyoungoh.com/img/common/arrow_r_l_art-craft.svg");background-color:#FDE9D3;color:#F3921E;}
.arch_env .works_sub_link:hover{background-image:url("https://www.juyoungoh.com/img/common/arrow_r_l_architecture-environmental.svg");background-color:#DAEBDE;color:#4A9E59;}
.works_creator{
	margin:0;
	color:#666;
	font-size:1.2rem;
	letter-spacing:0.96px;
}
.dept_link_btn{
	display:block;
	width:340px;
	padding:21px 0 20px;
	margin:auto;
	color:#fff !important;
	font-weight:500;
	letter-spacing:1.8px;
	text-align:center;
	text-decoration:none;
	transition:background 0.3s, color 0.3s;
	border:1px solid #ccc;
}
.dept_link_btn[target="_blank"]{
	padding-right:20px;
	background:url("https://www.juyoungoh.com/img/common/popup_white.svg") no-repeat center right 20px !important;
}
.product .dept_link_btn{background-color:#6479BF !important;border-color:#6479BF !important;}
.visual .dept_link_btn{background-color:#C55B92 !important;border-color:#C55B92 !important;}
.art_craft .dept_link_btn{background-color:#F3921E !important;border-color:#F3921E !important;}
.arch_env .dept_link_btn{background-color:#4A9E59 !important;border-color:#4A9E59 !important;}
.product .dept_link_btn:hover{background-color:#fff !important;color:#6479BF !important;}
.visual .dept_link_btn:hover{background-color:#fff !important;color:#C55B92 !important;}
.art_craft .dept_link_btn:hover{background-color:#fff !important;color:#F3921E !important;}
.arch_env .dept_link_btn:hover{background-color:#fff !important;color:#4A9E59 !important;}
.product .dept_link_btn[target="_blank"]:hover{background-image:url("https://www.juyoungoh.com/img/common/popup_product.svg") !important;}
.visual .dept_link_btn[target="_blank"]:hover{background-image:url("https://www.juyoungoh.com/img/common/popup_visual.svg") !important;}
.art_craft .dept_link_btn[target="_blank"]:hover{background-image:url("https://www.juyoungoh.com/img/common/popup_art-craft.svg") !important;}
.arch_env .dept_link_btn[target="_blank"]:hover{background-image:url("https://www.juyoungoh.com/img/common/popup_architecture-environmental.svg") !important;}
.teacher_wrap{padding:100px 25px 120px;}
.teacher_wrap p,.blog_wrap p{
	margin-bottom:45px;
	text-align:center;
}
.career_wrap{padding:90px 25px 100px;}
.product .career_wrap{background:url("https://www.juyoungoh.com/img/about/academics/product/bg_product.jpg") no-repeat center/cover;}
.visual .career_wrap{background:url("https://www.juyoungoh.com/img/about/academics/visual/bg_visual.jpg") no-repeat center/cover;}
.art_craft .career_wrap{background:url("https://www.juyoungoh.com/img/about/academics/art-craft/bg_art-craft.jpg") no-repeat center/cover;}
.arch_env .career_wrap{background:url("https://www.juyoungoh.com/img/about/academics/architecture-environmental/bg_architecture-environmental.jpg") no-repeat center/cover;}
.visual.design_p .career_wrap{background:url("https://www.juyoungoh.com/img/about/academics/design/bg_design.jpg") no-repeat center/cover;}
.career_wrap h2{
	padding:0;
	margin:0 auto 40px;
	color:#fff;
	font-size:2.4rem;
	letter-spacing:1.44px;
	text-align:center;
}
.career_wrap h2::before{display:none;}
.career_wrap p{
	margin-bottom:45px;
	color:#fff;
	letter-spacing:1.2px;
	text-align:center;
}
.blog_wrap{position:relative;padding:100px 25px 100px;}
.blog_wrap::after{
	position:absolute;
	content:"";
	width:calc(100% - 40px);
	max-width:1140px;
	height:1px;
	background:#ddd;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
}
.academics .mylist_btn{margin-top:100px;}

.other_dept_area{
	padding:100px 20px 20px;
	margin:90px 0 0;
	border-top:1px solid #ddd;
}
.other_dept_list{
	display:flex;
	flex-wrap:wrap;
	max-width:1100px;
	padding:0;
	margin:50px auto 0;
}
.other_dept_item{
	list-style:none;
	width:31.454%;
	margin:0 2.818% 0 0;
}
.other_dept_item:last-child{margin-right:0;}
.other_dept_link{
	display:flex;
	flex-direction:column;
	height:100%;
	text-decoration:none !important;
}
.other_dept_img{
	flex-shrink:0;
	overflow:hidden;
}
.other_dept_img img{transition:transform 0.3s;}
a:hover .other_dept_img img{transform:scale(1.05);}
.other_dept_txt{
	height:100%;
	padding:23px 20px 43px;
	background:no-repeat right 20px bottom 30px;
	border-bottom:2px solid;
	transition:background-color 0.3s;
}
.item_product .other_dept_txt{
	background-image:url("https://www.juyoungoh.com/img/common/arrow_r_l_product.svg");
	border-color:#6479BF;
}
.item_product a:hover .other_dept_txt{background-color:#EFF1F9 !important;}
.item_visual .other_dept_txt{
	background-image:url("https://www.juyoungoh.com/img/common/arrow_r_l_visual.svg");
	border-color:#C55B92;
}
.item_visual a:hover .other_dept_txt{background-color:#F3DEE9 !important;}
.item_art_craft .other_dept_txt{
	background-image:url("https://www.juyoungoh.com/img/common/arrow_r_l_art-craft.svg");
	border-color:#F3921E;
}
.item_art_craft a:hover .other_dept_txt{background-color:#FDE9D3 !important;}
.item_arch_env .other_dept_txt{
	background-image:url("https://www.juyoungoh.com/img/common/arrow_r_l_architecture-environmental.svg");
	border-color:#4A9E59;
}
.item_arch_env a:hover .other_dept_txt{background-color:#DAEBDE !important;}
.other_dept_ttl{
	padding:0;
	margin:0 0 14px;
	font-size:2rem;
	font-weight:500;
	letter-spacing:1.2px;
}
.item_product .other_dept_ttl{color:#6479BF;}
.item_visual .other_dept_ttl{color:#C55B92;}
.item_art_craft .other_dept_ttl{color:#F3921E;}
.item_arch_env .other_dept_ttl{color:#4A9E59;}
.other_dept_ttl::before{display:none;}
.other_dept_ttl::after{
	content:attr(data-en)'';
	display:block;
	margin-top:-1px;
	font-size:1rem;
	font-weight:normal;
	line-height:1.5rem;
}
.other_dept_intro{
	color:#333;
	font-size:1.3rem;
	letter-spacing:1.56px;
	line-height:2rem;
}


/* 2023以降 */
.academics_link_past{max-width:1100px;margin:50px auto 100px;}
.academics_link_past a{
	display:block;
	background:#F5F5F5;
	padding:20px;
	text-align:center;
}
.academics_list.design_list{
	display:block;
	padding:0;
	max-width:1100px;
	margin:0 auto 50px;
}
.academics_list.design_list .academics_item{
	list-style:none;
	width:auto;
	margin-bottom:50px;
}
.academics_list.design_list .academics_link{transition:background .3s;}
.academics_list.design_list .item_visual a:hover{background-color:#F9EEF4 !important;}
.academics_list.design_list .item_art_craft a:hover{background-color:#FEF4E8 !important;}
.academics_list.design_list .item_arch_env a:hover{background-color:#ECF5EE !important;}

.academics_item_catch{position:relative;}
.academics_item_catch_img{position:relative;height:400px;color:#fff;overflow:hidden;}
.academics_item_catch_img::after{
	content:'';
	display:block;
	width:200px;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	background:rgba(197, 91, 146,0.7);
	z-index:1;
}
.academics_item_catch_img::before{
	content:'';
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	bottom:0;
	background:linear-gradient(0deg, #000 0%, rgba(0,0,0,0) 100%);
	opacity:0.4;
	z-index:1;
}
.item_art_craft .academics_item_catch_img::after{background:rgba(243, 146, 30,0.7);}
.item_arch_env .academics_item_catch_img::after{background:rgba(74, 158, 89,0.7);}
.academics_item_catch_img img{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
	object-position:top;
	transition:all 0.3s;
}
a:hover .academics_item_catch_img img{transform:scale(1.03);}
.academics_item_catch_img h3{
	position:absolute;
	top:80px;
	left:50px;
	z-index:2;
	color:#fff !important;
}
.item_visual .academics_item_catch_img .academics_ttl,.item_art_craft .academics_item_catch_img .academics_ttl,.item_arch_env .academics_item_catch_img .academics_ttl{
	color:#fff !important;
}
.academics_item_catch_txt{
	position:absolute;
	bottom:40px;
	left:50px;
	color:#fff;
	max-width:500px;
	z-index:1;
}
.academics_item_catch_txt .academics_intro{
	font-size:1.3rem;
	letter-spacing:1.56px;
	line-height:2.2rem;
	margin:0;
	min-height:1rem;
}
.academics_item_catch_txt .academics_intro.txt_s{font-size:1.1rem;letter-spacing:1.32px;line-height:1.9rem;margin-top:18px;}
.design_list .item_visual dt,.design_list .item_art_craft dt,.design_list .item_arch_env dt{background:none;}
.design_list dl{font-size:1.3rem;padding:0 80px 30px 20px;margin:20px 0 0;}
.design_list dl dt{margin-bottom:10px;}
.design_list dt span{
	display:inline-block;
	width:86px;
	line-height:2.8rem;
	text-align:center;
	border:1px solid;
	color:#fff;
}
.design_list .item_visual dt span{background-color:#C55B92;}
.design_list .item_art_craft dt span{background-color:#F3921E;}
.design_list .item_arch_env dt span{background-color:#4A9E59;}
.design_list .item_visual dt span.academics_cate{border-color:#C55B92;color:#C55B92;background:#fff;}
.design_list .item_art_craft dt span.academics_cate{border-color:#F3921E;color:#F3921E;background:#fff;}
.design_list .item_arch_env dt span.academics_cate{border-color:#4A9E59;color:#4A9E59;background:#fff;}
.design_list .item_visual dl{background:url("https://www.juyoungoh.com/img/common/arrow_r_l_visual.svg") right 20px bottom 30px no-repeat;border-bottom:2px solid #C55B92;}
.design_list .item_art_craft dl{background:url("https://www.juyoungoh.com/img/common/arrow_r_l_art-craft.svg") right 20px bottom 30px no-repeat;border-bottom:2px solid #F3921E;}
.design_list .item_arch_env dl{background:url("https://www.juyoungoh.com/img/common/arrow_r_l_architecture-environmental.svg") right 20px bottom 30px no-repeat;border-bottom:2px solid #4A9E59;}


.year_flow_design{background:#F9F5F2;padding:100px 50px 24px 100px;margin-bottom:120px;}
.year_flow_box{
	position:relative;
	background:#fff;
	padding:50px 20px 50px 70px;
	margin-bottom:56px;
}
.year_step{
	display:flex;
	width:115px;
	height:115px;
	justify-content:center;
	align-items:center;
	color:#fff;
	font-size:3.6rem;
	font-weight:bold;
	background:#000;
	border-radius:50%;
	position:absolute;
	left:-56px;
	top:-46px;
}
.year_step span{display:block;position:relative;}
.year_step span::before{
	content:'Step';
	font-size:1.3rem;
	position:absolute;
	right:100%;
	bottom:9px;
	font-weight:normal;
	letter-spacing:normal;
	margin-right:2px;
}
.year_flow_box .font_large{
	color:#000;
	font-size:2.4rem;
	letter-spacing:1.92px;
	line-height:3.6rem;
	margin-bottom:16px;
}
.year_flow_box ul{margin-bottom:0;}
.year_flow_box ul li{margin-bottom:5px;}
.year_flow_box ul li:last-child{margin-bottom:0;}

.field_list{
	display:flex;
	flex-wrap:wrap;
}
.field_list li{width:25%;padding-right:20px;line-height:1.8rem;}

.design_p .catch_wrap{padding-bottom:50px;}
.design_p .catch_area::before{display:none;}
.design_p .catch_txt{
	position:relative;
	bottom:auto;
	left:auto;
	color:#000;
	font-size:2.4rem;
	letter-spacing:1.44px;
	line-height:3.6rem;
	max-width:1100px;
	margin:26px auto 0;
	font-weight:500;
}
.design_p .other_dept_item{width:48.591%;}

.design_p .nid_link{padding:0;margin:70px 0;}
.design_p .nid_link a{display:flex;text-decoration:none;padding:30px;transition:background .3s;}
.design_p .nid_link.nid_design a:hover{background-color:#F9EEF4 !important;}
.design_p .nid_link.nid_art-craft a:hover{background-color:#FEF4E8 !important;}
.design_p .nid_link.nid_architecture-environmental a:hover{background-color:#ECF5EE !important;}
.design_p .nid_link_thum{width:300px;overflow:hidden;margin-right:30px;}
.design_p .nid_link_thum img{transition:all 0.3s;}
.design_p a:hover .nid_link_thum img{transform:scale(1.03);}
.design_p .nid_link_txt{
	width:calc(100% - 330px);
	position:relative;
	display:flex;
	justify-content:center;
	align-items:center;
	padding:40px;
}
.design_p .nid_link_txt::before,
.design_p .nid_link_txt::after{
	content:'';
	position:absolute;
	width:40px;
	height:40px;
}
.design_p .nid_link_txt::before{
	top:0;
	left:0;
	border-top:1px solid #333;
	border-left:1px solid #333;
}
.design_p .nid_link_txt::after{
	right:0;
	bottom:0;
	border-right:1px solid #333;
	border-bottom:1px solid #333;
}
.design_p .nid_link_txt img{display:block;margin:0 auto 20px;}
.design_p .nid_link_txt p{
	text-align:center;
	font-size:2rem;
	letter-spacing:2.4px;
	line-height:3.2rem;
	font-weight:500;
	margin:0;
	color:#333 !important;
	background:url("https://www.juyoungoh.com/img/common/arrow_r_l_black.svg") center bottom no-repeat;
	padding-bottom:30px;
}
.design_p .other_dept_img{height:195px;}
.design_p .other_dept_img img{
	object-fit:cover;
	width:100%;
	height:100%;
}
.ryoiki_list{display:flex;padding:0;justify-content:center;align-items:center;margin:50px auto 100px;}
.ryoiki_list li{
	list-style:none;
	width:50%;
	max-width:400px;
	border-left:1px solid #ccc;
	padding:20px;
	font-size:2.8rem;
	letter-spacing:1.68px;
	line-height:2.7rem;
	text-align:center;
	font-weight:500;
}
.ryoiki_list li:last-child{border-right:1px solid #ccc;}
.content_box.w1100.ryoiki{margin-bottom:100px;}
.design_p .flow_ttl_box{padding:0 43px 50px;}
.design_p .flow_ttl_box p{font-size:2.2rem;letter-spacing:2.2px;}
.content_area.academics_top .past_h{margin-top:100px !important;}

.fea_two{
	padding:0;
	display:flex;
	margin:30px 0;
	border-left:1px solid #ccc;
}
.fea_two li{
	width:50%;
	border-right:1px solid #ccc;
	padding:60px 20px;
	list-style:none;
}
.fea_two li img{display:block;width:auto;height:auto;max-width:162px;margin:auto;}
.p_txt{margin:20px 0 50px;}

#toc_container{
	border:none;
	display:block !important;
	background:#FAFAFA;
	padding:48px 45px 30px;
}
.disign .toc_list{
	padding-left:0;
	border-top:1px solid #ddd;
}
.disign .toc_list li{
	list-style:none;
	border-bottom:1px solid #ddd;
}
.disign .toc_list li:not(:last-child){margin-bottom:0;}
.disign .toc_list a{
	position:relative;
	display:block;
	padding:18px 20px 18px 49px;
	font-size:1.5rem;
	font-weight:500;
	letter-spacing:1.8px;
	text-decoration:none !important;
	transition:background-color 0.3s, color 0.3s;
}
.disign .toc_list a:hover{
	background-color:#E5F5FF;
	color:#09f;
}
.disign .toc_list a::after{
	content:'';
	position:absolute;
	top:0;
	left:25px;
	bottom:2px;
	margin:auto;
	width:8px;
	height:8px;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
	transform:rotate(45deg);
	transition:border-color 0.3s;
}
.disign .toc_list a:hover::after{border-color:#09f;}

.fea_color_wrap{max-width:1100px;margin:0 auto 100px;text-align:center;padding:0 20px;}
.fea_color_wrap h2{
	padding-bottom:60px;
	border-bottom:1px solid #ccc;
}
.fea_color_wrap h3{
	padding:0;
	text-align:center;
	font-size:2.2rem;
	letter-spacing:2.64px;
	line-height:3.2rem;
}
.fea_color_wrap h3::before{display:none;}
.fea_color_wrap p{max-width:800px;margin:20px auto;}
.fea_color_wrap p.fea_color_cate{margin:20px auto;}
.fea_color_cate span{
	display:inline-block;
	width:200px;
	line-height:2.8rem;
	text-align:center;
	border:1px solid #333;
	padding:0 2px;
	font-size:1.3rem;
	letter-spacing:1.56px;
	margin:5px;
}
.society_txt_box{text-align:center;}
.society_txt_box h3{margin:50px 0 20px;}
.disign .txt_movie{margin-top:30px;}

.mfp-container{max-width:600px;}
.field_modal{
	position: relative;
	max-width:600px;
	background: #fff;
	padding: 20px;
}
.field_modal .image img{display:block;width:100%;height:auto;max-width:600px;}
.field_modal p strong{display:block;color:#000;font-size:2rem;font-weight:500;}
.design_p .field_img_item .filed_thum{overflow:hidden;margin-bottom:15px;}
.design_p .field_img_item img{margin-bottom:0;transition:transform .3s;}
.design_p .field_img_item a:hover img{transform:scale(1.03);}
.design_p .field_img_item a{text-decoration:none;}
.art_craft .field_img_item a:hover{color:#F3921E;}
.arch_env .field_img_item a:hover{color:#4A9E59;}

.art_craft .field_wrap p.art_craft_p_b{
	color:#333;
	font-size:1.5rem;
	letter-spacing:1.8px;
	line-height:1.93em;
	max-width:1100px;
	margin:0 auto 20px;
}


@media screen and (min-width:1025px) and (max-width:1280px){

.academics_txt_box{
	padding:53px 25px 65px;
	margin:-90px 25px 80px;
}
.academics_intro{
	font-size:1.4rem;
	letter-spacing:1.56px;
}

}


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

.flow_ttl_box{
	bottom:30px;
	height:305px;
	padding:30px 35px 30px;
}
.design_p .flow_ttl_box{padding:30px 35px 30px;}
.flow_ttl_box.pos_r{right:30px;}
.flow_ttl_box.pos_l{left:30px;}

}


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

/*----- academics/top -----*/
.ttl_wrap.academics_top{padding:0 20px;}
.ttl_wrap.academics_top::before{
	right:20px;
	left:20px;
}
.academics_top .ttl_area{padding:0 40px;}
.academics_top .page_title{margin-bottom:35px;}
.academics_top .page_title::before{margin-bottom:-10px;}
.academics_top_mv_intro{
	font-size:1.5rem;
	letter-spacing:1.8px;
	line-height:2.7rem;
}
.content_area.academics_top{padding:0 20px;}
.academics_link_wrap{margin-top:0 !important;}
.academics_link_first{
	padding:20px;
	margin-bottom:40px;
}
.academics_txt_first{
	width:calc(100% - 405px);
	padding:0;
	margin-right:30px;
}
.academics_ttl_first,
.academics_head{
	font-size:2.4rem;
	letter-spacing:1.44px;
}
.about_txt_large{
	width:32.909%;
	font-size:2.4rem;
}
.font_strong{font-size:2.5rem;}
.department_name{
	font-size:2.1rem;
	padding:13px 15px;
}
.department_name::after{
	right:20px !important;
	font-size:1.2rem;
}
.year_flow .font_large{
	font-size:1.8rem;
	letter-spacing:1.2px;
	line-height:4.0rem;
}
.year_flow p{font-size:1.4rem;}
.w1300 .font_strong{margin:50px 0 23px;}
.info_head{font-size:1.7rem;}
.txt_l{width:calc(100% - 330px);}
.txt_l p{line-height:2.2rem;}
.movie_r{width:290px;}

.academics_mv_intro{
	font-size:1.5rem;
	letter-spacing:1.8px;
	line-height:2.7rem;
}
.academics_txt_box{
	padding:40px 25px 50px;
	margin:-90px 20px 80px;
}
.academics_ttl{font-size:2.2rem;}
.academics_intro{min-height:100px;font-size: 1.3rem;}
.academics_item{margin-bottom:80px !important;}
.item_visual .academics_txt_box,
.item_product .academics_txt_box,
.item_art_craft .academics_txt_box,
.item_arch_env .academics_txt_box{
	background-position:right 25px bottom 25px;
}
.academics_link{
	height:100%;
	display:flex;
	flex-direction:column;
	align-items:center;
}
.academics_img_box{
	overflow:hidden;
	flex-shrink:0;
}
.academics_txt_box{
	flex-grow:1;
	margin:0;
	margin-top:-90px;
	width:90%;
}
.min_w22{width:140px;}
.flow_ttl_box{
	position:relative;
	width:100%;
	height:auto;
	bottom:auto;
	padding:25px 30px;
}
.flow_ttl_box.pos_r{right:0;}
.flow_ttl_box.pos_l{left:0;}
.flow_year{
	padding:0 0 20px;
	margin:0 0 20px;
}
.flow_year img{width:70px;}
.society_txt_box{padding:20px 25px 30px;}
.department_head{font-size:2.3rem;}
.catch_txt{
	bottom:0;
	left:25px;
	font-size:2.5rem;
	line-height:4rem;
}
.field_wrap p{font-size:2.5rem;}

.other_dept_area{
	padding:80px 20px 20px;
	margin-top:60px;
}
.other_dept_txt{padding:18px 14px 38px;}
.other_dept_ttl{
	font-size:1.7rem;
}


/* 2023以降 */
.academics_item_catch_img{height:auto;}
.academics_item_catch_img::after{width:170px;}
.academics_list.design_list .academics_link{display:block;height:auto;}

}

@media screen and (min-width:768px) and (max-width:900px){
.design_p .catch_txt{
	font-size:2rem;
	letter-spacing:1.2px;
	line-height:3rem;
}
.design_p .catch_txt br.pc_size{display:none !important;}
.design_p .catch_wrap::after{height:calc(100% - 200px);}
.field_list li{width:50%;}

.design_p .nid_link_txt{padding:30px 25px;}
.design_p .nid_link_txt::before,
.design_p .nid_link_txt::after{
	width:20px;
	height:20px;
}
.design_p .nid_link_txt img{max-width:160px;}
.design_p .nid_link_txt p{font-size:1.7rem;letter-spacing:2px;line-height:3rem;}

}

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

/*----- academics/top -----*/
.ttl_wrap.academics_top{padding:0;}
.ttl_wrap.academics_top::before{display:none;}
.academics_top .ttl_area{
	position:static;
	padding:36px 20px 0;
}
.academics_top .page_title{
	margin-bottom:20px;
	color:#000;
	text-shadow:none;
}
.academics_top .page_title::before{
	margin-bottom:3px;
	color:#666;
	font-size:1.1rem;
	letter-spacing:1.32px;
}
.academics_mv_intro{
	margin-bottom:49px;
	color:#333;
	font-size:1.3rem;
	letter-spacing:0.78px;
	line-height:2.2rem;
	text-shadow:none;
}
.academics_intro_first{line-height:2.3rem;}

.content_area.academics_top{padding:0 20px;}
.academics_link_wrap{margin-top:0 !important;}
.academics_link_first{
	display:block;
	padding:0;
	margin-bottom:56px;
}
.academics_img_first{width:100%;}
.academics_txt_first{
	width:100%;
	padding:0 0 74px;
	margin:0;
	background-position-y:bottom 30px;
	background-image:url("https://www.juyoungoh.com/img/common/smp_arrow_r_l_black.svg");
}
a:hover .academics_txt_first{background-image:url("https://www.juyoungoh.com/img/common/smp_arrow_r_l_blue.svg")}
.academics_ttl_first{
	margin-bottom:6px;
	font-size:2rem;
	letter-spacing:1.2px;
}
.academics_ttl_first:after{
	margin-top:-4px;
	font-size:1.1rem;
	letter-spacing:1.32px;
}
.academics_head{
	margin-bottom:15px;
	font-size:2rem;
	letter-spacing:1.2px;
}
.academics_txt{
	margin-bottom:35px;
	line-height:2.5rem;
}
.academics_list{display:block;}
.academics_item{
	width:100%;
	margin-bottom:60px !important;
}
.academics_img_box{
	position:relative;
	left:calc(50% - 50vw);
	width:100vw;
}
.academics_txt_box{
	padding:25px 20px 73px;
	margin:-50px auto 0;
	background-position:right 20px bottom 30px !important;
}
.academics_ttl{
	margin-bottom:9px;
	font-size:2rem;
	letter-spacing:1.2px;
}
.academics_ttl::after{
	margin-top:-4px;
	font-size:1rem;
	letter-spacing:1.2px;
}
.academics_intro{
	min-height:auto;
	margin-bottom:27px;
	line-height:2rem;
}
.petit_info{min-height:auto;}
.petit_info dt{
	font-weight:normal;
	line-height:1.7em;
	padding:0;
	margin-bottom:12px;
}
.petit_info dd{
	font-size:1.2rem;
	letter-spacing:1.44px;
	line-height:1.8rem;
}
.academics_icon_list{
	display:block;
	margin-bottom:60px;
	border-top:1px solid #ddd;
}
.academics_icon_item{
	width:auto;
	border-bottom:1px solid #ddd;
}

.academics_icon_link{
	display:flex;
	align-items:center;
	padding:12px 35px 14px 20px;
	background-image:url("https://www.juyoungoh.com/img/common/smp_arrow_r_s_black.svg");
	background-position:center right 10px;
	border:none;
}
.academics_icon_link:hover{background-image:url("https://www.juyoungoh.com/img/common/smp_arrow_r_s_blue.svg");}

.academics_icon_txt{
	padding:7px 0 7px 60px;
	background-position:center left !important;
	background-size:42px !important;
}
.item_product .academics_txt_box{background-image:url("https://www.juyoungoh.com/img/common/smp_arrow_r_l_product.svg");}
.item_visual .academics_txt_box{background-image:url("https://www.juyoungoh.com/img/common/smp_arrow_r_l_visual.svg");}
.item_art_craft .academics_txt_box{background-image:url("https://www.juyoungoh.com/img/common/smp_arrow_r_l_art-craft.svg");}
.item_arch_env .academics_txt_box{background-image:url("https://www.juyoungoh.com/img/common/smp_arrow_r_l_architecture-environmental.svg");}


/*----- feature -----*/
.content_box.w1100{padding:0 20px;}
.font_strong{
	font-size:1.8rem;
	letter-spacing:2.16px;
	line-height:3rem;
	margin:35px 0 20px;
}
.font_strong + p{margin-bottom:40px;}
.feature_gallery{margin-bottom:55px;}
.gallery_item{
	width:49.5%;
	margin-bottom:2px !important;
}
.acc_department{margin-bottom:10px;}
.department_name{
	padding:13px 12px;
	font-size:1.8rem;
	letter-spacing:1.08px;
}
.department_name::after{
	right:12px;
	font-size:1.1rem;
	letter-spacing:1.2px;
}
.department_name span::before, .department_name span::after{
	right:40px;
	width:14px;
}
.department_info{margin:0 12px;}
.info_head{
	margin:20px 0 7px;
	font-size:1.6rem;
	letter-spacing:1.92px;
	line-height:2.5rem;
}
.txt_movie{
	display:block;
	padding-bottom:30px;
	margin-bottom:18px;
}
.txt_l{
	width:auto;
	margin:0 0 30px;
}
.txt_l p{
	line-height:2rem;
	margin-bottom:18px;
}
.txt_l dd{
	letter-spacing:0.96px;
	margin-bottom:18px !important;
}
.movie_r{width:auto;}
.movie_thumb.large::after{background-size:44px !important;}
.department_btn{margin-bottom:18px;}
.year_flow{
	display:block;
	margin:48px 0 60px;
	border-top:1px solid #ddd;
}
.year_flow::before{display:none;}
.year_flow div{
	width:auto;
	padding:35px 5px 31px;
	margin:0 !important;
	border-right:none;
	border-left:none !important;
	border-bottom:1px solid #ddd;
}
.year_icon{
	top:35px;
	left:20px;
	width:65px;
}
.year_flow .font_large{
	font-size:1.8rem;
	letter-spacing:1.44px;
	line-height:3.4rem;
}
.year_flow p{
	letter-spacing:1.3px;
	line-height:2rem;
}
.year_flow .font_large + p{margin-top:6px;}
.year_flow .font_large span{
	display:block;
	margin-top:-3px;
	font-size:1.3rem;
	letter-spacing:1.3px;
}
.content_box.w1300{padding:0;}
.w1300 .font_strong{margin:32px 0 19px;}
.w1300 .font_strong + p{
	line-height:2.5rem;
	margin-bottom:44px;
}
.copy_wrap{
	display:block;
	margin-bottom:60px;
}
.copy_wrap img{margin:0 auto 35px;}
.society_txt_area{
	padding:0;
	margin:-15px auto 0;
}
.society_txt_box{padding:5px 20px 32px;}
.society_txt_box h3{
	margin-bottom:25px;
	font-size:1.5rem;
	letter-spacing:1.2px;
}
.project_item{
	width:48.5%;
	margin-bottom:30px !important;
	line-height:2.0rem;
}
.project_item img{margin-bottom:8px;}
.department_head{
	margin:60px 0 25px;
	font-size:1.8rem;
	letter-spacing:2.16px;
}
.w1300 .academics_list{padding:0 20px;}
.feature .mylist_btn{margin:60px auto 50px;}

/*----- academics -----*/
.page_title.academics{margin-bottom:30px;}
.catch_wrap{
	padding:0 20px 30px;
	margin-bottom:70px;
}
.catch_wrap::after{height:200px;}
.catch_txt{
	bottom:15px;
	left:15px;
	margin:0;
	font-size:1.7rem;
	letter-spacing:0.8px;
	line-height:3rem;
}
.with_border{
	width:156px;
	padding:5px 0 7px;
	margin-bottom:28px;
	font-size:2rem;
}
.academics .content_box{margin-top:0;}
.movie_box{
	padding:35px 20px;
	margin:55px 0 60px;
}
.movie_box h3{
	margin-bottom:15px;
	font-size:1.4rem;
	letter-spacing:0.84px;
}
.movie_box .popup_iframe{margin-bottom:7px;}
.field_wrap{
	padding:60px 20px 34px;
	margin-bottom:60px;
}
.field_wrap p{
	margin-top:40px;
	font-size:1.8rem;
	letter-spacing:2.7px;
	line-height:3rem;
}
.field_img_list{justify-content:flex-start;}
.field_img_item{
	width:48.358%;
	margin:0 3.283% 25px 0 !important;
	line-height:2.0rem;
}
.field_img_item:nth-child(2n){margin-right:0 !important;}
.field_img_item img{margin-bottom:8px;}
.flow_wrap{
	padding:0;
	margin:60px 0;
}
.flow_ttl_box{
	position:static;
	width:auto;
	height:auto;
	padding:25px 30px;
}
.flow_year_area{margin-bottom:30px;}
.flow_year{margin-bottom:17px;}
.flow_year img{
	width:70px;
	margin:0;
}
.flow_ttl_box p{
	font-size:2rem;
	letter-spacing:2px;
	line-height:3rem;
}
.acc_class_list{
	margin:0 20px 60px;
}
.class_info{padding-bottom:15px;}
.class_info .w19{width:33%;}
.class_info td ul{display:block;}
.class_info td li{width:100%;padding-right:0;}
.class_head{font-size:1.3rem;padding:17px 12px;}
.class_head::after{font-size:1.1rem;right:10px;}
.class_head span::before, .class_head span::after{right:45px;}
.flow_year_area + h3{
	margin:0 20px 15px;
	font-size:1.3rem;
	letter-spacing:1.56px;
}
.class_img_list{
	padding:0 20px;
	margin-bottom:24px;
}
.class_img_item{
	font-size:1.3rem;
	letter-spacing:1.04px;
	line-height:2.0rem;
}
.class_img_item img{margin-bottom:3px;}
.class_img{margin:0 20px 25px;}
.semester_wrap{display:block;}
.semester_head{
	margin:11px 0 0;
	font-size:1.1rem;
	white-space:nowrap;
	letter-spacing:1.56px;
}
.subject_class{font-size:1.1rem;}
.min_w22{width:74px;}
.works_wrap{padding:50px 0 60px;}
.works_list{
	padding:0 20px;
	margin-bottom:10px;
}
.works_item{
	width:48.358%;
	margin:0 3.283% 25px 0 !important;
}
.works_item:nth-child(2n){margin-right:0 !important;}
.works_img_wrap{margin-bottom:5px;}
.works_ttl{letter-spacing:1.04px;}
.works_creator{
	margin-top:-4px;
	font-size:1rem;
	letter-spacing:0.8px;
}
.dept_link_btn{
	width:auto;
	max-width:300px;
	padding:18px 0 17px;
	font-size:1.3rem;
	letter-spacing:1.56px;
}
.teacher_wrap{padding:50px 20px 56px;}
.teacher_wrap p{margin-bottom:25px;}
.career_wrap{padding:60px 20px 65px;}
.career_wrap h2{
	margin-bottom:20px;
	font-size:1.8rem;
	letter-spacing:1.08px;
}
.career_wrap p{
	margin-bottom:25px;
	line-height:2.7rem;
}
.works_sub_list{margin:50px auto 0;}
.works_sub_item{margin-bottom:0 !important;}
.works_sub_link{
	font-size:1.2rem;
	padding:16px 32px 14px 10px;
	background-position:center right 10px;
}
.blog_wrap{padding:100px 25px 61px;}
.academics .mylist_btn{margin-top:80px;}
.content_area.academics+.ln{margin-top:70px;}

.product .works_ttl::after{content:url("https://www.juyoungoh.com/img/common/smp_arrow_r_s_product.svg");}
.visual .works_ttl::after{content:url("https://www.juyoungoh.com/img/common/smp_arrow_r_s_visual.svg");}
.art_craft .works_ttl::after{content:url("https://www.juyoungoh.com/img/common/smp_arrow_r_s_art-craft.svg");}
.arch_env .works_ttl::after{content:url("https://www.juyoungoh.com/img/common/smp_arrow_r_s_architecture-environmental.svg");}

.works_sub_link{background-image:url("https://www.juyoungoh.com/img/common/smp_arrow_r_s_black.svg");}
.product .works_sub_link{background-image:url("https://www.juyoungoh.com/img/common/smp_arrow_r_s_product.svg");}
.visual .works_sub_link{background-image:url("https://www.juyoungoh.com/img/common/smp_arrow_r_s_visual.svg");}
.art_craft .works_sub_link{background-image:url("https://www.juyoungoh.com/img/common/smp_arrow_r_s_art-craft.svg");}
.arch_env .works_sub_link{background-image:url("https://www.juyoungoh.com/img/common/smp_arrow_r_s_architecture-environmental.svg");}
.works_sub_link:hover{background-image:url("https://www.juyoungoh.com/img/common/smp_arrow_r_s_blue.svg");}
.product .works_sub_link:hover{background-image:url("https://www.juyoungoh.com/img/common/smp_arrow_r_s_product.svg");}
.visual .works_sub_link:hover{background-image:url("https://www.juyoungoh.com/img/common/smp_arrow_r_s_visual.svg");}
.art_craft .works_sub_link:hover{background-image:url("https://www.juyoungoh.com/img/common/smp_arrow_r_s_art-craft.svg");}
.arch_env .works_sub_link:hover{background-image:url("https://www.juyoungoh.com/img/common/smp_arrow_r_s_architecture-environmental.svg");}

.other_dept_area{
	padding:60px 20px 30px;
	margin-top:30px;
}
.other_dept_list{
	display:block;
	margin:0 auto;
}
.other_dept_item{
	width:auto;
	margin:0 0 40px 0 !important;
}
.other_dept_item:last-child{margin-bottom:0 !important;}

.academics_table *{font-size:0.9rem !important;}


/* 2023以降 */
.academics_link_past{max-width:1100px;margin:50px auto 100px;}
.academics_link_past a{
	padding:20px;
	font-size:1.3rem;
	letter-spacing:1.04px;
	text-align:center;
}

.academics_list.design_list{
	margin:0 auto 50px;
}
.academics_list.design_list .academics_item{
	margin-bottom:50px;
}
.academics_item_catch{position:relative;}
.academics_item_catch_img{height:auto;}
.academics_item_catch_img::after{display:none;}
.academics_item_catch_img::before{display:none;}
.item_art_craft .academics_item_catch_img::after{background:rgba(243, 146, 30,0.7);}
.item_arch_env .academics_item_catch_img::after{background:rgba(74, 158, 89,0.7);}
.academics_item_catch_img img{
	width:100%;
	height:auto;
	object-fit:contain;
}
.academics_item_catch_img h3{
	top:auto;
	bottom:0;
	left:0;
	background:rgba(197, 91, 146,0.7);
	padding:10px 22px;
	width:100%;
	margin:0;
}
.item_art_craft .academics_item_catch_img h3{background:rgba(243, 146, 30,0.7);}
.item_arch_env .academics_item_catch_img h3{background:rgba(74, 158, 89,0.7);}
.item_arch_env .academics_ttl::after{letter-spacing:0.6px;}
.academics_item_catch_txt{
	position:relative;
	bottom:auto;
	left:auto;
	color:#333;
	max-width:800px;
}
.academics_item_catch_txt .academics_intro{
	line-height:2rem;
	margin:10px 20px 0;
	min-height:1rem;
}
.academics_item_catch_txt .academics_intro.txt_s{font-size:1.1rem;letter-spacing:1.32px;line-height:1.9rem;margin-top:18px;}
.design_list dl{font-size:1.3rem;padding:0 20px 60px;}
.design_list dl dt{margin-bottom:10px;}
.design_list dl dd{font-size:1.2rem;letter-spacing:1.44px;line-height:2rem;}
.design_list .item_visual dl{background:url("https://www.juyoungoh.com/img/common/arrow_r_s_visual.svg") right 20px bottom 30px no-repeat;border-bottom:2px solid #C55B92;}
.design_list .item_art_craft dl{background:url("https://www.juyoungoh.com/img/common/arrow_r_s_art-craft.svg") right 20px bottom 30px no-repeat;border-bottom:2px solid #F3921E;}
.design_list .item_arch_env dl{background:url("https://www.juyoungoh.com/img/common/arrow_r_s_architecture-environmental.svg") right 20px bottom 30px no-repeat;border-bottom:2px solid #4A9E59;}

.year_flow_design{padding:70px 20px 20px 20px;margin-bottom:60px;}
.year_flow_box{
	padding:56px 20px 30px 20px;
	margin-bottom:50px;
}
.year_step{
	width:80px;
	height:80px;
	font-size:3rem;
	left:0;
	top:-40px;
}
.year_step span::before{
	font-size:1rem;
	bottom:9px;
	margin-right:2px;
}
.year_flow_box .font_large{
	font-size:1.8rem;
	letter-spacing:1.44px;
	line-height:2.7rem;
	margin-bottom:16px;
}
.year_flow_box ul li{line-height:2rem;}

.field_list li{width:50%;}
.field_list li:nth-child(odd){padding-right:20px;}

.design_p .catch_wrap{padding-bottom:26px;}
.design_p .catch_wrap::after{height:390px;}
.design_p .catch_txt{
	font-size:1.7rem;
	letter-spacing:1.07px;
	line-height:2.7rem;
	margin:20px auto 0;
}
.design_p .other_dept_item{width:auto;}
.design_p .field_wrap .content_box.w1100{padding:0;}
.design_p .catch_area img{max-width:800px;width:100%;}

.design_p .nid_link{padding:0;margin:50px 0;}
.design_p .nid_link a{display:block;text-decoration:none;padding:20px;}
.design_p .nid_link_thum{width:auto;margin:0 0 20px;}
.design_p .nid_link_txt{width:auto;}
.design_p .nid_link_txt img{display:block;margin:0 auto 20px;max-width:160px;}
.design_p .nid_link_txt p{
	font-size:1.6rem;
	letter-spacing:1.92px;
	line-height:2.5rem;
}
.design_p .nid_link_txt{padding:30px;}
.design_p .nid_link_txt::before,
.design_p .nid_link_txt::after{
	width:30px;
	height:30px;
}
.content_box.w1100.ryoiki{margin-bottom:50px;}
.content_box.w1100.ryoiki img{max-width:240px;margin:auto;}
.design_p .flow_ttl_box{padding:30px 25px 26px;}
.design_p .flow_ttl_box p{font-size:2rem;letter-spacing:2px;}
.content_area.academics_top .past_h{margin-top:50px !important;}
.design_p .item_arch_env .other_dept_ttl::after{letter-spacing:0.6px;}

.design_p .other_dept_img{height:120px;}
.ryoiki_list li{
	font-size:2.2rem;
	letter-spacing:1.32px;
	line-height:2.7rem;
}

/*--------- 目次 ---------*/
#toc_container{
	padding:25px 20px 7px;
	margin:45px -20px;
}
.toc_title{
	font-size:1.6rem;
	letter-spacing:0.96px;
	margin:0 !important;
}
.toc_list{margin-top:16px !important;}
.toc_list li{
	padding:0;
}
.toc_list a{
	font-size:1.3rem;
	letter-spacing:1.56px;
	line-height:1.7;
	padding:13px 20px 14px 25px;
}
.toc_list a::after{left:0;}
.art_craft .field_wrap p.art_craft_p_b{
	font-size: 1.3rem;
	letter-spacing: 1.56px;
	line-height: 2.5rem;
}
}
@media screen and (max-width:599px){
.ryoiki_list{display:block;margin:20px auto;}
.ryoiki_list li{
	width:auto;
	max-width:600px;
	border-left:none;
	padding:10px 20px;
}
.ryoiki_list li:last-child{border-right:none;}

.fea_two li img{max-width:100%;}
.p_txt{margin:20px 0 50px;}
}