@charset "UTF-8";
#top h1{
	background:#F2F2F2;
	color:#8f8f8f;
	font-size:11px;
	font-weight:500;
	padding:2px 40px 0;
	text-align:right;
	margin-block-start:initial;
	margin-block-end:initial;
}
#top h1 font{
	font-size:11px;
}

@media only screen and (max-width:750px){
	#top h1{
		font-size:10px;
		padding:1vw 2vw;
	}

	#top h1 font{
		font-size:10px;
	}
}

header{
	background-color:#F2F2F2;
	background-image:url(/japan-esim/wp-content/themes/xeory_base/lib/images/top/top_hero_bg_pc_w1280_3.webp);
	background-position:center bottom 0px;
	background-repeat:no-repeat;
	height:300px;
	padding:20px 20px 0;
	position:relative;
	z-index:1;
}

@media only screen and (max-width:1280px){
	header{
		/* background-image:url(/japan-esim/wp-content/themes/xeory_base/lib/images/top/top_hero_bg_pc_w1280_3.webp); */
		background-position:left -60px bottom;
		/* background-size:100vw auto; */
		/* height:40vw; */
	}
}

@media only screen and (max-width:750px){
		header{
		background-image:url(/japan-esim/wp-content/themes/xeory_base/lib/images/top/top_hero_bg_sp2.webp);
		background-position:left top 12vw;
		background-size:100vw auto;
		height:100vw;
		padding:2vw 0 0;
	}
}

	header .logo{
		background:url(/japan-esim/wp-content/themes/xeory_base/lib/images/top/logo_doublename.svg) no-repeat;
		background-size:100% auto;
		display:inline-block;
		height:70px;
		width:220px;
	}

	@media only screen and (max-width:750px){
		header .logo{
			height:9vw;
			width:32vw;
		}
	}

	header i{
		background:#000;
		border-radius:5px;
		color:#fff;
		display:inline-block;
		font-size:12px;
		font-weight:400;
		line-height:100%;
		position:relative;
		top:-35px;
		left:20px;
		padding:5px 8px;
	}
	@media only screen and (max-width:750px){
		header i{
			top:-2vw;
			left:20px;
		}v
	}

		header i font{
			font-size:16px;
		}

.woocommerce-currency-switcher-form{
	position:absolute;
	right:20px;
	top:30px;
	width:100px;
}

.dd-select{
	background:#fff!important;
	border:none!important;
	border-radius:5px!important;
}

.dd-options{
	border:none !important;
}

@media only screen and (max-width:1000px){
	.woocommerce-currency-switcher-form{
		position:fixed;
		top:13vw;
		right:4vw;
		min-width:15vw;
	}


}

@media only screen and (max-width:750px){
	.woocommerce-currency-switcher-form{
		top:17vw;
	}
}

	header .gloval_nav{
		display:flex;
		position:absolute;
		right:140px;
		top:20px;
	}

		header .gloval_nav li{
			padding:0 0 0 10px;
		}

		header .gloval_nav li::before{
			content:"|";
			color:#ccc;
			font-size:10px;
			padding:0 10px 0 0;
		}

		header .gloval_nav li:nth-of-type(1)::before{
			content:"";
		}

			header .gloval_nav li a{
				color:#000;
				font-weight:600;
				padding:5px 10px;
				text-decoration:none;
			}

			header .gloval_nav li a:hover{
				background:#9BDCF5;
				border-radius:5px;
				color:#fff;
			}

	header .catchcopy{
		animation:fade 1s ease-in-out;
		background-repeat:no-repeat;
		background-size:100% auto;
		height:170px;
		position:absolute;
		top:100px;
		width:360px;
		z-index:1;
	}

	/* @media only screen and (max-width:1280px){
		header .catchcopy{
		background-size:100% auto;
		height:23vw;
		top:12vw;
		width:30vw;
		z-index:1;
	} */

	@media only screen and (max-width:750px){
		header .catchcopy{
			height:27vw;
			position:absolute;
			top:37vw;
			width:60vw;
		}
	}

	header .catchcopy.en_US{
		background-image:url(/japan-esim/wp-content/themes/xeory_base/lib/images/top/top_hero_catchcopy_en.webp);
	}
	header .catchcopy.ja{
		background-image:url(/japan-esim/wp-content/themes/xeory_base/lib/images/top/top_hero_catchcopy_ja.webp);
	}
	header .catchcopy.zh_TW,header .catchcopy.zh_HK{
		background-image:url(/japan-esim/wp-content/themes/xeory_base/lib/images/top/top_hero_catchcopy_zh.webp);
	}
	header .catchcopy.zh_CN{
		background-image:url(/japan-esim/wp-content/themes/xeory_base/lib/images/top/top_hero_catchcopy_zh_cn.webp);
	}
	header .catchcopy.fr_FR{
		background-image:url(/japan-esim/wp-content/themes/xeory_base/lib/images/top/top_hero_catchcopy_fr.webp);
	}
	header .catchcopy.de_DE{
		background-image:url(/japan-esim/wp-content/themes/xeory_base/lib/images/top/top_hero_catchcopy_de.webp);
	}
	header .catchcopy.it_IT{
		background-image:url(/japan-esim/wp-content/themes/xeory_base/lib/images/top/top_hero_catchcopy_it.webp);
	}
	header .catchcopy.ko_KR{
		background-image:url(/japan-esim/wp-content/themes/xeory_base/lib/images/top/top_hero_catchcopy_ko.webp);
	}
	header .catchcopy.pt{
		background-image:url(/japan-esim/wp-content/themes/xeory_base/lib/images/top/top_hero_catchcopy_pt.webp);
	}
	header .catchcopy.es_ES{
		background-image:url(/japan-esim/wp-content/themes/xeory_base/lib/images/top/top_hero_catchcopy_es.webp);
	}
	header .catchcopy.ar{
		background-image:url(/japan-esim/wp-content/themes/xeory_base/lib/images/top/top_hero_catchcopy_ar.webp);
	}
	header .catchcopy.th{
		background-image:url(/japan-esim/wp-content/themes/xeory_base/lib/images/top/top_hero_catchcopy_th.webp);
	}

	#btn_hamburger{
		display:none;
	}
	#btn_hamburger:hover{
		cursor:pointer;
	}

	#hm_sheet{
		animation:fade 0.5s ease-in-out;
		display:none;
		height:0;
		width:0;
	}

