/*========================================================
Home
========================================================*/
#container { margin: 0; padding: 0; padding-top: 200px;}
#toppage a { text-decoration: none;}
#toppage .main_box {
    position: relative;
    display: flex; flex-wrap:wrap; align-items: flex-end; gap:25px 50px;
    margin: auto; width: 90% !important; max-width: 1000px;
}
#toppage .main_box .come { font-size: clamp(87.5%, 1.5vw, 100%); line-height: 150%;}
@media only screen and (min-width:809px){
}
@media only screen and (max-width:820px){
}
@media only screen and (max-width:468px){
    #container { padding:100px 0 0 !important;}
}



/* Mainimg */
#toppage .mainimg {
    display: flex; justify-content: space-between;
    margin: auto; width: 90%; max-width: 1265px;
}
#toppage .mainimg h1,
#toppage .mainimg h2 {
    font-family: "Zen Maru Gothic", sans-serif;
    font-weight: 700;
}
#toppage .mainimg h1 {
    font-size: clamp(187.5%, 4.5vw, 262.5%);
}
#toppage .mainimg h2{
    font-size:150%;
    color: #E8605D;
}
#toppage .mainimg h1 span,
#toppage .mainimg h2 span { display: inline-block;}
#toppage .mainimg .come {  font-size: 106.5%; line-height: 210%;}
#toppage .mainimg .illust { margin:0 auto; width: 100%; max-width:383px; aspect-ratio: 1 / 1;}
#toppage .mainimg .btn { width: 100%; max-width: 275px;}
#toppage .mainimg .box:nth-child(1),
#toppage .mainimg .box:nth-child(2) { display: flex; flex-direction: column;}
#toppage .mainimg .box:nth-child(1) { gap:70px;}
#toppage .mainimg .box:nth-child(2) { gap:25px; align-self: flex-end;}
@media only screen and (max-width:820px){
    #toppage .mainimg { flex-direction: column; justify-content: center; gap:45px;}
    #toppage .mainimg h1 span,
    #toppage .mainimg h2 span { display:block;}
    #toppage .mainimg .illust { margin:0 auto; max-width:444px;}
    #toppage .mainimg .box:nth-child(1) { gap:30px;}
    #toppage .mainimg .box:nth-child(2) { gap:30px; align-self:center;}
    #toppage .mainimg .box h1,
    #toppage .mainimg .box h2 { text-align:center;}
    #toppage .mainimg .box .come { text-align: left;}
}
@media only screen and (max-width:468px){
    #toppage .mainimg .illust { margin:0 auto; max-width: 250px;}
}



/* News */
#toppage .news .inner { padding: 0;}
#toppage .news .info {
    position: relative;
    display: flex; flex-wrap: wrap; gap:60px;
    margin: 80px 0;
}
#toppage .news .info .main_tit { width: 140px;}
#toppage .news .news_list {
    display: flex; flex-direction: column; gap:5px;
    width: calc(100% - 65px - 140px);
}
#toppage .news .news_list .box {
    background: url("../images/news_line.png") repeat-x left bottom;
    background-size: 7px auto;
}
#toppage .news .news_list .box a { display: flex; gap:20px; padding: 10px; color: #505050;}
#toppage .news .news_list .box a span:nth-child(1) { width: 100px;}
#toppage .news .news_list .box a span:nth-child(2) { 
    position: relative; top: 5px;
    width: 60px;
    height: 23px;
    line-height: 21px;
    color: #E76E2F;
    border: 1px solid #E76E2F;
    text-align: center;
    font-size: 75%;
    border-radius: 5px;
}
#toppage .news .news_list .box a span:nth-child(3) {
    width: calc(100% - 100px - 60px);
    transition : all 0.5s ease 0s;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}
#toppage .news .btn { position: absolute; left: 0; bottom:0; width: 140px;}
@media only screen and (min-width:819px){
    #toppage .news .news_list .box a:hover span:nth-child(3) {color:#E14D00; text-decoration:underline;}
}
@media only screen and (max-width:820px){
    #toppage .news .info { flex-direction: column; gap:30px; margin: 50px 0;}
    #toppage .news .info .main_tit,
    #toppage .news .news_list { margin: auto; width: 90%;}
    #toppage .news .news_list .box a { flex-wrap: wrap; gap:0; line-height: 150%;}
    #toppage .news .news_list .box a span:nth-child(2) { top: 0;}
    #toppage .news .news_list .box a span:nth-child(3) { width: 100%;}
    #toppage .news .btn { position:relative; left: 0; right: 0; margin:0 auto 0; width: 140px;}
}



