.header-welfare{
	background: url(../images/welfare/bg_01.png) no-repeat center center ;
	background-size: cover;
}

.inner{max-width: 1100px; margin: 0 auto; width: auto; padding: 0 50px;}
.title{margin: 0px;}
.divder{background: #000000; height: 1px; width: 80px; margin:20px auto;}
.title-two{font-size: 18px; font-family: 'Noto Serif JP', sans-serif;}
ul{padding: 0px;}
ul li{list-style: none;}
p{margin: 0px;}


/*---------------------------------------------------------------------------personal--------*/
#personal{text-align: center; }
#personal p{font-size: 30px; line-height: 160%; padding: 130px 0 0;	margin: 0;}
#personal p .line{font-size: 38px; background: linear-gradient(transparent 63%, #fff000 30% ,#fff000 90% ,transparent 63%);  }

/*---------------------------------------------------------------------------abouta_us-------*/
#abouta_us{margin: 184px 0 180px;}
#abouta_us .bg{ width: 100%; height: 634px; background: url(../images/welfare/bg_02.png) no-repeat center top; background-size: cover; }
#abouta_us .bg .box{padding: 0 0 0 68px;width: 580px; height: auto; float: right;}
#abouta_us .bg .box h3 .title_one{display: block; font-size: 20px; font-family: "GaramondPremrPro"; padding: 0 0 50px;}
#abouta_us .bg .box h3 .title_twe{font-size: 50px; line-height: 140%;}
#abouta_us .bg .box h3 .title_te{font-size: 32px; display: block; padding: 40px 0 15px;}
#abouta_us .bg .box .tt{font-size: 16px; line-height: 160%; }

#abouta_us .about_img{margin: 0 auto; width: 100%; max-width: 1270px; }
/*---------------------------------------------------------------------------Merit-----------*/
#merit{background: #ededed; width: 100%; height: auto; padding: 100px 0;}
#merit .inner_two{margin: 0 auto; max-width: 1400px;}
#merit .inner{max-width: 1270px;}
#merit ul{width: 765px; }
#merit ul .tt{border: none !important; padding: 0px !important; font-size: 30px; margin: 0px; line-height: 110%;font-weight: 500; }
#merit ul li .merit_img{padding: 0 36px 0 64px;}
#merit ul li .merit_tt{font-size: 24px; line-height: 160%;font-weight: 500;}

#merit .merit_line{margin: 80px 0 0; ;width: 100%; height: auto;}
#merit .merit_line .line{background:url(../images/welfare/bg_05.png) no-repeat right top; background-size: auto;}
#merit .merit_line  ul li{display: flex; align-items: center; border-bottom: 1px solid #999999; padding: 54px 0 36px;}
#merit .merit_line  ul li:nth-child(5){border: none; padding: 54px 0 0;}
#merit .merit_line  ul li .img{width: 210px; height: auto; text-align: center;}

#merit .merit_goal{margin: 206px 0 0; width: 100%; height: auto;}
#merit .merit_goal .goal{background:url(../images/welfare/bg_06.png) no-repeat left top; background-size: auto; }
#merit .merit_goal ul{margin: 0 0 0 auto;}
#merit .merit_goal ul .tt{justify-content: flex-start; margin: 0 0 0 0;}
#merit .merit_goal .tt{margin: 0 0 0 38%;}
#merit .merit_goal ul li{display: flex; align-items: center; border-bottom: 1px solid #999999; padding: 54px 0 36px 0;}
#merit .merit_goal ul li:nth-child(4){border: none; padding: 54px 0 36px 0;}
#merit .merit_goal ul li .img{width: 201px; height: auto; text-align: center;}

/*---------------------------------------------------------------------------Price-----------*/
#price{margin: 100px 0;}
#price ul {padding: 5px 50px 0; }
#price ul li{display: flex; padding: 0 0 30px;}
#price ul li .box_black{font-size:26px ;background: #000000; padding: 37px 0 0; width: 335px; text-align: center; color: #ffffff;line-height: 110%;}
#price ul li .box_maney{border:1px solid #c8c8c8;width: 665px;padding: 21px 0 9px; text-align: center; font-size: 58px; line-height: 110%; font-family: "GaramondPremrPro";}
#price ul li .box_maney .maney_one{font-size: 26px;}
#price ul li .box_maney .maney_two{font-size: 16px; font-family: 'Noto Serif JP', sans-serif;}

/*----------------------------------------------------------------------------Flow-----------*/
#flow{background: #ededed; width: 100%; height: auto; padding: 100px 0;}
#flow ul{display: flex; align-items: center; justify-content: space-between; max-width: 1170px; padding: 80px 0 0;}
#flow ul .box{position: relative; width: 321px; height: 400px; background: #ffffff; border: 1px solid #000000;}
#flow ul .triangle{  width: auto;  height: auto;  border-left: 18px solid black;  border-top: 35px solid transparent;  border-bottom: 35px solid transparent; margin: 0 18px;}
#flow ul .box .icon{position: absolute; z-index: 1; top: -30px; left: -25px;}
#flow ul .box .abox_white{padding: 50px 35px 0;}
#flow ul .box .abox_white .img{text-align: center; height: 78px; margin: 0 0 23px;  }
#flow ul .box .abox_white h4{ text-align: center; font-size: 26px; line-height: 150%; height: 78px;letter-spacing: -1px;}
#flow ul .box .abox_white h4 .SP{display: block;}
#flow ul .box .abox_white .h4{padding: 20px 0;}
#flow ul .box .abox_white p{font-size: 14px; line-height: 160%; letter-spacing: -1px;}
#flow ul .box .abox_white p span{display: block;}


/*------------------------------------------------------------------idintorduction-----------*/
#idintorduction {padding: 100px 0 0;}
#idintorduction .inner{padding: 80px 50px 0;}
#idintorduction .frame{border: 1px solid #000000; display: flex; justify-content: space-between; width: auto; margin: 0 auto;}
#idintorduction .frame .box{width: 611px; height: auto;}
#idintorduction .frame .box .case{display: flex; align-items: center;padding: 0 0 17px;}
#idintorduction .frame .box .case .case_tt{font-size: 22px;	font-family: "GaramondPremrPro"; line-height: 110%; margin: 0 20px 0 0 ;}
#idintorduction .frame .box .case .border_line{border: 1px solid #000000; border-radius: 30px; font-size: 14px; padding:4px 22px;line-height: 110%; }
#idintorduction .frame .box h4{font-size: 30px; }
#idintorduction .frame .box .tt{font-size: 14px; line-height: 170%; padding: 6px 0 0;}
#idintorduction .lorem_ipsum{margin: 50px auto 0; display: none}

#idintorduction .healthcare .box{ padding: 39px 63px 37px 0;}
#idintorduction .lorem_ipsum .box{ padding: 39px 0 30px 51px;}
#idintorduction .healthcare .logo{padding: 40px 78px 40px 70px;}
#idintorduction .lorem_ipsum .logo{padding: 40px 53px 40px 53px;}

@media only screen and (max-width:1271px){

	/*---------------------------------------------------------------------------Merit-----------*/
	#merit img{width: 100%; height: auto;}
	#merit ul{width: 532px; }
	#merit .tt{font-size: 30px; margin: 0px; width: auto;}
	#merit ul li .merit_img{padding: 0 26px 0 40px; width: 30%; height: auto;}
	#merit ul li .img{width: 120px !important; height: auto; }
	#merit ul li .merit_tt{font-size: 18px; width: 212px;}
		
	
	#merit .merit_goal ul .tt{justify-content: flex-start; margin: 0 0 0 0;}
	
	#merit .merit_goal ul li{display: flex;  border-bottom: 1px solid #999999; padding: 54px 0 36px 0; align-items: center; justify-content: flex-start;}
	#merit .merit_goal ul li:nth-child(4){ padding: 54px 0 36px 0; margin-left: auto;}
	#merit .merit_goal ul li:nth-child(4) .img{ width: 140px !important;}
	#merit .merit_goal ul li:nth-child(4) .merit_img{padding: 0 26px 0 26px;width: 27%;} 
	#merit .merit_line .line{background:url(../images/welfare/bg_05.png) no-repeat right top; background-size: 300px;}
	#merit .merit_goal .goal{background:url(../images/welfare/bg_06.png) no-repeat left top; background-size: 300px; }
}

@media only screen and (max-width:1000px){
	
	/*---------------------------------------------------------------------------abouta_us-------*/
	#abouta_us .about_img{ width: 100%;}
	#abouta_us .about_img img{width: 100%; height: auto;}
	#abouta_us .bg .box{padding: 0 0 0 20px;width: 450px; height: auto; float: right;}
	
	/*---------------------------------------------------------------------------Merit-----------*/
	#merit ul{width: 500px; }

	#merit .merit_line .line{background:url(../images/welfare/bg_05.png) no-repeat right top; background-size: 30%;}
	#merit .merit_goal .goal{background:url(../images/welfare/bg_06.png) no-repeat left top; background-size: 30%; }
	/*---------------------------------------------------------------------------Price-----------*/
	#price img{width: 100%; height: auto;}	
	#price ul li .box_black{;width: 45%; }
	#price ul li .box_maney{width: 55%;}
	
	/*----------------------------------------------------------------------------Flow-----------*/
	#flow{ width: auto; height: auto; padding: 50px 25px;}
	#flow ul{display: flex; flex-direction: column; padding: 20px 0 0; }
	#flow ul .box{ width: 100%; height: auto; }
	#flow ul .triangle{  width: 0;  height: 0;  border-left: 35px solid transparent; border-right: 35px solid transparent;  border-top: 15px solid black;  border-bottom: none; margin: 15px 0 45px ;}
	#flow ul .box .icon{ top: -30px; left: 0px; right: 0px; bottom: 0px; margin: 0 auto; width: 72px; height: auto;}
	#flow ul .box .icon img{width: 100%; height: auto;}
	#flow ul .box .abox_white{padding: 77px 25px 30px;}
	#flow ul .box .abox_white .img{margin: 0 auto; width: 25%; height: auto;	}
	#flow ul .box .abox_white h4{padding: 18px 0 10px; text-align: center; font-size: 16px; height: auto;}
	#flow ul .box .abox_white h4 .SP{display: none;}
	#flow ul .box .abox_white .h4{padding: 18px 0 10px;}
	#flow ul .box .abox_white p{font-size: 12px; line-height: 160%; letter-spacing: -1px;}
	#flow ul .box .abox_white p span{text-align: center; padding: 0 0 20px}
	#flow ul .box .abox_white .center{text-align: center;}
	#flow ul .box:nth-child(5) .abox_white h4{padding: 20px 0 7px; }
	/*------------------------------------------------------------------idintorduction-----------*/
	#idintorduction .frame .box{width: 55%; height: auto;}
}


@media only screen and (max-width:760px){
	.inner{min-width: auto; padding:0 25px;}
	.divder{ height: 1px; width: 13%; margin:15px auto;}
	.title-two{font-size: 12px; }
	.title{padding: 0; margin: 0px;}
	.sub-title{font-size: 20px;}
	
	img{width: 100%; height: auto;}

	/*---------------------------------------------------------------------------personal--------*/
	#personal p{font-size: 18px; line-height: 160%; padding: 50px 0 0;	margin: 0;}
	#personal p .line{font-size: 29px; padding: 0 5px;}
	#personal p  .titl_SP{font-size: 24px;}
	/*---------------------------------------------------------------------------abouta_us-------*/
	#abouta_us{margin: 45px 0 50px;}
	#abouta_us .bg{ width: 100%; height: auto; background: url(../images/welfare/sp/bg_sp_03.png) no-repeat center top; background-size: contain; padding: 85% 0 0;}
	#abouta_us .bg .box{padding: 40px 0 0;width: auto; height: auto; float: none;}
	
	#abouta_us .bg .box h3 .title_one{display: block; font-size: 15px;  padding: 0 0 20px;}
	#abouta_us .bg .box h3 .title_twe{font-size: 35px; line-height: 140%;}
	#abouta_us .bg .box h3 .title_te{font-size: 20px; display: block; padding: 30px 0 17px;}
	#abouta_us .bg .box .tt{font-size: 12px; line-height: 160%; }
	
	#abouta_us .about_img{padding: 43px 0 0; width: 100%; height: auto;}
	
	/*---------------------------------------------------------------------------Merit-----------*/
	#merit{ width: 100%; height: auto; padding: 50px 0;}
	#merit ul .tt{font-size: 18px; margin: 0px; width: auto; text-align: center;}
	#merit ul{width: auto;}
	#merit ul li .img{width: 30% !important;height: auto; text-align: center; }
	#merit ul li .merit_img{padding: 0 15px 0 22px; width: 30%; height: auto;}
	#merit ul li .merit_tt{font-size: 15px; line-height: 160%; width: 45%;}
	
	#merit .merit_line{margin: 35px 0 0; width: auto; height: auto; }
	#merit .merit_line .line{padding: 55% 0 0; background: url(../images/welfare/sp/bg_sp_02.png) no-repeat center top; background-size: contain;}
	#merit .merit_line  ul li{padding: 21px 0 26px;}
	#merit .merit_line  ul li:nth-child(5){ padding: 21px 0 0;}
		
	#merit .merit_goal ul .tt {justify-content: flex-start; margin: 0px;}
	#merit .merit_goal{margin: 65px 0 0; width: auto; height: auto; }
	#merit .merit_goal .goal{background: url(../images/welfare/sp/bg_sp_01.png) no-repeat center top; background-size: contain;padding: 55% 0 0;}
	#merit .merit_goal ul{margin: 0 0 0 auto;}
	#merit .merit_goal .tt{margin: 0 0 0 auto;}
	#merit .merit_goal ul li{ padding: 25px 0 22px 12px;}
	#merit .merit_goal ul li:nth-child(4){ padding: 25px 0 22px 0;}
	#merit .merit_goal ul li:nth-child(4) .img{width: 42% !important;}
	#merit .merit_goal ul li:nth-child(4) .merit_img{padding: 0 20px 0 5px; width: 28%;}
	
	
	/*---------------------------------------------------------------------------Price-----------*/
	#price{margin: 50px 0;}
	#price ul {padding: 5px 25px 0;}
	#price ul li{display: block; padding: 0 0 20px;}
	#price ul li .box_black{font-size:15px ; padding: 18px 0; width: auto; text-align: center; }
	#price ul li .box_maney{border:1px solid #c8c8c8;width: auto;padding: 14px 0 0; text-align: center; font-size: 45px;  }
	#price ul li .box_maney .maney_one{font-size: 20px;}
	#price ul li .box_maney .maney_two{font-size: 14px;}
	
	/*----------------------------------------------------------------------------Flow-----------*/
	#flow ul .box .icon{ top: -10%; left: 0px; right: 0px; bottom: 0px; margin: 0 auto; width: 20%; height: auto;}
	#flow ul .box .icon img{width: 100%; height: auto;}
	#flow ul .box .abox_white{padding: 20% 25px 35px;}
	/*------------------------------------------------------------------idintorduction-----------*/
	#idintorduction {padding: 50px 0 0;}
	#idintorduction .title .sub-title{margin: 0 0 15px 0;}
	#idintorduction .title .title-two{width: 70%; margin: 0 auto; line-height: 160%;}
	#idintorduction .inner{padding: 36px 25px 0;}
	#idintorduction .frame{ display: flex;flex-direction: column; width: auto; }
	#idintorduction .frame .logo{margin: 0 auto; padding: 40px 0 ;width: 55%; height: auto;}
	#idintorduction .lorem_ipsum{flex-direction: column-reverse;}
	#idintorduction .frame .box{width: auto; height: auto; padding: 0 19px 35px 19px;}
	#idintorduction .frame .box .case{display: flex; align-items: center;padding: 0 0 15px;}
	#idintorduction .frame .box .case .case_tt{font-size: 20px;margin: 0 14px 0 0 ;}
	#idintorduction .frame .box .case .border_line{ font-size: 12px; padding:4px 15px;}
	#idintorduction .frame .box h4{font-size: 24px; }
	#idintorduction .frame .box .tt{font-size: 12px;}
	#idintorduction .lorem_ipsum{margin: 25px auto 0; display: none;}
}