/*
Theme Name: Ryukatsu 2511
Theme URI: https://ryugakusei.com/
Author: the HEVIZ Co.,Ltd.
Author URI: https://heviz.jp/
Description: for ryugakuse.com. 2005.11 or later.
Version: 1.0
Requires at least: 4.7
Requires PHP: 7.4
*/


/** ================================================================================================

	リュウカツ サイトCSS

==================================================================================================== **/




/** ========================================================

	body(拡張)

============================================================ **/


body {

	--background-color: #f5f5f5;
    --gothic-font-family: "Noto Sans JP" , "YuGothic" , "Yu Gothic medium" , "Hiragino Sans" , Meiryo , sans-serif;
	--ryukatsu-color: #cf1380;
	
	--job-color: #e45ead;
	--jobchange-color: #e06a45;
	--session-color: #d59b30;
	--internship-color: #c5cf2b;
	--seminar-color: #42af1b;
	--company-color: #20afa7;
	--school-color: #1e85c6;

	padding: 80px 0 0 250px;
	font-size: 14px;

	background-color: var(--background-color);
	transition: all 1s;
}


/* 色切り替え用 */
body.homecolor           { background-color: var(--background-color); }
body.newscolor           { background-color: var(--background-color); }
body.ancestor-news       { background-color: var(--background-color); }

body.jobcolor,
body.ancestor-job        { background-color:#f5d3e7; }

body.jobchangecolor,
body.ancestor-jobchange  { background-color:#f5dbd3; }

body.sessioncolor,
body.ancestor-session    { background-color:#f5e9d3; }

body.seminarcolor,
body.ancestor-seminar    { background-color:#dcf5d3; }

body.internshipcolor,
body.ancestor-internship { background-color:#f3f5d3; }

body.supportcolor,
body.ancestor-support    { background-color:#d3f5dd; }
body.supportPage         { background-color:#e3efd2; }

body.consultantcolor     { background-color:#d3eef5; }
body.commercecolor       { background-color:#d3ddf5; }

/*
body.registerPage        { background-color: var(--background-color); }
*/



/** Responsive for Tablet ------------- **/

@media all and (max-width:1024px) and (min-width:768px) {

	body {
		padding: 80px 0 0 0;
	}
}


/** Responsive for SmartPhone ------------- **/

@media all and (max-width:767px) {
	
		body {
		padding: 120px 0 0 0;
	}
}



/** ============================================================================

	サイト共通ヘッダー

================================================================================ **/


.siteHeader {
	background-color: var(--ryukatsu-color);
	color: #ffffff;
}

/* サイトタイトル */
.siteHeaderTitle {
	float: left;
	width: 240px;
	margin: 0 0 0 10px;
}


/** ログインナビ ----------------- **/

.siteHeaderLogin {
	float: right;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
	position: relative;
	margin: 10px 10px 0 0;
	padding: 0;
	box-sizing: border-box;
}

a.siteHeaderLoginButton {
	display: block;
	position: relative;
	text-align: center;
	width: 80px;
	height: 60px;
	margin: 0;
	padding: 10px 0 0 0;
	box-sizing: border-box;

	background-color: #ffffff;
	color: var(--ryukatsu-color);

	font-size: 10px;
	font-weight: 400;
	line-height: 1.2;
	white-space: nowrap;
	transition: all 0.3s;
	text-decoration: none;
	
	cursor: pointer;
}
a.siteHeaderLoginButton.regist { border-radius: 5px 0 0 5px; }
a.siteHeaderLoginButton.login  { border-radius: 0 5px 5px 0; }

a.siteHeaderLoginButton.mypage { border-radius: 5px 0 0 5px; }
a.siteHeaderLoginButton.logout { border-radius: 0 5px 5px 0; }

a.siteHeaderLoginButton svg {
	display: block;
    width: 25px;
    height: 25px;
	margin: 0 auto 5px;
	padding: 0;
	vertical-align: bottom;
	fill: var(--ryukatsu-color);
}

a.siteHeaderLoginButton:link,
a.siteHeaderLoginButton:visited {
	background-color: #ffffff;
	color: var(--ryukatsu-color);
}
a.siteHeaderLoginButton:hover,
a.siteHeaderLoginButton:active {
	background-color: var(--ryukatsu-color);
	color: #ffffff;
}
a.siteHeaderLoginButton:hover svg,
a.siteHeaderLoginButton:active svg {
	fill: #ffffff;
}

.siteHeaderLoginName {
	display: block;
	margin: 0 1rem 0 0;
	padding: 0;
	box-sizing: border-box;
	white-space: nowrap;
	
	font-size: inherit;
	font-weight: inherit;
}

a.siteHeaderLoginBanner {
	display: block;
	position: relative;
	margin: 0 1em 0 0;
	padding: 0;
	box-sizing: border-box;
}

a.siteHeaderLoginBanner img {
	vertical-align: bottom;
}



/** for Tablet ---------------------------------- **/

@media all and (max-width:1024px) and (min-width:768px) {
	
	/** ログインナビ -------------- **/

	.siteHeaderLogin {
		margin: 10px 70px 0 0;
	}
}


/** for Smart Phone ----------------------------- **/

@media all and (max-width:767px) {
	
	.siteHeader {
		padding: 10px 0;
	}
	
	
	/* サイトタイトル */
	.siteHeaderTitle {
		float: none;
		width: 50%;
		height: 45px;
		margin: 0 auto;
	}


	/** ログインナビ ----------------- **/

	.siteHeaderLogin {
		float: none;
		justify-content: center;
		width: calc( 100% - 40px );
		margin: 10px auto 0;
	}

	a.siteHeaderLoginButton {
		width: calc( 100% / 3 );
		height: 45px;
		padding: 5px 0 0 0;
	}

	a.siteHeaderLoginButton svg {
	    width: 20px;
	    height: 20px;
		margin: 0 auto 5px;
	}

	.siteHeaderLoginName {
		display: block;
		width: calc( 100% / 3 );
		margin: 0;
		padding: 0 0.5em 0 0;
		white-space: normal;
		text-align: center;
		line-height: 1.3;
	}

	a.siteHeaderLoginBanner {
		width: calc( 100% / 3 );
	}
}



/** for Print ----------------------------------- **/

@media print {

	.siteHeader {
		position: relative;
		left: auto;
		top: auto;
		width: auto;
		height: auto;
	}
}



/** ===========================================================================


    site main


=============================================================================== **/


.siteMainInner > header {
    display: block;
    position: relative;
    margin: 0 40px;
    padding: 70px 0;
    text-align: center;
    
    background-color:rgba(0,0,0,1);
    border-radius: 0 0 5px 5px;
    overflow: hidden;
}

.siteMainInner > header h1 {
    margin: 0;
    padding: 0;
    font-size:24px;
    font-weight: 700;
    color: #ffffff;
}

.siteMainInner > header h2 {
    margin: 0;
    padding: 0;
    font-family: "Roboto Slab", sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.3;
    color: #ffffff;
}

.siteMainInner > header .image {
    display: block;
    position: absolute;
    left: 50%;
    top:50%;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    transform: translate(-50%, -50%);
    opacity: 0.6;
}

.siteMainInner > header .image img {
    width: 100%;
    vertical-align: bottom;
}

.siteMainInner > header .text {
    display: block;
    position: absolute;
    width: 80%;
    left: 50%;
    top: 50%;
    margin: 0;
    padding: 0;
    transform: translate(-50%, -50%);
}



/** Responsive for tablet & Phone ------------------------- **/

@media all and (max-width: 1024px) and (min-width:768px) {


    .siteMainInner {
        margin: 0;
    }
    
    .siteMainInner > header {
        margin: 0 20px;
    }
}



/** Responsive for Smart Phone ---------------------------- **/

@media all and (max-width: 767px) {
    
/*
    .siteMainInner {
        margin: 0 0 0 0;
        padding: 115px 0 0 0;
    }
    
    body.rlogin .siteMainInner {
        padding: 140px 0 0 0;
    }
*/
	
    .siteMainInner > header {
        margin: 0 10px;
        border-radius: 5px;
    }

    .siteMainInner > header h1 {
        font-size:18px;
    }

    .siteMainInner > header .image {
        width: 150%;
    }
}




/** =================================================================

	ハンバーガーメニューアイコン

===================================================================== **/


.siteHumberger {
	display: none;
	--humberger-fill : #ffffff;
	--humberger-hover: #ffffff;
}

.siteHumberger a {
	color: #ffffff;
}

.siteHumbergerBar {
	background-color: #ffffff;
}


/** for Tablet -------------- **/

@media all and (max-width:1024px) and (min-width:768px) {
	
	.siteHumberger {
		display: block;
	}
}


/** for Smart Phone --------- **/

@media all and (max-width:767px) {
	
	.siteHumberger {
		display: block;
		top: 10px;
	}
}



/** for Print ----------------------------------- **/

@media print {

	.siteHumberger {
		display: none;
	}
}




/** =================================================================

	開閉メニュー枠

===================================================================== **/


.siteMenu.humberger {
	left: 0;
	bottom: 0;
	width: 250px;
	height: calc( 100% - 80px );
}



/* ナビ共通 ------------- */

.siteNavCol a {
	padding: 5px 10px;
}

.siteNavCol .jpn {
	display: block;
	font-size: larger;
	font-weight: 700;
}

.siteNavCol .eng {
	display: block;
	font-size: 14px;
}

/* 第2階層 */
.siteNavCol .siteNavCol .jpn {
	font-size: inherit;
}

.siteNavCol .siteNavCol .eng {
	display: none;
}

.siteNavCol .siteNavCol a {
	padding: 5px 10px 5px 20px;
}

.siteNavCol .siteNavCol a::before {
	display: block;
	left: 10px;
	right: auto;
}


/* メインナビ -------------- */

.siteNav.main {
	margin: 10px;
	padding: 10px;
	background-color: #ffffff;
	border-radius: 10px;
}

/* サブナビ ---------------- */

.siteNav.sub {
	margin: 10px;
	padding: 0 10px;
}

.siteNav.sub .siteNavCol a {
	padding: 5px 10px;
}

.siteNav.sub .siteNavCol .jpn {
	font-size: inherit;
}

/* 企業の採用担当者ナビ ------ */

.siteNav.company {
    margin: 10px;
    padding: 10px 10px 5px;
    border-radius: 5px;
    background-color: #20afa7;
	color: #ffffff;
}

.siteNav.company a { color: #ffffff; }
.siteNav.company a:hover,
.siteNav.company a:active { color: #ffcccc; }

.siteNav.company .siteNavCol .siteNavCol a {
    padding: 5px 10px;
}

.siteNav.company .siteNavCol .siteNavCol a::before {
	display: none;
}


/* 学校の就職担当者ナビ ------ */

.siteNav.school {
    margin: 10px;
    padding: 10px;
    background-color: #1e85c6;
    border-radius: 5px;
	color: #ffffff;
}

.siteNav.school a { color: #ffffff; }
.siteNav.school a:hover,
.siteNav.school a:active { color: #ffcccc; }

.siteNav.school .siteNavCol .siteNavCol a {
    padding: 5px 10px;
}

.siteNav.school .siteNavCol .siteNavCol a::before {
	display: none;
}


/* SNSナビ */
.siteNav.sns {
	margin: 0 10px;
}

.siteNav.sns .siteNavCol {
    margin: 0 5px;
}


/** for Tablet ---------------------------------- **/

@media all and (max-width:1024px) and (min-width:768px) {
	
	.siteMenu.humberger {
		left: -100%;
		width: 100%;
		background-color: #f0f0f0;
	}
	
	body.openHumbergerMenu .siteMenu.humberger {
		left: 0%;
	}

	/* メインナビ -------------- */
	.siteNav.main {
		width: calc( 100% - 100px );
		max-width: 300px;
		margin: 10px auto;
	}

	/* サブナビ ---------------- */
	.siteNav.sub {
		width: calc( 100% - 100px );
		max-width: 300px;
		margin: 10px auto;
	}

	/* 企業の採用担当者ナビ ------ */
	.siteNav.company {
		width: calc( 100% - 100px );
		max-width: 300px;
		margin: 10px auto;
	}

	/* 学校の就職担当者ナビ ------ */
	.siteNav.school {
		width: calc( 100% - 100px );
		max-width: 300px;
		margin: 10px auto;
	}

	/* SNSナビ */
	.siteNav.sns {
		margin: 0 10px;
	}
}



/** for Smart Phone ----------------------------- **/

@media all and (max-width:767px) {
	
	.siteMenu.humberger {
		left: -100%;
		width: 100%;
		height: 100%;
		padding: 140px 0 50px;
		background-color: #f0f0f0;
	}
	
	body.openHumbergerMenu .siteMenu.humberger {
		left: 0%;
	}


	/* メインナビ -------------- */

	.siteNav.main {
		width: calc( 100% - 60px );
		margin: 10px auto;
	}

	/* サブナビ ---------------- */

	.siteNav.sub {
		width: calc( 100% - 60px );
		margin: 10px auto;
	}

	/* 企業の採用担当者ナビ ------ */

	.siteNav.company {
		width: calc( 100% - 60px );
		margin: 10px auto;
	}

	/* 学校の就職担当者ナビ ------ */

	.siteNav.school {
		width: calc( 100% - 60px );
		margin: 10px auto;
	}
}



/** for Print ----------------------------------- **/

@media print {
}




/** =================================================================

	フッター

===================================================================== **/



.siteFooter {
	margin: 100px 0 0 0;
	padding: 50px;
}

.siteFooterInner {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}


/** タイトル ------- **/

.siteFooterTitle {
	display: block;
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	text-align: center;
}

.siteFooterTitle a {}

.siteFooterTitle img {
	width: 200px;
	vertical-align: bottom;
}



/* 学校・企業 --------- */

.siteFooterCommerce {
	display: block;
	position: relative;
	width: 100%;
	margin: 20px 0;
	padding: 0;
	box-sizing: border-box;
	line-height: 1.2;
}

.siteFooterCommerceInnner {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: stretch;
	width: auto;
	max-width: 500px;
	margin: 0 auto;
	padding: 0;
	box-sizing: border-box;
}

a.siteFooterCommerceRow {
    display: block;
	width: calc( 50% - 1px ); 
	margin: 0 1px 0 0;
    padding: 10px 0;
	box-sizing: border-box;
	
    color:#ffffff;
	text-decoration: none;
	text-align: center;
	
	border-radius: 5px 0 0 5px;
}

a.siteFooterCommerceRow span {
	display: block;
}

a.siteFooterCommerceRow .jpn {
    font-size: 16px;
    font-weight: 700;
}

a.siteFooterCommerceRow .eng {
    font-size: 12px;
    font-weight: 400;
}

a.siteFooterCommerceRow:link,
a.siteFooterCommerceRow:visited {
	color: #ffffff;
	background-color:#20afa7;
}

a.siteFooterCommerceRow.school {
    background-color:#1e85c6;
	color: #ffffff;
    border-radius: 0 5px 5px 0;
}
a.siteFooterCommerceRow.school:link,
a.siteFooterCommerceRow.school:visisted {
    background-color:#1e85c6;
	color: #ffffff;
}

a.siteFooterCommerceRow:hover,
a.siteFooterCommerceRow:active,
a.siteFooterCommerceRow.school:hover,
a.siteFooterCommerceRow.school:active {
	color: #ffffff;
	background-color:var( --ryukatsu-color );
}



/** sns nav ---------- **/

.siteNav.sns.foot {
	width: 50%;
	margin: 30px 0;
}

.siteNav.sns.foot .siteNavTitle {
    display: block;
    position: relative;
    width: 220px;
    margin: 0 auto;
    padding: 7px 0;

    font-size: 14px;
    font-weight: 700;
    text-align: center;
    background-color:#ffffff;
    border-radius: 7px;
}

.siteNav.sns.foot .siteNavCols{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
}

.siteNav.sns.foot .siteNavCol {
    display: block;
    position: relative;
    padding: 10px 0 0;
	margin: 0 10px;
}

.siteNav.sns.foot .siteNavCol::before{
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top:-4px;
    width: 8px;
    height: 8px;
    margin: 0;
    padding: 0;    
    background-color:#ffffff;
    transform: translateX(-50%) rotate(45deg);
}

.siteNav.sns.foot .siteNavCol svg {
    width: 40px;
    height: 40px;
}


/** オリジネーター -------- **/

.siteFooterOriginator {
	display: block;
	position: relative;
	width: 50%;
	margin: 30px 0;
	padding: 0;
	box-sizing: border-box;
}

.siteFooterOriginator a {
	color: inherit;
}

.siteFooterOriginatorInner {}

.siteFooterOriginatorTitle {
	display: block;
	position: relative;
	margin: 0;
	padding: 7px 0;
	box-sizing: border-box;

	font-size: inherit;
	font-weight: 700;
	text-align: center;
}

.siteFooterOriginatorLogo {
	margin: 10px 0 0 0;
	padding: 0;
	font-size: smaller;
	text-align: center;
}

.siteFooterOriginatorLogo a {}

.siteFooterOriginatorLogo img {
	display: block;
	width: auto;
	max-width: 150px;
	height: auto;
	margin: 0 auto 5px;
	padding: 0;
	box-sizing: border-box;
	vertical-align: bottom;
}


/** フッターナビ ----------- **/

.siteNav.footer {
	width: 100%;
	margin: 30px 0 10px;
}

.siteNav.footer .siteNavCols {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}

.siteNav.footer .siteNavCol {
	padding: 0 15px;
}
.siteNav.footer .siteNavCol::before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	width: 1px;
	height: 5px;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	background-color: #444444;
	transform: translateY(-50%);
}
.siteNav.footer .siteNavCol:first-child::before {
	display: none;
}

.siteNav.footer .siteNavCol a {
	padding: 0;
}


/* 間隔を一定にする */
.siteFooterInner > *:first-child { margin-top: 0; }
.siteFooterInner > *:last-child  { margin-bottom: 0; }




/** for Tablet ---------------------------------- **/

@media all and (max-width:1024px) and (min-width:768px) {
}


/** for Smart Phone ----------------------------- **/

@media all and (max-width:767px) {
	
	.siteFooter {
		margin: 50px 0 0 0;
		padding: 50px 30px;
	}

	.siteFooterInner {
		display: block;
	}


	/** タイトル ------- **/

	.siteFooterTitle {
		width: 30%;
		margin: 40px auto;
	}

	.siteFooterTitle img {
		width: 100%;
	}


	/* 学校・企業 --------- */

	.siteFooterCommerce {
		width: auto;
		margin: 40px 0;
	}

	.siteFooterCommerceInnner {
		display: block;
	}

	a.siteFooterCommerceRow {
		width: auto; 
		margin: 0 0 1px 0;
		border-radius: 5px 5px 0 0;
	}

	a.siteFooterCommerceRow.school {
	    border-radius: 0 0 5px 5px;
	}


	/** sns nav ---------- **/

	.siteNav.sns.foot {
		width: auto;
		margin: 40px 0;
	}

	/** オリジネーター -------- **/

	.siteFooterOriginator {
		width: auto;
		margin: 40px 0;
	}



	/** フッターナビ ----------- **/

	.siteNav.footer {
		width: auto;
		margin: 40px 0 10px;
	}

	.siteNav.footer .siteNavCols {
		display: block;
	}

	.siteNav.footer .siteNavCol {
		margin: 5px 0;
		padding: 0;
		text-align: center;
	}
	.siteNav.footer .siteNavCol::before {
		display: none;
	}

	/* 間隔を一定にする */
	.siteFooterInner > *:first-child { margin-top: 0; }
	.siteFooterInner > *:last-child  { margin-bottom: 0; }
}



/** for Print ----------------------------------- **/

@media print {
}



/** =================================================================

	ページトップ

===================================================================== **/


.sitePageTop {
	right: 10px;
}

.sitePageTop a {
	border-radius: 5px;
}

/* スクロール時 */
body.scrolled .sitePageTop {
	bottom: 10px;
}



/** =================================================================

	カテゴリーページ用ヘッダー

===================================================================== **/

.categoryHeader {
	display: block;
	position: relative;
	margin: 0;
	padding: 30px 50px;
	box-sizing: border-box;
}

.categoryHeader.hasCategory {}

.categoryHeader.noCategory {}

.categoryHeader.hasAncestor {}

.categoryHeader.noAncestor {}

.categoryHeader.hasTag {}

.categoryHeader.noTag {}

.categoryHeader.ancestor-job {}

.categoryHeaderInner {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

.categoryHeaderImage {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	
	border-radius: 0 0 5px 5px;
	overflow: hidden;
	background-color: #000000;
}

.categoryHeaderImage a {}

.categoryHeaderImage img {
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	transform: translate(-50% , -50%);
	opacity: 0.3;
	z-index: 1;
}

.categoryHeaderTitle {
	display: block;
	position: relative;
	width: auto;
	max-width: 30%;
	margin: 0;
	padding: 0 30px 0 0;
	box-sizing: border-box;
	z-index: 2;
	
	text-align: center;
	line-height: 1.2;
}

.categoryHeaderTitle a {
	color: #ffffff;
}

.categoryHeaderTitle span {
	display: block;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

.categoryHeaderTitle span.jpn {
	font-size: 24px;
	font-weight: 700;
}

.categoryHeaderTitle span.eng {
	margin-top: 5px;
	font-size: inherit;
	font-weight: 700;
}

.categoryHeaderCategories {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: stretch;
	position: relative;
	width: auto;
	max-width: 70%;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	z-index: 2;
}

a.categoryHeaderCategory {
	display: block;
	position: relative;
	margin: 5px 10px 5px 0;
	padding: 10px 15px;
	box-sizing: border-box;
	
	font-size: larger;
	font-weight: 700;
	line-height: 1;
	white-space: nowrap;
	
	color: #ffffff;
	border: 2px solid #ffffff;
	background-color: rgba( 0,0,0,0.6);
}

a.categoryHeaderCategory.sel {
	background-color: #ffffff;
	color: #231815;
}

.categoryHeaderTags {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	position: relative;
	width: 100%;
	margin: 20px 0 0 0;
	padding: 0;
	box-sizing: border-box;
	z-index: 2;
}

a.categoryHeaderTag {
	display: block;
	position: relative;
	margin: 5px 10px 5px 0;
	padding: 0;
	box-sizing: border-box;
	
	color: #ffffff;
	font-size: inherit;
	font-weight: inherit;
	line-height: 1.2;
}

a.categoryHeaderTag svg {
	display: inline-block;
	vertical-align: middle;
	width: 15px;
	height: 15px;
	margin: 0 3px 0 0;
	padding: 0;
	box-sizing: border-box;

	transition: all 0.3s;
	fill: #ffffff;
}

a.categoryHeaderTag.sel {}



/** for Tablet ---------------------------------- **/

@media all and (max-width:1024px) and (min-width:768px) {
}


/** for Smart Phone ----------------------------- **/

@media all and (max-width:767px) {
	
	.categoryHeader {
		padding: 20px;
	}

	.categoryHeaderInner {
		display: block;
	}

	.categoryHeaderTitle {
		width: auto;
		max-width: none;
		padding: 0;
	}

	.categoryHeaderTitle span.jpn {
		font-size: 20px;
	}
	
	.categoryHeaderTitle span.eng {
		font-size: smaller;
	}

	.categoryHeaderCategories {
		display: block;
		max-width: none;
		margin: 10px 0 0 0;
	}

	a.categoryHeaderCategory {
		margin: 3px 0;
		padding: 10px 15px;
		font-size: inherit;
		text-align: center;
		border-width: 1px;
	}

	.categoryHeaderTags {
		width: auto;
		margin: 20px 0 0 0;
	}
}



/** for Print ----------------------------------- **/

@media print {
}




/** ===========================================================================


    Site Common Article


=============================================================================== **/

.siteArticle {
    display: block;
    position: relative;
    width: calc(100% - 60px);
    margin: 0;
    padding: 0;
}


.siteArticle > header {
    display: block;
    position: relative;
    margin: 0;
    padding: 30px 0;
    text-align: center;
}

.siteArticle .content {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    background-color:#ffffff;
}



/** ---------------------------------------------------------------------------


    共通パーツ : 情報一覧用BOX


------------------------------------------------------------------------------- **/


.infoBox {
    display: block;
    position: relative;
    margin: 0;
    padding: 20px;
    
    background-color:#ffffff;
/*    border:1px solid #bf1b78; */
    line-height: 1.5;
    
    border-radius: 5px;
}

.infoBox a {
    color: #444444;
    text-decoration: none;
    transition: all 0.3s;
}

.infoBox a:hover {
    color: #888888;
}

.infoBox h3 {
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-weight: bold;
}

.infoBox p {
    margin: 10px 0 0 0;
    padding: 0;
}

.infoBox .excerpt {
    margin: 20px 0 0 0;
    line-height: 1.8;
}
.infoBox .excerpt::after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }


.infoBox .spec {
    border-bottom:1px dotted #aaa;
    margin: 20px 0 0 0;
    padding: 0;
    font-size: 12px;
}

.infoBox .spec dl {
    margin: 0;
    padding: 0;
}

.infoBox .spec dt {
    clear: left;
    float: left;
    width: 6em;
    margin: 0;
    padding: 3px 0;
}

.infoBox .spec dd {
    margin: 0;
    padding: 3px 0 3px 6em;
    border-top:1px dotted #aaa;
}

.infoBox .icons {
    display: block;
    margin: 10px 0 0 0;
    padding: 0;
    font-size:12px;
    line-height: 1.3;
}

.infoBox .icons ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
    margin: 0;
    padding: 0;
}

.infoBox .icons li {
    display: block;
    position: relative;
    margin: 0 5px 5px 0;
    padding: 0;
    list-style-type: none;
    box-sizing: border-box;
    text-align: center;
    white-space:nowrap;
}

.infoBox .icons li span {
    display: block;
    position: relative;
    padding: 3px 5px;
    background-color: #bf1b78;
    color: #ffffff;
}

.infoBox .more {
    display: block;
    position: absolute;
    right: 10px;
    bottom: 10px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 10px 10px;
    border-color: transparent transparent #bf1b78 transparent;
    transition: all 0.3s;
}

.infoBox a:hover .more {
    right: 5px;
    bottom: 5px;
}




/* 画像付きの場合 */
.infoBox .flx {
/*    display: flex; */
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: center;
}

.infoBox .image {
    display: block;
    position: relative;
/*    width: 30%; */
    width: 100%;
    margin: 0;
    padding: 0 0 100% 0;
    box-sizing: border-box;
    background-color:#f8f8f8;
    overflow: hidden;
}

.infoBox .image img {
    display: block;
    position: absolute;
    left: 50%;
    top:50%;
    width: auto;
    max-width: 100$;
    height: auto;
    max-height: 100%;
    transform: translate(-50%, -50%);
}

.infoBox .text {
    display: block;
    position: relative;
    margin: 0;
    padding: 20px 0 0 0;
    box-sizing: border-box;
}



/** ---------------------------------------------------------------------------


    情報BOX一覧


------------------------------------------------------------------------------- **/


.infoBoxes {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
}

.infoBoxes > inner {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
}

.infoBoxes .boxes {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: center;
}

.infoBoxes .infoBox {
    width: calc(33.3% - 10px);
    margin: 10px 5px 0;
    box-sizing: border-box;
}


/* Responsive for Smart Phone ------------------------------ */

@media (max-width: 767px) {

    
    .infoBoxes {
    }
    
    .infoBoxes::before,
    .infoBoxes::after {
        content: "";
        display: block;
        position: absolute;
        top:50%;
        width: 10px;
        height: 10px;
        margin: 0;
        padding: 0;
        border-top:1px solid #444444;
        border-right:1px solid #444444;
    }
    .infoBoxes::before { left: 100%; transform: translateY(-50%) rotate(45deg); }
    .infoBoxes::after  { right:100%; transform: translateY(-50%) rotate(-135deg); }
      
    .infoBoxes > .inner {
        overflow: auto;
        overflow-x: auto;
        overflow-y: visible;
    }
    
    .infoBoxes .boxes {
        flex-wrap: nowrap;
        justify-content: flex-start;
        width: 600%;
        margin: 0;
    }
}



/** ---------------------------------------------------------------------------


    共通 : 求人検索フォーム


------------------------------------------------------------------------------- **/



.searchForm {
    display: block;
    position: relative;
	margin: 0;
    padding: 5px;
    background-color:rgba(255,255,255,0.9);
    border-radius: 5px;
}

.searchForm ul {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    position: relative;
    margin: 0;
    padding: 0;
	list-style-type: none;
}

.searchForm li {
    display: block;
    position: relative;
    margin: 0;
	padding: 0;
    list-style-type: none;
    box-sizing: border-box;
	flex-grow: 1;
}

.searchForm li.cat        { flex-grow: 4; }
.searchForm li.industry   { flex-grow: 4; }
.searchForm li.occupation { flex-grow: 4; }
.searchForm li.submit     { flex-grow: 1; text-align: center; }

.searchForm select {
    height: 50px;
	
    line-height: 50px;
	color:#aaaaaa;
	font-size: 16px;
	
	background-color:#ffffff;
    background-image:url(../img/down.svg);
    background-position: right 10px top 45%;
    background-repeat: no-repeat;
}

.searchForm select:focus {
    color:#231815;
}

.searchForm select.selected {
    color:#231815;
}

.searchForm select#cat {}

.searchForm select option {}

.searchForm select option[selected] {}

.searchForm select#search-industry {}

.searchForm select#search-occupation {}

.searchForm li.submit a {
    cursor: pointer;
}

.searchForm li.submit svg {
    width: 30px;
    height: 30px;
    fill:#cf1380;
    vertical-align: bottom;
    transition: all 0.3s;
}

.searchForm a:hover svg {
    fill:#e271b3;
}

/* カテゴリー選択あり */
.searchForm.hasCategory {}

.searchForm.hasCategory li.cat        { flex-grow: 3; }
.searchForm.hasCategory li.industry   { flex-grow: 3; }
.searchForm.hasCategory li.occupation { flex-grow: 3; }
.searchForm.hasCategory li.submit     { flex-grow: 1; text-align: center; }




/* Responsive for Smart Phone ----------------- */

@media all and (max-width: 767px) {

    .searchForm {
        background-color: rgba(255,255,255,0.3);
    }

    .searchForm ul {
        display: block;
    }

    .searchForm li {
        width: auto;
        margin: 2px 50px 0 0;
    }
    .searchForm li.submit {
        display: block;
        position: absolute;
        right: 0;
        top:50%;
        width: 40px;
        margin: 0;
        padding: 0;
        transform: translateY(-50%);
    }


    .searchForm select {
    /*    width: 360px; */
        height: 50px;
        line-height: 50px;
        background-color:#ffffff;
        color:#aaaaaa;
        font-size: 16px;
    }

    .searchForm select:focus {
        color:#231815;
    }

    .searchForm select.selected {
        color:#231815;
    }

    .searchForm select+label::before {
        border-top-color:#cf1380;
        border-right-color:#cf1380;
    }

    .searchForm a {
        display: block;
    }

    .searchForm svg {
    }

    
    
    
}



/** ---------------------------------------------------------------------------


    共通パーツ ハッシュタグ一覧


------------------------------------------------------------------------------- **/



.hashtags {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
}

.hashtags svg {
    width: 15px;
    height: 15px;
    padding: 0 3px 0 0;
    transition: all 0.3s;
    fill:#cf1380;
    vertical-align: middle;
}


.hashtags > ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: center;
    margin: 0;
    padding: 0;
}

.hashtags > ul > li {
    margin: 5px 15px 0 0;
    padding: 0;
    list-style-type: none;
    box-sizing: border-box;
}

.hashtags a {
    display: block;
    position: relative;
    padding: 0;
    white-space: nowrap;
    
    color: #444444;
    font-size: 12px;
    text-decoration: none;
    line-height: 1.2;
    transition: all 0.3s;
}


.hashtags a:link,
.hashtags a:visited,
.hashtags a:hover,
.hashtags a:active { color:#444444; }

.hashtags a:hover { text-decoration: underline; }

.hashtags a:hover svg {
    fill: #bf1b78;
}

.hashtags a:hover::before {
    background-color:#ffffff;
    border-color:#ffffff;
}


/**----------------------------------------------------------------------------


    戻るボタン


------------------------------------------------------------------------------- **/

.backBtn {
    display: block;
    position: relative;
    margin: 50px 0 0 0;
    padding: 0;
    text-align: center;
}

.backBtn > ul {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0;
}

.backBtn > ul > li {
    margin: 0 10px;
    padding: 0;
    list-style-type: none;
}

.backBtn a {
    display: inline-block;
    position: relative;
    margin: 0;
    padding: 20px 80px;
    background-color:#cf1380;
    color: #ffffff;
    text-decoration: none;
    font-family: "Roboto Slab", sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 1.2;
    border-radius: 5px;
}
.backBtn a::before{
    content: "";
    display: block;
    position: absolute;
    right: 15px;
    top:50%;
    width: 10px;
    height: 10px;
    margin: 0;
    padding: 0;
    border-top: 3px solid #ffffff;
    border-right: 3px solid #ffffff;
    transform: translateY(-50%) rotate(45deg);
    transition: all 0.3s;
}
.backBtn a.back::before{
    right: auto;
    left: 15px;
    transform: translateY(-50%) rotate(-135deg);
}

.backBtn a:hover {
    background-color: #e271b3;
}



/** Responsive for Smart Phone ---------------------------- **/

@media all and (max-width: 767px) {

    .backBtn {
        margin: 50px 0 0;
    }

    .backBtn > ul {
        display: block;
    }

    .backBtn > ul > li {
        margin: 10px 0 0 0;
    }

    .backBtn a {
        display: block;
    }
}


/** ---------------------------------------------------------------------------


    コンサルタント一覧


------------------------------------------------------------------------------- **/

.consultantsList {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
}

.consultantsList .inner {
    
}

.consultantsList .inner > ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
    margin: 0;
    padding: 0;
}

.consultantsList .inner > ul > li {
    width: calc(25% - 2px);
    margin: 0 1px 2px 1px;
    padding: 20px;
    list-style-type: none;
    box-sizing: border-box;
    background-color: #ffffff;
    border-radius: 5px;
	flex-grow: 1;
}


.consultantsList dl {
    margin: 0;
    padding: 0;
}


.consultantsList dt {
    display: block;
    position: relative;
    width: 80%;
    margin: 0 auto;
    padding: 0 0 80%;
    border-radius: 50%;
    overflow: hidden;
}

.consultantsList dt img {
    display: block;
    position: absolute;
    left: 50%;
    top:50%;
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 100%;
    margin: 0;
    padding: 0;
    vertical-align: bottom;
    transform: translate(-50%, -50%);
}

.consultantsList dd {
    margin: 0;
    padding: 0;
}

.consultantsList h3 {
    font-size: 14px;
    font-weight: 700;
    text-align: center;
}

.consultantsList h3 span {
    font-size: 12px;
    font-weight: 400;
}

.consultantsList h4 {
    margin: 1em 0;
    font-size: 12px;
    font-weight: 400;
    text-align: center;
}

.consultantsList .desc {
    font-size: 12px;
}




/** Responsive for Smart Phone ---------------------------- **/

@media all and (max-width: 767px) {

    .consultantsList .inner {
        display: block;
        position: relative;
        width: 100%;
        margin: 0;
        padding: 0;
        overflow: auto;
        overflow-x: auto;
        overflow-y: visible;
    }
    .consultantsList::before,
    .consultantsList::after {
        content: "";
        display: block;
        position: absolute;
        top:50%;
        width: 10px;
        height: 10px;
        margin: 0;
        padding: 0;
        border-top:1px solid #444444;
        border-right: 1px solid #444444;
    }
    .consultantsList::before { left:100%; transform: translateY(-50%) rotate(45deg); }
    .consultantsList::after  { right:100%; transform: translateY(-50%) rotate(-135deg); }

    .consultantsList .inner > ul {
        flex-wrap: nowrap;
        width: 500%;
    }

    .consultantsList .inner > ul > li {
        width: calc(100% / 5 - 2px);
	 	flex-grow: 0;
   }
}


/** ===========================================================================


    ロゴローテーション


=============================================================================== **/

.logoRotator {
    background-color: #ffffff;
}

.hvRotator.logoRotator > ul > li img {
    max-width: 70%;
}


/** ============================================================================


	共通パーツ : データなし


================================================================================ **/

.dataEmpty {
    display: block;
    position: relative;
	margin: 10px 40px;	
	padding: 30vh 20px;
	background-color:#ffffff;
	border-radius: 5px;
}

.dataEmpty .dialog {
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 80%;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	
	transform: translate(-50%, -50%);
	text-align: center;
	font-size:16px;
}

.dataEmpty .links {
	display: block;
	position: relative;
	margin: 20px 0 0 0;
	padding: 0;
}

.dataEmpty .links > ul {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	margin: 0;
	padding: 0;
}

.dataEmpty .links > ul > li {
	width: auto;
	min-width: 200px;
	margin: 0 10px;
	padding: 0;
	list-style-type: none;
	box-sizing: border-box;
}

.dataEmpty .links a {
	display: block;
	margin: 0;
	padding: 10px 20px;

	border-radius: 5px;
	background-color: #cf1380;
	
	color:#ffffff;
	font-size: 16px;
	font-weight: 700;
	text-decoration: none;
	cursor: pointer;
	
	transition: all 0.3s;
}

.dataEmpty .links a:hover {
	background-color: #f055af;
	color:#ffffff;
}


/** ===========================================================================

	マイページ ログインボタン

=============================================================================== **/



.mypage-loginBtn {
    display: block;
    position: relative;
    margin: 50px 0 0 0;
    padding: 0;
    text-align: center;
}

.mypage-loginBtn a {
    display: inline-block;
    position: relative;
    margin: 0;
    padding: 20px 80px;
    background-color:#cf1380;
    color: #ffffff;
    text-decoration: none;
    font-family: "Roboto Slab", sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 1.2;
    border-radius: 5px;
}

.mypage-loginBtn a::before{
    content: "";
    display: block;
    position: absolute;
    right: 15px;
    top:50%;
    width: 10px;
    height: 10px;
    margin: 0;
    padding: 0;
    border-top: 3px solid #ffffff;
    border-right: 3px solid #ffffff;
    transform: translateY(-50%) rotate(45deg);
    transition: all 0.3s;
}

.backBtn a:hover {
    background-color: #e271b3;
}



/** Responsive for Smart Phone ---------------------------- **/

@media all and (max-width: 767px) {

	.mypage-loginBtn {
        margin: 50px 0 0;
    }

    .mypage-loginBtn a {
        display: block;
    }
}







/** ================================================================================================

	TOPページ用CSS

==================================================================================================== **/




/** ---------------------------------------------------------------------------


    共通パーツ : 情報一覧用BOX


------------------------------------------------------------------------------- **/

.indexBox {
    display: block;
    position: relative;
	width: calc( 33.3% - 10px );
	margin: 5px;
    padding: 30px 30px 80px;
    box-sizing: border-box;
    background-color:#ffffff;
    line-height: 1.5;
	border-radius: 5px;
}

.indexBox a {
	color: #444444;
    text-decoration: none;
    transition: all 0.3s;
}
.indexBox a:link    { color: #444444; }
.indexBox a:visited { color:#444444; }
.indexBox a:hover   { color: #cf1380; }
.indexBox a:active  { color:#cf1380; }

.indexBox > dl,
.indexBox > a > dl {
    margin: 0;
    padding: 0;
}

.indexBox > dl > dt,
.indexBox > a > dl > dt {
    margin: 0;
    padding: 0;
}

.indexBox > dl > dd,
.indexBox > a > dl > dd {
    margin: 0;
    padding: 0;
}

.indexBox h3 {
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-weight: 400;
}

/*
.indexBox h3 a,
.indexBox h3 a:link,
.indexBox h3 a:visited {color: #444444;}
.indexBox h3 a:hover,
.indexBox h3 a:active  {color: #cf1380;}
*/

.indexBox p {
    margin: 10px 0 0 0;
    padding: 0;
}

/* タグ */
.indexBox .hashtags {
    margin: 10px 0 0 0;
    font-size: 12px;
}

.indexBox .hashtags > ul {
    justify-content: flex-start;
}



/* スペック */
.indexBox .spec {
    border-bottom:1px dotted #aaa;
    margin: 20px 0 0 0;
    padding: 0;
    font-size: 12px;
}

.indexBox .spec dl {
    margin: 0;
    padding: 0;
}

.indexBox .spec dt {
    clear: left;
    float: left;
    width: 7em;
    margin: 0;
    padding: 3px 0;
    font-weight: 700;
}

.indexBox .spec dd {
    margin: 0;
    padding: 3px 0 3px 6em;
    border-top:1px dotted #aaa;
}

/* more */

.indexBox .more {
    display: block;
    position: absolute;
    right: 0;
    bottom:0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    
    font-family: "Roboto Slab", sans-serif;
    font-size:12px;
    font-weight: 700;
    text-align: left;
    text-indent: -9999px;
    
    background-color: #bf1b78; 
    border-radius: 5px 0 5px 0;
    transition: all 0.3s;
}
.indexBox .more::before {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top:50%;
    width: 10px;
    height: 10px;
    margin: 0;
    padding: 0;
    border-top: 3px solid #ffffff;
    border-right: 3px solid #ffffff;
    transform: translate(-50%, -50%) rotate(45deg);
    transition: all 0.3s;
}

.indexBox a:hover .more { color: #bf1b78; }
.indexBox a:hover .more::before {
    margin: 0 -5px 0 0;
}

/* 主にインターン用リンク */
.indexBox .mores {
	display: block;
	position: absolute;
	left: 0px;
	bottom:0px;
	width: calc( 100% );
	margin: 0;
	padding: 0;
}


.indexBox .mores ul {
	margin: 0;
	padding: 0;
}

.indexBox .mores li {
	margin: 2px 0 0 0;
	padding: 0;
	list-style-type: none;
}

.indexBox .mores a {
	display: block;
	position: relative;
	margin: 0;
	padding: 15px 10px;
	
	background-color:#a0a0a0;
	border-radius: 0 0 5px 5px;
	
	color:#ffffff;
	text-align: center;
	font-weight: 700;
	line-height: 1;
	
	transition: all 0.3s;
}

.indexBox .mores a:hover {
	background-color:#bf1b78;
	color:#ffffff;
}



/* 画像付き */
.indexBox.imgBox {
    padding: 0;
}


.indexBox.imgBox > dl > dt {
    display: block;
    position: relative;
    width: 100%;
    padding: 0 0 100% 0;
	
    overflow: hidden;
    background-color:#f8f8f8;
	border-radius: 5px 5px 0 0;
}

.indexBox.imgBox > dl > dt img {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 100%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    transform: translate(-50%, -50%);
}

.indexBox.imgBox > dl > dd {
    padding: 20px 20px 80px 20px;
}


/* インターン用 */
.indexBox.nologin {
	padding:30px 30px 15em 30px;
}

.indexBox .login {
	display: block;
	position: absolute;
	left: 30px;
	bottom: 30px;
	width: calc(100% - 60px);
	height: 11em;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	ransition: all 0.3s;
	overflow:hidden;
}

.indexBox .login > dl {
	margin: 0;
	padding: 0;
}

.indexBox .login > dl > dt {
	margin: 0;
	padding: 10px;
	filter: blur(4px);
	color: #aaaaaa;
	
}

.indexBox .login > dl > dd {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height:100%;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	background-color: rgba(0,0,0,0.1);
	border-radius: 5px;
}

.indexBox .login > dl > dd span {
	display: block;
	position: absolute;
	left: 5%;
	top: 50%;
	width: 90%;
	margin: 0;
	padding: 0;
	transform: translateY(-50%);
	font-weight: bold;
	text-align: center;
}



/** ===========================================================================


    indexBox一覧


=============================================================================== **/

.indexSection .infoBoxes {
    margin: 30px 0 0;
}



/** ===========================================================================


    index home


=============================================================================== **/

#index-home {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
}


#index-home h1 {
    display: block;
    position: absolute;
    width: 80%;
    left: 10%;
    bottom: 60%;
    margin: 0;
    padding: 0 0 10px;

    font-size:24px;
    font-weight: 700;
    text-align: center;
    color: #ffffff;
    z-index: 100;
}

/*
#index-home .searches {
	display: block;
	position: absolute;
	width: 80%;
	max-width: 1000px;
	left: 50%;
	top: 40%;
	margin: 0;
	padding: 0;
	z-index: 100;
	transform: translate(-50%, 0);
}
*/

#index-home .searches {
	display: block;
	position: relative;
	width: 80%;
	max-width: 1000px;
	margin: 50px auto 0;
	padding: 0;
	box-sizing: border-box;
	
	z-index: 100;
}

#index-home .searches > h3 {
	margin: 0 0 30px;
	padding: 0;
	font-size: 24px;
	font-weight: 700;
	text-align: center;
}


/* ハッシュタグ */
#index-home .home-tags {
	margin: 5px auto 0;
	font-size: 12px;
	line-height: 1.2;
}

#index-home .home-tags dl {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-start;
	margin: 0;
	padding: 0;
}

#index-home .home-tags dt {
	width: 12em;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	text-align: right;
}

#index-home .home-tags dt span {
	display: inline-block;
	margin: 5px 0;
    padding: 6px 5px;
    border-radius: 5px;
	color: #ffffff;
}

#index-home .home-tags dd {
	width: calc( 100% - 12em );
	margin: 0;
	padding: 0 0 0 5px;
	box-sizing: border-box;
}

#index-home .home-tags .hashtags {}

#index-home .home-tags .hashtags > ul {
	justify-content: flex-start;
}

#index-home .home-tags .hashtags > ul > li {
    margin: 5px;
    padding: 0;
    list-style-type: none;
    box-sizing: border-box;
}


#index-home .home-tags dt.job {}

#index-home .home-tags dt.job span {
	background-color: #9f2c6b;
}

#index-home .home-tags dd.job {}


#index-home .home-tags dt.jobchange {}

#index-home .home-tags dt.jobchange span {
	background-color: #224d97;
}

#index-home .home-tags dd.jobchange {}

#index-home .home-tags dd.jobchange .hashtags svg {
    fill: #224d97;
}

#index-home .hashtags a {
    padding: 5px;
    border-radius: 5px;
    background-color: rgba(255,255,255,0.9);
}


#index-home .hvSlider.fade .screen {
    padding: 0 0 45%;
    overflow: hidden;
}


