@charset "UTF-8";




.c_mod_box p {
	font-size: 16px;
	line-height: 1.9;
}


@media screen and (max-width: 640px) {
	.c_mod_box p {
		font-size: 12px;
	}
}





ul.ttlbox01_box_nav {
	overflow: hidden;
	width: 1012px;
	margin: 30px auto 0;
}

ul.ttlbox01_box_nav li {
	float: left;
	width: 253px;
	text-align: center;
}

ul.ttlbox01_box_nav li a {
	position: relative;
	float: left;
	width: 253px;
	padding: 20px 0 30px;
	font-weight : bold;
	letter-spacing : 0.8px;
	color : #005981;
}






/* --------------------------------------------------------------------------------------------- content */

.content01 .c_mod_box_in {
	padding: 70px 0 80px;
}


.content01 dl {
	text-align: center;
}

.content01 dt {
	margin: 0 0 28px;
	font-size: 60px;
	color: #005981;
	font-weight: bold;
}

.content01 dd {
	line-height: 1.9;
}

.content01 dd:not(:last-child) {
	margin-bottom: 70px;
	padding-bottom: 70px;
	border-bottom: 1px solid #EAEAEA;
}

.content01 .ourvalue_ttl {
	position: relative;
	display: -webkit-inline-box;
	font-size: 24px;
	font-weight: bold;
	line-height: 1.6;
}

.content01 .ourvalue_ttl:before {
	position: absolute;
	content: "";
	background: #333;
	width: 20px;
	height: 2px;
	top: 50%;
	left: -30px;
}

.content01 .ourvalue_ttl:after {
	position: absolute;
	content: "";
	background: #333;
	width: 20px;
	height: 2px;
	top: 50%;
	right: -30px;
}

.content01 li:nth-child(2) .ourvalue_ttl:before {
	left: -44px;
}

.content01 li:nth-child(2) .ourvalue_ttl:after {
	right: -44px;
}

.content01 li:nth-child(3) .ourvalue_ttl:before {
	left: -44px;
}

.content01 li:nth-child(3) .ourvalue_ttl:after {
	right: -44px;
}

.content01 dd li:not(:last-child) {
	margin-bottom: 40px;
}


@media screen and (max-width: 640px) {


	.content01 .c_mod_box_in {
		padding: 40px 3.4% 30px;
	}

	.content01 dt {
		margin: 0 0 30px;
		font-size: 34px;
	}

	.content01 dd {
		font-size: 14px;
		line-height: 1.75;
	}

	.content01 dd:not(:last-child) {
		margin-bottom: 30px;
		padding-bottom: 30px;
	}

	.content01 dd li:not(:last-child) {
		margin-bottom: 30px;
	}

	.content01 .ourvalue_ttl {
		font-size: 20px;
	}

	.content01 .ourvalue_ttl+p {
		font-size: 14px;
	}

}






.content02 .c_mod_box_in {
	padding: 60px 0 70px;
}


table[summary="会社概要"] {
	width: 100%;
	border-top: 1px solid #EAEAEA;
	border-bottom: 1px solid #EAEAEA;
}

table[summary="会社概要"] tr {
	border-top: 1px solid #EAEAEA;
}

table[summary="会社概要"] th {
	width: 150px;
	padding: 20px;
	background: #F2F2F2;
	text-align: left;
	vertical-align: top
}

table[summary="会社概要"] td {
	padding: 20px 45px;
}

table[summary="会社概要"] td li:not(:last-child) {
	margin-bottom: 15px;
}

@media screen and (max-width: 640px) {

	.content02 .c_mod_box_in {
		padding: 20px 3.4% ;
	}


	table[summary="会社概要"] {
		border-top: none;
		border-bottom: none;
		font-size: 12px;
	}

	table[summary="会社概要"] th {
		display: block;
		width: 100%;
		padding: 10px;
	}

	table[summary="会社概要"] td {
		display: block;
		width: 100%;
		padding: 10px;
	}

	table[summary="会社概要"] td li:not(:last-child) {
		margin-bottom: 10px;
	}


}




.content03 .c_mod_box_in {
	width: 100%;
	padding: 50px 0 0;
	line-height: 0;
	text-align: center;
}

.content03 .c_mod_box_in p {
	margin-bottom: 45px;
	line-height: 1.87;
}

.content03 .c_mod_box_in p span {
	display: block;
	font-weight: bold;
}

.content04 .c_mod_box_in {
	padding: 90px 0 40px;
}

.content04 .c_mod_flbox {
	margin-right: 30px;
}

.content04 dt {
	margin-bottom: 33px;
	font-size: 20px;
	font-weight: bold;
}

.content04 dt span {
	display: block;
	margin-top: 15px;
	font-size: 14px;
}

.content04 dd {
	font-size: 14px;
	line-height: 1.75;
	letter-spacing : 0.7px;
}


@media screen and (max-width: 640px) {


	.content03 .c_mod_box_in {
		padding: 30px 0 0;
	}

	.content03 .c_mod_box_in p {
		padding: 0 3.4%;
		margin-bottom: 30px;
		line-height: 1.75;
	}

	.content04 .c_mod_box_in {
		padding: 20px 3.4% 30px;
	}

	.content04 .c_mod_flbox {
		margin: 0 0 20px;
	}

	.content04 dt {
		margin-bottom: 20px;
		font-size: 16px;
	}

	.content04 dt span {
		margin-top: 10px;
		font-size: 12px;
	}

	.content04 dd {
		font-size: 12px;
	}

}



/*コンテンツフェード*/
section {
    opacity: 0;
    transform: translate(0, 60px);
    -webkit-transform: translate(0, 60px);
    transition: .8s;
}

section.fadeInUp {
    opacity: 1.0;
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
}