@charset "utf-8";
/* CSS Document */
/* adobefont */
#dp_test_lp {
  font-family: "yu-mincho-pr6n", sans-serif;
  font-weight: 500;
  font-style: normal;
}
/* //adobefont */
/* もっと見る */
.block-link {
  text-align: center;
  display: none;
}
/* 表示形式を非表示にする */
.block-goods-list--sort-order-items {
  display: none;
}
/* 表示件数（上）を非表示にする */
.block-goods-list--pager-top {
  display: none;
}
/* 表示件数（下）を非表示にする */
.block-goods-list--pager-bottom {
  display: none;
}
.block-thumbnail-t {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  margin-top: 30px;
}
.block-top-event {
  padding: 30px 0;
}
.text-bold {
  font-weight: 600;
}
.dp_test_maintext a {
  color: #0065b3;
}
.hazard_map-text a {
  color: #0065b3;
}
.cammoc-introduction-text02 a {
  color: #0065b3;
}
/* main top */
.dp_test_topimg {
  text-align: center;
}
.dp_test_maintext {
  text-align: center;
}
.dp_test_maintext h2 {
  font-size: 1.75rem;
  font-feature-settings: "palt";
  letter-spacing: 0.05em;
  line-height: 1.75;
  margin-bottom: 3rem;
}
.dp_test_text01 {
  background: #ffe68d;
  margin: 1.25rem auto;
  padding: 20px;
  width: 740px;
  letter-spacing: 0.05em;
  line-height: 1.75;
  font-weight: 400;
}
/* パーソナル防災診断とは */
.block-event-dp_test h2, .useful h2 {
  text-align: center;
  background: #000000;
  color: #ffffff;
  width: 700px;
  padding: 5px;
  border-radius: 100vh;
  margin: 1.75rem auto 2.5rem;
}
.block-event-dp_test p {
  text-align: center;
  margin: 2.5rem 0;
  font-weight: 400;
  letter-spacing: 0.05em;
  line-height: 1.75;
}
.block-event-dp_test, .useful {
  text-align: center;
}
/* アイコン */
.block-event--main-icon {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  text-align: center;
  margin: -60px 0 40px 0;
}
.main-yoshi-icon {
  background: #ffe68d;
  text-align: center;
  width: 230px;
  border-radius: 20px;
  padding-top: 10px;
  font-size: 1.25rem;
  margin: 20px;
}
.main-examiner-icon {
  background: #ffe68d;
  text-align: center;
  width: 230px;
  border-radius: 20px;
  padding-top: 10px;
  font-size: 1.25rem;
  margin: 20px;
}
.main-yoshi-icon p, .main-examiner-icon p {
  margin-top: 0;
  font-weight: 400;
  line-height: 1.25;
  padding-bottom: 10px;
  font-size: 1.05rem;
}
/* 吹き出し */
/* 防災士 */
.right-side {
  display: flex;
  justify-content: center;
  align-items: start;
  gap: 0 22px;
  margin: 1.25rem;
}
.right-side img {
  max-width: 70px;
  height: 100%;
  border: 3px solid #ffe68d;
  border-radius: 50%;
}
.right-side p {
  position: relative;
  width: 500px;
  margin: 3px 0 0;
  padding: .8em 1em;
  border-radius: 10px;
  background-color: #ffe68d;
  color: #333333;
  text-align: center;
  font-weight: 400;
  line-height: 1.5;
  padding-bottom: 10px;
  letter-spacing: 0.05em;
}
.right-side p::before {
  position: absolute;
  right: -10px;
  width: 15px;
  height: 30px;
  background-color: #ffe68d;
  clip-path: polygon(0 0, 100% 50%, 0 100%);
  content: '';
}
/* よっしー */
.left-side {
  display: flex;
  justify-content: center;
  align-items: start;
  gap: 0 22px;
  margin: 1.25rem;
}
.left-side img {
  max-width: 70px;
  height: 100%;
  border: 3px solid #ffe68d;
  border-radius: 50%;
}
.left-side p {
  position: relative;
  width: 500px;
  margin: 3px 0 0;
  padding: .8em 1em;
  border-radius: 10px;
  background-color: #ffe68d;
  color: #333333;
  text-align: center;
  font-weight: 400;
  line-height: 1.5;
  padding-bottom: 10px;
  letter-spacing: 0.05em;
}
.left-side p::before {
  position: absolute;
  left: -10px;
  width: 15px;
  height: 30px;
  background-color: #ffe68d;
  clip-path: polygon(0 50%, 100% 0, 100% 100%);
  content: '';
}
/* チェック */
.check {
  position: relative;
  margin: 2.75em auto 2rem;
  padding: 2em 1.15em 1.5em;
  border: solid 3px #000000;
  border-radius: 8px;
  width: 600px;
}
.check .check-title {
  position: absolute;
  display: inline-block;
  top: -13px;
  left: 10px;
  padding: 8px;
  line-height: 1;
  font-size: 19px;
  background: #000000;
  color: #ffffff;
  font-weight: bold;
  border-radius: 15px;
}
.check p {
  margin: 0;
  padding: 0;
}
.check ul {
  text-align: left;
}
/* ハザードマップ */
.hazard_map-simulation {
  display: flex;
  justify-content: space-evenly;
  align-items: stretch;
  background: #ffe68d;
  padding: 15px 0 5px;
  width: 740px;
  margin: 2.5rem auto;
}
.hazard_map-text {
  width: 310px;
  height: 234px;
  padding: 15px;
  background: #ffffff;
  margin: 0 35px 0 17px;
  ;
}
.hazard_map-text h3 {
  text-align: center;
  background: #000000;
  color: #ffffff;
  border-radius: 20px;
  padding: 3px;
}
.hazard_map {
  margin: 0 17px 0 35px;
}
.hazard_map img {
  width: 300px;
  height: auto;
}
/* タイトル微調整 */
.flood-damage h2 {
  margin: -20px auto 50px;
}
.commute, .test-last {
  margin: -60px auto 30px;
}
.bicycle-commuting h2 {
  margin: 50px auto;
}
.outdoor h2 {
  margin: 50px auto;
}
/* 商品紹介 */
.pickup-item {
  padding: 0.5em 1em;
  margin: 0.25rem auto 2rem;
  border: double 5px #000000;
  width: 600px;
}
.pickup-item h3 {
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.05em;
  line-height: 1.5;
  text-align: center;
}
/* cammoc */
.lp-end h2 {
  text-align: center;
  background: #000000;
  color: #ffffff;
  padding: 8px;
  border-radius: 100vh;
  width: 750px;
  margin: 0 auto 60px;
}
.lp-end p {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  color: #000;
  letter-spacing: 0.1em;
  text-align: center !important;
  padding-bottom: 20px;
}
.lp-end {
  position: relative;
  padding-bottom: 20px;
}
.main_under {
  background: linear-gradient(transparent 0%, #ffe27d 0%);
  padding: 4px 10px;
  font-weight: 600;
}
.text-small {
  font-size: 0.75rem;
}
.cammoc-introduction-logo {
  text-align: center;
  margin: 0 0 50px 0;
}
.cammoc-introduction p {
  font-size: 14px;
  letter-spacing: 0.1em;
  line-height: 1.5;
}
.cammoc-introduction-text01 {
  margin: 1.5rem 0;
}