/*=======================================
	responsive
=======================================*/
/*-------------------------
- base
- yarumaikai_sec
-------------------------*/
/*=========================
- base
=========================*/
body {
  font-size: clamp(13px, calc(16/1200*100vw), 16px); }
  @media only screen and (max-width: 820px) {
    body {
      font-size: 13px; } }

/*=========================
- yarumai_sec
==========kai===============*/
.yarumaikai_sec {
  background: url("../images/common/bg.jpg") no-repeat center top;
  background-size: cover; }
  .yarumaikai_sec .inner {
    max-width: 1200px;
    margin: 100px auto 0;
    padding-bottom: 147px; }
    @media screen and (max-width: 768px) {
      .yarumaikai_sec .inner {
        margin-top: 62px;
        padding-bottom: 80px; } }
    .yarumaikai_sec .inner h2.ttl {
      font-size: 32px;
      font-size: clamp(26px, 2.67vw, 32px);
      text-align: center;
      margin-bottom: 60px; }
      @media screen and (max-width: 768px) {
        .yarumaikai_sec .inner h2.ttl {
          font-size: 18px;
          margin-bottom: 40px; } }
    .yarumaikai_sec .inner .text_01 {
      margin-bottom: 80px; }
      @media screen and (max-width: 768px) {
        .yarumaikai_sec .inner .text_01 {
          margin-bottom: 50px; } }
    .yarumaikai_sec .inner .text_02 {
      margin-bottom: 160px; }
      @media screen and (max-width: 768px) {
        .yarumaikai_sec .inner .text_02 {
          margin-bottom: 60px; } }
    .yarumaikai_sec .inner .img_01 {
      margin-bottom: 80px; }
      @media screen and (max-width: 768px) {
        .yarumaikai_sec .inner .img_01 {
          margin-bottom: 50px; } }
    .yarumaikai_sec .inner .cmn_btn {
      width: 380px;
      margin: 0 auto; }
      @media screen and (max-width: 768px) {
        .yarumaikai_sec .inner .cmn_btn a {
          padding: 0 25px; } }

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