.pc{
	display: block;
}
.sp{
	display: none;
}


@media (max-width: 768px) {
	.pc{
		display: none;
	}
	.sp{
		display: block;
	}
}

.slp .intro{
	width: 100%;
	text-align: center;
	padding: 53px 0 0 0;
	font-size: 20px;
}
@media screen and (max-width: 768px) {
	.slp .intro{
		padding: 33px 0 0px 0;
		font-size: 18px;
	}
}

.brand__h1 {
    display:block !important;
}

.slp h2{
	font-size:30px;
	font-weight: bold;
	color: #99234b;
	text-align: center;
	margin:120px auto 20px auto;
}

.h2_mv{
	margin:0 !important;
}


.slp h2 span{
	font-size:20px;
	letter-spacing:-0.5px;
}
.slp h2 strong{
	color: #000;
}
.slp .border{
	margin: 0 auto 80px auto;
	text-align: center;
	display: block;
}
@media screen and (max-width: 768px) {
	.slp h2{
		font-size:26px;
		margin:100px auto 20px auto;
		letter-spacing: 0;
		line-height: 120%;
	}
	.slp h2 span{
		font-size:14px;
		display: block;
	}
	.slp h2 strong{
	}
	.slp .border{
		margin: 0 auto 50px auto;
		width: 130px;
	}
}

.slp01{
	display: flex;
	gap:30px;
}

.slp01 div{
	border:1px solid #d6d6d6;
	padding: 40px 30px 30px 30px;
	width: 33.3333%;
	background: #fcfcfc;
}

.slp01 div img{
	display: block;
	margin: 0 auto;
}

.slp01 h3{
	font-size:25px;
	font-weight: bold;
	color: #99234b;
	text-align: center;
	margin: 15px auto;
}

.slp01 p{
	font-size:20px;
	letter-spacing: 0;
}
@media screen and (max-width: 768px) {
	.slp01{
		display: block;
	}

	.slp01 div{
		border:1px solid #d6d6d6;
		padding: 40px 30px 30px 30px;
		width: auto;
		margin: 0 30px 15px 30px;
	}

	.slp01 div img{
		display: block;
		margin: 0 auto;
		height: 100px;
	}

	.slp01 h3{
		font-size:22px;
	}

	.slp01 p{
		font-size:16px;
	}	
}

.slp02{
	display: flex;
	gap:30px;
	margin-top: 40px;
}

.slp02 div{
	width: 33.3333%;
	text-align: center;
}

.slp02 div:nth-child(2) , .slp02 div:nth-child(4){
	width: 4%;
	padding-top: 110px;
}

.slp02 div img{
	display: block;
	margin: 0 auto;
}

.slp02 p{
	font-size:20px;
	letter-spacing: 0;
	margin-top: 20px;
	text-align: left;
	margin: 20px 30px 0 30px;
}

.slp02 div:nth-child(5) p{
	text-align: center;
}

@media screen and (max-width: 768px) {	
	.slp02{
		display: block;
		text-align: center;
	}

	.slp02 div{
		width: auto;
		text-align: center;
	}

	.slp02 div:nth-child(2) , .slp02 div:nth-child(4){
		width: auto;
		padding: 20px;
	}
	.slp02 div img{
		width: 200px;
	}
	.slp02 div:nth-child(2) img , .slp02 div:nth-child(4) img{
		transform: rotate(90deg);
		width: 30px;
	}
	.slp02 p{
		font-size:17px;
		line-height: 150%;
	}

	.slp02 div:nth-child(5) p{
		text-align: center;
		margin: 20px 50px 0 50px;
	}
}

.slp03{
	display: flex;
	gap:30px;
	margin-bottom: 30px;
	background: #fcfcfc;
	padding: 20px 120px;
}

.slp03 div:first-child{
	width: 25%;
}

.slp03 div:last-child{
	width: 75%;
	padding-top: 20px;
}

.slp03_l{
	padding-top: 0px !important;
}
.slp03 h3{
	font-size: 25px;
	font-weight: bold;
	color: #99234b;
	margin-bottom: 20px;
	letter-spacing: 0;
}

.slp03 h3 img{
	width: 35px;
	vertical-align: middle;
	margin-right: 8px;
	display: inline-block;
}

.slp03 h3 span{
	display: inline-block;
	vertical-align: middle;
}

.slp03 p{
	font-size: 20px;
	letter-spacing: 0;
}
.slp03 p.notice{
	font-size: 16px;
	color: #99234b;
	letter-spacing: 0;
	margin-top: 5px;
}

@media screen and (max-width: 768px) {	
	.slp03{
		display: block;
		padding: 20px 20px;
		background: #f7f7f7;
	}

	.slp03 div:first-child{
		width: auto;
		text-align: center;
	}
	
	.slp03 div:first-child img{
		width:200px;
	}

	.slp03 div:last-child{
		width: auto;
		padding-top: 20px;
	}

	.slp03_l{
		padding-top: 0px !important;
	}
	.slp03 h3{
		font-size: 18px;
		margin-bottom: 15px;
		line-height: 130%;
		margin-top: 15px;
	}

	.slp03 h3 img{
		width: 32px;
		height:auto;
	}

	.slp03 h3 span{
		display: inline-block;
		vertical-align: middle;
	}

	.slp03 p{
		font-size: 17px;
		line-height: 150%;
	}
	.slp03 p.notice{
		font-size: 13px;
	}
	.flow_h3{
		display:flex;
	}
	.flow_h3 b{
		width:20%;
		margin-right:6px;
	}
}


