@charset "utf-8";

/* ---------------------------------------------
Reset
--------------------------------------------- */
/* Modern browser */
*,*::before,*::after{box-sizing:border-box}*{margin:0}html,body{height:100%}body{-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}


/* addition */
img,
video,
iframe {
  width: 100%;
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
  display: block;
}
em {
  font-style: normal;
}
small {
  font-size: 70%;
}

ul,ol,li {
  padding: 0;
  list-style: none;
}


/* ---------------------------------------------
font
--------------------------------------------- */
html {
  font-family: 'Noto Sans JP', sans-serif;
}

strong, em {
  font-weight: 700;
}


/* ---------------------------------------------
Base
--------------------------------------------- */
html body,
table th,
table td {
  line-height: 1.6;
  color: #515151;
  font-size: 3.6vw;
}
@media screen and (min-width:751px) {
  html body,
  table th,
  table td {
    font-size: 27px;
  }
}

a,
a:link,
a:visited {
  color: #0000ff;
}
a:hover {
  color: #f01e1e;
  text-decoration: none;
}


/* ---------------------------------------------
width
--------------------------------------------- */
.wrapper {
  width: 100%;
  overflow-x: hidden !important;
}

.contentsWrapper {
  width: 90.134%;
  margin: 0 auto;
}

@media screen and (min-width:751px) {
  .wrapper {
    width: 750px;
    margin: 0 auto;
  }
  .contentsWrapper {
    width: 676px;
  }
}

/* ---------------------------------------------
cmn
--------------------------------------------- */
.page_cmn .sec {
  margin: 0 0 4em;
}
.page_cmn .sec .secTitle {
  margin: 0 auto 2em;
  text-align: center;
}

.page_cmn .sec h2 {
  margin: 0 auto 2em;
}
.page_cmn .sec h3 {
  margin: 0 auto 1em;
}

.page_cmn p {
  margin-bottom: 2em;
}

.page_cmn sup {
  font-size: 60%;
  vertical-align: super;
}

.page_cmn .btn a:hover {
  opacity: .8;
}

.page_cmn .org1 {
  color: #ff6e00;
}
.page_cmn .red1 {
  color: #f57187;
}
.page_cmn .red2 {
  color: #f24869;
}
.page_cmn .blu1 {
  color: #5e5eff;
}

