@charset "utf-8";

/*#########################
 下層ページ用CSS
====================*/

/*ページ共通モジュール*/
#uf-content-upper {
	border-bottom: solid 1px #b1b1b1;
}
#page-ttl,
.sub-page-ttl {
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, "Yu Gothic", YuGothic, Arial, "メイリオ", Meiryo, sans-serif;
	font-size: 16px;
	line-height: 1.45;
	letter-spacing: 0;
	text-align: center;
	padding: 65px 15px 25px;
}
#page-ttl .en,
.sub-page-ttl .en {
	display: block;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 60px;
	line-height: 1;
	padding-bottom: 10px;
}
.sub-page-ttl-reflec {
	display: block;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, "Yu Gothic", YuGothic, Arial, "メイリオ", Meiryo, sans-serif;
	font-size: 40px;
	font-weight: bold;
	line-height: 1;
	padding: 65px 15px 25px;

}
.sub-page-ttl-reflec .en {
	display: block;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 16px;
	line-height: 1;
	padding-top: 15px;
}
#breadcrumb {
	width: 100%;
	max-width: 1000px;
	margin: auto;
	padding: 20px 15px;
	overflow: hidden;
}
#breadcrumb ul {
	float: right;
}
#breadcrumb ul li {
	display: inline;
	font-size: 13px;
}
@media (max-width: 999px){}
@media (max-width: 767px){
	#breadcrumb {
		display: none;
	}
	#page-ttl,
	.sub-page-ttl {
		font-size: 14px;
		padding: 45px 15px 25px;
	}
	#page-ttl .en,
	.sub-page-ttl .en {
		font-size: 48px;
	}
	.sub-page-ttl-reflec {
		font-size: 34px;
		padding: 45px 15px 25px;
	}
	.sub-page-ttl-reflec .en {
		font-size: 14px;
	}
}
@media (max-width: 424px){}

/*TOP SPECISL スライダー*/
#work-posts-slide {
	position: relative;
	z-index: 1;
	padding: 0 50px 30px;
	overflow: hidden;
}
#work-posts-slide:after {
	content: "";
	width: 100vw;
	height: 35%;
	min-height: 245px;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 1;
  background-image: url("../img/top_contents02_back.png");
}
#work-posts-slide > ul {
	position: relative;
	z-index: 2;
}

#work-posts-slide > ul li {
	width: 308px;
	float: left;
}
#work-posts-slide > ul li:not(:first-child) {
	margin-left: 20px;
}
#work-posts-slide > ul li:not(:first-child) {
	margin-left: 20px;
}

#work-posts-slide > ul li article a {
	display: block;
	background-color: #fff;
	box-shadow: 0 1px 2px rgba(0,0,0,.06), 0 1px 1px rgba(0,0,0,.12);
	transition: opacity .2s ease;
	opacity: 1;
}
#work-posts-slide2 > ul li:not(:first-child) {
	margin-left: 1px;
}
#work-posts-slide > ul li article a:hover {
	text-decoration: none;
	opacity: 0.9;
}
#work-posts-slide > ul li article a .thumbnail {
	position: relative;
}

#work-posts-slide > ul li article a .thumbnail > img {
	width: 100%;
	/* height: 204px; */
}

#work-posts-slide > ul li article a .thumbnail > img:hover {
  opacity:0.9;
}

#work-posts-slide > ul li article a .thumbnail > .vol-number {
	width: 64px;
	height: 64px;
	background-image: url(../img/work/post-vol-badge.svg);
	background-size: 64px 64px;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	font-weight: 500;
	font-style: italic;
	letter-spacing: 0;
	line-height: 64px;
	text-align: center;
	position: absolute;
	top: 15px;
	left: 15px;
	z-index: 2;
}
#work-posts-slide > ul li article a .post-information {
	padding: 20px;
}
#work-posts-slide > ul li article a .post-information > .post-ttl {
	font-size: 16px;
	font-weight: bold;
	line-height: 1.45;
	letter-spacing: 0;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#work-posts-slide > ul li article a .post-information > .sub-txts {
	padding-top: 15px;
}
#work-posts-slide > ul li article a .post-information > .sub-txts .location {
	font-size: 13px;
	font-weight: bold;
	color: #fff;
	line-height: 1;
	padding: 5px 10px;
	background-color: #009bb9;
	margin-right: .5em;
}
#work-posts-slide > ul li article a .post-information > .sub-txts .name {
	font-size: 14px;
	color: #939ba3;
}

/*TOP 物件情報 スライダー*/
#work-posts-slide2 {
	position: relative;
	z-index: 1;
	overflow: hidden;
}
#work-posts-slide2:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 1;
}
#work-posts-slide2 > ul {
	position: relative;
	z-index: 2;
}
#work-posts-slide2 > ul li {
	width: 200px;
	float: left;
}
#work-posts-slide2 > ul li:not(:first-child) {
	margin-left: 1px;
}
#work-posts-slide2 > ul li article a {
	display: block;
	background-color: #fff;
	box-shadow: 0 1px 2px rgba(0,0,0,.06), 0 1px 1px rgba(0,0,0,.12);
	transition: opacity .2s ease;
	opacity: 1;
}
#work-posts-slide2 > ul li article a:hover {
	text-decoration: none;
	opacity: 0.9;
}
#work-posts-slide2 > ul li article a .thumbnail {
	position: relative;
}
#work-posts-slide2 > ul li article a .thumbnail > img {
	width: 100%;
	height: auto;
}
#work-posts-slide2 > ul li article a .thumbnail > .vol-number {
	width: 64px;
	height: 64px;
	background-image: url(../img/work/post-vol-badge.svg);
	background-size: 64px 64px;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	font-weight: 500;
	font-style: italic;
	letter-spacing: 0;
	line-height: 64px;
	text-align: center;
	position: absolute;
	top: 15px;
	left: 15px;
	z-index: 2;
}
#work-posts-slide2 > ul li article a .post-information {
	padding: 20px;
}
#work-posts-slide2 > ul li article a .post-information > .post-ttl {
	font-size: 16px;
	font-weight: bold;
	line-height: 1.45;
	letter-spacing: 0;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#work-posts-slide2 > ul li article a .post-information > .sub-txts {
	padding-top: 15px;
}
#work-posts-slide2 > ul li article a .post-information > .sub-txts .location {
	font-size: 13px;
	font-weight: bold;
	color: #fff;
	line-height: 1;
	padding: 5px 10px;
	background-color: #009bb9;
	margin-right: .5em;
}
#work-posts-slide2 > ul li article a .post-information > .sub-txts .name {
	font-size: 14px;
	color: #939ba3;
}

/* Slider */
.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}
.slick-list {
	position: relative;
	display: block;
	overflow: visible;
	margin: 0;
	padding: 0;
}
.slick-list:focus {
	outline: none;
}
.slick-list.dragging {
	cursor: pointer;
	cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
	transform: translate3d(0, 0, 0);
}
.slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block;
}
.slick-track:before,
.slick-track:after　{
	display: table;
	content: '';
}
.slick-track:after {
	clear: both;
}
.slick-loading .slick-track {
	visibility: hidden;
}
.slick-slide　{
	display: none;
	float: left;
	height: 100%;
	min-height: 1px;
}
[dir='rtl'] .slick-slide {
	float: right;
}
.slick-slide img　{
	display: block;
}
.slick-slide.slick-loading img {
	display: none;
}
.slick-slide.dragging img {
	pointer-events: none;
}
.slick-initialized .slick-slide {
	display: block;
}
.slick-loading .slick-slide {
	visibility: hidden;
}
.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
	display: none;
}
/* Slider */
#work-posts-slide .slick-loading .slick-list {}
#work-posts-slide .slick-track {}
#work-posts-slide2 .slick-loading .slick-list {}
#work-posts-slide2 .slick-track {}
/* Arrows */
#work-posts-slide .slick-prev,
#work-posts-slide .slick-next {
	width: 40px;
	height: 40px;
	background-color: transparent;
	border: solid 1px #fff;
	border-radius: 50%;
	background-size: 11px 16px;
	background-position: center center;
	background-repeat: no-repeat;
	position: absolute;
	bottom: -webkit-calc(-34px + -20px);
	bottom: calc(-34px + -20px);
	cursor: pointer;
	font-size: 0;
	line-height: 0;
	color: transparent;
	overflow: hidden;
	transition: all .2s ease;
}
#work-posts-slide .slick-prev {
	left: 10%;
	transform: translate(-44px,0);
	z-index:10;
	top:134px;
}
#work-posts-slide .slick-next {
	right: 10%;
	transform: translate(44px,0);
	top:134px;
}
#work-posts-slide .slick-prev:hover,
#work-posts-slide .slick-next:hover {
	background-color: #59bfca;
}
#work-posts-slide2 .slick-prev,
#work-posts-slide2 .slick-next {
	width: 34px;
	height: 34px;
	background-color: transparent;
	border: solid 1px #fff;
	border-radius: 50%;
	background-size: 11px 16px;
	background-position: center center;
	background-repeat: no-repeat;
	position: absolute;
	bottom: -webkit-calc(-34px + -20px);
	bottom: calc(-34px + -20px);
	cursor: pointer;
	font-size: 0;
	line-height: 0;
	color: transparent;
	overflow: hidden;
	transition: all .2s ease;
}
#work-posts-slide2 .slick-prev {
	left: 50%;
	transform: translate(-44px,0);
}
#work-posts-slide2 .slick-next {
	right: 50%;
	transform: translate(44px,0);

}
#work-posts-slide2 .slick-prev:hover,
#work-posts-slide2 .slick-next:hover {
	background-color: #59bfca;
}
@media (max-width: 999px){}
@media (max-width: 767px){
	#work-posts-slide > ul li {
		width: 325px !important;
	}
	#work-posts-slide > ul li:not(:first-child) {
		margin-left: 20px;
	}
	#work-posts-slide > ul li article a .thumbnail > .vol-number {
		width: 52px;
		height: 52px;
		background-size: 52px 52px;
		font-size: 12px;
		line-height: 52px;
		top: 5px;
		left: 5px;
	}
	#work-posts-slide > ul li article a .post-information {
		padding: 10px;
	}
	#work-posts-slide > ul li article a .post-information > .post-ttl {
		font-size: 14px;
	}
	#work-posts-slide > ul li article a .post-information > .sub-txts {
		padding-top: 5px;
	}
	#work-posts-slide > ul li article a .post-information > .sub-txts .location,
	#work-posts-slide > ul li article a .post-information > .sub-txts .name {
		font-size: 12px;
	}

	#work-posts-slide2 > ul li {
		width: 200px;
	}
	#work-posts-slide2 > ul li:not(:first-child) {
		margin-left: 1px;
	}
	#work-posts-slide2 > ul li article a .thumbnail > .vol-number {
		width: 52px;
		height: 52px;
		background-size: 52px 52px;
		font-size: 12px;
		line-height: 52px;
		top: 5px;
		left: 5px;
	}
	#work-posts-slide2 > ul li article a .post-information {
		padding: 10px;
	}
	#work-posts-slide2 > ul li article a .post-information > .post-ttl {
		font-size: 14px;
	}
	#work-posts-slide2 > ul li article a .post-information > .sub-txts {
		padding-top: 5px;
	}
	#work-posts-slide2 > ul li article a .post-information > .sub-txts .location,
	#work-posts-slide2 > ul li article a .post-information > .sub-txts .name {
		font-size: 12px;
	}
}
@media (max-width: 424px){
	#work-posts-slide > ul li {
		width: 260px;
	}
	#work-posts-slide > ul li:not(:first-child) {
		margin-left: 15px;
	}

	#work-posts-slide2 > ul li {
		width: 200px;
	}
	#work-posts-slide2 > ul li:not(:first-child) {
		margin-left: 1px;
	}
}



