@charset "utf-8";

*{font-family:\5FAE\8EDF\6B63\9ED1\9AD4,\65B0\7D30\660E\9AD4;letter-spacing:1px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;letter-spacing:1px;}
body{margin:0px;font-family:\5FAE\8EDF\6B63\9ED1\9AD4,\65B0\7D30\660E\9AD4;}
input:focus{outline: -webkit-focus-ring-color auto 0;}
select:focus{outline: -webkit-focus-ring-color auto 0;}
textarea:focus{outline: -webkit-focus-ring-color auto 0;}
select { -webkit-appearance: none; /*Chrome*/-moz-appearance: none; /*FF*/appearance: none;/*CSS3*/}
select::-ms-expand {display: none; /*IE*/}
.select-arrow {background-image:url(../image/select-arrow.png);background-repeat:no-repeat;background-position:94% 20px;}
ul{padding:0px;margin:0px;list-style:none;}
li{padding:0px;margin:0px;}
.trans{transform:rotateY(180deg);}
a{text-decoration:none;}

body{background-image:url(../image/body_bg.jpg);background-repeat:repeat-y;background-position:top center;}
.body{background-image:url(../image/top_body_bg.jpg);background-repeat:no-repeat;background-position:top center;}

.main{width:1320px;margin:0 auto;}


@media (max-width:1320px){.main{width:100%;}}


.top_scroll_container{width:100%;height:120px;}
.top_scroll_container:after{content:"";display:block;clear:both; }
.top_scroll_container > div{float:left;}
.top_scroll_center{
    width:calc(100% - 202px);height:100%;
    background-image:url(../image/scoll_top_center.png);
}
.top_scroll_right,.top_scroll_left{width:101px;height:100%;background-repeat:no-repeat;background-position:top center;}
.top_scroll_left{background-image:url(../image/scroll_top_right.png);background-position:top left;}
.top_scroll_right{background-image:url(../image/scroll_top_left.png);background-position:top right;}

.middle_scroll_container{width:100%;height:auto;display:table;}
.middle_scroll_container > div{display:table-row;}
.middle_scroll_center,.middle_scroll_right,.middle_scroll_left{display:table-cell;}
.middle_scroll_center{
    width:calc(100% - 202px);height:auto;
    background-image:url(../image/scroll_middle_center.jpg);background-repeat:repeat;
    padding:0px 20px;padding-bottom:50px;
}
.middle_scroll_right,.middle_scroll_left{width:101px;height:100%;}
.middle_scroll_left{background-image:url(../image/scroll_middle_right.png);background-position:top left;background-repeat:repeat-y;}
.middle_scroll_right{background-image:url(../image/scroll_middle_left.png);background-position:top right;background-repeat:repeat-y;}

.bottom_scroll_container{width:100%;height:130px;}
.bottom_scroll_container:after{content:"";display:block;clear:both;}
.bottom_scroll_container > div{float:left;}
.bottom_scroll_center{
    width:calc(100% - 202px);height:100%;
    background-image:url(../image/scoll_bottom_center.png);
}
.bottom_scroll_right,.bottom_scroll_left{width:101px;height:100%;background-repeat:no-repeat;background-position:top center;}
.bottom_scroll_left{background-image:url(../image/scroll_bottom_left.png);background-position:top left;}
.bottom_scroll_right{background-image:url(../image/scroll_bottom_right.png);background-position:top right;}

