/* CSS Document */

.case_top{
	margin-top:122px;
	padding:25px 0 20px 0;
	background-color:#cce3df;
	min-width:1100px;
}
@media only screen and (max-width: 768px) {
  .case_top {margin-top: 85px;min-width: inherit;padding:25px 10px 20px 10px;}
  .case_top .case_img {vertical-align: middle;}
}


#case{
	width:1000px;
	margin:0 auto;
	position:relative;
}
@media only screen and (max-width: 768px) {
  #case {width:auto;}
}

#case2{
	width:1000px;
	margin:0 auto;
	position:relative;
}
@media only screen and (max-width: 768px) {
  #case2 {width:auto;}
}

#case p{
	text-align:left;
}

#case2 p{
	text-align:left;
}

#case h2 {
	padding-bottom:20px;
}

#case h3{
	text-align:left;
	padding-top:10px;
	color:#4B5375;
	margin-bottom:5px;
}

#case2 h3{
	text-align:left;
	padding-top:10px;
	color:#B55C4A;
	margin-bottom:5px;
}

#case h4{
	font-size:20px;
	color:#fff;
	font-weight:normal;
}

#case span{
	font-size:14px;
}

.casebox1{
	float: left;
	width: 250px;
	height: 350px;
	margin-left: 100px;
	margin-right: 30px; 
}

#case .botton1{
	position: relative;
	top: 10px;	
	background:#bba48b;
	color: #ffffff;
	font-weight: bold;
	font-size: 14px;
	border-radius:5px; 
	padding:12px 52px 12px 52px;
	text-align:center;
}

#case a:hover{
	color:#0CF;
}       

/*--------case001,002--------*/

.case_bgcolor{
	background-color:#eef1f2;
}

.case_index{
	position:absolute;
	top:200px;
	left:180px;
	margin-top:20px;
	margin-bottom:10px;
	width:auto;
	height:45px;
	background-color:#8cb9b2;
}
@media only screen and (max-width: 768px) {
  .case_index{position:static;margin: 0;height:auto;}
}

.case_index p{
	padding:7px;
	font-size:26px;
	color:#fff;	
}
@media only screen and (max-width: 768px) {
  .case_index p{margin: 0;padding:5px 10px;font-size: 16px;font-weight: bold;}
}

.case_subindex{
	position:absolute;
	top:265px;
	left:150px;
	left:146px\9; /* IE10以下 */
	padding:15px 6px 0 6px;
	padding:15px 6px 15px 10px\9; /* IE10以下 */
	line-height:0;
	width:auto;
	height:15px;
	height:0\9; /* IE10以下 */
	background-color:#bdae88;
}
@media only screen and (max-width: 768px) {
  .case_subindex {position: static; height:auto;margin: 0;padding:5px 10px;line-height: 1.5;font-size: 12px;}
}


.case_subindex p{
	color:#fff;
}
@media only screen and (max-width: 768px) {
.case_subindex p{
  margin: 0;
}
}

.case_index2{
	position:absolute;
	top:160px;
	left:0;
	margin-top:20px;
	margin-bottom:10px;
	width:auto;
	height:90px;
	background-color:#eeaf9b;
	line-height:26px;
}
@media only screen and (max-width: 768px) {
  .case_index2 {position:static;margin: 0;height:auto;}
}


.case_index2 p{
	padding:7px;
	font-size:20px;
	color:#fff;	
}
@media only screen and (max-width: 768px) {
  .case_index2 p{margin: 0;padding:5px 10px;font-size: 16px;font-weight: bold;}
  .case_index2 br {display: none;}
}

.case_subindex2{
	position:absolute;
	top:270px;
	padding:15px 6px 0 6px;
	line-height:0;
	width:auto;
	height:15px;
	background-color:#bdae88;
}
@media only screen and (max-width: 768px) {
  .case_subindex2 {position: static; height:auto;margin: 0;padding:5px 10px;line-height: 1.5;font-size: 12px;}
}

