@charset "UTF-8";

/*-----------------------------------*/
html {
	font-size: 62.5%;
}
body {
	font-size: 1.6rem;
	font-size: 160%;
	color: #332111;
	line-height: 1.5;
}
#bg-body {
	background: #FCE4DC;
}
.container {
	width: 1024px;
	margin: 0 auto;
}
.cont-area {
	height: 570px;
	position: relative;
}
.cont-bg {
	background: url(../img/cont-bg.jpg) no-repeat;
}
.cont-area article {
	height: 514px;
	padding: 0 20px;
	position: relative;
}
.selection {
    display: none;
    height: 514px;
	padding-top: 10px;
  	font-size: 1.8rem;
   	overflow:hidden;
}
#page-1 {
    display: block;
}

.red {
	color: #cc0066 !important;
}

.green {
	color: #00b050 !important;
}

.blue {
	color: #2196F3 !important;
}

.orange {
	color: #fa8964 !important;
}

.border-red {
	border: 2px solid #cc0066;
	padding: 10px;
}

.border-green {
	border: 2px solid #00b050;
	padding: 10px;
}

.border-black {
	border: 2px solid #ccc;
	padding: 10px;
}

.bg_white {
	background-color: #fff;
}

.bg_green {
	background-color: #00b050;
	color: #fff;
	border-radius: 5px;
	padding: 2px;
}



.dispN  { display: none !important; }
.dispB  { display: block !important; }
.dispI  { display: inline !important; }
.dispIB { display: inline-block !important; }
.dispT  { display: table !important; }
.dispTC { display: table-cell !important; }

.fwN { font-weight: normal !important; }
.fwB { font-weight: bold !important; }

.taR {text-align: right !important;}
.taL { text-align: left !important; }
.taC { text-align: center !important; }

.fL  { float: left !important; }
.fR  { float: right !important; }
.fN  { float: none !important; }

.fs08 { font-size: 8px !important; }
.fs09 { font-size: 9px !important; }
.fs10 { font-size:10px !important; }
.fs11 { font-size:11px !important; }
.fs12 { font-size:12px !important; }
.fs13 { font-size:13px !important; }
.fs14 { font-size:14px !important; }
.fs15 { font-size:15px !important; }
.fs16 { font-size:16px !important; }
.fs17 { font-size:17px !important; }
.fs18 { font-size:18px !important; }
.fs19 { font-size:19px !important; }
.fs20 { font-size:20px !important; }
.fs21 { font-size:21px !important; }
.fs22 { font-size:22px !important; }
.fs23 { font-size:23px !important; }
.fs24 { font-size:24px !important; }
.fs25 { font-size:25px !important; }
.fs26 { font-size:26px !important; }
.fs27 { font-size:27px !important; }
.fs28 { font-size:28px !important; }
.fs29 { font-size:29px !important; }
.fs30 { font-size:30px !important; }
.fs31 { font-size:31px !important; }
.fs32 { font-size:32px !important; }
.fs33 { font-size:33px !important; }
.fs34 { font-size:34px !important; }
.fs35 { font-size:35px !important; }
.fs36 { font-size:36px !important; }
.fs37 { font-size:37px !important; }
.fs38 { font-size:38px !important; }
.fs39 { font-size:39px !important; }
.fs40 { font-size:40px !important; }
.fs41 { font-size:41px !important; }
.fs42 { font-size:42px !important; }
.fs43 { font-size:43px !important; }
.fs44 { font-size:44px !important; }
.fs45 { font-size:45px !important; }
.fs46 { font-size:46px !important; }
.fs47 { font-size:47px !important; }
.fs48 { font-size:48px !important; }
.fs49 { font-size:49px !important; }
.fs50 { font-size:50px !important; }
.fs51 { font-size:51px !important; }
.fs52 { font-size:52px !important; }
.fs53 { font-size:53px !important; }
.fs54 { font-size:54px !important; }
.fs55 { font-size:55px !important; }
.fs56 { font-size:56px !important; }
.fs57 { font-size:57px !important; }
.fs58 { font-size:58px !important; }
.fs59 { font-size:59px !important; }
.fs60 { font-size:60px !important; }
.fs61 { font-size:61px !important; }
.fs62 { font-size:62px !important; }
.fs63 { font-size:63px !important; }
.fs64 { font-size:64px !important; }
.fs65 { font-size:65px !important; }
.fs66 { font-size:66px !important; }
.fs67 { font-size:67px !important; }
.fs68 { font-size:68px !important; }
.fs69 { font-size:69px !important; }
.fs70 { font-size:70px !important; }
.fs71 { font-size:71px !important; }
.fs72 { font-size:72px !important; }
.fs73 { font-size:73px !important; }
.fs74 { font-size:74px !important; }
.fs75 { font-size:75px !important; }
.fs76 { font-size:76px !important; }
.fs77 { font-size:77px !important; }
.fs78 { font-size:78px !important; }
.fs79 { font-size:79px !important; }
.fs80 { font-size:80px !important; }
.fs81 { font-size:81px !important; }
.fs82 { font-size:82px !important; }
.fs83 { font-size:83px !important; }
.fs84 { font-size:84px !important; }
.fs85 { font-size:85px !important; }
.fs86 { font-size:86px !important; }
.fs87 { font-size:87px !important; }
.fs88 { font-size:88px !important; }
.fs89 { font-size:89px !important; }
.fs90 { font-size:90px !important; }
.fs91 { font-size:91px !important; }
.fs92 { font-size:92px !important; }
.fs93 { font-size:93px !important; }
.fs94 { font-size:94px !important; }
.fs95 { font-size:95px !important; }
.fs96 { font-size:96px !important; }
.fs97 { font-size:97px !important; }
.fs98 { font-size:98px !important; }
.fs99 { font-size:99px !important; }
.fs100 { font-size:100px !important; }

