@charset 'utf-8';
/*
 * name:ikeda-lp.css
 * author:Sovanda
*/

/* ikeda lp
------------------------------------------------ */
@font-face {
    font-family: 'Bebas Neue';
    src: url('../fonts/BebasNeue Regular.ttf') format('truetype');
    font-weight: normal;
  	font-style: normal;
}
#container { padding-top: 0; }
.section img { width: 100%; }
#visual { margin-top: 80px; position: relative; background: url(../../img/2026/lp/lp2026_top_pc.jpg) no-repeat center; background-size: cover; width: 100%; height: calc(100vh - 80px); min-height: 550px; }
#visual.chikyu-brand-detail-visual{ background: url(../../img/2026/lp/lp-chikyu2026_top_pc.jpg) no-repeat center / cover; }
.visual__block { position: absolute; width: 410px; left: 50%; top: 45%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.visual__block--logo { max-width: 122px; display: block; margin: 0 auto 40px; }
.visual__block--logo.logo-width-full{ max-width: 290px; }
.visual__block--desc { text-align: center; }
.visual__block--desc dt { max-width: 380px; font-size: 18px; font-size: 1.8rem; font-weight: bold; letter-spacing: 0.1em; background: #fff; color: #011E41; margin:0 auto 30px; padding: 7px 0; }
.visual__block--desc dd { font-size: 16px; font-size: 1.6rem; line-height: 2.1875; letter-spacing: .08em; color: #fff; }
.visual__block--strong{ margin-top: 30px; font-size: 2.6rem; font-weight: bold; letter-spacing: 0.08em; line-height: calc(35/26); color:#fff; text-align: center; }
.visual--btn { font-size: 10px; font-size: 1rem; font-style: italic; letter-spacing: 0.1em; position: absolute; left: 50%; bottom: 35px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.visual--btn a { position: relative; color: #fff; }
.visual--btn a:after { position: absolute; top: 10px; left: calc( 50% - 12px ); content: ''; display: block; margin: 0 auto; width: 20px; height: 20px; border-right: 2px solid #fff; border-bottom: 2px solid #fff; transform: rotate(45deg); animation: fuwafuwa 2s infinite; }

/* section about */
#about {  }
.about__story { padding: 60px 0; }
.about__block { display: flex; flex-wrap: wrap; align-items: center; }
.about__block:not(:last-child) { margin-bottom: 60px; }
.about__block__pic { width: 52.7%; padding-bottom: 35%; -webkit-box-sizing: border-box; box-sizing: border-box; }
.about__block__desc { width: 43%; margin-right: 4.3%; }
.about__block__desc--tag { height: 17px; margin-bottom: 14%; }
.about__block__desc--tag img { width: auto; height: 100%; }
.about__block__desc--title { font-size: 30px; font-size: 3rem; font-weight: bold; letter-spacing: .08em; color: #011E41; margin-bottom: .65em; }
.about__block__desc--cmn { font-size: 18px; font-size: 1.8rem; letter-spacing: .05em; line-height: 2; color:#011E41; }
.about__history .about__block__desc--cmn { color:#fff; }
.about__block__desc--cmn small{ display: block; font-size: 1.4rem; line-height: calc(36 / 14); color:#6E6C6C; }
.about__block:nth-child(2n) { flex-direction: row-reverse; }
.about__block:nth-child(2n) .about__block__desc { margin-left: 4.3%; margin-right: 0; }
.about__history { padding: 60px 0; background: #011E41; color: #fff; }
.about__history .about__block { align-items: flex-start; }
.about__history .about__block__pic{ padding: 0; }
.about__history .about__block__desc { margin-top: 9%; }
.about__history .about__block__desc--title { color: #fff; }
.about__nasa { position: relative; display: block; overflow: hidden; }
.about__nasa--desc { font-size: 1.31vw; letter-spacing: 0.05em; line-height: 2; position: absolute; width: 54.4%; bottom: 17%; right: 6%; color: #fff; }

/* section product */
#product { padding: 95px 0 40px; background: #F2F2F2; overflow: hidden; }
#product.chikyu-brand{ padding-bottom: 98px; }
.product--title { position: relative; padding: 0 60px; display: table; margin:0 auto 95px; font-size: 1.4rem; font-family: 'Hiragino Mincho ProN', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Meiryo', 'メイリオ', 'ＭＳ Ｐゴシック', 'MS P Gothic', Osaka, Arial, Helvetica, Verdana, sans-serif; letter-spacing: 0.05em; color:#6E6C6C; text-align: center; }
.product--title:before,
.product--title:after{ content: ''; height: 1px; width: 30px; position: absolute; top: 50%; transform: translateY(-50%); background-color: #6E6C6C; }
.product--title:after{ right: 0; }
.product--title:before{ left: 0; }
.product__links { display: flex; justify-content: center; margin-bottom: 50px; }
.product__links--items { font-size: 18px; font-size: 1.8rem; font-weight: bold; max-width: 330px; width: 100%; letter-spacing: .05em; display: block; overflow: hidden; margin: 0 40px; -webkit-border-radius: 10px; border-radius: 10px; }
.product__links--items a { position: relative; display: block; padding: 26px 50px; color: #fff; }
.product__links--items a:after { content: ''; display: block; width: 8px; height: 16px; position: absolute; right: 40px; top: calc( 50% - 8px ); background: url(../../img/share/icon_arrow_w.svg) no-repeat; background-size: 100%; }
.product__links--boys { background: #021E41; }
.product__links--girls { background: #CE1017; }
.product__block { position: relative; padding: 80px 0; }
.product__block:not(:first-child):before { content: ''; display: block; width: 100%; height: 1px; position: absolute; top: 0; left: 0; border-bottom: 1px dashed #707070; }
.product__block__main { display: flex; flex-wrap: wrap; }
.product__block__pic { width: calc( 57.2%); margin-right: -83px; }
.product__block__desc { width: 39.6%; margin: 0 3.2% 0 0; }
.product__block__desc--title { position: relative; font-weight: normal; padding-bottom: 6%; margin-bottom: 7.5%; }
.product__block__desc--title .Jp { font-size: 12px; font-size: 1.2rem; letter-spacing: 0.05em; }
.product__block__desc--title .En { font-family: 'Bebas Neue'; font-size: 58px; font-size: 5.8rem; font-weight: bold; letter-spacing: 0.08em; line-height: 1.1; }
.product__block__desc--title:after { content: ''; display: block; position: absolute; bottom: 0; left: 0; width: 60px; height: 1.5px; background: #08182F; }
.product__block__desc--cmn { font-size: 16px; font-size: 1.6rem; line-height: 2.12; min-height: 10.6em; margin-bottom: 4%; }
.product__block__desc--part { max-width: 448px; }
.product__block__desc--btn { font-size: 22px; font-size: 2.2rem; letter-spacing: 0.08em; max-width: 84.8%; text-align: center; margin-top: 9%; }
.product__block__desc--btn a { display: block; color: #fff; background: #011E41; padding: .9em 0; -webkit-border-radius: 6px; border-radius: 6px; }
.product__block__lists { margin-top: 85px; }
.product__block__lists ul { display: flex; flex-wrap: wrap; }
.product__block__lists ul li { width: 47.3%; margin-right: 5.4%; position: relative; display: flex; flex-wrap: wrap; }
.product__block__lists ul li:nth-child(2n) { margin-right: 0; }
.product__block__lists ul li:nth-child(n+3) { margin-top: 8%; }
.product__block__lists--point { width: 13%; position: absolute; left: -6.5%; top: -14%; }
.product__block__lists--pic { width: 47.5%; margin-right: 4.6%; }
.product__block__lists__desc { width: 47.9%; margin-top: 8.8%; }
.product__block__lists__desc--tlt { position: relative; margin-bottom: 5%; font-size: 1.9rem; font-weight: 600; font-family: 'Hiragino Mincho ProN', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Meiryo', 'メイリオ', 'ＭＳ Ｐゴシック', 'MS P Gothic', Osaka, Arial, Helvetica, Verdana, sans-serif; letter-spacing: 0.05em; line-height: calc(41 / 27); color:#000; }
.product__block__lists__desc--tlt.small{ font-size: 1.4rem; }
.product__block__lists__desc--tlt:before { content: ''; display: block; width: 40px; height: 1px; background: #000; position: absolute; left: -48px; top: 11px; }
.product__block__lists__desc--cmn { font-size: 14px; font-size: 1.4rem; line-height: 1.857; letter-spacing: 0.05em; }

/* section link */
#link { padding: 120px 0 150px; }
.link--title { text-align: center; }
.link--title .En { height: 17px; margin-bottom: 19px; }
.link--title .En img { width: auto; height: 100%; }
.link--title .Jp { font-size: 30px; font-size: 3rem; letter-spacing: 0.08em; line-height: 1.2; }
.link--desc { font-size: 16px; font-size: 1.6rem; letter-spacing: 0.05em; text-align: center; margin-top: 20px; }
.link__lists { margin-top: 75px; }
.link__lists ul { display: flex; flex-wrap: wrap; }
.link__lists ul li { width: 47.5%; margin-right: 5%; }
.link__lists ul li:nth-child(2n) { margin-right: 0; }
.link__lists ul li:nth-child(n+3) { margin-top: 50px; }
.link__lists ul li a { display: block; }
.link__lists__desc { text-align: center; margin-top: 20px; }
.link__lists__desc--title { font-size: 18px; font-size: 1.8rem; letter-spacing: 0.08em; line-height: 1.555; }
.link__lists__desc--cmn { font-size: 14px; font-size: 1.4rem; letter-spacing: 0.05em; line-height: 1.857; margin-top: 3.5%; }

@keyframes fuwafuwa {
  0% { top: 10px; opacity: 1; }
  50% { top: 25px; opacity: 0; }
  100% { top: 10px; opacity: 0; }
}

/* Responsive
------------------------------------------------ */
@media screen and (min-width: 769px) {
	.product__block__main{ align-items: flex-end; }
	#product-04 .product__block__desc--cmn{ min-height: 7.6em; }
	#product-04 .product__block__desc--title{ margin-bottom: 6%; }
}

@media screen and (max-width: 1366px) {
	.product__block__pic {
		width: calc( 57.2% + 20px );
	}
    .product__block__lists__desc--tlt { font-size: 1.39092240117vw; }
    .product__block__lists__desc--tlt.small{ font-size: 1.0980966325vw; }
}

@media screen and (max-width: 1240px) {
	.about__block__desc--title { font-size: 2.41vw; }
	.about__block__desc--cmn { font-size: 1.45vw; }

	.product__block__desc--title .Jp { font-size: .9677vw; }
	.product__block__desc--title .En { font-size: 4.677vw; }
	.product__block__desc--cmn { font-size: 1.29vw; }
	.product__block__desc--btn { font-size: 1.77vw; }
	.product__block__lists__desc--cmn { font-size: 1.129vw; }
	.link__lists__desc--title { font-size: 1.45vw; }
	.link__lists__desc--cmn { font-size: 1.129vw; }
}

@media screen and (max-width: 768px) {
	#visual { margin-top: 60px; background: url(../../img/2026/lp/lp2026_top_sp.jpg) no-repeat center; background-position: center bottom; background-size: cover; min-height: unset; height: calc((var(--vh, 1vh) * 100) - 60px ); }
	#visual.chikyu-brand-detail-visual{background: url(../../img/2026/lp/lp-chikyu2026_top_sp.jpg) no-repeat center bottom; background-size: cover; }
	.visual__block { position: absolute; width: 100%; max-width: 300px; left: 50%; top: 45%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
	.visual__block--logo { display: block; margin: 0 auto 25px; }
	.visual__block--logo.logo-width-full{ max-width: 235px; }
	.visual__block--desc dt { font-size: 15px; font-size: 1.5rem; margin-bottom: 20px; padding: 6px 0; }
	.visual__block--desc dd { font-size: 14px; font-size: 1.4rem; line-height: 1.57; }
	.visual--btn { bottom: 30px; }
	.visual__block--strong{ font-size: 2rem; }

	/* section about */
	#about {  }
	.about__story { padding: 55px 0; }
	.about__block { display: block; }
	.about__block:not(:last-child) { margin-bottom: 50px; }
	.about__block__pic { width: 100%; padding-bottom: 66%; }
	.about__block__desc { width: 100%; margin-right: 0; margin-bottom: 30px; }
	.about__block__desc--tag { height: 15px; margin-bottom: 25px; }
	.about__block__desc--title { font-size: 19px; font-size: 1.9rem; margin-bottom: 15px; }
	.about__block__desc--cmn { font-size: 14px; font-size: 1.4rem; }
	.about__block:nth-child(2n) .about__block__desc { margin-left: 0 }
	.about__block__desc--cmn small{ margin-top: 0; line-height: calc(36 / 24); }
	.about__history { padding: 45px 0; }
	/* .about__history .about__block__pic { padding: 8% 5.7%; } */
	.about__history .about__block__desc { margin-top: 0; }
	.about__nasa--desc { font-size: 4.375vw; line-height: 1.57; position: absolute; width: 87.5%; bottom: auto; top: 30.5%; right: 6.25%; }

	/* section product */
	#product { padding: 45px 0 0; }
	#product.chikyu-brand{ padding-bottom: 98px; }
	.product--title { height: 16px; margin-bottom: 43px; }
	.product__links { display: block; margin-bottom: 0; }
	.product__links--items { font-size: 13px; font-size: 1.3rem; max-width: 220px; width: 100%; margin: 0 auto; -webkit-border-radius: 4px; border-radius: 4px; }
	.product__links--items a { padding: 17px 35px; }
	.product__links--items a:after { content: ''; display: block; width: 6px; height: 14px; position: absolute; right: 35px; top: calc( 50% - 6px ); }
	.product__links--boys { margin-bottom: 20px; }
	.product__block { padding: 40px 0; }
	.product__block__main { display: flex; flex-wrap: wrap; flex-direction: column-reverse; margin-bottom: 75px; margin-right: 0 !important; }
	.product__block__pic { width: 100%; margin-right: 0;}
	.product__block__desc { width: 100%; margin: 28px 0 0 0; }
	.product__block__desc--title { padding-bottom: 15px; margin-bottom: 20px; }
	.product__block__desc--title .Jp { font-size: 11px; font-size: 1.1rem; }
	.product__block__desc--title .En { font-size: 35px; font-size: 3.5rem; }
	.product__block__desc--title:after { width: 35px; }
	.product__block__desc--cmn { font-size: 14px; font-size: 1.4rem; line-height: 1.57; min-height: inherit; margin-bottom: 25px; }
	.product__block__desc--part { max-width: 100%; }
	.product__block__desc--btn { font-size: 16px; font-size: 1.6rem; max-width: 100%; margin-top: 23px; }
	.product__block__desc--btn a { padding: .9em 0; -webkit-border-radius: 4px; border-radius: 4px; }
	.product__block__lists { margin-top: 0; padding: 0 15px; }
	.product__block__lists ul { display: block; }
	.product__block__lists ul li { width: 100%; margin-right: 0; }
	.product__block__lists ul li:nth-child(2n) { margin-right: 0; }
	.product__block__lists ul li:not(:first-child),
	.product__block__lists ul li:nth-child(n+3) { margin-top: 55px; }
	.product__block__lists--point { width: 70px; position: absolute; left: -35px; top: -35px; }
	.product__block__lists--pic { width: 100%; margin-right: 0; }
	.product__block__lists__desc { width: 100%; margin-top: 20px; }
	.product__block__lists__desc--tlt { margin-bottom: 12px; font-size: 1.8rem; }
	.product__block__lists__desc--tlt.small{ font-size: 1.6rem; }
	.product__block__lists__desc--tlt:before { display: none; }
	.product__block__lists__desc--cmn { font-size: 14px; font-size: 1.4rem; line-height: 1.57; }

	/* section link */
	#link { padding: 55px 0 120px; }
	.link--title .En { height: 15px; margin-bottom: 8px; }
	.link--title .Jp { font-size: 19px; font-size: 1.9rem; }
	.link--desc { font-size: 13px; font-size: 1.3rem; margin-top: 12px; }
	.link__lists { margin-top: 28px; padding: 0 15px; }
	.link__lists ul { display: block; }
	.link__lists ul li { width: 100%; margin-right: 0; }
	.link__lists ul li:not(:first-child),
	.link__lists ul li:nth-child(n+3) { margin-top: 35px; }
	.link__lists__desc { margin-top: 15px; }
	.link__lists__desc--title { font-size: 14px; font-size: 1.4rem; line-height: 1.555; }
	.link__lists__desc--cmn { font-size: 13px; font-size: 1.3rem; line-height: 1.61; margin-top: 10px; }
}