@charset "UTF-8";
/**
* 資格名称変更通知
*-------------------------------------------------*/
.shikaku_change {
  margin: 10px 0 0 0;
  padding: 10px 20px;
  width: 100%;
  font-size: 0.9rem;
  color: #a81c1c;
  line-height: 1.6rem;
  background: #fcefef;
}

/**
** 見出し
**
===================================================================*/
/*
* 【投稿ページ】ページ内セクションタイトル
*-----------------------------------------------*/
.post_section_title {
  position: relative;
  margin: 40px auto 0 auto;
  padding: 0 0 5px 15px;
  width: 100%;
  font-size: 1.5rem;
  font-weight: bold;
  color: #000;
  border-bottom: 3px solid #ddd;
}

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

	.post_section_title {
		font-size: 1.2rem;
	}

}

.post_section_title::before {
  content: "";
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 20%;
  height: 3px;
  background: #0068b7;
}

.post_section_title .title_emp {
  font-size: 2rem;
  font-weight: bold;
  color: #0068b7;
}

.post_section_title > i {
  margin-right: 15px;
  font-size: 2rem;
  color: #0068b7;
}

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

	.post_section_title > i {
		margin-right: 12px;
		font-size: 1.8rem;
	}

}

.post_section_title::before {
  background: #0068b7;
}

.post_section_title .title_emp {
  color: #0068b7;
}

.post_section_title > i {
  color: #0068b7;
  vertical-align: bottom;
}

.post_section_title.pst_red::before {
  background: #f04030;
}

.post_section_title.pst_red .title_emp,
.pst_red > i {
  color: #f04030;
}

/*
* 【投稿ページ】プロの監修タイトル
*-----------------------------------------------*/
.teacher_section_title {
  position: relative;
  margin: 0 auto;
  padding: 0 0 5px 15px;
  width: 100%;
  font-size: 1.6rem;
  /* font-weight: 500; */
  font-weight: bold;
  color: #000;
  border-bottom: 3px solid #ddd;
}

.teacher_section_title::before {
  content: "";
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 20%;
  height: 3px;
  background: #f04030;
}

.teacher_section_title .title_emp {
  font-size: 2rem;
  /* font-weight: 500; */
  font-weight: bold;
  color: #f04030;
}

.teacher_section_title > i {
  margin-right: 15px;
  font-size: 2rem;
  color: #f04030;
  vertical-align: text-bottom;
}

/**
** メイン画像
**
===================================================================*/
/*
* 資格ページメイン画像
*-----------------------------------------------*/
.shikaku_main_image {
  position: relative;
  margin: 0 auto 50px auto;
  padding: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.shikaku_main_image .img_area {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.shikaku_main_image .img_area > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/* SP 講座の特徴 */
.features_head_area {
  display: none;
}

/* SP 資格試験概要 */
.sp_shikaku_main_image {
  display: none;
}

/**
** 資料請求・受講申し込みポップアップ
**
===================================================================*/
/*
* 講座ページ資料請求・受講申し込みボタン
*-----------------------------------------------*/
.action_btn_area {
  visibility: hidden;
}

/**
** 資格ページ
**
===================================================================*/
/*
* 資格ページ・特徴ページヘッドタイトル
*-----------------------------------------------*/
.kouza_top_title_name {
  margin: 0 auto;
  padding: 8px 15px;
  width: 100%;
  font-size: 1rem;
  color: #fff;
  background: #3160AF;
}

.kouza_child_title_name {
  margin: 0 auto;
  padding: 8px 15px;
  width: 100%;
  font-size: 1rem;
  color: #fff;
  background: #3160AF;
}

/*
* 資格ページヘッドエリア
*-----------------------------------------------*/
.page_kouza_head_area {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  position: relative;
  margin: 0 auto;
  padding: 30px 0;
  width: 100%;
  border-bottom: 10px solid #3160AF;
}

.page_kouza_head_area .catch_area {
  margin: 0 auto;
  padding: 0;
  width: 60%;
}

.page_kouza_head_area .catch_area .page_catch {
  margin: 0 auto;
  padding: 0;
  width: 100%;
}

.page_kouza_head_area .catch_area .page_catch > span {
  display: block;
  width: 100%;
  text-align: center;
}

.page_kouza_head_area .catch_area .page_catch > span.catch_upper {
  /* font-weight: 500; */
  margin: 0 auto;
  padding: 0;
  width: 45%;
  height: auto;
}
@media screen and (max-width: 480px) {
  .page_kouza_head_area .catch_area .page_catch > span.catch_upper {
    width: 50%;
  }
}

.page_kouza_head_area .catch_area .page_catch > span.catch_upper::before {
  left: 36%;
  transform: rotate(70deg);
}

.page_kouza_head_area .catch_area .page_catch > span.catch_upper::after {
  right: 36%;
  transform: rotate(-70deg);
}

.page_kouza_head_area .catch_area .page_catch > span.catch_kouza_name {
  /* font-weight: 500; */
  font-weight: bold;
  color: #C73411;
  font-size: 1.8rem;
}

.page_kouza_head_area .catch_area .page_catch > span.catch_lower {
  font-size: 1.75rem;
  /* font-weight: 500; */
  font-weight: bold;
  color: #112DC7;
}

.page_kouza_head_area .catch_area .page_catch > span.main_catch {
  margin: 10px auto 0 auto;
  font-size: 1.9rem;
  /* font-weight: 500; */
  font-weight: bold;
  color: #D90324;
  background: url("../../images/kouza/title_border_line.svg") bottom center no-repeat;
}

.page_kouza_head_area .catch_area .page_catch > span.main_catch::before {
  content: url("../../images/kouza/title_deco_mark_before.svg");
  margin-right: 15px;
  vertical-align: middle;
}

.page_kouza_head_area .catch_area .page_catch > span.main_catch::after {
  content: url("../../images/kouza/title_deco_mark_after.svg");
  margin-left: 15px;
  vertical-align: middle;
}

.page_kouza_head_area .catch_area .head_lead {
  margin: 20px auto 0 auto;
  padding: 0;
  width: 100%;
  font-size: 1rem;
  line-height: 1.6rem;
}

.page_kouza_head_area .img_area {
  margin: 0;
  padding: 0;
  width: 36%;
}

.page_kouza_head_area .img_area > img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  /* height: 300px; */
  height: 100%;
}

/*
* 資格協会認定教材エリア
*----------------------------------------------*/
.get_reason_area {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 30px auto 0 auto;
  padding: 0;
  width: 100%;
}

.get_reason_area .get_reason {
  margin: 0;
  padding: 0;
  width: 73%;
}

.get_reason_area .get_reason > dt {
  position: relative;
  margin: 0;
  padding: 0;
  width: 100%;
  font-size: 1.5rem;
  /* font-weight: 500; */
  font-weight: bold;
  color: #D00B0B;
  text-align: center;
}

.get_reason_area .get_reason > dt .reason_title {
  display: inline-block;
  margin: 0 5%;
  line-height: 1.9rem;
}

.get_reason_area .get_reason > dt > img {
  padding-top: 8px;
  width: 30px;
  height: 30px;
}

.get_reason_area .get_reason > dt::before {
  content: "";
  position: absolute;
  top: 10%;
  left: 0;
  display: inline-block;
  width: 30px;
  height: 30px;
  background-image: url("../../images/kouza/title_deco_mark_red_before.svg");
  background-size: contain;
}

.get_reason_area .get_reason > dt::after {
  content: "";
  position: absolute;
  top: 10%;
  right: 0;
  display: inline-block;
  width: 30px;
  height: 30px;
  background-image: url("../../images/kouza/title_deco_mark_red_after.svg");
  background-size: contain;
}

.get_reason_area .get_reason > dd {
  margin: 10px 0 0 0;
  padding: 20px 30px;
  width: 100%;
  font-size: 1rem;
  color: #003750;
  line-height: 1.9rem;
  background: #f3f7ff;
  border-radius: 5px;
}

.get_reason_area .reason_img {
  margin: 0;
  padding: 0;
  width: 26%;
}

.get_reason_area .reason_img > img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}

/*
* 同時に取得できる資格
*----------------------------------------------*/
.shikaku_acquire {
  margin: 30px auto 0 auto;
  padding: 40px 30px;
  width: 100%;
  background-color: #ddf0f7;
  border-radius: 5px;
}
@media screen and (max-width: 480px) {
  .shikaku_acquire {
    margin: 20px auto 0 auto;
    padding: 20px 5px;
  }
}

.shikaku_acquire .shikaku_acquire_title {
  margin: 0 auto;
  padding: 0;
  width: 100%;
}

.shikaku_acquire .shikaku_acquire_title .sub_title {
  position: relative;
  margin: 0;
  padding: 0;
  width: 100%;
  font-size: 1.5rem;
  /* font-weight: 500; */
  font-weight: bold;
  color: #c61f1f;
  text-align: center;
}
@media screen and (max-width: 480px) {
  .shikaku_acquire .shikaku_acquire_title .sub_title {
    font-size: 1.2rem;
  }
}

.shikaku_acquire .shikaku_acquire_title .sub_title::before,
.shikaku_acquire .shikaku_acquire_title .sub_title::after {
  content: "";
  position: absolute;
  display: inline-block;
  top: 50%;
  width: 30px;
  height: 2px;
  background-color: #c61f1f;
}

.shikaku_acquire .shikaku_acquire_title .sub_title::before {
  left: 27%;
  transform: rotate(70deg);
}
@media screen and (max-width: 480px) {
  .shikaku_acquire .shikaku_acquire_title .sub_title::before {
    left: 4%;
  }
}

.shikaku_acquire .shikaku_acquire_title .sub_title::after {
  right: 27%;
  transform: rotate(-70deg);
}
@media screen and (max-width: 480px) {
  .shikaku_acquire .shikaku_acquire_title .sub_title::after {
    right: 4%;
  }
}

.shikaku_acquire .shikaku_acquire_title .main_title_upper {
  position: relative;
  margin: 8px auto 0 auto;
  padding: 0;
  width: 80%;
  font-size: 2rem;
  /* font-weight: 500; */
  font-weight: bold;
  color: #222;
  text-align: center;
  z-index: 1;
}
@media screen and (max-width: 480px) {
  .shikaku_acquire .shikaku_acquire_title .main_title_upper {
    width: 94%;
    font-size: 1.4rem;
  }
}
.shikaku_acquire .shikaku_acquire_title .main_title_upper .kouza_name {
  margin: 0 3px;
  padding: 0.2em 0.3em;
  color: #fff;
  background: #d32828;
}

.shikaku_acquire .shikaku_acquire_title .main_title_lower {
  position: relative;
  margin: 5px auto 0 auto;
  padding: 0;
  width: 80%;
  font-size: 2rem;
  /* font-weight: 500; */
  font-weight: bold;
  color: #222;
  text-align: center;
  z-index: 1;
}
@media screen and (max-width: 480px) {
  .shikaku_acquire .shikaku_acquire_title .main_title_lower {
    width: 94%;
    font-size: 1.4rem;
  }
}

.shikaku_tab {
  display: none;
}

.shikaku_acquire .shikaku_contents {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 30px auto 0 auto;
  padding: 0;
  width: 100%;
}

.shikaku_acquire .shikaku_contents li {
  /* display: flex;
  flex-direction: column; */
  margin: 0;
  padding: 0;
  width: 49%;
}

.shikaku_acquire .shikaku_contents li .contents_body {
  margin: 0;
  padding: 0;
  width: 100%;
  /* height: 100%; */
  background: #fff;
}

.shikaku_acquire .shikaku_contents li .contents_body > dt {
  margin: 0;
  padding: 0;
  width: 100%;
}

.shikaku_acquire .shikaku_contents li .contents_body > dt .get_msg {
  margin: 0 auto;
  padding: 8px 0;
  width: 100%;
  font-size: 1rem;
  /* font-weight: 500; */
  font-weight: bold;
  color: #fff;
  text-align: center;
  background: #2682a3;
}

.shikaku_acquire .shikaku_contents li .contents_body > dt .get_shikaku_name {
  margin: 0;
  padding: 10px 0;
  width: 100%;
  font-size: 1.2rem;
  /* font-weight: 500; */
  font-weight: bold;
  color: #fff;
  text-align: center;
  background: #32a3cc;
}

.shikaku_acquire .shikaku_contents li .contents_body .get_shikaku_img {
  position: relative;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 200px;
  overflow: hidden;
}

.shikaku_acquire .shikaku_contents li .contents_body .get_shikaku_img > img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}

.shikaku_acquire .shikaku_contents li .contents_body .shikaku_association {
  margin: 0;
  padding: 8px 20px;
  width: 100%;
  font-size: 0.75rem;
  /* font-weight: 500; */
  font-weight: bold;
  color: #383838;
  text-align: right;
  background: #F7F7F8;
}

.shikaku_acquire .shikaku_contents li .contents_body .shikaku_comment {
  margin: 0;
  padding: 20px 25px 30px 25px;
  width: 100%;
  font-size: 0.85rem;
  color: #555;
  line-height: 1.6rem;
}

.shikaku_acquire .shikaku_contents li .contents_body .shikaku_change {
  margin: 10px 0 0 0;
  padding: 10px 20px;
  width: 100%;
  font-size: 0.85rem;
  color: #a81c1c;
  line-height: 1.6rem;
  background: #fcefef;
}

.shikaku_acquire .shikaku_contents li .contents_body .sp_shikaku_page_link {
  display: none;
}

/* 試験概要 */
.shikaku_acquire .shikaku_contents .shiken_detail_area {
  margin: 0 auto;
  padding: 0 0 20px 0;
  width: 100%;
  background: #fff;
}

.shikaku_acquire .shikaku_contents .shiken_detail {
  margin: 0 auto;
  padding: 0;
  width: 90%;
  border-collapse: collapse;
  background: #fff;
}

.shikaku_acquire .shikaku_contents .shiken_detail tr:last-child th,
.shikaku_acquire .shikaku_contents .shiken_detail tr:last-child td {
  border-bottom: none;
}

.shikaku_acquire .shikaku_contents .shiken_detail th {
  position: relative;
  padding: 8px 0;
  width: 22%;
  font-size: 0.9rem;
  color: #fff;
  text-align: center;
  background: #0068b7;
  border-bottom: 1px solid #fff;
}

.shikaku_acquire .shikaku_contents .shiken_detail th::after {
  position: absolute;
  display: block;
  content: "";
  top: calc(50% - 10px);
  right: -10px;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid #0068b7;
}

.shikaku_acquire .shikaku_contents .shiken_detail td {
  padding: 0 0 0 24px;
  width: 78%;
  font-size: 0.9rem;
  color: #333;
  border-bottom: 1px dotted #ccc;
}

/* 認証証画像 */
.shikaku_acquire .shikaku_contents li .nintei_image {
  display: flex;
  justify-content: center;
  margin: auto auto 0 auto;
  padding: 15px 0;
  width: 100%;
  background: #fafafa;
}

/* 試験概要リンク */
.shikaku_acquire .shikaku_contents li .shikaku_page_link {
  margin: 0;
  padding: 0;
  width: 100%;
}

.shikaku_acquire .shikaku_contents li .shikaku_page_link > dt {
  display: flex;
  justify-content: center;
  margin: 0 auto;
  padding: 20px 0;
  width: 100%;
}

.shikaku_acquire .shikaku_contents li .shikaku_page_link > dd {
  margin: 0 auto;
  padding: 0;
  width: 100%;
  height: 60px;
}

.shikaku_acquire .shikaku_contents li .shikaku_page_link > dd > a {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  font-size: 1.1rem;
  color: #715EAA;
  text-decoration: none;
  background: #fff;
  border: 2px solid #BBB1D8;
}

.shikaku_acquire .shikaku_contents li .shikaku_page_link > dd > a::before {
  margin-right: 15px;
  content: "\f5da";
  font-size: 1.375rem;
  /* font-weight: 600; */
  font-weight: bold;
}

.shikaku_acquire .shikaku_contents li .shikaku_page_link > dd > a::after {
  content: "\f054";
  position: absolute;
  top: 50%;
  right: 10%;
  transform: translateY(-50%);
  /* font-weight: 600; */
  font-weight: bold;
}

.shikaku_acquire .shikaku_contents li .shikaku_page_link > dd > a:hover {
  background: #ebe7f8;
}

/* 資格数が3個の場合 */
.shikaku_acquire .sc_column_3 li {
  width: 32.6666666667%;
}

.shikaku_acquire .sc_column_3 li .contents_body > dt .get_msg {
  font-size: 1rem;
}

.shikaku_acquire .sc_column_3 li .contents_body > dt .get_shikaku_name {
  font-size: 1.1rem;
}

.shikaku_acquire .sc_column_3 li .shikaku_page_link > dd > a {
  font-size: 1rem;
}

.shikaku_acquire .sc_column_3 li .shikaku_page_link > dd > a::before {
  margin-right: 10px;
  font-size: 1.2rem;
}

.shikaku_acquire .sc_column_3 li .shikaku_page_link > dd > a::after {
  right: 7%;
}

/* 202301追記 */
.shikaku_site_link {
  margin: 0;
  padding: 20px 15px;
  width: 100%;
  background: #fff;
}

.shikaku_site_link > a {
  display: block;
  margin: 0;
  padding: 6px 0;
  width: 100%;
  font-size: 16px;
  color: #fff;
  text-align: center;
  background: #2682a3;
  border-radius: 4px;
  text-decoration: none;
}

.shikaku_site_link > a:hover {
  background: #196b89;
  transition: all 0.3s;
}

/* 202301追記ここまで */
/*
* 最短2ヶ月で資格が取得できます
*----------------------------------------------*/
.pro_activity {
  margin: 80px auto 0 auto;
  padding: 0 30px 30px 30px;
  width: 100%;
  border-top: 6px solid #C52815;
  background: url("../../images/kouza/img_pro_activity_bg.jpg") center center no-repeat;
  background-size: cover;
}
@media screen and (max-width: 480px) {
  .pro_activity {
    margin: 40px auto 0 auto;
    padding: 0 1em 1.4em 1em;
  }
}

.pro_activity .pro_title_body {
  margin: 0 auto;
  padding: 0;
  width: 100%;
}

.pro_activity .pro_title_body > dt {
  position: relative;
  margin: -34px auto 0 auto;
  padding: 0.1em 0;
  width: 50%;
  height: auto;
  font-size: 2.2rem;
  /* font-weight: 500; */
  font-weight: bold;
  color: #fff;
  text-align: center;
  background: #BF2714;
  outline: 1px solid #fff;
  outline-offset: -5px;
}
@media screen and (max-width: 480px) {
  .pro_activity .pro_title_body > dt {
    margin-top: -28px;
    width: 70%;
    font-size: 1.8rem;
  }
}

.pro_activity .pro_title_body > dd {
  margin: 10px 0 0 0;
  padding: 0;
  width: 100%;
  font-size: 2rem;
  /* font-weight: 500; */
  font-weight: bold;
  color: #000;
  text-align: center;
}
@media screen and (max-width: 480px) {
  .pro_activity .pro_title_body > dd {
    font-size: 1.6rem;
  }
}
.pro_activity .pro_title_body > dd .pro_kouza_name {
  padding: 0.2em 0.4em;
  font-size: 2.4rem;
  color: #fff;
  background: #249acd;
}
@media screen and (max-width: 480px) {
  .pro_activity .pro_title_body > dd .pro_kouza_name {
    font-size: 1.8rem;
  }
}

.pro_activity .activity_lead {
  margin: 20px auto 0 auto;
  padding: 0;
  width: 90%;
  font-size: 1rem;
  line-height: 1.6rem;
}

.pro_activity .activity_comment {
  margin: 16px auto 0 auto;
  padding: 1em 1.3em;
  width: 100%;
  font-size: 1rem;
  /* font-weight: 500; */
  color: #114362;
  line-height: 1.6rem;
  background-color: #FFF6F5;
  border-radius: 5px;
}
@media screen and (max-width: 480px) {
  .pro_activity .activity_comment {
    margin-top: 8px;
    font-size: 0.9rem;
    line-height: 1.3rem;
  }
}

/*
* 簡単資料請求（資格ページ・資格の特徴ページ）
*---------------------------------------------------*/
.request_btn_area {
  margin: 20px auto;
  padding: 20px 0;
  width: 100%;
  background: #fffae4;
}

.request_btn_area .get_document_txt {
  position: relative;
  margin: 0 auto;
  padding: 10px 0;
  width: 70%;
}

.request_btn_area .get_document_txt::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 5%;
  transform: translateY(-50%);
  display: inline-block;
  width: 50px;
  height: 50px;
  background-image: url("../../images/kouza/title_deco_mark_before.svg");
  background-size: contain;
  vertical-align: middle;
}

.request_btn_area .get_document_txt::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 6%;
  transform: translateY(-50%);
  display: inline-block;
  width: 50px;
  height: 50px;
  background-image: url("../../images/kouza/title_deco_mark_after.svg");
  background-size: contain;
  vertical-align: middle;
}

.request_btn_area .get_document_txt .sub_txt {
  display: block;
  margin: 0 auto;
  padding: 0;
  width: 100%;
  font-size: 1.1875rem;
  /* font-weight: 500; */
  font-weight: bold;
  color: #4183B4;
  text-align: center;
}

.request_btn_area .get_document_txt .main_txt {
  margin: 0 auto;
  padding: 0;
  width: 100%;
  font-size: 1.75rem;
  /* font-weight: 500; */
  font-weight: bold;
  color: #d12d40;
  text-align: center;
}

.request_btn_area .request_btn {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 auto;
  padding: 0;
  /* width: 85%; */
  /* width: 92%; */
  width: 75%;
}

.request_btn_area .request_btn li {
  margin: 0;
  padding: 0;
  width: 49%;
  /* height: 72px; */
  height: 90px;
}

.request_btn_area .request_btn li > a {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  /* background: #fff; */
  overflow: hidden;
}

.request_btn_area .request_btn li > a > img {
  /* object-fit: cover; */
  /* width: 100%; */
  width: auto;
  height: 100%;
}

.request_btn_area .request_btn li > a:hover > img {
  opacity: 0.7;
}

.request_btn_area .request_btn li img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  display: block;
  transition: 0.3s ease-in-out;
}

.request_btn_area .request_btn li > a:hover img:nth-of-type(2) {
  opacity: 0;
}

/* 資料請求アピールエリア */
.appeal_request_btn {
  margin: 20px auto;
  padding: 0 0 20px 0;
  /* width: 100%; */
  width: 75%;
}

@media screen and (max-width: 1000px) {
  .appeal_request_btn {
    width: 90%;
  }
}
.appeal_request_btn .request_btn {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 auto;
  padding: 0;
  width: 92%;
}

.appeal_request_btn .request_btn li {
  margin: 0;
  padding: 0;
  width: 49%;
  /* height: 72px; */
  /* height: 60px; */
  height: 90px;
}

.appeal_request_btn .request_btn li > a {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.appeal_request_btn .request_btn li > a > img {
  /* object-fit: cover; */
  /* width: 100%; */
  /* width: 100%; */
  width: auto;
  /* height: auto; */
  height: 100%;
}

.appeal_request_btn .request_btn li > a:hover > img {
  opacity: 0.7;
}

.appeal_request_btn .request_btn li img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  display: block;
  transition: 0.3s ease-in-out;
}

.appeal_request_btn .request_btn li > a:hover img:nth-of-type(2) {
  opacity: 0;
}

.appeal_request_btn .request_btn li .btn_comment {
  margin: 0 auto 8px auto;
  padding: 0;
  width: 100%;
  /* font-size: 1.1rem; */
  font-size: clamp(1vw, 1.1rem, 1.1vw);
  font-weight: bold;
  color: #b8152a;
  text-align: center;
}

.appeal_request_btn .request_btn li .btn_comment::before,
.appeal_request_btn .request_btn li .btn_comment::after {
  content: "";
  display: inline-block;
  width: 30px;
  height: 2px;
  vertical-align: middle;
  background-color: #ce8d0d;
}

.appeal_request_btn .request_btn li .btn_comment::before {
  margin-right: 1%;
  transform: rotate(70deg);
}

.appeal_request_btn .request_btn li .btn_comment::after {
  margin-left: 1%;
  transform: rotate(-70deg);
}

/* .request_btn_area .request_btn .req_document {
	background: linear-gradient(to bottom, #178117, #1ea765);
	border: 2px solid #3CB077;
	border-radius: 5px;
}

.request_btn_area .request_btn .req_document > a {
	background: url("../images/img_req_docu_btn_txt.svg") top left no-repeat;
}

.request_btn_area .request_btn .req_document > a:hover {
	background: #23ac23 url("../images/img_req_docu_btn_txt.svg") top left no-repeat;
	transition: all 0.4s;
}

.request_btn_area .request_btn .req_document > a::after {
	position: absolute;
	top: 50%;
	right: 3%;
	transform: translateY(-50%);
	content: '\f0a9';
	font-size: 1.5rem;
font-weight: bold;
	color: #fff;
}

.request_btn_area .request_btn .req_document > a .btn_body {
	position: absolute;
	top: 50%;
	left: 16%;
	transform: translateY(-50%);
	margin: 0;
	padding: 0;
	width: 74%;
}

.request_btn_area .request_btn .req_document > a .btn_body > dt {
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 100%;
	font-size: 0.875rem;
	color: #fff;
}

.request_btn_area .request_btn .req_document > a .btn_body > dt::before, .request_btn_area .request_btn .req_document > a .btn_body > dt::after {
	content: '';
	position: absolute;
	display: inline-block;
	top: 50%;
	width: 20px;
	height: 1px;
	background-color: #fff;
}

.request_btn_area .request_btn .req_document > a .btn_body > dt::before {
	left: 0;
	transform: rotate(70deg);
}

.request_btn_area .request_btn .req_document > a .btn_body > dt::after {
	right: 0;
	transform: rotate(-70deg);
}

.request_btn_area .request_btn .req_document > a .btn_body > dd {
	margin: 0;
	padding: 0;
	width: 100%;
	font-size: 1.5rem;
font-weight: bold;
	color: #fff;
}

.request_btn_area .request_btn .req_document > a .btn_body > dd > i {
	margin-right: 10px;
} */
/* .request_btn_area .request_btn .req_kouza > a {
	position: relative;
	color: #fff;
	background: #c93626;
	border: 2px solid #ce3929;
	border-radius: 5px;
}

.request_btn_area .request_btn .req_kouza > a::after {
	position: absolute;
	top: 50%;
	right: 10%;
	transform: translateY(-50%);
	content: '\f0a9';
	font-size: 1.5rem;
font-weight: bold;
	color: #fff;
}

.request_btn_area .request_btn .req_kouza > a .btn_body {
	margin: 0 auto;
	padding: 0;
	width: 64%;
}

.request_btn_area .request_btn .req_kouza > a .btn_body > dt {
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 100%;
	font-size: 0.875rem;
	color: #fff;
}

.request_btn_area .request_btn .req_kouza > a .btn_body > dt::before, .request_btn_area .request_btn .req_kouza > a .btn_body > dt::after {
	content: '';
	position: absolute;
	display: inline-block;
	top: 50%;
	width: 20px;
	height: 1px;
	background-color: #fff;
}

.request_btn_area .request_btn .req_kouza > a .btn_body > dt::before {
	left: 0;
	transform: rotate(70deg);
}

.request_btn_area .request_btn .req_kouza > a .btn_body > dt::after {
	right: 0;
	transform: rotate(-70deg);
}

.request_btn_area .request_btn .req_kouza > a .btn_body > dd {
	margin: 0;
	padding: 0;
	width: 100%;
	font-size: 1.375rem;
font-weight: bold;
	color: #fff;
}

.request_btn_area .request_btn .req_kouza > a .btn_body > dd > i {
	margin-right: 10px;
}

.request_btn_area .request_btn .req_kouza > a:hover {
	background: #eb1e08;
	transition: all 0.4s;
} */
/*
* 講座内コラム
*----------------------------------------------*/
.kouza_article {
  margin: 80px auto 0 auto;
  padding: 0 0 20px 0;
  width: 100%;
  background: #f1f6ff;
  border-radius: 5px;
  border-top: 5px solid #1e55bb;
}

.kouza_article .article_inner {
  margin: 20px auto;
  padding: 20px;
  width: 96%;
  background: #fff;
}

/*
* 見出し
*-----------------------------------*/
/* H2 */
.top_midashi {
  position: relative;
  padding: 1.5rem;
  font-size: 1.5rem;
  color: #2356c5;
  text-align: center;
  border: 1px solid #1e55bb;
  background: #fff;
}

.top_midashi::before,
.top_midashi::after {
  position: absolute;
  content: "";
}

.top_midashi::before {
  top: -40px;
  left: calc(50% - 40px);
  width: 80px;
  height: 80px;
  border: 2px solid #1e55bb;
  border-radius: 50%;
  background: #fff;
}

.top_midashi::after {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
}

.top_midashi > i {
  position: absolute;
  top: -40px;
  left: calc(50% - 40px);
  width: 80px;
  height: 60px;
  font-size: 40px;
  color: #1e55bb;
  line-height: 60px;
  text-align: center;
  z-index: 1;
}

.top_midashi > span {
  position: relative;
  z-index: 1;
}

.read_sign {
  display: none;
}

/* H3 */
.middle_midashi {
  position: relative;
  margin: 20px auto;
  padding: 1.5rem 2rem;
  width: 96%;
  font-size: 1.2rem;
  color: #1d5b6b;
  border: 2px solid #549aac;
}

.middle_midashi::before,
.middle_midashi::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  border-top: 3px dotted #90c0cc;
}

.middle_midashi::before {
  top: 6px;
}

.middle_midashi::after {
  bottom: 6px;
}

/* H4 */
.small_midashi {
  margin: 30px auto 0 auto;
  padding: 0.8rem 1.5rem;
  width: 96%;
  font-size: 1.1rem;
  color: #0c224b;
  border-left: 6px solid #000;
  background: #f4f4f4;
}

/* H5 */
.small_sub_midashi {
  margin: 0 auto;
  padding: 10px 0 10px 20px;
  width: 96%;
  font-size: 1rem;
  color: #333;
  border-left: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

/*
* 記事内画像
*-----------------------------------*/
/* ヘッドイメージ */
.article_head_img {
  margin: 0 auto;
  padding: 0;
  width: 100%;
  height: 500px;
  overflow: hidden;
}

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

/* タイトル下イメージ */
.article_inner_img {
  margin: 0 auto;
  padding: 0;
  width: 96%;
  /* height: 400px; */
  height: auto;
  overflow: hidden;
}

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

/* .h700 {
	height: 700px;
} */
/*
* 記事本文
*-----------------------------------*/
/* 記事サマリー */
.article_summary {
  margin: 20px auto 0 auto;
  padding: 30px;
  width: 100%;
  font-size: 1rem;
  color: #000;
  line-height: 1.6rem;
  background: #f8f8f8;
  border-radius: 5px;
}

/* リード文 */
.article_lead {
  margin: 20px auto;
  padding: 0;
  width: 96%;
  font-size: 1rem;
  color: #000;
  line-height: 1.6rem;
}

/* 本文 */
.article_txt {
  margin: 20px auto 30px auto;
  padding: 0;
  width: 96%;
  font-size: 1rem;
  color: #222;
  line-height: 1.6rem;
}

/*
* 取得できる資格
*-----------------------------------*/
.get_shikaku_area {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 auto 30px auto;
  padding: 20px;
  width: 96%;
  background: #f6f9fd;
}

.get_shikaku_area .shikaku_cont {
  /* margin: 0; */
  margin: 0 0 15px 0;
  padding: 0;
  width: 49%;
  background: #fff;
}

.get_shikaku_area .shikaku_cont .shikaku_midashi {
  position: relative;
  padding: 0.8rem 1rem;
  font-size: 1rem;
  color: #0d3166;
  border-bottom: 3px solid #509fe9;
  background: #d8e7fc;
}

.get_shikaku_area .shikaku_cont .shikaku_explain {
  margin: 0 auto;
  padding: 0;
  width: 100%;
}

.get_shikaku_area .shikaku_cont .shikaku_explain .shikaku_img {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 160px;
  overflow: hidden;
}

.get_shikaku_area .shikaku_cont .shikaku_explain .shikaku_img > img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}

.get_shikaku_area .shikaku_cont .shikaku_explain > dd {
  margin: 0;
  padding: 20px;
  width: 100%;
  font-size: 0.9rem;
  color: #000;
  line-height: 1.4rem;
}

/*
* まとめ
*-----------------------------------*/
.conclusion .article_lead {
  margin: 0 auto 30px auto;
  padding: 30px;
  width: 96%;
  font-size: 1rem;
  color: #000;
  line-height: 1.6rem;
  background: #fafafa;
}

/*
* スペシャル講座がおすすめ
*---------------------------------------------------*/
.info_special_kouza {
  position: relative;
  margin: 50px auto 0 auto;
  padding: 40px 30px 60px 30px;
  width: 100%;
  background: #cee6f5;
  border-radius: 5px;
}

.info_special_kouza .info_special_title {
  position: relative;
  margin: 0 auto;
  padding: 0;
  width: 100%;
}