.case_subindex2 p{
	color:#fff;
	font-size:0.85em;
}
@media only screen and (max-width: 768px) {
.case_subindex2 p{
  margin: 0;
}
}

.case_index3{
	position:absolute;
	top:0px;
	left:0;
	margin-top:20px;
	margin-bottom:10px;
	width:auto;
	height:65px;
	background-color:#eeaf9b;
	line-height:26px;
}
@media only screen and (max-width: 768px) {
  .case_index3 {position:static;margin: 0;height:auto;}
}


.case_index3 p{
	padding:7px;
	font-size:20px;
	color:#fff;	
}
@media only screen and (max-width: 768px) {
  .case_index3 p{margin: 0;padding:5px 10px;font-size: 16px;font-weight: bold;}
  .case_index3 br {display: none;}
}

.case_subindex3{
	position:absolute;
	top:270px;
	padding:15px 6px 0 6px;
	line-height:0;
	width:auto;
	height:15px;
	background-color:#bdae88;
}
@media only screen and (max-width: 768px) {
  .case_subindex3 {position: static; height:auto;margin: 0;padding:5px 10px;line-height: 1.5;font-size: 12px;}
}

.case_subindex3 p{
	color:#fff;
	font-size:0.85em;
}
@media only screen and (max-width: 768px) {
.case_subindex3 p{
  margin: 0;
}
}

.case_index4{
	position:absolute;
	top:280px;
	left:00px;
	margin-top:20px;
	margin-bottom:10px;
	width:auto;
	height:70px;
	background-color:#8cb9b2;
}

@media only screen and (max-width: 768px) {
  .case_index4 {position:static;margin: 0;height:auto;}
}

.case_index4 p{
	padding:7px;
	font-size:20px;
	color:#fff;
}
@media only screen and (max-width: 768px) {
  .case_index4 p{margin: 0;padding:5px 10px;font-size: 16px;font-weight: bold;}
  .case_index4 br {display: none;}
}

.case_subindex4{
	position:absolute;
	top:270px;
	padding:15px 6px 0 6px;
	line-height:0;
	width:auto;
	height:15px;
	background-color:#bdae88;
}
@media only screen and (max-width: 768px) {
  .case_subindex4 {position: static; height:auto;margin: 0;padding:5px 10px;line-height: 1.5;font-size: 12px;}
}

.case_subindex4 p{
	color:#fff;
	font-size:0.85em;
}
@media only screen and (max-width: 768px) {
.case_subindex4 p{
  margin: 0;
}
}
	

.hos_info{
	margin-top:30px;
	-js-display: flex;
	display:flex;
	float:left\9; /* IE10以下 */
}
@media only screen and (max-width: 768px) {
  .hos_info{display: block;margin-top: 0;float:none;}
}


@media only screen and (max-width: 768px) {
  .hos_info > img {width:100%;margin-bottom: 20px;}
}


.hos_info p{
	margin:0 0 10px 0;
	font-size:18px;
	color:#423531;
	line-height:20px;
}

.info{
	margin-left:20px;
	float:right\9; /* IE10以下 */
}
@media only screen and (max-width: 768px) {
  .info {float:none;margin:0;padding:0 10px;} 
}


.info span{
	display:inline;
	margin-left:40px;
}

.info_1{
	width:310px;
	height:130px;
	margin-bottom:10px;
	border-top: #9e8b5a dotted 2px;
}
@media only screen and (max-width: 768px) {
  .info_1 {width:auto;height:auto;} 
}

.info_1 p{
	font-size:13px;
	line-height:16px;
	color:#423531;
}

.info_2{
	width:310px;
	height:auto;
	margin-bottom:10px;
	border-top: #9e8b5a dotted 2px;
}
@media only screen and (max-width: 768px) {
  .info_2 {width:auto;height:auto;} 
}

