@charset "UTF-8";

/********************************************************************************

page.css

********************************************************************************/

/*============================================================
 パーツ集
*============================================================*/
/* データ構造
---------------------------------------- */
#page-parts-template #sec-data-structure dl dd .addr {
	margin-bottom: 8px;
}
#page-parts-template #sec-data-structure dl dd .map iframe {
	width: 100%;
	height: 420px;
}

/*============================================================
 トップ
*============================================================*/
/* common
---------------------------------------- */
#page-top {
	padding: 0;
}
#page-top h2,
#page-top .sec-title-en {
	text-align: center;
}
#page-top .sec-title-en {
	font-family: 'Oswald', sans-serif;
	font-weight: bold;
	font-size: 32px;
	line-height: 160%;
	letter-spacing: 0.3em;
	margin-bottom: 12px;
}
#page-top .sec-title-en::first-letter {
	color: #1AB1BB;
}

/* メインビジュアル
---------------------------------------- */
#page-top #sec-mainvisual {
	width: 100%;
	height: 700px;
	background: linear-gradient(90deg, #fff 0%, #fff 50%, #036EB8 50%, #036EB8 100%);
	position: relative;
}
#page-top #sec-mainvisual:after {
    content: "";
    display:block;
    width: 20vw;
    height: 20px;
    background-color: #E6F3FD;
    position: absolute;
    bottom: 0;
    right: 0;
}
#page-top #sec-mainvisual .bg-image {
	width: 100%;
	height: 100%;
	background-image: url(../images/top/mainvisual-bg.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 1920px auto;
}
#page-top #sec-mainvisual .top-header {
    background-color: transparent;
}
#page-top #sec-mainvisual .info {
	/* position: absolute;
	top: 96px;
	left: 50%; */
	width: 50%;
	/* max-width: 640px; */
	padding: 88px 24px 0 100px;
	color: #fff;
    max-width: 720px;
	margin: 0 0 0 50%;
}
#page-top #sec-mainvisual .info .logo {
	display: none;
}
#page-top #sec-mainvisual .catch1 {
	font-weight: bold;
	margin-bottom: 8px;
}
#page-top #sec-mainvisual .catch2 {
	font-weight: bold;
	font-size: 44px;
	line-height: 160%;
	letter-spacing: -0.04em;
}
#page-top #sec-mainvisual .catch3 {
	font-weight: bold;
	font-size: 88px;
	line-height: 160%;
	margin-bottom: 24px;
	letter-spacing: -0.04em;
}
@media screen and (max-width: 1279px) and (min-width: 1025px) {
	#page-top #sec-mainvisual .catch2 {
		font-size: 3.2995vw;
	}
	#page-top #sec-mainvisual .catch3 {
		font-size: 6.65vw;
	}
}

/* 私たちの事業
---------------------------------------- */
#page-top #sec-business {
	padding: 186px 0 60px 0;
	background-image: url(../images/top/business-bg.svg);
    background-repeat: no-repeat;
    background-position: top 44px center;
    background-size: 1300px auto;
}
#page-top #sec-business h2 {
	font-weight: bold;
	font-size: 20px;
	line-height: 160%;
	margin-bottom: 4px;
}
#page-top #sec-business .list-wrap {
	overflow-x: auto;
	margin-top: -24px;
}
#page-top #sec-business .list-wrap .block-card-list-business {
	margin-top: 52px;
}
#page-top #sec-business .list-wrap .block-card-list-business .item .badge {
    width: 104px;
    height: 104px;
    border-radius: 100%;
    padding: 8px;
    background-color: #ffdf3566;
    position: absolute;
    top: -52px;
    right: -52px;
}
#page-top #sec-business .list-wrap .block-card-list-business .item .badge .badge-inner {
    width: 100%;
    height: 100%;
    border-radius: 100%;
    background-color: #FFDF35;
    padding: 26px 0 0 0;
	font-weight: bold;
	font-size: 14px;
	line-height: 130%;
    text-align: center;
}

/* 取材の匠
---------------------------------------- */
#page-top #sec-takumi {
	padding: 60px 0 40px 0;
}
#page-top #sec-takumi h2 {
	margin-bottom: 48px;
}
#page-top #sec-takumi .list-wrap {
	overflow-x: auto;
	margin-top: -24px;
}

