@charset "utf-8";



@media screen and (max-width: 767px) {
    #undercolumn_blog　{ width: 100% !important}
	.only_pc { display: none}

  .PageWrapper {
    width: 100%;
    margin: 0 auto;
    padding: 40px 0 30px;
    color: #000;
    /* font-family: 'Noto Sans JP', sans-serif; */
    font-family: 'EB Garamond', serif;
  }
  .PageWrapper a { color: #000}
  .PageWrapper img {
    max-width: 100%;
    vertical-align: top;
  }

  .mainvisual { opacity: 0; margin: 0 auto 40px; width: 100%}
  .mainvisual img { width: 100%; height: auto }
  .mainvisual h1.logo { margin: 0 auto 15px; text-align: center}
  .mainvisual h1 img { width: 184px}
  .mainvisual { animation: fadein 1.5s ease 0.5s 1 forwards }
  @-webkit-keyframes fadein {
    100% { opacity: 1 }
  }
  @keyframes fadein {
    100% { opacity: 1 }
  }

  .PageWrapper .lead { margin: 0 0 30px; padding: 0 15px; text-align:center}
  .PageWrapper .lead h2 { margin-bottom: 35px}
  .PageWrapper .lead h2 img { height: 22px}
  .PageWrapper .lead p { margin-bottom: 15px; font-size: 12px; font-weight: bold}
  .PageWrapper .lead p:last-child { margin-bottom: 0}

  #pageTitle li { display: block}
  .PageWrapper .section { position: relative; margin: 0 auto 40px;}
  .PageWrapper .section .text {
    margin: 0 auto;
    font-size: 10px !important;
    text-align: right;
  }
  .PageWrapper .section .detail {
    width: 79.63%;
    max-width: 340px;
    margin: 0 auto;
    /* padding: 0 25px; */
    text-align: right;
  }
  .PageWrapper .section .detail > div {
    text-align: center;
    margin-left: auto;
  }
  .PageWrapper .section .detail .text {
    margin: 30px 0;
  }

  .PageWrapper .section .img li {
    margin-bottom: 30px;
  }

  .PageWrapper .check {
    margin: 100px auto 0;
    text-align: center;
    font-size: 16px !important;
    font-weight: 600;
    font-family: 'Noto Sans JP', sans-serif;

  }
  .PageWrapper .check a {
    color: #fff;
  }
  .PageWrapper p.btn {
    margin: 50px auto 0;
    text-align: center;
  }
  .PageWrapper p.btn_detail {
    text-align: center;
  }
  .PageWrapper p.btn_detail a {
    background: #000;
    color: #fff;
    text-align: center;
    display: inline-block;
    font-size: 11px;
    letter-spacing: 1px;
    padding: 10px;
    text-decoration: none;
    position: relative;
    box-sizing: border-box;
    transition: all .6s ease;
    width: 100%;
    max-width: 340px;
    line-height: 0;
  }
  .PageWrapper .bnnr { margin: 0 auto 50px; text-align: center; width: 70%; border: 1px solid #444}

  .PageWrapper .slick-dots {
    padding: 7px 15px;
    text-align: center;
    box-sizing: border-box;
  }
  .PageWrapper .slick-dots li {
    width: 8px;
    height: 8px;
    margin-left: 10px;
  }
  .PageWrapper .slick-dots li button {
    width: 8px;
    height: 8px;
    padding: 0;
  }
  .PageWrapper .slick-dots li button:before {
    font-size: 0;
    line-height: 8px;
    width: 8px;
    height: 8px;
    content: '';
    opacity: 1;
    background: #e4e4e5;
    border-radius: 100%;
  }
  .PageWrapper .slick-dots li.slick-active button:before {
    background: #9f9f9f;
    opacity: 1;
  }

}

@media screen and (min-width: 768px) {
	.only_sp { display: none}
  .wrapper { position: relative;　font-family: 'EB Garamond', serif; background : #fff !important;　color: #211815}
  .wrapper { margin: 0 auto; padding: 50px 0 110px; width: 100%;}
  .wrapper img { max-width: 100%}
  .wrapper h1 { margin: 0 auto 40px; text-align: center}
  .wrapper h1 img { width: 230px; height: auto}
   
  .mainvisual { width: 100%; margin: 0 auto 50px; text-align: center; opacity: 0}
  .mainvisual img { width: 885px; height: auto}
  .mainvisual { animation: fadein-main 2.5s ease 0.5s 1 forwards}

  @-webkit-keyframes fadein-main {
    100% {opacity: 1}
  }
  @keyframes fadein-main {
    100% {opacity: 1}
  }
  .wrapper .lead { text-align:center; font-weight: bold}
  .wrapper .lead h2 { margin-bottom: 30px}
  .wrapper .lead h2 img { height: 20px}
  .wrapper .lead p { margin-bottom: 15px}
  .wrapper .lead p:nth-of-type(3) { margin-top: 30px}
  .wrapper .lead p.btn {
    margin: 50px auto 90px;
    text-align: center;
  }
  .wrapper .lead p.btn a {
    background: #211815;
    color: #fff;
    text-align: center;
    display: inline-block;
    font-size: 11px;
    letter-spacing: 1px;
    padding: 10px;
    text-decoration: none;
    position: relative;
    width: 340px;
    box-sizing: border-box;
    transition: all .6s ease;
    line-height: 0;
  }

  .wrapper .section { position: relative; max-width: 734px; margin: 0 auto 170px; text-align: center;}
  .wrapper .section a { color: #211815}
  .wrapper .section ul { display: flex; flex-wrap: wrap; justify-content: center; margin: 0 -12px}
  .wrapper .section ul li { width: calc(100% / 2 - 24px); margin: 0 12px}
  .wrapper .section ul li img { max-width: 100%; height: auto}
  .wrapper .section .text { font-size: 10px; margin: 0 0 20px; text-align: left; font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif}
  .wrapper .section .detail {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0;
  }
  .wrapper .section .detail .btn_detail a {
    background: #211815;
    text-align: center;
    display: inline-block;
    padding: 10px;
    text-decoration: none;
    position: relative;
    width: 340px;
    box-sizing: border-box;
    transition: all .6s ease;
    line-height: 0;
  }
  .wrapper .section .detail .btn_detail a img {
    margin: 0;
  }

  .wrapper .num01_01 .img {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .wrapper .num01_01 .img ul li {
    width: calc(100% / 2 - 24px);
    margin: 0 12px 37px;
  }
  .wrapper .num01_01 .img ul li:nth-of-type(3) {
    width: 100%;
    text-align: center;
  }
  .wrapper .num01_01 .img ul li:nth-of-type(3) img {
    width: 83.65%;
  }
  .wrapper .num01_02 {
    margin-bottom: 60px;
  }
  .wrapper .num01_02 ul {
    display: grid;
    grid-template-columns: auto auto;
    grid-template-rows: auto auto;
    margin-bottom: 40px;
  }
  .wrapper .num01_02 ul li {
    width: 100%;
    width: 100%;
    margin: 0;
    padding: 0 12px;
    box-sizing: border-box;
  }
  .wrapper .num01_02 ul li:nth-of-type(1) {
    grid-column: 1;
    grid-row: 1;
    margin-bottom: 24px;
  }
  .wrapper .num01_02 ul li:nth-of-type(2) {
    grid-column: 1;
    grid-row: 2;
  }
  .wrapper .num01_02 ul li:nth-of-type(3) {
    grid-column: 2;
    grid-row: 1 / 3;
    align-self: center;
  }

  .wrapper .check {
    text-align: center;
    font-size: 20px;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: bold;
  }

  .wrapper .bnnr { margin: 0 auto 50px; text-align: center; width: 720px; border: 1px solid #444}
  .wrapper .bnnr { margin: 0 auto 80px; text-align: center; width: 450px}
}