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

page-sp.css

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

/*============================================================
 トップ
*============================================================*/
/* メインビジュアル
---------------------------------------- */
#page-top #sec-mainvisual {
	background: none;
	height: auto;
	position: relative;
	margin-top: 56px;
}
#page-top #sec-mainvisual::after {
	display: none;
}
#page-top #sec-mainvisual .bg-image {
    background-color: #036EB8;
	background-image: url(../images/top/mainvisual-bg-sp.jpg);
    background-size: 100% auto;
}
#page-top #sec-mainvisual .info {
	width: 100%;
	margin: 0 auto;
	padding: 66vw 24px 24px 24px;
	max-width: 416px;
	padding-top: calc(55.5vw + 24px);
}
#page-top #sec-mainvisual .info .logo {
	position: absolute;
	top: 36.2vw;
    right: 4.7vw;
	margin-bottom: 0;
}
#page-top #sec-mainvisual .info .logo img {
	width: 21vw;
	max-width: 160px;
}
#page-top #sec-mainvisual .catch1 {
	position: absolute;
	top: 35.7vw;
    left: 16px;
	font-size: 4.26vw;
	line-height: 6.9vw;
	margin-bottom: 0;
}
#page-top #sec-mainvisual .catch1 span::after {
	display: none;
}
#page-top #sec-mainvisual .catch2 {
	font-size: 20px;
	margin-bottom: 4px;
}
#page-top #sec-mainvisual .catch3 {
	font-size: 48px;
	margin-bottom: 16px;
}
#page-top #sec-mainvisual .lead {
	font-size: 12px;
}
#page-top #sec-takumi .block-card-list-takumi {
	position: relative;
}
#page-top #sec-takumi .block-card-list-takumi:after {
	position: absolute;
  top: 0;
  left: 100%;
  width: 1.5em;
  height: 1px;
  content: '';
}

/* 私たちの事業
---------------------------------------- */
#page-top #sec-business {
	padding: 32px 0 0 0;
}

/* 取材の匠
---------------------------------------- */
#page-top #sec-takumi {
	padding: 24px 0 32px 0;
}

/* 取材の学校
---------------------------------------- */
.modal__content{
	width: 90%;
}
/* お知らせ
---------------------------------------- */

/*============================================================
 会社概要
*============================================================*/
/* 会社情報
---------------------------------------- */
#page-company #sec-about .logo img {
	width: 200px;
}
#page-company #sec-about .map iframe {
	height: 320px;
}
#page-company .shinpota {
	margin-left: 0;
	margin-top: 20px;
}
/*============================================================
 事業ページ
*============================================================*/
@media screen and (max-width: 559px) {
	#page-business #sec-page-nav .block-card-list-business {
		width: 100%;
		max-width: 312px;
	}
}

/*============================================================
 事業　子ページ共通
*============================================================*/
/* 特徴
---------------------------------------- */
.page-business #sec-best-feature {
	padding: 32px 0;
}
.page-business #sec-best-feature .business-logo {
    margin-bottom: 12px;
}
.page-business #sec-best-feature .catch {
	font-size: 24px;
	text-align: left;
}

/* 事業内容
---------------------------------------- */
.page-business #sec-content {
	padding: 40px 0 32px 0;
}
.page-business #sec-content h2 {
	margin-bottom: 24px;
}
.page-business #sec-content .item-list .item {
	display: block;
	margin-bottom: 64px;
}
.page-business #sec-content .item-list .item:last-child {
	margin-bottom: 0;
}
.page-business #sec-content .item-list .item .item-img {
    width: 240px;
    margin: 0 auto 16px auto;
}
.page-business #sec-content .item-list .item .item-info {
    width: 100%;
}
.page-business #sec-content .item-list .item .item-info .title-en {
    position: static;
}
.page-business #sec-content .item-list .item .item-info .title-en::after {
	display: none;
}

/* 特徴
---------------------------------------- */
.page-business #sec-feature {
	padding: 40px 0 56px 0;
}
.page-business #sec-feature .item-list .item .item-info h3 {
	font-size: 24px;
}

/* 多くの企業様との実績
---------------------------------------- */
.page-business #sec-result {
	padding: 32px 0 48px 0;
}
.page-business #sec-result h2 {
	width: 327px;
	font-size: 24px;
	margin-bottom: 24px;
}
.page-business #sec-result h2::before,
.page-business #sec-result h2::after {
	top: -12px;
}
.page-business #sec-result .result-pickup {
	display: block;
    margin-bottom: 0;
}
.page-business #sec-result .result-pickup .item {
	margin: 0 auto 24px auto;
}
.page-business #sec-result .industry .industry-list li {
	width: 100%;
	margin-right: 0;
}

/* 実際の声
---------------------------------------- */
.page-business #sec-voice {
	background-image: url(../images/business/coverage-writing/bg-voice-sp.jpg);
	background-size: cover;
	min-height: unset;
	padding: 40px 24px;
}
.page-business #sec-voice .voice {
	margin: 0;
	width: 100%;
	min-height: unset;
	background-color: unset;
	color: #fff;
	position: static;
}
.page-business #sec-voice .voice::before {
	display: none;
}
.page-business #sec-voice .voice .voice-info {
	max-width: unset;
	padding: 0;
}
.page-business #sec-voice .voice .voice-info .catch {
	font-size: 20px;
}

/* 取材の匠
---------------------------------------- */
.page-business #sec-takumi {
	padding: 48px 0 40px 0;
}
.page-business #sec-takumi h2 {
	margin-bottom: 56px;
}
.page-business #sec-takumi .catch1 {
	font-size: 16px;
	margin-bottom: 16px;
}
.page-business #sec-takumi .catch2 {
	font-size: 20px;
}

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

