/* ===================================================================
          CSS information
           file name  :  default.css
=================================================================== */
          /*--- reset */
          /*
          html5doctor.com Reset Stylesheet
          v1.6.1
          Last Updated: 2010-09-17
          Author: Richard Clark - http://richc.sub-menu_aboutlarkdesign.com
          Twitter: @rich_clark
          */

          /*要素のフォントサイズやマージン・パディングをリセットしています*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	background: transparent;
	font-size: 100%;
}
@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Medium");
	font-weight: 500;
	font-display: swap;
}
#wpadminbar {
	position: fixed;
}
#loading-img {
	position: fixed;
	top: 50%;
	left: 50%;
	margin: -60px 0 0 -60px;
}
body {
	position: relative;
	font-family: "Noto Sans Japanese", 'PT Sans', "游ゴシック Bold", "Yu Gothic Bold", "游ゴシック", "YuGothic-Bold", Hiragino Sans, "ヒラギノ角ゴシック", Hiragino Kaku Gothic ProN, "ヒラギノ角ゴ ProN W3", "Meiryo", sans-serif;
	font-size: 14px;
	line-height: 1.4;
	letter-spacing: 0.025em;
	color: #333;
	background: #fff;
	font-weight: 300;
	-webkit-text-size-adjust: 100%;
}
sup {
	font-size: 10px;
	vertical-align: top;
}
#main-contents {
	position: relative;
	opacity: 0;
}
/*新規追加要素のデフォルトはすべてインライン要素になっているので、section要素などをブロック要素へ変更しています*/
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}

#box {
margin-top:50px;
margin-bottom:50px;
}
#box h3 {
	font-size:18px;
	margin-bottom:15px;
	font-weight: bold;

}
#box p {
	text-align:left;
	margin-bottom:15px;
}
/*引用符の表示が出ないようにしています*/
blockquote, q {
	quotes: none;
	background-color: #F2F2F2;
	border: 1px solid #D8D8D8;
	padding: 20px 20px 5px 20px;
	width: 90%;
	margin: 0 auto;
	margin-bottom: 30px;
}
.report blockquote p {
	font-size: 12px;
	color: #545353;
}
/*blockquote要素、q要素の前後にコンテンツを追加しないように指定しています*/
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
/*p要素*/
p {
	font-size: 15px;
	margin-top: 20px;
	line-height: 1.9em;
}
/*a要素のフォントサイズなどをリセットしフォントの縦方向の揃え位置を親要素のベースラインに揃えるようにしています*/
a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	color: #000;
	text-decoration: none;
}
/* ins要素のデフォルトをセットし、色を変える場合はここで変更できるようにしています */
ins {
	background-color: #ff9;
	color: #000;
	text-decoration: none;
}
/* mark要素のデフォルトをセットし、色やフォントスタイルを変える場合はここで変更できるようにしています
		また、mark要素とは、文書内の検索結果で該当するフレーズをハイライトして、目立たせる際に使用するようです。*/
mark {
	background-color: #ff9;
	color: #000;
	font-style: italic;
	font-weight: bold;
}
/*テキストに打ち消し線が付くようにしています*/
del {
	text-decoration: line-through;
}
/*IEではデフォルトで点線を下線表示する設定ではないので、下線がつくようにしています
		また、マウスオーバー時にヘルプカーソルの表示が出るようにしています*/
abbr[title], dfn[title] {
	border-bottom: 1px dotted;
	cursor: help;
}
/*隣接するセルのボーダーを重ねて表示し、間隔を0に指定しています*/
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*水平罫線のデフォルトである立体的な罫線を見えなくしています*/
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #cccccc;
	margin: 1em 0;
	padding: 0;
}
/*縦方向の揃え位置を中央揃えに指定しています*/
input, select {
	vertical-align: middle;
}
/*画像を縦に並べたときの余白を消します*/
img {
	vertical-align: top;
	font-size: 0;
	image-rendering: -webkit-optimize-contrast;
}
/*マウスオーバー*/
a:hover, a img:hover {
	opacity: 0.9;
}
.no_check {
	list-style: none;
}
ul {
	list-style: disc;
	line-height: 1.5;
}
a:hover {
	text-decoration: underline;
}
.topNews ul li h3 a:hover, .topNews ul li p a:hover, .topBlog ul li p a:hover, .fNavi h3 a:hover, .fNavi ul li a:hover {
	text-decoration: underline;
}
.topNews ul li p a {
	color: #666;
}
.alL {
	display: inline;
	float: left;
	margin: 0px 20px 10px 0;
}
.alR {
	display: inline;
	float: right;
	margin: 0px 0 10px 20px;
}
.flL {
	float: left;
}
.flR {
	float: right;
}
.mg {
	margin: 0 auto;
}
.mgBtm {
	margin-bottom: 20px;
}
.mgTop {
	margin-top: 20px;
}
.mgR {
	margin-right: 20px;
}
.mgL {
	margin-left: 20px;
}
.clear {
	overflow: hidden;
	_zoom: 1;
}
.clearboth {
	clear: both;
}
.w766 {
	width: 766px;
	margin: 0 auto;
}
a:hover img.opa {
	opacity: .60; /* Standard: FF gt 1.5, Opera, Safari */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
	-khtml-opacity: .60; /* Safari 1.x */
	-moz-opacity: .60; /* FF lt 1.5, Netscape */
}
.txtalLeft {
	text-align: left!important;
}
.txtalRight {
	text-align: right!important;
}
.center {
	text-align: center!important;
}
.both {
	clear: both;
}
.txt_Center {
	text-align: center;
	display: block;
}
.imgCenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
.display-block {
	display: block;
}
.sp-only {
	display: none;
}
.blog_person_icon {
	display: block !important;
	width:78px !important;
}
@media screen and (max-width: 767px) {
	.pc-only {
		display: none;
	}
	.sp-only {
		display: block;
	}
	#loading-img {
		margin: -30px 0 0 -30px;
	}
	#loading-img img {
		width: 60px;
		height: auto;
	}
}
/*フォント指定*/
.green02 {
	color: #50915B;
}
.red {
	color: #ce1e44;
}
.blue {
	color: #4d80b9;
}
.mizu {
	color: #0080c0;
}
.aka {
	color: #ff0000;
}
.ora {
	color: #ff9900;
}
.pink {
	color: #ff99ab;
}
.pink2 {
	color: #FF32AF;
}
.ao {
	color: #246EB3;
}
.tya {
	color: #bd000e;
}
.gray {
	color: #3d3737;
}
.gray2 {
	color: #999;
}
.akapink {
	color: #ec8282;
}
.green {
	color: #369B50;
}
.aomidori {
	color: #2ebab7;
}
.enji {
	color: #9c2662;
}
.cha {
	color: #695647;
}
.b {
	font-weight: 500;
}
.sz10 {
	font-size: 10px;
}
.sz11 {
	font-size: 11px;
	line-height: 1.5;
}
.sz12 {
	font-size: 12px;
}
.sz13 {
	font-size: 13px;
}
.sz14 {
	font-size: 14px;
}
.sz16 {
	font-size: 16px !important;
}
.sz18 {
	font-size: 18px !important;
}
.sz20 {
	font-size: 20px;
}
.sz24 {
	font-size: 24px;
}
.borderBtm {
	border-bottom: 1px solid #E5E5E5;
}
.nmb_img {
	vertical-align: bottom;
	padding-right: 5px;
}
/*バックグラウンドカラー*/
.backY {
	background: #FAF8E7;
}
.backY2 {
	background: #fff8a9;
}
.bg_navy {
	background: #036;
	color: #FFF;
}
.backPink {
	background: #FFDFF0;
}
.bg_blue2 {
	background: #3f6d8f;
}
.bg_gray {
	background: #eaeaea;
	padding: 15px 30px;
	overflow: hidden;
	margin: 20px 0;
}
.waku_gray {
	background-color: #FFF;
	border: #F4F4F4 5px solid;
	padding: 20px;
}
/*マージン関連*/
.mgt3 {
	margin-top: 3px;
}
.mgt4 {
	margin-top: 4px;
}
.mgt5 {
	margin-top: 5px;
}
.mgt6 {
	margin-top: 6px;
}
.mgt7 {
	margin-top: 6px;
}
.mgt10 {
	margin-top: 10px;
}
.mgt15 {
	margin-top: 15px;
}
.mgt30 {
	margin-top: 30px;
}
.mgt50 {
	margin-top: 50px;
}
.mgl15 {
	margin-left: 15px;
}
.mgl20 {
	margin-left: 20px;
}
.mgl30 {
	margin-left: 30px;
}
.mgr0 {
	margin-right: 0;
}
.mgb10 {
	margin-bottom: 10px;
}
.mgb15 {
	margin-bottom: 15px;
}
.mgb30 {
	margin-bottom: 30px;
}
/*h*/
h1 {
	text-align: center;
	font-size: 26px;
	margin: 40px 0 0px;
}
h2 {
	font-size: 18px;
	border-bottom: 1px #000 solid;
	display: inline-block;
	padding-bottom: 8px;
	margin-top: 50px;
	letter-spacing: 0.025em;
}
#vision h2 {
	margin-top: 0;
}
h3 {
	margin-top: 35px;
	font-size: 16px;
	font-weight: normal;
	letter-spacing: 0.16em;
}
/*ローディング画面*/
#loading {
	position: absolute;
	top: 30%;
	left: 47%;
}
#loader-bg {
	position: relative;
	width: 100%;
	height: 1500px;
	top: 0px;
	left: 0px;
	background: #FFF;
	z-index: 10010;
}
/*全体*/
#sp {
	display: none;
}
#container {
	padding: 10px 0 30px 0;
}
/*TOPページ*/
/*ヘッダー jquery*/
.recruit .sub-menu-inner {
	width: 550px;
	margin: 30px auto 20px;
}
.sub-menu_buisiness {
	position: absolute;
	top: 59px;
	left: 50%;
	width: 680px;
	padding:0 15px;
	margin-left: -325px;
	background: rgba(16,16,16,0.9);
	height: 0;
	overflow: hidden;
	-webkit-transition: all .4s;
	transition: all .4s;
}
.sub-menu_buisiness li {
	padding-bottom: 20px;
	list-style: none;
}




.sub-menu_buisiness li {
  width: 45%;
  padding: 10px;
  margin: 20px 0;
  position: relative;
}

/* 奇数番目（左寄せ） */
.sub-menu_buisiness li:nth-child(odd) {
  margin-left: 0;
  margin-right: auto;
  text-align: left;
}

/* 偶数番目（右寄せ） */
.sub-menu_buisiness li:nth-child(even) {
  margin-left: auto;
  margin-right: 0;
  text-align: left;
}
.sub-menu_about {
	position: absolute;
	top: 59px;
	left: 50%;
	width: 836px;
	margin-left: -440px;
	padding: 0 20px;
	background: rgba(16,16,16,0.9);
	height: 0;
	overflow: hidden;
	-webkit-transition: all .4s;
	transition: all .4s;
}
.sub-menu_about li {
	padding-top: 20px;
}
.sub-menu_recruit {
	position: absolute;
	top: 59px;
	left: 50%;
	width: 568px;
	margin-left: -294px;
	padding: 0 0 0 20px;
	background: rgba(16,16,16,0.9);
	height: 0;
	overflow: hidden;
	-webkit-transition: all .4s;
	transition: all .4s;
}
.sub-menu_recruit li {
	padding-top: 30px;
}
.sub-menu_about.open, .sub-menu_buisiness.open {
	height: 235px;
}
.sub-menu_recruit.open {
	height: 235px;
}
.sub-menu_about li, .sub-menu_recruit li {
	float: left;
	margin-right: 20px;
}
.sub-menu_about li:nth-child(n+3) {
	margin-right: 0;
}
.sub-menu_about li:nth-child(4) {
	padding-top: 0;
}
.sub-menu_about li, .sub-menu_buisiness li {
	text-align: left;
}
.sub-menu_buisiness a, .sub-menu_about .sub-menu-botton li a {
	display: block;
	position: relative;
	top: 0;
	left: 0;
	padding-right: 18px !important;
	text-align: left;
	text-decoration: none;
}
.sub-menu_buisiness a:hover, .sub-menu_about .sub-menu-botton li:hover {
}
.sub-menu_buisiness li a:before, .sub-menu_about .sub-menu-botton li a:before {
	content: "";
	position: absolute;
	top: 5px;
	right: 10px;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 5px solid #FFF;
}
.sub-menu-inner {
	padding: 0;
	overflow: hidden;
}
.sub-menu_about .sub-menu-inner {
	padding: 20px 0 0;
}
.sub-menu_buisiness li {
	float: left;
	margin: 0 0 0 30px;
}
.sub-menu_buisiness li h4 {
	margin-bottom: 10px;
}
.sub-menu_about img {
}
.sub-menu_about img:hover {
	border: none;
	opacity: 0.9;
}
.sub-menu_about .sub-menu-item, .sub-menu_buisiness .sub-menu-item {
	width: 280px;
	padding: 3px 0;
	margin: 0;
	font-size: 14px;
	list-style-type: none;
	box-sizing: border-box;
	line-height: 1.5;
}
.sub-menu_about .sub-menu-item, .sub-menu_buisiness .sub-menu-item:hover {
	opacity: 0.8;
}
.sub-menu-botton {
	float: left;
}
.sub-menu_buisiness h4 {
	text-align: left;
	font-weight: normal;
	color: #ffffff;
	margin-top: 25px;
	font-size: 15px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #e6e6e6;
}
/*TOP ページアニメーション*/
#main_visual {
	position: relative;
	padding-top: 60px;
}
#main_visual .main_visual_wrap {
	position: relative;
}
#main_visual .animation .bird {
	position: absolute;
    top: 7%;
    left: 63%;
    width: 3.5%;
}
#main_visual .animation .boat {
	position: absolute;
    top: 75%;
    left: 10%;
    width: 22%;
}
#main_visual .animation .dream_left {
	position: absolute;
	top: 8%;
	left: 33.5%;
	width: 5%;
}
#main_visual .animation .dream_right {
	position: absolute;
	top: 11.3%;
	left: 46%;
	width: 5%;
}
#main_visual .animation .fireworks_left {
	position: absolute;
	top: 5%;
	left: 81%;
	width: 5.2%;
}
#main_visual .animation .fireworks_right {
	position: absolute;
	top: 13%;
	left: 83%;
	width: 3.7%;
}
#main_visual .animation .sheep {
	position: absolute;
    top: 49%;
    left: 97%;
    width: 4%;
}
#main_visual .animation .thunder {
	position: absolute;
    top: 31%;
    left: 93.5%;
    width: 3%;
}
#main_visual .animation .train {
	position: absolute;
	top: 6.7%;
	left: 7.5%;
	width: 5.5%;
}
#main_visual .animation .wind {
	position: absolute;
	top: 7%;
	left: 86%;
	width: 12%;
}
.diorama-wrap .diorama {
	position: absolute;
	top: 33%;
	left: 72%;
	width: 27%;
}
.diorama-wrap .diorama:hover {
	opacity: 0.98;
}
#main_visual .animation .ufo {
	position: absolute;
	top: 4.2%;
	left: 4%;
	width: 34%;
}
.diorama-wrap .our_vision_pc {
	position: absolute;
	width: 13%;
	top: 54%;
	left: 64%;
	z-index: 10;
}
#dreamcreation {
	position: absolute;
	top: 21%;
	left: 0;
	right: 0;
	margin: auto;
	width: 369px;
}
#dreamcreation svg {
	display: none;
}
#dreamcreation .d, #dreamcreation .dream, #dreamcreation .creation {
	fill: none;
	stroke: #FFF;
	stroke-width: 3.5;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-miterlimit: 10;
}
#dreamcreation .d, #dreamcreation .dream, #dreamcreation .creation {
	stroke-dasharray: 3000;
	stroke-dashoffset: 3000;
	animation: DASH 3s ease-in alternate forwards;
	-webkit-animation: DASH 3s ease-in 0s forwards;
	-o-animation: DASH 3s ease-in 0s forwards;
	animation: DASH 3s ease-in 0s forwards;
}
.d, .dream, .creation {
	fill: none;
	stroke: #161515;
	stroke-width: 3.5;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-miterlimit: 10;
}
.d, .dream, .creation {
	stroke-dasharray: 3000;
	stroke-dashoffset: 3000;
	animation: DASH 3s ease-in alternate forwards;
	-webkit-animation: DASH 3s ease-in 0s forwards;
	-o-animation: DASH 3s ease-in 0s forwards;
	animation: DASH 3s ease-in 0s forwards;
}
.dream {
	animation-delay: 0.5s;
	-webkit-animation-delay: 0.5s;
	-moz-animation-delay: 0.5s;
}

@media all and (-ms-high-contrast: none) {
	#dreamcreation .d, #dreamcreation .dream, #dreamcreation .creation {
		stroke-dasharray: 0;
		stroke-dashoffset: 0;
	}
}
#dreamcreation .dream {
	animation-delay: 0.3s;
	-webkit-animation-delay: 0.3s;
	-moz-animation-delay: 0.3s;
}
#dreamcreation .creation {
	animation-delay: 1.6s;
	-webkit-animation-delay: 1.6s;
	-moz-animation-delay: 1.6s;
}
@keyframes DASH {
	0% {
		stroke-dashoffset:3000;
	}
	100% {
		stroke-dashoffset:0;
	}
}
@-moz-keyframes DASH {
	0% {
		stroke-dashoffset:3000;
	}
	100% {
		stroke-dashoffset:0;
	}
}
@-webkit-keyframes DASH {
	0% {
		stroke-dashoffset:3000;
	}
	100% {
		stroke-dashoffset:0;
	}
}
 @-o-keyframes DASH {
	0% {
		stroke-dashoffset:3000;
	}
	100% {
		stroke-dashoffset:0;
	}
}
 @-ms-keyframes DASHf {
	0% {
		stroke-dashoffset:3000;
	}
	100% {
		stroke-dashoffset:0;
	}
}
#dreamcreation .line1 {
	stroke-width: 3.5;
}
#dreamcreation .line2 {
	stroke-width: 5;
}
#dreamcreation .line1, #dreamcreation .line2 {
	fill: none;
	stroke: #FFF;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-miterlimit: 10;
	stroke-dasharray: 3000;
	stroke-dashoffset: 3000;
	animation: DASH2 1s ease-in alternate forwards;
	-webkit-animation: DASH2 1s ease-in 0s forwards;
	animation: DASH2 1s ease-in 0s forwards;
}