/*02_service*/
#service #content {
	overflow: hidden;
}
#service #uf-content-upper {
	background-image: url(../img/service/service-first-section-bg.png);
    background-size: 1400px 766px;
    background-position: center center;
	border-bottom: none;
	margin: 0 20px;
}
#service #uf-content-upper #first-section {
	width: 100%;
	max-width: 1000px;
	margin: auto;
	padding-left: 15px;
	padding-right: 15px;
	text-align: center;
}
#service .service-in-figures {}
#service .service-in-figures > figure {
	display: inline-block;
    position: relative;
    padding: 0 10px;
}
#service .service-in-figures > figure > img {
	position: relative;
	z-index: 2;
}
#service .service-in-figures > figure.client > img.view.view-slideup.on {
	animation-delay: .3s;
	animation-fill-mode:forwards;
	opacity: 0;
}
#service .service-in-figures > figure.client > figcaption.view.view-slideup.on {
	animation-delay: .45s;
	animation-fill-mode:forwards;
	opacity: 0;
}
#service .service-in-figures > figure.our > img.view.view-slideup.on {
	animation-delay: .8s;
	animation-fill-mode:forwards;
	opacity: 0;
}
#service .service-in-figures > figure.our > figcaption.view.view-slideup.on {
	animation-delay: .95s;
	animation-fill-mode:forwards;
	opacity: 0;
}
#service .detail-graph.view.view-zoomin.on,
#service #goal-section .conversion-button.view.view-zoomin.on {
	animation-delay: .45s;
	animation-fill-mode:forwards;
	opacity: 0;
}
#service #uf-content-upper #first-section .service-in-figures > figure.client > figcaption {
	position: absolute;
    top: 45px;
    left: -webkit-calc( -269px/*img:width*/ + -18px);
    left: calc( -269px/*img:width*/ + -18px);
}
#service #uf-content-upper #first-section .service-in-figures > figure.our > figcaption {
	position: absolute;
    top: 30px;
    right: -webkit-calc( -293px/*img:width*/ + -22px);
    right: calc( -293px/*img:width*/ + -22px);
}
#service #uf-content-upper #first-section .service-in-figures > figure.our {
	position: relative;
    top: 11px;
}
#service #uf-content-upper #first-section #step-page-in-anchor {
	background-color: #fff;
	display: table;
	width: 100%;
}
#service #uf-content-upper #first-section #step-page-in-anchor > li {
	display: table-cell;
}
#service #uf-content-upper #first-section #step-page-in-anchor > li:not(:last-child) {
	border-right: solid 1px #d9d9d9;
}
#service #uf-content-upper #first-section #step-page-in-anchor > li a {
	display: block;
	text-align: center;
	padding: 10px 0;
	transition: all .2s ease;
}
#service #uf-content-upper #first-section #step-page-in-anchor > li a:hover {
	text-decoration: none;
}
#service #uf-content-upper #first-section #step-page-in-anchor > li:nth-child(1) a:hover {
	background-color: #fff6e5;
}
#service #uf-content-upper #first-section #step-page-in-anchor > li:nth-child(2) a:hover {
	background-color: #fff1f1;
}
#service #uf-content-upper #first-section #step-page-in-anchor > li:nth-child(3) a:hover {
	background-color: #eaf6ea;
}
#service #uf-content-upper #first-section #step-page-in-anchor > li:nth-child(4) a:hover {
	background-color: #f7eff9;
}
#service #uf-content-upper #first-section #step-page-in-anchor > li a .step-number {
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	padding-right: .5em;
}
#service #uf-content-upper #first-section #step-page-in-anchor > li:nth-child(1) a .step-number {
	color: #ffa200;
}
#service #uf-content-upper #first-section #step-page-in-anchor > li:nth-child(2) a .step-number {
	color: #fd7474;
}
#service #uf-content-upper #first-section #step-page-in-anchor > li:nth-child(3) a .step-number {
	color: #2fa52f;
}
#service #uf-content-upper #first-section #step-page-in-anchor > li:nth-child(4) a .step-number {
	color: #af60c3;
}
/*以下ステップ１?４+goal*/
#service .step-section {
	margin: 20px;
	padding: 150px 15px 0;
	position: relative;
	z-index: 1;
}
#service .step-section#goal-section {
	padding-top: 110px;
}
#service .step-section#goal-section .conversion-button {
	padding-bottom: 210px;
}
#service .step-section .next-step-arrow {
	text-align: center;
	padding: 100px 15px;
}
#service .step-section#step1 {
	background-color: #fffbdd;
}
#service .step-section#step2 {
	background-color: #ffdddd;
}
#service .step-section#step3 {
	background-color: #ccedcc;
}
#service .step-section#step4 {
	background-color: #f3e7f6;
}
#service #goal-section {
	background-color: #edf8fc;
}
#service .step-section > .vertical-fixed-nav {
	position: absolute;/*Jsでfixedになる*/
	top: 0;
	left: 0;
	writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	-webkit-writing-mode:vertical-rl;
	font-family: 'Roboto', -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, "Yu Gothic", YuGothic, Arial, "メイリオ", Meiryo, sans-serif;
	font-size: 18px;
	color: #fff;
	line-height: 50px;
	width: 50px;
	padding: 20px 0;
	border-bottom-right-radius: 10px;
	border-top-right-radius: 10px;
}
#service .step-section > .vertical-fixed-nav.is_stuck {
}
#service .step-section#step1 > .vertical-fixed-nav {
	background-color: #ffa200;
}
#service .step-section#step2 > .vertical-fixed-nav {
	background-color: #fd7474;
}
#service .step-section#step3 > .vertical-fixed-nav {
	background-color: #2fa52f;
}
#service .step-section#step4 > .vertical-fixed-nav {
	background-color: #af60c3;
}
#service #goal-section > .vertical-fixed-nav {
	background-color: #33aed7;
}
#service .step-section .inner {
	width: 100%;
	max-width: 1000px;
	margin: auto;
	padding: 0 15px;
	text-align: center;
}
#service .step-section .inner .step-ttl {
	display: table;
	margin: auto;
}
#service .step-section .inner .step-ttl > .step-ttl-ic,
#service .step-section .inner .step-ttl > .step-ttl-txt {
	display: table-cell;
	vertical-align: middle;
}
#service .step-section .inner .step-ttl > .step-ttl-ic .inner-badge {
	width: 128px;
	height: 128px;
	background-color: #fff;
	border-radius: 50%;
}
#service .step-section .inner .step-ttl > .step-ttl-ic .step-number {
	font-family: 'Roboto', sans-serif;
	font-size: 20px;
	font-weight: 400;
	font-style: italic;
	line-height: 1;
	padding-top: 20px;
	padding-bottom: 8px;
}
#service .step-section#step1 .inner .step-ttl > .step-ttl-ic .inner-badge .step-number,
#service .step-section#step1 .inner .step-ttl > .step-ttl-txt {
	color: #ffa200;
}
#service .step-section#step2 .inner .step-ttl > .step-ttl-ic .inner-badge .step-number,
#service .step-section#step2 .inner .step-ttl > .step-ttl-txt {
	color: #fd7474;
}
#service .step-section#step3 .inner .step-ttl > .step-ttl-ic .inner-badge .step-number,
#service .step-section#step3 .inner .step-ttl > .step-ttl-txt {
	color: #2fa52f;
}
#service .step-section#step4 .inner .step-ttl > .step-ttl-ic .inner-badge .step-number,
#service .step-section#step4 .inner .step-ttl > .step-ttl-txt {
	color: #af60c3;
}
#service #goal-section .inner .step-ttl > .step-ttl-ic .step-number,
#service #goal-section .inner .step-ttl > .step-ttl-txt {
	color: #33aed7;
}
#service .step-section .inner .step-ttl > .step-ttl-txt {
	text-align: left;
	padding-left: 25px;
}
#service .step-section .inner .step-ttl > .step-ttl-txt .lead {
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, "Yu Gothic", YuGothic, Arial, "メイリオ", Meiryo, sans-serif;
	font-size: 45px;
	font-weight: bold;
	line-height: 1.45;
	letter-spacing: 0;
}
#service .step-section#step1 .inner .step-ttl > .step-ttl-txt .lead .dots-cap {
	padding: .3em 0;
    background-repeat: repeat-x;
    background-size: 1em .2em;
    background-position: top left;
    background-image: -webkit-gradient(radial,center center,0,center center,1.5,from(#ffa200),color-stop(.5,#ffa200),color-stop(.9,transparent),to(transparent));
    background-image: -webkit-radial-gradient(center center,.1em .1em,#ffa200,#ffa200 95%,transparent 95%,transparent);
    background-image: radial-gradient(.1em .1em at center center,#ffa200,#ffa200 95%,transparent);
}
#service .step-section#step2 .inner .step-ttl > .step-ttl-txt .lead .dots-cap {
	padding: .3em 0;
    background-repeat: repeat-x;
    background-size: 1em .2em;
    background-position: top left;
    background-image: -webkit-gradient(radial,center center,0,center center,1.5,from(#fd7474),color-stop(.5,#fd7474),color-stop(.9,transparent),to(transparent));
    background-image: -webkit-radial-gradient(center center,.1em .1em,#fd7474,#fd7474 95%,transparent 95%,transparent);
    background-image: radial-gradient(.1em .1em at center center,#fd7474,#fd7474 95%,transparent);
}
#service .step-section#step3 .inner .step-ttl > .step-ttl-txt .lead .dots-cap {
	padding: .3em 0;
    background-repeat: repeat-x;
    background-size: 1em .2em;
    background-position: top left;
    background-image: -webkit-gradient(radial,center center,0,center center,1.5,from(#2fa52f),color-stop(.5,#2fa52f),color-stop(.9,transparent),to(transparent));
    background-image: -webkit-radial-gradient(center center,.1em .1em,#2fa52f,#2fa52f 95%,transparent 95%,transparent);
    background-image: radial-gradient(.1em .1em at center center,#2fa52f,#2fa52f 95%,transparent);
}
#service .step-section#step4 .inner .step-ttl > .step-ttl-txt .lead .dots-cap {
	padding: .3em 0;
    background-repeat: repeat-x;
    background-size: 1em .2em;
    background-position: top left;
    background-image: -webkit-gradient(radial,center center,0,center center,1.5,from(#af60c3),color-stop(.5,#af60c3),color-stop(.9,transparent),to(transparent));
    background-image: -webkit-radial-gradient(center center,.1em .1em,#af60c3,#af60c3 95%,transparent 95%,transparent);
    background-image: radial-gradient(.1em .1em at center center,#af60c3,#af60c3 95%,transparent);
}
#service .step-section .inner .step-ttl > .step-ttl-txt .en {
	font-family: 'Roboto', sans-serif;
	font-size: 20px;
	font-weight: 400;
	font-style: italic;
	line-height: 1.45;
	opacity: .8;
}

#service .step-section#step1 .service-in-figures {
	padding: 120px 0 45px;
}
#service .step-section#step1 .service-in-figures > figure.client > figcaption {
	position: absolute;
    top: -60px;
    left: -webkit-calc( -357px/*img:width*/ + 5px);
    left: calc( -357px/*img:width*/ + 5px);
}
#service .step-section#step1 .service-in-figures > figure.our > figcaption {
	position: absolute;
    top: -19px;
    right: -webkit-calc( -310px/*img:width*/ + -16px);
    right: calc( -310px/*img:width*/ + -16px);
}
#service .step-section#step1 .service-in-figures > figure.our {
	position: relative;
    top: 16px;
}

#service .step-section#step2 .service-in-figures {
	padding: 50px 0 45px;
}
#service .step-section#step2 .service-in-figures > figure.client > figcaption {
	position: absolute;
    top: 13px;
    left: -webkit-calc( -260px/*img:width*/ + -4px);
    left: calc( -260px/*img:width*/ + -4px);
}
#service .step-section#step2 .service-in-figures > figure.our > figcaption {
	position: absolute;
    top: -36px;
    right: -webkit-calc( -272px/*img:width*/ + -11px);
    right: calc( -272px/*img:width*/ + -11px);
}
#service .step-section#step2 .service-in-figures > figure.our {
	position: relative;
    top: 16px;
}

#service .step-section#step3 .service-in-figures {
	padding: 50px 0 45px;
}
#service .step-section#step3 .service-in-figures > figure.client > figcaption {
	position: absolute;
    top: 13px;
    left: -webkit-calc( -260px/*img:width*/ + 3px);
    left: calc( -260px/*img:width*/ + 3px);
}
#service .step-section#step3 .service-in-figures > figure.our > figcaption {
	position: absolute;
    top: -30px;
    right: -webkit-calc( -272px/*img:width*/ + -17px);
    right: calc( -272px/*img:width*/ + -17px);
}
#service .step-section#step3 .service-in-figures > figure.our {
	position: relative;
    top: 16px;
}

