@import url('https://fonts.googleapis.com/css?family=Roboto:400,700&subset=latin-ext');
body {background:#FFFFFF; color:#333333; text-align:center; font-family: 'Roboto', Arial, sans-serif;}
.contained {display:inline-block; width:100%; max-width:1040px; padding:40px; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.box {display:inline-block; width:100%; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.box-adva {}
.box-audio {}
.box img {max-width:100%;}
.box .box-text {display:inline-block; width:100%; padding:1em 0;}
.box .box-text strong {font-size:1.12em; letter-spacing: -0.01em;}
.box .box-text h1 {font-size:1.12em; letter-spacing: -0.01em; margin:0;}
.box .box-text ul {font-size:1.04em; margin:.9em 0 0.2em; letter-spacing: -0.02em; text-align:left;}
.box.box-adva .box-text ul {padding:0 0 0 7.3em;}
.box.box-audio .box-text ul {padding:0 0 0 4em; color:#2477DF;}
.box .box-text ul li {padding:0.34em 0;}
.box.box-adva .box-text ul li {list-style-image:url('./list-pointer-adva.png');}
.box.box-audio .box-text ul li {list-style-image:url('./list-pointer-audio.png');}
.box .box-text ul li a {text-decoration:none; color:inherit;}
.box .box-text ul li a:hover {opacity:0.6;}
.footer {display:inline-block; width:100%; padding:1.2em 2.5em 1em; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.footer-line {display:inline-block; width:100%; border-top:3px solid #E6E6E6;}
.bottom-foot {font-size:1.66em; letter-spacing:-.01em; margin:.15em 0 1em 0;}
.bottom-foot strong, .bottom-foot span {margin:0 .4em;}
@media screen and (min-width:860px) {
	.contained {padding:8em 40px 3em 40px;}
	.box {width:49%;}
	.box-adva {float:left;}
	.box-audio {float:right;}
}
@media screen and (max-width:859px){
	.box {padding:2em 0;}
	.box.box-adva .box-text ul,
	.box.box-audio .box-text ul {padding:0; text-align:center; list-style:none;}
	.box.box-adva .box-text ul li,
	.box.box-audio .box-text ul li {list-style:none;}
}