/*--- margin bottom ---*/
.mb00 { margin-bottom: 0px !important; }
.mb01 { margin-bottom: 1px !important; }
.mb02 { margin-bottom: 2px !important; }
.mb03 { margin-bottom: 3px !important; }
.mb04 { margin-bottom: 4px !important; }
.mb05 { margin-bottom: 5px !important; }
.mb06 { margin-bottom: 6px !important; }
.mb07 { margin-bottom: 7px !important; }
.mb08 { margin-bottom: 8px !important; }
.mb09 { margin-bottom: 9px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb11 { margin-bottom: 11px !important; }
.mb12 { margin-bottom: 12px !important; }
.mb13 { margin-bottom: 13px !important; }
.mb14 { margin-bottom: 14px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb16 { margin-bottom: 16px !important; }
.mb17 { margin-bottom: 17px !important; }
.mb18 { margin-bottom: 18px !important; }
.mb19 { margin-bottom: 19px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb21 { margin-bottom: 21px !important; }
.mb22 { margin-bottom: 22px !important; }
.mb23 { margin-bottom: 23px !important; }
.mb24 { margin-bottom: 24px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb26 { margin-bottom: 26px !important; }
.mb27 { margin-bottom: 27px !important; }
.mb28 { margin-bottom: 28px !important; }
.mb29 { margin-bottom: 29px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb31 { margin-bottom: 31px !important; }
.mb32 { margin-bottom: 32px !important; }
.mb33 { margin-bottom: 33px !important; }
.mb34 { margin-bottom: 34px !important; }
.mb35 { margin-bottom: 35px !important; }
.mb36 { margin-bottom: 36px !important; }
.mb37 { margin-bottom: 37px !important; }
.mb38 { margin-bottom: 38px !important; }
.mb39 { margin-bottom: 39px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb41 { margin-bottom: 41px !important; }
.mb42 { margin-bottom: 42px !important; }
.mb43 { margin-bottom: 43px !important; }
.mb44 { margin-bottom: 44px !important; }
.mb45 { margin-bottom: 45px !important; }
.mb46 { margin-bottom: 46px !important; }
.mb47 { margin-bottom: 47px !important; }
.mb48 { margin-bottom: 48px !important; }
.mb49 { margin-bottom: 49px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb51 { margin-bottom: 51px !important; }
.mb52 { margin-bottom: 52px !important; }
.mb53 { margin-bottom: 53px !important; }
.mb54 { margin-bottom: 54px !important; }
.mb55 { margin-bottom: 55px !important; }
.mb56 { margin-bottom: 56px !important; }
.mb57 { margin-bottom: 57px !important; }
.mb58 { margin-bottom: 58px !important; }
.mb59 { margin-bottom: 59px !important; }
.mb60 { margin-bottom: 60px !important; }
.mb61 { margin-bottom: 61px !important; }
.mb62 { margin-bottom: 62px !important; }
.mb63 { margin-bottom: 63px !important; }
.mb64 { margin-bottom: 64px !important; }
.mb65 { margin-bottom: 65px !important; }
.mb66 { margin-bottom: 66px !important; }
.mb67 { margin-bottom: 67px !important; }
.mb68 { margin-bottom: 68px !important; }
.mb69 { margin-bottom: 69px !important; }
.mb70 { margin-bottom: 70px !important; }
.mb71 { margin-bottom: 71px !important; }
.mb72 { margin-bottom: 72px !important; }
.mb73 { margin-bottom: 73px !important; }
.mb74 { margin-bottom: 74px !important; }
.mb75 { margin-bottom: 75px !important; }
.mb76 { margin-bottom: 76px !important; }
.mb77 { margin-bottom: 77px !important; }
.mb78 { margin-bottom: 78px !important; }
.mb79 { margin-bottom: 79px !important; }
.mb80 { margin-bottom: 80px !important; }
.mb81 { margin-bottom: 81px !important; }
.mb82 { margin-bottom: 82px !important; }
.mb83 { margin-bottom: 83px !important; }
.mb84 { margin-bottom: 84px !important; }
.mb85 { margin-bottom: 85px !important; }
.mb86 { margin-bottom: 86px !important; }
.mb87 { margin-bottom: 87px !important; }
.mb88 { margin-bottom: 88px !important; }
.mb89 { margin-bottom: 89px !important; }
.mb90 { margin-bottom: 90px !important; }
.mb91 { margin-bottom: 91px !important; }
.mb92 { margin-bottom: 92px !important; }
.mb93 { margin-bottom: 93px !important; }
.mb94 { margin-bottom: 94px !important; }
.mb95 { margin-bottom: 95px !important; }
.mb96 { margin-bottom: 96px !important; }
.mb97 { margin-bottom: 97px !important; }
.mb98 { margin-bottom: 98px !important; }
.mb99 { margin-bottom: 99px !important; }
.mb100 { margin-bottom: 100px !important; }


/*--- margin top ---*/
.mt00 { margin-top: 0px !important; }
.mt01 { margin-top: 1px !important; }
.mt02 { margin-top: 2px !important; }
.mt03 { margin-top: 3px !important; }
.mt04 { margin-top: 4px !important; }
.mt05 { margin-top: 5px !important; }
.mt06 { margin-top: 6px !important; }
.mt07 { margin-top: 7px !important; }
.mt08 { margin-top: 8px !important; }
.mt09 { margin-top: 9px !important; }
.mt10 { margin-top: 10px !important; }
.mt11 { margin-top: 11px !important; }
.mt12 { margin-top: 12px !important; }
.mt13 { margin-top: 13px !important; }
.mt14 { margin-top: 14px !important; }
.mt15 { margin-top: 15px !important; }
.mt16 { margin-top: 16px !important; }
.mt17 { margin-top: 17px !important; }
.mt18 { margin-top: 18px !important; }
.mt19 { margin-top: 19px !important; }
.mt20 { margin-top: 20px !important; }
.mt21 { margin-top: 21px !important; }
.mt22 { margin-top: 22px !important; }
.mt23 { margin-top: 23px !important; }
.mt24 { margin-top: 24px !important; }
.mt25 { margin-top: 25px !important; }
.mt26 { margin-top: 26px !important; }
.mt27 { margin-top: 27px !important; }
.mt28 { margin-top: 28px !important; }
.mt29 { margin-top: 29px !important; }
.mt30 { margin-top: 30px !important; }
.mt31 { margin-top: 31px !important; }
.mt32 { margin-top: 32px !important; }
.mt33 { margin-top: 33px !important; }
.mt34 { margin-top: 34px !important; }
.mt35 { margin-top: 35px !important; }
.mt36 { margin-top: 36px !important; }
.mt37 { margin-top: 37px !important; }
.mt38 { margin-top: 38px !important; }
.mt39 { margin-top: 39px !important; }
.mt40 { margin-top: 40px !important; }
.mt41 { margin-top: 41px !important; }
.mt42 { margin-top: 42px !important; }
.mt43 { margin-top: 43px !important; }
.mt44 { margin-top: 44px !important; }
.mt45 { margin-top: 45px !important; }
.mt46 { margin-top: 46px !important; }
.mt47 { margin-top: 47px !important; }
.mt48 { margin-top: 48px !important; }
.mt49 { margin-top: 49px !important; }
.mt50 { margin-top: 50px !important; }
.mt51 { margin-top: 51px !important; }
.mt52 { margin-top: 52px !important; }
.mt53 { margin-top: 53px !important; }
.mt54 { margin-top: 54px !important; }
.mt55 { margin-top: 55px !important; }
.mt56 { margin-top: 56px !important; }
.mt57 { margin-top: 57px !important; }
.mt58 { margin-top: 58px !important; }
.mt59 { margin-top: 59px !important; }
.mt60 { margin-top: 60px !important; }
.mt61 { margin-top: 61px !important; }
.mt62 { margin-top: 62px !important; }
.mt63 { margin-top: 63px !important; }
.mt64 { margin-top: 64px !important; }
.mt65 { margin-top: 65px !important; }
.mt66 { margin-top: 66px !important; }
.mt67 { margin-top: 67px !important; }
.mt68 { margin-top: 68px !important; }
.mt69 { margin-top: 69px !important; }
.mt70 { margin-top: 70px !important; }
.mt71 { margin-top: 71px !important; }
.mt72 { margin-top: 72px !important; }
.mt73 { margin-top: 73px !important; }
.mt74 { margin-top: 74px !important; }
.mt75 { margin-top: 75px !important; }
.mt76 { margin-top: 76px !important; }
.mt77 { margin-top: 77px !important; }
.mt78 { margin-top: 78px !important; }
.mt79 { margin-top: 79px !important; }
.mt80 { margin-top: 80px !important; }
.mt81 { margin-top: 81px !important; }
.mt82 { margin-top: 82px !important; }
.mt83 { margin-top: 83px !important; }
.mt84 { margin-top: 84px !important; }
.mt85 { margin-top: 85px !important; }
.mt86 { margin-top: 86px !important; }
.mt87 { margin-top: 87px !important; }
.mt88 { margin-top: 88px !important; }
.mt89 { margin-top: 89px !important; }
.mt90 { margin-top: 90px !important; }
.mt91 { margin-top: 91px !important; }
.mt92 { margin-top: 92px !important; }
.mt93 { margin-top: 93px !important; }
.mt94 { margin-top: 94px !important; }
.mt95 { margin-top: 95px !important; }
.mt96 { margin-top: 96px !important; }
.mt97 { margin-top: 97px !important; }
.mt98 { margin-top: 98px !important; }
.mt99 { margin-top: 99px !important; }
.mt100 { margin-top: 100px !important; }

.mr00 { margin-right: 0px !important; }
.mr01 { margin-right: 1px !important; }
.mr02 { margin-right: 2px !important; }
.mr03 { margin-right: 3px !important; }
.mr04 { margin-right: 4px !important; }
.mr05 { margin-right: 5px !important; }
.mr06 { margin-right: 6px !important; }
.mr07 { margin-right: 7px !important; }
.mr08 { margin-right: 8px !important; }
.mr09 { margin-right: 9px !important; }
.mr10 { margin-right: 10px !important; }
.mr11 { margin-right: 11px !important; }
.mr12 { margin-right: 12px !important; }
.mr13 { margin-right: 13px !important; }
.mr14 { margin-right: 14px !important; }
.mr15 { margin-right: 15px !important; }
.mr16 { margin-right: 16px !important; }
.mr17 { margin-right: 17px !important; }
.mr18 { margin-right: 18px !important; }
.mr19 { margin-right: 19px !important; }
.mr20 { margin-right: 20px !important; }
.mr21 { margin-right: 21px !important; }
.mr22 { margin-right: 22px !important; }
.mr23 { margin-right: 23px !important; }
.mr24 { margin-right: 24px !important; }
.mr25 { margin-right: 25px !important; }
.mr26 { margin-right: 26px !important; }
.mr27 { margin-right: 27px !important; }
.mr28 { margin-right: 28px !important; }
.mr29 { margin-right: 29px !important; }
.mr30 { margin-right: 30px !important; }
.mr31 { margin-right: 31px !important; }
.mr32 { margin-right: 32px !important; }
.mr33 { margin-right: 33px !important; }
.mr34 { margin-right: 34px !important; }
.mr35 { margin-right: 35px !important; }
.mr36 { margin-right: 36px !important; }
.mr37 { margin-right: 37px !important; }
.mr38 { margin-right: 38px !important; }
.mr39 { margin-right: 39px !important; }
.mr40 { margin-right: 40px !important; }
.mr41 { margin-right: 41px !important; }
.mr42 { margin-right: 42px !important; }
.mr43 { margin-right: 43px !important; }
.mr44 { margin-right: 44px !important; }
.mr45 { margin-right: 45px !important; }
.mr46 { margin-right: 46px !important; }
.mr47 { margin-right: 47px !important; }
.mr48 { margin-right: 48px !important; }
.mr49 { margin-right: 49px !important; }
.mr50 { margin-right: 50px !important; }
.mr51 { margin-right: 51px !important; }
.mr52 { margin-right: 52px !important; }
.mr53 { margin-right: 53px !important; }
.mr54 { margin-right: 54px !important; }
.mr55 { margin-right: 55px !important; }
.mr56 { margin-right: 56px !important; }
.mr57 { margin-right: 57px !important; }
.mr58 { margin-right: 58px !important; }
.mr59 { margin-right: 59px !important; }
.mr60 { margin-right: 60px !important; }
.mr61 { margin-right: 61px !important; }
.mr62 { margin-right: 62px !important; }
.mr63 { margin-right: 63px !important; }
.mr64 { margin-right: 64px !important; }
.mr65 { margin-right: 65px !important; }
.mr66 { margin-right: 66px !important; }
.mr67 { margin-right: 67px !important; }
.mr68 { margin-right: 68px !important; }
.mr69 { margin-right: 69px !important; }
.mr70 { margin-right: 70px !important; }
.mr71 { margin-right: 71px !important; }
.mr72 { margin-right: 72px !important; }
.mr73 { margin-right: 73px !important; }
.mr74 { margin-right: 74px !important; }
.mr75 { margin-right: 75px !important; }
.mr76 { margin-right: 76px !important; }
.mr77 { margin-right: 77px !important; }
.mr78 { margin-right: 78px !important; }
.mr79 { margin-right: 79px !important; }
.mr80 { margin-right: 80px !important; }
.mr81 { margin-right: 81px !important; }
.mr82 { margin-right: 82px !important; }
.mr83 { margin-right: 83px !important; }
.mr84 { margin-right: 84px !important; }
.mr85 { margin-right: 85px !important; }
.mr86 { margin-right: 86px !important; }
.mr87 { margin-right: 87px !important; }
.mr88 { margin-right: 88px !important; }
.mr89 { margin-right: 89px !important; }
.mr90 { margin-right: 90px !important; }
.mr91 { margin-right: 91px !important; }
.mr92 { margin-right: 92px !important; }
.mr93 { margin-right: 93px !important; }
.mr94 { margin-right: 94px !important; }
.mr95 { margin-right: 95px !important; }
.mr96 { margin-right: 96px !important; }
.mr97 { margin-right: 97px !important; }
.mr98 { margin-right: 98px !important; }
.mr99 { margin-right: 99px !important; }
.mr100 { margin-right: 100px !important; }

.ml00 { margin-left: 0px !important; }
.ml01 { margin-left: 1px !important; }
.ml02 { margin-left: 2px !important; }
.ml03 { margin-left: 3px !important; }
.ml04 { margin-left: 4px !important; }
.ml05 { margin-left: 5px !important; }
.ml06 { margin-left: 6px !important; }
.ml07 { margin-left: 7px !important; }
.ml08 { margin-left: 8px !important; }
.ml09 { margin-left: 9px !important; }
.ml10 { margin-left: 10px !important; }
.ml11 { margin-left: 11px !important; }
.ml12 { margin-left: 12px !important; }
.ml13 { margin-left: 13px !important; }
.ml14 { margin-left: 14px !important; }
.ml15 { margin-left: 15px !important; }
.ml16 { margin-left: 16px !important; }
.ml17 { margin-left: 17px !important; }
.ml18 { margin-left: 18px !important; }
.ml19 { margin-left: 19px !important; }
.ml20 { margin-left: 20px !important; }
.ml21 { margin-left: 21px !important; }
.ml22 { margin-left: 22px !important; }
.ml23 { margin-left: 23px !important; }
.ml24 { margin-left: 24px !important; }
.ml25 { margin-left: 25px !important; }
.ml26 { margin-left: 26px !important; }
.ml27 { margin-left: 27px !important; }
.ml28 { margin-left: 28px !important; }
.ml29 { margin-left: 29px !important; }
.ml30 { margin-left: 30px !important; }
.ml31 { margin-left: 31px !important; }
.ml32 { margin-left: 32px !important; }
.ml33 { margin-left: 33px !important; }
.ml34 { margin-left: 34px !important; }
.ml35 { margin-left: 35px !important; }
.ml36 { margin-left: 36px !important; }
.ml37 { margin-left: 37px !important; }
.ml38 { margin-left: 38px !important; }
.ml39 { margin-left: 39px !important; }
.ml40 { margin-left: 40px !important; }
.ml41 { margin-left: 41px !important; }
.ml42 { margin-left: 42px !important; }
.ml43 { margin-left: 43px !important; }
.ml44 { margin-left: 44px !important; }
.ml45 { margin-left: 45px !important; }
.ml46 { margin-left: 46px !important; }
.ml47 { margin-left: 47px !important; }
.ml48 { margin-left: 48px !important; }
.ml49 { margin-left: 49px !important; }
.ml50 { margin-left: 50px !important; }
.ml51 { margin-left: 51px !important; }
.ml52 { margin-left: 52px !important; }
.ml53 { margin-left: 53px !important; }
.ml54 { margin-left: 54px !important; }
.ml55 { margin-left: 55px !important; }
.ml56 { margin-left: 56px !important; }
.ml57 { margin-left: 57px !important; }
.ml58 { margin-left: 58px !important; }
.ml59 { margin-left: 59px !important; }
.ml60 { margin-left: 60px !important; }
.ml61 { margin-left: 61px !important; }
.ml62 { margin-left: 62px !important; }
.ml63 { margin-left: 63px !important; }
.ml64 { margin-left: 64px !important; }
.ml65 { margin-left: 65px !important; }
.ml66 { margin-left: 66px !important; }
.ml67 { margin-left: 67px !important; }
.ml68 { margin-left: 68px !important; }
.ml69 { margin-left: 69px !important; }
.ml70 { margin-left: 70px !important; }
.ml71 { margin-left: 71px !important; }
.ml72 { margin-left: 72px !important; }
.ml73 { margin-left: 73px !important; }
.ml74 { margin-left: 74px !important; }
.ml75 { margin-left: 75px !important; }
.ml76 { margin-left: 76px !important; }
.ml77 { margin-left: 77px !important; }
.ml78 { margin-left: 78px !important; }
.ml79 { margin-left: 79px !important; }
.ml80 { margin-left: 80px !important; }
.ml81 { margin-left: 81px !important; }
.ml82 { margin-left: 82px !important; }
.ml83 { margin-left: 83px !important; }
.ml84 { margin-left: 84px !important; }
.ml85 { margin-left: 85px !important; }
.ml86 { margin-left: 86px !important; }
.ml87 { margin-left: 87px !important; }
.ml88 { margin-left: 88px !important; }
.ml89 { margin-left: 89px !important; }
.ml90 { margin-left: 90px !important; }
.ml91 { margin-left: 91px !important; }
.ml92 { margin-left: 92px !important; }
.ml93 { margin-left: 93px !important; }
.ml94 { margin-left: 94px !important; }
.ml95 { margin-left: 95px !important; }
.ml96 { margin-left: 96px !important; }
.ml97 { margin-left: 97px !important; }
.ml98 { margin-left: 98px !important; }
.ml99 { margin-left: 99px !important; }
.ml100 { margin-left: 100px !important; }

.p10 {padding: 10px;}


.pl45 { padding-left: 45px; }

.w712 {
	width: 712px !important;
	margin: auto;
}

.w280 {
	width: 280px !important;
	margin: auto;
}

.flex {
	display: flex;
}

.flex-c {
	display: flex;
	align-items: center;
}

h1{
	font-size: 4rem;
}
h2, h3, .item-3 p, .item-9 h3:before, .item-11 .virtual-head:before, .item-12 h3, .item-13 h3, .item-27 h4:before, .item-28 h4:before, .item-29 h4:before, .item-30 h4:before, .item-31 h4:before, .item-32 h4:before, .item-33 h4:before, .item-34 h4:before, .item-35 h4:before, .item-36 h4:before, .item-37 h4:before, .item-38 h4:before {
	font-size: 3rem;
	letter-spacing: 2px;
	/*margin-bottom: 20px;*/
}
.deco-1, .item-9 h3:before, .item-11 .virtual-head:before, .item-37 h4:before, .item-38 h4:before {
	color: #cc0066;
	text-align: center;
}
.deco-2 {
	text-align: center;
	/*color: #3C6C38;*/
}
.deco-3, .item-27 h4:before, .item-28 h4:before, .item-29 h4:before, .item-30 h4:before, .item-31 h4:before, .item-32 h4:before, .item-33 h4:before, .item-34 h4:before, .item-35 h4:before, .item-36 h4:before{
	color: #A16323;
}
.deco-1, .deco-2, .deco-3, .item-9 h3:before, .item-11 .virtual-head:before, .item-27 h4:before, .item-28 h4:before, .item-29 h4:before, .item-30 h4:before, .item-31 h4:before, .item-32 h4:before, .item-33 h4:before, .item-34 h4:before, .item-35 h4:before, .item-36 h4:before, .item-37 h4:before, .item-38 h4:before{
	padding: 10px 50px 40px 83px;
}
.deco-1, .item-9 h3:before, .item-11 .virtual-head:before, .item-37 h4:before, .item-38 h4:before {
	background: url(../img/line-green.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.deco-2 {
	background: url(../img/line-green.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.deco-3, .item-27 h4:before, .item-28 h4:before, .item-29 h4:before, .item-30 h4:before, .item-31 h4:before, .item-32 h4:before, .item-33 h4:before, .item-34 h4:before, .item-35 h4:before, .item-36 h4:before{
	background: url(../img/bg-h2-yellow.png),url(../img/line-yellow.png);
	background-repeat: no-repeat;
	background-position: left 5px,left bottom;
}
.item-area {
	padding: 0 60px;
	position: relative;
	z-index: 1;
}
.example, .item-2 span, .item-5 figure + p > span:not(:last-child), .item-7 .item-area > p:nth-child(2) span, .speech-10b > span > span, .item-21 .focus-point span, .item-22 .focus-point span, .item-24 .focus-point span, .item-35 .item-area > p:nth-child(3) > span, .item-36 .item-area > p:last-child span, .item-37 .item-area > p span, .item-38 .item-area > p > span, .item-39 .item-area > p > span {
	display: block;
}

/* next-button/prev-button  start */
.simple-pagination {
	padding: 0;
}
.selection, .pagination-holder {
	display: none;
}
.simple-pagination ul {
	width: 96%;
	margin: 0 auto;
	/*padding: 10px 10px;*/
	overflow: hidden;
	position: relative;
}
.simple-pagination li:not(:first-child):not(:last-child) {
	visibility: hidden;
}
.simple-pagination li:last-child{
	position: absolute;
	right: 5px;
}
.light-theme .current {
    background: #eeeeee;
    color: #686666;
    border-color: #cccccc;
    box-shadow: none;
}
.simple-pagination li:first-child a , .simple-pagination li:first-child span {
	text-align: left;
}
.simple-pagination li:last-child a , .simple-pagination li:last-child span{
	text-align:right;
}
.simple-pagination li:first-child a , .simple-pagination li:first-child span, .simple-pagination li:last-child a , .simple-pagination li:last-child span {
	width: 130px;
	text-align: center;
	font-size: 1.7rem;
	font-weight: bold;
	color: #686666;
	line-height: 36px;
	border: 2px solid #cccccc;
	background: url(../img/btn_bg.png) no-repeat 0 0;
	margin: 0 ;
	box-shadow: none;
	text-decoration:none;
}
.simple-pagination li:first-child a:before , .simple-pagination li:first-child span:before {
	content: url(../img/bg-4.png);
	position: relative;
	left: -10px;
	top: 1px;
	/*margin-right: 20px;*/
}
.simple-pagination li:last-child a:after , .simple-pagination li:last-child span:after {
	content: url(../img/bg-5.png);
	position: relative;
	right: -10px;
	top: 1px;
	/*margin-left: 20px;*/
}
/*.light-theme li:first-child a:hover,
.light-theme li:first-child a:focus {
	box-shadow: 1px 1px 2px 2px rgba(250,137,100,1), -1px -1px 2px 2px rgba(250,137,100,1), -1px 1px 2px 2px rgba(250,137,100,1), 1px -1px 2px 2px rgba(250,137,100,1);
}
.light-theme li:last-child a:hover,
.light-theme li:last-child a:focus{
	box-shadow: 1px 1px 2px 2px rgba(155,185,60,1), -1px -1px 2px 2px rgba(155,185,60,1), -1px 1px 2px 2px rgba(155,185,60,1), 1px -1px 2px 2px rgba(155,185,60,1);
}*/

/* next-button/prev-button  end */	

.footer-area {
	text-align: center;
	font-size: 1.3rem;
	padding: 5px 0;
	}
.footer-area small {
	color: #221111;
}

/* メニューに戻るボタン  start */
.bt-start {
	width: 280px;
	font-size: 3rem;
	line-height: 68px;
	font-weight: bold;
	color: #c33c55;
	background: url(../img/start-bg.png) no-repeat 0 0;
	position: absolute;
	left: 50%;
	bottom: 50px;
	margin-left: -140px;
}
#each-bt-menu {
	position: absolute;
	right: 20px;
	top: -45px;
	text-align: right;
}
#bt-menu-select {
	width: 220px;
	height: 40px;
	text-align: center;
	font-size: 1.5rem;
	line-height: 2.2;
	font-weight: bold;
	position: relative;
	z-index: 999;
}
.show-off {
	color: #666666;
	background: url(../img/btn_bg.png) no-repeat 0 0;
	border: 2px solid #cccccc;
	border-radius: 3px;
}
.show-off:before {
	content: "";
	display: inline-block;
	width: 22px;
	height: 22px;
	background: url(../img/bg-3.png) no-repeat 0 0;
	position: relative;
	left: 0;
	top: 7px;
	margin-right: 20px;
}
/*.show-off:hover, .show-off:focus {
	box-shadow: 1px 1px 2px 2px rgba(74,180,216,1), -1px -1px 2px 2px rgba(74,180,216,1), -1px 1px 2px 2px rgba(74,180,216,1), 1px -1px 2px 2px rgba(74,180,216,1);
}*/
.show-on {
	color: #823c32;
	background: #ffe6de;
	border: 2px solid #fa8964;
}
.show-on:before {
	background: url(../img/bg-3-on.png) no-repeat 0 0;
}
#select-area {
	position: absolute;
	right: 0;
	top: 0;
	padding-top: 70px;
	overflow: hidden;
	z-index: 100;
}
#select-area ul {
	width: 586px;
	background: #fcfaf3;
	border: 2px solid #cccccc;
	border-radius: 10px;
	padding: 10px 10px 5px 10px;
}
#select-area ul:before {
	content: "";
	border: 30px solid transparent;
	border-bottom-color: #cccccc;
	position: absolute;
	right: 60px;
	top: 10px;
}
#select-area ul:after {
	content: "";
	border: 30px solid transparent;
	border-bottom-color: #fcfaf3;
	position: absolute;
	right: 60px;
	top: 12px;
}
#select-area ul li {
	float: left;
}
#select-area li:nth-child(2) {
	margin: 0 10px;
}
#select-area ul li a {
	width: 180px;
	font-size: 1.6rem;
	color: #823c32;
	display: block;
	text-align: center;
	padding: 100px 10px 5px 10px;
}
#select-area ul li a:hover, #select-area ul li a:focus {
	outline: 1px solid #00b6ff;
}
#select-area ul li:first-child a {
	background: url(../img/menu01.jpg) no-repeat center 5px #ffffff;
}
#select-area ul li:nth-child(2) a {
	background: url(../img/menu02.jpg) no-repeat center 5px #ffffff;
}
#select-area ul li:last-child a {
	background: url(../img/menu03.jpg) no-repeat center 5px #ffffff;
}
/* メニューに戻るボタン end */	