#service .step-section#step4 .service-in-figures {
	padding: 50px 0 45px;
}
#service .step-section#step4 .service-in-figures > figure.client > figcaption {
	position: absolute;
    top: -9px;
    left: -webkit-calc( -335px/*img:width*/ + -11px);
    left: calc( -335px/*img:width*/ + -11px);
}
#service .step-section#step4 .service-in-figures > figure.our > figcaption {
	position: absolute;
    top: -36px;
    right: -webkit-calc( -247px/*img:width*/ + -17px);
    right: calc( -247px/*img:width*/ + -17px);
}
#service .step-section#step4 .service-in-figures > figure.our {
	position: relative;
    top: 24px;
}

#service #goal-section .service-in-figures {
	padding: 65px 0 45px;
}
#service #goal-section .service-in-figures > figure.client > figcaption {
	position: absolute;
    top: -11px;
    left: -webkit-calc( -280px/*img:width*/ + -26px);
    left: calc( -280px/*img:width*/ + -26px);
}
#service #goal-section .service-in-figures > figure.our > figcaption {
	position: absolute;
    top: -55px;
    right: -webkit-calc( -293px/*img:width*/ + -17px);
    right: calc( -293px/*img:width*/ + -17px);
}
#service #goal-section .service-in-figures > figure.our {
	position: relative;
    top: 14px;
}

#service #goal-section .conversion-button {
	padding-top: 110px;
	background-image: url(../img/service/goal-section-down-arrow.png);
	background-size: 68px 56px;
	background-position: center top;
	background-repeat: no-repeat;
	text-align: center;
}
#service #goal-section .conversion-button a {
	display: inline-block;
	background-color: #009bb9;
	border-radius: 5px;
	padding: 20px 15px;
	min-width: 550px;
	text-align: center;
	position: relative;
	overflow: hidden;
	transition: all .2s ease;
}
#service #goal-section .conversion-button a:hover {
	text-decoration: none;
    background-color: #33aed7;
}
#service #goal-section .conversion-button a:before {
	content: "";
	background-color: rgba(255, 255, 255, .15);
	width: -webkit-calc(100% - 4px);
	width: calc(100% - 4px);
	height: 50%;
	border-radius: 5px;
	position: absolute;
	top: 2px;
	left: 2px;
	z-index: 1;
	transition: all .2s ease;
}
#service #goal-section .conversion-button a:hover:before {
	animation: goal-section-conversion .65s cubic-bezier(0.2,1, 0.2,1);
}
@keyframes goal-section-conversion {
	0% {
		transform: translate(0,0);
	}
	40% {
		transform: translate(0,-100%);
	}
	41% {
		transform: translate(0,100%);
	}
	100% {
		transform: translate(0,0);
	}
}
#service #goal-section .conversion-button a span {
	display: inline-block;
	font-size: 24px;
	font-weight: bold;
	color: #fff;
	line-height: 1.45;
	padding-left: 45px;
	background-image: url(../img/service/goal-section-conversion-ic.png);
	background-size: 30px 30px;
	background-position: left center;
	background-repeat: no-repeat;
	min-height: 30px;
}
@media (max-width: 999px){
	#service .step-section > .vertical-fixed-nav {
		display: none;
	}
	#service .service-in-figures > figure {
		padding: 0;
		margin: 0 -5px;
	}
	#service #uf-content-upper #first-section #step-page-in-anchor > li a {
		font-size: 13px;
		letter-spacing: 0;
	}
	#service #uf-content-upper #first-section #step-page-in-anchor > li a .step-number {
		display: block;
	}
	#service #uf-content-upper #first-section .service-in-figures > figure.client > figcaption {
		left: -webkit-calc( -269px/*img:width*/ + 26px);
		left: calc( -269px/*img:width*/ + 26px);
	}
	#service #uf-content-upper #first-section .service-in-figures > figure.our > figcaption {
		right: -webkit-calc( -293px/*img:width*/ + 38px);
		right: calc( -293px/*img:width*/ + 38px);
	}

	#service .step-section#step1 .service-in-figures > figure.client > figcaption {
		top: -70px;
		left: -webkit-calc( -357px/*img:width*/ + 55px);
		left: calc( -357px/*img:width*/ + 55px);
	}
	#service .step-section#step1 .service-in-figures > figure.our > figcaption {
		top: -90px;
		right: -webkit-calc( -310px/*img:width*/ + 33px);
		right: calc( -310px/*img:width*/ + 33px);
	}

	#service .step-section#step2 .service-in-figures > figure.client > figcaption {
		top: 13px;
		left: -webkit-calc( -260px/*img:width*/ + 6px);
		left: calc( -260px/*img:width*/ + 6px);
	}
	#service .step-section#step2 .service-in-figures > figure.our > figcaption {
		top: -36px;
		right: -webkit-calc( -272px/*img:width*/ + 9px);
		right: calc( -272px/*img:width*/ + 9px);
	}

	#service .step-section#step3 .service-in-figures > figure.client > figcaption {
		top: 13px;
		left: -webkit-calc( -260px/*img:width*/ + 3px);
		left: calc( -260px/*img:width*/ + 3px);
	}
	#service .step-section#step3 .service-in-figures > figure.our > figcaption {
		top: -30px;
		right: -webkit-calc( -272px/*img:width*/ + 1px);
		right: calc( -272px/*img:width*/ + 1px);
	}

	#service .step-section#step4 .service-in-figures > figure.client > figcaption {
		top: -9px;
		left: -webkit-calc( -335px/*img:width*/ + 34px);
		left: calc( -335px/*img:width*/ + 34px);
	}
	#service .step-section#step4 .service-in-figures > figure.our > figcaption {
		top: -36px;
		right: -webkit-calc( -247px/*img:width*/ + 3px);
		right: calc( -247px/*img:width*/ + 3px);
	}

	#service #goal-section .service-in-figures > figure.client > figcaption {
		top: -11px;
		left: -webkit-calc( -280px/*img:width*/ + 14px);
		left: calc( -280px/*img:width*/ + 14px);
	}
	#service #goal-section .service-in-figures > figure.our > figcaption {
		top: -55px;
		right: -webkit-calc( -293px/*img:width*/ + 33px);
		right: calc( -293px/*img:width*/ + 33px);
	}
}
@media (max-width: 767px){
	#service #uf-content-upper,
	#service .step-section {
		margin: 0;
	}
	#service .service-in-figures > figure {
		margin: 0;
	}
	#service .step-section .service-in-figures > figure {
		display: block;
		max-width: 320px;
		margin: auto;
		overflow: hidden;
	}
	#service #uf-content-upper #first-section #step-page-in-anchor {
		margin-left: -15px;
		margin-right: -15px;
		width: -webkit-calc(100% + 30px);
		width: calc(100% + 30px);
	}
	#service #uf-content-upper #first-section #step-page-in-anchor > li:not(:last-child) {
		border-color: #d9d9d9;
	}
	#service #uf-content-upper #first-section #step-page-in-anchor > li a {
		padding-bottom: 20px;
		background-image: url(../img/service/step-page-in-anchor-down-arrow.png);
		background-size: 9px 5px;
		background-repeat: no-repeat;
		background-position: center bottom 10px;
	}
	#service #uf-content-upper #first-section #step-page-in-anchor > li a .step-number {
		font-weight: 500;
		display: inline;
	}
	#service #uf-content-upper #first-section #step-page-in-anchor > li a .step-lead {
		display: none;
	}

	#service .step-section {
		padding: 50px 15px 65px;
	}
	#service .step-section .inner {
		padding: 0 10px;
	}
	#service .step-section:not(#goal-section):after {
		bottom: 20px;
	}
	#service .step-section#goal-section {
		padding: 50px 0 35px;
	}
	#service .step-section .inner .step-ttl > .step-ttl-ic .inner-badge {
		width: 128px;
		height: 128px;
		background-color: #fff;
		border-radius: 50%;
	}
	#service .step-section .inner .step-ttl > .step-ttl-ic .step-number {
		font-family: 'Roboto', sans-serif;
		font-size: 20px;
		font-weight: 400;
		font-style: italic;
		line-height: 1;
		padding-top: 20px;
		padding-bottom: 8px;
	}
	#service .step-section .inner .step-ttl > .step-ttl-ic,
	#service .step-section .inner .step-ttl > .step-ttl-txt {
		display: block;
		text-align: center;
	}
	#service .step-section .inner .step-ttl > .step-ttl-ic .inner-badge {
		margin: auto;
		width: 100px;
		height: 100px;
	}
	#service .step-section .inner .step-ttl > .step-ttl-ic .step-number {
		font-size: 14px;
		padding-top: 12px;
		padding-bottom: 5px;
	}
	#service .step-section .inner .step-ttl > .step-ttl-ic figure img {
		transform: scale(.9);
	}
	#service .step-section .inner .step-ttl > .step-ttl-txt {
		padding-top: 15px;
		padding-left: 0;
	}
	#service .step-section .inner .step-ttl > .step-ttl-txt .lead {
		font-size: 25px;
	}
	#service .step-section .inner .step-ttl > .step-ttl-txt .en {
		font-size: 12px;
	}
	#service #goal-section .conversion-button {
		padding-top: 55px;
		background-size: 34px 28px;
	}
	#service #goal-section .conversion-button a {
		display: block;
		padding: 15px;
		min-width: 0;
	}
	#service #goal-section .conversion-button a span {
		font-size: 16px;
		padding-left: 20px;
		background-size: 15px 15px;
		min-height: 15px;
	}
	#service .step-section#step1 .service-in-figures {
		padding: 30px 0 35px;
	}
	#service .step-section#step1 .service-in-figures > figure.client > figcaption,
	#service .step-section#step2 .service-in-figures > figure.client > figcaption,
	#service .step-section#step3 .service-in-figures > figure.client > figcaption,
	#service .step-section#step4 .service-in-figures > figure.client > figcaption,
	#service .step-section#goal-section .service-in-figures > figure.client > figcaption,
	#service .step-section#step1 .service-in-figures > figure.our > figcaption,
	#service .step-section#step2 .service-in-figures > figure.our > figcaption,
	#service .step-section#step3 .service-in-figures > figure.our > figcaption,
	#service .step-section#step4 .service-in-figures > figure.our > figcaption,
	#service .step-section#goal-section .service-in-figures > figure.our > figcaption {
		position: relative;
		top: auto!important;
		left: auto!important;
		right: auto!important;
		display: inline-block;
	}
	#service .step-section#step1 .service-in-figures > figure.client > img,
	#service .step-section#step2 .service-in-figures > figure.client > img,
	#service .step-section#step3 .service-in-figures > figure.client > img,
	#service .step-section#step4 .service-in-figures > figure.client > img,
	#service .step-section#goal-section .service-in-figures > figure.client > img {
		float: left;
	}
	#service .step-section#step1 .service-in-figures > figure.our > img,
	#service .step-section#step2 .service-in-figures > figure.our > img,
	#service .step-section#step3 .service-in-figures > figure.our > img,
	#service .step-section#step4 .service-in-figures > figure.our > img,
	#service .step-section#goal-section .service-in-figures > figure.our > img {
		float: right;
	}
	#service .step-section#step1 .service-in-figures > figure.our {
		padding-top: 15px;
	}

	/*調整*/
	#service .step-section#step1 .service-in-figures > figure.client > img {
		margin-top: 35px;
	}
}
@media (max-width: 424px){
	#service .step-section {
		padding: 30px 0 65px;
	}
}


