@charset "UTF-8";

body {counter-reset:merit_section;}
ul, ol {padding: 0; margin: 0; list-style: none;}
section:not(.wrp_brd) {text-align: center;}
h2 {position: relative; display: inline-block; font-size: 1.875rem; font-weight: bold; letter-spacing: .05em; text-align: center;} 
em {font-style: normal;}
br.pcOnly {display: block;}
br.spOnly {display: none;}

a.btn_reserve {
display: block;
width: 460px;
height: 2.9em;
line-height: 2.9;
color: #fff;
font-size: 1.375rem;
font-weight: bold;
letter-spacing: .08em;
background : linear-gradient(180deg, rgba(222, 83, 0, 0.6) 0%, rgba(222, 73, 27, 0.85) 45.04%, rgba(222, 69, 37, 1) 72.33%, rgba(222, 69, 37, 1) 100%);
border-radius : 1.5em;
padding-left: .5em;
margin: 0 auto;}
a.btn_reserve::before {
content: '';
display: inline-block;
width: 38px;
height: 28px;
background-image: url(/themes/images/contents/raiten_lp/ico_shop_wh.svg);
background-size: contain;
background-repeat: no-repeat;
vertical-align: middle;
padding-bottom: .2em;
margin-right: .5em;
margin-bottom: .15em;}

.mv_wrp {
  width: 100%; height: 330px; margin: 0 auto;
  background: linear-gradient(180deg, rgba(222, 83, 0, 0.6) 0.09%, rgba(222, 81, 6, 0.63) 3.9%, rgba(222, 74, 23, 0.74) 18.67%, rgba(222, 70, 34, 0.86) 34.54%, rgba(222, 69, 37, 1) 53.33%, rgba(222, 69, 37, 1) 100%);
}

