@charset "utf-8";
/* ===================================================================

 file name  :index.css
 style info :トップページ

=================================================================== */

/* =============================

	overwrite

=============================== */
#content {
	overflow:hidden;
}
#content img {
	width:100%;
	height:auto;
}
#main .main-inner {
	max-width:100%;
	min-width:100%;
	margin:0;
	padding:0;
	background:transparent;
}

#main {
	padding-top:0;
}
/* =================================== */
.idxhead {
	margin:0 0 108px;
	position:relative;
}
#idxmv {
	position:relative;
	overflow:hidden;
}
#idxmv .mv{
	width:61.2765957446%;
	float:left;
	opacity:0;
	transition:all 0.8s ease 0.5s;
	position:relative;
}
#idxmv.idxanimeIn .mv{
	opacity:1;
}
#idxmv .mvtxt{
	width:34.0425531914%;
	float:left;
	margin:6.875% 0 0;
	padding:2.8125% 0 3.125% 3.64583333333%;
	box-sizing:border-box;
	position:relative;
	-webkit-transition:all ease 0.3s;
	-moz-transition:all ease 0.3s;
	transition:all ease 0.3s;
}
#idxmv.idxanime .mvtxt h1 img {
	width:79.6875%;
	transition: all 2s cubic-bezier(.85,.01,.36,.98) 1.8s;
	transform: translate(200px, -100px) rotateX(-120deg) skew(-60deg, 0deg) scale(0.2,0.2);
	opacity:0;
}
#idxmv.idxanime .mvtxt h1 img:nth-child(1) {	transition:all 2s cubic-bezier(.85,.01,.36,.98) 1.8s;}
#idxmv.idxanime .mvtxt h1 img:nth-child(2) {	transition:all 2s cubic-bezier(.85,.01,.36,.98) 2.1s;}
#idxmv.idxanime .mvtxt h1 img:nth-child(3) {	transition:all 2s cubic-bezier(.85,.01,.36,.98) 2.4s;}

#idxmv.idxanimeIn .mvtxt h1 img {
	transform: translate(0, 0) rotateX(0) skew(0, 0) scale(1,1);
	opacity:1;
}

#idxmv .mvtxt .designtxt01 {
	margin:0 0 24px;
	font-size:125%;
	opacity:0;
}

#idxmv .mvtxt .designtxt01.line:before {
	top:-100px;
	left:100px;
	opacity:0;
	transition: all 0.2s ease 3s;
}
#idxmv.idxanimeIn .mvtxt .designtxt01.line:before {
	opacity:1;
	top:-25px;
	left:-35px;
}

#idxmv .mvtxt .designtxt02 {
	margin:34px 0 0;
	padding:0 21% 0 0;
	line-height:3;
	font-size:84%;
	transition: all 2s cubic-bezier(.85,.01,.36,.98) 3s;
	opacity:0;
}
#idxmv.idxanimeIn .mvtxt .designtxt02 {
	opacity:1;
}

#idxmv .mvtxt:before,
#idxmv .mvtxt:after{
	content:"";
	display:block;
	width:39.6875%;
	height:7px;
	background:#000;
	position:absolute;
	right:0;
	transition: all 0.2s cubic-bezier(.85,.01,.36,.98) 4s;
	opacity:0;
}

#idxmv .mvtxt:before {	top:0;}
#idxmv .mvtxt:after {	bottom:0;transition: all 0.2s cubic-bezier(.85,.01,.36,.98) 4.3s}

#idxmv.idxanime .mvtxt:before {	right:-100px;}
#idxmv.idxanime .mvtxt:after {	right:-100px;}
#idxmv.idxanimeIn .mvtxt:before,
#idxmv.idxanimeIn .mvtxt:after{	right:0; opacity:1;}


#idxmv .mvtxt .mvtxt-inner:before {
	content:"";
	display:block;
	width:1px;
	height:255px;
	background:#c9c9c9;
	position:absolute;
	right:22px;
	bottom:-22px;
	transition: all 0.2s cubic-bezier(.85,.01,.36,.98) 4.6s;
	opacity:0;
}
#idxmv.idxanime .mvtxt .mvtxt-inner:before {
	bottom:-100px;
}
#idxmv.idxanimeIn .mvtxt .mvtxt-inner:before {
	bottom:-22px;
	opacity:1;
}

