@charset "utf-8";
/*
	Last Update: 2024/11/1
	Auther: yt
*/
/*===================================================================
	top
===================================================================*/
#main_image_wrap { position:relative; }
#main_image { overflow:hidden; border-radius:20px; box-shadow:0 1px 4px rgba(0,0,0,.16); position:relative; }
#main_image .mv_btn { display:block; position:absolute; width:28.258%; left:15.606%; bottom:10.990%; }
@media (max-width:767px) {
	#main_image { width:calc(100% + 40px); margin-left:-20px; margin-right:-20px; border-radius:0; }
	#main_image .mv_btn { width:74.664%; left:50%; transform:translateX(-50%); bottom:6%; }
}

#btn_fixed { position:fixed; display:block; bottom:80px; right:20px; z-index:100; }
#btn_fixed .button { background:url(../image/layout/btn_bg.png) no-repeat center center / cover; width:150px; height:150px; border-radius:150px; display:flex; align-items:center; justify-content:center; box-shadow:1px 5px 0 #6796C4; }
#btn_fixed .button .main { color:#fff; font-weight:bold; padding-top:60px; background:url(../image/icon/cart.svg) no-repeat center top / auto 45px; line-height:1.4; }
html.translated-ltr #btn_fixed .button .main br { display:none; }
@media (max-width:767px) {
	#base { padding-bottom:var(--sp-foot-banner-height); }
	#btn_fixed { width:100%; height:var(--sp-foot-banner-height); bottom:0; right:0; background:#fff; }
	#btn_fixed .button { width:100%; height:100%; background-image:url(../image/layout/hl_bg1.jpg); border-radius:0; }
	#btn_fixed .button .main { padding-top:0; padding-left:40px; display:inline-flex; background-size:auto 30px; background-position:left center; min-height:30px; align-items:center; }
}

#introduce .hl_introduce { font-size:1.25em; margin-bottom:20px; font-weight:500; }
#introduce .plx ._plx_step { transition-property:opacity transform; transition-duration:.5s; }
#introduce .plx:not(.plx_on) ._plx_step { opacity:0; transform:translateY(10px); }
#introduce img { width:100%; }

#concept { background:url(../image/top/concept_bg.jpg) no-repeat center center / cover; }
#concept .hl_concept { position:relative; text-align:center; margin-bottom:70px; display:flex; align-items:center; justify-content:center; min-height:83px; }
#concept .hl_concept .bg_text { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); mix-blend-mode:overlay; width:auto; z-index:1; }
#concept .hl_concept .bg_text img { height:83px; width:auto; max-width:unset; }
#concept .hl_concept .main { text-align:center; position:relative; z-index:2; display:inline-block; font-size:1.5em; padding-bottom:5px; border-bottom:1px solid var(--c-gray); color:var(--c-gray); text-indent:3px; letter-spacing:3px; }
#concept .hl_concept2 { text-align:center; font-size:1.5em; font-weight:bold; margin-bottom:40px; letter-spacing:1px; padding-left:1px; }
#concept .comment p { text-align:center; line-height:2; letter-spacing:1px; padding-left:1px; }
#concept .comment p:not(:last-child) { margin-bottom:30px; }

