@charset "utf-8";

.pocketchange *,
.pocketchange *:before,
.pocketchange *:after{
	box-sizing: border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
}

.pocketchange{
	color: #584136;
}
.visual_area{
	width: 980px;
	margin: auto;
	position: relative;
}

.regist_area{
	background: #32aa84;
	padding: 30px 0 25px; 
}
.regist_area .regist_btn{
	color: #fff;
	background: #eeea3b;
	display: inline-block;
	margin: 22px auto;
	padding: 25px 0;
	border-radius: 78px;
	box-shadow:0 10px 0 0 #d7d32d;
	text-decoration: none;
	width: 490px;
}
.regist_area .regist_btn img{
	width: 85%;
}
.regist_area .inner{
	text-align: center;
}
.regist_area .regist_btn:hover{
	opacity: 0.7;
}
.regist_area .regist_btn:active{
	position: relative;
	top: 2px;
	box-shadow:0 8px 0 0 #d7d32d;
}

.ico_ttl{
	padding-top: 80px;
}
.ico_ttl .ico{
	display: block;
	border-bottom: 2px solid #32aa84;
	padding: 0 0 15px;
	margin-bottom: 15px;
	text-align: center;
}
.ico_ttl .ttl{
	display: block;
	text-align: center;
	opacity: 0.99;
}
.ico_ttl .ttl img{
	width: 480px;
}
.about_area .ico_ttl .ico img{
	width: 60px;
}
.reason_area .ico_ttl .ico img{
	width: 60px;
}

.center_ttl{
	line-height: 1.35;
}
.ttl_txt{
	font-size: 14px;
	text-align: center;
	margin: 15px 0;
}

.area_item{
	width: 980px;
	margin: 0 auto;
}

.balloon_block,
.color_area{
	background-image: -webkit-linear-gradient(0deg , rgb(226,255,205) 0%, rgb(243,249,171) 100%);
	background-image: linear-gradient(90deg ,rgb(226,255,205) 0%, rgb(243,249,171) 100%);
	position:relative;
}
.balloon_block{
	position: relative;
	margin-top: 30px;
	padding: 20px 0;
}
.balloon_block .txt{
	color: #32aa84;
	text-align: center;
	font-weight: 700;
	font-size: 24px;
	line-height: 1.25;
}
.balloon_block:before{
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 9px 18px 9px;
	border-color: transparent transparent #ebfcbc transparent;
	position: absolute;
	top: -18px;
	left: 50%;
	margin-left: -9px;
}


.read{
	font-size: 16px;
	line-height: 1.875;
}
.about_area .center_ttl{
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 20px;
}
.about_area .item{
	height: 395px;
	display: table-cell;
	vertical-align: middle;
	padding: 15px 0;
}

/* WSYS-12341 【フロント】Skypeサービス終了に伴い削除② 20250821 M.Shimizu */
.about01{
	background: url(../../../images/contents/cp/pocketchange/whats_img01.png?date=terminal20250821) no-repeat center left;
	padding: 0 30px 0 540px;
}

.about02{
	background: url(../../../images/contents/cp/pocketchange/whats_img02.png?date=terminal20250821) no-repeat center right;
	padding: 0 520px 0 30px;
}

.reason_column{
	overflow: hidden;
	margin-bottom: 50px;
}
.reason_column .col{
	float: left;
	width: 33.333333%;
}

.reason_column .img{
	border-radius: 50%;
	border: 6px solid #55b899;
	width: 170px;
	height: 170px;
	margin: 0 auto 25px;
	overflow: hidden;
}
.reason_column .img img{
	border-radius: 50%;
	width: 100%;
}
.reason_column .col{
	padding: 30px 20px;
}

.reason_column .ttl{
	color: #32aa84;
	font-weight: 700;
	font-size: 20px;
	text-align: center;
	margin-bottom: 20px;
}
.reason_column .txt{
	text-align: center;
	line-height: 1.58;
	font-size: 14px;
}

