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

/* ブラウザ独自設定リセット */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;500;600;900&display=swap');
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,a,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video { margin: 0; padding: 0; border: 0; outline: 0; font-family: 'Noto Sans JP', sans-serif; /* Edit */ font-size: 100%; color: #000000; /* Edit */ font-weight: 500; vertical-align: baseline; text-decoration: none; background: transparent;}
body { background-color: #ffea00;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display: block;}
ul { list-style: none;}
table { border-collapse: collapse; border-spacing: 0;}
input,select { vertical-align: middle;}
hr { height: 0; margin: 0; padding: 0; border: 0;}
hr { margin-bottom: 30px; border-top: 3px dotted #000; }
/* Header基本設定 */
.main_logo { }
.main_logo img { width: 80%; max-width: 520px; margin: 60px auto 50px; display: block;}
.logo_type { }
.logo_type h1 { margin: 0 auto; font-size: 350%; font-weight: 900; color: #000; letter-spacing: 0em; line-height: 1.2; text-align: center; display: block; }
.logo_type h1 strong { font-size: 268%; font-weight: 900; color: #000; display: block; }
.logo_type h2 { width: 80%; max-width: 720px; margin: 0 auto; font-size: 130%; font-weight: 900; letter-spacing: 0em; line-height: 1.2; color: #000; display: block; }

/* Main基本設定 */
.atend_text { width: 80%; max-width: 720px; margin: 0 auto; }
.atend_text h1 { margin: 36px auto 15px; font-size: 170%; font-weight: 900; color: #ff001e; letter-spacing: 0em; line-height: 1.5; display: block; }
.atend_text2 { width: 80%; max-width: 720px; margin: 0 auto; }
.atend_text2 h1 { margin: 0 auto 15px; font-size: 180%; font-weight: 900; color: #ff001e; letter-spacing: 0em; line-height: 1; display: block; }
.object_domain { width: 80%; max-width: 720px; margin: 30px auto 30px; }
.object_domain h1 { margin: 0 auto; font-size: 130%; font-weight: 900; letter-spacing: 0em; line-height: 1; color: #000; display: block; }
.object_domain h2 { margin: 10px auto 0; font-size: 100%; font-weight: 900; letter-spacing: 0em; line-height: 1.5; color: #000; display: block; text-align: justify; text-justify:inter-ideograph; }
.object_domain .btn01 { font-size: 120%; font-weight: 900; letter-spacing: 0em; line-height: 1.8; text-align: center; color: #fff; margin-top: 15px; padding: 1% 0 1.5%; background-color: #000; display: block;}
.Stream_lab { width: 80%; max-width: 720px; margin: 30px auto 10px; }
.Stream_lab h1 { margin: 0 auto; font-size: 130%; font-weight: 900; letter-spacing: 0em; line-height: 1; color: #000; display: block; }
.Stream_lab h2 { margin: 10px auto; font-size: 100%; font-weight: 900; letter-spacing: 0em; line-height: 1.5; color: #000; display: block; text-align: justify; text-justify:inter-ideograph; }
.Stream_lab .btn01 { font-size: 120%; font-weight: 900; letter-spacing: 0em; line-height: 1.8; text-align: center; color: #fff; margin-top: 15px; padding: 1% 0 1.5%; background-color: #8737ff; display: block;}
.Stream_lab .btn02 { font-size: 120%; font-weight: 900; letter-spacing: 0em; line-height: 1.8; text-align: center; color: #fff; margin-top: 15px; padding: 1% 0 1.5%; background-color: #1d9bf0; display: block;}
.Stream_lab .btn03 { font-size: 120%; font-weight: 900; letter-spacing: 0em; line-height: 1.8; text-align: center; color: #fff; margin-top: 15px; padding: 1% 0 1.5%; background-color: #FF0000; display: block;}

/* Footer基本設定 */
footer { width: 80%; max-width: 720px; margin: 30px auto 0; }
footer h1 { margin: 34px auto 15px; font-size: 120%; font-weight: 900; color: #000; letter-spacing: 0em; line-height: 1; text-align: center; display: block; }

/*　画面サイズが1024pxまで、以下のスタイル適用 */
@media (max-width: 1024px){

/* Header基本設定 */
.main_logo img { width: 90%; max-width: 460px; margin: 60px auto 50px;}
.logo_type h1 { font-size: 360%; line-height: 1.2;}
.logo_type h2 { width: 90%; max-width: none; font-size: 130%; }

/* Main基本設定 */
.atend_text { width: 90%; max-width: none; }
.atend_text h1 { margin: 36px auto 15px; }
.atend_text2 { width: 90%; max-width: none; }
.atend_text2 h1 { margin: 0 auto 15px; font-size: 180%; line-height: 1; }
.object_domain { width: 90%; max-width: none; margin: 30px auto 30px; }
.object_domain h1 { font-size: 130%; line-height: 1; }
.object_domain h2 { margin: 10px auto 0; font-size: 100%; line-height: 1.5; }
.Stream_lab { width: 90%; max-width: none; margin: 30px auto 10px; }
.Stream_lab h1 { font-size: 130%; line-height: 1; }
.Stream_lab h2 { margin: 10px auto; font-size: 100%; line-height: 1.5; }

/* Footer基本設定 */
footer { width: 90%; max-width: none; margin: 30px auto 0; }
footer h1 { margin: 34px auto 15px; font-size: 120%; line-height: 1; }
}

/*　画面サイズが896pxまで、以下のスタイル適用 */
@media (max-width: 896px){

/* Header基本設定 */
.main_logo img { width: 90%; max-width: 460px; margin: 60px auto 50px;}
.logo_type h1 { font-size: 320%; line-height: 1.2;}
.logo_type h2 { width: 90%; max-width: none; font-size: 130%; }

/* Main基本設定 */
.atend_text h1 { margin: 36px auto 15px; }
.atend_text2 h1 { margin: 0 auto 15px; font-size: 180%; line-height: 1; }
.object_domain h1 { font-size: 130%; line-height: 1; }
.object_domain h2 { margin: 10px auto 0; font-size: 100%; line-height: 1.5; }
.Stream_lab h1 { font-size: 130%; line-height: 1; }
.Stream_lab h2 { margin: 10px auto; font-size: 100%; line-height: 1.5; }

/* Footer基本設定 */
footer h1 { margin: 34px auto 15px; font-size: 120%; line-height: 1; }
}

/*　画面サイズが768pxまで、以下のスタイル適用 */
@media (max-width: 768px){

/* Header基本設定 */
.main_logo img { width: 90%; max-width: 460px; margin: 60px auto 50px;}
.logo_type h1 { font-size: 280%; line-height: 1.2;}
.logo_type h2 { width: 90%; max-width: none; font-size: 130%; }

/* Main基本設定 */
.atend_text h1 { margin: 36px auto 15px; }
.atend_text2 h1 { margin: 0 auto 15px; font-size: 180%; line-height: 1; }
.object_domain h1 { font-size: 130%; line-height: 1; }
.object_domain h2 { margin: 10px auto 0; font-size: 100%; line-height: 1.5; }
.Stream_lab h1 { font-size: 130%; line-height: 1; }
.Stream_lab h2 { margin: 10px auto; font-size: 100%; line-height: 1.5; }

/* Footer基本設定 */
footer h1 { margin: 34px auto 15px; font-size: 120%; line-height: 1; }
}

/*　画面サイズが667pxまで、以下のスタイル適用 */
@media (max-width: 667px){

/* Header基本設定 */
.main_logo img { width: 90%; max-width: 460px; margin: 60px auto 50px;}
.logo_type h1 { font-size: 240%; line-height: 1.2;}
.logo_type h2 { width: 90%; max-width: none; font-size: 125%; }

/* Main基本設定 */
.atend_text h1 { margin: 36px auto 15px; }
.atend_text2 h1 { margin: 0 auto 15px; font-size: 175%; line-height: 1; }
.object_domain h1 { font-size: 125%; line-height: 1; }
.object_domain h2 { margin: 10px auto 0; font-size: 100%; line-height: 1.5; }
.object_domain .btn01 { font-size: 115%; }
.Stream_lab h1 { font-size: 125%; line-height: 1; }
.Stream_lab h2 { margin: 10px auto; font-size: 100%; line-height: 1.5; }
.Stream_lab .btn01 { font-size: 115%; }
.Stream_lab .btn02 { font-size: 115%; }
.Stream_lab .btn03 { font-size: 115%; }

/* Footer基本設定 */
footer h1 { margin: 34px auto 15px; font-size: 115%; line-height: 1; }
}

/*　画面サイズが568pxまで、以下のスタイル適用 */
@media (max-width: 568px){

/* Header基本設定 */
.main_logo img { width: 90%; max-width: 460px; margin: 60px auto 50px;}
.logo_type h1 { font-size: 200%; line-height: 1.2;}
.logo_type h2 { width: 90%; max-width: none; font-size: 120%; }

/* Main基本設定 */
.atend_text h1 { margin: 36px auto 15px; }
.atend_text2 h1 { margin: 0 auto 15px; font-size: 170%; line-height: 1; }
.object_domain h1 { font-size: 120%; line-height: 1; }
.object_domain h2 { margin: 10px auto 0; font-size: 100%; line-height: 1.5; }
.object_domain .btn01 { font-size: 110%; }
.Stream_lab h1 { font-size: 120%; line-height: 1; }
.Stream_lab h2 { margin: 10px auto; font-size: 100%; line-height: 1.5; }
.Stream_lab .btn01 { font-size: 110%; }
.Stream_lab .btn02 { font-size: 110%; }
.Stream_lab .btn03 { font-size: 110%; }

/* Footer基本設定 */
footer h1 { margin: 34px auto 15px; font-size: 110%; line-height: 1; }
}

/*　画面サイズが480pxまで、以下のスタイル適用 */
@media (max-width: 480px){

/* Header基本設定 */
.main_logo img { width: 90%; max-width: 460px; margin: 60px auto 50px;}
.logo_type h1 { font-size: 160%; line-height: 1.2;}
.logo_type h2 { width: 90%; max-width: none; font-size: 115%; }

/* Main基本設定 */
.atend_text h1 { margin: 36px auto 15px; font-size: 160%; }
.atend_text2 h1 { margin: 0 auto 15px; font-size: 160%; line-height: 1; }
.object_domain h1 { font-size: 115%; line-height: 1; }
.object_domain h2 { margin: 10px auto 0; font-size: 95%; line-height: 1.5; }
.object_domain .btn01 { font-size: 105%; }
.Stream_lab h1 { font-size: 115%; line-height: 1; }
.Stream_lab h2 { margin: 10px auto; font-size: 95%; line-height: 1.5; }
.Stream_lab .btn01 { font-size: 105%; }
.Stream_lab .btn02 { font-size: 105%; }
.Stream_lab .btn03 { font-size: 105%; }

/* Footer基本設定 */
footer h1 { margin: 34px auto 15px; font-size: 105%; line-height: 1; }
}

/*　画面サイズが390pxまで、以下のスタイル適用 */
@media (max-width: 390px){

/* Header基本設定 */
.main_logo img { width: 90%; max-width: none; margin: 60px auto 50px;}
.logo_type h1 { font-size: 145%; line-height: 1.2;}
.logo_type h2 { width: 90%; max-width: none; font-size: 110%; }

/* Main基本設定 */
.atend_text h1 { margin: 36px auto 15px; font-size: 120%; }
.atend_text2 h1 { margin: 0 auto 15px; font-size: 120%; line-height: 1; }
.object_domain h1 { font-size: 110%; line-height: 1; }
.object_domain h2 { margin: 10px auto 0; font-size: 90%; line-height: 1.5; }
.object_domain .btn01 { font-size: 100%; }
.Stream_lab h1 { font-size: 110%; line-height: 1; }
.Stream_lab h2 { margin: 10px auto; font-size: 90%; line-height: 1.5; }
.Stream_lab .btn01 { font-size: 100%; }
.Stream_lab .btn02 { font-size: 100%; }
.Stream_lab .btn03 { font-size: 100%; }

/* Footer基本設定 */
footer h1 { margin: 34px auto 15px; font-size: 90%; line-height: 1; }
}

/*　画面サイズが360pxまで、以下のスタイル適用 */
@media (max-width: 360px){

/* Header基本設定 */
.main_logo img { width: 90%; max-width: none; margin: 60px auto 50px;}
.logo_type h1 { font-size: 130%; line-height: 1.2;}
.logo_type h2 { width: 90%; max-width: none; font-size: 120%; }

/* Main基本設定 */
.atend_text h1 { margin: 36px auto 15px; font-size: 120%; }
.atend_text2 h1 { margin: 0 auto 15px; font-size: 120%; line-height: 1; }
.object_domain h1 { font-size: 105%; line-height: 1; }
.object_domain h2 { margin: 10px auto 0; font-size: 90%; line-height: 1.5; }
.Stream_lab h1 { font-size: 105%; line-height: 1; }
.Stream_lab h2 { margin: 10px auto; font-size: 90%; line-height: 1.5; }

/* Footer基本設定 */
footer h1 { margin: 34px auto 15px; font-size: 90%; line-height: 1; }
}

/*　画面サイズが320pxまで、以下のスタイル適用 */
@media (max-width: 320px){

/* Header基本設定 */
.main_logo img { width: 90%; max-width: none; margin: 60px auto 50px;}
.logo_type h1 { font-size: 120%; line-height: 1.2;}
.logo_type h2 { width: 90%; max-width: none; font-size: 120%; }

/* Main基本設定 */
.atend_text h1 { margin: 36px auto 15px; font-size: 110%; }
.atend_text2 h1 { margin: 0 auto 15px; font-size: 110%; line-height: 1; }
.object_domain h1 { font-size: 105%; line-height: 1; }
.object_domain h2 { margin: 10px auto 0; font-size: 85%; line-height: 1.5; }
.Stream_lab h1 { font-size: 105%; line-height: 1; }
.Stream_lab h2 { margin: 10px auto; font-size: 85%; line-height: 1.5; }
	
/* Footer基本設定 */
footer h1 { margin: 34px auto 15px; font-size: 90%; line-height: 1; }
}