#about { background:url(../image/top/about_bg.jpg) no-repeat center center / cover; }
#about .hl_about { position:relative; text-align:center; margin-bottom:70px; display:flex; align-items:center; justify-content:center; min-height:83px; }
#about .hl_about::before { content:""; width:48px; height:2px; background:#fff; bottom:0; left:50%; transform:translateX(-50%); border-radius:2px; position:absolute; }
#about .hl_about .bg_text { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:auto; z-index:1; }
#about .hl_about .bg_text img { height:83px; width:auto; max-width:unset; }
#about .hl_about .main { color:#fff; position:relative; z-index:2; font-size:2.25em; letter-spacing:3px; text-indent:3px; padding:20px 0; }
#about .about_wrap { margin-bottom:40px; }
#about .about_wrap .text { line-height:2; font-weight:bold; font-size:2em; color:#fff; transition-delay:.8s; }
#about .about_wrap .animation { width:100%; height:0; --frame-w:369.12; --frame-h:198.31; padding-bottom:calc(var(--frame-h) / var(--frame-w) * 100%); position:relative; }
#about .about_wrap .animation > * { position:absolute; width:calc(var(--obj-w) / var(--frame-w) * 100%); height:calc(var(--obj-h) / var(--frame-h) * 100%); background:no-repeat center center / contain; top:calc(var(--obj-top) / var(--frame-h) * 100%); left:calc(var(--obj-left) / var(--frame-w) * 100%); right:calc(var(--obj-right) / var(--frame-w) * 100%); bottom:calc(var(--obj-bottom) / var(--frame-h) * 100%); }
#about .about_wrap .animation > .candle { --obj-w:91.62; --obj-h:117.3; background-image:url(../image/top/about_anm_candle.png); top:auto; right:auto; --obj-left:20; --obj-bottom:3; transition:opacity .5s .5s; }
#about .about_wrap .animation:not(.plx_on) > .candle { opacity:0; }
#about .about_wrap .animation > .arrow { --obj-w:110; --obj-h:19; bottom:auto; left:auto; --obj-right:137; --obj-top:83; transform:rotate(-20deg); display:flex; align-items:center; justify-content:flex-end; transition:opacity .5s .25s; }
#about .about_wrap .animation:not(.plx_on) > .arrow { opacity:0; }
#about .about_wrap .animation > .arrow ._1 { width:calc(19 / var(--obj-w) * 100%); height:100%; background:url(../image/top/about_anm_arrow1.png) no-repeat center center / contain; }
#about .about_wrap .animation > .arrow ._2 { width:calc(91 / var(--obj-w) * 100%); height:calc(2 / var(--obj-h) * 100%); background:url(../image/top/about_anm_arrow2.png) repeat-x center right / contain; margin-left:calc(3 / var(--obj-w) * 100%); transition:width .75s .25s; }
#about .about_wrap .animation:not(.plx_on) > .arrow ._2 { width:0; }
#about .about_wrap .animation > .person { --obj-w:163.54; --obj-h:175.44; background-image:url(../image/top/about_anm_person.png); top:auto; left:auto; --obj-right:0; --obj-bottom:0;transition:opacity .5s; }
#about .about_wrap .animation:not(.plx_on) > .person { opacity:0; }
#about .about_wrap .animation > .sign { --obj-w:35.84; --obj-h:42.02; background-image:url(../image/top/about_anm_sign.png); bottom:auto; left:auto; --obj-right:13; --obj-top:0; transition-property:opacity transform;  transition-duration:.5s; transition-delay:.75s; }
#about .about_wrap .animation:not(.plx_on) > .sign { transform:translate(-75%,75%); opacity:0; }
#about .about_wrap .animation > .text { --obj-w:40.14; --obj-h:13.4; background-image:url(../image/top/about_anm_text.png); bottom:auto; left:auto; --obj-right:180; --obj-top:42; transition-duration:1s; transition-property:opacity transform; transition-delay:.25s; }
#about .about_wrap .animation:not(.plx_on) > .text { opacity:0; transform:translateY(150%); }
#about .joint { background:#fff; padding:15px 20px 40px; border-radius:9px; transition-delay:.5s; }
#about .joint .row { justify-content:center; }
#about .joint .cross { width:39px; height:39px; background:url(../image/top/cross.png) no-repeat center center / contain; display:block; }
#about .joint .joint_wrap { margin-bottom:25px; }
#about .joint .text { font-size:1.25em; color:#747474; text-align:center; }
@media (max-width:767px) {
	#about .hl_about .main { font-size:1.25em; }
	#about .about_wrap .text { font-size:1.75em; }
	#about .joint .joint_wrap .row { flex-direction:column; align-items:center; }
	#about .joint .joint_wrap .cross { margin:20px 0; }
}

