@charset "UTF-8";
/* CSS Document */



/* FONT size
---------------------------------------------------------------------
[ px ]	[ % ]
10px 	72  %		19px 	136 %
11px 	79  %		20px 	143 %
12px 	86 %		21px 	150 %
13px 	93 %		22px 	158 %
14px 	100 %		23px 	165 %
15px 	108 %		24px 	172 %
16px 	115 %		25px 	179 %
17px 	122 %		26px 	186 %
18px 	129 %
---------------------------------------------------------------------*/





/* pagetitle
--------------------- */
#pagetitle {
	height: 768px;
	background: url("../img/pagetitle.jpg") no-repeat center / cover;
}
	#pagetitle .inner{
		height: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
	}
		#pagetitle .inner .pagettl_cntnt{
			margin-top: -20px;
			width: 100%;
		}
			#pagetitle .ttl_read{
				display: inline-block;
				padding: 4px 82px;
				border:1px solid #fff;
				font-size: 2rem;
				letter-spacing: 0.26em;
				margin-bottom: 46px;
			}
			#pagetitle .h1_ttl{
				position: relative;
			}
				#pagetitle .en .ttl_01{
					font-size: 8.0rem;
					letter-spacing: 0.8rem;
				}
				#pagetitle .en .ttl_02{
					display: block;
					font-size: 6.56rem;
					letter-spacing: 0.8rem;
					margin-top: 60px;
				}
				#pagetitle h1 {
					position: absolute;
					top:94px;
					left:0;
					right:0;
					margin: 0 auto;
					padding-top: 0px;
					font-size: 1.8rem;
					font-weight: 400;
					letter-spacing: 0.3em;
					line-height: 1.6em;
					padding-bottom: 10px;
				}


#pagetitle .scroll_icon{
	position: absolute;
	bottom:50px;
}
	#pagetitle a{
		display: block;
		position: relative;
		color:#fff;
		font-size: 1.0rem;
		font-weight: 600;
		cursor: pointer;
	}
		#pagetitle a span {
			position: absolute;
			top: 20px;
			left: 0;
			right:0;
			width: 14px;
			height: 14px;
			margin: auto;
			border-left: 3px solid #fff;
			border-bottom: 3px solid #fff;
			-webkit-transform: rotate(-45deg);
			transform: rotate(-45deg);
			-webkit-animation: sdb 4s infinite;
			animation: sdb 4s infinite;
			box-sizing: border-box;
		}
		@-webkit-keyframes sdb {
		  0% {
			-webkit-transform: rotate(-45deg) translate(0, 0);
		  }
		  20% {
			-webkit-transform: rotate(-45deg) translate(-10px, 10px);
		  }
		  40% {
			-webkit-transform: rotate(-45deg) translate(0, 0);
		  }
		}
		@keyframes sdb {
		  0% {
			transform: rotate(-45deg) translate(0, 0);
		  }
		  20% {
			transform: rotate(-45deg) translate(-10px, 10px);
		  }
		  40% {
			transform: rotate(-45deg) translate(0, 0);
		  }
		}