@media only screen and (max-width:1000px){
	header .gloval_nav{
		display:none;
	}

	header .gloval_nav.hm_mode{
		display:block;
		position:fixed;
		right:initial;
		top:initial;
		z-index:10;
	}

		.gloval_nav.hm_mode li{
			padding:0 0 2vw 0;
		}

		.gloval_nav.hm_mode li::before,.gloval_nav.hm_mode li:nth-of-type(1)::before{
			content:"|";
			color:#ccc;
			font-size:18px;
			padding:0 10px 0 0;
		}

			.gloval_nav.hm_mode li a{
				color:#fff;
				font-size:20px;
			}

				.gloval_nav.hm_mode li a font{
					font-size:20px;
				}

	#btn_hamburger{
		display:block;
		background:url(/japan-esim/wp-content/themes/xeory_base/lib/images/top/icon_menu.svg) no-repeat rgb(255,255,255);
		background-size:100% auto;
		border-radius:3px;
		height:6vw;
		position:fixed;
		right:4vw;
		top:6vw;
		width:6vw;
		z-index:10;
	}

	#btn_hamburger.hm_mode{
		background:url(/japan-esim/wp-content/themes/xeory_base/lib/images/top/icon_close.svg) no-repeat rgb(255,255,255);
		background-size:100% auto;
	}

	#hm_sheet{
		background-image:radial-gradient(circle at bottom center,rgba(0,0,0,.4) 0%,rgba(0,0,0,.8) 40%,rgba(0,0,0,1) 100%);
		height:100vh;
		left:0;
		position:fixed;
		top:0;
		width:100vw;
		z-index:5;
	}
}

@media only screen and (max-width:750px){
	#btn_hamburger{
		height:10vw;
		width:10vw;
	}
}

	.badge{
		background-color:#F2F2F2;
		background-position:center top;
		background-repeat:no-repeat;
		background-size:1160px auto;
		height:100px;
	}

	.badge.en_US{
		background-image:url(/japan-esim/wp-content/themes/xeory_base/lib/images/top/top_hero_badge_en_pc.webp);
	}
	.badge.ja{
		background-image:url(/japan-esim/wp-content/themes/xeory_base/lib/images/top/top_hero_badge_ja_pc.webp);
	}
	.badge.zh_CN{
		background-image:url(/japan-esim/wp-content/themes/xeory_base/lib/images/top/top_hero_badge_zh_cn_pc.webp);
	}
	.badge.zh_TW,.badge.zh_HK{
		background-image:url(/japan-esim/wp-content/themes/xeory_base/lib/images/top/top_hero_badge_zh_pc.webp);
	}
	.badge.fr_FR{
		background-image:url(/japan-esim/wp-content/themes/xeory_base/lib/images/top/top_hero_badge_fr_pc.webp);
	}
	.badge.de_DE{
		background-image:url(/japan-esim/wp-content/themes/xeory_base/lib/images/top/top_hero_badge_de_pc.webp);
	}
	.badge.it_IT{
		background-image:url(/japan-esim/wp-content/themes/xeory_base/lib/images/top/top_hero_badge_it_pc.webp);
	}
	.badge.ko_KR{
		background-image:url(/japan-esim/wp-content/themes/xeory_base/lib/images/top/top_hero_badge_ko_pc.webp);
	}
	.badge.pt{
		background-image:url(/japan-esim/wp-content/themes/xeory_base/lib/images/top/top_hero_badge_pt_pc.webp);
	}
	.badge.es_ES{
		background-image:url(/japan-esim/wp-content/themes/xeory_base/lib/images/top/top_hero_badge_es_pc.webp);
	}
	.badge.ar{
		background-image:url(/japan-esim/wp-content/themes/xeory_base/lib/images/top/top_hero_badge_ar_pc.webp);
	}
	.badge.th{
		background-image:url(/japan-esim/wp-content/themes/xeory_base/lib/images/top/top_hero_badge_th_pc.webp);
	}

	@media only screen and (max-width:1280px){
		.badge{
		background-size:80vw auto;
		height:6vw;
		width:100%;
		}
	}

@media only screen and (max-width:750px){
	.badge{
		background-position:center top 2vw;
		background-size:80vw auto;
		height:40vw;
	}
	.badge.en_US{
		background-image:url(/japan-esim/wp-content/themes/xeory_base/lib/images/top/top_hero_badge_en_sp.webp);
	}
	.badge.ja{
		background-image:url(/japan-esim/wp-content/themes/xeory_base/lib/images/top/top_hero_badge_ja_sp.webp);
	}
	.badge.zh_CN{
		background-image:url(/japan-esim/wp-content/themes/xeory_base/lib/images/top/top_hero_badge_zh_cn_sp.webp);
	}
	.badge.zh_TW,.badge.zh_HK{
		background-image:url(/japan-esim/wp-content/themes/xeory_base/lib/images/top/top_hero_badge_zh_sp.webp);
	}
	.badge.fr_FR{
		background-image:url(/japan-esim/wp-content/themes/xeory_base/lib/images/top/top_hero_badge_fr_sp.webp);
	}
	.badge.de_DE{
		background-image:url(/japan-esim/wp-content/themes/xeory_base/lib/images/top/top_hero_badge_de_sp.webp);
	}
	.badge.it_IT{
		background-image:url(/japan-esim/wp-content/themes/xeory_base/lib/images/top/top_hero_badge_it_sp.webp);
	}
	.badge.ko_KR{
		background-image:url(/japan-esim/wp-content/themes/xeory_base/lib/images/top/top_hero_badge_ko_sp.webp);
	}
	.badge.pt{
		background-image:url(/japan-esim/wp-content/themes/xeory_base/lib/images/top/top_hero_badge_pt_sp.webp);
	}
	.badge.es_ES{
		background-image:url(/japan-esim/wp-content/themes/xeory_base/lib/images/top/top_hero_badge_es_sp.webp);
	}
	.badge.ar{
		background-image:url(/japan-esim/wp-content/themes/xeory_base/lib/images/top/top_hero_badge_ar_sp.webp);
	}
	.badge.th{
		background-image:url(/japan-esim/wp-content/themes/xeory_base/lib/images/top/top_hero_badge_th_sp.webp);
	}
}

.item_tab{
	background-color:#F2F2F2;
	margin-bottom:-1px;
	overflow:scroll;
	-ms-overflow-style:none;
	scrollbar-width:none;
}

