@charset "utf-8";

/* heading */
.ttl {
	font-size: 30px;
	line-height: 1.4;
}
.sttl {
	font-size: 18px;
	line-height: 1.4;
}

/* ----------------------------------------------------------
breadcrumb list
---------------------------------------------------------- */
.area-bcl { margin-bottom: 135px;}
.area-bcl ul { margin-left: 215px;}
.area-bcl li {
	float: left;
	font-weight: bold;
}
.area-bcl li a { font-weight: normal;}
.area-bcl li:before {
	padding: 0 5px;
	content: ">";
	font-weight: normal;
}
.area-bcl li:first-child:before {
	padding: 0;
	content: none;
}
@media only screen and (max-width:1160px) {
.area-bcl { margin-bottom: 40px;}
.area-bcl ul { margin-left: 0;}
}

/* ----------------------------------------------------------
wrap
---------------------------------------------------------- */
.area-wrap {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}
@media only screen and (max-width:980px) {
.area-wrap {
	padding-left: 10px;
	padding-right: 10px;
	width: auto;
}
}

/* ----------------------------------------------------------
sec01
---------------------------------------------------------- */
.sec01 { margin-bottom: 50px;}
.sec01 .ttl { margin-bottom: 25px;}
.sec01 .sttl { margin-bottom: 30px;}
@media only screen and (max-width:767px) {
.sec01 { margin-bottom: 30px;}
.sec01 .ttl { margin-bottom: 15px;}
.sec01 .sttl { margin-bottom: 20px;}
}


/* ----------------------------------------------------------
sec02
---------------------------------------------------------- */
.sec02 { margin-bottom: 25px;}
.sec02 li {
	float: left;
	margin-left: 5%;
	width: 16%;
}
.sec02 li:first-child { margin-left: 0;}
.sec02 .bt { margin-bottom: 15px;}
.sec02 .txt {
	text-align: center;
	font-size: 15px;
	line-height: 20px;
	font-weight: bold;
}
@media only screen and (max-width:960px) {
.sec02 { margin-bottom: 10px;}
.sec02 ul {
	margin: 0 auto;
	text-align: center;
}
.sec02 li {
	float: none;
	display: inline-block;
	margin: 0 1% 20px;
	width: 30%;
	vertical-align: top;
}
}
@media only screen and (max-width:767px) {
.sec02 li {
	width: 48%;
}
}

/* ----------------------------------------------------------
sec03
---------------------------------------------------------- */
.sec03 .box {
	clear: both;
	padding: 35px 30px 30px 40px;
}
.sec03 .box .img {
	float: left;
	width: 15.73%;
}
.sec03 .box .txt {
	float: right;
	width: 79.78%;
	font-size: 13px;
	line-height: 1.6;
}
.sec03 .box .txt h3 {
	margin-bottom: 10px;
	font-weight: bold;
}
.sec03 #merit01 { background: #fae3e1;}
.sec03 #merit02 { background: #d4d0e2;}
.sec03 #merit03 { background: #f4e6f0;}
.sec03 #merit04 { background: #fbeed7;}
.sec03 #merit05 { background: #dfece6;}
@media only screen and (max-width:767px) {
.sec03 .box { padding: 10px 20px 20px;}
.sec03 .box .img,
.sec03 .box .txt {
	float: none;
	width: 100%;
}
.sec03 .box .txt h3 { margin-bottom: 5px;}
}

/* ----------------------------------------------------------
contactArea
---------------------------------------------------------- */
.contactArea {
	border-top: none;
	padding-top: 80px;
	padding-bottom: 40px;
}
.contactArea .col02 {
	margin-left: auto;
	margin-right: auto;
	width: 600px;
}
@media only screen and (max-width:767px) {
.contactArea {
	padding-top: 30px;
	padding-bottom: 0;
}
.contactArea .col02 { width: auto;}
.contactArea .col02 .fl,
.contactArea .col02 .fr { float: none;}
.contactArea .col02 .fr { margin-top: 20px;}
}


/* ----------------------------------------------------------
page-cv-lower
---------------------------------------------------------- */
.page-cv-lower__btn-list--kaitori a {
	display: block;
	width: 100%;
	background-color: #F3F3F3;
	text-align: center;
}