.howto{line-height:1.5rem;}
@media screen and (max-width:800px){.howto{font-size:15px; line-height:1.2rem;}}
@media screen and (max-width:480px){.howto{font-size:14px;}}

/*
================================================================================================================
基本の遊び方
================================================================================================================
*/
.howto.start br.br-sp{display:none;}
@media screen and (max-width:980px){.howto.start br.br-pc{display:none;}}
@media screen and (max-width:900px){.howto.start br.br-sp{display:block;}}

.howto.start .step{
display:block;
width:0;
height:0;
border-style:solid;
border-right:100px solid transparent;
border-left:100px solid transparent;
border-top:40px solid #ffffb1;
border-bottom:0;
filter:drop-shadow(0 0 4px #ffffb1);
margin:30px auto;}
@media screen and (max-width:640px){.howto.start .step{border-right:60px solid transparent; border-left:60px solid transparent; border-top:30px solid #ffffb1; margin:20px auto;}}

.howto.start img{width:100%;}
.howto.start .box{display:flex; align-items:center; justify-content:space-between;}
.howto.start .box li{width:calc(50% - 10px);}
.howto.start .box li em{color:#ff6c00}
.howto.start .box li:nth-child(1){text-align:center;}
.howto.start .box li:nth-child(1) img{max-width:530px;}
@media screen and (max-width:800px){
.howto.start .box{flex-wrap:wrap;}
.howto.start .box li{width:100%;}
.howto.start .box li.small img{width:50%;}
.howto.start .box li:nth-child(2){text-align:center; padding:20px 10px;}}
@media screen and (max-width:480px){.howto.start .box li.small img{width:70%;}}

.howto.start #ea{text-align:center; padding:20px;}
.howto.start #ea strong{display:block; color:#fb6109; font-size:26px; text-align:center !important; line-height:2rem; font-weight:900; margin:0 auto 20px;}
.howto.start #ea .btn-link{display:flex; min-height:70px; align-items:center; justify-content:center;}
.howto.start #ea > .btn-link{margin:20px auto;}
.howto.start #ea > .link{margin:20px auto 0;}
@media screen and (max-width:900px){.howto.start #ea{text-align:left;}}
@media screen and (min-width:801px){
.howto.start #ea > .link{display:flex; align-items:center; justify-content:center;}
.howto.start #ea > .link .btn-link{margin:0;}
.howto.start #ea > .link .btn-link + .btn-link{margin-left:20px;}}
@media screen and (max-width:800px){
.howto.start #ea > .link{display:block;}
.howto.start #ea > .link .btn-link + .btn-link{margin-top:20px;}}
@media screen and (max-width:480px){.howto.start #ea strong{font-size:22px;}}
@media screen and (max-width:420px){
.howto.start #ea{padding:20px 10px;}
.howto.start #ea strong{font-size:18px; line-height:1.5rem;}}