@charset "UTF-8";


@media screen and (min-width:769px){
	
	#research .maintxcont{
		padding:120px 0 100px 0;
		width:1000px;
		margin:0 auto;
		display: flex;
		justify-content: space-between;
	}
	
	#research .maintxcont .mtl{
		width:416px;
	}
	
	#research .maintxcont .tx{
		font-size:1.6rem;
		line-height: 3.4rem;
	}
	
	#research .numcont{
		padding:110px 0 100px 0;
		background:#e5f6f9;
	}
	
	#research .numcont.box2{
		padding:110px 0 100px 0;
		background:#fff;
	}
	
	#research .numcont .innerbox{
		width:1000px;
		margin:0 auto;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	
	#research .numcont .innerbox .txcont{
		width:calc((100% - 60px) / 2);
	}
	
	#research .numcont .innerbox .txcont .numtl{
		padding:0 0 20px 0;
		margin:0 0 30px 0;
		position: relative;
		
	}
	
	#research .numcont .innerbox .txcont .numtl::after{
		content: "";
		width:40px;
		border-bottom:3px solid #23aad1;
		position: absolute;
		bottom:0;
		left:0;
		
	}
	
	#research .numcont .innerbox .txcont .numtl span{
		font-size:5rem;
		font-style: italic;
	}
	
	#research .numcont .innerbox .txcont .numtl strong{
		font-size:2.8rem;
		margin:0 0 0 15px;
	}
	
	#research .numcont .innerbox .txcont .subtl{
		font-size:2rem;
		margin:0 0 30px 0;
		font-weight: 600;
	}
	
	#research .numcont .innerbox .txcont .subtl2{
		font-size:1.8rem;
		margin:0 0 10px 0;
		line-height: 2.8rem;
		color:#1647a4;
	}
	
	#research .numcont .innerbox .txcont .subtl3{
		font-size:1.8rem;
		margin:0 0 10px 0;
		line-height: 2.8rem;
		color:#1a1a1a;
		padding:40px 0 0 0;
	}
	
	#research .numcont .innerbox .txcont .tx{
		font-size:1.4rem;
		line-height: 2.8rem;
		text-align: justify;
	}
	
	#research .numcont .innerbox .phbox{
		width:calc((100% - 60px) / 2);
	}
	
	#research .numcont .innerbox .listbox{
		margin:60px 0 0 0;
		position: relative;
		border-top:1px solid #1647a4;
		border-bottom:1px solid #1647a4;
		padding:0 0 60px 0;
		background:#fff;
		width:100%;
	}
	
	#research .numcont .innerbox .listbox .tl{
		text-align:center;
		position: relative;
		top:-1.5rem;
	}
	
	#research .numcont .innerbox .listbox .tl span{
		font-size:2.2rem;
		color:#fff;
		background:#1647a4;
		padding:5px 50px;
	}
	
	#research .numcont .innerbox .listbox .cap{
		font-size: 1.4rem;
		line-height: 2.8rem;
		text-align: center;
		padding:30px 0 0 0;
	}
	
	#research .numcont .innerbox .listbox .listflex{
		padding:60px 40px 0;
		display: flex;
		justify-content: space-between;
	}
	
	#research .numcont .innerbox .listbox .listflex .box{
		width:calc((100%) / 6);
		display: flex;
		justify-content:flex-start;
		flex-direction: column;
		align-items: center;
		
	}
	
	#research .numcont .innerbox .listbox .listflex .box .numicon{
		width:35px;
		margin:0 0 10px 0;
	}
	
	#research .numcont .innerbox .listbox .listflex .box .sub{
		font-size:1.6rem;
		line-height: 2.8rem;
		margin:0 0 15px 0;
	}
	
	#research .numcont .innerbox .listbox .listflex .box .icon{
		height:80px;
		margin:0 0 15px 0;
	}
	
	#research .numcont .innerbox .listbox .listflex .box .icon img{
		height:100%;
		width:auto;
	}
	
	#research .numcont .innerbox .listbox .listflex .box .extx{
		font-size:1.3rem;
		line-height: 1.9rem;
		text-align: center;
	}
	
	#research .numcont .innerbox .flexbox{
		padding:60px 0 0 0;
		display: flex;
		justify-content: space-between;
		width:100%;
	}
	
	#research .numcont .innerbox .flexbox .phcont{
		width:460px;
	}
	
	#research .numcont .innerbox .flexbox .phcont .pcap{
		font-size:1.3rem;
		line-height: 2.1rem;
		margin:0 0 5px 0;
	}
	
	#research .numcont .innerbox .flexbox .phcont .ptl{
		font-size:2rem;
		line-height: 3.6rem;
		margin:0 0 25px 0;
	}
	
	#research .numcont .innerbox .flexbox .phcont .pph{
		margin:0 0 25px 0;
	}
	
	#research .numcont .innerbox .flexbox .phcont .phtxcont .floatph{
		float: left;
		width:130px;
		margin:0 20px 20px 0;
		font-size:1.4rem;
		line-height: 2.8rem;
	}
	
	#research .numcont .innerbox .flexbox .phcont .phtxcont .ftl{
		font-size:1.8rem;
		line-height: 2.8rem;
		color:#1647a4;
		margin:0 0 5px 0;
	}
	
	#research .numcont .innerbox .flexph{
		display: flex;
		justify-content: space-between;
		padding:50px 0 0 0;
		flex-wrap: wrap;
	}
}