.info_special_kouza .info_special_title .info_special_img {
  position: relative;
  margin: 0 auto;
  padding: 0;
  width: 100%;
  height: 250px;
  overflow: hidden;
}

.info_special_kouza .info_special_title .info_special_img > img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 250px;
}

.info_special_kouza .info_special_title .info_special_title_body {
  position: absolute;
  bottom: 0;
  left: 0;
  margin: 0 auto;
  padding: 20px 0;
  width: 100%;
  background: rgba(255, 255, 255, 0.8);
}

.info_special_kouza .info_special_title .info_special_title_body > dt {
  margin: 0;
  padding: 0;
  width: 100%;
  font-size: 1.625rem;
  /* font-weight: 500; */
  font-weight: bold;
  color: #12437C;
  text-align: center;
}

.info_special_kouza .info_special_title .info_special_title_body > dt > br {
  display: none;
}

.info_special_kouza .info_special_title .info_special_title_body > dt::before {
  content: "";
  position: absolute;
  top: 13%;
  left: 17%;
  display: inline-block;
  width: 40px;
  height: 40px;
  background-image: url("../../images/kouza/title_deco_mark_red_before.svg");
  background-size: contain;
}

.info_special_kouza .info_special_title .info_special_title_body > dt::after {
  content: "";
  position: absolute;
  top: 13%;
  right: 17%;
  display: inline-block;
  width: 40px;
  height: 40px;
  background-image: url("../../images/kouza/title_deco_mark_red_after.svg");
  background-size: contain;
}

.info_special_kouza .info_special_title .info_special_title_body > dd {
  margin: 0;
  padding: 0;
  width: 100%;
  font-size: 2.2rem;
  /* font-weight: 500; */
  font-weight: bold;
  color: #ec5605;
  text-align: center;
}

.info_special_kouza .info_special_title .info_special_title_body > dd > br {
  display: none;
}

.info_special_kouza .section_lead {
  margin-top: 10px;
  padding: 0;
  width: 100%;
  font-size: 1rem;
  line-height: 1.6rem;
}

.info_special_kouza .standard_kouza,
.info_special_kouza .special_kouza {
  margin: 0 auto;
  padding: 20px 30px;
  width: 100%;
  background: #fff;
  border-radius: 5px;
}

.info_special_kouza .standard_kouza .kouza_flow_img,
.info_special_kouza .special_kouza .kouza_flow_img {
  margin: 0;
  padding: 0;
  width: 100%;
}

.info_special_kouza .standard_kouza .kouza_flow_img > img,
.info_special_kouza .special_kouza .kouza_flow_img > img {
  max-width: 100%;
  height: auto;
}

.info_special_kouza .standard_kouza {
  margin-top: 30px;
}

.info_special_kouza .standard_kouza .standard_title {
  margin: 0 0 30px 0;
  padding: 0 0 5px 0;
  width: 100%;
  font-size: 1.375rem;
  /* font-weight: 500; */
  font-weight: bold;
  color: #3A69B8;
  border-bottom: 1px solid #ddd;
}

.info_special_kouza .standard_kouza .standard_title > i {
  margin-right: 15px;
}

.info_special_kouza .standard_kouza .standard_comment {
  margin: 20px auto 0 auto;
  padding: 15px 30px;
  width: 100%;
  font-size: 0.875rem;
  color: #555;
  line-height: 1.6rem;
  background: #E8F3FD;
  border-radius: 8px;
}

.info_special_kouza .special_kouza {
  margin-top: 15px;
}

.info_special_kouza .special_kouza .special_title {
  margin: 0 0 30px 0;
  padding: 0 0 5px 0;
  width: 100%;
  font-size: 1.375rem;
  /* font-weight: 500; */
  font-weight: bold;
  color: #ce2828;
  border-bottom: 1px solid #ddd;
}

.info_special_kouza .special_kouza .special_title > i {
  margin-right: 15px;
}

.info_special_kouza .special_kouza .special_comment {
  margin: 20px auto 0 auto;
  padding: 15px 30px;
  width: 100%;
  font-size: 0.875rem;
  color: #555;
  line-height: 1.6rem;
  background: #FAE8FD;
  border-radius: 8px;
}

.info_special_kouza .special_kouza .special_comment .special_emp {
  /* font-weight: 500; */
  font-weight: bold;
  color: #d62626;
}

/*
*　選べる2つの講座
*-----------------------------------------------*/
.course_tab {
  display: none;
}

.select_course {
  margin: 80px auto 0 auto;
  padding: 0 30px 40px 30px;
  width: 100%;
  background: #fcf5eb;
  border-radius: 5px;
}

.select_course .select_course_title {
  position: relative;
  top: -30px;
  margin: 0 auto;
  padding: 0;
  width: 100%;
}

.select_course .select_course_title .course_title_body {
  margin: 0;
  padding: 0;
  width: 100%;
}

.select_course .select_course_title .course_title_body > dt {
  position: relative;
  margin: 0 auto;
  padding: 0;
  width: 40%;
  height: 60px;
  font-size: 2.5rem;
  /* font-weight: 500; */
  font-weight: bold;
  color: #fff;
  text-align: center;
  line-height: 60px;
  background: #d82851;
}

.select_course .select_course_title .course_title_body > dt::before,
.select_course .select_course_title .course_title_body > dt::after {
  content: "";
  position: absolute;
  top: 0;
  display: block;
  border: 30px solid #d82851;
}

.select_course .select_course_title .course_title_body > dt::before {
  left: -40px;
  border-left-width: 15px;
  border-left-color: transparent;
}

.select_course .select_course_title .course_title_body > dt::after {
  right: -40px;
  border-right-width: 15px;
  border-right-color: transparent;
}

.select_course .select_course_title .course_title_body > dt > span {
  position: relative;
  display: block;
}

.select_course .select_course_title .course_title_body > dd {
  position: relative;
  margin: 15px 0 0 0;
  padding: 0 0 20px 0;
  width: 100%;
  font-size: 3.125rem;
  /* font-weight: 500; */
  font-weight: bold;
  color: #e71042;
  text-align: center;
  background: url("../../images/kouza/select_course_title_bottom_line.svg") center bottom no-repeat;
}

.select_course .select_course_title .course_title_body > dd > br {
  display: none;
}

.select_course .select_course_title .course_title_body > dd .txt_lightblue {
  font-size: 2.7rem;
  color: #006BC7;
}

.select_course .select_course_title .course_title_body > dd::before {
  content: "";
  position: absolute;
  top: 15%;
  left: 5%;
  display: inline-block;
  width: 50px;
  height: 50px;
  background-image: url("../../images/kouza/title_deco_mark_red_before.svg");
  background-size: contain;
}

.select_course .select_course_title .course_title_body > dd::after {
  content: "";
  position: absolute;
  top: 15%;
  right: 5%;
  display: inline-block;
  width: 50px;
  height: 50px;
  background-image: url("../../images/kouza/title_deco_mark_red_after.svg");
  background-size: contain;
}

.select_course .select_course_lead {
  margin: 10px auto 0 auto;
  padding: 20px 30px;
  width: 94%;
  font-size: 1rem;
  background: #e6d9c8;
  border-radius: 5px;
}

.select_course .select_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 20px auto 0 auto;
  padding: 0;
  width: 85%;
}

.select_course .select_list li {
  margin: 0 0 20px 0;
  padding: 0;
  width: 49%;
}

.select_course .select_list li .shiken_menjo {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 70px;
}

.select_course .select_list li .shiken_menjo .menjo_txt {
  display: block;
  position: relative;
  margin: 0 auto;
  padding: 5px 0;
  width: 70%;
  font-size: 1.25rem;
  color: #fff;
  text-align: center;
  background: #e42e1a;
  border-radius: 20px;
}

.select_course .select_list li .shiken_menjo .menjo_txt::after {
  position: absolute;
  content: "";
  bottom: -15px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-width: 20px 15px 0 15px;
  border-style: solid;
  border-color: #e42e1a transparent transparent transparent;
}

.select_course .select_list li .course_detail {
  margin: 0;
  padding: 0;
  width: 100%;
  background: #f1e7d5;
}

.select_course .select_list li .course_detail dt {
  margin: 0;
  padding: 15px 0;
  width: 100%;
  text-align: center;
  background: #f0d4aa;
  border-bottom: 1px solid #FAF6EA;
}

.select_course .select_list li .course_detail dt .course_cat_name {
  margin: 0;
  padding: 0;
  width: 100%;
  font-size: 1rem;
  color: #86552B;
  text-align: center;
}

.select_course .select_list li .course_detail dt .course_name {
  margin: 0;
  padding: 0;
  width: 100%;
  font-size: 1.75rem;
  /* font-weight: 500; */
  font-weight: bold;
  color: #86552B;
}

.select_course .select_list li .course_detail dt .course_fee {
  margin: 0;
  padding: 0;
  width: 100%;
  font-size: 1.75rem;
  /* font-weight: 500; */
  font-weight: bold;
  color: #e02121;
}

.select_course .select_list li .course_detail dt .course_fee::before,
.select_course .select_list li .course_detail dt .course_fee::after {
  font-size: 1.125rem;
  color: #463509;
}

.select_course .select_list li .course_detail dt .course_fee::before {
  margin-right: 5px;
  content: "受講料";
}

.select_course .select_list li .course_detail dt .course_fee::after {
  margin-left: 5px;
  content: "円";
}

.select_course .select_list li .course_detail dt .installment {
  margin: 0;
  padding: 0;
  width: 100%;
  font-size: 0.875rem;
  color: #756a55;
}

.select_course .select_list li .course_detail .term_and_tensaku {
  margin: 0;
  padding: 0;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  border-bottom: 1px solid #FAF6EA;
}

.select_course .select_list li .course_detail .term_and_tensaku dl {
  margin: 0;
  padding: 0;
  width: 50%;
}

.select_course .select_list li .course_detail .term_and_tensaku dl:first-child {
  border-right: 1px solid #FAF6EA;
}

.select_course .select_list li .course_detail .term_and_tensaku dl dt {
  margin: 0;
  padding: 5px 0;
  width: 100%;
  font-size: 0.875rem;
  color: #2C1D01;
  background: #e4cb9c;
}

.select_course .select_list li .course_detail .term_and_tensaku dl dd {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100px;
  font-size: 1.25rem;
  /* font-weight: 500; */
  font-weight: bold;
  color: #2C1D01;
  text-align: center;
  line-height: 1.4rem;
}

.select_course .select_list li .course_detail .term_and_tensaku dl dd .txt_sm {
  font-size: 0.875rem;
}

.select_course .select_list li .course_detail .term_and_tensaku dl dd .kadai {
  font-size: 1.125rem;
  color: #C62916;
}

.select_course .select_list li .course_detail .term_and_tensaku dl .term {
  padding-top: 25px;
}

.select_course .select_list li .course_detail .term_and_tensaku dl .tensaku {
  padding-top: 36px;
}

.select_course .select_list li .course_detail .term_and_tensaku dl .tensaku_kadai {
  padding-top: 15px;
}

.select_course .select_list li .course_detail .course_kyozai {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0;
  /* padding: 0 20px; */
  padding: 20px;
  width: 100%;
  font-size: 0.85rem;
  color: #2C1D01;
  line-height: 1.4rem;
  border-bottom: 1px solid #FAF6EA;
}

.select_course .select_list li .course_detail .basic_kyozai_special,
.select_course .select_list li .course_detail .special_kyozai_special {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0 auto;
  padding: 0;
  width: 100%;
  height: 70px;
  background: #f1e0bf;
  border-bottom: 1px solid #FAF6EA;
}

.select_course .select_list li .course_detail .basic_kyozai_special {
  height: 130px;
}

.select_course .select_list li .course_detail .l_height {
  height: 190px;
}

.select_course .select_list li .course_detail .basic_kyozai_special > span,
.select_course .select_list li .course_detail .special_kyozai_special > span {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0;
  width: 25%;
  height: 100%;
  font-size: 0.85rem;
  font-weight: bold;
  color: #85611f;
  text-align: center;
  background: #f1d8aa;
}

.select_course .select_list li .course_detail .basic_kyozai_special .ks_cont,
.select_course .select_list li .course_detail .special_kyozai_special .ks_cont {
  margin: 0;
  padding: 0;
  width: 70%;
  font-size: 0.85rem;
  color: #2C1D01;
  line-height: 1.4rem;
}

.select_course .select_list li .course_detail .course_sotsugyo {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0 20px;
  width: 100%;
  height: 60px;
  font-size: 0.8125rem;
  color: #2C1D01;
  line-height: 1.4rem;
  background: #F0E6C1;
  border-bottom: 1px solid #faf6ea;
}

.select_course .select_list li .course_detail .course_photo {
  display: flex;
  justify-content: center;
  margin: 0;
  padding: 20px 0;
  width: 100%;
}

.select_course .select_list li .course_detail .course_photo > img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}

.select_course .cad_course_list {
  margin: 30px auto 20px auto;
  padding: 0;
  width: 90%;
}

.select_course .cad_course_list .course_title {
  margin: 0;
  padding: 10px 30px;
  width: 100%;
  font-size: 1.625rem;
  /* font-weight: 500; */
  font-weight: bold;
  color: #86552B;
  background: #f0d4aa;
}

.select_course .cad_course_list .course_summary {
  margin: 0;
  padding: 20px 30px;
  width: 100%;
  font-size: 1rem;
  /* font-weight: 500; */
  font-weight: bold;
  color: #555;
  line-height: 1.6rem;
  background: #eee3c2;
  border-top: 1px solid #faf6ea;
  border-bottom: 1px solid #faf6ea;
}

.select_course .cad_course_list .course_detail {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0;
  padding: 0;
  width: 100%;
}

.select_course .cad_course_list .course_detail li {
  margin: 0;
  padding: 0;
  width: 50%;
  background: #f1e7d5;
}

.select_course .cad_course_list .course_detail li + li {
  border-left: 1px solid #faf6ea;
}

.select_course .cad_course_list .course_detail li.course_img {
  display: flex;
  justify-content: center;
  margin: 0;
  padding: 20px 0;
}

.select_course .cad_course_list .course_detail li.course_img > img {
  max-width: 100%;
  height: auto;
}

.select_course .cad_course_list .course_detail li.term_and_tensaku {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0;
  padding: 0;
}

.select_course .cad_course_list .course_detail li.term_and_tensaku .course_term,
.select_course .cad_course_list .course_detail li.term_and_tensaku .course_tensaku {
  margin: 0;
  padding: 0;
  width: 50%;
  height: 80px;
}

.select_course .cad_course_list .course_detail li.term_and_tensaku .course_term dt,
.select_course .cad_course_list .course_detail li.term_and_tensaku .course_tensaku dt {
  margin: 0;
  padding: 5px 0;
  width: 100%;
  font-size: 0.9375rem;
  color: #2C1D01;
  text-align: center;
  background: #e4cb9c;
}

.select_course .cad_course_list .course_detail li.term_and_tensaku .course_term dd,
.select_course .cad_course_list .course_detail li.term_and_tensaku .course_tensaku dd {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: 10px 0;
  width: 100%;
  height: 100%;
  font-size: 1.125rem;
  /* font-weight: 500; */
  font-weight: bold;
  text-align: center;
}

.select_course .cad_course_list .course_detail li.term_and_tensaku .course_term {
  border-right: 1px solid #faf6ea;
}

.select_course .cad_course_list .course_detail li.term_and_tensaku .course_kyozai {
  margin: 0;
  padding: 15px 25px;
  width: 100%;
  font-size: 0.8125rem;
  color: #333;
  line-height: 1.4rem;
  border-top: 1px solid #faf6ea;
}

.select_course .cad_course_list .course_fee {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0;
  padding: 0;
  width: 100%;
  border-top: 1px solid #faf6ea;
}

.select_course .cad_course_list .course_fee li {
  margin: 0;
  padding: 0;
  width: 50%;
  background: #f1e7d5;
}

.select_course .cad_course_list .course_fee li + li {
  border-left: 1px solid #faf6ea;
}

.select_course .cad_course_list .course_fee li .course_fee_detail {
  margin: 0;
  padding: 0;
  width: 100%;
}

.select_course .cad_course_list .course_fee li .course_fee_detail > dt {
  margin: 0;
  padding: 8px 0;
  width: 100%;
  font-size: 1.25rem;
  /* font-weight: 500; */
  font-weight: bold;
  color: #832d0b;
  text-align: center;
  background: #f7d29c;
}

.select_course .cad_course_list .course_fee li .course_fee_detail > dd {
  margin: 0;
  padding: 8px 0 20px 0;
  width: 100%;
  text-align: center;
}

.select_course .cad_course_list .course_fee li .course_fee_detail > dd .course_price {
  margin: 0;
  padding: 0;
  width: 100%;
  font-size: 1.75rem;
  /* font-weight: 500; */
  font-weight: bold;
  color: #e02121;
}

.select_course .cad_course_list .course_fee li .course_fee_detail > dd .course_price::before,
.select_course .cad_course_list .course_fee li .course_fee_detail > dd .course_price::after {
  font-size: 1.125rem;
  color: #463509;
}

.select_course .cad_course_list .course_fee li .course_fee_detail > dd .course_price::before {
  margin-right: 5px;
  content: "受講料";
}

.select_course .cad_course_list .course_fee li .course_fee_detail > dd .course_price::after {
  margin-left: 5px;
  content: "円";
}

.select_course .cad_course_list .course_fee li .course_fee_detail > dd .installment {
  margin: 0;
  padding: 0;
  width: 100%;
  font-size: 0.875rem;
  color: #756a55;
}

.select_course .cad_course_list .sotsu_nintei {
  margin: 0;
  padding: 15px 30px;
  width: 100%;
  font-size: 1rem;
  /* font-weight: 500; */
  font-weight: bold;
  color: #831919;
  text-align: center;
  background: #f0c183;
}

.select_course .cad_course_list .sotsu_nintei .nintei01 {
  margin: 0 3px 0 10px;
  padding: 2px 15px 4px 15px;
  font-size: 0.875rem;
  color: #fff;
  background: #1d3f88;
}

.select_course .cad_course_list .sotsu_nintei .nintei02 {
  margin: 0 10px 0 3px;
  padding: 2px 15px 4px 15px;
  font-size: 0.875rem;
  color: #fff;
  background: #36881d;
}

.select_course .mokei_course_list {
  margin: 0 auto 20px auto;
  padding: 0;
  width: 90%;
}

.select_course .mokei_course_list .course_title {
  margin: 0;
  padding: 10px 30px;
  width: 100%;
  font-size: 1.625rem;
  /* font-weight: 500; */
  font-weight: bold;
  color: #86552B;
  background: #f0d4aa;
}

.select_course .mokei_course_list .course_summary {
  margin: 0;
  padding: 20px 30px;
  width: 100%;
  font-size: 1rem;
  /* font-weight: 500; */
  font-weight: bold;
  color: #555;
  line-height: 1.6rem;
  background: #eee3c2;
  border-top: 1px solid #faf6ea;
  border-bottom: 1px solid #faf6ea;
}

.select_course .mokei_course_list .course_detail {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0;
  padding: 0;
  width: 100%;
}

.select_course .mokei_course_list .course_detail li {
  margin: 0;
  padding: 0;
  width: 50%;
  background: #f1e7d5;
}

.select_course .mokei_course_list .course_detail li + li {
  border-left: 1px solid #faf6ea;
}

.select_course .mokei_course_list .course_detail li.course_img {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: 20px 30px;
}

.select_course .mokei_course_list .course_detail li.course_img > img {
  -o-object-fit: cover;
     object-fit: cover;
  width: auto;
  height: 200px;
}

.select_course .mokei_course_list .course_detail li.term_and_tensaku {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0;
  padding: 0;
}

.select_course .mokei_course_list .course_detail li.term_and_tensaku .course_term,
.select_course .mokei_course_list .course_detail li.term_and_tensaku .course_tensaku {
  margin: 0;
  padding: 0;
  width: 50%;
}

.select_course .mokei_course_list .course_detail li.term_and_tensaku .course_term dt,
.select_course .mokei_course_list .course_detail li.term_and_tensaku .course_tensaku dt {
  margin: 0;
  padding: 5px 0;
  width: 100%;
  font-size: 0.9375rem;
  color: #2C1D01;
  text-align: center;
  background: #e4cb9c;
}

.select_course .mokei_course_list .course_detail li.term_and_tensaku .course_term dd,
.select_course .mokei_course_list .course_detail li.term_and_tensaku .course_tensaku dd {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: 10px 0;
  width: 100%;
  font-size: 1.125rem;
  /* font-weight: 500; */
  font-weight: bold;
  text-align: center;
}

.select_course .mokei_course_list .course_detail li.term_and_tensaku .course_term dd .txt_sm,
.select_course .mokei_course_list .course_detail li.term_and_tensaku .course_tensaku dd .txt_sm {
  font-size: 0.875rem;
}

.select_course .mokei_course_list .course_detail li.term_and_tensaku .course_term {
  border-right: 1px solid #faf6ea;
}

.select_course .mokei_course_list .course_detail li.term_and_tensaku .course_kyozai {
  margin: 0;
  padding: 15px 25px;
  width: 100%;
  font-size: 0.8125rem;
  color: #333;
  line-height: 1.4rem;
  border-top: 1px solid #faf6ea;
}

.select_course .mokei_course_list .course_detail li.term_and_tensaku .course_fee {
  margin: 0;
  padding: 0;
  width: 100%;
  border-top: 1px solid #faf6ea;
}

.select_course .mokei_course_list .course_detail li.term_and_tensaku .course_fee > dt {
  margin: 0;
  padding: 5px 0;
  width: 100%;
  font-size: 0.9375rem;
  color: #2C1D01;
  text-align: center;
  background: #e4cb9c;
}

.select_course .mokei_course_list .course_detail li.term_and_tensaku .course_fee > dd {
  margin: 0;
  padding: 8px 0 20px 0;
  width: 100%;
  text-align: center;
}

.select_course .mokei_course_list .course_detail li.term_and_tensaku .course_fee > dd .normal_price {
  margin: 8px 0 0 0;
  padding: 0;
  width: 100%;
}

.select_course .mokei_course_list .course_detail li.term_and_tensaku .course_fee > dd .normal_price .normal_txt {
  margin: 0 10px 0 0;
  padding: 2px 10px 4px 10px;
  font-size: 0.75rem;
  color: #fff;
  background: #555555;
  border-radius: 4px;
}

.select_course .mokei_course_list .course_detail li.term_and_tensaku .course_fee > dd .down_triangle {
  margin: 6px 0 0 0;
  padding: 0;
  width: 100%;
  color: #a57722;
}

.select_course .mokei_course_list .course_detail li.term_and_tensaku .course_fee > dd .course_price {
  margin: 0;
  padding: 0;
  width: 100%;
  font-size: 1.75rem;
  /* font-weight: 500; */
  font-weight: bold;
  color: #e02121;
}

.select_course .mokei_course_list .course_detail li.term_and_tensaku .course_fee > dd .course_price::before,
.select_course .mokei_course_list .course_detail li.term_and_tensaku .course_fee > dd .course_price::after {
  font-size: 1.125rem;
  color: #463509;
}

.select_course .mokei_course_list .course_detail li.term_and_tensaku .course_fee > dd .course_price::before {
  margin-right: 5px;
  content: "受講料";
}

.select_course .mokei_course_list .course_detail li.term_and_tensaku .course_fee > dd .course_price::after {
  margin-left: 5px;
  content: "円";
}

.select_course .mokei_course_list .course_detail li.term_and_tensaku .course_fee > dd .discount {
  position: relative;
  padding-left: 28%;
}

.select_course .mokei_course_list .course_detail li.term_and_tensaku .course_fee > dd .discount::before {
  position: absolute;
  top: 20%;
  left: 20%;
  content: "特別受講料";
  padding: 2px 20px 4px 20px;
  font-size: 0.9375rem;
  color: #fff;
  background: #d12323;
}

.select_course .mokei_course_list .course_detail li.term_and_tensaku .course_fee > dd .installment {
  margin: 0;
  padding: 0;
  width: 100%;
  font-size: 0.875rem;
  color: #756a55;
}

.select_course .mokei_course_list .sotsu_nintei {
  margin: 0;
  padding: 15px 30px;
  width: 100%;
  font-size: 1rem;
  /* font-weight: 500; */
  font-weight: bold;
  color: #831919;
  text-align: center;
  background: #f0c183;
}

.select_course .mokei_course_list .sotsu_nintei .nintei01 {
  margin: 0 3px 0 10px;
  padding: 2px 15px 4px 15px;
  font-size: 0.875rem;
  color: #fff;
  background: #1d3f88;
}

.select_course .mokei_course_list .sotsu_nintei .nintei02 {
  margin: 0 10px 0 3px;
  padding: 2px 15px 4px 15px;
  font-size: 0.875rem;
  color: #fff;
  background: #36881d;
}

.select_course .down_triangle {
  display: flex;
  justify-content: center;
  margin: 20px auto;
  padding: 0;
  width: 100%;
}

/* 20250128追加 */
.payment_methods {
  margin: 0 auto;
  padding: 1.5em;
  width: 85%;
  background: #fffdfc;
  border-radius: 5px;
}

.payment_methods.cad {
  width: 90%;
}

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

  .payment_methods,
  .payment_methods.cad {
    margin-top: 16px;
    padding: 1em;
    width: 100%;
  }
}

.payment_methods .methods_txt {
  margin: 0 auto;
  padding: 0.4em 1em;
  width: 100%;
  font-size: 0.95rem;
  font-weight: bold;
  color: #222;
  text-align: center;
  background: #f7efe1;
  border-radius: 4px;
}

.payment_methods .methods_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 16px auto 0 auto;
  padding: 0;
  width: 90%;
}

.payment_methods .methods_list .list_cont {
  margin: 0 0 6px 0;
  padding: 0;
  width: calc(96% / 2);
  font-size: 0.94rem;
  font-weight: bold;
  color: #000;
  list-style-type: disc;
  list-style-position: outside;
}

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

	.payment_methods .methods_list {
		width: 86%;
	}

	.payment_methods .methods_list .list_cont {
		margin-bottom: 3px;
		width: 100%;
	}

}
.payment_methods .payment_link {
  margin: 8px auto 0 auto;
  padding: 0;
  width: 90%;
  text-align: right;
}

.payment_methods .payment_link > a {
  display: inline-block;
  margin: 0;
  padding: 0;
  font-size: 0.9rem;
  font-weight: bold;
  color: #247caf;
  text-align: right;
}
/* 20250128追加ここまで */


/*
* プロの監修
*-----------------------------------------------*/
.teacher {
  margin: 40px auto 0 auto;
  padding: 40px 30px;
  background-color: #f8f1fc;
  border-radius: 5px;
}
.teacher .teacher_profile_area {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 30px auto 0 auto;
  padding: 20px 40px;
  width: 100%;
  background: #fff;
  border-radius: 5px;
}
.teacher .teacher_profile_area .section_lead {
  margin-top: 0;
  padding: 0;
  width: 100%;
  font-size: 0.95rem;
}
.teacher .teacher_profile_area .profile_area {
  margin: 0;
  padding: 0;
  width: 70%;
}
.teacher .teacher_profile_area .profile_area .teacher_name {
  position: relative;
  display: flex;
  align-items: center;
  margin: 0;
  padding: 15px 30px;
  width: 100%;
  background: #fdf3fd;
  border-radius: 5px;
  text-decoration: none;
}
@media screen and (max-width: 480px) {
  .teacher .teacher_profile_area .profile_area .teacher_name {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
.teacher .teacher_profile_area .profile_area .teacher_name:hover {
  background: #ecd5ec;
}
.teacher .teacher_profile_area .profile_area .teacher_name::after {
  content: "\f054";
  font-weight: bold;
  position: absolute;
  top: 50%;
  right: 10%;
  transform: translateY(-50%);
  color: #a66bbd;
}
@media screen and (max-width: 480px) {
  .teacher .teacher_profile_area .profile_area .teacher_name::after {
    right: 5%;
  }
}
.teacher .teacher_profile_area .profile_area .teacher_name .t_photo {
  display: none;
}
@media screen and (max-width: 480px) {
  .teacher .teacher_profile_area .profile_area .teacher_name .t_photo {
    display: block;
    width: 20%;
  }
}
.teacher .teacher_profile_area .profile_area .teacher_name .name_area {
  margin: 0;
  padding: 0;
  width: 100%;
}
@media screen and (max-width: 480px) {
  .teacher .teacher_profile_area .profile_area .teacher_name .name_area {
    padding-right: 8%;
    width: 75%;
  }
}
.teacher .teacher_profile_area .profile_area .teacher_name .name_area .t_name {
  margin: 0;
  padding: 0;
  width: 100%;
  font-size: 1.5rem;
  font-weight: bold;
  color: #8925A7;
}
@media screen and (max-width: 480px) {
  .teacher .teacher_profile_area .profile_area .teacher_name .name_area .t_name {
    font-size: 1.2rem;
  }
}
.teacher .teacher_profile_area .profile_area .teacher_name .name_area .t_sub {
  margin: 0;
  padding: 0;
  width: 100%;
  font-size: 0.9rem;
  color: #333;
}
.teacher .teacher_profile_area .profile_area .biography {
  margin: 15px auto 0 auto;
  padding: 0;
  width: 100%;
  font-size: 1rem;
  color: #333;
  line-height: 1.6rem;
}
.teacher .teacher_profile_area .photo_area {
  margin: 0;
  padding: 0;
  width: 25%;
}
@media screen and (max-width: 480px) {
  .teacher .teacher_profile_area .photo_area {
    display: none;
  }
}
.teacher .teacher_profile_area .photo_area > img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}

/* 監修者2名以上 */
.teacher .section_lead {
  margin: 20px auto;
  padding: 0 10px;
  width: 100%;
  font-size: 0.95rem;
}

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

.teacher .teacher_profile_area.column-2,
.teacher .teacher_profile_area.column-3 {
  margin: 0 auto;
  padding: 20px;
  width: 100%;
  background: #fff;
  border-radius: 5px;
}
.teacher .teacher_profile_area.column-2 .profile_area,
.teacher .teacher_profile_area.column-3 .profile_area {
  margin: 0;
  padding: 0;
  width: 100%;
  display: flex;
  align-self: self-start;
}
.teacher .teacher_profile_area.column-2 .profile_area .teacher_name,
.teacher .teacher_profile_area.column-3 .profile_area .teacher_name {
  position: relative;
  display: block;
  margin: 0;
  padding: 10px 30px;
  width: 100%;
  height: 76px;
  background: #fdf3fd;
  border-radius: 5px;
  text-decoration: none;
}
@media screen and (max-width: 480px) {
  .teacher .teacher_profile_area.column-2 .profile_area .teacher_name,
  .teacher .teacher_profile_area.column-3 .profile_area .teacher_name {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 10px;
  }
}
.teacher .teacher_profile_area.column-2 .profile_area .teacher_name:hover,
.teacher .teacher_profile_area.column-3 .profile_area .teacher_name:hover {
  background: #ecd5ec;
}
.teacher .teacher_profile_area.column-2 .profile_area .teacher_name::after,
.teacher .teacher_profile_area.column-3 .profile_area .teacher_name::after {
  content: "\f054";
  font-weight: bold;
  position: absolute;
  top: 50%;
  right: 10%;
  transform: translateY(-50%);
  color: #a66bbd;
}
@media screen and (max-width: 480px) {
  .teacher .teacher_profile_area.column-2 .profile_area .teacher_name::after,
  .teacher .teacher_profile_area.column-3 .profile_area .teacher_name::after {
    right: 5%;
  }
}
.teacher .teacher_profile_area.column-2 .profile_area .teacher_name .t_photo,
.teacher .teacher_profile_area.column-3 .profile_area .teacher_name .t_photo {
  display: none;
}
@media screen and (max-width: 480px) {
  .teacher .teacher_profile_area.column-2 .profile_area .teacher_name .t_photo,
  .teacher .teacher_profile_area.column-3 .profile_area .teacher_name .t_photo {
    display: block;
    width: 20%;
  }
}
.teacher .teacher_profile_area.column-2 .profile_area .teacher_name .name_area,
.teacher .teacher_profile_area.column-3 .profile_area .teacher_name .name_area {
  margin: 0;
  padding: 0;
  width: 100%;
}
@media screen and (max-width: 480px) {
  .teacher .teacher_profile_area.column-2 .profile_area .teacher_name .name_area,
  .teacher .teacher_profile_area.column-3 .profile_area .teacher_name .name_area {
    padding-right: 8%;
    width: 75%;
  }
}
.teacher .teacher_profile_area.column-2 .profile_area .teacher_name .name_area .t_name,
.teacher .teacher_profile_area.column-3 .profile_area .teacher_name .name_area .t_name {
  margin: 0;
  padding: 0;
  width: 100%;
  font-size: 1.3rem;
  font-weight: bold;
  color: #8925A7;
}
@media screen and (max-width: 480px) {
  .teacher .teacher_profile_area.column-2 .profile_area .teacher_name .name_area .t_name,
  .teacher .teacher_profile_area.column-3 .profile_area .teacher_name .name_area .t_name {
    font-size: 1.2rem;
  }
}
.teacher .teacher_profile_area.column-2 .profile_area .teacher_name .name_area .t_sub,
.teacher .teacher_profile_area.column-3 .profile_area .teacher_name .name_area .t_sub {
  margin: 0;
  padding: 0;
  width: 100%;
  font-size: 0.9rem;
  color: #333;
}
.teacher .teacher_profile_area.column-2 .profile_area .photo_area,
.teacher .teacher_profile_area.column-3 .profile_area .photo_area {
  display: flex;
  justify-content: center;
  margin: 10px auto 0 auto;
  padding: 10px 0;
  width: 100%;
  height: 160px;
  background: #fafafa;
}
@media screen and (max-width: 480px) {
  .teacher .teacher_profile_area.column-2 .profile_area .photo_area,
  .teacher .teacher_profile_area.column-3 .profile_area .photo_area {
    display: none;
  }
}
.teacher .teacher_profile_area.column-2 .profile_area .photo_area > img,
.teacher .teacher_profile_area.column-3 .profile_area .photo_area > img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 35%;
  height: auto;
}
.teacher .teacher_profile_area.column-2 .profile_area .photo_area .biography,
.teacher .teacher_profile_area.column-3 .profile_area .photo_area .biography {
  margin: 15px auto 0 auto;
  padding: 0;
  width: 100%;
  font-size: 0.91rem;
  color: #333;
  line-height: 1.4rem;
}