.item_tab::-webkit-scrollbar{
	display:none;
}

	.item_tab ul{
		align-items:top;
		display:flex;
		justify-content:left;
	}
		.item_tab li{
			background-color:#A0C8E1;
			border:1px solid #A0C8E1;
			border-radius:5px;
			color:#fff;
			font-size:20px;
			font-weight:600;
			margin:0 10px 10px 0;
			padding:8px 15px;
		}
			.item_tab li font{
				font-size:20px;
			}

		.item_tab li:hover{
			background-color:#B3B3B3;
			border:1px solid #DCDCDC;
			cursor:pointer;
		}

		.item_tab li.slct{
			background-color:#E5E5E5;
			border-top:1px solid #DCDCDC;
			border-right:1px solid #DCDCDC;
			border-left:1px solid #DCDCDC;
			border-bottom:1px solid #E5E5E5;
			border-radius:5px 5px 0 0;
			color:#1A1A1A;
			margin:0 10px 0 0;
		}

		.item_tab li.slct:hover{
			background-color:#E5E5E5;
			cursor:auto;
		}

		.item_tab i{
			font-size:14px;
			letter-spacing:1px;
			padding:0 0 0 2px;
		}

			.item_tab i font{
				font-size:14px;
			}

		.item_tab li.ranking{
			background-image:url(/japan-esim/wp-content/themes/xeory_base/lib/images/top/icon_crown.svg)!important;
			background-position:left 10px top 10px;
			background-repeat:no-repeat;
			background-size:30px auto;
			padding-left:50px;
		}
		.item_tab li.recommend{
			background-image:url(/japan-esim/wp-content/themes/xeory_base/lib/images/top/icon_recommend.svg)!important;
			background-position:left 10px top 10px;
			background-repeat:no-repeat;
			background-size:30px auto;
			color:#3E5895;
			padding-left:50px;
		}

@media only screen and (max-width:1000px){
	.item_tab{
		background-color:#fff;
		margin-bottom:0;
		padding:2vw 0 0;
		overflow:hidden;
	}
	.item_tab ul{
		align-items:top;
		display:flex;
		flex-wrap:wrap;
		justify-content:center;
	}
	.item_tab li{
		background-color:#A0C8E1;
		border:none;
		border-radius:5px;
		color:#fff;
		font-size:20px;
		font-weight:600;
		margin:0 2vw 2vw 0;
		padding:8px 15px;
	}
	.item_tab li font{
		font-size:20px;
	}
	.item_tab li:hover{
		background-color:#B3B3B3;
		border:none;
		cursor:pointer;
	}
	.item_tab li.slct{
		border:none;
		border-radius:5px;
		margin:0 2vw 2vw 0;
	}
	.item_tab li.slct:hover{
		background-color:#E5E5E5;
		cursor:auto;
	}
	.item_tab i{
		font-size:14px;
		letter-spacing:1px;
		padding:0 0 0 2px;
	}
	.item_tab i font{
		font-size:14px;
	}
}

@media only screen and (max-height:768px){
	.item_tab li{
		font-size:14px;
		padding:5px 15px;
	}

	.item_tab li font{
		font-size:14px;
	}

	.item_tab li.ranking{
		background-position:left 8px top 7px;
		background-size:20px auto;
		padding-left:35px;
	}
}

.item_area{
	background-color:#E5E5E5;
	border-top:1px solid #DCDCDC;
	padding:20px 0 40px;
}
	.item_area .inner.item{
		display:none;
	}

	.item_area .inner.slct{
		display:block;
	}

.item .hl{
	background:url(/japan-esim/wp-content/themes/xeory_base/lib/images/top/icon_phone_wifi.svg) no-repeat;
	background-position:left center;
	background-size:auto 35px;
	font-size:28px;
	font-weight:800;
	padding:8px 0 8px 40px;
}

	.item .hl font{
		font-size:28px;
	}

	.item .hl i{
		padding:0 0 0 20px;
	}

.products{
	display:flex;
	flex-wrap:wrap;
	justify-content:left;
	padding:0;
	margin:20px 0;
}

	.products .product{
		background:#fff;
		border-radius:5px;
		box-shadow:1px 1px 3px #a1a1a1;
		margin:20px 2% 30px 0;
		text-align:center;
		width:23%;
	}

.products .product:nth-of-type(4n){
	margin:20px 0 30px 0;
}

@media only screen and (max-width:750px){
	.products{
		justify-content:center;
	}

	.products .product{
		background:#fff;
		border-radius:5px;
		box-shadow:1px 1px 3px #a1a1a1;
		margin:4vw 4% 4vw 0;
		width:46%;
	}

	.products .product:nth-child(2n){
		margin:4vw 0 4vw 0;
	}

	.products .product:nth-of-type(4n){
		margin:4vw 0 4vw 0;
	}
}

a.woocommerce-LoopProduct-link{
	text-decoration:none !important;
}

.products .product img{
	box-shadow:1px 1px 3px#ccc;
	border-radius:5px;
	display:block;
	height:auto;
	margin:-20px auto 0;
	object-fit:initial;
	width:85%;
}

@media only screen and (max-width:750px){
	.products .product img{
		margin:-4vw auto 0;
	}
}

.ranking_no i{
	align-items:center;
	background:#A0C8E1;
	border-radius:30px;
	color:#fff;
	display:flex;
	font-size:20px;
	font-weight:700;
	height:30px;
	justify-content:center;
	margin:15px auto -10px;
	width:30px;
}
.ranking1{
	background:gold !important;
}
.ranking2{
	background:silver !important;
}
.ranking3{
	background:#C47222 !important;
}

	.woocommerce .category a{
		display:block;
		font-size:14px;
		text-decoration:none;
		padding:5px 0 10px;
	}

	.woocommerce-loop-product__title{
		border:none;
		color:#303030;
		display:block;
		font-size:16px;
		font-weight:600;
		line-height:140%;
		margin:5px auto 0;
		padding:0 0 10px;
		text-align:center;
		text-decoration:none;
		width:85%;
	}
		.woocommerce-loop-product__title font{
			font-size:16px;
		}
	/*金額部分*/
	.product .price{
	}
		.product .price .woocommerce-Price-currencySymbol{
			font-size:20px;
		}

.card-description p{
	display:none !important;
}

.card-description hr{
	display:none !important;
}

