/* crtop */
.crtop .cont01 {
	padding: 0px 15px 20px;
}
.crtop #page-title {
}
.crtop .cont01 .top-title {
	display: block;
	margin: 30px auto 20px;
	font-size: 130%;
	line-height: 1.6em;
}
.crtop .cont01 .bodyblock {
	font-size: 100%;
	line-height: 1.6em;
}
.crtop .cont03 {
	padding: 0px 0px 20px;
}

/* page-tab */
.crdesign .page-tab li:nth-child(1) a,
.crpacking .page-tab li:nth-child(2) a,
.crresearch .page-tab li:nth-child(3) a,
.crsys .page-tab li:nth-child(4) a {
	background: rgba(255,255,255,1.0);
}
.crdesign .page-tab li:nth-child(1) a:hover,
.crpacking .page-tab li:nth-child(2) a:hover,
.crresearch .page-tab li:nth-child(3) a:hover,
.crsys .page-tab li:nth-child(4) a:hover {
	color: #000;
}



@media print, screen and (min-width: 768px) {
/* crtop */
.crtop .cont01 {
	padding: 0px 20px 30px;
	text-align: center;
}
.crtop .cont01 .top-title {
	margin: 40px auto 30px;
	font-size: 150%;
	line-height: 1.6em;
	text-align: center;
}
.crtop .cont01 .bodyblock {
	font-size: 95%;
	line-height: 1.6em;
	text-align: center;
}
.crtop .cont03 {
	padding: 0px 0px 10px;
	font-size: 105%;
	line-height: 1.8em;
	text-align: center;
}

}


@media print, screen and (min-width: 1026px) {
/* crtop */
.crtop .cont01 {
	padding: 0px 20px 10px;
}
.crtop .cont01 .top-title {
	margin: 40px auto 30px;
	font-size: 160%;
	line-height: 1.5em;
}
.crtop .cont01 .bodyblock {
	font-size: 100%;
	line-height: 1.6em;
	padding: 0px;
}
.crtop .cont03 {
	padding: 0px 0px 20px;
	font-size: 110%;
	line-height: 1.8em;
	text-align: center;
}
/* page-tab */
.crdesign .page-tab li:nth-child(1) a,
.crpacking .page-tab li:nth-child(2) a,
.crresearch .page-tab li:nth-child(3) a,
.crsys .page-tab li:nth-child(4) a {
	padding: 16px 50px 10px;
	margin: -6px 1px -2px 0px;
	border-bottom: 2px solid rgba(255,255,255,1);
}

}


@media print, screen and (min-width: 1140px) {
/* crtop */
.crtop .cont01 {
	padding: 0px 0px 40px;
}
.crtop .cont01 .top-title {
	margin: 40px auto 30px;
	font-size: 170%;
	line-height: 1.5em;
}
.crtop .cont01 .bodyblock {
	font-size: 105%;
	line-height: 1.6em;
	padding: 0px;
}
}

@media print, screen and (min-width: 1260px) {
/* crtop */
.crtop .cont01 {
	padding: 0px 0px 40px;
}
.crtop .cont01 .top-title {
	margin: 40px auto 30px;
	font-size: 175%;
	line-height: 1.5em;
}
.crtop .cont01 .bodyblock {
	font-size: 105%;
	line-height: 1.6em;
	padding: 0px;
}
}


@media print, screen and (min-width: 1400px) {
/* crtop */
.crtop .cont01 {
	padding: 0px 0px 50px;
}
.crtop .cont01 .top-title {
	margin: 50px auto 30px;
	font-size: 180%;
	line-height: 1.5em;
}
.crtop .cont01 .bodyblock {
	font-size: 110%;
	line-height: 1.6em;
	padding: 0px;
}
}









