/*=============================================================
#top TOP画像　PC
=============================================================*/

.nav ul li.service {
background-color: #69c5ed;
border-right:  1px solid #FFFFFF;
}
.nav ul li.service a {
	color: #fff;
}



#head_img {
/*background-color: #69c5ed;*/
background-color: #fff;
}


#head_img .body {
width: 1000px;
/*height: 320px;*/
height: 280px;
background-image:url(../image/head_back.jpg);
}
#head_img .body dl {
color: #333;
text-align: left;
width: 80%;
padding-top: 130px;
padding-left: 5%;
text-shadow:0 0 10px #fff;
}
#head_img .body dl dt {
font-size: 25px;
font-weight: bold;
}
#head_img .body dl dd {
margin-top: 20px;
font-size: 18px;
font-weight: bold;
line-height: 2em;
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/


#content_01 {
  margin-top: 60px;
		overflow: hidden;
		background-color: #fff;
		margin-bottom: 70px;
}
h3 {
  color: #0f6a2c;/*文字色*/
  border-left: solid 8px #0f6a2c;/*左線*/
		font-size: 20px;
		font-weight: bold;
		text-align: left;
		padding-left: 20px;
		padding-bottom: 15px;
		padding-top: 10px;
		border-bottom: 2px solid #0f6a2c;
}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝上記共通？＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/


.narrow {
letter-spacing: -0.04em;
}





#contentBox {
box-sizing: border-box;
border: 1px solid #ccc;
overflow: hidden;
margin-top: 30px;
padding-top: 20px;
}



#contentBox .contentInner {
width: 98%;
margin-left: auto;
margin-right: auto;
}



#contentBox .contentInner .box_left {
width: 28%;
float: left;
margin-right: 2%;
}


#contentBox .contentInner .box_right {
width: 70%;
overflow: hidden;
position: relative;
}


#contentBox .contentInner .box_right p {
position: absolute;
right: 10px;
top: 10px;
}

#contentBox .contentInner .box_right p img {
width: 80%;
height: auto;
}



#contentBox .contentInner .box_right dl {
text-align: left;
/*margin-top: 30px;
margin-bottom: 30px;*/
}







#contentBox .contentInner .box_right dl dt.title {
background-color: #dfecf2;
font-weight: bold;
font-size: 26px;
padding-top: 12px;
padding-bottom: 12px;
padding-left: 3%;
}


#contentBox .contentInner .box_right dl dt.title span {
font-size: 20px;
}



#contentBox .contentInner .box_right dl dd.comment {
color: #0f6a2c;
font-weight: bold;
font-size: 16px;
padding-bottom: 20px;
}


#contentBox .contentInner .box_right dl dd.comment a:before {
    content: '';
    display: inline-block;
    width: 18px;
    height: 21px;
    background-image: url(../image/pdf_icon.png);
    background-size: contain;
    vertical-align: -3px;
    background-repeat: no-repeat;
    padding-right: 8px;
}



#contentBox .contentInner .box_right dl dd.comment a {
text-decoration: underline;
}


#contentBox .contentInner .box_right dl dd.comment a:hover {
text-decoration: none;
color: #e33558;
}



#contentBox .contentInner .box_right dl dd.titleSub {
font-weight: bold;
font-size: 16px;
margin-top: 20px;
} 

#contentBox .contentInner .box_right dl dd.model ul {
overflow: hidden;
margin-top: 20px;
margin-bottom: 20px;
}

#contentBox .contentInner .box_right dl dd.model ul li {
width: 46%;
margin-right: 4%;
float: left;
}

#contentBox .contentInner .box_right dl dd.model ul li:nth-child(2n) {
margin-right: 0;
}


#contentBox .contentInner .box_right dl dd.model ul.SentencesLong li {
width: 30%;
margin-right: 0%;
float: left;
/*margin-bottom: 20px;*/
}



#contentBox .contentInner .box_right dl dd.model ul.SentencesLong li:nth-child(2n) {
width: 70%;
}




#contentBox .contentInner .box_right dl dd.model ul li dl {
overflow: hidden;
}


#contentBox .contentInner .box_right dl dd.model ul li dl dt {
background-color: #eff3f4;
width: 40%;
float: left;
padding-left: 1em;
display: block;
margin-right: 5%;
}




#contentBox .contentInner .box_right dl dd.model ul.SentencesLong li dl dt {
background-color: #eff3f4;
width: 30%;
float: left;
padding-left: 1em;
display: block;
margin-right: 5%;
}



#contentBox .contentInner .box_right dl dd.model ul li dl dt,#contentBox .contentInner .box_right dl dd.model ul li dl dd {
margin-bottom: 10px;
}





#contentBox .contentInner .box_right .form_btn {
background-color: #2c619b;
width: 60%;
border-radius: 10px;
margin-top: 20px;
}

#contentBox .contentInner .box_right .form_btn a {
color: #fff;
font-weight: bold;
text-decoration: none;
display: block;
padding-top: 4px;
padding-bottom: 4px;
}

#contentBox .contentInner .box_right .form_btn:hover {
background-color: #e33558;

}




/*===========================バナー=======================================*/



#top #banner {
margin-top: 20px;
/*width: 80%;*/
overflow: hidden;
}

#top #banner p {
font-size: 15px;
}

#top #banner ul {
overflow: hidden;
}


#top #banner ul li {
width: 22%;
/*width: 30%;*/
height: 60px;
 background:#fff;
box-sizing: border-box;
border: 1px solid #cccccc;
margin-right: 3%;
display: inline-block;
 opacity: 1;
 -webkit-transition: 0.3s ease-in-out;
 transition: 0.3s ease-in-out;
	position: relative;
	
}


#top #banner ul li img {
position: absolute;
	top: 50%;
	left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
}



#top #banner ul li:last-child{
margin-right: 0%;
} 





#top #banner ul li:hover {
  opacity: 0.5;
		 background:#444;
}