#index-home .hvSlider .pointer {
    position: absolute;
    left: 0;
    bottom:20px;
    width: 100%;
    margin: 0;
    padding: 0;
}

#index-home .hvSlider .screen img {
    width: 100%;
}




/** ===========================================================================


    index news


=============================================================================== **/

#index-news {
    display: block;
    position: relative;
    padding: 40px 5% 40px 15%;
    margin: 0 0 0 10px;
}

#index-news a:link    { color:#231815; }
#index-news a:visited { color:#444444; }
#index-news a:hover   { color:#BF1B78; }
#index-news a:active  { color:#BF1B78; }

#index-news > header {
    display: block;
    position: absolute;
    left: 0;
    top:50%;
    width: 15%;
    margin: 0;
    padding: 0;
    transform: translateY(-50%);
    text-align: center;
}

#index-news > header h2 {
    margin: 0;
    padding: 0;
    font-family: "RobotoSlab", sans-serif;
    font-size:24px;
    font-weight: 700;
    line-height: 1.2;
}

#index-news > header h1 {
    margin: 0;
    padding: 0;
    font-size:14px;
    font-weight: 400;
    line-height: 1.2;
}

#index-news .newsList {
    display: block;
    position: relative;
    margin: 0 auto;
    padding: 0;
}

#index-news .newsList ul {
    margin: 0;
    padding: 0;
}

#index-news .newsList li {
    margin: 2px 0;
    padding: 3px 10px;
    list-style-type: none;
    box-sizing: border-box;
    background-color: #ffffff;
    border-radius: 5px;
}

#index-news .newsList dl {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items:center;
    justify-content: flex-start;
    margin: 0;
    padding: 0;
}

#index-news .newsList dt {
    width: 7em;
    margin: 0;
    padding: 0;
    font-size:12px;
	font-weight:300;
}

#index-news .newsList dd {
    margin: 0;
    padding: 0;
    font-weight:300;
}

#index-news .newsList .more {
    display: block;
    position: absolute;
    left: 100%;
    top:0;
    width: 30px;
    height: 100%;
    margin: 0;
    padding: 0;
}

#index-news .newsList .more a {
    display: block;
    width: 30px;
    height: 100%;
    margin: 0;
    padding: 0;
    
    text-align: left;
    overflow: hidden;
    text-indent: -9999px;
}
#index-news .newsList .more a::before {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top:50%;
    width: 12px;
    height: 12px;
    margin: 5px 0 0 -10px;
    padding: 0;
    border-top:3px solid #888888;
    border-right: 3px solid #888888;
    transform: rotate(45deg) translate(-50%, -50%);
}



/** ===========================================================================


    Indexカテゴリーsection共通


=============================================================================== **/

.indexSection {
    display: block;
    position: relative;
    margin: 0 40px;
    padding: 120px 0 50px;
}


/* header */
.indexSection > header {
    text-align: center;
}

.indexSection > header h1 {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    
    font-size: 24px;
    font-weight: 700;
    line-height: 1.3;
}

.indexSection > header h2 {
    margin: 0;
    padding: 0;
    font-family: "Roboto Slab", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.3;
}

.indexSection > header p {
    margin: 20px 0 0 0;
    padding: 0;
}


/* more link */
.indexSection .moreLink {
    margin: 30px 0 0 0;
}
.indexSection .moreLink::after { content:"."; display:block; height:0; clear:both; visibility:hidden; }


.indexSection .moreLink a {
    display: block;
    position: relative;
    width: calc( 33.3% - 10px );
    margin: 0 auto;
    padding: 20px 10px 20px 0;
    box-sizing: border-box;
    
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
	color:#ffffff;
    
    background-color:#888888;
	border-radius: 5px;
}
.indexSection .moreLink a::before {
    content: "";
    display: block;
    position: absolute;
    right: 20px;
    top:50%;
    width: 10px;
    height: 10px;
    margin: 0;
    padding: 0;
    border-top:3px solid #ffffff;
    border-right: 3px solid #ffffff;
    transform: translateY(-50%) rotate(45deg);
}

.indexSection .moreLink a:hover {
	background-color: #cf1380;
	color: #ffffff;
}


/** ===========================================================================


    新卒採用情報


=============================================================================== **/

#index-job .indexBox .hashtags svg {
    fill:#e45ead;
}

#index-job .indexBox .mores a,
#index-job .moreLink a {
    background-color: #e45ead;
}

#index-job .indexBox .mores a:hover,
#index-job .moreLink a:hover {
	background-color: #cf1380;
}



/** ===========================================================================


	転職採用情報


=============================================================================== **/

#index-jobchange .indexBox .hashtags svg {
    fill:#e06a45;
}

#index-jobchange .indexBox .mores a,
#index-jobchange .moreLink a {
    background-color: #e06a45;
}

#index-jobchange .indexBox .mores a:hover,
#index-jobchange .moreLink a:hover {
	background-color: #cf1380;
}



/** ===========================================================================


	インターン


=============================================================================== **/


.indexBox.internBox {
	padding-bottom: 130px;
}


/* ログイン前 */
.indexBox.internBox.nologin {
	padding-bottom: 200px;
}

.indexBox.internbox.nologin a {
	cursor: pointer;
}


.internBox.internBox .hashtags svg {
    fill: #c5cf2b;
}

/* ログイン後 */
#index-internship .internBox .mores a,
#index-internship .moreLink a {
	background-color:#c5cf2b;
}

#index-internship .mores a:hover,
#index-internship .moreLink a:hover {
    background-color: #cf1380;
}





/** ===========================================================================


    会社説明会BOX


=============================================================================== **/

#index-session .indexBox .hashtags svg {
    fill:#d59b30;
}

#index-session .indexBox .mores a,
#index-session .moreLink a {
    background-color: #d59b30;
}

#index-session .indexBox .mores a:hover,
#index-session .moreLink a:hover {
	background-color: #cf1380;
}



/** ===========================================================================


    セミナーBOX


=============================================================================== **/

#index-seminar .indexBox .hashtags svg {
    fill: #42af1b;
}

#index-seminar .indexBox .mores a,
#index-seminar .moreLink a {
	background-color:#42af1b;
}

#index-seminar .indexBox .mores a:hover,
#index-seminar .moreLink a:hover {
	background-color:#cf1380;
}



/** ===========================================================================


    お役立ち情報


=============================================================================== **/

#index-support {
}

#index-support .inner {
    padding: 10px 0 20px;
/*    background-color:#ecf9db; */
}

#index-support .moreLink {
    margin: -10px 40px 0 30px;
}


#index-support .moreLink a {
    background-color: #24e65d;
}

#index-support .moreLink a:hover {
    background-color: #4c7c0d;
    color: #ffffff;
}

#index-support .moreLink a:hover::before {
    border-top-color: #ffffff;
    border-right-color: #ffffff;
}


/* インタビュー */
#index-support .hvSlider {
    margin: 30px 40px 0 30px;
}

#index-support .hvSlider .screen > ul > li {
    width: 0.2%;
    margin: 0 1px 0 0;
    background-color: transparent;
}

#index-support .hvSlider .screen > ul > li img {
    vertical-align: bottom;
    border-radius: 5px;
}


