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

common.css

********************************************************************************/
/*============================================================
 fonts
*============================================================*/
/* import
---------------------------------------- */
/* base */
/* @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap'); */
/* sub */
/* @import url('https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;700&display=swap'); */

/* Oswald
---------------------------------------- */
.font-oswald {
    font-family: 'Oswald', sans-serif;
}

/*============================================================
 system
*============================================================*/
/* pc-sp display switch
---------------------------------------- */
.forPC {
    display: initial;
}
.forSP {
    display: none;
}

/*============================================================
 format
*============================================================*/
html {
    display: block;
    background-color: #fff;
}
body {
    width: 100%;
    font-family: 'Noto Sans JP', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 160%;
    color: #222222;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 96px 0 0 0;
}
main {
    width: 100%;
}
.section {}
.inner {
    width: 100%;
    max-width: 888px;
    padding: 0 24px;
    margin: 0 auto;
}
h1 {
    font-weight: bold;
    font-size: 40px;
    line-height: 160%;
    margin-bottom: 0;
}
h2 {
    font-weight: bold;
    font-size: 32px;
    line-height: 160%;
    margin-bottom: 16px;
}
h3 {}
h4 {}

p {}
img {
    max-width: 100%;
    height: auto;
}
span {
    font-weight: inherit;
}
a[href^="tel:"] {
    pointer-events: none;
}
strong {}
.attention {
    font-size: 12px;
    line-height: 160%;
    color: #F72323;
}
.notice {
    font-size: 12px;
    line-height: 160%;
}
.marker {
    position: relative;
}
.marker::after {
    content: "";
    display: block;
    width: 100%;
    height: 3px;
    background-color: #FFDF35;
    position: absolute;
    bottom: -2px;
    left: 0;
}
/* .marker {
    background: linear-gradient(transparent 70%, #f9f9ae 0%);
} */

/* scroll fade
---------------------------------------- */
/* .scroll-fade {
    opacity: 0;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -o-transition: all 0.8s;
    -ms-transition: all 0.8s;
    transition: all 0.8s;
    transform: translate(0, 50px);
}
.scroll-fade-on {
    opacity: 1;
    transform: translate(0, 0);
} */


/*============================================================
 form
*============================================================*/
/* エラーエリア
---------------------------------------- */
/* 全体エラー表示 */
#form-error {
    display: none;
}
#form-error.on-error {
    display: block;
    color: #FD6042;
    border: solid 2px #FD6042;
    border-radius: 4px;
    padding: 24px 8px;
    margin-bottom: 40px;
    text-align: center;
}

/* form詳細
---------------------------------------- */
#form-main {
    margin-bottom: 40px;
}
.form-item:not(:last-child) {
    margin-bottom: 32px;
}
.form-item dt {
    font-weight: bold;
    font-size: 16px;
    line-height: 180%;
    margin-bottom: 16px;
}
.form-item dt.form-valid {
}
.form-item dt.form-valid::after {
    content: "必須";
    display: inline-block;
    width: 46px;
    height: 22px;
    color: #fff;
    background-color: #FD6042;
    font-weight: 500;
    font-size: 12px;
    line-height: 22px;
    text-align: center;
    margin-left: 16px;
}
.form-item.item-cols .col:not(:last-child) {
    margin-right: 24px;
}
.form-item.item-rows .row:not(:last-child) {
    margin-bottom: 16px;
}

/* 同意・ボタン操作エリア
---------------------------------------- */
#form-footer {
    text-align: center;
}
#form-footer .policy {
    margin-bottom: 16px;
    text-decoration: underline;
}
#form-footer .agreement {
    margin-bottom: 22px;
}

/* 基本
---------------------------------------- */
input,
select,
textarea,
button {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 16px;
    -webkit-appearance: none;
}

input[type="radio"] {
    -webkit-appearance: radio;
    -moz-appearance: radio;
    appearance: radio;
    vertical-align: inherit;
}

input[type="checkbox"] {
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox;
    appearance: checkbox;
    vertical-align: inherit;
}

input[type="text"],
input[type="tel"],
input[type="email"],
textarea,
select {
    display: block;
    width: 100%;
    height: 48px;
    background-color: #fff;
    border: solid 1px #969696;
    border-radius: 2px;
    padding: 10px 12px;
    box-sizing: border-box;
}

