@charset "UTF-8";

/*
Theme Name: JIA
Author: JIA
Description: 日本インストラクター技術協会
*/

/**
* Width Setting
*--------------------------------------------*/
/**
* Title Color
*--------------------------------------------*/
/**
* Category Color
*--------------------------------------------*/
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

/****** Elad Shechter's RESET *******/
/*** box sizing border-box for all elements ***/
*,
*::before,
*::after {
  box-sizing: border-box;
}

a {
  text-decoration: none;
  color: inherit;
  cursor: pointer;
}

button {
  background-color: transparent;
  color: inherit;
  border-width: 0;
  padding: 0;
  cursor: pointer;
}

figure {
  margin: 0;
}

input::-moz-focus-inner {
  border: 0;
  padding: 0;
  margin: 0;
}

ul, ol, dd {
  margin: 0;
  padding: 0;
  list-style: none;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  font-size: inherit;
  font-weight: inherit;
}

p {
  margin: 0;
}

cite {
  font-style: normal;
}

fieldset {
  border-width: 0;
  padding: 0;
  margin: 0;
}

img {
  vertical-align: bottom;
}

/**
* 資格カテゴリー別カラー設定
*----------------------------------------------*/
*[data-bg-color="mental"] {
  background: #0063AC;
}

*[data-bg-color="cook"] {
  background: #AC5600;
}

*[data-bg-color="handmade"] {
  background: #CE6ECE;
}

*[data-bg-color="flower"] {
  background: #74AF2F;
}

*[data-bg-color="fashion"] {
  background: #9136AC;
}

*[data-bg-color="uranai"] {
  background: #AC3671;
}

*[data-bg-color="biyo"] {
  background: #CE4ABA;
}

*[data-bg-color="storage"] {
  background: #368CAC;
}

*[data-bg-color="design"] {
  background: #25A2A7;
}

*[data-bg-color="kenchiku"] {
  background: #AC7636;
}

*[data-bg-color="business"] {
  background: #4E5CAD;
}

*[data-bg-color="pet"] {
  background: #C9871C;
}

*[data-bg-color="syumi"] {
  background: #664BAF;
}

*[data-txt-color="mental"] {
  color: #0063AC;
}

*[data-txt-color="cook"] {
  color: #AC5600;
}

*[data-txt-color="handmade"] {
  color: #CE6ECE;
}

*[data-txt-color="flower"] {
  color: #74AF2F;
}

*[data-txt-color="fashion"] {
  color: #9136AC;
}

*[data-txt-color="uranai"] {
  color: #AC3671;
}

*[data-txt-color="biyo"] {
  color: #CE4ABA;
}

*[data-txt-color="storage"] {
  color: #368CAC;
}

*[data-txt-color="design"] {
  color: #25A2A7;
}

*[data-txt-color="kenchiku"] {
  color: #AC7636;
}

*[data-txt-color="business"] {
  color: #4E5CAD;
}

*[data-txt-color="pet"] {
  color: #C9871C;
}

*[data-txt-color="syumi"] {
  color: #664BAF;
}

/**
* ページフォント
*----------------------------------------------*/
html {
  font-family: "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
}

/**
* ページヘッダー部分
*----------------------------------------------*/
div[class*="_inner"] {
  margin: 0 auto;
  padding: 0;
  width: 1200px;
}

header {
  margin: 0 auto;
  padding: 0;
  width: 100%;
  height: 80px;
}

header .header_inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  /* column-gap: 15%; */
  margin: 0 auto;
  padding: 0;
  height: inherit;
}

header .header_inner .header_logo {
  margin: 0;
  padding: 0;
  width: 30%;
}

header .header_inner .header_logo > a {
  display: flex;
  align-items: center;
}

/* header .header_inner .header_logo > a > img { */
header .header_inner .header_logo > a > picture > img {
  padding: 0;
  max-width: 80%;
  height: auto;
}

header .header_inner .header_menu {
  margin: 0 auto;
  padding: 0;
  /* width: 55%; */
  width: 70%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

header .header_inner .header_menu li {
  margin: 0;
  padding: 0;
  /* width: calc(100% / 4); */
  width: 19%;
}

header .header_inner .header_menu li:nth-child(4) {
	margin-right: 1%;
	padding: 0;
	width: 23%;
	border-radius: 5px;
	background: #f8f1c0;
}

header .header_inner .header_menu li:nth-child(4) > a {
	display: block;
	padding: 8px 0;
	text-align: center;
}


header .header_inner .header_menu li > a {
  position: relative;
  display: inline-block;
  margin: 0;
  padding: 5px 10px;
  height: 100%;
  font-size: 0.9rem;
}

header .header_inner .header_menu li > a:hover {
  transition: all 0.3s;
  background: #cbdaf0;
  border-radius: 4px;
}

header .header_inner .header_menu li > a::before {
  position: relative;
  margin-right: 10px;
  vertical-align: middle;
}

header .header_inner .header_menu .kyokai a::before {
  content: url("images/icon/building.png");
}

header .header_inner .header_menu .nintei a::before {
  content: url("images/icon/school.png");
}

header .header_inner .header_menu .pay a::before {
  content: url("images/icon/wallet.png");
}

header .header_inner .header_menu .ranking a::before {
	content: url("images/icon/ranking.png");
  }

header .header_inner .header_menu .toi a {
  display: flex;
  align-items: center;
  padding: 10px 20px;
  color: #fff;
  background: #0C2F6E;
  border-radius: 4px;
}

header .header_inner .header_menu .toi a:hover {
  color: #fff;
  background: #5d77a7;
}

header .header_inner .header_menu .toi a::before {
  content: url("images/icon/mail.png");
  padding-top: 2px;
}

header .header_inner .drawer-hidden,
header .header_inner .drawer-open,
header .header_inner .header_sp_menu {
  display: none;
}

/**
* ページフッター部分
*----------------------------------------------*/
footer {
  margin: 0 auto;
  padding: 80px 0 0 0;
  width: 100%;
  background: #eef5f8;
}

footer .footer_upper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  margin: 0 auto;
  padding: 0;
}

footer .footer_upper .footer_logo_sns {
  margin: 0;
  padding: 0;
  width: 30%;
}

footer .footer_upper .footer_logo_sns > dt {
  margin: 0;
  padding: 0;
  width: 100%;
}

/* footer .footer_upper .footer_logo_sns > dt > a > img { */
footer .footer_upper .footer_logo_sns > dt > a > picture > img {
  max-width: 100%;
  height: auto;
}

footer .footer_upper .footer_logo_sns > dd {
  margin: 50px 0 0 0;
  padding: 0;
  width: 100%;
}

footer .footer_upper .footer_logo_sns > dd .sns_link {
  margin: 0 auto;
  padding: 0;
  width: 60%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

footer .footer_upper .footer_logo_sns > dd .sns_link > li {
  margin: 0;
  padding: 0;
  width: calc(70% / 4);
  text-align: center;
}

footer .footer_upper .footer_logo_sns > dd .sns_link > li > a > img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

footer .footer_upper .category_link {
  margin: 0;
  padding: 0;
  width: 65%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

footer .footer_upper .category_link > li {
  margin: 0 0 20px 0;
  padding: 0;
  width: calc(98% / 4);
}

footer .footer_upper .category_link > li > a {
  position: relative;
  font-size: 0.9rem;
  color: #035077;
  display: flex;
  align-items: center;
}

footer .footer_upper .category_link > li > a::before {
  content: url("images/common/footer_link_arrow.svg");
  margin-right: 15px;
}

footer .footer_upper .category_link > li > a:hover {
  color: #b92121;
  text-decoration: underline;
}

footer .order_btn {
  margin: 30px auto 0 auto;
  padding: 0;
  width: 100%;
  text-align: center;
}

footer .order_btn > a {
  position: relative;
  display: block;
  margin: 0 auto;
  padding: 0;
  width: 280px;
  height: 100%;
  color: #035077;
  border-radius: 4px;
}

footer .order_btn > a::after {
  content: url("images/common/footer_order_arrow.svg");
  position: absolute;
  top: 50%;
  right: 13%;
  transform: translateY(-50%);
}

footer .order_btn > a > button {
  margin: 0;
  padding: 0;
  width: 280px;
  height: 45px;
  border: 1px solid #035077;
  border-radius: 4px;
}

footer .order_btn > a:hover {
  background: #035077;
  color: #fff;
  transition: all 0.3s;
}

footer .footer_middle {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 40px auto 0 auto;
  padding: 30px 70px;
  width: 100%;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

footer .footer_middle > li {
  margin: 0;
  padding: 0;
  width: calc(100% / 8);
  text-align: center;
}

footer .footer_middle > li > a {
  font-size: 0.9rem;
  color: #076493;
}

footer .footer_middle > li > a:hover {
  color: #b92121;
  text-decoration: underline;
}

footer .footer_lower {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 30px auto 50px auto;
  padding: 0 120px;
  width: 100%;
}

footer .footer_lower > li {
  margin: 0;
  padding: 0;
  width: auto;
  text-align: center;
}

footer .footer_lower > li > a {
  font-size: 0.9rem;
  color: #076493;
}

footer .footer_lower > li > a:hover {
  color: #b92121;
  text-decoration: underline;
}

footer .copyright {
  margin: 60px auto 0 auto;
  padding: 20px 0;
  width: 100%;
  background: #91B1C1;
  font-size: 0.9rem;
  color: #fff;
  text-align: center;
}

/* 受験申し込みページ */
footer.offer {
	padding: 40px 0 0 0;
}

footer.offer .copyright {
	margin: 40px auto 0 auto;
}

footer.offer .footer_logo {
	margin: 0 auto;
	padding: 0;
	width: 32%;
	text-align: center;
}

footer.offer .footer_logo > a > picture > img {
	object-fit: cover;
	width: 100%;
	height: 100%;
}

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

	footer.offer .footer_logo {
		width: 80%;
	}

	footer.offer .order_btn {
		margin: 30px auto 0 auto;
		padding: 0;
		width: 100%;
		text-align: center;
	}

	footer.offer .order_btn > a {
	width: 200px;
	}

	footer.offer .order_btn > a > button {
	width: 100%;
	height: 38px;
	font-size: 0.9rem;
	}

}

/**
* パンくずリスト
*----------------------------------------------*/
.breadcrumbs {
  margin: 15px auto;
  padding: 0;
  width: 100%;
}

.breadcrumbs .breadcrumbs_inner .breadcrumbs_list > li {
  display: inline-block;
  margin: 0;
  padding: 0;
}

.breadcrumbs .breadcrumbs_inner .breadcrumbs_list > li > a {
  font-size: 0.9rem;
  color: #014A80;
  text-decoration: none;
}

.breadcrumbs .breadcrumbs_inner .breadcrumbs_list > li > a:hover {
  text-decoration: underline;
}

.breadcrumbs .breadcrumbs_inner .breadcrumbs_list .separator {
  margin: 0 10px;
}

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

.footer_breadcrumbs {
  margin: 15px auto 0 auto;
  padding: 10px 5%;
  width: 100%;
  background: #fafafa;
}

.footer_breadcrumbs .breadcrumbs_inner .breadcrumbs_list > li {
  display: inline-block;
  margin: 0 0 5px 0;
  padding: 0;
}

.footer_breadcrumbs .breadcrumbs_inner .breadcrumbs_list > li > a {
  font-size: 0.9rem;
  color: #014A80;
  text-decoration: none;
}

.footer_breadcrumbs .breadcrumbs_inner .breadcrumbs_list > li > a:hover {
  text-decoration: underline;
}

.footer_breadcrumbs .breadcrumbs_inner .breadcrumbs_list .separator {
  margin: 0 10px;
}

}

/**
* トップに戻るボタン
*----------------------------------------------*/
#page-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  font-size: 2rem;
  line-height: 1;
  z-index: 99;
}

#page-top > a {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 15px 10px;
  width: 60px;
  text-align: center;
  text-decoration: none;
  background: #24357C;
  border-radius: 5px;
  opacity: 0.9;
  transition: all 0.3s ease;
}

#page-top > a > img {
  max-width: 50%;
  height: auto;
}

#page-top > a:hover {
  opacity: 0.5;
}

/**
* セクション基本設定
*----------------------------------------------*/
.section_area {
  margin: 0 auto;
  padding: 80px 0;
  width: 100%;
}

/**
* H2タイトル設定
*----------------------------------------------*/
.section_title {
  position: relative;
  margin: 0 auto 80px auto;
  padding: 0;
  width: 100%;
  font-size: 1.8rem;
  font-weight: bold;
  color: #124D62;
}

.line_base, .line_center_red::before, .line_left_red::before, .line_center_blue::before, .line_left_blue::before {
  content: '';
  position: absolute;
  bottom: -25px;
  width: 80px;
  height: 4px;
  border-radius: 3px;
}

.line_center_red {
  text-align: center;
}

.line_center_red::before {
  left: calc(50% - 40px);
  background: #B94000;
}

.line_left_red::before {
  left: 0;
  background: #B94000;
}

.line_center_blue {
  text-align: center;
}

.line_center_blue::before {
  left: calc(50% - 40px);
  background: #3664AC;
}

.line_left_blue::before {
  left: 0;
  background: #3664AC;
}

/**
* H3タイトル設定
*----------------------------------------------*/
.section_sub_title {
  position: relative;
  margin: 0 auto 23px auto;
  padding: 0;
  width: 100%;
  font-size: 1.2rem;
  font-weight: bold;
  color: #176f8f;
}

.h3_line_base, .line_left::before, .line_center::before {
  content: '';
  position: absolute;
  bottom: -20px;
  width: 80px;
  height: 3px;
  border-radius: 4px;
  background: #176f8f;
}

.line_left::before {
  left: 0;
}

.line_center::before {
  left: calc(50% - 40px);
  background: #3664AC;
}

/**
* メインナビゲーションベース
*----------------------------------------------*/
.main_navi_base, .page_main_navi .page_main_navi_inner .navi_list, .top_main_visual .main_visual_inner .main_navi {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin: 0;
  padding: 12px 15px;
  width: 100%;
}

.main_navi_base .type01, .page_main_navi .page_main_navi_inner .navi_list .type01, .top_main_visual .main_visual_inner .main_navi .type01 {
  width: 15%;
}

.main_navi_base .type01 + .type01, .page_main_navi .page_main_navi_inner .navi_list .type01 + .type01, .top_main_visual .main_visual_inner .main_navi .type01 + .type01 {
  border-left: 1px solid #ccc;
}

.main_navi_base .type02, .page_main_navi .page_main_navi_inner .navi_list .type02, .top_main_visual .main_visual_inner .main_navi .type02 {
  width: 20%;
}

.main_navi_base li, .page_main_navi .page_main_navi_inner .navi_list li, .top_main_visual .main_visual_inner .main_navi li {
  margin: 0;
  padding: 0;
  height: 100%;
}

.main_navi_base li > a, .page_main_navi .page_main_navi_inner .navi_list li > a, .top_main_visual .main_visual_inner .main_navi li > a {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  font-size: 0.9rem;
  color: #333;
  font-weight: bold;
  text-align: center;
}

.main_navi_base li > a:hover, .page_main_navi .page_main_navi_inner .navi_list li > a:hover, .top_main_visual .main_visual_inner .main_navi li > a:hover {
  background: rgba(36, 53, 124, 0.3);
  transition: all 0.3s;
  color: #fff;
}

.main_navi_base li .for_passed, .page_main_navi .page_main_navi_inner .navi_list li .for_passed, .top_main_visual .main_visual_inner .main_navi li .for_passed {
  margin: 0;
  padding: 0;
  width: 98%;
}

.main_navi_base li .for_passed > dt, .page_main_navi .page_main_navi_inner .navi_list li .for_passed > dt, .top_main_visual .main_visual_inner .main_navi li .for_passed > dt {
  margin: 0;
  padding: 5px 0;
  width: 100%;
  font-size: 0.9rem;
  color: #fff;
  text-align: center;
  background: #24357C;
}

.main_navi_base li .for_passed > dd, .page_main_navi .page_main_navi_inner .navi_list li .for_passed > dd, .top_main_visual .main_visual_inner .main_navi li .for_passed > dd {
  margin: 0;
  padding: 0;
  width: 100%;
}

.main_navi_base li .for_passed > dd .passed_menu, .page_main_navi .page_main_navi_inner .navi_list li .for_passed > dd .passed_menu, .top_main_visual .main_visual_inner .main_navi li .for_passed > dd .passed_menu {
  margin: 0;
  padding: 0;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.main_navi_base li .for_passed > dd .passed_menu > li, .page_main_navi .page_main_navi_inner .navi_list li .for_passed > dd .passed_menu > li, .top_main_visual .main_visual_inner .main_navi li .for_passed > dd .passed_menu > li {
  margin: 0;
  padding: 0;
  width: calc(100% / 2);
}

.main_navi_base li .for_passed > dd .passed_menu > li + li, .page_main_navi .page_main_navi_inner .navi_list li .for_passed > dd .passed_menu > li + li, .top_main_visual .main_visual_inner .main_navi li .for_passed > dd .passed_menu > li + li {
  border-left: 1px solid #ccc;
}

.main_navi_base li .for_passed > dd .passed_menu > li > a, .page_main_navi .page_main_navi_inner .navi_list li .for_passed > dd .passed_menu > li > a, .top_main_visual .main_visual_inner .main_navi li .for_passed > dd .passed_menu > li > a {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 7px 0;
  width: 100%;
  height: 100%;
  font-size: 0.9rem;
  text-align: center;
}

.main_navi_base .exam_order, .page_main_navi .page_main_navi_inner .navi_list .exam_order, .top_main_visual .main_visual_inner .main_navi .exam_order {
  margin: 0;
  padding-left: 1%;
}

.main_navi_base .exam_order > a, .page_main_navi .page_main_navi_inner .navi_list .exam_order > a, .top_main_visual .main_visual_inner .main_navi .exam_order > a {
  position: relative;
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  font-size: 1.1rem;
  color: #fff;
  background: #DB5353;
  border-radius: 4px;
}

.main_navi_base .exam_order > a::after, .page_main_navi .page_main_navi_inner .navi_list .exam_order > a::after, .top_main_visual .main_visual_inner .main_navi .exam_order > a::after {
  content: url("images/icon/btn_arrow_right.svg");
  position: absolute;
  top: 53%;
  right: 15%;
  transform: translateY(-53%) scale(0.8);
}

.main_navi_base .exam_order > a:hover, .page_main_navi .page_main_navi_inner .navi_list .exam_order > a:hover, .top_main_visual .main_visual_inner .main_navi .exam_order > a:hover {
  background: #c53e3e;
  transition: all 0.3s;
}

/**
* 下層ページメインナビゲーション
*----------------------------------------------*/
.page_main_navi {
  margin: 0 auto;
  padding: 0;
  width: 100%;
  height: 70px;
  background: #1574a0;
}

.page_main_navi .page_main_navi_inner .navi_list {
  padding: 6px 0;
  height: 70px;
}

.page_main_navi .page_main_navi_inner .navi_list li > a {
  font-weight: normal;
  color: #fff;
}

.page_main_navi .page_main_navi_inner .navi_list li > a:hover {
  background: #035880;
}

.page_main_navi .page_main_navi_inner .navi_list li .for_passed > dd .passed_menu > li {
  background: #ddd;
}

.page_main_navi .page_main_navi_inner .navi_list li .for_passed > dd .passed_menu > li > a {
  color: #000;
}

.page_main_navi .page_main_navi_inner .navi_list li .for_passed > dd .passed_menu > li > a:hover {
  color: #fff;
}

/**
* トップページメインビジュアル
*----------------------------------------------*/
.top_main_visual {
  position: relative;
  margin: 0 auto;
  padding: 0;
  width: 100%;
  height: 740px;
  overflow: hidden;
}

.top_main_visual picture > img {
  object-fit: cover;
  /* object-position: center -100px; */
  width: 100%;
  height: 100%;
}

.top_main_visual .main_visual_inner {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  margin: 0 auto;
  padding: 0;
  height: 100%;
}

.top_main_visual .main_visual_inner .main_navi {
  position: absolute;
  top: 8%;
  left: 0;
  transform: translateY(-8%);
  height: 80px;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 5px;
}

.top_main_visual .main_visual_inner .sitename_area {
  position: absolute;
  top: 43%;
  left: 0;
  transform: translateY(-43%);
  margin: 0;
  padding: 0 5%;
  width: 100%;
}

.top_main_visual .main_visual_inner .sitename_area .site_name {
  margin: 0;
  padding: 0;
  width: 100%;
  font-size: 2.8rem;
  font-weight: bold;
  color: #fff;
  text-shadow: 3px 3px 16px rgba(0, 0, 0, 0.5);
}

.top_main_visual .main_visual_inner .sitename_area .site_summary {
  margin: 30px 0 0 0;
  padding: 0;
  width: 60%;
  font-size: 1.4rem;
  color: #fff;
  line-height: 2.2rem;
  text-shadow: 0 0 8px rgba(0, 0, 0, 0.7);
}

.top_main_visual .main_visual_inner .next_exam_info {
  position: absolute;
  bottom: 10%;
  right: 0;
  margin: 0;
  padding: 20px;
  width: 450px;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 5px;
}

.top_main_visual .main_visual_inner .next_exam_info .n_exam_period {
  margin: 0;
  padding: 0 0 10px 0;
  width: 100%;
  border-bottom: 1px solid #ccc;
}

.top_main_visual .main_visual_inner .next_exam_info .n_exam_period > dt {
  margin: 0;
  padding: 5px 0;
  width: 45%;
  font-size: 1rem;
  color: #fff;
  text-align: center;
  background: #CC3B3B;
  border-radius: 4px;
}

.top_main_visual .main_visual_inner .next_exam_info .n_exam_period > dd {
  margin: 10px 0 0 0;
  padding: 0;
  width: 100%;
  font-size: 1.6rem;
  font-weight: bold;
  color: #694C01;
  text-align: center;
}

.top_main_visual .main_visual_inner .next_exam_info .n_exam_apply {
  margin: 15px 0 0 0;
  padding: 0;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.top_main_visual .main_visual_inner .next_exam_info .n_exam_apply > dt {
  margin: 0;
  padding: 5px 0;
  width: 45%;
  font-size: 0.9rem;
  color: #fff;
  text-align: center;
  background: #202F6E;
  border-radius: 4px;
}

.top_main_visual .main_visual_inner .next_exam_info .n_exam_apply > dd {
  margin: 0;
  padding: 0;
  width: 55%;
  font-size: 1rem;
  font-weight: bold;
  color: #202F6E;
  text-align: center;
}

/**
* 協会インフォメーション
*----------------------------------------------*/
#information {
  background: #F5F2F8;
}

#information .information_inner .information_contents {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

#information .information_inner .information_contents .information_img {
  margin: 0;
  padding: 0;
  width: 35%;
}

#information .information_inner .information_contents .information_img > img {
  width: auto;
  max-height: 100%;
}

#information .information_inner .information_contents .information_txt {
  position: relative;
  margin: 0;
  padding: 50px 40px;
  width: 65%;
  background: #fff;
}

#information .information_inner .information_contents .information_txt > dt {
  position: relative;
  margin: 0;
  padding: 0;
  width: 100%;
  font-size: 1.7rem;
  font-weight: bold;
  color: #807642;
}

#information .information_inner .information_contents .information_txt > dt::before {
  content: '';
  position: absolute;
  bottom: -20px;
  left: 0;
  width: 100px;
  height: 3px;
  border-radius: 3px;
  background: #807642;
}

#information .information_inner .information_contents .information_txt > dd {
  margin: 50px 0 0 0;
  padding: 0;
  width: 100%;
}

#information .information_inner .information_contents .information_txt > dd > p {
  font-size: 1rem;
  color: #333;
  line-height: 2rem;
}

#information .information_inner .information_contents .information_txt > dd > p + p {
  margin-top: 1rem;
}

/**
* 資格監修
*----------------------------------------------*/
#supervision {
  background: #f5fbff;
}

