@charset "UTF-8";

/* main-img */
.bannerscollection_zoominout.opportune .bottomNavButtonON {
	padding-left: 0px;
	background: #004DA1 !important;
	border-radius: 50%;
}
.bannerscollection_zoominout.opportune .bottomNavButtonOFF {
	padding-left: 0px;
	background: #DCDCDD;
	border-radius: 50%;
	margin-right: 5px;
	margin-left: 5px;
}
.bannerscollection_zoominout.opportune .bottomNav {
	padding-left: 0;
}
.bottomNav {
	width: 66px !important;
	margin-left: -33px;
	bottom: 3% !important;
	right: 3% !important;
	top: auto !important;
	left: auto !important;
}
.mycanvas,
.play_pause {
	display: none;
}
div.main-img-wrap {
	width: 100%;
	position: relative;
}
.main-img-wrap.high:before {
	content: "";
	display: block;
	padding-top: 50.8%;
}
.bannerscollection_zoominout {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;

}
.main-img-wrap h2 {
	display: none;
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	background: url(../img/top/main-headd-bg.png) 50% 100% no-repeat;
	background-size: cover;
	z-index: 2;
	width: 9.16%;
}
.main-img-wrap.high h2 {
	height: auto;
}

.main-img-wrap.low {
	height: calc(100vh - 85px) !important;
}
.main-img-wrap.low h2 {
	height: 112%;
}
.low .bannerscollection_zoominout {
	height: calc(100vh - 85px) !important;
	overflow: hidden;
}
.main-img-wrap h2:before {
	content: "";
	display: block;
	padding-top: 633%;
}
.main-img-wrap h2 img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -57%);
	-ms-transform: translate(-50%, -57%);
	transform: translate(-50%, -57%);
	width: 68%;
	height: auto;
	display: block;
}




/* top-caption */
div.top-caption {
	text-align: center;
}
.top-caption {}



/* business */
div.business-wrap {
	width: 100%;
	margin: auto;
}

.business-wrap img.box {
	width: 100%;
}
.business-wrap div.box {
	background: url(../img/top/class-bg.svg) 50% 50% no-repeat;
	background-size: 100% 100%;
	position: relative;
	text-align: center;
	color: #ffffff;
}
.business-wrap div.box:before {
	content: "";
	display: block;
	padding-top: 72.4%;
}
.business-wrap div.box-inner {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100%;
}
.business-wrap .box-inner h1 {
	line-height: 1;
	letter-spacing: .4em;
	text-indent: .4em;
	font-weight: bold;
}
.business-wrap .box-inner span {
	display: block;
	letter-spacing: .1em;
	text-indent: .1em;
}
.business-wrap .box-inner > img {
	width: 14.9%;
	height: auto;
	margin-bottom: 2.5%;
}
.business-wrap .box-inner a {
	background: #ffffff;
	border: 1px solid #0098A2;
	color: #0098A2;
	text-align: center;
	margin: auto;
	position: relative;
	display: block;
	padding: 2% 0;
	width: 31.6%;
	box-sizing: border-box;
}
.business-wrap .box-inner a:after {
	content: "";
	background: url(../img/common/arrow-nav.svg) 50% 50% no-repeat;
	display: block;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 16px;
	height: 2em;
	line-height: 0;
	position: absolute;
	right: 1em;
	background-size: cover;
}

.business-wrap .const {}
.business-wrap .steel {}










/* case */
div.case-wrap {
}
div.headd-wrap {
	position: relative;
	width: 100%;
}
div.headd-wrap:before {
	content: "";
	display: block;
	padding-top: 16.7%;
}
.headd-wrap div {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-align: center;
}

.headd-wrap div h1 {
/*	font-weight: normal;*/
	border-bottom: 1px solid #000000;
	letter-spacing: .3em;
	text-indent: .3em;
	font-weight: bold;
}
.headd-wrap div span {
	display: block;
	letter-spacing: .1em;
	text-indent: .1em;
}
.case-wrap > a {
	width: 178px;
	background: #ffffff;
	border: 1px solid #0098A2;
	color: #0098A2;
	text-align: center;
	margin: 3.3% auto 0;
	position: relative;
	display: block;
	box-sizing: border-box;
	line-height: 50px;
	font-size: 16px;

}
.case-wrap > a:after {
	content: "";
	background: url(../img/common/arrow-nav.svg) 50% 50% no-repeat;
	display: block;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 16px;
	height: 2em;
	line-height: 0;
	position: absolute;
	right: 1em;
	background-size: cover;
}