.img-2block,
.img-2block-cent,
.img-2block-cent2,
.img-block,
.img-4block,
.img-4block-cent,
.dmc-block,
.img-3block-cent,
.img-3block-cent2 {
	display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
	
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.img-block li {
	position: relative;
}
.img-block img,
.img-2block-cent img,
.img-3block-cent img,
.img-4block-cent img {
	height: auto;
	max-width: 100%;
}
.img-2block img,
.img-4block img,
.img-3block-cent2 img,
.img-2block-cent2 img {
	height: auto;
	width: 100%;
}
.img-2block-cent,
.img-3block-cent,
.img-4block-cent {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.img-2block li {
	-ms-flex-preferred-size: 50%;
	flex-basis: 50%;
	position: relative;
}
.img-4block li {
	-ms-flex-preferred-size: calc(25% - 10px);
	flex-basis: calc(25% - 10px);
	position: relative;
}
.img-2block-cent li:first-child {
	text-align: right;
}
.img-2block-cent li:last-child {
}
.img-4block-cent li:nth-child(1) {
	text-align: right;
}
.img-3block-cent li:first-child {
	text-align: right;
}
.img-3block-cent li:last-child {
}
.img-4block-cent li:nth-child(1) {
	text-align: right;
}
.img-4block-cent li:nth-child(2) {
	text-align: right;
}
.img-4block-cent li:nth-child(3) {
}
.img-4block-cent li:nth-child(4) {
}
.img-3block-cent2 li,
.img-2block-cent2 li {
  -ms-flex-preferred-size: calc(50% - 10px);
  flex-basis: calc(50% - 10px);
  padding: 0px 0px 15px;
}







/* main-image */
.crdesign #main-image {
}
.crdesign #main-image img {
}
.crdesign #image-inner,
.crpacking #image-inner,
.crresearch #image-inner,
.crsys #image-inner {
	position: relative;
	max-width: 3000px;
	margin: 0px !important;
	width: 100% !important;
}
.crdesign #top-page-shoulder,
.crpacking #top-page-shoulder,
.crresearch #top-page-shoulder,
.crsys #top-page-shoulder {
	font-size: 105%;
	line-height: 1.6em;
	position: absolute;
	left: 10px;
	top: 10px;
	text-shadow: 1px 1px 24px rgba(255, 255, 255, 1.0), 1px 1px 12px rgba(255, 255, 255, 1.0), 1px 1px 5px rgba(255, 255, 255, 1.0);
}
.crpacking #top-page-shoulder {
	top: auto;
	bottom: 50px;
}
.crresearch #top-page-shoulder {
	top: auto;
	bottom: 50px;
}
.crsys #top-page-shoulder {
	top: auto;
	bottom: 50px;
}
.crdesign #main-image #top-page-title,
.crpacking #main-image #top-page-title,
.crresearch #main-image #top-page-title,
.crsys #main-image #top-page-title {
	font-size: 150%;
	line-height: 1.5em;
	font-weight: normal;
	left: 10px;
	top: auto;
	right: auto;
	bottom: 10px;
	text-shadow: 1px 1px 24px rgba(255, 255, 255, 1.0), 1px 1px 20px rgba(255, 255, 255, 1.0), 1px 1px 12px rgba(255, 255, 255, 1.0), 1px 1px 5px rgba(255, 255, 255, 1.0);
}


/* cont01 */
.crdesign .cont01 {
}
.crdesign .cont-back,
.crpacking .cont-back,
.crresearch .cont-back,
.crsys .cont-back {
	padding: 15px 20px 20px;
	position: relative;
}
.crdesign .cont01 .cont-back,
.crdesign .cont03 .cont-back,
.crdesign .cont05 .cont-back,
.crdesign .cont06 .cont-back,
.crdesign .cont07 .cont-back,
.crdesign .cont08 .cont-back {
	background: #f2f8bf;
}
.crdesign .bodytitle,
.crpacking .bodytitle,
.crresearch .bodytitle,
.crsys .bodytitle {
	font-size: 115%;
	line-height: 1.6em;
	font-weight: normal;
	padding: 0px 0px 15px;
}
.crdesign .bodyblock,
.crpacking .bodyblock,
.crresearch .bodyblock,
.crsys .bodyblock {
	font-size: 90%;
	line-height: 1.7em;
	margin: 0px auto;
	max-width: 750px;
}
.crdesign .cont01 .img-block {
	padding: 0px 0px 2em;
}


.crdesign .cont08 .cont-back {
	box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.3);
}



/* cont02 */
.crdesign .cont02 .img-2block-cent li {
	-ms-flex-preferred-size: 50%;
	flex-basis: 50%;
	position: relative;
}


/* cont20 */
.crdesign .cont20 .img-3block-cent li {
	-ms-flex-preferred-size: 70%;
	flex-basis: 70%;
	position: relative;
}


/* cont03 */
.crdesign .cont03 .img-block {
	text-align: center;
	display: block;
}


