/*common*/
/*------------------------------------------------------------------------------*/
.line_top{
	width:100%;
	display: block;
	height:25px;
	background:url(../image/common/tit_01.jpg) no-repeat left top;
}

.line_box{
	width:100%;
	display: block;
	height:50px;
	background:url(../image/common/tit_01.jpg) no-repeat left center;
}

.txt_mincho{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}


/**/
.section_in{
	width:94%;
	margin-left: auto;
	margin-right:auto;
}

.right_img{
	float:right;
	padding-left:10px;
	padding-bottom:10px;
}

	.tit{
		font-size:120%;
		margin-bottom:10px;
	}


.bg01{
	background:#F3F1E9;
	padding:30px;
}

.bg02{
	background:#8CC700;
	color:#FFF;
}
.bg03{
	background:#D45492;
	color:#FFF;
}
.bg04{
	background:#FF8000;
	color:#FFF;
}


.bg05{
	background:#E5F4FB;
	padding:20px;
}

	.bg05 .tit{
		color:#0098D8;
	}


.bg06{
	background:#ECF3E5;
	padding:20px;
}
	.bg06 .tit{
		color:#468C00;
	}


.bg07{
	background:#F9E9F1;
	padding:20px;
}
	.bg07 .tit{
		color:#C72573;
	}


.bg08{
	background:#FFF2E5;
	padding:20px;
}
	.bg08 .tit{
		color:#FF7F00;
	}




.box2_in{
	width:90%;
	margin:0px auto;
}

.box2_in_left{
	width:95%;
	margin:0px;
	margin-left:5%;
}


@media only screen and (max-width:690px) {
	
.bg01{
	padding:15px;
}
	
	
.right_img{
	float:none;
	padding-left:0px;
	padding-bottom:10px;
}

.right_img img{
	width:100%;
	height:auto;
}


.pt50{
	padding-top:20px;
}

.box2_in_left{
	width:90%;
	margin:0px auto;
	padding-bottom:10px;
}



}



.common_left{
  width: 49%;
  float: left;
  
}
.common_right{
  width: 49%;
  float: right;
}

.common_ti_left{
  width: 34%;
  float: left;
}
.common_ti_right{
  width: 62%;
  float: right;
}
.common_ti_left img,
.common_ti_right img{
	width: 100%;
	height: auto;
}



@media only screen and (max-width:690px) {
.common_left img,
.common_right img{
	width: 100%;
	height: auto;
}
	
	.no_float .common_ti_left{
	  width: 100%;
	  float: none;
	  margin-bottom: 20px;
	}
	.no_float .common_ti_right{
	  width: 100%;
	  float: none;
	}

	.no_float .box2_left{
		margin-bottom:10px;
	}

}


.img100 img{
	width:100%;
	height:auto;
}

.txt_c_sph{
	text-align:center;
}

@media only screen and (max-width:690px) {
.img100_sp img{
	width:100%;
	height:auto;
}

.txt_c_sph{
	text-align:left;
}


}


.common_box{
	display:block;
	background: url(../image/common/bg03.jpg);
	padding:10px 10px 0px;
}

	.common_box li{
		background:#FFF;
		padding:5px;
		margin-bottom:10px;
	}

	.common_box li a{
		color:#F05A25;
		
	}

	.common_box li img{
		width:100%;
		height:auto;
	}
@media only screen and (max-width:690px) {
	.common_box li{
		width:100%;
		margin-bottom:10px;
	}

}

	
.common_box01{
	background:#EAF5F7;
	padding:20px;
}

.common_box02{
	background:#F9EAE9;
	padding:20px;
	
}

	.common_box02 .subtitle04{
			color:#C7332C;
		}


	.common_box02 .subtitle06{
		font-size: 130%;
		background: url(../image/common/tit_06.png) no-repeat 5px center #C7332C;
		padding:5px 5px 5px 25px;
		margin-bottom: 15px;
		color:#FFF;
		font-weight:bold;
	}



.common_btn{
	width: auto;
	display:table;
	margin:0px auto;
	text-align: center;
	background:url(../image/common/bg02.jpg);
	padding:2px;
	margin-top:10px;
	font-size:90%;
	border-radius:5px;
}

	.common_btn a{
		border-radius:3px;
		display:block;
		background: url(../image/common/arr01.png) no-repeat 10px center #FFF;
		padding:5px 15px 5px 20px;
		color:#FA6430;
		-webkit-transition: all 0.3s;
		transition: all 0.3s;
	}

	.common_btn:hover{
		opacity:0.7;
	}
	.common_btn a:hover{
		opacity:1;
	}

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


}

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



}
.common_btn01{
	width:100%;
	display: block;
	margin:0px auto;
	text-align: center;
	background:url(../image/common/bg02.jpg);
	padding:2px;
	margin-top:10px;
	font-size:90%;
	border-radius:5px;
}

	.common_btn01 a{
		border-radius:3px;
		display:block;
		background: url(../image/common/arr01.png) no-repeat 10px center #FFF;
		padding:5px 15px 5px 20px;
		color:#FA6430;
		-webkit-transition: all 0.3s;
		transition: all 0.3s;
	}

	.common_btn01:hover{
		opacity:0.7;
	}
	.common_btn01 a:hover{
		opacity:1;
	}

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


}



/*

.common_btn02{
	margin: 0px ;
}
.common_btn02 a{
	display: table;
	width: auto;
	padding:3px 20px;
	background: url(../image/common/arr04.png) no-repeat left center;
	position: relative;
}
.common_btn02 a:hover{
	opacity:0.7;
}

*/

.common_btn02{
	width:100%;
	display: block;
	margin:0px auto;
}

	.common_btn02 a{
		margin:0px auto;
		display: table;
		padding:10px 20px;
		border:3px solid #00448E;
		border-radius:5px;

		color:#00448E;
	}

/*
	.common_btn a:after{
		content:"";
		background: url(../image/common/arr02.png) no-repeat right center;
	}
	
	*/
	.common_btn02 a:hover{
		opacity:0.7
	}


.common_btn03{
	width:100%;
	margin-top: 20px;
	clear:both;
}

	.common_btn03 a{
		width:auto;
		background:#F5F5F5;
		border:1px solid #E2E2E2;
		background-size:cover;
		padding:30px 10px;
		color:#333;
		font-size:140%;
		display: block;
		text-align:center;
	}

	.common_btn03 a:after{
		content:"";
		width:auto;
		background: url(../image/common/arr07.png) no-repeat right center;
		padding:9px 15px;
	}
	.common_btn03 a:hover{
		opacity:0.7;
	}







.common_ul{
	width: 100%;
}

	.common_ul li{
		width: 100%;
		margin-bottom:10px;
		position:relative;
		padding-left:20px;
	}

	.common_ul li:before{
		content:"●";
		color:#1F3F85;
		padding-right:5px;
		position:absolute;
		left:0px;
	}
	.common_ul li a{
		color:#333;
	}
	.common_ul li a:hover{
		color:#4285f4;
	}
	


.common_ul_01{
	width: 100%;
}

	.common_ul_01 li a{
		width: 33.333%;
		min-height:70px;
		margin:0px;
		float:left;
		color:#333;
		padding:10px;
		display: block;
		background:#EAEAEA;
	}

	.common_ul_01 li:nth-child(2n) a{
		background:#FFF;
	}

	.common_ul_01 li a:hover{
		opacity:0.7;
	}