#supervision .section_inner .supervision_title {
  margin: 0 auto;
  padding: 20px 0;
  width: 100%;
  font-size: 2.2rem;
  text-align: center;
  line-height: 3.4rem;
  letter-spacing: 0.2rem;
  border: 1px solid #74a4bd;
}

#supervision .section_inner .supervision_title > span {
  color: #398db8;
}

#supervision .section_inner .supervision_summary {
  margin: 30px auto 0 auto;
  padding: 0;
  width: 100%;
  font-size: 1rem;
  color: #333;
  line-height: 1.6rem;
}

#supervision .section_inner .supervision_person {
  margin: 30px auto 0 auto;
  padding: 0;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

#supervision .section_inner .supervision_person::after {
  content: '';
  display: block;
  width: calc(98% / 3);
}

#supervision .section_inner .supervision_person > li {
  margin: 0 0 10px 0;
  padding: 15px;
  width: calc(98% / 3);
  background: radial-gradient(circle at 100px 200px, #a6e8f8 0% 40%, #8ad9ec 60% 100%);
}

#supervision .section_inner .supervision_person > li .person_detail {
  margin: 0 auto;
  padding: 0;
  width: 100%;
}

#supervision .section_inner .supervision_person > li .person_detail > dt {
  margin: 0;
  padding: 0;
  width: 100%;
  font-size: 1.6rem;
  color: #1d6a91;
  text-align: center;
}

#supervision .section_inner .supervision_person > li .person_detail > dd {
  margin: 20px 0 0 0;
  padding: 0;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

#supervision .section_inner .supervision_person > li .person_detail > dd .person_photo {
  margin: 0;
  padding: 0;
  width: 35%;
  height: 160px;
  overflow: hidden;
}

#supervision .section_inner .supervision_person > li .person_detail > dd .person_photo > a {
  display: block;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}

#supervision .section_inner .supervision_person > li .person_detail > dd .person_photo > a:hover {
  transform: scale(1.2);
  transition: all 0.5s ease;
}

#supervision .section_inner .supervision_person > li .person_detail > dd .person_photo > a > img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

#supervision .section_inner .supervision_person > li .person_detail > dd .detail {
  margin: 0;
  padding: 0;
  width: 65%;
}

#supervision .section_inner .supervision_person > li .person_detail > dd .detail > p {
  margin: 0;
  padding: 0 0 0 10px;
  width: 100%;
  font-size: 0.8rem;
  line-height: 1.2rem;
}

#supervision .section_inner .supervision_person > li .person_detail > dd .detail > p + p {
  margin-top: 1rem;
}

/**
* 資格一覧
*----------------------------------------------*/
.top_shikaku_list_cont {
  margin: 0 auto;
  padding: 60px 0;
  width: 100%;
  background: #F2F6F8;
}

.top_shikaku_list_cont:nth-child(2n) {
  background: #fff;
}

.top_shikaku_list_cont .top_shikaku_list_cont_inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
}

.top_shikaku_list_cont .top_shikaku_list_cont_inner .shikaku_list_title {
  margin: 0;
  padding: 0;
  width: 40%;
}

.top_shikaku_list_cont .top_shikaku_list_cont_inner .shikaku_list_title > dt {
  margin: 0;
  padding: 0;
  width: 100%;
  font-size: 1.8rem;
  font-weight: bold;
}

.top_shikaku_list_cont .top_shikaku_list_cont_inner .shikaku_list_title .cat_shikaku_num {
  margin: 15px 0 0 0;
  padding: 6px 15px;
  width: 100px;
  font-size: 0.9rem;
  color: #fff;
  text-align: center;
}

.top_shikaku_list_cont .top_shikaku_list_cont_inner .shikaku_list_title .cat_shikaku_img {
  margin: 15px 0 0 0;
  padding: 0;
  width: 100%;
  height: 220px;
  overflow: hidden;
}

.top_shikaku_list_cont .top_shikaku_list_cont_inner .shikaku_list_title .cat_shikaku_img > img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.top_shikaku_list_cont .top_shikaku_list_cont_inner .shikaku_list_title .cat_summary {
  margin: 15px 0 0 0;
  padding: 0;
  width: 100%;
  font-size: 0.9rem;
  color: #333;
  line-height: 1.6rem;
}

.top_shikaku_list_cont .top_shikaku_list_cont_inner .shikaku_list_link {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0;
  padding: 0;
  width: 55%;
}

.top_shikaku_list_cont .top_shikaku_list_cont_inner .shikaku_list_link > li {
  margin: 0 0 7px 0;
  padding: 0;
  width: calc(98% / 2);
  height: 50px;
  background: #fff;
  border: 1px solid #A3C7D9;
}

.top_shikaku_list_cont .top_shikaku_list_cont_inner .shikaku_list_link > li > a {
  position: relative;
  display: flex;
  justify-content: left;
  align-items: center;
  margin: 0;
  padding: 0 25px;
  width: 100%;
  height: 100%;
  font-size: 0.9rem;
  color: #004162;
}

.top_shikaku_list_cont .top_shikaku_list_cont_inner .shikaku_list_link > li > a:hover {
  background: #cddee7;
  transition: all 0.3s;
}

.top_shikaku_list_cont .top_shikaku_list_cont_inner .shikaku_list_link > li > a::after {
  content: url("images/top/shikaku_list_link_arrow.svg");
  position: absolute;
  top: 50%;
  right: 8%;
  transform: translateY(-50%);
}

/**
* ページメインビジュアル
*----------------------------------------------*/
.page_main_visual {
  position: relative;
  margin: 0 auto;
  padding: 0;
  width: 100%;
  height: 450px;
  overflow: hidden;
}

.page_main_visual::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 40%, rgba(0, 0, 0, 0.4) 100%);
  mix-blend-mode: multiply;
  z-index: 1;
}

.page_main_visual > img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.page_main_visual .page_main_visual_inner {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  margin: 0 auto;
  padding: 0;
  height: 100%;
  z-index: 10;
}

.page_main_visual .page_main_visual_inner .sub_title {
  position: absolute;
  top: 25%;
  left: 0;
  margin: 0;
  padding: 8px 0;
  width: 330px;
  font-size: 1rem;
  color: #fff;
  text-align: center;
  background: #1574a0;
}

.page_main_visual .page_main_visual_inner .page_title {
  position: absolute;
  top: 39%;
  left: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  font-size: 2.6rem;
  font-weight: bold;
  color: #fff;
  text-indent: 30px;
  letter-spacing: 0.1rem;
  border-left: 15px solid #316593;
}

.page_main_visual .page_main_visual_inner > .order_btn {
  position: absolute;
  bottom: 15%;
  left: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  text-align: center;
}

.page_main_visual .page_main_visual_inner > .order_btn > a > button {
  position: relative;
  margin: 0;
  padding: 0;
  width: 330px;
  height: 60px;
  font-size: 1.2rem;
  font-weight: bold;
  color: #fff;
  text-align: center;
  border: 1px solid #fff;
  border-radius: 5px;
}

.page_main_visual .page_main_visual_inner > .order_btn > a > button:hover {
  background: rgba(255, 255, 255, 0.8);
  color: #1574a0;
  transition: all 0.3s ease;
}

.page_main_visual .page_main_visual_inner > .order_btn > a > button::after {
  content: url("images/common/page_orderbtn_arrow.svg");
  position: absolute;
  right: 15%;
}

/* 受験申し込みページ */
.page_main_visual_offer {
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 100%;
	height: 250px;
	overflow: hidden;
}

.page_main_visual_offer > img {
	object-fit: cover;
	width: 100%;
	height: 100%;
}

.page_main_visual_offer .page_main_visual_inner {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	margin: 0 auto;
	padding: 0;
	height: 100%;
	z-index: 10;
}

.page_main_visual_offer .page_main_visual_inner .sub_title {
	position: absolute;
	top: 20%;
	left: 0;
	margin: 0;
	padding: 8px 0;
	width: 330px;
	font-size: 1rem;
	color: #fff;
	text-align: center;
	background: #1574a0;
}

.page_main_visual_offer .page_main_visual_inner .page_title {
	position: absolute;
	top: 39%;
	left: 0;
	margin: 0;
	padding: 0;
	width: 100%;
	font-size: 2.6rem;
	font-weight: bold;
	color: #fff;
	text-indent: 30px;
	letter-spacing: 0.1rem;
	border-left: 15px solid #316593;
}

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

	/* 受験申し込みページ */
	.page_main_visual_offer {
		height: 180px;
	}

	.page_main_visual_offer .page_main_visual_inner .sub_title {
		width: 250px;
		font-size: 0.9rem;
	}

	.page_main_visual_offer .page_main_visual_inner .page_title {
		top: 42%;
		font-size: 2.2rem;
	}

}


/**
* 資格ページメインビジュアル
*----------------------------------------------*/
.shikaku_main_visual {
  position: relative;
  margin: 0 auto;
  padding: 0;
  width: 100%;
  height: 530px;
  overflow: hidden;
}

.shikaku_main_visual::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 20%, rgba(0, 0, 0, 0.5) 100%);
  mix-blend-mode: multiply;
  z-index: 1;
}

.shikaku_main_visual > img {
  object-fit: cover;
  width: 100%;
  object-position: 0 -170px;
}

.shikaku_main_visual .shikaku_main_visual_inner {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  margin: 0 auto;
  padding: 0;
  height: 100%;
  z-index: 10;
}

.shikaku_main_visual .shikaku_main_visual_inner .sub_title {
  position: absolute;
  top: 18%;
  left: 0;
  margin: 0;
  padding: 8px 0;
  width: 330px;
  font-size: 1rem;
  color: #fff;
  text-align: center;
}

.shikaku_main_visual .shikaku_main_visual_inner .page_title {
  position: absolute;
  top: 30%;
  left: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  font-size: 2.6rem;
  font-weight: bold;
  color: #fff;
  text-indent: 30px;
  letter-spacing: 0.1rem;
  border-left: 15px solid #316593;
}

.shikaku_main_visual .shikaku_main_visual_inner > .order_btn {
  position: absolute;
  top: 55%;
  left: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  text-align: center;
}

.shikaku_main_visual .shikaku_main_visual_inner > .order_btn > a > button {
  position: relative;
  margin: 0;
  padding: 0;
  width: 330px;
  height: 60px;
  font-size: 1.2rem;
  font-weight: bold;
  color: #fff;
  text-align: center;
  border: 1px solid #fff;
  border-radius: 5px;
}

.shikaku_main_visual .shikaku_main_visual_inner > .order_btn > a > button:hover {
  background: rgba(255, 255, 255, 0.8);
  color: #1574a0;
  transition: all 0.3s ease;
}

.shikaku_main_visual .shikaku_main_visual_inner > .order_btn > a > button::after {
  content: url("images/common/page_orderbtn_arrow.svg");
  position: absolute;
  right: 15%;
}

.shikaku_main_visual .shikaku_main_visual_inner .page_index {
  position: absolute;
  bottom: 8%;
  left: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.shikaku_main_visual .shikaku_main_visual_inner .page_index > li {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 64px;
}

.shikaku_main_visual .shikaku_main_visual_inner .page_index > li + li {
  margin-left: 10px;
}

.shikaku_main_visual .shikaku_main_visual_inner .page_index > li > a {
  position: relative;
  display: block;
  margin: 0;
  padding: 12px 0 0 0;
  width: 100%;
  height: 100%;
  font-size: 1rem;
  color: #316593;
  text-align: center;
  background: rgba(242, 247, 247, 0.9);
  border-radius: 5px;
}

.shikaku_main_visual .shikaku_main_visual_inner .page_index > li > a::after {
  content: url("images/shikaku/page_index_arrow.svg");
  position: absolute;
  bottom: 14%;
  left: 50%;
  transform: translateX(-50%);
}

.shikaku_main_visual .shikaku_main_visual_inner .page_index > li > a:hover {
  background: #f2f7f7;
  transition: all 0.3s ease;
}

/**
* 資格カテゴリーリンクリスト設定
*----------------------------------------------*/
.cat_inner_link_base, .shikaku_cat_inner_link, .nintei_cat_inner_link {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 80px auto 60px auto;
  padding: 20px 30px 5px 30px;
  width: 100%;
  background: #fff;
}

.cat_inner_link_base::before, .shikaku_cat_inner_link::before, .nintei_cat_inner_link::before {
  content: '';
  display: block;
  width: calc(100% / 5);
  order: 1;
}

.cat_inner_link_base::after, .shikaku_cat_inner_link::after, .nintei_cat_inner_link::after {
  content: '';
  display: block;
  width: calc(100% / 5);
}

.cat_inner_link_base li, .shikaku_cat_inner_link li, .nintei_cat_inner_link li {
  margin: 0 0 15px 0;
  padding: 0;
  width: calc(100% / 5);
}

.cat_inner_link_base li + li, .shikaku_cat_inner_link li + li, .nintei_cat_inner_link li + li {
  border-left: 1px solid #ddd;
}

.cat_inner_link_base li:nth-of-type(5n + 1), .shikaku_cat_inner_link li:nth-of-type(5n + 1), .nintei_cat_inner_link li:nth-of-type(5n + 1) {
  border-left: none;
}

.cat_inner_link_base li > a, .shikaku_cat_inner_link li > a, .nintei_cat_inner_link li > a {
  display: block;
  margin: 0 auto;
  padding: 8px 0;
  width: 96%;
  font-size: 0.9rem;
  font-weight: bold;
  color: #0063AC;
  text-align: center;
}

.cat_inner_link_base li > a:hover, .shikaku_cat_inner_link li > a:hover, .nintei_cat_inner_link li > a:hover {
  background: #525252;
  color: #fff;
  transition: all 0.3s;
  border-radius: 4px;
}

.shikaku_cat_inner_link {
  filter: drop-shadow(0 0 6px rgba(180, 180, 180, 0.2));
}

.nintei_cat_inner_link {
  border: 1px solid #eee;
  border-radius: 5px;
}

/**
* カテゴリーリスト
*----------------------------------------------*/
.category_list_base .list_wrapper, #category_list .list_wrapper, #nintei_list .list_wrapper {
  margin: 0 auto;
  padding: 60px 50px;
  background: #fff;
}

.category_list_base .list_wrapper .list_header, #category_list .list_wrapper .list_header, #nintei_list .list_wrapper .list_header {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.category_list_base .list_wrapper .list_header .header_title, #category_list .list_wrapper .list_header .header_title, #nintei_list .list_wrapper .list_header .header_title {
  margin: 0;
  padding: 0;
  width: 60%;
}

.category_list_base .list_wrapper .list_header .header_title > dt, #category_list .list_wrapper .list_header .header_title > dt, #nintei_list .list_wrapper .list_header .header_title > dt {
  position: relative;
  font-size: 1.7rem;
  font-weight: bold;
}

.category_list_base .list_wrapper .list_header .header_title > dt::before, #category_list .list_wrapper .list_header .header_title > dt::before, #nintei_list .list_wrapper .list_header .header_title > dt::before {
  content: '';
  position: absolute;
  bottom: -25px;
  width: 80px;
  height: 4px;
  border-radius: 3px;
  left: 0;
}

.category_list_base .list_wrapper .list_header .header_title > dd, #category_list .list_wrapper .list_header .header_title > dd, #nintei_list .list_wrapper .list_header .header_title > dd {
  margin: 50px auto 0 auto;
  padding: 0;
  width: 100%;
  font-size: 1rem;
  color: #333;
  line-height: 1.8rem;
}

/* 202406追記・変更 */
#category_list .list_wrapper .list_header .header_title .list_header_title {
	position: relative;
	font-size: 1.5rem;
	font-weight: bold;
}

#category_list .list_wrapper .list_header .header_title .list_header_title::before {
	content: '';
	position: absolute;
	bottom: -25px;
	width: 80px;
	height: 4px;
	border-radius: 3px;
	left: 0;
	background: #0063AC;
}

#category_list .list_wrapper .list_header .header_title .cat_summary {
	margin: 50px auto 0 auto;
	padding: 0;
	width: 100%;
	font-size: 1rem;
	color: #333;
	line-height: 1.8rem;
}

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

	#category_list .list_wrapper .list_header .header_title .list_header_title {
		margin: 15px auto 0 auto;
		width: 100%;
	}
	#category_list .list_wrapper .list_header .header_title .list_header_title::before {
		bottom: -20px;
	}

}
/* 追記・変更ここまで */

.category_list_base .list_wrapper .list_header .category_sub_img, #category_list .list_wrapper .list_header .category_sub_img, #nintei_list .list_wrapper .list_header .category_sub_img {
  margin: 0;
  padding: 0;
  width: 35%;
  height: 230px;
  overflow: hidden;
}

.category_list_base .list_wrapper .list_header .category_sub_img > img, #category_list .list_wrapper .list_header .category_sub_img > img, #nintei_list .list_wrapper .list_header .category_sub_img > img {
  max-width: 100%;
  height: auto;
}

.category_list_base .list_wrapper .list_lineup, #category_list .list_wrapper .list_lineup, #nintei_list .list_wrapper .list_lineup {
  margin: 50px auto 0 auto;
  padding: 0;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.category_list_base .list_wrapper .list_lineup::after, #category_list .list_wrapper .list_lineup::after, #nintei_list .list_wrapper .list_lineup::after {
  content: '';
  display: block;
  width: calc(96% / 3);
}

.category_list_base .list_wrapper .list_lineup > li, #category_list .list_wrapper .list_lineup > li, #nintei_list .list_wrapper .list_lineup > li {
  display: flex;
  flex-direction: column;
  margin: 0 0 20px 0;
  padding: 0;
  width: calc(96% / 3);
  border: 1px solid #A3C7D9;
}

.category_list_base .list_wrapper .list_lineup > li .lineup_title, #category_list .list_wrapper .list_lineup > li .lineup_title, #nintei_list .list_wrapper .list_lineup > li .lineup_title {
  margin: 0;
  padding: 15px 20px;
  width: 100%;
  font-size: 1rem;
  font-weight: bold;
  color: #004162;
  background: #E0E8FF;
}

.category_list_base .list_wrapper .list_lineup > li .lineup_img, #category_list .list_wrapper .list_lineup > li .lineup_img, #nintei_list .list_wrapper .list_lineup > li .lineup_img {
  margin: 15px 15px 0 15px;
  padding: 0;
  height: 120px;
  overflow: hidden;
}

.category_list_base .list_wrapper .list_lineup > li .lineup_img > img, #category_list .list_wrapper .list_lineup > li .lineup_img > img, #nintei_list .list_wrapper .list_lineup > li .lineup_img > img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.category_list_base .list_wrapper .list_lineup > li .lineup_summary, #category_list .list_wrapper .list_lineup > li .lineup_summary, #nintei_list .list_wrapper .list_lineup > li .lineup_summary {
  margin: 15px 15px 0 15px;
  padding: 0;
  font-size: 0.9rem;
  color: #333;
  line-height: 1.4rem;
}

.category_list_base .list_wrapper .list_lineup > li .lineup_link, #category_list .list_wrapper .list_lineup > li .lineup_link, #nintei_list .list_wrapper .list_lineup > li .lineup_link {
  margin: auto 15px 15px 15px;
  padding: 0;
}

.category_list_base .list_wrapper .list_lineup > li .lineup_link > a, #category_list .list_wrapper .list_lineup > li .lineup_link > a, #nintei_list .list_wrapper .list_lineup > li .lineup_link > a {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 15px;
  height: 50px;
  font-size: 0.9rem;
  color: #fff;
  line-height: 1.2rem;
  text-align: center;
  background: #3664AC;
  border-radius: 5px;
}

.category_list_base .list_wrapper .list_lineup > li .lineup_link > a::after, #category_list .list_wrapper .list_lineup > li .lineup_link > a::after, #nintei_list .list_wrapper .list_lineup > li .lineup_link > a::after {
  content: url("images/common/page_orderbtn_arrow.svg");
  position: absolute;
  top: 50%;
  right: 5%;
  transform: translateY(-50%);
}

.category_list_base .list_wrapper .list_lineup > li .lineup_link > a:hover, #category_list .list_wrapper .list_lineup > li .lineup_link > a:hover, #nintei_list .list_wrapper .list_lineup > li .lineup_link > a:hover {
  background: #173c79;
  transition: all 0.3s ease;
}

.category_list_base .list_wrapper .list_lineup > li .nintei_lineup_link, #category_list .list_wrapper .list_lineup > li .nintei_lineup_link, #nintei_list .list_wrapper .list_lineup > li .nintei_lineup_link {
  margin: auto 15px 15px 15px;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.category_list_base .list_wrapper .list_lineup > li .nintei_lineup_link > li, #category_list .list_wrapper .list_lineup > li .nintei_lineup_link > li, #nintei_list .list_wrapper .list_lineup > li .nintei_lineup_link > li {
  margin: 0;
  padding: 0;
  width: calc(96% / 2);
}

.category_list_base .list_wrapper .list_lineup > li .nintei_lineup_link > li > a, #category_list .list_wrapper .list_lineup > li .nintei_lineup_link > li > a, #nintei_list .list_wrapper .list_lineup > li .nintei_lineup_link > li > a {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 15px;
  height: 40px;
  font-size: 0.9rem;
  color: #fff;
  text-align: center;
  border-radius: 5px;
}

.category_list_base .list_wrapper .list_lineup > li .nintei_lineup_link > li > a::after, #category_list .list_wrapper .list_lineup > li .nintei_lineup_link > li > a::after, #nintei_list .list_wrapper .list_lineup > li .nintei_lineup_link > li > a::after {
  content: url("images/common/page_orderbtn_arrow.svg");
  position: absolute;
  top: 50%;
  right: 10%;
  transform: translateY(-50%) scale(0.7);
}

.category_list_base .list_wrapper .list_lineup > li .nintei_lineup_link > li > a:hover, #category_list .list_wrapper .list_lineup > li .nintei_lineup_link > li > a:hover, #nintei_list .list_wrapper .list_lineup > li .nintei_lineup_link > li > a:hover {
  filter: brightness(0.8);
  transition: all 0.3s ease;
}

.category_list_base .list_wrapper .list_lineup > li .nintei_lineup_link .shikaku_order > a, #category_list .list_wrapper .list_lineup > li .nintei_lineup_link .shikaku_order > a, #nintei_list .list_wrapper .list_lineup > li .nintei_lineup_link .shikaku_order > a {
  background: #AC3651;
}

.category_list_base .list_wrapper .list_lineup > li .nintei_lineup_link .shikaku_detail > a, #category_list .list_wrapper .list_lineup > li .nintei_lineup_link .shikaku_detail > a, #nintei_list .list_wrapper .list_lineup > li .nintei_lineup_link .shikaku_detail > a {
  background: #56AC36;
}

#category_list {
  background: #f7fbfd;
}

#category_list .list_wrapper {
  filter: drop-shadow(0 0 8px rgba(0, 0, 0, 0.05));
  border-radius: 8px;
}

#nintei_list .list_wrapper {
  border: 1px solid #eee;
  border-radius: 5px;
}

/**
* その他の資格
*----------------------------------------------*/
#other_shikaku .other_shikaku_inner .other_lineup {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

#other_shikaku .other_shikaku_inner .other_lineup::before {
  content: '';
  display: block;
  width: calc(98% /4);
  order: 1;
}

#other_shikaku .other_shikaku_inner .other_lineup::after {
  content: '';
  display: block;
  width: calc(98% /4);
}

#other_shikaku .other_shikaku_inner .other_lineup > li {
  margin: 0 0 25px 0;
  padding: 0;
  width: calc(98% / 4);
}

#other_shikaku .other_shikaku_inner .other_lineup > li > a {
  position: relative;
  display: block;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  border-radius: 8px;
}

#other_shikaku .other_shikaku_inner .other_lineup > li > a:hover {
  filter: brightness(0.8);
  transition: all 0.3s ease;
}

#other_shikaku .other_shikaku_inner .other_lineup > li > a .other_shikaku_img {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 150px;
  overflow: hidden;
  border-radius: 8px;
}

#other_shikaku .other_shikaku_inner .other_lineup > li > a .other_shikaku_img > img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