.info_2 p{
	font-size:13px;
	line-height:18px;
	color:#423531;
}

.info_3{
	width:380px;
	height:auto;
	margin-bottom:10px;
	border-top: #9e8b5a dotted 2px;
}
@media only screen and (max-width: 768px) {
  .info_3 {width:auto;height:auto;} 
}

.info_3 p{
	font-size:13px;
	line-height:18px;
	color:#423531;
}

.info_4{
	width:380px;
	height:auto;
	margin-bottom:10px;
	border-top: #9e8b5a dotted 2px;
}
@media only screen and (max-width: 768px) {
  .info_4 {width:auto;height:auto;} 
}

.info_4 p{
	font-size:13px;
	line-height:18px;
	color:#423531;
}

#pattern-style-b {
	font-size: 12px;
	width: 310px;
	border-collapse: collapse;
	background: url("../../img/pattern.png");
	margin-top:10px;
}
@media only screen and (max-width: 768px) {
  #pattern-style-b {width:100%;}
}

#pattern-style-b th {
	font-size: 12px;
	border-bottom: 3px solid #eef1f2;
	color: #423531;
	background: url("../../img/pattern1.png");
	padding: 5px 8px 5px 8px;
}
#pattern-style-b td {
	border-bottom: 3px solid #eef1f2;
	color: #423531;
	border-top: 1px solid transparent;
	padding:5px;
}

#pattern-style-c {
	font-size: 12px;
	width: 380px;
	border-collapse: collapse;
	background: url("../../img/pattern.png");
	margin-top:10px;
}
@media only screen and (max-width: 768px) {
  #pattern-style-c {width:100%;}
}

#pattern-style-c th {
	font-size: 12px;
	border-bottom: 3px solid #eef1f2;
	color: #423531;
	background: url("../../img/pattern1.png");
	padding: 5px 8px 5px 8px;
}
#pattern-style-c td {
	border-bottom: 3px solid #eef1f2;
	color: #423531;
	border-top: 1px solid transparent;
	padding:5px;
}
/*
.line{
	width: 1000px;
	height:2px;
	border-top: #9e8b5a dotted 2px;
}
*/

.line{
	border-bottom:7px solid #d3d1bd;
	position:relative;
	margin-bottom:5px;
}
.line:before, .line:after{
	content:"";
	display:block;
	height:7px;
	position:absolute;
	bottom:-7px;
}
.line:before{
	width:20%;
	left:6%;
	background:rgba(186,176,150,0.7);
}
.line:after{
	width:30%;
	left:10%;
	background:rgba(177,159,112,0.6);
}


.line2{
	width: auto;
	height:2px;
	border-top: #a18e5c dotted 2px;
	margin-bottom:10px;
}


.interview{
	margin-top:10px;
	clear:both\9; /* IE10以下 */
}

.interview_contents{
	display:flex;
	-js-display: flex;
    margin-bottom: 20px;
}
@media only screen and (max-width: 768px) {
  .interview_contents{display: block;padding: 0 10px;}
}


.interview_contents_1{
	margin-bottom: 20px;
	text-align:left\9; /* IE10以下 */
}

.interview_title {
	height: 40px;
	margin-top: 0;
	background-color: #BAA49F;
	width: 1000px;
	margin-bottom:10px;
}
@media only screen and (max-width: 768px) {
  .interview_title {width:auto;margin-top: 20px;}
}


.interview_title p{
	padding-top:10px;
	padding-left:10px;
	font-size:16px;
	color:#fff;
}

.interview_subtitle{
	margin-top:40px;
	font-size:18px;
	padding-top:20px;
	font-weight:bold;
	line-height: 5px;
	clear:both\9; /* IE10以下 */
}
@media only screen and (max-width: 768px) {
  .interview_subtitle{padding-left: 10px;padding-right: 10px;line-height: 1.2;}
}