/* Pickup */
#toppage .pickup {
    position: relative;
    margin: auto; width: 90%; max-width: 1000px;
}
#toppage .pickup::before,
#toppage .pickup::after {
    position: absolute;
    display: block; clear: both; content:"";
    width: 7px; height: 2px;
    background:#fff;
}
#toppage .pickup::before { top:0; left: 35%;}
#toppage .pickup::after { bottom:0; right: 35%;}
#toppage .pickup .box {
    display: flex; flex-wrap: wrap; justify-content: space-between;
    padding: 25px 30px;
    background: #fff;
    border:2px solid #E76E2F;
    border-radius: 20px;
}
#toppage .pickup .photo {
    position: relative; display: flex; flex-direction: column; justify-content: center;
    width: 31%; height: auto; aspect-ratio: 275 / 185;
    background: #f6f6f6;
    border-radius:10px;
}
#toppage .pickup .photo img {
    margin: auto;
    width: auto; height: auto;
    max-width: 100%; max-height: 100%;
}
#toppage .pickup .photo.tbsp { display: none !important;}
#toppage .pickup .cont { width: 60%;}
#toppage .pickup .tit {
    margin-bottom: 10px;
    padding-bottom: 10px;
    font-family: "Zen Maru Gothic", sans-serif;
    font-weight: 700;
    font-size: clamp(143%, 2.4vw, 162.5%);
    border-bottom:2px solid #E76E2F;
}
#toppage .pickup  .cont { display: flex; flex-direction: column; gap:10px;}
#toppage .pickup dl { display: flex; gap:15px;}
#toppage .pickup dt {
    width: 65px;
    font-size: clamp(87.5%, 1.5vw, 93.8%);
    text-align: center;
    background: #F9F0E6;
    border-radius: 5px;
}
#toppage .pickup dd { width: calc(100% - 10px - 65px);}
#toppage .pickup .btn { position: absolute; left: 0; right: 0; bottom: -25px; z-index: 9999; margin: auto; width: 210px;}
@media only screen and (max-width:820px){
    #toppage .pickup { flex-direction: column;}
    #toppage .pickup .photo,
    #toppage .pickup .cont { width: 100%; gap:15px;}
    #toppage .pickup .photo.pc { display: none!important;}
    #toppage .pickup .photo.tbsp { display: flex!important; margin: auto; max-width: 275px;}
    #toppage .pickup dl { flex-direction: column; gap:5px;}
    #toppage .pickup dd { width: 100%;}
    #toppage .pickup .btn { position:static; margin: 40px auto 0; width: 210px;}
}
@media only screen and (max-width:468px){
}

#toppage .news .illust {
    position: relative;
    margin: auto; width: 100%; max-width: 1200px; height: 80px;
    background: url("../images/illust/illust_bg.png") no-repeat bottom center;
    background-size: 100% auto;
}
#toppage .news .illust p:nth-child(1) { position: absolute; bottom: 10px; left: 10px; width: 101px;}
#toppage .news .illust p:nth-child(2) { position: absolute; bottom: 20px; right: 0; width: 103px;}
@media only screen and (max-width:1175px){
    #toppage .news .illust { height:180px;}
}
@media only screen and (max-width:820px){
    #toppage .news .illust { top: -50px; height: 100px;}
    #toppage .news .illust p:nth-child(1) { width: 81px;}
    #toppage .news .illust p:nth-child(2) { bottom: 10px; width: 83px;}
}
@media only screen and (max-width:468px){
    #toppage .news .illust { height: 105px;}
    #toppage .news .illust p:nth-child(1) { bottom: 10px; left: 10px; width: 60px;}
    #toppage .news .illust p:nth-child(2) { bottom: 5px; right: 5px; width: 60px;}
    #toppage .news .illust {
        background: url("../images/illust/illust_bg_sp.png") no-repeat bottom center;
        background-size: 100% auto;
    }
}