.ribbon_ttl{
	color: #ffffff;
	font-weight: 700;
	background: #32aa84;
	padding: 10px;
	text-align: center;
	font-size: 20px;
}
.comparison_block{
	display: table;
	table-layout: fixed;
	width: 100%;
}
.comparison_block .item{
	display: table-cell;
	width: 50%;
	padding: 3.12% 0 4.68%;
	vertical-align: top;
}
.comparison_block .item:nth-child(1){
	background: #fdffe3;
}
.comparison_block .item:nth-child(2){
	background: #e0f7ef;
}
.comparison_block .img{
	text-align: center;
	margin-bottom: 20px;
}
.comparison_block .txt{
	text-align: center;
	padding: 0 5%;
}
.comparison_block .txt p{
	text-align: center;
}
.comparison_block .num{
	font-weight: 700;
	font-size: 24px;
}
.comparison_block .txt01{
	font-size: 24px;
	margin-bottom: 20px;
}
.comparison_block .txt01 .num{
	font-size: 46px;
}
.bold{
	font-weight: 700;
}

.comparison_block .note{
	font-size: 12px;
}
.freewifi_txt{
	text-align: center;
}
.freewifi_txt .freewifi_img,
.freewifi_txt .center_ttl{
	display: inline-block;
	vertical-align: middle;
}
.freewifi_txt .center_ttl{
	font-size: 24px;
}
.freewifi_txt .read{
	margin: 15px 0 50px;
}

.freewifi_column{
	overflow: hidden;
	padding: 40px 0 50px;
}

.freewifi_column .center_ttl{
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 15px;
}
.freewifi_column .img{
	float: left;
}
.freewifi_column .txt{
	float: right;
	width: 610px;
	padding: 0 0 0 30px;
}

.price_ttl{
	text-align: center;
	font-size: 20px;
	padding: 20px 0;
}

.price_list{
	overflow: hidden;
	display: flex;
	flex-wrap: wrap;
}
.price_list .item{
	background: #fff;
	float: left;
	width: 25%;
	font-size: 18px;
	padding: 13px 15px;
	margin: 0;
	line-height: 1;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.price_list .item:nth-child(-2n + 4),
.price_list .item:nth-child(2n + 5){
	background: #fdffe3;
}
.price_list .country{
	width: 55%;
	line-height: 35px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.price_list .country .flag{
	width: 35px;
	height: 35px;
	margin: auto 10px auto 0px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.price_list .country .flag img{
	width: 100%;
	height: auto;
}
.price_list .price{
	width: 45%;
	line-height: 35px;
	text-align: right;
}

.read02{
	text-align: center;
	font-size: 30px;
	color: #32aa84;
	padding: 30px 0;
}

.rental_block{
	overflow: hidden;
	margin-bottom: 60px;
}
.rental_block .img{
	float: left;
}
.rental_box{
	float: right;
	width: 488px;
	display: table;
	margin-bottom: 30px;
}

.rental_box .ttl{
	color: #ffffff;
	background: #32aa84;
	font-size: 18px;
	padding: 8px 0;
}
.rental_txt{
	font-size: 24px;
	font-weight: 700;
	text-align: center;
	margin-bottom: 50px;
}


.price_plus{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
.price01,
.price02{
	border: 2px solid #32aa84;
	text-align: center;
	background: #ffffff;
	display: table-cell;
}
.price01{
	width: 255px;
}
.price01 .wrap{
	display: table;
	width: 100%;
}
.price01 .ttl{
	display: table-cell;
}
.price01 .day{
	display: table-cell;
	background: #e0f7ef;
	font-weight: 700;
	font-size: 16px;
}
.price01 .total,
.price02 .total{
	text-align: center;
	font-size: 19px;
	padding: 10px 0;
}

.price01 .num,
.price02 .num{
	font-size: 28px;
}

.price02{
	width: 170px;
}

.price_total{
	border: 2px solid #32aa84;
	text-align: center;
	background: #ffffff;
	float: right;
	width: 488px;
	font-size: 14px;
	font-weight: 700;
}

.price_total .ttl{
	color: #ffffff;
	background: #32aa84;
	font-size: 16px;
	font-size: 700;
	padding: 2px 0;
	text-align: center;
}

.price_total .num{
	font-size: 30px;
}
.price_total .yen{
	font-size: 20px;
}

.price_total .total{
	padding: 10px 0;
	position: relative;
	line-height: 1;
}
.price_total .total:before{
	content: "";
	background: url(../../../images/contents/cp/pocketchange/ico_equal.png) no-repeat center center;
	width: 23px;
	height: 15px;
	display: block;
	position: absolute;
	left: 15px;
	top: 50%;
	margin-top: -7px;
}