@charset "utf-8";
body {
  line-height: 1.5em;
}
.wrap {
  max-width: 140rem;
}
.wrap-f {
  max-width: 160rem;
}
.site-footer {
  margin-top: 10rem;
}
.main-sec {
  margin-top: 10rem;
  background: url("../img/purchase/main_img.jpg") no-repeat center;
  background-size: cover;
  height: 52vw;
  width: 100%;
  position: relative;
}
.main-sec h2 {
  position: absolute;
  bottom: 1rem;
  left: 0;
  width: 100%;
  text-align: center;
  color: #fff;
  font-size: 10rem;
  line-height: 1.5em;
}
strong {
  font-weight: bold;
}
section {
  padding: 6rem 0;
}
.about-sec h2 {
  text-align: center;
  font-size: 6rem;
  line-height: 1.5em;
  margin-bottom: 5rem;
}
.color-brown {
  color: rgb(114, 91, 91);
}
.color-red {
  color: #D76060;
}
.color-green {
  color: #39855A;
}
.color-blue-l {
  color: #52B0BF;
}
.color-white {
  color: #fff;
}
.bg-blue-l {
  background: #52B0BF;
}
.about-box .img-box {
  width: 35rem;
  margin-right: 5rem;
}
.about-box .txt-box {
  flex: 1;
}
.about-box .txt-box p {
  margin-bottom: 0;
  font-size: 3.5rem;
  font-weight: bold;
  line-height: 1.5em;
  margin: 1.5rem 0;
}
.about-box .txt-box p.txt02 {
  margin-left: 2em;
}
.about-box .txt-box p.txt03 {
  margin-left: 4em;
}
.btn-line {
  max-width: 62rem;
  width: 100%;
  margin: 5rem auto 0;
}
.btn-line a {
  background: rgb(57, 133, 90);
  text-align: center;
  display: block;
  color: #fff;
  font-size: 4rem;
  line-height: 1.5em;
  padding: 2rem;
  border-radius: 100px;
  opacity: 1;
}
.btn-line a:hover {
  background: #4fa7b6;
}
.worries-sec:after {
  content: "";
  display: block;
  width: 11rem;
  height: 6rem;
  background: url("../img/purchase/arrow.png") no-repeat center;
  background-size: contain;
  margin: 5rem auto 0;
}
.worries-sec h2 {
  text-align: center;
  line-height: 1.5em;
  font-size: 5rem;
  margin-bottom: 5rem;
}
.worries-box {
  position: relative;
  padding-bottom: 3rem;
}
.worries-box .txt li {
  font-size: 2.8rem;
  line-height: 1.5em;
  width: 57rem;
  height: 11.5rem;
  display: table;
  position: relative;
  z-index: 2;
  margin: 0.5rem;
}
.worries-box .txt li .inner {
  display: table-cell;
  vertical-align: middle;
  padding-bottom: 0.5rem;
}
.worries-box .txt li.l {
  background: url("../img/purchase/fukidasi_l.png") no-repeat center;
  background-size: contain;
  padding-left: 3rem;
}
.worries-box .txt li.r {
  background: url("../img/purchase/fukidasi_r.png") no-repeat center;
  background-size: contain;
  padding-left: 5rem;
}
.worries-box .icon {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
}
.worries-box .icon img {
  max-width: 40rem;
  width: 100%;
}
.reason-sec h2 {
  text-align: center;
  margin-bottom: 10rem;
  font-size: 5rem;
}
.reason-sec h2 span {
  font-size: 150%;
  padding: 0 1rem;
}
.reason-sec h2 .color-brown {
  padding-right: 2rem;
}
.reason-box > .flex-box {
  border-bottom: 3px solid #52B0BF;
  padding-bottom: 10rem;
  margin-bottom: 10rem;
}
.reason-box .flex-box:last-child {
  border: none;
  margin-bottom: 0;
}
.reason-box .img-box {
  width: 47.5%;
}
.reason-box .txt-box {
  width: 47.5%;
}
.reason-box .box03 .img-box {
  width: 30%;
}
.reason-box .box03 .txt-box {
  width: 65%;
}
.reason-box h3 {
  font-size: 7rem;
  line-height: 1.3em;
  font-weight: bold;
  margin-bottom: 3rem;
}
.reason-box p {
  font-size: 2.4rem;
  line-height: 1.6em;
}
.reason-box p.txt-s {
  font-size: 1.8rem;
  line-height: 1.5em;
}
.reason-box .risk01,.reason-box .risk02{
	margin-top: 3rem;
}
.reason-box .risk01 h4{
	background: #D76060;
	color: #fff;
	max-width: 28rem;
	width: 100%;
	font-size: 3rem;
	font-weight: bold;
	text-align: center;
	line-height: 2em;
	border-radius: 2rem;
	padding: 1rem;
	margin-right: 4rem;
}