#other_shikaku .other_shikaku_inner .other_lineup > li > a .category_title {
  position: absolute;
  top: 95px;
  left: 50%;
  transform: translateX(-50%);
  padding: 8px 0;
  width: 80%;
  height: 55px;
  font-size: 0.9rem;
  font-weight: bold;
  text-align: center;
  line-height: 1.3rem;
  background: #fff;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  z-index: 10;
}

#other_shikaku .other_shikaku_inner .other_lineup > li > a .category_title > span {
  display: block;
  margin: 0;
  padding: 0;
  width: 100%;
  font-size: 1rem;
}

#other_shikaku .other_shikaku_inner .other_lineup > li > a .other_shikaku_summary {
  margin: 15px auto 0 auto;
  padding: 0;
  width: 100%;
  font-size: 0.8rem;
  color: #888;
  line-height: 1.3rem;
}

/**
* 資格認定制度概要
*----------------------------------------------*/
#nintei_info {
  padding-bottom: 0;
}

#nintei_info .nintei_summary_area {
  margin: 0 auto;
  padding: 60px 0;
  background: #e6f1f7;
}

#nintei_info .nintei_summary_area .nintei_summary_inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

#nintei_info .nintei_summary_area .nintei_summary_inner .nintei_img {
  margin: 0;
  padding: 0;
  width: 20%;
}

#nintei_info .nintei_summary_area .nintei_summary_inner .nintei_img > img {
  max-width: 100%;
  height: auto;
}

#nintei_info .nintei_summary_area .nintei_summary_inner .nintei_summary {
  display: block;
  margin: 0;
  padding: 0;
  width: 77%;
  font-size: 0.9rem;
  font-weight: bold;
  color: #3370a5;
  line-height: 2rem;
}

/**
* 資格試験情報
*----------------------------------------------*/
#shikaku_info {
  background: #eef5fc;
}

#shikaku_info .section_inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  /**
		* 資格紹介動画
		*----------------------------------------------*/
}

#shikaku_info .section_inner .shikaku_info_cont {
  margin: 0;
  padding: 40px 20px;
  width: 49.5%;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 8px;
  filter: drop-shadow(0 3px 3px rgba(110, 110, 110, 0.1));
}

#shikaku_info .section_inner .shikaku_info_cont .info_img {
  margin: 40px auto 0 auto;
  padding: 0;
  width: 100%;
  /* height: 180px; */
  height: 220px;
  overflow: hidden;
}

#shikaku_info .section_inner .shikaku_info_cont .info_img > img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

#shikaku_info .section_inner .shikaku_info_cont .info_summary {
  margin: 20px auto 0 auto;
  padding: 0;
  width: 100%;
  font-size: 1rem;
  color: #222;
  line-height: 1.8rem;
}

#shikaku_info .section_inner .shikaku_exam_summary {
  margin: 0;
  padding: 40px 20px;
  width: 49.5%;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 8px;
  filter: drop-shadow(0 3px 3px rgba(110, 110, 110, 0.1));
}

#shikaku_info .section_inner .shikaku_exam_summary .summary_tbl_wrapper {
  margin: 40px auto 0 auto;
  padding: 10px;
  width: 100%;
  border: 1px solid #ddd;
  border-radius: 5px;
}

#shikaku_info .section_inner .shikaku_exam_summary .summary_tbl_wrapper .summary_tbl {
  margin: 0 auto;
  padding: 0;
  width: 100%;
  border-spacing: 10px;
}

#shikaku_info .section_inner .shikaku_exam_summary .summary_tbl_wrapper .summary_tbl th {
  margin: 0;
  padding: 6px 0;
  width: 30%;
  font-size: 1rem;
  font-weight: normal;
  color: #fff;
  background: #299bc9;
  border-radius: 5px;
}

#shikaku_info .section_inner .shikaku_exam_summary .summary_tbl_wrapper .summary_tbl td {
  margin: 0;
  padding: 6px 15px;
  width: 70%;
  font-size: 1rem;
  color: #000;
}

#shikaku_info .section_inner .shikaku_exam_summary .exam_contents {
  margin: 15px auto 0 auto;
  padding: 0;
  width: 100%;
}

#shikaku_info .section_inner .shikaku_exam_summary .exam_contents > dt {
  margin: 0;
  padding: 8px 0;
  width: 100%;
  font-size: 1rem;
  color: #fff;
  text-align: center;
  background: #299bc9;
  border-radius: 5px;
}

#shikaku_info .section_inner .shikaku_exam_summary .exam_contents > dd {
  margin: 15px auto 0 auto;
  padding: 0;
  width: 100%;
}

#shikaku_info .section_inner .shikaku_exam_summary .exam_contents > dd .contents_list {
  margin: 0 auto;
  padding: 0;
  width: 90%;
  list-style: disc outside;
}

#shikaku_info .section_inner .shikaku_exam_summary .exam_contents > dd .contents_list > li {
  margin: 0 auto;
  padding: 0;
  width: 100%;
  font-size: 1rem;
  color: #000;
  line-height: 1.5rem;
}

#shikaku_info .section_inner .shikaku_exam_summary .exam_contents > dd .contents_list > li + li {
  margin-top: 5px;
}

#shikaku_info .section_inner .vd_youtube {
  margin: 20px auto 0 auto;
  padding: 30px 0;
  width: 100%;
  text-align: center;
  background: #f0f6fc;
  border: 1px solid #D2DBE3;
  border-radius: 5px;
}

#shikaku_info .section_inner .vd_youtube .section_sub_title > br {
  display: none;
}

#shikaku_info .section_inner .vd_youtube .video_body {
  margin: 0;
  padding: 30px 0 0 0;
  width: 100%;
}

/**
* 資格検定試験実施日程
*----------------------------------------------*/
#exam_date {
  background: #f8f8ff;
}

#exam_date .section_inner .next_and_order {
  margin: 0 auto;
  padding: 0;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

#exam_date .section_inner .next_and_order .order_area {
  margin: 0;
  padding: 0;
  width: 45%;
}

#exam_date .section_inner .next_and_order .order_area .order_txt {
  display: block;
  margin: 0;
  padding: 0;
  width: 90%;
  font-size: 1rem;
  color: #000;
  line-height: 1.6rem;
}

#exam_date .section_inner .next_and_order .order_area .order_btn {
  margin: 30px auto 0 auto;
  padding: 0;
  width: 100%;
  text-align: center;
}

#exam_date .section_inner .next_and_order .order_area .order_btn > a {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  padding: 0;
  width: 350px;
  height: 50px;
  font-size: 1.2rem;
  color: #fff;
  background: #eb4a4a;
  border-radius: 5px;
}

#exam_date .section_inner .next_and_order .order_area .order_btn > a::after {
  content: url("images/common/page_orderbtn_arrow.svg");
  position: absolute;
  top: 55%;
  right: 15%;
  transform: translateY(-55%);
}

#exam_date .section_inner .next_and_order .order_area .order_btn > a:hover {
  background: #bd1b1b;
  transition: all 0.3s ease;
}

#exam_date .section_inner .next_and_order .next_date {
  margin: 0;
  padding: 0;
  width: 50%;
  filter: drop-shadow(0 0 5px rgba(220, 220, 220, 0.4));
}

#exam_date .section_inner .next_and_order .next_date > dt {
  margin: 0;
  padding: 13px 20px;
  width: 100%;
  font-size: 1.1rem;
  color: #fff;
  background: #6c87de;
  filter: drop-shadow(0 3px 3px rgba(0, 0, 0, 0.15));
}

#exam_date .section_inner .next_and_order .next_date > dd {
  margin: 0;
  padding: 15px 20px;
  width: 100%;
  background: #fff;
}

#exam_date .section_inner .next_and_order .next_date > dd .next_exam,
#exam_date .section_inner .next_and_order .next_date > dd .exam_apply {
  margin: 0 auto;
  padding: 0;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

#exam_date .section_inner .next_and_order .next_date > dd .next_exam > dt,
#exam_date .section_inner .next_and_order .next_date > dd .exam_apply > dt {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: 0;
  width: 30%;
  height: 40px;
  font-weight: normal;
  text-align: center;
  color: #fff;
  border-radius: 5px;
}

#exam_date .section_inner .next_and_order .next_date > dd .next_exam > dd,
#exam_date .section_inner .next_and_order .next_date > dd .exam_apply > dd {
  margin: 0;
  padding: 0;
  width: 65%;
}

#exam_date .section_inner .next_and_order .next_date > dd .next_exam .date_title,
#exam_date .section_inner .next_and_order .next_date > dd .exam_apply .date_title {
  font-size: 1.1rem;
  background: #f57272;
}

#exam_date .section_inner .next_and_order .next_date > dd .next_exam .exam_date,
#exam_date .section_inner .next_and_order .next_date > dd .exam_apply .exam_date {
  font-size: 1.4rem;
  font-weight: bold;
  color: #ce2c2c;
}

#exam_date .section_inner .next_and_order .next_date > dd .next_exam .order_title,
#exam_date .section_inner .next_and_order .next_date > dd .exam_apply .order_title {
  font-size: 0.9rem;
  background: #9669EA;
}

#exam_date .section_inner .next_and_order .next_date > dd .next_exam .apply_date,
#exam_date .section_inner .next_and_order .next_date > dd .exam_apply .apply_date {
  font-size: 1.1rem;
  font-weight: bold;
  color: #333;
}

#exam_date .section_inner .next_and_order .next_date > dd .next_exam {
  padding-bottom: 10px;
  border-bottom: 1px dotted #ccc;
}

#exam_date .section_inner .next_and_order .next_date > dd .exam_apply {
  margin-top: 10px;
}

#exam_date .section_inner .date_list {
  margin: 50px auto 0 auto;
  padding: 0;
  /* width: 100%; */
  width: 90%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

#exam_date .section_inner .date_list::after {
  content: '';
  display: block;
  width: calc(97% / 3);
}

#exam_date .section_inner .date_list > li {
  margin: 0 0 25px 0;
  padding: 0;
  /* width: calc(97% / 3); */
  width: calc(97% / 2);
  background: #fff;
}

#exam_date .section_inner .date_list > li.fin_exam {
  /* filter: brightness(0.8); */
  display: none;
}

#exam_date .section_inner .date_list > li .date_detail_wrap {
  margin: 0;
  padding: 0;
  width: 100%;
}

#exam_date .section_inner .date_list > li .date_detail_wrap > dt {
  margin: 0;
  padding: 12px 20px;
  width: 100%;
  font-size: 1.1rem;
  color: #fff;
  background: #8fa4e7;
}

#exam_date .section_inner .date_list > li .date_detail_wrap > dd {
  margin: 0;
  padding: 20px 20px 10px 20px;
  width: 100%;
}

#exam_date .section_inner .date_list > li .date_detail_wrap > dd .date_detail {
  margin: 0 auto;
  padding: 0;
  width: 100%;
}

#exam_date .section_inner .date_list > li .date_detail_wrap > dd .date_detail > dt {
  margin: 0;
  padding: 7px 20px;
  width: 100%;
  font-size: 0.9rem;
  font-weight: bold;
  color: #0d31a7;
  background: #e9e7fc;
}

#exam_date .section_inner .date_list > li .date_detail_wrap > dd .date_detail > dd {
  margin: 0 0 7px 0;
  padding: 10px 15px;
  width: 100%;
  font-size: 1rem;
  color: #333;
  border-bottom: 1px dotted #ddd;
}

#exam_date .section_inner .date_list > li .date_detail_wrap > dd .date_detail > dd:last-child {
  border-bottom: none;
}

#exam_date .section_inner .date_list > li .date_detail_wrap > dd .date_detail > dd.do_exam {
  font-size: 1.2rem;
  font-weight: bold;
}

.other_exam_date {
	margin: 0 auto;
	padding: 0;
	width: 90%;
}

/**
 * list-style: none; ←デフォルト三角削除（Chrome非対応）
 * cursor: pointer; ←カーソルをポインターに
**/
.other_exam_date summary {
	position: relative;
	display: block;
	padding: 20px;
	color: #242323;
	font-size: 1.2rem;
	font-weight: bold;
	background: #cdd8fd;
	list-style: none;
	cursor: pointer;
}
/**
* Chrome用のデフォルト三角削除
**/
.other_exam_date summary::-webkit-details-marker {
	display: none;
}

/**
 * Font Awesomeのプラスアイコン使用
**/
.other_exam_date summary::before {
	font-family: "Font Awesome 5 free";
	content: '\f067';
	margin-right: 20px;
}

.other_exam_date[open] .date_list {
	animation: fadeIn 0.8s ease;
}

@keyframes fadeIn {
	0% {
		opacity: 0; /* 透明 */
		transform: translateY(-10px); /* 上から表示 */
	}
	100% {
		opacity: 1;
		transform: none;
	}
}

.other_exam_date[open] summary::before {
	content: '\f068';
}

/**
* 資格コラム
*----------------------------------------------*/
#shikaku_column .section_inner .column_contents {
  position: relative;
  margin: 0 auto 50px auto;
  padding: 0;
  width: 100%;
  height: 500px;
  display: flex;
  align-items: center;
  flex-direction: row;
}

#shikaku_column .section_inner .column_contents.img_left {
  flex-direction: row-reverse;
}

#shikaku_column .section_inner .column_contents.img_left .column_img {
  position: absolute;
  top: 0;
  left: 0;
}

#shikaku_column .section_inner .column_contents.img_left .column_txt_area {
  padding: 25px 0 25px 25px;
}

#shikaku_column .section_inner .column_contents.img_left .column_txt_area .column_title {
  text-align: right;
}

#shikaku_column .section_inner .column_contents:last-child {
  margin-bottom: 0;
}

#shikaku_column .section_inner .column_contents .column_img {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
  width: 30%;
  height: 500px;
  overflow: hidden;
}

#shikaku_column .section_inner .column_contents .column_img > img {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
}

#shikaku_column .section_inner .column_contents .column_txt_area {
  margin: 0;
  padding: 25px 25px 25px 0;
  flex-basis: 80%;
  z-index: 1;
  background: rgba(255, 255, 255, 0.6);
  border-radius: 7px;
}

#shikaku_column .section_inner .column_contents .column_txt_area .column_title {
  position: relative;
  margin: 0 0 20px 0;
  padding: 0;
  width: 100%;
  font-size: 1.6rem;
  font-weight: bold;
  color: #1e4ba0;
}

#shikaku_column .section_inner .column_contents .column_txt_area .column_title::before {
  content: '';
  margin-right: 15px;
  border: 4px solid #2d678d;
}

#shikaku_column .section_inner .column_contents .column_txt_area .column_txt {
  font-size: 1rem;
  color: #222;
  line-height: 1.8rem;
}

/**
* 資格の監修
*----------------------------------------------*/
#shikaku_supervision .section_inner {
  padding: 0 40px 20px 40px;
  border: 1px solid #79b2e0;
  border-radius: 6px;
}

#shikaku_supervision .section_inner .supervision_person {
  margin: 30px auto 0 auto;
  padding: 0;
  width: 100%;
}

#shikaku_supervision .section_inner .supervision_person > li {
  margin: 0 0 10px 0;
  padding: 30px 40px;
  width: 100%;
  background: #f2f9ff;
  border-radius: 5px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

#shikaku_supervision .section_inner .supervision_person > li .person_photo {
  margin: 0;
  padding: 0;
  width: 20%;
  height: 220px;
  overflow: hidden;
}

#shikaku_supervision .section_inner .supervision_person > li .person_photo > img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

#shikaku_supervision .section_inner .supervision_person > li .detail {
  margin: 0;
  padding: 0;
  width: 75%;
}

#shikaku_supervision .section_inner .supervision_person > li .detail > dt {
  margin: 0;
  padding: 0 0 0 15px;
  width: 100%;
  font-size: 1.6rem;
  color: #1d6a91;
  border-left: 10px solid #1d6a91;
}

#shikaku_supervision .section_inner .supervision_person > li .detail > dd {
  margin: 20px auto 0 auto;
  padding: 0;
  width: 100%;
}

#shikaku_supervision .section_inner .supervision_person > li .detail > dd > p {
  margin: 0;
  padding: 0;
  width: 100%;
  font-size: 1rem;
  line-height: 1.6rem;
}

#shikaku_supervision .section_inner .supervision_person > li .detail > dd > p + p {
  margin-top: 1rem;
}

/**
* 関連の資格
*----------------------------------------------*/
#related_shikaku {
  background: #EAF5F7;
}

#related_shikaku .section_inner .related_list {
  position: relative;
  margin: 0 auto;
  padding: 0;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

#related_shikaku .section_inner .related_list::before {
  content: '';
  display: block;
  width: calc(98% / 4);
  order: 1;
}

#related_shikaku .section_inner .related_list::after {
  content: '';
  display: block;
  width: calc(98% / 4);
}

#related_shikaku .section_inner .related_list > li {
  margin: 0 0 10px 0;
  padding: 0;
  width: calc(98% / 4);
  height: 160px;
}

#related_shikaku .section_inner .related_list > li > a {
  display: block;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}

#related_shikaku .section_inner .related_list > li > a:hover {
  transition: all 0.5s ease;
}

#related_shikaku .section_inner .related_list > li > a:hover .related_img {
  transform: scale(1.2, 1.2);
}

#related_shikaku .section_inner .related_list > li > a:hover .related_cont .related_title {
  color: #A82525;
}

#related_shikaku .section_inner .related_list > li > a .related_cont {
  position: relative;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

#related_shikaku .section_inner .related_list > li > a .related_cont .related_img {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 5px;
  transition: all 0.5s ease;
}

#related_shikaku .section_inner .related_list > li > a .related_cont .related_img > img {
  object-fit: cover;
  width: 100%;
}

#related_shikaku .section_inner .related_list > li > a .related_cont .related_title {
  position: absolute;
  top: 80%;
  left: 50%;
  transform: translate(-50%, -80%);
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: 0;
  width: 90%;
  height: 50px;
  font-size: 0.9rem;
  font-weight: bold;
  color: #124D62;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 8px;
}

.section_inner .page_summary {
  display: inline-block;
  margin: 0 auto;
  padding: 0;
  width: 100%;
  font-size: 1rem;
  font-weight: bold;
  color: #316593;
  text-align: center;
  line-height: 2rem;
}

/**
* 合否結果照会
*----------------------------------------------*/
#gouhi .section_inner .gouhi_form {
  margin: 50px auto 0 auto;
  padding: 50px 20%;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  background: #EAF1F7;
  border-radius: 8px;
}

#gouhi .section_inner .gouhi_form .gouhi_illust {
  margin: 0 auto;
  padding: 0;
  width: 20%;
}

#gouhi .section_inner .gouhi_form .gouhi_illust > img {
  max-width: 100%;
  height: auto;
}

#gouhi .section_inner .gouhi_form .gouhi_form_cont {
  margin: 30px 0 0 0;
  padding: 0;
  width: 75%;
}

#gouhi .section_inner .gouhi_form .gouhi_form_cont > dt {
  margin: 0 0 10px 0;
  padding: 0;
  width: 100%;
  font-size: 1.1rem;
  font-weight: bold;
  color: #316593;
}

#gouhi .section_inner .gouhi_form .gouhi_form_cont > dd {
  margin: 0;
  padding: 0;
  width: 100%;
}

#gouhi .section_inner .gouhi_form .gouhi_form_cont > dd > input {
  margin: 0;
  padding: 8px 10px;
  width: 70%;
  font-size: 1.2rem;
  border: 1px solid #ddd;
  border-radius: 5px;
}

#gouhi .section_inner .gouhi_form .confirm_btn {
  margin: 30px auto 0 auto;
  padding: 0;
  width: 100%;
  text-align: center;
}

#gouhi .section_inner .gouhi_form .confirm_btn > button {
  position: relative;
  margin: 0;
  padding: 10px 0;
  width: 330px;
  height: 50px;
  font-size: 1.2rem;
  color: #fff;
  background: #329A3A;
  border-radius: 4px;
}

#gouhi .section_inner .gouhi_form .confirm_btn > button::after {
  content: url("images/common/page_orderbtn_arrow.svg");
  position: absolute;
  top: 60%;
  right: 10%;
  transform: translateY(-60%);
}

#gouhi .section_inner .gouhi_form .confirm_btn > button:hover {
  background: #1d7725;
  transition: all 0.3s ease;
}

#gouhi .section_inner .result_area {
  margin: 50px auto 80px auto;
  padding: 50px 0;
  width: 100%;
  text-align: center;
  border-radius: 5px;
}

#gouhi .section_inner .result_area.result_area_pass {
  background: #FFFEF5;
  border: 15px solid #FFFCE3;
}

#gouhi .section_inner .result_area.result_area_fail {
  padding: 30px 0 50px 0;
  background: #F5F5F5;
  border: 15px solid #E0E0E0;
}

#gouhi .section_inner .result_area .pass_img {
  margin: 0 auto;
  padding: 0;
  width: 100%;
}

#gouhi .section_inner .result_area .pass_img > img {
  max-width: 100%;
  height: auto;
}

#gouhi .section_inner .result_area .exam_number {
  margin: 30px auto 0 auto;
  padding: 15px 0;
  width: 30%;
  font-size: 1.4rem;
  font-weight: bold;
  color: #933131;
  background: #FFEBEB;
  border-radius: 5px;
}

#gouhi .section_inner .result_area .result_txt {
  margin: 20px auto 0 auto;
  padding: 20px 0;
  width: 30%;
  font-size: 2.6rem;
  font-weight: bold;
}

#gouhi .section_inner .result_area .result_txt.result_pass {
  color: #CE3D3D;
  background: #FFF2D9;
}

#gouhi .section_inner .result_area .result_txt.result_fail {
  color: #26518B;
  background: #D9E9FF;
}

#gouhi .section_inner .result_area .result_summary {
  margin: 30px auto 0 auto;
  padding: 0;
  width: 100%;
  font-weight: bold;
  color: #316593;
  text-align: center;
  line-height: 2rem;
}

#gouhi .section_inner .result_area .result_summary.summary_pass {
  font-size: 1.2rem;
}

#gouhi .section_inner .result_area .result_summary.summary_fail {
  font-size: 1rem;
}

#gouhi .section_inner .result_area .result_summary .result_red {
  color: #CE3D3D;
}

#gouhi .section_inner .result_area .shikaku_link_btn {
  margin: 60px auto 0 auto;
  padding: 0;
  width: 330px;
  height: 50px;
  text-align: center;
}

#gouhi .section_inner .result_area .shikaku_link_btn > a {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  margin: 0;
  padding: 10px 0;
  width: 100%;
  height: 100%;
  font-size: 1.2rem;
  color: #fff;
  background: #329A3A;
  border-radius: 4px;
}

#gouhi .section_inner .result_area .shikaku_link_btn > a::after {
  content: url("images/common/page_orderbtn_arrow.svg");
  position: absolute;
  top: 60%;
  right: 10%;
  transform: translateY(-60%);
}

#gouhi .section_inner .result_area .shikaku_link_btn > a:hover {
  background: #1d7725;
  transition: all 0.3s ease;
}

#gouhi .section_inner .nintei_order_area {
  margin: 30px auto 0 auto;
  padding: 0;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

#gouhi .section_inner .nintei_order_area .order_ninteisyo,
#gouhi .section_inner .nintei_order_area .order_ninteicard {
  margin: 30px 0 0 0;
  padding: 0 0 20px 0;
  width: 49%;
  text-align: center;
  border: 1px solid #ddd;
  border-radius: 5px;
}

#gouhi .section_inner .nintei_order_area .order_ninteisyo .order_nintei_title,
#gouhi .section_inner .nintei_order_area .order_ninteicard .order_nintei_title {
  margin: 0;
  padding: 15px 0;
  width: 100%;
  font-size: 1.4rem;
  font-weight: bold;
  color: #fff;
  text-align: center;
  background: #5299BF;
}

#gouhi .section_inner .nintei_order_area .order_ninteisyo .nintei_img,
#gouhi .section_inner .nintei_order_area .order_ninteicard .nintei_img {
  margin: 30px auto 0 auto;
  padding: 0;
  width: 100%;
  height: 180px;
}

