@charset "utf-8";
/*-------------------------------- main ---------------------------------*/
#fv{padding:100px 0 0;}
#fv .fv_bg{background: url(../images/index/fv_1.jpg?var=124121) no-repeat center center; background-size: cover; position: relative;}
#fv .fv_box{padding: 0 0 84px;}
#fv .fv_box h2{font-size: 15px; line-height: 213%;}
#fv .fv_box h2 span{letter-spacing: 0.07em; font-size: 50px; display: inline-block;padding: 0 0 40px;}
#fv .fv_box .box{width: 100%; display: flex; padding: 35px 0 0;}
#fv .fv_box .box p{border-radius: 5px; font-size: 18px; line-height: 170%; background: #E38092; text-align: center; padding: 9px 15px;; color: #fff;}
#fv .fv_box .box p:not(:last-child){margin-right: 10px;}
#fv .slick-slider div { transition: none; }
#fv .slick-track { transform: translate3d(0, 0, 0); will-change: transform; animation-timing-function: linear;}

#fv .slider_1{width: 593px;height: auto;}
#fv .slider_2{width: 1221px;height: auto;}
#fv .slider_3{width: 1325px;height: auto;}
#fv .slider_4{width: 1221px;height: auto;}
#fv .slider_5{width: 881px;height: auto;}
/*-------------------------------- home ---------------------------------*/
main{background: url(../images/index/bg_3.png?var=124121) no-repeat center top; background-size: 1632px;}
main .home{background: url(../images/index/logo_2.png?var=124121) no-repeat center top 112px; background-size: 1755px; }
main .home .home_box{padding: 189px 0 0;}
main .home .home_box .flex_box{align-items: flex-start;}
main .home .home_box .flex_box.right{flex-direction: row-reverse;}
main .home .home_box .flex_box .test{width: 468px; height: auto; }
main .home .home_box .flex_box .test h3{color: #E38092; font-size: 16px; line-height: 100%;font-family: cormorant-garamond, serif;font-weight: 400;font-style: normal; letter-spacing: 0.31em;}
main .home .home_box .flex_box .test h3 span{color: #000; font-size: 30px; letter-spacing: 0.1em; display: inline-block; padding: 25px 0 0;}
main .home .home_box .flex_box .test p{font-size: 15px; line-height: 240%; padding: 45px 0 0;}
main .home .home_box .flex_box .test a{margin: 70px 0 0; color: #fff}

main .home .home_box .flex_box .img_box{position: relative; width: 550px; height: auto}
main .home .home_box .flex_box .img_box img{border-radius: 15px;}
main .home .home_box .flex_box .img_1{width: 100%; height: auto;}
main .home .home_box .flex_box .img_2{position: absolute; }

/*-------------------------------- #care ---------------------------------*/
main #care.home_box .flex_box .test{margin: 0 82px 0 0;}
main #care.home_box .care_box{width: 1100px; margin: 0 auto;}
main #care.home_box .flex_box .img_2{bottom: -90px; left: -226px;}

/*-------------------------------- #paid ---------------------------------*/
main #paid.home_box{padding: 260px 0 0;}
main #paid.home_box .paid_box{width: 1100px; margin: 0 auto;}
main #paid.home_box .flex_box .test{margin: 0 0 0 82px;}
main #paid.home_box .flex_box .img_2{bottom: -180px; right: -280px;}

/*-------------------------------- #service ---------------------------------*/
main #service.home_box{padding: 300px 0 164px;overflow: hidden;}
main #service.home_box .service_box{width: 1200px; margin: 0 auto;}
main #service.home_box .flex_box .test{margin: 0 82px 0 50px;}
main #service.home_box .flex_box .img_2{ bottom: -100px; right: -63px;}
main #service.home_box .flex_box .img_4{ top: -27px; left: -34px; position: absolute;}
main #service.home_box .flex_box .img_3{position: absolute; border-radius: 15px; left: -100%; bottom: -40%;}

/*-------------------------------- #business ---------------------------------*/
#business{padding: 180px 0 0;}
#business .business_box{background: url(../images/index/bg_2.png?var=124121) no-repeat center top; background-size: cover; padding: 0 0 102px;}
#business .business_box .busi_box_2{background: url(../images/index/bg_1.jpg?var=124121) no-repeat center center; background-size: cover; border-radius: 20px; margin: 50px 0 0;padding: 0 0 47px 62px ; position: relative;}
#business .business_box .busi_box_2 img.img_12{position: absolute; right: -21px; bottom: -21px;}
#business .business_box h3{font-size: 20px; line-height: 220%; letter-spacing: 0.6em;}
#business .business_box h3 span{font-size: 60px; letter-spacing: 0.32em;font-family: cormorant-garamond, serif;font-weight: 400;font-style: normal;}
#business .business_box .busi_box_2 .link_box{width: 280px; padding: 222px 0 0; }
#business .business_box .busi_box_2 .link_box p{font-size: 14px; line-height: 180%; text-align: center;font-family: hiragino-kaku-gothic-pron, sans-serif; font-weight: 300; font-style: normal;}
#business .business_box .busi_box_2 .link_box a{ margin: 16px 0 0; color: #fff;}

/*-------------------------------- #company ---------------------------------*/
#company{padding: 105px 0 0;}
#company h3{font-size: 20px; line-height: 220%; letter-spacing: 0.6em; text-align: center;}
#company h3 span{font-size: 60px; letter-spacing: 0.32em;font-family: cormorant-garamond, serif;font-weight: 400;font-style: normal;}
#company .flex_box{padding: 50px 0 0; align-items: flex-start;}
#company .flex_box img{border-radius: 15px;}
#company .flex_box table{width: 636px; margin: 0 0 0 80px;}
#company .flex_box table tr th{font-size: 15px; line-height: 200%; text-align: left; width: 152px; border-bottom: 1px solid #B9B9B9;padding: 15px 0;}
#company .flex_box table tr td{width: calc(100% - 152px);font-size: 15px; line-height: 200%; text-align: left; border-bottom: 1px solid #B9B9B9;padding: 15px 0;}
#company .flex_box table tr th,
#company .flex_box table tr td{border-top: 1px solid #B9B9B9;}
@media only screen and (max-width: 1500px) {
	#fv{padding:70px 0 0;}
}
/* ----------------------------- mobile ------------------------------- */
@media only screen and (max-width: 768px) {
	/*-------------------------------- main ---------------------------------*/
	#fv{padding: 50px 0 0;}
	#fv .fv_bg{background: url(../images/index/fv_sp_1.jpg?var=124121) no-repeat center center; background-size: cover; position: relative;}
	#fv .fv_box{padding: 0 0 42px;}
	#fv .fv_box h2{font-size: 13px; }
	#fv .fv_box h2 span{font-size:25px; padding: 0 0 15px; line-height: 160%;}
	#fv .fv_box .box{width: 100%; display: flex; padding: 25px 0 0;}
	#fv .fv_box .box p{border-radius: 5px; font-size: 14px; padding: 7px 12px; }
	#fv .fv_box .box p:not(:last-child){margin-right: 10px;}
	#fv .fv_slick{padding: 50px 0 0;}
	#fv .fv_slick .slick_img{width: 2405px;}
	#fv .slider_1{width: 272px;height: auto;}
	#fv .slider_2{width: 560px;height: auto;}
	#fv .slider_3{width: 608px;height: auto;}
	#fv .slider_4{width: 560px;height: auto;}
	#fv .slider_5{width: 404px;height: auto;}
	/*-------------------------------- home ---------------------------------*/
	main{background: none;}
	main .home{background: url(../images/index/logo_2_sp.png?var=124121) no-repeat center top 2%; background-size: 100%;}
	main .home .home_box{padding: 90px 0 0;}
	main .home .home_box .flex_box{ flex-direction: column-reverse;}
	main .home .home_box .flex_box.right{flex-direction: column-reverse; }
	main .home .home_box .flex_box .test{width: 100%; height: auto; }
	main .home .home_box .flex_box .test h3{ font-size: 11px;}
	main .home .home_box .flex_box .test h3 span{ font-size: 20px; padding: 25px 0 0;}
	main .home .home_box .flex_box .test p{font-size: 13px; padding: 23px 0 0; line-height: 180%; }
	main .home .home_box .flex_box .test a{margin: 35px 0 0;}
	
	main .home .home_box .flex_box .img_box{ width: 100%; height: auto}
	main .home .home_box .flex_box .img_box img{border-radius: 15px;}
	
	
	/*-------------------------------- #care ---------------------------------*/
	main #care.home_box{position: relative;}
	main #care.home_box .care_box{width: 100%; margin: 0 auto;}
	main #care.home_box .flex_box{position: relative;}
	main #care.home_box .flex_box:before{width: 100%; height: 100%; position: absolute; background:url(../images/index/bg_3_sp_1.png?var=124121)
 no-repeat center top; background-size: 100%; content: ""; left: 0px; top: 0px; z-index: 1;}

	main #care.home_box .flex_box .test{margin: 30px auto 0; width: 90%;}
	main #care.home_box .flex_box .ig_box{position: relative; }
	main #care.home_box .flex_box .img_box{width: 90%; height: auto; margin:0 auto; }
	main #care.home_box .flex_box .img_1{width: 60%; margin-left: auto; }
	main #care.home_box .flex_box .img_2{ bottom: 13%; left: -0%; width: 45%; height: auto;}
	
	/*-------------------------------- #paid ---------------------------------*/
	main #paid.home_box{padding: 50px 0 0;}
	main #paid.home_box .paid_box{width: 100%; margin: 0 auto;}
	main #paid.home_box .flex_box .test{margin: 40px auto 0; width: 90%;}
	main #paid.home_box .flex_box .ig_box{position: relative; margin: 42px 0 0 ;}
	main #paid.home_box .flex_box .ig_box:before{width: 100%; height: 100%; position: absolute; background:url(../images/index/bg_3_sp_2.png?var=124121)
 no-repeat center center; background-size: 100%; content: ""; left: 0px; top: 0px; z-index: 1;}
	main #paid.home_box .flex_box .img_box{width: 90%; height: auto; margin:0 auto ; }
	main #paid.home_box .flex_box .img_1{width: 60%;}
	main #paid.home_box .flex_box .img_2{ bottom: auto; top: 20%; right: 0%; width: 30%; }
	
	/*-------------------------------- #service ---------------------------------*/
	main #service.home_box{padding: 50px 0 0;}
	main #service.home_box .service_box{width: 100%; margin: 0 auto;}
	main #service.home_box .flex_box .test{width: 90%; margin: 30px auto 0;}
	main #service.home_box .flex_box .img_box{padding: 50px 0 10%;width: 90%; margin: 0 auto;}
	main #service.home_box .flex_box .ig_box{position: relative;}
	main #service.home_box .flex_box .ig_box:before{width: 100%; height: 100%; position: absolute; background:url(../images/index/bg_3_sp_3.png?var=124121)
 no-repeat center center; background-size: 100%; content: ""; left: 0px; top: 0px; z-index: 1;}
	main #service.home_box .flex_box .img_1{ width: 90%; margin: 0 auto 0 0; display: block;}
	main #service.home_box .flex_box .img_2{ bottom: 5%; right: -1%; width: 30%; display: block;}
	main #service.home_box .img_3{margin: 25px auto 0 0; width: 28%; height: auto;}
	main #service.home_box .flex_box .img_4{ top:9%; left: 15%; width: 15%; display: none;}
	main #service.home_box .flex_box .img_3{ left: 10%; bottom: 0px; width: 20%;}

	/*-------------------------------- #business ---------------------------------*/
	#business{padding: 59px 0 20px; margin: 30px 0 0; position: relative;}
	#business:before{width: 100%; height: 100%; position: absolute; background:url(../images/index/bg_3_sp_4.png?var=124121)  no-repeat center center; background-size: 100%; content: ""; left: 0px; top: 0px; z-index: 1;}
	#business .business_box{background: url(../images/index/bg_2_sp.png?var=124121) no-repeat center top; background-size: cover; padding: 0 0 51px;}
	#business .business_box .busi_box_2{background: url(../images/index/bg_1_sp.jpg?var=124121) no-repeat center center; background-size: cover; border-radius: 20px; margin: 15px 0 0;padding: 0 17px 15px; }
	#business .business_box .busi_box_2 img.img_12{display: none;}
	#business .business_box h3{font-size: 16px; }
	#business .business_box h3 span{font-size: 30px; }
	#business .business_box .busi_box_2 .link_box{width: 100%; padding: 22% 0 0; margin: 0 auto; position: relative; z-index: 10;}
	#business .business_box .busi_box_2 .link_box a{ width: 50%; margin: 10px 0 0; padding: 7px 0;}
	#business .business_box .busi_box_2 .link_box p { font-size: 14px; text-align: left;}
	/*-------------------------------- #company ---------------------------------*/
	#company{padding: 30px 0 0;}
	#company h3{font-size: 14px;}
	#company h3 span{font-size: 35px;}
	#company .flex_box{padding: 25px 0 0; flex-direction: column;}
	#company .flex_box img{ width: 60%; height: auto; display: block; margin: 0 auto;}
	#company .flex_box table{width: 100%; margin: 40px 0 0;}
	#company .flex_box table tr th{font-size: 13px; width: 28%; padding: 15px 0;}
	#company .flex_box table tr td{width: 72%;font-size: 12px; padding: 15px 0;}
	
}