@charset "UTF-8";
*{
	font-family:'Noto Sans Japanese';
}
body {
  -webkit-touch-callout:none; 
  -webkit-user-select:none;
}
p{
	line-height:1.7em;
}
.flex{
	display:flex;
}
.wrap{
	width:100%;
	min-width:1000px;
}

.inner{
	width:1000px;
	margin:0 auto;
}
.sp{ display:none !important;}
@media screen and (max-width: 640px) {
.wrap{
	width:100%;
	min-width:0px;
}

.inner{
	width:90%;
	margin:0 auto;
}
.pc{ display:none !important;}
.sp{ display:block !important;}
}
.slow3 *{
	-webkit-transition : 0.3s ease ;
	transition : 0.3s ease ;
}
.slow5 *{
	-webkit-transition : 0.5s ease ;
	transition : 0.5s ease ;
}

/*メンバーページ HEAD*/
body.menber_content{
	background-image:url(../img/common/back_dot.jpg);
}
.menber_content header .content01{
	justify-content:space-between;
	padding:20px 0;
}
.menber_content header .content01 .rogo{
	width:170px;
}
	@media screen and (max-width: 640px) {
	.menber_content header .content01 .rogo{
		width:170px;
		margin:0 auto;
	}
	}
.menber_content header .content01 .btn-area{
	width:840px;
	justify-content:flex-end;
	align-items: center;
}
.menber_content header .content01 .btn-area div{
	margin-right:20px;
}
.menber_content header .content01 .btn-area div:last-child{
	margin-right:0px;
}
.menber_content header .content01 .btn-area .btn-style-01 a,.menber_content header .content01 .btn-area .btn-style-02 a,.menber_content header .content01 .btn-area .btn-style-03 a{
    padding: 10px 30px;
    color: #fff;
    border-radius: 10px;
    display: block;
	border-bottom-style:solid;
	border-bottom-width:4px;
	font-size:14px;
}
.menber_content header .content01 .btn-area .btn-style-01 a:hover,.menber_content header .content01 .btn-area .btn-style-02 a:hover,.menber_content header .content01 .btn-area .btn-style-03 a:hover{
	border-bottom-width:0px;
	margin-top:4px;
}
.menber_content header .content01 .btn-area .btn-style-01 a{
    background-color: #ff9c00;
	border-bottom-color:#bc7300;
}
.menber_content header .content01 .btn-area .btn-style-02 a{
    background-color: #ff5454;
	border-bottom-color:#b23b3b;
}
.menber_content header .content01 .btn-area .btn-style-03 a{
    background-color: #999999;
	border-bottom-color:#333333;
}
@media screen and (max-width: 640px) {
.menber_content header .content01{
	justify-content:space-between;
	padding:20px 0;
	flex-wrap:wrap;
}
.menber_content header .content01 .btn-area{
	width:100%;
	justify-content:space-between;
	align-items: center;
	margin-top:10px;
}
.menber_content header .content01 .btn-area div{
	margin-right:0px;
	width:49%;
}
.menber_content header .content01 .btn-area .btn-style-01 a,.menber_content header .content01 .btn-area .btn-style-02 a,.menber_content header .content01 .btn-area .btn-style-03 a{
    padding: 10px;
}
.menber_content header .content01 .btn-area .btn-style-01 a{
	font-size:12px;
	text-align:center;
}
.menber_content header .content01 .btn-area .btn-style-02 a{
	font-size:12px;
	text-align:center;
}
}


/*決済遷移ページ*/
.menber_content.settlement .container main,
.menber_content.drawal .container main,
.menber_content.reset .container main{
	width:100% !important;
}
.menber_content .container main .settlement-box h1,
.menber_content .container main .drawal-box h1,
.menber_content .container main .reset-box h1{
    background-color: #ff9c00;
    color: #fff;
    padding: 10px;
    font-size: 30px;
    font-weight: 500;
    text-align: center;
}
.menber_content .container main .settlement-box p,
.menber_content .container main .drawal-box p
{
	margin: 20px 0;
}
.menber_content .container main .reset-box p{
	margin: 20px 0;
	text-align:center;
}
.menber_content .container main .settlement-box a,
.menber_content .container main .drawal-box a,
.menber_content .container main .reset-box a{
	display: inline-block;
    margin-top: 0px;
    background-color: #f00;
    padding: 10px 30px;
    color: #fff;
    border-radius: 10px;
    border-bottom: solid 4px #c13e3e;
}
.menber_content .container main .settlement-box a:hover,
.menber_content .container main .drawal-box a:hover,
.menber_content .container main .reset-box a:hover{
	margin-top:4px;
	border-bottom:none;
}
.menber_content .container main .drawal-box a.drawal-btn{
	background-color:#888;
    border-bottom:none;
}
.menber_content .container main .drawal-box a.drawal-btn:hover{
	background-color:#333;
}
/*パスワードリセット*/
.menber_content .container main .reset-box{
	text-align:center;
}
.menber_content .container main .reset-box input{
	width:60%;
	height:40px;
}
.menber_content .container main .reset-box.config dl dt{
	color:#ff5454;
}


/*メンバーページ コンテナ*/

.menber_content .container .inner{
	display:flex;
	justify-content:space-between;
	padding:30px 0;
}
	@media screen and (max-width: 640px) {
	.menber_content .container .inner{
		flex-wrap:wrap;
	}
	}
.menber_content .container main{
	width:730px;
}
.menber_content .container aside{
	width:230px;
}
	@media screen and (max-width: 640px) {
	.menber_content .container aside{
		width:100%;
	}
	}
.menber_content .container aside .category-box{
	background-color:#fff;
	border-radius:10px 10px 0 0;
	margin-bottom:30px;
	box-shadow:0px 0px 10px 0px rgba(0,0,0,0.2);
	-moz-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.2);
	-webkit-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.2);
}
.menber_content .container aside .category-box h2{
	background-color:#ff9c00;
	color:#fff;
	border-radius:10px 10px 0 0;
	padding:7px 15px;
	letter-spacing:0.1em;
}
.menber_content .container aside .category-box ul{
}
.menber_content .container aside .category-box ul li{
}
.menber_content .container aside .category-box ul li a{
	padding:6px 10px 6px 30px;
	border-bottom:dashed 1px #ccc;
	display:block;
	color:#444;
	position:relative;
}
.menber_content .container aside .category-box ul li:last-child a{
	border-bottom:none;
}
.menber_content .container aside .category-box ul li a:hover{
	background-color:#F3F3F3;
	padding-left:35px;
}
.menber_content .container aside .category-box ul li a:before{
	content:"";
	height:0px;
	width:0px;
	border:solid 5px transparent;
	border-left:solid 5px #ff9c00;
	position:absolute;
	top:10px;
	left:10px;
}
.menber_content .container aside .category-box ul li a:hover:before{
	left:15px;
}
.menber_content .container aside .new-movie-box,
.menber_content .container aside .fab-movie-box,
.menber_content .container aside .dairy-movie-box{
	background-color:#fff;
	border-radius:10px 10px 0 0;
	margin-bottom:30px;
	box-shadow:0px 0px 10px 0px rgba(0,0,0,0.2);
	-moz-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.2);
	-webkit-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.2);
}
.menber_content .container aside .new-movie-box h2,
.menber_content .container aside .fab-movie-box h2{
	background-color:#ff9c00;
	color:#fff;
	border-radius:10px 10px 0 0;
	padding:7px 15px;
	letter-spacing:0.1em;
}
.menber_content .container aside .dairy-movie-box h2{
	background-color:#ff5454;
	color:#fff;
	border-radius:10px 10px 0 0;
	padding:7px 15px;
	letter-spacing:0.1em;
}
.menber_content .container aside .new-movie-box .box,
.menber_content .container aside .fab-movie-box .box,
.menber_content .container aside .dairy-movie-box .box{
	margin:0 20px;
	padding:20px 0;
	border-bottom:dashed 1px #ccc;
}
.menber_content .container aside .new-movie-box .box:last-child,
.menber_content .container aside .fab-movie-box .box:last-child,
.menber_content .container aside .dairy-movie-box .box:last-child{
	border-bottom:none;
}
.menber_content .container aside .new-movie-box .box h3,
.menber_content .container aside .fab-movie-box .box h3,
.menber_content .container aside .dairy-movie-box .box h3{
	font-size:14px;
	margin-top:10px;
}
.menber_content .container aside .new-movie-box .box h4,
.menber_content .container aside .fab-movie-box .box h4,
.menber_content .container aside .dairy-movie-box .box h4{
	font-size:18px;
}
	@media screen and (max-width: 640px) {
	.menber_content .container aside .new-movie-box .box h4,
	.menber_content .container aside .fab-movie-box .box h4,
	.menber_content .container aside .dairy-movie-box .box h4{
		font-size:14px;
	}
	}