/* requirement
--------------------- */
#requirement {
	padding: 100px 0 0;
}

	#requirement .cntnt_read{
		font-size: 1.5rem;
		line-height: 3.6rem;
		text-align: center;
		margin-bottom: 100px;
	}

	#requirement .cell {
		margin-bottom: 80px;
	}

	#requirement .voice {
		margin-bottom: 120px;
	}


	#requirement table {
		width: 100%;
		border-collapse: collapse;
	}
		#requirement table th {
			width: 20%;
			padding: 20px;
			font-size: 1.6rem;
			font-weight: 500;
			color: #D8180F;
			border: solid 1px #D8180F;
			text-align: left;
			background: #FFEEED;
		}
		#recruit_tab02_content table th {
			color: #004CA5;
			border: solid 1px #004CA5;
			background: #D9E7F8;
		}
		#requirement table td {
			width: 80%;
			padding: 20px;
			font-size: 1.5rem;
			border: solid 1px #D8180F;
			text-align: left;
			background: #fff;
		}
		#recruit_tab02_content table td {
			border: solid 1px #004CA5;
		}
		#requirement table td a{
			border-bottom: 1px solid #4B4B4B;
		}
			#requirement table td span {
				font-size: 1.3rem;
			}


	#requirement .mynavi {
		width: 350px;
		padding: 15px 40px;
		margin: auto;
		background: #fff;
		border-radius: 10px;
	}


	#recruit_contents{
		margin-bottom: 120px;
	}
		/*タブ切り替え全体のスタイル*/
		.tabs {
			width: 100%;
			margin: 0px auto 0px;
		}
		.tabs .inner{
			width: 100%;
		}

		/*タブのスタイル*/
		.tab_item {
			display: inline-block;
			width: 400px;
			height: 60px;
/*			border:1px solid #D8180F;*/
			box-sizing: border-box;
			text-align: center;
			color: #fff;
			font-weight: bold;
			transition: all 0.2s ease;
			cursor: pointer;
			line-height: 68px;
			border-radius: 10px 10px 0 0;
		}
			.tabs .tab_item:nth-child(2){
				margin-right: 12px;
				margin-left: calc((100% - 820px)/2);
				background-color: #C60A01;
			}
			.tabs .tab_item:nth-child(4){
				margin-right: calc((100% - 820px)/2);
				background-color: #004CA5;
			}
				.tab_item span.online{
					display: block;
					font-size: 1.2rem;
					line-height: 1rem;
					font-weight: 600;
					margin-top: 8px;
				}
		.tab_item .defo_tab{
			font-size: 2.4rem;
			line-height: 1;
			font-weight: 500;
			letter-spacing: 0.16rem;	
			position:relative;
		}
		.tab_item:hover {
		  opacity: 0.8;
		}


		/*ラジオボタンを全て消す*/
		input[name="tab_item"] {
		  display: none;
		}

		/*タブ切り替えの中身のスタイル*/
		.tab_content {
			display: none;
			overflow: hidden;
			padding-top: 80px;
			padding-bottom: 100px;
			background-color: #fff;
			border-radius: 20px;
		}
			#recruit_tab01_content{
				border:5px solid #C60A01;
			}
			#recruit_tab02_content{
				border:5px solid #004CA5;
			}


		/*選択されているタブのコンテンツのみを表示*/
		#recruit_tab01:checked ~ #recruit_tab01_content,
		#recruit_tab02:checked ~ #recruit_tab02_content{
			display: block;
		}

		label.tab_item{
			position:relative;
		}
			.tabs input:checked + .tab_item:nth-child(2)::after{
				content:"";
				position:absolute;
				top:65px;
				left:50%;
				transform: translateX(-50%);
				border-left:10px solid transparent;
				border-right:10px solid transparent;
				border-top: 10px solid #C60A01;
			}
			.tabs input:checked + .tab_item:nth-child(4)::after{
				content:"";
				position:absolute;
				top:65px;
				left:50%;
				transform: translateX(-50%);
				border-left:10px solid transparent;
				border-right:10px solid transparent;
				border-top: 10px solid #004CA5;
			}

			.tab_content .inner{
				max-width: 1000px;
				width: 90%;
				margin: 0 auto;
				padding: 0;
			}
				.tab_content .sec01_01{
					text-align: center;
					margin-bottom: 50px;
				}
					.tab_content .recruit_title{
						text-align: center;
					}
						.tab_content .recruit_title .h2_read{
							font-size:2.4rem;
							color:#D8180F;
						}
						#recruit_tab02_content .recruit_title .h2_read{
							color:#004CA5;
						}
						.tab_content .recruit_title h2{
							font-size:3.8rem;
							line-height: 1.6;
							font-weight: 500;
						}
					.tab_content .sec01_01 .sennkou{
						font-size:1.4rem;
						display: inline-block;
						color:#fff;
						background-color: #D8180F;
						padding: 2px 12px;
						border-radius: 20px;
						margin-top: 14px;
					}
					#recruit_tab02_content .sec01_01 .sennkou{
						background-color: #004CA5;
					}
				.tab_content .before_after{
					width: 100%;
				}
					.tab_content .before_after .img{
						width: 100%;
						margin-bottom: 26px;
					}
					.tab_content .before_after .img img{
						width: 100%;
						height: auto;
					}
					.tab_content .before_after .txt{
						font-size: 1.5rem;
						letter-spacing: 0.24rem;
					}
				ul.nub_cntnts_sec{
					margin-top: 80px;
				}
					ul.nub_cntnts_sec li.nub_cntnt{
						width: 100%;
						display: flex;
						flex-wrap: wrap;
						margin-bottom: 80px;
					} 
					ul.nub_cntnts_sec li.nub_cntnt:nth-last-child(1){
						margin-bottom: 0;
					} 
						ul.nub_cntnts_sec li .left_cntnt{
							width: 46%;
							margin-right: 6%;
						}
							ul.nub_cntnts_sec li .left_cntnt .numb_en{
								display: flex;
								flex-wrap: wrap;
								align-items: center;
								color:#D8180F;
								margin-bottom: 0px;
							}
								ul.nub_cntnts_sec li .left_cntnt .numb_en .numb{
									font-size: 8.0rem;
									line-height: 1;
									padding-right: 30px;
									margin-right: 30px;
									position: relative;
								}
								ul.nub_cntnts_sec li .left_cntnt .numb_en .numb:after{
									content:'';
									position: absolute;
									top:50%;
									right: 0;
									margin-top: -31px;
									display: none;
									width: 1px;
									height: 62px;
									background-color: #D8180F;
								}
								ul.nub_cntnts_sec li .left_cntnt .numb_en .numb_txt{
									font-size: 2rem;
								}
							ul.nub_cntnts_sec li .left_cntnt h3{
								font-size: 3rem;
								line-height: 1.36;
								font-weight: 500;
								color:#D8180F;
							}
							ul.nub_cntnts_sec li .left_cntnt .txt{
								font-size: 1.5rem;
								line-height: 2;
								letter-spacing: 0.2rem;
								margin-top: 24px;
							}
						ul.nub_cntnts_sec li .right_cntnt{
							width: 48%;
						}
							ul.nub_cntnts_sec li .right_cntnt img{
								width: 100%;
								height: auto;
								object-fit: cover;
							}
							#recruit_tab02_content ul.nub_cntnts_sec li .left_cntnt .numb_en{
								color: #004CA5;
							}
								#recruit_tab02_content ul.nub_cntnts_sec li .left_cntnt .numb_en .numb:after{
									background-color: #004CA5;
								}
							#recruit_tab02_content ul.nub_cntnts_sec li .left_cntnt h3{
								color: #004CA5;
							}


				.krkrm_sec{
					margin-top: 90px;
				}
					.krkrm_sec h3{
						font-size: 3rem;
						font-weight: 500;
						color:#D8180F;
						text-align: center;
					}
					#recruit_tab02_content .krkrm_sec h3{
						color: #004CA5;
					}
					.krkrm_sec ul{
						margin-top: 30px;
						text-align: left;
					}
						.krkrm_sec ul li{
							position: relative;
							border:1px solid #DDDDDD;
							padding: 16px 16px 16px 54px;
							border-radius: 10px;
							font-size: 1.6rem;
							margin-bottom: 15px;
						}
						.krkrm_sec ul li:before{
							content:'';
							position: absolute;
							top:50%;
							left:-8px;
							margin-top: -8px;
							width: 16px;
							height: 16px;
							border-radius: 16px;
							background-color: #D8180F;
						}
							.krkrm_sec ul li span{
								position: relative;
							}
							.krkrm_sec ul li span:before{
								content:'01';
								position: absolute;
								top:50%;
								left:-36px;
								transform: translateY(-50%);;
								color: #D8180F;
							}
							.krkrm_sec ul li:nth-child(2) span:before{
								content:'02';
							}
							.krkrm_sec ul li:nth-child(3) span:before{
								content:'03';
							}
							.krkrm_sec ul li:nth-child(4) span:before{
								content:'04';
							}
							.krkrm_sec ul li:nth-child(5) span:before{
								content:'05';
							}
							.krkrm_sec ul li:nth-child(6) span:before{
								content:'06';
							}
							.krkrm_sec ul li .en{
								font-size: 2rem;
								color:#D8180F;
							}


					#recruit_tab02_content .krkrm_cntnt{
						margin-top: 30px;
						display: flex;
						flex-wrap: wrap;
						justify-content: flex-start;
					}
					#recruit_tab02_content .krkrm_cntnt .day_cntnt{
						width: 48%;
						margin-right: 4%;
					}
					#recruit_tab02_content .krkrm_cntnt .day_cntnt:nth-child(2){
						margin-right:0;
					}
					.day_ttl{
						text-align: center;
					}
							#recruit_tab02_content .krkrm_sec ul li span:before{
								color: #004CA5;
							}
							#recruit_tab02_content .krkrm_sec ul li:before{
								content:'';
								background-color: #004CA5;
							}




				.rcrt_dtl_sec{
					margin-top: 90px;
				}
					.rcrt_dtl_sec h3{
						font-size: 3rem;
						font-weight: 500;
						color:#D8180F;
						text-align: center;
						margin-bottom: 30px;
					}
					#recruit_tab02_content .rcrt_dtl_sec h3{
						color: #004CA5;
					}

	.voice_cntnts .vcntnt_01 {
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-items: flex-start;
	}
		.voice_cntnts .vcntnt_01 .left_cntnt{
			width: 160px;
			margin-right: 28px;
			text-align: center;
		}
			.voice_cntnts .vcntnt_01 .left_cntnt .name{
				font-size: 1.8rem;
				padding-top: 10px;
			}
			.voice_cntnts .vcntnt_01 .left_cntnt .prof_txt{
				font-size: 1.0rem;
				padding-top: 0px;
				letter-spacing: 0.1rem;
			}
		.voice_cntnts .vcntnt_01 .right_cntnt{
			position: relative;
			display: block;
			width: calc(100% - 188px);
			background-color: #fff;
			padding: 26px 30px;
			border-radius: 20px;
			font-size: 1.5rem;
			line-height: 3.4rem;
			letter-spacing: 0.3rem;
		}
			.voice_cntnts .vcntnt_01 .right_cntnt:before{
				content: '';
				position: absolute;
				top:70px;
				left:-10px;
				width: 0;
				height: 0;
				border-style: solid;
				border-width: 10px 10px 10px 0;
				border-color: transparent #fff transparent transparent;
			}

	.voice_cntnts .vcntnt_02 {
		margin-top: 50px;
	}
		.voice_cntnts .vcntnt_02 ul{
			display: flex;
			flex-wrap: wrap;
			justify-content: flex-start;
		}
			.voice_cntnts .vcntnt_02 ul li{
				width: 49%;
				margin-right: 2%;
				position: relative;
				display: block;
				background-color: #fff;
				padding: 26px 30px;
				font-size: 1.5rem;
				border-radius:20px;
				letter-spacing:0.3rem;
				word-spacing:0.3rem;
				margin-bottom: 2%;
			}
			.voice_cntnts .vcntnt_02 ul li:nth-child(2n){
				margin-right: 0;
			}
			.voice_cntnts .vcntnt_02 ul li span{
				display: inline-block;
			}
			.voice_cntnts .vcntnt_02 ul li:after{
				content:'';
				position: absolute;
				bottom:-10px;
				left:0px;
				right:0;
				margin: auto;
				width: 0;
				height: 0;
				border-style: solid;
				border-width: 10px 10px 0 10px;
				border-color: #fff transparent transparent transparent;
			}


