@charset "utf-8";



/*______________________________________PC用CSS_______________________________________________*/
@media screen and (min-width: 767px) {/*ウィンドウ幅が767px以上の場合に適用*/

body{
	background-color:#fff;
	font-family: a-otf-futo-min-a101-pr6n, serif;
	font-weight: 400;
	font-style: normal;
	font-size:15px;
	line-height: 1.7;
	color:#333;
	animation: fadeIn 3s ease 0s 1 normal;
	-webkit-animation: fadeIn 3s ease 0s 1 normal;
}
@keyframes fadeIn {
	0% {opacity: 0}
	100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
	0% {opacity: 0}
	100% {opacity: 1}
}
.pc_content{
	display:block;
}
.sp_content{
	display:none;
}
a img:hover{
	opacity: 0.6;
	filter: alpha(opacity=60);
	-moz-opacity:0.6;
}
.w1500{
	max-width:1500px;
	min-width:1200px;
	margin:0 auto;
	text-align:center;
}
.w1200{
	position:relative;
	max-width:1200px;
	min-width:1000px;
	margin:0 auto;
	text-align:center;
}
header{
	height:115px;
	max-width:1200px;
	min-width:1000px;
	margin:0 auto;
}
#logo{
	float:left;
	width:329px;
	margin:36px 0 0;
}
/*navi*/
#navi{
 	float:right;
	margin:57px 0 0 0;
}
#navi li{
 	float:left;
	margin:0 0 0 30px;
	text-align:center;
	line-height:1.1;
}
#navi li a{
	font-size:15px;
	text-decoration:none;
	color:#111;
	font-weight:normal;
	letter-spacing:1px;
	padding-bottom:4px;
}
#navi li a:hover{
	color:#079e1e;
}
.navi_txt{
	font-family: a-otf-futo-min-a101-pr6n, serif;
	font-size:18px;
	font-weight:bold;
}
#main_wrapper{
	position:relative;
	background-image:url("../img/main.jpg");
 	background-position: center center;
 	background-size: cover;
	background-repeat:no-repeat;
	margin: 0 auto;
	width:100%;
	height:690px;
	min-width:1000px;
}
#head_copy{
	position:absolute;
	bottom:15%;
	background-image:url("../img/headcopy_bg.png");
	width:100%;
	text-align:center;
}
#head_copy_txt{
	font-size:66px;
	color:#343434;
	letter-spacing:1px;
}
.s_font{
	font-size:90%;
}
#content01{
	clear:both;
	float:left;
	position:relative;
	width:100%;
	margin:90px 0;
	text-align:left;
}
#jigyo_chart{
	float:left;
	width:45%;
	max-width:486px;
}
#jigyo_copy{
	position:relative;
	float:right;
	width:55%;
	max-width:626px;
	text-align:left;
}
#jigyo_copy img{
	width:100%;
}
#jigyo_copy_txt{
	font-size:18px;
	line-height:2.0;
	padding:0 0 0 12px;
	margin:36px 0;
	letter-spacing:2px;
}
#content02{
	clear:both;
	float:left;
	position:relative;
	background-color:#eee;
	width:100%;
	padding:90px 0;
	text-align:left;
}
#message_left{
	position:relative;
	float:left;
	width:60%;
	text-align:left;
	font-size:18px;
	line-height:2.0;
	letter-spacing:2px;
}
#top_message{
	width:100%;
	max-width:700px;
	margin: 0 0 26px 0;
}
#message_right{
	position:relative;
	float:right;
	width:35%;
	margin-right:3%;
}
#shacho_photo{
	width:100%;
}
.detail_btn2 a{
	display:block;
	width:284px;
	height:53px;
	background-image:url("../img/detail_btn2.jpg");
 	background-position: center center;
	background-repeat:no-repeat;
	  -webkit-transition: all .5s;
	  transition: all .5s;
	margin-top:150px;
}
.detail_btn2 a:hover{
	filter: invert(100%);
	opacity: 0.7;
	  -webkit-transition: all .5s;
	  transition: all .5s;
}
#top_interview{
	float:left;
	width:100%;
	text-align:center;
	margin:150px 0 50px;
}
#interview_photo01{
float:left;
overflow:hidden;
width:32%;
height:445px; 
margin-right:2%;
}
#interview_photo01 img:hover{
	transform: scale(1.05);
	transition-duration: 0.5s;
	opacity: 1.0;
}
#interview_photo02{
float:left;
overflow:hidden;
width:32%;
height:445px; 
}
#interview_photo02 img:hover{
	transform: scale(1.05);
	transition-duration: 0.5s;
	opacity: 1.0;
}
#interview_photo03{
float:right;
overflow:hidden;
width:32%;
height:445px; 
}
#interview_photo03 img:hover{
	transform: scale(1.05);
	transition-duration: 0.5s;
	opacity: 1.0;
}
#entry_btn{
	clear:both;
	float:left;
	width:100%;
	height:85px;
	margin:100px auto 130px;
}
/*footer*/
#footer_photo{
	clear:both;
	float:left;
	width:100%;
	height:485px;
	background-image:url("../img/bottom_photo.jpg");
 	background-position: center center;
	background-repeat:no-repeat;
	background-size:cover;
}
#footer{
	position:relative;
	clear:both;
	float:left;
	background-color:#47a44b;
	text-align:center;
	width:100%;
	height:245px;
}
#footer_box{
	max-width:1200px;
	min-width:1000px;
	margin:22px auto 0;
}
#totop{
	position:fixed;
	right:5%;
	bottom:300px;
}
#footer_left{
	float:left;
	font-size:13px;
	width:40%;
	text-align:left;
	color:#fff;
	line-height:2.3;
}
#footer_right{
	float:right;
	width:40%;
	text-align:right;
}
#footer_right a{
	color:#fff;
	font-size:13px;
	text-decoration:none;
}
#copyright{
	font-size:11px;
	letter-spacing:2px;
	position:relative;
	top:64px;
	float:left;
	width:100%;
	text-align:center;
	color:#fff;
}