@media (max-width:1280px){
    .top_scroll_container{height:115px;}
    .bottom_scroll_container{height:120px;}
    .top_scroll_center,.middle_scroll_center,.bottom_scroll_center{width:calc(100% - 120px);}
    .top_scroll_right,.top_scroll_left,.middle_scroll_right,.middle_scroll_left,.bottom_scroll_right,.bottom_scroll_left{
        width:60px;
        background-size:100% auto;
    }
    .top_scroll_center{
    background-image:url(../image/scoll_top_center_1280.png);
    }
    .bottom_scroll_center{
    background-image:url(../image/scoll_bottom_center_1280.png);
    }
    .top_scroll_left{background-image:url(../image/scroll_top_right_1280.png);}
    .top_scroll_right{background-image:url(../image/scroll_top_left_1280.png);}
    .bottom_scroll_left{background-image:url(../image/scroll_bottom_left_1280.png);}
    .bottom_scroll_right{background-image:url(../image/scroll_bottom_right_1280.png);}
}
@media (max-width:1024px){
    .top_scroll_container{height:86px;}
    .bottom_scroll_container{height:93px;}
    .top_scroll_center,.middle_scroll_center,.bottom_scroll_center{width:calc(100% - 100px);}
    .top_scroll_right,.top_scroll_left,.middle_scroll_right,.middle_scroll_left,.bottom_scroll_right,.bottom_scroll_left{
        width:50px;
    }
    .top_scroll_center{
    background-image:url(../image/scoll_top_center_1024.png);
    }
    .bottom_scroll_center{
    background-image:url(../image/scoll_bottom_center_1024.png);
    }
}
@media (max-width:768px){
    .top_scroll_container{height:52px;}
    .bottom_scroll_container{height:56px;}
    .middle_scroll_center{background-image:url(../image/scroll_middle_center_768.png);}
    .top_scroll_center,.middle_scroll_center,.bottom_scroll_center{width:calc(100% - 60px);}
    .top_scroll_right,.top_scroll_left,.middle_scroll_right,.middle_scroll_left,.bottom_scroll_right,.bottom_scroll_left{
        width:30px;
    }
    .top_scroll_center{
    background-image:url(../image/scoll_top_center_768.png);
    }
    .bottom_scroll_center{
    background-image:url(../image/scoll_bottom_center_768.png);
    }
}
@media (max-width:480px){
    .top_scroll_center,.middle_scroll_center,.bottom_scroll_center{width:calc(100% - 40px);padding:0px 15px;}
    .top_scroll_right,.top_scroll_left,.middle_scroll_right,.middle_scroll_left,.bottom_scroll_right,.bottom_scroll_left{
        width:20px;
    }
    .top_scroll_center{
    background-image:url(../image/scoll_top_center_480.png);
    }
    .bottom_scroll_center{
    background-image:url(../image/scoll_bottom_center_480.png);
    }
    .top_scroll_left{background-image:url(../image/scroll_top_right_480.png);}
    .top_scroll_right{background-image:url(../image/scroll_top_left_480.png);}
    .bottom_scroll_left{background-image:url(../image/scroll_top_right_480.png);}
    .bottom_scroll_right{background-image:url(../image/scroll_top_left_480.png);}
}


.middle_scroll_title{
    width:calc(100% - 60px);height:300px;
    background:url(../image/title_1920.png);background-repeat:no-repeat;background-position:top center;
    text-align:center;
    margin:0 auto;
}
.middle_scroll_title img{max-width:100%;display:none;}
@media (max-width:1280px){
.middle_scroll_title{height:280px;background-size:950px auto;}    
}
@media (max-width:960px){
.middle_scroll_title{width:100%;height:auto;background:none;}   
.middle_scroll_title img{display:inline;}
}    
@media (max-width:480px){
.middle_scroll_title img{max-width:90%;}
}    
@media (max-width:420px){
.middle_scroll_title img{max-width:100%;}
} 


