<style>

.nanog_h {
max-width:800px;
width:100%;
display:block;
border-collapse: collapse;
box-sizing: border-box;
}

.nanog_h img{
max-width:800px;
width:100%;
display:block;
}

.nanog_t1 {
max-width:800px;
width:100%;
display:block;
margin-top:15px;
padding:10px 0;
text-align:center;
}

.nanog_t2 {
max-width:800px;
width:100%;
display:block;
padding:1em;
font-size:13px;
line-height:180%;
box-sizing: border-box;
}

.nanog_t3 {
max-width:800px;
width:100%;
display:block;
padding:1em;
font-size:13px;
line-height:180%;
box-sizing: border-box;
text-align:center;
}

h3 {
font-size:28px;
font-weight:bold;
font-family: serif ;
margin:5px 0;
line-height:150%;
}

h4 {
font-size:22px;
font-weight:bold;
font-family: serif ;
margin:15px 0;
}

h5 {
font-size:20px;
font-weight:bold;
font-family: serif ;
margin:5px 0;
}

.nanogf1 {
	color: transparent;
	background: radial-gradient(#eff1ff, #030303);
	-webkit-background-clip: text;
}

.nanogf2 {
color:#df4d12;
}

.nanogf3 {
color:#d6692e;
font-weight:bold;
letter-spacing:1px;
}

.nanog_v {
max-width:800px;
width:100%;
display:block;
border-collapse: collapse;
box-sizing: border-box;
padding:30px 0;

}

.f_mg {
max-width:800px;
width:95%;
padding:5px 10px;
display:block;
background:#161a25;
color:white;
font-size:16px;
font-weight:bold;
}

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


.nanog_bd1 {
border-bottom:1px silver solid;
}

.nanog_bd2 {
border-right:1px silver solid;
}


.nanog_tb {
display: table;
margin-top:1em;
width: 800px;
box-sizing: border-box;
}

.nanog_tr {
display: table-row;
box-sizing: border-box;
}

.nanog_td1 {
display: table-cell;
width: 50%;
padding:1em;
box-sizing: border-box;
vertical-align:top;
text-align:center;
font-size:13px;
line-height:180%;
}

.nanog_td2 {
display: table-cell;
width: 50%;
padding:1em;
box-sizing: border-box;
vertical-align:top;
text-align:center;
font-size:13px;
line-height:180%;
}

.nanog_td01 {
display: table-cell;
width: 50%;
padding:1em;
box-sizing: border-box;
vertical-align:top;
text-align:center;
font-size:13px;
line-height:180%;
}

.nanog_td02 {
display: table-cell;
width: 50%;
padding:1em;
box-sizing: border-box;
vertical-align:top;
text-align:center;
font-size:13px;
line-height:180%;
}

.nanog_ft {
display: table;
width: 800px;
border-collapse: collapse;
box-sizing: border-box;
}

.nanog_ftb {
display: table-cell;
width: 400px;
margin-top:1em;
margin-bottom:1em;
box-sizing: border-box;
}


.nanog_ftd1 {
display: table-cell;
width: 50%;
padding:1em;
box-sizing: border-box;
vertical-align:middle;
text-align:center;
font-size:13px;
}


.nanog_ftd1 img{
display: block;
width: 99%;
}

.nanog_ftd2 {
display: table-cell;
width: 50%;
padding:1em;
box-sizing: border-box;
vertical-align:middle;
text-align:center;
font-size:13px;
}


.nanog_ftd2 img{
display: block;
width: 99%;
}

.nanog20 {
display: block;
width: 99%;
}

.nanog20l {
display: block;
width: 99%;
}

.nanog_at {
border-radius:10px;
background:#ebfffa;
height:auto;
margin:15px 0;
}

.atpk {
float:left;
margin:5px 10px;
width:20%;
max-width:80px;
}

.imgrd {
border-radius:10px;
}

.nanogtrl {
line-height:180%;
}

.nanog_pc1 { display: block !important; }
.nanog_sp1 { display: none !important; }

.nanog_ap {
background:#0f100b;
color:white;
padding:5px;
border-radius:5px;
}

.nanog_sntb {
display: table;
width:800px;
}

.nanog_sntd {
display: table-cell;
width:33%;
text-align:center;
font-size:13px;
}

.nanog_sntd img{
display: block;
width:98%;
margin: 5px auto;
border-radius:5px;
}

.nanog_faq {
background:#e5ecea;
font-weight: bold;
padding:5px;
margin: 15px 0;
display:block;
}

.nanog_lk {
font-size:13px;
}

.nanog_lk {
width:90%;
max-width:500px;
}

.nanog_lk td{
padding:5px 0;
width:33%;
max-width:133px;
}

.nanog_lk a{
color:white;
text-decoration:none;
}

.nanog_lk a:visited{
color:white;
}

.nanog_lk a:hover{
color:black;
}

.nanog_bt {
background: #aeaeae;
padding:10px;
font-weight:bold;
font-size:115%;
border-radius:10px;
text-align:center;
}

.nanog_bt:hover {
background: #cdcdcd;
}


@media screen and (max-width:600px) { 

h3 {
font-size:18px;
font-weight:bold;
font-family: serif ;
margin:5px 0;
}

h4 {
font-size:16px;
font-weight:bold;
font-family: serif ;
margin:15px 0;
}

h5 {
font-size:15px;
font-weight:bold;
font-family: serif ;
margin:5px 0;
}

.nanog_tb {
display: block;
width: 100%;
box-sizing: border-box;
}

.nanog_tr {
display: block;
box-sizing: border-box;
}

.nanog_td1 {
display: block;
width: 100%;
padding:1em;
box-sizing: border-box;
vertical-align:top;
text-align:center;
border-bottom:1px silver solid;
}


.nanog_td2 {
display: block;
width: 100%;
padding:2em;
box-sizing: border-box;
vertical-align:top;
text-align:center;
border-bottom:1px silver solid;
}

.nanog_td01 {
display: block;
width: 100%;
padding:1em;
box-sizing: border-box;
vertical-align:top;
text-align:center;
}


.nanog_td02 {
display: block;
width: 100%;
padding:2em;
box-sizing: border-box;
vertical-align:top;
text-align:center;
}

.nanog_bd2 {
border-right:none;
}

.nanog_ft {
display: block;
width:100%;
}

.nanog_ftb {
display: table;
margin-top:1em;
margin-bottom:1em;
width: 100%;
box-sizing: border-box;
}


.nanog_ftd1 {
display: table-cell;
width: 50%;
padding:1em;
box-sizing: border-box;
vertical-align:middle;
text-align:center;
}

.nanog_ftd2 {
display: block;
width: 100%;
padding:1em;
box-sizing: border-box;
vertical-align:middle;
text-align:center;
}

.nanog_ftd2 img{
display: block;
width: 99%;
}

.nanog_at {
margin: 0;
}

.nanog_pc1 { display: none !important; }
.nanog_sp1 { display: block !important; }


.nanog_sntb {
display: block;
width:100%;
}

.nanog_sntd {
display: block;
width:100%;
text-align:center;
font-size:13px;
}

}

</style>