.page_cmn .txtMarker {
  padding-bottom: .05em;
  background: linear-gradient(transparent 30%, #fff9b6 30%, #fff9b6 95%, transparent 95%);
}

.page_cmn .taR {
  text-align: right;
}
.page_cmn .taC {
  text-align: center;
}

.page_cmn .note {
  font-size: 2.4vw;
}
@media screen and (min-width:751px) {
  .page_cmn .note {
    font-size: 18px;
  }
}
.page_cmn small.note {
  display: block;
  text-align: left;
}
.page_cmn p.note1,
.page_cmn small.note1,
.page_cmn ul.note1 li {
  padding-left: 1rem;
  text-indent: -1rem;
}
.page_cmn p.note2,
.page_cmn small.note2,
.page_cmn ul.note2 li {
  padding-left: 2rem;
  text-indent: -2rem;
}


.page_cmn .cta1 {
  margin: 0;
}
.page_cmn .cta1 .ctaTxt1,
.txtArea4_2 {
  margin: 0;
  text-align: center;
  color: #f57087;
  font-size: 5.6vw;
  font-weight: 700;
}
@media screen and (min-width:751px) {
  .page_cmn .cta1 .ctaTxt1,
  .txtArea4_2 {
    font-size: 44px;
  }
}
.page_cmn .cta1 .ctaTxt1 p {
  margin-bottom: 0;
}
.page_cmn .cta1 .btnArea {
  width: 95.563%;
  margin: 0 auto;
}
.page_cmn .cta2 {
  margin: 0;
}
.page_cmn .cta2 .cta {
  margin-bottom: 3em;
}
.page_cmn .cta2 .cta:last-child {
  margin-bottom: 0;
}
.page_cmn .cta2 .cta .ctaTxt1 {
  width: 90.534%;
  margin: 0 auto 1.5em;
  display: block;
}
.page_cmn .cta2 .cta.cta2_3 .ctaTxt1 {
  width: 70.4%;
}
.page_cmn .cta2 .cta .btnArea {
  width: 86.134%;
  margin: 0 auto;
}
.page_cmn .cta3 {
  margin: 0;
}
.page_cmn .cta3 .cta {
  margin-bottom: 3em;
}
.page_cmn .cta3 .cta:last-child {
  margin-bottom: 0;
}
.page_cmn .cta3 .cta .ctaTxt1 {
  width: 92.9%;
  margin: 0 auto 1.5em;
  display: block;
}
.page_cmn .cta3 .cta .btnArea {
  width: 95.563%;
  margin: 0 auto;
}


.page_cmn .cta {
  padding: 4em 0 2em;
}
.page_cmn .cta .ctaTtl {
  width: 82.934%;
  margin: 0 auto 1em;
}
.page_cmn .cta .txtArea1 {
  margin-bottom: 2em;
}
.page_cmn .cta .txtArea1 .txt1 {
  width: 90.09%;
  margin: 0 auto .5em;
  display: block;
}
.page_cmn .cta .txtArea1 .noteArea {
  margin: 0 1.3em;
}
.page_cmn .cta .txtArea2 {
  padding-bottom: 1em;
}
.page_cmn .cta .txtArea2 p {
  margin-bottom: 0;
}

.page_cmn .cta .tabLayout {
  width: 91.2%;
  margin: 0 auto;
}
.page_cmn .cta .tabLayout .tabs {
  margin: 0;
  padding-top: 10vw;
  position: relative;
  z-index: 2;
}
@media screen and (min-width:751px) {
  .page_cmn .cta .tabLayout .tabs {
    padding-top: 73px;
  }
}
.page_cmn .cta .tabLayout .tabs ul {
  display: flex;
  justify-content: center;
  position: relative;
}
.page_cmn .cta .tabLayout .tabs ul::before {
  content: '';
  width: 62.667vw;
  height: 12vw;
  background: url(../images/cta_tab_icon1.png) no-repeat center top;
  background-size: 100% auto;
  position: absolute;
  bottom: 84%;
  left: 50%;
  z-index: 2;
  transform: translateX(-50%);
  display: block;
  opacity: 1;
}
@media screen and (min-width:751px) {
  .page_cmn .cta .tabLayout .tabs ul::before {
    width: 470px;
    height: 90px;
    bottom: 81%;
  }
}
.page_cmn .cta .tabLayout .tabs ul .tab {
  width: 31%;
  margin: 0 1px;
  padding: .4em 0 .2em;
  text-align: center;
  white-space: nowrap;
  line-height: 1.3;
  font-size: 3.5vw;
  font-weight: bold;
  background-color: #fff;
  border-width: 1.05vw;
  border-bottom-width: 0;
  border-style: solid;
  border-radius: 2vw 2vw 0 0;
  position: relative;
  z-index: 1;
  opacity: 0.75;
  transition: all .5s;
  cursor: pointer;
  box-shadow: 0 0 10px -5px rgba(33,40,54,0.25);
}
@media screen and (min-width:751px) {
  .page_cmn .cta .tabLayout .tabs ul .tab {
    padding: .5em 0;
    line-height: 1;
    font-size: 26px;
    border-width: 8px;
    border-bottom-width: 0;
    border-radius: 20px 20px 0 0;
  }
}
.page_cmn .cta .tabLayout .tabs ul .tab1 {
  color: #e64d8a;
  border-color: #ff8ebb;
}
.page_cmn .cta .tabLayout .tabs ul .tab2 {
  color: #9355e8;
  border-color: #af89e3;
}
.page_cmn .cta .tabLayout .tabs ul .tab3 {
  color: #ef8b14;
  border-color: #ffb761;
}
.page_cmn .cta .tabLayout .tabs ul .tab.active {
  opacity: 1;
}
.page_cmn .cta .tabLayout .tabs ul .tab.active::after {
  content: '';
  height: 1.06vw;
  background-color: #fff;
  position: absolute;
  right: 0;
  bottom: -1.06vw;
  left: 0;
  transition: all .5s;
}
@media screen and (min-width:751px) {
  .page_cmn .cta .tabLayout .tabs ul .tab.active::after {
    height: 9px;
    bottom: -8px;
  }
}
.page_cmn .cta .tabLayout .tabs ul .tab .icon {
  display: none;
}
.page_cmn .cta .tabLayout .tabContents {
  margin: 0;
  position: relative;
  z-index: 1;
  display: flex;
  background-color: #fff;
  border-radius: 24px;
}
.page_cmn .cta .tabLayout .tabContents .tabContent {
  width: 100%;
  margin: 0;
  padding: 1.5em 0;
  background-color: #fff;
  border-width: 1.05vw;
  border-style: solid;
  border-radius: 2vw;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  pointer-events: none;
  transition: all .5s;
  box-shadow: 0 0 17px -5px rgba(33,40,54,0.25);
}
@media screen and (min-width:751px) {
  .page_cmn .cta .tabLayout .tabContents .tabContent {
    border-width: 8px;
    border-radius: 20px;
  }
}
.page_cmn .cta .tabLayout .tabContents .tabContent.active {
  position: relative;
  opacity: 1;
  pointer-events: auto;
}
.page_cmn .cta .tabLayout .tabContents .tabContent.tab1 {
  padding-bottom: 1px;
  border-color: #ff8ebb;
}
.page_cmn .cta .tabLayout .tabContents .tabContent.tab2 {
  border-color: #af89e3;
}
.page_cmn .cta .tabLayout .tabContents .tabContent.tab3 {
  border-color: #ffb761;
}
.page_cmn .cta .tabLayout .tabContents .cta_item {
  margin: 0 auto;
  position: relative;
  opacity: 0;
  transform: translateX(10%);
  transition: all .5s;
}
.page_cmn .cta .tabLayout .tabContents .tabContent.active .cta_item {
  opacity: 1;
  transform: translateX(0);
}
.page_cmn .cta .tabLayout .tabContents .tabContent .cta_item .ctaItemName {
  width: 92.815%;
  margin: 0 auto 1em;
}
.page_cmn .cta .tabLayout .tabContents .tabContent .cta_item .ctaBtn {
  width: 91.917%;
  margin: 0 auto 1.5em;
}
.page_cmn .cta .tabLayout .tabContents .tabContent .ctaBenefits {
  width: 95.81%;
  margin: 0 auto;
  text-align: center;
}
.page_cmn .cta .tabLayout .tabContents .tabContent .ctaBenefits .ttl {
  margin: 0 auto .5em;
}
.page_cmn .cta .tabLayout .tabContents .tabContent .ctaBenefits ul {
  margin: 0 auto 1em;
}



.page_cmn .cta .tabLayout .tabContents .tabContent .toggleArea {
  margin: 0 auto;
  overflow: hidden;
}
.page_cmn .cta .tabLayout .tabContents .tabContent .toggleArea p {
  margin-bottom: 0;
}
.page_cmn .cta .tabLayout .tabContents .tabContent .toggleArea .toggleBlock {
  margin-bottom: 1em;
}
.page_cmn .cta .tabLayout .tabContents .tabContent .toggleArea .toggleBlock1 {
  padding-top: 2em;
}
.page_cmn .cta .tabLayout .tabContents .tabContent .toggleArea .toggleBtn {
  margin: 0;
  padding: 1em 0;
  text-align: center;
  color: #fff;
  background-color: #f7941d;
  border-radius: 2vw;
  position: relative;
}
@media screen and (min-width:751px) {
  .page_cmn .cta .tabLayout .tabContents .tabContent .toggleArea .toggleBtn {
    border-radius: 25px;
  }
}
.page_cmn .cta .tabLayout .tabContents .tabContent .toggleArea .toggleBtn::after {
  content: '';
  width: 3.067vw;
  height: 2vw;
  background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2223px%22%20height%3D%2215px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22rgb(255%2C%20255%2C%20255)%22%20d%3D%22M11.500%2C15.000%20L-0.000%2C-0.000%20L23.000%2C-0.000%20L11.500%2C15.000%20Z%22%2F%3E%3C%2Fsvg%3E') no-repeat center;
  background-size: 100% auto;
  position: absolute;
  top: 50%;
  right: 2em;
  transform: translateY(-50%);
  transform-origin: center;
  transition: transform .5s;
}
@media screen and (min-width:751px) {
  .page_cmn .cta .tabLayout .tabContents .tabContent .toggleArea .toggleBtn::after {
    width: 23px;
    height: 15px;
  }
}
.page_cmn .cta .tabLayout .tabContents .tabContent .toggleArea .toggleBlock.active .toggleBtn::after {
  transform: translateY(-50%) rotate(180deg);
}
.page_cmn .cta .tabLayout .tabContents .tabContent .toggleArea .toggleBtn .ttl {
  margin: 0;
  font-size: 5.2vw;
  font-weight: 700;
}
@media screen and (min-width:751px) {
  .page_cmn .cta .tabLayout .tabContents .tabContent .toggleArea .toggleBtn .ttl {
    font-size: 40px;
  }
}
.page_cmn .cta .tabLayout .tabContents .tabContent .toggleArea .toggleCont {
  padding-top: 2em;
}
.page_cmn .cta .tabLayout .tabContents .tabContent .toggleArea .toggleBlock1 .toggleCont {
  padding-top: 0;
}





.page_cmn .cta .tabLayout .tabContents .tabContent .ctaAbout_regular {
  width: 91.2vw;
  margin-left: -1.0666vw;
}
@media screen and (min-width:751px) {
  .page_cmn .cta .tabLayout .tabContents .tabContent .ctaAbout_regular {
    width: 684px;
    margin-left: -8px;
  }
}
.page_cmn .cta .tabLayout .tabContents .tabContent .ctaAbout_regular .ttlArea {
  width: 93.568%;
  margin: 0 auto;
}
@media screen and (min-width:751px) {
  .page_cmn .cta .tabLayout .tabContents .tabContent .ctaAbout_regular .ttlArea {
    width: 640px;
  }
}


.page_cmn .toggleArea .toggleBtn {
  cursor: pointer;
}
.page_cmn .toggleArea .toggleCont {
  display: none;
}
.toggleArea{
  padding-top: 30px;
}

.page_cmn #mainContents .cont_st1 * {
  margin-bottom: 0;
}

