@charset "UTF-8";
/* =========================================================================
 foundationレイヤー
========================================================================= */
/* =========================================================================
   image-path
========================================================================= */
/* =========================================================================
   font-size
========================================================================= */
/* =========================================================================
   font-family
========================================================================= */
@import url(//fonts.googleapis.com/icon?family=Material+Icons);
@import url(//fonts.googleapis.com/css?family=Oswald:500,600,700);
/* =========================================================================
   color - default
========================================================================= */
@import url("//fonts.googleapis.com/css?family=Ubuntu:400,700");
@import url("//fonts.googleapis.com/earlyaccess/notosansjapanese.css");
/* =========================================================================
   color - project
========================================================================= */
@-ms-viewport {
  width: device-width; }
html {
  box-sizing: border-box;
  -ms-overflow-style: scrollbar; }

*,
*::before,
*::after {
  box-sizing: inherit; }

* {
  box-sizing: inherit;
  line-height: 1.5; }

#wrap {
  background-image: none; }

#header_outer {
  margin-bottom: 0; }

#contents {
  width: auto;
  padding: 0; }

#sub {
  display: none; }

#breadcrumbs {
  float: none;
  width: 900px;
  margin: 0 auto; }

#footer, #ftMenu {
  display: none; }

#addMenu {
  display: none; }

