@charset "UTF-8";
/* ==========================================================================
 出力先階層
========================================================================== */
/* ==========================================================================
 Foundation
========================================================================== */
.clearfix {
  *zoom: 1;
}
.clearfix:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
}

/* ==========================================================================
 layout コンテンツ内領域
========================================================================== */
/* ==========================================================================
 Lineup用共通CSS
========================================================================== */
.l-lineup {
  position: relative;
  min-width: 960px;
  /** カラースキン **/
}
.l-lineup .l-lineup_mv {
  width: 100%;
  position: relative;
  color: #535353;
  line-height: 1.2;
}
.l-lineup .l-lineup_mv:before {
  content: "";
  display: block;
  padding-top: 40%;
}
.l-lineup .l-lineup_mv_regza {
  position: absolute;
  right: 47px;
  top: 28px;
}
.l-lineup .l-lineup_mv_logo {
  position: absolute;
  left: 48px;
  top: 26px;
}
.l-lineup .l-lineup_mv_box {
  position: absolute;
  right: 58px;
  bottom: 80px;
}
.l-lineup .l-lineup_mv_box.-type02 {
  right: 0;
}
.l-lineup .l-lineup_mv_body {
  position: absolute;
  left: 48px;
  top: 106px;
  font-size: 3.6rem;
  font-weight: 500;
}
.l-lineup .l-lineup_mv_body.-type02 {
  left: 270px;
  top: 20px;
  font-weight: 300;
}
.l-lineup .l-lineup_mv_item {
  position: absolute;
  left: 48px;
  top: 256px;
  font-size: 4rem;
  font-weight: 300;
}
.l-lineup .l-lineup_mv_item.-type02 {
  top: 106px;
  font-size: 5rem;
  line-height: 1.1;
}
.l-lineup .l-lineup_mv_item_name {
  font-weight: inherit;
  margin-bottom: 5px;
}
.l-lineup .l-lineup_mv_item_unit {
  line-height: 1.1;
  display: -webkit-box;
  display: box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  box-direction: normal;
  -webkit-flex-flow: column nowrap;
  flex-flow: column nowrap;
  font-size: 1.4rem;
}
.l-lineup .l-lineup_mv_item_new {
  margin: 1px 0;
}
.l-lineup .l-lineup_mv_item_release {
  margin: 1px 0;
}
.l-lineup .l-lineup_mv_item_small {
  font-weight: 400;
  font-size: 2rem;
}
.l-lineup .l-lineup_mv_item_mini {
  font-weight: 300;
  font-size: 3rem;
  display: block;
}
.l-lineup .l-lineup_mv_item_icon {
  border: 1px solid currentColor;
  padding: 2px 5px;
  font-size: 1.4rem;
  font-weight: 400;
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px;
}
.l-lineup .l-lineup_mv_func {
  position: absolute;
  right: 47px;
  top: 91px;
  text-align: right;
}
.l-lineup .l-lineup_mv_func.-type02 {
  top: 160px;
}
.l-lineup .l-lineup_mv_func_func01 {
  margin-bottom: 20px;
}
.l-lineup .l-lineup_mv_bnr {
  position: absolute;
  top: 364px;
  left: 48px;
}
.l-lineup .l-lineup_mv_bnr.-type02 {
  top: 344px;
}
.l-lineup .l-lineup_mv_small {
  position: absolute;
  top: 444px;
  left: 48px;
  font-size: 1.2rem;
  font-weight: 300;
  color: #898989;
}
.l-lineup .l-lineup_mv_small.-type02 {
  top: 424px;
}
.l-lineup .l-lineup_header {
  width: 100%;
  padding-top: 35px;
  /** 商品ページの下層 **/
}
.l-lineup .l-lineup_header.-low {
  padding-top: 45px;
}
.l-lineup .l-lineup_header_inner {
  width: 100%;
  max-width: 1230px;
  padding: 0 15px;
  margin: 0 auto;
}
.l-lineup .l-lineup_header_current {
  display: none;
}
.l-lineup .l-lineup_navCmn {
  width: 100%;
  position: relative;
}
.l-lineup .l-lineup_navCmn_inner {
  width: 100%;
  max-width: 1230px;
  min-width: 960px;
  padding: 0 15px;
  margin: 0 auto;
  display: -webkit-box;
  display: box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  box-direction: normal;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
}
.l-lineup .l-lineup_navCmn_wrap {
  width: auto;
  -webkit-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  border-bottom: 1px solid #c8c8c8;
  display: -webkit-box;
  display: box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  box-direction: normal;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: start;
  box-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}