/* cont04 */
.crdesign .cont04 .img-4block-cent li {
	-ms-flex-preferred-size: 25%;
	flex-basis: 25%;
	position: relative;
}


.crdesign .cont05 {
	border-bottom: 1px solid #CCC;
}
.crdesign .cont05 .bodyblock p {
	padding: 0px;
}

/* cont06" */
.crdesign .font-cap {
	font-size: 75%;
	line-height: 1.5em;
}
.crdesign .cont06,
.crdesign .cont07 {
	border-bottom: 1px solid #CCC;
}
.crdesign .cont06 .img-4block li {
	-ms-flex-preferred-size: calc(50% - 10px);
	flex-basis: calc(50% - 10px);
	position: relative;
	padding: 0px 0px 15px;
}
.dmc-block {
	padding: 10px 0px 2em;
}
.dmc-block li:nth-child(1) {
	-ms-flex-preferred-size: 50%;
	flex-basis: 50%;
	position: relative;
	font-size: 90%;
	font-weight: bold;
}
.dmc-block li:nth-child(2) {
	-ms-flex-preferred-size: 0%;
	flex-basis: 0%;
	position: relative;
	padding: 0px 0px 10px;
}
.dmc-block li:nth-child(3) {
	-ms-flex-preferred-size: 100%;
	flex-basis: 100%;
	position: relative;
	font-size: 85%;
	line-height: 1.6em;
}



/* cont07" */
.crdesign .cont07 .img-4block li {
	-ms-flex-preferred-size: calc(50% - 10px);
	flex-basis: calc(50% - 10px);
	position: relative;
	padding: 0px 0px 15px;
}



.more-button-box {
	text-align: center;
	padding: 20px 0px 0px;
}



.bottom-cont {
	background: #757575;
	color: #FFF;
	font-size: 85%;
	line-height: 1.6em;
}
.bottom-cont .cont-back {
	padding: 15px;
}
.bottom-cont .bottom-block {
}
.bottom-cont .bottom-block li:first-child {
	padding: 0px 0px 15px;
}
.bottom-cont .bottom-block strong {
	font-size: 110%;
	line-height: 1.5em;
	display: block;
}
.bottom-cont .bottom-block img {
	height: auto;
	max-width: calc(960px / 2);
	width: 100%;
}



@media print, screen and (min-width: 768px) {
/* crdesign */
.crdesign #top-page-shoulder,
.crpacking #top-page-shoulder,
.crresearch #top-page-shoulder,
.crsys #top-page-shoulder {
	font-size: 130%;
	line-height: 1.6em;
	left: 25px;
	top: 20px;
	text-shadow: 1px 1px 30px rgba(255, 255, 255, 1.0), 1px 1px 24px rgba(255, 255, 255, 1.0), 1px 1px 12px rgba(255, 255, 255, 1.0), 1px 1px 7px rgba(255, 255, 255, 1.0);
}
.crpacking #top-page-shoulder {
	top: auto;
	bottom: 90px;
}
.crresearch #top-page-shoulder {
	top: auto;
	bottom: 100px;
}
.crsys #top-page-shoulder {
	top: auto;
	bottom: 100px;
}
.crdesign #main-image #top-page-title,
.crpacking #main-image #top-page-title,
.crresearch #main-image #top-page-title,
.crsys #main-image #top-page-title {
	font-size: 170%;
	line-height: 1.5em;
	left: 25px;
	top: auto;
	right: auto;
	bottom: 20px;
	text-shadow: 1px 1px 30px rgba(255, 255, 255, 1.0), 1px 1px 24px rgba(255, 255, 255, 1.0), 1px 1px 20px rgba(255, 255, 255, 1.0), 1px 1px 12px rgba(255, 255, 255, 1.0), 1px 1px 7px rgba(255, 255, 255, 1.0);
}



/* cont01 */
.crdesign .cont-back,
.crpacking .cont-back,
.crresearch .cont-back,
.crsys .cont-back {
	padding: 20px 25px 25px;
}
.crdesign .bodytitle,
.crpacking .bodytitle,
.crresearch .bodytitle,
.crsys .bodytitle {
	font-size: 130%;
	line-height: 1.6em;
	text-align: center;
	padding: 0px 0px 15px;
}
.crdesign .bodyblock,
.crpacking .bodyblock,
.crresearch .bodyblock,
.crsys .bodyblock {
	font-size: 95%;
	line-height: 1.7em;
}
.crdesign .cont01 .img-block {
	padding: 0px 0px 2em;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}