.middle_scroll_text_a{width:100%;font-size:24px;font-weight:bold;;line-height:32px;color:#202020;margin-top:24px;padding:0px 30px;}
@media (max-width:1280px){
.middle_scroll_text_a{font-size:22px;}   
}    
@media (max-width:960px){
.middle_scroll_text_a{padding:0px 10px;}   
}      
@media (max-width:768px){
.middle_scroll_text_a{font-size:20px;line-height:28px;}   
}     
@media (max-width:420px){
.middle_scroll_text_a{padding:0px 0px;}   
}       
 
    

.middle_scroll_text_b_container{width:100%;margin-top:30px;padding:0px 30px;}
.middle_scroll_text_b_title{
    background:url(../image/text_b_title_bg.jpg);background-repeat:repeat;
    font-size:24px;font-weight:bold;color:#ffffff;
    border-radius:10px;
    padding:10px 20px;    
    display:inline-block;
}
.middle_scroll_text_b_text{font-size:22px;color:#202020;line-height:26px;margin-top:10px;padding-left:30px;}
.middle_scroll_text_b_text ul{padding-left:25px;}
.middle_scroll_text_b_text > ul > li{margin-top:15px;margin-bottom:20px;}
.middle_scroll_text_b_text > ul > li ul{margin-top:8px;}
.middle_scroll_text_b_text > ul > li li{margin-bottom:5px;}
.middle_scroll_text_b_text a{color:#1b5fc5;text-decoration:underline;}
@media (max-width:1280px){
    .middle_scroll_text_b_title{font-size:22px;}
    .middle_scroll_text_b_text{font-size:20px;line-height:24px;padding-left:20px;} 
}   
@media (max-width:960px){
    .middle_scroll_text_b_container{padding:0px 10px;}
}    
@media (max-width:768px){
    .middle_scroll_text_b_container{margin-top:20px;}
    .middle_scroll_text_b_title{font-size:20px;padding:10px 15px;}
    .middle_scroll_text_b_text{font-size:18px;padding-left:15px;} 
} 
@media (max-width:650px){
    .middle_scroll_text_b_container{padding:0px 0px;} 
}
@media (max-width:420px){
    .middle_scroll_text_b_text{padding-left:10px;}
    .middle_scroll_text_b_text > ul > li li{margin-bottom:8px;}
}
  



.reward_item_area {
    margin-top: 30px;
    padding: 0 30px;
    display: grid;
    align-items: stretch; 
    grid-template-columns: 1fr 1fr;
    gap: 3rem 30px;
}

.reward_item_container {
    border-radius: 20px;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    background: none;
    width: 100%; 
    height: 100%;
    margin: 0;
}

.reward_item_container:last-of-type{ 
    grid-column: 1 / -1;
    width: 100%;
}
.reward_item_container:last-of-type br{ display: none;}

.reward_item_container img {
    position: absolute;
    top: 0;
    left: 0;
}

.reward_item_text_container {
    width: calc(100% - 90px);
    margin-left: auto;
    min-height: 145px;
    height: 100%;
    background: url(../image/reward_item_bg.jpg);
    font-size: 22px;
    color: #fff;
    line-height: 28px;
    border-radius: 20px;
    padding: 20px 5px 20px 100px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.reward_item_text_container div {
    margin: 5px 0;
    width: 100%;
}
.reward_item_text_container div:first-of-type{ margin-top: 0;}

.reward_item_text_container .ranking span{ color: yellow; font-weight: bolder;}
.ranking_note{ font-size: .85em; color: #c4c9c9; }

/* RWD 調整 */
@media (max-width:1200px) {
    .reward_item_area {
        grid-template-columns: 1fr;
        gap: 2rem 0;
        padding: 0 15px;
    }
    .reward_item_container { max-width: 650px; min-height: 210px; margin: 0 auto;}
    .reward_item_container br { display: none; }
    .reward_item_text_container { min-height: auto; justify-content: center;}
}
@media (max-width:725px) {
    .reward_item_area { padding: 0;}
    .reward_item_container { min-height: 150px; }
    .reward_item_container img { width: 140px; }
    .reward_item_text_container { padding: 15px 15px 15px 55px; font-size: 18px; line-height: 24px;}
    .reward_item_container br,
    .reward_item_container:last-of-type br{ display: block;}
}
@media (max-width:480px) {
    .reward_item_container img { width: 130px; left: -10px; }
    .reward_item_text_container { padding-left: 40px;}
}

@media (max-width:375px) {
    .reward_item_container img { width: 120px; }
}


/* footer */
.footer{
width:100%;height:auto;
font-size:16px;color:#3e1700;letter-spacing:3px;text-align:center;line-height:22px;
padding:0px 20px 20px 20px;
}
.footer span{font-family:'arial';}
@media (max-width:768px){.footer{font-size:14px;line-height:20px;}}
/* footer end */