#experiment {}
#experiment .introduction { display:flex; padding-top:35px; margin-bottom:15px; position:relative; z-index:2; }
#experiment .introduction .image_wrap { position:relative; z-index:2; border-radius:4px; overflow:hidden; width:47%; transform:translateY(-35px); }
#experiment .introduction .text_wrap { width:53%; position:relative; }
#experiment .introduction .text_wrap .text { position:relative; z-index:2; padding:20px 40px; display:flex; align-items:center; font-size:1.1em; line-height:2; height:100%; letter-spacing:1px; }
#experiment .introduction .text_wrap::before { content:""; position:absolute; z-index:1; width:calc(100% + 40px); height:100%; top:0; right:0; display:block; background:#fff; }
#experiment .result .hl_result { font-size:1.25em; letter-spacing:2px; text-indent:2px; display:flex; align-items:center; justify-content:center; height:150px; background:url(../image/top/result_hl_bg.png) no-repeat center center / contain; padding-top:50px; transition-property:opacity transform; transition-duration:.75s; z-index:1; position:relative; margin-bottom:15px; }
#experiment .result .hl_result:not(.plx_on) { opacity:0; transform:translateY(-20px); }
#experiment .result .result_box { background:url(../image/top/banner_bg.jpg) no-repeat center center / cover; padding:5px 6px; overflow:hidden; }
#experiment .result .result_box .result_box_inner { border:1px solid #fff; padding:30px 20px; }
#experiment .result .result_box .result_box_inner p { text-align:center; color:#fff; font-size:1.25em; font-weight:bold; line-height:2; letter-spacing:3px; padding-left:3px; vertical-align:middle; }
#experiment .result .result_box .result_box_inner p ._normal { position:relative; z-index:3; }
#experiment .result .result_box .result_box_inner p ._large { font-size:1.5em; color:var(--c-yellow); padding-left:5px; padding-right:5px; }
#experiment .result .result_box .result_box_inner p .text_row { display:inline-flex; align-items:center; }
#experiment .result .result_box .result_box_inner p .highlight { display:inline-flex; align-items:center; position:relative; z-index:2; }
#experiment .result .result_box .result_box_inner p .highlight::before { content:""; width:600px; height:100%; position:absolute; z-index:-1; opacity:.3; mix-blend-mode:multiply; left:50%; top:50%; transform:translate(-50%,-50%); background:url(../image/top/highlight1.png) no-repeat center center / contain; }
#experiment .result .result_readmore { text-align:center; transition-property:opacity transform; transition-duration:.25s; transition-delay:.75s; z-index:1; position:relative; padding-top:10px; padding-bottom:30px; }
#experiment .result .result_readmore:not(.plx_on) { opacity:0; transform:translateY(-20px); }
#experiment .experiment_detail .detail_box { background:#fff; padding:20px 30px; }
#experiment .experiment_detail .detail_box .comment { font-size:.9em; }
#experiment .experiment_detail .detail_box._result .comment { line-height:1.4; }
#experiment .experiment_detail .detail_result { padding:0 20px; position:relative; }
#experiment .experiment_detail .detail_result:not(:last-child) { padding-bottom:20px; margin-bottom:20px; }
#experiment .experiment_detail .detail_result:not(:last-child)::before { content:""; width:calc(100% - 40px); bottom:0; left:20px; border-bottom:1px dashed #DEDEDE; display:block; position:absolute; }
#experiment .experiment_detail .detail_result .detail_result_wrap { display:flex; }
#experiment .experiment_detail .detail_result .detail_result_wrap .text_wrap { width:65.665%; padding-right:10px; }
#experiment .experiment_detail .detail_result .detail_result_wrap .image_wrap { width:34.335%; }
#experiment .note { font-size:0.75em; line-height:1.6; }
#experiment .detail_box_foot { background:url(../image/top/banner_bg.jpg) no-repeat center center / cover; padding:30px 60px; display:flex; align-items:center; overflow:hidden; }
#experiment .detail_box_foot .text_wrap { width:70%; color:#fff; font-size:1.25em; font-weight:bold; letter-spacing:2px; line-height:1.8; position:relative; z-index:1; }
#experiment .detail_box_foot .text_wrap p { text-align:center; display:inline-block; }
#experiment .detail_box_foot .text_wrap .text_row { display:inline-block; }
#experiment .detail_box_foot .text_wrap ._large { font-size:1.5em; }
#experiment .detail_box_foot .text_wrap ._yellow { color:var(--c-yellow); }
#experiment .detail_box_foot .text_wrap .highlight { position:relative; z-index:2; }
#experiment .detail_box_foot .text_wrap .highlight::before { content:""; width:794px; height:100%; position:absolute; z-index:-1; left:50%; top:50%; transform:translate(-50%,-50%); background:url(../image/top/highlight2.png) no-repeat center center / contain; opacity:.57; }
#experiment .detail_box_foot .image_wrap { width:30%; position:relative; z-index:2; }
#experiment .researcher_comment .hl_resarcher_comment { text-align:center; margin-bottom:30px; font-weight:500; font-size:1.25em; letter-spacing:2px; text-indent:2px; }
#experiment .researcher_comment p { letter-spacing:1px; }
@media (max-width:1200px) {
	#experiment .experiment_detail .detail_box._result > .row { --bs-gutter-x:10px; }
	#experiment .experiment_detail .detail_box { padding:20px 10px; }
	#experiment .detail_box_foot { padding:20px; }
}
@media (max-width:991px) {
	#experiment .introduction { flex-direction:column; padding-top:0; }
	#experiment .introduction > * { width:100%!important; }
	#experiment .introduction .image_wrap { transform:none; }
	#experiment .introduction .image_wrap .image { width:100%; max-width:500px; margin-left:auto; margin-right:auto; margin-bottom:20px; }
	#experiment .introduction .text_wrap .text { font-size:1em; line-height:1.6; }
	#experiment .detail_box._method .figure { max-width:600px; width:100%; margin-top:20px; }
	#experiment .detail_box_foot { flex-direction:column; }
	#experiment .detail_box_foot > * { width:100%!important; }
	#experiment .detail_box_foot > .text_wrap { text-align:center; padding-bottom:20px; }
	#experiment .detail_box_foot > .image_wrap { text-align:center; }
	#experiment .detail_box_foot > .image_wrap img { width:280px; }
}
@media (max-width:767px) {
	#experiment .introduction .text_wrap .text { padding:20px 10px; }
	#experiment .result .result_box { width:calc(100% + 40px); margin-left:-20px; margin-right:-20px; }
	#experiment .result .result_box .result_box_inner p .text_row { flex-direction:column; }
	#experiment .result .result_box .result_box_inner p .highlight { flex-direction:column; line-height:1.6; padding-top:5px; padding-bottom:10px;  }
	#experiment .result .result_box .result_box_inner p .highlight::before { background-size:cover; }
	#experiment .detail_box._method .comment { padding-top:20px; }
	#experiment .experiment_detail .detail_box { width:calc(100% + 40px); margin-left:-20px; margin-right:-20px; }
	#experiment .detail_box_foot { width:calc(100% + 40px); margin-left:-20px; margin-right:-20px; }
	#experiment .detail_box_foot .text_wrap .highlight { padding-bottom:10px; display:block; margin-top:10px; }
	#experiment .detail_box_foot .text_wrap .highlight::before { background-size:cover; }
	#experiment .note { padding:10px 20px 0; }
}