/* cont06" */
.crdesign .font-cap {
	font-size: 80%;
	line-height: 1.5em;
}
.crdesign .cont06 .img-4block li,
.crdesign .cont07 .img-4block li {
	-ms-flex-preferred-size: calc(50% - 15px);
	flex-basis: calc(50% - 15px);
	position: relative;
	padding: 0px 0px 20px;
}
.dmc-block {
	padding: 15px 0px 2em;
}
.dmc-block li:nth-child(1) {
	-ms-flex-preferred-size: 28%;
	flex-basis: 28%;
	font-size: 90%;
	text-align: right;
}
.dmc-block li:nth-child(2) {
	-ms-flex-preferred-size: 0%;
	flex-basis: 0%;
	padding: 0px 0px 10px;
}
.dmc-block li:nth-child(3) {
	-ms-flex-preferred-size: 68%;
	flex-basis: 68%;
	font-size: 85%;
	line-height: 1.6em;
}


.more-button-box {
	text-align: center;
	padding: 30px 0px 0px;
}




.bottom-cont {
	font-size: 85%;
	line-height: 1.6em;
}
.bottom-cont .cont-back {
	padding: 25px;
}
.bottom-cont .bottom-block {
	display: table;
	margin: 0px auto;
}
.bottom-cont .bottom-block li:first-child {
	padding: 0px 20px 0px 0px;
	vertical-align: top;
	display: table-cell;
}
.bottom-cont .bottom-block li:last-child {
	padding: 0px;
	vertical-align: top;
	display: table-cell;
}
.bottom-cont .bottom-block strong {
	font-size: 110%;
	line-height: 1.5em;
	display: block;
}


.img-3block-cent2 li,
.img-2block-cent2 li {
  -ms-flex-preferred-size: calc(50% - 15px);
  flex-basis: calc(50% - 15px);
  padding: 0px 0px 15px;
}

}








@media print, screen and (min-width: 1026px) {
/* crdesign */
.crdesign #top-page-shoulder,
.crpacking #top-page-shoulder,
.crresearch #top-page-shoulder,
.crsys #top-page-shoulder {
	font-size: 150%;
	line-height: 1.6em;
	left: 35px;
	top: 25px;
	text-shadow: 1px 1px 30px rgba(255, 255, 255, 1.0), 1px 1px 24px rgba(255, 255, 255, 1.0), 1px 1px 12px rgba(255, 255, 255, 1.0), 1px 1px 7px rgba(255, 255, 255, 1.0);
}
.crpacking #top-page-shoulder {
	top: auto;
	bottom: 140px;
}
.crresearch #top-page-shoulder {
	top: auto;
	bottom: 140px;
}
.crsys #top-page-shoulder {
	top: auto;
	bottom: 140px;
}
.crdesign #main-image #top-page-title,
.crpacking #main-image #top-page-title,
.crresearch #main-image #top-page-title,
.crsys #main-image #top-page-title {
	font-size: 200%;
	line-height: 1.5em;
	left: 35px;
	top: auto;
	right: auto;
	bottom: 25px;
	text-shadow: 1px 1px 30px rgba(255, 255, 255, 1.0), 1px 1px 24px rgba(255, 255, 255, 1.0), 1px 1px 20px rgba(255, 255, 255, 1.0), 1px 1px 12px rgba(255, 255, 255, 1.0), 1px 1px 7px rgba(255, 255, 255, 1.0);
}



/* cont01 */
.crdesign .cont-back,
.crpacking .cont-back,
.crresearch .cont-back,
.crsys .cont-back {
	padding: 25px 30px 30px;
}
.crdesign .bodytitle,
.crpacking .bodytitle,
.crresearch .bodytitle,
.crsys .bodytitle {
	font-size: 150%;
	line-height: 1.6em;
	padding: 0px 0px 20px;
}
.crdesign .bodyblock,
.crpacking .bodyblock,
.crresearch .bodyblock,
.crsys .bodyblock {
	font-size: 95%;
	line-height: 1.7em;
}