.common_ul_02{
	width: 100%;
}

	.common_ul_02 li{
		width: 100%;
		margin-bottom:5px;
	}

	.common_ul_02 li:before{
		content:"●";
		padding-right:10px;
	}

.common_ul_03{
	width: 100%;
}

	.common_ul_03 li a{
		width: 33.333%;
		min-height:70px;
		margin:0px;
		float:left;
		color:#FFF;
		padding:10px;
		display: block;
		text-align:center;
		background:#4385F5;
		font-weight:bold;
	}
	.common_ul_03 li a:before{
		content:">";
		padding-right:10px;
		font-weight: normal;
	}
	.common_ul_03 li:nth-child(2n) a{
		background:#0B3486;
	}

	.common_ul_03 li a:hover{
		opacity:0.7;
	}


.common_table{
	width: 100%;
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
}

	.common_table th{
		border-right:1px solid #CCCCCC;
		border-bottom:1px solid #CCCCCC;
		padding:10px 5px;
		font-weight:normal;
		vertical-align:middle;
		background:#35383F;
		color:#FFF;
		text-align:center;
	}
	
	.common_table td{
		border-right:1px solid #CCCCCC;
		border-bottom:1px solid #CCCCCC;
		padding:10px 5px;
		vertical-align:middle;
		background:#FFF;
	}
	.common_table td.tit{
		background:#D6DBE9;
		font-weight:bold;
	}


.common_table .box3 li{
	margin-bottom:0;
}




.common_table01{
	width: 100%;
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
}

	.common_table01 th{
		border-right:1px solid #CCCCCC;
		border-bottom:1px solid #CCCCCC;
		padding:10px 5px;
		font-weight:normal;
		vertical-align:middle;
		background:#35383F;
		color:#FFF;
		text-align:center;
	}
	
	.common_table01 td{
		border-right:1px solid #CCCCCC;
		border-bottom:1px solid #CCCCCC;
		padding:10px 5px;
		vertical-align:middle;
		background:#FFF;
	}
	.common_table01 td.tit{
		background:#D6DBE9;
		font-weight:bold;
		text-align:center;
	}



.common_table02{
	width: 100%;
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
}

	.common_table02 th{
		border-right:1px solid #CCCCCC;
		border-bottom:1px solid #CCCCCC;
		padding:10px 5px;
		font-weight:normal;
		vertical-align:middle;
		background:#D6DBE9;
		font-weight:bold;
		width:30%;
	}
	
	.common_table02 td{
		border-right:1px solid #CCCCCC;
		border-bottom:1px solid #CCCCCC;
		padding:10px 5px;
		vertical-align:middle;
		background:#FFF;
	}
	.common_table02 td.tit{
		background:#D6DBE9;
		font-weight:bold;
		text-align:center;
	}


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

	.common_ul li{
		width: 100%;
		margin-right:0%;
		margin-bottom:10px;
		float:none;
	}
	
	.common_ul li:nth-child(2n){
		margin-right:0%;
	}
	


.common_table{
	font-size:90%;
}


.table_box{
	width: 100%;
	overflow:scroll;
}


.table_box .common_table{
	width: 700px;
}


.common_table01{
	width: 700px;
}


	.common_table02 th{
		display:block;
		width:100%;
	}
	
	.common_table02 td{
		display:block;
		width:100%;
	}



}



/*service*/
/*------------------------------------------------------------------------------*/
.service_box{
	width:25%;
	border:1px solid #E0E0E0;
	float:left;
}

.service_box01{
	background:#00A220;
	color:#FFF;
	width:100%;
	text-align:center;
	padding:5px 0px;
	margin-bottom:30px;
	
}

.service_box02{
	width:90%;
	margin:0px auto;
	padding:15px 0px;
	
}

.service_box03{
	background:#014DA3;
	color:#FFF;
	width:100%;
	text-align:center;
	padding:5px 0px;
	margin-bottom:30px;
	
}

/*profile*/
/*------------------------------------------------------------------------------*/
.profile_box{
	width:100%;
	display:table;
}

.profile_box:hover{
	opacity:0.7;
}

.profile_txt{
	width:50%;
	padding:0px 30px;
	display: table-cell;
	vertical-align:middle;
}
.profile_img{
	width:50%;
	display: table-cell;
	vertical-align:middle;
	text-align:center;
	position:relative;
}


.profile_box01{
	background:#00A220;
	color:#FFF;
}

.profile_box02{
	background:#014DA3;
	color:#FFF;
}


.profile_box01 h3,
.profile_box02 h3{
	color:#FFF;
}


.profile_img img{
	width:100%;
	height:auto;
}

.profile_img span img{
	width: auto;
	height:auto;
	position:absolute;
	top:50%;
	left:0;
}

.profile_img span.profile_right img{
	width: auto;
	height:auto;
	position:absolute;
	top:50%;
	left: auto;
	right:0;
}

@media only screen and (max-width:690px) {
.profile_box{
	width:100%;
	display: block;
	margin-bottom:10px;
}

.profile_box:hover{
	opacity:0.7;
}

.profile_txt{
	width:100%;
	padding:20px;
	display: block;
	vertical-align:middle;
}
.profile_img{
	width:100%;
	display: block;
	vertical-align:middle;
	text-align:center;
	position:relative;
}




.profile_img img{
	width:100%;
	height:auto;
}

.profile_img span img{
	display:none;
}
}


/*life*/
/*------------------------------------------------------------------------------*/

.life_box{
	background: url(../image/common/life_top.jpg) no-repeat center top, url(../image/common/life_bottom.jpg) no-repeat center bottom, url(../image/common/life_body.jpg) repeat-y center top #014DA3;
	background-size:100% auto;
	color:#FFF;
	padding:30px;

}

.life_box h4{
	color:#FFF;
}



.life_box01,
.life_box02,
.life_box03{
	background: url(../image/life_img01.png) no-repeat center top;
	background-size:100% auto;
	color:#FFF;
	padding:200px 20px 20px;


}


.life_box02{
	background: url(../image/life_img02.png) no-repeat center top;

}

.life_box03{
	background: url(../image/life_img03.png) no-repeat center top;

}


.life_box01 img,
.life_box02 img,
.life_box03 img{
	display:none;


}
@media only screen and (max-width:690px) {
/*
.life_box{
	width:94%;
	margin:0px auto;

}
*/

.life_box01,
.life_box02,
.life_box03{
	background:none;
	background-size:100% auto;
	color:#FFF;
	padding:0px;
	margin-bottom:10px;
}



.life_box01 img,
.life_box02 img,
.life_box03 img{
	display: block;
	width:100%;
	height:auto;


}
}

/*audio*/
/*------------------------------------------------------------------------------*/


.audio_box li a{
	color:#FFF;
	background:#E1011A;
	text-align:center;
	padding:20px 10px;
	display:block;
}

.audio_box li a:hover{
	opacity:0.7;
}

@media only screen and (max-width:690px) {
.audio_box li{
	width:100%;
	margin-right:0;
	margin-bottom:10px;
}
}

.audio_box01,
.audio_box02,
.audio_box03,
.audio_box04,
.audio_box05{
	width:100%;
	padding:20px;
	background:url(../image/audio_img01.jpg) no-repeat right center;
	border:1px solid #E0E0E0;
	margin-bottom:30px;
}

.audio_box01 h3,
.audio_box02 h3,
.audio_box03 h3,
.audio_box04 h3,
.audio_box05 h3{
	margin-bottom:0;
}