#footer_imganim{
	display: block;
	height: 290px;
	position: relative;
}
	#footer_imganim .pht {
		height: 280px;
		animation-duration: 200s;
		animation-iteration-count: infinite;
		animation-timing-function: linear;
		position: absolute;
		right: 0;
		border-radius: 10px 0 0 10px;
	}
	#footer_imganim .pht01{
		width: 100%;
		background: url(../img/foooter_abovepht01.png) repeat-x 0 0;
		background-size: 2150px 280px;
		top: 0px;
		animation-name: slide_img01;
	}
/*
	#footer_imganim .pht02 {
		width: 100%;
		background: url(../img/foooter_abovepht02.png) repeat-x 0 0;
		top: 290px;
		animation-name: slide_img02;
	}
*/
.img-wrap {
    opacity: 0;
}
.img-wrap.img-animation {
    animation: img-opacity 2s cubic-bezier(.4, 0, .2, 1);
    overflow: hidden;
    position: relative;
    opacity: 1;
}
.img-wrap.img-animation:before {
    animation: img-animation 2s cubic-bezier(.4, 0, .2, 1) forwards;
    background: #fff;
    bottom: 0;
    content: '';
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}



/* 1260px */
@media screen and (max-width: 1260px) {




}







/* 1060px */
@media screen and (max-width: 1060px) {


/*タブのスタイル*/
.tab_item {
	display: inline-block;
	width: 40%;
	border-radius: 10px 10px 0 0;
}
	.tabs .tab_item:nth-child(2){
		margin-right: 12px;
		margin-left: calc((20% - 20px)/2);
	}
	.tabs .tab_item:nth-child(4){
		margin-right: calc((20% - 20px)/2);
	}
		.tab_item span.online{
			display: block;
			font-size: 1.2rem;
			line-height: 1rem;
			font-weight: 600;
			margin-top: 8px;
		}
.tab_item .defo_tab{
	font-size: 2.4rem;
	line-height: 1;
	font-weight: 500;
	letter-spacing: 0.16rem;	
	position:relative;
}


/* requirement
--------------------- */
#requirement {
	padding: 60px 0 0;
}
	#requirement table {
		border-bottom: solid 1px #D8180F;
	}
		#requirement table th {
			display: block;
			width: 100%;
			padding: 20px 0 2px 0;
			font-size: 1.5rem;
			font-weight: 500;
			color: #D8180F;
			border: none;
			border-top: solid 1px #D8180F;
			background: none;
		}
		#requirement table td {
			display: block;
			width: 100%;
			padding: 0 0 20px 0;
			font-size: 1.3rem;
			border: none;
			background: none;
		}
			#requirement table td span {
				font-size: 1.1rem;
			}


	#requirement .mynavi {
		width: 70%;
	}








}



