/*sec_tit_box
--------------------*/
.sec_tit_box { color: #fff; font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif; }
.sec_tit_box .sec_tit { opacity: 0.5; }
@media print, screen and (min-width: 768px) { .sec_tit_box { margin-bottom: 3.375rem; }
  .sec_tit_box .sec_tit { font-size: 4.375rem; font-weight: 500; }
  .sec_tit_box .sec_sub_tit { font-size: 2.5rem; font-weight: 500; } }
@media only screen and (max-width: 767px) { .sec_tit_box { margin-bottom: 7.2vw; }
  .sec_tit_box .sec_tit { font-size: 2.275rem; font-weight: 500; }
  .sec_tit_box .sec_sub_tit { font-size: 1.3rem; font-weight: 500; } }

/*pro_btn_list
--------------------*/
@media print, screen and (min-width: 768px) { .pro_btn_list { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; justify-content: center; }
  .pro_btn_list .pro_btn_wrap:not(:first-child) { margin-left: 1.25rem; } }
@media only screen and (max-width: 767px) { .pro_btn_list .pro_btn_wrap:not(:first-child) { margin-top: 2.6666666667vw; } }

/*pro_btn_wrap
--------------------*/
.pro_btn_wrap a { background: #546065; color: #fff; margin: auto; 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; position: relative; }
.pro_btn_wrap_ec a { background: #0060F4; }
@media print, screen and (min-width: 768px) { .pro_btn_wrap a { border-radius: 0.2rem; width: 28.5rem; height: 4rem; font-size: 1.125rem; font-weight: 300; border: 1px solid #546065; -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; }
  .pro_btn_wrap a:hover { background-color: transparent; }
  .pro_btn_wrap_ec a { border-color: #0060F4; } }
@media only screen and (max-width: 767px) { .pro_btn_wrap a { border-radius: 0.6666666667vw; width: 93.3333333333vw; height: 16.1333333333vw; font-size: 0.845rem; font-weight: 500; } }

/*mv
--------------------*/
@keyframes scroll_anime { 0% { height: 0; bottom: 10rem; }
  70% { height: 7rem; }
  80% { bottom: 0; }
  100% { height: 0; bottom: 0; } }
#mv { position: relative; color: #fff; }
#mv .video_area { position: absolute; left: 0; width: 100%; }
#mv .video_area.fixed { position: fixed; z-index: -1; }
#mv .mv_movie { position: absolute; top: 0; left: 0; z-index: 0; width: 100%; height: 100%; }
#mv .intro_area { width: 100%; font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif; }
@media print, screen and (min-width: 768px) { #mv { max-height: 100vh; height: 61.25rem; }
  #mv .video_area { top: 8.75rem; height: calc(100% - 27.5rem); }
  #mv .video_area.fixed { top: 5.625rem; }
  #mv .mv_movie { position: absolute; top: 0; left: 0; z-index: 0; text-align: center; overflow: hidden; }
  #mv .mv_movie video { position: absolute; top: 50%; left: 50%; z-index: 0; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: auto; height: 100%; }
  #mv .intro_area { position: absolute; bottom: 0; left: 0; height: 18.75rem; 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; }
  #mv .intro_area .intro_txt { width: 100%; text-align: center; font-size: 1.875rem; font-weight: bold; line-height: 2; margin-top: calc(0px - (((1em*2) - 1em)/2)); margin-bottom: calc(0px - (((1em*2) - 1em)/2)); }
  #mv .intro_area .scroll { position: absolute; top: 50%; z-index: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); left: 2.75rem; font-size: 0.9375rem; color: #9A9A9A; width: 1em; height: 10rem; -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; }
  #mv .intro_area .scroll span { position: absolute; top: 50%; left: 50%; z-index: 0; -webkit-transform: translate(-50%, -50%) rotate(90deg) scale(1, 1) skew(0deg, 0deg); -ms-transform: translate(-50%, -50%) rotate(90deg) scale(1, 1) skew(0deg, 0deg); transform: translate(-50%, -50%) rotate(90deg) scale(1, 1) skew(0deg, 0deg); white-space: nowrap; display: block; }
  #mv .intro_area .scroll::before, #mv .intro_area .scroll::after { content: ""; display: block; background-color: #9A9A9A; position: absolute; bottom: 0; left: -0.5625rem; }
  #mv .intro_area .scroll::before { width: 0.125rem; height: 10rem; }
  #mv .intro_area .scroll::after { width: 0.25rem; height: 10rem; margin-left: -0.09375rem; border-radius: 0.125rem; -webkit-animation: scroll_anime 1.6s ease-in-out 0s infinite normal forwards; -ms-animation: scroll_anime 1.6s ease-in-out 0s infinite normal forwards; animation: scroll_anime 1.6s ease-in-out 0s infinite normal forwards; }
  #mv .intro_area .scroll:hover { color: #fff; }
  #mv .intro_area .scroll:hover::before, #mv .intro_area .scroll:hover::after { background-color: #fff; } }
@media only screen and (max-width: 767px) { #mv { padding-top: 99vw; }
  #mv .video_area { top: 24vw; height: 75vw; }
  #mv .video_area.fixed { top: 12vw; }
  #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 { padding: 7.4666666667vw 4.6666666667vw 7.4666666667vw; }
  #mv .intro_area .intro_txt { width: 100%; font-size: 0.845rem; font-weight: 500; line-height: 1.7307692308; margin-top: calc(0px - (((1em*1.7307692308) - 1em)/2)); margin-bottom: calc(0px - (((1em*1.7307692308) - 1em)/2)); } }

/*features
--------------------*/
#features { color: #fff; }
#features .pro_inner { border-top: 1px solid #808080; }
#features .features_box_wrap .features_box:not(:last-child) { border-bottom: 1px solid #808080; }
#features .img_area { overflow: hidden; }
#features .txt_area .fTit { font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif; display: inline-block; line-height: 1.4; }
@media print, screen and (min-width: 768px) { #features .pro_inner { padding: 4.1875rem 0 3.125rem; }
  #features .features_box_wrap { margin-bottom: 3.125rem; }
  #features .features_box_wrap .features_box:not(:last-child) { padding-bottom: 1.875rem; margin-bottom: 1.75rem; }
  #features .features_box { display: -webkit-flex; display: flex; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; }
  #features .features_box:nth-child(even) .img_area { order: 1; }
  #features .img_area { width: 47.263681592%; border-radius: 0.3125rem; }
  #features .txt_area { width: 47.263681592%; }
  #features .txt_area .fTit { font-size: 1.875rem; font-weight: 500; padding-bottom: 1.0625rem; margin-bottom: 1.0625rem; }
  #features .txt_area .fTxt { font-size: 1.125rem; font-weight: 300; line-height: 2; margin-top: calc(0px - (((1em*2) - 1em)/2)); margin-bottom: calc(0px - (((1em*2) - 1em)/2)); }
  #features .txt_area .fNote { font-size: 0.9375rem; font-weight: 300; line-height: 2; margin-top: calc(1.3125rem - (((1em*2) - 1em)/2)); margin-bottom: calc(0px - (((1em*2) - 1em)/2)); } }
@media only screen and (max-width: 767px) { #features .pro_inner { padding: 7.3333333333vw 0; }
  #features .features_box_wrap { margin-bottom: 5.7333333333vw; }
  #features .features_box_wrap .features_box:not(:last-child) { padding-bottom: 4vw; margin-bottom: 9.3333333333vw; }
  #features .img_area { width: 100%; border-radius: 0.6666666667vw; margin-bottom: 5.3333333333vw; }
  #features .txt_area { width: 100%; }
  #features .txt_area .fTit { font-size: 1.3rem; font-weight: 500; padding-bottom: 0.5rem; margin-bottom: 1.6875rem; }
  #features .txt_area .fTxt { font-size: 0.845rem; font-weight: 300; line-height: 1.7307692308; margin-top: calc(0px - (((1em*1.7307692308) - 1em)/2)); margin-bottom: calc(0px - (((1em*1.7307692308) - 1em)/2)); }
  #features .txt_area .fNote { font-size: 0.4875rem; font-weight: 300; line-height: 2; margin-top: calc(5.3333333333vw - (((1em*2) - 1em)/2)); margin-bottom: calc(0px - (((1em*2) - 1em)/2)); } }

/*case
--------------------*/
#case { background: #546065; }
#case .case_box a { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; background: #fff; overflow: hidden; }
#case .case_img { width: 40.3846153846%; }
#case .case_txt { width: 59.6153846154%; 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; line-height: 2; }
#case .case_info { width: 100%; background: #2C3C44; 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; color: #fff; }
#case .case_info::after { content: ""; display: block; background-size: 100% 100%; background-image: url("../img/pro/btn_vector.svg"); position: absolute; top: 50%; z-index: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); }
@media print, screen and (min-width: 768px) { #case { padding: 2.75rem 0 3.25rem; }
  #case .case_box_wrap { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
  #case .case_box { width: 32.3383084577%; }
  #case .case_box:not(:nth-child(3n)) { margin-right: 1.4925373134%; }
  #case .case_box:not(:nth-child(-n + 3)) { margin-top: 1.4925373134%; }
  #case .case_box a { border-radius: 0.3125rem; }
  #case .case_box a:hover .case_img img { -webkit-transform: scale(1.08, 1.08); -ms-transform: scale(1.08, 1.08); transform: scale(1.08, 1.08); }
  #case .case_box a:hover .case_info::after { right: 0.6875rem; }
  #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_txt { font-size: 1.125rem; font-weight: 300; padding: 0 1.125rem; }
  #case .case_info { font-size: 1.125rem; font-weight: 500; line-height: 2; height: 5.625rem; position: relative; }
  #case .case_info::after { -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: 1.875rem; height: 2.375rem; right: 1.375rem; } }
@media only screen and (max-width: 767px) { #case { padding: 7.6vw 0 8.8vw; }
  #case .case_box a { border-radius: 0.6666666667vw; }
  #case .case_box:not(:last-child) { margin-bottom: 3.2vw; }
  #case .case_txt { font-size: 0.78rem; font-weight: 300; padding: 0 4.2666666667vw; }
  #case .case_info { font-size: 0.78rem; font-weight: 500; line-height: 1.5; height: 16.1333333333vw; position: relative; }
  #case .case_info::after { width: 5.3333333333vw; height: 6.8vw; right: 4vw; } }

/*sample
--------------------*/
#sample { background: #2C3C44; }
@media print, screen and (min-width: 768px) { #sample { padding: 2.75rem 0 3.25rem; }
  #sample .sample_box_wrap { margin-bottom: 3.125rem; display: grid; display: -ms-grid; -ms-grid-columns: 1fr [11]; grid-template-columns: repeat(11, 1fr); -ms-grid-rows: auto; grid-template-rows: auto; column-gap: 0.1875rem; row-gap: 0.1875rem; }
  #sample .sample_box_wrap > *:nth-child(11n + 1) { -ms-grid-column: 1; }
  #sample .sample_box_wrap > *:nth-child(11n + 2) { -ms-grid-column: 2; }
  #sample .sample_box_wrap > *:nth-child(11n + 3) { -ms-grid-column: 3; }
  #sample .sample_box_wrap > *:nth-child(11n + 4) { -ms-grid-column: 4; }
  #sample .sample_box_wrap > *:nth-child(11n + 5) { -ms-grid-column: 5; }
  #sample .sample_box_wrap > *:nth-child(11n + 6) { -ms-grid-column: 6; }
  #sample .sample_box_wrap > *:nth-child(11n + 7) { -ms-grid-column: 7; }
  #sample .sample_box_wrap > *:nth-child(11n + 8) { -ms-grid-column: 8; }
  #sample .sample_box_wrap > *:nth-child(11n + 9) { -ms-grid-column: 9; }
  #sample .sample_box_wrap > *:nth-child(11n + 10) { -ms-grid-column: 10; }
  #sample .sample_box_wrap > *:nth-child(11n) { -ms-grid-column: 11; }
  #sample .sample_box_wrap > *:nth-child(n + 1):nth-child(-n + 11) { -ms-grid-row: 1; }
  #sample .sample_box_wrap > *:nth-child(n + 12):nth-child(-n + 22) { -ms-grid-row: 2; }
  #sample .sModalBtn { overflow: hidden; }
  #sample .sModalBtn 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; }
  #sample .sModalBtn:hover img { -webkit-transform: scale(1.08, 1.08); -ms-transform: scale(1.08, 1.08); transform: scale(1.08, 1.08); }
  #sample .grid01 { -ms-grid-column: 1 !important; -ms-grid-column-span: 5 !important; -ms-grid-row: 1 !important; -ms-grid-row-span: 2 !important; grid-column: 1 / 6; grid-row: 1 / 3; }
  #sample .grid02 { -ms-grid-column: 6 !important; -ms-grid-column-span: 3 !important; -ms-grid-row: 1 !important; -ms-grid-row-span: 1 !important; grid-column: 6 / 9; grid-row: 1 / 2; }
  #sample .grid03 { -ms-grid-column: 9 !important; -ms-grid-column-span: 3 !important; -ms-grid-row: 1 !important; -ms-grid-row-span: 1 !important; grid-column: 9 / 12; grid-row: 1 / 2; }
  #sample .grid04 { -ms-grid-column: 6 !important; -ms-grid-column-span: 2 !important; -ms-grid-row: 2 !important; -ms-grid-row-span: 1 !important; grid-column: 6 / 8; grid-row: 2 / 3; }
  #sample .grid05 { -ms-grid-column: 8 !important; -ms-grid-column-span: 2 !important; -ms-grid-row: 2 !important; -ms-grid-row-span: 1 !important; grid-column: 8 / 10; grid-row: 2 / 3; }
  #sample .grid06 { -ms-grid-column: 10 !important; -ms-grid-column-span: 2 !important; -ms-grid-row: 2 !important; -ms-grid-row-span: 1 !important; grid-column: 10 / 12; grid-row: 2 / 3; } }
@media only screen and (max-width: 767px) { #sample { padding: 5.3333333333vw 0 6.1333333333vw; }
  #sample .sample_box_wrap { margin-bottom: 6.4vw; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; }
  #sample .sModalBtn { width: 46.1333333333vw; }
  #sample .sModalBtn:not(:nth-of-type(-n + 2)) { margin-top: 0.9333333333vw; }
  #sample .sModalBtn:not(:nth-of-type(-n + 4)) { display: none; } }

/*movie
--------------------*/
#movie .movie_box { position: relative; }
#movie .movie_box a { width: 100%; height: 100%; display: block; }
#movie .movie_box a figure { width: 100%; height: 100%; }
#movie .movie_box a img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; font-family: "object-fit:cover; object-position:50% 50%; "; vertical-align: unset; }
#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%); }
@media print, screen and (min-width: 768px) { #movie { padding: 2.75rem 0 3.25rem; }
  #movie .movie_box_wrap { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
  #movie .movie_box { width: 32.3383084577%; height: 0; padding-top: 18.2835820896%; }
  #movie .movie_box:not(:nth-child(3n)) { margin-right: 1.4925373134%; }
  #movie .movie_box:not(:nth-child(-n + 3)) { margin-top: 1.4925373134%; }
  #movie .movie_box a { position: absolute; top: 0; left: 0; z-index: 0; border-radius: 0.3125rem; overflow: hidden; }
  #movie .movie_box a 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; }
  #movie .movie_box a:hover img { -webkit-transform: scale(1.08, 1.08); -ms-transform: scale(1.08, 1.08); transform: scale(1.08, 1.08); }
  #movie .movie_box a::after { width: 6rem; height: 6rem; } }
@media only screen and (max-width: 767px) { #movie { padding: 6.6666666667vw 0 14.4vw; }
  #movie .movie_box { width: 100%; height: 52.6666666667vw; }
  #movie .movie_box:not(:last-child) { margin-bottom: 5.4666666667vw; }
  #movie .movie_box a { border-radius: 0.6666666667vw; }
  #movie .movie_box a::after { width: 17.4666666667vw; height: 17.4666666667vw; } }

/*plan
--------------------*/
#plan .pran_list { background: #404040; }
#plan .pran_list .list_tit { 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; }
#plan .pran_list .plan_box { color: #fff; -webkit-align-items: center; align-items: center; margin: auto; }
#plan .pran_list .plan_box:not(:last-child) { border-bottom: 1px solid #808080; }
#plan .pran_list .product_img { aspect-ratio: 1/1; }
#plan .pran_list .product_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; }
#plan .pran_list .product_img figcaption { text-align: center; }
#plan .pran_list .price_box { margin-left: auto; }
#plan .pran_list .price { white-space: nowrap; }
#plan .pran_list .btn { background: #fff; color: #171717; margin-left: auto; 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; }
#plan .cloud_list .list_tit { background: #3ca3dc; }
#plan .legacy_list .list_tit { background: #b1d96d; }
#plan .note_list { color: #fff; opacity: 0.6; }
#plan .planBtnList .pro_btn_wrap_ec span { display: -webkit-flex; display: flex; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; justify-content: center; -webkit-align-items: center; align-items: center; }
#plan .planBtnList .pro_btn_wrap_ec span::before { content: ""; display: block; background-size: 100% 100%; background-image: url("../img/pro/cart_icon.svg"); }
@media print, screen and (min-width: 768px) { #plan { margin-top: -5.625rem; padding-top: 5.625rem; padding-bottom: 3.5rem; }
  #plan .pran_wrap { display: -webkit-flex; display: flex; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: space-between; justify-content: space-between; }
  #plan .pran_list { border-radius: 0.3125rem; padding-bottom: 1.5625rem; }
  #plan .pran_list .list_tit { font-size: 1.25rem; font-weight: bold; letter-spacing: 0.1em; height: 3.125rem; border-radius: 0.3125rem; margin-bottom: 1.5625rem; }
  #plan .pran_list .plan_box { display: -webkit-flex; display: flex; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; }
  #plan .pran_list .plan_box:not(:last-child) { padding-bottom: 1.5625rem; margin-bottom: 1.5625rem; }
  #plan .pran_list .product_img { width: 6.875rem; }
  #plan .pran_list .product_img figcaption { font-size: 0.95625rem; font-weight: 500; margin-top: 0.375rem; }
  #plan .pran_list .price { font-size: 1.5rem; font-weight: bold; }
  #plan .pran_list .price strong { font-size: 1.6666666667em; letter-spacing: 0.05em; margin-right: 0.48em; }
  #plan .pran_list .btn { border: 1px solid #fff; height: 2.5rem; border-radius: 1.25rem; margin-top: 1.375rem; width: 12.5rem; font-size: 0.9375rem; font-weight: 500; -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; }
  #plan .pran_list .btn:hover { background: transparent; color: #fff; }
  #plan .cloud_list { width: 61.2857142857%; }
  #plan .cloud_list .plan_box { width: 93.2400932401%; }
  #plan .cloud_list .product_img { margin-left: 5.25%; }
  #plan .cloud_list .prodact_name { margin-left: 6.3%; font-size: 1.125rem; font-weight: bold; letter-spacing: 0.1em; }
  #plan .legacy_list { width: 36.2142857143%; }
  #plan .legacy_list .plan_box { width: 87.7712031558%; }
  #plan .legacy_list .product_img { margin-left: 8.0898876404%; }
  #plan .note_list { font-size: 0.9375rem; font-weight: 500; letter-spacing: 0.1em; line-height: 1.2; margin-top: calc(1.4375rem - (((1em*1.2) - 1em)/2)); margin-bottom: calc(0px - (((1em*1.2) - 1em)/2)); }
  #plan .planBtnList { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin-top: 1.4375rem; }
  #plan .planBtnList li { width: 31.9285714286%; height: 3.75rem; }
  #plan .planBtnList li:not(:nth-child(3n)) { margin-right: 2.1071428571%; }
  #plan .planBtnList li:not(:nth-child(-n + 3)) { margin-top: 2.1071428571%; }
  #plan .planBtnList li a { font-size: 0.9375rem; font-weight: 500; letter-spacing: 0.1em; width: 100%; height: 100%; }
  #plan .planBtnList .pro_btn_wrap_ec span::before { width: 1.3574375rem; height: 1.269875rem; margin-right: 0.375rem; } }
@media only screen and (max-width: 767px) { #plan { margin-top: -12vw; padding-top: 12vw; padding-bottom: 15.4666666667vw; }
  #plan .pran_list { width: 100%; border-radius: 0.8vw; padding-bottom: 5.0666666667vw; }
  #plan .pran_list:not(:last-child) { margin-bottom: 5.0666666667vw; }
  #plan .pran_list .list_tit { font-size: 0.9375rem; font-weight: bold; letter-spacing: 0.059em; height: 10.6666666667vw; border-radius: 0.8vw; margin-bottom: 6.1333333333vw; }
  #plan .pran_list .plan_box { width: 85.6347733333vw; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; padding: 0 4vw 0 4.5333333333vw; }
  #plan .pran_list .plan_box:not(:last-child) { padding-bottom: 5.6vw; margin-bottom: 6.4vw; }
  #plan .pran_list .product_img { width: 24.7093866667vw; }
  #plan .pran_list .product_img figcaption { font-size: 0.75rem; font-weight: 500; margin-top: 1.3333333333vw; }
  #plan .pran_list .price { font-size: 1.25rem; font-weight: bold; }
  #plan .pran_list .price strong { font-size: 1.75em; letter-spacing: 0.05em; margin-right: 0.2857142857em; }
  #plan .pran_list .btn { height: 8vw; border-radius: 4vw; margin-top: 5.3333333333vw; width: 42.6666666667vw; font-size: 0.75rem; font-weight: 500; }
  #plan .cloud_list .prodact_name { order: -1; width: 100%; font-size: 0.9375rem; font-weight: bold; letter-spacing: 0.1em; margin-bottom: 5.8666666667vw; }
  #plan .note_list { font-size: 0.75rem; font-weight: 400; letter-spacing: 0.059em; line-height: 1.6666666667; margin-top: calc(4.8vw - (((1em*1.6666666667) - 1em)/2)); margin-bottom: calc(0px - (((1em*1.6666666667) - 1em)/2)); }
  #plan .planBtnList { margin-top: 4.8vw; }
  #plan .planBtnList li { height: 12vw; }
  #plan .planBtnList li:not(:last-child) { margin-bottom: 4vw; }
  #plan .planBtnList li a { width: 100%; height: 100%; }
  #plan .planBtnList .pro_btn_wrap_ec span::before { width: 4.08432vw; height: 3.8208533333vw; margin-right: 0.8vw; } }