/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jan 08 2026 | 02:18:32 */
/*--------------------------------
投稿ページ
で記事全体を囲う
--------------------------------*/
@media screen and (max-width: 767px) {
/* class="article-post-area" */
.article-post-area {
margin-top: 1.5em;
position: relative;
}
/* プロフィールページ */
body.page-id-19526 .article-post-area,
body.page-id-19557 .article-post-area,
body.page-id-19536 .article-post-area,
body.page-id-19558 .article-post-area,
body.page-id-19539 .article-post-area,
body.page-id-19561 .article-post-area,
body.page-id-19537 .article-post-area,
body.page-id-19559 .article-post-area,
body.page-id-19538 .article-post-area,
body.page-id-19560 .article-post-area,
body.page-id-19541 .article-post-area,
body.page-id-19563 .article-post-area,
body.page-id-19540 .article-post-area,
body.page-id-19562 .article-post-area,
body.page-id-19542 .article-post-area,
body.page-id-19564 .article-post-area,
body.page-id-19543 .article-post-area,
body.page-id-19546 .article-post-area {
margin-top: -21em!important;
position: relative;
/* z-index: 10; */
z-index: 2;
}
}
@media screen and (min-width: 768px) and (max-width: 999px) {
/* プロフィールページ */
body.page-id-19526 .article-post-area,
body.page-id-19557 .article-post-area,
body.page-id-19536 .article-post-area,
body.page-id-19558 .article-post-area,
body.page-id-19539 .article-post-area,
body.page-id-19561 .article-post-area,
body.page-id-19537 .article-post-area,
body.page-id-19559 .article-post-area,
body.page-id-19538 .article-post-area,
body.page-id-19560 .article-post-area,
body.page-id-19541 .article-post-area,
body.page-id-19563 .article-post-area,
body.page-id-19540 .article-post-area,
body.page-id-19562 .article-post-area,
body.page-id-19542 .article-post-area,
body.page-id-19564 .article-post-area,
body.page-id-19543 .article-post-area,
body.page-id-19546 .article-post-area {
margin-top: -3.5em!important;
position: relative;
z-index: 9;
}
body.page-id-19526 div#page-title,
body.page-id-19557 div#page-title,
body.page-id-19536 div#page-title,
body.page-id-19558 div#page-title,
body.page-id-19539 div#page-title,
body.page-id-19561 div#page-title,
body.page-id-19537 div#page-title,
body.page-id-19559 div#page-title,
body.page-id-19538 div#page-title,
body.page-id-19560 div#page-title,
body.page-id-19541 div#page-title,
body.page-id-19563 div#page-title,
body.page-id-19540 div#page-title,
body.page-id-19562 div#page-title,
body.page-id-19542 div#page-title,
body.page-id-19564 div#page-title,
body.page-id-19543 div#page-title,
body.page-id-19546 div#page-title {
margin-bottom: 2em;
}
}
/*----- h1, h2, h3デザイン調整 -----*/
/* h1 */
h1.h1--small,
.container__col--spaced.container__col--spaced--last h1 {
/* font-size: 1.7em!important; */
/* font-size: 2em!important; 一時的に削除 */
font-weight: bold;
}
.container__col--spaced--last {
margin-top: -2.5em;
}
.container__col.container__col--spaced.u-md-paddingVert16gu h1 {
font-size: 2.5em;
font-weight: bold;
}
@media screen and (max-width: 767px) {
.container__col.container__col--spaced.u-md-paddingVert16gu h1 {
font-size: 2em;
}
}
h1.u-md-marginTop30gu {
margin-top: 5.5rem!important;
/* font-size: 2em; */
font-size: 1.7em;
font-weight: bold;
}
/* h2 */
.article-post-area h2 {
margin-top: 1em;
font-size: 1.5em;
display: inline-block;
position: relative;
z-index: 2;
font-weight: bold;
}
.article-post-area h2::before {
background: #fff;
content: '';
display: block;
/* height: 1em; */
height: 100%!important;
left: -0.5rem;
position: absolute;
right: -0.5rem;
z-index: -1;
}
.article-post-area h2::after {
background: #d8d8d8;
content: '';
display: block;
height: 1px;
left: -2000px;
position: absolute;
right: -2000px;
/* top: 1rem; */
top: 50%!important;
z-index: -2;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
/* tablet */
.article-post-area h2::after {
background: #d8d8d8;
content: '';
display: block;
width: 100vw!important;
height: 1px;
left: -1em!important;
position: absolute;
right: 0!important;
top: 50%!important;
z-index: -2;
}
}
/* About h2 */
article.panel--first h2 {
font-size: 1.4em;
}
/* h3 */
.article-post-area h3 {
/* margin-top: 1.5em; */
margin-top: .5em;
padding-bottom: .2em;
color: #000;
font-size: 1.2em!important;
font-weight: bold;
border-bottom: 1px dotted #999;
font-weight: bold;
}
.article-post-area h2 + h3 {
margin-top: 0;
}
p.h3 {
font-size: 1em!important;
}
/* プログラム一覧などの画像横テキストの */
h3 a.u-textDecoNone.u-textColorBlack {
margin-bottom: -.7em;
font-size: .667em;
color: #0063e5;
}
@media screen and (max-width: 767px) {
h1.h1--small,
.container__col--spaced.container__col--spaced--last h1 {
margin-top: 1em;
}
}
/*----- テーブル設置（プログラムの構成） -----*/
.article-post-area table.program-structure {
border: none!important;
margin: 0 auto 2em 0;
width: auto;
}
.article-post-area table.program-structure tr {
vertical-align: top!important;
background: none!important;
/* background-color: #fff!important; */
}
.article-post-area table.program-structure td {
border: none!important;
padding-right: 0!important;
padding-left: 0!important;
padding-bottom: 0!important;
height: auto!important;
line-height: 2;
}
.article-post-area table.program-structure td.space {
padding: .4em!important;
}
.article-post-area table.program-structure td.icon {
padding-left: .5em!important;
width: 1em!important;
}
.article-post-area table.program-structure td.icon::before {
content: '\2022';
/* color: #f9bd38; */
color: #444;
display: inline-block;
}
.article-post-area table.program-structure td.number {
width: 1.3em!important;
/* color: #f9bd38; */
color: #444;
}
.article-post-area table.program-structure td.title {
white-space: nowrap;
text-align-last: justify!important;
}
.article-post-area table.program-structure td.colon {
width: 1em;
}
/* テーブルセル内の改行幅調整 */
.article-post-area table.program-structure td.padding-bottom-adjust {
padding-bottom: 0.5em!important;
line-height: 1.5;
}
/* テーブルセル内のテーブル、リストmargin-bottomの調整 */
.article-post-area table.program-structure td table,
.article-post-area table.program-structure td ul,
.article-post-area table.program-structure td ol {
margin-bottom: 0!important;
}
/* □アイコン/プログラム キーワード */
.article-post-area ul.square-icon,
ul.square-icon {
position: relative;
list-style: none!important;
}
.article-post-area ul.square-icon li::before,
ul.square-icon li::before {
/* font-family: "Font Awesome 5 Free"; */
/* content: "\f096"; */
content: "◇";
margin-left: -1.25em!important;
width: 1em!important;
}
/* リスト内に配置したリスト */
.article-post-area ul.disc {
line-height: 1.5;
}
.article-post-area ul.disc li::before {
content: '\2022';
/* color: #f9bd38; */
color: #888;
display: inline-block;
margin-left: -1em;
width: .75em;
}
.article-post-area ol.free-count li ul.disc li::before {
margin-left: -1.5em!important;
}
/*----- リスト
内の
改行幅 -----*/
.article-post-area li br.br-double,
.article-post-area p br.br-double,
.article-post-area br.br-double {
content: "";
display: block;
/* margin-bottom: 1em!important; */
}
.article-post-area li br.br-double,
.article-post-area p br.br-double,
.article-post-area br.br-double {
margin-bottom: 1em!important;
}
/* .article-post-area br.br-double {
margin-bottom: -1.5em!important;
} */
/*----- 「This product is available in Japan only」表示用 -----*/
.info-jp-only {
margin-bottom: 1em;
font-size: 85%;
}
/*----- プログラムページ "You Might Also Be Interested In" 部分の非表示 -----*/
aside.sidebar.u-marginBottom4gu.u-md-marginLeft8gu.u-md-marginVert6gu.u-bgColorWhite {
display: none;
}
/*----- プログラムページ「EP1 エンゲージメント ポータル 1」用設定 -----*/
.article-post-area div.green-area,
.article-post-area div.gray-area {
margin-left: auto!important;
padding: 1em;
}
.article-post-area div.green-area {
margin-bottom: 0em!important;
}
.article-post-area div.gray-area {
margin-bottom: 2em!important;
}
.article-post-area div.green-area div.flex-area,
.article-post-area div.gray-area div.flex-area {
margin-bottom: 2em;
margin-left: -.5em;
padding: 0 0.5em;
width: 100%;
}
.article-post-area div.green-area div.flex-area:last-child,
.article-post-area div.gray-area div.flex-area:last-child {
margin-bottom: 0!important;
}
/* 画像の幅設定 */
.article-post-area div.green-area div.flex-area img,
.article-post-area div.gray-area div.flex-area img {
width: 100%!important;
}
/* 背景色 */
.article-post-area div.green-area {
background-color: rgba(113,153,73,0.3);
}
.article-post-area div.gray-area {
background-color: #eee;
}
/* タイトル */
.span-title {
display: block;
}
/* margin-bottomの調整 */
.mar-3 {
margin-bottom: -1em!important;
}
.mar-1 {
margin-bottom: 0!important;
}
/* 区切り線付きボックス */
.box-underline {
display: block;
margin-bottom: -1em!important;
padding: 1em 0;
border-bottom: 1px dotted #000;
}
.box-underline:first-child {
padding-top: 0!important;
}
.box-underline:last-child {
border-bottom: none;
}
@media screen and (min-width: 768px) {
.article-post-area div.green-area,
.article-post-area div.gray-area {
padding: 2em .5em 1em;
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.article-post-area div.green-area div.flex-area,
.article-post-area div.gray-area div.flex-area {
margin-bottom: 0!important;
margin-left: 0!important;
padding: 0 0.5em;
width: 47%;
font-size: 95%;
line-height: 1.6;
}
.article-post-area div.green-area div.flex-area:last-child,
.article-post-area div.gray-area div.flex-area:last-child {
margin-bottom: 2em!important;
}
/* margin-bottomの調整 */
.mar-3 {
margin-bottom: -3em!important;
}
.mar-1 {
margin-bottom: -1em!important;
}
/*区切り線付きボックス */
.box-underline {
margin-bottom: -2em!important;
padding-top: 2em!important;
/* font-size: 95%;
line-height: 1.6; */
}
}
/*----- 枠線付きのボックス -----*/
/*-- 上下に点線 --*/
.border-dott-ub {
margin-bottom: 2em;
padding: .5em 1em 0;
border-top: 1px dotted #000;
border-bottom: 1px dotted #000;
font-size: 90%;
height: auto;
overflow: hidden;
}
.border-dott-ub p:last-child {
margin: -1.3em 0!important;
}
/*-- 上下に実線 --*/
.border-solid-ub {
margin-bottom: 2em;
padding: .5em 1em 0;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
font-size: 90%;
height: auto;
overflow: hidden;
}
.border-solid-ub p:last-child {
margin: -1.3em 0!important;
}
/*-- 枠付きの2列横並び --*/
div.frame-flex .left-box,
div.frame-flex .right-box {
margin: 0 1em;
width: 100%;
border: 1px solid #999;
}
div.frame-flex .left-box .title-box,
div.frame-flex .right-box .title-box {
margin-bottom: 1em;
padding: .7em .5em .5em;
font-weight: bold;
color: #fff;
}
div.frame-flex .left-box .title-box {
background-color: #69aa97;
}
div.frame-flex .right-box .title-box {
background-color: #ffa168;
}
div.frame-flex .left-box ul,
div.frame-flex .right-box ul {
margin: 0 1em 1em .5em;
}
@media screen and (min-width: 768px) {
div.frame-flex {
display: flex;
}
div.frame-flex .left-box,
div.frame-flex .right-box {
width: 50%;
}
}
@media screen and (max-width: 767px) {
div.frame-flex .left-box,
div.frame-flex .right-box {
margin: 0;
}
div.frame-flex .left-box {
margin-bottom: 1em;
}
}
/*-- 枠付き／青背景 --*/
.bg-blue_frame,
.bg-blue_frame-red,
.bg-blue_frame-blue {
margin-bottom: 2em;
padding: 1em 1em .5em;
height: auto;
overflow: hidden;
width: 100%;
box-sizing: border-box;
}
/* グレー枠 */
.bg-blue_frame {
background-color: #e6edf8;
border: 1px solid #999;
}
/* 赤枠 */
.bg-blue_frame-red {
background-color: #e6edf8;
border: 1px solid #ff0000;
}
/* 青枠 */
.bg-blue_frame-blue {
background-color: #e6edf8;
border: 1px solid #0063e5;
}
.bg-blue_frame p:last-child,
.bg-blue_frame-red p:last-child,
.bg-blue_frame-blue p:last-child {
/* margin-top: -1em!important; */
margin-top: 0!important;
/* margin-bottom: 0!important; */
margin-bottom: .5em!important;
}
.bg-blue_frame ul,
.bg-blue_frame ol,
.bg-blue_frame-red ul,
.bg-blue_frame-red ol,
.bg-blue_frame-blue ul,
.bg-blue_frame-blue ol {
margin-bottom: .4em!important;
}
/*-- 枠のみ --*/
.bg-none_frame,
.bg-none_frame-red,
.bg-none_frame-blue {
margin-bottom: 2em;
padding: 1em 1em .5em;
height: auto;
overflow: hidden;
width: 100%;
box-sizing: border-box;
}
/* グレー枠 */
.bg-none_frame {
border: 1px solid #999;
}
/* 赤枠 */
.bg-none_frame-red {
border: 1px solid #ff0000;
}
/* 青枠 */
.bg-none_frame-blue {
border: 1px solid #0088a9;
}
.bg-none_frame p:last-child,
.bg-none_frame-red p:last-child,
.bg-none_frame-blue p:last-child {
/* margin-top: -1em!important; */
margin-top: 0!important;
/* margin-bottom: 0!important; */
margin-bottom: .5em!important;
}
.bg-none_frame ul,
.bg-none_frame ol,
.bg-none_frame-red ul,
.bg-none_frame-red ol,
.bg-none_frame-blue ul,
.bg-none_frame-blue ol {
margin-bottom: .4em!important;
}
/* フレーム内の最初の段落のフォントサイズ調整 */
.panel--first p:first-child {
font-size: 1em!important;
}
/* プロフィール（鈴木さん） */
.profile_frame {
margin-top: 4em;
margin-bottom: 2em;
height: auto;
overflow: hidden;
border: 1px solid #999;
}
.profile_frame .title {
display: block;
margin-bottom: -1em;
padding: 1em;
font-weight: bold;
background-color: #f4f4f4;
box-sizing: border-box;
}
.profile_frame .image {
float: left;
margin-left: 1em;
width: 15%;
}
.profile_frame .image img {
width: 100%;
}
.profile_frame .text {
float: right;
padding: 0 1em;
width: 83%;
box-sizing: border-box;
}
/*----- 注釈の設定 -----*/
.note-num {
padding-top: 120px;
margin-top: -120px;
font-size: 70%;
}
.note-num a {
text-decoration: none;
}
ul.note-list {
margin-top: 4em;
padding-top: 2em;
list-style-type: none!important;
border-top: 1px solid #ccc;
}
ul.note-list li {
text-indent: -1.5em;
margin: 0 0 1.5em 1.5em;
font-size: 80%;
line-height: 1.3;
}
ul.note-list li::before {
content: "";
display: none;
}
/* アンカーで移動してきたときの位置調整 */
li.pInLink {
padding-top: 6em;
margin-top: -6em!important;
}
/*-- 人物写真とプロフィールを並べて表示 --*/
/* 写真左、テキスト右付け、下配置 */
.profile_box_bottom {
display: flex;
align-items: flex-end;
clear: both;
margin-bottom: 2em;
}
.profile_box_bottom p.left-text {
margin: 0 1em 0 0!important;
width: calc(100% - 260px);
text-align: right;
}
.profile_box_bottom p.right-img {
margin: 0!important;
width: 260px;
}
/* 写真左、テキスト右付け、下配置 */
.profile_box {
display: flex;
clear: both;
margin-bottom: 2em;
}
.profile_box p.right-text {
margin: 0 1em 0 0!important;
width: calc(100% - 260px);
text-align: left;
}
.profile_box p.left-img {
margin: 0!important;
width: 260px;
}
/* 画像サイズ調整 */
.profile_box_bottom p.right-img img,
.profile_box p.left-img img {
width: 100%;
}
/*----- 吹き出し -----*/
.fukidashi-area {
margin: 0 auto 2em;
width: 90%;
}
@media screen and (max-width: 767px) {
.fukidashi .fukidashi-icon .text-center,
.fukidashi-right .fukidashi-icon .text-center {
margin-top: 1em!important;
font-size: .9em;
}
}
/* ここからアイコン下のキャプションテキスト設定（25/4/24追加） */
.fukidashi .fukidashi-icon .text-center-bold,
.fukidashi-right .fukidashi-icon .text-center-bold {
font-size: .8em;
font-weight: bold;
}
/* ここまで */
/* アイコンと吹き出し方向左 */
.fukidashi {
display: flex;
justify-content: center;
margin-bottom: 1em;
width: 100%;
}
.fukidashi p:last-child { display: none; }
.fukidashi-icon { width: 8%; }
.fukidashi-icon img {
margin-bottom: -6px!important;
width: 100%;
}
.fukidashi-icon div {
margin-top: .5em;
text-align: center;
}
.fukidashi-icon p { display: none; }
.fukidashi-box-blue,
.fukidashi-box-lightblue,
.fukidashi-box-lightgreen,
.fukidashi-box-lightorange,
.fukidashi-box-lightpink {
padding-left: 20px;
width: 90%;
}
/* ここから吹き出し口部分を左右に配置する（25/4/24追加） */
@media screen and (min-width: 767px) {
.fukidashi-point-left {
margin-right: 10%;
width: 79%!important;
}
.fukidashi-point-right {
margin-left: 10%;
width: 79%!important;
}
}
/* ここまで */
.fukidashi-box-blue div,
.fukidashi-box-lightblue div,
.fukidashi-box-lightgreen div,
.fukidashi-box-lightorange div,
.fukidashi-box-lightpink div {
position: relative;
padding: 1.5em 1em;
text-align: left;
line-height: 1.4;
border-radius: 5px;
}
.fukidashi-box-blue div {
background-color: #364559;
color: #fff;
}
.fukidashi-box-lightblue div { background-color: #c6e5f6; }
.fukidashi-box-lightgreen div { background-color: #d9eddd; }
.fukidashi-box-lightorange div { background-color: #ffe8d2; }
.fukidashi-box-lightpink div { background-color: #f0dfe1; }
.fukidashi-box-blue div::before,
.fukidashi-box-lightblue div::before,
.fukidashi-box-lightgreen div::before,
.fukidashi-box-lightorange div::before,
.fukidashi-box-lightpink div::before {
content: "";
position: absolute;
border: 7px solid transparent;
right: 100%;
/* top: 2em; */
top: 1.8em;
}
.fukidashi-box-blue div::before { border-right: 20px solid #364559; }
.fukidashi-box-lightblue div::before { border-right: 20px solid #c6e5f6; }
.fukidashi-box-lightgreen div::before { border-right: 20px solid #d9eddd; }
.fukidashi-box-lightorange div::before { border-right: 20px solid #ffe8d2; }
.fukidashi-box-lightpink div::before { border-right: 20px solid #f0dfe1; }
@media screen and (max-width:1159px) {
.fukidashi-box-blue div::before,
.fukidashi-box-lightblue div::before,
.fukidashi-box-lightgreen div::before,
.fukidashi-box-lightorange div::before,
.fukidashi-box-lightpink div::before {
top: 1.5em;
}
}
@media screen and (max-width: 767px) {
.fukidashi-area {
/* margin: -.5em auto -.5em; */
margin: 0em auto 1.5em;
width: 90%;
}
/* .fukidashi {
margin-bottom: 0;
width: 100%;
} */
.fukidashi {
margin-top: 1em;
/* margin-bottom: 2em; */
width: 100%;
}
.fukidashi-icon {
margin-top: .5em;
width: 20%;
}
.fukidashi-box-blue,
.fukidashi-box-lightblue,
.fukidashi-box-lightgreen,
.fukidashi-box-lightorange,
.fukidashi-box-lightpink {
margin-top: 3%;
}
.fukidashi-box-blue div::before,
.fukidashi-box-lightblue div::before,
.fukidashi-box-lightgreen div::before,
.fukidashi-box-lightorange div::before,
.fukidashi-box-lightpink div::before {
top: 1em;
}
}
/* アイコンと吹き出し方向右 */
.fukidashi-right {
display: flex;
justify-content: center;
margin-bottom: 1em;
width: 100%;
}
.fukidashi-right p:last-child { display: none; }
.fukidashi-right .fukidashi-icon { width: 8%; }
.fukidashi-right .fukidashi-icon img {
margin-bottom: -6px!important;
width: 100%;
}
.fukidashi-right .fukidashi-icon div {
margin-top: .5em;
text-align: center;
}
.fukidashi-right .fukidashi-icon p { display: none; }
.fukidashi-right .fukidashi-box-blue,
.fukidashi-right .fukidashi-box-lightblue,
.fukidashi-right .fukidashi-box-lightgreen,
.fukidashi-right .fukidashi-box-lightorange,
.fukidashi-right .fukidashi-box-lightpink {
padding-left: 0;
padding-right: 20px;
width: 90%;
}
.fukidashi-right .fukidashi-box-blue div,
.fukidashi-right .fukidashi-box-lightblue div,
.fukidashi-right .fukidashi-box-lightgreen div,
.fukidashi-right .fukidashi-box-lightorange div,
.fukidashi-right .fukidashi-box-lightpink div {
position: relative;
padding: 1.5em 1em;
text-align: left;
line-height: 1.4;
border-radius: 5px;
}
.fukidashi-right .fukidashi-box-blue div {
background-color: #364559;
color: #fff;
}
.fukidashi-right .fukidashi-box-lightblue div { background-color: #c6e5f6; }
.fukidashi-right .fukidashi-box-lightgreen div { background-color: #d9eddd; }
.fukidashi-right .fukidashi-box-lightorange div { background-color: #ffe8d2; }
.fukidashi-right .fukidashi-box-lightpink div { background-color: #f0dfe1; }
.fukidashi-right .fukidashi-box-blue div::before,
.fukidashi-right .fukidashi-box-lightblue div::before,
.fukidashi-right .fukidashi-box-lightgreen div::before,
.fukidashi-right .fukidashi-box-lightorange div::before,
.fukidashi-right .fukidashi-box-lightpink div::before {
content: "";
position: absolute;
border: 7px solid transparent;
left: 100%;
/* top: 2em; */
top: 1.8em;
}
.fukidashi-right .fukidashi-box-blue div::before { border-left: 20px solid #364559; }
.fukidashi-right .fukidashi-box-lightblue div::before { border-left: 20px solid #c6e5f6; }
.fukidashi-right .fukidashi-box-lightgreen div::before { border-left: 20px solid #d9eddd; }
.fukidashi-right .fukidashi-box-lightorange div::before { border-left: 20px solid #ffe8d2; }
.fukidashi-right .fukidashi-box-lightpink div::before { border-left: 20px solid #f0dfe1; }
@media screen and (max-width:1159px) {
.fukidashi-right .fukidashi-box-blue div::before,
.fukidashi-right .fukidashi-box-lightblue div::before,
.fukidashi-right .fukidashi-box-lightgreen div::before,
.fukidashi-right .fukidashi-box-lightorange div::before,
.fukidashi-right .fukidashi-box-lightpink div::before {
top: 1.5em;
}
}
@media screen and (max-width: 767px) {
.fukidashi-right {
margin-top: 1em;
/* margin-bottom: 2em; */
width: 100%;
}
.fukidashi-right .fukidashi-icon {
width: 20%;
}
.fukidashi-right .fukidashi-box-blue,
.fukidashi-right .fukidashi-box-lightblue,
.fukidashi-right .fukidashi-box-lightgreen,
.fukidashi-right .fukidashi-box-lightorange,
.fukidashi-right .fukidashi-box-lightpink {
margin-top: 3%;
}
.fukidashi-right .fukidashi-box-blue div::before,
.fukidashi-right .fukidashi-box-lightblue div::before,
.fukidashi-right .fukidashi-box-lightgreen div::before,
.fukidashi-right .fukidashi-box-lightorange div::before,
.fukidashi-right .fukidashi-box-lightpink div::before {
top: 1em;
}
}
/*----- Q&Aのレイアウト -----*/
.question_area {
margin: 2em 0 1em;
padding: 1em;
height: auto;
overflow: hidden;
font-weight: bold;
background-color: #e4e4e4;
}
.question_area ul {
list-style-type: none;
margin-left: -2em;
margin-bottom: 0;
}
.question_area ul li {
text-indent: -2.8em;
margin-left: 2.8em;
line-height: 1.5;
}
.question_area ul li::before {
content: "";
display: none;
}
/*----- アイコン非表示（必要ないかも） -----*/
a[target="_blank"]::after {
content: "";
display: none;
}
/*----- 動画の配置 -----*/
/* 中央配置 */
.jstream {
width: 50%;
margin: 0 auto 30px!important;
padding: 0;
box-sizing: border-box;
}
/* テキスト回り込み（右配置） */
.jstream_right {
float: right;
margin: 0 0 1em 1em!important;
width: 40%;
padding: 0;
box-sizing: border-box;
}
.jstream_right .jstream {
width: 100%;
margin: 0!important;
}
.jstream .jstream_inner {
padding-top: 56.25%;
position: relative;
height: 0;
overflow: hidden;
}
.jstream .jstream_inner iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
@media screen and (max-width: 767px) {
.jstream,
.jstream_right {
width: 100%;
}
}
/*----- タイトル横画像のサイズ調整（固定・投稿） -----*/
/* div.container__col--spaced.container__col--spaced--first {
width: 100%;
}
div.container__col--spaced.container__col--spaced--first img.u-hidden {
display: none;
}
div.container__col--spaced.container__col--spaced--first img.u-md-hidden {
display: block;
width: 100%;
box-shadow: 1px 1px 5px #666;
} */
/* トップ画像とタイトル周りの調整 */
@media (min-width: 768px) {
/* トップ画像の大きさ調整 */
.container__col-md-3 {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
}
div.container__col--spaced.container__col--spaced--first {
width: 100%;
margin-right: 0;
}
div.container__col--spaced.container__col--spaced--first img.u-hidden,
img.panel--hero--wrap__image.u-hidden.u-md-block {
display: none;
}
div.container__col--spaced.container__col--spaced--first img.u-md-hidden {
display: block;
width: 100%;
/* box-shadow: 1px 1px 5px #666; */
box-shadow: 5px 5px 5px rgba(102,102,102,.5);
border: 1px solid #fff;
}
img.u-md-hidden.panel--hero--wrap__image {
display: block;
box-shadow: 1px 1px 5px #666;
}
}
@media screen and (max-width: 767px) {
/* トップ画像の大きさ調整 */
img.u-md-hidden.panel--hero--wrap__image {
margin: 2rem 0 1rem .7rem;
}
/* タイトルのフォントサイズ */
h1.h1--small,
.container__col--spaced.container__col--spaced--last h1 {
font-size: 1.9em!important;
}
}
/* パンくずリスト、アルファベットの大文字か解除 */
.breadcrumb__link {
text-transform: none;
}
@media screen and (min-width: 768px) {
/* パンくずリストしたの下マージン調整 */
.u-md-marginBottom7gu {
margin-bottom: 0.2rem;
}
/* タイトルの上マージン調整（イベント） */
.u-md-marginTop12gu {
margin-top: 7.5rem;
}
/* タイトルのフォントサイズ */
h1.h1--small,
.container__col--spaced.container__col--spaced--last h1 {
/* font-size: 1.5em!important; */
font-size: 1.7em!important;
}
}
/* パンくずリストの親子カテゴリーのフォントカラー設定 */
li.inline-list__item a {
color: #fff;
text-decoration: none;
}
/* パンくずリスト、アイコンの左右スペース調整 */
.icon-space {
margin-left: .4rem;
margin-right: .7rem;
}
.icon-space-first {
margin-left: .5rem;
margin-right: .5rem;
}
@media screen and (min-width: 991px) {
/* タイトルの上マージン調整（イベント） */
.u-lg-marginTop14gu {
margin-top: 7.5rem;
}
/* タイトルの上マージン調整（提供サービス/お役立ち情報） */
.u-lg-marginTop30gu {
margin-top: 7.5rem;
}
/* タイトルのフォントサイズ */
h1.h1--small,
.container__col--spaced.container__col--spaced--last h1 {
/* font-size: 2em!important; */
/* font-size: 1.5em!important; */
font-size: 1.7em!important;
line-height: 1.3;
}
}
/*----- 公開講座の専用設定 -----*/
h4.openseminar {
margin: 2em 0 -.5em;
border: none;
width: 100%!important;
}
h4.openseminar span {
display: flex;
justify-content: left;
align-items: center;
position: relative;
padding: 0 10px;
width: 100%;
height: 87px;
line-height: 1.3;
font-weight: bold;
color: #fff;
background-color: #337ab7;
border-bottom: none;
border: 1px solid #71b1e8!important;
box-sizing: border-box;
}
h4.openseminar span.sec01::before,
h4.openseminar span.sec02::before,
h4.openseminar span.sec03::before,
h4.openseminar span.sec04::before {
content: "";
position: absolute;
top: 0;
right: 0;
width: 227px;
height: 85px;
}
h4 span.sec01::before {
background: url(/wp-content/uploads/2023/08/img-openseminar-016_01.png);
}
h4 span.sec02::before {
background: url(/wp-content/uploads/2023/08/img-openseminar-016_02.png);
}
h4 span.sec03::before {
background: url(/wp-content/uploads/2023/08/img-openseminar-016_03.png);
}
h4 span.sec04::before {
background: url(/wp-content/uploads/2025/01/img-openseminar-016_04.png);
}
@media screen and (max-width: 767px) {
h4.openseminar span {
padding: 0 5px;
font-size: .75em;
}
h4.openseminar span.sec01::before,
h4.openseminar span.sec02::before,
h4.openseminar span.sec03::before,
h4.openseminar span.sec04::before {
width: 215px;
}
}
/* openseminar-009での丸で囲む設定 */
.reason {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-left: auto;
margin-right: auto;
margin-bottom: 1em;
width: 100%;
}
.reason_text {
display:flex;
justify-content:center;
align-items:center;
margin: 0 1.4%;
border-radius: 50%;
font-weight: bold;
text-align: center;
line-height: 1.3;
}
.reason_text.color1 {
background-color: rgba(67,137,195,.75);
border: 2px solid #4389c3;
color: #333;
}
.reason_text.color2 {
background-color: rgba(255,209,57,.85);
border: 2px solid #ffd139;
color: #333;
}
.reason_text.color3 {
background-color: rgba(255,160,69,.75);
border: 2px solid #ffa045;
color: #333;
}
.reason_text .text-box { display: block; }
.font-style {
display: block;
margin-bottom: 10px;
padding-bottom: 10px;
font-family: "Monotype Corsiva";
font-size: 35px;
}
.font-style.color-text {
display: block;
color: #fff;
border-bottom: 2px dotted #fff;
}
@media screen and (min-width: 841px) {
/* .reason { width: 85%; } */
.reason { width: 100%; }
.reason_text {
padding: 20% 1% 10%;
width: 28.1%;
height: 0;
font-size: 1.2em;
}
.reason_text .text-box { margin-top: -40%; }
.font-style.color-text { margin-bottom: -5%; }
}
@media screen and (max-width: 840px) {
.reason_text {
padding: 20% 1% 10%;
width: 27%;
height: 0;
font-size: 1.2em;
}
.reason_text .text-box { margin-top: -40%; }
.font-style.color-text { margin-bottom: -5%; }
}
@media screen and (max-width: 767px) {
.reason_text {
padding: 20% 1% 10%;
width: 27.3%;
height: 0;
font-size: .8em;
}
.reason_text .text-box { margin-top: -43%; }
.font-style.color-text {
margin-bottom: -7%;
padding-bottom: 3%;
font-size: 1.5em;
}
}
/* 背景付リンクボタン */
.thumb-link {
position: relative;
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-left: auto;
margin-right: auto;
padding: 0!important;
width: 80%;
list-style: none!important;
}
.thumb-link li {
position: relative;
margin: 0 1% 1%;
width: 48%;
height: 0;
overflow: hidden;
padding-bottom: 13%;
border: 2px solid #337ab7;
border-radius: 5px;
box-sizing: border-box;
}
.thumb-link li:last-child { margin-bottom: 0; }
.thumb-link li.thumb1 {
background: url(/wp-content/uploads/2023/09/img-openseminar-009_01.png) center -8px no-repeat;
background-size: 100%;
}
.thumb-link li.thumb2 {
background: url(/wp-content/uploads/2023/09/img-openseminar-009_02.png) center -8px no-repeat;
background-size: 100%;
}
.thumb-link li.thumb3 {
background: url(/wp-content/uploads/2023/09/img-openseminar-009_03.png) center -8px no-repeat;
background-size: 100%;
}
.thumb-link li a span {
display: block;
position: absolute;
z-index: 1;
bottom: 0;
right: 0;
padding-top: 1%;
padding-bottom: 5%;
width: 80%;
height: 0;
color: #fff;
text-align: center;
line-height: 22px;
background-color: #337ab7;
}
.thumb-link li a span::before {
position: absolute;
left: -22px;
top: 0;
content: "";
width: 5px;
border-bottom: 27px solid #337ab7;
border-left: 22px solid transparent;
}
.thumb-link li a {
display: block;
position: absolute;
top: 0;
z-index: 3;
width: 100%;
padding-bottom: 28%;
height: 0;
transition: .6s;
}
.thumb-link li a:hover { background-color: rgba(255,255,255,.25); }
@media screen and (max-width: 840px) {
.thumb-link { width: 100%; }
.thumb-link li a { padding-bottom: 29%; }
.thumb-link li a span { padding-bottom: 6.5%; }
}
@media screen and (max-width: 767px) {
.thumb-link { width: 100%; }
.thumb-link li {
padding-bottom: 28%;
width: 100%;
}
.thumb-link li a { padding-bottom: 30.7%; }
.thumb-link li a span {
padding-top: .2%;
padding-bottom: 7%;
}
}
/* お申込みの流れ */
.flow-area {
margin-left: auto;
margin-right: auto;
width: 80%;
}
.flow-box {
padding: 1em 1em .8em;
width: 100%;
border: 1px solid #80A5D1;
box-sizing: border-box;
}
.flow-arr-d {
margin: 0 auto;
width: 35px;
}
.flow-arr-lr {
display: inline-block;
width: 35px;
}
.flow-box-s {
display: block;
margin: 0 auto .5em!important;
padding: 5px;
width: 150px;
border-radius: 8px;
background-color: #0b5873;
font-size: 15px;
color: #fff;
text-align: center;
line-height: 1.3;
box-sizing: border-box;
}
.flow-box-fiex {
list-style-type: none!important;
text-align: center;
box-sizing: border-box;
margin-bottom: .5em!important;
padding-left: 0!important;
}
.flex-left,
.flex-middle,
.flex-right {
display: inline-block;
margin: 0 5px;
padding: 5px;
width: 150px;
border-radius: 8px;
background-color: #0b5873;
font-size: 15px;
color: #fff;
text-align: center;
line-height: 1.3;
box-sizing: border-box;
}
.flow-arr-lr::before,
.flex-left::before,
.flex-middle::before,
.flex-right::before {
content: "";
display: none;
}
.flow-box-bmar { margin-top: .5em; }
/* 文字間調整 */
.letter_space { letter-spacing: -0.01rem; }
@media screen and (max-width: 840px) {
.flow-area { width: 100%; }
}
@media screen and (max-width: 767px) {
.flex-left, .flex-middle, .flex-right { width: 21%; }
}
/*----- 受賞歴のレイアウト調整 -----*/
/* 動画部分の調整 */
.container__col.container__col-12.container__col-md-5 {
-ms-flex-preferred-size: 42%;
flex-basis: 42%;
}
.container__col.container__col-12.container__col-md-7 {
-ms-flex-preferred-size: 55%;
flex-basis: 55%;
padding-left: 1rem;
}
/* 一覧部分の調整 */
.container__col-md-3 {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
}
@media screen and (max-width: 767px) {
/* 動画部分の調整 */
.wistia_embed.wistia_async_fl4skpq3cu {
margin-left: -1rem!important;
}
/* 一覧部分の調整 */
.container__col-md-3 {
-ms-flex-preferred-size: 10%;
flex-basis: 10%;
margin-right: 1rem;
}
}
/*----- ページ分割時のページネーション -----*/
/* 投稿複数ページボタン */
.link_page_navi {
padding: 0;
/* max-width: 250px;
width: 100%; */
list-style: none;
margin: 0 auto 2em;
list-style-type: none;
display: flex;
justify-content: center;
}
.link_page_navi li::before {
content: "";
display: none!important;
}
.link_page_navi::after {
content: "";
display: block;
clear: both;
}
.link_page_navi li:first-child {
margin-left: 5px;
}
.link_page_navi li {
float: left;
width: 64px;
margin-left: 5px;
margin-right: 5px;
margin-bottom: 20px;
border: 1px solid #0063e5;
border-radius: 5px;
text-align: center;
padding: .2em .2em .1em;
color: #fff;
background-color: #0063e5;
list-style-type: none;
}
ul.link_page_navi li::after {
content: '';
display: none;
}
.link_page_navi a li {
border: 1px solid #0063e5;
border-radius: 5px;
color: #337ab7;
background-color: #fff;
transition: all ease .2s;
}
.link_page_navi a li:hover {
background-color: #0053bf;
color: #fff;
}
/* 次ページへのリンク */
.next-page-box {
margin: 4em auto 2em;
padding: .3em 1em .2em;
width: 75%;
text-align: center;
background-color: #ccc;
}
.next-page-box a {
font-size: .9em;
line-height: 1.5!important;
line-height: 1.2;
text-decoration: none;
}
.next-page-box a:hover {
text-decoration: underline;
}
@media screen and (max-width: 767px) {
.link_page_navi {
width: 73.5%;
}
.next-page-box {
width: 90%;
}
}
/*----- 追加レイアウト（プログラムページ「モジュールと学習のポイント」部分） -----*/
.module-area {
margin-bottom: 2.5em;
padding: 1em 2em 1.3em;
background-color: #e3ebdb;
}
.module-area .nomal-table {
margin-top: -1em;
margin-bottom: 0;
background: none;
border: none;
border-top: 2px dotted #236192;
}
.module-area .nomal-table tr {
background: none;
border-bottom: 2px dotted #236192;
}
.module-area .nomal-table td {
vertical-align: middle;
background: none;
border: none;
}
.module-area .nomal-table td.td-left {
padding-left: 0!important;
width: 30%;
}
.module-area .nomal-table td.td-right {
width: 70%;
}
.module-area p.hanging {
text-indent: -1.35em;
margin-left: 1.35em;
}
.module-area .font-s {
font-size: 75%;
}
@media screen and (max-width: 767px) {
.module-area {
padding: 1em 1em 1.3em;
}
.module-area .nomal-table td.td-left {
width: 40%;
}
.module-area .nomal-table td.td-right {
width: 60%;
}
.module-area .font-s {
font-size: 100%;
}
.module-area span.hanging-sp {
display: block;
text-indent: -1em;
margin-left: 1em;
}
}
/* チェックアイコン付き */
.module-area ul.check-i {
margin-top: -.5em;
margin-left: .5em;
padding-left: 1.5em;
line-height: 1.5;
list-style-type: none;
}
.module-area ul.check-i li {
margin-bottom: .5em;
list-style-type: none;
}
.module-area ul.check-i li:last-child {
margin-bottom: 0;
}
.module-area ul.check-i li::before {
font-family: "Font Awesome 5 Free";
content: "✔";
}
/*----- ここまで -----*/
/*--------------------------------
サイトのナビゲーションとフッター改変に伴う調整
--------------------------------*/
/*----- リスト表示のアイコン（li:after）の位置調整 -----*/
.article-post-area ul li:after {
top: 0;
}
/*----- リスト表示（li）の入れ子になっているリストのアイコン（・）の色を変更 -----*/
.article-post-area ul.disc li::after {
color: #888;
}
/*----- リスト表示（li）に点線のアンダーライン（区切り線）の調整 -----*/
ul li.box-underline {
margin-left: -1em;
padding-left: 1em!important;
}
ul li.box-underline::after {
margin-left: 0!important;
}
/*----- 枠付きボックス内のアンダーライン付きリストでのアイコンの位置調整 -----*/
.box-underline {
margin-bottom: .2em!important;
padding: 0!important;
}
/*----- 注釈リストのアイコン（・）の非表示 -----*/
.article-post-area ul.note-list li:after {
content: '';
display: none;
}
ul.note-list {
padding-right: 1em; /*追加分*/
}
/*----- フリーアイコンのリストに表示されているアイコン（・）の非表示 -----*/
ul.free-icon li:after,
ul.free-icon-inbox li:after {
content: '';
list-style-type: none;
display: none;
}
/*----- 個人情報保護方針での調整 -----*/
ul.privacy-policy-num-first li::after,
/* ul.privacy-policy-num-third.margin-top-0 li::after, */
ul.privacy-policy-num-second li::after,
ul.privacy-policy-num-third li::after {
display: none;
}
table.no-line, table.no-line th, table.no-line td {
line-height: 1.5;
}
ul.privacy-policy-num-second {
margin-top: 2em;
}
ul.privacy-policy-num-third {
margin-top: 0!important;
}
/* アーカイブページの検索窓の非表示 */
body.archive .container__col.container__col-12.u-marginBottom2gu.u-md-marginBottom4gu {
display: none;
}
/* ここからニュース一覧タイトル位置 */
body.page-template-newslist-page .container__col.container__col-12.container__col-md-6.u-md-marginTop12gu.u-lg-marginTop30gu {
margin-top: 13em;
}
/* フッタ（ナビゲーションメニュー部分）でのSNSアイコンの非表示 */
.footer-social-icon ul {
display: none!important;
}
/* フッタ中の一部テキストのフォントサイズ調整 */
.footer-box6 p {
padding-right: 2em;
font-size: 21px!important;
}
/*----- 投稿ページのタイトル、サブタイトルと企業名のフォント調整 -----*/
/* .container__col.container__col-12.container__col-md-6.u-md-marginTop12gu.u-lg-marginTop30gu .container__col--spaced.container__col--spaced--last h1.h1--small {
color: #134c82;
} */
.container__col.container__col-12.container__col-md-6.u-md-marginTop12gu.u-lg-marginTop30gu .container__col--spaced.container__col--spaced--last p.h3 {
font-weight: bold;
color: #555;
}
@media screen and (max-width: 767px) {
body.page-template-newslist-page .container__col.container__col-12.container__col-md-6.u-md-marginTop12gu.u-lg-marginTop30gu {
margin-top: -3em;
}
body.page-template-newslist-page section.panel.panel--first.u-paddingBottom6gu.panel--clearfix.panel---content.cont {
margin-top: -3em;
}
/* 年号切り替えのプルダウンの重ね順変更 */
.news-list {
position: inherit;
z-index: 9!important;
}
/* フッタ中の一部テキストのフォントサイズ調整 */
.footer-box6 p {
padding-right: 0;
}
/*----- 投稿ページのタイトル、サブタイトルと企業名のフォント調整 -----*/
.container__col.container__col-12.container__col-md-6.u-md-marginTop12gu.u-lg-marginTop30gu .container__col--spaced.container__col--spaced--last p.h3 {
font-size: 1.2em!important;
}
}
/* ここまで */
@media screen and (min-width: 768px) {
/*----- メイン画像の位置調整 -----*/
/* ハラスメント防止ポリシー */
body.page-id-18317 .container__col--spaced.container__col--spaced--first,
body.page-id-18752 .container__col--spaced.container__col--spaced--first {
margin-top: 6em!important;
}
/* プロフィールページ */
body.page-id-19526 .container__col--spaced.container__col--spaced--first,
body.page-id-19557 .container__col--spaced.container__col--spaced--first,
body.page-id-19536 .container__col--spaced.container__col--spaced--first,
body.page-id-19558 .container__col--spaced.container__col--spaced--first,
body.page-id-19539 .container__col--spaced.container__col--spaced--first,
body.page-id-19561 .container__col--spaced.container__col--spaced--first,
body.page-id-19537 .container__col--spaced.container__col--spaced--first,
body.page-id-19559 .container__col--spaced.container__col--spaced--first,
body.page-id-19538 .container__col--spaced.container__col--spaced--first,
body.page-id-19560 .container__col--spaced.container__col--spaced--first,
body.page-id-19541 .container__col--spaced.container__col--spaced--first,
body.page-id-19563 .container__col--spaced.container__col--spaced--first,
body.page-id-19540 .container__col--spaced.container__col--spaced--first,
body.page-id-19562 .container__col--spaced.container__col--spaced--first,
body.page-id-19542 .container__col--spaced.container__col--spaced--first,
body.page-id-19564 .container__col--spaced.container__col--spaced--first,
body.page-id-19543 .container__col--spaced.container__col--spaced--first,
body.page-id-19546 .container__col--spaced.container__col--spaced--first {
margin-top: 6em!important;
}
/* 免責事項 */
body.page-id-13362 .container__col--spaced.container__col--spaced--first {
margin-top: -1.6em!important;
}
/* 個人情報保護方針 */
body.page-id-13355 .container__col--spaced.container__col--spaced--first,
body.page-id-19156 .container__col--spaced.container__col--spaced--first {
margin-top: 3.8em!important;
}
/* 採用情報 */
body.page-id-13351 .container__col--spaced.container__col--spaced--first {
margin-top: -1.8em!important;
}
/* プレスメディア */
body.page-id-18502 .container__col--spaced.container__col--spaced--first,
body.page-id-17592 .container__col--spaced.container__col--spaced--first,
body.page-id-19158 .container__col--spaced.container__col--spaced--first {
margin-top: 3.8em!important;
}
/* 内製化支援、価値創造とリーダーシップ、営業力強化 */
body.page-id-16358 .container__col--spaced.container__col--spaced--first,
body.page-id-16649 .container__col--spaced.container__col--spaced--first,
body.page-id-16465 .container__col--spaced.container__col--spaced--first {
margin-top: .5em!important;
}
/* 本社移転のお知らせ */
body.page-id-19489 .container__col--spaced.container__col--spaced--first,
body.page-id-19461 .container__col--spaced.container__col--spaced--first {
margin-top: 4.2em!important;
}
/*----- ページタイトルの位置調整 -----*/
/* 個人情報保護方針 */
body.page-id-13355 .container__col--spaced--last,
body.page-id-19156 .container__col--spaced--last {
margin-top: 6em;
}
/* 採用情報 */
body.page-id-13351 .container__col--spaced--last {
margin-top: .5em;
}
/* ハラスメント防止ポリシー */
body.page-id-18317 .container__col--spaced--last,
body.page-id-18752 .container__col--spaced--last {
margin-top: .5em;
}
/* プロフィールページ */
body.page-id-19526 .container__col--spaced--last,
body.page-id-19557 .container__col--spaced--last,
body.page-id-19536 .container__col--spaced--last,
body.page-id-19558 .container__col--spaced--last,
body.page-id-19539 .container__col--spaced--last,
body.page-id-19561 .container__col--spaced--last,
body.page-id-19537 .container__col--spaced--last,
body.page-id-19559 .container__col--spaced--last,
body.page-id-19538 .container__col--spaced--last,
body.page-id-19560 .container__col--spaced--last,
body.page-id-19541 .container__col--spaced--last,
body.page-id-19563 .container__col--spaced--last,
body.page-id-19540 .container__col--spaced--last,
body.page-id-19562 .container__col--spaced--last,
body.page-id-19542 .container__col--spaced--last,
body.page-id-19564 .container__col--spaced--last,
body.page-id-19543 .container__col--spaced--last,
body.page-id-19546 .container__col--spaced--last {
margin-top: .5em;
}
/* 免責事項 */
body.page-id-13362 .container__col--spaced--last {
margin-top: 5em;
}
/* プレス・メディア */
body.page-id-18502 .container__col--spaced--last,
body.page-id-17592 .container__col--spaced--last,
body.page-id-19158 .container__col--spaced--last {
margin-top: 5.5em;
}
/* 本社移転のお知らせ */
body.page-id-19489 .container__col--spaced--last,
body.page-id-19461 .container__col--spaced--last {
margin-top: 5.2em;
}
/*----- メイン画像とコンテンツテキストの間の空き調整（受賞歴） -----*/
body.page-id-98 .box-center {
margin-bottom: 3em;
}
/*-- メイン画像上のマージン調整 --*/
/* 採用情報 */
body.page-id-13351 .container__col.container__col-12,
body.page-id-19173 .container__col.container__col-12 {
margin-top: 7.8em;
}
/* 本社移転のお知らせ */
body.page-id-19489 .container__col.container__col-12,
body.page-id-19461 .container__col.container__col-12 {
margin-top: 1.8em;
}
}
@media screen and (max-width: 1140px) {
/* 私たちについて */
body.page-id-12482 .panel.panel--hero.panel--hero--wrap.panel--content.panel--first,
/* 公開講座 */
body.page-id-15964 .panel.panel--hero.panel--hero--wrap.panel--content.panel--first,
/* 受賞歴 */
body.page-id-98 .panel.panel--hero.panel--hero--wrap.panel--content.panel--first {
background: none;
}
}
@media screen and (max-width: 767px) {
/* body.page-id-18502 .container__col--spaced.container__col--spaced--last,
body.page-id-17592 .container__col--spaced.container__col--spaced--last,
body.page-id-19158 .container__col--spaced.container__col--spaced--last {
margin-bottom: -3em!important;
} */
/*----- ページタイトルの位置調整 -----*/
/* ハラスメント防止ポリシー */
body.page-id-18317 .container__col--spaced--last,
body.page-id-18752 .container__col--spaced--last {
margin-top: -2em;
margin-bottom: 3em;
}
/* プロフィールページ */
body.page-id-19526 .container__col--spaced--last,
body.page-id-19557 .container__col--spaced--last,
body.page-id-19536 .container__col--spaced--last,
body.page-id-19558 .container__col--spaced--last,
body.page-id-19539 .container__col--spaced--last,
body.page-id-19561 .container__col--spaced--last,
body.page-id-19537 .container__col--spaced--last,
body.page-id-19559 .container__col--spaced--last,
body.page-id-19538 .container__col--spaced--last,
body.page-id-19560 .container__col--spaced--last,
body.page-id-19541 .container__col--spaced--last,
body.page-id-19563 .container__col--spaced--last,
body.page-id-19540 .container__col--spaced--last,
body.page-id-19562 .container__col--spaced--last,
body.page-id-19542 .container__col--spaced--last,
body.page-id-19564 .container__col--spaced--last,
body.page-id-19543 .container__col--spaced--last,
body.page-id-19546 .container__col--spaced--last {
margin-top: -2em;
margin-bottom: 3em;
}
/* 免責事項、個人情報保護方針、採用情報 */
body.page-id-13362 .container__col--spaced--last,
body.page-id-13355 .container__col--spaced--last,
body.page-id-19156 .container__col--spaced--last,
body.page-id-13351 .container__col--spaced--last {
margin-top: -4em;
margin-bottom: 3em;
}
/* プレス・メディア */
body.page-id-18502 .container__col--spaced--last,
body.page-id-17592 .container__col--spaced--last,
body.page-id-19158 .container__col--spaced--last {
margin-top: -4em;
margin-bottom: 4.5em;
}
/* 営業力強化 / 価値創造とリーダーシップ / 内製化支援 */
body.page-id-16465 .container__col--spaced--last,
body.page-id-16649 .container__col--spaced--last,
body.page-id-16358 .container__col--spaced--last {
margin-top: -1.8em;
margin-bottom: 3.2em;
}
/* 本社移転のお知らせ */
body.page-id-19489 .container__col--spaced--last,
body.page-id-19461 .container__col--spaced--last {
margin-top: -2em;
margin-bottom: 4.5em;
}
/*----- メイン画像上の空きと下のグラデーション他の調整 -----*/
/* 現状で設定されているグラデーションを外す */
body.panel.panel--hero.panel--hero--wrap.panel--content.panel--first {
background: none!important;
}
/* メイン画像下のグラデーションの新たに調整 */
body.panel.panel--hero.panel--hero--wrap.panel--content.panel--first .u-bgColorPrimary,
/* おすすめ講座 */
body.seminar-template-single-common section.panel.panel--hero.u-md-marginBottom14gu,
/* ハラスメント防止ポリシー */
body.page-id-18752 section.panel.panel--hero.u-md-marginBottom14gu,
/* 免責事項 */
body.page-id-13362 section.panel.panel--hero.u-md-marginBottom14gu,
/* 個人情報保護方針 */
body.page-id-13355 section.panel.panel--hero.u-md-marginBottom14gu,
body.page-id-19156 section.panel.panel--hero.u-md-marginBottom14gu,
/* 採用情報 */
body.page-id-13351 section.panel.panel--hero.u-md-marginBottom14gu,
body.page-id-19173 section.panel.panel--hero.u-md-marginBottom14gu,
/* プレス・メディア */
body.page-id-17592 section.panel.panel--hero.u-md-marginBottom14gu,
body.page-id-19158 section.panel.panel--hero.u-md-marginBottom14gu,
/* 営業力強化 */
body.page-id-16465 section.panel.panel--hero.u-md-marginBottom14gu,
/* 価値創造とリーダーシップ */
body.page-id-16649 section.panel.panel--hero.u-md-marginBottom14gu,
/* 内製化支援 */
body.page-id-16358 section.panel.panel--hero.u-md-marginBottom14gu {
/* background: linear-gradient(to bottom, #0063e5 10%, #fff 65%)!important; */
/* background: linear-gradient(rgba(0,99,229,1) 10%,rgba(0,99,229,0) 65%)!important; */
background: linear-gradient(rgba(0,99,229,1) 25%,rgba(0,99,229,0) 50%)!important;
margin-top: 1.9em;
}
/* プロフィールページ */
body.page-id-19526 section.panel.panel--hero.u-md-marginBottom14gu,
body.page-id-19557 section.panel.panel--hero.u-md-marginBottom14gu,
body.page-id-19536 section.panel.panel--hero.u-md-marginBottom14gu,
body.page-id-19558 section.panel.panel--hero.u-md-marginBottom14gu,
body.page-id-19539 section.panel.panel--hero.u-md-marginBottom14gu,
body.page-id-19561 section.panel.panel--hero.u-md-marginBottom14gu,
body.page-id-19537 section.panel.panel--hero.u-md-marginBottom14gu,
body.page-id-19559 section.panel.panel--hero.u-md-marginBottom14gu,
body.page-id-19538 section.panel.panel--hero.u-md-marginBottom14gu,
body.page-id-19560 section.panel.panel--hero.u-md-marginBottom14gu,
body.page-id-19541 section.panel.panel--hero.u-md-marginBottom14gu,
body.page-id-19563 section.panel.panel--hero.u-md-marginBottom14gu,
body.page-id-19540 section.panel.panel--hero.u-md-marginBottom14gu,
body.page-id-19562 section.panel.panel--hero.u-md-marginBottom14gu,
body.page-id-19542 section.panel.panel--hero.u-md-marginBottom14gu,
body.page-id-19564 section.panel.panel--hero.u-md-marginBottom14gu,
body.page-id-19543 section.panel.panel--hero.u-md-marginBottom14gu,
body.page-id-19546 section.panel.panel--hero.u-md-marginBottom14gu {
/* background: linear-gradient(to bottom, #0063e5 10%, #fff 65%)!important; */
/* background: linear-gradient(rgba(0,99,229,1) 10%,rgba(0,99,229,0) 65%)!important; */
background: linear-gradient(rgba(0,99,229,1) 30%,rgba(0,99,229,0) 75%)!important;
margin-top: 1.9em;
}
/* 本社移転のお知らせ */
body.page-id-19489 section.panel.panel--hero.u-md-marginBottom14gu,
body.page-id-19461 section.panel.panel--hero.u-md-marginBottom14gu {
background: linear-gradient(rgba(0,99,229,1) 15%,rgba(0,99,229,0) 70%)!important;
margin-top: 3.9em;
}
/* イベント */
body.events-template-single-common section.panel.panel--hero.u-md-marginBottom14gu {
background: linear-gradient(rgba(0,99,229,1) 15%,rgba(0,99,229,0) 35%)!important;
margin-top: 1.9em;
}
/* ニュース一覧 */
body.page-template-newslist-page section.panel.panel--hero.u-md-marginBottom14gu {
background: linear-gradient(rgba(0,99,229,1) 20%,rgba(0,99,229,0) 65%)!important;
margin-top: 1.9em;
height: 15em;
}
/* メイン画像下の背景画像とカラーの削除 */
.panel--hero__bg-image::before {
content: '';
display: none!important;
}
.panel--hero__bg-image.panel--bg-image.u-bgColorPrimary {
background: none!important;
padding-bottom: 10em;
}
/*-- メイン画像上のマージン調整 --*/
/* 採用情報 */
body.page-id-13351 section.panel.panel--hero.u-md-marginBottom14gu,
body.page-id-19173 section.panel.panel--hero.u-md-marginBottom14gu,
/* ハラスメント防止ポリシー */
body.page-id-18752 section.panel.panel--hero.u-md-marginBottom14gu {
margin-top: 4em;
}
/* プロフィールページ */
body.page-id-19526 section.panel.panel--hero.u-md-marginBottom14gu,
body.page-id-19557 section.panel.panel--hero.u-md-marginBottom14gu,
body.page-id-19536 section.panel.panel--hero.u-md-marginBottom14gu,
body.page-id-19558 section.panel.panel--hero.u-md-marginBottom14gu,
body.page-id-19539 section.panel.panel--hero.u-md-marginBottom14gu,
body.page-id-19561 section.panel.panel--hero.u-md-marginBottom14gu,
body.page-id-19537 section.panel.panel--hero.u-md-marginBottom14gu,
body.page-id-19559 section.panel.panel--hero.u-md-marginBottom14gu,
body.page-id-19538 section.panel.panel--hero.u-md-marginBottom14gu,
body.page-id-19560 section.panel.panel--hero.u-md-marginBottom14gu,
body.page-id-19541 section.panel.panel--hero.u-md-marginBottom14gu,
body.page-id-19563 section.panel.panel--hero.u-md-marginBottom14gu,
body.page-id-19540 section.panel.panel--hero.u-md-marginBottom14gu,
body.page-id-19562 section.panel.panel--hero.u-md-marginBottom14gu,
body.page-id-19542 section.panel.panel--hero.u-md-marginBottom14gu,
body.page-id-19564 section.panel.panel--hero.u-md-marginBottom14gu,
body.page-id-19543 section.panel.panel--hero.u-md-marginBottom14gu,
body.page-id-19546 section.panel.panel--hero.u-md-marginBottom14gu {
position: relative;
z-index: 1!important;
margin-top: 4em;
height: 25em;
}
/*-- ここまで --*/
/*-- パンくずリスト上のマージン調整 --*/
body.seminar-template-single-common ol.list.inline-list.list--breadcrumb {
margin-top: -2em;
}
body.products-template-single-pr ol.list.inline-list.list--breadcrumb,
body.resources-template-single-pr ol.list.inline-list.list--breadcrumb {
margin-top: -1em;
}
body.events-template-single-common ol.list.inline-list.list--breadcrumb {
/* margin-top: -.5em; */
margin-top: -2.2em;
}
/*-- ここまで --*/
/* ここから公開講座 / 受賞歴 */
body.page-id-15964 .container__col.container__col-12 {
margin-top: 1.2em;
}
body.page-id-15964 div.box-center h1.u-md-marginTop30gu {
margin-top: .9em!important;
}
body.page-id-98 div.box-center h1 {
padding-top: 2.6em!important;
}
body.page-id-15964 .panel.panel--hero.panel--hero--wrap.panel--content.panel--first,
body.page-id-98 .panel.panel--hero.panel--hero--wrap.panel--content.panel--first {
background: none;
}
body.page-id-15964 .panel--hero__bg-image.panel--bg-image.u-bgColorPrimary,
body.page-id-98 .panel--hero__bg-image.panel--bg-image.u-bgColorPrimary {
/* background: linear-gradient(rgba(0,99,229,1) 10%,rgba(0,99,229,0) 65%)!important; */
background: linear-gradient(rgba(0,99,229,1) 40%,rgba(0,99,229,0) 80%)!important;
margin-top: 1.9em;
height: 19em!important;
}
/* body.page-id-15964 img.u-md-hidden.panel--hero--wrap__image,
body.page-id-98 img.u-md-hidden.panel--hero--wrap__image {
margin-bottom: 2rem 0 1rem;
} */
body.page-id-15964 .box-center,
body.page-id-98 .box-center {
width: 107%;
}
body.page-id-15964 .box-center img,
body.page-id-98 .box-center img {
margin: 0!important;
width: 100%;
}
/* ここまで */
/* ここからソリューション下のページ */
body.page-id-7828 .container__col.container__col-12,
body.page-id-6157 .container__col.container__col-12,
body.page-id-6168 .container__col.container__col-12,
body.page-id-6155 .container__col.container__col-12,
body.page-id-6167 .container__col.container__col-12 {
margin-top: -3.5em;
}
body.page-id-7828 .box-center,
body.page-id-6157 .box-center,
body.page-id-6168 .box-center,
body.page-id-6155 .box-center,
body.page-id-6167 .box-center {
margin-left: -1em!important;
width: 107%;
}
body.page-id-7828 h1.u-md-marginTop30gu,
body.page-id-6157 h1.u-md-marginTop30gu,
body.page-id-6168 h1.u-md-marginTop30gu,
body.page-id-6155 h1.u-md-marginTop30gu,
body.page-id-6167 h1.u-md-marginTop30gu {
margin-left: .4em;
}
/* ここまで */
/* ここから私たちについて、公開講座、受賞歴 */
body.page-id-12482 .panel--hero__bg-image.panel--bg-image.u-bgColorPrimary,
body.page-id-15964 .panel--hero__bg-image.panel--bg-image.u-bgColorPrimary,
body.page-id-98 .panel--hero__bg-image.panel--bg-image.u-bgColorPrimary {
margin-top: 1.9em!important;
/* background: linear-gradient(rgba(0,99,229,1) 10%,rgba(0,99,229,0) 65%)!important; */
background: linear-gradient(rgba(0,99,229,1) 28%,rgba(0,99,229,0) 54%)!important;
/* height: 29em!important; */
}
body.page-id-12482 .panel--hero__bg-image.panel--bg-image.u-bgColorPrimary {
height: 29em!important;
}
body.page-id-15964 .panel--hero__bg-image.panel--bg-image.u-bgColorPrimary,
body.page-id-98 .panel--hero__bg-image.panel--bg-image.u-bgColorPrimary {
height: 20em!important;
}
/* ここまで */
body.panel--hero__bg-image::after {
background-image: none!important;
}
/*-- メイン画像の位置調整 --*/
/* ハラスメント防止ポリシー、本社移転のお知らせ */
body.page-id-18317 .container__col--spaced.container__col--spaced--first,
body.page-id-18752 .container__col--spaced.container__col--spaced--first,
body.page-id-19489 .container__col--spaced.container__col--spaced--first,
body.page-id-19461 .container__col--spaced.container__col--spaced--first {
margin-top: 5.3em;
}
/* プロフィールページ */
body.page-id-19526 .container__col--spaced.container__col--spaced--first,
body.page-id-19557 .container__col--spaced.container__col--spaced--first,
body.page-id-19536 .container__col--spaced.container__col--spaced--first,
body.page-id-19558 .container__col--spaced.container__col--spaced--first,
body.page-id-19539 .container__col--spaced.container__col--spaced--first,
body.page-id-19561 .container__col--spaced.container__col--spaced--first,
body.page-id-19537 .container__col--spaced.container__col--spaced--first,
body.page-id-19559 .container__col--spaced.container__col--spaced--first,
body.page-id-19538 .container__col--spaced.container__col--spaced--first,
body.page-id-19560 .container__col--spaced.container__col--spaced--first,
body.page-id-19541 .container__col--spaced.container__col--spaced--first,
body.page-id-19563 .container__col--spaced.container__col--spaced--first,
body.page-id-19540 .container__col--spaced.container__col--spaced--first,
body.page-id-19562 .container__col--spaced.container__col--spaced--first,
body.page-id-19542 .container__col--spaced.container__col--spaced--first,
body.page-id-19564 .container__col--spaced.container__col--spaced--first,
body.page-id-19543 .container__col--spaced.container__col--spaced--first,
body.page-id-19546 .container__col--spaced.container__col--spaced--first {
margin-top: 5.3em;
}
/* 免責事項 */
body.page-id-13362 .container__col--spaced.container__col--spaced--first {
margin-top: -2.2em;
}
/* 個人情報保護方針 */
body.page-id-13355 .container__col--spaced.container__col--spaced--first,
body.page-id-19156 .container__col--spaced.container__col--spaced--first {
margin-top: 5.3em;
}
/* 採用情報 */
body.page-id-13351 .container__col--spaced.container__col--spaced--first,
body.page-id-19173 .container__col--spaced.container__col--spaced--first {
margin-top: 3.3em;
}
/* プレス・メディア */
body.page-id-18502 .container__col--spaced.container__col--spaced--first,
body.page-id-17592 .container__col--spaced.container__col--spaced--first,
body.page-id-19158 .container__col--spaced.container__col--spaced--first {
margin-top: 5.3em;
}
/* 営業力強化 / 価値創造とリーダーシップ / 内製化支援 */
body.page-id-16465 .container__col--spaced.container__col--spaced--first,
body.page-id-16649 .container__col--spaced.container__col--spaced--first,
body.page-id-16358 .container__col--spaced.container__col--spaced--first {
margin-top: -.3em;
}
/* ナビゲーションとメイン画像の間の距離調整 */
.panel.panel--hero.panel--hero--wrap.panel--content.panel--first .box-center {
margin-top: 3.5em!important;
}
body.page-id-15964 .panel.panel--hero.panel--hero--wrap.panel--content.panel--first .box-center {
margin-top: 7.8em!important;
}
body.page-id-98 .panel.panel--hero.panel--hero--wrap.panel--content.panel--first .box-center {
margin-top: 6.7em!important;
}
/*----- ここまで -----*/
/*----- アーカイブページのメイン画像上の空き調整 -----*/
section.panel.panel--hero.u-marginVert8gu.u-md-marginTop0gu.u-md-marginBottom16gu {
margin-top: .5em;
}
section.panel.panel--feed.u-positionRelative.u-paddingBottom16gu.u-md-paddingBottom32gu {
margin-top: -3em;
}
/*----- ここまで -----*/
/*----- 丸型メイン画像上下の空調整 -----*/
.container.container__grid.container--gutters.container__grid--align-middle {
margin-top: -2em;
}
/* サービスの特色 */
body.page-id-13911 .container.container__grid.container--gutters.container__grid--align-middle {
margin-bottom: -2.5em;
}
/*----- ここまで -----*/
/*----- 丸型メイン画像背景のグラデーション非表示 -----*/
html body .panel.panel--hero.panel--hero--solutions.panel--arc-bottom.panel--bg-image.panel--bg-image--pseudo {
background: linear-gradient(to bottom, #fff 20%, #fff 100%) !important;
}
html body.page-template .panel--hero__bg-image.panel--bg-image.u-bgColorPrimary {
display: none!important;
}
/*----- ここまで -----*/
/*----- 投稿ページのメイン画像背景のグラデーション調整 -----*/
.panel--hero__bg-image::after {
display: none;
}
html body .panel--hero__bg-image.panel--bg-image.u-bgColorPrimary {
margin-top: 4em;
/* height: 12em!important; */
height: 25em!important;
}
/*----- ここまで -----*/
/*----- アーカイブページのガジェットの重なり順変更 -----*/
div#response {
position: relative;
z-index: 9;
}
body.archive .panel.panel--hero.u-marginVert8gu.u-md-marginTop0gu.u-md-marginBottom16gu {
position: relative;
z-index: 1!important;
height: 21em;
}
body.archive section.panel.panel--feed.u-positionRelative.u-paddingBottom16gu.u-md-paddingBottom32gu {
position: relative;
z-index: 9!important;
/* margin-top: -16em; */
/* margin-top: -10em; */
margin-top: -8em;
}
/* おすすめの講座情報のタイトルテキストの文字ピッチ調整 */
body.post-type-archive-seminar span.feed__title--inner.u-block {
letter-spacing: -.05em;
font-size: .9em;
}
/* ここまで */
/* アーカイブページのタイトル上のマージン調整 */
body.archive h1.feed__title.u-paddingHoriz10gu.u-md-paddingHoriz23gu.u-paddingVert8gu.u-md-paddingVert16gu {
margin-top: 1em;
}
/* ここまで */
/*----- ここまで -----*/
/*----- 丸型メイン画像下のコンテンツテキストが上部見切れの調整 -----*/
.panel--standard,
body.page-id-13986 .u-md-paddingBottom32gu,
body.page-id-14003 .u-md-paddingBottom32gu,
body.page-id-14014 .u-md-paddingBottom32gu,
body.page-id-14016 .u-md-paddingBottom32gu,
body.page-id-14028 .u-md-paddingBottom32gu {
margin-top: 2.5em;
}
body.page-id-16286 .u-md-paddingBottom32gu {
margin-top: 1.5em;
}
/*----- ここまで -----*/
/*----- 投稿ページメイン画像背景のグラデーションの高さ調整 -----*/
html body.resources-template.resources-template-single-common-new.resources-template-single-common-new-php.single.single-resources .panel--hero__bg-image.panel--bg-image.u-bgColorPrimary {
height: 10em!important;
}
/* body.events-template-single-common section.panel.panel--hero.u-md-marginBottom14gu {
height: 33em;
} */
/*----- ここまで -----*/
}
/*--------------------------------
受賞歴個々ページのエンブレム画像のサイズ調整
--------------------------------*/
/* スライダーの画像サイズ調整 */
.award-newsliders-img img {
max-width: 95%!important;
}
@media screen and (min-width: 768px) {
.container__col-md-9 {
flex-basis: 50%;
}
}
@media screen and (max-width: 767px) {
.container__col.container__col-12 {
width: 95%;
}
body.page-id-98 .u-md-marginLeft8gu {
margin-top: -3em;
width: 105%;
}
body.page-id-98 .u-md-marginLeft8gu img {
width: 100%;
}
body.page-id-98 .container__grid {
display: inherit;
}
}
/*--------------------------------
スマホ表示でDLリンクに影響を与えるエンブレム画像非表示時の調整
--------------------------------*/
@media screen and (max-width: 767px) {
img.pr-img.no-img1,
img.pr-img.no-img2,
img.pr-img.no-img3 {
display: block!important;
margin-top: -1em!important;
}
}