@charset "UTF-8";

img {
	width: 100%;
	height: 100%;
}
.sp {
	display: none;
}
.fadein {
	opacity : 0;
	transform : translate(0, 50px);
	transition : all 1s;
}
.fadein.scrollin {
	opacity : 1;
	transform : translate(0, 0);
}
.sfadein {
	opacity : 0;
	animation: sfade 1s linear forwards;
}
@keyframes sfade {
	0% {
		opacity : 0;
		transform : translate(0, 10px);
	}
	100% {
		opacity : 1;
		transform : translate(0, 0);
  }
}
.nfadein {
	opacity : 0;
	animation: nfade 1s linear forwards;
}
@keyframes nfade {
	0% {
		opacity : 0;
	}
	100% {
		opacity : 1;
  }
}
li.fadein:nth-of-type(2) {
    transition-delay: 200ms;
}
li.fadein:nth-of-type(3) {
    transition-delay: 400ms;
}
li.fadein:nth-of-type(4) {
    transition-delay: 600ms;
}



.flash01 {
	opacity : 1;
	animation: f01 20s ease infinite;
}
.flash02 {
	opacity : 1;
	animation: f02 20s ease infinite;
}
.flash03 {
	opacity : 1;
	animation: f03 20s ease infinite;
}
.flash04 {
	opacity : 1;
	animation: f04 20s ease infinite;
}
.flash05 {
	opacity : 1;
	animation: f05 20s ease infinite;
}
.flash06 {
	opacity : 1;
	animation: f06 20s ease infinite;
}
.flash07 {
	opacity : 1;
	animation: f07 20s ease infinite;
}
.flash08 {
	opacity : 1;
	animation: f08 20s ease infinite;
}
.flash09 {
	opacity : 1;
	animation: f09 20s ease infinite;
}
.flash10 {
	opacity : 1;
	animation: f10 20s ease infinite;
}
@keyframes f01 {
	0% {
		opacity : 0;
		transform: scale(0.6);
		}
	10% {
		opacity : 1;
		transform: scale(1);
		}
	20% {
		opacity : 1;
		}
	30% {
		opacity : 1;
		}
	40% {
		opacity : 1;
		}
	50% {
		opacity : 1;
		}
	60% {
		opacity : 1;
		}
	70% {
		opacity : 1;
		}
	80% {
		opacity : 1;
		}
	90% {
		opacity : 1;
		transform: scale(1);
		}
	100% {
		opacity : 0;
		transform: scale(0.6);
		}
}
@keyframes f02 {
	0% {
		opacity : 1;
		transform: scale(1);
		}
	10% {
		opacity : 0;
		transform: scale(0.6);
		}
	20% {
		opacity : 1;
		transform: scale(1);
		}
	30% {
		opacity : 1;
		}
	40% {
		opacity : 1;
		}
	50% {
		opacity : 1;
		}
	60% {
		opacity : 1;
		}
	70% {
		opacity : 1;
		}
	80% {
		opacity : 1;
		}
	90% {
		opacity : 1;
		}
	100% {
		opacity : 1;
		}
}
@keyframes f03 {
	0% {
		opacity : 1;
		}
	10% {
		opacity : 1;
		transform: scale(1);
		}
	20% {
		opacity : 0;
		transform: scale(0.6);
		}
	30% {
		opacity : 1;
		transform: scale(1);
		}
	40% {
		opacity : 1;
		}
	50% {
		opacity : 1;
		}
	60% {
		opacity : 1;
		}
	70% {
		opacity : 1;
		}
	80% {
		opacity : 1;
		}
	90% {
		opacity : 1;
		}
	100% {
		opacity : 1;
		}
}
@keyframes f04 {
	0% {
		opacity : 1;
		}
	10% {
		opacity : 1;
		}
	20% {
		opacity : 1;
		transform: scale(1);
		}
	30% {
		opacity : 0;
		transform: scale(0.6);
		}
	40% {
		opacity : 1;
		transform: scale(1);
		}
	50% {
		opacity : 1;
		}
	60% {
		opacity : 1;
		}
	70% {
		opacity : 1;
		}
	80% {
		opacity : 1;
		}
	90% {
		opacity : 1;
		}
	100% {
		opacity : 1;
		}
}
@keyframes f05 {
	0% {
		opacity : 1;
		}
	10% {
		opacity : 1;
		}
	20% {
		opacity : 1;
		}
	30% {
		opacity : 1;
		transform: scale(1);
		}
	40% {
		opacity : 0;
		transform: scale(0.6);
		}
	50% {
		opacity : 1;
		transform: scale(1);
		}
	60% {
		opacity : 1;
		}
	70% {
		opacity : 1;
		}
	80% {
		opacity : 1;
		}
	90% {
		opacity : 1;
		}
	100% {
		opacity : 1;
		}
}
@keyframes f06 {
	0% {
		opacity : 1;
		}
	10% {
		opacity : 1;
		}
	20% {
		opacity : 1;
		}
	30% {
		opacity : 1;
		}
	40% {
		opacity : 1;
		transform: scale(1);
		}
	50% {
		opacity : 0;
		transform: scale(0.6);
		}
	60% {
		opacity : 1;
		transform: scale(1);
		}
	70% {
		opacity : 1;
		}
	80% {
		opacity : 1;
		}
	90% {
		opacity : 1;
		}
	100% {
		opacity : 1;
		}
}
@keyframes f07 {
	0% {
		opacity : 1;
		}
	10% {
		opacity : 1;
		}
	20% {
		opacity : 1;
		}
	30% {
		opacity : 1;
		}
	40% {
		opacity : 1;
		}
	50% {
		opacity : 1;
		transform: scale(1);
		}
	60% {
		opacity : 0;
		transform: scale(0.6);
		}
	70% {
		opacity : 1;
		transform: scale(1);
		}
	80% {
		opacity : 1;
		}
	90% {
		opacity : 1;
		}
	100% {
		opacity : 1;
		}
}
@keyframes f08 {
	0% {
		opacity : 1;
		}
	10% {
		opacity : 1;
		}
	20% {
		opacity : 1;
		}
	30% {
		opacity : 1;
		}
	40% {
		opacity : 1;
		}
	50% {
		opacity : 1;
		}
	60% {
		opacity : 1;
		transform: scale(1);
		}
	70% {
		opacity : 0;
		transform: scale(0.6);
		}
	80% {
		opacity : 1;
		transform: scale(1);
		}
	90% {
		opacity : 1;
		}
	100% {
		opacity : 1;
		}
}
@keyframes f09 {
	0% {
		opacity : 1;
		}
	10% {
		opacity : 1;
		}
	20% {
		opacity : 1;
		}
	30% {
		opacity : 1;
		}
	40% {
		opacity : 1;
		}
	50% {
		opacity : 1;
		}
	60% {
		opacity : 1;
		}
	70% {
		opacity : 1;
		transform: scale(1);
		}
	80% {
		opacity : 0;
		transform: scale(0.6);
		}
	90% {
		opacity : 1;
		transform: scale(1);
		}
	100% {
		opacity : 1;
		}
}
@keyframes f10 {
	0% {
		opacity : 1;
		}
	10% {
		opacity : 1;
		}
	20% {
		opacity : 1;
		}
	30% {
		opacity : 1;
		}
	40% {
		opacity : 1;
		}
	50% {
		opacity : 1;
		}
	60% {
		opacity : 1;
		}
	70% {
		opacity : 1;
		}
	80% {
		opacity : 1;
		transform: scale(1);
		}
	90% {
		opacity : 0;
		transform: scale(0.6);
		}
	100% {
		opacity : 1;
		transform: scale(1);
		}
}
/*	グローバルメニュー　
------------------------------------*/
#header {
	width: 100%;
	height: 70px;
	position: fixed;
	background: #FFF;
	z-index: 120;
	top: 0;
}
.logoBox {
	width: 220px;
	height: 15px;
	position: absolute;
	top: 30px;
	left: 50px;
}
.logo {
	float: left;
	text-indent: -9999px;
	width: 100px;
	height: 15px;
	background: url(../img/svg/icon-logo.svg) no-repeat left top;
	background-size: contain;
}
.logoBox a {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 1000;
}
.logoBox p {
	display: block;
	font-size: 14px;
	color: #1f2953;
	float: left;
	padding-left: 10px;
}
#menuToggle:checked ~ .btntop {
	opacity: 0;
}
input {
	display: none;
}
#menuArea {
	position: relative;
	height: 70px;
	width: 100%;
	top: 0;
	right: 0;
	z-index: 100;
}
.menu .menuContent {
	position: relative;
}
.gmenuBox {
	width: 100%;
	height: 100%;
	max-width: 900px;
	box-sizing: border-box;
}
#main-nav ul {
	position: absolute;
	list-style: none;
	margin: 0;
	padding: 20px 0 0;
	right: 50px;
}

#main-nav ul li {
  display: inline-block;
  margin: 0;
  padding: 0 10px 0;
  border-radius: 0.5em;
  text-align: center;
}
#main-nav ul li a {
	font-size: 14px;
	font-weight: 600;
	color: #1f2953;
	text-decoration: none;
	position: relative;
	text-align: center;
	line-height: 1.2em;
}
#main-nav ul li a span {
	font-size: 10px;
	font-weight: 200;
}

#main-nav ul li a:hover {
	color: #2f55c0;
}
/*#main-nav ul li a:after {
	position: absolute;
	content: "";
	height: 0px;
	width: 100%;
	bottom: -5px;
	left: 0;
	background: #1e2854;
	transition: all 0.2s;
}
#main-nav ul li a:hover:after {
	height: 2px;
}
#main-nav ul li.active a:after {
	position: absolute;
	content: "";
	height: 2px;
	width: 100%;
	bottom: -5px;
	left: 0;
	background: #1e2854;
}
*/
/* A single menu */

.dropotron {
  background: #2f55c0;
  border-radius: 0.1em;
  list-style: none;
  margin: 0 0 0 10px;
  width: 180px;
  box-sizing: border-box;
  padding: 5px 15px;
}

.dropotron > li {
  border-top: solid 1px #fefefe;
  margin: 0;
  padding: 0;
}

.dropotron > li:first-child { border-top: 0; }

.dropotron > li > a {
	font-size: 12px;
	color: #fefefe;
	display: block;
	padding: 10px 0;
	text-decoration: none;
}

