@charset "UTF-8";
/* Scss Document */
/*
Theme Name:
Author:
Author URI:
Version:1.0
*/
/*----------------------------initialize-base*/
/* line 11, ../scss/temp-01.scss */
body {
  color: #333;
  font-size: 100%; }

/* line 17, ../scss/temp-01.scss */
h1, h3, h4, h5, h6 {
  font-family: "メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
  font-weight: bold; }

/* line 21, ../scss/temp-01.scss */
h2 {
  font-family: 'Tangerine', cursive, "メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
  font-weight: normal;
  font-size: 15vw;
  text-align: center;
  line-height: 25vw; }
  @media screen and (min-width: 568px) {
    /* line 21, ../scss/temp-01.scss */
    h2 {
      font-size: 10vw;
      line-height: 20vw; } }
  @media screen and (min-width: 1024px) {
    /* line 21, ../scss/temp-01.scss */
    h2 {
      font-size: 7em;
      line-height: 2em; } }

/* line 36, ../scss/temp-01.scss */
p, table, th, td {
  font-family: "メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"; }

/* line 39, ../scss/temp-01.scss */
a {
  color: #61C0BF;
  text-decoration: none; }

/* line 43, ../scss/temp-01.scss */
a:hover {
  opacity: 0.7; }

