@charset "utf-8";

/*メディアクエリー
min-width:768px


タブレット
@media (min-width: 768px) and (max-width: 1024px) {

}
*/



.about_video { width: 100%; object-fit: cover; }
.lowerpage_title_wrap .contents h1 img { width:100%; }
@media (min-width: 768px) {
  .about_video { width: 720px; }
  .about_video_wrap { text-align: center; }
  /* .lowerpage_title_wrap .lowerpage_title div:nth-child(2) { margin-top:50px; margin-left:45px; } */
  .lowerpage_title_wrap .contents h1 img { width:auto; }
}

.contents_wrap { position: relative; }
.tra_english { position: absolute; top: 4px; left: -3px; }
@media (min-width: 768px) {
  .tra_english { top: 22px; left: 0; }
}

.about_list ul li { margin: 0 0 20px 0; }
.about_list ul li:last-child { margin: 0 0 0 0; }
.about_list ul li .about_img_frame { aspect-ratio: 11 / 7; width: 50%; overflow: hidden; }
.about_list ul li .about_img { width: 100%; }
.about_list ul li .li_text { position: relative; display: flex; flex-direction: column; align-items: center; justify-content:center; flex-grow: 1; height: 100%; font-size: 20px; }
.about_list ul li .li_text .about_list_title { width: 100%; }
.about_list ul li .li_text .button_arrow { position: absolute; right: 5px; bottom: 5px; }
.about_list ul li a { display: flex; align-items: center; gap: 20px; }
.about_list ul li a:hover .button_arrow { transform: translate(2px, 2px); box-shadow: none;}
@media (min-width: 768px) {
  .about_list { padding: 80px 0; }
  .about_list ul { display: flex; width: 100%; }
  .about_list ul li { flex: 1; margin: 0 24px 0 0; }
  .about_list ul li:last-child { margin: 0 0 0 0; }
  .about_list ul li .li_text { flex-direction: row; padding: 0 4px 0 0; font-size: 28px; }
  .about_list ul li .li_text .button_arrow { position: relative; margin: 10px 0 0 20px; }
  .about_list ul li .li_text .about_list_title { width: auto; }
  .about_list ul li a { flex-direction: column; gap: 8px; }
  .about_list ul li .about_img_frame { aspect-ratio: 11 / 7; width: 100%; }
}

.video_box {width:100%; height:250px; border-radius: 36px;overflow:hidden; border:2px solid #000; }
.video_box iframe {width: 100%;height: 100%;border: none;display: block;}
@media (min-width: 768px) {
.video_box {width: 720px; height:407px; margin:0 auto; display:block; }

}
