@charset "UTF-8";
/*---------------------------------------------------------
BrakePoint
----------------------------------------------------------*/
body {
  font-family: "Noto Sans JP", sans-serif;
}

html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-user-select: none;
  -moz-user-select: none;
  font-size: 16px;
  text-rendering: optimizeLegibility;
  user-select: none;
}

* {
  color: #000;
  font-family: "Noto Sans JP", sans-serif;
  letter-spacing: 0;
}

*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

:where([hidden]:not([hidden=until-found])) {
  display: none !important;
}

:where(html) {
  -webkit-text-size-adjust: none;
}

@supports not (min-block-size: 100dvb) {
  :where(html) {
    block-size: 100%;
  }
}
@media (prefers-reduced-motion: no-preference) {
  :where(html:focus-within) {
    scroll-behavior: smooth;
  }
}
:where(body) {
  -webkit-font-smoothing: antialiased;
  block-size: 100%;
  block-size: 100dvb;
  font-family: system-ui, sans-serif;
  line-height: 1.5;
}

:where(input, button, textarea, select) {
  color: inherit;
  font: inherit;
}

:where(textarea) {
  resize: vertical;
  resize: block;
}

:where(button, label, select, summary, [role=button], [role=option]) {
  cursor: pointer;
}

:where(:disabled) {
  cursor: not-allowed;
}

:where(label:has(> input:disabled), label:has(+ input:disabled)) {
  cursor: not-allowed;
}

:where(button) {
  border-style: solid;
}

:where(a) {
  text-underline-offset: 0.2ex;
}

:where(ul, ol) {
  list-style: none;
}

:where(img, svg, video, canvas, audio, iframe, embed, object) {
  display: block;
}

:where(img, picture, svg) {
  block-size: auto;
  max-inline-size: 100%;
}

:where(p, h1, h2, h3, h4, h5, h6) {
  overflow-wrap: break-word;
}

:where(h1, h2, h3) {
  line-height: calc(1em + 0.5rem);
}

:where(hr) {
  -webkit-border-before: 1px solid;
  block-size: 0;
  border: none;
  border-block-start: 1px solid;
  color: inherit;
  overflow: visible;
}

:where(:focus-visible) {
  outline: 2px solid var(--focus-color, Highlight);
  outline-offset: 2px;
}

:where(.visually-hidden:not(:focus, :active, :focus-within, .not-visually-hidden)) {
  -webkit-clip-path: inset(50%) !important;
  border: 0 !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  position: absolute !important;
  white-space: nowrap !important;
  width: 1px !important;
}

body {
  font-family: "Noto Sans JP", sans-serif;
}

main {
  margin: 0 auto;
  max-width: 750px;
  width: 100%;
}

main img{
	width:100%;
}

main img.qa_icon{
	width:100%;
}



.cta-btn .cta {
  animation: 0.5s ease infinite move;
}

.cta-btn img{
	width: 99%;
}

.cta-btn{
	padding: 0 5%;
}

.btnTokuten01{
	background-image:url(../images/bg_mv.png);
  animation-name: move; 
	background-size: 100%;
}

.btnTokuten02{
	background-image:url(../images/bg_tokuten02.png);
	background-repeat: repeat-y;
	background-size: 100%;
}

.btnTokuten02c{
	background-image:url(../images/bg_tokuten02c.png);
	background-repeat: repeat-y;
	background-size: 100%;
}

.btnTokuten03{
	background-image:url(../images/bg_tokuten03.png);
	background-repeat: repeat-y;
	background-size: 100%;
}

.btnTokutenslide{
	background-image:url(../images/btnTokutenslide.png);
	background-repeat: repeat-y;
	background-size: 100%;
}


#videoF{
	width: 100%;
}


#footerNavi{
	text-align: center;
	font-size: 80%;
	padding-bottom: 10%;
	background-color: #f4f4f4;
}

#copyright{
	text-align: center;
	background-color: #808080;
	padding: 7% 0 7%;
	color: #FFF;
	font-size: 80%;
}


@keyframes move {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-11px);
  }
  100% {
    transform: translateY(0);
  }
}

#box_sec{
  background-color: #e2e8e9;
  padding: 5%;
}

.box {
  width: 100%;
  overflow-x: scroll;
}
 
.box p {
  width: 120%;
  margin: 5px;
  flex-shrink: 0;
}

.box::-webkit-scrollbar {
  height: 14px; /* スクロールバーの高さ */
}
 
.box::-webkit-scrollbar-thumb {
  background: #d2b48c; /* ツマミの色 */
  border-radius: 7px; /* ツマミ両端の丸み */
}
 
.box::-webkit-scrollbar-track {
  background: #f5deb3; /* トラックの色 */
  border-radius: 7px; /* トラック両端の丸み */
}



/************
form_area
************/
#form_area .inputTD input{
	width: 100%;
	height: 50px;
	border-radius: 3px; /*ボックス角の丸み*/
    border: 0px;
    background-color: #f7f7f5;
    padding-left: 3%;
    padding-right: 3%;
}

#form_area select{
	width: 50%;
	height: 40px;
	border-radius: 3px; /*ボックス角の丸み*/
    border: 0px;
    background-color: #f7f7f5;
    padding-left: 3%;
    padding-right: 3%;
}

.form_ttl{
	font-weight: bold;
	font-size: 120%;
	padding: 3% 0 0;
}

.hissu{
	color: #E10307;
}


#formTable{
	width: 100%;
}

.text_form_q{
	text-align: center;
	font-weight: bold;
	font-size: 120%;
	padding: 5% 0;
}


#bg_form{
	background-color: #F39D18;
}

#form_area{
	border-radius: 15px; 
	margin: 0 5%;
	background-color: #EDF3FB;
	padding: 4% 3%;
	box-shadow: 0px 10px 10px -6px rgba(0, 0, 0, 0);
}

#att_top{
	font-size: 120%;
	text-align: center;
	font-weight: bold;
}

#form_area .input_ttl{
	font-size: 90%;
	font-weight: bold;
	padding-bottom: 1%;
	padding-top: 8%;
}

#form_area .input_ttl span{
	color:#e51515;
}

#submit_area{
	text-align: center;
}

#submit{
	border: 0px;
    cursor: pointer;
    padding: 6% 40%;
    color: #FFF;
    text-align: center;
    font-weight: bold;
    background: url(../images/submit.png) no-repeat;
    background-size: contain;
    margin: 5% 0 0 24%;
}