@charset "UTF-8";
/* CSS Document */
html, body, div, header, footer, section, article, nav, h1, h2, h3, h4, h5, h6, p, ul, ol, li {
	margin: 0;
	padding: 0;
	border: none;
	line-height: 1;
}

img {
	vertical-align:bottom;
}

li {
	list-style: none;
}

a:link, a:visited, a:active, a:hover {
	overflow: hidden;
	outline: none;
}

/**
 * micro clearfix 
**/
/* For modern browsers */
.cf:before, .cf:after {
	content: "";
	display: table;
}
.cf:after { clear: both; }
/* For IE 6/7 (trigger hasLayout) */
.cf { zoom: 1; }

.clear {
	clear: both;
}


body {
	-webkit-text-size-adjust:100%;
	background-color:#fff;
	font-family:"Yu Gothic", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:14px;
	color:#3e3938;
}

h2, h3, h4, h5, h6 {
	font-weight:bold;
	line-height:1.1;
}
p, li, address {
	font-weight:bold;
	line-height:2;
}
address {
	font-style:normal;
}

strong {
	font-weight:inherit;
	color:#6dbbd8;
}
strong.beauty {
	font-weight:inherit;
	color:#eb6ea5;
}

.btn {
	/*transition:opacity ease-out .07s;*/
	opacity:1;
	cursor:pointer;
	display:inline-block;
}
.btn:hover {
	opacity:.7;
}

.inner {
	box-sizing:border-box;
	max-width:880px;
	margin:0 auto;	
}

@media only screen and (min-width:991px) {
	.tab, .sp { display:none; }
	.pc { display:inherit; }
	#logo{background:url(../img/logo.png) top center no-repeat;
		padding:33px 0 0;
		margin:20px auto 0;}
}
@media only screen and (max-width:990px) {
	.pc, .sp { display:none; }
	.tab { display:inherit; }
	
	.inner { width:680px; }
	#logo{background:url(../img/logo.png) top center no-repeat;
		padding:33px 0 0;
		margin:20px auto 0;}
}
@media only screen and (max-width:700px) {
	body {
	font-size:12px;
	min-width:310px; }
	
	.pc, .tab { display:none; }
	.sp { display:inherit; }
	#logo{
		background:url(../img/logo_sp.png) top center no-repeat;
		background-size:contain;
		padding:22px 0 0;
		margin:8px auto 0;
		font-size:0.7em;}
	.inner { width:250px; }
}


#ie8 {
	position:absolute;
	width:100%;
	height:50px;
	margin:auto;
	top:0;
	bottom:0;
	font-weight:bold;
	line-height:1.8;
	text-align:center;
}

/**
 * header
 */
header {
	position:fixed;
	width:100%;
	z-index:100;
}
#head {
	position:relative;
	background-color:#fff;
	padding:20px 25px 10px;
}
#head .sns {
	float:left;
}
#head .sns li {
	float:left;
	margin-right:10px;
}
#logo {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	width:230px;
	text-decoration:none;
	color:#3e3938;
	text-align:center;
	font-size: 0.7em;
}

#hfreedial {
	float:right;
}

/* #gnav */
#gnav {
	background-color:#fff;
	/*border-top:solid 1px #ddd;*/
	border-bottom:solid 1px #ddd;
	text-align:center;
}
#gnav h2{
	font-size: 14px;
	line-height: 2;
}
#gnav li {
	display:inline-block;
}
#gnav a{
	display:block;
	padding:15px 16px;
	color:#000;
	text-decoration:none;
	font-weight:bold;
}
#gnav .act a, #gnav a:hover {
	 color:#6dbbd8;
}

/* #mobile_gnav */
#mobile_gnav {
	transition:top ease-out .3s;
	overflow:auto;
	position:fixed;
	width:100%;
	top:-1000px;
	z-index:60;
	border-bottom:solid 1px #ddd;
}
#mgnav_inner {
	background:#fff;
	padding-bottom:1px;
}

#mobile_gnav li {
	display:block;
	border-bottom:dotted 1px #ddd;
}
#mobile_gnav nav a {
	text-align:left;
	display:block;
	padding:15px 16px;
	padding-left:20px;
	color:#000;
	text-decoration:none;
	font-weight:bold;
	
	background:url(../img/icon_arrow_black_r.png) no-repeat right center;
	background-size:auto 9px;
}	
#mobile_gnav nav .act a, #mobile_gnav nav a:hover {
	 color:#6dbbd8;
}
#mgnav_web, #mgnav_tel {
	display:block;
	margin:22px;
}
#mgnav_tel {
	display:block;
}
#mgnav_tel img {
	width:490px;
}

#mobile_gnav .head {
	position:relative;
	padding:29px 28px 28px 28px;
}
#mobile_gnav h2 {
	position:absolute;
	margin:auto;
	top:0;
	left:0;
	right:0;
	bottom:0;
	width:191px;
	height:43px;
}
#mobile_gnav h2 img {
	width:100%;
	height:auto;
}
#mobile_gnav .btn_close {
	float:right;
}