.page_cmn #mainContents .nimeArea {
  position: relative;
}
.page_cmn #mainContents .nimeArea .anime {
  margin: 0 auto;
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 2;
  transform: translateX(-50%);
}
#mainContents #sec18 .nimeArea .bg {
  position: relative;
  z-index: 1;
}


/* ---------------------------------------------
#mainContents
--------------------------------------------- */
#lpIdDD0003 .bgGr1 {
  padding: 5.74073em 0 1.55555em;
  background: url(../images/bgGr1.jpg) no-repeat center top;
  background-size: 100% auto;
}
#lpIdDD0003 .bgGr2 {
  padding: 5.1852em 0 3em;
  background: url(../images/bgGr2.jpg) repeat-y center top;
  background-size: 100% auto;
}


/* pageHeader */


/* contents */
#mainContents {
  position: relative;
  z-index: 2;
}


#mainContents #sec1 {
  margin-bottom: 0;
}
#mainContents #sec1 .secTitle,
#mainContents #sec1 h3,
#mainContents #sec1 p {
  margin-bottom: 0;
}


#lpIdDD0003 #sec2 {
  margin-bottom: 2em;
  padding: 3.48147em 0 2em;
  background: url(../images/sec2_bg1.jpg) no-repeat center top;
  background-size: 100% auto;
  position: relative;
}
#lpIdDD0003 #sec2 .secTitle {
  width: 96.667%;
  margin: 0 auto .2em;
}
#lpIdDD0003 #sec2 .noteArea {
  margin-bottom: 1em;
  text-align: center;
}
#lpIdDD0003 #sec2 .txt1 {
  width: 96.598%;
  margin: 0 auto .8em;
}