/* 働く先輩 */
#index-support .senior .hvSlider {
    margin: 10px 40px 0 30px;
}

#index-support .senior .hvSlider .screen > ul > li {
    width: 0.25%;
}

#index-support .senior .hvSlider .screen > ul > li img {
    width: 100%;
}


/* お役立ち情報 */
#index-support .else {
    display: block;
    position: relative;
    margin: 10px 40px 0 30px;
    padding: 0;
}

#index-support .else > ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0;
}

#index-support .else > ul > li {
    width: 33.3%;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    list-style-type: none;
    border:1px solid transparent;
}

#index-support .else a {
    display: block;
    position: relative;
    margin: 0;
    padding: 25px 20px;
    
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    line-height: 1.2;
    color: #444444;
    background-color: #ffffff;
    border-radius: 5px;
}

#index-support .else a::before {
    content: "";
    display: block;
    position: absolute;
    right: 20px;
    top:50%;
    width: 10px;
    height: 10px;
    margin: 0;
    padding: 0;
    border-top:3px solid #4c7c0d;
    border-right: 3px solid #4c7c0d;
    transform: translateY(-50%) rotate(45deg);
    transition: all 0.3s;
}

#index-support .else a:hover::before {
    right: 10px;
}


/** ===========================================================================


    コンサルタント


=============================================================================== **/

#index-consultant {
    margin: 100px 40px 0 30px;
}

#index-consultant .consultantsList {
    margin: 30px 0 0 0;
}



/** ===========================================================================


    採用 + 学校


=============================================================================== **/

#index-commerce {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: stretch;
    justify-content: center;
    margin: 100px 7% 100px;
    padding: 0;
}

#index-commerce > a {
    display: block;
    position: relative;
    width: 40%;
    margin: 0 5%;
    padding: 50px 0;
    text-align: center;
    color:#231815;
    background-color:rgba(255,255,255,0.9);
    border-radius: 5px;
}

#index-commerce span.jpn {
    display: block;
    position: relative;
    margin: 0;
    padding: 0 0 10px;
    font-size: 24px;
    font-weight: 700;
}
#index-commerce span.jpn::before {
    content: "";
    display: block;
    position: absolute;
    width: 30px;
    height: 2px;
    bottom: 0;
    left: 50%;
    bottom: 0;
    margin: 0 0 0 -15px;
    padding: 0;
    background-color: #222222;
}

#index-commerce a.companies span.jpn::before { background-color: #20afa7; }
#index-commerce a.school span.jpn::before { background-color: #1e85c6; }


#index-commerce span.eng {
    display: block;
    margin: 10px 0 0 0;
    font-family: 'Roboto Slab',sans-serif;
    font-size: 16px;
    font-weight: 700;
}

#index-commerce a.companies span.eng { color: #20afa7; }
#index-commerce a.school span.eng    { color: #1e85c6; }


#index-commerce > a:hover {
    background-color:rgba(255,255,255,0.6);
}



/** ===========================================================================


    採用企業担当者様へ


=============================================================================== **/


#index-companies {
    width: 50%;
    margin: 0;
    padding: 200px 0 100px;
    box-sizing: border-box;
}

#index-companies > header {
    text-align: center;
}

#index-companies .moreLink {
    margin: 40px 0 0 0;
}

#index-companies .moreLink a {
    background-color:#20afa7;
}



/** ===========================================================================


    学校の担当者様へ


=============================================================================== **/


#index-school {
    width: 50%;
    margin: 0;
    padding: 200px 0 100px;
    box-sizing: border-box;
}

#index-school > header {
    text-align: center;
}

#index-school .moreLink {
    margin: 40px 0 0 0;
}

#index-school .moreLink a {
    background-color:#1e85c6;
}

#index-school .moreLink a:hover {
    background-color:#4ea2d8;
}



/** ===========================================================================


    Responsive for tablet & Phone


=============================================================================== **/

@media all and (max-width: 1024px) and (min-width:768px) {
    

    /** 共通パーツ : 情報一覧用BOX -------------------------- **/

    /** index home ====================================== **/

    #index-home {
        display: block;
        position: relative;
        margin: 0;
        padding: 0;
    }

    /** index news ====================================== **/

    /** Indexカテゴリーsection共通 ======================== **/

    .indexSection {
        margin: 0;
        padding: 120px 30px 50px;
    }

    /** 求人情報section ================================== **/

    /** 会社説明会BOX ==================================== **/

    /** セミナーBOX ====================================== **/

    /** お役立ち情報 ====================================== **/

    /** コンサルタント ==================================== **/

    #index-consultant {
        margin: 100px 0 0 0;
    }

    /** 採用 + 学校 ====================================== **/
    
    #index-commerce {
        margin: 100px 30px 100px;
    }
    

    /** 採用企業担当者様へ ================================= **/

    /** 学校の担当者様へ ==================================== **/
 
}



/** ===========================================================================


    Responsive for Smart Phone


=============================================================================== **/

@media all and (max-width: 767px) {



    /** 共通パーツ : 情報一覧用BOX ---------------------------------------------- **/

    .indexBox {
        width: calc(16.66% - 2px);
        padding: 20px 20px 70px;
    }

    .indexBox h3 {
        font-size: 14px;
    }

    .indexBox p {
        margin: 10px 0 0 0;
        padding: 0;
    }


	/* 主にインターン用リンク */
	.indexBox .mores {
		left: 20px;
		bottom:20px;
		width: calc( 100% - 40px );
	}

	
    /** index home  ======================================= **/

    #index-home {
        display: block;
        position: relative;
        margin: 0;
        padding: 0;
    }
    
    #index-home .images {
        display: block;
        position: relative;
    }
        
    #index-home .hvSlider.fade .screen {
        padding: 0 0 50%;
    }

    #index-home h1 {
        bottom: auto;
        left: 2%;
        width: 96%;
        top: 15%;
        font-size:18px;
    }

	#index-home .searches {
		position: relative;
		width: auto;
		max-width: none;
		left: auto;
		top: auto;
		margin: 20px 20px 0;
		transform: translate(0%, 0%);
	}

	/* ハッシュタグ */
	#index-home .home-tags {
		margin: 5px auto 0;
		font-size: 12px;
		line-height: 1.2;
	}

	#index-home .home-tags dl {
		display: block;
	}

	#index-home .home-tags dt {
		width: auto;
		margin: 10px 0 0 0;
		text-align: center;
	}

	#index-home .home-tags dd {
		width: auto;
		padding: 0;
	}

	#index-home .home-tags .hashtags > ul {
		justify-content: center;
	}

/*	
    #index-home .hashtags {
        margin: 10px 0 0;
    }
*/
/*
    #index-home .hashtags a {
        padding: 5px;
        border-radius: 5px;
        background-color: rgba(255,255,255,0.9);
    }
*/
    

    /** index news =================================== **/

    #index-news {
        margin: 100px 0 0 0;
        padding: 0;
    }

    #index-news > header {
        position: relative;
        left : auto;
        top:auto;
        width: auto;
        transform: translateY(0%);
    }

    #index-news > header h2 {
        font-size:20px;
    }

    #index-news > header h1 {
        font-size:14px;
    }

    #index-news .newsList {
        margin: 30px 30px 0;
    }

    #index-news .newsList dl {
        display: block;
        margin: 0;
        padding: 0;
    }

    #index-news .newsList dt {
        width: auto;
        font-size:10px;
        font-weight:700;
    }

    #index-news .newsList dd {
        margin: 0;
    }

    #index-news .newsList .more {
        display: block;
        position: relative;
        left: auto;
        top:auto;
        width: auto;
        height: auto;
        margin: 10px 0 0 0;
    }

    #index-news .newsList .more a {
        display: block;
        width: auto;
        height: auto;
        margin: 0;
        padding: 15px 20px;
        text-align: center;
        text-indent: inherit;
        
        font-size: 16px;
        font-weight: 700;
        color: #ffffff;
        
        background-color: #a0a0a0;
        border-radius: 5px;
    }
    #index-news .newsList .more a::before {
        left: auto;
        right: 20px;
        top:50%;
        margin: 0;
        padding: 0;
        border-top-color:#ffffff;
        border-right-color: #ffffff;
        transform: rotate(45deg) translateY(-60%);
    }



    /** Indexカテゴリーsection共通 ============================== **/

    .indexSection {
        margin: 0;
    }
    
    .indexSection > header {
        margin: 0 30px;
    }

    .indexSection > header h1 {
        font-size: 18px;
    }

    .indexSection > header p {
        margin: 20px 0 0 0;
        padding: 0;
        text-align: left;
    }

    .indexSection > header p br {
        display: none;
    }

    /* 一覧 */
    .indexSection .infoBoxes {
        margin: 30px 30px 0;
    }
    
    /* more link */
    .indexSection .moreLink {
        margin: 10px 30px 0 30px;
    }

    .indexSection .moreLink a {
        width: auto;
    }

    /** 求人情報 =================================================================== **/

    /** 会社説明会 ================================================================= **/
	
	/** インターン ================================================================= **/

	.indexBox.internBox {
		padding-bottom: 110px;
	}

    /** セミナーBOX =============================================================== **/

    /** お役立ち情報 =============================================================== **/

    #index-support {
    }

    #index-support .inner {
        padding: 10px 0 20px;
    /*    background-color:#ecf9db; */
    }

    #index-support .moreLink {
        margin: 3px 30px 0 30px;
    }


    /* インタビュー */
    #index-support .hvSlider {
        margin: 30px 30px 0 30px;
    }

    #index-support .hvSlider .screen > ul > li {
        width: 0.5%;
        margin: 0 1px 0 0;
        background-color: transparent;
    }

    #index-support .hvSlider .screen > ul > li img {
        vertical-align: bottom;
        border-radius: 5px;
    }

    
    /* 先輩レポート */
    #index-support .senior {
        margin: 30px 0 0 0;
    }
    
    #index-support .senior .hvSlider {
        margin: 0 30px;
    }
    
    #index-support .senior .hvSlider .screen > ul > li {
        width: 0.5%;
    }
    
    

    #index-support .else {
        margin: 30px 30px 0;
    }

    #index-support .else > ul {
        display: block;
        margin: 9px 0 0 0;
    }

    #index-support .else > ul > li {
        width: auto;
        margin: 1px 0 0 0;
    }

    

    /** コンサルタント ====================================== **/

    #index-consultant {
        margin: 100px 0 0 0;
    }

    #index-consultant .consultantsList {
        margin: 30px 30px 0;
    }



    /** 採用 + 学校 ======================================== **/

    #index-commerce {
        display: block;
        margin: 90px 30px 100px;
    }

    #index-commerce > a {
        width: auto;
        margin: 10px 0 0 0;
        padding: 50px 0;
    }

    #index-commerce span.jpn {
        font-size: 18px;
    }
    #index-commerce span.jpn::before {
        content: "";
        display: block;
        position: absolute;
        width: 30px;
        height: 2px;
        bottom: 0;
        left: 50%;
        bottom: 0;
        margin: 0 0 0 -15px;
        padding: 0;
        background-color: #222222;
    }

    #index-commerce a.companies span.jpn::before { background-color: #20afa7; }
    #index-commerce a.school span.jpn::before { background-color: #1e85c6; }


    #index-commerce span.eng {
        display: block;
        margin: 10px 0 0 0;
        font-family: 'Roboto Slab',sans-serif;
        font-size: 16px;
        font-weight: 700;
    }

    #index-commerce a.companies span.eng { color: #20afa7; }
    #index-commerce a.school span.eng    { color: #1e85c6; }


    #index-commerce > a:hover {
        background-color:rgba(255,255,255,0.6);
    }



    /** 採用企業担当者様へ ======================================= **/

    /** 学校の担当者様へ ========================================= **/

}




/** ============================================================================


	2024/2/13追加 サポート実績


================================================================================ **/



.indexSection.results {}

.indexSection.results .indexSectionInner {}

.indexSection.results .indexSectionHeader {
	text-align: center;
}

.indexSection.results .indexSectionHeader a {}
.indexSection.results .indexSectionHeader a:link,
.indexSection.results .indexSectionHeader a:visited {
	color: inherit;
}

.indexSection.results .indexSectionTitle {
    margin: 0;
    padding: 0;
    box-sizing: border-box;

	font-size: 24px;
    font-weight: 700;
    line-height: 1.3;
}

.indexSection.results .indexSectionEng {
    margin: 0;
    padding: 0;
	box-sizing: border-box;

	font-family: "Roboto Slab", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.3;
}

.indexSection.results .indexSectionList {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: stretch;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

.indexSection.results .indexSectionMore {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
}

.indexSection.results .indexSectionMore a {
    display: block;
    position: relative;
    margin: 0 auto;
    padding: 20px 60px 20px 40px;
    box-sizing: border-box;
	
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
    color: #ffffff;
	white-space: nowrap;

	background-color: #dec12e;
    border-radius: 5px;
}
.indexSection.results .indexSectionMore a::before {
    content: "";
    display: block;
    position: absolute;
    right: 40px;
    top: 50%;
    width: 10px;
    height: 10px;
    margin: 0;
    padding: 0;
    border-top: 3px solid #ffffff;
    border-right: 3px solid #ffffff;
    transform: translateY(-50%) rotate(45deg);
}

.indexSection.results .indexSectionMore a:hover {
	background-color: #e45ead;
}


.resultTile {
	width: calc( 33.33% - 20px );
	margin: 10px;
	padding: 0 10px 10px 10px;
	box-sizing: border-box;

	background-color: #ffffff;
	border-radius: 5px;
}

.resultTile .resultTileImage {
	margin: 10px 20%;
	padding: 0;
}

.resultTile .resultTileImage img {
	width: 100%;
}

.resultTile .resultTileDesc {
	margin: 10px;
	padding: 0;
	
	font-size: larger;
	font-weight: 700;
	text-align: center;
}

.resultTile > *:first-child { margin-top: 0; }
.resultTile > *:last-child  { margin-bottom: 0; }



/* for tablet */
@media screen and ( max-width:1024px ) and ( min-width:768px ) {
	
}


/* for smart phone */
@media screen and ( max-width: 767px ) {
	
	.indexSection.results {
		margin: 0 30px;
	}
	
	.indexSection.results .indexSectionTitle {
		font-size: larger;
	}

	.indexSection.results .indexSectionEng {
	    font-size: inherit;
	}

	.indexSection.results .indexSectionList {
		margin: 20px 0 0 0;
	}

	.indexSection.results .indexSectionMore a {
	    width: auto;
		white-space: normal;
	}

	.resultTile {
		width: auto;
		margin: 5px 0;
		padding: 0 10px 10px 10px;
	}

	.resultTile .resultTileImage {
		margin: 10px 30%;
	}

	.resultTile .resultTileDesc {
		font-size: inherit;
	}
}



/** ================================================================================================

	固定ページ

==================================================================================================== **/




/** ================================================================================================


	会員登録    /register/


==================================================================================================== **/


.registerSection .redTxt {
    color: #ff0000;
    font-size: 10px;
    font-weight: 400;
}

.registerArticle > header .cautions {
    text-align: center;
}


.registerSection .sequence {
    
}

.registerSection .sequence > ul {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 0;
}


.registerSection .sequence > ul > li {
    display: block;
    position: relative;
    margin: 0 30px 0 0;
    padding: 0 10px;
    list-style-type: none;
    
    color: #cf1380;
    border:1px solid #cf1380;
    border-radius: 15px;
    font-weight: 700;
}
.registerSection .sequence > ul > li:last-child {
    margin: 0;
}

.registerSection .sequence > ul > li::before {
    content: "";
    display: block;
    position: absolute;
    right: -18px;
    top:50%;
    width: 8px;
    height: 8px;
    margin: 0;
    padding: 0;
    border-top:1px solid #cf1380;
    border-right:1px solid #cf1380;
    transform: translateY(-50%) rotate(45deg);
}
.registerSection .sequence > ul > li:last-child::before {
    display: none;
}


.registerSection .sequence > ul > li.sel {
    color: #ffffff;
    background-color: #cf1380;
}

.registerSec table .eng {
    font-size: 12px;
}


/** Responsive for Smart Phone ---------------------------- **/

@media all and (max-width: 767px) {
    
    .registerSection .sequence > ul {
        flex-wrap: wrap;
    }

    .registerSection .sequence > ul > li {
        margin: 0 30px 0 0;
    }
	
	.registerSection .sequence > ul > li:last-child {
        margin: 0;
    }
}









/** 会員登録ページ共通 **/

.registerSec {
    max-width: 800px;
    margin: 30px auto 0;
    padding: 0;
    box-sizing: border-box;
}
.registerArticle .registerSec:first-child {
    margin: 0 auto;
}

.registerSec > header {
    text-align: center;
}

.registerSec > header h3 {
    margin: 0;
    padding: 0;
    font-size: 18px;
    font-weight: 400;
}


.registerSec table {
    table-layout: fixed;
    width: 100%;
    margin: 30px auto 0;
    background-color: #ffffff;
    border-collapse: collapse;
    border: 0;
    border-bottom:1px solid #f0f0f0;
}

.registerSec table th {
    width: 30%;
    padding: 10px;
    box-sizing: border-box;
    vertical-align: top;
    border-top:1px solid #f0f0f0;
    
    font-weight: 400;
    text-align: left;
}

.registerSec table td {
    width: 70%;
    padding: 10px;
    box-sizing: border-box;
    vertical-align: top;
    text-align: left;    
    border-top:1px solid #f0f0f0;
}

.registerSec table td > p {
    margin: 1em 0;
    font-size: 12px;
}


.registerSec table td > ul {
    margin: 1em 0;
    padding: 0;
    font-size: 12px;
}

.registerSec table td > ul > li {
    margin: 0 0 0 1em;
    padding: 0;
    list-style-type: disc;
}



.buttonBox {
    display: block;
    position: relative;
    max-width: 800px;
    margin: 60px auto 0;
    padding: 20px;
    box-sizing: border-box;
    text-align: center;
}

.buttonBox ul {
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
}

.buttonBox li {
    width: 31.3%;
    margin: 0 1%;
    list-style-type: none;
}

.buttonBox li a {
    display: block;
    height: 60px;
    line-height: 60px;
    text-align: center;
    color:#ffffff;
    font-size: 18px;
    font-weight: 700;
    background-color: #cf1380;
    transition: all 0.3s;
}

.buttonBox li a:hover {
    color:#ffffff;
    background-color: #e0469f;
}


/* 連絡先 */
#registerForm02-2 .buttonBox {
    margin-top: 10px;
}

/* 学歴 */
#registerForm03-2 .buttonBox {
    margin-top: 10px;
}

/* 確認画面 */
#registerForm04-4 .buttonBox {
    margin-top: 10px;
}

/* 完了画面 */
#registerSection05{}

#registerSection05 #thanksForm p {
    text-align: center;
}


/* エラー画面 */
#registerSectionError {}

#registerSectionError #errorForm p {
    text-align: center;
}

#registerSectionError #errorForm p.errorMessage {
    font-size: 16px;
    color: #ff0000;
}


/* 本登録完了 */
#registerSectionAuth {}

#registerSectionAuth #thanksForm p {
    text-align: center;
}



/** ---------------------------------------------------------------------------


    お問い合わせ


------------------------------------------------------------------------------- **/

body.contactPage {
    background-color:#f8f8f8;
}

#contactArticle {
    display: block;
    position: relative;
    margin: 10px 40px 50px;
    padding: 30px;
    box-sizing: border-box;
    
    background-color: #ffffff;
    border-radius: 5px;
}

#contactArticle > header h1 {
    display: none;
    text-align: center;
    margin: 0;
    padding: 0;
    font-size:20px;
    font-weight: 700;
}


#contactArticle .inputForm.thanks p {
    text-align: center;
}

#contactArticle .inputForm.error h3 {
    color: #ff0000;
}

#contactArticle .inputForm.error p {
    text-align: center;
}




/** Responsive for Smart Phone ---------------------------- **/

@media all and (max-width: 767px) {


    #contactArticle {
        width: auto;
        max-width: none;
        margin: 10px 10px 0;
        padding: 15px;
    }
    
    #contactArticle .inputForm {
        margin: 0;
    }
    

}



/** ---------------------------------------------------------------------------


    お役立ち情報


------------------------------------------------------------------------------- **/


.supportDetail .content {
    display: block;
    position: relative;
    margin: 30px 0 0 0;
    padding: 40px;
    box-sizing: border-box;
    
    background-color:#ffffff;
    border-radius: 5px;
}



/** ---------------------------------------------------------------------------


    リュウカツとは


------------------------------------------------------------------------------- **/


#aboutArticle {
    display: block;
    position: relative;
    margin: 10px 40px 50px;
    padding: 0;
}

#aboutArticle .content {
    margin: 0;
    padding: 40px;
    background-color: #ffffff;
    border-radius: 5px;
}

/** Responsive for Smart Phone ---------------------------- **/

@media all and (max-width: 767px) {

    #aboutArticle {
        margin: 10px 10px 0;
    }
    
    #aboutArticle .content {
        padding: 20px;
    }
}



/** ---------------------------------------------------------------------------


    プライバシーポリシー


------------------------------------------------------------------------------- **/

#privacyArticle {
    display: block;
    position: relative;
/*
    width: calc( 100% - 80px);
    max-width: 1000px;
    margin: 50px auto;
*/
    margin: 50px 40px;
    padding: 0;
}

#privacyArticle > header h1 {
    margin: 0;
    padding: 0;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
}

#privacyArticle .content {
    margin: 50px 0 0 0;
    padding: 40px;
    background-color: #ffffff;
    border-radius: 5px;
}


/** Responsive for Smart Phone ---------------------------- **/

@media all and (max-width: 767px) {

    #privacyArticle {
        width: auto;
        max-width: none;
        margin: 10px 10px 50px;
    }

    #privacyArticle .content {
        margin: 0;
        padding: 15px;
    }
}





/** ---------------------------------------------------------------------------


    会員登録


------------------------------------------------------------------------------- **/

.registerSection {
    display: block;
    position: relative;
/*
    width: calc(100% - 80px);
    max-width: 1000px;
    margin: 50px auto;
*/
    margin: 50px 40px;
    padding: 30px;
    box-sizing: border-box;
    
    background-color: #ffffff;
    border-radius: 5px;
}


/** Responsive for Smart Phone ---------------------------- **/

@media all and (max-width: 767px) {

    .registerSection {
        width: auto;
        max-width: auto;
        margin: 10px 10px;
        padding: 20px;
    }
}



/** ---------------------------------------------------------------------------


    マイページ


------------------------------------------------------------------------------- **/



#mypageSection {
    display: block;
    position: relative;
    margin: 10px 40px 40px;
    padding: 0;
}

#mypageSection .inputForm {
    display: block;
    position: relative;
    margin: 0 0 10px 0;
    padding: 30px;
    background-color: #ffffff;
    border-radius: 5px;
}

#mypageSection .inputForm .buttonBox {
    margin: 20px auto 0;
}



/** Responsive for tablet --------------------------------- **/

@media all and (max-width: 1024px) and (min-width: 768px) {
    
    #mypageSection {
        margin: 10px 20px 50px;
    }
}



/** Responsive for Smart Phone ---------------------------- **/

@media all and (max-width: 767px) {
    
    #mypageSection {
        margin: 10px 10px 50px;
    }
}



/** ---------------------------------------------------------------------------


    パスワード忘れ


------------------------------------------------------------------------------- **/

#reminderArticle {
    display: block;
    position: relative;
    margin: 40px;
    padding: 30px;
    background-color:#ffffff;
    border-radius: 5px;
}

#reminderArticle > header h1 {
    margin: 0;
    padding: 0;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
}


/** Responsive for tablet --------------------------------- **/

@media all and (max-width: 1024px) and (min-width: 768px) {
    
    #reminderArticle {
        margin: 10px 20px 40px;
    }

}



/** Responsive for Smart Phone ---------------------------- **/

@media all and (max-width: 767px) {

    
    #reminderArticle {
        margin: 10px 10px 40px;
        padding: 20px;
    }
    
}


/** ---------------------------------------------------------------------------


    退会


------------------------------------------------------------------------------- **/

#deleteArticle {
    display: block;
    position: relative;
    margin: 40px;
    padding: 30px;
    background-color:#ffffff;
    border-radius: 5px;
}

#deleteArticle > header h1 {
    margin: 0;
    padding: 0;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
}


/** Responsive for tablet --------------------------------- **/

@media all and (max-width: 1024px) and (min-width: 768px) {
    
    #deleteArticle {
        margin: 10px 20px 40px;
    }
}



/** Responsive for Smart Phone ---------------------------- **/

@media all and (max-width: 767px) {
    
    #deleteArticle {
        margin: 10px 10px 40px;
        padding: 20px;
    }
}




/** ---------------------------------------------------------------------------


    404Page


------------------------------------------------------------------------------- **/



#notFoundSection {
    display: block;
    position: relative;
    max-width: none;
    margin: 40px;
    padding: 20vh 100px;
    box-sizing: border-box;
    
    background-color:#ffffff;
    border-radius: 5px;
}


#notFoundSection > header h1 {
    margin: 0;
    padding: 0;
    text-align: center;
}

#notFoundSection > p {
    text-align: center;
}

/** Responsive for Smart Phone ---------------------------- **/

@media all and (max-width: 767px) {
    
    
    #notFoundSection {
        margin: 20px 10px 40px;
        padding: 20px;
    }

    #notFoundSection > header h1 {
        margin: 0;
        padding: 0;
        text-align: center;
    }

    #notFoundSection > p {
        text-align: center;
    }
}


/** ----------------------------------------------------------------------------


	インターンシップ外部リンク 転送ページ


-------------------------------------------------------------------------------- **/

body.internship-jump .dataEmpty {
	padding: 40vh 20px;
}



/** ----------------------------------------------------------------------------


	固定ページ共通

	※2024.2.14追加
	

-------------------------------------------------------------------------------- **/



.page.single {
	display: block;
	position: relative;
	margin: 0 0 50px;
	padding: 0;
}

.page.single .pageInner {}

