/*---------------------------------------------
「申請について」関連ページ更新用CSS（p-renewal配下）
※既存CSSの後に読み込む想定
※メディアクエリは既存CSS（page_style.css）のブレイクポイントに合わせて1100pxで調整
---------------------------------------------
★全ページ共通
---------------------------------------------*/
/* リード文 */
.p-renewal .p-renewal__lead p {
 font-weight: bold;
}
@media screen and (max-width: 1100px) {
 .p-renewal .p-renewal__lead {
   margin-bottom: 40px;
  }
 .p-renewal .p-renewal__lead p {
  font-size: 16px;
 }
}

/* h2タイトル上書き */
.p-renewal .g_page-subtitle {
 font-size: 28px;
}
@media screen and (max-width: 1100px) {
 .p-renewal .g_page-subtitle {
  font-size: 26px;
 }
}

/* h3タイトル */
.p-renewal .p-renewal__title{
 font-size: 22px;
 margin-top: 50px;
 margin-bottom: 15px;
}
.p-renewal .p-renewal__title:first-child {
 margin-top: 0;
}


/* h2各コンテンツ間スペース上書き */
.p-renewal .g_inner_wrap+.g_inner_wrap {
 margin-top: 80px;
}
@media screen and (max-width: 1100px) {
 .p-renewal .g_inner_wrap+.g_inner_wrap {
  margin-top: 50px;
 }
}

/* リンクボタン設定上書き　2カラム */
.p-renewal .g_page_application__menu{
 margin-bottom: 0;
 gap: 15px;
}
.p-renewal .g_page_application__menu li{
 width: calc((100% - 15px) /2);
 margin: 0;
}
.p-renewal .g_page_application__menu li a{
 margin-right: 0;
 height: 86px;
}
@media screen and (max-width: 1100px) {
 .p-renewal .g_page_application__menu li {
  width: 100%;
  margin: 0;
 }
 .p-renewal .g_page_application__menu li a {
  margin-bottom: 0;
 }
}
.p-renewal .p-renewal__mt25{
 margin-top: 25px;
}

/* フォントサイズ小（14px） */
.p-renewal .p-renewal__text-sml{
 font-size: 14px;
}


/*---------------------------------------------
★大規模法人部門・中小規模法人部門
---------------------------------------------*/
/* リード文の申請期間 */
.p-renewal .p-renewal__period{
 font-size: 21px;
 font-weight: bold;
 color: #fc3334;
}

/* 申請から認定までの流れ */
.p-renewal .p-renewal__step-flow {
 display: flex;
 gap: 10px;
 margin-bottom: 15px;
}
.p-renewal .p-renewal__step-item {
 position: relative;
 display: flex;
 flex-direction: column;
 justify-content: center;
 flex: 1;
 height: 170px;
 background: #fbe2e1;
 border: 2px solid #f6c0be;
 border-radius: 6px;
}
.p-renewal .p-renewal__step-item--arrow {
 background: none;
 border: none;
}
.p-renewal .p-renewal__step-shape {
 position: absolute;
 inset: 0;
 width: 100%;
 height: 100%;
 overflow: visible;
}
.p-renewal .p-renewal__step-shape path {
 fill: #fbe2e1;
 stroke: #f6c0be;
 stroke-width: 2;
}
.p-renewal .p-renewal__step-body {
 position: relative;
 z-index: 1;
 padding: 0 40px;
}
.p-renewal .p-renewal__step-item--arrow .p-renewal__step-body {
 padding-right: 56px;
}
.p-renewal .p-renewal__step-title {
 margin: 0 0 10px;
 font-size: 21px;
 font-weight: bold;
}
.p-renewal .p-renewal__step-title span {
 margin-right: 6px;
 color: #fc3334;
}
.p-renewal .p-renewal__step-text {
 margin: 0;
 font-size: 14px;
 font-weight: bold;
}
@media screen and (max-width: 1100px) {
 .p-renewal .p-renewal__step-flow {
  flex-direction: column;
  gap: 16px;
 }
 .p-renewal .p-renewal__step-item,
 .p-renewal .p-renewal__step-item--arrow {
  height: auto;
  min-height: auto;
  background: #fbe2e1;
  border: 2px solid #f6c0be;
  border-radius: 6px;
 }
 .p-renewal .p-renewal__step-shape {
  display: none;
 }
 .p-renewal .p-renewal__step-body,
 .p-renewal .p-renewal__step-item--arrow .p-renewal__step-body {
  padding: 20px;
 }
 .p-renewal .p-renewal__step-title {
  font-size: 20px;
 }
}