#lpIdDD0003 #sec3 {
  margin-bottom: 0;
  padding: 2.78em 0 0 0;
}
#lpIdDD0003 #sec3 .secTitle {
  margin: 0 auto 1.5em;
  text-align: center;
}
#lpIdDD0003 #sec3 .secTitle::after {
  content: '';
  width: 5.334vw;
  height: 9.334vw;
  background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2241px%22%20height%3D%2230px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22rgb(255%2C%20242%2C%20182)%22%20d%3D%22M25.178%2C27.174%20C22.776%2C30.164%2018.223%2C30.164%2015.821%2C27.174%20L1.835%2C9.756%20C-1.318%2C5.830%201.477%2C-0.000%206.513%2C-0.000%20L34.487%2C-0.000%20C39.523%2C-0.000%2042.318%2C5.830%2039.165%2C9.756%20L25.178%2C27.174%20Z%22%2F%3E%3C%2Fsvg%3E') space center;
  background-size: 100% auto;
  display: inline-block;
  position: relative;
  top: 1em;
}
@media screen and (min-width:751px) {
  #lpIdDD0003 #sec3 .secTitle::after {
    width: 40px;
    height: 70px;
  }
}
#lpIdDD0003 #sec3 .reason {
  margin: 0 auto 2.5em;
  text-align: center;
}
#lpIdDD0003 #sec3 .reason::after {
  content: '';
  width: 18.4vw;
  height: 16.8vw;
  background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22138px%22%20height%3D%2257px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22rgb(255%2C%20242%2C%20182)%22%20d%3D%22M72.530%2C55.760%20C70.439%2C57.260%2067.624%2C57.260%2065.533%2C55.760%20L2.987%2C10.874%20C-1.750%2C7.475%200.655%2C-0.000%206.485%2C-0.000%20L131.577%2C-0.000%20C137.408%2C-0.000%20139.812%2C7.475%20135.076%2C10.874%20L72.530%2C55.760%20Z%22%2F%3E%3C%2Fsvg%3E') space center;
  background-size: 100% auto;
  display: inline-block;
  position: relative;
  top: 1em;
}
@media screen and (min-width:751px) {
  #lpIdDD0003 #sec3 .reason::after {
    width: 138px;
    height: 126px;
  }
}
#lpIdDD0003 #sec3 .reason li {
  width: 91.716%;
  min-height: 3.3955em;
  margin-bottom: 1.1111em;
  line-height: 1.3;
  text-align: center;
  color: #9b5c5c;
  font-size: 3.9vw;
  font-weight: 600;
  border-radius: 6em;
  background-color: #fff2b6;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
@media screen and (min-width:751px) {
  #lpIdDD0003 #sec3 .reason li {
    font-size: 31px;
  }
}
#lpIdDD0003 #sec3 .reason li.fs1 {
  font-size: 120%;
}
#lpIdDD0003 #sec3 .reason li.fs2 {
  font-size: 135%;
}
#lpIdDD0003 #sec3 .reason li:nth-child(even) {
  margin-left: auto;
}
#lpIdDD0003 #sec3 .reason li::after {
  content: '';
  width: 5.334vw;
  height: 4vw;
  background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2241px%22%20height%3D%2230px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22rgb(255%2C%20242%2C%20182)%22%20d%3D%22M25.178%2C27.174%20C22.776%2C30.164%2018.223%2C30.164%2015.821%2C27.174%20L1.835%2C9.756%20C-1.318%2C5.830%201.477%2C-0.000%206.513%2C-0.000%20L34.487%2C-0.000%20C39.523%2C-0.000%2042.318%2C5.830%2039.165%2C9.756%20L25.178%2C27.174%20Z%22%2F%3E%3C%2Fsvg%3E') no-repeat center;
  background-size: 100% auto;
  display: inline-block;
  position: absolute;
  top: 90%;
}
@media screen and (min-width:751px) {
  #lpIdDD0003 #sec3 .reason li::after {
    width: 40px;
    height: 30px;
  }
}
#lpIdDD0003 #sec3 .reason li:nth-child(odd)::after{
  margin-right: auto;
  left: 9.6%;
}
#lpIdDD0003 #sec3 .reason li:nth-child(even)::after{
  margin-left: auto;
  right: 9.6%;
}
#lpIdDD0003 #sec3 .ttl1 {
  width: 85.503%;
  margin: 0 auto 1em;
}
#lpIdDD0003 #sec3 .txtArea1 {
  margin: 0 1em;
}
#lpIdDD0003 #sec3 .figImg1 {
  width: 93.345%;
  margin: 0 auto 3em;
}
#lpIdDD0003 #sec3 .txtArea2 {
  width: 50.296%;
  margin: 0 auto 3em;
}
#lpIdDD0003 #sec3 .txtArea3 {
  margin: 0 0 2em;
  padding: 4.4em 0 1em;
  background: url(../images/sec3_bg1.jpg) no-repeat center top;
  background-size: cover;
  position: relative;
}
#lpIdDD0003 #sec3 .txtArea3::before {
  content: '';
  width: 26vw;
  height: 9.867vw;
  background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22196px%22%20height%3D%2274px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22rgb(255%2C%20255%2C%20255)%22%20d%3D%22M97.1000%2C73.999%20L0.884%2C0.006%20L195.073%2C0.039%20L97.1000%2C73.999%20Z%22%2F%3E%3C%2Fsvg%3E') no-repeat center;
  background-size: 100% auto;
  position: absolute;
  top: -1px;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (min-width:751px) {
  #lpIdDD0003 #sec3 .txtArea3::before {
    width: 195px;
    height: 74px;
  }
}
#lpIdDD0003 #sec3 .txtArea3 .txt {
  width: 95.734%;
  margin: 0 auto 2em;
}
#lpIdDD0003 #sec3 .txtArea3 .figImg2 {
  width: 42.8%;
  margin: 0 auto;
}





