@charset "utf-8";

/* ジョイフィットで始める理由
============================================================================== */

.section.frame#about {
	background: none;
}
.section.frame#about div div .tit{
	border-bottom: 0;
}

.section.frame #about_01,
.section.frame #about_03{
	width: 1020px;
	margin: 0 auto;
}

.section.frame#about p{
	padding: 10px 0 0;
	font-size: 111%;
	line-height: 1.8;
}

/* ジョイフィットで始める理由 */
.section.frame #about_01{
	margin-bottom: 10px;
	background: url(/en/img/about/about_bg_01.png) no-repeat 100% 0
}
.section.frame #about_01 #lead{padding:20px 0 110px;font-size:120%;}
.section.frame #about_01 .about_parts_a{
}
.section.frame #about_01 .about_parts_a:after { content: ""; display: block; clear: both; }
.section.frame #about_01 .about_parts_a .txt{
	float: right;
	width: 601px;
}
.section.frame #about_01 .about_parts_a .img{
	float: left;
	width: 309px;
}

/* 青ジョイ・赤ジョイ */
.section.frame #about_02{
	margin: 0 0 50px;
	background: url(/en/img/about/about_bg_02.png) no-repeat 49% 90px;
	text-align: center;
}
.section.frame #about_02 .inner{
	width: 982px;
}
.section.frame #about_02 .inner:after { content: ""; display: block; clear: both; }
.section.frame #about_02 #aojoy{
	position: relative;
	float: left;
	width: 50%;
	min-height: 620px;
}
.section.frame #about_02 #akajoy{
	position: relative;
	float: right;
	width: 50%;
	min-height: 620px;
}
.section.frame #about_02 .tit,
.section.frame #about_02 .txt,
.section.frame #about_02 .btn{position: absolute;}
.section.frame #about_02 #aojoy .tit{	left: 145px;}
.section.frame #about_02 #akajoy .tit{	right: 130px;}
.section.frame #about_02 #aojoy .txt{	top: 200px;	left: 21px;}
.section.frame #about_02 #akajoy .txt{	top: 181px;	right: 19px;}
.section.frame #about_02 #aojoy .btn{	bottom: 86px;	left: 141px;}
.section.frame #about_02 #akajoy .btn{	bottom: 86px;	left: 118px;}
.section.frame #about_02 .btn a{
	display: block;
	width: 245px;
	height: 78px;
	overflow: hidden;
	text-indent: -9999px;
}
.section.frame #about_02 #aojoy .btn a{
	background: url(/en/img/about/about_btn_01_01.png) no-repeat 50% 0;
}
.section.frame #about_02 #aojoy .btn a:hover{
	background: url(/en/img/about/about_btn_01_01.png) no-repeat 50% 100%;
}
.section.frame #about_02 #akajoy .btn a{
	background: url(/en/img/about/about_btn_01_02.png) no-repeat 50% 0;
}
.section.frame #about_02 #akajoy .btn a:hover{
	background: url(/en/img/about/about_btn_01_02.png) no-repeat 50% 100%;
}

/* 安心のスタート＆全国全ての〜 */
.section.frame #about_03{
	position: relative;
}
.section.frame #about_03 #start{
	margin: 0 0 30px;
}
.section.frame #about_03 #start:after { content: ""; display: block; clear: both; }
.section.frame #about_03 #start .txt{
	float: left;
	width: 533px;
}
.section.frame #about_03 #start .img{
	float: right;
	width: 365px;
}
.section.frame #about_03 #all_shop{
	margin: 0 0 30px;
}
.section.frame #about_03 #all_shop:after { content: ""; display: block; clear: both; }
.section.frame #about_03 #all_shop .txt{
	float: right;
	width: 576px;
	padding: 30px 0 0;
}
.section.frame #about_03 #all_shop .txt .btn{
	position: absolute;
	right: 0;
	bottom:50px;
}
.section.frame #about_03 #all_shop .img{
	float: left;
	width: 385px;
}

.mbm10{
	margin-left:-10px;
	}
	
	
	
	
	

/* 相互利用をどこでもJOYに変更 20171227
============================================================================== */

.section.frame #about_01 {
	position: relative;
	min-height: 460px;
}

.section.frame #about_02 {
	position: relative;
	margin-top: -110px;
	background: url(/en/img/about/about_02_bg.png) no-repeat center 1px;
}

.section.frame #about_02 .inner{
	position: relative;
	width: 997px;
	height: 947px;
}

.section.frame #about_02 #aojoy{
	position: absolute;
	float: none;
	top: 0;
	left: 239px;
	width: 515px;
	height: 516px;
	min-height: 516px;
	overflow: hidden;
}

.section.frame #about_02 #akajoy{
	position: absolute;
	float: none;
	top: 430px;
	left: 0;
	width: 515px;
	height: 516px;
	min-height: 516px;
	overflow: hidden;
}

.section.frame #about_02 #yoga{
	position: absolute;
	top: 430px;
	right: 0;
	width: 515px;
	height: 516px;
	min-height: 516px;
	overflow: hidden;
}

.section.frame #about_02 #aojoy .tit{ top:0; left: 141px;}
.section.frame #about_02 #akajoy .tit{ top:0; left: 131px;}
.section.frame #about_02 #yoga .tit{ top:0; left: 176px;}
.section.frame #about_02 #aojoy .txt,
.section.frame #about_02 #akajoy .txt,
.section.frame #about_02 #yoga .txt { top: 1px; left: 0;}
.section.frame #about_02 #aojoy .btn{ bottom: 74px;	left: 137px;}
.section.frame #about_02 #akajoy .btn{ bottom: 61px; left: 141px;}
.section.frame #about_02 #yoga .btn{ position:absolute; bottom: 61px; left: 140px;}
.section.frame #about_02 .btn a{
	display: block;
	width: 245px;
	height: 78px;
	overflow: hidden;
	text-indent: -9999px;
}
.section.frame #about_02 #aojoy .btn a{
	background: url(/en/img/about/about_02_ao_btn.png) no-repeat 50% 0;
}
.section.frame #about_02 #aojoy .btn a:hover{
	background: url(/en/img/about/about_02_ao_btn.png) no-repeat 50% 100%;
}
.section.frame #about_02 #akajoy .btn a{
	background: url(/en/img/about/about_02_aka_btn.png) no-repeat 50% 0;
}
.section.frame #about_02 #akajoy .btn a:hover{
	background: url(/en/img/about/about_02_aka_btn.png) no-repeat 50% 100%;
}
.section.frame #about_02 #yoga .btn a{
	background: url(/en/img/about/about_02_yoga_btn.png) no-repeat 50% 0;
}
.section.frame #about_02 #yoga .btn a:hover{
	background: url(/en/img/about/about_02_yoga_btn.png) no-repeat 50% 100%;
}

.section.frame #about_03 #all_shop .txt{
	width: 573px;
}

.section.frame #about_03 #all_shop .txt .tit{
	line-height: 0;
}

.section.frame #about_03 #all_shop .txt .tit + p{
	margin-bottom: 20px;
	line-height: 0;
}

.section.frame #about_03 #all_shop .txt li{
	padding-left: 1em;
	text-indent: -1em;
	font-size: 12px;
	line-height: 1.8;
}

.section.frame #about_03 #all_shop .txt .btn{
	position: relative;
	right: auto;
	bottom: auto;
	margin-top: 20px;
	text-align: right;
}

.section.frame #about_03 #all_shop ul {

}