@charset "utf-8";
/* ------------------------------------------------------------ #about */
#about{padding: 79px 0 0px;}
#about .box_content{background: url(../images/what_is_nebs/bg_2.jpg) repeat center center; background-size: 30px; padding: 30px 0 75px; margin: 84px 0 0;}
#about .box_content .box{position: relative;}
#about .box_content .box img{width: 100%; height: auto;}
#about .box_content .box .bg_box{background: #fff; border-radius: 20px; box-shadow: 0 0 20px rgba(0,0,0,0.2)}
#about .box_content .box .bg_box h3{background: #6BBAFF; text-align: center; border-radius: 0 0 20px 20px; width: 291px; font-size: 26px; line-height: 142.3%; height: auto; padding: 13px 0 19px; font-family: source-han-sans-japanese, sans-serif; font-weight: 500; font-style: normal; margin: 0 auto;}
#about .box_content .box .bg_box .big_tt{font-size: 32px; font-family: source-han-sans-japanese, sans-serif; font-weight: 700; font-style: normal; text-align: center; line-height: 163%;}
#about .box_content .box .bg_box p span.blue_tt{color: #6BBAFF;}
#about .box_content .box .bg_box .big_tt_2{font-size: 26px; text-align: center; line-height: 146%; font-family: source-han-sans-japanese, sans-serif; font-weight: 700; font-style: normal;}
#about .box_content .box .text{font-size: 14px; line-height: 179%; font-family: source-han-sans-japanese, sans-serif; font-weight: 400; font-style: normal;}

#about .box_content .box.background .background_box_1{padding: 0 0 218px; position: relative;}
#about .box_content .box.background .bg_box{padding: 0 0 102px;}
#about .box_content .box.background .big_tt{padding: 29px 0 0;}
#about .box_content .box.background .about_img_1{width: 558px; height: auto; margin: 0 auto; padding: 48px 0 0;}
#about .box_content .box.background .big_tt_2{padding: 34px 0 0;}
#about .box_content .box.background .about_img_2{position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 769px; height: auto;}
#about .box_content .box.background .text{}

#about .box_content .box.overview{padding: 25px 0 0;}
#about .box_content .box.overview .bg_box{padding: 0 0 66px;}
#about .box_content .box.overview .big_tt.tt_1{padding: 29px 0 0;}
#about .box_content .box.overview .about_img_3{width: 918px; height: auto; margin: 40px auto 0;}
#about .box_content .box.overview .about_img_4{width: 918px; height: auto; margin: 34px auto 0;}
#about .box_content .box.overview .big_tt.tt_2{padding: 55px 0 0;}

#about .box_content .box.thinking{padding: 51px 0 0;}
#about .box_content .box.thinking .bg_box{padding: 0 0 46px;}
#about .box_content .box.thinking .big_tt{padding: 29px 0 0;}
#about .box_content .box.thinking .about_img_5{width: 568px; height: auto; margin: 0 auto;padding: 42px 0 0;}
#about .box_content .box.thinking .about_img_6{position: relative; width: 688px; height: auto; margin: 104px auto 0;}
#about .box_content .box.thinking .about_img_6 .about_logo{position: absolute;}
#about .box_content .box.thinking .about_img_6 .about_logo_1{width: 150px; height: auto; left: -45px; top: -51px;}
#about .box_content .box.thinking .about_img_6 .about_logo_2{width: 150px; height: auto; left: -159px; top: 3px;}
#about .box_content .box.thinking .about_img_6 .about_logo_3{width: 134px; height: auto; left: -143px; top: 61px;}
#about .box_content .box.thinking .about_img_6 .about_logo_4{width: 150px; height: auto; right: 0px; top: -36px;}
#about .box_content .box.thinking .about_img_6 .about_logo_5{width: 163px; height: auto; right: -137px; top: 5px;}

#about .box_content .box.item{padding: 37px 0 0;}
#about .box_content .box.item .bg_box{padding: 0 0 72px;}
#about .box_content .box.item .text{width: 856px; height: auto; margin: 0 auto; padding: 35px 0 0;}
#about .box_content .box.item .about_img_7{width: 1041px; margin: 53px auto 0; position: relative; }
#about .box_content .box.item .about_img_7 .about_logo{position: absolute;}
#about .box_content .box.item .about_img_7 .about_logo_6{width: 174px; height: auto; left: 162px; top: -11px;}
#about .box_content .box.item .about_img_7 .about_logo_7{width: 171px; height: auto; left: -10px; top: 154px;}
#about .box_content .box.item .about_img_7 .about_logo_8{width: 195px; height: auto; left: 50%; bottom: -8px; transform: translateX(-50%);}
#about .box_content .box.item .about_img_7 .about_logo_9{width: 154px; height: auto; right: 178px; top: -13px;}
#about .box_content .box.item .about_img_7 .about_logo_10{width: 131px; height: auto; right: 25px; bottom: 60px;}
#about .box_content .box.item ul{padding: 24px 40px 0; display: flex; flex-wrap: wrap; justify-content: space-between; }
#about .box_content .box.item ul li{display: flex; align-items: flex-start; width: 492px; height: auto;}
#about .box_content .box.item ul li img{width: 60px; height: auto; margin: 0 12px 0 0;}
#about .box_content .box.item ul li .tt_box{display: flex; align-items: flex-start; width: calc(100% - 68px); height: auto; padding: 4px 0 0;}
#about .box_content .box.item ul li .tt_box .number{font-size: 25px; line-height: 112%; font-family: din-2014, sans-serif; font-weight: 700; font-style: normal; display: block; margin-right: 7px;}
#about .box_content .box.item ul li .tt_box .tt{font-family: source-han-sans-japanese, sans-serif; font-weight: 400; font-style: normal; font-size: 14px; line-height: 150%;}
#about .box_content .box.item ul li .tt_box .tt span{font-family: source-han-sans-japanese, sans-serif; font-weight: 500; font-style: normal; font-size: 19px; line-height: 148%; display: block;}
#about .box_content .box.item ul li.list_1{padding: 0 0 33px;}
#about .box_content .box.item ul li.list_2{padding: 0 0 15px;}
#about .box_content .box.item ul li.list_3{padding: 0 0 13px;}
#about .box_content .box.item ul li.list_4{padding: 0 0 17px;}
#about .box_content .box.item ul li.list_5{padding: 0 0 33px;}