/* 取材の学校
---------------------------------------- */
#page-top #sec-academy {
	padding: 40px 0 0 0;
}
#page-top #sec-academy > .parts-btn-clickable {
	display: block;
}
#page-top #sec-academy h2 {
	margin-bottom: 36px;
}
#page-top #sec-academy .bg-image {
	background-image: url(../images/top/academy-bg.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 1920px auto;
}
#page-top #sec-academy .info {
	width: 50%;
	margin-left: 50%;
	padding: 26px 0 26px 48px;
	color: #fff;
}
#page-top #sec-academy .info .catch1 {
	font-weight: bold;
	font-size: 28px;
	line-height: 160%;
	margin-bottom: 12px;
}
#page-top #sec-academy .info .catch2 {
	font-weight: bold;
	font-size: 28px;
	line-height: 160%;
	margin-bottom: 16px;
}
#page-top #sec-academy .info .catch2 span {
	font-weight: bold;
	font-size: 72px;
	line-height: 100%;
	letter-spacing: 0.08em;
	padding-right: 24px;
}

/* お知らせ
---------------------------------------- */
#page-top #sec-news {
	padding: 56px 0 96px 0;
}
#page-top #sec-news h2 {
	font-weight: bold;
	font-size: 20px;
	line-height: 160%;
	margin-bottom: 56px;
}
#page-top #sec-news .block-list-news {
	max-width: 600px;
}

/*============================================================
 会社概要
*============================================================*/
/* 会社情報
---------------------------------------- */
#page-company #sec-about {
	padding: 56px 0 80px 0;
}
#page-company #sec-about .logo {
	text-align: center;
	margin-bottom: 64px;
}
#page-company #sec-about .logo img {
	width: 382px;
}
#page-company #sec-about .addr {
	margin-bottom: 8px;
}
#page-company #sec-about .map iframe {
	width: 100%;
	height: 420px;
}
#page-company .shinpota {
	position: relative;
	margin-left: 30px;
}
#page-company .shinpota:before {
	content: '';
	position: absolute;
	left: 40px;
	top: 51%;
	bottom: 0;
	transform: translateY(-50%);
	background-image: url(../images/common/icon-external.svg);
	width: 16px;
	height: 16px;
	background-repeat: no-repeat;
	background-size: contain;
}

/* 中小企業診断士が600名以上 在籍
---------------------------------------- */
#page-company #sec-smec .radar-wrap {
	display: none;
}
#page-company #sec-smec .info .item-lead .parts-btn {
	display: none;
}

/*============================================================
 事業ページ
*============================================================*/
/* ページ内ナビ(カード型)
---------------------------------------- */
#page-business #sec-page-nav {
	padding: 32px 0 56px 0;
}
#page-business #sec-page-nav .block-card-list-business {
	width: 100%;
	max-width: 888px;
	padding: 0 24px;
}
#page-business #sec-page-nav .item .badge {
	display: none;
}

/*============================================================
 事業　子ページ共通
*============================================================*/
/* 事業の1番の特徴
---------------------------------------- */
.page-business #sec-best-feature {
	padding: 24px 0 80px 0;
}
.page-business #sec-best-feature .business-logo {
	text-align: center;
	margin-bottom: 24px;
}
.page-business #sec-best-feature .business-logo img {
	width: 234px;
}
.page-business #sec-best-feature .catch {
	font-weight: bold;
	font-size: 40px;
	line-height: 160%;
	text-align: center;
	margin-bottom: 40px;
}
.page-business #sec-best-feature .catch span {
	background:linear-gradient(transparent 84%, #FFDF35 60%);
}

/* 事業内容
---------------------------------------- */
.page-business #sec-content {
	padding: 56px 0 80px 0;
	background-color: #F9F9F9;
}
.page-business #sec-content h2 {
	font-weight: bold;
	font-size: 16px;
	line-height: 160%;
	text-align: center;
	margin-bottom: 48px;
}
.page-business #sec-content .item-list {
	width: 100%;
	max-width: 768px;
	margin: 0 auto;
}
.page-business #sec-content .item-list .item:not(:last-child) {
	margin-bottom: 40px;
}
.page-business #sec-content .item-list .item .item-img {
	width: 240px;
	margin-right: 48px;
	border-radius: 8px;
    overflow: hidden;
}
.page-business #sec-content .item-list .item .item-info {
	width: calc(100% - 240px - 48px);
}
.page-business #sec-content .item-list .item .item-info .title-en {
	font-family: 'Oswald';
	font-weight: bold;
	font-size: 20px;
	line-height: 160%;
	letter-spacing: 0.12em;
	color: #1AB1BB;
	margin-bottom: 4px;
	position: relative;
}
.page-business #sec-content .item-list .item .item-info .title-en::after {
	content: "";
	display: block;
	width: 400px;
	height: 1px;
	background-color: #222222;
	position: absolute;
	left: -208px;
	bottom: -5px;
}
.page-business #sec-content .item-list .item .item-info h3 {
	font-weight: bold;
	font-size: 48px;
	line-height: 160%;
	margin-bottom: 16px;
	font-feature-settings: 'palt';
}