.teacher .teacher_profile_area.column-2 {
  width: 49%;
}

.teacher .teacher_profile_area.column-3 {
  width: 32.6666666667%;
}

/* .teacher .teacher_profile_area {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 30px auto 0 auto;
	padding: 40px;
	width: 100%;
	background: #fff;
	border-radius: 5px;
}

.teacher .teacher_profile_area .profile_area {
	margin: 0;
	padding: 0;
	width: 67%;
}

.teacher .teacher_profile_area .profile_area .teacher_name {
	margin: 0;
	padding: 15px 30px;
	width: 100%;
	background: #FFF0FF;
	border-radius: 5px;
}

.teacher .teacher_profile_area .profile_area .teacher_name .name_area {
	margin: 0;
	padding: 0;
	width: 100%;
}

.teacher .teacher_profile_area .profile_area .teacher_name .name_area > dt {
	margin: 0;
	padding: 0;
	width: 100%;
	font-size: 1rem;
	/* font-weight: 500;
font-weight: bold;
	color: #333;
}

.teacher .teacher_profile_area .profile_area .teacher_name .name_area > dd {
	margin: 0;
	padding: 0;
	width: 100%;
	font-size: 1.5rem;
	/* font-weight: 500;
font-weight: bold;
	color: #8925A7;
}

.teacher .teacher_profile_area .profile_area .teacher_name .name_area > dd::after {
	margin-left: 5px;
	content: '先生';
	font-size: 1rem;
	color: #333;
}

.teacher .teacher_profile_area .profile_area .biography {
	margin: 10px 0 0 0;
	padding: 0;
	width: 100%;
}

.teacher .teacher_profile_area .profile_area .biography > dt {
	margin: 0;
	padding: 7px 30px;
	width: 100%;
	font-size: 1.0625rem;
	/* font-weight: 500;
font-weight: bold;
	color: #333;
	background: #EDCCEC;
	border-radius: 5px;
}

.teacher .teacher_profile_area .profile_area .biography > dd {
	margin: 15px auto 0 auto;
	padding: 0 15px;
	width: 100%;
	font-size: 1rem;
	color: #333;
	line-height: 1.6rem;
}

.teacher .teacher_profile_area .profile_area .profile {
	margin: 25px 0 0 0;
	padding: 0;
	width: 100%;
}

.teacher .teacher_profile_area .profile_area .profile > dt {
	margin: 0;
	padding: 7px 30px;
	width: 100%;
	font-size: 1.0625rem;
	/* font-weight: 500;
font-weight: bold;
	color: #333;
	background: #EDCCEC;
	border-radius: 5px;
}

.teacher .teacher_profile_area .profile_area .profile > dd {
	margin: 15px auto 0 auto;
	padding: 0 15px;
	width: 100%;
	font-size: 1rem;
	color: #333;
	line-height: 1.6rem;
}

.teacher .teacher_profile_area .photo_area {
	margin: 0;
	padding: 0;
	width: 30%;
}

.teacher .teacher_profile_area .photo_area .photo01 {
	position: relative;
	margin: 0;
	padding: 0;
	width: 100%;
}

.teacher .teacher_profile_area .photo_area .photo01 > img {
	max-width: 100%;
	height: auto;
}

.teacher .teacher_profile_area .photo_area .photo02 {
	margin: 15px 0 0 0;
	padding: 0;
	width: 100%;
}

.teacher .teacher_profile_area .photo_area .photo02 > img {
	max-width: 100%;
	height: auto;
} */
/*
* Youtube動画（資格ページ・資格の特徴ページ）
*-----------------------------------------------*/
.vd_youtube {
  margin: 30px auto 0 auto;
  padding: 0;
  width: 100%;
  text-align: center;
}
@media screen and (max-width: 480px) {
  .vd_youtube {
    margin: 10px auto;
  }
  .vd_youtube video {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    height: auto;
  }
}
.vd_youtube > dt .upper_title {
  margin: 0;
  padding: 12px 0;
  width: 100%;
  font-size: 1.8rem;
  font-weight: bold;
  color: #fff;
  background: #1a56a9;
}
.vd_youtube > dt .lower_title {
  margin: 0;
  padding: 18px 15px;
  width: 100%;
  font-size: 1.3rem;
  color: #1b4677;
  background: #bfd9ee;
}
.vd_youtube > dt .lower_title > br {
  display: none;
}
.vd_youtube > dt .lower_title::before, .vd_youtube > dt .lower_title::after {
  content: "";
  display: inline-block;
  width: 30px;
  height: 2px;
  vertical-align: middle;
  background-color: #3b6cc7;
}
.vd_youtube > dt .lower_title::before {
  margin-right: 1%;
  transform: rotate(70deg);
}
.vd_youtube > dt .lower_title::after {
  margin-left: 1%;
  transform: rotate(-70deg);
}
.vd_youtube > dd {
  margin: 0 auto;
  padding: 15px 0;
  width: 100%;
  background: #f4f9fd;
}
@media screen and (max-width: 480px) {
  .vd_youtube > dd {
    padding: 5px 0;
  }
}
.vd_youtube > dd lite-youtube {
  margin: 0 auto;
  width: 60%;
}
@media screen and (max-width: 480px) {
  .vd_youtube > dd lite-youtube {
    width: 96%;
  }
}

/* 講座の特徴ページ */
.page_lead_area .yt_video {
  margin: 10px auto 0 auto;
  padding: 0;
  width: 100%;
}

.page_lead_area .yt_video .vd_youtube {
  margin: 0 auto;
}

/*
* おすすめコラム
*-----------------------------------------------*/
.rec_column_title {
  display: flex;
  align-items: center;
  margin: 40px auto 0 auto;
  padding: 0 0 8px 0;
  width: 100%;
  font-size: 1.5rem;
  /* font-weight: 600; */
  font-weight: bold;
  color: #0068b7;
}

.rec_column_title::before,
.rec_column_title::after {
  content: "";
  height: 1px;
  flex-grow: 1;
  background-color: #0068b7;
}

.rec_column_title::before {
  margin-right: 1rem;
}

.rec_column_title::after {
  margin-left: 1rem;
}

.rec_column {
  margin: 20px auto 40px auto;
  padding: 0;
  width: 100%;
}

.rec_column > li {
  position: relative;
  margin: 0 auto;
  padding: 0;
  width: 94%;
  font-size: 1rem;
  /* font-weight: 500; */
  font-weight: bold;
}

.rec_column > li::before {
  content: "\f138";
  margin-right: 10px;
  /* font-weight: 600; */
  font-weight: bold;
  color: #df8715;
}

.rec_column > li + li {
  margin-top: 10px;
}

.rec_column > li > a {
  color: #333;
  text-decoration: none;
}

.rec_column > li > a:hover {
  color: #b92419;
  text-decoration: underline;
}

/*
* 関連講座
*-----------------------------------------------*/
.related_kouza {
  margin: 60px auto 0 auto;
  padding: 40px 30px;
  width: 100%;
  background: #f4f6fc;
}

.related_kouza .related_title {
  position: relative;
	margin: 0 0 30px 0;
  padding: 0;
  width: 100%;
  font-size: 1.375rem;
  font-weight: bold;
  color: #0068b7;
  text-align: center;
}

.related_kouza .related_title::before {
  position: absolute;
  content: "";
  top: calc(50% - 1px);
  left: 0;
  width: 100%;
  height: 1px;
  background: #C0C8DA;
}

.related_kouza .related_title > span {
  position: relative;
  padding: 0 2rem;
  background: #f4f6fc;
}

.related_kouza .related_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 auto;
  padding: 0;
  width: 100%;
}

.related_kouza .related_list::after {
  content: "";
  display: block;
	width: calc(97% / 3);
}

.related_kouza .related_list .list_cont {
	margin: 0 0 16px 0;
	padding: 0;
	width: calc(97% / 3);
}

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

	.related_kouza .related_list .list_cont {
		margin-bottom: 8px;
		width: calc(97% / 2);
	}
}

.related_kouza .related_list .list_cont > a {
	display: inline-block;
	margin: 0;
	padding: 0;
	width: 100%;
}

.related_kouza .related_list .list_cont > a:hover .list_img > img {
	opacity: 0.7;
	transition: all .3s ease;
}

.related_kouza .related_list .list_cont .list_img {
	margin: 0;
	padding: 0.3em;
	width: 100%;
	height: 140px;
	overflow: hidden;
	background: #fff;
	border: 1px solid #e0e0e0;
	box-sizing: border-box;
}

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

	.related_kouza .related_list .list_cont .list_img {
		height: 120px;
	}
}

.related_kouza .related_list .list_cont .list_img > img {
	object-fit: cover;
	width: 100%;
	height: 100%;
}

.related_kouza .related_list .list_cont .list_name {
	margin: 4px auto 0 auto;
	padding: 0;
	width: 100%;
	font-size: 0.94rem;
	font-weight: bold;
	color: #000;
	text-align: center;
	text-decoration: underline;
}

.related_kouza .related_list .list_cont > a:hover .list_name {
	color: #8b1313;
	transition: all .3s ease;
}



/*
.related_kouza .related_list li {
  margin: 0 0 10px 0;
  padding: 0;
  width: 32.6666666667%;
  background: #fff;
  border: 1px solid #E0E0E0;
}

.related_kouza .related_list li > a {
  display: block;
  margin: 0;
  padding: 20px 15px;
  width: 100%;
  text-decoration: none;
}

.related_kouza .related_list li > a:hover {
  background: #e4edff;
}

.related_kouza .related_list li > a .list_body {
  margin: 0;
  padding: 0;
  width: 100%;
}

.related_kouza .related_list li > a .list_body .list_name {
  margin: 0;
  padding: 0;
  width: 100%;
  font-size: 0.9375rem;
  font-weight: bold;
  color: #433006;
  text-align: center;
}

.related_kouza .related_list li > a .list_body .list_img {
  position: relative;
  margin: 10px auto;
  padding: 0;
  width: 100%;
  height: 100px;
  border: 1px solid #ddd;
  overflow: hidden;
}

.related_kouza .related_list li > a .list_body .list_img > img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  min-width: 100%;
  min-height: 100%;
}

.related_kouza .related_list li > a .list_body .list_comment {
  margin: 0 auto;
  padding: 0;
  width: 100%;
  font-size: 0.8125rem;
  font-weight: bold;
  color: #1C1C1C;
  line-height: 1.4rem;
} */


/**
** 講座の特徴
**
===================================================================*/
/*
* ヘッドエリア
*-----------------------------------------------*/
.page_features_head_area {
  position: relative;
  margin: 0 auto;
  padding: 20px 0;
  width: 100%;
  background: #D9EAFF;
}

.page_features_head_area::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: -9px;
  left: 0;
  right: 0;
  background: repeating-linear-gradient(-60deg, #669bc5, #669bc5 2px, transparent 2px, transparent 5px);
  background-color: #fff;
  z-index: -1;
}

.page_features_head_area .page_catch {
  margin: 0 auto;
  padding: 0;
  width: 100%;
  font-size: 1.875rem;
  /* font-weight: 500; */
  font-weight: bold;
  color: #0A4595;
  text-align: center;
  line-height: 2.8rem;
}

.page_features_head_area .page_catch_img {
  margin: 20px auto 0 auto;
  padding: 0;
  width: 90%;
  height: 250px;
  overflow: hidden;
}

.page_features_head_area .page_catch_img > img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 250px;
}

.page_features_head_area .page_title_area {
  position: relative;
  margin: -200px auto 0 auto;
  padding: 0;
  width: 80%;
  z-index: 1;
}

.page_features_head_area .page_title_area > dt {
  margin: 0 auto;
  padding: 10px 0;
  width: 30%;
  font-size: 2.25rem;
  /* font-weight: 500; */
  font-weight: bold;
  color: #0050BC;
  text-align: center;
  background: rgba(255, 255, 255, 0.8);
  border: 1px solid #0050BC;
  border-radius: 5px;
}

.page_features_head_area .page_title_area > dd {
  display: flex;
  justify-content: center;
  margin: 35px auto 0 auto;
  padding: 0;
  width: 60%;
  text-align: center;
}

.page_features_head_area .page_title_area > dd > img {
  max-width: 100%;
  height: auto;
}

/*
* 特徴リード文
*-----------------------------------------------*/
.page_lead_area {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin: 30px auto 0 auto;
  padding: 10px;
  width: 80%;
  border: 1px solid #4778d1;
  border-radius: 5px;
}

.page_lead_area .lead_img {
  margin: 0;
  padding: 0;
  width: 30%;
  overflow: hidden;
}

.page_lead_area .lead_img > img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}

.page_lead_area .lead_txt {
  margin: 0;
  padding: 0;
  width: 67%;
  font-size: 1rem;
  color: #3660AF;
  line-height: 1.8rem;
}

/*
* 講座の特徴セクションタイトル
*---------------------------------------------------*/
.features_section_title {
  margin: 50px auto 0 auto;
  padding: 0 0 6px 15px;
  width: 100%;
  border-left: 15px solid #3E75C4;
}

.features_section_title .title_body {
  margin: 0;
  padding: 0;
  width: 100%;
}

.features_section_title .title_body > dt {
  margin: 0;
  padding: 0;
  width: 100%;
  font-size: 2.25rem;
  /* font-weight: 500; */
  font-weight: bold;
  color: #0062D5;
  border-bottom: 1px solid #0062D5;
}

.features_section_title .title_body > dt .red_lg {
  font-size: 2.75rem;
  color: #D50021;
}

.features_section_title .title_body > dt > br {
  display: none;
}

.features_section_title .title_body > dd {
  margin: 10px 0 0 0;
  padding: 0;
  width: 100%;
  font-size: 1rem;
  font-weight: 400;
  color: #333;
  line-height: 1.5rem;
}

/*
* 2つの資格を同時取得できる
*---------------------------------------------------*/
.features_shikaku_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 30px auto 0 auto;
  padding: 0;
  width: 100%;
}

.features_shikaku_list li {
  margin: 0;
  padding: 0;
  width: 50%;
}

.features_shikaku_list li.list_1 {
  background: #EDF7FF;
}

.features_shikaku_list li.list_1 .list_inner > dt,
.features_shikaku_list li.list_1 .list_inner > dd .list_body > dt {
  background: #1774C4;
}

.features_shikaku_list li.list_2 {
  background: #FAF4F6;
}

.features_shikaku_list li.list_2 .list_inner > dt,
.features_shikaku_list li.list_2 .list_inner > dd .list_body > dt {
  background: #C4225A;
}

.features_shikaku_list li.list_3 {
  background: #f5ffed;
}

.features_shikaku_list li.list_3 .list_inner > dt,
.features_shikaku_list li.list_3 .list_inner > dd .list_body > dt {
  background: #96c417;
}

.features_shikaku_list li .list_inner {
  margin: 0 auto;
  padding: 0;
  width: 100%;
}

.features_shikaku_list li .list_inner > dt {
  position: relative;
  margin: 0;
  padding: 6px 0;
  width: 100%;
  font-size: 1.25rem;
  color: #fff;
  text-align: center;
  line-height: 1.9rem;
}

.features_shikaku_list li .list_inner > dt .title_lg {
  font-size: 1.5rem;
}

.features_shikaku_list li .list_inner > dt::before,
.features_shikaku_list li .list_inner > dt::after {
  content: "";
  position: absolute;
  display: inline-block;
  top: 50%;
  width: 40px;
  height: 2px;
  background-color: #fff;
}

.features_shikaku_list li .list_inner > dt::before {
  left: 27%;
  transform: rotate(70deg);
}

.features_shikaku_list li .list_inner > dt::after {
  right: 27%;
  transform: rotate(-70deg);
}

.features_shikaku_list li .list_inner > dd {
  margin: 0;
  padding: 40px 25px;
}

.features_shikaku_list li .list_inner > dd .list_body {
  margin: 0;
  padding: 0;
  width: 100%;
}

.features_shikaku_list li .list_inner > dd .list_body > dt {
  margin: 0;
  padding: 8px 0;
  width: 100%;
  font-size: 1.25rem;
  /* font-weight: 500; */
  font-weight: bold;
  color: #fff;
  text-align: center;
}

.features_shikaku_list li .list_inner > dd .list_body .list_img {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 150px;
  overflow: hidden;
}

.features_shikaku_list li .list_inner > dd .list_body .list_img > img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 150px;
}

.features_shikaku_list li .list_inner > dd .list_body .list_assoc {
  margin: 0;
  padding: 8px 20px;
  width: 100%;
  font-size: 0.75rem;
  /* font-weight: 500; */
  font-weight: bold;
  color: #383838;
  text-align: right;
  background: #F7F7F8;
}

.features_shikaku_list li .list_inner > dd .list_body .list_txt {
  margin: 0;
  /* padding: 20px 25px 30px 25px; */
  padding: 20px 25px 20px 25px;
  width: 100%;
  font-size: 0.875rem;
  color: #555;
  line-height: 1.6rem;
  background: #fff;
}

/* 試験概要 */
.features_shikaku_list li .list_inner > dd .list_body .shiken_detail_area {
  margin: 0 auto;
  padding: 0 0 25px 0;
  width: 100%;
  background: #fff;
}

.features_shikaku_list li .list_inner > dd .list_body .shiken_detail {
  margin: 0 auto;
  padding: 0;
  width: 90%;
  border-collapse: collapse;
  background: #fff;
}

.features_shikaku_list li .list_inner > dd .list_body .shiken_detail tr:last-child th,
.features_shikaku_list li .list_inner > dd .list_body .shiken_detail tr:last-child td {
  border-bottom: none;
}

.features_shikaku_list li .list_inner > dd .list_body .shiken_detail th {
  position: relative;
  padding: 8px 0;
  width: 22%;
  font-size: 0.9rem;
  color: #fff;
  text-align: center;
  background: #0068b7;
  border-bottom: 1px solid #fff;
}

.features_shikaku_list li .list_inner > dd .list_body .shiken_detail th::after {
  position: absolute;
  display: block;
  content: "";
  top: calc(50% - 10px);
  right: -10px;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid #0068b7;
}

.features_shikaku_list li .list_inner > dd .list_body .shiken_detail td {
  padding: 0 0 0 24px;
  width: 78%;
  font-size: 0.9rem;
  color: #333;
  border-bottom: 1px dotted #ccc;
}

.features_shikaku_list li .list_inner > dd .list_body .list_link {
  margin: 0 auto;
  padding: 0 0 20px 0;
  width: 100%;
  background: #fff;
}

.features_shikaku_list li .list_inner > dd .list_body .list_link > a {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  padding: 0;
  width: 90%;
  height: 50px;
  font-size: 1.125rem;
  color: #715EAA;
  text-decoration: none;
  background: #fff;
  border: 2px solid #BBB1D8;
}

.features_shikaku_list li .list_inner > dd .list_body .list_link > a::before {
  margin-right: 15px;
  content: "\f5da";
  font-size: 1.375rem;
  /* font-weight: 600; */
  font-weight: bold;
}

.features_shikaku_list li .list_inner > dd .list_body .list_link > a::after {
  content: "\f054";
  position: absolute;
  top: 50%;
  right: 10%;
  transform: translateY(-50%);
  /* font-weight: 600; */
  font-weight: bold;
}

.features_shikaku_list li .list_inner > dd .list_body .list_link > a:hover {
  background: #ebe7f8;
}

.features_shikaku_list.ct_3 li {
  width: 33.3333333333%;
}

.features_shikaku_list.ct_3 li .list_inner > dt::before {
  left: 20%;
}

.features_shikaku_list.ct_3 li .list_inner > dt::after {
  right: 20%;
}

.features_shikaku_list.ct_3 li .list_inner > dd {
  margin: 0;
  padding: 40px 15px;
}

.features_shikaku_list.ct_3 li .list_inner > dd .list_body > dt {
  padding: 10px 0;
  font-size: 1rem;
}

.features_shikaku_list.ct_3 li .list_inner > dd .list_body .list_img {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 150px;
  overflow: hidden;
}

.features_shikaku_list.ct_3 li .list_inner > dd .list_body .list_img > img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 150px;
}

.features_shikaku_list.ct_3 li .list_inner > dd .list_body .list_assoc {
  margin: 0;
  padding: 8px 10px;
  width: 100%;
  font-size: 0.75rem;
  /* font-weight: 500; */
  font-weight: bold;
  color: #383838;
  text-align: center;
  background: #F7F7F8;
  line-height: 1.4rem;
}

.features_shikaku_list.ct_3 li .list_inner > dd .list_body .list_link {
  margin: 0 auto;
  padding: 0 0 20px 0;
  width: 100%;
  background: #fff;
}

.features_shikaku_list.ct_3 li .list_inner > dd .list_body .list_link > a {
  font-size: 1rem;
}

.features_shikaku_list.ct_3 li .list_inner > dd .list_body .list_link > a::before {
  margin-right: 10px;
}

.features_shikaku_list.ct_3 li .list_inner > dd .list_body .list_link > a::after {
  right: 5%;
}

/*
* 最短2ヶ月で資格が取得できる
*---------------------------------------------------*/
.d_triangle {
  display: flex;
  justify-content: center;
  margin: 2px auto 0 auto;
  padding: 0;
  width: 100%;
  text-align: center;
}

.get_shikaku_2months {
  display: inline-block;
  margin: 60px auto 20px auto;
  padding: 0 40px 30px;
  width: 100%;
  background: #FAE4CA;
}

.get_shikaku_2months .get_catch {
  position: relative;
  margin: -30px auto 0 auto;
  padding: 0;
  width: 55%;
  height: 60px;
  font-size: 1.875rem;
  font-weight: 400;
  color: #fff;
  text-align: center;
  line-height: 60px;
  background: #d82851;
}

.get_shikaku_2months .get_catch .txt_lg {
  font-size: 2.25rem;
}

.get_shikaku_2months .get_catch::before,
.get_shikaku_2months .get_catch::after {
  content: "";
  position: absolute;
  top: 0;
  display: block;
  border: 30px solid #d82851;
}

.get_shikaku_2months .get_catch::before {
  left: -30px;
  border-left-width: 20px;
  border-left-color: transparent;
}

.get_shikaku_2months .get_catch::after {
  right: -20px;
  border-right-width: 20px;
  border-right-color: transparent;
}

.get_shikaku_2months ul.get_body {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 30px auto 0 auto;
  padding: 0;
  width: 100%;
}

.get_shikaku_2months ul.get_body .get_img {
  margin: 0;
  padding: 0;
  width: 35%;
}

.get_shikaku_2months ul.get_body .get_img > img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}

.get_shikaku_2months ul.get_body .get_txt {
  margin: 0;
  padding: 0;
  width: 62%;
}

.get_shikaku_2months ul.get_body .get_txt .txt_body {
  margin: 0;
  padding: 0;
  width: 100%;
}

.get_shikaku_2months ul.get_body .get_txt .txt_body > dt {
  margin: 0;
  padding: 0;
  width: 100%;
  font-size: 1.625rem;
  /* font-weight: 500; */
  font-weight: bold;
  color: #D50021;
}

.get_shikaku_2months ul.get_body .get_txt .txt_body > dd {
  margin: 6px 0 0 0;
  padding: 0;
  width: 100%;
  font-size: 1rem;
  /* font-weight: 500; */
  font-weight: bold;
  color: #001F58;
  line-height: 1.8rem;
}

/*
* 諒設計アーキテクトラーニングはここが違う
*---------------------------------------------------*/
.school_appeal {
  position: relative;
  margin: 30px auto 0 auto;
  padding: 30px;
  width: 100%;
  background: #E8F1FF;
  border-radius: 5px;
}

.school_appeal .trust_school {
  margin: 0 auto;
  padding: 15px 30px;
  width: 100%;
  background: #fff;
  border-radius: 5px;
}

.school_appeal .trust_school > dt {
  position: relative;
  margin: 0;
  padding: 0;
  width: 100%;
}

.school_appeal .trust_school > dt::before {
  content: "";
  position: absolute;
  top: 26%;
  left: 17%;
  display: inline-block;
  width: 50px;
  height: 50px;
  background-image: url("../../images/kouza/title_deco_mark_red_before.svg");
  background-size: contain;
}

.school_appeal .trust_school > dt::after {
  content: "";
  position: absolute;
  top: 26%;
  right: 17%;
  display: inline-block;
  width: 50px;
  height: 50px;
  background-image: url("../../images/kouza/title_deco_mark_red_after.svg");
  background-size: contain;
}

.school_appeal .trust_school > dt ul.trust_title {
  margin: 0;
  padding: 0;
  width: 100%;
}

.school_appeal .trust_school > dt ul.trust_title .title_upper {
  margin: 0;
  padding: 0;
  width: 100%;
  font-size: 1.25rem;
  /* font-weight: 500; */
  font-weight: bold;
  color: #333;
  text-align: center;
}

.school_appeal .trust_school > dt ul.trust_title .title_lower {
  margin: -5px 0 0 0;
  padding: 0;
  width: 100%;
  font-size: 2.25rem;
  /* font-weight: 500; */
  font-weight: bold;
  color: #003CAA;
  text-align: center;
}

.school_appeal .trust_school > dt ul.trust_title .title_lower .title_red {
  font-size: 2.5rem;
  color: #C62916;
}

.school_appeal .trust_school > dd {
  margin: 5px auto 0 auto;
  padding: 5px 0;
  width: 100%;
  font-size: 1rem;
  /* font-weight: 500; */
  font-weight: bold;
  color: #fff;
  text-align: center;
  background: #C62916;
  border-radius: 4px;
}

.school_appeal .appeal_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 30px auto 0 auto;
  padding: 72px 0 0 0;
  width: 100%;
}

.school_appeal .appeal_list li {
  margin: 0;
  padding: 0 30px 40px 30px;
  width: 49%;
  background: #fff;
  border-radius: 8px;
}

.school_appeal .appeal_list li:nth-of-type(3),
.school_appeal .appeal_list li:nth-of-type(4) {
  margin-top: 92px;
}

.school_appeal .appeal_list li .appeal_illust {
  margin: -72px auto 0 auto;
  padding: 0;
  width: 144px;
  height: 144px;
}

.school_appeal .appeal_list li .appeal_body {
  margin: 10px auto 0 auto;
  padding: 0;
  width: 100%;
}

.school_appeal .appeal_list li .appeal_body dt {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 70px;
  font-size: 1.375rem;
  /* font-weight: 500; */
  font-weight: bold;
  color: #e62d18;
  text-align: center;
  line-height: 2rem;
}

.school_appeal .appeal_list li .appeal_body dd {
  margin: 15px 0 0 0;
  padding: 0;
  width: 100%;
  font-size: 0.9375rem;
  color: #555;
  line-height: 1.8rem;
}

/*
* 講座の特徴ページ内コラム
*---------------------------------------------------*/
.inner_column {
  display: flex;
  margin: 50px auto 0 auto;
  padding: 0;
  width: 100%;
}

.inner_column .column_img {
  position: relative;
  margin: 0;
  padding: 0;
  width: 30%;
  border: 1px solid #eee;
  overflow: hidden;
}

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

.inner_column .column_txt {
  margin: 0;
  padding: 0;
  width: 70%;
}

.inner_column .column_txt .column_title {
  position: relative;
  margin: 0 0 15px 0;
  width: 100%;
  font-size: 1.875rem;
  /* font-weight: 500; */
  font-weight: bold;
  color: #0068b7;
}

.inner_column .column_txt .column_body {
  margin: 0;
  padding: 30px 40px;
  width: 100%;
  min-height: 400px;
  font-size: 0.875rem;
  color: #333;
  line-height: 1.8rem;
  background: #faf6ee;
}

.column_img_left {
  flex-direction: row;
}

.column_img_left .column_title {
  display: flex;
  align-items: center;
}

.column_img_left .column_title::before {
  content: "";
  margin: 0 20px;
  height: 1px;
  flex-grow: 1;
  background-color: #d5d5d5;
}

.column_img_right {
  flex-direction: row-reverse;
}

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

.column_img_right .column_title {
  display: flex;
  align-items: center;
}

.column_img_right .column_title::after {
  content: "";
  margin: 0 20px;
  height: 1px;
  flex-grow: 1;
  background-color: #d5d5d5;
}

/*
* 資格取得の5つのメリット
*---------------------------------------------------*/
.shikaku_merit {
  margin: 30px auto 0 auto;
  padding: 40px 30px 0 30px;
  width: 100%;
  background-color: #F5FAFD;
}

.shikaku_merit .merit_title {
  margin: 0 auto;
  padding: 0;
  width: 100%;
  font-size: 2.0625rem;
  /* font-weight: 500; */
  font-weight: bold;
  color: #f54d60;
  text-align: center;
}

.shikaku_merit .merit_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 80px auto 0 auto;
  padding: 0;
  width: 100%;
  counter-reset: number 0;
}

.shikaku_merit .merit_list::after {
  display: block;
  content: "";
  width: 32%;
}

.shikaku_merit .merit_list li {
  margin: 0 0 60px 0;
  padding: 0 0 30px 0;
  width: 32%;
  background: #fff;
}

.shikaku_merit .merit_list li .list_no {
  position: relative;
  margin: -20px 0 0 10px;
  padding: 0 0 0 85px;
  width: 80%;
  height: 40px;
  font-size: 1.25rem;
  color: #fff;
  line-height: 40px;
  background: #fd5e70;
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
}

.shikaku_merit .merit_list li .list_no::before {
  counter-increment: number 1;
  content: counter(number);
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  padding: 0em;
  width: 65px;
  height: 65px;
  font-size: 1.875rem;
  color: #fd5e70;
  text-align: center;
  line-height: 57px;
  background: #fff;
  border: 1px solid #fd5e70;
  border-radius: 50%;
}

.shikaku_merit .merit_list li .list_no::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: -20px;
  height: 30px;
  border: 20px solid #fd5e70;
  border-right-width: 15px;
  border-right-color: transparent;
}

.shikaku_merit .merit_list li .list_body {
  margin: 30px auto 0 auto;
  padding: 0 20px;
  width: 100%;
}

.shikaku_merit .merit_list li .list_body dt {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 130px;
}

.shikaku_merit .merit_list li .list_body dt .list_title {
  margin: 0;
  padding: 5px 0 0 0;
  width: 70%;
  font-size: 1.375rem;
  /* font-weight: 500; */
  font-weight: bold;
  color: #f54d60;
  line-height: 2rem;
}

.shikaku_merit .merit_list li .list_body dt .list_illust {
  margin: 0;
  padding: 0;
  width: 30%;
  max-height: 130px;
}

.shikaku_merit .merit_list li .list_body dt .list_illust > img {
  max-width: 100%;
  height: auto;
}

.shikaku_merit .merit_list li .list_body dd {
  margin: 15px 0 0 0;
  padding: 0;
  width: 100%;
  font-size: 0.9375rem;
  color: #363636;
  line-height: 1.6rem;
}

/*
*　私もおすすめします
*-----------------------------------------------*/
.recommend_title {
  position: relative;
  margin: 40px 0 0 25px;
  padding: 6px 0 9px 0;
  width: 30%;
  font-size: 1.375rem;
  color: #fff;
  text-align: center;
  background: #f87175;
  border-radius: 50px;
}

.recommend_title::after {
  position: absolute;
  content: "";
  bottom: -17px;
  left: 40px;
  width: 0;
  height: 0;
  border-width: 18px 4px 0 13px;
  border-style: solid;
  border-color: #f87175 transparent transparent transparent;
}

.recommend_person {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: -7px auto 0 auto;
  padding: 50px 40px;
  width: 100%;
  outline: 2px dashed #fff;
  outline-offset: -15px;
  background: #FDF0F0;
  border-radius: 8px;
}

.recommend_person .rec_img {
  position: relative;
  margin: 0;
  padding: 0;
  width: 20%;
  overflow: hidden;
}