/*message page*/
#message_wrapp {
	clear:both;
	float:left;
	position:relative;
	background-color:#eee;
	width:100%;
	padding:90px 0;
	text-align:center;
}
#message_txt{
	width:950px;
	margin:40px auto 0;
	text-align:left;
	font-size:18px;
	line-height:2.0;
	letter-spacing:2px;
}
#shacho_name{
	float:right;
}
#message_wrapp02{
	position:relative;
	clear:both;
	float:left;
	width:100%;
	padding:90px 0;
	text-align:left;
}
#message_txt01{
	position:absolute;
	top:75px;
	left:70px;
	text-align:left;
	width:520px;
	line-height:2.0;
	letter-spacing:2px;
	padding:50px 45px 50px 60px;
	background-color:#f4f4f4;
}
#message_photo01{
	float:right;
	width:493px;
	margin:0 70px 0 0;
}
#message_photo02{
	clear:both;
	float:left;
	width:682px;
	margin:85px 0 0 0;
}
#message_txt02{
	position:absolute;
	top:760px;
	right:0;
	text-align:left;
	width:475px;
	line-height:2.0;
	letter-spacing:2px;
	padding:60px;
	background-color:#f4f4f4;
}
/*interview*/
#interview01_main{
	position:relative;
	clear:both;
	float:left;
	width:100%;
	height:647px;
	background-image:url("../img/interview01_main.jpg");
 	background-position: center center;
	background-repeat:no-repeat;
	background-size:cover;
}
#interview01_midashi{
	position:absolute;
	width:504px;
	text-align:left;
	right:10%;
	top:40%;
}
.shain_name{
	font-size:32px;
}
.shain_spec{
	font-size:16px;
}
#interview01_wrapp{
	position:relative;
	clear:both;
	float:left;
	width:100%;
	padding:90px 0;
	text-align:left;
}
#interview01_txt01{
	position:absolute;
	top:200px;
	left:0;
	text-align:left;
	width:60%;
	line-height:2.0;
	letter-spacing:2px;
	padding:50px 45px 50px 60px;
	background-color:#f4f4f4;
}
#interview01_txt02{
	position:absolute;
	top:850px;
	right:0;
	text-align:left;
	width:50%;
	line-height:2.0;
	letter-spacing:2px;
	padding:60px;
	background-color:#f4f4f4;
}
#interviewo1_photo01{
	float:right;
	width:725px;
	margin:0;
}
#interview01_photo02{
	clear:both;
	float:left;
	width:588px;
	margin:250px 0 0 0;
}
#interview02_main{
	position:relative;
	clear:both;
	float:left;
	width:100%;
	height:647px;
	background-image:url("../img/interview02_main.jpg");
 	background-position: center center;
	background-repeat:no-repeat;
	background-size:cover;
}
#interview02_midashi{
	position:absolute;
	width:470px;
	text-align:left;
	right:10%;
	top:40%;
}
#interview02_wrapp{
	position:relative;
	clear:both;
	float:left;
	width:100%;
	padding:90px 0;
	text-align:left;
}
#interview02_txt01{
	position:absolute;
	top:430px;
	left:0;
	text-align:left;
	width:50%;
	line-height:2.0;
	letter-spacing:2px;
	padding:50px 45px 50px 60px;
	background-color:#f4f4f4;
}
#interview02_txt02{
	position:absolute;
	top:1000px;
	right:0;
	text-align:left;
	width:45%;
	line-height:2.0;
	letter-spacing:2px;
	padding:60px;
	background-color:#f4f4f4;
}
#interviewo2_photo01{
	float:right;
	width:792px;
	margin:0;
}
#interview02_photo02{
	clear:both;
	float:left;
	width:606px;
	margin:430px 0 0 0;
}
#interview03_main{
	position:relative;
	clear:both;
	float:left;
	width:100%;
	height:647px;
	background-image:url("../img/interview03_main.jpg");
 	background-position: center center;
	background-repeat:no-repeat;
	background-size:cover;
}
#interview03_midashi{
	position:absolute;
	width:402px;
	text-align:left;
	right:10%;
	top:40%;
}
#interview03_wrapp{
	position:relative;
	clear:both;
	float:left;
	width:100%;
	padding:90px 0;
	text-align:left;
}
#interview03_wrapp{
	position:relative;
	clear:both;
	float:left;
	width:100%;
	padding:90px 0;
	text-align:left;
}
#interview03_txt01{
	position:absolute;
	top:450px;
	left:0;
	text-align:left;
	width:47%;
	line-height:2.0;
	letter-spacing:2px;
	padding:50px 45px 50px 60px;
	background-color:#f4f4f4;
}
#interview03_txt02{
	position:absolute;
	top:1020px;
	right:0;
	text-align:left;
	width:45%;
	line-height:2.0;
	letter-spacing:2px;
	padding:60px;
	background-color:#f4f4f4;
}
#interviewo3_photo01{
	float:right;
	width:874px;
	margin:0;
}
#interview03_photo02{
	clear:both;
	float:left;
	width:601px;
	margin:280px 0 90px 0;
}