@media all and (-ms-high-contrast: none) {
	#dreamcreation .line1, #dreamcreation .line2 {
		stroke-dasharray: 0;
		stroke-dashoffset: 0;
	}
}
#dreamcreation .line1 {
	animation-delay: 3.3s;
	-webkit-animation-delay: 3.3s;
	-moz-animation-delay: 3.3s;
}
#dreamcreation .line2 {
	animation-delay: 3.5s;
	-webkit-animation-delay: 3.5s;
	-moz-animation-delay: 3.5s;
}
@keyframes DASH2 {
	0% {
		stroke-dashoffset:3000;
	}
	100% {
		stroke-dashoffset:0;
	}
}
@-moz-keyframes DASH2 {
	0% {
		stroke-dashoffset:3000;
	}
	100% {
		stroke-dashoffset:0;
	}
}
@-webkit-keyframes DASH2 {
	0% {
		stroke-dashoffset:3000;
	}
	 100% {
		stroke-dashoffset:0;
	}
}
/* PC ヘッダー */
#header_inner #logo {
	display: block;
	position: absolute;
	top: 15px;
	left: 25px;
	z-index: 2;
}
#header_inner #logo svg, #header_inner_sp #logo svg {
	width: 190px;
	height: 27px;
}
#header {
	width: 100%;
	height: 60px;
	position: fixed;
	z-index: 10000;
	background: rgba(0, 0, 0, 0.9);
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.15);
}
#header_inner a img {
	float: left;
}
#header_inner a img#logo {
	position: absolute;
	top: 17px;
	left: 25px;
}
#header_inner a .mgr0 {
	margin-right: 0;
}
#header_inner .global_navi {
	list-style: none;
}
#main_visual .main_bnr {
	width: 100%;
}
#main_visual .sp {
	display: none;
}
#main_visual .menu {
	overflow: hidden;
}
#main_visual .menu .vision, #main_visual .menu .business, #main_visual .menu .ricruit {
	float: left;
	width: 33.33333%;
}
#main_visual .menu .vision img, #main_visual .menu .business img, #main_visual .menu .ricruit img {
	width: 100%;
}
.global_navi > li {
	margin-right: 22px;
	text-align: center;
}
.global_navi > li:last-child {
	margin-right: 0;
}
.global_navi > li.noopa {
	float: left;
	padding: 25px 0px 25px;
}
.global_navi li a {
	color: #FFF;
}
.global_navi li a span {
	font-size: 9px;
	font-weight: 200;
	display: block;
	text-indent: -9999px;
	position: absolute;
}
.global_navi_sns {
	overflow: hidden;
	width: 160px;
	position: absolute;
	top: 0;
	right: 0;
	list-style: none;
}
.global_navi_sns li {
	float: left;
	margin-right: 10px;
	margin-left: 0;
}
.global_navi_sns li a img {
	width: 27px;
	height: 27px;
}
#header_inner .global_navi_sns li:nth-child(1), #header_inner .global_navi_sns li:nth-child(2) {
	margin-right: 20px;
}
#header_inner .global_navi_sns li:nth-child(1) {
	margin-top: 20px;
}
#header_inner .global_navi_sns li:nth-child(2) {
	margin-top: 18px;
}
#header_inner .global_navi_sns li:last-child {
	margin-right: 0px;
}
#header_inner nav.menu {
	display: none;
}
@media screen and (max-width: 1080px) {
	#header {
		height: 49px !important;
		box-shadow: none;
	}
	#header_inner {
		height: 49px;
		position: relative;
	}
	#header_inner #logo {
		height: 27px;
		top: 11px;
		left: 15px;
	}
	#header_inner nav.menu {
		display: block;
	}
	#header_inner div.menu {
		display: none;
	}
	#header_inner .global_navi_sns {
		display: none;
	}
	#main_visual {
		padding-top: 49px;
	}
}
@media screen and (min-width: 1081px) {
	#menu {
		display: none !important;
	}
}
#menu {
	display: none;
}
/*コンテンツ*/
#contents {
	width: 100%;
	margin: 0 auto;
	padding-bottom: 80px;
}
#contents .contents_mb, #geneple .contents_mb {
	overflow: hidden;
	width: 100%;
	max-width: 1105px;
	margin: 40px auto 0px;
	padding: 0 20px;
	box-sizing: border-box;
}
.contents_mbm {
	width: 100%;
	max-width: 1065px;
	margin: 0 auto;
	padding-top: 80px;
}
/*コンテンツ movie*/

.movie_top {
	background: url(img/movie_03.png) no-repeat;
	height: 464px;
	width: 446px;
	position: relative;
}
#contents .top_movie a {
	background: #1b1b1b;
	border-radius: 5px;
	color: #FFF;
	text-align: center;
	display: block;
	padding: 17px 0px;
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
	-webkit-transition: all .3s;
	transition: all .3s;
	position: relative;
	margin-top: 21px;
}
#contents .top_movie a::before {
	content: "";
	border: 6px solid transparent;
	border-left-color: #ececec;
	position: absolute;
	top: 54%;
	right: 30px;
	margin-top: -8px;
}
#contents .top_movie a:hover {
	background-color: transparent;
	background: #ffb500;
	color: #333;
	text-decoration: none;
}
#contents .top_movie p {
	font-size: 14px;
	text-align: center;
	margin-top: 20px;
}
#contents .top_movie iframe,
#contents .top_movie .top_yt {
	position: absolute;
	top: 218px;
	left: 18px;
	display: block;
	margin: 0 auto;
	width: 410px;
	height: 231px;
	cursor: pointer;
	background: #000;
}
#contents .top_movie .top_yt:before {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100px;
	height: 100px;
	margin: -50px 0 0 -50px;
	border-radius: 50%;
	background: rgba(0,0,0,0.6);
}
#contents .top_movie .top_yt:after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 0;
	height: 0;
	margin: -20px 0 0 -10px;
	border: 20px solid transparent;
	border-left: 30px solid #fff;
}
#contents .top_movie .top_yt:hover:before {
	background: #ff0000;
}

#contents .top_movie .top_yt img {
	width: 100%;
	height: auto;
}
/*コンテンツ blog*/
#contents .contents_mb .sub_cat {
	text-align: center;
	margin-top: 5px;
}
#contents .contents_mb .sub_cat ul {
	display: inline-block;
}
#contents .contents_mb .sub_cat ul li {
	float: left;
	padding: 0 8px;
	font-size: 12px;
	font-weight: normal;
	color: #fff;
	margin: 0 5px;
	list-style: none;
}
#contents .contents_mb .sub_cat ul li.info {
	background: #99bbb8;
}
#contents .contents_mb .sub_cat ul li.publicity {
	background: #c79c9c;
}
#contents .contents_mb .sub_cat ul li.release {
	background: #8f88b5;
}
#contents .contents_mb .top_blog_r {
	float: right;
	margin-top: 16px;
	overflow: hidden;
	width: 100%;
	padding-left: 526px;
	margin-left: -526px;
	box-sizing: border-box;
}
#contents .contents_mb .top_blog_r h3 {
	font-size: 20px;
	font-weight: 500;
	padding-top: 7px;
	padding-bottom: 5px;
	color: #fff;
	background-color: #000;
	border-radius: 5px 5px 0px 0px;
	width: 130px;
	text-align: center;
}
#contents .contents_mb .top_blog_r .more {
	margin-top: -20px;
	float: right;
}
#contents .contents_mb .top_blog_r .more :hover {
	text-decoration: underline;
}
#contents .contents_mb .top_blog_r .border {
	border-bottom: 2px solid #000;
}
#contents .contents_mb .top_blog_r a {
	display: block;
	font-size: 14px;
	font-weight: 500;
	color: #000;
	text-decoration: none;
	word-break: break-all;
	position: relative;
}
#contents .contents_mb .top_blog_r a:hover {
	opacity: 0.9;
}
#contents .contents_mb .top_blog_r a .cat {
	position: absolute;
	top: 0;
	left: 0;
	font-size: 12px;
	background: #000;
	color: #fff;
}
#contents .contents_mb .top_blog_r a img {
	margin-bottom: 5px;
	width: 259px;
}
#contents .contents_mb .top_blog_r a .cat {
	position: absolute;
	top: 0;
	left: 0;
	font-size: 11px;
	background: #000;
	color: #fff;
}
#contents .contents_mb .top_blog_r a .cat.culture {
	background: #c9a32f;
}
#contents .contents_mb .top_blog_r a .cat.event {
	background: #cf527e;
}
#contents .contents_mb .top_blog_r a .cat.knowledge {
	background: #52c3cf;
}
#contents .contents_mb .top_blog_r a .cat.project {
	background: #65b76f;
}
#contents .contents_mb .top_blog_r a .cat.gl-people {
	background: #e67e5e;
}
#contents .contents_mb .top_blog_r a .cat.business {
	background: #436c9f;
}
#contents .contents_mb .top_blog_r a img {
	opacity: 1;
}
#contents .contents_mb .top_blog_r a .date {
	display: block;
	font-size: 11px;
	letter-spacing: 0.2em;
	margin-bottom: 3px;
}
.new {
	background: #e60012;
	color: #fff;
	font-size: 11px;
	padding: 0 3px;;
	text-align: center;
}
#contents .contents_mb .blog_ul {
	overflow: hidden;
	margin: 25px -7px 0;
	letter-spacing: -0.3em;
}
#contents .contents_mb .blog_ul li {
	width: 50%;
	margin-bottom: 15px;
	display: inline-block;
	list-style: none;
	letter-spacing: 0.025em;
	vertical-align: top;
	box-sizing: border-box;
	padding: 0 7px;
}
#contents .contents_mb .blog_ul li a img {
	width: 100%;
	height: auto;
}
#contents .contents_mb .category_right li {
	margin-right: 14px;
}
#dropmenu {
	*zoom: 1;
	list-style-type: none;
	margin: 5px -10px 0;
	padding: 0;
	letter-spacing: -10px;
}
#dropmenu:before, #dropmenu:after {
	content: "";
	display: table;
}
#dropmenu:after {
	clear: both;
}
#dropmenu li {
	position: relative;
	width : 33.33333% ; /* 未対応ブラウザ用フォールバック */
	width : -webkit-calc(100% / 3) ;
	width : calc(100% / 3) ;
	display: inline-block;
	text-align: center;
	list-style: none;
	padding: 0 10px;
	box-sizing: border-box;
	letter-spacing: 0.025em;
}
#dropmenu li .accordion_toggle {
	display: block;
	margin: 0;
	padding: 20px 0 15px;
	font-weight: 500;
	background: #ffca00;
	color: #2f2f2f;
	font-size: 14px;
	line-height: 1;
	text-decoration: none;
	cursor: pointer;
}
#dropmenu li .accordion_target {
	display: none;
	position: absolute;
	width: 100%;
	z-index: 10;
	left: 0;
}
#dropmenu > li:after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 25px;
	width: 4px;
	height: 4px;
	margin: -4px 0 0 0;
	border-top: solid 2px #0a0a0a;
	border-right: solid 2px #1b1b1b;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	cursor: pointer;
}
#dropmenu > li.open:after {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
#dropmenu li ul {
	z-index: 9999;
	margin: 0;
	padding: 0;
}
#dropmenu li ul li {
	width: 100%;
}
#dropmenu li ul li a:after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 25px;
	width: 4px;
	height: 4px;
	margin: -4px 0 0 0;
	border-top: solid 2px #0a0a0a;
	border-right: solid 2px #1b1b1b;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
#dropmenu li ul li a {
	padding: 13px 16px;
	border-top: 1px solid #ffb500;
	background: #ffca00;
	text-align: left;
	font-weight: normal;
	display: block;
}
#dropmenu li:hover > a {
	background: #ffb500;
}
#dropmenu li a:hover {
	background: #ffb500;
}
/*TOP　概要*/
.contents_mb .home-overview p.overview-message {
	font-weight: bold;
    font-size: 24px;
    line-height: 1.8;

}
.home-overview .home-button-area {
	display: flex;
	margin-top: 30px;
}
.home-overview .home-vision-left ,.home-overview .home-business-right {
	width: 477px;
    background: #000;
    color: #FFF;
    padding: 10px 40px 30px;
}
.home-overview .home-business-right {
	margin-left: 30px;
}
.home-overview .home-vision-left p.main ,.home-overview .home-business-right p.main {
	font-size: 20px;
    font-weight: 500;

}
.home-overview .home-vision-left p.sub ,.home-overview .home-business-right p.sub {
	margin-top: 0px;

}

.home-overview .home-button-link{
	width:260px;

}
.home-overview a.btn01 {
	    background: #FFF;
    padding: 10px;
    display: block;
    margin-top: 20px;
	position: relative;
	text-decoration: none;
}
.home-overview a.btn01::before {
	content: "";
    border: 6px solid transparent;
    border-left-color: #1f1c1c;
    position: absolute;
    top: 37%;
    right: 10px;
}
/*ニュース*/
.top_news {
	padding: 30px 20px 50px;
	box-sizing: border-box;
}
.top_news .top_news_inner {
	overflow: hidden;
	width: 100%;
	max-width: 1065px;
	margin: 0 auto;
}
.top_news .news_text {
	float: left;
	width: 500px;
	margin-top: 0;
}
.top_news .news_text h3 {
	font-size: 20px;
	margin-bottom: 20px;
	font-weight: 500;
	text-align: left;
}
.top_news .news_text dd {
	margin: 5px 0 30px 0;
}
.top_news .news_text dt .date {
	margin-right: 15px;
	font-size: 11px;
	margin-bottom: 5px;
	font-weight: 700;
	letter-spacing: 0.2em;
}
#contents .top_news .news_text dt .cat {
    border-left: none;
}
.top_news .news_text dt .cat {
	padding: 0 8px;
	font-size: 11px;
	font-weight: normal;
	color: #fff;
}
.top_news .news_text a:hover {
	text-decoration: none;
}
.top_news .news_text a:hover dt .date, .top_news .news_text a:hover dd {
	text-decoration: underline;
}
.top_news .news_text dt .cat.media {
	background: #c79c9c;
}
.top_news .news_text dt .cat.info {
	background: #99bbb8;
}
.top_news .news_text dt .cat.release {
	background: #8f88b5;
}
.top_news .news_text dt .cat.publicity {
	background: #c79c9c;
}

.top_news .pj-area {
	width: 420px;
	float: right;
	overflow: hidden;
}
.top_news .pj-area .pj-area-bnr {
	margin-top: 20px;

}
.top_news .pj-area .pj-area-bnr img {
	margin-bottom: 20px;
}
.top_news .fb-page iframe {

}
.top_news .news_more {
	font-size: 12px;
	text-align: right;
	display: block;
	font-weight: bold;
}
/*ゼネプル*/
#geneple {
	background: #F2F2F2;
		width: 100%;
		margin: 0 auto;
		padding-top: 20px;
	}
}
#geneple .geneple-title {
	padding-top: 60px;
}
#geneple .geneple-title p.open-geneple {
	display: inline-flex;
    margin-left: 20px;
    margin-top: 0px;
    padding: 10px 0px;

}
#geneple .geneple-title p.open-geneple a {
	padding: 10px 34px 10px 10px;
    background: #000;
    color: #FFF;
    text-decoration: none;
    position: relative;

}
#geneple .geneple-title p.open-geneple a::before{
	    content: '';
    background-image: url(img/geneple_open.svg);
    position: absolute;
    width: 16px;
    height: 16px;
    left: 84%;
    top: 17px;
}
#geneple ul.geneple-post {
	margin-top: 30px;
    display: flex;
    padding-bottom: 60px;
}

#geneple ul.geneple-post li {
    width: 32.1%;
    float: left;
    margin: 0 0.6%;
    list-style: none;

}
#geneple ul.geneple-post li img {
	width: 100%;
}

#geneple .geneple-post .common_content p.common_category {
	display: inline-block;
    background: #282828;
    color: #fff;
    font-weight: bold;
    padding: 0px 7px 0;
    margin-top: 5px;
    font-size: 10px;

}
#geneple .geneple-post .common_content p.common_title {
	line-height: 1.6em;
    margin-top: 10px;
}
#geneple .geneple-post .common_content p.common_date {
	    margin-top: 5px;
    font-size: 13px;

}