.audio_box02{
	background-image:url(../image/audio_img02.jpg) ;
}
.audio_box03{
	background-image:url(../image/audio_img03.jpg) ;
}
.audio_box04{
	background-image:url(../image/audio_img04.jpg) ;
}
.audio_box05{
	background-image:url(../image/audio_img05.jpg) ;
}

/*use*/
/*------------------------------------------------------------------------------*/


.tab{
	display:table;
	width:100%;
}

.tab li{
	display:table-cell;
	width:25%;
}

.tab li a{
	text-align:center;
	font-size:120%;
	display: block;
	padding:10px;
	background:#F5F5F5;
	color:#000;
	border-bottom:2px solid #FFF;
}
.tab li a.tabover{
	border-bottom:2px solid #E1011A;
}



.use_map{
	background: url(../image/use_img01.jpg) no-repeat center center;
	background:cover;
	display:block;
	width:100%;
	height:599px;
	position:relative;
}

.use_map li{
	position: absolute;
}

	.use_map li:nth-child(1){
		left:261px;
		top:110px;
	}
	.use_map li:nth-child(2){
		left:805px;
		top:439px;
	}
	.use_map li:nth-child(3){
		left:45px;
		top:82px;
	}
	.use_map li:nth-child(4){
		left:399px;
		top:350px;
	}
	.use_map li:nth-child(5){
		left:332px;
		top:212px;
	}
	.use_map li:nth-child(6){
		left:476px;
		top:53px;
	}
	.use_map li:nth-child(7){
		left:544px;
		top:158px;
	}
	.use_map li:nth-child(8){
		left:670px;
		top:448px;
	}
	.use_map li:nth-child(9){
		left:223px;
		top:441px;
	}
	.use_map li:nth-child(10){
		left:705px;
		top:280px;
	}
	.use_map li:nth-child(11){
		left:97px;
		top:289px;
	}
	.use_map li:nth-child(12){
		left:779px;
		top:54px;
	}
	.use_map li:nth-child(13){
		left:388px;
		top:450px;
	}


.use_box img{
	width:100%;
	height:auto;
}

.use_left{
	width:20%;
	max-width:80px;
	float:left;
}

.use_right{
	width:78%;
	float:right;
}


@media only screen and (max-width:1000px) {
.use_map{
	background:none;
	display:block;
	width:100%;
	padding:20px;
	height: auto;
	position:relative;
	border:2px solid #E1011A;
}
.use_map li{
	position:relative !important;
	top:0 !important;
	left:0 !important;
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}

}

/*faq*/
/*------------------------------------------------------------------------------*/
.faq_box{
	width:100%;
	margin:0px auto 10px;
}


.faq_box01{
  margin-bottom:0px;
}


.faq_box01 table{
	width:100%;
	border:none;
	cursor:pointer;
}


#contents_left .faq_box01 table p{
	margin-bottom:0px;
}

.faq_box01 table th{
	width:40px;
	padding:0;
	border:none;
	font-size:140%;
    font-weight:bold;

	background:#000;
	color:#FFF;
	vertical-align:middle;
	text-align:center;
}

.faq_box01 table td{
	width: auto;
	padding:5px 40px 5px 20px;
	border:none;
	background: url(../image/common/faq_bg.png) no-repeat left center, url(../image/common/faq_open.jpg) no-repeat right center #EEEEEE;
	color:#333;
  font-size:110%;
  vertical-align:middle;
  text-align:left;
  font-weight:bold;
}


.faq_box02 table td{
	background:url(../image/common/faq_bg.png) no-repeat left center,url(../image/common/faq_close.jpg) no-repeat right center #EEEEEE;
}




.faq_box03{
	padding-left:60px;
	padding-top:20px;
	padding-bottom:40px;
}



@media only screen and (max-width:1030px) {
.faq_box01 table td{
  font-size:120%;
}

.faq_box03{
	padding-left:0px;
	padding-top:20px;
	padding-bottom:40px;
}

}



/*
.faq_box{
  margin-bottom:0px;
}


.faq_box01{
  margin-bottom:0px;
}


.faq_box01 table{
	width:100%;
	border:none;
	border:1px solid #000;
	border-top:none;
}


.faq_box_first .faq_box01 table{
	border-top:1px solid #000;
}

.faq_box_last{
	margin-bottom:40px;
}


#contents_left .faq_box01 table p{
	margin-bottom:0px;
}

.faq_box01 table th{
	width:70px;
	padding:0;
	border:none;
	font-family:Arial, Helvetica, sans-serif,"HGｺﾞｼｯｸE";
	font-size:140%;
    font-weight:bold;

	background: #000;
	color:#FFF;
	vertical-align:middle;
	text-align:center;
}

.faq_box01 table td{
	width: auto;
	padding:5px 60px 5px 20px;
	border:none;
	background: url(../image/common/arr05.jpg) no-repeat right center #FFF;
	color:#333;
  font-size:120%;
  vertical-align:middle;
}




.faq_box03 table{
	width:100%;
	border:1px solid #000;
	border-top:none;
}
.faq_box03 table th{
	width:70px;
	padding:0;
	border:none;
	font-family:Arial, Helvetica, sans-serif,"HGｺﾞｼｯｸE";
	font-size:140%;
    font-weight:bold;

	background:#EEEEEE;
	color:#DF0019;
	vertical-align:middle;
	text-align:center;
}

.faq_box03 table td{
	width: auto;
	padding:5px 60px 5px 20px;
	border:none;
	background:#F9F9F9;
	color:#333;
  font-size:120%;
  vertical-align:middle;
}



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



}

@media only screen and (max-width:690px) {
.faq_box01 table td{
  font-size:120%;
}

}

/*download*/
/*------------------------------------------------------------------------------*/

.download a{
}


.download a:hover{
	opacity:0.7;
}


.download_area01{
	width:75%;
	vertical-align: middle;
}
.download_area02{
	min-width:40px;
	width:15%;
	vertical-align: middle;
}

.download_area02{
	text-align:center;
}






/*fine*/
/*------------------------------------------------------------------------------*/

.fine_box{
	background: url(../image/common/life_top.jpg) no-repeat center top, url(../image/common/life_bottom.jpg) no-repeat center bottom, url(../image/common/life_body.jpg) repeat-y center top #014DA3;
	background-size:100% auto;
	color:#FFF;
	padding:30px;

}

.fine_box h4{
	color:#FFF;
}



.fine_box01,
.fine_box02,
.fine_box03{
	background: url(../image/fine_img01.png) no-repeat center top;
	background-size:100% auto;
	color:#FFF;
	padding:200px 20px 20px;


}


.fine_box02{
	background: url(../image/fine_img02.png) no-repeat center top;

}

.fine_box03{
	background: url(../image/fine_img03.png) no-repeat center top;

}


.fine_box01 img,
.fine_box02 img,
.fine_box03 img{
	display:none;


}
@media only screen and (max-width:690px) {
/*
.life_box{
	width:94%;
	margin:0px auto;

}
*/

.fine_box01,
.fine_box02,
.fine_box03{
	background:none;
	background-size:100% auto;
	color:#FFF;
	padding:0px;
	margin-bottom:10px;
}



.fine_box01 img,
.fine_box02 img,
.fine_box03 img{
	display: block;
	width:100%;
	height:auto;


}
}



/*flow*/
/*------------------------------------------------------------------------------*/
.flow_box{
	width:100%;
	display:table;
}

.flow_left{
	width:160px;
	color:#FFF;
	background:#2772CC;
	display:table-cell;
	vertical-align: middle;
	  font-size:120%;
	padding:0px;
	min-height:100px;
		text-align:center;

}
	.flow_left strong{
	  font-size:300%;
	}