#gouhi .section_inner .nintei_order_area .order_ninteisyo .nintei_img > img,
#gouhi .section_inner .nintei_order_area .order_ninteicard .nintei_img > img {
  max-width: 100%;
  height: auto;
}

#gouhi .section_inner .nintei_order_area .order_ninteisyo .nintei_txt,
#gouhi .section_inner .nintei_order_area .order_ninteicard .nintei_txt {
  margin: 20px auto 0 auto;
  padding: 0;
  width: 100%;
  font-size: 1rem;
  color: #333;
  text-align: center;
  line-height: 1.6rem;
}

#gouhi .section_inner .nintei_order_area .order_ninteisyo .nintei_txt .txt_red,
#gouhi .section_inner .nintei_order_area .order_ninteicard .nintei_txt .txt_red {
  color: #ff0000;
}

#gouhi .section_inner .nintei_order_area .order_ninteisyo .order_nintei_btn,
#gouhi .section_inner .nintei_order_area .order_ninteicard .order_nintei_btn {
  margin: 30px auto 0 auto;
  padding: 0;
  width: 330px;
  height: 50px;
  text-align: center;
}

#gouhi .section_inner .nintei_order_area .order_ninteisyo .order_nintei_btn > a,
#gouhi .section_inner .nintei_order_area .order_ninteicard .order_nintei_btn > a {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  margin: 0;
  padding: 10px 0;
  width: 100%;
  height: 100%;
  font-size: 1.2rem;
  color: #fff;
  background: #329A3A;
  border-radius: 4px;
}

#gouhi .section_inner .nintei_order_area .order_ninteisyo .order_nintei_btn > a::after,
#gouhi .section_inner .nintei_order_area .order_ninteicard .order_nintei_btn > a::after {
  content: url("images/common/page_orderbtn_arrow.svg");
  position: absolute;
  top: 60%;
  right: 10%;
  transform: translateY(-60%);
}

#gouhi .section_inner .nintei_order_area .order_ninteisyo .order_nintei_btn > a:hover,
#gouhi .section_inner .nintei_order_area .order_ninteicard .order_nintei_btn > a:hover {
  background: #1d7725;
  transition: all 0.3s ease;
}

#gouhi .gouhi_error {
  margin: 0 auto;
  padding: 0;
  width: 100%;
  font-size: 1rem;
  color: #000;
  text-align: center;
}

#gouhi .gouhi_error_link {
  display: block;
  margin: 30px auto 0 auto;
  padding: 0;
  width: 100%;
  text-align: center;
}

#gouhi .gouhi_error_link > a {
  color: #db7f15;
}

#gouhi .gouhi_error_link > a:hover {
  text-decoration: underline;
}

/**
* 受験申込み
* 合格認定証発行申込み
*----------------------------------------------*/
#shikaku_order .section_inner .area_wrapper,
#cert_order .section_inner .area_wrapper {
  margin: 40px auto 0 auto;
  padding: 0;
  width: 100%;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 8px;
}

#shikaku_order .section_inner .area_wrapper .shikaku_form_error,
#shikaku_order .section_inner .area_wrapper .type_form_error,
#cert_order .section_inner .area_wrapper .shikaku_form_error,
#cert_order .section_inner .area_wrapper .type_form_error {
  display: none;
  margin: 10px auto;
  padding: 8px 20px;
  width: 98%;
  font-size: 1rem;
  color: red;
  background: #fff;
  border: 1px solid red;
}

#shikaku_order .section_inner .area_wrapper .form_error,
#cert_order .section_inner .area_wrapper .form_error {
  display: none;
  margin: 0 0 10px 0;
  padding: 0;
  width: 100%;
  font-size: 1rem;
  color: red;
}

#shikaku_order .section_inner .area_wrapper .area_title,
#cert_order .section_inner .area_wrapper .area_title {
  margin: 0;
  padding: 15px 20px;
  width: 100%;
  font-size: 1rem;
  font-weight: bold;
  color: #fff;
  text-align: center;
  background: #316593;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

#shikaku_order .section_inner .area_wrapper .shikaku_list_area,
#cert_order .section_inner .area_wrapper .shikaku_list_area {
  margin: 10px auto;
  padding: 20px 30px;
  width: 98%;
  background: #f2fbff;
  border-radius: 5px;
}

#shikaku_order .section_inner .area_wrapper .shikaku_list_area .shikaku_category_name,
#cert_order .section_inner .area_wrapper .shikaku_list_area .shikaku_category_name {
  margin: 0;
  padding: 0 0 0 20px;
  width: 100%;
  font-size: 1.2rem;
  font-weight: bold;
  border-left: 12px solid #c1e3f1;
}

#shikaku_order .section_inner .area_wrapper .shikaku_list_area .list_lineup,
#cert_order .section_inner .area_wrapper .shikaku_list_area .list_lineup {
  margin: 30px auto 0 auto;
  padding: 0;
  width: 100%;
}

#shikaku_order .section_inner .area_wrapper .shikaku_list_area .list_lineup > li,
#cert_order .section_inner .area_wrapper .shikaku_list_area .list_lineup > li {
  display: inline-block;
  margin: 0 0 18px 0;
  padding: 0;
  width: calc(98% / 3);
  font-size: 1rem;
}

#shikaku_order .section_inner .area_wrapper .shikaku_list_area .list_lineup > li input[type="checkbox"],
#cert_order .section_inner .area_wrapper .shikaku_list_area .list_lineup > li input[type="checkbox"] {
  margin-right: 10px;
}

#shikaku_order .section_inner .area_wrapper .cert_lineup,
#cert_order .section_inner .area_wrapper .cert_lineup {
  margin: 10px auto;
  padding: 20px 30px;
  width: 98%;
  background: #fcf2ff;
}

#shikaku_order .section_inner .area_wrapper .cert_lineup > li,
#cert_order .section_inner .area_wrapper .cert_lineup > li {
  display: inline-block;
  margin: 0;
  padding: 0;
  width: 300px;
}

#shikaku_order .section_inner .area_wrapper .cert_lineup > li input[type="checkbox"],
#cert_order .section_inner .area_wrapper .cert_lineup > li input[type="checkbox"] {
  margin-right: 10px;
}

#shikaku_order .section_inner .area_wrapper .person_info,
#cert_order .section_inner .area_wrapper .person_info {
  margin: 20px auto;
  padding: 0;
  width: 98%;
  border-collapse: collapse;
}

#shikaku_order .section_inner .area_wrapper .person_info tr,
#cert_order .section_inner .area_wrapper .person_info tr {
  border-bottom: 2px solid #fff;
}

#shikaku_order .section_inner .area_wrapper .person_info tr:last-child,
#cert_order .section_inner .area_wrapper .person_info tr:last-child {
  border-bottom: none;
}

#shikaku_order .section_inner .area_wrapper .person_info th,
#cert_order .section_inner .area_wrapper .person_info th {
  position: relative;
  padding: 15px 30px;
  width: 20%;
  font-size: 1rem;
  color: #fff;
  text-align: left;
  background: #417fb6;
}

#shikaku_order .section_inner .area_wrapper .person_info th::after,
#cert_order .section_inner .area_wrapper .person_info th::after {
  content: '';
  display: block;
  position: absolute;
  top: calc(50% - 10px);
  right: -10px;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid #417fb6;
}

#shikaku_order .section_inner .area_wrapper .person_info th span,
#cert_order .section_inner .area_wrapper .person_info th span {
  position: absolute;
  top: 50%;
  right: 15%;
  transform: translateY(-50%);
  padding: 3px 10px;
  font-size: 0.8rem;
  font-weight: normal;
  color: #a81313;
  background: #fff;
  border: 1px solid #a81313;
  border-radius: 4px;
}

#shikaku_order .section_inner .area_wrapper .person_info td,
#cert_order .section_inner .area_wrapper .person_info td {
  padding: 15px 0 15px 30px;
  width: 70%;
  font-size: 1rem;
  text-align: left;
  background: #f6f6f6;
}

#shikaku_order .section_inner .area_wrapper .person_info td input[type="text"],
#shikaku_order .section_inner .area_wrapper .person_info td textarea,
#shikaku_order .section_inner .area_wrapper .person_info td select,
#cert_order .section_inner .area_wrapper .person_info td input[type="text"],
#cert_order .section_inner .area_wrapper .person_info td textarea,
#cert_order .section_inner .area_wrapper .person_info td select {
  font-size: 1rem;
  padding: 6px;
}

#shikaku_order .section_inner .area_wrapper .person_info td .sizeSS,
#cert_order .section_inner .area_wrapper .person_info td .sizeSS {
  width: 10%;
}

#shikaku_order .section_inner .area_wrapper .person_info td .sizeS,
#cert_order .section_inner .area_wrapper .person_info td .sizeS {
  width: 20%;
}

#shikaku_order .section_inner .area_wrapper .person_info td .sizeM,
#cert_order .section_inner .area_wrapper .person_info td .sizeM {
  width: 30%;
}

#shikaku_order .section_inner .area_wrapper .person_info td .sizeL,
#cert_order .section_inner .area_wrapper .person_info td .sizeL {
  width: 80%;
}

#shikaku_order .section_inner .order_confirm_btn,
#cert_order .section_inner .order_confirm_btn {
  margin: 50px auto 0 auto;
  padding: 0;
  width: 100%;
  text-align: center;
}

#shikaku_order .section_inner .order_confirm_btn > button,
#cert_order .section_inner .order_confirm_btn > button {
  position: relative;
  margin: 0;
  padding: 10px 0;
  width: 330px;
  height: 50px;
  font-size: 1.2rem;
  color: #fff;
  background: #329A3A;
  border-radius: 4px;
}

#shikaku_order .section_inner .order_confirm_btn > button::after,
#cert_order .section_inner .order_confirm_btn > button::after {
  content: url("images/common/page_orderbtn_arrow.svg");
  position: absolute;
  top: 60%;
  right: 10%;
  transform: translateY(-60%);
}

#shikaku_order .section_inner .order_confirm_btn > button:hover,
#cert_order .section_inner .order_confirm_btn > button:hover {
  background: #1d7725;
  transition: all 0.3s ease;
}

#shikaku_order .section_inner .sel_cert_list,
#cert_order .section_inner .sel_cert_list {
  margin: 15px auto;
  padding: 30px;
  width: 98%;
  font-size: 1rem;
  color: #000;
  background: #fcf2ff;
}

#shikaku_order .section_inner .sel_exam_list,
#cert_order .section_inner .sel_exam_list {
  margin: 15px auto;
  padding: 30px;
  width: 98%;
  font-size: 1rem;
  color: #000;
  background: #f2fbff;
}

#shikaku_order .section_inner .order_btn_area,
#cert_order .section_inner .order_btn_area {
  margin: 50px auto 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#shikaku_order .section_inner .order_btn_area .prev_back_btn,
#cert_order .section_inner .order_btn_area .prev_back_btn {
  padding: 0;
  width: 35%;
}

#shikaku_order .section_inner .order_btn_area .prev_back_btn > button,
#cert_order .section_inner .order_btn_area .prev_back_btn > button {
  position: relative;
  margin: 0;
  padding: 0;
  width: 130px;
  height: 30px;
  font-size: 1rem;
  color: #fff;
  background: #9a7e32;
  border-radius: 4px;
}

#shikaku_order .section_inner .order_btn_area .prev_back_btn > button:hover,
#cert_order .section_inner .order_btn_area .prev_back_btn > button:hover {
  background: #745d1f;
  transition: all 0.3s ease;
}

#shikaku_order .section_inner .order_btn_area .order_comp_btn,
#cert_order .section_inner .order_btn_area .order_comp_btn {
  margin: 0 auto;
  padding: 0;
  width: 100%;
  text-align: left;
  width: 65%;
}

#shikaku_order .section_inner .order_btn_area .order_comp_btn > button,
#cert_order .section_inner .order_btn_area .order_comp_btn > button {
  position: relative;
  margin: 0;
  padding: 10px 0;
  width: 330px;
  height: 50px;
  font-size: 1.2rem;
  color: #fff;
  background: #329A3A;
  border-radius: 4px;
}

#shikaku_order .section_inner .order_btn_area .order_comp_btn > button::after,
#cert_order .section_inner .order_btn_area .order_comp_btn > button::after {
  content: url("images/common/page_orderbtn_arrow.svg");
  position: absolute;
  top: 60%;
  right: 10%;
  transform: translateY(-60%);
}

#shikaku_order .section_inner .order_btn_area .order_comp_btn > button:hover,
#cert_order .section_inner .order_btn_area .order_comp_btn > button:hover {
  background: #1d7725;
  transition: all 0.3s ease;
}

/**
* お問い合わせ
*----------------------------------------------*/
.top_link_btn {
  margin: 60px auto 0 auto;
  padding: 0;
  width: 330px;
  height: 50px;
  text-align: center;
}

.top_link_btn > a {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  margin: 0;
  padding: 10px 0;
  width: 100%;
  height: 100%;
  font-size: 1.2rem;
  color: #fff;
  background: #329A3A;
  border-radius: 4px;
}

.top_link_btn > a::after {
  content: url("images/common/page_orderbtn_arrow.svg");
  position: absolute;
  top: 60%;
  right: 10%;
  transform: translateY(-60%);
}

.top_link_btn > a:hover {
  background: #1d7725;
  transition: all 0.3s ease;
}

/**
* 所在地
*----------------------------------------------*/
#place .section_inner .place_contents {
  margin: 0 auto;
  padding: 0;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

#place .section_inner .place_contents .place_detail {
  margin: 0;
  padding: 0;
  width: 65%;
  border-spacing: 10px;
}

#place .section_inner .place_contents .place_detail th {
  margin: 0;
  padding: 15px 20px;
  width: 30%;
  font-size: 1rem;
  font-weight: normal;
  color: #fff;
  text-align: left;
  background: #3666c0;
}

#place .section_inner .place_contents .place_detail td {
  margin: 0;
  padding: 15px;
  width: 70%;
  font-size: 1rem;
  color: #333;
  text-align: left;
  line-height: 1.6rem;
  border-bottom: 1px dotted #ddd;
}

#place .section_inner .place_contents .place_img {
  margin: 0;
  padding: 0;
  width: 35%;
  overflow: hidden;
}

#place .section_inner .place_contents .place_img > img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

/**
* 認定校募集
*----------------------------------------------*/
#ninteiko_summary .section_inner .ninteiko_summary_cont {
  margin: 0 auto;
  padding: 30px;
  width: 100%;
  border: 1px solid #9c6f54;
  border-radius: 6px;
  background: #fdf3ed;
}

#ninteiko_summary .section_inner .ninteiko_summary_cont > p {
  font-size: 1rem;
  color: #333;
  line-height: 1.8rem;
}

#ninteiko_summary .section_inner .ninteiko_summary_cont > p + p {
  margin-top: 1rem;
}

#ninteiko_summary .section_inner .ninteiko_summary_cont .ninteiko_category {
  margin: 20px auto;
  padding: 0;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

#ninteiko_summary .section_inner .ninteiko_summary_cont .ninteiko_category > li {
  display: flex;
  align-items: center;
  margin: 0 0 10px 0;
  padding: 0 20px;
  width: calc(98% / 2);
  height: 40px;
  font-size: 1.1rem;
  color: #5f2c0f;
  border: 1px solid #bb8c71;
  border-radius: 5px;
  background: #fce3d5;
}

#ninteiko_form {
  margin: 0 auto 50px auto;
  padding: 0;
}

#ninteiko_form .section_inner {
  padding: 40px 20px;
  border: 1px solid #ddd;
}

#ninteiko_form .section_inner .ninteiko_tbl {
  margin: 40px auto 20px auto;
  padding: 0;
  width: 98%;
  border-collapse: collapse;
}

#ninteiko_form .section_inner .ninteiko_tbl tr {
  border-bottom: 2px solid #fff;
}

#ninteiko_form .section_inner .ninteiko_tbl tr:last-child {
  border-bottom: none;
}

#ninteiko_form .section_inner .ninteiko_tbl th {
  position: relative;
  padding: 15px 30px;
  width: 25%;
  font-size: 1rem;
  color: #fff;
  text-align: left;
  background: #417fb6;
}

#ninteiko_form .section_inner .ninteiko_tbl th::after {
  content: '';
  display: block;
  position: absolute;
  top: calc(50% - 10px);
  right: -10px;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid #417fb6;
}

#ninteiko_form .section_inner .ninteiko_tbl th span {
  position: absolute;
  top: 50%;
  right: 10%;
  transform: translateY(-50%);
  padding: 3px 10px;
  font-size: 0.8rem;
  font-weight: normal;
  color: #a81313;
  background: #fff;
  border: 1px solid #a81313;
  border-radius: 4px;
}

#ninteiko_form .section_inner .ninteiko_tbl td {
  padding: 15px 0 15px 30px;
  width: 75%;
  font-size: 1rem;
  text-align: left;
  background: #f6f6f6;
}

#ninteiko_form .section_inner .ninteiko_tbl td input[type="checkbox"] {
  margin-left: 20px;
  margin-right: 10px;
}

#ninteiko_form .section_inner .ninteiko_tbl td input[type="text"],
#ninteiko_form .section_inner .ninteiko_tbl td input[type="email"] textarea,
#ninteiko_form .section_inner .ninteiko_tbl td select {
  font-size: 1rem;
  padding: 6px;
}

#ninteiko_form .section_inner .ninteiko_tbl td .sizeSS {
  width: 10%;
}

#ninteiko_form .section_inner .ninteiko_tbl td .sizeS {
  width: 20%;
}

#ninteiko_form .section_inner .ninteiko_tbl td .sizeM {
  width: 30%;
}

#ninteiko_form .section_inner .ninteiko_tbl td .sizeL {
  width: 80%;
}

#ninteiko_form .ninteiko_confirm_btn {
  margin: 50px auto 0 auto;
  padding: 0;
  width: 100%;
  text-align: center;
}

#ninteiko_form .ninteiko_confirm_btn > input {
  position: relative;
  margin: 0;
  padding: 10px 0;
  width: 330px;
  height: 50px;
  font-size: 1.2rem;
  color: #fff;
  background: #329A3A;
  border-radius: 4px;
  border: none;
  cursor: pointer;
}

#ninteiko_form .ninteiko_confirm_btn > input::after {
  content: url("images/common/page_orderbtn_arrow.svg");
  position: absolute;
  top: 60%;
  right: 10%;
  transform: translateY(-60%);
}

#ninteiko_form .ninteiko_confirm_btn > input:hover {
  background: #1d7725;
  transition: all 0.3s ease;
}

/**
* お支払い方法
*----------------------------------------------*/
#payment_summary .section_inner .payment_summary_cont {
  margin: 0 auto;
  padding: 30px;
  width: 100%;
  border: 1px solid #dae7f5;
  border-radius: 6px;
  background: #fff;
}

#payment_summary .section_inner .payment_summary_cont > p {
  font-size: 1rem;
  color: #333;
  text-align: center;
  line-height: 2rem;
}

#payment_summary .section_inner .payment_summary_cont > p .txt_red_bold {
  color: #ca2323;
  font-weight: bold;
}

#payment_summary .section_inner .payment_summary_cont .ecollect {
  margin: 20px auto 0 auto;
  padding: 0;
  width: 100%;
  text-align: center;
}

#payment_summary .section_inner .payment_summary_cont .ecollect > img {
  max-width: 100%;
  height: auto;
}

#payment_process {
  margin: 0 auto 80px auto;
  padding: 0;
}

#payment_process .section_inner .process_chart01,
#payment_process .section_inner .process_chart02 {
  margin: 0 auto;
  padding: 30px 30px 30px 140px;
  width: 80%;
  border: 1px solid #ddd;
  border-radius: 5px;
}

#payment_process .section_inner .process_chart01 > dt,
#payment_process .section_inner .process_chart02 > dt {
  margin: 0;
  padding: 0 0 8px 0;
  width: 100%;
  font-size: 1.4rem;
  font-weight: bold;
  color: #1f74b9;
  border-bottom: 1px solid #1f74b9;
}

#payment_process .section_inner .process_chart01 > dd,
#payment_process .section_inner .process_chart02 > dd {
  margin: 20px 0 0 0;
  padding: 0;
  width: 100%;
  font-size: 1rem;
  line-height: 1.6rem;
}

#payment_process .section_inner .process_chart01 .howto_order,
#payment_process .section_inner .process_chart02 .howto_order {
  margin: 30px auto 0 auto;
  padding: 0;
  width: 400px;
}

#payment_process .section_inner .process_chart01 .howto_order > a,
#payment_process .section_inner .process_chart02 .howto_order > a {
  display: block;
  margin: 0;
  padding: 10px 20px;
  width: 100%;
  height: 100%;
  font-size: 1rem;
  color: #fff;
  text-align: center;
  background: #1fb971;
  border-radius: 7px;
}

#payment_process .section_inner .process_chart01 .howto_order > a:hover,
#payment_process .section_inner .process_chart02 .howto_order > a:hover {
  background: #149458;
  transition: all 0.3s ease;
}

#payment_process .section_inner .process_chart01 {
  background: url("images/icon/icon_pay_process01.svg") 30px 30px no-repeat;
  background-size: 100px 100px;
}

#payment_process .section_inner .process_chart02 {
  background: url("images/icon/icon_pay_process02.svg") 30px center no-repeat;
  background-size: 100px 100px;
}

#payment_process .section_inner .process_arrow {
  margin: 30px auto;
  padding: 0;
  width: 3%;
}

/**
* 受験の流れ
*----------------------------------------------*/
#exam_process .section_inner .process_wrapper {
  margin: 0 auto;
  padding: 20px 30px;
  width: 100%;
  border: 1px solid #ddd;
  border-radius: 5px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

#exam_process .section_inner .process_wrapper:first-of-type {
  margin-top: 40px;
}

#exam_process .section_inner .process_wrapper .process_number {
  margin: 0;
  padding: 0;
  width: 10%;
  display: flex;
  align-items: center;
}

#exam_process .section_inner .process_wrapper .process_number > img {
  max-width: 100%;
  height: auto;
}

#exam_process .section_inner .process_wrapper .process_chart {
  margin: 0;
  padding: 0;
  width: 70%;
}

#exam_process .section_inner .process_wrapper .process_chart > dt {
  margin: 0;
  padding: 0 0 10px 0;
  width: 100%;
  font-size: 1.4rem;
  font-weight: bold;
  color: #1f74b9;
  border-bottom: 1px solid #1f74b9;
}

#exam_process .section_inner .process_wrapper .process_chart > dd {
  margin: 20px 0 0 0;
  padding: 0;
  width: 100%;
  font-size: 1rem;
  line-height: 1.6rem;
}

#exam_process .section_inner .process_wrapper .process_img {
  margin: 0;
  padding: 0;
  width: 14%;
}

#exam_process .section_inner .process_wrapper .process_img > img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

#exam_process .section_inner .process_arrow {
  margin: 30px auto;
  padding: 0;
  width: 3%;
}

/**
* 合格者専用ページ
*----------------------------------------------*/
#goukaku_ninteisyo .goukaku_wrapper {
  margin: 40px auto 0 auto;
  padding: 30px;
  width: 90%;
  border: 1px solid #ddd;
  border-radius: 8px;
}

#goukaku_ninteisyo .goukaku_wrapper .nintei_img_area {
  margin: 0 auto;
  padding: 0;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

#goukaku_ninteisyo .goukaku_wrapper .nintei_img_area .nintei_img {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 20px 0;
  width: 49%;
  background: #f7f9ff;
  border-radius: 8px;
}

#goukaku_ninteisyo .goukaku_wrapper .nintei_img_area .nintei_img > dt {
  margin: 0 0 20px 0;
  padding: 0;
  width: 100%;
  text-align: center;
}

#goukaku_ninteisyo .goukaku_wrapper .nintei_img_area .nintei_img > dt > img {
  max-width: 100%;
  height: auto;
}

#goukaku_ninteisyo .goukaku_wrapper .nintei_img_area .nintei_img > dd {
  margin: auto auto 10px auto;
  padding: 0;
  width: 100%;
  font-size: 1rem;
  font-weight: bold;
  text-align: center;
}