/*entry page*/

#entry_wrapp{
	clear:both;
	float:left;
	position:relative;
	background-color:#eee;
	width:100%;
	padding:90px 0;
	text-align:center;
}
.entry_midashi{
	clear:both;
	background-color:#919191;
	margin:0 auto 40px;
	padding:10px 0;
	max-width:1200px;
	min-width:1000px;
	font-size:30px;
	color:#fff;
	font-weight:bold;
	letter-spacing:5px;
}
#entry_wrapp02{
	position:relative;
	clear:both;
	float:left;
	width:100%;
	padding:90px 0;
	text-align:left;
}
#entry_wrapp03{
	position:relative;
	clear:both;
	float:left;
	width:100%;
	padding:0 0 90px;
	text-align:left;
}
.entry_komidashi{
	width:100%;
	text-align:center;
	font-size:20px;
	font-weight:bold;
	margin:40px 0 10px;
}
#entry_form{
	width:950px;
	margin :0 auto;
	border-bottom:1px solid #aaa;
}
#entry_form tr{
	border-top:1px solid #aaa;
}
#entry_form th{
	width:18%;
	text-align:left;
	padding:10px 30px;
	background-color:#fff;
	vertical-align:top;
}
#entry_form td{
	width:82%;
	text-align:left;
	padding:10px 0 10px 30px ;
}
#submit_btn{
	border: 0;
	margin:70px 0 50px;
	width:388px;
	height:60px;
	background: url(../img/contact_btn.jpg) center center no-repeat;
}
#submit_btn:hover{
	opacity: 0.6;
	filter: alpha(opacity=60);
	-moz-opacity:0.6;
}
#hissu{
	width:950px;
	text-align:right;
	font-size:13px;
	letter-spacing:2px;
	margin:10px auto 20px;
}
.red{
	color:#ff0000;
}
#entry_form2{
	width:950px;
	margin :0 auto 0;
	border-bottom:1px solid #aaa;
}
#entry_form2 tr{
	border-top:1px solid #aaa;
}
#entry_form2 th{
	width:30%;
	text-align:left;
	padding:12px 30px;
	background-color:#f6f6f6;
	vertical-align:top;
}
#entry_form2 td{
	width:70%;
	text-align:left;
	padding:12px 30px;
}
input.input01{
	width:100%;
}
input.input02{
	width:50%;
}
input.input03{
	width:8%;
	text-align:right;
}

}