.dropotron > li.active > a,
.dropotron > li:hover > a { color: #fefefe; }

/* Only applies to top level ("level-0") menus */

.dropotron.level-0 { margin-top: 1.25em; }

.dropotron.level-0:before {
  content: '';
  position: absolute;
  border-bottom: solid 0.5em #2f55c0;
  border-left: solid 0.5em transparent;
  border-right: solid 0.5em transparent;
  top: -0.5em;
  left: 20px;
}

.ic01, .ic02, .ic03 {
	width: 22px;
	height: 22px;
	top: -7px;
	padding: 0!important;
	text-indent: -9999px;
	position: relative;
}
.ic01 {
	margin: 0 0 0 40px!important;
}
.ic02, .ic03 {
	margin: 0 0 0 13px!important;
}
.ic01 a, .ic02 a, .ic03 a {
	display: block;
	width: 100%;
	height: 100%;
}
.ic01 a:after, .ic02 a:after, .ic03 a:after {
	height: 0;
	opacity: 0;
}
.ic01 {
	background: url(../img/svg/icon-facebook.svg) no-repeat center center;
	background-size: contain;
	
}
.ic02 {
	background: url(../img/svg/icon-twitter.svg) no-repeat center center;
	background-size: contain;
}
.ic03 {
	background: url(../img/svg/icon-github.svg) no-repeat center center;
	background-size: contain;
}
.ic01:hover {
	background: url(../img/svg/icon-facebook-hover.svg) no-repeat center center;
	background-size: contain;
}
.ic02:hover  {
	background: url(../img/svg/icon-twitter-hover.svg) no-repeat center center;
	background-size: contain;
}
.ic03:hover  {
	background: url(../img/svg/icon-github-hover.svg) no-repeat center center;
	background-size: contain;
}

/*	フッタ　
------------------------------------*/
.footer {
	width: 100%;
	height: 80px;
	background: #251f1a;
	position: relative;
	box-sizing: border-box;
}
.footerlink {
	width: 400px;
	float: left;
	padding: 20px;
	box-sizing: border-box;
}
.footerlink ul {
	padding-bottom: 10px;
}
.footerlink ul li {
	float: left;
	color: #FFF;
	font-size: 12px;
	padding: 0 5px 0 0;
	box-sizing: border-box;
}
.footerlink ul li:nth-child(2) {
	margin: 0 10px 0 10px;
	padding: 0 10px 0 10px;
	border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;
}
.footerlink ul li a {
	color: #FFF;
	text-decoration: none;
}
.footerlink ul li a:hover {
	text-decoration: underline;
}
.footerlink p {
	color: #FFF;
	font-size: 12px;
}

.pagetop {
	text-indent: -9999px;
	position:absolute;
	top: 0;
	right: 0;
	height: 80px;
	width: 80px;
	background: #2b49ff url(../img/pagetop.png) no-repeat center center;
	background-size: 30px auto;
	z-index: 2;
	cursor: pointer;
}

/*	トップ　
------------------------------------*/
.topMain {
	width: 100%;
	position: relative;
	margin-top: 70px;
	height: 590px;
	z-index: 3;
	overflow: hidden;
	background: url(../img/top_img/tbg.png) no-repeat center center;
	background-size: cover;
	border-top: 1px solid rgba(242,246,246,1);
}
.tmWrap {
	width: 3360px;
	height: 590px;
	position: absolute;
	left: calc(50% - 1680px);
}
.topb00, .topb01, .topb02 {
	width: 1120px;
	height: 590px;
	margin: 15px 0 0;
	float: left;
}
.idc {
	display: flex;
	flex-wrap: wrap;
}
.idc li {
	width: 40px;
	height: 40px;
	margin: 20px;
	opacity: 0;
}
.idc li {
	background-position: center center;
	background-size: 40px 40px;
}
.idc li:nth-child(1) {
	background-image: url(../img/top_img/idc01.png);
}
.idc li:nth-child(2) {
	background-image: url(../img/top_img/idc02.png);
}
.idc li:nth-child(3) {
	background-image: url(../img/top_img/idc03.png);
}
.idc li:nth-child(4) {
	background-image: url(../img/top_img/idc04.png);
}
.idc li:nth-child(5) {
	background-image: url(../img/top_img/idc05.png);
}
.idc li:nth-child(6) {
	background-image: url(../img/top_img/idc06.png);
}
.idc li:nth-child(7) {
	background-image: url(../img/top_img/idc07.png);
}
.idc li:nth-child(8) {
	background-image: url(../img/top_img/idc08.png);
}
.idc li:nth-child(9) {
	background-image: url(../img/top_img/idc09.png);
}
.idc li:nth-child(10) {
	background-image: url(../img/top_img/idc10.png);
}
.idc li:nth-child(11) {
	background-image: url(../img/top_img/idc11.png);
}
.idc li:nth-child(12) {
	background-image: url(../img/top_img/idc12.png);
}
.idc li:nth-child(13) {
	background-image: url(../img/top_img/idc13.png);
}
.idc li:nth-child(14) {
	background-image: url(../img/top_img/idc14.png);
}
.idc li:nth-child(15) {
	background-image: url(../img/top_img/idc15.png);
}
.idc li:nth-child(16) {
	background-image: url(../img/top_img/idc16.png);
}
.idc li:nth-child(17) {
	background-image: url(../img/top_img/idc17.png);
}
.idc li:nth-child(18) {
	background-image: url(../img/top_img/idc18.png);
}
.idc li:nth-child(19) {
	background-image: url(../img/top_img/idc19.png);
}
.idc li:nth-child(20) {
	background-image: url(../img/top_img/idc20.png);
}
.idc li:nth-child(21) {
	background-image: url(../img/top_img/idc21.png);
}
.idc li:nth-child(22) {
	background-image: url(../img/top_img/idc22.png);
}
.idc li:nth-child(23) {
	background-image: url(../img/top_img/idc23.png);
}
.idc li:nth-child(24) {
	background-image: url(../img/top_img/idc24.png);
}
.idc li:nth-child(25) {
	background-image: url(../img/top_img/idc25.png);
}
.idc li:nth-child(26) {
	background-image: url(../img/top_img/idc26.png);
}
.idc li:nth-child(27) {
	background-image: url(../img/top_img/idc27.png);
}
.idc li:nth-child(28) {
	background-image: url(../img/top_img/idc28.png);
}
.idc li:nth-child(29) {
	background-image: url(../img/top_img/idc29.png);
}
.idc li:nth-child(30) {
	background-image: url(../img/top_img/idc30.png);
}
.idc li:nth-child(31) {
	background-image: url(../img/top_img/idc31.png);
}
.idc li:nth-child(32) {
	background-image: url(../img/top_img/idc32.png);
}
.idc li:nth-child(33) {
	background-image: url(../img/top_img/idc33.png);
}
.idc li:nth-child(34) {
	background-image: url(../img/top_img/idc34.png);
}
.idc li:nth-child(35) {
	background-image: url(../img/top_img/idc35.png);
}
.idc li:nth-child(36) {
	background-image: url(../img/top_img/idc36.png);
}
.idc li:nth-child(37) {
	background-image: url(../img/top_img/idc37.png);
}
.idc li:nth-child(38) {
	background-image: url(../img/top_img/idc38.png);
}
.idc li:nth-child(39) {
	background-image: url(../img/top_img/idc39.png);
}
.idc li:nth-child(40) {
	background-image: url(../img/top_img/idc40.png);
}
.idc li:nth-child(41) {
	background-image: url(../img/top_img/idc41.png);
}
.idc li:nth-child(42) {
	background-image: url(../img/top_img/idc42.png);
}
.idc li:nth-child(43) {
	background-image: url(../img/top_img/idc43.png);
}
.idc li:nth-child(44) {
	background-image: url(../img/top_img/idc44.png);
}
.idc li:nth-child(45) {
	background-image: url(../img/top_img/idc45.png);
}
.idc li:nth-child(46) {
	background-image: url(../img/top_img/idc46.png);
}
.idc li:nth-child(47) {
	background-image: url(../img/top_img/idc47.png);
}
.idc li:nth-child(48) {
	background-image: url(../img/top_img/idc48.png);
}
.idc li:nth-child(49) {
	background-image: url(../img/top_img/idc49.png);
}
.idc li:nth-child(50) {
	background-image: url(../img/top_img/idc50.png);
}
.idc li:nth-child(51) {
	background-image: url(../img/top_img/idc51.png);
}
.idc li:nth-child(52) {
	background-image: url(../img/top_img/idc52.png);
}
.idc li:nth-child(53) {
	background-image: url(../img/top_img/idc53.png);
}
.idc li:nth-child(54) {
	background-image: url(../img/top_img/idc54.png);
}
.idc li:nth-child(55) {
	background-image: url(../img/top_img/idc55.png);
}
.idc li:nth-child(56) {
	background-image: url(../img/top_img/idc56.png);
}
.idc li:nth-child(57) {
	background-image: url(../img/top_img/idc57.png);
}
.idc li:nth-child(58) {
	background-image: url(../img/top_img/idc58.png);
}
.idc li:nth-child(59) {
	background-image: url(../img/top_img/idc59.png);
}
.idc li:nth-child(60) {
	background-image: url(../img/top_img/idc60.png);
}
.idc li:nth-child(61) {
	background-image: url(../img/top_img/idc61.png);
}
.idc li:nth-child(62) {
	background-image: url(../img/top_img/idc62.png);
}
.idc li:nth-child(63) {
	background-image: url(../img/top_img/idc63.png);
}
.idc li:nth-child(64) {
	background-image: url(../img/top_img/idc64.png);
}
.idc li:nth-child(65) {
	background-image: url(../img/top_img/idc65.png);
}
.idc li:nth-child(66) {
	background-image: url(../img/top_img/idc66.png);
}
.idc li:nth-child(67) {
	background-image: url(../img/top_img/idc67.png);
}
.idc li:nth-child(68) {
	background-image: url(../img/top_img/idc68.png);
}
.idc li:nth-child(69) {
	background-image: url(../img/top_img/idc69.png);
}
.idc li:nth-child(70) {
	background-image: url(../img/top_img/idc70.png);
}
.idc li:nth-child(71) {
	background-image: url(../img/top_img/idc71.png);
}
.idc li:nth-child(72) {
	background-image: url(../img/top_img/idc72.png);
}
.idc li:nth-child(73) {
	background-image: url(../img/top_img/idc73.png);
}
.idc li:nth-child(74) {
	background-image: url(../img/top_img/idc74.png);
}
.idc li:nth-child(75) {
	background-image: url(../img/top_img/idc75.png);
}
.idc li:nth-child(76) {
	background-image: url(../img/top_img/idc76.png);
}
.idc li:nth-child(77) {
	background-image: url(../img/top_img/idc77.png);
}
.idc li:nth-child(78) {
	background-image: url(../img/top_img/idc78.png);
}
.idc li:nth-child(79) {
	background-image: url(../img/top_img/idc79.png);
}
.idc li:nth-child(80) {
	background-image: url(../img/top_img/idc80.png);
}
.idc li:nth-child(81) {
	background-image: url(../img/top_img/idc81.png);
}
.idc li:nth-child(82) {
	background-image: url(../img/top_img/idc82.png);
}
.idc li:nth-child(83) {
	background-image: url(../img/top_img/idc83.png);
}
.idc li:nth-child(84) {
	background-image: url(../img/top_img/idc84.png);
}
.idc li:nth-child(85) {
	background-image: url(../img/top_img/idc85.png);
}
.idc li:nth-child(86) {
	background-image: url(../img/top_img/idc86.png);
}
.idc li:nth-child(87) {
	background-image: url(../img/top_img/idc87.png);
}
.idc li:nth-child(88) {
	background-image: url(../img/top_img/idc88.png);
}
.idc li:nth-child(89) {
	background-image: url(../img/top_img/idc89.png);
}
.idc li:nth-child(90) {
	background-image: url(../img/top_img/idc90.png);
}
.idc li:nth-child(91) {
	background-image: url(../img/top_img/idc91.png);
}
.idc li:nth-child(92) {
	background-image: url(../img/top_img/idc92.png);
}
.idc li:nth-child(93) {
	background-image: url(../img/top_img/idc93.png);
}
.idc li:nth-child(94) {
	background-image: url(../img/top_img/idc94.png);
}
.idc li:nth-child(95) {
	background-image: url(../img/top_img/idc95.png);
}
.idc li:nth-child(96) {
	background-image: url(../img/top_img/idc96.png);
}
.idc li:nth-child(97) {
	background-image: url(../img/top_img/idc97.png);
}
.idc li:nth-child(98) {
	background-image: url(../img/top_img/idc98.png);
}

.topb01 .idc li:nth-child(33),
.topb01 .idc li:nth-child(34),
.topb01 .idc li:nth-child(35),
.topb01 .idc li:nth-child(36),
.topb01 .idc li:nth-child(37),
.topb01 .idc li:nth-child(38),
.topb01 .idc li:nth-child(47),
.topb01 .idc li:nth-child(48),
.topb01 .idc li:nth-child(49),
.topb01 .idc li:nth-child(50),
.topb01 .idc li:nth-child(51),
.topb01 .idc li:nth-child(52),
.topb01 .idc li:nth-child(91),
.topb01 .idc li:nth-child(92) {
	background-image: none;
}





.tmText {
	width: 473px;
	position: absolute;
	top: 200px;
	left: calc(50% - 236px);
}

.scrolldown {
	width: 80px;
	height: 60px;
	position: absolute;
	bottom: 10px;
	left: calc(50% - 40px);
}
.scrolldown p {
	text-align: center;
	font-size: 12px;
	letter-spacing: 0.05em;
	position:relative;
}
.scrolldown p:after {
	position: absolute;
	content: "";
	width: 100%;
	height: 20px;
	background: url(../img/scroll.png) no-repeat center center;
	background-size: contain;
	bottom: -30px;
	left: 0;
}


/*  TOP MESSAGE */
.topWrap01 {
	width: 100%;
	height: 330px;
	position: relative;
	background: linear-gradient(to bottom, rgba(255,255,255,1) 35%,rgba(136,222,215,1) 77%,rgba(136,222,215,1) 77%,rgba(68,162,192,1) 100%);
	z-index: 1;
	margin-bottom: 200px;
}
.topWrap01 .sectionBox {
	position: relative;
	width: 960px;
	padding: 10px 0 0;
	margin: 0 auto;
	bottom: -50px;
}
.topWrap01 .sectionBox .p01 {
	font-size: 36px;
	line-height: 1.4em;
	font-weight: 200;
	float: left;
	position: relative;
}
.topWrap01 .sectionBox .p02 {
	float: right;
	font-size: 30px;
	padding: 30px 0 20px;
	color: #3d4645;
	letter-spacing: 0.1em;
	font-weight: 100;
	position: relative;
}
.sectionBox .p02 span {
	font-size: 16px;
	font-weight: 500;
	color: #48add1;
	letter-spacing: 0.02em;
}
.topWrap01 .sectionBox .p02:before {
	position: absolute;
	content: "";
	width: 190px;
	height: 1px;
	background: #222222;
	left: -220px;
	top: 60px;
}
.topWrap01 ul {
	width: 100%;
	margin: 50px 0 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.topWrap01 ul li {
	width: 300px;
	box-sizing: border-box;
	position: relative;
}
.topWrap01 ul li a, .topWrap02 ul li a, .topWrap05 ul li a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 5;
}
.topWrap01 ul li:nth-child(2) {
	margin: 0 30px;
}
.topWrap01 .btnWrap, .topWrap02 .btnWrap, .topWrap05 .btnWrap {
	position: relative;
}
.topWrap01 .btnWrap .btnPic {
	width: 280px;
	height: 200px;
	overflow: hidden;
	border: 1px solid #222222;
}
.picin {
	width: 100%;
	height: 100%;
	transform: scale(1.05);
	transition: all 0.5s;
	position: relative;
	text-indent: -9999px;
}
.topWrap01 .pi01 {
	background: url(../img/top0101.jpg) no-repeat center center;
	background-size: cover;
}
.topWrap01 .pi02 {
	background: url(../img/top0102.jpg) no-repeat center center;
	background-size: cover;
}
.topWrap01 .pi03 {
	background: url(../img/top0103.jpg) no-repeat center center;
	background-size: cover;
}
.topWrap01 ul li:hover .picin {
	transform: scale(1);
}
.topWrap01 .btnWrap:after {
	position: absolute;
	content: "";
	top: 10px;
	left: 10px;
	width: 280px;
	height: 200px;
	background: #FFF;
	border: 1px solid #222;
	z-index: -2;
}
.topWrap01 .btnWrap p {
	position: absolute;
	width: 280px;
	height: 30px;
	background: #222;
	font-size: 15px;
	color: #FFF;
	text-align: center;
	line-height: 30px;
	left: -10px;
	bottom: 30px;
	z-index: 3;
}


/*  TOP Originality */
.topWrap02 {
	position: relative;
	width: 100%;
	padding: 80px 0;
	margin-bottom: 200px;
	box-sizing: border-box;
}
.topWrap02 .sectionBox {
	width: 100%;
	height: 500px;
	position: relative;
	padding: 200px 0;
	box-sizing: border-box;
}
.topWrap02 .sectionBox .p01 {
	font-size: 36px;
	line-height: 1.4em;
	font-weight: 200;
	background: #FFF;
	padding: 30px;
	box-sizing: border-box;
	position: absolute;
	left: 0;
	top: -70px;
}
.topWrap02 .secCatch {
	position: absolute;
	z-index: 4;
	width: 100%;
	height: 500px;
}
.topWrap02 .sectionBox .p02 {
	font-size: 30px;
	padding: 30px;
	box-sizing: border-box;
	color: #3d4645;
	letter-spacing: 0.1em;
	font-weight: 100;
	position: absolute;
	background: #FFF;
	right: 0;
	bottom: -50px;
}
.topWrap02 ul {
	width: 100%;
	z-index: 1;
}
.topWrap02 ul li {
	width: 50%;
	height: 500px;
	box-sizing: border-box;
	float: left;
	position: relative;
}
.topWrap02 ul li a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 5;
}
.topWrap02 .pi01 {
	background: url(../img/top0201.jpg) no-repeat center center;
	background-size: cover;
}
.topWrap02 .pi02 {
	background: url(../img/top0202.jpg) no-repeat center center;
	background-size: cover;
}
.topWrap02 .btnWrap {
	position: relative;
}
.topWrap02 .btnWrap .btnPic {
	width: 100%;
	height: 500px;
	overflow: hidden;
}
.topWrap02 ul li:hover .picin {
	transform: scale(1);
}
.topWrap02 .btnWrap p {
	position: absolute;
	width: 230px;
	height: 45px;
	background: rgba(255,255,255,0.3);
	border: 1px solid #FFF;
	font-size: 15px;
	color: #FFF;
	text-align: center;
	line-height: 45px;
	left: calc(50% - 115px);
	bottom: 200px;
	z-index: 3;
}