#goukaku_ninteisyo .goukaku_wrapper .nintei_img_area .nintei_img > dd > span {
  margin: 0 10px 0 0;
  padding: 6px 20px;
  font-size: 0.9rem;
  color: #fff;
  text-align: center;
  background: #104d86;
  border-radius: 5px;
}

#goukaku_ninteisyo .goukaku_wrapper .nintei_detail {
  margin: 20px auto 0 auto;
  padding: 0;
  width: 100%;
  border-spacing: 5px;
}

#goukaku_ninteisyo .goukaku_wrapper .nintei_detail th {
  margin: 0;
  padding: 15px 20px;
  width: 20%;
  font-size: 1rem;
  font-weight: normal;
  color: #fff;
  text-align: left;
  background: #104d86;
}

#goukaku_ninteisyo .goukaku_wrapper .nintei_detail td {
  margin: 0;
  padding: 15px 30px;
  width: 80%;
  font-size: 1rem;
  color: #333;
  line-height: 1.6rem;
  background: #fafafa;
}

#goukaku_ninteisyo .goukaku_wrapper .nintei_detail td > a {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  margin: 10px 0 0 0;
  padding: 0;
  width: 350px;
  height: 40px;
  font-size: 1rem;
  color: #fff;
  background: #329A3A;
  border-radius: 5px;
}

#goukaku_ninteisyo .goukaku_wrapper .nintei_detail td > a::after {
  content: url("images/common/page_orderbtn_arrow.svg");
  position: absolute;
  top: 70%;
  right: 7%;
  transform: translateY(-70%);
}

#goukaku_ninteisyo .goukaku_wrapper .nintei_detail td > a:hover {
  background: #1d7725;
  transition: all 0.3s ease;
}

#goukaku_ninteisyo .goukaku_wrapper .nintei_detail td .pay_img {
  margin: 10px auto 0 auto;
  padding: 0;
  width: 100%;
}

#goukaku_ninteisyo .goukaku_wrapper .nintei_detail td .pay_img > img {
  max-width: 100%;
  height: auto;
}

#goukaku_ninteisyo .goukaku_wrapper .nintei_detail td .txt_red_bold {
  color: #ca2323;
  font-weight: bold;
}

#goukaku_ninteisyo .goukaku_wrapper .about_photo {
  margin: 20px auto 0 auto;
  padding: 30px;
  width: 100%;
  background: #fdf2f2;
}

#goukaku_ninteisyo .goukaku_wrapper .about_photo > dt {
  margin: 0;
  padding: 0;
  width: 100%;
  font-size: 1.1rem;
  font-weight: bold;
  color: #862b10;
}

#goukaku_ninteisyo .goukaku_wrapper .about_photo > dd {
  margin: 15px 0 0 0;
  padding: 0;
  width: 100%;
  font-size: 1rem;
  color: #c75235;
}

#shikaku_proof {
  margin: 0 auto 80px auto;
  padding: 0;
}

#shikaku_proof .proof_area {
  margin: 0 auto;
  padding: 30px;
  width: 90%;
  border: 1px solid #ddd;
  border-radius: 8px;
}

#shikaku_proof .proof_area > dt {
  margin: 0;
  padding: 0;
  width: 100%;
  font-size: 1rem;
  font-weight: bold;
  color: #316593;
  text-align: center;
  line-height: 1.6rem;
}

#shikaku_proof .proof_area > dd {
  margin: 30px auto 0 auto;
  padding: 0;
  width: 100%;
  text-align: center;
}

#shikaku_proof .proof_area > dd > a {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  margin: 0 auto;
  padding: 0;
  width: 330px;
  height: 50px;
  font-size: 1.2rem;
  color: #fff;
  background: #329A3A;
  border-radius: 4px;
}

#shikaku_proof .proof_area > dd > a::after {
  content: url("images/common/page_orderbtn_arrow.svg");
  position: absolute;
  top: 60%;
  right: 7%;
  transform: translateY(-60%);
}

#shikaku_proof .proof_area > dd > a:hover {
  background: #1d7725;
  transition: all 0.3s ease;
}

/**
* 資格認定証について
*----------------------------------------------*/
#proof_banner .section_inner .section_sub_title {
  font-size: 1.6rem;
}

#proof_banner .section_inner .section_summary {
  margin: 40px auto 0 auto;
  padding: 0;
  width: 100%;
  font-size: 1rem;
  color: #000;
  line-height: 1.5rem;
}

#proof_banner .section_inner .arrow_triangle_lg {
  margin: 40px auto 40px auto;
  padding: 0;
  width: 0;
  height: 0;
  border-left: 25px solid transparent;
  border-right: 25px solid transparent;
  border-top: 30px solid #A31D94;
}

#proof_banner .section_inner .merit_wrapper {
  margin: 50px auto 0 auto;
  padding: 30px;
  width: 100%;
  border: 1px solid #ddd;
  border-radius: 8px;
}

#proof_banner .section_inner .merit_wrapper .banner_merit {
  margin: 50px auto 0 auto;
  padding: 0;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

#proof_banner .section_inner .merit_wrapper .banner_merit > li {
  margin: 0;
  padding: 0;
  width: calc(92% / 3);
}

#proof_banner .section_inner .merit_wrapper .banner_merit > li .merit_cont {
  margin: 0 auto;
  padding: 0;
  width: 100%;
}

#proof_banner .section_inner .merit_wrapper .banner_merit > li .merit_cont dt {
  margin: 0 auto 30px auto;
  padding: 35px 0 0 0;
  width: 100%;
  height: 140px;
  font-size: 1.6rem;
  color: #fff;
  text-align: center;
  box-sizing: border-box;
}

#proof_banner .section_inner .merit_wrapper .banner_merit > li .merit_cont dt .title_en {
  display: block;
  margin: 0;
  padding: 0;
  width: 100%;
  font-size: 1rem;
  color: #fff;
  text-align: center;
}

#proof_banner .section_inner .merit_wrapper .banner_merit > li .merit_cont .arrow_triangle {
  margin: 20px auto;
  padding: 0;
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-top: 20px solid #1D66A3;
}

#proof_banner .section_inner .merit_wrapper .banner_merit > li .merit_cont > dd {
  margin: 0 auto;
  padding: 20px;
  box-sizing: border-box;
  width: 100%;
  font-size: 0.9rem;
  color: #000;
  line-height: 1.5rem;
  border: 1px solid #3D678B;
  border-radius: 5px;
}

#proof_banner .section_inner .merit_wrapper .banner_merit .merit01 .merit_cont dt {
  background: url("images/proof/merit01_bg.png") center no-repeat;
}

#proof_banner .section_inner .merit_wrapper .banner_merit .merit02 .merit_cont dt {
  background: url("images/proof/merit02_bg.png") center no-repeat;
}

#proof_banner .section_inner .merit_wrapper .banner_merit .merit03 .merit_cont dt {
  background: url("images/proof/merit03_bg.png") center no-repeat;
}

#proof_banner .section_inner .merit_wrapper .blog_exp {
  margin: 0 auto;
  padding: 30px;
  box-sizing: border-box;
  width: 100%;
  background: #F5F7F8;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

#proof_banner .section_inner .merit_wrapper .blog_exp .exp_left {
  margin: 0;
  padding: 0;
  width: 50%;
}

#proof_banner .section_inner .merit_wrapper .blog_exp .exp_left > img {
  max-width: 100%;
  height: auto;
}

#proof_banner .section_inner .merit_wrapper .blog_exp .exp_right {
  margin: 0;
  padding: 0;
  width: 46%;
}

#proof_banner .section_inner .merit_wrapper .blog_exp .exp_right > p {
  display: block;
  margin: 20px 0 30px 0;
  padding: 0;
  width: 100%;
  font-size: 1rem;
  color: #17496b;
  line-height: 1.8rem;
}

#proof_banner .section_inner .merit_wrapper .blog_exp .exp_right .banner_img {
  margin: 0;
  padding: 0;
  width: 100%;
  text-align: center;
}

#proof_banner .section_inner .merit_wrapper .blog_exp .exp_right .banner_img > img {
  max-width: 100%;
  height: auto;
}

#proof_banner .section_inner .proof_select_wrapper {
  margin: 40px auto 0 auto;
  padding: 30px;
  width: 100%;
  border: 1px solid #ddd;
  border-radius: 8px;
}

#proof_banner .section_inner .proof_select_wrapper .shikaku_list {
  margin: 30px auto 0 auto;
  padding: 0;
  width: 100%;
}

#proof_banner .section_inner .proof_select_wrapper .shikaku_list > dt {
  margin: 0;
  padding: 8px 0;
  width: 100%;
  font-size: 1rem;
  color: #fff;
  text-align: center;
  background: #354C8C;
}

#proof_banner .section_inner .proof_select_wrapper .shikaku_list > dd {
  margin: 30px auto 20px auto;
  padding: 0;
  width: 96%;
}

#proof_banner .section_inner .proof_select_wrapper .shikaku_list > dd .shikaku_contents {
  margin: 0;
  padding: 0;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

#proof_banner .section_inner .proof_select_wrapper .shikaku_list > dd .shikaku_contents::after {
  content: '';
  display: block;
  width: calc(96% / 3);
}

#proof_banner .section_inner .proof_select_wrapper .shikaku_list > dd .shikaku_contents li {
  margin: 0 0 10px 0;
  padding: 0;
  width: calc(96% / 3);
  font-size: 1rem;
  color: #000;
}

#proof_banner .section_inner .proof_select_wrapper .shikaku_list > dd .shikaku_contents li label > input[type="radio"] {
  margin-right: 10px;
}

#proof_banner .section_inner .view_wrapper {
  margin: 40px auto 0 auto;
  padding: 30px;
  width: 100%;
  border: 1px solid #ddd;
  border-radius: 8px;
}

#proof_banner .section_inner .view_wrapper .view_address {
  margin: 60px auto 0 auto;
  padding: 0;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

#proof_banner .section_inner .view_wrapper .view_address .sec_left,
#proof_banner .section_inner .view_wrapper .view_address .sec_right {
  margin: 0;
  padding: 0;
  width: 48%;
}

#proof_banner .section_inner .view_wrapper .view_address .sec_left > h4,
#proof_banner .section_inner .view_wrapper .view_address .sec_right > h4 {
  margin: 0;
  padding: 8px 0;
  width: 100%;
  font-size: 1rem;
  color: #fff;
  text-indent: 20px;
  background: #1a6ab6;
  border-radius: 5px;
}

#proof_banner .section_inner .view_wrapper .view_address .sec_left > p,
#proof_banner .section_inner .view_wrapper .view_address .sec_right > p {
  margin: 10px auto 0 auto;
  padding: 0;
  width: 98%;
  font-size: 1rem;
  color: #000;
  line-height: 1.5rem;
}

#proof_banner .section_inner .view_wrapper .view_address .sec_left .example_img {
  margin: 30px auto 0 auto;
  padding: 0;
  width: 70%;
  text-align: center;
}

#proof_banner .section_inner .view_wrapper .view_address .sec_left .example_img > img {
  max-width: 100%;
  height: auto;
}

#proof_banner .section_inner .view_wrapper .view_address .sec_right .address_url {
  margin: 20px auto 0 auto;
  padding: 10px;
  box-sizing: border-box;
  width: 100%;
  height: 130px;
  font-size: 0.9rem;
  color: #000;
  line-height: 1.5rem;
  resize: none;
}

#proof_banner .section_inner .view_wrapper .view_address .sec_right .copy_btn {
  margin: 2% auto 0 auto;
  padding: 0;
  width: 100%;
  text-align: right;
}

#proof_banner .section_inner .view_wrapper .view_address .sec_right .copy_btn > button {
  margin: 0 auto;
  padding: 8px 0;
  width: 260px;
  font-size: 1.1rem;
  color: #fff;
  background: #184ea0;
  border: none;
  border-radius: 5px;
  cursor: pointer;
}

#proof_banner .section_inner .view_wrapper .view_address .sec_right .copy_btn > button:disabled {
  background: #ccc;
  cursor: not-allowed;
}

#proof_banner .section_inner .view_wrapper .view_address .sec_right .copy_btn > .copied {
  background: #1f5ee6;
}

#proof_banner .section_inner .view_wrapper .view_address .notice_area {
  margin: 50px auto 0 auto;
  padding: 20px;
  width: 100%;
  background: #F5F7F8;
}

#proof_banner .section_inner .view_wrapper .view_address .notice_area .notice {
  margin: 0;
  padding: 0;
  width: 100%;
}

#proof_banner .section_inner .view_wrapper .view_address .notice_area .notice > dt {
  margin: 0;
  padding: 0;
  width: 100%;
  font-size: 1.2rem;
  font-weight: bold;
  color: #084679;
  text-align: center;
}

#proof_banner .section_inner .view_wrapper .view_address .notice_area .notice > dd {
  margin: 10px auto 0 auto;
  padding: 0;
  width: 100%;
  font-size: 1rem;
  text-align: center;
  line-height: 1.7rem;
}

/**
* 特定商取引における表示
*----------------------------------------------*/
#tokutei_summary .section_inner {
  padding: 0 8%;
}

#tokutei_summary .section_inner .tokutei_summary_cont {
  margin: 0 auto;
  padding: 30px;
  width: 100%;
  font-size: 1rem;
  color: #333;
  line-height: 1.6rem;
  border: 1px solid #ccc;
  border-radius: 8px;
  background: #faffff;
}

#tokutei_summary .section_inner .tokutei_summary_cont .txt_bold {
  display: inline-block;
  margin-bottom: 3px;
  width: 100%;
  font-weight: bold;
}

#tokutei_summary .section_inner .tokutei_summary_cont .view_date {
  display: block;
  margin: 15px auto 0 auto;
  padding: 0;
  width: 100%;
  font-size: 1rem;
  text-align: right;
}

#tokutei_summary .section_inner .tokutei_tbl {
  margin: 40px auto 0 auto;
  padding: 0;
  width: 100%;
  border-spacing: 5px;
}

#tokutei_summary .section_inner .tokutei_tbl th {
  margin: 0;
  padding: 15px 20px;
  width: 25%;
  font-size: 1rem;
  font-weight: bold;
  color: #17496b;
  text-align: left;
  background: #c9dfee;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

#tokutei_summary .section_inner .tokutei_tbl td {
  margin: 0;
  padding: 15px 20px;
  width: 75%;
  font-size: 1rem;
  color: #333;
  line-height: 1.6rem;
  background: #fafafa;
}

/**
* 個人情報の取り扱いについて
*----------------------------------------------*/
#privacy .section_inner {
  padding: 0 8%;
}

#privacy .section_inner .privacy_summary {
  margin: 0 auto;
  padding: 0;
  width: 100%;
  font-size: 1rem;
  color: #333;
  line-height: 1.6rem;
}

#privacy .section_inner .privacy_list {
  margin: 30px auto 0 auto;
  padding: 30px;
  width: 100%;
  border: 1px solid #ddd;
  border-radius: 8px;
}

#privacy .section_inner .privacy_list > dt {
  margin: 0 0 15px 0;
  padding: 10px 2rem;
  width: 100%;
  font-size: 1.1rem;
  font-weight: bold;
  color: #333;
  background: #f8f8f8;
}

#privacy .section_inner .privacy_list > dd {
  margin: 0 0 25px 0;
  padding: 0 1rem 0 3.5rem;
  width: 100%;
  font-size: 1rem;
  color: #333;
  line-height: 1.8rem;
}

#privacy .section_inner .privacy_list > dd .sub_list {
  margin: 8px 0;
  padding: 0 0 0 1rem;
  width: 100%;
  list-style: disc;
  list-style-position: outside;
}

/**
* リンク
*----------------------------------------------*/
#kyokai_link .section_inner .link_list {
  margin: 0 auto;
  padding: 0;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

#kyokai_link .section_inner .link_list > li {
  margin: 0 0 10px 0;
  padding: 0;
  width: calc(98% / 2);
  height: 40px;
  border: 1px solid #b0cde9;
  border-left: 5px solid #b0cde9;
}

#kyokai_link .section_inner .link_list > li > a {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0 15px;
  width: 100%;
  height: 100%;
  font-size: 1rem;
  color: #174977;
  text-decoration: none;
}

#kyokai_link .section_inner .link_list > li > a:hover {
  background: #beddfa;
  transition: all 0.3s ease;
}

/* 202110追記 */

/**
* おすすめコラムリスト
*----------------------------------------------*/
#recommend_column {
  margin: 40px auto 0 auto;
  padding: 0;
  width: 100%;
}

#recommend_column .section_inner .list_contents {
  margin: 0 auto;
  padding: 30px 0;
  width: 100%;
  background: #f7faff;
}

#recommend_column .section_inner .list_contents li {
  margin: 0 auto 8px auto;
  padding: 0;
  width: 90%;
  list-style: disc;
  list-style-position: outside;
}

#recommend_column .section_inner .list_contents li > a {
  font-size: 1rem;
}

#recommend_column .section_inner .list_contents li > a:hover {
  color: #3a5f8f;
  text-decoration: underline;
}

/**
* 資格コラムページメインビジュアル
*----------------------------------------------*/
.column_main_visual {
  position: relative;
  margin: 0 auto;
  padding: 0;
  width: 100%;
  height: 420px;
  overflow: hidden;
}

.column_main_visual::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 20%, rgba(0, 0, 0, 0.5) 100%);
  mix-blend-mode: multiply;
  z-index: 1;
}

.column_main_visual > img {
  object-fit: cover;
  width: 100%;
  object-position: 0 -170px;
}

.column_main_visual .column_main_visual_inner {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  margin: 0 auto;
  padding: 0;
  height: 100%;
  z-index: 10;
}

.column_main_visual .column_main_visual_inner .sub_title {
  position: absolute;
  top: 24%;
  left: 0;
  margin: 0;
  padding: 8px 0;
  width: 330px;
  font-size: 1rem;
  color: #fff;
  text-align: center;
}

.column_main_visual .column_main_visual_inner .page_title {
  position: absolute;
  top: 45%;
  left: 0;
  margin: 0;
  padding: 0 0 0 30px;
  width: 100%;
  font-size: 2.4rem;
  font-weight: bold;
  color: #fff;
  letter-spacing: 0.1rem;
  border-left: 15px solid #316593;
}

/**
* 資格コラム
*----------------------------------------------*/
.post_date {
	margin: 0 auto;
	padding: 0;
	width: 100%;
	background: #f8f8f8;
}

.post_date .post_date_inner {
	margin: 0 auto;
	padding: 0.5em 0;
	width: 1200px;
	font-size: 1em;
	color: #000;
	text-align: right;
}

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

	.post_date .post_date_inner {
		width: 94%;
		font-size: 0.9em;
	}

}

.column_body {
  margin: 30px auto;
  padding: 0;
  width: 1200px;
}

/* コラムリード文 */
.column_body .column_lead {
  margin: 0;
  padding: 20px 30px;
  width: 100%;
  font-size: 1rem;
  line-height: 1.6rem;
  background: #d9eaf5;
}

