@charset "UTF-8";
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
.main_img{
	width:100%;
	
}

.imgType01 {
  line-height: 0;
  overflow: hidden; }

.mask {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden; }

.box {
  content: "";
  background-color: #fff;
  min-height: 500px;
  width: 100%;
  margin-left: -100%;
  position: absolute; }


/*******************************************************************************
**	3.繝｡繧､繝ｳ繝薙ず繝･繧｢繝ｫ��mainVisual��
*******************************************************************************/

.slide img{
	
}
#mainVis {
  background: #fff;
  min-height: 500px/*calc(100vh - 100px)*/;
  width: 100%;
  position: relative; }

/* 繧ｹ繝ｩ繧､繝€繝ｼ
---------------------------------------*/
#mainVisImg {
  min-height: 500px/*calc(100vh - 100px)*/;
  width: 85%;
  overflow: hidden;
	margin: auto;
  position: relative; }

.slide {
  min-height: 500px/*calc(100vh - 100px)*/;
  width: 100%;
  overflow: hidden;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  -moz-animation: slide_first 0.1s ease 0.76s 1;
  -ms-animation: slide_first 0.1s ease 0.76s 1;
  -webkit-animation: slide_first 0.1s ease 0.76s 1;
  animation: slide_first 0.1s ease 0.76s 1;
  -moz-animation-fill-mode: forwards;
  -ms-animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards; }

.slide img {
  display: block;
  position: absolute; }

.slide_first {
  z-index: 100; }

.slide_off {
  position: absolute;
  right: 0;
  width: 0;
  transition: width 0.5s ease;
  z-index: 1000; }

.slide_on {
  position: absolute;
  z-index: 10; }

@-moz-keyframes slide_first {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-ms-keyframes slide_first {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes slide_first {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes slide_first {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

#mainVisImg > .mask > .box {
  min-height: 500px/*calc(100vh - 100px)*/;
  position: absolute;
  z-index: 100;
  background-color: #80c8c6 !important;
  -moz-animation: box 1.5s ease 0s 1;
  -ms-animation: box 1.5s ease 0s 1;
  -webkit-animation: box 1.5s ease 0s 1;
  animation: box 1.5s ease 0s 1;
  -moz-animation-fill-mode: forwards;
  -ms-animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards; }


/*******************************************************************************
**	4.繝｡繧､繝ｳ繧ｳ繝ｳ繝�Φ繝�ｼ�mainContent��
*******************************************************************************/
.sideCopy {
  line-height: 14px;
  margin-left: 28px;
  overflow: hidden;
  width: 14px; }

.sideCopy p {
  margin-left: -14px; }

.sideCopy_active p {
  margin-left: 0;
  transition-duration: 0.5s; }

#topCont {
  background-color: #80c8c6;
  overflow: hidden; }

#sideBar {
  background: #fff;
  float: left;
  line-height: 70px;
  overflow: hidden;
  width: 70px;
  padding-top: 70px;
  padding-bottom: 32768px;
  margin-bottom: -32768px; }

/*******************************************************************************
**	6.繧ｵ繝悶�繝ｼ繧ｸ
*******************************************************************************/
.moveSubTitEn h3 {
  font-size: 30px;
  line-height: 1em; }

.moveSubTitJp {
  color: #80c8c6;
  line-height: 1em;
  margin-top: 16px;
  font-size: 16px;
  font-weight: 900; }

.box4Wap {
  overflow: hidden; }
  .box4Wap :last-child {
    margin-right: 0; }

.box4 {
  float: left;
  margin-right: 4%;
  width: 22%; }
  .box4 > h4 {
    border-bottom: 2px solid #1e1e1e;
    padding-bottom: 16px;
    font-size: 16px;
    font-weight: 900; }
  .box4 > p {
    color: #666;
    margin-top: 16px; }



/*******************************************************************************
**	8.CSS3繧｢繝九Γ繝ｼ繧ｷ繝ｧ繝ｳ�井ｸｻ縺ｫ蜈ｱ騾壹〒菴ｿ縺｣縺ｦ縺�ｋ繧ゅ���
*******************************************************************************/
/* 讓ｪ遘ｻ蜍輔�繧｢繝九Γ繝ｼ繧ｷ繝ｧ繝ｳ
----------------------------------------*/
@-webkit-keyframes box {
  0% {
    margin-left: -100%; }
  50% {
    margin-left: 0%; }
  55% {
    margin-left: 0%; }
  100% {
    margin-left: 100%; } }
@keyframes box {
  0% {
    margin-left: -100%; }
  50% {
    margin-left: 0%; }
  55% {
    margin-left: 0%; }
  100% {
    margin-left: 100%; } }

@-moz-keyframes img {
  0% {
    opacity: 0; }
  100% {
    opacity: 10; } }

@-ms-keyframes img {
  0% {
    opacity: 0; }
  100% {
    opacity: 10; } }

@-webkit-keyframes img {
  0% {
    opacity: 0; }
  100% {
    opacity: 10; } }

@keyframes img {
  0% {
    opacity: 0; }
  100% {
    opacity: 10; } }