@charset "UTF-8";

/*--------TOPページMV周りの部分--------------*/
#top_title01_1 + section p,
#top_title01_2 + section p,
#top_title01 + section p{
	margin-left: 2%;
    font-size: 15.5rem;
    font-weight: 400;
    font-family: 'Shippori Mincho', serif;
    line-height: 1.5;
    color: #fff;
}
#top_title01 + section p{
    letter-spacing: -0.7rem;
}
.mv_title02 span {
    margin-left: -1.7rem;
    font-size: 103%;
}
#top_title01_1 + section p,
#top_title01_2 + section p{
    font-size: 2.7rem;    
    font-weight: 500;
}
#top_title01 + section .inner_item_txt{
	opacity: 1;
	-webkit-animation: showFromLeft .9s ease 1.25s both 1 normal;
	animation: showFromLeft .9s ease 1.25s both 1 normal; 
	pointer-events: none;
    margin-left: 0;
}
#top_title01_1 + section .inner_item_txt{
	opacity: 1;
	-webkit-animation: showFromRight .9s ease 2.4s both 1 normal;
	animation: showFromRight .9s ease 2.4s both 1 normal; 
	pointer-events: none;
    margin-left: 0;
}
#top_title01_2 + section .inner_item_txt{
	opacity: 1;
	-webkit-animation: showFromRight .9s ease 3.2s both 1 normal;
	animation: showFromRight .9s ease 3.2s both 1 normal; 
	pointer-events: none;
    margin-left: 0;
}
#top_news + div {
    margin-bottom: 150px;
	opacity: 1;
	-webkit-animation: showFromLeft .9s ease 4.2s both 1 normal;
	animation: showFromLeft .9s ease 4.2s both 1 normal;    
}
#top_news + div .content_wrapper {
    margin-left: 0;
}
.index header{
	opacity: 1;
	-webkit-animation: showFromTop .9s ease 4.6s both 1 normal;
	animation: showFromTop .9s ease 4.6s both 1 normal;
    background: transparent;
}
#top_scroll + section {
    overflow: visible;
}
.scroll_maru {
    background: #fff;
    width: 110px;
    height: 110px;
    border-radius: 100px;
    display: table;
    z-index: 2;
    position: absolute;
    right: 50px;
    bottom: -65px;
	opacity: 1;
	-webkit-animation: showFromFade .9s ease 5.0s both 1 normal;
	animation: showFromFade .9s ease 5.0s both 1 normal;
}
.scroll_maru div{
    text-align: center;
    display: table-cell;
    vertical-align: middle;  
    animation: arrowFromTop 1.8s ease-out infinite;
}
.scroll_maru div img{
    width: 30px;
}
@media screen and (min-width: 1921px){
    #top_title01 + section p{
        font-size: 22.0rem;
    }
    #top_title01_1 + section p,
    #top_title01_2 + section p{
        font-size: 4.5rem;
    }
    #top_news + div .content_wrapper {
        margin-left: 2%;
    }    
}
@media screen and (min-height: 1081px){
    #top_sub_title01 + section {
        margin-bottom: 80px;
    }    
}
@media screen and (min-width: 1981px){
    #mv .mv_img li.pos_r img {
        object-position: 62% 50%;
    }   
}
@media screen and (max-width: 1400px){
    #mv .mv_img li.pos_r img {
        object-position: 65% 50%;
    }    
    #top_title01 + section p{
        font-size: 12.0rem;
    }
    #top_title01_1 + section p,
    #top_title01_2 + section p {
        font-size: 2.2rem;
    }
}
@media screen and (max-width: 1300px){
    #top_title01 + section p{
        font-size: 11.0rem;
    }    
}
@media screen and (max-width: 900px){
    #mv .mv_img li.pos_r img {
        object-position: 52% 50%;
    }
    #top_title01_1 + section p,
    #top_title01_2 + section p,
    #top_title01 + section p{
        font-size: 8.8rem;
    }
    #top_title01_1 + section p,
    #top_title01_2 + section p{
        font-size: 2.2rem;
    }
}
@media screen and (max-width: 800px){
    #top_news + div.add_design12 .inner {
        width: 85%;
    }    
}
@media screen and (max-width: 700px){
    .br_sp{
        display: block;
    }       
}
@media screen and (max-width: 600px){
    #mv .mv_img li.pos_r img {
        object-position: 59% 50%;
    }
    .scroll_maru{
        position: static;
        margin: 0 auto;
    }
    #top_scroll + section {
        margin-top: -40px;
    }
    #top_news + div {
        margin-top: 30px;
    }    
}
@media screen and (max-width: 550px){
    #top_title01 + section p{
        font-size: 7.5rem;
    }
    #top_title01_1 + section p,
    #top_title01_2 + section p{
        font-size: 2.0rem;
    }
    .scroll_maru{
        right: 20px;
    }
    #top_news + div.add_design12 .inner {
        width: 55%;
    }    
}
@media screen and (max-width: 450px){
    .mv_title02 span {
        margin-left: -.6rem;
    }
    #mv .mv_img li.pos_r img {
        object-position: 61% 50%;
    }    
    #top_title01 + section p{
        font-size: 6.4rem;
        letter-spacing: -0.45rem;
    }
    #top_title01_1 + section p,
    #top_title01_2 + section p{
        font-size: 1.4rem;
        line-height: 1.2;
    }
    #top_scroll + section{
        margin-top: -100px;
    }
    .scroll_maru {
        width: 70px;
        height: 70px;
        margin-top: 20px;
    }
    .scroll_maru div img {
        width: 20px;
    }    
}
@media screen and (max-width: 400px){
    #top_news + div.add_design12 .inner {
        width: 65%;
    }
    #top_title01 + section p{
        font-size: 5.5rem;
    }
    #top_title01_1 + section p, #top_title01_2 + section p {
        font-size: 1.16rem;
        font-weight: 600;
        line-height: 1.35;
    }
    #top_title01_2 + section {
        margin-top: -5px;
    }
}