.button-wrap {text-align:center; margin-bottom:50px; display:flex; justify-content:center; margin-left:-10px; margin-right:-10px;}
.button-wrap-col {flex:0 0 50%; width:50%; padding-left:10px; padding-right:10px;}
.btn-gradient {position:relative; padding:20px 110px 20px 80px; border-radius:100px; display:inline-flex; align-items:center; justify-content:center; box-shadow:0 0 10px rgba(0, 0, 0, .1); background-image:linear-gradient(to right, #0086db, #00cdda); color:#fff !important; font-weight:bold; font-size:18px;}
.btn-gradient:hover {background-image:linear-gradient(to left, #1bb8ca, #1bb8ca);}
.btn-gradient::after {position:absolute; top:20px; right:15px; font-family:'FontAwesome'; content:'\f08e'; font-weight:normal; font-size:14px;}
.btn-gradient.no-after {padding:20px 80px 20px 80px;}
.btn-gradient.no-after::after {display:none;}
.btn-gradient-orange {position:relative; padding:20px 110px 20px 80px; border-radius:100px; display:inline-flex; align-items:center; justify-content:center; box-shadow:0 0 10px rgba(0, 0, 0, .1); background-image:linear-gradient(to right, #de6308, #db8300); color:#fff !important; font-weight:bold; font-size:18px;}
.btn-gradient-orange:hover {background-image:linear-gradient(to left, #de6308, #db8300);}
.btn-gradient-orange::after {position:absolute; top:20px; right:15px; font-family:'FontAwesome'; content:'\f08e'; font-weight:normal; font-size:14px;}
.btn-gradient-orange.no-after {padding:20px 80px 20px 80px;}
.btn-gradient-orange.no-after::after {display:none;}
.btn-fill {position:relative; padding:20px 110px 20px 80px; border-radius:100px; display:inline-flex; align-items:center; justify-content:center; box-shadow:0 0 10px rgba(0, 0, 0, .1); background-color:#00cdda; color:#fff !important; font-weight:bold; font-size:18px;}
.btn-fill:hover,
.btn-fill.active {background-color:#0086db;}

.small-title {padding:5px 10px; border-left:5px solid #0086db; margin-bottom:30px; font-size:18px;}

/* TOC+ */
#toc_container{
	margin:20px auto 30px;
	background-color:rgba(44,153,181,.04); /* 目次全体の背景カラー */
	border:3px solid rgba(64,105,144,.2); /* 目次全体の枠線 */
	border-radius:3px;
	box-sizing:border-box;
	padding:38px 52px;
	display:table;
	min-width: 68%;
	counter-reset:li;
}

/* テーマによるリストの装飾を一旦無効化 */
#toc_container ul.toc_list li::before{
	content:none;
	padding:0;
	margin:0;
	width:0;
	height:0;
	background:none;
	box-shadow:none;
}

/* 目次の見出しタイトル */
#toc_container .toc_title{
	text-align:center;
	font-weight:bold;
	font-size:118%;
	padding:0;
}

/* 見出しタイトル左のアイコン */
#toc_container .toc_title::before{
	position:relative;
	font-size:28px;
	content:"\2254";
	display:inline-block;
	width:40px;
	height:40px;
	line-height:34px;
	margin-right:8px;
	border-radius:50%;
	vertical-align:baseline;
	speak:none;
	-webkit-font-smoothing:antialiased;
	color:#fff;
	background-color:#5f7b96;
}

/* 表示／非表示トグル */
#toc_container .toc_toggle a{
	font-size:13px;
	font-weight:normal;
	padding:2px 4px;
}

/* 目次エリア */
#toc_container p.toc_title + ul.toc_list{
	padding:20px 0 0;
	margin:20px 0 0;
	border-top:1px solid rgba(0,0,0,.1);
}

/* リスト共通スタイル */
#toc_container ul.toc_list li{
	position:relative;
	padding:0;
	margin:0;
	list-style: none;
}

/* 目次リンク共通スタイル */
#toc_container ul.toc_list li a{
	position:relative;
	font-size:94%;
	font-weight:normal;
	text-decoration:none;
	display:inline-block;
	line-height:1.6;
	padding:3px 0;
	margin:5px 0;
	transition:all .3s ease;
}
#toc_container ul.toc_list a,
#toc_container ul.toc_list a:visited{
	color:#5f7b96; /* リンクカラー */
}
/* マウスオーバー時 */
#toc_container ul.toc_list li a:hover{
	text-decoration:none;
	box-shadow:0 2px;
}

/* 親の目次 */
#toc_container ul.toc_list > li > a{
	font-size:104%;
	font-weight:bold;
	margin-left:40px;
}

/* 親の目次(左側の連番) */
#toc_container ul.toc_list > li::before,
#toc_container ul.toc_list > li::after{
	position:absolute;
	top:3px;
	left:0;
}
/* 連番背景 */
#toc_container ul.toc_list > li::before{
	content:'';
	display:inline-block;
	vertical-align:bottom;
	width:32px;
	height:32px;
	margin-right:7px;
	border-radius:16px;
	background-color:rgba(125,157,188,0.66);
}
/* 連番 */
#toc_container ul.toc_list > li::after{
	counter-increment:li;
	content:counter(li);
	width:32px;
	line-height:32px;
	font-family:'Avenir Next', 'Helvetica Neue', Arial, 'Meiryo','Yu Gothic', san-serif;
	font-weight:400;
	text-align:center;
	color:#fff;
}

/* 子の目次 */
#toc_container ul.toc_list > li > ul{
	margin-left:40px;
}

/* 子の目次の左側のアイコン */
#toc_container ul.toc_list > li ul li::before{
	position:absolute;
	top:3px;
	left:0;
	content:'\2023';
	display: inline-block;
	width:14px;
	height:28px;
	line-height:28px;
	font-size:18px;
	color:#5f7b96;
}
#toc_container ul.toc_list > li ul li a{
	font-weight: normal;
	margin-left:16px;
}

/* レスポンシブ設定(667px幅以下) */
@media only screen and (max-width: 667px){
	#toc_container{
		padding:20px 3vw;
		min-width:auto;
		width:100%!important;
	}
	#toc_container p.toc_title + ul.toc_list{
		padding:20px 0 0;
	}
	#toc_container ul.toc_list > li > ul{
		margin-left:30px;
	}
}