/* ------------------------------------------------------------ mobile */
@media only screen and (max-width:640px){
	.breadcrumb_box {margin: 77px 0 0;}
	/* ------------------------------------------------------------ #about */
	#about{padding: 50px 0 0px; }
	#about .box_content{background: url(../images/what_is_nebs/bg_2.jpg) repeat center center; background-size: 30px; padding: 30px 0 75px; margin: 12px 0 0;}
	#about .box_content .box .bg_box{border-radius: 10px;}
	#about .box_content .box .bg_box h3{border-radius: 0 0 10px 10px; width: 171px; font-size: 15px; line-height: 140%; height: auto; padding: 8px 0 12px;}
	#about .box_content .box .bg_box .big_tt{font-size: 18px; line-height: 150%;}
	#about .box_content .box .bg_box .big_tt_2{font-size: 18px; text-align: center; line-height: 140%;}
	#about .box_content .box .text{font-size: 13px; line-height: 154%; }
	
	#about .box_content .box.background .background_box_1{padding: 0 0 91.61% ;}
	#about .box_content .box.background .bg_box{padding: 0px 5% 25.73%;}
	#about .box_content .box.background .big_tt{padding: 29px 0 0;}
	#about .box_content .box.background .about_img_1{width: 100%; padding: 27px 0 0;}
	#about .box_content .box.background .big_tt_2{padding: 22px 0 0;}
	#about .box_content .box.background .about_img_2{width: 90%;}
	#about .box_content .box.background .text{padding: 12px 0 0;}
	
	#about .box_content .box.overview{padding: 38px 0 0;}
	#about .box_content .box.overview .bg_box{padding: 0 0 36px;}
	#about .box_content .box.overview .big_tt.tt_1{padding: 29px 3% 0; font-size: 18px;}
	#about .box_content .box.overview .about_img_3{width: 100%; margin: 31px auto 0; padding: 0 5%;}
	#about .box_content .box.overview .about_img_4{width: 100%; margin: 18px auto 0; padding: 0 5%;}
	#about .box_content .box.overview .big_tt.tt_2{padding: 36px 3% 0; font-size: 18px; line-height: 158%;}
	
	#about .box_content .box.thinking{padding: 21px 0 0;}
	#about .box_content .box.thinking .bg_box{padding: 0 5% 32px;}
	#about .box_content .box.thinking .big_tt{padding: 15px 0 0; font-size: 18px; line-height: 163.2%;}
	#about .box_content .box.thinking .about_img_5{width: 100%; padding: 17px 0 0;}
	#about .box_content .box.thinking .about_img_6{width: 87.91%; height: auto; margin: 32px auto 0;}
	#about .box_content .box.thinking .about_img_6 .about_logo_1{width: 23.5%; left: -2%; top: -18%;}
	#about .box_content .box.thinking .about_img_6 .about_logo_2{width: 23.5%; left: -20%; top: 0%;}
	#about .box_content .box.thinking .about_img_6 .about_logo_3{width: 21.02%; left: -17.5%; top: 23%;}
	#about .box_content .box.thinking .about_img_6 .about_logo_4{width: 23.07%; right: 2%; top: -15%;}
	#about .box_content .box.thinking .about_img_6 .about_logo_5{width: 25.02%; right: -19%; top: -1%;}
	
	#about .box_content .box.item{padding: 27px 0 0;}
	#about .box_content .box.item .bg_box{padding: 0px 0% 52px;}
	#about .box_content .box.item .text{width: 100%; height: auto;font-size: 14px; line-height: 172%; padding: 22px 5% 0;}
	#about .box_content .box.item .about_img_7{width: 98%; margin: 46px auto 0; }
	#about .box_content .box.item .about_img_7 .about_logo_6{width: 30.38%; left: 10%; top: -1.5%;}
	#about .box_content .box.item .about_img_7 .about_logo_7{width: 29.67%; left: 0%; top: 34.3%;}
	#about .box_content .box.item .about_img_7 .about_logo_8{width: 36.41%; bottom: 0%; }
	#about .box_content .box.item .about_img_7 .about_logo_9{width: 26.58%; right: 0px; top: 37%;}
	#about .box_content .box.item .about_img_7 .about_logo_10{width: 23.09%; right: 14%; top: -1.5%; bottom: auto;}
	#about .box_content .box.item ul{padding: 24px 3% 0; display: block;}
	#about .box_content .box.item ul li{width: 100%; height: auto; align-items: flex-start;}
	#about .box_content .box.item ul li:not(:last-child){margin: 0 0 27px;}
	#about .box_content .box.item ul li img{width: 60px; height: auto; margin: 13px 16px 0 0;}
	#about .box_content .box.item ul li .tt_box{display: flex; align-items: flex-start; width: calc(100% - 72px); height: auto; }
	#about .box_content .box.item ul li .tt_box .number{ margin-right: 7px; font-size: 24px;}
	#about .box_content .box.item ul li .tt_box .tt span{ font-size: 18px;}
}