#lpIdDD0003 #sec14 {
  margin-bottom: 0;
  padding-bottom: 1em;
}
#lpIdDD0003 #sec14 .secTitle {
  margin-bottom: -1em;
  /* position: relative; */
  z-index: 1;
}
#lpIdDD0003 #sec14 .bg1 {
  position: relative;
  z-index: 2;
  background: url(../images/sec14_bg1.jpg) no-repeat center 12em;
  background-size: 100% auto;
}
#lpIdDD0003 #sec14 .interview .block {
  margin-bottom: 2em;
}
#lpIdDD0003 #sec14 .interview dt {
  margin: 0 0 .5em;
  color: #f35170;
  line-height: 1.4;
  font-size: 4.6vw;
  display: flex;
  align-items: center;
}
@media screen and (min-width:751px) {
  #lpIdDD0003 #sec14 .interview dt {
    font-size: 36px;
  }
}
#lpIdDD0003 #sec14 .interview dt .icon {
  width: 108px;
  height: 116px;
  margin: 0 .2em 0 0;
  background: url(../images/sec14_iconQ.png) no-repeat center;
  background-size: 100% auto;
  color: transparent;
  display: block;
}
#lpIdDD0003 #sec14 .interview dd {
  font-size: 4vw;
}
@media screen and (min-width:751px) {
  #lpIdDD0003 #sec14 .interview dd {
    font-size: 30px;
  }
}
#lpIdDD0003 #sec14 .interview dd .figImg {
  width: 90.83%;
  margin: 0 auto;
}


#lpIdDD0003 #sec5 {
  margin-bottom: 0;
}
#lpIdDD0003 #sec5 .secTitle {
  width: 87.201%;
  margin-bottom: 1.5em;
}
#lpIdDD0003 #sec5 .bg1 {
  padding: 0 0 1.5em;
  position: relative;
}
#lpIdDD0003 #sec5 .bg1::after {
  content: '';
  width: 100%;
  background: linear-gradient(#fff1c6 50%, #ffcfc9 100%);
  position: absolute;
  top: 21.5%;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  clip-path: polygon(0 15.5%, 100% 0, 100% 100%, 0 100%);
}
#lpIdDD0003 #sec5 .contentsWrapper {
  position: relative;
  z-index: 3;
}
#lpIdDD0003 #sec5 .ttl {
  margin-bottom: 1em;
  position: relative;
  z-index: 3;
}
#lpIdDD0003 #sec5 .txtArea1 {
  margin: 0 1.5em;
  padding: 1em;
  border: 3px solid #7f7f80;
  border-radius: 2.7vw;
  position: relative;
}
@media screen and (min-width:751px) {
  #lpIdDD0003 #sec5 .txtArea1 {
    border-radius: 20px;
  }
}
#lpIdDD0003 #sec5 .txtArea1::before,
#lpIdDD0003 #sec5 .txtArea1::after {
  content: '';
  height: 3px;
  position: absolute;
  bottom: 100%;
  left: 30%;
  z-index: 1;
}
#lpIdDD0003 #sec5 .txtArea1::before {
  width: 4.6vw;
  background-color: #7f7f80;
  border-radius: 3px;
  transform: rotate(-40deg);
  transform-origin: bottom left;
  z-index: 2;
}
@media screen and (min-width:751px) {
  #lpIdDD0003 #sec5 .txtArea1::before {
    width: 36px;
  }
}
#lpIdDD0003 #sec5 .txtArea1::after {
  width: 4.267vw;
  background-color: #fff1c6;
  position: absolute;
}
@media screen and (min-width:751px) {
  #lpIdDD0003 #sec5 .txtArea1::after {
    width: 32px;
  }
}
#lpIdDD0003 #sec5 .txtArea1 p:last-child {
  margin-bottom: 0;
}


#lpIdDD0003 #sec6 {
  margin-bottom: 0;
  padding: 3em 0 1.1em;
  background: url(../images/sec6_bg1.jpg) no-repeat center top;
  background-size: 100% auto;
}
#lpIdDD0003 #sec6 .secTitle {
  width: 67.867%;
  margin-bottom: 3.5em;
}
#lpIdDD0003 #sec6 .sliderArea {
  padding: 2em 0;
}
#lpIdDD0003 #sec6 .sliderArea .sliderCont {
  cursor: grab;
}
#lpIdDD0003 #sec6 .sliderArea .sliderCont:active {
  cursor: grabbing;
}
#lpIdDD0003 #sec6 .sliderArea .sliderCont::before,
#lpIdDD0003 #sec6 .sliderArea .sliderCont::after {
  content: '';
  width: 100%;
  display: block;
}
#lpIdDD0003 #sec6 .sliderArea .sliderCont::before {
  height: 5.334vw;
  background: url(../images/sec6_slider_bg_top.png) no-repeat center top;
  background-size: 100% auto;
}
@media screen and (min-width:751px) {
  #lpIdDD0003 #sec6 .sliderArea .sliderCont::before {
    height: 40px;
  }
}
#lpIdDD0003 #sec6 .sliderArea .sliderCont::after {
  height: 10.667vw;
  background: url(../images/sec6_slider_bg_btm.png) no-repeat center top;
  background-size: 100% auto;
}
@media screen and (min-width:751px) {
  #lpIdDD0003 #sec6 .sliderArea .sliderCont::after {
    height: 80px;
  }
}
#lpIdDD0003 #sec6 .sliderArea .txtArea {
  padding: 1em;
  background: url(../images/sec6_slider_bg_mid.png) repeat-y center top;
  background-size: 100% auto;
}
#lpIdDD0003 #sec6 .sliderArea .txtArea p:last-child {
  margin-bottom: 0;
}