.reason-box .risk01 ul{
	flex:1;
}
.reason-box .risk01 li{
	font-size: 2.6rem;
	line-height: 1.8em;
	font-weight: bold;
}
.reason-box .risk01 li:before{
	content: "□";
	font-size: 5rem;
	vertical-align: -0.05em;
	font-weight: normal;
}
.reason-box .risk02{
	text-align: center;
}
.reason-box .risk02 h4{
	font-weight: bold;
	font-size: 6rem;
	line-height: 1.2em;
	margin-bottom: 1rem;
}
.rise-box {
  height: 40vw;
  background: url("../img/purchase/rise.jpg") no-repeat center;
  background-size: cover;
}
.rise-box h2 {
  font-weight: bold;
  color: #fff;
  padding: 6rem 8rem;
}
.rise-box .txt01 {
  display: block;
  font-size: 10rem;
  line-height: 1em;
  text-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
}
.rise-box .txt02 {
  display: block;
  font-size: 8rem;
  line-height: 1em;
  color: #000;
  padding: 6rem 0 10rem 10rem;
}
.rise-box .txt03 {
  display: block;
  font-size: 18rem;
  line-height: 1em;
  padding-left: 10rem;
  text-shadow: 0 0 3px rgba(0, 0, 0, 1);
}
.rise-box .txt03:after {
  content: "";
  display: inline-block;
  width: 25rem;
  height: 18rem;
  background: url("../img/purchase/rise.png") no-repeat center;
  background-size: contain;
  margin: 0 0 0 2rem;
  vertical-align: 3rem;
}
.voice-sec h2 {
  text-align: center;
  margin-bottom: 5rem;
  font-size: 6rem;
  line-height: 1.5em;
}
.voice-sec h2:before {
  content: "";
  display: inline-block;
  width: 25rem;
  height: 15rem;
  background: url("../img/purchase/icon_voice.jpg") no-repeat center;
  background-size: contain;
  vertical-align: middle;
  margin: -3rem 0 0 0;
}
.voice-box {
  margin-bottom: 10rem;
}
.voice-box .name {
  display: inline-block;
  position: relative;
  background: url("../img/purchase/ribon.png") no-repeat center right #777;
  background-size: auto 100%;
  color: #fff;
  padding: 1.8rem 5rem 1.8rem 2rem;
  font-size: 2rem;
  line-height: 1;
  margin-bottom: 2rem;
  max-width: 38rem;
  width: 100%;
}
.voice-box .img-box {
  width: 30%;
}
.voice-box .txt-box {
  width: 65%;
}
.voice-box .txt-box h3 {
  font-size: 4rem;
  line-height: 1.5em;
  font-weight: bold;
  border-bottom: 1px dashed #999;
  padding-bottom: 2rem;
  margin-bottom: 3rem;
}
.voice-box .txt-box p {
  font-size: 2rem;
  line-height: 1.6em;
}
.flow-sec h2 {
  color: #fff;
  text-align: center;
  margin-bottom: 5rem;
  font-size: 6rem;
  line-height: 1.5em;
}
.flow-box {
  padding: 8rem 0;
}
.flow-box .icon-box {
  width: 25%;
  text-align: center;
  font-size: 4.4rem;
  line-height: 1.5em;
  font-weight: bold;
}
.flow-box .txt-box {
  width: 75%;
  padding-right: 10rem;
}
.flow-box h3 {
  font-size: 4.4rem;
  line-height: 1.5em;
  font-weight: bold;
  border-bottom: 3px solid #fff;
  padding-bottom: 2rem;
  margin-bottom: 3rem;
}
.flow-box h3.color-blue-l {
  border-color: #52B0BF;
}
.flow-box p {
  font-size: 2.4rem;
  line-height: 1.6em;
}
.support-box {
  margin: 10rem 0;
}
.support-box .img-box {
  width: 47.5%;
}
.support-box .txt-box {
  width: 47.5%;
  text-align: center;
}
.support-box .txt-box h3 {
  line-height: 2em;
  font-size: 5rem;
}
.support-box .txt-box h3 .b {
  font-size: 200%;
  display: block;
  font-weight: bold;
  line-height: 1.5em;
}
@media screen and (max-width: 767px) {
  .wrap, .wrap-m, .wrap-s, .wrap-f {
    padding: 0 5vw;
  }
  .main-sec {
    height: 100vw;
	      margin-top: 10rem;
  }
  .main-sec h2 {
    letter-spacing: 0;
    font-size: 6rem;
  }
  .about-sec h2 {
    font-size: 4.6rem;
  }
  .about-box .img-box {
    width: 70%;
    margin: 0 auto 5rem;
  }
  .about-box .txt-box {
    width: 100%;
    flex: auto;
    text-align: center;
  }
  .about-box .txt-box p {
    margin-left: 0 !important;
    margin-bottom: 3rem;
  }
	 .about-box .txt-box p:last-child{
	margin-bottom: 0;	 
	}
  .btn-line a {
    font-size: 3.6rem;
  }
	.worries-sec h2 {
    margin-bottom: 1rem;
}
	.worries-box .txt li {
    font-size: 2.5rem;
		letter-spacing: 0;
		margin-bottom: -2rem;
		   
	}
	.worries-box .txt li.l{
		 padding-left: 2rem;
	}
	.worries-box .txt li.r{
		 padding-left: 3.5rem;
	}
	.worries-box .icon{
		position: inherit;
		bottom: inherit;
		left: inherit;
	}
	.worries-sec:after {
    margin: 2rem auto 0;
}
	.reason-sec h2{
		line-height: 1.6em;
		margin-bottom: 5rem;
	}
	.reason-box .img-box,.reason-box .box03 .img-box{
		width: 100%;
		margin-bottom: 3rem;
		text-align: center;
	}
	.reason-box .box03 .img-box img{
		width: 60%;
	}
		.reason-box .txt-box,.reason-box .box03 .txt-box{
		width: 100%;
	}
	.reason-box h3 {
    font-size: 4.6rem;
	margin-bottom: 2rem;
	}
	.reason-box .flex-box {
    padding-bottom: 5rem;
    margin-bottom: 5rem;
}
	.reason-box .flex-box:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
}
	.reason-box .risk01{
		text-align: center;
	}
	.reason-box .risk01 .flex-box{
		display: block;
	}
	.reason-box .risk01 h4{
		margin: 0 auto 1rem;
	}
	.reason-box .risk01 ul{
		flex: none;
		width: auto;
		display: inline-block;
		text-align: left;
	}
	.reason-box .risk02 h4 {
    font-size: 4rem;
		margin-top: 2rem;
	}
	.rise-sec .wrap{
		padding: 0;
	}
