body {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    overflow-y: scroll;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	background-position: center bottom;
	outline: none;
}
em {
    font-family: 'Noto Sans Japanese', sans-serif;
}
a {
	outline: none !important;
}
section {
    font-family: Meiryo;
    position: relative;
    display: table;
    width: 100%;
}
#sec01 {
    background-color: #FFF9E6;
}
#sec01 #click {
    text-align: center;
    font-size: 11px;
    color: #333;
    margin: 0;
    padding: 0;
}
#sec01 #box {
    display: inline-block;
    margin-top: 70px;
    margin-left: 70px;
    margin-bottom: 80px;
    box-sizing: border-box;
    width: 40%;
    height: auto;
    background: #FFF9E6;
    border: 1px solid #333;
    border-radius: 12px 12px 12px 12px;
}
#sec01 #box em {
    margin: 20px;
}
#sec01 #box2 {
    vertical-align: top;
    display: inline-block;
    margin-top: 80px;
    margin-left: 70px;
    margin-bottom: 80px;
    box-sizing: border-box;
    width: 40%;
    height: auto;
    background: #FFF9E6;
    text-align: center;
    color: 333;
    font-size: 36px;
    font-weight: 600;
}
#sec01 #box2 em {
    font-size: 11.5px;
    font-weight: 300;
    color: 333;
}
#sec01 #copy {
    vertical-align: top;
    display: inline-block;
    text-align: right;
    margin-left: 15%;
    margin-right: 5%;
    margin-bottom: 20px;
    font-size: 12px;
    width: 30%;
    color: #333;
}
#sec01 #tasks {
    vertical-align: top;
    display: inline-block;
    text-align: left;
    margin-left: 10%;
    margin-bottom: 20px;
    font-size: 12px;
    width: 35%;
    color: #333;
}
#sec02 div {
	display: table-cell;
	position: absolute;
	top: 0;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}
#sec02 div div {
    position: relative;
	display: inline-block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}
#sec02 div div a {
	transition: opacity 0.2s;
    position: relative;
	display: inline-block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	z-index: 1;
	opacity: 0;
}
#sec02 div:hover div a {
 	transition: opacity 0.2s;
	opacity: 0.75;
}
#sec02 div:hover div {
	visibility: visible;
}
#sec02 div div h3 {
	transition: color 0.2s;
	position: absolute;
	top: 10%;
	left: 10%;
	font-size: 18pt;
	font-style: normal;
	font-weight: bold;
    color: #226;
	transform: scaleX(1.06);
	text-shadow: 2px 2px 1px #d7d7e9;
	z-index: 3;
	pointer-events: none;
}
#sec02 div:hover div h3 {
	transition: color 0.2s;
	color: #fff;
}
#sec02 div:hover div h4 {
	transition: color 0.2s;
	color: #fff;
}
#sec02 div div h4 {
	transition: color 0.2s;
	position: absolute;
	margin-left: 20px;
	top: 10%;
	left: 10%;
	font-size: 12pt;
	font-style: normal;
	font-weight: bold;
	color: #622;
	transform: scaleX(1.06);
	text-shadow: 2px 2px 1px #d7d7e9;
	z-index: 3;
	pointer-events: none;
}
#sec02 div div h5 {
	transition: color 0.2s;
	position: absolute;
	margin-left: 20px;
	top: 15px;
	left: 65px;
	font-size: 10pt;
	font-style: normal;
	font-weight: 100;
	color: #fff;
	transform: scaleX(1.06);
	text-shadow: 2px 2px 1px #c6c6d8;
	z-index: 3;
	pointer-events: none;
}
#sec02 div:hover div h5 {
	transition: color 0.2s;
	color: #fff;
}
#sec02 div div span {
	visibility: hidden;
	transform: scale(0, 0);
	transform-origin: 50% 50%;
	pointer-events: none;
}
#sec02 div:hover div span {
 	transition: transform 0.2s;
	transform: scale(1.06, 0.96);
	transform-origin: 50% 50%;
	color: #fff;
	visibility: visible;
	z-index: 5;
}
#sec02 div div span {
	display: table-cell;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	width: 250px;
	height: 250px;
    font-size: 9pt;
}
#sec02 div div span em {
	display: table-cell;
	width: 250px;
	height: 250px;
	vertical-align: middle;
	text-align: center;
}
#sec02 div img {
    position: absolute;
	width: 70%;
	height: 70%;
	top: 15%;
	left: 15%;
    opacity: 0.65;
}
#sec02 #content01_h {
	background: radial-gradient(#ffb2d8 40%, #ffd1e8);
}
#sec02 #content03_h {
	background: radial-gradient(#74cac6 40%, #AFF8F4);
}
#sec02 #content04_h {
	background: radial-gradient(#ffd3a8 55%, #ffe2c6);
}
#sec02 #content02_h {
	background: radial-gradient(#AFC2E6 55%, #C8E2FF);
}
#sec02 #content05_h {
	background: radial-gradient(#CFD1F0 60%, #E4ECFF);
}
#sec02 #content06_h {
	background: radial-gradient(#ffffa8 60%, #ffffd1);
}
#sec03 {
    background-color: #F9F9F9;
}