.page.single .pageHeader {
    display: block;
    position: relative;
    margin: 0 40px;
    padding: 70px 0;
	box-sizing: border-box;
    border-radius: 0 0 5px 5px;

	background-color: #000000;
	color: #ffffff;
	overflow: hidden;
}
.page.single .pageHeader::before {
	content: "";
    display: block;
    position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
    margin: 0;
    padding: 0;
	
	background-image: url("img/title_bg.jpg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	opacity: 0.3;
	z-index: 1;
}

.page.single .pageHeader a {
	color: #ffffff;
	text-decoration: none;
}
.page.single .pageHeader a:link,
.page.single .pageHeader a:visited,
.page.single .pageHeader a:hover,
.page.single .pageHeader a:active { color: #ffffff; }


.page.single .pageHeaderInner {
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	z-index: 2;
}
.page.single .pageHeaderInner > *:first-child { margin-top: 0; }
.page.single .pageHeaderInner > *:last-child  { margin-bottom: 0; }

.page.single .pageTitle {
	margin: 10px 0;
	padding: 0;
	box-sizing: border-box;
	
	text-align: center;
	font-size: 24px;
	font-weight: 700;
}

.page.single .pageEng {
	display: block;
	margin: 10px 0;
	padding: 0;
	box-sizing: border-box;

	text-align: center;
	font-family: "Roboto Slab", sans-serif;
    font-size: inherit;
    font-weight: inherit;
    line-height: 1.3;
}

.page.single .pageContainer {}

.page.single .pageContainerInner {}

.page.single .pageContent {
	display: block;
	position: relative;
	margin: 10px 40px 0;
	padding: 30px;
	box-sizing: border-box;
	
	border-radius: 5px;
	background-color: #ffffff;
}
.page.single .pageContent > *:first-child { margin-top: 0; }
.page.single .pageContent > *:last-child  { margin-bottom: 0; }

.page.single .pageFooter {}

.page.single .pageFooterInner {}


/* for tablet */
@media screen and ( max-width:1024px ) and ( min-width:768px ) {
	
	
}


/* for smart phone */
@media screen and ( max-width: 767px ) {

	.page.single .pageHeader {
	    margin: 0 10px;
	    padding: 50px 0;
	    border-radius: 5px;
	}

	.page.single .pageTitle {
		font-size: larger;
	}

	.page.single .pageEng {
	    font-size: inherit;
	}

	.page.single .pageContent {
		margin: 10px 10px 0;
		padding: 20px;
	}
}



/** ---------------------------------------------------------------------------


	サポート実績


------------------------------------------------------------------------------- **/


.page.single.page-results .resultsList {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: stretch;
	margin: 5px 35px 0;
	padding: 0;
}

.page.single.page-results .resultTile {
    width: calc( 33.33% - 10px );
    margin: 5px;
}


/* for tablet */
@media screen and ( max-width:1024px ) and ( min-width:768px ) {
	
}


/* for smart phone */
@media screen and ( max-width: 767px ) {
	
	.page.single.page-results .resultsList {
		margin: 5px 5px 0;
	}
	
	.page.single.page-results .resultTile {
		width: calc( 50% - 10px );
	}
}






/** ================================================================================================

	カテゴリーページ

==================================================================================================== **/



/** ---------------------------------------------------------------------------

    記事一覧ページ用Article

------------------------------------------------------------------------------- **/

.listBox {
    display: block;
    position: relative;
    margin: 10px 0 0 0;
    padding: 20px;
    box-sizing: border-box;
    
    background-color:#ffffff;
    line-height: 1.5;
    border-radius: 5px;
}

.listBox a {
	color:#444444;
	text-decoration: none;
	transition: all 0.3s;
}
.listBox a:link,
.listBox a:visited { color:#444444; }
.listBox a:hover,
.listBox a:active  { color:#cf1380; }

.listBox > dl {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	margin: 0;
	padding: 0;
}

.listBox > dl > dt {
    display: block;
    position: relative;
    width: 30%;
    margin: 0;
    padding: 0;
}

.listBox > dl > dt img {
	width: 100%;
	height: auto;
	vertical-align: bottom;
}

.listBox > dl > dd {
    width: 70%;
    margin: 0;
    padding: 0 0 0 30px;
    box-sizing: border-box;
}



/*
.listBox > a > dl {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	margin: 0;
	padding: 0;
}

.listBox > a > dl > dt {
    display: block;
    position: relative;
    width: 30%;
    margin: 0;
    padding: 0;
}

.listBox > a > dl > dt img {
	width: 100%;
	height: auto;
	vertical-align: bottom;
}

.listBox > a > dl > dd {
    width: 70%;
    margin: 0;
    padding: 0 0 0 30px;
    box-sizing: border-box;
}
*/



.listBox h3 {
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-weight: bold;
}

.listBox p {
    margin: 10px 0 0 0;
    padding: 0;
}

/* タグ */
.listBox .hashtags {
    margin: 10px 0 0 0;
}

.listBox .hashtags > ul {
    justify-content: flex-start;
}

/* 概要 */
.listBox .excerpt {
    margin: 30px 0 0 0;
    line-height: 2;
}

/* スペック */
.listBox .spec {
    border-bottom:1px dotted #aaa;
    margin: 30px 0 0 0;
    padding: 0;
/*    font-size: 12px; */
}

.listBox .spec dl {
    margin: 0;
    padding: 0;
}

.listBox .spec dt {
    clear: left;
    float: left;
    width: 6em;
    margin: 0;
    padding: 3px 0;
}

.listBox .spec dd {
    margin: 0;
    padding: 3px 0 3px 6em;
    border-top:1px dotted #aaa;
}

/* more */
.listBox .more {
    display: block;
    position: relative;
    margin: 20px 0 0 0;
	padding: 0;
}

.listBox .more a {
	display: block;
	position: relative;
	margin: 0;
	padding: 10px;
	
	border:2px solid #cf1380;
	background-color:#ffffff;

	color:#cf1380;
	font-size: 16px;
	font-weight: 700;
	text-align: center;
	
	transition: all 0.3s;
}
.listBox .more a::before {
    content: "";
    display: block;
    position: absolute;
    right: 10px;
    top:50%;
    width: 10px;
    height: 10px;
    margin: 0;
    padding: 0;
    border-top: 3px solid #cf1380;
    border-right: 3px solid #cf1380;
    transform: translateY(-50%) rotate(45deg);
    transition: all 0.3s;
}

.listBox .more a:hover {
	background-color:#cf1380;
	color:#ffffff;
}
.listBox .more a:hover::before {
    border-top-color: #ffffff;
    border-right-color: #ffffff;
}




.listBox .mores {
	margin: 25px 0 0 0;
}

.listBox .mores > ul {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	margin: 0;
	padding: 0;
}

.listBox .mores > ul > li {
	width: 48%;
	margin: 5px 1%;
	padding: 0;
	list-style-type: none;
	box-sizing: border-box;
}

.listBox .mores a {
    display: block;
    position: relative;
    margin: 0;
	padding: 10px;
	
	border:2px solid #cf1380;
	border-radius: 5px;
	background-color:#ffffff;

	color:#cf1380;
	font-size: 16px;
	font-weight: 700;
	text-align: center;
	
	transition: all 0.3s;
}
.listBox .mores a::before {
    content: "";
    display: block;
    position: absolute;
    right: 10px;
    top:50%;
    width: 10px;
    height: 10px;
    margin: 0;
    padding: 0;
    border-top: 3px solid #ffffff;
    border-right: 3px solid #ffffff;
    transform: translateY(-50%) rotate(45deg);
    transition: all 0.3s;
}

.listBox .mores a:hover {
	border:2px solid #cf1380;
	background-color:#cf1380;
	color:#ffffff;
}




/** ---------------------------------------------------------------------------


    記事一覧ページ共通


------------------------------------------------------------------------------- **/


.listSection {
    display: block;
    margin: 50px 40px;
    padding : 0;
}

.listSection > header {
    margin: 0;
    padding: 0;
    text-align: center;
}

.listSection > header h1 {
    margin: 0;
    padding: 0;
    font-size:24px;
    font-weight: 700;
}

.listSection > header h2 {
    margin: 0;
    padding: 0;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.3;
}


/* 検索 */
.listSection .searchForm {
	margin: 0 10% 30px;
}

/* ハッシュタグ */
.listSection > .hashtags {
	margin: 0 10% 30px;
}

/* 子カテゴリー一覧 */
.listSection .childs {
    display: block;
    position: relative;
    margin: 0 10% 30px;
    padding: 0;
}

.listSection .childs > ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-end;
    margin: 0;
    padding: 0;
}

.listSection .childs > ul > li {
    margin: 3px 0;
    padding: 5px 1em;
    font-size: 16px;
    list-style-type: none;
    border-bottom:2px solid #ffffff;
    white-space: nowrap;
    
}
.listSection .childs > ul > li.sel {
    border-bottom-color:#666666;
    
}

.listSection .childs a:link    { color: #231815; }
.listSection .childs a:visited { color: #231815; }
.listSection .childs a:hover   { color: #bf1b78; }
.listSection .childs a:active  { color: #bf1b78; }



/* 件数表示 */

.listSection .snumber {
    display: block;
    position: relative;
    margin: 0 10% 30px;
    padding: 0;
}

.listSection .snumber > ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0;
    padding: 0;
}

.listSection .snumber > ul > li {
    display: block;
    position: relative;
    margin:0 2px;
    padding: 5px 10px;
    line-height: 1.2;
    white-space: nowrap;
}

.listSection .snumber > ul > li.cat {
    background-color:rgba(255,255,255,0.9);
    border-radius: 0 3px 3px 3px;
    border:1px solid #e0e0e0;
}
.listSection .snumber > ul > li.cat::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom:100%;
    width: 15px;
    height:5px;
    margin: 0;
    padding: 0;
    background-color: rgba(255,255,255,0.9);
    border-radius: 3px 3px 0 0;
    border:1px solid #e0e0e0;
    border-bottom: 0;
}

.listSection .snumber > ul > li.tag {
    padding: 5px 10px 5px 20px;
    background-color:rgba(255,255,255,0.9);
    border:1px solid #e0e0e0;
    border-radius: 15px 3px 3px 15px;
}
.listSection .snumber > ul > li.tag::before {
    content:"";
    display: block;
    position: absolute;
    left: 8px;
    top: 50%;
    width: 6px;
    height: 6px;
    margin: 0;
    padding: 0;
    border-radius: 3px;
    background-color: #bf1b78;
    transform: translateY(-50%);
}


/* 該当なし */

.listSection .empty {
    display: block;
    position: relative;
    margin: 0;
    padding: 20vh 0;
    text-align: center;
}

/* ページネーション */
/*
.listSection .pagination {
    display: none;
}
*/








/** ---------------------------------------------------------------------------


    ニュース一覧     /news/


------------------------------------------------------------------------------- **/

#newsCategory {
    margin: 50px 40px 100px 30px;
}

#newsCategory .newsList {
    
}

#newsCategory .newsList > ul {
    margin: 0;
    padding: 0;
}

#newsCategory .newsList > ul > li {
    margin: 5px 0 0 0;
    padding: 0;
    list-style-type: none;
}


#newsCategory .newsList a {
    display: block;
    position: relative;
    margin: 0;
    padding: 5px 20px;
    background-color: #ffffff;
    color:#444444;
    text-decoration: none;
    border-radius: 5px;
}

#newsCategory .newsList a:hover {
    background-color: #cf1380;
    background-color: #f5d0e6;
/*    color:#ffffff; */
}

#newsCategory .newsList dl {
    margin: 0;
    padding: 0;
}

#newsCategory .newsList dt {
    float:left;
    width: 150px;
    margin: 0;
    padding: 12px 0 0;
    font-size:12px;
    font-weight: 700;
    color: #cf1380;
}

/*
#newsCategory .newsList a:hover dt {
    color: #ffffff;
}
*/

#newsCategory .newsList dd {
    margin: 0 0 0 150px;
    padding: 10px 0;
    font-size:16px;
}

#newsCategory .newsList dd.excerpt {
    padding: 10px 0 0 0;
    font-size: 14px;
    border-top:1px dotted #c0c0c0;
}

#newsCategory .pagination {
    display: none;
}




/** ----------------------------------------------------------------------------


	求人一覧    /job/


-------------------------------------------------------------------------------- **/

/*
#jobCategory > .hashtags {
    margin: 10px 0 0 0;
}
*/


/** ----------------------------------------------------------------------------


	会社説明会一覧    /session/


-------------------------------------------------------------------------------- **/


#sessionCategory {
}

#sessionCategory .childs > ul > li.sel {
    border-bottom-color: #e2a02b;
}

#sessionCategory .hashtags svg {
    fill : #e2a02b;
}

#sessionCategory .hashtags a:hover svg {
    fill: #e8b355;
}

#sessionCategory .listBox h3 a { color: #444444;}
#sessionCategory .listBox h3 a:hover { color: #e2a02b; }


/* more */
#sessionCategory .listBox .more a {
	border-color:#e2a02b;
	background-color:#ffffff;
	color:#e2a02b;
}
#sessionCategory .listBox .more a::before {
    border-top-color:#e2a02b;
    border-right-color:#e2a02b;
}

#sessionCategory .listBox .more a:hover {
	background-color:#e2a02b;
	color:#ffffff;
}
#sessionCategory .listBox .more a:hover::before {
    border-top-color: #ffffff;
    border-right-color: #ffffff;
}








/** ----------------------------------------------------------------------------


	インターン一覧  /internship


-------------------------------------------------------------------------------- **/

#internshipCategory.empty {
	padding: 30vh 0;
	background-color:#ffffff;
	border-radius: 5px;
}

#internshipCategory .emptyEntry {
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 80%;
	margin: 0;
	padding: 0;
	transform: translate(-50%, -50%);
	text-align: center;
	font-size:16px;
}

#internshipCategory .emptyEntry .links {
	display: block;
	position: relative;
	margin: 20px 0 0 0;
	padding: 0;
}

#internshipCategory .emptyEntry .links > ul {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	margin: 0;
	padding: 0;
}

#internshipCategory .emptyEntry .links > ul > li {
	width: auto;
	min-width: 200px;
	margin: 0 10px;
	padding: 0;
	list-style-type: none;
	box-sizing: border-box;
}

#internshipCategory .emptyEntry .links a {
	display: block;
	margin: 0;
	padding: 10px 20px;

	border-radius: 5px;
	background-color: #cf1380;
	
	color:#ffffff;
	font-size: 16px;
	font-weight: 700;
	text-decoration: none;
	cursor: pointer;
	
	transition: all 0.3s;
}

#internshipCategory .emptyEntry .links a:hover {
	background-color: #f055af;
	color:#ffffff;
}


#internshipCategory .hashtags svg {
    fill: #ddb514;
}

#internshipCategory .hashtags a:hover svg {
    fill: #bf1b78;
}

#internshipCategory .listBox .mores a {
	border-color:#ddb514;
	color:#ddb514;
}

#internshipCategory .listBox .mores a:hover {
	border-color:#bf1b78;
	background-color:#bf1b78;
	color:#ffffff;
}





/** ----------------------------------------------------------------------------


	セミナー一覧    /seminar/


-------------------------------------------------------------------------------- **/


#seminarCategory {
}

#seminarCategory .hashtags a svg {
    fill : #ddd220;
}

#seminarCategory .hashtags a:hover svg {
    fill: #dfcc2b;
}

#seminarCategory .listBox h3 a { color: #444444;}
#seminarCategory .listBox h3 a:hover { color: #ddd220; }

/*
#seminarCategory .listBox .more a {
    background-color: #ddd220;
}
*/

/* more */
#seminarCategory .listBox .more a {
	border-color:#ddd220;
	background-color:#ffffff;
	color:#ddd220;
}
#seminarCategory .listBox .more a::before {
    border-top-color:#ddd220;
    border-right-color:#ddd220;
}

#seminarCategory .listBox .more a:hover {
	background-color:#ddd220;
	color:#ffffff;
}
#seminarCategory .listBox .more a:hover::before {
    border-top-color: #ffffff;
    border-right-color: #ffffff;
}




/** ----------------------------------------------------------------------------


	お役立ち情報一覧    /support/


-------------------------------------------------------------------------------- **/


#supportCategory {
/*	background-color :#fdf3f9; */
}

#supportCategory > header h1 {
/*	color :#BF1B78; */
}







/** ---------------------------------------------------------------------------


    インタビュー一覧用BOX


------------------------------------------------------------------------------- **/

.interviewBox {
    display: block;
    position: relative;
    width: calc(20% - 2px);
    margin: 30px 1px 0;
    padding: 0;
    box-sizing: border-box;
}

.interviewBox a:link,
.interviewBox a:visited { color: #231815; }
.interviewBox a:hover,
.interviewBox a:active { color: #71af20; }


.interviewBox .image {
    display: block;
    position: relative;
    width: 100%;
    padding: 0 0 100% 0;
    border-radius: 5px;
    overflow: hidden;
}

.interviewBox .image img {
    display: block;
    position: absolute;
    left: 50%;
    top:50%;
    width: 100%;
    height: auto;
    transform: translate(-50%, -50%);
}


.interviewBox .text {
    padding: 10px 10px 15px;
}

.interviewBox h3 {
    margin: 0;
    padding: 0;
    font-size:18px;
    font-weight: 700;
}


.interviewBox .spec {
    font-size: 12px;
}

.interviewBox .spec ul {
    margin: 0;
    padding: 0;
}

.interviewBox .spec li {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.interviewBox .more {
    display: block;
    position: absolute;
    right: 10px;
    bottom: -10px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 20px 20px;
    border-color: transparent transparent #71af20 transparent;
    transition: all 0.3s;
}

.interviewBox a:hover .more {
    right: 5px;
    bottom: -15px;
}



/** ---------------------------------------------------------------------------


    お役立ち情報一覧    /support/


------------------------------------------------------------------------------- **/


.supportListSection {
    display: block;
    position: relative;
    margin: 0 40px;
    padding: 100px 0 0 0;
}

.supportListSection > header {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    text-align: center;
}

.supportListSection > header h1 {
    margin: 0;
    padding: 0;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.3;
}

.supportListSection > header h2 {
    margin: 0;
    padding: 0;
    font-family: "Roboto Slab", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.3;
}



/** サポートコンテンツ一覧 -------------------------------------------------------- **/


#supportList > ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin: 30px -5px 0;
    padding: 0;
}

#supportList > ul > li {
    width: 33.3%;
    padding: 0 1px;
    margin: 2px 0 0 0;
    box-sizing: border-box;
    list-style-type: none;
}

#supportList a {
    display: block;
    position: relative;
    margin: 0;
    padding: 25px 20px;
    
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    line-height: 1.2;
    color: #444444;
    background-color: #ffffff;
    border-radius: 5px;
}

#supportList a::before {
    content: "";
    display: block;
    position: absolute;
    right: 20px;
    top:50%;
    width: 10px;
    height: 10px;
    margin: 0;
    padding: 0;
    border-top:3px solid #4c7c0d;
    border-right: 3px solid #4c7c0d;
    transform: translateY(-50%) rotate(45deg);
    transition: all 0.3s;
}

#supportList a:hover {
    color: #ffffff;
    background-color: #4c7c0d;
}

#supportList a:hover::before {
    border-top-color:#ffffff;
    border-right-color: #ffffff;
    right: 10px;
}



/** 働く先輩レポート一覧section --------------------------------------------------- **/


#seniorList {}

#seniorList .interviewBox {
    width: calc(25% - 2px);
}

#seniorList .interviewBox .image {
    padding: 0 0 80% 0;
}

#seniorList .interviewBox h3 {
    font-size: 16px;
}


/** インタビュー一覧section  ----------------------------------------------------- **/

#interviewList {
    margin: 100px 40px 50px;
}

#interviewList .infoBoxes {
    margin: 0;
    justify-content: flex-start;
}


/** ホワイトペーパー一覧section ------------------------------------------------ **/

#whitepaperCategory {
    display: block;
    margin: 50px 40px;
    padding: 0;
}

/*
#whitepaperCategory .navigation {
	display:none;
}
*/




/** ---------------------------------------------------------------------------


    Responsive for tablet


------------------------------------------------------------------------------- **/

@media all and (max-width: 1024px) and  (min-width: 768px) {


    /** 記事一覧ページ用Article --------------------------------- **/

    
    /** 記事一覧ページ共通 -------------------------------------- **/

    .listSection {
        margin: 50px 20px 50px 20px;
    }

    
    /** 求人一覧    /job/ ------------------------------------- **/


    /** 会社説明会一覧    /session/ ---------------------------- **/


    /** セミナー一覧    /seminar/ ------------------------------ **/


    /** お役立ち情報一覧    /support/ --------------------------- **/


    /** インタビュー一覧用BOX ----------------------------------- **/

    .interviewBox {
        width: calc(25% - 2px);
    }


    /** お役立ち情報一覧    /support/ --------------------------- **/

    .supportListSection {
        margin: 50px 25px;
    }


    /** インタビュー一覧section  -------- **/

    #interviewList {
        margin: 100px 25px 50px;
    }
}


/** ---------------------------------------------------------------------------


    Responsive for tablet


------------------------------------------------------------------------------- **/

@media all and (max-width: 767px) {

    
    /** 記事一覧ページ用Article -------------------------------- **/

    .listBox {
        max-width: none;
        margin: 10px 0 0 0;
        padding: 10px 10px 0 10px;
    }

    .listBox > dl {
        display: block;
    }

    .listBox > dl > dt {
        width: 100%;
        padding: 0;
    }
    
    .listBox > dl > dd {
        width: auto;
        margin: 0;
        padding: 20px 10px 20px;
    }

    .listBox h3 {
        font-size: 14px;
        font-weight: 700;
    }

    .listBox p {
        margin: 10px 0 0 0;
        padding: 0;
        font-size: 12px;
    }

    /* 概要 */
    .listBox .excerpt {
        font-size: 12px;
    }


    /* スペック */
    .listBox .spec {
        font-size: 12px;
    }

    /* more */
    .listBox .more {
        position: relative;
        right: auto;
        bottom: auto;
        margin: 20px 0 0;
    }
   
    .listBox .more a {
        width: auto;
        height: 45px;
        line-height: 45px;
        border-radius: 0 0 5px 5px;
        font-size: 16px;
    }
/*    
	.listBox .more a:link,
	.listBox .more a:visited,
	.listBox .more a:hover,
	.listBox .more a:active {
		color: #BF1B78;
    }
*/
	
    /* 画像なし */
    .listBox.noimage > dl > dt {
        display: none;
    }
    
    
    
    /** 記事一覧ページ共通 ----------------------------------------- **/

    .listSection {
        margin: 10px 10px;
    }

    .listSection > header h1 {
        font-size:18px;
    }
	
	/* 検索 */
	.listSection .searchForm {
		margin: 0 0 30px;
	}

	/* ハッシュタグ */
	.listSection > .hashtags {
		margin: 0 0 30px;
	}
	
	
    /* 子カテゴリー一覧 */
    .listSection .childs > ul > li {
        padding: 5px 0.5em;
        font-size: 14px;

    }


    /* 件数表示 */
	.listSection .snumber {
		margin: 0 0 30px;
	}

    .listSection .snumber > ul > li.cat {
        font-size: 12px;
    }

    .listSection .snumber > ul > li.tag {
        font-size: 12px;
    }
    

    /** ニュース一覧 -------------------------------------------- **/
    
    #newsCategory {
        margin: 0 10px;
    }

    #newsCategory .newsList > ul > li {
        margin: 10px 0 0 0;
    }
    
    #newsCategory .newsList dt {
        float:none;
        width: auto;
    }

    #newsCategory .newsList dd {
        margin: 10px 0 0 0;
        padding: 0;
        font-size:14px;
    }

    #newsCategory .newsList dd.excerpt {
        font-size: 12px;
    }

    

    /** 求人一覧    /job/ ---------------------------------------- **/

    /** 会社説明会一覧    /session/ ------------------------------ **/

    /** セミナー一覧    /seminar/ -------------------------------- **/

    /** お役立ち情報一覧 /support/ -------------------------------- **/

    /** インタビュー一覧用BOX ------------------------------------- **/

    .interviewBox {
        width: calc(50% - 2px);
    }

    .interviewBox h3 {
        font-size:14px;
    }

    .interviewBox .more {
        border-width: 0 0 10px 10px;
    }

    
    /** 働く先輩レポート一覧section ------------------------------- **/
    
/*
    #seniorList .infoBoxes .boxes {
        flex-wrap: wrap;
        width: auto;
        margin: 0;
    }
*/
/*    
    #seniorList .infoBoxes {
        width: 100%;
        overflow: auto;
        overflow-x: auto;
        overflow-y: hidden;
    }
    
*/
    #seniorList .infoBoxes .boxes {
        width: 200%;
    }
/*    
    #seniorList .interviewBox {
        width: calc(50% - 2px);
    }
    
    #seniorList .interviewBox h3 {
    font-size: 14px;
}    
*/
    
    
    
    
    

    /** お役立ち情報一覧 /support/ ------------------------------ **/

    .supportListSection {
        margin: 50px 20px;
    }
    
    .supportListSection > header {
        margin: 0 10px;
    }

    .supportListSection > header h1 {
        font-size: 16px;
    }

    .supportListSection > header p {
        text-align: left;
    }
    
    .supportListSection > header p br {
        display: none;
    }


    /** サポートコンテンツ一覧 ----------------------------------- **/


    #supportList > ul {
        display: block;
        margin: 20px 0 0;
    }

    #supportList > ul > li {
        width: auto;
        padding: 0;
        margin: 2px 0 0 0;
    }

    #supportList a {
        padding: 15px 20px;
        font-size: 14px;
    }


    /** インタビュー一覧section  --------------------------------- **/

    #interviewList {
        margin: 50px 20px;
    }

    #interviewList .infoBoxes .boxes {
        width: 2000%;
    }

}


/** ---------------------------------------------------------------------------


    ホワイトペーパー


------------------------------------------------------------------------------- **/



/* 一覧用article --------------------------------------------- */

.whitepaperSammary {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    position: relative;
    margin: 10px 0 0 0;
    padding: 30px;
    background-color:#ffffff;
    border-radius: 5px;
}

.whitepaperSammary .image {
    display: block;
    position: relative;
    width: 30%;
    margin: 0;
    padding: 0 0 30%;
    box-sizing: border-box;
}

.whitepaperSammary .image img {
    display: block;
    position: absolute;
    left: 50%;
    top:50%;
    width: auto;
    max-height: 100%;
    height: auto;
    max-height: 100%;
    margin: 0;
    padding: 0;
    transform: translate(-50%, -50%);
    
    border:1px solid #e0e0e0;
}

.whitepaperSammary .text {
    display: block;
    position: relative;
    width: 65%;
    margin: 0;
    padding: 0 0 0 20px;
    box-sizing: border-box;
}

.whitepaperSammary .more {
    text-align: right;
}

.whitepaperSammary .more a {
    display: inline-block;
    position: relative;
    margin: 20px 0 0 0;
    padding: 10px 50px 10px 30px;
    
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    color:#cf1380;
    
    background-color: #ffffff;
    border:2px solid #cf1380;
    border-radius: 5px;
    transition: all 0.3s;
}
.whitepaperSammary .more a::before {
    content: "";
    display: block;
    position: absolute;
    right: 20px;
    top: 50%;
    width: 10px;
    height: 10px;
    margin: 0;
    padding: 0;
    border-top:2px solid #cf1380;
    border-right:2px solid #cf1380;
    transform: translateY(-50%) rotate(45deg);
    transition: all 0.3s;
}

