@charset "UTF-8";
/********************************************************************************

page-tablet.css

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

/*============================================================
 トップ
*============================================================*/
/* common
---------------------------------------- */
#page-top .sec-title-en {
	margin-bottom: 4px;
}
#page-top .sec-title-en::first-letter {
	color: #1AB1BB;
}
/* メインビジュアル
---------------------------------------- */
#page-top #sec-mainvisual {
	background: none;
}
#page-top #sec-mainvisual .top-header {
	display: none;
}
#page-top #sec-mainvisual .info {
	padding: 164px 16px 0 48px;
	max-width: calc(320px + 16px + 48px);
}
#page-top #sec-mainvisual .info .logo {
	display: block;
	text-align: center;
	margin-bottom: 40px;
}
#page-top #sec-mainvisual .info .logo img {
	width: 132px;
}
#page-top #sec-mainvisual .catch1 {
	font-size: 13px;
	margin-bottom: 40px;
}
#page-top #sec-mainvisual .catch2 {
	font-size: 26px;
	margin-bottom: 0;
}
#page-top #sec-mainvisual .catch3 {
	font-size: 54px;
	margin-bottom: 20px;
}
#page-top #sec-mainvisual .lead {
	font-size: 12px;
}

/* 私たちの事業
---------------------------------------- */
#page-top #sec-business {
	padding: 80px 0 40px 0;
}
#page-top #sec-business h2 {
	font-size: 16px;
}
#page-top #sec-business .list-wrap {
	padding: 0 24px;
}

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

/* 取材の学校
---------------------------------------- */
#page-top #sec-academy {
	padding: 32px 0 24px 0;
}
#page-top #sec-academy h2 {
	margin-bottom: 32px;
}
#page-top #sec-academy h2 img {
	width: 137px;
}
#page-top #sec-academy .bg-image {
	background-image: url(../images/top/academy-bg-sp.jpg);
    background-size: 1024px auto;
}
#page-top #sec-academy .info {
	width: 100%;
	margin-left: 0;
	padding: 26px 0 52px 0;
	text-align: center;
}
#page-top #sec-academy .info .catch1 {
	font-size: 20px;
	margin-bottom: 20px;
}
#page-top #sec-academy .info .catch2 {
	font-size: 20px;
	margin-bottom: 32px;
}
#page-top #sec-academy .info .catch2 span {
	font-size: 40px;
	padding-right: 12px;
}
#page-top #sec-academy .info .parts-btn {
	margin: 0 auto;
}

/* お知らせ
---------------------------------------- */
#page-top #sec-news {
	padding: 24px 0 80px 0;
}
#page-top #sec-news h2 {
	font-size: 16px;
	margin-bottom: 32px;
}
#page-top #sec-news .block-list-news {
	max-width: 640px;
}

/*============================================================
 会社概要ページ
*============================================================*/
/* 会社情報
---------------------------------------- */
#page-company #sec-about {
	padding: 32px 0;
}
#page-company #sec-about .logo {
	margin-bottom: 32px;
}
#page-company #sec-about .logo img {
	width: 320px;
}
#page-company #sec-about .map iframe {
	height: 320px;
}

/*============================================================
 事業ページ
*============================================================*/
@media screen and (max-width: 887px) {
	#page-business #sec-page-nav .block-card-list-business {
		width: 100%;
		max-width: 600px;
	}
}

/*============================================================
 事業　子ページ共通
*============================================================*/
/* 事業の1番の特徴
---------------------------------------- */
.page-business #sec-best-feature {
	padding: 48px 0;
}
.page-business #sec-best-feature .catch {
	font-size: 32px;
}

/* 事業内容
---------------------------------------- */
.page-business #sec-content {
	padding: 48px 0;
}
.page-business #sec-content .item-list .item .item-info h3 {
	font-size: 32px;
}
/* 特徴
---------------------------------------- */
.page-business #sec-feature {
	padding: 48px 0;
}
.page-business #sec-feature .item-list .item .item-info h3 {
	font-size: 28px;
}

/* 多くの企業様との実績
---------------------------------------- */
.page-business #sec-result {
	padding: 48px 0;
}
.page-business #sec-result h2 {
	max-width: 600px;
}

/* 実際の声
---------------------------------------- */

/* 取材の匠
---------------------------------------- */
.page-business #sec-takumi {
	padding: 56px 0;
}
.page-business #sec-takumi .catch2 {
	font-size: 40px;
}

/* 事業一覧
---------------------------------------- */
.page-business #sec-business {
	padding: 60px 0 80px 0;
}

/*============================================================
 取材の匠ページ　(一覧)
*============================================================*/
#page-takumi-list #sec-lead h2 {
	font-size: 24px;
	line-height: 160%;
}
#page-takumi-list #sec-list .block-card-list-takumi .item {
	width: calc(50% - 12px);
}


/*============================================================
 取材の匠ページ　(詳細)
*============================================================*/
#page-takumi #sec-recommend .list-wrap {
	overflow-x: auto;
}


/*============================================================
取材の学校
*============================================================*/
/* mainvisual
---------------------------------------- */
#page-academy #sec-mainvisual .info .catch1 {
	/* font-size: 2.5vw; */
	font-size: 24px;
	line-height: 160%;
}
#page-academy #sec-mainvisual .info .catch2 {
	/* font-size: 2.5vw; */
	font-size: 24px;
	line-height: 160%;
}
#page-academy #sec-mainvisual .info .catch2 span {
	/* font-size: 6.875vw; */
	font-size: 72px;
	line-height: 100%;
}
#page-academy #sec-mainvisual .info .catch2::after {
	/* background-position: left 17.1875vw center; */
	/* background-size: 2.8125vw auto; */
}
#page-academy #sec-mainvisual .info .catch3 {
	/* font-size: 1.5625vw; */
	font-size: 16px;
	line-height: 160%;
}

/*============================================================
 取材の学校　講座について
*============================================================*/
/* なし */

/*============================================================
 取材の学校　講師・事務局ページ　(一覧)
*============================================================*/
/* なし */

/*============================================================
 取材の学校　講師・事務局ページ　(詳細)
*============================================================*/
/* なし */

/*============================================================
 取材の学校　学校記事ページ　(一覧)
*============================================================*/
#page-blog-list #sec-list .block-card-list-blog .item {
	width: calc(50% - 12px);
}

/*============================================================
 取材の学校　学校記事ページ　(詳細)
*============================================================*/
#page-blog #sec-recommend .list-wrap {
	overflow-x: auto;
}

/*============================================================
 取材の学校　よくある質問ページ　(一覧)
*============================================================*/

/*============================================================
 お問い合わせページ
*============================================================*/
/* 完了画面
---------------------------------------- */
#page-contact-thanks #sec-info .message br.forSP {
	display: block;
}

/*============================================================
 プライバシーポリシー
*============================================================*/
#page-privacy .section {
	padding: 24px 0;
}
#page-privacy .section:last-child {
	padding-bottom: 56px;
}
#page-privacy .section h3 {
    font-size: 16px;
    line-height: 160%;
}