@charset "UTF-8";
/* CSS Document */
#main .inner{
 max-width: 1020px;
}
#main .lp_image{
 width: 100%;
}
#main .lp_image p{
 margin: 0;
 display: none;
}
#main .lp_image ul{
 margin: 0;
 position: relative;
 overflow: hidden;
 aspect-ratio: 100 / 57;
 background: #000;
}
#main .lp_image li{
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}
#main .lp_image img{
 width: 100%;
}
.sec_read{
 padding:  50px 25px;
 background: #b99e63;
}
.sec_lp{
 background: #fff;
 padding: 25px 60px;
}
#main .img_present{
 margin: 0 0 40px 0;
}
#main .img_campaign{
 text-align: center;
 margin: 80px 0;
}
#main .img_campaign img{
 max-width: 920px;
 width: 100%;
}

#main .sec_lp h3{
 font-size: 24px;
 line-height: 1;
 margin: 2em 0 1em 0;
}
#main .tit_read img{
 width: 60%;
 max-width: 740px;
}
.grp_history{
 display: flex;
 justify-content: space-between;
}
.grp_history img{
 width: 48%;
}
#main .cs_president{
 font-size: ;
 margin: 1em 0 0 0;
 font-size: 12px;
}
#main .cs_president_name{
 font-size: 24px;
 margin: 0;
 font-weight: bold;
}
#main .tit_read{
 margin: 0 0 0.5em 0;
 font-size: 48px;
 line-height: 1;
 color: #fff;
 font-weight: normal;
}
#main .sec_item .tit_read{
 margin-bottom: 20px;
}
#main .sec_item .tit_read+p{
 margin-bottom: 60px;
}
#main .sec_item p{
 line-height: 1.75
}
.item_read,
.tit_read,
.txt_year{
 font-weight: normal;
 font-family: "Times New Roman", Times, "Noto Serif JP","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", serif;
}
#main .tit_read_first{

}
.pic .slick-prev,
.pic .slick-next,
.slide_history .slick-prev,
.slide_history .slick-next{
 width: 35px;
 height: 35px;
 background: no-repeat 0 0 url("img/ar_l_w.png");
 background-size: 100% 100%;
 display: block;
 position: absolute;
 top: calc(50% - 17px);
}
.pic .slick-prev,
.slide_history .slick-prev{ left: -10px;}
.pic .slick-next,
.slide_history .slick-next{ right: -10px; background-image: url("img/ar_r_w.png")}
.slide_history li{
 padding: 10px;
}
.pic .slick-prev{ background-image: url("img/ar_l.png");left: 30px}
.pic .slick-next{ background-image: url("img/ar_r.png");right: 30px}

.slide_history_item{
 padding: 24px 24px 10px 24px;
 background: #fff;
 box-shadow: 0 0 10px 1px rgba(1,1,1,0.5);
}
.slide_history_item img{
 width: 100%;
 display: block;
}
#main .slide_history_item p{
 text-align: center;
 margin: 0;
 line-height: 1.5;
 min-height: 3em;
 font-size: 12px;
}
#main .slide_history_item .txt_year{
 text-align: center;
 margin: 1em 0;
 color: #b99e63;
 min-height: 1px;
 font-size: 14px;
}
#main .slide_history_item h3{
 text-align: center;
 margin: 0;
 line-height: 1.25;
 min-height: 3em;
}
.btn_more_history{
 display: inline-block;
 line-height: 1;
 padding: 15px;
 text-align: center;
 color: #fff;
 border: 2px solid #fff;
 width: 100%;
 max-width: 320px;
 margin-top: 2em;
 font-weight: bold;
 text-decoration: none;
 border-radius: 30px;
}
.btn_more_history:hover,
.btn_more_history:focus{
 color: #fff;
 opacity: 0.8;
}
.sec_present{
 background: #050405 url("img/bg.png") repeat-x;
 color: #fff;
 padding:  50px 0;
}
#main .sec_present h2{
 text-align: center;
}
#main .sec_present .txt_read{
 text-align: center;
 line-height: 2;
 margin:2em 0;
}
#main .sec_item{
 padding: 80px 0;
}
.sec_history_movie,
.sec_history_50th{
 padding-top: 65px;
}
.item_grp{
 display: flex;
 justify-content: space-between;
 margin-bottom: 100px;
}
.item_grp .pic{
 order: 2;
 width: 50%;
}
.item_list_50th img,
.item_grp .pic img{
 aspect-ratio: 4 /3;
 width: 100%;
 object-fit: contain;
}
.item_list_50th img{
 display: block;
 margin: auto;
 width: 85%;
}
#main .item_list_50th .item_read{
 margin:  0.5em 0;
 text-align: center;
}
#main .item_list_50th .item_name,
#main .item_list_50th .item_no{
 text-align: center;
}
#main .item_list_50th .item_name{
 margin-top: 20px;
}
#main .item_grp .pic p{
 margin: 0;
 text-align: center;
}
#main .item_grp .pic .item_color{
 margin: 1em 0;
 line-height: 1;
 font-weight: bold;
}
.item_grp .txt{
 order: 1;
 width: 48%;
}
#main .item_read{ font-size: 30px; line-height: 1.5; margin-bottom: 1em;}
#main .item_name{ margin: 0; font-weight: bold;}
#main .item_no{ margin-bottom: 2em; line-height: 1.5; font-size: 12px;}
#main .item_txt{ margin-bottom: 2em; line-height: 1.75; font-size: 14px;}
#main .item_list_50th{
 display: flex;
 justify-content: space-between;
 flex-wrap: wrap;
 margin: auto;
 max-width: 1040px;
 width: 100%;
}
#main .item_list_50th li{
 width: 48%;
 margin-bottom: 60px;
}
.btn_ec{
 color: #fff;
 line-height: 1;
 background: #000;
 display: block;
 padding: 15px 10px;
 text-align: center;
 width: 100%;
 max-width: 280px;
 text-decoration: none;
 border-radius: 5px;
 margin: auto

}
.btn_form{
 color: #fff;
 line-height: 1;
 background: #d0111b;
 background: #333;
 display: inline-block;
 color: #ccc;
 padding: 20px 10px;
 text-align: center;
 width: 100%;
 max-width: 280px;
 text-decoration: none;
 border-radius: 5px;
 cursor: not-allowed;
}

.btn_ec:hover,
.btn_form:hover,
.btn_ec:focus,
.btn_form:focus{
 color: #fff;
 opacity: 0.8;
}

@media screen and (max-width: 768px) {
 .sec_read {
  padding: 25px 10px;
 }
 .sec_lp {
  padding: 15px 20px;
 }
 #main .sec_item{
  padding: 40px 0;
 }
 #main .tit_read_first {
 }
 #main .item_list_50th,
 .item_grp{
  display: block;
 }
 #main .item_list_50th li,
 .item_grp .pic,
 .item_grp .txt{
  width: 100%;
 }
 #main .item_list_50th li,
 .item_grp .pic{ margin-bottom: 20px;}
 #main .item_list_50th .item_read,
 #main .item_read {
 font-size: 20px;
 margin: 0.5em 0;
 }
 #main .cs_president_name,
 #main .sec_lp h3{ font-size: 20px;}
 #main .sec_item .tit_read{
 margin-bottom: 20px;
 }
 #main .lp_image ul{
  aspect-ratio: 8 / 14;
 }
 .slide_history .slick-prev{ left: 15px;}
 .slide_history .slick-next{ right: 15px; }
}