@charset "UTF-8";

/*----------------------
*index.css
*PC・共通版
----------------------*/
/*access*/
.profileDetail ul.items.access { margin-bottom: 0; }
.profileDetail p + ul.items.access { margin: -30px 10px 0; }

/*principle,vision*/
p.principleTitle { 
	font-size: 48px;
	color: #330000;
	margin-bottom: 62px;
 }

@media screen and (max-width: 767px) {
	p.principleTitle { 
		font-size: 30px;
		margin-bottom: 32px;
	}
}

p.principleText {
	font-size: 16px;
	margin-bottom: 30px;
}

/*credo*/
.credo { counter-reset: num; }
.credo > li {
	position: relative;
	margin: 0 10px 20px;
	padding: 55px 0 25px;
	counter-increment : chapter;
	text-align: center;
	background-color: #EEE;
}
.credo > li:last-child { margin: 0 10px; }
.credo > li::before {
	position: absolute;
	top: 37px;
	right: 37px;
	width: 130px;
	height: 130px;
    content: "" counter(num, decimal);
    counter-increment: num;
	background-color: #FFF;
    border-radius: 65px;
	font-size: 50px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	line-height: 2.7;
	color: #EEE;
	text-align: center;
	vertical-align: middle;
}
.credo > li h3 {
	box-sizing: border-box;
	width: 100%;
	max-width: 800px;
	margin: 0 auto 55px;
	padding: 0 180px 0 35px;
	text-align: left;
}
.credo > li h3 .vAM {
	display: table-cell;
	width: 630px;
	height: 95px;
	font-size: 18px;
	line-height: 35px;
}
.credo > li .items {
	box-sizing: border-box;
	width: 100%;
	max-width: 800px;
	min-height: 200px;
	margin: 0 auto;
	padding: 0 35px;
	text-align: left;
}
.credo > li .items.small { min-height: 125px; }
.credo > li .items li { text-align: left; }
.credo > li ol.itemNotes { counter-reset: num; }
.credo > li ol.itemNotes > li { counter-increment : chapter; }

.principle .txtTypeF18A{ font-size: 22px!important; }
.profile figure { margin-bottom: 55px; }

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


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


@media screen and (max-width: 767px) {
/*access*/
.profileDetail ul.items.access { margin-bottom: 60px; }
.profileDetail p + ul.items.access { margin: -60px 10px 60px; }


/*credo*/
.credo > li {
	margin: 0 10px 15px;
	padding: 40px 0 40px;
}
.credo > li::before {
	top: 23px;
	right: 23px;
	width: 60px;
	height: 60px;
    border-radius: 30px;
	font-size: 26px;
	line-height: 2.4;
}
.credo > li h3 {
	margin: 0 auto 30px;
	padding: 0 95px 0 35px;
}
.credo > li h3 br { display: none; }
.credo > li h3 .vAM {
	display: block;
	width: 100%;
	height: auto;
	font-size: 16px;
	line-height: 30px;
}
.credo > li .items,
.credo > li .items.small { min-height: auto; }
}