#idxmv .sns{
  width: 300px;
  float: right;
  margin: 150px 50px 0 0;
}

#catch {
	width:630px;
	height:496px;
	padding:62px 0 56px 86px;
	background:rgba(157, 158, 148, 0.95);
	color:#fff;
	box-sizing:border-box;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:34.0425531914%;
	z-index:100;
	margin:auto;
}
#catch *{
	-webkit-transition:all ease 0.3s;
	-moz-transition:all ease 0.3s;
	transition:all ease 0.3s;
}

#catch h2 {
	margin:0 0 32px;
	font-size:250%;
	letter-spacing:4px;
}
#catch p {
	font-size:134%;
	line-height:2.4;
}




#main .btn-eft {
	width:238px;
}


/*field*/
#main .field{
	position: relative;
	margin-bottom: 100px;
}
#main .field .bnr_field{
	position: absolute;
	bottom: 0;
	right: 0;
	width: 24%;
}
#main .field .bnr_field ul{
	position: absolute;
	bottom: 8%;
	left: 16%;
	width: 75%;
}
#main .field .bnr_field ul .press_release{
	color: #fff;
	text-align: center;
	padding-top: 5%;
}
#main .field .bnr_field ul .press_release a{
	color: #fff;
	text-decoration: underline;
}
#main .field .bnr_field ul .press_release a:hover{
	text-decoration: none;
}

/* read */
#main .read{
	margin:0 auto 65px;
}


/* movie */
#main .movie {
	padding:0 0 134px;
	overflow:hidden;
}
#main .movie dt {
	margin:0 0 -28px;
	padding:0 0 5px;
	font-size:167%;
	text-align:center;
	border-bottom:solid 1px #cecece;
}
#main .movie dd {
	width:46.1666666666%;
	float:left;
}
#main .movie dd + dd {
	float:right;
}
#main .movie dd p {
	font-size:125%;
}
#main .movie dd img {
	width:100%;
	height:auto;
}
#main .movie dd p span:first-child {
	margin:0 1em 0 0;
	font-size:134%;
}
#main .movie dd p span:first-child + span {
	letter-spacing:3px;
}
#main .movie dd:last-child p:before {
	content:"";
	display:inline-block;
	width:35px;
	height:4px;
	margin:0 1em 0 0;
	background:#0d0d0d;
	vertical-align:5px;
}

/* romeo */
#main .romeo{
	background:#000;
	padding: 50px 10px;
	margin: 0 auto 100px;
}
#main .romeo h5{
	text-align:center;
}
#main .romeo p{
	font-size:2em;
	color: #fff;
	text-align: center;
	margin: 30px 0;
}
#main .romeo h5 img,
#main .romeo p img{
	width:auto;
}
#main .romeo ul li{
	width: 32.6994%;
	float:left;
	margin: 20px 10px 20px 0;
}
#main .romeo ul li:last-child{
	margin:20px 0;
}

/* cm */
#main .cm {
	padding:0 0 134px;
	overflow:hidden;
}
#main .cm dt {
	margin:0 0 106px;
	padding:0 0 5px;
	font-size:167%;
	text-align:center;
	border-bottom:solid 1px #cecece;
}
#main .cm dd {
	width:46.1666666666%;
	float:left;
}
#main .cm dd + dd {
	float:right;
}
#main .cm dd p {
	font-size:125%;
}
#main .cm dd img {
	width:100%;
	height:auto;
}
#main .cm dd p span:first-child {
	margin:0 1em 0 0;
	font-size:134%;
}
#main .cm dd p span:first-child + span {
	letter-spacing:3px;
}
#main .cm dd p:before {
	content:"";
	display:inline-block;
	width:35px;
	height:4px;
	margin:0 1em 0 0;
	background:#0d0d0d;
	vertical-align:5px;
}


