#pageTitle {
  background-color: #fff; }

#pageTitle {
  position: relative;
  z-index: 3; }

.anchorWrap {
  position: relative;
  font-size: 0;
  line-height: 0;
  z-index: 4; }
  .anchorWrap ul {
    width: 960px;
    margin: -140px auto 0;
    font-size: 0;
    overflow: hidden; }
    .anchorWrap ul li {
      display: inline-block; }
    .anchorWrap ul .anchor01 .hoverBtn:before {
      background: url(../../about/img/btn_anchor01_on.png) no-repeat; }
    .anchorWrap ul .anchor02 .hoverBtn:before {
      background: url(../../about/img/btn_anchor02_on.png) no-repeat; }
    .anchorWrap ul .anchor03 .hoverBtn:before {
      background: url(../../about/img/btn_anchor03_on.png) no-repeat; }
    .anchorWrap ul .anchor04 .hoverBtn:before {
      background: url(../../about/img/btn_anchor04_on.png) no-repeat; }

.contentBlock {
  position: relative;
  overflow: hidden; }
  .contentBlock:before, .contentBlock:after {
    display: block;
    content: "";
    position: absolute;
    width: 150%;
    height: 100px; }
  .contentBlock:before {
    top: -100px;
    left: -25%;
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
    -moz-transform-origin: bottom center;
    -ms-transform-origin: bottom center;
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center; }
  .contentBlock:after {
    right: -25%;
    bottom: -100px;
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
    -moz-transform-origin: top center;
    -ms-transform-origin: top center;
    -webkit-transform-origin: top center;
    transform-origin: top center; }
  .contentBlock .contentInner {
    position: relative;
    width: 960px;
    margin: auto;
    padding: 50px 0 115px;
    z-index: 2; }
    .contentBlock .contentInner h3 {
      text-align: center; }
  .contentBlock .full {
    color: #FF4E50;
    font-weight: bold; }
  .contentBlock .mini {
    color: #4FA9FF;
    font-weight: bold; }
  .contentBlock .vari {
    color: #30B360;
    font-weight: bold; }

