@charset "UTF-8" ;

/* ---------------------------------------------
case/index.html
------------------------------------------------*/
.adopt-area {
	margin:0 0 40px;
}
.adopt-area-img {
	float:right;
}
.adopt-area-text {
	width:260px;
	height:200px;
	padding:30px 30px 0;
	float:left;
	background-color:#d8e5f8;
}

.otherCaseBtn{
	margin-bottom: 40px;
}
	.otherCaseBtn a{
		display: block;
		border-radius: 4px;
		background-color: #2c3691;
		width: 205px;
		font-size: 16px;
		color: #fff;
		text-align: center;
		text-decoration: none;
		padding: 14px 0 10px;
		margin: 0 auto;
	}
	.otherCaseBtn a span {
		background: url(/common/img/pc-arrow-white.png) no-repeat left 8px;
		padding-left: 15px;
		font-weight: bold;
	}

@media screen and (max-width: 767px) {
	.adopt-area-text {
		width: 100%;
		float: none;
		padding-bottom: 20px;
		height: inherit;
		box-sizing: border-box;
	}
	.adopt-area-img {
		float: none;
		width: 100%;
	}

	.adopt-area-img img{
		width: 100%;
		height: inherit;
	}
}

.adopt-category {
	margin: 13px 0 0 0;
}
.detail .adopt-category {
	margin: 0 0 10px 0;
}


.adopt-category-left {
	display:inline-block;
	padding:0;
	font-size:85.8%;
	line-height:1;
	text-decoration:none;
	color:#032659;
	background:url(../img/bg_tag_left.png) no-repeat 0 0;
	padding-bottom: 1px;
}
.adopt-category-right {
	display:inline-block;
	padding:9px 10px 8px;
	background:url(../img/bg_tag_right.png) no-repeat 100% 0;
}
#main-area .adopt-area-text .adopt-title {
	font-size:100%;
	font-weight:bold;
	background:none;
	margin:0 0 15px;
	padding:0;
	color:#072659;
}
#main-area .adopt-comment {
	font-size:128.6%;
	font-weight:bold;
	margin:0 0 10px;
	color:#072659;
}
.adopt-label {
	margin:10px 0 0;
	text-align:left;
	font-size: 0;
}

.detail .adopt-label {
	text-align:right;
}

.detailList {
	margin: 80px 0 0 0;
}
.detailList h3 {
	margin: 0px 0 20px 0;
}
.detailList .adopt-category {
	margin: 13px 0 0 0;
}
.detailList .adopt-label {
	text-align:left;
}


.adopt-label i {
	display:inline-block;
	vertical-align:middle;
	margin:-3px 5px 0 0;
}
.adopt-label img {
	vertical-align:middle;
}
.adopt-label-left {
	display:inline-block;
	margin:0 0 5px 10px;
	padding:0;
	font-size:11px;
	line-height:1;
	text-decoration:none;
	color:#032659;
	/*
	background:url(../../img/bg_label_left.png) no-repeat 0 0;
	*/
	background: none;
	background-color: #bacde3;
	border-radius: 2px;
	height: 27px;
	line-height: 27px;
}
.adopt-label-left:first-child {
	margin-left: 0;
}
.adopt-label-right {
	display:inline-block;
	padding:1px 8px 0;
	/*
	background:url(../../img/bg_label_right.png) no-repeat 100% 0;
	*/
}


.adopt-message {
	margin:0 0 25px;
}
#main-area .adopt-message .adopt-message-title {
	font-size:114.2%;
	font-weight:bold;
	background:none;
	margin:0 0 10px;
	padding:0;
	color:#072659;
}
.adopt-message p {
	font-size:100%;
	line-height:1.8;
	margin:0 0 30px;
}

.adopt-plan {
	border:6px solid #e7e7e7;
	padding:20px;
	margin:0 0 60px;
}
#main-area .adopt-plan .adopt-plan-title {
	font-size:100%;
	font-weight:bold;
	background:none;
	margin:0 0 10px;
	padding:0;
	color:#072659;
}
#main-area .adopt-plan .adopt-plan-image {
	text-align:center;
}
@media screen and (max-width: 767px) {
	.adopt-label {
		margin:10px 10px 0 0;
		text-align:right;
	}
}

.col2:before,.col2:after{ content:" "; display:table; }
.col2:after{ clear:both; }
.col2 { *zoom:1; }


.col2{
	margin-bottom: 40px;
}
	.col2 .imgBox{
		margin-top: 20px;
	}
	.col2 .imgBox:first-child{
		margin-top: 0px;
	}
		.col2 .imgBox p{
			font-size: 13px;
			line-height: 1.8;
			margin-top: 5px;
		}
		.col2 .imgBox img{
			width:100%;
		}

	.col2>div{
		float:left;
	}
		.col2>div:first-child{
			float:left;
			margin-right: 5%;
		}
	.col2.imgRight{
	}
		.col2.imgRight>div{
			width: 40%
		}
		.col2.imgRight>div:first-child{
			width: 55%;
		}

	.col2.imgLeft{
	}
		.col2.imgLeft>div{
			width: 55%
		}
		.col2.imgLeft>div:first-child{
			width: 40%;
		}

#main-area .hs-column2-img-01 .left .link a, #main-area .hs-column2-img-01 .right .link a {
  font-size: 15px;
  color: #000;
  line-height: 1.6;
  color: #333333;
  font-weight: bold;
  background: url(/common/img/img-bottom-icon-office.png) no-repeat left 1px;
  background-size: 18px 18px;
  padding-left: 23px;
  margin-top: 12px;
  display: block;
  color: #333;
}
.big_bnr a:hover {
	opacity: 0.7;
}


@media screen and (max-width: 767px) {
	.detail .hs-text.mb30{
		margin-bottom: 15px !important;
	}
	.col2{
		margin: 50px 5.3% 0 !important;
	}
		.col2>div{
			width: 100% !important;
		}
			.col2>div h3{
				margin-left: 0 !important;
				margin-right: 0 !important;
			}
			.col2>div p{
				margin-left: 0 !important;
				margin-right: 0 !important;
			}

		.col2 .imgBox:first-child {
			margin-top: 20px;
		}

		.col2.imgLeft{
		}
			.col2.imgLeft>div{
				margin-top: 20px;
			}
			.col2.imgLeft>div:first-child{
				margin-top: 0px;
			}

	#container #main-area .hs-cv, #container #one-column-area .hs-cv {
		margin: 50px 5.3% 30px;
	}
	.spmt50{
		margin-top:50px !important;
	}
	.spmt0{
		margin-top:0px !important;
	}

	.adopt-area-text{
		padding: 20px 5.5% 14px;
	}
	.adopt-label{
		margin: 10px 0 0 0;
	}
	.adopt-label-right {
		padding: 1px 5px 0;
	}
	.adopt-label-left{
		margin: 0 0 5px 5px;
	}

	.otherCaseBtn{
		margin-top: 40px;
	}


	#container #main-area .detailList .hs-column2-img-01 .left{
		margin-bottom: 40px;
	}
	.big_bnr {
		margin: 0 5.3% 30px;
	}
	.big_bnr img {
		width: 100%;
	}

}