@charset "UTF-8";

/* -----------------------------------------------------------------
reset
------------------------------------------------------------------ */
* {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
img {
	vertical-align: bottom;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* -----------------------------------------------------------------
init
------------------------------------------------------------------ */
html, body {
	-webkit-backface-visibility: hidden;
}
html {
	font-size: 62.5%;
}
body {
	background-color: #ffffff;
	color: #333;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: 300;
	font-family: Roboto, 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'ＭＳ ゴシック', sans-serif;
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-smoothing: antialiased;
	position: relative; /* for mfp */
}
.mac body, .iphone body, .ipod body, .ipad body {
	font-family: -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', Helvetica, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;
}
h1, h2, h3, h4, h5, h6 {
	color: #222;
	font-weight: 300;
	line-height: 1.4;
	margin: 0;
	padding: 0;
}
p {
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.6;
}
/*
i {
	display: inline-block;
	font-family: kepler-std, serif;
	font-style: italic;
	font-size: 16px;
	font-size: 1.6rem;
	color: #f27000;
}
i.green {
	color: #7fc6ba;
}
i.lede-green {
	color: #aafff1;
}
*/
a {
	color: #222;
	text-decoration: none;
}
a:hover span,
a:hover {
	text-decoration: none;
}
/* -----------------------------------------------------------------
responsive
------------------------------------------------------------------ */
.resp-pc {
	display: block;
}
.resp-sp {
	display: none !important;
}
/* -----------------------------------------------------------------
common
------------------------------------------------------------------ */
/* underline animation *//*
a {
	position: relative;
}
a:hover {
	text-decoration: none !important;
}
a:before,
a:after {
  position: absolute;
  top: 1.8em;
  content: "";
  display: inline-block;
  width: 0;
  height: 1px;
  background: #f27000;
  transition: 0.3s;
}
a:before {
  left: 50%;
}
a:after {
  right: 50%;
}
a:hover:before,
a:hover:after {
  width: 50%;
}*/
.header-content-inner,
.footer-entry-inner,
.footer-inquiry-inner,
.footer-nav-container-inner,
.footer-content-inner,
.common-container-inner,
.article-header-inner,
.article-content-container-inner,
.article-footer-inner {
	position: relative;
	width: 1208px;
	height: 100%;
	margin: 0 auto;
}
/* -----------------------------------------------------------------
ihover
------------------------------------------------------------------ */
.ihover:hover a img {
	opacity: 0.7;
	-webkit-transition: 0.30s;
	-ms-transition: 0.30s;
	transition: 0.30s;
}
/* -----------------------------------------------------------------
clearfix
------------------------------------------------------------------ */
.container:after,
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
}
.clearfix {
	*zoom: 1;
}
/* -----------------------------------------------------------------
.common-share
------------------------------------------------------------------ */
/*
.common-share {
	position: relative;
}
.common-share ul {
    display: -ms-flex;
    display: -webkit-flex;
    display: flex;
}
.common-share ul li {
	margin-left: 10px;
}
.common-share ul li:first-child {
	margin-left: 0 !important;
}
.common-share ul li a {
	display: block;
}
.common-share ul li a img {
	width: 20px;
	height: 20px;
}
.common-share.icon-large ul li {
	margin-left: 14px;
}
.common-share.icon-large ul li a img {
	width: 28px;
	height: 28px;
}
.common-share .share-twitter {
	display: none;
}
*/
/* -----------------------------------------------------------------
#header
------------------------------------------------------------------ */
#header {
	position: fixed;
	z-index: 10;
	width: 100%;
}
/* -----------------------------------------------------------------
.header-content
------------------------------------------------------------------ */
#header .header-content {
	position: relative;
	width: 100%;
	height: 86px;
	background-color: #fff;
	/*box-shadow: 0 6px 24px rgba(0,0,0 ,.16);*/
}
#header .header-content-inner {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}
/* .hader-logo */
#header .header-content .header-logo {
	height: 86px;
	z-index: 20;
}
#header .header-content .header-logo img.resp-pc {
	position: relative;
	width: 168px;
	padding: 20px;
	background-color: #fff;
	box-shadow: 0 0 20px rgba(0,0,0,.1);
	border-radius: 0 0 2px 2px;
}
/* .hader-heading */
#header .header-content .header-heading {
	font-size: 12px;
	font-size: 1.2rem;
	margin-left: 20px;
}
#header .header-content .header-heading p {
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.4;
}
/* .header-nav */
#header .header-content .header-nav {
	position: relative;
	height: 100%;
	font-size: 16px;
	font-size: 1.6rem;
	margin-left: auto;
}
#header .header-content .header-nav > ul {
    display: -ms-flex;
    display: -webkit-flex;
    display: flex;
    position: relative;
    height: 100%;
}
#header .header-content .header-nav > ul li {
	position: relative;
	height: 100%;
	line-height: 28px;
	margin-right: 20px;
}
#header .header-content .header-nav > ul li a {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	height: 100%;
	padding: 0 10px;
}
#header .header-content .header-nav > ul li:last-child {
	margin-right: 0;
}
#header .header-content .header-nav > ul li a span.text {
	display: block;
	position: relative;
	width: 100%;
	border-bottom: 2px solid transparent;
}
#header .header-content .header-nav ul > li a span.icon-arrow_7_2 {
	margin-left: 5px;
}
#header .header-nav > ul li.hover a span,
#header .header-nav ul li a:hover span {
	color: #f27000;
}
#header .header-nav > ul li:hover a span {
	color: #f27000;
}
#header .header-nav > ul li a span:after {
	display: block;
	position: absolute;
	content: "";
	width: 100%;
	border-top: 5px solid #fff;
	border-bottom: 2px solid #f27000;
	color: #f27000;
	-webkit-transition: .4s ease;
	-ms-transition: .4s ease;
	transition: .4s ease;
	-webkit-transform: scaleX(0);
	-ms-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: left center;
	-ms-transform-origin: left center;
	transform-origin: left center;
}
#header .header-nav > ul li a:hover span:after {
	-webkit-transform: scaleX(1);
	-ms-transform: scaleX(1);
	transform: scaleX(1);
}
#header .header-nav > ul li a.hover span:after,
#home #header .header-nav ul > li#nav-home a span:after,
#news #header .header-nav > ul li#nav-news a span:after,
#whoweare #header .header-nav > ul li#nav-whoweare a span:after,
#capabilities #header .header-nav > ul li#nav-capabilities a span:after,
#clients #header .header-nav > ul li#nav-clients a span:after,
#partners #header .header-nav > ul li#nav-partners a span:after,
#case #header .header-nav > ul li#nav-case a span:after,
#columns #header .header-nav > ul li#nav-columns a span:after {
	-webkit-transition: none;
	-ms-transition: none;
	transition: none;
	-webkit-transform: scaleX(1);
	-ms-transform: scaleX(1);
	transform: scaleX(1);
}
#header .header-nav > ul li.hover a span:after {
	-webkit-transform: scaleX(1);
	-ms-transform: scaleX(1);
	transform: scaleX(1);
}
/* -----------------------------------------------------------------
.header-btn
------------------------------------------------------------------ */
.header-nav + .header-btn {
	margin-left: 20px;
}
.header-btn {
	position: relative;
}
.header-btn ul {
    display: -ms-flex;
    display: -webkit-flex;
    display: flex;
}
.header-btn ul li {
	margin-left: 10px;
}
.header-btn ul li:first-child {
	margin-left: 0 !important;
}
.header-btn ul li a {
	display: block;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1;
	color: #fff;
	border: 1px solid #f27000;
	border-radius: 2px;
}
.header-btn ul li a .anime-wrp {
	display: block;
	position: relative;
	padding: 6px 8px;
	background-color: #f27000;
}
.header-btn ul li a .anime-wrp span {
	position: relative;
	z-index: 2;
}
.header-btn ul li a .anime-wrp:before {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	display: block;
	width: 100%;
	height: 100%;
	background-color: #fff;
	content: "";
	opacity: 0;
	-webkit-transition: .4s ease;
	-ms-transition: .4s ease;
	transition: .4s ease;
	-webkit-transform: scaleX(0);
	-ms-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: left center;
	-ms-transform-origin: left center;
	transform-origin: left center;
}
.header-btn ul li a:hover .anime-wrp span {
	color: #f27000;
}
.header-btn ul li a:hover .anime-wrp:before {
	opacity: 1;
	-webkit-transform: scaleX(1);
	-ms-transform: scaleX(1);
	transform: scaleX(1);
}
/* #nav-contact */
.header-btn ul li#nav-contact a {
	color: #fff;
	border: 1px solid #967956;
}
.header-btn ul li#nav-contact a .anime-wrp {
	background-color: #967956;
}
.header-btn ul li#nav-contact a .anime-wrp:before {
	background-color: #fff;
}
.header-btn ul li#nav-contact a:hover .anime-wrp span {
	color: #967956;
}
/* -----------------------------------------------------------------
.header-nav-mm
------------------------------------------------------------------ */
/*.nav-new-graduate .header-nav-mm nav#nav-mm-new-graduate,
.nav-mid-career .header-nav-mm nav#nav-mm-mid-career,
.nav-about .header-nav-mm nav#nav-mm-about,
.nav-hover .header-nav-mm {
	opacity: 1;
	z-index: 10;
}
.header-nav-mm nav,
.header-nav-mm {
	opacity: 0;
	-webkit-transition: 0.30s;
	-ms-transition: 0.30s;
	transition: 0.30s;
}*/
.nav-mm-new {
	position: absolute;
	top: 61px;
	left: 10px;
	width: 200px;
	margin: 0;
	background-color: #393939;
	padding: 20px;
	display: none;
	z-index: 50;
}
.nav-mm-new ul li {
	color: #fff;
	line-height: 1 !important;
	width: 100%;
}
.nav-mm-new ul li + li {
	margin-top: 20px;
}
.nav-mm-new > ul li:after {
	content: '';
	position: absolute;
	display: block;
	top: 9px;
	width: 4px;
	height: 1px;
	left: 0;
	background-color: #f27000;
}
.nav-mm-new ul li a {
	color: #fff;
	padding-right: 0 !important;
}
.nav-mm-new ul li a:hover {
	text-decoration: underline;
}
.nav-mm-new {
	display: none;
	opacity: 0;
	top: 57px;
	animation: nav-mm-fadein .4s ease 0s;
	-moz-animation: nav-mm-fadein .4s ease 0s;
	-webkit-animation: nav-mm-fadein .4s ease 0s;
}
li.hover .nav-mm-new {
	display: block;
	opacity: 1;
	top: 63px;
}
@keyframes nav-mm-fadein {
	from {
		opacity: 0;
		top: 57px;
	}
	to {
		opacity: 1;
		top: 63px;
	}
}
@-moz-keyframes nav-mm-fadein {
	from {
		opacity: 0;
		top: 57px;
	}
	to {
		opacity: 1;
		top: 63px;
	}
}
@-webkit-keyframes nav-mm-fadein {
	from {
		opacity: 0;
		top: 57px;
	}
	to {
		opacity: 1;
		top: 63px;
	}
}
/*
#header .header-nav-mm nav,
#header .header-nav-mm {
	display: none;
	opacity: 0;
}
#header .header-nav-mm {
	position: absolute;
	overflow: hidden;
	width: 200;
	height: 45px;
	background-color: rgba(0,0,0,.5);
}
#header .header-nav-mm nav,
#header .header-nav-mm nav ul {
	position: absolute;
	width: 100%;
	height: 100%;
}
#header .header-nav-mm nav ul {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
	-ms-flex-pack: end;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
}
#header .header-nav-mm nav ul li {
	position: relative;
	height: 100%;
}
#header .header-nav-mm nav ul li a:hover {
	color: #f27000;
}
#about.outline .header-nav-mm nav#nav-mm-about ul li#mm-about-outline,
#about.number .header-nav-mm nav#nav-mm-about ul li#mm-about-number,
#about.gallery .header-nav-mm nav#nav-mm-about ul li#mm-about-gallery,
#about.woman .header-nav-mm nav#nav-mm-about ul li#mm-about-woman,
#about.member-interview .header-nav-mm nav#nav-mm-about ul li#mm-about-member,
#about.member .header-nav-mm nav#nav-mm-about ul li#mm-about-member,
#mid-career.applicant .header-nav-mm nav#nav-mm-mid-career ul li#mm-mid-career-applicant,
#mid-career.mid-career .header-nav-mm nav#nav-mm-mid-career ul li#mm-mid-career,
#new-graduate.applicant .header-nav-mm nav#nav-mm-new-graduate ul li#mm-new-graduate-applicant,
#new-graduate.new-graduate .header-nav-mm nav#nav-mm-new-graduate ul li#mm-new-graduate {
	background-color: #f27000;
}
#about.outline .header-nav-mm nav#nav-mm-about ul li#mm-about-outline a,
#about.number .header-nav-mm nav#nav-mm-about ul li#mm-about-number a,
#about.gallery .header-nav-mm nav#nav-mm-about ul li#mm-about-gallery a,
#about.woman .header-nav-mm nav#nav-mm-about ul li#mm-about-woman a,
#about.member-interview .header-nav-mm nav#nav-mm-about ul li#mm-about-member a,
#about.member .header-nav-mm nav#nav-mm-about ul li#mm-about-member a,
#mid-career.applicant .header-nav-mm nav#nav-mm-mid-career ul li#mm-mid-career-applicant a,
#mid-career.mid-career .header-nav-mm nav#nav-mm-mid-career ul li#mm-mid-career a,
#new-graduate.applicant .header-nav-mm nav#nav-mm-new-graduate ul li#mm-new-graduate-applicant a,
#new-graduate.new-graduate .header-nav-mm nav#nav-mm-new-graduate ul li#mm-new-graduate a {
	color: #fff;
}
#header .header-nav-mm nav ul li a {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	height: 100%;
	color: #fff;
	font-size: 14px;
	font-size: 1.4rem;
	margin: 0 10px;
	padding: 0 10px;
}
#header .header-nav-mm nav#nav-mm-new-graduate {
	right: 335px;
}
#header .header-nav-mm nav#nav-mm-mid-career {
	right: 215px;
}
#header .header-nav-mm nav#nav-mm-about {
	right: 50px;
}
*/
/* for drawer/header-nav/header-nav-mm/footer-nav */
/*.nav-about-number {
	display: none;
}*/
/* -----------------------------------------------------------------
#main
------------------------------------------------------------------ */
#main {
	padding-top: 86px;
	overflow: hidden;
}
/* -----------------------------------------------------------------
.common-container-1
------------------------------------------------------------------ */
.common-container-1 {
	position: relative;
	overflow: hidden;
	text-align: center;
	height: 200px;
}
#home .common-container-1 {
	height: 550px;
}
/*
.common-container-1 img {
	width: 100%;
	height: 550px;
	object-fit: cover;
	position: relative;
	top: -45px;
}
#home .common-container-1 img {
	top: 0;
}
*/
.common-container-1 img {
	width: 100%;
	height: 200px;
	object-fit: cover;
	object-position: bottom center;
	font-family: 'object-fit: cover; object-position: bottom center;';
	position: relative;
}
#home .common-container-1 img {
	height: 550px;
	object-fit: cover;
	object-position: center center;
	font-family: 'object-fit: cover; object-position: center center;';
	position: relative;
}
.common-container-1 .common-container-inner {
	position: relative;
	/*top: -550px;*/
	top: -200px;
}
#home .common-container-1 .common-container-inner {
	top: -550px;
}
.common-container-1 h1 {
	position: relative;
	color: #fff;
	font-size: 32px;
	font-size: 3.2rem;
	line-height: 200px;
	font-weight: 400;
	/*filter: drop-shadow(0 0 50px rgba(14,134,190,0.5));*/
	text-shadow: 0 0 50px rgba(14,134,190,.5), 0 0 25px rgba(14,134,190,.5);
}
#home .common-container-1 h1 {
	position: absolute;
	top: 325px;
	left: 20px;
	color: #fff;
	font-size: 41px;
	font-size: 4.1rem;
	/*line-height: 1.3;*/
	line-height: 1.15;
	text-align: left;
	font-weight: 500;
	/*filter: drop-shadow(0 0 50px rgba(0,0,0,1));*/
	text-shadow: 0 0 50px rgba(0,0,0,.8), 0 0 25px rgba(0,0,0,.8);
}
/*
#home .common-container-1 h1 span {
	font-size: 26px;
	font-size: 2.6rem;
}
*/
#home .common-container-1 h1 span.txt-large {
	font-size: 42px;
	font-size: 4.2rem;
	font-weight: 500;
}
#home .common-container-1 h1 span.txt-small {
	font-size: 29px;
	font-size: 2.9rem;
	font-weight: 500;
	margin-top: 1.25rem;
}