div.case-slider {
	width: 100%;
}
/*
.case-wrap > div > a {
	padding-right: 1em;
	background: url(../img/common/arrow-gray-right) 100% 50% no-repeat;
}
*/
.case-slider-wrap a h2 {
	font-weight: normal;
	width: 100%;
}

/*
div.main-img-wrap .bx-wrapper img {
	width: 100%;
}
.main-img-wrap .bx-wrapper {
	margin: 0 auto 70px;
}
*/
div.bx-wrapper .bx-viewport {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: 0;
	left: 0;
	background: none;
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
	-ms-transform: translatez(0);
	-o-transform: translatez(0);
	transform: translatez(0);
}
.bx-pager {
	bottom: -45px !important;
}
.bx-pager.bx-default-pager a {
	width: 12px !important;
	height: 12px !important;
	border-radius: 6px !important;
	background: #DCDCDD !important;
}
.bx-pager.bx-default-pager a.active {
	background: #004DA1 !important;
}
.bx-wrapper .bx-controls-direction a {
	z-index: 14 !important;
	background-size: auto 100%;
}

.bx-wrapper .bx-controls-direction a {
	top: -30px;
}
.bx-wrapper .bx-prev {
	background: url(../img/common/arrow-green-left.svg) 50% 50% no-repeat;
}
.bx-wrapper .bx-next {
	background: url(../img/common/arrow-green-right.svg) 50% 50% no-repeat;
}
.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-next:hover {
	background-position: 50% 50%;
}

ul.case-slider {
	height: 100%;
}
.bx-viewport li {
	height: 100% !important;
}
.bx-viewport li:before {
	content: "";
	display: block;
	padding-top: 64.8%
}
.bx-viewport li a {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;	
}
.bx-viewport li a > img {
	width: 100%;
	height: auto;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}
.bx-viewport li a > img.low {
	width: auto;
	height: 100%;
}



/* business */
div.ar-wrap {
	width: 100%;
	margin: auto;
}
.ar-wrap > div {
	position: relative;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: contain;
}
.ar-wrap > div:before {
	content: "";
	display: block;
	padding-top: 55.8%;
}
.ar-wrap > div a {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	color: #ffffff;
	text-align: center;
}