.products .product .price{
	display:block;
	margin:5px auto 10px;
	width:85%;
}

.products .woocommerce-Price-amount{
	align-items:center;
	color:#CC1818;
	display:flex;
	justify-content:center;
	font-size:22px;
	font-weight:800;
	display:flex;
	margin:0;
	padding:0;
	text-align:center;
}

.products .product bdi,
.products .product bdi font{
	font-size:22px !important;
}

.products .product .add_to_cart_button{
	background-color:#39B54A;
	background-position:left 10% center;
	background-size:15% auto;
	border-radius:5px;
	box-shadow:1px 1px 3px #ccc;
	color:#fff;
	display:inline-block;
	font-weight:600;
	margin:0 auto 20px;
	padding:5%;
	text-align:center;
	text-decoration:none;
	transition:0.5s;
}

.products .product .add_to_cart_button:hover{
	background-color:#F9B526;
}

.products .product .fa-cart-plus{
	font-size:18px;
}

.products .product .fa-cart-plus:after{
	color:#fff;
	content:"Add To Cart";
	font-size:12px;
	padding:0 0 0 5px;
}

@media only screen and (max-width:750px){
	.products .product .add_to_cart_button{
		background-image:none;
		padding:5% 10%;
	}
}

.screen-reader-text{
	display:none;
	visibility:hidden;
}

@media (max-width:767px){
	.card .content,.card-no-width .content{
		padding:15px 5px;
	}
}

.three_future_hl{
	background:#F2F2F2;
	position:relative;
	z-index:0;
}

	.three_future_hl .inner{
		align-items:center;
		background:url(/japan-esim/wp-content/themes/xeory_base/lib/images/top/top_3future_bg.webp) no-repeat;
		background-position:center center;
		display:flex;
		height:260px;
		justify-content:center;
		position:relative;
	}

	.three_future_hl h2,
	.three_future_hl h2 font{
		color:#4D4D4D;
		font-size:50px;
		font-weight:600;
	}

	.three_future_hl .human1{
		background:url(/japan-esim/wp-content/themes/xeory_base/lib/images/top/top_3future_human1.webp) no-repeat;
		height:314px;
		left:170px;
		position:absolute;
		top:-20px;
		width:215px;
		z-index:1;
	}

	.three_future_hl .human2{
		background:url(/japan-esim/wp-content/themes/xeory_base/lib/images/top/top_3future_human2.webp) no-repeat;
		height:310px;
		position:absolute;
		right:200px;
		top:-20px;
		width:167px;
		z-index:1;
	}

@media only screen and (max-width:1100px){
	.three_future_hl .human1{
		left:50px;
	}

	.three_future_hl .human2{
		right:50px;
	}
}

@media only screen and (max-width:750px){
	.three_future_hl .inner{
		background-size:auto 20vw;
		height:30vw;
	}
	.three_future_hl h2{
		font-size:6vw;
	}
	.three_future_hl h2 font{
		font-size:6vw;
	}
	.three_future_hl .human1{
		background-position:right top;
		background-size:auto 40vw;
		height:40vw;
		left:0;
		top:-4.5vw;
		width:20vw;
	}
	.three_future_hl .human2{
		background-position:left top;
		background-size:auto 40vw;
		height:40vw;
		right:0;
		top:-4.5vw;
		width:20vw;
	}
}

.three_future{
	padding:40px 0;
}

.three_future h3{
	font-size:30px;
	font-weight:800;
	margin:0 0 10px;
	text-align:center;
}

.three_future h3 font{
	font-size:30px;
}

.three_future h3+p{
	font-size:16px;
	font-weight:600;
	margin:0 0 40px;
	text-align:center;
}

.three_future h3+p font{
	font-size:16px;
}

.three_future .list{
	display:flex;
	justify-content:space-between;
}

.three_future article{
	background-color:#F2F2F2;
	background-position:center top 20px;
	background-repeat:no-repeat;
	background-size:auto auto;
	padding:280px 0 0;
	width:31%;
}

.three_future article:nth-of-type(1){
	background-image:url(/japan-esim/wp-content/themes/xeory_base/lib/images/top/top_three_future_elm1.webp);
}

.three_future article:nth-of-type(2){
	background-image:url(/japan-esim/wp-content/themes/xeory_base/lib/images/top/top_three_future_elm2.webp);
}

.three_future article:nth-of-type(3){
	background-image:url(/japan-esim/wp-content/themes/xeory_base/lib/images/top/top_three_future_elm3.webp);
}

.three_future article h4{
	color:#4D4D4D;
	font-size:20px;
	line-height:100%;
	padding:0 20px 10px;
	text-align:center;
}

.three_future article h4 font{
	font-size:20px;
}

.three_future article p{
	background:#E6E6E6;
	color:#4D4D4D;
	font-weight:500;
	padding:20px;
}

@media only screen and (max-width:750px){
	.three_future .list{
		display:block;
	}

	.three_future article{
		background-position:center top 4vw;
		background-size:auto 30vw;
		margin:0 0 4vw;
		padding:36vw 0 0;
		width:100%;
	}

	.three_future article h4,.three_future article h4 font{
		padding:0 2vw 2vw;
	}

	.three_future article p{
		padding:4vw;
	}
}

.network{
	background:#F2F2F2;
	padding:40px;
}

	.network h3,
	.network h3 font{
		font-size:30px;
		margin:0 0 40px;
		text-align:center;
	}

	.network .list{
		display:flex;
		justify-content:space-between;
	}

		.network .list p{
			background:#fff;
			width:48%;
		}

		.network .list i{
			background-color:#F2F2F2;
			background-position:center top;
			background-repeat:no-repeat;
			background-size:auto auto;
			display:block;
			height:400px;
			width:100%;
		}

		.network .list p:nth-of-type(1) i{
			background-image:url(/japan-esim/wp-content/themes/xeory_base/lib/images/top/top_network1.webp);
		}

		.network .list p:nth-of-type(2) i{
			background-image:url(/japan-esim/wp-content/themes/xeory_base/lib/images/top/top_network2.webp);
		}

		.network .list span{
			align-items:center;
			color:#4D4D4D;
			display:flex;
			font-size:18px;
			font-weight:500;
			justify-content:center;
			padding:20px;
		}

			.network .list span font{
				font-size:18px;
			}

