@charset "utf-8";
/*---------- 共通 ---------*/
#business h3{font-family: 'Noto-Sans-JP-Medium'; font-size: 22px; line-height: 150%;}
#business h3 span{font-size: 69px; line-height: 103%; display: inline-block; letter-spacing: 0.05em; padding: 0 0 9px;}
#business p.tt_title{font-size: 32px; line-height: 144%; color: #fff;font-family: 'Noto-Sans-JP-Bold';}

#business h4{font-size: 32px; line-height: 144%; color: #fff;font-family: 'Noto-Sans-JP-Bold'; text-align: center;}
#business h4 span.text_left{font-size: 32px; line-height: 144%; color: #fff;font-family: 'Noto-Sans-JP-Bold'; text-align: left; display: block;}
#business .text_box p{line-height: 207%;}
#business .text_box p:not(:first-child){padding: 33px 0 0;}
/*---------------------------------wow---------------------------------*/
#business .animate__fadeInUp { -webkit-animation-name: fadeInUp_1; animation-name: fadeInUp_1; animation-timing-function: ease-in-out;  animation-duration:0.6s;}
@-webkit-keyframes fadeInUp_1 {
  from { opacity: 0; -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); }

  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
@keyframes fadeInUp_1 {
  from { opacity: 0; -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); }

  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

/* ------------------------------------------------------------ #service ------------------------------------------------------------ */
#service{padding: 104px 0 0;}
#service h3 span{padding: 0 0 16px;}
#service .slick_list_box{padding: 49px 0 0;}
#service .slick_list_box .box{width: 218px; height: auto;}
#service .slick_list_box .box:not(:last-child){margin: 0 29px 0 0;}
#service .slick_list_box .box p{font-size: 15px; line-height: 140%;}
#service .slick_list_box .box p span{font-family: montserrat, sans-serif; font-weight: 600; font-style: normal; font-size: 22px; line-height: 105%; padding: 10px 0; display: inline-block;}


/* ------------------------------------------------------------ #purchase ------------------------------------------------------------ */
#purchase{padding: 85px 0 0;}
#purchase .purchase_bg{background: url(../images/business/purchase_bg_1.jpg) no-repeat center top; background-size: 1968px; height: auto; padding: 135px 0 0;}
#purchase .title_box{width: 1200px; padding: 0 50px; margin:0 auto;}
#purchase h3{text-align: right;}
#purchase h3 span{padding: 0 0 16px;}
#purchase p.tt_title{text-align: right; padding: 50px 0 0;}
#purchase .box_list{background: #000; margin: 157px auto 0;}
#purchase .box .text_box{margin: 0 28px 0 0;}
#purchase .box .text_box .tt_box{padding: 18px 0 0;}
#purchase .box .text_box ul{padding: 40px 0 0;}
#purchase .box .text_box ul li{line-height: 188%; padding: 0 0 0 20px;}
#purchase .box .text_box ul li:not(:first-child){margin: 30px 0 0;}
#purchase .box .text_box ul li span{font-family: 'Noto-Sans-JP-Bold'; position: relative; font-size: 21px; display: inline-block; line-height: 143%; }
#purchase .box .text_box ul li span:before{content: ""; display: block; width: 7px; height: 7px; background: #fff; display: block; position: absolute; top: 50%; transform: translateY(-50%); left: -20px; border-radius: 100%;}
#purchase .box .img{ text-align: center; display: block;}
#purchase .box .img img{width: 100%; height: auto; }
#purchase .box .img p{ display: inline-block; color: #fff; line-height: 160%; background: url(../images/business/purchase_icn_1.png) no-repeat left center; background-size: 18px;padding: 0 0 0 27px; margin: 7px 0 0;}
#purchase .box:nth-child(1) .text_box{width: 500px;}
#purchase .box:nth-child(1){padding: 29px 54px 0 50px}
#purchase .box:nth-child(1) .text_box{margin: 0 28px 0 0;}
#purchase .box:nth-child(1) .img {width: 469px; height: auto;}

#purchase .box:nth-child(2){background: linear-gradient(to right,transparent 38%, #101010 0%); margin: 131px 0 0; align-items: flex-start;}
#purchase .box:nth-child(2) .text_box{width: 570px; margin: 37px 0 62px 63px;}
#purchase .box:nth-child(2) .text_box h4{ display: inline-block;}
#purchase .box:nth-child(2) .text_box ul{padding: 40px 0 0; width: 540px;}
#purchase .box:nth-child(2) .img{width: 506px; height: auto; margin: 112px 0 0;}

