@media (min-width: 768px) {
    .sp {
      display: none !important;
    }
  }
  @media (max-width: 767px) {
    .pc {
      display: none !important;
    }
  }

.bg_orange{
  background: #fbf8f6;
}

div.cpa_btn_area {
  width: 90%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;

  a.unit_fund_btn {
    display: block;
    background: #00b4cb;
    box-shadow: 4.3px 2.5px 0 0 rgba(15, 56, 118, 0.8);
    border-radius: 20px;
    width: 44%;
    padding: 10px 0;
    font-family: "M PLUS 1p", sans-serif;
    font-size: 28px;
    color: #fff;
    font-weight: 500;
    text-align: center;
    margin: 0 auto;
    transition: 1s;
  }
  a.unit_fund_btn:hover {
    opacity: .5;
  }

  a.unit_account_btn {
    display: block;
    background: #ea531f;
    box-shadow: 4.3px 2.5px 0 0 rgba(118, 42, 15, 0.8);
    border-radius: 20px;
    width: 44%;
    padding: 10px 0;
    font-family: "M PLUS 1p", sans-serif;
    font-size: 28px;
    color: #fff;
    font-weight: 500;
    text-align: center;
    margin: 0 auto;
    transition: 1s;
  }
  a.unit_account_btn:hover {
    opacity: .5;
  }
}
@media (max-width: 767px) {
div.cpa_btn_area {
  width: 90%;
  margin: 0 auto;
  flex-direction: column;
  gap: 20px;

  a.unit_fund_btn {
    width: 100%;
    font-size: 7vw;
    margin-bottom: 10px;
  }

  a.unit_account_btn {
    width: 100%;
    font-size: 7vw;
  }
}
}

span.plus{
  display: inline-block;
  vertical-align: top;
  margin-top: -1%;
}
small{
  font-size: 80%;
}