.recommend_person .rec_img > img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  min-width: 100%;
  min-height: 100%;
}

.recommend_person .person_profile {
  margin: 0;
  padding: 0;
  width: 36%;
}

.recommend_person .person_profile dt {
  margin: 0;
  padding: 0;
  width: 100%;
}

.recommend_person .person_profile dt .sub_name {
  margin: 0;
  padding: 0;
  width: 100%;
  font-size: 1.125rem;
  /* font-weight: 500; */
  font-weight: bold;
  color: #AC3B3B;
}

.recommend_person .person_profile dt .main_name {
  margin: 0;
  padding: 0;
  width: 100%;
  font-size: 1.375rem;
  /* font-weight: 500; */
  font-weight: bold;
  color: #AC3B3B;
}

.recommend_person .person_profile dd {
  margin: 10px 0 0 0;
  padding: 0;
  width: 100%;
  font-size: 0.875rem;
  color: #a86b36;
  line-height: 1.5rem;
}

.recommend_person .comment_body {
  margin: 0;
  padding: 20px 25px;
  width: 38%;
  font-size: 0.875rem;
  color: #555;
  line-height: 1.6rem;
  background: #fff;
  border-radius: 5px;
}

/*
*　私もこの資格を取得しました
*-----------------------------------------------*/
.get_person_title {
  position: relative;
  margin: 40px 0 0 25px;
  padding: 6px 0 9px 0;
  width: 40%;
  font-size: 1.375rem;
  color: #fff;
  text-align: center;
  background: #f7906b;
  border-radius: 50px;
}

.get_person_title::after {
  position: absolute;
  content: "";
  bottom: -17px;
  left: 40px;
  width: 0;
  height: 0;
  border-width: 18px 4px 0 13px;
  border-style: solid;
  border-color: #f7906b transparent transparent transparent;
}

.shikaku_get_person {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: -7px auto 0 auto;
  padding: 50px 40px 30px 40px;
  width: 100%;
  outline: 2px dashed #fff;
  outline-offset: -15px;
  background: #fff0e5;
  border-radius: 8px;
}

.shikaku_get_person .get_person_profile {
  margin: 0;
  padding: 0;
  width: 20%;
}

.shikaku_get_person .get_person_profile dt {
  margin: 0;
  padding: 0;
  width: 100%;
  overflow: hidden;
}

.shikaku_get_person .get_person_profile dt > img {
  min-width: 100%;
  min-height: 100%;
}

.shikaku_get_person .get_person_profile dd {
  margin: 15px 0 0 0;
  padding: 0;
  width: 100%;
}

.shikaku_get_person .get_person_profile dd .sub_name {
  margin: 0;
  padding: 0;
  width: 100%;
  font-size: 1.125rem;
  /* font-weight: 500; */
  font-weight: bold;
  color: #9F4646;
  text-align: center;
}

.shikaku_get_person .get_person_profile dd .main_name {
  margin: 0;
  padding: 0;
  width: 100%;
  font-size: 1.375rem;
  /* font-weight: 500; */
  font-weight: bold;
  color: #9F4646;
  text-align: center;
}

.shikaku_get_person .person_interview {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0;
  padding: 0;
  width: 77%;
}

.shikaku_get_person .person_interview li {
  margin: 0 0 2% 0;
  padding: 0;
  width: 49%;
}

.shikaku_get_person .person_interview li .interview_body {
  margin: 0;
  padding: 0;
  width: 100%;
}

.shikaku_get_person .person_interview li .interview_body dt {
  margin: 0;
  padding: 7px 15px;
  width: 100%;
  font-size: 0.875rem;
  color: #fff;
  background: #BA7777;
  border-radius: 5px;
}

.shikaku_get_person .person_interview li .interview_body dd {
  margin: 8px 0 0 0;
  padding: 10px 20px;
  width: 100%;
  font-size: 0.875rem;
  color: #555;
  line-height: 1.6rem;
  background: #fff;
  border-radius: 5px;
}

/**
** 学習カリキュラム
**
===================================================================*/
/*
*　ヘッドエリア（学習カリキュラム・口コミ評判）
*-----------------------------------------------*/
.page_head_area {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 auto;
  padding: 40px 20px;
  width: 100%;
  background: #fff;
}

.page_head_area::after {
  content: "";
  position: absolute;
  top: -9px;
  bottom: -9px;
  left: 0;
  right: 0;
  background: repeating-linear-gradient(-60deg, #669bc5, #669bc5 2px, transparent 2px, transparent 5px);
  background-color: #fff;
  z-index: -1;
}

.page_head_area .catch_area {
  margin: 0;
  padding: 0;
  width: 54%;
}

.page_head_area .catch_area .page_catch {
  margin: 0 0 30px 0;
  padding: 0;
  width: 100%;
  font-size: 2.125rem;
  /* font-weight: 500; */
  font-weight: bold;
  color: #e93626;
  line-height: 3.2rem;
}

.page_head_area .catch_area .cl_blue {
  color: #0068b7;
}

.page_head_area .catch_area .head_lead {
  margin: 0;
  padding: 0;
  width: 100%;
  font-size: 1rem;
  color: #5f5f5f;
  line-height: 2rem;
}

.page_head_area .sp_img_area {
  display: none;
}

.page_head_area .img_area {
  margin: 0;
  padding: 0;
  width: 43%;
}

/**
** 資格試験概要
**
===================================================================*/
.summary_head_area {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 auto;
	padding: 0;
	width: 100%;
	border: 1px solid #dce5f5;
}

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

	.summary_head_area {
		margin-top: 8px;
	}

}

.summary_head_area .catch_area {
	margin: 0;
	padding: 0;
	width: 68%;
	background: #fff;
}

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

	.summary_head_area .catch_area {
		width: 100%;
	}

}

.summary_head_area .catch_area .page_img {
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 100%;
	height: 220px;
	overflow: hidden;
}

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

	.summary_head_area .catch_area .page_img {
		height: 180px;
	}

}

.summary_head_area .catch_area .page_img > img {
	object-fit: cover;
	width: 100%;
	height: 100%;
}


.summary_head_area .catch_area .page_catch {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	margin: 0 auto;
	padding: 0.8em 1em;
	width: 100%;
	font-size: 1.4rem;
	color: #10447c;
	background: rgba(255, 255, 255, 0.8);
}

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

	.summary_head_area .catch_area .page_catch {
		padding: 0.5em 0.8em;
		font-size: 1.2rem;
	}

}

.summary_head_area .catch_area .summary_txt {
	margin: 0 auto;
	padding: 1em;
	width: 100%;
	font-size: 0.94rem;
	color: #222;
	line-height: 1.5rem;
	background: #f0f0f0;
}

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

	.summary_head_area .catch_area .summary_txt {
		padding: 0.6em 0.8em;
		font-size: 0.9rem;
		line-height: 1.4rem;
	}

}

.summary_head_area .next_exam_area {
	position: relative;
	margin: 0;
	padding: 1.2em;
	width: 32%;
	background: #fafafa;
}

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

	.summary_head_area .next_exam_area {
		padding: 0.8em 1.2em;
		width: 100%;
	}

}

.summary_head_area .next_exam_area .exam_title {
	margin: 0 auto;
	padding: 0 0 6px 0;
	width: 100%;
	font-size: 1.5rem;
	font-weight: bold;
	color: #000;
	text-align: center;
	border-bottom: 1px solid #ddd;
}

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

	.summary_head_area .next_exam_area .exam_title {
		font-size: 1.3rem;
	}

}

.summary_head_area .next_exam_area .next_exam_date_area {
	margin: 16px auto 0 auto;
	padding: 0;
	width: 100%;
}

.summary_head_area .next_exam_area .next_exam_date_area .upper_txt {
	margin: 0;
	padding: 0;
	width: 100%;
	font-size: 1rem;
	color: #000;
}

.summary_head_area .next_exam_area .next_exam_date_area .next_exam_date {
	margin: 10px auto 0 auto;
	padding: 0;
	width: 100%;
	/* font-size: 1.6rem; */
  font-size: clamp(1.2vw, 1.6vw, 1.5rem);
	color: #a41414;
	text-align: center;
}

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

	.summary_head_area .next_exam_area .next_exam_date_area .next_exam_date {
		margin: 6px auto 0 auto;
		font-size: 1.5rem;
	}

}

.summary_head_area .next_exam_area .next_exam_date_area .apply_term {
	margin: 12px auto 0 auto;
	padding: 0;
	width: 100%;
	/* font-size: 0.9rem; */
  font-size: clamp(0.9rem, 0.9rem, 0.9rem);
	color: #222;
	text-align: center;
}

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

	.summary_head_area .next_exam_area .next_exam_date_area .apply_term {
		margin: 4px auto 0 auto;
	}

}

.summary_head_area .next_exam_area .other_exam_date {
	margin: 20px auto 0 auto;
	padding: 0;
	width: 90%;
}

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

	.summary_head_area .next_exam_area .other_exam_date {
		margin: 12px auto 0 auto;
		width: 100%;
	}

}

.summary_head_area .next_exam_area .other_exam_date > a {
	display: inline-block;
	margin: 0;
	padding: 0.8em 0;
	width: 100%;
	font-size: 1rem;
	color: #2b587d;
	text-align: center;
	border: 1px solid #b9c9d6;
}

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

	.summary_head_area .next_exam_area .other_exam_date > a {
		padding: 0.4em 0;
		font-size: 0.94rem;
	}

}

.summary_head_area .next_exam_area .other_exam_date > a:hover {
	color: #5882a5;
	border: 1px solid #5882a5;
	transform: all .3s ease;
}


.summary_head_area .next_exam_area .order_exam_area {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 60px;
}

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

	.summary_head_area .next_exam_area .order_exam_area {
		/* position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 60px; */
		display: none;
	}

}

.summary_head_area .next_exam_area .order_exam_area > a {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	font-size: 1.2rem;
	font-weight: bold;
	color: #fff;
	background: #e38a37;
}

.summary_head_area .next_exam_area .order_exam_area > a:hover {
	background: #ee8019;
	transition: all .3s ease;
}


/*
*　講座内容
*-----------------------------------------------*/
.curriculum_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 40px auto 0 auto;
  padding: 0;
  width: 94%;
}

.curriculum_list li {
  margin: 0 0 1% 0;
  padding: 0;
  width: 100%;
  border: 1px solid #ddd;
}

.curriculum_list li .curriculum_body {
  margin: 0;
  padding: 0;
  width: 100%;
}

.curriculum_list li .curriculum_body dt {
  margin: 0;
  padding: 8px 15px;
  width: 100%;
  font-size: 1rem;
  color: #fff;
  background: #0068b7;
}

.curriculum_list li .curriculum_body dd {
  margin: 0;
  padding: 10px 15px;
  width: 100%;
}

.curriculum_list li .curriculum_body dd > p {
  display: block;
  margin: 0;
  padding: 15px 20px;
  width: 100%;
  height: 100%;
  font-size: 0.875rem;
  font-weight: normal;
  color: #333;
  line-height: 1.8rem;
  background: #F0F5F8;
}

/*
*　カリキュラムステップ
*-----------------------------------------------*/
.curriculum_step_area {
  margin: 40px auto 0 auto;
  padding: 0;
  width: 94%;
}

.curriculum_step_area .curriculum_step {
  margin: 0;
  padding: 0;
  width: 100%;
}

.curriculum_step_area .curriculum_step > dt {
  margin: 0;
  padding: 8px 15px;
  width: 100%;
  font-size: 1rem;
  /* font-weight: 500; */
  font-weight: bold;
  color: #fff;
  background: #0068b7;
}

.curriculum_step_area .curriculum_step > dt .step_no {
  display: inline-block;
  margin: 0 15px 0 0;
  padding: 5px 0;
  width: 100px;
  font-size: 1.125rem;
  color: #fff;
  text-align: center;
  background: #1b30a5;
}

.curriculum_step_area .curriculum_step > dt.step_graduate {
  display: inline-block;
  margin: 0 15px 0 0;
  padding: 8px 0;
  font-size: 1.125rem;
  color: #fff;
  text-align: center;
  background: #951ba5;
}

.curriculum_step_area .curriculum_step > dd {
  margin: 0;
  padding: 20px;
  width: 100%;
  font-size: 1rem;
  color: #666;
  line-height: 1.6rem;
  border: 1px solid #ddd;
}

.curriculum_step_area .step_down_triangle {
  display: flex;
  justify-content: center;
  margin: 15px auto;
  padding: 0;
  width: 100%;
}

/*
*　試験対策もバッチリタイトル（学習カリキュラム・口コミ評判）
*-----------------------------------------------*/
.get_shikaku_txt {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  position: relative;
  margin: 40px auto 0 auto;
  padding: 10px 0;
  width: 90%;
}

.get_shikaku_txt::before,
.get_shikaku_txt::after {
  content: "";
  position: absolute;
  display: inline-block;
  top: 50%;
  width: 90px;
  height: 2px;
  background-color: #4183B4;
}

.get_shikaku_txt::before {
  left: 0;
  transform: rotate(70deg);
}

.get_shikaku_txt::after {
  right: 0;
  transform: rotate(-70deg);
}

.get_shikaku_txt .sub_txt {
  display: block;
  margin: 0;
  padding: 0;
  width: 100%;
  font-size: 1.1875rem;
  /* font-weight: 500; */
  font-weight: bold;
  color: #4183B4;
  text-align: center;
}

.get_shikaku_txt .main_txt {
  margin: 0;
  padding: 0;
  width: 100%;
  font-size: 1.8rem;
  /* font-weight: 500; */
  font-weight: bold;
  color: #d12d40;
  text-align: center;
}

/*
*　試験対策もバッチリ講座リンク（学習カリキュラム・口コミ評判）
*-----------------------------------------------*/
.get_kouza_link {
  margin: 30px auto 20px auto;
  padding: 20px 0;
  width: 100%;
  background-color: #F2F5FA;
  border-radius: 5px;
}

.get_kouza_link .section_inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.get_kouza_link .section_inner .apply_title {
  margin: 0 2% 0 0;
  padding: 0;
  width: 42%;
  font-size: 1.25rem;
  /* font-weight: 500; */
  font-weight: bold;
  color: #053A5C;
}

.get_kouza_link .section_inner .apply_title .lg_txt {
  display: inline-block;
  width: 100%;
  font-size: 1.5rem;
  /* font-weight: 500; */
  font-weight: bold;
}

.get_kouza_link .section_inner .apply_title .txt_red {
  color: #dd1f1f;
}

.get_kouza_link .section_inner .kouza_link {
  margin: 0;
  padding: 0;
  width: 58%;
}

.get_kouza_link .section_inner .kouza_link > a {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  margin: 0;
  padding: 15px 13px;
  width: 100%;
  height: 100%;
  text-decoration: none;
  background: #5f96c4;
  border-radius: 5px;
}

.get_kouza_link .section_inner .kouza_link > a:hover {
  background: #43759e;
}

.get_kouza_link .section_inner .kouza_link > a .link_img {
  position: relative;
  margin: 0;
  padding: 0;
  width: 20%;
  height: 90px;
}

.get_kouza_link .section_inner .kouza_link > a .link_img > img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  min-width: 100%;
  min-height: 100%;
}

.get_kouza_link .section_inner .kouza_link > a .kouza_name {
  position: relative;
  margin: 0;
  padding: 0;
  width: 77%;
}

.get_kouza_link .section_inner .kouza_link > a .kouza_name::after {
  position: absolute;
  top: 50%;
  right: 4%;
  transform: translateY(-50%);
  content: "\f054";
  font-size: 1.25rem;
  /* font-weight: 600; */
  font-weight: bold;
  color: #fff;
}

.get_kouza_link .section_inner .kouza_link > a .kouza_name .sub_catch {
  margin: 0;
  padding: 2px 0;
  width: 80%;
  font-size: 0.75rem;
  color: #fff;
  text-align: center;
  background: #92B5D3;
  border-radius: 4px;
}

.get_kouza_link .section_inner .kouza_link > a .kouza_name .main_name {
  margin: 8px 0 0 0;
  padding: 0;
  width: 100%;
  font-size: 1.25rem;
  color: #fff;
}

.get_kouza_link .section_inner .kouza_link > a .kouza_name .sub_name {
  margin: 0;
  padding: 0;
  width: 100%;
  font-size: 1rem;
  font-weight: normal;
  color: #fff;
}

/*
*　試験対策もバッチリ資料請求・受講申し込み（学習カリキュラム・口コミ評判）
*-----------------------------------------------*/
.kouza_apply {
  margin: 30px auto;
  padding: 20px 0;
  width: 100%;
  background: #E7EDF7;
  border-radius: 5px;
}

.kouza_apply .section_inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.kouza_apply .section_inner .apply_title {
  margin: 0 2% 0 0;
  padding: 0;
  width: 33%;
}

.kouza_apply .section_inner .apply_title .main_title {
  margin: 0;
  padding: 0;
  width: 100%;
  font-size: 1.625rem;
  /* font-weight: 500; */
  font-weight: bold;
  color: #053A5C;
}

.kouza_apply .section_inner .apply_title .title_lead {
  margin: 3px 0 0 0;
  padding: 0;
  width: 100%;
  font-size: 1rem;
  color: #151515;
  line-height: 1.4rem;
}

.kouza_apply .section_inner .apply_document {
  margin: 0 1% 0 0;
  padding: 0;
  width: 34%;
  height: 80px;
}

.kouza_apply .section_inner .apply_document > a {
  display: block;
  margin: 0;
  padding: 6px 10px 0 10px;
  width: 100%;
  height: 100%;
  font-size: 1.375rem;
  color: #fff;
  text-decoration: none;
  text-align: center;
  background: #22993a;
  border-radius: 8px;
}

.kouza_apply .section_inner .apply_document > a::before {
  margin-right: 10px;
  content: "\f5da";
  font-size: 1.5rem;
  /* font-weight: 600; */
  font-weight: bold;
}

.kouza_apply .section_inner .apply_document > a:hover {
  background: #1b8631;
}

.kouza_apply .section_inner .apply_document > a .apply_document_comment {
  margin: 5px auto 0 auto;
  padding: 3px 0 4px 0;
  width: 100%;
  font-size: 0.6875rem;
  color: #22993a;
  text-align: center;
  background: #fff;
  border-radius: 5px;
}

.kouza_apply .section_inner .apply_kouza {
  margin: 0 0 0 1%;
  padding: 0;
  width: 34%;
  height: 80px;
}

.kouza_apply .section_inner .apply_kouza > a {
  display: block;
  margin: 0;
  padding: 6px 10px 0 10px;
  width: 100%;
  height: 100%;
  font-size: 1.375rem;
  color: #fff;
  text-decoration: none;
  text-align: center;
  background: #f02e28;
  border-radius: 8px;
}

.kouza_apply .section_inner .apply_kouza > a::before {
  margin-right: 10px;
  content: "\f044";
  font-size: 1.5rem;
}

.kouza_apply .section_inner .apply_kouza > a:hover {
  background: #d43631;
}

.kouza_apply .section_inner .apply_kouza > a .apply_kouza_comment {
  margin: 5px auto 0 auto;
  padding: 3px 0 4px 0;
  width: 100%;
  font-size: 0.6875rem;
  color: #f02e28;
  text-align: center;
  background: #fff;
  border-radius: 5px;
}

/**
** 講座コラム
**
===================================================================*/
/*
*　ヘッドエリア
*-----------------------------------------------*/
.column_head_area {
  position: relative;
  margin: 0 auto;
  padding: 40px 20px;
  width: 100%;
  background: #fff;
}

.column_head_area::after {
  content: "";
  position: absolute;
  top: -9px;
  bottom: -9px;
  left: 0;
  right: 0;
  background: repeating-linear-gradient(-60deg, #669bc5, #669bc5 2px, transparent 2px, transparent 5px);
  background-color: #fff;
  z-index: -1;
}

.column_head_area .column_title {
  margin: 0;
  padding: 0;
  width: 100%;
  font-size: 2.125rem;
  /* font-weight: 500; */
  font-weight: bold;
  color: #0068b7;
  line-height: 3.2rem;
}

.column_head_area .post_date {
  margin: 6px auto 20px auto;
  padding: 0.5em 1em;
  width: 100%;
  font-size: 1rem;
  color: #222;
  text-align: right;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}

.column_head_area .column_lead {
  margin: 0;
  padding: 0;
  width: 100%;
  font-size: 1rem;
  color: #5f5f5f;
  line-height: 1.8rem;
}

.column_head_area .column_head_img {
  position: relative;
  margin: 20px auto 0 auto;
  padding: 0;
  width: 100%;
  height: 450px;
  overflow: hidden;
}

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

/*
* コラムトップページ・コラム一覧
*----------------------------------------------*/
.kouza_column_area {
  margin: 0 auto;
  padding: 0 30px 60px 30px;
  width: 100%;
}

.kouza_column_area .column_list_body {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 50px auto 0 auto;
  padding: 0;
  width: 100%;
}

.kouza_column_area .column_list_body::after {
  display: block;
  content: "";
  width: 32.6666666667%;
}

.kouza_column_area .column_list_body > li {
  margin: 0 0 1% 0;
  padding: 20px 10px;
  width: 32.6666666667%;
  background: #fff;
  border: 1px solid #ddd;
}

.kouza_column_area .column_list_body > li .column_title {
  margin: 0;
  padding: 0;
  width: 100%;
  min-height: 60px;
  font-size: 1rem;
  /* font-weight: 500; */
  font-weight: bold;
  color: #433006;
  /* line-height: 1.8rem; */
  line-height: 1.6rem;
}

.kouza_column_area .column_list_body > li .column_title > a {
  color: #433006;
  text-decoration: none;
}

.kouza_column_area .column_list_body > li .column_title > a:hover {
  color: #ab0a0a;
  transition: all 0.3s;
}

.kouza_column_area .column_list_body > li > a:hover .column_title {
  color: #ab0a0a;
  transition: all 0.3s;
}

.kouza_column_area .column_list_body > li .article_img {
  position: relative;
  margin: 15px 0 0 0;
  padding: 0;
  width: 100%;
  height: 110px;
  border: 1px solid #ddd;
  overflow: hidden;
}

.kouza_column_area .column_list_body > li .article_img > img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  min-width: 100%;
  min-height: 100%;
}

.kouza_column_area .column_list_body > li .article_lead {
  margin: 10px 0 0 0;
  padding: 0;
  width: 100%;
  min-height: 70px;
  font-size: 0.875rem;
  color: #333;
  line-height: 1.4rem;
}

.kouza_column_area .column_list_body > li .article_link_btn {
  margin: 20px auto 0 auto;
  padding: 0;
  width: 100%;
  height: 55px;
}

.kouza_column_area .column_list_body > li .article_link_btn > a {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  font-size: 1.125rem;
  /* font-weight: 500; */
  font-weight: bold;
  color: #fff;
  text-decoration: none;
  background: #B399D6;
  border-radius: 5px;
}

.kouza_column_area .column_list_body > li .article_link_btn > a::after {
  position: absolute;
  top: 50%;
  right: 10%;
  transform: translateY(-50%);
  content: "\f054";
  /* font-weight: 600; */
  font-weight: bold;
}

.kouza_column_area .column_list_body > li .article_link_btn > a:hover {
  background: #9274b9;
}

/*
* コラム目次
*----------------------------------------------*/
.page_index {
  margin: 20px auto;
  padding: 0 40px 20px 40px;
  width: 100%;
  border: 2px solid #a6c9e6;
}

.page_index > dt {
  margin: 0 auto;
  padding: 3px 0 5px 0;
  width: 20%;
  font-size: 1.125rem;
  color: #fff;
  text-align: center;
  background: #65a9e0;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

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

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

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

.page_index > dd ul.index_link li > a:hover {
  color: #0e5985;
  text-decoration: underline;
}

.page_index > dd ul.index_link .level_1 {
  margin: 10px 0;
  padding: 0;
  width: 100%;
  font-size: 1.125rem;
}

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

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

/* 202111追記 */
.page_index > dd ul.index_link .level_3 {
  margin: 10px 0 10px 60px;
  padding: 0;
  width: 100%;
  font-size: 0.9375rem;
}

.page_index > dd ul.index_link .level_3 + .level_3 {
  margin-top: 5px;
}

/* // 202111追記 */
/*
* 関連コラム一覧
*----------------------------------------------*/
.rel_column_article {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 auto !important;
  padding: 0;
  width: 94%;
}
@media screen and (max-width: 480px) {
  .rel_column_article {
    padding-top: 20px;
    width: 92%;
  }
}
.rel_column_article > li {
  margin: 0 0 10px 0 !important;
  padding: 0;
  width: 46%;
  box-sizing: border-box;
}
@media screen and (max-width: 480px) {
  .rel_column_article > li {
    margin-left: 1.6em !important;
    width: 90%;
  }
}
.rel_column_article > li > a {
  font-size: 0.9rem;
  color: #0044cc;
  /* color: #22438d;
  text-decoration: none !important; */
  text-decoration: underline;
  text-underline-offset: 5px;
}
.rel_column_article > li > a::before {
  content: "\f0a9";
  margin-right: 8px;
  margin-left: -1.5em;
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
}
@media screen and (max-width: 480px) {
  .rel_column_article > li > a::before {
    margin-left: -1.6em;
  }
}
.rel_column_article > li > a:hover {
  color: #ac2424;
  transition: all 0.3s ease;
}

.rel_column {
  margin: 60px auto 0 auto;
  padding: 40px 30px;
  width: 100%;
  background: #f4f6fc;
}

.rel_column .rel_column_title {
  position: relative;
  margin: 0 0 40px 0;
  padding: 0;
  width: 100%;
  font-size: 1.375rem;
  /* font-weight: 500; */
  font-weight: bold;
  color: #0068b7;
  text-align: center;
}

.rel_column .rel_column_title::before {
  position: absolute;
  content: "";
  top: calc(50% - 1px);
  left: 0;
  width: 100%;
  height: 1px;
  background: #c0c8da;
}

.rel_column .rel_column_title > span {
  position: relative;
  padding: 0 2rem;
  background: #f4f6fc;
}

.rel_column .rel_column_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 50px auto 0 auto;
  padding: 0;
  width: 100%;
}

.rel_column .rel_column_list::after {
  display: block;
  content: "";
  width: 32.6666666667%;
}

.rel_column .rel_column_list > li {
  margin: 0 0 1% 0;
  padding: 20px 10px;
  width: 32.6666666667%;
  background: #fff;
  border: 1px solid #ddd;
}

.rel_column .rel_column_list > li > a {
  color: #333;
  text-decoration: none;
}

.rel_column .rel_column_list > li > a:hover .column_title {
  color: #b62222;
  text-decoration: underline;
}

.rel_column .rel_column_list > li .column_title {
  margin: 0;
  padding: 0;
  width: 100%;
  min-height: 50px;
  font-size: 1rem;
  /* font-weight: 500; */
  font-weight: bold;
  color: #433006;
  line-height: 1.5rem;
}

.rel_column .rel_column_list > li .article_img {
  position: relative;
  margin: 15px 0 0 0;
  padding: 0;
  width: 100%;
  height: 90px;
  border: 1px solid #ddd;
  overflow: hidden;
}

.rel_column .rel_column_list > li .article_img > img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  min-width: 100%;
  min-height: 100%;
}

.rel_column .rel_column_list > li .article_link_btn {
  margin: 20px auto 0 auto;
  padding: 0;
  width: 100%;
  height: 40px;
}

.rel_column .rel_column_list > li .article_link_btn > a {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  font-size: 1rem;
  /* font-weight: 500; */
  font-weight: bold;
  color: #fff;
  text-decoration: none;
  background: #b399d6;
  border-radius: 5px;
}

.rel_column .rel_column_list > li .article_link_btn > a::after {
  position: absolute;
  top: 50%;
  right: 10%;
  transform: translateY(-50%);
  content: "\f054";
  /* font-weight: 600; */
  font-weight: bold;
}

.rel_column .rel_column_list > li .article_link_btn > a:hover {
  background: #9274b9;
}

/**
** 口コミ評判
**
===================================================================*/
/**
* 各講座口コミ評判
*-------------------------------------------*/
.kouza_kuchikomi_list {
  margin: 40px auto 0 auto;
  padding: 0;
  width: 96%;
  background: #fafafa;
  border: 1px solid #eee;
  border-radius: 5px;
}

.kouza_kuchikomi_list .body_inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0;
  padding: 30px;
  width: 100%;
}

.kouza_kuchikomi_list .body_inner .person_profile {
  margin: 0;
  padding: 0;
  width: 23%;
}

.kouza_kuchikomi_list .body_inner .person_profile .person_photo {
  position: relative;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 180px;
  overflow: hidden;
}

.kouza_kuchikomi_list .body_inner .person_profile .person_photo > img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}

.kouza_kuchikomi_list .body_inner .person_profile .person_name {
  margin: 0;
  padding: 20px 0 0 0;
  width: 100%;
  font-size: 1.5rem;
  /* font-weight: 500; */
  font-weight: bold;
  color: #4D1F06;
  text-align: center;
  background: #FDF4F4;
}

.kouza_kuchikomi_list .body_inner .person_profile .person_name::after {
  content: "さん";
  font-size: 1.125rem;
}

.kouza_kuchikomi_list .body_inner .person_profile .person_age {
  margin: 0;
  padding: 0 0 25px 0;
  width: 100%;
  font-size: 1rem;
  color: #4d1f06;
  text-align: center;
  background: #fdf4f4;
}

.kouza_kuchikomi_list .body_inner .kuchikomi_txt {
  margin: 0;
  padding: 0;
  width: 74%;
}

.kouza_kuchikomi_list .body_inner .kuchikomi_txt .kuchikomi_lead {
  margin: 0 0 40px 0;
  padding: 0;
  width: 100%;
  height: 80px;
  font-size: 1.375rem;
  /* font-weight: 500; */
  font-weight: bold;
  color: #d6580a;
  line-height: 2rem;
}

.kouza_kuchikomi_list .body_inner .kuchikomi_txt .kuchikomi_txt_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 10px 0 0 0;
  padding: 0;
  width: 100%;
}

.kouza_kuchikomi_list .body_inner .kuchikomi_txt .kuchikomi_txt_list > li {
  margin: 0;
  padding: 0;
  width: 49%;
}

.kouza_kuchikomi_list .body_inner .kuchikomi_txt .kuchikomi_txt_list > li .txt_body {
  margin: 0;
  padding: 0;
  width: 100%;
}

.kouza_kuchikomi_list .body_inner .kuchikomi_txt .kuchikomi_txt_list > li .txt_body dt {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0 30px;
  width: 100%;
  height: 40px;
  font-size: 1rem;
  color: #4D1F02;
  background: #F8E9DF;
}

.kouza_kuchikomi_list .body_inner .kuchikomi_txt .kuchikomi_txt_list > li .txt_body dt::before {
  margin-right: 12px;
  content: "\f4ad";
  font-size: 1.5rem;
  color: #c91740;
}

.kouza_kuchikomi_list .body_inner .kuchikomi_txt .kuchikomi_txt_list > li .txt_body dd {
  margin: 0 0 20px 0;
  padding: 15px 10px;
  width: 100%;
  font-size: 0.9375rem;
  color: #333;
  line-height: 1.6rem;
}

/**
** 資格試験概要
**
===================================================================*/
/*
* サマリー
*-----------------------------------------------*/
.shikaku_summary {
  margin: 40px auto 0 auto;
  padding: 30px 40px;
  width: 100%;
  font-size: 1rem;
  color: #333;
  line-height: 1.8rem;
  background-color: #f5fafd;
  border-radius: 5px;
}

/*
* 試験詳細
*-----------------------------------------------*/
.shiken_detail {
  margin: 40px auto 0 auto;
  padding: 0;
  width: 94%;
  border-collapse: collapse;
}

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

.shiken_detail th {
  position: relative;
  padding: 10px 0;
  width: 20%;
  font-size: 1rem;
  font-weight: 400;
  color: #fff;
  background: #0068b7;
  border-bottom: 1px solid #fff;
}

.shiken_detail th::after {
  position: absolute;
  display: block;
  content: "";
  top: calc(50% - 10px);
  right: -10px;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid #0068b7;
}

.shiken_detail td {
  padding: 10px 0 10px 40px;
  width: 80%;
  font-size: 1rem;
  color: #333;
  border-bottom: 1px dotted #ccc;
}

/*
* 試験日程
*-----------------------------------------------*/
.exam_date_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 40px auto 0 auto;
  padding: 0;
  width: 94%;
}

.exam_date_list::after {
  content: '';
  display: block;
  width: calc(98% / 3);
}

.exam_date_list li {
  margin: 0 0 1% 0;
  padding: 0;
  /* width: 32.6666666667%; */
  width: calc(98% / 3);
  border: 1px solid #ddd;
}

.exam_date_list li.end_schedule {
  display: none;
}

.exam_date_list li .date_list {
  margin: 0 auto;
  padding: 0;
  width: 100%;
}

.exam_date_list li .date_list dt {
  position: relative;
  margin: 0;
  padding: 10px 20px;
  width: 100%;
  font-size: 1.125rem;
  color: #fff;
  background: #0068b7;
}