/* sec */
#main .sec-wrap {
	-webkit-transition:all ease 0.3s;
	-moz-transition:all ease 0.3s;
	transition:all ease 0.3s;
}
#main .sec {
	margin:0 0 133px;
	-webkit-transition:all ease 0.3s;
	-moz-transition:all ease 0.3s;
	transition:all ease 0.3s;
}
#main .sec .txt-block {
	box-sizing:border-box;
	-webkit-transition:all ease 0.3s;
	-moz-transition:all ease 0.3s;
	transition:all ease 0.3s;
}
#main .sec .txt-block h3 {
	margin:0 0 24px;
	font-size:174%;
	-webkit-transition:all ease 0.3s;
	-moz-transition:all ease 0.3s;
	transition:all ease 0.3s;
}
#main .sec .txt-block h3 img {
	display:block;
	width:auto;
	height:26px;
	margin:0 0 26px;
}
#main .sec .txt-block h3 span {
	line-height:1.4;
}
#main .sec .txt-block .txt {
	margin:0 0 75px;
	font-size:134%;
	line-height:2.7;
	-webkit-transition:all ease 0.3s;
	-moz-transition:all ease 0.3s;
	transition:all ease 0.3s;
}
#main .sec .txt-block .block-inner {
	position:relative;
}

#main .sec .txt-block.order .line:before {
	opacity:0;
	top:-100px;
	left:50px;
	transition: all 0.5s ease 0.8s;
}
#main .sec .txt-block.orderIn .line:before {
	opacity:1;
	top:-26px;
	left:-46px;
}

#main .sec .txt-block .block-inner:before,
#main .sec .txt-block .block-inner:after {
	content:"";
	display:block;
	position:absolute;
	-webkit-transition:all ease 0.3s;
	-moz-transition:all ease 0.3s;
	transition:all ease 0.3s;
}
#main .sec .txt-block .block-inner:before {
	width:143px;
	height:7px;
	background:#000;
	z-index:10;
}
#main .sec .txt-block .block-inner:after {
	height:255px;
	width:1px;
	background:#9d9d9d;
}
#main .sec .txt-block .block-inner:before,
#main .sec .txt-block.order.orderIn .block-inner:before {
	opacity:1;
	left:-28px;
	bottom:0;
}
#main .sec .txt-block .block-inner:after,
#main .sec .txt-block.order.orderIn .block-inner:after {
	opacity:1;
	left:0;
	bottom:-28px;
}
#main .sec .txt-block.order .block-inner:before {
	opacity:0;
	transition: all 0.2s ease 1.5s;
	left:20%;
}
#main .sec .txt-block.order .block-inner:after {
	opacity:0;
	transition: all 0.2s ease 1.2s;
	bottom:20%;
}


#main .sec .txt-block .btn-eft {
	width:214px;
	margin:0 0 0 47px;
}


/* ideal,investor */
#ideal figure,
#ideal figure.order.orderIn,
#investor figure,
#investor figure.order.orderIn {
	width:50%;
	float:left;
	opacity:1;
}
#ideal figure.order,
#investor figure.order {
	opacity:0;
	transition:opacity 1.5s ease 0.1s;
}

#ideal .txt-block ,
#ideal .txt-block.order.orderIn,
#investor .txt-block ,
#investor .txt-block.order.orderIn {
	width:50%;
	float:right;
	margin:60px 0 0;
	padding:0 0 0 5%;
	border-top:solid 1px #cecece;
	opacity: 1.0;
	transform: translate(0,0);
	-webkit-transform: translate(0,0);
}
#ideal .txt-block.order,
#investor .txt-block.order {
	opacity: 0;
	transform: translate(0,60px);
	-webkit-transform: translate(0,60px);
	transition: transform 1.7s ease, opacity 1.5s ease 0.1s;
}

#ideal .txt-block .block-inner,
#investor .txt-block .block-inner {
	margin:0;
	padding:15% 0 20% 5%;
}

#investor .txt-block .block-inner .txt {
	padding:0 50% 0 0;
}
#investor.sec .btn-list li.btn-eft {
	float:left;
	margin:0 20px 0 0;
}



/* business,group */
#business,
#group {
	background:#f7f7f7;
	position:relative;
}
#business figure,
#business figure.order.orderIn,
#group figure,
#group figure.order.orderIn {
	width:50%;
	float:right;
	opacity:1;
	transition:opacity 1.5s ease 0.1s;
}
#business figure.order,
#group figure.order {opacity:0;}