@media only screen and (max-width:750px){
	.network{
		padding:4vw;
	}
		.network h3{
			font-size:20px;
			margin:0 0 4vw;
		}
			.network h3 font{
				font-size:20px;
			}
		.network .list{
			display:block;
		}
			.network .list p{
				width:100%;
			}
			.network .list p:nth-of-type(1){
				margin:0 0 4vw;
			}

			.network .list i{
				background-size:auto 30vw;
				display:block;
				height:34vw;
				width:100%;
			}

			.network .list span{
				display:block;
				font-size:14px;
				padding:4vw;
			}

				.network .list span font{
					font-size:14px;
				}
}

.chatbot{
	background:#E6E6E6;
	padding:40px 0 60px;
	z-index:1;
}

	.chatbot h3{
		font-size:30px;
		font-weight:800;
		margin:0 0 10px;
		text-align:center;
	}

		.chatbot h3 font{
			font-size:30px;
		}

		.chatbot h3+p{
			font-size:16px;
			font-weight:600;
			margin:0 0 40px;
			text-align:center;
		}

			.chatbot h3+p font{
				font-size:16px;
			}

.chatbot .list{
	display:flex;
	justify-content:space-between;
}

.chatbot .list p{
	background-repeat:no-repeat;
	background-position:center top;
	height:400px;
	width:50%;
}

.chatbot .list .display{
	background-image:url(/japan-esim/wp-content/themes/xeory_base/lib/images/top/top_chatbot1.webp);
}

.chatbot .list .bot{
	background-image:url(/japan-esim/wp-content/themes/xeory_base/lib/images/top/top_chatbot2.webp);
}

@media only screen and (max-width:750px){
	.chatbot{
		padding:4vw 0 6vw;
	}

	.chatbot h3{
		font-size:20px;
		margin:0 0 2vw;
	}

	.chatbot h3 font{
		font-size:20px;
	}

	.chatbot h3+p{
		font-size:16px;
		margin:0 0 4vw;
	}

	.chatbot h3+p font{
		font-size:16px;
	}

	.chatbot .list{
		display:block;
	}

	.chatbot .list p{
		background-size:auto 40vw;
		height:40vw;
		width:100%;
	}

	.chatbot .list .display{
		margin:0 0 4vw;
	}


}

.testimonial_hl{
	background:#F2F2F2;
	position:relative;
	z-index:0;
}

	.testimonial_hl .inner{
		align-items:center;
		background:url(/japan-esim/wp-content/themes/xeory_base/lib/images/top/top_testimonial_bg.webp) no-repeat;
		background-position:center center;
		display:flex;
		height:260px;
		justify-content:center;
		position:relative;
	}

	.testimonial_hl h2{
		color:#4D4D4D;
		font-size:50px;
		font-weight:600;
		line-height:140%;
		text-align:center;
	}

		.testimonial_hl h2 font{
			font-size:50px;
		}

	.testimonial_hl .human{
		background:url(/japan-esim/wp-content/themes/xeory_base/lib/images/top/top_testimonial_human.webp) no-repeat;
		height:333px;
		left:0;
		position:absolute;
		top:-30px;
		width:401px;
		z-index:1;
	}

	.testimonial_hl .phone{
		background:url(/japan-esim/wp-content/themes/xeory_base/lib/images/top/top_testimonial_phone.webp) no-repeat;
		height:364px;
		position:absolute;
		right:0;
		top:-40px;
		width:266px;
		z-index:1;
	}

@media only screen and (max-width:750px){
	.testimonial_hl .inner{
		background-size:auto 20vw;
		height:30vw;
	}

	.testimonial_hl h2,.testimonial_hl h2 font{
		font-size:6vw;
	}

	.testimonial_hl .human{
		background-position:right top;
		background-size:auto 38vw;
		height:38vw;
		left:0;
		top:-5vw;
		width:40vw;
	}

	.testimonial_hl .phone{
		background-position:left top;
		background-size:auto 40vw;
		height:40vw;
		right:0;
		top:-6vw;
		width:25vw;
	}
}

.testimonial{
	padding:80px 0 20px;
	margin-bottom:60px!important
}
	.testimonial .elm{
		background:#F2F2F2;
		border-radius:5px;
		margin:0 20px;
		padding:20px;
		width:600px;
	}
	.testimonial .head{
		display:flex;
	}
	.testimonial .author{
		background-repeat:no-repeat;
		height:80px;
		width:110px;
	}

.testimonial .author1{
	background-image:url(/japan-esim/wp-content/themes/xeory_base/lib/images/top/top_author1.webp);
}
.testimonial .author2{
	background-image:url(/japan-esim/wp-content/themes/xeory_base/lib/images/top/top_author2.webp);
}
.testimonial .author3{
	background-image:url(/japan-esim/wp-content/themes/xeory_base/lib/images/top/top_author3.webp);
}
.testimonial .author4{
	background-image:url(/japan-esim/wp-content/themes/xeory_base/lib/images/top/top_author4.webp);
}
.testimonial .author5{
	background-image:url(/japan-esim/wp-content/themes/xeory_base/lib/images/top/top_author5.webp);
}
.testimonial .author6{
	background-image:url(/japan-esim/wp-content/themes/xeory_base/lib/images/top/top_author6.webp);
}

.testimonial .ttl_area{
	align-items:left;
	display:flex;
	flex:1;
	flex-direction:column;
	justify-content:center;
}

	.testimonial .ttl_area .star{
		background-repeat:no-repeat;
		background-size:150px auto;
		display:block;
		height:30px;
		width:100%;
	}

.testimonial .ttl_area .star5{
	background-image:url(/japan-esim/wp-content/themes/xeory_base/lib/images/top/top_author_star5.svg);
}

.testimonial h3{
	color:#4D4D4D;
	font-size:20px;
	font-weight:700;
	text-align:left;
}

.testimonial h3 font{
	font-size:20px;
}

.testimonial .elm p{
	background:#fff;
	border-radius:5px;
	color:#4D4D4D;
	font-weight:500;
	margin:20px 0 0;
	padding:20px;
}

@media only screen and (max-width:750px){
	.testimonial .elm{
		background:#F2F2F2;
		border-radius:5px;
		margin:0 2vw;
		padding:2vw;
		width:600px;
	}

	.testimonial .elm p{
		font-size:14px !important;
		font-weight:400;
		margin:2vw;
		padding:2vw;
	}

	.testimonial .elm p font{
		font-size:14px !important;
	}
}

