@charset "UTF-8";
/* CSS Document */

body{ position:relative; font-family: 'Noto Sans JP',"Hiragino Kaku Gothic Pro",Meiryo,"ヒラギノ角ゴ Pro W3","メイリオ","MS PGothic","MS UI Gothic",Helvetica,Arial, sans-serif; background: #f8b616;}
main{ position: relative;}
img{ max-width:100%;}
.amu_top_btn{display: flex; justify-content: space-evenly; text-align: center;}
.amu_top_btn a{color: #221815; font-weight: bold; background-color: #fff; }
.amu_top_btn a:hover{ text-decoration: none; opacity: .9;}

.mainWrap { position: relative;}
.topimg { width: 100%; display: block; margin: auto; position: relative;}

@media (min-width: 768px) {
body{ font-size: 16px; min-width: 1010px;}
.pcnone{ display: none !important;}
main{width: 1000px; margin: 0 auto;}
    
.top_btn{position: fixed; bottom: 50px; right: 200px; background-color: #e0ca76; width: 50px;  border-radius: 25px; text-align: center; z-index: 999;}
.top_btn {display: none;}
.amu_top_btn{justify-content: center;}
.amu_top_btn a{padding: 10px 20px; margin: 20px; width: 240px;}

footer{padding: 20px 0; background: #f8b616;}
    
.topimg .link01 a {  position: absolute; width: 100%; height: 9%; top: 21%; right: 0;}
.topimg .link02 a {  position: absolute; width: 50%; height: 13%; top: 32%; right: 0;}
.topimg .link03 a {  position: absolute; width: 50%; height: 13%; top: 45%; left: 0;}
.topimg .link04 a {  position: absolute; width: 50%; height: 13%; top: 45%; right: 0;}
.topimg .link05 a {  position: absolute; width: 50%; height: 13%; top: 65%; left: 0;}
.topimg .link06 a {  position: absolute; width: 50%; height: 13%; top: 65%; right: 0;}
.topimg .link07 a {  position: absolute; width: 100%; height: 5%; top: 80%; right: 0;}
.topimg .link08 a {  position: absolute; width: 50%; height: 5%; bottom: 9%; left: 0;}
.topimg .link09 a {  position: absolute; width: 50%; height: 5%; bottom: 9%; right: 0;}
.topimg .link10 a {  position: absolute; width: 50%; height: 7%; bottom: 1%; left: 0;}
.topimg .link11 a {  position: absolute; width: 50%; height: 7%; bottom: 1%; right: 0;}
}



@media (max-width: 767.98px) {
body{ font-size: 14px;}
main{ padding: 0 15px;}
.spnone{ display:none !important;}
.amu_top_btn a{padding: 10px 5px; font-size: 12px; width: 45%;}
    
.topimg .link01 a {  position: absolute; width: 100%; height:9%; top: 8%; right: 0;}
.topimg .link02 a {  position: absolute; width: 80%; height: 8%; top: 26%; left: 10%;}
.topimg .link03 a {  position: absolute; width: 80%; height: 8%; top: 35%; left: 10%;}
.topimg .link04 a {  position: absolute; width: 80%; height: 8%; top: 43.5%; left: 10%;}
.topimg .link05 a {  position: absolute; width: 80%; height: 8%; top: 58%; left: 10%;}
.topimg .link06 a {  position: absolute; width: 80%; height: 8%; top: 66.5%; left: 10%;}
.topimg .link07 a {  position: absolute; width: 100%; height: 8%; top: 76%; left: 0;}
.topimg .link08 a {  position: absolute; width: 100%; height: 3%; bottom: 12.8%; left: 0;}
.topimg .link09 a {  position: absolute; width: 100%; height: 3%; bottom: 9.5%; left: 0;}
.topimg .link10 a {  position: absolute; width: 100%; height: 4%; bottom: 5.3%; left: 0;}
.topimg .link11 a {  position: absolute; width: 100%; height: 4%; bottom: 1%; left: 0;}
    
.top_btn{position: absolute; left: 0; width: 35px; top: 20%; position: fixed;}
}