#purchase .box:nth-child(3){padding: 119px 53px 0 62px; align-items: flex-start;}
#purchase .box:nth-child(3) .img{width: 506px; height: auto; margin: 0 0 0 29px;}
#purchase .box:nth-child(3) .text_box{width: 510px; text-align: left; margin: 0 auto 0 0; }

#purchase .link_btn_box{margin: 0 auto ; padding: 80px 0 0;}

/* ------------------------------------------------------------ #venture ------------------------------------------------------------ */
#venture{padding: 86px 0 0;}
#venture .title_box{ width: 1200px; padding: 0 50px; margin:0 auto;}
#venture .venture_bg{background: url(../images/business/venture_bg_1.jpg) no-repeat center top; background-size: 1600px; padding: 101px 0 0;}
#venture h3{text-align: right;}
#venture p.tt_title{text-align: right; padding: 30px 0 0;}
#venture .box_list{padding: 74px 0 0;}
#venture .box_list .box{justify-content: space-between;}
#venture .box_list .box .text_box{width: 530px; height: auto;}
#venture .box_list .box .text_box h4{text-align: right;}
#venture .box_list .box .text_box .tt_box{width: 530px; padding: 20px 0 0;}
#venture .box_list .box .img{width: 530px; height: auto;}

#venture .box_list .box:not(:first-child){margin: 76px auto 0;}
#venture .box_list .box:nth-child(1) .text_box .tt_box{width: 570px; padding: 20px 0 0; margin: 0 0 0 auto;}

#venture .box_list .box:nth-child(2) h4{text-align: left;}
#venture .link_btn_box{ margin: 0 auto ; padding: 68px 0 0;}

/* ------------------------------------------------------------ #food ------------------------------------------------------------ */
#food{padding: 94px 0 0;}
#food h3{width: 1200px; padding: 0 50px; margin:0 auto;}
#food h3 span{padding: 0 0 16px;}
#food .food_bg{background: url(../images/business/food_bg_1.jpg) no-repeat center top; background-size: 1600px; padding: 91px 0 0; overflow: hidden;}
#food .box_list{padding: 103px 0 0;}
#food .box_list .box{position: relative;}
#food .box_list .box .text_box{width: 512px; height: auto; position: relative;z-index: 1;}
#food .box_list .box .text_box h4{text-align: left;}
#food .box_list .box .text_box .tt_box{padding: 14px 0 0;}
#food .box_list .box .text_box .tt_box{width: 491px; height: auto;}
#food .box_list .box .img{position: absolute; top: 50%; transform: translateY(-50%); min-width: 708px; width: 100%; height: auto; max-width: 708px;}
#food .box_list .box:nth-child(1) .text_box{padding: 131px 0 159px; margin: 0 auto 0 0;}
#food .box_list .box:nth-child(1) .img{ right: -109px;}

#food .box_list .box:nth-child(2){margin: 79px auto 0;}
#food .box_list .box:nth-child(2) .text_box{padding: 116px 0 117px; margin: 0 0 0 auto;}
#food .box_list .box:nth-child(2) .img{ left: -109px;}


/* ------------------------------------------------------------ #salon ------------------------------------------------------------ */
#salon{padding: 127px 0 0;}
#salon .salon_bg{background: url(../images/business/salon_bg_1.jpg) no-repeat center center;background-size: cover; padding: 111px 0 150px;}
#salon h3{text-align: center; width: 1200px; padding: 0 50px; margin:0 auto;}
#salon .box_list{padding: 60px 0 0;}
#salon .box_list .box{width: 50%; height: auto;}
#salon .box_list .box:first-child{margin: 0 48px 0 0;}
#salon .box_list .box h4{padding: 27px 0 0;}
#salon .box_list .box .tt_box{ padding: 13px 0 0;}


