@charset "utf-8";
/* CSS Document */
#sec_pagettl .blk_nav a:not(:last-child){
	margin-bottom: 1em;}
#sec_intro .sec_ttl{
	position: relative;}
#sec_intro .sec_ttl h2{
	position: absolute;
	top: -2em;
	left: 1.5em;
	padding: 0.5em 0;
    letter-spacing: 0.5em;}
#sec_intro .flex_center {
    gap: 1em 3em;}
#sec_intro .blk_flex {
    text-align: center;}
#sec_intro .blk_flex .txt_small{
    font-size: 0.65em;
    font-weight: bold;}
.blk_recognition{
	position: relative;
	width: 83.3%;
	margin: 3em auto 0;}
.blk_recognition_bg{
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background: var(--color-lightyellow);
  clip-path: polygon(
    0% 0%,         /* 左上 */
    100% 0%,       /* 右上 */
    100% 75%,      /* 右下 */
    50% 100%,      /* 下（中央） */
    0% 75%         /* 左下 */
  );}
.blk_recognition_cnt{
	position: relative;
	z-index: 10;}
.blk_recognition_cnt h3{
	position: absolute;
	top: -1.5em;
    left: -10%;
    height: 3em;
    display: flex;
    align-items: flex-end;
	width: 267px;
	width: calc(215px + 11%);
    padding-bottom: 0.75em;
    padding-right: 3em;
    padding-left: 11%;
    border-radius: 0 3em 3em 0;
    background: var(--color-red);
	color: var(--color-white);
	white-space: nowrap;}
.blk_recognition_cnt h3 span {
    line-height: 1;}
.blk_recognition_cnt .area_txt{
	flex: 1;
	margin-top: 3em;
	margin-bottom: 3em;
    padding-left: 1.5em;
	padding-right: 1em;
    text-align: center;
    line-height: 1.25;}
.blk_recognition_cnt .area_txt p{
	font-size: 0.875em;
	font-weight: 700;
	margin-bottom: 0;}
.blk_recognition_cnt .area_img{
	margin-top: 1.75em;
	padding-right: 1em;}
.blk_recognition:nth-of-type(1) .area_img {
	width: 135px; }
.blk_recognition:nth-of-type(2) .area_img {
	width: 100px; }
.blk_recognition:nth-of-type(3) .area_img {
	width: 170px; }
.blk_recognition:nth-of-type(4) .area_img {
    width: 100%;
    margin-top: -2.75em;
	text-align: right;}
.blk_recognition:nth-of-type(4) .area_img img{
	width: 131px;
	transform: rotate(-15deg) translateY(-0.5em);}
.blk_recognition:nth-of-type(5) .area_img {
	width: 100px; }
.blk_recognition:nth-of-type(5){
	margin-bottom: 1.5em;}