@charset "utf-8";
@font-face {font-family:'Helvetica Neue', Helvetica,'sans-serif'sans-serif;font-family: 'Lato', sans-serif;}

/* Primary style -------------------------------- */

*, *:after, *:before {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

body {margin: 0; padding: 0; background-color: #fff; font-family: 'Lato'; font-weight: 100; width: 100%}

img {max-height: 100%; max-width: 100%;}

a {color: #00b0d0; text-decoration: none;}

/* Webpage text color theme setting ---------------------*/
.txt_white{color: #fff;}
.txt_blue{color: #00b0d0;}
.txt_gray{color: #666;}
.txt_dark{color: #333;}
.txt_emph{font-weight: 900; font-family: Helvetica, "Helvetica LT Light", "Helvetica Neue", HeliosThin, Verdana, "sans-serif", "Arial Unicode MS", }

/* Webpage text layout setting ---------------------*/
.txt_a_center{text-align: center;}

/* Webpage container bg-color theme setting ---------------------*/
.bgc_white{background-color: #fff;}
.bgc_blue{background-color: #00b0d0;}

/* Webpage text size setting ---------------------*/
.title{ margin-top:15px; font-size: 3em; line-height: 1em; }
.article{ margin:15px 0 15px; font-size: 1.5em; line-height: 1.2em; }
.note{ margin-top:15px 0 15px; font-size: 1em; line-height: 1.5em; }
.ps{ margin-top:15px 0 15px; font-size: .6em; line-height: 1.5em; }
.video_size{ width:100%; height:520px;  display:flex;justify-content:center;align-items:center;margin: 0 auto;}


@media(max-width:414px) {
	.title{ margin-top:30px; font-size: 2.9em; line-height: 0.9em; }
	.article{ margin-top:15px; font-size: 1.3em; line-height: 1.8em;}
	.video_size{ width:100%; height:320%;  display:flex;justify-content:center;align-items:center;margin: 0 auto;}

}


@media(max-width:768px) {
	body {margin: 0; padding: 0; background-color: #fff; font-family: 'Lato'; font-weight: 100; width: 100%}
	.title{ margin-top:30px;font-size: 2.9em; line-height: 0.9em; }
	.article{ margin-top:15px; font-size: 1.3em; line-height: 1.2em;}
	.video_size{ width:100%; height:320px; margin-top: 5%; display:flex;justify-content:center;align-items:center;margin: 0 auto; overflow-x: hidden}

}