#mobile_gnav .sns {
	background-color:#efefef;
	text-align:center;
	padding:40px 0;
}
#mobile_gnav .sns li {
	display:inline-block;
	border-bottom:none;
	margin:0 2px;
}

/* #mobile_tel, #mobile_request */
#mobile_tel, #mobile_request {
	transition:top ease-out .3s;
	background-color:#efefef;
	position:fixed;
	width:100%;
	top:-400px;
	z-index:50;
	border-bottom:solid 1px #ddd;
}

#mobile_tel > div, #mobile_request > div {
	padding:40px 45px 40px 45px;
}
#mobile_tel h3, #mobile_request h3 {
	text-align:center;
	color:#6dbbd8;
}
#mobile_tel .freedial {
	background-color:#fff;
}

#mobile_tel .btns, #mobile_request .btns {
	margin-top:30px;
	text-align:center;
}

#mobile_request .btn_request a:before {
	left:0;
	background:#8f1848 url(../img/bg_req_g_left.png) no-repeat left top;
}
#mobile_request .btn_request a:after {
	right:0;
	background:url(../img/bg_req_g_right.png) no-repeat right top;
}

#mobile_tel .btn_close, #mobile_request .btn_close {
	display:inline-block;
	border:solid 2px #6dbbd8;
	background:#fff url(../img/icon_close.png) no-repeat 15px center;
	background-size:14px 13px;
	padding:13px 40px 15px 55px;
}

#mobile_tel .btn_close img, #mobile_request .btn_close img {
	width:43px;
	height:auto;
}

@media only screen and (max-width:990px) {
	#head {
		padding:20px 18px;
		border-bottom:solid 1px #ddd;
	}
	#hfreedial {
		display:none;
	}
	
	#hcontact {
		float:left;
	}
	#hcontact li {
		float:left;
		margin-right:10px;
	}
	#menu {
		position:relative;
		float:right;
		width:35px;
		height:26px;
		background-color:#fff;
		margin-top:5px;
		margin-right:5px;
		cursor:pointer;
	}
	#menu .menu {
		transition:all ease-out .15s;
		position:absolute;
		width:35px;
		height:4px;
		background-color:#3e3938;
		left:0;
	}
	#menu0 { top:0; }
	#menu1 { top:11px; }
	#menu2 { top:22px; }
	
	#menu.on #menu0, #menu.on #menu1 {
		left:2px;
		top:12px;
		-webkit-transform:rotate(45deg);
		-moz-transform:rotate(45deg);
		-o-transform:rotate(45deg);
		-ms-transform:rotate(45deg);
		transform:rotate(45deg);
	}
	#menu.on #menu2 {
		left:2px;
		top:12px;
		-webkit-transform:rotate(-45deg);
		-moz-transform:rotate(-45deg);
		-o-transform:rotate(-45deg);
		-ms-transform:rotate(-45deg);
		transform:rotate(-45deg);
	}
	
	#gnav {
		display:none;
	}
}


@media only screen and (max-width:700px) {
	#head {
		position:relative;
		background-color:#fff;
		padding:15px 10px;
	}
	#hcontact li img {
		width:26px;
		height:26px;
	}
	#logo {
		width:150px;
		line-height: 1.15em;
	}
	#menu {
		width:25px;
		height:19px;
	}
	#menu .menu {
		width:25px;
		height:3px;
	}
	#menu0 { top:0; }
	#menu1 { top:8px; }
	#menu2 { top:16px; }
	#menu.on #menu0, #menu.on #menu1, #menu.on #menu2 {
		top:7px;
		left:4px;
	}
	
	#mobile_gnav > div {
		padding-bottom:0;
	}
	#mobile_gnav .head {
		padding:20px 20px 18px 20px;
	}
	#mobile_gnav h2 {
		width:118px;
		height:25px;
	}
	#mobile_gnav .btn_close {
		width:19px;
		height:auto;
	}
	
	#mobile_gnav nav a {
		background-size:auto 6px;
	}
	#gnav_tel img {
		width:225px;
	}
	#mobile_gnav .sns {
		padding:20px 0;
	}
	#mobile_gnav .sns li {
		padding:0 3px;
	}
	#mobile_gnav .sns img {
		width:25px;
		height:auto;
	}
	
	#mgnav_web, #mgnav_tel {
		display:none;
	}
	
	#mobile_tel > div, #mobile_request > div {
		padding:30px 35px 30px 35px;
	}
	#mobile_tel h3, #mobile_request h3 {
		font-size:10px;
	}
	
	#mobile_gnav .freedial img, #mobile_tel .freedial img {
		width:225px;
		height:auto;
	}
	
	#mobile_tel .btns, #mobile_request .btns {
		margin-top:10px;
	}
	
	#mobile_tel .btn_close, #mobile_request .btn_close {
		background:#fff url(../img/icon_close.png) no-repeat 15px center;
		background-size:7px auto;
		padding:6px 20px 11px 30px;
	}
	#mobile_tel .btn_close img, #mobile_request .btn_close img {
		width:23px;
		height:auto;
	}
}