/* 区切り線 */
.column_body .head_separate {
  height: 6px;
  border-width: 0;
  background-color: #fff;
  background-image: linear-gradient(-45deg, #2774a0 0px, #2774a0 2px, transparent 2px, transparent 4px, #2774a0 4px, #2774a0 6px, transparent 6px, transparent);
  background-size: 6px 6px;
}

/* ページ目次 */
.column_body .page_index {
  margin: 20px auto;
  padding: 0 40px 20px 40px;
  width: 100%;
  border: 2px solid #cedbe7;
}

.column_body .page_index > dt {
  margin: 0 auto;
  padding: 6px 0 10px 0;
  width: 20%;
  font-size: 1.2rem;
  color: #fff;
  text-align: center;
  background: #4b81b4;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.column_body .page_index > dd {
  margin: 20px auto 0 auto;
  padding: 0;
  width: 100%;
}

.column_body .page_index > dd ul.index_link {
  margin: 0 auto;
  padding: 0;
  width: 100%;
}

.column_body .page_index > dd ul.index_link li > a {
  color: #333;
  text-decoration: none;
}

.column_body .page_index > dd ul.index_link li > a:hover {
  color: #4b81b4;
  text-decoration: underline;
}

.column_body .page_index > dd ul.index_link .level_1 {
  margin: 20px 0 15px 0;
  padding: 0;
  width: 100%;
  font-size: 1.1rem;
}

.column_body .page_index > dd ul.index_link .level_2 {
  margin: 0 0 0 20px;
  padding: 0;
  width: 100%;
  font-size: 1rem;
}

.column_body .page_index > dd ul.index_link .level_2 + .level_2 {
  margin-top: 10px;
}

/* 見出し */
.column_body .section_midashi {
  position: relative;
  margin: 40px 0 0 0;
  padding: 10px 15px 10px 95px;
  width: 100%;
  font-size: 1.6rem;
  color: #0c3e66;
  background: #f9fafd;
  display: flex;
  align-items: center;
  text-align: left;
}

.column_body .section_midashi::before {
  content: attr(data-number);
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  width: 80px;
  height: 100%;
  font-size: 2rem;
  color: #fff;
  background: #376f9c;
}

.column_body .section_sub_midashi {
  position: relative;
  margin: 30px auto 15px auto;
  padding: 10px 20px 10px 110px;
  width: 100%;
  font-size: 1.3rem;
  color: #000;
  line-height: 1.9rem;
  border: 1px solid #f0dfe0;
}

.column_body .section_sub_midashi > span {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0;
  width: 80px;
  height: 100%;
  font-size: 1.3rem;
  font-weight: normal;
  color: #fff;
  text-align: center;
  background: #5e8eb6;
  display: flex;
  justify-content: center;
  align-items: center;
}

.column_body .section_sub_midashi > span::after {
  position: absolute;
  content: attr(sub-number);
  top: calc(50% - 8px);
  right: -12px;
  width: 0;
  height: 0;
  border-width: 8px 0 8px 12px;
  border-style: solid;
  border-color: transparent transparent transparent #5e8eb6;
}

.column_body .section_komidashi {
  position: relative;
  margin: 30px auto 20px auto;
  padding: 0 0 15px 0;
  width: 98%;
  font-size: 1.1rem;
  text-indent: 35px;
  color: #000;
  background-image: repeating-linear-gradient(90deg, #b6b6b6 0, #b6b6b6 2px, rgba(0, 0, 0, 0) 2px, rgba(0, 0, 0, 0) 4px);
  background-size: 4px 4px;
  background-repeat: repeat-x;
  background-position: center bottom;
}

.column_body .section_komidashi::before {
  position: absolute;
  top: 0.3em;
  left: 1%;
  z-index: 2;
  content: '';
  width: 13px;
  height: 13px;
  background-color: #101f40;
  transform: rotate(45deg);
}

/* コラムヘッド画像 */
.column_body .column_head_img {
  margin: 20px auto;
  padding: 0;
  width: 100%;
  height: 500px;
  overflow: hidden;
}

.column_body .column_head_img > img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

/* コラム内画像　*/
.column_body .column_img {
  margin: 20px auto 0 auto;
  padding: 0;
  /* width: 100%;
  height: 460px; */
  width: 700px;
  height: auto;
  overflow: hidden;
}

.column_body .column_img > img {
  object-fit: cover;
  max-width: 100%;
  height: auto;
}

.column_body .contents_lead,
.column_body .contents_txt,
.column_body .contents_sub_txt {
  margin: 20px auto;
  padding: 0;
  width: 100%;
  font-size: 0.95rem;
  color: #333;
  line-height: 1.8rem;
}

.column_body .contents_sub_txt {
	width: 96%;
}

.column_body .contents_txt > a,
.column_body .contents_sub_txt > a {
	color: #1c4d9d;
}

.column_body .contents_txt > a:hover,
.column_body .contents_sub_txt > a:hover {
	color: #881111;
}

/* 要件エリア */
.column_body .requirements {
	margin: 0;
	padding: 20px;
	width: 60%;
	font-size: 0.9rem;
	color: #333;
	line-height: 1.6rem;
	border: 1px solid #ddd;
}
/* 要件エリア　ここまで */

/* 講座概要テーブル */
.column_body .kouza_contents,
.column_body .kouza_contents_cl3 {
  margin: 0 auto;
  padding: 0;
  width: 60%;
  border-collapse: collapse;
  border-left: 1px solid #ddd;
}

.column_body .kouza_contents th,
.column_body .kouza_contents_cl3 th {
  margin: 0;
  padding: 10px 0;
  width: calc(100% / 4);
  font-size: 0.9rem;
  font-weight: normal;
  color: #fff;
  text-align: center;
  background: #3768a8;
  border-right: 1px solid #fff;
}

.column_body .kouza_contents_cl3 th {
  width: 40%;
}

.column_body .kouza_contents_cl3 th:first-child {
  width: 20%;
}


.column_body .kouza_contents th:last-child,
.column_body .kouza_contents_cl3 th:last-child {
  border-right: none;
}

.column_body .kouza_contents td,
.column_body .kouza_contents_cl3 td {
  margin: 0;
  padding: 10px 15px;
  font-size: 0.9rem;
  color: #333;
  line-height: 1.5rem;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

/* 講座概要テーブル　タイプ2 */
.column_body .kouza_contents_type02 {
  margin: 0 auto;
  padding: 0;
  width: 60%;
  border-collapse: collapse;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

.column_body .kouza_contents_type02 tr:last-child th,
.column_body .kouza_contents_type02 tr:last-child td {
  border-bottom: none;
}

.column_body .kouza_contents_type02 th {
  margin: 0;
  padding: 10px 30px;
  width: 30%;
  font-size: 0.9rem;
  font-weight: normal;
  color: #fff;
  text-align: left;
  background: #3768a8;
  border-bottom: 1px solid #fff;
}

.column_body .kouza_contents_type02 td {
  margin: 0;
  padding: 10px 15px;
  width: 35%;
  font-size: 0.9rem;
  color: #333;
  line-height: 1.5rem;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

/* 資格概要テーブル */
.column_body .shikaku_tbl {
	margin: 30px 0 0 0;
	padding: 0;
	width: 60%;
	border-collapse: collapse;
	border: 1px solid #ddd;
}

.column_body .shikaku_tbl.txt_center td {
	text-align: center;
}

.column_body .shikaku_tbl caption {
	margin: 0;
	padding: 8px 15px;
	width: 100%;
	font-size: 1.1rem;
	color: #fff;
	text-align: left;
	background: #49a06d;
}

.column_body .shikaku_tbl th.txt_center,
.column_body .shikaku_tbl td.txt_center {
	text-align: center;
}

.column_body .shikaku_tbl th {
	margin: 0;
	padding: 10px 15px;
	width: 30%;
	font-size: 0.9rem;
	font-weight: normal;
	text-align: left;
	background: #f0f0f0;
	border-bottom: 1px solid #fff;
}

.column_body .shikaku_tbl td {
	margin: 0;
	padding: 10px;
	width: 70%;
	font-size: 0.9rem;
	color: #333;
	line-height: 1.6rem;
	border-bottom: 1px solid #f0f0f0;
}

/* 均等2カラム */
.column_body .shikaku_tbl.column_even {
	margin-top: 30px;
	width: 50%;
}

.column_body .shikaku_tbl.column_even .tbl_head {
	text-align: center;
}

.column_body .shikaku_tbl.column_even .tbl_head,
.column_body .shikaku_tbl.column_even .tbl_cont {
	width: 50%;
}

.column_body .shikaku_tbl.column_even th + th,
.column_body .shikaku_tbl.column_even td + td {
	border-left: 1px solid #ddd;
}


/* 2カラム */
.column_body .shikaku_tbl.cl-2 {
	margin-top: 30px;
	width: 70%;
}

.column_body .shikaku_tbl.cl-2 .tbl_head1,
.column_body .shikaku_tbl.cl-2 .tbl_head2 {
	text-align: center;
}

.column_body .shikaku_tbl.cl-2 th + th {
	border-left: 1px solid #ddd;
}


.column_body .shikaku_tbl.cl-2 .tbl_head1,
.column_body .shikaku_tbl.cl-2 .tbl_cont1 {
	width: 25%;
}

.column_body .shikaku_tbl.cl-2 .tbl_head2,
.column_body .shikaku_tbl.cl-2 .tbl_cont2 {
	width: 75%;
}

.column_body .shikaku_tbl.cl-2 td + td {
	border-left: 1px solid #ddd;
}

/* 3カラム */
.column_body .shikaku_tbl.cl-3 {
	margin-top: 30px;
	width: 70%;
}

.column_body .shikaku_tbl.cl-3 th {
	width: 25%;
}

.column_body .shikaku_tbl.cl-3 td {
	width: calc(75% / 2);
}

.column_body .shikaku_tbl.cl-3 td.narrow {
	width: 10%;
}

.column_body .shikaku_tbl.cl-3 td.wide {
	width: 65%;
}

.column_body .shikaku_tbl.cl-3 td + td {
	border-left: 1px solid #ddd;
}

/* 4カラム */
.column_body .shikaku_tbl.cl-4 {
	width: 70%;
}

.column_body .shikaku_tbl.cl-4 th {
	width: 20%;
}

.column_body .shikaku_tbl.cl-4 td {
	width: calc(80% / 4);
}

.column_body .shikaku_tbl.cl-4 td + td {
	border-left: 1px solid #ddd;
}

/* 5カラム */
.column_body .shikaku_tbl.cl-5 {
	width: 70%;
}

.column_body .shikaku_tbl.cl-5 th {
	width: 20%;
}

.column_body .shikaku_tbl.cl-5 td {
	width: calc(80% / 4);
}

.column_body .shikaku_tbl.cl-5 td + td {
	border-left: 1px solid #ddd;
}
/* 資格概要テーブルここまで */

/* コラム囲みエリア */
.column_body .square_area {
	margin: 0;
	padding: 1.2em;
	width: 80%;
	font-size: 1rem;
	color: #444;
	line-height: 1.6rem;
	border: 1px solid #ddd;
}
/* コラム囲みエリアここまで */

/* 参考 */
.quote {
	margin: 8px 0 0 0;
	padding: 0;
	width: 60%;
	font-size: 0.9rem;
	color: #666;
	text-align: right;
}

.quote > a {
	color: #791010;
}

.quote > a:hover {
	color: #be2828;
}
/* 参考　ここまで */

/* 口コミエリア */
.shikaku_kuchikomi {
	margin: 30px auto 0 auto;
	padding: 15px;
	width: 100%;
	font-size: 0.9rem;
	color: #333;
	line-height: 1.6rem;
	border: 1px solid #ddd;
	border-radius: 5px;
}

.kuchikomi_quote {
	margin: 8px auto 0 auto;
	padding: 0;
	width: 100%;
	font-size: 0.8rem;
	text-align: right;
}

.kuchikomi_quote > a {
	color: #791010;
	text-decoration: none;
}

.kuchikomi_quote > a:hover {
	color: #be2828;
}
/* 口コミエリア　ここまで */

/* このような方におすすめ */
.column_body .recommend_txt {
	margin: 0 auto 30px auto;
	padding: 15px 20px;
	width: 100%;
	font-size: 0.9rem;
	color: #333;
	line-height: 1.6rem;
	/* background: #f9f8de; */
	border-left: 10px solid #efd294;
}
/* このような方におすすめ　ここまで */


.column_body .shikaku_kouza {
  margin: 20px auto;
  padding: 20px 40px;
  width: 60%;
  border: 1px solid #aeaddd;
  border-radius: 4px;
}

.column_body .shikaku_kouza > a > dt {
  position: relative;
  margin: 0;
  padding: 0 0 0 25px;
  width: 100%;
  font-size: 1rem;
  font-weight: bold;
  color: #2f31af;
}

.column_body .shikaku_kouza > a > dt::before {
  content: url("images/column/apply_btn_arrow.png");
  position: absolute;
  top: 2%;
  left: 0;
}

.column_body .shikaku_kouza > a > dd {
  margin: 10px 0 0 0;
  padding: 0;
  width: 100%;
  font-size: 1rem;
}

.column_body .shikaku_kouza > a:hover {
  color: #2f31af;
  text-decoration: underline;
}

.column_body .shikaku_intro {
  margin: 40px auto;
  padding: 0;
  width: 60%;
  background: #f5f7fc;
  border: 1px solid #abbeda;
}

.column_body .shikaku_intro > a {
  display: block;
  margin: 0;
  padding: 20px;
  width: 100%;
  height: 100%;
  text-decoration: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.column_body .shikaku_intro > a:hover {
  background: #deeaf8;
  transition: all 0.3s;
}

.column_body .shikaku_intro > a .intro_img {
  margin: 0;
  padding: 0;
  width: 30%;
  height: 130px;
  overflow: hidden;
}

.column_body .shikaku_intro > a .intro_img > img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.column_body .shikaku_intro .intro_detail {
  margin: 0;
  padding: 0;
  width: 65%;
}

.column_body .shikaku_intro .intro_detail .detail_cont {
  margin: 0;
  padding: 0;
  width: 100%;
}

.column_body .shikaku_intro .intro_detail .detail_cont > dt {
  margin: 0;
  padding: 5px 10px;
  width: 260px;
  font-size: 0.9rem;
  color: #fff;
  text-align: center;
  background: #8297d3;
  border-radius: 4px;
}

.column_body .shikaku_intro .intro_detail .detail_cont > .shikaku_name {
  margin: 10px 0 0 0;
  padding: 0;
  width: 100%;
  font-size: 1.3rem;
  font-weight: bold;
  color: #4b5fbb;
  line-height: 1.6rem;
}

.column_body .shikaku_intro .intro_detail .detail_cont > .shikaku_link_txt {
  position: relative;
  margin: 30px 0 0 0;
  padding: 10px 15px;
  width: 100%;
  font-size: 1rem;
  color: #4b5fbb;
  text-align: center;
  border: 1px solid #4b5fbb;
  border-radius: 5px;
}

/* 試験サマリーテーブル */
.exam_summary {
  margin: 0;
  padding: 0;
  width: 60%;
  border-collapse: collapse;
  border: 1px solid #ddd;
}

.exam_summary tr:last-child th,
.exam_summary tr:last-child td {
  border-bottom: none;
}

.exam_summary th {
  margin: 0;
  padding: 10px 20px;
  width: 30%;
  font-size: 0.9rem;
  font-weight: normal;
  text-align: left;
  line-height: 1.6rem;
  background: #e6e6e6;
  border-bottom: 1px solid #fff;
}

.exam_summary td {
  margin: 0;
  padding: 10px 20px;
  width: 70%;
  font-size: 0.9rem;
  line-height: 1.6rem;
  border-bottom: 1px solid #ddd;
}

.list_lineup {
  margin: 0 auto;
  padding: 0;
  width: 94%;
}

.list_lineup dt {
  margin: 0;
  padding: 10px 20px;
  width: 100%;
  font-size: 1rem;
  font-weight: bold;
  color: #333;
  background: #f8f8f8;
}

.list_lineup dd {
  margin: 0;
  padding: 20px;
  width: 100%;
  font-size: 0.9rem;
  color: #333;
  line-height: 1.5rem;
}


/**
* 関連コラムリスト
*----------------------------------------------*/
.related_column {
  margin: 40px auto;
  padding: 40px;
  width: 1200px;
  background: #f3f9fd;
}

.related_column .related_title {
  margin: 0 auto;
  padding: 8px 0 12px 0;
  width: 100%;
  font-size: 1.6rem;
  color: #41599b;
  text-align: center;
  border-top: 2px dotted #41599b;
  border-bottom: 2px dotted #41599b;
}

.related_column .related_column_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 40px auto 0 auto;
  padding: 0;
  width: 100%;
}

.related_column .related_column_list::after {
  content: '';
  width: calc(96% / 3);
  height: 0;
}

.related_column .related_column_list li {
  margin: 0 0 20px 0;
  padding: 0;
  width: calc(96% / 3);
  border: 1px solid #e5e9ee;
  background: #fff;
}

.related_column .related_column_list li > a {
  display: block;
  margin: 0;
  padding: 15px;
  width: 100%;
  height: 100%;
}

.related_column .related_column_list li > a:hover {
  background: #dee8f7;
  transition: all 0.3s;
  text-decoration: none;
}

.related_column .related_column_list li > a .column_list {
  margin: 0;
  padding: 0;
  width: 100%;
}

.related_column .related_column_list li > a .column_list .column_title {
  margin: 0 0 15px 0;
  padding: 0;
  width: 100%;
  font-size: 1rem;
  color: #41599b;
  line-height: 1.6rem;
}

.related_column .related_column_list li > a .column_list .column_image {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100px;
  overflow: hidden;
}

.related_column .related_column_list li > a .column_list .column_image > img {
  object-fit: cover;
  width: 100%;
  height: 100px;
}

.related_column .related_column_list li > a .column_list .column_summary {
  margin: 10px auto 0 auto;
  padding: 0;
  width: 100%;
  font-size: 0.9rem;
  color: #333;
  line-height: 1.4rem;
}

/* 202110追記ここまで */

/* 202207追記 */

/* INFORMATION */
*[data-info="info"] {
	background: #005c80;
}

*[data-info="shikaku"] {
	background: #c38b36;
}

*[data-info="press"] {
	background: #b556ba;
}


.information_area {
	margin: 50px auto 0 auto;
	padding: 0;
	width: 100%;
}

.information_area .information_title {
	margin: 0 auto;
	padding: 0;
	width: 100%;
	font-size: 1.6rem;
	font-weight: bold;
	color: #1365b1;
	text-align: center;
}

.information_area .information_list {
	margin: 30px auto 0 auto;
	padding: 20px 30px;
	width: 100%;
	border: 1px solid #ddd;
	background: #f9f9f9;
}

.information_area .information_list > li {
	margin: 0 0 10px 0;
	padding: 0;
	width: 100%;
	border-bottom: 1px dotted #ccc;
}

.information_area .information_list > li:last-child {
	border-bottom: none;
}

.information_area .information_list > li .info_cont {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	margin: 15px 0;
	padding: 0;
	width: 100%;
}

.information_area .information_list > li .info_cont .info_date {
	display: flex;
	align-items: center;
	margin: 0;
	padding: 0;
	width: 12%;
	font-size: 1.1rem;
	color: #333;
}

.information_area .information_list > li .info_cont .info_category {
	display: flex;
	align-items: center;
	margin: 0;
	padding: 0;
	width: 16%;
}

.information_area .information_list > li .info_cont .info_category .category_label {
	margin: 0;
	padding: 4px 15px;
	width: 140px;
	font-size: 0.82rem;
	color: #fff;
	text-align: center;
}

.information_area .information_list > li .info_cont .info_title {
	margin: 0;
	padding: 0;
	width: 72%;
}

.information_area .information_list > li .info_cont .info_title > a {
	font-size: 1rem;
	color: #333;
	text-align: left;
	line-height: 1.6rem;
}

.information_area .information_list > li .info_cont .info_title > a:hover {
	color: #888;
	transition: all 0.3s;
}


.information_area .information_list > li .info_cont .info_title .new_mark {
	margin: 0 10px 0 0;
	padding: 3px 15px;
	font-size: 0.9rem;
	color: #fff;
	background: red;
}

.information_area .info_all_link {
	margin: 30px auto 0 auto;
	padding: 0;
	width: 100%;
}

.information_area .info_all_link > a {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
	padding: 0;
	width: 300px;
	height: 40px;
	font-size: 1rem;
	color: #fff;
	background: #4880b5;
	border-radius: 4px;
}

.information_area .info_all_link > a:hover {
	background: #30679b;
	transition: all 0.3s;
}


/* INFORMATION一覧 */
.category_list {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	margin: 0 auto;
	padding: 20px;
	width: 100%;
	background: #fafafa;
}

.category_list > li {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0;
	padding: 0;
	width: calc(100% / 5);
	height: 50px;
	font-size: 1rem;
	color: #333;
	cursor: pointer;
	border: 1px solid #ddd;
	border-radius: 4px;
}

.category_list > li + li {
	margin-left: 10px;
}

.category_list > li.isActive {
	color: #fff;
	background: #4a7bab;
}

/* INFORMATION詳細 */
.news_title_area {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 8px auto 0 auto;
	padding: 0;
	width: 100%;
	background: #c3daf1;
	border-left: 8px solid #356493;
}

.news_title_area .news_title {
	margin: 0 auto;
	padding: 20px;
	width: 80%;
	font-size: 1.6rem;
	font-weight: bold;
	color: #204d7a;
	line-height: 2.4rem;
}

.news_title_area .news_category {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0;
	padding: 0;
	width: 18%;
}

.news_title_area .news_category .category_label {
	margin: 0;
	padding: 6px 0;
	width: 85%;
	font-size: 0.9rem;
	color: #fff;
	text-align: center;
}

.news_postdate {
	margin: 10px 0 0 0;
	padding: 0 10px 0 0;
	width: 100%;
	font-size: 1rem;
	text-align: right;
}

.news_contents {
	margin: 30px auto 0 auto;
	padding: 30px;
	width: 96%;
	font-size: 1rem;
	color: #333;
	line-height: 1.8rem;
	background: #fbfbfb;
	border: 1px solid #ddd;
	border-radius: 5px;
}

.news_contents > br {
	display: block;
	content: '';
	height: 5px;
}

.news_contents > a {
	color: #134881;
	text-decoration: underline;
	word-break: break-all ;
}

.news_list_back {
	display: flex;
	justify-content: flex-end;
	margin: 30px auto;
	padding: 0;
	width: 96%;
}

.news_list_back > a {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0;
	padding: 8px 0;
	width: 160px;
	font-size: 0.9rem;
	color: #fff;
	background: #7899bb;
	border-radius: 5px;
}

.news_list_back > a:hover {
	background: #5783b0;
	transition: all 0.3s;
}

/* 202207追記ここまで */


/*
スマートフォン
*---------------------------*/
@media screen and (max-width: 480px) {
  /**
* ページヘッダー部分
*----------------------------------------------*/
  div[class*="_inner"] {
    width: 96%;
  }
  header {
    height: 60px;
  }
  header .header_inner {
    column-gap: 0;
  }
  header .header_inner .header_logo {
    margin: 0 auto;
    padding: 0;
    width: 80%;
  }
  header .header_inner .header_logo > a {
    /* display: flex;
    justify-content: center;
    align-items: center;
    background: yellow; */
    text-align: right;
  }
  /* header .header_inner .header_logo > a > img { */
  header .header_inner .header_logo > a > picture > img {
    padding: 0;
    max-width: 90%;
    height: auto;
  }
  header .header_inner .header_menu {
    display: none;
  }
  header .header_inner .drawer-hidden {
    display: none;
  }
  header .header_inner .drawer-open {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 20%;
    height: 60px;
    z-index: 100;
    cursor: pointer;
  }
  header .header_inner .drawer-open span,
  header .header_inner .drawer-open span::before,
  header .header_inner .drawer-open span::after {
    content: '';
    position: absolute;
    display: block;
    width: 25px;
    height: 3px;
    background: #1574a0;
    border-radius: 3px;
    transition: 0.5s;
  }
  header .header_inner .drawer-open span::before {
    bottom: 8px;
  }
  header .header_inner .drawer-open span::after {
    top: 8px;
  }
  header .header_inner #drawer-check:checked ~ .drawer-open span {
    background: rgba(255, 255, 255, 0);
  }
  header .header_inner #drawer-check:checked ~ .drawer-open span::before {
    bottom: 0;
    transform: rotate(45deg);
    background: #fff;
  }
  header .header_inner #drawer-check:checked ~ .drawer-open span::after {
    top: 0;
    transform: rotate(-45deg);
    background: #fff;
  }
  header .header_inner .header_sp_menu {
    display: block;
    position: fixed;
    top: 0;
    left: 100%;
    padding: 80px 30px 0 30px;
    width: 100%;
    height: 100%;
    background: rgba(21, 116, 160, 0.9);
    transition: 0.5s;
    z-index: 99;
  }
  header .header_inner .header_sp_menu .menu01,
  header .header_inner .header_sp_menu .menu02 {
    margin: 0 auto;
    padding: 0;
    width: 100%;
  }
  header .header_inner .header_sp_menu .menu01 li,
  header .header_inner .header_sp_menu .menu02 li {
    position: relative;
    margin: 0 0 15px 0;
    padding: 0 0 8px 0;
    font-size: 1rem;
    color: #fff;
    border-bottom: 1px dotted #7bb4ce;
  }
  header .header_inner .header_sp_menu .menu01 li:last-child,
  header .header_inner .header_sp_menu .menu02 li:last-child {
    border-bottom: none;
  }
  header .header_inner .header_sp_menu .menu01 li.passed,
  header .header_inner .header_sp_menu .menu02 li.passed {
    padding-left: 140px;
  }
  header .header_inner .header_sp_menu .menu01 li.passed span,
  header .header_inner .header_sp_menu .menu02 li.passed span {
    display: block;
    position: absolute;
    top: 40%;
    left: 0;
    transform: translateY(-50%);
    margin: 0;
    padding: 4px 0;
    width: 130px;
    font-size: 0.9rem;
    color: #fff;
    text-align: center;
    background: #0b4f6e;
  }
  header .header_inner .header_sp_menu .menu02 {
    margin-top: 20px;
    border-top: 2px solid #a4d2e7;
  }
  header .header_inner .header_sp_menu .menu02 li:first-child {
    padding-top: 20px;
  }
  header .header_inner #drawer-check:checked ~ .header_sp_menu {
    left: 0;
  }
  /**
* ページフッター部分
*----------------------------------------------*/
  footer {
    padding: 30px 0 0 0;
  }
  footer .footer_upper .footer_logo_sns {
    width: 100%;
  }
  footer .footer_upper .footer_logo_sns > dt {
    width: 100%;
    text-align: center;
  }
  /* footer .footer_upper .footer_logo_sns > dt > a > img { */
  footer .footer_upper .footer_logo_sns > dt > a > picture > img {
    max-width: 80%;
  }
  footer .footer_upper .footer_logo_sns > dd {
    margin: 20px 0 0 0;
  }
  footer .footer_upper .footer_logo_sns > dd .sns_link {
    width: 40%;
  }
  footer .footer_upper .category_link {
    margin: 30px auto 0 auto;
    width: 90%;
  }
  footer .footer_upper .category_link > li {
    margin: 0 0 10px 0;
    width: calc(96% / 2);
  }
  footer .footer_upper .category_link > li > a {
    font-size: 0.8rem;
  }
  footer .footer_upper .category_link > li > a::before {
    margin-right: 10px;
  }
  footer .order_btn {
    margin: 20px auto 0 auto;
  }
  footer .footer_middle {
    padding: 20px;
    width: 94%;
  }
  footer .footer_middle > li {
    margin-bottom: 8px;
    width: calc(96% / 2);
    text-align: left;
  }
  footer .footer_middle > li > a {
    text-align: left;
  }
  footer .footer_lower {
    margin: 20px auto;
    padding: 0 20px;
    width: 94%;
  }
  footer .footer_lower > li {
    margin-bottom: 8px;
    width: 100%;
    text-align: left;
  }
  footer .copyright {
    margin: 0 auto;
    font-size: 0.8rem;
  }
  /**
* パンくずリスト
*----------------------------------------------*/
  .breadcrumbs {
    display: none;
  }
  /**
* トップに戻るボタン
*----------------------------------------------*/
  #page-top {
    bottom: 10px;
    right: 10px;
    z-index: 199;
  }
  #page-top > a:hover {
    opacity: 1;
  }
  /**
* セクション基本設定
*----------------------------------------------*/
  .section_area {
    padding: 40px 0;
  }
  /**
* H2タイトル設定
*----------------------------------------------*/
  .section_title {
    margin: 0 auto 50px auto;
    font-size: 1.5rem;
  }
  /**
* H3タイトル設定
*----------------------------------------------*/
  .section_sub_title {
    margin: 0 auto 20px auto;
    line-height: 1.8rem;
  }
  .sp_h3_line_base, .line_left::before, .line_center::before {
    content: '';
    position: absolute;
    bottom: -20px;
    width: 80px;
    height: 3px;
    border-radius: 4px;
    background: #176f8f;
  }
  .line_left::before {
    left: 0;
  }
  .line_center::before {
    left: calc(50% - 40px);
    background: #3664AC;
  }
  /**
* 下層ページメインナビゲーション
*----------------------------------------------*/
  .page_main_navi {
    display: none;
  }
  /**
* トップページメインビジュアル
*----------------------------------------------*/
  .top_main_visual {
    height: 380px;
  }
  .top_main_visual .main_visual_inner .main_navi {
    display: none;
  }
  .top_main_visual .main_visual_inner .sitename_area {
    top: 20%;
    transform: translateY(-20%);
  }
  .top_main_visual .main_visual_inner .sitename_area .site_name {
    font-size: 2rem;
  }
  .top_main_visual .main_visual_inner .sitename_area .site_summary {
    margin: 15px 0 0 0;
    width: 100%;
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .top_main_visual .main_visual_inner .next_exam_info {
    margin: 0 auto;
    bottom: 5%;
    left: 50%;
    transform: translateX(-50%);
    padding: 10px;
    width: 96%;
  }
  .top_main_visual .main_visual_inner .next_exam_info .n_exam_period > dt {
    width: 40%;
    font-size: 0.9rem;
  }
  .top_main_visual .main_visual_inner .next_exam_info .n_exam_period > dd {
    font-size: 1.2rem;
  }
  .top_main_visual .main_visual_inner .next_exam_info .n_exam_apply > dt {
    width: 40%;
    font-size: 0.8rem;
  }
  .top_main_visual .main_visual_inner .next_exam_info .n_exam_apply > dd {
    width: 60%;
    font-size: 0.9rem;
  }
  /**
* 協会インフォメーション
*----------------------------------------------*/
  #information .information_inner .information_contents .information_img {
    width: 100%;
    height: 180px;
    overflow: hidden;
  }
  #information .information_inner .information_contents .information_img > img {
    object-fit: cover;
    width: 100%;
  }
  #information .information_inner .information_contents .information_txt {
    padding: 30px 20px;
    width: 100%;
  }
  #information .information_inner .information_contents .information_txt > dt {
    font-size: 1.4rem;
    line-height: 2rem;
  }
  #information .information_inner .information_contents .information_txt > dt::before {
    width: 80px;
  }
  #information .information_inner .information_contents .information_txt > dd {
    margin: 40px 0 0 0;
  }
  #information .information_inner .information_contents .information_txt > dd > p {
    font-size: 0.9rem;
    line-height: 1.7rem;
  }
  #information .information_inner .information_contents .information_txt > dd > p + p {
    margin-top: 0.9rem;
  }
  /**
* 資格監修
*----------------------------------------------*/
  #supervision .section_inner .supervision_title {
    padding: 20px;
    font-size: 1.5rem;
    line-height: 2.2rem;
    letter-spacing: 0;
  }
  #supervision .section_inner .supervision_summary {
    margin: 20px auto 0 auto;
    width: 94%;
    font-size: 0.9rem;
    line-height: 1.5rem;
  }
  #supervision .section_inner .supervision_person {
    margin: 20px auto 0 auto;
  }
  #supervision .section_inner .supervision_person > li {
    margin: 0 auto 10px auto;
    width: 94%;
  }
  /**
* 資格一覧
*----------------------------------------------*/
  .top_shikaku_list_cont {
    padding: 30px 0;
  }
  .top_shikaku_list_cont .top_shikaku_list_cont_inner .shikaku_list_title {
    width: 100%;
  }
  .top_shikaku_list_cont .top_shikaku_list_cont_inner .shikaku_list_title > dt {
    font-size: 1.6rem;
    text-align: center;
  }
  .top_shikaku_list_cont .top_shikaku_list_cont_inner .shikaku_list_title .cat_shikaku_num {
    margin: 15px auto 0 auto;
  }
  .top_shikaku_list_cont .top_shikaku_list_cont_inner .shikaku_list_title .cat_shikaku_img {
    height: 180px;
  }
  .top_shikaku_list_cont .top_shikaku_list_cont_inner .shikaku_list_link {
    margin: 20px auto 0 auto;
    width: 100%;
  }
  .top_shikaku_list_cont .top_shikaku_list_cont_inner .shikaku_list_link > li > a {
    padding: 0 30px 0 10px;
    font-size: 0.85rem;
    line-height: 1.2rem;
  }
  .top_shikaku_list_cont .top_shikaku_list_cont_inner .shikaku_list_link > li > a::after {
    right: 5%;
  }
  /**
* ページメインビジュアル
*----------------------------------------------*/
  .page_main_visual {
    height: 280px;
  }
  .page_main_visual::before {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 20%, rgba(0, 0, 0, 0.5) 100%);
  }
  .page_main_visual > img {
    height: 100%;
    object-position: center center;
  }
  .page_main_visual .page_main_visual_inner .sub_title {
    top: 22%;
    padding: 6px 0;
    width: 220px;
    font-size: 0.8rem;
  }
  .page_main_visual .page_main_visual_inner .page_title {
    top: 39%;
    font-size: 1.5rem;
    text-indent: 15px;
    border-left: 10px solid #316593;
  }
  .page_main_visual .page_main_visual_inner > .order_btn > a > button {
    width: 280px;
    height: 50px;
    font-size: 1.1rem;
  }
  /**
* 資格ページメインビジュアル
*----------------------------------------------*/
  .shikaku_main_visual {
    height: 400px;
  }
  .shikaku_main_visual::before {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 5%, rgba(0, 0, 0, 0.7) 100%);
  }
  .shikaku_main_visual > img {
    height: 100%;
    object-position: center center;
  }
  .shikaku_main_visual .shikaku_main_visual_inner .sub_title {
    top: 12%;
    padding: 6px 0;
    width: 220px;
    font-size: 0.8rem;
  }
  .shikaku_main_visual .shikaku_main_visual_inner .page_title {
    top: 22%;
    padding-left: 15px;
    font-size: 1.5rem;
    text-indent: 0;
  }
  .shikaku_main_visual .shikaku_main_visual_inner > .order_btn {
    top: 45%;
  }
  .shikaku_main_visual .shikaku_main_visual_inner > .order_btn > a > button {
    width: 280px;
    height: 50px;
    font-size: 1.1rem;
  }
  .shikaku_main_visual .shikaku_main_visual_inner .page_index {
    bottom: 4%;
    flex-wrap: wrap;
  }
  .shikaku_main_visual .shikaku_main_visual_inner .page_index > li {
    width: calc(99% / 2);
    margin-bottom: 5px;
    height: 50px;
  }
  .shikaku_main_visual .shikaku_main_visual_inner .page_index > li + li {
    margin-left: 0;
  }
  .shikaku_main_visual .shikaku_main_visual_inner .page_index > li > a {
    padding: 8px 0 0 0;
    font-size: 0.8rem;
  }
  .shikaku_main_visual .shikaku_main_visual_inner .page_index > li > a::after {
    bottom: 10%;
  }
  .shikaku_main_visual .shikaku_main_visual_inner .page_index > li > a:hover {
    background: #f2f7f7;
    transition: all 0.3s ease;
  }
  /**
* 資格カテゴリーリンクリスト設定
*----------------------------------------------*/
  .sp_cat_inner_link_base, .shikaku_cat_inner_link, .nintei_cat_inner_link {
    margin: 40px auto 10px auto;
    padding: 20px 0;
  }
  .sp_cat_inner_link_base li, .shikaku_cat_inner_link li, .nintei_cat_inner_link li {
    margin: 0 0 5px 0;
    width: calc(98% / 2);
  }
  .sp_cat_inner_link_base li + li, .shikaku_cat_inner_link li + li, .nintei_cat_inner_link li + li {
    border-left: none;
  }
  .sp_cat_inner_link_base li:nth-of-type(5n + 1), .shikaku_cat_inner_link li:nth-of-type(5n + 1), .nintei_cat_inner_link li:nth-of-type(5n + 1) {
    border-left: none;
  }
  .sp_cat_inner_link_base li > a, .shikaku_cat_inner_link li > a, .nintei_cat_inner_link li > a {
    width: 100%;
    font-size: 0.8rem;
    border: 1px solid #ddd;
  }
  .shikaku_cat_inner_link {
    filter: none;
  }
  .nintei_cat_inner_link {
    border: none;
  }
  /**
* カテゴリーリスト
*----------------------------------------------*/
  .sp_category_list_base .list_wrapper, #category_list .list_wrapper, #nintei_list .list_wrapper {
    padding: 30px 15px;
  }
  .sp_category_list_base .list_wrapper .list_header, #category_list .list_wrapper .list_header, #nintei_list .list_wrapper .list_header {
    flex-direction: column-reverse;
  }
  .sp_category_list_base .list_wrapper .list_header .header_title, #category_list .list_wrapper .list_header .header_title, #nintei_list .list_wrapper .list_header .header_title {
    margin: 15px auto 0 auto;
    width: 100%;
  }
  .sp_category_list_base .list_wrapper .list_header .header_title > dt, #category_list .list_wrapper .list_header .header_title > dt, #nintei_list .list_wrapper .list_header .header_title > dt {
    font-size: 1.4rem;
  }
  .sp_category_list_base .list_wrapper .list_header .header_title > dt::before, #category_list .list_wrapper .list_header .header_title > dt::before, #nintei_list .list_wrapper .list_header .header_title > dt::before {
    bottom: -20px;
    background: #0063AC;
  }
  .sp_category_list_base .list_wrapper .list_header .header_title > dd, #category_list .list_wrapper .list_header .header_title > dd, #nintei_list .list_wrapper .list_header .header_title > dd {
    margin: 40px auto 0 auto;
    font-size: 0.9rem;
    line-height: 1.5rem;
  }
  .sp_category_list_base .list_wrapper .list_header .category_sub_img, #category_list .list_wrapper .list_header .category_sub_img, #nintei_list .list_wrapper .list_header .category_sub_img {
    width: 100%;
    height: 130px;
  }
  .sp_category_list_base .list_wrapper .list_lineup, #category_list .list_wrapper .list_lineup, #nintei_list .list_wrapper .list_lineup {
    margin: 30px auto 0 auto;
  }
  .sp_category_list_base .list_wrapper .list_lineup > li, #category_list .list_wrapper .list_lineup > li, #nintei_list .list_wrapper .list_lineup > li {
    width: 100%;
  }
  /**
* 資格認定制度概要
*----------------------------------------------*/
  #nintei_info .nintei_summary_area {
    padding: 30px 0;
  }
  #nintei_info .nintei_summary_area .nintei_summary_inner .nintei_img {
    width: 100%;
    text-align: center;
  }
  #nintei_info .nintei_summary_area .nintei_summary_inner .nintei_summary {
    margin: 20px auto 0 auto;
    width: 96%;
    line-height: 1.8rem;
  }
  /**
* その他の資格
*----------------------------------------------*/
  #other_shikaku .other_shikaku_inner .other_lineup > li {
    width: calc(98% / 2);
  }
  #other_shikaku .other_shikaku_inner .other_lineup > li > a .other_shikaku_img {
    height: 120px;
  }
  #other_shikaku .other_shikaku_inner .other_lineup > li > a .other_shikaku_img > img {
    width: 100%;
    height: 120px;
  }
  #other_shikaku .other_shikaku_inner .other_lineup > li > a .category_title {
    top: 65px;
    font-size: 0.8rem;
  }
  #other_shikaku .other_shikaku_inner .other_lineup > li > a .category_title > span {
    font-size: 0.9rem;
  }
  /**
* 資格試験情報
*----------------------------------------------*/
  #shikaku_info .section_inner .shikaku_info_cont {
    padding: 30px 20px;
    width: 100%;
  }
  #shikaku_info .section_inner .shikaku_info_cont .info_summary {
    font-size: 0.9rem;
    line-height: 1.6rem;
  }
  #shikaku_info .section_inner .shikaku_exam_summary {
    margin: 20px auto 0 auto;
    width: 100%;
  }
  #shikaku_info .section_inner .shikaku_exam_summary .summary_tbl_wrapper {
    padding: 10px 5px;
  }
  #shikaku_info .section_inner .shikaku_exam_summary .summary_tbl_wrapper .summary_tbl {
    border-spacing: 7px;
  }
  #shikaku_info .section_inner .shikaku_exam_summary .summary_tbl_wrapper .summary_tbl th {
    font-size: 0.9rem;
  }
  #shikaku_info .section_inner .shikaku_exam_summary .summary_tbl_wrapper .summary_tbl td {
    font-size: 0.9rem;
    line-height: 1.5rem;
  }
  #shikaku_info .section_inner .shikaku_exam_summary .exam_contents > dt {
    font-size: 0.9rem;
  }
  #shikaku_info .section_inner .shikaku_exam_summary .exam_contents > dd {
    margin: 10px auto 0 auto;
  }
  #shikaku_info .section_inner .shikaku_exam_summary .exam_contents > dd .contents_list > li {
    font-size: 0.9rem;
  }
  #shikaku_info .section_inner .vd_youtube .section_sub_title > br {
    display: block;
  }
  #shikaku_info .section_inner .vd_youtube .video_body {
    position: relative;
    margin: 40px 0 0 0;
    padding: 53% 0 15px 0;
  }
  #shikaku_info .section_inner .vd_youtube .video_body > iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  /**
