@charset "utf-8";
/* CSS Document */
/*☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝



☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝*/
.naka_mv{
	background: #222 url("../img/rateplans.png") no-repeat bottom right;
    background-size: 100%;
}
.naka_mv{
	background: #222 url("../img/rateplans.png") no-repeat bottom right;
    background-size: 100%;
}
@media screen and (max-width: 1300px){ 
	.naka_mv{background-size: 1300px;}
}
@media screen and (max-width: 768px) {
    .naka_mv {
        background-size: 900px;
    }
}
/*☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝

content

☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝*/
.sec1>div{
	display: flex;
	gap: 40px;
	align-items: flex-start;
}
.sec1 img{
	max-width: 500px;
	width: 30%;
}
.sec1 em{
	font-size: 1.5em;
}
.sec1 div div div{
	font-size: 3em;
	margin-bottom:15px;
}
.sec1 div div div span{
	font-size: .35em;
}
@media screen and (max-width: 768px) {
	.sec1>div{flex-direction: column; align-items: center;}
	.sec1 img{
		width: 80%;
	}
	.sec1 em{
	display: block;
}
}
/*☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝



☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝*/
.sec2 ul{
	display: flex;
	justify-content: space-between;
	margin-bottom: 60px;
}
.sec2 li{
	width: 30%;
}
.sec2 li div{
	font-size: 1.5em;
	text-align: center;
	border-bottom: 1px solid #222;
	padding: 20px 0;
	margin-bottom: 20px;
}
.sec2 li div span{
	font-size: 1.1em;
}
.sec2 li div span span{
	font-size: .6em;
}
.btn_list{
	text-align: center;
	display: flex;
	justify-content: center;
}
.btn_list .btn{
	width: 320px;
}
.btn_a{
	margin-right: 40px;
	background: #fff;
	color: #222;
}
.btn_a::after {
    content: "";
    display: inline-block;
    height: 12px;
    width: 12px;
    border-bottom: solid #222 2px;
    border-right: solid #222 2px;
    transform: rotate(-45deg) translateY(-50%);
    position: absolute;
    right: 40px;
    top: 50%;
}
.sec2 > p{margin-bottom: 80px;}
@media screen and (max-width: 768px) {
	.sec2 ul{
		flex-direction: column;
	}
	.sec2 li{
		width: 100%;
		margin-bottom: 40px;
	}
	.sec2 li div{
		padding: 15px 0 10px;
		margin-bottom: 20px;
	}
	.btn_a{
		margin: 0 0 40px 0;
	}
	.btn_list{
		flex-direction: column;align-items: center;
	}
	.btn_list a{
		width: 100%;
	}
	.btn_a::after{
		content: "";
		display: inline-block;
		height: 8px;
		width: 8px;
		border-bottom: solid #222 2px;
		border-right: solid #222 2px;
		right: 20px;
	}
}
/*☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝



☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝☆～*＝＝*/
.sec3{
	background-image: url("../img/hukidasi.jpg");
}
.sec3 .ttl{
	text-align: center;
}
.sec3 .ttl span{
	margin: 5px auto 10px;
}
.sec3 ul{
	display: flex;
	justify-content: space-between;
	margin-bottom: 105px;
}
.sec3 li{
	width: 48%;
	background: #fff;
	display: flex;
	justify-content: space-between;
	box-sizing: border-box;
	padding: 40px;
	position: relative;
	border-radius: 8px;
}
.sec3 li div{
	max-width: 130px;
	width: 30%;
	text-align: center;
	margin-right: 20px;
}
.sec3 li div img{margin-bottom: 10px;}
.sec3 li .sankaku{
	width: 0;
    height: 0;
    border-style: solid;
    border-right: 45px solid transparent;
    border-left: 45px solid transparent;
    border-top: 30px solid #fff;
    border-bottom: 0;
    position: absolute;
    bottom: -25px;
    left: 50%;
    transform: translateX(-50%);
}
.sec3 li>p{
	width: calc(100% - 130px);
}
@media screen and (max-width: 768px) {
	.sec3 ul{
		flex-direction: column;
		margin-bottom: 105px;
	}
	.sec3 li{
		width: 100%;
		padding: 40px 5%;
		flex-direction: column;
		align-items: center;
	}
	.sec3 li:first-child{
		margin-bottom: 40px;
	}
	.sec3 li div{
		width: 50%;
		margin: 0 0 20px;
	}
	.sec3 li .sankaku{
	
		bottom: -40px;
	}
	.sec3 li>p{
		width: 100%;
	}
}