@charset "UTF-8";

/* common */
.address_container{
	background-image: url(../sy_images/common/co_footer_img.png) ;
}

/* ===========================================
	   Top Page
   =========================================== */
.slider{
	position: relative;
}
.slider:after{
	position: absolute;
	z-index: 99;
	display: block;
	height: 50%;
	background-repeat: no-repeat;
	background-position: center 0;
	background-size: 100% auto;
	content: "";
}
.swiper-slide img{
	width: 100%;
	max-width: none;
}
.swiper-slide{
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.slide1{
	background-image: url(../sy_images/home/to_01slider001.png);
}
.slide2{
	background-image: url(../sy_images/home/to_01slider002.png);
}
.slide3{
	background-image: url(../sy_images/home/to_01slider003.png);
}
.slide4{
	background-image: url(../sy_images/home/to_01slider004.png);
}
@media (max-width: 767px){
	.slider{
		margin-top: -15px;
		padding-top: 26px;
		padding-bottom: 20px;
		background:  url(../sy_images/home/to_01img02_sp.png) no-repeat center bottom;
		background-size: 110% auto;
	}
	.slider:after{
		top: 0;
		left: 50%;
		margin-left: -50vw;
		width: 100%;
		background-image:  url(../sy_images/home/to_01img01_sp.png);
	}
	.swiper-slide{
		width: 100%;
		height:67.4vw;
	}
}
@media (min-width: 768px){
	.slider{
		margin-top: 60px;
		padding-bottom: 50px;
		background:  url(../sy_images/home/to_01img02_pc.png) no-repeat center bottom;
		background-size: auto 86%;
	}
	.slider:after{
		top: 20px;
		left: 5%;
		width: 90%;
		background-image:  url(../sy_images/home/to_01img01_pc.png);
	}
	.swiper-slide{
		width: 60%;
		height:40vw;
	}
}

/* sec1 */
.sec1{
	position: relative;
	text-align: center;
	background: url(../sy_images/common/co_pattern01.png);
}
.sec1:before{
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: "";
}
.sec1_head1{
	font-weight: 700;
}
.sec1_add{
	margin-bottom: 7px;
	line-height: 1.4;
}
.sec1_tel{
	margin-right: .5em;
	font-size: 2.2rem;
}
.sec1_btn{
	display: inline-block;
	width: 260px;
	line-height: 46px;
	margin-top: 15px;
	border: solid 1px #fff;
	border-radius: 24px;
	font-weight: 700;
	text-decoration: none;
	color: #fff;
	background-color: #ec6d7b;
	transition: .3s;
}
.sec1_head1{
	margin-top: 15px;
	margin-bottom: 5px;
}
@media (max-width: 767px){
	.sec1{
		margin-top: 25px;
		padding-top: 65px;
		padding-bottom: 60px;
		background-size: 54px auto;
	}
	.sec1:before{
		background: linear-gradient(to bottom, #ffffff 0%,#ffffff 35px,#f19aa5 36px,#f19aa5 100%);
	}
	.sec1_flex{
		margin-top: 30px;
	}
	.sec1_flex > section ~ section{
		margin-top: 40px;
	}
	.sec1_head1{
		font-size: 2rem;
	}
}
@media (min-width: 768px){
	.sec1{
		margin-top: 30px;
		padding-top: 135px;
		padding-bottom: 100px;
	}
	.sec1:before{
		background: linear-gradient(to bottom, #ffffff 0%,#ffffff 70px,#f19aa5 71px,#f19aa5 100%);
	}
	.sec1_flex{
		display: flex;
		justify-content: space-between;
		width: 875px;
		margin: 65px auto 0;
	}
	.sec1_flex > section{
		width: 411px;
	}
	.sec1_head1{
		font-size: 2.2rem;
	}
	.sec1_btn:hover{
		background-color: #fff;
		color: #ec6d7b;
	}
}

/* sec2 */
.sec2{
	position: relative;
	line-height: 2.5em;
	background-image: url(../sy_images/common/co_pattern03.png),
	 url(../sy_images/common/co_pattern02.png);
	background-repeat: repeat-x;
	background-position: center bottom, center 0;
}
.sec2_head{
	width: 162px;
	margin: 0 auto 28px;
}
.sec2_img{
	background: url(../sy_images/home/to_03_img.jpg) no-repeat center bottom;
}
@media (max-width: 767px){
	.sec2{
		margin-top: -26px;
		padding-top: 46px;
		padding-bottom: 40px;
		background-size: 39px auto;
	}
	.sec2_img{
		height: 43vw;
		background-size: 100% auto;
	}
}
@media (min-width: 768px){
	.sec2{
		margin-top: -45px;
		padding-top: 105px;
		padding-bottom: 65px;
		text-align: center;
	}
	.sec2_img{
		height: 600px;
		margin-top: -2.8em;
	}
}

/* sec3 */
.sec3{
	text-align: center;
	background: #ff7128 url(../sy_images/common/co_pattern04.png) repeat-x center bottom;
}
.ho_nav_list{
	display: flex;
	justify-content: center;
}
.ho_nav_list a{
	display: block;
	font-size: 2.2rem;
	color: #fff;
}
@media (max-width: 767px){
	.sec3{
		padding-top: 40px;
		padding-bottom: 70px;
		background-size: 54px auto;
	}
	.ho_nav_list{
		flex-direction: column;
		align-items: center;
	}
	.ho_nav_list li{
		width: 116px;
	}
	.ho_nav_list li ~ li{
		margin-top: 35px;
	}
	.ho_nav_list img{
		margin-bottom: 4px;
	}
}
@media (min-width: 768px){
	.sec3{
		padding-top: 100px;
		padding-bottom: 140px;
	}
	.ho_nav_list{
		display: flex;
		justify-content: center;
	}
	.ho_nav_list li{
		margin-left: 40px;
		margin-right: 40px;
	}
	.ho_nav_list img{
		margin-bottom: 12px;
	}
	.ho_nav_list a{
		font-size: 2.5rem;
	}
}

/* sec4 */
.sec4{
	background-color: #9ed4f3 ;
}
.sec4_head{
	width: 130px;
	margin-left: auto;
	margin-right: auto;
}
.sec4_news{
	color: #0041be;
}
.sec4_news a{
	color: #0041be;
}
.sec4_news dd{
	position: relative;
	padding: 0 30px 8px 20px;
	border-bottom: solid 1px #fff;
}
.sec4_news dd:after{
	position: absolute;
	right: 40px;
	top: 50%;
	margin-top: -4px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 5px 0 5px;
	content: "";
	z-index: 10;
	border-color: #0041be transparent transparent transparent;
	transform: rotate(-90deg);
}
.sec4_btn{
	display: block;
	width: 260px;
	line-height: 46px;
	margin: 40px auto 0;
	border: solid 1px #fff;
	border-radius: 24px;
	font-weight: 700;
	text-decoration: none;
	color: #fff;
	background-color: #008fd7;
	text-align: center;
	transition: .3s;
}
@media (max-width: 767px){
	.sec4{
		padding-top: 30px;
		padding-bottom: 40px;
	}
	.sec4_news{
		margin-top: 27px;
	}
	.sec4_news dt{
		padding-left: 20px;
	}
	.sec4_news dd{
		padding-right: 45px;
		margin-bottom: 24px;
		font-weight: 700;
	}
	.sec4_news dd:after{
		top: 0;
		right: 30px;
	}
}
@media (min-width: 768px){
	.sec4{
		padding-top: 80px;
		padding-bottom: 50px;
	}
	.sec4_news{
		margin-top: 37px;
	}
	.sec4_news dt{
		float: left;
		width: 180px;
		padding-left: 60px;
		font-weight: 700;
	}
	.sec4_news dd{
		margin-bottom: 12px;
		padding: 0 60px 8px 180px;
	}
	.sec4_btn:hover{
		background-color: #fff;
		color: #008fd7;
	}
}