select {
    background-image: url(../images/common/icon-form-select.svg);
    background-repeat: no-repeat;
    background-position: right 8px center;
    background-size: 8px auto;
}

textarea {
    padding: 10px 12px;
    height: 160px;
}

input::placeholder,
textarea::placeholder,
select::placeholder {
    color: #A6A6A6;
}

input:hover,
textarea:hover,
select:hover,
button:hover,
input:focus,
textarea:focus,
select:focus button:focus {
    outline: none;
}

input[type="text"]:hover,
input[type="tel"]:hover,
input[type="email"]:hover,
textarea:hover,
select:hover,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="email"]:focus,
textarea:focus,
select:focus {
    border: solid 1px #969696;
    border-radius: 2px;
}

input[type="checkbox"] {
    margin: 0;
    height: 20px;
    width: 20px;
    vertical-align: -4px;
    margin-right: 12px;
}

/* MW WP FORM カスタム
---------------------------------------- */
/* 入力画面　修正ボタン */
.mw_wp_form.mw_wp_form_input .btn-confirm  {
    display: none;
}
/* 入力画面　入力内容確認ボタン */
.mw_wp_form .form-confirm[disabled] {
    background-color: #D8D8D8;
    cursor: unset;
}
/* 入力画面　エラー表示 */
.mw_wp_form .error {
    color: #FD6042;
}


/*============================================================
 partsカスタム(本サイト専用カスタム、パーツ追加)
*============================================================*/
/* ボタン
---------------------------------------- */
/* カスタム(基本) */
.parts-btn[data-type="bg-slide"] {
    width: 240px;
    height: 48px;
    background-color: #036EB8;
    border-radius: 4px;
}
.parts-btn[data-type="bg-slide"]::after {
    background-color: #1182CF;
}
.parts-btn[data-type="bg-slide"] > * {
    line-height: 48px;
    padding-right: 40px;
    color: #fff;
    background-image: url(../images/common/icon-arrow-btn-white.svg);
    background-repeat: no-repeat;
    background-position: center right 8px;
    background-size: 32px auto;
}
/* カスタム(small) */
.parts-btn[data-size="small"] {
    width: 188px;
}
/* カスタム(green) */
.parts-btn[data-color="green"] {
    background-color: #1AB1BB;
}
.parts-btn[data-color="green"]::after {
    background-color: #1AB1BB;
}
/* カスタム(white) */
.parts-btn[data-color="white"] {
    background-color: #fff;
}
.parts-btn[data-color="white"]::after {
    background-color: #F0F9FF;
}
.parts-btn[data-color="white"] > * {
    color: #036EB8;
    background-image: url(../images/common/icon-arrow-btn-blue.svg);
}
/* btn-border-blue */
.parts-btn[data-border-color="blue"] {
	border: solid 2px #036EB8;
}
.parts-btn[data-border-color="blue"] > * {
    height: 44px;
    line-height: 44px;
    background-image: none;
}

.parts-btn, .parts-btn button,
.parts-btn input[type="submit"] {
    height: 48px;
}

/* カードタイプbox内のボタン */
.parts-btn[data-name="in-card"] {
    width: 100%;
    height: 28px;
}
.parts-btn[data-name="in-card"] > * {
    line-height: 28px;
    background-position: center;
}

/* ul list dot
---------------------------------------- */
ul.parts-list[data-type="dot"] li {
	margin-bottom: 8px;
	margin-left: 14px;
}
ul.parts-list[data-type="dot"] li:last-child {
    margin-bottom: 0;
}
ul.parts-list[data-type="dot"] li::before {
	width: 6px;
	height: 6px;
	margin: 2px 8px 3px -14px;
	border-radius: 100%;
	background-color: #036EB8;
}

/* タブ
---------------------------------------- */
.parts-tabs {
    margin: 0;
}
.parts-tabs .tabs {
    -webkit-box-pack: unset;
    -ms-flex-pack: unset;
    justify-content: unset;
    border-bottom: solid 4px #036EB8;
}
.parts-tabs .tabs .tab {
    width: 168px;
    font-weight: bold;
    font-size: 16px;
    line-height: 23px;
    padding: 12px 0;
    margin: 0 16px 0 0;
    border: 2px solid #036EB8;
    border-bottom: none;
    border-radius: 8px 8px 0px 0px;
    color: #222222;
}
.parts-tabs .tabs .tab:last-child {
    margin-right: 0;
}
.parts-tabs .tabs .tab.tab-active {
    background-color: #036EB8;
    color: #fff;
}
.parts-tabs .contents .content {
    padding: 32px 0 0 0;
}