/*03_work*/
#work #content .category-lists .button {
	border: solid 1px #009bb9;
	margin-left: -1px;
	font-size: 16px;
	font-weight: bold;
	color: #009bb9;
	height: 75px;
	line-height: 75px;
	text-align: center;
	padding: 0 20px;
	cursor: pointer;
	position: relative;
	transition: all .2s ease;
}
#work #content .category-lists .button:hover {
	background-color: #e5f5f7;
}
#work #content .category-lists .cat-operation .button:before {
	content: "";
	background-image: url(../img/work/category-operation-ic.png);
	background-size: 13px 19px;
	width: 13px;
	height: 19px;
	display: inline-block;
	margin-right: .45em;
	position: relative;
	top: 4px;
}
#work #content .category-lists .cat-commit .button:before {
	content: "";
	background-image: url(../img/work/category-commit-ic.png);
	background-size: 18px 18px;
	width: 18px;
	height: 18px;
	display: inline-block;
	margin-right: .45em;
	position: relative;
	top: 3px;
}
#work #content .category-lists .cat-conditions .button:before {
	content: "";
	background-image: url(../img/work/category-conditions-ic.png);
	background-size: 20px 21px;
	width: 20px;
	height: 21px;
	display: inline-block;
	margin-right: .45em;
	position: relative;
	top: 5px;
}
#work #content .category-lists .button:after {
	content: "";
	background-image: url(../img/base/arrow-down-blue.png);
	background-size: 17px 17px;
	width: 17px;
	height: 17px;
	position: absolute;
	top: 50%;
	right: 20px;
	margin-top: -8px;
}
#work #content .category-lists .button.active {
	color: #fff;
	background-color: #009bb9;
}
#work #content .category-lists .cat-operation .button.active:before {
	background-image: url(../img/work/category-operation-white-ic.png);
}
#work #content .category-lists .cat-commit .button.active:before {
	background-image: url(../img/work/category-commit-white-ic.png);
}
#work #content .category-lists .cat-conditions .button.active:before {
	background-image: url(../img/work/category-conditions-white-ic.png);
}
#work #content .category-lists .button.active:after {
	background-image: url(../img/base/arrow-down-white.png);
	transform: rotate(180deg);
}
#work #content .category-lists ul {
	position: absolute;
	top: 75px;/*.button:height*/
	left: -1px;
	background-color: #fff;
	border-left: solid 1px #009bb9;
	border-right: solid 1px #009bb9;
	border-bottom: solid 1px #009bb9;
	width: -webkit-calc(100% + 1px);
	width: calc(100% + 1px);
	z-index: 5;
}
#work #content .category-lists ul li:not(:last-child) {
	border-bottom: solid 1px #e8e8e8;
}
#work #content .category-lists ul li a {
	display: block;
	font-size: 16px;
	padding: 15px 25px;
	position: relative;
	transition: all .2s ease;
}
#work #content .category-lists ul li a:hover {
	padding-left: 35px;
	text-decoration: none;
}
#work #content .category-lists ul li a:before {
	content: "";
	background-image: url(../img/base/arrow-basic-blue.png);
	background-size: 7px 12px;
	width: 7px;
	height: 12px;
	display: inline-block;
	margin-right: .5em;
}
#work #wark-posts-wrapper > article a {
	display: block;
	position: relative;
	padding: 60px 0;
}
#work #wark-posts-wrapper > article a:after {
	content: "";
	width: 0;
	height: 100%;
	background-color: #009bb9;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}
#work #wark-posts-wrapper > article a:hover:after {
	animation: post-work-hov .65s cubic-bezier(0.2,1, 0.2,1);
}
@keyframes post-work-hov {
	0% {
		width: 0;
		left: 0;
	}
	50% {
		width: 100%;
		left: 0;
	}
	60% {
		width: 100%;
		left: 0;
	}
	100% {
		width: 100%;
		left: 100%;
	}
}
#work #wark-posts-wrapper > article .thumbnail {
	padding: 0;
	*zoom: 1;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	width: 65%;
	height: 100%!important;
	background-size: cover;
	background-position: center center;
	position: absolute;
	top: 0;
	z-index: 1;
}
#work #wark-posts-wrapper > article:nth-child(odd) .thumbnail {
	left: 0;
}
#work #wark-posts-wrapper > article:nth-child(even) .thumbnail {
	right: 0;
}
#work #wark-posts-wrapper > article a .post-in-box-wapper {
	max-width: 1000px;
	margin: auto;
	padding: 0 15px;
	position: relative;
	z-index: 3;
}
#work #wark-posts-wrapper > article:nth-child(odd) .post-in-box-wapper {
	text-align: right;
}
#work #wark-posts-wrapper > article:nth-child(even) .post-in-box-wapper {
	text-align: left;
}
#work #wark-posts-wrapper > article a .post-in-box-wapper .post-in-box {
	display: inline-block;
	background-color: #fff;
	padding: 40px 25px 40px 40px;
	max-width: 468px;
	text-align: left;
	position: relative;
	top: 0;
	z-index: 2;
	transition: all .2s ease;
}
#work #wark-posts-wrapper > article a:hover .post-in-box-wapper .post-in-box {
	top: -8px;
	box-shadow: 0 2px 8px rgba(0,0,0,.12);
}
#work #wark-posts-wrapper > article a .post-in-box-wapper .post-in-box > .vol-number {
	width: 80px;
	height: 80px;
	background-image: url(../img/work/post-vol-badge.svg);
	background-size: 80px 80px;
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	font-weight: 500;
	font-style: italic;
	letter-spacing: 0;
	line-height: 80px;
	text-align: center;
	position: absolute;
	top: 40px;
	right: 25px;
	z-index: 2;
}
#work #wark-posts-wrapper > article a .post-in-box-wapper .post-in-box > .sub-txts,
#work #wark-posts-wrapper > article a .post-in-box-wapper .post-in-box > .post-ttl {
	padding-right: 80px;
}
#work #wark-posts-wrapper > article a .post-in-box-wapper .post-in-box > .sub-txts .location {
	font-size: 13px;
	font-weight: bold;
	color: #fff;
	line-height: 1;
	padding: 5px 10px;
	background-color: #009bb9;
	margin-right: .5em;
}
#work #wark-posts-wrapper > article a .post-in-box-wapper .post-in-box > .sub-txts .name {
	font-size: 14px;
	color: #939ba3;
}
#work #wark-posts-wrapper > article a .post-in-box-wapper .post-in-box > .post-ttl {
	font-size: 22px;
	font-weight: bold;
	line-height: 1.45;
	padding-top: 20px;
}
#work #wark-posts-wrapper > article a .post-in-box-wapper .post-in-box > .sentence-txt {
	font-size: 16px;
	line-height: 1.6;
	padding-top: 15px;
}
#work #wark-posts-wrapper > article a .post-in-box-wapper .post-in-box > .post-tags {
	overflow: hidden;
	padding-top: 15px;
}
#work #wark-posts-wrapper > article a .post-in-box-wapper .post-in-box > .post-tags li {
	display: inline-block;
	font-size: 14px;
	color: #009bb9;
	line-height: 1;
	padding: 8px 10px;
	border: solid 1px #009bb9;
	float: left;
	margin-bottom: 10px;
	margin-right: 10px;
}
#work #wark-posts-wrapper > article a .post-in-box-wapper .post-in-box > .more-see {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 15px;
	color: #009bb9;
	text-align: right;
}
#work #wark-posts-wrapper > article a .post-in-box-wapper .post-in-box > .more-see:after {
	content: "";
	background-image: url(../img/base/arrow-basic-blue.png);
	background-size: 7px 12px;
	width: 7px;
	height: 12px;
	display: inline-block;
	margin-left: .35em;
	position: relative;
	top: 1px;
	transition: all .2s ease;
}
#work #wark-posts-wrapper > article a:hover .post-in-box-wapper .post-in-box > .more-see:after {
	animation: more-see-arrow .85s cubic-bezier(0.2,1, 0.2,1) infinite;
}
@keyframes more-see-arrow {
	0% {
		transform: translate(6px,0);
	}
	50% {
		transform: translate(0,0);
	}
	100% {
		transform: translate(0,0);
	}
}
#work #post-more-loading {
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
	background-color: #009bb9;
	cursor: pointer;
	padding: 20px;
	transition: all .2s ease;
}
#work #post-more-loading:after {
	content: "";
	background-image: url(../img/work/more-btn-down-arrow.png);
	background-size: 20px 21px;
	width: 20px;
	height: 21px;
	display: block;
	margin: 5px auto 0;
}
#work #post-more-loading:hover {
	background-color: #7fcdd6;
}
@media (max-width: 999px){
	#work #content .category-lists {
		padding-left: 15px;
		padding-right: 15px;
	}
	#work #wark-posts-wrapper > article .thumbnail {
		width: -webkit-calc(100% - 249px);
		width: calc(100% - 249px);
	}
}
@media (max-width: 767px){
	#work #content .category-lists .button {
		margin-left: 0;
		margin-top: -1px;
		height: 60px;
	    line-height: 60px;
	}
	#work #content .category-lists ul {
		position: relative;
		top: auto;
		left: auto;
		width: 100%;
	}
	#work #wark-posts-wrapper > article .thumbnail {
		width: 100%;
		position: relative;
		top: auto;
		left: auto;
		right: auto;
		height: 300px!important;
	}
	#work #wark-posts-wrapper > article a {
		padding: 0;
	}
	#work #wark-posts-wrapper > article a .post-in-box-wapper .post-in-box {
		padding: 25px;
		max-width: 100%;
		margin-top: -60px;
		box-shadow: 0 1px 4px rgba(0,0,0,.12);
	}
}
@media (max-width: 424px){
	#work #wark-posts-wrapper > article .thumbnail {
		height: 240px!important;
	}
	#work #wark-posts-wrapper > article a .post-in-box-wapper .post-in-box {
		padding: 15px;
	}
	#work #wark-posts-wrapper > article a .post-in-box-wapper .post-in-box > .vol-number {
		width: 54px;
		height: 54px;
		background-size: 54px 54px;
		font-size: 12px;
		line-height: 54px;
		top: 10px;
		right: 10px;
	}
	#work #wark-posts-wrapper > article a .post-in-box-wapper .post-in-box > .sub-txts,
	#work #wark-posts-wrapper > article a .post-in-box-wapper .post-in-box > .post-ttl {
		padding-right: 50px;
	}
	#work #wark-posts-wrapper > article a .post-in-box-wapper .post-in-box > .sub-txts .name {
		display: block;
		padding-top: 5px;
	}
	#work #wark-posts-wrapper > article a .post-in-box-wapper .post-in-box > .post-ttl {
		font-size: 16px;
		padding-top: 10px;
	}
	#work #wark-posts-wrapper > article a .post-in-box-wapper .post-in-box > .sentence-txt {
		font-size: 13px;
		padding-top: 5px;
	}
	#work #wark-posts-wrapper > article a .post-in-box-wapper .post-in-box > .post-tags {
		padding-top: 10px;
	}
	#work #wark-posts-wrapper > article a .post-in-box-wapper .post-in-box > .post-tags li {
		font-size: 12px;
		margin-bottom: 5px;
		margin-right: 5px;
	}
	#work #wark-posts-wrapper > article a .post-in-box-wapper .post-in-box > .more-see {
		font-size: 13px;
	}
}