/*  TOP Person */
.topWrap03 {
	position: relative;
	width: calc(100% - 50px);
	margin: 0 auto;
}
.topWrap03 .frame-box {
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
}

.topWrap03 .sectionBox .p02 {
	font-size: 30px;
	padding: 30px;
	height: 120px;
	width: 300px;
	box-sizing: border-box;
	color: #3d4645;
	letter-spacing: 0.1em;
	font-weight: 100;
	position: absolute;
	background: #6ee1fb;
	left: 0;
	bottom: -120px;
}
.topWrap03 .sectionBox .p02 span {
	color: #FFF;
}
.topWrap03 .btnWrap {
	width: 100%;
	height: 350px;
	position: absolute;
	bottom: 0;
	overflow: hidden;
}
.topWrap03 .pi01 {
	width: 100%;
	height: 350px;
	position: absolute;
	background: url(../img/top0301.png) no-repeat center bottom;
	background-size: auto 320px;
	text-indent: -9999px;
	transform: scale(1.05);
	transition: all 0.5s;
}
.topWrap03 a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: calc(100% + 120px);
	z-index: 5;
}
.topWrap03:hover .pi01 {
	transform: scale(1);
}



/*  TOP Culture */
.topWrap04 {
	width: 100%;
	height: 600px;
	position: relative;
	background: url(../img/top04bg.jpg) no-repeat center center;
	background-size: cover;
	z-index: 1;
	margin: 150px 0 0;
}
.topWrap04 .sectionBox {
	position: relative;
	width: 960px;
	padding: 100px 0 0;
	margin: 0 auto;
}
.topWrap04 .sectionBox .p01 {
	font-size: 36px;
	line-height: 1.4em;
	font-weight: 200;
	float: left;
	position: relative;
	color: #FFF;
}
.topWrap04 .sectionBox .p02 {
	float: right;
	font-size: 30px;
	padding: 30px 0 20px;
	color: #FFF;
	letter-spacing: 0.1em;
	font-weight: 100;
	position: relative;
}
.topWrap04 .sectionBox .p02 span {
	font-size: 16px;
	font-weight: 500;
	color: #48add1;
	letter-spacing: 0.02em;
}
.topWrap04 .sectionBox .p02:before {
	position: absolute;
	content: "";
	width: 190px;
	height: 1px;
	background: #FFF;
	left: -220px;
	top: 60px;
}
.topWrap04 ul {
	width: 100%;
	margin: 50px 0 0;
}
.topWrap04 ul li {
	width: 300px;
	box-sizing: border-box;
	float: left;
	position: relative;
}
.topWrap04 ul li a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 5;
}
.topWrap04 ul li:nth-child(2) {
	margin: 0 30px;
}
.topWrap04 .btnWrap {
	position: relative;
}
.topWrap04 .btnWrap .btnPic {
	width: 280px;
	height: 200px;
	overflow: hidden;
	border: 1px solid #222222;
}
.picin {
	width: 100%;
	height: 100%;
	transform: scale(1.05);
	transition: all 0.5s;
	position: relative;
	text-indent: -9999px;
}
.topWrap04 .pi01 {
	background: url(../img/top0401.jpg) no-repeat center center;
	background-size: cover;
}
.topWrap04 .pi02 {
	background: url(../img/top0402.jpg) no-repeat center center;
	background-size: cover;
}
.topWrap04 .pi03 {
	background: url(../img/top0403.jpg) no-repeat center center;
	background-size: cover;
}
.topWrap04 ul li:hover .picin {
	transform: scale(1);
}
.topWrap04 .btnWrap:after {
	position: absolute;
	content: "";
	top: 10px;
	left: 10px;
	width: 280px;
	height: 200px;
	background: #FFF;
	border: 1px solid #222;
	z-index: -2;
}
.topWrap04 .btnWrap p {
	position: absolute;
	width: 280px;
	height: 30px;
	background: #222;
	font-size: 15px;
	color: #FFF;
	text-align: center;
	line-height: 30px;
	left: -10px;
	bottom: 30px;
	z-index: 3;
}