#lpIdDD0003 #sec7 {
  margin-bottom: 0;
}
#lpIdDD0003 #sec7 .secTitle {
  width: 90%;
}
#lpIdDD0003 #sec7 .figImg1 {
  width: 48.817%;
  margin: 0 auto 2em;
  border-radius: 3.2vw;
  overflow: hidden;
}
@media screen and (min-width:751px) {
  #lpIdDD0003 #sec7 .figImg1 {
    border-radius: 24px;
  }
}
#lpIdDD0003 #sec7 .txtArea1 {
  margin: 0 2.5em 1px;
}


#lpIdDD0003 #sec8 .secTitle {
  width: 86.667%;
}
#lpIdDD0003 #sec8 .figImg1 {
  margin-bottom: 2em;
  text-align: center;
}
#lpIdDD0003 #sec8 .figImg1 .img1 {
  width: 92.604%;
  margin-bottom: 2em;
  display: inline-block;
}
#lpIdDD0003 #sec8 .figImg1 .img2 {
  width: 61.835%;
  display: inline-block;
}
#lpIdDD0003 #sec8 .txtArea1 {
  margin: 0 2.5em 1px;
}


#lpIdDD0003 #sec9 {
  margin-bottom: 0;
  padding: 3.5em 0;
  background: url(../images/sec9_bg1.jpg) no-repeat center bottom;
  background-size: 100% auto;
}
#lpIdDD0003 #sec9 .txtArea1 {
  padding: 2.5em 1.5em;
  background-color: rgba(255, 255, 255, .75);
  border: 2px solid #fff;
  border-radius: 4.1vw;
  box-shadow: 0 0 17px -5px rgba(33,40,54,0.25);
}
@media screen and (min-width:751px) {
  #lpIdDD0003 #sec9 .txtArea1 {
    border-radius: 31px;
  }
}
#lpIdDD0003 #sec9 .txtArea1 .secTitle {
  text-align: center;
  margin-bottom: 1em;
  font-size: 4.5vw;
}
@media screen and (min-width:751px) {
  #lpIdDD0003 #sec9 .txtArea1 .secTitle {
    font-size: 35px;
  }
}
#lpIdDD0003 #sec9 .txtArea1 .txt p:last-child {
  margin-bottom: 0;
}


#lpIdDD0003 #sec10 .secTitle {
  width: 82.934%;
}
#lpIdDD0003 #sec10 .txtArea1 {
  margin-bottom: 2em;
}
#lpIdDD0003 #sec10 .txtArea1 .txt1 {
  width: 90.09%;
  margin: 0 auto .5em;
  display: block;
}
#lpIdDD0003 #sec10 .txtArea1 .noteArea {
  margin: 0 1.3em;
}


#lpIdDD0003 #sec11 {
  margin-bottom: 0;
}
#lpIdDD0003 #sec11 .secTitle {
  margin-bottom: 0;
}
#lpIdDD0003 #sec11 .bg1 {
  padding: 1.8em 0 3em;
  background: url(../images/sec11_bg1.jpg) no-repeat center top;
  background-size: cover;
}
#lpIdDD0003 #sec11 .contBlock {
  margin: 0 0 2.5em;
  padding: 2em 0;
  background-color: #fff;
  border-radius: 1.3vw;
  box-shadow: 0 0 17px -5px rgba(33,40,54,0.25);
}
@media screen and (min-width:751px) {
  #lpIdDD0003 #sec11 .contBlock {
    border-radius: 10px;
  }
}
#lpIdDD0003 #sec11 .contBlock:last-child {
  margin-bottom: 0;
}
#lpIdDD0003 #sec11 .contBlock2 .ttl1 {
  width: 80.622%;
  margin-bottom: 2em;
}
#lpIdDD0003 #sec11 .contBlock2 .benefits {
  width: 87.722%;
  margin: 0 auto;
}
#lpIdDD0003 #sec11 .contBlock2 .benefits li {
  margin: 0 0 1em;
  padding: 0 0 1em;
  border-bottom: 2px dotted #7a7a7a;
  display: flex;
  align-items: center;
  position: relative;
}
#lpIdDD0003 #sec11 .contBlock2 .benefits li.benefits3 .figImg {
  width: 9.334vw;
  position: absolute;
  right: -4.7vw;
  bottom: 2.5vw;
}
@media screen and (min-width:751px) {
  #lpIdDD0003 #sec11 .contBlock2 .benefits li.benefits3 .figImg {
    width: 70px;
    right: -35px;
    bottom: 19px;
  }
}
#lpIdDD0003 #sec11 .contBlock2 .benefits li .num {
  width: 17.2vw;
  height: 17.2vw;
  margin-right: .3em;
  line-height: 1;
  color: #fff;
  display: flex;
  font-size: 7.8vw;
  font-weight: 600;
  border-radius: 50%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: linear-gradient(#f56f87 50%, #fe988b 100%);
}
@media screen and (min-width:751px) {
  #lpIdDD0003 #sec11 .contBlock2 .benefits li .num {
    width: 129px;
    height: 129px;
    font-size: 60px;
  }
}
#lpIdDD0003 #sec11 .contBlock2 .benefits li .num .txt {
  font-size: 48%;
}
#lpIdDD0003 #sec11 .contBlock2 .benefits li .txtArea {
  font-size: 4.9vw;
  font-weight: 500;
}
@media screen and (min-width:751px) {
  #lpIdDD0003 #sec11 .contBlock2 .benefits li .txtArea {
    font-size: 37px;
  }
}
#lpIdDD0003 #sec11 .contBlock2 .benefits li.benefits1 .txtArea {
  line-height: 1.1;
}
#lpIdDD0003 #sec11 .contBlock2 .benefits li.benefits1 .txtArea .txt1 {
  font-size: 140%;
}
#lpIdDD0003 #sec11 .contBlock2 .benefits li .txtArea p:last-child {
  margin-bottom: 0;
}
#lpIdDD0003 #sec11 .contBlock2 .noteArea {
  text-align: center;
}
#lpIdDD0003 #sec11 .contBlock3 {
  padding: 0;
  border-radius: 3vw;
  overflow: hidden;
}
@media screen and (min-width:751px) {
  #lpIdDD0003 #sec11 .contBlock3 {
    border-radius: 25px;
  }
}


