@charset "UTF-8";
/* WSYS-11251 【フロント】タレント広告起のCM用動画LP新規作成_2024 20240801 M.Shimizu */
body {
    font-size: 1.2em;
}
.mv {
    position: static;
    height: 100%;
}
.mv img {
    position: static;
    transform: translate(0);
}
.concept {
    padding: 40px 4% 30px;
}
.concept .concept_white {
    padding: 40px 4% 30px;
    font-size: 1.2rem;
    line-height: 1.7;
}
.concept ._title {
    top: -14px;
    height: 36px;
}
.concept p {
    margin-bottom: 30px;
}
.movie {
    background: url(/common/images/contents/specialcontents2024_lp/movie_bg_sp.png) no-repeat center center/ cover;
}
.movie ._inner {
    padding-bottom: 0;
}
.movie_area {
    margin-bottom: 20px;
}
.movie_area iframe {
    margin-bottom: 20px;
}
.movie .movie_area ._title {
    width: 100%;
    height: 26px;
    margin: 36px auto 12px;
    object-fit: contain;
}
.movie .movie_cast {
    align-items: flex-end;
    width: 90%;
    margin: 0 auto 50px;
    padding-inline: 3%;
}
.movie .movie_text {
    width: 60%;
}
.movie .movie_text ._title {
    margin-bottom: 10px;
    width: auto;
    height: 26px;
}
.movie .movie_text ._name {
    margin: 30px 0 10px;
    font-size: 1.6rem;
}
.movie .movie_text ._text {
    font-size: 1.0rem;
}
.movie .movie_cast ._cast {
    right: -15px;
    bottom: 0;
    width: 44vw;
    max-width: 150px;
    min-width: 100px;
}
.special ._inner {
    padding: 0 6% 30px;
}
.special h2 {
    margin-bottom: 20px;
}
.special h2 img {
    height: auto;
}
.special .special_map, .special .special_country {
    flex-direction: column-reverse;
}
.special .special_map img {
    width: 100%;
    margin-bottom: 30px;
}
.special .special_map ._text {
    width: 100%;
}
.special .special_map ._text h3, .special ._definition h3 {
    margin-bottom: 10px;
    font-size: 2.0rem;
    text-align: center;
}
.special .special_country ._img {
    width: 90%;
    margin-inline: auto;
    padding-top: 30px;
}
.special .special_country ._img figure {
    padding: 16px 0 0;
    font-size: 1.1rem;
}
.special .special_country ._img figure img {
    margin-bottom: 8px;
}
.special .special_country ._definition {
    width: 100%;
}
.special ._definition dl {
    padding: 16px;
}
.special ._definition dl dt {
    margin-bottom: 8px;
    font-size: 1.4rem;
}
.special ._definition dl dd ._figure {
    width: 100%;
    padding-top: 16px;
}
.special ._definition dl dd figure img {
    margin-bottom: 4px;
}
.about {
    padding-top: 30px;
}
.about h2 {
    margin-bottom: 30px;
}
.about h2 img {
    padding-inline: 4%;
}
.about ._inner {
    padding-bottom: 20px;
}
.about .about_explanation {
    width: 94%;
    margin: 0 auto 16px;
}
.about .about_explanation_inner {
    width: 66%;
}
.about .about_explanation_service {
    margin-bottom: 6px;
}
.about .about_explanation_service .terminai_img {
    width: 36%;
}
.about .about_rental {
    width: 90%;
    margin: 0 auto 20px;
}
.about .about_explanation_service h3 {
    width: 58%;
    margin-bottom: 12px;
    font-size: 1.4rem;
}
.about .about_rental ._badge {
    margin-bottom: 10px;
}
.about p._notice {
    margin-bottom: 0;
    padding-inline: 4%;
    font-size: 1.0rem;
}
.about_explanation .howto {
    padding: 16px 10px 12px;
    border: solid 2px #1b1464;
}
.about_explanation .howto h4 {
    width: 100%;
    top: -1.4rem;
    font-size: 1.6rem;
}
.about_explanation .howto p {
    font-size: 1.0rem;
}
.about_explanation .about_coordinate {
    bottom: 0;
    width: 32%;
    height: 100%;
}
.reason ._inner {
    padding-top: calc((30vw / 375) * 100);
    padding-bottom: calc((30vw / 375) * 100);
}
.reason_title {
    margin-bottom: 20px;
}
.reason_title p {
    font-size: 1.4rem;
}
.reason_title h2 {
    font-size: 2rem;
}
.reason_title h2::after {
    left: -90px;
    top: -27px;
    z-index: 10;
    width: 85px;
    height: 80px;
}
.reason ol li {
    width: 100%;
    padding: 16px;
}
.reason ol li:nth-child(1), .reason ol li:nth-child(3) {
    border: 2px solid #008ae1;
}
.reason ol li:nth-child(2), .reason ol li:nth-child(4) {
    border: 2px solid #00b8bf;
}
.reason ol li:nth-child(1)::before, .reason ol li:nth-child(3)::before {
    border-top: 90px solid #008ae1;
    border-right: 90px solid transparent;
}
.reason ol li:nth-child(2)::before, .reason ol li:nth-child(4)::before {
    border-top: 90px solid #00b8bf;
    border-right: 90px solid transparent;
}
.reason ol li img {
    width: 60%;
}
.reason ol li h3 {
    margin-bottom: 10px;
    font-size: 1.6rem;
}
.reason ol li:nth-child(1) h3, .reason ol li:nth-child(3) h3 {
    color: #008ae1;
}
.reason ol li:nth-child(2) h3, .reason ol li:nth-child(4) h3 {
    color: #00b8bf;
}