/*  TOP Originality */
.topWrap05 {
	position: relative;
	width: 100%;
	padding: 0;
	margin-bottom: 200px;
	box-sizing: border-box;
	background: url(../img/top05bg.jpg) no-repeat center center;
	background-size: cover;
}
.topWrap05 .sectionBox {
	width: 100%;
	height: 680px;
	position: relative;
	padding: 200px 0 0;
	box-sizing: border-box;
}
.topWrap05 .sectionBox .p01 {
	font-size: 36px;
	line-height: 1.4em;
	font-weight: 200;
	padding: 0;
	position: absolute;
	left: 60%;
	top: -70px;
}
.topWrap05 .secCatch {
	position: absolute;
	z-index: 4;
	width: 100%;
	height: 500px;
}
.topWrap05 ul {
	width: 900px;
	position: absolute;
	bottom: -80px;
	left: calc(50% - 450px);
}
.topWrap05 ul li {
	width: 50%;
	height: 300px;
	box-sizing: border-box;
	float: left;
	position: relative;
}
.topWrap05 ul li a {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	z-index: 5;
}
.topWrap05 .pi01 {
	background: url(../img/top0503.jpg) no-repeat center center;
	background-size: cover;
}
.topWrap05 .pi02 {
	background: url(../img/top0502.jpg) no-repeat center center;
	background-size: cover;
}
.topWrap05 .btnWrap {
	position: relative;
}
.topWrap05 .btnWrap .btnPic {
	width: 100%;
	height: 300px;
	overflow: hidden;
}
.topWrap05 ul li:hover .picin {
	transform: scale(1);
}
.topWrap05 .btnWrap p {
	position: absolute;
	width: 230px;
	height: 45px;
	background: rgba(255,255,255,0.3);
	border: 1px solid #FFF;
	font-size: 15px;
	color: #FFF;
	text-align: center;
	line-height: 45px;
	left: calc(50% - 115px);
	bottom: 60px;
	z-index: 3;
}
.topWrap06 {
	width: 100%;
	padding: 70px 0;
	background: #eaf1f6;
}
.topWrap06 .nbh2 {
	width: 380px;
	margin: 0 auto 70px;
	height: 40px;
	border: 1px solid #222;
	text-align: center;
	line-height: 40px;
	font-size: 22px;
	background: #FFF;
}
.topWrap06 ul {
	display: flex;
	width: 960px;
	margin: 0 auto;
}
.topWrap06 ul li {
	width: 270px;
	margin: 0 25px;
}
.topWrap06 .npWrap {
	width: 100%;
	height: 160px;
	overflow: hidden;
	margin-bottom: 15px;
}
.topWrap06 .npWrap .newsPhoto {
	width: 100%;
	height: 100%;
}
.topWrap06 .npWrap .newsPhoto img {
	width: auto;
}
.topWrap06 .ndate {
	width: 100%;
	position: relative;
	font-size:13px;
	height: 22px;
	line-height: 22px;
	margin-bottom: 15px;
	padding: 0 0 0 10px;
	box-sizing: border-box;
	background: #FFF;
}
.topWrap06 .ndate.new:after {
	position: absolute;
	width: 50px;
	height: 22px;
	right: 0;
	top: 0;
	background: #0b83eb;
	content: "NEW!";
	font-size: 13px;
	color: #FFF;
	line-height: 22px;
	text-align: center;
}
.topWrap06 .ntitle {
	font-size: 16px;
	font-weight: 600;
	padding-left: 10px;
}
.topWrap06 .nbtn01 {
	width: 90px;
	height: 24px;
	background: #222;
	position: relative;
	margin: 50px auto 40px;
	transition: all 0.5s;
}
.topWrap06 .nbtn01:after {
	content: "";
	position: absolute;
	width: 5px;
	height: 10px;
	right: 10px;
	top: calc(50% - 5px);
	background: url(../img/news_img/ba.png) no-repeat center center;
	background-size: contain;
	transition: all 0.2s;
}
.topWrap06 .nbtn01:hover:after {
	right: 8px;
}
.topWrap06 .nbtn01 a {
	display: block;
	width: 100%;
	height: 100%;
	color: #FFF;
	line-height: 20px;
	text-align: center;
	text-decoration: none;
}
.topWrap06 .nbtn02 {
	width: 135px;
	height: 50px;
	background: #FFF;
	border: 1px solid #222;
	position: relative;
	margin: 40px auto 0;
	transition: all 0.5s;
}
.topWrap06 .nbtn02:after {
	content: "";
	position: absolute;
	width: 5px;
	height: 10px;
	right: 10px;
	top: calc(50% - 5px);
	background: url(../img/news_img/ba.png) no-repeat center center;
	background-size: contain;
	transition: all 0.2s;
}
.topWrap06 .nbtn02:hover:after {
	right: 8px;
}
.topWrap06 .nbtn02 a {
	display: block;
	width: 100%;
	height: 100%;
	color: #222;
	line-height: 50px;
	text-align: center;
	text-decoration: none;
}
/*  社員紹介 INDEX */

.contTitle {
	position: relative;
	width: 100%;
	height: 40px;
	margin-top: 70px;
	padding: 10px 20px 0 20px;
	box-sizing: border-box;
}
.contTitle h1 {
	font-size: 24px;
	font-weight: 600;
	letter-spacing: 0.05em;
	color: #251f1a;
	float: left;
}
.contTitle ul li, .contTitle ul li a {
	color: #6d757b;
	font-size: 12px;
	text-decoration: none;
}
.contTitle ul {
	text-align: right;
	padding: 5px 0 0 0;
}
.contTitle ul li {
	display:inline; 
	padding-right: 10px;
	margin-left: 10px;
	position: relative;
}
.contTitle ul li:after {
	content: "";
	width: 1px;
	height: 12px;
	position: absolute;
	top: 4px;
	right: 1px;
	background: #6d757b;
}
.contTitle ul li:last-child:after {
	display: none;
}
.personIndex .contTitle2 {
	background: url(../img/person_img/personMain.png) no-repeat center center;
	background-size: cover;
}
.contbar {
	width: 100%;
	height: 200px;
	background: url(../img/person_img/personMain.jpg) no-repeat center center;
	background-size: cover;
	border-top: 1px solid #1d1f21;
	z-index: -3;
	position: relative;
}
.contbar .p01 {
	width: 350px;
	height: 32px;
	font-size: 20px;
	line-height: 32px;
	color: #FFF;
	letter-spacing: 0.05em;
	font-weight: 400;
	background: #222222;
	text-align: center;
	margin: 110px auto 0;
	position: relative;
}
.contbar2 .p01 {
	width: 350px;
	height: 32px;
	font-size: 20px;
	line-height: 32px;
	color: #FFF;
	letter-spacing: 0.05em;
	font-weight: 400;
	background: #222222;
	text-align: center;
	margin: 210px auto 0;
	position: relative;
}
.contbar .p01:after, .contbar2 .p01:after {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	background: url(../img/person_img/rainbow.gif) repeat-y center center;
	background-size: 100% auto;
	left: 5px;
	top: 5px;
	z-index: -1;
}
.contbar .p02 {
	color: #48add1;
	font-size: 18px;
	letter-spacing: 0.05em;
	font-weight: bold;
	position: absolute;
	bottom: -8px;
	width: 100%;
	text-align: center;
}
.contbar2 .p02 {
	color: #48add1;
	font-size: 18px;
	letter-spacing: 0.05em;
	font-weight: bold;
	position: absolute;
	bottom: 110px;
	width: 100%;
	text-align: center;
}
.intMenu {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 960px;
	margin: 80px auto;
}
.intMenu li a {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 3;
}
.intMenu li {
	width: 280px;
	height: 360px;
	margin: 0 20px 70px;
	background: url(../img/person_img/presontri.png) no-repeat right bottom;
	background-size: contain;
	position: relative;
	transition: all 0.5s;
	transform: scale(1);
}
.intMenu li:hover {
	transform: scale(1.05);
}
.ipt01 {
	position: absolute;
	font-size: 16px;
	font-weight: 500;
	color: #FFF;
	line-height: 2.2em;
	top: 170px;
	z-index: 2;
}
.ipt01 span {
	padding: 2px 5px;
	box-sizing: border-box;
	background: #000;
}
.ipt02 {
	position: absolute;
	font-size: 16px;
	font-weight: 500;
	color: #000;
	line-height: 16px;
	top: 285px;
	padding: 5px 5px;
	box-sizing: border-box;
	background: #6ee1fb;
	z-index: 2;
}
.ipt03 {
	position: absolute;
	font-size: 12px;
	font-weight: 300;
	color: #000;
	line-height: 16px;
	top: 311px;
	padding: 3px 5px;
	box-sizing: border-box;
	background: #FFF;
	z-index: 2;
}
.intbg {
	width: 100%;
	height: 100%;
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 0;
	text-indent: -9999px;
}
.intMenu li:nth-child(1) .intbg {
	background: url(../img/person_img/presonm01.png) no-repeat right bottom;
	background-size: auto 100%;
}
.intMenu li:nth-child(2) .intbg {
	background: url(../img/person_img/presonm03.png) no-repeat right bottom;
	background-size: auto 100%;
}
.intMenu li:nth-child(3) .intbg {
	background: url(../img/person_img/presonm05.png) no-repeat right bottom;
	background-size: auto 100%;
}

