@charset "UTF-8";

/* common  --------------------------- */
*{padding:0;margin:0;font-weight:normal;border:0 none;outline:0;box-sizing:border-box;vertical-align:baseline;}
header,footer,article,section,aside{position:relative;width:100%;}
h1,h2,h3,h4{font-size:100%;}
html,body{width:100%;min-height:100%;}
ul,ol,li{list-style:none;}
ul,ol{font-size:0;}
img{max-width:100%;}
em{font-weight:bold;font-style:normal;}
small{font-size:80%;}

/* base ------------------------------- */
body{position:relative;background-color:#fff;color:#000;line-height:1.6;}
.inner{position:relative;width:1000px;margin:0 auto;overflow:hidden;}
.altText{display:none;}
.xImg :nth-child(1){display:block;}
.xImg :nth-child(2){display:none;}
@media screen and (max-width:640px){
	.inner{width:640px;}
	.xImg :nth-child(1){display:none;}
	.xImg :nth-child(2){display:block;}
}

/* xCb ------------------------------- */
.xCb{position:relative;}
.xCourse{position:absolute;top:0;left:0;width:100%;height:220px;display:flex;justify-content:space-around;}
.xCourse li{width:33%;height:100%;cursor:pointer;}
.xCb > div{width:100%;display:none;}
.xCb > div.on{display:block;}
.cart_link a{position:absolute;top:705px;left:65px;display:block;width:845px;height:120px;}
.xCb > div a:hover{background:rgba(255,255,255,0.4);}
.xCb > div.xCb3 a{top:545px;left:75px;}
.xCb1 .amazon{position:absolute;bottom:75px;left:350px;}
.xCb2 .amazon{position:absolute;bottom:75px;left:350px;}
.xCb3 .amazon{position:absolute;bottom:85px;left:350px;}

@media screen and (max-width:640px){
	.xCourse{height:315px;}
	.xCb > div a{top:995px;left:30px;width:580px;height:80px;}
	.xCb > div.xCb2 a{top:1065px;}
	.xCb > div.xCb3 a{top:675px;left:30px;}

	.xCb1 .amazon{position:absolute;bottom:65px;left:28%;}
	.xCb2 .amazon{position:absolute;bottom:65px;left:28%;}
	.xCb3 .amazon{position:absolute;bottom:75px;left:28%;}
}

/* s9a ------------------------------- */
#s9a a{position:absolute;bottom:29px;right:34px;display:block;width:449px;height:68px;border-radius:10px;}
#s9a a:hover{background:rgba(255,255,255,0.2);}
@media screen and (max-width:640px){
	#s9a a{bottom:72px;right:57px;width:524px;height:78px;}
}

/* s9t ------------------------------- */
#s9t p{padding:1em;font-size:12px;}
.tLink{padding:20px 100px;display:flex;flex-direction:row;justify-content:space-around;text-align:center;}
.tLink li {font-size:14px;color:#900;text-decoration:underline;cursor:pointer;}
.tLink li:hover{text-decoration:none;}
@media screen and (max-width:640px){
	#s9t p{font-size:2vw;}
	.tLink{display:block;padding:20px;}
	.tLink li{padding:10px 0;font-size:2.6vw;}
}

/* fixed ------------------------------- */
#fix_bottom{position:fixed;bottom:0;display:block;width:1000px;}
#fix_bottom .float_banner{float:right;}
#fix{display:none;}
@media screen and (max-width:640px){
	#fix_bottom{display:none;}
	.inner{padding-bottom:90px;}
	#fix{position:fixed;bottom:0;left:0;display:block;width:640px;height:150px;margin:auto;transform: translate3d(0,0,0);}
}
#fix .float_banner{
	float:left;
}

#s9b5{position:relative;}
#s9b5 .policy{position:absolute; bottom:40px;left:2em;}
#s9b5 .policy a{color:#FFF;}

#s9b6{display:none;}
@media screen and (max-width:640px){
	#s9b6{display:block;background:#9a1217;padding-bottom:2em;}
	#s9b6 .policy{left:0;display:inline !important;padding-left:1em;}
	#s9b6 .policy a{color:#FFF;}
}

.company_about{
	background:#9a1217;
	color:#FFF;
	padding:40px 0 0 0;
}
.company_about h3{
	font-size:22px;
	font-weight:bold;
	text-align:center;
	margin-bottom:10px;
}

.company_about table{
	display:flex;
	justify-content: center;
	font-size:15px;
}
.company_about table th{
	text-align:right;
}
@media screen and (min-width:641px){
#jump .tel_btn{
	display: none;
}
}
@media screen and (max-width:640px){
.company_about{
	padding:40px 0;
}

	.company_about table{
		font-size:20px;
	}
#jump {
	position: relative;
}
#jump .tel_btn{
    position: absolute;
    bottom: 22vw;
    width: 100%;
}
}

.tryContainer {
}

.tryInner {
	position: relative;
	width: 100%;
}
.tryInner.terms {
	padding-bottom: 50px;
	background: url(images/pc/try_bg.jpg) center bottom no-repeat;
}
.tryBtn {
	position: absolute;
	display: block;
	width: 380px;
	right: 0;
	bottom: 13px;
	left: 0;
	margin: auto;
	background: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.tryBtn::before {
	position: absolute;
	display: block;
	content: "";
	width: 26px;
	height: 16px;
	top: calc(50% - (13px / 2));
	transform: rotate(180deg);
	left: 76%;
	background: url(images/pc/icon_arrow.png) center center/cover no-repeat;
transition: .3s transform ease;
}

.tryBtn.active::before {
	transform: rotate(0deg);
}