.menber_content .container main .content-box{
	background-color:#fff;
	border-radius:10px 10px 0 0;
	box-shadow:0px 0px 10px 0px rgba(0,0,0,0.2);
	-moz-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.2);
	-webkit-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.2);
	padding:20px 20px 0;
}
.menber_content .container main .content-box .cat-btn-area{
	margin-bottom:20px;
}
	@media screen and (max-width: 640px) {
	.menber_content .container main .content-box .cat-btn-area{
		display:flex;
		justify-content:space-between;
		flex-wrap:wrap;
	}
	}
.menber_content .container main .content-box .cat-btn-area a{
	padding:5px 10px;
	margin-right:10px;
	color:#fff;
	font-size:14px;
}
	@media screen and (max-width: 640px) {
	.menber_content .container main .content-box .cat-btn-area a{
		margin:0px;
		display:block;
		width:49%;
		margin-bottom:5px;
	}
	.menber_content .container main .content-box .cat-btn-area a:first-child{
		width:100%;
	}
	}
.menber_content .container main .content-box .cat-btn-area a:nth-child(1){	background-color:#ff6666;}
.menber_content .container main .content-box .cat-btn-area a:nth-child(2){	background-color:#ff9900;}
.menber_content .container main .content-box .cat-btn-area a:nth-child(3){	background-color:#66cc00;}
.menber_content .container main .content-box .cat-btn-area a:nth-child(4){	background-color:#0099cc;}
.menber_content .container main .content-box .cat-btn-area a:nth-child(5){	background-color:#999999;}

.menber_content .container main .content-box .movie-area{
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-start;
}
.menber_content .container main .content-box .movie-area .movie-box{
	width:30%;
	margin-right:5%;
	border-top-style:solid;
	border-top-width:10px;
	margin-bottom:30px;
}
	@media screen and (max-width: 640px) {
	.menber_content .container main .content-box .movie-area .movie-box{
		width:100%;
		margin-right:0%;
		border-top-style:solid;
		border-top-width:10px;
		margin-bottom:40px;
	}
	}
.menber_content .container main .content-box .movie-area .movie-box.cat-01{border-top-color:#ff9900;}
.menber_content .container main .content-box .movie-area .movie-box.cat-02{border-top-color:#66cc00;}
.menber_content .container main .content-box .movie-area .movie-box.cat-03{border-top-color:#0099cc;}
.menber_content .container main .content-box .movie-area .movie-box.cat-04{border-top-color:#999999;}
.menber_content .container main .content-box .movie-area .movie-box.cat-05{border-top-color:#999999;}

.menber_content .container main .content-box .movie-area .movie-box:nth-child(3n){
	margin-right:0;
}
.menber_content .container main .content-box .movie-area .movie-box iframe{
	vertical-align:middle;
}
.menber_content .container main .content-box .movie-area .movie-box h3{
	font-size:12px;
	background-color:#eee;
	padding:10px 10px 3px;
}
.menber_content .container main .content-box .movie-area .movie-box h4{
	font-size:18px;
	background-color:#eee;
	padding:0px 10px;
}
.menber_content .container main .content-box .movie-area .movie-box p{
	font-size:14px;
	background-color:#eee;
	padding:8px 10px 10px;
	line-height:1.5em;
}
.menber_content .container main .content-box .movie-area .movie-box a{
	text-align:center;
	display:block;
	padding:10px 0px;
	color:#fff;
}
.menber_content .container main .content-box .movie-area .movie-box.cat-01 a{background-color:#ff9900;}
.menber_content .container main .content-box .movie-area .movie-box.cat-02 a{background-color:#66cc00;}
.menber_content .container main .content-box .movie-area .movie-box.cat-03 a{background-color:#0099cc;}
.menber_content .container main .content-box .movie-area .movie-box.cat-04 a{background-color:#999999;}
.menber_content .container main .content-box .movie-area .movie-box.cat-05 a{background-color:#999999;}

footer .content-01{
	padding:10px 0;
}
footer .content-01 ul{
	width:70%;
	margin:0 auto;
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
}
footer .content-01 ul li{
}
footer .content-01 ul li a{
	font-size:12px;
	color:#000;
	padding:0 10px;
	border-left:solid 1px #333;
}
footer .content-01 ul li:last-child a{
	border-right:solid 1px #333;
}
footer .content-01 ul li a:hover{
	color:#ff9c00;
}
@media screen and (max-width: 640px) {
footer .content-01 ul{
	width:100%;
	margin:0 auto;
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
}
footer .content-01 ul li{
	width:50%;
}
footer .content-01 ul li a{
    font-size: 10px;
    color: #fff;
    padding: 10px 10px;
    border: solid 1px #fff;
    display: block;
    background-color: #ff9900;
}
footer .content-01 ul li:last-child a{
    border: solid 1px #fff;
}
}
footer .content-02{
	background-color:#ff9c00;
}
footer .content-02 p{
	color:#fff;
	padding:10px 0;
	font-size:12px;
	text-align:center;
}
/*個別映像ページ*/
.menber_content .container main .content-box .movie-area .movie-page iframe{
	border-top-style:solid;
	border-top-width:10px;
}
.menber_content .container main .content-box .movie-area .movie-page.cat-01 iframe{border-top-color:#ff6666;}
.menber_content .container main .content-box .movie-area .movie-page.cat-02 iframe{border-top-color:#ff9900;}
.menber_content .container main .content-box .movie-area .movie-page.cat-03 iframe{border-top-color:#66cc00;}
.menber_content .container main .content-box .movie-area .movie-page.cat-04 iframe{border-top-color:#0099cc;}
.menber_content .container main .content-box .movie-area .movie-page.cat-05 iframe{border-top-color:#999999;}

.menber_content .container main .content-box .movie-area .movie-page h3{
	margin-top:10px;
	font-size:12px;
}
.menber_content .container main .content-box .movie-area .movie-page h4{
	border-left-style:solid;
	border-left-width:15px;
	font-size:18px;
	padding-left:5px;
	margin:5px 0 15px;
}
.menber_content .container main .content-box .movie-area .movie-page.cat-01 h4{border-left-color:#ff6666;}
.menber_content .container main .content-box .movie-area .movie-page.cat-02 h4{border-left-color:#ff9900;}
.menber_content .container main .content-box .movie-area .movie-page.cat-03 h4{border-left-color:#66cc00;}
.menber_content .container main .content-box .movie-area .movie-page.cat-04 h4{border-left-color:#0099cc;}
.menber_content .container main .content-box .movie-area .movie-page.cat-05 h4{border-left-color:#999999;}

.menber_content .container main .content-box .movie-area .movie-page p{
	font-size:14px;
	margin-bottom:20px;
}

/*マイページ*/
.menber_content .container main .content-box .mypage-area{
	padding-bottom:20px;
}
.menber_content .container main .content-box .mypage-area h2{
	font-size:20px;
	background-color:#ff9900;
	color:#fff;
	padding:5px 10px;
	margin-bottom:20px;
}
.menber_content .container main .content-box .mypage-area .fix-text{
	color:#f00;
	border:solid 1px #f00;
	padding:5px 10px;
	font-size:14px;
	margin-bottom:10px;
}
.menber_content .container main .content-box .mypage-area dl{
	width:100%;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
.menber_content .container main .content-box .mypage-area dl dt{
	width:25%;
	background-color:#eee;
	margin-bottom:10px;
	padding:10px;
}
.menber_content .container main .content-box .mypage-area dl dd{
	width:74%;
	border:solid 1px #eee;
	margin-bottom:10px;
	padding:10px;
}
.menber_content .container main .content-box .mypage-area .btn{
	background-color:#ff6666;
	padding:10px 30px;
	color:#fff;
	display:block;
	width:200px;
	text-align:center;
	margin:0 auto;
}
.menber_content .container main .content-box .mypage-area .btn{
	padding:10px 30px;
	color:#fff;
	display:inline-block;
	width:200px;
	text-align:center;
	margin:0 auto;
}
.menber_content .container main .content-box .mypage-area .btn.change{
	background-color:#ff6666;
}
.menber_content .container main .content-box .mypage-area .btn.drawal{
	background-color:#888;
}
.menber_content .container main .content-box .mypage-area dl dd a.plan-change-btn-1,
.menber_content .container main .content-box .mypage-area dl dd a.plan-change-btn-2{
	font-size: 12px;
    padding: 5px 10px;
    color: #fff;
    border-radius: 5px;
}

.menber_content .container main .content-box .mypage-area dl dd a.plan-change-btn-1{
    background-color: #ff6666;
}
.menber_content .container main .content-box .mypage-area dl dd a.plan-change-btn-2{
    background-color: #888;
}


/*非会員ページ 共通*/

body.main_content{
	background-image:url(../img/common/back_dot.jpg);
}
.main_content header{
	position:relative;
}
.main_content header .content01{
	justify-content:space-between;
	padding:10px 0;
	background-color:rgba(255,255,255,0.7);
	position:absolute;
	top:0;
	left:0;
}
.main_content header .content01 .rogo{
	width:150px;
}
@media screen and (max-width: 640px) {
.main_content header .content01{
	padding: 0;
}
.main_content header .content01 .rogo{
    width: 130px;
    padding: 5px 15px;
}
}
.main_content header .content01 .btn-area{
	width:840px;
	justify-content:flex-end;
	align-items: center;
	position:relative;
}
.main_content header .content01 .btn-area .brink-pass{
	position: absolute;
    bottom: -45px;
    right: 0;
    font-size: 12px;
    background-color: rgba(255, 252, 0, 0.5);
    padding: 5px 10px;
    color: #000;
}
.main_content header .content01 .btn-area .brink-pass:hover{
	    background-color: rgba(255, 252, 0, 1);
}
.main_content header .content01 .btn-area div{
}
.main_content header .content01 .btn-area div:last-child{
	margin-right:0px;
}
.main_content header .content01 .btn-area .btn-style-01 a,.main_content header .content01 .btn-area .btn-style-02{
    padding: 10px 30px;
    color: #fff;
    border-radius: 10px;
    display: block;
	border-bottom-style:solid;
	border-bottom-width:4px;
	font-size:14px;
}
.main_content header .content01 .btn-area .btn-style-01 a:hover,.main_content header .content01 .btn-area .btn-style-02 a:hover{
	border-bottom-width:0px;
	margin-top:4px;
}
.main_content header .content01 .btn-area .btn-style-01 a{
    background-color: #ff9c00;
	border-bottom-color:#bc7300;
}
.main_content header .content01 .btn-area .btn-style-02{
    background-color: #ff5454;
	border-bottom-color:#b23b3b;
}
.main_content header .content01 .btn-area .btn-style-02 input{
	border:none;
	background-color:#fff;
	margin-left:5px;
}
.main_content header .content02{
	height:300px;
	background-size:cover;
	background-position:center center;
}
@media screen and (max-width: 640px) {
.main_content header .content02{
	height:150px;
}
}
		/*ページ別スライド画像*/
		.main_content header .content02.service{background-image:url(../img/service/slide.jpg);}
		.main_content header .content02.what{background-image:url(../img/what/slide.jpg);}
		.main_content header .content02.personal{background-image:url(../img/personal/slide.jpg);}
		.main_content header .content02.access{background-image:url(../img/access/slide.jpg);}
		.main_content header .content02.contact{background-image:url(../img/contact/slide.jpg);}
		.main_content header .content02.personal{background-image:url(../img/personal/slide.jpg);}
		.main_content header .content02.voice{background-image:url(../img/voice/slide.jpg);}
@media screen and (max-width: 640px) {
		.main_content header .content02.personal{background-image:url(../img/personal/slide-sp.jpg);}
}
/*ページ別スライド画像*/

.main_content header .gnav ul{
	display:flex;
	justify-content:space-between;
	padding:20px 0;
}
.main_content header .gnav ul li{
    text-align: center;
	border-left:dashed 1px #ccc;
	width:10%;
	flex-grow:0.5;
}
.main_content header .gnav ul li:last-child{
	border-right:dashed 1px #ccc;
}
.main_content header .gnav ul li:nth-child(3),
.main_content header .gnav ul li:nth-child(4),
.main_content header .gnav ul li:nth-child(5){
	flex-grow:2;
}
.main_content header .gnav ul li a{
	padding:5px 10px;
	display:block;
	font-size:14px;
	color:#333;
}
.main_content header .gnav ul li a:hover{
	color:#fff;
	letter-spacing:0em;
}
.main_content header .gnav ul li:nth-child(1) a:hover{background-color:#ff6666;}
.main_content header .gnav ul li:nth-child(2) a:hover{background-color:#ff9900;}
.main_content header .gnav ul li:nth-child(3) a:hover{background-color:#ffe324;}
.main_content header .gnav ul li:nth-child(4) a:hover{background-color:#66cc00;}
.main_content header .gnav ul li:nth-child(5) a:hover{background-color:#0099cc;}
.main_content header .gnav ul li:nth-child(6) a:hover{background-color:#f699dd;}
.main_content header .gnav ul li:nth-child(7) a:hover{background-color:#666666;}
@media screen and (max-width: 640px) {
.main_content header .gnav ul{
	flex-wrap:wrap;
	padding:10px 0;
}
.main_content header .gnav ul li{
    width:50%;
	margin-bottom:10px;
	flex-grow:0;
}
.main_content header .gnav ul li a{
	padding:5px 10px;
	display:block;
	font-size:10px;
	color:#333;
}
.main_content header .gnav ul li:last-child{
	border-right:none;
}
.main_content header .gnav ul li:nth-child(even){
	border-right:dashed 1px #ccc;
}

}


/*非会員ページ*/
.main_content main .wrap .inner{
	padding:100px 0;
}
.main_content main .content01 img.title{
	width:482px;
	margin:0 auto;
	display:block;
}
@media screen and (max-width: 640px) {
	.main_content main .content01 img.title{
		width:100%;
		margin:0 auto;
	}
}
.main_content main .content01 img.reason{
	box-shadow:0px 0px 10px 0px rgba(0,0,0,0.2);
	-moz-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.2);
	-webkit-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.2);
	border-radius:20px;
	margin-top:100px;
}
.main_content main .content01 p{
	margin-top:30px;
	font-size:14px;
	line-height:1.7em;
}
.main_content main h2.title{
	background-color:#ff6666;
	color:#fff;
	font-size:50px;
	padding:30px 0;
	text-align:center;
	font-weight:600;
}
@media screen and (max-width: 640px) {
.main_content main .wrap .inner{
	padding:40px 0;
}
.main_content main h2.title{
	font-size:20px;
	padding:30px 10px;
}
}
.main_content main .content02 .lead-text p{
	font-size:16px;
	margin-left:30px;
	line-height:1.7em;
}
@media screen and (max-width: 640px) {
.main_content main .content02 .lead-text{
	flex-wrap:wrap;
}
.main_content main .content02 .lead-text div{
	width:100%;
}
.main_content main .content02 .lead-text div:first-child{
	text-align:center;
	margin-bottom:10px;
}
.main_content main .content02 .lead-text p{
	font-size:14px;
	margin-left:0px;
}
}
.main_content main .content02 .movie-sort{
	background-color:#fff;
	border-radius:10px;
	padding:100px 20px 20px;
	margin-top:50px;
	position:relative;
	box-shadow:0px 0px 10px 0px rgba(0,0,0,0.2);
	-moz-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.2);
	-webkit-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.2);
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #f5f5f5 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f5f5f5 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffffff 0%,#f5f5f5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=0 ); /* IE6-9 */
}
.main_content main .content02 .movie-sort h3{
	display:inline;
	position:absolute;
	top:20px;
	left:-20px;
    padding: 10px 20px 10px 40px;
	color:#fff;
	font-size:30px;
}
.main_content main .content02 .movie-sort h3:before{
	content:"";
	width:0px;
	height:0px;
	border:solid 10px transparent;
	position:absolute;
	top: 59px;
    left: 0px;
}
.main_content main .content02 .movie-sort p{
	font-size:16px;
	line-height:1.7em;
	margin-right:30px;
	text-align:justify;
}
.main_content main .content02 .movie-sort p span{
	font-size:1.3em;
}
@media screen and (max-width: 640px) {
	.main_content main .content02 .movie-sort .flex{
		flex-wrap:wrap;
	}
	.main_content main .content02 .movie-sort{
		background-color:#fff;
		border-radius:10px;
		padding:80px 20px 20px;
		margin-top:30px;
		position:relative;
	}
	.main_content main .content02 .movie-sort h3{
		display:inline;
		position:absolute;
		top:20px;
		left:0px;
		padding: 10px 20px 10px 40px;
		color:#fff;
		font-size:20px;
		width:100%;
	}
	.main_content main .content02 .movie-sort h3:before{
		content:"";
		width:0px;
		height:0px;
		border:none;
		position:absolute;
		top: 0px;
		left: 0px;
	}
	.main_content main .content02 .movie-sort p{
		font-size:12px;
		margin-right:0px;
	}
	.main_content main .content02 .movie-sort p span{
	}
}
.main_content main .content02 .movie-sort.cat-01 h3{background-color:#ff5454;}
.main_content main .content02 .movie-sort.cat-02 h3{background-color:#ff9900;}
.main_content main .content02 .movie-sort.cat-03 h3{background-color:#66cc00;}
.main_content main .content02 .movie-sort.cat-04 h3{background-color:#0099cc;}
.main_content main .content02 .movie-sort.cat-01 h3:before{border-top:solid 10px #AC3638; border-right:solid 10px #AC3638;}
.main_content main .content02 .movie-sort.cat-02 h3:before{border-top:solid 10px #b56f00; border-right:solid 10px #b56f00;}
.main_content main .content02 .movie-sort.cat-03 h3:before{border-top:solid 10px #64b20f; border-right:solid 10px #64b20f;}
.main_content main .content02 .movie-sort.cat-04 h3:before{border-top:solid 10px #00709a; border-right:solid 10px #00709a;}
.main_content main .content02 .movie-sort.cat-01 p span{color:#ff5454;}
.main_content main .content02 .movie-sort.cat-02 p span{color:#ff9900;}
.main_content main .content02 .movie-sort.cat-03 p span{color:#66cc00;}
.main_content main .content02 .movie-sort.cat-04 p span{color:#0099cc;}

@media screen and (max-width: 640px) {
	.main_content main .content02 .movie-sort.cat-01 h3:before{border:none;}
	.main_content main .content02 .movie-sort.cat-02 h3:before{border:none;}
	.main_content main .content02 .movie-sort.cat-03 h3:before{border:none;}
	.main_content main .content02 .movie-sort.cat-04 h3:before{border:none;}
}
.main_content main .content03 .lead-text{
	text-align:center;
}
.main_content main .content03 .course{
	margin-top:50px;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
.main_content main .content03 .course .box{
	width:48%;
	padding:80px 20px 20px;
	border-radius:10px;
	box-shadow:0px 0px 10px 0px rgba(0,0,0,0.2);
	-moz-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.2);
	-webkit-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.2);
	position:relative;
	margin-bottom:20px;
}
.main_content main .content03 .course .box:nth-child(1){background:url(../img/service/course-back-01.png) top left no-repeat #fff;}
.main_content main .content03 .course .box:nth-child(2){background:url(../img/service/course-back-02.png) top left no-repeat #fff;}
.main_content main .content03 .course .big-box{background:url(../img/service/course-back-03.png) top left no-repeat #66cc00;}

.main_content main .content03 .course .box h3{
	background-color:#66cc00;
	color:#fff;
	padding:7px 0px;
	font-size:22px;
	text-align:center;
	position:absolute;
	top:20px;
	left:0px;
	width:100%;
}
.main_content main .content03 .course .box p{
	margin-left:150px;
	font-size:14px;
}
.main_content main .content03 .course .box p.price{
	font-size:22px;
	font-weight:600;
	color:#ff9900;
}
.main_content main .content03 .course .box p.price span{
	font-size:36px;
}

.main_content main .content03 .course .big-box{
	width:100%;
	padding:80px 20px 20px;
	border-radius:10px;
	box-shadow:0px 0px 10px 0px rgba(0,0,0,0.2);
	-moz-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.2);
	-webkit-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.2);
	position:relative;
	margin-bottom:20px;
}
.main_content main .content03 .course .big-box h3{
	background-color:#fff;
	color:#66cc00;
	padding:7px 0px;
	font-size:22px;
	text-align:center;
	position:absolute;
	top:20px;
	left:0px;
	width:100%;
}
.main_content main .content03 .course .big-box p{
	margin-left:150px;
	font-size:20px;
	color:#fff;
}
.main_content main .content03 .course .big-box p .vl-down{
	font-size:50px;
	color:#ff0;
	font-weight:600;
}
.main_content main .content03 .course .big-box p.price{
	font-size:22px;
	font-weight:600;
	color:#fff;
}
.main_content main .content03 .course .big-box p.price span{
	font-size:36px;
}

@media screen and (max-width: 640px) {
.main_content main .content03 .course{
	flex-wrap:wrap;
}
.main_content main .content03 .course .box{
	width:100%;
	padding:80px 20px 20px;
	margin-bottom:20px;
}
.main_content main .content03 .course .box h3,
.main_content main .content03 .course .big-box h3{
	font-size:16px;
}
.main_content main .content03 .course .box p,
.main_content main .content03 .course .big-box p{
	margin-left:0px;
	font-size:14px;
}
.main_content main .content03 .course .box p.price,
.main_content main .content03 .course .big-box p.price{
	font-size:20px;
	font-weight:600;
	color:#000;
}
.main_content main .content03 .course .big-box p,
.main_content main .content03 .course .big-box p.price{
	text-align:right;
}

}
.main_content main .content03 img.table{
	margin-top:50px;
}
.main_content main .content04 .flow-sort{
	margin-top:50px;
	display:flex;
	justify-content:space-between;
}
.main_content main .content04 .flow-sort .box{
	width:48%;
	padding:80px 20px 20px;
	border-radius:10px;
	box-shadow:0px 0px 10px 0px rgba(0,0,0,0.2);
	-moz-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.2);
	-webkit-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.2);
	position:relative;
	background-color:#fff;
}
.main_content main .content04 .flow-sort .box h3{
	background-color:#66cc00;
	color:#fff;
	padding:7px 0px;
	font-size:22px;
	text-align:center;
	position:absolute;
	top:20px;
	left:0px;
	width:100%;
}
.main_content main .content04 .flow-sort .box p{
	font-size:14px;
}
.main_content main .content04 .flow-sort .box img{
	margin-top:20px;
}
.main_content main .content04 img.flow-movie{
	margin-top:50px;
}
@media screen and (max-width: 640px) {
.main_content main .content04 .flow-sort{
	margin-top:10px;
	flex-wrap:wrap;
}
.main_content main .content04 .flow-sort .box{
	width:100%;
	margin-bottom:20px;
}
}
.main_content main .content05 .profile-lead{
	display:flex;
}
.main_content main .content05 .profile-lead .photo{
}
.main_content main .content05 .profile-lead .text{
	margin-left:30px;
}
.main_content main .content05 .profile-lead .text h3{
	font-size:24px;
	font-weight:500;
}
.main_content main .content05 .profile-lead .text h4{
	font-size:38px;
	font-weight:500;
	margin-bottom:20px;
}
.main_content main .content05 .profile-lead .text p{
	font-size:14px;
}
.main_content main .content05 .profile h3{
	border-left:solid 10px #ff5454;
	border-bottom:solid 2px #ff5454;
	font-size:20px;
	font-weight:400;
	padding:5px 20px 5px 10px;
	display:inline-block;
	margin-top:50px;
}
.main_content main .content05 .profile p{
	font-size:14px;
	margin-top:5px;
}
.main_content main .content05 .profile-lead a{
	color: #fff;
    background-color: #ff5454;
    padding: 5px;
    display: inline-block;
    margin: 5px 0px;
}
.main_content main .content05 .profile-lead a:hover{
}
@media screen and (max-width: 640px) {
.main_content main .content05 .profile-lead{
	display:flex;
	flex-wrap:wrap;
}
.main_content main .content05 .profile-lead .photo{
	width:100%;
	text-align:center;
}
.main_content main .content05 .profile-lead .text{
	width:100%;
	margin-left:0px;
}
.main_content main .content05 .profile-lead .text h3{
	font-size:16px;
	font-weight:500;
	margin-top:20px;
}
.main_content main .content05 .profile-lead .text h4{
	font-size:20px;
	font-weight:500;
	margin-bottom:20px;
}
.main_content main .content05 .profile-lead .text p{
	font-size:12px;
}
.main_content main .content05 .profile p{
	font-size:12px;
	margin-top:5px;
}
.main_content main .content05 .profile h3{
	font-size:16px;
}
}

.main_content main .content06 .voice{
	display:flex;
	border-bottom:dashed 1px #ff5454;
	padding:30px 0;
	align-items:center;
}
.main_content main .content06 .voice .photo{
	margin-right:50px;
}
.main_content main .content06 .voice .text{
	font-size:14px;
}

@media screen and (max-width: 640px) {
.main_content main .content06 .voice{
	display:flex;
	flex-wrap:wrap;
}
.main_content main .content06 .voice .photo{
	margin-right:0px;
	width:100%;
	text-align:center;
	margin-bottom:20px;
}
.main_content main .content06 .voice .text{
	font-size:12px;
	width:100%;
}
}

.main_content main .content07 .course{
	margin-top:50px;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
.main_content main .content07 .course .box{
	width:48%;
	padding:80px 20px 20px;
	border-radius:10px;
	box-shadow:0px 0px 10px 0px rgba(0,0,0,0.2);
	-moz-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.2);
	-webkit-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.2);
	position:relative;
	margin-bottom:20px;
}
.main_content main .content07 .course .box:nth-child(1){background:url(../img/service/course-back-01.png) top left no-repeat #fff;}
.main_content main .content07 .course .box:nth-child(2){background:url(../img/service/course-back-02.png) top left no-repeat #fff;}

.main_content main .content07 .course .box h3{
	background-color:#66cc00;
	color:#fff;
	padding:7px 0px;
	font-size:22px;
	text-align:center;
	position:absolute;
	top:20px;
	left:0px;
	width:100%;
}
.main_content main .content07 .course .box p{
	margin-left:150px;
	font-size:14px;
}
.main_content main .content07 .course .box p.price{
	font-size:22px;
	font-weight:600;
	color:#ff9900;
}
.main_content main .content07 .course .box p.price span{
	font-size:36px;
}
.main_content main .content07 .course .big-box{
	width:100%;
	padding:80px 20px 20px;
	border-radius:10px;
	box-shadow:0px 0px 10px 0px rgba(0,0,0,0.2);
	-moz-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.2);
	-webkit-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.2);
	position:relative;
	margin-bottom:20px;
}
.main_content main .content07 .course .big-box h3{
	background-color:#fff;
	color:#66cc00;
	padding:7px 0px;
	font-size:22px;
	text-align:center;
	position:absolute;
	top:20px;
	left:0px;
	width:100%;
}
.main_content main .content07 .course .big-box p{
	margin-left:150px;
	font-size:20px;
	color:#fff;
}
.main_content main .content07 .course .big-box p .vl-down{
	font-size:50px;
	color:#ff0;
	font-weight:600;
}
.main_content main .content07 .course .big-box p.price{
	font-size:22px;
	font-weight:600;
	color:#fff;
}
.main_content main .content07 .course .big-box p.price span{
	font-size:36px;
}
.main_content main .content07 .course .big-box{background:url(../img/service/course-back-03.png) top left no-repeat #66cc00;}

@media screen and (max-width: 640px) {
.main_content main .content07 .course{
	flex-wrap:wrap;
}
.main_content main .content07 .course .box{
	width:100%;
	padding:80px 20px 20px;
	margin-bottom:20px;
}
.main_content main .content07 .course .box h3,.main_content main .content07 .course .big-box h3{
	font-size:16px;
}
.main_content main .content07 .course .box p,.main_content main .content07 .course .big-box p{
	margin-left:0px;
	font-size:14px;
}
.main_content main .content07 .course .box p.price,.main_content main .content07 .course .big-box p.price{
	font-size:20px;
	font-weight:600;
	color:#000;
}
.main_content main .content07 .course .big-box p, .main_content main .content07 .course .big-box p.price {
    text-align: right;
}
}

.main_content main .content07 .check-text{
	margin-top:30px;
}
.main_content main .content07 .conv-btn{
	text-align:center;
}

/*トップページ*/
.index main .btn-style-01,
.index main .btn-style-02,
.index main .btn-style-03{
	text-align:center;
	margin-top:30px;
}
.index main .btn-style-01 a,
.index main .btn-style-02 a,
.index main .btn-style-03 a{
    padding: 10px 30px;
    color: #fff;
    border-radius: 10px;
    display: inline-block;
	border-bottom-style:solid;
	border-bottom-width:4px;
	font-size:26px;
}
@media screen and (max-width: 640px) {
.index main .btn-style-01 a,
.index main .btn-style-02 a,
.index main .btn-style-03 a{
	font-size:14px;
}
}
.index main .btn-style-01 a:hover,
.index main .btn-style-02 a:hover,
.index main .btn-style-03 a:hover{
	border-bottom-width:0px;
	margin-top:4px;
}
.index main .btn-style-01 a{
    background-color: #ff9c00;
	border-bottom-color:#bc7300;
}
.index main .btn-style-02 a{
    background-color: #66cc00;
	border-bottom-color:#64b20f;
}

.index header .content02.youtube-slide-big{
	height:600px;
	overflow:hidden;
	display:flex;
	align-items:center;
	width:100%;
}
.index header .content02.youtube-slide-big .youtube-slide{
	width:100%;
	height:130vh;
}
@media screen and (max-width: 640px) {
.index header .content02.youtube-slide-big{
	height:auto;
	overflow:hidden;
	display:flex;
	align-items:center;
	width:100%;
	padding-top:150px;
}
.index header .content02.youtube-slide-big .youtube-slide{
	width:100%;
	height:32vh;
}
}
.index .content01 .lead-text{
	text-align:center;
}
.index .content01 .lead-text p{
	font-size:20px;
	width:100%;
	text-align:center;
	font-weight:200;
}
.index .content01 .lead-text p span{
	font-size:26px;
	font-weight:500;
	color:#ff9900;
}
@media screen and (max-width: 640px) {
.index .content01 .lead-text p{
	font-size:16px;
	text-align:left;
}
}
.index .content01 img.why,
.what .content01 img.why,
.personal .content01 img.why{
	box-shadow:0px 0px 10px 0px rgba(0,0,0,0.2);
	-moz-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.2);
	-webkit-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.2);
	border-radius:20px;
	margin-top:50px;
}
.index .content02 .service-sort{
	display:flex;
	justify-content:space-between;
}
.index .content02 .service-sort > div{
	width:48%;
	border:solid 3px #ff9c00;
	padding:60px 20px 20px;
	position:relative;
	border-radius:10px;
	background-color:#fff;
	box-shadow:0px 0px 10px 0px rgba(0,0,0,0.2);
	-moz-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.2);
	-webkit-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.2);
}
.index .content02 .service-sort > div h3{
	background-color:#ff9c00;
	padding:10px;
	font-size:20px;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	color:#fff;
	text-align:center;
}
.index .content02 .service-sort > div p{
	font-size:14px;
}
.index .content02 .service-sort > div p span{
	font-size:20px;
	color:#ff9c00;
	line-height:1.7em;
	font-weight:500;
}
@media screen and (max-width: 640px) {
.index .content02 .service-sort{
	flex-wrap:wrap;
}
.index .content02 .service-sort > div{
	width:100%;
	margin-bottom:20px;
}
.index .content02 .service-sort > div h3{
	font-size:14px;
}
.index .content02 .service-sort > div p{
	font-size:12px;
}
.index .content02 .service-sort > div p span{
	font-size:14px;
}
}

.index .content02 .service-sort > div:last-child{border:solid 3px #66cc00;}
.index .content02 .service-sort > div:last-child h3{background-color:#66cc00;}
.index .content02 .service-sort > div:last-child p span{color:#66cc00;}

/*バネトレとは？*/

.main_content.what main .content02 {
	text-align:center;
}
.main_content.what main .content02 .lead-text{
	text-align:center;
	line-height:2em;
}
@media screen and (max-width: 640px) {
.main_content.what main .content02 .lead-text{
	text-align:justify;
	font-size:14px;
}
}
.main_content.what main .content02 h3{
	background-color:#0099cc;
	padding:10px 40px;
	color:#fff;
	font-size:24px;
	display:inline-block;
	margin-top:30px;
}
@media screen and (max-width: 640px) {
	.main_content.what main .content02 h3{
		padding:10px 10px;
		font-size:20px;
	}
}
.main_content.what main .content02 img{
	margin-top:30px;
}
.main_content.what main .content02 .main-text{
	font-size:16px;
	line-height:1.7em;
}
.main_content.what main .content02 .main-text span{
	font-size:1.5em;
	color:#ff9c00;
	font-weight:500;
}
.main_content.what main .content03 .lead-text{
	text-align:left;
	line-height:1.7em;
	margin-bottom:30px;
	font-size:16px;
}
.main_content.what main .content03 img{
	margin-bottom:30px;
}
@media screen and (max-width: 640px) {
	.main_content.what main .content03 img{
		float: none;
		width: 100%;
		margin-bottom:10px;
	}
	.main_content.what main .content02 .main-text{
		font-size:12px;
		line-height:1.7em;
		text-align:justify;
	}
	.main_content.what main .content02 .main-text span{
		font-size:1.5em;
		color:#ff9c00;
		font-weight:500;
	}
	.main_content.what main .content03 .lead-text{
		text-align:left;
		line-height:1.7em;
		margin-bottom:30px;
		font-size:12px;
	}
}
.main_content.what main .content03 .main-text{
	font-size:16px;
	line-height:1.7em;
}
.main_content.what main .content03 .main-text span{
	font-size:1.5em;
	color:#ff9c00;
	font-weight:500;
}
@media screen and (max-width: 640px) {
	.main_content.what main .content03 .main-text{
		font-size:12px;
		line-height:1.7em;
	}
}
.main_content.what main .content03 .btn-area{
	display:flex;
	justify-content:space-around;
	margin-top:30px;
}
.main_content.what main .content03 .btn-style-01 a,
.main_content.what main .content03 .btn-style-02 a,
.main_content.personal main .content03 .btn-style-01 a{
    padding: 10px 30px;
    color: #fff;
    border-radius: 10px;
    display: block;
	border-bottom-style:solid;
	border-bottom-width:4px;
	font-size:26px;
}
.main_content.what main .content03 .btn-style-01 a:hover,
.main_content.what main .content03 .btn-style-02 a:hover,
.main_content.personal main .content03 .btn-style-01 a:hover{
	border-bottom-width:0px;
	margin-top:4px;
}
.main_content.what main .content03 .btn-style-01 a,
.main_content.personal main .content03 .btn-style-01 a{
    background-color: #ff9c00;
	border-bottom-color:#bc7300;
}
.main_content.what main .content03 .btn-style-02 a,
.main_content.personal main .content03 .btn-style-02 a{
	background-color: #66cc00;
    border-bottom-color: #64b20f;
}
@media screen and (max-width: 640px) {
	.main_content.what main .content03 .btn-area{
		flex-wrap:wrap;
	}
	.main_content.what main .content03 .btn-style-01 a,
	.main_content.what main .content03 .btn-style-02 a,
	.main_content.personal main .content03 .btn-style-01 a{
		padding: 10px 10px;
		font-size:16px;
		margin-bottom:10px;
	}
	.main_content.what main .content03 .btn-style-01 a:hover,
	.main_content.what main .content03 .btn-style-02 a:hover,
	.main_content.personal main .content03 .btn-style-01 a:hover{
		border-bottom-width:0px;
		margin-top:4px;
	}
	.main_content.what main .content03 .btn-style-01 a,
	.main_content.personal main .content03 .btn-style-01 a{
		background-color: #ff9c00;
		border-bottom-color:#bc7300;
	}
	.main_content.what main .content03 .btn-style-02 a,
	.main_content.personal main .content03 .btn-style-02 a{
		background-color: #66cc00;
		border-bottom-color: #64b20f;
	}
}
.main_content.what main .content04 .profile-lead{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
.main_content.what main .content04 .profile-lead .photo{
	width:30%;
}
.main_content.what main .content04 .profile-lead .text{
	width:65%;
}
@media screen and (max-width: 640px) {
	.main_content.what main .content04 .profile-lead .photo{
		width:100%;
	}
	.main_content.what main .content04 .profile-lead .text{
		width:100%;
		margin-top:20px;
	}
}
.main_content.what main .content04 .profile-lead .text h3{
	font-size:24px;
	font-weight:500;
	color:#66cc00;
	margin-bottom:10px;
}
.main_content.what main .content04 .profile-lead .text h4{
	font-size:38px;
	font-weight:500;
	margin-bottom:20px;
}
.main_content.what main .content04 .profile-lead .text p{
	font-size:14px;
}
@media screen and (max-width: 640px) {
	.main_content.what main .content04 .profile-lead .text h3{
		font-size:16px;
		font-weight:500;
		color:#66cc00;
		margin-bottom:10px;
	}
	.main_content.what main .content04 .profile-lead .text h4{
		font-size:20px;
		font-weight:500;
		margin-bottom:20px;
	}
	.main_content.what main .content04 .profile-lead .text p{
		font-size:12px;
	}
}
.main_content.what main .content04 .profile-lead .profile-detail{
	text-align:left;
}
.main_content.what main .content04 .profile-lead .profile-detail h3{
	background-color:#66cc00;
	color:#fff;
	padding:5px 10px;
	margin-top:30px;
	margin-bottom:5px;
}
.main_content.what main .content04 .profile-lead .profile-detail p{
	font-size:14px;
}


/*パーソナルトレーニング*/
.main_content.personal main .content01 .program{
	margin-top:50px;
}
.main_content.personal main .content02 .point-box{
	margin-top:100px;
	text-align:center;
}
.main_content.personal main .content02 .point-box:first-child{
	margin-top:0px;
}
.main_content.personal main .content02 .point-box h3{
	background-color:#ff9c00;
	padding:10px 30px;
	color:#fff;
	font-size:28px;
	display:inline-block;
	border-radius:10px;
}
.main_content.personal main .content02 .point-box img{
}
.main_content.personal main .content02 .point-box p{
	font-size:16px;
	line-height:1.7em;
	text-align:justify;
}
@media screen and (max-width: 640px) {
.main_content.personal main .content02 .point-box h3{
	padding:10px 10px;
	color:#fff;
	font-size:20px;
	display:inline-block;
	border-radius:10px;
}
.main_content.personal main .content02 .point-box p{
	font-size:14px;
	line-height:1.7em;
	text-align:justify;
}
}
.main_content.personal main .content03 .summary{
	text-align:center;
}
.main_content.personal main .content03 .summary .box1,
.main_content.personal main .content03 .summary .box2,
.main_content.personal main .content03 .summary .box3{
	display:flex;
	justify-content:space-between;
	text-align:left;
}
.main_content.personal main .content03 .summary .box1{
}
.main_content.personal main .content03 .summary .box1 div:nth-child(1){width:42%;}
.main_content.personal main .content03 .summary .box1 div:nth-child(2){width:55%;}
.main_content.personal main .content03 .summary .box1 p{
	font-size:14px;
}
.main_content.personal main .content03 .summary .box1 p span{
	font-size:1.3em;
	color:#66cc00;
}
.main_content.personal main .content03 .summary .box1 img{
}
.main_content.personal main .content03 .summary .box2{
	margin-top:100px;
}
.main_content.personal main .content03 .summary .box2 div:nth-child(1){width:27%;}
.main_content.personal main .content03 .summary .box2 div:nth-child(2){width:70%;}
.main_content.personal main .content03 .summary .box2 h3{
	background-color:#66cc00;
	border-radius:10px;
	padding:5px 30px;
	color:#fff;
	display:inline-block;
}
.main_content.personal main .content03 .summary .box2 h4{
	margin-top:10px;
	font-size:20px;
}
.main_content.personal main .content03 .summary .box2 h5{
	font-size:34px;
	font-weight:500;
}
.main_content.personal main .content03 .summary .box2 p{
	font-size:14px;
	margin-top:10px;
}
.main_content.personal main .content03 .summary .box2 img{
}
.main_content.personal main .content03 .summary .box3{
    background-color: #ff0;
    padding: 20px;
	margin-top:50px;
}
.main_content.personal main .content03 .summary .box3 div:nth-child(1){width:40%;}
.main_content.personal main .content03 .summary .box3 div:nth-child(2){width:58%;}
.main_content.personal main .content03 .summary .box3 h2{
    background-color: #66cc00;
    color: #fff;
    padding: 10px;
    font-size: 20px;
    font-weight: 400;
}
.main_content.personal main .content03 .summary .box3 p{
	font-size:14px;
}
.main_content.personal main .content03 .summary .box3 h3{
    font-size: 50px;
    font-weight: 600;
    color: #ff9c00;
}
@media screen and (max-width: 640px) {
.main_content.personal main .content03 .summary .box1,
.main_content.personal main .content03 .summary .box2,
.main_content.personal main .content03 .summary .box3{
	flex-wrap:wrap;
}
.main_content.personal main .content03 .summary .box3{
	flex-direction:column-reverse;
}
.main_content.personal main .content03 .summary .box1 div:nth-child(1){width:100%;}
.main_content.personal main .content03 .summary .box1 div:nth-child(2){width:100%;}
.main_content.personal main .content03 .summary .box2{
	margin-top:40px;
}
.main_content.personal main .content03 .summary .box2 div:nth-child(1){width:100%;}
.main_content.personal main .content03 .summary .box2 div:nth-child(2){width:100%;}
.main_content.personal main .content03 .summary .box2 h3{
	padding:10px 0px;
	display:block;
	width:100%;
	margin-top:10px;
	text-align:center;
}
.main_content.personal main .content03 .summary .box2 h4{
	margin-top:10px;
	font-size:16px;
}
.main_content.personal main .content03 .summary .box2 h5{
	font-size:22px;
	font-weight:500;
}
.main_content.personal main .content03 .summary .box2 p{
	font-size:14px;
	margin-top:10px;
}
.main_content.personal main .content03 .summary .box3 div:nth-child(1){width:100%;}
.main_content.personal main .content03 .summary .box3 div:nth-child(2){width:100%;}
.main_content.personal main .content03 .summary .box3 h2{
    font-size: 16px;
}
.main_content.personal main .content03 .summary .box3 p{
	font-size:12px;
}
.main_content.personal main .content03 .summary .box3 h3{
    font-size: 30px;
}

}
.main_content.personal main .content03 .btn-area{
	text-align:center;
	width:70%;
	display:inline-block;
	margin-top:50px;
}
@media screen and (max-width: 640px) {
.main_content.personal main .content03 .btn-area{
	text-align:center;
	width:100%;
	display:inline-block;
	margin-top:50px;
}
}




/*アクセス*/
.access .content01 .inner h3{
	margin-bottom:30px;
	background-color:#ff9c00;
	padding:10px 20px;
	font-size:18px;
	display:inline-block;
	color:#fff;
	border-radius:20px;
}
.access .content01 .inner h4{
    font-size: 20px;
    color: #ff9c00;
}
.access .content01 .inner p{
    line-height: 1.5em;
    margin-top: 0;
    margin-bottom: 30px;
}
.access .content02 .inner {
	text-align:left;
}
.access .content02 .inner h3{
	font-size:18px;
	border-left:solid 5px #ff9c00;
	border-bottom:dashed 1px #ff9c00;
	padding:5px 0px 5px 10px;
	margin-top:30px;
}
.access .content02 .inner p{
	font-size:14px;
}
.access .content03 .inner {
	text-align:left;
}
.access .content03 .inner dl{
	width:100%;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
.access .content03 .inner dl dt{
	width:20%;
	background-color:#FFD0D1;
	padding:10px;
	margin-bottom:10px;
	font-size:12px;
}
.access .content03 .inner dl dd{
	width:79%;
	background-color:#eee;
	padding:10px;
	margin-bottom:10px;
	font-size:12px;
}

/*よくあるご質問*/
.voice .content07 .qanda{
}
.voice .content07 .qanda dl{
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-end;
	align-items:center;
}
.voice .content07 .qanda dl dt{
	position:relative;
	width:100%;
	min-height:60px;
	padding:15px 0px 0px 60px;
	line-height:1.6em;
}
.voice .content07 .qanda dl dd{
	position:relative;
	width:100%;
	min-height:60px;
	padding:15px 0px 0px 60px;
	line-height:1.6em;
	margin-bottom:50px;
}
.voice .content07 .qanda dl dt:before{
	content:"Ｑ";
	font-size:26px;
	position:absolute;
	top:5px;
	left:0;
	color:#fff;
	background-color:#66cc00;
	border-radius:30px;
	padding:10px;
}
.voice .content07 .qanda dl dd:before{
	content:"Ａ";
	font-size:26px;
	position:absolute;
	top:5px;
	left:0;
	color:#fff;
	background-color:#ff9900;
	border-radius:30px;
	padding:10px;
}
.voice .content07 .qanda dl a.qanda-link{
	background-color:#ff5454;
	color:#fff;
	padding:5px 20px;
	margin-top:-40px;
	font-size:12px;
}
.voice .content07 .qanda dl a.qanda-link:hover{
	background-color:#AC3638;
}

/*採用情報*/
.recruit .content01{
}
.recruit .content01 .read-text{
	display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
	margin-bottom: 30px;
}
.recruit .content01 .read-text .text{
	width: 65%;
    background-color: #fff;
    border-radius: 10px;
    border: solid 10px #81dd30;
    padding: 20px;
    text-align: left;
}
.recruit .content01 .read-text .text p{
	font-size: 18px;
	line-height: 1.6em;
	margin-top: 0px;
}
.recruit .content01 .read-text .icon{
	width: 30%;
}
.recruit .content01 h3{
    background-color: #81dd30;
    display: inline-block;
    padding: 10px 30px;
    font-size: 30px;
    color: #fff;
    border-radius: 10px;
    font-weight: 600;
}
.recruit .content01 table{
	margin: 50px 0px;
	width: 100%;
}
.recruit .content01 table tr{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.recruit .content01 table tr th{
	width: 20%;
    background-color: #fd9827;
    margin-bottom: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
	color: #fff;
}
.recruit .content01 table tr td{
	width: 80%;
    background-color: #fff;
    margin-bottom: 5px;
    border: solid 1px #ccc;
    padding: 20px;
    text-align: left;
    font-size: 14px;
    font-weight: 200;
	line-height: 1.6em;
}
.recruit .content01 table tr td span{
	color: #fd9827;
}
	@media screen and (max-width: 640px) {
	.recruit .content01 .read-text .text{
		width: 100%;
		margin-bottom: 20px;
	}
	.recruit .content01 .read-text .text p{
	font-size: 14px;
	}
	.recruit .content01 .read-text .icon{
		width: 100%;
		max-width: 300px;
		margin: 0 auto;
	}
	}

/*お問い合わせ*/
#formWrap {
	width:700px;
	margin:0 auto;
	color:#555;
	line-height:120%;
	font-size:90%;
}
table.formTable{
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
}
table.formTable td,table.formTable th{
	border:1px solid #ccc;
	padding:10px;
}
table.formTable th{
	width:30%;
	font-weight:normal;
	background:#efefef;
	text-align:left;
}

/*会員登録ページ*/
.regist dl{
	width:100%;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	margin:50px 0 0;
	text-align:left;
}
.regist dl dt{
	width:25%;
	text-align:left;
	padding:10px;
	background-color:#eee;
	margin-bottom:20px;
}
.regist dl dt span{
	font-size:0.8em;
	padding:2px 7px;
	background-color:#f00;
	color:#fff;
	margin-left:30px;
}
.regist dl dd{
	width:73%;
	padding:10px;
	border:solid 1px #ddd;
	background-color:#fff;
	margin-bottom:20px;
}
.regist .alart-point{
	text-align:left;
	color:#f00;
	margin:10px 0px 0px !important;
	font-size:12px !important;
	line-height:1.4em !important;
}
.regist dl dd input{
	width:100%;
	min-height:30px;
	border:solid 1px #eee;
}
.regist dl dd input.radio{
	width:10px;
}
.regist dl dd input.limit{
	width:10%;
}
.regist a.submit{
	font-size:20px;
	background-color:#ff5454;
	color:#fff;
	padding: 10px 30px;
}
.regist a.submit:hover{
	background-color:#b23b3b;
}
.regist p.credit,.settlement p.credit{
    display: inline;
    background-color: #ff9900;
    padding: 5px 15px;
    color: #fff;
}

/*決済有無ページ*/
.settlement dl{
	width:100%;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	margin:20px 0;
	text-align:left;
}
.settlement dl dt{
	width:25%;
	text-align:left;
	padding:10px;
	background-color:#eee;
	margin-bottom:20px;
}
.settlement dl dt span{
	font-size:0.8em;
	padding:2px 7px;
	background-color:#f00;
	color:#fff;
	margin-left:30px;
}
.settlement dl dd{
	width:73%;
	padding:10px;
	border:solid 1px #ddd;
	background-color:#fff;
	margin-bottom:20px;
}
.settlement dl dd input{
	width:100%;
	min-height:30px;
	border:solid 1px #eee;
}
.settlement dl dd input.radio{
	width:10px;
}
.settlement dl dd input.limit{
	width:10%;
}
.settlement a.submit{
	font-size:20px;
	background-color:#ff5454;
	color:#fff;
	padding: 10px 30px;
}
.settlement a.submit:hover{
	background-color:#b23b3b;
}
.settlement p.credit,.settlement p.credit{
    display: inline;
    background-color: #ff9900;
    padding: 5px 15px;
    color: #fff;
}



/*仮登録ページ*/

.line{
	height:8px;
	background-image:url(../img/common/line.jpg);
}

#formWrap {
	width:700px;
	margin:100px auto 0;
	color:#555;
	line-height:120%;
	font-size:90%;
}
#formWrap h3{
	font-size:30px;
	border-left:solid 10px #e97163;
	padding-left:10px;
}
table.formTable{
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
}
table.formTable td,table.formTable th{
	border:1px solid #ccc;
	padding:15px 10px;
	text-align:left;
}
table.formTable td input,table.formTable th input{
	width:60%;
}
table.formTable td input.ymd,table.formTable th input.ymd{
	width:50px;
	margin-right:5px;
}
table.formTable td input.sex,table.formTable th input.sex{
	width:15px;
}
table.formTable th{
	width:30%;
}
table.formTable th{
	width:20%;
	font-weight:normal;
	background:#efefef;
	text-align:left;
}
@media screen and (max-width: 640px) {
#formWrap {
	width:100%;
	margin:100px auto 0;
	color:#555;
	line-height:120%;
	font-size:90%;
}
#formWrap h3{
	font-size:30px;
	border-left:solid 10px #e97163;
	padding-left:10px;
}
table.formTable{
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
}
table.formTable td,table.formTable th{
	border:1px solid #ccc;
	padding:10px 10px;
	text-align:left;
	display:block;
	width:100%;
	font-size:14px;
}
table.formTable td input,table.formTable th input,table.formTable td select,table.formTable td textarea{
	width:70%;
	border:solid 1px #ccc;
}
table.formTable td input.ymd,table.formTable th input.ymd{
	width:50px;
	margin-right:5px;
}
table.formTable td input.sex,table.formTable th input.sex{
	width:15px;
}
table.formTable th{
}
table.formTable th{
	font-weight:normal;
	background:#efefef;
	text-align:left;
}
form p input{
	border: solid 1px #ccc;
    padding: 10px 20px;
    font-size: 16px;
}
}
/*スマホドロワーメニュー*/
.drawer-menu{
}
.drawer-menu li{
}
.drawer-menu li a{
	display: block;
    color: #fff;
    padding: 15px 0;
    text-align: center;
    font-size: 14px;
    border-bottom: dashed 1px #fff;
}
.drawer-menu li.sp-login-area{
	padding:10px;
}
.drawer-menu li.sp-login-area form{
}
.drawer-menu li.sp-login-area form .login{
}
.drawer-menu li.sp-login-area form .login-id{
    height: 30px;
    margin: 10px 10px 5px;
    width: 70% !important;
}
.drawer-menu li.sp-login-area form .login-pass{
    height: 30px;
    margin: 5px 10px 10px;
    width: 70% !important;
}
.drawer-menu li.sp-login-area form .login-submit{
	background-color: #e97163;
    border: none;
	color:#fff;
    padding: 20px 0;
    width: 48%;
	border-radius:5px;
}
.drawer-menu li.sp-login-area form .login-new{
	background-color: #fff;
    border: none;
    padding: 20px 0;
    width: 48%;
	border-radius:5px;
}
.loginform-02{
	background-color:#ff9900;
	padding:10px;
}
.loginform-02 form{
}
.loginform-02 form .login{
}
.loginform-02 form .login-id{
    height: 30px;
    margin: 10px 10px 5px;
    width: 30% !important;
}
.loginform-02 form .login-pass{
    height: 30px;
    margin: 5px 10px 10px;
    width: 30% !important;
}
.loginform-02 form .login-submit{
	background-color: #e97163;
    border: none;
	color:#fff;
    padding: 10px 0;
    width: 48%;
	border-radius:5px;
}
.loginform-02 form .login-new{
	background-color: #fff;
    border: none;
    padding: 10px 0;
    width: 48%;
	border-radius:5px;
}
.drawer-box{
    height: 50px;
    background-color: #fff;
    position: fixed;
    width: 100%;
    border-bottom: solid 2px #ff9900;
	z-index:100;
}
.newregist-pc{
	position:fixed;
	bottom:100px;
	right:10px;
	text-align:right;
	z-index:100;
}
.newregist-pc img{
	width:80%;
}
.newregist-pc img:hover{
	padding-bottom:10px;
}
.lineat-pc{
	position:fixed;
	bottom:10px;
	right:10px;
	text-align:right;
	z-index:100;
}
.lineat-pc img{
	width:80%;
}
.lineat-pc img:hover{
	padding-bottom:10px;
}
.lineat-sp{
	padding:0px 0px 10px;
	background-color:#00c300;
	text-align:center;
	font-size:16px;
	border-bottom:none;
}
.sell-point{
    position: absolute;
    width: 200px;
    top: 90px;
    left: 30px;
}
.sell-point-sp{
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
    background: #ff9900;
    padding-top: 5px;
    text-align: center;
    color: #fff;
    font-size: 26px;
    height: 55px;
}
.gnav{
	position: relative;
    padding-top: 60px;
}





/* 2018.12追加 */
/* service.html */
.wrap.content01 iframe.pickup {
    margin-top: 7vw;
    height:600px;
    width:100%;
    max-width:100vw;
    max-height:75vw;
}
.wrap.content01 p.pickup {
    margin-top: 10px;
}

div.personalfree{
	display:flex;
	justify-content: center;
	align-items: center;
    margin-top: 30px;
}
a.personalfree {
    display: inline-block;
}
img.personalfree1{
	height:120px;
	margin-left:auto;
}


/* 2019.1追加 */
/* contact2.php */
ul.error_list {
    border: solid 2px red;
    border-radius: 5px;
    margin: 5px;
    padding: 5px;
    color: red;
}
ul.error_list li{
	display: list-item;
}
#contact2 textarea{
	width:60%;
}