.rise-box {
    height: 80vw;
    background: url(../img/purchase/rise.jpg) no-repeat center;
    background-size: cover;
}
	.rise-box h2 {
    padding:5rem 3rem 0;
}
.rise-box .txt01 {
    font-size: 6rem;
	}
	.rise-box .txt02 {
    font-size: 5rem;
    padding:3rem 0 8rem;
}
	.rise-box .txt03 {
    font-size: 9rem;
    padding-left: 0;
}
	.rise-box .txt03:after {
    width: 10rem;
    height: 10rem;
    margin: 0 0 0 1rem;
    vertical-align: 2rem;
}
	.voice-sec h2 {
    font-size: 5rem;
}
	.voice-sec h2:before {
    width: 12rem;
    height: 12rem;
		margin-right: 2rem;
	}
	.voice-box {
		margin-bottom: 5rem;
	}
	.voice-box .img-box{
		width: 100%;
		margin-bottom: 2rem;
	}
	.voice-box .txt-box {
    width: 100%;
}
	.flow-sec .wrap-f{
		padding: 0;
	}
	.flow-box .icon-box {
		width: 100%;
		margin-bottom: 2rem;
		text-align: left;
		 padding-right: 5vw;
		padding-left: 5vw;
	}
	.flow-box .txt-box {
    width: 100%;
    padding-right: 5vw;
		padding-left: 5vw;
}
	.flow-box {
    padding: 5rem 0;
}
	.support-box .img-box {
    width: 100%;
		margin-bottom: 3rem;
}
	.support-box .txt-box {
    width: 100%;
}
	.support-box .txt-box h3 {
    font-size: 3.4rem;
}
	.support-box{
		margin: 5rem 0;
	}
	.site-footer {
    margin-top: 5rem;
}
}