/*============================
#ob_campain
============================*/
main#ob_campain {
  font-family: "Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif;
  margin-top: -60px;
	section.mv {
    background-image:
      url(/assets/img/mv_obi.724023cf.png),
      url(/assets/img/bg_main2.f29d39bf.png),
      url(/assets/img/bg_main1.97cdcfc2.png);
    background-repeat:
      no-repeat,
      no-repeat,
      no-repeat;
    background-position:
      center calc(100%),
      top center,
      top center;
    padding-top: 15vw;
    background-size:
      clamp(600px, 100vw, 3000px),
      cover,
      cover;
    text-align: center;
    padding-bottom: 30vw;

    div.main_img {
      max-width: 1050px;
      margin: 0 auto;
			p.primary_area {
        margin-bottom: 100px;
				img {
          width: 90%;
				}
			}
			p.secondary_area {
				img {
          width: 60%;
				}
			}
			p.text {
        font-family: "M PLUS 1p", sans-serif;
        font-size: 24px;
        display: table;
        margin: 0 auto;
        background: #fbf8f6;
			}
      @media (max-width: 767px) {
        p.text{
          font-size: 1.6rem;
        }
      }
		}
	}
  @media (max-width: 767px) {
    section.mv {
      background-image:
        url(/assets/img/bg_main2.f29d39bf.png),
        url(/assets/img/bg_main1.97cdcfc2.png);
      background-repeat:
        no-repeat,
        no-repeat;
      background-position:
        top center,
        top center;
      padding-bottom: 0;

      .mvbottom{
        margin-top: 40px;
      }
    }
  }
	section.intro_area {
    background: url(/assets/img/bg_second.9f57bcc3.png) bottom center #fff;
    background-size: cover;
    padding-top: clamp(40px, 10vw, 100px);
    padding-bottom: clamp(40px, 10vw, 100px);

    div.wrap {
      width: 1050px;
      margin: 0 auto;

      div.btn_area {
        margin-bottom: 100px;
				a.account_btn {
          display: block;
          background: #ea531f;
          box-shadow: 4.3px 2.5px 0 0 rgba(118, 42, 15, 0.8);
          border-radius: 20px;
          width: 650px;
          padding: 20px 0;
          font-family: "M PLUS 1p", sans-serif;
          font-size: 30px;
          color: #fff;
          font-weight: 500;
          text-align: center;
          margin: 0 auto;
				}@media (max-width: 767px) {
          a.account_btn{
            width: 90%;
            font-size: 5vw;
          }
        }
			}
			p.intro_maintext {
        font-size: 40px;
        font-family: "M PLUS 1p", sans-serif;
        color: #444444;
        margin-bottom: 50px;
        text-align: center;
			}@media (max-width: 767px) {
        p.intro_maintext{
          font-size: 30px;
        }
      }
			div.text_shadow_box {
        background: #fff;
        padding: 20px;
        color: #444444;
        margin: 20px auto 0 auto;
        -webkit-box-shadow: 0px 1.61319px 4.03297px 0px rgba(0, 0, 0, 0.15);
        box-shadow: 0px 1.61319px 4.03297px 0px rgba(0, 0, 0, 0.15);
        display: table;
        p {
          font-size: 26px;
          font-weight: 500;
				}
			}@media (max-width: 767px) {
        div.text_shadow_box{
          width: 90%;
          p {
            font-size: 18px;
          }
        }
      }
		}
    @media (max-width: 767px) {
      div.wrap{
        width: 100%;
      }
    }
	}
	section.fund_area {
    padding-top: clamp(40px, 10vw, 100px);
    padding-bottom: clamp(40px, 10vw, 100px);
		div.wrap {
      width: 1050px;
      margin: 0 auto;
      padding: 0 5%;

      p.contents_title {
        font-family: "M PLUS 1p", sans-serif;
        font-size: 30px;
        color: #8f5631;
        font-weight: 500;
      }

      div.fund_info {
        background: #fff;
        padding: 20px;
        border: solid 1px #444;
        margin-bottom: 40px;

        dl {
          display: flex;
          justify-content: space-between;
          color: #444;
					dt {
						p.name {
              font-size: 20px;
              font-weight: 500;
              margin-bottom: 20px;
              display: flex;
              align-items: center;
              line-height: 2.6rem;
						}
						p.name::before {
              content: "";
              display: block;
              width: 50px;
              height: 38px;
              background-image: url(/assets/img/fund_icon.e6ce9a74.png);
              background-size: contain;
              background-repeat: no-repeat;
						}

            p.detail {
              font-size: 16px;
              line-height: 36px;

						}
					}
					dd.fund_photo {
            text-align: right;
						img {
              width: 80%;
						}
					}
				}@media (max-width: 767px) {
          dl{
            flex-direction: column;
            dt{
              p.name{
                font-size: 3.6vw;
              }
              p.detail{
                font-size: 3.2vw;
                line-height: 5vw;
                margin-bottom: 20px;
              }
            }
            dd.fund_photo{
              text-align: center;
            }
          }
        }
			}
		}
    @media (max-width: 767px) {
      div.wrap{
        width: 100%;
      }
    }
	}
	section.campaign_detail {
    padding-top: clamp(40px, 10vw, 100px);
    padding-bottom: clamp(40px, 10vw, 100px);
		div.wrap {
      width: 1050px;
      margin: 0 auto;
      padding: 0 5%;
      
			p.contents_title {
        font-family: "M PLUS 1p", sans-serif;
        font-size: 30px;
        color: #8f5631;
        font-weight: 500;
        margin-bottom: 20px;
      }
			div.detail_block {
        margin-bottom: 40px;

        p.block_title {
          font-size: 24px;
          color: #ea531f;
          display: flex;
          align-items: center;
				}
        @media (max-width: 767px) {
          p.block_title {
            font-size: 5.6vw;
            line-height: 100%;
          }
        }
        p.block_title::before {
          content: "";
          flex-shrink: 0;
          width: 12px;
          height: 30px;
          background: #ea531f;
          border-radius: 6px;
          margin-right: 8px;
        }
				div.eligible_list {
          ul {
            display: flex;
            justify-content: space-between;
            align-items: stretch;
            margin-top: 20px;
						li {
              border: #444 solid 2px;
              border-radius: 20px 0 20px 0;
              font-size: 15px;
              line-height: normal;
              width: 23%;
              padding: 40px 5px;
							p.icon {
                text-align: center;
								img {
                  width: 60%;
								}
							}
							p.text {
                margin: 10px auto 0 auto;
                display: table;
							}
						}
					}
          @media (max-width: 767px) {
            ul{
              flex-direction: column;
              gap: 20px;
              align-items: center;
              li{
                width: 70%;
              }

            }
          }
				}
				p.detail_text {
          padding-left: 20px;
          font-size: 20px;
				}
        @media (max-width: 767px) {
          p.detail_text {
            font-size: 4.8vw;
          }
        }
				div.table_cotainer {
          margin-top: 20px;
          
          div.table_area {
            display: flex;
            justify-content: space-between;
						table {
              width: 60%;
              font-size: 20px;
              color: #444;
							thead {
                tr {
                  background-color: #f7e9e4;
									th {
                    padding: 10px 20px;
									}
									th:nth-child(2) {
                    text-align: center;
									}
								}
							}
							tbody {
                tr {
                  background-color: #fff;
									td {
                    padding: 10px 20px;
									}
									td:nth-child(2) {
                    text-align: center;
									}
								}
								tr:nth-child(odd) {
                  background-color: #fbf4f2;
								}
								tr:last-child {
                  font-weight: 500;
								}
							}
						}
						div.table_img {
              width: 40%;
              text-align: right;
              align-self: center;
							p {
								img {
                  width: 80%;
								}
							}
						}
					}
          @media (max-width: 767px) {
            div.table_area {
              flex-direction: column;
              table {
                width: 100%;
                font-size: 3.6vw;
						  }
              div.table_img {
                width: 80%;
                text-align: center;
                padding: 20px;
              }
  					}            
          }

          p.atte_text {
            margin-top: 20px;
            font-size: 16px;
					}
          @media (max-width: 767px) {
            p.atte_text {
              font-size: 12px;
            }
          }
				}
				ul.attention_area {
          padding: 20px 0 0 20px;
					li {
            position: relative;
            padding-left: 16px;
            margin-bottom: 16px;
            line-height: 1.8;
            font-size: 14px;
          }
          li::before {
            content: "";
            position: absolute;
            left: 0;
            top: 0.6em;
            width: 10px;
            height: 10px;
            background: #444;
            border-radius: 50%;
          }
				}
			}
		}
    @media (max-width: 767px) {
      div.wrap{
        width: 100%;
      }
    }
	}
	section.obp_about {
    padding-top: clamp(40px, 10vw, 100px);
    padding-bottom: clamp(40px, 10vw, 100px);
		div.wrap {
      width: 1050px;
      margin:0 auto;
      padding: 0 5%;
			p.contents_title {
        font-family: "M PLUS 1p", sans-serif;
        font-size: 30px;
        color: #8f5631;
        font-weight: 500;
        margin-bottom: 20px;
      }
			div.about_list_area {
				dl {
          background: #fff;
          border: solid 1px #444;
          border-radius: 20px;
          position: relative;
          display: flex;
          padding: 10px 20px 20px 55px;
          margin-bottom: 40px;

          dt {
            width: 80%;
						span.num {
              background: #8f5631;
              border-radius: 20px 0 20px 0;
              font-weight: 700;
              font-size: 28px;
              position: absolute;
              top: 0;
              left: 0;
              width: 50px;
              height: 50px;
              color: #fff;
              text-align: center;
						}
						p.list_title {
              color: #8f5631;
              font-size: 20px;
              font-weight: 600;
						}
						p.list_detail {
              color: #444444;
              font-size: 14px;
              line-height: 22px;
              margin-top: 20px;
						}
					}
					dd {
            width: 20%;
            text-align: right;
            align-self: center;
						img {
              width: 80%;
						}
					}
				}
				dl:nth-child(even) {
          background: #fbf8f6;
        }
        @media (max-width: 767px) {
          dl{
            padding: 10px 20px 20px 35px;
            flex-direction: column;
            border-radius: 10px;

            dt{
              width: 100%;
              span.num{
                border-radius: 10px 0 10px 0;
                font-size: 16px;
                width: 30px;
                height: 30px;
              }
            }
            dd{
              width: 60%;
              margin-top: 20px;
              img{
                width: 100%;
              }
            }
          }
        }
      }
		}
    @media (max-width: 767px) {
      div.wrap{
        width: 100%;
      }
    }
	}
	section.faq_area {
    padding-top: clamp(40px, 10vw, 100px);
    padding-bottom: clamp(40px, 10vw, 100px);
		div.wrap {
      width: 1050px;
      margin: 0 auto;
      padding: 0 5%;

      p.contents_title {
        font-family: "M PLUS 1p", sans-serif;
        font-size: 30px;
        color: #8f5631;
        font-weight: 500;
        margin-bottom: 20px;
      }
			dl {
        margin: 0 0 30px;
        position: relative;
        padding-bottom: 20px;
        
        dt.q_area {
          display: flex;
          align-items: flex-start;
          margin-bottom: 15px;
          font-size: 22px;
          line-height: 30px;
          padding: 20px 0 20px 20px;
          img{
            width: 58px;
            height: 60px;
            flex-shrink: 0;
            margin-right: 20px;
          }
        }
				dd.a_area {
          display: flex;
          align-items: flex-start;
          font-size: 22px;
          line-height: 30px;
          padding: 20px;
          img{
            width: 58px;
            height: 60px;
            flex-shrink: 0;
            margin-right: 20px;
          }
        }
        @media (max-width: 767px) {
          dt.q_area{
            flex-direction: column;
            font-size: 16px;
            line-height: 26px;
          }
          dd.a_area{
            flex-direction: column;
            font-size: 16px;
            line-height: 26px;
          }

        }
      }
      dl::before{
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 50px;
        height: 2px;
        background: #ea531f;
        z-index: 1;
      }
      dl::after{
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 2px;
        background: #e9b19d;
      }
		}
    @media (max-width: 767px) {
      div.wrap{
        width: 100%;
      }
    }
	}
	section.risk_area {
    padding-top: clamp(40px, 10vw, 100px);
    padding-bottom: clamp(40px, 10vw, 100px);
		div.wrap {
      width: 1050px;
      margin: 0 auto;
      padding: 0 5%;

      p.contents_title {
        font-family: "M PLUS 1p", sans-serif;
        font-size: 30px;
        color: #8f5631;
        font-weight: 500;
        margin-bottom: 20px;
      }
			div.public_page_area {
        border-top: 2px solid #444;
        font-size: 14px;
        padding: 40px 0;

        a {
          color: #444;
					span {
					}
				}
			}
			div.company_area {
        font-size: 14px;
        margin-bottom: 40px;

				p.name {
          font-size: 22px;
				}
				p {
				}
			}
			div.text_area {
				p {
          margin-bottom: 40px;
				}
				p.copyright {
          text-align: center;
          font-size: 12px;
				}
			}
		}
    @media (max-width: 767px) {
      div.wrap{
        width: 100%;
      }
    }
	}
}