@charset "utf-8";
/* ---------------------------------------- 共通 ---------------------------------------- */
h3{font-size: 20px; font-weight: 700; line-height: 200%;}
h3 span{font-size: 50px;font-family: alternate-gothic-no-3-d, sans-serif; font-weight: 400; font-style: normal; display: inline-block; padding: 0 11px 0 0;}
p.title_tt{font-size: 24px;font-family: din-2014, sans-serif; font-weight: 700; font-style: normal; line-height: 180%;}

.animate__fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; transition-timing-function: ease; transition: transform 0.6s cubic-bezier(0.76, 0, 0.24, 1); }
/* ---------------------------------------- #fv ---------------------------------------- */
#fv{padding: 10px 10px 40px; background: #fff;}
#fv .fv_box{background: url(../images/index/fv_1.jpg?=12412) no-repeat center center; background-size: cover; border-radius: 50px; }
#fv .fv_box h2{line-height: 100%; padding: 35% 0 0;}
#fv .fv_box h2 .fv_corner{padding: 0px; display: block; z-index: 1; position: absolute; bottom: 100%; left: 10px; width: 15px; height: 15px; overflow: hidden; position: absolute;}
#fv .fv_box h2 .fv_corner_top:before { display: block; width: 200%; height: 200%; transform: translateY(-0%); border-radius: 50%; background: transparent; box-shadow: 0 0 0 30px #fff; content: ""; position: absolute;}
#fv .fv_box h2 .fv_corner_bottom:after { display: block;width: 200%; height: 200%; transform: translateY(-50%); border-radius: 50%; background: transparent; box-shadow: 0 0 0 30px #fff; content: ""; position: absolute;}
#fv .fv_box h2 span.bg_white{display: inline-block; background: #fff; position: relative;}
#fv .fv_box h2 span.big{font-size: 50px;font-weight: 500; padding: 15px 0 15px 30px;}
#fv .fv_box h2 span.tt_1{border-radius: 0 15px 15px 0px;}
#fv .fv_box h2 span.tt_1 .fv_corner_bottom{top:-15px; left: 0px;}

#fv .fv_box h2 span.tt_2{padding: 15px 20px 15px 30px;}
#fv .fv_box h2 span.tt_2 .fv_corner_top{top: 0px; right: -15px; left: auto;}
#fv .fv_box h2 span.tt_2 .fv_corner_bottom{bottom: 0px; right: -15px; left: auto;}

#fv .fv_box h2 span.min{font-size: 23px;font-family: "Inter", sans-serif; font-weight: 400;padding: 12px 19px 10px 30px; border-radius: 0 15px 0 0px;}
#fv .fv_box h2 span.min .fv_corner_bottom{bottom: 0px; right: -15px; left: auto;}
#fv .fv_box h2 span.min .green{color: #1da33f;font-size: 23px;font-family: "Inter", sans-serif; font-weight: 400; padding: 0px;}

#fv .fv_box2{background: url(../images/index/fv_2.jpg) no-repeat center center; }
#fv .fv_box .hero-copy { margin: 0 auto; padding: 17.2% 0; text-align: center; color: #fff; }
#fv .fv_box .hero-title{ padding: 0; font-weight:600;font-size: 70px;white-space:nowrap;line-height:1.35;margin-bottom:18px;letter-spacing:.025em}
#fv .fv_box .hero-word{display:inline-block}
#fv .fv_box .hero-copy p {font-size: 27px; letter-spacing: .055em; margin-bottom: 30px;}
#fv .fv_box .hero-copy .pill.white {background: #fff; color: #24582f; border-color: #fff; font-weight: 600; text-shadow: none; box-shadow: 0 4px 20px #123c342e;font-size: 15px;}
#fv .fv_box .hero-copy .pill {padding: 15px 40px; font-size: 15px; color: #fff;}
#fv .fv_box .pill {display: inline-flex; align-items: center; justify-content: center; gap: 25px; border: 1px solid currentColor; border-radius: 99px; padding: 17px 32px; font-size: 14px; transition: background .2s,color .2s;}
#fv .fv_box .hero-copy .pill.white:hover,
#fv .fv_box .hero-copy .pill.white:active { background: #2e8034; color: #fff; border-color: #2e8034; }

/* ---------------------------------------- main ---------------------------------------- */
main{background: url(../images/index/bg_4.png?=12412) no-repeat center top 35px; background-size: 100%;}
main .bg_3{background: url(../images/index/bg_3.png?=12412) no-repeat center top 240px; background-size: 3785px;}