.exam_date_list li .date_list dt .shiken_end {
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  margin: 0;
  padding: 1px 0 3px 0;
  width: 60px;
  font-size: 0.8125rem;
  color: #B11717;
  text-align: center;
  background: #fff;
}

.exam_date_list li .date_list dd {
  margin: 0;
  padding: 10px;
  width: 100%;
  background: #fff;
}

.exam_date_list li .date_list dd .date_detail {
  margin: 0 auto;
  padding: 0;
  width: 100%;
}

.exam_date_list li .date_list dd .date_detail dt {
  margin: 0;
  padding: 2px 0 3px 0;
  width: 100%;
  font-size: 0.875rem;
  color: #fff;
  text-align: center;
  background: #3f73c7;
}

.exam_date_list li .date_list dd .date_detail dd {
  margin: 0;
  padding: 10px 0;
  width: 100%;
  font-size: 1.25rem;
  /* font-weight: 500; */
  font-weight: bold;
  color: #0068b7;
  text-align: center;
  border-bottom: 2px solid #80a1d6;
}

.exam_date_list li .date_list dd .date_detail_tbl {
  margin: 0;
  padding: 0;
  width: 100%;
  border-collapse: collapse;
  background: #F0F5F8;
}

.exam_date_list li .date_list dd .date_detail_tbl tr:last-child th,
.exam_date_list li .date_list dd .date_detail_tbl tr:last-child td {
  border-bottom: none;
}

.exam_date_list li .date_list dd .date_detail_tbl th {
  margin: 0;
  padding: 10px 0 10px 15px;
  width: 40%;
  font-size: 0.8125rem;
  font-weight: normal;
  color: #333;
  line-height: 1.4rem;
  border-bottom: 1px solid #BBC6CC;
}

.exam_date_list li .date_list dd .date_detail_tbl td {
  margin: 0;
  padding: 10px 15px;
  width: 60%;
  font-size: 0.8125rem;
  color: #333;
  border-bottom: 1px solid #bbc6cc;
}

.other_exam_date {
	margin: 16px auto 0 auto;
	padding: 0;
	width: 94%;
}

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

	.other_exam_date {
		width: 100%;
	}

}

.other_exam_date summary {
	position: relative;
	display: block;
	padding: 0.6em 1.5em;
	color: #242323;
	font-size: 1.2rem;
	font-weight: bold;
	background: #cde4fd;
	list-style: none;
	cursor: pointer;
}

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

	.other_exam_date summary {
		padding: 0.4em 1.2em;
		color: #242323;
		font-size: 1.1rem;
	}

}

.other_exam_date summary::before {
    font-family: "Font Awesome 5 free";
    content: '\f067';
    margin-right: 20px;
}

.other_exam_date .exam_date_list {
	margin: 12px auto 0 auto;
	padding: 0;
	width: 100%;
}

/*
* 試験問題
*-----------------------------------------------*/
.exam_qa {
  margin: 40px auto 0 auto;
  padding: 0;
  width: 94%;
}

.exam_qa dt {
  position: relative;
  margin: 0;
  padding: 3px 0 20px 50px;
  width: 100%;
  font-size: 1rem;
  font-weight: bold;
}

.exam_qa dt::before {
  content: "問";
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  font-size: 1.1rem;
  color: #fff;
  background: #3C9B26;
  border-radius: 4px;
}

.exam_qa dt > span {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  padding: 4px 10px;
  font-size: 1.25rem;
  color: #fff;
  background: #3C9B26;
  border-radius: 5px;
}

.exam_qa dd {
  margin: 0;
  padding: 20px 30px;
  width: 100%;
  border: 1px solid #ddd;
}

.exam_qa dd .select_answer {
  margin: 0;
  padding: 0;
  width: 100%;
}

.exam_qa dd .select_answer li {
  margin: 0 0 5px 0;
  padding: 0;
  width: 100%;
  font-size: 1rem;
  font-weight: normal;
  color: #666;
  list-style-type: katakana;
  list-style-position: inside;
}

.q_num dd .select_answer li {
  list-style-type: decimal;
}

.q_alphabet dd .select_answer li {
  list-style-type: upper-alpha;
}

.answer_btn {
  margin: 0 auto;
  padding: 5px 0;
  width: 94%;
  font-size: 1rem;
  color: #fff;
  text-align: center;
  background: #26469e;
  cursor: pointer;
}

.answer_btn:hover {
  background: #9e3826;
  transition: all 0.3s;
}

.exam_answer {
  position: relative;
  margin: 20px auto 100px auto;
  padding: 0;
  width: 94%;
  text-align: right;
}

.exam_answer .answer_inner {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 4px 0 0 70px;
  width: 180px;
  height: 40px;
  font-size: 1.25rem;
  /* font-weight: 500; */
  font-weight: bold;
  color: #333;
  text-align: center;
  border: 1px solid #ddd;
  border-radius: 5px;
}

.exam_answer .answer_inner > span {
  display: block;
  position: absolute;
  top: 0;
  right: 100px;
  padding-top: 5px;
  width: 80px;
  height: 40px;
  font-size: 1.125rem;
  color: #fff;
  text-align: center;
  background: #b12c2c;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.exam_answer_num {
  display: flex;
  justify-content: flex-end;
  margin: 20px auto 100px auto;
  padding: 0;
  width: 94%;
}

.exam_answer_num > dt {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: 0;
  width: 80px;
  min-height: 40px;
  font-size: 1.125rem;
  color: #fff;
  text-align: center;
  background: #b12c2c;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.exam_answer_num > dd {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0 20px;
  max-width: 670px;
  min-height: 40px;
  font-size: 1.125rem;
  /* font-weight: 500; */
  font-weight: bold;
  color: #333;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

/**
** サイドバー
**
===================================================================*/
.side_contents {
  margin: 0;
  padding: 15px 10px;
  width: 100%;
  border-radius: 5px;
  background: #E4EDF7;
  position: sticky;
  top: 50px;
}

/* .side_contents .document_btn {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 auto;
	padding: 0;
	width: 85%;
} */
.side_contents .document_btn,
.side_contents .order_btn {
  margin: 0;
  padding: 0;
  width: 100%;
  /* height: 54px; */
  height: 60px;
  /* border: 1px solid red; */
}

.side_contents .document_btn {
  /* margin-bottom: 6px; */
  margin-bottom: 15px;
}

.side_contents .document_btn > a,
.side_contents .order_btn > a {
  display: block;
  position: relative;
  margin: 0 auto;
  padding: 0;
  /* width: 100%; */
  width: 90%;
  height: 100%;
  text-decoration: none;
}

.side_contents .document_btn > a:hover > img,
.side_contents .order_btn > a:hover > img {
  opacity: 0.7;
  transition: all 0.3s;
}

/* .side_contents .document_btn > a > img,
.side_contents .order_btn > a > img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100%;
	display: block;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

.side_contents .document_btn > a:hover img:nth-of-type(2),
.side_contents .order_btn > a:hover img:nth-of-type(2) {
	opacity: 0;
} */
/* .side_contents .btn_style,
.side_contents .order_btn,
.side_contents .document_btn {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 62px;
	border-radius: 5px;
}

.side_contents .btn_style > a,
.side_contents .order_btn > a,
.side_contents .document_btn > a {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	font-size: 1.125rem;
	color: #fff;
	text-decoration: none;
	border-radius: 5px;
}

.side_contents .btn_style > a::before,
.side_contents .order_btn > a::before,
.side_contents .document_btn > a::before {
	margin-right: 15px;
}

.side_contents .order_btn {
	margin-top: 8px;
	background: #c92520;
}

.side_contents .order_btn > a {
	position: relative;
	color: #fff;
	background: #c93626;
	border: 2px solid #ce3929;
	border-radius: 5px;
}

.side_contents .order_btn > a::after {
	position: absolute;
	top: 50%;
	right: 5%;
	transform: translateY(-50%);
	content: '\f0a9';
	font-size: 1.125rem;
font-weight: bold;
	color: #fff;
}

.side_contents .order_btn > a .btn_body {
	margin: 0 auto;
	padding: 6px 0 0 0;
	width: 100%;
}

.side_contents .order_btn > a .btn_body > dt {
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 100%;
	font-size: 0.625rem;
	color: #fff;
	text-align: center;
}

.side_contents .order_btn > a .btn_body > dt::before,
.side_contents .order_btn > a .btn_body > dt::after {
	content: '';
	position: absolute;
	display: inline-block;
	top: 50%;
	width: 15px;
	height: 1px;
	background-color: #fff;
}

.side_contents .order_btn > a .btn_body > dt::before {
	left: 18%;
	transform: rotate(70deg);
}

.side_contents .order_btn > a .btn_body > dt::after {
	right: 19%;
	transform: rotate(-70deg);
}

.side_contents .order_btn > a .btn_body > dd {
	margin: 3px 0 0 0;
	padding: 0;
	width: 100%;
	font-size: 1.125rem;
	color: #fff;
	text-align: center;
}

.side_contents .order_btn > a .btn_body > dd > i {
	margin-right: 6px;
}

.side_contents .order_btn > a:hover {
	background: #eb1e08;
	transition: all 0.4s;
}

.side_contents .document_btn {
	background: linear-gradient(to bottom, #1b8631, #278f5c);
	border: 2px solid #2E9862;
}

.side_contents .document_btn > a {
	background: url("../images/img_req_docu_side_btn_txt.svg") bottom left no-repeat;
}

.side_contents .document_btn > a:hover {
	background: #21a03a url("../images/img_req_docu_side_btn_txt.svg") bottom left no-repeat;
}

.side_contents .document_btn > a .btn_body {
	margin: 0 auto;
	padding: 6px 0 0 0;
	width: 100%;
}

.side_contents .document_btn > a .btn_body > dt {
	position: relative;
	margin: 0;
	padding: 0;
	width: 100%;
	font-size: 0.625rem;
font-weight: bold;
	text-align: center;
}

.side_contents .document_btn > a .btn_body > dt::before,
.side_contents .document_btn > a .btn_body > dt::after {
	content: '';
	position: absolute;
	display: inline-block;
	top: 50%;
	width: 15px;
	height: 1px;
	background-color: #fff;
}

.side_contents .document_btn > a .btn_body > dt::before {
	left: 5%;
	transform: rotate(70deg);
}

.side_contents .document_btn > a .btn_body > dt::after {
	right: 6%;
	transform: rotate(-70deg);
}

.side_contents .document_btn > a .btn_body > dd {
	margin: 2px 0 0 0;
	padding: 0;
	width: 100%;
	font-size: 1.25rem;
	text-indent: 20%;
}

.side_contents .document_btn > a .btn_body > dd > i {
	margin-right: 10px;
	font-size: 1.125rem;
}

.side_contents .document_btn > a .btn_body > dd::after {
	position: absolute;
	right: 6%;
	content: '\f0a9';
	font-size: 1.125rem;
font-weight: bold;
	color: #fff;
} */
.side_contents .kouza_menu {
  margin: 20px 0 0 0;
  padding: 0;
  width: 100%;
}

.side_contents .kouza_menu .menu_category {
  margin: 0;
  padding: 5px 0;
  width: 100%;
  font-size: 1rem;
  color: #fff;
  text-align: center;
  background: #0068b7;
}

.side_contents .kouza_menu .menu_category:nth-child(2n) {
  margin-top: 20px;
}

.side_contents .kouza_menu .menu_list {
  margin: 0;
  padding: 0;
  width: 100%;
  border-bottom: 1px solid #aebae9;
}

.side_contents .kouza_menu .menu_list > a {
  display: block;
  margin: 0;
  padding: 12px 15px;
  font-size: 0.875rem;
  color: #3f5588;
  text-decoration: none;
}

.side_contents .kouza_menu .menu_list > a:hover {
  background: #c3d5e9;
}

.side_contents .kouza_menu .menu_column {
  margin: 20px 0 0 0;
  padding: 0;
  width: 100%;
}

.side_contents .kouza_menu .menu_column > a {
  position: relative;
  display: block;
  margin: 0;
  padding: 8px 0;
  width: 100%;
  font-size: 0.875rem;
  color: #3f5588;
  text-align: center;
  text-decoration: none;
  border: 1px solid #b7cfeb;
  background: #d0e3f8;
}

.side_contents .kouza_menu .menu_column > a:hover {
  background: #bfd8f5;
}

.side_contents .kouza_menu .menu_column > a > i {
  position: absolute;
  top: 50%;
  right: 5%;
  transform: translateY(-50%);
  font-size: 0.875rem;
  color: #3f5588;
}

/**
** 監修者・著者ページ
**
===================================================================*/
.author_head_area {
  margin: 0 auto;
  padding: 30px 20px;
  width: 100%;
}

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

.author_name_area .name_left {
  margin: 0;
  padding: 0;
  width: 50%;
}

.author_name_area .name_left .author_name {
  margin: 0;
  padding: 0;
  width: 100%;
  font-size: 2.6rem;
  font-weight: bold;
  color: #7c0672;
}

.author_name_area .name_left .author_sub {
  margin: 5px 0 0 0;
  padding: 0;
  width: 100%;
  font-size: 1.2rem;
}

.author_name_area .name_right {
  margin: 0;
  padding: 0;
  width: 50%;
  height: 100%;
}

.author_name_area .name_right > dt {
  margin: 0;
  padding: 4px 15px;
  width: 100%;
  font-size: 1rem;
  color: #fff;
  background: #224d9c;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.author_name_area .name_right > dd {
  margin: 0;
  padding: 20px 0;
  width: 100%;
  font-size: 1rem;
  text-align: center;
  background: #ecf4fd;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

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

.profile_area .author_img_area {
  margin: 0;
  padding: 0;
  width: 30%;
}
@media screen and (max-width: 480px) {
  .profile_area .author_img_area {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
@media screen and (max-width: 480px) {
  .profile_area .author_img_area.img_1 {
    margin: 0 auto;
    width: 20%;
  }
}
.profile_area .author_img_area.img_1 .author_img {
  margin: 0;
  padding: 0;
  width: 100%;
  overflow: hidden;
}
@media screen and (max-width: 480px) {
  .profile_area .author_img_area.img_1 .author_img {
    margin: 0 auto;
    padding: 0;
    height: 80px;
  }
  .profile_area .author_img_area.img_1 .author_img > img {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
  }
}
@media screen and (max-width: 480px) {
  .profile_area .author_img_area.img_2 {
    margin: 0 auto;
    padding: 0;
    width: 50%;
  }
}
.profile_area .author_img_area.img_2 .author_img,
.profile_area .author_img_area.img_2 .author_second_img {
  margin: 0 0 10px 0;
  padding: 0;
  width: 100%;
  overflow: hidden;
}
@media screen and (max-width: 480px) {
  .profile_area .author_img_area.img_2 .author_img,
  .profile_area .author_img_area.img_2 .author_second_img {
    margin-bottom: 0;
    width: 48%;
    height: 80px;
  }
  .profile_area .author_img_area.img_2 .author_img > img,
  .profile_area .author_img_area.img_2 .author_second_img > img {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
  }
}

.profile_area .author_img_area .author_img > img,
.profile_area .author_img_area .author_second_img > img {
  /* object-fit: cover; */
  width: 100%;
  /* height: 100%; */
  height: auto;
}

.profile_area .author_profile {
  margin: 0;
  padding: 30px;
  width: 69%;
  background: #f5fcf4;
  border-radius: 5px;
}

.profile_area .author_profile > dt {
  margin: 0;
  padding: 4px 0;
  width: 40%;
  font-size: 1rem;
  color: #fff;
  text-align: center;
  background: #68943e;
  border-radius: 20px;
}

.profile_area .author_profile > dd {
  margin: 20px 0 30px 0;
  padding: 0;
  width: 100%;
  font-size: 1rem;
  color: #333;
  line-height: 1.6rem;
}

.sns_area_title {
  margin: 0 auto;
  padding: 4px 40px;
  width: 96%;
  font-size: 1.6rem;
  color: #fff;
  background: #3162bd;
}

.sns_area {
  margin: 30px auto 60px auto;
  padding: 0;
  width: 96%;
}

.sns_area > dl {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 auto 10px auto;
  padding: 0;
  width: 96%;
}

.sns_area .sns_hp > dt,
.sns_area .sns_ig > dt,
.sns_area .sns_tw > dt,
.sns_area .sns_ln > dt {
  margin: 0;
  padding: 4px 0;
  width: 20%;
  font-size: 1.2rem;
}

.sns_area .sns_hp > dt > span,
.sns_area .sns_ig > dt > span,
.sns_area .sns_tw > dt > span,
.sns_area .sns_ln > dt > span {
  display: inline-block;
  margin: 0 15px 0 0;
  padding: 8px 0 0 0;
  width: 30px;
  height: 30px;
}

.sns_area .sns_hp > dd,
.sns_area .sns_ig > dd,
.sns_area .sns_tw > dd,
.sns_area .sns_ln > dd {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 13px 20px 15px 20px;
  width: 80%;
  font-size: 1rem;
  background: #f8f8f8;
}

/* .sns_area .sns_hp > dd a,
.sns_area .sns_ig > dd a,
.sns_area .sns_tw > dd a,
.sns_area .sns_ln > dd a {
	color: #153792cc;
	text-decoration: none;
}

.sns_area .sns_hp > dd a:hover,
.sns_area .sns_ig > dd a:hover,
.sns_area .sns_tw > dd a:hover,
.sns_area .sns_ln > dd a:hover {
	text-decoration: underline;
} */
/**
** 講座固有
**
===================================================================*/
/*
* POP広告
*-------------------------------------------*/
.work_example {
  margin: 40px auto 0 auto;
  padding: 40px 30px 0 30px;
  width: 100%;
  background-color: #F5FAFD;
}

.work_example .work_example_title {
  margin: 0 auto;
  padding: 0;
  width: 100%;
  font-size: 2.0625rem;
  /* font-weight: 500; */
  font-weight: bold;
  color: #f54d60;
  text-align: center;
}

.work_example .work_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 80px auto 0 auto;
  padding: 0;
  width: 100%;
  counter-reset: number 0;
}

.work_example .work_list::after {
  display: block;
  content: "";
  width: 32%;
}

.work_example .work_list li {
  margin: 0 0 60px 0;
  padding: 0 0 30px 0;
  width: 32%;
  background: #fff;
}

.work_example .work_list li .work_name {
  position: relative;
  margin: -20px 0 0 0;
  padding: 0 0 0 20px;
  width: 90%;
  height: 40px;
  font-size: 1.125rem;
  color: #fff;
  line-height: 40px;
  background: #fd5e70;
  border-left: 8px solid #c22323;
}

.work_example .work_list li .work_name::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: -20px;
  height: 30px;
  border: 20px solid #fd5e70;
  border-right-width: 15px;
  border-right-color: transparent;
}

.work_example .work_list li .example_body {
  margin: 30px auto 0 auto;
  padding: 0 20px;
  width: 100%;
}

.work_example .work_list li .example_body dt {
  position: relative;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 130px;
  overflow: hidden;
}

.work_example .work_list li .example_body dt > img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  min-width: 100%;
  min-height: 100%;
}

.work_example .work_list li .example_body dd {
  margin: 8px 0 0 0;
  padding: 0;
  width: 100%;
  font-size: 0.9375rem;
  color: #363636;
  line-height: 1.6rem;
  text-align: left;
}

/*
* クリスタルデコ
*-------------------------------------------*/
.element_chart {
  margin: 40px auto 0 auto;
  padding: 30px 40px;
  width: 100%;
  background: #e8f1f7;
  border-radius: 5px;
}

.element_chart .chart_title {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0 0 0 30px;
  width: 100%;
  height: 100px;
  font-size: 1.625rem;
  /* font-weight: 500; */
  font-weight: bold;
  color: #0068b7;
  background: #fff url("/kouza_images/crystal-deco/chart_title_bg.jpg") right center no-repeat;
}

.element_chart .lead_txt {
  margin: 0;
  padding: 15px 20px;
  width: 100%;
  font-size: 1rem;
  color: #333;
  line-height: 1.6rem;
}

.element_chart .chart_list {
  margin: 20px auto 0 auto;
  padding: 0;
  width: 100%;
}

.element_chart .chart_list .list_contents {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0;
  padding: 0;
  width: 100%;
}

.element_chart .chart_list .list_contents::after {
  display: block;
  content: "";
  width: 32.6666666667%;
}

.element_chart .chart_list .list_contents > li {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  margin: 0 0 1% 0;
  padding: 10px 20px;
  width: 32.6666666667%;
  background: #fff;
}

.element_chart .chart_list .list_contents > li .chart_img {
  margin: 0;
  padding: 0;
  width: 20%;
  text-align: center;
}

.element_chart .chart_list .list_contents > li .chart_name {
  margin: 0;
  padding: 0;
  width: 80%;
  font-size: 0.875rem;
  /* font-weight: 500; */
  font-weight: bold;
  color: #333;
}

/*
* スイーツデコ
*-------------------------------------------*/
.howto_make {
  margin: 40px auto 0 auto;
  padding: 30px 40px;
  width: 100%;
  background-color: #fff6f6;
  border-radius: 5px;
}

.howto_make .make_title {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0 0 0 30px;
  width: 100%;
  height: 100px;
  font-size: 1.625rem;
  /* font-weight: 500; */
  font-weight: bold;
  color: #cf4870;
  background: #fff url("/kouza_images/sweets-deco/howto_title_bg.jpg") right center no-repeat;
}

.howto_make .lead_txt {
  margin: 0;
  padding: 15px 20px;
  width: 100%;
  font-size: 1rem;
  color: #333;
  line-height: 1.6rem;
}

.howto_make .material {
  margin: 0 auto;
  padding: 20px;
  width: 96%;
  font-size: 16px;
  color: #cf4870;
  line-height: 1.9rem;
  border: 1px dotted #cf4870;
  border-radius: 5px;
  background: #fff;
}

.howto_make .howto_list {
  margin: 20px auto 0 auto;
  padding: 0;
  width: 100%;
}

.howto_make .howto_list .list_contents {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 auto;
  padding: 0;
  width: 96%;
}

.howto_make .howto_list .list_contents::after {
  display: block;
  content: "";
  width: 32.6666666667%;
}

.howto_make .howto_list .list_contents > li {
  margin: 0 0 1% 0;
  padding: 10px 20px;
  width: 32.6666666667%;
  background: #fff;
  border: 2px dotted #cf4870;
  border-radius: 5px;
}

.howto_make .howto_list .list_contents > li .howto_cont {
  margin: 0;
  padding: 0;
  width: 100%;
}

.howto_make .howto_list .list_contents > li .howto_cont > dt {
  margin: 0;
  padding: 0;
  width: 100%;
  font-size: 1.625rem;
  color: #cf4870;
}

.howto_make .howto_list .list_contents > li .howto_cont .howto_img {
  display: flex;
  justify-content: center;
  margin: 0;
  padding: 0;
  width: 100%;
  text-align: center;
}

.howto_make .howto_list .list_contents > li .howto_cont .howto_img > img {
  max-width: 100%;
  height: auto;
}

.howto_make .howto_list .list_contents > li .explain {
  margin: 10px auto;
  padding: 0;
  width: 90%;
  font-size: 0.875rem;
  color: #333;
}

/*
* 鉛筆デッサン
*-------------------------------------------*/
.dessin_intro_area {
  margin: 40px auto 0 auto;
  padding: 30px 30px 15px 30px;
  width: 100%;
  background-color: #e9f9fc;
  border-radius: 5px;
}

.dessin_intro_area .intro_title {
  margin: 0;
  padding: 8px 20px;
  width: 100%;
  font-size: 1.5rem;
  /* font-weight: 500; */
  font-weight: bold;
  color: #fff;
  background: #23518b;
}

.dessin_intro_area .dessin_intro {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 10px auto 0 auto;
  padding: 30px;
  width: 100%;
}

.dessin_intro_area .dessin_intro .intro_img {
  margin: 0;
  padding: 0;
  width: 30%;
}

.dessin_intro_area .dessin_intro .intro_txt {
  margin: 0;
  padding: 0;
  width: 68%;
  font-size: 1rem;
  color: #333;
  line-height: 1.6rem;
}

/*
* ガーデニングアドバイザー
*-------------------------------------------*/
.gardening_work {
  margin: 40px auto 0 auto;
  padding: 40px 30px 0 30px;
  width: 100%;
  background-color: #f5fdf9;
}

.gardening_work > .work_title {
  margin: 0 auto;
  padding: 0;
  width: 100%;
  font-size: 1.875rem;
  /* font-weight: 500; */
  font-weight: bold;
  color: #1a7a1a;
  text-align: center;
}

.gardening_work .work_list {
  margin: 40px auto 0 auto;
  padding: 0;
  width: 100%;
}

.gardening_work .work_list > dt {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 190px;
  overflow: hidden;
}

.gardening_work .work_list > dt > img {
  max-width: 100%;
  height: auto;
}

.gardening_work .work_list > dd {
  margin: 20px 0 0 0;
  padding: 0;
  width: 100%;
}

.gardening_work .work_list > dd .list_txt {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0;
  padding: 0;
  width: 100%;
}

.gardening_work .work_list > dd .list_txt li {
  margin: 0 0 60px 0;
  padding: 20px 30px;
  width: 32.6666666667%;
  background: #fff;
  font-size: 0.9375rem;
  color: #363636;
  line-height: 1.6rem;
  border-top: 4px solid #1a7a1a;
}

/*
* フラワーアレンジメント
*-------------------------------------------*/
.preserved_flower {
  margin: 40px auto 0 auto;
  padding: 0;
  width: 100%;
  border: 1px solid #df2381;
}

.preserved_flower .area_title {
  margin: 0;
  padding: 8px 15px;
  width: 100%;
  font-size: 1rem;
  color: #fff;
  background: #df2381;
}

.preserved_flower .area_main_title {
  margin: 12px auto 0 auto;
  padding: 10px 20px;
  width: 98%;
  font-size: 1.5rem;
  /* font-weight: 500; */
  font-weight: bold;
  color: #df2381;
  border: 1px solid #df2381;
}

.preserved_flower .p_flower {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 20px auto 0 auto;
  padding: 0;
  width: 94%;
}

.preserved_flower .p_flower .flower_img {
  margin: 0;
  padding: 0;
  width: 40%;
}

.preserved_flower .p_flower .flower_img > img {
  max-width: 100%;
  height: auto;
}

.preserved_flower .p_flower .flower_txt {
  margin: 0;
  padding: 0;
  width: 58%;
}

.preserved_flower .p_flower .flower_txt .txt_explain {
  margin: 0;
  padding: 0;
  width: 100%;
}

.preserved_flower .p_flower .flower_txt .txt_explain > dt {
  position: relative;
  margin: 0 0 15px 0;
  padding: 0 0 0 25px;
  width: 100%;
  font-size: 1.25rem;
  color: #962987;
}

.preserved_flower .p_flower .flower_txt .txt_explain > dt::before {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  content: "\f138";
  /* font-weight: 600; */
  font-weight: bold;
}

.preserved_flower .p_flower .flower_txt .txt_explain > dd {
  margin: 0;
  padding: 0;
  width: 100%;
  font-size: 1rem;
  color: #000;
  line-height: 1.6rem;
}

.preserved_flower .flower_diffences {
  margin: 30px auto 10px auto;
  padding: 0;
  width: 98%;
}

.preserved_flower .flower_diffences > dt {
  margin: 0;
  padding: 8px 15px;
  width: 100%;
  font-size: 1rem;
  color: #fff;
  background: #e484cc;
}

.preserved_flower .flower_diffences > dd {
  margin: 0;
  padding: 0;
  width: 100%;
}

.preserved_flower .flower_diffences > dd .diffences_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0;
  padding: 20px 30px;
  width: 100%;
  background: #fcf4f8;
}

.preserved_flower .flower_diffences > dd .diffences_list > li {
  margin: 0 0 10px 0;
  padding: 0;
  width: 32.6666666667%;
  font-size: 0.875rem;
  color: #000;
  list-style-type: disc;
  list-style-position: inside;
}

/*
* CAD
*-------------------------------------------*/
.cad_appeal {
  margin: 40px auto 0 auto;
  padding: 0;
  width: 100%;
}

.cad_appeal .appeal_title {
  margin: 0;
  padding: 15px 30px;
  width: 100%;
  font-size: 1.375rem;
  /* font-weight: 500; */
  font-weight: bold;
  color: #fff;
  text-align: left;
  background: #195185;
}

.cad_appeal .appeal_img {
  position: relative;
  margin: 10px auto 0 auto;
  padding: 0;
  width: 100%;
  height: 280px;
  overflow: hidden;
}

.cad_appeal .appeal_img > img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}

.cad_appeal .appeal_txt {
  margin: 20px auto 0 auto;
  padding: 0;
  width: 96%;
  font-size: 1rem;
  color: #333;
  line-height: 1.7rem;
}

.cad_appeal .soft_title {
  margin: 20px auto 0 auto;
  padding: 10px 20px;
  width: 96%;
  font-size: 1.25rem;
  /* font-weight: 500; */
  font-weight: bold;
  color: #195185;
  border: 1px solid #195185;
}

.cad_appeal .soft_summary {
  margin: 20px auto 0 auto;
  padding: 0;
  width: 96%;
  font-size: 1rem;
  color: #333;
  line-height: 1.7rem;
}

.cad_appeal .cad_soft {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 30px auto 0 auto;
  padding: 0;
  width: 96%;
}

.cad_appeal .cad_soft > li {
  margin: 0;
  padding: 0;
  width: 49%;
  border: 1px solid #ddd;
}

.cad_appeal .cad_soft > li .softdetail {
  margin: 0;
  padding: 0;
  width: 100%;
}

.cad_appeal .cad_soft > li .softdetail > dt {
  margin: 0;
  padding: 8px 20px;
  width: 100%;
  font-size: 1.125rem;
  color: #fff;
  background: #135096;
}

.cad_appeal .cad_soft > li .softdetail > .soft_img {
  margin: 10px auto 0 auto;
  padding: 0;
  width: 96%;
  height: 240px;
}

.cad_appeal .cad_soft > li .softdetail > .soft_img > img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 240px;
}

.cad_appeal .cad_soft > li .softdetail > .soft_txt {
  margin: 15px auto;
  padding: 20px;
  width: 96%;
  height: 180px;
  font-size: 1rem;
  color: #333;
  line-height: 1.7rem;
  background: #f8f8f8;
}

/*
* 建築模型
*-------------------------------------------*/
.jinzai_appeal {
  margin: 0 auto;
  padding: 0;
  width: 100%;
}

.jinzai_appeal .jinzai_title {
  margin: 0;
  padding: 15px 30px;
  width: 100%;
  font-size: 1.375rem;
  /* font-weight: 500; */
  font-weight: bold;
  color: #fff;
  text-align: left;
  background: #195185;
}

.jinzai_appeal .jinzai_img {
  position: relative;
  margin: 10px auto 0 auto;
  padding: 0;
  width: 100%;
  height: 280px;
  overflow: hidden;
}

.jinzai_appeal .jinzai_img > img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}

.jinzai_appeal .jinzai_txt {
  margin: 0 auto;
  padding: 20px 4%;
  width: 100%;
  font-size: 1rem;
  color: #333;
  line-height: 1.7rem;
  background: #eeeeff;
}

.mokei_title {
  margin: 40px auto 0 auto;
  padding: 15px 30px;
  width: 100%;
  font-size: 1.375rem;
  /* font-weight: 500; */
  font-weight: bold;
  color: #fff;
  text-align: left;
  background: #195185;
}

.mokei_summary {
  margin: 20px auto 0 auto;
  padding: 0;
  width: 96%;
  font-size: 1rem;
  color: #333;
  line-height: 1.7rem;
}

ul.souba {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 30px auto 0 auto;
  padding: 0;
  width: 96%;
}

ul.souba > li {
  margin: 0;
  padding: 0;
  width: 49%;
  border: 1px solid #ddd;
}

ul.souba > li .mokei_type {
  margin: 0;
  padding: 0;
  width: 100%;
}

ul.souba > li .mokei_type > dt {
  margin: 0;
  padding: 8px 20px;
  width: 100%;
  font-size: 1.125rem;
  color: #fff;
  background: #135096;
}

ul.souba > li .mokei_type > .mokei_img {
  margin: 10px auto 0 auto;
  padding: 0;
  width: 96%;
  height: 140px;
}

ul.souba > li .mokei_type > .mokei_img > img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 140px;
}

ul.souba > li .mokei_type > .mokei_txt {
  margin: 15px auto;
  padding: 20px;
  width: 96%;
  font-size: 1.375rem;
  /* font-weight: 500; */
  font-weight: bold;
  color: #333;
  text-align: center;
  line-height: 1.7rem;
  background: #f8f8f8;
}

/*
* 公式アンバサダー
*-----------------------------------------------*/
.kouza_ambassador {
  display: flex;
  justify-content: center;
  margin: 15px auto 0 auto;
  padding: 0;
  width: 100%;
}

.kouza_ambassador > img {
  -o-object-fit: contain;
     object-fit: contain;
}

