@charset "UTF-8";
/*===============================================================
	読み込み
===============================================================*/
/*===============================================================
	_mixin.scss
===============================================================*/
/*===============================================================
	ボタン
	@include btn_base(#c00,#000,#fff,#fff,auto);
===============================================================*/
/*===============================================================
	矢印
	@include mx_arw();	
===============================================================*/
/*===============================================================
	三角
	@include mx_sankaku(幅,高さ,色,色hover,向き);	
===============================================================*/
/*===============================================================
	センタリング
	@include mx_margin_center();	
===============================================================*/
/*===============================================================
	斜線の背景
	@include mx_slash($color1,$color2,$width);	
===============================================================*/
/*===============================================================
	グラデーション
	@include mx_grade(色1,色2,向き（横:h / 縦:v）)
===============================================================*/
/*===============================================================
	変数
===============================================================*/
/*　画面左右のマージン　*/
/*　幅　*/
/*	グリッド幅  */
/*	セクション、コンテンツ間のマージン　*/
:root {
  /*

  .hoge {
  	transition: all 1s var(--ease-elastic-out);
  	opacity: 1;
  }

  */
  /* Sine（もっとも弱い） */
  --ease-sine-in: cubic-bezier(0.47, 0, 0.745, 0.715);
  --ease-sine-out: cubic-bezier(0.39, 0.575, 0.565, 1);
  --ease-sine-inout: cubic-bezier(0.445, 0.05, 0.55, 0.95);
  /* Quad（弱め。Sineより強く、Cubicより弱い） */
  --ease-quad-in: cubic-bezier(0.55, 0.085, 0.68, 0.53);
  --ease-quad-out: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --ease-quad-inout: cubic-bezier(0.455, 0.03, 0.515, 0.955);
  /* Cubic（Quadより強く、Quartより弱い） */
  --ease-cubic-in: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  --ease-cubic-out: cubic-bezier(0.215, 0.61, 0.355, 1);
  --ease-cubic-inout: cubic-bezier(0.645, 0.045, 0.355, 1);
  /* Quart（Cubicより強く、Quintより弱い） */
  --ease-quart-in: cubic-bezier(0.895, 0.03, 0.685, 0.22);
  --ease-quart-out: cubic-bezier(0.165, 0.84, 0.44, 1);
  --ease-quart-inout: cubic-bezier(0.77, 0, 0.175, 1);
  /* Quint（Quartより強く、Expoより弱い） */
  --ease-quint-in: cubic-bezier(0.755, 0.05, 0.855, 0.06);
  --ease-quint-out: cubic-bezier(0.23, 1, 0.32, 1);
  --ease-quint-inout: cubic-bezier(0.86, 0, 0.07, 1);
  /* Expo（もっとも強い） */
  --ease-expo-in: cubic-bezier(0.95, 0.05, 0.795, 0.035);
  --ease-expo-out: cubic-bezier(0.19, 1, 0.22, 1);
  --ease-expo-inout: cubic-bezier(1, 0, 0, 1);
  /* Circ（Expoのような強さを持つが、加速や減速の時間がよりゆるやか。） */
  --ease-circ-in: cubic-bezier(0.6, 0.04, 0.98, 0.335);
  --ease-circ-out: cubic-bezier(0.075, 0.82, 0.165, 1);
  --ease-circ-inout: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  /* Back（少し行き過ぎてから戻ってくるような動き） */
  --ease-back-in: cubic-bezier(0.6, -0.28, 0.735, 0.045);
  --ease-back-out: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  --ease-back-inout: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  /* ぼよんぼよんする動き */
  --ease-elastic-out: linear(0, 0.2178 2.1%, 1.1144 8.49%, 1.2959 10.7%, 1.3463 11.81%, 1.3705 12.94%, 1.3726, 1.3643 14.48%, 1.3151 16.2%, 1.0317 21.81%, 0.941 24.01%, 0.8912 25.91%, 0.8694 27.84%, 0.8698 29.21%, 0.8824 30.71%, 1.0122 38.33%, 1.0357, 1.046 42.71%, 1.0416 45.7%, 0.9961 53.26%, 0.9839 57.54%, 0.9853 60.71%, 1.0012 68.14%, 1.0056 72.24%, 0.9981 86.66%, 1);
  /* バウンス */
  --ease-bounce-out: linear(0, 0.004, 0.016, 0.035, 0.063 9.1%, 0.141, 0.25, 0.391, 0.563, 0.765, 1, 0.891, 0.813 45.5%, 0.785, 0.766, 0.754, 0.75, 0.754, 0.766, 0.785, 0.813 63.6%, 0.891, 1 72.7%, 0.973, 0.953, 0.941, 0.938, 0.941, 0.953, 0.973, 1, 0.988, 0.984, 0.988, 1);
}

/*===============================================================
	色 _color.scss
===============================================================*/
.color_main {
  color: #333;
}

.color_main_hover {
  color: #252525;
}

.color_sub {
  color: #ccc;
}

.color_sub_hover {
  color: #ddd;
}

.color_red {
  color: #CD7B77;
}

.color_red_hover {
  color: #da645e;
}

.color_brown {
  color: #847865;
}

.color_brown_hover {
  color: #6d614e;
}

.color_light_brown {
  color: #F1EDE7;
}

.color_light_brown_hover {
  color: #dcd6ce;
}

.color_blue {
  color: #172e7e;
}

.color_blue_hover {
  color: #17339a;
}

.color_light_blue {
  color: #0083D3;
}

.color_green {
  color: #50a634;
}

.color_light_green {
  color: #D6F0DC;
}

.color_orange {
  color: #E69901;
}

.color_purple {
  color: #c001e6;
}

.color_yellow {
  color: #FED800;
}

.color_light_yellow {
  color: #FFF5E0;
}

.color_beige {
  color: #F4F3E9;
}

.color_beige_dark {
  color: #e0decf;
}

.color_pink {
  color: #E3057F;
}

.color_light_pink {
  color: #FCEFF2;
}

.color_gray {
  color: #666;
}

.color_white {
  color: #fff;
}

.color_light_gray {
  color: #8F8F8F;
}

.color_key {
  color: #5987EF;
}

/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

body {
  line-height: 1;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote::before,
blockquote::after,
q::before,
q::after {
  content: "";
  content: none;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title],
dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cacaca;
  margin: 1em 0;
  padding: 0;
}

input,
select {
  vertical-align: middle;
}

dt {
  font-weight: bold;
}

sup {
  font-size: 0.8em;
  vertical-align: super;
}

input,
select,
textarea {
  font: inherit;
}

/* =========================================================
 public
========================================================= */
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  font-size: 62.5%;
}

body {
  font: 1.6rem/1.75 "Meiryo", "メイリオ", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "YuGothic", "Yu Gothic", "游ゴシック", Helvetica, sans-serif;
  color: #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
}

img,
video {
  max-width: 100%;
  height: auto;
  vertical-align: top;
}

a {
  color: #172e7e;
}

a:hover {
  text-decoration: none;
}

a img {
  -webkit-transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

a:hover img {
  opacity: 0.7;
}

hr {
  width: calc(100% - 32px);
  max-width: 992px;
  margin: 32px auto;
}

p img {
  vertical-align: middle;
}

/*===============================================================
	font
===============================================================*/
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 400;
  src: url("/common/font/noto_sans/NotoSansCJKjp-Regular_subset.woff") format("woff");
}
@font-face {
  font-family: "Noto Sans JP";
  font-style: bold;
  font-weight: 800;
  src: url("/common/font/noto_sans/NotoSansCJKjp-Bold_subset.woff") format("woff");
}
@font-face {
  font-family: "YakuHanJP";
  font-style: normal;
  font-weight: normal;
  src: url("/common/font/yakuhan/YakuHanJP-Regular.woff2") format("woff2"), url("/common/font/yakuhan/YakuHanJP-Regular.woff") format("woff");
}
@font-face {
  font-family: "YakuHanJP";
  font-style: normal;
  font-weight: bold;
  src: url("/common/font/yakuhan/YakuHanJP-Bold.woff2") format("woff2"), url("/common/font/yakuhan/YakuHanJP-Bold.woff") format("woff");
}
body {
  font-family: "YakuHanJP", "Noto Sans JP", sans-serif;
}

/*===============================================================
	フォント
===============================================================*/
/*-------------------------------------------------------------
フォントサイズ
-------------------------------------------------------------*/
.fs_bass {
  font-size: 1.6rem;
}

.fs_xs {
  font-size: 1rem;
}

.fs_sm {
  font-size: 1.4rem;
}

.fs_md {
  font-size: 2rem;
}

.fs_lg {
  font-size: 2.5rem;
}

.fs_xl {
  font-size: 3rem;
}

.fs_xxl {
  font-size: 4rem;
}

.fs_xxxl {
  font-size: 5rem;
}

/* for TABLET */
/* SP */
@media screen and (max-width: 768px) {
  .fs_bass {
    font-size: 4vw;
  }
  .fs_xs {
    font-size: 3.2vw;
  }
  .fs_sm {
    font-size: 3.8vw;
  }
  .fs_md {
    font-size: 4.2vw;
  }
  .fs_lg {
    font-size: 4.2vw;
  }
  .fs_xl {
    font-size: 4.5vw;
  }
  .fs_xxl {
    font-size: 4.5vw;
  }
  .fs_xxxl {
    font-size: 5vw;
  }
}
/* for SP */
/*-------------------------------------------------------------
line-height
-------------------------------------------------------------*/
.lh_20 {
  line-height: 2;
}

.lh_19 {
  line-height: 1.9;
}

.lh_18 {
  line-height: 1.8;
}

.lh_17 {
  line-height: 1.7;
}

.lh_16 {
  line-height: 1.6;
}

.lh_15 {
  line-height: 1.5;
}

.lh_14 {
  line-height: 1.4;
}

.lh_13 {
  line-height: 1.3;
}

.lh_12 {
  line-height: 1.2;
}

.lh_11 {
  line-height: 1.1;
}

.lh_10 {
  line-height: 1;
}

/*===============================================================

	_common.scss 2021/9/24

===============================================================*/
/* html/body設定
----------------------------------------------------------------*/
body {
  width: 100%;
  color: #333;
  background: #fff;
  text-align: left;
  position: relative;
  overflow-x: hidden;
  -webkit-text-size-adjust: none;
  /* 縦横文字サイズ同じ */
  -webkit-font-smoothing: antialiased;
}

a {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #06179b;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-decoration: underline;
}

a:hover {
  color: #6807f9;
  text-decoration: none;
}

/* a:focus {
	outline: 2px;
	box-shadow: 0 0 20px 0 $c_focus;
} */
a:focus,
button:focus,
select:focus {
  outline: 2px;
  -webkit-box-shadow: none;
          box-shadow: none;
}

a:focus-visible,
button:focus-visible,
select:focus-visible,
.select_wrap:focus-within {
  outline: 2px;
  -webkit-box-shadow: 0 0 20px 0 #00f;
          box-shadow: 0 0 20px 0 #00f;
}

.select_wrap:focus-within {
  outline: 2px;
  -webkit-box-shadow: 0 0 20px 0 #00f;
          box-shadow: 0 0 20px 0 #00f;
}

/* タブレット以下 */
/* for tablet max-width: 1070px */
/* SP向けレイアウトの指定：～640px */
@media only screen and (max-width: 768px) {
  body {
    overflow-x: hidden;
  }
}
/* for SP max-width: 800px */
/*===============================================================

	基本文字サイズ、装飾

===============================================================*/
h1,
h2,
h3,
h4 {
  line-height: 1.5;
  font-weight: bold;
}

p {
  line-height: 2;
}

sup {
  margin: 0;
  padding: 0;
  font-size: 1.1rem;
}

.bold {
  font-weight: bold;
}

.txt_caption {
  font-size: small;
  line-height: 1.4;
}

/* タブレット以下 */
/* for tablet max-width: 1070px */
/* SP向けレイアウトの指定：～800px */
@media only screen and (max-width: 768px) {
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p,
  li,
  th,
  td,
  dt,
  dd,
  div {
    line-height: 1.6;
  }
  div,
  p {
    line-height: 1.8;
  }
  li {
    line-height: 1.6;
  }
}
/* for SP max-width: 800px */
@font-face {
  font-family: "icomoon2024";
  src: url("../../common/font/iconmoon/icomoon2024.eot?9csyn6");
  src: url("../../common/font/iconmoon/icomoon2024.eot?9csyn6#iefix") format("embedded-opentype"), url("../../common/font/iconmoon/icomoon2024.ttf?9csyn6") format("truetype"), url("../../common/font/iconmoon/icomoon2024.woff?9csyn6") format("woff"), url("../../common/font/iconmoon/icomoon2024.svg?9csyn6#icomoon2024") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=icon_], [class*=" icon_"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon2024" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon_account_thin:before {
  content: "\e900";
}

.icon_arw_down_thin:before {
  content: "\e901";
}

.icon_arw_left_thin:before {
  content: "\e902";
}

.icon_arw_right_thin:before {
  content: "\e903";
}

.icon_arw_up_thin:before {
  content: "\e904";
}

.icon_bookmark_thin:before {
  content: "\e905";
}

.icon_calendar_thin:before {
  content: "\e906";
}

.icon_cart_thin:before {
  content: "\e907";
}

.icon_caution_thin:before {
  content: "\e908";
}

.icon_comment_thin:before {
  content: "\e909";
}

.icon_chat_thin:before {
  content: "\e90a";
}

.icon_check_thin:before {
  content: "\e90b";
}

.icon_clock_thin:before {
  content: "\e90c";
}

.icon_closs_thin:before {
  content: "\e90d";
}

.icon_document_thin:before {
  content: "\e90e";
}

.icon_download_thin:before {
  content: "\e90f";
}

.icon_eye_none_thin:before {
  content: "\e910";
}

.icon_eye_thin:before {
  content: "\e911";
}

.icon_favorite_thin:before {
  content: "\e912";
}

.icon_file_thin:before {
  content: "\e913";
}

.icon_filter_thin:before {
  content: "\e914";
}

.icon_home_thin:before {
  content: "\e915";
}

.icon_image_thin:before {
  content: "\e916";
}

.icon_information_thin:before {
  content: "\e917";
}

.icon_list_thin:before {
  content: "\e918";
}

.icon_lock_thin:before {
  content: "\e919";
}

.icon_mail_thin:before {
  content: "\e91a";
}

.icon_map_thin:before {
  content: "\e91b";
}

.icon_minus_thin:before {
  content: "\e91c";
}

.icon_mobile_thin:before {
  content: "\e91d";
}

.icon_new_tab_thin:before {
  content: "\e91e";
}

.icon_new_window_thin:before {
  content: "\e91f";
}

.icon_pdf_thin:before {
  content: "\e920";
}

.icon_plus_thin:before {
  content: "\e921";
}

.icon_refresh_thin:before {
  content: "\e922";
}

.icon_replay_thin:before {
  content: "\e923";
}

.icon_round_play_thin:before {
  content: "\e924";
}

.icon_round_stop_thin:before {
  content: "\e925";
}

.icon_search_thin:before {
  content: "\e926";
}

.icon_setting_thin:before {
  content: "\e927";
}

.icon_share_thin:before {
  content: "\e928";
}

.icon_star_thin:before {
  content: "\e929";
}

.icon_stop_thin:before {
  content: "\e92a";
}

.icon_tel_thin:before {
  content: "\e92b";
}

.icon_unlock_thin:before {
  content: "\e92c";
}

.icon_upload_thin:before {
  content: "\e92d";
}

.icon_video_thin:before {
  content: "\e92e";
}

.icon_zoom_in_thin:before {
  content: "\e92f";
}

.icon_zoom_out_thin:before {
  content: "\e930";
}

.icon_sns_facebook:before {
  content: "\e931";
}

.icon_sns_instagram:before {
  content: "\e932";
}

.icon_sns_note:before {
  content: "\e933";
}

.icon_sns_x:before {
  content: "\e934";
}

.icon_sns_youtube:before {
  content: "\e935";
}

.icon_download:before {
  content: "\e937";
}

.icon_arw_down:before {
  content: "\e938";
}

.icon_arw_left:before {
  content: "\e939";
}

.icon_arw:before,
.icon_arw_right:before {
  content: "\e93a";
}

.icon_arw_s_down:before {
  content: "\e93b";
}

.icon_arw_s_left:before {
  content: "\e93c";
}

.icon_arw_s_right:before {
  content: "\e93d";
}

.icon_arw_s_up:before {
  content: "\e93e";
}

.icon_arw_l_down:before {
  content: "\e93f";
}

.icon_arw_l_left:before {
  content: "\e940";
}

.icon_arw_l_right:before {
  content: "\e941";
}

.icon_arw_l_up:before {
  content: "\e942";
}

.icon_arw_up:before {
  content: "\e943";
}

.icon_paus:before {
  content: "\e944";
}

.icon_play:before {
  content: "\e945";
}

.icon_record:before {
  content: "\e946";
}

.icon_stop:before {
  content: "\e947";
}

.icon_dots:before {
  content: "\e948";
}

.icon_dots_v:before {
  content: "\e949";
}

.icon_sankaku_down:before {
  content: "\e94a";
}

.icon_sankaku_left:before {
  content: "\e94b";
}

.icon_sankaku:before,
.icon_sankaku_right:before {
  content: "\e94c";
}

.icon_sankaku_up:before {
  content: "\e94d";
}

.icon_clip:before {
  content: "\e94e";
}

.icon_music:before {
  content: "\e94f";
}

.icon_calculator:before {
  content: "\e950";
}

.icon_camera:before {
  content: "\e951";
}

.icon_check:before {
  content: "\e952";
}

.icon_heart:before {
  content: "\e953";
}

.icon_help:before {
  content: "\e954";
}

.icon_home1:before {
  content: "\e955";
}

.icon_photo:before {
  content: "\e956";
}

.icon_pc:before {
  content: "\e957";
}

.icon_map_pin:before {
  content: "\e958";
}

.icon_search:before {
  content: "\e959";
}

.icon_mail:before {
  content: "\e95a";
}

.icon_map:before {
  content: "\e95b";
}

.icon_message:before {
  content: "\e95c";
}

.icon_mobile:before {
  content: "\e95d";
}

.icon_blank:before {
  content: "\e95e";
}

.icon_share:before {
  content: "\e95f";
}

.icon_cart:before {
  content: "\e960";
}

.icon_info:before {
  content: "\ea0c";
}

.icon_pdf:before {
  content: "\eadf";
}

.icon_word:before {
  content: "\eae1";
}

.icon_excel:before {
  content: "\eae2";
}

/*===============================================================

	skip_link

===============================================================*/
.skip_link {
  z-index: 99999;
  position: absolute;
  top: -100px;
  left: 5px;
  background-color: #333;
  color: #fff;
  width: 22rem;
  line-height: 3;
  text-align: center;
  font-weight: bold;
  border-radius: 5px;
  font-size: 1.8rem;
}
.skip_link:focus {
  top: 5px;
}
.skip_link:hover {
  background-color: #333;
  color: #fff;
}
.skip_link {
  /* タブレット */
}
.skip_link {
  /* for TABLET */
  /* SP */
}
@media screen and (max-width: 768px) {
  .skip_link {
    width: 20rem;
    font-size: 1.6rem;
  }
}
.skip_link {
  /* for SP */
}

/* utilities
--------------------------------------------------------- */
.text--pink {
  color: #e3007f;
}

.text--center {
  text-align: center;
}

.text--center--smp {
  text-align: center;
}

@media screen and (max-width: 768px) {
  .text--center--smp {
    text-align: left;
  }
}
.text--bold {
  font-weight: bold;
}

.image-shadow {
  -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.25);
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.25);
}

.tablet--inline {
  display: none;
}

@media screen and (max-width: 768px) {
  .pc--only {
    display: none;
  }
  .tablet--inline {
    display: inline;
  }
}
/*===============================================================
※付きキャプション
===============================================================*/
.u_indent_caption {
  font-size: 90%;
  text-indent: -1em;
  padding-left: 1em;
}

/*===============================================================

	_utils.scss 2021/9/24

===============================================================*/
.align_center {
  text-align: center !important;
}

.align_right {
  text-align: right !important;
}

.align_left {
  text-align: left !important;
}

@media only screen and (max-width: 768px) {
  .sp_align_center {
    text-align: center !important;
  }
  .sp_align_right {
    text-align: right !important;
  }
  .sp_align_left {
    text-align: left !important;
  }
}
.flex_align-items--center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/*===============================================================

	フロート関係

===============================================================*/
.clear {
  width: 100%;
  overflow: hidden;
}

.clearboth {
  clear: both;
}

.cf:before,
.cf:after {
  content: " ";
  display: table;
}

.cf:after {
  clear: both;
}

.cf {
  *zoom: 1;
}

.flol {
  float: left;
}

.flor {
  float: right;
}

/*===============================================================

	PC/SP/TABLET

===============================================================*/
.sp {
  display: none;
}

.tablet {
  display: none;
}

.sp {
  display: none;
}

.sp_tablet {
  display: none;
}

.none {
  display: none !important;
}

/* タブレット以下 */
@media screen and (max-width: 1070px) {
  .pc {
    display: none;
  }
  .tablet,
  .pc_tablet,
  .sp_tablet {
    display: block;
  }
}
/* for tablet max-width: 1070px */
/* SP向けレイアウトの指定：～800px */
@media only screen and (max-width: 768px) {
  .sp {
    display: block;
  }
  .pc_tablet,
  .tablet {
    display: none;
  }
}
/* for SP max-width: 800px */
/*-------------------------------------------------------------
	font	
-------------------------------------------------------------*/
.font_ss {
  font-size: smaller;
  font-size: 70%;
}

.font_s {
  font-size: small;
  font-size: 80%;
}

.font_m {
  font-size: medium;
  font-size: 90%;
}

.font_l {
  font-size: large;
  font-size: 120%;
}

.font_xl {
  font-size: larger;
  font-size: 140%;
}

/*===============================================================

	img fig

===============================================================*/
.fig img,
.fitimg img,
.photo img {
  width: 100%;
  height: auto;
}

.video_container {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}

.video_container iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

/* タブレット以下 */
/* for tablet max-width: 1070px */
/* SP向けレイアウトの指定：～800px */
/* for SP max-width: 800px */
/*===============================================================
js_multilinkarea js_linkarea
===============================================================*/
.js_linkarea,
.js_multilinkarea {
  cursor: pointer;
}

/*===============================================================
    js_scroll
===============================================================*/
.js_scroll {
  -webkit-transition: all 0s;
  transition: all 0s;
}
.js_scroll.is_active {
  -webkit-transition: all 1s;
  transition: all 1s;
}
.js_scroll {
  /* タブレット */
}
.js_scroll {
  /* for TABLET */
  /* SP */
}
.js_scroll {
  /* for SP */
}

/*===============================================================
    js_fadein
===============================================================*/
.js_fadein {
  opacity: 0;
}
.js_fadein.is_active {
  opacity: 1;
}
.js_fadein {
  /* タブレット */
}
.js_fadein {
  /* SP */
}
/*===============================================================
    js_fadein_up
===============================================================*/
.js_fadein_up {
  opacity: 0;
  -webkit-transform: translateY(3vw);
          transform: translateY(3vw);
}
.js_fadein_up.is_active {
  opacity: 1;
  -webkit-transform: translateY(0vw);
          transform: translateY(0vw);
}

/*===============================================================
    js_fadein_down
===============================================================*/
.js_fadein_down {
  opacity: 0;
  -webkit-transform: translateY(-3vw);
          transform: translateY(-3vw);
}
.js_fadein_down.is_active {
  opacity: 1;
  -webkit-transform: translateY(0vw);
          transform: translateY(0vw);
}

/*===============================================================
    js_fadein_left
===============================================================*/
.js_fadein_left {
  opacity: 0;
  -webkit-transform: translateX(-3vw);
          transform: translateX(-3vw);
}
.js_fadein_left.is_active {
  opacity: 1;
  -webkit-transform: translateX(0vw);
          transform: translateX(0vw);
}

/*===============================================================
    js_fadein_right
===============================================================*/
.js_fadein_right {
  opacity: 0;
  -webkit-transform: translateX(3vw);
          transform: translateX(3vw);
}
.js_fadein_right.is_active {
  opacity: 1;
  -webkit-transform: translateX(0vw);
          transform: translateX(0vw);
}

/*===============================================================
    js_fadein_photo
===============================================================*/
.js_fadein_photo {
  overflow: hidden;
}
.js_fadein_photo img {
  -webkit-transition: all 1s;
  transition: all 1s;
  opacity: 0;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.js_fadein_photo.is_active img {
  opacity: 1;
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

/*===============================================================
	js_gsap_parallax_photo
===============================================================*/
.js_gsap_parallax_photo_reverse,
.js_gsap_parallax_photo {
  background-color: #000;
  overflow: hidden;
}

/*===============================================================
	js_2step
===============================================================*/
.js_2step, .js_2step_down, .js_2step_up {
  display: inline-block;
  position: relative;
  z-index: 1;
  overflow: hidden;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
.js_2step::before, .js_2step_down::before, .js_2step_up::before, .js_2step::after, .js_2step_down::after, .js_2step_up::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  background-color: #eee;
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  -webkit-transition: all 0.5s cubic-bezier(0.51, -0.01, 0.21, 1.01);
  transition: all 0.5s cubic-bezier(0.51, -0.01, 0.21, 1.01);
  z-index: 2;
}
.js_2step::after, .js_2step_down::after, .js_2step_up::after {
  background-color: #fff;
}
.js_2step.is_active::before, .is_active.js_2step_down::before, .is_active.js_2step_up::before, .js_2step.is_active::after, .is_active.js_2step_down::after, .is_active.js_2step_up::after {
  -webkit-transform-origin: 0 right;
          transform-origin: 0 right;
}
.js_2step.is_active::after, .is_active.js_2step_down::after, .is_active.js_2step_up::after {
  left: auto;
  right: 0;
  width: 0%;
}
.js_2step.is_active::before, .is_active.js_2step_down::before, .is_active.js_2step_up::before {
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
  left: auto;
  right: 0;
  width: 0%;
}

/*===============================================================
	js_2step_up
===============================================================*/
.js_2step_up.is_active::before, .js_2step_up.is_active::after {
  -webkit-transform-origin: top 0;
          transform-origin: top 0;
  top: 0;
  bottom: auto;
  left: auto;
  right: auto;
  width: 100%;
  height: 0%;
}

/*===============================================================
	js_2step_down
===============================================================*/
.js_2step_down.is_active::before, .js_2step_down.is_active::after {
  -webkit-transform-origin: bottom 0;
          transform-origin: bottom 0;
  top: auto;
  bottom: 0;
  left: auto;
  right: auto;
  width: 100%;
  height: 0%;
}

/*===============================================================
js_float_menu
===============================================================*/
.js_float_menu_fixed {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 100;
  visibility: hidden;
  opacity: 0;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
  pointer-events: none;
  -webkit-transition: opacity 0.25s ease, visibility 0.25s ease, -webkit-transform 0.25s ease;
  transition: opacity 0.25s ease, visibility 0.25s ease, -webkit-transform 0.25s ease;
  transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s ease;
  transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s ease, -webkit-transform 0.25s ease;
}
.js_float_menu_fixed.is_show {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  pointer-events: auto;
}
.js_float_menu_fixed {
  /*
  * 固定時はタイトルを非表示
  */
}
.js_float_menu_fixed .block_title {
  display: none;
}
.js_float_menu_fixed {
  /*
  * 固定時の縦幅調整
  */
}
.js_float_menu_fixed .section_inner, .js_float_menu_fixed .section_inner__sp_thin, .js_float_menu_fixed .section_inner__thin {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.js_float_menu_fixed .block {
  margin-top: 0 !important;
}
.js_float_menu_fixed .c_btn_line a, .js_float_menu_fixed .c_btn_line__white a {
  min-height: 4rem;
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
}

/*===============================================================

	マージン

===============================================================*/
.mt0 {
  margin-top: 0px !important;
}

.mt05 {
  margin-top: 0.5rem !important;
}

.mt10 {
  margin-top: 1rem !important;
}

.mt15 {
  margin-top: 1.5rem !important;
}

.mt20 {
  margin-top: 2rem !important;
}

.mt25 {
  margin-top: 2.5rem !important;
}

.mt30 {
  margin-top: 3rem !important;
}

.mt40 {
  margin-top: 4rem !important;
}

.mt50 {
  margin-top: 5rem !important;
}

.mt60 {
  margin-top: 6rem !important;
}

.mt70 {
  margin-top: 7rem !important;
}

.mt80 {
  margin-top: 8rem !important;
}

.mt90 {
  margin-top: 9rem !important;
}

.mt100 {
  margin-top: 10rem !important;
}

/* タブレット以下 */
@media screen and (max-width: 1070px) {
  .mt0 {
    margin-top: 0px !important;
  }
  .mt05 {
    margin-top: 0.47vw !important;
  }
  .mt10 {
    margin-top: 0.93vw !important;
  }
  .mt15 {
    margin-top: 1.4vw !important;
  }
  .mt20 {
    margin-top: 1.87vw !important;
  }
  .mt25 {
    margin-top: 2.34vw !important;
  }
  .mt30 {
    margin-top: 2.8vw !important;
  }
  .mt40 {
    margin-top: 3.74vw !important;
  }
  .mt50 {
    margin-top: 4.67vw !important;
  }
  .mt60 {
    margin-top: 5.61vw !important;
  }
  .mt70 {
    margin-top: 6.54vw !important;
  }
  .mt80 {
    margin-top: 7.48vw !important;
  }
  .mt90 {
    margin-top: 8.41vw !important;
  }
  .mt100 {
    margin-top: 9.35vw !important;
  }
  .mb05 {
    margin-bottom: 0.47vw !important;
  }
  .mb10 {
    margin-bottom: 0.93vw !important;
  }
  .mb15 {
    margin-bottom: 1.4vw !important;
  }
  .mb20 {
    margin-bottom: 1.87vw !important;
  }
  .mb25 {
    margin-bottom: 2.34vw !important;
  }
  .mb30 {
    margin-bottom: 2.8vw !important;
  }
  .mt05 {
    margin-top: 0.47vw !important;
  }
  .mt10 {
    margin-top: 0.93vw !important;
  }
  .mt15 {
    margin-top: 1.4vw !important;
  }
  .mt20 {
    margin-top: 1.87vw !important;
  }
  .mt25 {
    margin-top: 2.34vw !important;
  }
  .mt30 {
    margin-top: 2.8vw !important;
  }
  .mt40 {
    margin-top: 3.74vw !important;
  }
  .mt50 {
    margin-top: 4.67vw !important;
  }
  .mt60 {
    margin-top: 5.61vw !important;
  }
  .mt70 {
    margin-top: 6.54vw !important;
  }
  .mt80 {
    margin-top: 7.48vw !important;
  }
  .mt90 {
    margin-top: 8.41vw !important;
  }
  .mt100 {
    margin-top: 9.35vw !important;
  }
  .mb05 {
    margin-bottom: 0.47vw !important;
  }
  .mb10 {
    margin-bottom: 0.93vw !important;
  }
  .mb15 {
    margin-bottom: 1.4vw !important;
  }
  .mb20 {
    margin-bottom: 1.87vw !important;
  }
  .mb25 {
    margin-bottom: 2.34vw !important;
  }
  .mb30 {
    margin-bottom: 2.8vw !important;
  }
  .mb40 {
    margin-bottom: 3.74vw !important;
  }
  .mb50 {
    margin-bottom: 4.67vw !important;
  }
  .mb60 {
    margin-bottom: 5.61vw !important;
  }
  .mb70 {
    margin-bottom: 6.54vw !important;
  }
  .mb80 {
    margin-bottom: 7.48vw !important;
  }
  .mb90 {
    margin-bottom: 8.41vw !important;
  }
  .mb100 {
    margin-bottom: 9.35vw !important;
  }
}
/* for tablet max-width: 1070px */
/* SP向けレイアウトの指定：～800px */
@media screen and (max-width: 768px) {
  .mt05 {
    margin-top: 0.63vw !important;
  }
  .mt10 {
    margin-top: 1.25vw !important;
  }
  .mt15 {
    margin-top: 1.88vw !important;
  }
  .mt20 {
    margin-top: 2.5vw !important;
  }
  .mt25 {
    margin-top: 3.13vw !important;
  }
  .mt30 {
    margin-top: 3.75vw !important;
  }
  .mt40 {
    margin-top: 5vw !important;
  }
  .mt50 {
    margin-top: 6.25vw !important;
  }
  .mt60 {
    margin-top: 7.5vw !important;
  }
  .mt70 {
    margin-top: 8.75vw !important;
  }
  .mt80 {
    margin-top: 10vw !important;
  }
  .mt90 {
    margin-top: 11.25vw !important;
  }
  .mt100 {
    margin-top: 12.5vw !important;
  }
  .mt0_sp {
    margin-top: 0 !important;
  }
  .mt05_sp {
    margin-top: 0.63vw !important;
  }
  .mt10_sp {
    margin-top: 1.25vw !important;
  }
  .mt15_sp {
    margin-top: 1.88vw !important;
  }
  .mt20_sp {
    margin-top: 2.5vw !important;
  }
  .mt25_sp {
    margin-top: 3.13vw !important;
  }
  .mt30_sp {
    margin-top: 3.75vw !important;
  }
  .mt40_sp {
    margin-top: 5vw !important;
  }
  .mt50_sp {
    margin-top: 6.25vw !important;
  }
  .mt60_sp {
    margin-top: 7.5vw !important;
  }
  .mt70_sp {
    margin-top: 8.75vw !important;
  }
  .mt80_sp {
    margin-top: 10vw !important;
  }
  .mt90_sp {
    margin-top: 11.25vw !important;
  }
  .mt100_sp {
    margin-top: 12.5vw !important;
  }
  .mb05_sp {
    margin-bottom: 0.63vw !important;
  }
  .mb10_sp {
    margin-bottom: 1.25vw !important;
  }
  .mb15_sp {
    margin-bottom: 1.88vw !important;
  }
  .mb20_sp {
    margin-bottom: 2.5vw !important;
  }
  .mb25_sp {
    margin-bottom: 3.13vw !important;
  }
  .mb30_sp {
    margin-bottom: 3.75vw !important;
  }
  .mb40_sp {
    margin-bottom: 5vw !important;
  }
  .mb50_sp {
    margin-bottom: 6.25vw !important;
  }
  .mb60_sp {
    margin-bottom: 7.5vw !important;
  }
  .mb70_sp {
    margin-bottom: 8.75vw !important;
  }
  .mb80_sp {
    margin-bottom: 10vw !important;
  }
  .mb90_sp {
    margin-bottom: 11.25vw !important;
  }
  .mb100_sp {
    margin-bottom: 12.5vw !important;
  }
}
/* for SP max-width: 800px */
/*-------------------------------------------------------------
 margin-bottom
-------------------------------------------------------------*/
.mb0 {
  margin-bottom: 0rem !important;
}

.mb05 {
  margin-bottom: 0.5rem !important;
}

.mb10 {
  margin-bottom: 1rem !important;
}

.mb15 {
  margin-bottom: 1.5rem !important;
}

.mb20 {
  margin-bottom: 2rem !important;
}

.mb25 {
  margin-bottom: 2.5rem !important;
}

.mb30 {
  margin-bottom: 3rem !important;
}

.mb40 {
  margin-bottom: 4rem !important;
}

.mb50 {
  margin-bottom: 5rem !important;
}

.mb60 {
  margin-bottom: 6rem !important;
}

.mb70 {
  margin-bottom: 7rem !important;
}

.mb80 {
  margin-bottom: 8rem !important;
}

.mb90 {
  margin-bottom: 9rem !important;
}

.mb100 {
  margin-bottom: 10rem !important;
}

@media screen and (max-width: 768px) {
  .mb05 {
    margin-bottom: 0.63vw !important;
  }
  .mb10 {
    margin-bottom: 1.25vw !important;
  }
  .mb15 {
    margin-bottom: 1.88vw !important;
  }
  .mb20 {
    margin-bottom: 2.5vw !important;
  }
  .mb25 {
    margin-bottom: 3.13vw !important;
  }
  .mb30 {
    margin-bottom: 3.75vw !important;
  }
  .mb40 {
    margin-bottom: 5vw !important;
  }
  .mb50 {
    margin-bottom: 6.25vw !important;
  }
  .mb60 {
    margin-bottom: 7.5vw !important;
  }
  .mb70 {
    margin-bottom: 8.75vw !important;
  }
  .mb80 {
    margin-bottom: 10vw !important;
  }
  .mb90 {
    margin-bottom: 11.25vw !important;
  }
  .mb100 {
    margin-bottom: 12.5vw !important;
  }
}
/* for SP */
/*-------------------------------------------------------------
 margin-left
-------------------------------------------------------------*/
.ml0 {
  margin-left: 0rem !important;
}

.ml05 {
  margin-left: 0.5rem !important;
}

.ml10 {
  margin-left: 1rem !important;
}

.ml15 {
  margin-left: 1.5rem !important;
}

.ml20 {
  margin-left: 2rem !important;
}

.ml25 {
  margin-left: 2.5rem !important;
}

.ml30 {
  margin-left: 3rem !important;
}

.ml40 {
  margin-left: 4rem !important;
}

.ml50 {
  margin-left: 5rem !important;
}

.ml60 {
  margin-left: 6rem !important;
}

.ml70 {
  margin-left: 7rem !important;
}

.ml80 {
  margin-left: 8rem !important;
}

.ml90 {
  margin-left: 9rem !important;
}

.ml100 {
  margin-left: 10rem !important;
}

@media screen and (max-width: 768px) {
  .ml05 {
    margin-left: 0.63vw !important;
  }
  .ml10 {
    margin-left: 1.25vw !important;
  }
  .ml15 {
    margin-left: 1.88vw !important;
  }
  .ml20 {
    margin-left: 2.5vw !important;
  }
  .ml25 {
    margin-left: 3.13vw !important;
  }
  .ml30 {
    margin-left: 3.75vw !important;
  }
  .ml40 {
    margin-left: 5vw !important;
  }
  .ml50 {
    margin-left: 6.25vw !important;
  }
  .ml60 {
    margin-left: 7.5vw !important;
  }
  .ml70 {
    margin-left: 8.75vw !important;
  }
  .ml80 {
    margin-left: 10vw !important;
  }
  .ml90 {
    margin-left: 11.25vw !important;
  }
  .ml100 {
    margin-left: 12.5vw !important;
  }
}
/* for SP */
/*-------------------------------------------------------------
 margin-right
-------------------------------------------------------------*/
.mr0 {
  margin-right: 0rem !important;
}

.mr05 {
  margin-right: 0.5rem !important;
}

.mr10 {
  margin-right: 1rem !important;
}

.mr15 {
  margin-right: 1.5rem !important;
}

.mr20 {
  margin-right: 2rem !important;
}

.mr25 {
  margin-right: 2.5rem !important;
}

.mr30 {
  margin-right: 3rem !important;
}

.mr40 {
  margin-right: 4rem !important;
}

.mr50 {
  margin-right: 5rem !important;
}

.mr60 {
  margin-right: 6rem !important;
}

.mr70 {
  margin-right: 7rem !important;
}

.mr80 {
  margin-right: 8rem !important;
}

.mr90 {
  margin-right: 9rem !important;
}

.mr100 {
  margin-right: 10rem !important;
}

@media screen and (max-width: 768px) {
  .mr05 {
    margin-right: 0.63vw !important;
  }
  .mr10 {
    margin-right: 1.25vw !important;
  }
  .mr15 {
    margin-right: 1.88vw !important;
  }
  .mr20 {
    margin-right: 2.5vw !important;
  }
  .mr25 {
    margin-right: 3.13vw !important;
  }
  .mr30 {
    margin-right: 3.75vw !important;
  }
  .mr40 {
    margin-right: 5vw !important;
  }
  .mr50 {
    margin-right: 6.25vw !important;
  }
  .mr60 {
    margin-right: 7.5vw !important;
  }
  .mr70 {
    margin-right: 8.75vw !important;
  }
  .mr80 {
    margin-right: 10vw !important;
  }
  .mr90 {
    margin-right: 11.25vw !important;
  }
  .mr100 {
    margin-right: 12.5vw !important;
  }
}
/* for SP */
/*===============================================================

	padding

===============================================================*/
.pt0 {
  padding-top: 0 !important;
}

.pb0 {
  padding-bottom: 0 !important;
}

@media screen and (max-width: 768px) {
  .pt0_sp {
    padding-top: 0 !important;
  }
}

@media screen and (max-width: 768px) {
  .pb0_sp {
    padding-bottom: 0 !important;
  }
}

/*===============================================================

    アニメーション

    animation: rotate_loop 40s linear infinite;

===============================================================*/
@-webkit-keyframes rotate_loop {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes rotate_loop {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes rotate_loop_revers {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
  }
}
@keyframes rotate_loop_revers {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
  }
}
@-webkit-keyframes scale_bounse {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes scale_bounse {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes kv_phone_animation {
  0% {
    -webkit-transform: translate(0, 0) rotate(0);
            transform: translate(0, 0) rotate(0);
  }
  50% {
    -webkit-transform: translate(0, 2rem) rotate(-2deg);
            transform: translate(0, 2rem) rotate(-2deg);
  }
  100% {
    -webkit-transform: translate(0, 0) rotate(0deg);
            transform: translate(0, 0) rotate(0deg);
  }
}
@keyframes kv_phone_animation {
  0% {
    -webkit-transform: translate(0, 0) rotate(0);
            transform: translate(0, 0) rotate(0);
  }
  50% {
    -webkit-transform: translate(0, 2rem) rotate(-2deg);
            transform: translate(0, 2rem) rotate(-2deg);
  }
  100% {
    -webkit-transform: translate(0, 0) rotate(0deg);
            transform: translate(0, 0) rotate(0deg);
  }
}
/*===============================================================

    c_return_to_top

===============================================================*/
.c_return_to_top {
  width: 100%;
  overflow: hidden;
}
.c_return_to_top a {
  display: block;
  right: 3rem;
  bottom: 3rem;
  width: 4rem;
  height: 4rem;
  color: #fff;
  background-color: #E3057F;
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
  z-index: 101;
  position: fixed;
  border-radius: 3rem;
  -webkit-transform: translateY(10rem);
          transform: translateY(10rem);
}
.c_return_to_top.show a {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.c_return_to_top a:hover {
  opacity: 0.7;
}
.c_return_to_top a::after {
  position: absolute;
  content: " ";
  width: 1rem;
  height: 1rem;
  top: 1.8rem;
  left: 0;
  right: 0;
  bottom: auto;
  margin: auto;
  border-top: solid 2px #fff;
  border-left: solid 2px #fff;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  border-radius: 2px;
}
.c_return_to_top {
  /* タブレット */
}
.c_return_to_top {
  /* for TABLET */
  /* SP */
}
@media screen and (max-width: 768px) {
  .c_return_to_top a {
    width: 40px;
    height: 40px;
    right: 3vw;
    bottom: 3vw;
  }
  .c_return_to_top a::after {
    width: 8px;
    height: 8px;
    top: 17px;
    left: 0;
    right: 0;
    bottom: auto;
  }
}
.c_return_to_top {
  /* for SP */
  /*===============================================================
      //	#btn_pagetop
  ===============================================================*/
}

/* table
--------------------------------------------------------- */
.table, .table__what--government, .table__what, .table__what--jidousyazei, .table__data, .table__data--s, .table__data--txt, .table__data--3-7, .table__data--corporation {
  width: 100%;
  table-layout: fixed;
  margin: 16px 0;
}

.table:first-child, .table__what--government:first-child, .table__what:first-child, .table__what--jidousyazei:first-child, .table__data:first-child, .table__data--s:first-child, .table__data--txt:first-child, .table__data--3-7:first-child, .table__data--corporation:first-child {
  margin-top: 0;
}

.table:last-child, .table__what--government:last-child, .table__what:last-child, .table__what--jidousyazei:last-child, .table__data:last-child, .table__data--s:last-child, .table__data--txt:last-child, .table__data--3-7:last-child, .table__data--corporation:last-child {
  margin-bottom: 0;
}

.table thead, .table__what--government thead, .table__what thead, .table__what--jidousyazei thead, .table__data thead, .table__data--s thead, .table__data--txt thead, .table__data--3-7 thead, .table__data--corporation thead {
  background: rgba(255, 255, 255, 0.9);
}

.table tbody tr, .table__what--government tbody tr, .table__what tbody tr, .table__what--jidousyazei tbody tr, .table__data tbody tr, .table__data--s tbody tr, .table__data--txt tbody tr, .table__data--3-7 tbody tr, .table__data--corporation tbody tr {
  border-top: 1px solid #999;
  border-bottom: 1px solid #999;
}

.table th, .table__what--government th, .table__what th, .table__what--jidousyazei th, .table__data th, .table__data--s th, .table__data--txt th, .table__data--3-7 th, .table__data--corporation th,
.table td,
.table__what--government td,
.table__what td,
.table__what--jidousyazei td,
.table__data td,
.table__data--s td,
.table__data--txt td,
.table__data--3-7 td,
.table__data--corporation td {
  padding: 2.5rem 1rem;
  text-align: left;
  vertical-align: top;
}

.table--narrow th,
.table--narrow td {
  padding: 1.5rem 0.8rem;
}

.table--scroll {
  width: 100%;
}

.table--scroll-wrap {
  margin: 16px 0;
}

.table--scroll-wrap:first-child {
  margin-top: 0;
}

.table--scroll-wrap:last-child {
  margin-bottom: 0;
}

.table--scroll-wrap table {
  margin: 0;
}

.table--scroll-body {
  overflow-x: hidden;
  overflow-y: scroll;
  width: calc(100% + 17px);
}

@media screen and (max-width: 768px) {
  .table--responsive {
    display: block;
  }
  .table--responsive thead,
  .table--responsive tbody {
    display: block;
  }
  .table--responsive tr {
    display: block;
    width: 100%;
    position: relative;
  }
  .table--responsive tr:not(:first-child) {
    margin-top: -1px;
  }
  .table--responsive th,
  .table--responsive td {
    display: block;
    width: 100%;
    padding: 1.5rem 1rem 1rem 1rem;
  }
  .table--responsive th .label,
  .table--responsive td .label {
    position: absolute;
    top: 1.5rem;
    right: 1rem;
  }
  .table--responsive .news__label {
    padding: 0;
  }
  .table--responsive .news__title {
    padding: 0 1rem 1.5rem 1rem;
  }
  .table--scroll-body {
    overflow-x: hidden;
    overflow-y: visible;
    height: auto;
    width: 100%;
  }
}
/*===============================================================
table 
===============================================================*/
.table th, .table__what--government th, .table__what th, .table__what--jidousyazei th, .table__data th, .table__data--s th, .table__data--txt th, .table__data--3-7 th, .table__data--corporation th,
.table td,
.table__what--government td,
.table__what td,
.table__what--jidousyazei td,
.table__data td,
.table__data--s td,
.table__data--txt td,
.table__data--3-7 td,
.table__data--corporation td {
  font-size: 1.8rem;
}
.table th a, .table__what--government th a, .table__what th a, .table__what--jidousyazei th a, .table__data th a, .table__data--s th a, .table__data--txt th a, .table__data--3-7 th a, .table__data--corporation th a,
.table td a,
.table__what--government td a,
.table__what td a,
.table__what--jidousyazei td a,
.table__data td a,
.table__data--s td a,
.table__data--txt td a,
.table__data--3-7 td a,
.table__data--corporation td a {
  text-decoration: none;
  display: block;
  color: #000;
  position: relative;
  padding-right: 1em;
}
.table th a::after, .table__what--government th a::after, .table__what th a::after, .table__what--jidousyazei th a::after, .table__data th a::after, .table__data--s th a::after, .table__data--txt th a::after, .table__data--3-7 th a::after, .table__data--corporation th a::after,
.table td a::after,
.table__what--government td a::after,
.table__what td a::after,
.table__what--jidousyazei td a::after,
.table__data td a::after,
.table__data--s td a::after,
.table__data--txt td a::after,
.table__data--3-7 td a::after,
.table__data--corporation td a::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  border: solid 2px #333;
  width: 8px;
  height: 8px;
  border-top: none;
  border-left: none;
  -webkit-transform: rotate(-45deg) translate(-1px, -1px);
          transform: rotate(-45deg) translate(-1px, -1px);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.table th a:hover, .table__what--government th a:hover, .table__what th a:hover, .table__what--jidousyazei th a:hover, .table__data th a:hover, .table__data--s th a:hover, .table__data--txt th a:hover, .table__data--3-7 th a:hover, .table__data--corporation th a:hover,
.table td a:hover,
.table__what--government td a:hover,
.table__what td a:hover,
.table__what--jidousyazei td a:hover,
.table__data td a:hover,
.table__data--s td a:hover,
.table__data--txt td a:hover,
.table__data--3-7 td a:hover,
.table__data--corporation td a:hover {
  opacity: 0.7;
}
.table .label, .table__what--government .label, .table__what .label, .table__what--jidousyazei .label, .table__data .label, .table__data--s .label, .table__data--txt .label, .table__data--3-7 .label, .table__data--corporation .label {
  display: inline-block;
  width: 100%;
  max-width: 142px;
  padding: 0.2em 0.5em;
  border-radius: 10rem;
  background: #cacaca;
  font-size: 1.6rem;
  line-height: 1.4;
  color: #fff;
  text-align: center;
}
.table .label--campaign, .table__what--government .label--campaign, .table__what .label--campaign, .table__what--jidousyazei .label--campaign, .table__data .label--campaign, .table__data--s .label--campaign, .table__data--txt .label--campaign, .table__data--3-7 .label--campaign, .table__data--corporation .label--campaign {
  background: #E3057F;
}
.table .label--publicity, .table__what--government .label--publicity, .table__what .label--publicity, .table__what--jidousyazei .label--publicity, .table__data .label--publicity, .table__data--s .label--publicity, .table__data--txt .label--publicity, .table__data--3-7 .label--publicity, .table__data--corporation .label--publicity {
  background: #50a634;
}
.table .label--service, .table__what--government .label--service, .table__what .label--service, .table__what--jidousyazei .label--service, .table__data .label--service, .table__data--s .label--service, .table__data--txt .label--service, .table__data--3-7 .label--service, .table__data--corporation .label--service {
  background: #0083D3;
}
.table .label--new, .table__what--government .label--new, .table__what .label--new, .table__what--jidousyazei .label--new, .table__data .label--new, .table__data--s .label--new, .table__data--txt .label--new, .table__data--3-7 .label--new, .table__data--corporation .label--new {
  max-width: 56px;
  margin-left: 16px;
  background: #e3007f;
}
.table .news__label .label--new, .table__what--government .news__label .label--new, .table__what .news__label .label--new, .table__what--jidousyazei .news__label .label--new, .table__data .news__label .label--new, .table__data--s .news__label .label--new, .table__data--txt .news__label .label--new, .table__data--3-7 .news__label .label--new, .table__data--corporation .news__label .label--new {
  display: none;
}
@media screen and (max-width: 768px) {
  .table .news__label .label--new, .table__what--government .news__label .label--new, .table__what .news__label .label--new, .table__what--jidousyazei .news__label .label--new, .table__data .news__label .label--new, .table__data--s .news__label .label--new, .table__data--txt .news__label .label--new, .table__data--3-7 .news__label .label--new, .table__data--corporation .news__label .label--new {
    display: inline-block;
  }
  .table .news__title .label--new, .table__what--government .news__title .label--new, .table__what .news__title .label--new, .table__what--jidousyazei .news__title .label--new, .table__data .news__title .label--new, .table__data--s .news__title .label--new, .table__data--txt .news__title .label--new, .table__data--3-7 .news__title .label--new, .table__data--corporation .news__title .label--new {
    display: none;
  }
}
/*===============================================================

    table__data

===============================================================*/
.table__data, .table__data--s, .table__data--txt, .table__data--3-7, .table__data--corporation {
  margin: 0;
}
.table__data th, .table__data--s th, .table__data--txt th, .table__data--3-7 th, .table__data--corporation th,
.table__data td,
.table__data--s td,
.table__data--txt td,
.table__data--3-7 td,
.table__data--corporation td {
  font-size: 1.8rem;
  padding: 1rem 1rem;
}
.table__data th .cap, .table__data--s th .cap, .table__data--txt th .cap, .table__data--3-7 th .cap, .table__data--corporation th .cap,
.table__data td .cap,
.table__data--s td .cap,
.table__data--txt td .cap,
.table__data--3-7 td .cap,
.table__data--corporation td .cap {
  font-weight: normal;
  font-size: 90%;
}
.table__data td, .table__data--s td, .table__data--txt td, .table__data--3-7 td, .table__data--corporation td {
  padding-left: 0;
  text-align: right;
}
.table__data thead tr, .table__data--s thead tr, .table__data--txt thead tr, .table__data--3-7 thead tr, .table__data--corporation thead tr {
  background-color: rgba(254, 216, 0, 0.1);
  border-top: 1px solid #ccc;
}
.table__data thead th, .table__data--s thead th, .table__data--txt thead th, .table__data--3-7 thead th, .table__data--corporation thead th,
.table__data thead td,
.table__data--s thead td,
.table__data--txt thead td,
.table__data--3-7 thead td,
.table__data--corporation thead td {
  font-weight: bold;
}
.table__data tbody tr, .table__data--s tbody tr, .table__data--txt tbody tr, .table__data--3-7 tbody tr, .table__data--corporation tbody tr {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
@media screen and (max-width: 768px) {
  .table__data th, .table__data--s th, .table__data--txt th, .table__data--3-7 th, .table__data--corporation th,
  .table__data td,
  .table__data--s td,
  .table__data--txt td,
  .table__data--3-7 td,
  .table__data--corporation td {
    font-size: 1.6rem;
    padding: 1rem;
  }
}

/*===============================================================
table__data
===============================================================*/
.table__data--corporation th {
  width: 40%;
  border-right: solid 1px #ccc;
}
.table__data--corporation td {
  width: 60%;
}
@media screen and (max-width: 768px) {
  .table__data--corporation th .cap {
    display: block;
  }
}

/*===============================================================
table__data
===============================================================*/
.table__data--3-7 th {
  width: 30%;
}
.table__data--3-7 td {
  width: 70%;
}
/*===============================================================
sp_
===============================================================*/
@media screen and (max-width: 768px) {
  .table__data--sp-v tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    border-bottom: solid 0px transparent !important;
  }
  .table__data--sp-v th,
  .table__data--sp-v td {
    width: 100%;
    text-align: left;
  }
  .table__data--sp-v td {
    padding-top: 0;
  }
}

/*===============================================================

    table__data--s

===============================================================*/
.table__data--s th, .table__data--txt th,
.table__data--s td,
.table__data--txt td {
  font-size: 1.6rem;
  padding: 1rem 1rem;
}
.table__data--s td, .table__data--txt td {
  padding-left: 0;
}
.table__data--s tbody tr:nth-child(even), .table__data--txt tbody tr:nth-child(even) {
  background-color: rgba(0, 131, 211, 0.05);
}
@media screen and (max-width: 768px) {
  .table__data--s th, .table__data--txt th,
  .table__data--s td,
  .table__data--txt td {
    font-size: 1.6rem;
    padding: 1rem;
  }
}

/*===============================================================

    table__data--txt

===============================================================*/
.table__data--txt th,
.table__data--txt td {
  text-align: left;
}
@media screen and (max-width: 768px) {
  .table__data--txt thead {
    display: none;
  }
  .table__data--txt th,
  .table__data--txt td {
    display: block;
    font-size: 1.6rem;
    padding: 1rem;
  }
  .table__data--txt th {
    background-color: rgba(254, 216, 0, 0.1);
  }
  .table__data--txt tr {
    background-color: #fff !important;
  }
}

/*===============================================================

    table__what

===============================================================*/
.table__what td, .table__what--jidousyazei td,
.table__what th,
.table__what--jidousyazei th {
  width: 25%;
}
.table__what th + th, .table__what--jidousyazei th + th,
.table__what td + td,
.table__what--jidousyazei td + td {
  width: 75%;
}
.table__what thead th, .table__what--jidousyazei thead th {
  padding: 1rem;
}
.table__what .icon--popup, .table__what--jidousyazei .icon--popup {
  text-decoration: none;
  display: block;
  color: #172e7e;
  position: relative;
  padding-right: 0;
}
.table__what .icon--popup::after, .table__what--jidousyazei .icon--popup::after {
  position: relative;
  width: 1em;
  height: 1em;
  border: none;
  -webkit-transform: rotate(0) translate(0, 0);
          transform: rotate(0) translate(0, 0);
  content: "\e95e";
  border: 0;
  font-family: "icomoon2024" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.table__what tbody tr:nth-child(even), .table__what--jidousyazei tbody tr:nth-child(even) {
  background-color: rgba(0, 131, 211, 0.05);
  background-color: #f3f3f3;
}
@media screen and (max-width: 768px) {
  .table__what colgroup, .table__what--jidousyazei colgroup {
    display: none;
  }
  .table__what td, .table__what--jidousyazei td,
  .table__what th,
  .table__what--jidousyazei th {
    width: 100%;
  }
  .table__what th + th, .table__what--jidousyazei th + th,
  .table__what td + td,
  .table__what--jidousyazei td + td {
    width: 100%;
  }
  .table__what:has(thead), .table__what--jidousyazei:has(thead) {
    display: none;
  }
  .table__what thead, .table__what--jidousyazei thead {
    display: none;
  }
  .table__what tbody tr, .table__what--jidousyazei tbody tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    border: solid 1px #ccc;
    border-radius: 1rem;
  }
  .table__what tbody tr td:nth-child(2), .table__what--jidousyazei tbody tr td:nth-child(2) {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 1rem;
  }
  .table__what tbody tr td:nth-child(2)::before, .table__what--jidousyazei tbody tr td:nth-child(2)::before {
    content: "主な支払可能料金等";
    font-size: 1.4rem;
    display: inline-block;
    background-color: #fff;
    border: solid 1px #ccc;
    border-radius: 5px;
    padding: 0.1em 1em;
  }
  .table__what tbody tr + tr, .table__what--jidousyazei tbody tr + tr {
    margin-top: 1rem;
  }
  .table__what tbody td, .table__what--jidousyazei tbody td {
    display: block;
    height: auto;
    padding: 2rem;
    padding-bottom: 1rem;
  }
  .table__what tbody td + td, .table__what--jidousyazei tbody td + td {
    padding-top: 0;
    padding-bottom: 2rem;
    font-size: 1.6rem;
  }
}

/*===============================================================

    table__what--jidousyazei

===============================================================*/
@media screen and (max-width: 768px) {
  .table__what--jidousyazei tbody tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    border: solid 1px #ccc;
    border-radius: 1rem;
  }
  .table__what--jidousyazei tbody tr td:nth-child(2),
  .table__what--jidousyazei tbody tr td:nth-child(3) {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 1rem;
  }
  .table__what--jidousyazei tbody tr td:nth-child(2)::before,
  .table__what--jidousyazei tbody tr td:nth-child(3)::before {
    font-size: 1.4rem;
    display: inline-block;
    background-color: #fff;
    border: solid 1px #ccc;
    border-radius: 5px;
    padding: 0.1em 1em;
  }
  .table__what--jidousyazei tbody tr td:nth-child(2)::before {
    content: "納税証明書の要否・郵送される条件";
  }
  .table__what--jidousyazei tbody tr td:nth-child(3)::before {
    content: "郵送時期";
  }
  .table__what--jidousyazei tbody td {
    border: 0;
  }
}

/*===============================================================

    table__what--government

===============================================================*/
.table__what--government .icon--popup {
  text-decoration: none;
  display: block;
  color: #172e7e;
  position: relative;
  padding-right: 0;
}
.table__what--government .icon--popup::after {
  position: relative;
  width: 1em;
  height: 1em;
  border: none;
  -webkit-transform: rotate(0) translate(0, 0);
          transform: rotate(0) translate(0, 0);
  content: "\e95e";
  border: 0;
  font-family: "icomoon2024" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.table__what--government tr:nth-child(2n+1) td {
  background-color: #f3f3f3;
}
.table__what--government .where-table_bgcolor {
  background-color: #f3f3f3;
}
@media screen and (max-width: 768px) {
  .table__what--government colgroup {
    display: none;
  }
  .table__what--government td,
  .table__what--government th {
    width: 100%;
  }
  .table__what--government th + th,
  .table__what--government td + td {
    width: 100%;
  }
  .table__what--government:has(thead) {
    display: none;
  }
  .table__what--government thead {
    display: none;
  }
  .table__what--government tbody tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    border: solid 1px #ccc;
    border-radius: 1rem;
    overflow: hidden;
  }
  .table__what--government tbody tr + tr {
    margin-top: 1rem;
  }
  .table__what--government tbody td {
    display: block;
    height: auto;
    padding: 2rem;
  }
  .table__what--government tbody td + td {
    padding-top: 0;
    font-size: 1.6rem;
  }
  .table__what--government tbody tr td:nth-child(3),
  .table__what--government tbody tr td:nth-child(2) {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 1rem;
  }
  .table__what--government tbody tr td:nth-child(3)::before,
  .table__what--government tbody tr td:nth-child(2)::before {
    content: "主な税金・料金等の名称";
    font-size: 1.4rem;
    display: inline-block;
    background-color: #fff;
    border: solid 1px #ccc;
    border-radius: 5px;
    padding: 0.1em 1em;
  }
  .table__what--government tbody tr td:nth-child(3)::before {
    content: "電子納付ができる条件";
  }
  .table__what--government tbody tr td:last-child {
    padding-bottom: 2rem;
  }
  .table__what--government tbody tr:nth-child(2),
  .table__what--government tbody tr:nth-child(3) {
    margin-top: 0;
  }
  .table__what--government tbody tr:nth-child(2) td:nth-child(1),
  .table__what--government tbody tr:nth-child(2) td:nth-child(2),
  .table__what--government tbody tr:nth-child(3) td:nth-child(1),
  .table__what--government tbody tr:nth-child(3) td:nth-child(2) {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 1rem;
  }
  .table__what--government tbody tr:nth-child(2) td:nth-child(1)::before,
  .table__what--government tbody tr:nth-child(2) td:nth-child(2)::before,
  .table__what--government tbody tr:nth-child(3) td:nth-child(1)::before,
  .table__what--government tbody tr:nth-child(3) td:nth-child(2)::before {
    content: "主な税金・料金等の名称";
    font-size: 1.4rem;
    display: inline-block;
    background-color: #fff;
    border: solid 1px #ccc;
    border-radius: 5px;
    padding: 0.1em 1em;
  }
  .table__what--government tbody tr:nth-child(2) td:nth-child(2)::before,
  .table__what--government tbody tr:nth-child(3) td:nth-child(2)::before {
    content: "電子納付ができる条件";
  }
  .table__what--government tbody tr:nth-child(1) {
    border-radius: 1rem 1rem 0 0;
  }
  .table__what--government tbody tr:nth-child(2) {
    border-radius: 0;
  }
  .table__what--government tbody tr:nth-child(3) {
    border-radius: 0 0 1rem 1rem;
  }
}

/*===============================================================

    where-table__wrap

===============================================================*/
.where-table__wrap {
  margin: 16px 0;
  overflow: hidden;
}
.where-table__wrap:first-child {
  margin-top: 0;
}
.where-table__wrap:last-child {
  margin-bottom: 0;
}
.where-table__wrap table {
  margin: 0;
}
/*===============================================================
where-table
===============================================================*/
.where-table {
  width: 100%;
  table-layout: fixed;
}
.where-table tbody tr {
  border-top: 1px solid #cacaca;
  border-bottom: 1px solid #cacaca;
}
.where-table th,
.where-table td {
  padding: 0 2px;
}
.where-table th:first-child,
.where-table td:first-child {
  padding: 0 1rem;
}
.where-table th:last-child,
.where-table td:last-child {
  padding-right: 16px;
}
.where-table tbody th,
.where-table tbody td {
  padding-top: 22px;
  padding-bottom: 22px;
  vertical-align: middle;
}
.where-table td span.date {
  font-size: 1.3rem;
}
.where-table thead tr:first-child th {
  padding-top: 8px;
}
.where-table thead tr:last-child th {
  padding-bottom: 8px;
}
.where-table .js_added_td {
  display: none;
}
@media screen and (max-width: 768px) {
  .where-table colgroup {
    display: none;
  }
  .where-table thead {
    display: none;
  }
  .where-table tbody {
    width: 100%;
  }
  .where-table table,
  .where-table tbody {
    display: block;
    width: 100%;
    height: auto;
  }
  .where-table th:first-child,
  .where-table td:first-child {
    padding: 2rem;
  }
  .where-table {
    border-collapse: separate;
    border-spacing: 1rem;
  }
  .where-table tbody {
    display: block;
  }
  .where-table tbody tr {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (25%)[4];
    grid-template-columns: repeat(4, 25%);
    width: 100%;
    margin-bottom: 2.4rem;
    border: 1px solid #ccc;
    border-radius: 1rem;
    padding: 0.5rem;
  }
  .where-table tbody tr + tr {
    margin: 0;
    margin-top: 1rem;
  }
  .where-table tbody td {
    display: block;
    padding: 1.5rem 1rem;
    border: none;
    white-space: nowrap;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .where-table tbody td br {
    display: none;
  }
  .where-table tbody td img {
    width: auto;
    height: 1.8rem;
  }
  .where-table tbody td::before {
    content: "●";
    font-size: 1.4rem;
    display: block;
  }
  .where-table tbody td::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 90%;
    height: 90%;
    background-color: rgba(0, 131, 211, 0.05);
    z-index: -1;
    border-radius: 0.5rem;
  }
  .where-table tbody td:first-child {
    grid-column: 1/-1;
    width: 100%;
  }
  .where-table tbody td.where-table_border_left {
    -ms-grid-column: 1;
        grid-column-start: 1;
  }
  .where-table tbody td:first-child,
  .where-table tbody td:nth-child(1) {
    padding: 1.5rem 1rem;
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-weight: bold;
    font-size: 1.8rem;
    background-color: rgba(23, 46, 126, 0.05);
    gap: 1rem;
  }
  .where-table tbody td:first-child span + span,
  .where-table tbody td:nth-child(1) span + span {
    font-weight: normal;
  }
  .where-table tbody td:first-child::after, .where-table tbody td:first-child::before,
  .where-table tbody td:nth-child(1)::after,
  .where-table tbody td:nth-child(1)::before {
    display: none;
  }
  .where-table tbody .td02::before {
    content: "個人IB";
  }
  .where-table tbody .td03::before {
    content: "法人IB";
  }
  .where-table tbody .td04::before {
    content: "ATM";
  }
  .where-table tbody .td05::before {
    content: "ダイレクト";
  }
  .where-table tbody .td06::before {
    content: "個人IB";
  }
  .where-table tbody .td07::before {
    content: "法人IB";
  }
  .where-table tbody .td08::before {
    content: "ATM";
  }
  .where-table tbody .td09::before {
    content: "個人IB";
  }
  .where-table tbody .td10::before {
    content: "法人IB";
  }
  .where-table tbody .td11::before {
    content: "ATM";
  }
  .where-table tbody .js_added_td {
    grid-column: 1/-1;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0.5rem 1rem;
    padding-top: 1.5rem;
    color: #888;
  }
  .where-table tbody .js_added_td::after, .where-table tbody .js_added_td::before {
    display: none;
  }
}

/*-------------------------------------------------------------
    where-table
-------------------------------------------------------------*/
.where-table__header-small {
  font-size: 1.3rem;
  font-weight: normal;
}

.where-table__center {
  text-align: center;
}

/*-------------------------------------------------------------
where-table__title
-------------------------------------------------------------*/
.where-table__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: left;
  gap: 0.5rem;
  line-height: 1.4;
}
.where-table__title span:nth-child(2) {
  font-size: 90%;
}
.where-table__title a {
  text-decoration: none;
  display: block;
  color: #172e7e;
  position: relative;
  padding-right: 0;
}
.where-table__title a::after {
  position: relative;
  width: 1em;
  height: 1em;
  border: none;
  -webkit-transform: rotate(0) translate(0, 0);
          transform: rotate(0) translate(0, 0);
  content: "\e95e";
  border: 0;
  font-family: "icomoon2024" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.where-table__icon {
  text-align: center;
}

.where-table__icon img {
  vertical-align: middle;
}

.where-table__icon span {
  font-size: 0.1rem;
  line-height: 1.2rem;
  display: block;
}

.where-table_border_left {
  border-left: 1px solid #cacaca;
}

.where-table_border_right {
  border-right: 1px solid #cacaca;
}

.where-table_bgcolor {
  background: #f3f3f3;
}

[class^=c_btn] a,
[class^=c_btn] a:hover {
  text-decoration: none;
}

/*===============================================================

    btn_round

===============================================================*/
.c_btn a, .c_btn__white a, .c_btn_flex a, .c_btn__more a, .c_btn_line a, .c_btn_line__white a, .c_btn_round a {
  display: block;
  text-align: center;
  color: #fff;
  background-color: #172e7e;
  padding: 0.4em 0.8em;
  font-weight: bold;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 3em;
  border-radius: 0.5rem;
}
.c_btn a .label, .c_btn__white a .label, .c_btn_flex a .label, .c_btn__more a .label, .c_btn_line a .label, .c_btn_line__white a .label, .c_btn_round a .label {
  display: inline-block;
  font-weight: bold;
  font-size: 1.8rem;
  line-height: 1.2;
}
.c_btn, .c_btn__white, .c_btn_flex, .c_btn__more, .c_btn_line, .c_btn_line__white, .c_btn_round {
  /* 1. .label の中に icon_ がある場合 */
}
.c_btn, .c_btn__white, .c_btn_flex, .c_btn__more, .c_btn_line, .c_btn_line__white, .c_btn_round {
  /* 2. .label はあるが、その中に icon_ がない場合 */
}
.c_btn a:has(.label):not(:has(.label [class^=icon_])):has([class^=icon_]), .c_btn__white a:has(.label):not(:has(.label [class^=icon_])):has([class^=icon_]), .c_btn_flex a:has(.label):not(:has(.label [class^=icon_])):has([class^=icon_]), .c_btn__more a:has(.label):not(:has(.label [class^=icon_])):has([class^=icon_]), .c_btn_line a:has(.label):not(:has(.label [class^=icon_])):has([class^=icon_]), .c_btn_line__white a:has(.label):not(:has(.label [class^=icon_])):has([class^=icon_]), .c_btn_round a:has(.label):not(:has(.label [class^=icon_])):has([class^=icon_]) {
  padding-left: 2em;
  padding-right: 2em;
}
.c_btn, .c_btn__white, .c_btn_flex, .c_btn__more, .c_btn_line, .c_btn_line__white, .c_btn_round {
  /* 3. .label の中にも外にも icon_ が存在しない場合 */
}
.c_btn a:has(.label):not(:has([class^=icon_])), .c_btn__white a:has(.label):not(:has([class^=icon_])), .c_btn_flex a:has(.label):not(:has([class^=icon_])), .c_btn__more a:has(.label):not(:has([class^=icon_])), .c_btn_line a:has(.label):not(:has([class^=icon_])), .c_btn_line__white a:has(.label):not(:has([class^=icon_])), .c_btn_round a:has(.label):not(:has([class^=icon_])) {
  padding-left: 0.8em;
  padding-right: 0.8em;
}
.c_btn > a > .icon_arw_left, .c_btn__white > a > .icon_arw_left, .c_btn_flex > a > .icon_arw_left, .c_btn__more > a > .icon_arw_left, .c_btn_line > a > .icon_arw_left, .c_btn_line__white > a > .icon_arw_left, .c_btn_round > a > .icon_arw_left {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 1.5rem;
  margin: auto;
  height: 1em;
}
.c_btn a:hover, .c_btn__white a:hover, .c_btn_flex a:hover, .c_btn__more a:hover, .c_btn_line a:hover, .c_btn_line__white a:hover, .c_btn_round a:hover {
  text-decoration: none;
  color: #fff;
  background-color: #17339a;
}
.c_btn, .c_btn__white, .c_btn_flex, .c_btn__more, .c_btn_line, .c_btn_line__white, .c_btn_round {
  /* タブレット */
}
.c_btn, .c_btn__white, .c_btn_flex, .c_btn__more, .c_btn_line, .c_btn_line__white, .c_btn_round {
  /* for TABLET */
  /* SP */
}
@media screen and (max-width: 768px) {
  .c_btn, .c_btn__white, .c_btn_flex, .c_btn__more, .c_btn_line, .c_btn_line__white, .c_btn_round {
    width: 90%;
  }
  .c_btn a, .c_btn__white a, .c_btn_flex a, .c_btn__more a, .c_btn_line a, .c_btn_line__white a, .c_btn_round a {
    padding: 2.5vw 0;
  }
  .c_btn a .label, .c_btn__white a .label, .c_btn_flex a .label, .c_btn__more a .label, .c_btn_line a .label, .c_btn_line__white a .label, .c_btn_round a .label {
    font-size: 1.6rem;
  }
}
.c_btn, .c_btn__white, .c_btn_flex, .c_btn__more, .c_btn_line, .c_btn_line__white, .c_btn_round {
  /* for SP */
}

/*===============================================================
    //	btn
===============================================================*/
/*-------------------------------------------------------------
    c_btn_round	
-------------------------------------------------------------*/
.c_btn_round a {
  border-radius: 5rem;
}
.c_btn_round {
  /* タブレット */
}
.c_btn_round {
  /* for TABLET */
  /* SP */
}
@media screen and (max-width: 768px) {
  .c_btn_round a {
    border-radius: 100vw;
  }
}
.c_btn_round {
  /* for SP */
}

/*-------------------------------------------------------------
    icon	
-------------------------------------------------------------*/
span + [class^=icon_],
span + [class*=" icon_"] {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 1.5rem;
  margin: auto;
  height: 1em;
  /* タブレット */
}
span + [class^=icon_],
span + [class*=" icon_"] {
  /* for TABLET */
  /* SP */
}
span + [class^=icon_],
span + [class*=" icon_"] {
  /* for SP */
}

/*-------------------------------------------------------------
    btn_line	
-------------------------------------------------------------*/
.c_btn_line a, .c_btn_line__white a {
  border: solid 1px #172e7e;
  background-color: transparent;
  color: #172e7e;
  padding: calc(0.8em - 1px) 0;
  border-radius: 0.5rem;
  background-color: #fff;
}
.c_btn_line a:hover, .c_btn_line__white a:hover {
  background-color: #172e7e;
  color: #fff;
  border: solid 1px #17339a;
}
.c_btn_line, .c_btn_line__white {
  /* タブレット */
}
.c_btn_line, .c_btn_line__white {
  /* for TABLET */
  /* SP */
}
@media screen and (max-width: 768px) {
  .c_btn_line a, .c_btn_line__white a {
    padding: calc(2.5vw - 2px) 0;
  }
}
.c_btn_line, .c_btn_line__white {
  /* for SP */
}

/*-------------------------------------------------------------
c_btn_line__white
-------------------------------------------------------------*/
.c_btn_line__white a {
  border: solid 1px #fff;
}
.c_btn_line__white a:hover {
  background-color: #fff;
  color: #172e7e;
  border: solid 1px #fff;
  opacity: 0.7;
}
/*-------------------------------------------------------------
    c_btn__more	
-------------------------------------------------------------*/
.c_btn__more {
  margin-top: 1rem;
  /* タブレット */
}
.c_btn__more {
  /* for TABLET */
  /* SP */
}
.c_btn__more {
  /* for SP */
}

/*-------------------------------------------------------------
    btn_flex	
-------------------------------------------------------------*/
.c_btn_flex {
  width: auto;
  display: inline-block;
  min-width: inherit;
  margin: initial;
}
.c_btn_flex a {
  padding-left: 1.5em;
  padding-right: 1.5em;
}
.c_btn_flex {
  /* タブレット */
}
.c_btn_flex {
  /* for TABLET */
  /* SP */
}
.c_btn_flex {
  /* for SP */
}

/*-------------------------------------------------------------
    btn_deactive	
-------------------------------------------------------------*/
.c_btn_deactive a {
  pointer-events: none;
  border: dashed 1px rgba(23, 46, 126, 0.5);
  background-color: transparent;
  color: #172e7e;
  padding: calc(0.8em - 1px) 0;
}
.c_btn_deactive a .label {
  opacity: 0.5;
}
.c_btn_deactive a [class^=icon_],
.c_btn_deactive a [class*=" icon_"] {
  opacity: 0.2;
}
.c_btn_deactive a:focus {
  outline: none !important;
  -webkit-box-shadow: 0;
          box-shadow: 0;
  -webkit-box-shadow: 0 0 20px 0 transparent;
          box-shadow: 0 0 20px 0 transparent;
}
.c_btn_deactive {
  /* タブレット */
}
.c_btn_deactive {
  /* for TABLET */
  /* SP */
}
.c_btn_deactive {
  /* for SP */
}

/*===============================================================

    c_btn_white

===============================================================*/
.c_btn__white a {
  background-color: #fff;
  color: #172e7e;
}
.c_btn__white a:hover {
  background-color: #fff;
  color: #172e7e;
  opacity: 0.7;
}
/*===============================================================

    c_btns

===============================================================*/
.c_btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.c_btns {
  /* --- 子要素3つの場合 --- */
}
.c_btns:has(> [class^=c_btn]:nth-child(3):last-child) {
  --btn-count: 3;
  gap: 2rem;
}
.c_btns:has(> [class^=c_btn]:nth-child(3):last-child) [class^=c_btn] {
  width: calc((100% - 4rem) / 3);
}
.c_btns {
  /* --- 子要素4つの場合 --- */
}
.c_btns:has(> [class^=c_btn]:nth-child(4):last-child) {
  --btn-count: 4;
  gap: 1rem;
}
.c_btns:has(> [class^=c_btn]:nth-child(4):last-child) [class^=c_btn] {
  width: calc((100% - 3rem) / 4);
}
.c_btns {
  /* --- 子要素2つの場合 --- */
}
.c_btns:has(> [class^=c_btn]:nth-child(2):last-child) {
  --btn-count: 2;
  gap: 3rem;
}
.c_btns:has(> [class^=c_btn]:nth-child(2):last-child) [class^=c_btn] {
  width: calc((100% - 4rem) / 3);
}
.c_btns {
  /* タブレット */
}
.c_btns {
  /* for TABLET */
  /* SP */
}
@media screen and (max-width: 768px) {
  .c_btns {
    margin-top: -3vw;
  }
  .c_btns [class^=c_btn] {
    margin: 0 0;
    margin-top: 3vw;
  }
  .c_btns {
    /* --- 子要素3つの場合 --- */
  }
  .c_btns:has(> [class^=c_btn]:nth-child(3):last-child) {
    --btn-count: 3;
    gap: 0 3vw;
  }
  .c_btns:has(> [class^=c_btn]:nth-child(3):last-child) [class^=c_btn] {
    width: calc((100% - 3vw) / 2);
  }
  .c_btns {
    /* --- 子要素4つの場合 --- */
  }
  .c_btns:has(> [class^=c_btn]:nth-child(4):last-child) {
    --btn-count: 4;
    gap: 0 3vw;
  }
  .c_btns:has(> [class^=c_btn]:nth-child(4):last-child) [class^=c_btn] {
    width: calc((100% - 3vw) / 2);
  }
  .c_btns {
    /* --- 子要素2つの場合 --- */
  }
  .c_btns:has(> [class^=c_btn]:nth-child(2):last-child) {
    --btn-count: 2;
    gap: 0 3vw;
  }
  .c_btns:has(> [class^=c_btn]:nth-child(2):last-child) [class^=c_btn] {
    width: calc((100% - 3vw) / 2);
  }
  .c_btns .c_btn_sp_1column {
    width: 100% !important;
  }
}
.c_btns {
  /* for SP */
  /*===============================================================
      //	c_btns
  ===============================================================*/
}

/*===============================================================
c_btns
===============================================================*/
.c_btns_right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 2rem;
}
@media screen and (max-width: 768px) {
  .c_btns_right {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 1.5rem;
  }
}

/*===============================================================
c_btns_center
===============================================================*/
.c_btns_center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 2rem;
}
@media screen and (max-width: 768px) {
  .c_btns_center {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 1.5rem;
  }
}

/*===============================================================

    c_txtlink

===============================================================*/
.c_txtlink a {
  color: #06179b;
  text-decoration: none;
  display: inline-block;
  position: relative;
}
.c_txtlink a:hover {
  color: #6807f9;
}
.c_txtlink [class^=icon_],
.c_txtlink [class*=" icon_"] {
  right: -1.2em;
}
.c_txtlink .icon_arw {
  vertical-align: -1px;
}
.c_txtlink {
  /* タブレット */
}
.c_txtlink {
  /* for TABLET */
  /* SP */
}
.c_txtlink {
  /* for SP */
  /*===============================================================
      //	c_txtlink
  ===============================================================*/
}

/*===============================================================

	c_datalist

===============================================================*/
.c_datalist {
  text-align: left;
}
.c_datalist dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  overflow: hidden;
  border-bottom: solid 1px #CCC;
}
.c_datalist dt,
.c_datalist dd {
  border-top: solid 1px #CCC;
  padding: 1em 0.5em;
}
.c_datalist dt {
  width: 25%;
  font-weight: bold;
}
.c_datalist dd {
  width: 75%;
}
.c_datalist {
  /* タブレット以下 */
}
.c_datalist {
  /* for tablet max-width: 960px */
  /* SP向けレイアウトの指定：～736px */
}
@media screen and (max-width: 768px) {
  .c_datalist {
    width: 100%;
    margin-top: 5vw;
  }
  .c_datalist dt,
  .c_datalist dd {
    width: 100%;
    font-size: 1.5rem;
    line-height: 1.4;
  }
  .c_datalist dt {
    padding: 1.5rem 0 0 0;
  }
  .c_datalist dd {
    width: 100%;
    border-top: none;
    padding: 0px 0 1.5rem 0;
    margin-top: 0.5rem;
  }
}
.c_datalist {
  /* for SP max-width: 736px */
}

/*-------------------------------------------------------------
    c_indent_list	
-------------------------------------------------------------*/
.c_indent_list {
  margin-top: 0.5em;
}
.c_indent_list li {
  font-size: 1.5rem;
  line-height: 1.6;
  padding-left: 1em;
  text-indent: -1em;
}
.c_indent_list li + li {
  margin-top: 0.3em;
}
.c_indent_list {
  /* タブレット */
}
.c_indent_list {
  /* for TABLET */
  /* SP */
}
@media screen and (max-width: 768px) {
  .c_indent_list li {
    font-size: 3.5vw;
  }
}
.c_indent_list {
  /* for SP */
}

/*---------------------------------------------------------------
		リスト
	---------------------------------------------------------------*/
.c_ul_list li {
  position: relative;
  padding-left: 1.6rem;
}
.c_ul_list li::after {
  content: "";
  position: absolute;
  top: 0.95rem;
  left: 0;
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 50%;
  background: #333;
}
.c_ul_list li + li {
  margin-top: 0.5rem;
}
@media screen and (max-width: 768px) {
  .c_ul_list li {
    padding-left: 1.5rem;
  }
  .c_ul_list li::after {
    top: 1.15rem;
    width: 0.5rem;
    height: 0.5rem;
  }
  .c_ul_list li + li {
    margin-top: 0.5rem;
  }
}

/*---------------------------------------------------------------
		番号付きリスト
	---------------------------------------------------------------*/
.c_ol_list {
  counter-reset: li;
}
.c_ol_list li {
  position: relative;
  padding-left: 2rem;
}
.c_ol_list li:before {
  content: counter(li) "";
  position: absolute;
  top: 0;
  left: 0;
  font-weight: bold;
  color: #333;
  counter-increment: li;
}
.c_ol_list li + li {
  margin-top: 0.5rem;
}
@media screen and (max-width: 768px) {
  .c_ol_list li {
    padding-left: 1.5rem;
  }
  .c_ol_list li + li {
    margin-top: 0.5rem;
  }
}

/*===============================================================

	_headline.scss 2021/9/24

===============================================================*/
/*-------------------------------------------------------------
	mixin	
-------------------------------------------------------------*/
/*-------------------------------------------------------------
	headline	
-------------------------------------------------------------*/
.headline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
  padding-left: 3rem;
  position: relative;
}
.headline::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 8px;
  height: 100%;
  background-color: #0083D3;
  border-radius: 1rem;
}
.headline .title, .headline .c_card--list .title_xl, .c_card--list .headline .title_xl, .headline .c_card--list .title_l, .c_card--list .headline .title_l {
  font-size: 3rem;
  line-height: 1.3;
  color: #172e7e;
  font-weight: bold;
}
.headline .lead {
  font-size: 1.8rem;
  line-height: 1.6;
}
.content * + .headline {
  margin-top: 10rem;
}
@media screen and (max-width: 768px) {
  .headline {
    gap: 1rem;
    padding-left: 2.3rem;
    position: relative;
  }
  .headline::after {
    width: 5px;
  }
  .headline .title, .headline .c_card--list .title_xl, .c_card--list .headline .title_xl, .headline .c_card--list .title_l, .c_card--list .headline .title_l {
    font-size: 2.2rem;
  }
  .headline .lead {
    font-size: 1.6rem;
  }
  .content * + .headline {
    margin-top: 5rem;
  }
}

/*-------------------------------------------------------------
	content_title	
-------------------------------------------------------------*/
.content_title {
  margin-bottom: 3rem;
}
.content_title .title, .content_title .c_card--list .title_xl, .c_card--list .content_title .title_xl, .content_title .c_card--list .title_l, .c_card--list .content_title .title_l {
  font-size: 3rem;
}
.content_title .lead {
  font-size: 2rem;
  line-height: 1.6;
}
.content_title .title + .lead, .content_title .c_card--list .title_xl + .lead, .c_card--list .content_title .title_xl + .lead, .content_title .c_card--list .title_l + .lead, .c_card--list .content_title .title_l + .lead {
  margin-top: 1.5rem;
}
.content_title .lead + .title, .content_title .c_card--list .lead + .title_xl, .c_card--list .content_title .lead + .title_xl, .content_title .c_card--list .lead + .title_l, .c_card--list .content_title .lead + .title_l {
  margin-top: 1rem;
}
.content * + .content_title {
  margin-top: 10rem;
}
@media screen and (max-width: 768px) {
  .content_title .title, .content_title .c_card--list .title_xl, .c_card--list .content_title .title_xl, .content_title .c_card--list .title_l, .c_card--list .content_title .title_l {
    font-size: 5vw;
  }
  .content_title .lead {
    font-size: 4vw;
    line-height: 1.5;
  }
  .content_title .title + .lead, .content_title .c_card--list .title_xl + .lead, .c_card--list .content_title .title_xl + .lead, .content_title .c_card--list .title_l + .lead, .c_card--list .content_title .title_l + .lead {
    margin-top: 2vw;
  }
  .content_title .lead + .title, .content_title .c_card--list .lead + .title_xl, .c_card--list .content_title .lead + .title_xl, .content_title .c_card--list .lead + .title_l, .c_card--list .content_title .lead + .title_l {
    margin-top: 2vw;
  }
  .content * + .content_title {
    margin-top: 5rem;
  }
}

/*-------------------------------------------------------------
	lv_1	
-------------------------------------------------------------*/
.lv_1 .title, .lv_1 .c_card--list .title_xl, .c_card--list .lv_1 .title_xl, .lv_1 .c_card--list .title_l, .c_card--list .lv_1 .title_l {
  font-size: 3rem;
  line-height: 1.4;
}
.lv_1 .lead {
  font-size: 2rem;
}
.content * + .lv_1 {
  margin-top: 10rem;
}
@media screen and (max-width: 768px) {
  .lv_1 .title, .lv_1 .c_card--list .title_xl, .c_card--list .lv_1 .title_xl, .lv_1 .c_card--list .title_l, .c_card--list .lv_1 .title_l {
    font-size: 6vw;
  }
  .lv_1 .lead {
    font-size: 4vw;
    line-height: 1.5;
  }
  .lv_1 .title + .lead, .lv_1 .c_card--list .title_xl + .lead, .c_card--list .lv_1 .title_xl + .lead, .lv_1 .c_card--list .title_l + .lead, .c_card--list .lv_1 .title_l + .lead {
    margin-top: 1vw;
  }
  .lv_1 .lead + .title, .lv_1 .c_card--list .lead + .title_xl, .c_card--list .lv_1 .lead + .title_xl, .lv_1 .c_card--list .lead + .title_l, .c_card--list .lv_1 .lead + .title_l {
    margin-top: 0vw;
  }
  .content * + .lv_1 {
    margin-top: 5rem;
  }
}

/*-------------------------------------------------------------
	lv_2	
-------------------------------------------------------------*/
.lv_2 .title, .lv_2 .c_card--list .title_xl, .c_card--list .lv_2 .title_xl, .lv_2 .c_card--list .title_l, .c_card--list .lv_2 .title_l {
  font-size: 2.2rem;
  color: #172e7e;
}
.lv_2 .title:has(.icon), .lv_2 .c_card--list .title_xl:has(.icon), .c_card--list .lv_2 .title_xl:has(.icon), .lv_2 .c_card--list .title_l:has(.icon), .c_card--list .lv_2 .title_l:has(.icon) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.5rem;
}
.lv_2 .title .icon, .lv_2 .c_card--list .title_xl .icon, .c_card--list .lv_2 .title_xl .icon, .lv_2 .c_card--list .title_l .icon, .c_card--list .lv_2 .title_l .icon {
  height: 1em;
}
.lv_2 .lead {
  font-size: 1.8rem;
}
.lv_2 .title + .lead, .lv_2 .c_card--list .title_xl + .lead, .c_card--list .lv_2 .title_xl + .lead, .lv_2 .c_card--list .title_l + .lead, .c_card--list .lv_2 .title_l + .lead {
  margin-top: 0.5rem;
}
/*-------------------------------------------------------------
	lv_3	
-------------------------------------------------------------*/
.lv_3 .title, .lv_3 .c_card--list .title_xl, .c_card--list .lv_3 .title_xl, .lv_3 .c_card--list .title_l, .c_card--list .lv_3 .title_l {
  font-size: 2rem;
}
.lv_3 .lead {
  font-size: 1.4rem;
}
@media screen and (max-width: 768px) {
  .lv_3 .title, .lv_3 .c_card--list .title_xl, .c_card--list .lv_3 .title_xl, .lv_3 .c_card--list .title_l, .c_card--list .lv_3 .title_l {
    font-size: 4.2vw;
  }
  .lv_3 .lead {
    font-size: 4vw;
    line-height: 1.4;
  }
  .lv_3 .title + .lead, .lv_3 .c_card--list .title_xl + .lead, .c_card--list .lv_3 .title_xl + .lead, .lv_3 .c_card--list .title_l + .lead, .c_card--list .lv_3 .title_l + .lead {
    margin-top: 1vw;
  }
  .lv_3 .lead + .title, .lv_3 .c_card--list .lead + .title_xl, .c_card--list .lv_3 .lead + .title_xl, .lv_3 .c_card--list .lead + .title_l, .c_card--list .lv_3 .lead + .title_l {
    margin-top: 0vw;
  }
  .lv_3.block_title + .block {
    margin-top: 1.5rem;
  }
}

/*-------------------------------------------------------------
	lv_4	
-------------------------------------------------------------*/
.lv_4 .title, .lv_4 .c_card--list .title_xl, .c_card--list .lv_4 .title_xl, .lv_4 .c_card--list .title_l, .c_card--list .lv_4 .title_l {
  font-size: 1.8rem;
}
.lv_4 .lead {
  font-size: 1.4rem;
}
@media screen and (max-width: 768px) {
  .lv_4 .title, .lv_4 .c_card--list .title_xl, .c_card--list .lv_4 .title_xl, .lv_4 .c_card--list .title_l, .c_card--list .lv_4 .title_l {
    font-size: 4vw;
  }
  .lv_4 .lead {
    font-size: 3.2vw;
    line-height: 1.4;
  }
  .lv_4 .title + .lead, .lv_4 .c_card--list .title_xl + .lead, .c_card--list .lv_4 .title_xl + .lead, .lv_4 .c_card--list .title_l + .lead, .c_card--list .lv_4 .title_l + .lead {
    margin-top: 1vw;
  }
  .lv_4 .lead + .title, .lv_4 .c_card--list .lead + .title_xl, .c_card--list .lv_4 .lead + .title_xl, .lv_4 .c_card--list .lead + .title_l, .c_card--list .lv_4 .lead + .title_l {
    margin-top: 0vw;
  }
  .lv_4.block_title + .block {
    margin-top: 1rem;
  }
}

.pankuzu .full_width {
  overflow: hidden;
  padding: 1rem 5rem;
  background-color: #f0f0f0;
}
.pankuzu ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.8rem;
}
.pankuzu li {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  white-space: nowrap;
}
.pankuzu li a {
  text-decoration: none;
  position: relative;
  padding-right: 1.8rem;
  color: #333;
  font-weight: bold;
  color: #172e7e;
}
.pankuzu li a:hover {
  color: #17339a;
}
.pankuzu li a::after {
  content: "";
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  right: 0;
  border-right: solid 1px #333;
  border-bottom: solid 1px #333;
  width: 0.6rem;
  height: 0.6rem;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media screen and (max-width: 768px) {
  .pankuzu .full_width {
    overflow: visible;
    padding: 0.5rem 1rem;
  }
  .pankuzu ul {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  .pankuzu ul::-webkit-scrollbar {
    display: none;
  }
  .pankuzu li {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    white-space: nowrap;
  }
}

/*===============================================================

    c_photo

===============================================================*/
.c_photo img {
  width: 100%;
  height: auto;
}
.c_photo {
  /* タブレット */
}
.c_photo {
  /* for TABLET */
  /* SP */
}
.c_photo {
  /* for SP */
  /*===============================================================
      //	c_photo
  ===============================================================*/
}

/*===============================================================

    c_column

===============================================================*/
.c_column, .c_column_round {
  border: solid 1px #666;
  padding: 5rem;
  /* タブレット */
}
.c_column, .c_column_round {
  /* for TABLET */
  /* SP */
}
@media screen and (max-width: 768px) {
  .c_column, .c_column_round {
    padding: 1rem;
  }
}
.c_column, .c_column_round {
  /* for SP */
  /*===============================================================
      //	c_column
  ===============================================================*/
}

/*-------------------------------------------------------------
    c_column_round	
-------------------------------------------------------------*/
.c_column_round {
  border-radius: 3rem;
  /* タブレット */
}
.c_column_round {
  /* for TABLET */
  /* SP */
}
@media screen and (max-width: 768px) {
  .c_column_round {
    border-radius: 3vw;
  }
}
.c_column_round {
  /* for SP */
}

/*===============================================================

    category_label

===============================================================*/
.c_category_label {
  min-width: 10rem;
  min-height: 2.5rem;
  /*pointer-events: none;*/
}
.c_category_label a {
  text-decoration: none;
  display: block;
}
.c_category_label a:hover {
  opacity: 0.7;
}
.c_category_label span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 100%;
  padding: 0 1em;
  padding-bottom: 1px;
  border-radius: 5rem;
  font-size: 1.6rem;
  line-height: 1.6;
  overflow: hidden;
  background-color: #000;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .c_category_label {
    width: 9rem;
    height: 5vw;
    border-radius: 3vw;
    margin-left: auto;
    margin-right: 0;
    font-size: 1.2rem;
  }
}
.c_category_label {
  /*-------------------------------------------------------------
      ラベル色	
  -------------------------------------------------------------*/
}
.c_category_label .label_red {
  background-color: #CD7B77;
}
.c_category_label .label_blue {
  background-color: #172e7e;
}
.c_category_label .label_green {
  background-color: #50a634;
}
.c_category_label .label_brown {
  background-color: #847865;
}
.c_category_label .label_orange {
  background-color: #E69901;
}
.c_category_label .label_line {
  color: #000;
  background: #fff;
  border: solid 1px #000;
}

/*===============================================================

    c_category_label_list

===============================================================*/
.c_category_label_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 1.5rem;
}
@media screen and (max-width: 768px) {
  .c_category_label_list {
    gap: 0.5rem;
  }
  .c_category_label_list .c_category_label {
    margin: 0;
    min-width: 0;
    width: auto;
    font-size: 3vw;
  }
  .c_category_label_list .c_category_label span {
    width: 100%;
    margin: 0;
    padding: 0 0.7em;
  }
}

/*===============================================================

	c_topics_list

===============================================================*/
.c_topics_list {
  border-bottom: solid 1px #666;
}
.c_topics_list .item {
  position: relative;
  border-top: solid 1px #666;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.c_topics_list .link {
  width: 100%;
  position: relative;
  padding: 2rem 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: none;
}
.c_topics_list .date,
.c_topics_list .text {
  z-index: 1;
  color: #333;
}
.c_topics_list .date a,
.c_topics_list .text a {
  color: #333;
  text-decoration: none;
}
.c_topics_list .date a:after,
.c_topics_list .text a:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-transition: 0.1s;
  transition: 0.1s;
}
.c_topics_list .date a:hover:after,
.c_topics_list .text a:hover:after {
  color: #252525;
  text-decoration: none;
  background-color: rgba(0, 0, 0, 0.05);
}
.c_topics_list .date a:hover,
.c_topics_list .text a:hover {
  background: none;
  /* キャンセルに必要 */
}
.c_topics_list .date a:hover,
.c_topics_list .text a:hover {
  opacity: 0.7;
}
.c_topics_list .date:hover .text,
.c_topics_list .link:hover .text {
  color: #252525;
}
.c_topics_list .date {
  width: 130px;
}
.c_topics_list .c_category_label {
  z-index: 2;
  margin-right: 30px;
  margin-left: 15px;
}
.c_topics_list .c_category_label a {
  color: #333;
  text-decoration: none;
}
.c_topics_list .c_category_label a:hover {
  opacity: 0.7;
}
.c_topics_list .text {
  width: calc(100% - 235px);
  text-decoration: none !important;
}
@media screen and (max-width: 768px) {
  .c_topics_list .link {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 1.2rem 0.5rem;
  }
  .c_topics_list .date {
    width: calc(100% - 10rem);
    font-weight: bold;
    color: #333;
    line-height: 1.4;
  }
  .c_topics_list .c_category_label {
    margin-left: auto;
    margin-right: 0;
  }
  .c_topics_list .c_category_label span {
    font-size: 1.4rem;
  }
  .c_topics_list .text {
    width: 100%;
    line-height: 1.5;
    margin-top: 0.5rem;
  }
}

/*===============================================================

	c_carousel_slider

===============================================================*/
.c_carousel_slider, .c_carousel_slider__kv {
  overflow: hidden;
}
.c_carousel_slider.no_slick .slider, .no_slick.c_carousel_slider__kv .slider {
  opacity: 1;
}
.c_carousel_slider.no_slick .slick_slider, .no_slick.c_carousel_slider__kv .slick_slider {
  text-align: center;
  width: 100%;
}
.c_carousel_slider.no_slick .slide, .no_slick.c_carousel_slider__kv .slide {
  margin: 0 auto;
}
.c_carousel_slider, .c_carousel_slider__kv {
  /* タブレット */
}
.c_carousel_slider, .c_carousel_slider__kv {
  /* for TABLET */
  /* SP */
}
.c_carousel_slider, .c_carousel_slider__kv {
  /* for SP */
  /*-------------------------------------------------------------
  	slider	
  -------------------------------------------------------------*/
}
.c_carousel_slider .slider, .c_carousel_slider__kv .slider {
  position: relative;
  opacity: 0;
}
.c_carousel_slider .slider .slide, .c_carousel_slider__kv .slider .slide {
  width: 1200px;
  width: min(1200px, 90vw);
  position: relative;
}
.c_carousel_slider .slider, .c_carousel_slider__kv .slider {
  /* タブレット */
}
.c_carousel_slider .slider, .c_carousel_slider__kv .slider {
  /* for TABLET */
  /* SP */
}
@media screen and (max-width: 768px) {
  .c_carousel_slider .slider .slide, .c_carousel_slider__kv .slider .slide {
    width: 100%;
    position: relative;
  }
}
.c_carousel_slider .slider, .c_carousel_slider__kv .slider {
  /* for SP */
}
.c_carousel_slider, .c_carousel_slider__kv {
  /*===============================================================
  	dots	
  ===============================================================*/
}
.c_carousel_slider .slick-dotted.slick-slider, .c_carousel_slider__kv .slick-dotted.slick-slider {
  margin-bottom: 4rem;
}
.c_carousel_slider .slick-dots, .c_carousel_slider__kv .slick-dots {
  bottom: -4rem;
  height: 4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.c_carousel_slider .slick-dots li, .c_carousel_slider__kv .slick-dots li {
  margin: 0;
}
.c_carousel_slider .slick-dots li button::before, .c_carousel_slider__kv .slick-dots li button::before {
  font-size: 10px;
  color: #172e7e;
}
.c_carousel_slider, .c_carousel_slider__kv {
  /*===============================================================
  	pager	
  ===============================================================*/
}
.c_carousel_slider .slick-prev, .c_carousel_slider__kv .slick-prev,
.c_carousel_slider .slick-next,
.c_carousel_slider__kv .slick-next {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 100%;
  cursor: pointer;
  display: block;
  overflow: hidden;
  position: absolute;
  text-indent: -9999px;
  z-index: 5;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  height: 4rem;
  width: 4rem;
  top: 4rem;
  bottom: 0;
  margin: auto;
  background: #172e7e !important;
}
.c_carousel_slider .slick-prev::before, .c_carousel_slider__kv .slick-prev::before,
.c_carousel_slider .slick-next::before,
.c_carousel_slider__kv .slick-next::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  border-right: solid 2px #fff;
  border-bottom: solid 2px #fff;
  width: 8px;
  height: 8px;
  -webkit-transform: rotate(-45deg) translate(-1px, -1px);
          transform: rotate(-45deg) translate(-1px, -1px);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.c_carousel_slider .slick-prev:hover, .c_carousel_slider__kv .slick-prev:hover,
.c_carousel_slider .slick-next:hover,
.c_carousel_slider__kv .slick-next:hover {
  opacity: 0.8;
}
.c_carousel_slider .slick-prev, .c_carousel_slider__kv .slick-prev {
  left: calc((100% - 1200px) / 2 - 2rem);
}
.c_carousel_slider .slick-prev::before, .c_carousel_slider__kv .slick-prev::before {
  -webkit-transform: rotate(135deg) translate(-1px, -1px);
          transform: rotate(135deg) translate(-1px, -1px);
}
.c_carousel_slider .slick-next, .c_carousel_slider__kv .slick-next {
  right: calc((100% - 1200px) / 2 - 2rem);
}
@media screen and (max-width: 1200px) {
  .c_carousel_slider .slick-prev, .c_carousel_slider__kv .slick-prev {
    left: 2vw;
  }
  .c_carousel_slider .slick-next, .c_carousel_slider__kv .slick-next {
    right: 2vw;
  }
}
@media screen and (max-width: 768px) {
  .c_carousel_slider .slick-prev, .c_carousel_slider__kv .slick-prev,
  .c_carousel_slider .slick-next,
  .c_carousel_slider__kv .slick-next {
    width: 4rem;
    top: 4rem;
  }
  .c_carousel_slider .slick-prev::before, .c_carousel_slider__kv .slick-prev::before,
  .c_carousel_slider .slick-next::before,
  .c_carousel_slider__kv .slick-next::before {
    border-right: solid 2px #fff;
    border-bottom: solid 2px #fff;
    width: 8px;
    height: 8px;
  }
  .c_carousel_slider .slick-prev, .c_carousel_slider__kv .slick-prev {
    left: 3vw;
  }
  .c_carousel_slider .slick-next, .c_carousel_slider__kv .slick-next {
    right: 3vw;
  }
}
.c_carousel_slider, .c_carousel_slider__kv {
  /*-------------------------------------------------------------
  	一時停止　/　再生	
  -------------------------------------------------------------*/
}
.c_carousel_slider .btn_pause_and_play, .c_carousel_slider__kv .btn_pause_and_play {
  position: absolute;
  bottom: -4rem;
  left: calc((100% - 1200px) / 2);
}
@media screen and (max-width: 1200px) {
  .c_carousel_slider .btn_pause_and_play, .c_carousel_slider__kv .btn_pause_and_play {
    left: 4vw;
  }
}
.c_carousel_slider .btn_pause_and_play, .c_carousel_slider__kv .btn_pause_and_play {
  margin: auto;
  text-indent: -9999px;
  z-index: 5;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  height: 4rem;
  width: 4rem;
}
.c_carousel_slider .btn_pause_and_play a, .c_carousel_slider__kv .btn_pause_and_play a {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 2px;
  cursor: pointer;
  display: block;
  overflow: hidden;
  height: 3.2rem;
  width: 3.2rem;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  background: #172e7e;
  border: solid 1px #fff;
}
.c_carousel_slider .btn_pause_and_play a::after, .c_carousel_slider__kv .btn_pause_and_play a::after, .c_carousel_slider .btn_pause_and_play a::before, .c_carousel_slider__kv .btn_pause_and_play a::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 2px;
  height: 1.2rem;
  background-color: #fff;
  -webkit-transition: all 0s;
  transition: all 0s;
}
.c_carousel_slider .btn_pause_and_play a::after, .c_carousel_slider__kv .btn_pause_and_play a::after {
  -webkit-transform: translateX(3px);
          transform: translateX(3px);
}
.c_carousel_slider .btn_pause_and_play a::before, .c_carousel_slider__kv .btn_pause_and_play a::before {
  -webkit-transform: translateX(-3px);
          transform: translateX(-3px);
}
.c_carousel_slider .btn_pause_and_play.stop a::after, .c_carousel_slider__kv .btn_pause_and_play.stop a::after, .c_carousel_slider .btn_pause_and_play.stop a::before, .c_carousel_slider__kv .btn_pause_and_play.stop a::before {
  background-color: transparent;
}
.c_carousel_slider .btn_pause_and_play.stop a::after, .c_carousel_slider__kv .btn_pause_and_play.stop a::after {
  -webkit-transition: all 0s;
  transition: all 0s;
  -webkit-transform: rotate(45deg) translate(2px, 0px);
          transform: rotate(45deg) translate(2px, 0px);
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 10px;
  height: 10px;
  border-top: 5px solid #172e7e;
  border-bottom: 5px solid #172e7e;
  border-left: 8px solid #fff;
  border-right: 8px solid #172e7e;
  -webkit-transform: translate(6px, 0);
          transform: translate(6px, 0);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.c_carousel_slider .btn_pause_and_play.stop a::before, .c_carousel_slider__kv .btn_pause_and_play.stop a::before {
  display: none;
}
.c_carousel_slider .btn_pause_and_play, .c_carousel_slider__kv .btn_pause_and_play {
  /* タブレット */
}
.c_carousel_slider .btn_pause_and_play, .c_carousel_slider__kv .btn_pause_and_play {
  /* for TABLET */
  /* SP */
}
@media screen and (max-width: 768px) {
  .c_carousel_slider .btn_pause_and_play, .c_carousel_slider__kv .btn_pause_and_play {
    height: 4rem;
    width: 4rem;
    position: absolute;
  }
  .c_carousel_slider .btn_pause_and_play a, .c_carousel_slider__kv .btn_pause_and_play a {
    height: 3.2rem;
    width: 3.2rem;
  }
}
.c_carousel_slider .btn_pause_and_play, .c_carousel_slider__kv .btn_pause_and_play {
  /* for SP */
}
.c_carousel_slider, .c_carousel_slider__kv {
  /*===============================================================

  	スライド起動しない場合

  ===============================================================*/
}
.c_carousel_slider.no_slick .slick_slider, .no_slick.c_carousel_slider__kv .slick_slider {
  text-align: center;
  width: 100%;
}
.c_carousel_slider.no_slick .slide, .no_slick.c_carousel_slider__kv .slide {
  margin: 0 auto;
}

/*===============================================================
c_carousel_slider__kv
===============================================================*/
.c_carousel_slider__kv a {
  display: block;
}
.c_carousel_slider__kv img {
  width: 100%;
  height: auto;
}
.c_ui_selecter {
  display: inline-block;
  width: 100%;
  max-width: 100%;
  padding: 1.5rem 2rem;
  padding-right: 3rem;
  color: #000;
  font-size: 1.8rem;
  line-height: 1;
  background-color: #fff;
  border: 1px solid #CD7B77;
  border-radius: 3rem;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("data:image/svg+xml;utf8,    <svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'>    <polygon points='2,4 10,4 6,8' fill='%23D7083C'/></svg>");
  background-repeat: no-repeat;
  background-position: right 1.5rem center;
  background-size: 18px;
}
.c_ui_selecter:hover {
  border-color: #da645e;
}
.c_ui_selecter:focus {
  outline: none;
  border-color: #CD7B77;
  -webkit-box-shadow: 0 0 0 3px rgba(205, 123, 119, 0.15);
          box-shadow: 0 0 0 3px rgba(205, 123, 119, 0.15);
}
.c_ui_selecter:focus-visible {
  outline: none;
}
.c_ui_selecter:disabled {
  color: #999;
  background-color: #f5f5f5;
  cursor: not-allowed;
}
.c_ui_selecter:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}
@media screen and (max-width: 768px) {
  .c_ui_selecter {
    padding: 3vw 4vw;
    font-size: 4vw;
  }
}

.c_ui_checkbox {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 18px;
  height: 18px;
  margin: 0 0.5em 0 0;
  border: 1px solid #CD7B77;
  border-radius: 0;
  background-color: #fff;
  cursor: pointer;
  vertical-align: middle;
  position: relative;
}
.c_ui_checkbox:hover {
  border-color: #CD7B77;
}
.c_ui_checkbox:checked {
  border-color: #CD7B77;
  background-color: #CD7B77;
}
.c_ui_checkbox:checked::after {
  content: "";
  position: absolute;
  left: 4px;
  top: 1px;
  width: 5px;
  height: 10px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.c_ui_checkbox:focus {
  outline: none;
  -webkit-box-shadow: 0 0 0 3px rgba(205, 123, 119, 0.2);
          box-shadow: 0 0 0 3px rgba(205, 123, 119, 0.2);
}
.c_ui_checkbox:disabled {
  background-color: #f5f5f5;
  border-color: #ddd;
  cursor: not-allowed;
}

label {
  cursor: pointer;
  font-size: 1.8rem;
  color: #000;
}
@media screen and (max-width: 768px) {
  label {
    font-size: 3.5vw;
  }
}

/*===============================================================

c_faq

===============================================================*/
.c_faq {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2rem;
}
@media screen and (max-width: 768px) {
  .c_faq {
    gap: 1.5rem;
  }
}
.c_faq {
  /*-------------------------------------------------------------
      .c_faq__item_header 
  -------------------------------------------------------------*/
}
.c_faq .c_faq__item_header {
  position: relative;
  padding: 2rem;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  cursor: pointer;
  display: block;
  text-decoration: none;
  color: #000;
}
.c_faq .c_faq__item_header:hover {
  opacity: 0.7;
}
.c_faq .c_faq__item_header::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 2rem;
  margin: auto;
  border: solid 2px #172e7e;
  width: 1rem;
  height: 1rem;
  border-top: none;
  border-left: none;
  -webkit-transform: rotate(-45deg) translate(-1px, -1px);
          transform: rotate(-45deg) translate(-1px, -1px);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.c_faq .c_faq__item_header.active {
  border-bottom: none;
}
.c_faq .c_faq__item_header.active::after {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}
@media screen and (max-width: 768px) {
  .c_faq .c_faq__item_header {
    padding: 1.5rem;
    padding-right: 4rem;
  }
}
.c_faq .c_faq__item_header .link_title,
.c_faq .c_faq__item_header .title,
.c_faq .c_faq__item_header .c_card--list .title_xl,
.c_card--list .c_faq .c_faq__item_header .title_xl,
.c_faq .c_faq__item_header .c_card--list .title_l,
.c_card--list .c_faq .c_faq__item_header .title_l {
  font-size: 2rem;
  min-height: 4rem;
}
.c_faq .c_faq__item_header .title, .c_faq .c_faq__item_header .c_card--list .title_xl, .c_card--list .c_faq .c_faq__item_header .title_xl, .c_faq .c_faq__item_header .c_card--list .title_l, .c_card--list .c_faq .c_faq__item_header .title_l {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2rem;
}
.c_faq .c_faq__item_header .title::before, .c_faq .c_faq__item_header .c_card--list .title_xl::before, .c_card--list .c_faq .c_faq__item_header .title_xl::before, .c_faq .c_faq__item_header .c_card--list .title_l::before, .c_card--list .c_faq .c_faq__item_header .title_l::before {
  content: "Q";
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  background: #0083D3;
  font-size: 2rem;
  font-weight: bold;
  line-height: 4rem;
  color: #fff;
  text-align: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 4rem;
          flex: 0 0 4rem;
}
@media screen and (max-width: 768px) {
  .c_faq .c_faq__item_header .link_title,
  .c_faq .c_faq__item_header .title,
  .c_faq .c_faq__item_header .c_card--list .title_xl,
  .c_card--list .c_faq .c_faq__item_header .title_xl,
  .c_faq .c_faq__item_header .c_card--list .title_l,
  .c_card--list .c_faq .c_faq__item_header .title_l {
    font-size: 1.6rem;
    line-height: 1.6;
    gap: 1rem;
    min-height: 1.5em;
  }
  .c_faq .c_faq__item_header .link_title::before,
  .c_faq .c_faq__item_header .title::before,
  .c_faq .c_faq__item_header .c_card--list .title_xl::before,
  .c_card--list .c_faq .c_faq__item_header .title_xl::before,
  .c_faq .c_faq__item_header .c_card--list .title_l::before,
  .c_card--list .c_faq .c_faq__item_header .title_l::before {
    width: 3rem;
    height: 3rem;
    font-size: 2rem;
    line-height: 3rem;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 3rem;
            flex: 0 0 3rem;
  }
}
.c_faq {
  /*-------------------------------------------------------------
      .c_faq__item
  -------------------------------------------------------------*/
}
.c_faq .c_faq__item {
  width: 100%;
  border: 1px solid #999;
  background: #fff;
  border-radius: 1rem;
  /*-------------------------------------------------------------
      .c_faq__item_body 
  -------------------------------------------------------------*/
}
.c_faq .c_faq__item .c_faq__item_body {
  position: relative;
}
.c_faq .c_faq__item .c_faq__item_body::before {
  content: "";
  position: absolute;
  top: 0;
  left: 2.5rem;
  right: 2.5rem;
  border-top: 1px solid #666;
}
.c_faq .c_faq__item .c_faq__item_body .accordion_inner {
  padding: 3rem 2.5rem 2.5rem;
}
@media screen and (max-width: 768px) {
  .c_faq .c_faq__item .c_faq__item_body::before {
    left: 5vw;
    right: 5vw;
  }
  .c_faq .c_faq__item .c_faq__item_body .accordion_inner {
    padding: 4.5vw 5vw 5vw;
  }
  .c_faq .c_faq__item .c_faq__item_body .accordion_inner .txt {
    font-size: 3.8vw;
  }
}

/*===============================================================

    c_no_entry

===============================================================*/
.c_no_entry {
  border: solid 1px #666;
  padding: 3rem;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .c_no_entry {
    padding: 5vw 3vw;
  }
}

/*-------------------------------------------------------------
	notfound	
-------------------------------------------------------------*/
.c_notfound {
  text-align: center;
}
.c_notfound .head {
  color: #333;
  font-size: 3rem;
  line-height: 1.2;
  font-weight: bold;
}
.c_notfound .lead {
  font-size: 1.8rem;
  line-height: 1.8;
  font-weight: bold;
  margin-top: 3rem;
}
.c_notfound p {
  font-size: 1.6rem;
  line-height: 1.8;
  margin-top: 3rem;
}
.c_notfound .box {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 4rem;
  margin: 0 auto;
  margin-top: 3rem;
  background: #f5f5f5;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.c_notfound .box li {
  font-size: 1.4rem;
  line-height: 1.6;
  text-align: left;
  text-indent: -1em;
  padding-left: 1em;
}
.c_notfound .box li + li {
  margin-top: 1rem;
}
.c_notfound {
  /* タブレット */
}
.c_notfound {
  /* for TABLET */
  /* SP */
}
@media screen and (max-width: 768px) {
  .c_notfound .head {
    font-size: 6vw;
  }
  .c_notfound .lead {
    font-size: 4vw;
    margin-top: 4vw;
  }
  .c_notfound p {
    font-size: 4vw;
    margin-top: 4vw;
  }
  .c_notfound .box {
    padding: 4vw;
    margin-top: 4vw;
  }
  .c_notfound .box li {
    font-size: 3.5vw;
  }
  .c_notfound .box li + li {
    margin-top: 1vw;
  }
}
.c_notfound {
  /* for SP */
}

/*--------------------------------------------------------------
	c_grid
--------------------------------------------------------------*/
.c_grid {
  --grid-cols: 1;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: ;
  grid-template-columns: repeat(var(--grid-cols), minmax(0, 1fr));
  gap: 2.4rem;
}
.c_grid > .grid {
  min-width: 0;
}
.c_grid.c_grid__gap_5 {
  gap: 0.5rem;
}
.c_grid.c_grid__gap_10 {
  gap: 1rem;
}
.c_grid.c_grid__gap_20 {
  gap: 2rem;
}
.c_grid.c_grid__gap_30 {
  gap: 3rem;
}
.c_grid.c_grid__gap_40 {
  gap: 4rem;
}
.c_grid.c_grid__gap_50 {
  gap: 5rem;
}
.c_grid.c_grid__gap_60 {
  gap: 6rem;
}
.c_grid.c_grid__gap_70 {
  gap: 7rem;
}
.c_grid.c_grid__gap_80 {
  gap: 8rem;
}
.c_grid.c_grid__gap_90 {
  gap: 9rem;
}
.c_grid.c_grid__gap_100 {
  gap: 10rem;
}
.c_grid {
  /* ----------------------------------------
  	PC：子要素数による自動カラム
  	※ :where() で詳細度を下げる
  ---------------------------------------- */
}
.c_grid:where(:has(> .grid:nth-child(1):last-child)) {
  --grid-cols: 1;
}
.c_grid:where(:has(> .grid:nth-child(2):last-child)) {
  --grid-cols: 2;
}
.c_grid:where(:has(> .grid:nth-child(3):last-child)) {
  --grid-cols: 3;
}
.c_grid:where(:has(> .grid:nth-child(4):last-child)), .c_grid:where(:has(> .grid:nth-child(5):last-child)) {
  --grid-cols: 2;
}
.c_grid:where(:has(> .grid:nth-child(6):last-child)) {
  --grid-cols: 3;
}
.c_grid:where(:has(> .grid:nth-child(n+7))) {
  --grid-cols: 2;
}
.c_grid {
  /* ----------------------------------------
  	特定の子要素を全幅にする
  ---------------------------------------- */
}
.c_grid > .grid.grid_full {
  grid-column: 1/-1;
}
.c_grid {
  /* ----------------------------------------
  	PC・Tablet：親クラスによるカラム固定
  ---------------------------------------- */
}
.c_grid.c_grid__1column {
  --grid-cols: 1;
}
.c_grid.c_grid__2column {
  --grid-cols: 2;
}
.c_grid.c_grid__3column {
  --grid-cols: 3;
}
.c_grid.c_grid__4column {
  --grid-cols: 4;
}
.c_grid.c_grid__5column {
  --grid-cols: 5;
}
.c_grid.c_grid__6column {
  --grid-cols: 6;
}
.c_grid {
  /* ----------------------------------------
  	PC・Tablet：比率指定
  ---------------------------------------- */
}
.c_grid.c_grid__ratio_2-1 {
  -ms-grid-columns: minmax(0, 2fr) minmax(0, 1fr);
  grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
}
.c_grid.c_grid__ratio_1-2 {
  -ms-grid-columns: minmax(0, 1fr) minmax(0, 2fr);
  grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
}
.c_grid {
  /* ----------------------------------------
  	Tablet
  ---------------------------------------- */
}
@media screen and (max-width: 1070px) {
  .c_grid:where(:has(> .grid:nth-child(1):last-child)) {
    --grid-cols: 1;
  }
  .c_grid:where(:has(> .grid:nth-child(2):last-child)) {
    --grid-cols: 2;
  }
  .c_grid:where(:has(> .grid:nth-child(3):last-child)) {
    --grid-cols: 3;
  }
  .c_grid:where(:has(> .grid:nth-child(n+4))) {
    --grid-cols: 2;
  }
  .c_grid.c_grid__1column {
    --grid-cols: 1;
  }
  .c_grid.c_grid__2column {
    --grid-cols: 2;
  }
  .c_grid.c_grid__3column {
    --grid-cols: 3;
  }
  .c_grid.c_grid__4column {
    --grid-cols: 4;
  }
  .c_grid.c_grid__5column {
    --grid-cols: 5;
  }
  .c_grid.c_grid__6column {
    --grid-cols: 6;
  }
}
.c_grid {
  /* ----------------------------------------
  	SP
  ---------------------------------------- */
}
@media screen and (max-width: 768px) {
  .c_grid {
    --grid-cols: 1;
    -ms-grid-columns: minmax(0, 1fr);
    grid-template-columns: minmax(0, 1fr);
  }
  .c_grid.c_grid__sp_1column {
    -ms-grid-columns: minmax(0, 1fr);
    grid-template-columns: minmax(0, 1fr);
  }
  .c_grid.c_grid__sp_gap_5 {
    gap: 0.5rem;
  }
  .c_grid.c_grid__sp_gap_10 {
    gap: 1rem;
  }
  .c_grid.c_grid__sp_gap_12 {
    gap: 1.2rem;
  }
  .c_grid.c_grid__sp_2column {
    -ms-grid-columns: (minmax(0, 1fr))[2];
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .c_grid.c_grid__sp_3column {
    -ms-grid-columns: (minmax(0, 1fr))[3];
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .c_grid.c_grid__sp_4column {
    -ms-grid-columns: (minmax(0, 1fr))[4];
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .c_grid.c_grid__sp_5column {
    -ms-grid-columns: (minmax(0, 1fr))[5];
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .c_grid.c_grid__sp_6column {
    -ms-grid-columns: (minmax(0, 1fr))[6];
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .c_grid > .grid {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
  .c_grid > .grid.grid_sp1 {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
  .c_grid > .grid.grid_sp2 {
    -ms-grid-column-span: 2;
    grid-column: span 2;
  }
  .c_grid > .grid.grid_sp3 {
    -ms-grid-column-span: 3;
    grid-column: span 3;
  }
  .c_grid > .grid.grid_sp4 {
    -ms-grid-column-span: 4;
    grid-column: span 4;
  }
}

/*===============================================================

    c_card

===============================================================*/
.c_card, .c_card--hoge, .c_card--bnr, .c_card--reason, .c_card--data, .c_card--post, .c_card--list, .c_card--fig {
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 2rem;
  padding: 3rem;
  height: 100%;
}
@media screen and (max-width: 1070px) {
  .c_card, .c_card--hoge, .c_card--bnr, .c_card--reason, .c_card--data, .c_card--post, .c_card--list, .c_card--fig {
    padding: 2.4rem;
  }
}
@media screen and (max-width: 768px) {
  .c_card, .c_card--hoge, .c_card--bnr, .c_card--reason, .c_card--data, .c_card--post, .c_card--list, .c_card--fig {
    padding: 2rem;
    border-radius: 1rem;
  }
}

a:hover.c_card, a.c_card--hoge:hover, a.c_card--bnr:hover, a.c_card--reason:hover, a.c_card--data:hover, a.c_card--post:hover, a.c_card--list:hover, a.c_card--fig:hover {
  opacity: 0.7;
}

/*--------------------------------------------------------------
    背景色
--------------------------------------------------------------*/
.c_card--bg-gray {
  background-color: #f7f7f4 !important;
}

.c_card--bg-white {
  background-color: #fff !important;
}

/*--------------------------------------------------------------
    枠線
--------------------------------------------------------------*/
.c_card--line {
  border-color: #999 !important;
}

/*--------------------------------------------------------------
    角丸
--------------------------------------------------------------*/
.c_card--radius-none {
  border-radius: 0 !important;
}

.c_card--radius-large {
  border-radius: 1.6rem !important;
}

/*--------------------------------------------------------------
    余白
--------------------------------------------------------------*/
.c_card--padding-small {
  padding: 2rem !important;
}

.c_card--padding-large {
  padding: 4.8rem !important;
}
@media screen and (max-width: 768px) {
  .c_card--padding-large {
    padding: 2.4rem !important;
  }
}

/*--------------------------------------------------------------
    影
--------------------------------------------------------------*/
.c_card--shadow {
  -webkit-box-shadow: 0 0.4rem 2rem rgba(0, 0, 0, 0.08);
          box-shadow: 0 0.4rem 2rem rgba(0, 0, 0, 0.08);
}

/*===============================================================
c_card--fig
===============================================================*/
.c_card--fig {
  padding: 0;
  overflow: hidden;
  border-radius: 0;
  background-color: transparent;
}
.c_card--fig .fig {
  border-radius: 0.8rem;
  overflow: hidden;
  position: relative;
}
.c_card--fig:has(.fig--cover) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.c_card--fig .fig--cover {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  min-height: 0;
}
.c_card--fig .fig--cover img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.c_card--fig .fig_txt {
  position: absolute;
  left: 1.5rem;
  bottom: 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 0rem;
}
.c_card--fig .fig_txt [class^=c_label] + [class^=c_label],
.c_card--fig .fig_txt [class*=c_label] + [class*=c_label] {
  margin-left: 0;
}
.c_card--fig .caption {
  margin-top: 1em;
  font-size: 1.4rem;
  line-height: 1.4;
}
/*===============================================================
c_card--list
===============================================================*/
.c_card--list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 1.2rem;
}
.c_card--list .title, .c_card--list .title_xl, .c_card--list .title_l {
  font-weight: bold;
  font-size: 1.6rem;
}
.c_card--list .title_l {
  font-size: 2rem;
}
.c_card--list .title_xl {
  font-size: 3rem;
}
.c_card--list [class^=c_list] li,
.c_card--list [class*=" c_list"] li {
  font-size: 1.3rem;
}
/*===============================================================
c_card--post
===============================================================*/
.c_card--post {
  padding: 2rem;
}
.c_card--post .en {
  font-weight: bold;
}
.c_card--post .title, .c_card--post .c_card--list .title_l, .c_card--list .c_card--post .title_l, .c_card--post .c_card--list .title_xl, .c_card--list .c_card--post .title_xl {
  font-size: 1rem;
}
/*===============================================================
c_card--data
===============================================================*/
.c_card--data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 1rem;
}
.c_card--data .dot_label {
  font-size: 1.1rem;
  line-height: 1.4;
  position: relative;
  padding-left: 1em;
}
.c_card--data .dot_label::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 2rem;
  background-color: #FFDD00;
}
.c_card--data .title, .c_card--data .c_card--list .title_l, .c_card--list .c_card--data .title_l, .c_card--data .c_card--list .title_xl, .c_card--list .c_card--data .title_xl {
  font-size: 2.2rem;
  line-height: 1.4;
  font-weight: bold;
}
.c_card--data .lead {
  line-height: 1.4;
}
.c_card--data .caption {
  font-size: 1.3rem;
  line-height: 1.4;
  color: #605E58;
}
/*===============================================================
c_card--reason
===============================================================*/
.c_card--reason {
  border-color: #999 !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 3rem;
}
.c_card--reason .fig_block,
.c_card--reason .txt_block {
  width: calc((100% - 3rem) / 2);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.c_card--reason .fig_block {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 2rem;
  background-color: #0083D3;
  border-radius: 1rem;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .c_card--reason {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    gap: 3rem;
  }
  .c_card--reason .fig_block,
  .c_card--reason .txt_block {
    width: 100%;
  }
  .c_card--reason .fig_block {
    padding: 1rem;
  }
}
.c_card--reason {
  /*-------------------------------------------------------------
  txt_block
  -------------------------------------------------------------*/
}
.c_card--reason .txt_block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2rem;
}
.c_card--reason .txt_block .title_block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.5rem;
}
.c_card--reason .txt_block .title_block .num {
  width: 5rem;
  height: 5rem;
  font-size: 3.5rem;
  line-height: 5rem;
  background-color: #0083D3;
  color: #fff;
  font-weight: bold;
  border-radius: 0.5rem;
  text-align: center;
}
.c_card--reason .txt_block .title_block .title, .c_card--reason .txt_block .title_block .c_card--list .title_l, .c_card--list .c_card--reason .txt_block .title_block .title_l, .c_card--reason .txt_block .title_block .c_card--list .title_xl, .c_card--list .c_card--reason .txt_block .title_block .title_xl {
  color: #172e7e;
  font-size: 2.5rem;
}
.c_card--reason .txt_block .lead {
  font-size: 2.2rem;
  line-height: 1.6;
  font-weight: bold;
}
.c_card--reason .txt_block .comment {
  background-color: rgba(254, 216, 0, 0.1);
  padding: 2rem;
  border-radius: 0.5rem;
}
@media screen and (max-width: 768px) {
  .c_card--reason .txt_block {
    gap: 2rem;
  }
  .c_card--reason .txt_block .title_block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 1rem;
  }
  .c_card--reason .txt_block .title_block .num {
    width: 3rem;
    height: 3rem;
    font-size: 2.5rem;
    line-height: 3rem;
  }
  .c_card--reason .txt_block .title_block .title, .c_card--reason .txt_block .title_block .c_card--list .title_l, .c_card--list .c_card--reason .txt_block .title_block .title_l, .c_card--reason .txt_block .title_block .c_card--list .title_xl, .c_card--list .c_card--reason .txt_block .title_block .title_xl {
    color: #172e7e;
    font-size: 2rem;
  }
  .c_card--reason .txt_block .lead {
    font-size: 1.6rem;
  }
}

/*===============================================================
c_card--bnr
===============================================================*/
.c_card--bnr {
  padding: 0;
  max-width: 80rem;
  margin-inline: auto;
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
  border-radius: 0.5rem;
  border: solid 1px #ccc;
}
.c_card--bnr .txt,
.c_card--bnr .thumb {
  width: 50%;
}
.c_card--bnr .txt {
  padding: 2rem;
}
.c_card--bnr .txt .title, .c_card--bnr .txt .c_card--list .title_l, .c_card--list .c_card--bnr .txt .title_l, .c_card--bnr .txt .c_card--list .title_xl, .c_card--list .c_card--bnr .txt .title_xl {
  font-size: 2rem;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .c_card--bnr {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .c_card--bnr .txt,
  .c_card--bnr .thumb {
    width: 100%;
  }
  .c_card--bnr .txt {
    padding: 1.5rem;
  }
  .c_card--bnr .txt .title, .c_card--bnr .txt .c_card--list .title_l, .c_card--list .c_card--bnr .txt .title_l, .c_card--bnr .txt .c_card--list .title_xl, .c_card--list .c_card--bnr .txt .title_xl {
    font-size: 1.8rem;
  }
}

/*===============================================================
c_card--hoge
===============================================================*/
.c_tab, .c_tab--pink, .c_tab--blue {
  position: relative;
  z-index: 10;
}

.c_tab [role=tab], .c_tab--pink [role=tab], .c_tab--blue [role=tab] {
  position: relative;
  z-index: 11;
  pointer-events: auto;
}

/*===============================================================

	c_tab

===============================================================*/
.c_tab, .c_tab--pink, .c_tab--blue {
  /* タブレット */
}
.c_tab, .c_tab--pink, .c_tab--blue {
  /* for TABLET */
  /* SP */
}
@media screen and (max-width: 768px) {
  .c_tab, .c_tab--pink, .c_tab--blue {
    width: 100vw;
    margin: 0 calc(50% - 50vw);
    padding: 0;
  }
  .c_tab .c_tab, .c_tab--pink .c_tab, .c_tab .c_tab--pink, .c_tab--pink .c_tab--pink, .c_tab--blue .c_tab, .c_tab--blue .c_tab--pink, .c_tab .c_tab--blue, .c_tab--pink .c_tab--blue, .c_tab--blue .c_tab--blue {
    width: 100%;
    margin: 0;
    padding: 0;
  }
  .c_tab .c_tab .tabbody, .c_tab--pink .c_tab .tabbody, .c_tab .c_tab--pink .tabbody, .c_tab--pink .c_tab--pink .tabbody, .c_tab--blue .c_tab .tabbody, .c_tab--blue .c_tab--pink .tabbody, .c_tab .c_tab--blue .tabbody, .c_tab--pink .c_tab--blue .tabbody, .c_tab--blue .c_tab--blue .tabbody {
    border-left: solid 1px #999;
    border-right: solid 1px #999;
  }
}
.c_tab, .c_tab--pink, .c_tab--blue {
  /* for SP */
  /*-------------------------------------------------------------
  	c_tab tablist	
  -------------------------------------------------------------*/
}
.c_tab .tablist, .c_tab--pink .tablist, .c_tab--blue .tablist {
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.5rem;
}
.c_tab .tablist button[role=tab], .c_tab--pink .tablist button[role=tab], .c_tab--blue .tablist button[role=tab] {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  min-width: 0;
  border: none;
  border-radius: 3rem 3rem 0 0;
  font-size: 2rem;
  line-height: 1.3;
  font-weight: bold;
  text-align: center;
  padding: 1.5em 0.5em;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  color: #000;
  width: auto;
  background-color: #fff;
  border: solid 1px #999;
  border-bottom: solid 0px #E3057F;
}
.c_tab .tablist button[role=tab][aria-selected=true], .c_tab--pink .tablist button[role=tab][aria-selected=true], .c_tab--blue .tablist button[role=tab][aria-selected=true] {
  background-color: #E3057F;
  border: solid 1px #E3057F !important;
  color: #fff;
  border-bottom: solid 0px transparent !important;
}
.c_tab .tablist button[role=tab][aria-selected=false]:hover, .c_tab--pink .tablist button[role=tab][aria-selected=false]:hover, .c_tab--blue .tablist button[role=tab][aria-selected=false]:hover {
  cursor: pointer;
  background-color: rgba(227, 5, 127, 0.1);
}
.c_tab .tablist, .c_tab--pink .tablist, .c_tab--blue .tablist {
  /* タブレット */
}
.c_tab .tablist, .c_tab--pink .tablist, .c_tab--blue .tablist {
  /* for TABLET */
  /* SP */
}
@media screen and (max-width: 768px) {
  .c_tab .tablist, .c_tab--pink .tablist, .c_tab--blue .tablist {
    gap: 1px;
    padding: 0 2rem;
  }
  .c_tab .tablist button[role=tab], .c_tab--pink .tablist button[role=tab], .c_tab--blue .tablist button[role=tab] {
    padding: 1rem;
    border-radius: 3vw 3vw 0 0;
    font-size: 3.8vw;
    padding: 3vw 0rem 2vw 0 !important;
    width: 50%;
  }
}
.c_tab, .c_tab--pink, .c_tab--blue {
  /*-------------------------------------------------------------
  	c_tab tabbody	
  -------------------------------------------------------------*/
}
.c_tab .tabbody, .c_tab--pink .tabbody, .c_tab--blue .tabbody {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  position: relative;
  z-index: 3;
  background-color: #fff;
  border-radius: 0 0 3rem 3rem;
  overflow: hidden;
  border: solid 1px #999;
  border-top: solid 3px #E3057F !important;
  margin-top: -3px;
  height: auto;
}
.c_tab .tabbody .inner, .c_tab--pink .tabbody .inner, .c_tab--blue .tabbody .inner {
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  padding: 5rem;
  padding-bottom: 5rem;
  opacity: 0;
}
.c_tab .tabbody .active .inner, .c_tab--pink .tabbody .active .inner, .c_tab--blue .tabbody .active .inner {
  opacity: 1;
  height: auto;
}
.c_tab .tabbody .tab_title, .c_tab--pink .tabbody .tab_title, .c_tab--blue .tabbody .tab_title {
  font-size: 3rem;
}
.c_tab .tabbody, .c_tab--pink .tabbody, .c_tab--blue .tabbody {
  /* タブレット */
}
.c_tab .tabbody, .c_tab--pink .tabbody, .c_tab--blue .tabbody {
  /* for TABLET */
  /* SP */
}
@media screen and (max-width: 768px) {
  .c_tab .tabbody, .c_tab--pink .tabbody, .c_tab--blue .tabbody {
    border-radius: 0 0 3vw 3vw;
    border-left: solid 0px #999;
    border-right: solid 0px #999;
  }
  .c_tab .tabbody .inner, .c_tab--pink .tabbody .inner, .c_tab--blue .tabbody .inner {
    padding: 2rem;
  }
}
.c_tab .tabbody, .c_tab--pink .tabbody, .c_tab--blue .tabbody {
  /* for SP */
}
.c_tab, .c_tab--pink, .c_tab--blue {
  /*===============================================================
  //	c_tab
  ===============================================================*/
}

/*===============================================================
c_tab--blue
===============================================================*/
.c_tab--blue .tablist button[role=tab] {
  color: #000;
  width: auto;
  background-color: #fff;
  border: solid 1px #999;
}
.c_tab--blue .tablist button[role=tab][aria-selected=true] {
  background-color: #172e7e;
  border: solid 1px #172e7e !important;
  color: #fff;
  border-bottom: solid 0px transparent !important;
}
.c_tab--blue .tablist button[role=tab][aria-selected=false]:hover {
  cursor: pointer;
  background-color: rgba(23, 46, 126, 0.1);
}
.c_tab--blue .tabbody {
  border-top: solid 3px #172e7e !important;
}

/*===============================================================
c_tab--pink
===============================================================*/
.c_tab--pink .tablist button[role=tab] {
  color: #000;
  width: auto;
  background-color: #fff;
  border-bottom: solid 0px #E3057F;
}
.c_tab--pink .tablist button[role=tab][aria-selected=true] {
  background-color: #E3057F;
  border: solid 1px #E3057F !important;
  color: #fff;
  border-bottom: solid 0px transparent !important;
}
.c_tab--pink .tablist button[role=tab][aria-selected=false]:hover {
  cursor: pointer;
  background-color: rgba(227, 5, 127, 0.1);
}
.c_tab--pink .tabbody {
  border-top: solid 3px #E3057F !important;
}

/*===============================================================

    c_label

===============================================================*/
.c_label, .c_label--pink, .c_label--step03, .c_label--step02, .c_label--step01, .c_label--step, .c_label--line, .c_label--white_line, .c_label--black, .c_label--gray, .c_label--white, .c_label--red, .c_label--yellow, .c_label--xs, .c_label--s {
  padding: 0.4em 1em 0.4em;
  background-color: #000;
  color: #fff;
  display: inline-block;
  line-height: 1.4;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.c_label + .c_label, .c_label--pink + .c_label, .c_label + .c_label--pink, .c_label--pink + .c_label--pink, .c_label--step03 + .c_label, .c_label--step03 + .c_label--pink, .c_label + .c_label--step03, .c_label--pink + .c_label--step03, .c_label--step03 + .c_label--step03, .c_label--step02 + .c_label, .c_label--step02 + .c_label--pink, .c_label--step02 + .c_label--step03, .c_label + .c_label--step02, .c_label--pink + .c_label--step02, .c_label--step03 + .c_label--step02, .c_label--step02 + .c_label--step02, .c_label--step01 + .c_label, .c_label--step01 + .c_label--pink, .c_label--step01 + .c_label--step03, .c_label--step01 + .c_label--step02, .c_label + .c_label--step01, .c_label--pink + .c_label--step01, .c_label--step03 + .c_label--step01, .c_label--step02 + .c_label--step01, .c_label--step01 + .c_label--step01, .c_label--step + .c_label, .c_label--step + .c_label--pink, .c_label--step + .c_label--step03, .c_label--step + .c_label--step02, .c_label--step + .c_label--step01, .c_label + .c_label--step, .c_label--pink + .c_label--step, .c_label--step03 + .c_label--step, .c_label--step02 + .c_label--step, .c_label--step01 + .c_label--step, .c_label--step + .c_label--step, .c_label--line + .c_label, .c_label--line + .c_label--pink, .c_label--line + .c_label--step03, .c_label--line + .c_label--step02, .c_label--line + .c_label--step01, .c_label--line + .c_label--step, .c_label + .c_label--line, .c_label--pink + .c_label--line, .c_label--step03 + .c_label--line, .c_label--step02 + .c_label--line, .c_label--step01 + .c_label--line, .c_label--step + .c_label--line, .c_label--line + .c_label--line, .c_label--white_line + .c_label, .c_label--white_line + .c_label--pink, .c_label--white_line + .c_label--step03, .c_label--white_line + .c_label--step02, .c_label--white_line + .c_label--step01, .c_label--white_line + .c_label--step, .c_label--white_line + .c_label--line, .c_label + .c_label--white_line, .c_label--pink + .c_label--white_line, .c_label--step03 + .c_label--white_line, .c_label--step02 + .c_label--white_line, .c_label--step01 + .c_label--white_line, .c_label--step + .c_label--white_line, .c_label--line + .c_label--white_line, .c_label--white_line + .c_label--white_line, .c_label--black + .c_label, .c_label--black + .c_label--pink, .c_label--black + .c_label--step03, .c_label--black + .c_label--step02, .c_label--black + .c_label--step01, .c_label--black + .c_label--step, .c_label--black + .c_label--line, .c_label--black + .c_label--white_line, .c_label + .c_label--black, .c_label--pink + .c_label--black, .c_label--step03 + .c_label--black, .c_label--step02 + .c_label--black, .c_label--step01 + .c_label--black, .c_label--step + .c_label--black, .c_label--line + .c_label--black, .c_label--white_line + .c_label--black, .c_label--black + .c_label--black, .c_label--gray + .c_label, .c_label--gray + .c_label--pink, .c_label--gray + .c_label--step03, .c_label--gray + .c_label--step02, .c_label--gray + .c_label--step01, .c_label--gray + .c_label--step, .c_label--gray + .c_label--line, .c_label--gray + .c_label--white_line, .c_label--gray + .c_label--black, .c_label + .c_label--gray, .c_label--pink + .c_label--gray, .c_label--step03 + .c_label--gray, .c_label--step02 + .c_label--gray, .c_label--step01 + .c_label--gray, .c_label--step + .c_label--gray, .c_label--line + .c_label--gray, .c_label--white_line + .c_label--gray, .c_label--black + .c_label--gray, .c_label--gray + .c_label--gray, .c_label--white + .c_label, .c_label--white + .c_label--pink, .c_label--white + .c_label--step03, .c_label--white + .c_label--step02, .c_label--white + .c_label--step01, .c_label--white + .c_label--step, .c_label--white + .c_label--line, .c_label--white + .c_label--white_line, .c_label--white + .c_label--black, .c_label--white + .c_label--gray, .c_label + .c_label--white, .c_label--pink + .c_label--white, .c_label--step03 + .c_label--white, .c_label--step02 + .c_label--white, .c_label--step01 + .c_label--white, .c_label--step + .c_label--white, .c_label--line + .c_label--white, .c_label--white_line + .c_label--white, .c_label--black + .c_label--white, .c_label--gray + .c_label--white, .c_label--white + .c_label--white, .c_label--red + .c_label, .c_label--red + .c_label--pink, .c_label--red + .c_label--step03, .c_label--red + .c_label--step02, .c_label--red + .c_label--step01, .c_label--red + .c_label--step, .c_label--red + .c_label--line, .c_label--red + .c_label--white_line, .c_label--red + .c_label--black, .c_label--red + .c_label--gray, .c_label--red + .c_label--white, .c_label + .c_label--red, .c_label--pink + .c_label--red, .c_label--step03 + .c_label--red, .c_label--step02 + .c_label--red, .c_label--step01 + .c_label--red, .c_label--step + .c_label--red, .c_label--line + .c_label--red, .c_label--white_line + .c_label--red, .c_label--black + .c_label--red, .c_label--gray + .c_label--red, .c_label--white + .c_label--red, .c_label--red + .c_label--red, .c_label--yellow + .c_label, .c_label--yellow + .c_label--pink, .c_label--yellow + .c_label--step03, .c_label--yellow + .c_label--step02, .c_label--yellow + .c_label--step01, .c_label--yellow + .c_label--step, .c_label--yellow + .c_label--line, .c_label--yellow + .c_label--white_line, .c_label--yellow + .c_label--black, .c_label--yellow + .c_label--gray, .c_label--yellow + .c_label--white, .c_label--yellow + .c_label--red, .c_label + .c_label--yellow, .c_label--pink + .c_label--yellow, .c_label--step03 + .c_label--yellow, .c_label--step02 + .c_label--yellow, .c_label--step01 + .c_label--yellow, .c_label--step + .c_label--yellow, .c_label--line + .c_label--yellow, .c_label--white_line + .c_label--yellow, .c_label--black + .c_label--yellow, .c_label--gray + .c_label--yellow, .c_label--white + .c_label--yellow, .c_label--red + .c_label--yellow, .c_label--yellow + .c_label--yellow, .c_label--xs + .c_label, .c_label--xs + .c_label--pink, .c_label--xs + .c_label--step03, .c_label--xs + .c_label--step02, .c_label--xs + .c_label--step01, .c_label--xs + .c_label--step, .c_label--xs + .c_label--line, .c_label--xs + .c_label--white_line, .c_label--xs + .c_label--black, .c_label--xs + .c_label--gray, .c_label--xs + .c_label--white, .c_label--xs + .c_label--red, .c_label--xs + .c_label--yellow, .c_label + .c_label--xs, .c_label--pink + .c_label--xs, .c_label--step03 + .c_label--xs, .c_label--step02 + .c_label--xs, .c_label--step01 + .c_label--xs, .c_label--step + .c_label--xs, .c_label--line + .c_label--xs, .c_label--white_line + .c_label--xs, .c_label--black + .c_label--xs, .c_label--gray + .c_label--xs, .c_label--white + .c_label--xs, .c_label--red + .c_label--xs, .c_label--yellow + .c_label--xs, .c_label--xs + .c_label--xs, .c_label--s + .c_label, .c_label--s + .c_label--pink, .c_label--s + .c_label--step03, .c_label--s + .c_label--step02, .c_label--s + .c_label--step01, .c_label--s + .c_label--step, .c_label--s + .c_label--line, .c_label--s + .c_label--white_line, .c_label--s + .c_label--black, .c_label--s + .c_label--gray, .c_label--s + .c_label--white, .c_label--s + .c_label--red, .c_label--s + .c_label--yellow, .c_label--s + .c_label--xs, .c_label + .c_label--s, .c_label--pink + .c_label--s, .c_label--step03 + .c_label--s, .c_label--step02 + .c_label--s, .c_label--step01 + .c_label--s, .c_label--step + .c_label--s, .c_label--line + .c_label--s, .c_label--white_line + .c_label--s, .c_label--black + .c_label--s, .c_label--gray + .c_label--s, .c_label--white + .c_label--s, .c_label--red + .c_label--s, .c_label--yellow + .c_label--s, .c_label--xs + .c_label--s, .c_label--s + .c_label--s {
  margin-left: 0.5em;
}
.c_label--thin {
  padding: 0.2em 0.8em 0.1em;
}

.c_label--s {
  padding: 0.2em 0.8em 0.1em;
  font-size: 1.2rem !important;
}

.c_label--xs {
  padding: 0.3em 0.8em 0.1em;
  font-size: 1rem !important;
}

/*-------------------------------------------------------------
カラバリ
-------------------------------------------------------------*/
.c_label--yellow {
  background-color: #FFDD00 !important;
  color: #000 !important;
}

.c_label--red {
  background-color: #E73838 !important;
  color: #fff !important;
}

.c_label--white {
  background-color: #fff !important;
  color: #000 !important;
}

.c_label--gray {
  background-color: #eee !important;
  color: #666 !important;
}

.c_label--black {
  background-color: #000 !important;
  color: #fff !important;
}

.c_label--white_line {
  background-color: #fff !important;
  color: #000 !important;
  border: solid 1px #000;
}

.c_label--line {
  background-color: #fff !important;
  color: #000 !important;
  border: solid 1px #ccc;
}

.c_label--step {
  background-color: #0083D3 !important;
}

.c_label--step01 {
  background-color: #E9A225 !important;
}

.c_label--step02 {
  background-color: #5E8BB6 !important;
}

.c_label--step03 {
  background-color: #D5788F !important;
}

.c_label--pink {
  background-color: #E3057F !important;
  color: #fff;
}

/*===============================================================

    c_content

===============================================================*/
.c_content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4rem;
}
@media screen and (max-width: 768px) {
  .c_content {
    gap: 3rem;
  }
}
.c_content {
  /*===============================================================
  .c_content__fig
  ===============================================================*/
}
.c_content .c_content__fig, .c_content .c_content__fig--line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
}
@media screen and (max-width: 768px) {
  .c_content .c_content__fig, .c_content .c_content__fig--line {
    width: 100%;
  }
  .c_content .c_content__fig img, .c_content .c_content__fig--line img {
    width: 100%;
    height: auto;
  }
}
.c_content .c_content__fig--line img {
  border: solid 1px #ccc;
}
.c_content {
  /*===============================================================
  c_content__title
  ===============================================================*/
}
.c_content .c_content__title .title, .c_content .c_content__title .c_card--list .title_l, .c_card--list .c_content .c_content__title .title_l, .c_content .c_content__title .c_card--list .title_xl, .c_card--list .c_content .c_content__title .title_xl {
  color: #172e7e;
  font-size: 3rem;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .c_content .c_content__title .title, .c_content .c_content__title .c_card--list .title_l, .c_card--list .c_content .c_content__title .title_l, .c_content .c_content__title .c_card--list .title_xl, .c_card--list .c_content .c_content__title .title_xl {
    font-size: 2.5rem;
  }
}
.c_content {
  /*===============================================================
  c_content__notes
  ===============================================================*/
}
.c_content .c_content__notes, .c_content .c_content__notes--gray, .c_content .c_content__notes--blue {
  background-color: #FFEEEE;
  text-align: center;
  padding: 3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2rem;
}
@media screen and (max-width: 768px) {
  .c_content .c_content__notes, .c_content .c_content__notes--gray, .c_content .c_content__notes--blue {
    padding: 2rem;
    gap: 1.5rem;
    text-align: left;
  }
}
.c_content {
  /*-------------------------------------------------------------
  c_content__notes--blue
  -------------------------------------------------------------*/
}
.c_content .c_content__notes--blue {
  background-color: rgba(23, 46, 126, 0.1);
}
.c_content {
  /*-------------------------------------------------------------
  c_content__notes--gray
  -------------------------------------------------------------*/
}
.c_content .c_content__notes--gray {
  background-color: rgba(0, 0, 0, 0.05);
}
.c_content {
  /*===============================================================
  c_content__block
  ===============================================================*/
}
.c_content .c_content__block, .c_content .c_content__block--step, .c_content .c_content__block--blue {
  border-radius: 0.5rem;
  overflow: hidden;
  /*-------------------------------------------------------------
  c_content__block_header
  -------------------------------------------------------------*/
}
.c_content .c_content__block .c_content__block_header, .c_content .c_content__block--step .c_content__block_header, .c_content .c_content__block--blue .c_content__block_header {
  background-color: #0083D3;
  color: #fff;
  padding: 2rem;
}
.c_content .c_content__block .c_content__block_header .title, .c_content .c_content__block--step .c_content__block_header .title, .c_content .c_content__block--blue .c_content__block_header .title, .c_content .c_content__block .c_content__block_header .c_card--list .title_l, .c_content .c_content__block--step .c_content__block_header .c_card--list .title_l, .c_content .c_content__block--blue .c_content__block_header .c_card--list .title_l, .c_card--list .c_content .c_content__block .c_content__block_header .title_l, .c_card--list .c_content .c_content__block--step .c_content__block_header .title_l, .c_card--list .c_content .c_content__block--blue .c_content__block_header .title_l, .c_content .c_content__block .c_content__block_header .c_card--list .title_xl, .c_content .c_content__block--step .c_content__block_header .c_card--list .title_xl, .c_content .c_content__block--blue .c_content__block_header .c_card--list .title_xl, .c_card--list .c_content .c_content__block .c_content__block_header .title_xl, .c_card--list .c_content .c_content__block--step .c_content__block_header .title_xl, .c_card--list .c_content .c_content__block--blue .c_content__block_header .title_xl {
  font-size: 2.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
}
.c_content .c_content__block .c_content__block_header .title .c_label, .c_content .c_content__block--step .c_content__block_header .title .c_label, .c_content .c_content__block--blue .c_content__block_header .title .c_label, .c_content .c_content__block .c_content__block_header .c_card--list .title_l .c_label, .c_content .c_content__block--step .c_content__block_header .c_card--list .title_l .c_label, .c_content .c_content__block--blue .c_content__block_header .c_card--list .title_l .c_label, .c_card--list .c_content .c_content__block .c_content__block_header .title_l .c_label, .c_card--list .c_content .c_content__block--step .c_content__block_header .title_l .c_label, .c_card--list .c_content .c_content__block--blue .c_content__block_header .title_l .c_label, .c_content .c_content__block .c_content__block_header .c_card--list .title_xl .c_label, .c_content .c_content__block--step .c_content__block_header .c_card--list .title_xl .c_label, .c_content .c_content__block--blue .c_content__block_header .c_card--list .title_xl .c_label, .c_card--list .c_content .c_content__block .c_content__block_header .title_xl .c_label, .c_card--list .c_content .c_content__block--step .c_content__block_header .title_xl .c_label, .c_card--list .c_content .c_content__block--blue .c_content__block_header .title_xl .c_label, .c_content .c_content__block .c_content__block_header .title .c_label--s, .c_content .c_content__block--step .c_content__block_header .title .c_label--s, .c_content .c_content__block--blue .c_content__block_header .title .c_label--s, .c_content .c_content__block .c_content__block_header .c_card--list .title_l .c_label--s, .c_content .c_content__block--step .c_content__block_header .c_card--list .title_l .c_label--s, .c_content .c_content__block--blue .c_content__block_header .c_card--list .title_l .c_label--s, .c_card--list .c_content .c_content__block .c_content__block_header .title_l .c_label--s, .c_card--list .c_content .c_content__block--step .c_content__block_header .title_l .c_label--s, .c_card--list .c_content .c_content__block--blue .c_content__block_header .title_l .c_label--s, .c_content .c_content__block .c_content__block_header .c_card--list .title_xl .c_label--s, .c_content .c_content__block--step .c_content__block_header .c_card--list .title_xl .c_label--s, .c_content .c_content__block--blue .c_content__block_header .c_card--list .title_xl .c_label--s, .c_card--list .c_content .c_content__block .c_content__block_header .title_xl .c_label--s, .c_card--list .c_content .c_content__block--step .c_content__block_header .title_xl .c_label--s, .c_card--list .c_content .c_content__block--blue .c_content__block_header .title_xl .c_label--s, .c_content .c_content__block .c_content__block_header .title .c_label--xs, .c_content .c_content__block--step .c_content__block_header .title .c_label--xs, .c_content .c_content__block--blue .c_content__block_header .title .c_label--xs, .c_content .c_content__block .c_content__block_header .c_card--list .title_l .c_label--xs, .c_content .c_content__block--step .c_content__block_header .c_card--list .title_l .c_label--xs, .c_content .c_content__block--blue .c_content__block_header .c_card--list .title_l .c_label--xs, .c_card--list .c_content .c_content__block .c_content__block_header .title_l .c_label--xs, .c_card--list .c_content .c_content__block--step .c_content__block_header .title_l .c_label--xs, .c_card--list .c_content .c_content__block--blue .c_content__block_header .title_l .c_label--xs, .c_content .c_content__block .c_content__block_header .c_card--list .title_xl .c_label--xs, .c_content .c_content__block--step .c_content__block_header .c_card--list .title_xl .c_label--xs, .c_content .c_content__block--blue .c_content__block_header .c_card--list .title_xl .c_label--xs, .c_card--list .c_content .c_content__block .c_content__block_header .title_xl .c_label--xs, .c_card--list .c_content .c_content__block--step .c_content__block_header .title_xl .c_label--xs, .c_card--list .c_content .c_content__block--blue .c_content__block_header .title_xl .c_label--xs, .c_content .c_content__block .c_content__block_header .title .c_label--yellow, .c_content .c_content__block--step .c_content__block_header .title .c_label--yellow, .c_content .c_content__block--blue .c_content__block_header .title .c_label--yellow, .c_content .c_content__block .c_content__block_header .c_card--list .title_l .c_label--yellow, .c_content .c_content__block--step .c_content__block_header .c_card--list .title_l .c_label--yellow, .c_content .c_content__block--blue .c_content__block_header .c_card--list .title_l .c_label--yellow, .c_card--list .c_content .c_content__block .c_content__block_header .title_l .c_label--yellow, .c_card--list .c_content .c_content__block--step .c_content__block_header .title_l .c_label--yellow, .c_card--list .c_content .c_content__block--blue .c_content__block_header .title_l .c_label--yellow, .c_content .c_content__block .c_content__block_header .c_card--list .title_xl .c_label--yellow, .c_content .c_content__block--step .c_content__block_header .c_card--list .title_xl .c_label--yellow, .c_content .c_content__block--blue .c_content__block_header .c_card--list .title_xl .c_label--yellow, .c_card--list .c_content .c_content__block .c_content__block_header .title_xl .c_label--yellow, .c_card--list .c_content .c_content__block--step .c_content__block_header .title_xl .c_label--yellow, .c_card--list .c_content .c_content__block--blue .c_content__block_header .title_xl .c_label--yellow, .c_content .c_content__block .c_content__block_header .title .c_label--red, .c_content .c_content__block--step .c_content__block_header .title .c_label--red, .c_content .c_content__block--blue .c_content__block_header .title .c_label--red, .c_content .c_content__block .c_content__block_header .c_card--list .title_l .c_label--red, .c_content .c_content__block--step .c_content__block_header .c_card--list .title_l .c_label--red, .c_content .c_content__block--blue .c_content__block_header .c_card--list .title_l .c_label--red, .c_card--list .c_content .c_content__block .c_content__block_header .title_l .c_label--red, .c_card--list .c_content .c_content__block--step .c_content__block_header .title_l .c_label--red, .c_card--list .c_content .c_content__block--blue .c_content__block_header .title_l .c_label--red, .c_content .c_content__block .c_content__block_header .c_card--list .title_xl .c_label--red, .c_content .c_content__block--step .c_content__block_header .c_card--list .title_xl .c_label--red, .c_content .c_content__block--blue .c_content__block_header .c_card--list .title_xl .c_label--red, .c_card--list .c_content .c_content__block .c_content__block_header .title_xl .c_label--red, .c_card--list .c_content .c_content__block--step .c_content__block_header .title_xl .c_label--red, .c_card--list .c_content .c_content__block--blue .c_content__block_header .title_xl .c_label--red, .c_content .c_content__block .c_content__block_header .title .c_label--white, .c_content .c_content__block--step .c_content__block_header .title .c_label--white, .c_content .c_content__block--blue .c_content__block_header .title .c_label--white, .c_content .c_content__block .c_content__block_header .c_card--list .title_l .c_label--white, .c_content .c_content__block--step .c_content__block_header .c_card--list .title_l .c_label--white, .c_content .c_content__block--blue .c_content__block_header .c_card--list .title_l .c_label--white, .c_card--list .c_content .c_content__block .c_content__block_header .title_l .c_label--white, .c_card--list .c_content .c_content__block--step .c_content__block_header .title_l .c_label--white, .c_card--list .c_content .c_content__block--blue .c_content__block_header .title_l .c_label--white, .c_content .c_content__block .c_content__block_header .c_card--list .title_xl .c_label--white, .c_content .c_content__block--step .c_content__block_header .c_card--list .title_xl .c_label--white, .c_content .c_content__block--blue .c_content__block_header .c_card--list .title_xl .c_label--white, .c_card--list .c_content .c_content__block .c_content__block_header .title_xl .c_label--white, .c_card--list .c_content .c_content__block--step .c_content__block_header .title_xl .c_label--white, .c_card--list .c_content .c_content__block--blue .c_content__block_header .title_xl .c_label--white, .c_content .c_content__block .c_content__block_header .title .c_label--gray, .c_content .c_content__block--step .c_content__block_header .title .c_label--gray, .c_content .c_content__block--blue .c_content__block_header .title .c_label--gray, .c_content .c_content__block .c_content__block_header .c_card--list .title_l .c_label--gray, .c_content .c_content__block--step .c_content__block_header .c_card--list .title_l .c_label--gray, .c_content .c_content__block--blue .c_content__block_header .c_card--list .title_l .c_label--gray, .c_card--list .c_content .c_content__block .c_content__block_header .title_l .c_label--gray, .c_card--list .c_content .c_content__block--step .c_content__block_header .title_l .c_label--gray, .c_card--list .c_content .c_content__block--blue .c_content__block_header .title_l .c_label--gray, .c_content .c_content__block .c_content__block_header .c_card--list .title_xl .c_label--gray, .c_content .c_content__block--step .c_content__block_header .c_card--list .title_xl .c_label--gray, .c_content .c_content__block--blue .c_content__block_header .c_card--list .title_xl .c_label--gray, .c_card--list .c_content .c_content__block .c_content__block_header .title_xl .c_label--gray, .c_card--list .c_content .c_content__block--step .c_content__block_header .title_xl .c_label--gray, .c_card--list .c_content .c_content__block--blue .c_content__block_header .title_xl .c_label--gray, .c_content .c_content__block .c_content__block_header .title .c_label--black, .c_content .c_content__block--step .c_content__block_header .title .c_label--black, .c_content .c_content__block--blue .c_content__block_header .title .c_label--black, .c_content .c_content__block .c_content__block_header .c_card--list .title_l .c_label--black, .c_content .c_content__block--step .c_content__block_header .c_card--list .title_l .c_label--black, .c_content .c_content__block--blue .c_content__block_header .c_card--list .title_l .c_label--black, .c_card--list .c_content .c_content__block .c_content__block_header .title_l .c_label--black, .c_card--list .c_content .c_content__block--step .c_content__block_header .title_l .c_label--black, .c_card--list .c_content .c_content__block--blue .c_content__block_header .title_l .c_label--black, .c_content .c_content__block .c_content__block_header .c_card--list .title_xl .c_label--black, .c_content .c_content__block--step .c_content__block_header .c_card--list .title_xl .c_label--black, .c_content .c_content__block--blue .c_content__block_header .c_card--list .title_xl .c_label--black, .c_card--list .c_content .c_content__block .c_content__block_header .title_xl .c_label--black, .c_card--list .c_content .c_content__block--step .c_content__block_header .title_xl .c_label--black, .c_card--list .c_content .c_content__block--blue .c_content__block_header .title_xl .c_label--black, .c_content .c_content__block .c_content__block_header .title .c_label--white_line, .c_content .c_content__block--step .c_content__block_header .title .c_label--white_line, .c_content .c_content__block--blue .c_content__block_header .title .c_label--white_line, .c_content .c_content__block .c_content__block_header .c_card--list .title_l .c_label--white_line, .c_content .c_content__block--step .c_content__block_header .c_card--list .title_l .c_label--white_line, .c_content .c_content__block--blue .c_content__block_header .c_card--list .title_l .c_label--white_line, .c_card--list .c_content .c_content__block .c_content__block_header .title_l .c_label--white_line, .c_card--list .c_content .c_content__block--step .c_content__block_header .title_l .c_label--white_line, .c_card--list .c_content .c_content__block--blue .c_content__block_header .title_l .c_label--white_line, .c_content .c_content__block .c_content__block_header .c_card--list .title_xl .c_label--white_line, .c_content .c_content__block--step .c_content__block_header .c_card--list .title_xl .c_label--white_line, .c_content .c_content__block--blue .c_content__block_header .c_card--list .title_xl .c_label--white_line, .c_card--list .c_content .c_content__block .c_content__block_header .title_xl .c_label--white_line, .c_card--list .c_content .c_content__block--step .c_content__block_header .title_xl .c_label--white_line, .c_card--list .c_content .c_content__block--blue .c_content__block_header .title_xl .c_label--white_line, .c_content .c_content__block .c_content__block_header .title .c_label--line, .c_content .c_content__block--step .c_content__block_header .title .c_label--line, .c_content .c_content__block--blue .c_content__block_header .title .c_label--line, .c_content .c_content__block .c_content__block_header .c_card--list .title_l .c_label--line, .c_content .c_content__block--step .c_content__block_header .c_card--list .title_l .c_label--line, .c_content .c_content__block--blue .c_content__block_header .c_card--list .title_l .c_label--line, .c_card--list .c_content .c_content__block .c_content__block_header .title_l .c_label--line, .c_card--list .c_content .c_content__block--step .c_content__block_header .title_l .c_label--line, .c_card--list .c_content .c_content__block--blue .c_content__block_header .title_l .c_label--line, .c_content .c_content__block .c_content__block_header .c_card--list .title_xl .c_label--line, .c_content .c_content__block--step .c_content__block_header .c_card--list .title_xl .c_label--line, .c_content .c_content__block--blue .c_content__block_header .c_card--list .title_xl .c_label--line, .c_card--list .c_content .c_content__block .c_content__block_header .title_xl .c_label--line, .c_card--list .c_content .c_content__block--step .c_content__block_header .title_xl .c_label--line, .c_card--list .c_content .c_content__block--blue .c_content__block_header .title_xl .c_label--line, .c_content .c_content__block .c_content__block_header .title .c_label--step, .c_content .c_content__block--step .c_content__block_header .title .c_label--step, .c_content .c_content__block--blue .c_content__block_header .title .c_label--step, .c_content .c_content__block .c_content__block_header .c_card--list .title_l .c_label--step, .c_content .c_content__block--step .c_content__block_header .c_card--list .title_l .c_label--step, .c_content .c_content__block--blue .c_content__block_header .c_card--list .title_l .c_label--step, .c_card--list .c_content .c_content__block .c_content__block_header .title_l .c_label--step, .c_card--list .c_content .c_content__block--step .c_content__block_header .title_l .c_label--step, .c_card--list .c_content .c_content__block--blue .c_content__block_header .title_l .c_label--step, .c_content .c_content__block .c_content__block_header .c_card--list .title_xl .c_label--step, .c_content .c_content__block--step .c_content__block_header .c_card--list .title_xl .c_label--step, .c_content .c_content__block--blue .c_content__block_header .c_card--list .title_xl .c_label--step, .c_card--list .c_content .c_content__block .c_content__block_header .title_xl .c_label--step, .c_card--list .c_content .c_content__block--step .c_content__block_header .title_xl .c_label--step, .c_card--list .c_content .c_content__block--blue .c_content__block_header .title_xl .c_label--step, .c_content .c_content__block .c_content__block_header .title .c_label--step01, .c_content .c_content__block--step .c_content__block_header .title .c_label--step01, .c_content .c_content__block--blue .c_content__block_header .title .c_label--step01, .c_content .c_content__block .c_content__block_header .c_card--list .title_l .c_label--step01, .c_content .c_content__block--step .c_content__block_header .c_card--list .title_l .c_label--step01, .c_content .c_content__block--blue .c_content__block_header .c_card--list .title_l .c_label--step01, .c_card--list .c_content .c_content__block .c_content__block_header .title_l .c_label--step01, .c_card--list .c_content .c_content__block--step .c_content__block_header .title_l .c_label--step01, .c_card--list .c_content .c_content__block--blue .c_content__block_header .title_l .c_label--step01, .c_content .c_content__block .c_content__block_header .c_card--list .title_xl .c_label--step01, .c_content .c_content__block--step .c_content__block_header .c_card--list .title_xl .c_label--step01, .c_content .c_content__block--blue .c_content__block_header .c_card--list .title_xl .c_label--step01, .c_card--list .c_content .c_content__block .c_content__block_header .title_xl .c_label--step01, .c_card--list .c_content .c_content__block--step .c_content__block_header .title_xl .c_label--step01, .c_card--list .c_content .c_content__block--blue .c_content__block_header .title_xl .c_label--step01, .c_content .c_content__block .c_content__block_header .title .c_label--step02, .c_content .c_content__block--step .c_content__block_header .title .c_label--step02, .c_content .c_content__block--blue .c_content__block_header .title .c_label--step02, .c_content .c_content__block .c_content__block_header .c_card--list .title_l .c_label--step02, .c_content .c_content__block--step .c_content__block_header .c_card--list .title_l .c_label--step02, .c_content .c_content__block--blue .c_content__block_header .c_card--list .title_l .c_label--step02, .c_card--list .c_content .c_content__block .c_content__block_header .title_l .c_label--step02, .c_card--list .c_content .c_content__block--step .c_content__block_header .title_l .c_label--step02, .c_card--list .c_content .c_content__block--blue .c_content__block_header .title_l .c_label--step02, .c_content .c_content__block .c_content__block_header .c_card--list .title_xl .c_label--step02, .c_content .c_content__block--step .c_content__block_header .c_card--list .title_xl .c_label--step02, .c_content .c_content__block--blue .c_content__block_header .c_card--list .title_xl .c_label--step02, .c_card--list .c_content .c_content__block .c_content__block_header .title_xl .c_label--step02, .c_card--list .c_content .c_content__block--step .c_content__block_header .title_xl .c_label--step02, .c_card--list .c_content .c_content__block--blue .c_content__block_header .title_xl .c_label--step02, .c_content .c_content__block .c_content__block_header .title .c_label--step03, .c_content .c_content__block--step .c_content__block_header .title .c_label--step03, .c_content .c_content__block--blue .c_content__block_header .title .c_label--step03, .c_content .c_content__block .c_content__block_header .c_card--list .title_l .c_label--step03, .c_content .c_content__block--step .c_content__block_header .c_card--list .title_l .c_label--step03, .c_content .c_content__block--blue .c_content__block_header .c_card--list .title_l .c_label--step03, .c_card--list .c_content .c_content__block .c_content__block_header .title_l .c_label--step03, .c_card--list .c_content .c_content__block--step .c_content__block_header .title_l .c_label--step03, .c_card--list .c_content .c_content__block--blue .c_content__block_header .title_l .c_label--step03, .c_content .c_content__block .c_content__block_header .c_card--list .title_xl .c_label--step03, .c_content .c_content__block--step .c_content__block_header .c_card--list .title_xl .c_label--step03, .c_content .c_content__block--blue .c_content__block_header .c_card--list .title_xl .c_label--step03, .c_card--list .c_content .c_content__block .c_content__block_header .title_xl .c_label--step03, .c_card--list .c_content .c_content__block--step .c_content__block_header .title_xl .c_label--step03, .c_card--list .c_content .c_content__block--blue .c_content__block_header .title_xl .c_label--step03, .c_content .c_content__block .c_content__block_header .title .c_label--pink, .c_content .c_content__block--step .c_content__block_header .title .c_label--pink, .c_content .c_content__block--blue .c_content__block_header .title .c_label--pink, .c_content .c_content__block .c_content__block_header .c_card--list .title_l .c_label--pink, .c_content .c_content__block--step .c_content__block_header .c_card--list .title_l .c_label--pink, .c_content .c_content__block--blue .c_content__block_header .c_card--list .title_l .c_label--pink, .c_card--list .c_content .c_content__block .c_content__block_header .title_l .c_label--pink, .c_card--list .c_content .c_content__block--step .c_content__block_header .title_l .c_label--pink, .c_card--list .c_content .c_content__block--blue .c_content__block_header .title_l .c_label--pink, .c_content .c_content__block .c_content__block_header .c_card--list .title_xl .c_label--pink, .c_content .c_content__block--step .c_content__block_header .c_card--list .title_xl .c_label--pink, .c_content .c_content__block--blue .c_content__block_header .c_card--list .title_xl .c_label--pink, .c_card--list .c_content .c_content__block .c_content__block_header .title_xl .c_label--pink, .c_card--list .c_content .c_content__block--step .c_content__block_header .title_xl .c_label--pink, .c_card--list .c_content .c_content__block--blue .c_content__block_header .title_xl .c_label--pink {
  color: #fff;
  background-color: transparent;
  border: solid 1px #fff;
  border-radius: 0.5rem;
  padding: 0.2em 0.8em;
}
@media screen and (max-width: 768px) {
  .c_content .c_content__block .c_content__block_header, .c_content .c_content__block--step .c_content__block_header, .c_content .c_content__block--blue .c_content__block_header {
    padding: 2rem;
  }
  .c_content .c_content__block .c_content__block_header .title, .c_content .c_content__block--step .c_content__block_header .title, .c_content .c_content__block--blue .c_content__block_header .title, .c_content .c_content__block .c_content__block_header .c_card--list .title_l, .c_content .c_content__block--step .c_content__block_header .c_card--list .title_l, .c_content .c_content__block--blue .c_content__block_header .c_card--list .title_l, .c_card--list .c_content .c_content__block .c_content__block_header .title_l, .c_card--list .c_content .c_content__block--step .c_content__block_header .title_l, .c_card--list .c_content .c_content__block--blue .c_content__block_header .title_l, .c_content .c_content__block .c_content__block_header .c_card--list .title_xl, .c_content .c_content__block--step .c_content__block_header .c_card--list .title_xl, .c_content .c_content__block--blue .c_content__block_header .c_card--list .title_xl, .c_card--list .c_content .c_content__block .c_content__block_header .title_xl, .c_card--list .c_content .c_content__block--step .c_content__block_header .title_xl, .c_card--list .c_content .c_content__block--blue .c_content__block_header .title_xl {
    font-size: 2rem;
  }
}
.c_content .c_content__block, .c_content .c_content__block--step, .c_content .c_content__block--blue {
  /*-------------------------------------------------------------
  c_content__block_body
  -------------------------------------------------------------*/
}
.c_content .c_content__block .c_content__block_body, .c_content .c_content__block--step .c_content__block_body, .c_content .c_content__block--blue .c_content__block_body {
  border: solid 1px rgba(0, 131, 211, 0.5);
  padding: 3rem;
  border-radius: 0 0 0.5rem 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2rem;
}
@media screen and (max-width: 768px) {
  .c_content .c_content__block .c_content__block_body, .c_content .c_content__block--step .c_content__block_body, .c_content .c_content__block--blue .c_content__block_body {
    padding: 2rem;
    gap: 2rem;
  }
}
.c_content {
  /*===============================================================
  c_content__block
  ===============================================================*/
}
.c_content .c_content__block--blue {
  /*-------------------------------------------------------------
  c_content__block_header
  -------------------------------------------------------------*/
}
.c_content .c_content__block--blue .c_content__block_header {
  background-color: #172e7e;
}
.c_content .c_content__block--blue {
  /*-------------------------------------------------------------
  c_content__block_body
  -------------------------------------------------------------*/
}
.c_content .c_content__block--blue .c_content__block_body {
  border: solid 1px rgba(0, 131, 211, 0.5);
  background-color: rgba(0, 131, 211, 0.05);
}
.c_content {
  /*===============================================================
  c_content__num_card
  ===============================================================*/
}
.c_content .c_content__num_card {
  border: solid 1px rgba(0, 131, 211, 0.3);
  background-color: #fff;
  padding: 2rem;
  padding-left: 9rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 3rem;
  border-radius: 0.5rem;
  position: relative;
}
.c_content .c_content__num_card .card_title {
  font-size: 2.5rem;
  line-height: 1.4;
  font-weight: bold;
  color: #172e7e;
  padding-top: 0.3em;
}
@media screen and (max-width: 768px) {
  .c_content .c_content__num_card {
    padding: 1rem;
    padding-left: 5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 1rem;
    border-radius: 0.5rem;
    position: relative;
  }
  .c_content .c_content__num_card .card_title {
    font-size: 1.8rem;
    padding-top: 0;
  }
}
.c_content .c_content__num_card {
  /*-------------------------------------------------------------
  c_serial__num
  -------------------------------------------------------------*/
}
.c_content .c_content__num_card [class*=c_serial__num] {
  position: absolute;
  top: 2rem;
  left: 2rem;
  width: 5rem;
  height: 5rem;
  border-radius: 0.5rem;
  background-color: #0083D3;
  color: #fff;
  font-size: 3.5rem;
  font-weight: bold;
  line-height: 5rem;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .c_content .c_content__num_card [class*=c_serial__num] {
    top: 1rem;
    left: 1rem;
    width: 3rem;
    height: 3rem;
    font-size: 2.5rem;
    line-height: 3rem;
  }
}
.c_content {
  /*===============================================================
  c_content__card
  ===============================================================*/
}
.c_content .c_content__card {
  padding: 3rem;
  background-color: #f5f5f5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.5rem;
}
.c_content .c_content__card .title, .c_content .c_content__card .c_card--list .title_l, .c_card--list .c_content .c_content__card .title_l, .c_content .c_content__card .c_card--list .title_xl, .c_card--list .c_content .c_content__card .title_xl {
  font-size: 2rem;
  line-height: 1.4;
}
.c_content .c_content__card .title:has(*), .c_content .c_content__card .c_card--list .title_l:has(*), .c_card--list .c_content .c_content__card .title_l:has(*), .c_content .c_content__card .c_card--list .title_xl:has(*), .c_card--list .c_content .c_content__card .title_xl:has(*) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
}
.c_content {
  /*===============================================================
  c_content__linkbox
  ===============================================================*/
}
.c_content .c_content__linkbox a, .c_content .c_content__linkbox--blue a {
  padding: 2rem 6rem;
  border: solid 1px #E3057F;
  color: #000;
  text-decoration: none;
  position: relative;
  position: relative;
  border-radius: 1rem;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 1rem;
  min-height: 12rem;
}
.c_content .c_content__linkbox a::after, .c_content .c_content__linkbox--blue a::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 2rem;
  margin: auto;
  border: solid 2px #E3057F;
  width: 1.4rem;
  height: 1.4rem;
  border-top: none;
  border-left: none;
  -webkit-transform: rotate(-45deg) translate(-1px, -1px);
          transform: rotate(-45deg) translate(-1px, -1px);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.c_content .c_content__linkbox a:hover, .c_content .c_content__linkbox--blue a:hover {
  background-color: rgba(227, 5, 127, 0.1);
}
.c_content .c_content__linkbox .label, .c_content .c_content__linkbox--blue .label {
  display: inline-block;
  background-color: #E3057F;
  color: #fff;
  padding: 0.1em 0.5em;
  font-size: 1.4rem;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 0 0 1rem 0;
}
.c_content .c_content__linkbox .title, .c_content .c_content__linkbox--blue .title, .c_content .c_content__linkbox .c_card--list .title_l, .c_content .c_content__linkbox--blue .c_card--list .title_l, .c_card--list .c_content .c_content__linkbox .title_l, .c_card--list .c_content .c_content__linkbox--blue .title_l, .c_content .c_content__linkbox .c_card--list .title_xl, .c_content .c_content__linkbox--blue .c_card--list .title_xl, .c_card--list .c_content .c_content__linkbox .title_xl, .c_card--list .c_content .c_content__linkbox--blue .title_xl {
  font-size: 2rem;
  line-height: 1.4;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .c_content .c_content__linkbox a, .c_content .c_content__linkbox--blue a {
    padding: 4rem 4rem;
    text-align: left;
  }
  .c_content .c_content__linkbox a::after, .c_content .c_content__linkbox--blue a::after {
    content: "";
    right: 1.5rem;
  }
  .c_content .c_content__linkbox p + p, .c_content .c_content__linkbox--blue p + p {
    margin-top: 1.5rem;
  }
}
.c_content {
  /*===============================================================
  .c_content__linkbox--blue
  ===============================================================*/
}
.c_content .c_content__linkbox--blue a {
  border: solid 1px #0083D3;
}
.c_content .c_content__linkbox--blue a::after {
  border-right: solid 2px #0083D3;
  border-bottom: solid 2px #0083D3;
}
.c_content .c_content__linkbox--blue a:hover {
  background-color: rgba(0, 131, 211, 0.1);
}
.c_content .c_content__linkbox--blue .label {
  background-color: #0083D3;
}
.c_content {
  /*===============================================================
  c_content__step
  ===============================================================*/
}
.c_content .c_content__step {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 0rem;
}
.c_content .c_content__step .c_content__step_item {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  min-width: 0;
}
.c_content .c_content__step .arw {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 4rem;
          flex: 0 0 4rem;
  width: 4rem;
  position: relative;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  height: 4rem;
}
.c_content .c_content__step .arw::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  border: solid 2px #999;
  width: 1.2rem;
  height: 1.2rem;
  border-top: none;
  border-left: none;
  -webkit-transform: rotate(-45deg) translate(-1px, -1px);
          transform: rotate(-45deg) translate(-1px, -1px);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media screen and (max-width: 768px) {
  .c_content .c_content__step {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 1rem;
  }
  .c_content .c_content__step .c_content__step_item {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    width: 100%;
  }
  .c_content .c_content__step .arw {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 100%;
    height: 2.4rem;
  }
  .c_content .c_content__step .arw::before {
    -webkit-transform: rotate(45deg) translate(-1px, -1px);
            transform: rotate(45deg) translate(-1px, -1px);
  }
}
.c_content {
  /*===============================================================
  c_content__step
  ===============================================================*/
}
.c_content .c_content__step_item {
  text-align: left;
}
.c_content .c_content__step_item .title, .c_content .c_content__step_item .c_card--list .title_l, .c_card--list .c_content .c_content__step_item .title_l, .c_content .c_content__step_item .c_card--list .title_xl, .c_card--list .c_content .c_content__step_item .title_xl {
  width: 100%;
  position: relative;
  font-size: 1.8rem;
  font-weight: bold;
  margin-top: 1.5rem;
  padding-left: 2em;
}
.c_content .c_content__step_item .title .num, .c_content .c_content__step_item .c_card--list .title_l .num, .c_card--list .c_content .c_content__step_item .title_l .num, .c_content .c_content__step_item .c_card--list .title_xl .num, .c_card--list .c_content .c_content__step_item .title_xl .num {
  display: inline-block;
  border: solid 1px #666;
  border-radius: 0.5rem;
  padding: 0.1em 0.5em;
  font-size: 1.6rem;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
}
.c_content .c_content__step_item p {
  margin-top: 0.5em;
}
.c_content .c_content__step_item p img {
  vertical-align: middle;
  margin-right: 0.5em;
}
.c_content {
  /*===============================================================
  c_content__block--step
  ===============================================================*/
}
.c_content .c_content__block--step {
  width: calc(100% + 10rem);
  margin-left: -5rem;
}
@media screen and (max-width: 768px) {
  .c_content .c_content__block--step {
    width: calc(100% + 4rem);
    margin-left: -2rem;
  }
}
.c_content .c_content__block--step {
  /*-------------------------------------------------------------
  c_content__block_header
  -------------------------------------------------------------*/
}
.c_content .c_content__block--step .c_content__block_header {
  background-color: #fff;
  color: #0083D3;
  border-top: 1px solid #0083D3;
  padding-inline: 5rem;
  padding-top: 5rem;
}
.c_content .c_content__block--step .c_content__block_header .title .c_label, .c_content .c_content__block--step .c_content__block_header .c_card--list .title_l .c_label, .c_card--list .c_content .c_content__block--step .c_content__block_header .title_l .c_label, .c_content .c_content__block--step .c_content__block_header .c_card--list .title_xl .c_label, .c_card--list .c_content .c_content__block--step .c_content__block_header .title_xl .c_label, .c_content .c_content__block--step .c_content__block_header .title .c_label--s, .c_content .c_content__block--step .c_content__block_header .c_card--list .title_l .c_label--s, .c_card--list .c_content .c_content__block--step .c_content__block_header .title_l .c_label--s, .c_content .c_content__block--step .c_content__block_header .c_card--list .title_xl .c_label--s, .c_card--list .c_content .c_content__block--step .c_content__block_header .title_xl .c_label--s, .c_content .c_content__block--step .c_content__block_header .title .c_label--xs, .c_content .c_content__block--step .c_content__block_header .c_card--list .title_l .c_label--xs, .c_card--list .c_content .c_content__block--step .c_content__block_header .title_l .c_label--xs, .c_content .c_content__block--step .c_content__block_header .c_card--list .title_xl .c_label--xs, .c_card--list .c_content .c_content__block--step .c_content__block_header .title_xl .c_label--xs, .c_content .c_content__block--step .c_content__block_header .title .c_label--yellow, .c_content .c_content__block--step .c_content__block_header .c_card--list .title_l .c_label--yellow, .c_card--list .c_content .c_content__block--step .c_content__block_header .title_l .c_label--yellow, .c_content .c_content__block--step .c_content__block_header .c_card--list .title_xl .c_label--yellow, .c_card--list .c_content .c_content__block--step .c_content__block_header .title_xl .c_label--yellow, .c_content .c_content__block--step .c_content__block_header .title .c_label--red, .c_content .c_content__block--step .c_content__block_header .c_card--list .title_l .c_label--red, .c_card--list .c_content .c_content__block--step .c_content__block_header .title_l .c_label--red, .c_content .c_content__block--step .c_content__block_header .c_card--list .title_xl .c_label--red, .c_card--list .c_content .c_content__block--step .c_content__block_header .title_xl .c_label--red, .c_content .c_content__block--step .c_content__block_header .title .c_label--white, .c_content .c_content__block--step .c_content__block_header .c_card--list .title_l .c_label--white, .c_card--list .c_content .c_content__block--step .c_content__block_header .title_l .c_label--white, .c_content .c_content__block--step .c_content__block_header .c_card--list .title_xl .c_label--white, .c_card--list .c_content .c_content__block--step .c_content__block_header .title_xl .c_label--white, .c_content .c_content__block--step .c_content__block_header .title .c_label--gray, .c_content .c_content__block--step .c_content__block_header .c_card--list .title_l .c_label--gray, .c_card--list .c_content .c_content__block--step .c_content__block_header .title_l .c_label--gray, .c_content .c_content__block--step .c_content__block_header .c_card--list .title_xl .c_label--gray, .c_card--list .c_content .c_content__block--step .c_content__block_header .title_xl .c_label--gray, .c_content .c_content__block--step .c_content__block_header .title .c_label--black, .c_content .c_content__block--step .c_content__block_header .c_card--list .title_l .c_label--black, .c_card--list .c_content .c_content__block--step .c_content__block_header .title_l .c_label--black, .c_content .c_content__block--step .c_content__block_header .c_card--list .title_xl .c_label--black, .c_card--list .c_content .c_content__block--step .c_content__block_header .title_xl .c_label--black, .c_content .c_content__block--step .c_content__block_header .title .c_label--white_line, .c_content .c_content__block--step .c_content__block_header .c_card--list .title_l .c_label--white_line, .c_card--list .c_content .c_content__block--step .c_content__block_header .title_l .c_label--white_line, .c_content .c_content__block--step .c_content__block_header .c_card--list .title_xl .c_label--white_line, .c_card--list .c_content .c_content__block--step .c_content__block_header .title_xl .c_label--white_line, .c_content .c_content__block--step .c_content__block_header .title .c_label--line, .c_content .c_content__block--step .c_content__block_header .c_card--list .title_l .c_label--line, .c_card--list .c_content .c_content__block--step .c_content__block_header .title_l .c_label--line, .c_content .c_content__block--step .c_content__block_header .c_card--list .title_xl .c_label--line, .c_card--list .c_content .c_content__block--step .c_content__block_header .title_xl .c_label--line, .c_content .c_content__block--step .c_content__block_header .title .c_label--step, .c_content .c_content__block--step .c_content__block_header .c_card--list .title_l .c_label--step, .c_card--list .c_content .c_content__block--step .c_content__block_header .title_l .c_label--step, .c_content .c_content__block--step .c_content__block_header .c_card--list .title_xl .c_label--step, .c_card--list .c_content .c_content__block--step .c_content__block_header .title_xl .c_label--step, .c_content .c_content__block--step .c_content__block_header .title .c_label--step01, .c_content .c_content__block--step .c_content__block_header .c_card--list .title_l .c_label--step01, .c_card--list .c_content .c_content__block--step .c_content__block_header .title_l .c_label--step01, .c_content .c_content__block--step .c_content__block_header .c_card--list .title_xl .c_label--step01, .c_card--list .c_content .c_content__block--step .c_content__block_header .title_xl .c_label--step01, .c_content .c_content__block--step .c_content__block_header .title .c_label--step02, .c_content .c_content__block--step .c_content__block_header .c_card--list .title_l .c_label--step02, .c_card--list .c_content .c_content__block--step .c_content__block_header .title_l .c_label--step02, .c_content .c_content__block--step .c_content__block_header .c_card--list .title_xl .c_label--step02, .c_card--list .c_content .c_content__block--step .c_content__block_header .title_xl .c_label--step02, .c_content .c_content__block--step .c_content__block_header .title .c_label--step03, .c_content .c_content__block--step .c_content__block_header .c_card--list .title_l .c_label--step03, .c_card--list .c_content .c_content__block--step .c_content__block_header .title_l .c_label--step03, .c_content .c_content__block--step .c_content__block_header .c_card--list .title_xl .c_label--step03, .c_card--list .c_content .c_content__block--step .c_content__block_header .title_xl .c_label--step03, .c_content .c_content__block--step .c_content__block_header .title .c_label--pink, .c_content .c_content__block--step .c_content__block_header .c_card--list .title_l .c_label--pink, .c_card--list .c_content .c_content__block--step .c_content__block_header .title_l .c_label--pink, .c_content .c_content__block--step .c_content__block_header .c_card--list .title_xl .c_label--pink, .c_card--list .c_content .c_content__block--step .c_content__block_header .title_xl .c_label--pink {
  background-color: #0083D3;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .c_content .c_content__block--step .c_content__block_header {
    padding: 2rem;
    padding-bottom: 0;
  }
  .c_content .c_content__block--step .c_content__block_header .title, .c_content .c_content__block--step .c_content__block_header .c_card--list .title_l, .c_card--list .c_content .c_content__block--step .c_content__block_header .title_l, .c_content .c_content__block--step .c_content__block_header .c_card--list .title_xl, .c_card--list .c_content .c_content__block--step .c_content__block_header .title_xl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .c_content .c_content__block--step .c_content__block_header .title .c_label, .c_content .c_content__block--step .c_content__block_header .c_card--list .title_l .c_label, .c_card--list .c_content .c_content__block--step .c_content__block_header .title_l .c_label, .c_content .c_content__block--step .c_content__block_header .c_card--list .title_xl .c_label, .c_card--list .c_content .c_content__block--step .c_content__block_header .title_xl .c_label, .c_content .c_content__block--step .c_content__block_header .title .c_label--s, .c_content .c_content__block--step .c_content__block_header .c_card--list .title_l .c_label--s, .c_card--list .c_content .c_content__block--step .c_content__block_header .title_l .c_label--s, .c_content .c_content__block--step .c_content__block_header .c_card--list .title_xl .c_label--s, .c_card--list .c_content .c_content__block--step .c_content__block_header .title_xl .c_label--s, .c_content .c_content__block--step .c_content__block_header .title .c_label--xs, .c_content .c_content__block--step .c_content__block_header .c_card--list .title_l .c_label--xs, .c_card--list .c_content .c_content__block--step .c_content__block_header .title_l .c_label--xs, .c_content .c_content__block--step .c_content__block_header .c_card--list .title_xl .c_label--xs, .c_card--list .c_content .c_content__block--step .c_content__block_header .title_xl .c_label--xs, .c_content .c_content__block--step .c_content__block_header .title .c_label--yellow, .c_content .c_content__block--step .c_content__block_header .c_card--list .title_l .c_label--yellow, .c_card--list .c_content .c_content__block--step .c_content__block_header .title_l .c_label--yellow, .c_content .c_content__block--step .c_content__block_header .c_card--list .title_xl .c_label--yellow, .c_card--list .c_content .c_content__block--step .c_content__block_header .title_xl .c_label--yellow, .c_content .c_content__block--step .c_content__block_header .title .c_label--red, .c_content .c_content__block--step .c_content__block_header .c_card--list .title_l .c_label--red, .c_card--list .c_content .c_content__block--step .c_content__block_header .title_l .c_label--red, .c_content .c_content__block--step .c_content__block_header .c_card--list .title_xl .c_label--red, .c_card--list .c_content .c_content__block--step .c_content__block_header .title_xl .c_label--red, .c_content .c_content__block--step .c_content__block_header .title .c_label--white, .c_content .c_content__block--step .c_content__block_header .c_card--list .title_l .c_label--white, .c_card--list .c_content .c_content__block--step .c_content__block_header .title_l .c_label--white, .c_content .c_content__block--step .c_content__block_header .c_card--list .title_xl .c_label--white, .c_card--list .c_content .c_content__block--step .c_content__block_header .title_xl .c_label--white, .c_content .c_content__block--step .c_content__block_header .title .c_label--gray, .c_content .c_content__block--step .c_content__block_header .c_card--list .title_l .c_label--gray, .c_card--list .c_content .c_content__block--step .c_content__block_header .title_l .c_label--gray, .c_content .c_content__block--step .c_content__block_header .c_card--list .title_xl .c_label--gray, .c_card--list .c_content .c_content__block--step .c_content__block_header .title_xl .c_label--gray, .c_content .c_content__block--step .c_content__block_header .title .c_label--black, .c_content .c_content__block--step .c_content__block_header .c_card--list .title_l .c_label--black, .c_card--list .c_content .c_content__block--step .c_content__block_header .title_l .c_label--black, .c_content .c_content__block--step .c_content__block_header .c_card--list .title_xl .c_label--black, .c_card--list .c_content .c_content__block--step .c_content__block_header .title_xl .c_label--black, .c_content .c_content__block--step .c_content__block_header .title .c_label--white_line, .c_content .c_content__block--step .c_content__block_header .c_card--list .title_l .c_label--white_line, .c_card--list .c_content .c_content__block--step .c_content__block_header .title_l .c_label--white_line, .c_content .c_content__block--step .c_content__block_header .c_card--list .title_xl .c_label--white_line, .c_card--list .c_content .c_content__block--step .c_content__block_header .title_xl .c_label--white_line, .c_content .c_content__block--step .c_content__block_header .title .c_label--line, .c_content .c_content__block--step .c_content__block_header .c_card--list .title_l .c_label--line, .c_card--list .c_content .c_content__block--step .c_content__block_header .title_l .c_label--line, .c_content .c_content__block--step .c_content__block_header .c_card--list .title_xl .c_label--line, .c_card--list .c_content .c_content__block--step .c_content__block_header .title_xl .c_label--line, .c_content .c_content__block--step .c_content__block_header .title .c_label--step, .c_content .c_content__block--step .c_content__block_header .c_card--list .title_l .c_label--step, .c_card--list .c_content .c_content__block--step .c_content__block_header .title_l .c_label--step, .c_content .c_content__block--step .c_content__block_header .c_card--list .title_xl .c_label--step, .c_card--list .c_content .c_content__block--step .c_content__block_header .title_xl .c_label--step, .c_content .c_content__block--step .c_content__block_header .title .c_label--step01, .c_content .c_content__block--step .c_content__block_header .c_card--list .title_l .c_label--step01, .c_card--list .c_content .c_content__block--step .c_content__block_header .title_l .c_label--step01, .c_content .c_content__block--step .c_content__block_header .c_card--list .title_xl .c_label--step01, .c_card--list .c_content .c_content__block--step .c_content__block_header .title_xl .c_label--step01, .c_content .c_content__block--step .c_content__block_header .title .c_label--step02, .c_content .c_content__block--step .c_content__block_header .c_card--list .title_l .c_label--step02, .c_card--list .c_content .c_content__block--step .c_content__block_header .title_l .c_label--step02, .c_content .c_content__block--step .c_content__block_header .c_card--list .title_xl .c_label--step02, .c_card--list .c_content .c_content__block--step .c_content__block_header .title_xl .c_label--step02, .c_content .c_content__block--step .c_content__block_header .title .c_label--step03, .c_content .c_content__block--step .c_content__block_header .c_card--list .title_l .c_label--step03, .c_card--list .c_content .c_content__block--step .c_content__block_header .title_l .c_label--step03, .c_content .c_content__block--step .c_content__block_header .c_card--list .title_xl .c_label--step03, .c_card--list .c_content .c_content__block--step .c_content__block_header .title_xl .c_label--step03, .c_content .c_content__block--step .c_content__block_header .title .c_label--pink, .c_content .c_content__block--step .c_content__block_header .c_card--list .title_l .c_label--pink, .c_card--list .c_content .c_content__block--step .c_content__block_header .title_l .c_label--pink, .c_content .c_content__block--step .c_content__block_header .c_card--list .title_xl .c_label--pink, .c_card--list .c_content .c_content__block--step .c_content__block_header .title_xl .c_label--pink {
    font-size: 1.5rem;
  }
}
.c_content .c_content__block--step {
  /*-------------------------------------------------------------
  c_content__block_body
  -------------------------------------------------------------*/
}
.c_content .c_content__block--step .c_content__block_body {
  border: 0;
  padding-inline: 5rem;
}
@media screen and (max-width: 768px) {
  .c_content .c_content__block--step .c_content__block_body {
    padding: 2rem;
  }
}
.c_content {
  /*===============================================================
  c_content__partner
  ===============================================================*/
}
.c_content .c_content__partner .grid {
  border: solid 1px #ccc;
  padding: 2rem;
  min-height: 15rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 1rem;
}
@media screen and (max-width: 768px) {
  .c_content .c_content__partner .grid {
    border: solid 1px #ccc;
    padding: 2rem;
    min-height: 15rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-radius: 1rem;
  }
}
.c_content {
  /*===============================================================
  c_content__list-notice 
   ===============================================================*/
}
.c_content .c_content__list-notice {
  display: table;
  width: 100%;
  margin: 8px 0;
  text-align: left;
}
.c_content .c_content__list-notice:first-child {
  margin-top: 0;
}
.c_content .c_content__list-notice:last-child {
  margin-bottom: 0;
}
.c_content .c_content__list-notice .list-notice__item {
  display: table-row;
}
.c_content .c_content__list-notice .list-notice__item::before {
  content: "※ ";
  display: table-cell;
  white-space: pre;
}
.c_content .c_content__list-notice .list-notice__item > span {
  display: table-cell;
  width: 100%;
  font-size: 1.4rem;
}
.c_content .c_content__list-notice .list-notice--center {
  display: block;
  text-align: center;
}
.c_content .c_content__list-notice .list-notice--center .list-notice__item,
.c_content .c_content__list-notice .list-notice--center-smp .list-notice__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.c_content .c_content__list-notice .list-notice--center .list-notice__item::before,
.c_content .c_content__list-notice .list-notice--center-smp .list-notice__item::before {
  display: block;
}
.c_content .c_content__list-notice .list-notice--center .list-notice__item > span,
.c_content .c_content__list-notice .list-notice--center-smp .list-notice__item > span {
  display: block;
  width: auto;
  font-size: 1.4rem;
}
.c_content {
  /*===============================================================
  c_content__list-warn
  ===============================================================*/
}
.c_content .c_content__list-warn {
  display: table;
  width: 100%;
  list-style: none;
  counter-reset: number;
  margin: 8px 0;
  font-size: 1.4rem;
  text-align: left;
}
.c_content .c_content__list-warn:first-child {
  margin-top: 0;
}
.c_content .c_content__list-warn:last-child {
  margin-bottom: 0;
}
.c_content .c_content__list-warn .list-warn__item {
  display: table-row;
  counter-increment: number;
}
.c_content .c_content__list-warn .list-warn__item::before {
  content: "※注" counter(number) "：";
  display: table-cell;
  white-space: pre;
}
.c_content .c_content__list-warn .list-warn__item > span {
  display: table-cell;
  width: 100%;
}
.c_content {
  /*===============================================================
  c_content__column
  ===============================================================*/
}
.c_content .c_content__column {
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
}
.c_content .c_content__column .title, .c_content .c_content__column .c_card--list .title_l, .c_card--list .c_content .c_content__column .title_l, .c_content .c_content__column .c_card--list .title_xl, .c_card--list .c_content .c_content__column .title_xl {
  font-size: 2rem;
}
.c_content .c_content__column p {
  line-height: 1.6;
}
.c_serial {
  counter-reset: serial-num;
}
.c_serial .c_serial__item {
  counter-increment: serial-num;
}
.c_serial .c_serial__item .c_serial__num::before {
  content: counter(serial-num, decimal-leading-zero);
}
.c_serial .c_serial__item .c_serial__num--single::before {
  content: counter(serial-num);
}

.c_serial_start_2 {
  counter-reset: serial-num 1;
}

.c_serial_start_3 {
  counter-reset: serial-num 2;
}

.c_serial_start_4 {
  counter-reset: serial-num 3;
}

.c_serial_start_5 {
  counter-reset: serial-num 4;
}

.c_serial_start_6 {
  counter-reset: serial-num 5;
}

.c_serial_start_7 {
  counter-reset: serial-num 6;
}

.c_serial_start_8 {
  counter-reset: serial-num 7;
}

.c_serial_start_9 {
  counter-reset: serial-num 8;
}

.c_serial_start_10 {
  counter-reset: serial-num 9;
}

/*===============================================================

    c_accordion

===============================================================*/
.c_accordion, .c_accordion--card {
  /*-------------------------------------------------------------
  c_accordion__header
  -------------------------------------------------------------*/
}
.c_accordion .c_accordion__header, .c_accordion--card .c_accordion__header {
  background-color: #172e7e;
  color: #fff;
}
.c_accordion .c_accordion__header .title_block, .c_accordion--card .c_accordion__header .title_block {
  position: relative;
  padding: 1.5rem;
  padding-right: 3rem;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.c_accordion .c_accordion__header .title_block:before, .c_accordion--card .c_accordion__header .title_block:before, .c_accordion .c_accordion__header .title_block:after, .c_accordion--card .c_accordion__header .title_block:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 1.5rem;
  margin: auto;
  width: 2rem;
  height: 2px;
  background: #fff;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.c_accordion .c_accordion__header .title_block:after, .c_accordion--card .c_accordion__header .title_block:after {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.c_accordion .c_accordion__header .title_block:hover, .c_accordion--card .c_accordion__header .title_block:hover {
  opacity: 0.7;
}
.c_accordion .c_accordion__header.active .title_block, .c_accordion--card .c_accordion__header.active .title_block {
  border-bottom: none;
}
.c_accordion .c_accordion__header.active .title_block::after, .c_accordion--card .c_accordion__header.active .title_block::after {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}
.c_accordion .c_accordion__header .title, .c_accordion--card .c_accordion__header .title, .c_accordion .c_accordion__header .c_card--list .title_l, .c_accordion--card .c_accordion__header .c_card--list .title_l, .c_card--list .c_accordion .c_accordion__header .title_l, .c_card--list .c_accordion--card .c_accordion__header .title_l, .c_accordion .c_accordion__header .c_card--list .title_xl, .c_accordion--card .c_accordion__header .c_card--list .title_xl, .c_card--list .c_accordion .c_accordion__header .title_xl, .c_card--list .c_accordion--card .c_accordion__header .title_xl {
  font-size: 1.8rem;
}
.c_accordion, .c_accordion--card {
  /*-------------------------------------------------------------
  c_accordion__body
  -------------------------------------------------------------*/
}
/*===============================================================

    c_accordion--card 

===============================================================*/
.c_accordion--card {
  background-color: #f5f5f5;
}
.c_accordion--card {
  /*-------------------------------------------------------------
  c_accordion__header
  -------------------------------------------------------------*/
}
.c_accordion--card .c_accordion__header {
  background-color: transparent;
  color: #000;
  padding: 3rem;
  cursor: pointer;
}
.c_accordion--card .c_accordion__header .title_block {
  padding: 0;
  padding-right: 3rem;
}
.c_accordion--card .c_accordion__header .title_block:hover {
  opacity: 1;
}
.c_accordion--card .c_accordion__header .title_block:before, .c_accordion--card .c_accordion__header .title_block:after {
  background: #999;
  right: 0;
}
.c_accordion--card .c_accordion__header .title_block .title, .c_accordion--card .c_accordion__header .title_block .c_card--list .title_l, .c_card--list .c_accordion--card .c_accordion__header .title_block .title_l, .c_accordion--card .c_accordion__header .title_block .c_card--list .title_xl, .c_card--list .c_accordion--card .c_accordion__header .title_block .title_xl {
  font-size: 2rem;
  line-height: 1.4;
}
.c_accordion--card .c_accordion__header .title_block .title:has(*), .c_accordion--card .c_accordion__header .title_block .c_card--list .title_l:has(*), .c_card--list .c_accordion--card .c_accordion__header .title_block .title_l:has(*), .c_accordion--card .c_accordion__header .title_block .c_card--list .title_xl:has(*), .c_card--list .c_accordion--card .c_accordion__header .title_block .title_xl:has(*) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
}
.c_accordion--card .c_accordion__header:hover .title_block:before, .c_accordion--card .c_accordion__header:hover .title_block:after {
  background: #666;
  right: 0;
}
.c_accordion--card {
  /*-------------------------------------------------------------
  c_accordion__body
  -------------------------------------------------------------*/
}
.c_accordion--card .c_accordion__body {
  padding: 3rem;
  padding-top: 0rem;
}
/*===============================================================
	c_list
===============================================================*/
.c_list, .c_list--dot, .c_list--dot-gray, .c_list--dot-black, .c_list--sp-vertical, .c_list--horizontal {
  /*-------------------------------------------------------------
  c_list
  -------------------------------------------------------------*/
}
/*===============================================================
	c_list--horizontal
===============================================================*/
.c_list--horizontal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 3rem;
}
@media screen and (max-width: 768px) {
  .c_list--horizontal {
    gap: 1rem;
  }
}

/*===============================================================
	c_list--horizontal
===============================================================*/
@media screen and (max-width: 768px) {
  .c_list--sp-vertical {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 1rem;
  }
}

/*===============================================================
	c_list--dot
===============================================================*/
.c_list--dot li, .c_list--dot-gray li, .c_list--dot-black li {
  position: relative;
  padding-left: 1em;
}
.c_list--dot li::after, .c_list--dot-gray li::after, .c_list--dot-black li::after {
  content: "";
  position: absolute;
  top: 0.6em;
  left: 0;
  margin: auto;
  width: 0.5em;
  height: 0.5em;
  background-color: #999;
  border-radius: 1em;
}
/*===============================================================
	c_list--dot
===============================================================*/
.c_list--dot-black li::after {
  background-color: #000;
}
/*===============================================================
	c_list--dot
===============================================================*/
.c_list--dot-gray li::after {
  background-color: #666;
}
/*===============================================================

    c_enrty

===============================================================*/
.c_enrty {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4rem;
}
.c_enrty a {
  color: #172e7e;
}
.c_enrty a:hover {
  color: #0083D3;
}
@media screen and (max-width: 768px) {
  .c_enrty {
    gap: 2rem;
  }
}
.c_enrty {
  /*===============================================================
  c_enrty__thumbnail
  ===============================================================*/
}
@media screen and (max-width: 768px) {
  .c_enrty .c_enrty__thumbnail {
    width: 100vw;
    margin: 0 calc(50% - 50vw);
    margin-top: -3rem;
  }
}
.c_enrty {
  /*===============================================================
  c_enrty__header
  ===============================================================*/
}
.c_enrty .c_enrty__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.c_enrty .c_enrty__header .article-information {
  display: block;
  margin-top: 2px;
  color: #08131A;
  opacity: 0.66;
  font-weight: 300;
  font-size: 1.2rem;
}
.c_enrty .c_enrty__header .article-information_first {
  margin-top: 19px;
}
.c_enrty .c_enrty__header .article-information_large {
  margin-top: 8px;
  font-size: 16px;
}
/*===============================================================

    c_enrty__body

===============================================================*/
.c_enrty__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2rem;
}
.c_enrty__body hr {
  margin: 3rem 0;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .c_enrty__body hr {
    margin: 2rem 0;
  }
}
.c_enrty__body {
  /*-------------------------------------------------------------
  見出し
  -------------------------------------------------------------*/
}
.c_enrty__body h2 {
  font-size: 2.8rem;
  font-weight: bold;
  line-height: 1.4;
  padding: 4rem 0 1rem 0;
  border-top: solid 3px #0083D3;
}
.c_enrty__body h3 {
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.4;
  background-color: #0083D3;
  color: #fff;
  padding: 1rem;
}
.c_enrty__body h4 {
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.4;
  background-color: rgba(0, 131, 211, 0.1);
  padding: 1rem;
}
.c_enrty__body h5 {
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.4;
  color: #172e7e;
}
.c_enrty__body * + h2 {
  margin-top: 6rem;
}
.c_enrty__body p + h4,
.c_enrty__body p + h3 {
  margin-top: 2rem;
}
.c_enrty__body h2 + h3 {
  margin-top: 1rem;
}
@media screen and (max-width: 768px) {
  .c_enrty__body h2 {
    font-size: 2.2rem;
    padding: 3rem 0 0.5rem 0;
  }
  .c_enrty__body h3 {
    font-size: 1.8rem;
  }
  .c_enrty__body h4 {
    font-size: 1.8rem;
  }
  .c_enrty__body h5 {
    font-size: 1.6rem;
  }
  .c_enrty__body * + h2 {
    margin-top: 4rem;
  }
  .c_enrty__body p + h4,
  .c_enrty__body p + h3 {
    margin-top: 1rem;
  }
  .c_enrty__body h2 + h3 {
    margin-top: 0.5rem;
  }
}
.c_enrty__body {
  /*-------------------------------------------------------------
  リスト
  -------------------------------------------------------------*/
}
.c_enrty__body ul,
.c_enrty__body ol {
  padding: 2rem;
  background-color: rgba(23, 46, 126, 0.05);
  list-style-position: inside;
}
.c_enrty__body ul li,
.c_enrty__body ol li {
  padding-left: 1em;
  text-indent: -1em;
}
.c_enrty__body ul li ul,
.c_enrty__body ul li ol,
.c_enrty__body ol li ul,
.c_enrty__body ol li ol {
  padding: 0;
  background-color: transparent !important;
  padding: 1rem 0;
  font-size: 90%;
}
.c_enrty__body ul li ul,
.c_enrty__body ol li ul {
  list-style-type: circle;
}
.c_enrty__body ul {
  list-style-type: disc;
}
.c_enrty__body ul li::marker {
  color: #0083D3;
}
.c_enrty__body li + li {
  margin-top: 0.5em;
}
.c_enrty__body {
  /*===============================================================
  目次
  ===============================================================*/
}
.c_enrty__body .toc-001 {
  padding: 1em 1em 1em 2em;
  border: 1px solid #999;
  background-color: #f7f7f7;
  color: #333333;
  margin-top: 3rem;
}
.c_enrty__body .toc-001 div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0;
  padding: 5px 0;
}
.c_enrty__body .toc-001 div::before {
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-right: 5px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 4H21V6H8V4ZM3 3.5H6V6.5H3V3.5ZM3 10.5H6V13.5H3V10.5ZM3 17.5H6V20.5H3V17.5ZM8 11H21V13H8V11ZM8 18H21V20H8V18Z' fill='%23333'%3E%3C/path%3E%3C/svg%3E");
  content: "";
}
.c_enrty__body .toc-001 label::after {
  margin-left: 5px;
  font-size: 0.8em;
  color: #166c9d;
  content: "[開く]";
  cursor: pointer;
}
.c_enrty__body .toc-001:has(:checked) label::after {
  content: "[閉じる]";
}
.c_enrty__body .toc-001 input {
  display: none;
}
.c_enrty__body .toc-001 ol {
  list-style-type: decimal;
  margin: 0;
  padding: 0 1.2em 0 2em;
  overflow: hidden;
  background-color: transparent !important;
}
.c_enrty__body .toc-001 ul {
  background-color: none;
}
.c_enrty__body .toc-001 > ol {
  height: 0;
}
.c_enrty__body .toc-001:has(:checked) > ol {
  height: auto;
}
.c_enrty__body .toc-001 ol ol {
  margin-top: 5px;
}
.c_enrty__body .toc-001 li {
  padding: 5px 0;
}
.c_enrty__body .toc-001 li + li {
  margin-top: 0;
}
.c_enrty__body .toc-001 a {
  color: #166c9d;
}
.c_enrty__body {
  /*-------------------------------------------------------------
  c_btn
  -------------------------------------------------------------*/
}
.c_enrty__body .c_btn a, .c_enrty__body .c_btn_round a, .c_enrty__body .c_btn_line a, .c_enrty__body .c_btn_line__white a, .c_enrty__body .c_btn__more a, .c_enrty__body .c_btn_flex a, .c_enrty__body .c_btn__white a {
  color: #fff;
}
.c_enrty__body .c_btn_line a, .c_enrty__body .c_btn_line__white a {
  color: #17339a;
}
.c_enrty__body .c_btn_line a:hover, .c_enrty__body .c_btn_line__white a:hover {
  color: #fff;
}

.c_pagenation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 2rem;
  margin-top: 4rem;
}
.c_pagenation .prev,
.c_pagenation .next {
  min-width: 0;
}
.c_pagenation .prev {
  margin-right: auto;
}
.c_pagenation .next {
  margin-left: auto;
}
.c_pagenation a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 14rem;
  padding: 1.2rem 2rem;
  color: #000;
  font-size: 1.4rem;
  line-height: 1.5;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #999;
  border-radius: 0.4rem;
  -webkit-transition: background-color 0.3s, color 0.3s, border-color 0.3s;
  transition: background-color 0.3s, color 0.3s, border-color 0.3s;
}
.c_pagenation a:hover {
  color: #fff;
  background-color: #000;
  border-color: #000;
}
@media screen and (max-width: 768px) {
  .c_pagenation {
    gap: 1rem;
    margin-top: 3rem;
  }
  .c_pagenation a {
    min-width: 12rem;
    padding: 1rem 1.5rem;
    font-size: 1.3rem;
  }
}

/*===============================================================

	レイアウト
	_rayout.scss

===============================================================*/
.full_width {
  padding-left: 5rem;
  padding-right: 5rem;
}
@media screen and (max-width: 768px) {
  .full_width {
    padding-left: 0;
    padding-right: 0;
  }
}

.max_width {
  max-width: 1800px;
  margin-left: auto;
  margin-right: auto;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media screen and (max-width: 1900px) {
  .max_width {
    padding: 0 5rem;
  }
}
@media screen and (max-width: 1170px) {
  .max_width {
    padding: 0 3rem;
  }
}
@media screen and (max-width: 768px) {
  .max_width {
    padding-left: 0;
    padding-right: 0;
  }
}

.wide_width {
  max-width: 150rem;
  margin-left: auto;
  margin-right: auto;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media screen and (max-width: 1600px) {
  .wide_width {
    padding: 0 5rem;
  }
  .max_width .wide_width {
    padding: 0;
  }
}
@media screen and (max-width: 1170px) {
  .wide_width {
    padding: 0 3rem;
  }
  .max_width .wide_width {
    padding: 0;
  }
}
@media screen and (max-width: 768px) {
  .wide_width {
    padding-left: 0;
    padding-right: 0;
  }
}

.large_width {
  max-width: 120rem;
  margin-left: auto;
  margin-right: auto;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media screen and (max-width: 1300px) {
  .large_width {
    padding: 0 5rem;
  }
  .max_width .large_width, .wide_width .large_width {
    padding: 0;
  }
}
@media screen and (max-width: 1170px) {
  .large_width {
    padding: 0 3rem;
  }
  .max_width .large_width, .wide_width .large_width {
    padding: 0;
  }
}
@media screen and (max-width: 768px) {
  .large_width {
    padding-left: 0;
    padding-right: 0;
  }
}

.content_width {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  max-width: 107rem;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1170px) {
  .content_width {
    padding: 0 3rem;
  }
  .max_width .content_width, .wide_width .content_width, .large_width .content_width {
    padding: 0;
  }
}
@media screen and (max-width: 768px) {
  .content_width {
    padding-left: 0;
    padding-right: 0;
  }
}

.narrow_width {
  max-width: 70rem;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 768px) {
  .narrow_width {
    padding-left: 0;
    padding-right: 0;
  }
}

.btn_width {
  max-width: 40rem;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 768px) {
  .btn_width {
    padding-left: 0;
    padding-right: 0;
  }
}

.absolute_full_width {
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

/*===============================================================

	seciton
	headlineとcontentなど、複数の要素、機能を取りまとめるコンテナ的な親要素。
	幅はsection_innerに記述する

===============================================================*/
.section_wrp {
  min-height: calc(100vh - 212px);
  height: auto;
  /* タブレット */
}
.section_wrp {
  /* for TABLET */
  /* SP */
}
@media screen and (max-width: 768px) {
  .section_wrp {
    min-height: calc(100vh - 116vw);
  }
}
.section_wrp {
  /* for SP */
}

.section {
  width: 100%;
}

.section_inner, .section_inner__sp_thin, .section_inner__thin {
  margin: 0 auto;
  padding-top: 10rem;
  padding-bottom: 12rem;
  padding-left: 0;
  padding-right: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .section_inner, .section_inner__sp_thin, .section_inner__thin {
    padding-top: 3rem;
    padding-bottom: 5rem;
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

.section_inner__thin {
  padding-top: 6rem;
  padding-bottom: 6rem;
}
@media screen and (max-width: 768px) {
  .section_inner__thin {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
}

@media screen and (max-width: 768px) {
  .section_inner__sp_thin {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
}

/*===============================================================

	content 
	個別のコンテンツ

===============================================================*/
.content + .content {
  margin-top: 10rem;
}

.headline + .content {
  margin-top: 5rem;
}

.content + .headline {
  margin-top: 10rem;
}

.content .content + *,
.content * + .content {
  margin-top: 8rem;
}

.content_title + .content {
  margin-top: 0;
}

/* タブレット以下 */
@media screen and (max-width: 1070px) {
  .content {
    width: 100%;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}
/* for tablet */
/* SP向けレイアウトの指定：～736px */
@media screen and (max-width: 768px) {
  .content + .content {
    margin-top: 5rem;
  }
  .headline + .content {
    margin-top: 2.5rem;
  }
  .content + .headline {
    margin-top: 5rem;
  }
  .content .content + *,
  .content * + .content {
    margin-top: 4rem;
  }
  .content_title + .content {
    margin-top: 0;
  }
}
/* for SP */
/*-------------------------------------------------------------
	block	
-------------------------------------------------------------*/
.block + .block_title {
  margin-top: 5rem;
}
.block_title + .block {
  margin-top: 3rem;
}
.block + .block {
  margin-top: 5rem;
}
.block p + p {
  margin-top: 1em;
}
.block .block + .block {
  margin-top: 3rem;
}
@media screen and (max-width: 768px) {
  .block + .block_title {
    margin-top: 2.5rem;
  }
  .block_title + .block {
    margin-top: 2rem;
  }
  .block + .block {
    margin-top: 2rem;
  }
}

/*===============================================================

    block_title

===============================================================*/
.block_title + .block_title {
  margin-top: 5rem;
}
.block_title {
  /* タブレット */
}
.block_title {
  /* for TABLET */
  /* SP */
}
@media screen and (max-width: 768px) {
  .block_title + .block_title {
    margin-top: 1.5rem;
  }
}
.block_title {
  /* for SP */
}

/* =========================================================
 header
========================================================= */
.header {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  border-top: 5px solid #172e7e;
  position: relative;
}

.home .header {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

@media screen and (max-width: 768px) {
  .header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-right: 8px;
  }
  .home .header {
    position: relative;
  }
}
/* global nav
--------------------------------------------------------- */
.gnav {
  padding: 0 30px;
  margin: 0 auto;
}

.gnav__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  height: 100%;
}

.gnav__item {
  width: 100%;
  width: auto;
  text-align: center;
  background: #fff;
}

.gnav__item + .gnav__item {
  margin-left: 1px;
}

.gnav__item__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 115px;
  padding: 8px;
  font-size: 1.4rem;
  line-height: 1.9rem;
  text-decoration: none;
  -webkit-transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.gnav__item__inner:hover {
  opacity: 0.7;
}

.gnav__item__inner img {
  margin-bottom: 16px;
}

.gnav__item--logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.gnav__item--logo img {
  margin-bottom: 0;
}

.gnav__item--logo .gnav__item__inner:hover {
  opacity: 1;
}

.gnav__item--lang {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: auto;
  min-width: 300px;
}

@media screen and (max-width: 768px) {
  .gnav {
    margin: 0;
    /*&__inner {
    	justify-content: center;
    }*/
  }
  .gnav__item {
    /*&--logo {
          margin-right: 0;
    }*/
  }
  .gnav__item:not(.gnav__item--logo) {
    display: none;
  }
}
/*===============================================================

	上書き

===============================================================*/
.gnav {
  padding: 0 3rem;
}
@media screen and (max-width: 768px) {
  .gnav {
    padding: 0 1.5rem;
  }
}
.gnav {
  /*-------------------------------------------------------------
  gnav__inner
  -------------------------------------------------------------*/
}
.gnav .gnav__inner {
  gap: 10px;
}
@media screen and (max-width: 1070px) {
  .gnav .gnav__inner {
    gap: 0;
  }
}
.gnav {
  /*-------------------------------------------------------------
  gnav__item
  -------------------------------------------------------------*/
}
.gnav .gnav__item br {
  display: none;
}
.gnav .gnav__item span {
  font-weight: bold;
  color: #172e7e;
}
@media screen and (max-width: 1100px) {
  .gnav .gnav__item br {
    display: block;
  }
}
.gnav {
  /*-------------------------------------------------------------
  gnav__item--lang
  -------------------------------------------------------------*/
}
.gnav .gnav__item--lang {
  min-width: 100px;
}
/* =========================================================
	footer
========================================================= */
.footer {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  font-size: 1.4rem;
}
.footer .footer-nav__item .icon--popup {
  text-decoration: none;
  display: block;
  color: #172e7e;
  position: relative;
  padding-right: 0;
}
.footer .footer-nav__item .icon--popup::after {
  position: relative;
  width: 1em;
  height: 1em;
  border: none;
  -webkit-transform: rotate(0) translate(0, 0);
  transform: rotate(0) translate(0, 0);
  content: "\e95e";
  border: 0;
  font-family: "icomoon2024" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.footer__copyright {
  display: block;
  width: 100%;
  padding: 10px 16px;
  background: #172e7e;
  text-align: center;
  color: #fff;
}

.footer__scroll-button {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #e3007f;
  display: block;
  opacity: 0;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  position: fixed;
  z-index: 10;
  right: 16px;
  bottom: 87px;
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
  -webkit-transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  pointer-events: none;
}

.footer__scroll-button::before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-top: 2px solid #FFF;
  border-left: 2px solid #FFF;
  -webkit-transform: translate(-50%, -30%) rotate(45deg);
  transform: translate(-50%, -30%) rotate(45deg);
  position: absolute;
  top: 50%;
  left: 50%;
}

.footer__scroll-button.is-active {
  opacity: 1;
  pointer-events: auto;
}

.footer__scroll-button.is-active:hover {
  opacity: 0.7;
}

@media screen and (max-width: 1024px) {
  .footer__scroll-button {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
}
/* footer nav
--------------------------------------------------------- */
.footer-nav {
  width: 100%;
  padding: 10px 0;
  padding: 50px 30px;
  background: #f3f3f3;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
}

.footer-nav__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  max-width: 1024px;
  padding: 0 16px;
  margin: 0 auto;
}
.footer-nav__inner.single_link {
  padding: 16px;
}

.footer-nav__item {
  position: relative;
}
.footer-nav__item a {
  text-decoration: none;
}

.footer-nav__item:not(:first-child) {
  margin-left: 48px;
}

.footer-nav__item:not(:first-child)::before {
  content: "";
  display: block;
  width: 1px;
  height: 1em;
  background: #242424;
  position: absolute;
  top: 50%;
  left: -24px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media screen and (max-width: 1024px) {
  .footer-nav {
    padding: 50px 0;
    padding-top: 20px;
  }
  .footer-nav__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
  }
  .footer-nav__item:not(:first-child) {
    margin: 8px 0 0;
  }
  .footer-nav__item:not(:first-child)::before {
    content: none;
  }
}
/*!------------------------------------*\
    Base
\*!------------------------------------*/
.drawer-open {
  overflow: hidden !important;
}

.drawer-nav {
  position: fixed;
  z-index: 101;
  top: 0;
  overflow: hidden;
  width: 20rem;
  height: 100%;
  color: #222;
  background-color: #fff;
  border-top: 5px solid #172e7e;
}

.drawer-brand {
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 3.75rem;
  display: block;
  padding-right: 8px;
  padding-left: 8px;
  text-decoration: none;
  color: #222;
}

.drawer-menu {
  margin: 0;
  padding: 0;
  list-style: none;
}

.drawer-menu-item {
  font-size: 1.5rem;
  display: block;
  padding: 8px 16px;
  text-decoration: none;
  color: #172e7e;
  font-weight: bold;
  background-color: #fff;
  -webkit-transition: background 0.3s cubic-bezier(0.4, 0, 0.2, 1), color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: background 0.3s cubic-bezier(0.4, 0, 0.2, 1), color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.drawer-menu-item:hover {
  text-decoration: none;
  color: #fff;
  background-color: #172e7e;
}

/*! overlay */
.drawer-overlay {
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
}

.drawer-open .drawer-overlay {
  display: block;
}

/*!------------------------------------*\
    Right
\*!------------------------------------*/
.drawer--right .drawer-nav {
  right: -20rem;
  -webkit-transition: right 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: right 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.drawer--right.drawer-open .drawer-nav,
.drawer--right .drawer-hamburger,
.drawer--right.drawer-open .drawer-navbar .drawer-hamburger {
  right: 0;
}

.drawer--right.drawer-open .drawer-hamburger {
  right: 20rem;
}

/*!------------------------------------*\
    Hamburger
\*!------------------------------------*/
.drawer-hamburger {
  position: relative;
  z-index: 104;
  top: 0;
  display: block;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  width: 24px;
  padding: 0;
  padding-top: 8px;
  padding-right: 8px;
  padding-bottom: 20px;
  padding-left: 8px;
  -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  border: 0;
  outline: 0;
  background-color: transparent;
}

.drawer-hamburger:hover {
  cursor: pointer;
  background-color: transparent;
}

.drawer-hamburger-icon {
  position: relative;
  display: block;
  margin-top: 10px;
}

.drawer-hamburger-icon,
.drawer-hamburger-icon:before,
.drawer-hamburger-icon:after {
  width: 100%;
  height: 2px;
  -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  background-color: #172e7e;
}

.drawer-hamburger-icon:before,
.drawer-hamburger-icon:after {
  position: absolute;
  top: -10px;
  left: 0;
  content: " ";
}

.drawer-hamburger-icon:after {
  top: 10px;
}

.drawer-open .drawer-hamburger-icon {
  background-color: transparent;
}

.drawer-open .drawer-hamburger-icon:before,
.drawer-open .drawer-hamburger-icon:after {
  top: 0;
}

.drawer-open .drawer-hamburger-icon:before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.drawer-open .drawer-hamburger-icon:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

@media screen and (min-width: 769px) {
  .drawer-hamburger {
    display: none;
  }
}
/*!------------------------------------*\
    accessibility
\*!------------------------------------*/
/*!
 * Only display content to screen readers
 * See: http://a11yproject.com/posts/how-to-hide-content
 */
.sr-only {
  position: absolute;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}

/*!
 * Use in conjunction with .sr-only to only display content when it's focused.
 * Useful for "Skip to main content" links; see http://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1
 * Credit: HTML5 Boilerplate
 */
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  overflow: visible;
  clip: auto;
  width: auto;
  height: auto;
  margin: 0;
}

/*!------------------------------------*\
    Sidebar
\*!------------------------------------*/
.drawer--sidebar {
  background-color: #fff;
}

.drawer--sidebar .drawer-contents {
  background-color: #fff;
}

@media (min-width: 64em) {
  .drawer--sidebar .drawer-hamburger {
    display: none;
    visibility: hidden;
  }
  .drawer--sidebar .drawer-nav {
    display: block;
    -webkit-transform: none;
    transform: none;
    position: fixed;
    width: 12.5rem;
    height: 100%;
  }
  /*! Left */
  .drawer--sidebar.drawer--left .drawer-nav {
    left: 0;
    border-right: 1px solid #ddd;
  }
  .drawer--sidebar.drawer--left .drawer-contents {
    margin-left: 12.5rem;
  }
  /*! Right */
  .drawer--sidebar.drawer--right .drawer-nav {
    right: 0;
    border-left: 1px solid #ddd;
  }
  .drawer--sidebar.drawer--right .drawer-contents {
    margin-right: 12.5rem;
  }
  /*! container */
  .drawer--sidebar .drawer-container {
    max-width: 48rem;
  }
}
@media (min-width: 75em) {
  .drawer--sidebar .drawer-nav {
    width: 20rem;
  }
  .drawer--sidebar.drawer--left .drawer-contents {
    margin-left: 20rem;
  }
  .drawer--sidebar.drawer--right .drawer-contents {
    margin-right: 20rem;
  }
  /*! container */
  .drawer--sidebar .drawer-container {
    max-width: 60rem;
  }
}
/*!------------------------------------*\
    Navbar
\*!------------------------------------*/
.drawer--navbarTopGutter {
  padding-top: 3.75rem;
}

.drawer-navbar .drawer-navbar-header {
  border-bottom: 1px solid #ddd;
  background-color: #fff;
}

.drawer-navbar {
  z-index: 102;
  top: 0;
  width: 100%;
}

/*! .drawer-navbar modifier */
.drawer-navbar--fixed {
  position: fixed;
}

.drawer-navbar-header {
  position: relative;
  z-index: 102;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 3.75rem;
  padding: 0 8px;
  text-align: center;
}

.drawer-navbar .drawer-brand {
  line-height: 3.75rem;
  display: inline-block;
  padding-top: 0;
  padding-bottom: 0;
  text-decoration: none;
}

.drawer-navbar .drawer-brand:hover {
  background-color: transparent;
}

.drawer-navbar .drawer-nav {
  padding-top: 3.75rem;
}

.drawer-navbar .drawer-menu {
  padding-bottom: 7.5rem;
}

@media (min-width: 64em) {
  .drawer-navbar {
    height: 3.75rem;
    border-bottom: 1px solid #ddd;
    background-color: #fff;
  }
  .drawer-navbar .drawer-navbar-header {
    position: relative;
    display: block;
    float: left;
    width: auto;
    padding: 0;
    border: 0;
  }
  .drawer-navbar .drawer-menu--right {
    float: right;
  }
  .drawer-navbar .drawer-menu li {
    float: left;
  }
  .drawer-navbar .drawer-menu-item {
    line-height: 3.75rem;
    padding-top: 0;
    padding-bottom: 0;
  }
  .drawer-navbar .drawer-hamburger {
    display: none;
  }
  .drawer-navbar .drawer-nav {
    position: relative;
    left: 0;
    overflow: visible;
    width: auto;
    height: 3.75rem;
    padding-top: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  .drawer-navbar .drawer-menu {
    padding: 0;
  }
  /*! dropdown */
  .drawer-navbar .drawer-dropdown-menu {
    position: absolute;
    width: 20rem;
    border: 1px solid #ddd;
  }
  .drawer-navbar .drawer-dropdown-menu-item {
    padding-left: 8px;
  }
}
/*!------------------------------------*\
    Dropdown
\*!------------------------------------*/
.drawer-dropdown-menu {
  display: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding: 0;
  background-color: #fff;
}

.drawer-dropdown-menu > li {
  width: 100%;
  list-style: none;
}

.drawer-dropdown-menu-item {
  line-height: 3.75rem;
  display: block;
  padding: 0;
  padding-right: 8px;
  padding-left: 16px;
  text-decoration: none;
  color: #172e7e;
}

.drawer-dropdown-menu-item:hover {
  text-decoration: underline;
  color: #fff;
  background-color: transparent;
}

/*! open */
.drawer-dropdown.open > .drawer-dropdown-menu {
  display: block;
}

/*! drawer-caret */
.drawer-dropdown .drawer-caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 4px;
  -webkit-transition: opacity 0.2s ease, -webkit-transform 0.2s ease;
  transition: opacity 0.2s ease, -webkit-transform 0.2s ease;
  transition: transform 0.2s ease, opacity 0.2s ease;
  transition: transform 0.2s ease, opacity 0.2s ease, -webkit-transform 0.2s ease;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  vertical-align: middle;
  border-top: 4px solid;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}

/*! open */
.drawer-dropdown.open .drawer-caret {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

/*!------------------------------------*\
    Container
\*!------------------------------------*/
.drawer-container {
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 64em) {
  .drawer-container {
    max-width: 60rem;
  }
}
@media (min-width: 75em) {
  .drawer-container {
    max-width: 70rem;
  }
}
/*===============================================================

    main2026

===============================================================*/
.main2026 {
  padding-top: 120px;
}
@media screen and (max-width: 768px) {
  .main2026 {
    padding-top: 0;
  }
}

/*===============================================================

	navigation_panel

===============================================================*/
.navigation_panel {
  position: fixed;
  z-index: 150;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: none;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  opacity: 0;
}
.menu_open .navigation_panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  opacity: 0;
}
.menu_show .navigation_panel {
  opacity: 1;
}
.navigation_panel {
  color: #333;
  background-color: #fff;
}
.navigation_panel a {
  color: #333;
  text-decoration: none;
}
.navigation_panel a:hover {
  color: #CD7B77;
  text-decoration: none;
}
.navigation_panel .navigation_panel_inner {
  min-width: 691.2px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
  opacity: 0;
  -webkit-transform: translateY(3rem);
          transform: translateY(3rem);
}
.menu_show .navigation_panel .navigation_panel_inner {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.menu_hide .navigation_panel .navigation_panel_inner {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  opacity: 0;
  -webkit-transform: translateY(3rem);
          transform: translateY(3rem);
}
.navigation_panel {
  /* タブレット */
}
.navigation_panel {
  /* for TABLET */
  /* SP */
}
@media screen and (max-width: 768px) {
  .navigation_panel .navigation_panel_inner {
    min-width: 90%;
  }
}
.navigation_panel {
  /* for SP */
  /*-------------------------------------------------------------
  header_block
  -------------------------------------------------------------*/
}
.navigation_panel .header_block {
  text-align: center;
}
.navigation_panel .header_block .site_title {
  width: 40rem;
  margin: 0 auto;
}
.navigation_panel .header_block .sub_title {
  font-size: 2rem;
  font-weight: bold;
}
.navigation_panel .header_block .cp_btn {
  margin: 0 auto;
  margin-top: 3rem;
}
.navigation_panel .header_block .cp_btn a {
  display: inline-block;
  background-color: #CD7B77;
  color: #fff;
  font-size: 2rem;
  line-height: 1.4;
  padding: 0.5em 1em;
  border-radius: 3rem;
  font-weight: bold;
}
.navigation_panel .header_block .cp_btn a:hover {
  background-color: #da645e;
}
.navigation_panel .header_block .cp_btn + .cp_btn {
  margin-top: 1rem;
}
.navigation_panel .header_block {
  /* タブレット */
}
.navigation_panel .header_block {
  /* for TABLET */
  /* SP */
}
@media screen and (max-width: 768px) {
  .navigation_panel .header_block {
    padding: 0 5vw;
  }
  .navigation_panel .header_block .site_title {
    width: 60vw;
  }
  .navigation_panel .header_block .sub_title {
    font-size: 4vw;
  }
  .navigation_panel .header_block .cp_btn {
    margin-top: 5vw;
  }
  .navigation_panel .header_block .cp_btn a {
    font-size: 4vw;
    line-height: 1.4;
    padding: 0.5em 1em;
    border-radius: 100px;
  }
  .navigation_panel .header_block .cp_btn a:hover {
    background-color: #da645e;
  }
}
.navigation_panel .header_block {
  /* for SP */
}
.navigation_panel {
  /*-------------------------------------------------------------
  body_block
  -------------------------------------------------------------*/
}
.navigation_panel .body_block {
  width: 64rem;
  margin: 0 auto;
  margin-top: 2rem;
}
.navigation_panel .body_block .navigation_menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0;
  margin: 0;
  list-style: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1%;
}
.navigation_panel .body_block .navigation_menu li {
  width: 32%;
  margin-top: 3rem;
}
.navigation_panel .body_block .navigation_menu a {
  display: block;
  text-decoration: none;
  font-weight: bold;
  text-align: center;
  padding-bottom: 0.5em;
  border-bottom: solid 1px #000;
}
.navigation_panel .body_block .navigation_menu a:hover {
  opacity: 0.7;
  border-bottom: solid 1px #CD7B77;
}
.navigation_panel .body_block {
  /* タブレット */
}
.navigation_panel .body_block {
  /* for TABLET */
  /* SP */
}
@media screen and (max-width: 768px) {
  .navigation_panel .body_block {
    width: 100%;
    padding: 5vw 5vw 0;
    margin-top: 0;
  }
  .navigation_panel .body_block .navigation_menu a {
    text-decoration: none;
    font-weight: bold;
  }
  .navigation_panel .body_block .navigation_menu a:hover {
    opacity: 0.7;
  }
  .navigation_panel .body_block .navigation_menu li {
    width: 48%;
    margin-top: 3vw;
  }
}
.navigation_panel .body_block {
  /* for SP */
  /*-------------------------------------------------------------
  navigation_menu_sub
  -------------------------------------------------------------*/
}
.navigation_panel .body_block .navigation_menu_sub {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 3rem;
}
.navigation_panel .body_block .navigation_menu_sub li {
  width: 33.3%;
  margin-top: 0.5rem;
}
.navigation_panel .body_block .navigation_menu_sub a {
  font-size: 1.4rem;
}
.navigation_panel .body_block .navigation_menu_sub a .label {
  font-weight: normal !important;
}
@media screen and (max-width: 768px) {
  .navigation_panel .body_block .navigation_menu_sub {
    margin-top: 5vw;
  }
  .navigation_panel .body_block .navigation_menu_sub li {
    width: 50%;
    margin-top: 3vw;
  }
  .navigation_panel .body_block .navigation_menu_sub .about_shitei {
    width: 100%;
  }
  .navigation_panel .body_block .navigation_menu_sub a {
    font-size: 3.5vw;
  }
}
.navigation_panel {
  /*-------------------------------------------------------------
  footer_block
  -------------------------------------------------------------*/
}
.navigation_panel .footer_block {
  text-align: center;
  margin-top: 5rem;
  /* タブレット */
}
.navigation_panel .footer_block {
  /* for TABLET */
  /* SP */
}
@media screen and (max-width: 768px) {
  .navigation_panel .footer_block {
    margin: 0;
    padding: 10vw;
  }
}
.navigation_panel .footer_block {
  /* for SP */
}
.navigation_panel {
  /*-------------------------------------------------------------
  	btn_close_navigation_panel
  -------------------------------------------------------------*/
}
.navigation_panel .btn_close_navigation_panel {
  margin-top: 2rem;
}
.navigation_panel .btn_close_navigation_panel a {
  display: inline-block;
  min-width: 20rem;
  font-size: 1.6rem;
  color: #fff;
  border: solid 1px #fff;
  padding: 1rem 3rem;
}
.navigation_panel .btn_close_navigation_panel a:hover {
  opacity: 0.6;
}
.navigation_panel .btn_close_navigation_panel {
  /* タブレット */
}
.navigation_panel .btn_close_navigation_panel {
  /* for TABLET */
  /* SP */
}
.navigation_panel .btn_close_navigation_panel {
  /* for SP */
}
.navigation_panel {
  /*===============================================================
  close_btn
  ===============================================================*/
}
.navigation_panel .close_btn {
  text-align: center;
  margin-top: 2rem;
}
.navigation_panel .close_btn a {
  color: #666;
  display: inline-block;
  border: solid 1px #ccc;
  padding: 0.2em 1.5em;
  border-radius: 2em;
}
.navigation_panel .close_btn a:hover {
  opacity: 0.7;
}
/*===============================================================

hamburger_menu

===============================================================*/
.hamburger_menu {
  position: fixed;
  z-index: 500;
  top: 2.5rem;
  right: 2.5rem;
  width: 5rem;
  height: 5rem;
}
.hamburger_menu .hamburger_menu_inner {
  position: relative;
  width: 5rem;
  height: 5rem;
}
.hamburger_menu {
  /* タブレット */
}
.hamburger_menu {
  /* for TABLET */
  /* SP */
}
@media screen and (max-width: 768px) {
  .hamburger_menu {
    top: 2.5rem;
    right: 3vw;
    width: 14vw;
    height: 14vw;
  }
  .hamburger_menu .hamburger_menu_inner {
    width: 14vw;
    height: 14vw;
  }
}
.hamburger_menu {
  /* for SP */
  /*-------------------------------------------------------------
  hamburger_menu_btn_bg
  -------------------------------------------------------------*/
}
.hamburger_menu .hamburger_menu_btn_bg {
  background-color: #fff;
  width: 5rem;
  height: 5rem;
  border-radius: 5rem;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  /* タブレット */
}
.hamburger_menu .hamburger_menu_btn_bg {
  /* for TABLET */
  /* SP */
}
@media screen and (max-width: 768px) {
  .hamburger_menu .hamburger_menu_btn_bg {
    width: 14vw;
    height: 14vw;
    border-radius: 14vw;
  }
}
.hamburger_menu .hamburger_menu_btn_bg {
  /* for SP */
}
.hamburger_menu {
  /*-------------------------------------------------------------
  hamburger_menu_btn
  -------------------------------------------------------------*/
}
.hamburger_menu .hamburger_menu_btn {
  padding: 0;
  margin: 0;
  width: 5rem;
  height: 5rem;
  border-radius: 5rem;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  /* タブレット */
}
.hamburger_menu .hamburger_menu_btn {
  /* for TABLET */
  /* SP */
}
@media screen and (max-width: 768px) {
  .hamburger_menu .hamburger_menu_btn {
    width: 14vw;
    height: 14vw;
    border-radius: 14vw;
  }
}
.hamburger_menu .hamburger_menu_btn {
  /* for SP */
}
.hamburger_menu {
  /*-------------------------------------------------------------
   menu_btn
  -------------------------------------------------------------*/
}
.hamburger_menu .menu_btn, .hamburger_menu .menu_btn_no_txt {
  display: block;
  position: relative;
  background-color: transparent !important;
  border: 0;
  width: 5rem;
  height: 5rem;
  border-radius: 5rem;
  padding: 0 !important;
  cursor: pointer;
}
.hamburger_menu .menu_btn .label, .hamburger_menu .menu_btn_no_txt .label {
  display: block;
  position: absolute;
  text-align: center;
  bottom: 10px;
  left: 0;
  right: 0;
  margin: auto;
  font-size: 11px;
  line-height: 12px;
  height: 12px;
  width: 100%;
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 1;
  color: #000;
  pointer-events: none;
  font-weight: bold;
}
.hamburger_menu .menu_btn::after, .hamburger_menu .menu_btn_no_txt::after, .hamburger_menu .menu_btn::before, .hamburger_menu .menu_btn_no_txt::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 2rem;
  height: 2px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.hamburger_menu .menu_btn::after, .hamburger_menu .menu_btn_no_txt::after {
  background-color: #000;
  -webkit-transform: translateY(-2px) translateX(0px);
          transform: translateY(-2px) translateX(0px);
}
.hamburger_menu .menu_btn::before, .hamburger_menu .menu_btn_no_txt::before {
  background-color: #000;
  -webkit-transform: translateY(-10px) translateX(0px);
          transform: translateY(-10px) translateX(0px);
}
.hamburger_menu .menu_btn:hover::after, .hamburger_menu .menu_btn_no_txt:hover::after {
  -webkit-transform: translateY(-2px) translateX(3px);
          transform: translateY(-2px) translateX(3px);
}
.hamburger_menu .menu_btn:hover::before, .hamburger_menu .menu_btn_no_txt:hover::before {
  -webkit-transform: translateY(-10px) translateX(-3px);
          transform: translateY(-10px) translateX(-3px);
}
.hamburger_menu .menu_btn:hover, .hamburger_menu .menu_btn_no_txt:hover {
  text-decoration: none;
}
.menu_open .hamburger_menu .menu_btn::after, .menu_open .hamburger_menu .menu_btn_no_txt::after, .menu_open .hamburger_menu .menu_btn::before, .menu_open .hamburger_menu .menu_btn_no_txt::before {
  width: 1.5rem;
}
.menu_open .hamburger_menu .menu_btn::after, .menu_open .hamburger_menu .menu_btn_no_txt::after {
  -webkit-transform: rotate(-45deg) translate(5px, -5px);
          transform: rotate(-45deg) translate(5px, -5px);
}
.menu_open .hamburger_menu .menu_btn::before, .menu_open .hamburger_menu .menu_btn_no_txt::before {
  -webkit-transform: rotate(45deg) translate(-5px, -5px);
          transform: rotate(45deg) translate(-5px, -5px);
}
.menu_open .hamburger_menu .menu_btn:hover::after, .menu_open .hamburger_menu .menu_btn_no_txt:hover::after, .menu_open .hamburger_menu .menu_btn:hover::before, .menu_open .hamburger_menu .menu_btn_no_txt:hover::before {
  width: 2.5rem;
}
.hamburger_menu .menu_btn, .hamburger_menu .menu_btn_no_txt {
  /* タブレット */
}
.hamburger_menu .menu_btn, .hamburger_menu .menu_btn_no_txt {
  /* for TABLET */
  /* SP */
}
@media screen and (max-width: 768px) {
  .hamburger_menu .menu_btn, .hamburger_menu .menu_btn_no_txt {
    width: 14vw;
    height: 14vw;
    border-radius: 14vw;
  }
}
.hamburger_menu .menu_btn, .hamburger_menu .menu_btn_no_txt {
  /* for SP */
}
.hamburger_menu {
  /*-------------------------------------------------------------
  menu_btn_no_txt
  -------------------------------------------------------------*/
}
.hamburger_menu .menu_btn_no_txt .label {
  opacity: 0;
}
.hamburger_menu .menu_btn_no_txt::after {
  background-color: #000;
  -webkit-transform: translateY(3px) translateX(0px);
          transform: translateY(3px) translateX(0px);
}
.hamburger_menu .menu_btn_no_txt::before {
  background-color: #000;
  -webkit-transform: translateY(-3px) translateX(0px);
          transform: translateY(-3px) translateX(0px);
}
.hamburger_menu .menu_btn_no_txt:hover::after {
  -webkit-transform: translateY(3px) translateX(3px);
          transform: translateY(3px) translateX(3px);
}
.hamburger_menu .menu_btn_no_txt:hover::before {
  -webkit-transform: translateY(-3px) translateX(-3px);
          transform: translateY(-3px) translateX(-3px);
}
.menu_open .hamburger_menu .menu_btn_no_txt::after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.menu_open .hamburger_menu .menu_btn_no_txt::before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.hamburger_menu .menu_btn_no_txt {
  /* タブレット */
}
.hamburger_menu .menu_btn_no_txt {
  /* for TABLET */
  /* SP */
}
.hamburger_menu .menu_btn_no_txt {
  /* for SP */
}
.hamburger_menu {
  /*===============================================================
  //hamburger
  ===============================================================*/
}

/*===============================================================

	c_pagenation

===============================================================*/
.c_pagenation {
  /*-------------------------------------------------------------
  c_pagenavi共通設定
  -------------------------------------------------------------*/
  /*-------------------------------------------------------------
  WP-PageNavi
  -------------------------------------------------------------*/
}
.c_pagenation .wp-pagenavi {
  text-align: center;
  position: relative;
  vertical-align: middle;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.c_pagenation .wp-pagenavi a,
.c_pagenation .wp-pagenavi span {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-decoration: none;
  border-radius: 0;
}
.c_pagenation .wp-pagenavi .backtolistlink,
.c_pagenation .wp-pagenavi .page,
.c_pagenation .wp-pagenavi .current {
  border: solid 1px #000;
  background: #fff;
  color: #000;
  border-color: #000;
  font-size: 18px;
  width: 40px;
  line-height: 38px;
}
@media screen and (max-width: 768px) {
  .c_pagenation .wp-pagenavi .backtolistlink,
  .c_pagenation .wp-pagenavi .page,
  .c_pagenation .wp-pagenavi .current {
    font-size: 4vw;
    width: 10vw;
    line-height: 10vw-2px;
  }
}
.c_pagenation .wp-pagenavi .backtolistlink {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0 40px;
}
@media screen and (max-width: 768px) {
  .c_pagenation .wp-pagenavi .backtolistlink {
    padding: 0 6vw;
  }
}
.c_pagenation .wp-pagenavi .pages {
  display: block;
  padding-bottom: 10px;
  width: 100%;
}
.c_pagenation .wp-pagenavi .current {
  color: #fff;
  background: #000;
  border: solid 1px #000;
}
.c_pagenation .wp-pagenavi a:focus,
.c_pagenation .wp-pagenavi a:hover {
  color: #fff;
  background: #000;
}
@media screen and (max-width: 768px) {
  .c_pagenation .wp-pagenavi {
    gap: 1vw;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.c_pagenation {
  /*-------------------------------------------------------------
  前のページ/次のページ
  -------------------------------------------------------------*/
}
.c_pagenation .wp-pagenavi .previouspostslink,
.c_pagenation .wp-pagenavi .nextpostslink {
  position: relative;
  color: transparent;
  border: solid 1px #000;
  white-space: nowrap;
  overflow: hidden;
  text-indent: 100%;
  font-size: 18px;
  width: 40px;
  line-height: 38px;
}
@media screen and (max-width: 768px) {
  .c_pagenation .wp-pagenavi .previouspostslink,
  .c_pagenation .wp-pagenavi .nextpostslink {
    font-size: 4vw;
    width: 10vw;
    line-height: 10vw-2px;
  }
}
.c_pagenation .wp-pagenavi .previouspostslink::after,
.c_pagenation .wp-pagenavi .nextpostslink::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 8px;
  height: 8px;
  border-right: solid 1px #000;
  border-bottom: solid 1px #000;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media screen and (max-width: 768px) {
  .c_pagenation .wp-pagenavi .previouspostslink::after,
  .c_pagenation .wp-pagenavi .nextpostslink::after {
    width: 2vw;
    height: 2vw;
  }
}
.c_pagenation .wp-pagenavi .previouspostslink::after {
  left: 5px;
  right: 0;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}
.c_pagenation .wp-pagenavi .nextpostslink::after {
  left: 0;
  right: 5px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.c_pagenation .wp-pagenavi .previouspostslink:focus,
.c_pagenation .wp-pagenavi .nextpostslink:focus,
.c_pagenation .wp-pagenavi .previouspostslink:hover,
.c_pagenation .wp-pagenavi .nextpostslink:hover {
  color: transparent;
  background: #000;
}
.c_pagenation .wp-pagenavi .previouspostslink:focus::after,
.c_pagenation .wp-pagenavi .nextpostslink:focus::after,
.c_pagenation .wp-pagenavi .previouspostslink:hover::after,
.c_pagenation .wp-pagenavi .nextpostslink:hover::after {
  border-color: #fff !important;
}
.c_pagenation .wp-pagenavi .txt_label {
  color: #000;
  text-indent: 0 !important;
  padding: 0 28px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.c_pagenation .wp-pagenavi .txt_label:focus,
.c_pagenation .wp-pagenavi .txt_label:hover {
  color: #fff;
  background: #000;
  border: solid 1px #000;
}
.c_pagenation .wp-pagenavi .previouspostslink.txt_label::after {
  left: 15px;
  right: auto;
}
.c_pagenation .wp-pagenavi .nextpostslink.txt_label::after {
  left: auto;
  right: 15px;
}
@media screen and (max-width: 768px) {
  .c_pagenation .wp-pagenavi .txt_label {
    padding: 0 3vw;
  }
  .c_pagenation .wp-pagenavi .previouspostslink.txt_label {
    padding-left: 6vw;
  }
  .c_pagenation .wp-pagenavi .nextpostslink.txt_label {
    padding-right: 6vw;
  }
  .c_pagenation .wp-pagenavi .previouspostslink.txt_label::after {
    left: 3vw;
  }
  .c_pagenation .wp-pagenavi .nextpostslink.txt_label::after {
    right: 3vw;
  }
}
.c_pagenation .wp-pagenavi .deactive {
  visibility: hidden;
  pointer-events: none;
  color: rgba(0, 0, 0, 0.3);
  border: solid 1px rgba(0, 0, 0, 0.3);
  background: transparent;
}
.c_pagenation .wp-pagenavi .deactive::after {
  opacity: 0.3;
}
.c_pagenation {
  /*-------------------------------------------------------------
  最初のページ/最後のページ
  -------------------------------------------------------------*/
}
.c_pagenation .wp-pagenavi .first,
.c_pagenation .wp-pagenavi .last {
  position: relative;
  color: transparent;
  border: solid 1px #000;
  font-size: 18px;
  width: 40px;
  line-height: 38px;
}
@media screen and (max-width: 768px) {
  .c_pagenation .wp-pagenavi .first,
  .c_pagenation .wp-pagenavi .last {
    font-size: 4vw;
    width: 10vw;
    line-height: 10vw-2px;
  }
}
.c_pagenation .wp-pagenavi .first {
  margin-left: 0;
}
.c_pagenation .wp-pagenavi .last {
  margin-right: 0;
}
.c_pagenation .wp-pagenavi .first::before,
.c_pagenation .wp-pagenavi .first::after,
.c_pagenation .wp-pagenavi .last::before,
.c_pagenation .wp-pagenavi .last::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 7px;
  height: 7px;
  border-right: solid 1px #000;
  border-bottom: solid 1px #000;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media screen and (max-width: 768px) {
  .c_pagenation .wp-pagenavi .first::before,
  .c_pagenation .wp-pagenavi .first::after,
  .c_pagenation .wp-pagenavi .last::before,
  .c_pagenation .wp-pagenavi .last::after {
    width: 2vw;
    height: 2vw;
  }
}
.c_pagenation .wp-pagenavi .first::before {
  left: 14px;
  right: auto;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}
.c_pagenation .wp-pagenavi .first::after {
  left: 19px;
  right: auto;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}
.c_pagenation .wp-pagenavi .last::before {
  right: 14px;
  left: auto;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.c_pagenation .wp-pagenavi .last::after {
  right: 19px;
  left: auto;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.c_pagenation .wp-pagenavi .first:focus,
.c_pagenation .wp-pagenavi .last:focus,
.c_pagenation .wp-pagenavi .first:hover,
.c_pagenation .wp-pagenavi .last:hover {
  color: transparent !important;
  background: #000;
}
.c_pagenation .wp-pagenavi .first:focus::before,
.c_pagenation .wp-pagenavi .first:focus::after,
.c_pagenation .wp-pagenavi .last:focus::before,
.c_pagenation .wp-pagenavi .last:focus::after,
.c_pagenation .wp-pagenavi .first:hover::before,
.c_pagenation .wp-pagenavi .first:hover::after,
.c_pagenation .wp-pagenavi .last:hover::before,
.c_pagenation .wp-pagenavi .last:hover::after {
  border-color: #fff;
}
@media screen and (max-width: 768px) {
  .c_pagenation .wp-pagenavi .first {
    margin-right: 1vw;
  }
  .c_pagenation .wp-pagenavi .first::before {
    left: 3.3vw;
  }
  .c_pagenation .wp-pagenavi .first::after {
    left: 4.7vw;
  }
  .c_pagenation .wp-pagenavi .last::before {
    right: 4.7vw;
  }
  .c_pagenation .wp-pagenavi .last::after {
    right: 3.3vw;
  }
}
.c_pagenation {
  /*-------------------------------------------------------------
  省略マーク
  -------------------------------------------------------------*/
}
.c_pagenation .wp-pagenavi .extend {
  font-size: 18px;
  display: inline-block;
  margin: 0;
  color: #000;
  vertical-align: bottom;
}
@media screen and (max-width: 768px) {
  .c_pagenation .wp-pagenavi .extend {
    font-size: 3vw;
    margin: 0;
  }
}
.c_pagenation {
  /*===============================================================
  //	c_pagenation
  ===============================================================*/
}

/*===============================================================

    entry-title

===============================================================*/
.entry-title .title, .entry-title .c_card--list .title_l, .c_card--list .entry-title .title_l, .entry-title .c_card--list .title_xl, .c_card--list .entry-title .title_xl {
  font-size: 4rem;
}
.entry-title * + .title, .entry-title .c_card--list * + .title_l, .c_card--list .entry-title * + .title_l, .entry-title .c_card--list * + .title_xl, .c_card--list .entry-title * + .title_xl {
  margin-top: 0.5em;
}
/*===============================================================

    section_blog

===============================================================*/
/*===============================================================

    blog_area_wrp

===============================================================*/
.blog_area_wrp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.blog_area_wrp .blog_area_main {
  width: calc(100% - 350px);
}
.blog_area_wrp .blog_area_sub {
  width: 300px;
}
@media screen and (max-width: 768px) {
  .blog_area_wrp {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .blog_area_wrp .blog_area_main {
    width: 100%;
  }
  .blog_area_wrp .blog_area_sub {
    width: 100%;
    margin-top: 10vw;
  }
}

/*===============================================================

    blog_main_area

===============================================================*/
.blog_area_main * {
  word-break: break-all;
  overflow-wrap: break-word;
}
/*===============================================================

    blog_sub_area

===============================================================*/
.blog_area_sub {
  /*===============================================================
  sidemenu__tags
  ===============================================================*/
}
.blog_area_sub .article-sidemenu__tags {
  padding-top: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 14px 8px;
}
.blog_area_sub .article-sidemenu__tag a {
  display: inline-block;
  color: #172e7e;
  background-color: rgba(23, 46, 126, 0.05);
  border: solid 1px rgba(0, 131, 211, 0.3);
  font-size: 1.4rem;
  line-height: 1;
  padding: 0.5em 1em;
  border-radius: 5em;
  text-decoration: none;
}
.blog_area_sub .article-sidemenu__tag a::before {
  content: "#";
  margin-right: 0.3em;
}
.blog_area_sub {
  /*===============================================================
  widget
  ===============================================================*/
}
.blog_area_sub .widget + .widget {
  margin-top: 5rem;
}
.blog_area_sub .widget .widget-title {
  font-size: 2.5rem;
  font-size: 2.2rem;
}
@media screen and (max-width: 768px) {
  .blog_area_sub .widget {
    padding-top: 3rem;
    border-top: solid 1px #999 !important;
  }
  .blog_area_sub .widget + .widget {
    margin-top: 3rem;
  }
}
.blog_area_sub .widget {
  /*-------------------------------------------------------------
  more_list
  -------------------------------------------------------------*/
}
.blog_area_sub .widget .more_list {
  text-align: right;
  margin-top: 1em;
}
.blog_area_sub .widget .more_list a {
  display: inline-block;
  padding-right: 1.5em;
  color: #333;
  position: relative;
  text-decoration: none;
}
.blog_area_sub .widget .more_list a::before, .blog_area_sub .widget .more_list a::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  width: 0.8em;
  height: 1px;
  background-color: #666;
}
.blog_area_sub .widget .more_list a::after {
  rotate: 90deg;
}
.blog_area_sub .widget .more_list a:hover {
  color: #333;
  opacity: 0.7;
}
.blog_area_sub .widget .more_list.open a::after {
  rotate: 0deg;
}
.blog_area_sub {
  /*===============================================================
  widget_ctabtns
  ===============================================================*/
}
.blog_area_sub .widget_ctabtns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
}
@media screen and (max-width: 768px) {
  .blog_area_sub .widget_ctabtns .c_btn, .blog_area_sub .widget_ctabtns .c_btn_round, .blog_area_sub .widget_ctabtns .c_btn_line, .blog_area_sub .widget_ctabtns .c_btn_line__white, .blog_area_sub .widget_ctabtns .c_btn__more, .blog_area_sub .widget_ctabtns .c_btn_flex, .blog_area_sub .widget_ctabtns .c_btn__white {
    width: 100%;
    height: auto;
  }
}
.blog_area_sub {
  /*===============================================================
  entry_list
  ===============================================================*/
}
.blog_area_sub .entry_list {
  padding-bottom: 2rem;
  border-bottom: solid 1px #ccc;
}
.blog_area_sub .entry_item {
  margin-top: 2rem;
  padding-top: 2rem;
  border-top: solid 1px #ccc;
}
.blog_area_sub .entry_item a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: none;
}
.blog_area_sub .entry_item .txt,
.blog_area_sub .entry_item .thumbnail {
  width: calc((100% - 1rem) / 2);
}
.blog_area_sub .entry_item .date {
  font-size: 1.2rem;
  color: #666;
}
.blog_area_sub .entry_item .title, .blog_area_sub .entry_item .c_card--list .title_l, .c_card--list .blog_area_sub .entry_item .title_l, .blog_area_sub .entry_item .c_card--list .title_xl, .c_card--list .blog_area_sub .entry_item .title_xl {
  font-size: 1.4rem;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
/*===============================================================

    widget_search

===============================================================*/
.widget_search,
.blog_area_wrp {
  /*===============================================================
      search-form
  ===============================================================*/
}
.widget_search input[type=search],
.blog_area_wrp input[type=search] {
  color: #666;
  background: #fff;
  background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
  border: 1px solid #bbb;
  border-radius: 3px;
  display: block;
  padding: 0.7em;
  width: 100%;
  font-size: 1.4rem;
}
.widget_search button,
.widget_search input[type=button],
.widget_search input[type=submit],
.blog_area_wrp button,
.blog_area_wrp input[type=button],
.blog_area_wrp input[type=submit] {
  border: 0;
  border-radius: 2px;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 1.4rem;
  font-weight: 800;
  line-height: 1;
  padding: 0em 2em;
  text-shadow: none;
}
.widget_search input + button,
.widget_search input + input[type=button],
.widget_search input + input[type=submit],
.blog_area_wrp input + button,
.blog_area_wrp input + input[type=button],
.blog_area_wrp input + input[type=submit] {
  padding: 0.75em 2em;
}
.widget_search [type=search],
.blog_area_wrp [type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
.widget_search .search-form,
.blog_area_wrp .search-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  max-width: 550px;
  margin: 0 auto;
}
.widget_search .search-form label,
.blog_area_wrp .search-form label {
  position: absolute;
  left: -9999px;
}
.widget_search .search-form .search-field,
.blog_area_wrp .search-form .search-field {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 1.2rem 2rem;
  font-size: 1.4rem;
  line-height: 1;
  border: 1px solid #ccc;
  border-radius: 6px;
  -webkit-transition: border-color 0.3s, -webkit-box-shadow 0.3s;
  transition: border-color 0.3s, -webkit-box-shadow 0.3s;
  transition: border-color 0.3s, box-shadow 0.3s;
  transition: border-color 0.3s, box-shadow 0.3s, -webkit-box-shadow 0.3s;
}
.widget_search .search-form .search-field:focus,
.blog_area_wrp .search-form .search-field:focus {
  border-color: #318fd6;
  -webkit-box-shadow: 0 0 0 3px rgba(49, 143, 214, 0.2);
          box-shadow: 0 0 0 3px rgba(49, 143, 214, 0.2);
  outline: none;
}
.widget_search .search-form .search-submit,
.blog_area_wrp .search-form .search-submit {
  padding: 1.5rem 3rem !important;
  font-size: 1.4rem;
  line-height: 1;
  font-weight: bold;
  color: #fff;
  background: #172e7e;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
}
.widget_search .search-form .search-submit:hover,
.blog_area_wrp .search-form .search-submit:hover {
  background: #000;
}
.widget_search .search-form .search-submit:active,
.blog_area_wrp .search-form .search-submit:active {
  background: #000;
}
/*===============================================================

    blog_area_wrp

===============================================================*/
.blog_area_wrp .widget_calendar #wp-calendar {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;
  color: #222;
}
.blog_area_wrp .widget_calendar #wp-calendar caption {
  margin-bottom: 12px;
  font-weight: 700;
  font-size: clamp(16px, 2.4vw, 18px);
  text-align: left;
  letter-spacing: 0.02em;
}
.blog_area_wrp .widget_calendar #wp-calendar thead th {
  font-weight: 600;
  font-size: 12px;
  text-align: center;
  color: #8a8a8a;
  padding: 8px 0;
  border-bottom: 1px solid #EDEDED;
  border-top: 1px solid #EDEDED;
}
.blog_area_wrp .widget_calendar #wp-calendar thead th:nth-child(6) {
  color: #3057D8;
}
.blog_area_wrp .widget_calendar #wp-calendar thead th:nth-child(7) {
  color: #E02D3B;
}
.blog_area_wrp .widget_calendar #wp-calendar tbody td {
  position: relative;
  text-align: center;
  padding: 10px 0;
  height: 48px;
  font-size: 14px;
  border-bottom: 1px solid #f2f2f2;
  -webkit-transition: background-color 0.2s ease, color 0.2s ease;
  transition: background-color 0.2s ease, color 0.2s ease;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.blog_area_wrp .widget_calendar #wp-calendar tbody td:not(.pad) {
  border-right: 1px solid #f7f7f7;
}
.blog_area_wrp .widget_calendar #wp-calendar tbody td:not(.pad):hover {
  background: #f8fbff;
}
.blog_area_wrp .widget_calendar #wp-calendar tbody td:last-child {
  border-right: none;
}
.blog_area_wrp .widget_calendar #wp-calendar tbody td:nth-child(6) {
  color: rgb(37.8109756098, 75.6219512195, 200.6890243902);
}
.blog_area_wrp .widget_calendar #wp-calendar tbody td:nth-child(7) {
  color: rgb(212.1784232365, 31.3215767635, 45.4668049793);
}
.blog_area_wrp .widget_calendar #wp-calendar tbody td#today {
  font-weight: 700;
  color: #3057D8;
  background-color: rgba(48, 87, 216, 0.08);
  outline-offset: -2px;
}
.blog_area_wrp .widget_calendar #wp-calendar tbody td#today:hover {
  background: rgba(48, 87, 216, 0.08);
}
.blog_area_wrp .widget_calendar #wp-calendar tbody td.pad {
  color: transparent;
  border-bottom: none;
  background: transparent;
  pointer-events: none;
}
.blog_area_wrp .widget_calendar #wp-calendar tbody tr:last-child td {
  border-bottom: 0;
}
.blog_area_wrp .widget_calendar .wp-calendar-nav {
  margin-top: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 8px;
}
.blog_area_wrp .widget_calendar .wp-calendar-nav .pad {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.blog_area_wrp .widget_calendar .wp-calendar-nav a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  font-size: 13px;
  font-weight: 600;
  color: #3057D8;
  border-radius: 8px;
  text-decoration: none;
  -webkit-transition: background-color 0.2s ease, border-color 0.2s ease, -webkit-transform 0.04s ease;
  transition: background-color 0.2s ease, border-color 0.2s ease, -webkit-transform 0.04s ease;
  transition: background-color 0.2s ease, border-color 0.2s ease, transform 0.04s ease;
  transition: background-color 0.2s ease, border-color 0.2s ease, transform 0.04s ease, -webkit-transform 0.04s ease;
}
.blog_area_wrp .widget_calendar .wp-calendar-nav a .svg-icon {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.blog_area_wrp .widget_calendar .wp-calendar-nav a:hover {
  background: #eef4ff;
  border-color: rgba(48, 87, 216, 0.3);
}
.blog_area_wrp .widget_calendar .wp-calendar-nav a:active {
  -webkit-transform: translateY(1px);
          transform: translateY(1px);
}
.blog_area_wrp .widget_calendar .wp-calendar-nav .wp-calendar-nav-next a[href=""],
.blog_area_wrp .widget_calendar .wp-calendar-nav .wp-calendar-nav-next a[href="#"], .blog_area_wrp .widget_calendar .wp-calendar-nav .wp-calendar-nav-next:empty,
.blog_area_wrp .widget_calendar .wp-calendar-nav .wp-calendar-nav-prev a[href=""],
.blog_area_wrp .widget_calendar .wp-calendar-nav .wp-calendar-nav-prev a[href="#"],
.blog_area_wrp .widget_calendar .wp-calendar-nav .wp-calendar-nav-prev:empty {
  pointer-events: none;
  opacity: 0.4;
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
}
.blog_area_wrp .widget_calendar a:focus-visible,
.blog_area_wrp .widget_calendar button:focus-visible,
.blog_area_wrp .widget_calendar td#today:focus-visible {
  outline: 3px solid rgba(48, 87, 216, 0.35);
  outline-offset: 2px;
  border-radius: 10px;
}
@media (max-width: 480px) {
  .blog_area_wrp .widget_calendar .calendar_wrap {
    padding: 12px;
    border-radius: 10px;
  }
  .blog_area_wrp .widget_calendar #wp-calendar caption {
    margin-bottom: 10px;
    font-size: 16px;
  }
  .blog_area_wrp .widget_calendar #wp-calendar thead th {
    font-size: 11px;
    padding: 6px 0;
  }
  .blog_area_wrp .widget_calendar #wp-calendar tbody td {
    height: 40px;
    font-size: 13px;
    padding: 6px 0;
    border-bottom: 1px solid #f5f5f5;
  }
  .blog_area_wrp .widget_calendar .wp-calendar-nav a {
    padding: 7px 9px;
    font-size: 12px;
    border-radius: 7px;
  }
}

/*===============================================================

    _serch_result

===============================================================*/
.serch_result {
  /*===============================================================
  page-header
  ===============================================================*/
}
.serch_result .page-header .page-title {
  font-size: 3rem;
}
.serch_result .page-header .search-term {
  color: #333;
}
.serch_result {
  /*===============================================================
  search-result-count
  ===============================================================*/
}
.serch_result .search-result-count {
  font-size: 1.6rem;
}
.serch_result {
  /*===============================================================
      entry
  ===============================================================*/
}
.serch_result .entry {
  border: solid 1px #ccc;
  margin-top: 3rem;
  padding: 3rem;
}
.serch_result .entry .entry-title {
  font-size: 2rem;
}
.serch_result .entry .entry-content p {
  font-size: 90%;
  line-height: 1.6;
}
.serch_result .entry .entry-content .searchtext {
  background-color: #ff0;
}
@media screen and (max-width: 768px) {
  .serch_result .entry {
    margin-top: 5vw;
    padding: 5vw;
  }
  .serch_result .entry .entry-content p {
    font-size: 90%;
    line-height: 1.6;
    overflow-wrap: anywhere;
    /* 収まらない場合に折り返す */
    word-break: normal;
    /* 単語の分割はデフォルトに依存 */
    line-break: strict;
    /* 禁則処理を厳格に適用 */
  }
  .serch_result .entry .entry-content .searchtext {
    background-color: #ff0;
  }
}
.serch_result {
  /*-------------------------------------------------------------
  c_pagenation
  -------------------------------------------------------------*/
}
.serch_result .c_pagenation {
  margin-top: 50px;
}
@media screen and (max-width: 768px) {
  .serch_result .c_pagenation {
    margin-top: 10vw;
  }
}

/*===============================================================

    blog_entry_list

===============================================================*/
.blog_entry_list {
  /*===============================================================
  entry_wrp
  ===============================================================*/
}
.blog_entry_list .entry_wrp {
  border-top: 2px solid #000;
  padding-top: 3rem;
}
.blog_entry_list .entry_wrp + .entry_wrp {
  margin-top: 12rem;
}
.blog_entry_list {
  /*===============================================================
  entry-title
  ===============================================================*/
}
.blog_entry_list .entry-title .title, .blog_entry_list .entry-title .c_card--list .title_l, .c_card--list .blog_entry_list .entry-title .title_l, .blog_entry_list .entry-title .c_card--list .title_xl, .c_card--list .blog_entry_list .entry-title .title_xl {
  font-size: 3rem;
}
.blog_entry_list {
  /*===============================================================
  entry-content
  ===============================================================*/
}
.blog_entry_list {
  /*===============================================================
  entry-permalink
  ===============================================================*/
}
.blog_entry_list .entry-permalink {
  margin-top: 3rem;
  padding: 2rem;
  background-color: #eee;
  border-radius: 10px;
  font-size: 1.4rem;
  line-height: 1.4;
}
/*===============================================================

    blog_entry_list_tile

===============================================================*/
.blog_entry_list_tile, .blog_entry_list_tile--2column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 5rem 2rem;
}
.blog_entry_list_tile .entry_tile, .blog_entry_list_tile--2column .entry_tile {
  display: block;
  width: calc((100% - 4rem) / 3);
}
@media screen and (max-width: 1070px) {
  .blog_entry_list_tile .entry_tile, .blog_entry_list_tile--2column .entry_tile {
    width: calc((100% - 2rem) / 2);
  }
}
@media screen and (max-width: 768px) {
  .blog_entry_list_tile, .blog_entry_list_tile--2column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 2rem;
  }
  .blog_entry_list_tile .entry_tile, .blog_entry_list_tile--2column .entry_tile {
    width: 100%;
  }
}
.blog_entry_list_tile, .blog_entry_list_tile--2column {
  /*===============================================================
  entry_tile
  ===============================================================*/
}
.blog_entry_list_tile .entry_tile, .blog_entry_list_tile--2column .entry_tile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5rem;
}
.blog_entry_list_tile .entry_tile a, .blog_entry_list_tile--2column .entry_tile a {
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
}
.blog_entry_list_tile .entry_tile a:hover, .blog_entry_list_tile--2column .entry_tile a:hover {
  color: #17339a;
}
.blog_entry_list_tile .entry_tile .status, .blog_entry_list_tile--2column .entry_tile .status {
  margin-top: 0.5em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 0.3rem;
}
.blog_entry_list_tile .entry_tile .status li, .blog_entry_list_tile--2column .entry_tile .status li {
  display: inline-block;
  font-size: 1.5rem;
}
.blog_entry_list_tile .entry_tile .status .date, .blog_entry_list_tile--2column .entry_tile .status .date {
  color: #333;
  padding-right: 0.5em;
}
.blog_entry_list_tile .entry_tile .status .c_label, .blog_entry_list_tile--2column .entry_tile .status .c_label, .blog_entry_list_tile .entry_tile .status .c_label--s, .blog_entry_list_tile--2column .entry_tile .status .c_label--s, .blog_entry_list_tile .entry_tile .status .c_label--xs, .blog_entry_list_tile--2column .entry_tile .status .c_label--xs, .blog_entry_list_tile .entry_tile .status .c_label--yellow, .blog_entry_list_tile--2column .entry_tile .status .c_label--yellow, .blog_entry_list_tile .entry_tile .status .c_label--red, .blog_entry_list_tile--2column .entry_tile .status .c_label--red, .blog_entry_list_tile .entry_tile .status .c_label--white, .blog_entry_list_tile--2column .entry_tile .status .c_label--white, .blog_entry_list_tile .entry_tile .status .c_label--gray, .blog_entry_list_tile--2column .entry_tile .status .c_label--gray, .blog_entry_list_tile .entry_tile .status .c_label--black, .blog_entry_list_tile--2column .entry_tile .status .c_label--black, .blog_entry_list_tile .entry_tile .status .c_label--white_line, .blog_entry_list_tile--2column .entry_tile .status .c_label--white_line, .blog_entry_list_tile .entry_tile .status .c_label--line, .blog_entry_list_tile--2column .entry_tile .status .c_label--line, .blog_entry_list_tile .entry_tile .status .c_label--step, .blog_entry_list_tile--2column .entry_tile .status .c_label--step, .blog_entry_list_tile .entry_tile .status .c_label--step01, .blog_entry_list_tile--2column .entry_tile .status .c_label--step01, .blog_entry_list_tile .entry_tile .status .c_label--step02, .blog_entry_list_tile--2column .entry_tile .status .c_label--step02, .blog_entry_list_tile .entry_tile .status .c_label--step03, .blog_entry_list_tile--2column .entry_tile .status .c_label--step03, .blog_entry_list_tile .entry_tile .status .c_label--pink, .blog_entry_list_tile--2column .entry_tile .status .c_label--pink {
  border: solid 1px rgba(23, 46, 126, 0.5);
  background-color: rgba(23, 46, 126, 0.1);
  color: #172e7e;
  padding: 0.2em 0.8em;
  font-size: 1.4rem;
  line-height: 1;
  border-radius: 3rem;
}
.blog_entry_list_tile .entry_tile .status .c_label a:hover, .blog_entry_list_tile--2column .entry_tile .status .c_label a:hover, .blog_entry_list_tile .entry_tile .status .c_label--s a:hover, .blog_entry_list_tile--2column .entry_tile .status .c_label--s a:hover, .blog_entry_list_tile .entry_tile .status .c_label--xs a:hover, .blog_entry_list_tile--2column .entry_tile .status .c_label--xs a:hover, .blog_entry_list_tile .entry_tile .status .c_label--yellow a:hover, .blog_entry_list_tile--2column .entry_tile .status .c_label--yellow a:hover, .blog_entry_list_tile .entry_tile .status .c_label--red a:hover, .blog_entry_list_tile--2column .entry_tile .status .c_label--red a:hover, .blog_entry_list_tile .entry_tile .status .c_label--white a:hover, .blog_entry_list_tile--2column .entry_tile .status .c_label--white a:hover, .blog_entry_list_tile .entry_tile .status .c_label--gray a:hover, .blog_entry_list_tile--2column .entry_tile .status .c_label--gray a:hover, .blog_entry_list_tile .entry_tile .status .c_label--black a:hover, .blog_entry_list_tile--2column .entry_tile .status .c_label--black a:hover, .blog_entry_list_tile .entry_tile .status .c_label--white_line a:hover, .blog_entry_list_tile--2column .entry_tile .status .c_label--white_line a:hover, .blog_entry_list_tile .entry_tile .status .c_label--line a:hover, .blog_entry_list_tile--2column .entry_tile .status .c_label--line a:hover, .blog_entry_list_tile .entry_tile .status .c_label--step a:hover, .blog_entry_list_tile--2column .entry_tile .status .c_label--step a:hover, .blog_entry_list_tile .entry_tile .status .c_label--step01 a:hover, .blog_entry_list_tile--2column .entry_tile .status .c_label--step01 a:hover, .blog_entry_list_tile .entry_tile .status .c_label--step02 a:hover, .blog_entry_list_tile--2column .entry_tile .status .c_label--step02 a:hover, .blog_entry_list_tile .entry_tile .status .c_label--step03 a:hover, .blog_entry_list_tile--2column .entry_tile .status .c_label--step03 a:hover, .blog_entry_list_tile .entry_tile .status .c_label--pink a:hover, .blog_entry_list_tile--2column .entry_tile .status .c_label--pink a:hover {
  opacity: 0.7;
}
.blog_entry_list_tile .entry_tile .title, .blog_entry_list_tile--2column .entry_tile .title, .blog_entry_list_tile .entry_tile .c_card--list .title_l, .blog_entry_list_tile--2column .entry_tile .c_card--list .title_l, .c_card--list .blog_entry_list_tile .entry_tile .title_l, .c_card--list .blog_entry_list_tile--2column .entry_tile .title_l, .blog_entry_list_tile .entry_tile .c_card--list .title_xl, .blog_entry_list_tile--2column .entry_tile .c_card--list .title_xl, .c_card--list .blog_entry_list_tile .entry_tile .title_xl, .c_card--list .blog_entry_list_tile--2column .entry_tile .title_xl {
  line-height: 1.6;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow: hidden;
  font-weight: bold;
  color: #172e7e;
}
.blog_entry_list_tile .entry_tile .thumbnail img, .blog_entry_list_tile--2column .entry_tile .thumbnail img {
  aspect-ratio: 16/8;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 768px) {
  .blog_entry_list_tile .entry_tile, .blog_entry_list_tile--2column .entry_tile {
    position: relative;
    border: solid 1px #999;
    padding: 1rem 1rem;
    border-radius: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    gap: 1rem;
  }
  .blog_entry_list_tile .entry_tile a, .blog_entry_list_tile--2column .entry_tile a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 1.5rem;
  }
  .blog_entry_list_tile .entry_tile a .thumbnail, .blog_entry_list_tile--2column .entry_tile a .thumbnail {
    width: 40%;
  }
  .blog_entry_list_tile .entry_tile a .title, .blog_entry_list_tile--2column .entry_tile a .title, .blog_entry_list_tile .entry_tile a .c_card--list .title_l, .blog_entry_list_tile--2column .entry_tile a .c_card--list .title_l, .c_card--list .blog_entry_list_tile .entry_tile a .title_l, .c_card--list .blog_entry_list_tile--2column .entry_tile a .title_l, .blog_entry_list_tile .entry_tile a .c_card--list .title_xl, .blog_entry_list_tile--2column .entry_tile a .c_card--list .title_xl, .c_card--list .blog_entry_list_tile .entry_tile a .title_xl, .c_card--list .blog_entry_list_tile--2column .entry_tile a .title_xl {
    width: calc(60% - 1.5rem);
  }
  .blog_entry_list_tile .entry_tile .status li, .blog_entry_list_tile--2column .entry_tile .status li {
    font-size: 1.6rem;
  }
  .blog_entry_list_tile .entry_tile .title, .blog_entry_list_tile--2column .entry_tile .title, .blog_entry_list_tile .entry_tile .c_card--list .title_l, .blog_entry_list_tile--2column .entry_tile .c_card--list .title_l, .c_card--list .blog_entry_list_tile .entry_tile .title_l, .c_card--list .blog_entry_list_tile--2column .entry_tile .title_l, .blog_entry_list_tile .entry_tile .c_card--list .title_xl, .blog_entry_list_tile--2column .entry_tile .c_card--list .title_xl, .c_card--list .blog_entry_list_tile .entry_tile .title_xl, .c_card--list .blog_entry_list_tile--2column .entry_tile .title_xl {
    font-size: 3.5vw;
    line-height: 1.7;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
  }
}

/*===============================================================
blog_entry_list_tile--2column
===============================================================*/
.blog_entry_list_tile--2column {
  gap: 5rem 4rem;
}
.blog_entry_list_tile--2column .entry_tile {
  display: block;
  width: calc((100% - 4rem) / 2);
}
@media screen and (max-width: 1070px) {
  .blog_entry_list_tile--2column .entry_tile {
    width: calc((100% - 2rem) / 2);
  }
}
@media screen and (max-width: 768px) {
  .blog_entry_list_tile--2column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 2rem;
  }
  .blog_entry_list_tile--2column .entry_tile {
    width: 100%;
  }
}

/*===============================================================

    section_accodion

===============================================================*/
.section_accodion {
  /*===============================================================
  section_accodion__header
  ===============================================================*/
}
.section_accodion .section_accodion__header {
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  background-color: #0083D3;
  color: #fff;
  padding: 3rem 0;
}
.section_accodion .section_accodion__header .inner {
  position: relative;
  padding-right: 3rem;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.section_accodion .section_accodion__header .inner:before, .section_accodion .section_accodion__header .inner:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0rem;
  margin: auto;
  width: 3rem;
  height: 2px;
  background: #fff;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.section_accodion .section_accodion__header .inner:after {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.section_accodion .section_accodion__header .inner:hover {
  opacity: 0.7;
}
.section_accodion .section_accodion__header.active .inner {
  border-bottom: none;
}
.section_accodion .section_accodion__header.active .inner::after {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}
.section_accodion .section_accodion__header .title_block {
  padding-left: 3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
  position: relative;
}
.section_accodion .section_accodion__header .title_block::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 8px;
  height: 100%;
  background-color: #FED800;
  border-radius: 10px;
}
.section_accodion .section_accodion__header .title, .section_accodion .section_accodion__header .c_card--list .title_l, .c_card--list .section_accodion .section_accodion__header .title_l, .section_accodion .section_accodion__header .c_card--list .title_xl, .c_card--list .section_accodion .section_accodion__header .title_xl {
  font-size: 4rem;
}
@media screen and (max-width: 768px) {
  .section_accodion .section_accodion__header {
    padding: 2rem;
  }
  .section_accodion .section_accodion__header .inner {
    padding-right: 3rem;
  }
  .section_accodion .section_accodion__header .title_block {
    padding-left: 2.5rem;
    gap: 1rem;
  }
  .section_accodion .section_accodion__header .title, .section_accodion .section_accodion__header .c_card--list .title_l, .c_card--list .section_accodion .section_accodion__header .title_l, .section_accodion .section_accodion__header .c_card--list .title_xl, .c_card--list .section_accodion .section_accodion__header .title_xl {
    font-size: 2.5rem;
  }
}
.section_accodion {
  /*===============================================================
  section_accodion__body
  ===============================================================*/
}
.section_accodion .section_accodion__body {
  /*-------------------------------------------------------------
  hoge
  -------------------------------------------------------------*/
}
.section_accodion .section_accodion__body .c_accordion__body table + * {
  margin-top: 0.5em;
}

/*===============================================================

    section_link_menu

===============================================================*/
.section_link_menu {
  /*-------------------------------------------------------------
  headline
  -------------------------------------------------------------*/
}
.section_link_menu .headline::after {
  background-color: #fff;
}
.section_link_menu .headline .title, .section_link_menu .headline .c_card--list .title_l, .c_card--list .section_link_menu .headline .title_l, .section_link_menu .headline .c_card--list .title_xl, .c_card--list .section_link_menu .headline .title_xl {
  color: #fff;
}
.section_link_menu .headline .lead {
  color: #fff;
}
.section_link_menu {
  /*===============================================================
  section_link_menu__menu
  ===============================================================*/
}
@media screen and (max-width: 768px) {
  .section_link_menu .section_link_menu__menu .c_btn__white {
    width: 100%;
    height: 100%;
  }
  .section_link_menu .section_link_menu__menu .c_btn__white a {
    height: 100%;
  }
}

/*===============================================================

    section_search

===============================================================*/
.section_search .text--center--smp {
  font-size: 2rem;
  font-weight: bold;
}
.section_search .where-notice {
  text-align: left;
  max-width: 60rem;
  margin: 0 auto;
}
.section_search .where-notice .list-notice__item {
  padding-left: 1em;
  text-indent: -1em;
}
.section_search .c_btns {
  gap: 1rem;
}
@media screen and (max-width: 768px) {
  .section_search .text--center--smp {
    font-size: 1.6rem;
  }
  .section_search .c_btns {
    gap: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .section_search .c_btn_flex {
    width: 90%;
    margin: 0 auto;
  }
}
.section_search {
  /*===============================================================
  section_search__content
  ===============================================================*/
}
.section_search .section_search__content {
  text-align: center;
}
.section_search .section_search__content {
  /* form
  --------------------------------------------------------- */
}
.section_search .section_search__content .search-field {
  width: 100%;
  max-width: 488px;
  margin: 16px auto;
  position: relative;
}
.section_search .section_search__content .search-field__text {
  width: 100%;
  padding: 8px 46px 8px 16px;
  border: 1px solid #cacaca;
  border-radius: 10px;
  background: #f3f3f3;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.section_search .section_search__content .search-field__text::-ms-clear {
  visibility: hidden;
}
.section_search .section_search__content .search-field__button {
  width: 46px;
  height: 100%;
  border: none;
  border-radius: 0;
  background: transparent url(../images/icon_search.png) no-repeat center center;
  text-indent: 9999px;
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.section_search .section_search__content .search-field__button:hover {
  opacity: 0.7;
}
.section_search {
  /*-------------------------------------------------------------
      noList
  -------------------------------------------------------------*/
}
.section_search .noList {
  margin-top: 3rem;
  padding: 3rem;
  background-color: #f3f3f3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2rem;
}
.section_search {
  /*-------------------------------------------------------------
      infoBox
  -------------------------------------------------------------*/
}
.section_search .infoBox {
  margin-top: 3rem;
  padding: 3rem;
  background-color: #f3f3f3;
}
/*===============================================================

    section_search__result

===============================================================*/
.section_search__result .c_tab, .section_search__result .c_tab--blue, .section_search__result .c_tab--pink {
  position: relative;
  z-index: 1;
}
.section_search__result {
  /*===============================================================
  result_list
  ===============================================================*/
}
.section_search__result .result_list {
  background-color: #fff;
  margin-top: -3rem;
  border: solid 1px #999;
  border-radius: 0 0 3rem 3rem;
  border-top: 0;
  padding: 5rem;
  padding-bottom: 5rem;
  z-index: 2;
  position: relative;
}
@media screen and (max-width: 768px) {
  .section_search__result .result_list {
    border-radius: 0 0 3vw 3vw;
    border: solid 0 #999;
    width: 100vw;
    margin: 0 calc(50% - 50vw);
    padding: 0;
    padding: 2rem;
    margin-top: 0;
  }
}

/*===============================================================

    section_bg

===============================================================*/
.section_bg__blue {
  background-color: #172e7e;
  color: #fff;
}

.section_bg__light_blue {
  background-color: #eaecf2;
}

.section_bg__light_gray {
  background-color: #F5F5F5;
}

.section_bg__light_blue + .section_bg__light_blue {
  border-top: 1px solid #fff;
}

/*===============================================================

    section_3step

===============================================================*/
.section_3step {
  /*===============================================================
  section_3step__content
  ===============================================================*/
}
.section_3step .section_3step__content, .section_3step .section_3step__sp_vartical {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  width: 100%;
  height: 100%;
}
.section_3step .section_3step__content .step, .section_3step .section_3step__sp_vartical .step {
  width: 30%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.section_3step .section_3step__content .arw, .section_3step .section_3step__sp_vartical .arw {
  width: 5%;
  position: relative;
}
.section_3step .section_3step__content .arw::after, .section_3step .section_3step__sp_vartical .arw::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  border: solid 4px rgba(0, 0, 0, 0.3);
  width: 1.6rem;
  height: 1.6rem;
  border-top: none;
  border-left: none;
  -webkit-transform: rotate(-45deg) translate(-3px, -3px);
          transform: rotate(-45deg) translate(-3px, -3px);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media screen and (max-width: 768px) {
  .section_3step .section_3step__content, .section_3step .section_3step__sp_vartical {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .section_3step .section_3step__content .step, .section_3step .section_3step__sp_vartical .step {
    width: 32%;
    height: 100%;
  }
  .section_3step .section_3step__content .arw, .section_3step .section_3step__sp_vartical .arw {
    width: 2%;
    display: none;
  }
}
.section_3step .section_3step__content, .section_3step .section_3step__sp_vartical {
  /*-------------------------------------------------------------
  c_card
  -------------------------------------------------------------*/
}
.section_3step .section_3step__content .c_card, .section_3step .section_3step__sp_vartical .c_card, .section_3step .section_3step__content .c_card--fig, .section_3step .section_3step__sp_vartical .c_card--fig, .section_3step .section_3step__content .c_card--list, .section_3step .section_3step__sp_vartical .c_card--list, .section_3step .section_3step__content .c_card--post, .section_3step .section_3step__sp_vartical .c_card--post, .section_3step .section_3step__content .c_card--data, .section_3step .section_3step__sp_vartical .c_card--data, .section_3step .section_3step__content .c_card--reason, .section_3step .section_3step__sp_vartical .c_card--reason, .section_3step .section_3step__content .c_card--bnr, .section_3step .section_3step__sp_vartical .c_card--bnr, .section_3step .section_3step__content .c_card--hoge, .section_3step .section_3step__sp_vartical .c_card--hoge {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2rem;
  height: 100%;
}
.section_3step .section_3step__content .c_card .fig, .section_3step .section_3step__sp_vartical .c_card .fig, .section_3step .section_3step__content .c_card--fig .fig, .section_3step .section_3step__sp_vartical .c_card--fig .fig, .section_3step .section_3step__content .c_card--list .fig, .section_3step .section_3step__sp_vartical .c_card--list .fig, .section_3step .section_3step__content .c_card--post .fig, .section_3step .section_3step__sp_vartical .c_card--post .fig, .section_3step .section_3step__content .c_card--data .fig, .section_3step .section_3step__sp_vartical .c_card--data .fig, .section_3step .section_3step__content .c_card--reason .fig, .section_3step .section_3step__sp_vartical .c_card--reason .fig, .section_3step .section_3step__content .c_card--bnr .fig, .section_3step .section_3step__sp_vartical .c_card--bnr .fig, .section_3step .section_3step__content .c_card--hoge .fig, .section_3step .section_3step__sp_vartical .c_card--hoge .fig {
  max-width: 14rem;
  margin: 0 auto;
}
.section_3step .section_3step__content .c_card [class*=c_label], .section_3step .section_3step__sp_vartical .c_card [class*=c_label], .section_3step .section_3step__content .c_card--fig [class*=c_label], .section_3step .section_3step__sp_vartical .c_card--fig [class*=c_label], .section_3step .section_3step__content .c_card--list [class*=c_label], .section_3step .section_3step__sp_vartical .c_card--list [class*=c_label], .section_3step .section_3step__content .c_card--post [class*=c_label], .section_3step .section_3step__sp_vartical .c_card--post [class*=c_label], .section_3step .section_3step__content .c_card--data [class*=c_label], .section_3step .section_3step__sp_vartical .c_card--data [class*=c_label], .section_3step .section_3step__content .c_card--reason [class*=c_label], .section_3step .section_3step__sp_vartical .c_card--reason [class*=c_label], .section_3step .section_3step__content .c_card--bnr [class*=c_label], .section_3step .section_3step__sp_vartical .c_card--bnr [class*=c_label], .section_3step .section_3step__content .c_card--hoge [class*=c_label], .section_3step .section_3step__sp_vartical .c_card--hoge [class*=c_label] {
  font-weight: bold;
  border-radius: 5em;
}
.section_3step .section_3step__content .c_card .title, .section_3step .section_3step__sp_vartical .c_card .title, .section_3step .section_3step__content .c_card--fig .title, .section_3step .section_3step__sp_vartical .c_card--fig .title, .section_3step .section_3step__content .c_card--list .title, .section_3step .section_3step__sp_vartical .c_card--list .title, .section_3step .section_3step__content .c_card--post .title, .section_3step .section_3step__sp_vartical .c_card--post .title, .section_3step .section_3step__content .c_card--data .title, .section_3step .section_3step__sp_vartical .c_card--data .title, .section_3step .section_3step__content .c_card--reason .title, .section_3step .section_3step__sp_vartical .c_card--reason .title, .section_3step .section_3step__content .c_card--bnr .title, .section_3step .section_3step__sp_vartical .c_card--bnr .title, .section_3step .section_3step__content .c_card--hoge .title, .section_3step .section_3step__sp_vartical .c_card--hoge .title, .c_card--list .section_3step .section_3step__content .c_card .title_l, .c_card--list .section_3step .section_3step__sp_vartical .c_card .title_l, .c_card--list .section_3step .section_3step__content .c_card--fig .title_l, .c_card--list .section_3step .section_3step__sp_vartical .c_card--fig .title_l, .section_3step .section_3step__content .c_card--list .title_l, .section_3step .section_3step__sp_vartical .c_card--list .title_l, .c_card--list .section_3step .section_3step__content .c_card--post .title_l, .c_card--list .section_3step .section_3step__sp_vartical .c_card--post .title_l, .c_card--list .section_3step .section_3step__content .c_card--data .title_l, .c_card--list .section_3step .section_3step__sp_vartical .c_card--data .title_l, .c_card--list .section_3step .section_3step__content .c_card--reason .title_l, .c_card--list .section_3step .section_3step__sp_vartical .c_card--reason .title_l, .c_card--list .section_3step .section_3step__content .c_card--bnr .title_l, .c_card--list .section_3step .section_3step__sp_vartical .c_card--bnr .title_l, .c_card--list .section_3step .section_3step__content .c_card--hoge .title_l, .c_card--list .section_3step .section_3step__sp_vartical .c_card--hoge .title_l, .c_card--list .section_3step .section_3step__content .c_card .title_xl, .c_card--list .section_3step .section_3step__sp_vartical .c_card .title_xl, .c_card--list .section_3step .section_3step__content .c_card--fig .title_xl, .c_card--list .section_3step .section_3step__sp_vartical .c_card--fig .title_xl, .section_3step .section_3step__content .c_card--list .title_xl, .section_3step .section_3step__sp_vartical .c_card--list .title_xl, .c_card--list .section_3step .section_3step__content .c_card--post .title_xl, .c_card--list .section_3step .section_3step__sp_vartical .c_card--post .title_xl, .c_card--list .section_3step .section_3step__content .c_card--data .title_xl, .c_card--list .section_3step .section_3step__sp_vartical .c_card--data .title_xl, .c_card--list .section_3step .section_3step__content .c_card--reason .title_xl, .c_card--list .section_3step .section_3step__sp_vartical .c_card--reason .title_xl, .c_card--list .section_3step .section_3step__content .c_card--bnr .title_xl, .c_card--list .section_3step .section_3step__sp_vartical .c_card--bnr .title_xl, .c_card--list .section_3step .section_3step__content .c_card--hoge .title_xl, .c_card--list .section_3step .section_3step__sp_vartical .c_card--hoge .title_xl {
  font-size: 2rem;
  font-weight: bold;
}
.section_3step .section_3step__content .c_card p, .section_3step .section_3step__sp_vartical .c_card p, .section_3step .section_3step__content .c_card--fig p, .section_3step .section_3step__sp_vartical .c_card--fig p, .section_3step .section_3step__content .c_card--list p, .section_3step .section_3step__sp_vartical .c_card--list p, .section_3step .section_3step__content .c_card--post p, .section_3step .section_3step__sp_vartical .c_card--post p, .section_3step .section_3step__content .c_card--data p, .section_3step .section_3step__sp_vartical .c_card--data p, .section_3step .section_3step__content .c_card--reason p, .section_3step .section_3step__sp_vartical .c_card--reason p, .section_3step .section_3step__content .c_card--bnr p, .section_3step .section_3step__sp_vartical .c_card--bnr p, .section_3step .section_3step__content .c_card--hoge p, .section_3step .section_3step__sp_vartical .c_card--hoge p {
  font-weight: bold;
  line-height: 1.3;
}
@media screen and (max-width: 768px) {
  .section_3step .section_3step__content .c_card, .section_3step .section_3step__sp_vartical .c_card, .section_3step .section_3step__content .c_card--fig, .section_3step .section_3step__sp_vartical .c_card--fig, .section_3step .section_3step__content .c_card--list, .section_3step .section_3step__sp_vartical .c_card--list, .section_3step .section_3step__content .c_card--post, .section_3step .section_3step__sp_vartical .c_card--post, .section_3step .section_3step__content .c_card--data, .section_3step .section_3step__sp_vartical .c_card--data, .section_3step .section_3step__content .c_card--reason, .section_3step .section_3step__sp_vartical .c_card--reason, .section_3step .section_3step__content .c_card--bnr, .section_3step .section_3step__sp_vartical .c_card--bnr, .section_3step .section_3step__content .c_card--hoge, .section_3step .section_3step__sp_vartical .c_card--hoge {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 1rem;
    padding: 1rem 0;
    height: 100%;
  }
  .section_3step .section_3step__content .c_card .fig, .section_3step .section_3step__sp_vartical .c_card .fig, .section_3step .section_3step__content .c_card--fig .fig, .section_3step .section_3step__sp_vartical .c_card--fig .fig, .section_3step .section_3step__content .c_card--list .fig, .section_3step .section_3step__sp_vartical .c_card--list .fig, .section_3step .section_3step__content .c_card--post .fig, .section_3step .section_3step__sp_vartical .c_card--post .fig, .section_3step .section_3step__content .c_card--data .fig, .section_3step .section_3step__sp_vartical .c_card--data .fig, .section_3step .section_3step__content .c_card--reason .fig, .section_3step .section_3step__sp_vartical .c_card--reason .fig, .section_3step .section_3step__content .c_card--bnr .fig, .section_3step .section_3step__sp_vartical .c_card--bnr .fig, .section_3step .section_3step__content .c_card--hoge .fig, .section_3step .section_3step__sp_vartical .c_card--hoge .fig {
    max-width: 20vw;
  }
  .section_3step .section_3step__content .c_card [class*=c_label], .section_3step .section_3step__sp_vartical .c_card [class*=c_label], .section_3step .section_3step__content .c_card--fig [class*=c_label], .section_3step .section_3step__sp_vartical .c_card--fig [class*=c_label], .section_3step .section_3step__content .c_card--list [class*=c_label], .section_3step .section_3step__sp_vartical .c_card--list [class*=c_label], .section_3step .section_3step__content .c_card--post [class*=c_label], .section_3step .section_3step__sp_vartical .c_card--post [class*=c_label], .section_3step .section_3step__content .c_card--data [class*=c_label], .section_3step .section_3step__sp_vartical .c_card--data [class*=c_label], .section_3step .section_3step__content .c_card--reason [class*=c_label], .section_3step .section_3step__sp_vartical .c_card--reason [class*=c_label], .section_3step .section_3step__content .c_card--bnr [class*=c_label], .section_3step .section_3step__sp_vartical .c_card--bnr [class*=c_label], .section_3step .section_3step__content .c_card--hoge [class*=c_label], .section_3step .section_3step__sp_vartical .c_card--hoge [class*=c_label] {
    font-size: 1.4rem;
  }
  .section_3step .section_3step__content .c_card p, .section_3step .section_3step__sp_vartical .c_card p, .section_3step .section_3step__content .c_card--fig p, .section_3step .section_3step__sp_vartical .c_card--fig p, .section_3step .section_3step__content .c_card--list p, .section_3step .section_3step__sp_vartical .c_card--list p, .section_3step .section_3step__content .c_card--post p, .section_3step .section_3step__sp_vartical .c_card--post p, .section_3step .section_3step__content .c_card--data p, .section_3step .section_3step__sp_vartical .c_card--data p, .section_3step .section_3step__content .c_card--reason p, .section_3step .section_3step__sp_vartical .c_card--reason p, .section_3step .section_3step__content .c_card--bnr p, .section_3step .section_3step__sp_vartical .c_card--bnr p, .section_3step .section_3step__content .c_card--hoge p, .section_3step .section_3step__sp_vartical .c_card--hoge p {
    font-size: 1.2rem;
    height: 3em;
  }
}
.section_3step .section_3step__content, .section_3step .section_3step__sp_vartical {
  /*-------------------------------------------------------------
  c_btn_flex
  -------------------------------------------------------------*/
}
.section_3step .section_3step__content .c_btn_flex .label, .section_3step .section_3step__sp_vartical .c_btn_flex .label {
  font-size: 1.6rem;
}
.section_3step {
  /*===============================================================
  section_3step__sp_vartical
  ===============================================================*/
}
@media screen and (max-width: 768px) {
  .section_3step .section_3step__sp_vartical {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    width: 100%;
    height: 100%;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 2rem;
  }
  .section_3step .section_3step__sp_vartical .step {
    width: 100%;
  }
  .section_3step .section_3step__sp_vartical .arw {
    width: 100%;
    display: block;
    position: relative;
  }
  .section_3step .section_3step__sp_vartical .arw::after {
    -webkit-transform: rotate(45deg) translate(-3px, -3px);
            transform: rotate(45deg) translate(-3px, -3px);
  }
  .section_3step .section_3step__sp_vartical p {
    font-size: 1.8rem;
    height: auto !important;
  }
  .section_3step .section_3step__sp_vartical .c_card, .section_3step .section_3step__sp_vartical .c_card--fig, .section_3step .section_3step__sp_vartical .c_card--list, .section_3step .section_3step__sp_vartical .c_card--post, .section_3step .section_3step__sp_vartical .c_card--data, .section_3step .section_3step__sp_vartical .c_card--reason, .section_3step .section_3step__sp_vartical .c_card--bnr, .section_3step .section_3step__sp_vartical .c_card--hoge {
    padding: 2rem;
    gap: 2rem;
  }
}

/*===============================================================

    section_business_offer

===============================================================*/
.section_business_offer .section_inner, .section_business_offer .section_inner__thin, .section_business_offer .section_inner__sp_thin {
  padding-top: 5rem;
  padding-bottom: 5rem;
}
@media screen and (max-width: 768px) {
  .section_business_offer .section_inner, .section_business_offer .section_inner__thin, .section_business_offer .section_inner__sp_thin {
    padding: 2rem;
  }
}
.section_business_offer {
  /*===============================================================
  section_business_offer__content
  ===============================================================*/
}
.section_business_offer .section_business_offer__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
}
@media screen and (max-width: 768px) {
  .section_business_offer .section_business_offer__content {
    gap: 1.5rem;
  }
  .section_business_offer .section_business_offer__content .title_block,
  .section_business_offer .section_business_offer__content .btn_block {
    width: 100%;
  }
  .section_business_offer .section_business_offer__content .btn_block {
    text-align: center;
  }
  .section_business_offer .section_business_offer__content .btn_block .c_btn_flex {
    margin: 0 auto;
  }
}
.section_business_offer .section_business_offer__content {
  /*-------------------------------------------------------------
  title_block
  -------------------------------------------------------------*/
}
.section_business_offer .section_business_offer__content .title_block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
}
.section_business_offer .section_business_offer__content .title_block .title, .section_business_offer .section_business_offer__content .title_block .c_card--list .title_l, .c_card--list .section_business_offer .section_business_offer__content .title_block .title_l, .section_business_offer .section_business_offer__content .title_block .c_card--list .title_xl, .c_card--list .section_business_offer .section_business_offer__content .title_block .title_xl {
  font-size: 2.2rem;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .section_business_offer .section_business_offer__content .title_block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
    gap: 1rem;
    position: relative;
  }
  .section_business_offer .section_business_offer__content .title_block .icon {
    position: absolute;
    width: 2.5em;
    top: -0.25em;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-transform: translateX(-6em);
            transform: translateX(-6em);
  }
  .section_business_offer .section_business_offer__content .title_block .txt {
    width: 100%;
    height: auto;
  }
  .section_business_offer .section_business_offer__content .title_block .title, .section_business_offer .section_business_offer__content .title_block .c_card--list .title_l, .c_card--list .section_business_offer .section_business_offer__content .title_block .title_l, .section_business_offer .section_business_offer__content .title_block .c_card--list .title_xl, .c_card--list .section_business_offer .section_business_offer__content .title_block .title_xl {
    text-indent: 3em;
  }
}

/*===============================================================

    section_top_campaign

===============================================================*/
.section_top_campaign .section_inner, .section_top_campaign .section_inner__thin, .section_top_campaign .section_inner__sp_thin {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
@media screen and (max-width: 768px) {
  .section_top_campaign .section_inner, .section_top_campaign .section_inner__thin, .section_top_campaign .section_inner__sp_thin {
    padding: 2rem;
  }
}
.section_top_campaign {
  /*===============================================================
  section_top_campaign__content
  ===============================================================*/
}
.section_top_campaign .section_top_campaign__content {
  border: solid 1px #E3057F;
  padding: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.5rem;
  border-radius: 0.5rem;
}
.section_top_campaign .section_top_campaign__content .c_label--pink {
  border-radius: 0.5rem;
  font-weight: bold;
}
.section_top_campaign .section_top_campaign__content a {
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .section_top_campaign .section_top_campaign__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-line-pack: start;
        align-content: flex-start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding: 1rem;
    gap: 0.8rem;
  }
  .section_top_campaign .section_top_campaign__content .c_label--pink {
    border-radius: 0.5rem;
    font-weight: bold;
    max-width: 8em;
    text-align: center;
  }
  .section_top_campaign .section_top_campaign__content a {
    line-height: 1.6;
  }
}

/*===============================================================

    section_pagetitle

===============================================================*/
.section_pagetitle, .section_pagetitle_faq, .section_pagetitle__corporation {
  padding: 0 5rem;
  min-height: 24rem;
  max-height: 30rem;
  overflow: hidden;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 100%;
}
.section_pagetitle .bg_img, .section_pagetitle_faq .bg_img, .section_pagetitle__corporation .bg_img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
  min-height: 24rem;
}
.section_pagetitle .bg_img img, .section_pagetitle_faq .bg_img img, .section_pagetitle__corporation .bg_img img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  min-height: 24rem;
}
.section_pagetitle:not(:has(.bg_img)), .section_pagetitle_faq:not(:has(.bg_img)), .section_pagetitle__corporation:not(:has(.bg_img)) {
  text-align: center;
  min-height: 0;
  padding: 5rem;
}
.section_pagetitle:has(.fig), .section_pagetitle_faq:has(.fig), .section_pagetitle__corporation:has(.fig) {
  text-align: left;
}
.section_pagetitle .title_block, .section_pagetitle_faq .title_block, .section_pagetitle__corporation .title_block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2rem;
  position: relative;
  height: auto;
  width: 100%;
}
.section_pagetitle .title, .section_pagetitle_faq .title, .section_pagetitle__corporation .title, .section_pagetitle .c_card--list .title_l, .section_pagetitle_faq .c_card--list .title_l, .section_pagetitle__corporation .c_card--list .title_l, .c_card--list .section_pagetitle .title_l, .c_card--list .section_pagetitle_faq .title_l, .c_card--list .section_pagetitle__corporation .title_l, .section_pagetitle .c_card--list .title_xl, .section_pagetitle_faq .c_card--list .title_xl, .section_pagetitle__corporation .c_card--list .title_xl, .c_card--list .section_pagetitle .title_xl, .c_card--list .section_pagetitle_faq .title_xl, .c_card--list .section_pagetitle__corporation .title_xl {
  font-size: 4rem;
  line-height: 1.3;
}
.section_pagetitle .lead, .section_pagetitle_faq .lead, .section_pagetitle__corporation .lead {
  font-size: 1.8rem;
  line-height: 1.8;
}
@media screen and (max-width: 768px) {
  .section_pagetitle, .section_pagetitle_faq, .section_pagetitle__corporation {
    padding: 2rem 2rem;
    min-height: 15rem;
  }
  .section_pagetitle .bg_img, .section_pagetitle_faq .bg_img, .section_pagetitle__corporation .bg_img {
    min-height: 15rem;
  }
  .section_pagetitle .bg_img img, .section_pagetitle_faq .bg_img img, .section_pagetitle__corporation .bg_img img {
    min-height: 15rem;
  }
  .section_pagetitle .title_block, .section_pagetitle_faq .title_block, .section_pagetitle__corporation .title_block {
    gap: 1rem;
  }
  .section_pagetitle .title, .section_pagetitle_faq .title, .section_pagetitle__corporation .title, .section_pagetitle .c_card--list .title_l, .section_pagetitle_faq .c_card--list .title_l, .section_pagetitle__corporation .c_card--list .title_l, .c_card--list .section_pagetitle .title_l, .c_card--list .section_pagetitle_faq .title_l, .c_card--list .section_pagetitle__corporation .title_l, .section_pagetitle .c_card--list .title_xl, .section_pagetitle_faq .c_card--list .title_xl, .section_pagetitle__corporation .c_card--list .title_xl, .c_card--list .section_pagetitle .title_xl, .c_card--list .section_pagetitle_faq .title_xl, .c_card--list .section_pagetitle__corporation .title_xl {
    font-size: 2.5rem;
  }
  .section_pagetitle .lead, .section_pagetitle_faq .lead, .section_pagetitle__corporation .lead {
    font-size: 1.4rem;
    line-height: 1.6;
  }
}

/*===============================================================
section_pagetitle__corporation
===============================================================*/
.section_pagetitle__corporation {
  background-color: #172e7e;
  color: #fff;
  overflow: visible;
}
.section_pagetitle__corporation .fig {
  position: absolute;
  width: 30rem;
  top: -4rem;
  right: 0;
}
@media screen and (max-width: 768px) {
  .section_pagetitle__corporation {
    overflow: hidden;
  }
  .section_pagetitle__corporation .fig {
    width: 33vw;
    top: -2vw;
    right: -8vw;
  }
  .section_pagetitle__corporation .title_block {
    padding-right: 25vw;
  }
}

/*===============================================================
section_pagetitle_faq
===============================================================*/
@media screen and (max-width: 768px) {
  .section_pagetitle_faq .bg_img img {
    -o-object-position: top 0 right -20vw;
       object-position: top 0 right -20vw;
  }
}

/*===============================================================

    section_index

===============================================================*/
@media screen and (max-width: 768px) {
  .section_index .c_grid .grid .c_btn_line, .section_index .c_grid .grid .c_btn_line__white {
    width: 100%;
  }
  .section_index .c_grid .grid .c_btn_line a, .section_index .c_grid .grid .c_btn_line__white a {
    width: 100%;
    height: auto;
  }
}
.section_index {
  /*===============================================================
  section_index__search
  ===============================================================*/
}
/*===============================================================
ページタイトル直下
===============================================================*/
[class*=section_pagetitle] + .section_index .section_inner, [class*=section_pagetitle] + .section_index .section_inner__thin, [class*=section_pagetitle] + .section_index .section_inner__sp_thin {
  padding-top: 6rem;
  padding-bottom: 6rem;
}
@media screen and (max-width: 768px) {
  [class*=section_pagetitle] + .section_index .section_inner, [class*=section_pagetitle] + .section_index .section_inner__thin, [class*=section_pagetitle] + .section_index .section_inner__sp_thin {
    padding-top: 2rem;
    padding-bottom: 3rem;
  }
}

/*===============================================================
section_accodion
===============================================================*/
/*===============================================================

    section_faq

===============================================================*/
/*===============================================================

    section_faq__answer

===============================================================*/
.section_faq__answer {
  padding: 8rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 3rem;
}
@media screen and (max-width: 768px) {
  .section_faq__answer {
    padding: 3rem;
  }
}
.section_faq__answer {
  /*===============================================================
  question_block
  ===============================================================*/
}
.section_faq__answer .question_block {
  position: relative;
  padding-left: 5.5rem;
}
.section_faq__answer .question_block .title, .section_faq__answer .question_block .c_card--list .title_l, .c_card--list .section_faq__answer .question_block .title_l, .section_faq__answer .question_block .c_card--list .title_xl, .c_card--list .section_faq__answer .question_block .title_xl {
  font-size: 3rem;
  color: #172e7e;
}
.section_faq__answer .question_block::after {
  position: absolute;
  top: 0.3rem;
  left: 0;
  content: "Q";
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  background: #0083D3;
  font-size: 2rem;
  font-weight: bold;
  line-height: 4rem;
  color: #fff;
  text-align: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 4rem;
          flex: 0 0 4rem;
}
@media screen and (max-width: 768px) {
  .section_faq__answer .question_block {
    position: relative;
    padding-left: 4.5rem;
  }
  .section_faq__answer .question_block .title, .section_faq__answer .question_block .c_card--list .title_l, .c_card--list .section_faq__answer .question_block .title_l, .section_faq__answer .question_block .c_card--list .title_xl, .c_card--list .section_faq__answer .question_block .title_xl {
    font-size: 2rem;
  }
  .section_faq__answer .question_block::after {
    top: 0rem;
    width: 3.5rem;
    height: 3.5rem;
    font-size: 2rem;
    line-height: 3.5rem;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 3.5rem;
            flex: 0 0 3.5rem;
  }
}
.section_faq__answer {
  /*===============================================================
  answer_block
  ===============================================================*/
}
.section_faq__answer .answer_block {
  position: relative;
  padding-left: 5.5rem;
  padding-top: 0.6rem;
}
.section_faq__answer .answer_block p {
  font-size: 1.8rem;
  line-height: 2;
}
.section_faq__answer .answer_block::after {
  position: absolute;
  top: 0.3rem;
  left: 0;
  content: "A";
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  background: #FF4000;
  font-size: 2rem;
  font-weight: bold;
  line-height: 4rem;
  color: #fff;
  text-align: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 4rem;
          flex: 0 0 4rem;
}
@media screen and (max-width: 768px) {
  .section_faq__answer .answer_block {
    position: relative;
    padding-left: 4.5rem;
  }
  .section_faq__answer .answer_block p {
    font-size: 1.6rem;
    line-height: 1.8;
  }
  .section_faq__answer .answer_block::after {
    top: 0rem;
    width: 3.5rem;
    height: 3.5rem;
    font-size: 2rem;
    line-height: 3.5rem;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 3.5rem;
            flex: 0 0 3.5rem;
  }
}

/*===============================================================

    section_howto

===============================================================*/
/*===============================================================

    section_blog

===============================================================*/
.section_blog {
  /* -------- */
  /* 記事一覧ページ */
  /* -------- */
}
.section_blog body:not(.home) .section + .article-list.section::before {
  display: none;
}
.section_blog .main.archive .mainvisual {
  margin-top: 0;
}
.section_blog .article-list.section {
  overflow: hidden;
}
.section_blog .article-list__tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow-x: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.section_blog .article-list__tabs::-webkit-scrollbar {
  display: none;
}
.section_blog .article-list__tab {
  color: #919191;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  height: 51px;
  border-bottom: 1px solid #CCCCCC;
  white-space: nowrap;
  font-weight: 600;
  font-size: 18px;
}
.section_blog .article-list__tab.current {
  cursor: initial;
  color: #242424;
  border-bottom: 3px solid #E3007F;
}
.section_blog .article-list__content {
  display: block;
}
.section_blog .article-list__items {
  display: -ms-grid;
  display: grid;
  gap: 5rem 3rem;
  -ms-grid-columns: 1fr 3rem 1fr;
  grid-template-columns: repeat(2, 1fr);
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 1070px) {
  .section_blog .article-list__items {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
.section_blog .article-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.5rem;
  padding-bottom: 3rem;
  border-bottom: 1px solid #CCCCCC;
  text-decoration: none;
}
.section_blog .article-item__body {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5rem;
}
.section_blog .article-item__footer {
  margin-top: auto;
}
.section_blog .article-item__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  aspect-ratio: 1280/670;
}
.section_blog .article-item__date {
  display: block;
  color: #273135;
  opacity: 0.6;
  font-weight: 300;
  font-size: 1.2rem;
  line-height: 1;
}
.section_blog .article-item__title {
  font-weight: 600;
  font-size: 20px;
  line-height: 1.5;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.section_blog .article-item__text {
  color: #919191;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.section_blog .article-item__btn {
  margin-top: 3px;
  display: inline-block;
  position: relative;
  background: #172E7E;
  border: 1px solid #172E7E;
  color: #fff;
  border-radius: 4px;
  padding: 8px 47px 8px 31px;
  font-weight: 600;
  font-size: 14px;
  line-height: 1;
  text-decoration: none;
  -webkit-transition: background-color 0.3s, color 0.3s;
  transition: background-color 0.3s, color 0.3s;
}
.section_blog .article-item__btn::before {
  position: absolute;
  content: "";
  top: 50%;
  right: 22px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-mask-image: url(/knowledge/img/article-arrow.svg);
          mask-image: url(/knowledge/img/article-arrow.svg);
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
  width: 17px;
  height: 17px;
  background: #fff;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
@media (any-hover: hover) {
  .section_blog .article-item:hover .article-item__btn {
    background: #fff;
    color: #172e7e;
  }
  .section_blog .article-item:hover .article-item__btn::before {
    background: #172e7e;
  }
  .section_blog .article-item__btn:hover {
    background: #fff;
    color: #172e7e;
  }
  .section_blog .article-item__btn:hover::before {
    background: #172e7e;
  }
}
.section_blog {
  /* ページネーション */
}
.section_blog .article-pagination {
  margin-top: 44px;
  margin-bottom: 86px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 13px;
}
.section_blog .article-pagination__numbers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 13px;
}
.section_blog .page-numbers {
  width: 38px;
  height: 38px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: transparent;
  color: #172e7e;
  font-weight: 300;
  font-size: 17px;
  border-radius: 50%;
  text-decoration: none;
}
.section_blog .page-numbers.current {
  border: 1px solid #172e7e;
  background: #172e7e;
  color: #fff;
}
.section_blog .article-pagination .dots {
  color: #172e7e;
}
.section_blog .article-pagination__prev,
.section_blog .article-pagination__next {
  width: 38px;
  height: 38px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #fff;
  color: #172e7e;
  font-weight: 300;
  font-size: 17px;
  border-radius: 50%;
  border: 1px solid #172e7e;
}
.section_blog .article-pagination__prev {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.section_blog .article-pagination a {
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
@media (any-hover: hover) {
  .section_blog .article-pagination a:hover {
    opacity: 0.7;
  }
}
.section_blog {
  /* サイドバー */
}
.section_blog .article-sidemenu__title {
  font-weight: 600;
  font-size: 2.2rem;
  line-height: 1;
}
.section_blog .article-sidemenu__tags {
  margin-bottom: 57px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 14px 8px;
}
.section_blog .article-sidemenu__tag a {
  display: inline-block;
  color: #172e7e;
  font-weight: 300;
  font-size: 14px;
  line-height: 1;
  background: #F4F5F9;
  border-radius: 8px;
  text-decoration: none;
  padding: 6px 9px;
}
.section_blog .article-sidemenu__tag a::before {
  content: "#";
  margin-right: 0.3em;
}
.section_blog .article-sidemenu__items {
  margin-top: 10px;
}
.section_blog .article-sidemenu__item {
  border-bottom: 1px solid #eee;
  padding: 12px 0;
}
.section_blog .article-sidemenu__article {
  position: relative;
  display: -ms-grid;
  display: grid;
  gap: 16px;
  -ms-grid-columns: 70px 16px 1fr;
  grid-template-columns: 70px 1fr;
  text-decoration: none;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}
.section_blog {
  /* ランキング1位 */
}
.section_blog .article-sidemenu__item:nth-child(1 of li) .article-sidemenu__article::before {
  position: absolute;
  content: "";
  clip-path: polygon(0 0, 0% 100%, 100% 0);
  background: #FFBA00;
  width: 30px;
  height: 30px;
  top: 0;
  left: 0;
}
.section_blog .article-sidemenu__item:nth-child(1 of li) .article-sidemenu__article::after {
  position: absolute;
  content: "1";
  color: #fff;
  font-weight: 300;
  font-size: 12px;
  line-height: 1;
  top: 4px;
  left: 4px;
}
.section_blog {
  /* ランキング2位 */
}
.section_blog .article-sidemenu__item:nth-child(2 of li) .article-sidemenu__article::before {
  position: absolute;
  content: "";
  clip-path: polygon(0 0, 0% 100%, 100% 0);
  background: #AAAAAA;
  width: 30px;
  height: 30px;
  top: 0;
  left: 0;
}
.section_blog .article-sidemenu__item:nth-child(2 of li) .article-sidemenu__article::after {
  position: absolute;
  content: "2";
  color: #fff;
  font-weight: 300;
  font-size: 12px;
  line-height: 1;
  top: 4px;
  left: 4px;
}
.section_blog {
  /* ランキング3位 */
}
.section_blog .article-sidemenu__item:nth-child(3 of li) .article-sidemenu__article::before {
  position: absolute;
  content: "";
  clip-path: polygon(0 0, 0% 100%, 100% 0);
  background: #A26C4B;
  width: 30px;
  height: 30px;
  top: 0;
  left: 0;
}
.section_blog .article-sidemenu__item:nth-child(3 of li) .article-sidemenu__article::after {
  position: absolute;
  content: "3";
  color: #fff;
  font-weight: 300;
  font-size: 12px;
  line-height: 1;
  top: 4px;
  left: 4px;
}
.section_blog .article-sidemenu__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  aspect-ratio: 1/1;
}
.section_blog p.article-sidemenu__text {
  margin-top: 5px;
  color: #242424;
  font-weight: 300;
  font-size: 14px;
  line-height: 1.5;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.section_blog .article-sidemenu a {
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
@media (any-hover: hover) {
  .section_blog .article-sidemenu a:hover::before {
    opacity: 1;
  }
  .section_blog .article-sidemenu a:hover img {
    opacity: 1;
  }
  .section_blog .article-sidemenu a:hover {
    opacity: 0.7;
  }
}
.section_blog {
  /* SP用スタイル */
}
@media screen and (max-width: 768px) {
  .section_blog {
    /* -------- */
    /* 記事一覧ページ */
    /* -------- */
  }
  .section_blog .article-list__tabs {
    width: 100vw;
    margin: 0 calc(50% - 50vw);
  }
  .section_blog .article-list__tab {
    height: 54px;
    font-size: 14px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    min-width: 82px;
  }
  .section_blog .article-list__items {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    padding-top: 2rem;
    gap: 3rem;
  }
  .section_blog .article-item {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .section_blog .article-item__date {
    font-size: 1.4rem;
  }
  .section_blog .article-item__img img {
    aspect-ratio: 1280/670;
  }
  .section_blog p.article-item__title {
    font-size: 1.8rem;
  }
  .section_blog .article-item__text {
    font-size: 1.5rem;
  }
  .section_blog .article-item__btn {
    margin-top: 7px;
    font-size: 16px;
    padding: 11px 54px 11px 35px;
  }
  .section_blog .article-item__btn::before {
    width: 19px;
    height: 19px;
    right: 27px;
  }
  .section_blog {
    /* ページネーション */
  }
  .section_blog .article-pagination {
    margin-top: 29px;
    margin-bottom: 28px;
  }
  .section_blog {
    /* サイドバー */
  }
  .section_blog .article-sidemenu__tags {
    margin-top: 26px;
    margin-top: 0;
    margin-bottom: 59px;
  }
  .section_blog .article-sidemenu__article {
    gap: 24px;
  }
  .section_blog p.article-sidemenu__text {
    margin-top: 3px;
  }
}
.section_blog {
  /* -------- */
  /* 記事詳細ページ */
  /* -------- */
}
.section_blog body:not(.home) .section + .article-list.section::before {
  display: none;
}
.section_blog .article-single .grid {
  padding-top: 34px;
  padding-bottom: 135px;
  max-width: 1080px;
  display: -ms-grid;
  display: grid;
  gap: 52px;
  -ms-grid-columns: 620fr 52px 300fr;
  grid-template-columns: 620fr 300fr;
}
.section_blog .article-single__thumbnail {
  margin-top: 40px;
}
.section_blog .article-single__thumbnail img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 1280/670;
}
.section_blog .article-information {
  display: block;
  margin-top: 2px;
  color: #08131A;
  opacity: 0.66;
  font-weight: 300;
  font-size: 12px;
}
.section_blog .article-information_first {
  margin-top: 19px;
}
.section_blog .article-information_large {
  margin-top: 8px;
  font-size: 16px;
}
.section_blog .article-single__title {
  color: #08131A;
  font-weight: 600;
  font-size: 28px;
  line-height: 1.5;
  display: inline-block;
  border-left: solid 5px #38b3f2;
  margin: 0 auto 50px;
  padding: 5px 0 5px 15px;
}
.section_blog .article-single__content {
  margin-top: 24px;
}
.section_blog .article-single__content > *:first-child {
  margin-top: 0;
}
.section_blog .article-single__content h1 {
  margin-top: 35px;
  color: #08131A;
  font-weight: 600;
  font-size: 28px;
  line-height: 1.5;
  border-left: solid 5px #38b3f2;
  padding: 5px 0 5px 15px;
}
.section_blog {
  /*
  .article-single__content h2 {
    margin-top: 35px;
    color: #08131A;
    font-weight: 600;
    font-size: 26px;
    line-height: 1.5;
  }
  */
}
.section_blog .article-single__content h2 {
  margin-top: 25px;
  color: #08131A;
  font-size: 23px;
  line-height: 1.5;
  border-left: solid 5px #38b3f2;
  border-bottom: solid 2px #d7d7d7;
  padding: 5px 0 5px 15px;
}
.section_blog .article-single__content h3 {
  margin-top: 15px;
  color: #08131A;
  font-weight: 600;
  font-size: 18px;
  line-height: 1.5;
  border-left: solid 5px #b0d5e8;
  padding: 5px 0 5px 10px;
}
.section_blog .article-single__content p {
  margin-top: 24px;
  font-weight: 300;
  font-size: 16px;
  word-break: break-all;
  line-height: 1.75;
}
.section_blog .article-single__content img {
  margin-top: 120px;
}
.section_blog .article-single__content em {
  font-style: normal;
  margin: 0 0.1em;
  padding: 0.1em 0.2em;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #ffcc3f)) !important;
  background: linear-gradient(to bottom, transparent 60%, #ffcc3f 60%) !important;
}
.section_blog .article-single__content i {
  font-style: oblique !important;
}
.section_blog .article-single__related_links p {
  margin-top: 4px;
  line-height: 1.25;
}
.section_blog {
  /* SP用スタイル */
}
@media screen and (max-width: 768px) {
  .section_blog {
    /* -------- */
    /* 記事詳細ページ */
    /* -------- */
  }
  .section_blog .article-single .grid {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 22px;
    padding: 3px 23px 40px;
  }
  .section_blog .article-single__thumbnail {
    margin-top: 22px;
  }
  .section_blog .article-single__thumbnail img {
    aspect-ratio: 1280/670;
  }
  .section_blog .article-single__date {
    margin-top: 16px;
  }
  .section_blog .article-single__title {
    font-size: 25px;
  }
  .section_blog .article-single__content {
    margin-top: 24px;
  }
  .section_blog .article-single__content h2 {
    margin-top: 24px;
    font-size: 22px;
  }
  .section_blog .article-single__content h3 {
    margin-top: 24px;
    font-size: 18px;
  }
  .section_blog .article-single__content p {
    margin-top: 31px;
    font-size: 15px;
    word-break: break-all;
  }
  .section_blog .article-single__content img {
    margin-top: 20px;
  }
  .section_blog .article-single__sidemenu {
    margin-top: 70px;
  }
  .section_blog .article-single__related_links p {
    margin-top: 4px;
    line-height: 1.25;
  }
}
.section_blog {
  /* HIC追加 */
}
.section_blog .article-single ul {
  margin-left: 10px;
  margin-top: 10px;
}
.section_blog .article-single ol {
  margin-left: 10px;
  margin-top: 10px;
  list-style-position: inside;
}
.section_blog .article-single li {
  margin-bottom: 3px;
}
.section_blog .article-single__content h4 {
  margin-top: 30px;
  color: #08131A;
  font-weight: 600;
  font-size: 18px;
  line-height: 1.5;
}
.section_blog .article-single__center-image-caption {
  text-align: center;
}
.section_blog .article-single__center-image-caption p {
  margin-top: 16px;
  font-size: 12px;
  font-weight: 200;
  line-height: 1.5;
  color: #666;
}
.section_blog .article-list__post-empty {
  text-align: center;
  padding: 40px;
  color: #666;
}
.section_blog .article-list__post-empty p {
  font-size: 18px;
  margin-top: 10px;
}
.section_blog .article-list__breadcrumb {
  font-size: 14px;
  color: #999;
  margin-bottom: 8px;
}
.section_blog .article-list__breadcrumb a {
  color: #999;
  text-decoration: none;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
}
.section_blog .article-list__breadcrumb a:hover {
  color: #333;
}
.section_blog .article-list__breadcrumb-separator {
  margin: 0 6px;
  color: #bbb;
}
.section_blog .article-single__body strong {
  font-weight: 700;
}
.section_blog {
  /* カルーセル(試作) */
}
.section_blog .carousel {
  position: relative;
  max-width: 600px;
  width: 90vw;
  height: 400px;
  margin: 40px auto;
  overflow: hidden;
  border-radius: 12px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.section_blog .slides {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: -webkit-transform 0.5s ease-in-out;
  transition: -webkit-transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
  width: 100%;
  height: 100%;
}
.section_blog .slide {
  min-width: 100%;
  height: 100%;
  position: relative;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  aspect-ratio: 3/2;
}
.section_blog .slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  margin-top: 0;
  object-fit: cover;
}
.section_blog .caption {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 1.5rem;
  background: -webkit-gradient(linear, left bottom, left top, from(rgb(0, 0, 0)), to(transparent));
  background: linear-gradient(to top, rgb(0, 0, 0), transparent);
  color: white;
  font-size: 1.5rem;
}
.section_blog .indicators {
  position: absolute;
  bottom: 12px;
  right: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 6px;
  z-index: 2;
}
.section_blog .indicator {
  color: white;
  font-size: 1rem;
  padding: 4px 8px;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.4);
  cursor: pointer;
}
.section_blog .indicator.active {
  background-color: white;
  color: black;
  font-weight: bold;
}
.section_blog .arrow {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 40px;
  height: 40px;
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  font-size: 20px;
  z-index: 2;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-tap-highlight-color: transparent;
}
.section_blog .arrow:hover {
  background-color: rgba(0, 0, 0, 0.7);
}
.section_blog .arrow-left {
  left: 10px;
}
.section_blog .arrow-right {
  right: 10px;
}
.section_blog {
  /* スマホ対応 */
}
@media (max-width: 600px) {
  .section_blog .carousel {
    height: 250px;
  }
  .section_blog .caption {
    font-size: 0.9rem;
    padding: 0.7rem;
  }
  .section_blog .arrow {
    width: 36px;
    height: 36px;
    font-size: 18px;
  }
  .section_blog .indicator {
    font-size: 0.9rem;
    padding: 3px 6px;
  }
}
.section_blog {
  /* 目次(JAMPA追加分)*/
}
.section_blog .toc-001 {
  margin-bottom: 30px;
  padding: 1em 1em 1em 2em;
  border: 1px solid #999;
  background-color: #f7f7f7;
  color: #333333;
}
.section_blog .toc-001 div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0;
  padding: 5px 0;
}
.section_blog .toc-001 div::before {
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-right: 5px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 4H21V6H8V4ZM3 3.5H6V6.5H3V3.5ZM3 10.5H6V13.5H3V10.5ZM3 17.5H6V20.5H3V17.5ZM8 11H21V13H8V11ZM8 18H21V20H8V18Z' fill='%23333'%3E%3C/path%3E%3C/svg%3E");
  content: "";
}
.section_blog .toc-001 label::after {
  margin-left: 5px;
  font-size: 0.8em;
  color: #166c9d;
  content: "[開く]";
  cursor: pointer;
}
.section_blog .toc-001:has(:checked) label::after {
  content: "[閉じる]";
}
.section_blog .toc-001 input {
  display: none;
}
.section_blog .toc-001 ol {
  list-style-type: decimal;
  margin: 0;
  padding: 0 1.2em;
  overflow: hidden;
}
.section_blog .toc-001 > ol {
  height: 0;
}
.section_blog .toc-001:has(:checked) > ol {
  height: auto;
}
.section_blog .toc-001 ol ol {
  margin-top: 5px;
}
.section_blog .toc-001 li {
  padding: 5px 0;
}
.section_blog .toc-001 a {
  color: #166c9d;
}
.section_blog .youtube-responsive {
  margin-top: 8px;
  width: 560px;
  height: 315px;
}
.section_blog .youtube-responsive iframe {
  width: 100%;
  height: 100%;
  border: 0;
}
@media screen and (max-width: 596px) {
  .section_blog .youtube-responsive {
    width: 100%;
    aspect-ratio: 16/9;
    height: auto;
  }
}

/*===============================================================

    section_sitemap

===============================================================*/
.section_sitemap .grid {
  border: solid 1px rgba(0, 131, 211, 0.5);
  border: solid 1px #ccc;
  border-radius: 1rem;
  padding: 1rem;
}
.section_sitemap .grid a {
  text-align: center;
  background-color: rgba(0, 131, 211, 0.1);
  display: block;
  padding: 2rem;
  line-height: 1.4;
  border-radius: 1rem;
  text-decoration: none;
  color: #172e7e;
  font-size: 1.8rem;
  font-weight: bold;
}
.section_sitemap .grid a:hover {
  background-color: rgba(0, 131, 211, 0.3);
}
.section_sitemap .grid ul {
  padding: 2rem;
  padding-top: 1rem;
  text-align: center;
}
.section_sitemap .grid li {
  margin-top: 1rem;
}
.section_sitemap .grid li a {
  padding: 1rem;
  font-size: 1.6rem;
  font-weight: normal;
  background-color: transparent;
  border: solid 1px rgba(0, 131, 211, 0.5);
}
.section_sitemap {
  /*===============================================================
  sitemap-category
  ===============================================================*/
}
/*===============================================================

    section_txtcontents

===============================================================*/
.section_txtcontents .section {
  padding-bottom: 2.5rem;
}
.section_txtcontents .section + .section {
  border-top: 1px solid #cacaca;
  padding-top: 2.5rem;
}
.section_txtcontents .section-title {
  font-size: 2.4rem;
  font-weight: bold;
  text-align: center;
  margin: 16px 0 16px 0;
}
.section_txtcontents p {
  text-align: left;
}
.section_txtcontents p + p {
  margin-top: 1rem;
}
.section_txtcontents .text--center--smp {
  text-align: center;
}
.section_txtcontents {
  /*===============================================================
  ol
  ===============================================================*/
}
.section_txtcontents ol {
  padding-left: 0;
  display: block;
  list-style-type: decimal;
  -webkit-margin-before: 1em;
          margin-block-start: 1em;
  -webkit-margin-after: 1em;
          margin-block-end: 1em;
  -webkit-padding-start: 1.5em;
          padding-inline-start: 1.5em;
}
.section_txtcontents ol li + li {
  margin-top: 2em;
}
.section_txtcontents ol ol {
  -webkit-padding-start: 0;
          padding-inline-start: 0;
}
.section_txtcontents ol ol li {
  list-style-type: none;
  counter-increment: cnt;
  font-weight: normal;
}
.section_txtcontents ol ol li::before {
  content: "(" counter(cnt) ") ";
}
.section_txtcontents ol ol li + li {
  margin-top: 0.5em;
}
.section_txtcontents ol ul {
  padding-left: 3em;
  background-color: #f5f5f5;
  padding: 1em 1em;
  margin-top: 1em;
  -webkit-padding-start: 2.5em;
          padding-inline-start: 2.5em;
}
.section_txtcontents ol ul li {
  list-style-type: disc;
  list-style-position: inside;
  list-style-position: outside;
  font-weight: normal;
}
.section_txtcontents ol ul li + li {
  margin-top: 0;
}
/*===============================================================

    section_lang

===============================================================*/
.section_lang {
  border-top: solid 1px #ccc;
  border-bottom: solid 1px #ccc;
}
/*===============================================================

    section_news

===============================================================*/
.section_news {
  /*===============================================================
  section_news__yearlist
  ===============================================================*/
}
.section_news .section_news__yearlist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2rem;
}
@media screen and (max-width: 768px) {
  .section_news .section_news__yearlist {
    gap: 1rem;
  }
}
.section_news {
  /*===============================================================
  section_news__title
  ===============================================================*/
}
.section_news .section_news__title {
  text-align: center;
}
.section_news .section_news__title p {
  font-size: 1.6rem;
}
.section_news .section_news__title .title, .section_news .section_news__title .c_card--list .title_l, .c_card--list .section_news .section_news__title .title_l, .section_news .section_news__title .c_card--list .title_xl, .c_card--list .section_news .section_news__title .title_xl {
  font-size: 2.5rem;
}
.section_news .section_news__title {
  /* news
  -------------------------------------------- */
}
.section_news .section_news__title .label {
  padding: 0em 1em 0.1em;
  color: #fff;
  display: inline-block;
  line-height: 1.4;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 3rem;
}
.section_news .section_news__title .label--campaign {
  background: #E3057F;
}
.section_news .section_news__title .label--publicity {
  background: #50a634;
}
.section_news .section_news__title .label--service {
  background: #0083D3;
}
.section_news .section_news__title .label--new {
  max-width: 56px;
  margin-left: 16px;
  background: #e3007f;
}
.section_news .section_news__title .news__label .label--new {
  display: none;
}
@media screen and (max-width: 768px) {
  .section_news .section_news__title .news__label .label--new {
    display: inline-block;
  }
  .section_news .section_news__title .news__title .label--new {
    display: none;
  }
}
.section_news {
  /*===============================================================
  section_news__content
  ===============================================================*/
}
.section_news .section_news__content {
  padding-top: 2rem;
  padding-bottom: 8rem;
  border-top: solid 1px #ccc;
  border-bottom: solid 1px #ccc;
  margin-top: 5rem;
}
@media screen and (max-width: 768px) {
  .section_news .section_news__content {
    padding-top: 0rem;
    padding-bottom: 5rem;
    margin-top: 3rem;
  }
}

/*===============================================================

    section_jidoushazei

===============================================================*/
@media screen and (max-width: 768px) {
  .section_jidoushazei .section_search__content {
    text-align: left;
  }
}
.section_jidoushazei {
  /*===============================================================
  section_jidoushazei__area_list
  ===============================================================*/
}
.section_jidoushazei .section_jidoushazei__area_list {
  background-color: rgba(0, 0, 0, 0.05);
  padding: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2rem;
}
.section_jidoushazei .section_jidoushazei__area_list .section_jidoushazei__area_list__list {
  width: 100%;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: ;
  grid-template-columns: repeat(var(--grid-cols), minmax(0, 1fr));
  --grid-cols: 5;
  gap: 0.5rem;
}
@media screen and (max-width: 768px) {
  .section_jidoushazei .section_jidoushazei__area_list .section_jidoushazei__area_list__list {
    --grid-cols: 2;
    gap: 1rem;
  }
}

/*===============================================================

    section_bnr

===============================================================*/
.section_bnr {
  padding: 3rem;
}
/*===============================================================

	_top.scss 2024/2/16

===============================================================*/
/*===============================================================

	page_top

===============================================================*/
.page_top {
  /* タブレット */
}
.page_top {
  /* for TABLET */
  /* SP */
}
.page_top {
  /* for SP */
  /*===============================================================
  	//	page_top
  ===============================================================*/
}

input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=number],
input[type=tel],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color],
.site textarea {
  border: 0;
  border-radius: 0;
  color: #000;
  line-height: 1.6;
  padding: 0;
  margin: 0;
  max-width: 100%;
}

/*===============================================================

	form_section

===============================================================*/
.form_section {
  margin: 0 auto;
}
.form_section .headline .title, .form_section .headline .c_card--list .title_l, .c_card--list .form_section .headline .title_l, .form_section .headline .c_card--list .title_xl, .c_card--list .form_section .headline .title_xl {
  font-size: 30px;
  line-height: 1.4;
  font-weight: bold;
}
.form_section {
  /* タブレット */
}
@media screen and (max-width: 1070px) {
  .form_section {
    width: 100%;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}
.form_section {
  /* for TABLET */
  /* SP */
}
@media screen and (max-width: 768px) {
  .form_section .headline .title, .form_section .headline .c_card--list .title_l, .c_card--list .form_section .headline .title_l, .form_section .headline .c_card--list .title_xl, .c_card--list .form_section .headline .title_xl {
    font-size: 6vw;
  }
}
.form_section {
  /* for SP */
  /*-------------------------------------------------------------
  	.txt 	
  -------------------------------------------------------------*/
}
.form_section .txt {
  margin-top: 30px;
}
.form_section .txt p {
  font-size: 14px;
  line-height: 1.6;
}
.form_section {
  /* タブレット以下 */
}
.form_section {
  /* for tablet max-width: 1030px */
  /* SP向けレイアウトの指定：～736px */
}
@media screen and (max-width: 768px) {
  .form_section .txt {
    margin-top: 4vw;
  }
  .form_section .txt p {
    font-size: 4vw;
  }
}
.form_section {
  /* for SP max-width: 736px */
  /*-------------------------------------------------------------
  	form_section ここまで
  -------------------------------------------------------------*/
}

/*===============================================================

	form_content

===============================================================*/
.form_content {
  text-align: left;
  /* タブレット */
}
.form_content {
  /* for TABLET */
  /* SP */
}
@media screen and (max-width: 768px) {
  .form_content {
    font-size: 4vw;
    margin-top: 4vw;
  }
}
.form_content {
  /* for SP */
  /*-------------------------------------------------------------
  	form_table	
  -------------------------------------------------------------*/
}
.form_content .form_table {
  margin: 0;
}
.form_content .form_table dt {
  font-weight: bold;
  padding: 25px 0 10px;
  margin-right: 2%;
  font-size: 20px;
}
.form_content .form_table dt span {
  padding-left: 3px;
}
.form_content .form_table dd {
  width: 100%;
}
.form_content .form_table dd + dt {
  margin-top: 40px;
}
.form_content .form_table .sample {
  font-size: small;
  font-weight: normal;
  padding-left: 10px;
}
.form_content .form_table .red {
  color: #CD7B77;
  font-size: small;
  font-weight: normal;
  padding-left: 10px;
}
.form_content .form_table {
  /* タブレット以下 */
}
.form_content .form_table {
  /* for tablet max-width: 1030px */
  /* SP向けレイアウトの指定：～736px */
}
@media screen and (max-width: 768px) {
  .form_content .form_table dt {
    float: none;
    width: 100%;
    font-size: 4.5vw;
    line-height: 1.6;
    padding: 3vw 0 0 0;
  }
  .form_content .form_table dd {
    width: 100%;
    font-size: 4vw;
    line-height: 1.6;
    margin-top: 2vw;
  }
  .form_content .form_table dd + dt {
    margin-top: 8vw;
  }
  .form_content .form_table .sample {
    font-size: 2.5vw;
  }
  .form_content .form_table .red {
    font-size: 2.5vw;
  }
}
.form_content .form_table {
  /* for SP max-width: 736px */
}
.form_content {
  /*-------------------------------------------------------------
  	.phase_confirm form_table	
  -------------------------------------------------------------*/
}
.form_content .phase_confirm .form_table {
  margin: 0;
}
.form_content .phase_confirm .form_table dd {
  background: #eee;
  padding: 20px;
  border-radius: 5px;
}
.form_content .phase_confirm .form_table {
  /* タブレット以下 */
}
.form_content .phase_confirm .form_table {
  /* for tablet max-width: 1030px */
  /* SP向けレイアウトの指定：～736px */
}
@media screen and (max-width: 768px) {
  .form_content .phase_confirm .form_table dd {
    padding: 3vw;
  }
}
.form_content .phase_confirm .form_table {
  /* for SP max-width: 736px */
}
.form_content {
  /*-------------------------------------------------------------
  	form_content ここまで
  -------------------------------------------------------------*/
}

/*-------------------------------------------------------------
	テキスト入力
-------------------------------------------------------------*/
.txtinput {
  vertical-align: bottom;
  width: 100%;
  -webkit-appearance: none;
  outline: 0;
  font-size: 18px !important;
  line-height: 1.6 !important;
  margin: 0 !important;
  padding: 10px !important;
  border: solid 1px #666 !important;
  border-radius: 3px !important;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: all 0.1s linear;
  transition: all 0.1s linear;
}
.txtinput.txtinput_postal {
  width: 150px;
}
.txtinput:focus, .txtinput:focus {
  border-color: #999;
}
.txtinput {
  /* タブレット以下 */
}
.txtinput {
  /* for tablet max-width: 1030px */
  /* SP向けレイアウトの指定：～736px */
}
@media screen and (max-width: 768px) {
  .txtinput {
    font-size: 4vw !important;
    padding: 3vw !important;
  }
}
.txtinput {
  /* for SP max-width: 736px */
}

/*-------------------------------------------------------------
	ラジオボタン
-------------------------------------------------------------*/
.radio {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.radio li {
  width: 50%;
}
.radio li input {
  border: 0;
  margin: 0;
  display: inline-block;
  width: 1.9rem;
  height: 1.9rem;
  border: 1px solid #000;
  vertical-align: middle;
}
.radio li input::after {
  position: absolute;
  top: 0.3rem;
  left: 0.3rem;
  width: 0.5rem;
  height: 0.5rem;
}
.radio li label {
  cursor: pointer;
}
.radio li {
  padding: 0;
}
.radio {
  /*	li label:before {
  	content: "";
  	position: absolute;
  	top: 0;
  	bottom: 0;
  	left: 0;
  	margin: auto;
  	width: 16px;
  	height: 16px;
  	background: #fff;
  	border: 1px solid #333;
  	border-radius: 50%;
  	box-sizing: border-box;
  }
  li label:after {
  	content: "";
  	position: absolute;
  	top: 0;
  	bottom: 0;
  	left: 4px;
  	margin: auto;
  	width: 8px;
  	height: 8px;
  	background: $c_red;
  	border-radius: 50%;
  	transition: all 0.1s linear;
  	transform: scale(0);
  }
  li input:checked + label:after {
  	transform: scale(1);
  }*/
  /* タブレット以下 */
}
@media screen and (max-width: 1070px) {
  .radio {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .radio li {
    width: 100%;
  }
  .radio li + li {
    margin-top: 0.5rem;
  }
}
.radio {
  /* for tablet max-width: 1030px */
  /* SP向けレイアウトの指定：～736px */
}
@media screen and (max-width: 768px) {
  .radio li label {
    font-size: 1.6rem;
    line-height: 1.5;
  }
  .radio li + li {
    margin-top: 1.2rem;
  }
}
.radio {
  /* for SP max-width: 736px */
}

/*-------------------------------------------------------------
	チェックボックス
-------------------------------------------------------------*/
.checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.checkbox li {
  width: 50%;
  padding: 0;
}
.checkbox input {
  border: 0;
  margin: 0;
  display: inline-block;
  width: 1.9rem;
  height: 1.9rem;
  border: 1px solid #000;
  vertical-align: middle;
}
.checkbox input::after {
  position: absolute;
  top: 0.3rem;
  left: 0.3rem;
  width: 0.5rem;
  height: 0.5rem;
}
.checkbox label {
  cursor: pointer;
}
.checkbox {
  /*  
    display: flex;
    flex-wrap:wrap;
    align-items: center;
  	li {
  		width: 33.3333%;
  		padding: 0;
  	}
  	li:nth-child(4),
  	li:nth-child(5),
  	li:nth-child(6) {
  		margin-top: 10px;
  	}
  	&.agreebox {
  		font-size: 14px; 
  		line-height: 20px;
  		text-align: center;
  		padding-top: 20px;
  	}
  	li input,
  	&.agreebox input {
  		width: auto;
  		display: none;
  		border: 0;
  		margin: 0;
  	}
  */
  /*　チェックボックスの装飾　*/
  /*
  	li label,
  	&.agreebox label {
  		display: inline-block;
  		vertical-align: middle; 
  		position: relative;
  		cursor: pointer;
  	}
  	li label:before,
  	&.agreebox label:before {
  		content: "";
  		position: absolute;
  		top: 0;
  		bottom: 0;
  		left: 0;
  		margin: auto;
  		width: 16px;
  		height: 16px;
  		background: #fff;
  		border-radius: 10%;
  		border: 1px solid #333;
  		box-sizing: border-box;
  	}
  	li label:after,
  	&.agreebox label:after {
  		content: "";
  		position: absolute;
  		top: -4px;
  		left: 5px;
  		margin: auto;
  		width: 6px;
  		height: 14px;
  		border-right: 2px solid transparent;
  		border-bottom: 2px solid transparent;
  		transform: rotate(40deg);
  		transition: border-bottom-color, border-right-color .2s linear;
  	}
  	li input:checked + label:after,
  	&.agreebox input:checked + label:after {
  		border-color: #333;
  	}
  */
  /* タブレット以下 */
}
.checkbox {
  /* for tablet max-width: 1030px */
  /* SP向けレイアウトの指定：～736px */
}
@media screen and (max-width: 768px) {
  .checkbox li {
    width: 100%;
  }
  .checkbox li + li {
    margin-top: 3vw;
  }
  .checkbox li label,
  .checkbox .agreebox label {
    font-size: 4vw;
  }
  .checkbox .agreebox {
    font-size: 4vw;
    text-align: left;
    padding-top: 3vw;
  }
}
.checkbox {
  /* for SP max-width: 736px */
}

/*-------------------------------------------------------------
	.セレクト 
-------------------------------------------------------------*/
.select {
  width: 200px;
  font-size: 18px;
  cursor: pointer;
}
.select option {
  color: #333;
  background: #fff;
}
.select optgroup.area {
  color: #333;
  background: #eee;
}
.select {
  /* タブレット以下 */
}
.select {
  /* for tablet max-width: 1030px */
  /* SP向けレイアウトの指定：～736px */
}
@media screen and (max-width: 768px) {
  .select {
    font-size: 4.5vw;
    padding: 10px;
  }
}
.select {
  /* for SP max-width: 736px */
}

/*-------------------------------------------------------------
	.セレクタの装飾 
-------------------------------------------------------------*/
.select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: 1px solid #8F8F8F;
  border-radius: 3px;
  padding: 10px 25px 10px 10px;
  font-size: 1.2rem;
  cursor: pointer;
}

.select:disabled {
  pointer-events: none;
  background-color: #f1f1f1;
  color: #8F8F8F;
}

.select {
  position: relative;
  display: inline-block;
}

.select_wrp {
  position: relative;
  display: inline-block;
}

.select_wrp::after {
  content: "";
  position: absolute;
  border: 4px solid #333;
  border-bottom: 0;
  border-left-color: transparent;
  border-right-color: transparent;
  top: calc(50% - 3px);
  right: 10px;
  width: 0;
  height: 0;
}

.select_wrp--disabled::after {
  border-top-color: #8F8F8F;
}

/*
.select_wrap {
		position: relative;
		overflow: hidden;
		display: inline-block;
		min-width: 30em;
		color: #333;
		background-color: #fff;
//		background-image: linear-gradient(top, #fff 0%, #eee 100%);
		border: 1px solid $form_border_color;
		border-radius: 3px;
		box-sizing: border-box;
		transition: all 0.1s linear;
	&:hover {
		border: 1px solid #999;
	}
	&.select_wrap2 {
		min-width: 20em;
	}
	&.select_wrap3 {
		min-width: 10em;
		margin-right: 5px;
	}
	&:after {
		content: '';
		position: absolute;
		bottom: 10px;
		right: 10px;
		width: 5px;
		height: 5px;
		border-top: 4px solid rgba(0,0,0,0.5);
		border-right: 4px solid transparent;
		border-bottom: 4px solid transparent;
		border-left: 4px solid transparent;
		box-sizing: border-box;
	}
	&:before {
		content: '';
		position: absolute;
		top: 10px;
		right: 10px;
		width: 5px;
		height: 5px;
		border-top: 4px solid transparent;
		border-right: 4px solid transparent;
		border-bottom: 4px solid rgba(0,0,0,0.5);
		border-left: 4px solid transparent;
		box-sizing: border-box;
	}
*/
/* SP向けレイアウトの指定：～736px */
@media screen and (max-width: 768px) {
  /*	 セレクタの装飾 */
  /*
  	min-width: auto;
  	width: 100%;
  	padding: 0;
  	margin: 0;

  	& + .select_wrap {
  		margin-top: 10px;
  	}	

  	&:after {
  		content: '';
  		position: absolute;
  		bottom: 8px;
  		right: 10px;
  		width: 5px;
  		height: 5px;
  		border-top: 4px solid rgba(0,0,0,0.5);
  		border-right: 4px solid transparent;
  		border-bottom: 4px solid transparent;
  		border-left: 4px solid transparent;
  		box-sizing: border-box;
  	}
  	&:before {
  		content: '';
  		position: absolute;
  		top: 8px;
  		right: 10px;
  		width: 5px;
  		height: 5px;
  		border-top: 4px solid transparent;
  		border-right: 4px solid transparent;
  		border-bottom: 4px solid rgba(0,0,0,0.5);
  		border-left: 4px solid transparent;
  		box-sizing: border-box;
  	}
  }	/* for SP max-width: 736px */
}
/*-------------------------------------------------------------
	添付ファイル 
-------------------------------------------------------------*/
.fileinput {
  width: auto;
  display: none;
  border: 0;
  margin: 0;
}
.fileinput .file_btn {
  display: inline-block;
  min-width: 20em;
  color: #333;
  padding: 10px;
  font-size: 14px;
  line-height: 1.6;
  background-color: #fff;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
  background-image: linear-gradient(top, #fff 0%, #eee 100%);
  border: 1px solid #ddd;
  border-radius: 3px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: all 0.1s linear;
  transition: all 0.1s linear;
  cursor: pointer;
}
.fileinput .file_btn:hover {
  border: 1px solid #999;
}
.fileinput .filename {
  display: inline-block;
  font-size: 14px;
  line-height: 1.6;
  margin-left: 5px;
}
.fileinput {
  /* タブレット以下 */
}
.fileinput {
  /* for tablet max-width: 1030px */
  /* SP向けレイアウトの指定：～736px */
}
@media screen and (max-width: 768px) {
  .fileinput .file_btn {
    min-width: auto;
    width: 100%;
    font-size: 4.5vw;
  }
  .fileinput .filename {
    display: block;
    font-size: 3.5vw;
    margin-left: 0;
    margin-top: 2vw;
  }
}
.fileinput {
  /* for SP max-width: 736px */
}

/*-------------------------------------------------------------
	個人情報保護方針
-------------------------------------------------------------*/
.agreebox {
  display: block;
  text-align: center;
  margin: 0 auto;
  margin-top: 1rem;
}

/*　チェックボックスの装飾　*/
.checkbox label,
.agreebox label {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  cursor: pointer;
}

.checkbox label:before,
.agreebox label:before {
  /*  content: "";
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   margin: auto;
   width: 16px;
   height: 16px;
   background: #fff;
   border-radius: 10%;
   border: 1px solid #333;
   box-sizing: border-box;*/
}

.checkbox label:after,
.agreebox label:after {
  /* content: "";
   position: absolute;
   top: -4px;
   left: 5px;
   margin: auto;
   width: 6px;
   height: 14px;
   border-right: 2px solid transparent;
   border-bottom: 2px solid transparent;
   transform: rotate(40deg);
   transition: border-bottom-color, border-right-color 0.2s linear;*/
}

.checkbox input:checked + label:after,
.agreebox input:checked + label:after {
  /*  border-color: #333;*/
}

/* タブレット以下 */
/* for tablet max-width: 1030px */
/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
  .checkbox li {
    width: 100%;
  }
  .checkbox li + li {
    margin-top: 1rem;
  }
  .agreebox {
    padding: 0 0.5rem;
  }
  .agreebox {
    text-align: left;
  }
}
/* for SP max-width: 736px */
/*-------------------------------------------------------------
	サブミット
-------------------------------------------------------------*/
.submit {
  padding: 60px 0 60px 0;
  margin: 0;
}
.submit input {
  width: 400px;
  margin: 0 auto;
  padding: 20px 0;
  display: block;
  color: #fff !important;
  font-size: 22px;
  line-height: 1;
  font-weight: bold;
  text-decoration: none;
  border: 0;
  border-radius: 50px;
  background-color: #06179b !important;
  -webkit-transition: all 0.1s linear;
  transition: all 0.1s linear;
  cursor: pointer;
  -webkit-appearance: none;
  border: solid 1px #06179b !important;
}
.submit input:hover {
  background-color: #6807f9 !important;
  border: solid 1px #6807f9 !important;
}
.submit .cap {
  color: #666;
  font-size: 12px;
  line-height: 1.6;
  text-align: center;
  margin-top: 40px;
}
.submit {
  /* タブレット以下 */
}
.submit {
  /* for tablet max-width: 1030px */
  /* SP向けレイアウトの指定：～736px */
}
@media screen and (max-width: 768px) {
  .submit {
    padding: 6vw 0;
  }
  .submit input {
    width: 100%;
    font-size: 4.5vw;
    padding: 5vw 0;
  }
  .submit .cap {
    font-size: 3vw;
    margin-top: 4vw;
  }
}
.submit {
  /* for SP max-width: 736px */
}

/*-------------------------------------------------------------
	サブミット2
-------------------------------------------------------------*/
.submit_two {
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto;
}
.submit_two .btn {
  padding: 0 15px;
}
.submit_two .btn.back input {
  color: #000 !important;
  background-color: #fff !important;
  border: solid 1px #000 !important;
}
.submit_two .btn.back input:hover {
  color: #fff !important;
  background-color: #000 !important;
}
.submit_two {
  /* タブレット以下 */
}
.submit_two {
  /* for tablet max-width: 1030px */
  /* SP向けレイアウトの指定：～736px */
}
@media screen and (max-width: 768px) {
  .submit_two {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .submit_two .btn {
    width: 100%;
    padding: 3vw 0;
  }
}
.submit_two {
  /* for SP max-width: 736px */
}

/*-------------------------------------------------------------	
	jquery mailform バリデート
-------------------------------------------------------------*/
.validate {
  margin-bottom: 10px;
}
.validate p {
  color: #CD7B77;
  font-size: 12px;
  line-height: 1.2;
  padding: 10px 20px;
  background: #fee;
  display: inline-block;
  border-radius: 50px;
}
.validate.validate_submit {
  text-align: center;
  margin: 0 auto;
  padding-bottom: 20px;
}
.validate.validate_submit p {
  text-align: center;
  margin: 0 auto;
}
.validate {
  /* タブレット以下 */
}
.validate {
  /* for tablet max-width: 1030px */
  /* SP向けレイアウトの指定：～736px */
}
@media screen and (max-width: 768px) {
  .validate {
    margin-bottom: 3vw;
  }
  .validate p {
    font-size: 3vw;
    padding: 2vw 4vw;
  }
  .validate.validate_submit {
    margin: 0 auto;
  }
}
.validate {
  /* for SP max-width: 736px */
}

/*===============================================================

	郵便番号からの住所検索用プリローダー

===============================================================*/
.zipcodelayout {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.zipcodelayout .txtinput {
  width: 40%;
}
.zipcodelayout .zipsearchbtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #eee;
  padding: 10px 20px;
  border-radius: 25px;
}
.zipcodelayout .zipsearchbtn:hover {
  background: #f7f7f7;
}
.zipcodelayout .ziploader {
  width: 20px;
}
.zipcodelayout {
  /* タブレット */
}
.zipcodelayout {
  /* for TABLET */
  /* SP */
}
.zipcodelayout {
  /* for SP */
}

/*-------------------------------------------------------------
	search_box	
-------------------------------------------------------------*/
.search_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 300px;
}
.search_box input {
  width: 230px;
}
.search_box .search_btn {
  width: 60px;
}
.search_box .search_btn a {
  display: block;
  color: #fff;
  font-size: 15px;
  line-height: 2.8;
  text-align: center;
  letter-spacing: 0.2em;
  background: #a00;
  border-radius: 3px;
  margin-top: 1px;
}
.search_box .search_btn a:hover {
  text-decoration: none;
  background: #c00;
}
.search_box {
  /* タブレット以下 */
}
.search_box {
  /* for tablet max-width: 1030px */
  /* SP向けレイアウトの指定：～736px */
}
@media screen and (max-width: 768px) {
  .search_box {
    width: 100%;
  }
  .search_box input {
    width: calc(100% - 22vw);
  }
  .search_box .search_btn {
    width: 20vw;
  }
  .search_box .search_btn a {
    font-size: 4.6vw;
    line-height: 2.8;
  }
}
.search_box {
  /* for SP max-width: 736px */
}

/* |||||||||| */
/* |||||||||| */
/*===============================================================

	login_wrp

===============================================================*/
.login_wrp .box {
  border: solid 1px #ccc;
  padding: 30px;
  margin-top: 40px;
}
.login_wrp .form_content {
  border: none;
  margin: 0;
}
.login_wrp .form_content dl {
  border: none;
}
.login_wrp .form_content dd {
  padding-bottom: 0;
}
.login_wrp .form_content .title, .login_wrp .form_content .c_card--list .title_l, .c_card--list .login_wrp .form_content .title_l, .login_wrp .form_content .c_card--list .title_xl, .c_card--list .login_wrp .form_content .title_xl {
  font-size: 22px;
  line-height: 1.6;
  text-align: center;
  font-weight: bold;
}
.login_wrp .form_content .read {
  font-size: 16px;
  line-height: 1.6;
  text-align: center;
  margin-top: 20px;
}
.login_wrp .form_content .submit {
  padding-bottom: 0;
}
.login_wrp .linklist {
  margin-top: 30px;
}
.login_wrp .linklist li {
  font-size: 16px;
  line-height: 1.6;
}
.login_wrp {
  /* タブレット以下 */
}
.login_wrp {
  /* for tablet max-width: 1070px */
  /* SP向けレイアウトの指定：～800px */
}
@media screen and (max-width: 768px) {
  .login_wrp .box {
    padding: 5vw;
    margin-top: 6vw;
  }
  .login_wrp .form_content dt {
    padding-top: 3vw;
  }
  .login_wrp .form_content .title, .login_wrp .form_content .c_card--list .title_l, .c_card--list .login_wrp .form_content .title_l, .login_wrp .form_content .c_card--list .title_xl, .c_card--list .login_wrp .form_content .title_xl {
    font-size: 4.5vw;
  }
  .login_wrp .form_content .read {
    font-size: 4vw;
    margin-top: 2vw;
  }
  .login_wrp .form_content .submit {
    padding-bottom: 0;
  }
  .login_wrp .linklist {
    margin-top: 6vw;
  }
  .login_wrp .linklist li {
    font-size: 4vw;
  }
}
.login_wrp {
  /* for SP max-width: 800px */
}

/*===============================================================
	2016/08/24
	デモ用の記載
===============================================================*/
.demo {
  background: #222;
  padding: 50px 0;
  color: #fff;
}

.demo .inner {
  width: 1070px;
  margin: 0 auto;
  text-align: left;
}

.demo h3 {
  font-size: 40px;
  line-height: 40px;
  background: #222;
}

.demo h4 {
  color: #fff;
  font-size: 25px;
  line-height: 26px;
  margin-top: 40px;
  padding-top: 40px;
  border-top: solid 1px rgba(255, 255, 255, 0.3);
  cursor: pointer;
}

.demo h4 + * {
  margin-top: 10px;
}

.demo p {
  font-size: 14px;
  line-height: 25px;
  margin-top: 20px;
}

.demo .demo_discription {
  font-size: 18px;
  font-weight: bold;
}

.demo span {
  font-weight: bold;
  margin-right: 20px;
}

.demo .demo_btn {
  margin-right: 10px;
  margin-top: 20px;
  float: left;
}

.demo .demo_btn a {
  display: block;
  width: 100px;
  text-align: center;
  border: solid 1px #ccc;
  background: #ccc;
  font-size: 14px;
  line-height: 25px;
  color: #222;
  text-decoration: none;
}

.demo .demo_btn a:hover {
  border: solid 1px #fff;
  color: #fff;
  background: none;
  text-decoration: none;
}

.demo .history p {
  border-top: dotted 1px rgba(255, 255, 255, 0.2);
  padding-top: 20px;
}

.demo .demo_txthide {
  display: none;
}

/* タブレット以下 */
@media screen and (max-width: 1070px) {
  .demo .inner {
    width: 100%;
    padding: 0 20px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }
}
/* for tablet max-width: 1070px */
/*===============================================================

	demo_wrp

===============================================================*/
.demo_wrp {
  background: #fff;
  color: #000;
  padding: 50px 0;
}

/* タブレット以下 */
/* for tablet max-width: 1070px */
/* SP向けレイアウトの指定：～800px */
/* for SP max-width: 800px */
/*===============================================================

	_demo.scss 2021/10/1

===============================================================*/
.demo_title_block {
  padding: 50px 0;
  text-align: center;
  background: #111;
  color: #fff;
}

.demo_title_block .title, .demo_title_block .c_card--list .title_l, .c_card--list .demo_title_block .title_l, .demo_title_block .c_card--list .title_xl, .c_card--list .demo_title_block .title_xl {
  font-size: 40px;
  font-weight: bold;
}

.box {
  border: solid 1px #000;
  padding: 20px;
  margin-top: 10px;
  text-align: center;
}

.code {
  border: solid 1px #ddd;
  background: #f5f5f5;
  padding: 20px;
  margin-top: 10px;
  font-size: 12px;
}

@media screen and (max-width: 768px) {
  .demo_title_block {
    padding: 3vw;
  }
  .demo_title_block .title, .demo_title_block .c_card--list .title_l, .c_card--list .demo_title_block .title_l, .demo_title_block .c_card--list .title_xl, .c_card--list .demo_title_block .title_xl {
    font-size: 4vw;
  }
  .code {
    padding: 3vw;
    margin-top: 2vw;
    font-size: 3vw;
  }
}
/*===============================================================

	tenplate_menu

===============================================================*/
.tenplate_menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-bottom: solid 1px #ccc;
}
.tenplate_menu li {
  padding: 10px;
}
.tenplate_menu a {
  color: #000;
  text-decoration: none;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .tenplate_menu {
    padding: 3vw 0;
  }
  .tenplate_menu li {
    padding: 0vw 3vw;
  }
  .tenplate_menu a {
    font-size: 3vw;
    line-height: 1.5;
  }
}

/*===============================================================

	section_demo

===============================================================*/
.content_sample {
  border: solid 1px #666;
  padding: 50px;
}
@media screen and (max-width: 768px) {
  .content_sample {
    padding: 3vw;
  }
}

/*===============================================================

	content_demo

===============================================================*/
.content_demo .lv_2 {
  background: #222;
  color: #fff;
  padding: 20px 30px;
}
/*===============================================================

	content_block_outline

===============================================================*/
.content_block_outline {
  border: solid 1px #111;
  padding: 30px 5px 5px 5px;
  position: relative;
  text-align: center;
}
.content_block_outline .element_pageheader {
  background: #111;
  color: #fff;
  border: solid 1px #111;
  padding: 50px 100px;
  position: relative;
}
.content_block_outline .margin {
  position: absolute;
  padding: 5px 10px;
  font-size: 10px;
  line-height: 1;
  width: 100%;
  color: #666;
  top: -20px;
  left: 0;
  background-image: linear-gradient(-45deg, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.05) 25%, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0.05) 75%, rgba(0, 0, 0, 0.05));
  background-size: 4px 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.content_block_outline .element_section {
  border: solid 1px #111;
  padding: 60px 100px 80px 100px;
  position: relative;
}
.content_block_outline .element_section::after,
.content_block_outline .element_section::before {
  content: "section_innerには上下パディングが入る";
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 60px;
  background: rgba(0, 255, 94, 0.2);
  font-size: 12px;
  z-index: 1;
}
.content_block_outline .element_section::after {
  top: 0;
}
.content_block_outline .element_section::before {
  bottom: 0;
  height: 80px;
}
.content_block_outline .element_section + .element_section {
  margin-top: 5px;
}
.content_block_outline .element_headline {
  background: #111;
  color: #fff;
  padding: 20px;
  border: solid 1px #111;
  position: relative;
}
.content_block_outline .element_headline .margin {
  bottom: -21px;
  top: auto;
}
.content_block_outline .element_headline .margin + .margin {
  bottom: auto;
  top: -50px;
  height: 50px;
}
.content_block_outline .element_content {
  margin-top: 20px;
  padding: 30px;
  border: solid 1px #111;
  position: relative;
  background: #fff;
}
.content_block_outline .element_content + .element_content {
  margin-top: 20px;
}
.content_block_outline .element_content .element_content + .element_content {
  margin-top: 10px;
}
.content_block_outline .element_content + .element_headline {
  margin-top: 50px;
}
.content_block_outline .element_content_title {
  background: #eee;
  padding: 20px;
  font-weight: bold;
}
.content_block_outline .element_section2 {
  background: #eee;
}
.content_block_outline .element_section2 .element_headline {
  background: #fff;
  color: #111;
}
.content_block_outline .element_content2 {
  background: #111;
  color: #fff;
}
.content_block_outline .element_content2 .element_content,
.content_block_outline .element_content2 .element_content_title {
  background: #111;
  border: solid 1px #fff;
}
.content_block_outline .element_content2 .element_content3 {
  background: #900;
  border: solid 1px #900;
}
.content_block_outline .block_title,
.content_block_outline .block {
  position: relative;
  border: solid 1px #999;
  padding: 15px;
}
.content_block_outline h3 {
  font-size: 20px;
}
.content_block_outline .label {
  z-index: 5;
  position: absolute;
  top: -1px;
  left: -1px;
  display: inline-block;
  padding: 5px 15px;
  background: #c00;
  color: #fff;
  font-size: 13px;
  line-height: 1;
  font-weight: bold;
}
/*===============================================================

	page_element

===============================================================*/
.page_element .headline {
  border-top: solid 5px #000;
  padding-top: 2em;
}
.page_element .block_title {
  background-color: #eee;
  padding: 20px;
  text-align: center;
}
.page_element .bg_dark {
  background-color: #333;
  padding: 2%;
}
.page_element {
  /* タブレット */
}
.page_element {
  /* for TABLET */
  /* SP */
}
.page_element {
  /* for SP */
  /*===============================================================
  	//	page_element
  ===============================================================*/
}

/*===============================================================
	mixinテスト
===============================================================*/
.under_line {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(0%, rgba(255, 0, 0, 0.3)));
  background: linear-gradient(transparent 70%, rgba(255, 0, 0, 0.3) 0%);
  display: inline;
}

.under_marker {
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0%, #ff0));
  background: linear-gradient(transparent 0%, #ff0 0%);
  display: inline;
}

.btn_link {
  width: 300px;
}
.btn_link a {
  display: block;
  text-align: center;
  background: #fff;
  color: #000;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  padding: 20px;
  text-decoration: none;
}
@media screen and (max-width: 768px) {
  .btn_link a {
    padding: 3vw;
  }
}
.btn_link a:hover {
  background: #000;
  color: #fff;
  text-decoration: none;
}
.btn_link {
  margin-left: auto;
  margin-right: auto;
}
.btn_link a {
  position: relative;
}
.btn_link a::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  border: solid 1px #000;
  width: 6px;
  height: 6px;
  border-top: none;
  border-left: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  right: 10px;
  -webkit-transform: rotate(-45deg) translate(-1px, -1px);
          transform: rotate(-45deg) translate(-1px, -1px);
}
.btn_link a:hover::after {
  border: solid 1px #fff;
  border-top: none;
  border-left: none;
}
.btn_link {
  border: solid 1px #000;
}
@media screen and (max-width: 768px) {
  .btn_link {
    width: 80%;
  }
}

.btn_sankaku {
  width: 300px;
}
.btn_sankaku a {
  display: block;
  text-align: center;
  background: #000;
  color: #fff;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  padding: 20px;
  text-decoration: none;
}
@media screen and (max-width: 768px) {
  .btn_sankaku a {
    padding: 3vw;
  }
}
.btn_sankaku a:hover {
  background: #fff;
  color: #000;
  text-decoration: none;
}
.btn_sankaku {
  margin-left: auto;
  margin-right: auto;
}
.btn_sankaku a {
  position: relative;
}
.btn_sankaku a::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  width: 0;
  height: 0;
  border-style: solid;
  left: 10px;
  border-width: 5px 8px 5px 0;
  border-color: transparent #fff transparent transparent;
}
.btn_sankaku a:hover::after {
  border-width: 5px 8px 5px 0;
  border-color: transparent #000 transparent transparent;
}
.btn_sankaku {
  border: solid 1px #000;
}
@media screen and (max-width: 768px) {
  .btn_sankaku {
    width: 80%;
  }
}

.bg_slash {
  background-image: linear-gradient(-45deg, #fff 25%, #eee 25%, #eee 50%, #fff 50%, #fff 75%, #eee 75%, #eee);
  background-size: 5px 5px;
  padding: 30px;
}

.bg_grade {
  background: #FF6EC9;
  background: -webkit-gradient(linear, left top, right top, from(#FF6EC9), to(#5DCAFC));
  background: linear-gradient(to right, #FF6EC9 0%, #5DCAFC 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF6EC9', endColorstr=' #5DCAFC', GradientType=1);
  padding: 30px;
}
/*# sourceMappingURL=style2026.css.map */