.hide-text {
	overflow: hidden;
	position: absolute;
	width: 1px;
	height: 1px;
	clip: rect(1px, 1px, 1px, 1px);
}
.red-font{color: #e03c22;}
.bold-font{font-weight: bold;}
.only-here{overflow: hidden;}
.hide{display: none;}
.show{display: block;}
button{cursor: pointer;}

/* header start */	
.header-area > div {
	width: 120px;
	padding: 7px 0;
}
.header-area div a {
	display: block;
}
.header-area a:hover, .header-area a:focus,
.item-41 a:hover, .item-41 a:focus {
	outline: 1px solid #00b6ff;
}
/* header end */

/* #page-1 start */	
.page-start {
	text-align: center;
	/*background: url(../img/startpage-bg.png) no-repeat center 0;*/
}
.page-start h1 {
	padding-top: 55px;
	position: relative;
}

.page-start h1 img {
	position: absolute;
	top: 0;
	left: 0;
}

.page-start h1, .page-start h1 span {
	/*font-family: "subset-mugen";
	font-weight: normal;
  	font-style: normal;*/
}
.page-start h1 span:before {
	content: "\30FB";
	margin: 0 -6px;
}
.page-start h1 + p {
	font-size: 2.4rem;
	/*color: #c33c55;*/
	margin: 20px 0 50px;
}
.page-start dl {
	width: 475px;
	font-size: 0;
	line-height: 20px;
	margin: 0 auto;
}
.page-start dl div {
	text-align: left;
}
.page-start dl dt, .page-start dl dd {
	display: inline-block;
	font-size: 1.8rem;
	line-height: 1.3rem;
	white-space: nowrap;
}
.page-start dl span {
	padding-left: 1.8rem;
	/*letter-spacing: 0.5rem;*/
}
.page-start dl dt:before, .item-6 ul li:before, .item-7 .item-area > p:nth-child(2):before, .item-7 ul li:before, .item-10 ul li:before, .item-11 .item-area > p:not(:nth-of-type(1)):before, .item-12 ul li:before, .item-13 h4:before, .item-15 dd > p:not(:last-child):before, .item-16 dd > p:nth-child(n+1):nth-child(-n+2):before, .item-17 dd > p:before, .item-18 dd > p > span:nth-child(1):before, .item-19 dd > p:before, .item-20 dd > p:not(:first-child):before, .item-22 dd > div:first-child p:before, .item-23 dd > p:before, .item-24 dd > p:before, .item-25 ul li:before, .item-34 dt:before, .item-37 .item-area > p:not(:nth-child(1)):before, .item-38 .item-area > p:nth-child(2) > span:nth-child(1):before, .item-39 .item-area > p:not(:nth-child(2)) > span:first-child:before, .item-40 li span:first-child:before, .item-42 dt span:first-child:before {
	content: "";
	display: inline-block;
	width: 16px;
	height: 16px;
}
.page-start dl dt:before, .item-7 .item-area > p:nth-child(2):before, .item-10 ul li:before, .item-12 ul li:nth-child(odd):before, .item-13 h4:before, .item-37 .item-area > p:not(:nth-child(1)):before, .item-38 .item-area > p:nth-child(2) > span:nth-child(1):before, .item-39 .item-area > p:not(:nth-child(2)) > span:first-child:before, .item-40 li:nth-child(odd) span:first-child:before, .item-42 dt span:first-child:before {
	background: url(../img/listitemA01.png) no-repeat center center;
	background-size: contain;
}
.page-start dl dt:before {
	margin-right: 7px;
	position: relative;
	top: 1px;
}
.page-start dl dt:after {
	content: "\FF1A";
}
/* #page-1 end */

/* #page-2 start */
.item-2 {
	position: relative;
}
.item-2:before {
	content: "";
	display: inline-block;
	width: 100%;
	height: 100%;
	/*background: url(../img/page-2a.png), url(../img/page-2b.png);
	background-repeat: no-repeat;
	background-position: left top, right bottom;
	background-size: 23%, 24%;*/
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0.9;
}
.item-2 .item-area {
	height: 100%;
}
.item-2 p {
	font-size: 2.4rem;
	padding: 0 60px;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%) translateX(0);
}
.item-2 p > span:first-child {
	margin-bottom: 25px;
}
/* #page-2 end */

