@charset "utf-8";
#bg_main_image {
	background-image: url(../img/img_main.jpg);
}

@media screen and (min-width:1025px) {
#app_cashless3{
display: flex;
align-items: flex-start;
margin: 80px auto 0;
max-width: 1400px;
}
#app_cashless3 > .detail{
width: 45.7%;
}
#app_cashless3 > .detail > .inner{
background-color: #FFF;
padding: 55px 60px;
width: 109%;
position: relative;
top: 60px;
right: -15.7%;
}
#app_cashless3 > .detail > .inner h3{
color: #004DA0;
font-size: 20px;
}
#app_cashless3 > .detail > .inner p{
margin-top: 15px;
}
#app_cashless3 .correspondence{
margin-top: 65px;
position: relative;
}
#app_cashless3 .correspondence > dt{
position: absolute;
left: 0;
width: 4em;
}
#app_cashless3 .correspondence > dt > span{
background-color: #FFDB3E;
white-space: nowrap;
}
#app_cashless3 .correspondence > dd{
padding-left: 4.5em;
}
#app_cashless3 > .detail > .inner .graph{
margin-top: 40px;
text-align: center;
}
#app_cashless3 > .detail > .inner .graph img{
height: auto;
width: 313px;
}
#app_cashless3 > .image{
width: 54.3%;
}
#app_cashless3 > .image > div{
background: url(../../app_cashless/img/img_photo.jpg) center center no-repeat;
background-size: cover;
padding-bottom: 100%;
}
}

@media screen and (max-width: 1024px) and (min-width: 751px) {
#app_cashless3{
margin: 80px auto 0;
}
#app_cashless3 > .detail{
}
#app_cashless3 > .detail > .inner{
background-color: #FFF;
padding: 55px 60px;
}
#app_cashless3 > .detail > .inner h3{
color: #004DA0;
font-size: 20px;
}
#app_cashless3 > .detail > .inner p{
margin-top: 15px;
}
#app_cashless3 .correspondence{
margin-top: 65px;
position: relative;
}
#app_cashless3 .correspondence > dt{
position: absolute;
left: 0;
width: 4em;
}
#app_cashless3 .correspondence > dt > span{
background-color: #FFDB3E;
white-space: nowrap;
}
#app_cashless3 .correspondence > dd{
padding-left: 4.5em;
}
#app_cashless3 > .detail > .inner .graph{
margin-top: 40px;
text-align: center;
}
#app_cashless3 > .detail > .inner .graph img{
height: auto;
width: 313px;
}
#app_cashless3 > .image > div{
background: url(../../app_cashless/img/img_photo.jpg) center center no-repeat;
background-size: cover;
padding-bottom: 50%;
}
}

@media print, screen and (min-width: 751px) {
#application_list{
display: flex;
justify-content: space-around;
margin-top: 55px;
}
#application_list > .application{
width: 41.4%;
}
#application_list > .application .icon{
text-align: center;
line-height: 0;
}
#application_list > .application .icon img{
height: auto;
max-width: 120px;
}
#application_list > .application ul{
display: flex;
justify-content: space-between;
margin-top: 40px;
}
#application_list > .application .apple{
width: 43.5%;
}
#application_list > .application .google{
width: 53.6%;
}
#application_list > .application ul > li img{
height: auto;
width: 100%;
}



}

@media screen and (max-width: 750px) {
#application_list{
}
#application_list > .application{
margin-top: 30px;
}
#application_list > .application .icon{
text-align: center;
line-height: 0;
}
#application_list > .application .icon img{
height: auto;
max-width: 120px;
}
#application_list > .application ul{
display: flex;
justify-content: space-between;
margin-top: 40px;
}
#application_list > .application .apple{
width: 43.5%;
}
#application_list > .application .google{
width: 53.6%;
}
#application_list > .application ul > li img{
height: auto;
width: 100%;
}

#app_cashless3{
margin: 40px auto 0;
}
#app_cashless3 > .detail > .inner{
background-color: #FFF;
padding: 25px;
}
#app_cashless3 > .detail > .inner h3{
color: #004DA0;
font-size: 20px;
}
#app_cashless3 > .detail > .inner p{
margin-top: 15px;
}
#app_cashless3 .correspondence{
margin-top: 30px;
}
#app_cashless3 .correspondence > dt{
text-align: center;
}
#app_cashless3 .correspondence > dt > span{
background-color: #FFDB3E;
white-space: nowrap;
}
#app_cashless3 .correspondence > dd{
}
#app_cashless3 > .detail > .inner .graph{
margin-top: 40px;
text-align: center;
}
#app_cashless3 > .detail > .inner .graph img{
height: auto;
width: 100%;
}
#app_cashless3 > .image > div{
background: url(../../app_cashless/img/img_photo.jpg) center center no-repeat;
background-size: cover;
padding-bottom: 80%;
}
}