@charset "UTF-8";

/* !Reseting
---------------------------------------------------------- */
body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif, Verdana, Arial, Helvetica;
	font-size: 12px; /* 10px; */
	-webkit-text-size-adjust: none;
	line-height: 1.5;
	color: #666;
}
/* ie7 */ *:first-child+html body { font-size: 75%; /* 62.5%; */}
/* ie6Below */ * html body { font-size:75%; /* font-size: 62.5%; */}
/* ie8 */ html>/**/body { font-size /*\**/: 75%\9;}
body, div, pre, p, blockquote, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, th, td
{ margin: 0; padding: 0;}
input, textarea
{ margin: 0; font-size: 100%;}
label
{ cursor: pointer;}
table
{ border-collapse: collapse; border-spacing: 0; font-size: 100%;}
fieldset, img
{ border: 0;}
img
{ vertical-align: top;}
address, caption, cite, code, dfn, em, th, var
{ font-style: normal; font-weight: normal;}
ol, ul
{ list-style: none;}
caption, th
{ text-align: left;}
h1, h2, h3, h4, h5, h6
{ font-size: 100%; font-weight: normal;}
q:after, q:before
{ content:'';}
a, input
{ /* outline: none; */ }
abbr, acronym
{ border: 0;}

/* !Reset Module
---------------------------------------------------------- */
.reset div, .reset dl, .reset dt, .reset dd, .reset ul, .reset ol, .reset li, .reset h1, .reset h2, .reset h3, .reset h4, .reset h5, .reset h6,
.reset pre, .reset form, .reset fieldset, .reset p, .reset blockquote, .reset th, .reset td
{ margin: 0; padding: 0;}
.reset input, .reset textarea
{ margin: 0; font-size: 100%;}
.reset table
{ border-collapse: collapse; border-spacing: 0; font-size: 100%;}
.reset fieldset, .reset img, .reset abbr, .reset acronym
{ border: 0;}
.reset address, .reset caption, .reset cite, .reset code, .reset dfn, .reset em, .reset th, .reset var
{ font-style: normal; font-weight: normal;}
.reset ol, .reset ul
{ list-style: none;}
.reset caption, .reset th
{ text-align: left;}
.reset h1, .reset h2, .reset h3, .reset h4, .reset h5, .reset h6
{ font-size: 100%; font-weight: normal;}
.reset a, .reset input
{ /* outline: none; */ }
.reset q:after, .reset q:before
{ content:'';}

/* !Clearfix
---------------------------------------------------------- */
.clearfix,
#contents,
.section,
.boxHeader01,
.boxPromise01,
.boxPromise01 .boxDetail
{
	display: block;
	min-height: 1%;
}
.clearfix:after,
#contents:after,
.section:after,
.boxHeader01:after,
.boxPromise01:after,
.boxPromise01 .boxDetail:after
{
	clear: both;
	content:".";
	display: block;
	height: 0;
	visibility: hidden;
}
* html .clearfix,
* html #contents,
* html .section,
* html .boxHeader01,
* html .boxPromise01,
* html .boxPromise01 .boxDetail
{
	height: 1%;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}
/* !Layout
---------------------------------------------------------- */
html { overflow-y: scroll;}
/*body { text-align: center;}*/
@media print {
	html,
	html body { *zoom: 0.65;}
}

/* !Reset Element
---------------------------------------------------------- */
*{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
img {
	display: block;
	width: 100%;
	height: auto;
}

.spNone { display: none;}


/* !index
---------------------------------------------------------- */
#wrapper {
	overflow: hidden;
	margin: 0 auto;
	width: 100%;
	text-align: left;
}

#header { position: relative;}

	#headerLogo { 
		padding: 5px 3.13%;
		border-bottom: 1px #ccc solid;
	}
		#headerLogo img { width: 183px;}
	.headerTxt01 { 
		font-weight: bold;
		color: #000;
		padding: 10px 3.13%;
	}

