@charset "utf-8";

/*===================================================================
	top
===================================================================*/
#main_visual { position:relative; z-index:2000; height:80vh; max-height:70vw; overflow:hidden; }
#main_visual .main_visual_wrap { position:relative; width:100%; height:100%; }
#main_visual .main_visual_wrap::before { content:""; position:absolute; bottom:0; left:0; display:block; width:45%; height:0; padding-bottom:calc(45% * 1.08987); background:url(../image/contents/top/mainvisual.png) no-repeat bottom right / contain; z-index:1; }
#main_visual .main_visual_wrap .text_wrap { width:55%; margin-left:auto; margin-right:0; padding:0 40px; height:100%; display:flex; flex-direction:column; justify-content:center; position:relative; z-index:2; }
#main_visual .main_visual_wrap .text_wrap .main_text { margin-bottom:40px; text-align:left; }
#main_visual .main_visual_wrap .text_wrap .main_text img { width:600px; }
#main_visual .main_visual_wrap .text_wrap .sub_text { text-align:left; padding-left:30px; }
#main_visual .main_visual_wrap .text_wrap .sub_text p { display:inline-block; text-align:left; font-size:1.5em; line-height:2.5; font-weight:bold; color:#242424; }
@media (max-width:1200px) {
	#main_visual .main_visual_wrap .text_wrap .sub_text p { font-size:1.25em; }
}
@media (max-width:991px) {
	#main_visual .main_visual_wrap .text_wrap { width:65%; padding:0 20px; filter:drop-shadow(0 0 2px #fff) drop-shadow(0 0 2px #fff) drop-shadow(0 0 2px #fff); }
}
@media (max-width:767px) {
	#main_visual { max-height:none; height:auto; }
	#main_visual .main_visual_wrap .text_wrap { width:100%; padding:40px 20px; }
	#main_visual .main_visual_wrap .text_wrap .main_text img { width:380px; }
	#main_visual .main_visual_wrap::before { width:80%; padding-bottom:calc(80% * 1.08987); opacity:.6; }
	#main_visual .main_visual_wrap .text_wrap > * { text-align:left!important; }
	#main_visual .main_visual_wrap .text_wrap .sub_text { padding-left:10px; }
}
@media (max-width:575px) {
	#main_visual .main_visual_wrap .text_wrap .sub_text p { font-size:1em; }
}

#case .case_wrap {}
#case .case_wrap ._top { background:no-repeat center center / cover; }
#case .case_wrap ._top .case_description { display:flex; flex-direction:row-reverse; justify-content:space-between; }
#case .case_wrap ._top .case_description .hl_case_1 { padding:40px 0; width:160px; }
#case .case_wrap ._top .case_description .hl_case_1 .label { width:80px; height:80px; background:#AE0442; display:flex; flex-direction:column; justify-content:center; align-items:center; color:#fff; font-size:1.5em; font-weight:bold; margin-left:auto; margin-right:auto; margin-bottom:40px; }
#case .case_wrap ._top .text_wrap { height:100%; width:calc(100% - 160px); padding-right:20px; }
#case .case_wrap ._top .text_wrap .text { display:flex; align-items:center; }
#case .case_wrap ._top .text_wrap p { font-size:1.5em; line-height:2.5; font-weight:bold; color:#242424; }
#case .case_wrap ._bottom { background:no-repeat top center / 105% auto; overflow:hidden; }
#case .case_wrap ._bottom .button_wrap { position:relative; z-index:2; }
#case .case_wrap ._bottom .hl_case_2 { text-align:center; padding-bottom:10%; position:relative; z-index:2; }
#case .case_wrap ._bottom .hl_case_2 img { width:800px; }
#case .case_wrap ._bottom .text_wrap { position:relative; }
#case .case_wrap ._bottom .text_wrap p { font-size:1.5em; line-height:2.5; font-weight:bold; color:#242424; }
@media (max-width:1200px) {
	#case .case_wrap ._top .text_wrap p { font-size:1.25em; }
	#case .case_wrap ._top .case_description .hl_case_1 .label { width:60px; height:60px; font-size:1.25em; line-height:1.4; margin-bottom:20px; }
	#case .case_wrap ._top .case_description .hl_case_1 { width:120px; }
	#case .case_wrap ._top .text_wrap { width:calc(100% - 120px); }
}
@media (max-width:991px) {
	#case .case_wrap ._bottom .text_wrap p { font-size:1.25em; }
	#case .case_wrap ._bottom .hl_case_2 img { width:600px; }
}
@media (max-width:767px) {
	#case .case_wrap ._top .case_description .hl_case_1 { width:80px; }
	#case .case_wrap ._top .text_wrap { width:calc(100% - 80px); padding-right:10px; }
	#case .case_wrap ._top .text_wrap p { font-size:1em; line-height:2; }
}
@media (max-width:575px) {
	#case .case_wrap ._bottom .text_wrap p { font-size:1em; line-height:2; }
}