/* -----------------------------------------------------------------
pickup
------------------------------------------------------------------ */
.main-pickup-section{
	position: relative;
	z-index: 3;
}


.main-pickup{
	position: relative;
	width: 100%;
	min-height: 100px;
	background: #ffffff;
	left: 0px;
	top: 0px;
	margin-top: -50px;
	box-shadow: 0 0 15px rgba(0,0,0,0.11);
	display: flex;
	align-items: flex-start;
	z-index: 2;
}
.main-pickup .slick-track{
	flex-wrap: wrap;
}
.main-pickup .slick-slide{
	height: 100px;
}

.main-pickup dl{
	/*display: table;*/
	display: flex;
	/*width: 1178px;*/
	width: 100%;
	/*overflow-y: hidden;*/
	min-height: 100px;
}
.main-pickup dl dt{
	/*display: table-cell;*/
	background: #565862;
	text-align: center;
	vertical-align: middle;
	color: #ffffff;
	width: 120px;
	font-size: 20px;
	font-size: 2.0rem;
	position: relative;
}
.main-pickup dl dt a{
	display: block;
	width: 100%;
	height: 100%;
	min-height: 100px;
	position: relative;
}
.main-pickup dl dt a span{
	border-bottom: 1px solid transparent;
}
.main-pickup dl dt a:hover span{
	border-color: #fff;
}
.main-pickup dl dt a span{
	font-size: 20px;
	font-size: 2rem;
	line-height: 1.4;
	color: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform : translate(-50%,-50%);
	transform : translate(-50%,-50%);
}
.main-pickup dl dd {
	/*display: table-cell;*/
	width: calc(100% - 120px);
/*	width: 1058px !important;*/
	/*height: 100px;*/
	vertical-align: middle;
	word-break : break-all;
	overflow: visible;
}
.main-pickup dl dd ul{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	/*width: 100%;*/
	width: 1058px !important;
	/*height: 100px;*/
	overflow-y: hidden;
}
.main-pickup dl dd ul.slick-slider{
	overflow: visible;
}

.main-pickup dl dd ul li {
	display: flex;
	align-items: center;
	width: 50%;
	/*width: 528px !important;*/
	width: 529px !important;
	min-height: 100px;
	text-align: left;
	vertical-align: top;
	box-sizing: border-box;
	font-size: 14px;
	font-size: 1.4rem;
	border-right: 1px solid #eee;
	word-break : break-all;
	overflow: hidden;
}
.main-pickup dl dd ul li:nth-child(even) {
	/*border-right: 1px solid #FFF;*/
	border-right: none;
}
.main-pickup dl dd ul li > a{
	display: flex;
	align-items: flex-start;
	height: 100%;
	box-sizing: border-box;
	padding: 15px 0;
}
.main-pickup dl dd ul li > a > div{
	padding: 0 20px;
}
.main-pickup dl dd ul li > a > div > div{
	display: block;
	padding: 5px 0;
}
.main-pickup dl dd ul li > a > div p{
	font-size: 14px;
	font-size: 1.4rem;
	margin-top: 5px;
	word-break: normal;
	word-wrap: break-word;
}
.main-pickup dl dd ul li > a:hover > div p .txt{
	color: #F27000;
	text-decoration: underline;
}
.main-pickup dl dd ul li > a > div p .icon{
	color: #666;
	margin-left: 6px;
	vertical-align: -1px;
}
.main-pickup dl dd ul li > a:hover > div p .icon{
	color: #F27000;
}
.main-pickup dl dd ul li > a > div span{
	/*display: block;*/
}
.main-pickup dl dd ul li > a > div .cat{
	display: block;
	font-size: 10px;
	font-size: 1.0rem;
}
.main-pickup dl dd ul li > a > div .cat.cat-1{
	color: #0A6BBF;
}
.main-pickup dl dd ul li > a > div .cat.cat-2{
	color: #F27000;
}
.main-pickup dl dd ul li > a > div .cat.cat-3{
	color: #0C416D;
}
.main-pickup dl dd ul li > a > div .cat.cat-4{
	color: #348936;
}
.main-pickup dl dd ul li > a > div .txt{
	margin-top: 5px;
}



.main-pickup .main-pickup-btn{
	width: 30px;
	height: 100px;
	text-align: center;
	background: #E6E6E6;
	display: none;
}
	.main-pickup .main-pickup-btn > div{
		height: 50px;
		box-sizing: border-box;
		line-height: 50px;
		cursor: pointer;
	}
	.main-pickup .main-pickup-btn > div.next{
		border-top: 1px solid #fff;
	}


.main-pickup .slick-prev,
.main-pickup .slick-next{
    font-size: 0;
    line-height: 0;
    position: absolute;
    display: block;
    width: 30px;
    height: 50px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: #E6E6E6;
    z-index: 12;
    border-radius: 0px;
    box-sizing: border-box;
    box-shadow: none;
    opacity: 1;
    transition: 0.2s;
    margin:0;
    z-index: 2;
}
.main-pickup .slick-prev.slick-disabled,
.main-pickup .slick-next.slick-disabled{
	cursor: auto;
}