.cta{
	margin:40px 0
}
	.cta .inner{
		background:url(/japan-esim/wp-content/themes/xeory_base/lib/images/top/top_cta_img.webp) no-repeat;
		min-height:400px;
		padding:0 0 0 30%;
	}
	.cta .txt{
		color:#4D4D4D;
		font-size:20px;
		font-weight:500;
	}
		.cta .txt font{
			font-size:20px;
		}

	.cta h2{
		color:#4D4D4D;
		font-size:45px;
		font-weight:800;
		line-height:120%;
	}

		.cta h2 font{
			font-size:45px;
		}

		.cta .btn{
			padding:80px 0 0;
			text-align:center;
		}

			.cta .btn a{
				background-image:url(/japan-esim/wp-content/themes/xeory_base/lib/images/top/icon_cart.svg),linear-gradient(#3B9745,#91C753);
				background-position:right 30px center,center center;
				background-repeat:no-repeat;
				background-size:60px 60px,auto auto;
				border-radius:100px;
				box-shadow:1px 1px 5px #ccc;
				color:#fff;
				display:inline-block;
				font-size:30px;
				font-weight:800;
				line-height:100%;
				padding:40px 100px 40px 40px;
				text-decoration:none;
			}
				.cta .btn a font{
					font-size:30px;
				}

			.cta .btn a:hover{
				background-image:url(/japan-esim/wp-content/themes/xeory_base/lib/images/top/icon_cart.svg),linear-gradient(#FF822C,#E5D42A);
			}

@media only screen and (max-width:900px){
	.cta{
		margin:4vw 0;
	}
	.cta .inner{
		background-position:center top;
		background-size:auto 38vw;
		min-height:auto;
		padding:40vw 4vw 6vw;
	}
	.cta .txt{
		font-size:14px;
		margin:0 0 2vw;
		text-align:center;
	}
	.cta .txt font{
		font-size:14px;
	}
	.cta h2{
		font-size:20px;
		text-align:center;
	}
	.cta h2 font{
		font-size:20px;
	}
	.cta .btn{
		padding:4vw 0 0;
	}
	.cta .btn a{
		background-position:right 4vw center,center center;
		background-size:6vw 6vw,auto auto;
		border-radius:20vw;
		font-size:20px;
		padding:4vw 12vw 4vw 6vw;
		text-decoration:none;
	}
	.cta .btn a{
		font-size:20px;
	}
	.cta .btn a:hover{
		background-image:url(/japan-esim/wp-content/themes/xeory_base/lib/images/top/icon_cart.svg),linear-gradient(#FF822C,#E5D42A);
	}
}

.howto{
	background:#F2F2F2;
	padding:60px 0 40px;
}
	.howto h2{
		font-size:30px;
		font-weight:800;
		line-height:100%;
		margin:0 0 40px;
		text-align:center;
	}
		.howto h2 font{
			font-size:30px;
		}

	.howto .inner{
		background:url(/japan-esim/wp-content/themes/xeory_base/lib/images/top/top_howto_img.webp) no-repeat;
		background-position:left 20px top;
		background-size:auto auto;
		min-height:425px;
		padding:0 40px 0 480px;
	}

		.howto .inner .text1{
			color:#005BAB;
			display:block;
			font-size:20px;
			font-weight:500;
			margin:0 0 40px;
		}

			.howto .inner .text1 font{
				font-size:20px;
			}

		.howto .inner .text2{
			font-size:14px;
			margin:0 0 40px;
		}

			.howto .inner .text2 font{
				font-size:14px;
			}

		.howto .inner .text3{
			color:#4D4D4D;
			font-size:20px;
			font-weight:600;
			margin:0 0 40px;
		}

			.howto .inner .text3 font{
				font-size:20px;
			}

			.howto .inner .text3 a{
				color:#005BAB;
				font-size:20px;
				padding:0 0 0 20px;
			}

				.howto .inner .text3 a font{
					font-size:20px;
				}

@media only screen and (max-width:900px){
	.howto .inner{
		background-position:center top;
		background-size:35vw auto;
		min-height:auto;
		padding:40vw 4vw 0;
	}
}

.video{
	background:#E6E6E6;
	padding:60px 0;
}

	.video h2{
		font-size:30px;
		text-align:center;
	}

	.video h2 font{
		font-size:30px;
	}

	.video iframe{
		display:block;
		height:340px;
		margin:40px auto 0;
		width:600px;
	}

@media only screen and (max-width:750px){
	.video iframe{
		height:46vw;
		width:80vw;
	}
}

.precaution{
	background:#F2F2F2;
	padding:60px 0 40px;
}

	.precaution h2{
		font-size:30px;
		font-weight:800;
		line-height:140%;
		margin:0 0 40px;
		padding:0 40px;
		text-align:center;
	}

		.precaution h2 font{
			font-size:30px;
		}

	.precaution .inner{
		background:url(/japan-esim/wp-content/themes/xeory_base/lib/images/top/top_precaution_img.webp) no-repeat;
		background-position:left 20px top;
		background-size:auto auto;
		min-height:300px;
		padding:0 40px 0 480px;
	}

		.precaution .inner .text1{
			color:#4D4D4D;
			display:block;
			font-size:18px;
			font-weight:700;
			margin:0 0 40px;
		}

		.precaution .inner .text1{
			font-size:18px;
		}

		.precaution .inner .ios{
			background:url(/japan-esim/wp-content/themes/xeory_base/lib/images/top/icon_ios.svg) no-repeat;
			background-size:auto 40px;
			color:#005BAB;
			display:block;
			font-size:20px;
			font-weight:600;
			line-height:100%;
			margin:0 0 40px;
			padding:10px 0 10px 50px;
		}

			.precaution .inner .ios font{
				font-size:20px;
			}

			.precaution .inner .android{
				background:url(/japan-esim/wp-content/themes/xeory_base/lib/images/top/icon_android.svg) no-repeat;
				background-size:auto 40px;
				color:#005BAB;
				display:block;
				font-size:20px;
				font-weight:600;
				margin:0 0 20px;
				padding:10px 0 10px 50px;
			}

				.precaution .inner .android font{
					font-size:20px;
				}

@media only screen and (max-width:900px){
	.precaution .inner{
		background-position:center top;
		background-size:40vw auto;
		min-height:auto;
		padding:35vw 4vw 4vw;
	}
}

section.faq{
	background:#fff;
	padding:60px 0 40px;
}

	.faq h2{
		font-size:30px;
		font-weight:800;
		line-height:140%;
		margin:0 0 40px;
		padding:0 40px;
		text-align:center;
	}

		.faq h2 font{
			font-size:30px;
		}

	.faq .inner{
		background:url(/japan-esim/wp-content/themes/xeory_base/lib/images/top/top_faq_img.webp) no-repeat;
		background-position:left 20px top;
		background-size:auto auto;
		min-height:300px;
		padding:0 40px 0 480px;
	}

		.faq .inner .text1{
			display:block;
			font-size:20px;
			font-weight:600;
			margin:0 0 40px;
		}

			.faq .inner .text1 font{
				font-size:20px;
			}

		.faq ul li{
			list-style-type:disc;
			margin:0 0 10px 20px;
		}

			.faq ul li a{
				color:#005BAB;
				font-weight:600;
			}

		.faq .btn{
			padding:20px 0 0;
			text-align:right;
		}

			.faq .btn a{
				background-image:linear-gradient(#3B9745,#91C753);
				border-radius:20px;
				box-shadow:1px 1px 3px #ccc;
				color:#fff;
				display:inline-block;
				font-weight:800;
				letter-spacing:1px;
				line-height:100%;
				padding:10px 50px;
				text-decoration:none;
			}

@media only screen and (max-width:900px){
	.faq .inner{
		background-position:center top;
		background-size:35vw auto;
		min-height:auto;
		padding:32vw 4vw 4vw;
	}
}

.about{
	background:#F2F2F2;
	padding:60px 0 40px;
}
	.about h2{
		font-size:30px;
		font-weight:800;
		line-height:140%;
		margin:0 0 40px;
		padding:0 40px;
		text-align:center;
	}
		.about h2 font{
			font-size:30px;
		}
	.about .inner{
		background:url(/japan-esim/wp-content/themes/xeory_base/lib/images/top/top_about_img.webp) no-repeat;
		background-position:left 20px top;
		background-size:auto auto;
		min-height:260px;
		padding:0 40px 0 480px;
	}
		.about .inner .text{
			color:#4D4D4D;
			display:block;
			font-size:16px;
			font-weight:500;
			line-height:180%;
			margin:0 0 40px;
		}
			.about .inner .text font{
				font-size:16px;
			}

@media only screen and (max-width:900px){
	.about .inner{
		background-position:center top;
		background-size:35vw auto;
		min-height:auto;
		padding:30vw 4vw 4vw;
	}
}

.media{
	background:#F2F2F2;
	padding:60px 0 40px;
}
	.media h2{
		font-size:30px;
		font-weight:800;
		line-height:140%;
		margin:0 0 10px;
		padding:0 40px;
		text-align:center;
	}
		.media h2 font{
			font-size:30px;
		}

	.media h2+p{
		display:block;
		font-size:16px;
		font-weight:600;
		margin:0 0 40px;
		padding:0 40px;
		text-align:center;
	}

		.media h2+p font{
			font-size:16px;
		}

	.media .inner{
		background:url(/japan-esim/wp-content/themes/xeory_base/lib/images/top/top_media_img.webp) no-repeat;
		background-position:left 200px top;
		background-size:auto auto;
		min-height:300px;
		padding:0 40px 0 480px;
	}

		.media ul{
			padding:50px 0 0;
		}

			.media ul li{
				list-style-type:disc;
				margin:0 0 30px 0;
			}

				.media ul li a{
					color:#005BAB;
					font-size:18px;
					font-weight:600;
				}

					.media ul li a font{
						font-size:18px;
					}

@media only screen and (max-width:900px){
	.media .inner{
		background-position:center top;
		background-size:auto 30vw;
		min-height:auto;
		padding:34vw 4vw 4vw;
	}
	.media ul{
		padding:0 0 0 4vw;
	}
	.media ul li{
		margin:0 0 3vw 0;
	}
}

.contact{
	background:#fff;
	padding:60px 0 40px;
}
	.contact h2{
		font-size:30px;
		font-weight:800;
		line-height:140%;
		margin:0 0 40px;
		text-align:center
	}
		.contact h2 font{
			font-size:30px;
		}
	.contact .inner{
		background:url(/japan-esim/wp-content/themes/xeory_base/lib/images/top/top_contact_img.webp) no-repeat;
		background-position:left 100px top;
		background-size:auto auto;
		min-height:320px;
		padding:0 40px 0 480px;
	}
		.contact .inner .text1{
			color:#4D4D4D;
			font-size:20px;
			font-weight:800;
			margin:0 0 40px;
		}
			.contact .inner .text1 font{
				font-size:20px;
			}
		.contact .inner .text2{
			color:#4D4D4D;
			font-size:20px;
			font-weight:600;
			margin:0 0 40px;
		}
			.contact .inner .text2 font{
				font-size:20px;
			}

			.contact .inner .text2 a{
				color:#005BAB;
				font-size:20px;
				padding:0 0 0 20px;
			}
				.contact .inner .text2 a font{
					font-size:20px;
				}
		.contact .inner .text3{
			font-size:14px;
		}
			.contact .inner .text3 font{
				font-size:14px;
			}

@media only screen and (max-width:900px){
	.contact .inner{
		background-position:center top;
		background-size:auto 35vw;
		min-height:auto;
		padding:39vw 4vw 4vw;
	}
}

	/***** Footer *****/
	footer{
		background:#E6E6E6;
		padding:40px 0 0;
	}
	
		footer .inner{
			background:url(/japan-esim/wp-content/themes/xeory_base/lib/images/top/logo2.svg) no-repeat;
			background-position:left 40px center;
			background-size:220px auto;
			padding:0 0 0 300px;
		}
			footer ul{
				align-items:center;
				display:flex;
				flex-wrap:wrap;
				justify-content:left;
				margin:0 0 20px 0;
				/* min-height:80px; */
			}
				footer li{
					margin:0 ;
					list-style: none;
				}
					footer a{
						color:#005BAB;
						font-size:14px;
						font-weight:600;
					}
						footer a font{
							font-size:14px;
						}
				footer li::before{
					content:"/";
					margin:0 10px;
				}
				footer li:nth-of-type(1)::before{
					content:"";
					margin:0;
				}
			footer>p{
				background:#999;
				color:#fff;
				font-size:14px;
				margin:60px 0 0;
				padding:10px 40px;
				text-align:center;
			}
			footer>p a{
				color:#fff;
			  }
	@media only screen and (max-width:900px){
		footer{
			padding:6vw 0 0;
		}
		footer .inner{
			background:url(/japan-esim/wp-content/themes/xeory_base/lib/images/top/logo2.svg) no-repeat ;
			background-position:left 4vw top 2vw;
			background-size:30vw auto;
			padding:14vw 4vw 0 !important;
		}
		footer ul{
			display:block;
			justify-content:left;
			margin:0;
		}
			footer li{
				line-height:180%;
				margin:0;
			}
			footer li::before{
				content:"" !important;
				margin:0;
			}
				footer a{
					color:#005BAB !important;
					font-size:14px !important;
				}
					footer a font{
						font-size:14px !important;
					}
					footer ul:nth-of-type(2){
						/* border-bottom:1px solid #ccc; */
						border-top:1px solid #f0efef;
						margin-top:5px;
						padding-top:5px;

					}
		footer>p{
			margin:4vw 0 0;
			padding:1vw 4vw;
		}
	}
	
	@media only screen and (max-width:750px){
		footer{
			margin:0 0 10vw;
		}
	}

#float_menu .btn_top{
	align-items:center;
	background-color:rgba(255,255,255,.8);
	background-image:url(/japan-esim/wp-content/themes/xeory_base/lib/images/top/icon_up.svg);
	background-position:center top 10px;
	background-repeat:no-repeat;
	background-size:auto 20px;
	border-radius:5px;
	box-shadow:1px 1px 3px #ccc;
	bottom:20px;
	color:#4D4D4D;
	display:flex;
	font-size:12px;
	font-weight:600;
	height:60px;
	justify-content:center;
	right:20px;
	padding:20px 0 0;
	position:fixed;
	text-decoration:none;
	width:60px;
	z-index:10;
}

#float_menu .btn_top{
	font-size:12px;
}

#float_menu .btn_item{
	display:none;
}

@media only screen and (max-width:750px){
	#float_menu{
		background-color:#fff;
		border-top:1px solid #ccc;
		bottom:0;
		position:fixed;
		z-index:10;
		width:100%;
	}

	#float_menu .inbox{
		background-color:#000;
		background-image:url(/japan-esim/wp-content/themes/xeory_base/lib/images/top/logo_w2.svg);
		background-size:auto 6vw;
		background-position:left 4vw center;
		background-repeat:no-repeat;
		display:flex;
		height:10vw;
		justify-content:right;
	}

	#float_menu .btn_top{
		background-image:url(/japan-esim/wp-content/themes/xeory_base/lib/images/top/icon_up_w.svg);
		background-position:left 2vw center;
		background-repeat:no-repeat;
		background-size:auto 3vw;
		background-color:#005BAB;
		border-radius:0;
		box-shadow:initial;
		bottom:initial;
		color:#fff;
		display:flex;
		font-size:16px;
		font-weight:600;
		height:auto;
		right:initial;
		padding:0 2vw 0 7vw;
		position:relative;
		width:auto;
		z-index:10;
	}

	#float_menu .btn_top font{
		font-size:16px;
	}

	#float_menu .btn_item{
		align-items:center;
		background-image:url(/japan-esim/wp-content/themes/xeory_base/lib/images/top/icon_cart_w.svg);
		background-position:left 2vw center;
		background-repeat:no-repeat;
		background-size:auto 3.5vw;
		background-color:#39B54A;
		display:flex;
		color:#fff;
		font-size:16px;
		font-weight:600;
		height:auto;
		right:initial;
		padding:0 2vw 0 7vw;
		position:relative;
		text-decoration:none;
		width:auto;
		z-index:10;
	}

	#float_menu .btn_item{
		font-size:16px;
	}


}