/**
 * #contact
 */
#contact {
	padding:150px 0 140px 0;
	overflow:hidden;
}
#contact .inner {
	width:760px;
}
#contact h2 {
	text-align:center;
	font-size:40px;
	letter-spacing:.13em;
}
#contact h3{
	color:#6dbbd8;
	text-align:center;
	font-size:14px;
}
#contact #web h3{
	color:#f5297b;
	text-align:center;
	font-size:14px;}

#web {
	margin-top:105px;
}

#tel {
	margin-top:55px;
}

.btn_request {
	position:relative;
	display:block;
	margin-top:25px;
	background:#f5297b url(../img/icon_request.png) no-repeat 30px center;
}
.btn_request2 {
	background:#f5297b;
	position:relative;
	display: inline-block;
}

.btn_request:after,
.btn_request2:after {
	display:block;
	position:absolute;
	top:0;
	bottom:0;
	right:20px;
	margin:auto;
	content:"";
	background:url(../img/icon_arrow_round_r.png) no-repeat left center;
	background-size:auto 40px;
	width:40px;
	height:40px;
}
.btn_request:hover:after,
.btn_request2:hover:after {
	transition:right ease-out .1s;
	right:15px;
}

.btn_request a{
	position:relative;
	display:block;
	/*background:url(../img/icon_arrow_round_r.png) no-repeat right center;
	background-size:auto 40px;*/
	padding:30px 30px 40px 30px;
	color:#fff;
	font-size:18.5px;
	text-align:center;
	text-decoration:none;
}
.btn_request2 a {
	position:relative;
	display:block;
	padding:20px 120px 30px 100px;
	color:#fff;
	font-size: 28px;
	text-align:center;
	text-decoration:none;
}
.btn_request a:before, .btn_request a:after,
.btn_request2 a:before, .btn_request2 a:after {
	content:"";
	display:block;
	width:100%;
	height:11px;
	position:absolute;
	bottom:-1px;
}
.btn_request a:before,
.btn_request2 a:before {
	left:0;
	background:#8f1848 url(../img/bg_req_left.png) no-repeat left top;
}
.btn_request a:after,
.btn_request2 a:after {
	right:0;
	background:url(../img/bg_req_right.png) no-repeat right top;
}
.btn_request span{
	display:inline-block;
	background-color:#fff;
	border-radius:3px;
	padding:5px;
	margin-right:10px;
	color:#f5297b;
}
.btn_request2 span {
	display: block;
	font-size: 18px;
	margin:0 0 5px;
}

.freedial {
	margin-top:20px;
	border:solid 2px #efefef;
	padding:35px 0;
	text-align:center;
}


#app {
	margin-top:60px;
	padding:70px 0;
	padding-left:395px;
	background:#efefef url(../img/bg_app.png) no-repeat 90px 40px;
}
#app p {
	margin-bottom:20px;
}

@media only screen and (max-width:990px) {
	#contact {
		padding:90px 0 45px 0;
	}
	#contact .inner {
		width:680px
	}
	#contact h2 {
		font-size:36px;
	}
	#web {
		margin-top:60px;
	}
	#tel {
		margin-top:65px;
	}
	
	.btn_request {
		display:block;
		margin-top:25px;
		background:#f5297b url(../img/icon_request.png) no-repeat 30px center;
	}
	.btn_request2 {
		display: inline-block;}
	.btn_request a{
		font-size:16px;
	}
	.btn_request2 a{
		font-size: 27px;}
}
@media only screen and (max-width:700px) {
	#contact {
		padding:35px 0 38px 0;
		overflow:hidden;
	}
	#contact h2 {
		font-size:19px;
		line-height:1.5;
	}
	#contact h3 {
		font-size:10px;
	}
	#contact .inner {
		width:250px;
	}
	
	#web {
		margin-top:30px;
	}
	.btn_request,
	.btn_request2 {
		margin-top:10px;
		background:none;
		background:#f5297b;
	}
	.btn_request:after,
	.btn_request2:after {
		right:6px;
		top:-4px;
		background:url(../img/icon_arrow_round_r.png) no-repeat left center;
		background-size:auto 20px;
		width:20px;
		height:20px;
	}
	.btn_request:hover:after,
	.btn_request2:hover:after {
		transition:right ease-out .1s;
		right:2px;
	}
	.btn_request a {
		padding:25px 30px 35px 10px;
		font-size:11px;
		font-weight:bold;
	}
	.btn_request2 a {
		padding:25px 50px 35px 30px;
		font-size:16px;
		font-weight:bold;
	}
	.btn_request2 span {
		display: block;
		font-size: 11px;
		margin:0 0 5px;
	}
	#tel {
		margin-top:22px;
	}
	#tel img {
		width:225px;
		height:auto;
	}
	.freedial {
		margin-top:13px;
		padding:15px 0;
	}
	
	#app {
		margin-top:25px;
		padding:130px 0 25px 0;
		padding-left:0;
		background:#efefef url(../img/bg_app.png) no-repeat center 25px;
		background-size:125px auto;
		text-align:center;
	}
	#app p {
		margin-bottom:10px;
	}
	#app img {
		width:105px;
		height:auto;
	}
}