/*フッター*/
footer {
	background: #000;
	padding-top: 30px;
}
#footer_inner {
	background: #000;
	padding-top: 27px;
}
#footer_inner #dream-icon {
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
#footer_inner #ft-menu {
	padding: 30px 0px;
}
#footer_inner #ft-menu ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 30px 0px 38px;
}
#footer_inner #ft-menu ul li {
	float: left;
	display: inline;
	padding: 0 8px;
	text-align: center;
}
#footer_inner #ft-menu ul li a {
	color: #FFF;
	font-weight: 500;
	letter-spacing: 0.2em;
}
#footer_inner #sub-menu {
	background: #ececec;
	border-top: 1px solid #999;
	border-bottom: 1px solid #dedede;
	padding: 5px 0px;
}
#footer_inner #sub-menu ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
#footer_inner #sub-menu ul li {
	float: left;
	display: inline;
	padding: 0 9px;
	text-align: center;
}
#footer_inner #sub-menu ul li a {
	font-size: 12px;
}
.copy {
	font-size: 10px;
	clear: both;
	margin-top: 0px;
	text-align: center;
	background: #FFF;
}
/*ブログアーカイブ*/
#contents .category_left h2, #contents .category_right h2 {
	font-size: 14px;
	border: none;
	text-align: center;
	font-weight: 500;
	display: block;
	margin: 0;
}
#blog-archive h3 span {
	font-size: 15px;
}
#blog-archive h3 {
	text-align: center;
	margin-bottom: 25px;
}
.blog_category {
	overflow: hidden;
	margin-top: 20px;
	margin-bottom: 0;
}
.blog_category ul {
	list-style: none;
	width: auto;
}
#blog_single .blog_category {
	margin-top: 90px;
}
#blog_single .blog_category ul {
}
.category_left, .category_right {
	width: 47.5%;
	height: 136px;
	background: #ffbf25;
	float: left;
	overflow: hidden;
	padding: 20px 0px;
}
#contents .category_left {
	margin-right: 4.3%;
}
.category_left h4, .category_right h4 {
	text-align: center;
}
#contents .category_left ul, #contents .category_right ul {
	overflow: hidden;
	margin-top: 15px;
	list-style: none;
	padding: 0 30px;
}
#contents .category_left ul li {
	background: #fff;
	width: 46.1%;
	padding: 10px 0;
	text-align: center;
	float: left;
	margin-bottom: 10px;
}
#contents .category_left ul li:hover {
	background: #ccc;
}
#contents .category_left ul li a {
	display: block;
	text-decoration: none;
}
#contents .category_right ul li {
	width: auto;
	float: left;
}
#contents .contents_mb .blog_main {
	margin-bottom: 80px;
}
#contents .contents_mb .blog_main .bold {
	font-weight: 500;
	margin-bottom: 0;
	float: none;
	font-size: 14px;
}
#contents .blog_main ul {
	overflow: hidden;
	letter-spacing: -10px;;
	margin: 0 -10px;
}
#contents .blog_main a {
	display: block;
	text-decoration: none;
}
#contents .blog_main .blog_title {
	overflow: hidden;
}
#contents .blog_main ul li {
	vertical-align: top;
	letter-spacing: 0.025em;
	position: relative;
	width : 33.33333% ; /* 未対応ブラウザ用フォールバック */
	width : -webkit-calc(100% / 3) ;
	width : calc(100% / 3) ;
	margin-top: 30px;
	display: inline-block;
	list-style: none;
	box-sizing: border-box;
	padding: 0 10px;
}
#contents .contents_mb .blog_main ul li h3 {
	font-size: 14px;
	font-weight: 500;
	text-align: left;
	margin: 3px 0px 0px 0px;
	letter-spacing: 0.025em;
}
#contents .contents_mb .blog_main ul li:nth-child(3n) {
	margin-right: 0;
}
#contents .blog_main ul li img {
	margin-bottom: 5px;
	width: 100%;
	height: auto;
	border: 1px solid #ececec;
	box-sizing: border-box;
	opacity: 1;
}
#contents .contents_mb .blog_main ul li a {
	position: relative;
}
#contents .contents_mb .blog_main ul .title {
	background-color: #f4f4f4;
	font-size: 11px;
	padding: 0 5px;
	position: absolute;
	top: 0;
	left: 0;
	color: #fff;
	border: none !important;
}
#contents .contents_mb .blog_main ul .title.culture {
	background: #c9a32f;
}
#contents .contents_mb .blog_main ul .title.event {
	background: #cf527e;
}
#contents .contents_mb .blog_main ul .title.knowledge {
	background: #52c3cf;
}
#contents .contents_mb .blog_main ul .title.project {
	background: #65b76f;
}
#contents .contents_mb .blog_main ul .title.gl-people {
	background: #e67e5e;
}
#contents .contents_mb .blog_main ul .title.media {
	background: #c79c9c;
}
#contents .contents_mb .blog_main ul .title.release {
	background: #8f88b5;
}
#contents .contents_mb .blog_main ul .title.info {
	background: #99bbb8;
}
#contents .contents_mb .blog_main ul .title.publicity {
	background: #c79c9c;
}
#contents .contents_mb .blog_main ul .title.business {
	background: #436c9f;
}
#contents .contents_mb .blog_main ul span {
	margin-bottom: 5px;
}
#contents .contents_mb .blog_main ul span.date {
	font-size: 11px;
	font-weight: 500;
	letter-spacing: 0.2em;
}
#contents .contents_mb .blog_main ul span.cat {
	padding: 0 8px;
	font-size: 12px;
	font-weight: normal;
	color: #fff;
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
}
#contents .contents_mb .blog_main ul span.cat.info {
	background: #99bbb8;
}
#contents .contents_mb .blog_main ul span.cat.publicity {
	background: #c79c9c;
}
#contents .contents_mb .blog_main ul span.cat.release {
	background: #8f88b5;
}
#contents .category_left ul .cat-item-2diary {
	border-left: 3px solid #c9a32f;
}
#contents .category_left ul .cat-item-3column {
	border-left: 3px solid #cf527e;
}
#contents .category_left ul .cat-item-4news {
	border-left: 3px solid #436c9f;
}
#contents .category_left ul li:nth-child(odd) {
	margin-right: 5%;
}
#contents .culture, #blog_single .culture, #contents .contents_mb .blog_main ul .title.culture {
	border-left: 3px solid #c9a32f;
}
#contents .event, #blog_single .event, #contents .contents_mb .blog_main ul .title.event {
	border-left: 3px solid #cf527e;
}
#contents .knowledge, #blog_single .knowledge, #contents .contents_mb .blog_main ul .title.knowledge {
	border-left: 3px solid #52c3cf;
}
#contents .project, #blog_single .project, #contents .contents_mb .blog_main ul .title.project {
	border-left: 3px solid #65b76f;
}
#contents .gl-people, #blog_single .gl-people, #contents .contents_mb .blog_main ul .title.gl-people {
	border-left: 3px solid #e67e5e;
}
#contents .business, #blog_single .business, #contents .contents_mb .blog_main ul .title.business {
	border-left: 3px solid #436c9f;
}
#contents .media, #blog_single .media, #contents .contents_mb .blog_main ul .title.media {
	border-left: 3px solid #c79c9c;
}
#contents .release, #blog_single .release, #contents .contents_mb .blog_main ul .title.release {
	border-left: 3px solid #8f88b5;
}
#contents .info, #blog_single .info, #contents .contents_mb .blog_main ul .title.info {
	border-left: 3px solid #99bbb8;
}
#contents .info, #blog_single .publicity, #contents .contents_mb .blog_main ul .title.publicity {
	border-left: 3px solid #c79c9c;
}
/*ブログシングル*/
.blog_inner h1 {
	margin-top: 30px;
	margin-bottom: 20px;
	font-size: 30px;
	text-align: left;
}
.blog_inner h2 {
}
.blog_inner h3 {
	padding-bottom: 14px;
	border-bottom: 1px dotted #333;
	margin-top: 65px;
}
.blog_inner h4 {
}
.blog_inner h5 {
}
#blog_single h2 {
	font-size: 24px;
	margin: 60px 0 0 0;
	padding-bottom: 15px;
	border-bottom: solid 1px #333;
	display: block;
}
#blog_single .subtitle, #blog_single .date {
	font-size: 12px;
}
#blog_single .category {
	background: #f4f4f4;
	padding: 0 5px;
	margin-right: 10px;
}
#blog_single .sub_cat {
	padding: 0 8px;
	font-size: 11px;
	font-weight: normal;
	color: #fff;
	margin-right: 10px;
}
#blog_single .sub_cat.info {
	background: #99bbb8;
}
#blog_single .sub_cat.publicity {
	background: #c79c9c;
}
#blog_single .sub_cat.release {
	background: #8f88b5;
}
#blog_single p {
	font-size: 16px;
	margin: 30px 0 0 0;
}
#blog_single .date, #blog_single .text {
	border: none;
}
#blog_single .date {
	letter-spacing: 0.2em;
}
#blog_single .contents_mb img {
	max-width: 100%;
	height: auto;
}
#blog_single .contents_mb .blog_inner {
	width: 766px;
	max-width: 100%;
	margin: 0 auto 20px;
}
#contents .blog_option .blog_main {
	margin-bottom: 40px;
}
#contents .blog_option .blog_main ul {
}
#blog_single #contents .blog_option h2 {
	font-weight: 600;
	font-size: 20px;
	border-left: 5px solid #fab52c;
	padding-left: 10px;
}
.blog_inner ul {
	margin-top: 30px;
}
.blog_inner ul li {
	margin-left: 20px;
	padding: 4px 0px;
}
/*パン屑*/
#blog_single .breadcrumbs span {
	border-left: none;
	background: #f4f4f4;
	padding: 0;
	margin: 0;
}
#blog_single .breadcrumbs, .breadcrumbs {
	margin-bottom: 30px;
	background: #f4f4f4;
	font-size: 10px;
	padding: 3px 5px;
	display: inline;
}
#blog_single .breadcrumbs, .breadcrumbs span {
	padding: 0 5px;
}
#blog_single dl.simple {
	margin-top: 10px;
	font-size: 15px;
	display: block;
	overflow: hidden;
	line-height: 1.9;
}
#blog_single dl.simple dt {
	display: block;
	width: 17%;
	margin-right: 10px;
	text-align: center;
	background: #ececec;
	clear: both;
	margin-top: 15px;
}
#blog_single dl.simple dd {
	margin-top: 10px;
}
#blog_single .point {
	background: #f9f9f9;
	border: 3px solid #ececec;
	margin-top: 56px;
	padding: 49px;
}
#blog_single dl.simple02 {
	line-height: 1.8;
	margin-top: 10px;
}
#blog_single dl.simple02 dt {
	float: left;
	margin-right: 10px;
}
#blog_single dl.simple02 dd {
	padding-left: 60px;
}
/*タイトル*/
p.title-image img {
}
h1.sub, p.sub {
	font-size: 13px;
	font-weight: normal;
	margin-top: 40px;
}
h1.sub svg {
	display: none;
}
h1.sub span, p.sub span {
	display: block;
	margin-top: 20px;
	letter-spacing: 0.3em;
	line-height: 1.4;
}
h1.sub span.news img, p.sub span.news img {
	width: 130px;
	height: auto
}
.line3image, .line5image {
	fill: none;
	stroke: #161515;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-miterlimit: 10;
}
.line3, .line5 {
	fill: none;
	stroke: #161515;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-miterlimit: 10;
	stroke-dasharray: 3000;
	stroke-dashoffset: 3000;
	animation: DASH 3s ease-in alternate forwards;
	-webkit-animation: DASH 3s ease-in 0s forwards;
	-o-animation: DASH 3s ease-in 0s forwards;
	animation: DASH 3s ease-in 0s forwards;
}

@media all and (-ms-high-contrast: none) {
.line3, .line5 {
	stroke-dasharray: 0;
	stroke-dashoffset: 0;
}
}
.line3, .line3image {
	stroke-width: 3.5;
}
.line5, .line5image {
	stroke-width: 5;
}
.delay05 {
	animation-delay: 0.5s;
	-webkit-animation-delay: 0.5s;
	-moz-animation-delay: 0.5s;
}
.delay14 {
	animation-delay: 1.4s;
	-webkit-animation-delay: 1.4s;
	-moz-animation-delay: 1.4s;
}
.delay15 {
	animation-delay: 1.5s;
	-webkit-animation-delay: 1.5s;
	-moz-animation-delay: 1.5s;
}
.delay16 {
	animation-delay: 1.6s;
	-webkit-animation-delay: 1.6s;
	-moz-animation-delay: 1.6s;
}
.s, .sitemap {
	fill: none;
	stroke: #161515;
	stroke-width: 3.5;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-miterlimit: 10;
}
.s, .sitemap {
	stroke-dasharray: 3000;
	stroke-dashoffset: 3000;
	animation: DASH 3s ease-in alternate forwards;
	-webkit-animation: DASH 3s ease-in 0s forwards;
	-o-animation: DASH 3s ease-in 0s forwards;
	animation: DASH 3s ease-in 0s forwards;
}
.sitemap {
	animation-delay: 0.5s;
	-webkit-animation-delay: 0.5s;
	-moz-animation-delay: 0.5s;
}
.line6 {
	fill: none;
	stroke: #161515;
	stroke-width: 5;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-miterlimit: 10;
}
.line6 {
	stroke-dasharray: 3000;
	stroke-dashoffset: 3000;
	animation: DASH2 1s ease-in alternate forwards;
	-webkit-animation: DASH2 1s ease-in 0s forwards;
	animation: DASH2 1s ease-in 0s forwards;
}
.line6 {
	animation-delay: 1.7s;
	-webkit-animation-delay: 1.7s;
	-moz-animation-delay: 1.7s;
}
.line7 {
	fill: none;
	stroke: #161515;
	stroke-width: 3.5;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-miterlimit: 10;
}
.line7 {
	stroke-dasharray: 3000;
	stroke-dashoffset: 3000;
	animation: DASH2 1s ease-in alternate forwards;
	-webkit-animation: DASH2 1s ease-in 0s forwards;
	animation: DASH2 1s ease-in 0s forwards;
}
.line7 {
	animation-delay: 1.8s;
	-webkit-animation-delay: 1.8s;
	-moz-animation-delay: 1.8s;
}
 @keyframes DASH {
	0% {
		stroke-dashoffset:3000;
	}
	100% {
		stroke-dashoffset:0;
	}
}
@-moz-keyframes DASH {
	0% {
		stroke-dashoffset:3000;
	}
	100% {
		stroke-dashoffset:0;
	}
}
@-webkit-keyframes DASH {
	0% {
		stroke-dashoffset:3000;
	}
	100% {
		stroke-dashoffset:0;
	}
}
@-o-keyframes DASH {
	0% {
		stroke-dashoffset:3000;
	}
	100% {
		stroke-dashoffset:0;
	}
}
@-ms-keyframes DASHf {
	0% {
		stroke-dashoffset:3000;
	}
	100% {
		stroke-dashoffset:0;
	}
}
/*wp-pagenavi*/
.wp-pagenavi {
	overflow: hidden;
	margin: 40px 0 0 0px;
	letter-spacing: -10px;
}
.wp-pagenavi span, .wp-pagenavi a {
	display: inline-block !important;
	letter-spacing: 0.025em;
	background-color: #ffbf25;
	padding: 10px 15px;
	margin-right: 3px;
}
.wp-pagenavi a, .wp-pagenavi span {
	border: none;
	font-size: 14px;
}
.wp-pagenavi .current {
	background-color: #ffdf94;
}
/*2カラム*/
#contents .contents_mb ul.column2 {
	overflow: hidden;
	margin: 0 -15px;
	letter-spacing: -.3em;
}
#contents .contents_mb ul.column2 li {
	display: inline-block;
	width: 50%;
	padding: 0 15px;
	list-style: none;
	margin-bottom: 50px;
	box-sizing: border-box;
	letter-spacing: 0.025em;
	vertical-align: top;
}
#contents .contents_mb ul.column2 li a img {
	width: 100%;
}
#contents .contents_mb ul.column2 li h2 {
	border: none;
	margin-top: 10px;
}
#contents .contents_mb ul.column2 li p {
	margin-top: 0px;
}
/*ビジョン*/
.effect {
	height: 120px;
	position: relative;
}
.effect .line01 {
	position: absolute;
	left: 50%;
	top: -50px;
	opacity: 0;
	transition: .8s;
	margin-left: -4px;
}
.effect.show .line01 {
	top: 20px;
	opacity: 1;
}
.vision_top {
	margin-top: 60px;
}
#vision #contents .contents_mb {
}
#vision #contents .contents_mb .philosophy p {
	text-align: center;
	font-size: 24px;
	letter-spacing: 0.1em;
}
#vision .viewer {
	margin: 0 auto;
	text-align: left;
	overflow: hidden;
}
#vision .viewer img {
	display: block;
	margin: 0 auto;
}
#vision .viewer ul {
	text-align: left;
	overflow: hidden;
	width: 100%;
}
#vision .viewer ul li img {
	height: auto;
}
#vision .viewer .year_text {
	text-align: center;
	width: 368px;
	margin: 50px auto 15px;
}
#vision .viewer .year_text span {
	font-size: 25px;
	display: block;
	margin-bottom: 40px;
	letter-spacing: 0.18em;
}
#vision .guidelines ul {
	margin: 0 -20px;
	letter-spacing: -.3em;
	font-size: 0;
}
#vision .guidelines .block {
	text-align: center;
	width: 50%;
	display: inline-block;
	padding: 0 20px;
	margin: 0;
	letter-spacing: 0.025em;
	box-sizing: border-box;
	vertical-align: top;
}
#vision .guidelines ul {
	margin-top: 0;
	overflow: hidden;
	list-style: none;
}
#vision #contents .guidelines li {
	margin-bottom: 45px;
}
#vision .guidelines .block span {
	font-size: 20px;
	font-weight: 500;
	float: none;
}
#vision .guidelines .block p {
	padding: 0 10px;
	margin-top: 10px;
	text-align: left;
}
#vision .guidelines .block .inbox p {
	padding: 0;
	margin-top: 10px;
	text-align: center;
	font-size: 21px;
}
#vision .guidelines .inbox {
	background: #ffb500;
	padding: 40px 0;
	min-height: 63px;
}
#vision .guidelines {
	overflow: hidden;
	margin-top: 50px;
}
#vision #contents .contents_mb .policy h3 {
	margin-top: 35px;
	font-size: 21px;
	font-weight: 500;
	letter-spacing: 0.16em;
}
#vision #contents .guidelines .vision_concept {
	margin: 50px 0 50px;
}
#vision #contents .guidelines .vision_concept .title {
	text-align: center;
	font-size: 50px;
	font-weight: bold;
}
.policy_block1, .policy_block2, .policy_block3 {
	clear: both;
}
.policy_block1 {
	margin-top: 110px;
	min-height: 310px;
}
.policy_block1 .policy_left {
	margin-top: 10px;
	position: relative;
	z-index: 1;
	background: #fff;
}
.policy_block1 img,
.policy_block3 img{
	right: 0;
}
.policy_block2 img {
	left: 0;
}
.policy_block2 {
	margin-top: 0;
	min-height: 475px;
}
.policy_block2 img {
	margin-top: 0;
	margin-left: 40px;
}
.policy_block2 .policy_right {
	margin-top: 100px;
	position: relative;
	z-index: 1;

}
.policy_block3 {
	margin-top: 0;
	min-height: 310px;
}
.policy_block3 img {
	margin-right: 40px;
}
.policy_block3 .policy_left {
	margin: 100px 0 0 20px;
}
.policy_left {
	float: left;
}
.policy_right {
	float: right;
}
.policy {
	overflow: hidden;
	position: relative;
	text-align: center;
}
.policy img {
	position: absolute;
}
#vision .effect {
	position: relative;
}