#advantage .advantage_unit { display:flex; width:calc(100% + 40px); margin-left:-20px; margin-right:-20px; align-items:center; }
#advantage .advantage_unit:nth-child(2n+1) { flex-direction:row; }
#advantage .advantage_unit:nth-child(2n) { flex-direction:row-reverse; }
#advantage .advantage_unit:not(:last-child) { margin-bottom:80px; }
#advantage .advantage_unit > * { padding:0 20px; }
#advantage .advantage_unit .image_wrap { width:53%; }
#advantage .advantage_unit .image_wrap .image { border-radius:10px; overflow:hidden; }
#advantage .advantage_unit .text_wrap { width:47%; }
#advantage .advantage_unit .text_wrap .text_head { padding-bottom:30px; border-bottom:1px solid #E8E8E8; margin-bottom:30px; display:flex; align-items:center; }
#advantage .advantage_unit .text_wrap .text_head .text { padding-left:15px; }
#advantage .advantage_unit .text_wrap .text_head .text .sub { font-size:1.2em; margin-bottom:10px; }
#advantage .advantage_unit .text_wrap .text_head .text .main { font-weight:bold; font-size:2em; letter-spacing:2px; }
#advantage .advantage_unit .text_wrap .comment p { letter-spacing:1px; line-height:2; }
#advantage .advantage_unit .text_wrap .comment p:not(:last-child) { margin-bottom:20px; }
#advantage .advantage_unit .text_wrap .comment p.note { font-size:0.7em; line-height:1.4; }
@media (max-width:991px) {
	#advantage .advantage_unit .image_wrap { width:45%; padding-bottom:20px; }
	#advantage .advantage_unit .image_wrap .image { width:100%; max-width:360px; margin-left:auto; margin-right:auto; }
	#advantage .advantage_unit .text_wrap { width:55%; }
}
@media (max-width:767px) {
	#advantage .advantage_unit { flex-direction:column!important; }
	#advantage .advantage_unit > * { width:100%!important; }
	#advantage .advantage_unit .image_wrap { width:45%; }
	#advantage .advantage_unit .text_wrap .text_head { justify-content:center; padding-bottom:15px; margin-bottom:15px; }
	#advantage .advantage_unit .text_wrap .text_head .num img { height:50px; width:auto; }
	#advantage .advantage_unit .text_wrap .text_head .text .main { font-size:1.5em; }
	#advantage .advantage_unit .text_wrap .comment p:not(:last-child) { margin-bottom:10px; line-height:1.6; }

}