#case .case_wrap._1 ._top { background-image:url(../image/contents/top/bg_case1-1.jpg); }
#case .case_wrap._1 ._bottom { background-image:url(../image/contents/top/bg_case1-2.png); }
#case .case_wrap._1 ._bottom .text_wrap::before { content:""; display:block; width:500px; height:500px; background:url(../image/contents/top/bg_case1-3.png) no-repeat center center / contain; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); z-index:1; }
#case .case_wrap._1 ._bottom .text_wrap p { position:relative; z-index:2; }
@media (max-width:991px) {
	#case .case_wrap._1 ._bottom .text_wrap::before { width:300px; height:300px; }
}

#video { position:relative; display:block; width:100%; height:0; padding-bottom:56.25%; }
#video .video_wrap { position:relative; display:block; width:100%; height:0; padding-bottom:56.25%; }
#video .video_wrap > * { position:absolute; width:100%; height:100%; display:block; top:0; left:0; }

#item { position:relative; background:url(../image/contents/top/bg_item.png) no-repeat top center / 100% auto; z-index:1; }
#item .item_wrap { position:relative; }
#item .item_wrap > .hl_item { position:absolute; top:0; right:0; width:300px; }
#item .item_wrap > .item_info_wrap { max-width:1100px; padding-top:60px; }
#item .item_wrap > .item_info_wrap .image_wrap { text-align:center; margin-bottom:60px; max-width:calc(100vw - 360px); position:relative; z-index:2; }
#item .item_wrap > .item_info_wrap .image_wrap .image { display:inline-block; width:800px; max-width:100%; }
#item .item_wrap > .item_info_wrap .text_wrap { display:flex; align-items:center; color:#242424; margin-bottom:10px; }
#item .item_wrap > .item_info_wrap .text_wrap .item_info { width:100%; }
#item .item_wrap > .item_info_wrap .text_wrap .item_info .item_title { display:flex; align-items:center; color:#242424; margin-bottom:10px; line-height:1.2; }
#item .item_wrap > .item_info_wrap .text_wrap .item_info .item_title > * {}
#item .item_wrap > .item_info_wrap .text_wrap .item_info .item_title > *:not(:first-child) { padding-left:15px; }
#item .item_wrap > .item_info_wrap .text_wrap .item_info .item_title .title_text { display:flex; align-items:center; flex-wrap:wrap; border-left:8px solid #000000; padding-left:10px; }
#item .item_wrap > .item_info_wrap .text_wrap .item_info .item_title .title_text > * { display:inline-block; line-height:1; }
#item .item_wrap > .item_info_wrap .text_wrap .item_info .item_title .main { font-weight:bold; font-size:3em; padding-bottom:5px; padding-right:15px; }
#item .item_wrap > .item_info_wrap .text_wrap .item_info .item_title .sub { font-weight:bold; font-size:1.25em; padding-top:2px; }
#item .item_wrap > .item_info_wrap .text_wrap .item_info .item_detail_wrap { display:flex; }
#item .item_wrap > .item_info_wrap .text_wrap .item_info .item_detail_wrap .item_detail { width:calc(100% - 280px); }
#item .item_wrap > .item_info_wrap .text_wrap .item_info .item_detail_wrap .item_detail > p { font-size:1.2em; }
#item .item_wrap > .item_info_wrap .text_wrap .item_info .item_detail_wrap .item_detail .figure_image img { width:540px; }
#item .item_wrap > .item_info_wrap .text_wrap .item_info .item_detail_wrap .artist { width:280px; padding-left:20px; position:relative; z-index:2; }
#item .item_wrap > .item_info_wrap .text_wrap .item_info .item_detail_wrap .artist .artist_label { text-align:center; padding:5px 0; border:solid #000000; border-width:2px 0; margin-bottom:20px; background:#fff; }
#item .item_wrap > .item_info_wrap .text_wrap .item_info .item_detail_wrap .artist .artist_label .main { font-size:1.75em; letter-spacing:.2em; text-indent:-.2em; line-height:1; }
@media (max-width:1200px) {
	#item .item_wrap > .hl_item { width:27.273%; }
	#item .item_wrap > .item_info_wrap .image_wrap { width:72.727%; max-width:none; padding-right:15px; }
}
@media (max-width:991px) {
	#item .item_wrap > .item_info_wrap .text_wrap .item_info .item_detail_wrap .item_detail > p { font-size:1em; }
}
@media (max-width:767px) {
	#item .item_wrap > .item_info_wrap .text_wrap .item_info { filter:drop-shadow(0 0 2px #fff) drop-shadow(0 0 2px #fff) drop-shadow(0 0 2px #fff); }
	#item .item_wrap > .item_info_wrap .text_wrap .item_info .item_detail_wrap { flex-direction:column; }
	#item .item_wrap > .item_info_wrap .text_wrap .item_info .item_detail_wrap > * { width:100%!important; }
	#item .item_wrap > .item_info_wrap .text_wrap .item_info .item_detail_wrap .item_detail { margin-bottom:20px; }
	#item .item_wrap > .item_info_wrap .text_wrap .item_info .item_detail_wrap .artist { padding-left:0; }
	#item .item_wrap > .item_info_wrap .text_wrap .item_info .item_detail_wrap .artist > * { max-width:200px; width:100%; margin-left:auto; margin-right:auto; }

}
@media (max-width:575px) {
	#item .item_wrap > .item_info_wrap .text_wrap .item_info .item_title .icon_image { width:70px; }
	#item .item_wrap > .item_info_wrap .text_wrap .item_info .item_title .main { font-size:2em; }
	#item .item_wrap > .item_info_wrap .text_wrap .item_info .item_title .title_text { flex-direction:column; align-items:flex-start; }
	#item .item_wrap > .hl_item { width:40%; margin-left:20px; margin-right:-20px; }
}