#business .txt-block,
#business .txt-block.order.orderIn,
#group .txt-block,
#group .txt-block.order.orderIn {
	width:31%;
	float:left;
	margin:0 0 0 19%;
	opacity: 1.0;
	transform: translate(0,0);
	-webkit-transform: translate(0,0);
}
#business .txt-block.order,
#group .txt-block.order {
	opacity: 0;
	transform: translate(0,60px);
	-webkit-transform: translate(0,60px);
	transition: transform 1.7s ease, opacity 1.5s ease 0.1s;
}

#business .txt-block.order .line:before,
#group .txt-block.order .line:before {
	opacity:0;
	top:-100px;
	left:50px;
	transition: all 0.5s ease 0.8s;
}
#business .txt-block.orderIn .line:before,
#group .txt-block.orderIn .line:before {
	opacity:1;
	top:-26px;
	left:-46px;
}
#business .txt-block .block-inner,
#group .txt-block .block-inner {
	padding:23% 8% 14% 8%;
}


#business.sec .txt-block .block-inner {
	padding:18% 8% 10% 8%;
}
#business .txt-block .block-inner .txt {
	padding:0 17.4698795180% 0 0;
}
#business .btn-link {
	width:334px;
	margin:70px 0 0;
}
#business .btn-link a {
	display:block;
	height:64px;
	color:#fff;
	background:#89b345;
	font-size:142%;
	line-height:3.2;
	border-radius:32px;
	text-align:center;
	position:relative;
	-webkit-transition:all ease 0.3s;
	-moz-transition:all ease 0.3s;
	transition:all ease 0.3s;
}
#business .btn-link a:hover {
	background:#a4d554;
}
#business .btn-link a:before {
	content:"";
	display:block;
	width:5px;
	height:5px;
	border:solid 1px #fff;
	position:absolute;
	right:60px;
	top:28px;
}
#business .btn-link a:after {
	content:"";
	display:block;
	width:4px;
	height:4px;
	border-top:solid 1px #fff;
	border-right:solid 1px #fff;
	position:absolute;
	right:58px;
	top:26px;
}

#group.sec {
	margin:0;
}
#group.sec .btn-link {
	margin:66px 0 0;
}
#group.sec .btn-link li.btn-eft {
	width:300px;
	margin:0 0 20px;
}
#group.sec .btn-link .esconhome a{
	padding: 0.2em 0;
	line-height: 1.2;
}






/* info */
#info {
	padding:133px 0 97px;
	background:#fff;
}
#info .sec-inner {
	border-bottom:solid 1px #e9e9e9;
}
#info .info-nav {
	overflow:hidden;
	border-bottom:solid 1px #e9e9e9;
}
#info .info-nav li {
	width:45.8333333333%;
	float:left;
}
#info .info-nav li:first-child {
	margin:0 0 0 4.16666666667%;
}
#info .info-nav li a {
	display:block;
	height:88px;
	padding:20px 0 0 5%;
	border:solid 1px #e9e9e9;
	border-bottom:none;
	background:#f6f6f6;
	box-sizing:border-box;
	-webkit-transition:all ease 0.3s;
	-moz-transition:all ease 0.3s;
	transition:all ease 0.3s;
}
#info .info-nav li:first-child a {
	border-right:none;
}
#info .info-nav li a .btn-ttl {
	font-size:134%;
	display:block;
}
#info .info-nav li a .cap {
	font-size:84%;
	color:#898989;
}

#info .info-nav li:hover a,
#info .info-nav li.current a {
	background:#fff;
	position:relative;
}
#info .info-nav li:hover a:after,
#info .info-nav li.current a:after {
	content:"";
	display:block;
	width:10px;
	height:10px;
	border-top:solid 2px #9f9f9f;
	border-right:solid 2px #9f9f9f;
	-webkit-transform:rotate(135deg);
	transform:rotate(135deg);
	position:absolute;
	right:5%;
	top:50%;
	margin:-6px;
}