.flow_right{
	display:table-cell;
	padding:0px 0px 0px 20px;
	vertical-align:top;
}


.flow_box03{
	width:100%;
	display:table;
	padding:20px;
	border:1px solid #2772CC;
}



.flow_box03 .flow_left{
	width:50px;
	color:#FFF;
	background:#FFF;
	display:table-cell;
	vertical-align:top;
	padding:0px;
	min-height:50px;
	text-align:center;

}
	.flow_box03 .flow_left strong{
	  font-size:300%;
	}


.flow_box03 .flow_right{
	display:table-cell;
	padding:0px 0px 0px 20px;
	vertical-align:top;
}



.flow_box04{
	width:100%;
	text-align:center;
}

@media only screen and (max-width:690px) {
.flow_left{
	max-width:160px;
	width:30%;
}

.flow_left img{
	width:100%;
	height:auto;
}

.flow_right{
	width:70%;
}

.flow_box02{
	width:100%;
	text-align:center;
}


}




/*company*/
/*------------------------------------------------------------------------------*/
.company_box{
	width:100%;
	display:table;
}

.company_box01{
	padding:10px 0px;
}


/*reason*/
/*------------------------------------------------------------------------------*/
.reason_tit{
	margin:0px auto;
	padding:0px 0px 30px;
}


.reason_box h3{
	text-indent:300px;
}

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

.reason_tit img{
	width:100%;
	height:auto;
}

.reason_box h3{
	text-indent:50px;
}

}

@media only screen and (max-width:690px) {
.reason_tit img{
	width:100%;
	height:auto;
}

.reason_box h3{
	text-indent:0px;
}

}


/*outline*/
/*------------------------------------------------------------------------------*/


.outline_box{
	width:100%;
	display:table;
}

.outline_box01{
	width:180px;
	background: #EEE;
	color: #F05A25;
	display:table-cell;
	vertical-align:middle;
	padding:10px;
	border-bottom:1px dotted #666;
}


.outline_box02{
	display:table-cell;
	vertical-align:middle;
	background:#fff;
	padding:10px;
	border-bottom:1px dotted #666;
}
.outline_box02 table{
	width:100%;
}
.outline_box02 table th{
	color:#014767;
	font-weight:bold;
	padding-right:5px;
	width:100px;
	position:relative;
}

.outline_box02 table th:after{
	content:":";
	display:block;
	position:absolute;
	top:0;
	right:20px;
}




@media only screen and (max-width:690px) {
.outline_box{
	width:100%;
	display: block;
}
.outline_box01{
	width:100%;
	display: block;
	vertical-align:middle;
	padding:10px;
	border-bottom:none;
}


.outline_box02{
	width:100%;
	display: block;
	border-bottom:none;
}

}
/*history*/
/*------------------------------------------------------------------------------*/


.history_box{
	width:100%;
	display:table;
}

.history_box01{
	width:25%;
	background: #4285F4;
	color: #FFF;
	display:table-cell;
	vertical-align:middle;
	padding:10px;
	border-bottom:1px dotted #FFF;
}


.history_box02{
	width:75%;
	display:table-cell;
	vertical-align:middle;
	background:#fff;
	padding:10px;
	border-bottom:1px dotted #4285F4;
}
@media only screen and (max-width:690px) {
.history_box{
	width:100%;
	display: block;
}
.history_box01{
	width:100%;
	display: block;
	vertical-align:middle;
	padding:10px;
	border-bottom:none;
}


.history_box02{
	width:100%;
	display: block;
	border-bottom:none;
}

}


/*message*/
/*------------------------------------------------------------------------------*/


.message_box{
	width:100%;
	display: block;
	padding:20px 0;
	border-bottom:1px solid #014DA3;
}


.message_box01{
	font-size:120%;
	font-weight:bold;
	background:url(../image/common/message.png) no-repeat left center;
	line-height:40px;
	padding-left:40px;
	margin-bottom:10px;
}
.message_box02{
	padding:10px 0;
}


/*schedule*/
/*------------------------------------------------------------------------------*/

.schedule_box{
	width:100%;
	display:table;
	background:url(../image/common/schedule_bg.jpg) repeat-y 10px 0;
	padding:20px 0px;
}





.schedule_box01{
	width:50px;
	display: table-cell;
	background: url(../image/common/arr10.png) no-repeat right center;
	vertical-align:middle;

}



.schedule_box02{
	width:30px;
	height:30px;
	line-height:30px;
	border-radius:30px;
	background:#014DA3;
	color:#FFF;
	font-weight:bold;
	text-align:center;
	vertical-align: middle;
}




.schedule_box03{
	display: table-cell;
	background:#014DA3;
	color:#FFF;
}


.schedule_box04{
	padding:30px;
	
}





/*greeting*/
/*------------------------------------------------------------------------------*/
.greeting_area{
	padding:25px 25px 25px 25px;
	background:url(../image/common/bg_04.jpg);
}


.greeting_box{
	padding:25px;
	background:#FFF;
}

/*course*/
/*------------------------------------------------------------------------------*/
.course_area{
	padding:25px 25px 25px 25px;
	background:url(../image/common/bg_04.jpg);
}


.course_box{
	padding:25px;
	background:#FFF;
}


/*university*/
/*------------------------------------------------------------------------------*/

.university_box{
	width:100%;
	display:table;
	text-align:left;
}

.university_box_left{
	width:70px;
	display:table-cell;
	vertical-align:top;
}

.university_box_right{
	display:table-cell;
	vertical-align:top;
}


.university_area01{
	width:20%;
}
.university_area02{
	width:40%;
}

.university_area03{
	width:40%;
}







/*link*/
/*------------------------------------------------------------------------------*/
	.link_box{
		width: 100%;
		margin: 0;
		padding:0px 0px;
	}

	.link_box ul{
		width: 100%;
		margin: 0px auto;
		padding:0px 0px;
	}

	.link_box li{
		width: 23.5%;
		margin-right:2%;
		float:left;
	}
	.link_box li:nth-child(4n){
		margin-right:0%;
	}

	.link_box li a{
		font-size:140%;
		width: 100%;
		padding:10px 10px 70px;
		display:block;
		text-align:center;
		font-weight:bold;
		color:#333;
		border:1px solid #BBBBBB;
	}
	.link_box li a span{
		display:block;
		text-align:center;
		font-weight: normal;
		font-size:80%;
		color:#999999;
	}

	.link_box li a:hover span{
		color:#FFF;
	}

		.link_box li:nth-child(1) a{
			background: url(../image/common/icon_link01.png) no-repeat center bottom;
		}
	
		.link_box li:nth-child(2) a{
			background: url(../image/common/icon_link02.png) no-repeat center bottom;
		}
	
		.link_box li:nth-child(3) a{
			background: url(../image/common/icon_link03.png) no-repeat center bottom;
		}
	
		.link_box li:nth-child(4) a{
			background: url(../image/common/icon_link04.png) no-repeat center bottom;
		}


		.link_box li:nth-child(1) a:hover{
			background: url(../image/common/icon_link01.png) no-repeat center bottom #D41218;
			border:1px solid #D41218;
			color:#FFF;
		}
	
		.link_box li:nth-child(2) a:hover{
			background: url(../image/common/icon_link02.png) no-repeat center bottom #D41218;
			border:1px solid #D41218;
			color:#FFF;
		}
	
		.link_box li:nth-child(3) a:hover{
			background: url(../image/common/icon_link03.png) no-repeat center bottom #D41218;
			border:1px solid #D41218;
			color:#FFF;
		}
	
		.link_box li:nth-child(4) a:hover{
			background: url(../image/common/icon_link04.png) no-repeat center bottom #D41218;
			border:1px solid #D41218;
			color:#FFF;
		}

	

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

	.link_box li{
		width: 49%;
		margin-right:2%;
		margin-bottom:2%;
		float:left;
	}
	.link_box li:nth-child(2n){
		margin-right:0%;
	}



}

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

	.link_box li{
		width: 49%;
		margin-right:2%;
		margin-bottom:2%;
		float:left;
	}
	.link_box li:nth-child(2n){
		margin-right:0%;
	}


}

	
/*technical*/
/*--------------------------------------------------------------------------------*/