/* 特徴
---------------------------------------- */
.page-business #sec-feature {
	padding: 56px 0 80px 0;
	background-color: #036EB8;
	background-image:url(../images/business/feature-bg.svg);
	background-repeat: no-repeat;
	background-position: bottom center;
	background-size: 1920px auto;
	color: #fff;
}
.page-business #sec-feature h2 {
	font-weight: bold;
	font-size: 16px;
	line-height: 160%;
	text-align: center;
	margin-bottom: 32px;
}
.page-business #sec-feature .item-list {
	width: 100%;
	max-width: 768px;
	margin: 0 auto;
}
.page-business #sec-feature .item-list .item:not(:last-child) {
	margin-bottom: 32px;
}
.page-business #sec-feature .item-list .item::after {
	content: "";
	display: block;
	width: 200px;
	height: 1px;
	background-color: #fff;
}
.page-business #sec-feature .item-list .item .parts-boxes {
	margin-bottom: 24px;
}
.page-business #sec-feature .item-list .item .item-num {
	width: 64px;
	margin-right: 24px;
	font-weight: bold;
	font-size: 48px;
	line-height: 100%;
}
.page-business #sec-feature .item-list .item .item-info {
	width: calc(100% - 64px - 24px);
}
.page-business #sec-feature .item-list .item .item-info h3 {
	font-weight: bold;
	font-size: 32px;
	line-height: 160%;
	margin-bottom: 4px;
}
.page-business #sec-feature .item-list .item .item-info .lead {
	font-weight: bold;
	font-size: 12px;
	line-height: 160%;
}

/* 多くの企業様との実績
---------------------------------------- */
.page-business #sec-result {
	padding: 56px 0 80px 0;
}
.page-business #sec-result h2 {
	max-width: 710px;
	margin: 0 auto 64px auto;
	font-weight: bold;
	font-size: 32px;
	line-height: 160%;
	text-align: center;
	position: relative;
}
.page-business #sec-result h2::before,
.page-business #sec-result h2::after {
	content: "";
	display: block;
	width: 2px;
	height: 56px;
	background-color: #222222;
	transform: rotate(30deg);
	position: absolute;
	top: 0;
}
.page-business #sec-result h2::before {
	left: 16px;
}
.page-business #sec-result h2::after {
	right: 16px;
}
.page-business #sec-result .result-pickup {
	margin-bottom: 8px;
}
.page-business #sec-result .result-pickup .item {
	width: 288px;
	height: auto;
	border: 1px solid #D8D8D8;
	border-radius: 8px;
	overflow: hidden;
	margin: 0 12px 24px 12px;

}
.page-business #sec-result .result-pickup .item .item-img.no-image {
	height: 200px;
	background-image: url(../images/common/noimage.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto;

}
.page-business #sec-result .result-pickup .item .item-info {
	padding: 16px;
}
.page-business #sec-result .result-pickup .item .item-info h3 {
	font-weight: bold;
	margin-bottom: 8px;
}
.page-business #sec-result .result-pickup .item .item-info .lead {
	font-size: 12px;
	line-height: 160%;
}
.page-business #sec-result .result-pickup .item .item-info .link {
	margin-top: : 8px;
}
.page-business #sec-result .result-pickup .item .item-info .link a {
	font-size: 12px;
    line-height: 160%;
	text-decoration: underline;
}
/* 画像無しページ用 */
.page-business #sec-result .result-pickup.no-image .item .item-info h3 {
	font-size: 20px;
	line-height: 160%;
}


