@charset "utf-8";


/* mainImg ---------------------------------------------- */
#mainImg {
	position: relative;
}
#mainImg h2 {
  position: absolute;
  top: 50%;
  left: 50%;
	color:#FFF;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  font-size: 2.4rem;
  filter: drop-shadow(3px 3px 3px rgba(0, 0, 0, 0.7));
  letter-spacing: 0.1rem;
	z-index: 1000000;
}
#mainImg img {
  filter: brightness(0.5);
}

@media screen and (max-width:785px) {
#mainImg {
}
#mainImg img {
  height: 200px;
  object-fit: cover;
}
}

/*===============================================
	■pickup
===============================================*/

#pickup {
	margin: 0 0 70px;
	padding:50px 0;
	background-color: #F5F5F5;
}
#pickup .pickup_txt {
	max-width: 800px;
	margin: 0 auto;
	font-size:1rem;
	line-height: 2;
	text-align: left;
}

@media (max-width: 900px) {
#pickup {
	margin: 0 0 40px;
	padding:30px 0;
}
#pickup .pickup_txt {
	margin: 0 5%;
	font-size:0.9rem;
	line-height: 1.8;
}
}

/*===============================================
	■case
===============================================*/

#case {
	max-width: 900px;
	margin: 0 auto 55px;
	text-align: left;
}

#case .caseWrap {
	display: flex;
	flex-flow: row wrap;
	justify-content:space-between;
}
#case .caseWrap .caseBox {
	width:30%;
	margin: 0 0 45px;
}
#case .caseWrap .caseBox:after {
    content: "";
    display: block;
    width: 30%;
    height: 0;
}
#case .caseWrap .caseBox .img {
	margin: 0 0 10px;
}
#case .caseWrap .caseBox h4 {
	margin: 0 0 5px;
	color:#0075c2;
	font-weight: bold;
	font-size:1.2rem;
}
#case .caseWrap .caseBox .txt {
	line-height: 1.6;
}
#case .caseWrap .caseBox .btn {
	width:80%;
	margin: 15px auto 0;
}
#case .caseWrap .caseBox .btn a {
	display: block;
	padding:10px 0;
	color:#FFF;
	text-align: center;
	text-decoration: none;
	background-color: #545454;
	border-radius: 5px;
}

@media (max-width: 900px) {
#case {
	margin: 0 5% 45px;
}
#case .caseWrap .caseBox {
	width:47%;
	margin: 0 0 35px;
}
#case .caseWrap .caseBox .img {
	margin: 0 0 10px;
}
#case .caseWrap .caseBox h4 {
	font-size:1rem;
}
#case .caseWrap .caseBox .txt {
	font-size:0.9rem;
	line-height: 1.6;
}
#case .caseWrap .caseBox .btn {
	width:80%;
	margin: 15px auto 0;
}
#case .caseWrap .caseBox .btn a {
	font-size:0.8rem;
}
}

/*===============================================
	■contact
===============================================*/

#contact {
	max-width: 700px;
	margin: 0 auto 75px;
	text-align: left;
}
#contact .contactWrap {
	position: relative;
	padding:60px 25px 40px;
	background-color: #ebf0f2;
	border:1px solid #1f546b;
}
#contact .contactWrap h3 {
	position: absolute;
	top:-25px;
    left: 50%;
    transform: translateX(-50%);
	width:350px;
	height: 55px;
	line-height: 55px;
	position: absolute;
	color:#FFF;
	text-align: center;
	font-size:2rem;
	background-color: #1f546b;
	border-radius: 30px;
}
#contact .contactWrap .txt {
	margin: 0 0 25px;
	font-size:1.3rem;
	line-height: 2.2rem;
	font-weight: 600;
	text-align: center;
}

#contact .contactWrap .btn {
	width:400px;
	margin: 0 auto;
}

@media (max-width: 900px) {

#contact {
	margin: 0 5% 45px;
}
#contact .contactWrap {
	position: relative;
	padding:50px 25px 30px;
}
#contact .contactWrap h3 {
	width:260px;
	height: 50px;
	line-height: 50px;
	font-size:1.7rem;
}
#contact .contactWrap .txt {
	font-size:1.1rem;
	line-height: 1.8rem;
	text-align: left;
}
#contact .contactWrap .btn {
	width:90%;
}
}