@charset "utf-8";
#fv{background: url(../images/introduction/fv_bg.jpg) no-repeat center center; background-size: cover;}

/* ------------------------------------------------------------ #introduction ------------------------------------------------------------ */
#introduction{padding: 83px 0 100px;}
#introduction .box:not(:first-child){padding: 100px 0 0 ;}
#introduction .box h2{font-family: "Zen Old Mincho", serif; font-weight: 600; font-style: normal; font-size: 33px;}
#introduction .box ul{display: flex; flex-wrap: wrap; padding: 34px 0 0;}
#introduction .box_1 ul{gap: 18px 72px;}
#introduction .box_2 ul{gap: 18px 24px;}
#introduction .box ul li img{width: 100%; height: auto;}
#introduction .box ul li span{font-size: 17px; line-height: 100%; font-family: "Zen Old Mincho", serif; font-weight: 600; font-style: normal; display: block;}
#introduction .box_1 ul li span{padding: 8px 0 0;}
#introduction .box_2 ul li span{padding: 14px 0 0;}
#introduction .box_1 ul li{width: calc(100% / 2 - 36px); height: auto;}
#introduction .box_2 ul li{width: calc(100% / 4 - 18px); height: auto;}
.cta {padding: 70px 0 133px;}

/* ------------------------------------------------------------ mobile ------------------------------------------------------------ */
#sponsorship { padding: 65px 0; background: url(../images/index/bg_03.jpg) center/cover no-repeat; }
#sponsorship .main-title { margin-bottom: 30px; font-size: 31px; }

.sponsorship__box { padding: 50px 50px 70px; background: rgba(255,255,255,0.94); text-align: center; }
.sponsorship__body { width: 76%; margin: 0 auto 15px; }
.sponsorship__body p { padding-bottom: 10px; line-height: 220%; font-size: 16px; }
.sponsorship__body p strong{ font-size: 25px; font-family: "Zen Old Mincho", serif; font-weight:600; font-style: normal;font-size: 25px; line-height: 170%; }
.sponsorship__box .button { margin: 0 auto; }
.sponsorship__box .button a{ background: #C35129; }
@media only screen and (max-width: 768px) {

	.cta { padding: 70px 0 50px; }

/* ------------------------------------------------------------ #introduction */
	#introduction { padding: 40px 0 35px; }
	#introduction .box:not(:first-child) { padding: 55px 0 0; }
	#introduction .box h2 { font-size: 22px; }
	#introduction .box ul { padding: 22px 0 0; }
	#introduction .box_1 ul { display: block; }
	#introduction .box_2 ul { gap: 18px 4%; }
	#introduction .box_1 ul li { width: 100%; }
	#introduction .box_1 ul li:not(:last-child) { padding: 0 0 18px; }
	#introduction .box_2 ul li { width: calc(100% / 2 - 2%); }
	#introduction .box ul li span { font-size: 14px; }
	#introduction .box_1 ul li span { padding: 8px 0 0; }
	#introduction .box_2 ul li span { padding: 10px 0 0; }

/* --------------------------------------------------------------------------- sponsorship */
	#sponsorship { padding: 25px 0 40px; background: url(../images/index/bg_03-sp.jpg) center/cover no-repeat; }
	#sponsorship .main-title { margin-bottom: 25px; font-size: 25px; }

	.sponsorship__box { padding: 35px 5% 35px; }
	.sponsorship__body { width: 100%; margin-bottom: 10px; text-align: left; }
	.sponsorship__body p { line-height: 190%; font-size: 14px; }
	.sponsorship__body p.center{ text-align: center; }
	.sponsorship__body p strong{ font-size: 16px; }

	.sponsorship__box .button { width: 100%; }
	
}