/*============================================================
 ヘッダー
*============================================================*/
/* for SP
---------------------------------------- */
#site-header-min {
    display: none;
}

/* for PC
---------------------------------------- */
#site-header {
    background-color: #fff;
    width: 100%;
    position: fixed;
    -webkit-transition: top 0.3s;
    -moz-transition: top 0.3s;
    -o-transition: top 0.3s;
    -ms-transition: top 0.3s;
    transition: top 0.3s;
    z-index: 999999;
    top: -96px;
    left: 0;
    height: 96px;
    overflow: hidden;
    box-shadow: 0px 2px 5px rgb(0 0 0 / 20%);
}
#site-header.scrolled {
    top: 0;
}

/* gnav */
.gnav {
    width: 100%;
    height: 96px;
    background: linear-gradient(90deg, #fff 0%, #fff 50%, #036EB8 50%, #036EB8 100%);
}
.gnav .bg-image {
    background-image: url(../images/common/bg-gnav.svg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 1920px auto;
}
.gnav .inner {
    max-width: 1280px;
    padding: 16px 40px;
}
.gnav .gnav-left {
    /* padding-left: 24px; */
}
.gnav .gnav-right {
}
.gnav .gnav-logo {
    width: 101px;
    margin-right: 48px;
    margin-bottom: 0;
    line-height: unset;
}
.gnav .gnav-menu {
}
.gnav .gnav-menu li {
    font-weight: bold;
    margin-right: 40px;
    position: relative;
}
.gnav .gnav-menu li::after {
    content: "";
    display: block;
    width: 40px;
    height: 4px;
    background-color: #fff;
    position: absolute;
    left: calc(50% - 20px);
    bottom: -6px;
}
.gnav .gnav-menu li.current::after {
    background-color: #FFDF35;
}
.gnav .gnav-menu li:last-child {
    margin-right: 0;
}

/*============================================================
 ページグループヘッダー
*============================================================*/
.page-lower #page-group-header {
    background: linear-gradient(90deg, #036EB8 0%, #036EB8 50%, #E6F3FD 50%, #E6F3FD 100%);
}
.page-lower #page-group-header .bg-image {
	background-image: url(../images/common/bg-page-group-header.svg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 1280px auto;
}
.page-lower #page-group-header .inner {
    max-width: 1280px;
    padding: 28px 40px;
}
.page-lower #page-group-header .inner #group-title {
    font-weight: bold;
    font-size: 40px;
    line-height: 160%;
    color: #fff;
}

/*============================================================
 ページヘッダー
*============================================================*/
.page-lower #page-header {
    background-color: #F9F9F9;
    padding: 24px 0;
}

/*============================================================
 パンくずリスト
*============================================================*/
/* TOPページでは非表示
---------------------------------------- */
#page-top #breadcrumb {
    display: none;
}

/* 詳細ページでは表示
---------------------------------------- */
#breadcrumb {
    font-size: 12px;
    line-height: 160%;
}
#breadcrumb .inner {
    max-width: 1280px;
    padding: 16px 40px;
}
#breadcrumb ul {
    padding: 0;
    margin-bottom: 0;
}
#breadcrumb li {
    display: inline-block;
    padding: 0;
    font-size: 0;
}
#breadcrumb li > * {
    display: inline-block;
    font-size: 12px;
    line-height: 160%;
    text-decoration-line: underline;
    vertical-align: top;
}
#breadcrumb li:after {
    content: " ";
    display: inline-block;
    width: 16px;
    height: 20px;
    background-image: url(../images/common/icon-arrow-bread.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px auto;
    margin: 0 8px;
    vertical-align: top;
}
#breadcrumb li:last-child > * {
    text-decoration-line: none;
}
#breadcrumb li:last-child::after {
    display: none;
}