/* max 767px */
@media screen and (max-width: 767px) {


	
/* pagetitle
--------------------- */
#pagetitle {
	height: 560px;
}
	#pagetitle .inner{
		height: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
	}
		#pagetitle .inner .pagettl_cntnt{
			margin-top: -20px;
			width: 100%;
		}
			#pagetitle .ttl_read{
				width: 100%;
				padding: 6px 0;
				border:1px solid #fff;
				font-size: 1.6rem;
				line-height: 1.5;
				letter-spacing: 0.2em;
				margin-bottom: 30px;
			}
				#pagetitle .en .ttl_01{
					font-size: 4.0rem;
					letter-spacing: 0.6rem;
				}
				#pagetitle .en .ttl_02{
					display: block;
					font-size: 3.2rem;
					margin-top: 50px;
					letter-spacing: 0.6rem;
				}
				#pagetitle h1 {
					top:56px;
					font-size: 1.4rem;
					line-height: 1;
				}

#requirement .cntnt_read {
	font-size: 1.3rem;
    line-height: 2.8rem;
	letter-spacing: 0.24rem;
    text-align: left;
    margin-bottom: 60px;
}
	


/*タブのスタイル*/
.tab_item {
	width: 42%;
	height: 50px;
	border-radius: 10px 10px 0 0;
	line-height: 54px;
}
	.tabs .tab_item:nth-child(2){
		margin-right: 4px;
		margin-left: calc((16% - 14px)/2);
	}
	.tabs .tab_item:nth-child(4){
		margin-right: calc((16% - 14px)/2);
	}
		.tab_item span.online{
			font-size: 1.0rem;
			margin-top: 4px;
		}