/*04_works*/
#works #works-post-article {}
#works #works-post-article .post-thumbnail {
	width: 100%;
	height: 630px;
	position: relative;
}
#works #works-post-article .post-thumbnail > figure {
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center center;
	position: absolute;
	top: 0;
	z-index: 1;
}
#works #works-post-article .post-thumbnail .bx-wrapper {
	padding: 0;
	*zoom: 1;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	width: 100%;
	height: 100%!important;
	position: absolute;
	top: 0;
	z-index: 1;
}
#works #works-post-article .post-thumbnail .bx-wrapper {
	left: 0;
}
#works #works-post-article .post-thumbnail .bx-wrapper {
	right: 0;
}
#works #works-post-article .post-thumbnail .bx-viewport {
  /*fix other elements on the page moving (on Chrome)*/
  -webkit-transform: translatez(0);
}
#works #works-post-article .post-thumbnail .bx-wrapper .bx-viewport,
#works #works-post-article .post-thumbnail .bx-wrapper .thumbnail-slide {
	width: 100%!important;
	height: 100%!important;
}
#works #works-post-article .post-thumbnail .thumbnail-slide li {
	width: 100%!important;
	height: 100%!important;
	background-size: cover;
	background-position: center center;
}
#works #works-post-article .post-thumbnail .bx-wrapper .bx-pager,
#works #works-post-article .post-thumbnail .bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: 90px;
	width: 100%;
}
#works #works-post-article .post-thumbnail .bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-weight: bold;
	color: #fff;
}
#works #works-post-article .post-thumbnail .bx-wrapper .bx-pager.bx-default-pager a {
	background-color: #fff;
	text-indent: -9999px;
	display: block;
	width: 16px;
	height: 16px;
	margin: 0 7px;
	outline: 0;
	border: solid 3px #fff;
	border-radius: 50%;
}
#works #works-post-article .post-thumbnail .bx-wrapper .bx-pager.bx-default-pager a:hover,
#works #works-post-article .post-thumbnail .bx-wrapper .bx-pager.bx-default-pager a.active {
	background-color: transparent;
	border-color: #009bb9;
}
#works #works-post-article .post-thumbnail .bx-wrapper .bx-pager-item,
#works #works-post-article .post-thumbnail .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	vertical-align: bottom;
	*zoom: 1;
	*display: inline;
}
#works #works-post-article .post-thumbnail .bx-wrapper .bx-pager-item {
	font-size: 0;
	line-height: 0;
}
#works #works-post-article .post-inner-box {
	background-color: #fff;
	margin-top: -60px;
	padding: 0 80px;
	position: relative;
	z-index: 2;
}
#works #works-post-article .post-inner-box .post-head {
	padding-top: 60px;
	text-align: center;
}
#works #works-post-article .post-inner-box .post-head > .vol-number {
	width: 110px;
	height: 110px;
	background-image: url(../img/work/post-vol-badge.svg);
	background-size: 110px 110px;
	font-family: 'Roboto', sans-serif;
	font-size: 26px;
	font-weight: 500;
	font-style: italic;
	letter-spacing: 0;
	line-height: 110px;
	text-align: center;
	margin: auto;
}
#works #works-post-article .post-inner-box .post-head > .sub-txts .location {
	font-size: 13px;
	font-weight: bold;
	color: #fff;
	line-height: 1;
	padding: 5px 10px;
	background-color: #009bb9;
	margin-right: .5em;
}
#works #works-post-article .post-inner-box .post-head > .sub-txts .name {
	font-size: 14px;
	color: #939ba3;
}
#works #works-post-article .post-inner-box .post-head > #post-page-ttl {
	font-size: 32px;
	font-weight: bold;
	line-height: 1.45;
}
#works #works-post-article .post-inner-box .post-head > .post-tags {
	overflow: hidden;
	display: inline-block;
}
#works #works-post-article .post-inner-box .post-head > .post-tags li {
	display: inline-block;
	font-size: 14px;
	color: #009bb9;
	line-height: 1;
	padding: 8px 10px;
	border: solid 1px #009bb9;
	float: left;
	margin-bottom: 10px;
	margin-right: 10px;
}
/*cms-sentence内*/
#works #works-post-article .post-inner-box .cms-sentence h2 {
	font-size: 160%;
	font-weight: bold;
	line-height: 1.45;
	background-color: #f5f5f5;
	padding: 20px 30px;
	margin-left: 110px;
	position: relative;
}
#works #works-post-article .post-inner-box .cms-sentence h2:before {
	content: "";
	background-image: url(../img/works/cms-sentence-h2-ic.svg);
	background-size: 61px 55px;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #009bb9;
	width: 110px;
	height: 100%;
	position: absolute;
	top: 0;
	left: -110px;
}

#works #works-post-article .post-inner-box .success-reason-box .in-ttl {
	font-size: 18px;
	font-weight: bold;
	line-height: 1.45;
	background-color: #f2f2f2;
	padding: 15px 20px;
}
#works #works-post-article .post-inner-box .success-reason-box .inner-wrapper {
	position: relative;
	background-image: url(../img/works/reason-boxes-turn-arrow.png);
	background-size: 187px 12px;
	background-repeat: no-repeat;
	background-position: center 100px;
}
#works #works-post-article .post-inner-box .success-reason-box .box-badge {
	width: 190px;
	height: 190px;
	border-radius: 50%;
	margin: auto;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	line-height: 1;
	text-align: center;
	position: relative;
	z-index: 1;
}
#works #works-post-article .post-inner-box .success-reason-box .box-badge .en {
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	font-weight: 400;
	font-style: italic;
	display: block;
	padding-top: 25px;
	padding-bottom: 12px;
	margin-bottom: 12px;
	position: relative;
}
#works #works-post-article .post-inner-box .success-reason-box .box-badge .en:after {
	content: "";
	width: 20px;
	height: 1px;
	background-color: #fff;
	position: absolute;
	left: 50%;
	bottom: 0;
	margin-left: -10px;
}
#works #works-post-article .post-inner-box .success-reason-box .before-side .box-badge {
	background-color: #b0b0b0;
}
#works #works-post-article .post-inner-box .success-reason-box .after-side .box-badge {
	background-color: #009bb9;
}
#works #works-post-article .post-inner-box .success-reason-box ul {
	background-color: #f5f5f5;
	border-radius: 15px;
	padding: 15px 30px;
	margin-top: -93px;
	position: relative;
	z-index: 2;
}
#works #works-post-article .post-inner-box .success-reason-box ul li {
	font-size: 16px;
	font-weight: bold;
	line-height: 1.6;
	padding-left: 40px;
	background-size: 24px 18px;
	background-repeat: no-repeat;
	background-position: left center;
	margin: 15px 0;
}
#works #works-post-article .post-inner-box .success-reason-box .before-side ul li {
	background-image: url(../img/works/reason-boxes-before-check-ic.png);
}
#works #works-post-article .post-inner-box .success-reason-box .after-side ul li {
	background-image: url(../img/works/reason-boxes-after-check-ic.png);
}
#works #works-post-article .post-inner-box .works-post-pager article a {
	display: block;
	border: solid 1px #dbdbdb;
	padding: 20px;
	position: relative;
	overflow: hidden;
	transition: all .2s ease;
}
#works #works-post-article .post-inner-box .works-post-pager article a:hover {
	text-decoration: none;
	background-color: #f5f5f5;
}
#works #works-post-article .post-inner-box .works-post-pager article a.prev {
	padding-left: 40px;
}
#works #works-post-article .post-inner-box .works-post-pager article a.next {
	padding-right: 40px;
	margin-left: -1px;
}
#works #works-post-article .post-inner-box .works-post-pager article a:before {
	content: "";
	background-size: 7px 12px;
	width: 7px;
	height: 12px;
	position: absolute;
	top: 50%;
	margin-top: -6px;
}
#works #works-post-article .post-inner-box .works-post-pager article a.prev:before {
	background-image: url(../img/base/arrow-basic-blue-reflect.png);
	left: 15px;
}
#works #works-post-article .post-inner-box .works-post-pager article a.next:before {
	background-image: url(../img/base/arrow-basic-blue.png);
	right: 15px;
}
#works #works-post-article .post-inner-box .works-post-pager article a .thumbnail {
	position: relative;
	width: 150px;
}
#works #works-post-article .post-inner-box .works-post-pager article a.prev .thumbnail {
	float: left;
}
#works #works-post-article .post-inner-box .works-post-pager article a.next .thumbnail {
	float: right;
}
#works #works-post-article .post-inner-box .works-post-pager article a .thumbnail img {
	position: relative;
	z-index: 1;
	width: 100%;
	height: auto;
}
#works #works-post-article .post-inner-box .works-post-pager article a .thumbnail .vol-number {
	width: 38px;
	height: 38px;
	background-image: url(../img/work/post-vol-badge.svg);
	background-size: 38px 38px;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	font-weight: 500;
	font-style: italic;
	letter-spacing: 0;
	line-height: 38px;
	text-align: center;
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 2;
}
#works #works-post-article .post-inner-box .works-post-pager article a .post-ttl {
	overflow: hidden;
	font-size: 14px;
	font-weight: bold;
}
#works #works-post-article .post-inner-box .works-post-pager article a.prev .post-ttl {
	padding-left: 15px;
}
#works #works-post-article .post-inner-box .works-post-pager article a.next .post-ttl {
	padding-right: 15px;
}
#works #works-post-article .category-lists {
	border-top: solid 5px #f7f7f7;
}
#works #works-post-article .category-lists dl dt {
	font-size: 16px;
	font-weight: bold;
	color: #009bb9;
	border-bottom: solid 1px #009bb9;
	padding: 4px 0;
}
#works #works-post-article .category-lists dl.cat-operation dt:before {
	content: "";
	background-image: url(../img/work/category-operation-ic.png);
	background-size: 13px 19px;
	width: 13px;
	height: 19px;
	display: inline-block;
	margin-right: .45em;
	position: relative;
	top: 4px;
}
#works #works-post-article .category-lists dl.cat-commit dt:before {
	content: "";
	background-image: url(../img/work/category-commit-ic.png);
	background-size: 18px 18px;
	width: 18px;
	height: 18px;
	display: inline-block;
	margin-right: .45em;
	position: relative;
	top: 3px;
}
#works #works-post-article .category-lists dl.cat-conditions dt:before {
	content: "";
	background-image: url(../img/work/category-conditions-ic.png);
	background-size: 20px 21px;
	width: 20px;
	height: 21px;
	display: inline-block;
	margin-right: .45em;
	position: relative;
	top: 5px;
}
#works #works-post-article .category-lists dl dd ul {
	padding-top: 5px;
}
#works #works-post-article .category-lists dl dd ul li {
	display: inline-block;
	float: left;
}
#works #works-post-article .category-lists dl dd ul li a {
	display: block;
	font-size: 14px;
	line-height: 1;
	border: solid 1px #dcdee0;
	border-radius: 9999px;
	padding: 10px 15px;
	margin-top: 12px;
	margin-right: 5px;
	transition: all .2s ease;
}
#works #works-post-article .category-lists dl dd ul li a:hover {
	text-decoration: none;
	background-color: #f5f5f5;
}
#works #works-post-article .category-lists dl dd ul li a.active {
	color: #fff;
	font-weight: bold;
	background-color: #009bb9;
	border-color: #009bb9;
}
#works #works-post-article .category-lists dl dd ul li a.active:hover {
	background-color: #7fcdd6;
	border-color: #7fcdd6;
}
@media (max-width: 999px){
	#works #works-post-article {}
	#works #works-post-article .post-thumbnail {
		height: 420px;
	}
	#works #works-post-article .post-inner-box {
		padding: 0 15px;
	}
}
@media (max-width: 767px){
	#works #works-post-article {}
	#works #works-post-article .post-thumbnail {
		height: 310px;
	}
	#works #works-post-article .post-inner-box {
		margin-top: -40px;
		padding: 0;
	}
	#works #works-post-article .post-inner-box .post-head {
		padding-top: 40px;
	}
	#works #works-post-article .post-thumbnail .bx-wrapper .bx-pager,
	#works #works-post-article .post-thumbnail .bx-wrapper .bx-controls-auto {
		position: absolute;
		bottom: 55px;
		width: 100%;
	}
	#works #works-post-article .post-thumbnail .bx-wrapper .bx-pager.bx-default-pager a {
		width: 10px;
		height: 10px;
		margin: 0 5px;
		border: solid 2px #fff;
	}
	#works #works-post-article .post-inner-box .post-head > .vol-number {
		width: 80px;
		height: 80px;
		background-size: 80px 80px;
		font-size: 18px;
		line-height: 80px;
	}
	#works #works-post-article .post-inner-box .post-head > #post-page-ttl {
		font-size: 26px;
	}
	#works #works-post-article .post-inner-box .post-head > .post-tags li {
		font-size: 12px;
		padding: 6px 8px;
		margin-bottom: 6px;
		margin-right: 6px;
	}
	/*cms-sentence内*/
	#works #works-post-article .post-inner-box .cms-sentence h2 {
		font-size: 140%;
		padding: 10px 20px;
		margin-left: 55px;
	}
	#works #works-post-article .post-inner-box .cms-sentence h2:before {
		background-size: 30px 27px;
		width: 55px;
		left: -55px;
	}

	#works #works-post-article .post-inner-box .success-reason-box .inner-wrapper {
		background-image: none;
	}
	#works #works-post-article .post-inner-box .success-reason-box .before-side {
		padding-bottom: 40px;
		background-image: url(../img/works/reason-boxes-turn-arrow-sm.png);
		background-size: 12px 187px;
		background-repeat: no-repeat;
		background-position: center bottom;
	}
	#works #works-post-article .post-inner-box .success-reason-box .box-badge {
		width: 180px;
		height: 180px;
		font-size: 16px;
	}
	#works #works-post-article .post-inner-box .success-reason-box .box-badge .en {
		font-size: 14px;
		padding-top: 18px;
	}
	#works #works-post-article .post-inner-box .success-reason-box ul {
		border-radius: 10px;
		padding: 10px 15px;
	}
	#works #works-post-article .post-inner-box .success-reason-box ul li {
		font-size: 14px;
		line-height: 1.45;
		padding-left: 20px;
		background-size: 12px 9px;
		margin: 10px 0;
	}
	#works #works-post-article .post-inner-box .works-post-pager article a {
		padding: 10px;
	}
	#works #works-post-article .post-inner-box .works-post-pager article a.prev {
		padding-left: 20px;
	}
	#works #works-post-article .post-inner-box .works-post-pager article a.next {
		margin-left: 0;
		margin-top: 10px;
		padding-right: 20px;
	}
	#works #works-post-article .post-inner-box .works-post-pager article a.prev:before {
		left: 7px;
	}
	#works #works-post-article .post-inner-box .works-post-pager article a.next:before {
		right: 7px;
	}
	#works #works-post-article .post-inner-box .works-post-pager article a .thumbnail .vol-number {
		top: 5px;
		left: 5px;
	}
	#works #works-post-article .post-inner-box .works-post-pager article a .post-ttl {
		font-size: 13px;
	}
	#works #works-post-article .post-inner-box .works-post-pager article a.prev .post-ttl {
		padding-left: 10px;
	}
	#works #works-post-article .post-inner-box .works-post-pager article a.next .post-ttl {
		padding-right: 10px;
	}
}
@media (max-width: 424px){
	#works #works-post-article {}
	#works #works-post-article .post-thumbnail {
		height: 205px;
	}
	#works #works-post-article .post-thumbnail .bx-wrapper .bx-pager,
	#works #works-post-article .post-thumbnail .bx-wrapper .bx-controls-auto {
		bottom: 35px;
	}
	#works #works-post-article .post-inner-box {
		margin-top: -20px;
		padding: 0;
	}
	#works #works-post-article .post-inner-box .post-head {
		padding-top: 20px;
	}

}