/*============================================================
 コンテンツ共通
*============================================================*/
/* 基本
---------------------------------------- */
.page-lower main .section {
    margin-bottom: 72px;
}
.page-lower main .section-box {
    margin-bottom: 0;
}
.page-lower main .inner > *:not(:last-child, h2, .parts-img) {
    margin-bottom: 32px;
}
.page-lower main .gray-box {
    padding: 24px;
    background-color: #F9F9F9;
    border-radius: 8px;
}
.page-lower main .gray-box > *:last-child {
    margin-bottom: 0
}

/* 中小企業診断士が600名以上 在籍
---------------------------------------- */
.block-smec {
	background: linear-gradient(90deg, #fff 0%, #fff 50%, #E6F3FD 50%, #E6F3FD 100%);
}
.block-smec .bg-image {
	background-image: url(../images/top/smec-bg.svg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 1920px auto;
}
.block-smec .inner {
	position: relative;
	padding-top: 120px;
	padding-bottom: 86px;
	height: 492px;
}
.block-smec .radar-wrap {
	position: absolute;
	top: -80px;
	right: -208px;
}
.block-smec .radar-wrap .circle-basic {
	display: block;
	background-image: url(../images/common/icon-arrow-btn-black.svg);
    background-repeat: no-repeat;
    background-position: bottom 16px center;
    background-size: 32px auto;
}
.block-smec .radar-wrap .circle-basic .info {
	padding: 45px 0 0 0;
	text-align: center;
}
.block-smec .radar-wrap .circle-basic .info p:nth-child(1) {
	font-weight: bold;
	font-size: 14px;
	line-height: 160%;
	margin-bottom: 4px;
}
.block-smec .radar-wrap .circle-basic .info p:nth-child(2) {
	font-weight: bold;
	font-size: 24px;
	line-height: 160%;
	margin-bottom: 6px;
}
.block-smec .radar-wrap .circle-basic .info p:nth-child(3) {
	font-size: 10px;
	line-height: 160%;
}
@media screen and (max-width: 1360px) and (min-width: 1025px) {
	.block-smec {
		position: relative;
	}
	.block-smec .inner {
		position: static;
	}
	.block-smec .radar-wrap {
		right: 36px;
	}
}
.block-smec .info .item-catch {
	width: 256px;
	text-align: center;
}
.block-smec .info .item-catch .catch1 {
	font-weight: bold;
	font-size: 32px;
	line-height: 160%;
	margin-bottom: 4px;
}
.block-smec .info .item-catch .catch2 {
    font-family: 'Oswald', sans-serif;
	font-weight: bold;
	font-size: 140px;
	line-height: 100%;
	margin-bottom: 4px;
	color: #1AB1BB;
}
.block-smec .info .item-catch .catch3 {
	font-weight: bold;
	font-size: 32px;
	line-height: 160%;
}
.block-smec .info .item-lead {
	width: calc(100% - 256px - 80px);
	padding: 24px 0 0 0;
}
.block-smec .info .item-lead .lead1 {
	font-weight: bold;
	font-size: 20px;
	line-height: 180%;
	margin-bottom: 8px;
}
.block-smec .info .item-lead .lead2 {
	font-weight: bold;
	font-size: 32px;
	line-height: 180%;
	color: #1AB1BB;
	margin-bottom: 6px;
}
.block-smec .info .item-lead .lead3 {
	font-weight: bold;
	font-size: 20px;
	line-height: 180%;
	margin-bottom: 24px;
}

/* アーカイブページ　ページネーション
---------------------------------------- */
.page-lower .pagination .page-numbers {
    text-align: center;
}
.page-lower .pagination .page-numbers li {
    display: inline-block;
    width: 48px;
    height: 48px;
    border: solid 1px #D8D8D8;
    box-sizing: border-box;
    border-radius: 4px;
    text-align: center;
    margin: 0 8px 8px 8px;
}
.page-lower .pagination .page-numbers li > * {
    display: inline-block;
    width: 100%;
    height: 100%;
    line-height: 46px;
}
.page-lower .pagination .page-numbers li > *.current {
    background-color: #036EB8;
    color: #fff;
    font-weight: bold;
}

/* 詳細ページ　記事本文
---------------------------------------- */
.page-lower #sec-post-content {
    margin-bottom: 40px;
}
/* 見出しブロック　h2 */
.page-lower #sec-post-content h2 {
    margin: 72px 0 16px 0;
}
.page-lower #sec-post-content h2:first-child {
    margin-top: 0;
}
/* 段落ブロック */
.page-lower #sec-post-content p {
    margin-bottom: 16px;
}
/* 段落ブロック */
.page-lower #sec-post-content p a {
    text-decoration: underline;
}
/* 画像ブロック */
.page-lower #sec-post-content .wp-block-image {
    margin-top: 48px;
    margin-bottom: 48px;
}
/* リストブロック */
.page-lower #sec-post-content ul {
    margin-bottom: 16px;
}
.page-lower #sec-post-content li {
	margin-bottom: 8px;
	margin-left: 14px;
}
.page-lower #sec-post-content li:last-child {
    margin-bottom: 0;
}
.page-lower #sec-post-content li::before {
    content: '';
	display: inline-block;
	width: 6px;
	height: 6px;
	margin: 2px 8px 3px -14px;
	border-radius: 100%;
	background-color: #036EB8;
}