/**
 * footer
 */
footer {
	background-color: #000000;
	padding: 110px 0 20px 0;
}
footer .inner {
	max-width:760px;
}
footer h2 {
	float:left;
}
footer ul {
	float:left;
	margin-left:40px;
	padding-top:10px;
}
footer li {
	float:left;
	margin-left:20px;
}
footer li a {
	color:#fff;
	text-decoration:none;
	font-size:13px;
}
footer li a:hover {
	text-decoration:underline;
}
#copy {
	margin-top:85px;
	margin-right:30px;
	color:#fff;
	text-align:center;
	font-size:9px;
}


@media only screen and (max-width:990px) {
	footer {
		padding:110px 0 30px 0;
	}
	footer h2 {
		float:none;
		text-align:center;
	}
	footer ul {
		float:none;
		margin:0 auto;
		padding-top:44px;
		text-align:center;
	}
	footer li {
		display:inline;
		float:none;
		margin:0 15px;
	}
	#copy {
		margin:0 auto;
		margin-top:95px;
	}
}
@media only screen and (max-width:700px) {
	footer {
		padding:60px 0 30px 0;
	}
	footer h2 {
		float:none;
	}
	footer h2 img{
		width: 140px;
	}
	footer ul {
		padding-top:40px;
	}
	footer li {
		display:block;
		margin:5px 0;
	}
	footer li a {
		color:#fff;
		text-decoration:none;
		font-size:14px;
	}
	footer li a:hover {
		text-decoration:underline;
	}
	#copy {
		margin-top:35px;
	}
}


/**
 * #request_side
 */
#request_side {
	transition:right ease-out .06s;
	position:fixed;
	margin:auto 0;
	width:60px;
	height:387px;
	top:60px;
	right:-10px;
	bottom:0;
	z-index:40;
}
#request_side:hover {
	transition:right ease-out .2s;
	right:0px;
}
@media only screen and (max-width:990px) {
	#request_side {
		display:none;
	}
}


#pagetop {
	position:fixed;
	width:50px;
	height:30px;
	right:0px;
	bottom:0px;
}
#pagetop img {
	transition:top ease-out .2s;
	position:absolute;
	top:30px;
}
#pagetop.on img {
	top:0;
}
@media only screen and (max-width:700px) {
	#pagetop {
		width:25px;
		height:25px;
		right:10px;
		bottom:10px;
	}
	#pagetop img {
		top:40px;
	}
	#pagetop.on img {
		bottom:10px;
	}
}


/**
 * #contents
 */
#breadcrumb .inner {
	max-width:990px;
	padding:10px 0;
} 
#breadcrumb li {
	float:left;
	padding:0 3px;
	font-size: 12px;
} 
#breadcrumb li a {
	color:#6dbbd8;
}
#breadcrumb li a:hover {
	text-decoration:none;
}


#chead {
	padding:60px 0 70px 0;
}
#chead h1 {
	padding-top:40px;
	text-align:center;
	color:#6dbbd8;
	font-size:25px;
	letter-spacing:.15em;
}
#chead h2 {
	text-align:center;
	margin-top:6px;
}
@media only screen and (max-width:990px) {
	#breadcrumb .inner {
		max-width:680px;
		width:auto;
	} 
}
@media only screen and (max-width:700px) {
	#breadcrumb .inner {
		max-width:300px;
		width:auto;
	}
	#breadcrumb .inner li{
		font-size: 10px;
	}
	#chead {
		padding:20px 0 30px 0;
	}
	#chead h1 {
		background-size:auto 20px;
		padding-top:26px;
		font-size:18px;
	}
	#chead h2 {
		margin-top:5px;
	}
	#chead h2 img {
		height:5px;
		width:auto;
	}
}



/**
 * #Campaign
 */

#campaign{
	text-align:center;}
#campaign .inner{
	padding-top:110px;}
#cpTitle h2{
	font-size:48px;
	color: #F5297B;
	margin:20px 0;} 
#cpTitle h3{
	font-size:22px;}
#cpTitle .firstTitle{
	font-size:24px;}
#cpTitle p{
	background: #6DBBD8;
	font-size:18px;
	color: #FFFFFF;
	margin:30px 0 40px;
	display: inline-block;
	padding:3px 20px;}
#campaign dl{
	margin:0 0 30px;}
#campaign dt img{
	width:100%;}
#campaign dd{
	font-size:14px;
	line-height:1.6em;
	font-weight:bold;}
#campaign .cautionCp{
	font-size:12px;
	line-height:1.6em;
	margin:10px;}


@media only screen and (max-width:990px) {

#cpTitle h2{
	font-size:38px;}