.main-pickup .slick-prev{
	left: auto;
	right: -30px;
	top: 25px;
}
.main-pickup .slick-next{
	left: auto;
	right: -30px;
	top: auto;
	bottom: -25px;
	border-top: 1px solid #fff;
}
.main-pickup .slick-prev:before{
    content: '';
    width: 10px;
    height: 10px;
    position: absolute;
    top: calc(50% + 3px);
    left: 9px;
    margin-top: -6px;
    border-top: 1px solid #666;
    border-right: none;
    border-bottom: none;
    border-left: 1px solid #666;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.main-pickup .slick-next:before{
    content: '';
    width: 10px;
    height: 10px;
    position: absolute;
    top: calc(50% - 3px);
    left: 9px;
    margin-top: -6px;
    border-top: none;
    border-right: 1px solid #666;
    border-bottom: 1px solid #666;
    border-left: none;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: 0.2s;
}
.main-pickup .slick-prev:hover:before,
.main-pickup .slick-next:hover:before{
	border-color: #f27000;
}
.main-pickup .slick-prev.slick-disabled:hover:before,
.main-pickup .slick-next.slick-disabled:hover:before{
	border-color: #666;
}

/* -----------------------------------------------------------------
#home-kv
------------------------------------------------------------------ */
/*
#home-kv .common-content-heading {
	position: absolute;
	top: 14%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: 1;
	width: 852px;
	height: 120px;
}
#home-kv .common-content-heading h1 {
	position: relative;
	width: 100%;
	height: auto;
	overflow: hidden;
	-webkit-transform: skewX(-45deg);
	-ms-transform: skewX(-45deg);
	transform: skewX(-45deg);
}
#home-kv .common-content-heading h1 img {
	position: relative;
	width: 852px;
	height: 120px;
	-webkit-transform: skewX(45deg);
	-ms-transform: skewX(45deg);
	transform: skewX(45deg);
}
#home-kv .common-content-heading > i {
	position: absolute;
	bottom: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	font-size: 20px;
	font-size: 2rem;
}
#home-kv .common-content-heading + img {
	position: relative;
	width: auto;
	height: 550px;
	left: -17.5%;
	z-index: 0;
}
*/
/* -----------------------------------------------------------------
#home-lede
------------------------------------------------------------------ */
/*
#home-lede {
	position: relative;
}
#home-lede .common-container-inner {
	width: 100%;
	min-width: 1208px;
	padding-top: 60px;
	padding-bottom: 60px;
}
#home-lede .common-content {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}
#home-lede .common-content-box {
	position: relative;
	width: 50%;
	max-width: 740px;
	height: 352px;
	background-color: #7fc6ba;
	overflow: hidden;
}
#home-lede .common-content-box.box-1 img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translateY(-50%) translateX(-50%);
	transform: translateY(-50%) translateX(-50%);
	width: 100%;
	min-width: 740px;
	height: auto;
	max-height: 352px;
}
#home-lede .common-content-box.box-2 {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	color: #fff;
	padding: 50px;
}
#home-lede .common-content-box.box-2 .row-1 {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
	width: 100%;
}
#home-lede .common-content-box.box-2 .row-1 .column-1 img {
	width: 64px;
	height: 64px;
	margin-right: 25px;
}
#home-lede .common-content-box.box-2 .row-1 .column-2 h2 {
	color: #fff;
	font-size: 32px;
	font-size: 3.2rem;
	line-height: 1;
	letter-spacing: .1rem;
}
#home-lede .common-content-box.box-2 .row-1 .column-2 i {
	margin-top: 15px;
}
#home-lede .common-content-box.box-2 .row-2 {
	max-width: 100%;
	margin-top: 30px;
}
#home-lede .common-content-box.box-2 .row-2 p {
	line-height: 1.6;
}
*/
/* -----------------------------------------------------------------
#home-news
------------------------------------------------------------------ */
/*
#home-news {
	position: relative;
	background-color: #f5f5f5;
}
#home-news a:hover p,
#home-news a:hover {
	text-decoration: underline;
}
#home-news .common-content {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
	padding: 30px 204px;
}
#home-news .common-content-box.box-1 {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 7px;
    padding-bottom: 10px;
}
#home-news .common-content-box.box-1 > h2 {
	font-size: 20px;
	font-size: 2rem;
	line-height: 1;
}
#home-news .common-content-box.box-1 > .common-btn {
	display: none;
	margin-top: 15px;
}
#home-news .common-content-box.box-1 > .common-btn a {
	display: block;
}
#home-news .common-content-box.box-1 > .common-btn p {
	font-size: 11px;
	font-size: 1.1rem;
	line-height: 1;
}
#home-news .common-content-box.box-1 > .common-btn p span[class*="icon-"] {
	color: #ff7c00;
}
#home-news .common-content-box.box-2 {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
	padding-left: 40px;
	margin-left: 40px;
	border-left: 1px solid #ffffff;
}
#home-news .common-content-box.box-2 > ul {
}
#home-news .common-content-box.box-2 > ul li p {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
	font-size: 14px;
	font-size: 1.4rem;
}
#home-news .common-content-box.box-2 > ul li p time {
	width: 8.5rem;
	padding-right: 15px;
}
*/
/* -----------------------------------------------------------------
#home-careers
------------------------------------------------------------------ */
/*
#home-careers {
	position: relative;
	background-color: #f0f0f0;
	background-image: url("/en/img/bg.png");
	background-repeat: no-repeat;
	background-size: cover;
	text-align: center;
}
#home-careers .common-container-inner {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;;
    justify-content: space-between;
	padding: 80px 0;
}
#home-careers .common-content {
	position: relative;
	width: 572px;
	background-color: rgba(255,255,255,.85);
}
#home-careers .common-content-inner {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	padding: 50px 40px 40px 40px;
}
#home-careers .common-content-inner > h2 {
	font-size: 32px;
	font-size: 3.2rem;
	line-height: 1;
}
#home-careers .common-content-inner > i {
	margin-top: 15px;
}
#home-careers .common-content-inner > p {
	line-height: 1.6;
	padding: 30px 25px 0 25px;
}
#home-careers .common-content-box-container {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-top: 40px;
}
#home-careers .common-content-box {
	width: 231px;
	background-color: #f27000;
	border-radius: 3px;
}
#home-careers .common-content-box.box-2 img {
	margin-left: 5px;
}
#home-careers .common-content-box > a {
	display: block;
	-webkit-transition: 0.30s;
	-ms-transition: 0.30s;
	transition: 0.30s;
}
#home-careers .common-content-box-inner {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 40px 20px 30px 20px;
}
#home-careers .common-content-box-inner > img {
	-webkit-order: -1;
	-ms-flex-order: -1;
	order: -1;
	width: 50px;
	height: 50px;
}
#home-careers .common-content-box-inner > h3 {
	color: #fff;
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1.4;
	max-width: 100%;
	margin-top: 20px;
}
#home-careers .common-content-box-inner > .common-btn-3 {
	margin-top: 30px;
}
#home-careers .common-content-box-inner > .common-btn-3 p {
	color: #fff;
	background-color: #f27000;
	border: 1px solid #fff;
}
#home-careers .common-content-box-inner > .common-btn-3 p span {
	color: #fff;
}
#home-careers .common-content-box.common-hover > a:hover {
	background-color: #f58d33;
}
#home-careers #careers-mid-career .common-content-box,
#home-careers #careers-mid-career .common-content-box-inner > .common-btn-3 p {
	background-color: #7fc6ba;
}
#home-careers #careers-mid-career .common-content-box.common-hover > a:hover {
	background-color: #9fd4cb;

}
*/
/* Coming soon... */
/*
#home-careers .common-content-box.common-hover-disable .common-btn-3 p {
	border-color: transparent;
	padding: 3px 0;
}
#home-careers .common-content-box.common-hover-disable .common-btn-3 p i {
	color: inherit;
	font-size: 15px;
	font-size: 1.5rem;
}
*/
/* -----------------------------------------------------------------

------------------------------------------------------------------ */
.contentsbox-1 {
	position: relative;
	z-index: 2;
}
.contentsbox-1 .common-container-inner {
	text-align: center;
	padding-bottom: 80px;
}
#home .contentsbox-1 .common-container-inner {
	padding-top: 80px;
}

.tabarea-1 {
	border-bottom: #e2e2e2 1px solid;
	height: 60px;
	text-align: center;
}
.tabarea-1 ul {
    display: -ms-inline-flex;
    display: -webkit-inline-flex;
    display: inline-flex;
    height: 100%;
}
.tabarea-1 ul li {
	height: 100%;
	line-height: 59px;
	font-size: 16px;
	font-size: 1.6rem;
}
.tabarea-1 ul li + li {
	margin-left: 40px;
}
.tabarea-1 ul li a {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	color: #999;
}
.tabarea-1 ul li a span {
	display: block;
	position: relative;
	width: 100%;
	border-bottom: 1px solid transparent;
}
.whoweare-overview .tabarea-1 ul li.overview a,
.whoweare-leadership .tabarea-1 ul li.leadership a,
.whoweare-gallery .tabarea-1 ul li.gallery a {
	color: #222;
}
.tabarea-1 ul li a:hover,
.whoweare-overview .tabarea-1 ul li.overview a:hover,
.whoweare-leadership .tabarea-1 ul li.leadership a:hover,
.whoweare-gallery .tabarea-1 ul li.gallery a:hover {
	color: #f27000;
}
/*.tabarea-1 ul li a:hover span:after,
.whoweare-overview .tabarea-1 ul li.overview a span:after,
.whoweare-leadership .tabarea-1 ul li.leadership a span:after,
.whoweare-gallery .tabarea-1 ul li.gallery a span:after {
	display: block;
	position: absolute;
	content: "";
	width: 100%;
	border-bottom: 1px solid #f27000;
}*/
.tabarea-1 ul li a span:after {
	display: block;
	position: absolute;
	content: "";
	width: 100%;
	border-bottom: 1px solid #f27000;	
	-webkit-transition: .4s ease;
	-ms-transition: .4s ease;
	transition: .4s ease;
	-webkit-transform: scaleX(0);
	-ms-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: left center;
	-ms-transform-origin: left center;
	transform-origin: left center;	
}
.tabarea-1 ul li a:hover span:after {
	-webkit-transform: scaleX(1);
	-ms-transform: scaleX(1);
	transform: scaleX(1);
}
.whoweare-overview .tabarea-1 ul li.overview a span:after,
.whoweare-leadership .tabarea-1 ul li.leadership a span:after,
.whoweare-gallery .tabarea-1 ul li.gallery a span:after {
	-webkit-transition: none;
	-ms-transition: none;
	transition: none;
	-webkit-transform: scaleX(1);
	-ms-transform: scaleX(1);
	transform: scaleX(1);
}

