@charset "UTF-8";
/*202303AD start*/
.img-fluid {
max-width: 100%;
height: auto;
}
.sec_mv {
background:url(/ad/common/include/body_messages/img_lp19/bg_lp19lp100top_202303AD_v2.png) center left no-repeat #f6f7f7;
background-size: cover;
position: relative;
overflow: hidden;
}

.obi-202303AD {
background: #07508d; 
padding: 1.6rem 1.4rem; 

text-align: center;
box-sizing: border-box;
}
@media(min-width: 768px) {
.w950 {
margin: 0 auto;
max-width: 950px;
padding: 0  15px;
}
.sec_mv .inner {
position: relative;
margin: 0 auto;
max-width: 950px;
padding-bottom: 0%;
}
.topinner-img {
text-align: center;
}
.top-img img {
margin: 3rem auto 0;
}
.obi-202303AD {
padding: 2.4rem 1rem;  
}
.obi-202303AD img {
max-width: 740px;
width: auto !important;
margin: auto;
}
.display-sp {display: none}
.top-btn {
position: absolute;
bottom: 5rem;
right: 69px;
}
}

@media(max-width: 767.8px){
.top-btn {
position: absolute;
text-align: center;
padding-bottom: 1.5rem;
bottom: 0;
width: 100vw;
background: #f0d837;
overflow: visible;
}
.top-btn > .display-sp {
margin:/*-2.9rem 0 .6rem*/2rem 3rem;
}
.top-btn > .display-sp > img {
width: auto !important;
margin: auto; 
padding: 0  1rem;
box-sizing: border-box;
}
}

@media(min-width: 870px) and (max-width: 920px) {
.top-btn {
bottom: 4rem;
right: 4.6vw;
}
}
@media(min-width: 850px) and (max-width: 869.8px) {
.top-btn {
bottom: 4rem;
right: 4.1vw;
}
}
@media(min-width: 800px) and (max-width: 849px) {
.top-btn {
bottom: 3.4rem;
right: 3vw;
}
}
@media(min-width: 768px) and (max-width: 799.8px) {
.top-btn {
bottom: 3rem;
right:15px;
}
}

@media(max-width: 767.8px){
.topinner-img {
padding-bottom: 13rem;
margin-top: 3.5rem;
}
}
/*@media(max-width: 500px){
.top-btn > .display-sp {
margin:-2.2rem 0 .6rem;
}
}
@media(max-width: 423px){
.top-btn > .display-sp {
margin:-1.5rem 0 .15rem;
}
}*/
@media(max-width: 370px){
.topinner-img {
padding-bottom: 10.5rem;
}
}

/*申込みbtn オレンジ*/
.btn-orange {
font-family:"Hiragino Kaku Gothic ProN",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
position: relative;
display: block;
margin: 0 auto;
padding:15px 0;
width: /*280*/ 380px;
background:/*#e34f28*/ #1f8ede;
border-radius: 50rem;
text-align: center;
font-size:2.56rem;
line-height: 1.2;
vertical-align: middle;
color: #fff !important;
text-decoration: none;
transition: all .3s ease-in-out;
}
.btn-orange:after {
display: inline-block;
position: absolute;
content: "";
background: url("/ad/common/include/body_messages/img_common/arrow-down-w.svg") no-repeat;
transform: rotate(-90deg);
height: 26px;
width: 26px;
top: 1.75rem;
right: 2rem;
transition: .2s;
}
@media(max-width: 767.8px){
.btn-orange {
width: 280px;
font-size: 1.84rem;
}
.btn-orange:after {
height: 21px;
width: 22px;
top: 1.55rem; 
}
}
.btn-orange:hover, .btn-orange:focus {
color: #fff;
background: /*#ff6d47*/ #4aa6e9;
opacity: 1;
}
.btn-orange:hover:after, .btn-orange:focus:after {
right: 1.6rem ; 
}

/*202303AD end*/