#lpIdDD0003 #sec12 .secTitle {
  color: #08670b;
  font-size: 4vw;
  font-weight: 500;
}
@media screen and (min-width:751px) {
  #lpIdDD0003 #sec12 .secTitle {
    font-size: 30px;
  }
}
#lpIdDD0003 #sec12 .faq {
  width: 95%;
  margin: 0 auto;
}
#lpIdDD0003 #sec12 .faq .faqArea {
  margin-bottom: 1em;
  background-color: #fff;
  box-shadow: 0 0 17px -5px rgba(33,40,54,0.4);
}
#lpIdDD0003 #sec12 .faq .faqArea .ttlArea {
  margin: 0;
  padding: 1em 0;
  text-align: center;
  position: relative;
}
#lpIdDD0003 #sec12 .faq .faqArea .ttlArea::before {
  content: '';
  width: 4.134vw;
  height: 4.667vw;
  background: url(../images/icon_faq_q.svg) no-repeat center;
  background-size: 100% auto;
  position: absolute;
  top: 1.2em;
  left: 1.3em;
}
@media screen and (min-width:751px) {
  #lpIdDD0003 #sec12 .faq .faqArea .ttlArea::before {
    width: 31px;
    height: 35px;
  }
}
#lpIdDD0003 #sec12 .faq .faqArea .ttlArea::after {
  content: '';
  width: 3.334vw;
  height: 2.134vw;
  background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2225px%22%20height%3D%2216px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22rgb(8%2C%20103%2C%2011)%22%20d%3D%22M12.500%2C16.000%20L-0.000%2C-0.000%20L25.000%2C-0.000%20L12.500%2C16.000%20Z%22%2F%3E%3C%2Fsvg%3E') no-repeat center;
  background-size: 100% auto;
  position: absolute;
  top: 50%;
  right: .5em;
  transform: translateY(-50%);
  transform-origin: center;
  transition: transform .5s;
}
@media screen and (min-width:751px) {
  #lpIdDD0003 #sec12 .faq .faqArea .ttlArea::after {
    width: 25px;
    height: 16px;
  }
}
#lpIdDD0003 #sec12 .faq .faqArea.toggleArea.active .ttlArea::after {
  transform: translateY(-50%) rotate(180deg);
}
#lpIdDD0003 #sec12 .faq .faqArea .ttlArea .ttl {
  margin: 0 0 0 3.5em;
  text-align: left;
  text-decoration: underline;
  font-size: 3.32vw;
  font-weight: 500;
}
@media screen and (min-width:751px) {
  #lpIdDD0003 #sec12 .faq .faqArea .ttlArea .ttl {
    font-size: 25px;
  }
}
#lpIdDD0003 #sec12 .faq .faqArea .txtArea {
  padding: 0 1.5em 2em 03.5em;
  position: relative;
  font-size: 3.32vw;
}
@media screen and (min-width:751px) {
  #lpIdDD0003 #sec12 .faq .faqArea .txtArea {
    font-size: 25px;
  }
  }
#lpIdDD0003 #sec12 .faq .faqArea .txtArea::before {
  content: '';
  width: 4.4vw;
  height: 4.4vw;
  background: url(../images/icon_faq_a.svg) no-repeat center;
  background-size: 100% auto;
  position: absolute;
  top: .4em;
  left: 1.3em;
}
@media screen and (min-width:751px) {
  #lpIdDD0003 #sec12 .faq .faqArea .txtArea::before {
    width: 33px;
    height: 33px;
  }
}
#lpIdDD0003 #sec12 .faq .faqArea .txtArea p {
  margin-bottom: 1em;
}
#lpIdDD0003 #sec12 .faq .faqArea .txtArea p:last-child {
  margin-bottom: 0;
}


