/* CSS Document */

.detaBOX01 {
	display: flex;
	justify-content: space-between;
	align-items: stretch;     /* 明示しておくと親切（デフォルト） */
	margin-bottom: 30px;
}


.detaBOX01 .border-box {
  --c1: #2c9ed6;  /* 青 */
  --c2: #ffe900;  /* 黄 */
  --b:  8px;      /* 枠の太さ */

  border-radius: 14px;
  padding: var(--b);     /* 枠の太さ分だけ内側に余白 */
  overflow: hidden;      /* 角を丸く切り抜く */

  /* 4辺それぞれにグラデーションを敷く */
  background:
    /* 上辺：左が青、右が黄 */
    linear-gradient(90deg, var(--c1) 50%, var(--c2) 0) top
      / 100% var(--b) no-repeat,
    /* 下辺：左が黄、右が青 */
    linear-gradient(90deg, var(--c2) 50%, var(--c1) 0) bottom
      / 100% var(--b) no-repeat,
    /* 左辺：上が青、下が黄 */
    linear-gradient(var(--c1) 50%, var(--c2) 0) left
      / var(--b) 100% no-repeat,
    /* 右辺：上が黄、下が青 */
    linear-gradient(var(--c2) 50%, var(--c1) 0) right
      / var(--b) 100% no-repeat;
	width: 49%;
	box-sizing: border-box;
}

.border-box__inner,
.border-box__inner02 {
  height: 100%;             /* 親 .border-box の高さに合わせる */
  box-sizing: border-box;
  border-radius: 8px;
  background: #fffae5;
	padding: 30px;
	box-sizing: border-box;
}
.border-box__inner h3,
.border-box__inner02 h3 {
 background: #14add0;
	text-align: center;
	font-size: clamp(1.8rem, 2vw, 2.2rem);
	line-height: 1.5;
	padding: 10px;
	box-sizing: border-box;
	color:#fff;
	margin-bottom: 20px;
}
.border-box__inner figure {
 width: 80%;
	margin: 40px auto;
	text-align: center;
}
.border-box__inner02 figure {
 width: 40%;
	margin: 40px auto;
	text-align: center;
}

.detaBOX02 {
	align-items: stretch;     /* 明示しておくと親切（デフォルト） */
	margin-bottom: 30px;
}
.detaBOX02 .border-box {
  --c1: #2c9ed6;  /* 青 */
  --c2: #ffe900;  /* 黄 */
  --b:  8px;      /* 枠の太さ */

  border-radius: 14px;
  padding: var(--b);     /* 枠の太さ分だけ内側に余白 */
  overflow: hidden;      /* 角を丸く切り抜く */

  /* 4辺それぞれにグラデーションを敷く */
  background:
    /* 上辺：左が青、右が黄 */
    linear-gradient(90deg, var(--c1) 50%, var(--c2) 0) top
      / 100% var(--b) no-repeat,
    /* 下辺：左が黄、右が青 */
    linear-gradient(90deg, var(--c2) 50%, var(--c1) 0) bottom
      / 100% var(--b) no-repeat,
    /* 左辺：上が青、下が黄 */
    linear-gradient(var(--c1) 50%, var(--c2) 0) left
      / var(--b) 100% no-repeat,
    /* 右辺：上が黄、下が青 */
    linear-gradient(var(--c2) 50%, var(--c1) 0) right
      / var(--b) 100% no-repeat;
	box-sizing: border-box;
}

