@charset "utf-8";
/*|||||||||||||| Common ||||||||||||||*/
html{font-family: 'Hiragino Kaku Gothic ProN', Meiryo, Osaka, 'MS PGothic', arial, helvetica, sans-serif;}
img{max-width: 100%;vertical-align: bottom;}
video{width: 100%;display: block;}
b{font-weight: bold;}
@media only screen and (min-width: 769px) {
body{line-height: 1.7;font-size:16px; }
.sp{display: none;}
section{margin-bottom: 80px;}
}
@media only screen and (max-width: 768px) {
body{line-height: 1.5;font-size:14px;}
.pc{display: none!important;}
section{margin-bottom: 30px;}
}




/*|||||||||||||| Header ||||||||||||||*/
header{padding:20px 35px;}
header h1 img{width:140px}

@media only screen and (max-width: 768px) {
header{padding:10px 15px;}
header h1 img{width:100px}
}


/*|||||||||||||| MainImage ||||||||||||||*/
#main{position: relative;}
#main .main_img{width: 100%;}
#main .lead{position: absolute;text-align: center;top:10%;right:0;left: 0;}

@media only screen and (max-width: 768px) {
#main .main_img{width: 100%;}
#main .lead{top:5%;}
#main .lead img{width: 75%;}
}


/*|||||||||||||| Contents ||||||||||||||*/
.contents{max-width: 1000px;margin-left: auto;margin-right: auto;}

strong{color: #cb0027;}
h3{width: 80%;margin: 0 auto 30px;font-size: 28px;font-weight: bold;text-align: center;padding: 11px;color: #fff;background: #cb0027;line-height: 1;}
h4{width: 100%;font-size: 19px;font-weight: bold;text-align: left;padding: 8px 12px;color: #fff;background: #cb0027;line-height: 1;}
.out_line{border: 1px solid #cb0027;padding: 11px 13px 17px 13px;}


@media only screen and (max-width: 1020px) {
.contents{margin-left: 10px;margin-right: 10px;}
}

@media only screen and (max-width: 768px) {
h3{width: 90%;margin: 0 auto 15px;font-size: 20px;padding: 8px;line-height: 1;}
h4{font-size: 16px;padding: 6px 10px;line-height: 1;}
.out_line{padding: 10px 10px 12px 10px;}
}

/* How to use the 220USB (overview) */
#howtouse p{margin-bottom: 10px;}
#howtouse .m6{color: #cb0027;margin: 0 auto;width: 75%;font-weight: bold;padding-bottom: 15px;}
#howtouse .m6 .f_normal{font-weight: normal;}
#howtouse .howtouse_item p{text-indent: -2em;padding-left: 2em;margin-bottom: 23px;}
#howtouse .howtouse_item p.onegai{margin-bottom: 0;text-indent: -0.5em;padding-left: 0;}
.howtouse_item dl{display: flex;justify-content: space-between;}
.howtouse_item dl dt{width: 60%;}
.howtouse_item dl dd{width: 35%;}
.howtouse_item dl dd img:nth-of-type(2){margin-top: 5px;}

@media only screen and (max-width: 768px) {
#howtouse p{margin-bottom: 10px;}
#howtouse .m6{width: 90%;padding: 6px;}
#howtouse .m6 span{display: inline-block;margin-left: 0.5em}
#howtouse .howtouse_item p{margin-bottom: 13px;}
.howtouse_item dl{display: flex;justify-content: space-between;}
.howtouse_item dl dt img{margin-top: 10px;}
.howtouse_item dl dt{width: 100%;}
}

/* FAQ (Frequently Asked Questions) */
#qa tr:first-of-type td{padding-top: 5px;padding-bottom: 5px;}
#qa td{border: 1px solid #cb0027;padding: 11px 13px 17px 13px;}
#qa td:first-of-type{width: 18%;}
#qa th{font-size: 18px;font-weight: bold;text-align: left;padding: 8px 12px;color: #fff;background: #cb0027;line-height: 1;border: 1px solid #cb0027;}
#qa td p{text-indent: -1.2em;padding-left: 1.2em;display: block;}
#qa td dl{display: flex;justify-content: space-between;}
#qa td dl dt{width: 70%;}
#qa td dl dd{width: 28%;}

#qa td p.tx_indent{text-indent: -1.5em;padding-left: 2.7em;margin-top: 15px;}
#qa td .indent02{text-indent: -1em;padding-left: 3.7em;}

@media only screen and (max-width: 768px) {
#qa table,
#qa tbody,
#qa tr,
#qa th,
#qa td{display: block;}

#qa td{border: 1px solid #cb0027;padding: 10px 10px 12px 10px;border-top: none;}
#qa td:first-of-type{width: 100%;background: #facfd7;padding: 8px 10px 8px 10px;}
#qa th{font-size: 16px;font-weight: bold;text-align: left;padding: 6px 10px!important;line-height: 1;border: 1px solid #cb0027;margin-top: 15px;}

#qa td p{text-indent: -1.2em;padding-left: 1.2em;}
#qa td dl{display: block;}
#qa td dl dt{width: 100%;}
#qa td dl dd{width: 100%;text-align: center;margin-top: 10px;}
}

/* Safety Instruction */
#attention p{text-indent: -5.7em;padding-left: 5.7em;}



/*|||||||||||||| Footer ||||||||||||||*/
footer{padding:20px;text-align: center;font-size: 11px;background: #c4c4c4;color: #4c4c4c;}

@media only screen and (max-width: 768px) {
footer{padding:12px;font-size: 11px;}
}