#scene .scene_unit { background:#fff; margin-bottom:40px; padding:50px 60px; }
#scene .scene_unit._1 { --c-scene:#61B6A8; }
#scene .scene_unit._2 { --c-scene:#839CC9; }
#scene .scene_unit .unit_head { margin-bottom:40px; }
#scene .scene_unit .hl_scene { display:flex; align-items:center; letter-spacing:1px; margin-bottom:20px; }
#scene .scene_unit .hl_scene .main { color:var(--c-scene); width:180px; font-size:1.75em; }
#scene .scene_unit .hl_scene .sub { font-size:1.1em; color:#D6D6D6; padding-right:25px; }
#scene .scene_unit .hl_scene::after { content:""; flex-grow:1; border-bottom:1px dashed #D5D5D5; }
#scene .scene_unit .comment { letter-spacing:2px; }
#scene .scene_unit .unit_detail { display:flex; }
#scene .scene_unit .unit_detail > * { width:33.333%; }
#scene .scene_unit:nth-child(2n+1) .unit_detail { flex-direction:row; }
#scene .scene_unit:nth-child(2n) .unit_detail { flex-direction:row-reverse; }
#scene .scene_unit .unit_detail .image_wrap { display:flex; align-items:center; }
#scene .scene_unit .unit_detail .image { width:140%; border-radius:10px; overflow:hidden; }
#scene .scene_unit:nth-child(2n+1) .unit_detail .image { margin-right:-40%; }
#scene .scene_unit:nth-child(2n) .unit_detail .image { margin-left:-40%; }
#scene .scene_unit .unit_detail .figure_wrap { display:flex; align-items:center; }
#scene .scene_unit .unit_detail .figure { position:relative; z-index:2; }
#scene .scene_unit .unit_detail .case_list { display:flex; flex-direction:column; justify-content:center; }
#scene .scene_unit:nth-child(2n+1) .unit_detail .case_list { padding-left:10px; }
#scene .scene_unit:nth-child(2n) .unit_detail .case_list { padding-right:10px; }
#scene .scene_unit .unit_detail .case_list .case_unit { display:flex; border:2px solid var(--c-scene); border-radius:10px; padding:15px; align-items:center; }
#scene .scene_unit .unit_detail .case_list .case_unit:not(:last-child) { margin-bottom:15px; }
#scene .scene_unit .unit_detail .case_list .case_unit .icon { width:22.059%; }
#scene .scene_unit .unit_detail .case_list .case_unit .text { width:77.941%; padding-left:10px; }
#scene .scene_unit .unit_detail .case_list .case_unit .text .label { font-weight:bold; color:var(--c-scene); }
#scene .scene_unit .unit_detail .case_list .case_unit .text .main { line-height:1.5; }
@media (max-width:1200px) {
	#scene .scene_unit { padding:40px 20px; }
	#scene .scene_unit .unit_detail .image_wrap { width:24%; }
	#scene .scene_unit .unit_detail .figure_wrap { width:38%; }
	#scene .scene_unit .unit_detail .case_list { width:38%; }
	#scene .scene_unit .unit_detail .case_list .case_unit .text .main { font-size:.9em; }
}
@media (max-width:991px) {
	#scene .scene_unit .unit_detail { flex-direction:row!important; flex-wrap:wrap; }
	#scene .scene_unit .unit_detail .image_wrap,
	#scene .scene_unit .unit_detail .figure_wrap { width:50%!important; }
	#scene .scene_unit .unit_detail .case_list { width:100%!important; padding-left:0!important; padding-right:0!important; padding-top:20px; }
	#scene .scene_unit:nth-child(2n+1) .unit_detail .image_wrap { order:1; }
	#scene .scene_unit:nth-child(2n+1) .unit_detail .figure_wrap { order:2; }
	#scene .scene_unit:nth-child(2n+1) .unit_detail .case_list { order:3; }
	#scene .scene_unit:nth-child(2n) .unit_detail .image_wrap { order:2; }
	#scene .scene_unit:nth-child(2n) .unit_detail .figure_wrap { order:1; }
	#scene .scene_unit:nth-child(2n) .unit_detail .case_list { order:3; }
}
@media (max-width:767px) {
	#scene .scene_unit .hl_scene { flex-wrap:wrap; margin-bottom:10px; }
	#scene .scene_unit .hl_scene .main { width:100%; margin-bottom:5px; }
	#scene .scene_unit .unit_head { margin-bottom:20px; }
	#scene .scene_unit .unit_detail .image { width:100%!important; max-width:300px; margin-left:auto!important; margin-right:auto!important; }
	#scene .scene_unit .unit_detail .image_wrap { order:1!important;  width:100%!important; }
	#scene .scene_unit .unit_detail .figure_wrap { order:2!important;  width:100%!important; margin-top:-40px; justify-content:center; }
	#scene .scene_unit .unit_detail .figure_wrap img { width:240px; }
	#scene .scene_unit .unit_detail .case_list { order:3!important;  width:100%!important; }
	#scene .scene_unit .unit_detail .case_list .case_unit .icon { max-width:70px; }
	#scene .scene_unit .unit_detail .case_list .case_unit .text { min-width:calc(100% - 70px); }
	#scene .scene_unit .comment { letter-spacing:0; }
}