.gallery-nav {
	margin-top: 60px;
}
.gallery-nav nav ul {
    display: -ms-flex;
    display: -webkit-flex;
    display: flex;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.gallery-nav nav ul li {
	margin-right: 20px;
}
.gallery-nav nav ul li:last-child {
	margin-right: 0;	
}
.gallery-nav nav ul li {
	text-align: center;		
}
.gallery-nav nav ul li a {
	display: block;
}
.gallery-nav nav ul li a p {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1;
	color: #222;
	background-color: rgba(0,0,0,.1);
	/* border: 1px solid #f27000; */
	border-radius: 24px;
	padding: 15px 40px;
	-webkit-transition: color .3s, background-color .3s;
	-ms-transition: color .3s, background-color .3s;
	transition: color .3s, background-color .3s;
	opacity: .6;
}
.gallery-video .gallery-nav nav ul li.nav-video a p,
.gallery-photo .gallery-nav nav ul li.nav-photo a p,
.gallery-number .gallery-nav nav ul li.nav-number a p,
.gallery-nav nav ul li a:hover p {
	color: #fff;
	background-color: #f27000;
	opacity: 1;
}

.sns-1 {
	margin-top: 20px;
}
.sns-1 .common-container-inner > * {
	display: inline-block;
	vertical-align: top !important;
}
.sns-1 .common-container-inner > * + * {
		margin-left: 5px !important;
}

/*いいねボタン隠し*/
.fb-like.fb_iframe_widget {
	overflow: hidden;
}
.fb-like.fb_iframe_widget span {
	width: 53px !important;
}
.fb-like.fb_iframe_widget iframe {
	position: relative !important;
	left: -67px;
}

.ul-1 {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
	-webkit-justify-content: left;
	-ms-flex-pack: left;
	justify-content: left;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding-top: 35px;
}
.ul-1 li {
	width: 376px;
	text-align: left;
	color: #555;
}
.ul-1 li + li {
	margin-left: 40px;
}
.ul-1 li:nth-child(3n+1) {
	margin-left: 0;
}
.ul-1 li p {
	margin-top: 25px;
	line-height: 1.3;
}

.ul-2 {
    margin-left: 20px;
	padding-top: 15px;
}
.ul-2 li {
    position: relative;
}
.ul-2 li:before {
    content: "";
	position: absolute;
	width: 8px;
	height: 8px;
	left: -15px;
	top: 9px;
	background: #967956;
	border-radius: 100%;
}
.ul-2 li p {
	margin-top: 10px;
}

ol.ol-1 {
	list-style: decimal;
	font-size: 16px;
	font-size: 1.6rem;
	color: #555;
	padding-left: 20px;
}

.textbox-1 {
	width: 100%;
	margin: 40px 0 0;
	padding: 15px 25px 25px;
	border: #e2e2e2 1px solid;
}
.textbox-1 h4:first-child {
	margin-top: 10px;
}
.textbox-1 p {
	margin-top: 10px !important;
}

.contentsbox-2 {
	width: 792px;
	margin: 0 auto;
	text-align: left;
}
.contentsbox-2 p {
	margin-top: 25px;
	color: #555;
}
.contentsbox-2 p.cap1 {
	margin-top: 5px;
}
.contentsbox-2 p a {
	color: #555;
	font-size: 16px;
	font-size: 1.6rem;
	text-decoration: underline;
}
.contentsbox-2 p a:hover,
.contentsbox-2 h3 a:hover {
	text-decoration: none;
}
.contentsbox-2 h3 {
	margin-top: 60px;
	font-size: 24px;
	font-size: 2.4rem;
	line-height: 1.3;
	color: #967956;
}
.contentsbox-2 h3 a {
	color: #967956;
	text-decoration: underline;
}
.contentsbox-2 h4 {
	margin-top: 40px;
	padding-left: 20px;
	font-size: 20px;
	font-size: 2.0rem;
	line-height: 1.3;
	position: relative;
}
.contentsbox-2 h4:after {
	content: '';
	position: absolute;
	display: block;
	top: 13px;
	width: 10px;
	height: 2px;
	left: 0;
	background-color: #222;
}
.contentsbox-2 h4.h42 {
	padding-left: 0;
}
.contentsbox-2 h4.h42:after {
	background-color: inherit;
}
.contentsbox-2 h4 + h4 {
	margin-top: 30px;
}
.contentsbox-2 > img {
	margin-top: 60px;
	width: 100%;
}
.contentsbox-2 > p img {
	width: 100%;
}
.contentsbox-2 > p.img {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
.contentsbox-2 > h2 + img {
	margin-top: 30px;
}
.contentsbox-2 .infobox-1 {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
	-webkit-justify-content: left;
	-ms-flex-pack: left;
	justify-content: left;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
	width: 100%;
	margin-top: 20px;
}
.contentsbox-2 .infobox-1 + p {
	margin-top: 40px;
}
.contentsbox-2 .infobox-1 .sns-icon img {
	width: 32px;
	height: 32px;
}
.contentsbox-2 .infobox-1 .right {
	margin-left: auto;
	text-align: right;
	-webkit-justify-content: right;
	-ms-flex-pack: right;
	justify-content: right;
}
.contentsbox-2 .infobox-1 img {
	margin-right: 10px;
}
.contentsbox-2 .infobox-1 p {
	margin-top: 0;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.3;
	color: #555;
}
.contentsbox-2 .infobox-1 p a {
	color: #555;
	text-decoration: underline;
}
.contentsbox-2 .infobox-1 p a:hover {
	text-decoration: none;
}

.contentsbox-1 p.cat-1 {
	color: #967956;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.3;
	margin-top: 0;
	font-weight: 500;
}
.contentsbox-1 p.cat-2 {
	color: #967956;
	font-size: 24px;
	font-size: 2.4rem;
	line-height: 1.3;
	margin-top: 60px;
}
.contentsbox-1 p.cat-3 {
	color: #967956;
	font-size: 20px;
	font-size: 2.0rem;
	line-height: 1.3;
	margin-top: 20px;
}
.contentsbox-1 p.cat-3.cr2 {
	color: #F27000;
}
.contentsbox-1 p.cat-3 .date {
	color: #999;
	margin-left: 20px;
	padding-left: 20px;
	border-left: #e2e2e2 1px solid;
}
.contentsbox-1 .contentsbox-2 p.cat-3 {
	margin-top: 60px;
}
.contentsbox-1 h2 + p {
	margin-top: 30px;
}
.contentsbox-1 h2 {
	font-size: 32px;
	font-size: 3.2rem;
	line-height: 1.3;
	margin-top: 60px;
}
.contentsbox-1 .contentsbox-2 p.cat-3 + h2 {
	margin-top: 15px;
}
#home .contentsbox-1 h2 {
	margin-top: 15px;
}
.contentsbox-1 .common-content-container {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
	-webkit-justify-content: left;
	-ms-flex-pack: left;
	justify-content: left;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.common-content-container-2,
.common-content-container-3 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.common-content-container-2 > * {
	width: calc((100% - 40px) / 2);
}
.common-content-container-3 > * {
	width: calc((100% - 40px - 40px) / 3);
}
.common-content-container-3::after {
	content: "";
	display: block;
	width: calc((100% - 40px - 40px) / 3);
}
.client-scroller {
	display: flex !important;
	flex-wrap: nowrap !important;
	width: 100vw !important;
	max-width: none !important;
}
@media screen and (min-width: 1208px) {
	.client-scroller {
		margin-left: calc((-100vw + 1208px) / 2) !important;
	}
}
.infiniteslide_wrap {
	overflow: visible !important;
	margin-top: 50px;
}
.infiniteslide_wrap + .infiniteslide_wrap {
	margin-top: 0;
}
.contentsbox-1 .common-content-container.container-center {
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.contentsbox-3 {
	margin: 60px auto 0;
	width: 832px;
	display: flex;
	justify-content: space-between;
	text-align: left;
}
.contentsbox-3 > .col-s {
	width: 312px;
}
.contentsbox-3 > .col-l {
	width: calc(100% - 312px - 40px);
}
.contentsbox-3 .title {
	margin-top: 25px;
	font-size: 20px;
	font-size: 2rem;
	font-weight: bold;
}
.contentsbox-3 .title + p {
	margin-top: 10px;
}
.common-content-container .content-container-1 {
    width: 584px;
}
.common-content-container .content-container-1 + .content-container-1 {
	margin-left: auto;
}
.common-content-container .set-1 {
    width: 376px;
	margin-top: 60px;
	position: relative;
}
.common-content-container .set-1 img.bgimg-1 {
	position: absolute;
	width: 800px;
	top: 20px;
	left: -90px;
	opacity: .06;
	pointer-events: none;
}
.common-content-container .set-2 {
    width: 272px;
	margin-top: 20px;
}
.common-content-container .set-2 img.logo {
    width: 272px;
}
.common-content-container.container-2 .set-2 {
	margin-top: 40px;
}
.common-content-container .set-3 {
    width: 584px;
	margin-top: 60px;
	position: relative;
}
.common-content-container a > .set-1,
.common-content-container a > .set-2,
.common-content-container a > .set-3 {
	margin-top: 0;
}
.common-content-container.container-1 {
	padding-top: 20px;
}
.common-content-container.container-1 a {
	min-height: 1px;	/* IE11 */
	margin-top: 40px;
}
.common-content-container .set-1 + .set-1,
.common-content-container .set-2 + .set-2,
.common-content-container .set-3 + .set-3,
.common-content-container a + a {
	margin-left: 40px;
}
.common-content-container .set-1:nth-child(3n+1),
.common-content-container .set-2:nth-child(4n+1),
.common-content-container .set-3:nth-child(2n+1),
.common-content-container.container-1 a:nth-child(3n+1),
.common-content-container.container-2 a:nth-child(4n+1) {
	margin-left: 0;
}
.common-content-container .set-1 h3 {
	margin-top: 18px;
	font-size: 20px;
	font-size: 2.0rem;
	line-height: 1.3;
}
.common-content-container .set-1 p {
	margin-top: 15px;
	line-height: 1.3;
	color: #555;
}
.common-content-container .set-1 img.batch  {
	width: 158px;
}
.common-content-container .set-1 img.icon-capabilities {
	width: 60px;
}
.common-content-container .set-2 img,
.common-content-container .set-3 img {
	width: 100%;
}
.set-4 {
	margin-top: 60px;
	display: flex;
	justify-content: space-between;
}
.set-4.border {
	padding-bottom: 60px;
	border-bottom: 1px #E2E2E2 solid;
}
.set-4 .icon-1 {
	width: 40px;
}
.set-4 .textbox {
	width: calc(100% - 40px - 30px);
	text-align: left;
}
.set-4 .textbox > .title {
	font-size: 24px;
	font-size: 2.4rem;
}
.set-4 .textbox > .text {
	margin-top: 20px;
	font-size: 16px;
	font-size: 1.6rem;
}
.set-5 {
	margin-top: 60px;
	text-align: left;
}
.set-5 .icon-1 {
	width: 40px;
}
.set-5 > .title {
	margin-top: 24px;
	font-size: 20px;
	font-size: 2rem;
}
.set-5 .text {
	margin-top: 12px;
	font-size: 16px;
	font-size: 1.6rem;
}
.set-6 {
	width: calc(1208px / 5);
	flex: 0 0 auto;
}
.set-6 img {
	width: 100%;
	max-width: 100%;
}
.common-content-container .setbox-1 {
	background-color: #fff;
}
/*.common-content-container .setbox-1 img.logo {
	padding: 32px 0 26px;
}*/
.common-content-container .setbox-1 p.link-1,
.common-content-container .setbox-3 p.link-1 {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1;
	color: #f27000;
	margin-top: 0;
}
.common-content-container .setbox-1 img.logo + p.link-1 {
	border-top: 1px solid #e2e2e2;
	height: 50px;
	line-height: 50px;
}
.common-content-container a .setbox-1 img.logo + p.link-1 {
	border-top: 1px solid #e2e2e2;
}
.common-content-container a:hover .setbox-1 p.link-1 span.linktext,
.common-content-container a:hover .setbox-3 p.link-1 span.linktext {
	text-decoration: underline;
}
.common-content-container .setbox-1 .icon-icon_plus,
.common-content-container .setbox-1 .icon-mv_1_1 {
	margin-left: 5px;
	padding-bottom: 3px;
	font-size: 16px;
	font-size: 1.6rem;
	vertical-align: middle;
}
.common-content-container .setbox-1 .icon-arrow_4_2,
.common-content-container .setbox-3 .icon-arrow_4_2 {
	margin-left: 5px;
}
.common-content-container .setbox-1 img {
	width: 100%;
}
.common-content-container .setbox-1 .text_new {
	display: block;
	width: 48px;
	height: 33px;
	position: absolute;
	padding: 10px 0 9px;
	background-color: #f27000;
	color: #fff;
	text-align: center;
	top: 0;
}
.common-content-container .setbox-1 .text {
	padding: 15px 25px 25px;
	text-align: left;
}
.common-content-container .setbox-1 .text p.cat-1 {
	color: #967956 !important;
	margin-top: 10px;
	font-weight: 300;
}
.common-content-container .setbox-1 .text h3 {
	font-size: 18px;
	font-size: 1.8rem;
	margin-top: 10px;
}
.common-content-container .setbox-1 .text p.date {
	font-size: 14px;
	font-size: 1.4rem;
	margin-top: 10px;
	color: #999;
}
.common-content-container .setbox-1 .text p.link-1 {
	margin: 20px 0 0;
	padding: 0;
}
.common-content-container .setbox-3 .text {
	padding: 40px 25px;
	text-align: center;
}
.common-content-container .setbox-3 .text h3 {
	font-size: 32px;
	font-size: 3.2rem;
	line-height: 1.3;
}
.common-content-container .setbox-3 .text p.data {
	font-size: 20px;
	font-size: 2rem;
	margin-top: 15px;
	color: #967956;
	line-height: 1.3;
}
.common-content-container .setbox-3 .text p.link-1 {
	margin-top: 18px;
}
.common-content-container.container-3 {
	margin-top: 50px;
}
.columns020 a.columns020 div.setbox-1:before,
.columns019 a.columns019 div.setbox-1:before,
.columns018 a.columns018 div.setbox-1:before,
.columns017 a.columns017 div.setbox-1:before,
.columns016 a.columns016 div.setbox-1:before,
.columns015 a.columns015 div.setbox-1:before,
.columns014 a.columns014 div.setbox-1:before,
.columns013 a.columns013 div.setbox-1:before,
.columns012 a.columns012 div.setbox-1:before,
.columns011 a.columns011 div.setbox-1:before,
.columns010 a.columns010 div.setbox-1:before,
.columns009 a.columns009 div.setbox-1:before,
.columns006 a.columns006 div.setbox-1:before,
.columns005 a.columns005 div.setbox-1:before,
.columns004 a.columns004 div.setbox-1:before,
.columns002 a.columns002 div.setbox-1:before,
.columns001 a.columns001 div.setbox-1:before,
.case004 a.case004 div.setbox-1:before,
.case003 a.case003 div.setbox-1:before,
.case002 a.case002 div.setbox-1:before,
.case001 a.case001 div.setbox-1:before {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	content: '';
	background-color: #000;
	opacity: .3;
}
.shadow-1 {
	/*filter: drop-shadow(0 0 20px rgba(0,0,0,0.13));*/
	box-shadow: 0 0 20px rgba(0,0,0,0.13);
}
.shadow-2 {
	filter: drop-shadow(0 0 20px rgba(0,0,0,0.26));
}
@media screen and (max-width: 767px) {
	/* iphone bugfix */
	.shadow-2 {
		filter: none;
	}
}
.bgc-gr {
	background-color: #f5f5f5;
	padding-top: 1px;
	position: relative;
	z-index: 2;
}
#home .bgc-gr {
	z-index: 1;
}
.bgc-dg {
	background-color: #565862;
	padding-top: 1px;
	position: relative;
	z-index: 1;
}
.bgc-br {
	background-color: #967956;
	padding-top: 1px;
}
.bgc-dg.contentsbox-1,
.bgc-dg.contentsbox-1 p.cat-1,
.bgc-dg.contentsbox-1 h2,
.bgc-dg.contentsbox-1 h3,
.bgc-br.contentsbox-1,
.bgc-br.contentsbox-1 p.cat-1,
.bgc-br.contentsbox-1 h2 {
	color: #fff;
}
.common-content-container .news-list {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	border-bottom: 1px solid #E6E6E6;
	margin-top: 60px;
	width: 100%;
}
.common-content-container .news-list li {
	width: 100%;
	text-align: left;
	border-top: 1px solid #E6E6E6;
	transition: 0.2s;
}
.common-content-container .news-list li a {
	display: block;
	padding: 25px 0;
}
.common-content-container .news-list li .txt {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
}
.common-content-container .news-list li .date-cat {
	color: #666;
	font-size: 16px;
	font-size: 1.6rem;
	display: flex;
	align-items: center;
	width: 290px;
}
.common-content-container .news-list li .date {
	width: 150px;
}
.common-content-container .news-list li .cat {
	width: 140px;
	font-size: 12px;
	font-size: 1.2rem;
	margin-left: 10px;
}
.common-content-container .news-list li .cat.cat-1 {
	color: #0A6BBF;
}
.common-content-container .news-list li .cat.cat-2 {
	color: #F27000;
}
.common-content-container .news-list li .cat.cat-3 {
	color: #0C416D;
}
.common-content-container .news-list li .cat.cat-4 {
	color: #348936;
}
.common-content-container .news-list li .ttl {
	width: calc(100% - 290px);
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1.3;
}
.common-content-container .news-list li a:hover .ttl {
	text-decoration: underline;
	color: #F27000;
}

/* -----------------------------------------------------------------
#con-clients
------------------------------------------------------------------ */
/*#con-clients .common-content-container {
	padding-top: 40px
}*/


/* Styles for dialog window */
.small-dialog {
	background: white;
	padding: 0 64px 80px;
	text-align: left;
	max-width: 792px;
	margin: 40px auto;
	position: relative;
}
.small-dialog h3 {
	text-align: center;
}
.small-dialog h3 img {
	width: 272px;
}
.small-dialog h3 + p {
	margin-top: 0;
}
.small-dialog p {
	color: #555;
	margin-top: 25px;
}
.small-dialog p a {
	color: #222;
	text-decoration: underline;
}
.small-dialog p a:hover {
	text-decoration: none;
}
.small-dialog .video-wrapper {
	margin-top: 30px;
}

/**
 * Fade-zoom animation for first dialog
 */
/* start state */
.my-mfp-zoom-in .zoom-anim-dialog {
	opacity: 0;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-ms-transform: scale(0.8);
	-o-transform: scale(0.8);
	transform: scale(0.8);
}
/* animate in */
.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
	opacity: 1;

	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
/* animate out */
.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-ms-transform: scale(0.8);
	-o-transform: scale(0.8);
	transform: scale(0.8);

	opacity: 0;
}
/* Dark overlay, start state */
.my-mfp-zoom-in.mfp-bg {
	opacity: 0;
	-webkit-transition: opacity 0.3s ease-out;
	-moz-transition: opacity 0.3s ease-out;
	-o-transition: opacity 0.3s ease-out;
	transition: opacity 0.3s ease-out;
}
/* animate in */
.my-mfp-zoom-in.mfp-ready.mfp-bg {
	opacity: 0.8;
}
/* animate out */
.my-mfp-zoom-in.mfp-removing.mfp-bg {
	opacity: 0;
}

/* -----------------------------------------------------------------
#common-about
------------------------------------------------------------------ */
/*
#common-about {
	position: relative;
	background-color: #f5f5f5;
}
#common-about .common-container-inner {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	padding-top: 80px;
	padding-bottom: 80px;
}
#common-about .common-container-inner > h2 {
	font-size: 36px;
	font-size: 3.6rem;
	line-height: 1;
}
#common-about .common-container-inner > i {
	margin-top: 15px;
}
#common-about .common-container-inner > p {
	line-height: 1.6;
	margin-top: 50px;
}
#common-about .common-content-container {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;;
    justify-content: space-between;
    width: 100%;
	height: auto;
	margin-top: 50px;
}
#common-about .common-content {
	position: relative;
	width: 266px;
	height: auto;
	background-color: #fff;
}
#common-about .common-content > a {
	position: relative;
}
#common-about .common-content-inner {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}
#common-about .common-content .img {
	-webkit-order: -1;
	-ms-flex-order: -1;
	order: -1;
	position: relative;
	width: 100%;
	height: auto;
	min-height: 1px;
	overflow: hidden;
}
#common-about .common-content .img img {
	position: relative;
	width: 100%;
	height: auto;
	min-height: 1px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
#common-about .common-content h3 {
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1;
	margin-top: 30px;
}
#common-about .common-content i {
	font-size: 14px;
	font-size: 1.4rem;
	margin-top: 15px;
}
#common-about .common-content .common-btn-3 {
	margin-top: 20px;
	margin-bottom: 30px;
}
#common-about .common-content.common-ihover a:hover .common-btn-3 p span,
#common-about .common-content.common-ihover a:hover .common-btn-3 p {
	color: #fff;
}
#common-about .common-content.common-ihover a:hover .common-btn-3 p {
	background-color: #f27000;
}

#home #common-about #about-member {
	display: none;
}

#about #common-about .common-container-inner {
	padding-top: 60px;
	padding-bottom: 60px;
}
#about #common-about .common-container-inner > h2 {
	font-size: 28px;
	font-size: 2.8rem;
}
#about #common-about .common-container-inner > i,
#about #common-about .common-container-inner > p {
	display: none;
}
#about.outline #common-about #about-outline,
#about.gallery #common-about #about-gallery,
#about.woman #common-about #about-woman,
#about.number #common-about #about-number,
#about.member #common-about #about-member {
	display: none;
}
*/
/* -----------------------------------------------------------------
#footer
------------------------------------------------------------------ */
/* -----------------------------------------------------------------
.footer-sns
------------------------------------------------------------------ */
#footer .footer-sns {
	text-align: center;
	padding: 30px 15px;
	vertical-align: bottom;
}
#footer .footer-sns > * {
	display: inline-block;
	vertical-align: top !important;
}
#footer .footer-sns > * + * {
	margin-left: 5px !important;
}
#privacy .footer-sns {
	display: none;
}