#information { position:relative; z-index:1; padding:160px 0 60px; }
#information .info_wrap { display:flex; align-items:flex-start; }
#information .info_wrap .hl_info { width:160px; position:relative; z-index:2; }
#information .info_wrap .hl_info::before { content:""; width:900px; height:900px; display:block; background:url(../image/contents/top/hl_info_bg.png) no-repeat center center / contain; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); z-index:-1; }
#information .info_wrap .text_wrap { width:calc(100% - 160px); padding-left:100px; position:relative; z-index:3; }
#information .info_wrap .text_wrap > p { font-size:1.5em; text-align:center; margin-bottom:30px; color:#4D4D4D; font-weight:500; }
#information .info_wrap .text_wrap .text_box { background:rgba(255, 255, 255, 0.77); box-shadow:0 1px 7px rgba(0,0,0,.16); padding:40px 60px; }
#information .info_wrap .text_wrap .text_box .tbl_1 a.clone_link .main { padding-right:30px; background:url(../image/layout/icon/clone-g.png) no-repeat center right / 20px auto; }
#information .info_wrap .text_wrap .text_box .tbl_1 a.clone_link:hover .main { text-decoration:underline; }
#information .info_wrap .text_wrap .text_box .tbl_1 ul li { text-indent:-1em; padding-left:1em; line-height:1.8; }
#information .info_wrap .text_wrap .text_box .tbl_1 ul li::before { content:"・"; }
@media (max-width:1200px) {
	#information .info_wrap .text_wrap { padding-left:40px; }
	#information .info_wrap .text_wrap .text_box { padding:20px 30px; }
	#information .info_wrap .text_wrap > p { font-size:1.25em; }
}
@media (max-width:991px) {
	#information .info_wrap { flex-direction:column; }
	#information .info_wrap > * { width:100%!important; }
	#information .info_wrap .hl_info { margin-bottom:20px; }
	#information .info_wrap .hl_info::before { width:100%; height:0; padding-bottom:100%; top:0; left:0; transform:translate(-35%,-25%); }
	#information .info_wrap .hl_info img { width:300px; }
	#information .info_wrap .text_wrap { padding-left:0; }
	#information .info_wrap .hl_info img,
	#information .info_wrap .text_wrap > p { filter:drop-shadow(0 0 3px #fff) drop-shadow(0 0 3px #fff); }
}
@media (max-width:767px) {
	#information { padding-top:40px; }
	#information .info_wrap .text_wrap > p { font-size:1.1em; text-align:left; }
	#information .info_wrap .text_wrap .text_box { padding:20px 15px; }
}
@media (max-width:575px) {
	#information .info_wrap .hl_info img { width:240px; }
}