@charset "utf-8";
/* --------------------------------
	(各ページ個別スタイル)
--------------------------------

	index
	
	1. index.html
	
	
--------------------------------- */
/* ==========================================================================================================

	 1. index.html
 
============================================================================================================*/
/*  ------------------------------------------------------------------

	mainVisual

---------------------------------------------------------------------*/
.mainVisual {
	margin-bottom: 10px;
}
/*  ------------------------------------------------------------------

	requestBlock

---------------------------------------------------------------------*/
.requestBlock {
	background-color: #f1eee7;
	padding: 2.666666%;
}
.requestBlock h3,
.requestBlock .txt01,
.requestBlock .txt02,
.requestBlock .btn01 {
	margin-bottom: 10px;
}
.requestBlock .img02,
.requestBlock .txt04 {
	margin-bottom: 15px;
}
.requestBlock .btnBlock {
	background-color: #fff;
	padding: 2.666666%;
}
/* other clm */
.requestBlock.clm01 {
	padding-top: 0.4%;
	padding-bottom: 6%;
}
.requestBlock.clm02 {
	padding-top: 3.333333%;
	padding-bottom: 4.666666%;
}
.requestBlock.clm03 {
	padding-top: 3.333333%;
	padding-bottom: 5.333333%;
}
.requestBlock.clm04 {
	padding-top: 0.666666%;
	padding-bottom: 2%;
}
.requestBlock.clm05 {
	padding-top: 2%;
	padding-bottom: 2%;
}

.requestBlock #acMenu03 {
	margin-bottom: 10px;
}
.requestBlock #acMenu03 .hiddenBlock {
	display: none;
}
.requestBlock #acMenu03 .hiddenBlock .innerBlock {
	position: relative;
	text-align: left;
	margin-bottom: 10px;
}
.requestBlock #acMenu03 .hiddenBlock .innerBlock p {
	position: absolute;
	top: 0;
	left: 0;
	font-size: 0.6rem;
	line-height: 1.2;
}
.requestBlock #acMenu03 .hiddenBlock .innerBlock.clm01 p.li01 {
	top: 25%;
	left: 1.492537%;
	right: 1.492537%;
}
.requestBlock #acMenu03 .hiddenBlock .innerBlock.clm01 p.li02 {
	top: 60%;
	left: 1.492537%;
	right: 1.492537%;
}
.requestBlock #acMenu03 .hiddenBlock .innerBlock.clm02 p {
	top: 25%;
	left: 1.492537%;
	right: 1.492537%;
}
.requestBlock #acMenu03 .hiddenBlock .innerBlock.clm03 p {
	top: 40%;
	left: 1.492537%;
	right: 1.492537%;
}
.requestBlock #acMenu03 .btn img.on {
	display: none;
}
.requestBlock #acMenu03 .btn img.off {
	display: block;
}
.requestBlock #acMenu03 .btn.active img.on {
	display: block;
}
.requestBlock #acMenu03 .btn.active img.off {
	display: none;
}

/*  ------------------------------------------------------------------

	section01

---------------------------------------------------------------------*/
#section01 {
}
#section01 .txt01 {
	padding: 0 10%;
	margin-bottom: 5px;
}
#section01 .btn01 {
	padding: 0 5.866666%;
	margin-bottom: 12px;
}
#section01 .txt02 {
	margin-bottom: 10px;
}
#section01 .arrow01 {
	padding: 0 42.666666%;
	margin-bottom: 3px;
}
#section01 .txt03 {
	padding: 0 2.666666%;
	margin-bottom: 12px;
}

/*  ------------------------------------------------------------------

	section02

---------------------------------------------------------------------*/
#section02 {
}
#section02 .reasonBlock {
	background-image:url(../img/index/section02_bg_01.png);
	background-repeat: repeat;
	background-position: left bottom;
	padding-bottom: 12px;
}
#section02 .txt01 {
	margin-bottom: 13px;
}
#section02 .img01,
#section02 .img02,
#section02 .img03 {
	padding: 0 1.333333%;
	margin-bottom: 10px;
}
#section02 .txt02 {
	padding: 0 2.666666%;
}
#section02 .bg02 {
	margin-bottom: 18px;
	line-height: 1;
}
#section02 .txt03 {
	padding: 0 5.333333%;
	margin-bottom: 25px;
}
#section02 .txt04 {
	padding: 0 17.066666%;
	margin-bottom: 30px;
}
#section02 .bg03 {
	line-height: 1;
}
#section02 .bg03 img {
	vertical-align: bottom;
}