/* -----------------------------------------------------------------
.footer-entry
------------------------------------------------------------------ */
#footer .footer-entry {
	color: #fff;
	background: url("/en/img_com/bg_footer.jpg") repeat-x center;
	background-size: auto 167px;
	text-align: center;
}
#footer .footer-entry .footer-entry-inner {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
  	padding: 60px 0;
}
#footer .footer-entry h2 {
	font-size: 20px;
	font-size: 2rem;
	/*font-weight: 400;*/
	color: inherit;
}
#footer .footer-entry .footer-contact {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
	height: auto;
	padding: 60px 0;
}
#footer .footer-entry h3 {
	position: relative;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 400;
	color: inherit;
}
#footer .footer-entry h3:after,
#footer .footer-entry h3:before {
	content: "";
	position: absolute;
	width: 2rem;
	top: 55%;
	border-bottom: 1px solid #fff;
}
#footer .footer-entry h3:before {
	left: -3rem;
}
#footer .footer-entry h3:after {
	right: -3rem;
}
#footer .footer-entry p.address {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.6;
	margin-top: 10px;
	text-align: center;
}
#footer .footer-entry p.address span {
	margin-left: 6px;
}
#footer .footer-entry p.address a {
	color: inherit;
}
#footer .footer-entry p.address a:hover span:first-child {
	text-decoration: underline;
}
#footer .footer-entry p.address + .common-btn-contact {
	margin-top: 30px;
}
#footer .footer-entry .common-btn-contact.small {
	max-width: 320px !important;
	margin-top: 15px !important;
}
#footer .footer-entry .common-btn-contact.small p {
	font-size: 14px !important;
	font-size: 1.4rem !important;
	padding: 16px 0 !important;
}
@media screen and (min-width: 768px) {
	#footer .footer-entry .common-btn-contact + .common-btn-contact {
		margin-left: 30px;
	}
}
/* -----------------------------------------------------------------
.footer-inquiry
------------------------------------------------------------------ */
#footer .footer-inquiry {
	color: #fff;
	background-color: #f27000;
}
#footer .footer-inquiry .footer-inquiry-inner {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
  	padding: 60px 102px;
}
#footer .footer-inquiry h2 {
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 400;/*bold;*/
	color: inherit;
}
#footer .footer-inquiry p.address {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.6;
	margin-top: 5px;
}
#footer .footer-inquiry p.address a {
	color: inherit;
}
#footer .footer-inquiry p.address a:hover {
	text-decoration: underline;
}
#footer .footer-inquiry .common-btn-inquiry {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 102px;
}
/* -----------------------------------------------------------------
.footer-nav
------------------------------------------------------------------ */
#footer .footer-nav-container {
	background-color: #333;
}
#footer .footer-nav-container a:hover {
	text-decoration: underline;
}
#footer .footer-nav-container .footer-nav-container-inner {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    padding-top: 40px;
}
/*#footer .footer-nav-container .footer-logo {
	width: 130px;
	height: 100%;
}
#footer .footer-nav-container .footer-logo a {
	display: block;
}
#footer .footer-nav-container .footer-logo a img {
	width: 100%;
	height: auto;
}*/
#footer .footer-nav-container .footer-nav p {
	line-height: 1;
}
#footer .footer-nav-container .footer-nav p,
#footer .footer-nav-container .footer-nav a {
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: 400;
	color: #fff;
}
#footer .footer-nav-container .footer-nav .nav-depth-4 a {
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: 300;
}
#footer .footer-nav-container .footer-nav .nav-root.nav-home > a {
	color: inherit;
}
#footer .footer-nav-container .footer-nav,
#footer .footer-nav-container .footer-nav .nav-depth-1,
#footer .footer-nav-container .footer-nav .nav-depth-2 {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
}
#footer .footer-nav-container .footer-nav .nav-depth-2 > li {
	width: 165px;
}
#footer .footer-nav-container .footer-nav .nav-depth-3 > li + li {
	margin-top: 30px;
}
#footer .footer-nav-container .footer-nav .nav-depth-4 > li {
	margin-top: 10px;
	padding-left: 8px;
	position: relative;
}
#footer .footer-nav-container .footer-nav .nav-depth-4 > li:after {
	content: '';
	position: absolute;
	display: block;
	top: 8px;
	width: 4px;
	height: 1px;
	left: 0;
	background-color: #f27000;
}
#footer .footer-nav-container .footer-nav .footer-address {
    margin-left: auto;
	width: 548px;
}
#footer .footer-nav-container .footer-nav .footer-address p {
	line-height: 1.3;
	margin-top: 15px;
	text-align: right;
}
#footer .footer-nav-container .footer-nav .footer-address p a {
	text-decoration: underline;
}
#footer .footer-nav-container .footer-nav .footer-address p a:hover {
	text-decoration: none;
}
#footer .footer-nav-container .footer-nav .footer-address p:first-child {
	margin-top: 0;
}
#footer .footer-nav-container .footer-nav .footer-address p.sns {
	margin-top: 18px;
}
#footer .footer-nav-container .footer-nav .footer-address p.sns > a {
	display: inline-block;
}
#footer .footer-nav-container .footer-nav .footer-address p.sns > a + a {
	margin-left: 30px;
}
#footer .footer-nav-container .footer-nav .footer-address p.sns img {
	width: 30px;
	height: 30px;
}