#info .topic-wrap {
	max-width:1100px;
	min-width:1040px;
	margin:0 auto;
	padding:22px 15px;
	box-sizing:border-box;
	position:relative;
}
#info .topic-wrap h4 {
	display:inline-block;
	margin:0 0 30px;
	padding:0 0 6px;
	font-size:125%;
	position:relative;
}
#info .topic-wrap h4:after {
	content:"";
	display:block;
	width:16px;
	height:2px;
	background:#000;
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	margin:0 auto;
}

#info .topic-wrap .more {
	position:absolute;
	top:26px;
	right:10px;
	font-size:117%;
}
#info .topic-wrap .more a {
	-webkit-transition:all ease 0.3s;
	-moz-transition:all ease 0.3s;
	transition:all ease 0.3s;
}
#info .topic-wrap .more a:before {
	content:"";
	display:inline-block;
	width:6px;
	height:6px;
	margin:0 16px 0 0;
	border-top:solid 2px #9f9f9f;
	border-right:solid 2px #9f9f9f;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
	-webkit-transition:all ease 0.3s;
	-moz-transition:all ease 0.3s;
	transition:all ease 0.3s;
	vertical-align:1px;
}
#info .topic-wrap .more a:hover {
	color:#aaa;
}
#info .topic-wrap .more a:hover:before {
	margin:0 10px 0 6px;
}

#info .topic-wrap .pre-release {
	display:none;
}

#info .topic-wrap dt {
	float:left;
	clear:both;
	font-size:117%;
	font-family: "FOT-筑紫ゴシック Pro B";
}
#info .topic-wrap dt:before {
	display:inline-block;
	width:76px;
	margin:0 14px 0 0;
	border-radius:9px;
	color:#fff;
	text-align:center;
	font-size:12px;
	font-family: "FOT-筑紫ゴシック Pr5 R" !important;
}
#info .topic-wrap dt.ir:before {
	content:"IR";
	background:#2b3b51;
}
#info .topic-wrap dt.news:before {
	content:"ニュース";
	background:#9d9e94;
}
#info .topic-wrap dt.pr:before {
	content:"PR";
	background:#f37020;
}
#info .topic-wrap dd {
	font-size:117%;
	margin:0 0 40px;
	padding:0 0 0 210px;
}


/* recruit */
#recruit {
	min-width:1200px;
	position:relative;
	margin:50px 0 0;
}
#recruit .recruit-wrap {
	width:24.2021276595%;
	padding:35px 15px;
	background:#2f2d2d;
	text-align:center;
	color:#fff;
	position:absolute;
	top:25.6666666666%;
	left:0.90%;
	right:0;
	margin:0 auto;
	box-sizing:border-box;
	-webkit-transition:all ease 0.3s;
	-moz-transition:all ease 0.3s;
	transition:all ease 0.3s;
}
#recruit .recruit-wrap h2 {
	margin:0 0 32px;
	display:inline-block;
	font-size:334%;
	position:relative;
}
#recruit .recruit-wrap h2:after {
	content:"";
	display:block;
	width:84px;
	height:1px;
	background:#868686;
	position:absolute;
	right:0;
	bottom:0;
}

#recruit .recruit-wrap h2 + p {
	margin:0 0 38px;
	font-size:117%;
}
#recruit .recruit-wrap h2 + p .break {
	display:none;
}