/* #page-3 start */
.item-3 {
	position: relative;
	z-index: 1;
}
.item-3:before {
	content: "";
	display: inline-block;
	width: 100%;
	height: 100%;
	/*background: url(../img/page-2a.png), url(../img/page-2b.png);*/
	background-repeat: no-repeat;
	background-position: left 75px, right 75px;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0.6;
	z-index: -1;
}
.menu-area {
	width: 712px;
	margin: 0 auto;
	overflow: hidden;
}
.menu-area .from-first, .menu-area ul {
	width: 351px;
}
.menu-area ul:nth-child(2), .menu14-area ul:first-child {
	float: left;
}
.menu-area ul:last-child , .menu14-area ul:last-child {
	float: right;
}
.menu-area .from-first, .menu-area li:not(:last-child), .menu14-area li:not(:last-child) , .menu26-area li:not(:last-child) {
	margin-bottom: 10px;
}
.menu-area a , .menu14-area a {
	width: 100%;
	display: block;
	font-size: 2.2rem;
	color: #333333;
	text-align: center;
}
.menu-area a {
	height: 40px;
	line-height: 40px;
	padding-top: 2px;
}
.menu-area .from-first{
	background:url(../img/P3-pink.png) no-repeat 0 0;
	margin-left: auto;
	margin-right: auto;
	color: #fff;
}
.menu-area ul:nth-child(2) li:nth-child(odd) > a, .menu-area ul:last-child li:nth-child(even) > a {
	background: url(../img/P3-yellow.png) no-repeat 0 0;
	color: #cc0066;
}
.menu-area ul:nth-child(2) li:nth-child(even) > a, .menu-area ul:last-child li:nth-child(odd) > a {
	background: url(../img/P3-yellow.png) no-repeat 0 0;
	color: #cc0066;
}
.menu-area a:hover , .menu14-area a:hover , .menu26-area a:hover , .menu-area a:focus , .menu14-area a:focus , .menu26-area a:focus {
	opacity: 0.5;
}
/* #page-3 end */

/* #page-4 start */
.item-4 {
	/*background: url(../img/page-4.png) no-repeat 0 57px;
	background-size: contain;*/
}
.item-4 .item-area {
    padding: 0 50px;
}
.item-4 figure, .item-6 figure, .item-7 figure, .item-14 figure, .item-19 figure, .item-20 figure, .item-21 figure, .item-22 figure, .item-25 figure, .item-26 figure, .item-27 figure, .item-28 figure, .item-29 figure, .item-30 figure, .item-31 figure, .item-33 figure, .item-34 figure, .item-38 figure, .item-39 figure, .item-41 figure, .item-44 figure, #bg-16_b figure, #bg-17_b figure, #bg-18_b figure  {
	width: 82px;
	font-size: 1.6rem;
	text-align: center;
	position: absolute;
	right: 50px;
	bottom: 20px;
}
.item-4 p {
	letter-spacing: 1px;
	text-indent: 1.8rem;
	padding: 5px 10px 0;
	/*background: rgba(255,255,255,0.6);*/
}
.item-4 p > span {
	text-indent: 0;
}
.item-4 p {
	padding-bottom: 15px;
}

/* #page-4 end */

/* #page-5 start */
.item-5 > div {
	padding: 0 30px 0 60px;
	font-size: 2rem;
}
.item-5 figure {
	/*float: right;
	margin-left: 45px;*/
}
/*.item-5 figure + p {
	margin-top: 45px;
}*/
.item-5 figure + p > span:first-child {
	/*color: #c16614;*/
	/*padding-top: 45px;*/
}
.item-5 figure + p > span:nth-child(2){
	color: #894299;
}
/*.item-5 figure + p > span:last-child{
	color: #40478e;
}*/
.item-5 figure + p > span:nth-child(2):after {
	padding-right: 25px;
}
/* #page-5 end */

/* #page-6 start */
.list-item-6 {
	float: right;
}
.list-item-6 > p {
	font-size: 2rem;
	margin-bottom: 10px;
}
.item-6 ul {
	float: left;
	font-size: 2rem;
}
.item-6 .list-item-6 > ul:nth-of-type(1) {
	padding-left: 10px;
	margin-right: 40px;
}
.item-6 ul li:before, .item-7 .item-area > p:nth-child(2):before, .item-7 ul li:before {
	margin-right: 13px;
}
.item-6 ul li:nth-child(odd):before {
	background: url(../img/listitemA01.png) no-repeat center center;
	background-size: contain;
}
.item-6 ul li:nth-child(even):before {
	background: url(../img/listitemB01.png) no-repeat center center;
	background-size: contain;
}
.bg-6, .bg-7 {
	width: 250px;
	margin-top: 60px;
}

.balloon-right {
	position: relative;
	display: inline-block;
	margin: 1.5em 15px 1.5em 0;
	padding: 15px 10px;
	min-width: 86%;
	max-width: 86%;
	color: #555;
	font-size: 19px;
	background: #FFF;
	border: solid 3px #ccc;
	border-radius: 10px;
	box-sizing: border-box;
}

.balloon-right:before {
	content: "";
	position: absolute;
	top: 50%;
	right: -24px;
	margin-top: -12px;
	border: 12px solid transparent;
	border-left: 12px solid #FFF;
	z-index: 2;
}

.balloon-right:after {
	content: "";
	position: absolute;
	top: 50%;
	right: -30px;
	margin-top: -14px;
	border: 14px solid transparent;
	border-left: 14px solid #ccc;
	z-index: 1;
}

.balloon-right p {
	margin: 0;
	padding: 0;
}

.balloon-left {
	position: relative;
	display: inline-block;
	margin: 1.5em 0 1.5em 77px;
	padding: 7px 10px;
	min-width: 86%;
	max-width: 88%;
	color: #555;
	font-size: 16px;
	background: #FFF;
	border: solid 3px #ccc;
	border-radius: 10px;
	box-sizing: border-box;
}

.balloon-left:before {
	content: "";
	position: absolute;
	top: 50%;
	left: -24px;
	margin-top: -12px;
	border: 12px solid transparent;
	border-right: 12px solid #fff;
	z-index: 2;
}

.balloon-left:after {
	content: "";
	position: absolute;
	top: 50%;
	left: -30px;
	margin-top: -14px;
	border: 14px solid transparent;
	border-right: 14px solid #ccc;
	z-index: 1;
}

.balloon-left p {
	margin: 0;
	padding: 0;
}

.balloon-blue {
	border: solid 3px #2196F3 !important;
}
.balloon-blue:after {
	border-right: 14px solid #2196F3 !important;
}
.balloon-green {
	border: solid 3px #00b050 !important;
}
.balloon-green:after {
	border-left: 14px solid #00b050 !important;
}
.balloon-red {
	border: solid 3px #cc0066 !important;
}
.balloon-red:after {
	border-right: 14px solid #cc0066 !important;
}

/* #page-6 end */

/* #page-7 start */
.item-7 .item-area > p:first-child {
	font-size: 2.8rem;
	/*color: #c33c55;*/
	padding-bottom: 15px;
}
.item-7 .item-area > p:nth-child(2) {
	margin: 0 0 10px 10px;
}
.item-7 .item-area > p:nth-child(2) span {
	font-size: 2rem;
	text-indent: 2.7rem;
}
.item-7 .item-area > p:nth-child(2) span:before, .item-13 section:nth-child(1) > p:not(:nth-of-type(1)):before, .item-13 section:nth-child(2) > p:nth-of-type(2):before, .item-13 section:nth-child(2) >p:nth-of-type(3):before, .item-13 section:nth-child(3) > p > span:first-child:before, .item-37 .item-area > p > span > span:before, .item-39 .item-area > p:nth-child(2) > span:first-child:before, .item-39 .item-area > p:nth-child(3) > span:last-child:before {
	content: "";
	display: inline-block;
	width: 18px;
	height: 18px;
	background: url(../img/arrow-pink.png) no-repeat 0 0;
	position: relative;
	top: 2px;
}
.item-7 .item-area > p:nth-child(2) span:before {
	margin-right: 5px;
}
.item-7 ul {
	margin-left: 38px;
}
.item-7 ul li:not(:last-child) {
	margin-bottom: 3px;
}
.item-7 ul li:before {
	background: url(../img/listitemD01.png) no-repeat center center;
	background-size: contain;
}
.item-7 ul li > span:first-child {
	display: inline-block;
	width: 180px;
}
.item-7 ul li > span > em {
	font-size: 2rem;
}
.item-7 ul li > span:first-child em, .item-7 ul li > span:last-child:before {
	color: #24556e;
}
.item-7 ul li:last-child > span:last-child em:first-child {
	padding-left: 10px;
}
.item-7 ul li > span:last-child:before, .item-8 ol li > span:last-child:before, .item-8 ol li > a span:last-child:before, .item-9 h3 > span:last-child:before, .item-12 li span:nth-child(2):before, .item-40 li span:nth-child(2):before{
	content: "\2026";
}
.item-7 ul li > span:last-child:before {
	padding-right: 15px;
}
./*word-area-7 {
	width: 755px;
	padding: 120px 0 0;
	background: url(../img/page-7.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: contain;
	position: absolute;
	right: 40px;
	bottom: -100px;
}*/
.speech-7, .speech-8, .speech-9, .speech-10t, .speech-10b, .speech-11, .speech-15, .speech-17, .speech-20t, .speech-20b, .speech-25, .speech-35, .speech-38, .speech-42 {
	text-align: center;
}
.speech-7, .speech-9, .speech-10t, .speech-11, .speech-20t, .speech-35 {
	position: relative;
}
.speech-7 {
	width: 550px;
	padding-bottom: 13px;
}
.speech-7 > span, .speech-8 > span, .speech-9 > span, .speech-10b > span, .speech-11 > span, .speech-15 > span, .speech-17 > span, .speech-20t > span, .speech-20b > span, .speech-25 > span, .item-35 .item-area > p:nth-child(4) span, .speech-35 > span, .speech-42 > span{
	display: inline-block;
	text-align: left;
}
.speech-7:before, .speech-8:before, .speech-9:before, .speech-10t:before, .speech-10b:before, .speech-11:before, .speech-15:before, .speech-17:before, .speech-20t:before, .speech-20b:before, .speech-25:before, .speech-35:before, .speech-38:before, .speech-42:before {
	content: "";
	display: inline-block;
	background: #ffffff;
	border: 4px solid transparent;
	position: absolute;
	left: 0;
	top: 50%;
	z-index: -1;
}
.speech-7:after, .speech-8:after,.speech-9:after, .speech-10t:after, .speech-10b:after, .speech-11:after, .speech-15:after, .speech-17:after, .speech-20t:after, .speech-20b:after, .speech-25:after, .speech-35:after, .speech-38:after, .speech-42:after{
	content: "";
	display: inline-block;
	background: #ffffff;
	border: 4px solid transparent;
}
.speech-7:after, .speech-8:after,.speech-9:after, .speech-10b:after, .speech-11:after, .speech-15:after, .speech-17:after, .speech-20b:after, .speech-25:after, .speech-38:after, .speech-42:after{
	position: absolute;
	top: 50%;
	transform: translateY(-50%) translateX(0) rotate(45deg);
	z-index: 1;
}
.speech-7:before, .speech-10t:before, .speech-11:before {
	border-color: #4ab4d8;/* sky-blue  */
}
.speech-7:before, .speech-9:before, .speech-15:before, .speech-20b:before, .speech-25:before, .speech-42:before {
	border-radius: 26px;
}
.speech-7:after, .speech-9:after, .speech-10b:after, .speech-15:after, .speech-17:after, .speech-20b:after {
	width: 28px;
	height: 28px;
	right: -10px;
}
.speech-7:after, .speech-10t:after, .speech-11:after {
	border-top-color: #4ab4d8;	/* sky-blue  */
	border-right-color: #4ab4d8; /* sky-blue  */
}
.speech-7:before {
	width: 550px;
	height: 80px;
	margin-top: -48px;
}
.speech-7:after {
	transform: translateY(-75%) translateX(0) rotate(45deg);
}
/* #page-7 end */