/* -----------------------------------------------------------------
.footer-content-inner
------------------------------------------------------------------ */
#footer .footer-content-inner {
	padding-top: 30px;
	padding-bottom: 80px;
}
#footer .footer-content-inner .footer-info {
	font-size: 12px;
	font-size: 1.2rem;
}
#footer .footer-content-inner .footer-info ul {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
}
#footer .footer-content-inner .footer-info ul li {
	display: inline-block;
}
#footer .footer-content-inner .footer-info ul li a {
	color: #fff;
}
#footer .footer-content-inner .footer-info ul li + li a {
	display: block;
	margin-left: 10px;
	padding-left: 10px;
	border-left: #666 1px solid;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 0.8;
}
#footer .footer-content-inner .footer-info ul li:last-child {
	margin-right: 0;
}
#footer .footer-content-inner .footer-copyright {
	line-height: 1;
	margin-top: 10px;
	color: #fff;
}
#footer .footer-content .footer-copyright small {
	font-size: 12px;
	font-size: 1.2rem;
}
#footer .footer-content .common-share {
	margin-left: auto;
}
/* -----------------------------------------------------------------
article
------------------------------------------------------------------ */
.article-container {
	margin-bottom: 80px;
}
.article-header {
  	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-color: #f5f5f5;
}
.article-header .article-header-bg img {
	position: relative;
	width: auto;
	height: 280px;
	left: -17.5%;
	z-index: 0;
}
.article-header.wide .article-header-bg img {
	height: 400px;
}
.article-header-heading {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
    margin-top: 22.5px;
}
.article-header.wide .article-header-heading {
	right: auto;
}
.article-header-heading .row {
    position: relative;
    background-color: #fff;
    border-left: 4px solid #f27000;
}
.article-header-heading .row h1 {
	position: relative;
	font-size: 30px;
	font-size: 3rem;
	line-height: 1;
	padding: 30px 30px 34px 30px;
}
.article-header-heading .row i {
	position: absolute;
	font-size: 18px;
	font-size: 1.8rem;
	width: 100%;
	left: 30px;
	bottom: -4px;
	text-align: left;
}
.article-header-heading p {
	color: #66757a;
	background-color: #fff;
	border-left: 4px solid #f27000;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1;
	margin-top: 1px;
	padding: 25px 30px;
}
.article-content-container {
	margin-top: 80px;
}
.article-content-container-inner {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}
.article-content-container-inner > h2 {
    font-size: 28px;
    font-size: 2.8rem;
	line-height: 1;
}
.article-content {
	position: relative;
	width: 100%;
	height: auto;
	min-height: 1px;	/* IE11 */
	margin-top: 80px;
}
.article-content:first-child {
	margin-top: 0;
}
.article-footer {
	margin-top: 80px;
}
.article-footer-inner {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}
/* -----------------------------------------------------------------
.article-content-1
------------------------------------------------------------------ */
.article-content-1 .article-content-inner {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.article-content-1.reverse-order .article-content-box.box-2 {
	-webkit-order: -1;
	-ms-flex-order: -1;
	order: -1;
}
.article-content-1 .article-content-box {
	position: relative;
	width: 584px;	/* = (1208px - 102px * 2 - 40px) / 2 */
	height: auto;
	min-height: 1px;	/* IE11 */
}
.article-content-1 .article-content-box img {
	width: 100%;
	height: auto;
}
.article-content-1 .article-content-box h2 {
	position: relative;
	font-size: 20px;
	font-size: 2rem;
	line-height: 150%;	/* 30px */
}
.article-content-1 .article-content-box p {
	line-height: 1.9;
	margin-top: 1rem;
}
.article-content-1 .article-content-box h2 + p,
.article-content-1 .article-content-box p:first-of-type {
	margin-top: 30px;
}
.article-content-1 .article-content-box .row {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
	position: relative;
}
.article-content-1 .article-content-box .column-1 {
	position: relative;
	font-size: 60px;
	font-size: 6rem;
}
.article-content-1 .article-content-box .column-1 .icon-issue_1_3,
.article-content-1 .article-content-box .column-1 .icon-issue_1_2,
.article-content-1 .article-content-box .column-1 .icon-issue_1_1 {
	position: relative;
}
.article-content-1 .article-content-box .column-1 .icon-issue_1_3 .path1:before,
.article-content-1 .article-content-box .column-1 .icon-issue_1_2 .path1:before,
.article-content-1 .article-content-box .column-1 .icon-issue_1_1 .path1:before {
	color: #f27000;
}
.article-content-1 .article-content-box .column-1 .icon-issue_1_3 .path2,
.article-content-1 .article-content-box .column-1 .icon-issue_1_2 .path2,
.article-content-1 .article-content-box .column-1 .icon-issue_1_1 .path2 {
	position: absolute;
	top: 0;
	left: 0;
}
.article-content-1 .article-content-box .column-1 .icon-issue_1_3 .path2:before,
.article-content-1 .article-content-box .column-1 .icon-issue_1_2 .path2:before,
.article-content-1 .article-content-box .column-1 .icon-issue_1_1 .path2:before {
	margin-left:  0;
}
.article-content-1 .article-content-box .column-2 {
	margin-left: 25px;
}
.article-content-1 .article-content-box .column-2 h3 {
	position: relative;
	font-size: 28px;
	font-size: 2.8rem;
}
.article-content-1 .article-content-box .column-2 i {
	padding-top: 0;
}
/* -----------------------------------------------------------------
.article-content-2
------------------------------------------------------------------ */
.article-content-2 h2 {
	position: relative;
	font-size: 28px;
	font-size: 2.8rem;
	text-align: center;
	margin-bottom: 50px;
}
.article-content-2 .article-content-inner {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
    padding-right: 204px;
    padding-left: 204px;
}
.article-content-2 .article-content-box {
	width: 100%;
	margin-top: 40px;
}
.article-content-2 .article-content-box:first-of-type {
	margin-top: 0;
}
.article-content-2 .article-content-box h3 {
	position: relative;
	font-size: 20px;
	font-size: 2rem;
	color: #f27000;
}
.article-content-2 .article-content-box p {
	line-height: 1.9;
}
/* -----------------------------------------------------------------
#job
------------------------------------------------------------------ */
#job-new-graduate.article-content-2 .article-content-box {
	border: 1px solid #fbd4b2;
	padding: 25px 30px;
}
#job-new-graduate.article-content-2 .article-content-box p {
	margin-top: 15px;
}
#job-mid-career.article-content-2 .article-content-box {
	margin-top: 40px;
}
#job-mid-career.article-content-2 .article-content-box:first-of-type {
	margin-top: 0;
}
#job-new-career.article-content-2 .article-content-box > h3 {
	margin-top: 0;
}
#job-mid-career.article-content-2 .article-content-box > ul {
	margin-top: 25px;
}
#job-mid-career.article-content-2 .article-content-box > ul li {
	border-bottom: 1px solid #e2e2e2;
}
#job-mid-career.article-content-2 .article-content-box > ul li:first-child {
	border-top: 1px solid #e2e2e2;
}
#job-mid-career.article-content-2 .article-content-box > ul li a {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
	line-height: 1.6;
    padding-top: 21px;
    padding-bottom: 21px;
}
#job-mid-career.article-content-2 .article-content-box > ul li span.icon-arrow_4_2 {
	position: relative;
	margin-right: 15px !important;
	margin-left: auto;
}
#job-mid-career.article-content-2 .article-content-box > ul li span.icon-arrow_4_2:before {
	position: absolute;
	top: 0;
	bottom: 0;
	left: -15px;
	margin: auto;
	content: "";
	vertical-align: middle;
	width: 10px;
	height:10px;
	border-top: 1px solid #f27000;
	border-right: 1px solid #f27000;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