main {
  box-sizing: border-box;
  clear: both;
  overflow: hidden;
  margin-bottom: 0;
  font-size: 0.875rem;
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  color: #000; }
  @media (max-width: 767px) {
    main {
      margin-bottom: 4rem; } }
  main h1, main h2, main h3, main h4, main h5, main h6 {
    font-weight: bold;
    font-feature-settings: "palt";
    letter-spacing: 0; }
  main em {
    font-style: normal; }
  main p {
    margin: 0; }
  main ol, main ul {
    list-style: none;
    list-style-type: none; }
  main img {
    max-width: 100%;
    width: auto;
    vertical-align: bottom; }

/* =========================================================================
  scItemBox override
========================================================================= */
/* =========================================================================
   Projectレイヤー
========================================================================= */
/* hero
=================================== */
.hero {
  text-align: center; }

/* p_menu
=================================== */
.p_menu {
  margin-top: 3rem;
  position: relative; }
  @media (max-width: 767px) {
    .p_menu {
      margin-top: 1.5rem; } }
  .p_menu__work {
    position: absolute;
    display: block;
    width: 21.79487%;
    height: 90%;
    bottom: 5%;
    left: 14%; }
    @media (max-width: 767px) {
      .p_menu__work {
        width: 32.79487%;
        height: 90%;
        left: 9%; } }
  .p_menu__holiday {
    position: absolute;
    display: block;
    width: 32.27777%;
    height: 90%;
    bottom: 5%;
    right: 9%; }
    @media (max-width: 767px) {
      .p_menu__holiday {
        width: 48.27777%;
        height: 90%;
        right: 2%; } }

/* common
=================================== */
@media (max-width: 767px) {
  .pc_view {
    display: none; } }

@media (min-width: 768px) {
  .sp_view {
    display: none; } }

.sp_space {
  margin-top: -60px;
  padding-top: 60px; }

.accent {
  display: inline-block; }
  .accent:after {
    content: url(/contents/sbx/ndgRG/out_images/accent.png);
    position: relative;
    top: -1rem;
    right: 1rem; }
    @media (max-width: 767px) {
      .accent:after {
        top: 0;
        zoom: .7; } }

[data-bg="ylw"] {
  background: #F4EA91; }

[data-bg="pnk"] {
  background: #E6BFB2 url(/contents/sbx/ndgRG/out_images/holiday_bg_bottom.png) no-repeat bottom center; }

[data-bg="gray"] {
  background: #EEE7DF; }

/* p_menu
=================================== */
.contents__main {
  position: relative; }
  .contents__main__txtBox {
    position: absolute;
    top: 76.3848%;
    left: 14.2307%;
    color: #2C2424; }
    @media (max-width: 767px) {
      .contents__main__txtBox {
        width: 84%;
        top: 58%;
        left: 7%; } }
  .contents__main__ttl {
    font-weight: 700;
    font-size: 2.5rem; }
    @media (max-width: 767px) {
      .contents__main__ttl {
        font-size: 1.25rem; } }
  .contents__main__txt {
    font-weight: 700;
    font-size: 1.125rem; }
    @media (max-width: 767px) {
      .contents__main__txt {
        font-size: 0.875rem; } }
  .contents__main img {
    display: block;
    margin-left: auto;
    margin-right: auto; }
    @media (max-width: 767px) {
      .contents__main img {
        width: 100%; } }
.contents__bg {
  background: #F4EA91; }

.item_bg {
  padding: 4rem 0; }
  @media (max-width: 767px) {
    .item_bg .c-container-0 {
      padding: 0 !important; } }

.item_wrap {
  background: #fff;
  position: relative; }
  .item_wrap:before {
    content: "";
    background: url(/contents/sbx/ndgRG/out_images/item_bg_top.png) no-repeat top center;
    position: absolute;
    top: -50px;
    left: 0;
    width: 100%;
    height: 50px; }
  .item_wrap:after {
    content: "";
    background: url(/contents/sbx/ndgRG/out_images/item_bg_bottom.png) no-repeat bottom center;
    position: absolute;
    bottom: -50px;
    left: 0;
    width: 100%;
    height: 50px; }
  .item_wrap__ttl {
    text-align: center;
    color: #2C2424;
    font-weight: 700;
    font-size: 2rem; }
    @media (max-width: 767px) {
      .item_wrap__ttl {
        font-size: 1.5rem; } }

.item_list {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  padding: 0 2rem;
  align-items: center; }
  @media (max-width: 767px) {
    .item_list {
      flex-wrap: nowrap;
      overflow-x: scroll;
      padding: 0 1rem;
      align-items: flex-start; }
      .item_list::-webkit-scrollbar {
        /* スクロールバー本体 */
        width: 2px;
        background: #f3f3f3; }
      .item_list::-webkit-scrollbar:horizontal {
        /* 横方向のスクロールバー本体 */
        width: 2px;
        background: #f3f3f3; }
      .item_list::-webkit-scrollbar-thumb {
        /* スクロールバーの動く部分 */
        background: #aaaaaa;
        border-radius: 1px; }
      .item_list::-webkit-scrollbar-thumb:horizontal {
        /* 横方向のスクロールバーの動く部分 */
        background: #aaaaaa;
        border-radius: 1px; }
      .item_list::-webkit-scrollbar-track-piece:start {
        /* スクロールバーの動く部分の前 */
        background: #f3f3f3; }
      .item_list::-webkit-scrollbar-track-piece:end {
        /* スクロールバーの動く部分の後ろ */
        background: #dcdcdc; }
      .item_list::-webkit-scrollbar-corner {
        /* スクロールバー角 */
        background: transparent; } }
  .item_list__Box {
    flex: 0 0 25%;
    max-width: 25%;
    padding: 1rem; }
    @media (max-width: 767px) {
      .item_list__Box {
        flex: 0 0 46%;
        max-width: 46%; } }
    .item_list__Box__img {
      text-align: center;
      margin: 1rem auto; }
    .item_list__Box__ttl {
      font-feature-settings: "liga" 0;
      font-weight: 700;
      font-size: 1rem; }
      @media (max-width: 767px) {
        .item_list__Box__ttl {
          font-size: 0.875rem;
          min-height: 3rem; } }
    .item_list__Box__txt {
      font-size: 0.875rem;
      min-height: 6rem; }
      @media (max-width: 767px) {
        .item_list__Box__txt {
          font-size: 0.75rem; } }
    .item_list__Box__per {
      border: solid #000 1px;
      padding: .125rem;
      text-align: center;
      font-size: 0.875rem; }
      @media (max-width: 767px) {
        .item_list__Box__per {
          font-size: 0.75rem; } }
  .item_list__Box2 {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 1rem; }
    @media (max-width: 767px) {
      .item_list__Box2 {
        flex: 0 0 180%;
        max-width: 180%; } }

.item_footer {
  background: rgba(255, 255, 255, 0.4);
  margin-top: 5rem;
  padding: 2rem; }
  @media (max-width: 767px) {
    .item_footer {
      padding: 1rem; } }
  .item_footer .arrow {
    position: relative; }
    .item_footer .arrow:after {
      position: absolute;
      content: url(/contents/sbx/ndgRG/out_images/arrow.png);
      top: 50%;
      transform: translateY(-50%);
      right: 0; }
      @media (max-width: 767px) {
        .item_footer .arrow:after {
          zoom: .8; } }
  .item_footer__nomal {
    font-size: 1.5rem; }
    @media (max-width: 767px) {
      .item_footer__nomal {
        font-size: 0.875rem; } }
  .item_footer__price {
    font-size: 1.5rem; }
    @media (max-width: 767px) {
      .item_footer__price {
        font-size: 0.8125rem; } }
    .item_footer__price span {
      display: inline-block;
      position: relative; }
      .item_footer__price span:after {
        content: "";
        position: absolute;
        width: 100%;
        border-top: solid #000 2px;
        left: 0;
        top: 50%;
        transform: translateY(-50%); }
    .item_footer__price em {
      font-weight: 400;
      font-size: 3.125rem; }
      @media (max-width: 767px) {
        .item_footer__price em {
          font-size: 2.125rem; } }
  .item_footer__around {
    align-content: space-around;
    height: 100%;
    min-height: 5rem; }

.item_btn {
  margin-top: 3rem;
  margin-bottom: 1rem; }
  .item_btn .sc_button {
    box-shadow: none; }
  .item_btn .sc_button[data-type*="brown"] {
    background-color: #84672E;
    border: none;
    color: #fff; }

/* apply
=================================== */
.baloon {
  background: url(/contents/sbx/ndgRG/out_images/baloon.png) no-repeat top center/100% auto;
  display: block;
  margin: 0 auto;
  padding: 2rem 0;
  width: 474px;
  height: 211px;
  text-align: center;
  color: #552C0B;
  font-weight: 700;
  font-size: 1.5rem; }
  @media (max-width: 767px) {
    .baloon {
      width: 318px;
      height: 141px;
      padding: 1.25rem;
      font-size: 1.125rem; } }
  @media (max-width: 374px) {
    .baloon {
      width: 300px;
      height: 130px; } }

.step {
  color: #552C0B; }
  .step__ttl {
    margin: 1rem auto;
    text-align: center;
    font-weight: 700;
    font-size: 2rem; }
    @media (max-width: 767px) {
      .step__ttl {
        font-size: 1.375rem; } }
    .step__ttl strong {
      font-size: 2.5rem; }
      @media (max-width: 767px) {
        .step__ttl strong {
          font-size: 1.5rem; } }
  .step .c-col-md-3 {
    position: relative;
    margin-bottom: 2rem; }
    .step .c-col-md-3:before {
      content: url(/contents/sbx/ndgRG/out_images/step_arrow.png);
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      left: -.5rem; }
      @media (max-width: 767px) {
        .step .c-col-md-3:before {
          top: -2.5rem;
          left: 50%;
          transform: translateX(-50%) rotate(90deg); } }
    .step .c-col-md-3:first-child:before {
      content: ""; }
    @media (max-width: 767px) {
      .step .c-col-md-3 img {
        width: 100%; } }
  .step__txt {
    background: #CDAD87;
    display: flex;
    min-height: 6.5rem;
    align-items: center; }
    @media (max-width: 767px) {
      .step__txt {
        padding: 1rem 0;
        min-height: auto;
        height: auto; } }
    .step__txt p {
      width: 100%;
      text-align: center;
      font-weight: 700;
      font-size: 1.125rem; }
      @media screen and (min-width: 768px) and (max-width: 1024px) {
        .step__txt p {
          font-size: 0.875rem; } }
      @media screen\0  {
        .step__txt p {
          padding-top: 1rem; } }

/* coution */
.coution {
  background: #fff;
  border: solid #EEE 1px;
  color: #552C0B; }
  .coution__ttl {
    border-bottom: solid #EEE 1px;
    padding: 1rem;
    text-align: center;
    font-weight: 700;
    font-size: 1.5rem; }
    @media (max-width: 767px) {
      .coution__ttl {
        font-size: 1rem; } }
  .coution__txt {
    width: 90%;
    margin: 2rem auto;
    padding: 0 2rem; }
    @media (max-width: 767px) {
      .coution__txt {
        width: 93%;
        padding: 0; } }
    .coution__txt li {
      font-size: 0.875rem; }

/* bonus */
.bonus {
  background: #CDAD87;
  border: solid #CDAD87 2px;
    border-radius: 1rem;
  overflow: hidden;
  margin: 3rem auto; }
  .bonus__ttl {
    padding: 1rem;
    color: #fff;
    text-align: center;
    font-weight: 700;
    font-size: 1.75rem; }
    @media (max-width: 767px) {
      .bonus__ttl {
        font-size: 1.5rem; } }
  .bonus__txt {
    position: relative;
    background: #fff;
    padding: 2rem 5rem;
    color: #552C0B;
    font-weight: 700;
    font-size: 1.25rem; }
    @media screen and (min-width: 768px) and (max-width: 1024px) {
      .bonus__txt {
        padding: 1rem 200px 1rem 5rem; } }
    @media (max-width: 767px) {
      .bonus__txt {
        padding: 1rem .5rem 100px;
        font-size: 1.125rem; } }
    .bonus__txt:after {
      content: url(/contents/sbx/ndgRG/out_images/bonus.png);
      position: absolute;
      bottom: 0;
      right: 1rem; }
      @media screen and (min-width: 768px) and (max-width: 1024px) {
        .bonus__txt:after {
          right: 1rem; } }
      @media (max-width: 767px) {
        .bonus__txt:after {
          zoom: .7;
          position: relative;
          display: block;
          text-align: center; } }
    .bonus__txt strong {
      display: inline-block;
      margin-bottom: .5rem;
      font-size: 1.75rem; }
      @media (max-width: 767px) {
        .bonus__txt strong {
          font-size: 1.25rem; } }

.btn_apply {
  margin: 3rem auto; }
  @media (max-width: 767px) {
    .btn_apply {
      margin: 1.5rem auto 0; } }

/*# sourceMappingURL=style.css.map */