/* #page-8 start */
.item-8 .item-area > p {
	width: 780px;
	margin: 0 auto;
}
.word-area-8 {
	width: 870px;
	position: absolute;
	left: 50%;
	top: 45px;
	margin-left: -435px;
}
.word-area-8 > div, .word-area-10b, .word-area-15, .word-area-17, .word-area-20b, .word-area-25, .word-area-38, .word-area-42 {
	font-size: 1.6rem;
	overflow: hidden;
	position: relative;
}
.word-area-10b figure, .word-area-5 figure, .word-area-15 figure, .word-area-17 figure, .word-area-20b figure, .word-area-25 figure, .word-area-38 figure, .word-area-42 figure {
	width: 68px;
	float: right;
}
.word-area-8 figure {
	float: right;
}
.speech-8, .speech-10b, .speech-15, .speech-17, .speech-20b, .speech-25, .speech-38, .speech-42 {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%) translateX(0);
}
.speech-8 {
	width: 750px;
}
.speech-8:before, .speech-10b:before, .speech-15:before, .speech-17:before, .speech-20b:before, .speech-25:before, .speech-38:before, .speech-42:before {
	border-color: #ffe63c;	 /* yellow  */
}
.speech-8:before, .speech-11:before, .speech-25:before, .speech-38:before {
	width: 100%;
	height: 60px;
	border-radius: 20px;
	margin-top: -30px;
	z-index: -1;
}
.speech-8:after, .speech-10b:after, .speech-15:after, .speech-17:after, .speech-20b:after, .speech-25:after, .speech-38:after, .speech-42:after {
	border-top-color: #ffe63c;	 /* yellow  */
	border-right-color: #ffe63c;  /* yellow  */
}
.speech-8:after, .speech-11:after, .speech-25:after, .speech-38:after, .speech-42:after {
	width: 20px;
	height: 20px;
	right: -6px;
	z-index: 1;
}
.item-8 ol {
	width: 600px;
	padding: 10px;
	margin: 115px auto 0;
	font-size: 2rem;
	color: #782d4b;
}
.item-8 ol li:not(:last-child) {
	margin-bottom: 5px;
}
.item-8 ol li:before, .item-21 dd > div:first-child p:before, .item-21 .focus-point p > span:before, .menu26-area a:before, .item-27 h4 span:before, .item-28 h4 span:before, .item-29 h4 span:before, .item-30 h4 span:before, .item-31 h4 span:before, .item-32 h4 span:before, .item-33 h4 span:before, .item-34 h4 span:before, .item-35 h4 span:before, .item-36 h4 span:before {
	display: inline-block;
	color: #ffffff;
	text-align: center;
  	font-family: 'icomoon' !important;
  	speak: none;
  	font-style: normal;
  	font-weight: normal;
  	font-variant: normal;
  	text-transform: none;
  	line-height: 1;
  	/* Better Font Rendering =========== */
  	-webkit-font-smoothing: antialiased;
  	-moz-osx-font-smoothing: grayscale;
}
.item-8 ol li:before, .item-9 h3 > span:first-child, .menu26-area a:before, .item-27 h4 span:before, .item-28 h4 span:before, .item-29 h4 span:before, .item-30 h4 span:before, .item-31 h4 span:before, .item-32 h4 span:before, .item-33 h4 span:before, .item-34 h4 span:before, .item-35 h4 span:before, .item-36 h4 span:before {
	width: 45px;
}
.item-8 ol li:before {
	height:32px;
	padding-top: 6px;
}
.item-8 ol li:nth-child(1):before, .item-21 dd > div:first-child p:nth-child(1):before, .item-21 .focus-point p > span:nth-child(1):before, .item-26 ul li:nth-child(1) a:before, .item-27 h4 span:before {
	content: "\e900";
}
.item-8 ol li:nth-child(2):before, .item-21 dd > div:first-child p:nth-child(2):before, .item-21 .focus-point p > span:nth-child(2):before, .item-26 ul li:nth-child(2) a:before, .item-28 h4 span:before {
	content: "\e901";
}
.item-8 ol li:nth-child(3):before, .item-26 ul li:nth-child(3) a:before, .item-29 h4 span:before {
	content: "\e902";
}
.item-8 ol li:nth-child(4):before, .item-26 ul li:nth-child(4) a:before, .item-30 h4 span:before {
	content: "\e903";
}
.item-8 ol li:nth-child(5):before, .item-26 ul li:nth-child(5) a:before, .item-31 h4 span:before {
	content: "\e904";
}
.item-8 ol li:nth-child(6):before, .item-26 ul li:nth-child(6) a:before, .item-32 h4 span:before {
	content: "\e905";
}
.item-8 ol li:nth-child(7):before, .item-26 ul li:nth-child(7) a:before, .item-33 h4 span:before {
	content: "\e906";
}
.item-8 ol li:nth-child(8):before, .item-26 ul li:nth-child(8) a:before, .item-34 h4 span:before {
	content: "\e907";
}
.item-8 ol li:nth-child(odd):before, .item-9 h3 > span:first-child {
	background: url(../img/page8-list-bg1.png) no-repeat center top;
	background-size: contain;
}
.item-8 ol li:nth-child(even):before {
	background: url(../img/page8-list-bg2.png) no-repeat center top;
	background-size: contain;
}

.item-8 ol li > span:first-child, .item-8 ol li > a span:first-child, .item-12 li span:first-child {
	display: inline-block;
	font-size: 2.2rem;
}
.item-8 ol li > span:first-child, .item-8 ol li > a span:first-child {
	width: 100px;
	padding-left:20px;
}
.item-8 ol li:last-child a > span {
    color: #782d4b;
}
.item-8 ol li:last-child a:after {
	content: "";
	display: block;
	width: 511px;
	height: 2px;
	background: #333;
	margin-left: 65px;
}
.item-8 ol li:last-child a:hover:after {
    display: none;
}
.item-8 ol li > span:last-child:before, .item-8 ol li > a span:last-child:before {
	padding-right: 30px;
}
.item-8 ol li > span:last-child:before, .item-8 ol li > a span:last-child:before, .item-11 .item-area > p:nth-of-type(1) span, .item-12 li span:nth-child(2):before, .item-13 h4, .item-40 li span:nth-child(2):before {
	color: #c33c55;
}

/* #page-8 end */

/* #page-9 start */

.item-9 .item-area > p {
	width: 780px;
	margin: 0 auto;
}

.word-area-9 {
	width: 870px;
	position: absolute;
	left: 50%;
	top: 45px;
	margin-left: -435px;
}

.word-area-9 figure {
	float: right;
}

.speech-9 {
	width: 400px;
	color: #e03c22;
}
.speech-9:before {
	width: 100%;
	height: 80px;
	margin-top: -40px;
}
.speech-9:before, .speech-35:before {
	border-color: #e03c22;/* red */
}
.speech-9:after, .speech-35:after { 	
	border-top-color: #e03c22;	/* red  */
	border-right-color: #e03c22; /* red  */
}
/* #page-9 end */

/* #page-10 start */

.item-10 .item-area > p {
	width: 780px;
	margin: 0 auto;
}