.technical_box	{
		width: 100%;
		margin: 0px auto 20px;
		text-align: left;
		display:block;
	}
	.technical_box dl{
		width: 100%;
		display:block;
		border-bottom:1px dotted #DEDEDE;
	}
	.technical_box dl:after {
	  content: "";
	  display: block;
	  height: 0;
	  clear: both;
	}
	.technical_box dt{
		display:table-cell;
		width:120px;
		padding:10px 0px;
	}
	.technical_box dd{
		display:table-cell;
		padding:10px 0px;
	}
	

/*search*/
/*------------------------------------------------------------------------------*/
.search_area {
	width:100%;
	display:table;
	}

.search_result {
	display:table-cell;
	vertical-align:middle;
	}


.search_link {
	display:table-cell;
	vertical-align:middle;
	text-align:right;
	}
.search_link_box {
	float:right;
	}

.search_link a{
	display: block;
	float:left;
	padding:2px;
	margin-right:5px;
	}

.search_link a:hover{
	background:#E1011A;
	color:#FFF;
	}



.search_left{
	display:table-cell;
	vertical-align:middle;
	width:50%;
	padding-left:1%;
	}

.search_right{
	display:table-cell;
	vertical-align:middle;
	width:50%;
	padding-right:1%;
	}

.search_right ul li{
	margin:5px 0px;
	}

.search_right ul li.serch_icon{
	display:block;
	background:#E1011A;
	color:#FFF;
	text-align:center;
	}


.search_right ul li img{
	width: auto;
	}
.search_area h4 {
	display:table-cell;
	vertical-align:middle;
	width:120px;
	}

.search_h4_bg{
	display:table-cell;
	vertical-align:middle;
	background:url(../image/common/search_tit.jpg) no-repeat left center;
	}
	

.search_box3 li{
	float:left;
	width:33.333%;
	border-right:1px solid #FFF;
	border-bottom:1px solid #FFF;
	}	
.search_box3 li:nth-child(3n){
	border-right:none;
	}	

.search_box3 li a{
	font-size:90%;
	display:block;
	padding:5px;
	background:#F5F5F5;
	}	

.search_box3 li a:hover{
	background:#E1011A;
	color:#FFF;
	}	
	

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

.search_result {
	display: block;
	vertical-align:middle;
	margin-bottom:10px;
	}
.search_link {
	display: block;
	vertical-align:middle;
	text-align:right;
	}
	}




/*detail*/
/*------------------------------------------------------------------------------*/
.detail_tag{
	margin-bottom:10px;
	}


.detail_tag li{
	background:#E5E9EA;
	border-left:5px solid #4A8987;
	color:#005999;
	text-align:center;
	float:left;
	padding:0px 5px;
	margin-right:5px; 
	}

.detail_category{
	background:#F5F5F5;
	padding:0px 2px;
	margin-left:3px;
	}

.detail_price{
	padding-top:50px;
	padding-bottom:10px;
	text-align:right;
	font-weight:bold;
	color:#E1011A;
	font-size:120%;
	}


.detail_price_link{
	padding:10px 0px;
	}
.detail_price_link li a{
	background:#737373;
	color:#FFF;
	padding:5px 10px;
	float:left;
	margin:0px 5px 5px 0px;
	
	}
	
	.detail_price_link li a:before{
		content:">";
		padding:5px 5px 5px 0px;
	
		}
	.detail_price_link li a:hover{
		background:#FF9933;
	
		}
.detail_tag_link li a{
	background:#C1C1C1;
	color:#FFF;
	padding:5px 10px;
	float:left;
	margin:0px 5px 5px 0px;
	
	}
	.detail_tag_link li a:hover{
		background:#00A1E7;
		
		}
		

#detail_photo{
	width:99%;
	margin-right:1%;
	margin-bottom:10px;
	}

#detail_photo img{
	border:1px solid #CCC;
	}


#detail_navi li{
	float:left;
	width:19%;
	margin-right:1%;
	border:1px solid #CCC;
	}




.detail_tit{
	background:#F5F5F5;
	padding:10px;
	margin-bottom:15px;
	}
.detail_tit h4{
	margin-bottom:0;
	}







.detail_link a{
	background: url(../image/common/arr03.png) no-repeat left center;
	padding:5px 5px 5px 10px;
	color:#005999;
	}


.detail_box3 li{
	float:left;
	width:32%;
	margin-right:2%;
	margin-bottom:5px;
	}	
.detail_box3 li:nth-child(3n){
	margin-right:0%;
	}	

.detail_box3 li a{
	font-size:90%;
	display:block;
	padding:10px 10px 10px 10px;
	background:#F5F5F5;
	}	
.detail_box3 li a:before{
	content:"";
	background:url(../image/common/arr09.png) no-repeat left center;
	padding:5px 8px;
	}	

.detail_box3 li a:hover{
	background:#E1011A;
	color:#FFF;
	}	

.detail_box3 li a:hover:before{
	content:"";
	background:url(../image/common/arr08.png) no-repeat left center;
	padding:5px 8px;
	}	



.detail_table{
	width: 100%;
	border-top:1px solid #EAEAEA;
	border-left:1px solid #EAEAEA;
}

	.detail_table th{
		border-right:1px solid #EAEAEA;
		border-bottom:1px solid #EAEAEA;
		padding:10px 5px;
		font-weight:normal;
		vertical-align:middle;
		background:#69A0C3;
		color:#FFF;
		text-align:center;
	}
	
	.detail_table td{
		border-right:1px solid #EAEAEA;
		border-bottom:1px solid #EAEAEA;
		padding:10px 5px;
		vertical-align:middle;
		background:#FFF;
	}
	.detail_table td.tit{
		background:#4385F5;
		color:#FFF;
		width:25%;
	}



.detail_table01{
	width: 100%;
	border-top:1px solid #035D9D;
	border-left:1px solid #035D9D;
}

	.detail_table01 th{
		border-right:1px solid #035D9D;
		border-bottom:1px solid #035D9D;
		padding:10px 5px;
		font-weight:normal;
		vertical-align:middle;
		background:#035D9D;
		color:#FFF;
		text-align:center;
	}
	
	.detail_table01 td{
		border-right:1px solid #035D9D;
		border-bottom:1px solid #035D9D;
		padding:10px 5px;
		vertical-align:middle;
		background:#FFF;
	}
	.detail_table01 td.tit{
		background:#4385F5;
		color:#FFF;
		width:25%;
	}