* 資格検定試験実施日程
*----------------------------------------------*/
  #exam_date {
    background: #f8f8ff;
  }
  #exam_date .section_inner .next_and_order .order_area {
    margin: 0 auto;
    width: 96%;
  }
  #exam_date .section_inner .next_and_order .order_area .order_txt {
    width: 100%;
    font-size: 0.9rem;
    line-height: 1.5rem;
  }
  #exam_date .section_inner .next_and_order .order_area .order_btn {
    margin: 20px auto 0 auto;
  }
  #exam_date .section_inner .next_and_order .order_area .order_btn > a {
    width: 100%;
    height: 40px;
    font-size: 1.1rem;
  }
  #exam_date .section_inner .next_and_order .next_date {
    margin: 30px auto 0 auto;
    width: 100%;
  }
  #exam_date .section_inner .next_and_order .next_date > dt {
    padding: 10px 20px;
    font-size: 1rem;
  }
  #exam_date .section_inner .next_and_order .next_date > dd {
    padding: 15px 10px;
  }
  #exam_date .section_inner .next_and_order .next_date > dd .next_exam > dt,
  #exam_date .section_inner .next_and_order .next_date > dd .exam_apply > dt {
    width: 33%;
    height: 30px;
  }
  #exam_date .section_inner .next_and_order .next_date > dd .next_exam > dd,
  #exam_date .section_inner .next_and_order .next_date > dd .exam_apply > dd {
    width: 64%;
  }
  #exam_date .section_inner .next_and_order .next_date > dd .next_exam .date_title,
  #exam_date .section_inner .next_and_order .next_date > dd .exam_apply .date_title {
    font-size: 1rem;
  }
  #exam_date .section_inner .next_and_order .next_date > dd .next_exam .exam_date,
  #exam_date .section_inner .next_and_order .next_date > dd .exam_apply .exam_date {
    font-size: 1.1rem;
  }
  #exam_date .section_inner .next_and_order .next_date > dd .next_exam .apply_date,
  #exam_date .section_inner .next_and_order .next_date > dd .exam_apply .apply_date {
    font-size: 1rem;
  }
  #exam_date .section_inner .date_list {
    margin: 30px auto 0 auto;
  }
  #exam_date .section_inner .date_list > li {
    width: 100%;
  }
  /**
* 資格コラム
*----------------------------------------------*/
  #shikaku_column .section_inner .column_contents {
    margin: 0 auto 30px auto;
    height: auto;
    flex-wrap: wrap;
  }
  #shikaku_column .section_inner .column_contents.img_left {
    flex-direction: row;
  }
  #shikaku_column .section_inner .column_contents.img_left .column_txt_area {
    padding: 20px 10px;
  }
  #shikaku_column .section_inner .column_contents.img_left .column_txt_area .column_title {
    text-align: left;
  }
  #shikaku_column .section_inner .column_contents:last-child {
    margin-bottom: 0;
  }
  #shikaku_column .section_inner .column_contents .column_img {
    width: 100%;
  }
  #shikaku_column .section_inner .column_contents .column_txt_area {
    margin: 40px auto 0 auto;
    padding: 30px 15px;
    flex-basis: auto;
    width: 94%;
  }
  #shikaku_column .section_inner .column_contents .column_txt_area .column_title {
    font-size: 1.2rem;
  }
  #shikaku_column .section_inner .column_contents .column_txt_area .column_txt {
    font-size: 0.9rem;
    line-height: 1.5rem;
  }
  /**
* 資格の監修
*----------------------------------------------*/
  #shikaku_supervision .section_inner {
    padding: 0 10px;
  }
  #shikaku_supervision .section_inner .supervision_person {
    margin: 10px auto 0 auto;
  }
  #shikaku_supervision .section_inner .supervision_person > li {
    padding: 25px 15px;
  }
  #shikaku_supervision .section_inner .supervision_person > li .person_photo {
    margin: 0 auto;
    width: 40%;
    height: 160px;
  }
  #shikaku_supervision .section_inner .supervision_person > li .detail {
    margin: 20px auto 0 auto;
    width: 100%;
  }
  #shikaku_supervision .section_inner .supervision_person > li .detail > dd > p {
    font-size: 0.9rem;
  }
  /**
* 関連の資格
*----------------------------------------------*/
  #related_shikaku .section_inner .related_list > li {
    width: calc(98% / 2);
    height: 120px;
  }
  #related_shikaku .section_inner .related_list > li > a .related_cont .related_img > img {
    height: 100%;
  }
  #related_shikaku .section_inner .related_list > li > a .related_cont .related_title {
    padding: 0 10px;
    font-size: 0.8rem;
    line-height: 1.1rem;
  }
  .section_inner .page_summary {
    font-size: 0.9rem;
    line-height: 1.6rem;
  }
  /*
*　【資格ページ】受講申し込みボタン
*-----------------------------------------------*/
  .shikaku_order_popup {
    visibility: visible;
    position: fixed;
    bottom: -2%;
    left: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 auto 15px auto;
    padding: 15px 80px 15px 10px;
    width: 100%;
    height: 80px;
    background: rgba(139, 194, 211, 0.8);
    z-index: 30;
  }
  .shikaku_order_popup .shikaku_order_btn,
  .shikaku_order_popup .ninteisyo_order_btn {
    margin: 0;
    padding: 0;
    width: calc(96% / 2);
  }
  .shikaku_order_popup .shikaku_order_btn > a,
  .shikaku_order_popup .ninteisyo_order_btn > a {
    position: relative;
    display: block;
    margin: 0;
    padding: 0 0 0 30%;
    width: 100%;
    height: 100%;
    font-size: 0.9rem;
    color: #fff;
    border-radius: 5px;
    display: flex;
    align-items: center;
  }
  .shikaku_order_popup .shikaku_order_btn > a::before,
  .shikaku_order_popup .ninteisyo_order_btn > a::before {
    content: url("images/icon/btn_arrow_right.svg");
    position: absolute;
    top: 53%;
    left: 10%;
    transform: translateY(-53%);
  }
  .shikaku_order_popup .shikaku_order_btn > a {
    background: #e23838;
    border-bottom: 2px solid #9c2525;
  }
  .shikaku_order_popup .ninteisyo_order_btn > a {
    background: #2862b8;
    border-bottom: 2px solid #123364;
  }
  .section_inner .page_summary {
    font-size: 0.9rem;
    line-height: 1.6rem;
  }

  /**
* 合否結果照会
*----------------------------------------------*/
  #gouhi .section_inner .gouhi_form {
    margin: 30px auto 0 auto;
    padding: 30px 20px;
  }
  #gouhi .section_inner .gouhi_form .gouhi_form_cont {
    margin: 0;
    width: 70%;
  }
  #gouhi .section_inner .gouhi_form .gouhi_form_cont > dt {
    font-size: 1rem;
  }
  #gouhi .section_inner .gouhi_form .gouhi_form_cont > dd > input {
    width: 100%;
  }
  #gouhi .section_inner .gouhi_form .confirm_btn > button {
    padding: 8px 0;
    height: 45px;
    width: 100%;
  }
  #gouhi .section_inner .result_area {
    margin: 30px auto 50px auto;
  }
  #gouhi .section_inner .result_area .exam_number {
    width: 90%;
    font-size: 1.2rem;
  }
  #gouhi .section_inner .result_area .result_txt {
    width: 90%;
    font-size: 2.2rem;
  }
  #gouhi .section_inner .result_area .result_summary {
    width: 90%;
    line-height: 1.8rem;
  }
  #gouhi .section_inner .result_area .result_summary.summary_fail {
    font-size: 0.9rem;
  }
  #gouhi .section_inner .result_area .shikaku_link_btn {
    margin: 30px auto 0 auto;
    width: 90%;
  }
  #gouhi .section_inner .nintei_order_area {
    margin: 20px auto 0 auto;
  }
  #gouhi .section_inner .nintei_order_area .order_ninteisyo,
  #gouhi .section_inner .nintei_order_area .order_ninteicard {
    margin: 10px 0;
    width: 100%;
  }
  #gouhi .section_inner .nintei_order_area .order_ninteisyo .nintei_txt,
  #gouhi .section_inner .nintei_order_area .order_ninteicard .nintei_txt {
    width: 90%;
  }
  #gouhi .gouhi_error {
    line-height: 1.6rem;
  }
  /**
* 受験申込み
* 合格認定証発行申込み
*----------------------------------------------*/
  #shikaku_order .section_inner .area_wrapper,
  #cert_order .section_inner .area_wrapper {
    margin: 20px auto 0 auto;
  }
  #shikaku_order .section_inner .area_wrapper .shikaku_form_error,
  #shikaku_order .section_inner .area_wrapper .type_form_error,
  #cert_order .section_inner .area_wrapper .shikaku_form_error,
  #cert_order .section_inner .area_wrapper .type_form_error {
    font-size: 0.9rem;
  }
  #shikaku_order .section_inner .area_wrapper .form_error,
  #cert_order .section_inner .area_wrapper .form_error {
    font-size: 0.9rem;
  }
  #shikaku_order .section_inner .area_wrapper .shikaku_list_area,
  #cert_order .section_inner .area_wrapper .shikaku_list_area {
    padding: 20px;
  }
  #shikaku_order .section_inner .area_wrapper .shikaku_list_area .shikaku_category_name,
  #cert_order .section_inner .area_wrapper .shikaku_list_area .shikaku_category_name {
    font-size: 1.1rem;
  }
  #shikaku_order .section_inner .area_wrapper .shikaku_list_area .list_lineup > li,
  #cert_order .section_inner .area_wrapper .shikaku_list_area .list_lineup > li {
    width: 100%;
  }
  #shikaku_order .section_inner .area_wrapper .cert_lineup,
  #cert_order .section_inner .area_wrapper .cert_lineup {
    padding: 20px;
  }
  #shikaku_order .section_inner .area_wrapper .cert_lineup > li,
  #cert_order .section_inner .area_wrapper .cert_lineup > li {
    width: 100%;
  }
  #shikaku_order .section_inner .area_wrapper .cert_lineup > li + li,
  #cert_order .section_inner .area_wrapper .cert_lineup > li + li {
    margin-top: 18px;
  }
  #shikaku_order .section_inner .area_wrapper .person_info,
  #cert_order .section_inner .area_wrapper .person_info {
    margin: 10px auto;
  }
  #shikaku_order .section_inner .area_wrapper .person_info tr,
  #cert_order .section_inner .area_wrapper .person_info tr {
    border-bottom: 2px solid #fff;
  }
  #shikaku_order .section_inner .area_wrapper .person_info tr:last-child,
  #cert_order .section_inner .area_wrapper .person_info tr:last-child {
    border-bottom: none;
  }
  #shikaku_order .section_inner .area_wrapper .person_info th,
  #cert_order .section_inner .area_wrapper .person_info th {
    display: block;
    width: 100%;
  }
  #shikaku_order .section_inner .area_wrapper .person_info th::after,
  #cert_order .section_inner .area_wrapper .person_info th::after {
    display: none;
  }
  #shikaku_order .section_inner .area_wrapper .person_info td,
  #cert_order .section_inner .area_wrapper .person_info td {
    display: block;
    padding: 15px 10px;
    width: 100%;
  }
  #shikaku_order .section_inner .area_wrapper .person_info td textarea,
  #cert_order .section_inner .area_wrapper .person_info td textarea {
    width: 100%;
  }
  #shikaku_order .section_inner .area_wrapper .person_info td .sizeSS,
  #cert_order .section_inner .area_wrapper .person_info td .sizeSS {
    width: 30%;
  }
  #shikaku_order .section_inner .area_wrapper .person_info td .sizeS,
  #cert_order .section_inner .area_wrapper .person_info td .sizeS {
    width: 40%;
  }
  #shikaku_order .section_inner .area_wrapper .person_info td .sizeM,
  #cert_order .section_inner .area_wrapper .person_info td .sizeM {
    width: 45%;
  }
  #shikaku_order .section_inner .area_wrapper .person_info td .sizeL,
  #cert_order .section_inner .area_wrapper .person_info td .sizeL {
    width: 100%;
  }
  #shikaku_order .section_inner .order_confirm_btn,
  #cert_order .section_inner .order_confirm_btn {
    margin: 30px auto 0 auto;
  }
  #shikaku_order .section_inner .sel_cert_list,
  #cert_order .section_inner .sel_cert_list {
    margin: 10px auto;
  }
  #shikaku_order .section_inner .sel_exam_list,
  #cert_order .section_inner .sel_exam_list {
    margin: 10px auto;
  }
  #shikaku_order .section_inner .order_btn_area,
  #cert_order .section_inner .order_btn_area {
    margin: 30px auto 0 auto;
    display: block;
  }
  #shikaku_order .section_inner .order_btn_area .prev_back_btn,
  #cert_order .section_inner .order_btn_area .prev_back_btn {
    margin-bottom: 20px;
    width: 100%;
    text-align: center;
  }
  #shikaku_order .section_inner .order_btn_area .order_comp_btn,
  #cert_order .section_inner .order_btn_area .order_comp_btn {
    width: 100%;
    text-align: center;
  }
  /**
* お問い合わせ
*----------------------------------------------*/
  .top_link_btn {
    margin: 30px auto 0 auto;
    width: 90%;
  }
  /**
* 所在地
*----------------------------------------------*/
  #place .section_inner .place_contents {
    flex-direction: column-reverse;
  }
  #place .section_inner .place_contents .place_detail {
    width: 100%;
  }
  #place .section_inner .place_contents .place_detail th {
    display: block;
    padding: 10px 20px;
    width: 100%;
  }
  #place .section_inner .place_contents .place_detail td {
    display: block;
    width: 100%;
    border-bottom: none;
  }
  #place .section_inner .place_contents .place_img {
    margin: 0 auto;
    width: 94%;
    height: 120px;
  }
  /**
* 認定校募集
*----------------------------------------------*/
  #ninteiko_summary .section_inner .ninteiko_summary_cont {
    padding: 20px 15px;
  }
  #ninteiko_summary .section_inner .ninteiko_summary_cont > p {
    font-size: 0.9rem;
    line-height: 1.5rem;
  }
  #ninteiko_summary .section_inner .ninteiko_summary_cont .ninteiko_category > li {
    width: 100%;
    font-size: 0.9rem;
  }
  #ninteiko_form {
    margin: 0 auto 50px auto;
    padding: 0;
  }
  #ninteiko_form .section_inner {
    padding: 40px 5px;
    border: 1px solid #ddd;
  }
  #ninteiko_form .section_inner .ninteiko_tbl {
    margin: 10px auto;
  }
  #ninteiko_form .section_inner .ninteiko_tbl tr {
    border-bottom: 2px solid #fff;
  }
  #ninteiko_form .section_inner .ninteiko_tbl tr:last-child {
    border-bottom: none;
  }
  #ninteiko_form .section_inner .ninteiko_tbl th {
    display: block;
    width: 100%;
  }
  #ninteiko_form .section_inner .ninteiko_tbl th::after {
    display: none;
  }
  #ninteiko_form .section_inner .ninteiko_tbl td {
    display: block;
    padding: 15px 10px;
    width: 100%;
  }
  #ninteiko_form .section_inner .ninteiko_tbl td textarea {
    width: 100%;
  }
  #ninteiko_form .section_inner .ninteiko_tbl td .sizeSS {
    width: 25%;
  }
  #ninteiko_form .section_inner .ninteiko_tbl td .sizeS {
    width: 40%;
  }
  #ninteiko_form .section_inner .ninteiko_tbl td .sizeM {
    width: 45%;
  }
  #ninteiko_form .section_inner .ninteiko_tbl td .sizeL {
    width: 100%;
  }
  #ninteiko_form .ninteiko_confirm_btn {
    margin: 30px auto 0 auto;
  }
  #ninteiko_form .ninteiko_confirm_btn > input {
    margin: 0 auto;
    width: 100%;
  }
  /**
* お支払い方法
*----------------------------------------------*/
  #payment_summary .section_inner .payment_summary_cont {
    padding: 20px;
  }
  #payment_summary .section_inner .payment_summary_cont > p {
    line-height: 1.8rem;
  }
  #payment_process .section_inner .process_chart01,
  #payment_process .section_inner .process_chart02 {
    padding: 150px 20px 20px 20px;
    width: 100%;
  }
  #payment_process .section_inner .process_chart01 > dt,
  #payment_process .section_inner .process_chart02 > dt {
    font-size: 1.3rem;
    text-align: center;
  }
  #payment_process .section_inner .process_chart01 .howto_order,
  #payment_process .section_inner .process_chart02 .howto_order {
    width: 100%;
  }
  #payment_process .section_inner .process_chart01 .howto_order > a,
  #payment_process .section_inner .process_chart02 .howto_order > a {
    font-size: 0.9rem;
  }
  #payment_process .section_inner .process_chart01,
  #payment_process .section_inner .process_chart02 {
    background-position: center 30px;
  }
  #payment_process .section_inner .process_arrow {
    width: 12%;
  }
  /**
* 受験の流れ
*----------------------------------------------*/
  #exam_process .section_inner .process_wrapper {
    padding: 20px 10px;
  }
  #exam_process .section_inner .process_wrapper .process_number {
    width: 100%;
  }
  #exam_process .section_inner .process_wrapper .process_number > img {
    max-width: 20%;
  }
  #exam_process .section_inner .process_wrapper .process_chart {
    margin: 20px auto 0 auto;
    width: 100%;
  }
  #exam_process .section_inner .process_wrapper .process_chart > dt {
    font-size: 1.2rem;
    line-height: 1.8rem;
  }
  #exam_process .section_inner .process_wrapper .process_chart > dd {
    margin: 10px 0 0 0;
    font-size: 0.9rem;
  }
  #exam_process .section_inner .process_wrapper .process_img {
    margin: 20px auto 0 auto;
    width: 100%;
    text-align: center;
  }
  #exam_process .section_inner .process_wrapper .process_img > img {
    width: 30%;
  }
  #exam_process .section_inner .process_arrow {
    width: 12%;
  }
  /**
* 合格者専用ページ
*----------------------------------------------*/
  #goukaku_ninteisyo .goukaku_wrapper {
    margin: 30px auto 0 auto;
    padding: 10px;
    width: 100%;
  }
  #goukaku_ninteisyo .goukaku_wrapper .nintei_img_area .nintei_img {
    margin-bottom: 10px;
    width: 100%;
  }
  #goukaku_ninteisyo .goukaku_wrapper .nintei_detail {
    margin: 10px auto 0 auto;
  }
  #goukaku_ninteisyo .goukaku_wrapper .nintei_detail th {
    display: block;
    padding: 10px 20px;
    width: 100%;
    font-size: 0.9rem;
  }
  #goukaku_ninteisyo .goukaku_wrapper .nintei_detail td {
    display: block;
    padding: 10px 20px;
    width: 100%;
    font-size: 0.9rem;
  }
  #goukaku_ninteisyo .goukaku_wrapper .nintei_detail td > a {
    padding: 0 40px 0 20px;
    width: 100%;
    height: 60px;
    font-size: 0.9rem;
    line-height: 1.2rem;
  }
  #goukaku_ninteisyo .goukaku_wrapper .about_photo {
    margin: 10px auto 0 auto;
    padding: 15px;
  }
  #goukaku_ninteisyo .goukaku_wrapper .about_photo > dt {
    font-size: 1rem;
  }
  #goukaku_ninteisyo .goukaku_wrapper .about_photo > dd {
    margin: 10px 0 0 0;
    font-size: 0.9rem;
    line-height: 1.4rem;
  }
  #shikaku_proof {
    margin: 0 auto 50px auto;
  }
  #shikaku_proof .proof_area {
    padding: 20px;
    width: 100%;
  }
  #shikaku_proof .proof_area > dt {
    font-size: 0.9rem;
    line-height: 1.4rem;
  }
  #shikaku_proof .proof_area > dd > a {
    width: 100%;
    height: 45px;
    font-size: 1.1rem;
  }
  /**
* 資格認定証について
*----------------------------------------------*/
  #proof_banner .section_inner .section_sub_title {
    font-size: 1.4rem;
  }
  #proof_banner .section_inner .section_summary {
    font-size: 0.9rem;
    line-height: 1.4rem;
  }
  #proof_banner .section_inner .arrow_triangle_lg {
    margin: 30px auto;
  }
  #proof_banner .section_inner .merit_wrapper {
    margin: 30px auto 0 auto;
    padding: 20px 15px;
  }
  #proof_banner .section_inner .merit_wrapper .banner_merit {
    margin: 30px auto 0 auto;
  }
  #proof_banner .section_inner .merit_wrapper .banner_merit > li {
    width: 100%;
  }
  #proof_banner .section_inner .merit_wrapper .banner_merit > li .merit_cont {
    margin: 0 auto 20px auto;
  }
  #proof_banner .section_inner .merit_wrapper .banner_merit > li .merit_cont dt {
    margin: 0 auto 10px auto;
  }
  #proof_banner .section_inner .merit_wrapper .banner_merit > li .merit_cont dt .title_en {
    margin: 15px 0 0 0;
  }
  #proof_banner .section_inner .merit_wrapper .banner_merit > li .merit_cont .arrow_triangle {
    margin: 10px auto;
  }
  #proof_banner .section_inner .merit_wrapper .banner_merit > li .merit_cont > dd {
    padding: 15px;
  }
  #proof_banner .section_inner .merit_wrapper .blog_exp {
    padding: 20px 15px;
  }
  #proof_banner .section_inner .merit_wrapper .blog_exp .exp_left {
    width: 100%;
  }
  #proof_banner .section_inner .merit_wrapper .blog_exp .exp_right {
    width: 100%;
  }
  #proof_banner .section_inner .merit_wrapper .blog_exp .exp_right > p {
    font-size: 0.9rem;
    line-height: 1.6rem;
  }
  #proof_banner .section_inner .proof_select_wrapper {
    margin: 30px auto 0 auto;
    padding: 20px 15px;
  }
  #proof_banner .section_inner .proof_select_wrapper .shikaku_list > dd {
    margin: 20px auto;
  }
  #proof_banner .section_inner .proof_select_wrapper .shikaku_list > dd .shikaku_contents li {
    width: 100%;
    font-size: 0.9rem;
  }
  #proof_banner .section_inner .view_wrapper {
    margin: 30px auto 0 auto;
    padding: 20px 15px;
  }
  #proof_banner .section_inner .view_wrapper .view_address {
    margin: 50px auto 0 auto;
  }
  #proof_banner .section_inner .view_wrapper .view_address .sec_left,
  #proof_banner .section_inner .view_wrapper .view_address .sec_right {
    width: 100%;
  }
  #proof_banner .section_inner .view_wrapper .view_address .sec_left > p,
  #proof_banner .section_inner .view_wrapper .view_address .sec_right > p {
    font-size: 0.9rem;
  }
  #proof_banner .section_inner .view_wrapper .view_address .sec_left .example_img {
    width: 90%;
    margin: 20px auto;
  }
  #proof_banner .section_inner .view_wrapper .view_address .sec_right .address_url {
    margin: 10px auto 0 auto;
    height: 180px;
  }
  #proof_banner .section_inner .view_wrapper .view_address .notice_area .notice > dd {
    font-size: 0.9rem;
    line-height: 1.5rem;
  }
  /**
* 特定商取引における表示
*----------------------------------------------*/
  #tokutei_summary .section_inner {
    padding: 0;
  }
  #tokutei_summary .section_inner .tokutei_summary_cont {
    padding: 20px 15px;
    font-size: 0.9rem;
  }
  #tokutei_summary .section_inner .tokutei_summary_cont .view_date {
    font-size: 0.9rem;
  }
  #tokutei_summary .section_inner .tokutei_tbl {
    margin: 20px auto 0 auto;
  }
  #tokutei_summary .section_inner .tokutei_tbl th {
    display: block;
    padding: 10px 20px;
    width: 100%;
    font-size: 0.9rem;
  }
  #tokutei_summary .section_inner .tokutei_tbl td {
    display: block;
    width: 100%;
    font-size: 0.9rem;
  }
  /**
* 個人情報の取り扱いについて
*----------------------------------------------*/
  #privacy .section_inner {
    padding: 0 1%;
  }
  #privacy .section_inner .privacy_summary {
    font-size: 0.9rem;
  }
  #privacy .section_inner .privacy_list {
    margin: 20px auto 0 auto;
    padding: 10px;
  }
  #privacy .section_inner .privacy_list > dt {
    padding: 10px;
    font-size: 0.9rem;
  }
  #privacy .section_inner .privacy_list > dd {
    padding: 0 1rem 0 1.7rem;
    font-size: 0.9rem;
    line-height: 1.6rem;
  }
  /**
* リンク
*----------------------------------------------*/
  #kyokai_link .section_inner .link_list > li {
    padding: 0;
    width: 100%;
  }
  #kyokai_link .section_inner .link_list > li > a {
    font-size: 0.9rem;
  }

  /* 202110追記 */

  /**
  * おすすめコラムリスト
  *----------------------------------------------*/
  #recommend_column .section_inner .list_contents li {
    width: 80%;
  }

  #recommend_column .section_inner .list_contents li > a {
    font-size: 0.9rem;
    line-height: 1.4rem;
  }

  /**
  * 資格コラムページメインビジュアル
  *----------------------------------------------*/
  .column_main_visual {
    height: 300px;
  }

  .column_main_visual > img {
    width: 100%;
    height: 100%;
    object-position: 0;
  }

  .column_main_visual .column_main_visual_inner .sub_title {
    top: 30%;
    width: 280px;
    font-size: 0.9rem;
  }

  .column_main_visual .column_main_visual_inner .page_title {
    top: 50%;
    padding: 0 0 0 25px;
    font-size: 1.6rem;
  }

  /**
  * 資格コラム
  *----------------------------------------------*/
  .column_body {
    margin: 20px auto;
    width: 96%;
  }

  /* コラムリード文 */
  .column_body .column_lead {
    padding: 20px;
    font-size: 0.9rem;
  }

  /* ページ目次 */
  .column_body .page_index {
    padding: 0 20px 20px 20px;
  }

  .column_body .page_index > dt {
    width: 40%;
    font-size: 1rem;
  }

  .column_body .page_index > dd ul.index_link .level_1 {
    margin: 20px 0 10px 0;
    font-size: 1rem;
    line-height: 1.4rem;
  }

  .column_body .page_index > dd ul.index_link .level_2 {
    margin: 0 0 0 1.2rem;
    font-size: 0.9rem;
    line-height: 1.5rem;
  }

  .column_body .page_index > dd ul.index_link .level_2 + .level_2 {
    margin-top: 5px;
  }

  /* 見出し */
  .column_body .section_midashi {
    padding: 10px 15px 10px 75px;
    font-size: 1.3rem;
    line-height: 1.8rem;
  }

  .column_body .section_midashi::before {
    width: 60px;
    font-size: 1.8rem;
  }

  .column_body .section_sub_midashi {
    padding: 8px 15px 8px 80px;
    font-size: 1.1rem;
    line-height: 1.6rem;
  }

  .column_body .section_sub_midashi > span {
    width: 60px;
    font-size: 1.2rem;
  }

  .column_body .section_komidashi {
    position: relative;
    margin: 30px auto 20px auto;
    padding: 0 0 15px 0;
    width: 98%;
    font-size: 1.1rem;
    text-indent: 35px;
    color: #000;
    background-image: repeating-linear-gradient(90deg, #b6b6b6 0, #b6b6b6 2px, rgba(0, 0, 0, 0) 2px, rgba(0, 0, 0, 0) 4px);
    background-size: 4px 4px;
    background-repeat: repeat-x;
    background-position: center bottom;
  }

  .column_body .section_komidashi::before {
    position: absolute;
    top: 0.3em;
    left: 1%;
    z-index: 2;
    content: '';
    width: 13px;
    height: 13px;
    background-color: #101f40;
    transform: rotate(45deg);
  }

  /* コラムヘッド画像 */
  .column_body .column_head_img {
    margin: 10px auto;
    height: 280px;
  }

  /* コラム内画像　*/
  .column_body .column_img {
    margin: 10px auto;
    /* height: 250px; */
	width: 100%;
	height: auto;
  }

	.column_body .column_img > img {
		object-fit: contain;
		max-width: 100%;
		height: auto;
	}


  .column_body .contents_lead,
  .column_body .contents_txt {
    width: 96%;
    font-size: 0.9rem;
    line-height: 1.6rem;
  }

  .column_body .kouza_contents,
  .column_body .kouza_contents_cl3 {
    width: 96%;
  }

  .column_body .kouza_contents th,
  .column_body .kouza_contents_cl3 th {
    font-size: 0.85rem;
  }

  .column_body .kouza_contents td,
  .column_body .kouza_contents_cl3 td {
    font-size: 0.8rem;
    line-height: 1.3rem;
  }

  /* 講座概要テーブル　タイプ2 */
  .column_body .kouza_contents_type02 {
    width: 96%;
  }

  .column_body .kouza_contents_type02 th {
    padding: 7px 10px;
  }

  .column_body .kouza_contents_type02 td {
    padding: 7px 10px;
    line-height: 1.4rem;
  }

  	/* 資格概要テーブル */
	.column_body .shikaku_tbl {
		width: 100%;
	}

	.column_body .shikaku_tbl th,
	.column_body .shikaku_tbl td {
		display: block;
		width: 100%;
	}

	.column_body .shikaku_tbl tr.disp_none {
		display: none;
	}

	.column_body .shikaku_tbl td:before {
		content: attr(data-label)"";
		display: block;
		margin: 0;
		width: 100%;
		font-weight: bold;
		text-align: center;
		white-space: pre;
		background: #f9f7dd;
	}

	/* 3カラム・4カラム・5カラム */
	.column_body .shikaku_tbl.cl-3,
	.column_body .shikaku_tbl.cl-4,
	.column_body .shikaku_tbl.cl-5 {
		width: 100%;
	}

	.column_body .shikaku_tbl.cl-3 tr,
	.column_body .shikaku_tbl.cl-4 tr,
	.column_body .shikaku_tbl.cl-5 tr {
		width: 100%;
	}

	.column_body .shikaku_tbl.cl-3 th,
	.column_body .shikaku_tbl.cl-4 th,
	.column_body .shikaku_tbl.cl-5 th {
		width: 100%;
	}

	.column_body .shikaku_tbl.cl-3 td,
	.column_body .shikaku_tbl.cl-4 td,
	.column_body .shikaku_tbl.cl-5 td,
	.column_body .shikaku_tbl.cl-3 td.narrow,
	.column_body .shikaku_tbl.cl-3 td.wide {
		display: block;
		width: 100%;
	}

	.column_body .shikaku_tbl.cl-3 tr.disp_none,
	.column_body .shikaku_tbl.cl-4 tr.disp_none,
	.column_body .shikaku_tbl.cl-5 tr.disp_none {
		display: none;
	}

	.column_body .shikaku_tbl.cl-3 td:before,
	.column_body .shikaku_tbl.cl-4 td:before,
	.column_body .shikaku_tbl.cl-5 td:before {
		content: attr(data-label)"";
		display: block;
		margin: 0;
		width: 100%;
		font-weight: bold;
		text-align: center;
		white-space: pre;
		background: #f9f7dd;
	}
	/* 資格概要テーブルここまで */

	/* 参考 */
	.quote {
		width: 100%;
		font-size: 0.8rem;
	}

	.quote > a {
		color: #791010;
	}

	.quote > a:hover {
		color: #be2828;
	}
	/* 参考　ここまで */

	/* 要件エリア */
	.column_body .requirements {
		padding: 15px 10px;
		width: 100%;
	}
	/* 要件エリア　ここまで */

	/* このような方におすすめ */
	.column_body .recommend_txt {
		padding: 10px 15px;
	}
	/* このような方におすすめ　ここまで */


  .column_body .shikaku_kouza {
    padding: 20px 15px;
    width: 96%;
  }

  .column_body .shikaku_kouza > a > dd {
    margin: 10px 0 0 0;
    word-break: break-all;
  }

  .column_body .shikaku_intro {
    width: 96%;
  }

  .column_body .shikaku_intro > a {
    padding: 10px;
  }

  .column_body .shikaku_intro > a .intro_img {
    width: 100%;
  }

  .column_body .shikaku_intro .intro_detail {
    margin: 10px 0 0 0;
    width: 100%;
  }

  .column_body .shikaku_intro .intro_detail .detail_cont > .shikaku_name {
    font-size: 1.2rem;
  }

  .column_body .shikaku_intro .intro_detail .detail_cont > .shikaku_link_txt {
    margin: 20px 0 0 0;
  }

  /* 試験サマリーテーブル */
  .exam_summary {
    margin: 0 auto;
    width: 100%;
  }

  .exam_summary th {
    display: block;
    width: 100%;
    padding: 7px 20px;
  }

  .exam_summary td {
    display: block;
    width: 100%;
    padding: 7px 20px;
  }

  /**
  * 関連コラムリスト
  *----------------------------------------------*/
  .related_column {
    padding: 20px;
    width: 96%;
  }

  .related_column .related_title {
    padding: 8px 0;
    font-size: 1.2rem;
  }

  .related_column .related_column_list {
    margin: 20px auto 0 auto;
  }

  .related_column .related_column_list li {
    margin: 0 0 10px 0;
    width: 100%;
  }

  /* 202110追記ここまで */


  /* 202207追記 */

/* INFORMATION */
.information_area {
	margin-top: 30px;
}

.information_area .information_list {
	margin: 20px auto 0 auto;
	padding: 10px 15px;
}

.information_area .information_list > li .info_cont .info_date {
	width: 35%;
	font-size: 1rem;
}

.information_area .information_list > li .info_cont .info_category {
	width: 65%;
}

.information_area .information_list > li .info_cont .info_title {
	margin-top: 15px;
	width: 100%;
}

.information_area .information_list > li .info_cont .info_title > a {
	font-size: 0.9rem;
}


.information_area .information_list > li .info_cont .info_title .new_mark {
	font-size: 0.8rem;
}


/* INFORMATION一覧 */
.category_list {
	justify-content: space-between;
	padding: 10px;
}

.category_list > li {
	margin-bottom: 10px;
	width: calc(96% / 2);
	height: 40px;
	font-size: 0.9rem;
}

.category_list > li + li {
	margin-left: 0;
}


/* INFORMATION詳細 */
.news_title_area .news_title {
	width: 100%;
	font-size: 1.4rem;
	line-height: 1.9rem;
}

.news_title_area .news_category {
	justify-content: left;
	padding-left: 20px;
	width: 100%;
}

.news_title_area .news_category .category_label {
	margin-bottom: 20px;
	width: 40%;
}

.news_contents {
	width: 100%;
	padding: 20px;
}

.news_list_back {
	justify-content: center;
}

/* 202207追記ここまで */

}