@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

body {
  font-family: "Yomogi", cursive;
  font-weight: normal;
  font-style: normal;
}
h1, h2, h3, h4, h5, h6 {
  font-family: "Pangolin","Yomogi", cursive;
  font-weight: 200;
  font-style: normal;
}


.l-header__logo {
	margin: 0 !important;
	padding: 0 !important;
}
.l-header__inner {
	margin: 0 !important;
	padding: 0 !important;
}

.l-fixHeader__logo {
	margin: 0 !important;
	padding: 0 !important;
}

.l-fixHeader__inner {
	margin: 0 !important;
	padding: 0 !important;
	max-width:100%;
}

.-body-solid .l-fixHeader {
    box-shadow: none;
}

.l-header{
	background: rgba(255,255,255,0); /*ヘッダーの色*/
  box-shadow:none; 
}

.p-mainVisual__slide img {
  border-bottom-left-radius: 30px; /* 左下の角の丸み */
  border-bottom-right-radius: 30px; /* 右下の角の丸み */
  overflow: hidden; /* 親要素の外にはみ出た部分を隠す */
}



    .casa-h2-section {
      position: relative;
      max-width: 800px;
      margin: 0 auto;
      padding: 0 20px;
      text-align: center;
    }

    .casa-title {
      position: relative;
      z-index: 1;
    }

    .casa-title .lines {
      margin-bottom: 5px;
    }

    .casa-title .lines img {
      width: 120px;
      height: auto;
    }

    .casa-title h2 {
      font-size: 48px;
      margin: 0;
    }

    .casa-title p {
      margin-top: 8px;
      font-size: 18px;
    }

    .birds {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      width: 150px;
    }

    .birds.left {
      left: 100px;
    }

    .birds.right {
      right: 100px;
    }

    .birds img {
      display: block;
      width: 150px;
      margin: 10px auto;
    }

    @media screen and (max-width: 768px) {
      .casa-title h2 {
        font-size: 36px;
      }

      .casa-title p {
          margin-top: 0;
		  font-size: 16px;
      }

      .casa-title .lines img {
        width: 60px;
      }

      .birds {
        width: 70px;
      }
      .birds.left {
        left: 30px;
    }
      .birds.right {
        right: 30px;
    }
      .birds img {
        width: 70px;
    }
} 

    @media screen and (min-width: 960px) {
    .about-text {
       width:450px;
    }
		}