@media screen and (max-width:768px){
	
	#research .maintxcont{
		padding:60px 0 60px 0;
		width:90%;
		margin:0 auto;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
	
	#research .maintxcont .mtl{
		width:60%;
		margin:0 auto 40px;
	}
	
	#research .maintxcont .tx{
		font-size:1.2rem;
		line-height: 2.4rem;
		text-align: center;
	}
	
	#research .numcont{
		padding:60px 0 60px 0;
		background:#e5f6f9;
	}
	
	#research .numcont.box2{
		padding:60px 0 0 0;
		background:#fff;
	}
	
	#research .numcont.box3{
		margin:0 0 100px 0;
	}
	
	#research .numcont .innerbox{
		width:90%;
		margin:0 auto;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	
	#research .numcont .innerbox .txcont{
		width:100%;
	}
	
	#research .numcont .innerbox .txcont .numtl{
		padding:0 0 10px 0;
		margin:0 0 30px 0;
		position: relative;
		
	}
	
	#research .numcont .innerbox .txcont .numtl::after{
		content: "";
		width:25px;
		border-bottom:3px solid #23aad1;
		position: absolute;
		bottom:0;
		left:0;
		
	}
	
	#research .numcont .innerbox .txcont .numtl span{
		font-size:3rem;
		font-style: italic;
	}
	
	#research .numcont .innerbox .txcont .numtl strong{
		font-size:1.8rem;
		margin:0 0 0 15px;
	}
	
	#research .numcont .innerbox .txcont .subtl{
		font-size:1.5rem;
		margin:0 0 15px 0;
		font-weight: 600;
	}
	
	#research .numcont .innerbox .txcont .subtl2{
		font-size:1.4rem;
		margin:0 0 10px 0;
		line-height: 2.4rem;
		color:#1647a4;
	}
	
	#research .numcont .innerbox .txcont .subtl3{
		font-size:1.4rem;
		margin:0 0 10px 0;
		line-height: 2.4rem;
		color:#1a1a1a;
		padding:40px 0 0 0;
	}
	
	#research .numcont .innerbox .txcont .tx{
		font-size:1.2rem;
		line-height: 2.4rem;
		text-align: justify;
	}
	
	#research .numcont .innerbox .phbox{
		width:100%;
		margin:30px 0 0 0;
	}
	
	#research .numcont .innerbox .listbox{
		margin:60px 0 0 0;
		position: relative;
		border-top:1px solid #1647a4;
		border-bottom:1px solid #1647a4;
		padding:0 5% 0 5%;
		background:#fff;
		width:100%;
	}
	
	#research .numcont .innerbox .listbox .tl{
		text-align:center;
		position: relative;
		top:-0.9rem;
	}
	
	#research .numcont .innerbox .listbox .tl span{
		font-size:1.5rem;
		color:#fff;
		background:#1647a4;
		padding:5px 20px;
	}
	
	#research .numcont .innerbox .listbox .cap{
		font-size: 1.2rem;
		line-height: 2.4rem;
		text-align: left;
		padding:20px 0 0 0;
	}
	
	#research .numcont .innerbox .listbox .listflex{
		padding:30px 0 0;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	
	#research .numcont .innerbox .listbox .listflex .box{
		width:calc((100%) / 3);
		display: flex;
		flex-wrap: wrap;
		justify-content:flex-start;
		flex-direction: column;
		align-items: center;
		margin:0 0 40px 0;
		
	}
	
	#research .numcont .innerbox .listbox .listflex .box .numicon{
		width:26px;
		margin:0 0 10px 0;
	}
	
	#research .numcont .innerbox .listbox .listflex .box .sub{
		font-size:1.2rem;
		line-height: 2rem;
		margin:0 0 10px 0;
	}
	
	#research .numcont .innerbox .listbox .listflex .box .icon{
		height:50px;
		margin:0 0 15px 0;
	}
	
	#research .numcont .innerbox .listbox .listflex .box .icon img{
		height:100%;
		width:auto;
	}
	
	#research .numcont .innerbox .listbox .listflex .box .extx{
		font-size:1rem;
		line-height: 1.9rem;
		text-align: center;
	}
	
	#research .numcont .innerbox .flexbox{
		padding:60px 0 0 0;
		display: flex;
		justify-content: space-between;
		flex-direction: column;
		width:100%;
	}
	
	#research .numcont .innerbox .flexbox .phcont{
		width:100%;
		margin:0 0 60px 0;
	}
	
	#research .numcont .innerbox .flexbox .phcont .pcap{
		font-size:1.2rem;
		line-height: 2rem;
		margin:0 0 5px 0;
	}
	
	#research .numcont .innerbox .flexbox .phcont .ptl{
		font-size:1.5rem;
		line-height: 2.2rem;
		margin:0 0 20px 0;
	}
	
	#research .numcont .innerbox .flexbox .phcont .pph{
		margin:0 0 20px 0;
	}
	
	#research .numcont .innerbox .flexbox .phcont .phtxcont .floatph{
		float: left;
		width:130px;
		margin:0 20px 20px 0;
		font-size:1.4rem;
		line-height: 2.8rem;
	}
	
	#research .numcont .innerbox .flexbox .phcont .phtxcont .ftl{
		font-size:1.4rem;
		line-height: 2.3rem;
		color:#1647a4;
		margin:0 0 5px 0;
	}
	
	#research .numcont .innerbox .flexph{
		display: flex;
		justify-content: space-between;
		padding:30px 0 0 0;
		flex-wrap: wrap;
		line-height: 0;
	}
	
	#research .numcont .innerbox .flexph.box2{
		padding:10px 0 0 0;
	}
}