.contbar2 {
	width: 100%;
	height: 400px;
	border-top: 1px solid #1d1f21;
	z-index: -3;
	position: relative;
}
.icp01 {
	color: #6d757b;
	font-size: 28px;
	letter-spacing: 0.05em;
	font-weight: 300;
	line-height: 1.6em;
	text-align: center;
	padding: 30px 0;
}
.profWrap {
	background: #f2f5f5;
	width: 100%;
}
.pp01 {
	width: 300px;
	height: 30px;
	color: #48add1;
	text-align: center;
	line-height: 30px;
	background: #FFF;
	font-size: 16px;
	font-weight: 500;
	margin: 0 auto;
}
.pp02 {
	text-align: center;
	font-size: 20px;
	font-weight: 300;
	color: #1d1f21;
	padding: 30px 0 10px
}
.pp03 {
	text-align: center;
	font-size: 16px;
	font-weight: 300;
	color: #1d1f21;
	padding: 0 0 20px
}
.pp04 {
	width: 600px;
	margin: 0 auto;
	font-size: 14px;
	line-height: 1.8em;
	font-weight: 300;
	padding-bottom: 40px;
}
.intBox {
	width: 700px;
	margin: 50px auto;
}
.int2box {
	width: 80%;
	min-width: 900px;
	max-width: 1200px;
	margin: 0 auto 50px;
}
.i2b01, .i2b02 {
	width: 50%;
	float: left;
	padding: 0 10px;
	box-sizing: border-box;
}
.ip01 {
	font-size: 18px;
	line-height: 1.6em;
	padding-bottom: 10px;
	font-weight: 500;
}
.ip02 {
	font-size: 14px;
	line-height: 1.8em;
	padding-bottom: 10px;
	font-weight: 300;
}
.person01 .contTitle2 {
	background: url(../img/person_img/int01main.jpg) no-repeat center center;
	background-size: cover;
}
.person02 .contTitle2 {
	background: url(../img/person_img/int02main.jpg) no-repeat center center;
	background-size: cover;
}
.person03 .contTitle2 {
	background: url(../img/person_img/int03main.jpg) no-repeat center top;
	background-size: cover;
}
.person04 .contTitle2 {
	background: url(../img/person_img/int04main.jpg) no-repeat center center;
	background-size: cover;
}
.person05 .contTitle2 {
	background: url(../img/person_img/int05main.jpg) no-repeat center top;
	background-size: cover;
}
.intimg01 {
	width: 800px;
	margin: 50px auto;
	position: relative;
}
.intimg01:after {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	background: url(../img/person_img/rainbow.gif) repeat-y center center;
	background-size: 100% auto;
	left: 5px;
	top: 5px;
	z-index: -1;
}
.intimg02 {
	width: 100%;
	height: 400px;
	text-indent: -9999px;
}
.person01 .intimg02 {
	background: url(../img/person_img/int0102.jpg) no-repeat center center;
	background-size: cover;
}
.person02 .intimg02 {
	background: url(../img/person_img/int0202.jpg) no-repeat center center;
	background-size: cover;
}
.person03 .intimg02 {
	background: url(../img/person_img/int0302.jpg) no-repeat center center;
	background-size: cover;
}
.person04 .intimg02 {
	background: url(../img/person_img/int0402.jpg) no-repeat center center;
	background-size: cover;
}
.person05 .intimg02 {
	background: url(../img/person_img/int0502.jpg) no-repeat center center;
	background-size: cover;
}
.intFooter {
	width: 100%;
	padding: 60px 0;
}
.intFooter ul {
	width: 800px;
	margin: 0 auto;
}
.intFooter ul li {
	width: 33.3%;
	float: left;
	text-align: center;
	font-size: 18px;
	line-height: 1em;
	font-weight: 500;
	color: #9C9C9C;
}
.intFooter ul li a {
	position: relative;
	top: 0px;
	color: #535353;
	text-decoration: none;
	transition: 0.5s;
}
.intFooter ul li a:after {
	content: "";
	width: 100%;
	height: 1px;
	background: #535353;
	position: absolute;
	bottom: -3px;
	left: 0;
}
.intFooter ul li:nth-child(3) a:before {
	content: "";
	width: 20px;
	height: 20px;
	position: absolute;
	background:url(../img/person_img/arrow02.gif) no-repeat center center;
	background-size: contain;
	right: -30px;
}
.intFooter ul li:nth-child(1) a:before {
	content: "";
	width: 20px;
	height: 20px;
	position: absolute;
	background:url(../img/person_img/arrow01.gif) no-repeat center center;
	background-size: contain;
	left: -30px;
}

/*	第二弾　基本構造　
------------------------------------*/
.contBoxw {
	width: calc(100% - 40px);
	border-right: 20px solid #FFF;
	border-left: 20px solid #FFF;
}
.blink {
	width: calc(100% - 40px);
	box-sizing: border-box;
	border-top: 1px solid #6d757b;
	margin: 30px auto 0;
}
.blink .pn {
	text-align: center;
	font-size: 20px;
	position: relative;
	padding: 30px 0 40px;
}
.blink .pn:before {
	position: absolute;
	content: "";
	width: 1px;
	height: 20px;
	background: #6d757b;
	left: 50%;
	top: 0;
}
.blink ul {
	width: 100%;
	margin: 0 0 90px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.blink ul li {
	width: 300px;
	margin: 0 10px;
	box-sizing: border-box;
	position: relative;
}
.blink ul li a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 5;
}
.blink .btnWrap {
	position: relative;
}
.blink .btnWrap .btnPic {
	width: 280px;
	height: 200px;
	overflow: hidden;
	border: 1px solid #222222;
}
.blink .picin {
	width: 100%;
	height: 100%;
	transform: scale(1.05);
	transition: all 0.5s;
	position: relative;
	text-indent: -9999px;
}
.cul01 .blink .pi01 {
	background: url(../img/top0402.jpg) no-repeat center center;
	background-size: cover;
}
.cul01 .blink .pi02 {
	background: url(../img/top0403.jpg) no-repeat center center;
	background-size: cover;
}
.cul02 .blink .pi01 {
	background: url(../img/top0401.jpg) no-repeat center center;
	background-size: cover;
}
.cul02 .blink .pi02 {
	background: url(../img/top0402.jpg) no-repeat center center;
	background-size: cover;
}
.cul03 .blink .pi01 {
	background: url(../img/top0401.jpg) no-repeat center center;
	background-size: cover;
}
.cul03 .blink .pi02 {
	background: url(../img/top0403.jpg) no-repeat center center;
	background-size: cover;
}
.out01 .blink .pi01 {
	background: url(../img/top0102.jpg) no-repeat center center;
	background-size: cover;
}
.out01 .blink .pi02 {
	background: url(../img/top0103.jpg) no-repeat center center;
	background-size: cover;
}
.out02 .blink .pi01 {
	background: url(../img/top0101.jpg) no-repeat center center;
	background-size: cover;
}
.out02 .blink .pi02 {
	background: url(../img/top0103.jpg) no-repeat center center;
	background-size: cover;
}
.ori01 .blink .pi01 {
	background: url(../img/top0202.jpg) no-repeat center center;
	background-size: cover;
}
.ori02 .blink .pi01 {
	background: url(../img/top0201.jpg) no-repeat center center;
	background-size: cover;
}
.message .blink .pi01 {
	background: url(../img/top0502.jpg) no-repeat center center;
	background-size: cover;
}
.message2 .blink .pi01 {
	background: url(../img/top0503.jpg) no-repeat center center;
	background-size: cover;
}
.blink ul li:hover .picin {
	transform: scale(1);
}
.blink .btnWrap:after {
	position: absolute;
	content: "";
	top: 10px;
	left: 10px;
	width: 280px;
	height: 200px;
	background: #FFF;
	border: 1px solid #222;
	z-index: -2;
}
.blink .btnWrap p {
	position: absolute;
	width: 280px;
	height: 30px;
	background: #222;
	font-size: 15px;
	color: #FFF;
	text-align: center;
	line-height: 30px;
	left: -10px;
	bottom: 30px;
	z-index: 3;
}

/* Culture 経営×メンバー対談 */
.contTitle2 {
	width: 100%;
	height: 400px;
	position: relative;
	border-top: #251f1a solid 1px;
}
.cul01 .contTitle2 {
	background: url(../img/culture_img/cul01Main.jpg) no-repeat center center;
	background-size: cover;
}
.contTitle2 .p01 {
	width: 380px;
	height: 40px;
	border: 1px solid #FFF;
	background: rgba(0,0,0,0.2);
	text-align: center;
	font-size: 22px;
	line-height: 40px;
	color: #FFF;
	letter-spacing: 0.05em;
	position: absolute;
	top: 180px;
	left: calc(50% - 190px);
}
.contTitle2 .p02 {
	position: relative;
	text-align: center;
	font-size: 18px;
	color: #FFF;
	line-height: 1.6em;
	letter-spacing: 0.1em;
	top: 250px;
}
.intro01 {
	width: 50%;
	color: #6d757b;
	font-size: 14px;
	line-height: 1.8em;
	margin: 50px auto;
}

.cul01prof {
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	box-sizing: border-box;
}
.cul01prof li {
	width: 33.33%;
	background: #eaf1f6;
	padding: 10px 0 30px;
	box-sizing: border-box;
}
.cul01prof li:nth-child(1) {
	background: #00beb3;
}
.cul01prof li:nth-child(1) p {
	color: #FFF;
}
.cul01prof li .p01 {
	text-align: center;
	font-size: 14px;
	padding: 20px 0 5px;
	font-weight: 500;
}
.cul01prof li .p02 {
	text-align: center;
	font-size: 14px;
	line-height: 1.6em;
	padding: 0 0 10px;
}
.cul01prof li .p03 {
	font-size: 13px;
	padding: 0 20px;
	line-height: 1.6em;
	box-sizing: border-box;
}
.talkBox {
	margin: 80px auto;
	max-width: 1000px;
}
.talkBox h2 {
	text-align: center;
	font-size: 22px;
	color: #222222;
	padding: 0 0 40px;
	font-weight: 500;
	letter-spacing: 0.05em;
}
.talkBox .tb01, .talkBox .tb02 {
	width: 50%;
	float: left;
	padding: 0 20px;
	box-sizing: border-box;
}
.talkBox p {
	font-size: 14px;
	line-height: 1.6em;
	padding-bottom: 20px;
	padding-left: 3em;
	color: #6d757b;
	position: relative;
}
.talkBox p:before {
	position: absolute;
	left: 0;
	font-size: 14px;
}
.talkBox .spk01:before {
	content: "T.M";
	color: #00beb3;
}
.talkBox .spk02:before {
	content: "I.H";
	color: #6d757b;
}
.talkBox .spk03:before {
	content: "S.S";
	color: #6d757b;
}