/* cont06" */
.crdesign .font-cap {
	font-size: 80%;
	line-height: 1.5em;
}
.crdesign .cont06 .img-4block li,
.crdesign .cont07 .img-4block li {
	-ms-flex-preferred-size: calc(25% - 10px);
	flex-basis: calc(25% - 10px);
	padding: 0px;
}
.dmc-block {
	padding: 20px 0px 2em;
}
.dmc-block li:nth-child(1) {
	-ms-flex-preferred-size: 22%;
	flex-basis: 22%;
	font-size: 90%;
	text-align: right;
}
.dmc-block li:nth-child(2) {
	-ms-flex-preferred-size: 0px;
	flex-basis: 0px;
	padding: 0px 0px 10px;
	text-align: center;
}
.dmc-block li:nth-child(3) {
	-ms-flex-preferred-size: 100%;
	flex-basis: calc(98% - 17% - 80px);
	font-size: 85%;
	line-height: 1.6em;
}



.bottom-cont {
	font-size: 90%;
	line-height: 1.6em;
}
.bottom-cont .cont-back {
	padding: 30px;
}
.bottom-cont .bottom-block li:first-child {
	padding: 0px 30px 0px 0px;
}
.bottom-cont .bottom-block strong {
	font-size: 110%;
	line-height: 1.5em;
	display: block;
	padding: 0px 0px 5px;
}



}



@media print, screen and (min-width: 1140px) {
/* crdesign */
.crdesign #top-page-shoulder,
.crpacking #top-page-shoulder,
.crresearch #top-page-shoulder,
.crsys #top-page-shoulder {
	font-size: 170%;
	line-height: 1.5em;
	left: 5%;
	top: 30px;
	text-shadow: 1px 1px 35px rgba(255, 255, 255, 1.0), 1px 1px 30px rgba(255, 255, 255, 1.0), 1px 1px 24px rgba(255, 255, 255, 1.0), 1px 1px 12px rgba(255, 255, 255, 1.0), 1px 1px 7px rgba(255, 255, 255, 1.0);
}
.crpacking #top-page-shoulder {
	top: auto;
	bottom: 180px;
}
.crresearch #top-page-shoulder {
	top: auto;
	bottom: 180px;
}
.crsys #top-page-shoulder {
	top: auto;
	bottom: 180px;
}
.crdesign #main-image #top-page-title,
.crpacking #main-image #top-page-title,
.crresearch #main-image #top-page-title,
.crsys #main-image #top-page-title {
	font-size: 220%;
	line-height: 1.5em;
	left: 5%;
	top: auto;
	right: auto;
	bottom: 30px;
	text-shadow: 1px 1px 40px rgba(255, 255, 255, 1.0), 1px 1px 30px rgba(255, 255, 255, 1.0), 1px 1px 24px rgba(255, 255, 255, 1.0), 1px 1px 20px rgba(255, 255, 255, 1.0), 1px 1px 12px rgba(255, 255, 255, 1.0), 1px 1px 7px rgba(255, 255, 255, 1.0);
}


/* cont01 */
.crdesign .cont-back,
.crpacking .cont-back,
.crresearch .cont-back,
.crsys .cont-back {
	padding: 35px;
}
.crdesign .bodytitle,
.crpacking .bodytitle,
.crresearch .bodytitle,
.crsys .bodytitle {
	font-size: 170%;
	line-height: 1.5em;
	padding: 0px 0px 25px;
}
.crdesign .bodyblock,
.crpacking .bodyblock,
.crresearch .bodyblock,
.crsys .bodyblock {
	font-size: 100%;
	line-height: 1.7em;
}



/* cont06" */
.crdesign .font-cap {
	font-size: 85%;
	line-height: 1.5em;
}
.crdesign .cont06 .img-4block li,
.crdesign .cont07 .img-4block li {
	-ms-flex-preferred-size: calc(25% - 15px);
	flex-basis: calc(25% - 15px);
}
.dmc-block li:nth-child(1) {
	font-size: 120%;
}
.dmc-block li:nth-child(3) {
	font-size: 90%;
	line-height: 1.6em;
}

.bottom-cont .bottom-block li:first-child {
	padding: 0px 40px 0px 0px;
}



}





