@charset "utf-8";
/* ----------------------------- 共通 ------------------------------- */
h2{font-size: 20px;font-family: 'Noto-Sans-JP-Regular'; line-height: 145%;}
h2.center{text-align: center;}
h2.center span{font-size: 42px;}
h2 span{font-size: 45px;font-feature-settings: "palt"; font-family: "fot-tsukuaoldmin-pr6n", sans-serif; font-weight: 300; font-style: normal; line-height: 145%; display: inline-block;}
.inner_box{width: 900px; margin: 0 auto;}
p.text{font-size: 16px; line-height: 225%;font-family: 'Noto-Sans-JP-Regular';font-feature-settings: "palt";}
p.gray{color: #9B9B9B; line-height: 175%;}
p.caption{font-size: 14px; padding: 17px 0 0; color: #000;line-height: 175%;font-family: 'Noto-Sans-JP-Regular';}
.img_box img{width: 100%; height: auto;}

main .bg_box{background: url(../images/index/bg_1.png) no-repeat center top; background-size: cover; }
/* ----------------------------- #fv ------------------------------- */
#fv .img_box img{width: 100%; height: auto;}
/* ----------------------------- #event_period ------------------------------- */
#event_period{padding: 143px 0 0;  }
#event_period .flex{display: flex; align-items: flex-start; justify-content: space-between; max-width: 1600px; margin: 0 auto; padding-right: 108px;}
#event_period .flex img{width: calc(100% - 740px); height: auto; min-width: 600px; max-width: 752px;}
#event_period .flex .text_box{width: 630px;margin:70px 0 0 7%;}
#event_period h2 span{padding: 3px 0 0; font-feature-settings: "palt";}
#event_period .flex .text_box p.text{padding: 20px 0 0;}

/*intro*/
#intro{ padding: 100px 0 0;}
#intro .text{padding: 40px 0 0;}
#intro .img_box_1{padding: 68px 0 0;}
#intro .img_box_2{padding: 100px 0 0;}

/* ----------------------------- #founding ------------------------------- */
#founding {padding: 130px 0 0;}
#founding .text{padding: 40px 0 0;}
#founding .img_box_1{padding: 68px 0 0;}
#founding .img_box_2{padding: 100px 0 0;}

/* ----------------------------- #concept ------------------------------- */
#concept{padding: 59px 0 0;}
#concept .text{padding: 33px 0 0;}
#concept .img_1{padding: 107px 0 0;}
#concept .img_2{padding: 58px 0 0;}

/* ----------------------------- #military ------------------------------- */
#military{padding: 58px 0 137px;}
#military .text{padding: 40px 0 0;}
#military .img_box{width: 480px; height: auto; margin: 0 auto; padding: 84px 0 0;}

/* ----------------------------- #contact ------------------------------- */
#contact .contact_box{background: url(../images/index/bg_3.png) no-repeat center center; background-size: cover;padding: 93px 0 77px;}
#contact .contact_box h2{text-align: center; font-size: 18px; line-height: 211%;}
#contact .contact_box .text_tt{text-align: center; font-size: 18px; line-height: 211%;font-feature-settings: "palt"; }
#contact .contact_box h2 span{padding: 0 0 10px;}
#contact .contact_box .bg_box{background: url(../images/index/bg_2.jpg) no-repeat center center; background-size: cover; width: 830px; height: auto; margin: 70px auto 0; text-align: center; padding: 48px 0 50px; }
#contact .contact_box .bg_box h3{font-size: 35px;font-family: "fot-tsukuaoldmin-pr6n", sans-serif; font-weight: 300; font-style: normal;  line-height: 160%;}
#contact .contact_box .bg_box .tt_box{width: 626px; margin: 30px auto 0; background: #fff; font-size: 16px; line-height: 180%; padding: 17px 0 24px;}
#contact .contact_box .bg_box .tt_box span{font-size: 22px; line-height: 146%; padding: 0 0 15px; display: inline-block;}



@media only screen and (max-width: 768px) {
	/* ----------------------------- 共通 ------------------------------- */
	h2{font-size: 16px;}
	h2 span{font-size: 29px; }
	h2.center span{font-size: 25px;}
	.inner_box{width: 90%; margin: 0 auto;}
	p.text{font-size: 15px;line-height: 175%; }
	p.caption{font-size: 12px; padding: 8px 0 0; }
	main .bg_box{background: url(../images/index/bg_1_sp_1.png) no-repeat center top,url(../images/index/bg_1_sp_2.png) no-repeat center bottom; background-size: 100%,100%;}

	/* ----------------------------- #event_period ------------------------------- */
	#event_period{ padding: 66px 0 0; }
	#event_period .event_box{width: 90%; height: auto; margin: 0 auto;}
	#event_period .flex{padding: 28px 0 0; flex-direction: column;}
	#event_period .flex img{width: 100%; height: auto; min-width: auto; max-width: 100%;}
	#event_period .flex .text_box{width: 100%;margin:34px 0 0;}
	#event_period h2{text-align: center;}
	#event_period h2 span{padding: 13px 0 0; line-height: 132%;}
	#event_period .flex .text_box p{padding: 0px;}
	
	/* ----------------------------- #founding ------------------------------- */
	#intro{padding: 65px 0 0;}
	#intro .text{padding: 20px 0 0;}
	#intro .img_box_1{padding: 34px 0 0;}
	#intro .img_box_2{padding: 50px 0 0;}
	
	
	/* ----------------------------- #founding ------------------------------- */
	#founding{padding: 65px 0 0;}
	#founding .text{padding: 20px 0 0;}
	#founding .img_box_1{padding: 34px 0 0;}
	#founding .img_box_2{padding: 50px 0 0;}
	
	/* ----------------------------- #concept ------------------------------- */
	#concept{padding: 30px 0 0;}
	#concept .text{padding: 17px 0 0;}
	#concept .img_1{padding: 54px 0 0;}
	#concept .img_2{padding: 29px 0 0;}
	
	/* ----------------------------- #military ------------------------------- */
	#military{padding: 30px 0 95px;}
	#military .text{padding: 20px 0 0;}
	#military .img_box{width: 100%; padding: 42px 0 0;}
	
	/* ----------------------------- #contact ------------------------------- */
	#contact .contact_box{background: url(../images/index/bg_3_sp.png) no-repeat center top; background-size: 100%;padding: 38px 0 48px;}
	#contact .contact_box .text_tt{text-align: center; font-size: 11px; line-height: 211%;}
	#contact .contact_box h2 span{padding: 0 0 10px;}
	#contact .contact_box .bg_box{background: url(../images/index/bg_2_sp.jpg) no-repeat center center; background-size: cover; width: 100%; height: auto; margin: 40px auto 0; padding: 25px 0 28px; }
	#contact .contact_box .bg_box h3{font-size: 21px;}
	#contact .contact_box .bg_box .tt_box{width: 85%; margin: 21px auto 0; font-size: 12px; padding: 17px 0 18px;}
	#contact .contact_box .bg_box .tt_box span{font-size: 19px; padding: 0 0 8px;}

}