#cpTitle h3{
	font-size:18px;}

}

@media only screen and (max-width:700px) {

#campaign .inner{
	padding-top: 35px;}
#cpTitle h2{
	font-size:22px;
	color: #F5297B;
	margin:10px 0;}
#cpTitle h3 img{
	width:103px;
	height:18px;}
#cpTitle h3,
#cpTitle .firstTitle{
	font-size:12px;
	line-height:1.6em;}
#cpTitle p{
	background: #6DBBD8;
	font-size:12px;
	color: #FFFFFF;
	margin:20px 0 20px;
	display: inline-block;
	padding:3px 15px;}
#campaign dl{
	margin:10px 0 20px;}
#campaign dt img{
	width:100%;}
#campaign dd{
	margin:10px 0 0;
	font-size:12px;
	line-height:1.6em;
	font-weight:bold;
	text-align:left;}
#campaign .cautionCp{
	text-align:left;
	font-size:11px;
	line-height:1.6em;
	margin:10px;}

}





@charset "UTF-8";
/* CSS Document */

#chead h1 {
	background:url(../img/icon_h.png) no-repeat center top;
	padding-top:50px;
}
.fcBl{
	color:#6dbbd8;}
.fs20{
	font-size:20px;}
.fs30{
	font-size:30px;}

#function_list li a.bTy {
	position: relative;
	display: block;
	background: #fff;
	padding: 20px;
	color: #EB6EA5;
	text-decoration: none;
}
#function_list li a.urz {
	position: relative;
	display: block;
	background: #fff;
	padding: 20px;
	color: #eca320;
	text-decoration: none;
}

@media only screen and (max-width:700px) {
	#function_list li a.bTy,
	#function_list li a.urz {
		padding: 10px;
	}

	#chead h1 {
		background-size:auto 25px;
		padding-top:38px;
	}
}

/**
 * #title
 */
#title {
	padding:50px 0 110px 0;
}

#title h2 {
	margin:0 25px;
	padding-bottom:25px;
	border-bottom:solid 2px #3e3938;
	font-size:25px;
	text-align:center;
}

#title h2 span {
	font-size:18px;
}
#title .secAnc{
	margin-top:40px;}

#anchor,
#anchor2,
#anchor3 {
	text-align:center;
	margin-top:20px;
}
#anchor .uregiAnchor{
	margin-bottom: 30px;}
#anchor li,
#anchor2 li,
#anchor3 li {
	display:inline-block;
	margin:0 10px;
	width:300px;
}
#anchor li:nth-child(3),
#anchor li:nth-child(4){
	margin-top: 20px;
}
#anchor .uregiAnchor a{
	display:block;
	text-decoration:none;
	background: url(../../common/img/icon_arrow_dbl_rb.png) no-repeat right center;
	border:solid 2px #0080cc;
	padding:8px 0;
	color:#0080cc;
}
#anchor a{
	display:block;
	text-decoration:none;
	background:url(../../common/img/icon_arrow_rb.png) no-repeat right center;
	border:solid 2px #6dbbd8;
	padding:8px 0;
	color:#6dbbd8;
}
#anchor2 a{
	display:block;
	text-decoration:none;
	background:url(../../common/img/icon_arrow_r.png) no-repeat right center;
	border:solid 2px #6dbbd8;
	padding:8px 0;
	color:#6dbbd8;}
#anchor3 a {
	display:block;
	text-decoration:none;
	background:url(../../common/img/icon_arrowR_r.png) no-repeat right center;
	border:solid 2px #EB6EA5;
	padding:8px 0;
	color:#EB6EA5;}
#anchor a span,
#anchor2 a span,
#anchor3 a span {
	font-size:10px;
}
#anchor a span{
	display: block;}
@media only screen and (max-width:990px) {
	#title {
		padding:0 0 20px 0;
	}
	
	#title h2 {
		font-size:22px;
	}
	#title h2 span {
		font-size:17px;
	}
	
	#anchor,
	#anchor2,
	#anchor3 {
		margin-top:20px;
	}
	#anchor li,
	#anchor2 li,
	#anchor3 li {
		display:block;
		margin:10px auto;
	}
	#anchor li:nth-child(3),
	#anchor li:nth-child(4){
		margin-top: 10px;
	}
}
@media only screen and (max-width:700px) {
	#title {
		padding:0 0 20px 0;
	}
	
	#title h2 {
		margin:0;
		padding-bottom:13px;
		font-size:13px;
		line-height:1.5;
	}
	#title h2 span {
		font-size:10px;
	}
	
	#anchor,
	#anchor2,
	#anchor3 {
		margin-top:20px;
	}
	#anchor li,
	#anchor2 li,
	#anchor3 li {
		width:230px;
	}
	#anchor a,
	#anchor2 a,
	#anchor3 a {
		background-size:11px 4px;
	}
}

/**
 * .howto
 */