/*05_message*/
.company-page-link-boxes {
	display: table;
	width: 100%;
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
}
.company-page-link-boxes li {
	display: table-cell;
	width: 20%;
	border: solid 1px #009bb9;
}
.company-page-link-boxes li:not(:last-child) {
	border-right: none;
}
.company-page-link-boxes li a {
	display: block;
	height: 100%;
	font-size: 16px;
	line-height: 1.45;
	font-weight: bold;
	color: #009bb9;
	text-align: center;
	padding: 14px 10px;
	transition: all 0.3s;
}
.company-page-link-boxes li a:hover {
	text-decoration: none;
	background-color: #e5f5f7;
}
.company-page-link-boxes li a .en {
	display: block;
	font-size: 12px;
    font-style: italic;
	font-weight: normal;
    color: #000;
}
#message .company-page-link-boxes li:nth-child(1) a,
#philosophy .company-page-link-boxes li:nth-child(2) a,
#about .company-page-link-boxes li:nth-child(3) a,
#access .company-page-link-boxes li:nth-child(4) a,
#introduction .company-page-link-boxes li:nth-child(5) a {
	background-color: #009bb9;
	color: #fff;
}
#message .company-page-link-boxes li:nth-child(1) a h2,
#philosophy .company-page-link-boxes li:nth-child(2) a h2,
#about .company-page-link-boxes li:nth-child(3) a h2,
#access .company-page-link-boxes li:nth-child(4) a h2,
#introduction .company-page-link-boxes li:nth-child(5) a h2 {
	font-weight: bold;
}
#message .company-page-link-boxes li:nth-child(1) a .en,
#philosophy .company-page-link-boxes li:nth-child(2) a .en,
#about .company-page-link-boxes li:nth-child(3) a .en,
#access .company-page-link-boxes li:nth-child(4) a .en,
#introduction .company-page-link-boxes li:nth-child(5) a .en {
	color: #fff;
}
#message #ceo-cco-figure {
	background-image: linear-gradient(0deg, #f2eff7 0%, #f9f2f8 100%);
}
#message #sec01:after {
	content: "";
	background-image: url(../img/message/slit-img.jpg);
	background-size: cover;
	background-position: center center;
	width: 100vw;
	height: 150px;
	display: block;
}
#message #sec01 .lead-txt .main {
	display: block;
	font-size: 32px;
	font-weight: bold;
	color: #009bb9;
	line-height: 1.4;
	text-shadow:1px 1px 3px rgba(0,0,0,.08);
}
#message #sec01 .lead-txt .en {
	display: block;
	font-size: 12px;
	font-style: italic;
	color: #939ba3;
	line-height: 1.4;
	padding-top: 5px;
}
@media (max-width: 999px){}
@media (max-width: 767px){
	.company-page-link-boxes {
		display: block;
	}
	.company-page-link-boxes li {
		display: block;
		width: 100%;
		border: none;
	}
	.company-page-link-boxes li {
		border-top: solid 1px #dbdbdb;
	}
	.company-page-link-boxes li:last-child {
		border-bottom: solid 1px #dbdbdb;
	}
	.company-page-link-boxes li a .en {
		display: inline;
		font-size: 12px;
		padding-top: 0;
		padding-left: .5em;
	}
	#message #sec01:after {
		height: 100px;
	}
}
@media (max-width: 424px){
	#message #sec01 .lead-txt .main {
		font-size: 28px;
	}
}


/*06_philosophy*/
#philosophy #sec01 {
	background-image: url(../img/philosophy/first-section-bg.jpg);
	background-size: cover;
	background-position: 25% center;
	padding: 145px 0 165px;
}
#philosophy #sec01 .upper-txt {
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.45;
	padding-bottom: 5px;
	border-bottom: solid 1px #000;
}
#philosophy #sec01 .upper-txt .en {
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	font-weight: 400;
	font-style: italic;
	padding-left: 1em;
}
#philosophy #sec01 .in-ttl .en {
	display: block;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 60px;
	color: #009bb9;
	line-height: 1;
	padding-top: 15px;
}
#philosophy #sec01 .in-ttl .main {
	display: block;
	font-size: 22px;
	line-height: 1.45;
	padding-top: 15px;
}
#philosophy #sec02 {
	background-image: url(../img/philosophy/vision-section-bg.jpg);
	background-size: cover;
	background-position: center center;
}
#philosophy #sec02 .vision-boxed-wrapper > li {
	border: solid 5px #009bb9;
	background-image: url(../img/philosophy/vision-box-tex.png);
	padding: 40px;
	position: relative;
}
#philosophy #sec02 .vision-boxed-wrapper > li:after {
	width: 81px;
	height: 81px;
	background-image: url(../img/philosophy/vision-box-corner.png);
	background-size: 81px 81px;
	font-family: 'Roboto', sans-serif;
	font-size: 28px;
	font-weight: 500;
	font-style: italic;
	color: #fff;
	line-height: 1;
	position: absolute;
	right: 0;
	bottom: 0;
	padding-top: 48px;
	padding-left: 42px;
	box-sizing: border-box;
}
#philosophy #sec02 .vision-boxed-wrapper > li:nth-child(1):after {
	content: "01";
}
#philosophy #sec02 .vision-boxed-wrapper > li:nth-child(2):after {
	content: "02";
}
#philosophy #sec02 .vision-boxed-wrapper > li:nth-child(3):after {
	content: "03";
}
#philosophy #sec02 .vision-boxed-wrapper > li .box-ttl .main {
	display: block;
	font-size: 28px;
	font-weight: bold;
	color: #009bb9;
	line-height: 1.45;
}
#philosophy #sec02 .vision-boxed-wrapper > li .box-ttl .en {
	display: block;
	font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: 400;
    font-style: italic;
	color: #939ba3;
	line-height: 1.2;
	padding-top: 10px;
}
@media (max-width: 999px){
	#philosophy #sec01 {
		padding: 105px 0 125px;
	}
	#philosophy #sec01 .in-ttl .en {
		font-size: 48px;
	}
}
@media (max-width: 767px){
	#philosophy #sec01 {
		background-position: 20% center;
		padding: 25px 0 45px;
	}
	#philosophy #sec01 .in-ttl .en {
		font-size: 38px;
	}
	#philosophy #sec02 .vision-boxed-wrapper > li {
		padding: 25px;
	}
	#philosophy #sec02 .vision-boxed-wrapper > li .box-ttl .main {
		font-size: 22px;
	}
	#philosophy #sec02 .vision-boxed-wrapper > li:after {
		width: 60px;
		height: 60px;
		background-size: 60px 60px;
		font-size: 22px;
		padding-top: 35px;
		padding-left: 29px;
	}
}
@media (max-width: 499px){
	#philosophy #sec01 {
		background-image: url(../img/philosophy/first-section-bg-sm.png);
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center bottom;
		background-color: #d9cbb3;
		padding-bottom: 70%;
	}
	#philosophy #sec01 > .container > .col-lg-09 {
		width: 100%;
		left: auto;
	}
}
@media (max-width: 424px){
	#philosophy #sec01 .in-ttl .main {
		padding-top: 10px;
	}
}


/*07_about*/
#about #sec01:before {
	content: "";
	width: 100vw;
	height: 570px;
	background-image: url(../img/about/hero-img.jpg);
	background-size: cover;
	background-position: center center;
	display: block;
}
#about #sec02:after {
	content: "";
	background-image: url(../img/about/slit-img.jpg);
	background-size: cover;
	background-position: center center;
	width: 100vw;
	height: 150px;
	display: block;
}
@media (max-width: 999px){}
@media (max-width: 767px){
	#about #sec01:before {
		height: 335px;
	}
	#about #sec02:after {
		height: 100px;
	}
}
@media (max-width: 424px){
	#about #sec01:before {
		height: 200px;
	}
}


/*08_access*/
#access #sec01:before {
	content: "";
	width: 100vw;
	height: 570px;
	background-image: url(../img/access/hero-img.jpg);
	background-size: cover;
	background-position: center center;
	display: block;
}
#access #sec01:after {
	content: "";
	width: 100vw;
	height: 100px;
	background-image: url(../img/access/slit-img01.jpg);
	background-size: cover;
	background-position: center center;
	display: block;
	position: relative;
	top: -30px;
	z-index: -1;
}
#access #sec02 .step{
	position: relative;
	padding: 20px 0 0 60px;
}
#access #sec02 .step:before {
	width: 50px;
	height: 50px;
	background-image: url(../img/work/post-vol-badge.svg);
	background-size: 50px 50px;
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	font-weight: 500;
	font-style: italic;
	letter-spacing: 0;
	line-height: 50px;
	text-align: center;
	padding-right: .15em;
    box-sizing: border-box;
	position: absolute;
	top: 10px;
	left: 0px;
	z-index: 2;
}
#access #sec02 .step01:before {
	content: "01";
}
#access #sec02 .step02:before {
	content: "02";
}
#access #sec02 .step03:before {
	content: "03";
}
#access #sec02 .step04:before {
	content: "04";
}
#access #sec02 .step05:before {
	content: "05";
}

#access #sec03:after {
	content: "";
	background-image: url(../img/access/slit-img02.jpg);
	background-size: cover;
	background-position: center center;
	width: 100vw;
	height: 150px;
	display: block;
}
@media (max-width: 999px){}
@media (max-width: 767px){
	#access #sec01:before {
		height: 335px;
	}
	#access #sec01:after {
		top: 0;
	}
	#access #sec01 #map-canvas {
		width: 100%;
		height: 320px;
		position: relative;
	}
}
@media (max-width: 424px){
	#access #sec01:before {
		height: 200px;
	}
}