#vision .line02 {
	top: -110px;
	left: 50%;
	margin-left: 60px;
}
#vision .line03 {
	top: 380px;
	left: 50%;
	margin-left: -70px;
}
#vision .line04 {
	top: 710px;
	left: 50%;
	margin-left: 120px;
}
.philosophy {
	position: relative;
	text-align: center;
}
#vision .contents_mb > section {
	text-align: center;
	position: relative;
}
#vision .contents_mb > section .lead_strong {
	font-size: 24px;
	letter-spacing: 0.1em;
}
#vision .contents_mb > section .lead {
	line-height: 1.8;
	margin-bottom: 30px;
}
.zengiku {
	text-align: center;
}
.zengiku_block {
	overflow: hidden;
	margin: 0 -15px;
}
.zengiku_block section {
	width : 33.33333% ; /* 未対応ブラウザ用フォールバック */
	width : -webkit-calc(100% / 3) ;
	width : calc(100% / 3) ;
	float: left;
	padding: 0 15px;
	box-sizing: border-box;
}
.zengiku_block section .block {
	padding: 30px 20px;
	background: #f6f6f6;
}
.zengiku_block section .block h3 img {
	width: 100px;
}
.zengiku_block section .block h3 {
	margin-top: 0;
}
.zengiku_block section .block h3 span {
	display: block;
	margin-top: 30px;
	font-size: 25px;
	line-height: 1;
}
.zengiku_block section .block p {
	font-size: 15px;
}
.zengiku_block section .block .img img {
	width: 100%;
}
.logo_zengiku {
	margin: 30px 0;
}

@media screen and (max-width: 767px) {
	.effect {
		height: 60px;
	}
	.effect .line01 {
		top: -20px;
		margin-left: -2px;
	}
	.effect.show .line01 {
		top: 10px;
	}
	#vision .line01 img {
		width: 4px;
	}
	.zengiku_block {
		margin: 0;
	}
	.zengiku_block section {
		width : 100% ;
		padding: 0;
	}
	#vision .contents_mb > section .lead_strong {
		font-size: 16px;
	}
	.zengiku_block section:not(:last-child) {
		margin-bottom: 10px;
	}
	.zengiku_block section .block {
		padding: 25px 20px;
	}
	.zengiku_block section .block h3 img {
		width: 69px;
	}
	.zengiku_block section .block h3 span {
		font-size: 16px;
		margin-top: 15px;
	}
	.zengiku_block section .block p {
		font-size: 14px;
		margin-top: 15px;
	}
	.zengiku_block section .block .img img {
		width: 220px;
	}
	.logo_zengiku {
		margin: 30px 0 0;
	}
	.logo_zengiku img {
		width: 151px;
	}
}

/*事業概要*/
#platform {
	position: relative;
	margin: 20px 10px;
	width: 552px;
	float: right;
}
#platform img {
}
#platform .p-back {
}
#platform .p-base {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 446px;
	height: 493px;
}
.p-back {
	-webkit-animation: spin 25s linear infinite;
	-moz-animation: spin 25s linear infinite;
	-ms-animation: spin 25s linear infinite;
	-o-animation: spin 25s linear infinite;
	animation: spin 25s linear infinite;
}
 @-webkit-keyframes spin {
 0% {
-webkit-transform: rotate(0deg);
}
 100% {
-webkit-transform: rotate(360deg);
}
}
@-moz-keyframes spin {
 0% {
-moz-transform: rotate(0deg);
}
 100% {
-moz-transform: rotate(360deg);
}
}
@-ms-keyframes spin {
 0% {
-ms-transform: rotate(0deg);
}
 100% {
-ms-transform: rotate(360deg);
}
}
@-o-keyframes spin {
 0% {
-o-transform: rotate(0deg);
}
 100% {
-o-transform: rotate(360deg);
}
}
@keyframes spin {
 0% {
transform: rotate(0deg);
}
 100% {
transform: rotate(360deg);
}
}
#jinzai, #web, #media, #marketing, #contribution, #service {
	overflow: hidden;
	float: left;
}
.open-dev-radar {
	position: relative;
	width: 100%;
	padding-top: 100%;
}
.open-dev-badge {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 96px;
	height: 96px;
	padding: 15px;
}
.gt-dev {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.gt-dev:after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	border-radius: 50%;
	border: solid 1px rgba(202,202,200, 0.74);
	background-image: -webkit-radial-gradient(circle farthest-corner, rgba(229,234,238, 0) 52%, rgba(229,234,238, 0.62) 100%);
	background-image: radial-gradient( circle farthest-corner, rgba(229,234,238, 0) 52%, rgba(229,234,238, 0.62) 100% );
	-webkit-animation-duration: 3.2s;
	animation-duration: 3.2s;
	-webkit-animation-name: pulse;
	animation-name: pulse;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	opacity: 0;
	filter: alpha(opacity=0);
}
.gt-dev:nth-child(4) {
	width: 120px;
	height: 120px;
}
.gt-dev:nth-child(3) {
	width: 190px;
	height: 190px;
}
.gt-dev:nth-child(3):after {
	-webkit-animation-delay: 0.2s;
	animation-delay: 0.2s;
}
.gt-dev:nth-child(2) {
	width: 270px;
	height: 270px;
}
.gt-dev:nth-child(2):after {
	-webkit-animation-delay: 0.4s;
	animation-delay: 0.4s;
}
.gt-dev:nth-child(1) {
	width: 370px;
	height: 370px;
}
.gt-dev:nth-child(1):after {
	-webkit-animation-delay: 0.6s;
	animation-delay: 0.6s;
}
 @-webkit-keyframes pulse {
 0% {
 -webkit-transform: scale(0);
 transform: scale(0);
 opacity: 0;
 filter: alpha(opacity=0);
}
 90% {
 -webkit-transform: scale(1);
 transform: scale(1);
 opacity: 1;
 filter: alpha(opacity=100);
}
 100% {
 -webkit-transform: scale(1.1);
 transform: scale(1.1);
 opacity: 0;
 filter: alpha(opacity=0);
}
}
 @keyframes pulse {
 0% {
 -webkit-transform: scale(0);
 transform: scale(0);
 opacity: 0;
 filter: alpha(opacity=0);
}
 90% {
 -webkit-transform: scale(1);
 transform: scale(1);
 opacity: 1;
 filter: alpha(opacity=100);
}
 100% {
 -webkit-transform: scale(1.1);
 transform: scale(1.1);
 opacity: 0;
 filter: alpha(opacity=0);
}
}
#summary #tabmenu ul.platform-detail {
	overflow: hidden;
	width: auto;
	margin-top: 30px;
}
#summary #tabmenu ul.platform-detail li {
	padding-left: 37px;
	line-height: 2em;
	font-size: 17px;
}
#summary #tabmenu ul.platform-detail li:before {
	content: '';
	width: 10px;
	height: 10px;
	display: inline-block;
	border-radius: 100%;
	position: relative;
	left: -15px;
	top: -3px;
}
#summary #tabmenu ul.platform-detail li:nth-child(1):before {
	background: #d4781e;
}
#summary #tabmenu ul.platform-detail li:nth-child(2):before {
	background: #2f75ca;
}
#summary #tabmenu ul.platform-detail li:nth-child(3):before {
	background: #2a9dba;
}
#summary #tabmenu ul.platform-detail li:nth-child(4):before {
	background: #c4508f;
}
#summary #tabmenu ul.platform-detail li:nth-child(5):before {
	background: #bc5353;
}
#summary #tabmenu ul.platform-detail li:nth-child(6):before {
	background: #66ab6f;
}
#summary #tabmenu ul.platform-detail li.platform01 {
	background: url(img/platform01.png) no-repeat left;
}
#summary #tabmenu ul.platform-detail li.platform02 {
	background: url(img/platform02.png) no-repeat left;
}
#summary #tabmenu ul.platform-detail li.platform03 {
	background: url(img/platform03.png) no-repeat left;
}
#summary #tabmenu #tab_contents #marketing li {
	margin-right: 0;
}
#summary #tabmenu ul.tab_area {
	margin: 15px -5px 0;
	letter-spacing: -10px;
}
#summary #tabmenu ul.tab_area li {
	width: 25%;
	display: inline-block;
	padding: 0 5px;
	box-sizing: border-box;
}
#summary #tabmenu #tab li span {
	text-align: center;
	display: block;
	padding: 10px 0;
	border: 2px solid #313131;
	font-weight: 500;
	cursor: pointer;
	letter-spacing: 0.025em;
}

#summary #tabmenu #tab li.select span {
	background: #313131;
	color: #fff;
	cursor: default;
}
#summary #tabmenu #tab li:hover span {
	background: #313131;
	color: #fff;
}
#summary #tabmenu li a:hover {
	text-decoration: none;
}
#summary #tabmenu #tab_contents {
	margin-top: 50px;
}
#summary #tabmenu #tab_contents .inner_box .jinzai li {
	height: 174px;
	margin-bottom: 30px;
	position: relative;
	overflow: none;
}
#summary #tabmenu #tab_contents li a {
	display: block;
}
#summary #tabmenu #tab li:nth-child(4) {
	margin-right: 0;
}
#summary #tabmenu #tab_contents #tab1, #summary #tabmenu #tab_contents #tab2, #summary #tabmenu #tab_contents #tab3 {
	margin-top: 70px;
}
#summary #tabmenu #tab_contents table {
	width: 776px;
	margin: 0 auto;
}
#summary #tabmenu #tab_contents table span {
	padding-left: 15px;
}
#summary #tabmenu #tab_contents dl p {
	margin-top: 5px;
}
#summary #tabmenu #tab_contents dl {
	width: 70%;
	margin: 0 auto;
	overflow: hidden;
	border-bottom: 1px solid #ececec;
}
#summary #tabmenu #tab_contents dt {
	width: 20%;
	float: left;
	padding: 30px 0;
}
#summary #tabmenu #tab_contents dt img {
	display: block;
	margin: 0 auto;
	width: 80px;
	height: auto;
}
#summary #tabmenu #tab_contents dd {
}
#summary #tabmenu #tab_contents dd span {
	display: block;
}
#summary #tabmenu #tab_contents dd {
	padding: 30px 0;
	float: left;
}
#summary #tabmenu #tab_contents dd.center {
	text-align: left !important;
}
#summary #tabmenu #tab_contents dd ul {

}
#summary #tabmenu #tab_contents dd > ul > li {
	list-style: none;
	margin-top: 20px;
}
#summary #tabmenu #tab_contents dd > ul > li > ul {
	margin-top: 5px;
}
#summary #tabmenu #tab_contents dd ul > li > ul > li {
	margin-left: 30px;
	margin-top: 5px;
}
.timeline > li {
	overflow: hidden;
	margin: 0;
	position: relative;
}
.timeline-wrap {
	width: 100%;
	overflow: hidden;
	display: table;
}
.timeline-date {
	width: 40px;
	display: table-cell;
	margin-top: 0;
	line-height: 1;
	padding-right: 10px;
	text-align: right;
}
#summary #tabmenu #tab2 li .timeline-wrap .timeline-content {
	padding-right: 290px;
}
.timeline-content {
	display: table-cell;
	border-left: 3px #e5e5d1 solid;
	padding-left: 20px;
	height: 50px;
	margin-top: 0;
	text-align: left;
	position: relative;
	box-sizing: border-box;
}
.timeline-content:before {
	content: '\2022';
	font-size: 33px;
	position: absolute;
	top: -3px;
	left: -7px;
	color: #f9b600;
}
#summary #tabmenu .title {
	text-align: center;
	font-size: 18px;
	margin: 0 0 40px 0;
	line-height: 1.7em;
}
#summary #tabmenu #tab2 li {
		padding-left: 250px;
}
#summary #tabmenu #tab2 li,#contents .contents_mb .business_page .business_page_inner .history #tab2 ul li {
	width: 100%;
	border-bottom: none;
	margin-bottom: 0;
	font-weight: normal;
	padding-top: 0px;
	padding-bottom: 0;
	height: inherit;
	border-top: none;
	border-left: none;
	border-right: none;
	vertical-align: top;
}
#summary #tabmenu #tab2 h3 {
	width: 200px;
	text-align: left;
	border-right: 3px solid #e5e5d1;
	margin-top: 0;
	padding-left: 100px;
}
#summary #tabmenu ul.timeline,#contents .contents_mb .business_page .business_page_inner .history #tab2 ul.timeline {
	margin-top: 0px;
	line-height: 0;
}
/*事業概要*/
#summary .cont_box {
	height: 387px;
	margin-bottom: 40px;
	clear: both;
	position: relative;
	display: flex;
align-items: center;
}
#tab_contents .h2-wrap {
	text-align: center;
}
#tab_contents .h2-wrap h2 {
	margin-bottom: 0;
}
#tab_contents h2 {
	margin-bottom: 30px;
}
#summary .cont_box h3 {
	color: #fff;
	font-size: 13px;
	display: inline-block;
	padding: 7px 9px;
	margin-top: 25px;
	position: absolute;
	left: 0;
	box-sizing: border-box;
	text-align: center;
}
#summary .medical_img h3 {
	width: 125px;
	right: 330px;
}
#summary .web_img h3 {
	width: 85px;
	right: 370px;
}
#summary .contribution_img h3 {
	width: 110px;
	right: 345px;
}
#summary .cont_box .left_z h3 {
	left: initial;
}
#summary .cont_box h4 {
	font-weight: 500;
	font-size: 17px;
}
#summary .cont_box ul {
}
#summary .cont_box ul li {
	width: 455px;
	margin-bottom: 15px;
	list-style: none;
}
#summary .cont_box ul li a,
#summary .cont_box ul li .no_link {
	padding: 25px 30px;
	position: relative;
	background-color: #f3f3f3;
	display: block;
}
#summary .cont_box ul li a:after {
	margin: -20px 0 0 -10px;
	border: 7px solid transparent;
	content: "";
	position: absolute;
	top: 60%;
	right: 3%;
}
#summary .cont_box ul li:last-child {
	margin-bottom: 0;
}
#summary .cont_box ul li a:hover {
	background: #dcdcdc;
}
#summary .cont_box ul li p {
	margin-top: 10px;
}
.btoc_img ul {
	margin-bottom: 40px;
}
.web_img　ul {
	right: 50%;
}
.right_z {
	z-index: -1;
	position: absolute;
	right: 0;
	width: 100%;
}
.right_z img {
	float: right;
}
.left_z {
	z-index: -1;
	left: 0;
	width: 100%;
}
.left_z img {
	float: left;
}
#summary .jinzai_img ul li a:after {
	border-left-color: #d4781e;
}
#summary .web_img ul li a:after {
	border-left-color: #2f75ca;
}
#summary .marketing_img ul li a:after {
	border-left-color: #c4508f;
}
#summary .medical_img ul li a:after {
	border-left-color: #2FAAA6;
}
#summary .realestate_img ul li a:after {
	border-left-color: #8366AB;
}
#summary .btoc_img ul li a:after {
	border-left-color: #bc5353;
}
#summary .contribution_img ul li a:after {
	border-left-color: #66ab6f;
}
.outlink_s {
	text-align: center;
	margin: 10px 0 10px;
}
.eating .outlink_s {
	text-align: left;
	margin: 5px 0 0;
}
#contents .contents_mb .business_page .business_page_inner .outlink_s a, ul.optout li a {
	margin: 0;
	background: url(img/outlink.png) no-repeat;
	padding-left: 22px;
}
/*カンボジア年表*/
#contents .contents_mb .business_page .business_page_inner .history {
	margin-top: 50px;
}
#contents .contents_mb .business_page .business_page_inner .history #tab2 h3 {
	width: 123px;
text-align: left;
border-right: 3px solid #e5e5d1;
margin-top: 0;
border-bottom: none;
padding: 0;
margin-bottom: 0;
}
#contents .contents_mb .business_page .business_page_inner .history #tab2 ul {
	margin-top: 0px;
line-height: 0;
}
#contents .contents_mb .business_page .business_page_inner .history #tab2 ul li {
	margin-left: 73px;
	padding-top: 0;
}
#contents .contents_mb .business_page .business_page_inner .history #tab2 ul li span{
	border: none;
    background: none;
    text-align: left;
    font-weight: normal;
    font-size: 90%;
    margin: 0 0 15px 0;
    color: rgb(51, 51, 51);
    cursor: unset;
    display: block;
}