.page-business #sec-result .industry {
	padding: 24px 16px;
	max-width: 600px;
	margin: 0 auto;
}
.page-business #sec-result .industry h3 {
	font-weight: bold;
	font-size: 20px;
	line-height: 200%;
	text-align: center;
	color: #036EB8;
	margin-bottom: 12px;
}
.page-business #sec-result .industry .industry-list li {
	width: calc((100% - 48px) / 2);
}
.page-business #sec-result .industry .industry-list li:nth-child(odd) {
	margin-right: 16px;
}

/* 実際の声
---------------------------------------- */
.page-business #sec-voice {
	background-image: url(../images/business/coverage-writing/bg-voice.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	background-size: 1920px auto;
	position: relative;
	min-height: 332px;
	padding: 88px 0 0 0;
}
.page-business #sec-voice .voice {
	margin-left: calc(50% - 80px);
	width: calc(50% + 80px);
	height: auto;
	min-height: 350px;
	background-color: #036EB8;
	color: #fff;
	position: relative;
}
.page-business #sec-voice .voice::before {
	content: "";
	display: block;
	width: 202px;
	height: 100%;
	background-color: #036EB8;
	clip-path: polygon(calc(100% - 1px) 0, 100% 0, 100% 100%, 0 100%);
	position: absolute;
	top: 0;
	left: -201px;
}
.page-business #sec-voice .voice .voice-info {
	max-width: 528px;
	padding: 32px 24px 32px 0;
}
.page-business #sec-voice .voice .voice-info h2 {
	font-weight: bold;
	font-size: 20px;
	line-height: 160%;
	margin-bottom: 24px;
}
.page-business #sec-voice .voice .voice-info .industry-type {
	font-weight: bold;
	font-size: 12px;
	line-height: 160%;
	margin-bottom: 4px;
}
.page-business #sec-voice .voice .voice-info .catch {
	font-weight: bold;
	font-size: 24px;
	line-height: 160%;
	margin-bottom: 12px;
}
.page-business #sec-voice .voice .voice-info .lead {
	font-size: 12px;
	line-height: 160%;
}

/* 取材の匠
---------------------------------------- */
.page-business #sec-takumi {
	padding: 72px 0 60px 0;
	text-align: center;
}
.page-business #sec-takumi h2 {
	margin-bottom: 40px;
}
.page-business #sec-takumi .catch1 {
	font-weight: bold;
	font-size: 24px;
	line-height: 160%;
	margin-bottom: 12px;
}
.page-business #sec-takumi .catch2 {
	font-weight: bold;
	font-size: 48px;
	line-height: 160%;
	margin-bottom: 32px;
	color: #036EB8;
}

/* 事業一覧
---------------------------------------- */
.page-business #sec-business {
	padding: 60px 0 80px 0;
}
.page-business .return-btn a {
	background-image: none;
	padding-right: 0;
	padding-left: 40px;
	position: relative;
}
.page-business .return-btn a:before {
	content: '';
	background-image: url(../images/common/icon-arrow-btn-white.svg);
	background-repeat: no-repeat;
	display: block;
	transform: rotate(180deg);
	background-size: 32px 16px;
	height: 16px;
	position: absolute;
	left: 20px;
	top: 30%;
	width: 32px;
}
/*============================================================
 事業　コンサル・経営相談ページ
*============================================================*/
/* 実際の声
---------------------------------------- */
#page-consulting-management #sec-voice {
	display: none;
}

/*============================================================
 取材の匠ページ　(一覧)
*============================================================*/
#page-takumi-list {
}
#page-takumi-list #page-header {
	padding: 32px 0;
}
#page-takumi-list #page-header h1 {
	text-align: center;
}
#page-takumi-list #sec-lead {
	padding: 24px 0 32px 0;
	color: #fff;
	background-color: #036EB8;
}
#page-takumi-list #sec-lead h2 {
	font-weight: bold;
	font-size: 32px;
	line-height: 160%;
	margin-bottom: 16px;
}
#page-takumi-list #sec-list {
	padding: 48px 0 80px 0;
}
#page-takumi-list #sec-list .block-card-list-takumi {
	width: 100%;
	max-width: 840px;
}

/*============================================================
 取材の匠ページ　(詳細)
*============================================================*/
#page-takumi main {
	padding: 8px 0 80px 0;
}
#page-takumi #sec-post-content {
	padding-bottom: 40px;
	border-bottom: solid 1px #D8D8D8;
}
#page-takumi #sec-recommend .item {
	margin-bottom: 0;
}
#page-takumi #sec-recommend h2 {
	margin-bottom: 32px;
}