/**
* 2023.03追記
* Yotpoタイトル追加
*----------------------------------------*/
.yotpo_title {
  position: relative;
  margin: 50px auto 30px auto;
  padding: 14px 0;
  width: 40%;
  font-size: 1.6rem;
  color: #fff;
  text-align: center;
  border-radius: 10px;
  background: #094;
}

.yotpo_title:after {
  position: absolute;
  bottom: -9px;
  left: 1em;
  width: 0;
  height: 0;
  content: "";
  border-width: 10px 10px 0 10px;
  border-style: solid;
  border-color: #094 transparent transparent transparent;
}

.yotpo_subtitle {
  margin: 0 auto 30px auto;
  padding: 0;
  width: 100%;
  font-size: 1rem;
  color: #3D5FA9;
  text-align: center;
}

.yotpo_subtitle .txt_bold {
  font-size: 1.07rem;
  font-weight: bold;
  /* color: #094; */
}

@media screen and (max-width: 480px) {
  .yotpo_title {
    margin: 30px auto 20px auto;
    padding: 10px 0;
    width: 100%;
    font-size: 1.3rem;
  }
  .yotpo_subtitle {
    margin: 0 auto 20px auto;
    font-size: 0.94rem;
  }
  .yotpo .yotpo-regular-box {
    display: flex;
    justify-content: center;
  }
}
/**
* 講座キャッチコピーエリア
*-----------------------------------------------*/
.catch_area.sp {
  display: none;
}

.catch_area {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  /* margin: 0 auto 20px auto; */
  margin: 0 auto 10px auto;
  padding: 0;
  width: 100%;
}

.catch_area > li {
  position: relative;
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0 0 0 60px;
  width: 32.6666666667%;
  height: 40px;
  /* font-size: 1rem; */
  font-size: 0.95rem;
  background: #fcfce2;
}

.catch_area > li > span.head {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  width: 40px;
  height: 40px;
  color: #e3f5d8;
  background: #2250ac;
}

.catch_area > li > span.head > img {
  width: 60%;
  height: 60%;
}

.catch_area > li > span.head:after {
  position: absolute;
  top: calc(50% - 14px);
  right: -10px;
  width: 0;
  height: 0;
  content: "";
  border-width: 14px 0 14px 12px;
  border-style: solid;
  border-color: transparent transparent transparent #2250ac;
}

.catch_area > li > span.emp {
  display: inline;
  font-weight: bold;
  color: #ad2828;
}

.inspect_notice.pc {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  margin: 10px 0 10px auto;
  padding: 0;
  width: 100%;
}

.inspect_notice.pc .notice_cont {
  margin: 0;
  padding: 0 0.5em;
  /* width: calc(96% / 3); */
  font-size: 0.7rem;
  color: #222;
  text-align: center;
}
.inspect_notice.sp {
  display: none;
}
@media screen and (max-width: 480px) {
  .inspect_notice.pc {
    display: none;
  }
  .inspect_notice.sp {
    display: block;
    margin: 10px auto 0 auto;
    padding: 0;
    width: 96%;
  }
  .inspect_notice.sp .notice_cont {
    margin: 0;
    padding: 0;
    width: 100%;
    font-size: 0.7rem;
    color: #222;
    text-align: left;
  }
}



/**
* ファーストビュー：資料請求・申し込みボタン
*-----------------------------------------------*/
.first_order_area.sp {
  display: none;
}

.first_order_area {
  margin: 0 auto;
  padding: 30px 0;
  width: 100%;
  background: #fbfbfb;
}

.first_order_area .inner_area {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 auto;
  padding: 0;
  width: 70%;
}

.first_order_area .inner_area .doc_req {
  position: relative;
  margin: 0;
  padding: 0;
  width: 40%;
}

.first_order_area .inner_area .doc_req .doc_req_btn .doc_txt {
  display: inline-block;
  margin: -3px 10px 0 -40px;
  padding: 3px 0;
  width: 80px;
  font-size: 0.9rem;
  font-weight: bold;
  color: #fff;
  border-radius: 4px;
  vertical-align: middle;
}

.first_order_area .inner_area .doc_req .doc_req_btn {
  position: relative;
  margin: 0;
  padding: 5px 0 0 0;
  width: 100%;
  height: 80px;
  font-size: 1.3rem;
  font-weight: bold;
  border-radius: 5px;
  background: #fff;
  box-shadow: 0 2px 6px 0 rgba(144, 144, 144, 0.3);
  cursor: pointer;
}

.first_order_area .inner_area .doc_req .doc_req_btn::after {
  font-family: "Font Awesome 5 Free";
  content: "\f054";
  position: absolute;
  top: 50%;
  right: 10%;
  transform: translateY(-50%);
}

.first_order_area .inner_area .doc_req .doc_req_btn:hover {
  opacity: 0.7;
  transition: all 0.3s;
}

.first_order_area .inner_area .ord_req {
  margin: 0;
  padding: 0;
  width: 58%;
}

.first_order_area .inner_area .ord_req .ord_req_btn {
  position: relative;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 80px;
  font-size: 1.3rem;
  font-weight: bold;
  color: #fff;
  border: 0;
  border-radius: 5px;
  background: #f59846;
  border: 2px solid #f68521;
  box-shadow: 0 2px 6px 0 rgba(144, 144, 144, 0.5);
  cursor: pointer;
}

.first_order_area .inner_area .ord_req .ord_req_btn::after {
  font-family: "Font Awesome 5 Free";
  content: "\f054";
  position: absolute;
  top: 50%;
  right: 10%;
  transform: translateY(-50%);
}

.first_order_area .inner_area .ord_req .ord_req_btn:hover {
  background: #f25b09;
  transition: all 0.3s;
}

/**
* グローバルメニュー：マウスオーバーカラー設定
*--------------------------------------------------------------------------*/
#pageNav .pageNavMenu ul li a:hover {
  color: #fff;
}

/**
* PC版でのスライドメニューの非表示
*--------------------------------------------------------------------------*/
.kouza_side_menu {
  display: none;
}

/**
* スマートフォン
*
*--------------------------------------------------------------------------*/
@media screen and (max-width: 480px) {
  .kouza_side_menu,
  .menu_list {
    display: block;
  }
  /**
  * スマートフォン用グローバルナビ
  *
  *------------------------------------------------------*/
  .kouza_side_menu .menu_list {
    position: fixed;
    top: 0;
    right: -100%;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    background: rgba(255, 255, 255, 0.95);
    z-index: 21;
  }
  .kouza_side_menu .menu_list .navi_title {
    margin: 30px auto 0 auto;
    padding: 1% 5%;
    width: 96%;
    font-size: 1.2rem;
    color: #fff;
    background: #2a4c9c;
  }
  .kouza_side_menu .menu_list .navi_contents {
    margin: 10px auto 0 auto;
    padding: 0;
    width: 96%;
  }
  .kouza_side_menu .menu_list .navi_contents .contents_list {
    margin: 0 auto;
    padding: 0;
    width: 100%;
  }
  .kouza_side_menu .menu_list .navi_contents .contents_list > li {
    margin: 0 0 7px 0;
    padding: 0;
    width: 100%;
    border-bottom: 1px dotted #ddd;
  }
  .kouza_side_menu .menu_list .navi_contents .contents_list > li > a {
    display: block;
    margin: 0;
    padding: 7px 4%;
    width: 100%;
    font-size: 1rem;
    color: #0d3aa3;
    text-decoration: none;
  }
  .kouza_side_menu .menu_list .navi_contents .contents_list > li > a > i {
    margin-right: 10px;
  }
  .kouza_side_menu .side_menu_btn {
    position: fixed;
    display: block;
    top: 40px;
    right: 0;
    margin: 0;
    padding: 0;
    width: 36px;
    height: 120px;
    font-size: 14px;
    color: #fff;
    border: none;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    background: #c22d32;
    z-index: 100;
  }
  .kouza_side_menu .side_menu_btn .vertical {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    writing-mode: vertical-rl;
    letter-spacing: 0.1em;
  }
  .kouza_side_menu .side_menu_btn > img {
    margin: -1px 7px 0 0;
    width: 8px;
    height: auto;
  }
}
/**
* 自宅でゆっくり・アピールエリア
*---------------------------------------------*/
.document_appeal {
  margin: 30px auto;
  padding: 0;
  width: 100%;
  background: #FEF8E7;
}

.document_appeal .appeal_title {
  position: relative;
  margin: 0;
  padding: 15px 20px;
  width: 100%;
  font-size: 2.2rem;
  font-weight: bold;
  color: #c81212;
  text-align: center;
  letter-spacing: -0.06em;
  text-shadow: 2px 2px 0 #fff;
  background: #f8e2e2;
}

.document_appeal .appeal_title > br {
  display: none;
}

.document_appeal .appeal_title:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border-top: 30px solid #f8e2e2;
  border-right: 40px solid transparent;
  border-left: 40px solid transparent;
}

.document_appeal .appeal_cont {
  margin: 10px 0 0 0;
  padding: 20px 0 0 0;
  width: 100%;
}

.document_appeal .appeal_cont .cont_body {
  margin: 0;
  padding: 0;
  width: 100%;
}

.document_appeal .appeal_cont .cont_body .body_title {
  margin: 0 auto;
  padding: 0;
  width: 60%;
}

.document_appeal .appeal_cont .cont_body .body_title > img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}

.document_appeal .appeal_cont .cont_body .body_txt {
  position: relative;
  margin: 20px auto 0 auto;
  padding: 0 0 30px 0;
  width: 70%;
  font-size: 1rem;
  color: #492408;
  line-height: 1.5rem;
}

.document_appeal .appeal_cont .cont_body .body_txt:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border-top: 30px solid #FEF8E7;
  border-right: 40px solid transparent;
  border-left: 40px solid transparent;
}

.document_appeal .appeal_cont .cont_body .body_txt .txt_red {
  font-weight: bold;
  color: #d31c1c;
}

.document_appeal .appeal_cont .cont_body .body_order {
  margin: 0 auto;
  padding: 20px 0;
  width: 100%;
  background: #f1e3bc;
}

/**
* コラムヘッドバナー
*---------------------------------------*/
.column_head_banner {
  margin: 30px auto;
  padding: 0;
  width: 100%;
  border: 3px solid #2969a4;
}

.column_head_banner .head_banner_title {
  margin: 0;
  padding: 10px 20px;
  width: 100%;
  font-size: 1.4rem;
  color: #fff;
  background: #2969a4;
}

.column_head_banner .head_banner_contents {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0;
  padding: 30px;
  width: 100%;
}

.column_head_banner .head_banner_contents .head_banner_img {
  margin: 0;
  padding: 0;
  width: 45%;
}

.column_head_banner .head_banner_contents .head_banner_img > img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}

.column_head_banner .head_banner_contents .head_banner_txt_btn {
  margin: 0;
  padding: 0;
  width: 51%;
}

.column_head_banner .head_banner_contents .head_banner_txt_btn .banner_txt {
  margin: 0 0 30px 0;
  padding: 0;
  width: 100%;
  font-size: 1.1rem;
  color: #000;
  line-height: 1.8rem;
}

.column_head_banner .head_banner_contents .head_banner_txt_btn .banner_detail_btn {
  margin: 0 0 20px 0;
  padding: 0;
  width: 100%;
}

.column_head_banner .head_banner_contents .head_banner_txt_btn .banner_detail_btn > a {
  display: block;
  margin: 0 auto;
  padding: 0;
  width: 85%;
}

.column_head_banner .head_banner_contents .head_banner_txt_btn .banner_docreq_btn {
  margin: 0;
  padding: 0;
  width: 100%;
}

.column_head_banner .head_banner_contents .head_banner_txt_btn .banner_docreq_btn > a {
  display: block;
  margin: 0 auto;
  padding: 0;
  width: 85%;
}

.column_head_banner .head_banner_contents .head_banner_txt_btn .banner_detail_btn > a > img,
.column_head_banner .head_banner_contents .head_banner_txt_btn .banner_docreq_btn > a > img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}

.column_head_banner .head_banner_contents .head_banner_txt_btn .banner_detail_btn > a:hover > img,
.column_head_banner .head_banner_contents .head_banner_txt_btn .banner_docreq_btn > a:hover > img {
  opacity: 0.8;
  transition: all 0.3s;
}

/* 202310追記 */
/*
* 別の講座を探す
*------------------------------------------------*/
.shikaku_select_area {
  margin: 20px auto;
  padding: 20px 30px;
  width: 100%;
  background: #eceef7;
}

.shikaku_select_area .shikaku_select_title {
  display: flex;
  align-items: center;
  margin: 0 auto;
  padding: 0;
  width: 100%;
  font-size: 1.2rem;
  font-weight: bold;
  color: #365b80;
  text-align: center;
}

.shikaku_select_area .shikaku_select_title::before,
.shikaku_select_area .shikaku_select_title::after {
  content: "";
  flex-grow: 1;
  height: 1px;
  background: #6e91b4;
}

.shikaku_select_area .shikaku_select_title::before {
  margin-right: 1rem;
}

.shikaku_select_area .shikaku_select_title::after {
  margin-left: 1rem;
}

.shikaku_select_area .shikaku_select_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 20px auto 0 auto;
  padding: 0;
  width: 100%;
}

.shikaku_select_area .shikaku_select_list > li {
  margin: 0;
  padding: 0;
  width: 32.6666666667%;
  background: #fff;
  border-bottom: 2px solid #ced1e1;
  border-right: 2px solid #ced1e1;
}

.shikaku_select_area .shikaku_select_list > li > a {
  display: block;
  margin: 0;
  padding: 20px;
  width: 100%;
  height: 100%;
  font-size: 0.96rem;
  color: #000;
  text-align: center;
  text-decoration: none;
}

.shikaku_select_area .shikaku_select_list > li > a:hover {
  background: #e3e7fa;
  transition: all 0.3s ease;
}

.shikaku_select_area .shikaku_select_list > li > a .list_head_img {
  display: flex;
  justify-content: center;
  margin: 0 auto 10px auto;
  padding: 0;
  width: 100%;
  height: 50px;
  text-align: center;
}

.shikaku_select_area .shikaku_select_list > li > a .list_head_img > img {
  -o-object-fit: cover;
     object-fit: cover;
  width: auto;
  height: 100%;
}

.real_voice_title {
  position: relative;
  margin: 60px auto 50px auto;
  padding: 0 0 0.4em 0;
  width: 46%;
  font-size: 1.6rem;
  font-weight: bold;
  color: #584008;
  text-align: center;
  border-bottom: 3px solid #4c9ac0;
}
@media screen and (max-width: 480px) {
  .real_voice_title {
    margin: 40px auto;
    width: 90%;
  }
}
.real_voice_title::before {
  content: "";
  background-color: #fff;
  width: 20px;
  height: 3px;
  position: absolute;
  left: 30px;
  bottom: -3px;
}
.real_voice_title::after {
  content: "";
  background-color: #4c9ac0;
  width: 20px;
  height: 3px;
  transform: rotate(50deg);
  position: absolute;
  left: 25px;
  bottom: -10px;
}
@media screen and (max-width: 480px) {
  .real_voice_title {
    font-size: 1.3rem;
  }
}

.real_voice_wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 30px auto 40px auto;
  padding: 0;
  width: 100%;
}
@media screen and (max-width: 480px) {
  .real_voice_wrapper {
    width: 94%;
  }
}
.real_voice_wrapper .real_voice_area {
  margin: 0;
  padding: 2em;
  background: #f4f9ff;
  border-radius: 8px;
  box-sizing: border-box;
}
.real_voice_wrapper .real_voice_area.voice-2 {
  width: 49%;
}
.real_voice_wrapper .real_voice_area.voice-3 {
  width: 32.6666666667%;
}
.real_voice_wrapper .real_voice_area.voice-4 {
  width: 24.5%;
}
@media screen and (max-width: 480px) {
  .real_voice_wrapper .real_voice_area.voice-2, .real_voice_wrapper .real_voice_area.voice-3, .real_voice_wrapper .real_voice_area.voice-4 {
    margin-bottom: 10px;
    width: 100%;
  }
}
.real_voice_wrapper .real_voice_area .profile_area {
  display: flex;
  flex-wrap: wrap;
  gap: 5%;
  justify-content: space-between;
  margin: 0 auto;
  padding: 0 0 20px 0;
  width: 100%;
  border-bottom: 1px solid #222;
  box-sizing: border-box;
}
.real_voice_wrapper .real_voice_area .profile_area .voice_title {
  margin: 0;
  padding: 0;
  width: 60%;
  font-size: 1.2rem;
  font-weight: 500;
  color: #222;
  line-height: 1.8rem;
}
.real_voice_wrapper .real_voice_area .profile_area .voice_photo {
  margin: 0 auto;
  padding: 0;
  width: 35%;
  height: 100px;
  overflow: hidden;
}
.real_voice_wrapper .real_voice_area .profile_area .voice_photo > img {
  -o-object-fit: contain !important;
     object-fit: contain !important;
  width: 100% !important;
  height: 100% !important;
}
.real_voice_wrapper .real_voice_area .profile_area .profile_info {
  margin: 16px auto 0 auto;
  padding: 0;
  width: 100%;
  font-size: 1rem;
  color: #222;
}
.real_voice_wrapper .real_voice_area .voice_txt {
  display: block;
  margin: 20px auto 0 auto !important;
  padding: 0;
  width: 100%;
  font-size: 1rem !important;
  color: #222;
  line-height: 1.6rem !important;
}
@media screen and (max-width: 480px) {
  .real_voice_wrapper .real_voice_area .voice_txt {
    font-size: 0.9rem !important;
    line-height: 1.5rem !important;
  }
}

.kouza_catch_area {
  margin: 20px auto 0 auto;
  padding: 0;
  width: 100%;
}
@media screen and (max-width: 480px) {
  .kouza_catch_area {
    margin-bottom: 16px;
  }
}
.kouza_catch_area .kouza_catch_title {
  margin: 0 auto;
  padding: 0.2em 0;
  width: 100%;
  font-size: 2rem;
  font-weight: bold;
  color: #1fa6c8;
  text-align: center;
  border-top: 3px solid #1fa6c8;
  border-bottom: 3px solid #1fa6c8;
}
@media screen and (max-width: 480px) {
  .kouza_catch_area .kouza_catch_title {
    font-size: 1.5rem;
  }
}
.kouza_catch_area .kouza_catch_img {
  margin: 16px auto 0 auto;
  padding: 0;
  width: 100%;
  overflow: hidden;
}
.kouza_catch_area .kouza_catch_img > img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: auto;
}
.kouza_catch_area .kouza_catch_img .kouza_catch_pc {
  display: block;
}
@media screen and (max-width: 480px) {
  .kouza_catch_area .kouza_catch_img .kouza_catch_pc {
    display: none;
  }
}
.kouza_catch_area .kouza_catch_img .kouza_catch_sp {
  display: none;
}
@media screen and (max-width: 480px) {
  .kouza_catch_area .kouza_catch_img .kouza_catch_sp {
    display: block;
  }
}
.kouza_catch_area .kouza_catch_txt {
  margin: 16px auto 0 auto;
  padding: 0.8em 1em;
  width: 100%;
  font-size: 1rem;
  color: #222;
  line-height: 1.6rem;
  background: #effdff;
}
@media screen and (max-width: 480px) {
  .kouza_catch_area .kouza_catch_txt {
    margin-top: 8px;
    font-size: 0.9rem;
    line-height: 1.4rem;
  }
}

.superscript {
  display: flex;
  align-items: start;
  height: 60%;
  font-size: 0.8rem;
}

.sup {
  font-size: 0.8rem;
  vertical-align: top;
}


/* 20250129追加 */

/* 講座トップページおすすめコラム */
.kouza_top_column_area {
	margin: 24px auto 0 auto;
	padding: 1.5em 2em;
	width: 100%;
	background: #fafafa;
}

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

	.kouza_top_column_area {
		margin: 16px auto 0 auto;
		padding: 1em 1.4em;
	}

}

.kouza_top_column_area .column_area_title {
	margin: 0 auto;
	padding: 0 0 0.4em 0;
	width: 100%;
	font-size: 1.4rem;
	font-weight: bold;
	color: #175184;
	text-align: center;
	border-bottom: 1px solid #ddd;
}

.kouza_top_column_area .column_list {
	margin: 24px auto 0 auto;
	padding: 0;
	width: 100%;
}

.kouza_top_column_area .column_list .list_data {
	margin: 0 0 0.4em 0;
	padding: 0;
	width: 100%;
}

.kouza_top_column_area .column_list .list_data::before {
	content: '\f138';
	margin-right: 0.8em;
	font-family: 'Font Awesome 5 Free';
	font-size: 0.9rem;
	font-weight: 600;
	color: #0d5394;
}

.kouza_top_column_area .column_list .list_data > a {
	font-size: 1rem;
	color: #000;
}

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

	.kouza_top_column_area .column_list .list_data > a {
		font-size: 0.9rem;
	}

}

.kouza_top_column_area .column_list .list_data > a:hover {
	color: #852424;
	transition: all .3s ease;
	text-decoration: underline;
}
/* 20250129追加ここまで */