.box2 dl {
	text-align: left;
    position: relative;
    background-color: #fcfcfc;
    padding: 20px 20px 20px 20px;
	border: 1px solid #d6d6d6;
}
.box2 dl+dl {
    margin-top: 15px
}
.box2 dl dt {
    box-sizing: border-box;
    font-weight: bold;
	font-size: 22px;
    line-height: 35px;
    color: #000000;
    cursor: pointer;
    position: relative;
	letter-spacing: 0;
	padding: 0 50px;
}
.box2 dl dt:before {
    content: '';
    width: 30px;
    height: 30px;
    background: url({% items[/lpr/faq-icon1.png] %}) no-repeat center top/cover;
    position: absolute;
    top: 50%;
    left: 0px;
    transform: translateY(-50%)
}
.box2 dl dt .icon {
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%)
}
.box2 dl dt .icon:before {
    content: '';
    width: 100%;
    height: 0;
    border-top: 3px solid #a1a1a1;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}
.box2 dl dt .icon:after {
    content: '';
    width: 0;
    height: 100%;
    border-left: 3px solid #a1a1a1;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    transition: all 0.3s
}
.box2 dl dd {
    display: none;
    letter-spacing: .025em;
    padding: 44px 20px 20px 50px;
    position: relative;
	font-size:20px;
}
.box2 dl dd:before {
    content: '';
    width: 30px;
    height: 30px;
    background: url({% items[/lpr/faq-icon2.png] %}) no-repeat center top/cover;
    position: absolute;
    top: 47px;
    left: 0px
}
.box2 dl.active dt .icon:after {
    transform: translate(-50%,-50%) rotate(90deg)
}
@media screen and (max-width: 768px) {
	.box2 dl{
        padding: 0px 10px 0px 0px
    }

    .box2 dl dt {
        font-size: 17px;
        line-height: 22px;
        padding: 18px 20px 18px 50px
    }
    .box2 dl dt:before {
        width: 30px;
        height: 30px;
        left: 10px
    }
    .box2 dl dt .icon {
        width: 20px;
        height: 20px;
        right: 0px
    }
    .box2 dl dd {
        font-size: 15px;
        padding: 18px 10px 18px 50px;
    }
    .box2 dl dd:before {
        width: 30px;
        height: 30px;
        top: 17px;
        left: 10px
    }
}


.slh3{
	margin: 0 auto;
	border:1px solid #ccc;
	padding: 10px 50px;
	font-size: 20px;
	font-weight: bold;
	display: inline-block;
	background: #fff;
}
.slh3_after{
	margin-top: 60px;
}
.slh{
	height: 1px;
	background-color: #d6d6d6;
	border: none;
	color: #d6d6d6;
	margin: -28px 0 60px 0;
}
.slp04 , .slp04sp{
	display: flex;
	gap:15px;
	margin: 20px 100px 20px 100px;
}
.slp04sp{
	display: none;
}
.slp04 a , .slp04sp a{
	display: block;
	border: 1px solid #d6d6d6;
	padding: 23px 20px 23px 20px;
	width: 25%;
	font-size: 18px;
	color: #000000;
	letter-spacing: 0;
	position: relative;
	line-height: 26px;
	vertical-align: middle;
	transition: 0.3s;
}
.slp04sp a{
	width: 50%;
}
.slp04 a.last , .slp04sp a.last{
	padding: 12px 20px 12px 20px;	
}
.slp04 a.last2 , .slp04sp a.last2{
	padding: 12px 20px 12px 20px;
	display: none;
}
.slp04 a:before , .slp04sp a:before{
  content: '';
  width: 12px;
  height: 12px;
  border: 0;
  border-top: solid 1px #333;
  border-right: solid 1px #333;
  transform: rotate(45deg);
  position: absolute;
  top: 0;
  right: 16px;
  bottom: 0;
  margin: auto;
}
.slp04 a:hover , .slp04sp a:hover{
	opacity: 0.7;
	transition: 0.3s;
}
.pages__text {
    font-size: 20px !important;
}
.pages__h4 {
    font-size: 20px !important;
}
.pages__list {
	line-height:150%;
margin-left:12px !important;
    font-size: 20px !important;
}
.pages__note-text {
    font-size: 16px !important;
}

@media screen and (max-width: 1150px) {
	.slp04{
		display: none;
	}
	.slp04sp{
		display: flex;
	}
}

@media screen and (max-width: 768px) {	
	.slh3{
		font-size: 18px;
	}
	.slh3_after{
		margin-top: 30px;
	}
	.slh{
		height: 1px;
		background-color: #d6d6d6;
		border: none;
		color: #d6d6d6;
		margin: -28px 0 60px 0;
	}
	.slp04 , .slp04sp{
		gap:10px;
		margin: 20px 0px 20px 0px;
	}
	.slp04 a , .slp04sp a{
		padding: 18px 14px 18px 14px;
		font-size: 15px;
		letter-spacing: -0.3px;
		line-height: 24px;
	}
	.slp04 a.last , .slp04sp a.last{
		padding: 7px 12px 7px 12px;	
	}
	.slp04 a:before , .slp04sp a:before{
	  width: 7px;
	  height: 7px;
	  right: 9px;
	}
	.pages__text {
	    font-size: 17px !important;
	}
	.pages__h4 {
	    font-size: 17px !important;
	}
	.pages__list {
	    font-size: 16px !important;
	}
	.pages__note-text {
	    font-size: 13px !important;
	}
}