/*	Outline 企業概要　
------------------------------------*/
.out01 .contTitle2 {
	background: url(../img/outline_img/out01Main.jpg) no-repeat center center;
	background-size: cover;
}
.outBox01 {
	padding: 80px 0;
}
.outBox01 h2 {
	font-size: 22px;
	text-align: center;
	position: relative;
	letter-spacing: 0.2em;
	color: #222222;
}
.outBox01 h2:before {
	position: absolute;
	height: 1px;
	width: 42%;
	background: #222222;
	content: "";
	left: 0;
	top: 11px;
}
.outlineWrap {
	width: 80%;
	margin: 50px auto;
}
.otb01 {
	width: 100%;
	padding: 10px 0;
	border-bottom: solid 3px #eaf1f6;
	display: flex;
	box-sizing: border-box;
}
.otb01 .ot01 {
	width: 120px;
	margin-left: 80px;
	font-size: 14px;
	line-height: 2em;
	font-weight: 500;
	position: relative;
}
.otb01 .ot01:before {
	content: "";
	width: 120px;
	height: 3px;
	background: #bfcaff;
	position: absolute;
	bottom: -13px;
	left: -30px;
}
.otb01 .ot02 {
	width: calc(100% - 200px);
	font-size: 14px;
	line-height: 2em;
}
.otb01.nb {
	border: none;
}
.otb01.nb .ot01:before {
	display: none;
}
.outBox02 {
	padding: 80px 0 0;
	background-image: url(../img/outline_img/out01bg.jpg);
	background-attachment: fixed;
	background-size: cover;
	position:relative;
}
.outBox02 h2 {
	font-size: 22px;
	text-align: center;
	position: relative;
	letter-spacing: 0.2em;
	color: #FFF;
}
.outBox02 h2:before {
	position: absolute;
	height: 1px;
	width: 42%;
	background: #FFF;
	content: "";
	left: 0;
	top: 11px;
}
.outBox02 .p01 {
	text-align: center;
	color: #36d7ef;
	font-size: 18px;
	padding: 30px 0;
}
.historyWrap {
	width: 80%;
	margin: 50px auto 0;
	padding-bottom: 100px;
	position: relative;
}
.historyWrap:after {
	width: 1px;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 100px;
	content: "";
	background: #FFF;
}
.otb02 {
	width: 100%;
	padding: 0px 0 30px;
	display: flex;
	box-sizing: border-box;
}
.otb02 .ot01 {
	width: 100px;
	height: 30px;
	text-align: center;
	color: #36d7ef;
	font-size: 15px;
	line-height: 30px;
	margin-left: 50px;
	background: #FFF;
}
.otb02 .ot02 {
	padding: 0 0 0 20px;
	font-size: 14px;
	color: #FFF;
	line-height: 2em;
}

/*	Outline 現在地とこれから
------------------------------------*/
.out02 .contTitle2 {
	background: url(../img/outline_img/out02Main.jpg) no-repeat center center;
	background-size: cover;
}
.posiBox01  {
	padding: 80px 0;
}
.posiBox01 h2 {
	text-align: center;
	font-size: 18px;
	letter-spacing: 0.1em;
	position: relative;
}
.posiBox01 h2:after {
	content: "";
	position: absolute;
	width: 300px;
	height: 50px;
	background: url(../img/outline_img/out02p01.png) no-repeat center center;
	background-size: contain;
	bottom: -25px;
	left: calc(50% - 150px);
}

.future0101, .future0102 {
	width: 100%;
	padding: 50px 0 0;
	position: relative;
	margin: 0 auto 80px;
	max-width: 1400px;
}
.future0102 {
	margin-bottom: 120px;
}
.ftb {
	width: 50%;
	padding: 30px 30px 60px 50px;
	box-sizing: border-box;
	position: relative;
}
.ftb .p01 {
	position: relative;
	font-size: 18px;
	font-weight: 500;
	color: #FFF;
	line-height: 2.2em;
	z-index: 2;
	margin-bottom: 20px;
}
.ftb .p01 span {
	padding: 2px 5px;
	box-sizing: border-box;
	background: #000;
}
.ftb .p02 {
	font-size: 13px;
	line-height: 2em;
}
.ftb .p03 {
	font-size: 11px;
	line-height: 1.6em;
	padding: 20px 0 10px 5px;
	color: #555;
}
.future0101 .ftb {
	float: right;
}
.future0102 .ftb {
	float: left;
}
.future0101 .ftp {
	width: 450px;
	position: absolute;
	bottom: 0;
	left: calc(50% - 450px);
}
.future0102 .ftp {
	width: 45%;
	position: absolute;
	bottom: 50px;
	left: 50%;
	max-width: 500px;
}
.future0101:before {
	position: absolute;
	content:  "";
	width: 70%;
	height: 3px;
	left: 0;
	bottom: -3px;
	background: #000;
	z-index: 100;
}
.future0102:before {
	position: absolute;
	content:  "";
	width: 70%;
	height: 3px;
	right: 0;
	bottom: -3px;
	background: #000;
	z-index: 100;
}

.posiBox02 {
	background: #eaf1f6;
	width: 100%;	
	position: relative;
}
.posiBox02:before {
	content: "";
	width: 100%;
	height: 50px;
	position: absolute;
	top: -40px;
	left: 0;
	background: url(../img/outline_img/out02bar01.png) no-repeat center bottom;
	background-size: 100% auto;
	z-index: 2;
}
.posiBox02:after {
	content: "";
	width: 100%;
	height: 50px;
	position: absolute;
	bottom: -40px;
	left: 0;
	background: url(../img/outline_img/out02bar02.png) no-repeat center top;
	background-size: 1400px auto;
	z-index: 2;
}
.posiBox02 h2 {
	position: relative;
	z-index: 3;
	text-align: center;
	font-size: 28px;
	font-weight: 500;
	letter-spacing: 0.1em;
	top: -70px;
	color: #222;
}
.posiBox02 ul {
	display: flex;
	flex-wrap: wrap;
	width: 80%;
	max-width: 1000px;
	margin: 50px auto;
}
.posiBox02 ul li {
	width: 29.33%;
	margin: 0 2%;
}
.posiBox02 ul li img {
	width: 86%;
	padding-left: 7%;
	height: auto;
}
.posiBox02 ul li .p01 {
	color: #222;
	text-align: center;
	border-bottom: 1px solid #222;
	font-size: 20px;
	font-weight: 500;
	line-height: 1.6em;
	padding-bottom: 10px;
	margin-bottom: 30px;
}
.posiBox02 ul li .p02 {
	color: #222;
	font-size: 13px;
	line-height: 1.6em;
	padding: 20px 5px 50px;
}
.posiBox03 {
	width: 100%;
	background: url(../img/outline_img/ori02bbg.jpg) no-repeat center center;
	background-size: cover;
	position: relative;
	top: -50px;
	padding: 150px 0 50px;
	margin-bottom: -50px;
}
.posiBox03 h2 {
	text-align: center;
	font-size: 18px;
	letter-spacing: 0.1em;
	position: relative;
	color: #FFF;
	line-height: 1.6em;
	margin-bottom: 80px;
}
.posiBox03 h2:after {
	content: "";
	position: absolute;
	width: 300px;
	height: 50px;
	background: url(../img/outline_img/out02p01.png) no-repeat center center;
	background-size: contain;
	bottom: -25px;
	left: calc(50% - 150px);
}
.posiBox03 p {
	width: 500px;
	margin: 0 auto;
	font-size: 14px;
	line-height: 1.6em;
	color: #FFF;
}
.pb3img {
	width: 550px;
	margin: 50px auto;
}

/*	Originality FLECTの独自性
------------------------------------*/
.ori01 .contTitle2 {
	background: url(../img/origin_img/ori01Main.jpg) no-repeat center center;
	background-size: cover;
}
.ori01num {
	text-align: center;
	position: relative;
}
.zt01 {
	top: -50px;
}
.ori01num h3 {
	position: relative;
	background: #ba73eb;
	line-height: 30px;
	padding: 0 30px;
	display: inline-block;
	color: #FFF;
	font-size: 18px;
	clear: both;
}
.ori01num .p01 {
	position: relative;
	background: #222;
	line-height: 30px;
	padding: 5px 30px;
	display: inline-block;
	color: #FFF;
	font-size: 20px;
	clear: both;
}
.oriWrap01 {
	margin: 150px auto;
	background: url(../img/origin_img/ori01i01.jpg) no-repeat center top;
	background-size: 80% auto;
	z-index: -3;
	position: relative;
}
.oriWrap02 {
	background: #eaf1f6;
	padding-bottom: 50px;
}
.threeCircles {
	position: relative;
	height: 700px;
}
.cr01, .cr02, .cr03 {
	width: 420px;
	position: relative;
}
.cr01:before, .cr02:before, .cr03:before {
	background: rgba(234,242,246,0.7);
	content: "";
	width: 300px;
	height: 300px;
	border-radius: 50%;
	position: absolute;
	margin-left: 60px;
	z-index: -1;
}
.cr01 .p01, .cr02 .p01, .cr03 .p01 {
	text-align: center;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 0.1em;
	padding: 70px 0 20px;
	color: #ba73eb;
}
.cr01 .p02 {
	text-align: center;
	font-size: 36px;
	color: #222;
	letter-spacing: 0.05em;
	font-weight: 600;
}
.cr02 .p02, .cr03 .p02 {
	text-align: center;
	font-size: 24px;
	line-height: 1.4em;
	color: #222;
	font-weight: 600;
}
.cr02 .crPic, .cr03 .crPic {
	width: 90%;
	margin: 10px auto 0;
}
.oriWrap01 .p03 {
	text-align: center;
	font-size: 13px;
	padding: 20px 0 20px;
	color: #222;
	line-height: 1.6em;
}
.cr01 {
	margin: 50px auto 0;
	position: relative;
}
.cr02 {
	position: absolute;
	left: calc(50% - 460px);
}
.cr03 {
	position: absolute;
	left: calc(50% + 40px);
}
.op01 {
	text-align: center;
	font-size: 22px;
	color: #222;
	letter-spacing: 0.05em;
	font-weight: 600;
	line-height: 1.6em;
}
.op02 {
	text-align: left;
	width: 500px;
	margin: 20px auto;
	font-size: 14px;
	color: #222;
	letter-spacing: 0.05em;
	line-height: 1.6em;
	color: #6d757b;
}

