@charset "utf-8";

/* ==================================================
Common CSS
================================================== */

@media(min-width:1000px){

/*STYLE*/
.sp {
display:none;
}

.cts {
width:1000px;
}

.titles {
padding-bottom:30px;
text-align:center;
}

.titles h2 {
font-size:250%;
font-weight:bold;
line-height:135%;
}

.titles .subtitle {
font-size:120%;
font-weight:bold;
}

.titles .kana {
font-size:100%;
}



/*HEADER*/
header {
    background:#ec4e20;
    padding:7px 0;
    padding:12px 18px;
    display:none;
}

header .cts {
    width:100%;
}

header h1 {
    font-size:90%;
    color:#fff;
    display:flex;
    align-items:center;
    line-height:100%;
}

header h1 .limited {
    font-size:90%;
    font-weight:600;
    background:#ff0064;
    padding:3px 7px;
    margin-right:10px;
}



/*MV*/
#mv {
    width:100%;
    height:620px;
    background:url(../img/mv_bg.jpg) center;
    background-size:cover;
}

#mv .cts {
    height:620px;
    position:relative;
    display:flex;
    align-items:center;
}

#mv .copies {
    width:550px;
    position:relative;
    z-index:1;
    margin-bottom:5px;
}

#mv .copies .subcopy {
    margin-bottom:12px;
}

#mv .copies .subcopy .subcopy1 {
    width:460px;
    margin-bottom:12px;
}

#mv .copies .subcopy .subcopy2 {
    font-size:120%;
    font-weight:bold;
    line-height:135%;
}

#mv .copies .subcopy .subcopy3 {
    font-size:120%;
    font-weight:bold;
    line-height:135%;
}

#mv .copies .maincopy {
    width:550px;
    margin-bottom:15px;
}

#mv .copies .maincopy .maincopy1 {
}

#mv .copies .maincopy .maincopy2 {
}

#mv .copies .maincopy .maincopy3 {
    width:545px;
}

#mv .cts .photo {
    position:absolute;
    bottom:0;
    right:0;
    width:395px;
}



/*CTA*/
.cta {
    width:100%;
    background:#ec4e20;
    padding:50px 0;
}

.cta .cta_btn {
    width:550px;
    margin:auto;
    animation:cta 1s ease infinite alternate;
    -webkit-animation:cta 1s ease infinite alternate;
}



/*BENEFIT*/
#benefit {
}

#benefit .cts {
    position:relative;
}

#benefit .benefits {
}

#benefit .benefits .benefit {
    padding:70px 0;
    position:relative;
}

#benefit .benefits .benefit:nth-child(odd) .deco {
    width:120px;
    position:absolute;
    top:0;
    left:0;
}

#benefit .benefits .benefit:nth-child(even) .deco {
    width:120px;
    position:absolute;
    top:0;
    right:0;
}

#benefit .benefits .benefit:nth-child(even) {
    background:#f9f3e4;
}

#benefit .benefits .benefit .number {
    width:220px;
    margin:0 auto 25px;
}

#benefit .benefits .benefit h2 {
    font-size:300%;
    font-weight:bold;
    line-height:135%;
    text-align:center;
    padding-bottom:15px;
}

#benefit .benefits .benefit:nth-child(4) h2 {
    font-size:260%;
    font-weight:bold;
    line-height:135%;
    text-align:center;
    padding-bottom:15px;
}

#benefit .benefits .benefit .copy {
    font-size:120%;
    font-weight:500;
    line-height:180%;
    padding-bottom:50px;
}

#benefit .benefits .benefit .movies {
    display:flex;
    justify-content:space-between;
}

#benefit .benefits .benefit:nth-child(even) .movies {
    flex-direction:row-reverse;
}

#benefit .benefits .benefit .movies .detail {
    width:48%;
}

#benefit .benefits .benefit h3 {
    border-left:#ec4e20 5px solid;
    color:#ec4e20;
    font-size:110%;
    font-weight:bold;
    padding:7px 0 5px 10px;
    line-height:100%;
    margin-bottom:10px;
}

#benefit .benefits .benefit .movies .detail .movie {
    width:100%;
}

#benefit .benefits .benefit .movies .detail .movie li {
    width:100%;
    display:flex;
    padding:10px 15px;
}

#benefit .benefits .benefit .movies .detail .movie li:nth-child(odd) {
    background:#f9f3e4;
}

#benefit .benefits .benefit:nth-child(even) .movies .detail .movie li:nth-child(odd) {
    background:#fff;
}

#benefit .benefits .benefit .movies .detail .movie li img {
    width:20px;
}

#benefit .benefits .benefit .movies .detail .movie li p {
    font-size:100%;
    font-weight:500;
    padding-left:10px;
}

#benefit .benefits .benefit .movies .photos {
    width:48%;
}

#benefit .benefits .benefit .movies .photos .photo {
}

#benefit .benefits .benefit .movies .photos .photo img {
    border:#000 1px solid;
}

#benefit .benefits .benefit .movies .photos .attention {
    font-size:80%;
    color:#969696;
    text-align:right;
    padding-top:15px;
}



/*PROFILE*/
#profile {
    background:#000 url(../img/profile_bg.jpg) center;
    background-size:cover;
    padding:100px 0;
}

#profile h2 {
    width:360px;
    margin:0 auto 50px;
}

#profile .photo {
}

#profile .details {
    display:flex;
    justify-content:space-between;
    flex-direction:row-reverse;
}

#profile .details .detail {
    width:520px;
}

#profile .details .detail p {
    color:#fff;
}

#profile .details .detail .name {
    font-size:300%;
    font-weight:bold;
    line-height:100%;
    padding-bottom:15px;
}

#profile .details .detail .kana {
    font-size:150%;
    line-height:100%;
    color:#787878;
    padding-bottom:30px;
}

#profile .details .detail .biography {
    padding-bottom:30px;
}

#profile .details .detail .cases {
}

#profile .details .detail .cases .case {
    padding-bottom:30px;
}

#profile .details .detail .cases .case .item {
    display:flex;
    margin-bottom:15px;
    background:#ec4e20;
    padding:15px 15px;
}

#profile .details .detail .cases .case .item .type {
    font-weight:bold;
    line-height:100%;
}

#profile .details .detail .cases .case .item .time {
    line-height:100%;
    color:#ffeb00;
}

#profile .details .detail .cases .case ul {
}

#profile .details .detail .cases .case ul li {
    display:flex;
    color:#fff;
}

#profile .details .detail .cases .case ul li span:first-child {
    width:6px;
    height:4px;
    border-left:#666 6px solid;
    border-top:transparent 4px solid;
    border-right:transparent 6px solid;
    border-bottom:transparent 4px solid;
    margin:8px 5px 0 0;
    display:block;
}

#profile .details .detail .summary {
}

#profile .details .photos {
    width:420px;
}

#profile .details .photos .photo {
    margin-bottom:20px;
}

#profile .details .photos .books {
    display:flex;
    justify-content:space-between;
}

#profile .details .photos .books .book {
    width:23%;
}



/*BACK TO TOP*/
.BackToTop {
position:fixed;
width:50px;
height:50px;
right:15px;
bottom:15px;
z-index:100;
display:none;
}



/*FOOTER*/
footer {
    background:#ec4e20;
    padding:30px 0;
}

footer .copyright {
font-size:70%;
text-align:center;
color:#fff;
}




}