@charset "UTF-8";

/* business */
@import url(../settings.less);
/*================================================*/

@c01 : #005FB4;
@c02 : #00813F;
@c03 : #E88100;
@c04 : #EC4929;

@c01_bg : #D4E0F0;
@c02_bg : #A9CA9A;
@c03_bg : #E7C1A2;
@c04_bg : #FFB8C5;

.page_nav {
	li {
		padding-right: 24px;
		margin: 0 12px;
		display: inline-block;
		border-right: 2px solid #333;
		@media screen and ( max-width: @break-max-width ) {
			padding-right: 20px;
			margin: 0 10px 10px 10px
		}
		a {
			font-size: 1.6rem;
			font-weight: bold;
			text-decoration: none;
			@media screen and ( max-width: @break-max-width ) {
				font-size: 1.4rem;
			}
		}
	}
	li:last-child {
		border-right: none;
		padding-right: 0;
	}
	li.nav01 a { color: @c01; }
	li.nav02 a { color: @c02; }
	li.nav03 a { color: @c03; }
	li.nav04 a { color: @c04; }
}

.biz_block {
	margin-bottom: 80px;
	@media screen and ( max-width: @break-max-width ) {
		margin-bottom: 40px;
	}
	.biz_heading {
		margin-bottom: 30px;
		text-align: center;
		padding: 15px 15px 10px 15px;
		background: #ddd;
		font-size: 2.6rem;
		border-bottom: 5px solid #ccc;
		font-weight: bold;
		line-height: 1.3em;
		@media screen and ( max-width: @break-max-width ) {
			margin-bottom: 0;
			font-size: 2.0rem;
		}
	}
	.eyecatch {
		margin-bottom: 30px;
		height: 300px;
		background-size: cover;
		background-position: 50% 50%;
		@media screen and ( max-width: @break-max-width ) {
			height: 150px;
		}
	}
	.biz_subtitle {
		margin-bottom: 30px;
		line-height: 1.4em;
		font-weight: bold;
		font-size: 2.2rem;
		@media screen and ( max-width: @break-max-width ) {
			font-size: 1.9rem;
		}
	}
	p {
		font-size: 1.8rem;
		@media screen and ( max-width: @break-max-width ) {
			font-size: 1.4rem;
		}
	}
}

#b01.biz_block {
	.biz_heading {
		background: @c01_bg;
		border-bottom: 5px solid @c01;
	}
	.biz_subtitle {
		color: @c01;
	}
}
#b02.biz_block {
	.biz_heading {
		background: @c02_bg;
		border-bottom: 5px solid @c02;
	}
	.biz_subtitle {
		color: @c02;
	}
}
#b03.biz_block {
	.biz_heading {
		background: @c03_bg;
		border-bottom: 5px solid @c03;
	}
	.biz_subtitle {
		color: @c03;
	}
}
#b04.biz_block {
	.biz_heading {
		background: @c04_bg;
		border-bottom: 5px solid @c04;
	}
	.biz_subtitle {
		color: @c04;
		span {
			font-weight: bold;
			font-size: 1.8rem;
		}
	}
}

#b02 {
	.icons {
		margin-bottom: 30px;
		padding-bottom: 80px;
		background: url(../../_images/business/arrow.png) bottom center no-repeat;
		@media screen and ( max-width: @break-max-width ) {
			background-size: 80%;
		}
	}
	.notice {
		font-weight: bold;
		font-size: 2.5rem;
		line-height: 1.4em;
		@media screen and ( max-width: @break-max-width ) {
			font-size: 2.0rem;
		}
	}
}

@media screen and ( max-width: @break-max-width ) {
	#b02 {
		.clm2 {
			width: 100%;
			li.list_cont {
				width: 49% !important;
				margin: 0 2% 2% 0 !important;
				float: left;
			}
			li.list_cont:nth-child( 2n ) {
				margin-right: 0 !important;
			}
		}
	}
}

.fig_part {
	margin-bottom: 50px;
}

.contact_block {
	@media screen and ( max-width: @break-max-width ) {
		padding: 0 15px;
	}
	h2 {
		margin-bottom: 20px;
		color: #02004D;
		font-size: 3.4rem;
		font-weight: bold;
		@media screen and ( max-width: @break-max-width ) {
			font-size: 2.0rem;
		}
	}
	ul {
		padding: 10px 20px;
		width: 730px;
		margin: 0 auto;
		border-radius: 20px;
		-moz-border-radius: 20px;
		-webkit-border-radius: 20px;
		text-align: center;
		background: #FFB8C5;
		@media screen and ( max-width: @break-max-width ) {
			width: 100%;
			box-sizing: border-box;
		}
		li:first-child {
			// margin-bottom: 10px;
			// padding-bottom: 10px;
			// border-bottom: 1px solid #02004D;
		}
		li {
			@media screen and ( max-width: @break-max-width ) {
				img {
					width: 80%;
				}
			}
		}
	}
}

@media screen and ( max-width: @break-max-width ) {

}
/*==================================================

	[ utility ] $clearfix

==================================================*/
.clearfix:after {
	content:" ";
	display:block;
	clear:both;
}