.detail_table02{
	width: 100%;
	border-top:1px solid #EAEAEA;
	border-left:1px solid #EAEAEA;
}

	.detail_table02 th{
		border-right:1px solid #EAEAEA;
		border-bottom:1px solid #EAEAEA;
		padding:10px 5px;
		font-weight:normal;
		vertical-align:middle;
		text-align:center;
		font-weight:bold;
		font-size:120%;
	}
	
	.detail_table02 td{
		border-right:1px solid #EAEAEA;
		border-bottom:1px solid #EAEAEA;
		padding:10px 5px;
		vertical-align:middle;
	}
	.detail_table02 td.tit{
		background:#52BEB9;
		color:#FFF;
		font-weight:bold;
		text-align:center;
	}


@media only screen and (max-width:690px) {
	
.detail_price{
	padding-top:20px;
	padding-bottom:10px;
	text-align:left;
	font-weight:bold;
	color:#E1011A;
	font-size:120%;
	}
	
	
.detail_box3 li{
	float:none;
	width:100%;
	margin-right:0%;
	margin-bottom:5px;
	}	

	}


/*choose*/
/*------------------------------------------------------------------------------*/
.choose_box {
	width:80%;
	margin:0px auto;
	}


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

.choose_box {
	width:100%;
	margin:0px auto;
	}
	}


/*health*/
/*------------------------------------------------------------------------------*/

.health_box01 {
	background:url(../image/health_img01.jpg) no-repeat left bottom #000000;
	background-size:cover;
	height:201px;
	padding:20px;
	color:#FFF;
	}

	.health_box01 h3{
		font-size:300%;
		font-weight:bold;
		}

	.health_box01 h4{
		font-size:120%;
		margin-bottom:20px;
		}

	.health_btn a{
		padding:5px 15px;
		border:1px solid #FFF;
		color:#FFF;
		}

	.health_btn a:hover{
		opacity:0.7;
		}



/*brazier*/
/*------------------------------------------------------------------------------*/

.brazier_box01 {
	background:url(../image/brazier_img01.jpg) no-repeat left bottom #000000;
	background-size:cover;
	padding:20px;
	color:#FFF;
	}



	.brazier_box01 h3{
		font-size:300%;
		font-weight:bold;
		margin-bottom:20px;
		}

	.brazier_box01 h4{
		font-size:120%;
		margin-bottom:20px;
		}

.brazier_box02 {
	width:50%;
	border:1px solid #FFF;
	padding:20px;
	}

	.brazier_box02 a{
		color:#FFF;
		}

	.brazier_box02 a:before{
		content:">";
		}
	

	.brazier_box02 a:hover{
		opacity:0.7;
		}
	
@media only screen and (max-width:1000px) {
.brazier_box02 {
	width:100%;
	border:1px solid #FFF;
	padding:20px;
	}
		}

	
/*banner*/
/*------------------------------------------------------------------------------*/
.banner{
	width:100%;
	margin:0px auto 0px;
	padding:50px 0px 50px;
	background:#EEEEEE;
}


.banner_in{
	max-width:800px;
	width:100%;
	margin:0px auto 0px;
}


	.banner li{
		width:32%;
		margin-right:2%;
		float: left;
	}

	.banner li img{
		width:100%;
		height:auto;
	}


	.banner li:nth-child(3n){
		margin-right:0%;
	}


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

.banner_in{
	max-width:800px;
	width:94%;
	margin:0px auto 0px;
}



}

@media only screen and (max-width:690px) {
.banner_in{
	max-width:800px;
	width:94%;
	margin:0px auto 0px;
}


	.banner li{
		width:100%;
		margin-right:0%;
		margin-bottom:10px;
		float: none;
	}


}


/*feature*/
/*------------------------------------------------------------------------------*/
.feature_box01 h3{
	width:100%;
	margin:0px auto 20px;
	text-align:center;
}

	.feature_box01 h4{
		width:100%;
		margin:0px auto 20px;
		text-align:center;
		font-size:200%;
	}
	
	.feature_box01 h5{
		width:100%;
		margin:0px auto 0px;
		text-align:center;
		font-size:120%;
	}
	
.feature_box02{
	width:100%;
	margin:0px auto 0px;
	display:table;
}

	.feature_box02 img,
	.feature_box03 img{
		width:100%;
		height: auto;
	}

	.feature_box02_left{
		width:25%;
		display:table-cell;
		vertical-align:middle;
	}

	.feature_box02_right{
		padding-left:20px;
		display:table-cell;
		vertical-align:middle;
	}


	
.feature_box03{
	width:100%;
	margin:0px auto 0px;
	display:table;
}
	.feature_box03_left{
		padding-right:20px;
		display:table-cell;
		vertical-align:middle;
		text-align:right;
	}

	.feature_box03_right{
		width:25%;
		display:table-cell;
		vertical-align:middle;
	}

	.feature_box03_txt{
		border-bottom:1px solid #AAAAAA;
		padding-bottom:10px;
		margin-bottom:10px;
	}

.feature_box04{
	width:100%;
	margin:0px auto 0px;
	font-size:120%;
	text-align:center;
}

.feature_box05 li{
	padding-left:20px;
	margin-bottom:5px;
	position:relative;
}

.feature_box05 li:before{
	content:"●";
	position:absolute;
	left:0;
	top:0;
	color:#2772CC;
}

@media only screen and (max-width:690px) {
	
.feature_box02{
	display: block;
}


	.feature_box02_left{
		width:100%;
	display: block;
	margin-bottom:10px;
	}

	.feature_box02_right{
		padding-left:0px;
	display: block;
	}


	
.feature_box03{
	width:100%;
	margin:0px auto 0px;
	display: block;
}
	.feature_box03_left{
		padding-right:0px;
	display: block;
		vertical-align:middle;
		text-align:left;
		margin-bottom:10px;
}

	.feature_box03_right{
		width:100%;
	display: block;
		vertical-align:middle;
	}



}



/*craftmanship*/
/*------------------------------------------------------------------------------*/

.craftmanship_box{
	width:100%;
	background: url(../image/common/craftmanship_bg01.jpg) no-repeat center bottom;
	background-size: cover;
	display:block;
	margin-bottom:30px;
}

	.craftmanship_box_in{
		max-width:1000px;
		width:100%;
		background: url(../image/common/craftmanship_bg02.png) no-repeat center bottom;
		background-size: cover;
		margin:0px auto;
		display:block;
		padding:50px;
	}

.craftmanship_tit{
	width:100%;
	text-align:center;
	font-size:200%;
	font-weight:bold;
	color:#035D9C;
	letter-spacing:10px;
	margin-bottom:30px;
}

	.craftmanship_tit span{
		position:relative;
	}

	.craftmanship_tit span:before{
		content:"・";
		position: absolute;
		display:block;
		top:-70%;
		left:0;
	}

.craftmanship_txt{
	text-align:center;
}

.craftmanship_ul{
	width:100%;
	display:table;
	table-layout:fixed;
	background:#E9EDEE;
	}
	.craftmanship_ul li{
		width:33.333%;
		display:table-cell;
		vertical-align:middle;
		}

	.craftmanship_ul li h4{
		text-align:center;
		}
	.craftmanship_ul li img{
		width:100%;
		height:auto;
		}