/* ---------------------------------------- #about ---------------------------------------- */
#about{overflow: hidden; padding: 100px 0 0;}
#about .box .title_bg{position: relative;}
#about .box .title_bg:before{content: ""; display: block; background: url(../images/index/bg_logo_1.png?=12412) no-repeat center left ; background-size: 647px; width: 647px; position: absolute; height: 136px; left: -150px;}
#about .box .title_bg h3{padding: 44px 0; position: relative; z-index: 1;}
#about .box p.title_tt{padding: 19px 0 0;}
#about .box ul{display: flex; padding: 37px 0 0; }
#about .box ul li{padding-right: 28px;}
#about .box ul li a{font-size: 18px;font-weight: 500; display: inline-block; background: url(../images/index/icn_1.png?=12412) no-repeat right center; background-size: 18px; padding-right: 27px;}
#about .link_box{padding: 46% 0;; position: relative;}

#about .link_box a{display: block; position: absolute;}
#about .link_box a:nth-child(1){transform: translateX(-50%); left: 47.8%; top: 65px;}
#about .link_box a:nth-child(2){right: -5%; top: 26.2%;}
#about .link_box a:nth-child(3){transform: translateX(-50%); left: 47.8%; bottom: 235px;}

/* ---------------------------------------- #service ---------------------------------------- */

#service .service_2{padding: 0 10px;}
#service .service_bg{background: #fff;position: relative;border-radius: 50px;overflow: hidden;}
#service .service_bg:before{content: ""; display: block; background: #F8F8F8; border-radius: 50px; width: 100%; height: 612px; position: absolute; top: 0px;}
#service .service_box{padding: 71px 0 0;  max-width: 1600px; margin: 0px auto;}
#service .service_box .box{position: relative; z-index: 1;}
#service .service_box .box.flex_box{display: flex;}
#service .service_box .box p.title_tt{padding: 26px 0 0; margin-left: auto; }
#service .service_box .box .title_bg{position: relative;}
#service .service_box .box .title_bg:before{content: ""; display: block; background: url(../images/index/bg_logo_2.png?=12412) no-repeat center left ; background-size: 538px; width: 538px; position: absolute; height: 136px; left: -149px;}
#service .service_box .box .title_bg h3{position: relative; z-index: 1; padding: 45px 0 42px;}
#service .service_box .box .title_bg p{padding: 22px 0 0;}
.list_box{display: flex; justify-content: center; flex-wrap: wrap;}
.list_box .box{padding: 61px 0 0;}

.list_box .box .img_box{position: relative; width: 100%; height: auto;}