#recruit .recruit-wrap .btn-eft {
	margin:0 auto;
	position:relative;
}
#recruit .recruit-wrap .btn-eft a:hover {
	background:rgba(255,255,255,0.3);
}
#recruit .recruit-wrap .btn-eft .blank:before {
	content:"";
	display:block;
	width:6px;
	height:6px;
	border:solid 1px #6f6f6f;
	position:absolute;
	right:70px;
	top:17px;
}
#recruit .recruit-wrap .btn-eft .blank:after {
	content:"";
	display:block;
	width:4px;
	height:4px;
	border-top:solid 1px #6f6f6f;
	border-right:solid 1px #6f6f6f;
	position:absolute;
	right:68px;
	top:15px;
}
#recruit .recruit-wrap .btn-eft a:hover .blank:before,
#recruit .recruit-wrap .btn-eft a:hover .blank:after {
	border-color:rgba(179,179,179,1.00);
}
@media screen and (max-width: 1800px){
	#ideal .txt-block .block-inner {
		padding:15% 0 15% 5%;
	}
	#business.sec .txt-block .block-inner {
		padding:18% 8% 10% 8%;
	}
	#business .txt-block .block-inner .txt {
		margin:0 0 20px;
		padding:0 17.4698795180% 0 0;
	}
	#business .btn-link {
		width:334px;
		margin:20px 0 0;
	}
}
@media screen and (max-width: 1680px){
	#recruit .recruit-wrap {
		top:10%;
	}
	#recruit .recruit-wrap h2 + p .break {
		display:block;
	}
}
@media screen and (max-width: 1540px){
	/* mv */
	#catch {
		width:540px;
		height:400px;
		padding:40px 0 40px 50px;
	}
	#catch h2 {
		margin:0 0 20px;
		font-size:208%;
	}
	#catch p {
		font-size:117%;
	}

	/* sec */
	#main .sec-wrap {
		width:1060px;
		margin:0 auto;
	}
	#main .sec-wrap .sec {
		width:1540px;
		margin:0 0 0 -240px;
	}
	#investor.sec .btn-list li.btn-eft {
		width:190px;
	}

}
@media screen and (max-width: 1450px){
	#idxmv .mvtxt{
		width:37.2340425531%;
		margin:4% 0 0;
	}
	#idxmv .mvtxt h1 {
		width:72.8571428571%;
	}
	#idxmv .mvtxt .designtxt02 {
		padding:0 15% 0 0;
		line-height:2.5;
	}
}


/* ==========================================================================
   smartPhone
   ========================================================================== */