#job-mid-career.article-content-2 .article-content-box > ul li a:hover {
	color: #f27000;
	text-decoration: underline;
}
#mid-career.applicant.creative_center.coder li.creative_center.coder a,
#mid-career.applicant.in_house_system_engineer li.in_house_system_engineer a,
#mid-career.applicant.web_project_manager li.web_project_manager a,
#mid-career.applicant.web_application_engineer li.web_application_engineer a,
#mid-career.applicant.database_engineer li.database_engineer a,
#mid-career.applicant.data_management li.data_management a,
#mid-career.applicant.coordinator li.coordinator a,
#mid-career.applicant.marketing_planner li.marketing_planner a,
#mid-career.applicant.sales li.sales a {
	opacity: .5;
	/* color: #9a9a9a; */
	color: inherit;
	pointer-events: none;
}
/* -----------------------------------------------------------------
#require
------------------------------------------------------------------ */
#require.article-content-2  .article-content-box {
	border-top: 2px solid #e2e2e2;
}
#require.article-content-2  .article-content-box > h3 {
	margin-top: 25px;
}
#require.article-content-2  .article-content-box > p {
	margin-top: 20px;
	margin-bottom: 20px;
}
/* -----------------------------------------------------------------
#method
------------------------------------------------------------------ */
#method.article-content-2 {
	margin-top: 40px;
}
#method.article-content-2 h2 {
	position: relative;
	font-size: 20px;
	font-size: 2rem;
	margin-bottom: 40px;
}
#method.article-content-2 .article-content-box {
	padding: 40px;
	background-color: #f5f5f5;
}
#method.article-content-2 .article-content-box p {
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.6;
	margin-top: 15px;
}
#method.article-content-2 .article-content-box p:first-of-type {
	margin-top: 0;
}
#method.article-content-2 .article-content-box p.note {
	font-size: 12px;
	font-size: 1.2rem;
	/* line-height: 1.4; */
}
#method.article-content-2 .article-content-box p.address {
	background-color: #fff;
	margin-top: 30px;
	padding: 30px;
}
#method.article-content-2 .article-content-box ul {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
	font-weight: 400;
	margin-top: 15px;
}
#method.article-content-2 .article-content-box ul li {
	font-size: 16px;
	font-size: 1.6rem;
	margin-right: 20px;
}
#method.article-content-2 .article-content-box ul li:last-child {
	margin-right: 0;
}
/* -----------------------------------------------------------------
.article-common-table
------------------------------------------------------------------ */
.article-common-table {
	width: 100%;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.9;
	text-align: left;
}
.article-common-table tr {
	border-bottom: 1px solid #e2e2e2;
}
.article-common-table tr:first-child {
	border-top: 1px solid #e2e2e2;
}
.article-common-table th {
	width: 200px;
	font-weight: 400;
	text-align: left;
}
.article-common-table th,
.article-common-table td {
	vertical-align: top;
	padding-top: 20px;
	padding-bottom: 20px;
}
.article-common-table td > p + ul,
.article-common-table td > p {
	margin-top: 10px;
}
.article-common-table td  > p:first-child {
	margin-top: 0;
}
.article-common-table td a {
	text-decoration: underline;
}
.article-common-table td a:hover {
	color: #f27000;
	text-decoration: none;
}
/* -----------------------------------------------------------------
.article-common-ul
------------------------------------------------------------------ */
.article-common-ul {
	margin-left: 20px;
}
.article-common-ul li {
	position: relative;
}
.article-common-ul li:before {
	content: "";
	position: absolute;
	width: 8px;
	height: 8px;
	left: -15px;
	top: 10px;
	background: #f27000;
	border-radius: 100%;
}
/* -----------------------------------------------------------------
.article-common-heading
------------------------------------------------------------------ */
.article-common-heading-4,
.article-common-heading-3,
.article-common-heading-2,
.article-common-heading-1 {
	position: relative;
}
.article-common-heading-4:before,
.article-common-heading-4:after,
.article-common-heading-3:before,
.article-common-heading-3:after,
.article-common-heading-2:before,
.article-common-heading-1:before {
	position: absolute;
	content: "";
}
.article-common-heading-1 {
	padding-left: 24px;
}
.article-common-heading-1:before {
	height: 100%;
	left: 0;
	top: 0;
	border-right: 4px solid #f27000;
}
.article-common-heading-2 {
	padding-left: 50px;
}
.article-common-heading-2:before {
	width: 30px;
	left: 0;
	top: 50%;
	border-bottom: 1px solid #f27000;
}
.article-common-heading-3 {
	margin-left: 50px;
	margin-right: 50px;
}
.article-common-heading-3:before,
.article-common-heading-3:after {
	width: 35px;
	top: 50%;
	border-bottom: 1px solid #e2e2e2;
}
.article-common-heading-3:before {
	left: -50px;
}
.article-common-heading-3:after {
	right: -50px;
}
.article-common-heading-4 {
	margin-left: 100px;
	margin-right: 100px;
}
.article-common-heading-4:before,
.article-common-heading-4:after {
	width: 80px;
	top: 50%;
	border-bottom: 2px solid #e2e2e2;
}
.article-common-heading-4:before {
	left: -100px;
}
.article-common-heading-4:after {
	right: -100px;
}
/* -----------------------------------------------------------------
.common-btn
------------------------------------------------------------------ */
.common-btn-inquiry p,
.common-btn-contact p,
.common-btn-3 *,
.common-btn-2 *,
.common-btn-1 * {
	-webkit-transition: color 0.30s, background-color 0.30s;
	-ms-transition: color 0.30s, background-color 0.30s;
	transition: color 0.30s, background-color 0.30s;
}
.common-btn-inquiry,
.common-btn-contact,
.common-btn-3,
.common-btn-2,
.common-btn-1 {
	position: relative;
	width: 100%;
	height: auto;
	text-align: center;
}
.common-btn-inquiry a,
.common-btn-contact a,
.common-btn-2 a,
.common-btn-1 a {
	display: block;
}
.common-btn-inquiry p,
.common-btn-contact p,
.common-btn-3 p,
.common-btn-2 p {
	font-size: inherit;
	line-height: 1;
	color: #222;
	border-color: #f27000;
	border-width: 2px;
	border-style: solid;
}
.common-btn-3 p span {
	margin-left: 4px;
}
.common-btn-inquiry p span,
.common-btn-contact p span,
.common-btn-2 p span,
.common-btn-1 p span {
	margin-left: 8px;
}
/* btn-1 */
.common-btn-1 {
	margin: 70px auto 0 auto;
	max-width: 376px;
}
.common-btn-2 p,
.common-btn-1 p {
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: 400;
	line-height: 1;
	color: #fff;
	border-radius: 2px;
	padding: 13px 0;
	background: -moz-linear-gradient(left, #f27000, #ffc600);
	background: -webkit-linear-gradient(left, #f27000, #ffc600);
	background: linear-gradient(to right, #f27000, #ffc600);
}
.common-btn-3 p span,
.common-btn-2 p span,
.common-btn-1 p span {
	color: #f27000;
}
.common-btn-2 a:hover p span,
.common-btn-2 a:hover p,
.common-btn-1 a:hover p span,
.common-btn-1 a:hover p {
	color: #fff;
}
.common-btn-2 a:hover p,
.common-btn-1 a:hover p {
	background-color: #f27000;
}
/* btn-2 */
.common-btn-2 {
	max-width: 420px;
}
.common-btn-2 p {
	font-size: 18px !important;
	font-size: 1.8rem !important;
	border-radius: 35px;
	padding: 22px 0;
}
/* btn-3 */
.common-btn-3 {
	width: auto;
	max-width: 100%;
}
.common-btn-3 p {
	font-size: 11px !important;
	font-size: 1.1rem !important;
	border-radius: 15px;
	padding: 5px 8px 5px 10px;
}
/* btn-entry */
.common-btn-contact {
	max-width: 340px;
}
/* btn-inquiry */
.common-btn-inquiry {
	max-width: 470px;
}
.common-btn-contact p,
.common-btn-inquiry p {
	font-size: 18px !important;
	font-size: 1.8rem !important;
	font-weight: 400;
	color: #fff;
	border-color: #fff;
	border-radius: 2px;
	padding: 12px 0;
}
.common-btn-contact p span,
.common-btn-inquiry p span {
	font-size: 16px;
	font-size: 1.6rem;
}
.common-btn-contact a:hover p,
.common-btn-inquiry a:hover p {
	color: #f27000;
}
.common-btn-contact a:hover p,
.common-btn-inquiry a:hover p {
	background-color: #fff;
}
/* btn-top */
.common-btn-top {
	display: none;
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 100;
}
.common-btn-top a {
	padding-top: 13px;
	padding-bottom: 14px;
	width: 48px;
	background: black no-repeat 14px 17px;
	color: #ffffff !important;
	font-weight: bold;
	display: block;
	text-align: center;
	border-radius: 3px;
	opacity: 0.5;
}
.common-btn-top .icon-btntop {
	font-size: 20px;
}
/* -----------------------------------------------------------------
common-ihover
------------------------------------------------------------------ */
a .common-ihover:hover img {
	opacity: 0.7;
	-webkit-transition: 0.30s;
	-ms-transition: 0.30s;
	transition: 0.30s;
}
/* disable */
.common-hover-disable,
.common-ihover-disable {
	position: relative;
	width: 100%;
	height: 100%;
}
/*.common-hover-disable:after,*/
.common-hover-disable:before,
.common-ihover-disable-2 .img:after,
.common-ihover-disable-2:before,
.common-ihover-disable:after,
.common-ihover-disable:before {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 1;
	content: "";
}
.common-hover-disable:before,
.common-ihover-disable-2:before,
.common-ihover-disable:before {
	height: 100%;
	background-color: rgba(0,0,0,.3);
}
/*.common-hover-disable:after,*/
.common-ihover-disable-2 .img:after,
.common-ihover-disable:after {
	font-family: kepler-std, serif;
	font-style: italic;
	font-size: 20px;
	font-size: 2rem;
	color: #fff;
	text-align: center;
	content: "Coming soon...";
	z-index: 2;
}
/*.common-hover-disable:after {
	top: 77%;
}*/
.common-ihover-disable-2 .img:after {
	top: calc((100% - 20px) * .5);
}
/*.common-hover-disable .common-btn-3,*/
.common-ihover-disable-2 .common-btn-3 {
	visibility: hidden;
}
.common-hover-disable:before {
	border-radius: 3px;
}
.common-hover-disable:hover a,
.common-ihover-disable-2:hover a,
.common-ihover-disable:hover a {
	pointer-events: none;
}


.mt0 {
	margin-top: 0 !important;
}
.mt40 {
	margin-top: 40px !important;
}
.mt50 {
	margin-top: 50px !important;
}


/* -----------------------------------------------------------------
.anime-title
------------------------------------------------------------------ */
.anime-title span {
	position: relative;
}
.anime-title .anime-wrp.animated {
	/*display: inline-block;*/
	display: block;
	width: auto;
}
.anime-title .anime-wrp.animated .bg-wrp {
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.anime-title .anime-wrp.animated .bg-wrp:after {
	content: "";
	position: absolute;
	background: #f27000;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.anime-title .anime-wrp.animated .bg-wrp:after {
	-webkit-transition: .85s;
	-ms-transition: .85s;
	transition: .85s;
	-webkit-transform: translateX(-101%);
	-ms-transform: translateX(-101%);
	transform: translateX(-101%);
}
.anime-title .anime-wrp.animated.on .bg-wrp:after {
	-webkit-transition-timing-function: cubic-bezier(.785, .135, .15, .86);
	-ms-transition-timing-function: cubic-bezier(.785, .135, .15, .86);
	transition-timing-function: cubic-bezier(.785, .135, .15, .86);
	-webkit-transform: translateX(101%);
	-ms-transform: translateX(101%);
	transform: translateX(101%);
}
.anime-title .anime-wrp.animated .txt-wrp {
	opacity: 0;
}
.anime-title .anime-wrp.animated.on .txt-wrp {
	opacity: 1;
	-webkit-transition: opacity .4s ease-in-out .45s;
	-ms-transition: opacity .4s ease-in-out .45s;
	transition: opacity .4s ease-in-out .45s;
}

/* -----------------------------------------------------------------
.common-btn-contact-2
------------------------------------------------------------------ */
.common-btn-contact-2 {
	position: relative;
	width: 100%;
	max-width: 340px;
	height: auto;
	text-align: center;
}
.common-btn-contact-2 p {
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1;
	color: #fff;
	border: 1px solid #fff;
	border-radius: 2px;
}
.common-btn-contact-2 p .anime-wrp {
	display: block;
	position: relative;
	z-index: 2;
	padding: 12px 0;
}
.common-btn-contact-2 p .anime-wrp span {
	position: relative;
	z-index: 2;
}
.common-btn-contact-2 p .anime-wrp:before {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	display: block;
	width: 100%;
	height: 100%;
	background-color: #fff;
	content: "";
	opacity: 0;
	transition: .4s ease;
	transform: scaleX(0);
	transform-origin: center left;
}
.common-btn-contact-2 a:hover p .anime-wrp span {
	color: #967956;
}
.common-btn-contact-2 a:hover p .anime-wrp:before {
	opacity: 1;
	transform: scaleX(1);
}

/* -----------------------------------------------------------------
.common-btn-learnmore
------------------------------------------------------------------ */
.common-btn-learnmore {
	position: relative;
	width: 100%;
	max-width: 376px;
	height: auto;
	text-align: center;
	margin: 70px auto 0 auto;
}
.common-btn-learnmore p {
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1;
	color: #fff;
	border-radius: 2px;
	padding: 13px 0;
	background: -moz-linear-gradient(left, #f27000, #ffc600);
	background: -webkit-linear-gradient(left, #f27000, #ffc600);
	background: linear-gradient(to right, #f27000, #ffc600);
}
.common-btn-learnmore p .anime-wrp span {
	position: relative;
	z-index: 2;
}
.common-btn-learnmore p .anime-wrp:before {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	display: block;
	width: 100%;
	height: 100%;
	background-color: #fff;
	content: "";
	opacity: 0;
	transition: .4s ease;
	transform: scaleX(0);
	transform-origin: center left;
	border-radius: 2px;
	border: 1px solid #f27000;
	box-sizing: border-box;
}
.common-btn-learnmore a:hover p .anime-wrp span {
	color: #f27000;
}
.common-btn-learnmore a:hover p .anime-wrp:before {
	opacity: 1;
	transform: scaleX(1);
}

/* -----------------------------------------------------------------
.btn-txt--wrp
------------------------------------------------------------------ */
.btn-txt--wrp {
	-webkit-transition: .4s ease .65s;
	transition: .4s .65s;
}
.btn-anime-wrp {
}
.btn-anime-wrp .btn-txt--wrp {
	opacity: 0;
}
.btn-anime-wrp .btn-border--wrp {
	opacity: 1;
}
.inview-on .btn-anime-wrp.on .btn-txt--wrp {
	opacity: 1;
}
.inview-on .btn-anime-wrp.on .btn-border--wrp {
	opacity: 0;
}
/* -----------------------------------------------------------------
.btn-border--wrp
------------------------------------------------------------------ */
.btn-border--wrp {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-transition: .4s ease .65s;
	transition: .4s .65s;
}
.btn-border--v:before,
.btn-border--v:after,
.btn-border--h:before,
.btn-border--h:after {
	content: "";
	display: block;
	position: absolute;
	z-index: 10;
	background: #f27000;
	-webkit-transition-duration: .4s;
	transition-duration: .4s;
	-webkit-transition-timing-function: cubic-bezier(.075,.82,.165,1);
	transition-timing-function: cubic-bezier(.075,.82,.165,1);
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform,-webkit-transform;
}
.btn-border--v:before,
.btn-border--v:after {
	-webkit-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transition-delay: .3s;
    transition-delay: .3s;
	width: 1px;
	top: 0;
	bottom: 0;
}
.btn-border--v:before {
	-webkit-transform-origin: bottom;
	transform-origin: bottom;
	left: 0;
}
.btn-border--v:after {
	-webkit-transform-origin: top;
	transform-origin: top;
	right: 0;
}
.btn-border--h:before,
.btn-border--h:after {
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transition-delay: .4s;
	transition-delay: .4s;
	height: 1px;
	right: 0;
	left: 0;
}
.btn-border--h:before {
	-webkit-transform-origin: left;
	transform-origin: left;
	top: 0;
}
.btn-border--h:after {
	-webkit-transform-origin: right;
	transform-origin: right;
	bottom: 0;
}
.inview-on .btn-anime-wrp.on .btn-border--v:before,
.inview-on .btn-anime-wrp.on .btn-border--v:after {
	-webkit-transform: scaleY(1);
	transform: scaleY(1);
}
.inview-on .btn-anime-wrp.on .btn-border--h:before,
.inview-on .btn-anime-wrp.on .btn-border--h:after {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}
/* -----------------------------------------------------------------
.cookie-privacy
------------------------------------------------------------------ */
.cookie-privacy {
	background-color: rgba(1,36,49,.9); /* #565862+90% */
	position: fixed;
	z-index: 10;
	bottom: 30px;
	left: 30px;
	width: 100%;
	max-width: 410px;
	padding: 20px;
}
.cookie-privacy > p {
	color: #ccc;
	font-size: 11px;
	font-size: 1.1rem;
	line-height: 1.3;
}
.cookie-privacy > p > a {
	color: #fff;
	text-decoration: underline;
}
.cookie-privacy > p > a:hover {
	text-decoration: none;
}
.cookie-privacy .cookie-privacy-btn {
	display: block;
	position: relative;
	width: 100%;
	max-width: 239px;
	margin: 15px auto 0;
}
.cookie-privacy .cookie-privacy-btn p {
	background-color: inherit;
	color: #fff;
	font-size: 11px;
	font-size: 1.1rem;
	line-height: 1.3;
	text-align: center;
	padding: 10px 15px;
	border: 1px solid #fff;
	border-radius: 2px;
	-webkit-transition: background-color .4s;
	transition: background-color .4s;
}
.cookie-privacy .cookie-privacy-btn:hover p {
	background-color: #fff;
	color: #565862;
}

/*============== 動画用SNSボタン =================*/
.sproutvideo-social-buttons > .social-buttons,
* + .social-buttons {
	margin-top: 0.8rem;
}
.social-buttons h4 {
	display: none;
	line-height: 1;
	margin-bottom: 1rem;
	margin-top: 0;
}
.share-group {
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	display: flex;
	justify-content: flex-end;
	gap: 0.8rem;
}

.share-group li {
	float: left;
	margin-right: 0.8rem;
	margin: 0;
}

.share-group li button {
	border: none;
	background: none;
	cursor: pointer;
	text-align: left;
	margin: 0;
	padding: 0;
}
.share-group li button img {
	width: 3.2rem;
	height: 3.2rem;
}
.share-group li button span {
	display: none;
}