@media print, screen and (min-width: 1260px) {
/* crdesign */
.crdesign #top-page-shoulder,
.crpacking #top-page-shoulder,
.crresearch #top-page-shoulder,
.crsys #top-page-shoulder {
	font-size: 200%;
	line-height: 1.5em;
	left: 5%;
	top: 35px;
	text-shadow: 1px 1px 35px rgba(255, 255, 255, 1.0), 1px 1px 30px rgba(255, 255, 255, 1.0), 1px 1px 24px rgba(255, 255, 255, 1.0), 1px 1px 12px rgba(255, 255, 255, 1.0), 1px 1px 7px rgba(255, 255, 255, 1.0);
}
.crpacking #top-page-shoulder {
	top: auto;
	bottom: 190px;
}
.crresearch #top-page-shoulder {
	top: auto;
	bottom: 190px;
}
.crsys #top-page-shoulder {
	top: auto;
	bottom: 190px;
}
.crdesign #main-image #top-page-title,
.crpacking #main-image #top-page-title,
.crresearch #main-image #top-page-title,
.crsys #main-image #top-page-title {
	font-size: 240%;
	line-height: 1.5em;
	left: 5%;
	top: auto;
	right: auto;
	bottom: 40px;
	text-shadow: 1px 1px 40px rgba(255, 255, 255, 1.0), 1px 1px 30px rgba(255, 255, 255, 1.0), 1px 1px 24px rgba(255, 255, 255, 1.0), 1px 1px 20px rgba(255, 255, 255, 1.0), 1px 1px 12px rgba(255, 255, 255, 1.0), 1px 1px 7px rgba(255, 255, 255, 1.0);
}


/* cont01 */
.crdesign .cont-back,
.crpacking .cont-back,
.crresearch .cont-back,
.crsys .cont-back {
	padding: 40px;
}
.crdesign .bodytitle,
.crpacking .bodytitle,
.crresearch .bodytitle,
.crsys .bodytitle {
	font-size: 200%;
	line-height: 1.5em;
	padding: 0px 0px 30px;
}
.crdesign .bodyblock,
.crpacking .bodyblock,
.crresearch .bodyblock,
.crsys .bodyblock {
	font-size: 105%;
	line-height: 1.7em;
}

/* cont06" */
.crdesign .font-cap {
	font-size: 90%;
	line-height: 1.5em;
}
.crdesign .cont06 .img-4block li,
.crdesign .cont07 .img-4block li {
	-ms-flex-preferred-size: calc(25% - 20px);
	flex-basis: calc(25% - 20px);
}
.dmc-block li:nth-child(1) {
	font-size: 120%;
}
.dmc-block li:nth-child(3) {
	font-size: 90%;
	line-height: 1.6em;
}

.bottom-cont .bottom-block li:first-child {
	padding: 0px 50px 0px 0px;
}


/*
.img-3block-cent2 li {
  -ms-flex-preferred-size: calc(33.33% - 20px);
  flex-basis: calc(33.33% - 20px);
}
*/

.img-3block-cent2,
.img-2block-cent2 {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.img-3block-cent2 li,
.img-2block-cent2 li {
  -ms-flex-preferred-size: calc(25% - 20px);
  flex-basis: calc(25% - 20px);
  padding: 0px;
  margin: 0px 14px;
}


}




@media print, screen and (min-width: 1400px) {
/* crdesign */
.crdesign #top-page-shoulder,
.crpacking #top-page-shoulder,
.crresearch #top-page-shoulder,
.crsys #top-page-shoulder {
	font-size: 220%;
	line-height: 1.5em;
	left: 6%;
	top: 40px;
	text-shadow: 1px 1px 35px rgba(255, 255, 255, 1.0), 1px 1px 30px rgba(255, 255, 255, 1.0), 1px 1px 24px rgba(255, 255, 255, 1.0), 1px 1px 12px rgba(255, 255, 255, 1.0), 1px 1px 7px rgba(255, 255, 255, 1.0);
}
.crpacking #top-page-shoulder {
	top: auto;
	bottom: 210px;
}
.crresearch #top-page-shoulder {
	top: auto;
	bottom: 210px;
}
.crsys #top-page-shoulder {
	top: auto;
	bottom: 210px;
}
.crdesign #main-image #top-page-title,
.crpacking #main-image #top-page-title,
.crresearch #main-image #top-page-title,
.crsys #main-image #top-page-title {
	font-size: 270%;
	line-height: 1.5em;
	left: 6%;
	top: auto;
	right: auto;
	bottom: 50px;
	text-shadow: 1px 1px 40px rgba(255, 255, 255, 1.0), 1px 1px 30px rgba(255, 255, 255, 1.0), 1px 1px 24px rgba(255, 255, 255, 1.0), 1px 1px 20px rgba(255, 255, 255, 1.0), 1px 1px 12px rgba(255, 255, 255, 1.0), 1px 1px 7px rgba(255, 255, 255, 1.0);
}
/* cont01 */
.crdesign .cont-back,
.crpacking .cont-back,
.crresearch .cont-back,
.crsys .cont-back {
	padding: 50px;
}
.crdesign .bodytitle,
.crpacking .bodytitle,
.crresearch .bodytitle,
.crsys .bodytitle {
	font-size: 220%;
	line-height: 1.5em;
}
}