@media screen and (max-width: 640px){

	/* =============================

		overwrite

	=============================== */






	/* =================================== */
	.idxhead {
		position:relative;
		margin:0;
	}
	#idxmv {
		position:relative;
	}

	#idxmv .mv {
		width:180%;
		float:none;
		margin:0 0 0 -80%;
	}
	#idxmv .mvtxt{
		width:93%;
		float:none;
		padding:40px 10% 20px;
		margin:0 auto;
		position:absolute;
		z-index:100;
		top:15%;
		left:0;
		right:0;
		background:rgba(255,255,255,0.8);
	}
	#idxmv .mvtxt h1 {
		width:100%;
	}
	#idxmv.idxanime .mvtxt h1 img {
		width:95%;
	}
	#idxmv .mvtxt .designtxt01 {
		margin:0 0 20px;
		font-size:75%;
	}
	#idxmv .mvtxt .designtxt01.line:before {
		width:45px;
		top:0 !important;
		left:-25px !important;
	}
	#idxmv .mvtxt .designtxt02 {
		margin:15px 0 0;
		padding:0;
		line-height:2.2;
		font-size:75%;
	}

	#idxmv .mvtxt:before,
	#idxmv .mvtxt:after{
		display:none;
	}

	#idxmv .mvtxt .mvtxt-inner:before {
		display:none;
	}

	#catch {
		width:100%;
		height:auto;
		margin:0 0 30px;
		padding:35px 25px;
		position:static;
		clear:both;
	}
	#catch h2 {
		margin:0 0 15px;
		font-size:167%;
	}
	.mv #catch p {
		font-size:109%;
	}
	#catch .point {
		display:none;
	}

	#main .btn-eft {
		width:74.375%;
	}
	
	/*field*/
	#main .field{
		margin-bottom: 50px;
	}
	#main .field figure{
		margin-bottom: 20px;
	}
	#main .field .bnr_field_sp{
		margin: 0 auto;
		width: 50%;
	}
	#main .field .bnr_field_sp ul li{
		margin-bottom: 10px;
	}
	#main .field .bnr_field_sp ul .press_release{
		color: #000;
		text-align: center;
	}
	#main .field .bnr_field_sp ul .press_release a{
		text-decoration: underline;
	}	
	
	/* read */
	#main .read{
		margin:0 10px 20px;
	}

	/* movie */
	#main .movie {
		padding:0 15px 20px;
	}
	#main .movie dt {
		margin:0;
		padding:0 0 5px;
		font-size:150%;
	}
	#main .movie dd {
		width:49%;
		float:left;
	}
	#main .movie dd + dd {
		float:right;
	}
	#main .movie dd:last-child p {
		padding:5px 0 0;
		font-size:100%;
		line-height:1.5;
	}
	#main .movie dd p span:first-child {
		margin:0 1em 0 0;
		font-size:109%;
	}
	#main .movie dd p span:first-child + span {
		display:block;
	}
	#main .movie dd:last-child p:before {
		width:10px;
		height:2px;
		margin:0 0.5em 0 0;
		vertical-align:3px;
	}



	/* romeo */
	#main .romeo{
		padding: 20px 10px;
		margin: 0 auto 30px;
	}
	#main .romeo h5 img{
		width:35%;
	}
	#main .romeo p{
		font-size:1.5em;
		margin: 10px 0;
		line-height: 1.5em;
	}
	#main .romeo p img{
		width:94%;
	}
	#main .romeo p span{
		display:block;
		margin: 10px 0 20px;
	}
	#main .romeo ul li{
		width:auto;
		float:none;
		margin: 10px;
	}
	#main .romeo ul li:last-child{
		margin:10px;
	}



	/* cm */
	#main .cm {
		padding:0 15px 50px;
	}
	#main .cm dt {
		margin:0 0 20px;
		padding:0 0 5px;
		font-size:150%;
	}
	#main .cm dd {
		width:49%;
		float:left;
	}
	#main .cm dd + dd {
		float:right;
	}
	#main .cm dd p {
		padding:5px 0 0;
		font-size:100%;
		line-height:1.5;
	}
	#main .cm dd p span:first-child {
		margin:0 1em 0 0;
		font-size:109%;
	}
	#main .cm dd p span:first-child + span {
		display:block;
	}
	#main .cm dd p:before {
		width:10px;
		height:2px;
		margin:0 0.5em 0 0;
		vertical-align:3px;
	}


	/* ideal */
	#main .sec-wrap,
	#main .sec-wrap .sec {
		width:100%;
		margin:0;
	}
	#main .sec figure {
		width:100%  !important;
	}
	#main .sec .txt-block {
		width:100% !important;
		margin:0 !important;
		padding:59px 25px !important;
		box-sizing:border-box;
		border:none !important;
	}
	#main .sec .txt-block h3 {
		margin:0 0 24px;
		font-size:158%;
	}
	#main .sec .txt-block h3 img {
		width:auto;
		height:16px;
		margin:0 0 20px;
	}
	#main .sec .txt-block .txt {
		margin:0 0 40px;
		padding:0 !important;
		font-size:100%;
		line-height:2.57;
	}
	#main .sec .txt-block .block-inner {
		width:100% !important;
		margin:0 !important;
		padding:0 !important;
	}
	#main .sec .txt-block .block-inner:before,
	#main .sec .txt-block .block-inner:after {
		content:none;
	}
	#main .sec .txt-block .btn-eft {
		margin:0 auto;
		width:214px !important;
	}

	#investor.sec .btn-list li.btn-eft {
		float:none;
		margin:0 auto 10px;
	}
	#group.sec .btn-link {
		margin:20px 0 0;
	}
	#group.sec .btn-link li.btn-eft {
		margin:0 auto 10px;
	}

	#business .btn-link {
		width:250px;
		margin:30px auto 0;
	}
	#business .btn-link a {
		height:46px;
		font-size:117%;
		line-height:3;
	}
	#business .btn-link a:before {
		right:22px;
		top:20px;
	}
	#business .btn-link a:after {
		right:20px;
		top:18px;
	}
	#group.sec .btn-link .esconhome a{
		padding: 0.4em 0 0.3em;
	}



	/* info */
	#info {
		padding:0;
		background:transparent;
	}
	#info .sec-inner {
		border-bottom:solid 1px #e9e9e9;
	}
	#info .info-nav {
		overflow:hidden;
		border-bottom:solid 1px #e9e9e9;
	}
	#info .info-nav li {
		width:50%;
		box-sizing:border-box;
	}
	#info .info-nav li:first-child {
		margin:0;
	}
	#info .info-nav li a {
		height:58px;
		padding:10px 15px;
	}
	#info .info-nav li:first-child a {
		border-right:none;
	}
	#info .info-nav li a .btn-ttl {
		font-size:109%;
	}
	#info .info-nav li a .cap {
		font-size:75%;
	}

	#info .info-nav li:hover a,
	#info .info-nav li.current a {
		background:#fff;
		position:relative;
	}
	#info .info-nav li:hover a:after,
	#info .info-nav li.current a:after {
		width:7px;
		height:7px;
		border-top:solid 1px #9f9f9f;
		border-right:solid 1px #9f9f9f;
		right:10px;
		top:50%;
		margin:-3px;
	}

	#info .topic-wrap {
		max-width:100%;
		min-width:100%;
		margin:0 auto;
		padding:37px 15px 50px;
	}
	#info .topic-wrap h4 {
		display:block;
		margin:0 0 30px;
		font-size:125%;
		text-align:center;
	}
	#info .topic-wrap h4:after {
		width:25px;
		height:3px;
	}

	#info .topic-wrap .more {
		position:static;
		font-size:109%;
		text-align:right;
	}
	#info .topic-wrap .more a:before {
		border-top:solid 1px #9f9f9f;
		border-right:solid 1px #9f9f9f;
	}

	#info .topic-wrap dt {
		float:none;
		font-size:84%;
		margin:0 0 12px;
	}
	#info .topic-wrap dt:before {
		width:60px;
		margin:0 10px 0 0;
		font-size:10px;
	}
	#info .topic-wrap dd {
		font-size:84%;
		margin:0 0 14px;
		padding:0;
	}


	/* recruit */
	#recruit {
		min-width:100%;
		position:relative;
	}
	#recruit .recruit-wrap {
		width:85.3125%;
		height:312px;
		padding:50px 15px;
		position:absolute;
		top:25.6666666666%;
		left:0.90%;
		right:0;
		margin:0 auto;
	}
	#recruit .recruit-wrap h2 {
		margin:0 0 19px;
		display:inline-block;
		font-size:250%;
	}
	#recruit .recruit-wrap h2:after {
		width:50px;
		height:1px;
	}

	#recruit .recruit-wrap h2 + p {
		margin:0 0 16px;
		font-size:100%;
	}

	#recruit .recruit-wrap .btn-eft {
		width:52.1978021978%;
		margin:0 auto;
		position:relative;
	}
	#recruit .recruit-wrap .btn-eft a {
		font-size:100%;
	}
	#recruit .recruit-wrap .btn-eft a:hover {
		background:rgba(255,255,255,0.3);
	}
	#recruit .recruit-wrap .btn-eft .blank:before {
		content:"";
		display:block;
		width:4px;
		height:4px;
		border:solid 1px #6f6f6f;
		position:absolute;
		right:20px;
		top:10px;
	}
	#recruit .recruit-wrap .btn-eft .blank:after {
		content:"";
		display:block;
		width:3px;
		height:3px;
		border-top:solid 1px #6f6f6f;
		border-right:solid 1px #6f6f6f;
		position:absolute;
		right:18px;
		top:8px;
	}
	#recruit .recruit-wrap .btn-eft a:hover .blank:before,
	#recruit .recruit-wrap .btn-eft a:hover .blank:after {
		border-color:rgba(179,179,179,1.00);
	}

	#recruit figure img {
		width:353.8125%;
		margin:0 0 0 -127.8%;
	}
}

@media screen and (max-width: 450px){
	#recruit .recruit-wrap {
		height:auto;
		padding:20px 15px;
	}
	#recruit .recruit-wrap h2 {
		margin:0 0 19px;
		display:inline-block;
		font-size:200%;
	}
	#recruit .recruit-wrap h2:after {
		width:50px;
		height:1px;
	}

	#recruit .recruit-wrap h2 + p {
		margin:0 0 16px;
		font-size:84%;
	}

	#recruit .recruit-wrap .btn-eft {
		width:52.1978021978%;
		margin:0 auto;
		position:relative;
	}
	#recruit .recruit-wrap .btn-eft a {
		font-size:84%;
	}
}