/*----------------------------------------------header*/
/* line 48, ../scss/temp-01.scss */
header {
  background-color: #87E5DA;
  /*padding:10px;*/
  width: 100%;
  box-sizing: border-box;
  position: fixed;
  top: 0;
  /*基準を画面の左上に*/
  left: 0;
  margin: 0; }
  /* line 57, ../scss/temp-01.scss */
  header h1 {
    padding: 10px;
    float: left;
    font-size: 5.5vw;
    line-height: 8vw;
    /*width:20%;*/ }
    @media screen and (min-width: 568px) {
      /* line 57, ../scss/temp-01.scss */
      header h1 {
        font-size: 3vw;
        line-height: 5vw; } }
    @media screen and (min-width: 1024px) {
      /* line 57, ../scss/temp-01.scss */
      header h1 {
        font-size: 1.5em;
        line-height: 1.3em; } }
    /* line 71, ../scss/temp-01.scss */
    header h1 img {
      height: 36px;
      width: auto; }
    /* line 75, ../scss/temp-01.scss */
    header h1 a {
      color: #fff; }

/*----------------------------------------------footer*/
/* line 81, ../scss/temp-01.scss */
footer {
  text-align: center;
  padding: 5vw 0;
  background-color: #87E5DA; }
  @media screen and (min-width: 1024px) {
    /* line 81, ../scss/temp-01.scss */
    footer {
      padding: 2em 0; } }
  /* line 88, ../scss/temp-01.scss */
  footer p {
    font-size: 2.5vw;
    line-height: 4vw; }
    @media screen and (min-width: 568px) {
      /* line 88, ../scss/temp-01.scss */
      footer p {
        font-size: 1.5vw;
        line-height: 3vw; } }
    @media screen and (min-width: 1024px) {
      /* line 88, ../scss/temp-01.scss */
      footer p {
        font-size: 1em;
        line-height: 2em; } }
  /* line 100, ../scss/temp-01.scss */
  footer a {
    color: #fff; }

/*----------------------------------------------nav color*/
/* line 105, ../scss/temp-01.scss */
nav {
  background: #FAE3D9; }
  @media screen and (min-width: 1024px) {
    /* line 105, ../scss/temp-01.scss */
    nav {
      background-color: transparent; } }
  /* line 112, ../scss/temp-01.scss */
  nav ul li a {
    color: #fff; }
    /* line 114, ../scss/temp-01.scss */
    nav ul li a:hover {
      background: #FFB6B9; }
      @media screen and (min-width: 1024px) {
        /* line 114, ../scss/temp-01.scss */
        nav ul li a:hover {
          background: #FFB6B9;
          opacity: 1; } }

/*----------------------------------------------main*/
/* line 127, ../scss/temp-01.scss */
#nav01, #nav02, #nav03, #nav04, #nav05, #nav06, #nav07 {
  margin-top: -50px;
  padding-top: 50px; }

/* line 131, ../scss/temp-01.scss */
article {
  margin: -70px auto 0 auto;
  padding-top: 70px;
  box-sizing: border-box; }

/* line 136, ../scss/temp-01.scss */
article > section {
  margin-bottom: 8vw; }

/* line 139, ../scss/temp-01.scss */
article > section > div,
article > div > section > div {
  width: 85%;
  margin: 0 auto;
  padding-bottom: 3vw; }
  @media screen and (min-width: 568px) {
    /* line 139, ../scss/temp-01.scss */
    article > section > div,
    article > div > section > div {
      width: 90%; } }
  @media screen and (min-width: 1024px) {
    /* line 139, ../scss/temp-01.scss */
    article > section > div,
    article > div > section > div {
      width: 70%;
      margin: 0 auto;
      padding-bottom: 3vw; } }

/* line 153, ../scss/temp-01.scss */
#main-bnr {
  width: 100%;
  background: url(../img/fc88aa64a73205b70a41b1f3a753ac4d_m.jpg) no-repeat;
  background-size: 100% auto;
  background-position: 50% 50%;
  text-align: center;
  margin: 8vw auto 0 auto;
  padding: 13% 0; }
  @media screen and (min-width: 1024px) {
    /* line 153, ../scss/temp-01.scss */
    #main-bnr {
      margin-top: 57px; } }
  /* line 164, ../scss/temp-01.scss */
  #main-bnr p {
    font-size: 6vw;
    padding: 20px;
    background-color: rgba(255, 255, 255, 0.5); }
    @media screen and (min-width: 568px) {
      /* line 164, ../scss/temp-01.scss */
      #main-bnr p {
        font-size: 3vw; } }

/* line 175, ../scss/temp-01.scss */
.box img {
  width: 100%;
  height: auto;
  margin: 0 0 3vw 0;
  border-radius: 2vw; }
  @media screen and (min-width: 568px) {
    /* line 175, ../scss/temp-01.scss */
    .box img {
      width: 50%;
      margin: 1.5vw; } }
/* line 185, ../scss/temp-01.scss */
img.flower01 {
  width: 30%;
  float: right; }
/* line 189, ../scss/temp-01.scss */
img.flower02 {
  width: 45%;
  margin-top: -10vw; }
/* line 193, ../scss/temp-01.scss */
img.img-break {
  margin: 6vw auto;
  display: block;
  width: 60%; }
  @media screen and (min-width: 1024px) {
    /* line 193, ../scss/temp-01.scss */
    img.img-break {
      width: 50%; } }
/* line 201, ../scss/temp-01.scss */
img.img-qr {
  margin: 6vw auto;
  display: block;
  width: 50%; }
  @media screen and (min-width: 568px) {
    /* line 201, ../scss/temp-01.scss */
    img.img-qr {
      width: 30%; } }

/* line 211, ../scss/temp-01.scss */
ul.list-triangle {
  list-style-position: outside; }
  /* line 213, ../scss/temp-01.scss */
  ul.list-triangle li:before {
    font-family: "Font Awesome 5 Free";
    content: '\f0da';
    font-weight: bold; }
  /* line 218, ../scss/temp-01.scss */
  ul.list-triangle li {
    text-indent: -1.5vw;
    padding: 1vw 0;
    line-height: 6.5vw; }
    @media screen and (min-width: 568px) {
      /* line 218, ../scss/temp-01.scss */
      ul.list-triangle li {
        text-indent: -1vw;
        line-height: 4.5vw; } }
    @media screen and (min-width: 1024px) {
      /* line 218, ../scss/temp-01.scss */
      ul.list-triangle li {
        line-height: 1em; } }

/* line 231, ../scss/temp-01.scss */
ul.img-circle {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap; }
  /* line 235, ../scss/temp-01.scss */
  ul.img-circle li {
    /*width:24%;*/
    width: 48%;
    text-align: center;
    font-size: 3.5vw;
    margin-bottom: 4vw; }
    @media screen and (min-width: 568px) {
      /* line 235, ../scss/temp-01.scss */
      ul.img-circle li {
        width: 24%;
        font-size: 2.5vw; } }
    @media screen and (min-width: 1024px) {
      /* line 235, ../scss/temp-01.scss */
      ul.img-circle li {
        font-size: 1.3em; } }
    /* line 248, ../scss/temp-01.scss */
    ul.img-circle li img {
      width: 90%;
      height: auto;
      object-fit: contain;
      border-radius: 50%;
      margin-bottom: 1vw; }

/* line 257, ../scss/temp-01.scss */
ul.img-icon {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap; }
  /* line 261, ../scss/temp-01.scss */
  ul.img-icon li {
    /*width:24%;*/
    width: 20%;
    text-align: center;
    font-size: 3vw;
    margin-bottom: 4vw; }
    /* line 267, ../scss/temp-01.scss */
    ul.img-icon li img {
      width: 80%;
      height: auto;
      margin-bottom: 1vw;
      border-radius: 0; }

/* line 276, ../scss/temp-01.scss */
ul.list-block li {
  background-color: #FAE3D9;
  line-height: 7vw;
  border-radius: 2vw;
  width: 100%;
  padding: 4vw 3vw;
  margin-bottom: 5vw;
  box-sizing: border-box; }
  @media screen and (min-width: 1024px) {
    /* line 276, ../scss/temp-01.scss */
    ul.list-block li {
      font-size: 1.3em;
      line-height: 2em;
      padding: 2em 3em; } }

/* line 292, ../scss/temp-01.scss */
.mailform input, .mailform textarea {
  border-radius: 2vw;
  padding: 2vw;
  border: 1px solid #ccc;
  width: 92%;
  font-size: 3vw; }
  @media screen and (min-width: 1024px) {
    /* line 292, ../scss/temp-01.scss */
    .mailform input, .mailform textarea {
      font-size: 1em;
      padding: 1em;
      border-radius: 1em; } }
/* line 304, ../scss/temp-01.scss */
.mailform .require {
  background-color: #E34649;
  padding: 1vw;
  font-size: 2.8vw;
  border-radius: 1.5vw;
  margin-left: 1vw;
  color: #fff; }
  @media screen and (min-width: 568px) {
    /* line 304, ../scss/temp-01.scss */
    .mailform .require {
      border-radius: 1em;
      font-size: 0.8em;
      padding: 0.3em; } }
/* line 317, ../scss/temp-01.scss */
.mailform dt {
  background-color: #efefef;
  padding: 2vw 1vw; }
  @media screen and (min-width: 1024px) {
    /* line 317, ../scss/temp-01.scss */
    .mailform dt {
      padding: 1em; } }
/* line 324, ../scss/temp-01.scss */
.mailform dd {
  padding: 2vw 1vw;
  margin-bottom: 2vw; }
  @media screen and (min-width: 1024px) {
    /* line 324, ../scss/temp-01.scss */
    .mailform dd {
      padding: 1em;
      margin-bottom: 1em; } }

/* line 333, ../scss/temp-01.scss */
.mailform-btn {
  text-align: center; }
  /* line 335, ../scss/temp-01.scss */
  .mailform-btn input {
    background-color: #87E5DA;
    padding: 1vw;
    font-size: 3vw;
    border-radius: 1.5vw;
    margin-left: 1vw;
    color: #333; }
    @media screen and (min-width: 568px) {
      /* line 335, ../scss/temp-01.scss */
      .mailform-btn input {
        font-size: 1em; } }
    @media screen and (min-width: 1024px) {
      /* line 335, ../scss/temp-01.scss */
      .mailform-btn input {
        padding: 0.7em;
        font-size: 1em; } }
  /* line 350, ../scss/temp-01.scss */
  .mailform-btn input[type="submit"],
  .mailform-btn input[type="reset"] {
    border: none; }

/* line 355, ../scss/temp-01.scss */
.box-bg {
  background: url(../img/bg.jpg) repeat-y;
  background-size: 100%; }
  /* line 358, ../scss/temp-01.scss */
  .box-bg section {
    width: 75%;
    margin: 0 auto; }

/* line 363, ../scss/temp-01.scss */
.box-center {
  text-align: center; }
  @media screen and (min-width: 568px) {
    /* line 363, ../scss/temp-01.scss */
    .box-center {
      display: flex;
      justify-content: center;
      text-align: left; }
      /* line 369, ../scss/temp-01.scss */
      .box-center img {
        width: 45%;
        height: 45%;
        display: block;
        margin: 0 2vw 0 0; } }

/*# sourceMappingURL=temp-01.css.map */