.tab_item .defo_tab{
	font-size: 1.5rem;
	line-height: 1;
	letter-spacing: 0.06em;
	font-weight: 500;
}
#recruit_tab01_content {
    border: 3px solid #D8180F;
}
#recruit_tab02_content {
    border: 3px solid #004CA5;
}	
	.tabs input:checked + .tab_item:nth-child(2)::after{
		content:"";
		top:50px;
	}
	.tabs input:checked + .tab_item:nth-child(4)::after{
		content:"";
		top:50px;
	}
	
.tab_content {
    padding-top: 50px;
    padding-bottom: 60px;
}
	
.voice_cntnts .vcntnt_02 ul{
	grid-template-columns: repeat(auto-fill,minmax(100%,1fr));
	grid-gap: 30px;
}

	.tab_content .sec01_01{
		margin-bottom: 30px;
	}
			.tab_content .recruit_title .h2_read{
				font-size:1.5rem;
				letter-spacing: 0.3rem;
			}
			.tab_content .recruit_title h2{
				font-size:2.2rem;
				line-height: 1.5;
			}
		.tab_content .sec01_01 .sennkou{
			font-size:1.2rem;
			font-weight: 600;
			display: inline-block;
			color:#fff;
			background-color: #D8180F;
			padding: 0px 12px 2px;
			border-radius: 20px;
			margin-top: 14px;
		}
	.tab_content .before_after{
		width: 100%;
	}
		.tab_content .before_after .img{
			width: 100%;
			margin-bottom: 20px;
		}
		.tab_content .before_after .txt{
			font-size: 1.3rem;
			line-height: 2.2;
			letter-spacing: 0.2rem;
		}	
	
	
		ul.nub_cntnts_sec{
			margin-top: 60px;
		}
			ul.nub_cntnts_sec li.nub_cntnt{
				margin-bottom: 60px;
			} 
			ul.nub_cntnts_sec li.nub_cntnt:nth-child(3){
				margin-bottom: 0;
			} 
				ul.nub_cntnts_sec li .left_cntnt{
					width: 100%;
					margin-right: 0%;
					margin-bottom: 24px;
				}
					ul.nub_cntnts_sec li .left_cntnt .numb_en{
						margin-bottom: 8px;
					}
						ul.nub_cntnts_sec li .left_cntnt .numb_en .numb{
							font-size: 4.2rem;
							padding-right: 20px;
							margin-right: 20px;
						}
						ul.nub_cntnts_sec li .left_cntnt .numb_en .numb:after{
							content:'';
							margin-top: -16px;
							height: 32px;
						}
						ul.nub_cntnts_sec li .left_cntnt .numb_en .numb_txt{
							font-size: 1.6rem;
						}
					ul.nub_cntnts_sec li .left_cntnt h3{
						font-size: 2.0rem;
						line-height: 1.4;
						font-weight: 500;
						color:#D8180F;
					}
					ul.nub_cntnts_sec li .left_cntnt .txt{
						font-size: 1.3rem;
						line-height: 2;
						letter-spacing: 0.2rem;
						margin-top: 12px;
					}
				ul.nub_cntnts_sec li .right_cntnt{
					width: 100%;
				}

	

		.krkrm_sec{
			margin-top: 60px;
		}
			.krkrm_sec h3{
				font-size: 2.4rem;
			}
		#recruit_tab02_content .krkrm_cntnt .day_cntnt {
			width: 100%;
			margin-right: 0%;
		}
		#recruit_tab02_content .krkrm_cntnt {
			margin-top: 10px;
		}
		.krkrm_cntnt .day_cntnt:first-child{
			margin-bottom: 20px;
		}
			.krkrm_sec ul{
				margin-top: 20px;
			}
			#recruit_tab02_content .krkrm_sec ul{
				margin-top: 12px;
			}
				.krkrm_sec ul li{
					padding: 12px 12px 12px 46px;
					border-radius: 10px;
					font-size: 1.4rem;
					letter-spacing: 0.3rem;
				}
				.krkrm_sec ul li:last-child{
					margin-bottom: 0;
				}
				.krkrm_sec ul li:before{
					content:'';
					position: absolute;
					top:50%;
					left:-8px;
					margin-top: -8px;
					width: 16px;
					height: 16px;
					border-radius: 16px;
					background-color: #D8180F;
				}
					.krkrm_sec ul li .en{
						font-size: 2rem;
					}
				.krkrm_sec ul li span:before {
					left: -30px;
				}
		.rcrt_dtl_sec{
			margin-top: 60px;
		}
			.rcrt_dtl_sec h3{
				font-size: 2.2rem;
				margin-bottom: 20px;
			}
	