/*会社概要*/
.tab_area {
	margin: 0;
}
.tab_area li.select {
	position: relative;
}
.tab_area li.select span:before {
	content: "";
	position: absolute;
	bottom: -15px;
	left: 50%;
	margin-left: -7px;
	border: 7px solid transparent;
	border-top: 8px solid #313131;
}
.hide {
	display: none;
}
#summary #contents #tabmenu .business_menu li {
	width: 165px;
	margin-right: 15px;
}
#summary #contents #tabmenu .business_menu li:last-child {
	margin-right: 0;
}
#summary #tabmenu .inner_box:nth-child(even) {
	margin-right: 0;
}
#summary #tabmenu .inner_box span {
	float: left;
	color: #fff;
	padding: 3px 5px;
	font-size: 12px;
}
#summary #tabmenu .inner_box h2 {
	text-align: left;
	display: block;
	border: none;
	margin-top: 0px;
	padding: 45px 0 0 20px;
}
#summary #tabmenu .inner_box p {
	text-align: left;
	padding: 15px 0 0 20px;
	float: left;
	margin: 0;
}
#summary #tabmenu .inner_box {
	list-style: none;
	overflow: initial;
	width: 47%;
	float: left;
	margin-right: 3%;
	margin-bottom: 20px;
	position: relative;
}
#summary #tabmenu ul li.inner_box, #summary #tabmenu ul li.inner_box::before, #summary #tabmenu ul li.inner_box::after {
	-webkit-transition: all .3s;
	transition: all .3s;
}
#summary #tabmenu ul li.inner_box:hover a {
	color: #FFF;
	text-decoration: none;
}
#summary #tabmenu ul li.jinzai {
	border: 5px solid #d4781e;
}
#summary #tabmenu ul li.jinzai span {
	background: #d4781e;
}
#summary #tabmenu ul li.jinzai:hover {
	background-color: #d4781e;
}
#summary #tabmenu ul li.web {
	border: 5px solid #2f75ca;
}
#summary #tabmenu ul li.web span {
	background: #2f75ca;
}
#summary #tabmenu ul li.web:hover {
	background: #2f75ca;
}
#summary #tabmenu ul li.media {
	border: 5px solid #2a9dba;
}
#summary #tabmenu ul li.media span {
	background: #2a9dba;
}
#summary #tabmenu ul li.media:hover {
	background: #2a9dba;
}
#summary #tabmenu ul li.marketing {
	border: 5px solid #c4508f;
}
#summary #tabmenu ul li.marketing span {
	background: #c4508f;
}
#summary #tabmenu ul li.marketing:hover {
	background: #c4508f;
}
#summary #tabmenu ul li.service {
	border: 5px solid #bc5353;
}
#summary #tabmenu ul li.service span {
	background: #bc5353;
}
#summary #tabmenu ul li.service:hover {
	background: #bc5353;
}
#summary #tabmenu ul li.contribution {
	border: 5px solid #66ab6f;
}
#summary #tabmenu ul li.contribution span {
	background: #66ab6f;
}
#summary #tabmenu ul li.contribution:hover {
	background: #66ab6f;
}
/*役員紹介*/
#summary #tabmenu .director {
	overflow: hidden;
	margin-top: 30px;
}
#summary #tabmenu .director .director_inner {
	width: 100%;
	float: left;
	margin-left: -460px;
	padding-left: 460px;
	box-sizing: border-box;
}
#summary #tabmenu .director img {
	float: left;
	margin-right: 40px;
}
#summary #tabmenu .director .director_inner h2 {
	border: none;
	margin-top: 10px;
	margin-bottom: 0;
}
#summary #tabmenu .director .director_inner h2 span {
	font-size: 13px;
}
#summary #tabmenu .director .director_inner ul {
	margin-top: 10px;
}
#summary #tabmenu #tab_contents .director .director_inner ul li {
	border: none;
	float: none;
	width: 100%;
	text-align: left;
	padding-bottom: 0;
	margin-bottom: 5px;
	height: inherit;
}
#summary #tabmenu #tab_contents .director .director_inner dl {
	display: block;
	margin-top: 15px;
	width: 100%;
}
#summary #tabmenu #tab_contents .director .director_inner dl dt {
	display: block;
	float: none;
	padding: 0;
}
#summary #tabmenu #tab_contents .director .director_inner dl dd {
	padding: 5px 0 20px 0;
	font-size: 24px;
	float: none;
}
#summary #tabmenu .active {
	position: relative;
}
#summary #tabmenu .active:before {
	content: "";
	position: absolute;
	bottom: -6%;
	right: 46%;
	border: 7px solid transparent;
	border-top: 8px solid #000;
}
.summary_c:before {
	border-color: #000 transparent transparent transparent;
}
.jinzai_c {
	color: #d4781e;
}
.jinzai_b {
	background: #d4781e;
}
.jinzai_c:before {
	border-color: #d4781e transparent transparent transparent;
}
.prs_c {
	color: #2f75ca;
}
.prs_b {
	background: #64adae;
}
.prs_c:before {
	border-color: #2f75ca transparent transparent transparent;
}
.media_c {
	color: #2a9dba;
}
.media_b {
	background: #2a9dba;
}
.media_c:before {
	border-color: #2a9dba transparent transparent transparent;
}
.marketing_c {
	color: #c4508f;
}
.marketing_c:before {
	border-color: #c4508f transparent transparent transparent;
}
.marketing_b {
	background: #c4508f;
}
.medical_b {
	background: #2FAAA6;
}
.realestate_b {
	background: #8366AB;
}
.service_c {
	color: #bc5353;
}
.service_b {
	background: #bc5353;
}
.service_c:before {
	border-color: #bc5353 transparent transparent transparent;
}
.contribution_c {
	color: #66ab6f;
}
.contribution_b {
	background: #66ab6f;
}
.contribution_c:before {
	border-color: #66ab6f transparent transparent transparent;
}
/*代表メッセージ*/
#ceo_message h2 {
	font-size: 18px;
	padding-bottom: 8px;
	margin-top: 50px;
	text-decoration: none;
	text-align: center;
	border: none;
	display: block;
}
#ceo_message span {
	margin-top: 70px;
	float: right;
	vertical-align: baseline;
}
#ceo_message span em {
	padding-top: 20px;
	font-style: normal;
	display: inline-block;
}
#ceo_message span img {
	width: 170px;
	height: auto;
	margin-left: 5px;
}
/*オフィス紹介*/
#floor-illust {
	background: #ececec;
	margin-top: 50px;
	padding-bottom: 30px;
}
#floor-illust img {
	width: 90%;
	max-width: 1042px;
}
#contents .contents_mb #floorguide img {
	margin-top: 13px;
	width: 100%;
}
#contents .contents_mb #floorguide p.floor_name {
	font-size: 15px;
	font-weight: 500;
	display: table;
	float: none;
	position: relative;
	padding: 0 15px;
	width: auto;
	min-width: 115px;
	color: #F6F6F6;
	line-height: 2em;
	text-align: center;
	background: #000000;
	z-index: 0;
}
#contents .contents_mb #floorguide p.floor_name:after {
	content: "";
	position: absolute;
	bottom: -6px;
	left: 50%;
	margin-left: -10px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 6px 6px 0 6px;
	border-color: #000 transparent transparent transparent;
}
#contents .contents_mb #floorguide .col2 {
	letter-spacing: -.3em;
	margin: 0 -10px;
}
#contents .contents_mb #floorguide .photo2 {
	display: inline-block;
	width: 50%;
	letter-spacing: 0.025em;
	padding: 0 10px;
	box-sizing: border-box;
}
#contents .contents_mb #floorguide .photo2:nth-child(even) {
	margin-right: 0px;
}
#contents .contents_mb #floorguide iframe {
	margin-top: 13px;
}
/*事業内容*/
#contents .contents_mb .business_page {
	padding: 67px 40px 20px;
	background: #e2e2e2;
}
#contents .contents_mb .business_page .business_page_inner {
	background: #fff;
	margin: 0 auto;
	overflow: hidden;
	padding: 40px 83px 60px;
	margin-bottom: 30px;
	width: 100%;
	box-sizing: border-box;
}
#contents .contents_mb .business_page .business_page_inner p {
	margin-top: 10px;
}
#contents .contents_mb .business_page .business_page_inner p.note {
	color: #666;
	margin-top: 0;
	font-size: 14px;
}
#contents .contents_mb .business_page .business_page_inner img {
	margin-top: 15px;
	margin-bottom: 30px;
}
#contents .contents_mb .business_page .business_page_inner a, ul.optout li a {
	color: #4489ab;
	margin-top: 15px;
}
#contents .contents_mb .business_page .outlink_s img {
	margin: 0 5px 0;
}
#contents .contents_mb .business_page .business_page_inner h2 {
	font-size: 43px;
	border: none;
	line-height: 1.8;
	margin-bottom: 42px;
	letter-spacing: 0.1em;
}
#contents .contents_mb .business_page .business_page_inner h3 {
	font-size: 18px;
	text-align: left;
	border-bottom: 1px solid #000;
	padding-bottom: 8px;
	font-weight: 600;
	margin-bottom: 10px;
	margin-top: 50px;
}
#contents .contents_mb .business_page .info_btn a {
	display: block;
	width: 200px;
	text-align: center;
	border: 2px solid #1c1c1c;
	padding: 15px 0;
	margin: 10px auto;
	-webkit-transition: all .3s;
	transition: all .3s;
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
}
#contents .contents_mb .business_page .info_btn {
	display: block;
	width: 100%;
	margin: 0 auto;
}
#contents .contents_mb .business_page .info_btn a {
	position: relative;
}
#contents .contents_mb .business_page .info_btn a::before {
	content: "";
	border: 6px solid transparent;
	border-left-color: #000;
	position: absolute;
	top: 54%;
	left: 91%;
	margin-top: -8px;
}
#contents .contents_mb .business_page .info_btn a:hover {
	text-decoration: none;
	background-color: transparent;
	background: #000;
	color: #FFF;
}
#contents .contents_mb .business_page .business_page_inner .box01 {
	border: 1px solid;
	margin-top: 30px;
	padding: 0 30px 26px;
}
#contents .contents_mb .business_page .business_page_inner .box {
	border-color: #3b3b3b;

}
#contents .contents_mb .business_page .business_page_inner .box {
	width: 100%;
	border-left: 1px solid;
	border-bottom: 1px solid;
	overflow: hidden;
	list-style: none;
	margin-top: 30px;
	height: auto;
	letter-spacing: -20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

#contents .contents_mb .business_page .business_page_inner .box li {
	border-right: 1px solid;
	border-top: 1px solid;
	width: 50%;
	margin: 0;
	padding: 0 20px 10px;
	vertical-align: top;
	display: inline-block;
	letter-spacing: 0em;
	box-sizing: border-box;
}
#contents .contents_mb .business_page .business_page_inner .bg_gray ul {
	width: inherit;
	background: #eaeaea;
	padding: 15px 15px 10px 17px;
	margin-top: 0px;
	display: block;
}
#contents .contents_mb .business_page .business_page_inner .bg_gray li {
	float: none;
	margin-bottom: 5px;
	border: none;
	padding: 0;
	width: 100%;
}
#contents .contents_mb .business_page .business_page_inner h4 {
	font-size: 17px;
	padding-left: 8px;
	border-left: 8px solid;
	margin-top: 30px;
}
#contents .contents_mb .business_page .business_page_inner h4 a {
	color: #333;
	text-decoration: none;
}
#contents .contents_mb .business_page .business_page_inner h5 {
	margin-top: 30px;
	color: #FFF;
	line-height: 2.3em;
	padding-left: 10px;
	border-radius: 4px;
}
.business_page .business_page_inner ul {
	margin-top: 10px;
}
.business_page .business_page_inner ul li {
	margin-left: 30px;
	padding-top: 5px;
	font-size: 15px;
}
.business_page .business_page_inner ol {
	counter-reset: custom-counter;
  list-style: none;
  padding-left: 0;
		margin-top: 40px;
}
.business_page .business_page_inner ol li {
	counter-increment: custom-counter;
 position: relative;
 padding-left: 2.5em;
 margin-bottom: 1em;
}
.business_page .business_page_inner ol li::before {
	content: counter(custom-counter);
  position: absolute;
  left: 0;
  top: 0;
  width: 2em;
  height: 2em;
  background-color: #313233; /* お好みで色変更可 */
  color: white;
  text-align: center;
  line-height: 2em;
  font-weight: bold;
  font-family: 'Arial', sans-serif;
}

.business_page .business_page_inner ul li.last {
	background: #fff;
	width: 100% !important;
	box-sizing: border-box;
}
.business_page .business_page_inner ul.check_list {
	list-style: none;
	margin-top: 10px;
}
.business_page .business_page_inner ul.check_list li {
	background: url(img/check.png) no-repeat left 11px;
	padding-left: 28px;
	padding-top: 5px;
	line-height: 1.8em;
	font-size: 15px;
	margin-left: 20px;
}
.business_page .business_page_inner　img {
	margin-top: 20px;
}
.business_page .business_page_inner .outlink_big {
	margin-top: 100px;
	margin-bottom: -40px;
	text-align: center;
	letter-spacing: 0.1em;
}
.business_page .business_page_inner .outlink_big a {
	background: url(img/link_ico.png) no-repeat 0px center;
	padding-left: 28px;
	font-size: 15px;
}
#contents .contents_mb .business_page .business_page_inner .img {
	text-align: center;
}
#contents .contents_mb .business_page .business_page_inner ul.box .img {
	text-align: center;
	margin: 0;
}
#contents .contents_mb .business_page .business_page_inner ul.box .img img {
	width: auto;
	margin: 20px 0 10px;
}
#contents .contents_mb .business_page .business_page_inner ul.box .outlink_s {
	margin: 0 0 30px;
	text-align: left;
}
#contents .contents_mb .business_page .business_page_inner ul.box .outlink_s a {
	background-position: left 3px;
}

@media screen and (max-width: 767px) {
	#contents .contents_mb .business_page .business_page_inner ul.box .outlink_s {
		margin-bottom: 0;
	}
	#contents .contents_mb .business_page .business_page_inner ul.box .img img {
		width: auto;
		height: auto;
	}
	.diorama-wrap .diorama {
		top: -50px;
		left: 50%;
		width: 230px;
		margin-left: -115px;
	}
	#contents .top_movie .top_yt:before {
		width: 70px;
		height: 70px;
		margin: -35px 0 0 -35px;
	}
	#contents .top_movie .top_yt:after {
		margin: -15px 0 0 -8px;
		border: 15px solid transparent;
		border-left: 25px solid #fff;
	}
	#summary .cont_box ul {
		margin-top: 15px;
	}
	#contents .contents_mb .business_page .business_page_inner p.note {
		font-size: 12px;
	}
}

/*事業各ページ　ALL　BUSINESS*/
.more_business {
	width: 100%;
	max-width: 600px;
	margin: 0 auto 60px;
}
.more_business a {
	background: #383737;
	color: #FFF;
	text-align: center;
	display: block;
	padding: 36px 0px;
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
	-webkit-transition: all .3s;
	transition: all .3s;
	position: relative;
}
.more_business a::before {
	content: "";
	border: 6px solid transparent;
	border-left-color: #ececec;
	position: absolute;
	top: 54%;
	left: 91%;
	margin-top: -8px;
}
.more_business a:hover {
	background-color: transparent;
	background: #ececec;
	color: #333;
	text-decoration: none;
}
/*事業内容 海外事業*/