.sp_toggle {
	position: absolute;
	top: 0;
	right: 0;
	width: 67px;
	height: 60px;
	background: url(../images/sp/btn_spmenu.png) top right no-repeat;
	background-size: 67px 60px;
	text-indent: -99999px;
}
	.sp_toggle.open {
		background: url(../images/sp/btn_spmenu_o.png) top right no-repeat;
		background-size: 67px 60px;
	}	
.gNavi { 
	width: 100%;
	margin-bottom: 15px;
	position: absolute;
	top: 61px;
	left: 0;
}
	.gNavi li {}
		.gNavi li.type01 { background-color: #1391e4;}
		.gNavi li.type02 { background-color: #ef8bb1;}
		.gNavi li.type03 { background-color: #41c181;}
		.gNavi li.type04 { background-color: #8585df;}
		.gNavi li.type05 { background-color: #ff8208;}
		.gNavi li a {
			display: block;
			padding: 12px 3.13%;
			font-size: 117%;
			font-weight: bold;
			color: #fff;
			text-decoration: none;
		}
			
			
h2 { margin-bottom: 10px;}

.menu02  { margin: 0 3.13%;}
	.menu02  ul {
		overflow: hidden;
		margin-right: -3.13%;
	}
		.menu02 ul li { 
			float: left;
			width: 46.87%;
			margin: 0 3.13% 10px 0;
		}


#footer { }
.pageTop {
	text-align: right;
	margin: 0 3.13% 10px;
}
	.pageTop a { color: #000;}

		
.boxFooter01 .col02 {
	margin: 0 3.13%;
	text-align: center;
	color: #000;
}
	.boxFooter01 .col02 .ttlFooter01 {
		font-weight: bold;
		margin-bottom: 5px;
		color: #000;
	}
	.boxFooter01 .col02 .linkPrivacy { margin-bottom: 5px;}
		.boxFooter01 .col02 .linkPrivacy a { color: #000;}

.linkFooter01 { margin-bottom: 15px;}
	.linkFooter01 li {}
		.linkFooter01 li.type01 { background-color: #1391e4;}
		.linkFooter01 li.type02 { background-color: #ef8bb1;}
		.linkFooter01 li.type03 { background-color: #41c181;}
		.linkFooter01 li.type04 { background-color: #8585df;}
		.linkFooter01 li.type05 { background-color: #ff8208;}
		.linkFooter01 li a {
			display: block;
			padding: 12px 3.13%;
			font-size: 117%;
			font-weight: bold;
			color: #fff;
			text-decoration: none;
		}
		
/* !boxBasic
---------------------------------------------------------- */
.boxBasic01 { margin-bottom: 15px;}


/* !top
---------------------------------------------------------- */
.boxTop01 { margin-bottom: 15px;}
		
.ul_top01 { margin: 0 3.13%;}
	.ul_top01 ul {
		overflow: hidden;
		margin-right: -3.13%;
	}
		.ul_top01 ul li { 
			float: left;
			width: 46.87%;
			margin: 0 3.13% 10px 0;
		}


/* !fresh
---------------------------------------------------------- */
.boxMainimg {}
	.boxMainimg .txt01 {
		margin: 0 3.13% 15px;
		padding-left: 37px;
		font-size: 200%;
	}
		.boxMainimg .txt01 span { font-weight: bold;}
		#blue .boxMainimg .txt01 {
			background: url(../images/pc/ico_question_mainimg01.png) left 3px no-repeat;
			background-size: 30px 30px;
		}
		#pink .boxMainimg .txt01 { 
			background: url(../images/pc/ico_question_mainimg02.png) left top no-repeat;
			background-size: 30px 30px;
		}
		
		#blue .boxMainimg .txt01 span { color: #1391e4;}		
		#pink .boxMainimg .txt01 span { color: #ef8bb1;}
	.boxMainimg .img01 {
		width: 100%;
		margin: 0 auto;
		background: url(../images/pc/bg_mainimg01.png) left bottom repeat-x;
		background: 100% auto;
	}
		.boxMainimg .img01 img { 
			width: 300px;
			margin: 0 auto;
		}
.boxQuestion01 {
	padding: 15px 3.13%;
	background-color: #fff;
	background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.1), rgba(255,255,255,.1));
	background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.1), rgba(255,255,255,.1));
	background-image: -o-linear-gradient(bottom, rgba(0,0,0,.1), rgba(255,255,255,.1));
	background-image: -ms-linear-gradient(bottom, rgba(0,0,0,.1), rgba(255,255,255,.1));
	background-image: linear-gradient(to top, rgba(0,0,0,.1), rgba(255,255,255,.1));
}
	.boxQuestion01 .ttl01 {
		margin-bottom: 8px;
		padding: 3px 0 2px 32px;
		background: url(../images/sp/ico_answer01.png) left top no-repeat;
		background-size: 28px 28px;
		font-size: 125%;
	}
		.boxQuestion01 .ttl01 span {
			font-weight: bold;
			color: #ff8208;
		}
			.boxQuestionIn01 .img01 { 
				width: 300px;
				margin: 0 auto 8px;
			}
			.boxQuestionIn01 .txt01 { 
				ding-left: 32px;
				font-weight: bold;
			}
				.boxQuestionIn01 .txt01 span { color: #ff8208;}


		
.ul_question01 {}
	.ul_question01 li { background-color: #fffef1;}
		.ul_question01 li .ttl01 {
			position: relative;
			padding: 5px 3.13% 5px 40px;
			background-color: #ff8a18;
			background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.1), rgba(255,255,255,.1));
			background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.1), rgba(255,255,255,.1));
			background-image: -o-linear-gradient(bottom, rgba(0,0,0,.1), rgba(255,255,255,.1));
			background-image: -ms-linear-gradient(bottom, rgba(0,0,0,.1), rgba(255,255,255,.1));
			background-image: linear-gradient(to top, rgba(0,0,0,.1), rgba(255,255,255,.1));
			color: #fff;
			font-size: 117%;
			font-weight: bold;
		}
			.ul_question01 li .ttl01 > span {
				position: absolute;
				top: 50%;
				left: 0px;
				margin-top: -18px;
			}
				.ul_question01 li .ttl01 > span img { width: 36px;}
				
		.ul_question01 li .boxDetail01 { padding: 10px 3.13%;}
			.ul_question01 li .boxDetail01 .txt01 {}
				.ul_question01 li .boxDetail01 .txt01 > span {
					color: #ff8208;
					font-weight: bold;
				}
			.ul_question01 li .boxDetail01 .img01 {
				width: 300px;
				margin: 10px auto 0;
			}		
		

.imgFresh01 { margin-bottom: 10px;}
.imgFresh03 { margin-bottom: 10px;}	

.dl_basic01 { margin: 0 3.13% 8px;}
	.dl_basic01 dt {
		margin-bottom: 5px;
		font-size: 125%;
		font-weight: bold;	
	}
		#blue .dl_basic01 dt { color: #1391e4;}
		#pink .dl_basic01 dt { color: #ef8bb1;}
		#green .dl_basic01 dt { color: #41c181;}
		#purple .dl_basic01 dt { color: #8585df;}
	.dl_basic01 dd {}


.imgFresh02 { 
	width: 300px;
	margin: 0 auto 10px;
}
.imgContact01.mb15 { margin-bottom: 15px;}

.boxYoutube01 {
	width: 320px;
	margin: 0 auto;
	padding: 0 3.13% 10px;
}
	.boxYoutube01 iframe {
		width: 100%;
		height: 200px;
		border: 1px #ccc solid;
	}

.boxFresh01 { margin-bottom: 15px;}
	.ttlFresh01 {
		position: relative;
		padding: 10px 3.13% 10px 16px;
		font-size: 117%;
		font-weight: bold;
		color: #fff;
	}
		.ttlFresh01:after {
			content: "";
			display: block;
			position: absolute;
			top: 50%;
			left: 0;
			margin-top: -1px;
			background-color: #fff;
			width: 13px;
			height: 2px;
		}
			#blue .ttlFresh01 {
				background-color: #1391e4;
				background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.1), rgba(255,255,255,.1));
				background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.1), rgba(255,255,255,.1));
				background-image: -o-linear-gradient(bottom, rgba(0,0,0,.1), rgba(255,255,255,.1));
				background-image: -ms-linear-gradient(bottom, rgba(0,0,0,.1), rgba(255,255,255,.1));
				background-image: linear-gradient(to top, rgba(0,0,0,.1), rgba(255,255,255,.1));
			}
			#pink .ttlFresh01 {
				background-color: #ef8bb1;
				background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.1), rgba(255,255,255,.1));
				background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.1), rgba(255,255,255,.1));
				background-image: -o-linear-gradient(bottom, rgba(0,0,0,.1), rgba(255,255,255,.1));
				background-image: -ms-linear-gradient(bottom, rgba(0,0,0,.1), rgba(255,255,255,.1));
				background-image: linear-gradient(to top, rgba(0,0,0,.1), rgba(255,255,255,.1));
			}
			#green .ttlFresh01 {
				background-color: #41c181;
				background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.1), rgba(255,255,255,.1));
				background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.1), rgba(255,255,255,.1));
				background-image: -o-linear-gradient(bottom, rgba(0,0,0,.1), rgba(255,255,255,.1));
				background-image: -ms-linear-gradient(bottom, rgba(0,0,0,.1), rgba(255,255,255,.1));
				background-image: linear-gradient(to top, rgba(0,0,0,.1), rgba(255,255,255,.1));
			}
			#purple .ttlFresh01 {
				background-color: #8585df;
				background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.1), rgba(255,255,255,.1));
				background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.1), rgba(255,255,255,.1));
				background-image: -o-linear-gradient(bottom, rgba(0,0,0,.1), rgba(255,255,255,.1));
				background-image: -ms-linear-gradient(bottom, rgba(0,0,0,.1), rgba(255,255,255,.1));
				background-image: linear-gradient(to top, rgba(0,0,0,.1), rgba(255,255,255,.1));
			}

