@charset "UTF-8";
/*btn
--------------------*/
.btn { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; -webkit-flex-direction: column; flex-direction: column; -webkit-align-items: center; align-items: center; background: #fff; position: relative; margin: auto; }
.btn::before { content: '▶'; color: #808080; display: block; position: absolute; top: 50%; z-index: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); }
.btn.ec_btn { background: #0060f4; color: #fff; }
.btn.ec_btn::before { display: none; }
.btn.ec_btn span { display: -webkit-flex; display: flex; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; justify-content: center; -webkit-align-items: center; align-items: center; }
.btn.ec_btn span::before { content: ""; display: block; background-size: 100% 100%; background-image: url("../img/pro/cart_icon.svg"); }
@media print, screen and (min-width: 768px) { .btn { width: 27.9375rem; height: 3.75rem; border: 1px solid #fff; font-weight: 500; font-size: 0.9rem; box-shadow: 0px 0px 0.1875rem 0 rgba(0, 0, 0, 0.6); border-radius: 0.1875rem; -webkit-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; }
  .btn::before { -webkit-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; font-size: 1.125rem; left: 1.375rem; }
  .btn:hover { box-shadow: 0px 0px 0 0 rgba(0, 0, 0, 0.6); color: #fff; background: #1a1a1a; }
  .btn:hover::before { color: #fff; }
  .btn.ec_btn { border-color: #0060f4; }
  .btn.ec_btn span::before { width: 1.3574375rem; height: 1.269875rem; margin-right: 0.375rem; }
  .btn.ec_btn:hover { background-color: transparent; } }
@media only screen and (max-width: 767px) { .btn { width: 100%; height: 12vw; font-size: 0.75rem; font-weight: 500; box-shadow: 0px 0px 0.1875rem 0 rgba(0, 0, 0, 0.6); border-radius: 0.8vw; }
  .btn::before { -webkit-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; font-size: 4vw; left: 4.2666666667vw; }
  .btn.ec_btn span::before { width: 4.08432vw; height: 3.8208533333vw; margin-right: 1.0666666667vw; } }

/*btnList
--------------------*/
@media print, screen and (min-width: 768px) { .btnList { width: 101.8705035971%; margin: 0 -0.9352517986%; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; justify-content: center; }
  .btnList li { margin: 0 0.918079096%; width: 31.4971751412%; }
  .btnList li:not(:nth-child(-n + 3)) { margin-top: 0.918079096%; }
  .btnList .btn { width: 100%; } }
@media only screen and (max-width: 767px) { .btnList li:not(:last-child) { margin-bottom: 4vw; } }

/*sec_tit
--------------------*/
.sec_tit { text-align: center; }
@media print, screen and (min-width: 768px) { .sec_tit { font-weight: 500; letter-spacing: 0.1em; line-height: 1.7647058824; margin-top: calc(0px - (((1em*1.7647058824) - 1em)/2)); margin-bottom: calc(2.8125rem - (((1em*1.7647058824) - 1em)/2)); font-size: 1.8rem; } }
@media only screen and (max-width: 767px) { .sec_tit { font-size: 1rem; font-weight: 500; letter-spacing: 0.1em; line-height: 1.7647058824; margin-top: calc(0px - (((1em*1.7647058824) - 1em)/2)); margin-bottom: calc(5.8666666667vw - (((1em*1.7647058824) - 1em)/2)); } }

/*mv
--------------------*/
#mv .mv_area { display: -webkit-flex; display: flex; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; }
#mv .mv_logo_area { position: relative; }
#mv .mv_logo { position: absolute; top: 50%; z-index: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); }
#mv .mv_logo figcaption { color: #fff; }
#mv .mvLogoBg img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; font-family: "object-fit:cover; object-position:50% 50%; "; vertical-align: unset; }
#mv .mv_movie video { width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; font-family: "object-fit:cover; object-position:50% 50%; "; vertical-align: unset; }
#mv .intro_area .scroll { display: block; }
#mv .intro_area .intro_txt { text-align: center; }
@media print, screen and (min-width: 768px) { #mv .mv_area { align-items: flex-start; aspect-ratio: 1920/520; }
  #mv .mv_logo_area { width: 45.8333333333%; height: 100%; }
  #mv .mv_logo { width: 71.0227272727%; right: 11.3636363636%; }
  #mv .mv_logo figcaption { font-size: 1.125rem; line-height: 1.5; margin-top: calc(0.75rem - (((1em*1.5) - 1em)/2)); margin-bottom: calc(0px - (((1em*1.5) - 1em)/2)); }
  #mv .mvLogoBg { height: 100%; }
  #mv .mv_movie { height: 100%; width: 54.1666666667%; }
  #mv .intro_area { padding-top: 1.5rem; }
  #mv .intro_area .scroll { width: 4.5625rem; margin: 0 auto 2.125rem; }
  #mv .intro_area .intro_txt { font-size: 1.8rem; font-weight: 500; line-height: 1.5625; margin-top: calc(0px - (((1em*1.5625) - 1em)/2)); margin-bottom: calc(0px - (((1em*1.5625) - 1em)/2)); } }
@media only screen and (max-width: 767px) { #mv .mv_area { -webkit-flex-direction: column; flex-direction: column; }
  #mv .mv_logo_area { order: 1; width: 100%; aspect-ratio: 2/1; }
  #mv .mv_logo { width: 80.00792vw; left: 6.1333333333vw; }
  #mv .mv_logo figcaption { font-size: 0.675rem; line-height: 1.5; margin-top: calc(2.4vw - (((1em*1.5) - 1em)/2)); margin-bottom: calc(0px - (((1em*1.5) - 1em)/2)); }
  #mv .mvLogoBg { aspect-ratio: 2/1; height: 100%; }
  #mv .mv_movie { height: 50vw; width: 100%; aspect-ratio: 2/1; }
  #mv .intro_area { padding-top: 1.6vw; }
  #mv .intro_area .scroll { width: 9.40496vw; margin: 0 auto 4.2666666667vw; }
  #mv .intro_area .intro_txt { font-size: 0.9rem; font-weight: 500; line-height: 1.3125; margin-top: calc(0px - (((1em*1.3125) - 1em)/2)); margin-bottom: calc(0px - (((1em*1.3125) - 1em)/2)); } }

/*step
--------------------*/
#step .step_list .step_img { aspect-ratio: 4/3; }
#step .step_list .step_img img { width: 100%; height: 100%; object-fit: contain; object-position: 50% 50%; font-family: "object-fit:contain; object-position:50% 50%; "; vertical-align: unset; }
@media print, screen and (min-width: 768px) { #step { padding: 4.8125rem 0 7.375rem; }
  #step .step_list { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; width: 94.1007194245%; margin: auto; }
  #step .step_list li { width: 32.1100917431%; }
  #step .step_list li:not(:nth-child(3n)) { margin-right: 1.8348623853%; }
  #step .step_list li:not(:nth-child(-n + 3)) { margin-top: 1.8348623853%; }
  #step .step_list .step_img { margin-bottom: 1.875rem; }
  #step .step_list .step_txt { text-align: center; font-weight: 500; font-size: 1.5rem; white-space: nowrap; } }
@media only screen and (max-width: 767px) { #step { padding: 12.2666666667vw 0 14.9333333333vw; }
  #step .step_list { margin: auto; }
  #step .step_list li { display: -webkit-flex; display: flex; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; }
  #step .step_list li:nth-child(even) .step_img { order: 1; }
  #step .step_list .step_img { width: 50%; }
  #step .step_list .step_txt { width: 50%; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; -webkit-flex-direction: column; flex-direction: column; -webkit-align-items: center; align-items: center; font-size: 0.9rem; font-weight: 500; line-height: 1.3125; margin-top: calc(0px - (((1em*1.3125) - 1em)/2)); margin-bottom: calc(0px - (((1em*1.3125) - 1em)/2)); } }

/*features
--------------------*/
#features .features_box { text-align: center; background: #fff; overflow: hidden; }
#features .features_box .txt_area, #features .features_box figure { width: 100%; }
#features .features_box img, #features .features_box video { width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; font-family: "object-fit:cover; object-position:50% 50%; "; vertical-align: unset; }
@media print, screen and (min-width: 768px) { #features .features_box_wrap { width: 101.8705035971%; margin: 0 -0.9352517986% 1.4375rem; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
  #features .features_box { border-radius: 0.3125rem; margin: 0 0.918079096% 1.4375rem; }
  #features .features_box .box_txt { letter-spacing: 0.1em; line-height: 1.7647058824; margin-top: calc(1.375rem - (((1em*1.7647058824) - 1em)/2)); margin-bottom: calc(0px - (((1em*1.7647058824) - 1em)/2)); font-size: 1rem; }
  #features .features_box.typ_L { width: 100%; }
  #features .features_box.typ_L .txt_area { padding: 2.1875rem 0 1.875rem; }
  #features .features_box.typ_L .box_tit { font-size: 1.8rem; font-weight: 500; letter-spacing: 0.1em; line-height: 1.7647058824; margin-top: calc(0px - (((1em*1.7647058824) - 1em)/2)); margin-bottom: calc(0px - (((1em*1.7647058824) - 1em)/2)); }
  #features .features_box.typ_L figure { aspect-ratio: 1390/500; }
  #features .features_box.typ_S { width: 31.4971751412%; padding-bottom: 17.7171610169%; position: relative; }
  #features .features_box.typ_S .txt_area { padding: 1.4375rem 0 1.25rem; }
  #features .features_box.typ_S .box_tit { font-weight: 500; letter-spacing: 0.1em; line-height: 1.7647058824; margin-top: calc(0px - (((1em*1.7647058824) - 1em)/2)); margin-bottom: calc(0px - (((1em*1.7647058824) - 1em)/2)); font-size: 1rem; }
  #features .features_box.typ_S figure { position: absolute; left: 0; bottom: 0; margin-top: auto; aspect-ratio: 16/9; } }
@media only screen and (max-width: 767px) { #features .features_box_wrap { margin-bottom: 9.6vw; }
  #features .features_box { border-radius: 1.3333333333vw; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-direction: column; flex-direction: column; }
  #features .features_box:not(:last-child) { margin-bottom: 3.4666666667vw; }
  #features .features_box .txt_area { order: 1; padding: 5.6vw 0 6.9333333333vw; }
  #features .features_box .box_tit { font-size: 0.9rem; font-weight: 500; letter-spacing: 0.06em; line-height: 1.7647058824; margin-top: calc(0px - (((1em*1.7647058824) - 1em)/2)); margin-bottom: calc(0px - (((1em*1.7647058824) - 1em)/2)); }
  #features .features_box .box_txt { font-size: 0.6rem; letter-spacing: 0.059em; line-height: 1.6666666667; margin-top: calc(4.2666666667vw - (((1em*1.6666666667) - 1em)/2)); margin-bottom: calc(0px - (((1em*1.6666666667) - 1em)/2)); }
  #features .features_box .fMovie { aspect-ratio: 16/9; } }

/*ugBnr
--------------------*/
#ugBnr .bnr_box { display: block; position: relative; }
#ugBnr .txt_area { width: 100%; text-align: center; position: absolute; top: 50%; z-index: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); left: 0; }
#ugBnr .bnr_subTxt { color: #fff; }
#ugBnr .bnr_txt { color: #fff; }
#ugBnr .bnr_btn { margin: auto; background: #fff; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; -webkit-flex-direction: column; flex-direction: column; -webkit-align-items: center; align-items: center; }
#ugBnr .bnr_bg img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; font-family: "object-fit:cover; object-position:50% 50%; "; vertical-align: unset; }
@media print, screen and (min-width: 768px) { #ugBnr { padding: 2.75rem 0; }
  #ugBnr .bnr_box { aspect-ratio: 1390/230; -webkit-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; }
  #ugBnr .bnr_box:hover { opacity: 0.9; }
  #ugBnr .bnr_box:hover .bnr_btn { background: transparent; color: #fff; }
  #ugBnr .bnr_subTxt { font-weight: 500; letter-spacing: 0.1em; line-height: 1.7647058824; margin-top: calc(0px - (((1em*1.7647058824) - 1em)/2)); margin-bottom: calc(1.125rem - (((1em*1.7647058824) - 1em)/2)); font-size: 1rem; }
  #ugBnr .bnr_txt { font-weight: 500; letter-spacing: 0.1em; line-height: 1.7647058824; margin-top: calc(0px - (((1em*1.7647058824) - 1em)/2)); margin-bottom: calc(1.5rem - (((1em*1.7647058824) - 1em)/2)); font-size: 1.8rem; }
  #ugBnr .bnr_btn { -webkit-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; width: 12.5rem; height: 2.5rem; border-radius: 1.25rem; font-weight: 500; font-size: .9rem; border: 1px solid #fff; } }
@media only screen and (max-width: 767px) { #ugBnr { padding: 8.8vw 0 9.6vw; }
  #ugBnr .bnr_box { aspect-ratio: 349/120; border-radius: 0.8vw; overflow: hidden; }
  #ugBnr .bnr_subTxt { font-size: 0.75rem; font-weight: 500; letter-spacing: 0.059em; line-height: 1.7647058824; margin-top: calc(0px - (((1em*1.7647058824) - 1em)/2)); margin-bottom: calc(1.8666666667vw - (((1em*1.7647058824) - 1em)/2)); }
  #ugBnr .bnr_txt { font-size: 1rem; font-weight: 500; letter-spacing: 0.1em; line-height: 1.5625; margin-top: calc(0px - (((1em*1.5625) - 1em)/2)); margin-bottom: calc(1.8666666667vw - (((1em*1.5625) - 1em)/2)); }
  #ugBnr .bnr_btn { -webkit-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; width: 42.6666666667vw; height: 8vw; border-radius: 4vw; font-size: 0.75rem; font-weight: 500; } }

/*plan
--------------------*/
#plan { background: #1a1a1a; }
#plan .sec_tit { color: #fff; }
#plan .plan_box { background: #fff; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; }
#plan .plan_box .product_img { text-align: center; }
#plan .plan_box .price_box { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; }
#plan .plan_box .price_box .plan_btn { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; -webkit-flex-direction: column; flex-direction: column; -webkit-align-items: center; align-items: center; margin-left: auto; border: 1px solid #000; }
#plan .note_list { opacity: .6; }
@media print, screen and (min-width: 768px) { #plan { padding: 3.125rem 0 4rem; }
  #plan .pran_list { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 1.125rem; }
  #plan .plan_box { width: 49.1366906475%; border-radius: 0.3125rem; padding: 1.5625rem 0; }
  #plan .plan_box:not(:nth-child(2n)) { margin-right: 1.726618705%; }
  #plan .plan_box:not(:nth-child(-n + 2)) { margin-top: 1.726618705%; }
  #plan .plan_box .product_img { margin-left: 10.102489019%; width: 6.875rem; }
  #plan .plan_box .product_img figcaption { font-weight: 500; letter-spacing: 0.1em; font-size: 1rem; margin-top: 0.3125rem; }
  #plan .plan_box .price_box { margin-right: 4.9780380673%; }
  #plan .plan_box .price_box .price { font-size: 1.875rem; font-weight: bold; }
  #plan .plan_box .price_box .price strong { font-size: 1.6666666667em; margin-right: 0.4em; }
  #plan .plan_box .price_box .plan_btn { -webkit-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; width: 12.5rem; height: 2.5rem; border-radius: 1.25rem; font-weight: 500; font-size: 0.9rem; margin-top: 1.25rem; margin-left: auto; }
  #plan .plan_box .price_box .plan_btn:hover { background: #000; color: #fff; }
  #plan .note_list { font-size: 0.9375rem; font-weight: 500; color: #fff; line-height: 1.2; margin-top: calc(0px - (((1em*1.2) - 1em)/2)); margin-bottom: calc(1.5625rem - (((1em*1.2) - 1em)/2)); } }
@media only screen and (max-width: 767px) { #plan { padding: 8.2666666667vw 0 10.6666666667vw; }
  #plan .pran_list { margin-bottom: 3.4666666667vw; }
  #plan .plan_box { width: 100%; border-radius: 0.8vw; padding: 5.8666666667vw 7.7333333333vw 4.8vw 8.2666666667vw; }
  #plan .plan_box:not(:last-child) { margin-bottom: 4vw; }
  #plan .plan_box .product_img { width: 24.7093866667vw; }
  #plan .plan_box .product_img figcaption { font-size: 0.675rem; font-weight: 500; letter-spacing: 0.1em; margin-top: 1.3333333333vw; }
  #plan .plan_box .price_box .price { font-size: 1.25rem; font-weight: bold; }
  #plan .plan_box .price_box .price strong { font-size: 1.75em; margin-right: 0.2857142857em; }
  #plan .plan_box .price_box .plan_btn { width: 42.6666666667vw; height: 8vw; border-radius: 4vw; font-size: 0.75rem; font-weight: 500; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; -webkit-flex-direction: column; flex-direction: column; -webkit-align-items: center; align-items: center; margin-top: 5.8666666667vw; margin-left: auto; }
  #plan .note_list { font-size: 0.75rem; font-weight: 500; color: #fff; line-height: 1.6666666667; margin-top: calc(0px - (((1em*1.6666666667) - 1em)/2)); margin-bottom: calc(4.8vw - (((1em*1.6666666667) - 1em)/2)); } }

/*case
--------------------*/
#case { background: #fff; }
#case .case_box { overflow: hidden; }
#case .case_img { aspect-ratio: 16/9; overflow: hidden; }
#case .case_img img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; font-family: "object-fit:cover; object-position:50% 50%; "; vertical-align: unset; }
#case .case_info { text-align: center; }
@media print, screen and (min-width: 768px) { #case { padding: 1.6875rem 0 2.8125rem; }
  #case .case_box_wrap { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 2.75rem; }
  #case .case_box { border-radius: 0.3125rem; box-shadow: 0px 0px 0.1875rem 0 rgba(0, 0, 0, 0.75); width: 32.1582733813%; }
  #case .case_box:not(:nth-child(3n)) { margin-right: 1.7625899281%; }
  #case .case_box:not(:nth-child(-n + 3)) { margin-top: 2.5rem; }
  #case .case_box a { -webkit-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; }
  #case .case_box a:hover { opacity: .7; }
  #case .case_box a:hover img { -webkit-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); }
  #case .case_img img { -webkit-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; }
  #case .case_info { padding: 1.5625rem 0; }
  #case .case_info .name { font-weight: bold; letter-spacing: 0.1em; line-height: 1.2; margin-top: calc(0px - (((1em*1.2) - 1em)/2)); margin-bottom: calc(1.25rem - (((1em*1.2) - 1em)/2)); font-size: 1rem; }
  #case .case_info .case_txt { font-weight: 400; letter-spacing: 0.1em; line-height: 1.4705882353; margin-top: calc(0px - (((1em*1.4705882353) - 1em)/2)); margin-bottom: calc(0px - (((1em*1.4705882353) - 1em)/2)); font-size: 1rem; } }
@media only screen and (max-width: 767px) { #case { padding: 6.4vw 0 8.5333333333vw; }
  #case .case_box_wrap { margin-bottom: 9.6vw; }
  #case .case_box { border-radius: 0.8vw; box-shadow: 0px 0px 1.3333333333vw 0 rgba(0, 0, 0, 0.5); width: 100%; }
  #case .case_box:not(:nth-child(3)) { margin-bottom: 4.8vw; }
  #case .case_box:not(:nth-child(n+4)) { display: none; }
  #case .case_info { padding: 4.8vw 0 7.7333333333vw; }
  #case .case_info .name { font-size: 0.73125rem; font-weight: bold; letter-spacing: 0.059em; line-height: 1.2; margin-top: calc(0px - (((1em*1.2) - 1em)/2)); margin-bottom: calc(4.2666666667vw - (((1em*1.2) - 1em)/2)); }
  #case .case_info .case_txt { font-size: 0.675rem; font-weight: 400; letter-spacing: 0.059em; line-height: 1.5384615385; margin-top: calc(0px - (((1em*1.5384615385) - 1em)/2)); margin-bottom: calc(0px - (((1em*1.5384615385) - 1em)/2)); } }

/*sample
--------------------*/
#sample .sample_box_wrap { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; overflow: hidden; }
#sample .sModalBtn { display: block; }
#sample .sample_img { overflow: hidden; aspect-ratio: 4/3; }
#sample .sample_img img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; font-family: "object-fit:cover; object-position:50% 50%; "; vertical-align: unset; }
@media print, screen and (min-width: 768px) { #sample { padding: 2.5rem 0; }
  #sample .sample_box_wrap { margin-bottom: 2.75rem; border-radius: 0.3125rem; }
  #sample .sample_box { width: 24.4604316547%; }
  #sample .sample_box:not(:nth-child(4n)) { margin-right: 0.7194244604%; }
  #sample .sample_box:not(:nth-child(-n + 4)) { margin-top: 0.7194244604%; }
  #sample .sModalBtn:hover img { -webkit-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); }
  #sample .sample_img img { -webkit-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; } }
@media only screen and (max-width: 767px) { #sample { padding: 6.9333333333vw 0 10.1333333333vw; }
  #sample .sample_box_wrap { margin-bottom: 9.6vw; border-radius: 0.8vw; }
  #sample .sample_box { width: 49.1428571429%; }
  #sample .sample_box:not(:nth-child(2n)) { margin-right: 1.7142857143%; }
  #sample .sample_box:not(:nth-child(-n + 2)) { margin-top: 1.7142857143%; }
  #sample .sample_box:nth-child(n+5) { display: none; } }

/*column
--------------------*/
#column { background: #fff; }
#column .column_list_item { overflow: hidden; }
#column .column_list_item a { height: 100%; display: block; }
#column .post_thum { aspect-ratio: 16/9; overflow: hidden; }
#column .post_thum img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; font-family: "object-fit:cover; object-position:50% 50%; "; vertical-align: unset; }
#column .post_thum img.dmy { background: #4d4d4d; padding: 10%; width: 100%; height: 100%; object-fit: contain; object-position: 50% 50%; font-family: "object-fit:contain; object-position:50% 50%; "; vertical-align: unset; }
@media print, screen and (min-width: 768px) { #column { padding: 2.5rem 0; }
  #column .column_list { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 2.8125rem; }
  #column .column_list_item { border-radius: 0.3125rem; box-shadow: 0px 0px 0.1875rem 0 rgba(0, 0, 0, 0.75); width: 32.1582733813%; }
  #column .column_list_item:not(:nth-child(3n)) { margin-right: 1.7625899281%; }
  #column .column_list_item:not(:nth-child(-n + 3)) { margin-top: 1.7625899281%; }
  #column .column_list_item a { position: relative; }
  #column .column_list_item a:hover img { -webkit-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); }
  #column .post_thum { width: 100%; position: absolute; top: 0; left: 0; z-index: 0; }
  #column .post_thum img { -webkit-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; }
  #column .txt_area { height: 100%; padding: 62.961409396% 8.7248322148% 1.5625rem; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-direction: column; flex-direction: column; }
  #column .txt_area .post_tit { font-weight: bold; line-height: 1.4705882353; margin-top: calc(0px - (((1em*1.4705882353) - 1em)/2)); margin-bottom: calc(0.8125rem - (((1em*1.4705882353) - 1em)/2)); font-size: 1rem; }
  #column .txt_area .date { margin-top: auto; text-align: right; font-size: 1.0125rem; font-weight: 400; } }
@media only screen and (max-width: 767px) { #column { padding: 8.8vw 0; }
  #column .column_list { margin-bottom: 8.8vw; }
  #column .column_list_item { border-radius: 0.8vw; box-shadow: 0px 0px 1.3333333333vw 0 rgba(0, 0, 0, 0.5); width: 100%; }
  #column .column_list_item:not(:first-child) { margin-top: 4.2666666667vw; }
  #column .column_list_item:nth-child(n+3) { display: none; }
  #column .txt_area { text-align: center; padding: 7.4666666667vw 4.8vw 4.8vw; }
  #column .txt_area .post_tit { font-size: 0.675rem; font-weight: 400; line-height: 1.6666666667; margin-top: calc(0px - (((1em*1.6666666667) - 1em)/2)); margin-bottom: calc(5.3333333333vw - (((1em*1.6666666667) - 1em)/2)); }
  #column .txt_area .date { font-size: 3.12vw; font-weight: bold; color: #808080; } }

/*movie
--------------------*/
#movie { background: #1a1a1a; }
#movie .sec_tit { color: #fff; }
#movie .movie_box { overflow: hidden; position: relative; }
#movie .movie_box a { display: block; }
#movie .movie_box a::after { content: ""; display: block; background-size: 100% 100%; background-image: url("../img/pro/yt_btn02.png"); position: absolute; top: 50%; left: 50%; z-index: 0; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
#movie .ytThum { aspect-ratio: 16/9; overflow: hidden; }
#movie .ytThum img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; font-family: "object-fit:cover; object-position:50% 50%; "; vertical-align: unset; }
@media print, screen and (min-width: 768px) { #movie { padding: 2.5rem 0 7.1875rem; }
  #movie .movie_box_wrap { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
  #movie .movie_box { border-radius: 0.3125rem; width: 32.1582733813%; }
  #movie .movie_box:not(:nth-child(3n)) { margin-right: 1.7625899281%; }
  #movie .movie_box:not(:nth-child(-n + 3)) { margin-top: 1.7625899281%; }
  #movie .movie_box a::after { width: 6rem; height: 6rem; }
  #movie .movie_box a:hover img { -webkit-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); }
  #movie .ytThum img { -webkit-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; } }
@media only screen and (max-width: 767px) { #movie { padding: 8vw 0 9.8666666667vw; }
  #movie .movie_box { border-radius: 0.8vw; width: 100%; }
  #movie .movie_box:not(:first-child) { margin-top: 3.7333333333vw; }
  #movie .movie_box:nth-child(n+4) { display: none; }
  #movie .movie_box a::after { width: 34.9333333333vw; height: 34.9333333333vw; } }

/*lineUp
--------------------*/
#lineUp { background: #fff; }
#lineUp .productLogo img { width: 100%; height: 100%; object-fit: contain; object-position: 50% 50%; font-family: "object-fit:contain; object-position:50% 50%; "; vertical-align: unset; }
#lineUp .lineUp_btn { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; -webkit-flex-direction: column; flex-direction: column; -webkit-align-items: center; align-items: center; border: 1px solid #000; }
#lineUp .lineupBtnList_area { background: #ebe9e9; }
@media print, screen and (min-width: 768px) { #lineUp { padding: 2.5rem 0 0; }
  #lineUp .lineUp_list { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 3rem; }
  #lineUp .lineUp_list li { width: 25%; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-direction: column; flex-direction: column; }
  #lineUp .lineUp_list li:not(:nth-child(4n)) { border-right: 1px solid #808080; }
  #lineUp .lineUp_list li:not(:nth-child(-n+4)) { margin-top: 1.1875rem; }
  #lineUp .productLogo { width: 92.2190201729%; margin: 0 auto 2.5rem; aspect-ratio: 320/70; }
  #lineUp .productImg { width: 56.1959654179%; margin: 0 auto 1.25rem; aspect-ratio: 195/260; }
  #lineUp .productImg img { width: 100%; height: 100%; object-fit: contain; object-position: 50% 50%; font-family: "object-fit:contain; object-position:50% 50%; "; vertical-align: unset; }
  #lineUp .productTxt { text-align: center; font-weight: 400; line-height: 1.3529411765; margin-top: calc(0px - (((1em*1.3529411765) - 1em)/2)); margin-bottom: calc(2.9375rem - (((1em*1.3529411765) - 1em)/2)); font-size: 1rem; }
  #lineUp .lineUp_btn { -webkit-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; width: 12.5rem; height: 2.5rem; border-radius: 1.25rem; font-weight: 500; font-size: .9rem; margin: auto auto 0; }
  #lineUp .lineUp_btn:hover { background: #000; color: #fff; }
  #lineUp .lineupBtnList_area { padding: 2.875rem 0 2.0625rem; } }
@media only screen and (max-width: 767px) { #lineUp { padding: 8vw 0 0; }
  #lineUp .lineUp_list { margin-bottom: 8vw; }
  #lineUp .lineUp_list li { width: 100%; position: relative; border-top: 1px solid #808080; padding: 4vw 0 0 27.2vw; min-height: 36vw; }
  #lineUp .lineUp_list li:not(:first-child) { margin-top: 4vw; }
  #lineUp .productLogo { width: 100%; margin-bottom: 5.0666666667vw; aspect-ratio: 247/54; }
  #lineUp .productImg { width: 24vw; aspect-ratio: 3/4; position: absolute; left: 0; top: 4vw; }
  #lineUp .productTxt { font-size: 0.675rem; font-weight: 400; line-height: 1.6666666667; margin-top: calc(0px - (((1em*1.6666666667) - 1em)/2)); margin-bottom: calc(7.4666666667vw - (((1em*1.6666666667) - 1em)/2)); }
  #lineUp .lineUp_btn { width: 42.6666666667vw; height: 8vw; border-radius: 4vw; font-size: 0.75rem; font-weight: 400; margin-left: -3.2vw; }
  #lineUp .lineupBtnList_area { padding: 7.4666666667vw 0 7.4666666667vw; } }