/* Event */
#toppage .event {
    margin-left: 15%;
    padding: 100px 0;
    overflow: hidden;
} 
#toppage .event .inner {
    display: flex; flex-direction: column; gap:50px;
    padding: 50px 0; width: 100%; max-width:inherit;
    background: #F9F0E6;
    border-top-left-radius: 100px;
    border-bottom-left-radius: 100px;
}
#toppage .event .main_box { left: -9%;}
#toppage .event .btn { position: absolute; top:10%; right:15%; width: 140px;}
#toppage .event .event_list { padding: 0 50px; }
/* #toppage .event .event_list .box {
    display: flex; flex-wrap: wrap; gap:60px;
    background: #fff;
    margin: 0 20px;
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.03);
    border-radius: 10px;
    overflow: hidden;
}
#toppage .event .event_list .slick-list { overflow: visible;}
#toppage .event .event_list .slick-arrow[aria-disabled="true"] { opacity:0.5; pointer-events:none;}
#toppage .event .event_list .box a { display: block; color: #505050; width: 100%;}
#toppage .event .event_list .box .photo { position: relative;}
#toppage .event .event_list .box .photo .pic {
    position: relative; display: flex; flex-direction: column; justify-content: center;
    width: 100%; height: auto; aspect-ratio: 960 / 600;
    background: #f6f6f6;
}
#toppage .event .event_list .box .photo .pic img {
    margin: auto;
    width: auto; height: auto;
    max-width: 100%; max-height: 100%;
}
#toppage .event .event_list .box .cont {
    position: relative;
    display: flex; flex-direction: column; gap:5px;
    padding: 30px 25px;
}
#toppage .event .event_list .box .tit {
    margin-bottom: 5px;
    font-size: clamp(87.5%, 106.2%, 112.5%);
    font-weight: 700;
    line-height: 150%;
}
#toppage .event .event_list .box .mid {
    padding: 2px 0;
    font-size: clamp(75%, 1.5vw, 100%);
    text-align: center;
    border-top: 1px dashed #343434;
    border-bottom: 1px dashed #343434;
}
#toppage .event .event_list .box .data {
    font-size: clamp(81.2%, 1.4vw, 93.8%);
    line-height: 150%;
} */
#toppage .event .event_list .box { margin:0 20px;}
@media only screen and (max-width:1650px){
    #toppage .event { margin-left: 10%;} 
    #toppage .event .main_box { left: 0%;}
    #toppage .event .btn { right:5%;}
}
@media only screen and (max-width:1400px){
    #toppage .event { margin-left: 5%;} 
    #toppage .event .main_box { left: -3%;}
}
@media only screen and (max-width:1300px){
    #toppage .event { margin:0;} 
    #toppage .event .main_box { left:0;}
    #toppage .event .main_box .come { width: 100%;}
    #toppage .event .btn { top:20%;}
}
@media only screen and (max-width:820px){
    #toppage .event .event_list {
        position: relative; left: 3%;
        padding: 0;
        width: 97%;
    }
    #toppage .event .event_list .slick-prev {left:-3%;}
    #toppage .event .event_list .box { margin: 0 15px;}
    #toppage .event .btn { position: static; margin: 0 auto;}
}
@media only screen and (max-width:468px){
    #toppage .event { padding: 25px 0 75px;} 
    #toppage .event .inner {
        padding: 30px 0 60px;
        border-top-left-radius: 50px;
        border-bottom-left-radius: 50px;
    }
    #toppage .event .main_box { left:0; width: 85% !important;}
    #toppage .event .event_list { left:0; width: 100%;}
    #toppage .event .event_list .slick-list { padding-left: 4% !important;}
    #toppage .event .btn { position:relative; top: 0;  border: 0; left: 0; right: 0; margin: auto;}
}
@media only screen and (max-width:320px){
    #toppage .event .illust { top: -70px; right:0; width:60px; }
}

#toppage .event .illust { position: absolute; top: -100px; right: 3%; width: 122px; }
@media only screen and (max-width:1300px){
    #toppage .event .illust { right: 15%;}
}
@media only screen and (max-width:820px){
    #toppage .event .illust { top: -55px; right:0; width:102px; }
}
@media only screen and (max-width:468px){
    #toppage .event .illust { right:0; width:73px; }
}
@media only screen and (max-width:325px){
    #toppage .event .illust { right:-20px; width:67px; }
}