.howto .head {
	background-color:#6dbbd8;
	text-align:center;
}
.howto h2 {
	text-align:center;
	color:#fff;
	font-size:34px;
	padding:40px 0;
}
.howto h2 span {
	font-size:22px;
}
.howto h2 p {
	display:block;
	font-size:14px;
}
.howto .read {
	text-align:center;
	margin-top:55px;
}
@media only screen and (max-width:990px) {
	.howto .read {
		margin-top:40px;
	}
}
@media only screen and (max-width:700px) {
	.howto h2 {
		padding:22px 0;
		font-size:18px;
	}
	.howto h2 span {
		font-size:10px;
	}
	.howto h2 p {
		font-size:8px;
	}
	.howto .read {
		margin-top:25px;
		text-align:left;
	}
}

.btn_itunes {
	position:relative;
	display:inline-block;
	background-color:#6dbbd8;
	padding:10px 40px;
	text-decoration:none;
	color:#fff;
}
.btn_itunes:after {
	display:block;
	position:absolute;
	top:0;
	bottom:0;
	right:20px;
	margin:auto;
	content:"";
	background:url(../../common/img/icon_arrow_white_r.png) no-repeat left center;
	background-size:auto 9px;
	width:6px;
	height:9px;
}
.btn_itunes:hover:after {
	transition:right ease-out .1s;
	right:15px;
}
@media only screen and (max-width:700px) {
	.btn_itunes:after {
		right:10px;
		background-size:auto 6px;
		width:6px;
		height:6px;
	}
	.btn_itunes:hover:after {
		transition:right ease-out .1s;
		right:5px;
	}
}

/**
 * #sec0／#sec4
 */
#sec0 h2{
	display:inline-block;
	background:url(../img/icon_h0.png) no-repeat left center;
	background-size:77px;
	padding-left:90px;
}
#sec4,
#sectto{
	margin-bottom: 50px;}
#sec4 h2,
#sectto h2{
	display:inline-block;
}
#sec0 .mainimg,
#sec4 .mainimg,
#sectto .mainimg{
	text-align:center;
	margin-top:50px;
}
#sec0 .btns,
#sec4 .btns,
#sectto .btns{
	text-align:center;
}

#sec0 article {
	margin-top:60px;
	margin-bottom:50px;
}
#sec0 article h3 {
	border-top:dotted 2px #6dbbd8;
	padding-top:40px;
	text-align:center;
	font-size:24px;
	color:#6dbbd8;
}
#sec0 article ol {
	margin-top:50px;
}
#sec0 article li {
	text-align:center;
	float:left;
	width:260px;
	background:url(../img/arrow_l.png) no-repeat 18px 88px;
	padding-left:50px;
	margin-bottom:50px;
}
#sec0 article li:nth-child(3n+1) {
	padding-left:0;
	background:none;
}
#sec0 article li p {
	margin-top:15px;
}
#sec0 article li p img {
	vertical-align:sub;
	margin-right:5px;
}
@media only screen and (max-width:990px) {
	#sec0 article li, #sec0 article li:nth-child(3n+1) {
		width:285px;
		background:url(../img/arrow_l.png) no-repeat 10px 88px;
		padding-left:35px;
	}
	#sec0 article li:nth-child(2n+1) {
		background:none;
	}
}
@media only screen and (max-width:700px) {
	#sec0 h2 {
		background-size:43px;
		padding-left:50px;
	}
	#sec0 .mainimg,
	#sec4 .mainimg,
	#sectto .mainimg{
		margin-top:25px;
	}
	#sec0 .mainimg img,
	#sec4 .mainimg img,
	#sectto .mainimg img{
		width:268px;
		height:auto;
		margin-left:-10px;
	}
	#sec0 article {
		margin-top:40px;
		margin-bottom:30px;
	}
	#sec0 article h3 {
		padding-top:20px;
		font-size:13px;
	}
	#sec0 article ol {
		margin-top:20px;
	}
	#sec0 article li, #sec0 article li:nth-child(3n+1), #sec0 article li:nth-child(2n+1) {
		float:none;
		width:100%;
		padding-left:0;
		padding-bottom:30px;
		margin-bottom:20px;
		background:url(../img/arrow_sp.png) no-repeat center bottom;
		background-size:15px auto;
	}
	#sec0 article li:last-child {
		padding-bottom:0;
		margin-bottom:20px;
		background:none;
	}
	#sec0 article li > img {
		width:173px;
		height:auto;
	}
	#sec0 article li p {
		margin-top:8px;
	}
	#sec0 article li p img {
		vertical-align:sub;
		height:12px;
		width:auto;
	}
}


/**
 * #sec1／#sec5
 */
#sec1 h2{
	display:inline-block;
	background:url(../img/icon_h1.png) no-repeat left center;
	background-size:77px;
	padding-left:90px;
}
#sec5{
	margin-bottom: 50px;}
#sec5 h2 {
	display:inline-block;
	background: url(../img/icon_h2.png) no-repeat left center;
	background-size:77px;
	padding-left:90px;
}
#sec5 .head{
	background: #008698;}
#sec5 .read strong{
	color:#008698;}