.clientWrap {
	width: 100%;
	height: 400px;
	display: flex;
	flex-wrap: wrap;
	margin: 50px 0;
}
.clientWrap .cli01 {
	width: 45%;
	background: #394249;
	position: relative;
	z-index: 1;
}
.clientWrap .cli01:after {
	position: absolute;
	right: -50px;
	top: 0;
	height: 100%;
	width: 60px;
	content: "";
	background: url(../img/origin_img/ori01bg.png) no-repeat center left;
	background-size: cover;
}
.clientWrap .cli02 {
	width: 55%;
	background: #FFF;
	position: relative;
}
.clientWrap .cli01 img {
	width: 260px;
	height: auto;
	top: -10px;
	right: 50px;
	position: absolute;
}
.clientWrap .cli02 img {
	width: 520px;
	height: auto;
	top: -10px;
	left: 70px;
	position: absolute;
}
.serviceWrap {
	width: 100%;
	max-width: 1400px;
	position: relative;
	display: flex;
	flex-wrap: wrap;
	margin: 50px auto 80px;
	background: #0080e6;
}
.sw01 {
	width: 50%;
	box-sizing: border-box;
	background: #0080e6;
	padding: 50px 0 40px;
	position: relative;
	margin: 0 auto;
}
.sw02 {
	width: 50%;
	box-sizing: border-box;
	background: #002680;
	padding: 50px 0 40px;
	position: relative;
}
.sw01 img, .sw02 img {
	width: 100%;
	height: auto;
}
.serviceWrap .p01 {
	text-align: center;
	font-size: 16px;
	font-weight: 500;
	color: #222;
}
.serviceWrap .p02 {
	text-align: center;
	font-size: 14px;
	color: #222;
	line-height: 1.4em;
	padding: 10px 0 20px;
}
.serviceWrap .sw01 .p01, .serviceWrap .sw01 .p02, .serviceWrap .sw02 .p01, .serviceWrap .sw02 .p02 {
	color: #FFF;
}
.oribtn {
	position: absolute;
	width: 300px;
	height: 45px;
	background: #222 url(../img/arrow01.png) no-repeat 96% 17px;
	background-size: 7px auto;
	left: calc(50% - 150px);
	bottom: -20px;
}
.oribtn a {
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
	line-height: 45px;
	color: #FFF;
	text-decoration: none;
	position: relative;
}
.sw02 .oribtn a:after {
	content: "";
	position:absolute;
	left: 75%;
	top: 19px;
	width: 9px;
	height: 9px;
	background: url(../img/win01.png) no-repeat center center;
	background-size: contain;
}
.oriWrap04, .oriWrap06 {
	padding: 120px 0;
}
.ow04Pic {
	width: 650px;
	margin: 0 auto 80px;
}
.oriWrap05 {
	padding: 0 0 100px;
	background-image: url(../img/origin_img/ori01bbg.jpg);
	background-attachment: fixed;
	background-size: cover;
	position:relative;
}
.oriWrap05 .op01, .oriWrap05 .op02 {
	color: #FFF;
}
.salesforceWrap {
	width: 800px;
	margin: 70px auto 0;
	position: relative;
}
.sfbox01 {
	width: 60%;
	position: relative;
	float: left;
}
.sfbox01 p {
	color: #FFF;
	font-size: 13px;
	line-height: 1.8em;
	border-bottom: 1px solid #ba73eb;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.sfbox01 p.nb {
	border-bottom: none;
}
.sfbox02 {
	width: 500px;
	position: absolute;
	right: 0;
}
.cePic {
	width: 800px;
	margin: 50px auto 0;
}


/* Originality プロジェクトストーリー */
.contTitle3 {
	width: 100%;
	height: 400px;
	position: relative;
	border-top: #251f1a solid 1px;
	z-index: -3;
}
.ori02 .contTitle2 {
	background: url(../img/origin_img/ori02Main.jpg) no-repeat center top;
	background-size: cover;
}
.contTitle3 .p01 {
	width: 400px;
	max-width: 400px;
	height: 40px;
	font-size: 18px;
	line-height: 40px;
	color: #FFF;
	letter-spacing: 0.05em;
	font-weight: 400;
	background: #222222;
	text-align: center;
	margin: 170px auto 0;
	position: relative;
}
.contTitle3 .p01:after {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	background: #b131ff;
	left: 3px;
	top: 3px;
	z-index: -2;
}
.contTitle3 .p01:before {
	content: "";
	width: 220px;
	height: 220px;
	position: absolute;
	background: url(../img/origin_img/ori02p01.png) no-repeat center center;
	background-size: contain;
	left: 80px;
	top: -80px;
	z-index: -2;
}
.contTitle3 .p02 {
	text-align: center;
	font-size: 18px;
	color: #FFF;
	line-height: 1.6em;
	padding: 30px 0 0;
}
.pjprof {
	width: 1000px;
	margin: 50px auto 80px;
	display: flex;
	flex-wrap: wrap;
}
.pjprof li {
	width: 290px;
	margin: 0 21.66px;
	border: 1px solid #222;
	box-sizing: border-box;
}
.pjprof li .prof01 {
	width: 100%;
	height: 270px;
}
.pjprof li .prof01 .p01 {
	text-align: center;
	font-size: 16px;
	color: #FFF;
	top: 180px;
	border-bottom: 1px solid #b131ff;
	width: 90%;
	padding: 180px 0 10px;
	margin: 0 auto 10px;
}
.pjprof li .prof01 .p02 {
	text-align: center;
	font-size: 18px;
	color: #FFF;
	font-weight: 500;
	padding-bottom: 5px;
}
.pjprof li .prof01 .p03 {
	text-align: center;
	font-size: 13px;
	color: #FFF;
}
.pjprof li:nth-child(1) .prof01 {
	background: url(../img/origin_img/ori02m01.jpg) no-repeat center center;
	background-size: cover;
}
.pjprof li:nth-child(2) .prof01 {
	background: url(../img/origin_img/ori02m02.jpg) no-repeat center center;
	background-size: cover;
}
.pjprof li:nth-child(3) .prof01 {
	background: url(../img/origin_img/ori02m03.jpg) no-repeat center center;
	background-size: cover;
}
.pjprof li .prof02 {
	background: #222;
	padding: 30px;
	box-sizing: border-box;
}
.pjIntro {
	width: 100%;
	padding: 0 0 50px;
	background: url(../img/origin_img/ori02i01.jpg) no-repeat center center;
	background-size: cover;
	text-align: center;
	position: relative;
}
.pjip {
	padding: 10px 20px;
	line-height: 1em;
	font-size: 16px;
	background: #fff;
	display: inline-block;
	position: relative;
	top: 0;
}
.pjiBox {
	text-align: left;
	width: 50%;
	position: relative;
	left: 50%;
	padding: 50px 50px 20px 50px;
	box-sizing:border-box;
}
.pjiBox .p01 {
	font-size: 16px;
	color: #FFF;
	padding-bottom: 15px;
	font-weight: 500;
}
.pjiBox .p02 {
	font-size: 14px;
	color: #FFF;
	line-height: 1.8em;
}
.pjBox {
	margin: 80px auto 0;
	max-width: 1000px;
	position: relative;
}
.pjBox h2 {
	text-align: center;
	font-size: 60px;
	color: #222222;
	padding: 0 0 70px;
	font-weight: 700;
	letter-spacing: 0.5em;
	position: relative;
}
.pjBox .tb01, .pjBox .tb02 {
	width: 50%;
	float: left;
	padding: 0 20px;
	box-sizing: border-box;
}
.pjBox p {
	font-size: 14px;
	line-height: 1.6em;
	padding-bottom: 20px;
	padding-left: 3em;
	color: #6d757b;
	position: relative;
}
.pjBox p:before {
	position: absolute;
	left: 0;
	font-size: 14px;
}
.pjBox .spk01:before {
	content: "W.T";
}
.pjBox .spk02:before {
	content: "W.S";
}
.pjBox .spk03:before {
	content: "O.H";
}
.pjPic01 {
	position: relative;
	bottom: -50px;
	z-index: 2;
	width: 90%;
	margin: 0 auto;
}
.pjBox01 {
	position: relative;
	z-index: 100;
	padding: 10px 0 0;
}
.pjBox02 {
	position: relative;
	padding: 100px 0 0;
	background: #222;
	z-index: 1;
}
.pjBox03 {
	padding: 30px 0 0;
}
.pjBox02 h2, .pjBox02 p {
	color: #FFF;
}
.pjPic02 {
	position: relative;
	bottom: -100px;
	z-index: 100;
	width: 90%;
	margin: 0 auto;
}
.pjPic03 {
	width: calc(100% - 40px);
	margin: 50px auto 0;
}

/*	Message
------------------------------------*/
.message .contTitle2 {
	background: url(../img/message_img/messageMain.jpg) no-repeat center center;
	background-size: cover;
}
.message2 .contTitle2 {
	background: url(../img/message_img/ceomain.jpg) no-repeat center top;
	background-size: cover;
	margin: 0 auto;
}
.msgWrap {
	padding: 80px 0;
}
.msgWrap .p01 {
	text-align: center;
	font-size: 28px;
	color: #1f2953;
	padding-bottom: 15px;
	letter-spacing: 0.1em;
}
.msgWrap .p02 {
	text-align: center;
	font-size: 18px;
	color: #1f2953;
	letter-spacing: 0.1em;
}
.msgWrap .p03 {
	font-size: 14px;
	line-height: 2.2em;
	width: 500px;
	margin: 80px auto 0;
}
.msgWrap .p04 {
	text-align: center;
	font-size: 20px;
	letter-spacing: 0.1em;
	font-weight: 700;
	color: #6d757b;
	margin: 80px auto 20px;
}
.corePic {
	width: 600px;
	margin: 0 auto;
}
.vWrap {
	width: 80%;
	max-width: 800px;
	margin: 0 auto;
}
.video {
  position:relative;
  width:100%;
  padding-top:56.25%;
}
.video iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}


