.banner{margin:75px 0 35px}
.banner img{box-shadow:5px 5px 10px #999}
.font140{font-size:140%;color:red}
.check{font-size:140%;margin:0 0 40px;padding:25px 0 30px;border-top:dotted 2px #C0C0C0;border-bottom:dotted 2px #C0C0C0}
.check li{margin-top:20px;padding-left:40px;list-style:none;background:url(../images/icon_check.png) no-repeat;-webkit-background-size:30px 25px;background-size:30px 25px}
/* Comment Box */
.comment-box{float:left;margin:0}
.comment-box .comment{width:60%;float:left;margin:25px 0 70px}
.comment-box .commentator{width:30%;float:right;margin:25px 0 70px}
.select .commentator img{box-shadow:none}
.commentator p{text-align:center;padding-top:10px}
.comment{width:auto;position:relative;text-align:left;margin:15px 0 0 0;padding:24px 16px 4px 16px;background:#FFF5E7;box-shadow:5px 5px 10px #999;border-radius:8px}
.comment:before{content:"";position:absolute;top:25%;right:-35px;margin:-15px 0 0;border:15px solid transparent;border-left:20px solid #FFF5E7}
/* 966px (Nexus7 v1 966x604)
----------------------------------------*/
@media screen and (max-width:966px){
/* Balloon */
.balloon-arrow{font-size:360%}
}
/* 960px (Nexus7 v2 960x600)
----------------------------------------*/
@media screen and (max-width:960px) {
}
/* 896px (iPhone XR 896x414)
----------------------------------------*/
@media screen and (max-width:896px){
/* Balloon */
.balloon-arrow{font-size:340%}
}
/* 881px (Android 881x424)
----------------------------------------*/
@media screen and (max-width:881px){
/* Balloon */
.balloon-arrow{font-size:330%}
}
/* 854px (Xperia arc 854x480)
----------------------------------------*/
@media screen and (max-width:854px){
/* Balloon */
.balloon-arrow{font-size:320%}
}
/* 848px (Android 848x424)
----------------------------------------*/
@media screen and (max-width:848px){
}
/* 834px (iPad Pro 834x1194)
----------------------------------------*/
@media screen and (max-width:834px){
/* Balloon */
.balloon-arrow{font-size:310%}
}
/* 812px (iPhone X 812x375)
----------------------------------------*/
@media screen and (max-width:812px){
/* Balloon */
.balloon-arrow{font-size:300%}
}
/* 808px (Android 9 808x393)
----------------------------------------*/
@media screen and (max-width:808px){
}
/* 800px (Galaxy S 800x480)
----------------------------------------*/
@media screen and (max-width:800px){
}
/* 786px (Android 9 786x393x)
----------------------------------------*/
@media screen and (max-width:786px){
/* Balloon */
.balloon-arrow{font-size:290%}
}
/* 768px (iPad 768x1024)
----------------------------------------*/
@media screen and (max-width:768px){
}
/* 760px (Android 760x360)
----------------------------------------*/
@media screen and (max-width:760px){
/* Balloon */
.balloon-arrow{font-size:280%}
}
/* 740px (Galaxy S8 740x360)
----------------------------------------*/
@media screen and (max-width:740px){
}
/* 737px (Android 737x415)
----------------------------------------*/
@media screen and (max-width:737px){
/* Balloon */
.balloon-arrow{font-size:270%}
}
/* 736px (iPhone Plus 736x414)
----------------------------------------*/
@media screen and (max-width:736px){
}
/* 720px (Surface Pro 2 720x1280)
----------------------------------------*/
@media screen and (max-width:720px){
}
/* 690px (Nexus6 690x412)
----------------------------------------*/
@media screen and (max-width:690px){
/* Balloon */
.balloon-arrow{font-size:260%}
}
/* 668px (Android 9 668x376)
----------------------------------------*/
@media screen and (max-width:668px){
.font140{font-size:130%}
/* Balloon */
.balloon-arrow{font-size:250%}
}
/* 667px (iPhone 667x375)
----------------------------------------*/
@media screen and (max-width:667px){
}
/* 664px (Nexus4,5 664x384/360)
----------------------------------------*/
@media screen and (max-width:664px){
}
/* 640px (Nexus7 v1 640x966)
----------------------------------------*/
@media screen and (max-width:640px){
.font140{font-size:150%}
/* Balloon */
.balloon-arrow{font-size:240%}
}
/* 600px (Nexus7 v2 600x960)
----------------------------------------*/
@media screen and (max-width:600px){
/* Balloon */
.balloon-arrow{font-size:220%}
}
/* 598px (Xperia Z3 598x360)
----------------------------------------*/
@media screen and (max-width:598px){
}
/* 592px (Android 592x360)
----------------------------------------*/
@media screen and (max-width:592px){
.check{font-size:135%}
.check li{padding-left:35px}
}
/* 569px (AQUOS PHONE 569x320)
----------------------------------------*/
@media screen and (max-width:569px){
.check{font-size:130%}
/* Balloon */
.balloon-arrow{font-size:210%}
}
/* 568px (iPhone 5 568x320)
----------------------------------------*/
@media screen and (max-width:568px){
}
/* 560px (INFOBAR 560x960)
----------------------------------------*/
@media screen and (max-width:560px){
.comment-box .comment{width:93%;margin-bottom:40px;padding:24px 3.5% 4px}
.comment:before{content:"";position:absolute;top:100%;bottom:-35px;margin:0 25% -15px 0;border:15px solid transparent;border-top:20px solid #FFF5E7}
.comment-box .commentator{width:100%;margin-bottom:65px}
.commentator p{width:45%;float:left;margin:10px 0 0 55%}
.commentator img{width:45%;float:right}
}
/* 540px (Android 540x960)
----------------------------------------*/
@media screen and (max-width:540px){
.check{font-size:125%}
.check li{padding-left:30px;-webkit-background-size:24px 20px;background-size:24px 20px}
/* Balloon */
.balloon-arrow{font-size:200%}
}
/* 480px (iPhone 4 480x320)
----------------------------------------*/
@media screen and (max-width:480px){
.font140{font-size:125%}
.check{font-size:110%}
/* Balloon */
.balloon-arrow{font-size:180%}
}
/* 424px (Android 424x881)
----------------------------------------*/
@media screen and (max-width:424px){
.space20,.top-space20{padding-top:5px}
.font140{font-size:140%;line-height:3em}
.br{display:block}
.check{font-size:120%}
/* Balloon */
.balloon-arrow{font-size:160%}
.staff-box li{width:50%}
}
/* 415px (Android 415x737)
----------------------------------------*/
@media screen and (max-width:415px){
.font140{font-size:135%}
.check{font-size:115%}
/* Balloon */
.balloon-arrow{font-size:150%}
}
/* 414px (iPhone Plus 414x736)
----------------------------------------*/
@media screen and (max-width:414px){
}
/* 412px (Nexus 6 412x690)
----------------------------------------*/
@media screen and (max-width:412px){
}
/* 393px (Android 9 393x786)
----------------------------------------*/
@media screen and (max-width:393px){
.font140{font-size:130%}
.check{font-size:110%}
.check li{padding-left:25px;-webkit-background-size:21px 18px;background-size:21px 18px}
/* Balloon */
.balloon-arrow{font-size:140%}
}
/* 384px (Nexus 4 384x640)
----------------------------------------*/
@media screen and (max-width:384px){
.font140{font-size:125%}
}
/* 376px (Android 9 376x668)
----------------------------------------*/
@media screen and (max-width:376px){
.font140{font-size:120%}
.check{font-size:105%}
}
/* 375px (iPhone 375x667)
----------------------------------------*/
@media screen and (max-width:375px){
}
/* 360px (Nexus 5 360x640)
----------------------------------------*/
@media screen and (max-width:360px){
}
/* 320px (iPhone 5 320x568)
----------------------------------------*/
@media screen and (max-width:320px){
.font140{font-size:115%}
.check{font-size:100%}
/* Balloon */
.balloon-arrow{font-size:130%}
}