#sec5 .read2{
	font-size: 12px;
	text-align: center;}
#sec1 .mainimg,
#sec5 .mainimg {
	text-align:center;
	margin-top:50px;
}
#sec1 .btns,
#sec5 .btns {
	text-align:center;
}
#sec1 article{
	margin-top:60px;
	margin-bottom:50px;
}
#sec1 article h3{
	border-top:dotted 2px #6dbbd8;
	padding-top:40px;
	text-align:center;
	font-size:24px;
	color:#6dbbd8;
}
#sec1 article ol {
	margin-top:50px;
}
#sec1 article li {
	text-align:center;
	float:left;
	width:280px;
	background:url(../img/arrow_l.png) no-repeat 0 135px;
	padding-left:10px;
	margin-bottom:50px;
}
#sec1 article li.col2 {
	width:570px;
}
#sec1 article li:nth-child(3n+1) {
	padding-left:0;
	background:none;
}
#sec1 article li p {
	margin-top:15px;
}
#sec1 article li p img {
	vertical-align:sub;
	margin-right:5px;
}
@media only screen and (max-width:990px) {
	#sec1 article li, #sec1 article li:nth-child(3n+1) {
		background:url(../img/arrow_l.png) no-repeat 0 135px;
		padding-left:12px;
	}
	#sec1 article li:nth-child(2n+1) {
		padding-left:50px;
		background:none;
	}
	#sec1 article li.col2 {
		width:100%;
		padding-left:0;
	}
}
@media only screen and (max-width:700px) {
	#sec1 h2,
	#sec5 h2 {
		background-size:43px;
		padding-left:50px;
	}
	#sec1 .mainimg,
	#sec5 .mainimg {
		margin-top:25px;
	}
	#sec1 .mainimg img,
	#sec5 .mainimg img {
		width:98px;
		height:auto;
	}
	#sec5 .read2{
		font-size: 11px;
		text-align: left;}
	#sec1 article {
		margin-top:40px;
		margin-bottom:30px;
	}
	#sec1 article h3 {
		border-top:dotted 2px #6dbbd8;
		padding-top:40px;
		text-align:center;
		font-size:24px;
		color:#6dbbd8;
	}
	#sec1 article h3 {
		padding-top:20px;
		font-size:13px;
	}
	#sec1 article ol {
		margin-top:20px;
	}
	#sec1 article li, #sec1 article li:nth-child(3n+1), #sec1 article li:nth-child(2n+1) {
		float:none;
		width:100%;
		padding-left:0;
		padding-bottom:30px;
		margin-bottom:20px;
		background:url(../img/arrow_sp.png) no-repeat center bottom;
		background-size:15px auto;
	}
	#sec1 article li:last-child {
		padding-bottom:0;
		margin-bottom:20px;
		background:none;
	}
	#sec1 article li > img {
		width:102px;
		height:auto;
	}
	#sec1 article li.col2 > img {
		width:100%;
		height:auto;
	}
	#sec1 article li p {
		margin-top:8px;
	}
	#sec1 article li p img {
		vertical-align:sub;
		height:12px;
		width:auto;
	}
}



/**
 * #sec2／#sec6
 */
#sec2,
#sec6,
#sectto01{
	background-color:#efefef;
	text-align:center;
	margin-top:50px;
	padding-bottom:50px;
}
#sec2 h2,
#sec6 h2,
#sectto01 h2{
	font-size:30px;
	color: #3b3635;
}
#sec2 h2 p,
#sec6 h2 p,
#sectto01 h2 p{
	font-size:20px;
	margin-bottom:10px;
}

#sec2 article li,
#sec6 article li,
#sectto01 article li{
	float:left;
	width:50%;
	box-sizing:border-box;
	margin-bottom:20px;
	padding-left:10px;
}
#sec2 article li:nth-child(odd),
#sec6 article li:nth-child(odd),
#sectto01 article li:nth-child(odd) {
	padding-left:0px;
	padding-right:10px;
}
#sec2 article li.col2,
#sec6 article li.col2,
#sectto01 article li.col2{
	width:100%;
	padding:0px;
}
#sec2 article li > div,
#sec6 article li > div,
#sectto01 article li > div{
	background:#fff;
	padding:30px;
}
#sec2 article h3,
#sec6 article h3,
#sectto01 article h3{
	border-bottom:solid 2px #6dbbd8;
	padding-bottom:12px;
	color:#6dbbd8;
	font-size:16px;
	text-align:left;
}
#sec2 article .img,
#sec6 article .img,
#sectto01 article .img{
	text-align:center;
	margin:15px 0;
}
#sec2 article p,
#sec6 article p,
#sectto01 article p{
	text-align:left;
}
#sec2 li:last-child p,
#sec6 li:last-child p,
#sectto01 li:last-child p{
	margin-top:15px;
}
#sec2 article h4,
#sec6 article h4,
#sectto01 article h4{
	color:#6dbbd8;
	text-align:left;
	margin-top:15px;
	margin-bottom:5px;
}

