.whites-box{
	padding: 5rem 2rem;
	background-color: #fff;
	box-sizing: border-box;
}
.yellow-box{
	padding: 5rem 2rem;
	background-color: var(--color-lp-yellow);
	box-sizing: border-box;
}

.blue-bk{
	background-color: var(--color-lp-blue);
}
.yellow-bk{
	background-color: var(--color-lp-yellow);
}
.yellow{
	color: var(--color-lp-yellow);
}

.rain-yellow
{display: inline;
    padding-bottom: 0.1em;
    background: linear-gradient(transparent 80%, rgb(255, 252, 200) 30%);}

.rain-gray
{display: inline;
    padding-bottom: -0.2em;
    background: linear-gradient(transparent 70%, rgb(230, 230, 230) 40%);}




.mv{
	text-align: center;
}
.mv img{
	display: block;
	width: 100%;
}

.cta-btn{
	padding: 1em 1em;
	position: relative;
	width: 800px;
	max-width: 85%;
	display: block;
	background-color:var(--color-lp-base);
	border-radius: 3em;
	margin: 5em auto;
	box-sizing: border-box;
	line-height: 1.2;
}
.title-btn{
	position: relative;
	z-index: 2;
	text-align: center;
	color: #fff;
	letter-spacing: 0.08em;
	font-size: 1.2em;
}
.title-btn span{
	position: relative;
}
.title-btn span::before{
	content: "";
	position: absolute;
	top: 50%;
	right: -0.7em;
display: inline-block;
  vertical-align: middle;
  color: #fff;
  line-height: 1;
  width: 0.4em;
  height: 0.4em;
  border: 0.1em solid currentColor;
  border-left: 0;
  border-bottom: 0;
  box-sizing: border-box;
  transform: translateY(-50%) rotate(135deg);
z-index: 4;
  animation: floating-y 1s ease-in-out infinite alternate-reverse;
}
@keyframes floating-y {
  0% {
    transform:  translateY(-30%) rotate(135deg);
  }
  100% {
    transform: translateY(-60%) rotate(135deg);
  }
}