/* 下に色を敷いている強調ボックス */
.p-renewal .p-renewal__info-box{
 margin-bottom: 15px;
 padding: 25px;
 background: #fbe2e1;
 border-radius: 6px;
 font-size: 18px;
 font-weight: bold;
 line-height: 1.6;
}

/* スケジュール */
.p-renewal .p-renewal__schedule-list {
 margin: 40px 0 0 30px;
 padding: 0;
 list-style: none;
}
.p-renewal .p-renewal__schedule-list li {
 position: relative;
 padding: 0 0 44px 34px;
 font-size: 14px;
 font-weight: bold;
}
.p-renewal .p-renewal__schedule-list li::before {
 content: "";
 position: absolute;
 top: 5px;
 left: 0;
 width: 16px;
 height: 16px;
 border: 4px solid #ef3f33;
 border-radius: 50%;
 background: #fff;
 box-sizing: border-box;
 z-index: 1;
}
.p-renewal .p-renewal__schedule-list li::after {
 content: "";
 position: absolute;
 top: 19px;
 left: 7px;
 width: 1px;
 height: calc(100% - 9px);
 background: #ed8e8b;
}
.p-renewal .p-renewal__schedule-list li:last-child {
 padding-bottom: 0;
}
.p-renewal .p-renewal__schedule-list li:last-child::after {
 display: none;
}
.p-renewal .p-renewal__schedule-list strong {
 font-size: 16px;
}
@media screen and (max-width: 1100px) {
 .p-renewal .p-renewal__schedule-list {
  margin: 26px 0 0 10px;
  padding: 0;
  list-style: none;
 }
 .p-renewal .p-renewal__schedule-list li {
  padding: 0 0 30px 34px;
 }
}

/* 色付き見出しを持つ説明パネルのリスト（申請方法など） */
.p-renewal .p-renewal__panel-list {
 display: grid;
 gap: 22px;
}
.p-renewal .p-renewal__panel-list--col2 {
 grid-template-columns: repeat(2, 1fr);
}
.p-renewal .p-renewal__panel-list--col3 {
 grid-template-columns: repeat(3, 1fr);
}
.p-renewal .p-renewal__panel-item {
 min-width: 0;
}
.p-renewal .p-renewal__panel-title {
 display: flex;
 align-items: center;
 justify-content: center;
 height: 76px;
 margin: 0 0 14px;
 padding: 0 20px;
 border-radius: 4px;
 background: #fbe2e1;
 color: #fc3334;
 font-size: 16px;
 font-weight: bold;
}
.p-renewal .p-renewal__panel-text {
 margin: 0;
 font-size: 14px;
 font-weight: bold;
}
.p-renewal .p-renewal__panel-link {
 margin: 8px 0 0;
 text-align: right;
}
.p-renewal .p-renewal__panel-link a {
 display: inline-block;
 padding: 5px 34px 5px 22px;
 border-radius: 999px;
 background: #f0f0f0;
 font-size: 13px;
 font-weight: 700;
 text-decoration: none;
 position: relative;
}
.p-renewal .p-renewal__panel-link a::after {
 content: "";
 position: absolute;
 top: 50%;
 right: 14px;
 width: 5px;
 height: 5px;
 border-top: 2px solid #bbbbbb;
 border-right: 2px solid #bbbbbb;
 transform: translateY(-50%) rotate(45deg);
}
.p-renewal .p-renewal__panel-link a:hover {
 color: #ffffff;
 background-color: #ff8888;
}
.p-renewal .p-renewal__panel-link a:hover::after {
 border-color: #ffffff;
}
@media screen and (max-width: 1100px) {
 .p-renewal .p-renewal__panel-list {
  grid-template-columns: 1fr;
  gap: 30px;
 }
 .p-renewal .p-renewal__panel-title {
  height: auto;
  padding:15px;
  justify-content: flex-start;
 }
 .p-renewal .p-renewal__panel-link {
  text-align: left;
 }
}

/* 上記パネル内のリスト */
.p-renewal .p-renewal__panel-sublist {
 margin-top: 10px;
}
.p-renewal .p-renewal__panel-sublist li {
 position: relative;
 padding-left: 15px;
 font-size: 14px;
 font-weight: bold;
}
.p-renewal .p-renewal__panel-sublist li::before {
 content: "・";
 position: absolute;
 left: 0px;
}