#steps .steps_list { display:flex; max-width:880px; margin-left:auto; margin-right:auto; margin-bottom:40px; }
#steps .steps_list .steps_unit { width:33.333%; padding:0 30px; position:relative; text-align:center; transition-property:opacity, transform; transition-duration:.5s; }
#steps .steps_list:not(.plx_on) .steps_unit { transform:translateY(40px); opacity:0; }
#steps .steps_list .steps_unit .image { position:relative; }
#steps .steps_list .steps_unit:not(:last-child) .image::before { content:""; width:23px; height:48px; background:url(../image/top/steps_arrow.svg) no-repeat center center / contain; position:absolute; display:block; top:50%; left:calc(100% + 30px); transform:translate(-50%,-50%); }
#steps .steps_list .steps_unit .text { padding-top:15px; font-weight:500; letter-spacing:1px; padding-left:1px; }
#steps .comment p { line-height:2; letter-spacing:1px; padding-left:1px; }
@media (max-width:991px) {
	#steps .steps_list { max-width:calc(100% + 30px); margin-left:-15px; margin-right:-15px; }
	#steps .steps_list .steps_unit:not(:last-child) .image::before { width:12px; height:24px; left:calc(100% + 15px); }
	#steps .steps_list .steps_unit { padding:0 15px; }
}
@media (max-width:767px) {
	#steps .steps_list .steps_unit .text { letter-spacing:0; padding-left:0; }
}
@media (max-width:575px) {
	#steps .steps_list { max-width:calc(100% + 16px); margin-left:-8px; margin-right:-8px; margin-bottom:20px; }
	#steps .steps_list .steps_unit:not(:last-child) .image::before { width:6px; height:12px; left:calc(100% + 8px); }
	#steps .steps_list .steps_unit { padding:0 8px; }
	#steps .comment p { padding-left:0; letter-spacing:0; }

}