/* ------------------------------------------------------------ #nursing ------------------------------------------------------------ */
#nursing{background: url(../images/business/nursing_bg_1.jpg) no-repeat center center;background-size: cover; padding: 93px 0 102px;}
#nursing .title_box{width: 1200px; padding: 0 50px; margin:0 auto;}
#nursing h3{color: #000; text-align: right;}
#nursing h3 span{color: #000;}
#nursing p.tt_title{text-align: right;color: #000; padding: 10px 0 0;}
#nursing .box_list{padding: 73px 0 0;}
#nursing .box_list .img{width: 530px; height: auto;}
#nursing .box_list .text_box{width: 530px;  margin: 0 0 0 auto;}
#nursing .box_list .text_box p{color: #000;}
/* ----------------------------- mobile ------------------------------- */
@media only screen and (max-width: 768px) {
	/*---------- 共通 ---------*/
	#business h3{ font-size:16px; text-align: center;}
	#business h3 span{font-size: 30px; padding: 0 0 9px;}
	#business p.tt_title{font-size: 16px; text-align: left;font-family: 'Noto-Sans-JP-Medium';}
	#business .text_box p {line-height: 200%;}
	#business h4{font-size: 16px;font-family: 'Noto-Sans-JP-Medium'; text-align: left;}
	#business h4 span.text_left{font-size: 16px;font-family: 'Noto-Sans-JP-Medium'; text-align: left;}
	#business .text_box p:not(:first-child){padding: 20px 0 0;}
	/*---------------------------------wow---------------------------------*/
	#business .animate__fadeInUp { -webkit-animation-name: fadeInUp_1; animation-name: fadeInUp_1; animation-timing-function: ease-in-out;  animation-duration:0.6s;}
	@-webkit-keyframes fadeInUp_1 {
	  from { opacity: 0; -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); }
	
	  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
	}
	@keyframes fadeInUp_1 {
	  from { opacity: 0; -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); }
	
	  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
	}
	
	/* ------------------------------------------------------------ #service ------------------------------------------------------------ */
	#service{padding: 12px 0 0;}
	#service h3{text-align: left; }
	#service h3 span { font-size:26px; padding: 0 0 9px; text-align: left; }
	#service .slick_list_box{padding: 30px 0 30px; display: block; position: relative;margin: 0px;}
	#service .slick_list_box .box{width: 171px; height: 321px;}
	#service .slick_list_box .box:not(:last-child){margin: 0 22px 0 0;}
	#service .slick_list_box .box p{font-size: 11px; }
	#service .slick_list_box .box p span{font-size: 18px; line-height: 105%; padding: 10px 0; }
	#service ul.slick-dots{bottom: 0px;}
	#service ul.slick-dots li{width: calc(100% / 5); background: #9b9b9b; margin: 0 auto; height: 5px; transition: 0.5s;}
	#service ul.slick-dots li button:before{display: none;}
	#service ul.slick-dots li:first-child{border-radius: 10px 0px 0px 10px;}
	#service ul.slick-dots li:last-child{border-radius: 0 10px 10px 0;}
	#service ul.slick-dots li.slick-active{ background: #e6b422; transition: 0.5s;}
	
	/* ------------------------------------------------------------ #purchase ------------------------------------------------------------ */
	#purchase{padding: 38px 0 0;}
	#purchase .purchase_bg{background: none; height: auto; padding: 0 0 0;}
	#purchase .title_box{width: 100%; padding: 42% 5% 0; margin:0 auto; background: url(../images/business/purchase_bg_1_sp.jpg) no-repeat center top; background-size: 100%;}
	#purchase h3{text-align: center;}
	#purchase h3 span{padding: 0 0 9px;}
	#purchase p.tt_title{text-align: left; padding: 30px 0 0;}
	#purchase .box_list{margin: 50px auto 0;}
	#purchase .box .text_box{margin: 0 28px 0 0;}
	#purchase .box .text_box ul{padding: 40px 0 0;}
	#purchase .box .text_box ul li{line-height: 188%; padding: 0 0 0 20px;}
	#purchase .box .text_box ul li:not(:first-child){margin: 30px 0 0;}
	#purchase .box .text_box ul li span{font-size: 16px; display: inline-block; line-height: 150%; font-family: 'Noto-Sans-JP-Medium';}
	#purchase .box .text_box ul li span:before{ width: 7px; height: 7px; }
	#purchase .box .img{ text-align: center;}
	#purchase .box .img p{background: url(../images/business/purchase_icn_1.png) no-repeat left center; background-size: 14px;padding: 0 0 0 18px; margin: 8px 0 0; font-size: 11px;}
	#purchase .box:nth-child(1) .text_box{width: 100%;}
	#purchase .box:nth-child(1){padding: 0 5% 0}
	#purchase .box:nth-child(1) .text_box{margin: 19px 0 0;}
	#purchase .box:nth-child(1) .img {width: 100%; height: auto;}
	
	#purchase .box:nth-child(2){background: none; margin: 50px 0 0;}
	#purchase .box:nth-child(2) .text_box{width: auto; text-align: left; margin: 20px 4% 0; }
	#purchase .box:nth-child(2) .text_box h4{ display: inline-block;}
	#purchase .box:nth-child(2) .text_box ul{padding: 40px 0 0; width: 100%;}
	#purchase .box:nth-child(2) .img{width: 100%; height: auto; margin: 0;}
	
	#purchase .box:nth-child(3){padding: 67px 0 0 ;}
	#purchase .box:nth-child(3) .img{width: 100%; height: auto; margin: 0 auto;}
	#purchase .box:nth-child(3) .text_box{width: 100%; text-align: left; margin: 19px auto 0 0; }
	#purchase .box .text_box .tt_box p{letter-spacing: 0.04em;}
	
	#purchase .link_btn_box{margin: 0 auto; padding: 80px 0 0;}
	
	/* ------------------------------------------------------------ #venture ------------------------------------------------------------ */
	#venture{padding: 75px 0 0;}
	#venture .title_box{ width: 100%; padding: 51% 5% 0; margin:0 auto; background: url(../images/business/venture_bg_1_sp.jpg) no-repeat center top; background-size: 100%;}
	#venture .title_box h3 .mont{font-size: 30px;text-align: center; }
	#venture .venture_bg{background: none; padding: 0;}
	#venture p.tt_title{text-align: left; padding: 30px 0 0; line-height: 150%;}
	#venture .box_list{padding: 30px 0 0;}
	#venture .box_list .box .text_box{width: 100%; height: auto; padding: 20px 0 0;}
	#venture .box_list .box .text_box h4{text-align: left;}
	#venture .box_list .box .text_box .tt_box{width: 100%; padding: 20px 0 0;}
	#venture .box_list .box .img{width: 100%; height: auto;}
	
	#venture .box_list .box:not(:first-child){margin: 40px auto 0;}
	#venture .box_list .box:nth-child(1) .text_box .tt_box{width: 100%; padding: 20px 0 0; margin: 0 0 0 auto;}
	
	#venture .box_list .box:nth-child(2) h4{text-align: left;}
	#venture .link_btn_box{margin: 0 auto; padding: 45px 0 0;}
	
	/* ------------------------------------------------------------ #food ------------------------------------------------------------ */
	#food{padding: 50px 0 0;}
	#food h3{text-align: center; width: 100%; padding: 41% 5% 0; background: url(../images/business/food_bg_1_sp.jpg) no-repeat center top; background-size: 100%;}
	#food h3 span{padding: 0 0 9px;}
	#food .food_bg{background: none; padding: 0;}
	#food .box_list{padding: 30px 0 0;}
	#food .box_list .box{position: relative;}
	#food .box_list .box .text_box{width: 100%; height: auto; position: relative;z-index: 1;}
	#food .box_list .box .text_box h4{text-align: left;}
	#food .box_list .box .text_box .tt_box{padding: 14px 0 0;}
	#food .box_list .box .text_box .tt_box{width: 100%; height: auto;}
	#food .box_list .box .img{position: relative; top: auto; transform: none; min-width: auto; }
	#food .box_list .box:nth-child(1) .text_box{padding: 20px 0 0; margin: 0 }
	#food .box_list .box:nth-child(1) .img{ right: auto;}
	
	#food .box_list .box:nth-child(2){margin:30px auto 0;}
	#food .box_list .box:nth-child(2) .text_box{padding: 20px 0 0; margin: 0;}
	#food .box_list .box:nth-child(2) .img{ left: auto;}
	
	
	/* ------------------------------------------------------------ #salon ------------------------------------------------------------ */
	#salon{padding: 50px 0 0;}
	#salon .salon_bg{background: none; padding: 0 0 28px; background: url(../images/business/salon_bg_1.jpg) no-repeat center top; background-size: 100%;}
	#salon h3{width: 100%; padding:61% 5% 0px; margin:0 auto; }
	#salon h3  span { font-size: 30px; padding: 0 0 9px;}
    #salon .box_list{padding: 30px 0 0;}
	#salon .box_list .box{width: 100%; height: auto;}
	#salon .box_list .box:first-child{margin: 0 0 28px;}
	#salon .box_list .box h4{padding: 20px 0 0; text-align: left;}
	#salon .box_list .box .tt_box{ padding: 19px 0 0;}
	#salon .box_list .box .tt_box p{line-height: 200%;}
	
	
	/* ------------------------------------------------------------ #nursing ------------------------------------------------------------ */
	#nursing{background: #fff ; padding: 0 0 30px;}
	#nursing .title_box{width: 100%; padding: 41% 5% 0; margin:0 auto;background: url(../images/business/nursing_img_1.jpg) no-repeat center top; background-size: 100%;}
	#nursing p.tt_title{ padding: 20px 0 0;}
	#nursing .box_list{padding: 17px 0 0;}
	#nursing .box_list .img{width: 100%; height: auto;}
	#nursing .box_list .text_box{width: 100%; margin: 0 0 0 auto;}
}