.DLPO_html, .DLPO_body, .DLPO_div, .DLPO_span, .DLPO_applet, .DLPO_object, .DLPO_iframe, .DLPO_h1, .DLPO_h2, .DLPO_h3, .DLPO_h4, .DLPO_h5, .DLPO_h6, .DLPO_p, .DLPO_blockquote, .DLPO_pre, .DLPO_a, .DLPO_abbr, .DLPO_acronym, .DLPO_address, .DLPO_big, .DLPO_cite, .DLPO_code, .DLPO_del, .DLPO_dfn, .DLPO_em, .DLPO_img, .DLPO_ins, .DLPO_kbd, .DLPO_q, .DLPO_s, .DLPO_samp, .DLPO_small, .DLPO_strike, .DLPO_strong, .DLPO_sub, .DLPO_sup, .DLPO_tt, .DLPO_var, .DLPO_b, .DLPO_u, .DLPO_i, .DLPO_center, .DLPO_dl, .DLPO_dt, .DLPO_dd, .DLPO_ol, .DLPO_ul, .DLPO_li, .DLPO_fieldset, .DLPO_form, .DLPO_label, .DLPO_legend, .DLPO_input, .DLPO_textarea, .DLPO_table, .DLPO_caption, .DLPO_tbody, .DLPO_tfoot, .DLPO_thead, .DLPO_tr, .DLPO_th, .DLPO_td, .DLPO_article, .DLPO_aside, .DLPO_canvas, .DLPO_details, .DLPO_embed, .DLPO_figure, .DLPO_figcaption, .DLPO_footer, .DLPO_header, .DLPO_hgroup, .DLPO_menu, .DLPO_nav, .DLPO_output, .DLPO_ruby, .DLPO_section, .DLPO_summary, .DLPO_time, .DLPO_mark, .DLPO_audio, .DLPO_video, :before, :after {
  border: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  position: relative;
  vertical-align: baseline
}
.DLPO_article, .DLPO_aside, .DLPO_details, .DLPO_figcaption, .DLPO_figure, .DLPO_footer, .DLPO_header, .DLPO_hgroup, .DLPO_menu, .DLPO_nav, .DLPO_section {
  display: block
}
.DLPO_body {
  line-height: 1
}
.DLPO_ol, .DLPO_ul {
  list-style: none
}
.DLPO_blockquote, .DLPO_q {
  quotes: none
}
.DLPO_blockquote:before, .DLPO_blockquote:after, .DLPO_q:before, .DLPO_q:after {
  content: '';
  content: none
}
.DLPO_table {
  border-collapse: collapse;
  border-spacing: 0
}
.DLPO_a, .DLPO_button, .DLPO_input, .DLPO_select, .DLPO_textarea {
  outline: none;
	text-decoration: none
}
.DLPO_img {
  width: 100%;
  height: auto
}
.DLPO_aside, .DLPO_main {
  display: block
}
.DLPO_html, .DLPO_body {
  height: 100%
}
.DLPO_html {
  -webkit-text-size-adjust: 100%
}
.DLPO_body {
  background: #fff;
  -webkit-background-size: 480px 480px;
  -moz-background-size: 480px 480px;
  -ms-background-size: 480px 480px;
  background-size: 480px 480px;
  color: #424242;
  font-family: "Noto Sans", "Noto Sans CJK JP", -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: .05em;
  line-height: 2;
  word-break: normal;
  word-wrap: break-word
}
.DLPO_a, .DLPO_button {
  color: inherit;
  text-DLPO_ulration: none;
  transition: 0.3s all ease-out
}
.DLPO_img {
  vertical-align: middle;
  -webkit-touch-callout: none
}
.DLPO_ol, .DLPO_ul, .DLPO_li {
  list-style: none
}
.DLPO_input, .DLPO_textarea, .DLPO_button {
  outline: none
}
.DLPO_input:placeholder-shown, .DLPO_textarea:placeholder-shown, .DLPO_button:placeholder-shown {
  color: #999
}
.DLPO_input::-webkit-input-placeholder, .DLPO_textarea::-webkit-input-placeholder, .DLPO_button::-webkit-input-placeholder {
  color: #999
}
.DLPO_input:-moz-placeholder, .DLPO_textarea:-moz-placeholder, .DLPO_button:-moz-placeholder {
  color: #999;
  opacity: 1
}
.DLPO_input::-moz-placeholder, .DLPO_textarea::-moz-placeholder, .DLPO_button::-moz-placeholder {
  color: #999;
  opacity: 1
}
.DLPO_input:-ms-input-placeholder, .DLPO_textarea:-ms-input-placeholder, .DLPO_button:-ms-input-placeholder {
  color: #999
}
.DLPO_strong {
  font-weight: 700
}
.DLPO_bold {
  font-weight: 700 !important
}
.DLPO_disabled {
  cursor: default;
  opacity: 0.25;
  pointer-events: none
}
.DLPO_is_hover {
  opacity: 0.5
}
.DLPO_jq_hide {
  display: none !important
}
.DLPO_link_grn {
  color: #3bac98;
  text-decoration: underline
}
.DLPO_link_grn.is-hover {
  color: #3bac98
}
.DLPO_link_white {
  color: #fff;
  text-decoration: underline
}
.DLPO_link_white.is-hover {
  color: #fff
}
.DLPO_note {
  font-size: 75%;
  letter-spacing: 0.05em;
  line-height: 1.75;
  opacity: 0.75
}
.DLPO_note_s {
  font-size: 63%
}
.DLPO_sub {
  font-size: 86%
}
.DLPO_sub_s {
  font-size: 71%
}
.DLPO_sup {
  display: inline-block;
  font-size: 61%;
  margin-left: 0.25em;
  vertical-align: top
}
.DLPO_text_left {
  text-align: left !important
}
.DLPO_text_center {
  text-align: center !important
}
.DLPO_text_right {
  text-align: right !important
}
.DLPO_ul_line {
  text-decoration: underline !important
}
.DLPO_block_xxlg, .DLPO_inline_xxlg {
  display: none !important
}
@media (max-width: 1599px) {
  .DLPO_hide_xxlg {
    display: none !important
  }
  .DLPO_block_xxlg {
    display: block !important
  }
  .DLPO_inline_xxlg {
    display: inline !important
  }
}
.DLPO_block_xlg, .DLPO_inline_xlg {
  display: none !important
}
@media (max-width: 1399px) {
  .DLPO_hide_xlg {
    display: none !important
  }
  .DLPO_block_xlg {
    display: block !important
  }
  .DLPO_inline_xlg {
    display: inline !important
  }
}
.DLPO_block_lg, .DLPO_inline_lg {
  display: none !important
}
@media (max-width: 1199px) {
  .DLPO_hide_lg {
    display: none !important
  }
  .DLPO_block_lg {
    display: block !important
  }
  .DLPO_inline_lg {
    display: inline !important
  }
}
.DLPO_block_md, .DLPO_inline_md {
  display: none !important
}
@media (max-width: 991px) {
  .DLPO_hide_md {
    display: none !important
  }
  .DLPO_block_md {
    display: block !important
  }
  .DLPO_inline_md {
    display: inline !important
  }
}
.DLPO_block_sm, .DLPO_inline_sm {
  display: none !important
}
@media (max-width: 767px) {
  .DLPO_hide_sm {
    display: none !important
  }
  .DLPO_block_sm {
    display: block !important
  }
  .DLPO_inline_sm {
    display: inline !important
  }
}
.DLPO_block_s, .DLPO_inline_s {
  display: none !important
}
@media (max-width: 640px) {
  .DLPO_hide_s {
    display: none !important
  }
  .DLPO_block_s {
    display: block !important
  }
  .DLPO_inline_s {
    display: inline !important
  }
}
.DLPO_block_xs, .DLPO_inline_xs {
  display: none !important
}
@media (max-width: 480px) {
  .DLPO_hide_xs {
    display: none !important
  }
  .DLPO_block_xs {
    display: block !important
  }
  .DLPO_inline_xs {
    display: inline !important
  }
}
.DLPO_block_xxs, .DLPO_inline_xxs {
  display: none !important
}
@media (max-width: 400px) {
  .DLPO_hide_xxs {
    display: none !important
  }
  .DLPO_block_xxs {
    display: block !important
  }
  .DLPO_inline_xxs {
    display: inline !important
  }
}
.DLPO_block_xxxs, .DLPO_inline_xxxs {
  display: none !important
}
@media (max-width: 360px) {
  .DLPO_hide_xxxs {
    display: none !important
  }
  .DLPO_block_xxxs {
    display: block !important
  }
  .DLPO_inline_xxxs {
    display: inline !important
  }
}
.DLPO_btn {
  border-radius: 5px;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
  display: block;
  font-weight: 700;
  line-height: 1.5;
  margin-right: auto;
  margin-left: auto;
  padding: 0.5em 1em;
  text-align: center
}
.DLPO_btn:after {
  content: '\f054';
  display: inline-block;
  margin-left: 0.25em;
  font-family: 'Font Awesome 6 Free';
  font-weight: 700
}
.DLPO_btn_bdr_blu, .DLPO_btn_bdr_grn {
  background-color: #fff;
  letter-spacing: .025em
}
.DLPO_btn_bdr_blu {
  border: 2px solid #4084c1;
  color: #4084c1 !important;
}
.DLPO_btn_bdr_blu.is-hover {
  color: #4084c1
}
.DLPO_btn_bdr_grn {
  border: 2px solid #3bac98;
  color: #238378 !important;
}
.DLPO_btn_bdr_grn.is-hover {
  color: #238378
}
.DLPO_btn_cta {
  border-radius: 45px;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
  line-height: 32px;
  padding-top: 27px;
  padding-bottom: 27px
}
.DLPO_btn_cta, .DLPO_btn_cta_l, .DLPO_btn_cta_nav {
  background: #4084c1;
  background: linear-gradient(90deg, #3395cd 0%, #2258a6 100%);
  color: #fff !important;
  font-family: "Noto Serif JP", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif
}
.DLPO_btn_cta.is-hover, .DLPO_btn_cta_l.is-hover, .DLPO_btn_cta_nav.is-hover {
  color: #fff
}
.DLPO_btn_cta, .DLPO_btn_cta_l {
  font-size: 150%;
  letter-spacing: .075em;
  max-width: 500px
}
.DLPO_btn_cta_init {
  display: block;
  font-size: 61%
}
.DLPO_btn_cta_l {
  border-radius: 50px;
  padding-top: 21px;
  padding-bottom: 21px
}
.DLPO_btn_cta_nav {
  border-radius: 18px;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
  color: #fff !important;;
  line-height: 36px;
  padding: 0 1.5em
}
.DLPO_btn_cta_nav.is-hover {
  color: #fff
}
.DLPO_btn_cta_sub {
  font-size: 71%
}
.DLPO_btn_hdr {
  background-color: #fff;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1)
}
.DLPO_btn_login_nav {
  background-color: #3bac98;
  border-radius: 18px;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
  color: #fff !important;
  font-size: 75%;
  line-height: 36px;
  padding: 0 1.5em
}
.DLPO_btn_login_nav.is-hover {
  color: #fff
}
.DLPO_btn_txt {
  padding: 0;
  box-shadow: none
}
@media (max-width: 640px) {
  .DLPO_btn_cta {
    border-radius: 40px
  }
  .DLPO_btn_cta, .DLPO_btn_cta_l {
    font-size: 132%;
    padding-top: 24px;
    padding-bottom: 24px
  }
  .DLPO_btn_cta_l {
    border-radius: 48px
  }
}
@media (max-width: 480px) {
  .DLPO_btn_cta {
    border-radius: 54px
  }
  .DLPO_btn_cta, .DLPO_btn_cta_l {
    padding-top: 18px;
    padding-bottom: 18px
  }
  .DLPO_btn_cta_l {
    border-radius: 60px
  }
}
@media (max-width: 400px) {
  .DLPO_btn_cta, .DLPO_btn_cta_l {
    font-size: 125%
  }
  .DLPO_btn_cta_l {
    border-radius: 57px
  }
}
@media (max-width: 360px) {
  .DLPO_btn_cta {
    border-radius: 45px
  }
  .DLPO_btn_cta, .DLPO_btn_cta_l {
    font-size: 119%
  }
  .DLPO_btn_cta_l {
    border-radius: 56px
  }
}
.DLPO_lazyload {
  background-color: #e4f9f3;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}
.DLPO_lazyload_thumbnail {
  background-position: center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  background-size: cover;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  transition: 0.5s all ease-out;
  width: 100%;
  height: 100%
}
.DLPO_lazyload.DLPO_jq_active .DLPO_lazyload_thumbnail {
  opacity: 1
}
.DLPO_lazyload_r, .DLPO_lazyload_r .DLPO_lazyload_thumbnail {
  border-radius: 5px
}
.DLPO_lazyload_1by1 {
  padding-top: 100% !important;
  height: 0 !important
}
.DLPO_lazyload_2by1 {
  padding-top: 50% !important;
  height: 0 !important
}
.DLPO_lazyload_2by3 {
  padding-top: 150% !important;
  height: 0 !important
}
.DLPO_lazyload_3by2 {
  padding-top: 66.66666667% !important;
  height: 0 !important
}
.DLPO_lazyload_4by5 {
  padding-top: 125% !important;
  height: 0 !important
}
.DLPO_lazyload_5by4 {
  padding-top: 80% !important;
  height: 0 !important
}
.DLPO_lazyload_16by9 {
  padding-top: 56.25% !important;
  height: 0 !important
}
.DLPO_lazyload_19by8 {
  padding-top: 42.10526316% !important;
  height: 0 !important
}
.DLPO_modal {
  cursor: default;
  display: none;
  margin: auto;
  max-width: 480px;
  width: 100%
}
.DLPO_modal_bg, .DLPO_modal_wrap {
  cursor: pointer;
  display: none;
  opacity: 0;
  position: fixed;
  top: 0;
  left: 0;
  transition: 0.3s all ease-out;
  width: 100%;
  height: 100%
}
.DLPO_modal_bg.DLPO_jq_active, .DLPO_modal_wrap.DLPO_jq_active {
  display: flex
}
.DLPO_modal_bg.DLPO_jq_fade, .DLPO_modal_wrap.DLPO_jq_fade {
  opacity: 1
}
.DLPO_modal_bg {
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 300
}
.DLPO_modal_body {
  background: #fff;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  padding: 20px
}
.DLPO_modal_cls {
  background-color: #fff;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  right: 7px;
  transform: translateY(-50%);
  width: 32px;
  height: 32px
}
.DLPO_modal_cls:before, .DLPO_modal_cls:after {
  background-color: #3bac98;
  border-radius: 1px;
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50%;
  height: 2px
}
.DLPO_modal_cls:before {
  transform: translateX(-50%) translateY(-50%) rotate(45deg)
}
.DLPO_modal_cls:after {
  transform: translateX(-50%) translateY(-50%) rotate(-45deg)
}
.DLPO_modal_ttl {
  background-color: #3bac98;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  color: #fff;
  font-family: "Noto Serif JP", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
  font-size: 113%;
  font-weight: 700;
  line-height: 1.5;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  text-align: center
}
.DLPO_modal_txt {
  font-size: 94%
}
.DLPO_modal_txt + .DLPO_modal_txt {
  margin-top: 1em
}
.DLPO_modal_wrap {
  align-items: center;
  justify-content: center;
  overflow: auto;
  padding: 20px;
  transform: scale(0.9, 0.9);
  z-index: 400
}
.DLPO_modal_wrap.DLPO_jq_fade {
  transform: scale(1, 1)
}
.DLPO_modal_area_1 {
  font-weight: 700;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  text-align: center
}
.DLPO_modal_area_2 {
  background-color: #e4f9f3;
  color: #2f9b83;
  font-weight: 700;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  text-align: center
}
.DLPO_modal_area_2 + .DLPO_modal_area_3 {
  border-top: none
}
.DLPO_modal_area_3 {
  border-top: 1px solid #ccc
}
.DLPO_modal_area_3_1 {
  background-color: #f3faf9;
  color: #2f9b83;
  font-weight: 700;
  padding: 1em;
  position: absolute;
  top: 0;
  left: 0;
  width: 100px;
  height: 100%
}
.DLPO_modal_area_3_1_row {
  background-color: #f3faf9;
  color: #2f9b83;
  font-weight: 700;
  padding: 1em;
  top: 0;
  left: 0;
  height: 100%
}
.DLPO_modal_area_3_2 {
  border-bottom: 1px solid #e0e0e0;
  margin-left: 100px;
  padding: 1em 1em
}
.DLPO_modal_area_3_2:last-child {
  border-bottom: none
}
.DLPO_modal_area_3_2_link {
  color: #3bac98
}
.DLPO_modal_area_3_2_link.is-hover {
  color: #3bac98
}
.DLPO_modal_area_body {
  font-size: 88%;
  line-height: 1.75;
  max-height: 500px;
  overflow: auto;
  padding: 0
}
.DLPO_modal_count .DLPO_modal_body {
  text-align: center
}
.DLPO_modal_count .DLPO_modal_txt {
  font-size: 75%;
  line-height: 1.5;
  margin-top: 0.5em
}
.DLPO_modal_count .DLPO_modal_txt + * {
  margin-top: 1.5em !important
}
.DLPO_modal_count_cont {
  margin-top: 10px
}
.DLPO_modal_count_col {
  align-items: center;
  display: flex
}
.DLPO_modal_count_col_l {
  line-height: 0;
  width: 30%
}
.DLPO_modal_count_col_r {
  padding-left: 5px;
  width: 70%
}
.DLPO_modal_count_col_r .DLPO_modal_count_dtl_txt {
  width: auto
}
.DLPO_modal_count_dtl {
  display: flex
}
.DLPO_modal_count_dtl_txt {
  font-size: 75%;
  line-height: 1.5;
  width: 50%;
  text-align: left
}
.DLPO_modal_count_ttl {
  font-size: 88%;
  font-weight: 700;
  line-height: 1.5
}
.DLPO_modal_count_txt {
  color: #2f9b83;
  font-size: 82%;
  line-height: 1.5;
  margin-top: 0.5em
}
.DLPO_modal_price .DLPO_price_scr_c3, .DLPO_modal_price .DLPO_price_scr_c4, .DLPO_modal_price .DLPO_price_scr_gnr, .DLPO_modal_price .DLPO_price_scr_prm {
  height: 90px
}
.DLPO_modal_price .DLPO_price_scr_c3 {
  text-align: left
}
.DLPO_modal_price_kit {
  display: block;
  margin-right: auto;
  margin-left: auto;
  max-width: 180px
}
.DLPO_modal_price_tbl {
  font-size: 75%;
  line-height: 1.5;
  margin-top: 1.5em;
  width: 100%
}
.DLPO_modal_price_tbl * {
  vertical-align: middle
}
.DLPO_modal_price_tbl_c1 {
  background-color: #d9f6ef;
  padding: 0.5em
}
.DLPO_modal_price_tbl_c2 {
  background: #DAAF08;
  background: linear-gradient(45deg, #B67B03 0%, #DAAF08 45%, #FEE9A0 70%, #DAAF08 85%, #B67B03 90% 100%);
  color: #fff;
  font-family: "Noto Serif JP", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
  padding: 0.5em
}
.DLPO_modal_price_tbl_c3 {
  background: #9fbed3;
  color: #fff
}
.DLPO_modal_price_tbl_c4, .DLPO_modal_price_tbl_c7 {
  border: 1px solid #ccc;
  white-space: nowrap;
  width: 100px
}
.DLPO_modal_price_tbl_c5 {
  border: 1px solid #ccc;
  width: calc(50% - 50px);
  padding: 0.5em 1em
}
.DLPO_modal_price_tbl_c6 {
  background-color: #3bac98;
  color: #fff;
  padding: 0.5em
}
.DLPO_modal_price_tbl_c7 {
  display: none;
  padding: 0.5em
}
.DLPO_modal_price_ttl {
  background-color: #f3faf9;
  color: #2f9b83;
  font-size: 88%;
  font-weight: 700;
  margin-top: 3em;
  text-align: center
}
.DLPO_modal_price_ttl:first-child {
  margin-top: 0
}
.DLPO_modal_price_txt {
  font-size: 82%;
  margin-top: 0.5em
}
.DLPO_modal_rule_1 {
  list-style-type: decimal;
  margin-top: 1em;
  margin-left: 1em
}
.DLPO_modal_rule_1:first-child {
  margin-top: 0
}
.DLPO_modal_rule_2 {
  counter-increment: cnt;
  margin-top: 0.25em;
  margin-left: 2em
}
.DLPO_modal_rule_2:before {
  content: "("counter(cnt) ")";
  display: inline-block;
  margin-left: -2em;
  width: 2em
}
.DLPO_modal_rule_3 {
  text-indent: -1em;
  padding-left: 1em
}
.DLPO_modal_rule_body {
  font-size: 88%;
  line-height: 1.75;
  max-height: 500px;
  overflow: auto
}
@media (max-width: 480px) {
  .DLPO_modal_cls {
    width: 28px;
    height: 28px
  }
  .DLPO_modal_price_tbl_c4 {
    display: none
  }
  .DLPO_modal_price_tbl_c7 {
    display: table-cell
  }
  .DLPO_modal_ttl {
    font-size: 100%
  }
}
.DLPO_hdr {
  background-color: #f3faf9
}
.DLPO_hdr_body {
  padding: 5px 10px 10px
}
.DLPO_hdr_body .DLPO_btn_cta_nav {
  display: none
}
.DLPO_hdr_menu {
  display: none;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 50px;
  height: 100%
}
.DLPO_hdr_menu:before, .DLPO_hdr_menu:after, .DLPO_hdr_menu_body {
  background-color: #3bac98;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transition: all 0.3s ease-out;
  transform: translateX(-50%) translateY(-50%);
  width: 48%;
  height: 2px
}
.DLPO_hdr_menu:before, .DLPO_hdr_menu:after {
  content: ''
}
.DLPO_hdr_menu:before {
  margin-top: -8px
}
.DLPO_hdr_menu:after {
  margin-top: 8px
}
.DLPO_hdr_menu.DLPO_jq_open:before, .DLPO_hdr_menu.DLPO_jq_open:after {
  margin-top: 0
}
.DLPO_hdr_menu.DLPO_jq_open:before {
  transform: translateX(-50%) translateY(-50%) rotate(45deg)
}
.DLPO_hdr_menu.DLPO_jq_open:after {
  transform: translateX(-50%) translateY(-50%) rotate(-45deg)
}
.DLPO_hdr_menu.DLPO_jq_open .DLPO_hdr_menu_body {
  opacity: 0
}
.DLPO_hdr_nav {
  align-items: center;
  display: flex;
  font-size: 75%;
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%)
}
.DLPO_hdr_nav .DLPO_btn {
  color: rgba(66, 66, 66, 0.86);
  font-weight: 400;
  margin-left: 1em
}
.DLPO_hdr_nav .DLPO_btn.is-hover {
  color: rgba(66, 66, 66, 0.86)
}
.DLPO_hdr_nav .DLPO_btn:first-child {
  margin-left: 0
}
.DLPO_hdr_ttl {
  align-items: center;
  display: flex;
  font-size: 150%
}
.DLPO_hdr_ttl_logo {
  line-height: 0;
  width: 195px
}
.DLPO_hdr_ttl_txt {
  font-family: "Noto Serif JP", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
  font-weight: 700;
  line-height: 1.5;
  padding-top: 8px;
  padding-left: 0.5em
}
.DLPO_hdr.DLPO_jq_scr .DLPO_hdr_nav, .DLPO_hdr.DLPO_jq_scr .DLPO_nav_bg {
  display: none
}
.DLPO_hdr.DLPO_jq_scr .DLPO_hdr_menu {
  display: block
}
@media (max-width: 991px) {
  .DLPO_hdr {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 200
  }
  .DLPO_hdr_body .DLPO_btn_cta_nav {
    border-radius: 14px;
    display: block;
    font-size: 75%;
    line-height: 28px;
    padding-right: 1em;
    padding-left: 1em;
    position: absolute;
    top: 50%;
    right: 50px;
    transform: translateY(-50%)
  }
  .DLPO_hdr_menu {
    display: block
  }
  .DLPO_hdr_nav {
    display: none
  }
  .DLPO_hdr_ttl {
    font-size: 132%
  }
  .DLPO_hdr_ttl_logo {
    width: 175.5px
  }
  .DLPO_hdr_ttl_txt {
    padding-top: 6px
  }
}
@media (max-width: 767px) {
  .DLPO_hdr_ttl {
    font-size: 113%
  }
  .DLPO_hdr_ttl_logo {
    width: 146.25px
  }
}
@media (max-width: 640px) {
  .DLPO_hdr_ttl {
    font-size: 100%
  }
  .DLPO_hdr_ttl_logo {
    width: 136.5px
  }
  .DLPO_hdr_ttl_txt {
    padding-top: 5px
  }
}
@media (max-width: 480px) {
  .DLPO_hdr_body .DLPO_btn_cta_nav {
    font-size: 69%
  }
  .DLPO_hdr_ttl {
    font-size: 88%
  }
  .DLPO_hdr_ttl_logo {
    width: 117px
  }
  .DLPO_hdr_ttl_txt {
    padding-top: 4px;
    font-size:70%;
  }
}
.DLPO_nav_bg {
  background-color: #fff;
  padding: 15px 20px
}
.DLPO_nav_btns {
  align-items: center;
  display: flex;
  font-size: 75%;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%)
}
.DLPO_nav_btns .DLPO_btn {
  margin-left: 0.75em
}
.DLPO_nav_btns .DLPO_btn:first-child {
  margin-left: 0
}
.DLPO_nav_hover {
  background: #fff;
  display: none;
  opacity: 1;
  padding-top: 54px;
  padding-bottom: 20px;
  position: fixed;
  top: 0;
  left: 0;
  transform: translateX(100%);
  transition: all 0.6s ease-in-out, opacity 0.2s ease-out;
  width: 100%;
  height: 100%;
  z-index: 100
}
.DLPO_nav_hover .DLPO_nav_txt {
  display: block;
  margin-right: 0;
  padding: 0.5em 30px 0.5em 20px
}
.DLPO_nav_hover .DLPO_nav_txt:after {
  color: #3bac98;
  content: '\f054';
  display: inline-block;
  margin-left: 0.25em;
  font-family: 'Font Awesome 6 Free';
  font-weight: 700;
  position: absolute;
  top: 50%;
  right: 18px;
  transform: translateY(-50%)
}
.DLPO_nav_hover .DLPO_nav_txt_ex:after {
  content: '\f2d2';
  font-weight: 400;
  right: 16px
}
.DLPO_nav_hover_btns {
  display: flex;
  flex-wrap: wrap;
  margin-right: auto;
  margin-left: auto;
  padding-right: 5px;
  padding-left: 5px;
  max-width: 640px
}
.DLPO_nav_hover_btns .DLPO_btn {
  border-radius: 25px;
  padding-top: 13px;
  padding-bottom: 13px;
  line-height: 24px;
  margin-right: 5px;
  margin-left: 5px;
  margin-top: 20px;
  padding-right: 0;
  padding-left: 0;
  width: calc(50% - 10px)
}
.DLPO_nav_hover_btns .DLPO_btn_hdr {
  font-size: 88%
}
.DLPO_nav_hover_txt {
  border-bottom: 1px solid #e0e0e0
}
.DLPO_nav_hover_ttl {
  border-bottom: 1px solid #e0e0e0;
  color: #3bac98;
  font-weight: 700;
  padding: 0.5em;
  text-align: center
}
.DLPO_nav_logo {
  display: none;
  transform: translateY(-3px)
}
.DLPO_nav_logo_hinoka {
  display: none
}
.DLPO_nav_scr {
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05);
  position: fixed;
  top: 0;
  left: 0;
  transition: all 0.3s ease-out;
  transform: translateY(-100%);
  width: 100%;
  z-index: 300
}
.DLPO_nav_scr .DLPO_nav_logo {
  display: inline-block;
  width: 120px
}
.DLPO_nav_scr .DLPO_nav_logo_hinoka {
  display: inline
}
.DLPO_nav_scr .DLPO_nav_logo_pony {
  display: none
}
.DLPO_nav_scr .DLPO_nav_txt {
  font-size: 82%;
  margin-right: 0;
  margin-left: 1em
}
.DLPO_nav_scr.DLPO_jq_active {
  transform: translateY(0%)
}
.DLPO_nav_txt {
  font-size: 88%;
  font-weight: 700;
  margin-right: 2em
}
@media (max-width: 991px) {
  .DLPO_nav_bg {
    display: none
  }
  .DLPO_nav_hover {
    display: block
  }
  .DLPO_nav_hover.DLPO_jq_active {
    opacity: 1;
    transform: translateX(0%)
  }
  .DLPO_nav_scr {
    display: none
  }
}
@media (max-width: 767px) {
  .DLPO_nav_hover {
    padding-top: 48px
  }
}
@media (max-width: 640px) {
  .DLPO_nav_hover {
    padding-top: 45px
  }
}
@media (max-width: 480px) {
  .DLPO_nav_hover_btns .DLPO_btn_login_nav {
    width: calc(35% - 10px)
  }
  .DLPO_nav_hover_btns .DLPO_btn_cta_nav {
    font-size: 94%;
    width: calc(65% - 10px)
  }
}
.DLPO_ftr {
  background-color: #f3faf9;
  padding-top: 40px;
  padding-bottom: 30px;
  text-align: center
}
.DLPO_ftr_copyright {
  font-size: 63%;
  letter-spacing: 0;
  margin-top: 1em;
  opacity: 0.67
}
.DLPO_ftr_link {
  display: flex;
  font-size: 88%;
  justify-content: center;
  margin-top: 1.5em
}
.DLPO_ftr_link_txt {
  opacity: 0.86;
  padding-right: 2.5em
}
.DLPO_ftr_link_txt:after {
  background: #424242;
  content: '';
  display: block;
  opacity: 0.5;
  position: absolute;
  top: 50%;
  right: 1.25em;
  transform: translateY(-50%);
  width: 1px;
  height: 70%
}
.DLPO_ftr_link_txt:last-child {
  padding-right: 0
}
.DLPO_ftr_link_txt:last-child:after {
  display: none
}
.DLPO_ftr_logo {
  margin-right: auto;
  margin-left: auto;
  max-width: 240px
}
.DLPO_ftr_others {
  margin-top: 2em
}
.DLPO_ftr_others_btns {
  display: flex;
  justify-content: center
}
.DLPO_ftr_others_btns .DLPO_btn {
  font-size: 82%;
  font-weight: 400;
  margin-top: 10px;
  margin-right: 5px;
  margin-left: 5px;
  min-width: 160px
}
.DLPO_ftr_others_ttl {
  color: #238378;
  font-weight: 700
}
.DLPO_ftr_social {
  display: flex;
  justify-content: center;
  margin-top: 20px
}
.DLPO_ftr_social_link {
  border-radius: 50%;
  display: block;
  margin-right: 5px;
  margin-left: 5px;
  width: 44px
}
.DLPO_ftr_social_fb {
  background-color: #1877f2
}
.DLPO_ftr_social_line {
  background-color: #06c755
}
.DLPO_ftr_social_tw {
  background-color: #1d9bf0
}
@media (max-width: 640px) {
  .DLPO_ftr_link {
    display: block;
    font-size: 82%
  }
  .DLPO_ftr_link_txt {
    padding-right: 0
  }
  .DLPO_ftr_link_txt:after {
    display: none
  }
}
@media (max-width: 400px) {
  .DLPO_ftr_others_btns {
    display: block
  }
}
.DLPO_cont {
  max-width: 1040px
}
.DLPO_cont, .DLPO_cont_m, .DLPO_cont_s {
  margin-right: auto;
  margin-left: auto;
  padding-right: 20px;
  padding-left: 20px
}
.DLPO_cont_m {
  max-width: 1240px
}
.DLPO_cont_s {
  max-width: 840px
}
.DLPO_sec {
  padding-top: 100px;
  padding-bottom: 100px
}
.DLPO_sec_bdr {
  border-top: 1px solid #ccc
}
.DLPO_sec_detail {
  text-align: center
}
.DLPO_sec_img {
  background: url(/assets/hinoka/img/DLPO_bg01.jpg) no-repeat left bottom;
  background-size: 100% auto
}
.DLPO_sec_grn {
  background-color: #f3faf9
}
.DLPO_sec_grn_light {
  background: #3bac98;
  background: radial-gradient(circle, #77d0c5 0%, #3bac98 100%)
}
.DLPO_sec_s {
  padding-top: 50px;
  padding-bottom: 50px
}
.DLPO_sec_ttl {
  font-size: 225%;
  font-weight: 700
}
.DLPO_sec_ttl + * {
  margin-top: 2em
}
.DLPO_sec_ttl, .DLPO_sec_ttl_m, .DLPO_sec_ttl_s, .DLPO_sec_ttl_xs {
  font-family: "Noto Serif JP", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
  letter-spacing: .075em;
  line-height: 1.5;
  text-align: center
}
.DLPO_sec_ttl_bdr {
  background-image: linear-gradient(to left, rgba(66, 209, 173, 0.5), rgba(66, 209, 173, 0.5));
  background-position: left calc(100% - 4px);
  background-repeat: repeat-x;
  background-size: 100% 12px;
  display: inline-block;
  padding-right: 5px;
  padding-left: 5px
}
.DLPO_sec_ttl_hinoka {
  display: block;
  margin-right: auto;
  margin-left: auto;
  max-width: 360px
}
.DLPO_sec_ttl_lbl {
  background: #238378;
  background-image: linear-gradient(90deg, #289488 0%, #1f7469 100%);
  border-radius: 5px;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
  color: #fff;
  display: inline-block;
  font-family: "Noto Serif JP", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
  font-size: 130%;
  margin-bottom: 1em;
  padding-right: 1em;
  padding-left: 1em
}
.DLPO_sec_ttl_sub {
  font-size: 71%
}
.DLPO_sec_ttl_m {
  font-size: 282%
}
.DLPO_sec_ttl_m + * {
  margin-top: 2em
}
.DLPO_sec_ttl_s {
  font-size: 175%
}
.DLPO_sec_ttl_s + * {
  margin-top: 1em
}
.DLPO_sec_ttl_xs {
  font-size: 132%
}
.DLPO_sec_ttl_xs + * {
  margin-top: 1.5em
}
.DLPO_sec_ttl_xs + .DLPO_sec_detail {
  margin-top: 0.75em
}
.DLPO_wrap {
  overflow: hidden
}
@media (max-width: 1199px) {
  .DLPO_sec_img {
    background-image: url(/assets/hinoka/img/DLPO_bg01_lg.jpg);
    background-position: center bottom
  }
}
@media (max-width: 991px) {
  .DLPO_sec {
    padding-top: 80px;
    padding-bottom: 80px
  }
  .DLPO_sec_img {
    background-size: auto 540px
  }
  .DLPO_sec_ttl_m {
    font-size: 263%
  }
  .DLPO_wrap {
    padding-top: 50px
  }
}
@media (max-width: 767px) {
  .DLPO_sec {
    padding-top: 70px;
    padding-bottom: 70px
  }
  .DLPO_sec_img {
    background-image: url(/assets/hinoka/img/DLPO_bg01_sm.jpg);
    background-size: auto 600px
  }
  .DLPO_sec_s {
    padding-top: 45px;
    padding-bottom: 45px
  }
  .DLPO_sec_ttl {
    font-size: 200%
  }
  .DLPO_sec_ttl_bdr {
    background-size: 100% 10px
  }
  .DLPO_sec_ttl_lbl {
    font-size: 100%
  }
  .DLPO_sec_ttl_m {
    font-size: 225%
  }
  .DLPO_sec_ttl_s {
    font-size: 150%
  }
  .DLPO_sec_ttl_xs {
    font-size: 125%
  }
  .DLPO_wrap {
    padding-top: 45px
  }
}
@media (max-width: 640px) {
  .DLPO_sec_img {
    background-size: auto 500px
  }
}
@media (max-width: 480px) {
  .DLPO_cont, .DLPO_cont_s {
    padding-right: 15px;
    padding-left: 15px
  }
  .DLPO_sec {
    padding-top: 60px;
    padding-bottom: 60px
  }
  .DLPO_sec_img {
    background-image: url(/assets/hinoka/img/DLPO_bg01_xs.jpg);
    background-size: auto 600px;
    background-position: left bottom
  }
  .DLPO_sec_s {
    padding-top: 40px;
    padding-bottom: 40px
  }
  .DLPO_sec_ttl {
    font-size: 175%
  }
  .DLPO_sec_ttl + * {
    margin-top: 1.5em
  }
  .DLPO_sec_ttl_bdr {
    background-size: 100% 8px
  }
  .DLPO_sec_ttl_lbl {
    font-size: 95%
  }
  .DLPO_sec_ttl_m {
    font-size: 200%
  }
  .DLPO_sec_ttl_m + * {
    margin-top: 1.5em
  }
  .DLPO_sec_ttl_s {
    font-size: 132%
  }
  .DLPO_sec_ttl_xs {
    font-size: 119%
  }
  .DLPO_sec_ttl_xs + * {
    margin-top: 1.25em
  }
}
@media (max-width: 360px) {
  .DLPO_sec_ttl {
    font-size: 157%
  }
  .DLPO_sec_ttl_m {
    font-size: 175%
  }
  .DLPO_sec_ttl_s {
    font-size: 125%
  }
  .DLPO_sec_ttl_xs {
    font-size: 113%
  }
}
.DLPO_about {
  text-align: center
}
.DLPO_about_body {
  background-color: #fff;
  margin-top: 2em;
  padding-left: 70%
}
.DLPO_about_img {
  position: absolute;
  top: 0;
  left: 0;
  width: 70%;
  height: 100%
}
.DLPO_about_item {
  width: 100%
}
.DLPO_about_item_img {
  background-color: #e4f9f3;
  padding-top: 62.5%;
  width: 100%;
  height: 0
}
.DLPO_about_item_list {
  display: flex;
  flex-wrap: wrap
}
.DLPO_about_item_txt {
  align-items: center;
  color: #2f9b83;
  display: flex;
  font-weight: 700;
  justify-content: center;
  line-height: 1.5;
  padding-top: 1em;
  padding-bottom: 1em
}
.DLPO_about_item_txt_em, .DLPO_about_item_txt_num {
  color: #238378;
  display: inline-block
}
.DLPO_about_item_txt_em {
  font-size: 115%
}
.DLPO_about_item_txt_num {
  font-size: 143%
}
@media (max-width: 991px) {
  .DLPO_about_item_txt {
    font-size: 88%
  }
}
@media (max-width: 767px) {
  .DLPO_about_body {
    padding-left: 0
  }
  .DLPO_about_img {
    position: relative;
    top: auto;
    left: auto;
    padding-top: 62.5%;
    width: 100%;
    height: 0
  }
  .DLPO_about_item_txt {
    font-size: 100%
  }
  .DLPO_about_point_img {
    padding-top: 62.5%;
    height: 0
  }
  .DLPO_about_point_txt {
    padding-top: 1em;
    padding-bottom: 1em
  }
}
@media (max-width: 640px) {
  .DLPO_about_item_txt {
    font-size: 88%
  }
}
@media (max-width: 480px) {
  .DLPO_about_point_txt {
    padding-top: 1.75em;
    padding-bottom: 1.75em
  }
}
.DLPO_campaign {
  padding-bottom: 0
}
.DLPO_campaign .DLPO_sec_ttl_s {
  margin-top: 1em
}
.DLPO_campaign_body {
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1.5;
  margin-top: 2em;
  text-align: center;
  width: 50%;
  min-height: 260px
}
.DLPO_campaign_body:before {
  background: #3bac98;
  background: linear-gradient(90deg, #77d0c5 -50%, #3bac98 50%);
  border-radius: 0 10px 10px 0;
  content: '';
  display: block;
  position: absolute;
  transform: translateY(-50%) skewX(-10deg);
  width: 120%;
  height: 90%;
  top: 50%;
  left: calc(-20% + 20px)
}
.DLPO_campaign_body:first-child {
  z-index: 2
}
.DLPO_campaign_body:last-child {
  transform: translateY(40px)
}
.DLPO_campaign_body:last-child:before {
  border-radius: 10px 0 0 10px;
  right: calc(-20% + 20px);
  left: auto
}
.DLPO_campaign_em {
  font-weight: 700;
  font-size: 338%
}
.DLPO_campaign_lbl {
  display: block;
  font-size: 113%
}
.DLPO_campaign_list {
  display: flex
}
.DLPO_campaign_note {
  display: block;
  font-size: 75%;
  letter-spacing: .05em
}
.DLPO_campaign_num {
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  letter-spacing: .025em
}
.DLPO_campaign_ttl {
  letter-spacing: .2em
}
.DLPO_campaign_ttl:before {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: '';
  display: block;
  filter: drop-shadow(0px 10px 10px rgba(0, 0, 0, 0.25));
  position: absolute
}
.DLPO_campaign_ttl_01 {
  padding-left: 240px
}
.DLPO_campaign_ttl_01:before {
  background-image: url(/assets/hinoka/img/DLPO_campaign_img01.png);
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 240px;
  height: 420px
}
.DLPO_campaign_ttl_02 {
  padding-left: 200px
}
.DLPO_campaign_ttl_02:before {
  background-image: url(/assets/hinoka/img/DLPO_campaign_img02.png);
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 200px;
  height: 400px
}
.DLPO_campaign_txt {
  font-weight: 700;
  font-size: 225%;
  line-height: 1.2
}
.DLPO_campaign_txt_l {
  font-size: 150%
}
.DLPO_campaign_txt_xl {
  font-size: 175%
}
@media (max-width: 1199px) {
  .DLPO_campaign_body:before {
    height: 76.5%
  }
  .DLPO_campaign_lbl {
    font-size: 100%
  }
  .DLPO_campaign_ttl_01 {
    padding-left: 204px
  }
  .DLPO_campaign_ttl_01:before {
    width: 204px;
    height: 357px
  }
  .DLPO_campaign_ttl_02 {
    padding-left: 190px
  }
  .DLPO_campaign_ttl_02:before {
    width: 170px;
    height: 340px
  }
  .DLPO_campaign_txt {
    font-size: 175%
  }
}
@media (max-width: 991px) {
  .DLPO_campaign_body {
    width: 100%
  }
  .DLPO_campaign_body:before {
    left: calc(-20% - 30px)
  }
  .DLPO_campaign_body:last-child {
    transform: none
  }
  .DLPO_campaign_body:last-child:before {
    right: calc(-20% - 30px);
    left: auto
  }
  .DLPO_campaign_lbl {
    font-size: 94%
  }
  .DLPO_campaign_list {
    display: block
  }
  .DLPO_campaign_ttl_01 {
    padding-right: 40px
  }
  .DLPO_campaign_ttl_01:before {
    width: 168px;
    height: 294px
  }
  .DLPO_campaign_ttl_02 {
    padding-left: 170px
  }
  .DLPO_campaign_ttl_02:before {
    width: 140px;
    height: 280px
  }
  .DLPO_campaign_txt {
    font-size: 200%
  }
}
@media (max-width: 640px) {
  .DLPO_campaign_body {
    margin-top: -1em
  }
  .DLPO_campaign_body:before {
    height: 65%
  }
  .DLPO_campaign_lbl {
    font-size: 88%
  }
  .DLPO_campaign_ttl_01 {
    padding-left: 132px
  }
  .DLPO_campaign_ttl_01:before {
    width: 132px;
    height: 231px
  }
  .DLPO_campaign_ttl_02 {
    padding-left: 140px
  }
  .DLPO_campaign_ttl_02:before {
    width: 120px;
    height: 240px
  }
  .DLPO_campaign_txt {
    font-size: 150%
  }
}
@media (max-width: 400px) {
  .DLPO_campaign_lbl {
    font-size: 75%
  }
  .DLPO_campaign_ttl_01 {
    padding-left: 108px
  }
  .DLPO_campaign_ttl_01:before {
    transform: translateY(-45%);
    width: 120px;
    height: 210px
  }
}
.DLPO_cta {
  margin-top: 50px
}
.DLPO_cta_btn_gnr, .DLPO_cta_btn_login {
  font-size: 88%;
  margin-top: 2em;
  padding-top: 1em;
  padding-bottom: 1em;
  max-width: 200px
}
.DLPO_cta_btn_login {
  background-color: #3bac98;
  color: #fff !important;
  color: #fff
}
.DLPO_cta_btn_login.is-hover {
  color: #fff
}
.DLPO_cta_btn_login_sub {
  display: block;
  font-size: 72%;
  margin-bottom: 5px
}
.DLPO_cta_btns {
  display: flex;
  justify-content: center;
  margin-top: 20px;
  margin-right: auto;
  margin-left: auto;
  max-width: 480px
}
.DLPO_cta_btns .DLPO_btn {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-top: 0;
  margin-right: 10px;
  margin-left: 10px;
  min-width: 0;
  width: 100%;
  max-width: none
}
.DLPO_cta_btns .DLPO_btn:after {
  display: none
}
.DLPO_cta_btns .DLPO_btn_lbl:after {
  content: '\f054';
  display: inline-block;
  margin-left: 0.25em;
  font-family: 'Font Awesome 6 Free';
  font-weight: 700
}
.DLPO_cta_note {
  display: flex;
  justify-content: center;
  text-align: left
}
.DLPO_cta_note_ttl {
  font-size: 88%;
  font-weight: 700;
  margin-top: 4em;
  margin-bottom: 0.5em;
  text-align: center
}
.DLPO_cta_note_txt {
  font-size: 75%;
  line-height: 1.75;
  list-style-type: disc;
  margin-top: 0.25em;
  margin-left: 1em
}
@media (max-width: 480px) {
  .DLPO_cta_btns {
    margin-right: -5px;
    margin-left: -5px
  }
  .DLPO_cta_btns .DLPO_btn {
    margin-right: 5px;
    margin-left: 5px
  }
  .DLPO_cta_btns .DLPO_cta_btn_gnr {
    width: 45%
  }
  .DLPO_cta_btns .DLPO_cta_btn_login {
    width: 55%
  }
}
@media (max-width: 360px) {
  .DLPO_cta_btn_gnr, .DLPO_cta_btn_login {
    font-size: 75%
  }
  .DLPO_cta_btns .DLPO_cta_btn_gnr {
    width: 42%
  }
  .DLPO_cta_btns .DLPO_cta_btn_login {
    width: 58%
  }
}
.DLPO_sec_img .DLPO_cta_note {
  padding: 5px 15px 15px
}
.DLPO_sec_img .DLPO_cta_note, .DLPO_sec_img .DLPO_cta_note_ttl {
  background-color: rgba(255, 255, 255, 0.86);
  margin-right: auto;
  margin-left: auto;
  max-width: 500px
}
.DLPO_sec_img .DLPO_cta_note_ttl {
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  margin-bottom: 0;
  padding-top: 15px
}
.DLPO_sec_img .DLPO_cta_note_txt {
  letter-spacing: -.025em
}
.DLPO_faq_a:before, .DLPO_faq_q:before {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: '';
  display: block;
  position: absolute;
  left: 10px;
  width: 32px;
  height: 32px
}
.DLPO_faq_a {
  border-top: 1px solid rgba(224, 224, 224, 0.71);
  display: none;
  font-size: 94%;
  opacity: 0.86;
  padding: 15px 20px 15px 55px
}
.DLPO_faq_a:before {
  background-image: url(/assets/hinoka/img/DLPO_icon_a.svg);
  top: 12px
}
.DLPO_faq_body {
  border: 1px solid #e0e0e0;
  border-radius: 5px;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1)
}
.DLPO_faq_body + .DLPO_faq_body {
  margin-top: 20px
}
.DLPO_faq_q {
  cursor: pointer;
  display: block;
  font-weight: 400;
  line-height: 1.75;
  padding: 20px 40px 20px 55px
}
.DLPO_faq_q:before {
  background-image: url(/assets/hinoka/img/DLPO_icon_q.svg);
  top: 19px
}
.DLPO_faq_q:after {
  color: #3bac98;
  content: '\f078';
  display: block;
  font-family: 'Font Awesome 6 Free';
  font-weight: 700;
  position: absolute;
  top: 20px;
  right: 15px;
  transition: 0.3s all ease-out
}
.DLPO_faq_q_open:after {
  transform: rotate(-180deg)
}
.DLPO_main {
  align-items: center;
  background: url(/assets/hinoka/img/DLPO_main01_bg01.jpg) no-repeat left bottom;
  background-size: cover;
  display: flex;
  justify-content: center;
  text-align: center;
  width: 100%;
  height: 640px
}
.DLPO_main_body {
  width: 100%
}
.DLPO_main_item {
  align-items: center;
  display: flex;
  justify-content: center;
  padding-right: 12px;
  padding-left: 12px;
  width: 33.33333333%
}
.DLPO_main_item:before {
  background-color: #fff;
  border-radius: 50%;
  content: '';
  display: block;
  padding-top: 100%;
  width: 100%;
  height: 0
}
.DLPO_main_item:after {
  color: #3bac98;
  content: '\f078';
  display: block;
  font-family: 'Font Awesome 6 Free';
  font-size: 125%;
  font-weight: 700;
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%)
}
.DLPO_main_item_body {
  position: absolute;
  top: 45%;
  left: 0;
  width: 100%;
  transform: translateY(-50%)
}
.DLPO_main_item_dtl {
  font-size: 88%;
  line-height: 1.5;
  letter-spacing: 0em;
  margin-top: 0.5em
}
.DLPO_main_item_ic {
  max-width: 100px
}
.DLPO_main_item_list {
  display: flex;
  justify-content: center;
  margin-top: 2em;
  margin-right: auto;
  margin-left: auto;
  max-width: 786px
}
.DLPO_main_item_ttl {
  color: #238378;
  font-size: 125%;
  font-weight: 700;
  line-height: 1.2;
  margin-top: 0.5em
}
.DLPO_main_lead, .DLPO_main_ttl {
  font-family: "Noto Serif JP", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
  letter-spacing: .075em;
  line-height: 1.75
}
.DLPO_main_lead {
  font-size: 150%;
  margin-top: 0.5em;
  padding-right: 20px;
  padding-left: 20px
}
.DLPO_main_ttl {
  margin-right: auto;
  margin-left: auto;
  padding-right: 20px;
  padding-left: 20px;
  max-width: 440px
}
@media (max-width: 1199px) {
  .DLPO_main {
    background-image: url(/assets/hinoka/img/DLPO_main01_bg01_lg.jpg);
    background-position: center bottom
  }
}
@media (max-width: 991px) {
  .DLPO_main_item {
    padding-right: 10px;
    padding-left: 10px
  }
  .DLPO_main_item_dtl {
    font-size: 82%
  }
  .DLPO_main_item_ic {
    max-width: 90px
  }
  .DLPO_main_item_list {
    max-width: 690px
  }
  .DLPO_main_item_ttl {
    font-size: 113%
  }
}
@media (max-width: 767px) {
  .DLPO_main {
    background-image: url(/assets/hinoka/img/DLPO_main01_bg01_sm.jpg);
    height: 540px
  }
  .DLPO_main_item {
    padding-right: 8px;
    padding-left: 8px
  }
  .DLPO_main_item_dtl {
    display: none
  }
  .DLPO_main_item_ic {
    max-width: 80px
  }
  .DLPO_main_item_list {
    max-width: 588px
  }
  .DLPO_main_item_ttl {
    font-size: 100%
  }
  .DLPO_main_lead {
    font-size: 132%
  }
  .DLPO_main_ttl {
    font-size: 263%
  }
}
@media (max-width: 640px) {
  .DLPO_main {
    padding-bottom: 80px
  }
  .DLPO_main_item {
    padding-right: 6px;
    padding-left: 6px
  }
  .DLPO_main_item:after {
    font-size: 115%;
    bottom: 5px
  }
  .DLPO_main_item_ic {
    max-width: 70px
  }
  .DLPO_main_item_list {
    max-width: 468px
  }
  .DLPO_main_ttl {
    margin-right: auto;
    margin-left: auto;
    max-width: 400px
  }
}
@media (max-width: 480px) {
  .DLPO_main {
    background-image: url(/assets/hinoka/img/DLPO_main01_bg01_xs.jpg);
    background-position: left bottom;
    height: 450px
  }
  .DLPO_main_item {
    padding-right: 5px;
    padding-left: 5px
  }
  .DLPO_main_item:after {
    font-size: 100%;
    bottom: 0
  }
  .DLPO_main_item_ic {
    max-width: 60px
  }
  .DLPO_main_item_list {
    max-width: 420px
  }
  .DLPO_main_item_ttl {
    margin-top: 0.5em;
    font-size: 88%
  }
  .DLPO_main_lead {
    font-size: 100%
  }
  .DLPO_main_ttl {
    font-size: 225%;
    max-width: 300px
  }
}
@media (max-width: 400px) {
  .DLPO_main_item_body {
    top: 42%
  }
  .DLPO_main_item_ic {
    max-width: 54px
  }
  .DLPO_main_item_ttl {
    margin-top: 0.3em;
    font-size: 82%
  }
  .DLPO_main_lead {
    font-size: 100%
  }
  .DLPO_main_ttl {
    font-size: 200%;
    max-width: 280px
  }
}
@media (max-width: 360px) {
  .DLPO_main_item_body {
    top: 40%
  }
  .DLPO_main_item_ic {
    max-width: 48px
  }
  .DLPO_main_item_ttl {
    margin-top: 0.25em
  }
}
.DLPO_course {
  margin-top: 90px
}
.DLPO_course_body {
  margin-top: 2em;
  width: calc(50% - 20px)
}
.DLPO_course_body:nth-child(even) {
  margin-left: 20px
}
.DLPO_course_body:nth-child(odd) {
  margin-right: 20px
}
.DLPO_course_list {
  display: flex;
  text-align: center
}
.DLPO_course_item {
  width: 33.33333333%;
  height: 140px
}
.DLPO_course_item_body {
  border: 1px solid #e0e0e0;
  padding: 29px
}
.DLPO_course_item_cat {
  color: rgba(66, 66, 66, 0.71);
  font-size: 100%;
  font-weight: 700
}
.DLPO_course_item_cat:before {
  background-color: #ccc;
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 1px
}
.DLPO_course_item_cat_txt {
  background-color: #fff;
  display: inline-block;
  padding-right: 1em;
  padding-left: 1em
}
.DLPO_course_item_ic {
  opacity: 0.86;
  width: 70px
}
.DLPO_course_item_list {
  align-content: flex-start;
  display: flex;
  flex-wrap: wrap
}
.DLPO_course_item_list_02 .DLPO_course_item {
  height: auto
}
.DLPO_course_item_only {
  background-color: #3bac98;
  border-radius: 2.5px;
  color: #fff;
  font-size: 80%;
  display: inline-block;
  margin-top: 0.4em;
  padding: 0.25em 0.5em
}
.DLPO_course_item_ttl {
  color: rgba(66, 66, 66, 0.86);
  font-size: 82%;
  font-weight: 700;
  letter-spacing: 0em;
  line-height: 1.2
}
.DLPO_course_ttl {
  background-color: rgba(66, 209, 173, 0.1);
  border-radius: 5px 5px 0 0;
  font-size: 132%;
  font-weight: 700;
  line-height: 1.5;
  padding: 1em
}
.DLPO_course_02 .DLPO_course_ttl {
  background-color: #3bac98;
  color: #fff
}
@media (max-width: 991px) {
  .DLPO_course_body {
    width: calc(50% - 15px)
  }
  .DLPO_course_body:nth-child(even) {
    margin-left: 15px
  }
  .DLPO_course_body:nth-child(odd) {
    margin-right: 15px
  }
  .DLPO_course_item {
    width: 50%;
    height: 130px
  }
  .DLPO_course_item_body {
    padding: 24px
  }
  .DLPO_course_item_ic {
    width: 60px
  }
}
@media (max-width: 767px) {
  .DLPO_course_body {
    width: 100%
  }
  .DLPO_course_body:nth-child(even) {
    margin-left: 0
  }
  .DLPO_course_body:nth-child(odd) {
    margin-right: 0
  }
  .DLPO_course_item {
    width: 33.33333333%
  }
  .DLPO_course_item_body {
    padding: 20px
  }
  .DLPO_course_item_list {
    height: auto !important
  }
  .DLPO_course_list {
    display: block
  }
  .DLPO_course_ttl {
    font-size: 113%;
    padding-top: 0.75em;
    padding-bottom: 0.75em
  }
}
@media (max-width: 480px) {
  .DLPO_course_item {
    width: 50%
  }
}
@-webkit-keyframes feeScr {
  0% {
    margin-left: -40px
  }
  50% {
    margin-left: 40px
  }
  100% {
    margin-left: -40px
  }
}
@-moz-keyframes feeScr {
  0% {
    margin-left: -40px
  }
  50% {
    margin-left: 40px
  }
  100% {
    margin-left: -40px
  }
}
@-ms-keyframes feeScr {
  0% {
    margin-left: -40px
  }
  50% {
    margin-left: 40px
  }
  100% {
    margin-left: -40px
  }
}
@keyframes feeScr {
  0% {
    margin-left: -40px
  }
  50% {
    margin-left: 40px
  }
  100% {
    margin-left: -40px
  }
}
.DLPO_fee_scr {
  margin-top: 2em
}
.DLPO_fee_scr:after {
  animation: feeScr 2s ease-in-out 0s infinite forwards;
  background: rgba(255, 255, 255, 0.86);
  border-radius: 5px;
  content: '\f07e';
  display: block;
  font-family: 'Font Awesome 6 Free';
  font-size: 150%;
  font-weight: 700;
  pointer-events: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  padding-right: 0.5em;
  padding-left: 0.5em;
  z-index: 10
}
.DLPO_fee_scr.DLPO_jq_touch:after {
  display: none
}
.DLPO_fee_scr_body {
  overflow: auto;
  margin-left: 120px
}
.DLPO_fee_scr_head {
  background-color: #fff;
  border-right: 1px solid #ccc;
  padding-top: 60px;
  position: absolute;
  top: 0;
  left: 0;
  width: 120px;
  height: 100%;
  z-index: 2
}
.DLPO_fee_scr_tr {
  display: flex;
  width: 1280px
}
.DLPO_fee_scr_td {
  align-items: center;
  border: 1px solid #ccc;
  border-left: none;
  display: flex;
  font-size: 82%;
  justify-content: center;
  line-height: 1.5;
  padding: 0.5em;
  text-align: center;
  width: 160px;
  height: 60px
}
.DLPO_fee_scr_gnr {
  align-items: center;
  background: #9fbed3;
  border-radius: 5px 0 0 5px;
  color: #fff;
  display: flex;
  font-size: 82%;
  justify-content: center;
  line-height: 1.5;
  text-align: center;
  height: 60px
}
.DLPO_fee_scr_gnr_ttl {
  font-weight: 700
}
.DLPO_fee_scr_prm {
  align-items: center;
  background: #B67B03;
  background: linear-gradient(45deg, #B67B03 0%, #DAAF08 45%, #FEE9A0 70%, #DAAF08 85%, #B67B03 90% 100%);
  border-radius: 5px 0 0 5px;
  color: #fff;
  display: flex;
  justify-content: center;
  text-align: center;
  height: 200px
}
.DLPO_fee_scr_prm_ttl {
  font-family: "Noto Serif JP", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
  font-size: 88%;
  font-weight: 700
}
.DLPO_fee_scr_c1 {
  background-color: #e6eff7;
  border-top: none;
  height: 200px
}
.DLPO_fee_scr_c1 .fa-solid {
  color: #005bab;
  font-size: 150%
}
.DLPO_fee_scr_c2 {
  background-color: #f5f7f9;
  border-top: none;
  height: 60px
}
.DLPO_fee_scr_c2 .fa-solid {
  color: #7996af;
  font-size: 150%
}
.DLPO_fee_tbl {
  border: none;
  letter-spacing: 0em;
  margin-top: 2em;
  width: 100%
}
.DLPO_fee_tbl_c2 {
  width: 150px
}
.DLPO_fee_tbl_c3 {
  font-size: 88%;
  text-align: left
}
.DLPO_fee_tbl_c4, .DLPO_fee_tbl_c6 {
  width: 250px;
  vertical-align: top
}
.DLPO_fee_tbl_c4 {
  border-right: 1px solid #fff
}
.DLPO_fee_tbl_c5 {
  background-color: #e6eff7;
  border: 1px solid #fff;
  border-bottom: none
}
.DLPO_fee_tbl_c5 .fa-solid {
  color: #005bab;
  font-size: 125%
}
.DLPO_fee_tbl_c7 {
  background-color: #f5f7f9;
  border: 1px solid #fff;
  border-right: none;
  border-bottom: none
}
.DLPO_fee_tbl_c7 .fa-solid {
  color: #7996af;
  font-size: 125%
}
.DLPO_fee_tbl_gnr {
  align-items: center;
  background: #9fbed3;
  border-radius: 5px 5px 0 0;
  color: #fff;
  display: flex;
  justify-content: center;
  height: 70px
}
.DLPO_fee_tbl_price {
  font-size: 88%;
  line-height: 1.5
}
.DLPO_fee_tbl_prm {
  align-items: center;
  background: #DAAF08;
  background: linear-gradient(45deg, #B67B03 0%, #DAAF08 45%, #FEE9A0 70%, #DAAF08 85%, #B67B03 90% 100%);
  border-radius: 5px 5px 0 0;
  color: #fff;
  font-family: "Noto Serif JP", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
  font-size: 113%;
  display: flex;
  justify-content: center;
  height: 70px
}
.DLPO_fee_tbl_prm_item {
  border-left: 1px solid #fff;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  width: 50%
}
.DLPO_fee_tbl_prm_item:first-child {
  border-left: none
}
.DLPO_fee_tbl_prm_item_lbl {
  background-color: #DAAF08;
  background: linear-gradient(45deg, #B67B03 0%, #DAAF08 45%, #FEE9A0 70%, #DAAF08 85%, #B67B03 90% 100%);
  border-radius: 2.5px;
  color: #fff;
  display: inline-block;
  font-size: 75%;
  font-weight: 700;
  padding-right: 0.5em;
  padding-left: 0.5em
}
.DLPO_fee_tbl_prm_item_list {
  display: flex;
  flex-wrap: wrap;
  text-align: center
}
.DLPO_fee_tbl_th, .DLPO_fee_tbl_td {
  padding: 1em;
  vertical-align: middle
}
.DLPO_fee_tbl_th {
  border: 1px solid #ccc;
  border-right: none
}
.DLPO_fee_tbl_td {
  text-align: center
}
@media (max-width: 991px) {
  .DLPO_fee_tbl_c2 {
    width: 100px
  }
  .DLPO_fee_tbl_c3 {
    font-size: 82%
  }
  .DLPO_fee_tbl_c4, .DLPO_fee_tbl_c6 {
    width: 220px
  }
}
.DLPO_option {
  margin-top: 90px
}
.DLPO_option_item {
  border: 1px solid #e0e0e0;
  border-radius: 5px;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
  margin-bottom: 40px;
  width: calc(50% - 20px)
}
.DLPO_option_item:nth-child(even) {
  margin-left: 20px
}
.DLPO_option_item:nth-child(odd) {
  margin-right: 20px
}
.DLPO_option_item_body {
  border-top: 1px solid rgba(224, 224, 224, 0.71);
  display: none;
  padding: 29px
}
.DLPO_option_item_course {
  margin-top: 1em
}
.DLPO_option_item_img {
  border-radius: 5px
}
.DLPO_option_item_list {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -40px
}
.DLPO_option_item_price {
  color: #238378;
  font-size: 113%;
  font-weight: 700;
  letter-spacing: .025em;
  margin-top: 0.5em
}
.DLPO_option_item_price_l {
  font-size: 135%
}
.DLPO_option_item_price_sub {
  font-size: 86%
}
.DLPO_option_item_ttl {
  cursor: pointer;
  line-height: 1.5;
  padding: 1em;
  font-size: 100%;
  font-weight: 400
}
.DLPO_option_item_ttl:after {
  color: #3bac98;
  content: '\f078';
  display: block;
  font-family: 'Font Awesome 6 Free';
  font-weight: 700;
  position: absolute;
  top: 20px;
  right: 15px;
  transition: 0.3s all ease-out
}
.DLPO_option_item_ttl_open:after {
  transform: rotate(-180deg)
}
.DLPO_option_item_txt {
  font-size: 88%;
  margin-top: 0.25em
}
.DLPO_option_item_txt_sub {
  font-size: 86%
}
.DLPO_option_note {
  background-color: rgba(0, 0, 0, 0.05);
  border-radius: 5px;
  letter-spacing: .025em;
  line-height: 1.75;
  margin-top: 40px;
  padding: 2em
}
.DLPO_option_note_txt {
  display: flex;
  font-size: 75%;
  justify-content: center;
  padding-top: 0.5em;
  text-align: left
}
.DLPO_option_note_ttl {
  font-size: 82%;
  font-weight: 700;
  text-align: center
}
@media (max-width: 991px) {
  .DLPO_option_item {
    margin-bottom: 30px;
    width: calc(50% - 15px)
  }
  .DLPO_option_item:nth-child(even) {
    margin-left: 15px
  }
  .DLPO_option_item:nth-child(odd) {
    margin-right: 15px
  }
  .DLPO_option_item_body {
    padding: 24px
  }
  .DLPO_option_item_list {
    margin-bottom: -30px
  }
}
@media (max-width: 767px) {
  .DLPO_option_item {
    margin-bottom: 20px;
    width: 100%
  }
  .DLPO_option_item:nth-child(even) {
    margin-left: 0
  }
  .DLPO_option_item:nth-child(odd) {
    margin-right: 0
  }
  .DLPO_option_item_body {
    padding: 20px
  }
  .DLPO_option_item_list {
    margin-bottom: -20px
  }
}
.DLPO_price {
  margin-top: 90px
}
.DLPO_price_note {
  font-size: 75%;
  line-height: 1.5;
  margin-top: 2em;
  text-align: center
}
.DLPO_price_scr {
  margin-top: 1em
}
.DLPO_price_scr.DLPO_jq_touch:after {
  display: none
}
.DLPO_price_scr_body {
  overflow: auto;
  margin-left: 120px
}
.DLPO_price_scr_cat {
  background-color: rgba(224, 224, 224, 0.71);
  font-size: 88%;
  font-weight: 700;
  margin-top: 2em;
  padding: 0.25em;
  text-align: center
}
.DLPO_price_scr_head {
  background-color: #fff;
  border-right: 1px solid #ccc;
  padding-top: 100px;
  position: absolute;
  top: 0;
  left: 0;
  width: 120px;
  height: 100%;
  z-index: 2
}
.DLPO_price_scr_head_ship {
  padding-top: 60px
}
.DLPO_price_scr_tr {
  display: flex;
  width: 960px
}
.DLPO_price_scr_tr_ship {
  width: 640px
}
.DLPO_price_scr_td {
  align-items: center;
  border: 1px solid #ccc;
  border-left: none;
  display: flex;
  font-size: 82%;
  justify-content: center;
  line-height: 1.5;
  padding: 0.5em;
  text-align: center;
  width: 320px;
  height: 60px
}
.DLPO_price_scr_gnr {
  align-items: center;
  background: #9fbed3;
  border-radius: 5px 0 0 5px;
  color: #fff;
  display: flex;
  font-size: 82%;
  justify-content: center;
  line-height: 1.5;
  text-align: center;
  height: 60px
}
.DLPO_price_scr_gnr_ttl {
  font-weight: 700
}
.DLPO_price_scr_prm {
  align-items: center;
  background: #DAAF08;
  background: linear-gradient(45deg, #B67B03 0%, #DAAF08 45%, #FEE9A0 70%, #DAAF08 85%, #B67B03 90% 100%);
  border-radius: 5px 0 0 5px;
  color: #fff;
  display: flex;
  justify-content: center;
  text-align: center;
  height: 60px
}
.DLPO_price_scr_prm_ttl {
  font-family: "Noto Serif JP", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
  font-size: 88%;
  font-weight: 700;
  line-height: 1.5
}
.DLPO_price_scr_c1 {
  background-color: #d9f6ef;
  border-top: none;
  font-weight: 700;
  width: 160px;
  height: 40px
}
.DLPO_price_scr_c2 {
  background-color: #3bac98;
  border-top: none;
  color: #fff;
  font-weight: 700;
  width: 160px;
  height: 40px
}
.DLPO_price_scr_c3 {
  background-color: #ecfaf7;
  border-top: none;
  line-height: 1.5;
  width: 160px;
  height: 60px
}
.DLPO_price_scr_c3_1 {
  display: inline-block;
  text-align: left;
  width: 4.5em
}
.DLPO_price_scr_c4 {
  background-color: #d9f6ef;
  border-top: none;
  line-height: 1.5;
  width: 160px;
  height: 60px
}
.DLPO_price_scr_c5 {
  background-color: #eaeef2;
  border-top: none;
  line-height: 1.5;
  width: 160px;
  height: 60px
}
.DLPO_price_scr_item {
  font-weight: 700
}
.DLPO_price_scr_ship {
  font-weight: 700;
  width: 160px
}
.DLPO_price_tbl {
  border: none;
  letter-spacing: 0em;
  margin-top: 2em;
  width: 100%
}
.DLPO_price_tbl_c1, .DLPO_price_tbl_c2 {
  width: 20%
}
.DLPO_price_tbl_c2 {
  font-size: 88%;
  text-align: left
}
.DLPO_price_tbl_c3, .DLPO_price_tbl_c4 {
  width: 30%;
  vertical-align: top
}
.DLPO_price_tbl_c4 {
  border-right: 1px solid #fff
}
.DLPO_price_tbl_c5, .DLPO_price_tbl_c6 {
  font-size: 82%;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  width: 15%
}
.DLPO_price_tbl_c5 {
  background-color: #d9f6ef;
  border: 1px solid #fff
}
.DLPO_price_tbl_c6 {
  background-color: #3bac98;
  border: 1px solid #fff;
  color: #fff
}
.DLPO_price_tbl_c6:last-child {
  border-right: none
}
.DLPO_price_tbl_c7, .DLPO_price_tbl_c8 {
  line-height: 1.5
}
.DLPO_price_tbl_c7 {
  background-color: #ecfaf7;
  border: 1px solid #fff
}
.DLPO_price_tbl_c8 {
  background-color: #d9f6ef;
  border: 1px solid #fff;
  border-right: none
}
.DLPO_price_tbl_c9 {
  background-color: #eaeef2;
  border: 1px solid #fff;
  border-right: none;
  border-bottom: none;
  font-size: 88%;
  text-align: center
}
.DLPO_price_tbl_gnr {
  align-items: center;
  background: #9fbed3;
  border-radius: 5px 5px 0 0;
  color: #fff;
  display: flex;
  justify-content: center;
  height: 70px
}
.DLPO_price_tbl_price {
  font-size: 88%;
  line-height: 1.5
}
.DLPO_price_tbl_prm {
  align-items: center;
  background: #DAAF08;
  background: linear-gradient(45deg, #B67B03 0%, #DAAF08 45%, #FEE9A0 70%, #DAAF08 85%, #B67B03 90% 100%);
  border-radius: 5px 5px 0 0;
  color: #fff;
  font-family: "Noto Serif JP", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
  font-size: 113%;
  display: flex;
  justify-content: center;
  height: 70px
}
.DLPO_price_tbl_prm_item {
  border-left: 1px solid #fff;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  width: 50%
}
.DLPO_price_tbl_prm_item:first-child {
  border-left: none
}
.DLPO_price_tbl_prm_item_lbl {
  background-color: #005bab;
  border-radius: 2.5px;
  color: #fff;
  display: inline-block;
  font-size: 75%;
  font-weight: 700;
  padding-right: 0.5em;
  padding-left: 0.5em
}
.DLPO_price_tbl_prm_item_list {
  display: flex;
  flex-wrap: wrap;
  text-align: center
}
.DLPO_pemium.fa-circle-check:before {
  content: "\f058";
  background: linear-gradient(45deg, #B67B03 0%, #DAAF08 45%, #FEE9A0 70%, #DAAF08 85%, #B67B03 90% 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.DLPO_price_tbl_sub {
  font-size: 90%
}
.DLPO_price_tbl_th, .DLPO_price_tbl_td {
  padding: 1em;
  vertical-align: middle
}
.DLPO_price_tbl_th {
  border: 1px solid #ccc;
  border-right: none
}
.DLPO_price_tbl_td {
  text-align: center
}
@media (max-width: 767px) {
  .DLPO_price_scr:after {
    animation: feeScr 2s ease-in-out 0s infinite forwards;
    background: rgba(255, 255, 255, 0.86);
    border-radius: 5px;
    content: '\f07e';
    display: block;
    font-family: 'Font Awesome 6 Free';
    font-size: 150%;
    font-weight: 700;
    pointer-events: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    padding-right: 0.5em;
    padding-left: 0.5em;
    z-index: 10
  }
}
.DLPO_note_detail {
  display: flex;
  font-size: 88%;
  justify-content: center;
  margin-top: 2em
}
.DLPO_note_detail_txt {
  line-height: 1.75;
  padding-left: 3em;
  text-indent: -2.1em
}
.DLPO_note_detail_txt + .DLPO_note_detail_txt {
  margin-top: 0.25em
}
.DLPO_note_detail_ttl {
  margin-top: 0.5em
}
.DLPO_note_item {
  font-size: 75%;
  padding-right: 10px;
  padding-left: 10px
}
.DLPO_note_item_ic {
  background-color: rgba(0, 0, 0, 0.05);
  border-radius: 50%;
  overflow: hidden;
  width: 80px
}
.DLPO_note_item_ic:after {
  background-color: #666;
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
  width: 2px;
  height: 100%
}
.DLPO_note_item_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-right: auto;
  margin-left: auto;
  text-align: center
}
.DLPO_note_item_txt {
  margin-top: 0.5em
}
.DLPO_note_others {
  margin-top: 5em
}
.DLPO_note_others_txt {
  font-size: 88%;
  line-height: 1.75;
  padding-left: 1em;
  text-indent: -1em
}
.DLPO_note_others_txt + .DLPO_note_others_txt {
  margin-top: 0.25em
}
@media (max-width: 991px) {
  .DLPO_note_item {
    font-size: 69%
  }
  .DLPO_note_item_ic {
    width: 70px
  }
}
@media (max-width: 767px) {
  .DLPO_note_item_list {
    margin-bottom: -1em;
    max-width: 360px
  }
  .DLPO_note_item_txt {
    margin-bottom: 1em
  }
}
@media (max-width: 480px) {
  .DLPO_note_item_list {
    max-width: 270px
  }
}
.DLPO_point .DLPO_cta {
  margin-top: 80px
}
.DLPO_point_body + .DLPO_point_body {
  margin-top: 120px
}
.DLPO_point_body01 .DLPO_point_kv, .DLPO_point_body03 .DLPO_point_kv {
  flex-direction: row-reverse
}
.DLPO_point_body01 .DLPO_point_kv_txt:before {
  background-image: url(/assets/hinoka/img/DLPO_point01_bg02.svg)
}
.DLPO_point_body02 .DLPO_point_kv_txt:before {
  background-image: url(/assets/hinoka/img/DLPO_point02_bg02.svg)
}
.DLPO_point_body03 .DLPO_point_kv_txt:before {
  background-image: url(/assets/hinoka/img/DLPO_point03_bg02.svg)
}
.DLPO_point_dtl {
  display: flex;
  margin-right: -20px;
  margin-left: -20px
}
.DLPO_point_dtl_body {
  border: 1px solid #e0e0e0;
  border-radius: 5px;
  margin-top: 40px;
  margin-right: auto;
  margin-left: auto;
  padding: 30px 20px 20px;
  text-align: center;
  width: calc(100% - 40px)
}
.DLPO_point_dtl_btn {
  margin-top: 1em
}
.DLPO_point_dtl_btn .DLPO_btn {
  display: inline-block;
  font-size: 88%;
  padding-right: 1em;
  padding-left: 1em
}
.DLPO_point_dtl_bln {
  align-items: center;
  background-color: #3bac98;
  border-radius: 20px;
  color: #fff;
  display: flex;
  font-size: 88%;
  font-weight: 700;
  justify-content: center;
  line-height: 1.5;
  margin-top: 1em;
  margin-right: auto;
  margin-left: auto;
  width: 100%;
  max-width: 400px;
  height: 40px
}
.DLPO_point_dtl_bln:before {
  border-color: transparent transparent #3bac98 transparent;
  border-style: solid;
  border-width: 20px 10px;
  content: '';
  display: block;
  position: absolute;
  top: -40px;
  left: 10%;
  transform: translateX(-50%);
  width: 0;
  height: 0
}
.DLPO_point_dtl_img {
  margin-top: 1em;
  margin-right: auto;
  margin-left: auto;
  max-width: 400px
}
.DLPO_point_dtl_img:before {
  content: '';
  display: block;
  padding-top: 35%;
  width: 100%;
  height: 0
}
.DLPO_point_dtl_ttl, .DLPO_point_dtl_txt {
  line-height: 1.75
}
.DLPO_point_dtl_ttl {
  font-weight: 700
}
.DLPO_point_dtl_txt {
  font-size: 88%;
  margin-top: 0.5em
}
.DLPO_point_item {
  display: flex;
  margin-top: 40px;
  padding-right: 20px;
  padding-left: 20px;
  width: 33.33333333%
}
.DLPO_point_item_list {
  display: flex;
  flex-wrap: wrap;
  margin-right: -20px;
  margin-left: -20px
}
.DLPO_point_item_img {
  background-color: #e4f9f3;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  position: absolute;
  top: 0;
  left: 20px;
  width: 160px;
  height: 100%;
  z-index: 2
}
.DLPO_point_item_img .DLPO_lazyload, .DLPO_point_item_img .DLPO_lazyload_thumbnail {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px
}
.DLPO_point_item_txt {
  align-items: center;
  background-color: #f3faf9;
  border-radius: 5px;
  color: #2f9b83;
  display: flex;
  font-size: 88%;
  font-weight: 700;
  letter-spacing: 0em;
  line-height: 1.5;
  padding: 20px 20px 20px 180px;
  width: 100%;
  min-height: 120px
}
.DLPO_point_item_txt_em {
  color: #238378;
  font-size: 125%
}
.DLPO_point_item_txt_sub {
  font-size: 86%
}
.DLPO_point_kv {
  color: #fff;
  display: flex;
  min-height: 480px
}
.DLPO_point_kv_dtl {
  font-size: 94%;
  margin-top: 0.75em
}
.DLPO_point_kv_img, .DLPO_point_kv_txt {
  align-items: center;
  display: flex;
  width: 50%
}
.DLPO_point_kv_img {
  background-color: #e4f9f3
}
.DLPO_point_kv_ttl {
  font-family: "Noto Serif JP", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
  font-size: 175%;
  font-weight: 700;
  line-height: 1.5
}
.DLPO_point_kv_txt {
  background: #3bac98;
  background: linear-gradient(90deg, #77d0c5 -50%, #3bac98 50%);
  font-size: 113%;
  padding: 70px 40px 40px 60px
}
.DLPO_point_kv_txt:before {
  background-size: contain;
  background-repeat: no-repeat;
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 190px;
  height: 100px
}
@media (max-width: 1599px) {
  .DLPO_point_kv {
    min-height: 400px
  }
}
@media (max-width: 1399px) {
  .DLPO_point_kv {
    min-height: 320px
  }
  .DLPO_point_kv_ttl {
    font-size: 150%
  }
  .DLPO_point_kv_txt {
    font-size: 100%
  }
}
@media (max-width: 1199px) {
  .DLPO_point_dtl {
    margin-right: -10px;
    margin-left: -10px
  }
  .DLPO_point_dtl_body {
    margin-top: 30px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 15px;
    padding-left: 15px;
    width: calc(100% - 30px)
  }
  .DLPO_point_item {
    margin-top: 30px;
    padding-right: 15px;
    padding-left: 15px;
    width: 50%
  }
  .DLPO_point_item_list {
    margin-right: -10px;
    margin-left: -10px
  }
  .DLPO_point_item_img {
    left: 15px;
    width: 140px
  }
  .DLPO_point_item_txt {
    padding-top: 30px;
    padding-bottom: 30px;
    padding-right: 15px;
    padding-left: 160px;
    min-height: 105px
  }
  .DLPO_point_kv_ttl {
    font-size: 132%
  }
  .DLPO_point_kv_txt {
    padding: 60px 30px 30px 50px
  }
  .DLPO_point_kv_txt:before {
    width: 171px;
    height: 90px
  }
}
@media (max-width: 991px) {
  .DLPO_point_dtl {
    display: block;
    margin-right: 0;
    margin-left: 0
  }
  .DLPO_point_dtl_body {
    margin-top: 20px;
    margin-right: 0;
    margin-left: 0;
    width: auto
  }
  .DLPO_point_dtl_bln {
    border-radius: 5px;
    display: block;
    padding: 0.5em 0.5em;
    height: auto
  }
  .DLPO_point_item {
    margin-top: 20px;
    padding-right: 10px;
    padding-left: 10px
  }
  .DLPO_point_item_img {
    left: 10px
  }
  .DLPO_point_kv_ttl {
    font-size: 125%
  }
  .DLPO_point_kv_txt {
    padding-right: 20px;
    padding-left: 40px
  }
  .DLPO_point_kv_txt:before {
    width: 152px;
    height: 80px
  }
}
@media (max-width: 767px) {
  .DLPO_point_item {
    margin-top: 20px;
    padding-right: 0;
    padding-left: 0;
    width: 100%
  }
  .DLPO_point_item_list {
    margin-right: 0;
    margin-left: 0
  }
  .DLPO_point_item_img {
    left: 0
  }
  .DLPO_point_item_txt {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-right: 10px
  }
  .DLPO_point_kv {
    display: block;
    min-height: 0
  }
  .DLPO_point_kv_img, .DLPO_point_kv_txt {
    display: block;
    width: 100%
  }
  .DLPO_point_kv_img {
    padding-top: 50%;
    height: 0
  }
}
@media (max-width: 480px) {
  .DLPO_point_item {
    display: block
  }
  .DLPO_point_item_img {
    border-radius: 5px 5px 0 0;
    padding-top: 75%;
    position: relative;
    top: auto;
    left: auto;
    transform: none;
    width: 100%;
    height: 0
  }
  .DLPO_point_item_img .DLPO_lazyload, .DLPO_point_item_img .DLPO_lazyload_thumbnail {
    border-radius: 5px 5px 0 0
  }
  .DLPO_point_item_list {
    margin-right: auto;
    margin-left: auto;
    max-width: 300px
  }
  .DLPO_point_item_txt {
    display: block;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    text-align: center;
    min-height: 0
  }
  .DLPO_point_kv_txt {
    padding-left: 20px;
    padding-bottom: 20px
  }
  .DLPO_point_kv_txt:before {
    left: -5px
  }
}
.DLPO_present {
  color: #fff;
  padding-top: 60px;
  padding-bottom: 60px;
  text-align: center
}
.DLPO_present .DLPO_sec_ttl_bdr {
  background-image: linear-gradient(to left, #53ddc2, #53ddc2)
}
.DLPO_present_body {
  align-items: center;
  display: flex;
  flex-direction: row-reverse;
  justify-content: center;
  margin-top: 2em
}
.DLPO_present_img {
  margin-right: 10px;
  width: 120px
}
.DLPO_present_txt {
  align-items: center;
  background-color: #fff;
  border-radius: 50%;
  display: flex;
  color: rgba(66, 66, 66, 0.61);
  font-size: 88%;
  font-weight: 700;
  justify-content: center;
  letter-spacing: 0em;
  line-height: 1.5;
  margin: 5px;
  width: 135px;
  height: 135px
}
.DLPO_present_txt_em {
  color: #3bac98;
  font-size: 115%
}
.DLPO_present_txt_list {
  display: flex;
  flex-wrap: wrap;
  width: 290px
}
@media (max-width: 991px) {
  .DLPO_present_ttl {
    font-size: 90%
  }
}
@media (max-width: 640px) {
  .DLPO_present_ttl {
    font-size: 80%
  }
}
@media (max-width: 480px) {
  .DLPO_present_body {
    display: block
  }
  .DLPO_present_img {
    margin-right: auto;
    margin-top: 15px;
    margin-left: auto
  }
  .DLPO_present_txt_list {
    margin-right: auto;
    margin-left: auto
  }
  .DLPO_present_ttl {
    font-size: 90%
  }
}
@media (max-width: 400px) {
  .DLPO_present_ttl {
    font-size: 90%
  }
}
.DLPO_service {
  margin-top: 50px;
  padding-bottom: 0
}
.DLPO_service_body {
  background: #3bac98;
  background: radial-gradient(circle, #77d0c5 0%, #3bac98 100%);
  color: #fff;
  padding-top: 60px;
  padding-bottom: 60px
}
.DLPO_service_item {
  margin-top: 40px;
  max-width: 230px;
  width: 25%
}
.DLPO_service_item_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: -40px;
  text-align: center
}
.DLPO_service_item_ic {
  margin-right: auto;
  margin-left: auto;
  max-width: 150px
}
.DLPO_service_item_ic:before {
  background-color: #fff;
  border-radius: 50%;
  content: '';
  display: block;
  padding-top: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0
}
.DLPO_service_item_ic:after {
  background: #238378;
  background-image: url(/assets/hinoka/img/DLPO_icon_0yen.svg);
  background-image: url(/assets/hinoka/img/DLPO_icon_0yen.svg), linear-gradient(90deg, #289488 0%, #1f7469 100%);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 50%;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
  content: '';
  display: block;
  position: absolute;
  top: -15px;
  right: -15px;
  width: 60px;
  height: 60px
}
.DLPO_service_item_txt {
  font-weight: 700;
  letter-spacing: 0em;
  line-height: 1.5;
  margin-top: 0.5em;
  margin-right: -1em;
  margin-left: -1em
}
.DLPO_service_item_txt_note {
  display: inline-block;
  font-size: 70%;
  margin-left: 0.25em;
  vertical-align: top
}
.DLPO_service_item_txt_sub {
  font-size: 61%
}
.DLPO_service_note {
  display: flex;
  font-size: 75%;
  justify-content: center;
  margin-top: 40px
}
.DLPO_service_note_text {
  line-height: 1.5;
  padding-left: 1.9em;
  text-indent: -1.9em
}
.DLPO_service_note_text + .DLPO_service_note_text {
  margin-top: 0.25em
}
@media (max-width: 991px) {
  .DLPO_service {
    margin-top: 0
  }
}
@media (max-width: 767px) {
  .DLPO_service_item {
    width: 33.33333333%
  }
  .DLPO_service_item_list {
    justify-content: center
  }
}
@media (max-width: 640px) {
  .DLPO_service_item {
    width: 50%
  }
}
@media (max-width: 480px) {
  .DLPO_service_item_txt {
    font-size: 88%
  }
}
@media (max-width: 400px) {
  .DLPO_service_item_ic {
    max-width: 120px
  }
  .DLPO_service_item_ic:after {
    width: 50px;
    height: 50px
  }
}
@media (max-width: 360px) {
  .DLPO_service_item_txt {
    font-size: 82%
  }
}
.DLPO_step_item {
  align-items: center;
  background-color: #fff;
  background-image: linear-gradient(to right, #3bac98, #3bac98 3px, rgba(0, 0, 0, 0) 3px, rgba(0, 0, 0, 0) 6px);
  background-position: left top;
  background-repeat: repeat-x;
  background-size: 6px 1px;
  display: flex;
  min-height: 200px
}
.DLPO_step_item:before, .DLPO_step_item:after {
  background-color: #3bac98;
  content: '';
  position: absolute;
  bottom: -16px;
  width: 58px;
  height: 1px;
  z-index: 2
}
.DLPO_step_item:before {
  transform: rotate(30deg);
  left: -104px
}
.DLPO_step_item:after {
  transform: rotate(-30deg);
  left: -54px
}
.DLPO_step_item:last-child {
  background-image: linear-gradient(to right, #3bac98, #3bac98 3px, rgba(0, 0, 0, 0) 3px, rgba(0, 0, 0, 0) 6px), linear-gradient(to left, #3bac98, #3bac98 3px, rgba(0, 0, 0, 0) 3px, rgba(0, 0, 0, 0) 6px);
  background-position: left top, right bottom
}
.DLPO_step_item:last-child:before, .DLPO_step_item:last-child:after {
  display: none
}
.DLPO_step_item_dtl {
  margin-top: 0.25em;
  width: 100%
}
.DLPO_step_item_img {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 240px
}
.DLPO_step_item_img:before {
  content: '';
  display: block;
  padding-top: 66.66666667%;
  width: 100%;
  height: 0
}
.DLPO_step_item_list {
  background-color: #f3faf9;
  padding-left: 100px
}
.DLPO_step_item_num {
  position: absolute;
  top: 50%;
  left: -50px;
  transform: translateX(-50%) translateY(-50%);
  width: 60px
}
.DLPO_step_item_txt {
  padding: 20px 260px 20px 40px
}
.DLPO_step_item_ttl {
  color: #238378;
  font-size: 132%;
  font-weight: 700
}
@media (max-width: 991px) {
  .DLPO_step_item {
    min-height: 180px
  }
  .DLPO_step_item:before, .DLPO_step_item:after {
    bottom: -8px;
    width: 43px
  }
  .DLPO_step_item:before {
    transform: rotate(20deg);
    left: -81px
  }
  .DLPO_step_item:after {
    transform: rotate(-20deg);
    left: -41px
  }
  .DLPO_step_item_dtl {
    font-size: 94%
  }
  .DLPO_step_item_img {
    width: 200px
  }
  .DLPO_step_item_list {
    margin-right: auto;
    margin-left: auto;
    padding-left: 80px
  }
  .DLPO_step_item_num {
    left: -40px;
    width: 48px
  }
  .DLPO_step_item_txt {
    padding-left: 30px;
    padding-right: 220px
  }
  .DLPO_step_item_ttl {
    font-size: 113%
  }
}
@media (max-width: 640px) {
  .DLPO_step_item {
    display: block;
    padding: 20px 0 20px 20px;
    min-height: 0
  }
  .DLPO_step_item:before, .DLPO_step_item:after {
    bottom: -6px;
    width: 32px
  }
  .DLPO_step_item:before {
    transform: rotate(20deg);
    left: -61px
  }
  .DLPO_step_item:after {
    transform: rotate(-20deg);
    left: -31px
  }
  .DLPO_step_item_dtl {
    font-size: 88%;
    margin-top: 0
  }
  .DLPO_step_item_img {
    position: relative;
    top: auto;
    right: auto;
    transform: none;
    width: auto
  }
  .DLPO_step_item_list {
    max-width: 400px;
    padding-left: 60px
  }
  .DLPO_step_item_num {
    left: -30px;
    width: 40px
  }
  .DLPO_step_item_txt {
    padding: 0
  }
  .DLPO_step_item_ttl {
    margin-top: 0.5em
  }
}
.DLPO_storage {
  text-align: center
}
.DLPO_storage_link {
  display: block;
  margin-right: auto;
  margin-left: auto;
  max-width: 460px
}
.DLPO_warranty {
  text-align: center
}
.DLPO_warranty .DLPO_cta {
  padding-top: 30px
}
.DLPO_warranty_btn .DLPO_btn {
  display: inline-block;
  margin-top: 1em
}
.DLPO_warranty_item {
  display: flex;
  flex-wrap: wrap;
  margin-top: 4em;
  padding-top: 400px;
  width: 100%;
  max-width: 640px
}
.DLPO_warranty_item_img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 400px
}
.DLPO_warranty_item_list {
  display: flex;
  justify-content: space-between;
  margin-right: auto;
  margin-left: auto;
  max-width: 1320px
}
.DLPO_warranty_item_note {
  font-size: 75%;
  line-height: 1.75;
  margin-top: 1em;
  padding-right: 1em;
  padding-left: 1em;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%
}
.DLPO_warranty_item_ttl {
  line-height: 1.75;
  padding-top: 2em;
  padding-bottom: 2em
}
.DLPO_warranty_item_ttl_em {
  color: #238378;
  display: block;
  font-size: 143%;
  line-height: 1.5;
  margin-top: 0.1em
}
.DLPO_warranty_item_txt {
  align-items: center;
  background-color: #f3faf9;
  color: #2f9b83;
  display: flex;
  font-weight: 700;
  justify-content: center;
  width: 100%
}
@media (max-width: 1199px) {
  .DLPO_warranty_item {
    padding-top: 360px
  }
  .DLPO_warranty_item_img {
    height: 360px
  }
}
@media (max-width: 991px) {
  .DLPO_warranty_item {
    padding-top: 300px
  }
  .DLPO_warranty_item_img {
    height: 300px
  }
}
@media (max-width: 767px) {
  .DLPO_warranty .DLPO_cta {
    padding-top: 0
  }
  .DLPO_warranty_item {
    display: block;
    padding-top: 0;
    max-width: none
  }
  .DLPO_warranty_item_list {
    display: block
  }
  .DLPO_warranty_item_img {
    padding-top: 62.5%;
    position: relative;
    top: auto;
    left: auto;
    height: 0
  }
  .DLPO_warranty_item_note {
    position: relative;
    top: auto;
    left: auto
  }
  .DLPO_warranty_item_txt {
    display: block
  }
}
@media (max-width: 480px) {
  .DLPO_warranty_item_ttl_em {
    font-size: 135%
  }
}