#voice .voice_list_slider { width:calc(100% + 30px); margin-left:-15px; margin-right:-15px; }
#voice .voice_list_slider .slick-track { padding:10px 0; display:flex; }
#voice .voice_list_slider .voice_unit_wrap { padding:0 15px; height:auto!important; }
#voice .voice_list_slider .voice_unit_wrap .voice_unit { border-radius:10px; box-shadow:0 1px 7px rgba(0,0,0,.13); padding:30px 20px; background:#fff; height:100%; }
#voice .voice_list_slider .voice_unit_wrap .voice_unit .title { text-align:center; font-weight:bold; font-size:1.1em; padding-bottom:10px; border-bottom:1px solid #E0E0E0; margin-bottom:15px; }
#voice .voice_list_slider .voice_unit_wrap .voice_unit .comment { font-size:.9em; letter-spacing:1px; font-weight:500; }
#voice .voice_list_slider .slick-dots li button { width:auto; height:auto; }
#voice .voice_list_slider .slick-dots li button::before { content:""; display:block; width:12px; height:12px; border:1px solid #D0D0D0; background:none; border-radius:12px; }
#voice .voice_list_slider .slick-dots li.slick-active button::before { border:0; background:url(../image/top/dot.jpg) no-repeat center center / cover; }
#voice .voice_list_slider .slick-arrow::before { display:none; }
#voice .voice_list_slider .slick-arrow { width:47px; height:47px; background:no-repeat center center / contain; }
#voice .voice_list_slider .slick-prev { background-image:url(../image/icon/arrow_l.svg); left:-70px; }
#voice .voice_list_slider .slick-next { background-image:url(../image/icon/arrow_r.svg); right:-70px; }
@media (max-width:1360px) {
	#voice .voice_list_slider { width:calc(100% - 100px); margin-left:auto; margin-right:auto; }
	#voice .voice_list_slider .slick-arrow { width:30px; height:30px; }
	#voice .voice_list_slider .slick-prev { left:-40px; }
	#voice .voice_list_slider .slick-next { right:-40px; }
}
@media (max-width:575px) {
	#voice .voice_list_slider { width:100%; }
	#voice .voice_list_slider .slick-prev { left:-18px; }
	#voice .voice_list_slider .slick-next { right:-18px; }
}

#movie .movie_box { position:relative; }
#movie .movie_box::before { content:""; background:#fff; border:2px solid #E5E5E5; z-index:1; display:block; width:100%; height:100%; transform:translate(-3px, -3px); position:absolute; top:0; left:0; }
#movie .movie_box::after { content:""; border:2px solid #E5E5E5; z-index:2; display:block; width:100%; height:100%; transform:translate(3px, 3px); position:absolute; top:0; left:0; }
#movie .movie_box .movie_box_inner { position:relative; z-index:3; padding:50px; }
#movie .movie_box .title { text-align:center; font-size:1.5em; font-weight:bold; padding-bottom:20px; margin-bottom:20px; }
#movie .movie_box .comment_list { display:flex; }
#movie .movie_box .comment_list .unit:not(:last-child) { padding-right:40px; }
#movie .movie_box .comment { font-size:.9em; font-weight:500; letter-spacing:2px; }
@media (max-width:991px) {
	#movie .movie_box .comment_list { flex-direction:column; }
	#movie .movie_box .comment_list .unit:not(:last-child) { padding-right:0; padding-bottom:30px; }
}
@media (max-width:767px) {
	#movie .movie_box { width:calc(100% + 10px); margin-left:-5px; margin-right:-5px; }
	#movie .movie_box .movie_box_inner { padding:30px 15px; }
	#movie .movie_box .comment { letter-spacing:1px; }
}