/*事業内容 人材
#contents .contents_mb #single_jinzai .jinzai_b .business_page_inner h4, #contents .contents_mb #single_contribution .jinzai_b .business_page_inner .box01, #contents .contents_mb #single_jinzai .jinzai_b .business_page_inner ul.box, #contents .contents_mb #single_jinzai .jinzai_b .business_page_inner ul.box li {
	border-color: #d4781e;
}*/
/*事業内容 prs
#contents .contents_mb #single_prs .prs_b .business_page_inner h4, #contents .contents_mb #single_contribution .prs_b .business_page_inner .box01, #contents .contents_mb #single_prs .prs_b .business_page_inner ul.box, #contents .contents_mb #single_prs .prs_b .business_page_inner ul.box li {
	border-color: #64adae;
}*/
/*事業内容 メディア
#contents .contents_mb #single_media .business_page .business_page_inner h4, #contents .contents_mb #single_contribution .business_page .business_page_inner .box01, #contents .contents_mb #single_media .business_page .business_page_inner ul.box, #contents .contents_mb #single_media .business_page .business_page_inner ul.box li {
	border-color: #2a9dba;
}*/
/*事業内容 マーケティング
#contents .contents_mb #single_marketing .marketing_b .business_page_inner h4, #contents .contents_mb #single_contribution .marketing_b .business_page_inner .box01, #contents .contents_mb #single_marketing .marketing_b .business_page_inner ul.box, #contents .contents_mb #single_marketing .marketing_b .business_page_inner ul.box li {
	border-color: #c4508f;
}*/
/*事業内容 サービス
#contents .contents_mb #single_service .service_b .business_page_inner h4, #contents .contents_mb #single_contribution .service_b .business_page_inner .box01, #contents .contents_mb #single_service .service_b .business_page_inner ul.box, #contents .contents_mb #single_service .service_b .business_page_inner ul.box li {
	border-color: #bc5353;
}*/
/*事業内容 貢献
#contents .contents_mb #single_contribution .business_page .business_page_inner h4, #contents .contents_mb #single_contribution .business_page .business_page_inner .box01, #contents .contents_mb #single_contribution .business_page .business_page_inner ul.box, #contents .contents_mb #single_contribution .business_page .business_page_inner ul.box li {
	border-color: #66ab6f;
}*/
/*事業内容 メディカル
#contents .contents_mb #single_contribution .medical_b .business_page_inner h4, #contents .contents_mb #single_contribution .medical_b .business_page_inner .box01, #contents .contents_mb #single_contribution .medical_b .business_page_inner ul.box, #contents .contents_mb #single_contribution .medical_b .business_page_inner ul.box li {
	border-color: #8366AB;
}*/
/*事業内容 不動産
#contents .contents_mb #single_service .realestate_b .business_page_inner h4, #contents .contents_mb #single_contribution .realestate_b .business_page_inner .box01, #contents .contents_mb #single_contribution .realestate_b .business_page_inner ul.box, #contents .contents_mb #single_contribution .realestate_b .business_page_inner ul.box li {
	border-color: #8366AB;
}*/
#contents .contents_mb .business_page .business_page_inner ul.box li ul {
	border: none;
}
#contents .contents_mb .business_page .business_page_inner ul.box li img {
	width: 100%;
}
#contents .contents_mb .business_page .business_page_inner ul.box li ul li {
	border: none;
	display: list-item;
}
/* -----------------------------------------------------------
		ブログの下
----------------------------------------------------------- */
.blog_option {
	overflow: hidden;
}
.blog_option .blog_ul li {
	overflow: hidden;
	margin-bottom: 15px;
	float: left;
	width: 24%;
}
.blog_option .blog_ul li:last-child {
	margin-right: 0;
}
.blog_option .blog_ul li img {
	margin-bottom: 5px;
}
.blog_option .blog_ul li a {
	display: block;
	font-size: 14px;
	font-weight: 500;
	color: #000;
	text-decoration: none;
	word-break: break-all;
}
#under-businessMenu h2 {
	border: none;
}
/* -----------------------------------------------------------
			お問合せ
----------------------------------------------------------- */
.contact_inner {
	overflow: hidden;
	list-style: none;
	width: 100%;
	max-width: 800px;
	margin: 0 auto;
	text-align: center;
}
.contact_inner p {
	margin: 0 0 10px 0;
}
.contact_inner li {
	display: inline-block;
	text-align: center;
	position: relative;
	width : 83.33333% ; /* 未対応ブラウザ用フォールバック */
	border-radius: 5px;
	padding: 0 10px;
	box-sizing: border-box;
}
.contact_inner li:hover {
	opacity: 0.8;
}
.contact_inner li a {
	display: block;
	font-size: 18px;
	font-weight: 500;
	color: #fff;
	text-decoration: none;
	padding: 15px 0;
	background-color: #ff9726;
	overflow: hidden;
	margin-bottom: 20px;
	border-radius: 10px;
	position: relative;
}
.contact_inner li:nth-child(2) a {
	background-color: #0aaa78;
}
.contact_inner li:nth-child(3) a {
	background-color: #31a3da;
}
.contact_inner li a::after {
	display: block;
	content: '';
	position: absolute;
	top: 40px;
	right: 20px;;
	width: 6px;
	height: 6px;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.postInner {
	margin: 0 auto;
	max-width: 419px;
	width: 100%;
}
/*ヘッダー*/
#header {
}
#header_sp {
	display: block;
	overflow: hidden;
	position: fixed;
	z-index: 1000;
	width: 100%;
}
#header_inner_sp {
}
.bg_black {
	background-color: #000;
	padding: 11px;
	overflow: hidden;
}
#header_sp a img.toplogo {
	margin-left: 10px;
}
/*ハンバーガー*/
#menu {
	display: none;
	padding-top: 20px;
	padding-left: 20px;
	width: 100%;
	height: 1000px;
	z-index: 9998;
	background: rgba(000,0,0,0.8);
}
#header_sp #menu .flL {
	width: auto;
}
#menu ul {
	list-style: none;
}
#menu li {
	margin-bottom: 10px;
}
#menu li:last-child {
	margin: 0 auto;
	overflow: hidden;
}
#menu li a {
	color: #FFF;
	text-decoration: none;
	font-size: 20px;
	font-weight: 500;
	letter-spacing: 0.13em;
}
#menu li a img {
	width: 27px;
	height: 27px;
}
ul#other-menu {
	margin: 50px auto 0px;
	list-style: none;
	overflow: hidden;
}
ul#other-menu li {
	float: left;
	margin-right: 22px;
}
.clearfix {
	position: fixed;
	right: 10%;
	top: 21px;
	z-index: 9999;
}
.menu1 {
	width: 25px;
	height: 2px;
	background-color: #FFF;
	top: 0px;
	position: absolute;
}
.menu2 {
	width: 25px;
	height: 2px;
	background-color: #FFF;
	top: 8px;
	position: absolute;
}
.menu3 {
	width: 25px;
	height: 2px;
	background-color: #FFF;
	top: 16px;
	position: absolute;
}
nav.clearfix {
	width: 25px;
	height: 18px;
	top: 15px;
	right: 15px;
	position: absolute;
}
nav .menu1, nav .menu2, nav .menu3 {
	transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out; /* Opera */
	-moz-transition: all 0.5s ease-out; /* Firefox */
	-webkit-transition: all 0.5s ease-out; /* GoogleChrome, Safari */
	-ms-transition: all 0.5s ease-out; /* IE */
}
nav .menuclick1 {
	top: 8px;
	-o-transform: rotate(405deg);
	-moz-transform: rotate(405deg);
	-webkit-transform: rotate(405deg);
	-ms-transform: rotate(405deg);
	transform: rotate(405deg);
}
nav .menuclick2 {
	background-color: rgba(255,255,255,0);
}
nav .menuclick3 {
	top: 8px;
	-o-transform: rotate(-405deg);
	-moz-transform: rotate(-405deg);
	-webkit-transform: rotate(-405deg);
	-ms-transform: rotate(-405deg);
	transform: rotate(-405deg);
}
/* -----------------------------------------------------------
			SNSシェアボタン
----------------------------------------------------------- */
.blog_inner .sns_share {
	margin-top: 20px;
	overflow: hidden;
	list-style: none;
}
.blog_inner .sns_share li {
	float: left;
	margin: 0 10px 0 0;
}
/* -----------------------------------------------------------
			404ページ
----------------------------------------------------------- */
.title-404 {
	font-weight: bold;
	text-align: center;
	color: #FA4E2C;
}
.title-404 span {
	font-size: 20px;
	color: #a5a5a5;
}
.error-404 .page-header p {
	text-align: center;
	margin: 50px;
	line-height: 2;
}
.page-header {
	padding-bottom: 9px;
	margin: 80px 0 80px;
	border-bottom: none;
}
.error-404 .page-header .page-content {
	text-align: center;
}
.error-404 .page-header .page-content a {
	padding: 20px 55px;
	background: #FA4E2C;
	color: #fff;
	font-weight: bold;
}
/* -----------------------------------------------------------
			アクセスマップ
----------------------------------------------------------- */
#contents .map {
	list-style: none;
}

@media screen and (min-width : 768px) {
	/* PC ヘッダー */
	#header {
		width: 100%;
		height: 60px;
		position: fixed;
		z-index: 10000;
		background: rgba(0, 0, 0, 1);
	}
	#header_inner a img {
		float: left;
	}
	#header_inner a img#logo {
		position: absolute;
		top: 17px;
		left: 25px;
	}
	#header_inner a .mgr0 {
		margin-right: 0;
	}
	#header_inner .menu {
		text-align: center;
	}
	#header_inner .global_navi {
		list-style: none;
		display: inline-block;
	}
	#main_visual .sp {
		display: none;
	}
	#main_visual .menu {
		overflow: hidden;
		box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.15)
	}
	#main_visual .menu .vision, #main_visual .menu .business, #main_visual .menu .ricruit {
		float: left;
		width: 33.33333%;
	}
	#main_visual .menu .vision img, #main_visual .menu .business img, #main_visual .menu .ricruit img {
		width: 100%;
	}
	.global_navi > li {
		margin-right: 22px;
		text-align: center;
	}
	.global_navi > li.noopa {
		float: left;
		padding: 25px 0px 25px;
	}
	.global_navi li a {
		color: #FFF;
	}
	.global_navi li a img :hover {
		opacity: 0.8;
	}
	.global_navi li a span {
		font-size: 9px;
		font-weight: 200;
		display: block;
		text-indent: -9999px;
		position: absolute;
	}
	.global_navi_sns {
		overflow: hidden;
		width: 160px;
		position: absolute;
		right: 0px;
		list-style: none;
	}
	.global_navi_sns li {
		float: left;
		margin-right: 10px;
		margin-left: 0;
	}
	#header_inner .global_navi_sns li:nth-child(1), #header_inner .global_navi_sns li:nth-child(2), #header_inner .global_navi_sns li:nth-child(3) {
		margin-right: 12px;
	}
	#header_inner .global_navi_sns li:nth-child(1) {
		margin-top: 20px;
	}
	#header_inner .global_navi_sns li:nth-child(2) {
		margin-top: 18px;
	}
	#header_inner .global_navi_sns li:nth-child(3) {
		margin-top: 18px;
	}
	#header_inner .global_navi_sns li:nth-child(4) {
		margin-top: 18px;
	}
	#header_inner .global_navi_sns li:last-child {
		margin-right: 0px;
	}
}
/* -----------------------------------------------------------
			 wp-pagenavi
----------------------------------------------------------- */
.wp-pagenavi {
	clear: both;
}
.wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none;
	border: 1px solid #BFBFBF;
	padding: 3px 5px;
	margin: 2px;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
	border-color: #000;
}
.wp-pagenavi span.current {
	font-weight: bold;
}
/* -----------------------------------------------------------
			 sitemap
----------------------------------------------------------- */
#sitemap_list {
	background: #fff;
	margin: 0;
	padding: 0;
}
#sitemap_list li.home-item {
	margin-left: 0px;
}
#sitemap_list li {
	background: url(../../plugins/ps-auto-sitemap/images/business/line_dotted_brown.png) repeat-x 0 1.8em;
	font-size: medium;
	text-indent: 0;
	padding: 0 0 12px 0px;
	margin: 12px 0;
	list-style-type: none;
}
#sitemap_list li a {
	color: #666;
	background: url(../../plugins/ps-auto-sitemap/images/business/ico_lv1.png) no-repeat left center;
	text-decoration: none;
	display: inline-block;
	padding-left: 25px;
	line-height: 32px;
}
#sitemap_list li li {
	font-size: small;
	background: none;
	margin: 7px 0 0 0;
	padding: 1px 0 0 27px;
}
#sitemap_list li li a {
	background: url(../../plugins/ps-auto-sitemap/images/business/ico_lv2.png) no-repeat left center;
	padding-left: 15px;
	line-height: normal;
}
#sitemap_list li li li {
	padding-left: 15px;
}
#sitemap_list li li li a {
	background: url(../../plugins/ps-auto-sitemap/images/business/ico_lower_lv.png) no-repeat left center;
}
#sitemap_list ul {
	padding: 0;
	margin: 0;
}
#sitemap_list .posts_in_category {
	position: absolute;
	padding-left: 10px;
	padding-top: 3px;
}
#sitemap_list li li .posts_in_category {
	padding-top: 0;
}
#sitemap_list li .posts_in_category a {
	background: #fff url(../../plugins/ps-auto-sitemap/images/business/ico_post_list.png) no-repeat center;
	text-indent: -9999px;
	display: block;
	width: 1.2em;
	height: 1.2em;
	border: solid 1px #ccc;
	padding: 0;
}
/* -----------------------------------------------------------
			 採用情報
----------------------------------------------------------- */
.recruit_page .box_list {
	overflow: hidden;
	margin: 0 -16px;
}
.recruit_page .box_list .box {
	width: 50%;
	padding: 0 16px;
	box-sizing: border-box;
	margin-bottom: 60px;
	float: left;
}
.recruit_page .box_list .box img {
	width: 100%;
	height: auto;
}

.recruit_page .box_list .box h2 {
	border: none;
	margin-top: 30px;
	padding: 0;
}
.recruit_page .box_list .box a {
	display: block;
}
.recruit_page .box_list .box a:hover {
	text-decoration: none;
}
.recruit_page .box_list .box p {
	margin-top: 15px;
}

@media screen and (max-width: 767px) {
	.recruit_page .box_list .box {
		width: 100%;
		margin-right: 0;
	}
	.recruit_page .box_list .box h2 {
		margin-top: 20px;
	}
	.recruit_page .box_list .box img {
		width: 100%;
	}
	.recruit_page .box_list .box p {
		margin-top: 10px;
	}
	.more_business {
		max-width: 100%;
	}
}
/* -----------------------------------------------------------
			中途採用
----------------------------------------------------------- */
#section1, #section2, #section3 {
	margin-top : -120px;
	padding-top : 120px;
}
.recruitcareer_page {
}
.recruitcareer_page h2 {
	display: block;
	text-align: center;
	margin-bottom: 70px;
	border: none;
	font-size: 26px;
	padding: 0;
}
.recruitcareer_page .textarea {
	max-width: 645px;
	width: 100%;
	margin: 0 auto 50px;
}
.recruitcareer_page .textarea p:not(:last-child) {
	margin-bottom: 15px;
}
.recruitcareer_page .occupations, .recruitcareer_page .selection_flow {
	margin-bottom: 50px;
}
.recruitcareer_page .occupations h3 {
	margin: 0 auto;
	text-align: center;
	padding-bottom: 10px;
	position: relative;
}
.recruitcareer_page .occupations h3:before {
	content: '';
	position: absolute;
	left: 50%;
	bottom: -1px;/*線の上下位置*/
	display: inline-block;
	width: 226px;/*線の長さ*/
	height: 2px;/*線の太さ*/
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);/*位置調整*/
	background-color: #ffb400;
}
.recruitcareer_page .occupations p {
	margin: 20px 0 0 0;
}
.recruitcareer_page .occupations ul {
	overflow: hidden;
	text-align: center;
	letter-spacing: -10px;
	margin: 0 -7px;
}
.recruitcareer_page .occupations ul li {
	width : 50% ; /* 未対応ブラウザ用フォールバック */
	display: inline-block;
	padding: 0 7px 14px;
	list-style: none;
	vertical-align: top;
	letter-spacing: 0.025em;
	box-sizing: border-box;
}
.recruitcareer_page .occupations ul li .inner {
	position: relative;
	border: 2px solid #333;
	padding: 40px;
	box-sizing: border-box;
}
.recruitcareer_page .occupations ul li h4 {
	font-size: 18px;
	font-weight: 600;
	text-align: center;
	border-bottom: 1px solid;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.recruitcareer_page .occupations ul li p {
	text-align: left;
}
.recruitcareer_page p {
	font-size: 14px;
	margin-top: 0;
}
.selection_flow ul h3 {
	margin: 0 0 15px;
	font-size: 18px;
}
.selection_flow h2 {
	font-size: 18px;
	display: inline-block;
	text-align: left;
	border-bottom: 1px solid;
	margin: 0 0 20px;
	padding-bottom: 5px;
}
.selection_flow ul h3 span {
	background: #000;
	color: #fff;
	padding: 1px 2px 3px 4px;
	margin-right: 20px;
	display: block;
	float: left;
	width: 26px;
}
.selection_flow ul {
	overflow: hidden;
	margin: 0 -10px;
}
.selection_flow ul li {
	padding: 0 10px 20px;
	float: left;
	width: 50%;
	box-sizing: border-box;
	margin: 0 !important;
	list-style: none;
}
.selection_flow ul li:nth-child(odd) {
	margin: 0 21px 21px 0;
}
.selection_flow ul li .inner {
	padding: 30px;
	border: 2px solid #333;
}
.selection_flow ul .naitei .inner {
	border-color: #ffb400;
}
.selection_flow ul .naitei span {
	color: #000;
	background: #ffb400;
}
.no_recruitment {
	position: absolute;
	background-color: rgba(238,238,238,0.8);
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0;
}
.recruitcareer_page .close {
	margin: 0!important;
	position: absolute;
	font-size: 20px;
	font-weight: bold;
	z-index: 29;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.sidebar {
	position: fixed;
	right: -200px;
	top: 100px;
	z-index: 1;
	transition: all 0.4s;
}
.sidebar li {
	width: 200px;
	text-align: center;
	list-style: none;
}
.sidebar li a:hover, .now {
	background-color: #ffb400 !important;
	text-decoration: none;
}
.sidebar li a {
	padding: 8px 10px;
	margin-bottom: 7px;
	background-color: #676767;
	font-size: 15px;
	display: block;
	color: #FFF;
}
.sidebar.on {
	display: block;
	right: 0;
}

@media screen and (max-width: 767px) {
	.recruitcareer_page .occupations ul li {
		width: 100%;
		margin-right: 0;
		float: none;
		display: block;
	}
	.recruitcareer_page .occupations ul li .inner {
		padding: 20px;
	}
	.selection_flow ul li {
		width: auto;
		float: none;
		margin-bottom: 21px;
	}
	.selection_flow ul li:nth-child(odd) {
		margin-right: 0;
	}
	.sidebar {
		display: none!important;
	}
	.recruitcareer_page .occupations h3 {
		padding-bottom: 0px;
	}
	#contents .contents_mb {
		width: 100%;
		padding: 0;
	}
	#contents .top_movie a {
		font-size: 12px;
	}
	#contents .top_movie a::before {
		right: 2px;
	}
}

/*ここにtablet用スタイルを記述*/
@media only screen and (min-width: 768px) and (max-width: 1025px) {
	.top_movie {
		width: 335px;
	}

	.top_movie .movie_top {
		background-size: contain;
		width: 335px;
		height: 362px;
	}
	#contents {
		padding-bottom: 40px;
	}
	#contents .top_movie iframe,
	#contents .top_movie .top_yt{
		position: absolute;
		top: 165px;
		left: 18px;
		display: block;
		margin: 0 auto;
		width: 299px;
		height: 168px;
	}
	#contents .contents_mb .top_blog_r {
		float: right;
		margin-top: 16px;
		overflow: hidden;
		width: 100%;
		box-sizing: border-box;
		margin-left: -375px;
		padding-left: 375px;
	}
	#contents .top_movie p {
		font-size: 13px;
	}
	#contents .contents_mb {
		margin-top: 30px;
	}
	#business_size #contents .contents_mb {
		padding: 0;
	}
	#contents .contents_mb .top_blog_r a img {
		width: 100%;
		height: auto;
	}
	#contents .contents_mb .blog_ul {
		overflow: hidden;
		margin-top: 25px;
		padding: 0 -5px;
	}
	#contents .contents_mb .blog_ul li {
		margin-bottom: 15px;
		display: inline-block;
	}
	#contents .contents_mb .business_page .business_page_inner {
		padding: 40px 40px 60px
	}
	.contents_mbm {
		width: 100%;
		padding-top: 49px;
	}

	/*ビジョン*/
	#vision #contents .guidelines li {
		min-height: 232px;
	}
	.recruitcareer_page .occupations ul li {
		width: 100%;
		margin: 0;
		padding: 0 10px 20px;
		box-sizing: border-box;
	}
	.selection_flow ul {

	}
	#contents .top_movie a::before {
		right: 10px;
	}
	.policy_block1 {
		min-height: 270px;
	}
	.policy_block2 {
		min-height: 385px;
	}
	.policy_block3 {
		min-height: auto;
	}
	.policy_block1 > img {
		width: 394px;
		margin-right: 0;
	}
	.policy_block2 > img {
		width: 356px;
		margin-left: 0;
	}
	.policy_block3 > img {
		width: 298px;
		margin-right: 0;
	}
	#vision .line03 {
		top: 300px;
	}
	#vision .line04 {
		top: 590px;
	}
	.right_z img {
		margin-right: -20px;
	}
	.left_z img {
		margin-left: -20px;
	}
	#summary #tabmenu .director .director_inner p {
		margin: 0;
	}
	#contents .contents_mb .top_blog_r a {
		font-size: 12px;
	}
	.top_news .pj-area {
	width: 100%;
}
.top_news .pj-area .pj-area-bnr {
	margin-top: 20px;
	overflow: hidden;

}
.top_news .pj-area .pj-area-bnr img {
float: left;
    margin: 0px 2%;
    width: 46%;
}
}


.top_news .fb-page iframe {

}

.top_news .news_more {
	font-size: 12px;
	text-align: right;
	display: block;
	font-weight: bold;
}

