@charset "UTF-8";
/* CSS Document */

div.inquiry {top: 40%;}

.ohmuginohanashi main {position: relative; display: block; width: 100%; overflow: hidden;
background-attachment: fixed ; background-image: url("../img/bg.jpg"); background-repeat: repeat; background-position: center center;
padding: 4vw 0;}
.ohmuginohanashi main section.cont__bg {position: relative; margin: 6.5vw 0 15vw; background: #fff;}
.ohmuginohanashi main section.cont__bg::before {z-index: 1;
content: ""; display: block; position: absolute;left: -25%;top: -6.5vw;
  width: 150%;
  height: 25vw;
  border-radius: 50% / 100% 100% 0 0;
  background: #fff;}
.ohmuginohanashi main section.cont__bg::after {z-index: 1;
content: ""; display: block; position: absolute;left: -25%;bottom: -6.5vw;
  width: 150%;
  height: 25vw;
  border-radius:0 0 50% 50% /0 0 100% 100%;
  background: #fff;}
  
.ohmuginohanashi main div.cont__inner {display: flex; flex-direction: column; position: relative; z-index: 2; background-color: #fff;
max-width: 900px; margin: 0 auto;
justify-content: flex-start; align-items: center;}

.cont__inner h1 { font-size: 60px; color: #4a7254;
-webkit-text-stroke: .045em #4a7254; letter-spacing: .15em; margin-bottom: .65em;}
.cont__inner h2 { font-size: 1.125rem;letter-spacing: .05em;}
.cont__inner h3 { font-size: 1.25rem; margin: .5em auto 1em; color: #251e1c; text-align: center;}
.cont__inner p.lead {line-height: 1.8;}

.img_box {max-width: 500px; width: 80%; margin: 1.5em auto; border: 1px #bbb solid;}
.img_box > img {width: 100%;}


.notice__box { display: block; margin: 2em auto -12vw; max-width: calc(760px - 3em); width: 95%;
padding:.75em 2em 1.5em;
box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.1);background: #fff;}

ul.dot { }
ul.dot li {line-height: 1.5; font-size: .9375em;
  margin-bottom: 0.15em;
  padding-left: 1em;
  position: relative;}

ul.dot li::before {content: "●";color: #67390c;
  width: 1em;
  font-size: .65em;
  text-align: center;
  display: block;
  position: absolute;
  top: .4em;
  left: .25em;
}

.btn__box {display: block; margin: 2em auto; text-align: center;}

.c-btn { font-size: 1.5em; width: 400px; max-width: 90%;
position: relative;
    display: inline-flex;
    justify-content: center;
    gap: 0 0.25em;
    align-items: center;
    padding: 0 0.75em;
    line-height: 1;
    height: 3em;
    border-radius: 0.3em;
    white-space: nowrap;
    cursor: pointer;
    background-color: #ffbd00;
    color: #251e1c;}

/*
.c-btn:after {transform: rotate(-45deg);
    content: "";
    line-height: 1;
    width: .6em;
    height: .6em;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    margin-right: .5em;}
*/

#footer .inner {padding: 0 !important; height: 0 !important;}
#footer .inner::before {display: none;}
#footer .inner p.f_policy {top: -4em;}


@media screen and (max-width: 1000px) {

.inquiry_sp {right: 5vw;}
.ohmuginohanashi main {padding-top: 25vw;padding-bottom: 20vw;}
.ohmuginohanashi main div.cont__inner {width: 90vw;}
.cont__inner h1 { font-size: 12vw;}
.cont__inner h2 { font-size: 3.6vw;}
.cont__inner h3 { font-size: 4vw;}
.cont__inner p.lead {font-size: 3.6vw;}
ul.dot li {font-size: 3.2vw;}
.c-btn { font-size: 5vw; font-weight: bold;}
.btn__box {padding-top: 8.5vw;width: 95%;}

#header { justify-content: space-between; padding-right: 5vw;}
#footer {display: block;}
#footer .inner {margin-bottom: 0;}
#footer .inner p.f_policy {top: -2.5em; padding-right: 5vw; font-size: 3.6vw;}
#copyright .inner {border-top: 0;}
}