.tit .en {
    font-size: 1.4rem;
	margin-bottom: 4px;
}	
.tit h2 {
    font-size: 2.4rem;
}	
#recruit_contents {
    margin-bottom: 80px;
}
#requirement .voice {
    margin-bottom: 80px;
}
		.voice_cntnts .vcntnt_01 .left_cntnt{
			width: 90px;
			margin-right: 16px;
		}
			.voice_cntnts .vcntnt_01 .left_cntnt .name{
				font-size: 1.5rem;
				padding-top: 8px;
			}
			.voice_cntnts .vcntnt_01 .left_cntnt .prof_txt{
				font-size: 1.0rem;
				padding-top: 0px;
				line-height: 1.5;
			}
		.voice_cntnts .vcntnt_01 .right_cntnt{
			position: relative;
			display: block;
			width: calc(100% - 106px);
			background-color: #fff;
			padding: 18px 20px;
			border-radius: 20px;
			font-size: 1.3rem;
			line-height: 2.2rem;
			letter-spacing: 0.2rem;
		}
			.voice_cntnts .vcntnt_01 .right_cntnt:before{
				content: '';
				top:40px;
				left:-10px;
			}	
	.voice_cntnts .vcntnt_02 {
		margin-top: 30px;
	}
	.voice_cntnts .vcntnt_02 ul li {
		width: 100%;
		margin-right: 0;
		padding: 18px 20px;
		font-size: 1.3rem;
		border-radius: 20px;
		letter-spacing: 0.2rem;
		word-spacing: 0.3rem;
	}
	
	
	
#footer_imganim{
	display: block;
	height: 170px;
	position: relative;
}
	#footer_imganim .pht {
		height: 160px;
	}
	#footer_imganim .pht01{
		top: 0px;
		animation-name: slide_img01;
	}
	#footer_imganim .pht01{
		background: url(../img/foooter_abovepht01.png) repeat-x 0 0;
		background-size: 1230px 160px;
		animation-name: slide_img01;
	}
/*
	#footer_imganim .pht02 {
		top: 170px;
		animation-name: slide_img02;
	}	
*/
	
	

}



@keyframes img-opacity {
  0% {
    opacity: 0;
  }
}

@keyframes img-animation {
  100% {
    transform: translateX(100%);
    opacity: 1;
  }
}


@keyframes slide_img01 {
	100% {
		background-position: -10000px 0;
	}
}
@keyframes slide_img02 {
	100% {
		background-position: 10000px 0;
	}
}