/*============================================================
取材の学校
*============================================================*/
/* mainvisual
---------------------------------------- */
#page-academy #sec-mainvisual {
	height: 540px;
	background-image: url(../images/academy/mainvisual-bg.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 1920px auto;
}
#page-academy #sec-mainvisual .info {
   width: calc(50% + 60px);
   margin-left: calc(50% - 60px);
   padding: 220px 24px 0 0;
   color: #fff;
}
#page-academy #sec-mainvisual .info .catch1 {
	font-weight: bold;
	font-size: 32px;
	line-height: 160%;
	margin-bottom: 8px;
}
#page-academy #sec-mainvisual .info .catch2 {
	font-weight: bold;
	font-size: 32px;
	line-height: 160%;
	margin-bottom: 20px;
}
#page-academy #sec-mainvisual .info .catch2 span {
	font-weight: bold;
	font-size: 88px;
	line-height: 100%;
}
#page-academy #sec-mainvisual .info .catch2::after {
	content: "";
	display: block;
	width: 100%;
	height: 36px;
	background-image: url(../images/academy/icon-plus.svg);
	background-position: left 220px center;
	background-repeat: no-repeat;
	background-size: 36px auto;
	margin-top: 16px;
}
#page-academy #sec-mainvisual .info .catch3 {
	font-weight: bold;
	font-size: 20px;
	line-height: 160%;
}

/* about
---------------------------------------- */
#page-academy #sec-about {
	padding: 40px 0 64px 0;
}
#page-academy #sec-about .inner {
	max-width: 766px;
}
#page-academy #sec-about .about {
	margin-bottom: 80px;
}
#page-academy #sec-about .about .about-logo {
	width: 262px;
	margin-right: 40px;
}
#page-academy #sec-about .about .about-info {
	width: calc(100% - 262px - 40px);
}
#page-academy #sec-about .entry {
	margin-bottom: 56px;
}
#page-academy #sec-about .entry .entry-interviewees {
	width: 262px;
	margin-right: 40px;
	text-align: center;
}
#page-academy #sec-about .entry .entry-interviewees .num {
	font-family: 'Oswald';
	font-weight: bold;
	font-size: 104px;
	line-height: 100%;
	color: #036EB8;
	margin-bottom: 24px;
}
#page-academy #sec-about .entry .entry-info {
	width: calc(100% - 262px - 40px);
}
#page-academy #sec-about .entry .entry-info .catch {
	font-weight: bold;
	font-size: 32px;
	line-height: 160%;
}

/* 身に付く必要とされるスキル
---------------------------------------- */
#page-academy #sec-skill {
	padding: 40px 0 16px 0;
	background-color: #F9F9F9;
}
#page-academy #sec-skill h2 {
	text-align: center;
	margin-bottom: 24px;
}
#page-academy #sec-skill .card-list {
	max-width: 576px;
	margin: 0 auto;
}
#page-academy #sec-skill .card-list .item {
	width: 160px;
	height: 160px;
	border: 1px solid #D8D8D8;
	margin: 0 16px 24px 16px;
	border-radius: 8px;
	background-color: #fff;
	text-align: center;
	padding: 26px 8px 0 8px;
}
#page-academy #sec-skill .card-list .item .title {
	font-weight: bold;
	font-size: 24px;
	line-height: 160%;
	color: #036EB8;
	margin-bottom: 12px;
}
#page-academy #sec-skill .card-list .item .title span {
	font-size: 14px;
	line-height: 160%;
}
#page-academy #sec-skill .card-list .item .lead {
	font-size: 12px;
	line-height: 160%;
}

/* メッセージ
---------------------------------------- */
#page-academy #sec-message {
	padding: 48px 0 80px 0;
}
#page-academy #sec-message .lead {
	font-weight: bold;
	font-size: 14px;
	line-height: 160%;
	text-align: center;
	margin-bottom: 24px;
}
#page-academy #sec-message .title {
	font-weight: bold;
	font-size: 32px;
	line-height: 160%;
	color: #036EB8;
	text-align: center;
	margin-bottom: 40px;
}
#page-academy #sec-message .president .item-image {
	width: 240px;
	margin-right: 24px;
}
#page-academy #sec-message .president .item-info {
	width: calc(100% - 240px - 24px);
}
#page-academy #sec-message .president .item-info .position {
	font-size: 12px;
	line-height: 160%;
	margin-bottom: 4px;
}
#page-academy #sec-message .president .item-info .name {
	font-weight: bold;
	font-size: 32px;
	line-height: 120%;
	margin-bottom: 12px;
}

