@charset "utf-8";
/* CSS Document */
/*--------------------*/
/* 共通 */
/*--------------------*/
*{
	margin: 0px;
	padding: 0px;
	border: 0px;
}
html{
	font-size: 100%;
}
body{
	font-family: "Helvetica Neue", Arial, YuGothic, "Yu Gothic Medium", "Yu Gothic", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	background-color: #FFFFFF;
	color: #FFFFFF;
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
}
p{
	font-size: 13px;
}
a{
	font-size: 13px;
	text-decoration: none;
	color: #FFFFFF;
}
li{
	font-size: 13px;
	list-style-type: none;
}
#wrapper{	
	width: 100%;
	max-width: 1000px;
}
.flex_normal{
	display: flex;
	flex-wrap: wrap;
}
.flex_normal.jcfe{
	justify-content: flex-end;
}
.flex_normal.jcsb{
	justify-content: space-between;
}
.flex_normal.aic{
	align-items: center;
}
.unvisibility{
	visibility: hidden;
}
/* pc用 */
@media (min-width:850px){	
	.pc_undisplay{
		display: none;
	}
	.pc_unvisibility{
		visibility: hidden;
	}
}
/* tab用 */
@media (max-width:850px){
	a{
		font-size: 12px;
	}
	p{
		font-size: 12px;
	}
	li{
		font-size: 12px;
	}
}
@media (max-width:850px) and (min-width:601px){
	.tab_undisplay{
		display: none;
	}
	.tab_unvisibility{
		visibility: hidden;
	}
}
/* sp用 */
@media (max-width:600px){
	.sp_undisplay{
		display: none;
	}
	.sp_unvisibility{
		visibility: hidden;
	}
}
/*--------------------*/
/* top */
/*--------------------*/
header{
	height: 0;
}
.swiper-container{
	width: 100%;
	max-width: 1000px;
	height: auto;
	aspect-ratio: 100 / 67;
}
.swiper-wrapper{
	width: 100%;
	height: 100%;
}
.swiper-slide{
	position: relative;
	color: #ffffff;
	width: 100%;
	height: 100%;
}
.swiper_t_img{
	width: 100%;
	height: auto;
}
.swiper_t_block{
	position: absolute;
	right: 60px;
	bottom: 130px;
	z-index: 1;
}
.swiper_t_img_t1{
	display: block;
	width: 236px;
	height: 35.5px;
	filter: drop-shadow(3px 3px 2px #535353);
	margin-bottom: 5px;
}
.swiper_t_block_sub{
	margin: 0px 0px 25px 40px;
}
.swiper_t_img_t2{
	width: 123.5px;
	height: 20.5px;
	filter: drop-shadow(3px 3px 2px #535353);
}
.swiper_t_button{
	display: block;
	width: 12px;
	height: 12px;
	background-color: #FFFFFF;
	text-decoration: none;
	cursor: pointer;
	margin: 7px 0px 0px 20px;
	box-shadow: 3px 3px 2px #737373;
	border: none;
}
.swiper_t_button.active{
	width: 10px;
	height: 10px;
	background-color: #3469EA;
	border: 1px;
	border-style: solid;
	border-color: #737373;
	box-shadow: 2px 2px 2px #737373;
}
.swiper_t_menu{
	margin: 0px 20px 10px 0px;
}
.swiper_t_t3{
	margin: 0px 0px 0px 120px;
	text-shadow: 3px 3px 2px #535353;
}
.swiper_t_arrow{
	width: 21.5px;
	height: 12px;
	margin: 6px 0px 0px 12px;
	filter: drop-shadow(3px 3px 2px #535353);
}
.swiper_t_text{
	position: absolute;
	width: 460px;
	bottom: 25px;
	left: 40px;
}
.swiper_t_text.tcb{
	color: #535353;
}
.swiper_t_text li{
	line-height: 1.3;
}
.swiper_t_text2{
	position: absolute;
	width: 300px;
	bottom: 25px;
	left: 40px;
	display: none;
}
.swiper_t_text2.tcb{
	color: #535353;
}
.swiper_t_text2 li{
	line-height: 1.3;
}
.swiper_t_img_f{
	position: absolute;
	width: 322.5px;
	height: 52px;
	bottom: 15px;
	right: 15px;
	filter: drop-shadow(3px 3px 2px #535353);
	z-index: 2;
}
/* pc用 */
@media (min-width:850px){	
	
}
/* tab用 */
@media (max-width:850px){
	.swiper_t_block{
		right: 40px;
		bottom: 130px;
	}
	.swiper_t_text{
		left: 30px;
	}
}
@media (max-width:800px){
	.swiper_t_block{
		bottom: 100px;
	}
	.swiper_t_block_sub{
		flex-direction: column;
		margin: 0px 0px 25px 25px;
	}
	.swiper_t_list{
		margin: 0px 0px 0px 20px;
	}
	.swiper_t_text{
		display: none;
	}
	.swiper_t_text2{
		display: block;
	}
	@media (max-width:700px){
		.swiper_t_text2{
			bottom: 50px;
		}
	}
	@media (max-width:650px){
		.swiper_t_text2{
			bottom: 60px;
			left: 30px;
		}
	}
	.swiper_t_t3{
		margin: 0px 0px 0px 80px;
	}
}
/* sp用 */
@media (max-width:600px){
	.swiper-container{
		max-width: 600px;	
		aspect-ratio: 1 / 1;
	}
	.swiper_t_block{
		right: 20px;
	}
	.swiper_t_text2{
		display: none;
	}
	.swiper_t_t3{
		margin: 0px 0px 0px 60px;
	}
}
/*--------------------*/
/* contact */
/*--------------------*/
#contact{
	position: relative;
	width: 100%;
	max-width: 1000px;
	max-height: 670px;
	height: auto;
	aspect-ratio: 100 / 67;
}
.contact_img{
	width: 100%;
	height: auto;
}
.contact_block{
	position: absolute;
	width: calc(50% - 50px);
	max-width: 400px;
	top: 100px;
	right: 30px;
	color: #535353;
}
.contact_block a{
	color: #535353;
}
.contact_text{
	margin: 0px 0px 20px 0px;
	line-height: 1.5;
}
.contact_text.row3{
	display: none;
}
.contact_block_tel{
	margin: 0px 0px 10px 40px;
}
.contact_block_tel ul{
	width: 160px;
}
.contact_block_mail{
	margin: 20px 0px 0px 70px;
}
.contact_block_mail ul{
	width: 140px;
	line-height: 1.4;
}
.contact_block_name{
	margin: 20px 0px 0px 0px;
}
.contact_block_menu{
	position: absolute;
	right: 50px;
	bottom: 40px;
}
.contact_menu{
	margin: 0px 20px 10px 0px;
}
.contact_menu_t{
	color: #535353;
	margin: 0px 0px 0px 120px;
	text-shadow: 3px 3px 2px #B3B3B3;
}
.contact_arrow{
	width: 21.5px;
	height: 12px;
	margin: 6px 0px 0px 12px;
	filter: drop-shadow(3px 3px 2px #B3B3B3);
}
.contact_img_f{
	position: absolute;
	width: 322.5px;
	height: 52px;
	bottom: 15px;
	left: 30px;
	filter: drop-shadow(3px 3px 2px #535353);
}
/* pc用 */
@media (min-width:850px){	
	
}
/* tab用 */
@media (max-width:850px){
	.contact_block{
		top: 70px;
		right: 30px;
	}
	.contact_block_menu{
		right: 30px;
		bottom: 40px;
	}
	@media (max-width:800px){
		.contact_block_menu{
			right: auto;
			left: 30px;
			bottom: 85px;
		}
		.contact_menu_t{
			color: #ffffff;
			margin: 0px 0px 0px 20px;
			text-shadow: 3px 3px 2px #535353;
		}
		.contact_arrow{
			filter: drop-shadow(3px 3px 2px #535353);
		}
	}
}
@media (max-width:750px){
	.contact_block{
		max-width: 270px;
		top: 65px;
		right: 40px;
	}
	@media (max-width:650px){
		.contact_block{
			top: 45px;
			right: 20px;
		}
	}
	.contact_text.row2{
		display: none;
	}
	.contact_text.row3{
		display: block;
	}
	.contact_block_tel{
		margin: 10px 0px 10px 20px;
	}
	.contact_block_tel.row2{
		margin-bottom: 20px;
	}
	.contact_block_mail{
		margin: 0px 0px 15px 30px;
	}
	.contact_block_tel ul{
		width: 140px;
	}
	.contact_block_mail ul{
		width: 130px;
	}
	.contact_block_name{
		margin: 15px 0px 0px 0px;
	}
}
/* sp用 */
@media (max-width:600px){
	#contact{
		max-width: 600px;	
		aspect-ratio: 1 / 1;
	}
	.contact_block{
		width: 50%;
		max-width: 300px;
		top: 50px;
		right: 30px;
		background-color: rgba(255, 255, 255, 0.7);
	}
	.contact_text{
		margin: 10px 0px 20px 20px;
	}
	.contact_block_mail{
		margin: 0px 0px 20px 30px;
	}
	.contact_block_name{
		margin: 15px 10px 10px 0px;
	}
	.contact_block_menu{
		left: 25px;
		bottom: 80px;
	}
	@media (max-width:550px){
		#contact{
			max-width: 550px;
			aspect-ratio: 4 / 5;
		}
		.contact_block{
			width: calc(100% - 50px);
			max-width: 300px;
			left: 30px;
			right: auto;
		}
		.contact_block_menu{
			left: auto;
			right: 60px;
			bottom: 70px;
		}
	}
	@media (max-width:475px){
		.contact_text.row3{
			display: none;
		}
	}
	@media (max-width:400px){
		.contact_block_menu{
			right: 50px;
			bottom: 60px;
		}
		.contact_menu.row3{
			display: none;
		}
	}
	@media (max-width:370px){
		.contact_menu.row2{
			display: none;
		}
		.contact_block_menu{
			right: 40px;
			bottom: 70px;
		}
	}
	@media (max-width:350px){
		.contact_block_mail.row4{
			display: none;
		}
	}
}