#products .products_list { margin-bottom:70px; }
#products .products_list .unit { transition-property:opacity, transform; transition-duration:.5s; }
#products .products_list:not(.plx_on) .unit { transform:translateY(40px); opacity:0; }
#products .products_list .unit .image { border-radius:5px; overflow:hidden; margin-bottom:15px; }
#products .products_list .unit .title { font-weight:bold; font-size:1.25em; margin-bottom:30px; letter-spacing:1px; }
#products .products_list .unit .spec { background:rgba(234, 238, 242, 0.38); padding:10px 20px; font-size:.9em; font-weight:500; line-height:1.4; margin-bottom:25px; }
#products .products_list .button_wrap { text-align:center; }
#products .products_list .button_wrap .product_btn img { width:373px; }
#products .warning_box { background:rgba(234, 238, 242, 0.38); display:flex; padding:30px; align-items:center; width:800px; max-width:100%; margin-left:auto; margin-right:auto; }
#products .warning_box .image_wrap { width:108px; }
#products .warning_box .text_wrap { width:calc(100% - 108px); padding-left:20px; }
#products .warning_box .text_wrap .text .title { margin-bottom:10px; font-size:1.1em; font-weight:500; letter-spacing:1px; }
#products .warning_box .text_wrap .text .comment { font-size:0.8em; letter-spacing:1px; line-height:1.8; }
@media (max-width:767px) {
	#products .warning_box { padding:15px 10px; }
}
@media (max-width:575px) {
	#products .products_list .row > *:not(:last-child) { margin-bottom:40px; }
	#products .warning_box { flex-direction:column; }
	#products .warning_box > * { width:100%!important; }
	#products .warning_box .text_wrap { padding-left:0; }
	#products .warning_box .text_wrap .text .title { letter-spacing:0; }
	#products .warning_box .image { text-align:center; padding-bottom:20px; }
	#products .warning_box .image img { width:100px; }
}

#faq .faq_list details { border-top:1px dotted #C3C3C3; }
#faq .faq_list details:last-child { border-bottom:1px dotted #C3C3C3; }
#faq .faq_list details > * > .main { padding-left:50px; padding-right:70px; position:relative; }
#faq .faq_list details summary { padding:20px; }
#faq .faq_list details summary .main { background:url(../image/top/question.png) no-repeat center left / 32px auto; display:flex; align-items:center; min-height:32px; font-size:1.2em; font-weight:bold; width:100%; }
#faq .faq_list details summary .main::after { content:""; width:31px; height:31px; position:absolute; right:0; top:50%; transform:translateY(-50%); background:url(../image/icon/arrow_b.svg) no-repeat center center / contain; }
#faq .faq_list details[open] summary .main::after { background-image:url(../image/icon/arrow_t.svg); }
#faq .faq_list details .contents { padding:0 20px 20px; margin-top:-10px; }
#faq .faq_list details .contents .main { font-size:.9em; letter-spacing:1px; line-height:1.6; }
@media (max-width:767px) {
	#faq .faq_list details summary,
	#faq .faq_list details .contents { padding-left:0; padding-right:0; }
	#faq .faq_list details summary .main { padding-left:40px; padding-right:40px; font-size:1.1em; }
	#faq .faq_list details .contents .main { padding-left:0; padding-right:0; }
}

.profile_box { background:#fff; padding:20px; display:flex; border-radius:5px; }
.profile_box .image_wrap { width:187px; }
.profile_box .text_wrap { width:calc(100% - 187px); padding-left:20px; display:flex; flex-direction:column; justify-content:center; }
.profile_box .text_wrap .text_head { padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #D8D8D8; display:flex; align-items:center; }
.profile_box .text_wrap .text_head .sub { font-size:.9em; line-height:1.4; }
.profile_box .text_wrap .text_head .main { padding-left:15px; font-size:1.75em; font-weight:normal; }
.profile_box .text_wrap .text_main { font-size:0.8em; line-height:1.6; }
@media (max-width:767px) {
	.profile_box { flex-direction:column; }
	.profile_box > * { width:100%!important; }
	.profile_box .image_wrap { text-align:center; }
	.profile_box .image_wrap img { width:180px; }
	.profile_box .text_wrap { padding-left:0; padding-top:20px; }
}
@media (max-width:575px) {
	.profile_box .text_wrap .text_head { flex-direction:column; }
	.profile_box .text_wrap .text_head > * { width:100%!important; }
	.profile_box .text_wrap .text_head .main { padding-left:0; padding-top:10px; }
}

.lead { letter-spacing:1px; padding-left:1px; }
@media (max-width:767px) {
	.lead { letter-spacing:0; padding-left:0; }
}