@charset "utf-8";

/* *****共通設定******************************************************* */


body {
  background: url(../img/bg-body.jpg);
  background-attachment: fixed;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  position: relative;
  box-sizing: border-box;
  font-family: 'Noto Serif JP', serif;
  background-color: #e9c58c;
}

main {
  display: block;
}

header {
  background-color: #000;
  display: block;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.h7 {
  margin: 0;
  color: #000;
  line-height: 1;
}

hr {
  height: 0;
  margin: 0;
  padding: 0;
  border: 0;
}

dl,
ol,
ul {
  margin: 0;
}


h2 {
  font-size: 3rem;
  line-height: 1.4;
  font-weight: 600;
  letter-spacing: -.1rem;
}

h3 {
  font-size: 2rem;
  line-height: 1.4;
  font-weight: 600
}

h4 {
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1.5;
}

.h1 {
  line-height: 1.5;
}

.h3 {
  line-height: 1.2;
}

.h4 {
  line-height: 1.4;
}

.h5 {
  line-height: 1.6;
}

.h7 {
  font-size: .8rem;
}

.yellow {
  color: #fff45c;
}

.beige {
  color: #e9c58c;
}

.marker-bei {
  background: linear-gradient(transparent 75%, #e9c58c 75%);
  /* font-weight: bold; */
}

.mark-y {
  padding: 0.2rem;
  background: #fff45c;
  font-weight: bold;
}

.marker-y {
  background: linear-gradient(transparent 75%, #fff45c 75%);
  font-weight: bold;
}

.marker-da {
  background: linear-gradient(transparent 75%, #1f1f1e 75%);
  font-weight: bold;
}

.bg-beige {
  background-color: #e9c58c;
}

.bg-dark-b {
  background-color: #1f1f1e;
}

/* .img-cover {
  display: block;
  height: 10em;
  width: 100%;
  object-fit: cover;
} */

.sub-txt {
  font-size: 1.5rem;
  margin-bottom: 1em;
  font-family: 'Antonio', sans-serif;
  color: #966135;
}

u {
  text-underline-offset: 0.1em !important;
}

.under-wh {
  border-bottom: 1px solid #fff;
}

.under-bl {
  border-bottom: 1px solid #000;
}

.under-bei {
  border-bottom: 1px solid #000;
}

.under-doub {
  border-bottom: double 4px #e9c58c;
}

.br-pc {
  display: block;
}

.br-sp {
  display: none;
}

.img-pc {
  display: block;
}

.img-sp {
  display: none;
}

.ls-lg {
  letter-spacing: 0.4em;
}

.ls-mm {
  letter-spacing: -0.1rem;
}

.lh-10 {
  line-height: 1;
}

.lh-12 {
  line-height: 1.2;
}

.lh-14 {
  line-height: 1.4;
}

.lh-15 {
  line-height: 1.5;
}

.lh-16 {
  line-height: 1.6;
}

.lh-17 {
  line-height: 1.7;
}

.lh-18 {
  line-height: 1.8;
}

 .fs-14 {
  font-size: 14px;
 }

/* ***** list ***** */

.list-box {
  border: 1px solid #e9c58c;
  padding: 1.5em 1em;
}

.fa-ul {
  list-style-type: none;
  margin-left: 2em;
  padding-left: 0;
}

.fa-ul li {
  margin-bottom: .8em;
}

.fa-ul li:last-child {
  margin-bottom: 0;
}

/* ***** green-button ***** */

.green-btn {
  display: inline-block;
  padding: 0.75em 1em;
  background-color: #1fc656;
  box-shadow: 0 5px 0 #12ae1e;
  border-radius: 10px;
  font-size: 2.25rem;
  font-weight: 700;
  color: #fff;
  cursor: pointer;
  text-decoration: none;
  width: 80%;
  text-shadow: 1px 1px rgb(0 0 0 / 20%);
}

.green-btn:hover {
  color: #fff;
}


/* .green-btn:hover {
  box-shadow: none;
  transform: translateY(5px);
  color:#fff;
} */

.green-btn-2 {
  display: inline-block;
  padding: 0.75em 1em;
  background-color: #1fc656;
  box-shadow: 0 5px 0 #12ae1e;
  border-radius: 10px;
  font-size: 2.25rem;
  font-weight: 700;
  color: #fff;
  cursor: pointer;
  text-decoration: none;
  width: 80%;
  text-shadow: 1px 1px rgb(0 0 0 / 20%);
}

.green-btn-2:hover {
  color: #fff;
}

.poyopoyo {
  animation: poyopoyo 2s ease-out infinite;
  opacity: 1;
}

/* .poyopoyo:hover {
  animation-play-state: paused;
} */

@keyframes poyopoyo {

  0%,
  40%,
  60%,
  80% {
    transform: scale(1.0);
  }

  50%,
  70% {
    transform: scale(0.95);
  }
}

.link {
  text-decoration: none;
}

a {
  text-decoration: none;
}

.fw-600 {
  font-weight: 600;
}

.no-wrap {
  display: inline-block;
}


/***** ヘッダー *****/

.home-section {
  margin: 0 auto;
  background: url(../img/bg-mv.jpg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  max-width: 1800px;
}

.home-section .container {
  max-width: 1056px;
}


/* ***** section OxnL0 ***** */

.section-tC0FF .container,
.section-OxnL0 .container,
.section-eOVoD .container,
.section-2HyYg .container,
.section-jyrNS .container,
.section-Ky0j7 .container,
.section-kwhDC .container,
.section-bCwah .container,
.section-xdFM7 .container,
.section-jLSps .container,
.section-D2VtP .container,
.section-IEhRI .container,
.section-button .container,
.section-study .container,
.section-bkB2NW2 .container {
  max-width: 1056px;
}


/* ***** section OxnL0 ***** */


.section-OxnL0 {
  padding: 80px 0;
}

.section-OxnL0 .bi .bi-check2 {
  fill: #000;
  flex: 0 0 2em;
}

.section-OxnL0 .d-arrow {
  fill: #fff;
}

.kenten {
  position: relative;
  padding-top: 0.125em;
}

.kenten::before {
  position: absolute;
  content: "";
  width: 0.15em;
  height: 0.15em;
  border-radius: 50%;
  background-color: #e9c58c;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
}


/* ***** section eOVoD ***** */

.section-eOVoD {
  padding: 20px 0 80px;
}


/* ***** section 2HyYg ***** */

.section-2HyYg {
  background-color: #000;
  padding-top: 80px;
  width: 100%;
}

.triangle {
  position: relative;
}

.triangle:after {
  content: "";
  position: absolute;
  top: 100%;
  right: 50%;
  transform: translatex(50%);
  box-sizing: border-box;
  border-right: calc(50vw) solid transparent;
  border-left: calc(50vw) solid transparent;
  border-top: 100px solid #000;
}

.section-2HyYg h3 {
  color: #e9c58c;
  background-color: #000;
  padding: 0.4em;
}


/* ***** section jyrNS ***** */

.section-jyrNS {
  padding: 100px 0 40px;
  width: 100%;
}

/* ***** section IEhRI ***** */

.section-IEhRI {
  padding-top: 10px;
  background: linear-gradient(180deg, transparent 0%, transparent 50%, rgba(0, 0, 0, .8) 50%, rgba(0, 0, 0, .8) 100%);
}

.card .img-box {
  position: relative;
}

/* .card .img-box-title {
    position: absolute;
    bottom: 0;
    width: 100%;
} */

.border-black {
  border-width: 8px;
  border-color: #000;
}


/* ***** section Ky0j7 ***** */

.section-Ky0j7 {
  padding: 10px 0 80px;
}


.heading-sub {
  position: relative;
  padding-top: 50px;
  padding-left: 30px;
}

.heading-sub span {
  position: relative;
  z-index: 2;
}

.heading-sub::before {
  content: attr(data-en);
  position: absolute;
  top: 15px;
  left: 50%;
  transform: translate(-50%, 0);
  color: #966135;
  font-size: 1.5rem;
  font-weight: 400;
  font-family: 'Antonio', sans-serif;
}

.section-Ky0j7 h3 {
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.4;
}

.section-Ky0j7 .content-box {
  background-color: #fff;
  border-radius: 30px;
  padding: 20px;
  box-shadow: 0px 40px 140px rgba(65, 82, 98, 0.08);
}


/* ***** section kwhDC ***** */

.section-kwhDC {
  padding: 80px 0;
}

.section-kwhDC .h3 {
  display: inline;
  font-weight: 600;
  line-height: 1.4;
  border-bottom: 1px solid #000;
}

.section-kwhDC h5 {
  font-weight: 600;
  line-height: 1.4;
}

.section-kwhDC .img-cover {
  display: block;
  height: 9em;
  width: 100%;
  object-fit: cover;
}

.section-kwhDC .card-body {
  display: flex;
  justify-content: center;
  align-items: center;
}

.section-kwhDC .card-title {
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.4;
}

.section-kwhDC .img-box {
  background-image: url(img/card-img-5.jpg);
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.section-kwhDC .content-box {
  background-color: #fff;
  border-radius: 30px;
  padding: 30px;
}


/* ***** section bCwah ***** */

.section-bCwah {
  padding: 80px 0;
  background-color: #000;
}

.section-bCwah ul li {
  margin-bottom: .7em;
}

.section-bCwah ul li:last-child {
  margin-bottom: 0;
}

.cur-wadm {
  position: relative;
}

.cur-wadm::after {
  position: absolute;
  color: #9d846d;
  content: 'WONDERFUL AD MARKETER';
  font-family: 'Antonio', sans-serif;
  font-weight: 700;
  font-size: 1.75rem;
  opacity: 0.6;
  bottom: 10px;
  right: 10px;
}

.section-xdFM7 h3 {
  line-height: 1;
  background-color: #000;
  color: #fff;
  font-family: 'Antonio', sans-serif;
  font-size: 3rem;
  padding: .3em 0;
}

.section-xdFM7 {
  padding: 80px 0;
}

/* ***** section bkB2NW2 ***** */

.section-bkB2NW2 {
  padding: 80px 0;
  background-color: #000;
}


/* ***** section jLSps ***** */

.section-jLSps {
  padding: 80px 0;
}

.entry-box {
  border: 1px solid #e9c58c;
  margin: 0 1.5em;
}

.section-jLSps .under {
  border-bottom: 1px solid #e9c58c;
}


/* ***** section D2VtP ***** */

.section-D2VtP {
  background-color: #000;
}

.section-D2VtP h3 {
  color: #e9c58c;
  font-size: 1.5rem;
  padding: .4rem;
}

.section-D2VtP .img-cover {
  display: block;
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.wam {
  position: relative;
}

.wam .svg-p {
  position: absolute;
  bottom: 3%;
  right: 3%;
}


.section-D2VtP .list-box {
  border: 1px solid #e9c58c;
  padding: 1.5em 1em;
}

.section-D2VtP .fa-ul {
  list-style-type: none;
  margin-left: 2em;
  padding-left: 0;
}

.section-D2VtP .fa-ul li {
  margin-bottom: .8em;
}

.section-D2VtP .fa-ul li:last-child {
  margin-bottom: 0;
}

.section-D2VtP h3 {
  font-size: 1.25rem;
}

.border-bottom-beige {
  border-bottom: 1px solid #e9c58c;
}

.border-bottom-beige-2 {
  border-bottom: 2px solid #e9c58c;
}

.section-study {
  padding: 80px 0;
  background-color: rgba(0, 0, 0, .8);
}


/* ***** section button ***** */

.section-button {
  background-color: rgba(0, 0, 0, .8);
  padding: 30px 0;
  width: 100%;
}


/* *****copyright***** */


#footer #copyright {
  margin-bottom: 1.25em;
}

#footer #copyright h4 {
  font-size: .8rem;
}

#footer #copyright a {
  color: #000;
}

#footer #copyright ul li,
#footer #copyright ol li {
  font-size: .8rem;
  line-height: 1;
  padding: .4em 0;
}

/* *****privacy-policy***** */

header .jumbotron-fluid {
  background-image: url(../img/bg-top.jpg);
  background-size: cover;
  background-position: center;
  height: 30vh;
  min-height: 100%;
}

.privacy-policy {
  background-color: #fcfbfb;
  padding: 5rem 0;
}

.privacy-policy ul li,
.privacy-policy ol li {
  font-size: initial;
  font-weight: initial;
}

.privacy-policy p {
  word-wrap: break-word;
}

/* *****Tokushoho***** */

table {
  table-layout: fixed;
}

tbody tr td {
  word-wrap: break-word;
}

.tokushoho {
  background-color: #fcfbfb;
  padding: 5rem 0;
}

tbody tr th {
  background: #eee;
  width: 34%;
}

.tokushoho ul li,
.tokushoho ol li {
  font-size: initial;
  font-weight: initial;
}

.refund{
padding: 2em 0 1em 0;
  color: #474040 !important;
  width: 95%;
  margin: 0 auto;
}

.refund p{
  margin-bottom: 1.3em;
  line-height: 1.5;
  font-weight: 600;
  font-size: 0.8em;
}