.cta-btn::after{
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 3em;
	background-image: linear-gradient(270deg, #c541bb, #33b2ad);
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 1;
	transition: all 0.8s;
}

.cta-btn::before{
	content: "";
	width: 100%;
	height: 50vw;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(../img/bk-msru.png);
	z-index: -19;
}

.cta-btn:hover::after{
	opacity: 0;
}

.sabu-ttl{
	width: 100%;
	position: absolute;
	display: flex;
	justify-content: center;
	top: -2em;
	left: 50%;
	transform: translateX(-50%);
	z-index: 2;
}
.huki{
	position: relative;
	top: -0.4em;
	padding: 0.4em 1em;
	box-sizing: border-box;
	background-color: var(--color-lp-base);
	color: #fff;
	margin-right: 0.2em;
	z-index: 4;
}
.huki::after{
content: "";
  width: 0;
  height: 0;
  position: absolute;
  border-style: solid;
  border-right: 1em solid transparent;
  border-left: 1em solid transparent;
  border-top: 1em solid var(--color-lp-base);
  border-bottom: 0;
  bottom: -0.9em;
  left: 50%;
  transform: translateX(-50%);
  z-index: 3;
}


.ttl-en{
	font-family: "Share Tech", sans-serif;
	color: var(--color-lp-base);
	font-weight: 400;
}
.cta-btn .green{color: #51e0d7;}




.main-ttl{
	margin-top: 0.2em;
	padding-bottom: 0.2em;
	margin-bottom: 0.9em;
	line-height: 1.2;
	font-size: 1.6em;
	border-bottom: 4px solid var(--color-lp-base);
	
}

.ttl-en{
	font-size: 0.7em;
}

.bk-blue{
	padding: 1em;
	box-sizing: border-box;
	background-color: var(--color-lp-blue);
	color: var(--color-lp-base);
}
.online-ul li{
	padding-left: 1.5em;
	position: relative;
}
.online-ul li+li{
	margin-top: 0.4em;
}
.online-ul li::after{
	content: "";
	width: 1em;
	height: 1em;
	background-image: url(../img/check.png);
	background-size: contain;
	display: block;
	position: absolute;
	top: 0.4em;
	left: 0;
}

.Online-number{
	list-style-type: decimal-leading-zero;
	list-style-position: inside;
	font-size: 1.1em;
}
.Online-number li+li{
	margin-top: 0.5em;
}
.Online-number span{
	color: var(--color-lp-green);
}

.Online-number li::marker {
  color: var(--color-lp-green);
}


.Common .yellow-bk{
	padding: 1em;
	box-sizing: border-box;
	border-radius: 0.5em;
}


.step-ul{
	position: relative;
	padding-top: 1em;
	padding-bottom: 1em;
}
.step-ul::before{
	content: "";
	width: 100%;
	height: 50vw;
	position: absolute;
	top: 50%;
	left: 30%;
	transform: translate(-50%, -50%);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(../img/bk-msru.png);
	z-index: -1;}




.step-ul li+li{
	margin-top: 0.4em;
}
.step-ul li p{
	padding: 0.4em 1em;
	background-color: #ededed;
	border-radius: 1em;
	display: inline-block;
}

.step-text{
	font-style:italic;
}

.step-sumaho{
	position: relative;
	border: 5px solid #666;
	overflow: hidden;
	border-radius: 1em;
	background-color: #efefef;
	padding: 2em 0 1em;
}

.step-sumaho h3{
	position: absolute;
	background-image: linear-gradient(130deg, #c541bb, #33b2ad);
	color: #fff;
	padding:0.2em 0.6em;
	box-sizing: border-box;
	top: -1em;
}

.step-sumaho .blue-bk{
	position: relative;
	background-color: var(--color-lp-blue);
	padding: 2em 1em 1em 30%;
	box-sizing: border-box;
}

.step-blue-ul{
	list-style-type: disc;
	padding-left: 0.7em;
}
.step-blue-ul li{
	box-sizing: border-box;
}

.step-blue-ul li::marker {
  color: var(--color-lp-green);
}

.step-sumaho .yellow-bk{
	width: 90%;
	padding: 1em;
	box-sizing: border-box;
	border-radius: 3em;
	margin: 1em auto 0;
	text-align: center;

}

.step-ttl{
	position: relative;
	font-weight: 600;
	font-size: 1.2em;
	text-align: center;
	color: var(--color-lp-base);
	display: flex;
	justify-content: center;
}
.step-ttl img{
	margin-right: 0.6em;
}
.step-ttl::after{
	content: "";
	width: 100%;
	height: 50vw;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-size: contain;
	background-repeat: no-repeat;
	background-image: url(../img/bk-msru.png);
	z-index: -1;}

.step-ul-img{
	display: flex;
	justify-content: space-between;
}

.step-ul-img img{
	display: block;
}

.step-ul-img li{
	width: calc(33% - 0.7em);
	margin-bottom: 1em;
	position: relative;
}

.step-ul-img h3{
	position: absolute;
	font-size: 0.8em;
	bottom: 0;
	left: 0;
	padding: 0.2em;
	background-color: var(--color-lp-base);
	color: #fff;
}

.hukidasi-ttl{
	position: relative;
	display: inline-block;
	padding: 0.3em 0.9em;
	box-sizing: border-box;
	background-image: linear-gradient(180deg, #c541bb, #33b2ad);
	color: #fff;
	margin-bottom: 0.5em;
	z-index: 2;
	margin-top: 1em;
}

.hukidasi-ttl::before{
	content: "";
  width: 0;
  height: 0;
  position: absolute;
  border-style: solid;
  border-right: 0.5em solid transparent;
  border-left: 0.5em solid transparent;
  border-top: 0.5em solid var(--color-lp-green);
  border-bottom: 0;
  bottom: -0.5em;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}

.why p+p{
	margin-top: 0.5em;
}

.why-sumaho{
	margin-top: 3em;
	position: relative;
	border: 5px solid #666;
	border-radius: 0.5em;
	box-sizing: border-box;
	padding: 2em 0 1em;
}
.why-sumaho h3{
	top: -1em;
	left: 1em;
	position: absolute;
	background-color: var(--color-lp-base);
	color: #fff;
	padding: 0.2em 0.6em;
	box-sizing: border-box;
	display: inline-block;
}
.why-ul{
	margin-top: 1em;
	margin-bottom: 1em;
	padding-left: 1em;
}
.why-ul li{
	padding-left: 1.4em;
	box-sizing: border-box;
	position: relative;
	letter-spacing: 0.07em;
}
.why-ul li+li{
	margin-top: 0.5em;
}

.why-ul li::after{
	content: "";
	width: 1em;
	height: 1em;
	background-image: url(../img/check.png);
	background-size: contain;
	display: block;
	position: absolute;
	top: 0.4em;
	left: 0;
}

.why-sumaho .yellow-bk{
	color: var(--color-lp-base);
	padding: 1em;
	box-sizing: border-box;
	text-align: center;
}



.Make-bk{
	background-color: #404040;
	color: #fff;
	padding-bottom: 2em;
	margin-bottom: 10rem;
	position: relative;
}

.Make-bk::after{
content: "";
  position: absolute;
  transform: translateX(-50%);
  bottom: -5rem;
  left: 50%;
  z-index: -1;
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 25rem solid transparent;
  border-left: 25rem solid transparent;
  border-top: 5rem solid #404040;
  border-bottom: 0;
  
}

.Make-bk .lp_contents{
	position: relative;
}

.make-ttl-maru{
	background-color: #404040;
	width: 200px;
	height: 200px;
	border-radius: 200px;
	position: absolute;
	z-index: -1;
	top: -80px;
}

.make-ttl-maru span{
	position: absolute;
	top: 30%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.make-ttl{
	padding-top: 0.5em;
	padding-bottom: 0.2em;
	margin-bottom: 0.8em;
	border-bottom: 4px solid #fff;
}

.make-ul{
	display: flex;
	justify-content: space-between;
	font-size: 2rem;
}

.make-ul li{
	text-align: center;
}
.make-ul h3{
	margin-top: 0.2em;
	text-align: left;
}

.why-ul-point{
	position: relative;
}

.why-ul-point li{
	padding: 0.4em 1em;
	box-sizing: border-box;
	text-align: center;
	background-color: var(--color-lp-base);
	color: #fff;
	border-radius: 2em;
}

.why-ul-point li+li{
	margin-top: 0.6em;
}


.why-ul-point::after{
	content: "";
	width: 100%;
	height: 50vw;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-size: contain;
	background-repeat: no-repeat;
	background-image: url(../img/bk-msru.png);
	z-index: -10;}

.make-comment{
	position: relative;
	margin-top: 4em;
	border-radius: 2em;
	padding: 2em 1em 1em;
	box-sizing: border-box;
	background-color: #efefef;
}

.make-comment h4{
	position: absolute;
	top: -1em;
	padding: 0.5em 1em;
	display: inline-block;
	background-color: var(--color-lp-green);
	color: #fff;
}

.before-after{
	background-color: #efefef;
	z-index: -1;
}

.before-after .lp_container{

}

.before{
	padding: 1em;
	box-sizing: border-box;
	position: relative;
}
.after{
	position: relative;
	padding: 2em 1em 1em;
	box-sizing: border-box;
	color: #fff;
	background-color: #404040;
}

.before .White-box{
	padding: 0.2em 1em;
	margin-bottom: 1.5em
}

.after::before{
content: "";
  position: absolute;
  transform: translateX(-50%);
  top: 0;
  left: 50%;
  z-index: 1;
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 3em solid transparent;
  border-left: 3em solid transparent;
  border-top: 1em solid #efefef;
  border-bottom: 0;
}
.before-after .hukidasi-ttl{
	position: absolute;
	top: -2em;

}

.before-box{
	background-color: #fff;
	display: flex;
	padding: 1em;
	box-sizing: border-box;
	justify-content: center;
}

.before-ul{
	background-color: #fff;
}

.before-ul li{
	margin-top: 0.7em;
	position: relative;
	padding-left: 1.5em;
}

 .before-ul li::after{
	content: "";
	width: 1em;
	height: 1em;
	background-image: url(../img/check.png);
	background-size: contain;
	display: block;
	position: absolute;
	top: 0.4em;
	left: 0;
}


.White-box{
	position: relative;
	margin-top: 1em;
	margin-bottom: 2em;
	background-color: #fff;
	padding: 1em;
	box-sizing: border-box;
	text-align: center;
}
.White-box::before{
content: "";
  position: absolute;
  transform: translateX(-50%);
  bottom: -1em;
  left: 50%;
  z-index: 1;
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 1em solid transparent;
  border-left: 1em solid transparent;
  border-top: 1em solid #fff;
  border-bottom: 0;
}

.kextuka{
	text-align: center;
	color:var(--color-lp-base);
}

.kextuka h3{
	position: absolute;
	background-color: var(--color-lp-base);
	color: #fff;
	padding: 0.2em 1em;
	top: -1em;
}
.after-box h3{
margin-bottom: 0.7em;
}

.after-box h3 span{
	background-color: var(--color-lp-green);
	color: #fff;
	padding: 0.2em 1em;
}

.after-ul{
	box-sizing: border-box;
	margin-left: 1em;
}
.after-ul li{
	position: relative;
	padding-left: 1.5em;
}
.after-ul li+li{margin-top: 1em;}

.after-ul li::after{
	content: "";
	width: 1em;
	height: 1em;
	background-image: url(../img/check-g.png);
	background-size: contain;
	display: block;
	position: absolute;
	top: 0.4em;
	left: 0;
}


.after-text{

}
.Problem{
	position: relative;
}

.Problem::before{
	content: "";
	position: absolute;
	top: -20%;
	left: 50%;
	width: 100%;
	height: 100%;
	display: block;
	background-image: url(../img/reason-bk.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center top;
	transform: translateX(-50%);
	z-index: -1;
}

.Problem p+p{
	margin-top: 1em;
}

.zyuutagu{
	margin-top: 2em;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	position: absolute;
	background-color: #efefef;
	position: relative;
}

.zyuutagu::before{
	content: "";
	position: absolute;
	background-color: #efefef;
	width: 110vw;
	height: calc(100% + 5rem);
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) rotate(-1deg);
	z-index: -1;
}

.problem-ul{
	display: flex;
	justify-content: start;
	flex-wrap: wrap;
	font-size: 1.1em;
}
.problem-ul+.problem-ul{
	margin-top: 1em;
}
.problem-ul li{
	background-color: #fff;
	padding: 0.4em 1em;
	box-sizing: border-box;
	border-radius: 2em;
	margin-right: 0.4em;
	letter-spacing: -0.03em;
}

.problem-ul-after li{
background-color: var(--color-lp-yellow);
color: var(--color-lp-base);
}


.Problem .yellow-bk{
	color: var(--color-lp-base);
	text-align: center;
	padding: 1em;
	box-sizing: border-box;
	border-radius: 1em;
}

.main-ct{
	text-align: center;
	border: none;
	padding-bottom:0;
	margin-bottom: 0.5em;
}

.bk-gray{
	background-color: #404040;
	color: #fff;
	padding-top: 2em;
	padding-bottom: 2em;
	line-height: 1.8;
	text-align: center;
	margin-bottom: 1em;
}

.Change-sumaho{
	border: 5px solid #666;
	border-radius: 1em;
	padding-top: 1em;
	padding-bottom: 1em;
	background-color: #ededed;
}

.Change-sumaho-ul{
	padding: 1em;
	box-sizing: border-box;
	background-color: #fff;
}
.Change-sumaho-ul li{
	list-style-type: disc;
	padding-left: 1em;
	list-style-position: inside;
}
.Change-sumaho-ul li+li{
	margin-top: 0.7em;
}

.Change-sumaho-ul li::marker{
	color: var(--color-lp-base);
}

.Change-text h3{
	background-color: var(--color-lp-green);
	color: #fff;
	padding: 0.4em 1em;
	box-sizing: border-box;
	display: inline-block;
	margin-bottom: 1em;
	position: relative;
}
.Change-text h3::before{
content: "";
  position: absolute;
  transform: translateX(-50%);
  bottom: -1em;
  left: 50%;
  z-index: 1;
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 1em solid transparent;
  border-left: 1em solid transparent;
  border-top: 1em solid var(--color-lp-green);
  border-bottom: 0;
}

.Change-text h4{
	background-color: #efefef;
	padding: 0.4em 1em;
	box-sizing: border-box;
	text-align: center;
	color: var(--color-lp-base);
}



.main-ctb{
	text-align: center;
}

.Doing-text{
	display: flex;
	justify-content: space-between;
	position: relative;
}

.Doing-text::after{
	content: "";
	width: 100%;
	height: 50vw;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(../img/bk-msru.png);
	z-index: -10;}


.Doing-text-box{
	width: 48%;
	background-color: #404040;
	padding: 2em;
	box-sizing: border-box;
	position: relative;
	color: #fff;
	background-image: url(../img/bk-maru.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}
.Doing-text-box:last-child{
	background-image: url(../img/batu.png);
}

.Doing-text-box .number{
	position: absolute;
	top: -0.5em;
	left: -0.5em;
	background-color: var(--color-lp-base);
	color: #fff;
	padding: 0.6em;
	box-sizing: border-box;
}

.Doing-text-box h3{
	text-align: center;
	color: #e47ddc;
	font-weight: 600;
}
.Doing-text-box h3 span{
	color: #fff;
	position: relative;
	z-index: 2;
}
.Doing-text-box{
}

.Doing-text-box h3 span::after{
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	background-image: url(../img/ai-bk.png);
	width: 2em;
	height: 2em;
	background-size: contain;
	background-repeat: no-repeat;
	transform: translate(-50%, -50%);
	z-index: -1;
}

.Doing-text-ul li{
	margin-top: 0.6em;
	text-align: center;

}
.Doing .blue-bk{
	padding: 1em;
	box-sizing: border-box;
	border-radius: 1em;
	text-align: center;
	color: var(--color-lp-base);
}

.Choice-text{
	background-color: #efefef;
	position: relative;
	margin-top: 3em;
	padding: 2em 1em 1em;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
}

.Choice-text h3{
	position: absolute;
	top: -1em;
	left: 0;
	padding: 0.3em 1em;
	background-color: var(--color-lp-base);
	color: #fff;
	display: inline-block;
	box-sizing: border-box;
}

.Choice-text-ul{
	display: flex;
	justify-content: center;
	color: #fff;
}

.Choice-text-ul li{
	margin: 0.5em;
}


.qa{
	background-color: var(--color-lp-green);
	color:#fff;
}
.qa .q,.qa .a{
	padding: 2em 2em 2em 6em;
	box-sizing: border-box;
	position: relative;
}
.qa .q::after{
	
  position: absolute;
  transform: translateX(-50%);
  bottom: -1em;
  left: 50%;
  z-index: 1;
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 4em solid transparent;
  border-left: 4em solid transparent;
  border-top: 1em solid var(--color-lp-green);
  border-bottom: 0
}


.qa h3{
	font-size: 4em;
	position: absolute;
	top: 50%;
	left: 0.4em;
	transform: translateY(-50%);
	font-family: "Share Tech", sans-serif;

}
.qa h4{
	padding: 0.4em;
	box-sizing: border-box;
	background-color: #fff;
	color: var(--color-lp-base);
	display: inline-block;
	position: relative;
	margin-bottom: 1.5em;
}

.qa h4::after{
	content: "";
  position: absolute;
  transform: translateX(-50%);
  bottom: -1em;
  left: 50%;
  z-index: 1;
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 1em solid transparent;
  border-left: 1em solid transparent;
  border-top: 1em solid #fff;
  border-bottom: 0;
}

.qa .a{
	background-color: var(--color-lp-base);
}

.qa p{
	line-height: 1.8;
}

.Patient-box{
	display: flex;
	justify-content: center;
	align-items: center;
}

.Patient-box .img{
	margin-right: 1em;
}

.Patient-bk{
	background-color: #404040;
	padding: 2em;
	box-sizing: border-box;
	color: #fff;
	margin-top: 0.2em;
}
.Patient-bk-ul{
	position: relative;
}
.Patient-bk-ul::after{
	content: "";
	width: 100%;
	height: 50vw;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	background-image: url(../img/bk-msru.png);
	z-index: -10;}




.Patient-bk-ul li+li{
	margin-top: 0.5em;
}

.Seminar{
	margin-top: 200px;
	background-position: center;
	background-image: url(../img/seminar.png);
	padding: 2em 1em;
	box-sizing: border-box;
}

.Seminar .Seminar-ttl{
	text-align: center;
	color: #fff;
	position: relative;
}
.Seminar-sabu{
	font-size: 0.6em;
	width: 350px;
	padding-top: 1em;
	box-sizing: border-box;
	height: 350px;
	border-radius: 150px;
	background-image: url(../img/seminar.png);
	position: absolute;
	top: -150px;
	left: 50%;
	transform: translateX(-50%);
	z-index: -1;
}

.Seminar-ul li{
	width: calc(100% - 2em);
	margin-left: 2em;
	padding: 1em 1em 1em 3em;
	background-color: #fff;
	margin-top: 2em;
	position: relative
}
.Seminar-ul .number{
	width: 2em;
	height: 2em;
	background-color: #fff;
	color: var(--color-lp-base);
	font-size: 2em;
	position: absolute;
	transform: translate(-50% , -50%);
	top: 50%;
	left: 0;
	z-index: 2;
	border-radius: 6em;
	text-align: center;
}
.Seminar-ul .number span{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50% , -50%);
}

.Seminar-ul li+li{
	margin-top: 2em;
}


.Seminar-ul h3{
	color: var(--color-lp-base);
}

.Recommendation-box{
	display: flex;
	align-items: end;
	justify-content: space-between;
}

.Recommendation-div{
	width: 48%;
	background-color: var(--color-lp-base);
	color: #fff;
	padding: 1em;
	box-sizing: border-box;
}

.Recommendation-ul li{
	box-sizing: border-box;
	padding-left: 1.4em;
	position: relative;
}

.Recommendation-ul li+li{
	margin-top: 0.5em;
}


.Recommendation-ul li::after{
	content: "";
	width: 1em;
	height: 1em;
	background-image: url(../img/check-w.png);
	background-size: contain;
	display: block;
	position: absolute;
	top: 0.4em;
	left: 0;
}

.Recommendation-text{
	line-height: 2;
}
.Recommendation-text p+p{
	margin-top: 0.6em;
}

.overview{
	width: 100%;
	padding: 2em 1em;
	box-sizing: border-box;
	background-color: #efefef;
	box-sizing: border-box;
}

.overview th{
	text-align: right;
	padding: 0.2em;
	box-sizing: border-box;
}
.overview td{	padding: 0.2em;
	box-sizing: border-box;}
.Lecturer-box{
	margin-top: 1em;
	display: flex;
	justify-content: space-between;
}
.Lecturer-box .img{
	width: 30%;
	padding-right: 2em;
}
.Lecturer-box .text{
	width: 70%;
}

.Lecturer-box h3 .sabu{
	font-size: 0.8em;

}
.Lecturer-box p{
	font-size: 0.8em;
}
@media screen and (min-width: 800px) {
.step-ul::after{
	content: "";
	width: 225px;
	height: 350px;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translate(-50%, -50%);
	background-size: contain;
	background-repeat: no-repeat;
	background-image: url(../img/step-img.png);
	z-index: 1;
}
.step-sumaho{
	position: relative;
}
.step-sumaho::after{
	content: "";
	width: 243px;
	height: 380px;
	position: absolute;
	top: 50%;
	left: 14%;
	transform: translate(-50%, -50%);
	background-size: contain;
	background-repeat: no-repeat;
	background-image: url(../img/step-img2.png);
	z-index: 1;
}
.step-sumaho .yellow-bk{
	position: relative;
	z-index: 2;
}

.why-ul{
	position: relative;
}
.why-ul::after{
	content: "";
	width: 249px;
	height: 266px;
	position: absolute;
	bottom: -20px;
	right: 0;
	transform: translateX(-50%);
	background-size: contain;
	background-repeat: no-repeat;
	background-image: url(../img/why-img.png);
	z-index: 1;
}

.make-comment,.Change-sumaho,.Choice-img,.Patient-bk,.Recommendation,.online-ul{
	position: relative;
}

.make-comment::after{
	content: "";
	width: 390px;
	height: 350px;
	position: absolute;
	top: 50%;
	right: -90px;
	transform: translateY(-50%);
	background-size: contain;
	background-repeat: no-repeat;
	background-image: url(../img/kawaxtuta.png);
	z-index: 1;
}

.Change-sumaho::after{
	content: "";
	width: 224px;
	height: 216px;
	position: absolute;
	bottom: -50%;
	right: -90px;
	transform: translateY(-50%);
	background-size: contain;
	background-repeat: no-repeat;
	background-image: url(../img/te.png);
	z-index: 1;}

.Choice-img::after{
	content: "";
	width: 300px;
	height: 293px;
	position: absolute;
	top: 69%;
	right: -90px;
	transform: translateY(-50%);
	background-size: contain;
	background-repeat: no-repeat;
	background-image: url(../img/Choic.png);
	z-index: 1;}
.Choice-img::before{
		content: "";
	width: 100%;
	height: 50vw;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(../img/bk-msru.png);
	z-index: -10;}

.Patient-bk::after{
	content: "";
	width: 380px;
	height: 350px;
	position: absolute;
	top: 50%;
	right: -90px;
	transform: translateY(-50%);
	background-size: contain;
	background-repeat: no-repeat;
	background-image: url(../img/patient.png);
	z-index: 2;}

.Recommendation .div-text{
	position: relative;
}
.Recommendation .div-text::after{
	content: "";
	width: 380px;
	height: 230px;
	position: absolute;
	top:-60%;
	right: -150px;
	transform: translateY(-50%);
	background-size: contain;
	background-repeat: no-repeat;
	background-image: url(../img/Recommendation.png);
	z-index: -1;}

.online-ul::after{
	content: "";
	width: 570px;
	height: 290px;
	position: absolute;
	top:45%;
	right: -300px;
	transform: translateY(-50%);
	background-size: contain;
	background-repeat: no-repeat;
	background-image: url(../img/common.png);
	z-index: 1;}
	.after-box{
		display: flex;
	}

}/*@media screen and (min-width: 800px) { {*/
@media screen and (max-width: 789px) {
.main-ttl,.make-ttl{
	font-size: 1.8rem;
}
.make-ul{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	font-size: 1.3rem;
}
.make-ul li{
	width: 100%;
}
.step-sumaho .blue-bk{
	padding: 2em 1em 1em;
}
.step-ul{
	padding: 1em;
}
.make-ul li{
	margin-top: 1em;
}
.title-btn{
	font-size: 0.9em;
	letter-spacing: 0.01em;
}
.step-ttl{
	display: flex;
	align-items: center;
}
	.step-ttl img{
		width: 1em;
		height: 1.1em}

		.make-ttl-maru{
			width: 7em;
			height: 7em;
			top: -3.6em;
		}
	.Doing-text-box+.Doing-text-box{
		margin-top: 1em;
	}
.text-center,.why-sumaho .yellow-bk{
	text-align: left;
}
.problem-ul li{
	margin:0.4em;
}
.Doing-text{
	flex-wrap: wrap;
}
.Doing-text-box{
	width: 100%;
}
.qa .q, .qa .a {
	padding: 1em;
}
.qa h3{
	position: relative;
	height: auto;
	width: 100%;
	font-size: 2em;
	top: 0;
	left: 0;
	transform: translateY(0%);
}
.Seminar-sabu{
			width: 7em;
			height: 7em;
			top: -5em;
}
.Seminar {margin-top: 6rem;}
.Seminar-ul li{
	box-sizing: border-box;
}
.Recommendation-box,.before-after .lp_container{
	flex-wrap: wrap;}

.div-text,.Recommendation-div{
	width: 100%;
	margin-left: 0;
	margin-right: 0;}
.before-after .lp_container{
	padding: 0;
}
.kextuka{
	margin: 0;
}
.before,.after{
	padding: 2em 1em;
	width: 100%;
	box-sizing: border-box;
}
.after::after{
	display: none;
}
.Problem::before{
	top: 0;
}
.zyuutagu::before,.make-ul{
	display: none;
}

.make-ul-sp li{
	padding-left: 2em;
	position: relative;
}

.make-ul-sp li div{
	position: absolute;
	top: 0.4em;
	left: 0;
	width: 1.2em;
	height: 1.2em;
	padding: 0.2em;
	box-sizing: border-box;
	background-color: var(--color-lp-base);
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
}
.Make-bk{
	margin-bottom: 6rem;
}
.Make-bk::after{
	border-style: solid;
    border-right: 15rem solid transparent;
    border-left: 15rem solid transparent;
    border-top: 9rem solid #404040;}
.hukidasi-ttl::before{border-right: 0.8em solid transparent;
    border-left: 0.8em solid transparent;
    border-top: 0.8em solid var(--color-lp-green);}


}/*@media screen and (max-width: 789px) {*/