@charset "utf-8";
/* CSS Document */

.inner p{margin:0 0 40px;}
h3{margin: 0 0 1em; padding: 0; color: #ffffff; font-size: 14px; line-height: 2em; text-indent: 10px; background: #e57070; box-shadow: #777777 0 2px 2px 0px;}
.point{display: flex; flex-wrap: wrap; justify-content: space-around; font-size:1.4em;}
.point li{width:45%;}
.point li figure{margin:0 0 3em; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.point li figure img{width:20%;}
.point li figure figcaption{width:70%;}
@media screen and (max-width: 720px){
	.point li figure img{width:70%; max-width:150px; margin:0 auto 10px;}
	.point li figure figcaption{width:100%;}
}
.useway{display: flex; flex-wrap: wrap; justify-content: space-around;}
.useway li{width:280px; height:183px; margin:0 0 3em; text-align:center; border-radius:20px; box-shadow: #777777 0 2px 2px 0px; background-size:contain; background-position: left 4.6em; background-repeat: no-repeat;}
@media screen and (min-width: 721px){
	.useway li:hover{margin:-10px 0 0; box-shadow: #777777 0 2px 4px 0px;}
}
.useway li a{display:block; width:100%; height:100%; color:#6a6a6a;}
.ac{background:url(../images/account_back.jpg);}
.rs{background:url(../images/reserve_back.jpg);}
.dy{background:url(../images/day_back.jpg);}
.mp{background:url(../images/mypage_back.jpg);}
.useway .py{background-image:url(../../../common/images/conveni.png), url(../../../common/images/credit.png); background-size: 150px, 180px; background-position: left 4em, 150px 6em;}
.useway li p{background:linear-gradient(to bottom, #71dae2 0%,#6ca6eb 100%) no-repeat, rgba(255,255,255,0.70); background-size: 100% 6px,auto; background-position: left top, left bottom; font-size:1.8em; line-height:3em; border-radius:20px 20px 0 0;}