/*  ------------------------------------------------------------------

	section03

---------------------------------------------------------------------*/
#section03 {
}
#section03 .appealBlock {
	background-image:url(../img/index/section03_bg_01.png);
	background-repeat: repeat;
	background-position: center top;
	padding-bottom: 15px;
}
#section03 .txt01 {
	margin-bottom: 10px;
}
#section03 .appealBlock .innerBlock {
	background-color: #fff;
	font-size: 1.2rem;
	text-align: left;
	margin-bottom: 10px;
}
#section03 .appealBlock .innerBlock.clm01 {
	padding-bottom: 2.666666%;
}
#section03 .appealBlock .innerBlock p {
	padding: 2.666666%;
}
#section03 .appealBlock .innerBlock .profileBlock {
	background-color: #f1eee7;
	font-size: 1.0rem;
	margin: 0 2.666666%;
}
#section03 .bg02 {
	margin-bottom: 20px;
	line-height: 1;
}
#section03 .txt02 {
	padding: 0 19.733333%;
	margin-bottom: 18px;
}
#section03 .txt03 {
	padding: 0 11.2%;
	margin-bottom: 25px;
}
#section03 .bg03 {
	line-height: 1;
}
#section03 .bg03 img {
	vertical-align: bottom;
}

/*  ------------------------------------------------------------------

	section04

---------------------------------------------------------------------*/
#section04 {
}
#section04 .happyBlock {
	background-image:url(../img/index/section04_bg_01.png);
	background-repeat: repeat;
	background-position: center top;
	padding-bottom: 8%;
}
#section04 .happyBlock .happyInner {
	padding: 0 2.666666%;
	text-align: left;
	font-size: 1.2rem;
}
#section04 .happyBlock .happyInner .txt {
	padding: 5.633802% 0 4.225352%;
}
#section04 .happyBlock .happyInner.clm01 {
	padding-top: 4%;
}
#section04 .happyBlock .bdr01 {
	padding: 8% 2.666666%;
	line-height: 1;
	font-size: 0.4rem;
}
#section04 .happyBlock .bdr01 img {
	vertical-align: middle;
}
#section04 .txt07 {
	padding: 15px 2.666666%;
}
#section04 .bg02 {
	line-height: 1;
}
#section04 .bg02 img {
	vertical-align: bottom;
}

/*  ------------------------------------------------------------------

	section05

---------------------------------------------------------------------*/
#section05 {
}
#section05 .curriculumBlock {
	background-color: #eef2e6;
	padding-bottom: 16px;
}
#section05 .curriculumBlock .curriculumInner {
	padding: 0 2.666666%;
	margin-bottom: 20px;
	position: relative;
	text-align: left;
}
#section05 .curriculumBlock .curriculumInner p {
	position: absolute;
	font-size: 1.2rem;
	line-height: 1.3;
	top: 78%;
	right: 8%;
	left: 8%;
}
#section05 .txt01,
#section05 .txt02 {
	margin-bottom: 7px;
}
#section05 .currDl {
	background-color: #FFF;
	margin: 0 2.666666%;
	margin-bottom: 10px;
	text-align: left;
	line-height: 1.2;
}
#section05 .currDl.lastChild {
	margin-bottom: 0px;
}
#section05 .currDl dt {
	float: left;
	width: 45.333333%;
}
#section05 .currDl dd {
	padding: 2.777777%;
	padding-left: 48%;
}
#section05 .currDl dd h4 {
	font-size: 1.3rem;
	color: #ff4e00;
	font-weight: bold;
	margin-bottom: 5px;
}
#section05 .currDl dd p {
	font-size: 1.0rem;
}
#section05 .bg01 {
	margin-bottom: 15px;
}
#section05 .txt03 {
	margin-bottom: 10px;
	padding: 0 2.666666%;
}
#section05 .img08 {
	margin-bottom: 20px;
	padding: 0 10.666666%;
}
#section05 .txtBlock01 {
	font-size: 1.2rem;
	line-height: 1.5;
	text-align: left;
	padding: 0 2.666666%;
	margin-bottom: 20px;
}
#section05 .qualiBlock {
	margin: 0 2.666666%;
	margin-bottom: 15px;
	position: relative;
	text-align: left;
	overflow: hidden;
}
#section05 .qualiBlock p {
	position: absolute;
	font-size: 0.8rem;
	line-height: 1.0;
}
#section05 .qualiBlock .quali01 {
	top: 50%;
	left: 19.514084%;
	right: 54.246478%;
}
#section05 .qualiBlock .quali02 {
	top: 50%;
	left: 66.197183%;
	right: 8.450704%;
}
#section05 .bottomBlock {
	background-image: url(../img/index/section05_bg_03.png);
	background-position: center top;
	background-repeat: repeat;
	padding-bottom: 18px;
}
#section05 .txt04 {
	padding: 2.666666%;
}