/* 末尾調整 */
.page-lower #sec-post-content > *:last-child {
    margin-bottom: 0;
}

/* 事業カードリスト
---------------------------------------- */
.block-card-list-business {
    margin: 24px auto 0 auto;
    width: 840px;
}
.block-card-list-business .item {
    display: block;
    width: 264px;
    min-height: 296px;
    background-color: #fff;
    box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.08);
    border-radius: 2px;
    padding: 120px 16px 52px 16px;
    margin-bottom: 24px;
    text-align: center;
    background-repeat: no-repeat;
    background-position: top 24px center;
    background-size: 120px auto;
    position: relative;
}
.block-card-list-business .item-training {
    background-image: url(../images/business/icon-training.svg);
}
.block-card-list-business .item-training-content {
    background-image: url(../images/business/icon-training-content.svg);
}
.block-card-list-business .item-correction-agency {
    background-image: url(../images/business/icon-correction-agency.svg);
}
.block-card-list-business .item-bpo {
    background-image: url(../images/business/icon-bpo.svg);
}
.block-card-list-business .item-coverage-writing {
    background-image: url(../images/business/icon-coverage-writing.svg);
}
.block-card-list-business .item-consulting-management {
    background-image: url(../images/business/icon-consulting-management.svg);
}
.block-card-list-business .item h3 {
    font-weight: bold;
    font-size: 20px;
    line-height: 160%;
    margin-bottom: 12px;
}
.block-card-list-business .item .overview {
    font-weight: bold;
    font-size: 12px;
    line-height: 160%;
    margin-bottom: 8px;
}
.block-card-list-business .item .lead {
    font-size: 12px;
    line-height: 160%;
}
.block-card-list-business .item .parts-btn {
    position: absolute;
    bottom: 0;
    left: 0;
    border-radius: 0 0 2px 2px;
}

