@charset "UTF-8";
/* CSS Document */

/*
フォントサイズ
========================*/
.fs_base {font-size:0.86rem;line-height: 1.8;}
.fs_mid {font-size:0.98rem;line-height: 1.8;}
.fs_20 {font-size:0.75rem;line-height: 1.8;}
@media(max-width:560px) {
  .fs_base {font-size:1rem;}
  .fs_mid {font-size:1rem;}
}
	
/*
フォントウェイト
========================*/
.bold { font-weight:bold; }
	

/*
align
========================*/
.alignL { text-align:left; }
.alignR { text-align:right; }
.alignC { text-align:center; }

@media(max-width:560px) {
  .alignL_sp {text-align: left;}
}

/*折り返し禁止*/
.nowrap {white-space: nowrap;}


/*
ホバー透過
========================*/
.hover {transition:opacity 0.1s linear;}
.hover:hover {opacity:0.8;}


/*
マージン
========================*/
.mt_1em {margin-top: 1em !important;}
.mt_40 {margin-top: 2rem !important;}
.mt_60 {margin-top: 3rem !important;}
.mt_120 {margin-top: 4.8rem !important;}

@media(max-width:560px) {
  .mt_40 {margin-top: 3rem !important;}
  .mt_60 {margin-top: 4rem !important;}
  
}

/*
flex
========================*/
.flex {
  display:flex;
  justify-content: flex-start;
  align-items:center;
}

@media(max-width:560px) {
	.flex.sp_reset {
		flex-direction: column;
	}
	.flex.sp_reset > * {width: 100% !important;}
}

/*
カラム
========================*/
.col3 {
  gap:2rem;
}
.col3 > * {flex:1;}

/*
Youtube embed
========================*/
.ytframe {
  display:block;
  aspect-ratio: 16 / 9;
  width:100%;
  height: auto;
  max-width:100%;
}