@charset "utf-8";


/* baseSet
-------------------------------------------------------------------------------------------------------- */

#ptBox					{ padding:7rem 0 5rem; color:#fff; background-image:url(../images/feature/pagetitle_bg.png); }
#ptBox	 .bgBox	{ padding:5rem 0; background:linear-gradient(to right, rgba(0,72,138,0.95) 0%,rgba(0,54,104,0.9) 15%,rgba(0,54,104,0.2) 100%); background-blend-mode: multiply; }
#ptBox .titBox		{ text-align:center; margin-bottom:3rem; }
#ptBox h2			{ display:inline-block; text-align:left; padding:0 0 0 10rem; font-size:2rem; background:url(../images/common/feature_logo.png) no-repeat left top; background-size:8rem; }
#ptBox h2 span	{ display:block; font-size:3.4rem; font-weight:700; font-family: 'Oswald', sans-serif; }
#ptBox .txt		{ text-align:center; padding:0; }
@media screen and (max-width: 480px) {
#ptBox					{ padding:5rem 0 3rem; }
#ptBox	 .bgBox	{ padding:3rem 0; }
#ptBox .titBox		{ text-align:left; margin-bottom:2rem; }
#ptBox h2			{ padding:0 0 0 8rem; font-size:1.6rem; background-size:6rem; }
#ptBox h2 span	{ font-size:2.8rem; }
#ptBox .txt		{ text-align:left; padding:0; }
}



/* leadBox */
#leadBox		{ padding:11rem 0; text-align:center; border-bottom:#ccc 1px solid; }
#leadBox h2	{ color:#003e95; font-size:3.2rem; margin-bottom:3rem; }
#leadBox p		{ font-size:1.8rem; }
@media screen and (max-width: 480px) {
#leadBox		{ padding:4rem 0; text-align:left; }
#leadBox h2	{ font-size:2.2rem; margin-bottom:2rem; }
#leadBox p		{ font-size:1.4rem; }
}


/* feature */
#feature		{ padding:7rem 0 15rem; }
#feature .inBox			{ padding:20rem 0; background-size:contain; }
#feature .inBox.box1		{ padding-right:52%; background:url(../images/feature/feature_bg01.png) no-repeat right center; }
#feature .inBox.box2		{ padding-left:52%; background:url(../images/feature/feature_bg02.png) no-repeat left center; }
#feature .inBox.box3		{ padding-right:52%; background:url(../images/feature/feature_bg03.png) no-repeat right center; }
#feature .inBox.box4		{ padding-left:52%; background:url(../images/feature/feature_bg04.png) no-repeat left center; }
#feature .inBox .title	{ color:#003e95; font-size:3.2rem; margin-bottom:3rem; }
#feature .inBox p			{ font-size:1.8rem; }
@media screen and (max-width: 480px) {
#feature		{ padding:2rem 0 8rem; }
#feature .inBox			{ padding:20rem 0 0; margin-bottom:6rem; }
#feature .inBox.box1		{ padding-right:0; background:url(../images/feature/feature_bg01.png) no-repeat right top; background-size:100%; }
#feature .inBox.box2		{ padding-left:0; background:url(../images/feature/feature_bg02.png) no-repeat left top; background-size:100%; }
#feature .inBox.box3		{ padding-right:0; background:url(../images/feature/feature_bg03.png) no-repeat right top; background-size:100%; }
#feature .inBox.box4		{ padding-left:0; background:url(../images/feature/feature_bg04.png) no-repeat left top; background-size:100%; }



#feature .inBox .title	{ font-size:2.2rem; margin-bottom:1rem; }
#feature .inBox p			{ font-size:1.4rem; }


}