.whitepaperSammary .more a:hover {
    color:#ffffff;
    background-color: #cf1380;
}
.whitepaperSammary .more a:hover::before {
    border-top-color:#ffffff;
    border-right-color:#ffffff;
}


/** Responsive for Smart Phone ------------------------------------ **/

@media all and (max-width: 767px) {
    
    
    .whitepaperSammary {
        display: block;
        margin: 10px 0 0 0;
        padding: 20px;
    }

    .whitepaperSammary .image {
        width: 100%;
        margin: 0 auto;
        padding: 0 0 80%;
    }

    .whitepaperSammary .text {
        width: auto;
        margin: 20px 0 0 0;
        padding: 0;
    }

    .whitepaperSammary .more {
        margin: 20px 0 0 0;
    }

    .whitepaperSammary .more a {
        display: block;
        margin: 0;
        padding: 10px 50px;
    }
}



/** ================================================================================================


	リュウカツ 記事詳細CSS  single.php

	@author   K.Sekioka of HEVIZ Co.,Ltd.
	@version  1.0 2020.8.2   New!


==================================================================================================== **/


/** ---------------------------------------------------------------------------


    共通パーツ : 募集要項


------------------------------------------------------------------------------- **/


.specBox {
    display: block;
    position: relative;
    margin: 0;
    padding: 15px 30px;
    background-color:#f5f5f5;
    border-radius: 5px;
}

.specBox h3 {
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-weight: 700;
}

.specBox h3 svg {
    width: 30px;
    height: 30px;
    vertical-align: middle;
    margin: 0 10px 0 0;
    fill:#bf1b78;
}

.specBox ul {
    display: block;
    margin: 20px 0 0 0;
    padding: 0;
}

.specBox li {
    margin: 0;
    padding: 5px 10px;
    box-sizing: border-box;
    list-style-type: none;
}

.specBox dl {
    margin: 0;
    padding: 0;
}

.specBox dt {
    display: block;
    position: relative;
    clear:left;
    float:left;
    width: 9em;
    margin: 0;
    padding: 0 0 0 1em;
    font-weight: 700;
}
.specBox dt::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top:50%;
    width: 5px;
    height: 5px;
    margin: 0;
    padding: 0;
    border-top:1px solid #222222;
    border-right: 1px solid #222222;
    transform: rotate(45deg) translateY(-50%);
}

.specBox dd {
    margin: 0;
    padding: 0 0 0 10em;
}



/** ---------------------------------------------------------------------------


    共通パーツ 編集者BOX


------------------------------------------------------------------------------- **/

.authorBox {
    display: block;
    margin: 0;
    padding: 10px;
    background-color:#f5f5f5;
    border-radius: 5px;
}

.authorBox .image {
    display: block;
    position: relative;
    width: 100px;
    margin: 0 auto;
    padding: 0 0 100px 0;
    border-radius: 50px;
    overflow: hidden;
}

.authorBox .image img {
    display: block;
    position: absolute;
    left: 50%;
    top:50%;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    transform: translate(-50%, -50%);
}

.authorBox .text {
    padding: 10px 0 0 0;
    text-align: center;
}

.authorBox .text > ul {
    margin: 0;
    padding: 0;
}

.authorBox .text > ul > li {
    margin: 0;
    padding: 0;
    list-style-type: none;
}


/** ---------------------------------------------------------------------------


    共通パーツ : 会社情報BOX


------------------------------------------------------------------------------- **/


/* 会社情報 */
.companyBox {
    display: block;
    position: relative;
    margin: 0;
    padding: 20px 20px 15px 15px;
    box-sizing: border-box;
    background-color:#f5f5f5;
    border-radius: 5px;
}

.companyBox h3 {
    font-size: 16px;
    font-weight: 700;
    margin: 0;
    padding: 0;
}

.companyBox h3 svg {
    width: 30px;
    height: 30px;
    vertical-align: middle;
    margin: 0 10px 0 0;
    fill:#bf1b78;
}

.companyBox ul {
    display: block;
    margin: 20px 0 0 0;
    padding: 0;
}

.companyBox li {
    margin: 0;
    padding: 5px 0
    box-sizing: border-box;
    list-style-type: none;
}

.companyBox dl {
    margin: 0;
    padding: 0;
}

.companyBox dt {
    display: block;
    position: relative;
    margin: 0;
    padding: 5px 0 0 1em;
    font-weight: 700;
}
.companyBox dt::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top:50%;
    width: 5px;
    height: 5px;
    margin: 0;
    padding: 0;
    border-top:1px solid #222222;
    border-right: 1px solid #222222;
    transform: rotate(45deg) translateY(-50%);
}

.companyBox dd {
    margin: 0 0 5px;
    padding: 0 0 0 1em;
}


/** ---------------------------------------------------------------------------


    共通 : ログインして申し込むバー


------------------------------------------------------------------------------- **/

.loginBar {
    display: block;
    position: relative;
    margin: 0;
    padding: 10px 10px 10px 30px;
    background-color:#ffffff;
    border-radius: 5px;
}

.loginBar dl {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    margin: 0;
    padding: 0;
}

.loginBar dt {
    width: calc(100% - 200px);
    margin: 0;
    padding: 0 20px 0 0;
    box-sizing: border-box;
}

.loginBar dd {
    width: 200px;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.loginBar dd a {
    display: block;
    position: relative;
    margin: 0;
    padding: 20px 0;
    
    color:#cf1380;
    background-color:#ffffff;
    border:3px solid #cf1380;
    
    text-decoration: none;
    transition: all 0.3s;
    text-align: center;
    
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2;
    cursor: pointer;
}

.loginBar dd a:hover {
    color: #ffffff;
    background-color: #cf1380;
}


/** ---------------------------------------------------------------------------


    ログイン後


------------------------------------------------------------------------------- **/

.entryBar {
    display: block;
    position: relative;
    margin: 10px 0 0 0;
    padding: 10px;
    background-color:#ffffff;
    border-radius: 5px;
}

.entryBar a {
    display: block;
    position: relative;
    margin: 0;
    padding: 15px 0;
    
    color:#cf1380;
    background-color:#ffffff;
    border:3px solid #cf1380;
    
    text-decoration: none;
    transition: all 0.3s;
    text-align: center;
    
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2;
    cursor: pointer;
}

.entryBar a:hover {
    color: #ffffff;
    background-color: #cf1380;
}


/** ---------------------------------------------------------------------------


    こちらもおすすめ


------------------------------------------------------------------------------- **/

.relationBoxes {
    display: block;
    position: relative;
    margin: 30px 0 0 0;
    padding: 0;
}

.relationBoxes > h3 {
    margin: 0;
    padding: 0;
    font-size: 18px;
    text-align: center;
    color: #ffffff;
}

.relationBoxes .infoBoxes {
    margin:10px 0 0;
}




/** ---------------------------------------------------------------------------


    記事詳細共通


------------------------------------------------------------------------------- **/



.detailArticle {
    display: block;
    position: relative;
/*
    width: calc(100% - 80px);
    max-width: 1000px;
    margin: 50px auto;
*/
    margin: 10px 40px 50px;
    padding: 0;
    box-sizing: border-box;
    border-radius: 5px;
}
.detailArticle::after { content:"."; display:block; height:0; clear:both; visibility:hidden; }



.detailArticle > header {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    position: relative;
    margin: 0;
    padding: 20px;
    background-color:#ffffff;
    border-radius: 5px;
}

.detailArticle > header .image {
    display: block;
    position: relative;
    width: 25%;
    margin: 0;
    padding: 0 0 25% 0;
    overflow: hidden;
}

.detailArticle > header .image img {
    display: block;
    position: absolute;
    left: 50%;
    top:50%;
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 100%;
    margin: 0;
    padding: 0;
    vertical-align: bottom;
    transform: translate(-50%, -50%);
}

.detailArticle > header .text {
    display: block;
    position: relative;
    width: 65%;
    margin: 0;
    padding: 0 0 0 30px;
    box-sizing: border-box;
}

.detailArticle > header h1 {
    margin: 0;
    padding: 0;
    font-size: 20px;
    font-weight: 700;
}


/* ハッシュタグ */

.detailArticle .hashtags {
    margin: 10px 0 0 0;
}

.detailArticle .hashtags > ul {
    justify-content: flex-start;
}


/* 詳細部分のレイアウト */
.detailArticle .detail {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;

    position: relative;
    margin: 10px 0 0 0;
    padding: 0 40px 40px 40px;
    background-color:#ffffff;
    border-radius: 5px;
}

.detailArticle .detail-left {
    width: 70%;
    margin: 0;
    padding: 0 10px 0 0;
    box-sizing: border-box;
}

.detailArticle .detail-right {
    width: 30%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}


/* 募集要項 */
.detailArticle .specBox {
    margin: 40px 0 0 0;
}

/* 本文 */
.detailArticle .content {
    display: block;
    position: relative;
    margin: 40px 0 0 0;
    padding: 0;
    background-color:#ffffff;
    border-radius: 5px;
}

/* 会社情報 */
.detailArticle .companyBox {
    margin: 40px 0 0 0;
}

/* 投稿者 */
.detailArticle .authorBox {
    margin: 40px 0 0 0;
}

/* ログインして申し込み */
.detailArticle .loginBar {
    margin: 10px 0 0 0;
}

/* 申し込みフォーム */
.detailArticle .inputForm {
    margin: 10px 0 0 0;
    padding: 40px;
    background-color:#ffffff;
    border-radius: 5px;
}

.detailArticle .inputForm h3 {
    font-size:18px;
    color:#cf1380;
}

.detailArticle .inputForm > p {
    text-align: center;
}


/* thanks */
.detailArticle .inputForm.thanks p {
    text-align: center;
}

.detailArticle .inputForm.error p {
    text-align: center;
}

.detailArticle .inputForm.already p {
    text-align: center;
}


/* 外部サイトにジャンプ（インターン用） */

.detailArticle .jump {
	display: block;
	position: relative;
	margin: 10px 0 0 0;
	padding: 10px;
	background-color:#ffffff;
	border-radius: 5px;
}

.detailArticle .jump a {
	display: block;
	position: relative;
	margin: 0;
	padding: 20px;
	border:3px solid #cf1380;
	background-color:#ffffff;
	color:#cf1380;
	font-size: 16px;
	font-weight: 700;
	text-align: center;
	line-height: 1.2;
	transition: all 0.3s;
}
.detailArticle .jump a:hover {
	background-color:#cf1380;
	color:#ffffff;
}


/** ---------------------------------------------------------------------------


    ニュース詳細


------------------------------------------------------------------------------- **/


.newsDetail {
}



/** ---------------------------------------------------------------------------


    求人記事詳細


------------------------------------------------------------------------------- **/

#jobDetailSection {
}



/** ---------------------------------------------------------------------------


    会社説明会詳細


------------------------------------------------------------------------------- **/



/* ハッシュタグ */

.sessionDetail .hashtags svg {
    fill:#e2a02b;
}

.sessionDetail .hashtags a:hover svg {
    fill:#cf1380;
}

.sessionDetail .spec h3 svg {
    fill:#e2a02b;
}

.sessionDetail .company h3 svg {
    fill:#e2a02b;
}


/** ---------------------------------------------------------------------------


    セミナー詳細


------------------------------------------------------------------------------- **/

/* ハッシュタグ */

.seminarDetail .hashtags svg {
    fill:#ddd220;
}

.seminarDetail .hashtags a:hover svg {
    fill:#cf1380;
}

.seminarDetail .spec h3 svg {
    fill:#ddd220;
}

.seminarDetail .company h3 svg {
    fill:#ddd220;
}


/* ログインして申し込み */

/*
.seminarDetail .login dd a {
    color:#ffffff;
    background-color:#ddd220;
}

.seminarDetail .login dd a:hover {
    color:#ffffff;
    background-color:#cf1380;
}
*/

/* BACK BUTTON */

/*
.seminarDetail .backBtn a {
    background-color:#ddd220;
    color: #ffffff;
}

.seminarDetail .backBtn a:hover {
    background-color: #cf1380;
}
*/


/** ---------------------------------------------------------------------------


    お役立ち情報詳細


------------------------------------------------------------------------------- **/



.supportDetail {
}

.supportDetail .content {
    padding: 40px;
}

.supportDetail .backBtn a {
    background-color:#71af20;
    color: #ffffff;
}

.supportDetail .backBtn a:hover {
    background-color: #cf1380;
}


/** ---------------------------------------------------------------------------


    働く先輩レポート


------------------------------------------------------------------------------- **/


.seniorDetail .backBtn a {
    background-color:#71af20;
    color: #ffffff;
}

.seniorDetail .backBtn a:hover {
    background-color: #cf1380;
}



/** ---------------------------------------------------------------------------


    インタビュー詳細


------------------------------------------------------------------------------ **/



.interviewDetail {
    display: block;
    position: relative;
    width: calc(100% - 80px);
    max-width: 1000px;
    margin: 50px auto 50px;
    padding: 0;
}

.interviewDetail > header .sams {
    display: block;
    position: relative;
    margin: 10px 0 0 0;
    padding: 0;
}

.interviewDetail > header .sams ul {
    margin: 0;
    padding: 0;
}

.interviewDetail > header .sams li {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.interviewDetail > header .sams dl {
    margin: 0;
    padding: 0;
}

.interviewDetail > header .sams dt {
    clear: left;
    float: left;
    width: 8em;
    margin: 0;
    padding:3px 0;
}

.interviewDetail > header .sams dd {
    margin: 0;
    padding: 3px 0 3px 8em;
}

.interviewDetail .backBtn a {
    background-color:#71af20;
    color: #ffffff;
}

.interviewDetail .backBtn a:hover {
    background-color: #cf1380;
}



/** ---------------------------------------------------------------------------


    ホワイトペーパー


------------------------------------------------------------------------------- **/


.whitepaperDetail  {
}

.whitepaperDetail > header {
    display: block;
    position: relative;
    margin: 20px 0 0 0;
    padding: 0;
    background-color: transparent;
    text-align: center;
}

.whitepaperDetail > header h1 {
    margin: 0;
    padding: 0;
    font-size:20px;
    font-weight: 700;
}

.whitepaperDetail .flx {
}

.whitepaperDetail .left {
    margin: 20px 0 0 0;
    padding: 30px;
    box-sizing: border-box;
    background-color: #ffffff;
    border-radius: 5px;
}

.whitepaperDetail .right {
    margin: 20px 0 0 0;
    padding: 0;
    box-sizing: border-box;
}

.whitepaperDetail .image {
    text-align: center;
}

.whitepaperDetail .image img {
    border:1px solid #e0e0e0;
}

.whitepaperDetail .content {
    margin: 30px 0 0 0;
}

.whitepaperDetail .contactBox {
    display: block;
    position: relative;
    margin: 0 0 20px 0;
    padding: 30px;
    background-color: #ffffff;
    border-radius: 5px;
}

.whitepaperDetail .contactBox h3 {
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
}

.whitepaperDetail .inputForm {
    margin: 20px 0 0 0;
    padding: 0;
}

.whitepaperDetail .thanksBox {
    display: block;
    position: relative;
    margin: 0 0 20px;
    padding: 30px;
    background-color:#ffffff;
    border-radius: 5px;
}

.whitepaperDetail .thanksBox p {
    text-align: center;
}

.whitepaperDetail .thanksBox .download {
    margin: 30px 0 0 0;
    text-align: center;
}

.whitepaperDetail .thanksBox .download a {
    display: inline-block;
    position: relative;
    padding: 15px 60px 15px 30px;
    text-align: center;
    
    border:3px solid #cf1380;
    border-radius: 5px;
    background-color:#ffffff;
    color:#cf1380;
    
    font-size: 16px;
    font-weight:700;
    
    text-decoration: none;
    transition: all 0.3s;
}
.whitepaperDetail .thanksBox .download a::before{
    content: "";
    display: block;
    position: absolute;
    right: 30px;
    top:50%;
    width: 10px;
    height: 10px;
    margin: 0;
    padding: 0;
    border-top:3px solid #cf1380;
    border-right:3px solid #cf1380;
    transform: translateY(-50%) rotate(135deg);
    transition: all 0.3s;
}


.whitepaperDetail .thanksBox .download a:hover {
    background-color:#cf1380;
    color:#ffffff;
}
.whitepaperDetail .thanksBox .download a:hover::before{
    border-top-color:#ffffff;
    border-right-color:#ffffff;
}

.whitepaperDetail .errorBox {
    display: block;
    position: relative;
    margin: 0 0 20px 0;
    padding: 30px;
    background-color: #ffffff;
    border-radius: 5px;
}

.whitepaperDetail .errorBox p {
    text-align: center;
    color: #ff0000;
    font-weight: 700;
}



/** ----------------------------------------------------------------------------


	Responsive for tablet & Phone


-------------------------------------------------------------------------------- **/

@media all and (max-width: 1024px) {

    

    /** 記事詳細共通 ------------------------------------------- **/

    .detailArticle {
        width: auto;
        max-width: auto;
        margin: 10px 20px 0;
    }
    

    /** ニュース詳細 ------------------------------------------- **/


    /** 求人記事詳細 ------------------------------------------- **/


    /** 会社説明会詳細 ----------------------------------------- **/


    /** セミナー詳細 ------------------------------------------- **/


    /** お役立ち情報詳細 ---------------------------------------- **/

    .supportDetail {
        margin: 50px 20px;
    }

    /** インタビュー詳細 ---------------------------------------- **/

    .interviewDetail {
        width: auto;
        max-width: none;
        margin: 50px 20px;
    }

    .interviewDetail > header .text {
        width: 65%;
    }
}



/** ----------------------------------------------------------------------------


	Responsive for Smart Phone


-------------------------------------------------------------------------------- **/

@media all and (max-width: 767px) {

    
    /** 共通 : ログインして申し込むバー ------------------------ **/
    
    .loginBar {
        padding: 0;
    }

    .loginBar dl {
        display: block;
    }

    .loginBar dt {
        width: auto;
        padding: 20px;
    }

    .loginBar dd {
        width: auto;
        margin: 10px 0 0 0;
    }

    .loginBar dd a {
        border-radius: 0 0 5px 5px;
    }

    
    /** こちらもおすすめ ----------------------------------------- **/

    .relationBoxes .infoBoxes {
        margin:10px 10px 0;
    }

    .relationBoxes .infoBoxes .boxes {
        width: 300%;
    }
    
    .relationBoxes .indexBox {
        width: calc(33.33% - 2px);
    }
    
    
    
    /** 記事詳細共通 ------------------------------------------ **/

    .detailArticle {
        width: auto;
        max-width: none;
        margin: 10px 10px 0;
    }

    .detailArticle > header {
        display: block;
        margin: 0;
        padding: 20px;
    }

    .detailArticle > header .image {
        width: 100%;
        margin: 0 0 10px 0;
        padding: 0 0 100% 0;
    }

    .detailArticle > header .text {
        width: auto;
        margin: 0;
        padding: 0;
    }

    .detailArticle > header h1 {
        font-size: 16px;
    }

    /* ハッシュタグ */
    .detailArticle .hashtags {
        margin: 20px 0 0 0;
    }


    /* スペック */
    .detailArticle .specBox {
        padding: 15px;
        margin: 10px 0 0 0;
    }

    .detailArticle .specBox dt {
        float:none;
        width: auto;
        margin: 0;
    }

    .detailArticle .specBox dd {
        padding: 0 0 0 1em;
    }



    /* 詳細部分のレイアウト */
    .detailArticle .detail {
        display: block;
        margin: 0;
        padding: 0;
        background-color:transparent;
    }

    .detailArticle .detail-left {
        width: auto;
        padding: 0;
    }

    .detailArticle .detail-right {
        width: auto;
    }
    

    /* 本文 */
    .detailArticle .content {
        margin: 10px 0 0 0;
        padding: 20px;
        background-color: #ffffff;
        border-radius: 5px;
    }

    
    /* 会社情報 */
    .detailArticle .companyBox {
        margin: 10px 0 0 0;
        padding: 15px;
    }
    

    /* 投稿者 */
    .detailArticle .authorBox {
        margin: 10px 0 0 0;
        padding: 15px;
    }


    /* ログインして申し込み */
    .detailArticle .login {
        margin: 10px 0 0 0;
        padding: 0;
    }

    .detailArticle .login dl {
        display: block;
        margin: 0;
        padding: 0;
    }

    .detailArticle .login dt {
        width: auto;
        margin: 0;
        padding: 15px 15px 0;
    }

    .detailArticle .login dd {
        width: auto;
        margin: 15px 0 0 0;
    }

    .detailArticle .login dd a {
        border-radius: 0 0 5px 5px;
    }

    /* 申し込みフォーム */
    .detailArticle .inputForm {
        padding: 40px 20px;
    }
    
    .detailArticle .inputForm h3 {
        font-size: 16px;
    }
    

    /** ニュース詳細 ----------------------------------------- **/

    .newsDetail {
        margin: 10px 10px;
    }

    .newsDetail .content {
        margin: 10px 0 0 0;
        padding: 10px;
    }


    /** 求人記事詳細 ---------------------------------------- **/


    /** 会社説明会詳細 -------------------------------------- **/

    
    /** セミナー詳細 ---------------------------------------- **/


    /** お役立ち情報詳細 ------------------------------------ **/

    .supportDetail {
        margin: 10px 10px;
    }
    
    .supportDetail > header h1 {
        text-align: center;
    }

    .supportDetail .content {
        margin: 10px 0 0 0;
        padding: 15px;
    }


    /** インタビュー詳細 ----------------------------------- **/

    .interviewDetail {
        width: auto;
        max-width: none;
        margin: 10px 10px;
    }

    .interviewDetail > header {
        display: block;
        margin: 0;
        padding: 0;
    }

    .interviewDetail > header .eyecatch {
        width: 100%;
        border-radius: 5px 5px 0 0;
        overflow: hidden;
    }

    .interviewDetail > header .text {
        width: auto;
        margin: 0;
        padding: 20px;
    }

    .interviewDetail > header h1{
        font-size: 18px;
        text-align: center;
    }

    .interviewDetail .content {
        margin: 20px 0 0 0;
        padding: 15px;
    }
    
    
    
    /** ホワイトペーパー ---------------------------------- **/

  .whitepaperDetail .left {
        margin: 10px 0 0 0;
        padding: 20px;
    }

    .whitepaperDetail .right {
        margin: 10px 0 0 0;
    }

    .whitepaperDetail .content {
        margin: 20px 0 0 0;
        padding: 0;
    }

    .whitepaperDetail .contactBox {
        padding: 20px;
    }

    .whitepaperDetail .thanksBox .download a {
        display: block;
        padding: 15px 30px;
    }
}






/** ================================================================================================

	ダイアログ用CSS

==================================================================================================== **/




/* ダイアログを開く */
body.openDialog,
body.openLoginDialog {
    overflow: hidden;
}




/** ===========================================================================


    ログイン用ダイアログ共通


=============================================================================== **/

.siteDialog {
    display: block;
    position: fixed;
    left: 0;
    top:0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    z-index:2000;
}

.siteDialog > .bg {
    display: block;
    position: absolute;
    left: 0;
    top:0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    
    background-color:rgba(0,0,0,0.9);
    cursor:pointer;
    transition: all 1s ease-in-out;
}

.siteDialog > .win {
    display: block;
    position: absolute;
    left: 50%;
    top:50%;
    margin: 0;
    padding: 0 0 10px;
    box-sizing: border-box;

    background-color:#ffffff;
    color:#231815;
    transform: translate(-50%, -50%);
    border-radius: 5px;
}

.siteDialog h3 {
    margin: 0;
    padding: 15px 40px 15px 10px;
    background-color:#BF1B78;
    color:#ffffff;
    font-size:16px;
    font-weight: 700;
    line-height: 1.2;
    border-radius: 5px 5px 0 0;
}

.siteDialog .close {
    display: block;
    position: absolute;
    right: 10px;
    top: 9px;
    margin: 0;
    padding: 0;
}

.siteDialog .close a {
    display: block;
    position: relative;
    width: 30px;
    margin: 0;
    padding: 30px 0 0 0;
    cursor: pointer;
    color:#222222;
    font-size:8px;
    line-height: 1.2;
}

.siteDialog .close a::before,
.siteDialog .close a::after{
    content: "";
    display: block;
    position: absolute;
    left: 10%;
    top:15px;
    width: 80%;
    height: 1px;
    margin: 0;
    padding: 0;
    background-color:#ffffff;
}
.siteDialog .close a::before{ transform: rotate(-45deg); }
.siteDialog .close a::after { transform: rotate( 45deg); }


/*　開閉アニメーション -------------------------- */


.siteDialog {
    top:100%;
    transition-property: all;
    transition-duration: 1s;
    transition-delay: 0s;
    transition-timing-function: ease-in;
}

.siteDialog > .bg {
    top:100%;
    transition-property: all;
    transition-duration: 0.5s;
    transition-delay: 0s;
    transition-timing-function: ease-in;
}

.siteDialog > .win {
    top:100%;
    transform: translate(-50%, 0);
    
    transition-property: all;
    transition-duration: 0.5s;
    transition-delay: 0s;
    transition-timing-function: ease-in;
}


.siteDialog.open {
    top:0;
    transition-duration: 0.1s;
    transition-timing-function: ease-out;
}

.siteDialog.open > .bg {
    top:0;
    transition-delay: 0.1s;
    transition-timing-function: ease-out;
}

.siteDialog.open > .win {
    top:50%;
    transform: translate(-50%, -50%);

    transition-delay: 0.5s;
    transition-timing-function: ease-out;
}




/** ===========================================================================


    ログイン用ダイアログ


=============================================================================== **/



#loginDialog > .win {
    width: 50%;
    max-width: 300px;
}

#loginDialog p.error {
    margin: 20px 20px 0;
    font-size:12px;
    color:#ff0000;
}

#loginDialog dl {
    margin: 20px;
}

#loginDialog dt {
    margin: 0;
    padding: 0;
    
    font-size:12px;
    font-weight: 400;
    line-height: 1.2;
}

#loginDialog dd {
    margin: 5px 0 15px;
    padding: 0;
}

#loginDialog input {
    width: 100%;
    height: 50px;
    line-height: 50px;
}

#loginDialog input[type="submit"] {
    background-color:#BF1B78;
    font-weight: 700;
}


#loginDialog input[type="submit"]:hover {
    background-color:#d04996;
}

#loginDialog .register,
#loginDialog .forget {
    margin: 0 20px;
    text-align: center;
    font-size: 12px;
}


/* エラー表示 */
#loginDialog .win .errorComment {
    display: none;
    margin: 1em 20px;
    color: #ff0000;
    text-align: center;
}

#loginDialog.error .win .errorComment {
    display: block;
}



/* 開く時のアニメーション */

