.rGuide__mv__main{
position: relative;
}
.rGuide__mv__title{
line-height: 1.3;
}
.rGuideIntro__head{
background:#F2F2F2;
padding: 10px;
}
.rGuideIntro__head__inner{
border: 2px solid #fff;
background:#F2F2F2;
}
.rGuideIntro__body__item{
padding: 32px 20px 36px;
}
.rGuideIntro__body__item.-before{
background:#F2F2F2;
}
.rGuideIntro__body__item.-after{
background:#FCF2F2;
position:relative;
}
.rGuideIntro__body__item.-after::before{
content:"";
position:absolute;
}
.rGuideIntro__body__item__list{
display:flex;
justify-content:center;
}
.rGuideIntro__body__item__list > .m-Grid{
display:inline-block;
width: auto;
}
.rGuideIntro__body__item__title{
display: flex;
flex-direction:column;
align-items:center;
gap:10px;
}
.rGuideIntro__body__item__title::after{
content:"";
width: 30px;
height: 2px;
}
.rGuideIntro__body__item.-before .rGuideIntro__body__item__title::after{
background: #AFAFAF;
}
.rGuideIntro__body__item.-after .rGuideIntro__body__item__title::after{
background: #F0B0B0;
}
.rGuide__main__head{
position: relative;
}
.rGuide__main__title{
display:inline-block;
color:#9B1218;
background:rgb(255 255 255 / .8);
border-radius: 4px;
}
.rGuide__outro .a-btn.a-btn-ps{
border-color: #E60000;
color: #E60000;
font-weight:bold;
}
.rGuide__sticky{
position: fixed;
z-index: 110;
width: 203px;
}
.rGuide__sticky__batubtn{
width: 15px;
height: 15px;
position: absolute;
z-index:100;
top:10px;
right:10px;
pointer-events:visible;
cursor:pointer;
}
.rGuide__sticky__batubtn::before,
.rGuide__sticky__batubtn::after{
content:"";
position: absolute;
top: 50%;
left: 50%;
width: 15px;
height:1px;
background:#E60000;
}
.rGuide__sticky__batubtn::before{
transform: translate(-50%,-50%) rotate(45deg);
}
.rGuide__sticky__batubtn::after{
transform: translate(-50%,-50%) rotate(-45deg);
}
.rGuideIntro .a-btn,
.rGuide__outro .a-btn,
.rGuide__sticky .a-btn{
font-size: 16px;
min-height:64px;
display: flex;
align-items: center;
justify-content: center;
}

@media only screen and (min-width: 750px){
.richtext h1.rGuide_title{
font-size:36px;
}
.rGuide__mv__main{
margin: -240px 37px 0;
}
.rGuide__mv__title{
font-size:40px;
}
.rGuide__mv__title__ja{
font-size:24px;
}
.rGuideIntro__head__inner{
padding: 30px 20px;
text-align:center;
}
.rGuideIntro__body__item.-before{
width: 98%;
}
.rGuideIntro__body__item.-after{
width: 98%;
margin-left: auto;
}
.rGuideIntro__body__item.-after::before{
top: 50%;
transform:translateY(-50%);
right: 103%;
border-left: 24px solid #AEAEAE;
border-top: 30px solid transparent;
border-bottom: 30px solid transparent;
}
.rGuide__intro__body__title{
font-size:24px;
}
.rGuideIntro__body__item__title{
font-size:24px;
}
.rGuide__main__head{
margin: -26% 47px 0;
}
.rGuide__main__num{
font-size:24px;
}
.rGuide__main__title{
margin-top: 12px;
padding:10px;
font-size:32px;
}
.rGuide__main__num01{
text-shadow: 0 0 10px #fff;
}
.rGuide__main__sub01{
text-shadow: 0 0 6px #fff;
}
.rGuide__main__num02{
text-shadow: 0 0 15px #fff;
}
.rGuide__main__sub02{
text-shadow: 0 0 10px #fff;
}
.rGuide__main__num04{
text-shadow: 0 0 8px #fff;
}
.rGuide__main__sub04{
text-shadow: 0 0 8px #fff;
}
.rGuide__mv__img__sp,
.rGuideIntro__main__img__sp{
display:none;
}
.rGuide__outro .a-btn.a-btn-ps:hover{
opacity:.7;
}
.rGuide__sticky .a-btn{
max-width: 376px;
margin: 0 auto;
}
.rGuide__sticky{
bottom: 15px;
right: 28px;
}
}

@media only screen and (max-width:749px){
.richtext h1.rGuide_title{
font-size:22px;
margin-bottom:20px;
}
.rGuide__mv__main{
margin: -33% 14px 0;
}
.rGuide__mv__title{
font-size:20px;
}
.rGuide__mv__title__ja{
font-size:13px;
}
.rGuideIntro__head__inner{
padding: 20px 15px;
}
.rGuideIntro__body__item.-after{
margin-top: 28px;
}
.rGuideIntro__body__item.-after::before{
left: 50%;
transform:translateX(-50%);
bottom: 106%;
border-top: 22px solid #AEAEAE;
border-left: 25px solid transparent;
border-right: 25px solid transparent;
}
.rGuide__intro__body__title{
font-size:18px;
}
.rGuideIntro__body__item__title{
font-size:20px;
}
.rGuide__main__head__group{
margin: -26% 20px 0;
}
.rGuide__main__num{
font-size:16px;
}
.rGuide__main__title{
margin-top: 8px;
padding:6px;
font-size:22px;
}
.rGuide__main__num01{
text-shadow: 0 0 10px #fff;
}
.rGuide__main__num02{
text-shadow: 0 0 8px #fff;
}
.rGuide__main__num04{
text-shadow: 0 0 6px #fff;
}
.rGuide__mv__img,
.rGuideIntro__main__img{
display:none;
}
.rGuide__sticky{
bottom: 18px;
right: 15px;
}
}