/*============================================================
 取材の学校　講座について
*============================================================*/
/* about
---------------------------------------- */
#page-course #sec-about {
	padding-top: 48px;
}
#page-course #sec-about .attention {
	font-weight: bold;
	font-size: 24px;
	line-height: 160%;
	color: #FF451D;
	margin-bottom: 48px;
}
#page-course #sec-about .lead {
	background-color: #E6F3FD;
	border: 2px solid #036EB8;
	padding: 16px;
}
/* 料金
---------------------------------------- */
#page-course #sec-price .lead {
	margin-bottom: 8px;
}

/* 講座内容、オプション講義共通
---------------------------------------- */
#page-course .sec-schedule h2 {
	margin-bottom: 32px;
}
#page-course .sec-schedule .timed {
	margin-bottom: 24px;
}
#page-course .sec-schedule .timed .timed-title {
	margin-bottom: 16px;
}
#page-course .sec-schedule .timed .timed-title .item-dimension {
	width: 72px;
	height: 72px;
	background-color: #036EB8;
	margin-right: 16px;
	text-align: center;
	font-weight: bold;
	font-size: 32px;
	color: #fff;
	line-height: 72px;
}
#page-course .sec-schedule .timed .timed-title .item-title {
	width: calc(100% - 72px - 16px);
}
#page-course .sec-schedule .timed .timed-title .item-title h3 {
	font-weight: bold;
	font-size: 24px;
	line-height: 160%;
	margin-bottom: 8px;
}
#page-course .sec-schedule .timed .timed-title .item-title .teacher a {
	text-decoration: underline;
}
/* 講座内容
---------------------------------------- */

/* オプション講義
---------------------------------------- */
#page-course #sec-optiion.sec-schedule .timed .timed-title .item-dimension {
	display: none;
}
#page-course #sec-optiion.sec-schedule .timed .timed-title .item-title {
	width: 100%;
}

/* 講座の時間割・講義要素マトリクス
---------------------------------------- */
#page-course #sec-timetable {
	margin-bottom: 80px;
}
#page-course #sec-timetable h2 {
	margin-bottom: 32px;
}
#page-course #sec-timetable embed {
	width: 100%;
	height: 500px;
	border: solid 1px #D8D8D8;
}

/*============================================================
 取材の学校　講師・事務局ページ　(一覧)
*============================================================*/
#page-staff-list #sec-list {
	padding: 48px 0 80px 0;
}


/*============================================================
 取材の学校　講師・事務局ページ　(詳細)
*============================================================*/
#page-staff main {
	padding: 48px 0 80px 0;
}
#page-staff #sec-person {
	margin-bottom: 32px;
}
#page-staff #sec-person .item-img {
	width: 192px;
}
#page-staff #sec-person .item-info {
	width: calc(100% - 192px - 24px);
}
#page-staff #sec-person .item-info .staff-name {
	font-weight: bold;
	font-size: 32px;
	line-height: 160%;
	margin-bottom: 16px;
}
#page-staff #sec-person .item-info .staff-position {
}
#page-staff #sec-content {
	margin-bottom: 40px;
}


/*============================================================
 取材の学校　学校記事ページ　(一覧)
*============================================================*/
.modal-btn {
	color: #fff;
    border-radius: 4px;
    display: inline-block;
    background-color: #056EB7;
    line-height: 64px;
    padding: 0 20px;
		cursor: pointer;
}
.modal{
	display: none;
	height: 100vh;
	position: fixed;
	top: 0;
	width: 100%;
}
.modal__bg{
	background: rgba(0,0,0,0.8);
	height: 100vh;
	position: absolute;
	width: 100%;
}
.modal__content{
	background: #fff;
	left: 50%;
	padding: 40px;
	position: absolute;
	top: 50%;
	transform: translate(-50%,-50%);
	width: 60%;
	z-index: 9999;
}
.category__list {
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #222;
}
.category__list a {
	display: block;
}
.category__list-ttl {
	text-align: center;
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 24px;
}

