@charset "utf-8";
/* CSS Document */

html,bold{
  font-family: 'Noto Sans JP', sans-serif;
}
h1{color:#0c2442;
font-weight: 500;
font-size: 1.5em;
text-align: center;
color:#000;
}
section {

	position: relative;
	z-index: 4;
  text-align: center;
  padding: 0px 0px 0px 0px;
}

section .subtext {
	font-weight: 500;
  color: #0c2442;
  font-size: 1.3em;
  color:#FFF;
}

@media screen and (max-width: 768px) {/* 640px以下*/
	section .subtext {
		font-size: 0.9em;
	  color:#FFF;
	}
 }

/* 背景画像を表示する隙間 */
section.transparent {
	background-color: transparent;
	height: auto;
}

/* 画像を背景に固定　縦横の幅は100%で全画面表示 */
.bg02 {
	background-image: url(/lp-parts/2025_campaign_01/img/bk002.png);
	  background-size: cover;
	  background-attachment: fixed;
	  position: fixed;
	  width: 100%;
	  height: 100%;
	  top: 0;
	  left: 0;
	  margin:0;
	  padding:0;
  }
  .bg03 {
	background-image: url(/lp-parts/2025_campaign_01/img/bk003.png);
	  background-size: cover;
	  background-attachment: fixed;
	  position: fixed;
	  width: 100%;
	  height: 100%;
	  top: 0;
	  left: 0;
  }




/* フッター　サイトコンテンツと同じ同じ */
.footer_copyrights{
padding: 20px 0;
text-align: center;
color: #fff;
font-family: NotoSansCJKjp, "Hiragino Kaku Gothic Pro", "meiryo", sans-serif;
font-size: 0.75em;
background-color: #24a141;
}

.text-start{font-size:0.75rem;font-weight: 700;}
.text-start a{text-decoration: none;color:#fff;}

.pdg50{padding: 50px 0px 30px 0px;}
.pdg15{padding: 15px 30px;}
.pdg10{padding: 10px 35px }
.pdg60{padding:0px 60px;}

.stepbox{padding:10px;}
.stepbox h4{background:#0b2046;padding:4px 30px;margin-right:10px;margin-bottom:15px;color:#fff;border-radius: 5px;font-weight:700;}
.stepbox h4 span{color:#ffff00;}
.stepbox h3{color:#0b2046;}

.blur-box {
  background-color: rgba(255, 255, 255, 0.2); /* 半透明のボックス */
  backdrop-filter: blur(10px); /* 背後をぼかす */
  /* filter: blur(5px); */ /* 要素自体がぼける */
}

.blur-box2 {
	border-radius: 8px;
  background-color: rgba(20, 53, 95, 0.5); /* 半透明のボックス */
  backdrop-filter: blur(10px); /* 背後をぼかす */
  /* filter: blur(5px); */ /* 要素自体がぼける */
}

.blur-box3 {
  background-color: rgba(255, 255, 255, 0.5); /* 半透明のボックス */
  backdrop-filter: blur(5px); /* 背後をぼかす */
  /* filter: blur(5px); */ /* 要素自体がぼける */
  color:#0b2046;
  border-radius: 8px;
}
.blur-box3 p{background:#0b2046;padding:4px 50px;margin: 0px 0px 15px 0px;color:#fff;font-size:0.9em;font-weight: bold;}
.blur-box3 span{margin: 0px 0px 15px 0px;color:#0b2046;font-size:1.3em;}

.blur-box4 {
  background-color: rgba(255, 255, 255, 0.5); /* 半透明のボックス */
  backdrop-filter: blur(5px); /* 背後をぼかす */
  /* filter: blur(5px); */ /* 要素自体がぼける */
  color:#24a141;
  border-radius: 8px;
}
.blur-box4 p{background:#24a141;padding:4px;margin: 0px 0px 15px 0px;color:#fff;font-size:1.3em;font-weight: bold;text-align: center;}
.blur-box4 span{margin: 0px 0px 15px 0px;color:#0b2046;font-size:1.3em;}

.ttlbar{background:#0b2046;color:#fff;}

.btn-lg{font-size:2em;font-weight:bold ;background:#ff9900;border:#ff9900;}
.btn-md{font-size:1.2em;font-weight:bold ;background:#ff9900;border:#ff9900;padding: 25px 5px;}

.btn-lg2{font-size:1.3em;font-weight:bold ;background:#0f1c3e;border:#0f1c3e;}
.btn-md2{font-size:1em;font-weight:bold ;background:#0f1c3e;border:#0f1c3e;padding: 25px 5px;}

.wpforms-field-label{text-align: left;}
.btn-warning{color:#fff;background: #ff9900;}