/* 取材の匠リスト
---------------------------------------- */
.block-card-list-takumi {
    margin: 24px auto 16px auto;
    width: 840px;
}
.block-card-list-takumi .item {
    display: block;
    width: 408px;
    height: 443px;
    background-color: #fff;
    box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.08);
    border-radius: 2px;
    padding: 0 0 70px 0;
    margin-bottom: 24px;
    position: relative;
}
.block-card-list-takumi .item .image-wrap {
    width: 100%;
    height: 190px;
    border-radius: 2px 2px 0 0;
    overflow: hidden;
}
.block-card-list-takumi .item .image {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    transition-duration: 0.3s;
}
.block-card-list-takumi .item:hover .image {
    transform: scale(1.2);
    transition-duration: 0.3s;
}
.block-card-list-takumi .item .info {
    padding: 16px;
}
.block-card-list-takumi .item .info .date {
    font-size: 10px;
    line-height: 160%;
    margin-bottom: 8px;
}
.block-card-list-takumi .item .info .title {
    margin-bottom: 8px;
    font-weight: bold;
    height: 4.8em;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.block-card-list-takumi .item .info .lead {
    font-size: 12px;
    line-height: 160%;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.block-card-list-takumi .item .parts-btn {
    position: absolute;
    bottom: 0;
    left: 0;
    border-radius: 0 0 2px 2px;
}

/* 講師・事務局リスト
---------------------------------------- */
.block-card-list-staff {
}
.block-card-list-staff .item {
    display: block;
    width: 192px;
    /* height: 294px; */
    background-color: #fff;
    box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.08);
    border-radius: 8px;
    margin: 0 24px 24px 0;
}
.block-card-list-staff .item.item-dmy {
    background-color: unset;
    box-shadow: none;
}
.block-card-list-staff .item .image-wrap {
    width: 100%;
    height: 192px;
    border-radius: 8px 8px 0 0;
    overflow: hidden;
}
.block-card-list-staff .item .image {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    transition-duration: 0.3s;
}
.block-card-list-staff .item:hover .image {
    transform: scale(1.2);
    transition-duration: 0.3s;
}
.block-card-list-staff .item .info {
    padding: 8px 16px 20px 16px;
}
.block-card-list-staff .item .info .staff-name {
    font-weight: bold;
    margin-bottom: 8px;
}
.block-card-list-staff .item .info .lead {
    font-size: 12px;
}

@media screen and (min-width: 1025px) {
    .block-card-list-staff .item:nth-child(4n) {
        margin-right: 0;
    }
}
@media screen and (max-width: 1024px) and (min-width: 672px) {
    .block-card-list-staff .item {
        width: calc((100% - 48px) / 3);
    }
    .block-card-list-staff .item:nth-child(3n) {
        margin-right: 0;
    }
}
@media screen and (max-width: 671px) {
    .block-card-list-staff .item {
        width: calc((100% - 24px) / 2);
    }
    .block-card-list-staff .item:nth-child(2n) {
        margin-right: 0;
    }
}

/* 学校記事リスト
---------------------------------------- */
.block-card-list-blog {
    margin: 0 auto 16px auto;
    width: 840px;
}
.block-card-list-blog .item {
    display: block;
    width: 408px;
    height: 443px;
    background-color: #fff;
    box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.08);
    border-radius: 2px;
    padding: 0 0 70px 0;
    margin-bottom: 24px;
    position: relative;
}
.block-card-list-blog .item .image-wrap {
    width: 100%;
    height: 190px;
    border-radius: 2px 2px 0 0;
    overflow: hidden;
}
.block-card-list-blog .item .image {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    transition-duration: 0.3s;
}
.block-card-list-blog .item:hover .image {
    transform: scale(1.2);
    transition-duration: 0.3s;
}
.block-card-list-blog .item .info {
    padding: 16px;
}
.block-card-list-blog .item .info .info-meta {
    margin-bottom: 8px;
}
.block-card-list-blog .item .info .info-meta .date {
    font-size: 10px;
    line-height: 160%;
}
.block-card-list-blog .item .info .info-meta .term {
    min-width: 152px;
    text-align: center;
    padding: 4px;
    font-size: 12px;
    line-height: 160%;
    background-color: #E6F3FD;
}
.block-card-list-blog .item .info .title {
    margin-bottom: 8px;
    font-weight: bold;
    height: 4.8em;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.block-card-list-blog .item .info .lead {
    font-size: 12px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.block-card-list-blog .item .parts-btn {
    position: absolute;
    bottom: 0;
    left: 0;
    border-radius: 0 0 2px 2px;
}

/* お知らせリスト
---------------------------------------- */
.block-list-news {
    margin: 0 auto 40px auto;
}
.block-list-news .items .item {
    padding: 24px 0;
    border-bottom: solid 1px #D8D8D8;
}
.block-list-news .items .item:first-child {
    padding-top: 0;
}
.block-list-news .items .item .item-date {
    width: 96px;
}
.block-list-news .items .item .item-title {
    width: calc(100% - 96px - 32px);
    text-decoration: underline;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}


/*============================================================
 コンテンツ　ページング
*============================================================*/
/* jqueryプラグイン　InfiniteScroll使用時
---------------------------------------- */
/* メッセージ */
/* .page-load-status {
    text-align: center;
}
button.view-more-button:hover {
    cursor: pointer;
} */


/*============================================================
 404
*============================================================*/
#page-system-error #page-group-header {
    display: none;
}
#page-system-error #page-header {
    display: none;
}
#page-system-error #sec-system-error {
    margin-top: 80px;
    padding: 40px 0 80px 0;
    text-align: center;
    background-color: #fff;
    border-radius: 4px;
}

#page-system-error #sec-system-error .system-error-num {
    font-weight: 900;
    font-size: 120px;
    line-height: 100%;
    letter-spacing: 0.04em;
    margin-bottom: 24px;
}