.list_box .box .img_box img.img{width: 100%; height: auto; display: block; border-radius: 40px 40px 40px 16px;}
.list_box .box .img_box p.name{display: inline-block;position: absolute; bottom: 0px; left: 0px; padding: 17px 22px 19px; background: #fff; font-size: 30px;font-weight: 700; }
/*
.list_box .box .img_box p.arrow{ color: #5daa4b; font-size: 24px; }
.list_box .box .img_box p.arrow .arrow-icn{ position: relative; right: -5px; display: inline-block; width: 13px; height: 13px; border-top: 2px solid #5daa4b; border-right: 2px solid #5daa4b; transform: rotate(45deg); }
*/

.list_box .box .img_box p.logo_1{padding: 14px 22px 18px;}
.list_box .box .img_box p.logo_2{padding: 16px 22px 18px;}
.list_box .box .img_box p.logo_3{padding: 15px 22px 9px;}
.list_box .box .img_box p.logo_4{padding: 15px 22px 9px;}

.list_box .box .img_box .name{border-radius: 0 15px 0 15px; display: inline-block; }
.list_box .box .img_box p.name .fv_corner{padding: 0px; display: block; z-index: 1; position: absolute; bottom: 100%; left: 10px; width: 15px; height: 15px; overflow: hidden; position: absolute;}
.list_box .box .img_box p.name .fv_corner_top:before ,
.list_box .box .img_box p.name .fv_corner_bottom:after { display: block;width: 200%; height: 200%; transform: translateY(-50%); border-radius: 50%; background: transparent; box-shadow: 0 0 0 30px #fff; content: ""; position: absolute;}
.list_box .box .img_box p.name .fv_corner_top {top:-15px; left: 0px;}
.list_box .box .img_box p.name .fv_corner_bottom{top:auto; bottom: 0px; left: auto; right: -15px}

.list_box .box:not(.long){width: 49.4%; height: auto; margin:0 0.5% 0 0; }
.list_box .box.right{margin:0 0 0 0.5%;}
.list_box .box .text{text-align: center; padding: 32px 0 0;}
.list_box .box h4{font-size: 25px;font-weight: 700; display:inline-block; line-height: 182%;}
.list_box .box h4.green{position: relative;}
.list_box .box h4.green:before{display: block; content: ""; position: absolute; left: 0px; width: 78px; height: 2px;background: #42A449; transform: translateX(-50%); -webkit-transform: translateX(-50%); left: 50%; bottom: -10px;}
.list_box .box .text p{font-weight: 400; font-size: 18px; line-height: 182%; padding: 20px 0 0;}


.list_box .flex{display: flex;}
.list_box .long{width: 100%;display: flex;justify-content: center; align-items: center;}
.list_box .middle{ width: 70%!important;display: flex;justify-content: center; align-items: center;}
.list_box .fund{width: 1100px; margin: 0 auto;}
.list_box .fund h4{ display:block; text-align: center;}
.list_box .fund .flex{padding: 10px 0 0;}
.list_box .fund .fund_img{width: 50%; }
.list_box .fund .fund_img:not(:last-child){margin: 0 3.8% 0 0; }
.list_box .fund img{width: 100%; display: block;}
.list_box .fund .fund_img_2{ width: 100%; height: auto; display: flex; justify-content: center; padding: 30px 0 0;}
.list_box .fund .fund_img_2 img{width: 22%; height: auto; display: inline-block;}
.list_box .fund .fund_img_2 img:not(:last-child){margin-right: 4%;}
.list_box .fund .text{text-align: left; padding: 0px; width: 100%;}
.list_box .fund .text p{font-size: 14px;font-weight: 400; font-feature-settings: "palt"; width: 650px; margin: 0 auto; padding: 40px 0 0;}
#service .service_box .title_box{text-align: center;padding: 0 0 24px;}

#service .service_box .flex .box_2{width: 33%; height: auto;}
#service .service_box .flex .box_2:not(:last-child) {margin: 0 19px 0 0;}
#service .service_box .flex .box_2 p{text-align: left; font-size: 17px;font-weight: 500; padding: 18px 0 0; line-height: 165%;}

.list_box .box.tool{ width: 39%;margin: 0 auto;}
.list_box .tool img{padding: 20px 0 0;}
.list_box .tool h4.green:before{display: none;}

#service .service_bg_2{background: none; position: relative; border-radius: 0px; overflow-x: hidden;}
#service .service_bg_2:before{display: none;}
#service .service_bg_2 .service_box_2{ padding: 0; max-width: 1600px; margin: 0px auto;}
#service .service_bg_2 .service_box_2 .list_box{padding: 61px 0 0;}
#service .service_bg_2 .service_box_2 .list_box .ai{padding: 0px;}
#service .service_bg_2 .service_box_2 a{ display: block; margin: 0 auto;}
.list_box .ai h4.green {padding: 0 0 0 40px;}
.list_box .ai h4.green:before { transform: translateY(-50%); -webkit-transform: translateY(-50%); left: 0px; top: 50%; width: 18px; height: 18px;}
.list_box .ai .ai_box{width: 1100px; margin: 0 auto;}

#service .service_box a.view{  margin: 125px auto 0; color: #fff;  background: #000; border: 1px solid #000;}
#service .service_box a.view:after{ border-bottom: 2px solid #fff; border-right: 2px solid #fff; } 
#service .service_box a.view.thumb-hover{ color: #000; background: #fff; }
#service .service_box a.view.thumb-hover:after{ border-bottom: 2px solid #000; border-right: 2px solid #000; } 
#service .service_box #tool{padding: 61px 0 0;}
#service .service_box #tool a{display: flex; }
#service .service_box #tool .list_box .box{padding: 0px;}
/* ---------------------------------------- #recruit ---------------------------------------- */
#recruit{padding: 170px 10px 0;}
#recruit .inner_box{background: url(../images/index/bg_2.png?=12412) no-repeat center center; background-size: cover; padding: 181px 0 174px; border-radius: 50px}
#recruit .inner_box .flex{ display: flex; align-items: flex-start;}
#recruit .inner_box .flex .box{width: 48%; height: auto; color: #fff;}
#recruit .inner_box .flex .box h3{font-weight: 500;}
#recruit .inner_box .flex .box .title_tt{font-size: 16px;font-weight: 500;font-weight: normal; line-height: 250%; padding: 38px 0 0;  font-feature-settings: "palt";}
#recruit .inner_box .flex .box.right{text-align: center; width: 52%; }
#recruit .inner_box .flex .box h4{font-size: 24px;font-family: din-2014, sans-serif; font-weight: 700; font-style: normal;}
#recruit .inner_box .flex .box h4 span{font-size: 100px; display: block; line-height: 100%;font-family: alternate-gothic-no-3-d, sans-serif; font-weight: 400; font-style: normal; }
#recruit .inner_box .flex .box a{background: #fff; margin: 48px auto 0; border: none;}
#recruit .inner_box .flex .box a.thumb-hover{background: #000; color: #fff; transition: 0.5s;}
#recruit .inner_box .flex .box a.thumb-hover:after{ border-bottom: 2px solid #fff; border-right: 2px solid #fff; } 


/* ---------------------------------------- #news ---------------------------------------- */
#news{padding: 0 10px; }
#news.list_tag .inner_box{padding: 104px 0 0;}
/* ---------------------------------------- #ir ---------------------------------------- */
#ir{padding: 104px 10px 131px;}
#ir .inner_box{background: #F8F8F8; border-radius: 50px; }
footer{border-top: 6px solid #40A447;}

@media only screen and (max-width: 768px) {
	/* ---------------------------------------- 共通 ---------------------------------------- */
	h3{font-size: 11px; display: flex; align-items: center;}
	h3 span{font-size: 25px; }
	p.title_tt{font-size: 18px;}
	@-webkit-keyframes fadeInUp {
		from { opacity: 0; -webkit-transform: translate3d(0, 70%, 0); transform: translate3d(0, 100%, 0); }
		to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
	}
	@keyframes fadeInUp {
	  from { opacity: 0;-webkit-transform: translate3d(0, 70%, 0);transform: translate3d(0, 100%, 0); }
	  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
	}
	
	/* ---------------------------------------- #fv ---------------------------------------- */
	
	#fv .fv_box{border-radius: 25px;background: url(../images/index/fv_1_sp.jpg?=12141) no-repeat center center; background-size: cover; }
	#fv .fv_box h2{display: block;}
	#fv .fv_box h2 .fv_corner{ width: 10px; height: 10px; }
	#fv .fv_box h2{ padding: 140% 0 0;}
	#fv .fv_box h2 span.big{font-size: 22px;padding: 7px 0px 6px 2px; line-height: 140%;}
	#fv .fv_box h2 span.tt_1{border-radius: 0 7px 10px 0px;}
	#fv .fv_box h2 span.tt_1 .fv_corner_bottom{top:-10px; left: 0px;}
	#fv .fv_box h2 span.tt_2{padding: 0 7px 0 0px;}
	#fv .fv_box h2 span.tt_2 .fv_corner_top{top: 0px; right: -10px; left: auto;}
	#fv .fv_box h2 span.tt_2 .fv_corner_bottom{bottom: 0px; right: -10px; left: auto;}
	
	#fv .fv_box h2 span.min{font-size: 11px; padding: 11px 10px 7px 2px; border-radius: 0 10px 0 0px; line-height: 140%;}
	#fv .fv_box h2 span.min .fv_corner_bottom{ right: -10px; left: auto;}
	#fv .fv_box h2 span.min .green{;font-size: 11px;}
	
	#fv .fv_box .hero-copy{ padding: 67% 0; }
	#fv .fv_box .hero-title { font-size: 25px; margin-bottom: 15px; }
	#fv .fv_box .hero-copy p { font-size: 15px; margin-bottom: 20px; }
	#fv .fv_box .hero-copy .pill { padding: 13px 40px; font-size: 14px; }
	#fv .fv_box2{background: url(../images/index/fv_2_sp.jpg) center/cover no-repeat; }
	
	/* ---------------------------------------- main ---------------------------------------- */
	main{background: url(../images/index/bg_4_sp.png?=12412) no-repeat center top; background-size: 100%;}
	main .bg_3{background: url(../images/index/bg_3_sp.png?=12412) no-repeat center top 12.65%; background-size: 100%;}
	
	/* ---------------------------------------- #about ---------------------------------------- */
	#about{overflow: hidden; padding: 40px 0 0;}
	#about .box .title_bg{position: relative;}
	#about .box .title_bg:before{background-size: 100%; width: 100%; height: 100%;left: 0;}
	#about .box .title_bg h3{padding:7% 0; position: relative; z-index: 1; justify-content: center;}
	#about .box p.title_tt{padding: 13px 0 0;}
	#about .box ul{display: flex; flex-wrap: wrap; justify-content: center; align-items: center; padding: 15px 0 0; }
	#about .box ul li {padding-right: 10px; width: 49%; text-align: center; position: relative;}
	#about .box ul li:not(:nth-child(2n)):before{content: ""; display: block; background: url(../images/index/border-2.png?=12412) repeat-y center center; background-size: 1px; width: 1px; height: 100%;position: absolute; right: 0px;}
	#about .box ul li:not(:nth-child(1),:nth-child(2)):after{content: ""; display: block; background: url(../images/index/border-1.png?=12412) repeat-x center center; background-size:8px; width: 100%; height: 1px;position: absolute; top: 0px;}
	
	#about .box ul li a{font-size: 15px; background: url(../images/index/icn_1.png?=12412) no-repeat right center; background-size: 15px; padding: 16% 0; line-height: 160%; width: 110px; position: relative;}
	
	#about .link_box{padding: 72% 0;}
	
	#about .link_box a:nth-child(1){transform: translateX(-50%); -webkit-transform: translateX(-50%); left: 32%; top: 5%; width: 72%;}
	#about .link_box a:nth-child(2){right:-1%; top: 33.6%; width: 72%;}
	#about .link_box a:nth-child(3){transform: translateX(-50%); -webkit-transform: translateX(-50%); left: 37.5%; top: 58%; width: 72%; }
	
	/* ---------------------------------------- #service ---------------------------------------- */
	.plr-2{ padding-left: 20px; padding-right: 20px; }
	
	#service .service_2{padding: 0 20px; }
	#service .service_bg:before{display: none;}
	#service .service_box{padding: 41px 15px 0;}
	#service .service_bg{border-radius: 50px 50px 0 0;}
	#service .service_box .box.flex_box { display: flex; flex-direction: column;}
	#service .service_box .box p.title_tt{padding: 13px 0 0; margin: 0;}
	#service .service_box .box .title_bg{position: relative; text-align: center;}
	#service .service_box .box .title_bg:before{ background-size: 100%; width: 100%;height: 100%; left: 0;}
	#service .service_box .box .title_bg h3{padding: 8% 0; justify-content: center;}
	#service .service_box .box .title_bg p{padding: 22px 0 0;}
	.list_box{display: flex; flex-wrap: wrap;}
	.list_box img{width: 100%; height: auto;}
	
	.list_box .box .img_box img.img{border-radius: 20px 20px 20px 16px;}
	.list_box .box .img_box p.name{padding: 10px 15px 10px; font-size: 20px;}
	.list_box .box .img_box .name{border-radius: 0 15px 0 15px;}
/*
	.list_box .box .img_box p.arrow{ font-size: 16px; }
	.list_box .box .img_box p.arrow .arrow-icn{ top: -2px; width: 7px; height: 7px; border-width: 1px; }
*/
	
	.list_box .box .img_box p.name .fv_corner{ left: 10px; width: 15px; height: 15px; }
	.list_box .box .img_box p.name .fv_corner_top {top:-15px; left: 0px;}
	.list_box .box .img_box p.name .fv_corner_bottom{top:auto; bottom: 0px; left: auto; right: -15px}
	.list_box .box .img_box p.logo_1{width: 184px; height: auto;padding: 9px 15px 10px;}
	.list_box .box .img_box p.logo_2{width: 240px; height: auto;padding: 10px 15px;}
	.list_box .box .img_box p.logo_3{width: 190px; height: auto;padding: 8px 15px 6px;}
	.list_box .box .img_box p.logo_4{width: 110px; height: auto;padding: 8px 15px 6px;}
	
	.list_box .box{ padding: 35px 0 0; display: flex; justify-content: center; flex-direction: column;}
	.list_box .box:not(.long){width: 100%; height: auto; margin: 0;}
	.list_box .box.right{margin: 0;}
	.list_box .box .text{text-align: left; padding: 15px 0 0;}
	.list_box .box h4{font-size: 18px; padding: 0 0 10px; text-align: left;}
	.list_box .box h4.green:before{ left: 0%; bottom: 2px; transform: none; -webkit-transform: none;}
	.list_box .box .text p{ font-size: 12px; padding: 5px 0 0;}
	.list_box .box .btn{ width: 100%; padding: 14px; text-align: center; }
	
	.list_box .fund{max-width: 100%;margin: 0 auto; width: 100%;align-items: flex-start;}
	.list_box .fund .flex{padding: 0;}
	.list_box .fund .fund_img_2{width: 100%; height: auto;}
	.list_box .fund .fund_img{max-width: 252px; width: 100%; margin: 0 auto;}
	.list_box .fund img{width: 100%; margin:0 0 20px;}
	.list_box .fund .fund_img:nth-child(2){margin: 0 auto;}
	.list_box .fund .text{ padding: 0px;text-align: center; width: 100%;}
	.list_box .fund .text h4{ text-align: center; width: 100%; padding: 0px;}
	.list_box .fund .text p{font-size: 12px; width: auto; height: auto; padding: 0px; display: inline-block; text-align: left;}
	
	.list_box .fund .fund_img_2{width: 100%; height: auto; display: flex; padding: 15px 0 0;}
	.list_box .fund .fund_img_2 img{width: 31%;}
	.list_box .fund .fund_img_2 img:not(:last-child){margin-right: 3%;}
	.list_box .fund .fund_img:not(:last-child) { margin: 0 auto;}
	#service .service_box .title_box{text-align: center;padding: 0 0 24px;}
	
	#service .service_box .flex .box_2:not(:last-child) {margin: 0 10px 40px;}
	#service .service_box .flex .box_2{width: auto; height: auto; float: left;margin: 0 10px 40px}
	#service .service_box .flex .box_2 p{font-size: 14px; padding: 10px 0 0;}
	
	.list_box .tool{padding: 0px;}
	.list_box .tool img{padding: 20px 0 0;}
	
	#service .service_bg_2 .service_box_2 .list_box{padding: 41px 0 0;}
	#service .service_bg_2 .service_box_2 .list_box-wrap{ padding: 40px 35px 0; }
	#service .service_bg_2 .service_box_2 .flex{margin-bottom: 0px;}
	.list_box .ai .slick-dots {bottom: -5px;}
	.list_box .ai .ai_box{width: 100%; margin: 0 auto;}
	
	.list_box .ai h4.green { padding: 0 0 0 20px; }
	.list_box .ai h4.green:before {transform: translateY(-50%);-webkit-transform: translateY(-50%);width: 12px;height: 12px;}
	#service .service_box .dots_box{position: relative; height: 30px; width: 100%;}	
	#service .service_box .dots_box .slick-dots { position: absolute; bottom: 0;}
	#service .service_box .dots_box ul li button{width: 11px; height: 11px; border-radius: 100%; background: #D3D3D3; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
	#service .service_box .dots_box ul li{width: 11px;height: 11px;margin: 0 5px; }
	#service .service_box .dots_box ul li button:before{content: "";}
	#service .service_box .dots_box .slick-dots li button{background: #D3D3D3; width: 11px; height: 11px;}
	#service .service_box .dots_box .slick-dots li.slick-active button{background: #42A449;}

	#service .service_box a.view{ margin: 60px auto 0;}
	.service_box .list_box .flex { display: flex; flex-direction: column;}
	#service .service_box #tool a { flex-direction: column;}
	#service .service_box #tool{padding: 41px 0 0;}
	#service .service_bg_2 .service_box_2 a{ width: 100%;}
	/* ---------------------------------------- #recruit ---------------------------------------- */
	#recruit{padding: 80px 10px 0;}
	#recruit .inner_box{background: url(../images/index/bg_2.png?=12412) no-repeat center center; background-size: cover; padding: 80px 0; }
	#recruit .inner_box .flex .box{width: 100%; height: auto;}
	#recruit .inner_box .flex { display: flex; flex-direction: column;}
	#recruit .inner_box .flex .box .title_tt{font-size: 13px;padding: 19px 0 0;}
	#recruit .inner_box .flex .box.right{padding: 26px 0 0;width: 100%; }
	#recruit .inner_box .flex .box h4{font-size: 16px;}
	#recruit .inner_box .flex .box h4 span{font-size: 34px; padding: 0 0 10px 0;}
	#recruit .inner_box .flex .box a{ margin: 30px auto 0;}
	
	/* ---------------------------------------- #news ---------------------------------------- */
	#news.list_tag .inner_box{padding: 40px 0;}
	
	/* ---------------------------------------- #ir ---------------------------------------- */
	#ir{padding: 40px 10px 50px;}
}