/* 申請の手順 */
.p-renewal .p-renewal__procedure {
 margin-top: 30px;
 padding-top: 15px;
 border-top: 2px solid #eeeeee;
}
.p-renewal .p-renewal__procedure-lead {
 margin: 0 0 24px;
 font-weight: bold;
}
.p-renewal .p-renewal__procedure-list {
 counter-reset: procedure;
}
.p-renewal .p-renewal__procedure-list li {
 position: relative;
 margin: 0 0 4px;
 padding-left: 22px;
 font-weight: bold;
}
.p-renewal .p-renewal__procedure-list li::before {
 counter-increment: procedure;
 content: counter(procedure);
 position: absolute;
 top: 3px;
 left: 0;
 width: 16px;
 height: 16px;
 border-radius: 50%;
 background: #fc3334;
 color: #ffffff;
 font-size: 12px;
 font-weight: bold;
 line-height: 16px;
 text-align: center;
}

/* ページ下部カテゴリメニュー */
.p-renewal .p-renewal__category-menu{
 padding:30px 35px 0;
 margin: 0;
 border-top: 2px solid #eeeeee;
}
@media screen and (max-width: 1100px) {
 .p-renewal .p-renewal__category-menu {
  padding: 50px 0 0;
 }
}


/*---------------------------------------------
★申請関連資料
---------------------------------------------*/
/* 申請関連資料ページ専用のリンクボタン設定 */
.p-renewal .p-renewal__sample-menu {
 overflow: hidden;
 margin-bottom: 40px;
 display: flex;
 flex-wrap: wrap;
 gap: 15px;
}
.p-renewal .p-renewal__sample-menu li {
 width: calc((100% - 15px) /2);
 margin: 0;
}
.p-renewal .p-renewal__sample-button{
 background-color: #f7f7f7;
 border-radius: 5px;
 border: 3px solid #f7f7f7;
 height: 86px;
 box-sizing: border-box;
 font-size: 16px;
 padding: 20px 15px 15px 15px;
 font-weight: bold;
 display: flex;
 line-height: 27px;
 align-items: center;
}
.p-renewal .p-renewal__sample-button:before {
 content: "\3007";
 color: #fc3334;
 margin-right: 1em;
}
.p-renewal .p-renewal__sample-button svg {
 fill: #dbdbdb;
 width: 24px;
 height: 24px;
 margin-left: auto;
}
.p-renewal .p-renewal__sample-button:hover {
 color: #ff8888;
 background-color: #ffffff;
 border: 3px solid #ff8888;
}
.p-renewal .p-renewal__sample-button:hover:before {
 content: "\3007";
 color: #ff8888;
 margin-right: 1em;
}
.p-renewal .p-renewal__sample-button:hover svg {
 fill: #ffcbe5;
}
@media screen and (max-width: 1100px) {
 .p-renewal .p-renewal__sample-menu {
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 30px;
 }
 .p-renewal .p-renewal__sample-menu li{
  width: 100%;
 }
 .p-renewal .p-renewal__sample-button {
  font-size: 14px;
  margin-right: 0;
  padding: 1em;
  height: auto;
  line-height: 24px;
 }
}

/* 過去の調査票サンプル*/
.p-renewal .p-renewal__sample-past{
 padding:20px 0 0;
}
.p-renewal .p-renewal__sample-title{
 font-size: 14px;
 font-weight: bold;
}
.p-renewal .p-renewal__sample-list{
 margin: 5px 0 0 5px;
}
.p-renewal .p-renewal__sample-list li + li{
 margin-top: 5px;
}
.p-renewal .p-renewal__sample-list li {
 width: 100%;
 display: flex;
 align-items: center;
 gap: 8px;
}
.p-renewal .p-renewal__sample-list li a{
 font-size: 14px;
 font-weight: bold;
}
.p-renewal .p-renewal__sample-list li img{
 width: 18px;
 height: auto;
}


/*---------------------------------------------
★認定ロゴマークについて
---------------------------------------------*/
/* リスト */
.p-renewal .p-renewal__list {
 margin-bottom: 1em;
}
.p-renewal .p-renewal__list ul li {
 position: relative;
 padding-left:15px;
 font-weight: bold;
}
.p-renewal .p-renewal__list ul li::before {
 content: "・";
 position: absolute;
 left: 0px;
}

/* 外部リンク */
.p-renewal .p-renewal__outlink{
 font-weight: bold;
 color: #ff8888;
 border-bottom: 1px solid #ff8888;
}
.p-renewal .p-renewal__outlink img {
 display: inline-block;
 vertical-align: -0.15em;
 margin-left: 4px;
}


/*---------------------------------------------
★変更/返納等について
---------------------------------------------*/
.p-renewal .g_change_reserch p:first-child {
 margin-bottom: 10px;
 font-size: 18px;
}