.ul_fresh01 {}
	.ul_fresh01 > li {
		padding: 10px 3.13%;
		background-color: #fff;
		background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.1), rgba(255,255,255,.1));
		background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.1), rgba(255,255,255,.1));
		background-image: -o-linear-gradient(bottom, rgba(0,0,0,.1), rgba(255,255,255,.1));
		background-image: -ms-linear-gradient(bottom, rgba(0,0,0,.1), rgba(255,255,255,.1));
		background-image: linear-gradient(to top, rgba(0,0,0,.1), rgba(255,255,255,.1));
	}
		.ul_fresh01 > li dl {}
			.ul_fresh01 > li dl dt { margin-bottom: 10px;}
				.ul_fresh01 > li dl dt .point01 {
					float: left;
					display: block;
					width: 52px;
					height: 20px;
					line-height: 20px;
					margin-right: 5px;
					text-align: center;
					font-weight: bold;
				}
					#blue .ul_fresh01 > li dl dt .point01 {
						background-color: #def3fb;
						color: #1391e4;
					}
					#pink .ul_fresh01 > li dl dt .point01 {
						background-color: #fef0f5;
						color: #ef8bb1;
					}
					#green .ul_fresh01 > li dl dt .point01 {
						background-color: #effbf6;
						color: #41c181;
					}
					#purple .ul_fresh01 > li dl dt .point01 {
						background-color: #f2f0f9;
						color: #8585df;
					}
					
				.ul_fresh01 > li dl dt .ttl01 {
					overflow: hidden;
					display: block;
					font-size: 125%;
					font-weight: bold;
				}
					#blue .ul_fresh01 > li dl dt .ttl01 { color: #0152cc;}
					#blue .ul_fresh01 > li dl dt .ttl01 .txt01 { color: #1391e4;}
					#pink .ul_fresh01 > li dl dt .ttl01 { color: #e04c7b;}
					#pink .ul_fresh01 > li dl dt .ttl01 .txt01 { color: #ef8bb1;}
					#green .ul_fresh01 > li dl dt .ttl01 { color: #119241;}
					#green .ul_fresh01 > li dl dt .ttl01 .txt01 { color: #41c181;}
					#purple .ul_fresh01 > li dl dt .ttl01 { color: #5f5fce;}
					#purple .ul_fresh01 > li dl dt .ttl01 .txt01 { color: #8585df;}
					
			.ul_fresh01 > li dl dd { font-size: 117%;}
				.ul_fresh01 > li dl dd .boxInfo01 { margin-bottom: 7px;}
					.ul_fresh01 > li dl dd .txt01 {}
					.ul_fresh01 > li dl dd .boxInfo01 ul {}
						.ul_fresh01 > li dl dd .boxInfo01 ul > li {}
							.ul_fresh01 > li dl dd .boxInfo01 ul > li .txt01 { color: #ff8208;}
								#pink .ul_fresh01 > li dl dd .boxInfo01 ul > li > .txt01 > span { color: #ef8bb1;} 
								#green .ul_fresh01 > li dl dd .boxInfo01 ul > li > .txt01 > span { color: #41c181;} 
								#purple .ul_fresh01 > li dl dd .boxInfo01 ul > li > .txt01 > span { color: #8585df;} 
				.ul_fresh01 > li dl dd .img01 {
					display: block;
					width: 300px;
					margin: 0 auto;
				}
							


.boxFreshIn01 { margin: 10px 3.13% 0;}
.txtFresh01 {
	margin-bottom: 10px;
	font-size: 125%;
	font-weight: bold;
}
	#blue .txtFresh01 { color: #1391e4;}
	#pink .txtFresh01 { color: #ef8bb1;}
	#green .txtFresh01 { color: #41c181;}
	#purple .txtFresh01 { color: #8585df;}

.dl_question02 { margin-bottom: 5px;}
	.dl_question02 dt {
		margin-bottom: 5px;
		padding-bottom: 3px;
		background: url(../images/sp/bg_line_dot01.png) left bottom repeat-x;
		font-size: 125%;
		font-weight: bold;
	}
		#blue .dl_question02 dt { color: #1391e4;}
		#pink .dl_question02 dt { color: #ef8bb1;}
		#green .dl_question02 dt { color: #41c181;}
		#purple .dl_question02 dt { color: #8585df;}
		
		.dl_question02 dt span {
			display: block;
			padding: 0px 0 4px 26px;
		}
			#blue .dl_question02 dt span { 
				background: url(../images/sp/ico_question01.png) left top no-repeat;
				background-size: 21px 21px;
			}
			#pink .dl_question02 dt span { 
				background: url(../images/pc/ico_question02.png) left top no-repeat;
				background-size: 21px 21px;
			}
			#green .dl_question02 dt span { 
				background: url(../images/pc/ico_question03.png) left top no-repeat;
				background-size: 21px 21px;
			}
			#purple .dl_question02 dt span { 
				background: url(../images/pc/ico_question04.png) left top no-repeat;
				background-size: 21px 21px;
			}
	.dl_question02 dd {
		padding: 1px 0 1px 26px;
		background: url(../images/sp/ico_answer03.png) left top no-repeat;
		background-size: 21px 21px;
		
	}