.page.guide main {background-color:#fff;}
.page.guide .page-header {margin:0 0 50px; padding:100px 0; background-position:center center; background-size:cover; color:#fff; text-align:center;}
.page.guide .page-body {padding:0;}
.page.guide .page-body .catch {text-align:center; margin-bottom:20px;}
.page.guide .page-body .catch span {position:relative; font-size:20px; font-weight:bold; display:inline-block; border-bottom:6px solid; border-image:linear-gradient(to right, #0186db 0%, #3fbfb3 50%, #00afda 100%);border-image-slice:1;}
.page.guide .needs {background-color:#f1f9ff; padding:5%;}
.page.guide .needs-list {display:flex; flex-wrap:wrap;}
.page.guide .needs-box {background-color:#fff; padding:20px; box-shadow:0 0 10px rgba(0, 0, 0, .1);}
.page.guide .needs-box:nth-child(1) {margin-bottom:20px; margin-right:1%; flex:0 0 49%;}
.page.guide .needs-box:nth-child(2) {margin-bottom:20px; margin-left:1%; flex:0 0 49%;}
.page.guide .needs-box:nth-child(3) {flex:0 0 100%;}
.page.guide .needs-box .title {margin-bottom:10px; display:inline-block; background-color:#0186db; padding:10px 30px; color:#fff; line-height:1;}
.page.guide .needs-box h4 {font-size:16px; font-weight:bold;}
.page.guide .needs-box .text ul {margin-bottom:20px; padding-left:10px;}
.page.guide .needs-box .text ul {margin-bottom:20px; padding-left:10px;}
.page.guide .needs-box .text ul > li {list-style-type:none; position:relative; padding-left:15px;}
.page.guide .needs-box .text ul > li::before {width:0; height:0; display:block; position:absolute; left:0; top:10px; content:''; border:5px solid transparent; border-left-color:#0186db;}
.page.guide .needs-box .flex {display:flex; flex-wrap:wrap; align-items:center;}
.page.guide .needs-box .flex-left {flex:0 0 80%;}
.page.guide .needs-box .flex-right {flex:0 0 20%;}
.page.guide .point {background-color:#f1f9ff; padding:5%; margin-bottom:50px;}
.page.guide .point-list {}
.page.guide .point-box {background-color:#fff; padding:20px; box-shadow:0 0 10px rgba(0, 0, 0, .1);}
.page.guide .point-box:not(:last-child) {margin-bottom:20px;}
.page.guide .point-box .flex {display:flex; flex-wrap:wrap; align-items:flex-start;}
.page.guide .point-box .flex-left {flex:0 0 15%; padding:35px;}
.page.guide .point-box .flex-right {flex:0 0 85%;}
.page.guide .point-box h3 {font-size:18px; font-weight:bold;}
.page.guide .point-box h3 span {margin-right:10px; color:#0186db;}
.page.guide .point-box .title {margin-bottom:10px; display:inline-block; background-color:#000; padding:10px 30px; color:#fff; line-height:1;}
.page.guide .howtouse {display:none;}

.page.recruit main {background-color:#fff;}
.page.recruit .page-header {margin:0 0 50px; padding:100px 0; background-position:center center; background-size:cover; color:#fff; text-align:center;}
.page.recruit .page-body {padding:0;}
.page.recruit .page-body .catch {text-align:center; margin-bottom:20px;}
.page.recruit .page-body .catch span {position:relative; font-size:20px; font-weight:bold; display:inline-block; border-bottom:6px solid; border-image:linear-gradient(to right, #0186db 0%, #3fbfb3 50%, #00afda 100%);border-image-slice:1;}
.page.recruit .page-body .about {background-color:#f1f9ff; padding:5% 5% 3%;}
.page.recruit .page-body .about-list {display:flex; flex-wrap:wrap; padding-bottom:3%;}
.page.recruit .page-body .about-box {margin-bottom:30px; flex:0 0 100%; background-color:#fff; padding:30px; box-shadow:0 0 10px rgba(0, 0, 0, .1);}
.page.recruit .page-body .about-box .title {margin-bottom:10px; display:inline-block; background-color:#0186db; padding:10px 30px; color:#fff; line-height:1;}
.page.recruit .page-body .about-box h4 {font-size:16px; font-weight:bold; color:#1595e7;}
.page.recruit .page-body .about-box .text ul {margin-bottom:20px; padding-left:10px;}
.page.recruit .page-body .about-box .text ul {margin-bottom:20px; padding-left:10px;}
.page.recruit .page-body .about-box .text ul > li {list-style-type:none; position:relative; padding-left:15px;}
.page.recruit .page-body .about-box .text ul > li::before {width:0; height:0; display:block; position:absolute; left:0; top:10px; content:''; border:5px solid transparent; border-left-color:#0186db;}
.page.recruit .page-body .about-box .flex {display:flex; flex-wrap:wrap; align-items:center; margin-left:-10px; margin-right:-10px;}
.page.recruit .page-body .about-box .flex-left,
.page.recruit .page-body .about-box .flex-right {padding-left:10px; padding-right:10px;}
.page.recruit .page-body .about-box .flex-left {flex:0 0 80%;}
.page.recruit .page-body .about-box .flex-right {flex:0 0 20%;}
.page.recruit .page-body .feature-list {display:flex; flex-wrap:wrap;}
.page.recruit .page-body .feature-box {margin-bottom:30px; flex:0 0 100%; background-color:#fff; padding:20px; box-shadow:0 0 10px rgba(0, 0, 0, .1);}
.page.recruit .page-body .feature-box .title {margin-bottom:15px; font-size:16px; font-weight:bold; color:#1595e7;}
.page.recruit .page-body .feature-box .title span {margin-right:10px; display:inline-block; background-color:#0186db; padding:10px 30px; color:#fff; line-height:1;}
.page.recruit .feature-box h4 {font-size:16px; font-weight:bold; color:#1595e7;}
.page.recruit .page-header p {margin-top:10px; margin-bottom:0;}
.page.recruit .page-body .feature-box .text:not(:last-child) {margin-bottom:40px;}
.page.recruit .page-body .feature-box .flex {display:flex; flex-wrap:wrap; align-items:center; margin-left:-10px; margin-right:-10px;}
.page.recruit .page-body .feature-box .flex-left,
.page.recruit .page-body .feature-box .flex-right {padding-left:10px; padding-right:10px;}
.page.recruit .page-body .feature-box .flex-left {flex:0 0 70%; order:2;}
.page.recruit .page-body .feature-box .flex-right {flex:0 0 30%; order:1;}
.page.recruit .price-description {margin-bottom:10px; text-align:center;}
.page.recruit .price {background-color:#f1f9ff; padding:0 5% 3%;}
.page.recruit .price-box {margin-bottom:30px; flex:0 0 100%; background-color:#fff; padding:30px; box-shadow:0 0 10px rgba(0, 0, 0, .1);}
.page.recruit .price-box h4 {margin-bottom:20px; text-align:center; font-size:16px; font-weight:bold; color:#1595e7;}
.page.recruit .price-box .table {table-layout:fixed;}
.page.recruit .price-box .table th,
.page.recruit .price-box .table td {text-align:left;}
.page.recruit .price-box .table th {background-color:#f4f4f4;}
.page.recruit .price-box .flex {display:flex; flex-wrap:wrap; align-items:center; margin-left:-10px; margin-right:-10px;}
.page.recruit .price-box .flex-left,
.page.recruit .price-box .flex-right {padding-left:10px; padding-right:10px;}
.page.recruit .price-box .flex-left {flex:0 0 50%;}
.page.recruit .price-box .flex-right {flex:0 0 50%;}
.page.recruit .price-feature {text-align:center; font-size:18px; font-weight:bold; color:#1595e7;}

.page.recruit .page-body .recruit-success {margin-bottom:5%; background-color:#f1f9ff; padding:0 5% 3%;}
.page.recruit .page-body .recruit-success-list {display:flex; flex-wrap:wrap;}
.page.recruit .page-body .recruit-success-box {margin-bottom:30px; flex:0 0 100%; background-color:#fff; padding:20px; box-shadow:0 0 10px rgba(0, 0, 0, .1);}
.page.recruit .page-body .recruit-success-box .title {margin-bottom:15px; font-size:16px; font-weight:bold; color:#000;}
.page.recruit .page-body .recruit-success-box .title span {margin-right:10px; display:inline-block; background-color:#000; padding:10px 30px; color:#fff; line-height:1;}
.page.recruit .recruit-success-box h4 {font-size:16px; font-weight:bold; color:#1595e7;}
.page.recruit .page-header p {margin-top:10px; margin-bottom:0;}
.page.recruit .page-body .recruit-success-box .text:not(:last-child) {margin-bottom:40px;}
.page.recruit .page-body .recruit-success-box .flex {display:flex; flex-wrap:wrap; align-items:center; margin-left:-10px; margin-right:-10px;}
.page.recruit .page-body .recruit-success-box .flex-left,
.page.recruit .page-body .recruit-success-box .flex-right {padding-left:10px; padding-right:10px;}
.page.recruit .page-body .recruit-success-box .flex-left {flex:0 0 80%; order:2;}
.page.recruit .page-body .recruit-success-box .flex-right {flex:0 0 20%; order:1;}
.page.recruit .page-body .recruit-success-box img {border-radius:50px;}

.page.recruit .pagepart-cta {padding:75px 0; background:url(../images/common/pagepart-cta-bg.png) 0 0 repeat; text-align:center;}
.page.recruit .pagepart-cta h2 {margin:0 0 30px; font-size:24px; font-weight:bold;}
.page.recruit .pagepart-cta img {max-width:270px; margin-left:auto; margin-right:auto;}
.page.recruit .pagepart-cta .btn-wrap {margin-top:30px;}
.page.recruit .pagepart-cta .btn {padding-top:20px; padding-bottom:20px; color:#fff;}

.page.advertisement main {background-color:#fff;}
.page.advertisement .page-header {margin:0 0 50px; padding:100px 0; background-position:center center; background-size:cover; color:#fff; text-align:center;}
.page.advertisement .page-body {padding:0;}
.page.advertisement .page-body .catch {text-align:center; margin-bottom:20px;}
.page.advertisement .page-body .catch span {position:relative; font-size:20px; font-weight:bold; display:inline-block; border-bottom:6px solid; border-image:linear-gradient(to right, #0186db 0%, #3fbfb3 50%, #00afda 100%);border-image-slice:1;}
.page.advertisement .page-body .about {background-color:#f1f9ff; margin-bottom:50px; padding:5% 5% 3%;}
.page.advertisement .page-body .about-list {display:flex; flex-wrap:wrap; padding-bottom:3%;}
.page.advertisement .page-body .about-box {margin-bottom:30px; flex:0 0 100%; background-color:#fff; padding:30px; box-shadow:0 0 10px rgba(0, 0, 0, .1);}
.page.advertisement .page-body .about-box .title {margin-bottom:10px; display:inline-block; background-color:#0186db; padding:10px 30px; color:#fff; line-height:1;}
.page.advertisement .page-body .about-box h4 {font-size:16px; font-weight:bold; color:#1595e7;}
.page.advertisement .page-body .about-box .text ul {margin-bottom:20px; padding-left:10px;}
.page.advertisement .page-body .about-box .text ul {margin-bottom:20px; padding-left:10px;}
.page.advertisement .page-body .about-box .text ul > li {list-style-type:none; position:relative; padding-left:15px;}
.page.advertisement .page-body .about-box .text ul > li::before {width:0; height:0; display:block; position:absolute; left:0; top:10px; content:''; border:5px solid transparent; border-left-color:#0186db;}
.page.advertisement .page-body .about-box .flex {display:flex; flex-wrap:wrap; margin-left:-10px; margin-right:-10px; margin-bottom:20px;}
.page.advertisement .page-body .about-box .flex-centered {align-items:center;}
.page.advertisement .page-body .about-box .mb-0 {margin-bottom:0 !important;}
.page.advertisement .page-body .about-box .mb-20 {margin-bottom:20px !important;}
.page.advertisement .page-body .about-box .flex-left,
.page.advertisement .page-body .about-box .flex-right {padding-left:10px; padding-right:10px;}
.page.advertisement .page-body .about-box .flex-left {flex:0 0 80%;}
.page.advertisement .page-body .about-box .flex-right {flex:0 0 20%;}
.page.advertisement .page-body .about-box .flex-half {padding-left:10px; padding-right:10px; flex:0 0 50%;}
.page.advertisement .page-body .about-box .about-blue-title {margin-right:10px; display:inline-block; background-color:#0186db; padding:10px 30px; color:#fff; line-height:1;}
.page.advertisement .page-body .about-box .about-box-title {display:flex; justify-content:center; align-items:center; margin:0 0 30px; text-align:center; font-size:45px; line-height:1; color:#000;}
.page.advertisement .page-body .about-box .about-box-title small {display:inline-block; margin-right:15px; padding:5px 10px; background-image:linear-gradient(to right, #0086db, #00cdda); border-radius:4px; color:#fff; font-size:14px;}
.page.advertisement .page-body .about-box .about-box-parts {display:flex;}
.page.advertisement .page-body .about-box .about-box-part {flex:0 0 50%; padding:0 50px;}
.page.advertisement .page-body .about-box .about-box-part .about-box-part-title {font-size:20px; color:#000; text-align:center;}
.page.advertisement .page-body .about-box .about-box-part p {margin-top:20px; margin-bottom:20px;}
.page.advertisement .page-body .about-box .about-box-part .circles {display:flex; align-items:center; text-align:center;}
.page.advertisement .page-body .about-box .about-box-part .circles div {flex:0 0 20%; width:20%;}
.page.advertisement .page-body .about-box .about-box-part .circle {display:inline-flex; justify-content:center; align-items:center; font-size:20px; width:60px; height:60px; background-color:#0186db; border-radius:50%; color:#fff; font-weight:bold;}
.page.advertisement .page-body .about-box .about-box-part .sep {font-size:30px; font-weight:bold;}
.page.advertisement .page-body .about-box .about-box-part .pv-box {display:flex; align-items:center; font-size:20px; font-weight:bold;}
.page.advertisement .page-body .about-box .about-box-part .pv-box span {display:inline-block; margin-right:10px; padding:15px 25px; background-image:linear-gradient(to right, #0086db, #00cdda); border-radius:4px; color:#fff; font-size:16px;}
.page.advertisement .page-body .about-box .about-box-feature {margin-top:50px; padding:30px 50px 30px; border:1px solid #000;}
.page.advertisement .page-body .about-box .about-box-feature h4 {position:relative; margin-top:-38px; margin-bottom:20px; text-align:center; color:#000;}
.page.advertisement .page-body .about-box .about-box-feature h4 span {display:inline-block; padding-left:10px; padding-right:10px; background-color:#fff;}
.page.advertisement .page-body .about-box .about-box-feature-flex {display:flex; align-items:center;}
.page.advertisement .page-body .about-box .about-box-feature-col:nth-child(1) {flex:0 0 55%;}
.page.advertisement .page-body .about-box .about-box-feature-col:nth-child(2) {flex:0 0 45%;}
.page.advertisement .page-body .about-box .about-box-feature-col-row {display:flex; align-items:center;}
.page.advertisement .page-body .about-box .about-box-feature-col-col {flex:0 0 33.333333%; padding-right:30px;}
.page.advertisement .page-header p {margin-top:10px; margin-bottom:0;}
.page.advertisement .price {margin-bottom:5%; background-color:#f1f9ff; padding:0 5% 3%;}
.page.advertisement .price-box {margin-bottom:30px; flex:0 0 100%; background-color:#fff; padding:30px; box-shadow:0 0 10px rgba(0, 0, 0, .1);}
.page.advertisement .price-box h4 {margin-bottom:20px; text-align:center; font-size:16px; font-weight:bold; color:#1595e7;}
.page.advertisement .pagepart-cta {padding:75px 0; background:url(../images/common/pagepart-cta-bg.png) 0 0 repeat; text-align:center;}
.page.advertisement .pagepart-cta h2 {margin:0 0 30px; font-size:24px; font-weight:bold;}
.page.advertisement .pagepart-cta img {max-width:270px; margin-left:auto; margin-right:auto;}
.page.advertisement .pagepart-cta .btn-wrap {margin-top:30px;}
.page.advertisement .pagepart-cta .btn {padding-top:20px; padding-bottom:20px; color:#fff;}

.page.about main {background-color:#fff;}
.page.about .page-header {margin:0 0 50px; padding:80px 0; background-position:center center; background-size:cover; color:#fff; text-align:center;}
.page.about .page-body {padding:0;}
.page.about .page-body .catch {text-align:center; margin-bottom:20px;}
.page.about .page-body .catch span {position:relative; font-size:20px; font-weight:bold; display:inline-block; border-bottom:6px solid; border-image:linear-gradient(to right, #0186db 0%, #3fbfb3 50%, #00afda 100%);border-image-slice:1;}
.page.about .page-body .about {background-color:#f1f9ff; padding:5% 5% 3%;}
.page.about .page-body .about-box {margin-bottom:30px; flex:0 0 100%; background-color:#fff; padding:20px; box-shadow:0 0 10px rgba(0, 0, 0, .1);}
.page.about .page-body .about-box .about-description {margin-bottom:20px;}
.page.about .page-header p {margin-top:10px; margin-bottom:0;}
.page.about .page-body .feature-list {display:flex; flex-wrap:wrap;}
.page.about .page-body .feature-box {margin-bottom:30px; flex:0 0 100%; background-color:#fff; padding:20px; box-shadow:0 0 10px rgba(0, 0, 0, .1);}
.page.about .page-body .feature-box .title {margin-bottom:15px; font-size:16px; font-weight:bold; color:#1595e7;}
.page.about .page-body .feature-box .title span {margin-right:10px; display:inline-block; background-color:#0186db; padding:10px 30px; color:#fff; line-height:1;}
.page.about .page-body .feature-box .text:not(:last-child) {margin-bottom:40px;}
.page.about .page-body .feature-box .feature-description {margin-bottom:20px;}
.page.about .page-body .feature-box .button-wrap {margin-bottom:0;}
.page.about .page-body .about-flex {display:flex; flex-wrap:wrap; margin-left:-10px; margin-right:-10px;}
.page.about .page-body .about-col {padding-left:10px; padding-right:10px; flex:0 0 50%; width:50%;}
.page.about .page-body .about-col .about-box {height:calc(100% - 84px);}
.page.about .page-body .about-col .about-box .about-name {margin-top:20px; margin-bottom:10px;}
.page.about .page-body .about-col .about-box .about-name strong {font-size:18px;}
.page.about .page-body .about-col .about-box .table {margin-bottom:0;}
.page.about .page-body .about-col .about-box .table>tbody>tr>td, .page.about .page-body .about-col .about-box .table>tbody>tr>th, .page.about .page-body .about-col .about-box .table>tfoot>tr>td, .page.about .page-body .about-col .about-box .table>tfoot>tr>th, .page.about .page-body .about-col .about-box .table>thead>tr>td, .page.about .page-body .about-col .about-box .table>thead>tr>th {vertical-align:top;}
.page.about .page-body .about-links {display:block; align-items:center; margin-bottom:20px;}
.page.about .page-body .about-logo img {max-width:300px; margin:0 auto;}
.page.about .page-body .about-sns-wrap {}
.page.about .page-body .about-sns-wrap .follow-me {position:relative; margin-bottom:10px; text-align:center;}
.page.about .page-body .about-sns-wrap .follow-me span {position:relative; background-color:#fff; padding:0 10px; font-weight:bold;}
.page.about .page-body .about-sns-wrap .follow-me::before {position:absolute; content:''; top:calc(50% - 1px); left:0; width:100%; height:2px; background-color:#000;}
.page.about .page-body .about-sns {display:flex; margin-left:-10px; margin-right:-10px;}
.page.about .page-body .about-sns .about-sns-item {display:block; padding:0 10px;}
.page.about .page-body .about-sns .about-sns-item a {display:block;}
.page.about .pagepart-cta {padding:75px 0; background:url(../images/common/pagepart-cta-bg.png) 0 0 repeat; text-align:center;}
.page.about .pagepart-cta h2 {margin:0 0 30px; font-size:24px; font-weight:bold;}
.page.about .pagepart-cta img {max-width:270px; margin-left:auto; margin-right:auto;}
.page.about .pagepart-cta .btn-wrap {margin-top:30px;}
.page.about .pagepart-cta .btn {padding-top:20px; padding-bottom:20px; color:#fff;}
.page.about .page-body .mogjob {margin:70px 0; background-color:#fff7f1; padding:5% 5% 3%;}
.page.about .page-body .catch span {position:relative; font-size:20px; font-weight:bold; display:inline-block; border-bottom:6px solid; border-image:linear-gradient(to right, #0186db 0%, #3fbfb3 50%, #00afda 100%);border-image-slice:1;}
.page.about .page-body .catch.orange span {border-image:linear-gradient(to right, #de6308 0%, #db8300 50%, #de6308 100%);border-image-slice:1;}
.page.about .page-body .mogjob-flex {display:flex; flex-wrap:wrap; margin-left:-10px; margin-right:-10px;}
.page.about .page-body .mogjob-col {padding-left:10px; padding-right:10px;}
.page.about .page-body .mogjob-col:nth-child(1) {flex:0 0 80%; width:80%;}
.page.about .page-body .mogjob-col:nth-child(2) {flex:0 0 20%; width:20%;}

.page.sitemap main {background-color:#fff;}
.page.sitemap .page-header {margin:0 0 50px; padding:80px 0; background-position:center center; background-size:cover; color:#fff; text-align:center;}
.page.sitemap .page-body {padding:0;}
.page.sitemap .page-body .catch {text-align:center; margin-bottom:20px;}
.page.sitemap .page-body .catch span {position:relative; font-size:20px; font-weight:bold; display:inline-block; border-bottom:6px solid; border-image:linear-gradient(to right, #0186db 0%, #3fbfb3 50%, #00afda 100%);border-image-slice:1;}
.page.sitemap .page-body .sitemap {margin-bottom:50px; background-color:#f1f9ff; padding:5% 5% 3%;}
.page.sitemap .page-body .sitemap-box {margin-bottom:30px; flex:0 0 100%; background-color:#fff; padding:20px; box-shadow:0 0 10px rgba(0, 0, 0, .1);}
.page.sitemap .page-body .sitemap-box .sitemap-description {margin-bottom:20px;}
.page.sitemap .page-body .sitemap-box .sitemap-heading {margin-bottom:15px; padding:10px; background-color:#f1f9ff; font-weight:700; font-size:16px;}
.page.sitemap .page-body .sitemap-box .sitemap-sub-heading {margin:10px 0; font-weight:700; font-size:14px;}
.page.sitemap .page-body .sitemap-box .sitemap-sep {margin-top:15px; padding-top:15px; margin-bottom:0; padding-bottom:0; border-top:1px dotted #000;}
.page.sitemap .page-body .sitemap-box .sitemap-list {margin-bottom:0; padding-left:1.25em; list-style:none;}
.page.sitemap .page-body .sitemap-box .sitemap-list li {position:relative;}
.page.sitemap .page-body .sitemap-box .sitemap-list li::before {position:absolute; top:9px; left:-10px; content:''; border:5px solid transparent; border-left-color:#000;}
.page.sitemap .page-body .sitemap-box .sitemap-list li a {color:#0086db;}
.page.sitemap .page-body .sitemap-box .sitemap-list li a:hover {text-decoration:underline;}
.page.sitemap .page-body .sitemap-box .sitemap-list li ul li::before {display:none;}
.page.sitemap .page-body .sitemap-box .sitemap-item-list {}
.page.sitemap .page-body .sitemap-box .sitemap-item-list a {padding-right:8px; color:#0086db;}
.page.sitemap .page-body .sitemap-box .sitemap-item-list li a:hover {text-decoration:underline;}
.page.sitemap .page-header p {margin-top:10px; margin-bottom:0;}
.page.sitemap .pagepart-cta {padding:75px 0; background:url(../images/common/pagepart-cta-bg.png) 0 0 repeat; text-align:center;}
.page.sitemap .pagepart-cta h2 {margin:0 0 30px; font-size:24px; font-weight:bold;}
.page.sitemap .pagepart-cta img {max-width:270px; margin-left:auto; margin-right:auto;}
.page.sitemap .pagepart-cta .btn-wrap {margin-top:30px;}
.page.sitemap .pagepart-cta .btn {padding-top:20px; padding-bottom:20px; color:#fff;}

.page.change-job main {background-color:#fff;}
.page.change-job .page-header {margin:0; padding:80px 0; background-position:center center; background-size:cover; color:#fff; text-align:center;}
.page.change-job .page-body {padding:0;}
.page.change-job .page-body .catch {text-align:center; margin-bottom:20px;}
.page.change-job .page-body .catch span {position:relative; font-size:20px; font-weight:bold; display:inline-block; border-bottom:6px solid; border-image:linear-gradient(to right, #0186db 0%, #3fbfb3 50%, #00afda 100%);border-image-slice:1;}
.page.change-job .page-body .change-job {margin:50px 0; background-color:#f1f9ff; padding:30px;}
.page.change-job .page-body .change-job-box {flex:0 0 100%; background-color:#fff; padding:20px; box-shadow:0 0 10px rgba(0, 0, 0, .1);}
.page.change-job .page-body .change-job-box .change-job-description {margin-bottom:20px;}
.page.change-job .page-body .change-job-box .change-job-heading {margin-top:0; margin-bottom:15px; font-weight:700; font-size:16px;}
.page.change-job .page-body .change-job-box .change-job-heading-label {position:relative; display:inline-block; margin-right:25px; padding:10px 15px; background-color:#27bfd6; color:#fff; letter-spacing:.075em;}
.page.change-job .page-body .change-job-box .change-job-heading-label::before {position:absolute; content:''; top:0; right:-38px; border:19px solid transparent; border-left-color:#27bfd6;}
.page.change-job .page-body .change-job-box .change-job-heading-other-label {position:relative; display:inline-block; margin-right:10px; padding:10px 15px; background-color:#217885; color:#fff; letter-spacing:.075em;}
.page.change-job .page-body .change-job-box .change-job-title {margin-bottom:5px; font-weight:700; font-size:14px;}
.page.change-job .page-body .change-job-box .change-job-sep {margin-top:15px; padding-top:15px; margin-bottom:0; padding-bottom:0; border-top:1px dotted #000;}
.page.change-job .page-body .change-job-box .change-job-list {margin-bottom:0; padding-left:1.25em; list-style:none;}
.page.change-job .page-body .change-job-box .change-job-list li {position:relative;}
.page.change-job .page-body .change-job-box .change-job-list li:not(:last-child) {border-bottom:1px dotted #9f9f9f;}
.page.change-job .page-body .change-job-box .change-job-list li::before {position:absolute; top:9px; left:-10px; content:''; border:5px solid transparent; border-left-color:#000;}
.page.change-job .page-body .change-job-box .change-job-list li a {color:#0086db;}
.page.change-job .page-body .change-job-box .change-job-list li a:hover {text-decoration:underline;}
.page.change-job .page-body .change-job-box .change-job-list li ul li::before {display:none;}
.change-job-margin-bottom {margin-bottom:30px;}
.page.change-job .page-header p {margin-top:10px; margin-bottom:0;}
.page.change-job .pagepart-cta {padding:75px 0; background:url(../images/common/pagepart-cta-bg.png) 0 0 repeat; text-align:center;}
.page.change-job .pagepart-cta h2 {margin:0 0 30px; font-size:24px; font-weight:bold;}
.page.change-job .pagepart-cta img {max-width:270px; margin-left:auto; margin-right:auto;}
.page.change-job .pagepart-cta .btn-wrap {margin-top:30px;}
.page.change-job .pagepart-cta .btn {padding-top:20px; padding-bottom:20px; color:#fff;}
.change-job-card {margin-bottom:20px;}
.change-job-nav {margin-bottom:0; border-top:1px solid #27bfd6; border-bottom:1px solid #27bfd6;}
.change-job-nav ul {display:flex; flex-wrap:wrap; margin:0; padding:0; list-style:none;}
.change-job-nav ul li {flex:0 0 25%; max-width:25%; width:100%; border-left:1px solid #27bfd6;}
.change-job-nav ul li:last-child {border-right:1px solid #27bfd6;}
.change-job-nav ul li a {position:relative; display:flex; justify-content:center; align-items:center; height:60px; background-color:#f4f4f4; font-weight:700;}
.change-job-nav ul li a::before {position:absolute; top:calc(50% - 7px); right:10px; content:'\f078'; font-family:'Font Awesome 5 Free'; font-weight:700; font-size:14px; line-height:1;}
.change-job-nav ul li a:hover {background-color:#fff;}
.change-job-header {margin-bottom:30px; padding:30px 0; text-align:center; background-color:#27bfd6;}
.change-job-header h3 {margin-top:0; color:#fff500; font-weight:700;}
.change-job-header p {margin-bottom:0; color:#fff;}

.page.media-info main {background-color:#fff;}
.page.media-info .page-header {margin:0; padding:80px 0; background-position:center center; background-size:cover; color:#fff; text-align:center;}
.page.media-info .page-body {padding:0;}
.page.media-info .page-body .catch {text-align:center; margin-bottom:20px;}
.page.media-info .page-body .catch span {position:relative; font-size:20px; font-weight:bold; display:inline-block; border-bottom:6px solid; border-image:linear-gradient(to right, #0186db 0%, #3fbfb3 50%, #00afda 100%);border-image-slice:1;}
.page.media-info .page-body .external-media {margin:50px 0; background-color:#f1f9ff; padding:30px;}
.page.media-info .page-body .external-media-box {flex:0 0 100%; background-color:#fff; padding:30px; box-shadow:0 0 10px rgba(0, 0, 0, .1);}
.page.media-info .page-body .external-media-box .media-line {margin-bottom:20px;}
.page.media-info .page-body .external-media-box .external-media-description {margin-bottom:20px;}
.page.media-info .page-body .external-media-box .external-media-heading {padding:16px 28px; background-color:#f3f3f3; border-radius: 8px; margin-top:0; margin-bottom:15px; font-weight:700; font-size:16px;}
.page.media-info .page-body .external-media-box .external-media-heading-label {position:relative; display:inline-block; margin-right:25px; padding:10px 15px; background-color:#27bfd6; color:#fff; letter-spacing:.075em;}
.page.media-info .page-body .external-media-box .external-media-heading-label::before {position:absolute; content:''; top:0; right:-38px; border:19px solid transparent; border-left-color:#27bfd6;}
.page.media-info .page-body .external-media-box .external-media-heading-other-label {position:relative; display:inline-block; margin-right:10px; padding:10px 15px; background-color:#217885; color:#fff; letter-spacing:.075em;}
.page.media-info .page-body .external-media-box .external-media-title {margin-bottom:5px; font-weight:700; font-size:14px;}
.page.media-info .page-body .external-media-box .external-media-sep {margin-top:15px; padding-top:15px; margin-bottom:0; padding-bottom:0; border-top:1px dotted #000;}
.page.media-info .page-body .external-media-box .external-media-list {margin-bottom:0; padding-left:1.25em; list-style:none;}
.page.media-info .page-body .external-media-box .external-media-list li {position:relative;}
/*.page.media-info .page-body .external-media-box .external-media-list li:not(:last-child) {border-bottom:1px dotted #9f9f9f;}*/
.page.media-info .page-body .external-media-box .external-media-list li::before {position:absolute; top:9px; left:-10px; content:''; border:5px solid transparent; border-left-color:#000;}
.page.media-info .page-body .external-media-box .external-media-list li a {color:#0086db;}
.page.media-info .page-body .external-media-box .external-media-list li a:hover {text-decoration:underline;}
.page.media-info .page-body .external-media-box .external-media-list li ul li::before {display:none;}
.page.media-info .page-body .external-media-box p {margin:0 8px;}
.page.media-info .page-body .external-media-box p a {color:#0086db !important;}
.page.media-info .page-body .external-media-box p a:hover {text-decoration:underline !important;}
.page.media-info .page-body .external-media-box p::before {display:none;}

.external-media-margin-bottom {margin-bottom:30px;}
.page.media-info .page-header p {margin-top:10px; margin-bottom:0;}
.page.media-info .pagepart-cta {padding:75px 0; background:url(../images/common/pagepart-cta-bg.png) 0 0 repeat; text-align:center;}
.page.media-info .pagepart-cta h2 {margin:0 0 30px; font-size:24px; font-weight:bold;}
.page.media-info .pagepart-cta img {max-width:270px; margin-left:auto; margin-right:auto;}
.page.media-info .pagepart-cta .btn-wrap {margin-top:30px;}
.page.media-info .pagepart-cta .btn {padding-top:20px; padding-bottom:20px; color:#fff;}
.external-media-card {margin-bottom:20px;}
.external-media-nav {margin-bottom:0; border-top:1px solid #27bfd6; border-bottom:1px solid #27bfd6;}
.external-media-nav ul {display:flex; flex-wrap:wrap; margin:0; padding:0; list-style:none;}
.external-media-nav ul li {flex:0 0 25%; max-width:25%; width:100%; border-left:1px solid #27bfd6;}
.external-media-nav ul li:last-child {border-right:1px solid #27bfd6;}
.external-media-nav ul li a {position:relative; display:flex; justify-content:center; align-items:center; height:60px; background-color:#f4f4f4; font-weight:700;}
.external-media-nav ul li a::before {position:absolute; top:calc(50% - 7px); right:10px; content:'\f078'; font-family:'Font Awesome 5 Free'; font-weight:700; font-size:14px; line-height:1;}
.external-media-nav ul li a:hover {background-color:#fff;}
.external-media-header {margin-bottom:30px; padding:30px 0; text-align:center; background-color:#27bfd6;}
.external-media-header h3 {margin-top:0; color:#fff500; font-weight:700;}
.external-media-header p {margin-bottom:0; color:#fff;}

.apply-box {padding:20px 30px; background-color:#fff; border:1px solid #dbdbdb; border-top:3px solid #0086db;}
.apply-box .acf-fields > .acf-field {margin-bottom:30px;}
.apply-box .acf-label label {margin-bottom:5px !important; padding:0; background-color:transparent; border-top:none; border-bottom:none;}
.apply-box .acf-field .acf-label label:before {display:none;}
.apply-box .acf-field .acf-label .acf-required {display:none;}
.apply-box .acf-field .acf-label p.description {color:#838383; font-size:13px;}
.apply-box .acf-field .acf-label label::after {display:inline-block; content:'任意'; margin-left:5px; padding:5px 15px; background-color:#c7c7c7; border-radius:4px; color:#fff; font-size:13px; line-height:1;}
.apply-box .acf-field[data-required="1"] .acf-label label::after {content:'必須'; background-color:#0086db;}
.apply-box .acf-field input[type="text"],
.apply-box .acf-field input[type="password"],
.apply-box .acf-field input[type="number"],
.apply-box .acf-field input[type="search"],
.apply-box .acf-field input[type="email"],
.apply-box .acf-field input[type="url"],
.apply-box .acf-field textarea,
.apply-box .acf-field select {background-color:#e2edf5; border-radius:4px;}
.apply-box .acf-field .acf-radio-list label input,
.apply-box .acf-field .acf-checkbox-list label input {display:none;}
.apply-box .acf-field .acf-radio-list label,
.apply-box .acf-field .acf-checkbox-list label {position:relative; display:inline-block; margin-bottom:5px; padding:0 0 0 25px;}
.apply-box .acf-field .acf-radio-list label::before,
.apply-box .acf-field .acf-checkbox-list label::before,
.apply-box .acf-field .acf-radio-list label::after,
.apply-box .acf-field .acf-checkbox-list label::after {position:absolute; top:0; left:0; content:''; width:21px; height:21px; background-color:#e2edf5;}
.apply-box .acf-field .acf-radio-list label::before,
.apply-box .acf-field .acf-radio-list label::after {border-radius:20px;}
.apply-box .acf-field .acf-radio-list label.selected::before,
.apply-box .acf-field .acf-checkbox-list label.selected::before {}
.apply-box .acf-field .acf-radio-list label.selected::after,
.apply-box .acf-field .acf-checkbox-list label.selected::after {width:15px; height:15px; background-color:#0086db; top:3px; left:3px;}
.apply-box .acf-form-submit {text-align:center;}
.apply-box .acf-form-submit .btn {width:80%; background-color:#0086db; border:none; border-radius:50px; color:#fff; padding:20px; margin-top:20px;}

.custom-borde-title {text-align:center; margin-bottom:20px;}
.custom-borde-title span {position:relative; font-size:20px; font-weight:bold; display:inline-block; border-bottom:6px solid; border-image:linear-gradient(to right, #0186db 0%, #3fbfb3 50%, #00afda 100%);border-image-slice:1;}
.custom-title {margin-bottom:10px; font-size:20px; font-weight:700;}

@media (max-width:767px) {
    .button-wrap {display:block; margin-bottom:20px;}
    .button-wrap-col {flex:0 0 100%; width:100%; margin-bottom:10px;}
    .btn-gradient {flex-wrap:wrap; padding:10px 40px 10px 20px; font-size:14px;}
    .btn-gradient::after {top:10px;}
    .btn-gradient.no-after {padding:10px 20px;}
    .btn-gradient-orange {padding:10px 40px 10px 20px; font-size:16px;}
    .btn-gradient-orange::after {top:10px;}
    .btn-gradient-orange.no-after {padding:10px 20px;}
    .btn-fill {flex-wrap:wrap; padding:10px 20px; font-size:14px;}

    .page.guide .page-header {margin-bottom:20px; padding:50px 0;}
    .page.guide .page-header h1 {color:#fff;}
    .page.guide .page-body .catch span {font-size:16px;}
    .page.guide .needs-box:nth-child(1) {margin-right:0; flex:0 0 100%;}
    .page.guide .needs-box:nth-child(2) {margin-left:0; flex:0 0 100%;}
    .page.guide .point-box .flex {display:block;}
    .page.guide .point-box .flex-left {margin-bottom:0; padding:0;}
    .page.guide .point-box h3 {font-size:16px;}
    .page.guide .point-box h3 span {display:block; margin-bottom:5px;}

    .page.recruit .page-header {margin-bottom:20px; padding:50px 0;}
    .page.recruit .page-header h1 {color:#fff;}
    .page.recruit .page-header p {margin-top:10px; margin-bottom:0; font-size:13px;}
    .page.recruit .page-body .catch span {font-size:16px;}
    .page.recruit .page-body .about-box h4 {line-height:1.5;}
    .page.recruit .page-body .about-box {padding:20px;}
    .page.recruit .page-body .about-box .flex-left,
    .page.recruit .page-body .about-box .flex-right {flex:0 0 100%;}
    .page.recruit .page-body .about-box .flex-left {margin-bottom:20px;}
    .page.recruit .page-body .feature-box .flex-left,
    .page.recruit .page-body .feature-box .flex-right {flex:0 0 100%;}
    .page.recruit .page-body .feature-box .title span {display:block; margin:10px 0 15px; padding:10px;}
    .page.recruit .price-box {padding:20px;}
    .page.recruit .price-box .flex-left,
    .page.recruit .price-box .flex-right {flex:0 0 100%;}
    .page.recruit .pagepart-cta {padding:50px 0;}
    .page.recruit .pagepart-cta h2 {font-size:16px;}
    .page.recruit .pagepart-cta img {max-width:200px;}
    .page.recruit .page-body .recruit-success-box .flex-left,
    .page.recruit .page-body .recruit-success-box .flex-right {flex:0 0 100%;}
    .page.recruit .page-body .recruit-success-box .title span {display:block; margin:10px 0 15px; padding:10px;}
    .page.recruit .page-body .recruit-success-box img {margin:10px auto; width:50%;}

    .page.advertisement .page-header {margin-bottom:20px; padding:50px 0;}
    .page.advertisement .page-header h1 {color:#fff;}
    .page.advertisement .page-header p {margin-top:10px; margin-bottom:0; font-size:13px;}
    .page.advertisement .page-body .catch span {font-size:16px;}
    .page.advertisement .page-body .about-box h4 {line-height:1.5;}
    .page.advertisement .page-body .about-box {padding:20px;}
    .page.advertisement .page-body .about-box .flex-left,
    .page.advertisement .page-body .about-box .flex-right {flex:0 0 100%;}
    .page.advertisement .page-body .about-box .flex-left {margin-bottom:20px;}
    .page.advertisement .page-body .about-box .flex-half {flex:0 0 100%; margin-bottom:10px;}
    .page.advertisement .page-body .about-box .flex-half strong {display:block; margin-top:5px;}
    .page.advertisement .price-box {padding:20px;}
    .page.advertisement .pagepart-cta {padding:50px 0;}
    .page.advertisement .pagepart-cta h2 {font-size:16px;}
    .page.advertisement .pagepart-cta img {max-width:200px;}

    .page.about .page-header {margin-bottom:20px; padding:50px 0;}
    .page.about .page-header h1 {color:#fff;}
    .page.about .page-header p {margin-top:10px; margin-bottom:0; font-size:13px;}
    .page.about .page-body .catch span {font-size:16px;}
    .page.about .page-body .about-col {flex:0 0 100%;}
    .page.about .page-body .about-col .about-box .table>tbody>tr>td, .page.about .page-body .about-col .about-box .table>tbody>tr>th, .page.about .page-body .about-col .about-box .table>tfoot>tr>td, .page.about .page-body .about-col .about-box .table>tfoot>tr>th, .page.about .page-body .about-col .about-box .table>thead>tr>td, .page.about .page-body .about-col .about-box .table>thead>tr>th {width:25%;}
    .page.about .page-body .about-links {display:block; margin-bottom:10px;}
    .page.about .page-body .about-logo {width:100%; display:block; padding-left:20px; padding-right:20px; margin-right:0; margin-bottom:0;}
    .page.about .page-body .about-logo img {max-width:200px;}
    .page.about .page-body .about-sns-wrap {width:100%; flex-wrap:wrap;}
    .page.about .page-body .about-sns {flex-wrap:wrap;}
    .page.about .page-body .about-sns .about-sns-item {margin:0 0 20px; flex:0 0 50%; width:50%;}
    .page.about .page-body .mogjob-col:nth-child(1),
    .page.about .page-body .mogjob-col:nth-child(2) {flex:0 0 100%;}
    .page.about .page-body .mogjob-col:nth-child(2) img {max-width:200px; margin:0 auto 20px;}

    .page.sitemap .page-header {margin-bottom:20px; padding:50px 0;}
    .page.sitemap .page-header h1 {color:#fff;}
    .page.sitemap .page-header p {margin-top:10px; margin-bottom:0; font-size:13px;}

    .page.change-job .page-header {margin-bottom:0; padding:50px 0;}
    .page.change-job .page-header h1 {color:#fff;}
    .page.change-job .page-header p {margin-top:10px; margin-bottom:0; font-size:13px;}
    .page.change-job .page-body .change-job {padding:15px;}
    .change-job-card {margin-bottom:15px; padding-left:10px; padding-right:10px;}
    .change-job-nav .container {padding-left:0; padding-right:0;}
    .change-job-nav ul li a {height:50px; padding-left:5px; padding-right:10px; font-size:12px; line-height:1.5;}
    .change-job-nav ul li a::before {top:calc(50% - 6px); right:5px; font-size:12px;}
    .change-job-header {margin-bottom:20px; padding:20px 0;}
    .change-job-header h3 {font-size:18px;}
    .change-job-header p {font-size:12px;}
    .page.change-job .page-body .change-job-box .change-job-heading {font-size:14px;}
    .page.change-job .page-body .change-job-box .change-job-heading-label::before {right:-34px; border-width:17.5px;}

	.page.media-info .page-header {margin-bottom:0; padding:50px 0;}
    .page.media-info .page-header h1 {color:#fff;}
    .page.media-info .page-header p {margin-top:10px; margin-bottom:0; font-size:13px;}
    .page.media-info .page-body .external-media {padding:15px;}
    .external-media-card {margin-bottom:15px; padding-left:10px; padding-right:10px;}
    .external-media-nav .container {padding-left:0; padding-right:0;}
    .external-media-nav ul li a {height:50px; padding-left:5px; padding-right:10px; font-size:12px; line-height:1.5;}
    .external-media-nav ul li a::before {top:calc(50% - 6px); right:5px; font-size:12px;}
    .external-media-header {margin-bottom:20px; padding:20px 0;}
    .external-media-header h3 {font-size:18px;}
    .external-media-header p {font-size:12px;}
	.page.media-info .page-body .external-media-box {padding:10px 0;}
    .page.media-info .page-body .external-media-box .external-media-heading {padding:10px 20px; font-size:16px; line-height:1.4em;}
    .page.media-info .page-body .external-media-box .external-media-heading-label::before {right:-34px; border-width:17.5px;}



    .page.advertisement .page-body .about-box .about-box-title {margin:0 0 30px; font-size:30px;}
    .page.advertisement .page-body .about-box .about-box-parts {display:block;}
    .page.advertisement .page-body .about-box .about-box-part {padding:0;}
    .page.advertisement .page-body .about-box .about-box-feature {padding:20px;}
    .page.advertisement .page-body .about-box .about-box-feature-flex {display:block;}
    .page.advertisement .page-body .about-box .about-box-feature-col:nth-child(1) {margin-bottom:10px;}
    .page.advertisement .page-body .about-box .about-box-feature-col-col {padding-right:10px;}
    .page.advertisement .page-body .about-box .about-box-feature-col-col:last-child {padding-right:0;}
    .page.advertisement .page-body .about-box .about-box-part .pv-box span {padding:5px 10px;}

    .apply-box {padding:10px}

    .custom-borde-title span {font-size:16px;}
    .custom-title {font-size:14px;}
}