/*  ------------------------------------------------------------------

	section06

---------------------------------------------------------------------*/
#section06 {
	background-color: #ede1d0;
	padding: 20px 0 30px;
}
#section06 .txt01 {
	padding: 0 2%;
	margin-bottom: 15px;
}
#section06 .acBlock01 {
	padding: 0 5.333333%;
}
#section06 .acBlock01 .voiceBlock {
	margin-bottom: 20px;
	position: relative;
	text-align: left;
}
#section06 .acBlock01 .voiceBlock h4 {
	position: absolute;
	top: 6%;
	left: 4.179104%;
	right: 9.701492%;
}
#section06 .acBlock01 .voiceBlock dl {
	font-size: 0.8rem;
	line-height: 1.1;
	margin: 0 4.179104%;
	position: absolute;
	top: 30%;
	left: 0;
}
#section06 .acBlock01 .voiceBlock dl dt {
	width: 28.358208%;
	float: left;
}
#section06 .acBlock01 .voiceBlock dl dt img {
	margin-bottom: 10px;
}
#section06 .acBlock01 .voiceBlock dl dd {
	padding-left: 32.835820%;
}
#section06 .acBlock01 .voiceBlock p {
	font-size: 1.1rem;
}

#section06 #acMenu01 .hiddenBlock {
	display: none;
}
#section06 #acMenu01 .btn img.on {
	display: none;
}
#section06 #acMenu01 .btn img.off {
	display: block;
}
#section06 #acMenu01 .btn.active img.on {
	display: block;
}
#section06 #acMenu01 .btn.active img.off {
	display: none;
}

/*  ------------------------------------------------------------------

	section07

---------------------------------------------------------------------*/
#section07 {
	background-color: #f9edc3;
	padding: 18px 0 0;
}
#section07 .txt01 {
	padding: 0 2.666666%;
	margin-bottom: 15px;
}
#section07 .acMenu02 {
	text-align: left;
	padding: 15px 0;
	background-image: url(../img/index/section07_bdr_01.png);
	background-repeat: no-repeat;
	background-size: auto 4px;
}
#section07 .acMenu02 dt {
	font-size: 1.1rem;
	font-weight: bold;
	color: #47281a;
	padding: 0 8% 0 2.666666%;
	background-image: url(../img/index/section07_arrow_02.png);
	background-size: 28px;
	background-position: right 50%;
	background-repeat: no-repeat;
}
#section07 .acMenu02 dt.active {
	background-image: url(../img/index/section07_arrow_01.png);
}
#section07 .acMenu02 dt span {
	background-image: url(../img/index/section07_ico_01.png);
	background-size: 20px;
	background-position: left 2px;
	background-repeat: no-repeat;
	padding: 4px 0 4px 9%;
	display: block;
}
#section07 .acMenu02 dd {
	background-image: url(../img/index/section07_ico_02.png);
	background-size: 20px;
	background-position: 3% 15px;
	background-repeat: no-repeat;
	display: none;
	font-size: 1.1rem;
	padding: 0 8% 0 11%;
	padding-top: 15px;
}

/*  ------------------------------------------------------------------

	sectionEX

---------------------------------------------------------------------*/
.section_ex {
	background-color: #fff;
}
.section_ex .txt01 {
	padding: 13px 10.666666% 10px;
}
.section_ex .txt02 {
	padding: 17px 2% 10px;
}
.section_ex .bg01 img {
	vertical-align: bottom;
}
















/* ==========================================================================================================

	99. clearFix (pkg)

============================================================================================================*/

/* start clearfix */
.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}
.clearfix:after {
	clear: both;
}
/* IE6/7 support */
.clearfix {
	*zoom: 1;
}
/* end clearfix */