/* crpacking */
.crpacking .cont01 .cont-back,
.crpacking .cont03 .cont-back {
	background: #f3f0e1;
}

.crpacking .cont04 .cont-back {
	box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.3);
}


.crpacking .cont03 .img-4block-cent {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.crpacking .cont03 .img-4block-cent li {
	-ms-flex-preferred-size: calc(50% - 10px);
	flex-basis: calc(50% - 10px);
	position: relative;
}
.img-4block-cent li:nth-child(1) {
	text-align: center;
}
.img-4block-cent li:nth-child(2) {
	text-align: center;
}
.img-4block-cent li:nth-child(3) {
	text-align: center;
}
.img-4block-cent li:nth-child(4) {
	text-align: center;
}
.crpacking .cont03 .img-4block-cent li .font-cap {
	text-align: center !important;
}

@media print, screen and (min-width: 768px) {

.crpacking .cont03 .img-4block-cent li {
	-ms-flex-preferred-size: calc(25% - 10px);
	flex-basis: calc(25% - 10px);
}

}


@media print, screen and (min-width: 1026px) {
.crpacking .block-layout {
	display: table;
	margin: 0px auto;
	max-width: 1150px;
}
.crpacking .layout-l {
	display: table-cell;
	width: 45%;
	vertical-align: top;
}
.crpacking .layout-r {
	vertical-align: top;
	display: table-cell;
	padding: 0px 0px 0px 20px;
	width: 55%;
}

.crpacking .cont03 .img-4block-cent li {
	-ms-flex-preferred-size: calc(25% - 25px);
	flex-basis: calc(25% - 25px);
}
.crpacking .cont03 .img-4block-cent {
	max-width: 1100px;
	margin: 0px auto;
}
}


@media print, screen and (min-width: 1140px) {
.crpacking .layout-r {
	padding: 0px 0px 0px 30px;
}
}

@media print, screen and (min-width: 1260px) {

}


@media print, screen and (min-width: 1400px) {

}








/* crresearch */
.crresearch .cont01 .cont-back,
.crresearch .cont03 .cont-back,
.crresearch .cont05 .cont-back {
	background: #c2e0d1;
}
.crresearch .cont05 .cont-back {
	box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.3);
}

.crresearch-menu {
	border-top: 1px solid #999;
	margin: 0px auto;
	max-width: 750px;
	-webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: 'liga';
}
.cont05 h4.crresearchtitle {
	margin: 0px auto;
	max-width: 750px;
	font-size: 105%;
	line-height: 1.6em;
	padding: 10px 0px 0px;
}
.cont05 h4.crresearchtitle.first-title {
	padding: 0px;
}
.crresearch-menu li {
	font-size: 90%;
	line-height: 1.5em;
	padding: 5px 0px 5px 18px;
	position: relative;
	border-bottom: 1px solid #999;
}
.crresearch-menu {
	
}
.crresearch-menu li::before {
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 18px;
	color: rgba(0,72,128,1.0);
	line-height: 1;
	text-transform: none;
	letter-spacing: normal;
	direction: ltr;
	vertical-align: middle;
	margin: 0px;
	position: absolute;
	left: 0px;
	transform: scale(1.0,1.0);
	content: "chevron_right";
	top: calc(50% - 8px);
}

.crresearch .cont03 .img-2block-cent .font-cap {
	text-align: left;
}

.crresearch .cont02 .img-4block-cent li .font-cap {
	text-align: center !important;
}
.crresearch .cont03 .img-4block-cent li .font-cap {
	text-align: center !important;
}