.boxProfile01 {
	width: 300px;
	margin: 0 auto 10px;
}
	.boxProfile01 .img01 { margin-bottom: 3px;}
	.boxProfile01 .boxProfileIn01 { padding: 10px 3.13%;}
		#blue .boxProfile01 .boxProfileIn01 { background-color: #ade0f5;}
		#pink .boxProfile01 .boxProfileIn01 { background-color: #fdd9e6;}
		#green .boxProfile01 .boxProfileIn01 { background-color: #d6f5e8;}
		#purple .boxProfile01 .boxProfileIn01 { background-color: #dfd9ef;}
		
		.boxProfile01 .boxProfileIn01 dl {}
			.boxProfile01 .boxProfileIn01 dl dt { 
				float: left;
				width: 45px;
			}
			.boxProfile01 .boxProfileIn01 dl dd { overflow: hidden;}

.boxStory01 {
	margin: 10px 0;
	padding: 10px 3.13%;
	background-color: #def3fb;
}
	.boxStory01 .ttl01 {
		margin-bottom: 8px;
		padding: 5px 10px;
		background-color: #97d5f1;
		font-size: 117%;
		font-weight: bold;
		color: #fff;
	}
	.boxStory01 .img01 { 
		width: 300px;
		margin: 0 auto;	
	}
	.boxStory01 .txt01 { margin-bottom: 10px;}

