@charset "UTF-8";
/* CSS Document */
a.linkstxt{
   word-break: break-all;
}
.contact_info{
	border-top: 1px solid #CCC;
	padding-top: 15px;
	padding-bottom: 15px;
}
.contact_info h5 {
	font-size: 16px;
	font-weight: 400;
	color: #12662a;
	text-indent: -5px;
	padding-bottom: 10px;
}
.contact_info p {
	padding-left: 10px;
	line-height: 160%;
	
}

.contact_info p::before {
	content: "◆";
	color: #12662a;
	padding-right: 5px;
}
.optout_list {
	padding:0 0 0 15px;
	float:left;
}
.optout_list li {
	background:url(../about_entry/images/icon_training_list.png) no-repeat left 5px;
	padding:0 0 0 15px;
	margin:0 0 25px;
}
.optout_list li span{
	display: block;
	clear: both;
	padding-top: 15px;
}

.optout_list02 {
	padding:0 0 0 15px;
	width: 380px;
	float:left;
}
.optout_list02 li {
	background:url(../about_entry/images/icon_training_list.png) no-repeat left 5px;
	padding:0 0 0 15px;
	margin:0 0 25px;
}


@media only screen and (max-width:1000px){
.optout_list {
	-moz-box-sizing: border-box;
    box-sizing: border-box;
	padding:0 0 0 15px;
	width: 100%;
	float:none;
}

.optout_list02 {
	-moz-box-sizing: border-box;
    box-sizing: border-box;
	padding:0 0 0 15px;
	width: 100%;
	float:none;
}

}
/******************************************************************************************************/
.first_text{
	width: 100%;
	margin:0 0 30px;
}

.info_box{
	 -moz-box-sizing: border-box;
    box-sizing: border-box;
	width: 100%;
	margin:0 0 50px;
}

.info_title{
	width: 100%;
	color:#12662A;
	font-size:22px;
	background-color:#F9F7EF;
	padding:13px 0;
	margin:0 0 15px;
}
.info_title .info_title2{
	border-left:#12662A 3px solid;
	padding:0 0 0 15px;
	line-height:1.2em;
}

.pic_right{
	width: 360px;
	float:right;
}
.pic_right02{
	width: 300px;
	float:right;
}

.pic_right img,.pic_right02 img{
	width: 100%;
}


.txt_left{
	width: 360px;
	float:left;
}
.txt_left02{
	width: 400px;
	float:left;
}

.research{
	 -moz-box-sizing: border-box;
    box-sizing: border-box;
	width: 100%;
	margin:0 0 60px;
	clear:both;
}



/******************************************************************************************************/


@media only screen and (max-width:1000px){

.info_box{
	margin:0 0 20px;
}

.info_title{
	width: 100%;
	color:#12662A;
	font-size:16px;
	margin:0 0 0.5em;
}

.publication{
	font-size:13px;
}

.detail_link{
	font-size:12px;
}


.pic_right,.pic_right02{
	width: 100%;
	margin:0 0 20px;
	float:none;
}

.txt_left,.txt_left02{
	width: 100%;
	float:none;
}

.research{
	margin:0 0 20px;
	clear:both;
}

}