@media print, screen and (min-width: 768px) {
.crresearch-menu li {
	font-size: 90%;
	line-height: 1.5em;
	padding: 7px 0px 7px 18px;
	border-bottom: 1px solid #999;
	position: relative;
}
.cont05 h4.crresearchtitle {
	font-size: 105%;
	padding: 20px 0px 5px;
}
.cont05 h4.crresearchtitle.first-title {
	padding: 0px 0px 5px;
}
}


@media print, screen and (min-width: 1026px) {
.crresearch .block-layout {
	display: table;
	margin: 0px auto;
	max-width: 1150px;
}
.crresearch .layout-l {
	display: table-cell;
	width: 45%;
	vertical-align: top;
}
.crresearch .layout-r {
	vertical-align: top;
	display: table-cell;
	padding: 0px 0px 0px 20px;
	width: 55%;
}

.crresearch .cont01 .layout-l {
	width: 60%;
}
.crresearch .cont01 .layout-r {
	width: 40%;
}

.cont05 h4.crresearchtitle {
	font-size: 105%;
	padding: 25px 0px 8px;
}
.cont05 h4.crresearchtitle.first-title {
	padding: 0px 0px 8px;
}
.crresearch-menu li {
	font-size: 95%;
	line-height: 1.5em;
	padding: 10px 0px 10px 18px;
}
}


@media print, screen and (min-width: 1140px) {

}

@media print, screen and (min-width: 1260px) {

}


@media print, screen and (min-width: 1400px) {

}











/* crsys */
.crsys .cont01 .cont-back,
.crsys .cont03 .cont-back,
.crsys .cont05 .cont-back {
	background: #dcecf3;
}



.crsys .cont05 .cont-back {
	box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.3);
}

@media print, screen and (min-width: 768px) {

}


@media print, screen and (min-width: 1026px) {
.crsys .block-layout {
	display: table;
	margin: 0px auto;
	max-width: 1150px;
}
.crsys .layout-l {
	display: table-cell;
	width: 45%;
	vertical-align: top;
}
.crsys .layout-r {
	vertical-align: top;
	display: table-cell;
	padding: 0px 0px 0px 20px;
	width: 55%;
}

.crsys .cont03 .img-4block-cent li {
	-ms-flex-preferred-size: calc(25% - 25px);
	flex-basis: calc(25% - 25px);
}
.crsys .cont03 .img-4block-cent {
	max-width: 1100px;
	margin: 0px auto;
}
}


@media print, screen and (min-width: 1140px) {
.crsys .layout-r {
	padding: 0px 0px 0px 30px;
}
}

@media print, screen and (min-width: 1260px) {

}


@media print, screen and (min-width: 1400px) {

}












#top-page-shoulder,
#top-page-title,
.p02-02 .img-2block-menu {
	opacity: 0;
	-webkit-animation-duration: 3s;
	animation-duration: 3s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	position: relative;
	
	-webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
#top-page-shoulder {
	animation-delay: 0.0s;
}
#top-page-title {
	animation-delay: 0.2s;
}

/*
section div,
section h3,
section h2,
section li {
	opacity: 0;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	position: relative;
}
*/

@-webkit-keyframes imageBlurTop {
  0% {
    opacity: 0;
		transform: scale(0.90,0.90);
  }
  100% {
    opacity: 1;
		transform: scale(1.0,1.0);
  }
}

@keyframes imageBlurTop {
  0% {
    opacity: 0;
		transform: scale(0.90,0.90);
  }
  100% {
    opacity: 1;
		transform: scale(1.0,1.0);
  }
}



#main-image {
	background: none;	
}
#main-image img {
	opacity: 0;
	-webkit-animation-duration: 4s;
	animation-duration: 4s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	position: relative;
	
	-webkit-animation-name: imageBlurS;
  animation-name: imageBlurS;
}

@-webkit-keyframes imageBlurS {
  0% {
    opacity: 0;
		transform: scale(0.98,0.98);
  }
  100% {
    opacity: 1;
		transform: scale(1.01,1.01);
  }
}

@keyframes imageBlurS {
  0% {
    opacity: 0;
		transform: scale(0.98,0.98);
  }
  100% {
    opacity: 1;
		transform: scale(1.01,1.01);
  }
}







@media print, screen and (min-width: 768px) {

}


@media print, screen and (min-width: 1026px) {

}


@media print, screen and (min-width: 1140px) {

}

@media print, screen and (min-width: 1260px) {

}


@media print, screen and (min-width: 1400px) {

}