.ar-wrap > div a div {
	width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.ar-wrap > div a img {
	width: 14%;
	height: auto;
}
.ar-wrap > div a h1 {
	display: block;
	letter-spacing: .1em;
	font-weight: bold;
	line-height: 1;
	margin: 2.5% auto 0;
/*	-webkit-font-smoothing: antialiased;*/
}
.ar-wrap > div a span {
	display: block;
	font-weight: normal;
	padding-top: 1%;
	margin: auto;
}
.ar-wrap > div a p {
/*
	font-weight: normal;
	display: block;
	margin: 6.5% auto 0;
	width: 70%;
	border: 3px solid #ffffff;
	box-sizing: border-box;
	height: 58px;
	line-height: 52px;
	background-position: 95% 50%;
	background-repeat: no-repeat;
*/
}
.ar-wrap > div a p {
	width: 178px;
	background: #ffffff;
	border: 1px solid #0098A2;
	color: #0098A2;
	text-align: center;
	margin: 3.3% auto 0;
	position: relative;
	display: block;
	box-sizing: border-box;
	line-height: 50px;
	font-size: 16px;

}
.ar-wrap > div a p:after {
	content: "";
	background: url(../img/common/arrow-nav.svg) 50% 50% no-repeat;
	display: block;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 16px;
	height: 2em;
	line-height: 0;
	position: absolute;
	right: 1em;
	background-size: cover;
}


/*
.ar-wrap div.about p {
	background-image: url(../img/common/arrow-blue-right.svg);
}
.ar-wrap div.recruit p {
	background-image: url(../img/common/arrow-lightblue-right.svg);
}
*/
.ar-wrap div.about {
	background-image: url(../img/top/about-img.jpg);
}
.ar-wrap div.recruit {
	background-image: url(../img/top/recruit-img.jpg);
}



/* info */
div.info-wrap {}
div.info-slider {
	width: 100%;
}
.info-wrap div h1 {
/*	font-weight: normal;*/
}
.info-wrap > div > a {
/*
	padding-right: 1em;
	background: url(../img/common/arrow-gray-right) 100% 50% no-repeat;
*/
}

.info-slider-wrap a h2 {
	font-weight: normal;
	padding-left: 1.5em;
	background: url(../img/common/zoom-icon.svg) 0 50% no-repeat;
	background-size: 1em auto;
	width: 86%;
	margin: 3% auto;
}

.info-list dt {
	background: url(../img/common/arrow-gray-right) 90% 50% no-repeat;
}
.info-wrap > a {
	width: 178px;
	background: #ffffff;
	border: 1px solid #0098A2;
	color: #0098A2;
	text-align: center;
	margin: 3.3% auto 0;
	position: relative;
	display: block;
	box-sizing: border-box;
	line-height: 50px;
	font-size: 16px;

}
.info-wrap > a:after {
	content: "";
	background: url(../img/common/arrow-nav.svg) 50% 50% no-repeat;
	display: block;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 16px;
	height: 2em;
	line-height: 0;
	position: absolute;
	right: 1em;
	background-size: cover;
}










/*
@media all and (max-width:321px){
.waiting-wrap p {
font-size: 1.2rem;
}
}
*/
/*
@media all and (min-width: 322px) and (max-width: 600px) {
.waiting-wrap p {
font-size: 1.3rem;
}
}
@media all and (min-width: 601px) and (max-width: 1289px) {
.waiting-wrap p {
font-size: 28px;
}
}
@media all and (min-width: 1290px) {
.waiting-wrap p {
font-size: 34px;
}
}
*/


/**==============================================**/
/**==============================================**/
/*
/*
/*			SP
/*
/*
/**==============================================**/
/**==============================================**/
@media all and (max-width:599px){

	body {}
	header {}

	.bx-pager {
		bottom: -40px !important;
	}

	/* sp main-img */
	div.main-img-wrap {
		margin-bottom: 10%;
	}
	div.main-img-wrap h2 {}
	div.main-img-wrap p {
		width: 51%;
		height: 10%;
		top: 30.1%;
	}
	div.main-img-wrap p span {
		width: calc(85% - 0.5em);
		padding-right: .5em;
	}


	/* top-caption */
	div.top-caption {
		margin-bottom: 8%;
	}
	.top-caption h1 {
		margin-bottom: 5%;
	}


	/* sp business */
	div.business-wrap {
		position: relative;
	}
	.business-wrap img.box {
		width: 100%;
	}
	.business-wrap div.box {
	}
	.business-wrap .box-inner span {
		font-size: 1.3rem;
	}
	.business-wrap .box-inner p {
		margin: 3% auto;
	}
	.business-wrap .const .box-inner p {
		line-height: 1.36;
	}

	.business-wrap div.const {
		margin-bottom: 5%;
	}

	
	
	.business-wrap .box-inner a {
		font-size: 1.4rem;
		width: 50%;	
	}



	.headd-wrap div span {
		font-size: 1.3rem;
	}
	
	
	/* sp case */
	div.case-wrap {
		margin: 6% auto;
		width: 94%;
	}
	.case-wrap div h1 {}
	.case-wrap > div > a  {
		font-size: 1.3rem;
		float: right;
		line-height: 1.8;
		display: block;
		text-decoration: underline;
	}
	div.case-slider-wrap {
		margin: 2% auto 0;
		padding: 3% 7% 0;
	}
	.case-slider-wrap div.bx-wrapper .bx-viewport {
	}
	.case-slider-wrap .bx-wrapper .bx-controls-direction a {
		background-color: rgba(255,255,255,.8);
	}
	.case-slider-wrap .bx-wrapper .bx-prev {
		left: -6%;
	}
	.case-slider-wrap .bx-wrapper .bx-next {
		right: -6%;
	}
	.case-slider-wrap a h2 {
		font-weight: normal;
		padding-left: 1.5em;
		background: url(../img/common/zoom-icon-gray.svg) 0 50% no-repeat;
		background-size: 1em auto;
		width: 86%;
		margin: 3% auto;
	}
	.bx-wrapper a > img {
		margin: auto;
		width: 100%;
	}
	.bx-wrapper a > img.port {
		margin: auto;
		height: 100%;
		width: auto;
	}

	/* sp about/recruit */
	div.ar-wrap {
		position: relative;
	}
	.ar-wrap > div {
		width: 100%;
	}
	.ar-wrap > div a img {
		margin-top: 5%;
		width: 18%;
		height: auto;
		background-color: rgba(255,255,255,.7);
	}
	.ar-wrap > div a h1 {
		margin-top: 3%;
		font-weight: bold;
	}
	.ar-wrap > div a span {
		width: 40%;
		margin: auto;
	}
	.ar-wrap > div a p {
		width: 80%;
		margin-top: 0;
		line-height: 2.5em;
	}
	.ar-wrap .about:after {
		content: "";
		width: 100%;
		height: 1px;
		position: absolute;
		bottom: 0;
		right: 0;
		background: #ffffff;
	}
	.ar-wrap div.const p {
		max-width: 94%;
	}
	.ar-wrap div.archi p {
		max-width: 90%;
	}
	.ar-wrap > div a h1 {}
	.ar-wrap > div a p svg.arrow {
		width: 6.2% !important;
	}





	/* sp info */
	div.info-wrap {
		margin: 6% auto;
		width: 94%;
	}
	.info-wrap div h1 {
/*		font-size: 1.5rem;*/
/*		float: left;*/
/*		font-weight: bold;*/
/*		letter-spacing: .1em;*/
	}
	.info-wrap > div > a  {
		font-size: 1.3rem;
		float: right;
		line-height: 1.8;
		display: block;
		text-decoration: underline;
	}
	div.info-list-wrap {
		border-top: 1px solid #DCDCDD;
		border-bottom: 1px solid #DCDCDD;
		margin: 2% auto 0;
		padding: 3% 3% 0;
	}
	ul.info-list {
		width: 100%;
		margin: auto;
		max-height: 40vh;
		overflow-y: scroll;
	}
	.info-list a {
		font-size: 1.3rem;
		padding: 3% 0;
		display: block;
	}
	.info-list li {
		margin: 3%px auto;
		border-bottom: 1px dashed #DCDCDD;
	}
	.info-list li:last-child {
		border: 0;
	}
	.info-list dt {
		padding-left: 1.5em;
		background-position: 0 50%;
		background-size: auto 1em;
		margin-bottom: 1%;
	}
	.info-list dd {
		padding-left: 1.5em;
		line-height: 1.4;
	}














}









/**==============================================**/
/**==============================================**/
/*
/*
/*			tab 〜
/*
/*
/**==============================================**/
/**==============================================**/

@media all and (min-width: 600px) {

	div.main-img-wrap {
		margin-bottom: 5.4%;
	}
	div.main-img-wrap p {
		top: 28.1%;
	}


	div.top-caption {
		margin-bottom: 6%;
	}
	.top-caption h1 {
		line-height: 1.8;
		margin-bottom: 3%;
	}
	.top-caption p {
		line-height: 2.2;
	}



	/* tab〜 business */
	div.business-wrap {
		position: relative;
	}
	.business-wrap > div {}
	.business-wrap .box-inner a {
		width: 31.6%;
		height: 50px;
		line-height: 50px;
		padding: 0;
		font-size: 15px;
		-webkit-transition: .3s;
		-moz-transition: .3s;
		-ms-transition: .3s;
		-o-transition: .3s;
		transition: .3s;
	}
	.business-wrap .box-inner a:hover {
		opacity: .8;
	}
	.business-wrap div.const {
		margin-bottom: 6.5%;
	}












	/* tab〜 case */
	div.case-wrap {
		margin-bottom: 9.2%;
	}
	.case-wrap div h1 {
		font-size: 26px;
/*		float: left;*/
	}
	.case-wrap > div > a  {
		font-size: 17px;
		float: right;
		line-height: 34px;
		display: block;
		height: 34px;
	}
	.case-wrap > div > a:hover {
		text-decoration: underline;
	}

	div.case-slider-wrap {}
	.case-slider-wrap a h2 {
		font-size: 16px;
	}
	.bx-wrapper .bx-controls-direction a {
/*		top: 40%;*/
	}
	.bx-wrapper .bx-prev {
/*		left: -31px;*/
	}
	.bx-wrapper .bx-next {
/*		right: -31px;*/
	}
	.bx-wrapper .bx-prev:hover,
	.bx-wrapper .bx-next:hover {
		opacity: .7;
	}





	/* tab〜 about/recruit */
	div.ar-wrap {
		position: relative;
	}
	.ar-wrap > div {
		width: 50%;
		float: left;
		-webkit-transition: .2s;
		-moz-transition: .2s;
		-ms-transition: .2s;
		-o-transition: .2s;
		transition: .2s;
	}
	.ar-wrap .about:after {
		content: "";
		width: 1px;
		height: 100%;
		position: absolute;
		top: 0;
		right: 0;
		background: #ffffff;
	}
	.ar-wrap > div:hover {
		opacity: .8;
	}
	.ar-wrap div.const p {
	}
	.ar-wrap div.archi p {
	}
	.ar-wrap > div a h1 {
		/*		padding-top: 52.2%;*/
	}

	.ar-wrap > div a p {
		width: 58.5%;
	}





	/* tab〜 info */
	div.info-wrap {
		margin: 40px auto;
	}
	.info-wrap div h1 {
		font-size: 26px;
/*		float: left;*/
	}
	.info-wrap > div > a {
		font-size: 17px;
		float: right;
		line-height: 34px;
		display: block;
		height: 34px;
	}
	.info-wrap > div > a:hover {
		text-decoration: underline;
	}
	div.info-list-wrap {}
	ul.info-list {
		max-width: 660px;
		margin: auto;
		max-height: 200px;
		overflow-y: scroll;
	}
	.info-list a {
		font-size: 13px;
		padding: 5px 0;
		display: block;
	}
	.info-list li {
		margin: 2px auto;
	}
	.info-list dt {
		width: 18.1%;
		max-width: 120px;
		float: left;
	}
	.info-list dd {
		width: 81.9%;
		max-width: 540px;
		float: left;
	}
	.info-list a:hover dd {
		text-decoration: underline;
	}








}









/**==============================================**/
/**==============================================**/
/*
/*
/*			tab PC
/*
/*
/**==============================================**/
/**==============================================**/

@media all and (min-width: 600px) and (max-width: 959px){

	div.main-img-wrap p span {
		font-size: 16px;
		padding-right: .5em;
	}



	.business-wrap .box-inner p {
		margin: 3% auto;
	}
	.business-wrap .const .box-inner p {}

	.case-slider-wrap a h2 {
		font-weight: normal;
		padding-left: 1.5em;
		background: url(../img/common/zoom-icon-gray.svg) 0 50% no-repeat;
		background-size: 1em auto;
		width: 86%;
		margin: 3% auto;
	}





}



/*
@media all and (min-width: 960px) and (max-width: 1280px){}
*/









/**==============================================**/
/**==============================================**/
/*
/*
/*			PC
/*
/*
/**==============================================**/
/**==============================================**/
@media print, screen and (min-width:960px){

	/* pc main-img */
	div.main-img-wrap p {
		top: 25.1%;
	}
	div.main-img-wrap p span {
		font-size: 24px;
	}

	/* pc business */
	.business-wrap img.box {
		width: 53.2%;
	}
	.business-wrap div.box {
		width: 46.8%;
		padding: 0;
	}
	.const img.box,
	.steel div.box {
		float: left;
	}
	.const div.box,
	.steel img.box {
		float: right;
	}
	.business-wrap .box-inner img {
		margin-top: 7%;
	}
	.business-wrap .box-inner span {
		margin: 1% auto;
	}
	.business-wrap .box-inner p {
		margin: 2.5% auto 1.5%;
	}

	.const {
		background: #0062B1;
	}
	.steel {
		background: #114E8B;
	}















	/* pc case */
	div.case-wrap {
/*		margin: 40px auto;*/
	}
	.case-wrap div h1 {
/*
		font-size: 22px;
		float: left;
*/
	}
/*
	.case-wrap > div > a  {
		font-size: 17px;
		float: right;
		line-height: 34px;
		display: block;
		height: 34px;
	}
	.case-wrap > div > a:hover {
		text-decoration: underline;
	}
*/

	div.case-slider-wrap {}
	.case-slider-wrap a {
		display: block;
		position: relative;
		color: #ffffff;
		text-align: center;
		z-index: 99;
		background: rgba(0, 152, 162, 0.46);
		display: block;
		width: 100%;
		height: 100%;
		max-height: 196.933px;
		overflow: hidden;
	}
	.case-slider-wrap a > img,
	.case-slider-wrap li a div {
		-webkit-transition: .3s;
		-moz-transition: .3s;
		-ms-transition: .3s;
		-o-transition: .3s;
		transition: .3s;
	}
	.case-slider-wrap a:hover > img {
		opacity: .54;
	}
	.case-slider-wrap a:hover div {
		opacity: 1;
	}

	.case-slider-wrap li a div {
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		opacity: 0;
	}
	.case-slider-wrap li a div h2 {
		margin-top: 23%;
		font-size: 15px;
	}
	.case-slider-wrap li a div img.icon {
		display: block;
		margin: 2% auto;
	}
	.bx-wrapper .bx-controls-direction a {
/*		top: 40%;*/
	}
	.bx-wrapper .bx-prev {
/*		left: -31px;*/
	}
	.bx-wrapper .bx-next {
/*		right: -31px;*/
	}
	.bx-wrapper .bx-prev:hover,
	.bx-wrapper .bx-next:hover {
		opacity: .7;
	}



	.bx-wrapper a > img {
		margin: auto;
		width: 100%;
	}
	.bx-wrapper a > img.port {
		margin: auto;
		height: 100%;
		width: auto;
	}
	
	
	
	


	/* pc about/recruit */
	div.ar-wrap {
		position: relative;
	}
	.ar-wrap > div {
		width: 50%;
		float: left;
		-webkit-transition: .2s;
		-moz-transition: .2s;
		-ms-transition: .2s;
		-o-transition: .2s;
		transition: .2s;
	}
	.ar-wrap .about:after {
		content: "";
		width: 1px;
		height: 100%;
		position: absolute;
		top: 0;
		right: 0;
		background: #ffffff;
	}
	.ar-wrap > div:hover {
		opacity: .8;
	}
	.ar-wrap div.const p {
	}
	.ar-wrap div.archi p {
	}
	.ar-wrap > div a h1 {
		/*		padding-top: 52.2%;*/
	}

	.ar-wrap > div a p {
		width: 58.5%;
	}





	/* pc info */
	div.info-wrap {
		margin: 40px auto;
	}
	.info-wrap div h1 {
/*
		font-size: 22px;
		float: left;
*/
	}
	.info-wrap > div > a {
		font-size: 17px;
		float: right;
		line-height: 34px;
		display: block;
		height: 34px;
	}
	.info-wrap > div > a:hover {
		text-decoration: underline;
	}
	div.info-list-wrap {
/*
		padding: 20px 0;
		border-top: 1px solid #DCDCDD;
		border-bottom: 1px solid #DCDCDD;
		margin-top: 9px;

*/
	}
	ul.info-list {
		max-width: 660px;
		margin: auto;
	}
	.info-list a {
		font-size: 13px;
		padding: 5px 0;
		display: block;
	}
	.info-list li {
		margin: 2px auto;
	}
	.info-list dt {
		width: 18.1%;
		max-width: 120px;
		float: left;
	}
	.info-list dd {
		width: 81.9%;
		max-width: 540px;
		float: left;
	}
	.info-list a:hover dd {
		text-decoration: underline;
	}
















































}