.js-modal-close img {
	position: absolute;
	top: 20px;
	right: 20px;
	width: 20px;
}
#page-blog-list #sec-list {
	padding: 48px 0 56px 0;
}
#page-blog-list #sec-list .block-card-list-blog {
	width: 100%;
	max-width: 840px;
	position: relative;
}
#sec-list .block-card-list-blog.index {
	z-index: -1;
	position: relative;
}

#page-blog-list #sec-takumi {
	padding: 56px 0 112px 0;
}
#page-blog-list #sec-takumi h2 {
	margin-bottom: 40px;
}
#page-blog-list #sec-takumi .catch {
	font-weight: bold;
	font-size: 48px;
	line-height: 160%;
	color: #036EB8;
	text-align: center;
	margin-bottom: 32px;
}
.page-taxonomy .block-card-list-blog {
	padding-top: 48px;
}
/*============================================================
 取材の学校　学校記事ページ　(詳細)
*============================================================*/
#page-blog main {
	padding: 8px 0 80px 0;
}
#page-blog #sec-meta {
	margin-bottom: 48px;
}
#page-blog #sec-meta .term {
    min-width: 152px;
    text-align: center;
    padding: 4px;
    font-size: 12px;
    line-height: 160%;
    background-color: #E6F3FD;
}
#page-blog #sec-post-content {
	padding-bottom: 40px;
	border-bottom: solid 1px #D8D8D8;
}
#page-blog #sec-recommend .item {
	margin-bottom: 0;
}
#page-blog #sec-recommend h2 {
	margin-bottom: 32px;
}

/*============================================================
 取材の学校　よくある質問ページ　(一覧)
*============================================================*/
#page-faq-list main {
	padding: 48px 0 80px 0;
}
#page-faq-list .accordion-content a {
	text-decoration: underline;
}

/*============================================================
 説明会のお申し込みページ
*============================================================*/
#page-entry #sec-form {
    padding: 48px 0 80px 0;
}
#page-entry #sec-form iframe {
	width: 100%;
    height: 1140px;
}


/*============================================================
 お知らせページ　(一覧)
*============================================================*/
#page-news-list #sec-list {
	padding: 56px 0 80px 0;
}
#page-news-list #sec-list .block-list-news .items {
	margin-bottom: 40px;
}


/*============================================================
 お知らせページ　(詳細)
*============================================================*/
#page-news main {
	padding: 8px 0 80px 0;
}
#page-news #sec-meta {
	margin-bottom: 48px;
}
#page-news #sec-post-content {
	padding-bottom: 40px;
	border-bottom: solid 1px #D8D8D8;
}


/*============================================================
 お問い合わせページ
*============================================================*/
.page-contact #sec-info {
	padding: 48px 0 24px 0;
}
.page-contact #sec-form {
    padding: 24px 0 80px 0;
}
.page-contact #sec-info .inner .academy-link {
	text-decoration: underline;
}

/* 完了画面
---------------------------------------- */
#page-contact-thanks #sec-info {
	padding: 48px 0 80px 0;
	text-align: center;
}
#page-contact-thanks #sec-info .message {
	font-weight: bold;
	font-size: 80px;
	line-height: 120%;
	margin-bottom: 40px;
}

/*============================================================
 お問い合わせページ（取材の学校）
*============================================================*/
.page-contact-academy #sec-info,
.page-contact-academy-confirm #sec-info {
	padding: 48px 0 24px 0;
}
.page-contact-academy #sec-form {
    padding: 24px 0 80px 0;
}

/* 完了画面
---------------------------------------- */
#page-contact-academy-thanks #sec-info {
	padding: 48px 0 80px 0;
	text-align: center;
}
#page-contact-academy-thanks #sec-info .message {
	font-weight: bold;
	font-size: 80px;
	line-height: 120%;
	margin-bottom: 40px;
}

/*============================================================
 プライバシーポリシー
*============================================================*/
#page-privacy .section {
	margin-bottom: 0;
	padding: 36px 0;
}
#page-privacy .section:last-child {
	padding-bottom: 80px;
}
#page-privacy .section h3 {
	font-weight: bold;
    font-size: 20px;
    line-height: 160%;
    margin-bottom: 16px;
}
#page-privacy .section p {
	margin-bottom: 16px;
}