@charset "utf-8";


/*PC用*/
@media screen and (min-width:641px) {

#obsession #under_main_img {
  background:url(../images/obsession/main_bg.jpg)no-repeat;
  background-size: cover;
}
#obsession .sec01 {

margin: 0 0 175px;
}
#obsession .sec01 .sec01_ttl {

font-size: 5.5rem;

margin: 0 0 71px;

letter-spacing: 6px;
}
#obsession .sec01 .obsession_block {
}
#obsession .sec01 .l_box {height: 585px;background: url(../images/obsession/past_img.jpg)  no-repeat;width: 48vw;text-align: right;background-size: cover;}
#obsession .sec01 .l_box img {
display: none;

}
#obsession .sec01 .r_box {

width: 48vw;

box-sizing: border-box;

padding: 53px 0 0 6vw;

line-height: 1.8;
}
#obsession .sec01 .r_box .txt {

font-size: 1.6rem;

line-height: 2;
}
#obsession .five_box {

margin: 0 0 133px;

background: url(../images/obsession/five_bg.jpg)  no-repeat ,url(../images/obsession/five_bg.jpg) no-repeat;

background-position: right -4vw top 5px, left -6vw top 6px;

background-size: 39vw;
}

#obsession .five_box .five_ttl {

font-size: 3vw;

text-align: center;

margin: 0 0 42px;

letter-spacing: 4px;
}

#obsession .five_box .five_list {

margin: 0 auto;

width: 506px;
}

#obsession .five_box .five_list li {

}
#obsession .five_box .five_list li a {

}
#obsession .this_box {
    margin: 0 0 109px;
}
#obsession .this_box .this_bg {}
#obsession .this_box .text_block {
    position: relative;
}
#obsession .this_box .text_block .l_box {
    width: 50%;
    position: relative;
}
#obsession .this_box .text_block .l_box .this_ico {
    text-align: center;
    position: absolute;
    left: 0;
    right: -59px;
    top: -43px;
    z-index: 10;
}
#obsession .this_box .text_block .l_box .s_txt {
    font-size: 2.0rem;
    text-align: center;
    font-weight: 700;
    position: absolute;
    z-index: 1000;
    left: 12vw;
    top: 70px;
}
#obsession .this_box .text_block .l_box .m_txt {
    font-size: 5.0rem;
    text-align: left;
    position: absolute;
    top: 118px;
    z-index: 1000;
    left: 12vw;
    letter-spacing: 2px;
}
#obsession .this_box .r_box {
    width: 50%;
    padding: 309px 57px 0 0;
    box-sizing: border-box;
    line-height: 2;
}
#obsession .this_box .r_box .r_txt {
    font-size: 1.6rem;
    font-weight: 500;
}
#obsession .this_box .r_box .s_txt {
    font-size: 1.2rem;
    padding: 20px 0 0;
    font-weight: 500;
}


#obsession .this_box  .tuna_img {
  
padding: 97px 0 0;
}

#obsession  #this05{
    margin: 0 0 256px;
}





}

/*SP用*/
@media screen and (max-width:640px) {
    @charset "utf-8";


    #obsession #under_main_img {
      background:url(../images/obsession/main_bg.jpg)no-repeat;
      background-size: cover;
    }
    #obsession .sec01 {margin: 0 0 79px;}
    #obsession .sec01 .sec01_ttl {font-size: 2.5rem;margin: 0 0 43px;letter-spacing: 6px;}
    #obsession .sec01 .obsession_block {display: block;}
    #obsession .sec01 .l_box {height: 80vw;background: url(../images/obsession/past_img.jpg)  no-repeat;width: 100%;text-align: right;background-size: cover;}
    #obsession .sec01 .l_box img {
    display: none;
    
    }
    #obsession .sec01 .r_box {width: 100vw;box-sizing: border-box;padding: 35px 3vw 0;line-height: 1.8;}
    #obsession .sec01 .r_box .txt {
    
    font-size: 1.6rem;
    
    line-height: 2;
    }
    #obsession .five_box {margin: 0 0 44px;background: url(../images/obsession/five_bg.jpg)  no-repeat ,url(../images/obsession/five_bg.jpg) no-repeat;background-position: right -4vw top 5px, left -6vw top 6px;background-size: 39vw;}
    
    #obsession .five_box .five_ttl {
    
    font-size: 3vw;
    
    text-align: center;
    
    margin: 0 0 42px;
    
    letter-spacing: 4px;
    }
    
    #obsession .five_box .five_list {margin: 0 auto;width: 96%;}
    
    #obsession .five_box .five_list li {width: 20%;}
    #obsession .five_box .five_list li a {
    
    }
    #obsession .this_box {
        margin: 0 0 59px;
    }
    #obsession .this_box .this_bg {}
    #obsession .this_box .text_block {
        position: relative;
        display: block;
    }
    #obsession .this_box .text_block .l_box {
        width: 100%;
        position: relative;
        padding: 18px 0 0 15px;
        box-sizing: border-box;
    }
    #obsession .this_box .text_block .l_box .this_ico {
        text-align: center;
        position: absolute;
        left: 27vw;
        top: -27px;
        z-index: 10;
        width: 43vw;
    }
    #obsession .this_box .text_block .l_box .s_txt {
        font-size: 2.0rem;
        /* text-align: center; */
        font-weight: 700;
        position: relative;
        z-index: 1000;
        /* left: 12vw; */
        /* top: 70px; */
    }
    #obsession .this_box .text_block .l_box .m_txt {
        font-size: 3rem;
        text-align: left;
        position: relative;
        /* top: 118px; */
        z-index: 1000;
        /* left: 12vw; */
        letter-spacing: 2px;
    }
    #obsession .this_box .r_box {
        width: 100%;
        padding: 19px 3vw 0;
        box-sizing: border-box;
        line-height: 2;
    }
    #obsession .this_box .r_box .r_txt {
        font-size: 1.6rem;
        font-weight: 500;
    }
    #obsession .this_box .r_box .s_txt {
        font-size: 1.2rem;
        padding: 20px 0 0;
        font-weight: 500;
    }
    
    
    #obsession .this_box  .tuna_img {
      padding: 57px 0 0;
    }
    
    #obsession  #this05{
        margin: 0 0 100px;
    }

}