/* Report */
#toppage .report { background: url("../images/bg_dot.png") repeat center center;} 
#toppage .report .inner {
    display: flex; flex-direction: column; gap:50px;
    padding: 50px 0 80px; max-width: 1250px;
}
#toppage .report .report_list .box {
    display: flex; flex-wrap: wrap; gap:60px;
    background: #fff;
    margin: 0 22px;
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.03);
    border-radius: 10px;
    overflow: hidden;
}
#toppage .report .report_list .box  a { color: #505050;}
#toppage .report .report_list .box .photo { position: relative;}
#toppage .report .report_list .box .photo img {
    width: 100%; height: auto;
    aspect-ratio: 370 / 200;
    object-fit: cover;
}
#toppage .report .report_list .box .cate {
    position: absolute; top: 0; right: 0;
    padding:  0 15px;
    color: #fff;
    text-align: center;
    line-height: 31px;
    border-bottom-left-radius: 10px;
}
#toppage .report .report_list .box .cate1 { background: #009174;}
#toppage .report .report_list .box .cont {
    display: flex; flex-direction: column; gap:15px;
    padding: 20px;
}
#toppage .report .report_list .box .data {
    text-align: right;
    font-size: 93.8%;
}
#toppage .report .report_list .box .tit {
    position: relative; top: 5px;
    margin-bottom: 15px;
    font-size: clamp(100%, 106.2%, 112.5%);
    font-weight: 700;
}
#toppage .report .report_list .box .comment {
    line-height: 150%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;     
}
#toppage .report .btn { position: absolute; top:65px; right:1.5%; width: 140px;}
@media only screen and (max-width:820px){
    #toppage .report .inner { width: 100%;}
    #toppage .report_list {
        position: relative;
        margin: auto;
        width: 94%;
    }
    #toppage .report .report_list .slick-list { overflow:visible;}
    #toppage .report .report_list .box { margin: 0 15px;}
    #toppage .report .btn { position: static; margin: 0 auto;}
    #toppage .report .illust {left:0;}
}
@media only screen and (max-width:468px){
    #toppage .report {
        border-radius: 40px;
    }
    #toppage .report .main_box { width: 85% !important;}
    #toppage .report_list { width: 100%;}
    #toppage .report_list .slick-list { padding-left: 4% !important;}
    #toppage .report_list .box a {
        display:flex; flex-direction: column; gap:0;
        color: #343434;
    }
    #toppage .report_list .box .photo { width: 100%;}
    #toppage .report_list .box .photo img { aspect-ratio: 370 / 200;}
    #toppage .report_list .box .photo,
    #toppage .report_list .box .photo img {    
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }
    #toppage .report_list .box .cont {
        flex-direction: column-reverse;
        padding: 15px;
        width: 100%;
    }
    #toppage .report .btn { position: static;}
    #toppage .report .illust { top: -90px; left:0; width:80%; }
}

#toppage .report .illust { position: absolute; top: -140px; left:-10%; width: 50%; max-width:531px; }
@media only screen and (max-width:820px){
    #toppage .report .illust { top:-120px; left:0; max-width:521px; }
}
@media only screen and (max-width:468px){
    #toppage .report .illust { top: -90px; left:0; width: 80%; max-width:514px; }
}



/* Committee */
#toppage .committee .come { padding-right: 20%; }
#toppage .committee .btn { margin:65px auto 0; max-width: 275px; }
#toppage .committee .illust { position: absolute; top: -50px; right: 50px; margin: auto; width: 193px; }
@media only screen and (max-width:820px){
    #toppage .committee .illust { right: 0; width: 163px;}
}
@media only screen and (max-width:468px){
    #toppage .committee .illust { top: inherit; bottom: 0; width: 110px;}
    #toppage .committee .come { padding-right: 35%; }
    #toppage .committee .btn { margin:30px auto 0;}
}