.l-lineup .l-lineup_navCmn_unit {
  width: auto;
  -webkit-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
  display: -webkit-box;
  display: box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  box-direction: normal;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.l-lineup .l-lineup_navCmn_unit_list {
  width: 190px;
  -webkit-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 1 190px;
  flex: 0 1 190px;
}
.l-lineup .l-lineup_navCmn_blank {
  margin-left: 5px;
  width: auto;
  -webkit-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-align-self: center;
  align-self: center;
}
.l-lineup .l-lineup_nav {
  width: 100%;
  position: relative;
}
.l-lineup .l-lineup_nav_inner {
  width: 100%;
  max-width: 1230px;
  min-width: 960px;
  padding: 0 15px;
  margin: 0 auto;
  display: -webkit-box;
  display: box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  box-direction: normal;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
}
.l-lineup .l-lineup_nav_low {
  width: auto;
  -webkit-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  padding-top: 18px;
  padding-bottom: 67px;
  margin: 0 -1px;
  display: -webkit-box;
  display: box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  box-direction: normal;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
}
.l-lineup .l-lineup_nav_low.-noAside {
  padding-bottom: 0;
}
.l-lineup .l-lineup_nav_low_list {
  width: 10%;
  -webkit-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1 1 10%;
  flex: 1 1 10%;
  display: -webkit-box;
  display: box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  box-direction: normal;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  margin: 0 1px;
}
.l-lineup .l-lineup_nav_low_list.-item {
  overflow: hidden;
  width: 0%;
  -webkit-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 1 0%;
  flex: 0 1 0%;
  margin: 0;
  -webkit-box-pack: center;
  box-pack: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
  position: relative;
  top: -3em;
  opacity: 0;
  transition: all .4s ease;
}
.l-lineup .l-lineup_nav_low_item {
  display: -webkit-box;
  display: box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  box-direction: normal;
  -webkit-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-align-content: flex-start;
  align-content: flex-start;
  -webkit-box-align: start;
  box-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
.l-lineup .l-lineup_nav_low_item_img {
  display: none;
}
.l-lineup .l-lineup_nav_low_item_cap {
  white-space: nowrap;
  font-size: 3rem;
  font-weight: 300;
  color: #fff;
  display: -webkit-box;
  display: box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  box-direction: normal;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.l-lineup .l-lineup_nav_low_btn {
  display: none;
}
.l-lineup .l-lineup_nav_low_link {
  width: auto;
  -webkit-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  display: -webkit-box;
  display: box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  box-direction: normal;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  text-align: center;
  height: 53px;
  font-size: 1.6rem;
  font-weight: 400;
  color: #fff;
  background-color: #fff;
  border-top: 5px solid #000;
  border-bottom: 2px solid #000;
  line-height: 1.2;
}
.l-lineup .l-lineup_nav_low_link.is-current, .l-lineup .l-lineup_nav_low_link:hover {
  opacity: 1;
}
.l-lineup .l-lineup_nav_lowAside {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  border-bottom: 6px solid #000;
  height: 67px;
}
.l-lineup .l-lineup_nav_lowAside_inner {
  width: 100%;
  max-width: 1230px;
  padding: 0 15px;
  margin: 0 auto;
  display: -webkit-box;
  display: box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  box-direction: normal;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
}
.l-lineup .l-lineup_nav_lowAside_list {
  width: auto;
  -webkit-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  display: -webkit-box;
  display: box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  box-direction: normal;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: end;
  box-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  height: 63px;
  margin: 0 50px;
}
.l-lineup .l-lineup_nav_lowAside_link {
  text-align: center;
  font-size: 1.6rem;
  font-weight: 400;
  padding-bottom: 20px;
}
.l-lineup .l-lineup_nav_lowAside_link.is-current {
  color: #479296;
  background: url("../..//common/images/icon_anchor.gif") center 85% no-repeat;
  background-position: center bottom 8px;
}
.l-lineup .l-lineup_nav_lowAside_link.is-current:hover {
  opacity: 1;
}
.l-lineup .l-lineup_nav_lowFoot {
  display: none;
}
.l-lineup .l-lineup_nav .is-current + .l-lineup_nav_lowAside {
  display: block;
}
.l-lineup .is-fix .is-fix_show {
  display: block;
}
.l-lineup .is-fix .l-lineup_nav {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 99;
}
.l-lineup .is-fix .l-lineup_nav_low {
  padding-top: 5px;
  padding-bottom: 50px;
}
.l-lineup .is-fix .l-lineup_nav_low.-noAside {
  padding-bottom: 0;
}
.l-lineup .is-fix .l-lineup_nav_low_list.-item {
  overflow: visible;
  width: auto;
  -webkit-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  margin: 0 10px 0 0;
  transition: all .4s ease;
  top: 0em;
  opacity: 1;
}
.l-lineup .is-fix .l-lineup_nav_low_link {
  height: 50px;
  border-top: 10px solid #000;
  border-bottom-width: 0;
}
.l-lineup .is-fix .l-lineup_nav_lowAside {
  border-bottom-width: 1px;
  border-bottom-color: #479296;
  height: 50px;
}
.l-lineup .is-fix .l-lineup_nav_lowAside_list {
  height: 50px;
  margin: 0 30px;
}
.l-lineup .l-lineup_main {
  width: 100%;
  font-size: 1.6rem;
  font-weight: 400;
}
.l-lineup .l-lineup_main.-top {
  padding-bottom: 70px;
}
.l-lineup .l-lineup_main_inner {
  width: 100%;
  max-width: 1230px;
  padding: 0 15px 35px;
  margin: 0 auto;
}
.l-lineup .l-lineup_main_inner.-bdrS {
  border-bottom: 1px solid #c5c5c5;
}
.l-lineup .l-lineup_main_inner.-bdr {
  border-bottom: 2px solid #8c8c8c;
}
.l-lineup .l-lineup_main_mv {
  padding: 30px 50px 0;
}
.l-lineup .l-lineup_main_box {
  padding: 30px 50px 20px;
}
.l-lineup .l-lineup_main_ele {
  padding: 15px 30px;
}
.l-lineup .l-lineup_aside {
  width: 100%;
  background-color: #f2f2f2;
  padding-bottom: 10px;
}
.l-lineup .l-lineup_aside_inner {
  width: 100%;
  max-width: 1230px;
  padding: 45px 15px 0;
  margin: 0 auto;
}
.l-lineup .l-lineup_aside_ttl {
  font-size: 2.4rem;
  font-weight: 400;
  color: #666;
  text-align: center;
  margin-bottom: 40px;
}
.l-lineup .l-lineup_aside_mark {
  font-size: 3rem;
}
.l-lineup .l-lineup_footer {
  width: 100%;
}
.l-lineup .l-lineup_footer_inner {
  width: 100%;
  max-width: 1230px;
  padding: 35px 15px 0;
  margin: 0 auto;
}
.l-lineup.-green .l-lineup_header {
  background-image: -webkit-linear-gradient(to bottom, #90d2cb 0%, #d0f6f8 100%);
  background-image: linear-gradient(to bottom, #90d2cb 0%, #d0f6f8 100%);
}
.l-lineup.-green .l-lineup_header.-low {
  background: #479296;
}
.l-lineup.-green .l-lineup_nav {
  background-color: #479296;
}
.l-lineup.-green .l-lineup_nav_low_link {
  background-color: #78d5da;
  border-color: #479296;
}
.l-lineup.-green .l-lineup_nav_low_link.is-current, .l-lineup.-green .l-lineup_nav_low_link:hover {
  color: #555;
  background-color: #fff;
  border-color: #fff;
}
.l-lineup.-green .l-lineup_nav_lowAside {
  border-bottom-color: #78d5da;
}
.l-lineup.-orange .l-lineup_header {
  background-image: -webkit-linear-gradient(to bottom, #c8a146 0%, #fff 100%);
  background-image: linear-gradient(to bottom, #c8a146 0%, #fff 100%);
}
.l-lineup.-orange .l-lineup_header.-low {
  background-image: -webkit-linear-gradient(to bottom, #c8a146 0%, #d3b779 100%);
  background-image: linear-gradient(to bottom, #c8a146 0%, #d3b779 100%);
}
.l-lineup.-orange .l-lineup_nav {
  background-image: -webkit-linear-gradient(to bottom, #d3b779 0%, #fff 100%);
  background-image: linear-gradient(to bottom, #d3b779 0%, #fff 100%);
}
.l-lineup.-orange .l-lineup_nav.-top {
  background: #a26e19;
}
.l-lineup.-orange .l-lineup_nav_low_link {
  background-color: #cfae5e;
  border-top-color: #b1853b;
  border-bottom-color: #cfae5e;
}
.l-lineup.-orange .l-lineup_nav_low_link.-top {
  border-top-color: #a26e19;
}
.l-lineup.-orange .l-lineup_nav_low_link.is-current, .l-lineup.-orange .l-lineup_nav_low_link:hover {
  color: #555;
  background-color: #fff;
  border-color: #fff;
}
.l-lineup.-orange .l-lineup_nav_lowAside {
  border-bottom-color: #cfae5e;
}
.l-lineup.-orange .is-fix .l-lineup_nav {
  background: #a26e19;
}
.l-lineup.-orange .is-fix .l-lineup_nav_low_link {
  border-color: #a26e19;
}

@media screen and (max-width: 1230px) {
  .l-lineup .l-lineup_mv_regza {
    right: 26px;
    top: 8px;
  }
  .l-lineup .l-lineup_mv_logo {
    top: 6px;
    left: 35px;
    width: 120px;
  }
  .l-lineup .l-lineup_mv_box {
    right: 26px;
    bottom: 50px;
    width: 55%;
  }
  .l-lineup .l-lineup_mv_box.-type02 {
    right: 0;
    bottom: 70px;
  }
  .l-lineup .l-lineup_mv_body {
    top: 70px;
    left: 35px;
    font-size: 2.6rem;
  }
  .l-lineup .l-lineup_mv_body.-type02 {
    top: 0;
    left: 180px;
  }
  .l-lineup .l-lineup_mv_item {
    top: 176px;
    left: 35px;
    font-size: 3.2rem;
  }
  .l-lineup .l-lineup_mv_item.-type02 {
    top: 66px;
  }
  .l-lineup .l-lineup_mv_item_unit {
    font-size: 1.1rem;
  }
  .l-lineup .l-lineup_mv_func {
    top: 60px;
    right: 26px;
  }
  .l-lineup .l-lineup_mv_func.-type02 {
    top: 70px;
  }
  .l-lineup .l-lineup_mv_func_func01 {
    margin-bottom: 10px;
  }
  .l-lineup .l-lineup_mv_bnr {
    position: absolute;
    top: 264px;
    left: 35px;
  }
  .l-lineup .l-lineup_mv_bnr.-type02 {
    top: 244px;
  }
  .l-lineup .l-lineup_mv_small {
    top: 340px;
    left: 35px;
    font-size: 1.1rem;
  }
  .l-lineup .l-lineup_mv_small.-type02 {
    top: auto;
    bottom: 20px;
  }
  .l-lineup .l-lineup_main_mv {
    padding: 15px 25px 0;
  }
  .l-lineup .l-lineup_main_box {
    padding: 15px 25px 10px;
  }
  .l-lineup .l-lineup_main_ele {
    padding: 8px 15px;
  }
}
@media screen and (max-width: 640px) {
  .l-lineup {
    min-width: 0;
    /** カラースキン **/
  }
  .l-lineup .l-lineup_mv::before {
    display: none;
  }
  .l-lineup .l-lineup_mv_regza {
    right: 10px;
    top: 10px;
    width: 73px;
  }
  .l-lineup .l-lineup_mv_logo {
    left: 10px;
    top: 10px;
    width: 70px;
  }
  .l-lineup .l-lineup_mv_box {
    position: static;
    width: auto;
    text-align: center;
    margin-bottom: 10px;
  }
  .l-lineup .l-lineup_mv_body {
    position: static;
    padding-top: 60px;
    font-size: 1.5rem;
    margin-bottom: 10px;
  }
  .l-lineup .l-lineup_mv_item {
    position: relative;
    top: auto;
    left: auto;
    display: inline-block;
    font-size: 2rem;
    font-weight: 300;
    margin-bottom: 5px;
  }
  .l-lineup .l-lineup_mv_item.-type02 {
    top: auto;
    left: auto;
    font-size: 2rem;
  }
  .l-lineup .l-lineup_mv_item_unit {
    display: none;
  }
  .l-lineup .l-lineup_mv_item_small {
    font-size: 1.1rem;
  }
  .l-lineup .l-lineup_mv_item_mini {
    padding-top: 4px;
    font-size: 1.3rem;
  }
  .l-lineup .l-lineup_mv_item_icon {
    padding: 1px 3px;
    font-size: 1rem;
    margin: 0 5px;
  }
  .l-lineup .l-lineup_mv_func {
    position: static;
    display: -webkit-box;
    display: box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    box-orient: horizontal;
    -webkit-box-direction: normal;
    box-direction: normal;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-bottom: 10px;
  }
  .l-lineup .l-lineup_mv_func_func01 {
    width: 85px;
    -webkit-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 1 85px;
    flex: 0 1 85px;
    margin-right: 10px;
    margin-bottom: 0;
  }
  .l-lineup .l-lineup_mv_func_func02 {
    width: 145px;
    -webkit-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 1 145px;
    flex: 0 1 145px;
  }
  .l-lineup .l-lineup_mv_bnr {
    display: none;
  }
  .l-lineup .l-lineup_mv_small {
    position: static;
    font-size: 1rem;
  }
  .l-lineup .l-lineup_header {
    width: 100%;
    padding: 10px 0;
    /** 商品ページの下層 **/
  }
  .l-lineup .l-lineup_header.-low {
    padding-top: 10px;
  }
  .l-lineup .l-lineup_header_inner {
    padding: 0 10px;
  }
  .l-lineup .l-lineup_header_current {
    display: none;
  }
  .l-lineup .l-lineup_navCmn_inner {
    max-width: none;
    min-width: 0;
    padding: 0;
    display: block;
  }
  .l-lineup .l-lineup_navCmn_wrap {
    display: block;
    border-color: #000;
  }
  .l-lineup .l-lineup_navCmn_unit {
    display: block;
  }
  .l-lineup .l-lineup_navCmn_unit_list {
    width: auto;
    margin: 0 10px 5px;
    border: 2px solid #a0a0a0;
    display: -webkit-box;
    display: box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    box-orient: horizontal;
    -webkit-box-direction: normal;
    box-direction: normal;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-align: stretch;
    box-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
  }
  .l-lineup .l-lineup_navCmn_unit_list.is-active {
    border-color: #000;
    box-shadow: 0 5px 0 #000;
  }
  .l-lineup .l-lineup_navCmn_blank {
    margin-left: 0;
    position: absolute;
    right: 15px;
    top: -35px;
  }
  .l-lineup .l-lineup_nav {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 100vh;
    z-index: 999;
    overflow-y: auto;
    background-color: #fff;
    transition: transform .4s ease;
    transform: translateX(100%);
  }
  .l-lineup .l-lineup_nav.is-open {
    transform: translateX(0%);
  }
  .l-lineup .l-lineup_nav_inner {
    max-width: 1230px;
    min-width: 0;
    padding: 0;
    -webkit-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    box-direction: normal;
    -webkit-flex-flow: column nowrap;
    flex-flow: column nowrap;
  }
  .l-lineup .l-lineup_nav_low {
    width: auto;
    -webkit-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    padding-top: 0;
    padding-bottom: 0;
    margin: 0;
    -webkit-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    box-direction: normal;
    -webkit-flex-flow: column nowrap;
    flex-flow: column nowrap;
  }
  .l-lineup .l-lineup_nav_low.-noAside {
    padding-bottom: 0;
  }
  .l-lineup .l-lineup_nav_low_list {
    width: auto;
    -webkit-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    box-direction: normal;
    -webkit-flex-flow: column nowrap;
    flex-flow: column nowrap;
    margin: 0;
  }
  .l-lineup .l-lineup_nav_low_list.-item {
    overflow: visible;
    width: auto;
    -webkit-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-box-orient: horizontal;
    box-orient: horizontal;
    -webkit-box-direction: normal;
    box-direction: normal;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    box-pack: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 15px 15px 15px 10px;
    position: relative;
    top: 0;
    border-bottom: 1px solid #c9c9c9;
    opacity: 1;
    transition: all .4s ease;
  }
  .l-lineup .l-lineup_nav_low_item {
    display: -webkit-box;
    display: box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    box-direction: normal;
    -webkit-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-align-content: flex-start;
    align-content: flex-start;
    -webkit-box-align: start;
    box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    width: 100px;
  }
  .l-lineup .l-lineup_nav_low_item_img {
    display: block;
  }
  .l-lineup .l-lineup_nav_low_item_cap {
    font-size: 1.1rem;
    color: #535353;
    display: -webkit-box;
    display: box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    box-orient: horizontal;
    -webkit-box-direction: normal;
    box-direction: normal;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  .l-lineup .l-lineup_nav_low_btn {
    display: block;
  }
  .l-lineup .l-lineup_nav_low_link {
    width: auto;
    -webkit-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    display: -webkit-box;
    display: box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    box-orient: horizontal;
    -webkit-box-direction: normal;
    box-direction: normal;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: start;
    box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    text-align: left;
    height: auto;
    font-size: 1.5rem;
    color: #333;
    background-color: #fff;
    border-top-width: 0;
    border-bottom: 1px solid #c9c9c9;
    box-shadow: inset 10px 0 0 #000;
    padding: 10px 10px 10px 20px;
  }
  .l-lineup .l-lineup_nav_low_link.is-current, .l-lineup .l-lineup_nav_low_link:hover {
    opacity: 1;
  }
  .l-lineup .l-lineup_nav_lowAside {
    display: block;
    position: static;
    height: auto;
    border-width: 0;
  }
  .l-lineup .l-lineup_nav_lowAside_inner {
    padding: 0;
    -webkit-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    box-direction: normal;
    -webkit-flex-flow: column nowrap;
    flex-flow: column nowrap;
  }
  .l-lineup .l-lineup_nav_lowAside_list {
    width: auto;
    -webkit-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    align-items: center;
    height: auto;
    margin: 0;
    border-bottom: 1px solid #c9c9c9;
  }
  .l-lineup .l-lineup_nav_lowAside_link {
    text-align: left;
    font-size: 1.3rem;
    padding-bottom: 0;
    color: #535353;
    display: block;
    width: 100%;
    padding: 10px 10px 10px 30px;
    background: url(/regza/bd_dvd/common/images/icon_arrow_right_green.gif) 20px center no-repeat;
  }
  .l-lineup .l-lineup_nav_lowAside_link.is-current {
    color: #fff;
    background-color: #ccc;
    background-image: url(/regza/bd_dvd/common/images/icon_arrow_right_white.gif);
    background-position: 20px center;
  }
  .l-lineup .l-lineup_nav_lowAside_link.is-current:hover {
    opacity: 1;
  }
  .l-lineup .l-lineup_nav_lowFoot {
    display: block;
    margin: 20px 10px 0;
    border-top: 2px solid #b5b5b5;
    padding-top: 20px;
    text-align: center;
    font-size: 1.6rem;
    font-weight: 700;
  }
  .l-lineup .l-lineup_nav_lowFoot_inner {
    display: -webkit-box;
    display: box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    box-orient: horizontal;
    -webkit-box-direction: normal;
    box-direction: normal;
    display: block;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-content: flex-start;
    align-content: flex-start;
    margin: 0 -3px 20px;
  }
  .l-lineup .l-lineup_nav_lowFoot_inner.-next {
    margin-left: 0;
    margin-right: 0;
  }
  .l-lineup .l-lineup_nav_lowFoot_next {
    display: block;
    color: #fff;
    padding: 16px 26px 16px 10px;
    position: relative;
    width: auto;
    -webkit-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    max-width: 80%;
    width: 100%;
    display: -webkit-box;
    display: box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    box-orient: horizontal;
    -webkit-box-direction: normal;
    box-direction: normal;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    align-items: center;
    text-align: center;
    background-color: #898989;
    margin: auto;
  }
  .l-lineup .l-lineup_nav_lowFoot_next::before, .l-lineup .l-lineup_nav_lowFoot_next::after {
    content: "";
    position: absolute;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 16px;
  }
  .l-lineup .l-lineup_nav_lowFoot_next::before {
    top: 0;
    border-color: white white rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
  }
  .l-lineup .l-lineup_nav_lowFoot_next::after {
    bottom: 0;
    border-color: rgba(255, 255, 255, 0) white white rgba(255, 255, 255, 0);
  }
  .l-lineup .l-lineup_nav_lowFoot_list {
    width: 50%;
    -webkit-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1 1 50%;
    flex: 1 1 50%;
    max-width: 50%;
    padding: 0 3px 5px;
  }
  .l-lineup .l-lineup_nav_lowFoot_link {
    display: flex;
    flex: 1 1 auto;
    justify-content: center;
    align-items: center;
    color: #777;
    border: 3px solid #b5b5b5;
    padding: 10px 0;
  }
  .l-lineup .l-lineup_nav_lowFoot_link.is-current, .l-lineup .l-lineup_nav_lowFoot_link:hover {
    border-color: #000;
    background-color: #000;
    color: #fff;
  }
  .l-lineup .is-fix .is-fix_spHide {
    display: none;
  }
  .l-lineup .is-fix .l-lineup_header {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    border-bottom: 1px solid #ccc;
    z-index: 10;
  }
  .l-lineup .is-fix .l-lineup_header_current {
    margin: 2px 0 0;
    display: -webkit-box;
    display: box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: raw nowrap;
    flex-flow: raw nowrap;
    -webkit-box-pack: start;
    box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    font-size: 1.1rem;
    font-weight: 400;
  }
  .l-lineup .is-fix .l-lineup_header_current_g {
    width: auto;
    -webkit-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    color: #fff;
    padding: 3px 15px 3px 5px;
    background: #eaeaea url(../images/bg-spcrumb.png) right center no-repeat;
    background-size: auto 32px;
  }
  .l-lineup .is-fix .l-lineup_header_current_g.-cNone {
    background-color: #fff;
  }
  .l-lineup .is-fix .l-lineup_header_current_c {
    width: auto;
    -webkit-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    color: #535353;
    padding: 3px 5px;
    background-color: #eaeaea;
  }
  .l-lineup .l-lineup_main {
    font-size: 1.2rem;
  }
  .l-lineup .l-lineup_main.-top {
    padding-bottom: 0;
  }
  .l-lineup .l-lineup_main_wrap {
    padding: 0 15px;
  }
  .l-lineup .l-lineup_main_inner {
    padding: 0 0 15px;
  }
  .l-lineup .l-lineup_main_inner.-bdrS {
    border-bottom-width: 1px;
  }
  .l-lineup .l-lineup_main_inner.-bdr {
    border-bottom-width: 1px;
  }
  .l-lineup .l-lineup_main_mv {
    padding: 10px 10px 0;
  }
  .l-lineup .l-lineup_main_box {
    padding: 15px 0px 15px;
  }
  .l-lineup .l-lineup_main_ele {
    padding: 10px 10px;
  }
  .l-lineup .l-lineup_aside {
    padding-bottom: 5px;
  }
  .l-lineup .l-lineup_aside_inner {
    padding: 22px 8px 0;
  }
  .l-lineup .l-lineup_aside_ttl {
    font-size: 1.2rem;
    margin-bottom: 20px;
  }
  .l-lineup .l-lineup_aside_mark {
    font-size: 1.5rem;
  }
  .l-lineup .l-lineup_footer_inner {
    padding: 18px 8px 0;
    margin: 0 auto;
  }
  .l-lineup.-green .l-lineup_header.-low {
    background: #fff;
  }
  .l-lineup.-green .l-lineup_nav {
    background-color: #fff;
  }
  .l-lineup.-green .l-lineup_nav_low_link {
    background-color: #fff;
    border-color: #c9c9c9;
    box-shadow: inset 10px 0 0 #479296;
  }
  .l-lineup.-green .l-lineup_nav_low_link.is-current, .l-lineup.-green .l-lineup_nav_low_link:hover {
    color: #fff;
    background-color: #479296;
    border-color: #c9c9c9;
    border-left-color: #479296;
  }
  .l-lineup.-green .l-lineup_nav_lowAside_link {
    background-color: #d0f6f8;
    background-image: url("../../common/images/icon_arrow_right_green.gif");
  }
  .l-lineup.-green .l-lineup_nav_lowAside_link.is-current {
    background-color: #479296;
    background-image: url("../../common/images/icon_arrow_right_white.gif");
  }
  .l-lineup.-orange .l-lineup_header.-low {
    background: #fff;
  }
  .l-lineup.-orange .l-lineup_nav {
    background: #fff;
  }
  .l-lineup.-orange .l-lineup_nav.-top {
    background: #fff;
  }
  .l-lineup.-orange .l-lineup_nav_low_link {
    background-color: #fff;
    border-color: #c9c9c9;
    box-shadow: inset 10px 0 0 #a26e19;
  }
  .l-lineup.-orange .l-lineup_nav_low_link.is-current, .l-lineup.-orange .l-lineup_nav_low_link:hover {
    color: #fff;
    background-color: #a26e19;
    border-color: #c9c9c9;
    border-left-color: #a26e19;
  }
  .l-lineup.-orange .l-lineup_nav_low_link.-top {
    background-color: #fff;
    border-color: #c9c9c9;
    box-shadow: inset 10px 0 0 #a26e19;
  }
  .l-lineup.-orange .l-lineup_nav_low_link.-top.is-current, .l-lineup.-orange .l-lineup_nav_low_link.-top:hover {
    color: #fff;
    background-color: #a26e19;
    border-color: #c9c9c9;
    border-left-color: #a26e19;
  }
  .l-lineup.-orange .l-lineup_nav_lowAside_link {
    background-color: #cfae5e;
    background-image: url("../../common/images/icon_arrow_right_orange.gif");
  }
  .l-lineup.-orange .l-lineup_nav_lowAside_link.is-current {
    background-color: #a26e19;
    background-image: url("../../common/images/icon_arrow_right_white.gif");
  }
}
/* ==========================================================================
 Object
========================================================================== */
/* -----------------------------------------------------------------
 Project
----------------------------------------------------------------- */
/* -----------------------------------------------------------------
 ttlBox
----------------------------------------------------------------- */
.p-ttlBox {
  margin-top: 40px;
  background-color: #67c4c9;
  background-image: -webkit-linear-gradient(to bottom, #87e1e6 0%, #4cb0b5 70%);
  background-image: linear-gradient(to bottom, #87e1e6 0%, #4cb0b5 70%);
  padding: 15px 10px;
  position: relative;
  color: #fff;
  width: 100%;
  max-width: 100%;
  display: -webkit-box;
  display: box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  box-direction: normal;
  -webkit-flex-flow: column nowrap;
  flex-flow: column nowrap;
}
.p-ttlBox .p-ttlBox_head {
  width: auto;
  -webkit-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  margin: -90px 0px 20px;
  text-align: center;
}
.p-ttlBox .p-ttlBox_head_img {
  border: 4px solid #fff;
  display: inline-block;
  border-radius: 50%;
  margin-bottom: 3px;
}
.p-ttlBox .p-ttlBox_head_img.-square {
  border-radius: 10px;
  margin-bottom: 0px;
}
.p-ttlBox .p-ttlBox_img {
  width: auto;
  -webkit-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  margin: 0 -10px 5px;
  text-align: center;
  min-height: 130px;
}
.p-ttlBox .p-ttlBox_txt {
  width: auto;
  -webkit-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  display: -webkit-box;
  display: box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  box-direction: normal;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 10px;
  height: 50px;
  text-align: center;
}
.p-ttlBox .p-ttlBox_note {
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 2.6;
  padding-bottom: 25px;
  background: -webkit-repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 3.3rem, white 3.3rem, white 3.4rem);
  background: repeating-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 3.3rem, white 3.3rem, white 3.4rem);
}
.p-ttlBox .p-ttlBox_btn {
  width: auto;
  -webkit-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  margin: auto 15px 10px;
}

@media screen and (max-width: 1230px) {
  .p-ttlBox {
    padding: 15px 10px;
    margin-top: 20px;
  }
  .p-ttlBox .p-ttlBox_head {
    margin: -70px -5px 20px;
  }
  .p-ttlBox .p-ttlBox_head_img {
    border-width: 3px;
    margin-bottom: 0;
  }
  .p-ttlBox .p-ttlBox_head_img.-square {
    margin-bottom: 0px;
  }
  .p-ttlBox .p-ttlBox_img {
    margin: 0 -5px 15px;
  }
  .p-ttlBox .p-ttlBox_txt {
    margin-bottom: 10px;
  }
  .p-ttlBox .p-ttlBox_btn {
    margin: auto 5px 10px;
  }
}
@media screen and (max-width: 640px) {
  .p-ttlBox {
    margin: 0;
    padding: 10px;
    min-height: 105px;
    display: -webkit-box;
    display: box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    box-orient: horizontal;
    -webkit-box-direction: normal;
    box-direction: normal;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  .p-ttlBox .p-ttlBox_head {
    width: 55px;
    -webkit-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 55px;
    flex: 0 0 55px;
    -webkit-align-self: center;
    align-self: center;
    margin: 0 12px 0 0;
  }
  .p-ttlBox .p-ttlBox_head_img {
    border-width: 2px;
    margin-bottom: 0;
    margin-top: 5px;
    width: 55px;
    height: 55px;
  }
  .p-ttlBox .p-ttlBox_head_img.-square {
    width: 35px;
    height: 55px;
    margin-bottom: 0px;
    border-radius: 4px;
  }
  .p-ttlBox .p-ttlBox_img {
    -webkit-align-self: flex-end;
    align-self: flex-end;
    width: 95px;
    -webkit-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 95px;
    flex: 0 0 95px;
    margin: 0 12px 0 0;
    min-height: 0;
    display: none;
  }
  .p-ttlBox .p-ttlBox_txt {
    width: auto;
    -webkit-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-box-pack: start;
    box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    width: 100%;
    font-size: 1.2rem;
    margin-bottom: 5px;
    height: auto;
    text-align: left;
  }
  .p-ttlBox .p-ttlBox_note {
    width: 100%;
    font-size: 1.2rem;
    line-height: 1.8;
    padding-bottom: 0;
    background: none;
  }
  .p-ttlBox .p-ttlBox_btn {
    display: none;
  }
  .p-ttlBox .p-ttlBox_unit {
    background: url(/regza/bd_dvd/common/images/icon_next.png) right center no-repeat;
    background-size: 14px auto;
    padding-right: 30px;
    width: 100%;
    max-width: 100%;
  }
}
/* -----------------------------------------------------------------
 relationBox
----------------------------------------------------------------- */
.p-relationBox {
  padding: 15px 20px;
  position: relative;
  width: 100%;
  max-width: 100%;
  background-color: #fff;
  border-radius: 4px;
  color: #666;
  display: -webkit-box;
  display: box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  box-direction: normal;
  -webkit-flex-flow: column nowrap;
  flex-flow: column nowrap;
}
.p-relationBox .p-relationBox_head {
  width: auto;
  -webkit-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  margin: -15px -20px 40px;
}
.p-relationBox .p-relationBox_img {
  width: auto;
  -webkit-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  margin: 0 0 20px;
  text-align: center;
}
.p-relationBox .p-relationBox_txt {
  width: auto;
  -webkit-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 20px;
}
.p-relationBox .p-relationBox_btn {
  width: auto;
  -webkit-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  margin: auto 15px 10px;
}
.p-relationBox .p-relationBox_small {
  width: auto;
  -webkit-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1 0 auto;
  flex: 1 0 auto;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.2;
  margin-bottom: 20px;
  text-align: center;
}
.p-relationBox .p-relationBox_small.-orange {
  width: auto;
  -webkit-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  color: #f79700;
}
.p-relationBox .p-relationBox_txt {
  width: auto;
  -webkit-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 20px;
}

@media screen and (max-width: 1230px) {
  .p-relationBox {
    padding: 15px 10px;
  }
  .p-relationBox .p-relationBox_head {
    margin: -15px -10px 40px;
  }
  .p-relationBox .p-relationBox_img {
    margin: 0 0 20px;
  }
  .p-relationBox .p-relationBox_txt {
    margin-bottom: 10px;
  }
  .p-relationBox .p-relationBox_btn {
    margin: auto 5px 10px;
  }
}
@media screen and (max-width: 640px) {
  .p-relationBox {
    padding: 8px 10px;
    border-radius: 2px;
  }
  .p-relationBox .p-relationBox_head {
    margin: -8px -10px 20px;
  }
  .p-relationBox .p-relationBox_img {
    margin: 0 0 20px;
  }
  .p-relationBox .p-relationBox_txt {
    font-size: 1rem;
    margin-bottom: 10px;
  }
  .p-relationBox .p-relationBox_btn {
    margin: auto 8px 5px;
  }
  .p-relationBox .p-relationBox_small {
    font-size: 1rem;
    margin-bottom: 10px;
  }
  .p-relationBox .p-relationBox_txt {
    font-size: 1rem;
    margin-bottom: 10px;
  }
}
/* -----------------------------------------------------------------
 capBox
----------------------------------------------------------------- */
.p-capBox {
  background-color: #fff;
  border: 1px solid #f2914a;
  padding: 14px;
  position: relative;
  color: #fff;
  width: 100%;
  max-width: 100%;
  display: -webkit-box;
  display: box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  box-direction: normal;
  -webkit-flex-flow: column nowrap;
  flex-flow: column nowrap;
}
.p-capBox .p-capBox_head {
  width: auto;
  -webkit-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  background-color: #f2914a;
  margin: -14px -14px 15px;
  padding: 10px;
  font-size: 1.9rem;
  font-weight: 700;
  text-align: center;
}
.p-capBox .p-capBox_img {
  width: auto;
  -webkit-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  margin: 0 0 20px;
  text-align: center;
}
.p-capBox .p-capBox_txt {
  width: auto;
  -webkit-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  color: #535353;
  font-size: 1.6rem;
  font-weight: 400;
  margin-bottom: 0;
  line-height: 1.6;
}
.p-capBox .p-capBox_btn {
  width: auto;
  -webkit-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  margin: auto 15px 10px;
}
.p-capBox .p-capBox_small {
  width: auto;
  -webkit-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.2;
  margin-bottom: 20px;
  text-align: center;
}
.p-capBox .p-capBox_small.-orange {
  color: #f79700;
}

@media screen and (max-width: 1230px) {
  .p-capBox {
    padding: 15px 10px;
  }
  .p-capBox .p-capBox_head {
    margin: -15px -10px 20px;
  }
  .p-capBox .p-capBox_img {
    margin: 0 -5px 15px;
  }
  .p-capBox .p-capBox_txt {
    margin-bottom: 10px;
  }
  .p-capBox .p-capBox_btn {
    margin: auto 5px 10px;
  }
}
@media screen and (max-width: 640px) {
  .p-capBox {
    padding: 10px;
    -webkit-box-orient: horizontal;
    box-orient: horizontal;
    -webkit-box-direction: normal;
    box-direction: normal;
    display: block;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
  }
  .p-capBox .p-capBox_head {
    margin: -10px -10px 10px;
    padding: 5px;
    font-size: 1.4rem;
    width: 100%;
    -webkit-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
  }
  .p-capBox .p-capBox_img {
    width: 40%;
    -webkit-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1 1 40%;
    flex: 1 1 40%;
    padding-right: 10px;
    max-width: 40%;
    margin: 0 0 10px;
  }
  .p-capBox .p-capBox_txt {
    width: 60%;
    -webkit-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1 1 60%;
    flex: 1 1 60%;
    max-width: 60%;
    font-size: 1.2rem;
  }
  .p-capBox .p-capBox_btn {
    margin: auto 8px 5px;
  }
  .p-capBox .p-capBox_small {
    font-size: 1rem;
    margin-bottom: 10px;
  }
}
/* -----------------------------------------------------------------
 radiusBox
----------------------------------------------------------------- */
.p-radiusBox {
  background-color: #67c4c9;
  padding: 30px 10px 0;
  position: relative;
  color: #fff;
  width: 100%;
  max-width: 100%;
  border-radius: 30px;
  display: -webkit-box;
  display: box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  box-direction: normal;
  -webkit-flex-flow: column nowrap;
  flex-flow: column nowrap;
}
.p-radiusBox .p-radiusBox_head {
  width: auto;
  -webkit-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  margin: -23px -10px 20px;
}
.p-radiusBox .p-radiusBox_head.-posLT {
  position: absolute;
  left: -30px;
  top: -12px;
  margin: auto;
}
.p-radiusBox .p-radiusBox_img {
  width: auto;
  -webkit-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  margin: 0 -20px 15px;
  text-align: center;
}
.p-radiusBox .p-radiusBox_txt {
  width: auto;
  -webkit-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 20px;
}
.p-radiusBox .p-radiusBox_btn {
  width: auto;
  -webkit-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  margin: auto 15px 10px;
}
.p-radiusBox .p-radiusBox_small {
  width: auto;
  -webkit-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.2;
  margin-bottom: 20px;
  text-align: center;
}
.p-radiusBox .p-radiusBox_small.-orange {
  color: #f79700;
}
.p-radiusBox .p-radiusBox_icon {
  width: auto;
  -webkit-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  margin: -5px -20px 15px;
  text-align: center;
}

@media screen and (max-width: 1230px) {
  .p-radiusBox {
    padding: 20px 8px 0;
  }
  .p-radiusBox .p-radiusBox_head {
    margin: -23px -5px 20px;
  }
  .p-radiusBox .p-radiusBox_head.-posLT {
    left: -40px;
    width: 70px;
  }
  .p-radiusBox .p-radiusBox_img {
    margin: 0 -5px 15px;
  }
  .p-radiusBox .p-radiusBox_txt {
    margin-bottom: 10px;
  }
  .p-radiusBox .p-radiusBox_btn {
    margin: auto 5px 10px;
  }
  .p-radiusBox .p-radiusBox_icon {
    margin: -5px -5px 15px;
  }
}
@media screen and (max-width: 640px) {
  .p-radiusBox {
    padding: 10px 2px 0;
    border-radius: 15px;
  }
  .p-radiusBox .p-radiusBox_head {
    width: auto;
    -webkit-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0px 0px 10px;
  }
  .p-radiusBox .p-radiusBox_head.-posLT {
    position: static;
    margin: 0 auto 10px;
  }
  .p-radiusBox .p-radiusBox_img {
    margin: 0 -10px 8px;
    display: none;
  }
  .p-radiusBox .p-radiusBox_txt {
    width: auto;
    -webkit-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    font-size: 1rem;
    margin-bottom: 10px;
  }
  .p-radiusBox .p-radiusBox_btn {
    margin: auto 8px 5px;
  }
  .p-radiusBox .p-radiusBox_small {
    font-size: 1rem;
    margin-bottom: 10px;
  }
  .p-radiusBox .p-radiusBox_icon {
    margin: -5px -10px 8px;
  }
}
/* -----------------------------------------------------------------
 tagBox
----------------------------------------------------------------- */
.p-tagBox {
  display: block;
  border: 5px solid #99dbdf;
  padding: 12px 15px;
  display: -webkit-box;
  display: box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  box-direction: normal;
  -webkit-flex-flow: column nowrap;
  flex-flow: column nowrap;
  width: 100%;
  max-width: 100%;
}
.p-tagBox .p-tagBox_ttl {
  width: auto;
  -webkit-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  font-size: 1.8rem;
  font-weight: 700;
  color: #fff;
  background-color: #479296;
  padding: 5px;
  padding-left: 30px;
  margin-left: -30px;
  position: relative;
  margin-bottom: 20px;
}
.p-tagBox .p-tagBox_ttl::before {
  content: "";
  border-style: solid;
  border-color: #257074 #257074 transparent transparent;
  border-width: 5px;
  position: absolute;
  left: 0;
  bottom: -10px;
}
.p-tagBox .p-tagBox_txt {
  width: auto;
  -webkit-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  font-size: 2.2rem;
  font-weight: 400;
  color: #449397;
  line-height: 1.4;
  margin-bottom: 15px;
}
.p-tagBox .p-tagBox_img {
  width: auto;
  -webkit-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  text-align: center;
  margin-top: auto;
  margin-bottom: 10px;
}

@media screen and (max-width: 640px) {
  .p-tagBox {
    border-width: 3px;
    padding: 6px 8px;
  }
  .p-tagBox .p-tagBox_ttl {
    font-size: 1rem;
    padding: 3px;
    padding-left: 16px;
    margin-left: -16px;
    margin-bottom: 10px;
  }
  .p-tagBox .p-tagBox_ttl::before {
    border-width: 3px;
    bottom: -6px;
  }
  .p-tagBox .p-tagBox_txt {
    font-size: 1rem;
    margin-bottom: 10px;
  }
  .p-tagBox .p-tagBox_img {
    padding: 0 10px;
    margin-bottom: 5px;
    width: auto;
    -webkit-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    display: -webkit-box;
    display: box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    box-orient: horizontal;
    -webkit-box-direction: normal;
    box-direction: normal;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%;
    max-width: 80%;
    margin: auto;
  }
  .p-tagBox .p-tagBox_img img {
    width: 100%;
  }
}
/* -----------------------------------------------------------------
 balloon　吹き出し
----------------------------------------------------------------- */
.p-balloon {
  width: 100%;
  background-color: #479296;
  font-size: 1.6rem;
  font-weight: 400;
  color: #fff;
  padding: 15px 10px;
  text-align: center;
  position: relative;
}
.p-balloon.-topNone {
  padding-top: 4px;
}
.p-balloon.-radius {
  border-radius: 4px;
}
.p-balloon.-strong {
  font-size: 2rem;
  font-weight: 700;
}
.p-balloon::after {
  content: "";
  position: absolute;
  bottom: -24px;
  left: 0;
  right: 0;
  border-color: #479296 transparent transparent transparent;
  margin: auto;
  border-width: 12px 8px;
  border-style: solid;
  width: 0;
  height: 0;
}
.p-balloon.-type02 {
  border-radius: 2px;
  background-color: #000;
}
.p-balloon.-type02::after {
  content: "";
  position: absolute;
  bottom: -40px;
  left: 0;
  right: 0;
  border-color: #000 transparent transparent transparent;
  margin: auto;
  border-width: 20px 12px;
  border-style: solid;
  width: 0;
  height: 0;
}
.p-balloon.-type03 {
  background-color: #1297a1;
}
.p-balloon.-type03::after {
  content: "";
  position: absolute;
  bottom: -40px;
  left: 0;
  right: 0;
  border-color: #1297a1 transparent transparent transparent;
  margin: auto;
  border-width: 20px 12px;
  border-style: solid;
  width: 0;
  height: 0;
}

@media screen and (max-width: 640px) {
  .p-balloon {
    font-size: 1.2rem;
    padding: 6px 5px;
  }
  .p-balloon.-topNone {
    padding-top: 2px;
  }
  .p-balloon.-radius {
    border-radius: 2px;
  }
  .p-balloon.-strong {
    font-size: 1.6rem;
  }
  .p-balloon::after {
    content: "";
    position: absolute;
    bottom: -12px;
    left: 0;
    right: 0;
    border-color: #479296 transparent transparent transparent;
    margin: auto;
    border-width: 6px 4px;
    border-style: solid;
    width: 0;
    height: 0;
  }
  .p-balloon.-type02 {
    border-radius: 2px;
  }
  .p-balloon.-type02::after {
    content: "";
    position: absolute;
    bottom: -20px;
    left: 0;
    right: 0;
    border-color: #000 transparent transparent transparent;
    margin: auto;
    border-width: 10px 6px;
    border-style: solid;
    width: 0;
    height: 0;
  }
}
/* -----------------------------------------------------------------
 ttl　タイトル系
----------------------------------------------------------------- */
.p-ttl {
  text-align: center;
  font-size: 3.6rem;
  font-weight: 700;
  color: #535353;
  margin-bottom: 30px;
}
.p-ttl .p-ttl_xl {
  font-size: 3.2rem;
}
.p-ttl .p-ttl_l {
  font-size: 2.8rem;
}
.p-ttl .p-ttl_ls {
  font-size: 2.4rem;
}
.p-ttl .p-ttl_ml {
  font-size: 2.2rem;
  font-weight: 700;
}
.p-ttl .p-ttl_m {
  font-size: 2rem;
  font-weight: 400;
}
.p-ttl .p-ttl_m.-clr {
  color: #449397;
}
.p-ttl .p-ttl_ms {
  font-size: 1.8rem;
}
.p-ttl .p-ttl_s {
  font-size: 1.4rem;
}
.p-ttl .p-ttl_underline {
  font-size: 4rem;
  display: inline-block;
  padding-bottom: 10px;
  line-height: 1.1;
  border-bottom: 1px dotted #67c4c9;
}
.p-ttl .p-ttl_underline02 {
  font-size: 2rem;
  font-weight: 700;
  display: inline-block;
  padding-bottom: 10px;
  line-height: 1.1;
  border-bottom: 1px solid #3b9dda;
}
.p-ttl.-cmn {
  font-size: 2.8rem;
  color: #333;
  margin-bottom: 20px;
  text-align: left;
}
.p-ttl.-line {
  color: #f19149;
  margin-bottom: 30px;
  height: 10px;
  background-color: #f19149;
  display: -webkit-box;
  display: box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  box-direction: normal;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
}
.p-ttl.-line > * {
  background-color: #fff;
  display: inline-block;
  padding: 0 30px;
}
.p-ttl.-dline {
  color: #dd6f02;
  margin-bottom: 30px;
  height: 4px;
  border-top: 1px solid #dd6f02;
  border-bottom: 1px solid #dd6f02;
  display: -webkit-box;
  display: box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  box-direction: normal;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
}
.p-ttl.-dline > * {
  background-color: #fff;
  display: inline-block;
  padding: 0 30px;
}
.p-ttl.-hrline {
  margin-bottom: 30px;
  height: 1px;
  background-color: #000;
  display: -webkit-box;
  display: box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  box-direction: normal;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
}
.p-ttl.-hrline > * {
  background-color: #fff;
  display: inline-block;
  padding: 0 30px;
}
.p-ttl.-weak {
  font-size: 2rem;
  color: #2babb0;
}
.p-ttl.-em {
  font-size: 1.8rem;
  font-weight: 700;
  margin-bottom: 20px;
  text-align: left;
}
.p-ttl.-normal {
  font-size: 1.6rem;
  font-weight: 700;
  margin-bottom: 10px;
  text-align: left;
}
.p-ttl.-aside {
  font-size: 1.4rem;
  font-weight: 400;
  margin-bottom: 10px;
  text-align: left;
}
.p-ttl.-min {
  font-size: 1.2rem;
  font-weight: 700;
  margin-bottom: 3px;
  text-align: left;
}
.p-ttl.-min02 {
  font-size: 1.2rem;
  font-weight: 700;
  margin-bottom: 3px;
  text-align: left;
  color: #898989;
}
.p-ttl.-sub {
  font-size: 2.7rem;
}
.p-ttl.-sub02 {
  font-size: 1.9rem;
}
.p-ttl.-tag {
  text-align: left;
  color: #449397;
  margin-bottom: 10px;
  border-left: 10px solid #449397;
  background-color: #f9f5eb;
  box-shadow: 1px 0 0 #fff inset;
  padding: 10px 20px;
}
.p-ttl.-tagClr {
  text-align: left;
  color: #c09738;
  margin-bottom: 10px;
  border-left: 10px solid #c09738;
  background-color: #f9f5eb;
  box-shadow: 1px 0 0 #fff inset;
  padding: 10px 20px;
}
.p-ttl.-bdr {
  font-size: 1.8rem;
  font-weight: 400;
  color: #449397;
  border-left: 10px solid #67c4c9;
  padding-left: 10px;
  text-align: left;
  margin-bottom: 20px;
}
.p-ttl.-bdr02 {
  font-size: 1.8rem;
  font-weight: 700;
  border-left: 10px solid #67c4c9;
  padding-left: 10px;
  text-align: left;
  margin-bottom: 10px;
}
.p-ttl.-bdr03 {
  font-size: 1.8rem;
  font-weight: 700;
  border-left: 10px solid #67c4c9;
  padding-left: 10px;
  text-align: left;
  margin-bottom: 20px;
  color: #479296;
}
.p-ttl.-bdr04 {
  font-size: 1.8rem;
  font-weight: 700;
  border-left: 10px solid #67c4c9;
  padding-left: 10px;
  text-align: left;
  margin-bottom: 20px;
  color: #479296;
  letter-spacing: -.01em;
  display: -webkit-box;
  display: box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  box-direction: normal;
  -webkit-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: start;
  box-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  height: 55px;
}
.p-ttl.-bdr05 {
  font-size: 2rem;
  font-weight: 700;
  color: #535353;
  border-left: 10px solid #98610f;
  padding-left: 10px;
  text-align: left;
  margin-bottom: 20px;
}
.p-ttl.-before {
  font-size: 2.4rem;
  font-weight: 700;
  color: #535353;
  text-align: left;
  margin-bottom: 20px;
  padding: 5px 0 5px 25px;
  position: relative;
}
.p-ttl.-before::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 14px;
  height: auto;
  margin: auto;
  background-color: #dbc96e;
  border-radius: 5px;
}
.p-ttl.-before02 {
  font-size: 2rem;
  font-weight: 700;
  color: #535353;
  text-align: left;
  margin-bottom: 20px;
  padding: 3px 0 3px 22px;
  position: relative;
}
.p-ttl.-before02::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 10px;
  height: auto;
  margin: auto;
  background-image: -webkit-linear-gradient(to bottom, #98610f 0%, #98610f 50%, #c59d3d 50.1%, #c59d3d 100%);
  background-image: linear-gradient(to bottom, #98610f 0%, #98610f 50%, #c59d3d 50.1%, #c59d3d 100%);
}
.p-ttl.-clr {
  font-size: 3rem;
  font-weight: 400;
  color: #f18d58;
}
.p-ttl.-clr02Orange {
  font-size: 2rem;
  font-weight: 700;
  color: #ffa800;
  text-align: left;
}
.p-ttl.-clr03Orange {
  font-size: 1.7rem;
  font-weight: 700;
  color: #ffa800;
  text-align: left;
  margin-bottom: 10px;
}
.p-ttl.-clr02 {
  font-size: 2rem;
  font-weight: 700;
  color: #36a3b7;
  text-align: left;
}
.p-ttl.-clr02L {
  font-size: 2.4rem;
  font-weight: 700;
  color: #1297a1;
}
.p-ttl.-clr02S {
  font-size: 1.8rem;
  font-weight: 400;
  color: #1297a1;
  text-align: left;
  margin-bottom: 15px;
}
.p-ttl.-clr03 {
  font-size: 1.8rem;
  font-weight: 700;
  color: #3b9dda;
  text-align: left;
}
.p-ttl.-clr03L {
  font-size: 2.2rem;
  font-weight: 700;
  color: #3b9dda;
  text-align: left;
}
.p-ttl.-clr04 {
  font-size: 2.3rem;
  font-weight: 400;
  color: #eea900;
}
.p-ttl.-num {
  font-size: 1.8rem;
  font-weight: 400;
  color: #535353;
  text-align: left;
  position: relative;
  padding-left: 50px;
}
.p-ttl.-num::before {
  content: attr(data-num);
  background-color: #449397;
  font-size: 1.6rem;
  font-weight: 700;
  text-align: center;
  height: 36px;
  width: 36px;
  padding-top: 6px;
  display: block;
  border-radius: 50%;
  color: #fff;
  position: absolute;
  left: 0;
  top: 0;
  margin: auto;
}
.p-ttl.-num02 {
  font-size: 1.8rem;
  font-weight: 400;
  color: #fff;
  text-align: left;
  position: relative;
  padding-left: 50px;
}
.p-ttl.-num02::before {
  content: attr(data-num);
  background-color: #fff;
  font-size: 1.6rem;
  font-weight: 700;
  text-align: center;
  height: 36px;
  width: 36px;
  padding-top: 6px;
  display: block;
  border-radius: 50%;
  color: #f2914a;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.p-ttl.-numVal {
  font-size: 1.6rem;
  font-weight: 400;
  color: #449397;
  text-align: left;
  position: relative;
  padding-left: 70px;
}
.p-ttl.-numVal::before {
  content: attr(data-num);
  background-color: #449397;
  font-size: 2rem;
  font-weight: 700;
  text-align: center;
  height: 55px;
  width: 55px;
  padding-top: 12px;
  display: block;
  border-radius: 50%;
  color: #fff;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.p-ttl.-numS {
  font-size: 1.9rem;
  font-weight: 700;
  color: #535353;
  text-align: left;
  position: relative;
  padding-left: 40px;
}
.p-ttl.-numS::before {
  content: attr(data-num);
  background-color: #67c4c9;
  font-size: 1.7rem;
  font-weight: 400;
  text-align: center;
  height: 28px;
  width: 28px;
  padding-top: 2px;
  display: block;
  border-radius: 50%;
  color: #fff;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.p-ttl.-numS02 {
  font-size: 1.6rem;
  font-weight: 400;
  color: #449397;
  text-align: left;
  position: relative;
  padding-left: 40px;
}
.p-ttl.-numS02::before {
  content: attr(data-num);
  background-color: #449397;
  font-size: 1.7rem;
  font-weight: 400;
  text-align: center;
  height: 28px;
  width: 28px;
  padding-top: 2px;
  display: block;
  border-radius: 50%;
  color: #fff;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.p-ttl.-numS03 {
  font-size: 1.6rem;
  font-weight: 400;
  color: #dd6f02;
  text-align: left;
  position: relative;
  padding-left: 40px;
  margin-bottom: 20px;
}
.p-ttl.-numS03::before {
  content: attr(data-num);
  background-color: #dd6f02;
  font-size: 1.6rem;
  font-weight: 400;
  text-align: center;
  height: 28px;
  width: 28px;
  padding-top: 2px;
  display: block;
  border-radius: 50%;
  color: #fff;
  position: absolute;
  left: 0;
  top: 0;
  margin: auto;
}
.p-ttl.-numBdr {
  font-size: 1.4rem;
  font-weight: 400;
  text-align: left;
  position: relative;
  padding-left: 40px;
  margin: 0;
}
.p-ttl.-numBdr::before {
  content: attr(data-num);
  border: 1px solid #3097dc;
  font-size: 1.5rem;
  font-weight: 400;
  text-align: center;
  height: 22px;
  width: 22px;
  display: block;
  border-radius: 50%;
  color: #3097dc;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.p-ttl.-fill, .p-ttl.-fillBdr {
  background-color: #000;
  color: #fff;
  text-align: left;
  font-size: 1.4rem;
  margin-bottom: 20px;
  padding: 3px 10px;
}
.p-ttl.-fillBdr {
  position: relative;
  padding-left: 24px;
}
.p-ttl.-fillBdr::before {
  content: "";
  position: absolute;
  width: 6px;
  top: 3px;
  bottom: 3px;
  left: 10px;
  background-color: #fff;
}
.p-ttl.-fill02 {
  background-color: #449397;
  color: #fff;
  text-align: center;
  font-size: 2.4rem;
  margin-bottom: 10px;
  padding: 3px 10px 1px;
}
.p-ttl.-fill03 {
  background-color: #01547c;
  color: #fff;
  text-align: center;
  font-size: 1.4rem;
  margin-bottom: 10px;
  padding: 8px 0 8px;
}
.p-ttl.-fill04 {
  background-color: #fae2ce;
  color: #535353;
  text-align: center;
  font-size: 1.6rem;
  margin-bottom: 10px;
  padding: 8px 0 8px;
}
.p-ttl.-outline {
  border: 2px solid #dbc96e;
  border-radius: 100px;
  padding: 10px 15px;
  background-color: #fff;
  font-size: 1.8rem;
  font-weight: 700;
  text-align: center;
  display: block;
}
.p-ttl.-order {
  font-size: 9rem;
  font-weight: 400;
  color: #f8ccb3;
  text-align: left;
  border-bottom: 1px solid #f8c8a4;
  line-height: 1.1;
  position: relative;
}
.p-ttl.-order::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 0;
  height: 0;
  border: 30px solid transparent;
  border-color: transparent transparent #f8c8a4 #f8c8a4;
}
.p-ttl.-gold {
  color: #c59d3d;
}

@media screen and (max-width: 640px) {
  .p-ttl {
    font-size: 1.8rem;
    margin-bottom: 15px;
  }
  .p-ttl .p-ttl_xl {
    font-size: 1.6rem;
  }
  .p-ttl .p-ttl_l {
    font-size: 1.4rem;
  }
  .p-ttl .p-ttl_ls {
    font-size: 1.2rem;
  }
  .p-ttl .p-ttl_ml {
    font-size: 1.1rem;
  }
  .p-ttl .p-ttl_m {
    font-size: 1rem;
  }
  .p-ttl .p-ttl_ms {
    font-size: 1.2rem;
  }
  .p-ttl .p-ttl_s {
    font-size: 1.2rem;
  }
  .p-ttl .p-ttl_underline {
    font-size: 4rem;
    padding-bottom: 10px;
    border-bottom-width: 2px;
    zoom: .5;
  }
  .p-ttl .p-ttl_underline02 {
    font-size: 1.6rem;
    padding-bottom: 5px;
  }
  .p-ttl.-cmn {
    font-size: 1.4rem;
    margin-bottom: 5px;
  }
  .p-ttl.-line {
    margin-bottom: 15px;
    height: 5px;
  }
  .p-ttl.-line > * {
    padding: 0 15px;
  }
  .p-ttl.-dline {
    margin-bottom: 25px;
    height: 2px;
  }
  .p-ttl.-dline > * {
    padding: 0 15px;
  }
  .p-ttl.-hrline {
    margin-bottom: 15px;
  }
  .p-ttl.-hrline > * {
    padding: 0 15px;
  }
  .p-ttl.-weak {
    font-size: 1.5rem;
  }
  .p-ttl.-em {
    font-size: 1.3rem;
    margin-bottom: 10px;
  }
  .p-ttl.-normal {
    font-size: 1.2rem;
    margin-bottom: 5px;
  }
  .p-ttl.-aside {
    font-size: 1rem;
    margin-bottom: 5px;
  }
  .p-ttl.-min {
    font-size: 1rem;
  }
  .p-ttl.-sub {
    font-size: 1.3rem;
  }
  .p-ttl.-sub02 {
    font-size: 1.4rem;
  }
  .p-ttl.-tag {
    margin-bottom: 5px;
    border-left-width: 5px;
    padding: 5px 10px;
  }
  .p-ttl.-tagClr {
    margin-bottom: 5px;
    border-left-width: 5px;
    padding: 5px 10px;
  }
  .p-ttl.-bdr {
    font-size: 1.3rem;
    border-left-width: 5px;
    padding-left: 5px;
    margin-bottom: 10px;
  }
  .p-ttl.-bdr02 {
    font-size: 1.3rem;
    border-left-width: 5px;
    padding-left: 5px;
    margin-bottom: 5px;
  }
  .p-ttl.-bdr03 {
    font-size: 1.3rem;
    border-left-width: 5px;
    padding-left: 5px;
    margin-bottom: 10px;
  }
  .p-ttl.-bdr04 {
    font-size: 1.3rem;
    border-left-width: 5px;
    padding-left: 5px;
    margin-bottom: 10px;
    height: 40px;
  }
  .p-ttl.-bdr05 {
    font-size: 1.3rem;
    border-left-width: 5px;
    padding-left: 5px;
    margin-bottom: 10px;
  }
  .p-ttl.-before {
    font-size: 1.6rem;
    margin-bottom: 10px;
    padding: 3px 0 3px 12px;
  }
  .p-ttl.-before::before {
    width: 7px;
    border-radius: 3px;
  }
  .p-ttl.-before02 {
    font-size: 1.6rem;
    margin-bottom: 10px;
    padding: 3px 0 3px 12px;
  }
  .p-ttl.-before02::before {
    width: 5px;
  }
  .p-ttl.-clr {
    font-size: 1.5rem;
  }
  .p-ttl.-clr02Orange {
    font-size: 1.5rem;
  }
  .p-ttl.-clr03Orange {
    font-size: 1.4rem;
    margin-bottom: 2px;
  }
  .p-ttl.-clr02 {
    font-size: 1.4rem;
  }
  .p-ttl.-clr02L {
    font-size: 1.5rem;
  }
  .p-ttl.-clr02S {
    font-size: 1.2rem;
    margin-bottom: 8px;
  }
  .p-ttl.-clr03 {
    font-size: 1.2rem;
  }
  .p-ttl.-clr03L {
    font-size: 1.4rem;
  }
  .p-ttl.-clr04 {
    font-size: 1.5rem;
  }
  .p-ttl.-num {
    font-size: 1.2rem;
    padding-left: 25px;
  }
  .p-ttl.-num::before {
    font-size: 1rem;
    height: 18px;
    width: 18px;
    padding-top: 2px;
  }
  .p-ttl.-num02 {
    font-size: 1.2rem;
    padding-left: 25px;
  }
  .p-ttl.-num02::before {
    font-size: 1rem;
    height: 18px;
    width: 18px;
    padding-top: 2px;
  }
  .p-ttl.-numVal {
    font-size: 1.2rem;
    text-align: left;
    padding-left: 0;
  }
  .p-ttl.-numVal::before {
    font-size: 1rem;
    height: auto;
    width: 100%;
    padding-top: 3px;
    border-radius: 0;
    position: static;
    margin-bottom: 5px;
  }
  .p-ttl.-numS {
    font-size: 1.5rem;
    padding-left: 20px;
  }
  .p-ttl.-numS::before {
    font-size: 1rem;
    height: 16px;
    width: 16px;
    padding-top: 0;
  }
  .p-ttl.-numS02 {
    font-size: 1.4rem;
    padding-left: 20px;
  }
  .p-ttl.-numS02::before {
    font-size: 1rem;
    height: 14px;
    width: 14px;
    padding-top: 0;
  }
  .p-ttl.-numS03 {
    font-size: 1.4rem;
    padding-left: 28px;
    margin-bottom: 10px;
  }
  .p-ttl.-numS03::before {
    font-size: 1.4rem;
    height: 20px;
    width: 20px;
    padding-top: 0;
  }
  .p-ttl.-numBdr {
    font-size: 1rem;
    padding-left: 24px;
  }
  .p-ttl.-numBdr::before {
    font-size: 1rem;
    height: 16px;
    width: 16px;
  }
  .p-ttl.-fill, .p-ttl.-fillBdr {
    font-size: 1rem;
    margin-bottom: 10px;
    padding: 2px 5px;
  }
  .p-ttl.-fillBdr {
    padding-left: 12px;
  }
  .p-ttl.-fillBdr::before {
    width: 3px;
    top: 2px;
    bottom: 2px;
    left: 5px;
  }
  .p-ttl.-fill02 {
    font-size: 1.2rem;
    margin-bottom: 5px;
    padding: 2px 5px 1px;
  }
  .p-ttl.-fill03 {
    font-size: 1.2rem;
    margin-bottom: 5px;
    padding: 4px 0 4px;
  }
  .p-ttl.-fill04 {
    font-size: 1.3rem;
    margin-bottom: 5px;
    padding: 4px 0 4px;
  }
  .p-ttl.-outline {
    border-width: 1px;
    padding: 5px 8px;
    font-size: 1.4rem;
  }
  .p-ttl.-order {
    font-size: 4rem;
  }
  .p-ttl.-order::after {
    border-width: 15px;
  }
}
/* -----------------------------------------------------------------
 func　機能アイコン一覧用
----------------------------------------------------------------- */
.p-func {
  width: 100%;
  max-width: 100%;
}
.p-func .p-func_ttl {
  font-size: 2.2rem;
  font-weight: 300;
  color: #535353;
  padding-left: 10px;
  border-left: 10px solid #67c4c9;
  margin-bottom: 20px;
}
.p-func .p-func_unit {
  padding-left: 25px;
  display: -webkit-box;
  display: box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  box-direction: normal;
  display: block;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-align-content: flex-start;
  align-content: flex-start;
}
.p-func .p-func_list {
  width: auto;
  -webkit-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  margin-right: 35px;
  margin-bottom: 40px;
}
.p-func .p-func_list.-txt {
  margin-left: -10px;
  font-size: 4rem;
  font-weight: 300;
}
.p-func .p-func_list.-pack {
  margin: 5px 10px 5px 0;
}
.p-func .p-func_list.-pack.-txt {
  margin-right: 35px;
}
.p-func .p-func_list.-flex {
  display: -webkit-box;
  display: box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.p-func .p-func_list_txt {
  margin-right: 35px;
  font-size: 4rem;
  font-weight: 300;
}
.p-func .p-func_txt {
  border: 1px solid #ccc;
  text-align: center;
  padding: 15px 5px 5px;
  font-size: 1.8rem;
  font-weight: 300;
  color: #535353;
  min-width: 120px;
  line-height: 1.4;
}
.p-func .p-func_mark {
  font-size: 3rem;
  color: inherit;
}
.p-func .p-func_data {
  color: #535353;
}
.p-func .p-func_data_ttl {
  font-size: 1.6rem;
  font-weight: 300;
  margin-bottom: 5px;
}
.p-func .p-func_data_body {
  border: 1px solid #ffaf02;
  margin-bottom: 15px;
  padding: 8px 0;
  margin-right: 20px;
}

@media screen and (max-width: 640px) {
  .p-func .p-func_ttl {
    font-size: 1.1rem;
    padding-left: 5px;
    border-left-width: 5px;
    margin-bottom: 10px;
  }
  .p-func .p-func_unit {
    padding-left: 12px;
    zoom: .5;
  }
  .p-func .p-func_list {
    width: auto;
    -webkit-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-right: 20px;
    margin-bottom: 20px;
  }
  .p-func .p-func_list.-txt {
    font-size: 2rem;
  }
  .p-func .p-func_list.-pack {
    margin: 3px 5px 3px 0;
  }
  .p-func .p-func_list.-pack.-txt {
    margin-right: 15px;
  }
  .p-func .p-func_list_txt {
    margin-left: 0;
    margin-right: 15px;
    font-size: 2rem;
  }
  .p-func .p-func_txt {
    padding: 8px 3px 3px;
    font-size: 1rem;
    min-width: 60px;
  }
  .p-func .p-func_mark {
    font-size: 1.5rem;
    color: inherit;
  }
  .p-func .p-func_data_ttl {
    font-size: 1.1rem;
    margin-bottom: 3px;
  }
  .p-func .p-func_data_body {
    margin-bottom: 10px;
    padding: 5px 0;
    margin-right: 0;
  }
}
/* -----------------------------------------------------------------
 unit テキスト・画像・注釈等のノーマルな組み合わせよう
----------------------------------------------------------------- */
.p-unit {
  display: -webkit-box;
  display: box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  box-direction: normal;
  -webkit-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-align-content: flex-start;
  align-content: flex-start;
  -webkit-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin-bottom: 40px;
  width: 100%;
  max-width: 100%;
}
.p-unit.-nomb {
  margin-bottom: 0;
}
.p-unit .p-unit_ttl {
  width: auto;
  -webkit-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  width: 100%;
  font-size: 1.8rem;
  font-weight: 400;
  color: #535353;
  margin-bottom: 30px;
}
.p-unit .p-unit_ttl.-clrB {
  color: #3b9dda;
  font-weight: 700;
}
.p-unit .p-unit_txt {
  width: auto;
  -webkit-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  width: 100%;
  font-size: 1.8rem;
  font-weight: 400;
  color: #535353;
  margin-bottom: 30px;
}
.p-unit .p-unit_txt:only-child {
  margin-bottom: 0;
}
.p-unit .p-unit_txt.-center {
  text-align: center;
}
.p-unit .p-unit_txt.-nogrow {
  -webkit-flex-grow: 0;
  flex-grow: 0;
}
.p-unit .p-unit_txt.-weak {
  font-size: 1.4rem;
}
.p-unit .p-unit_txt.-light {
  font-size: 1.5rem;
  font-weight: 300;
}
.p-unit .p-unit_txt.-normal {
  font-size: 1.6rem;
  font-weight: 300;
}
.p-unit .p-unit_txt.-caution {
  font-size: 1.5rem;
  font-weight: 400;
  color: #f19149;
  padding-left: 30px;
  text-indent: -30px;
}
.p-unit .p-unit_img {
  width: auto;
  -webkit-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
  margin-bottom: 30px;
  max-width: 100%;
}
.p-unit .p-unit_img.-nomb {
  margin-bottom: 0;
}
.p-unit .p-unit_img_in {
  margin-bottom: 20px;
}
.p-unit .p-unit_img_fit {
  margin-bottom: 5px;
}
.p-unit .p-unit_small {
  width: auto;
  -webkit-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  width: 100%;
  font-size: 1.3rem;
  color: #898989;
  margin-bottom: 30px;
  text-indent: -1.2em;
  padding-left: 1.2em;
  text-align: left;
}
.p-unit .p-unit_small + .p-unit_small {
  margin-top: -20px;
}
.p-unit .p-unit_small:last-child {
  margin-bottom: 0;
}
.p-unit .p-unit_clr {
  width: auto;
  -webkit-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  width: 100%;
  font-size: 1.8rem;
  font-weight: 400;
  color: #449397;
  text-align: center;
}
.p-unit .p-unit_box {
  width: auto;
  -webkit-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  width: 100%;
  margin-bottom: 20px;
}

@media screen and (max-width: 640px) {
  .p-unit {
    margin-bottom: 20px;
  }
  .p-unit .p-unit_ttl {
    font-size: 1.4rem;
    margin-bottom: 15px;
  }
  .p-unit .p-unit_txt {
    font-size: 1.2rem;
    margin-bottom: 15px;
  }
  .p-unit .p-unit_txt:only-child {
    margin-bottom: 0;
  }
  .p-unit .p-unit_txt.-weak {
    font-size: 1rem;
  }
  .p-unit .p-unit_txt.-light {
    font-size: 1.1rem;
  }
  .p-unit .p-unit_txt.-normal {
    font-size: 1.2rem;
  }
  .p-unit .p-unit_txt.-caution {
    font-size: 1.2rem;
    padding-left: 20px;
    text-indent: -20px;
  }
  .p-unit .p-unit_img {
    margin-bottom: 15px;
    text-align: center;
  }
  .p-unit .p-unit_img_in {
    margin-bottom: 10px;
  }
  .p-unit .p-unit_img_fit {
    margin-bottom: 5px;
  }
  .p-unit .p-unit_small {
    font-size: 1rem;
    margin-bottom: 15px;
  }
  .p-unit .p-unit_small + .p-unit_small {
    margin-top: -10px;
  }
  .p-unit .p-unit_small:last-child {
    margin-bottom: 0;
  }
  .p-unit .p-unit_clr {
    font-size: 1.4rem;
  }
  .p-unit .p-unit_box {
    margin-bottom: 10px;
  }
}
/* -----------------------------------------------------------------
 dl　
---------------------------------------------------------------- */
.p-dl {
  width: 100%;
  max-width: 100%;
  display: -webkit-box;
  display: box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  box-direction: normal;
  -webkit-flex-flow: column nowrap;
  flex-flow: column nowrap;
}
.p-dl .p-dl_item {
  width: auto;
  -webkit-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  margin-bottom: 15px;
}
.p-dl .p-dl_grow {
  width: auto;
  -webkit-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  margin-bottom: 15px;
}
.p-dl .p-dl_indent {
  width: auto;
  -webkit-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  padding-left: 20px;
  margin-bottom: 25px;
}
.p-dl .p-dl_indent:last-of-type {
  margin-bottom: 0;
}

@media screen and (max-width: 640px) {
  .p-dl .p-dl_item {
    margin-bottom: 8px;
  }
  .p-dl .p-dl_grow {
    margin-bottom: 8px;
  }
  .p-dl .p-dl_indent {
    padding-left: 12px;
    margin-bottom: 12px;
  }
  .p-dl .p-dl_indent:last-of-type {
    margin-bottom: 0;
  }
}
/* -----------------------------------------------------------------
 separate　左にアイコンや画像。右に説明文などが来るレイアウト
----------------------------------------------------------------- */
.p-separate {
  display: -webkit-box;
  display: box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  box-direction: normal;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  max-width: 100%;
}
.p-separate.-center {
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.p-separate .p-separate_st {
  width: auto;
  -webkit-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  font-size: 1.4rem;
  font-weight: 400;
}
.p-separate .p-separate_en {
  padding-left: 15px;
  width: auto;
  -webkit-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
}
.p-separate .p-separate_en.-bdr {
  border-left: 1px solid #ccc;
  padding-left: 20px;
  margin-left: 20px;
}

@media screen and (max-width: 640px) {
  .p-separate .p-separate_st {
    font-size: 1.2rem;
  }
  .p-separate .p-separate_en {
    padding-left: 8px;
  }
  .p-separate .p-separate_en.-bdr {
    padding-left: 10px;
    margin-left: 10px;
  }
  .p-separate.-spDrop {
    -webkit-box-orient: horizontal;
    box-orient: horizontal;
    -webkit-box-direction: normal;
    box-direction: normal;
    display: block;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-content: flex-start;
    align-content: flex-start;
  }
  .p-separate.-spDrop .p-separate_st {
    width: 100%;
    -webkit-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 100%;
    flex: 0 0 100%;
    margin-bottom: 10px;
    text-align: center;
  }
  .p-separate.-spDrop .p-separate_en {
    width: 100%;
    -webkit-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 100%;
    flex: 0 0 100%;
    text-align: center;
  }
}
/* -----------------------------------------------------------------
 bnr バナーのようなレイアウト
----------------------------------------------------------------- */
.p-bnr {
  background-color: #67c4c9;
  padding: 15px 30px;
  color: #fff;
  display: -webkit-box;
  display: box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  box-direction: normal;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.p-bnr .p-bnr_icon {
  width: 110px;
  -webkit-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 0 110px;
  flex: 0 0 110px;
  background-color: #fff;
  color: #67c4c9;
  border-radius: 50%;
  text-align: center;
  padding: 10px 5px;
}
.p-bnr .p-bnr_unit {
  width: auto;
  -webkit-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  display: -webkit-box;
  display: box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  box-direction: normal;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.p-bnr .p-bnr_txt {
  width: auto;
  -webkit-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 2.8rem;
  font-weight: 400;
  line-height: 1.4;
}
.p-bnr .p-bnr_btn {
  width: 270px;
  -webkit-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 0 270px;
  flex: 0 0 270px;
}

@media screen and (max-width: 640px) {
  .p-bnr {
    padding: 10px 12px;
    -webkit-box-align: start;
    box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
  }
  .p-bnr .p-bnr_icon {
    margin-top: 10px;
    width: 60px;
    -webkit-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 60px;
    flex: 0 0 60px;
    padding: 6px 3px;
    font-size: 1rem;
  }
  .p-bnr .p-bnr_unit {
    padding-left: 10px;
    -webkit-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    box-direction: normal;
    -webkit-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-align: start;
    box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
  }
  .p-bnr .p-bnr_txt {
    padding: 0 0 10px;
    font-size: 1.5rem;
  }
  .p-bnr .p-bnr_btn {
    width: auto;
    -webkit-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 150px;
  }
}
/* -----------------------------------------------------------------
 arw 画像に対して吹き出しのように矢印を向けるもの
----------------------------------------------------------------- */
/* -----------------------------------------------------------------
 step 2つ並びの画像を矢印でつなげるもの
----------------------------------------------------------------- */
.p-step {
  display: -webkit-box;
  display: box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  box-direction: normal;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-align-content: flex-start;
  align-content: flex-start;
  -webkit-box-pack: center;
  box-pack: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin: 0 -10px 40px;
}
.p-step .p-step_list {
  width: 45%;
  -webkit-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 1 45%;
  flex: 0 1 45%;
  padding: 0 10px 10px;
  max-width: 45%;
  position: relative;
  display: -webkit-box;
  display: box;
  display: -webkit-flex;
  display: flex;
}
.p-step .p-step_list::before {
  content: "";
  position: absolute;
  right: -115px;
  top: 0;
  bottom: 0;
  border-color: transparent transparent transparent #449397;
  margin: auto;
  border-width: 22px 40px;
  border-style: solid;
  width: 0;
  height: 0;
  top: -20px;
}
.p-step .p-step_list:last-of-type::before, .p-step .p-step_list:last-of-type::after {
  display: none;
}
.p-step .p-step_list.-grad::before {
  content: "";
  position: absolute;
  right: -115px;
  top: 0;
  bottom: 0;
  border-color: transparent transparent transparent #5485bf;
  margin: auto;
  border-width: 46px 36px;
  border-style: solid;
  width: 0;
  height: 0;
}
.p-step .p-step_list.-grad::after {
  content: "";
  position: absolute;
  right: -79px;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 36px;
  height: 92px;
  background-image: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%);
}
.p-step .p-step_img {
  margin-bottom: 10px;
}
.p-step .p-step_txt {
  font-size: 1.4rem;
  font-weight: 400;
  color: #535353;
  line-height: 1.6;
}
.p-step.-column3 .p-step_list {
  width: 30%;
  -webkit-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 1 30%;
  flex: 0 1 30%;
  max-width: 30%;
}
.p-step.-column3 .p-step_list::before {
  content: "";
  position: absolute;
  right: -60px;
  top: 0;
  bottom: 0;
  border-color: transparent transparent transparent #39b5cf;
  margin: auto;
  border-width: 14px 24px;
  border-style: solid;
  width: 0;
  height: 0;
}
.p-step.-column3 .p-step_list:last-of-type::before, .p-step.-column3 .p-step_list:last-of-type::after {
  display: none;
}
.p-step.-variable .p-step_list {
  width: auto;
  -webkit-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
  max-width: 250px;
}
.p-step.-variable .p-step_list::before {
  content: "";
  position: absolute;
  right: -65px;
  top: 0;
  bottom: 0;
  border-color: transparent transparent transparent #919191;
  margin: auto;
  border-width: 14px 24px;
  border-style: solid;
  width: 0;
  height: 0;
  bottom: 35%;
}
.p-step.-variable .p-step_list:last-of-type::before, .p-step.-variable .p-step_list:last-of-type::after {
  display: none;
}
.p-step.-arwTop .p-step_list::before {
  content: "";
  position: absolute;
  right: -115px;
  top: 0;
  bottom: 0;
  border-color: transparent transparent transparent #449397;
  margin: auto;
  border-width: 22px 40px;
  border-style: solid;
  width: 0;
  height: 0;
  top: 28%;
  bottom: auto;
}
.p-step.-arwTop .p-step_list:last-of-type::before, .p-step.-arwTop .p-step_list:last-of-type::after {
  display: none;
}

@media screen and (max-width: 640px) {
  .p-step {
    margin: 0 -5px 20px;
  }
  .p-step .p-step_list {
    padding: 0 5px 5px;
  }
  .p-step .p-step_list::before {
    content: "";
    position: absolute;
    right: calc(-10% + -35px);
    top: 0;
    bottom: 0;
    border-color: transparent transparent transparent #449397;
    margin: auto;
    border-width: 11px 20px;
    border-style: solid;
    width: 0;
    height: 0;
    top: 9vw;
    bottom: auto;
  }
  .p-step .p-step_list:last-of-type::before, .p-step .p-step_list:last-of-type::after {
    display: none;
  }
  .p-step .p-step_list.-grad::before {
    content: "";
    position: absolute;
    right: -115px;
    top: 0;
    bottom: 0;
    border-color: transparent transparent transparent #5485bf;
    margin: auto;
    border-width: 46px 36px;
    border-style: solid;
    width: 0;
    height: 0;
  }
  .p-step .p-step_list.-grad::after {
    content: "";
    position: absolute;
    right: -79px;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 36px;
    height: 92px;
    background-image: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%);
  }
  .p-step .p-step_img {
    margin-bottom: 5px;
  }
  .p-step .p-step_txt {
    font-size: 1.2rem;
  }
  .p-step.-column3 .p-step_list {
    width: 30%;
    -webkit-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 1 30%;
    flex: 0 1 30%;
    max-width: 30%;
  }
  .p-step.-column3 .p-step_list::before {
    content: "";
    position: absolute;
    right: -60px;
    top: 0;
    bottom: 0;
    border-color: transparent transparent transparent #39b5cf;
    margin: auto;
    border-width: 14px 24px;
    border-style: solid;
    width: 0;
    height: 0;
  }
  .p-step.-column3 .p-step_list:last-of-type::before, .p-step.-column3 .p-step_list:last-of-type::after {
    display: none;
  }
  .p-step.-variable {
    -webkit-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    box-direction: normal;
    -webkit-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: start;
    box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    margin-bottom: 0;
  }
  .p-step.-variable .p-step_list {
    width: auto;
    -webkit-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
  }
  .p-step.-variable .p-step_list::before {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 0;
    right: 0;
    border-color: #919191 transparent transparent transparent;
    margin: auto;
    border-width: 12px 7px;
    border-style: solid;
    width: 0;
    height: 0;
    top: auto;
  }
  .p-step.-variable .p-step_list:last-of-type {
    margin-bottom: 0;
  }
  .p-step.-variable .p-step_list:last-of-type::before, .p-step.-variable .p-step_list:last-of-type::after {
    display: none;
  }
  .p-step.-verticalSp {
    -webkit-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    box-direction: normal;
    -webkit-flex-flow: column nowrap;
    flex-flow: column nowrap;
  }
  .p-step.-verticalSp .p-step_list {
    width: auto;
    -webkit-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 100%;
    max-width: 100%;
    margin-bottom: 10px;
  }
  .p-step.-verticalSp .p-step_list::before {
    content: "";
    position: absolute;
    bottom: -5px;
    left: 0;
    right: 0;
    border-color: #39b5cf transparent transparent transparent;
    margin: auto;
    border-width: 11px 20px;
    border-style: solid;
    width: 0;
    height: 0;
    left: 0;
    right: 0;
    top: auto;
  }
  .p-step.-verticalSp .p-step_list:last-of-type {
    margin-bottom: 0;
  }
  .p-step.-verticalSp .p-step_list:last-of-type::before, .p-step.-verticalSp .p-step_list:last-of-type::after {
    display: none;
  }
  .p-step.-verticalSp .p-step_list.-grad::before {
    content: "";
    position: absolute;
    bottom: -5px;
    left: 0;
    right: 0;
    border-color: #5485bf transparent transparent transparent;
    margin: auto;
    border-width: 11px 20px;
    border-style: solid;
    width: 0;
    height: 0;
    left: 0;
    right: 0;
    top: auto;
  }
  .p-step.-verticalSp .p-step_list.-grad::after {
    left: 0;
    right: 0;
    top: auto;
    bottom: 5px;
    width: 40px;
    height: 13px;
    background-image: linear-gradient(to bottom, white 0%, rgba(255, 255, 255, 0) 100%);
  }
  .p-step.-arwTop .p-step_list::before {
    content: "";
    position: absolute;
    right: calc(-10% + -35px);
    top: 0;
    bottom: 0;
    border-color: transparent transparent transparent #449397;
    margin: auto;
    border-width: 11px 20px;
    border-style: solid;
    width: 0;
    height: 0;
    top: 9vw;
    bottom: auto;
  }
}
/* -----------------------------------------------------------------
 tlbr 一行目が左で始まり、最終行が右で終了するもの
----------------------------------------------------------------- */
.p-tlbr {
  display: -webkit-box;
  display: box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  box-direction: normal;
  -webkit-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-align-content: flex-start;
  align-content: flex-start;
  -webkit-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.p-tlbr .p-tlbr_head {
  -webkit-align-self: flex-start;
  align-self: flex-start;
  margin-bottom: 10px;
}
.p-tlbr .p-tlbr_box {
  width: 100%;
  margin-bottom: 5px;
}
.p-tlbr .p-tlbr_fin {
  -webkit-align-self: flex-end;
  align-self: flex-end;
}

/* -----------------------------------------------------------------
 fill 塗り潰しのボックス
----------------------------------------------------------------- */
.p-fill {
  background-color: #e6e6e6;
  border-radius: 5px;
  text-align: center;
  padding: 20px 3px;
  font-size: 1.4rem;
  font-weight: 400;
  color: #535353;
  width: 100%;
  max-width: 100%;
}
.p-fill.-orange {
  background-color: #df6f00;
  font-size: 2rem;
  padding: 5px 5px;
  color: #fff;
}
.p-fill.-orange02 {
  background-color: #ee7b42;
  font-size: 1.8rem;
  padding: 15px 5px;
  color: #fff;
}
.p-fill.-blue {
  background-color: #36a3b7;
  font-size: 1.8rem;
  font-weight: 700;
  padding: 10px;
  color: #fff;
}
.p-fill.-yellow {
  background-color: #f7de92;
  font-size: 2.8rem;
  font-weight: 700;
  padding: 10px;
  color: #535353;
}
.p-fill.-lightorange {
  background-color: #f19147;
  font-size: 1.4rem;
  font-weight: 400;
  padding: 10px;
  color: #fff;
}
.p-fill.-lightorange02 {
  background-color: #f19147;
  font-size: 1.6rem;
  font-weight: 700;
  padding: 10px;
  color: #fff;
}
.p-fill.-lightorange03 {
  background-color: #fef4ec;
  font-size: 1.6rem;
  font-weight: 400;
  padding: 15px 20px;
  text-align: left;
}
.p-fill.-gold {
  background-color: #dbc96e;
  padding: 10px 15px;
  color: #fff;
}
.p-fill.-slash {
  padding: 12px 5px;
  background: -webkit-repeating-linear-gradient(-45deg, white, white 3px, #e3f4f5 3px, #e3f4f5 6px);
  background: repeating-linear-gradient(-45deg, white, white 3px, #e3f4f5 3px, #e3f4f5 6px);
}

@media screen and (max-width: 640px) {
  .p-fill {
    border-radius: 3px;
    padding: 10px 2px;
    font-size: 1.1rem;
  }
  .p-fill.-orange {
    font-size: 1.1rem;
    padding: 3px;
  }
  .p-fill.-orange02 {
    font-size: 1.2rem;
    padding: 5px 3px;
  }
  .p-fill.-blue {
    font-size: 1.2rem;
    padding: 5px;
  }
  .p-fill.-yellow {
    font-size: 1.4rem;
    padding: 5px;
  }
  .p-fill.-lightorange {
    font-size: 1.1rem;
    padding: 5px;
  }
  .p-fill.-lightorange02 {
    font-size: 1.1rem;
    padding: 5px;
  }
  .p-fill.-lightorange03 {
    font-size: 1.1rem;
    padding: 8px 10px;
  }
  .p-fill.-gold {
    padding: 5px 8px;
  }
  .p-fill.-slash {
    padding: 6px;
    background: -webkit-repeating-linear-gradient(-45deg, white, white 2px, #e3f4f5 2px, #e3f4f5 4px);
    background: repeating-linear-gradient(-45deg, white, white 2px, #e3f4f5 2px, #e3f4f5 4px);
  }
}
/* -----------------------------------------------------------------
 anchor
----------------------------------------------------------------- */
.p-anchor {
  width: 100%;
  background-color: #f7f7f7;
  padding-bottom: 15px;
}
.p-anchor .p-anchor_inner {
  width: 100%;
  max-width: 1230px;
  padding: 15px 15px 0;
  margin: 0 auto;
}

.p-anchorBox {
  display: -webkit-box;
  display: box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  box-direction: normal;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-bottom: 15px;
  line-height: 1.2;
}
.p-anchorBox .p-anchorBox_st {
  width: 170px;
  -webkit-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 0 170px;
  flex: 0 0 170px;
  padding-right: 5px;
  max-width: 170px;
  font-size: 1.8rem;
  font-weight: 300;
  color: #535353;
}
.p-anchorBox .p-anchorBox_en {
  width: 100%;
  -webkit-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1 1 100%;
  flex: 1 1 100%;
  font-size: 1.6rem;
  font-weight: 400;
}

@media screen and (max-width: 640px) {
  .p-anchor {
    display: none;
  }
}
.p-anchorCmn .p-anchorCmn_ttl {
  font-size: 1.6rem;
  font-weight: 400;
  color: #535353;
  margin-bottom: 25px;
}
.p-anchorCmn .p-anchorCmn_mark {
  font-size: 2rem;
  font-weight: 700;
  padding-right: 40px;
}

.p-anchorSel {
  display: -webkit-box;
  display: box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  box-direction: normal;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  margin: 0 -10px;
}
.p-anchorSel.-showPc {
  display: -webkit-box;
  display: box;
  display: -webkit-flex;
  display: flex;
}
.p-anchorSel.-showSp {
  display: none;
}
.p-anchorSel_st {
  width: 160px;
  -webkit-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 0 160px;
  flex: 0 0 160px;
  margin: 0 10px;
  display: -webkit-box;
  display: box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  box-direction: normal;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
}
.p-anchorSel_en {
  width: auto;
  -webkit-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  margin: 0 10px;
  display: -webkit-box;
  display: box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  box-direction: normal;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
}

.p-anchorGenre {
  width: auto;
  -webkit-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  display: -webkit-box;
  display: box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  box-direction: normal;
  display: block;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-align-content: flex-start;
  align-content: flex-start;
  margin: 0 -10px -10px;
}
.p-anchorGenre_list {
  width: 33%;
  -webkit-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1 1 33%;
  flex: 1 1 33%;
  padding: 0 10px 10px;
  max-width: 33%;
  display: -webkit-box;
  display: box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  box-direction: normal;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
}

.p-anchorBdr {
  cursor: pointer;
  width: 100%;
  display: -webkit-box;
  display: box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  box-direction: normal;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: start;
  box-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  border: 5px solid #b5b5b5;
  text-align: left;
  padding: 10px 8px;
  max-width: 100%;
  transition: opacity 0.5s ease;
  font-size: 1.4rem;
  font-weight: 400;
}
.p-anchorBdr:hover {
  opacity: .8;
}

@media screen and (max-width: 640px) {
  .p-anchorCmn {
    padding: 0 15px;
  }
  .p-anchorCmn .p-anchorCmn_ttl {
    font-size: 1.2rem;
    margin-bottom: 12px;
  }
  .p-anchorCmn .p-anchorCmn_mark {
    display: none;
  }

  .p-anchorSel {
    display: -webkit-box;
    display: box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    box-orient: horizontal;
    -webkit-box-direction: normal;
    box-direction: normal;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    margin: 0;
  }
  .p-anchorSel.-showPc {
    display: none;
  }
  .p-anchorSel.-showSp {
    display: -webkit-box;
    display: box;
    display: -webkit-flex;
    display: flex;
  }
  .p-anchorSel_st {
    width: 60px;
    -webkit-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 60px;
    flex: 0 0 60px;
    display: -webkit-box;
    display: box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    box-orient: horizontal;
    -webkit-box-direction: normal;
    box-direction: normal;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin: 0;
    background-color: #0487c5;
    font-size: 1rem;
    font-weight: 700;
    color: #fff;
    padding: 10px 0;
    text-align: center;
  }
  .p-anchorSel_en {
    width: auto;
    -webkit-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    margin: 0;
    background-color: #e5e5e5;
    font-size: 1.2rem;
    font-weight: 400;
    padding: 5px;
  }
}
/* -----------------------------------------------------------------
 lowhead 下層ページのヘッダー要素 ラインアップ専用だったらラインアップ用のscssファイルに移行
----------------------------------------------------------------- */
.p-lowhead {
  display: -webkit-box;
  display: box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  box-direction: normal;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: #fff;
}
.p-lowhead .p-lowhead_item {
  width: auto;
  -webkit-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 3 auto;
  flex: 0 3 auto;
  display: -webkit-box;
  display: box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  box-direction: normal;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: #fff;
}
.p-lowhead .p-lowhead_item:hover {
  opacity: 1;
}
.p-lowhead .p-lowhead_figure {
  display: -webkit-box;
  display: box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  box-direction: normal;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding-right: 10px;
}
.p-lowhead .p-lowhead_figure_st {
  width: 250px;
  -webkit-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1 4 250px;
  flex: 1 4 250px;
  padding-right: 20px;
}
.p-lowhead .p-lowhead_figure_en {
  width: auto;
  -webkit-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  font-size: 4rem;
  font-weight: 300;
  white-space: nowrap;
}
.p-lowhead .p-lowhead_news {
  width: auto;
  -webkit-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 3 auto;
  flex: 0 3 auto;
  display: -webkit-box;
  display: box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  box-direction: normal;
  -webkit-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-align: start;
  box-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-box-pack: start;
  box-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  padding-right: 10px;
  white-space: nowrap;
}
.p-lowhead .p-lowhead_news_new {
  width: auto;
  -webkit-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
  margin: 1px 0;
}
.p-lowhead .p-lowhead_news_release {
  width: auto;
  -webkit-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
  font-size: 1.4rem;
  font-weight: 400;
  margin: 1px 0;
}
.p-lowhead .p-lowhead_bnr {
  width: 260px;
  -webkit-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 5 260px;
  flex: 0 5 260px;
  margin-left: auto;
}
.p-lowhead .p-lowhead_btn {
  width: auto;
  -webkit-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  display: none;
}

@media screen and (max-width: 1230px) {
  .p-lowhead .p-lowhead_figure_en {
    font-size: 3rem;
  }
  .p-lowhead .p-lowhead_news_new {
    font-size: 1rem;
    padding: 0 2px;
  }
  .p-lowhead .p-lowhead_news_release {
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 640px) {
  .p-lowhead {
    color: #535353;
  }
  .p-lowhead .p-lowhead_item {
    width: auto;
    -webkit-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    box-direction: normal;
    -webkit-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-align: start;
    box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    color: #535353;
  }
  .p-lowhead .p-lowhead_item:hover {
    opacity: 1;
  }
  .p-lowhead .p-lowhead_figure {
    -webkit-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    box-direction: normal;
    -webkit-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-align: start;
    box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    padding-right: 10px;
  }
  .p-lowhead .p-lowhead_figure_st {
    width: auto;
    -webkit-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 1 auto;
    flex: 0 1 auto;
    max-width: 100px;
    padding-right: 0;
  }
  .p-lowhead .p-lowhead_figure_en {
    width: auto;
    -webkit-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    font-size: 1.1rem;
  }
  .p-lowhead .p-lowhead_news {
    width: auto;
    -webkit-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-box-orient: horizontal;
    box-orient: horizontal;
    -webkit-box-direction: normal;
    box-direction: normal;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding-right: 0px;
  }
  .p-lowhead .p-lowhead_news_new {
    margin: 0 1px 0 0;
  }
  .p-lowhead .p-lowhead_news_release {
    font-size: 1rem;
    margin: 0 1px 0 0;
  }
  .p-lowhead .p-lowhead_bnr {
    width: 130px;
    -webkit-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1 1 130px;
    flex: 1 1 130px;
    text-align: right;
    margin-right: 10px;
  }
  .p-lowhead .p-lowhead_bnr img {
    max-width: 130px;
    height: auto;
  }
  .p-lowhead .p-lowhead_btn {
    width: 25px;
    -webkit-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 25px;
    flex: 0 0 25px;
    display: block;
    margin-left: auto;
  }
}
/* -----------------------------------------------------------------
 table 
----------------------------------------------------------------- */
.p-table {
  width: 100%;
  table-layout: fixed;
  border-left: 1px solid #cfcfcf;
  border-bottom: 1px solid #cfcfcf;
}
.p-table.-variable {
  table-layout: auto;
}
.p-table .p-table_thead {
  background-color: #cfcfcf;
  font-size: 1.5rem;
  font-weight: 700;
}
.p-table .p-table_thead_th {
  border-top: 1px solid #cfcfcf;
  border-right: 1px solid #fff;
  padding: 8px 12px;
  vertical-align: top;
}
.p-table .p-table_thead_th.-btWhite {
  border-top-color: #fff;
}
.p-table .p-table_thead_th:last-child {
  border-right-color: #cfcfcf;
}
.p-table .p-table_tbody {
  background-color: #fff;
  font-size: 1.4rem;
  font-weight: 400;
}
.p-table .p-table_tbody_th {
  background-color: #cfcfcf;
  border-top: 1px solid #fff;
  border-right: 1px solid #cfcfcf;
  padding: 8px 12px;
  vertical-align: top;
}
.p-table .p-table_tbody_th.-light {
  border-top: 1px solid #cfcfcf;
  border-right-width: 0;
  padding: 15px 20px;
  vertical-align: middle;
  background-color: #f5f5f5;
  width: 150px;
}
.p-table .p-table_tbody_td {
  border-top: 1px solid #cfcfcf;
  border-right: 1px solid #cfcfcf;
  padding: 8px 12px;
  vertical-align: top;
}
.p-table .p-table_tbody_td.-light {
  padding: 15px 20px;
  vertical-align: middle;
}
.p-table .p-table_small {
  font-size: 1.2rem;
}
.p-table .p-table_xsmall {
  font-size: 1.1rem;
}
.p-table.-center .p-table_thead_th {
  vertical-align: middle;
  text-align: center;
}
.p-table.-center .p-table_tbody_th {
  text-align: center;
  vertical-align: middle;
}
.p-table.-center .p-table_tbody_td {
  text-align: center;
  vertical-align: middle;
}
.p-table.-light {
  border-left: 1px solid #cfcfcf;
  border-top: 1px solid #cfcfcf;
  border-bottom-width: 0;
}
.p-table.-light .p-table_tbody_th {
  background-color: #fff;
  border-top-width: 0px;
  border-right: 1px solid #cfcfcf;
  border-bottom: 1px solid #cfcfcf;
  padding: 5px;
  vertical-align: middle;
  text-align: left;
}
.p-table.-light .p-table_tbody_td {
  border-top-width: 0px;
  border-right: 1px solid #cfcfcf;
  border-bottom: 1px solid #cfcfcf;
  padding: 5px;
  vertical-align: middle;
  text-align: center;
}
.p-table.-alternate {
  border-left-width: 0;
  border-right: 1px solid #cfcfcf;
  border-bottom: 1px solid #cfcfcf;
}
.p-table.-alternate .p-table_thead {
  background-color: #f0f0f0;
  font-size: 1.6rem;
  font-weight: 500;
}
.p-table.-alternate .p-table_thead_th {
  border-top: 1px solid #cfcfcf;
  border-left: 1px solid #cfcfcf;
  border-right-width: 0;
  padding: 8px;
  vertical-align: middle;
  text-align: center;
}
.p-table.-alternate .p-table_thead_th.-empty {
  background-color: #fff;
  border-left-width: 0;
  border-top-width: 0;
  width: 250px;
}
.p-table.-alternate .p-table_tbody {
  font-size: 1.5rem;
}
.p-table.-alternate .p-table_tbody_tr {
  background-color: #fff;
}
.p-table.-alternate .p-table_tbody_tr:nth-of-type(2n) {
  background-color: #e1f3f4;
}
.p-table.-alternate .p-table_tbody_th {
  background-color: transparent;
  border-top: 1px solid #cfcfcf;
  border-left: 1px solid #cfcfcf;
  border-right-width: 0;
  padding: 8px 12px;
  vertical-align: middle;
  width: 250px;
}
.p-table.-alternate .p-table_tbody_td {
  background-color: transparent;
  border-top: 1px solid #cfcfcf;
  border-left: 1px solid #cfcfcf;
  border-right-width: 0;
  padding: 8px 12px;
  vertical-align: middle;
  text-align: center;
}

@media screen and (max-width: 640px) {
  .p-table.-sp-variable {
    table-layout: auto;
  }
  .p-table.-sp-fixed {
    table-layout: fixed;
  }
  .p-table .p-table_thead {
    font-size: 1.2rem;
  }
  .p-table .p-table_thead_th {
    padding: 4px 6px;
  }
  .p-table .p-table_tbody {
    font-size: 1.1rem;
  }
  .p-table .p-table_tbody_th {
    padding: 4px 6px;
  }
  .p-table .p-table_tbody_th.-light {
    padding: 8px 10px;
    width: 80px;
  }
  .p-table .p-table_tbody_td {
    padding: 4px 6px;
  }
  .p-table .p-table_tbody_td.-light {
    padding: 8px 12px;
  }
  .p-table .p-table_small {
    font-size: 1rem;
  }
  .p-table .p-table_xsmall {
    font-size: 1rem;
  }
  .p-table.-light .p-table_tbody_th {
    padding: 4px;
  }
  .p-table.-light .p-table_tbody_td {
    padding: 4px;
  }
  .p-table.-alternate .p-table_thead {
    font-size: 1.1rem;
  }
  .p-table.-alternate .p-table_thead_th {
    padding: 4px 6px;
  }
  .p-table.-alternate .p-table_thead_th.-empty {
    width: auto;
  }
  .p-table.-alternate .p-table_tbody {
    font-size: 1.1rem;
  }
  .p-table.-alternate .p-table_tbody_th {
    padding: 4px 6px;
    width: auto;
  }
  .p-table.-alternate .p-table_tbody_td {
    padding: 4px 6px;
  }
}
/* -----------------------------------------------------------------
 bar タイトルバー
----------------------------------------------------------------- */
.p-bar {
  display: -webkit-box;
  display: box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  box-direction: normal;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  margin-bottom: 35px;
  background-color: #aaa;
}
.p-bar .p-bar_st {
  width: auto;
  -webkit-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  display: -webkit-box;
  display: box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  box-direction: normal;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  font-size: 2.4rem;
  font-weight: 700;
  color: #fff;
  padding: 2px 20px;
  background-color: #000;
}
.p-bar .p-bar_st.-full {
  width: auto;
  -webkit-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-box-pack: start;
  box-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}
.p-bar .p-bar_en {
  width: auto;
  -webkit-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  display: -webkit-box;
  display: box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  box-direction: normal;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: start;
  box-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  font-size: 2rem;
  font-weight: 400;
  color: #333;
  padding: 2px 20px;
}
.p-bar .p-bar_en.-small {
  font-size: 1.6rem;
}
.p-bar.-brown {
  background-color: #decb9e;
}
.p-bar.-brown .p-bar_st {
  background-color: #ba8a17;
}
.p-bar.-blue {
  background-color: #d7f2ff;
}
.p-bar.-blue .p-bar_st {
  background-color: #0487c5;
}
.p-bar.-pink {
  background-color: #fdd2ed;
}
.p-bar.-pink .p-bar_st {
  background-color: #e65cb3;
}
.p-bar.-green {
  background-color: #e4f4c4;
}
.p-bar.-green .p-bar_st {
  background-color: #8ec22b;
}
.p-bar.-aqua {
  background-color: #d9f7ff;
}
.p-bar.-aqua .p-bar_st {
  background-color: #15add3;
}

@media screen and (max-width: 640px) {
  .p-bar {
    margin-bottom: 15px;
  }
  .p-bar .p-bar_st {
    width: 34%;
    -webkit-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1 1 34%;
    flex: 1 1 34%;
    font-size: 1.4rem;
    padding: 4px 10px;
  }
  .p-bar .p-bar_en {
    width: 66%;
    -webkit-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1 1 66%;
    flex: 1 1 66%;
    font-size: 1.2rem;
    padding: 4px 10px;
  }
  .p-bar .p-bar_en.-small {
    font-size: 1.1rem;
  }
}
/* -----------------------------------------------------------------
 panel 商品リスト用パネル
----------------------------------------------------------------- */
.p-panel {
  border-radius: 5px;
  border: 1px solid #dbdbdb;
  padding: 1px;
  display: -webkit-box;
  display: box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  box-direction: normal;
  -webkit-flex-flow: column nowrap;
  flex-flow: column nowrap;
  width: 100%;
  max-width: 100%;
  color: #313131;
  overflow: hidden;
  position: relative;
  z-index: 1;
  margin-bottom: 5px;
}
.p-panel:only-child {
  margin-bottom: 0;
}
.p-panel::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  opacity: 0;
  margin: auto;
  background: -webkit-linear-gradient(to bottom, #cff0ff 0%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to bottom, #cff0ff 0%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0) 100%);
  transition: opacity .4s ease;
}
.p-panel:hover {
  opacity: 1;
}
.p-panel:hover::before {
  opacity: 1;
}
.p-panel .p-panel_st {
  width: auto;
  -webkit-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 100%;
  max-width: 100%;
  text-align: center;
  padding: 15px 5px 5px;
}
.p-panel .p-panel_en {
  width: auto;
  -webkit-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  width: 100%;
  max-width: 100%;
  padding: 10px 20px;
  background-color: #f6f6f6;
}
.p-panel .p-panel_item {
  font-size: 2.6rem;
  font-weight: 700;
  margin-bottom: 10px;
}
.p-panel .p-panel_img {
  margin-bottom: 10px;
}
.p-panel .p-panel_txt {
  font-size: 1.6rem;
  font-weight: 400;
  margin-bottom: 10px;
  min-height: 50px;
}
.p-panel .p-panel_dl {
  display: -webkit-box;
  display: box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  box-direction: normal;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
  border-bottom: 1px solid #c5c5c5;
  padding: 15px 0;
}
.p-panel .p-panel_dl.-aiStart {
  -webkit-box-align: start;
  box-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
.p-panel .p-panel_dl.-aiEnd {
  -webkit-box-align: end;
  box-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
}
.p-panel .p-panel_dl.-jcBetween {
  -webkit-box-pack: center;
  box-pack: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.p-panel .p-panel_dl:last-of-type {
  border-bottom-width: 0;
  padding-bottom: 10px;
}
.p-panel .p-panel_dt {
  width: 130px;
  -webkit-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 0 130px;
  flex: 0 0 130px;
  padding-left: 10px;
  max-width: 130px;
  font-size: 1.2rem;
  font-weight: 400;
}
.p-panel .p-panel_dd {
  width: auto;
  -webkit-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
  width: 100%;
  max-width: 100%;
  font-size: 1.4rem;
  font-weight: 400;
}
.p-panel .p-panel_mark {
  font-size: 2.4rem;
  color: #1386c3;
  margin: 0 2px;
}
.p-panel.-orange .p-panel_item {
  color: #ba8a17;
}
.p-panel.-blue .p-panel_item {
  color: #5ebcbc;
}
.p-panel.-pink .p-panel_item {
  color: #e65cb3;
}
.p-panel.-green .p-panel_item {
  color: #8ec22b;
}
.p-panel.-aqua .p-panel_item {
  color: #15add3;
}

@media screen and (max-width: 640px) {
  .p-panel {
    border-radius: 3px;
  }
  .p-panel .p-panel_st {
    padding: 8px 3px 3px;
  }
  .p-panel .p-panel_en {
    padding: 5px 10px;
  }
  .p-panel .p-panel_item {
    font-size: 1.8rem;
    margin-bottom: 5px;
  }
  .p-panel .p-panel_img {
    margin-bottom: 5px;
  }
  .p-panel .p-panel_txt {
    font-size: 1.2rem;
    margin-bottom: 5px;
    min-height: 30px;
  }
  .p-panel .p-panel_dl {
    padding: 8px 0;
  }
  .p-panel .p-panel_dl:last-of-type {
    padding-bottom: 5px;
  }
  .p-panel .p-panel_dt {
    width: 120px;
    -webkit-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 120px;
    flex: 0 0 120px;
    padding-left: 5px;
    max-width: 120px;
    font-size: 1.1rem;
  }
  .p-panel .p-panel_dd {
    font-size: 1rem;
  }
  .p-panel .p-panel_mark {
    font-size: 1.6rem;
  }
}
/* -----------------------------------------------------------------
 pos
----------------------------------------------------------------- */
.p-pos {
  position: relative;
}
.p-pos .p-pos_box {
  position: absolute;
  margin: auto;
  display: -webkit-box;
  display: box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.p-pos .p-pos_box.-right {
  right: 30px;
  top: 0;
  bottom: 0;
}
.p-pos .p-pos_box.-right.-fit {
  right: 0;
}
.p-pos .p-pos_box.-left {
  left: 30px;
  top: 0;
  bottom: 0;
}
.p-pos .p-pos_box.-left.-fit {
  left: 0;
}

@media screen and (max-width: 640px) {
  .p-pos .p-pos_box.-right {
    right: 15px;
  }
  .p-pos .p-pos_box.-left {
    left: 15px;
  }
}
/* -----------------------------------------------------------------
 両サイドにテキスト　真ん中に画像
----------------------------------------------------------------- */
.p-sideTxt {
  display: -webkit-box;
  display: box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  box-direction: normal;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-bottom: 40px;
}
.p-sideTxt .p-sideTxt_item {
  width: 50%;
  -webkit-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1 1 50%;
  flex: 1 1 50%;
  max-width: 50%;
  padding: 25px;
  display: -webkit-box;
  display: box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.p-sideTxt .p-sideTxt_item.-order1 {
  -webkit-box-ordinal-group: 1;
  box-ordinal-group: 1;
  -webkit-order: 1;
  order: 1;
}
.p-sideTxt .p-sideTxt_item.-order2 {
  -webkit-box-ordinal-group: 2;
  box-ordinal-group: 2;
  -webkit-order: 2;
  order: 2;
}
.p-sideTxt .p-sideTxt_item.-order3 {
  -webkit-box-ordinal-group: 3;
  box-ordinal-group: 3;
  -webkit-order: 3;
  order: 3;
}
.p-sideTxt .p-sideTxt_img {
  width: auto;
  -webkit-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
}
.p-sideTxt .p-sideTxt_img.-order1 {
  -webkit-box-ordinal-group: 1;
  box-ordinal-group: 1;
  -webkit-order: 1;
  order: 1;
}
.p-sideTxt .p-sideTxt_img.-order2 {
  -webkit-box-ordinal-group: 2;
  box-ordinal-group: 2;
  -webkit-order: 2;
  order: 2;
}
.p-sideTxt .p-sideTxt_img.-order3 {
  -webkit-box-ordinal-group: 3;
  box-ordinal-group: 3;
  -webkit-order: 3;
  order: 3;
}

@media screen and (max-width: 640px) {
  .p-sideTxt {
    -webkit-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    box-direction: normal;
    -webkit-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-align: start;
    box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    margin-bottom: 20px;
  }
  .p-sideTxt .p-sideTxt_item {
    width: auto;
    -webkit-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    max-width: 100%;
    padding: 0;
    display: block;
    margin: 5px 0;
  }
  .p-sideTxt .p-sideTxt_img {
    width: auto;
    -webkit-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    max-width: 100%;
    margin: 5px 0;
  }
  .p-sideTxt .p-sideTxt_item.-orderSP1,
  .p-sideTxt .p-sideTxt_img.-orderSP1 {
    -webkit-box-ordinal-group: 1;
    box-ordinal-group: 1;
    -webkit-order: 1;
    order: 1;
  }
  .p-sideTxt .p-sideTxt_item.-orderSP2,
  .p-sideTxt .p-sideTxt_img.-orderSP2 {
    -webkit-box-ordinal-group: 2;
    box-ordinal-group: 2;
    -webkit-order: 2;
    order: 2;
  }
  .p-sideTxt .p-sideTxt_item.-orderSP3,
  .p-sideTxt .p-sideTxt_img.-orderSP3 {
    -webkit-box-ordinal-group: 3;
    box-ordinal-group: 3;
    -webkit-order: 3;
    order: 3;
  }
}
/* -----------------------------------------------------------------
 gui 画像下に別ウィンドウテキストを表示させる
----------------------------------------------------------------- */
.p-gui {
  margin-bottom: 10px;
  display: inline-block;
}
.p-gui:only-child {
  margin-bottom: 0;
}
.p-gui .p-gui_img {
  margin-bottom: 5px;
}
.p-gui .p-gui_img img {
  width: 100%;
}
.p-gui .p-gui_small {
  font-size: 1.3rem;
  color: #898989;
  text-indent: -1.2em;
  padding-left: 1.2em;
  text-align: left;
}

@media screen and (max-width: 640px) {
  .p-gui {
    margin-bottom: 5px;
  }
  .p-gui:only-child {
    margin-bottom: 0;
  }
  .p-gui .p-gui_img {
    margin-bottom: 5px;
  }
  .p-gui .p-gui_small {
    font-size: 1rem;
  }
}
/* -----------------------------------------------------------------
 absoluteImg　PCでは左に画像　右にタイトルと本文 SPではタイトル・画像・本文の並びになるもの
----------------------------------------------------------------- */
.p-absoluteImg {
  position: relative;
  padding-left: 295px;
  min-height: 180px;
}
.p-absoluteImg .p-absoluteImg_ttl {
  font-size: 1.6rem;
  font-weight: 700;
  margin-bottom: 10px;
  text-align: left;
  color: #535353;
  padding-top: 10px;
}
.p-absoluteImg .p-absoluteImg_ttl.-clr {
  font-size: 2rem;
  color: #36a3b7;
}
.p-absoluteImg .p-absoluteImg_txt {
  font-size: 1.6rem;
  font-weight: 400;
}
.p-absoluteImg .p-absoluteImg_img {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 275px;
}

@media screen and (max-width: 640px) {
  .p-absoluteImg {
    padding-left: 0;
    min-height: 0;
    text-align: center;
  }
  .p-absoluteImg .p-absoluteImg_ttl {
    font-size: 1.2rem;
    margin-bottom: 10px;
    padding-top: 0;
    text-align: left;
  }
  .p-absoluteImg .p-absoluteImg_ttl.-clr {
    font-size: 1.4rem;
  }
  .p-absoluteImg .p-absoluteImg_txt {
    font-size: 1.2rem;
    text-align: left;
  }
  .p-absoluteImg .p-absoluteImg_img {
    position: static;
    width: auto;
    text-align: left;
    display: inline-block;
    margin-bottom: 10px;
  }
}
/* -----------------------------------------------------------------
 tuner チューナーアイコンリスト
----------------------------------------------------------------- */
.p-tuner {
  display: -webkit-box;
  display: box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  box-direction: normal;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.p-tuner .p-tuner_wrap {
  display: -webkit-box;
  display: box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  box-direction: normal;
  -webkit-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-align: start;
  box-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
.p-tuner .p-tuner_unit {
  display: -webkit-box;
  display: box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  box-direction: normal;
  display: block;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
}
.p-tuner .p-tuner_unit.-ts .p-tuner_list {
  background-color: #e46c0a;
}
.p-tuner .p-tuner_unit.-both .p-tuner_list {
  background-color: #5a3e7c;
}
.p-tuner .p-tuner_unit.-normal .p-tuner_list {
  background-color: #3b9dda;
}
.p-tuner .p-tuner_list {
  width: 52px;
  -webkit-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 0 52px;
  flex: 0 0 52px;
  display: -webkit-box;
  display: box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  box-direction: normal;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
  height: 52px;
  background-color: #000;
  margin: 0 2px 5px;
  border-radius: 4px;
}

.p-tunerIcon {
  margin-bottom: 10px;
}
.p-tunerIcon .p-tunerIcon_list {
  font-size: 1.2rem;
  margin-bottom: 4px;
}

/* -----------------------------------------------------------------
 付箋のような形のタイトル
----------------------------------------------------------------- */
.p-label {
  display: -webkit-box;
  display: box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  box-direction: normal;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
}
.p-label .p-label_st {
  width: 170px;
  -webkit-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1 1 170px;
  flex: 1 1 170px;
  display: -webkit-box;
  display: box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  box-direction: normal;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  padding: 15px 25px;
  font-size: 1.8rem;
  font-weight: 400;
  color: #ffffff;
}
.p-label .p-label_en {
  width: 630px;
  -webkit-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1 1 630px;
  flex: 1 1 630px;
  display: -webkit-box;
  display: box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  box-direction: normal;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 15px 25px;
  font-size: 2.2rem;
  font-weight: 400;
  color: #535353;
}
.p-label.-red .p-label_st {
  background-color: #980000;
}
.p-label.-red .p-label_en {
  background-color: #f3e3e3;
}

@media screen and (max-width: 640px) {
  .p-label .p-label_st {
    width: 30%;
    -webkit-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 30%;
    flex: 0 0 30%;
    padding: 8px 12px;
    font-size: 1.2rem;
    max-width: 30%;
  }
  .p-label .p-label_en {
    width: 70%;
    -webkit-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 70%;
    flex: 0 0 70%;
    padding: 8px 12px;
    font-size: 1.2rem;
    max-width: 70%;
  }
}
/* -----------------------------------------------------------------
 note
----------------------------------------------------------------- */
.p-note {
  padding-top: 0.1em;
  padding-bottom: 0.1em;
  background-color: #fff;
  background-image: linear-gradient(to right, #fff 1.1px, transparent 1px), linear-gradient(to bottom, #ccc 1.1px, transparent 1px);
  background-size: 2px 2.2em;
  line-height: 2.2;
}

/* -----------------------------------------------------------------
 左に機能画像があり、右側に機能説明のボックスが並ぶもの
絵→□□□の形
----------------------------------------------------------------- */
.p-ex {
  display: -webkit-box;
  display: box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  box-direction: normal;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
}
.p-ex .p-ex_head {
  width: 255px;
  -webkit-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 0 255px;
  flex: 0 0 255px;
  position: relative;
  padding-right: 100px;
}
.p-ex .p-ex_head::after {
  content: "";
  background: url("../../common/images/icon_triangle.png") left top no-repeat;
  background-size: 32px auto;
  width: 32px;
  height: 37px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 30px;
  margin: auto;
}
.p-ex .p-ex_item {
  width: 100%;
  -webkit-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1 1 100%;
  flex: 1 1 100%;
  display: -webkit-box;
  display: box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  box-direction: normal;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  padding: 0 5px;
  max-width: 100%;
}
.p-ex .p-ex_item.-one {
  width: 100%;
  -webkit-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 1 100%;
  flex: 0 1 100%;
}
.p-ex .p-ex_item.-two {
  width: 50%;
  -webkit-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 1 50%;
  flex: 0 1 50%;
}
.p-ex .p-ex_item.-three {
  width: 25%;
  -webkit-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 1 25%;
  flex: 0 1 25%;
}
.p-ex .p-ex_link {
  border: 2px solid #f19149;
  border-radius: 4px;
  padding: 10px;
  background: url("../../common/images/icon_anchor03.png") 98% 98% no-repeat;
  background-position: -webkit-calc(100% - 10px) -webkit-calc(100% - 10px);
  background-position: calc(100% - 10px) calc(100% - 10px);
  color: #535353;
}

@media screen and (max-width: 640px) {
  .p-ex {
    display: -webkit-box;
    display: box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    box-direction: normal;
    -webkit-flex-flow: column nowrap;
    flex-flow: column nowrap;
  }
  .p-ex .p-ex_head {
    width: auto;
    -webkit-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%;
    padding-right: 0;
    padding-bottom: 40px;
    margin-bottom: 10px;
  }
  .p-ex .p-ex_head::after {
    background-position: center bottom;
    background-size: 20px auto;
    width: 20px;
    height: 30px;
    top: auto;
    left: 0;
    right: 0;
    bottom: 0;
    transform-origin: center;
    transform: rotate(90deg);
  }
  .p-ex .p-ex_item {
    width: auto;
    -webkit-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    box-direction: normal;
    -webkit-flex-flow: column nowrap;
    flex-flow: column nowrap;
    padding: 0 0 10px;
  }
  .p-ex .p-ex_item.-one, .p-ex .p-ex_item.-two, .p-ex .p-ex_item.-three {
    width: auto;
    -webkit-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  .p-ex .p-ex_item:last-of-type {
    padding-bottom: 0;
  }
  .p-ex .p-ex_link {
    border-width: 1px;
    border-radius: 2px;
    padding: 5px 20px 5px 5px;
    background-position: -webkit-calc(100% - 5px) -webkit-calc(100% - 5px);
    background-position: calc(100% - 5px) calc(100% - 5px);
  }
}
.icon-blank00 {
  display: inline-block;
  background: url("../../common/images/icon_window.png") left center no-repeat;
  margin-left: 0;
  padding-left: 16px;
}
.icon-blank00.-white {
  background-image: url("../../common/images/icon_window_white.png");
}
.icon-blank00.-indent {
  padding-left: 32px;
}
.icon-blank01 {
  display: inline;
  background: url("../../common/images/icon_window.png") right center no-repeat;
  padding-right: 15px;
}
.icon-blank01.-white {
  background-image: url("../../common/images/icon_window_white.png");
}
.icon-blank02 {
  display: inline;
  background: url("../../common/images/icon_window.png") right center no-repeat;
}

.p-movie {
  margin: 80px auto 30px;
}
.p-movie_ttl {
  text-align: center;
  font-size: 3.6rem;
  font-weight: 700;
  color: #535353;
  margin-bottom: 30px;
}
.p-movie_cover {
  width: 100%;
  margin-top: 20px;
  margin-bottom: 80px;
}
.p-movie_cover_box {
  width: 100%;
  max-width: 1024px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 80px;
}
.p-movie_cover_box_in {
  width: 100%;
  max-width: 1024px;
  margin: auto;
  position: relative;
}
.p-movie_cover_box_in_wrap {
  width: 100%;
  height: 0;
  padding-top: 56.25%;
}
.p-movie_cover_box_in_wrap iframe {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

@media screen and (max-width: 1367px) and (min-width: 641px) {
  .p-movie_cover_box {
    max-width: 720px;
  }
}
@media screen and (max-width: 640px) {
  .p-movie {
    margin-top: 40px;
    margin-bottom: 15px;
  }
  .p-movie_ttl {
    font-size: 1.8rem;
    margin-bottom: 15px;
  }
  .p-movie_cover_box {
    box-sizing: border-box;
    padding-left: 10px;
    padding-right: 10px;
  }
}
/* -----------------------------------------------------------------
 Js
----------------------------------------------------------------- */
/* -----------------------------------------------------------------
 js-spSlick
----------------------------------------------------------------- */
.slick-slider {
  position: relative;
  display: block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
}

.slick-track:before,
.slick-track:after {
  display: table;
  content: '';
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
}

[dir='rtl'] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* Dots */
.slick-dots {
  position: absolute;
  bottom: 10px;
  left: 0;
  right: 0;
  margin: auto;
  display: block;
  width: 100%;
  padding: 0;
  list-style: none;
  text-align: center;
}

.slick-dots li {
  display: inline-block;
  width: 18px;
  height: 18px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}

.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 18px;
  height: 18px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background-color: #ccc;
  border-radius: 50%;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1;
}

.slick-dots {
  margin-top: 2%;
}

.slick-dots li.slick-active button {
  background-color: #1abc9c;
}

@media screen and (max-width: 640px) {
  .slick-dots {
    bottom: 5px;
  }

  .slick-dots li {
    width: 12px;
    height: 12px;
    margin: 0 3px;
  }

  .slick-dots li button {
    width: 12px;
    height: 12px;
  }
}
@media screen and (max-width: 500px) {
  .slick-dots {
    bottom: 3px;
  }

  .slick-dots li {
    width: 10px;
    height: 10px;
    margin: 0 2px;
  }

  .slick-dots li button {
    width: 10px;
    height: 10px;
  }
}
@media screen and (max-width: 400px) {
  .slick-dots {
    bottom: 3px;
  }

  .slick-dots li {
    width: 8px;
    height: 8px;
    margin: 0 2px;
  }

  .slick-dots li button {
    width: 8px;
    height: 8px;
  }
}