body.openLoginDialog #loginDialog {
    top:0;
    transition-duration: 0.1s;
    transition-timing-function: ease-out;
}

body.openLoginDialog #loginDialog > .bg {
    top:0;
    transition-delay: 0.1s;
    transition-timing-function: ease-out;
}

body.openLoginDialog #loginDialog > .win {
    top:50%;
    transform: translate(-50%, -50%);

    transition-delay: 0.5s;
    transition-timing-function: ease-out;
}


/** Responsive for Smart Phone ---------------------------- **/

@media screen and (max-width: 767px) {

    #loginDialog > .win {
        width: 80%;
        max-width: none;
    }

    #loginDialog p.error {
        margin: 20px 20px 0;
        font-size:12px;
        color:#ff0000;
    }

    #loginDialog dl {
        margin: 20px;
    }

    #loginDialog dt {
        margin: 0;
        padding: 0;

        font-size:12px;
        font-weight: 400;
        line-height: 1.2;
    }

    #loginDialog dd {
        margin: 5px 0 15px;
        padding: 0;
    }

    #loginDialog input {
        width: 100%;
        height: 50px;
        line-height: 50px;
    }

    #loginDialog input[type="submit"] {
        background-color:#BF1B78;
        font-weight: 700;
    }


    #loginDialog input[type="submit"]:hover {
        background-color:#d04996;
    }

    #loginDialog .register,
    #loginDialog .forget {
        margin: 0 20px;
        text-align: center;
        font-size: 12px;
    }


    /* エラー表示 */
    #loginDialog .win .errorComment {
        display: none;
        margin: 1em 20px;
        color: #ff0000;
        text-align: center;
    }

    #loginDialog.error .win .errorComment {
        display: block;
    }
}


/** Responsive for Print --------------------------------- **/

@media print {

    #loginDialog {
		display: none;
    }
}






/** ---------------------------------------------------------------------------


    WeChat QRコード


------------------------------------------------------------------------------- **/


/* 閉じる */
#wechatDialog .close a::before,
#wechatDialog .close a::after{
    background-color:#444444;
}

#wechatDialog > .win {
    padding: 30px 15px 15px;
}

#wechatDialog > .win img {
    display: block;
    margin: 0 auto;
    vertical-align: bottom;
}

#wechatDialog > .win svg {
    width: 25px;
    height: 25px;
    float: left;
    fill: #00CB1F;
    margin-right: 3px;
}




/* 開く時のアニメーション */

body.openWechatDialog #wechatDialog {
    top:0;
    transition-duration: 0.1s;
    transition-timing-function: ease-out;
}

body.openWechatDialog #wechatDialog > .bg {
    top:0;
    transition-delay: 0.1s;
    transition-timing-function: ease-out;
}

body.openWechatDialog #wechatDialog > .win {
    top:50%;
    transform: translate(-50%, -50%);

    transition-delay: 0.5s;
    transition-timing-function: ease-out;
}



@media print {

	/* 閉じる */
	#wechatDialog {
		display: none;
	}
}




/** ================================================================================================


	学校向け・企業向けページのCSS

	@author   K.Sekioka of HEVIZ Co.,Ltd.

	@version  1.0 2020.8.2   New!


==================================================================================================== **/

/* bodyの色 */

body.companyPage     { background-color:#e8f7f6; }
body.companyPage.odd { background-color:#bce7e4; }


body.schoolPage      { background-color:#e8f3f9; }
body.schoolPage.odd  { background-color:#bbdaee; }



/** ---------------------------------------------------------------------------


	共通パーツ : お問い合わせ帯


------------------------------------------------------------------------------- **/

.contactBand {
    display: block;
    position: relative;
    margin: 50px 0 0;
    padding: 10px;
    box-sizing: border-box;
	
    background-color:#ffffff;
	
	font-size: 16px;
	font-weight: 700;
	
    transition: all 1s;
}

.contactBand > .inner {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
	
	position: relative;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.contactBand > .inner > h3,
.contactBand > .inner > div {
	width: calc( 25% - 10px );
	margin: 0 5px;
}


.contactBand svg {
    fill: #BF1B78;
    width: 30px;
    height: 30px;
	margin: 0 5px 0 0;
    vertical-align: middle;
    transition: all 0.3s;
}


.contactBand a {
    display: block;
	position: relative;
    padding: 10px 0;
	
	color: inherit;
	text-align: center;
	text-decoration: none;
	
	background-color: #f0f0f0;
    cursor: pointer;
    transition: all 0.3s;
}

.contactBand a:hover {
    background-color: #BF1B78;
    color:#ffffff;
}

.contactBand a:hover svg {
    fill: #ffffff;
}

.contactBand h3 {
    text-align: center;
    color: #BF1B78;
    font-size: inherit;
    font-weight: inherit;
}

.contactBand dl {
	margin: 0;
	padding: 0;
}

.contactBand dt {
	margin: 0;
	padding: 0;
}

.contactBand dd {
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-weight: 400;
}


/* tel */
.contactBand .tel a,
.contactBand .tel a:hover {
	padding: 0;
	cursor: default;
	color: inherit;
	background-color: transparent;
}

.contactBand .tel dt {
    font-size:24px;
    font-family: "Roboto Slab", sans-serif;
}

.contactBand .tel a:hover svg {
    fill: #BF1B78;
}


/*  */
#schoolArticle .contactBand > .inner {
    flex-wrap: wrap;
}

#schoolArticle .contactBand > .inner > h3 {
    width: 100%;
    margin: 0 0 10px;
	text-align: center;
}


/** Responsive for Smart Phone ----------- **/

@media all and (max-width: 767px) {
    
	.contactBand {
		margin: 20px 0 0;
		padding: 20px;
	}

	.contactBand > .inner {
		display: block;
	}

	.contactBand > .inner > h3,
	.contactBand > .inner > div {
		width: auto;
		margin: 10px 0 0 0;
	}
}


/** ===========================================================================


	共通パーツ :　(新)ホワイトペーパー一覧


=============================================================================== **/

.whitepaperEntries {}

.whitepaperEntries .entries {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: stretch;
	
	position: relative;
	margin: 0;
	padding: 0;
}

.whitepaperEntry {
	display: block;
	position: relative;
	width: calc( 33.33% - 20px );
	margin: 0 10px;
	padding: 10px 10px 90px;
	box-sizing: border-box;
	
	background-color:#ffffff;
}

.whitepaperEntry dl {
	margin: 0;
	padding: 0;
}

.whitepaperEntry dt {
	margin: 0;
	padding: 0;
}

.whitepaperEntry dt a {}

.whitepaperEntry dt a img {
	width: 100%;
	border: 1px solid #e0e0e0;
	vertical-align: bottom;
}

.whitepaperEntry dd {
	margin: 0;
	padding: 20px;
}

.whitepaperEntry h3 {
	font-size: 18px;
	font-weight: 700;
	margin: 0;
	padding: 0;
}

.whitepaperEntry dd.dload {
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

.whitepaperEntry dd.dload a {
	display: block;
	margin: 0;
	padding: 20px 10px;
	
	background-color: #ffffff;
	border:2px solid #BF1B78;
		
	color: #BF1B78;
	text-align: center;
	font-size: 16px;
	font-weight: 700;
	text-align: center;
	line-height: 1.3;
	text-decoration: none;
	
	transition: all 0.3s;
}

.whitepaperEntry dd.dload a:hover {
	background-color: #BF1B78;	
	color: #ffffff;
}

.whitepaperEntries .more {
	margin: 50px 0 0 0;
	text-align: center;
}

.whitepaperEntries .more a {
	display: inline-block;
	width: 40%;	
	margin: 0;
	padding: 20px 10px;
	
	background-color: #ffffff;
	border:2px solid #BF1B78;
		
	color: #BF1B78;
	text-align: center;
	font-size: 18px;
	font-weight: 700;
	text-align: center;
	line-height: 1.3;
	text-decoration: none;
	
	transition: all 0.3s;
}

.whitepaperEntries .more a:hover {
	background-color: #BF1B78;
	color: #ffffff;
}


/** Responsive for Smart Phone ----------- **/

@media all and (max-width: 767px) {
	
	
	.whitepaperEntries {}

	.whitepaperEntries .entries {
		display: block;
	}

	.whitepaperEntry {
		width: auto;
		margin: 10px 0 0 0;
		padding: 10px 10px 90px;

		background-color:#ffffff;
	}

	.whitepaperEntry dl {
		margin: 0;
		padding: 0;
	}

	.whitepaperEntry dt {
		margin: 0;
		padding: 0;
	}

	.whitepaperEntry dt a {}

	.whitepaperEntry dt a img {
		width: 100%;
		border: 1px solid #e0e0e0;
		vertical-align: bottom;
	}

	.whitepaperEntry dd {
		margin: 0;
		padding: 20px;
	}

	.whitepaperEntry h3 {
		font-size: 18px;
		font-weight: 700;
		margin: 0;
		padding: 0;
	}

	.whitepaperEntry dd.dload {
		display: block;
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		margin: 0;
		padding: 0;
		box-sizing: border-box;
	}

	.whitepaperEntry dd.dload a {
		display: block;
		margin: 0;
		padding: 20px 10px;

		background-color: #ffffff;
		border:2px solid #BF1B78;

		color: #BF1B78;
		text-align: center;
		font-size: 16px;
		font-weight: 700;
		text-align: center;
		line-height: 1.3;
		text-decoration: none;

		transition: all 0.3s;
	}

	.whitepaperEntry dd.dload a:hover {
		background-color: #BF1B78;	
		color: #ffffff;
	}

	.whitepaperEntries .more {
		margin: 20px 0 0 0;
	}

	.whitepaperEntries .more a {
		display: block;
		width: auto;
	}
}



/** ===========================================================================


	共通パーツ : 講師一覧


=============================================================================== **/

.teacherList {}

.teacherList .inner {}

.teacherList ul {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: stretch;
	margin: 0;
	padding: 0;
	list-style-type: none;
	box-sizing: border-box;
}

.teacherList li {
	width: calc( 33.33% - 20px );
	margin: 0 10px;
	padding: 0;
	list-style-type: none;
	box-sizing: border-box;
	
	background-color:#ffffff;
}

.teacherList .teacher {}

.teacherList .teacher dl {
	margin: 0;
	padding: 0;
}

.teacherList .teacher dt.image {
	margin: 0;
	padding: 0;
}

.teacherList .teacher dt.image img {
	width: 100%;
	vertical-align: bottom;
}

.teacherList .teacher dd {
	margin: 0;
	padding: 30px;
}

.teacherList .teacher dd h3 {
	margin: 0;
	padding: 0;
	
	color: #CF1380;
	font-size: 20px;
	font-weight: 700;
	text-align: center;
}

.teacherList .teacher dd .desc {
	margin: 20px 0 0 0;
}



/** Responsive for Smart Phone ----------- **/

@media all and (max-width: 767px) {

	.teacherList ul {
		display: block;
	}

	.teacherList li {
		width: auto;
		margin: 10px 0 0 0;
	}

	.teacherList .teacher dd {
		padding: 20px;
	}

	.teacherList .teacher dd h3 {
		font-size: 18px;
	}
}




/** ----------------------------------------------------------------------------


    学校ページ・企業ページ共通


-------------------------------------------------------------------------------- **/

.commerceArticle {
    display: block;
    position: relative;
    margin: 0 0 50px 10px;
    padding: 0;
}


/* 1つ目（カルーセル下) */
.commerceArticle #contactBand01 {
    margin: 2px 0 0 0;
}



/** Home ---------------------------------------------------- **/

.commerceArticle .homeRow {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
}
.commerceArticle .homeRow::after { content:"."; display:block; height:0; clear:both; visibility:hidden; }


/* カルーセル */

.commerceArticle .homeRow .images {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}


.commerceArticle .homeRow .hvSlider.fade .screen {
	padding:0 0 50% 0;
}

.commerceArticle .homeRow .hvSlider.fade .screen > ul > li {
    width: 100%;
    height: 100%;
}

.commerceArticle .homeRow .hvSlider.fade .screen > ul > li img {
    display: block;
    position: absolute;
    left: 50%;
    top:50%;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    transform: translate(-50%, -50%);
}


/* 見出し */

.commerceArticle .homeRow > header {
    display: block;
    position: absolute;
    left: 15%;
    top:50%;    
    width: 70%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    color:#ffffff;
    z-index:100;
    transform: translateY(-50%);
    text-align: center;
}

.commerceArticle .homeRow > header h1 {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    
    font-size: 34px;
    font-weight: 700;
    line-height: 1.3;
}

.commerceArticle .homeRow > header h1 img {
    width: 180px;
    padding: 0 10px;
    vertical-align: middle;
}


.commerceArticle .homeRow > header h2 {
    margin: 30px 0 0 0;
    padding: 0;
    box-sizing: border-box;
    
    font-size: 18px;
    font-weight: 700;
    line-height: 1.8;
}

.commerceArticle .homeRow > header h2 img {
    width: 100px;
    padding: 0 5px;
    vertical-align: middle;
}

.commerceArticle .homeRow > header p {
    text-align: justify;
}

.commerceArticle .homeRow > header strong {
    font-weight: 700;
    color: #cf1380;
}


/* バナー */
.commerceArticle .homeRow > header .banner {
    margin: 10% 0 0 0;
	text-align: center;
}

.commerceArticle .homeRow > header .banner img {
	vertical-align: bottom;
}



/** -----------------------------------------------------------

	ニュース

--------------------------------------------------------------- **/

.commerceArticle #newsRow {
	margin: 100px 50px 0 50px;
	text-align: center;
}

.commerceArticle #newsRow h3 {
    display: inline-block;
    position: relative;
    margin: 0;
    padding: 0 60px;
    font-size:20px;
    font-weight: 700;
    text-align: center;
}
.commerceArticle #newsRow h3::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 50px;
    height: 4px;
    margin: 0;
    padding: 0;
    border-radius: 2px;
    background-color:#cf1380;
    transform: translateY(-50%);
}
.commerceArticle #newsRow h3::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    width: 50px;
    height: 4px;
    margin: 0;
    padding: 0;
    border-radius: 2px;
    background-color:#cf1380;
    transform: translateY(-50%);
}

.commerceArticle #newsRow .content {
	margin: 10px 0 0 0;
	padding: 30px;
	border: 5px solid #20afa7;
	background-color:#ffffff;
	border-radius: 10px;
	text-align: left;
}


/** ---------------------------------------------------------------------------

    3/4つのポイント

------------------------------------------------------------------------------- **/

.commerceArticle #commerceNav {
    margin: 100px 40px 0;
    padding: 0 0 20px;
    text-align: center;
}

.commerceArticle #commerceNav h3 {
    display: inline-block;
    position: relative;
    margin: 0;
    padding: 0 60px;
/*    color:#cf1380; */
    font-size:20px;
    font-weight: 700;
    text-align: center;
}
.commerceArticle #commerceNav h3::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 55px;
    height: 4px;
    margin: 0;
    padding: 0;
    border-radius: 2px;
    background-color:#cf1380;
    transform: translateY(-50%);
}
.commerceArticle #commerceNav h3::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    width: 55px;
    height: 4px;
    margin: 0;
    padding: 0;
    border-radius: 2px;
    background-color:#cf1380;
    transform: translateY(-50%);
}

.commerceArticle #commerceNav > ul {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: stretch;
    margin: 20px 0 0 0;
    padding: 0;
    text-align: left;
}

.commerceArticle #commerceNav > ul > li {
    width: 25%;
    margin: 0;
    padding: 0 10px;
    box-sizing: border-box;
    list-style-type: none;
}


.commerceArticle #commerceNav a {
    display: block;
    position: relative;
    padding: 20px 0;
    background-color:#ffffff;
    
    border:5px solid #cf1380;
    border-radius: 10px;
    transition: all 0.3s;
}
.commerceArticle #commerceNav a::before {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 100%;
    width: 20px;
    height: 20px;
    margin: -9px 0 0 -8px;
    padding: 0;
    border-top:5px solid #cf1380;
    border-right: 5px solid #cf1380;
    background-color:#ffffff;
    transform: rotate(135deg);
    transition: all 0.3s;
}


.commerceArticle #commerceNav dl {
    margin: 0;
    padding: 0;
}

.commerceArticle #commerceNav dt {
    margin: 0;
    padding: 0;
    text-align: center;
    font-family: "RobotoSlab", sans-serif;
    font-weight: 700;
    font-size: 140px;
    line-height: 1;
    text-align: center;
    z-index:1;
    opacity: 0.1;
}

.commerceArticle #commerceNav dd {
    display: block;
    position: absolute;
    left: 10%;
    top: 50%;
    width: 80%;
    margin: 0;
    padding: 0;
    transform: translateY(-50%);
    z-index:20;
    
    font-size: 16px;
    font-weight: 700;
}


.commerceArticle #commerceNav a:hover {
    background-color: #cf1380;
    color:#ffffff;
}
.commerceArticle #commerceNav a:hover::before {
    background-color:#cf1380;
}



/** ---------------------------------------------------------------------------

    区切り画像

------------------------------------------------------------------------------- **/

.commerceArticle .separator {
    display: block;
    position: relative;
    margin: 2px 0 0 0;
    padding: 0;
}

.commerceArticle .separator img {
    width: 100%;
    vertical-align: bottom;
}



/** ---------------------------------------------------------------------------

    Point共通

------------------------------------------------------------------------------- **/

.commerceArticle .pointRow {
    display: block;
    position: relative;
    margin: 0 10px;
    padding: 150px 0 0;
}

.commerceArticle .pointRow > header {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
}

.commerceArticle .pointRow > header h2 {
    margin: 10px 0 0 0;
    padding: 0;
    font-size:20px;
    text-align: center;
}

.commerceArticle .pointRow > header h2 strong {
    color: #cf1380;
    text-align: center;
    font-family: "RobotoSlab", sans-serif;
    font-weight: 700;
    font-size: 60px;
    line-height: 1;
    vertical-align: middle;
}

.commerceArticle .pointRow > header h1 {
    display: block;
    position: relative;
    width: 50%;
    margin: 10px auto 0;
    padding: 15px 20px 15px;
    box-sizing: border-box;
    background-color: #ffffff;
    border-radius: 5px;
    text-align: center;
}
.commerceArticle .pointRow > header h1::before{
    content: "";
    display: block;
    position: absolute;
    width: 15px;
    height: 15px;
    left: 50%;
    top:0;
    margin: 0;
    padding: 0;
    background-color: #ffffff;
    transform: translate(-50%, -50%) rotate(45deg);
}


/* Lead */

.commerceArticle .pointRow .lead {
    margin: 30px 0 0;
    text-align: center;
    font-size:16px;
}

.commerceArticle .pointRow .lead h3 {
    margin: 1em 0;
    font-size:16px;
    font-weight: 700;
}


/** -------------------------------------------------------

    Contact共通

----------------------------------------------------------- **/

.commerceArticle #contact > header h2 {
    font-family: "RobotoSlab", sans-serif;
    font-weight: 700;
    font-size: 40px;
    line-height: 1;
}

.commerceArticle #contact .inputForm {
    margin: 30px 40px 0;
    padding: 30px;
    background-color:#ffffff;
    border-radius: 5px;
}



/** ===============================================================================================


    企業ページ /company/


=================================================================================================== **/


#companyArticle{}



/** ニュース ---------------------------------------------------- **/

#companyArticle #newsRow h3::before,
#companyArticle #newsRow h3::after {
    background-color: #20afa7;
}

#companyArticle #newsRow .content {
	border-color: #20afa7;
}


/** お問合せ帯 -------------------------------------------------- **/


#companyArticle #contactBand03 {
	margin: 2px 0 0 0;
}


/** 3/4つのポイント --------------------------------------------- **/

#companyArticle #commerceNav h3::before,
#companyArticle #commerceNav h3::after {
    background-color:#20afa7;
}

#companyArticle #commerceNav a {
    border-color:#20afa7;
    color:#20afa7;
}
#companyArticle #commerceNav a::before {
    border-top-color:#20afa7;
    border-right-color:#20afa7;
}

#companyArticle #commerceNav a dd {
    color:#444444;
}

#companyArticle #commerceNav a:hover {
    background-color: #20afa7;
    color: #ffffff;
}
#companyArticle #commerceNav a:hover::before {
    background-color:#20afa7;
}

#companyArticle #commerceNav a:hover dd {
    color:#ffffff;
}



/** Point共通 ---------------------------------------------------- **/

#companyArticle .pointRow > header h2 strong {
    color: #20afa7;
}

#companyArticle .pointRow > header h1 {
    background-color: #20afa7;
    color: #ffffff;
}
#companyArticle .pointRow > header h1::before{
    background-color: #20afa7;
}


/* Point1 -------------------------------------------------------- **/

#companyArticle #point01 {
}

#companyArticle #point01 .cols {
    margin: 80px 0 0 0;
}

#companyArticle #point01 .cols > ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: center;
    margin: 0 20px;
    padding: 0;
}

#companyArticle #point01 .cols > ul > li {
    width: calc( 100% / 3 );
    margin: 10px 0 0;
    padding: 0 10px;
    box-sizing: border-box;
    list-style-type: none;
}

#companyArticle #point01 .col h3 {
    display: block;
    position: relative;
    margin: 10px 0 0 0;
    padding: 10px 0;
    
    font-size:16px;
    font-weight: 700;
    text-align: center;
    
    background-color:#ffffff;
}
#companyArticle #point01 .col h3::before {
    content: "";
    display: block;
    position: absolute;
    width: 15px;
    height: 15px;
    left: 50%;
    top:100%;
    margin: 0;
    padding: 0;
    background-color: #ffffff;
    transform: translate(-50%, -50%) rotate(45deg);
}

#companyArticle #point01 .col .image {
    margin: 20px 5% 0;
    padding: 0;
}

#companyArticle #point01 .col p {
	margin: 10px 0 0 0;
	text-align: center;
	font-weight: 700;
}


#companyArticle #point01 .col.col06 {
    margin: 50px 30px 0;
}

#companyArticle #point01 .col.col06 .flx {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: stretch;
    justify-content: center;
    margin: 20px 0 0 0;
}

#companyArticle #point01 .col.col06 .text {
    display: block;
    position: relative;
    width: 60%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

#companyArticle #point01 .col.col06 dl {
    margin: 0;
    padding: 0 20px 0 0;
    font-size: 12px;
    box-sizing: border-box;
}
#companyArticle #point01 .col.col06 dl:nth-of-type(1) { width: 60%; }
#companyArticle #point01 .col.col06 dl:nth-of-type(2) { width: 40%; }


#companyArticle #point01 .col.col06 dt {
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-weight: 700;
}

#companyArticle #point01 .col.col06 dt span {
    font-size: 12px;
    font-weight: 400;
}

#companyArticle #point01 .col.col06 dd {
    margin: 0 0 10px;
    padding: 0;
    font-size: 14px;
}



/* Point 2 会社一覧 ------------------------------------------- */

#companyArticle #point02 {
}

#companyArticle #point02 .col {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: stretch;
    justify-content: center;
    margin: 60px 10% 0
}

#companyArticle #point02 .image {
    width: 45%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

#companyArticle #point02 .col dl {
    width: 55%;
    margin: 0;
    padding: 0 40px 0 0;
}

#companyArticle #point02 .col dt {
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-weight: 700;
}

#companyArticle #point02 .col dt span {
    margin: 0;
    padding: 0;
    font-size: 12px;
    font-weight: 400;
}

#companyArticle #point02 .col dd {
    margin: 10px 0 0 0;
    padding: 0;
    text-align: justify;
}

#companyArticle #point02 .col dd.else {
    text-align: right;
}

#companyArticle #point02 .logoRotator {
    margin: 100px -10px 0 -10px;
}




/* Point 3 ------------------------------------------------ */

#companyArticle #point03 {
}

#companyArticle #point03 .row {
    margin: 60px 0 0;
}

#companyArticle #point03 .row > h3 {
    margin: 0;
    padding: 0;
    text-align: center;
    color:#bf1b78;
    font-size: 20px;
    font-weight: 700;
}

#companyArticle #point03 .cols {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: center;
    margin: 0px 30px 0 20px;
    padding: 0;
}

#companyArticle #point03 .col {
    display: block;
    position: relative;
    width: calc(33.3% - 20px);
    margin: 30px 10px 0;
}

#companyArticle #point03 .col dl {
    margin: 0;
    padding: 0;
}

#companyArticle #point03 .col dt {
    padding: 0;
}

#companyArticle #point03 .col dt img {
vertical-align: bottom;
}

#companyArticle #point03 .col dd {
    margin: 0;
    padding: 20px;
}

#companyArticle #point03 .col h3 {
    margin: 0;
    padding: 0;
    
/*    color:#20afa7; */
    font-size: 16px;
    font-weight: 700;
}

#companyArticle #point03 .col h3 span {
    font-size: 14px;
    font-weight: 400;
}

#companyArticle #point03 .col dd p {
    text-align: justify;
}


/** コンサルタント -------------------------------- */

#companyArticle #point04 {}

#companyArticle #point04 .consultantsList {
    margin: 50px 40px 0;
}


/** ホワイトペーパー ------------------------------- */

#companyArticle #whitepaper{}

#companyArticle #whitepaper .whitepaperSammary {
    margin: 30px 40px 0;
    padding: 0;
}

#whitepaper > .more {
    margin: 30px 0 0 0;
    text-align: center;
}

#whitepaper > .more a {
    display: inline-block;
    position: relative;
    margin: 0;
    padding: 15px 100px 15px 100px;
    
    background-color:#ffffff;
    border:3px solid #20afa7;
    border-radius: 5px;
    color:#20afa7;
    font-size: 18px;
    font-weight: 700;
    text-decoration: none;
}
#whitepaper > .more a::before{
    content: "";
    display: block;
    position: absolute;
    right: 15px;
    top: 50%;
    width: 10px;
    height: 10px;
    margin: 0;
    padding: 0;
    border-top:3px solid #20afa7;
    border-right:3px solid #20afa7;
    transform: translateY(-50%) rotate(45deg);
    transition: all 0.3s;
}

#whitepaper > .more a:hover {
    background-color:#20afa7;
    color:#ffffff;
}
#whitepaper > .more a:hover::before{
    border-top-color:#ffffff;
    border-right-color:#ffffff;
}





/** ===============================================================================================


    学校ページ /school/


=================================================================================================== **/



/** お問合せ帯 -------------------------------------------------- **/

#schoolArticle #contactBand03 {
	margin:2px 0 0 0; 
}

/** ニュース ---------------------------------------------------- **/

#schoolArticle #newsRow h3::before,
#schoolArticle #newsRow h3::after {
    background-color:#1e85c6;
}

#schoolArticle #newsRow .content {
	border-color: #1e85c6;
}


/** 3/4つのポイント ----------------------------------------- **/