@media only screen and (min-width:691px) and (max-width:1000px) {

	.craftmanship_tit span:before{
		content:"・";
		position: absolute;
		display:block;
		top:-100%;
		left:0;
	}



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

.craftmanship_tit{
	font-size:180%;
	letter-spacing: normal;
}
	.craftmanship_tit span:before{
		content:"・";
		position: absolute;
		display:block;
		top:-100%;
		left:0;
	}

.craftmanship_box .box3 li{
  width: 32%;
  float: left;
  margin-right: 2%;
  margin-bottom:20px;
}

	.craftmanship_box .box3 li:nth-child(3n){
	  margin-right: 0%;
	}
	
	.craftmanship_box .box3 li img{
		width: 100%;
		height: auto;
	}



.craftmanship_box{
	background: none;
}

	.craftmanship_box_in{
		max-width:1000px;
		width:94%;
		background: none;
		margin:0px auto;
		display:block;
		padding:20px 0px 20px;
	}


.craftmanship_txt{
	text-align: left;
}


.craftmanship_ul{
	width:100%;
	display: block;
	table-layout:fixed;
	background:#E9EDEE;
	}
	.craftmanship_ul li{
		width:100%;
		display: block;
		vertical-align:middle;
		}

	.craftmanship_ul li h4{
		text-align:center;
		}
	.craftmanship_ul li img{
		width:100%;
		height:auto;
		}




		}

/*products*/
/*------------------------------------------------------------------------------*/
.products_dl{
	width:100%;
}

.products_dl dt{
	font-size:110%;
	font-weight:bold;
}

	.products_dl dt:before{
		content:"■";
		padding-right:5px;
		color:#A53333;
	}

.products_dl dd{
	padding-left:20px;
	padding-bottom:15px;
}



.products_ul{
	width:100%;
}


	.products_ul li{
		width: auto;
		margin-right:20px;
		margin-bottom:10px;
		display:table;
		float: left;
		text-align:left;
		}
		
	.products_icon{
		padding-right:5px;
		display:table-cell;
		vertical-align:middle;
		}

	.products_icon_txt{
		display:table-cell;
		vertical-align:middle;
		}


	
/*support*/
/*------------------------------------------------------------------------------*/

	
.support_ul{
	width:100%;
}


	.support_ul li{
		width:100%;
		margin-bottom:10px;
		display:table;
		text-align:left;
		}
		
	.support_icon{
		width:35px;
		padding-right:5px;
		display:table-cell;
		vertical-align:middle;
		}

	.support_icon_txt{
		display:table-cell;
		vertical-align:middle;
		}

/*partner*/
/*------------------------------------------------------------------------------*/
.partner_box{
	width: auto;
	margin:0px auto;
	display:table;
	border:1px solid #DDD;
}

.partner_left{
	display:table-cell;
	vertical-align:middle;
	background:#A53333;
	color:#FFFFFF;
	padding:10px;
}

.partner_center{
	display:table-cell;
	vertical-align:middle;
	padding:10px;
	text-align:right;
}

.partner_right{
	display:table-cell;
	vertical-align:middle;
	padding:10px 10px 10px 0px;
}


/*about*/
/*------------------------------------------------------------------------------*/

.about_btn{
	width:100%;
}


.about_btn li{
	width:100%;
	display:block;
	border-bottom:1px dotted #CCCCCC;
}

	.about_btn li a{
		color:#008BD4;
		padding:5px;
		display:block;
	}
	.about_btn li a:before{
		content:"Q";
		padding-right:10px;
		color:#008BD4;
	}
	.about_btn li a:hover{
		opacity:0.7;
	}


.about_box{
	display:block;
	padding:5px;
	text-align:center;
}


/**/
.about_area{
	display:block;
	padding-bottom:40px;
	border-bottom:3px solid #0056B4;
	
}


.about_area_in{
	display:block;
	background:url(../image/common/about_bg.jpg) no-repeat center center;
	position:relative;
	width:866px;
	height:676px;
	margin:0px auto;
	
}

	.about_area_in li{
		position: absolute;
		width:210px;
		background:#FFF;
	}


		.about_area_in li:nth-child(1) {
			left:108px;
			top:40px;
		}
		.about_area_in li:nth-child(2) {
			left:328px;
			top:40px;
		}
		.about_area_in li:nth-child(3) {
			left:548px;
			top:40px;
		}
		.about_area_in li:nth-child(4) {
			left:193px;
			top:400px;
		}
		.about_area_in li:nth-child(5) {
			left:463px;
			top:400px;
		}
	
	.about_area_in li img{
		width:100%;
		height:auto;
	}

	.about_tit{
		padding:5px;
	}

	.about_tit span{
		font-size:80%;
		display:block;
	}

		.about_area_in li:nth-child(1) .about_tit{
			color:#00448C;
		}
		.about_area_in li:nth-child(2) .about_tit{
			color:#704E9B;
		}
		.about_area_in li:nth-child(3) .about_tit{
			color:#EB5941;
		}
		.about_area_in li:nth-child(4) .about_tit{
			color:#30AD64;
		}
		.about_area_in li:nth-child(5) .about_tit{
			color:#DF6490;
		}
	


	.about_txt{
		padding:5px;
	}

	.about_tit01{
		font-size:120%;
		font-weight:bold;
		padding:10px 0px;
	}

	.about_txt01{
		padding:0px 0px 20px;
	}

	.about_btn01{
		width:100%;
		display:block;
	}

		.about_btn01 a{
			display:block;
			text-align:center;
			color:#FFF;
			padding:10px;
			border-radius:5px;
		}
		.bg05 .about_btn01 a{
			background:#0098D8;
		}

		.bg06 .about_btn01 a{
			background:#468C00;
		}

		.bg07 .about_btn01 a{
			background:#C72573;
		}

		.bg08 .about_btn01 a{
			background:#FF7F00;
		}


	
		.about_btn01 a:hover{
			opacity:0.7;
		}


@media only screen and (max-width:1000px) {
/**/
.about_area{
	display:block;
	padding-bottom:20px;
	border-bottom:3px solid #0056B4;
	
}


.about_area_in{
	display:block;
	background: none;
	position:relative;
	width:100%;
	height: auto;
	margin:0px auto;
	
}

	.about_area_in li{
		position: relative;
		width:100%;
		top:0 !important;
		left: auto !important;
		padding-bottom:20px;
	}


	
	.about_area_in li img{
		width:100%;
		height:auto;
	}

	.about_tit{
		padding:5px 0px;
	}

	.about_tit span{
		font-size:80%;
		display:block;
	}

	.about_txt{
		padding:5px 0px;
	}


	


}



/*imminent*/
/*------------------------------------------------------------------------------*/

.imminent_box{
	width:100%;
	padding-bottom:10px;
}

	.imminent_box dl{
		width:100%;
		display:table;
	}

	.imminent_box dt{
		display:table-cell;
		vertical-align:middle;
		padding:5px;
		background:#666666;
		color:#FFF;
		width:100px;
	}


	.imminent_box dd{
		display:table-cell;
		vertical-align:middle;
		padding:5px;
		}

.imminent_txt{
	width:100%;
	padding-bottom:10px;
}

/*concept*/
/*------------------------------------------------------------------------------*/
.concept_box{
	width:100%;
	display:table;
}	

	.concept_left{
		display:table-cell;
		vertical-align:middle;
	}	

	.concept_right{
		display:table-cell;
		vertical-align:middle;
	}
	
@media only screen and (max-width:690px) {

.concept_box{
	width:100%;
	display: block;
}	

	.concept_left{
		width:100%;
		display: block;
		margin:0px auto;
		vertical-align:middle;
	}	

	.concept_right{
		width:100%;
		display: block;
		vertical-align:middle;
		text-align:center;
	}
.concept_box img{
	width:100%;
	height:auto;
	display: block;
}	



	}
			
			