/**
* スマートフォン
*------------------------------------------------------------*/
@media screen and (max-width: 480px) {

  /**
  ** 見出し
  **
  ===================================================================*/
  
  /*
  * 【投稿ページ】ページ内セクションタイトル
  *-----------------------------------------------*/
  .post_section_title {
    margin-top: 30px;
  }
  
  /*
  * 【投稿ページ】プロの監修タイトル
  *-----------------------------------------------*/
  .teacher_section_title {
    padding-bottom: 10px;
    font-size: 1.25rem;
    line-height: 2rem;
  }
  
  .teacher_section_title .title_emp {
    font-size: 1.625rem;
  }
  
  .teacher_section_title > i {
    font-size: 1.625rem;
  }
  
  
  /**
  ** メイン画像
  **
  ===================================================================*/
  
  /*
  * 資格ページメイン画像
  *-----------------------------------------------*/
  .shikaku_main_image {
    margin: 0 auto ;
    padding: 0;
    height: 100%;
  }
  
  /* .kouza_child_title_name,
  .page_head_area {
    display: none;
  } */
  
  /* 資格試験概要 */
  .sp_shikaku_main_image {
    display: block;
  }
  
  .sp_shikaku_main_image .kouza_main_name {
    margin: 0 auto;
    padding: 5px 10px;
    width: 100%;
    /* font-size: 1rem; */
    font-size: 0.85rem;
    color: #fff;
    background: #3160AF;
  }
  
  .sp_shikaku_main_image .main_image_area {
    position: relative;
    margin: 0 auto 20px auto;
    padding: 20px 10px;
    width: 96%;
  
  }
  
  .sp_shikaku_main_image .main_image_area::after {
    content: '';
    position: absolute;
    bottom: -9px;
    left: 0;
    right: 0;
    height: 10px;
    background: repeating-linear-gradient(-60deg, #669bc5, #669bc5 2px, transparent 2px, transparent 5px);
    background-color: #fff;
    z-index: -1;
  }
  
  .sp_shikaku_main_image .main_image_area .page_catch {
    /* margin: 0 auto 15px auto; */
    margin: 0 auto;
    padding: 8px;
    font-size: 1.3rem;
    color: #0068b7;
    line-height: 2rem;
    border-top: 1px solid #bfd8eb;
    border-left: 1px solid #bfd8eb;
    border-right: 1px solid #bfd8eb;
    border-bottom: 3px solid #bfd8eb;
    background: #f5f9fc;
  }
  
  .sp_shikaku_main_image .main_image_area .post_date {
    margin: 6px auto 0 auto;
    padding: 0;
    width: 100%;
    font-size: 0.9rem;
    color: #222;
    text-align: right;
  }
  
  .sp_shikaku_main_image .main_image_area .head_lead {
    font-size: 0.9rem;
    line-height: 1.5rem;
  }
  
  .sp_shikaku_main_image .main_image_area .sp_img_area {
    display: block;
    margin: 10px auto;
    height: 180px;
    width: 100%;
    overflow: hidden;
  }
  
  
  /**
  ** 資料請求・受講申し込みポップアップ
  **
  ===================================================================*/
  
  /*
  * 講座ページ資料請求・受講申し込みボタン
  *-----------------------------------------------*/
  .action_btn_area {
    visibility: visible;
    position: fixed;
    bottom: -2%;
    left: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 auto 15px auto;
    padding: 15px 10px;
    width: 100%;
    background: rgba(221, 239, 245, 0.8);
    z-index: 30;
  }
  
  .action_btn_area .document_btn,
  .action_btn_area .order_btn {
    margin: 0;
    padding: 0;
    width: 49%;
  }
  
  .action_btn_area .document_btn > a,
  .action_btn_area .order_btn > a {
    margin: 0;
    padding: 0;
    width: 100%;
  }
  
  .action_btn_area .document_btn > a > img,
  .action_btn_area .order_btn > a > img {
    max-width: 100%;
    height: auto;
  }
  
  
  /**
  ** スマホ用ページナビメニュー
  **
  ===================================================================*/
  .page_navi {
    display: block;
    margin: 15px auto 0 auto;
    padding: 0;
    width: 100%;
  }
  
  .page_navi li {
    margin: 0;
    padding: 0;
    width: 100%;
  }
  
  .page_navi li .dropdownlink {
    position: relative;
    display: block;
    margin: 0 auto;
    padding: 8px 20px;
    font-size: 1rem;
    color: #fff;
    transition: all 0.4s;
    background: #0068b7;
  }
  
  .page_navi li .dropdownlink i {
    position: absolute;
    top: 12px;
  }
  
  .page_navi li .dropdownlink .fa-chevron-down {
    right: 10%;
    left: auto;
    /* transform: rotate(180deg); */
  }
  
  .page_navi li.close .dropdownlink {
    background: #0586e9;
  }
  
  .page_navi li.close .dropdownlink .fa-chevron-down {
    transform: rotate(180deg);
    /* transform: rotate(0deg); */
  }
  
  .page_navi li:last-child .dropdownlink {
    border-bottom: 0;
  }
  
  .submenuItems {
    display: none;
    padding: 0;
    width: 100%;
  }
  
  .submenuItems li {
    border-bottom: 1px solid #ddd;
  }
  
  .submenuItems li.menu_title {
    margin: 0;
    padding: 6px 20px;
    font-size: 0.875rem;
    color: #fff;
    text-align: center;
    background: #0068b7;
  }
  
  .submenuItems li > a {
    position: relative;
    display: block;
    padding: 8px 20px;
    font-size: 0.875rem;
    color: #224f8a;
    text-decoration: none;
    transition: all 0.4s;
  }
  
  .submenuItems li > a::before {
    content: '\f105';
    margin-right: 10px;
    font-weight: 600;
  }
  
  .submenuItems li > a:hover {
    color: #fff;
  }
  
  
  /**
  ** 資格ページ
  **
  ===================================================================*/
  
  /*
  * 資格ページ・特徴ページヘッドタイトル
  *-----------------------------------------------*/
  /* .kouza_top_title_name,
  .kouza_child_title_name {
    margin: 20px auto 0 auto;
    padding: 5px 10px;
    width: 100%;
    font-size: 0.85rem;
  } */
  .kouza_top_title_name {
    font-size: 0.85rem;
  }
  
  
  /*
  * 講座ページヘッドエリア
  *-----------------------------------------------*/
  .page_kouza_head_area {
    margin: 0 auto;
    padding: 0;
    width: 100%;
  }
  
  .page_kouza_head_area .img_area {
    position: relative;
    margin: 10px auto;
    width: 100%;
    height: 160px;
    overflow: hidden;
  }
  
  .page_kouza_head_area .img_area > img {
    object-fit: cover;
    width: 100%;
    height: 100%;
  }
  
  .page_kouza_head_area .catch_area {
    position: static;
    transform: none;
    margin: 0 auto;
    padding: 15px 5px 0 5px;
    width: 100%;
  }
  
  .page_kouza_head_area .catch_area .page_catch > span.catch_upper {
    font-size: 1.1rem;
  }
  
  .page_kouza_head_area .catch_area .page_catch > span.catch_upper::before,
  .page_kouza_head_area .catch_area .page_catch > span.catch_upper::after {
    top: 40%;
    width: 20px;
  }
  
  .page_kouza_head_area .catch_area .page_catch > span.catch_upper::before {
    left: 32%;
  }
  
  .page_kouza_head_area .catch_area .page_catch > span.catch_upper::after {
    right: 32%;
  }
  
  .page_kouza_head_area .catch_area .page_catch > span.catch_kouza_name {
    margin: 3px auto 0 auto;
    width: 100%;
    font-size: 1.2rem;
  }
  
  .page_kouza_head_area .catch_area .page_catch > span.catch_lower {
    margin: 3px auto 0 auto;
    font-size: 1.1rem;
  }
  
  .page_kouza_head_area .catch_area .page_catch > span.main_catch {
    position: relative;
    padding-bottom: 10px;
    background-size: 80%;
    font-size: 1.2rem;
  }
  
  /* .page_kouza_head_area .catch_area .page_catch > span.main_catch .lg {
  font-size: 1.75rem;
  } */
  
  .page_kouza_head_area .catch_area .page_catch > span.main_catch::before {
    content: '';
    position: absolute;
    top: 2%;
    left: 0;
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url("../../images/kouza/title_deco_mark_before.svg");
    background-size: contain;
  }
  
  .page_kouza_head_area .catch_area .page_catch > span.main_catch::after {
    content: '';
    position: absolute;
    top: 2%;
    right: 0;
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url("../../images/kouza/title_deco_mark_after.svg");
    background-size: contain;
  }
  
  .page_kouza_head_area .catch_area .head_lead {
    margin-top: 15px;
    font-size: 0.85rem;
    line-height: 1.4rem;
  }
  
  
  /*
  * 資格協会認定教材エリア
  *----------------------------------------------*/
  .get_reason_area {
    margin: 20px auto 0 auto;
  }
  
  .get_reason_area .get_reason {
    width: 100%;
  }
  
  .get_reason_area .get_reason > dt {
    margin: 0 auto;
    padding: 0 35px;
    font-size: 1.125rem;
  }
  .get_reason_area .get_reason > dd {
    margin: 10px auto 0 auto;
    padding: 20px 10px;
    font-size: 0.875rem;
    line-height: 1.6rem;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
  
  .get_reason_area .reason_img {
    margin: 0 auto;
    padding: 0 10px 20px 10px;
    width: 100%;
    height: 160px;
    background: #f3f7ff;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
  }
  
  
  /*
  * 同時に取得できる資格
  *----------------------------------------------*/
  .shikaku_tab {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 15px auto 0 auto;
    padding: 0;
    width: 98%;
  }
  
  .shikaku_tab > li {
    margin: 0;
    padding: 0;
    width: 49.7%;
  }
  
  .shikaku_tab > li > a {
    display: block;
    margin: 0;
    padding: 8px 10px;
    font-size: 1rem;
    color: #104a88;
    text-align: center;
    background: #fff;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    text-decoration: none;
  }
  
  .shikaku_tab > li.active > a {
    color: #fff;
    /* background: #2250c6; */
    background: #32a3cc;
  }
  
  .shikaku_tab > li > a .shikaku_text {
    display: inline-block;
    margin: 0;
    padding: 0;
    width: 100%;
    font-size: 0.9rem;
    text-align: center;
  }
  
  .shikaku_tab > li > a .shikaku_get_num {
    display: inline-block;
    margin: 0;
    padding: 0;
    width: 100%;
    font-size: 1.1rem;
    font-weight: bold;
    text-align: center;
  }
  
  .shikaku_area {
    display: none;
    opacity: 0;
  }
  
  /* course_areaにis-activeというクラスがついた時の形状 */
  .shikaku_area.is-active {
      display: block;
      animation-name: displayAnime;
      animation-duration: 0.5s;
      animation-fill-mode: forwards;
  }
  
  @keyframes displayAnime{
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
  
  /* .shikaku_acquire {
    margin: 20px auto 0 auto;
    padding: 30px 5px;
  }
  
  .shikaku_acquire .shikaku_acquire_title .sub_title {
    font-size: 1.1875rem;
  }
  
  .shikaku_acquire .shikaku_acquire_title .sub_title::before {
    left: 0;
  }
  
  .shikaku_acquire .shikaku_acquire_title .sub_title::after {
    right: 0;
  }
  
  .shikaku_acquire .shikaku_acquire_title .main_title_upper {
    padding: 6px 0;
    width: 60%;
    font-size: 1.875rem;
  }
  
  .shikaku_acquire .shikaku_acquire_title .main_title_upper::before {
    transform: skewX(-26deg);
  }
  
  .shikaku_acquire .shikaku_acquire_title .main_title_lower {
    margin: 10px auto 0 auto;
    padding: 6px 0;
    width: 92%;
    font-size: 1.875rem;
    text-indent: 12px;
  }
  
  .shikaku_acquire .shikaku_acquire_title .main_title_lower::before {
    transform: skewX(-26deg);
  } */
  
  .shikaku_acquire .shikaku_contents {
    margin: 0 auto;
  }
  
  .shikaku_acquire .shikaku_contents li {
    margin: 0 auto;
    width: 98%;
  }
  
  .shikaku_acquire .shikaku_contents li .contents_body > dt .get_msg {
    /* font-size: 1rem; */
    display: none;
  }
  
  .shikaku_acquire .shikaku_contents li .contents_body > dt .get_shikaku_name {
    font-size: 1.125rem;
  }
  
  .shikaku_acquire .shikaku_contents li .contents_body .shikaku_img {
    height: 130px;
  }
  
  .shikaku_acquire .shikaku_contents li .contents_body .shikaku_comment {
    padding: 15px;
  }
  
  /* 試験概要 */
  .shikaku_acquire .shikaku_contents .shiken_detail {
    width: 92%;
  }
  
  .shikaku_acquire .shikaku_contents .shiken_detail th {
    width: 25%;
    font-size: 0.8rem;
  }
  
  .shikaku_acquire .shikaku_contents .shiken_detail td {
    padding: 0 0 0 20px;
    width: 75%;
    font-size: 0.8rem;
  }
  
  /* 202301追記 */
  .shikaku_site_link {
    padding: 15px;
  }
  
  .shikaku_site_link > a {
    padding: 6px 10px;
    font-size: 14px;
  }
  /* 202301追記ここまで */
  
  
  /*
  * 最短2ヶ月で資格が取得できます
  *-----------------------------------------------*/
  /* .pro_activity {
    margin: 50px auto 0 auto;
    padding: 0 0 20px 0;
  }
  
  .pro_activity .pro_title_body > dt {
    background: url("../../images/kouza/sp_pro_activity_title_bg.svg") center center no-repeat;
    width: 80%;
    font-size: 1.875rem;
  }
  
  .pro_activity .pro_title_body > dt::before, .pro_activity .pro_title_body > dt::after {
    width: 30px;
  }
  
  .pro_activity .pro_title_body > dd {
    margin: 0 auto;
    padding-bottom: 20px;
    font-size: 2rem;
  }
  
  .pro_activity .activity_comment {
    margin: 20px auto 0 auto;
    padding: 15px;
    width: 94%;
    font-size: 0.875rem;
    line-height: 1.5rem;
  } */
  
  
  /*
  * 簡単資料請求（資格ページ・資格の特徴ページ）
  *---------------------------------------------------*/
  .request_btn_area {
    margin: 10px auto;
  }
  
  .request_btn_area .get_document_txt {
    padding: 10px 0;
    width: 100%;
  }
  
  .request_btn_area .get_document_txt::before {
    top: 12%;
    left: 0;
    transform: translateY(-12%);
    width: 40px;
    height: 40px;
  }
  
  .request_btn_area .get_document_txt::after {
    top: 12%;
    right: 0;
    transform: translateY(-12%);
    width: 40px;
    height: 40px;
  }
  
  .request_btn_area .get_document_txt .sub_txt {
    padding: 0 13%;
    font-size: 1rem;
  }
  
  .request_btn_area .get_document_txt .main_txt {
    width: 80%;
    font-size: 1.375rem;
    line-height: 1.9rem;
  }
  
  .request_btn_area .request_btn {
    width: 100%;
  }
  
  .request_btn_area .request_btn li {
    width: 100%;
    height: 68px;
    /* height: 58px; */
  
  }
  
  .request_btn_area .request_btn .req_document > a {
    background-size: 50px;
  }
  
  .request_btn_area .request_btn .req_document > a::after {
    font-size: 1.125rem;
  }
  
  .request_btn_area .request_btn .req_document > a .btn_body {
    left: 12%;
    width: 80%;
  }
  
  .request_btn_area .request_btn .req_document > a .btn_body > dt {
    font-size: 0.75rem;
  }
  
  .request_btn_area .request_btn .req_document > a .btn_body > dd {
    font-size: 1.375rem;
  }
  
  .request_btn_area .request_btn .req_kouza {
    margin-top: 8px;
  }
  
  .request_btn_area .request_btn .req_kouza > a::after {
    right: 3%;
    font-size: 1.125rem;
  }
  
  .request_btn_area .request_btn .req_kouza > a .btn_body > dt {
    font-size: 0.75rem;
  }
  
  .request_btn_area .request_btn .req_kouza > a .btn_body > dt::before, .request_btn_area .request_btn .req_kouza > a .btn_body > dt::after {
    width: 15px;
  }
  
  .request_btn_area .request_btn .req_kouza > a .btn_body > dt::before {
    left: 6%;
  }
  
  .request_btn_area .request_btn .req_kouza > a .btn_body > dt::after {
    right: 7%;
  }
  
  .request_btn_area .request_btn .req_kouza > a .btn_body > dd {
    font-size: 1.25rem;
  }
  
  /* 資料請求アピールエリア */
  .appeal_request_btn {
    padding: 0;
    width: 90%;
  }
  
  .appeal_request_btn .request_btn li {
    width: 100%;
    height: 60px;
  }
  
  .appeal_request_btn .request_btn li + li {
    margin-top: 30px;
  }
  
  .appeal_request_btn .request_btn li .btn_comment {
    margin: 0 auto;
    font-size: 1rem;
  }
  
  .appeal_request_btn .request_btn li .btn_comment::before,
  .appeal_request_btn .request_btn li .btn_comment::after {
    width: 20px;
  }
  
  
  /*
  * 講座内コラム
  *----------------------------------------------*/
  .kouza_article {
    margin: 60px auto 0 auto;
    background: none;
  }
  
  .kouza_article.open_article {
    background: #f1f6ff;
    transition: all 1s;
  }
  
  .kouza_article .article_inner {
    width: 96%;
    padding: 20px 10px;
  }
  
  /*
  * 見出し
  *-----------------------------------*/
  /* H2 */
  .top_midashi {
    /* padding: 1.3rem 1rem; */
    padding: 1.3rem 1rem 2rem 1rem;
    font-size: 1.2rem;
    /* z-index: 0; */
  }
  
  .read_sign {
    position: relative;
    display: flex;
    /* align-items: center; */
    justify-content: center;
    margin: -25px auto 0 auto;
    padding: 9px 0 0 0;
    width: 50px;
    height: 50px;
    font-size: 0.8rem;
    color: #fff;
    border-radius: 50%;
    background: #1e55bb;
    /* z-index: 1; */
  }
  
  .read_sign.reading {
    background: #a11ebb;
  }
  
  .read_sign.reading::after {
    transform: rotate(-180deg);
    transition: all 0.3s;
    transform-origin: 25% 40%;
  }
  
  .read_sign::after {
    content: '▼';
    position: absolute;
    bottom: 5px;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 5px;
    font-size: 0.6rem;
  }
  
  .read_sign .triangle {
    display: block;
    margin: 0;
    padding: 0;
    font-size: 0.8rem;
    text-align: center;
  }
  
  /* H3 */
  .middle_midashi {
    margin: 10px auto;
    width: 100%;
    /* padding: 1.2rem 1rem;
    font-size: 1.1rem; */
    padding: 1.2rem 4rem 1.2rem 1rem;
    font-size: 1rem;
    line-height: 1.5rem;
  }
  
  .middle_midashi .i_box {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    right: 5%;
    width: 30px;
    height: 30px;
    border: 1px solid #176980;
    margin-top: -15px;
    box-sizing: border-box;
    transform: rotate(45deg);
    transform-origin: center center;
    transition-duration: 0.6s;
  }
  
  .middle_midashi .i_box .one_i {
    display: block;
    width: 18px;
    height: 18px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transform-origin: center center;
    transition-duration: 0.2s;
    position: relative;
  }
  
  .middle_midashi.open .i_box {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
  
  .middle_midashi .i_box .one_i::before,
  .middle_midashi .i_box .one_i::after {
    display: flex;
    content: '';
    background-color: #176980;
    border-radius: 10px;
    width: 18px;
    height: 4px;
    position: absolute;
    top: 7px;
    left: 0;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    transform-origin: center center;
  }
  .middle_midashi .i_box .one_i::before {
    width: 4px;
    height: 18px;
    top: 0;
    left: 7px;
  }
  
  .middle_midashi.open .i_box .one_i::before {
    content: none;
  }
  
  .middle_midashi.open .i_box .one_i::after {
    transform: rotate(-45deg);
  }
  
  
  /* H4 */
  .small_midashi {
    padding: 0.8rem 1rem;
    width: 100%;
    font-size: 1rem;
  }
  
  /*
  * 記事コンテンツ部分（デフォルトで非表示・閉じておく）
  *-----------------------------------*/
  .read_txt {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    padding: 0;
    width: 100%;
    height: 100px;
    font-size: 1.2rem;
  }
  
  .article_inner {
    display: none;
  }
  
  .article_body {
    display: none;
  }
  
  .article_body {
    margin: 0 auto;
    padding: 0;
    width: 100%;
  }
  
  /*
  * 記事内画像
  *-----------------------------------*/
  /* ヘッドイメージ */
  .article_head_img {
    height: 300px;
  }
  
  /* タイトル下イメージ */
  .article_inner_img {
    width: 100%;
    /* height: 200px; */
  }
  
  /* .h700 {
    height: 270px;
  } */
  
  /*
  * 記事本文
  *-----------------------------------*/
  /* 記事サマリー */
  .article_summary {
    padding: 15px;
    font-size: 0.95rem;
    line-height: 1.5rem;
  }
  
  /* リード文 */
  .article_lead {
    width: 100%;
    font-size: 0.95rem;
  }
  
  /* 本文 */
  .article_txt {
    width: 100%;
    font-size: 0.9rem;
  }
  
  /*
  * 取得できる資格
  *-----------------------------------*/
  .get_shikaku_area {
    padding: 20px 10px;
    width: 100%;
  }
  
  .get_shikaku_area .shikaku_cont {
    margin-bottom: 15px;
    width: 100%;
  }
  
  /*
  * まとめ
  *-----------------------------------*/
  .conclusion .article_lead {
    margin: 0 auto;
    padding: 15px;
    width: 100%;
    font-size: 0.95rem;
  }
  
  
  /*
  * スペシャル講座がおすすめ
  *---------------------------------------------------*/
  .info_special_kouza {
    margin: 20px auto 0 auto;
    padding: 20px 10px;
  }
  
  .info_special_kouza .info_special_title {
    height: 200px;
  }
  
  .info_special_kouza .info_special_title .info_special_img {
    height: 200px;
  }
  
  .info_special_kouza .info_special_title .info_special_img > img {
    height: 200px;
  }
  
  .info_special_kouza .info_special_title .info_special_title_body > dt {
    margin: 0 auto;
    width: 70%;
    font-size: 1.25rem;
    line-height: 1.8rem;
  }
  
  .info_special_kouza .info_special_title .info_special_title_body > dt > br {
    display: block;
  }
  
  .info_special_kouza .info_special_title .info_special_title_body > dt::before {
    top: 16%;
    left: 6%;
  }
  
  .info_special_kouza .info_special_title .info_special_title_body > dt::after {
    top: 16%;
    right: 6%;
  }
  
  .info_special_kouza .info_special_title .info_special_title_body > dd {
    margin: 10px auto 0 auto;
    font-size: 1.625rem;
    line-height: 2.2rem;
  }
  
  .info_special_kouza .info_special_title .info_special_title_body > dd > br {
    display: block;
  }
  
  .info_special_kouza .section_lead {
    font-size: 0.9rem;
    line-height: 1.4rem;
  }
  .info_special_kouza .standard_kouza,
  .info_special_kouza .special_kouza {
    padding: 20px 15px;
  }
  
  .info_special_kouza .standard_kouza .kouza_flow_img,
  .info_special_kouza .special_kouza .kouza_flow_img {
    margin: 0;
    padding: 0;
    width: 100%;
  }
  
  .info_special_kouza .standard_kouza .kouza_flow_img > img,
  .info_special_kouza .special_kouza .kouza_flow_img > img {
    max-width: 100%;
    height: auto;
  }
  
  .info_special_kouza .standard_kouza {
    margin-top: 20px;
  }
  
  .info_special_kouza .standard_kouza .standard_title {
    margin-bottom: 15px;
  }
  
  .info_special_kouza .standard_kouza .standard_comment {
    padding: 15px;
  }
  
  .info_special_kouza .special_kouza .special_title {
    margin-bottom: 20px;
  }
  
  .info_special_kouza .special_kouza .special_comment {
    padding: 15px;
  }
  
  
  /*
  *　選べる2つの講座
  *-----------------------------------------------*/
  
  .course_tab {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 15px auto;
    padding: 0;
    width: 100%;
  }
  
  .course_tab > li {
    margin: 0 0 5px 0;
    padding: 0;
    width: 49%;
  }
  
  .course_tab > li > a {
    position: relative;
    display: block;
    margin: 0;
    padding: 8px 10px;
    font-size: 1rem;
    color: #104a88;
    text-align: center;
    background: #fff;
    border-radius: 5px;
    text-decoration: none;
  }
  
  .course_tab > li.active > a {
    color: #fff;
    background: #2a67a8;
  }
  
  .course_tab > li.active > a::before {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border-top: 15px solid #2a67a8;
    border-right: 15px solid transparent;
    border-left: 15px solid transparent;
  }
  
  .course_tab > li > a .kouza_name {
    display: inline-block;
    margin: 0;
    padding: 0;
    width: 100%;
    font-size: 0.8rem;
    text-align: center;
  }
  
  .course_tab > li > a .course_name {
    display: inline-block;
    margin: 0;
    padding: 0;
    width: 100%;
    font-size: 1.1rem;
    text-align: center;
  }
  
  .course_area {
    display: none;
    opacity: 0;
    padding: 50px 20px;
  }
  
  /* course_areaにis-activeというクラスがついた時の形状 */
  .course_area.is-active {
      display: block;
      animation-name: displayAnime;
      animation-duration: 0.3s;
      animation-fill-mode: forwards;
  }
  
  @keyframes displayAnime{
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
  
  .select_course {
    margin: 30px auto 0 auto;
    padding: 20px 15px;
  }
  
  .select_course .select_course_title {
    position: relative;
    top: -30px;
    margin: 0 auto;
    padding: 0;
    width: 100%;
  }
  
  .select_course .select_course_title .course_title_body {
    margin: 0;
    padding: 0;
    width: 100%;
  }
  
  .select_course .select_course_title .course_title_body > dt {
    width: 80%;
    height: 50px;
    font-size: 1.8125rem;
    line-height: 50px;
  }
  
  .select_course .select_course_title .course_title_body > dt::before,
  .select_course .select_course_title .course_title_body > dt::after {
    border: 25px solid #d82851;
  }
  
  .select_course .select_course_title .course_title_body > dt::before {
    left: -40px;
    border-left-width: 15px;
    border-left-color: transparent;
  }
  
  .select_course .select_course_title .course_title_body > dt::after {
    right: -40px;
    border-right-width: 15px;
    border-right-color: transparent;
  }
  
  .select_course .select_course_title .course_title_body > dd {
    padding-bottom: 25px;
    /* font-size: 2.125rem; */
    font-size: 1.8rem;
    text-align: center;
    line-height: 2.4rem;
    background: url("../../images/kouza/sp_select_course_title_bottom_line.svg") center bottom no-repeat;
  }
  
  .select_course .select_course_title .course_title_body > dd > br {
    display: block;
  }
  
  .select_course .select_course_title .course_title_body > dd .txt_lightblue {
    font-size: 1.75rem;
  }
  
  .select_course .select_course_title .course_title_body > dd::before {
    top: 10%;
    left: 0;
    width: 40px;
    height: 40px;
  }
  
  .select_course .select_course_title .course_title_body > dd::after {
    top: 10%;
    right: 0;
    width: 40px;
    height: 40px;
  }
  
  .select_course .select_course_lead {
    margin: 0 auto;
    padding: 15px;
    width: 100%;
    font-size: 0.875rem;
  }
  
  .select_course .select_list {
    /* margin: 20px auto 0 auto; */
    width: 100%;
    margin: 0 auto;
    padding: 0;
  }
  
  .select_course .select_list li {
    margin: 0;
    width: 100%;
  }
  
  .select_course .select_list li:nth-of-type(odd) .shiken_menjo {
    height: 0;
  }
  
  /* .select_course .select_list li + li {
    margin-top: 20px;
  } */
  
  .select_course .select_list li .course_detail .course_kyozai {
    padding: 10px 20px;
    height: auto;
  }
  
  .select_course .select_list li .course_detail .l_height {
    height: auto;
  }
  
  .select_course .select_list li .course_detail .course_sotsugyo {
    padding: 10px 20px;
    height: auto;
  }
  
  .select_course .cad_course_list {
    margin: 20px auto 0 auto;
    width: 100%;
  }
  
  .select_course .cad_course_list .course_title {
    padding: 10px 15px;
    font-size: 1.25rem;
  }
  
  .select_course .cad_course_list .course_summary {
    padding: 10px 15px;
    font-size: 0.875rem;
    line-height: 1.4rem;
  }
  
  .select_course .cad_course_list .course_detail li {
    display: flex;
    width: 100%;
  }
  
  .select_course .cad_course_list .course_detail li.course_img {
    border-top: 1px solid #faf6ea;
    order: 3;
  }
  
  .select_course .cad_course_list .course_detail li.term_and_tensaku {
    height: auto;
  }
  
  .select_course .cad_course_list .course_detail li.term_and_tensaku .course_term dd,
  .select_course .cad_course_list .course_detail li.term_and_tensaku .course_tensaku dd {
    height: auto;
    font-size: 0.875rem;
  }
  
  .select_course .cad_course_list .course_detail li.term_and_tensaku .course_kyozai {
    padding: 15px;
  }
  
  .select_course .cad_course_list .course_fee li {
    width: 100%;
  }
  
  .select_course .cad_course_list .sotsu_nintei {
    padding: 8px 0;
  }
  
  .select_course .cad_course_list .sotsu_nintei .nintei01 {
    display: block;
    margin: 3px auto;
    width: 80%;
  }
  
  .select_course .cad_course_list .sotsu_nintei .nintei02 {
    display: block;
    margin: 0 auto;
    width: 80%;
  }
  
  .select_course .mokei_course_list {
    margin: 20px auto 0 auto;
    width: 100%;
  }
  
  .select_course .mokei_course_list .course_title {
    padding: 10px 15px;
    font-size: 1.25rem;
  }
  
  .select_course .mokei_course_list .course_summary {
    padding: 10px 15px;
    font-size: 0.875rem;
    line-height: 1.4rem;
  }
  
  .select_course .mokei_course_list .course_detail li {
    display: flex;
    width: 100%;
  }
  
  .select_course .mokei_course_list .course_detail li.course_img {
    order: 2;
    border-top: 1px solid #faf6ea;
  }
  
  .select_course .mokei_course_list .course_detail li.term_and_tensaku .course_term dd,
  .select_course .mokei_course_list .course_detail li.term_and_tensaku .course_tensaku dd {
    font-size: 0.875rem;
  }
  
  .select_course .mokei_course_list .course_detail li.term_and_tensaku .course_term dd .txt_sm,
  .select_course .mokei_course_list .course_detail li.term_and_tensaku .course_tensaku dd .txt_sm {
    font-size: 0.75rem;
  }
  
  .select_course .mokei_course_list .course_detail li.term_and_tensaku .course_kyozai {
    padding: 15px;
  }
  
  .select_course .mokei_course_list .course_detail li.term_and_tensaku .course_fee > dd .discount {
    padding-left: 36%;
  }
  
  .select_course .mokei_course_list .course_detail li.term_and_tensaku .course_fee > dd .discount::before {
    left: 11%;
    font-size: 0.875rem;
  }
  
  .select_course .mokei_course_list .sotsu_nintei {
    padding: 8px 0;
  }
  
  .select_course .mokei_course_list .sotsu_nintei .nintei01 {
    display: block;
    margin: 3px auto;
    width: 80%;
  }
  
  .select_course .mokei_course_list .sotsu_nintei .nintei02 {
    display: block;
    margin: 0 auto;
    width: 80%;
  }
  
  .select_course .down_triangle {
    margin: 20px auto;
  }
  
  
  /*
  * プロの監修
  *-----------------------------------------------*/
  .teacher {
    margin: 20px auto 0 auto;
    padding: 20px 15px;
  }
  
  .teacher .teacher_profile_area {
    margin: 15px auto 0 auto;
    padding: 15px;
  }
  
  .teacher .teacher_profile_area .section_lead {
    font-size: 0.9rem;
  }
  
  .teacher .teacher_profile_area .profile_area {
    width: 100%;
  }
  
  .teacher .teacher_profile_area .profile_area .teacher_name {
    padding: 15px 20px;
  }
  
  .teacher .teacher_profile_area .profile_area .teacher_name > dt {
    font-size: 1.3rem;
  }
  
  .teacher .teacher_profile_area .profile_area .biography {
    font-size: 0.9rem;
    line-height: 1.4rem;
  }
  
  .teacher .teacher_profile_area .photo_area {
    margin: 15px 0 0 0;
    width: 100%;
    height: 200px;
  }
  
  /* 監修者2名以上 */
  .teacher .teacher_profile_area.column-2,
  .teacher .teacher_profile_area.column-3 {
    width: 100%;
  }
  
  
  /* .teacher {
    margin: 20px auto 0 auto;
    padding: 20px 15px;
  }
  
  .teacher .section_lead {
    margin-top: 10px;
  }
  
  .teacher .teacher_profile_area {
    margin: 15px auto 0 auto;
    padding: 15px;
  }
  
  .teacher .teacher_profile_area .profile_area {
    width: 100%;
  }
  
  .teacher .teacher_profile_area .profile_area .teacher_name {
    padding: 10px 20px;
  }
  
  .teacher .teacher_profile_area .profile_area .biography > dt,
  .teacher .teacher_profile_area .profile_area .profile > dt {
    padding: 5px 15px;
    font-size: 1rem;
  }
  
  .teacher .teacher_profile_area .profile_area .biography > dd,
  .teacher .teacher_profile_area .profile_area .profile > dd {
    margin: 10px auto 0 auto;
    padding: 0;
    width: 96%;
    font-size: 0.875rem;
    line-height: 1.5rem;
  }
  
  .teacher .teacher_profile_area .profile_area .profile {
    margin: 15px auto 0 auto;
  }
  
  .teacher .teacher_profile_area .photo_area {
    margin: 15px auto 0 auto;
    width: 100%;
  } */
  
  
  /*
  * Youtube動画（資格ページ・資格の特徴ページ）
  *-----------------------------------------------*/
  /* .vd_youtube dt .upper_title {
    font-size: 1.6rem;
  }
  
  .vd_youtube dt .lower_title {
    position: relative;
    font-size: 1rem;
    text-align: center;
  }
  
  .vd_youtube dt .lower_title > br {
    display: block;
  }
  
  .vd_youtube dt .lower_title::before,
  .vd_youtube dt .lower_title::after {
    position: absolute;
    top: 50%;
  }
  
  .vd_youtube dt .lower_title::before {
    margin-right: 0;
    left: 1%;
  }
  
  .vd_youtube dt .lower_title::after {
    margin-left: 0;
    right: 1%;
  }
  
  .vd_youtube dd {
    position: relative;
    margin: 10px 0;
    padding: 53% 0 15px 0;
  }
  
  .vd_youtube dd > iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  } */
  
  
  /*
  * おすすめコラム
  *-----------------------------------------------*/
  .rec_column_title {
    margin: 30px auto 0 auto;
    font-size: 1.125rem;
  }
  
  .rec_column {
    margin: 10px auto 0 auto;
  }
  
  .rec_column > li {
    font-size: 0.9375rem;
  }
  
  .rec_column > li::before {
    margin-right: 8px;
  }
  
  
  /*
  * 関連講座
  *-----------------------------------------------*/
  .related_kouza {
    margin: 40px auto 0 auto;
    padding: 20px 15px;
  }
  
  .related_kouza .related_title {
    margin: 0 0 20px 0;
    font-size: 1.25rem;
  }
  
  .related_kouza .related_list li {
    margin: 0;
    width: 100%;
  }
  
  .related_kouza .related_list li + li {
    margin-top: 10px;
  }
  
  .related_kouza .related_list li > a {
    padding: 10px 15px;
  }
  
  .related_kouza .related_list li > a .list_body .list_name {
    font-size: 0.875rem;
  }
  
  .related_kouza .related_list li > a .list_body .list_img {
    height: 70px;
  }
  
  .related_kouza .related_list li > a .list_body .list_comment {
    line-height: 1.3rem;
  }
  
  
  /**
  ** 講座の特徴
  **
  ===================================================================*/
  
  /*
  * メインイメージ
  *-----------------------------------------------*/
  .kouza_child_title_name,
  .page_features_head_area {
    display: none;
  }
  
  .features_head_area {
    display: block;
    position: relative;
    margin: 0 auto;
    padding: 0;
    width: 100%;
  }
  
  .features_head_area .page_catch {
    margin: 0 auto;
    /* padding: 4px 0; */
    padding: 4px 1em;
    width: 100%;
    /* font-size: 1rem; */
    /* font-weight: bold; */
    font-size: 0.85rem;
    font-weight: normal;
    color: #fff;
    /* text-align: center; */
    background: #2f67a7;
  }
  
  .features_head_area .page_title {
    margin: 0 auto;
    padding: 6px 0;
    width: 100%;
    font-size: 1.4rem;
    font-weight: bold;
    color: #0A4595;
    text-align: center;
    background: #cce4ff;
  }
  
  .features_head_area .bg_img {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    height: 100%;
    height: 280px;
  }
  
  .features_head_area .bg_img > img {
    object-fit: cover;
    width: 100%;
    height: 100%;
  }
  
  .features_head_area .page_title_area {
    position: absolute;
    bottom: 3%;
    left: 0;
    margin: 0 auto;
    padding: 0;
    width: 100%;
  }
  
  .features_head_area .page_title_area > dt {
    margin: 0 auto;
    padding: 10px 0 15px 0;
    width: 90%;
    font-size: 1.6rem;
    font-weight: bold;
    color: #0050BC;
    text-align: center;
    background: rgba(255, 255, 255, 0.6);
  }
  
  .features_head_area .page_title_area > dd {
    display: flex;
    justify-content: center;
    margin: 5px auto 0 auto;
    padding: 0;
    width: 80%;
    text-align: center;
  }
  
  .features_head_area .page_title_area > dd > img {
    object-fit: cover;
    width: 100%;
    height: auto;
  }
  
  /*
  * ヘッドエリア
  *-----------------------------------------------*/
  .page_features_head_area .page_catch {
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.5rem;
  }
  
  .page_features_head_area .page_catch_img {
    margin: 15px auto 0 auto;
    width: 94%;
    height: 120px;
  }
  
  .page_features_head_area .page_catch_img > img {
    height: 120px;
  }
  
  .page_features_head_area .page_title_area {
    margin: -100px auto 0 auto;
    width: 92%;
  }
  
  .page_features_head_area .page_title_area > dt {
    padding: 3px;
    width: 70%;
    font-size: 1.5rem;
  }
  
  .page_features_head_area .page_title_area > dd {
    margin: 10px auto 0 auto;
    width: 100%;
  }
  
  
  /*
  * 特徴リード文
  *-----------------------------------------------*/
  .page_lead_area {
    width: 100%;
  }
  
  .page_lead_area .lead_img {
    width: 100%;
    height: 120px;
  }
  
  .page_lead_area .lead_txt {
    margin: 10px auto 0 auto;
    width: 100%;
    font-size: 0.875rem;
    line-height: 1.6rem;
  }
  
  
  /*
  * 講座の特徴セクションタイトル
  *---------------------------------------------------*/
  .features_section_title {
    margin: 30px auto 0 auto;
    padding: 0 0 6px 10px;
    border-left: 10px solid #3e75c4;
  }
  
  .features_section_title .title_body > dt {
    font-size: 1.25rem;
  }
  
  .features_section_title .title_body > dt .red_lg {
    font-size: 1.875rem;
  }
  
  .features_section_title .title_body > dt > br {
    display: block;
  }
  
  .features_section_title .title_body > dd {
    font-size: 0.875rem;
    color: #444;
  }
  
  
  /*
  * 2つの資格を同時取得できる
  *---------------------------------------------------*/
  .features_shikaku_list li {
    width: 100%;
  }
  
  .features_shikaku_list li .list_inner > dt {
    font-size: 1rem;
    line-height: 1.6rem;
  }
  
  .features_shikaku_list li .list_inner > dt .title_lg {
    font-size: 1.375rem;
  }
  
  .features_shikaku_list li .list_inner > dt::before {
    left: 22%;
  }
  
  .features_shikaku_list li .list_inner > dt::after {
    right: 22%;
  }
  
  .features_shikaku_list li .list_inner > dd {
    padding: 25px 10px;
  }
  
  .features_shikaku_list li .list_inner > dd .list_body > dt {
    font-size: 1rem;
  }
  
  .features_shikaku_list li .list_inner > dd .list_body .list_img {
    height: 120px;
  }
  
  .features_shikaku_list li .list_inner > dd .list_body .list_img > img {
    height: 120px;
  }
  
  .features_shikaku_list li .list_inner > dd .list_body .list_assoc {
    text-align: center;
  }
  
  .features_shikaku_list li .list_inner > dd .list_body .list_txt {
    padding: 15px;
  }
  
  .features_shikaku_list li .list_inner > dd .list_body .list_link > a {
    height: 40px;
    font-size: 1rem;
  }
  
  .features_shikaku_list li .list_inner > dd .list_body .list_link > a::before {
    margin-right: 10px;
    font-size: 1.25rem;
  }
  
  .features_shikaku_list li .list_inner > dd .list_body .list_link > a::after {
    right: 7%;
  }
  
  .features_shikaku_list.ct_3 li {
    width: 100%;
  }
  
  .features_shikaku_list.ct_3 li .list_inner > dt::before {
    left: 20%;
  }
  
  .features_shikaku_list.ct_3 li .list_inner > dt::after {
    right: 20%;
  }
  
  .features_shikaku_list.ct_3 li .list_inner > dd {
    padding: 25px 10px;
  }
  
  .features_shikaku_list.ct_3 li .list_inner > dd .list_body .list_img {
    height: 120px;
  }
  
  .features_shikaku_list.ct_3 li .list_inner > dd .list_body .list_img > img {
    height: 120px;
  }
  
  /* 試験概要 */
  .features_shikaku_list li .list_inner > dd .list_body .shiken_detail {
    width: 92%;
  }
  
  .features_shikaku_list li .list_inner > dd .list_body .shiken_detail th {
    width: 25%;
    font-size: 0.8rem;
  }
  
  .features_shikaku_list li .list_inner > dd .list_body .shiken_detail td {
    padding: 0 0 0 20px;
    width: 75%;
    font-size: 0.8rem;
  }
  
  
  
  /*
  * 最短2ヶ月で資格が取得できる
  *---------------------------------------------------*/
  .get_shikaku_2months {
    padding: 0 15px 20px;
  }
  
  .get_shikaku_2months .get_catch {
    margin: -25px auto 0 auto;
    width: 94%;
    height: 50px;
    font-size: 1rem;
    line-height: 50px;
  }
  
  .get_shikaku_2months .get_catch .txt_lg {
    font-size: 1.5rem;
  }
  
  .get_shikaku_2months .get_catch::before, .get_shikaku_2months .get_catch::after {
    border: 25px solid #d82851;
  }
  
  .get_shikaku_2months .get_catch::before {
    left: -20px;
    border-left-width: 15px;
    border-right-width: 20px;
    border-left-color: transparent;
  }
  
  .get_shikaku_2months .get_catch::after {
    right: -20px;
    border-right-width: 15px;
    border-left-width: 20px;
    border-right-color: transparent;
  }
  
  .get_shikaku_2months ul.get_body {
    margin: 15px auto 0 auto;
  }
  
  .get_shikaku_2months ul.get_body .get_img {
    width: 100%;
    height: 100px;
  }
  
  .get_shikaku_2months ul.get_body .get_txt {
    margin: 15px auto 0 auto;
    width: 100%;
  }
  
  .get_shikaku_2months ul.get_body .get_txt .txt_body > dt {
    font-size: 1.125rem;
  }
  
  .get_shikaku_2months ul.get_body .get_txt .txt_body > dd {
    font-size: 0.875rem;
  }
  
  
  /*
  * 諒設計アーキテクトラーニングはここが違う
  *---------------------------------------------------*/
  .school_appeal {
    padding: 15px 10px;
  }
  
  .school_appeal .trust_school {
    padding: 15px 10px;
  }
  
  .school_appeal .trust_school > dt::before {
    top: 0;
    left: 5%;
    width: 30px;
    height: 30px;
  }
  
  .school_appeal .trust_school > dt::after {
    top: 0;
    right: 5%;
    width: 30px;
    height: 30px;
  }
  
  .school_appeal .trust_school > dt ul.trust_title .title_upper {
    padding-top: 5px;
    font-size: 1.125rem;
  }
  
  .school_appeal .trust_school > dt ul.trust_title .title_lower {
    margin: 0;
    font-size: 1.5rem;
  }
  
  .school_appeal .trust_school > dt ul.trust_title .title_lower .title_red {
    font-size: 1.625rem;
  }
  
  .school_appeal .trust_school > dd {
    padding: 5px 10px;
    font-size: 0.75rem;
    text-align: left;
  }
  
  .school_appeal .appeal_list {
    padding: 65px 0 0 0;
  }
  
  .school_appeal .appeal_list li {
    padding: 0 10px 20px 10px;
    width: 100%;
  }
  
  .school_appeal .appeal_list li + li {
    margin-top: 92px;
  }
  
  .school_appeal .appeal_list li .appeal_illust {
    width: 110px;
    height: 110px;
  }
  
  .school_appeal .appeal_list li .appeal_body dt {
    height: auto;
    font-size: 1.125rem;
  }
  
  .school_appeal .appeal_list li .appeal_body dd {
    margin: 10px auto 0 auto;
    padding: 0 5px;
    font-size: 0.875rem;
    line-height: 1.6rem;
  }
  
  
  /*
  * 講座の特徴ページ内コラム
  *---------------------------------------------------*/
  .inner_column {
    display: block;
    position: relative;
    margin: 30px auto 20px auto;
  }
  
  .inner_column .column_img {
    width: 100%;
    height: 180px;
  }
  
  .inner_column .column_img > img {
    object-fit: cover;
    width: 100%;
    height: auto;
  }
  
  .inner_column .column_txt {
    width: 100%;
  }
  
  .inner_column .column_txt .column_title {
    position: absolute;
    top: 10%;
    transform: translateY(-10%);
    margin: 0;
    padding: 10px 25px;
    font-size: 1.375rem;
    line-height: 2rem;
    background: rgba(255, 255, 255, 0.7);
  }
  
  .inner_column .column_txt .column_title::before, .inner_column .column_txt .column_title::after {
    display: none;
  }
  
  .inner_column .column_txt .column_body {
    padding: 20px;
    line-height: 1.6rem;
  }
  
  
  /*
  * 資格取得の5つのメリット
  *---------------------------------------------------*/
  .shikaku_merit {
    padding: 20px 15px;
  }
  
  .shikaku_merit .merit_title {
    font-size: 1.625rem;
  }
  
  .shikaku_merit .merit_list {
    margin: 60px auto 0 auto;
  }
  
  .shikaku_merit .merit_list li {
    margin: 0;
    width: 100%;
  }
  
  .shikaku_merit .merit_list li + li {
    margin-top: 50px;
  }
  
  .shikaku_merit .merit_list li .list_body dd {
    font-size: 0.875rem;
    line-height: 1.4rem;
  }
  
  
  /*
  *　私もおすすめします
  *-----------------------------------------------*/
  .recommend_title {
    margin: 30px 0 0 15px;
    padding: 4px 0 7px 0;
    width: 70%;
    font-size: 1.125rem;
  }
  
  .recommend_person {
    padding: 40px 30px;
  }
  
  .recommend_person .rec_img {
    width: 100%;
    height: 180px;
  }
  
  .recommend_person .person_profile {
    margin: 10px auto 0 auto;
    width: 100%;
  }
  
  .recommend_person .comment_body {
    margin: 15px auto 0 auto;
    padding: 15px;
    width: 100%;
  }
  
  
  /*
  *　私もこの資格を取得しました
  *-----------------------------------------------*/
  .get_person_title {
    margin: 30px 0 0 15px;
    padding: 4px 0 7px 0;
    width: 90%;
    font-size: 1.125rem;
  }
  
  .shikaku_get_person {
    padding: 40px 30px;
  }
  
  .shikaku_get_person .get_person_profile {
    width: 100%;
  }
  
  .shikaku_get_person .get_person_profile dt {
    position: relative;
    height: 180px;
  }
  
  .shikaku_get_person .get_person_profile dt > img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 100%;
    min-height: 100%;
  }
  
  .shikaku_get_person .get_person_profile dd {
    margin: 15px 0;
  }
  
  .shikaku_get_person .get_person_profile dd .sub_name {
    text-align: left;
  }
  
  .shikaku_get_person .get_person_profile dd .main_name {
    text-align: left;
  }
  
  .shikaku_get_person .person_interview {
    width: 100%;
  }
  
  .shikaku_get_person .person_interview li {
    margin: 0;
    width: 100%;
  }
  
  .shikaku_get_person .person_interview li + li {
    margin-top: 10px;
  }
  
  .shikaku_get_person .person_interview li .interview_body dd {
    line-height: 1.4rem;
  }
  
  
  /**
  ** 学習カリキュラム
  **
  ===================================================================*/
  
  /*
  *　ヘッドエリア（学習カリキュラム・口コミ評判）
  *-----------------------------------------------*/
  .page_head_area {
    margin-top: 30px;
    margin-bottom: 20px;
    /* padding: 20px 15px; */
    padding: 20px 10px;
    display: none;
  }
  
  .page_head_area .catch_area {
    width: 100%;
  }
  
  .page_head_area .catch_area .page_catch {
    margin: 0 auto 15px auto;
    font-size: 1.625rem;
    line-height: 2.4rem;
  }
  
  .page_head_area .catch_area .page_catch > br {
    display: none;
  }
  
  .page_head_area .catch_area .head_lead {
    font-size: 0.875rem;
    line-height: 1.5rem;
  }
  
  .page_head_area .img_area {
    /* margin: 10px auto 0 auto;
    height: 180px;
    width: 100%;
    overflow: hidden; */
    display: none;
  }
  
  .page_head_area .sp_img_area {
    display: block;
    margin: 10px auto;
    height: 180px;
    width: 100%;
    overflow: hidden;
  }
  
  
  /*
  *　講座内容
  *-----------------------------------------------*/
  .curriculum_list {
    margin: 20px auto 0 auto;
    width: 100%;
  }
  
  .curriculum_list li {
    margin: 0;
    width: 100%;
  }
  
  .curriculum_list li + li {
    margin-top: 10px;
  }
  
  .curriculum_list li .curriculum_body dt {
    font-size: 0.875rem;
  }
  
  .curriculum_list li .curriculum_body dd {
    padding: 10px;
  }
  
  .curriculum_list li .curriculum_body dd > p {
    padding: 10px;
    font-size: 0.8125rem;
    line-height: 1.6rem;
  }
  
  
  /*
  *　カリキュラムステップ
  *-----------------------------------------------*/
  .curriculum_step_area {
    margin: 20px auto 0 auto;
    width: 100%;
  }
  
  .curriculum_step_area .curriculum_step > dt {
    padding: 8px 10px 10px 10px;
    font-size: 0.8125rem;
  }
  
  .curriculum_step_area .curriculum_step > dt .step_no {
    margin-bottom: 8px;
    padding: 3px 0;
    width: 100%;
    font-size: 0.75rem;
  }
  
  .curriculum_step_area .curriculum_step > dt.step_graduate {
    font-size: 1rem;
  }
  
  .curriculum_step_area .curriculum_step > dd {
    padding: 10px;
    font-size: 0.875rem;
    line-height: 1.5rem;
  }
  
  
  /*
  *　試験対策もバッチリタイトル（学習カリキュラム・口コミ評判）
  *-----------------------------------------------*/
  .get_shikaku_txt {
    margin: 30px auto 0 auto;
    width: 100%;
  }
  
  .get_shikaku_txt::before, .get_shikaku_txt::after {
    width: 70px;
  }
  
  .get_shikaku_txt::before {
    left: -5%;
  }
  
  .get_shikaku_txt::after {
    right: -5%;
  }
  
  .get_shikaku_txt .sub_txt {
    width: 80%;
    font-size: 0.9rem;
  }
  
  .get_shikaku_txt .main_txt {
    width: 80%;
    font-size: 1.1rem;
    line-height: 1.6rem;
  }
  
  .get_shikaku_txt .main_txt br {
    display: none;
  }
  
  
  /*
  *　試験対策もバッチリ講座リンク（学習カリキュラム・口コミ評判）
  *-----------------------------------------------*/
  .get_kouza_link {
    margin: 20px auto 0 auto;
  }
  
  .get_kouza_link .section_inner {
    display: block;
    flex-wrap: wrap;
  }
  .get_kouza_link .section_inner .apply_title {
    margin: 0;
    width: 100%;
    font-size: 1rem;
    text-align: center;
  }
  
  .get_kouza_link .section_inner .apply_title .lg_txt {
    font-size: 1.125rem;
  }
  
  .get_kouza_link .section_inner .kouza_link {
    margin-top: 15px;
    width: 100%;
    height: 100%;
  }
  
  .get_kouza_link .section_inner .kouza_link > a {
    flex-wrap: wrap;
  }
  
  .get_kouza_link .section_inner .kouza_link > a .link_img {
    width: 100%;
    overflow: hidden;
  }
  
  .get_kouza_link .section_inner .kouza_link > a .kouza_name {
    margin-top: 10px;
    width: 100%;
  }
  
  .get_kouza_link .section_inner .kouza_link > a .kouza_name::after {
    display: none;
  }
  
  .get_kouza_link .section_inner .kouza_link > a .kouza_name .sub_catch {
    width: 100%;
  }
  
  .get_kouza_link .section_inner .kouza_link > a .kouza_name .main_name {
    font-size: 1rem;
  }
  
  
  /*
  *　試験対策もバッチリ資料請求・受講申し込み（学習カリキュラム・口コミ評判）
  *-----------------------------------------------*/
  .kouza_apply {
    display: none;
  }
  
  
  /**
  ** 講座コラム
  **
  ===================================================================*/
  
  /*
  *　ヘッドエリア
  *-----------------------------------------------*/
  .kouza_child_title_name {
    margin: 0 calc(50% - 50vw);
    padding: 5px 10px;
    width: 100vw;
    font-size: rem;
    color: #fff;
    background: #3160AF;
  }
  
  .column_head_area {
    display: flex;
    flex-direction: column;
    /* margin: 0 auto 20px auto; */
    /* margin: 0 calc(50% - 50vw) 24px calc(50% - 50vw); */
    margin: 12px calc(50% - 50vw) 24px calc(50% - 50vw);
    padding: 20px 10px;
    width: 100vw;
  }
  
  .column_head_area .column_title {
    /* margin: 0 auto 15px auto; */
    margin: 0 auto;
    padding: 8px;
    font-size: 1.3rem;
    color: #0068b7;
    line-height: 2rem;
    border-top: 1px solid #bfd8eb;
    border-left: 1px solid #bfd8eb;
    border-right: 1px solid #bfd8eb;
    border-bottom: 3px solid #bfd8eb;
    background: #f5f9fc;
  }
  
  .column_head_area .post_date {
    margin: 6px auto 0 auto;
    padding: 0;
    width: 100%;
    font-size: 0.9rem;
    color: #333;
    text-align: right;
    border: none;
  }
  
  .column_head_area .column_lead {
    /* display: none; */
    margin: 8px auto 0 auto;
    padding: 0;
    width: 100%;
    font-size: 0.9rem;
    color: #222;
    line-height: 1.4rem;
    order: 2;
  }
  
  .column_head_area .column_head_img {
    margin: 8px auto 0 auto;
    padding: 0;
    width: 100%;
    height: 180px;
    order: 1;
  }
  
  .column_head_area .column_head_img > img {
    object-fit: cover;
    width: 100%;
    height: 100%;
  }
  
  /* .column_head_area {
  margin: 30px auto 20px auto;
  padding: 20px;
  }
  .column_head_area .column_title {
  margin: 0;
  font-size: 1.625rem;
  line-height: 2.4rem;
  }
  .column_head_area .column_lead {
  margin: 15px auto 0 auto;
  font-size: 0.875rem;
  line-height: 1.5rem;
  }
  .column_head_area .column_head_img {
  height: 150px;
  }
  .column_head_area .column_head_img > img {
  object-fit: cover;
  width: 100%;
  height: 150px;
  } */
  
  
  /*
  * コラムトップページ・コラム一覧
  *----------------------------------------------*/
  .kouza_column_area {
  padding: 0 10px;
  }
  .kouza_column_area .column_list_body {
  margin: 30px auto 0 auto;
  }
  .kouza_column_area .column_list_body > li {
  margin: 0;
  padding: 10px;
  width: 100%;
  }
  .kouza_column_area .column_list_body > li + li {
  margin-top: 15px;
  }
  .kouza_column_area .column_list_body > li .column_title {
  min-height: auto;
  line-height: 1.6rem;
  }
  .kouza_column_area .column_list_body > li .article_img {
  margin: 10px 0 0 0;
  height: 80px;
  }
  .kouza_column_area .column_list_body > li .article_link_btn {
  margin: 10px auto 0 auto;
  height: 40px;
  }
  
  
  /*
  * コラム目次
  *----------------------------------------------*/
  .page_index {
  padding: 0 20px 20px 20px;
  }
  .page_index > dt {
  width: 40%;
  }
  .page_index > dd ul.index_link .level_1 {
  font-size: 1rem;
  }
  .page_index > dd ul.index_link .level_2 {
  margin: 0 0 0 15px;
  font-size: 0.875rem;
  }
  
  
  /*
  * 関連コラム一覧
  *----------------------------------------------*/
  .rel_column {
    padding: 30px 10px;
  }
  
  .rel_column .rel_column_title {
    margin: 0;
    font-size: 1.125rem;
  }
  
  .rel_column .rel_column_list {
    margin: 15px auto 0 auto;
  }
  
  .rel_column .rel_column_list > li {
    margin: 0;
    padding: 10px;
    width: 100%;
  }
  
  .rel_column .rel_column_list > li + li {
    margin-top: 15px;
  }
  
  .rel_column .rel_column_list > li .column_title {
    min-height: auto;
    font-size: 0.9375rem;
    line-height: 1.6rem;
  }
  
  .rel_column .rel_column_list > li .article_img {
    margin: 10px 0 0 0;
    height: 80px;
  }
  
  .rel_column .rel_column_list > li .article_link_btn {
    margin: 10px auto 0 auto;
    height: 40px;
  }
  
  
  /**
  ** 口コミ評判
  **
  ===================================================================*/
  
  /**
  * 各講座口コミ評判記事
  *-------------------------------------------*/
  .kouza_kuchikomi_list {
    margin: 30px auto 0 auto;
    width: 100%;
  }
  
  .kouza_kuchikomi_list .body_inner {
    padding: 15px;
  }
  
  .kouza_kuchikomi_list .body_inner .person_profile {
    display: grid;
    grid-template-rows: 50px 50px;
    grid-template-columns: 40% 60%;
    width: 100%;
  }
  
  .kouza_kuchikomi_list .body_inner .person_profile .person_photo {
    grid-column: 1;
    grid-row: 1 / 3;
    width: 100%;
    height: 100px;
  }
  
  .kouza_kuchikomi_list .body_inner .person_profile .person_name {
    grid-row: 1;
    grid-column: 2;
    padding: 18px 0 0 0;
    width: 100%;
    font-size: 1.125rem;
  }
  
  .kouza_kuchikomi_list .body_inner .person_profile .person_age {
    grid-column: 2;
    grid-row: 2;
    padding: 0;
    width: 100%;
  }
  
  .kouza_kuchikomi_list .body_inner .kuchikomi_txt {
    margin: 10px auto 0 auto;
    width: 100%;
  }
  
  .kouza_kuchikomi_list .body_inner .kuchikomi_txt .kuchikomi_lead {
    margin: 0;
    height: auto;
    font-size: 1rem;
    line-height: 1.6rem;
  }
  
  .kouza_kuchikomi_list .body_inner .kuchikomi_txt .kuchikomi_txt_list > li {
    width: 100%;
  }
  
  .kouza_kuchikomi_list .body_inner .kuchikomi_txt .kuchikomi_txt_list > li .txt_body dd {
    margin: 10px 0 15px 0;
    padding: 0;
    font-size: 0.875rem;
    line-height: 1.5rem;
  }
  
  
  /**
  ** 資格試験概要
  **
  ===================================================================*/
  
  /*
  * サマリー
  *-----------------------------------------------*/
  .shikaku_summary {
    margin: 20px auto 0 auto;
    padding: 20px;
    font-size: 0.875rem;
    line-height: 1.5rem;
  }
  
  
  /*
  * 試験詳細
  *-----------------------------------------------*/
  .shiken_detail {
    margin: 20px auto 0 auto;
    width: 100%;
  }
  
  .shiken_detail th {
    width: 25%;
    font-size: 0.875rem;
  }
  
  .shiken_detail td {
    padding: 10px 0 10px 20px;
    width: 75%;
    font-size: 0.875rem;
  }
  
  
  /*
  * 試験日程
  *-----------------------------------------------*/
  .exam_date_list {
    margin: 20px auto 0 auto;
    width: 100%;
  }
  
  .exam_date_list li {
    margin: 0;
    width: 100%;
  }
  
  .exam_date_list li + li {
    margin-top: 15px;
  }
  
  
  /*
  * 試験問題
  *-----------------------------------------------*/
  .exam_qa {
    margin: 20px auto 0 auto;
  }
  
  .exam_qa dt {
    padding: 4px 0 20px 40px;
    font-size: 0.875rem;
  }
  
  .exam_qa dt > span {
    padding: 2px 6px 4px 6px;
    font-size: 1rem;
  }
  
  .exam_qa dd {
    margin: 0;
    padding: 15px;
  }
  
  .exam_qa dd .select_answer li {
    margin: 0 0 0 28px;
    width: 90%;
    font-size: 0.875rem;
    list-style-position: outside;
  }
  
  .exam_answer .answer_inner {
    height: 34px;
    font-size: 1rem;
  }
  
  .exam_answer .answer_inner > span {
    height: 34px;
    font-size: 1rem;
  }
  
  .exam_answer_num {
    margin: 20px auto 40px auto;
    flex-wrap: wrap;
  }
  
  .exam_answer_num > dt {
    width: 100%;
    min-height: 34px;
    font-size: 1rem;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 0;
  }
  
  .exam_answer_num > dd {
    padding: 8px 10px;
    width: 100%;
    font-size: 0.875rem;
    border-top: none;
    border-left: 1px solid #ccc;
    border-top-right-radius: 0;
    border-bottom-left-radius: 5px;
  }
  
  
  /**
  ** 監修者・著者ページ
  **
  ===================================================================*/
  .author_head_area {
    padding: 15px 0;
  }
  
  .author_name_area .name_left {
    width: 100%;
  }
  
  .author_name_area .name_left .author_name {
    font-size: 2rem;
  }
  
  .author_name_area .name_left .author_sub {
    margin: 0;
    font-size: 1rem;
  }
  
  .author_name_area .name_right {
    margin-top: 20px;
    width: 100%;
  }
  
  .profile_area {
    margin: 20px auto 0 auto;
  }
  
  .profile_area .author_img_area {
    width: 100%;
  }
  
  .profile_area .author_profile {
    margin-top: 20px;
    padding: 30px 15px;
    width: 100%;
  }
  
  .profile_area .author_profile > dt {
    width: 100%;
  }
  
  .profile_area .author_profile > dd {
    font-size: 0.9rem;
    line-height: 1.4rem;
  }
  
  .sns_area_title {
    width: 100%;
    font-size: 1.3rem;
    text-align: center;
  }
  
  .sns_area {
    margin: 10px auto 0 auto;
    width: 100%;
  }
  
  .sns_area > dl {
    width: 100%;
  }
  
  .sns_area .sns_hp > dt,
  .sns_area .sns_ig > dt,
  .sns_area .sns_tw > dt,
  .sns_area .sns_ln > dt {
    padding: 0 10px 10px 10px;
    width: 100%;
    font-size: 1rem;
    background: #eef7ff;
  }
  
  .sns_area .sns_hp > dd,
  .sns_area .sns_ig > dd,
  .sns_area .sns_tw > dd,
  .sns_area .sns_ln > dd {
    width: 100%;
    font-size: 0.9rem;
  }
  
  
  
  
  /**
  ** 講座固有
  **
  ===================================================================*/
  
  /*
  * POP広告
  *-------------------------------------------*/
  .work_example {
    padding: 20px 15px;
  }
  
  .work_example .work_example_title {
    font-size: 1.375rem;
  }
  
  .work_example .work_list {
    margin: 40px auto 0 auto;
  }
  
  .work_example .work_list li {
    margin: 0;
    width: 100%;
  }
  
  .work_example .work_list li + li {
    margin-top: 40px;
  }
  
  .work_example .work_list li .work_name {
    font-size: 1rem;
    text-align: left;
  }
  
  .work_example .work_list li .example_body {
    margin: 20px auto 0 auto;
  }
  
  .work_example .work_list li .example_body dd {
    font-size: 0.875rem;
    line-height: 1.4rem;
  }
  
  
  /*
  * クリスタルデコ
  *-------------------------------------------*/
  .element_chart {
    margin: 30px auto 0 auto;
    padding: 20px 15px;
  }
  
  .element_chart .chart_title {
    padding: 10px 20px;
    height: auto;
    font-size: 1.25rem;
    line-height: 1.8rem;
    background-size: 80%;
    background-position: right bottom;
  }
  
  .element_chart .lead_txt {
    padding: 10px 15px;
    font-size: 0.875rem;
    line-height: 1.4rem;
  }
  
  .element_chart .chart_list {
    margin: 10px auto 0 auto;
  }
  
  .element_chart .chart_list .list_contents > li {
    padding: 7px 10px;
    width: calc(98% / 2);
  }
  
  .element_chart .chart_list .list_contents > li .chart_img {
    width: 16%;
    height: 20px;
  }
  
  .element_chart .chart_list .list_contents > li .chart_img > img {
    object-fit: cover;
    width: auto;
    height: 100%;
  }
  
  .element_chart .chart_list .list_contents > li .chart_name {
    width: 78%;
    font-size: 0.8125rem;
    line-height: 1.2rem;
  }
  
  
  /*
  * スイーツデコ
  *-------------------------------------------*/
  .howto_make {
    margin: 30px auto 0 auto;
    padding: 20px 10px;
  }
  
  .howto_make .make_title {
    padding: 10px 20px;
    height: auto;
    font-size: 1.25rem;
    line-height: 1.8rem;
    background-size: 80%;
    background-position: right bottom;
  }
  
  .howto_make .lead_txt {
    padding: 10px 15px;
    font-size: 0.875rem;
    line-height: 1.4rem;
  }
  .howto_make .material {
    padding: 10px 15px;
    font-size: 0.875rem;
    line-height: 1.6rem;
  }
  
  .howto_make .howto_list .list_contents > li {
    width: 100%;
  }
  
  .howto_make .howto_list .list_contents > li + li {
    margin-top: 10px;
  }
  
  .howto_make .howto_list .list_contents > li .explain {
    width: 94%;
  }
  
  
  /*
  * 鉛筆デッサン
  *-------------------------------------------*/
  .dessin_intro_area {
    margin: 30px auto 0 auto;
    padding: 20px 15px;
  }
  
  .dessin_intro_area .intro_title {
    padding: 8px 15px;
    font-size: 1.125rem;
  }
  
  .dessin_intro_area .dessin_intro {
    padding: 0;
  }
  
  .dessin_intro_area .dessin_intro .intro_img {
    width: 100%;
    height: 100px;
    overflow: hidden;
  }
  
  .dessin_intro_area .dessin_intro .intro_img > img {
    object-fit: cover;
    width: 100%;
    height: auto;
  }
  
  .dessin_intro_area .dessin_intro .intro_txt {
    margin: 10px auto 0 auto;
    width: 100%;
    font-size: 0.875rem;
    line-height: 1.4rem;
  }
  
  
  /*
  * ガーデニングアドバイザー
  *-------------------------------------------*/
  .gardening_work {
    padding: 20px 15px;
  }
  
  .gardening_work > .work_title {
    font-size: 1.375rem;
  }
  
  .gardening_work .work_list {
    margin: 30px auto 0 auto;
  }
  
  .gardening_work .work_list > dt {
    height: 140px;
  }
  
  .gardening_work .work_list > dd .list_txt li {
    margin: 0;
    padding: 20px 15px;
    width: 100%;
    font-size: 0.875rem;
    line-height: 1.4rem;
  }
  
  .gardening_work .work_list > dd .list_txt li + li {
    margin-top: 20px;
  }
  
  
  /*
  * フラワーアレンジメント
  *-------------------------------------------*/
  .preserved_flower .area_main_title {
    width: 94%;
    font-size: 1.25rem;
  }
  
  .preserved_flower .p_flower .flower_img {
    width: 100%;
    height: 120px;
    overflow: hidden;
  }
  
  .preserved_flower .p_flower .flower_txt {
    margin: 10px auto 0 auto;
    width: 100%;
  }
  
  .preserved_flower .p_flower .flower_txt .txt_explain > dt {
    margin: 0 0 10px 0;
    font-size: 1.125rem;
  }
  
  .preserved_flower .p_flower .flower_txt .txt_explain > dd {
    font-size: 0.875rem;
    line-height: 1.4rem;
  }
  
  .preserved_flower .flower_diffences {
    margin: 20px auto 10px auto;
    width: 94%;
  }
  
  .preserved_flower .flower_diffences > dd .diffences_list {
    padding: 15px;
  }
  
  .preserved_flower .flower_diffences > dd .diffences_list > li {
    margin: 0;
    width: 100%;
  }
  
  .preserved_flower .flower_diffences > dd .diffences_list > li + li {
    margin-top: 6px;
  }
  
  
  /*
  * CAD
  *-------------------------------------------*/
  .cad_appeal .appeal_title {
    padding: 10px 15px;
    font-size: 1.125rem;
  }
  
  .cad_appeal .appeal_img {
    height: 150px;
  }
  
  .cad_appeal .appeal_txt {
    margin: 10px auto 0 auto;
    width: 100%;
    font-size: 0.875rem;
    line-height: 1.5rem;
  }
  
  .cad_appeal .soft_title {
    padding: 10px 15px;
    width: 100%;
    font-size: 1rem;
  }
  
  .cad_appeal .soft_summary {
    margin: 10px auto 0 auto;
    width: 100%;
    font-size: 0.875rem;
    line-height: 1.5rem;
  }
  
  .cad_appeal .cad_soft {
    margin: 15px auto 0 auto;
    width: 100%;
  }
  
  .cad_appeal .cad_soft > li {
    width: 100%;
  }
  
  .cad_appeal .cad_soft > li + li {
    margin-top: 10px;
  }
  
  .cad_appeal .cad_soft > li .softdetail > dt {
    padding: 6px 15px;
    font-size: 1rem;
  }
  
  .cad_appeal .cad_soft > li .softdetail > .soft_img {
    height: 200px;
  }
  
  .cad_appeal .cad_soft > li .softdetail > .soft_img > img {
    height: 200px;
  }
  
  .cad_appeal .cad_soft > li .softdetail > .soft_txt {
    margin: 10px auto 0 auto;
    padding: 10px 15px;
    width: 100%;
    height: auto;
    font-size: 0.875rem;
    line-height: 1.5rem;
  }
  
  
  /*
  * 建築模型
  *-------------------------------------------*/
  .jinzai_appeal .jinzai_title {
    padding: 10px 15px;
    font-size: 1.125rem;
  }
  
  .jinzai_appeal .jinzai_img {
    height: 180px;
  }
  
  .jinzai_appeal .jinzai_txt {
    padding: 10px 15px;
    font-size: 0.875rem;
    line-height: 1.5rem;
  }
  
  .mokei_title {
    margin: 20px auto 0 auto;
    padding: 10px 15px;
    font-size: 1.125rem;
  }
  
  .mokei_summary {
    margin: 10px auto 0 auto;
    width: 100%;
    font-size: 0.875rem;
    line-height: 1.5rem;
  }
  
  ul.souba {
    margin: 15px auto 0 auto;
    width: 100%;
  }
  
  ul.souba > li {
    margin: 0 0 10px 0;
    width: 100%;
  }
  
  ul.souba > li .mokei_type > dt {
    padding: 6px 15px;
    font-size: 1rem;
  }
  
  ul.souba > li .mokei_type > .mokei_img {
    height: 100px;
  }
  
  ul.souba > li .mokei_type > .mokei_img > img {
    height: 100px;
  }
  
  ul.souba > li .mokei_type > .mokei_txt {
    margin: 10px auto;
    padding: 10px 0;
    font-size: 1.25rem;
  }
  
  
  
  /**
  * 2023.03追記
  *-------------------------*/
  .assoc_list {
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    padding: 10px 8px;
    width: 100%;
  }
  
  .assoc_list .assoc_msg {
    margin: 0;
    padding: 0 10px 0 0;
    width: 24%;
    font-size: 0.8rem;
    color: #fff;
    text-align: justify;
    border-right: 1px solid #fff;
  }
  
  .assoc_list .assoc_name {
    margin: 0;
    padding: 0 0 0 10px;
    width: 76%;
  }
  
  .assoc_list .assoc_name .name_title {
    margin: 0;
    padding: 0;
    width: 100%;
    font-size: 0.75rem;
    color: #fff;
  }
  
  .yotpo-star {
    display: flex;
    justify-content: space-between;
    /* margin: 0 auto 10px auto; */
    margin: 0 auto;
    padding: 10px;
    width: 100%;
    background: #f2fbd4;
    box-sizing: border-box;
  }
  
  .yotpo-star .review_title {
    margin: 0;
    padding: 0;
    width: 45%;
    font-size: 0.9rem;
    color: #4446a5;
  }
  
  .yotpo-star .yotpo {
    margin: 0;
    padding: 0;
    width: 54%;
  }
  
  .yotpo-star .yotpo-bottomline.pull-left.star-clickable .text-m {
    margin-left: 10px;
  }
  
  
  /**
  * 自宅でゆっくり・アピールエリア
  *---------------------------------------------*/
  .document_appeal {
    margin: 0 auto;
  }
  
  .document_appeal .appeal_title {
    font-size: 1.6rem;
  }
  
  .document_appeal .appeal_title > br {
    display: block;
  }
  
  .document_appeal .appeal_title:before{
    border-top: 24px solid #f8e2e2;
  }
  
  .document_appeal .appeal_cont .cont_body .body_title {
    width: 94%;
  }
  
  .document_appeal .appeal_cont .cont_body .body_txt {
    margin: 10px auto 0 auto;
    padding: 0 0 20px 0;
    width: 94%;
  }
  
  .document_appeal .appeal_cont .cont_body .body_txt:before{
    border-top: 24px solid #FEF8E7;
  }
  
  
  /**
  * コラムヘッドバナー
  *---------------------------------------*/
  .column_head_banner {
    margin: 20px auto;
  }
  
  .column_head_banner .head_banner_title {
    font-size: 1.2rem;
  }
  
  .column_head_banner .head_banner_contents {
    padding: 15px;
  }
  
  .column_head_banner .head_banner_contents .head_banner_img {
    width: 100%;
  }
  
  .column_head_banner .head_banner_contents .head_banner_txt_btn {
    width: 100%;
  }
  
  .column_head_banner .head_banner_contents .head_banner_txt_btn .banner_txt {
    margin: 15px auto;
    font-size: 1rem;
    line-height: 1.6rem;
  }
  
  .column_head_banner .head_banner_contents .head_banner_txt_btn .banner_detail_btn {
    margin-bottom: 10px;
  }
  
  .column_head_banner .head_banner_contents .head_banner_txt_btn .banner_detail_btn > a {
    width: 100%;
  }
  
  .column_head_banner .head_banner_contents .head_banner_txt_btn .banner_docreq_btn > a {
    width: 100%;
  }
  
  /**
  * 講座キャッチコピーエリア
  *-----------------------------------------------*/
  .catch_area.pc {
    display: none;
  }
  
  .catch_area.sp {
    display: block;
    margin: 15px auto 5px auto;
    width: 96%;
  }
  
  .catch_area > li {
    margin-bottom: 6px;
    width: 100%;
  }
  
  
  /**
  * ファーストビュー：資料請求・申し込みボタン
  *-----------------------------------------------*/
  .first_order_area.pc {
    display: none;
  }
  
  .first_order_area.sp {
    display: block;
    padding: 25px 0 10px 0;
  }
  
  .first_order_area .inner_area {
    width: 96%;
  }
  
  .first_order_area .inner_area .doc_req {
    width: 45%;
  }
  
  .first_order_area .inner_area .doc_req .doc_req_btn .doc_txt {
    position: absolute;
    top: -10px;
    left: 50%;
    transform: translateX(-50%);
    margin: 0;
    padding: 1px 0;
    font-size: 0.8rem;
  }
  
  .first_order_area .inner_area .doc_req .doc_req_btn {
    padding: 3px 0 0 0;
    height: 60px;
    font-size: 1rem;
    border: 1px solid #7ca7c6;
    box-shadow: 0 2px 4px 0 rgba(144, 144, 144, 0.4);
  }
  
  .first_order_area .inner_area .ord_req {
    width: 53%;
  }
  
  .first_order_area .inner_area .ord_req .ord_req_btn {
    height: 60px;
    font-size: 1rem;
    box-shadow: 0 2px 4px 0 rgba(144, 144, 144, 0.6);
  }
  
  /* 202310追記 */
  
  /*
  * 別の講座を探す
  *------------------------------------------------*/
  .shikaku_select_area {
    padding: 20px;
  }
  
  .shikaku_select_area .shikaku_select_list > li {
    margin-bottom: 5px;
    width: 100%;
  }
  
  .shikaku_select_area .shikaku_select_list > li > a {
    padding: 10px;
    font-size: 1rem;
  }
  
  }