@media only screen and (max-width:990px) {
	#sec2 article li,#sec2 article li:nth-child(odd),
	#sec6 article li,#sec6 article li:nth-child(odd),
	#sectto01 article li,#sec6 article li:nth-child(odd){
		float:none;
		width:100%;
		padding:0;
	}
	#sec2 article li.col2,
	#sec6 article li.col2,
	#sectto01 article li.col2{
		width:100%;
		padding:0px;
	}
}
@media only screen and (max-width:700px) {
	#sec2 h2,
	#sec6 h2,
	#sectto01 h2{
		font-size:17px;
	}
	#sec2 h2 p,
	#sec6 h2 p,
	#sectto01 h2 p{
		font-size:12px;
	}
	#sec2 .inner,
	#sec6 .inner,
	#sectto01 .inner{
		width:290px;
	}
	#sec2 article li > div,
	#sec6 article li > div,
	#sectto01 article li > div{
		padding:15px 20px;
	}
	#sec2 article h3,
	#sec6 article h3,
	#sectto01 article h3{
		padding-bottom:8px;
		font-size:13px;
	}
	#sec2 article .img,
	#sec6 article .img,
	#sectto01 article .img{
		margin-top:10px 0;
	}
	#sec2 article .img img,
	#sec6 article .img img,
	#sectto01 article .img img{
		max-width:100%;
	}
	#sec2 article li.col2 p,
	#sec6 article li.col2 p,
	#sectto01 article li.col2 p{
		margin-top:10px;
	}
}

/**
 * #sec3
 */

#sec3 {
	background-color:#efefef;
	border-top:solid 1px ddd;
	border-bottom:solid 1px ddd;
	padding:50px 0;
	text-align:center;
}
#sec3 h2 {
	font-size:36px;
	padding:0 0 40px 0;
}
#sec3 .inner2 {
	max-width:888px;
	margin:0 auto;}
#sec3 h2 p {
	font-size:20px;
	margin-bottom:10px;
}
#sec3 li {
	float:left;
	width:50%;
	box-sizing:border-box;
	margin-bottom:20px;
}
#sec3 li:nth-child(odd) {
	padding-right:10px;
}
#sec3 li:nth-child(even) {
	padding-left:10px;
}
#sec3 li .photo {
	background-color:#fff;
	padding:20px;
}
#sec3 li .photo img {
	width:100%;
	height:auto;
}
#sec3 li .tit{
	background:#6dbbd8;}
#sec3 li.beautyArea .tit{
	background:#EB6EA5;}
#sec3 li.urezaArea .tit{
	background:#eca320;}
#sec3 li.timerecorderArea .tit{
	background: #45a97f;}
#sec3 li.paygateArea .tit{
	background: #1f9ead;}
#sec3 li .tit {
	position:relative;
	padding:18px 35px;
	color:#fff;
	text-align:left;
}
#sec3 li .tit:after {
	display:block;
	position:absolute;
	top:0;
	bottom:0;
	right:20px;
	margin:auto;
	content:"";
	background: url(../../common/img/icon_arrow_w_round_r.png) no-repeat left center;
	width:35px;
	height:35px;
}
#sec3 li a:hover .tit:after {
	transition:right ease-out .1s;
	right:15px;
}
#sec3 li h4 {
	color:#FFFFFF;
	font-size:11px;
}
#sec3 li h3 {
	margin-top:8px;
	font-size:20px;
	line-height:1.4;
}
#sec3 li a {
	text-decoration:none;
}


@media only screen and (max-width:990px) {
	#sec3 .inner2 {
		padding:0;
		width:680px;
	}
	#sec3 li .photo {
		padding:10px;
	}
	#sec3 li .tit {
		background-size:35px;
		padding:18px;
	}
	#sec3 li h4 {
		font-size:8px;
	}
	#sec3 li h3 {
		font-size:14px;
	}
	#sectto01 article li:nth-child(odd){
		padding-right: 0;
	}
}
@media only screen and (max-width:700px) {
	#sec3 {
		padding:30px 0 20px 0;
	}
	#sec3 h2 {
		font-size:17px;
		padding:0 0 22px 0;
	}
	#sec3 h2 p {
		font-size:12px;
	}
	#sec3 li {
		float:none;
		width:100%;
	}
	#sec3 li:nth-child(odd), #sec3 li:nth-child(even),#sectto01 article li:nth-child(even){
		padding: 0;
	}
	#sectto01 article li:nth-child(odd){
		padding-right: 0;
	}
	#sec3 li .tit {
		background-size:30px;
		padding:10px 30px 10px 10px;
	}
	#sec3 li .tit:after {
		right:0px;
		background-size:30px;
		width:30px;
		height:30px;
	}
	#sec3 li a:hover .tit:after {
		right:-5px;
	}
	#sec3 li h4 {
		font-size:8px;
	}
	#sec3 li h3 {
		margin-top:6px;
		font-size:14px;
	}
	#sec3 .inner2{
		max-width:290px;}
}