/*09_introduction*/
#introduction #sec01:after {
	content: "";
    background-image: url(../img/introduction/slit-img.jpg);
    background-size: cover;
    background-position: center center;
    width: 100vw;
    height: 150px;
    display: block;
}
#introduction #introduction-posts-wrapper > article {
	margin-top: 30px;
}
#introduction #introduction-posts-wrapper > article .post-block {
	cursor: pointer;
	position: relative;
	top: 0;
	transition: all .2s ease;
}
@media (min-width: 1000px){
		#introduction #introduction-posts-wrapper > article .post-block.active {
		top: -4px;
		box-shadow: 0 2px 8px rgba(0,0,0,.12);
	}
}
#introduction #introduction-posts-wrapper > article .post-block .thumbnail img {
	width: 100%;
	height: auto;
}
#introduction #introduction-posts-wrapper > article .post-block .thumbnail img:nth-child(2) {
	display: none;
}
#introduction #introduction-posts-wrapper > article .post-block.active .thumbnail img:nth-child(1) {
	display: none;
}
#introduction #introduction-posts-wrapper > article .post-block.active .thumbnail img:nth-child(2) {
	display: block;
}
@media (min-width: 1000px){
	#introduction #introduction-posts-wrapper > article .post-block:hover .thumbnail img:nth-child(1) {
		display: none;
	}
	#introduction #introduction-posts-wrapper > article .post-block:hover .thumbnail img:nth-child(2) {
		display: block;
	}
}
#introduction #introduction-posts-wrapper > article .post-block .post-information {
	background-color: #f9f9f9;
	padding: 25px 20px 50px;
	position: relative;
}
#introduction #introduction-posts-wrapper > article .post-block .post-information:after {
	content: "";
	background-image: url(../img/introduction/pot-block-arrow.png),
		url(../img/philosophy/vision-box-corner.png);
	background-size: 6px 10px, 40px 40px;
	background-position: 28px 24px, center center;
	background-repeat: no-repeat;
	display: block;
	width: 40px;
	height: 40px;
	position: absolute;
	right: 0;
	bottom: 0;
	transition: all .2s ease;
}
#introduction #introduction-posts-wrapper > article .post-block .post-information:hover:after {
	animation: introduction-post-block-arrow .85s cubic-bezier(0.2,1, 0.2,1) infinite;
}
@keyframes introduction-post-block-arrow {
	0% {
		background-position: 32px 24px, center center;
	}
	50% {
		background-position: 28px 24px, center center;
	}
	100% {
		background-position: 28px 24px, center center;
	}
}
#introduction #introduction-posts-wrapper > article .post-block .post-information .name {
	font-size: 16px;
	font-weight: bold;
	line-height: 1.45;
}
#introduction #introduction-posts-wrapper > article .post-block .post-information .name .en {
	display: block;
	font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: 400;
    font-style: italic;
    color: #939ba3;
    line-height: 1.2;
    padding-top: 5px;
}
#introduction #introduction-posts-wrapper > article .post-block .post-information .information {
	color: #009bb9;
}

#introduction #introduction-posts-wrapper > article .post-block + .fadein-post-detail {
	width: 100vw;
	padding: 35px 30px;
	max-width: 550px;
	background-color: rgba(0, 156, 174, .9);
	font-weight: bold;
	color: #fff;
	position: absolute;
	top: 240px;
	height: 0;
	opacity: 0;
	z-index: -1;
}
#introduction #introduction-posts-wrapper > article .post-block.active + .fadein-post-detail {
	height: auto;
	opacity: 1;
	z-index: 1;
}
@media (min-width: 1000px){
	#introduction #introduction-posts-wrapper > article:nth-child(3n + 1) .post-block + .fadein-post-detail {
		left: -webkit-calc(30px + 15px/*article-padding*/ );
		left: calc(30px + 15px/*article-padding*/ );
	}
	#introduction #introduction-posts-wrapper > article:nth-child(3n + 2) .post-block + .fadein-post-detail {
		left: 50%;
		transform: translate(-50%,0);
	}
	#introduction #introduction-posts-wrapper > article:nth-child(3n + 3) .post-block + .fadein-post-detail {
		right: -webkit-calc(30px + 15px/*article-padding*/ );
		right: calc(30px + 15px/*article-padding*/ );
	}
}
@media (min-width: 768px) and (max-width: 999px) {
	#introduction #introduction-posts-wrapper > article:nth-child(3n + 1) .post-block + .fadein-post-detail {
		left: -webkit-calc(15px + 15px/*article-padding*/ );
		left: calc(15px + 15px/*article-padding*/ );
	}
	#introduction #introduction-posts-wrapper > article:nth-child(3n + 2) .post-block + .fadein-post-detail {
		left: 50%;
		transform: translate(-50%,0);
	}
	#introduction #introduction-posts-wrapper > article:nth-child(3n + 3) .post-block + .fadein-post-detail {
		right: -webkit-calc(15px + 15px/*article-padding*/ );
		right: calc(15px + 15px/*article-padding*/ );
	}
}
@media (min-width: 425px) and (max-width: 767px){
	#introduction #introduction-posts-wrapper > article:nth-child(odd) .post-block + .fadein-post-detail {
		left: 15px/*article-padding*/;
	}
	#introduction #introduction-posts-wrapper > article:nth-child(even) .post-block + .fadein-post-detail {
		right: 15px/*article-padding*/;
	}
}
#introduction #introduction-posts-wrapper > article .post-block + .fadein-post-detail .name {
	font-size: 22px;
	font-weight: bold;
	line-height: 1.45;
	padding-bottom: 25px;
	border-bottom: solid 1px #fff;
}
#introduction #introduction-posts-wrapper > article .post-block + .fadein-post-detail .name .en {
	display: block;
	font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: 400;
    font-style: italic;
    line-height: 1.2;
	padding-top: 5px;
}
#introduction #introduction-posts-wrapper > article .post-block + .fadein-post-detail .name {}
#introduction #introduction-posts-wrapper > article .post-block + .fadein-post-detail .name .en {
	color: #fff;
}
#introduction #introduction-posts-wrapper > article .post-block + .fadein-post-detail dl:first-of-type {
	margin-top: 25px;
}
#introduction #introduction-posts-wrapper > article .post-block + .fadein-post-detail dl:not(:first-of-type) {
	margin-top: 15px;
}
#introduction #introduction-posts-wrapper > article .post-block + .fadein-post-detail dl dt {
	display: inline-block;
	font-size: 12px;
	color: #000;
	line-height: 1.45;
	padding: 5px 8px;
	background-color: #fff;
}
#introduction #introduction-posts-wrapper > article .post-block + .fadein-post-detail dl dd {
	font-size: 12px;
	padding-top: 5px;
}
#introduction #introduction-posts-wrapper > article .post-block + .fadein-post-detail .close-button {
	position: absolute;
	top: 10px;
	right: 10px;
	padding: 10px;
	line-height: 10px;
	cursor: pointer;
}
#introduction #introduction-posts-wrapper > article .post-block + .fadein-post-detail .close-button:hover {
	opacity: .65;
	transition: all .2s ease;
}
@media (max-width: 999px){
	#introduction #introduction-posts-wrapper > article .post-block + .fadein-post-detail {
		max-width: 450px;
		width: -webkit-calc(100vw - 30px/**/);
		width: calc(100vw - 30px/**/);
		top: 180px;
	}
	#introduction #introduction-posts-wrapper > article .post-block + .fadein-post-detail {
		padding: 25px 20px;
	}
}
@media (max-width: 767px){
	#introduction #introduction-posts-wrapper > article .post-block .post-information {
		display: block;
	}
	#introduction #introduction-posts-wrapper > article .post-block.active .post-information {
		display: none;
	}
	#introduction #introduction-posts-wrapper > article .post-block + .fadein-post-detail {
		max-width: 400px;
		top: 130px;
		padding: 0;
	}
	#introduction #introduction-posts-wrapper > article .post-block.active + .fadein-post-detail {
		padding: 25px 20px;
	}
}
@media (max-width: 424px){
	#introduction #introduction-posts-wrapper > article .post-block + .fadein-post-detail {
		position: relative;
		top: auto;
		max-height: 9999px;
		overflow-y: auto;
	}
}


/*10_blog*/
.category-lists-cat-blogs {
	background-color: #f7f7f7;
}
.category-lists-cat-blogs ul {
	max-width: 1000px;
	margin: auto;
	padding: 25px 15px 15px;
}
.category-lists-cat-blogs ul li {
	display: inline-block;
	float: left;
	position: relative;
}
.category-lists-cat-blogs ul li a {
	display: block;
	font-size: 13px;
    font-weight: bold;
    color: #fff;
    line-height: 1;
	border: solid 1px #f7f7f7;
    padding: 8px 10px;
    margin-right: 20px;
	margin-bottom: 10px;
	position: relative;
	z-index: 2;
	transition: opacity .2s ease;
}
.category-lists-cat-blogs ul li a:hover,
.category-lists-cat-blogs ul li a.active {
	text-decoration: none;
	opacity: .5;
}
#blog #blog-posts-wrapper > article {
	border-bottom: solid 1px #dbdbdb;
}
#blog #blog-posts-wrapper > article a {
	display: block;
    padding: 30px 0;
    overflow: hidden;
    transition: all .2s ease;
}
#blog #blog-posts-wrapper > article.first-post a {
	padding-top: 0;
}
#blog #blog-posts-wrapper > article a:hover {
	text-decoration: none;
	background-color: #f2f2f2;
}
#blog #blog-posts-wrapper > article a .thumbnail {
	width: 220px;
	float: left;
	position: relative;
	margin-right: 30px;
}
#blog #blog-posts-wrapper > article.first-post a .thumbnail {
	width: 385px;
}
#blog #blog-posts-wrapper > article.new-post a .thumbnail:before {
	content: "NEW";
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	font-weight: 500;
	color: #fff;
	line-height: 1;
	padding: 8px 16px 8px 12px;
	background-color: #009bb9;
	border-top-right-radius: 9999px;
	border-bottom-right-radius: 9999px;
	position: absolute;
	top: 20px;
	left: 0;
}
#blog #blog-posts-wrapper > article a .thumbnail img {
	width: 100%;
	height: auto;
}
#blog #blog-posts-wrapper > article a .post-information {
	overflow: hidden;
}
#blog #blog-posts-wrapper > article a .post-ttl {
	font-size: 22px;
	font-weight: bold;
	line-height: 1.55;
}
#blog #blog-posts-wrapper > article.first-post a .post-ttl {
	font-size: 24px;
}
#blog #blog-posts-wrapper > article a .post-information .sub-txts {
	padding-top: 10px;
}
#blog #blog-posts-wrapper > article a .post-information .sub-txts .category {
	display: inline-block;
	font-size: 13px;
    font-weight: bold;
    color: #fff;
    line-height: 1;
    padding: 8px 10px;
    background-color: #009bb9;
    margin-right: .35em;
}
#blog #blog-posts-wrapper > article a .post-information .sub-txts .date {
	display: block;
	font-size: 18px;
	line-height: 1.4;
    color: #939ba3;
	text-align: right;
	padding-top: 10px;
}
#side-line #side-new-blogs {
	background-color: #f7fafc;
}
#side-line #side-new-blogs > .in-ttl {
	font-size: 16px;
	font-weight: bold;
	padding: 20px 20px 0;
}
#side-posts-wrapper > article:not(:last-child) {
	border-bottom: solid 1px #dbdbdb;
}
#side-posts-wrapper > article a {
	display: block;
	padding: 20px;
}
#side-posts-wrapper > article a .thumbnail img {
	width: 100%;
	height: auto;
}
#side-posts-wrapper > article a .post-information .sub-txts .date {
	display: block;
    font-size: 14px;
    line-height: 1.4;
    color: #939ba3;
    padding-top: 5px;
}
#side-posts-wrapper > article a .post-information .sub-txts .category {
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    line-height: 1;
    padding: 6px 8px;
    background-color: #009bb9;
}
#side-posts-wrapper > article a .post-information .post-ttl {
	font-size: 13px;
	line-height: 1.65;
	margin-top: 5px;
}
.sns-share-buttons {}
.sns-share-buttons li {
	display: inline-block;
}
.sns-share-buttons li:not(:last-child) {
	margin-right: 8px;
}
@media (max-width: 999px){
	.category-lists-cat-blogs ul {
		padding: 20px 15px 10px;
	}
	#blog #blog-posts-wrapper > article.first-post a .thumbnail {
		float: none;
		width: 100%;
		margin-bottom: 10px;
	}
}
@media (max-width: 767px){
	#blog #blog-posts-wrapper > article a {
		padding: 15px 0;
	}
	#blog #blog-posts-wrapper > article a .thumbnail {
		width: 140px;
		margin-right: 20px;
	}
	#blog #blog-posts-wrapper > article a .post-ttl {
		font-size: 18px;
	}
	#blog #blog-posts-wrapper > article.first-post a .post-ttl {
		font-size: 20px;
	}
}
@media (max-width: 424px){
	#blog #blog-posts-wrapper > article a .thumbnail {
		float: none;
		width: 100%;
		margin-bottom: 10px;
	}
	#blog #blog-posts-wrapper > article a .post-ttl,
	#blog #blog-posts-wrapper > article.first-post a .post-ttl {
		font-size: 16px;
	}
}


