@charset "utf-8";

/*   前半　　*/

#white{
	background:#fff;
}
#main2{
	width:100%;
	max-width:1100px;
	margin:0 auto;
}
#point_dounyu{
	display:flex;
	margin:0 auto;
	padding:50px 0;
	justify-content:space-between;
	align-items:center;
	width:100%;
	max-width:1100px;
}
#point_t{
	font-size:30px;
	color:#31948d;
	font-weight:bold;
	letter-spacing:0.1em;
	line-height:60px;
	text-align:left;
}
.sub_left1{
	display:block;
	font-size:12px;
	line-height:30px;
	text-align:left;
	font-weight:bold;
}
.sub_left2{
	display:none;
}
@media(max-width:768px){
	#point_dounyu{
		display:flex;
		flex-direction:column;
		justify-content:center;
		width:100%;
	}
	#point_t{
		font-size:28px;
		line-height:35px;
		text-align:center;
		margin:0 auto;
	}
	.sub_left1{
		display:none;
	}
	.sub_left2{
		display:block;
		font-size:15px;
		line-height:18px;
		width:100%;
		text-align:center;
		margin:20px auto;
	}
	.sub_right img{
		width:90%
	}
}
@media(max-width:390px){
	#point_dounyu{
		display:flex;
		flex-direction:column;
		justify-content:center;
		width:100%;
	}
	#point_t{
		font-size:22px;
		line-height:30px;
		text-align:center;
		margin:0 auto;
	}
	.sub_left1{
		display:none;
	}
	.sub_left2{
		display:block;
		font-size:12px;
		line-height:18px;
		width:100%;
		text-align:center;
		margin:20px auto;
	}
	.sub_right img{
		width:90%
	}
}

/*   後半　　*/
.point_4title{
	margin:90px auto 20px auto;
}
.point_4title img{
	width:100%;
	max-width:1300px;
}
#main{
	display:flex;
	justify-content:center;
	align-items:center;
}

#num1,#num2,#num3,#num4{
	position:relative;
}
#num1,#num3 {
 	margin: 10px 30px 10px 0px;
  	width: calc(50% - 40px);
}
#num2,#num4 {
  	margin: 10px 0px 10px 30px;
  	width: calc(50% - 40px);
}
#num1 img, #num2 img, #num3 img, #num4 img{
	width:100%;

}
#num1 a,#num2 a,#num3 a,#num4 a{
	color:#000;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	position:absolute;
	bottom:-20px;
	right:0px;
	width:35%;
	display:inline-block;
	background:#efb194;
	border-radius:5px;
	padding:5px 20px 5px 15px;
  	transition: transform 0.3s ease;
}

#num1 a:hover,#num2 a:hover,#num3 a:hover,#num4 a:hover{
 	transform: translateY(-5px);
}


.p_flex{
	display:flex;
	flex-wrap: wrap;
}
@media(max-width:768px){
	.point_4title img{
		width:100%;
	}
	#main{
		display:flex;
		flex-direction:column;
		justify-content:center;
		width:100%;
	}
	.p_flex{
		display:flex;
		flex-direction:column;
	}
	#num1,#num2,#num3,#num4 {
 		margin: 10px auto;
		width:100%;
	}
	#num1 img,#num2 img,#num3 img,#num4 img{
		width:90%;
	}
	#num1 a,#num2 a,#num3 a,#num4 a{
		font-size:12px;
		width:170px;
		padding:0 2px 0 0;
		bottom:-12px;
		right:30px;
	}
}
@media(max-width:390px){
	.point_4title img{
		width:100%;
	}
	#main{
		display:flex;
		flex-direction:column;
		justify-content:center;
		width:100%;
	}
	.p_flex{
		display:flex;
		flex-direction:column;
	}
	#num1,#num2,#num3,#num4 {
 		margin: 10px auto;
		width:100%;
	}
	#num1 img,#num2 img,#num3 img,#num4 img{
		width:90%;
	}
	#num1 a,#num2 a,#num3 a,#num4 a{
		font-size:8px;
		width:120px;
		padding:0 2px 0 0;
		bottom:-4px;
		right:30px;
	}
}

/*  キャンセル　*/
#cancel{
	border:2px dotted #fff;
	border-radius:10px;
	width:95%;
	max-width:1300px;
	margin:100px auto;
	position:relative;
}
#cancel span{
	display:flex;
	justify-content:center;
	align-items:center;
	position: absolute;
	top:-1.8em;
	left: 30%;
	font-weight:bold;
	color:#fff;
	font-size:20px;	
	width:400px;
	background:#31948d;
}
.cancel_title{
	padding-left:5px;
}
#cancel_naiyo1{
	display:block;
	margin-top:40px;
	color:#fff;
	font-size:14px;
	font-weight:bold;
}
#cancel_naiyo2{
	display:none;
}
@media(max-width:768px){
	#cancel{
		width:90%;
		margin:30px auto;
	}
	#cancel span{
		font-size:18px;	
		top:-0.5em;
		left:10px;
		width:400px;
		height:10px;
	}
	#cancel span img{
		width:20px;
		height:20px;
	}
	#cancel_naiyo2{	
		display:none;
	}
	#cancel_naiyo1{
		display:block;
		margin-top:10px;
		font-size:14px;
		font-weight:normal;
		color:#fff;
	}
}

@media(max-width:390px){
	#cancel{
		width:90%;
		margin:30px auto;
	}
	#cancel span{
		font-size:15px;	
		top:-0.5em;
		left:20px;
		width:250px;
		height:10px;
	}
	#cancel span img{
		width:20px;
		height:20px;
	}
	#cancel_naiyo1{	
		display:none;
	}
	#cancel_naiyo2{
		display:block;
		margin-top:20px;
		font-size:12px;
		font-weight:normal;
		color:#fff;
	}
}

/*  大きい写真　　*/

#point_pc img{
	width:100%;
	height:400px;
	object-fit:cover;
	object-position: 100% 65%;
}

@media(max-width:768px){
	#point_pc img{
		height:150px;
	}
}