/*______________________________________スマホ用CSS_______________________________________________*/
@media print, screen and (max-width: 767px) {/*ウィンドウ幅が最大767pxまでの場合に適用*/

body{
	background-color:#fff;
	font-family: a-otf-futo-min-a101-pr6n, serif;
	font-weight: 400;
	font-style: normal;
	font-size:16px;
	line-height: 1.7;
	color:#333;
	animation: fadeIn 3s ease 0s 1 normal;
	-webkit-animation: fadeIn 3s ease 0s 1 normal;
}
@keyframes fadeIn {
	0% {opacity: 0}
	100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
	0% {opacity: 0}
	100% {opacity: 1}
}



	.pc_content{
display:none;
	}
	.sp_content{
display:block;
	}

/*ハンバーガーメニュー*/
nav.NavMenu{
	position: fixed;	/*表示位置を固定*/
	z-index: 2;/*重ね順を変更*/
	top: 0;/*表示位置を指定*/
	left: 0;	/*表示位置を指定*/
	background: #fff;/*背景を白にする*/
	color: #000;	/*文字色を黒にする*/
	text-align: center;/*テキストを中央揃え*/
	width: 100%;	/*全幅表示*/
	transform: translateY(-100%);	/*ナビを上に隠す*/
	transition: all 0.6s;	/*アニメーションの時間を指定*/
	
}
nav.NavMenu ul{
	background: #ddd;	/*背景をグレーにする*/
	width: 100%;	
	margin: 0 auto;
	padding: 0;
}

nav.NavMenu ul li{
	font-size: 1.0em;
	list-style-type: none;
	padding: 0;
	width: 100%;
	border-bottom: 1px dotted #888;
}

nav.NavMenu ul li:last-child{
	padding-bottom: 0;
	border-bottom: none;	/*最後のメニュー項目のみ下線を消す*/
}

nav.NavMenu ul li a{
	display: block;/*クリックできる領域を広げる*/
	color: #555;
	padding: 1em 0;
	text-decoration:none;
}

nav.NavMenu.active{
	transform: translateY(0%);/*ナビを表示する*/
}

.Toggle {
	display: block;
	position: fixed;	/* bodyに対しての絶対位置指定 */
	right: 13px;
	top: 12px;
	width: 42px;
	height: 42px;
	cursor: pointer;
	z-index: 3;
}
 
.Toggle span {
	display: block;
	position: absolute;
	width: 30px;
	border-bottom: solid 3px #000;
	-webkit-transition: .35s ease-in-out;	/*変化の速度を指定*/
	-moz-transition: .35s ease-in-out;/*変化の速度を指定*/
	transition: .35s ease-in-out;	/*変化の速度を指定*/
	left: 6px;
}
 
.Toggle span:nth-child(1) {
	top: 9px;
}
 
.Toggle span:nth-child(2) {
	top: 18px;
}
 
.Toggle span:nth-child(3) {
	top: 27px;
}
 
/* 最初のspanをマイナス45度に */
.Toggle.active span:nth-child(1) {
	top: 18px;
	left: 6px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
 
/* 2番目と3番目のspanを45度に */
.Toggle.active span:nth-child(2),
.Toggle.active span:nth-child(3) {
	top: 18px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
}

#fade{
	display: none;
}

/*header*/
header{
	width:100%;
	margin:0 auto;
}
#logo{
	float:left;
	width:50%;
	margin:18px 10px;
}

#interview_photo01{
float:left;
overflow:hidden;
width:32%;
margin-right:2%;
}
#interview_photo01 img{
	width:100%;
}
#interview_photo02{
float:left;
overflow:hidden;
width:32%;
}
#interview_photo02 img{
	width:100%;
}
#interview_photo03{
float:right;
overflow:hidden;
width:32%;
}
#interview_photo03 img{
	width:100%;
}