.dl_application01 {}
	.dl_application01.last { margin-bottom: 10px;}
	.dl_application01 dt {
		padding: 10px;
		border-bottom: 1px #ccc solid;
		color: #fff;
		font-weight: bold;
	}
		#blue .dl_application01 dt { background-color: #97d5f1;}
		#pink .dl_application01 dt { background-color: #f6acc8;}
		#green .dl_application01 dt { background-color: #70d8a4;}
		#purple .dl_application01 dt { background-color: #b9b9f4;}
	.dl_application01 dd { 
		padding: 10px 10px 10px 20px;
		border-bottom: 1px #ccc solid;
	}
		#blue .dl_application01 dd .ico_square01 { color: #ade0f5;}
		#pink .dl_application01 dd .ico_square01 { color: #fdd9e6;}
		#green .dl_application01 dd .ico_square01 { color: #d6f5e8;}
		#purple .dl_application01 dd .ico_square01 { color: #dfd9ef;}
		.dl_application01 dd .ttl01 { font-weight: bold;}
			#blue .dl_application01 dd .ttl01 { color: #1391e4;}
			#pink .dl_application01 dd .ttl01 { color: #ef8bb1;}
			#green .dl_application01 dd .ttl01 { color: #41c181;}
			#purple .dl_application01 dd .ttl01 { color: #8585df;}
			.ol_application01 {}
				.ol_application01 li {
					position: relative; 
					padding-left: 12px;
				}
					.ol_application01 li:after {
						content:"";
						display: block;
						position: absolute;
						top: 3px;
						left: 0;
						width: 9px;
						height: 9px;
					}
						#blue .ol_application01 li:after { background-color: #ade0f5;}
						#pink .ol_application01 li:after { background-color: #fdd9e6;}
						#green .ol_application01 li:after { background-color: #d6f5e8;}
						#purple .ol_application01 li:after { background-color: #dfd9ef;}



/* !Women
---------------------------------------------------------- */
.boxPromise01 {
	margin: 0 3.13% 10px;
	padding: 10px;
}
	.boxPromise01.type01 {
		background: url(../images/pc/bg_promise01.gif) left top repeat;
		border: 1px #fb9735 solid;
	}
	.boxPromise01.type02 {
		background: url(../images/pc/bg_promise02.gif) left top repeat;
		border: 1px #52b9f4 solid;
	}
	.boxPromise01 .img01 {
		float: left;
		width: 22%;
	}
	.boxPromise01 .boxDetail {
		float: right;
		width: 75%;
	}
		.boxPromise01 .boxDetail .txt01 {
			color: #666;
			font-weight: bold;
		}
		.boxPromise01 .boxDetail .img02 { margin-top: 8px;}
		
		.boxPromise01 .boxDetail .txt02 {
			margin-bottom: 8px;
			color: #666;
			font-weight: bold;
		}
		.boxPromise01 .boxDetail .img03 { 
			width: 50%;
			margin: 0 auto;
		}