/*ここにスマホとタブレット両方*/
@media screen and (max-width: 1024px) {
	h1 {
		font-size: 20px;
	}
	h2 {
		font-size: 20px;
	}
	h3 {
		font-size: 18px;
	}
	.sp {
		display: none;
	}
	.w766 {
		width: 100%;
	}
	#container {
		padding-top: 0;
	}
	#header_inner a img {
		float: none;
	}
	#header_inner a img:hover {
		opacity: 0.5;
	}

	/*ニュース*/
	.top_news {
		padding: 0px 50px 20px;
		margin-top: 0;
	}
	.top_news .news_text {
		width: 100%;
	}
	.top_news .news_text dd {
		margin: 5px 0 15px 0;
		border-bottom: 1px solid #dad9de;
		padding-bottom: 10px;
		font-size: 12px;
	}
	.top_news .top_news_inner {
		width: 100%;
	}

	.top_news .fb-page {
		display: none;
	}

	/*パン屑*/
	#blog_single .breadcrumbs {
		margin-bottom: 30px;
		display: inline-block;
		background: #f4f4f4;
		font-size: 10px;
		padding: 3px 5px;
		margin-left: 0;
	}
	#blog_single .breadcrumbs, .breadcrumbs {
		font-size: 9px;
		display: block;
	}
	/*2カラム*/
	#contents .contents_mb ul.column2 li h2 {
		font-size: 16px;
	}
	#floor-illust {
		background: #ececec;
		margin-top: 30px;
		padding-bottom: 0px;
	}
	#floor-illust img {
		width: 100%;
		max-width: 1042px;
		padding: 0 10px 10px;
		box-sizing: border-box;
	}

	/*会社概要*/
	#summary #tabmenu #tab_contents table {
		width: 100%;
	}
	#summary #tabmenu #tab_contents table span {
		padding-left: 15px;
	}
	#summary #tabmenu .director .director_inner {
		width: 100%;
		float: left;
		box-sizing: border-box;
		margin-left: -320px;
		padding-left: 320px;
	}

	/*会社概要 沿革*/
	#summary #tabmenu #tab2 h3,#contents .contents_mb .business_page .business_page_inner .history #tab2 h3 {
		font-size: 15px;
		width: 100px;
		text-align: left;
		border-right: 3px solid #e4e4e4;
		margin-top: 0;
		padding-left: 0%;
		font-weight: 500;
		padding-top: 10px;
	}
	#summary #tabmenu #tab2 li,#contents .contents_mb .business_page .business_page_inner .history #tab2 li {
		width: 100%;
		padding-left: 50px;
		border-bottom: none;
		margin-bottom: 0;
		margin-left: 0!important;
		padding-bottom: 0;
		height: inherit;
	}
	#summary #tabmenu #tab2 li .timeline-wrap .timeline-content {
	padding-right: 0;
	}
	.timeline-content {
		border-left: 3px #e4e4e4 solid;
		padding-left: 20px;
		margin-top: -5px;;
		height: 0%;
		padding-bottom: 10px;
	}
	.timeline-date {
		margin-top: 0;
	}
	.timeline-content:before {
		font-size: 34px;
	}
	/*会社概要 役員紹介*/
	#summary #tabmenu .director {
		width: 100%;
	}
	#summary #tabmenu .director .director_inner h2 {
		border: none;
		margin-bottom: 6px;
	}
	#summary #tabmenu .director img {
		width: 300px;
		display: block;
		margin-right: 20px;
	}
	/*代表メッセージ*/
	#ceo_message h2 {
		text-align: left;
	}
	#ceo_message img {
		width: 100%;
	}
	/*ブログシングル*/
	.blog_inner h1 {
		font-size: 20px;
		margin-bottom: 15px;
	}
	.selection_flow ul li .inner {
		padding: 20px;
	}

	/*事業概要*/
	#platform {
		width: 340px;
		margin: 0 auto;
	}
	#platform img {
		width: 100%;
		height: auto;
	}
	#platform .open-dev-badge {
		width: 55px;
		height: 55px;
	}
	#platform .gt-dev:nth-child(3) {
		width: 105px;
		height: 105px;
	}
	#platform .gt-dev:nth-child(4) {
		width: 70px;
		height: 70px;
	}
	#platform .p-base {
		width: 248px;
		height: 280px;
	}
	#platform .p-back {
		width: 327px;
		height: 332px;
	}

	/* -----------------------------------------------------------
				お問合せ
	----------------------------------------------------------- */
	.contact_inner {
		margin-top: 50px;
	}
	.contact_inner p {
		margin: 0 0 5px 0;
	}
	.contact_inner li a {
		font-size: 15px;
		padding: 20px 0;
	}
	.contact_inner li a::after {
		top: 28px;
	}
	.postInner {
		margin: 0 auto;
		max-width: 419px;
		width: 100%;
	}
	/*ローディング画面*/
	#loading {
		position: absolute;
		top: 21%;
		left: 40%;
	}
	#loading img {
		width: 50%;
	}
	.category_left ul .cat-item-2diary {
		border-left: 3px solid #c9a32f;
	}
	.category_left ul .cat-item-3column {
		border-left: 3px solid #cf527e;
	}
	.category_left ul .cat-item-4news {
		border-left: 3px solid #436c9f;
	}
	#under-businessMenu {
		width: 100%;
	}
	#contents .contents_mb .business_page .business_page_inner h2 {
		font-size: 34px;
	}
	#vision .guidelines ul {
		margin: 0 -10px;
	}
	#vision .guidelines .block {
		padding: 0 10px;
	}
}

@media screen and (max-width: 767px) {
	#pc {
		display: none;
	}
	#sp {
		display: inherit;
	}
	h2 {
		margin-top: 30px;
		font-size: 17px;
	}
	#main-topbnr {
		position: relative;
	}
	#main-topbnr span#sp-title img {
		position: absolute;
		top: 15%;
		left: 10%;
		display: block;
		width: 77%;
	}
	.main_visual_wrap span#scroll img {
		position: absolute;
		bottom: 12%;
		width: 9%;
		left: 47%;
	}
	#main_visual .main_bnr {
		height: 100vh!important;
		width: 100% !important;
		object-fit: cover;
	}
	#main_visual .sp {
		display: block;
		width: auto;
	}
	#main_visual .menu .vision, #main_visual .menu .business, #main_visual .menu .ricruit {
		float: none;
		width: 100%;
	}
	#main_visual .diorama-wrap {
		position: relative;
		width: 90%;
		height: 235px;
		margin: 0 auto;
	}
	#main_visual .diorama-wrap .our_vision_sp {
		position: absolute;
		top: 150px;
		left: 50%;
		z-index: 10;
		width: 84px;
		margin-left: -160px;
	}
	#dreamcreation {
		position: absolute;
		top: 28%;
		left: 50%;
		margin: 0 0 0 -98px;
		width: 196px;
	}
	#contents .contents_mb {
		padding: 0 20px;
	}
	#contents .contents_mb {
		width: 100%;
		margin-top: 30px;
	}
	/*TOPムービー*/
	.movie_top {
		background-size: 100%;
		position: relative;
		padding-top: 111%;
		margin-bottom: -7%;
		height: 0;
		width: 100%;
	}
	#contents .top_movie iframe,
	#contents .top_movie .top_yt {
		top: 43.5%;
		left: 3.5%;
		width: 93%;
		height: 47%;
	}
	#contents .contents_mb .top_movie {
		float: none;
		width: 100%;
		margin: 0 auto;
	}
	#contents .top_movie p {
		font-size: 12px;
		margin-top: 10px;
	}
	#contents .top_movie a {
		max-width: 350px;
		margin: 20px auto 0;
	}
	/*TOPブログ*/
	#contents .contents_mb .blog_ul {
		margin: 15px -7px 0;
	}

	#contents .contents_mb .top_blog_r {
		float: none;
		width: 100%;
		padding: 0;
		margin: 0 auto;
	}
	#contents .contents_mb .top_blog_r a {
		font-size: 11px;
		position: relative;
	}
	#contents .contents_mb .top_blog_r a img {
		width: 100%;
		height: auto;
	}
	#contents .contents_mb .top_blog_r h3 {
		font-size: 19px;
		width: 96px;
		margin-top: 60px;
	}
	#contents .contents_mb ul.column2 li {
		width: 100%;
		margin-right: 0px;
	}
	#contents .contents_mb .blog_main ul li {
		width: 100%;
		margin: 0 auto;
		float: none;
		margin-top: 20px !important;
		height: auto;
	}
	#contents .contents_mb .blog_main ul li:nth-child(3n) {
		margin: 0 auto;
	}
	#contents .contents_mb .blog_option .blog_main {
		margin-bottom: 0;
	}
	#contents .contents_mb .blog_option .blog_main ul {
		letter-spacing: -.4em;
		margin-top: 15px;
	}
	#contents .contents_mb .blog_option .blog_main ul li {
		letter-spacing: 0.025em;
		width: 50%;
		display: inline-block;
		margin: 0 0 20px !important;
		vertical-align: top;
	}
	#contents .contents_mb .blog_option .blog_main ul li a {
		padding: 0;
		position: relative;
	}
	#contents .contents_mb .blog_option .blog_main ul li a h3 {
		font-size: 11px;
	}
	/*ビジョン*/
	#vision p {
		font-size: 14px;
	}
	#vision #contents .guidelines .vision_concept .title {
		font-size: 32px;
	}
	#vision .guidelines ul {
		width: 100%;
	}
	.contents_mbm {
		width: 100%;
		margin: 0px auto 0px;
		padding-top: 50px;
	}
	#vision .viewer .year {
		width: 50%;
	}
	#vision #contents .contents_mb .philosophy p {
		text-align: left;
		font-size: 16px;
		margin-top: 20px;
	}
	#vision #contents .contents_mb .policy h3 {
		text-align: left;
		font-size: 16px;
		margin-top: 30px;
		letter-spacing: 0.18em;
	}
	#vision #contents .contents_mb .policy p {
		margin-top: 10px;
		text-align: left !important;
	}
	#vision #contents .contents_mb .philosophy p {
		margin-top: 30px;
	}
	#vision .guidelines {
		margin-top: 15px;
	}
	#vision .guidelines .block {
		width: 100%;
	}
	#vision .guidelines ul {
		margin: 0;
	}
	#vision #contents .guidelines li {
		margin-right: 0;
		padding: 0;
	}
	#vision #contents .guidelines li span {
		font-size: 16px;
	}
	#vision #contents .guidelines li:nth-child(even) {
		margin-right: 0;
	}
	#vision .viewer .year {
		width: 150px;
	}
	#vision .viewer img {
		max-width: 331px;
		width: 100%;
		text-align: center;
		float: none;
	}
	#vision .viewer .year_text span {
		letter-spacing: 0.1em;
	}
	#vision .policy img {
		margin: 0 auto;
		display: block;
		float: none;
	}
	#vision .policy .policy_block1 img {
		width: 266px;
	}
	#vision .policy .policy_block2 img {
		width: 238px;
	}
	#vision .policy .policy_block3 img {
		width: 199px;
	}
	#vision .viewer .year_text {
		width: 100%;
		margin: 20px auto 15px;
	}
	#vision .guidelines .inbox {
		padding: 30px 0;
	}
	.policy_block1 {
		margin: 0;
	}
	.policy_block1 .policy_left {
		float: none;
		margin: 0 0 30px 0;
	}
	.policy_block2 .policy_right, .policy_block3 .policy_left {
		float: none;
		margin: 30px 0 30px 0;
	}
	.policy_block1, .policy_block2, .policy_block3 {
		overflow: hidden;
	}
	.policy_block1 > img,
	.policy_block2 > img,
	.policy_block3 > img {
		position: relative;
	}
	#vision .effect {

	}
	#summary #tabmenu #tab li#tab1, #summary #tabmenu #tab li#tab2, #summary #tabmenu #tab li#tab3, #summary #tabmenu #tab li#tab4 {
		font-size: 12px;
		width: 50%;
		float: left;
		line-height: 2.3;
		margin-bottom: 10px;
	}
	#summary #tabmenu #tab li:nth-child(2n) {
		margin-right: 0px;
	}
	.tab_area li.select:before {
		display: none;
	}
	#summary #tabmenu .director img {
		width: 100%;;
	}
	#summary #tabmenu .director .director_inner {
		width: 100%;
		margin-left: 0;
		padding-left: 0
	}
	#summary #tabmenu ul.timeline,#contents .contents_mb .business_page .business_page_inner .history #tab2 ul.timeline {

	}
	#summary #tabmenu ul.timeline li,#contents .contents_mb .business_page .business_page_inner .history #tab2 ul.timeline li {
		width: 100% !important;
		height: auto !important;
		padding-left: 10px !important;
		box-sizing: border-box;
	}
	#summary #tabmenu #tab2 h3,#contents .contents_mb .business_page .business_page_inner .history #tab2 h3 {
		width: 60px;
		line-height: 1;
		padding-bottom: 10px;
	}
	#summary #tabmenu #tab li span {
		font-size: 11px;
	}
	/*事業概要*/
	#contents .contents_mb .business_page .business_page_inner h2 {
		font-size: 22px;
		margin: 0;
		letter-spacing: 0.04em;
	}
	#contents .contents_mb .business_page .business_page_inner h2 br {
		display: none;
	}
	#contents .contents_mb .business_page .business_page_inner .box {
		width: 100%;
		border: none;
		overflow: hidden;
	}
	#contents .contents_mb .business_page .business_page_inner .box .bg_gray {
		margin-bottom: 0px;
	}
	#contents .contents_mb .business_page .business_page_inner .box li {
		border: 1px solid;
		width: 100%;
		margin-bottom: 20px;
		padding: 20px;
	}
	#contents .contents_mb .business_page .business_page .business_page_inner ul {
		margin-top: 20px;
	}
	#contents .contents_mb .business_page .business_page_inner .bg_gray ul li {
		float: none;
		margin-bottom: 5px;
		border: none;
		padding: 0;
		width: 100%;
		height: auto;
	}
	#contents .contents_mb .business_page .business_page_inner ul h4, #contents .contents_mb .business_page .business_page_inner 　.bg_gray ul h4 {
		font-size: 17px;
		padding-left: 8px;
		border-left: 8px solid;
		margin-top: 0px;
	}
	#contents .contents_mb .business_page .business_page_inner img {
		margin-top: 15px;
		width: 100%;
		margin-bottom: 0;
	}
	#contents .contents_mb .business_page .business_page_inner a {
		width: 100%;
	}
	#contents .contents_mb .business_page .outlink_s img {
		margin-top: 1px;
		width: 5%;
	}
	#contents .contents_mb .business_page .business_page_inner .bg_gray ul {
		padding: 5px 0px;
		margin-top: 0px;
	}
	#contents .contents_mb .business_page .business_page_inner .flR {
		float: none;
	}
	.business_page .business_page_inner .outlink_big {
		margin-top: 50px;
		margin-bottom: 0px;
	}
	/*事業概要*/
	#platform {
		float: none;
		width: 275px;
		margin: 30px auto 20px;
	}
	#platform img {
		width: 100%;
		height: auto;
	}
	#platform .open-dev-badge {
		width: 47px;
		height: 47px;
	}
	#platform .gt-dev:nth-child(3) {
		width: 95px;
		height: 95px;
	}
	#platform .gt-dev:nth-child(4) {
		width: 60px;
		height: 60px;
	}
	#platform .p-base {
		width: 218px;
		height: 247px;
	}
	#platform .p-back {
		width: 276px;
		height: 275px;
	}
	#summary #tabmenu .title {
		line-height: 1.8em;
		margin: 0px;
		padding: 0px;
	}
	#summary #tabmenu #tab_contents {
	}
	#summary #tabmenu #tab_contents .inner_box {
		width: 97%;
		margin-right: 0;
		height: 79px;
		position: relative;
		margin-bottom: 0px;
		margin-top: 10px;
	}
	#summary #tabmenu .inner_box h2 {
		float: left;
		font-weight: 500;
		font-size: 16px;
		padding-top: 26px;
	}
	#summary #tabmenu .inner_box img {
		position: absolute;
		bottom: 0;
		left: 87%;
	}
	#contents .contents_mb .business_page .business_page_inner h3 {
		font-size: 17px;
		margin: 30px 0 0 0;
		padding-bottom: 5px;
		letter-spacing: 0.05em;
	}
	#contents .contents_mb .business_page .business_page_inner h4 {
		font-size: 16px;
		font-weight: normal;
	}
	#contents .contents_mb .business_page .business_page_inner h5 {
		margin-top: 0px;
	}
	.business_page .business_page_inner ul.check_list li {
		font-size: 15px;
		line-height: 1.5em;
		padding-left: 20px;
		margin-left: 10px;
		background-size: 15px auto;
		background-position: left 9px;
	}#floor-illust img
	.business_page .business_page_inner ul li {
		font-size: 15px;
	}

	#business_size #contents {
		padding: 0;
	}
	#business_size #contents .contents_mb {
		width: 100%;
		padding: 0;
	}
	#contents .contents_mb .business_page .business_page_inner {
		padding: 40px 20px;
	}
	#contents .contents_mb .business_page {
		padding: 6% 4% 4%;
	}
	#summary #tabmenu .inner_box {
		list-style: none;
		overflow: initial;
		width: 507px;
		float: left;
		margin-right: 30px;
		margin-bottom: 20px;
		position: relative;
	}
	#summary #tabmenu .inner_box .kyujin_img {
		position: absolute;
		left: 72%;
	}
	#summary #tabmenu .inner_box .jinzai_img {
		position: absolute;
		left: 72%;
		top: -10.35%;
	}
	#summary #tabmenu .inner_box .creative_img {
		position: absolute;
		left: 67%;
		top: -24.55%;
	}
	#summary #tabmenu .inner_box .branding_img {
		position: absolute;
		left: 73%;
		top: 9%;
	}
	#summary #tabmenu .inner_box .ad_img {
		position: absolute;
		left: 69%;
		top: 11.65%;
	}
	#summary #tabmenu .inner_box .sem_img {
		position: absolute;
		left: 67.3%;
		top: -16.1%;
	}
	#summary #tabmenu .inner_box .media_img {
		position: absolute;
		left: 84.2%;
		top: -5.7%;
	}
	#summary #tabmenu .inner_box .marketing_img {
		position: absolute;
		left: 76.1%;
		top: -26.22%;
	}
	#summary #tabmenu .inner_box .english_img {
		position: absolute;
		left: 69%;
		top: -16.2%;
	}
	#summary #tabmenu .inner_box .cleaning_img {
		position: absolute;
		left: 67%;
		top: 22.15%;
	}
	#summary #tabmenu .inner_box .shop_img {
		position: absolute;
		left: 77%;
		top: -1.5%;
	}
	#summary #tabmenu .inner_box .cgsp_img {
		position: absolute;
		left: 79%;
		top: -17.8%;
	}
	#summary #tabmenu .inner_box .school_img {
		position: absolute;
		left: 61%;
		top: -32%;
	}
	#summary #tabmenu #tab_contents dl p {
		margin-top: 15px;
	}
	#summary #tabmenu #tab_contents dl {
		width: 100%;
		margin: 0 auto;
		overflow: hidden;
	}
	#summary #tabmenu #tab_contents dt {
		float: none;
		padding-bottom: 5px;
		margin: 0 auto;
		width: auto;
	}
	#summary #tabmenu #tab_contents dd {
		display: block;
		float: none;
		padding-top: 5px;
	}
	#summary #tabmenu #tab_contents dd span {
	}
	#summary #tabmenu #tab_contents dd ul > li {
		width: 90%;
		margin-left: 10%;
		list-style: none;
		;
	}
	#summary #tabmenu #tab_contents dd ul > li > ul > li {
		margin-left: 30px;
		list-style: disc;
	}
	/*オフィス紹介*/

	#contents .contents_mb #floorguide img {
		width: 100%;
	}
	#contents .contents_mb #floorguide .photo2 {
		float: none;
		margin-right: 0px;
		width: 100%;
	}
	#blog-archive h3 {
		font-size: 20px;
		margin-bottom: 0;
	}
	#blog-archive h3 span {
		color: #ccc;
	}
	#contents .contents_mb .blog_main ul li:nth-child(3n) {
		margin-right: none;
	}
	#contents .blog_main ul li img {
		width: 100%;
		height: auto;
	}
	#dropmenu {
		margin: 0;
	}
	#dropmenu > li {
		float: none;
		width: 100%;
		margin: 0 auto;
		margin-bottom: 10px;
		padding: 0;
	}
	#dropmenu li:last-child {
		margin-right: auto;
		margin-bottom: 0;
	}
	#dropmenu li ul {
		width: 100%;
	}
	#dropmenu li ul li {
		padding: 0;
	}
	#dropmenu li ul li:first-child {
		margin-bottom: 0px;
	}
	#contents .contents_mb .blog_main ul .title {
		margin-right: 0;
		padding-left: 3px;
	}
	.category_left h4, .category_right h4 {
		margin-bottom: 15px;
	}
	.category_left, .category_right {
		width: 100%;
		height: auto;
		float: left;
		overflow: hidden;
		padding: 20px 0px;
	}
	.category_left ul li {
		background: #fff;
		width: 45%;
		padding: 10px 0;
		text-align: center;
		float: left;
		margin-right: 6%;
		margin-bottom: 20px;
		border-left: 5px solid #000;
		font-size: 12px;
	}
	.category_left ul li:nth-child(even) {
		margin-right: 0;
	}
	.category_right ul li {
		float: left;
		margin: 0 5px 5px 0;
		font-size: 12px;
	}
	/*ブログシングル*/
	#blog_single p {
		font-size: 15px;
		margin: 20px 0 0 0;
	}
	#blog_single h2 {
		font-size: 20px;
		margin: 50px 0 0px;
	}
	#blog_single h3 {
		margin-top: 40px;
	}
	#blog_single .contents_mb img {
		width: 100%;
	}
	#blog_single .contents_mb .blog_inner {
		margin: 0 auto 60px;
		width: 100%;
	}
	#blog_single #contents .blog_option h2 {
		margin-bottom: 0;
		margin-top: 30px;
	}
	#blog_single dl.simple dt {
		display: inline-block;
		padding: 0 10px;
		width: auto;
	}
	#blog_single .point {
		padding: 20px;
	}
	.ggmap {
		position: relative;
		padding-bottom: 56.25%;
		padding-top: 30px;
		height: 0;
		overflow: hidden;
	}
	.ggmap iframe, .ggmap object, .ggmap embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	/*フッター*/
	#footer_inner #ft-menu ul {
		display: block;
		overflow: hidden;
	}
	#footer_inner #ft-menu ul li {
		width: 33.33333%;
		line-height: 1.8;
		padding: 5px 0px;
	}
	.copy {
		width: 100%;
	}
	#footer_inner #sub-menu ul li a {
		font-size: 10px;
	}
	/*事業概要*/
	#summary .cont_box br {
		display: none;
	}
	#summary .cont_box {
		height: auto;
	}
	#summary .cont_box img {
		width: 100%;
		max-width: 345px;
		display: block;
		margin: 0 auto;
		float: none;
	}
	#summary .cont_box h3 {
		position: absolute;
		top: 50% !important;
		left: 50% !important;
		right: initial !important;
		width: 100px;
		text-align: center;
		box-sizing: border-box;
		margin: -16px 0 0 -50px;
	}

	.cont_box .flL, .cont_box .flR {
		float: none;
	}
	#summary .cont_box ul li {
		width: 100%;
		height: auto;
		margin-bottom: 15px;
	}
	#summary .cont_box ul li a {
		padding: 25px 45px 25px 25px;
	}
	.right_z {
		position: relative;
		right: 0;
	}
	.left_z {
		position: relative;
	}
	#summary #tabmenu ul {
		margin-top: 15px;
		overflow: hidden;
	}
	.tab_area li.select span:before {
		display: none;
	}
	#summary .marketing_img h3 {
		width: 160px;
		margin-left: -80px;
	}
	#summary .medical_img h3 {
		width: 130px;
		margin-left: -65px;
	}
	#summary .realestate_img h3 {

	}
	#summary .btoc_img h3 {

	}
	#summary .contribution_img h3 {
		width: 120px;
		margin-left: -60px;
	}

	.contact_inner li {
		width: 100%;
		max-width: 335px;
		padding: 0;
		float: none;
		margin: 0 auto;
	}
	.contact_inner li a {
		padding: 20px 0;
	}
	.contact_inner li a::after {
		top: 27px;
	}
	.wp-pagenavi {
		text-align: center;
	}
	.wp-pagenavi a, .wp-pagenavi span {
		font-size: 12px;
	}
}
/* -----------------------------------------------------------
			採用導線
----------------------------------------------------------- */
/*　ブログ記事 下部　*/
.recruit_blog {
	overflow: hidden;
	padding-bottom: 43px;
	margin: 50px 0;
	padding: 0 150px 43px;
	background: #f5f5f5;
}

