@charset "UTF-8";

/* common
   ========================================================================== */

@media screen and (max-width: 767px) {
.pc { display: none; }
}
@media screen and (min-width: 768px) {
.sp { display: none; }
}

body.pillow { overflow: auto; position: relative; }
body.pillow.fixed { position: fixed; inset: 0; margin: 0 auto; }

body.pillow .article-body { font-family: newpeace, "A1 Mincho", serif; font-feature-settings: "palt"; line-height: 1; margin: 0 auto; position: relative; }

body.pillow .article-body img,
.popup-content img { max-width: none; }
body.pillow figure { margin: 0; }
body.pillow sup { font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, sans-serif; }
.sans { font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, sans-serif; color: #000; font-weight: normal; }
.oval-btn { display: flex; justify-content: center; align-items: center; border: 1px solid #1e2678; margin: 0 auto; box-sizing: border-box; transition: .5s; }
.oval-btn span { color: #1e2678; font-weight: bold; letter-spacing: .13em; transition: .5s; }
.oval-btn:hover { background-color: #1e2678; }
.oval-btn:hover span { color: #fff; }
.oval-btn.video { border-color: #fff; background-repeat: no-repeat; }
.oval-btn.video span { color: #fff; letter-spacing: .17em; }
.oval-btn.video:hover { background-color: rgba(255, 255, 255, .25); }

@media screen and (max-width: 767px) {
.oval-btn { width: 325px; height: 60px; border-radius: 30px; }
.oval-btn span { font-size: 1.3rem; }
.oval-btn.video { width: 325px; height: 60px; background-image: url(/item/pillow_release/images/btn_icon_video_sp.svg); background-position: calc(100% - 5px) center; background-size: 18px; }
}
@media screen and (min-width: 768px) {
.oval-btn { width: 360px; height: 70px; border-radius: 35px; }
.oval-btn span { font-size: 1.6rem; }
.oval-btn.video { background-image: url(/item/pillow_release/images/btn_icon_video_pc.svg); background-position: calc(100% - 20px) center; background-size: 60px; }
}

/* popup content */
.popup-content { display: none; width: 100vw; height:100vh; font-family: newpeace, "A1 Mincho", serif; font-feature-settings: "palt"; line-height: 1; background-color: rgba(255, 255, 255, .9); position: fixed; top: 0; z-index: +10001; }
.popup-content::before { content: ''; display: block; width: 100%; height: 100%; background: url(/item/pillow_release/images/popup_bg.jpg) repeat-x center center; background-size: contain; opacity: .75; position: absolute; left: 0; top: 0; }
.popup-wrapper { display: flex; justify-content: center; align-items: flex-start; width: 100%; height:100%; overflow: auto; position: relative; }

#popup-close-btn { display: block; cursor: pointer; position: absolute; z-index: 1; }
#popup-close-btn span { font-size: 0; }
#popup-close-btn::before,
#popup-close-btn::after { content: ''; display: block; width: 1px; background-color: #1e2678; position: absolute; transition: .25s; }
#popup-close-btn::before { transform: rotate(45deg); }
#popup-close-btn::after { transform: rotate(-45deg); }
#popup-close-btn:hover::before,
#popup-close-btn:hover::after { background-color: #fff; }

@media screen and (max-width: 767px) {
.popup-inner { width: 340px; padding: 60px 0 120px; }
#popup-close-btn { width: 25px; height: 25px; right: 15px; top: 15px; }
#popup-close-btn::before,
#popup-close-btn::after { height: 35px; left: 12px; top: -5px; }
}
@media screen and (min-width: 768px) {
.popup-inner { width: 900px; padding: 150px 0; }
#popup-close-btn { width: 50px; height: 50px; right: 100px; top: 100px; }
#popup-close-btn::before,
#popup-close-btn::after { height: 70px; left: 25px; top: -10px; }
}

/* release
   ========================================================================== */

/* section-01 */
.release .section-01 { position: relative; }

@media screen and (max-width: 767px) {
.release .section-01 { width: 100%; height: calc(100vw * (1020 / 750)); }
.release .section-01 img { width: 100%; }
}
@media screen and (min-width: 768px) {
.release .section-01 { width: 100%; height: calc((100vw * (700 / 1600)) + 142px); background: url(/item/pillow_release/images/section-01_bg_pc.jpg) repeat-x 0 0; background-size: contain; }
.release .section-01 img { width: 100%; padding-top: 142px; }
}

/* section-01: top animation */
@keyframes image_fade_in {
0% { opacity: 0; }
100% { opacity: 1; }
}
@media screen and (min-width: 768px) {
.release .section-01 img { opacity: 0; }
.release .section-01 img { animation: image_fade_in 3s ease 1.5s forwards; }
}

/* section-02 */
.release .section-02 { position: relative; }
.release .section-02 .heading,
.release .section-02 .block p { color: #1e2678; }
.release .section-02 .heading { text-align: center; }
.release .section-02 .block { z-index: 1; }
.release .section-02 .block p:first-of-type { background-image: url(/item/pillow_release/images/section-02_fig_01.jpg); background-repeat: no-repeat; }
.release .section-02 video { width: 100%; }

@media screen and (max-width: 767px) {
.release .section-02 .heading { font-size: 2rem; letter-spacing: .1em; line-height: 2; padding: 40px 0 20px; }
.release .section-02 video { height: 100%; object-fit: contain; object-position: center bottom; position: absolute; bottom: 0; }
.release .section-02 .block { padding: 0 25px 240px; position: relative; }
.release .section-02 .block p { font-size: 1.2rem; line-height: 3.1; text-align: center; }
.release .section-02 .block p:first-of-type { background-position: center bottom; background-size: contain; padding-bottom: 210px; margin-bottom: 30px; }
}
@media screen and (min-width: 768px) {
.release .section-02 .heading { font-size: 4rem; letter-spacing: .15em; padding: 125px 0 90px; }
.release .section-02 video { object-fit: cover; }
.release .section-02 .block { width: 100%; position: absolute; top: 0; }
.release .section-02 .block p { width: 1000px; font-size: 1.8rem; letter-spacing: .1em; line-height: 3.3; margin: 0 auto; }
.release .section-02 .block p:first-of-type { background-position: right top; background-size: 450px auto; padding-right: 500px; }
.release .section-02 .block p:last-of-type { padding: 80px 0 0 550px; }
}

/* section-03 */
.release .section-03 { color: #1e2678; position: relative; }
.release .section-03 .boxed { color: #fff; background-repeat: no-repeat; background-position: center center; background-size: cover; margin: 0 auto; }
.release .section-03 .boxed > .heading { text-align: center; }
.release .section-03 .columned { display: flex; align-items: center; background-repeat: no-repeat; background-position: center center; margin: 0 auto; }
.release .section-03 .columned .block { display: flex; align-items: center; flex-direction: column; }
.release .section-03 .columned .block > .sub:first-of-type { letter-spacing: .1em; }
.release .section-03 .columned .block > .sub:last-of-type { letter-spacing: .15em; }
.release .section-03 .columned .block > .heading { letter-spacing: .1em; text-shadow: 0px 0px 20px #fff; }
.release .section-03 .columned .block > .heading .sub { display: flex; justify-content: space-around; letter-spacing: 0; }
.release .section-03 .columned .block > .heading sup,
.release .section-03 .columned .block > .sub sup { letter-spacing: 0; }
.release .section-03 .item { display: block; }
.release .section-03 > .sub,
.release .section-03 > .heading { text-align: center; }
.release .section-03 .logo { display: block; margin: 0 auto; }

@media screen and (max-width: 767px) {
.release .section-03 { padding: 30px 25px 55px; box-sizing: border-box; overflow: hidden; }
.release .section-03 .boxed { height: 500px; background-image: url(/item/pillow_release/images/section-03_bg_sp.jpg); margin-bottom: 150px; }
.release .section-03 .boxed > .heading { font-size: 2rem; letter-spacing: .1em; line-height: 1.7; padding-top: 35px; margin: 0 auto 25px; }
.release .section-03 .columned { flex-direction: column; }
.release .section-03 .columned > img.sp { display: block; width: 50px; height: 50px; margin: 24px auto; }
.release .section-03 .columned .block > .sub:first-of-type { font-size: 1.4rem; margin-bottom: 12px; }
.release .section-03 .columned .block > .sub:last-of-type { font-size: 1.3rem; margin-top: 12px; }
.release .section-03 .columned .block > .heading { font-size: 4rem; }
.release .section-03 .columned .block > .heading .sub { font-size: 1.1rem; margin: 0 9px 5px 2px; }
.release .section-03 .columned .block:first-of-type > .heading .sub { display: none; }
.release .section-03 .columned .block > .heading sup { font-size: 1.1rem; left: -5px; top: -24px; }
.release .section-03 .columned .block > .sub sup { top: -2px; }
.release .section-03 .item { width: 440px; margin: 0 auto 0; position: absolute; left: 50%; top: 435px; transform: translate(-52%); }
.release .section-03 > .sub { font-size: 1.4rem; letter-spacing: .08em; margin-bottom: 20px; }
.release .section-03 > .heading { font-size: 1.6rem; letter-spacing: .1em; margin-bottom: 20px; }
.release .section-03 .logo { width: 250px; }
}
@media screen and (min-width: 768px) {
.release .section-03 { padding: 115px 0 125px; }
.release .section-03 .boxed { width: 1120px; height: 560px; background-image: url(/item/pillow_release/images/section-03_bg_pc.jpg); }
.release .section-03 .boxed > .heading { font-size: 3.3rem; letter-spacing: .12em; padding: 100px 0 90px; }
.release .section-03 .columned { justify-content: space-between; width: 1000px; background-image: url(/item/pillow_release/images/section-03_x_pc.svg); background-size: 140px; }
.release .section-03 .columned .block:first-of-type { margin-left: 40px; }
.release .section-03 .columned .block > .sub:first-of-type { font-size: 2.4rem; margin-bottom: 20px; }
.release .section-03 .columned .block > .sub:last-of-type { font-size: 1.8rem; margin-top: 25px; }
.release .section-03 .columned .block > .heading { font-size: 5.6rem; }
.release .section-03 .columned .block > .heading .sub { font-size: 1.4rem; margin: 0 15px 10px 0; }
.release .section-03 .columned .block > .heading sup { font-size: 1.6rem; top: -35px; }
.release .section-03 .columned .block > .sub sup { top: -3px; }
.release .section-03 .item { width: 937px; margin: -220px auto 0; }
.release .section-03 > .sub { font-size: 2.5rem; letter-spacing: .13em; margin-bottom: 55px; }
.release .section-03 > .heading { font-size: 4rem; letter-spacing: .15em; margin-bottom: 60px; }
.release .section-03 .logo { width: 490px; }
}

/* section-04 */
.release .section-04 .video { display: block; position: relative; }
.release .section-04 video,
.release .section-04 img { width: 100%; }
.release .section-04 .video .oval-btn { display: flex; justify-content: center; align-items: center; position: absolute; }
.release .section-04 .video:hover .oval-btn { background-color: #1e2678; }
.release .section-04 .video:hover .oval-btn span { color: #fff; }

@media screen and (max-width: 767px) {
.release .section-04 video.sp,
.release .section-04 img.sp { display: block; }
.release .section-04 .video .oval-btn { width: 170px; height: 34px; border-radius: 17px; left: calc(50% - 85px); bottom: calc(100vw * (40 / 375)); }
}
@media screen and (min-width: 768px) {
.release .section-04 video.pc,
.release .section-04 img.pc { display: block; }
.release .section-04 .video .oval-btn { width: 200px; height: 50px; border-radius: 25px; left: calc(50% - 100px); bottom: calc(100vw * (60 / 1600)); }
}

/* section-05 */
.release .section-05 > .heading { color: #1e2678; letter-spacing: .1em; text-align: center; }
.release .section-05 > p { text-align: center; }
.release .section-05 .columned { position: relative; }
.release .section-05 .bordered > .heading { font-weight: bold; }
.release .section-05 .bordered > .heading .sub { display: block; }
.release .section-05 .bordered > .heading b { display: inline-block; }
.release .section-05 .bordered table caption,
.release .section-05 .bordered table th,
.release .section-05 .bordered table td { text-align: left; }
.release .section-05 .bordered table caption { font-weight: bold; }
.release .section-05 .bordered table th { font-weight: normal; }
.release .section-05 .boxed { color: #1e2678; background-color: #f0f6f8; margin: 0 auto; box-sizing: border-box; }
.release .section-05 .boxed .heading,
.release .section-05 .boxed p { text-align: center; }
.release .section-05 .boxed figcaption { letter-spacing: .1em; text-align: center; }

@media screen and (max-width: 767px) {
.release .section-05 { padding: 0 25px; margin-bottom: 30px; }
.release .section-05 > .heading { font-size: 1.4rem; line-height: 2; margin: 40px auto 20px; }
.release .section-05 > p { font-size: 1.2rem; letter-spacing: .06em; line-height: 2.5; margin-bottom: 35px; }
.release .section-05 .columned > img { width: 130px; float: left; margin-right: 20px; }
.release .section-05 .bordered > .heading { font-size: 1.2rem; border-bottom: 1px solid #000; padding-bottom: 25px; margin: 12px 0 25px; }
.release .section-05 .bordered > .heading .sub { line-height: 1.7; margin-bottom: 10px; }
.release .section-05 .bordered > .heading b { font-size: 1.7rem; margin-right: 10px; }
.release .section-05 .bordered table { clear: both; }
.release .section-05 .bordered table caption { margin-bottom: 10px; }
.release .section-05 .bordered table th,
.release .section-05 .bordered table td { line-height: 2; vertical-align: top; padding: 5px 0; }
.release .section-05 .bordered table th { width: 24%; }
.release .section-05 .bordered > .sub,
.release .section-05 .bordered table caption,
.release .section-05 .bordered table th,
.release .section-05 .bordered table td { font-size: 1.2rem; }
.release .section-05 .bordered > .heading,
.release .section-05 .bordered > .sub,
.release .section-05 .bordered table th,
.release .section-05 .bordered table td { letter-spacing: .06em; }
.release .section-05 .bordered > .sub { line-height: 2; }

.release .section-05 .boxed { width: 325px; padding: 25px; margin-top: 25px; }
.release .section-05 .boxed .heading { font-size: 1.6rem; letter-spacing: .1em; line-height: 2; margin: 0 auto; }
.release .section-05 .boxed p { font-size: 1.2rem; letter-spacing: .06em; line-height: 2.7; }
.release .section-05 .boxed figure { width: 100%; margin: 25px auto; }
.release .section-05 .boxed figure img { width: 100%; }
.release .section-05 .boxed figcaption { font-size: 1.2rem; line-height: 1.9; margin-top: 10px; }
}
@media screen and (min-width: 768px) {
.release .section-05 { margin-bottom: 100px; }
.release .section-05 > .heading { font-size: 4rem; margin: 125px 0 65px; }
.release .section-05 > p { font-size: 2.5rem; line-height: 2.2; }
.release .section-05 .columned { width: 1120px; margin: 50px auto 100px; }
.release .section-05 .columned > img { width: 334px; position: absolute; left: 0; top: 0; }
.release .section-05 .text { width: 745px; margin-left: calc(100% - 745px); }
.release .section-05 .bordered { border-top: 1px solid #000; border-bottom: 1px solid #000; padding: 25px 0 15px; margin-top: 20px; }
.release .section-05 .bordered > .heading { font-size: 1.6rem; letter-spacing: .16em; border-bottom: 1px dashed #000; padding: 0 10px 25px; margin: 20px 0 15px; }
.release .section-05 .bordered > .heading .sub { letter-spacing: .06em; margin-bottom: 15px; }
.release .section-05 .bordered > .heading .sub span { margin-left: 16px; }
.release .section-05 .bordered > .heading b { font-size: 2.6rem; margin-right: 15px; }
.release .section-05 .bordered > .sub { font-size: 1.6rem; letter-spacing: .1em; padding: 0 10px; }
.release .section-05 .bordered table caption,
.release .section-05 .bordered table th,
.release .section-05 .bordered table td { font-size: 1.4rem; letter-spacing: .06em; padding: 10px; }
.release .section-05 .boxed { width: 1120px; padding: 110px 140px 100px; }
.release .section-05 .boxed .heading { font-size: 2.2rem; letter-spacing: .12em; }
.release .section-05 .boxed p { font-size: 1.8rem; letter-spacing: .15em; line-height: 3; }
.release .section-05 .boxed figure { width: 750px; margin: 65px auto 70px; }
.release .section-05 .boxed figure img { width: 100%; }
.release .section-05 .boxed figcaption { font-size: 1.4rem; line-height: 2.1; margin-top: 20px; }
}

/* section-06 */
.release .section-06 .block:first-of-type { display: flex; align-items: center; color: #fff; background-repeat: no-repeat; background-position: center center; }
.release .section-06 .block:first-of-type .text { text-align: center; }
.release .section-06 .block:first-of-type .sub b { font-family: newpeace, "A1 Mincho", serif; font-weight: normal; }
.release .section-06 .block:nth-of-type(2),
.release .section-06 .block:nth-of-type(3) { margin: 0 auto; }
.release .section-06 .block:nth-of-type(2) { border-bottom: 1px solid #c8c8c8; }
.release .section-06 .block:nth-of-type(2) .heading,
.release .section-06 .block:nth-of-type(3) .heading { color: #1e2678; text-align: center; }
.release .section-06 .block:nth-of-type(2) .sub,
.release .section-06 .block:nth-of-type(3) .sub { letter-spacing: .06em; text-align: center; }

@media screen and (max-width: 767px) {
.release .section-06 { margin-bottom: 10px; }
.release .section-06 .block:first-of-type { height: 375px; background-image: url(/item/pillow_release/images/section-06_bg_sp.jpg); background-size: cover; }
.release .section-06 .block:first-of-type .text { margin: 0 auto 40px; }
.release .section-06 .block:first-of-type .sub { font-size: 1.3rem; letter-spacing: .08em; line-height: 1.8; margin-bottom: 20px; }
.release .section-06 .block:first-of-type .sub b { font-size: 1.9rem; }
.release .section-06 .block:first-of-type .heading { font-size: 3rem; letter-spacing: .12em; }
.release .section-06 .block:nth-of-type(2),
.release .section-06 .block:nth-of-type(3) { width: 325px; padding: 35px 0; }
.release .section-06 .block:nth-of-type(2) .heading,
.release .section-06 .block:nth-of-type(3) .heading { font-size: 2rem; letter-spacing: .1em; }
.release .section-06 .block:nth-of-type(2) .sub,
.release .section-06 .block:nth-of-type(3) .sub { font-size: 1.3rem; line-height: 2.3; margin-top: 10px; }
.release .section-06 video { width: 325px; height: 192px; margin: 20px auto 25px; }
}
@media screen and (min-width: 768px) {
.release .section-06 .block:first-of-type { height: calc(100vw * (700 / 1600)); background-image: url(/item/pillow_release/images/section-06_bg_pc.jpg); background-size: cover; }
.release .section-06 .block:first-of-type .text { margin: 0 auto 80px; }
.release .section-06 .block:first-of-type .sub { font-size: 2.5rem; line-height: 2; letter-spacing: .12em; margin-bottom: 40px; }
.release .section-06 .block:first-of-type .sub b { font-size: 3.3rem; }
.release .section-06 .block:first-of-type .heading { font-size: 7.5rem; letter-spacing: .15em; }
.release .section-06 .block:nth-of-type(2),
.release .section-06 .block:nth-of-type(3) { width: 1120px; }
.release .section-06 .block:nth-of-type(2) { padding: 110px 0 60px; }
.release .section-06 .block:nth-of-type(3) { padding: 80px 0 110px; }
.release .section-06 .block:nth-of-type(2) .heading,
.release .section-06 .block:nth-of-type(3) .heading { font-size: 4rem; letter-spacing: .14em; }
.release .section-06 .block:nth-of-type(2) .sub,
.release .section-06 .block:nth-of-type(3) .sub { font-size: 1.8rem; margin-top: 35px; }
.release .section-06 video { width: 1120px; height: 527px; margin: 50px 0; }
}

/* section-06: #section-06-pu-01 */
.release #section-06-pu-01 .heading { text-align: center; }
.release #section-06-pu-01 .popup-inner > .heading { color: #1e2678; letter-spacing: .1em; }
.release #section-06-pu-01 .columned:not(.boxed) .heading { display: flex; justify-content: center; align-items: center; color: #fff; }
.release #section-06-pu-01 .columned:not(.boxed) figure:first-child .heading { background-color: #828282; }
.release #section-06-pu-01 .columned:not(.boxed) figure:last-child .heading { background-color: #1e2678; }
.release #section-06-pu-01 .columned.boxed { background-color: #fff; position: relative; }
.release #section-06-pu-01 .columned.boxed::before { content: ''; display: block; width: 0; height: 0; border-style: solid; border-color: transparent transparent #ffffff transparent; position: absolute; }
.release #section-06-pu-01 .columned.boxed p { color: #1e2678; letter-spacing: .06em; }

@media screen and (max-width: 767px) {
.release #section-06-pu-01 figcaption { font-size: 1.2rem; line-height: 2; }
.release #section-06-pu-01 .popup-inner > .heading { font-size: 1.6rem; margin-bottom: 20px; }
.release #section-06-pu-01 .columned:not(.boxed) figure { display: flex; justify-content: space-between; align-items: center; }
.release #section-06-pu-01 .columned:not(.boxed) figure:first-of-type { margin-bottom: 20px; }
.release #section-06-pu-01 .columned:not(.boxed) figure > .block,
.release #section-06-pu-01 .columned:not(.boxed) .heading,
.release #section-06-pu-01 .columned:not(.boxed) img { width: 175px;}
.release #section-06-pu-01 .columned:not(.boxed) .heading { width: 175px; height: 50px; font-size: 1.4rem; letter-spacing: .04em; }
.release #section-06-pu-01 .columned:not(.boxed) figure:last-child .heading { letter-spacing: .01em; line-height: 1.4; }
.release #section-06-pu-01 .columned:not(.boxed) figcaption { width: calc(100% - 190px); }
.release #section-06-pu-01 .columned.boxed { display: flex; align-items: center; flex-direction: column; text-align: center; padding: 20px 0; margin-top: 25px; }
.release #section-06-pu-01 .columned.boxed::before { border-width: 0 8.5px 14px 8.5px; left: 35px; top: -14px; }
.release #section-06-pu-01 .columned.boxed img { width: 225px; }
.release #section-06-pu-01 .columned.boxed figure { order: 2; }
.release #section-06-pu-01 .columned.boxed p { order: 1; font-size: 1.4rem; line-height: 1.8; margin-bottom: 15px; }
.release #section-06-pu-01 .columned.boxed figcaption { line-height: 1.8; margin-top: 5px; }
}
@media screen and (min-width: 768px) {
.release #section-06-pu-01 figcaption { line-height: 1.9; text-align: center; margin-top: 10px; }
.release #section-06-pu-01 .popup-inner > .heading { font-size: 2.5rem; margin-bottom: 30px; }
.release #section-06-pu-01 .columned { display: flex; justify-content: space-between; width: 850px; margin: 0 auto; }
.release #section-06-pu-01 .columned:not(.boxed) img { width: 400px;}
.release #section-06-pu-01 .columned:not(.boxed) .heading { width: 400px; height: 40px; font-size: 1.6rem; letter-spacing: .05em; }
.release #section-06-pu-01 .columned.boxed { padding: 15px; margin-top: 35px; }
.release #section-06-pu-01 .columned.boxed::before { border-width: 0 23px 40px 23px; right: 177px; top: -26px; }
.release #section-06-pu-01 .columned.boxed p { width: 480px; font-size: 2rem; line-height: 2.1; margin-top: 5px; }
.release #section-06-pu-01 .columned.boxed img { width: 315px; }
.release #section-06-pu-01 .columned.boxed figure { position: relative; }
.release #section-06-pu-01 .columned.boxed figcaption { width: 470px; font-size: 1.4rem; text-align: left; margin: 0; position: absolute; right: -495px; bottom: 0; }
}

/* section-06: #section-06-pu-02 */
.release #section-06-pu-02 .heading,
.release #section-06-pu-02 .sub,
.release #section-06-pu-02 figcaption { text-align: center; }
.release #section-06-pu-02 .popup-inner > .heading { color: #1e2678; }
.release #section-06-pu-02 .popup-inner > .sub { color: #1e2678; letter-spacing: .05em; }
.release #section-06-pu-02 .columned { display: flex; justify-content: space-between; }
.release #section-06-pu-02 .columned .heading { display: flex; justify-content: center; align-items: center; color: #fff; letter-spacing: .05em; }
.release #section-06-pu-02 .columned .block:first-child .heading { background-color: #828282; }
.release #section-06-pu-02 .columned .block:last-child .heading { background-color: #1e2678; }

@media screen and (max-width: 767px) {
.release #section-06-pu-02 figcaption { font-size: 1.2rem; line-height: 2; margin-top: 10px; }
.release #section-06-pu-02 .popup-inner > .heading { font-size: 1.6rem; letter-spacing: .06em; margin-bottom: 20px; }
.release #section-06-pu-02 .popup-inner > .sub { font-size: 1.2rem; margin-bottom: 20px; }
.release #section-06-pu-02 .columned .block,
.release #section-06-pu-02 .columned .heading,
.release #section-06-pu-02 .columned img { width: 155px; }
.release #section-06-pu-02 .columned .heading { height: 50px; font-size: 1.4rem; letter-spacing: .04em; }
.release #section-06-pu-02 .columned .block:last-child .heading { letter-spacing: .01em; line-height: 1.4; }
}
@media screen and (min-width: 768px) {
.release #section-06-pu-02 figcaption { line-height: 1.9; margin-top: 15px; }
.release #section-06-pu-02 .popup-inner > .heading { font-size: 2.5rem; letter-spacing: .1em; margin-bottom: 30px; }
.release #section-06-pu-02 .popup-inner > .sub { font-size: 1.8rem; margin-bottom: 25px; }
.release #section-06-pu-02 .columned { width: 700px; margin: 0 auto;}
.release #section-06-pu-02 .columned .block,
.release #section-06-pu-02 .columned .heading,
.release #section-06-pu-02 .columned img { width: 320px; }
.release #section-06-pu-02 .columned .heading { height: 40px; font-size: 1.6rem; }
}

/* section-07 */
.release .section-07 { background-color: #f4f2f6; }
.release .section-07 .heading { color: #1e2678; letter-spacing: .1em; }
.release .section-07 .sub { letter-spacing: .1em; }
.release .section-07 > .heading,
.release .section-07 > .sub { text-align: center; }
.release .section-07 .columned { display: flex; align-items: center; }
.release .section-07 .columned figcaption { font-weight: bold; text-align: center; }
.release .section-07 .boxed { display: flex; align-items: center; background-repeat: no-repeat; background-color: #fff; margin: 0 auto; }

@media screen and (max-width: 767px) {
.release .section-07 { padding: 40px 0; }
.release .section-07 .heading { font-size: 2rem; letter-spacing: .1em; margin-bottom: 15px; }
.release .section-07 .sub { font-size: 1.3rem; line-height: 2.3; }
.release .section-07 .columned { margin-bottom: 30px; }
.release .section-07 .columned,
.release .section-07 .boxed { flex-direction: column; }
.release .section-07 .columned img { width: 300px; }
.release .section-07 .columned figcaption { font-size: 1.4rem; margin-top: 5px; }
.release .section-07 .boxed { width: 325px; height: 315px; text-align: center; background-image: url(/item/pillow_release/images/section-07_fig_03_sp.svg); background-position: center calc(100% - 10px); background-size: 325px auto; padding-top: 35px; }
}
@media screen and (min-width: 768px) {
.release .section-07 { padding: 90px 0 100px; }
.release .section-07 .heading { font-size: 3.3rem; margin-bottom: 35px; }
.release .section-07 .sub { font-size: 1.8rem; }
.release .section-07 .columned { justify-content: space-between; width: 980px; margin: 60px auto; }
.release .section-07 .columned img { width: 450px; }
.release .section-07 .columned figcaption { margin-top: 10px; }
.release .section-07 .boxed { width: 1120px; height: 350px; background-image: url(/item/pillow_release/images/section-07_fig_03_pc.svg); background-position: right center; background-size: 617px auto; }
.release .section-07 .boxed .text { margin-left: 120px; }
.release .section-07 .boxed .sub { font-size: 1.6rem; line-height: 2.5; }
}

/* section-08 */
.release .section-08 { background-repeat: no-repeat; background-position: center top; background-color: #f4f2f6; }
.release .section-08 > .heading { color: #1e2678; text-align: center; }
.release .section-08 > .heading b { display: block; font-family: newpeace, "A1 Mincho", serif; color: #1e2678; font-weight: normal; letter-spacing: .17em; }
.release .section-08 > .sub { letter-spacing: .1em; text-align: center; }
/* .release .section-08 .slide { position: relative; } */
.release .section-08 .slide { display: flex; justify-content: flex-end; align-items: center; }
.release .section-08 .slides .slick-dots { display: flex; justify-content: space-between; margin: 0 auto; }
.release .section-08 .slides .slick-dots li,
.release .section-08 .slides .slick-dots button { padding: 0; margin: 0; }
.release .section-08 .slides .slick-dots button { font-size: 0; border: none; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #d5d5d5; }
.release .section-08 .slides .slick-dots li.slick-active button { background-color: #1e2678; }

@media screen and (max-width: 767px) {
.release .section-08 { background-image: url(/item/pillow_release/images/section-08_fig_01_sp.jpg); background-size: 100% auto ; padding: 235px 0 40px; }
.release .section-08 > .heading { font-size: 1.6rem; letter-spacing: .1em; }
.release .section-08 > .heading b { font-size: 2rem; margin: 20px 0; }
.release .section-08 > .sub { font-size: 1.3rem; line-height: 2.3; }
.release .section-08 .wrapper { background-color: #fff; }
.release .section-08 .columned { display: flex; flex-direction: column; padding-bottom: 35px; margin: 30px 0 25px; }
.release .section-08 .columned > img { width: 100%; margin-top: 15px; }
.release .section-08 .slides { padding-top: 20px; }
.release .section-08 .slide img { width: calc(100% - 20px); } 
.release .section-08 .slides .slick-dots { width: 80px; height: 8px; margin-top: 20px; }
.release .section-08 .slides .slick-dots li,
.release .section-08 .slides .slick-dots button { width: 8px; height: 8px; }
.release .section-08 .slides .slick-prev,
.release .section-08 .slides .slick-next { display: block; width: 32px; height: 32px; font-size: 0; background: transparent; border-left: 1px solid #969696; border-top: 1px solid #969696; border-right: none; border-bottom: none; outline: none; padding: 0; margin: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; position: absolute; top: 90px; }
.release .section-08 .slides .slick-prev { transform: rotate(-45deg); left: 36px; z-index: 1; }
.release .section-08 .slides .slick-next { transform: rotate(135deg); right: 36px; }
}
@media screen and (min-width: 768px) {
.release .section-08 { background-image: url(/item/pillow_release/images/section-08_fig_01_pc.jpg); background-size: contain; padding: calc((100vw * (700 / 1600)) + 100px) 0 90px; }
.release .section-08 > .heading { font-size: 3.3rem; letter-spacing: .15em; }
.release .section-08 > .heading b { font-size: 2.5rem; margin: 40px 0 30px; }
.release .section-08 > .sub { font-size: 1.8rem; }
.release .section-08 .columned { display: flex; justify-content: space-between; align-items: center; width: 1120px; height: 450px; background-color: #fff; margin: 70px auto 60px; }
.release .section-08 .columned > img { width: 515px; }
.release .section-08 .slides,
.release .section-08 .slide { width: 590px; }
.release .section-08 .slide img { width: auto; height: 270px; } 
.release .section-08 .slides .slick-dots { width: 95px; height: 9px; margin-top: 5px; }
.release .section-08 .slides .slick-dots li,
.release .section-08 .slides .slick-dots button { width: 9px; height: 9px; }
.release .section-08 .oval-btn { width: 400px; }
}

/* section-08: #section-08-pu-01 */
.release #section-08-pu-01 .popup-inner > p,
.release #section-08-pu-01 .popup-inner > .heading,
.release #section-08-pu-01 figcaption,
.release #section-08-pu-01 figure b { text-align: center; }
.release #section-08-pu-01 .popup-inner > p { color: #000; letter-spacing: .1em; }
.release #section-08-pu-01 .popup-inner > .heading { color: #1e2678; letter-spacing: .1em; }
.release #section-08-pu-01 .popup-inner > .heading b { display: inline-block; font-family: newpeace, "A1 Mincho", serif; font-weight: normal; letter-spacing: .1em; border-bottom: solid #1e2678; }
.release #section-08-pu-01 .columned { display: flex; }
.release #section-08-pu-01 .popup-inner > .block > .heading { display: flex; align-items: center; color: #1e2678; }
.release #section-08-pu-01 .popup-inner > .block > .heading > .sub { display: inline-flex; justify-content: center; align-items: center; flex-direction: column; background-color: #fff; }
.release #section-08-pu-01 .popup-inner > .block > .heading > .sub span { display: inline-block; line-height: 1; }
.release #section-08-pu-01 figcaption:not(.sans) { display: flex; justify-content: center; align-items: center; color: #fff; letter-spacing: .11em; background-color: #1e2678; }
.release #section-08-pu-01 figure b { display: block; color: #1e2678; font-weight: bold; }

@media screen and (max-width: 767px) {
.release #section-08-pu-01 .popup-inner > p { font-size: 1.3rem; line-height: 2.5; margin-bottom: 35px; }
.release #section-08-pu-01 .popup-inner > .heading { font-size: 1.4rem; margin-bottom: 45px; }
.release #section-08-pu-01 .popup-inner > .heading b { font-size: 2.3rem; border-bottom-width: 2px; padding-bottom: 5px; }
.release #section-08-pu-01 .popup-inner > .block { width: 325px; margin: 0 auto; }
.release #section-08-pu-01 .popup-inner > .block > .heading { height: 60px; font-size: 1.3rem; letter-spacing: .08em; line-height: 2.1; margin-bottom: 25px; }
.release #section-08-pu-01 .popup-inner > .block > .heading > .sub { width: 74px; height: 74px; border-radius: 39px; margin-right: 20px; }
.release #section-08-pu-01 .popup-inner > .block > .heading > .sub span { margin-top: 3px; }
.release #section-08-pu-01 .popup-inner > .block > .heading > .sub span:not(.sub) { font-size: 2.5rem; }
.release #section-08-pu-01 .popup-inner > .block > .heading > .sub .sub { font-size: 1.4rem; }
.release #section-08-pu-01 .columned { flex-direction: column; align-items: center; }
.release #section-08-pu-01 .columned img { width: 325px; }
.release #section-08-pu-01 .columned figure:first-child { margin-bottom: 30px; }
.release #section-08-pu-01 figcaption.sans { font-size: 1.3rem; margin-top: 20px; }
.release #section-08-pu-01 figcaption:not(.sans) { height: 35px; font-size: 1.5rem; margin-top: 0; }
.release #section-08-pu-01 figure b { font-size: 1.6rem; letter-spacing: .07em; margin: 20px 0 10px; }
.release #section-08-pu-01 .popup-inner > .block:last-child { border-top: 1px solid #969696; padding-top: 30px; margin-top: 35px; }
}
@media screen and (min-width: 768px) {
.release #section-08-pu-01 .popup-inner > p { font-size: 1.6rem; line-height: 2.5; margin-bottom: 40px; }
.release #section-08-pu-01 .popup-inner > .heading { font-size: 2.5rem; margin-bottom: 45px; }
.release #section-08-pu-01 .popup-inner > .heading b { font-size: 4rem; border-bottom-width: 2px; padding-bottom: 10px; }
.release #section-08-pu-01 .popup-inner > .block { width: 700px; margin: 0 auto; }
.release #section-08-pu-01 .popup-inner > .block > .heading { height: 88px; font-size: 1.8rem; letter-spacing: .1em; line-height: 2; margin-bottom: 25px; }
.release #section-08-pu-01 .popup-inner > .block > .heading > .sub { width: 88px; height: 88px; border-radius: 44px; margin: 0 15px 0 -44px; }
.release #section-08-pu-01 .popup-inner > .block > .heading > .sub span { margin-top: 5px; }
.release #section-08-pu-01 .popup-inner > .block > .heading > .sub span:not(.sub) { font-size: 2.5rem; }
.release #section-08-pu-01 .popup-inner > .block > .heading > .sub .sub { font-size: 1.6rem; }
.release #section-08-pu-01 .columned { justify-content: space-between; }
.release #section-08-pu-01 .columned img { width: 325px; }
.release #section-08-pu-01 figcaption:not(.sans) { width: 325px; height: 40px; font-size: 1.6rem; }
.release #section-08-pu-01 figure b { font-size: 1.8rem; letter-spacing: .1em; margin-bottom: 20px; }
.release #section-08-pu-01 figcaption.sans { line-height: 1.9; margin-top: 20px; }
.release #section-08-pu-01 .popup-inner > .block:last-child { margin-top: 80px; }
}

/* section-09 */
.release .section-09 .heading { color: #1e2678; letter-spacing: .1em; text-align: center; }
.release .section-09 figcaption b { display: block; font-family: newpeace, "A1 Mincho", serif; color: #1e2678; font-weight: normal; }
.release .section-09 figcaption .sans { line-height: 2.5; }

@media screen and (max-width: 767px) {
.release .section-09 { padding-top: 45px; }
.release .section-09 .heading { font-size: 2rem; }
.release .section-09 .columned { width: 325px; text-align: center; margin: 30px auto 35px; }
.release .section-09 figure { display: flex; flex-direction: column; width: 325px; }
.release .section-09 figure:first-child { margin-bottom: 35px; }
.release .section-09 figure img { order: 2; }
.release .section-09 figcaption { order: 1; margin-bottom: 15px; }
.release .section-09 figcaption b { font-size: 1.6rem; letter-spacing: .06em; margin-bottom: 15px; }
.release .section-09 figcaption .sans { font-size: 1.3rem; }
.release .section-09 .images img { width: 100%; }
}
@media screen and (min-width: 768px) {
.release .section-09 { padding-top: 115px; }
.release .section-09 .heading { font-size: 3.3rem; }
.release .section-09 .columned { display: flex; justify-content: space-between; align-items: center; width: 1020px; margin: 60px auto 120px; }
.release .section-09 figure { width: 480px; }
.release .section-09 figure img { width: 100%; }
.release .section-09 figcaption { margin-top: 30px; }
.release .section-09 figcaption b { font-size: 2.5rem; letter-spacing: .1em; margin-bottom: 25px; }
.release .section-09 .images { display: flex; }
.release .section-09 .images img { width: 50%; }
}

/* section-10 */
.release .section-10 { background-image: url(/item/pillow_release/images/item_g.png); background-repeat: no-repeat; }
.release .section-10 table caption { color: #1e2678; text-align: left; border-bottom: 1px solid #d2cce0; }
.release .section-10 table caption .sans { color: #1e2678; }
.release .section-10 table th,
.release .section-10 table td { font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, sans-serif; text-align: left; }
.release .section-10 table th { color: #1e2678; }
.release .section-10 table td { color: #000; font-weight: normal; }
.release .section-10 table th[rowspan] { vertical-align: top; }

@media screen and (max-width: 767px) {
.release .section-10 { background-position: center 20px; background-size: 358px auto; padding: 220px 25px 25px; }
.release .section-10 table { width: 100%; }
.release .section-10 table caption { font-size: 2rem; padding-bottom: 8px; }
.release .section-10 table caption .sub { font-size: 1.3rem; }
.release .section-10 table th,
.release .section-10 table td { display: block; font-size: 1.4rem; letter-spacing: .06em; }
.release .section-10 table th { padding: 20px 0 15px; }
.release .section-10 table td { line-height: 1.6; }
.release .section-10 table td:not(:nth-of-type(1)) { padding-bottom: 15px; }
.release .section-10 table td:nth-of-type(2) { border-bottom: 1px solid #d2cce0; }
.release .section-10 table .parent td { border-bottom: none; padding-bottom: 5px; }
.release .section-10 table .parent td:nth-of-type(2) { padding-bottom: 15px; }
.release .section-10 table tr:nth-of-type(9) { border-top: 1px solid #d2cce0; }
}
@media screen and (min-width: 768px) {
.release .section-10 { background-position: center 100px; background-size: 850px auto; padding-top: 550px; }
.release .section-10 table { width: 1120px; margin: 0 auto 195px; }
.release .section-10 table caption { font-size: 4rem; letter-spacing: .01em; padding-bottom: 40px; }
.release .section-10 table caption .sub { font-size: 1.6rem; }
.release .section-10 table th,
.release .section-10 table td { border-bottom: 1px solid #d2cce0; padding: 30px 0; }
.release .section-10 table th { width: 11%; font-size: 2rem; letter-spacing: .13em; }
.release .section-10 table td { font-size: 2rem; letter-spacing: .1em; }
.release .section-10 table tr td:first-of-type { width: 17%; }
}