#schoolArticle #commerceNav h3::before {
    background-color:#1e85c6;
}
#schoolArticle #commerceNav h3::after {
    background-color:#1e85c6;
}

#schoolArticle #commerceNav a {
    border-color:#1e85c6;
    color:#1e85c6;
}
#schoolArticle #commerceNav a::before {
    border-top-color:#1e85c6;
    border-right-color:#1e85c6;
}

#schoolArticle #commerceNav a dd {
    color:#444444;
}

#schoolArticle #commerceNav a:hover {
    background-color: #1e85c6;
    color: #ffffff;
}
#schoolArticle #commerceNav a:hover::before {
    background-color:#1e85c6;
}

#schoolArticle #commerceNav a:hover dd {
    color:#ffffff;
}


/** Point共通 ---------------------------------------------------- **/

#schoolArticle .pointRow > header h2 strong {
    color: #1e85c6;
}

#schoolArticle .pointRow > header h1 {
    background-color: #1e85c6;
    color: #ffffff;
}
#schoolArticle .pointRow > header h1::before{
    background-color: #1e85c6;
}




/* Point 1 ------------------------------------------------ */

#schoolArticle #point01 .cols {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: center;
    margin: 30px 10% 0;
    padding: 0;
}

#schoolArticle #point01 .col {
    display: block;
    position: relative;
    width: calc(50% - 20px); 
    margin: 30px 10px 0;
    padding: 0;
}

#schoolArticle #point01 .col dl {
    margin: 0;
    padding: 0;
}

#schoolArticle #point01 .col dt {
    margin: 0;
    padding: 0;
}

#schoolArticle #point01 .col dt img {
    width: 100%;
    vertical-align: bottom;
}

#schoolArticle #point01 .col dd {
    margin: 0;
    padding: 20px;
}

#schoolArticle #point01 .col h3 {
    margin: 0;
    padding: 0;
/*    color:#bf1b78; */
    font-size: 16px;
    font-weight: 700;
}



/* Point 2 ------------------------------------------------ */

#schoolArticle #point02 {}

#schoolArticle #point02 .cols {
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: nowrap;
    align-items: center;
    margin: 60px 5% 0;
    padding: 0;
}

#schoolArticle #point02 .cols .col:nth-child(1) {
    width: 40%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

#schoolArticle #point02 .cols .col:nth-child(2) {
    width: 60%;
    margin: 0;
    padding: 0 40px 0 0;
    box-sizing: border-box;
}

#schoolArticle #point02 .cols .col dt {
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-weight: 700;
}

#schoolArticle #point02 .cols .col dd {
    margin: 10px 0 0 0;
    padding: 0;
    text-align: justify;
}
#schoolArticle #point02 .cols .col dd.else {
    margin: 0;
    text-align: right;
}

#schoolArticle #point02 .logoRotator {
    margin: 100px -10px 0;
}


/* Point 3 ------------------------------------------------ */

#schoolArticle #point03 {}

#schoolArticle #point03 .consultantsList {
    margin: 50px 40px 0;
}


/* 切り替え ------------------------------------------------ */

#schoolArticle .separator {
    margin: 50px 0 0 0;
}

#schoolArticle #contactBand04 {
	margin: 2px 0 0 0;
}

/** ホワイトペーパー ----------------------------------------- */


#schoolArticle #whitepaper > .more a {
    border:3px solid #1e85c6;
    color: #1e85c6;
}
#schoolArticle #whitepaper > .more a::before{
    border-top:3px solid #1e85c6;
    border-right:3px solid #1e85c6;
}

#schoolArticle #whitepaper > .more a:hover {
    background-color: #1e85c6;
    color:#ffffff;
}


/* メルマガ登録 --------------------------------------------- */

#schoolArticle #rmail {}

#schoolArticle #rmail > header h2 {
    font-family: "RobotoSlab", sans-serif;
    font-weight: 700;
    font-size: 40px;
    line-height: 1;
}

#schoolArticle #rmail .inputForm {
    margin: 40px 40px 0;
    padding: 30px;
    background-color: #ffffff;
    border-radius: 5px;
}


/** ===========================================================================


    Responsive for tablet & Phone


=============================================================================== **/

@media all and (max-width: 1024px) and (min-width:768px) {

	
    .commerceArticle {
        margin: 0 0 50px 0;
    }
    
    .commerceArticle .homeRow {
        margin: 0;
    }
	
	/* 1つ目（カルーセル下) */
	.commerceArticle #contactBand01 {
		margin: 2px 0 0 0;
	}
    
    .commerceArticle .pointRow {
        margin: 0;
    }
	
	
	/** 会社ページ -------------------------------------- **/
	
	#companyArticle #point02 .logoRotator {
		margin: 100px 0 0;
	}
	
	
	/** 学校向けページ ---------------------------------- **/
	
	#schoolArticle #point02 .logoRotator {
		margin: 100px 0 0;
	}
}


/** ===========================================================================


    Responsive for Smart Phone


=============================================================================== **/

@media all and (max-width: 767px) {
    
      
    .commerceArticle {
        margin: 0 0 50px 0;
    }

    /** 共通パーツ : お問い合わせ帯 -------------------------------- **/

	/* 1つ目（カルーセル下) */
	.commerceArticle #contactBand01 {
		margin: 2px 0 0 0;
	}
	
	
	
    /** Home共通 ---------------------------------------------------- **/

    .commerceArticle .homeRow {
        margin: 0;
    }
    
    
    /* カルーセル */
    .commerceArticle .homeRow .images {
        display: block;
        position: relative;
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }
    
    .commerceArticle .homeRow .hvSlider.fade .screen {
        padding:0 0 120% 0;
    }

    .commerceArticle .homeRow .hvSlider.fade .screen > ul > li img {
        width: auto;
        max-width: none;
        height: 100%;
    }


    /* 見出し */
    .commerceArticle .homeRow > header {
        left: 5%;
        width: 90%;
    }

    .commerceArticle .homeRow > header h1 {
        font-size: 20px;
        line-height: 1.5;
    }

    .commerceArticle .homeRow > header h1 img {
        display: block;
        margin: 10px auto 0;
        padding: 0;
    }


    .commerceArticle .homeRow > header h2 {
        margin: 30px 0 0 0;
        padding: 0;
        box-sizing: border-box;

        font-size: 18px;
        font-weight: 700;
        line-height: 1.8;
    }

    .commerceArticle .homeRow > header h2 img {
        width: 100px;
        padding: 0 5px;
        vertical-align: middle;
    }


	/** ニュース ---------------------------------------- **/

	.commerceArticle #newsRow {
		margin: 100px 20px 0;
	}

	.commerceArticle #newsRow h3 {
		padding: 0;
		font-size:18px;
	}
	.commerceArticle #newsRow h3::before,
	.commerceArticle #newsRow h3::after {
		display: none;
	}

	.commerceArticle #newsRow .content {
		padding: 20px;
	}
	
	
    /** 3,4つのポイント ------------------------------------- **/

    .commerceArticle #commerceNav {
        display: none;
    }


    /** 区切り画像 ----------------------------------------- **/

    /** Point共通 ----------------------------------------- **/

    .commerceArticle .pointRow {
        margin: 0;
        padding: 100px 0 0;
    }

    .commerceArticle .pointRow > header h2 {
        font-size:16px;
    }

    .commerceArticle .pointRow > header h2 strong {
        font-size: 40px;
    }

    .commerceArticle .pointRow > header h1 {
        width: auto;
        margin: 10px 20px 0;
        padding: 15px;
    }


    /* Lead */

    .commerceArticle .pointRow .lead {
        margin: 30px 20px 0;
    }


    /** Contact共通 ------------------------------------- **/

    .commerceArticle #contact > header h2 {
        font-family: "RobotoSlab", sans-serif;
        font-weight: 700;
        font-size: 20px;
        line-height: 1;
    }
    
    .commerceArticle #contact .inputForm {
        margin: 20px 20px 0;
        padding: 20px;
        border-radius: 5px;
    }


    /** 企業ページ /company/ ==================================================== **/


    #companyArticle{}

	#companyArticle .homeRow {
	    margin: 0;
	}

    /** 3,4つのポイント ----------------------------------------- **/

    /** Point共通 ---------------------------------------------- **/

    /* Point1 ------------------------------------------------- **/

    #companyArticle #point01 .cols {
        margin: 0;
    }

    #companyArticle #point01 .cols > ul {
        display: block;
        margin: 0;
    }

    #companyArticle #point01 .cols > ul > li {
        width: auto;
        margin: 20px 20px 0;
        padding: 0;
    }

    #companyArticle #point01 .col h3 {
        padding: 10px;
    }

    #companyArticle #point01 .col .image {
        margin: 20px 5% 0;
        padding: 0;
    }

    #companyArticle #point01 .col.col06 {
        margin: 50px 20px 0;
    }

    #companyArticle #point01 .col.col06 .flx {
        display: block;
        margin: 20px 0 0 0;
    }

    #companyArticle #point01 .col.col06 .text {
        width: auto;
    }

    #companyArticle #point01 .col.col06 dl {
        padding: 0;
    }
    #companyArticle #point01 .col.col06 dl:nth-of-type(1) { width: auto; }
    #companyArticle #point01 .col.col06 dl:nth-of-type(2) { width: auto; }



    /* Point 2 会社一覧 ------------------------------------------- */

    #companyArticle #point02 {
    }

    #companyArticle #point02 .col {
        display: block;
        margin: 50px 20px 0;
    }

    #companyArticle #point02 .image {
        width: auto;
    }

    #companyArticle #point02 .col dl {
        width: auto;
        margin: 20px 0 0 0;
        padding: 0;
    }

    #companyArticle #point02 .logoRotator {
        margin: 50px 0 0 0;
    }
	

    /* Point 3 ------------------------------------------------ */

    #companyArticle #point03 {
        
    }

    #companyArticle #point03 .row {
        margin: 0;
    }

    #companyArticle #point03 .row > h3 {
        font-size: 16px;
    }

    #companyArticle #point03 .cols {
        display: block;
        margin: 0 20px;
        padding: 0;
    }

    #companyArticle #point03 .col {
        width: auto;
        margin: 30px 0 0;
    }

    #companyArticle #point03 .col dd {
        padding: 20px 0;
    }


    /** コンサルタント -------------------------------- */

    #companyArticle #point04 {}

    #companyArticle #point04 .consultantsList {
        margin: 50px 20px 0;
    }


    /** ホワイトペーパー ------------------------------- */

    #companyArticle #whitepaper{}

    #companyArticle #whitepaper .whitepaperSammary {
        margin: 10px 20px 0;
        padding: 20px;
    }

    #companyArticle #whitepaper > .more {
        margin: 10px 20px 0;
        text-align: center;
    }

    #companyArticle #whitepaper > .more a {
        display: block;
        padding: 15px 50px;
    }

    

    /** 学校ページ /school/ ========================================================== **/

    /** 3/4つのポイント ----------------------------------------- **/

    /** Point共通 ---------------------------------------------- **/

    /* Point 1 ------------------------------------------------ */

    #schoolArticle #point01 .cols {
        display: block;
        margin: 20px 20px;
    }

    #schoolArticle #point01 .col {
        width: auto; 
        margin: 10px 0 0;
    }

    #schoolArticle #point01 .col dd {
        padding: 20px 0;
    }

    #schoolArticle #point01 .col h3 {
        margin: 0;
        padding: 0;
    /*    color:#bf1b78; */
        font-size: 16px;
        font-weight: 700;
    }



    /* Point 2 ------------------------------------------------ */

    #schoolArticle #point02 {}

    #schoolArticle #point02 .cols {
        display: block;
        margin: 30px 20px 0;
    }

    #schoolArticle #point02 .cols .col:nth-child(1) {
        width: auto;
    }

    #schoolArticle #point02 .cols .col:nth-child(2) {
        width: auto;
        margin: 10px 0 0 0;
        padding: 0;
    }
	
	#schoolArticle #point02 .logoRotator {
		margin: 50px 0 0;
	}

    /* Point 3 ------------------------------------------------ */

    #schoolArticle #point03 {}

    #schoolArticle #point03 .consultantsList {
        margin: 20px 20px 0;
    }

	/* rメール --------------------------------------------- */

	#schoolArticle #rmail .inputForm {
	    margin: 20px 20px 0;
	}

    /* メルマガ登録 --------------------------------------------- */

    #schoolArticle #rmail {}

    #schoolArticle #rmail > header h2 {
        font-size: 20px;
    }
}







/** ===========================================================================


	ビジネス日本語研修ページ

	https://ryugakusei.com/company/jptraining/


=============================================================================== **/


#jptrainigArticle {
	font-size: 16px;
}

#jptrainigArticle > header {
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
}

#jptrainigArticle > header .image {}

#jptrainigArticle > header .image img {
	width: 100%;
	height: auto;
	vertical-align: bottom;
}

#jptrainigArticle > header h1 {
	display: block;
	position: absolute;
	left: 0;
	top: 75%;
	width: 100%;
	margin: 0;
	padding: 20px 10px;
	box-sizing: border-box;

	background-color:#CF1380;
	
	color:#ffffff;
	font-size: 28px;
	font-weight: 700;
	text-align: center;
	line-height: 1.6;
	letter-spacing: 0.05em;
	
	transform: translateY(-50%);
}

#jptrainigArticle > header h1 dl {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	margin: 0;
	padding: 0;
}

#jptrainigArticle > header h1 dt {
	width: 350px;
	max-width: 35%;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	text-align: right;
}

#jptrainigArticle > header h1 dd {
	width: auto;
	max-width: 65%;
	margin: 0;
	padding: 0 0 0 30px;
	box-sizing: border-box;
	text-align: left;
}


#jptrainigArticle > header h1 svg {
	fill: #ffffff;
	width: 100%;
/*	width: 300px; */
	vertical-align: bottom;
}


/** 行共通 ------------------------------------------------ **/

.jptrainigRow {
	display: block;
	position: relative;
	margin: 0 50px;
	padding: 150px 0 0 0;
}

.jptrainigRow .head {
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
}

.jptrainigRow .head h2 {
	display: block;
	position: relative;
	margin: 0;
	padding: 10px 0;
	color: #CF1380;
	font-size: 26px;
	font-weight: 700;
	text-align: center;
	letter-spacing: 0.05em;
}

.jptrainigRow .head h2 svg {
/*	display: block; */
	width: 350px;
	margin: 0 10px 0 0;
	vertical-align: middle;
	fill: #CF1380;
}

.jptrainigRow .head h2 strong {
	display: inline-block;
	width: 80px;
	height: 80px;
	margin: 0;
	padding: 0;
	vertical-align: middle;
	
	background-color: #CF1380;
	border-radius: 50%;
	border:2px solid #ffffff;
	
	color: #ffffff;
	font-family: "Jost", sans-serif;
	font-size: 70px;
	font-weight: 300;
	line-height: 80px;
	text-align: center;
	
	transform: rotate(5deg);
}

.jptrainigRow .head h3 {
	display: block;
	position: relative;
	width: 25em;
	max-width: 90%;
	margin: 30px auto 0;
	padding: 10px;
	box-sizing: border-box;

	background-color: #1A5AB7;
	border-radius: 10px;

	color:#ffffff;
	font-size: 20px;
	font-weight: 700;
	text-align: center;
	
	z-index: 100;
}
.jptrainigRow .head h3::before {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	top: 3px;
	width: 10px;
	height: 10px;
	margin: 0;
	padding: 0;
	background-color: #1A5AB7;
	transform: rotate(45deg) translate(-50%, -50%);
}

.jptrainigRow .head ul {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: stretch;
	margin: -10px -10px 0;
	padding: 0;
	list-style-type: none;
}

.jptrainigRow .head li {
	width: 31.33%;
	margin: 0 1%;
	padding: 50px 25px 30px;
	list-style-type: none;
	box-sizing: border-box;
	
	background-color:#ffffff;
/*	border-radius: 10px; */
	font-size: 16px;
}

.jptrainigRow .head li strong {
	display: block;
	margin: 0;
	font-size: 20px;
	text-align: center;
	color: #CF1380;
}



/** サブ ---------------------------------------------- **/

.jptrainigRow .subPoint {
	display: block;
	position: relative;
	margin: 80px 0 0 0;
	padding: 0;
}

.jptrainigRow .subPoint > h3 {
	display: block;
	position: relative;
	width: 25em;
	max-width: 90%;
	margin: 0 auto;
	padding: 10px;
	box-sizing: border-box;

	background-color: #ffffff;
	border-radius: 10px;

	color:#1A5AB7;
	font-size: 20px;
	font-weight: 700;
	text-align: center;
	
	z-index: 100;
}
.jptrainigRow .subPoint > h3::before {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	top: calc( 100% + 2px );
	width: 10px;
	height: 10px;
	margin: 0;
	padding: 0;
	background-color: #ffffff;
	transform: rotate(45deg) translate(-50%, -50%);
}


/** 上部ナビ -------------------------------------------- **/

.jptrainigRow.nav ul {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: stretch;
	margin: 20px -10px 0;
	padding: 0;
	list-style-type: none;
	box-sizing: border-box;
}

.jptrainigRow.nav li {
	display: block;
	position: relative;
	width: 31.33%;
	margin: 0 1%;
	padding:  30px 20px 20px;
	list-style-type: none;
	box-sizing: border-box;
	
	text-align: center;
	font-size: 20px;
	font-weight: 700;
	color:#ffffff;
	
	background-color: #1A5AB7;
	border-radius: 15px;
}
.jptrainigRow.nav li::before {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 14px;
	height: 14px;
	margin: 0;
	padding: 0;
	background-color: #1A5AB7;
	transform: rotate(45deg) translate(-50%, 100%);
}

.jptrainigRow.nav li strong {
	display: block;
	position: relative;
	width: 80px;
	height: 80px;
	margin: 0 auto 20px;
	padding: 0;
	
	background-color: #2F72C1;
	border-radius: 50%;
	
	color: #ffffff;
	font-family: "Jost", sans-serif;
	font-size: 70px;
	font-weight: 300;
	line-height: 80px;
	text-align: center;
	
	transform: rotate(5deg);
}

.jptrainigRow.nav li a {
	color:#ffffff;
}



/** お悩み解決 ------------------------------------------------- **/

.jptrainigRow #point01-2 > h3 {
    font-size: 24px;
}


.jptrainigRow .examples {
	display: block;
	position: relative;
	margin: 30px 0 0;
	z-index: 100;
}

.jptrainigRow .example {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: stretch;
	margin: 10px 0 0 0;
}

.jptrainigRow .soudan {
	display: block;
	position: relative;
	width: calc( 50% - 5px );
	margin: 0 5px 0 0;
	padding: 20px;
	box-sizing: border-box;
	
	background-color: #ffffff;
	border:5px solid #1A5AB7;
	border-radius: 10px;
	
	z-index: 10;
}
.jptrainigRow .soudan::before {
	content:"";
	display: block;
	position: absolute;
	right: -21px;
	top: 50%;
	width: 30px;
	height: 30px;
	margin: 0;
	padding: 0;
	
	background-color:#ffffff;
	border-top:5px solid #1A5AB7;
	border-right: 5px solid #1A5AB7;
	
	transform: translate(0, -50%) rotate(45deg);
}

.jptrainigRow .soudan h4 {
	display: none;
	position: absolute;
	left: 50%;
	bottom: 100%;
	width: 100px;
	height: 100px;
	margin: 0;
	padding: 0;
	
	background-color: #1A5AB7;
	border-radius: 50%;
	
	color: #ffffff;
	font-size: 20px;
	font-weight: 700;
	line-height: 100px;
	text-align: center;
	
	transform: translate(-50%, 40%) rotate(-10deg);
}

.jptrainigRow .soudan h5 {
	margin: 0;
	padding: 0;
	color: #1A5AB7;
	text-align: center;
	font-size: 18px;
}

.jptrainigRow .kaiketsu {
	display: block;
	position: relative;
	width: calc( 50% - 5px );
	margin: 0 0 0 5px;
	padding: 20px;
	box-sizing: border-box;
	
	background-color: #ffffff;
	border:5px solid #BF1B78;
	border-radius: 10px;
}

.jptrainigRow .kaiketsu h4 {
	display: none;
	position: absolute;
	left: 50%;
	bottom: 100%;
	width: 100px;
	height: 100px;
	margin: 0;
	padding: 0;
	
	background-color: #BF1B78;
	border-radius: 50%;
	
	color: #ffffff;
	font-size: 20px;
	font-weight: 700;
	line-height: 100px;
	text-align: center;
	
	transform: translate(-50%, 40%) rotate(-10deg);
}

.jptrainigRow .kaiketsu h5 {
	margin: 0;
	padding: 0;
	color: #BF1B78;
	text-align: center;
	font-size: 18px;
}



/* 最初の1列だけ調整 */

.jptrainigRow .example:first-child .soudan {
	padding: 50px 20px 20px;
}

.jptrainigRow .example:first-child .soudan h4 {
	display: block;
}

.jptrainigRow .example:first-child .kaiketsu {
	padding: 50px 20px 20px;
}

.jptrainigRow .example:first-child .kaiketsu h4 {
	display: block;
}


/** 受託実績 ------------------------------------------- **/

.jptrainigRow#point02 .head li {
	width: calc( 50% - 20px );
}

.jptrainigRow #point02-2 ul {
	margin: 50px 50px 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
}

.jptrainigRow #point02-2 li {
	display: inline-block;
	margin: 0;
	padding: 0;
	list-style-type: none;
	white-space: nowrap;
}
.jptrainigRow #point02-2 li::before {
	content: " / ";
}
.jptrainigRow #point02-2 li:first-child::before {
	content: "";
}

.jptrainigRow #point02-2 p {
	text-align: center;
}


/** 講師陣 ---------------------------------------- **/

.jptrainigRow#point03 .head li {
	width: 60%;
}

.jptrainigRow .teacherList {
	margin: 30px 40px 0;
}

.jptrainigRow #point03-2 .foot {
	display: block;
	position: relative;
	width: 28em;
	max-width: 100%;
    margin: 50px auto 0;
    padding: 0 15px;
	box-sizing: border-box;
	
    color: #1A5AB7;
    font-size: 22px;
    font-weight: 700;
    text-align: center;
}

.jptrainigRow #point03-2 .foot::before,
.jptrainigRow #point03-2 .foot::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	width: 15px;
	height: 100%;
	margin: 0;
	padding: 0;
	border: 2px solid #1A5AB7;
}
.jptrainigRow #point03-2 .foot::before {
	left: 0;
	border-right: 0;
}
.jptrainigRow #point03-2 .foot::after {
	right: 0;
	border-left: 0;
}



/** 資料ダウンロード -------------------------------- **/

.jptrainigRow.whitepaper .head h3 {
	margin: 0 auto;
}

.jptrainigRow .whitepaperEntries {
	margin: -10px 40px 0;
}


/** お問い合わせ ----------------------------------- **/

.jptrainigRow.contact .head h3 {
	margin: 0 auto;
}

.jptrainigRow.contact > .inner {
	margin: -40px 0 0 0;
	background-color: #ffffff;
}


/** Responsive for Tablet ------------------------ **/

@media all and (max-width:1024px) and (min-width:768px) {
	
}

/** Responsive for Smart Phone ------------------- **/

@media all and (max-width:767px) {
	
	
	#jptrainigArticle {
		font-size: 16px;
	}

	#jptrainigArticle > header .image {
		display: block;
		position: relative;
		width: 100%;
		padding: 0 0 140% 0;
		overflow: hidden;
	}

	#jptrainigArticle > header .image img {
		display: block;
		position: absolute;
		left: 50%;
		top: 50%;
		width: auto;
		max-width: none;
		height: 100%;
		max-height: none;
		transform: translate(-50%, -50%);
	}

	#jptrainigArticle > header h1 {
		top: auto;
		bottom: 0;
		padding: 20px;
		font-size: 18px;
		transform: translateY(0px);
	}

	#jptrainigArticle > header h1 dl {
		display: block;
	}

	#jptrainigArticle > header h1 dt {
		width: auto;
		max-width: none;
		text-align: center;
	}

	#jptrainigArticle > header h1 dd {
		max-width: none;
		margin: 20px 0 0 0;
		padding: 0;
	}
	
	#jptrainigArticle > header h1 dd br {
		display: none;
	}



	/** 行共通 ------------------------------------------------ **/

	.jptrainigRow {
		margin: 0 20px;
		padding: 80px 0 0 0;
	}

	.jptrainigRow .head h2 {
		font-size: 20px;
		text-align: center;
	}

	.jptrainigRow .head h2 svg {
		display: block;
		width: 100%;
		margin: 0 0 10px;
	}

	.jptrainigRow .head h2 strong {
		display: block;
		margin: 10px auto 0;
	}

	.jptrainigRow .head h3 {
		width: auto;
		max-width: none;
		margin: 10px 0 0;
		font-size: 18px;
	}

	.jptrainigRow .head ul {
		display: block;
		margin: -10px 0 0;
		padding: 10px;
		background-color: #ffffff;
	}

	.jptrainigRow .head li {
		width: auto;
		margin: 20px 0 0 0;
		padding: 0;
		background-color:transparent;
	}

	.jptrainigRow .head li strong {
		font-size: 20px;
	}



	/** サブ ---------------------------------------------- **/

	.jptrainigRow .subPoint {
		margin: 40px 0 0 0;
	}

	.jptrainigRow .subPoint > h3 {
		width: auto;
		max-width: none;
		margin: 0;

		font-size: 20px;
	}

	
	/** 上部ナビ -------------------------------------------- **/
	
	.jptrainigRow.nav {
		display: none;
	}


	/** お悩み解決 ------------------------------------------------- **/

	.jptrainigRow #point01-2 > h3 {
		font-size: 18px;
	}
	
	.jptrainigRow .examples {
		display: block;
		position: relative;
		margin: 30px 0 0;
		z-index: 100;
	}

	.jptrainigRow .example {
		display: block;
		margin: 40px 0 0 0;
	}

	.jptrainigRow .soudan {
		width: auto;
		margin: 0;
		padding: 90px 20px 20px 20px;
	}
	.jptrainigRow .soudan::before {
		right: auto;
		top: auto;
		left: 50%;
		top: calc( 100% + 4px );
		transform: translate(-50%, -50%) rotate(135deg);
	}

	.jptrainigRow .soudan h4 {
		display: block;
		top: 0;
		bottom: auto;

		font-size: 20px;
		line-height: 100px;

		transform: translate(-50%, -20px) rotate(-10deg);
	}

	.jptrainigRow .soudan h5 {
		font-size: 18px;
	}

	.jptrainigRow .kaiketsu {
		width: auto;
		margin: 30px 0 0 0;
		padding: 90px 20px 20px;
	}

	.jptrainigRow .kaiketsu h4 {
		display: block;
		top: 0;
		bottom: auto;

		font-size: 20px;
		line-height: 100px;

		transform: translate(-50%, -20px) rotate(-10deg);
	}

	.jptrainigRow .kaiketsu h5 {
		font-size: 18px;
	}


	/* 最初の1列だけ調整 */
	.jptrainigRow .example:first-child .soudan,
	.jptrainigRow .example:first-child .kaiketsu {
		padding: 90px 20px 20px;
	}

	

	/** 受託実績 ------------------------------------------- **/

	.jptrainigRow#point02 .head li {
		width: auto;
	}

	.jptrainigRow #point02-2 ul {
		margin: 30px 0 0;
	}

	.jptrainigRow #point02-2 li {
		display: block;
		text-align: center;
		white-space: normal;
	}

	.jptrainigRow #point02-2 li::before {
		content: "";
	}


	/** 講師陣 ---------------------------------------- **/

	.jptrainigRow#point03 .head li {
		width: auto;
	}

	.jptrainigRow .teacherList {
		margin: 10px 0 0;
	}

	.jptrainigRow #point03-2 .foot {
		margin: 20px 0 0 0;
		font-size: 18px;
		text-align: left;
	}

	.jptrainigRow #point03-2 .foot br {
		display: none;
	}	
	

	/** 資料ダウンロード -------------------------------- **/

	.jptrainigRow.whitepaper .head h3 {
		margin: 0 auto;
	}

	.jptrainigRow .whitepaperEntries {
		margin: 30px 0 0;
	}


	/** お問い合わせ ----------------------------------- **/

	.jptrainigRow.contact .head h3 {
		margin: 0 auto;
	}

	.jptrainigRow.contact > .inner {
		margin: -40px 0 0 0;
		background-color: #ffffff;
	}
}


