@charset "UTF-8";

/*----------------------------------------
法人・個人事業主のお客様ページは以下を挿入
----------------------------------------*/ 
/*下層ヘッダー背景グラデ*/
.pages_head { background: #41D6C5;
background: linear-gradient(90deg,rgba(65, 214, 197, 1) 0%, rgba(43, 198, 150, 1) 100%); }

/*サイドメニュー色変*/
.side_nav .side_nav_box { background: #C7F7EE; }
.side_nav a { color: #232323; }
.side_nav a:hover { color: #232323; background: #bae8df; }
.side_nav a.is-active { color: #232323; background: #a5e8db; font-weight: 700; font-weight: 700; }

/*----------------------------------------
END 法人・個人事業主のお客様ページは以下を挿入 END
----------------------------------------*/ 

.recommend-item { display: flex; align-items: center; justify-content: space-between; background: #f5fbff; border-radius: 16px; padding: 32px 40px; gap: 32px; position: relative; }
.recommend-item:not(:last-of-type) { margin-bottom: 40px; }
.recommend-label { background: #41bbb9; color: #fff; border-radius:10px 0px; text-align: center; line-height: 1.4; padding: 10px; font-size: clamp(12px, 1vw, 14px); min-width: 50px; position: absolute; top: 0; left: 0; }
.recommend-label span { display: block; font-size: clamp(14px, 2vw, 20px); font-weight: 500; line-height: 1.2; }
.recommend-content { flex: 1; margin-left: 60px; } 
.recommend-content h3 { color: #013396; font-size: clamp(16px, 2vw, 20px); margin-bottom: 12px; font-weight: 500; }
.recommend-content p { font-size: clamp(14px, 2vw, 16px); line-height: 1.7; }
.recommend-image { flex-shrink: 0; }
.recommend-image img { display: block; border-radius: 12px; width: 100%; max-width: 280px; height: auto; }

.cms__inner { display: flex; align-items: flex-start; justify-content: space-between; gap: clamp(20px, 5vw, 40px); }
section.pre h3 { margin-bottom: 40px; }
.cms__inner p { font-size: clamp(14px, 3vw, 16px); margin-bottom: 20px; }
.cms__inner p a { color: var(--blue-color); text-decoration: underline; }
@media (hover: hover) and (pointer: fine) {
  .cms__inner p a:hover { opacity: .5; }
}

section.blk article.cms:not(:last-of-type) { margin-bottom: 50px; }
.cms__image { flex: 1 1 45%; }
.cms__image img { width: 100%; height: auto; border-radius: 16px; display: block; }
.cms__content { flex: 1 1 55%; }
.cms__title { font-weight: 700; font-size: clamp(15px, 2.4vw, 18px); margin-bottom: 10px; line-height: 1.5; }
.cms__period { font-weight: 700; margin-bottom: 20px; font-size: clamp(15px, 2.4vw, 18px); }
.cms__underline-text { font-weight: 500; font-size: clamp(14px, 2vw, 16px); border-bottom: 3px solid #d1ebef; display: inline-block; margin-bottom: 20px; }
.c-button-more { display: inline-flex; align-items: center; justify-content: center; gap: 10px; padding: 14px 40px; border: 2px solid #013396; border-radius: 9999px; color: #013396!important; font-weight: 700; text-decoration: none; transition: all .3s ease; position: relative; margin: 20px auto; font-size: clamp(14px, 3vw, 16px); }
.c-button-more:hover { background-color: #013396; color: #fff!important; }
.c-button-more svg { width: 9px; height: auto; transition: all 0.3s ease; position: absolute; right: 6%; bottom: 15px; }

.cta-wide { margin: 20px auto; }
.cta-wide__inner { display: flex; align-items: center; justify-content: space-between; gap: clamp(16px, 3vw, 48px); background: linear-gradient(90deg, #41bbb9 0%, #013396 100%); color: #fff; border-radius: clamp(10px, 2.8vw, 12px); padding: clamp(22px, 4vw, 42px) clamp(24px, 5vw, 48px); }
.cta-wide__title { margin: 0; font-weight: 500; font-size: clamp(18px, 2.6vw, 23px); line-height: 1.5; letter-spacing: .02em; }
.cta-wide__button { display: inline-flex; align-items: center; gap: 12px; padding: clamp(10px, 1.6vw, 18px) clamp(16px, 3vw, 50px); background: #fff; color: #013396; border-radius: 9999px; text-decoration: none; font-weight: 700; font-size: clamp(14px, 3vw, 16px); box-shadow: 0 0 0 2px rgba(255,255,255,.04) inset; transition: transform .2s ease, box-shadow .2s ease, background-color .2s ease, color .2s ease; color: var(--blue-color); }
.cta-wide__button svg { width: clamp(10px, 1.2vw, 10px); height: auto; transition: transform .2s ease; }
.cta-wide__button:hover { background: #013396; color: #fff; box-shadow: 0 8px 20px rgba(0,0,0,.12);  }
@media (hover: hover) and (pointer: fine) {
  .cta-wide__button a { color: #fff; }
}

@media screen and (max-width: 1200px) {
}

@media screen and (max-width: 1024px) {
}

@media only screen and (max-width: 980px){
  .recommend-item { flex-direction: column; align-items: flex-start; gap: 20px; padding: 65px 20px 20px; }
  .recommend-label { margin-bottom: 8px; align-self: flex-start; }
  .recommend-content { margin-left: 0; }
  .recommend-image { width: 100%; }
  .recommend-image img { max-width: 100%; }
  
  .cms__inner { flex-direction: column; gap: 30px; }
  .cms__image, .cms__content { flex: 1 1 100%; }
  .cms__underline-text { margin-bottom: 20px; }
  
  .cta-wide__inner { flex-direction: column; align-items: flex-start; }
  .cta-wide__button { padding: 14px 22px; }
  .c-button-more svg { right: 7%; bottom: 14px; }
}

@media only screen and (max-width: 600px){
}