@charset "utf-8";


/*Play*/
@import url('https://fonts.googleapis.com/css2?family=Play:wght@400;700&display=swap');
/*{font-family: 'Play', sans-serif;}*/


#multipleDiv_templet_07_5{padding-top:100px;}

#multipleDiv_templet_07_6{background:#f7f7f7;}
#multipleDiv_templet_07_7{background:url(/sites/templet_07/images/main/main_bg_1.jpg) no-repeat center top;}
#multipleDiv_templet_07_8{background:url(/sites/templet_07/images/main/main_bg_2.jpg) repeat-x center top;padding-top:200px;}
#multipleDiv_templet_07_6::before{content:"";display:block;width:1000px;height:100%;background:#660a5f;position:absolute;top:0;right:50%;margin-right:-1254px;}

#multipleContentsDiv_templet_07_7,
#multipleContentsDiv_templet_07_8{max-width:1600px;margin: 0 auto;overflow:hidden;}
#multipleContentsDiv_templet_07_6{padding:80px 0 30px 0;}
#multipleContentsDiv_templet_07_7{padding:80px 0;}
#multipleContentsDiv_templet_07_8{padding:80px 80px 20px 80px;background:#FFF;}

@media all and (max-width:1600px) {
  #multipleContentsDiv_templet_07_7,
  #multipleContentsDiv_templet_07_8{max-width:96%;}
}
@media all and (max-width:1280px) {
  #multipleDiv_templet_07_5{padding-top:135px;}
  #multipleDiv_templet_07_8{padding-top:100px;}
  #multipleContentsDiv_templet_07_8{padding:40px 40px 20px 40px;}
}
@media all and (max-width:768px) {
  #multipleDiv_templet_07_5{padding-top:115px;}
  #multipleContentsDiv_templet_07_6{padding:50px 0;}
  #multipleContentsDiv_templet_07_7{padding:0 0 50px 0;}
  #multipleContentsDiv_templet_07_8{padding:30px 30px 20px 30px;}
  #multipleDiv_templet_07_6::before{display:none;}
}



#menu4966_obj45{width:1600px !important;margin-left:-800px !important;position:absolute;top:45%;left:50%;}
.slogan{color:#FFF;text-align:center;}
.slogan .p_1{font-size:25px;line-height:1.3;}
.slogan .p_2{font-size:50px;line-height:1.2;font-family:'S-CoreDream-6Bold';margin-top:10px;}

@media all and (max-width:1600px) {
  #menu4966_obj45{width:90% !important;left:5%;margin-left:0 !important;}
}
@media all and (max-width:1280px) {
  #menu4966_obj45{top:40%;}
  .slogan .p_1{font-size:20px;}
  .slogan .p_2{font-size:35px;}
}
@media all and (max-width:768px) {
  #menu4966_obj45{top:35%;}
  .slogan .p_1{font-size:18px;}
  .slogan .p_2{font-size:25px;}
}



.wrap_banner{display:flex;flex-wrap:wrap;height:100%;}
.wrap_banner .title{width:50%;display:flex;justify-content:center;flex-direction:column;padding:50px 0;}
.wrap_banner .title h3{font-family: 'Play', sans-serif;line-height:1;font-size:45px;}
.wrap_banner .title h3 span{font-weight:700;}
.wrap_banner .title p{font-size:18px;word-break:keep-all;}
.wrap_banner .title p::before{content:"";display:block;width:25px;height:1px;background:#222;margin:20px 0;}
.wrap_banner .link{width:50%;background:url(/sites/museum/images/main/banner_bg.jpg) no-repeat center center;background-size:cover;padding:50px 0;}
.wrap_banner .link a{width:100%;height:100%;display:flex;justify-content:center;align-items:center;}
.wrap_banner .link a span{color:#FFF;font-size:25px;font-family:'S-CoreDream-6Bold';}

@media all and (max-width:768px) {
  .wrap_banner .title h3{font-size:25px;}
  .wrap_banner .link a span{font-size:20px;}
}
@media all and (max-width:480px) {
  .wrap_banner .title{width:100%;text-align:center;}
  .wrap_banner .title p::before{margin:10px auto;}
  .wrap_banner .link{width:100%;}
}



.wrap_video{height:100%;}
.wrap_video h3{font-family: 'Play', sans-serif;line-height:1;font-size:45px;margin-bottom:20px;}
.wrap_video h3 span{font-weight:700;}
.wrap_video .con{position:relative;padding:0 10px 10px 0;}
.wrap_video .con::before{content:"";display:block;width:100%;height:100%;position:absolute;left:10px;top:10px;background:url(/sites/templet_07/images/main/pattern_1.png) repeat;}
.wrap_video .con a{display:block;position:relative;width:100%;height:100%;}
.wrap_video .con a img{width:100%;}

@media all and (max-width:1280px) {
  .wrap_video h3{font-size:35px;}
}
@media all and (max-width:768px) {
  .wrap_video h3{font-size:25px;}
  .wrap_video .con{padding:0;}
  .wrap_video .con::before{display:none;}
}



.wrap_link{display:flex;flex-wrap:wrap;height:100%;}
.wrap_link a{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:30px;position:relative;width:50%;height:50%;}
.wrap_link a::before{content:"";display:block;width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(0,0,0,0.5) url(/sites/museum/images/main/arrow_5_w.png) no-repeat 90% 90%;}
.wrap_link a strong{display:inline-block;color:#FFF;font-size:22px;position:relative;border-bottom:2px solid #FFF;padding-bottom:3px;}
.wrap_link a span{display:block;color:#cdcdcd;padding-top:15px;position:relative;}
.wrap_link a.a_1{background:url(/sites/museum/images/main/banner-bg01.jpg) no-repeat center;background-size:cover;}
.wrap_link a.a_2{background:url(/sites/museum/images/main/banner-bg02.jpg) no-repeat center;background-size:cover;}
.wrap_link a.a_3{background:url(/sites/museum/images/main/banner-bg03.jpg) no-repeat center;background-size:cover;}
.wrap_link a.a_4{background:url(/sites/museum/images/main/banner-bg04.jpg) no-repeat center;background-size:cover;}
@media all and (max-width:1280px) {
  .wrap_link a::before{background:rgba(0,0,0,0.5);}
  .wrap_link a span{display:none;}
}
@media all and (max-width:768px) {
  .wrap_link a{width:100%;height:auto;}
  .wrap_link a span{display:block;}
}


/*HOVER*/
@media all and (min-width:1281px) {
  .wrap_link a:hover::before{background:rgba(0,0,0,0.8);transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1);}
}