/* Column */
#toppage .column { background: #F9F0E6;}
#toppage .column .inner {
    width: 90%; max-width: 1215px;
}
#toppage .column .book {
    display: flex; gap:0; 
    width: 100%;
    background-image: url("../images/book_header.png"), url("../images/book_footer.png"), url("../images/book_center.png");
    background-repeat: no-repeat,  no-repeat, repeat;
    background-size: 100% auto, 100% auto, 100% auto;
    background-position: top left, bottom left, center center;
}
#toppage .column .box {  display: flex; flex-direction: column; justify-content: space-between; padding: 15px; width: 50%;}
#toppage .column .box:nth-child(1)  { padding-right: 7px;}
#toppage .column .box:nth-child(2)  { padding-left: 7px;}
#toppage .column .tit {
    padding: 30px 0;
    font-family: "Zen Maru Gothic", sans-serif;
    font-weight: 700;
    font-size: clamp(150%, 2.8vw, 200%);
    color: #fff;
    text-align: center;
    background: #66AD64;
}
#toppage .column .box:nth-child(1) .tit  {
    border-top-left-radius:150px;
    border-top-right-radius: 70px;
}
#toppage .column .box:nth-child(2) .tit  {
    border-top-right-radius:150px;
    border-top-left-radius: 70px;
}
#toppage .column .box .cont {
    margin: auto;
    padding: 50px 0;
    width:96%; max-width: 500px;
}
#toppage .column .box .come {
    position: relative;
    font-size: clamp(87.5%, 1.5vw, 100%);
}
#toppage .column .box:nth-child(1) .come {
    display: flex; flex-wrap: wrap; 
    margin-top: 40px;
    padding: 40px 40px 40px 180px;
    background:url("../images/come_bg.png") no-repeat;
    background-size: 100% 100%;
}
#toppage .column .box:nth-child(1) ul { margin: 30px auto 50px;}
#toppage .column .box:nth-child(1) ul li {
    padding: 20px 20px 20px 30px;
    color:#186308;
    background: url("../images/arrow2_g.svg") no-repeat 10px 30px;
    background-size: 10px auto;
    border-bottom: 1px solid #639F50;
}
#toppage .column .box:nth-child(1) ul li a { 
    font-size: clamp(93.8%, 1.6vw, 100%);
    color:#186308;
}
#toppage .column .box:nth-child(2) .come {
    padding-right: 110px;
}
#toppage .column .box:nth-child(2) ul {
    display: flex; gap:45px;
    margin: 30px auto 50px;
}
#toppage .column .box:nth-child(2) ul li { width: calc(50% - 22.5px);}
#toppage .column .box:nth-child(2) ul li img { width: 100%; height: auto; aspect-ratio: 1 / 1.4; object-fit:cover; border: 1px solid #88C786;}
#toppage .column .box:nth-child(2) ul li span {
    display: block;
    margin-top: 10px;
    font-size: clamp(87.5%, 1.5vw, 100%);
    text-align: center;
    color: #505050;
    line-height: 150%;
}
#toppage .column .box:nth-child(2) .illust {
    position: absolute; top:0; right: 0;
}
#toppage .column .btn { margin: auto;}
@media only screen and (max-width:1200px){
    #toppage .column .box:nth-child(1) .tit  {
        border-top-left-radius:75px;
        border-top-right-radius: 40px;
    }
    #toppage .column .box:nth-child(2) .tit  {
        border-top-right-radius:75px;
        border-top-left-radius: 40px;
    }
}
@media only screen and (max-width:1000px){
    #toppage .column .box:nth-child(1) .tit  {
        border-top-left-radius:55px;
        border-top-right-radius: 30px;
    }
    #toppage .column .box:nth-child(2) .tit  {
        border-top-right-radius:55px;
        border-top-left-radius: 30px;
    }
}
@media only screen and (max-width:820px){
    #toppage .column .book {
        flex-direction: column; gap:40px;
        background:none;
    }
    #toppage .column .box {
        padding: 5px !important;
        width: 100%;
        background: #fff url("../images/book_bg.png");
        border:7px solid #B7D7B6 !important;
        border-radius:25px !important;
    }
    #toppage .column .box .cont { padding: 20px 10px;}
    #toppage .column .box .tit {
        padding: 20px 0;
        border-top-right-radius:15px !important;
        border-top-left-radius:15px !important;
    }
    #toppage .column .box .come { line-height: 165%;}
    #toppage .column .box:nth-child(1) .come {
        display: flex; flex-direction: column; justify-content: center;
        margin-top:0;
        padding: 20px 20px 20px 35%;
        min-height:230px;
    }
    #toppage .column .box:nth-child(1) ul { margin: 0 auto 20px;}
    #toppage .column .box:nth-child(1) ul li { padding: 10px 10px 10px 30px; line-height:150%; background-position: 10px 18px; background-size: 8px auto;}
    #toppage .column .box:nth-child(2) ul { gap:40px; margin: 20px auto 20px;}
    #toppage .column .box:nth-child(2) .come { padding-right: 90px; }
}
@media only screen and (max-width:468px){
    #toppage .column .box:nth-child(1) .come {
        min-height: inherit;
    }
}