/** ===========================================================================


	日本定着支援ページ

	https://ryugakusei.com/company/fixing/


=============================================================================== **/


#fixingArticle {
	font-size: 16px;
}

#fixingArticle > header {
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
}

#fixingArticle > header .image {}

#fixingArticle > header .image img {
	width: 100%;
	height: auto;
	vertical-align: bottom;
}

#fixingArticle > header h1 {
	display: block;
	position: absolute;
	left: 0;
	top: 75%;
	width: 100%;
	margin: 0;
	padding: 20px 10px;
	box-sizing: border-box;

	background-color:#CF1380;
	
	color:#ffffff;
	font-size: 28px;
	font-weight: 700;
	text-align: center;
	line-height: 1.6;
	letter-spacing: 0.05em;
	
	transform: translateY(-50%);
}

#fixingArticle > header h1 dl {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	margin: 0;
	padding: 0;
}

#fixingArticle > header h1 dt {
	width: 350px;
	max-width: 35%;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	text-align: right;
}

#fixingArticle > header h1 dd {
	width: auto;
	max-width: 65%;
	margin: 0;
	padding: 0 0 0 30px;
	box-sizing: border-box;
	text-align: left;
}

#fixingArticle > header h1 svg {
	fill: #ffffff;
	width: 100%;
/*	width: 300px; */
	vertical-align: bottom;
}





/** 行共通 ------------------------------------------------ **/

.fixingRow {
	display: block;
	position: relative;
	margin: 0 50px;
	padding: 150px 0 0 0;
}

.fixingRow .head {
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
}

.fixingRow .head h2 {
	display: block;
	position: relative;
	margin: 0;
	padding: 10px 0;
	color: #CF1380;
	font-size: 26px;
	font-weight: 700;
	text-align: center;
	letter-spacing: 0.05em;
}

.fixingRow .head h2 svg {
	width: 350px;
	margin: 0 10px 0 0;
	vertical-align: middle;
	fill: #CF1380;
}

.fixingRow .head h2 strong {
	display: inline-block;
	width: 80px;
	height: 80px;
	margin: 0;
	padding: 0;
	vertical-align: middle;
	
	background-color: #CF1380;
	border-radius: 50%;
	border:2px solid #ffffff;
	
	color: #ffffff;
	font-family: "Jost", sans-serif;
	font-size: 70px;
	font-weight: 300;
	line-height: 80px;
	text-align: center;
	
	transform: rotate(5deg);
}

.fixingRow .head h3 {
	display: block;
	position: relative;
	width: 25em;
	max-width: 90%;
	margin: 10px auto 0;
	padding: 10px;
	box-sizing: border-box;

	background-color: #14663B;
	border-radius: 10px;

	color:#ffffff;
	font-size: 20px;
	font-weight: 700;
	text-align: center;
	
	z-index: 100;
}
.fixingRow .head h3::before {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	top: 3px;
	width: 10px;
	height: 10px;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	
	background-color: #14663B;
	transform: rotate(45deg) translate(-50%, -50%);
}

.fixingRow .head p {
	display: block;
	position: relative;
	margin: -10px 20% 0;
	padding: 40px 20px 20px;
	background-color: #ffffff;
}



.fixingRow .head ul {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: stretch;
	margin: -10px -10px 0;
	padding: 0;
	list-style-type: none;
}

.fixingRow .head li {
	width: 31.33%;
	margin: 0 1%;
	padding: 50px 25px 30px;
	list-style-type: none;
	box-sizing: border-box;
	
	background-color:#ffffff;
/*	border-radius: 10px; */
	font-size: 16px;
}

.fixingRow .head li strong {
	display: block;
	margin: 0;
	font-size: 20px;
	text-align: center;
	color: #CF1380;
}

.fixingRow .content {
	margin: -10px 0 0 0;
	padding: 30px;
	background-color: #ffffff;
}


/** サブ ---------------------------------------------- **/

.fixingRow .subPoint {
	display: block;
	position: relative;
	margin: 80px 0 0 0;
	padding: 0;
}

.fixingRow .subPoint > h3 {
	display: block;
	position: relative;
	width: 25em;
	max-width: 90%;
	margin: 0 auto;
	padding: 10px;
	box-sizing: border-box;

	background-color: #ffffff;
	border-radius: 10px;

	color:#14663B;
	font-size: 20px;
	font-weight: 700;

	text-align: center;
	
	z-index: 100;
}
.fixingRow .subPoint > h3::before {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	top: calc( 100% + 2px );
	width: 10px;
	height: 10px;
	margin: 0;
	padding: 0;
	background-color: #ffffff;
	transform: rotate(45deg) translate(-50%, -50%);
}


/** 上部ナビ -------------------------------------------- **/

.fixingRow.nav ul {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: stretch;
	margin: 20px -10px 0;
	padding: 0;
	list-style-type: none;
	box-sizing: border-box;
}

.fixingRow.nav li {
	display: block;
	position: relative;
	width: 31.33%;
	margin: 0 1%;
	padding:  30px 20px 20px;
	list-style-type: none;
	box-sizing: border-box;
	
	text-align: center;
	font-size: 20px;
	font-weight: 700;
	color:#ffffff;
	
	background-color: #14663B;
	border-radius: 15px;
}
.fixingRow.nav li::before {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 14px;
	height: 14px;
	margin: 0;
	padding: 0;
	background-color: #14663B;
	transform: rotate(45deg) translate(-50%, 100%);
}

.fixingRow.nav li strong {
	display: block;
	position: relative;
	width: 80px;
	height: 80px;
	margin: 0 auto 20px;
	padding: 0;
	
	background-color: #278250;
	border-radius: 50%;
	
	color: #ffffff;
	font-family: "Jost", sans-serif;
	font-size: 70px;
	font-weight: 300;
	line-height: 80px;
	text-align: center;
	
	transform: rotate(5deg);
}

.fixingRow.nav li a {
	color:#ffffff;
}

/** 外国人社員定着・活躍の三軸 ----------------------- **/

.fixingRow.data {
	padding: 50px 0 0 0;
}

.fixingRow.data .head {}

.fixingRow.data .head h2 {}

.fixingRow.data .head h3 {}

.fixingRow.data .image.image01 {
	margin: 0 0 1.5em 0;
	text-align: center;
}

.fixingRow.data .image.image01 img {
	vertical-align: bottom;
	border: 1px solid #14663B;
}

.fixingRow.data h4 {
	margin: 1.5em 0 0;
	padding: 0;
	
	color: #14663B;
	font-size: 18px;
	font-weight: 700;
	text-align: center;
}

.fixingRow.data .cautions {
	font-size: smaller;
}

.fixingRow.data .cautions ul {
	margin: 1em 0 0 0;
	padding: 0;
	list-style-type: none;
}

.fixingRow.data .cautions li {
	margin: 0 0 0 1.5em;
	text-indent: -1.5em;
}

.fixingRow.data .cautions li::before {
	content: "※ ";
}

/** ポイント1 -------------------------------------- **/

.fixingRow#point01 {}

.fixingRow#point01 .subPoint h3 {
	background-color:#f5f5f5;
}
.fixingRow#point01 .subPoint h3::before {
	background-color:#f5f5f5;
}

.fixingRow#point01 .image.image01 {
	text-align: center;
}

.fixingRow#point01 .image.image01 img {
	vertical-align: bottom;
}

.fixingRow#point01 .flow {
	margin: 20px 0 0 0;
}

.fixingRow#point01 .flow ul {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: stretch;
	margin: 0 -10px;
	padding: 0;
	list-style-type: none;
}

.fixingRow#point01 .flow li {
	display: block;
	position: relative;
	width: calc( 33.33% - 20px );
	margin: 0 10px;
	padding: 20px;
	
	background-color: #0FA556;
	border-radius: 15px;
	
	color: #ffffff;
}
.fixingRow#point01 .flow li::before {
	content: "";
	display: block;
	position: absolute;
	left: 100%;
	top: 50%;
	width: 20px;
	height: 20px;
	margin: 0;
	padding: 0;
	background-color: #0FA556;
	transform: translate(-50%, -50%) rotate(45deg);
}
.fixingRow#point01 .flow li:last-child::before {
	display: none;
}

.fixingRow#point01 .flow dl {
	margin: 0;
	padding: 0;
}

.fixingRow#point01 .flow dt {
	margin: 0;
	padding: 0;
	
	font-size: 20px;
	font-weight: 700;
	text-align: center;
}

.fixingRow#point01 .flow dd {
	margin: 10px 0 0 0;
	padding: 0;
}


/** ポイント2 ------------------------------------- **/

.fixingRow#point02 .image.image01 {
	text-align: center;
}

.fixingRow#point02 .image.image01 img {
	vertical-align: bottom;
}



/** 講師陣 ---------------------------------------- **/

.fixingRow .teacherList {
	margin: 30px -10px 0;
}



/** 資料ダウンロード -------------------------------- **/

.fixingRow.whitepaper .head h3 {
	margin: 0 auto;
}

.fixingRow.whitepaper .entries {
	margin: 30px -10px 0;
}


/** お問い合わせ ----------------------------------- **/

.fixingRow.contact .head h3 {
	margin: 0 auto;
}

.fixingRow.contact > .inner {
	margin: -40px 0 0 0;
	background-color: #ffffff;
}


/** Responsive for Tablet ------------------------ **/

@media all and (max-width:1024px) and (min-width:768px) {
	
}

/** Responsive for Smart Phone ------------------- **/

@media all and (max-width:767px) {
	
	
	#fixingArticle {
		font-size: 16px;
	}

	#fixingArticle > header .image {
		display: block;
		position: relative;
		width: 100%;
		padding: 0 0 140% 0;
		overflow: hidden;
	}

	#fixingArticle > header .image img {
		display: block;
		position: absolute;
		left: 50%;
		top: 50%;
		width: auto;
		max-width: none;
		height: 100%;
		max-height: none;
		transform: translate(-50%, -50%);
	}

	#fixingArticle > header h1 {
		top: auto;
		bottom: 0;
		padding: 20px;
		font-size: 18px;
		transform: translateY(0px);
	}

	#fixingArticle > header h1 dl {
		display: block;
	}

	#fixingArticle > header h1 dt {
		width: auto;
		max-width: none;
		text-align: center;
	}

	#fixingArticle > header h1 dd {
		max-width: none;
		margin: 20px 0 0 0;
		padding: 0;
	}
	
	#fixingArticle > header h1 dd br {
		display: none;
	}



	/** 行共通 ------------------------------------------------ **/

	.fixingRow {
		margin: 0 20px;
		padding: 80px 0 0 0;
	}

	.fixingRow .head h2 {
		font-size: 20px;
		text-align: center;
	}

	.fixingRow .head h2 svg {
		display: block;
		width: 100%;
		margin: 0 0 10px;
	}

	.fixingRow .head h2 strong {
		display: block;
		margin: 10px auto 0;
	}

	.fixingRow .head h3 {
		width: auto;
		max-width: none;
		margin: 10px 0 0;
		font-size: 18px;
	}

	.fixingRow .head p {
		margin: -10px 0 0;
	}
	
	.fixingRow .head ul {
		display: block;
		margin: -10px 0 0;
		padding: 10px;
		background-color: #ffffff;
	}

	.fixingRow .head li {
		width: auto;
		margin: 20px 0 0 0;
		padding: 0;
		background-color:transparent;
	}

	.fixingRow .head li strong {
		font-size: 20px;
	}

	.fixingRow .content {
		padding: 30px 20px 20px;
	}

	/** サブ ---------------------------------------------- **/

	.fixingRow .subPoint {
		margin: 40px 0 0 0;
	}

	.fixingRow .subPoint > h3 {
		width: auto;
		max-width: none;
		margin: 0;

		font-size: 20px;
	}

	
	/** 上部ナビ -------------------------------------------- **/
	
	.fixingRow.nav {
		display: none;
	}





	/** ポイント1 -------------------------------------- **/

	.fixingRow#point01 .flow {
		margin: 20px 0 0 0;
	}

	.fixingRow#point01 .flow ul {
		display: block;
		margin: 0;
	}

	.fixingRow#point01 .flow li {
		width: auto;
		margin: 0 0 20px;
		padding: 20px;
	}
	.fixingRow#point01 .flow li::before {
		left: 50%;
		top: 100%;
		transform: translate(-50%, -50%) rotate(45deg);
	}


	/** ポイント2 ------------------------------------- **/


	/** 講師陣 ---------------------------------------- **/

	.fixingRow .teacherList {
		margin: 10px 0 0;
	}


	/** 資料ダウンロード -------------------------------- **/

	.fixingRow.whitepaper .head h3 {
		margin: 0 auto;
	}

	.fixingRow .whitepaperEntries .entries {
		margin: 30px 0 0;
	}


	/** お問い合わせ ----------------------------------- **/

	.jptrainigRow.contact .head h3 {
		margin: 0 auto;
	}

	.jptrainigRow.contact > .inner {
		margin: -40px 0 0 0;
		background-color: #ffffff;
	}
	
	#fixingArticle #contact .inputForm {
		margin: 20px 0 0;
	}
}






/** ========================================================

	無料会員登録バナー

============================================================ **/



.banner2308 {
	display: block;
	position: fixed;
	right: 0;
	bottom: 110px;
	margin: 0;
	padding: 0;
	box-sizing: border-box;

	transform: translate(0%, -50%);
	transition: all 0.5s;
	z-index: 900;
}

.banner2308 a {
	display: block;
	position: relative;
	margin: 0;
	padding: 20px 10px;
	
	background-color: #cf1380;
	border-radius: 10px 0 0 10px;	
}

.banner2308 img {
	vertical-align: bottom;
}


@media all and (max-width:768px) {

	.banner2308 {
		top: auto;
		bottom: 20px;
		width: 25%;
		transform: translate(0%, 0%);
	}
	
	.banner2308 a {
		padding: 15px 5px;
	}
}




/** =================================================================

	wordpress post関連パーツ

===================================================================== **/



/* タグ一覧 */
.siteTileTags a::before,
.siteSingleTags a::before {
    display: none;
}

.siteTileTags a svg,
.siteSingleTags a svg {
	display: inline-block;
	vertical-align: middle;
	width: 15px;
	height: 15px;
	margin: 0 0.2em;
	padding: 0;
	box-sizing: border-box;
	fill: var(--ryukatsu-color);
}



/** =================================================================

	新 : 記事タイル共通

===================================================================== **/


.siteTile {
	width: calc( 100% / 3 - 20px );
	margin: 10px;
	padding: 20px;
	background-color: #ffffff;
	border-radius: 5px;
}



/* カテゴリー一覧 */
.siteTileCategories a {
	border: 2px solid var(--ryukatsu-color);
	background-color: #ffffff;
    color: var(--ryukatsu-color);
	font-weight: 700;
}

.siteTileCategories a:link,
.siteTileCategories a:visited {
	border-color: var(--ryukatsu-color);
	background-color: #ffffff;
    color: var(--ryukatsu-color);
}


/* スペック一覧 */
.siteTileSpec {
	display: block;
	position: relative;
	margin: 10px 0;
	padding: 0;
	box-sizing: border-box;
	border-bottom: 1px dotted #aaa;
}
.siteTileSpec::after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.siteTileSpec dt {
	clear: left;
	float: left;
    width: 6em;
    margin: 0;
    padding: 3px 0;
}

.siteTileSpec dd {
    margin: 0;
    padding: 3px 0 3px 6em;
    border-top: 1px dotted #aaa;
}

.siteTileMore a {
    display: block;
    position: relative;
    margin: 0;
    padding: 10px;
    border: 2px solid var(--ryukatsu-color);
    background-color: #ffffff;
    color: var(--ryukatsu-color);
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    transition: all 0.3s;
}
/*
.siteTileMore a:link,
.siteTileMore a:visited {
    border-color: var(--ryukatsu-color);
    background-color: #ffffff;
    color: var(--ryukatsu-color);
}


*/



/* 色を変える ----- */

.siteTile.ancestor-job .siteTileCategories a,
.siteTile.ancestor-job .siteTileMore a {
	border-color: var(--job-color);
    color: var(--job-color);
	background-color: #ffffff;
}
.siteTile.ancestor-job .siteTileTags a svg {
	fill: var(--job-color);
}


.siteTile.ancestor-jobchange .siteTileCategories a,
.siteTile.ancestor-jobchange .siteTileMore a {
	border-color: var(--jobchange-color);
    color: var(--jobchange-color);
	background-color: #ffffff;
}

.siteTile.ancestor-jobchange .siteTileTags a svg {
	fill: var(--jobchange-color);
}


/* hover */
.siteTile .siteTileCategories a:hover,
.siteTile .siteTileCategories a:active {
	border-color: var(--ryukatsu-color);
	background-color: var(--ryukatsu-color);
    color: #ffffff;
}

.siteTile .siteTileMore a:hover,
.siteTile .siteTileMore a:active {
    border-color: var(--ryukatsu-color);
    background-color: var(--ryukatsu-color);
    color: #ffffff;
}




/** =================================================================

	新 : アーカイブページ(wordpress archive.php)

===================================================================== **/



.siteArchive {
	width: calc( 100% - 100px );
	margin: 0 auto;
}


/** 一部ページでヘッダーを消す --- **/

.siteArchive.ancestor-job .siteArchiveHeader {
	display: none;
}

.siteArchive .siteArchiveMain {
	margin-top: 50px;
}


/** 検索バー ---------- **/

.siteArchiveSearch {
	display: block;
	position: relative;
	margin: 30px 5%;
	padding: 0;
	box-sizing: border-box;
}


/** タグ一覧 ---------- **/

.siteArchiveTags {
	display: block;
	position: relative;
	margin: 30px 5%;
	padding: 0;
	box-sizing: border-box;
}

.siteArchiveTagsInner {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

.siteArchiveTagsInner a {
	display: block;
	margin: 0.3em 0.5em;
	padding: 0;
	box-sizing: border-box;
	
	color: inherit;
	text-decoration: none;
	transition: all 0.3s;
	line-height: 1;
	white-space: nowrap;
}

.siteArchiveTagsInner a svg {
	display: inline-block;
	vertical-align: middle;
	width: 15px;
	height: 15px;
	margin: 0 0.2em 0 0;
	padding: 0;
	box-sizing: border-box;
	
	fill: var(--ryukatsu-color);
}

.siteArchiveTagsInner a:link,
.siteArchiveTagsInner a:visited {
	color: inherit;
}
.siteArchiveTagsInner a:hover,
.siteArchiveTagsInner a:active {
	color: var(--ryukatsu-color);
}


/** 記事一覧タイトル ---------- **/

.siteArchiveListTitle {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	position: relative;
	margin: 0;
	padding: 10px 50px;
	box-sizing: border-box;
	
	background-color: var(--ryukatsu-color);
	color: #ffffff;
	border-radius: 5px;
}

.siteArchiveListTitle a {
	color: #ffffff;
}

.siteArchiveListTitle a {
	display: block;
	position: relative;
	margin: 0 10px 0 0;
	padding: 0 20px 0 0;
	box-sizing: border-box;
	white-space: nowrap;
	line-height: 1;
}
.siteArchiveListTitle a::after {
	content: "";
	display: block;
	position: absolute;
	right: 0;
	top: 50%;
	width: 10px;
	height: 10px;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	
	background-color: #ffffff;
	clip-path: polygon(0 0 , 0 100% , 100% 50%);
	transform: translateY(-50%);
}

.siteArchiveListTitle span.count {
	display: block;
	margin: 0;
	padding: 5px 10px;
	box-sizing: border-box;
	
	line-height: 1;
	color: #231815;
	background-color: #ffffff;
	border-radius: 5px;
}

.siteArchiveListTitle span.count strong {}



/** 記事一覧 ----------------- **/

.siteArchiveList {
	margin: 30px 0;
}

.siteArchiveListInner {
	display: block;
}


/** 各記事 -------------------- **/

.siteArchiveList .siteTile {
	width: auto;
	margin: 10px 0;
	padding: 30px;
}

.siteArchiveList .siteTileInner {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
}

.siteArchiveList .siteTileTitle {
	font-size: larger;
}

.siteArchiveList .siteTileRow.image {
	width: 30%;
}

.siteArchiveList .siteTileImage img {
	object-fit: contain;
	background-color: #f0f0f0;
	border: 1px solid #c0c0c0;
}

.siteArchiveList .siteTileRow.text {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: stretch;
	width: 70%;
	margin: 0;
	padding: 0 0 0 30px;
}

.siteArchiveList .siteTileCategories,
.siteArchiveList .siteTileTitle,
.siteArchiveList .siteTileTags,
.siteArchiveList .siteTileMore {
	width: 100%;
}

.siteArchiveList .siteTileExcerpt {
	width: 50%;
	padding: 0 20px 0 0;
	text-align: justify;
}

.siteArchiveList .siteTileSpec {
	width: 50%;
	padding: 0 0 0 20px;
	font-size: smaller;
}

.siteArchiveList .siteTileDate {
	display: none;
}

.siteArchiveList .siteTileRow.text > * { margin: 10px 0; }
.siteArchiveList .siteTileRow.text > *:first-child { margin-top: 0; }
.siteArchiveList .siteTileRow.text > *:last-child  { margin-bottom: 0; }





/** カテゴリーによって色を変える ----------- **/

.siteArchive.ancestor-jobchange .siteArchiveHeader { display: none; }
.siteArchive.ancestor-jobchange  .siteArchiveTagsInner a svg { fill: var(--jobchange-color); }
.siteArchive.ancestor-jobchange .siteArchiveListTitle { background-color: var(--jobchange-color); }

.siteArchive.ancestor-session .siteArchiveHeader { display: none; }
.siteArchive.ancestor-session .siteArchiveTagsInner a svg { fill: var(--session-color); }
.siteArchive.ancestor-session .siteArchiveListTitle { background-color: var(--session-color); }

.siteArchive.ancestor-seminar .siteArchiveHeader { display: none; }
.siteArchive.ancestor-seminar .siteArchiveTagsInner a svg { fill: var(--seminar-color); }
.siteArchive.ancestor-seminar .siteArchiveListTitle { background-color: var(--seminar-color); }



/** for Tablet ---------------------------------- **/

@media all and (max-width:1024px) and (min-width:768px) {
	
	.siteArchive {
		width: calc( 100% - 60px );
	}
}


/** for Smart Phone ----------------------------- **/

@media all and (max-width:767px) {
	
	.siteArchive {
		width: calc( 100% - 20px );
	}
	
	.siteArchive .siteArchiveMain {
		margin-top: 20px;
	}

	/** 検索バー ---------- **/

	.siteArchiveSearch {
		margin: 20px 0;
	}


	/** タグ一覧 ---------- **/

	.siteArchiveTags {
		margin: 20px 0;
	}


	/** 記事一覧タイトル ---------- **/

	.siteArchiveListTitle {
		padding: 10px 50px;
	}

	.siteArchiveListTitle a {
		margin: 5px 10px 5px 0;
	}

	.siteArchiveListTitle span.count {
		margin: 5px 0;
	}


	/** 記事一覧 ----------------- **/

	.siteArchiveList {
		margin: 20px 0;
	}

	.siteArchiveList .siteTileInner {
		display: block;
	}

	.siteArchiveList .siteTileRow.image {
		width: auto;
	}

	.siteArchiveList .siteTileRow.text {
		width: auto;
		animation: 20px 0 0 0;
		padding: 0;
	}
}


/** for Print ----------------------------------- **/

@media print {
}


/** =================================================================

	新 : 詳細ページ(wordpress single.php)

===================================================================== **/



.siteSingle {
	width: calc( 100% - 80px );
	margin: 0 auto;
}

.siteSingleHeader {
	margin: 10px 0 0 0;
	padding: 20px;
	background-color: #ffffff;
	border-radius: 5px;
}

.siteSingleHeaderInner{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
}

.siteSingleHeaderRow {
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

.siteSingleHeaderRow.image {
	width: 50%;
}

.siteSingleHeaderRow.text {
	padding: 0 0 0 30px;
}

.siteSingleImage {}

.siteSingleImage img {}

.siteSingleHeaderRow {}

.siteSingleTitle {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	
	font-size: 20px;
	font-weight: 700;
	line-height: 1.5;
}

.siteSingleTags {}

.siteSingleTags a {}

.siteSingleHeaderRow.text > * { margin: 20px 0; }
.siteSingleHeaderRow.text > *:first-child { margin-top: 0; }
.siteSingleHeaderRow.text > *:last-child { margin-bottom: 0; }




/** for Tablet ---------------------------------- **/

@media all and (max-width:1024px) and (min-width:768px) {
	
	.siteSingle {
		width: calc( 100% - 40px );
	}
}


/** for Smart Phone ----------------------------- **/

@media all and (max-width:767px) {
	
	.siteSingle {
		width: calc( 100% - 20px );
	}
	
	.siteSingleHeaderInner{
		display: block;
	}

	.siteSingleHeaderRow.image {
		width: auto;
	}

	.siteSingleHeaderRow.text {
		margin: 20px 0 0 0;
		padding: 0;
	}
}


/** for Print ----------------------------------- **/

@media print {
}