.item-10 .item-area > div:first-child {
	width: 750px;
	margin: 0 auto 30px auto;
}
.item-10 ul {
	padding: 30px 42px;
	font-size: 2.2rem;
	color: #782d4b;
	float: right;
	margin: 0 6px 6px 0;
}
.item-10 ul, .item-40 ul {
	border: 2px solid #f0b6be;
}
.item-10 li:before, .item-11 .item-area > p:not(:nth-of-type(1)):before, .item-12 ul li:before, .item-13 h4:before, .item-15 dd > p:not(:last-child):before, .item-16 dd > p:nth-child(n+1):nth-child(-n+2):before, .item-17 dd > p:before, .item-18 dd > p > span:nth-child(1):before, .item-19 dd > p:before, .item-20 dd > p:not(:first-child):before, .item-22 dd > div:first-child p:before, .item-23 dd > p:before, .item-24 dd > p:before, .item-25 ul li:before, .item-34 dt:before, .item-37 .item-area > p:not(:nth-child(1)):before, .item-38 .item-area > p:nth-child(2) > span:nth-child(1):before, .item-39 .item-area > p:not(:nth-child(2)) > span:first-child:before, .item-40 li span:first-child:before {
	margin-right: 20px;
}
.word-area-10t {
	width: 370px;
	padding: 17px 0 150px 170px;
	background: url(../img/page-10.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size: 250px 220px;
	float: left;
}
.speech-10t {
	width: 200px;
}
.speech-10t:before {
	width: 100%;
	height: 80px;
	border-radius: 20px;
	margin-top: -40px;
}
.speech-10t:after {
	width: 20px;
	height: 20px;
	position: absolute;
	left: 25px;
	transform: rotate(135deg);
}
.speech-10t:after {
	bottom: -19px;
}
.word-area-10b {
	width: 816px;
	margin-left: auto;
}
.speech-10b {
	width: 690px;
	padding: 0 20px;
}
.speech-10b:before {
	width: 100%;
	height: 120px;
	border-radius: 35px;
	margin-top: -60px;
}
/* #page-10 end */

/* #page-11 start */

.item-11 .item-area > p {
	width: 780px;
	margin: 0 auto;
}

.item-11 .item-area > div:first-child {
	width: 750px;
	margin: 0 auto 30px auto;
}

.word-area-11 {
	width: 824px;
	padding: 62px 0 61px;
	background: url(../img/page-11.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: contain;
}
.speech-11 {
	width: 625px;
}
.item-11 .item-area > p:nth-of-type(1) {
	font-size: 2rem;
	margin-bottom: 20px;
}
.item-11 .item-area > p:not(:nth-of-type(1)) {
	margin-left: 38px;
	text-indent: -38px; 
	padding: 0 20px; 
}
.item-11 .item-area > p:nth-of-type(3) {
	margin-top: 7px;
	margin-bottom: 7px;
}
/* #page-11 end */

/* #page-12 start */
.item-12 p {
	padding-right: 180px;
	margin-bottom: 45px;	
}
.item-12 ul li:nth-child(even):before, .item-40 li:nth-child(even) span:first-child:before {
	background: url(../img/listitemA02.png) no-repeat center center;
	background-size: contain;
}
.item-12 ul li span:first-child {
	width: 200px;
	color: #782d4b;
}
.item-12 ul li span:nth-child(2):before, .item-40 li span:nth-child(2):before {
	padding-right: 20px
}
/* #page-12 end */

/* #page-13 start */
.item-13 section {
	margin-bottom: 7px;
}
.item-13 h4 {
	font-size: 2.2rem;
}
.item-13 section > p {
	padding-left: 45px;
}
.item-13 section:nth-child(2) > p:nth-of-type(3) {
	padding-left: 55px;
}
.item-13 section:nth-child(2) > p:nth-of-type(4) {
	padding-left: 115px;
}
.item-13 section:nth-child(1) > p:not(:nth-of-type(1)):before, .item-13 section:nth-child(2) > p:not(:nth-of-type(1)):before, .item-13 section:nth-child(3) > p > span:first-child:before, .item-37 .item-area > p > span > span:before {
	margin-right: 15px;
}
.item-13 section:nth-child(2) > p:nth-of-type(4):before {
	margin-right: 38px;
}
.item-13 section:nth-child(3) > p > span:first-child {
	padding-left: 15px;
}
/*.item-10 ul, .item-13 .focus-point, .item-16 .focus-point, .item-18 .focus-point, .item-19 .focus-point, .item-21 .focus-point, .item-22 .focus-point, .item-23 .focus-point, .item-24 .focus-point, .item-25 ul,.item-27 .area-quote, .item-28 .area-quote, .item-29 .area-quote, .item-31 .item-area > p:nth-child(2), .item-33 .item-area > p:nth-child(3),.item-36 .item-area > p:nth-child(2), .item-40 ul {
	background: url(../img/focus-point-bg.jpg) no-repeat center center;
	border-radius: 10px;
	box-shadow: 3px 3px 3px 2px rgba(103, 101, 101, 0.5);
}*/
/*.item-13 .focus-point, .item-16 .focus-point, .item-18 .focus-point, .item-19 .focus-point, .item-22 .focus-point, .item-23 .focus-point, .item-24 .focus-point, .item-25 ul,.item-27 .area-quote, .item-28 .area-quote, .item-29 .area-quote, .item-31 .item-area > p:nth-child(2), .item-33 .item-area > p:nth-child(3), .item-36 .item-area > p:nth-child(2) {
	border: 2px solid #f0b40a;
	margin: 0 auto;
	padding: 10px;
}*/
.item-13 .focus-point, .item-16 .focus-point, .item-18 .focus-point, .item-19 .focus-point, .item-21 .focus-point, .item-22 .focus-point, .item-23 .focus-point, .item-24 .focus-point, .item-27 .area-quote, .item-28 .area-quote, .item-29 .area-quote {
	text-align: center;
}
.item-13 .focus-point {
	width: 820px;
	padding-left: 20px;
}
.item-13 section:nth-child(3) + p > span,.item-13 .focus-point p, .item-18 .focus-point p, .item-19 .focus-point p, .item-21 dl dd > div, .item-21 .focus-point > p, .item-22 .focus-point p, .item-23 .focus-point p, .item-24 .focus-point p {
	display: inline-block;
	text-align: left;
}
.item-13 section:nth-child(2) > p:nth-child(5):after, .item-13 .focus-point p:before, .item-15 dd > p:last-child:before, .item-16 .focus-point p > span:before, .item-18 .focus-point p:before, .item-19 .focus-point p:before, .item-23 .focus-point p:before, .item-24 .focus-point p > span:before {
	content: "";
	display: inline-block;
	width: 23px;
	height: 23px;
	background: url(../img/star.png) no-repeat 0 0;
	margin-right: 12px;
	position: relative;
}
.item-13 section:nth-child(2) > p:nth-child(5):after {
	left: -660px;
	top: 5px;
}
.bg-13 {
	width: 180px;
	position: absolute;
	right: 60px;
	top: 10px;
}
/* #page-13 end */

/* #page-14 start */
	
.item-19 dd > p:nth-child(n+1):nth-child(-n+2), .item-20 dd > p:first-child, .item-21 dt, .item-23 dd > p:first-child, .item-24 dd > p:first-child {
	font-size: 2.8rem;
	color: #4b5a1e;
}
/*.item-14 .item-area p:nth-child(1) {
	padding-bottom: 15px;
}*/
.item-14 .item-area p:nth-child(3) {
	text-indent: 12.5rem;
	padding: 15px 0 10px;
}
.item-14 .example {
	font-size: 1.4rem;
	padding: 5px 0 7px;
}
.menu14-area {
	width: 610px;
	margin: 0 auto;
	overflow: hidden;
}
.menu14-area ul {
	width: 300px;
	list-style: none;
}
.menu14-area a {
	height: 36px;
	line-height: 36px;
	padding-top: 2px;
}
.menu14-area ul:first-child li:nth-child(odd) > a {
	background: url(../img/P14-green.png) no-repeat 0 0;
}
.menu14-area ul:first-child li:nth-child(even) > a {
	background: url(../img/P14-yellow.png) no-repeat 0 0;
}
.menu14-area ul:last-child li:nth-child(odd) > a {
	background: url(../img/P14-yellow.png) no-repeat 0 0;
}
.menu14-area ul:last-child li:nth-child(even) > a {
	background: url(../img/P14-green.png) no-repeat 0 0;
}
.bg-14 {
	width: 180px;
	position: absolute;
	right: 60px;
	top: -10px;
	z-index: 2;
}
/* #page-14 end */

/* #page-15 start */

.blue_btn {
	background: #b2e1ff;
	background: -moz-linear-gradient(top, #b2e1ff 0%, #66b6fc 100%);
	background: -webkit-linear-gradient(top, #b2e1ff 0%,#66b6fc 100%);
	background: linear-gradient(to bottom, #b2e1ff 0%,#66b6fc 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b2e1ff', endColorstr='#66b6fc',GradientType=0 );
	border-radius: 5px;
	padding: 5px;
	display: inline-block;
	width: 170px;
	font-size: 18px;
	text-align: center;
	font-weight: bold;
}


.item-15 dl {
	display: flex;
	margin-bottom: 20px;
}

.item-15 dl dd {
margin-left: 25px;
}

.item-15 dd > p:not(:last-child), .item-17 dd > p:not(:last-child), .item-20 dd > p:not(:last-child) {
	padding-bottom: 38px;
	position: relative;
}
.item-15 dd > p span:first-child, .item-16 dd > p:nth-child(n+1):nth-child(-n+2), .item-17 dd > p:first-child, .item-18 dd > p > span:nth-child(1) {
	font-size: 2.4rem;
	color: #4b5a1e;
}
.item-15 dd > p span:last-child, .item-16 dd > p:nth-child(2) span, .item-18 dd > p > span:nth-child(2) {
	display: block;
	font-size: 1.8rem;
	font-weight: normal;
}
.item-15 dd > p span:last-child {
	padding-left: 46px;
}
.item-15 dd > p:not(:last-child):before, .item-16 dd > p:nth-child(n+1):nth-child(-n+2):before, .item-17 dd > p:before, .item-18 dd > p > span:nth-child(1):before, .item-19 dd > p:before, .item-20 dd > p:not(:first-child):before, .item-22 dd > div:first-child p:before, .item-23 dd > p:before, .item-24 dd > p:before {
	background: url(../img/listitemB01.png) no-repeat center center;
	background-size: contain;
}
.item-13 .focus-point p:before, .item-15 dd > p:last-child:before, .item-16 .focus-point p > span:before, .item-18 .focus-point p:before, .item-19 .focus-point p:before, .item-23 .focus-point p:before, .item-24 .focus-point p > span:before {
	left: -5px;
}
.item-15 dd > p:last-child:before {
	top: 3px;
}
.item-15 dd > p:not(:last-child):after, .item-17 dd > p:not(:last-child):after, .item-18 dd > p:not(:nth-child(3)):after, .item-20 dd > p:not(:last-child):after {
	content: "";
	display: inline-block;
	width: 22px;
	height: 22px;
	background: url(../img/arrow-green.png) no-repeat 0 0;
	background-size: contain;
}
.item-15 dd > p:not(:last-child):after {
	position: absolute;
	left: 280px;
	bottom: 10px;
}
.word-area-15, .word-area-20b {
	width: 895px;
	margin: 0 auto;
}
.speech-15, .speech-20b {
	width: 775px;
    padding: 0 20px 0 30px;
}
.speech-15:before, .speech-20b:before {
	width: 100%;
	height: 80px;
	margin-top: -40px;
}
.bg-15 {
	position: absolute;
	right: 60px;
	top: 0;
}
/* #page-15 end */

/* #page-16 start */


/*
.item-16 figure:first-of-type {
	width: 82px;
	font-size: 1.6rem;
	text-align: center;
	position: absolute;
	top: 0;
	left: 100px;
}
*/

.item-16 figure:nth-child(2), .item-17 figure:nth-child(2), .item-18 figure:nth-child(2) {
	/*width: 82px;
	font-size: 1.6rem;
	text-align: center;*/
	position: absolute;
	right: 50px;
	bottom: 20px;
}




.item-16 .item-area {
    padding: 0 90px;
}
.item-16 dd > p, .item-19 dd > p:not(:first-child), .item-21 dt, .item-21 dd > div:first-child, .item-22 dd > div:first-child p, .item-23 dd > p:not(:nth-child(2)), .item-24 dd > p:not(:nth-child(2)){
	padding-bottom: 60px;
	position: relative;
}
.item-16 dd > p:after, .item-19 dd > p:not(:first-child):after, .item-21 dt:after, .item-21 dd > div:first-child:after, .item-22 dd > div:first-child p:first-child:after, .item-23 dd > p:not(:nth-child(2)):after, .item-24 dd > p:not(:nth-child(2)):after {
	content: "";
	display: inline-block;
	width: 28px;
	height: 28px;
	background: url(../img/arrow-green.png) no-repeat 0 0;
	position: absolute;
	bottom: 18px;
}
.item-16 dd > p:nth-child(1):after, .item-16 dd > p:nth-child(2):after {
	left: 50%;
	transform: translateY(0) translateX(-50%);
}
.item-16 dd > p:nth-child(2) > span {
	font-size: 2rem;	
	padding-left: 55px;
}
.item-16 dd > p:nth-child(2) > span:last-child {
	padding-left: 65px;
}
.item-16 dd > p:nth-child(2) > span:nth-child(2):before {
	content: "";
	display: inline-block;
	width: 22px;
	height: 22px;
	background: url(../img/arrow-green.png) no-repeat 0 0;
	background-size: contain;
	transform: translateY(15%) translateX(0) rotate(-90deg);
	margin-right: 18px;
}
.item-16 .focus-point > p {
	display: inline-block;
	text-align: left;
	color: #4b5a1e;
}
.item-16 .focus-point {
	width: 600px;
}
.item-16 .focus-point > p {
	font-size: 2.8rem;
}
.item-16 .focus-point > p > span {
	display: block;
}
.focus-point p > span:before {
	top: 0;
}
/* #page-16 end */

/* #page-17 start */

.item-17 dl {
	padding: 0 0 8px 380px;
}
.bg-17 {
	position: absolute;
	left: 60px;
	top: 0;
}
.item-17 dd > p, .item-19 dd > p:nth-child(3), .item-20 dd > p:nth-child(3), .item-22 dd >div:first-child p, .item-37 .item-area > p:nth-child(2) {
	padding-left: 3.4rem;
	text-indent: -3.4rem;
}
.item-17 dd > p:not(:last-child):after, .item-20 dd > p:not(:last-child):after {
	position: absolute;
	left: 155px;
	bottom: 10px;
}
.speech-17 {
	width: 750px;
    padding: 0 20px 0 30px;
}
.speech-17:before {
	width: 750px;
	height: 120px;
	border-radius: 35px;
	margin-top: -60px;
}

/* #page-17 end */

/* #page-18 start */
.item-18 dd > p > span:nth-child(1) {
	display: inline-block;
	margin-left: 35px;
	text-indent: -35px; 
}
.item-18 dd > p:not(:last-child) {
	padding-bottom: 28px;
	position: relative;
}
.item-18 dd > p:not(:nth-child(3)):after {
	position: absolute;
	left: 270px;
	bottom: 5px;
}
.item-18 dd > p > span:nth-child(2)  {
	padding-left: 60px; 
}
.item-18 .focus-point p, .item-19 .focus-point p {
	width: 780px;
}
.item-13 .focus-point p, .item-18 .focus-point p, .item-19 .focus-point p, .item-23 .focus-point p, .item-24 .focus-point p {
	margin-left: 35px;
	text-indent: -35px; 
}
.item-13 .focus-point p:before, .item-18 .focus-point p:before, .item-19 .focus-point p:before, .item-23 .focus-point p:before, .item-24 .focus-point p > span:before {
	top: 5px;
}
/* #page-18 end */

/* #page-19 start */

.item-19 dd > p:nth-child(3), .item-19 .focus-point {
	font-size: 2rem;
}
.item-19 dd > p:before {
	position: relative;
	top: -2px;
}
.item-19 dd > p:nth-child(3):before {
	top: 1px;
}
.item-19 dd > p:not(:first-child):after {
	left: 250px;
}
.bg-19 {
	position: absolute;
	right: 100px;
	top: 0;
}
/* #page-19 end */

/* #page-20 start */ 
.item-20 dd > p:nth-child(n+3):nth-child(-n+4) {
	font-size: 2rem;
}
.word-area-20t {
    position: absolute;
    right: 60px;
    top: 150px;
}
.speech-20t {
    width: 260px;
    font-size: 2.2rem;
    position: relative;
}
.speech-20t:before {
    width: 260px;
    height: 60px;
    border-radius: 20px;
    border-color: #333;
    margin-top: -30px;
}
.speech-20t:after {
    width: 20px;
    height: 20px;
    border-top-color: #333;	/* sky-blue  */
	border-right-color: #333; /* sky-blue  */
	position: absolute;
	left: -6px;
	top: 50%;
	transform: translateY(-50%) translateX(0) rotate(-135deg);
}
.speech-20t span:before, .speech-20t span:after {
    color: #e03c22;
}
.speech-20t span:before, .item-31 .item-area > p:nth-child(2) span:nth-child(1):before, .item-31 .item-area > p:nth-child(2) em:before, .item-33 .item-area > p:nth-child(1) em:before {
    content: "\300C";
}
.speech-20t span:after, .item-31 .item-area > p:nth-child(2) span:nth-child(1):after, .item-31 .item-area > p:nth-child(2) em:after, .item-33 .item-area > p:nth-child(1) em:after {
    content: "\300D";
}
/* #page-20 end */

/* #page-21 start */


/* #page-21 end */

/* #page-22 start */
.item-22 dd > div:first-child {
	font-size: 2rem;
}
.item-22 .focus-point p {
	width: 800px;
}
/* #page-22 end */

/* #page-23 start */
.item-23 dd, .item-24 dd {
	font-size: 2rem;
}
.item-23 dd > p:not(:nth-child(2)):after {
	left: 220px;
}
.item-23 .focus-point p {
	width: 780px;
}
/* #page-23 end */

/* #page-24 start */
.item-24 dd > p:not(:nth-child(2)):after {
	left: 250px;
}
.item-24 .focus-point {
	width: 580px;
	margin-left: 0;
}
.item-24 .focus-point p {
	width: 500px;
}
.bg-24 {
	width: 220px;
	position: absolute;
	right: 60px;
	bottom: 0;
}
/* #page-24 end */

/* #page-25 start */
.word-area-25 {
    width: 100%;
    margin: 0 auto 10px;
}
.speech-25 {
    width: 750px;
    padding: 0 15px 0 25px;
}
.item-25 .item-area > div:nth-child(2) {
    width: 770px;
    margin: 0 auto;
}
.perplexity-area {
	overflow: hidden;
	padding: 0 6px 6px 0;
}
.item-25 .item-area .perplexity {
    float: right;
}
.perplexity > p {
    font-size: 2.2rem;
    color: #a56414;
    padding-bottom: 7px;
}
.item-25 ul {
    padding: 14px 32px;
    font-size: 2rem;
}
.item-25 ul li:nth-child(odd):before, .item-34 dt:before {
	background: url(../img/listitemC01.png) no-repeat center center;
	background-size: contain;
}
.item-25 ul li:nth-child(even):before {
	background: url(../img/listitemC02.png) no-repeat center center;
	background-size: contain;
}
.bg-25 {
	float: left;
}
/* #page-25 end */

/* #page-26 start */	
.menu26-area {
	width: 645px;
	margin: 0 auto;
}
.menu26-area a{
	width: 100%;
	display: block;
	font-size: 2rem;
	color: #333333;
	height: 33px;
	line-height: 33px;
	background: url(../img/P26-yellow.png) no-repeat 0 0;
}
.menu26-area a:before {
	height:32px;
	padding-top: 7px;
	background: url(../img/page26-list-bg.png) no-repeat center 1px;
	background-size: contain;
	margin-right: 16px;
}
.item-26 ul li:nth-child(9) a:before, .item-35 h4 span:before {
	content: "\e908";
}
.item-26 ul li:nth-child(10) a:before, .item-36 h4 span:before {
	content: "\e909";
}
.bg-26 {
	width: 150px;
	position: absolute;
	right: 0;
	top: 43px;
}
/* #page-26 end */

/* #page-27 start */
.item-27 h4, .item-28 h4, .item-29 h4, .item-30 h4, .item-31 h4, .item-32 h4, .item-33 h4, .item-34 h4, .item-35 h4, .item-36 h4 {
	font-size: 2.8rem;
	color: #78461e;
	font-weight: bold;
	padding: 70px 0 0 60px;
    position: relative;
}
.item-27 h4 span:before, .item-28 h4 span:before, .item-29 h4 span:before, .item-30 h4 span:before, .item-31 h4 span:before, .item-32 h4 span:before, .item-33 h4 span:before, .item-34 h4 span:before, .item-35 h4 span:before, .item-36 h4 span:before{
	font-size: 2.4rem;
	background: url(../img/page26-list-bg.png) no-repeat center 0;
	background-size: contain;
	height:32px;
	padding-top: 5px;
	margin-right: 20px;
}	
.item-27 h4:before, .item-28 h4:before, .item-29 h4:before, .item-30 h4:before, .item-31 h4:before, .item-32 h4:before, .item-33 h4:before, .item-34 h4:before, .item-35 h4:before, .item-36 h4:before{
	content: attr(data-hint);
	display: block;
	width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.item-27 .item-area > p {
	font-size: 2.8rem;
	margin: 40px 0 40px 70px;
}
.item-27 .item-area > p:before, .item-27 .item-area > p:after {
	content: url(../img/P27-brackets.png);
	display: inline-block;
	position: relative;
}
.item-27 .item-area > p:before {
	left: -5px;
	top: -10px;
	transform: rotate(180deg);
}
.item-27 .item-area > p:after {
	left: 5px;
	top: -17px;
}
.item-27 .area-quote, .item-28 .area-quote, .item-29 .area-quote {
    font-size: 2.2rem;
    padding: 15px 0;
}
.item-27 .area-quote, .item-29 .area-quote {
	width: 540px;
}
.item-27 .area-quote blockquote, .item-28 .area-quote blockquote, .item-29 .area-quote blockquote, .item-35 .item-area > p:nth-child(4) span {
    display: inline-block;
    text-align: left;
}
.item-27 .area-quote span, .item-28 .area-quote span, .item-29 .area-quote span, .item-31 .item-area > p:nth-child(2) span:nth-child(2), .item-32 .item-area > p > span, .item-33 .item-area > p > span  {
	display: block;
}
.item-27 .area-quote > p, .item-28 .area-quote > p, .item-29 .area-quote > p {
    font-size: 2rem;
    color: #78461e;
    text-align: right;
}
.item-27 .area-quote > p, .item-28 .area-quote > p, .item-29 .area-quote > p {
    padding-right: 10px;
}
.item-12 h3 > span:before, .item-27 .area-quote > p:before, .item-28 .area-quote > p:before, .item-29 .area-quote > p:before {
    content: "\FF08";
}
.item-12 h3 > span:after, .item-27 .area-quote > p:after, .item-28 .area-quote > p:after, .item-29 .area-quote > p:after {
    content: "\FF09";
}
/* #page-27 end */

/* #page-28 start */
.item-28 .item-area > p:first-child {
	margin: 20px 0 40px 25px;
}
.item-28 .area-quote {
	width: 700px;
	padding: 10px 0 10px 15px;
}
.item-28 .area-quote span {
	line-height: 1.4;
}
.item-28 .item-area > p:last-child {
	text-align: right;
	margin: 10px 80px 0 0;
}
/* #page-28 end */

/* #page-29 start */
.item-29 .item-area > p {
	margin: 20px 0 40px 25px;
}
/* #page-29 end */

/* #page-30 start */


.item-30 .item-area > p:first-child span:first-child:before, .item-30 .item-area > p:first-child span:first-child:after, .item-30 .item-area > p:first-child span:last-child:before, .item-31 .item-area > p:nth-child(n+1):nth-child(-n+2):before {
	position: relative;
	top: 4px;
}
.item-30 .item-area > p:first-child span:first-child:before, .item-38 .example-devise:nth-child(2):before  {
	content: url(../img/batu.png);
	padding-right: 18px;
}
.item-30 .item-area > p:first-child span:first-child:after{
	content: url(../img/arrow-g.png);
	padding: 0 30px;
}
.item-30 .item-area > p:first-child span:last-child:before, .item-38 .example-devise:nth-child(3):before {
	content: url(../img/circle.png);
	padding-right: 18px;
}
.item-30 .item-area > p:last-child {
	font-size: 2.4rem;
	padding: 10px 55px 0 65px;
}
.item-30 .item-area > p:last-child span {
	display: inline-block;
	margin: 0 auto;
}
/* #page-30 end */

/* #page-31 start */

.item-31 .item-area > p:nth-child(2) span:before, .item-31 .item-area > p:nth-child(2) em:before, .item-31 .item-area > p:nth-child(2) span:after, .item-31 .item-area > p:nth-child(2) em:after, .item-33 .item-area > p:nth-child(1) em:before, .item-33 .item-area > p:nth-child(1) em:after {
    color: #333333;
}
.item-31 .item-area > p:nth-child(2) span:nth-child(2):before {
	content: url(../img/arrow-y.png);
}
.bg-31 {
	width: 150px;
	position: absolute;
	left: 120px;
	top: 50px;
}
/* #page-31 end */

/* #page-32 start */
.item-32 .item-area > p, .item-33 .item-area > p:nth-child(3) {
	font-size: 2.2rem;
}
.item-32 .item-area > p:first-child {
	padding: 70px 0 70px 100px;
}
.item-32 .item-area > p:nth-child(2) {
	font-weight: bold;
	color: #c33c55;
	text-align: center;
}
.bg-32 {
	position: absolute;
	right: 160px;
	top: 50px;
}
/* #page-32 end */

/* #page-33 start */
.item-33 .item-area > p:nth-child(1) {
	font-size: 2rem;
	margin: 30px 0 0 25px;
}
.item-33 .item-area > p > span, .item-35 .item-area > p:nth-child(3) > span, .item-37 .item-area > p span {
	font-size: 1.6rem;
	color: #444444;
	margin-left: 32px;
	text-indent: -32px;
}
.item-33 .item-area > p > span, .item-35 .item-area > p:nth-child(3) > span {
	padding-top: 15px;
}
.item-33 .item-area > p:nth-child(2) {
	margin: 30px 0 50px 25px;
}
.item-33 .item-area > p:nth-child(3) {
	width: 500px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	padding: 0;
    margin-left: 25px;
}
.bg-33 {
	width: 300px;
	position: absolute;
	right: 60px;
	bottom: -5px;
}
/* #page-33 end */

/* #page-34 start */
.item-34 dl {
	margin: 50px 0 0 25px;
}
.item-34 dt {
	font-size: 2.2rem;
	color: #78461e;
	font-weight: bold;
}
.item-34 dd {
	font-size: 2rem;
	padding-left: 34px;
}
.item-34 dd:not(:last-child) {
	padding-bottom: 15px;
}
.bg-34 {
	position: absolute;
	right: 85px;
	top: 10px;
}
/* #page-34 end */

/* #page-35 start */
/*.item-35 .item-area {
	font-size: 2rem;
}
.item-35 .item-area > p {
	margin: 20px 0 0 25px;
}*/
.word-area-35 {
	width: 405px;
	margin: 38px 0 38px 25px;
	position: absolute;
	left: 70px;
	top:30px;
}
.speech-35 {
	width: 100%;
}
.speech-35:before {
	width: 100%;
	height: 70px;
	border-radius: 20px;
	margin-top: -35px;
}
.speech-35:after {
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    bottom: 50%;
    transform: translateY(50%) translateX(-30%) rotate(-135deg);
}
.item-35 .item-area > p:nth-child(3) span:nth-child(1) {
	font-size: 2rem;
	padding: 20px 0 40px 430px;
}


/*.item-35 .item-area > p:nth-child(4) {
	width: 660px;
	padding: 15px 0;
	text-align: center;
    margin: 30px auto 0;
}*/
.bg-35 {
	position: absolute;
	right: 65px;
	top: 10px;
}
/* #page-35 end */

/* #page-36 start */

/*.item-36 .item-area > p:nth-child(1) {
	font-size: 2rem;
	margin: 50px 0 50px 25px;
}*/
/*.item-36 .item-area > p:nth-child(2) {
	width: 720px;
	font-size: 2.8rem;
	text-align: center;
	padding: 20px 0;
    margin: 0 auto;
}*/
/* #page-36 end */

/* #page-37 start */
.item-37 h4, .item-38 h4 {
	padding: 70px 0 0 92px;
    position: relative;
}	
.item-37 h4:before , .item-38 h4:before {
	content: attr(data-device);
	display: block;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.item-37 h4:after, .item-38 h4:after {
	content: "";
	display: inline-block;
	width: 14px;
	height: 14px;
	background: #f08296;
	border-radius: 50%;
	position: absolute;
	left: 60px;
	bottom: 9px;
}
.item-37 h4, .item-37 .item-area > p:not(:nth-child(1)), .item-38 h4, .item-38 .item-area > p:nth-child(2) > span:nth-child(1) {
	font-size: 2rem;
	color: #782d4b;
	font-weight: bold;
}
.item-37 .item-area > p:not(:nth-child(5)) {
	margin-bottom: 15px;
}
.item-37 .item-area > p:nth-child(4) > span, .item-37 .item-area > p:nth-child(1) {
	padding-left: 32px;
}
.item-37 .item-area > p > span {
	font-weight: normal;
}
.item-37 .item-area > p:nth-child(n+1):nth-child(-n+2) > span {
	padding-top: 5px;
}
.bg-37a {
	width: 180px;
	position: absolute;
	right: 60px;
	top: -25px;
}
.bg-37b {
	width: 150px;
	position: absolute;
	right: 60px;
	top: 135px;
}
/* #page-37 end */

/* #page-38 start */
.item-38 .item-area > p:nth-child(1) {
	margin: 0 0 20px 32px;
}
.item-38 .item-area > p:nth-child(1) > span:nth-child(2) {
	font-size: 1.4rem;
	color: #444444;
	margin-left: 28px;
	text-indent: -28px;
}
.item-38 .item-area > p:nth-child(2) > span:nth-child(1), .example-devise {
	margin-bottom: 10px;
}
.item-38 .item-area > p:nth-child(1) > span:nth-child(1):before, .example-devise > span:last-child:before {
	content: "\FF1D";
}
.item-38 .item-area > p:nth-child(1) > span:nth-child(1):before {
	margin-right: 10px;
}
.example-devise {
	font-size: 0;
	padding-left: 50px;
	position: relative;
}
.example-devise > span {
	font-size: 1.8rem;
	display: inline-block;
	vertical-align: middle;
}
.example-devise > span:first-child {
	width: 530px;
}
.example-devise > span:last-child {
	padding-left: 50px;
	position: relative;
}
.example-devise > span:last-child:before {
	color: #f0b6be;
	font-size: 3rem;
}
.item-38 .example-devise:nth-child(2):before, .item-38 .example-devise:nth-child(3):before, .example-devise > span:last-child:before {
	position: absolute;
	left: 5px;
	top: 50%;
	transform: translateY(-55%) translateX(0);
}
.word-area-38 {
    width: 905px;
    margin: 0 auto;
}
.speech-38 {
	width: 800px;
}
.bg-38 {
	position: absolute;
	right: 120px;
	top: 80px;
}
/* #page-38 end */

/* #page-39 start */
.item-39 .item-area > p:not(:nth-child(2)) > span:first-child {
	font-size: 2.2rem;
	color: #782d4b;
	font-weight: bold;
}
.item-39 .item-area > p:nth-child(1) {
	margin-bottom: 15px;
}
/*.item-39 .item-area > p:nth-child(2) {
	margin-bottom: 40px;
}*/
.item-39 .item-area > p:nth-child(1) > span:last-child, .item-39 .item-area > p:nth-child(2) > span:first-child {
	margin-left: 34px;
}
.item-39 .item-area > p:nth-child(2) > span:not(:first-child), .item-39 .item-area > p:nth-child(3) > span:last-child {
	width: 585px;
}
.item-39 .item-area > p:nth-child(2) > span:not(:first-child) {
	margin-left: 62px;
}
.item-39 .item-area > p:nth-child(3) > span:last-child {
	margin-left: 62px;
	text-indent: -28px;
}
.item-39 .item-area > p:not(:nth-child(2)) > span:last-child {
	font-size: 2rem;
}
.item-39 .item-area > p:nth-child(2) > span:first-child:before, .item-39 .item-area > p:nth-child(3) > span:last-child:before {
	margin-right: 10px;
}
.bg-39 {
	width: 230px;
	position: absolute;
	right: 60px;
	bottom: 60px;
}
/* #page-39 end */

/* #page-40 start */
.item-40 dl {
	width: 100%;
	height: 425px;
	font-size: 1.6rem;
	background: #ffffff;
	border: 1px solid #333;
	overflow: scroll;
	overflow-x: hidden;
	transform: translateZ(0);
	background-color: #fef1cb;
}
/* スクロールバーの表示（Mac）start  */
.item-40 dl::-webkit-scrollbar {
	height: 10px;/*バーの太さ*/
}
.item-40 dl::-webkit-scrollbar-track {
	background: #cdcdcd;/*バーの背景色*/
}
.item-40 dl::-webkit-scrollbar-thumb {
	background: #a6a6a6;/*バーの色*/
}
/* スクロールバーの表示（Mac）end  */

.item-40 dl dd:nth-child(even) {
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
}
.under-18 > div:first-child .under-18-name, .under-18 > div:first-child .contact-dd, .under-18 > div:first-child > p {
	border-bottom: 1px dotted #333;
}
.item-40 dl dt, .elm, .under-18 > div, .enrollment, .education > div, .employment, .over-18 {
	width: 100%;
	display: table;
}
.item-40 dl dt > p, .contact-dt, .contact-dd, .elm > p, .under-18 > div > div, .under-18 > div > p, .enrollment > div, .employment > div, .over-18 > div, .over-18 > p, .education > div > div{
	display: table-cell;
	vertical-align: middle;
}
.item-40 dl dt > p:first-child, .elm > p:first-child, .under-18 > div > div:first-child, .enrollment > div:first-child, .employment > div:first-child, .over-18 > div:first-child, .education > div > div:first-child{
	width: 500px;
}
.item-40 dl dt > p{
	height: 78px;
}
.elm > p , .under-18 > div > div > p:first-child, .enrollment > div:first-child > p, .employment > div:first-child p:first-child, .over-18 > div:first-child p:first-child, .education > p, .education > div > div:first-child > p{
	height: 48px;
}
.elm > p , .under-18 > div > p, .enrollment > div:last-child > span, .employment > div:last-child > span, .over-18 > p {
	padding-left: 10px;
}
.under-18-name, .over-18-name, .enrollment-name, .employment-name {
	height: 80px;
}
.under-18-name, .over-18-name, .enrollment-name, .employment-name {
	margin-left: 30px;
	padding-top: 3px;
}
.education > p {
	width: 715px;
	border-right: 1px solid #333;
	border-bottom: 1px dotted #333;
}
.enrollment .item-title span, .education .item-title span {
	color: #333333;
}
.education > div > div:first-child {
	padding-left: 30px;
}
.education > div > div:first-child > p:nth-child(2) {
	border-top: 1px dotted #333;
	border-bottom: 1px dotted #333;
}
.education > div > div:last-child p {
	padding-left: 10px;
}
.education > div > div:last-child {
	vertical-align: baseline;
	position: relative;
}
.education > div > div:last-child p:first-child {
	position: absolute;
	top: -20px;
}
.education > div > div:last-child p:last-child {
	width: 100%;
	height: 96px;
	line-height: 96px;
	position: absolute;
	bottom: 0;
	border-top: 1px dotted #333;
}
.item-title {
	display: inline-block;
	margin-top: 5px;
}
.item-title-col {
	/*color: #c33c55;*/
}
.under-18-name > span, .employment-name > span, .over-18-name > span {
	display: block;
	padding-left: 40px;
}
.contact-dt, .contact-dd {
	width: 215px;
	text-align: center;
	border-left: 1px solid #333;
	border-right: 1px solid #333;
}
.education .contact-dd > span {
	display: inline-block;
	height: 48px;
}
.education .contact-dd > span:not(:first-child) {
	line-height: 48px;
}
.education .contact-dd > span:nth-child(2) {
	width: 100%;
	border-top: 1px dotted #333;
	border-bottom: 1px dotted #333;
}
.item-40 dl dt > p, .contact-dt{
	text-align: center;
	font-size: 1.6rem;
	font-weight: bold;
	/*background: #f0b6be;*/
}
.contact-dt > span {
	display: inline-block;
	text-align: left;
}
.contact-dt span > span, .contact-dd > span > span {
	display: block;
}
.item-40 .tel-dt,.item-40 .tel-dd {
	display: inline;
}
.tel-dt {
	padding-left: 13px;
	line-height: 1;
}
.tel-dd {
	padding-left: 10px;
}
.tanto {
	font-size: 1.1rem;
	padding-bottom: 5px;
}
.tanto-place {
	font-size: 1.3rem;
}
/* #page-40 end */

/* #page-41 start */

/* #page-41 end */	

/* #page-42 start */
.item-42 dl {
	padding: 0 20px;
}
.item-42 dt > span:first-child {
	font-size: 2rem;
	color: #782d4b;
	font-weight: bold;
}
.item-42 dt > span:nth-child(2) {
	font-size: 1.6rem;
	color: #782d4b;
}
.item-42 dt:nth-child(n+3):nth-child(-n+5) > span:first-child {
	padding-right: 10px;
}
.item-42 a {
	font-size: 1.4rem;
	color: #4ab4d8;
	text-decoration: underline;
}
.item-42 a:hover {
	color: #e03c22;
	text-decoration: none;
}
.item-42 a:after {
	content: "";
	display: inline-block;
	width: 18px;
	height: 16px;
	background:url(../img/page-42.png) no-repeat 0 0;
	background-size: contain;
	position: relative;
	left: 7px;
	top: 3px;
}
.item-42 dt span:first-child:before {
	margin-right: 15px;
}
.item-42 dd {
	padding-left: 35px;
}
.item-42 dd:not(:last-child) {
	margin-bottom: 10px;
}
.word-area-42 {
    width: 510px;
    margin-left: auto;
}
.speech-42 {
	width: 390px;
}
.speech-42:before{
	width: 100%;
	height:80px;
	margin-top:-40px;
}
/* #page-42 end */

/* ---- web font start ---- */
@font-face {
	font-family: 'subset-mugen';
	src: url('../fonts/subset-mugen.woff2') format('woff2'),
	     url('../fonts/subset-mugen.woff') format('woff'),
	     url('../fonts/subset-mugen.ttf') format('truetype');
	font-weight: normal;
  	font-style: normal;
}
@font-face {
  	font-family: 'icomoon';
  	src:
  	  url('../fonts/icomoon.ttf?mv1bhy') format('truetype'),
  	  url('../fonts/icomoon.woff?mv1bhy') format('woff'),
  	  url('../fonts/icomoon.svg?mv1bhy#icomoon') format('svg');
  	font-weight: normal;
  	font-style: normal;
}
/* ---- web font end ---- */