@charset "utf-8";

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

	page style
	 
----------------------------------------------------
*

	tokucho
	spec
	flow

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







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

	tokucho

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

#tokucho {
	background-image: url(../img/tokucho_bg.jpg);
}



/* ----------------------------------------------
	contents
---------------------------------------------- */

#tokucho p,
#tokucho div { position: absolute; left: 0px; top: 0px;}


/*
	img
---------------------------------------------- */

#tokucho .img01,
#tokucho .img02 { top: 100px; top: 13.02083333333333%; width: 100%;}

#tokucho .img03_01,
#tokucho .img03_02 {
	width: 325px;
	width: 28.21180555555556%;
	top: 514px;
	top: 66.92708333333333%;
}
#tokucho .img03_01 { left: 0px;}
#tokucho .img03_02 { left: 827px; left: 71.78819444444444%;}

#tokucho .img04_01,
#tokucho .img04_02 {
	width: 187px;
	width: 16.23263888888889%;
	top: 341px;
	top: 44.40104166666667%;
}
#tokucho .img04_01 { left: 33px; left: 2.864583333333333%;}
#tokucho .img04_02 { left: 931px; left: 80.81597222222222%;}


/*
	txt
---------------------------------------------- */

#tokucho .txt01 {
	left: 138px;
	left: 11.97916666666667%;
	top: 97px;
	top: 12.63020833333333%;
	width: 872px;
	width: 75.69444444444444%;
}
#tokucho .txt02 {
	left: 417px;
	left: 36.19791666666667%;
	top: 282px;
	top: 36.71875%;
	width: 329px;
	width: 28.55902777777778%;
}
#tokucho .txt03 {
	left: 14px;
	left: 1.215277777777778%;
	top: 458px;
	top: 59.63541666666667%;
	width: 383px;
	width: 33.24652777777778%;
}
#tokucho .txt04 {
	left: 757px;
	left: 65.71180555555556%;
	top: 455px;
	top: 59.24479166666667%;
	width: 384px;
	width: 33.33333333333333%;
}
#tokucho .txt05 {
	left: 10px;
	left: 0.8680555555555556%;
	top: 645px;
	top: 83.984375%;
	width: 1133px;
	width: 98.35069444444444%;
}


/*
	z-index
---------------------------------------------- */

#tokucho .img01    { z-index: 1;}
#tokucho .img02    { z-index: 3;}
#tokucho .img03_01 { z-index: 2;}
#tokucho .img03_02 { z-index: 2;}
#tokucho .img04_01 { z-index: 4;}
#tokucho .img04_02 { z-index: 4;}
#tokucho .txt01    { z-index: 5;}
#tokucho .txt02    { z-index: 6;}
#tokucho .txt03    { z-index: 6;}
#tokucho .txt04    { z-index: 6;}
#tokucho .txt05    { z-index: 7;}







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

	spec

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

#spec {
	background-image: url(../img/spec_bg.jpg);
}



/* ----------------------------------------------
	contents
---------------------------------------------- */

#areaMain #spec .sectionContents {
	height: 768px;
	height: 788px;
	height: 0px;
	padding-top: 788px;
	padding-top: 68.40277777777778%; /*1152*/
}

#spec p,
#spec div { position: absolute; left: 0px; top: 0px;}

#spec p   { z-index: 2;}
#spec div { z-index: 1;}

#spec p.box01,
#spec p.box03 {
	left: 11px;
	left: 0.9548611111111111%;
	width: 426px;
	width: 36.97916666666667%;
}
#spec p.box02,
#spec p.box04 {
	left: 439px;
	left: 38.10763888888889%;
	width: 242px;
	width: 21.00694444444444%;
}
#spec p.box01,
#spec p.box02 {
	top: 109px;
	top: 14.19270833333333%; /*h768*/
	top: 13.83248730964467%; /*h788*/
}
#spec p.box03,
#spec p.box04 {
	top: 593px;
	top: 77.21354166666667%; /*h768*/
	top: 75.25380710659898%; /*h788*/
}
#spec div.case {
	left: 504px;
	left: 43.75%;
	top: -23px;
	top: -2.994791666666667%; /*h768*/
	top: -2.918781725888325%; /*h788*/
	width: 781px;
	width: 67.79513888888889%;
}







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

	flow

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

#flow {
	background-image: url(../img/flow_bg.jpg);
}



/* ----------------------------------------------
	contents
---------------------------------------------- */

#areaMain #flow .sectionContents {
	height: 835px;
	height: 855px;
	height: 0px;
	padding-top: 855px;
	padding-top: 74.21875%; /*1152*/
}

