@charset "UTF-8";

/*rest*/
@import url(reset2024.css) print,screen;

/* pc */
@import url(pc2024.css) print,screen and (min-width: 769px);

/* SP */
@import url(sp2024.css) screen and (max-width: 768px);

/*  */
@import url(/common/fontawesome/css/all.css) print,screen;

/* Print */
/*@import url() print;*/

/* Font */
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200;300;400;500;600;700;900&family=Noto+Sans+JP:wght@100..900&&display=swap');
div,p,li,dt,dd,th,td { font-family: 'Noto Sans JP', sans-serif;font-optical-sizing: auto;font-weight: 400;font-style: normal; }
h1,h2,h3,h4,h5,h6 { font-family: 'Noto Serif JP', sans-serif;font-weight:700; }
*:before,*:after { font-family: "Font Awesome 6 Free";font-weight: 700; }
.fa-brands:before,.fa-brands:after { font-family: "Font Awesome 6 Brands";font-weight: 500; }

:where(a) { font-weight: 700; }

/*文字の位置*/
.align_c { text-align: center; }
.align_r { text-align: right; }
.align_l { text-align: left; }

/*区切*/
section { margin-bottom: 80px; }

/*important*/
.mt10 { margin-top: 10px !important; }
.mb0 { margin-bottom: 0 !important; }
.mb10 { margin-bottom: 10px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb60 { margin-bottom: 60px !important; }
.mb80 { margin-bottom: 80px !important; }
.mb100 { margin-bottom: 100px !important; }
.mr5 { margin-right: 5px !important; }
.mr10 { margin-right: 10px !important; }
.ml5 { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; }

/*動画*/
#iframe_player_api{
  width: 100%;
  height: 100%;
  border:  1px solid #999;
  aspect-ratio: 16 / 9;
}