@charset "UTF-8";


.set {margin-bottom: 14vw;}
.set .flex .text {margin-bottom: 20px;order: 2;width: 100%;}
.set .flex .name {font-weight: bold;font-size: 4vw;margin-bottom: 2vw;background: var(--pink02);padding: 2vw 2vw 2vw 3vw;border-left: 3px solid var(--pink);}
.set .flex img {width: 100%;margin-bottom: 4vw;}

.set dt {position: relative;cursor: pointer;line-height: 1.5;font-size: 3.6vw;text-indent: -1.8em;font-feature-settings: "palt";letter-spacing: 0.02em;font-weight: bold;margin-bottom: 3vw;padding: 3% 13% 3% 11%;background: rgb(248, 244, 241);}
.set dt::before, .set dt::after {content: "";position: absolute;top: 0px;right: 0px;background: rgb(153, 153, 153);}
.set dt::before {width: 16px;height: 1px;top: calc(50% + 0px);right: 16px;}
.set dt::after {width: 1px;height: 16px;top: calc(50% - 11px);right: 24px;transform: translate(0px, 3px);transition: 0.3s;}
.set dd {display: none;text-align: left;font-size: 3.4vw;}

.set .tal { text-align-last: left;}
.main-movie {position: relative;width: 100%;height: 0px;padding-bottom: 56.25%;overflow: hidden;margin: 0px 0px 5vw;}
.main-movie iframe {position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;}

.set .comment .read {font-weight: 600;color: var(--pink);font-size: 4.8vw;font-family: var(--mincho);line-height: 1.6;}
.set .comment .sub {font-weight: bold;color: var(--pink);}


/* =============================================
pc
================================================*/
@media screen and (min-width: 736px) {

.set {margin-bottom: 120px;}
.set .flex {display: flex;justify-content: flex-start;align-items: center;margin-bottom: 3vw;}
.set .flex img {width: 240px;margin: 0px 3vw 0px 0px;}
.set .flex .name {font-size: 20px;margin-bottom: 20px;padding: 14px 14px 12px 16px;}

.set .comment .read {font-size: 26px;margin-bottom: 20px;}
.set dt {position: relative;font-size: 15px;margin-bottom: 20px;padding: 16px 16px 16px 50px;}
.set dd {font-size: 15px;}
.set dt::before, .set dt::after {content: "";position: absolute;top: 0px;right: 0px;background: rgb(153, 153, 153);}

.set dt::before {width: 16px;height: 1px;top: calc(50% + 0px);right: 16px;}
.set dt::after {width: 1px;height: 16px;top: calc(50% - 11px);right: 24px;transform: translate(0px, 3px);transition: 0.3s;}

.main-movie {width: 390px;padding-bottom: 27.2%;margin: 0px 0px 20px;}
.main-movie iframe {position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;}
.set .tal {text-align-last: left;position: relative;margin: -350px 0px 350px 420px;}
.set .comment .sub {margin-bottom: 20px;}
}