/*============================================================
 取材の匠ページ　(一覧)
*============================================================*/
#page-takumi-list #sec-list {
	padding: 48px 0 80px 0;
}
#page-takumi-list #sec-list .block-card-list-takumi {
	display: block;
}
#page-takumi-list #sec-list .block-card-list-takumi .item {
	width: 100%;
	max-width: 408px;
	height: 421px;
	margin: 0 auto 24px auto;
}
#page-takumi-list #sec-list .block-card-list-takumi .item .image-wrap {
	height: 190px;
}
#page-takumi-list #sec-list .block-card-list-takumi .item .info .title {
	height: 4.8em;
	-webkit-line-clamp: 3;
}
#page-takumi-list #sec-list .block-card-list-takumi .item .info .lead {
    -webkit-line-clamp: 3;
}

/*============================================================
 取材の匠ページ　(詳細)
*============================================================*/

/*============================================================
取材の学校
*============================================================*/
/* mainvisual
---------------------------------------- */
#page-academy #sec-mainvisual {
	height: 460px;
	background-image: url(../images/academy/mainvisual-bg-sp.jpg);
    background-size: 767px auto;
}
#page-academy #sec-mainvisual .info {
   width: 100%;
   margin-left: 0;
   padding: 120px 24px 0 24px;
}
#page-academy #sec-mainvisual .info .catch1 {
	font-size: 20px;
	line-height: 160%;
}
#page-academy #sec-mainvisual .info .catch2 {
	font-size: 20px;
	line-height: 160%;
}
#page-academy #sec-mainvisual .info .catch2 span {
	font-size: 56px;
	line-height: 100%;
}
#page-academy #sec-mainvisual .info .catch2::after {
	background-position: center;
}

/* about
---------------------------------------- */
#page-academy #sec-about .about {
	margin-bottom: 40px;
	text-align: center;
}
#page-academy #sec-about .about .about-logo {
	width: 100%;
	margin: 0 0 32px 0;
}
#page-academy #sec-about .about .about-info {
	width: 100%;
}
#page-academy #sec-about .about .about-info br {
	display: none;
}
#page-academy #sec-about .entry {
	margin-bottom: 56px;
	text-align: center;
}
#page-academy #sec-about .entry .entry-interviewees {
	width: 100%;
	margin: 0 0 32px 0;
}
#page-academy #sec-about .entry .entry-interviewees .num {
	width: 100%;
	font-size: 80px;
	line-height: 100%;
}
#page-academy #sec-about .entry .entry-info {
	width: 100%;
}
#page-academy #sec-about .entry .entry-info .catch {
	font-size: 24px;
	line-height: 160%;
}

/* 身に付く必要とされるスキル
---------------------------------------- */

/* メッセージ
---------------------------------------- */
#page-academy #sec-message {
	padding: 48px 0 80px 0;
}
#page-academy #sec-message .title {
	font-size: 24px;
	line-height: 160%;
}
#page-academy #sec-message .president .item-image {
	width: 100%;
	margin: 0 0 24px 0;
}
#page-academy #sec-message .president .item-info {
	width: 100%;
}
#page-academy #sec-message .president .item-info .name {
	font-size: 24px;
	line-height: 120%;
}

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

/*============================================================
 取材の学校　講師・事務局ページ　(一覧)
*============================================================*/
@media screen and (max-width: 399px) {
	#page-staff-list #sec-list .tabs .tab {
		width: calc((100% - 16px) / 2);
    }
}

/*============================================================
 取材の学校　講師・事務局ページ　(詳細)
*============================================================*/
#page-staff #sec-person .item-img {
    width: 32%;
	max-width: 192px;
}
#page-staff #sec-person .item-info {
    width: calc(100% - 32% - 24px);
}
#page-staff #sec-person .item-info .staff-name {
    font-size: 24px;
    line-height: 160%;
}

/*============================================================
 取材の学校　学校記事ページ　(一覧)
*============================================================*/
#page-blog-list #sec-list {
	padding: 48px 0 32px 0;
}
#page-blog-list #sec-list .block-card-list-blog {
	display: block;
}
#page-blog-list #sec-list .block-card-list-blog .item {
	width: 100%;
	max-width: 408px;
	height: 443px;
	margin: 0 auto 24px auto;
}
#page-blog-list #sec-list .block-card-list-blog .item .image-wrap {
	height: 190px;
}
#page-blog-list #sec-list .block-card-list-blog .item .info .title {
	height: 4.8em;
	-webkit-line-clamp: 3;
}
#page-blog-list #sec-list .block-card-list-blog .item .info .lead {
    -webkit-line-clamp: 3;
}

#page-blog-list #sec-takumi {
	padding: 32px 0 112px 0;
}
#page-blog-list #sec-takumi .catch {
    font-size: 6.25vw;
}

/*============================================================
 取材の学校　学校記事ページ　(詳細)
*============================================================*/
/* なし */


/*============================================================
 取材の学校　よくある質問
*============================================================*/
/* なし */


/*============================================================
 説明会のお申し込みページ
*============================================================*/
#page-entry #sec-form iframe {
    height: 1284px;
}


/*============================================================
 お問い合わせページ
*============================================================*/
.page-contact #sec-info {
	padding: 32px 0 16px 0;
}
.page-contact #sec-form {
    padding: 16px 0 32px 0;
}

/* 完了画面
---------------------------------------- */
#page-contact-thanks #sec-info {
	padding: 32px 0 56px 0;
}
#page-contact-thanks #sec-info .message {
	font-size: 48px;
}