.interview_1{
	width:750px;
	margin-right:30px;
	float:left\9; /* IE10以下 */
}
@media only screen and (max-width: 768px) {
  .interview_1{width:auto;margin-right: 0;float:none;}
}



.interview_1 p{
	font-size:14px;
	color:#423531;
	line-height:16px;
}

.interview_1_img{
	margin-top:10px;
	float:left\9; /* IE10以下 */
}

.interview_1_img_b{
	margin-top:30px;
	float:left\9; /* IE10以下 */
}


.interview_2{
	width:750px;
	margin-left:30px;
	float:right\9; /* IE10以下 */
}
@media only screen and (max-width: 768px) {
  .interview_2{width:auto;margin-left: 0;float:none;}
}


.interview_2 p{
	font-size:14px;
	color:#423531;
	line-height:16px;
}

.interview_ad{
	text-align:left;
	clear:both\9; /* IE10以下 */
	margin-bottom:30px;
}
@media only screen and (max-width: 768px) {
  .interview_ad{text-align: center;}
}

.interview_3{
	width:800px;
	margin-right:20px;
	margin-bottom:20px;
	clear:both\9; /* IE10以下 */
}
@media only screen and (max-width: 768px) {
  .interview_3{width:auto;margin-right: 0;float:none;padding:0 10px;}
}



.interview_3 p{
	font-size:14px;
	color:#423531;
	line-height:16px;
}

.interview_3_img{
	margin-top:20px;
	text-align:left;
}
@media only screen and (max-width: 768px) {
  .interview_3_img {padding:0 10px;}
  .interview_3_img img {width:100%;}
}

.kujira{
	width:330px;
	width:220px\9; /* IE10以下 */
	margin-top:20px;
	position:relative;
	float:right\9; /* IE10以下 */
}
@media only screen and (max-width: 768px) {
  .kujira {width:auto;float:none;}
  .kujira > img {display: none;}
}

.kujira_contents{
	font-size:15px;
	font-size:13px\9;
	line-height:22px;
	position:absolute;
	top:13px;
	left:28px;	
}
@media only screen and (max-width: 768px) {
  .kujira_contents{position:static;font-weight: bold;}
  .kujira_contents br {display: none;}
}

.case_under{
	margin-top:30px;
	padding:25px 0 20px 0;
	background-color:#e7e6cf;
	min-width:1100px;
}
@media only screen and (max-width: 768px) {
  .case_under {min-width:inherit;} 
}

.case_other {
	display:flex;
	-js-display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap:wrap;
	width:300px\9; /* IE10以下 事例増加時調整*/
	height:250px\9; /* IE10以下 */
	margin-left:auto\9; /* IE10以下 */
	margin-right:auto\9; /* IE10以下 */
}

.case_other1 {
	position: relative;
	width:230px;
	height:215px;
	margin-left:30px;
	margin-top:30px;
	padding:5px 10px 15px 10px;
	background-color:#c1d1cd;
	float:left\9; /* IE10以下 */
	margin-left:30px\9; /* IE10以下 */;
}

.case_other2 {
	position: relative;
	width:230px;
	height:215px;
	margin-left:30px;
	margin-top:30px;
	padding:5px 10px 15px 10px;
	background-color:#f9e0e4;
	float:left\9; /* IE10以下 */
	margin-left:30px\9; /* IE10以下 */;
}

.case_other1 h4, .case_other2 h4{
	margin-top:5px;
	margin-bottom:5px;
}

.case_other1 p, .case_other2 p{
	font-size:12px;
	text-align:left;
}

.case_other1 a, .case_other2 a {
	display: block;
	position: absolute;
	top: 0;
	top:5px\9; /* IE10以下 */
	left: 0;
	left:5px\9; /* IE10以下 */
	width: 100%;
	height: 100%;
	color:#fff\9; /* IE10以下 */
}

.other_img {
	margin-top: 7px;
}

.new {
	position: absolute;
	top: 7px;
	right: -6px;
}