#toppage .column .box:nth-child(1) .illust { position: absolute; top: -50px; left:30px; max-width: 163px;}
@media only screen and (max-width:820px){
    #toppage .column .box:nth-child(1) .illust { top:0; left:0; width: 143px;}
    #toppage .column .box:nth-child(2) .illust { top: 10px; max-width: 60px;}
}
@media only screen and (max-width:468px){
    #toppage .column .box:nth-child(1) .illust { top:0; left:0; width: 105px;}
    #toppage .column .box:nth-child(2) .illust { top: 10px; max-width: 60px;}
}



/* Download */
#toppage .download .inner {
    display: flex; flex-direction: column; gap:40px;
    padding: 80px 0 80px;
}
#toppage .download .main_box .come {
    padding-left:40px;
    line-height: 25px;
    background: url("../images/icon_lock.svg") no-repeat;
    background-size: 22px auto;
}
#toppage .download .dl_list {
    display: flex;
    padding: 30px 50px;
    background: #F9F0E6;
    border-radius: 30px;
}
#toppage .download .dl_inner { 
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap:10px;
}
#toppage .download .dl_list p { position: relative; min-width: 210px;}
#toppage .download .dl_list p a {
    display: block;
    padding: 10px 60px 10px 15px;
    font-size: 112.5%;
    font-weight: 700;
    line-height: 40px;
    color: #E76E2F;
    border:2px solid #E76E2F;
    border-radius: 40px;
    box-sizing:border-box;
}
#toppage .download .dl_list p::before,
#toppage .download .dl_list p::after {
    position: absolute;
    display: block; clear: both; content:"";
    width: 4px; height: 2px;
    background:#fff;
}
#toppage .download .dl_list p::before { top:0; left: 40px;}
#toppage .download .dl_list p::after { bottom:0; right: 40px;}
#toppage .download .dl_list p.lock a {
    background:#fff url("../images/icon_lock_off.svg") no-repeat right center;
    background-size: 55px auto !important;
}
#toppage .download .dl_list p.dl a {
    background:#fff url("../images/icon_cloud_off.svg") no-repeat right center;
    background-size: 55px auto !important;
}
@media only screen and (min-width:819px){
    #toppage .download .dl_list p.lock a:hover { background:#FFF3EC url("../images/icon_lock_on.svg") no-repeat right center; background-size: 55px auto !important;}
    #toppage .download .dl_list p.dl a:hover { background:#FFF3EC url("../images/icon_cloud_on.svg") no-repeat right center; background-size: 55px auto !important;}
}
@media only screen and (max-width:1200px){
    #toppage .download .dl_list { padding-left: 100px;}
}
@media only screen and (max-width:1100px){
    #toppage .download .main_box .come { margin-left:5em;}
}
@media only screen and (max-width:900px){
    #toppage .download .main_box .come { margin-left:0px;}
}
@media only screen and (max-width:820px){
    #toppage .download .dl_list { padding-left: 150px;}
    #toppage .download .dl_inner { flex-direction: column; width:100%;}
    #toppage .download .dl_list p { width:100%;}
}
@media only screen and (max-width:468px){
    #toppage .download .inner { gap:20px; padding-bottom: 100px;}
    #toppage .download .main_box .come { line-height:150%; }
    #toppage .download .dl_list { padding: 20px 20px 75px; border-radius: 20px;}
}


#toppage .download .illust { position: absolute; top: 80px; left: -65px; margin: auto; width: 155px;}
@media only screen and (max-width:1200px){
    #toppage .download .illust { top: 140px; left:-10px;}
}
@media only screen and (max-width:900px){
    #toppage .download .illust { top: 240px;}
}
@media only screen and (max-width:820px){
    #toppage .download .illust { width: 135px;}
}
@media only screen and (max-width:468px){
    #toppage .download .illust {
        position: absolute; top:inherit; bottom:40px; left:0; right: 0;
        margin: auto; width:86px;
    }
}