@charset "UTF-8";
@import url(slick.css);
@import url(slick-theme.css);
/* beginner
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.beginner .pageHeaderSecond {
  background: url(../img/beginner/title_bg.jpg) no-repeat center center;
  background-size: cover; }
.beginner .pageLead {
  text-align: center;
  margin-top: 32px;
  margin-bottom: 32px;
  font-size: 1.6rem; }
.beginner .lnaviArea {
  border-top: 1px solid #ececec;
  margin-bottom: 32px; }
.beginner .introArea {
  margin-bottom: 80px; }
  .beginner .introArea .point img {
    height: 29px; }
  .beginner .introArea .block01 {
    overflow: hidden; }
    .beginner .introArea .block01 .pic {
      width: 50%;
      float: left; }
      .beginner .introArea .block01 .pic img {
        width: 100%; }
    .beginner .introArea .block01 .text {
      padding: 48px;
      text-align: left;
      float: left;
      width: 50%;
      position: relative;
      z-index: 2; }
      .beginner .introArea .block01 .text .wrap {
        position: absolute;
        top: 50%; }
      .beginner .introArea .block01 .text h3 {
        margin-bottom: 32px;
        font-size: 1.8rem; }
      .beginner .introArea .block01 .text p {
        margin-bottom: 24px; }
      .beginner .introArea .block01 .text a {
        color: #555555; }
  .beginner .introArea .block02 {
    overflow: hidden; }
    .beginner .introArea .block02 .pic {
      width: 50%;
      float: right; }
      .beginner .introArea .block02 .pic img {
        width: 100%; }
    .beginner .introArea .block02 .text {
      padding: 48px;
      text-align: right;
      float: left;
      width: 50%;
      position: relative;
      z-index: 2; }
      .beginner .introArea .block02 .text .wrap {
        position: absolute;
        top: 50%;
        right: 40px; }
      .beginner .introArea .block02 .text h3 {
        margin-bottom: 32px;
        font-size: 1.8rem; }
      .beginner .introArea .block02 .text p {
        margin-bottom: 24px; }
      .beginner .introArea .block02 .text a {
        color: #555555; }
.beginner .experienceArea {
  width: 856px;
  margin: auto;
  overflow: hidden;
  font-size: 0; }
  .beginner .experienceArea .item {
    width: 420px;
    display: inline-block;
    text-align: center;
    vertical-align: top;
    margin-bottom: 64px; }
    .beginner .experienceArea .item:nth-child(even) {
      margin-left: 16px; }
    .beginner .experienceArea .item .pic {
      margin-bottom: 32px; }
      .beginner .experienceArea .item .pic img {
        width: 100%; }
    .beginner .experienceArea .item h4 {
      font-size: 1.6rem;
      margin-bottom: 16px; }
    .beginner .experienceArea .item p {
      font-size: 1.4rem; }
      .beginner .experienceArea .item p .caution {
        display: block;
        font-size: 1.2rem;
        margin-top: 8px; }
.beginner .text01 {
  text-align: center;
  font-size: 1.2rem; }
.beginner .btnPat02 {
  margin-top: 32px; }
  .beginner .btnPat02 a {
    background-color: #7d7153;
    width: 282px;
    display: inline-block; }
.beginner .contactBox {
  margin-top: 80px; }
.beginner .accessArea {
  display: none; }

/* ==========================================================================
    
   sp
   
   ========================================================================== */
@media screen and (max-width: 767px) {
  .beginner .pageHeaderSecond {
    background: url(../img/beginner/title_bg.jpg) no-repeat center center;
    background-size: cover; }
    .beginner .pageHeaderSecond .titleBlock h2 {
      letter-spacing: 4px; }
  .beginner .pageLead {
    text-align: center;
    margin-top: 16px;
    margin-bottom: 16px;
    font-size: 1.2rem; }
  .beginner .lnaviArea {
    margin-bottom: 0px; }
  .beginner .introArea {
    margin-bottom: 24px; }
    .beginner .introArea .point img {
      height: 22px; }
    .beginner .introArea .titleBlock {
      margin-bottom: 16px; }
    .beginner .introArea .block01 {
      overflow: hidden;
      background-color: #fff;
      margin-bottom: 24px; }
      .beginner .introArea .block01 .pic {
        width: 100%;
        float: none; }
        .beginner .introArea .block01 .pic img {
          width: 100%; }
      .beginner .introArea .block01 .text {
        padding: 24px 0 0;
        text-align: center;
        float: none;
        width: 100%;
        position: relative;
        z-index: 2; }
        .beginner .introArea .block01 .text .wrap {
          position: static; }
        .beginner .introArea .block01 .text h3 {
          line-height: 1.5;
          margin-bottom: 16px;
          font-size: 1.4rem; }
        .beginner .introArea .block01 .text p {
          text-align: center;
          margin-bottom: 8px; }
          .beginner .introArea .block01 .text p.count {
            margin-top: 8px;
            margin-bottom: 20px;
            font-size: 1rem; }
    .beginner .introArea .block02 {
      overflow: hidden;
      background-color: #fff;
      margin-bottom: 24px; }
      .beginner .introArea .block02 .pic {
        width: 100%;
        float: none; }
        .beginner .introArea .block02 .pic img {
          width: 100%; }
      .beginner .introArea .block02 .text {
        padding: 16px 0 0;
        text-align: center;
        float: none;
        width: 100%;
        position: relative;
        z-index: 2; }
        .beginner .introArea .block02 .text .wrap {
          position: static; }
        .beginner .introArea .block02 .text h3 {
          line-height: 1.5;
          margin-bottom: 16px;
          font-size: 1.4rem; }
        .beginner .introArea .block02 .text p {
          text-align: center;
          margin-bottom: 16px; }
          .beginner .introArea .block02 .text p.count {
            margin-top: 8px;
            margin-bottom: 20px;
            font-size: 1rem; }
  .beginner .experienceArea {
    width: 100%;
    margin: auto;
    overflow: hidden;
    font-size: 0;
    padding: 0 9.375%; }
    .beginner .experienceArea .item {
      width: 100%;
      display: block;
      text-align: center;
      vertical-align: top;
      margin-bottom: 40px; }
      .beginner .experienceArea .item:nth-child(even) {
        margin-left: 0; }
      .beginner .experienceArea .item .pic {
        margin-bottom: 15px; }
        .beginner .experienceArea .item .pic img {
          width: 100%; }
      .beginner .experienceArea .item h4 {
        font-size: 1.2rem;
        margin-bottom: 8px; }
      .beginner .experienceArea .item p {
        font-size: 1rem; }
        .beginner .experienceArea .item p .caution {
          display: block;
          font-size: 1rem;
          margin-top: 8px; }
  .beginner .text01 {
    text-align: center;
    font-size: 1rem;
    margin-bottom: 16px; }
  .beginner .btnPat02 {
    margin-top: 0; }
    .beginner .btnPat02 a {
      background-color: #7d7153;
      width: 240px;
      display: inline-block; }
  .beginner .accessArea {
    margin-top: 40px;
    display: block;
    border-top: 1px solid #f4f4f2;
    padding-top: 35px; }
  .beginner .contactBox {
    display: none; } }