@charset "utf-8";
header {
  padding: 10px;
  text-align: center;
}
header img {
  width: 50%;
}

.marea_block,
.area2block {
    background-color: #e1f3fd;
}
.area3block {
	background-color: #fff;
}

.marea_block {
  padding: 0;
  background-image: none;
}

.marea_block h1 {
  background: url("../images/title.webp") center top/auto 100% no-repeat;
  width: 100%;
  aspect-ratio: 1420/860;
  margin: 0 auto;
  padding: 0;
}
.marea_block h1 img {
  display: none;
}
.marea_block li {
  padding-left: 0;
}
.c-btn {
  margin: 0;
}
.c-btn__item {
  width: auto;
  padding: 0;
}
.c-btn__item .c-btn__button {
  border-radius: 9999px;
}

.c-ttl-callout-01__in {
  display: flex;
  gap: 10px;
}
.c-ttl-callout-01__callout-main {
  flex-shrink: 0;
}
.c-ttl-callout-01__main em {
  font-size: 1.4em;
  font-style: normal;
}


.area2block {
  padding-top: 40px;
}
.area2block .c-ttl-callout-01 {
  border-bottom-color: #ccc;
}

.area3block .textBlock {
  padding-top: 40px;
}
.area3block .textBlock th {
  white-space: nowrap;
}


.area6block {
  background-image: none;
}
.area6block .block1 {
  background-color: #e1f3fd;
  padding: 20px 10px;
}

.area6block .contact {
  background-color: transparent; 
}
.area6block .block2 {
  padding: 10px;
}

.area7block {
  padding: 40px 0;
}
.area7block .c-box {
  border-color: #c8c8c8;
}
.area7block .c-box .c-btn__button {
  border-radius: 9999px;
}
.c-btn__button.disable {
  background: #c8c8c8 !important;
  pointer-events: none;
}

.faq_block h3,
.faq_block .a_block {
  font-size: 1.2rem;
}

.area6block .contact span {
  font-size: 3.0rem;
}
.area6block .contact .dial {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
}
.area6block .contact .dial,
.area6block .contact .dial a {
  color: #00a73c;
}
.area6block .contact .freedial::before {
  content: "";
  background: url("../images/ic_freedial.svg") center center/contain no-repeat;
  aspect-ratio: 140/80;
  width: auto;
  height: 3.0rem;
}

.checkbox {
  display: flex;
  justify-content: center;
}

.checkbox a {
  display: flex;
  align-items: center;
  font-size: 1.4rem;
}

.contact {
  display: flex;
  flex-direction: column;
  align-items: center;
}



@media screen and (min-width: 768px), print {
  html {
    min-width: 1000px;
  }
  header img {
    width: 30%;
  }

  .block1 {
    box-sizing: border-box;
  }
  .block2 {
    width: 1000px;
    margin: 0 auto;
  }


  .marea_block {
    background-image: none;
    padding: 0;
  }
  .marea_block h1 {
    background: url("../images/title.webp") center top/auto 100% no-repeat;
    width: 100%;
    height: 700px !important;
    margin: 0 auto;
    padding: 0;
  }

  
  .marea_block .block1 {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .area6block .block2 {
    
  }
  .area7block .block1 {
    padding-top: 0;
  }

  .checkbox a {
    background: url(../images/icon_checkbox.svg) no-repeat left center/auto 100%;
    padding: 2px 0 0 44px;
    height: 40px;
    font-size: 1.8rem;
  }
  .checkbox a:hover,
	.checkbox.checked a {		
		background-image: url('../images/icon_checkmark.svg'), url('../images/icon_checkbox.svg');
		background-size: auto 50%, auto 100%;
		background-repeat: no-repeat, no-repeat;
		background-position: 8px center, left center;
	}
  .area6block .contact span {
    font-size: 3.6rem;
  }
  .area6block .contact span small {
    font-size: 2.4rem;
  }

  .faq_block h3 {
    font-size: 2.2rem;
  }
  .faq_block .a_block {
    font-size: 1.6rem;
  }
}