@media only screen and (max-width:750px){
	#trp-floater-ls{
		right:0 !important;
	}
	.trp-floater-ls_up{
		bottom:10vw !important;
	}
}

/***** キャンペーンバナー *****/
.camp_bnr{
	background:url(/japan-esim/wp-content/themes/xeory_base/lib/images/top/bnr_spring_camp_pc2.png) #F2F2F2 no-repeat;
	background-position:center top;
	background-size:1160px auto;
	height:160px;
	width:100%;
}
@media only screen and (max-width:1280px){
	.camp_bnr{
		background-size:80vw auto;
		height:14vw;
		width:100%;
	}
}

@media only screen and (max-width:750px){
	.camp_bnr{
		background-image:url(/japan-esim/wp-content/themes/xeory_base/lib/images/top/bnr_spring_camp_sp2.png);
		background-position:center top 2vw;
		background-size:80vw auto;
		height:50vw;
	}
}
/***** リブランディングバナー *****/
.rebrand_bnr{
	background:url(/japan-esim/wp-content/themes/xeory_base/lib/images/top/bnr_rebranding_pc.png) #F2F2F2 no-repeat;
	background-position:center top;
	background-size:1160px auto;
	display:block;
	height:145px;
	width:100%;
}
@media only screen and (max-width:1280px){
	.rebrand_bnr{
		background-size:80vw auto;
		height:14vw;
		width:100%;
	}
}

@media only screen and (max-width:750px){
	.rebrand_bnr{
		background-image:url(/japan-esim/wp-content/themes/xeory_base/lib/images/top/bnr_rebranding_sp.png);
		background-position:center top 2vw;
		background-size:80vw auto;
		height:46vw;
	}
}
/********** メンテナンスメッセージ｜TOP用（下階層は/style_cmn.cssに） **********/
.maint_msg{
	color:red;
	padding:20px 0;
}
	.maint_msg .hl{
		background: #a81f2d;
		border-radius:8px 8px 0 0;
		color: #ffffff;
		display:inline-block;
		font-size:16px;
		font-weight:600;
		padding: 3px 16px;
	}
	.maint_msg .txt{
		border: 2px solid #a81f2d;
		background: #fff;
		border-radius:0 8px 8px 8px;
		color: #000000;
		font-size: 14px;
		line-height:140%;
		padding: 15px;
	}
	/***** 商品下にメッセージを配置する場合 *****/
	.inner.item + .maint_msg{
		margin-top:-20px;
		padding:20px;
	}
	@media only screen and (max-width:750px){
		.inner.item + .maint_msg{
			padding:20px 6%;
		}
	}