#flow .block {
	position: absolute;
	top: 120px;
	top: 14.37125748502994%; /*h835*/
	top: 14.03508771929825%; /*h855*/
	width: 536px;
	width: 46.52777777777778%; /*1152*/
	height: 695px;
	height: 0px;
	padding-top: 695px;
	padding-top: 60.32986111111111%; /*1152*/
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	-webkit-box-shadow: 0px 0px 8px 0px #000;
	-moz-box-shadow: 0px 0px 8px 0px #000;
  box-shadow: 0px 0px 8px 0px #000;
}
#flow .block01 {
	left: 20px;
	left: 1.736111111111111%; /*1152*/
	background-image: url(../img/flow_block01.png);
}
#flow .block02 {
	left: 596px;
	left: 51.73611111111111%; /*1152*/
	background-image: url(../img/flow_block02.png);
}

#flow .blockInr {
	position: relative;
	width: 100%;
	height: 100%;
}

#flow .block p,
#flow .block div { position: absolute; left: 0px; top: 0px;}



/*
	arw04
---------------------------------------------- */

#flow .arw04 {
	position: absolute;
	left: 536px;
	left: 46.52777777777778%; /*1152*/
	top: 430px;
	top: 51.49700598802395%; /*h835*/
	top: 50.29239766081871%; /*h855*/
	width: 84px;
	width: 7.291666666666667%; /*1152*/
}


/*
	block01
---------------------------------------------- */

#flow .block01 p {
	left: 25px;
	left: 4.664179104477612%;
}
#flow .block01 .box01 {
	top: 19px;
	top: 2.733812949640288%;
	width: 486px;
	width: 90.67164179104478%;
}
#flow .block01 .box02 {
	top: 277px;
	top: 39.85611510791367%;
	width: 446px;
	width: 83.2089552238806%;
}
#flow .block01 .box03 {
	top: 469px;
	top: 67.48201438848921%;
	width: 486px;
	width: 90.67164179104478%;
}

#flow .block01 .arw01 {
	left: 426px;
	left: 79.47761194029851%;
	top: 260px;
	top: 37.41007194244604%;
	width: 40px;
	width: 7.462686567164179%;
}
#flow .block01 .arw02 {
	left: 466px;
	left: 86.94029850746269%;
	top: 260px;
	top: 37.41007194244604%;
	width: 40px;
	width: 7.462686567164179%;
}
#flow .block01 .arw03 {
	left: 426px;
	left: 79.47761194029851%;
	top: 452px;
	top: 65.03597122302158%;
	width: 40px;
	width: 7.462686567164179%;
}


/*
	block02
---------------------------------------------- */

#flow .block02 .box04 {
	left: 23px;
	left: 4.291044776119403%;
	top: 22px;
	top: 3.165467625899281%;
	width: 490px;
	width: 91.41791044776119%;
}
#flow .block02 .box05 {
	left: 21px;
	left: 3.917910447761194%;
	top: 190px;
	top: 27.33812949640288%;
	width: 250px;
	width: 46.64179104477612%;
}
#flow .block02 .box06 {
	left: 269px;
	left: 50.1865671641791%;
	top: 190px;
	top: 27.33812949640288%;
	width: 250px;
	width: 46.64179104477612%;
}
#flow .block02 .box07 {
	left: 25px;
	left: 4.664179104477612%;
	top: 330px;
	top: 47.48201438848921%;
	width: 486px;
	width: 90.67164179104478%;
}
#flow .block02 .box08 {
	left: 25px;
	left: 4.664179104477612%;
	top: 499px;
	top: 71.79856115107914%;
	width: 486px;
	width: 90.67164179104478%;
}

#flow .block02 .arw05 {
	left: 30px;
	left: 5.597014925373134%;
	top: 173px;
	top: 24.89208633093525%;
	width: 40px;
	width: 7.462686567164179%;
}
#flow .block02 .arw06 {
	left: 465px;
	left: 86.75373134328358%;
	top: 173px;
	top: 24.89208633093525%;
	width: 40px;
	width: 7.462686567164179%;
}
#flow .block02 .arw07 {
	left: 30px;
	left: 5.597014925373134%;
	top: 313px;
	top: 45.03597122302158%;
	width: 40px;
	width: 7.462686567164179%;
}
#flow .block02 .arw08 {
	left: 465px;
	left: 86.75373134328358%;
	top: 313px;
	top: 45.03597122302158%;
	width: 40px;
	width: 7.462686567164179%;
}



/*
	z-index
---------------------------------------------- */

#flow .arw01,
#flow .arw02,
#flow .arw03,
#flow .arw04,
#flow .arw05,
#flow .arw06,
#flow .arw07,
#flow .arw08 {
	z-index: 1;
}