/*case*/
/*------------------------------------------------------------------------------*/


	.case_img{
		width:100%;
		padding:5px;
		border:1px solid #000000;
		border-radius:10px;
		position:relative;
		display:block;
		text-align:center;
	}

		.case_01 .case_img{
			border-color:#F886AE;
		}
		.case_02 .case_img{
			border-color:#52BFFA;
		}
		.case_03 .case_img{
			border-color:#9AD70C;
		}
		.case_04 .case_img{
			border-color:#C29AEE;
		}

	.case_img::before{
		content:"";
		background:url(../image/common/category01.png) no-repeat 0 0;
		width:104px;
		height:66px;
		display:block;
		position:absolute;
		top:0;
		left:0;
		z-index:99;		
	}


		.case_02 .case_img::before{
			background-image:url(../image/common/category02.png);
		}
		.case_03 .case_img::before{
			background-image:url(../image/common/category03.png);
		}
		.case_04 .case_img::before{
			background-image:url(../image/common/category04.png);
		}

		

	.case_img div{
		width:100%;
		display:block;
		border-radius:5px;
		position:relative;
		height:120px;
		display:block;
		text-align:center;
		background:url(../image/index_img11.png) no-repeat center center;
		background-size:100% auto;
		-webkit-transition: .3s ease-in-out;
		transition: .3s ease-in-out;
	}
	
		.case_img div:hover{
			background-size:150% auto;
			}


	.case_box{
		padding:10px 0px;
		display: block;
		color:#333;
		text-align:left;
	}


	.case_tit{
		display: block;
		color:#F96430;
		font-weight:bold;
		margin-bottom:10px;
		font-size:110%;
	}

	.case_tit a{
		color:#F96430;
		text-decoration:underline;
	}
	
	.case_date{
		margin-bottom:10px;
	}

	

	.case_txt{
	}


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


	.case_img{
		width:100%;
		padding:5px;
		border:1px solid #000000;
		border-radius:10px;
		position:relative;
		display:block;
		text-align:center;
	}

		.case_01 .case_img{
			border-color:#F886AE;
		}
		.case_02 .case_img{
			border-color:#52BFFA;
		}
		.case_03 .case_img{
			border-color:#9AD70C;
		}
		.case_04 .case_img{
			border-color:#C29AEE;
		}

	.case_img::before{
		content:"";
		background:url(../image/common/category01.png) no-repeat 0 0;
		width:104px;
		height:66px;
		display:block;
		position:absolute;
		top:0;
		left:0;
		z-index:99;		
	}


		.case_02 .case_img::before{
			background-image:url(../image/common/category02.png);
		}
		.case_03 .case_img::before{
			background-image:url(../image/common/category03.png);
		}
		.case_04 .case_img::before{
			background-image:url(../image/common/category04.png);
		}

		

	.case_img div{
		width:100%;
		display:block;
		border-radius:5px;
		position:relative;
		height:150px;
		text-align:center;
		background:url(../image/index_img11.png) no-repeat center center;
		background-size:100% auto;
		-webkit-transition: .3s ease-in-out;
		transition: .3s ease-in-out;
	}
	
		.case_img div:hover{
			background-size:150% auto;
			}


	.case_box{
		padding:10px 0px;
		display: block;
		color:#333;
		text-align:left;
	}


	.case_tit{
		display: block;
		color:#F96430;
		font-weight:bold;
		margin-bottom:10px;
		font-size:110%;
	}

	.case_tit a{
		color:#F96430;
		text-decoration:underline;
	}
	
	.case_date{
		margin-bottom:10px;
	}

	

	.case_txt{
	}


	}


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

.wagata01{
	background:url(../image/results/wagata01.jpg) no-repeat center center;
	background-size:cover;
}
.wagata02 {
	background:url(../image/results/wagata02.jpg) no-repeat center center;
	background-size:cover;
}
.wagata03 {
	background:url(../image/results/wagata03.jpg) no-repeat center center;
	background-size:cover;
}
.wagata04 {
	background:url(../image/results/wagata04.jpg) no-repeat center center;
	background-size:cover;
}

/**/

.simple01{
	background:url(../image/results/simple01.jpg) no-repeat center center;
	background-size:cover;
}

.simple02{
	background:url(../image/results/simple02.jpg) no-repeat center center;
	background-size:cover;
}

.simple03{
	background:url(../image/results/simple03.jpg) no-repeat center center;
	background-size:cover;
}

.simple04{
	background:url(../image/results/simple04.jpg) no-repeat center center;
	background-size:cover;
}


/**/
.yougata01{
	background:url(../image/results/yougata01.jpg) no-repeat center center;
	background-size:cover;
}
.yougata02{
	background:url(../image/results/yougata02.jpg) no-repeat center center;
	background-size:cover;
}
.yougata03{
	background:url(../image/results/yougata03.jpg) no-repeat center center;
	background-size:cover;
}
.yougata04{
	background:url(../image/results/yougata04.jpg) no-repeat center center;
	background-size:cover;
}
.yougata05{
	background:url(../image/results/yougata05.jpg) no-repeat center center;
	background-size:cover;
}
.yougata06{
	background:url(../image/results/yougata06.jpg) no-repeat center center;
	background-size:cover;
}
.yougata07{
	background:url(../image/results/yougata07.jpg) no-repeat center center;
	background-size:cover;
}
.yougata08{
	background:url(../image/results/yougata08.jpg) no-repeat center center;
	background-size:cover;
}
.yougata09{
	background:url(../image/results/yougata09.jpg) no-repeat center center;
	background-size:cover;
}
.yougata10{
	background:url(../image/results/yougata10.jpg) no-repeat center center;
	background-size:cover;
}
.yougata11{
	background:url(../image/results/yougata11.jpg) no-repeat center center;
	background-size:cover;
}
.yougata12{
	background:url(../image/results/yougata12.jpg) no-repeat center center;
	background-size:cover;
}
.yougata13{
	background:url(../image/results/yougata13.jpg) no-repeat center center;
	background-size:cover;
}
.yougata14{
	background:url(../image/results/yougata14.jpg) no-repeat center center;
	background-size:cover;
}
.yougata15{
	background:url(../image/results/yougata15.jpg) no-repeat center center;
	background-size:cover;
}
.yougata16{
	background:url(../image/results/yougata16.jpg) no-repeat center center;
	background-size:cover;
}
/**/
.gaikou01{
	background:url(../image/results/gaikou01.jpg) no-repeat center center;
	background-size:cover;
}
.gaikou02{
	background:url(../image/results/gaikou02.jpg) no-repeat center center;
	background-size:cover;
}
.gaikou03{
	background:url(../image/results/gaikou03.jpg) no-repeat center center;
	background-size:cover;
}
.gaikou04{
	background:url(../image/results/gaikou04.jpg) no-repeat center center;
	background-size:cover;
}
.gaikou05{
	background:url(../image/results/gaikou05.jpg) no-repeat center center;
	background-size:cover;
}
.gaikou06{
	background:url(../image/results/gaikou06.jpg) no-repeat center center;
	background-size:cover;
}
.gaikou07{
	background:url(../image/results/gaikou07.jpg) no-repeat center center;
	background-size:cover;
}
.gaikou08{
	background:url(../image/results/gaikou08.jpg) no-repeat center center;
	background-size:cover;
}
.gaikou09{
	background:url(../image/results/gaikou09.jpg) no-repeat center center;
	background-size:cover;
}
.gaikou10{
	background:url(../image/results/gaikou10.jpg) no-repeat center center;
	background-size:cover;
}