.taikinBOX  {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.taikinBOX  li {
	width: 18%;
	margin: 0 1% 20px;
}
.taikinBOX  li img {
	margin-bottom: 10px;
}
.taikinBOX  li p {
	text-align: center;
	line-height: 1.4;
	margin: 0;
	padding: 0;
}
.taikinBOX  li p span {
	font-size: 1.2rem;
}

.bukatsu {
	width: 70%;
	margin-bottom: 20px;
}
.yesno img {
	width: 65%;
	margin-bottom: 0px;
}

.cout {
	font-size: clamp(1.8rem, 2.3vw, 2.4rem);
	text-align: center;
	line-height: 1.4;
}
.cout span {
	font-size: clamp(3.2rem,5.5vw, 6rem);
	color:#14add0;
	font-weight: bold;
}
.agekome {
	font-size: clamp(1.2rem,1.4vw, 1.5rem);
	text-align: center;
	line-height: 1.2;
	margin-bottom: 20px;
}



@media screen and (max-width: 834px){
	
.detaBOX01 {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: stretch;     /* 明示しておくと親切（デフォルト） */
	margin-bottom: 15px;
}


.detaBOX01 .border-box {
  --c1: #2c9ed6;  /* 青 */
  --c2: #ffe900;  /* 黄 */
  --b:  8px;      /* 枠の太さ */

  border-radius: 14px;
  padding: var(--b);     /* 枠の太さ分だけ内側に余白 */
  overflow: hidden;      /* 角を丸く切り抜く */

  /* 4辺それぞれにグラデーションを敷く */
  background:
    /* 上辺：左が青、右が黄 */
    linear-gradient(90deg, var(--c1) 50%, var(--c2) 0) top
      / 100% var(--b) no-repeat,
    /* 下辺：左が黄、右が青 */
    linear-gradient(90deg, var(--c2) 50%, var(--c1) 0) bottom
      / 100% var(--b) no-repeat,
    /* 左辺：上が青、下が黄 */
    linear-gradient(var(--c1) 50%, var(--c2) 0) left
      / var(--b) 100% no-repeat,
    /* 右辺：上が黄、下が青 */
    linear-gradient(var(--c2) 50%, var(--c1) 0) right
      / var(--b) 100% no-repeat;
	width: auto;
	box-sizing: border-box;
	margin-bottom: 15px;
}

.border-box__inner,
.border-box__inner02 {
  height: 100%;             /* 親 .border-box の高さに合わせる */
  box-sizing: border-box;
  border-radius: 8px;
  background: #fffae5;
	padding: 15px;
	box-sizing: border-box;
}
.border-box__inner h3,
.border-box__inner02 h3 {
 background: #14add0;
	text-align: center;
	font-size: clamp(1.7rem, 2vw, 2.2rem);
	line-height: 1.5;
	padding: 10px;
	box-sizing: border-box;
	color:#fff;
	margin-bottom: 20px;
}
.border-box__inner figure {
 width: 80%;
	margin: 20px auto;
	text-align: center;
}
.border-box__inner02 figure {
 width: 80%;
	margin: 20px auto;
	text-align: center;
}

.detaBOX02 {
	align-items: stretch;     /* 明示しておくと親切（デフォルト） */
	margin-bottom: 15px;
}
.detaBOX02 .border-box {
  --c1: #2c9ed6;  /* 青 */
  --c2: #ffe900;  /* 黄 */
  --b:  8px;      /* 枠の太さ */

  border-radius: 14px;
  padding: var(--b);     /* 枠の太さ分だけ内側に余白 */
  overflow: hidden;      /* 角を丸く切り抜く */

  /* 4辺それぞれにグラデーションを敷く */
  background:
    /* 上辺：左が青、右が黄 */
    linear-gradient(90deg, var(--c1) 50%, var(--c2) 0) top
      / 100% var(--b) no-repeat,
    /* 下辺：左が黄、右が青 */
    linear-gradient(90deg, var(--c2) 50%, var(--c1) 0) bottom
      / 100% var(--b) no-repeat,
    /* 左辺：上が青、下が黄 */
    linear-gradient(var(--c1) 50%, var(--c2) 0) left
      / var(--b) 100% no-repeat,
    /* 右辺：上が黄、下が青 */
    linear-gradient(var(--c2) 50%, var(--c1) 0) right
      / var(--b) 100% no-repeat;
	box-sizing: border-box;
}

.taikinBOX  {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.taikinBOX  li {
	width: 30.5%;
	margin: 0 1% 20px;
}
.taikinBOX  li img {
	margin-bottom: 10px;
}
.taikinBOX  li p {
	text-align: center;
	line-height: 1.2;
	margin: 0;
	padding: 0;
	font-size: 1.2rem;
}
.taikinBOX  li p span {
	font-size: 1rem;
}

.bukatsu {
	width: 90%;
	margin-bottom: 10px;
}
.yesno img {
	width: 65%;
	margin-bottom: 0px;
}

.cout {
	font-size: clamp(1.8rem, 2.3vw, 2.4rem);
	text-align: center;
	line-height: 1.2;
}
.cout span {
	font-size: clamp(4rem,5.5vw, 6rem);
	color:#14add0;
	font-weight: bold;
}
.agekome {
	font-size: clamp(1.2rem,1.4vw, 1.5rem);
	text-align: center;
	line-height: 1.5;
	margin-bottom: 20px;
}
	
}