.mv {
  width: 1000px;
  height: 100%;
  color: #fff;
  padding: 20px 0;
  margin: 0 auto;
  background-image: url(/themes/images/contents/raiten_lp/map3d.svg),
  url(/themes/images/contents/raiten_lp/mv_img.png),
  url(/themes/images/contents/raiten_lp/mv_ico.svg);
  background-size: 420px,398px,107px;
  background-position: left 360px bottom -130px,
  right bottom -264px,
  right 360px top 44px;
  background-repeat: no-repeat,no-repeat;  
}
.mv_col_box {display: flex; align-items: flex-start; justify-content: flex-start;}
.mv_txt {display: inline-block; border: 1px solid #fff; padding: .2em 1.8em; margin-right: 3.2em; font-size: .9375rem; font-weight: bold; text-align: center; margin-bottom: 0;}
.mv_txt span {font-style: oblique;}
.mv_ttl {font-size: 1.625rem; font-weight: bold; letter-spacing: .08em;}
.mv_ttl em {font-size: 3.125rem; letter-spacing: .1em; padding-right: .1em; }
.mv_ttl span {border-bottom: 5px solid #f4c708; padding-bottom: .45em;}
.mv_lead {font-size: .8125rem; margin: 1em 0 1.5em;}
.mv_lead em {font-size: 1rem; font-weight: bold;}

.mv_img_container {position: relative;}
.mv_list {width: 335px; display: flex; justify-content: space-between; position: absolute;}
.mv_list li {
  width: 100px;
  height: 100px;
  font-size: 1rem;
  font-weight: bold;
  color: #76bc3f;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  border: 2px solid #90d65f;
  border-radius: 50px;
  background: #fff;}

.contents {margin: 1rem auto 0px;}
.breadcrumb::before {margin-left: 0;}

section.advantage {padding: 0 0 150px 0; }
.advantage .lead { position: relative; font-size: 1.125rem; font-weight: bold; line-height: 1.7; margin-bottom: 70px; letter-spacing: .08em;}
.advantage .lead::after {
    content: '';
    position: absolute;
    bottom: -1.1em;
    left: 50%;
    transform: translateX(-50%);
    width: 6.8em;
    height: 3px;    
    background-color: #df4525;}


.advantage h2 {padding: 0 1.5em; margin-bottom: .7em;}
.advantage h2::before, .advantage h2::after {
    content: '';
    position: absolute;
    top: 70%;
    display: inline-block;
    width: 1.2em;
    height: 1px;
    background-color: black;}
.advantage h2::before {left: 0; transform: rotate(60deg);}
.advantage h2::after {right: 0;transform: rotate(-60deg);}

.col_box {display: flex; justify-content: space-between; align-items: center;}
.advantage .col_box {margin: 50px auto 60px;}
.advantage img {width: 88%; margin-top: -40px;border: 1px solid #ddd;}
.advantage_frame {width: 45%; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);}
.advantage_frame p {font-size: 1.0625rem; margin: .8em auto 1.2em; letter-spacing: .06em;}

section.howto {margin: 0 calc(50% - 50vw); width: 100vw; background: #f7f7f7; padding-bottom: 90px;}

.howto h2 {position: relative; padding-bottom: 30px;}

h2.merit { padding-top: 78px;}
h2.merit::before {
    counter-increment: merit_section;
    content: counter(merit_section);
    position: absolute;
    top: -45px;
    left: 0;
    right: 0;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    font-size: 2.75rem;
    font-weight: 500;
    font-style: oblique;
    font-family: Futura,"Century Gothic","Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, "游ゴシ�?ク Medium", YuGothic, YuGothicM, arial, helvetica, sans-serif !important;
    text-align: center;
    vertical-align: middle;
    color: #fff;
    background-color: #ff9110;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: .4em 0 0 0;}

h2.merit::after {
    content: "merit";
    position: absolute;
    top: -45px;
    left: 0;
    right: 0;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    margin: 0 auto;
    padding-top: 1.2em;
    letter-spacing: .06em;}

.howto .inner {position: relative; width: 1000px; margin:0 auto;}
.map3d {position: absolute; top: -242px; right: -200px; width: 540px;}
.howto ul { width: 1000px; display: flex; justify-content: space-between; flex-wrap: wrap; margin: 0 auto 60px;}
.howto li { width: 28%; display: flex; flex-wrap: wrap;align-items: flex-start /*Safari対�?*/;}
.howto dl { width: 100%; height: 125px; background: #fff; border: 1px solid #999; border-radius: 6px; padding: 1em 1.5em; margin-top: -7px;}
.howto dt { width: 100%; font-size: 1.25rem; font-weight: bold; margin-bottom: .3em;}
.howto dd {font-size: .9375rem; text-align: left;}

section.efficient {padding: 0 0 90px 0;}
.efficient ul {display: flex; justify-content: space-between; width: 100%; margin-top: 50px;}
.efficient li {width: 30%;}
.efficient ul img { width: 93%; height: auto; border-radius: 50%;box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);}
.efficient dl {margin: 1em 0;}
.efficient dt {width: 100%; font-size: 1.375rem; font-weight: bold; line-height: 1.35; margin-bottom: .7em} 
.efficient dd {font-size: .9375rem; letter-spacing: .05em; text-align: left;}
.efficient dd span {display: block; font-size: .8125rem; text-indent: -1em; padding-left: 1em; margin-top: 1em;}

.prevention_box {padding: 35px 50px 50px ; background: #f3fcff;border-radius: 12px;box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15); margin: 45px 0 60px;}
.prevention_box h3 {font-size: 1.5rem; font-weight: bold; color: #0080c0;}
.efficient .prevention_box ul {width: 100%; height: auto; display: flex; justify-content: space-between; margin-top: 30px;}
.prevention_box li {width: 15%;}
.efficient .prevention_box img {width: 100%; height: auto; border: 1px solid #44c1f2; border-radius: 12px; box-shadow: none;}
.prevention_box p {font-size: .9375rem; text-align: left; margin: 2em auto 0;}

section.receiving {margin: 0 calc(50% - 50vw); width: 100vw; background: #f7f7f7; /*padding-bottom: 60px;*/}
.receiving ul {width: 1000px; display: flex; justify-content: space-between; flex-wrap: wrap; margin: 37px auto 50px;}
.receiving li {width: 31.7%;}
.receiving dl {width: 100%; height: 100%; background: #fff; border-radius: 10px; padding: 2em 2em 1em; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);}
.receiving dt {font-size: 1rem; font-weight: bold;}
.receiving dt span {font-size: 1.375rem; padding-bottom: .3em; border-bottom: 3px solid #f4c708; text-align: center;}
.receiving figure {width: 100%; height: 130px; display: flex; justify-content: center; align-items: center;}
.receiving figure img {display: block;}
.receiving dd { font-size: .9375rem; letter-spacing: .05em; text-align: left;}
.receiving dd span { display: block; font-size: .8125rem; text-indent: -1em; padding-left: 1em; margin-top: .5em;}

section.step {position: relative; margin: 0 calc(50% - 50vw); width: 100vw; /*background: #f7f7f7;*/ /*padding-top: 20px; */padding-bottom: 50vh; /*z-index: -1;*/ margin-top: 90px;}
.step::before{
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #f4c708;
    transform: skewY(6deg) translateY(90px);
    z-index: -1;}
.step::after{
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #f4e6ab;
    transform: skewY(-6deg) translateY(90px);
    z-index: -1;}

.step h2 { position: absolute; padding: 110px 0 200px; top: -100px; left: 0; right: 0; width: 100%; display: block; background: #f7f7f7; z-index: -2;}
.step ol { counter-reset:step_list; width: 1000px; display: flex; justify-content: space-between; margin: 0 auto; padding: 110px 0 0;}
.step li {
  position: relative; width: 30%;
  background: url(/themes/images/contents/raiten_lp/triangle.svg); 
  background-size: 35%;
  background-repeat: no-repeat;
  background-position: left 45% top 2%;}

.step li::before {
position: absolute; 
top: 0;
left: 60%; 
counter-increment: step_list;
content: counter(step_list);
font-size: 2.5rem;
font-style: oblique;}

.step li::after {
position: absolute;
top: .5em;
left: 35%;
content:"STEP";
font-size: 1.5625rem;
font-weight: bold;}

.step dl {padding: 4.5em 0 60px;}
.step dt {font-size: 1.375rem; font-weight: bold;}
.step figure {width: 100%; margin: 10px auto 15px;}
.step figure img {width: 100%;}
.step dd {font-size: 1rem; letter-spacing: .05em; text-align: left;}
.step dd span {display: block; font-size: .8125rem; text-indent: -1em; padding-left: 1em; margin-top: .5em;}
.step a.btn_reserve {margin-bottom: 70px;}

section.attention {margin: 0 calc(50% - 50vw); width: 100vw;background: #fff; padding-top: 85px;margin-top: -50vh; padding-bottom: 100px;}
.attention_box {width: 1000px; margin: 0 auto; padding: 50px 80px 55px; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15); text-align: left; border-radius: 12px;}
h4 {font-size: 1.25rem; font-weight: bold; margin-left: -1.9em;}
h4::before {
  content: '';
  display: inline-block;
  width: 24px;
  height: 22px;
  background-image: url(/themes/images/contents/raiten_lp/ico_attention_wh.svg);
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
  margin-right: .5em;}

.attention ul.check {margin: .5em 0 1.5em;}
.attention ul.check li {position: relative; display: flex;align-items: center; font-size: 1.25rem; line-height: 2.2; padding-left: 1.65em;}
.attention ul.check li .underline {position: relative; text-decoration: none;}
.attention ul.check li .underline::after {
    content: '';
    position: absolute;
    bottom: .2em;
    left: 50%;
    transform: translateX(-50%);
    width: 5em;
    height: 1px;    
    background-color: #333;}

.attention ul.check li .neutral {color: #999;}
.attention ul.check li span:not(.neutral):not(.underline){font-size: 1rem; padding-left: 1em;}
.attention ul.check li:before {
    position: absolute;
    left: 0;
    width: 1em;
    height: 1em;
    content: '';
    cursor: pointer;
    border-radius: 5px;
    background: #fff;
    border: 1px solid #333;
    box-sizing: border-box;}

.attention ul.discS {margin: .5em 0 2em 1em;}
.attention ul.discS li {font-size: .875rem;line-height: 1.8;}
.attention ul.discS li::before {
    content: "・";
    display: inline-block;
    margin-left: -1em;
    padding-right: 0;
    width: 1em;}
.nomgb {margin-bottom: 0 !important;}


@media screen and (max-width: 1000px) {

 h2 {font-size: 1.625rem;}

.mv {
  width: 100%;
  padding: 20px 0 20px 4%; 
  background-image: url(/themes/images/contents/raiten_lp/map3d.svg),
  url(/themes/images/contents/raiten_lp/mv_img.png),
  none;
  background-size: 37%,39.8%;
  background-position: left 370px top 220px,
  left 550px top 15%;

}

.contents {width: 96%;}  
.breadcrumb::before {margin-left: 0;}

.advantage_frame p {font-size: .75rem;}  
.howto .inner {width: 96%;}
.howto ul {width: 96%;}
.howto dl {height: 7em; padding: 1em;}
.howto dt {font-size: .8125rem;}
.howto dd {font-size: .6875rem;}

.map3d {top: -18vw; right: -8vw; width: 40vw;}

.efficient dt {font-size: 1rem;}
.efficient dd {font-size: .875rem;}
.efficient dd span {font-size: .75rem;}

.prevention_box {padding: 1.5em 2em 2em;}
.prevention_box h3 {font-size: 1.25rem;}
.prevention_box p {font-size: .875rem;}

section.receiving {padding-bottom: 5vw;}
.receiving ul {width: 96%;}
.receiving dt {font-size: .8125rem;}
.receiving dt span {font-size: 1rem;}
.receiving dd {font-size: .875rem;}
.receiving dd span {font-size: .75rem;}

section.step {margin-top: 0;}
.step ol {width: 96%;}
.step li::before {font-size: 2.2rem;}
.step li::after {font-size: 1.2625rem; left: 30%;}
.step a.btn_reserve {margin-bottom: 7.5vw;}
.step dt {font-size: 1.125rem;}
.step dd {font-size: .8125rem;}
.step dd span {font-size: .75rem;}

section.attention {padding: 7.5vw 0 10vw;}
.attention_box {width: 96%;}
.attention ul.check li {display: block; font-size: 1.125rem;}
.attention ul.check li:before {top: .5em;}
.attention ul.check li span:not(.neutral):not(.underline) {display: block;font-size: .8125rem; text-indent: -1em; padding-left: 1em;}
.attention ul.check li .underline::after {bottom: -0.4em;}
.attention ul.check li .neutral + span {line-height: 1.5;}

}  

@media screen and (max-width: 768px) and (min-width: 661px) {
.breadcrumb::before {margin-left: -1.5em;} 
}  

@media screen and (max-width: 660px) {

br.pcOnly {display: none;}
br.spOnly {display: block;}
h2 {font-size: 5.33vw;}
a.btn_reserve {width: 80%;font-size: 4.27vw;}
a.btn_reserve::before {width: 2em; height: 1.46em;}
.contents {width: 100%; max-width: 100%;}
.breadcrumb::before {margin-left: -1em;}
.mv_wrp {height: auto;}
.mv {width: 100%;padding: 5vw 5vw 0;background-image: none;}
.mv_col_box {justify-content: space-between;}
.mv_col_box img { width: 35%; }
.mv_txt {font-size: 3.2vw; margin: 0;}
.mv_ttl{font-size: 5.3vw; margin: 0 auto; text-align: center; margin-top: .5em;}
.mv_ttl em {font-size: 7.5vw;}
.mv_ttl span {border-bottom: 4px solid #f4c708;}
/*body.cnt_guide*/ .mv_lead {font-size: 3.1vw; line-height: 1.5;}
.mv_lead em {font-size: 3.73vw;}
.mv_img_container {
  position: relative;
  width: 100vw;
  height: 50vw;
  margin: -5vw 0 0 -5vw;
  background-image: url(/themes/images/contents/raiten_lp/mv_ico.svg),
    url(/themes/images/contents/raiten_lp/mv_img.png);
  background-size: 18vw, 58vw;
  background-position: left 22vw top 9vw, right top;
  background-repeat: no-repeat, no-repeat;}  
.mv_list {position: absolute; left: 5vw; bottom: 2vw; width: 75vw; margin: 0 auto;}
.mv_list li {width: 23vw; height: 23vw; border-radius: 50%; font-size: 3.47vw;box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);}
.contents {margin: 0; overflow-x: hidden;}
section.advantage {padding: 0 0 20vw 0;}
.advantage .lead {font-size: 3.47vw; margin: 1.5em auto 4em;}
.advantage .col_box {display: block; margin: 2rem auto -1.5em;}
.advantage_frame {width: 90vw; margin: 0 auto 2.5rem; box-shadow: none;}
.advantage img {width: 70vw; margin-top: -1.5em;}
.advantage_frame p {font-size: 3.2vw; padding: 0 0 1em; margin: .3em auto 1.2em; line-height: 1.5;}
.map3d {top: -18vw; right: -8vw; width: 40vw;}
h2.merit {padding-top: 3em;}
h2.merit::before,h2.merit::after {width: 20vw; height: 20vw;top: -10vw;}
h2.merit::before {font-size: 10vw; padding-top: .5em;}
h2.merit::after {font-size: 2.67vw;padding-top: 1.1em;}
section.howto {padding-bottom: 20vw;}
.howto .inner,.step ol {width: 100%; margin: 0 auto;}
.howto h2 {padding-bottom: 0;}
.howto ul {width: 70%; margin: 0 auto 2rem;}
.howto li {width: 100%;}
.howto ul li > img {width: 50vw; height: auto; margin: 0 auto;}
.howto dl {height: auto; padding: 1em 1em 1.25em;}
.howto dt,.efficient dt {font-size: 4.27vw;}
.howto dd,.efficient dd {font-size: 3.47vw;}
section.efficient {padding-bottom: 20vw;}
.efficient ul {display: block; width: 80%; margin: 1.5rem auto 2.5rem;}
.efficient li {width: 100%; margin-bottom: 2rem}
.efficient ul img {width: 50vw; height: auto;}
.efficient dt {line-height: 1.5;}
.efficient dd span,.receiving dd span,.step dd span {font-size: 2.93vw;}
.prevention_box { width: 90vw; margin: 0 auto 2.5rem; padding: 1.5em; /*box-shadow: none; border-radius: 0;*/}
.prevention_box h3 {font-size: 4.27vw;}
.efficient .prevention_box ul {flex-wrap: wrap; margin: 1rem auto .5rem;}
.efficient .prevention_box li {width: 32%; margin-bottom: .5em;}
.prevention_box p {font-size: 3.47vw; margin: 1em auto 0;}
section.receiving {padding-bottom: 10vw;}
.receiving ul {width: 90vw;margin: 1.5rem auto 1rem;}
.receiving li {width: 100%;margin-bottom: 2rem;}
.receiving dt {font-size: 3.73vw;}
.receiving dt span {font-size: 5.33vw;}
.receiving dd {font-size: 3.47vw;}
.receiving figure {height: 30vw;}
.receiving figure img {width: 20vw;}
section.step {padding-top: 0; margin-top: 0;}
.step::before,.step::after {margin-top: -1.5rem;}
.step h2 {padding-top: 90px;}
.step ol {display: block; width: 80%; margin: 2rem auto 0;}
.step li {width: 100%;margin-bottom: 2rem; background-size: 25vw; background-position: left 42% top 3%;}
.step li::before {font-size: 9vw; left: 56%;}
.step li::after {font-size: 6vw; left: 34%;}
.step dl {padding: 4.5em 0 0;}
.step dt {font-size: 4.8vw;}
.step dd {font-size: 3.47vw;}
.step figure {width: 50vw;}
.step a.btn_reserve {margin-bottom: 10vw;}
.attention_box {width: 90vw; padding: 1.5em 1em 1.5em 1.25em;}
h4 {font-size: 4vw; margin-left: -.25em; margin-bottom: 1em; white-space: nowrap;}
h4::before {width: 1.25em; height: 1.13em;}
section.attention {padding: 10vw 0 15vw;}
.attention ul.check {width: 100%;}
.attention ul.check li { position: relative; display: block; font-size: 3.73vw; line-height: 1.5; margin-bottom: .5em;}
.attention ul.check li:before {top: .25em;border-radius: 3px;}
.attention ul.check li .underline::after {bottom: -.3em;}
.attention ul.check li span:not(.neutral):not(.underline){font-size: 2.9vw; display: block; margin: .25em 0 0 -1em; text-indent: -1em; padding-left: 2em;}
.attention ul.discS {margin: .5em 0 2em 1.5em;}
.attention ul.discS li {font-size: 3.47vw; line-height: 1.6; margin-bottom: .3em;}
}

@media screen and (max-width: 660px) and (min-width: 441px){
ol.breadcrumb{display:flex;padding:.3em 3vw .3em 7vw;border-bottom:1px #ddd solid;background-color:#fff;min-width:90vw;}
ol.breadcrumb li{font-size:2.6vw!important;margin-right:.65em!important;display:inline-flex;white-space:nowrap;}
.wrp_brd{width:100%;overflow-x:hidden;position:relative;border-bottom:1px #ddd solid;}
.wrp_brd::before{background:linear-gradient(to left, rgba(252, 252, 252, 0) 0%, #fcfcfc 100%);content:"";display:block;height:99%;width:5vw;left:0;top:0;position:absolute;z-index:10;}
.wrp_brd::after{background:linear-gradient(to right, rgba(252, 252, 252, 0) 0%, #fcfcfc 100%);content:"";display:block;height:99%;width:5vw;right:0;top:0;position:absolute;z-index:10;}
.scroll_brd{width:100%;overflow-x:scroll;position:relative;background-color:#fff;}
.scroll_brd ol.breadcrumb{display:flex;flex-wrap:nowrap;padding:.4em 3vw .4em 7vw;min-width:90vw;border-bottom:0;line-height:2;margin-bottom:0;}
.scroll_brd ol.breadcrumb li{font-size:2.6vw!important;margin-right:.65em!important;display:inline-flex;white-space:nowrap;}
.scroll_brd ol.breadcrumb li:last-child{padding-right:2em;}
.breadcrumb::before{vertical-align:text-bottom;z-index:100;position:relative;margin-left:-1em;}
.scroll_brd .breadcrumb::before{position:absolute;}
.breadcrumb a{color:#066eb3;margin-right:.65em;}
.breadcrumb::before {width: 2em; height: 2em; background-size: 1em; background-position: left 0.4em;}
.breadcrumb::before {margin-left: -1.5em;}
}


@media screen and (max-width: 480px) {
section.step {padding-top: 1em;} 
.step h2 {padding-top: calc(100px + 1rem);}
.step ol {padding: 1rem 0 0;} 
}


/* 2021.11.9 */
.raiten_lp .btn_apply_sp {display: none;}
.raiten_lp .btn_apply_sp.active {transform: none;}


/* 3969 2021.12 店�?�買取�?�対象�?品リンク */
br.tabOnly {display: none;}
section.ticket {background: #fff; margin: 0 calc(50% - 50vw); margin-top: -50vh; padding: 60px 0;}
.ticket_box {
    width: 950px;
    padding: 35px 85px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 0 10px 0 rgb(0 0 0 / 15%);
    margin: 0 auto;}

.ticket .ribbon {
  display: inline-block;
  position: relative;
  width: 1000px;
  height: 2.27em;
  line-height: 2.27;
  text-align: center;
  padding: 0 30px;
  font-size: 1.375rem;
  background: #ff9110;
  color: #FFF;
  box-sizing: border-box;
}

.ticket .ribbon:before, .ticket .ribbon:after {
  position: absolute;
  content: '';
  width: 0px;
  height: 0px;
  z-index: 1;
}

.ticket .ribbon:before {
  top: 0;
  left: 0;
  border-width: 1.135em 0px 1.135em .46em;
  border-color: transparent transparent transparent #fff;
  border-style: solid;
}

.ticket .ribbon:after {
  top: 0;
  right: 0;
  border-width: 1.135em .46em 1.135em 0px;
  border-color: transparent #fff transparent transparent;
  border-style: solid;
}
.ticket .ttl_abv {margin-bottom: 0;}
.ticket .ttl_abv span {position: relative; display: inline-block; padding: 0 1.5em; margin-bottom: .7em; font-size: 1.5625rem; font-weight: bold; padding-left: 1.75em;}
.ticket .ttl_abv span::before, .ticket .ttl_abv span::after {
    content: '';
    position: absolute;
    top: 70%;
    display: inline-block;
    width: 1.2em;
    height: 1px;
    background-color: black;}
.ticket .ttl_abv span::before {left: 0; transform: rotate(60deg);}
.ticket .ttl_abv span::after {right: 0;transform: rotate(-60deg);}    
.ticket .lead {font-size: 1.625rem; font-weight: bold; margin: .8em 0 1.75em;}
.ticket .line-red span { padding: 0 0 0.1em;}
.ticket .red_frame {
  width: 100%;
  border: 1px solid #c33;
  font-size: 1.25rem;
  font-weight: bold;
  color: #c33;
  height: 2.25em;
  line-height: 2.25em;
  margin-bottom: 1em;}

.ticket .col_box {display: flex; justify-content: space-between; align-items: stretch;}
.ticket .kit_col img {width: 250px;}
.ticket .kit_col figcaption {font-size: .875rem; margin: 1em 0 .2em;}
.ticket .ticket_col {position: relative;}
.ticket .ticket_col img {width: 500px; margin-top: 2em; box-shadow: 5px 5px 12px /*#561006*/rgba(86,16,6,0.25);}
.ticket .ticket_col p {position: absolute; bottom: 0; font-size: 1.125rem; font-weight: bold; margin-bottom: 0;}
.ticket .btn.apply {width: 520px; height: 65px; font-size: 1.25rem; color: #fff; padding: 0; border-radius: 10px; margin: 2em 0 1em;}
.ticket p {font-size: 1rem; margin-bottom: 0;}

section.attention { background: #f7f7f7; margin-top: 0; padding-top: 60px;}
.attention_box {background: #fff;}
h4 {margin-left: 0; text-indent: -1.9em; line-height: 1.75;}
.attention_box .btn.border {line-height: 1; height: 4.17em; border: 1px solid #ccc; border-radius: 10px; background-color: #fff; padding: 0; margin: 1em 0 2em;}
.attention_box .btn.target {
  width: 830px;
  justify-content: space-between;
  font-size: 1.125rem;
  font-weight: normal;
  color: #066eb3;
  padding-right: 2.5em;
  background: url(/themes/images/contents/raiten_lp/arw_gray_R.svg);
  background-size: 0.6em,482px;
  background-repeat: no-repeat,no-repeat;
  background-position: center right 1em,left 1.5em center;}
.mv_col_box img {max-width: 180px;}

.attention_box .btn.target {width: 100%;}
.attention_box .btn.target .btn_imgs { padding: 0 1.5em; width: 100%; max-width: 462px; display: flex; justify-content: flex-start;}
.attention_box .btn.target .btn_imgs > div {max-width: 100%;}

@media screen and (max-width: 1000px) {
br.pcOnly {display: none;}  
br.tabOnly {display: block;}
section.ticket {padding: 7.5vw 0;}
.ticket .ribbon {width: 96%;}
.ticket .col_box {margin-top: 2rem;}
.ticket .ticket_box {width: 90%;padding: 35px;}
.ticket .kit_col {width: 30%;}
.ticket .ticket_col {width: 70%;}
.ticket .kit_col img {width: 20vw;}
.ticket .kit_col figcaption {margin-top: 3em;}
.ticket .ticket_col img {width: 60vw; margin-top: 0;}
.ticket .ticket_col p {font-size: 1rem; width: 100%; text-align: center;}
.ticket_box br.pcOnly {display: block;}
}


@media screen and (max-width: 768px) {
.red_frame br.spOnly {display: block;}
/*body.cnt_guide*/ .ticket .red_frame {height: auto; line-height: 1.6; padding: .5em 0;}
.ticket .ticket_box {padding: 35px 70px;}
.ticket .col_box {flex-direction: column; margin-top: 0;}
.ticket .kit_col,.ticket .ticket_col {width: 100%;}
.ticket .kit_col { width: 50% ;border: 1px solid #ddd; margin: 2.5rem auto 0;}
.ticket .kit_col img {width: 70%;}
.ticket .ticket_col {order: -1;}
.ticket .ticket_col img {width: 100%;}
.ticket .ticket_col p {position: static; margin-top: .5em;}
.ticket .btn.apply {width: 100%;}
.ticket_box br.pcOnly {display: none;}
.ticket_box br.spOnly {display: block;}
.ticket .ticket_col br.spOnly {display: none;}
.attention_box h4 br.tabOnly {display: none;}

.attention_box .btn.border {height: auto; padding: 1em 0 .25em;}
.attention_box .btn.target {flex-direction: column;}
.attention_box .btn.target .btn_imgs {order: 1; width: 80%; padding: .5em 0 0 0; justify-content: space-between;}
.attention_box .btn.target .btn_imgs > div {max-width: 2.3em;}
}

@media screen and (max-width: 1000px) and (min-width: 768px) {
.attention_box .btn.target {flex-direction: row; padding: 0 2.5em 0 0; height: 4.17em;}
.attention_box .btn.target .btn_imgs {order: 0; padding: 0 1.5em 0 1em; width: auto;}
.attention_box .btn.target .btn_imgs div:nth-child(5) {display: none;}
}

@media screen and (max-width: 767px) and (min-width: 661px) {
.attention_box .btn.target .btn_imgs {width: 70%;}  
}  

@media screen and (max-width: 660px) {
br.tabOnly {display: none;}
/*body.cnt_guide*/ .contents {max-width: 100vw;}
/*body.cnt_guide*/ .contents .wrp_brd {margin-left: 0;}
.mv_txt {padding: .2em 1em;}  
.mv_col_box img {width: 54%;}

section.ticket {padding: 8vw 0 10vw;}
.ticket .ttl_abv span,
/*body.cnt_guide*/ .ticket .lead {font-size: 4.27vw;}
.ticket .ribbon {width: 90%; font-size: 4vw;}
/*body.cnt_guide*/ .ticket .lead br.tabOnly {display: block;}
/*body.cnt_guide*/ .ticket .red_frame {font-size: 3.73vw; height: auto; line-height: 1.6; padding: .5em 0;}
.ticket .ticket_box {width: 90vw; padding: 1.5rem 1rem;}
.ticket .ticket_col br.spOnly {display: block;}
.ticket .col_box {flex-direction: column; margin-top: 0;}
.ticket .kit_col,.ticket .ticket_col {width: 100%;}
.ticket .kit_col { width: 60vw;border: 1px solid #ddd; margin: 2.5rem auto 0;}
.ticket .ticket_col img {width: 100%; margin-top: .5rem;}
.ticket .kit_col img {width: 50vw;}
.ticket .kit_col figcaption {font-size: 2.9vw; margin-top: 0;}
.ticket .ticket_col {order: -1;}
.ticket .ticket_col img {box-shadow: 3px 3px 9px rgba(86,16,6,0.25);}
.ticket .ticket_col p {position: static; margin-top: .5em;}
.ticket .btn.apply { width: 100%; font-size: 3.73vw; line-height: 1; height: 3em; white-space: nowrap;}
/*body.cnt_guide*/ .ticket .ticket_col p {font-size: 3.73vw;}
.ticket .btn.apply { border-radius: 1.5vw; margin: 1.5em 0 1em;}
/*body.cnt_guide*/ .ticket p {font-size: 2.9vw;}

section.attention {padding-top: 10vw;}
h4 {white-space: normal; line-height: 1.55; margin-bottom: 0; margin-left: 1.5em;}
.attention_box {padding: 1.5em 1.25em;}
.attention_box .btn_wrp {width: 100%; padding: 0 7%;}
.attention_box .btn.border {border-radius: 1.5vw;}
.attention_box .btn_wrp .btn.target {width: 100%; font-size: 3.73vw; justify-content: center; padding-right: 1em;}
.attention_box .btn.target .btn_imgs div:nth-child(5) {display: none;}
}



/* 4618 20230328 */
section.one-stop {display: block; margin: 0 auto 60px;}
.one-stop .lead { position: relative; font-size: 1.125rem; font-weight: bold; line-height: 1.7; margin-bottom: 70px; letter-spacing: .08em;}
.one-stop .lead::after {
    content: '';
    position: absolute;
    bottom: -1.1em;
    left: 50%;
    transform: translateX(-50%);
    width: 6.8em;
    height: 3px;    
    background-color: #df4525;}
.point-list {display: flex; flex-direction: row; align-items: flex-start; justify-content: space-between;width: 1000px; max-width: 96%;}
.point-list li { width: 30%; position: relative;}
.point-list li dl > dt{font-size: 1.75em; font-weight: bold;margin-bottom: -2.25em;z-index: 2;position: relative;}
.point-list li::after { position: absolute; content: ""; display: block;right: -11%;top: 40%;
width: 0;
    height: 0;
    border-style: solid;
    border-width: 1em 0 1em 1em;
    border-color: transparent transparent transparent #ff7427;}
.point-list li:last-child::after {display: none;}
a.link-blue:link,a.link-blue:visited,a.link-blue:hover,a.link-blue:active { color: #066eb3;}

/*2023 06 28*/
@media screen and (max-width: 767px) {
  .point-list {margin: 0 auto;}
  .point-list li dl > dt{font-size: 4vw; position: absolute; top: -1.5em; width: 100%;}
  }