@charset "utf-8";

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

/*============================
#aboutArea
============================*/
#aboutArea {}
#aboutArea .about {}
#aboutArea .about .image { margin-top: 30px; margin-left: -20px; margin-right: -20px; min-height: 560px; }
#aboutArea .about .image img { width: 100%; height: auto; }
#aboutArea .about .content { position: absolute; width: 90%; left: 10%; top: 180px; border-radius: 20px 0 0 20px; padding: 30px; }
#aboutArea .about .content .md_title {}
#aboutArea .about .content .md_title span {}
#aboutArea .about .content .catch { margin-top: 30px; font-size: 1em; line-height: 1.5; }
#aboutArea .why { margin-top: 30px; margin-right: 20px; }
#aboutArea .why::before { content: ""; position: absolute; right: 50%; top: 0; display: block; width: 100%; height: 100%; background: #f67265; }
#aboutArea .why .md_container { background: #f67265; border-radius: 20px; }
#aboutArea .why .md_container .english { right: 0; bottom: 24px; font-size: 8em; line-height: 0.7; }
#aboutArea .why .content { padding: 40px 10px; }
#aboutArea .why .content .md_title {}
#aboutArea .why .content .md_title span {}
#aboutArea .why .content .image {}
#aboutArea .why .content .image img {}
#aboutArea .why .content .icon { right: -30px; top: -10px; }
#aboutArea .why .content .icon img { width: 45px; height: auto; }
#aboutArea .why .content .catch { margin-top: 50px; font-size: 1.75em; letter-spacing: 0.3em; }
#aboutArea .why .content .catch em {}
#aboutArea .why .content .catch em span {}
#aboutArea .why .content .copy { margin-top: 20px; font-size: 1em; }
#aboutArea .tokucho { margin-top: 40px; }
#aboutArea .tokucho .md_title { text-align: center; }
#aboutArea .tokucho .md_title span {}
#aboutArea .tokucho .content {}
#aboutArea .tokucho .content ul {}
#aboutArea .tokucho .content ul li { float: inherit; width: inherit; margin-right: 0; margin-top: 30px; }
#aboutArea .tokucho .content ul li:nth-child(3n) { margin-right: 0; }
#aboutArea .tokucho .content ul li .image {}
#aboutArea .tokucho .content ul li .image img { width: 100%; height: auto; }
#aboutArea .tokucho .content ul li .title { font-size: 1.125em; margin-top: 15px; }
#aboutArea .tokucho .content ul li .text { margin-top: 10px; }
#aboutArea .tokucho .content ul li .text .list {}
#aboutArea .prize { margin-top: 40px; }
#aboutArea .prize .content { border-radius: 20px; padding: 30px 20px; border: solid 6px #e3cf6b; }
#aboutArea .prize .content .md_title {}
#aboutArea .prize .content .md_title span {}
#aboutArea .prize .content .text { font-size: 1.125em; margin-top: 20px; }
#aboutArea .prize .content .list { margin-top: 0; }
#aboutArea .prize .content .list ul {}
#aboutArea .prize .content .list ul li { float: inherit; border-radius: 20px; padding: 30px 0 30px 40%; width: inherit; margin-right: 0; margin-top: 15%; }
#aboutArea .prize .content .list ul li .image { position: absolute; left: 10px; top: 50%; margin-top: -20%; width: 40%; }
#aboutArea .prize .content .list ul li .image img { width: 100%; height: auto; }
#aboutArea .prize .content .list ul li .copy { font-size: 1.25em; }
#aboutArea .prize .content .list ul li .copy::before {}
#aboutArea .prize .content .list ul li:nth-child(2n) {}
#aboutArea .prize .content .list ul li:nth-child(2n) .image { position: absolute; left: 12px; top: 46%; margin-top: -18%; width: 39%; }
#aboutArea .prize .content .list ul li:nth-child(2n) .image img { width: 100%; height: auto; }
#aboutArea .prize .content .list ul li:nth-child(2n) .copy::before {}
#aboutArea .prize .content .lead { margin-top: 80px; font-size: 1.125em; text-align: left; line-height: 1.5; }
#aboutArea .prize .content .lead::before { top: -40px; }
#aboutArea .prize .content .lead::after { top: -40px; }

}