/**
* スマートフォン
*------------------------------------------------------------*/
@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;
	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;
}


/*
* 講座ページヘッドエリア
*-----------------------------------------------*/
.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;
	width: 100%;
	font-size: 1rem;
	font-weight: bold;
	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;
}

.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;
}


/**
** 講座コラム
**
===================================================================*/

/*
*　ヘッドエリア
*-----------------------------------------------*/
.column_head_area {
	display: none;
}
/* .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;
}

}