/* BASIC css start */
.top_btn {z-index: 100; position: fixed; right: -40px; bottom: 50px; display: block; width: 40px; height: 40px; background-image: url(/design/peterjin/11657/top_btn-01.png); transition: 0.4s;}

/* #container */

.inner {padding: 7%;}

#aboutus {margin-top: 30px;}
#aboutus .main_img {padding-top: calc(280/324*100%); width: 100%; height: 0; background: center / cover  no-repeat url(/design/peterjin/11657/aboutus_main.png);}
#aboutus .info {margin-top: 30px;}
#aboutus .info h3 {font-size: 1.5em; font-weight: 700;}
#aboutus .info span {display: block; margin-top: 20px; font-size: 0.9em;}

#result {margin-top: 70px;}
#result h3 {padding: 0 5% 5% 5%; font-size: 1.5em; font-weight: 700;}
#result ul {}
#result ul li {padding-left: 1rem;}
#result ul li a {display: block; padding: 10px; border-radius: 10px; background-color: #edecec;}

#license {margin-top: 100px;}
#license h3 {padding: 0 5%; font-size: 1.5em; font-weight: 700;}
#license ul {padding: 20px;}
#license ul li {display: inline-block; width: 46%;}
#license ul li:nth-of-type(2n) {margin-left: 6%;}
#license ul li a {display: inline-block;}
#license ul li a img {padding: 10px; width: 100%;}
#license ul li a span {display: block; padding: 10px 20px; text-align: center; font-size: 0.75em; font-weight: 700;}

#contact {margin: 70px 0;}
#contact h3 {font-size: 1.5em; font-weight: 700;}
#contact .contact_area {margin-top: 30px;}
#contact .contact_area .call {margin-bottom: 10px;}
#contact .contact_area .e-mail {margin-bottom: 10px;}
#contact .contact_area address {}

footer {margin-top: 0 !important;}
/* BASIC css end */