/*12_blogs*/
#blogs #blogs-post-article .post-head .date {
    font-size: 18px;
    line-height: 1.4;
    color: #939ba3;
}
#blogs #blogs-post-article .post-head #post-page-ttl {
    font-size: 26px;
	font-weight: bold;
    line-height: 1.4;
}
#blogs #blogs-post-article .post-head .lower-set .category {
	float: left;
	padding-top: 5px;
}
#blogs #blogs-post-article .post-head .lower-set .category span {
	display: inline-block;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    line-height: 1;
    padding: 8px 10px;
    background-color: #009bb9;
    margin-right: .35em;
}
#blogs #blogs-post-article .post-head .lower-set .sns-share-buttons {
	float: right;
}
#blogs #blogs-post-article.new-post > .thumbnail {
	position: relative;
}
#blogs #blogs-post-article.new-post > .thumbnail img {
	width: 100%;
	height: auto;
}
#blogs #blogs-post-article.new-post > .thumbnail:before {
    content: "NEW";
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    line-height: 1;
    padding: 10px 18px 10px 14px;
    background-color: #009bb9;
    border-top-right-radius: 9999px;
    border-bottom-right-radius: 9999px;
    position: absolute;
    top: 20px;
    left: 0;
}
#blogs .related-posts > .sub-ttl {
	font-size: 20px;
}
#blogs .related-posts .related-posts-wrapper > article:not(:last-child) {
	margin-bottom: 30px;
}
#blogs .related-posts .related-posts-wrapper > article:first-child {
	margin-top: 20px;
}
#blogs .related-posts .related-posts-wrapper > article a {
	display: block;
	padding: 20px;
	border: solid 1px #dbdbdb;
	overflow: hidden;
}
#blogs .related-posts .related-posts-wrapper > article a .thumbnail {
	width: 200px;
	float: left;
	margin-right: 20px;
}
#blogs .related-posts .related-posts-wrapper > article a .thumbnail img {
	width: 100%;
	height: auto;
}
#blogs .related-posts .related-posts-wrapper > article a .post-information {
	overflow: hidden;
}
#blogs .related-posts .related-posts-wrapper > article a .post-information .post-ttl {
	font-size: 20px;
	font-weight: bold;
	line-height: 1.45;
}
#blogs .related-posts .related-posts-wrapper > article a .post-information .sub-txts {
	padding-top: 10px;
}
#blogs .related-posts .related-posts-wrapper > article a .post-information .sub-txts .category {
	display: inline-block;
	font-size: 13px;
    font-weight: bold;
    color: #fff;
    line-height: 1;
    padding: 8px 10px;
    background-color: #009bb9;
    margin-right: .35em;
}
#blogs .related-posts .related-posts-wrapper > article a .post-information .sub-txts .date {
	display: block;
	font-size: 16px;
	line-height: 1.4;
    color: #939ba3;
	text-align: right;
	padding-top: 10px;
}
#blogs .author{
	float: left;
	width: 100%;
        padding: .5em 0;
}
#blogs .author>.written-by{
        font-weight: bold;
}
#blogs .author>.left{
	float: left;
	width: 65px;
}
#blogs .author>.left>img{
	max-width: 100%;
	height: auto;
}
#blogs .author>.right{
	float: left;
	width: 70%;
	padding-left: .7em;
}
@media (max-width: 999px){}
@media (max-width: 767px){
	#blogs #blogs-post-article .post-head .date {
		font-size: 13px;
	}
	#blogs #blogs-post-article .post-head #post-page-ttl {
		font-size: 22px;
	}
	#blogs #blogs-post-article .post-head .lower-set .category span {
		font-size: 12px;
	}
	#blogs #blogs-post-article .post-head .lower-set .sns-share-buttons {
		float: right;
	}
	#blogs #blogs-post-article.new-post > .thumbnail:before {
		font-size: 16px;
		padding: 8px 16px 8px 12px;
		top: 10px;
	}

	#blogs .related-posts > .sub-ttl {
		font-size: 18px;
	}
	#blogs .related-posts .related-posts-wrapper > article a {
		padding: 15px;
	}
	#blogs .related-posts .related-posts-wrapper > article a .thumbnail {
		width: 140px;
		margin-right: 15px;
	}
	#blogs .related-posts .related-posts-wrapper > article a .post-information .post-ttl {
		font-size: 18px;
	}
}
@media (max-width: 424px){
	#blogs .related-posts .related-posts-wrapper > article a .thumbnail {
		float: none;
		width: 100%;
		margin-bottom: 10px;
	}
	#blogs .related-posts .related-posts-wrapper > article a .post-information .post-ttl {
		font-size: 16px;
	}
}


/*13_recruit*/
#recruit #sec01:before {
	content: "";
    width: 100vw;
    height: 570px;
    background-image: url(../img/recruit/hero-img.jpg);
    background-size: cover;
    background-position: center center;
    display: block;
}
#recruit #sec01 {
	background-image: url(../img/recruit/message-section-wrapper-bg.jpg);
	background-size: cover;
	background-position: center center;
}
#recruit #sec01 .sec-in-box {
	position: relative;
	top: -60px;
	background-color: rgba(255, 255, 255, .9);
	padding: 60px 60px 60px 230px;
}
#recruit #sec01 .sec-in-box > .sub-lead-txt {
	position: absolute;
	top: 70px;
	left: 50px;
}
#recruit #sec02 .sub01,
#recruit #sec02 .sub02,
#recruit #sec02 .sub03 {
	position: relative;
}
#recruit #sec02 .sub01:after {
	content: "";
	background-image: url(../img/recruit/terms-section-in-pic01.jpg);
	background-size: cover;
	background-position: center center;
	width: 40vw;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
}
#recruit #sec02 .sub02:after {
	content: "";
	background-image: url(../img/recruit/terms-section-in-pic02.jpg);
	background-size: cover;
	background-position: center center;
	width: 40vw;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
#recruit #sec02 .sub03:after {
	content: "";
	background-image: url(../img/recruit/terms-section-in-pic03.jpg);
	background-size: cover;
	background-position: center center;
	width: 40vw;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
}
#recruit #sec02 .sub01 .inner > .col-lg-07,
#recruit #sec02 .sub02 .inner > .col-lg-07,
#recruit #sec02 .sub03 .inner > .col-lg-07 {
	position: relative;
	z-index: 2;
}
#recruit #sec03 {
	background-color: #f7fafc;
}
#recruit #sec03 .inner {
	background-color: #fff;
	border: solid 10px #009bb9;
	padding: 80px;
}
#recruit #sec03 .entry-button a {
	display: block;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	padding: 20px;
	background-color: #009bb9;
	border-radius: 5px;
	text-align: center;
	transition: all .2s ease;
}
#recruit #sec03 .entry-button a:hover {
	text-decoration: none;
	background-color: #7fcdd6;
}
#recruit #sec03:after {
	content: "";
	background-image: url(../img/recruit/slit-img.jpg);
	background-size: cover;
	background-position: center center;
	width: 100vw;
	height: 150px;
	display: block;
}
@media (max-width: 999px){
	#recruit #sec03 .inner {
		padding: 50px;
	}
}
@media (max-width: 767px){
	#recruit #sec01:before {
		height: 52vW;
	}
	#recruit #sec01 .sec-in-box {
		background-color: rgba(255, 255, 255, .9);
		padding: 30px 30px 30px 30px;
	}
	#recruit #sec02 .sub01:after,
	#recruit #sec02 .sub02:after,
	#recruit #sec02 .sub03:after {
		position: relative;
		top: auto;
		left: auto;
		right: auto;
		display: block;
		width: 100vw;
		height: 200px;
	}
	#recruit #sec03 .inner {
		border: solid 5px #009bb9;
		padding: 30px;
	}
}
@media (max-width: 424px){
	#recruit #sec03 .inner {
		padding: 15px;
	}
}


/*14_entry*/
#entry #sec01 .title {
	background-color: #f2f2f2;
}


/*16_contact*/
#contact-thanks #header-fixed-wrapper,
#contact #header-fixed-wrapper {
	position: absolute;
	box-shadow: none;
	background: none;
}
#contact-thanks #header,
#contact #header {
    padding-top: 0px;
}
#contact-thanks #uf-content-upper,
#contact #uf-content-upper {
	padding-top: 100px;
	background: url(../img/contact/header-bg.jpg) no-repeat center center;
	background-size: cover;
}
#contact #sec01 .title {
	background-color: #f2f2f2;
}
#contact #sec01 .fb-bt,
#contact #sec01 .tel-bt,
#contact #sec01 .fax-bt {
	font-size: 16px;
	display: block;
	color: #fff;
	background-color: #009bb9;
	border-radius: 4px;
	padding: 15px 20px 15px 20px;
	text-align: center;
}
#contact #sec01 .fb-bt:before {
	content: "";
	background-image: url(../img/base/ft-facebook-link-ic.png);
	background-repeat: no-repeat;
	background-size: 18px 17px;
	width: 18px;
	height: 17px;
	display: inline-block;
	margin-right: 6px;
	position: relative;
	top: 2px;
}


/*18_sitemap*/
#sitemap #sec01 .title {
	background: #F7FCFC;
}
#sitemap .category-lists dl dt {
	font-size: 16px;
	font-weight: bold;
	color: #009bb9;
	border-bottom: solid 1px #009bb9;
	padding: 4px 0 4px 26px;
}
#sitemap .category-lists dl.cat-operation dt {
	background: url(../img/work/category-operation-ic.png) no-repeat left center;
	background-size: 13px 19px;
}
#sitemap .category-lists dl.cat-commit dt {
	background: url(../img/work/category-commit-ic.png) no-repeat left center;
	background-size: 18px 18px;
}
#sitemap .category-lists dl.cat-conditions dt {
	background: url(../img/work/category-conditions-ic.png) no-repeat left center;
	background-size: 20px 21px;
}
#sitemap .category-lists dl dd ul {
	padding-top: 5px;
}
#sitemap .category-lists dl dd ul li {
	display: inline-block;
}
#sitemap .category-lists dl dd ul li a {
	display: block;
	font-size: 14px;
	line-height: 1;
	border: solid 1px #dcdee0;
	border-radius: 9999px;
	padding: 10px 15px;
	margin-top: 12px;
	margin-right: 5px;
	transition: all .2s ease;
}
#sitemap .category-lists dl dd ul li a:hover {
	text-decoration: none;
	background-color: #f5f5f5;
}
#sitemap .glid-list table {
	width: 100%;
}
#sitemap .glid-list table,
#sitemap .glid-list table td {
	border: #dbdbdb 1px solid;
}
#sitemap .glid-list table td {
	padding: 0;
	width: 33.333%;
}
#sitemap .glid-list table td a {
	padding:10px;
	display: block;
	text-align: center;
}
#sitemap .glid-list table td a:hover {
	background: #009bb9;
	text-decoration: none;
	color: #fff;
}


/*19_privacy*/
#privacy #sec01 .title {
	background-color: #F2F2F2;
}
#privacy #sec01 .border {
	border:1px solid #dbdbdb;
}
#privacy #sec01 .border .subtitle {
	border-bottom:1px solid #dbdbdb;
}