@charset "utf-8";



/*リセットCSS（sanitize.css）の読み込み
---------------------------------------------------------------------------*/
@import url("https://unpkg.com/sanitize.css");

/*Google Fontsの読み込み
---------------------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+1:wght@500&display=swap');

/*Font Awesomeの読み込み
---------------------------------------------------------------------------*/
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css");

/*テンプレート専用cssファイルの読み込み
---------------------------------------------------------------------------*/
@import url("animation.css");
@import url("inview.css");

@media screen and (max-width: 768px){
.youtube_intro {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin: 2em 0;
}
.youtube_intro01 {
    width: 50%;
}
	.youtube_intro02{
		width: 100%;

	}
.youtube_sec{
width: 100%;
    margin: auto;
    color: #000;
    line-height: 2em;
    padding: 0 4em;
	}

	
}


@media screen and (min-width: 767px){
	
	.youtube_intro{
    display: flex;
    flex-direction: row;
    width: 100%;
    margin: 7em 0 5em;
	}
	.youtube_intro01{
		width: 30%;
	}
	.youtube_intro02{
		width: 70%;
    margin-left: 2em;
	}
	.youtube_sec{
width: 100%;
    margin: auto;
    color: #000;
    line-height: 2em;
    padding: 0 8em;
	}

	}


h1{
	display: block;
    font-size: 1.5em;
    margin-block-start: 0.83em;
    margin-block-end: 0.83em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
    color: #000;
    text-align: center;
}
.youtube_title{
    background-image: url(../img/youtube_bkimg.png?1);
    background-repeat: no-repeat;
    background-position: center;
	background-size: 30%;
    height: 4em;
    padding: 5em 0;
	}




.youtube {
  width: 100%;
  aspect-ratio: 16 / 9;
	margin-bottom: 5em;
}
.youtube iframe {
  width: 100%;
  height: 100%;
}


/*　※注意！　下の閉じカッコ　}　はこのブロックに必要なので、削除しないで下さい。　*/

}