#page-system-error #sec-system-error .system-error-sts {
    font-weight: bold;
    font-size: 32px;
    line-height: 180%;
    margin-bottom: 24px;
}

#page-system-error #sec-system-error .system-error-lead {
    margin-bottom: 56px;
}

/*============================================================
 CTA 取材の学校
*============================================================*/
.sec-cta-academy {
    padding: 40px 0 56px 0;
    background-color: #036EB8;
}
.sec-cta-academy h2 {
    color: #fff;
    text-align: center;
}
.sec-cta-academy .page-nav {
    margin-bottom: 24px;
}
.sec-cta-academy .page-nav > * {
    width: 144px;
    height: 144px;
    padding: 88px 0 0 0;
    margin: 0 12px;
    background-color: #fff;
    border-radius: 8px;
    background-repeat: no-repeat;
    background-position: top 16px center;
    background-size: 64px auto;
}
.sec-cta-academy .page-nav > * h3 {
    font-weight: bold;
    font-size: 20px;
    line-height: 160%;
    color: #036EB8;
    text-align: center;
}
.sec-cta-academy .page-nav > *:nth-child(1) {
    background-image: url(../images/academy/icon-course.svg);
}
.sec-cta-academy .page-nav > *:nth-child(2) {
    background-image: url(../images/academy/icon-staff.svg);
}
.sec-cta-academy .page-nav > *:nth-child(3) {
    background-image: url(../images/academy/icon-blog.svg);
}
.sec-cta-academy .page-nav > *:nth-child(4){
    background-image: url(../images/academy/icon-faq.svg);
}
.sec-cta-academy .btn-entry {
    width: calc(100% - 48px);
    max-width: 648px;
    height: 88px;
}
.sec-cta-academy .btn-entry a {
    font-weight: bold;
    font-size: 20px;
    line-height: 88px;
    padding-right: 0;
    background: none;
}
.sec-cta-academy .btn-entry a::before {
    content: "";
    display: inline-block;
    width: 64px;
    height: 88px;
    margin-right: 16px;
    background-image: url(../images/common/icon-btn-entry.svg);
    background-repeat: no-repeat;
    background-position: top 8px center;
    background-size: 64px auto;
    vertical-align: top;
}

/*============================================================
 CTA お問い合わせ
*============================================================*/
.sec-cta-contact {
    color: #fff;
    background-color: #036EB8;
    background-image: url(../images/common/bg-cta-contact.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 1280px auto;
}
.sec-cta-contact .info {
    width: 50%;
    margin: 0 0 0 50%;
    padding: 40px 24px 32px 64px;
}
.sec-cta-contact .info .catch1 {
    font-weight: bold;
    margin-bottom: 32px;
}
.sec-cta-contact .info .logo-typo {
    display: none;
}
.sec-cta-contact .info .catch2 {
    font-weight: bold;
    font-size: 32px;
    line-height: 160%;
}
.sec-cta-contact .info .catch3 {
    font-weight: bold;
    font-size: 64px;
    line-height: 160%;
    letter-spacing: -0.04em;
    margin-bottom: 8px;
}


/*============================================================
 footer
*============================================================*/
#site-footer {
    color: #fff;
    background-color: #0D4A77;
    padding: 40px 0 32px 0;
    text-align: center;
}
#site-footer #totop {
    display: none;
    width: 64px;
    height: 64px;
    border-radius: 100%;
    background-color: #22222266;
    background-image: url(../images/common/icon-totop.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 17px auto;
    position: fixed;
    bottom: 32px;
    left: calc(50% + 444px + 50px);
}
#site-footer #totop:hover {
    cursor: pointer;
}
#site-footer .fnav {
    margin-bottom: 32px;
}
#site-footer .fnav .logo {
    margin-bottom: 12px;
}
#site-footer .fnav .logo img {
    width: 99px;
}
#site-footer .fnav .author-en {
    font-weight: bold;
    font-size: 16px;
    line-height: 160%;
    margin-bottom: 2px;
}
#site-footer .fnav .author-jp {
    font-size: 10px;
    margin-bottom: 20px;
}
#site-footer .fnav .addr {
    font-size: 12px;
    line-height: 160%;
}
#site-footer #copyright {
    font-size: 12px;
    line-height: 160%;
}
@media screen and (max-width: 1212px) {
    #site-footer #totop {
        left: unset;
        right: 48px;
    }
}