/*message page*/
#message_sp_txt{
	clear:both;
	width:92%;
	margin: 0;
	padding:20px 4% 50px;
	text-align:left;
	font-size:16px;
	line-height:2.0;
	letter-spacing:2px;
	background-color:#ececec;
}
#shacho_sp_name{
	float:right;
}
.message_sp_txt{
	position:relative;
	text-align:left;
	width:92%;
	line-height:1.8;
	letter-spacing:2px;
	padding:10px 4% 20px;
}

/*interview page*/
.interview_sp_txt{
	position:relative;
	text-align:left;
	width:92%;
	line-height:1.8;
	letter-spacing:2px;
	padding:10px 4% 20px;
}


/*entry page*/

#entry_sp_wrapp{
	clear:both;
	float:left;
	position:relative;
	background-color:#eee;
	width:92%;
	padding:10px 4%;
	text-align:center;
}
.entry_sp_midashi{
	clear:both;
	background-color:#919191;
	margin:0 auto ;
	padding:10px 0;
	width:100%;
	font-size:30px;
	color:#fff;
	font-weight:bold;
	letter-spacing:5px;
	text-align:center;
}
.entry_sp_komidashi{
	width:100%;
	text-align:center;
	font-size:20px;
	font-weight:bold;
	margin:15px 0 10px;
}
#entry_sp_form{
	font-size:14px;
	width:100%;
	margin :0 auto 50px;
	border-bottom:1px solid #aaa;
}
#entry_sp_form tr{
	border-top:1px solid #aaa;
}
#entry_sp_form th{
	width:20%;
	text-align:left;
	padding:12px 30px;
	background-color:#fff;
	vertical-align:top;
	line-height:1.7;
}
#entry_sp_form td{
	width:80%;
	text-align:left;
	padding:12px 5px 12px 30px;
}
#submit_btn{
	border: 0;
	margin:30px 0 50px;
	width:100%;
	height:60px;
	background-image: url(../img/contact_btn.jpg) ;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	
}
#submit_btn:hover{
	opacity: 0.6;
	filter: alpha(opacity=60);
	-moz-opacity:0.6;
}
#hissu_sp{
	width:100%;
	text-align:right;
	font-size:13px;
	letter-spacing:2px;
	margin:5px 0 10px;
}
.red{
	color:#ff0000;
}
.entry_midashi{
	clear:both;
	background-color:#919191;
	margin:0 auto 40px;
	padding:10px 0;
	width:100%;
	font-size:30px;
	color:#fff;
	font-weight:bold;
	letter-spacing:5px;
	text-align:center;
}
#entry_sp_wrapp2{
	position:relative;
	clear:both;
	float:left;
	width:92%;
	padding:0 4% 10px;
	text-align:left;
}
#entry_form2{
	width:100%;
	margin :0 auto 0;
	border-bottom:1px solid #aaa;
	font-size:15px;
}
#entry_form2 tr{
	border-top:1px solid #aaa;
}
#entry_form2 th{
	width:35%;
	text-align:left;
	padding:12px 10px;
	background-color:#f6f6f6;
	vertical-align:top;
}
#entry_form2 td{
	width:65%;
	text-align:left;
	padding:12px 10px;
}
input.input01{
	width:100%;
	border:1px solid #ddd;;
}
input.input02{
	width:100%;
	border:1px;
	border:1px solid #ddd;;
}
input.input03{
	width:18%;
	text-align:right;
	border:1px;
	border:1px solid #ddd;;
}


/*footer*/
#footer_photo{
	clear:both;
	float:left;
	width:100%;
	height:120px;
	background-image:url("../img/bottom_photo.jpg");
 	background-position: center center;
	background-repeat:no-repeat;
	background-size:cover;
}
#footer{
	position:relative;
	clear:both;
	float:left;
	background-color:#47a44b;
	text-align:center;
	width:100%;
}
#footer_box{
	clear:both;
	float:left;
	width:100%;
	margin:22px auto;
	color:#fff;
}
#totop{
	position:fixed;
	right:5%;
	bottom:300px;
}
#copyright{
	font-family: a-otf-futo-min-a101-pr6n, serif;
	font-size:10px;
	letter-spacing:1px;
	position:relative;
	float:left;
	width:100%;
	text-align:center;
	color:#fff;
}

#interview01_main{
	float:left;
}

#interview02_main{
	float:left;
}
#interview03_main{
	float:left;
}



}