.content01 {
  background: #fff; }
  .content01:after {
    background: #EDEBE4; }
  .content01:before {
    display: none; }
  .content01 .contentBox {
    margin-top: 50px; }
    .content01 .contentBox.box03 .boxDetail dd {
      position: relative;
      padding: 0 20px;
      background: #EAF0EB; }
      .content01 .contentBox.box03 .boxDetail dd .floatBtn {
        position: absolute;
        width: 290px;
        top: 23px;
        right: 20px; }
    .content01 .contentBox.box03 .accordion03_01 .comboBox {
      font-size: 12px;
      line-height: 20px; }
      .content01 .contentBox.box03 .accordion03_01 .comboBox .leftSide {
        float: left;
        display: inline-block; }
      .content01 .contentBox.box03 .accordion03_01 .comboBox .rightSide {
        float: right;
        display: inline-block; }
    .content01 .contentBox.box04 .boxDetail dd {
      padding: 0 20px;
      background: #FBEFE5; }
      .content01 .contentBox.box04 .boxDetail dd .linkList {
        margin-top: 5px;
        text-align: left; }
        .content01 .contentBox.box04 .boxDetail dd .linkList li {
          margin-left: 30px; }
          .content01 .contentBox.box04 .boxDetail dd .linkList li:first-child {
            margin-left: 0; }
          .content01 .contentBox.box04 .boxDetail dd .linkList li a {
            color: #000; }
  .content01 .boxDetail {
    display: table;
    width: 100%; }
    .content01 .boxDetail dt, .content01 .boxDetail dd {
      display: table-cell; }
    .content01 .boxDetail dt {
      width: 190px; }
    .content01 .boxDetail dd {
      vertical-align: middle; }
      .content01 .boxDetail dd p {
        margin-top: 5px; }
    .content01 .boxDetail .modalTrigger {
      color: #006DFF;
      text-decoration: underline;
      cursor: pointer; }
      .content01 .boxDetail .modalTrigger:hover {
        text-decoration: none; }
  .content01 .iconExchange {
    display: inline-block;
    padding-left: 25px;
    line-height: 18px;
    background: url(../../about/img/icon_exchange.png) no-repeat; }
  .content01 .iconKids {
    padding-left: 30px;
    line-height: 25px;
    background: url(../../about/img/icon_kids.png) no-repeat; }
  .content01 .accordionWrap .accordionTrigger {
    position: relative;
    cursor: pointer;
    background: #F9F9F9;
    -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
    -ms-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
    -o-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
    -ms-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; }
    .content01 .accordionWrap .accordionTrigger:before, .content01 .accordionWrap .accordionTrigger:after {
      display: block;
      content: "";
      position: absolute;
      width: 17px;
      height: 100%;
      top: 0;
      right: 27px;
      background-position: left center !important;
      -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
      -ms-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
      -o-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
      -ms-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
      transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; }
    .content01 .accordionWrap .accordionTrigger:before {
      background: url(../../about/img/icon_accordion_open.png) no-repeat; }
    .content01 .accordionWrap .accordionTrigger:after {
      background: url(../../about/img/icon_accordion_open_on.png) no-repeat;
      opacity: 0;
      filter: alpha(opacity=0); }
    .content01 .accordionWrap .accordionTrigger.active:before {
      background: url(../../about/img/icon_accordion_close.png) no-repeat; }
    .content01 .accordionWrap .accordionTrigger.active:after {
      background: url(../../about/img/icon_accordion_close_on.png) no-repeat; }
    .content01 .accordionWrap .accordionTrigger:hover {
      background: #282828; }
      .content01 .accordionWrap .accordionTrigger:hover:before {
        opacity: 0;
        filter: alpha(opacity=0); }
      .content01 .accordionWrap .accordionTrigger:hover:after {
        opacity: 1;
        filter: alpha(opacity=100); }
  .content01 .accordionWrap .accordion {
    display: none;
    border-bottom: 1px solid #8D8D8D; }
  .content01 .accordionWrap.schedule .accordionTrigger, .content01 .accordionWrap.price .accordionTrigger {
    padding: 12px 24px;
    border-top: 1px solid #8D8D8D;
    border-bottom: 1px solid #8D8D8D; }
    .content01 .accordionWrap.schedule .accordionTrigger span, .content01 .accordionWrap.price .accordionTrigger span {
      display: inline-block;
      position: relative; }
      .content01 .accordionWrap.schedule .accordionTrigger span:before, .content01 .accordionWrap.price .accordionTrigger span:before {
        display: block;
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        opacity: 0;
        filter: alpha(opacity=0);
        -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
        -ms-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
        -o-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
        -ms-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
        transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; }
      .content01 .accordionWrap.schedule .accordionTrigger span img, .content01 .accordionWrap.price .accordionTrigger span img {
        -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
        -ms-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
        -o-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
        -ms-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
        transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; }
    .content01 .accordionWrap.schedule .accordionTrigger:hover span img, .content01 .accordionWrap.price .accordionTrigger:hover span img {
      opacity: 0;
      filter: alpha(opacity=0); }
    .content01 .accordionWrap.schedule .accordionTrigger:hover span:before, .content01 .accordionWrap.price .accordionTrigger:hover span:before {
      opacity: 1;
      filter: alpha(opacity=100); }
  .content01 .accordionWrap.schedule .accordion, .content01 .accordionWrap.price .accordion {
    padding: 20px 0 30px;
    padding-left: 30px; }
  .content01 .accordionWrap.schedule .arwLink, .content01 .accordionWrap.price .arwLink {
    color: #000; }
  .content01 .accordionWrap.schedule {
    margin-top: 20px; }
    .content01 .accordionWrap.schedule .accordionTrigger span:before {
      background: url(../../about/img/ph_accordion_schedule_on.png) no-repeat; }
  .content01 .accordionWrap.price .accordionTrigger {
    border-top: none; }
    .content01 .accordionWrap.price .accordionTrigger span:before {
      background: url(../../about/img/ph_accordion_price_on.png) no-repeat; }
  .content01 .accordionWrap.price .priceAttention {
    margin-top: 10px; }
    .content01 .accordionWrap.price .priceAttention span, .content01 .accordionWrap.price .priceAttention a {
      vertical-align: baseline; }
    .content01 .accordionWrap.price .priceAttention a {
      display: inline-block;
      margin-left: 20px; }

.content02:before, .content02:after {
  background: rgba(203, 174, 134, 0.2); }
.content02 .contentInner {
  color: #fff; }
  .content02 .contentInner .comboBox {
    margin-top: 50px;
    overflow: hidden; }
    .content02 .contentInner .comboBox .leftSide {
      width: 520px; }
      .content02 .contentInner .comboBox .leftSide h4 {
        font-size: 20px;
        font-weight: bold; }
      .content02 .contentInner .comboBox .leftSide p {
        margin-top: 30px; }
      .content02 .contentInner .comboBox .leftSide ul {
        margin-top: 30px; }
        .content02 .contentInner .comboBox .leftSide ul li {
          padding-left: 1em;
          text-indent: -1em; }
      .content02 .contentInner .comboBox .leftSide .btnWrap {
        margin-top: 30px; }
        .content02 .contentInner .comboBox .leftSide .btnWrap .btn {
          width: 400px; }
          .content02 .contentInner .comboBox .leftSide .btnWrap .btn:nth-child(2) {
            margin-top: 10px; }
    .content02 .contentInner .comboBox .rightSide {
      width: 340px; }

.content03 {
  background: #fff; }
  .content03:before, .content03:after {
    background: #EDEBE4; }
  .content03 .contentInner {
    text-align: center; }
    .content03 .contentInner h4 {
      font-size: 20px;
      font-weight: bold; }
    .content03 .contentInner p, .content03 .contentInner img {
      margin-top: 30px; }
    .content03 .contentInner .contentBox {
      margin-top: 50px; }

.content04:before {
  background: rgba(203, 174, 134, 0.2); }
.content04:after {
  display: none; }
.content04 .contentInner {
  color: #fff; }
  .content04 .contentInner .comboBox {
    margin-top: 20px; }

.modalLayer {
  position: fixed;
  width: 0;
  height: 0;
  top: 0;
  left: 0;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.75);
  z-index: 200; }
  .modalLayer.active {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0; }
  .modalLayer .modalInner {
    position: relative;
    width: 600px;
    height: 400px;
    top: 50%;
    left: 50%;
    margin-top: -200px;
    margin-left: -300px;
    text-align: center;
    background: #fff; }
  .modalLayer .modalCloser {
    position: absolute;
    top: 0;
    right: -63px;
    cursor: pointer; }
    .modalLayer .modalCloser:before {
      background: url(../img/btn_modal_close_on.png) no-repeat; }