/* Culture 制度 */
.cul02 .contTitle2 {
	background: url(../img/culture_img/sytemMain.jpg) no-repeat center center;
	background-size: cover;
}
.intro02 {
	width: 760px;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.8em;
	margin: 50px auto;
}
.sysWrap01 {
	background: linear-gradient(to right, #222222 0%,#222222 25%,#ffffff 25%,#ffffff 100%);
	width: 100%;
	min-width: 900px;
	padding: 50px 0;
}
.sysWrap02 {
	background: linear-gradient(to right, #00beb3 0%,#00beb3 25%,#ffffff 25%,#ffffff 100%);
	width: 100%;
	min-width: 900px;
	padding: 50px 0;
}
.sh2 {
	width: 100%;
	margin: 0 auto;
	position: relative;
}
.sysWrap01 .sh2 p {
	font-size: 20px;
	letter-spacing: 0.1em;
	width: 23%;
	text-align: right;
	position: relative;
	left: 0;
	color: #00beb3;
}
.sysWrap01 .sh2:after {
	content: "";
	position: absolute;
	width: 60%;
	left: 24%;
	top: 10px;
	height: 1px;
	background: #00beb3;
}
.sysWrap02 .sh2 p {
	font-size: 20px;
	letter-spacing: 0.1em;
	width: 23%;
	text-align: right;
	position: relative;
	left: 0;
	color: #222;
}
.sysWrap02 .sh2:after {
	content: "";
	position: absolute;
	width: 60%;
	left: 24%;
	top: 10px;
	height: 1px;
	background: #222;
}
.sysBox {
	width: 75%;
	box-sizing: border-box;
	margin-left: 25%;
	padding: 30px 50px;
}
.sysBox .p01 {
	font-size: 14px;
	line-height: 1.6em;
	padding-bottom: 30px;
}
.sys2 {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	box-sizing: border-box;
}
.sb01, .sb02, .sb03 {
	background: #eaf1f6;
	box-sizing: border-box;
	padding: 25px;
	position: relative;
	margin-bottom: 40px;
}
.sb01:after, .sb02:after, .sb03:after {
	position: absolute;
	content:"";
	width: 20px;
	height: 20px;
	background: #222;
	top: 0;
	left: 0;
}
.sb02 {
	width: calc(50% - 20px);
	margin-right: 20px;
	box-sizing: border-box;
}
.sb03 {
	width: calc(50% - 20px);
	margin-left: 20px;
	box-sizing: border-box;
}
.sysBox .p02 {
	font-size: 18px;
	line-height: 1.6em;
	color: #01bdb2;
	font-weight: 600;
	padding: 10px 0 10px;
	letter-spacing: 0.1em;
}
.sysBox .p03 {
	font-size: 14px;
	line-height: 1.6em;
}
.sysBox .p03 span {
	color: #01bdb2;
}
.sysBox .fig01 {
	width: 80%;
	max-width: 600px;
	margin: 30px auto 0;
}
.sysBox .fig02 {
	width: 100%;
	max-width: 800px;
	margin: 30px auto 0;
}

/* Culture オフィス紹介 */
.cul03 .contTitle2 {
	background: url(../img/culture_img/officeMain.jpg) no-repeat center center;
	background-size: cover;
}
.officeWrap {
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
	padding: 30px;
	display: flex;
	flex-wrap: wrap;
	box-sizing: border-box;
}
.ofb01, .ofb02 {
	width: calc(50% - 15px);
}
.ofb01 {
	margin-right: 15px;
}
.ofb02 {
	margin-left: 15px;
}
.ofbox {
	width: 100%;
}
.of02, .of03 {
	width: calc(50% - 15px);
}
.of02 {
	float: left;
	margin-right: 15px;
}
.of03 {
	float: left;
	margin-left: 15px;
}
.officeWrap p {
	font-size: 13px;
	padding: 5px 0 20px;
}


/* ブログ */

.blogWrap {
	width: 100%;
	position: relative;
	border-top: #251f1a solid 1px;
	padding: 80px 0;
}
.blogWrap .nbh2 {
	width: 380px;
	margin: 0 auto 50px;
	height: 40px;
	border: 1px solid #222;
	text-align: center;
	line-height: 40px;
	font-size: 22px;
	background: #FFF;
}
.blogWrap .p01 {
	font-size: 14px;
	text-align: center;
	line-height: 1.6em;
	padding-bottom: 30px;
}
.blogBox {
	width: 900px;
	margin: 20px auto;
	display: table;
}
.bloglist {
	width: 700px;
	padding-right: 50px;
	box-sizing: border-box;
}
.archive {
	width: 200px;
	display: table-cell;
	vertical-align: top;
	padding-top: 30px;
}
.archive p {
	background: #eaf1f6;
	width: 100%;
	height: 28px;
	line-height: 28px;
	color: #0b82eb;
	padding: 0 0 0 10px;
	box-sizing: border-box;
	margin-bottom: 15px;
}
.archive ul li {
	padding: 0 0 15px 10px;
	box-sizing: border-box;
	position: relative;
}
.archive ul li a {
	display: block;
	width: 100%;
	font-size: 14px;
	color: #0b82eb;
	position: relative;
	text-decoration: none;
}
.archive ul li a:hover {
	text-decoration: underline;
}
.blogBlock {
	width: 100%;
	padding: 30px 0;
	border-bottom: 1px solid #222;
	box-sizing: border-box;
}



.blogWrap .npWrap {
	width: 300px;
	height: 200px;
	overflow: hidden;
	position: relative;
	margin-bottom: 15px;
	float: left;
	box-sizing: border-box;
}
.blogWrap .bb01 {
	width: 350px;
	height: 220px;
	float: left;
	padding: 0 20px 0;
	box-sizing: border-box;
	position: relative;
}
.blogWrap .npWrap .newsPhoto {
	width: 100%;
	height: 100%;
}
.blogWrap .npWrap .newsPhoto img {
	width: auto;
}
.blogWrap .ntheme {
	position: absolute;
	top: 0;
	left: 0;
	width: 70%;
	height: 30px;
	background: #222;
	color: #84e3ff;
	font-size: 13px;
	line-height: 30px;
	padding: 0 0 0 10px;
}
.blogWrap .ndate {
	width: 200px;
	position: relative;
	font-size:13px;
	height: 22px;
	line-height: 22px;
	margin-bottom: 15px;
	padding: 0 0 0 10px;
	box-sizing: border-box;
	background: #eaf1f6;
}
.blogWrap .ndate.new:after {
	position: absolute;
	width: 50px;
	height: 22px;
	right: 0;
	top: 0;
	background: #0b83eb;
	content: "NEW!";
	font-size: 13px;
	color: #FFF;
	line-height: 22px;
	text-align: center;
}
.blogWrap .ntitle {
	font-size: 20px;
	font-weight: 600;
	padding-bottom: 25px;
}
.blogWrap .bp01 {
	font-size: 14px;
	line-height: 1.8em;
}
.blogWrap .nbtn01 {
	width: 90px;
	height: 24px;
	background: #222;
	position: absolute;
	right: 0;
	bottom: 20px;
	transition: all 0.5s;
}
.blogWrap .nbtn01:after {
	content: "";
	position: absolute;
	width: 5px;
	height: 10px;
	right: 10px;
	top: calc(50% - 5px);
	background: url(../img/news_img/ba.png) no-repeat center center;
	background-size: contain;
	transition: all 0.2s;
}
.blogWrap .nbtn01:hover:after {
	right: 8px;
}
.blogWrap .nbtn01 a {
	display: block;
	width: 100%;
	height: 100%;
	color: #FFF;
	line-height: 20px;
	text-align: center;
	text-decoration: none;
}
.nbtn02 {
	width: 135px;
	height: 50px;
	background: #FFF;
	border: 1px solid #222;
	position: relative;
	margin: 40px auto 0;
	transition: all 0.5s;
}
.nbtn02:after {
	content: "";
	position: absolute;
	width: 5px;
	height: 10px;
	right: 10px;
	top: calc(50% - 5px);
	background: url(../img/news_img/ba.png) no-repeat center center;
	background-size: contain;
	transition: all 0.2s;
}
.nbtn02:hover:after {
	right: 8px;
}
.nbtn02 a {
	display: block;
	width: 100%;
	height: 100%;
	color: #222;
	line-height: 50px;
	text-align: center;
	text-decoration: none;
}

.bloglink {
	width: 100%;
	padding: 90px 0;
	background: url(../img/news_img/blogBg.jpg) no-repeat center center;
	background-size: cover;
}
.bloglink .p01 {
	text-align: center;
	font-size:18px;
	color: #FFF;
	font-weight: 600;
	padding: 0 0 50px;
}
.bloglink ul {
	width: 900px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.bloglink ul li {
	width: 200px;
	height: 50px;
	background: #FFF;
	margin: 0 10px;
	position: relative;
	transition: all 0.3s;
}
.bloglink ul li:after {
	content: "";
	position: absolute;
	width: 15px;
	height: 15px;
	right: 5px;
	top: calc(50% - 8px);
	background: url(../img/news_img/nw.png) no-repeat center center;
	background-size: contain;
	transition: all 0.2s;
}
.bloglink ul li:hover {
	background: #eaf1f6;
}
.bloglink ul li a {
	display: block;
	width: 100%;
	height: 100%;
	text-align: left;
	color: #222;
	font-size: 12px;
	line-height: 50px;
	text-decoration: none;
	padding-left: 8px;
}
.bblink {
	width: 100%;
	margin: 30px auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.bblink li {
	background: #FFF;
	border: 1px solid #222;
	margin: 0 5px;
	padding: 15px;
	position: relative;
	text-align: center;
	line-height: 30px;
}
.bblink li.cur {
	background: #eaf1f6;
	border: none;
}
.bblink li a {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	color: #222;
	text-decoration: none;
}
.shareBox {
	position: fixed;
	right: 0;
	top: 200px;
	width: 50px;
}
.shareBox p {
	text-align: center;
	font-size: 12px;
	font-weight: 500;
	padding-bottom: 5px;
}

.blog_main_photo {
	margin-bottom: 30px;
}
.blog_sub_photo {
	width: 90%;
	margin: 30px auto;
}

.bblink2 {
	width: 100%;
	margin: 30px auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.bblink2 li {
	background: #FFF;
	border: 1px solid #222;
	margin: 0 5px;
	width: 60px;
	padding: 15px;
	position: relative;
	text-align: center;
	line-height: 30px;
}
.bblink2 li a {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	color: #222;
	text-decoration: none;
}
.personIndex .contBox {
	padding: 60px 0;
}
.personIndex .frame-box {
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
}

.blink.noborder {
	border-top: none;
	margin: 120px auto;
}
.recruitIndex .contTitle2 {
	background: url("../img/recruit_img/recruit-main.jpg") no-repeat center center;
	background-size: cover;
}
.recruit .blink .pi01 {
	background: url("../img/recruit_img/recbtn01.jpg") no-repeat center center;
	background-size: cover;
}
.recruit .blink .pi02 {
	background: url("../img/recruit_img/recbtn02.jpg") no-repeat center center;
	background-size: cover;
}
.blink .btnWrap p.nwin:before {
	content: "";
	position: absolute;
	width: 8px;
	height: 8px;
	right: 10px;
	top: calc(50% - 4px);
	background: url("../img/recruit_img/nwin.png") no-repeat center center;
	background-size: contain;
}