@charset	"utf-8";
/*====================================================================

	Contents	CSS

====================================================================*/
#wrap{
	width: 100%;
	min-height: 500px;
	margin: 0 auto 0 auto;
}

/*====================================================================
	header	CSS
====================================================================*/

header{
	width: 970px;
	padding: 20px 5px 20px 5px;
	margin: 0 auto 0 auto;
	display: flex;
	align-items: center;
}

	header div:first-child{
	  margin-right: auto;
	}
	
	.logo{
		font-size: 360%;
		color: ;
	}
	
	.logo img{
		width: 300px;
		height: auto;
	}
.pc_navi{
}

	.pc_navi_cont{
		display: flex;
		font-size: 160%;
	}
	
	.pc_navi_cont a{
		margin: 0 10px 0 10px;
		border-bottom: 1px solid #000;
	}
	
	.pc_navi_cont a:hover{
		color: #f47721;
		margin: 0 10px 0 10px;
		border-bottom: 1px solid #0a4ca0;
	}

/*====================================================================
	footer	CSS
====================================================================*/

footer{
	width: 100%;
	height: 70px;
	text-align: right;
	background-color: #8d8d8d;
	margin-top: 200px;
}

footer p{
	width: 980px;
	margin: 0 auto 0 auto;
	line-height: 70px;
	color: #fff;
}

/*====================================================================
	main_visual	CSS
====================================================================*/
.main_visual{
	width: 100%;
	min-width: 980px;
	height: 400px;
	background-image: url(../img/main/bar2.jpg);
	background-position: center center;
	background-size: cover;
	margin-bottom: 20px;
}

/*====================================================================
	main_content	CSS
====================================================================*/
.main_content{
	width: 970px;
	margin: 0 auto 0 auto;
}

.main_content h2{
	padding-left: 5px;
	font-size: 160%;
	line-height: 2.0em;
	border-bottom: 2px solid #0a4ca0;
	padding-top: 30px;
}

.content_area{
	padding: 20px 10px 0 10px;
	display: table;
}

	.cont_catch{
		width: 300px;
		display: table-cell;
		vertical-align: top;
	}

	.cont_catch h3{
		text-align: center;
	}
	
	.cont_text{
		width: 650px;
		padding: 0 0 0 0 ;
		text-align: left;
		display: table-cell;
		vertical-align: top;
	}
	
		.president_name{
			width: 650px;
			text-align: left;
			font-size: 130%;
			line-height: 1.8em;
			margin-bottom: 20px;
		}
		
		.president_name p:last-child{
			font-size: 140%;
		}
		
		.cont_texts{
			font-size: 130%;
			line-height: 1.8em;
			margin-bottom: 20px;
		}


			.pr_info{
				padding-left: 20px;
				margin-bottom: 20px;
			}
			
			.cont_texts h4{
				margin-bottom: 10px;
			}
		
			.history dl{}
			
			.history dt{
				font-size: 120%;
				font-weight: 600;
				padding-left: 5px;
			}
			
			.history dd{
				margin-bottom: 20px;
				padding: 0 10px 20px 10px;
				border-bottom: 1px dashed #323232;
			}

			.list_a{
				display: flex;
				padding-left: 20px;
			}
			
			.list_a li{
				list-style: none;
			}
			
			.list_a img{
				width: 140px;
			}

			.list_a p:first-child{
				margin-left: 20px;
				margin-right: auto;
			}

			.list_a ul:first-child{
				margin-left: 20px;
				margin-right: auto;
			}


			.history_c img{
				width: 100px;
			}

			.history_base {
				display: flex
			}
			
			.history_base div:first-child{
				margin-right: auto;
				
			}
			
			.photo_area_c{
				width: 650px;
				display: flex;
				justify-content: space-between;
				margin: 10px 0 10px 0;

			}

			.photo_area_c img{
				width: auto;
				height: 120px;
			}

			.photo_area_c li{
				list-style: none;
			}


			.cp_cont{
				display: flex;
				margin-bottom: 20px;
				padding: 0 10px 20px 10px;
				border-bottom: 1px dashed #323232;
				font-weight: 400;
			}
			
			.cp_cont div:first-child{
				width: 160px;
				margin-left: 20px;

			}

			.cp_cont div:last-child{
			}

			.cp_cont div:last-child p{
				width: 100%;
			}


			.sp_none{
				display: none;
			}

			.sup_name{
				font-size: 180%;
				line-height: 2.0em;
			}

			.youtube{
				position: relative;
				width: 100%;
				padding-top: 56.25%;
			}
			
			.youtube iframe{
				position: absolute;
				top: 0;
				right: 0;
				width: 100% !important;
				height: 100% !important;
			}


		.forms{
			display: flex;
			margin-bottom: 20px;
			padding: 0 10px 20px 10px;
			border-bottom: 1px dashed #323232;
			font-weight: 400;
		}

		.form_ttl {
			width: 160px;
			margin-left: 20px;

		}

		.form_cont p {
		}
		
		.form_cont .error {
		  top: 0;
		  left: 0;
		  padding: .5em 1em .4em;
		  background-color: #f66;
		  border: 1px solid #f00;
		  border-radius: 5px;
		  color: #fff;
		}
		
			
			
			
				input[type="text"],input[type="email"],textarea {
					width: 400px;
					padding: 10px;
					outline: none;
					border: 1px solid #aaa;
					-webkit-transition: all .3s;
					transition: all .3s;
					margin-bottom: 10px;
				}
				
				input[type="email"]{
				}
					
				textarea {
					height: 10em;
					resize: none;
				}
				
				input[type="text"]:focus,input[type="email"]:focus,textarea:focus {
					box-shadow: 0 0 7px #f47721;
					border: 1px solid #f47721;
					background-color: #fff3f3
				}			
				
				
			.foms_button{
				padding-left: 190px;
			}
			
			
				input[type="submit"]{
					width: 420px;
					border:solid 1px #ccc;
					padding:15px 30px;
					margin:0 0 20px;
					font-family:Arial, sans-serif;
					font-size:1.2em;
					text-transform:uppercase;
					font-weight:bold;
					color:#333;
					cursor:pointer;
					background-image: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#aaa));
					background-image: -webkit-linear-gradient(top, #ddd, #aaa);
					background-image: -moz-linear-gradient(top, #ddd, #aaa);
					background-image: -ms-linear-gradient(top, #ddd, #aaa);
					background-image: -o-linear-gradient(top, #ddd, #aaa);
					background-image: linear-gradient(top, #ddd, #aaa);
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ddd', endColorstr='#aaa',GradientType=0 ); /* IE6-9 */
					-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
					-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
					box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
					-webkit-border-radius: 3px;
					-moz-border-radius: 3px;
					border-radius: 3px;
				}
				
				input[type="submit"]:hover{
					opacity: 0.7;
				}