/*=====　スマホのみ　=====*/
@media screen and (max-width: 768px) {
	.recruit_blog {
		padding: 0 20px 20px!important;
	}
.top_news .news_text h3 ,.pj-area h3 {
		text-align: center;
	}
	.top_news .pj-area {
		width: 100%;
	}
	.top_news .pj-area .pj-area-bnr {
		width: 300px;
    margin: 20px auto 0px;
	}
	.top_news .pj-area .pj-area-bnr img {
		width: 100%;
	}
	.home-overview .home-button-area {
		display: block;

	}
	.home-overview .home-vision-left, .home-overview .home-business-right {
		width: auto;
    margin-bottom: 20px;

	}
	.home-overview .home-business-right {
		margin-left: auto;
	}
	#geneple .geneple-title {
		text-align: center;
	}
	#geneple .geneple-title p.open-geneple {
		margin-left: auto;
	}
	#geneple ul.geneple-post {
		display: block;
	}
	#geneple ul.geneple-post li {
		width: 300px;
		margin:0 auto 20px;
		float: none;
	}
	.contents_mb .home-overview p.overview-message {
		font-size: 20px;
	}
	.home-overview .home-vision-left p.main, .home-overview .home-business-right p.main {
		font-size: 18px;
		line-height: 1.4;
	}

}
/*　スマホここまで　*/


.career_blog, .fresh_blog {
	position: relative;
	margin-top: 30px;
	background: #fff;
	overflow: hidden;
}

/*=====　スマホのみ　=====*/
@media screen and (max-width: 768px) {
	.career_blog, .fresh_blog {
		width: 100%!important;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
	}
}
/*　スマホここまで　*/
.fresh_blog .fresh_text {
	text-align: center;
	margin: 50px 0 20px!important;
}

@media screen and (max-width: 768px) {
	.fresh_blog .fresh_text {
		text-align: center;
		margin: 40px 0 0 !important;
	}
	.fresh_blog .fresh_text p {
		font-size: 11px !important;
	}
	.btn_entry {
		margin-top: 10px !important;
	}
}
.fresh_blog .fresh_text p:first-child {
	margin: 0!important;
}
.recruit_blog h2 {
	font-size: 29px!important;
}

/*=====　スマホのみ　=====*/
@media screen and (max-width: 768px) {
	.recruit_blog h2 {
		margin-top: 50px!important;
		font-size: 6vw!important;
	}
}
/*　スマホここまで　*/


.recruit_blog h3.center_line {
	text-align: center;
	background: #ffca02;
	padding: 20px 12px 20px 15px!important;
	line-height: 1;
	font-size: 20px;
	font-weight: bold;
	margin-top: 0;
}
.recruit_blog .career_blog ul {
	overflow: hidden;
	width: 76%;
	table-layout: fixed;
	box-sizing: border-box;
	display: grid;
	grid-template-columns: 1fr 1fr;
	margin: 60px auto 70px;
}

/*=====　スマホのみ　=====*/
@media screen and (max-width: 768px) {
	.recruit_blog .career_blog ul {
		grid-template-columns: 1fr!important;
		width: 90%;
		margin: 40px auto 50px;
	}
	#blog_single .recruit_blog h3.center_line {
		margin-top: 0;
	}
}
/*　スマホここまで　*/

.recruit_blog .career_blog ul li {
	display: table-cell;
	text-align: center;
	padding: 0;
}
.recruit_blog .career_blog ul li:nth-child(n+3) {
	padding: 10px 0 0;
}

/*=====　スマホのみ　=====*/
@media screen and (max-width: 768px) {
	.top_news {
		padding: 0 20px 20px;
	}
	.recruit_blog .career_blog ul li:nth-child(n+3) {
		padding: 0;
	}
}
/*　スマホここまで　*/


.recruit_blog .career_blog ul lilast-child {
	border-right: none;
	margin-left: 0;
}
.recruit_blog .career_blog ul li a {
	background-image: linear-gradient(to right, rgba(0,0,0,0) 50%, rgba(254,201,23,1) 50%);
	background-position: 0 0;
	background-size: 201% auto;
	transition: .3s;
	font-weight: bold;
	display: block;
	padding: 15px 0;
}

/*=====　スマホのみ　=====*/
@media screen and (max-width: 768px) {
	.recruitcareer_page .occupations h3 {
		font-size: 18px;
	}
	.recruitcareer_page .occupations .btn-2 {
		position: relative;
		text-align: left;
		padding-right: 20px;
	}
	.recruitcareer_page .occupations .btn-2::before {
		content: '';
		width: 8px;
		height: 8px;
		border: 0px;
		border-top: solid 2px #333;
		border-right: solid 2px #333;
		-ms-transform: rotate(135deg);
		-webkit-transform: rotate(135deg);
		background: none;
		transform: rotate(135deg);
		position: absolute;
		top: 50%;
		right: 0;
		left: initial;
		margin-top: -5px;
	}
	.recruitcareer_page .occupations .btn-2.open::before {
		transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
		margin-top: 0;
	}
	.recruitcareer_page .occupations p {
		text-align: left;
	}
	.recruitcareer_page .occupations .open-2 {
		display: none;
	}
	.recruit_blog .career_blog ul li a {
		font-size: 3.5vw;
		border-bottom: 1px solid #f5f5f5;
		padding: 20px 0;
	}
	.recruit_blog .career_blog ul li:first-child a {
		font-size: 3.5vw;
		border-bottom: 1px solid #f5f5f5;
		padding: 0 0 20px;
	}
}
.recruit_blog .career_blog ul li a:hover {
	cursor: pointer;
	text-decoration: none;
	background-position: -100% 0;
	color: #000;
}
.btn_entry {
	padding: 0 10px;
}
#recruit_btn {
	position: relative;
	z-index: 2;
	background-color: #333;
	border: 2px solid #333;
	color: #fff;
	display: block;
	width: 300px;
	max-width: 100%;
	padding: 20px 0;
	text-align: center;
	text-decoration: none;
	outline: none;
	font-weight: bold;
	margin: 0 auto 70px;
	transition: all .3s;
	box-sizing: border-box;
}
.entry_info ul {
	text-align: center;
	font-size: 0;
	letter-spacing: -10px;
}
.entry_info ul li {
	display: inline-block;
	padding: 0 10px;
}
.entry_info ul li a {
	position: relative;
	z-index: 2;
	background-color: #333;
	border: 2px solid #333;
	color: #fff;
	display: block;
	width: 300px;
	max-width: 100%;
	padding: 20px 0;
	text-align: center;
	text-decoration: none;
	outline: none;
	font-weight: bold;
	margin: 0 auto 70px;
	transition: all .3s;
	box-sizing: border-box;
	font-size: 16px;
	letter-spacing: 0.025em;
}
.entry_info ul li a:hover {
	border-color: #FEC917;
	background: #ffb500;
	color: #333;
}
.entry_info ul li a::before {
	content: "";
	border: 6px solid transparent;
	border-left-color: #fff;
	position: absolute;
	top: 54%;
	left: 91%;
	margin-top: -8px;
}
@media screen and (max-width: 1025px) {
	#recruit_btn {
		margin: 0 auto 30px;
		transition: all .3s;
		padding: 15px 0;
	}
	.entry_info ul {
		margin-bottom: 40px;
	}
	.entry_info ul li a {
		font-size: 14px;
		margin: 0 auto 10px;
	}
}
/*=====　スマホのみ　=====*/
@media screen and (max-width: 768px) {

	.recruit_blog h2 {
		margin-top: 30px !important;
	}
	.recruit_blog p {
		font-size: 14px !important;
	}

}
#recruit_btn:hover {
	border-color: #FEC917;
	background: #ffb500;
	color: #333;
}
a#recruit_btn::before {
	content: "";
	border: 6px solid transparent;
	border-left-color: #fff;
	position: absolute;
	top: 54%;
	left: 91%;
	margin-top: -8px;
}
.youtube {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.youtube iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}
.col2_img {
	font-size: 0 !important;
	letter-spacing: -.4em;
	margin: 30px -10px 0 !important;
}
.col2_img img {
	display: inline-block;
	width: 50%;
	padding: 0px 10px;
	box-sizing: border-box;
}

@media screen and (max-width: 768px) {
	.sb-icon {
		height: 100% !important;
		width: auto !important;
	}
	.sb-icon img {
		height: auto !important;
	}
	.breadcrumbs {
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
		box-sizing: border-box;
		width: 100%;
		display: block;
	}
	.col2_img img:first-child {
		margin-bottom: 20px;
	}
	#summary #tabmenu .director .director_inner h2 {
		margin: 0;
		padding: 0;
	}
}

.privacy_innner_ul li {
	margin-left: 30px;
    padding-top: 5px;
	font-size: 15px;

}
.privacy_innner_ol li {
	margin-left: 30px;
    padding-top: 5px;
	padding-bottom: 5px;
	font-size: 15px;

}
ul.optout {
	list-style-type: none;
	display: flex;
  flex-wrap: wrap;
}
ul.optout li {
	margin-bottom: 40px;
  width: 50%;
  box-sizing: border-box;
}
ul.optout li p {
	font-weight: bold;
	margin-bottom: 10px;
}
@media screen and (max-width: 900px) {
	ul.optout {
		display: block;
	}
	ul.optout li {
	  width: 100%;
	}
	ul.optout li p, ul.optout li a {
		word-wrap: break-word;
	}
}
.recruitcareer_page p.fin {
	text-align: center;
	margin-bottom: 50px;
	font-size: 24px;
}

.box_comment {
	border: 1px solid #ececec;
	background: #fffbf2;
	padding: 0 20px 20px;
	margin-top: 30px;
}
#blog_single .box_comment p {
	margin-top: 20px;
}
.dl_box {
	line-height: 1.6;
	font-size: 16px;
	margin-top: 30px;
	border: 1px solid #000;
}
.dl_box > dl > dt {
	padding: 10px;
	text-align: center;
	color: #fff;
	background: #000;
	font-weight: bold;
}
.dl_box > dl > dd {
	padding: 10px 15px;
}
.dl_box > dl > dd p {
	font-weight: bold;
	margin: 0 0 10px !important;
}
.dl_box > dl > dd dl {
	margin-bottom: 10px;
	overflow: hidden;
}
.dl_box > dl > dd dl dt {
	width: 70px;
	float: left;
}
.dl_box > dl > dd dl dd {
	width: 100%;
	margin-left: -70px;
	padding-left: 70px;
	float: left;
	box-sizing: border-box;
}
.service_business {
	overflow: hidden;
}
.service_business .img {
	width: 200px;
	display: inline-block;
	margin-right: 20px;
	vertical-align: top;
}
.service_business .img img {
	width: 100%;
	height: auto;
}
.service_business .txt {
	display: inline-block;
}
.pdf {
	display: block;
}
.pdf:after {
	content: "";
	display: inline-block;
	background: url("img/icon_pdf.svg") no-repeat right center;
	background-size: 20px auto;
	width: 20px;
	height: 20px;
	margin-left: 5px;
	vertical-align: text-bottom;
}
@media screen and (max-width: 768px) {
	.dl_box {
		font-size: 15px;
	}
	.dl_box > dl > dd dl dt {
		width: 65px;
	}
	.dl_box > dl > dd dl dd {
		margin-left: -65px;
		padding-left: 65px;
	}
	.service_business .img {
		width: 150px;
		margin-right: 10px;
	}
	.service_business .txt {

	}
}