#lpIdDD0003 #sec13 {
  margin-bottom: 0;
}
#lpIdDD0003 #sec13 .bg1 {
  width: 93.334%;
  margin: 0 auto;
  padding: 1.5em 1em 1em;
  background-color: rgba(255, 255, 255, .75);
}
#lpIdDD0003 #sec13 .secTitle {
  margin-bottom: 1em;
  color: #08670b;
  font-size: 3.7vw;
  font-weight: 500;
}
@media screen and (min-width:751px) {
  #lpIdDD0003 #sec13 .secTitle {
    font-size: 28px;
  }
}
#lpIdDD0003 #sec13 .item_information dt,
#lpIdDD0003 #sec13 .item_information dd {
  font-size: 2.6vw;
  font-weight: 500;
}
@media screen and (min-width:751px) {
  #lpIdDD0003 #sec13 .item_information dt,
  #lpIdDD0003 #sec13 .item_information dd {
    font-size: 20px;
  }
}
#lpIdDD0003 #sec13 .item_information dt {
  margin-bottom: .5em;
  padding: 0 1em .2em;
  color: #08670b;
  border-bottom: 1px solid #08670b;
}
#lpIdDD0003 #sec13 .item_information dd {
  margin-bottom: 2em;
  padding: 0 0 0 1em;
}
#lpIdDD0003 #sec13 .item_information dd:last-child {
  margin-bottom: 0;
}
#lpIdDD0003 #sec13 .item_information dd p {
  margin-bottom: 1em;
}
#lpIdDD0003 #sec13 .item_information dd p:last-child {
  margin-bottom: 0;
}
#lpIdDD0003 #sec13 .item_information .ulSt1,
#lpIdDD0003 #sec13 .item_information .olSt1 {
  margin-bottom: 1em;
}
#lpIdDD0003 #sec13 .item_information .ulSt1:last-child,
#lpIdDD0003 #sec13 .item_information .olSt1:last-child {
  margin-bottom: 0;
}
#lpIdDD0003 #sec13 .item_information .ulSt1 li,
#lpIdDD0003 #sec13 .item_information .olSt1 li {
  padding-left: 1em;
  text-indent: -1em;
}
#lpIdDD0003 #sec13 .item_information .ulSt1 li::before {
  content: '\02022';
  margin: 0 .5em 0 .2em;
}
#lpIdDD0003 #sec13 .item_information .olSt1 li {
  list-style: inside decimal;
}


#mainContents #sec16 {
  margin-bottom: 2em;
}


#mainContents #sec17 {
  margin-bottom: 0;
}


#mainContents #sec18 {
  margin-bottom: 0;
}
#mainContents #sec18 .nimeArea .anime {
  width: 86.934%;
}


#mainContents #sec19 {
  margin-bottom: 0;
}


#mainContents #sec20 {
  margin-bottom: 0;
}


#mainContents #sec21 {
  margin-bottom: 0;
}




/* ---------------------------------------------
#pageFooter
--------------------------------------------- */
#pageFooter {
  margin: 0;
  text-align: center;
}
#pageFooter .footerTop {
  padding: 3em 0;
}
#pageFooter .footerTop .tel {
  width: 89.334%;
  margin: 0 auto 1em;
  display: block;
}
#pageFooter .footerTop .txtArea1 .txt1 {
  margin: 0 0 .2em;
  font-size: 130%;
  font-weight: 500;
}
#pageFooter .copyright {
  margin: 0;
  padding: 2em 0;
  color: #fff;
  text-align: center;
  font-size: 2vw;
  background-color: #11529c;
}
@media screen and (min-width:751px) {
  #pageFooter .copyright {
    font-size: 14px;
  }
}

/* ---------------------------------------------
#popUp
--------------------------------------------- */
#modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 999;
}
.modal-container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  max-width: 350px;
}
.modal-inner {
  position: relative;
  margin: 0 auto;
  width: 100%;
  height: auto;
}
.modal-inner span {
  font-weight: 900;
  display: block;
}
#close {
  position: absolute;
  top: calc(1% - 1px);
  right: calc(2% - 4px);
  padding: 3px;
  width: 30px;
  height: 30px;
  border: 1px solid #424242;
  border-radius: 50%;
  background-color: #424242;
  font-size: 22px;
  box-shadow: 2px 2px 3px #888;
  line-height: 10px;
  color: #fff;
  cursor: pointer;
}

button#copy-url {
  width: 100%;
  border: none;
  background: none;
  padding: 0;
  cursor: pointer;
}
.modal-inner ul {
    margin: 0 auto;
    background: url(../images/popup_bg.png);
    background-repeat: no-repeat;
    background-size: contain;
    padding: 0 30px 65px;
}

/* ---------------------------------------------
キャンペーンカウントダウン
--------------------------------------------- */
.countdown-wrapper {
  background-color: #fe2500; /* 赤背景 */
  padding: 10px 20px;
  text-align: center;
  font-family: "Noto Sans JP", sans-serif;
}

.countdown {
  color: white;
  font-size: 2.8rem; /* 基本文字サイズ */
  font-weight: bold;
  line-height: 1.5;
}

.countdown .num {
  color: #ffeb66; /* 黄色の数字 */
  font-size: 3rem;
  margin: 0 2px;
}

/* 768px以下（タブレット） */
@media (max-width: 768px) {
  .countdown {
    font-size: 1.6rem;
  }
  .countdown .num {
    font-size: 2.4rem;
  }
}

/* 480px以下（スマホ） */
@media (max-width: 480px) {
  .countdown {
    font-size: 1.4rem;
  }
  .countdown .num {
    font-size: 1.8rem;
  }
  .countdown-wrapper {
    padding: 8px 10px;
  }
}