
<style type="text/css">

.box_f a {
	text-decoration: none;

}
.box_f a:link {
	color: #fff; 
	text-decoration: none;
}
.box_f a:visited { 
	color: #fff;
	text-decoration: none;
}
.box_f a:hover {
	color: #000;
	text-decoration: none;
}
.box_f a:active {
	color: #fff;
	text-decoration: none;
}



.cap a {
	text-decoration: none;
}
.cap a:link {
	color: #000; 
	text-decoration: none;
}
.cap a:visited { 
	color: #000;
	text-decoration: none;
}
.cap a:hover {
	color: #FFF;
	text-decoration: none;
}
.cap a:active {
	color: #000;
	text-decoration: none;
}

.top{
   margin: 0 auto;
   padding: 0 0 200px;
}


.main_visual {
   text-align: center;
   position: relative;
}

.main_visual img{
   width: 100%;
   text-align: center;
}


.main_visual .mainlogo {
  position: absolute;
  width: 25%;
  top: 91%;
  left: 19%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;/*余計な隙間を除く*/
  padding:0;/*余計な隙間を除く*/
  }

.zoom {
width: 100%;
overflow: hidden
}

.zoom-1 img {
transform: scale(1.2);
animation: animationZoom1 30s ease-out forwards;
}
@keyframes animationZoom1 {
100% { transform: scale(1)}
}

.fadeup {
    animation-name: fadeup;
    animation-duration: 0.7s;
    animation-iteration-count: 1;
}
@keyframes fadeup {
from {
    opacity: 0;
    transform: translateY(50px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}

.fadeup2 {
    animation-name: fadeup;
    animation-duration: 2.5s;
    animation-iteration-count: 1;
}
@keyframes fadeup2 {
from {
    opacity: 0;
    transform: translateY(100px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}

.fade {
   opacity : 0;
   transform : translate(0, 50px);
   transition : all 0.7s;
}

.fade.effect-scroll {
   opacity : 1;
   transform : translate(0, 0);
}

.look {
   margin: 0 50px 100px;
}

.as_desc {
   margin: 0 0 200px;
}

.as_desc  h3{
   text-align: center;
   font-weight: bold;
   font-size: 15pt;
}

.cap {
   padding: 15px 0;
   font-size: 12px;
   text-align: left;
   font-weight-bold;
}

.cap span {
   padding: 1px 2px;
}

/* 黒マウスオーバー時の背景色 */

.linkb {
  color: #000
  background-color: transparent;
    -webkit-transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    transition: all  0.7s ease;
 }

.linkb:hover span{
	color: #fff; 
    background-color: #000;
    }

.linkb:hover {
    background-color: #000;
    }


.container{
    display: flex;
    width: 100%;
    }

.cont_box{
    width: 50%;
    margin: 0 30px;
    }


.container3{
    width: 100%;
    height: 900px;
    position: relative;
    }
    
.container4{
    width: 100%;
    height: 1100px;
    position: relative;
    }
    
.container5{
    width: 100%;
    height: 1200px;
    position: relative;
    }
    
.container6{
    width: 1200px;
    height: 900px;
    position: relative;
    margin: 0 auto 150px;
    }
    
.container7{
    width: 100%;
    height: 1150px;
    position: relative;
    margin: 0 auto 100px;
    }
    
.container8{
    width: 100%;
    height: 1000px;
    position: relative;
    margin: 0 auto 100px;
    }
    
.container9{
    width: 1200px;
    height: 1100px;
    position: relative;
    margin-bottom: 150px;
    margin: auto;
    }
    
.cont_box01{
    position: absolute;
    width: 600px;
    height: 750px;
  top: 0;
  right: 10%;
  bottom: 0;
  left: 0;
  margin: auto;
    }

.cont_box02{
    position: absolute;
  top: 65%;
  right: 15%;
  bottom: 0;
  left: 50%;
    width: 300px;
    height: 375px;
    margin: 0 auto;
    }

.cont_box03{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 400px;
    height: 500px;
    margin: auto;
    }

.cont_box04{
    position: absolute;
    top: 10%;
    right: 28%;
    bottom: 60%;
    left: 0;
    width: 350px;
    height: 438px;
    margin: auto;
    }

.cont_box05{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 28%;
    width: 350px;
    height: 438px;
    margin: auto;
    }

.cont_box06{
    position: absolute;
    top: 50%;
    right: 28%;
    bottom: 0;
    left: 0;
    width: 350px;
    height: 438px;
    margin: auto;
    }
    
.cont_box07{
    position: absolute;
    top: 90%;
    right: 5%;
    bottom: 0;
    left: 33%;
    width: 350px;
    height: 48px;
    margin: 0 auto;
    }

.cont_box08{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 700px;
    height: 875px;
    margin: auto;
    }

.cont_box09{
    position: absolute;
    top: 0;
    right: 35%;
    bottom: 30%;
    left: 0;
    width: 385px;
    height: 577px;
    margin: auto;
    }

.cont_box10{
    position: absolute;
    top: 40%;
    right: 0;
    bottom: 0;
    left: 35%;
    width: 385px;
    height: 577px;
    margin: auto;
    }

.cont_box11{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 700px;
    height: 1049px;
    margin: auto;
    }

.cont_box12{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 600px;
    height: 899px;
    margin: auto;
    }

.cont_box13{
    position: absolute;
    top: 20%;
    right: 35%;
    bottom: 0%;
    left: 0;
    width: 385px;
    height: 563px;
    margin: auto;
    }

.cont_box14{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 30%;
    left: 35%;
    width: 385px;
    height: 563px;
    margin: auto;
    }
    
.cont_box15{
    position: absolute;
    top: 20%;
    right: 40%;
    bottom: 0;
    left: 0;
    width: 450px;
    height: 674px;
    margin: auto;
    }

.cont_box16{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 30%;
    left: 40%;
    width: 450px;
    height: 674px;
    margin: auto;
    }
    
.cont_box17{
    position: absolute;
    top: 0;
    right: 10%;
    bottom: 0;
    left: 0;
    width: 1116px;
    height: 850px;
    margin: auto;
    }
    
.cont_box18{
    position: absolute;
    top: 0;
    right: 40%;
    bottom: 0;
    left: 0;
    width: 450px;
    height: 674px;
    margin: auto;
    }
    
.wrap{
	box-sizing: border-box;
}


.container2{
	width: 100%;
	margin: 0 auto 100px;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
	align-items: center;
}

.container2 > div{
	width: 50%;
	padding: 10px;
}

.box {
	margin: 0;
	box-sizing: border-box;
}

.box img{
	width: 100%;
}

.box .sml{
	padding: 10% 15%;
}

.box .mdl{
	padding: 10% 10%;
}

.sml01{
    position: absolute;
    top: 0%;
    right: 2%;
    bottom: 880%;
    width: 385px;
    height: 482px;
    margin: auto;    
}

.sml02{
    position: absolute;
    top: 0%;
    right: 2%;
    bottom: 880%;
    width: 385px;
    height: 482px;
    margin: auto;    
}

.view{
    width:100%;
    margin: 0 auto;
	padding: 100px 0;
    text-align: center;
    background-color: #bfbfbf;
}

.logo_as{
    width: 35%;
    margin: 30px auto;
    text-align: center;
}

.box_f{
    margin: 30px auto;
    text-align: center;
}

.btn {
  display: inline-block;
  width: 200px;
  height: 54px;
  text-align: center;
  line-height: 54px;
  outline: none;
  background-color: #000;
  border: 1px solid #000;
  color: #fff;
  font-size: 15px;
  line-height: 50px
}

.btn a{
  color: #fff;
}

.btn:hover {
  background-color: #bfbfbf;
  border: 1px solid #000;
  border-color: #000;
  color: #000;
  text-decoration: none;
}

.btn::before,
.btn::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.btn,
.btn::before,
.btn::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}



#pageTop {
   display: none;
   position: fixed;
   bottom: 30px;
   right: 30px;
 }


#pageTop a {
  display: block;
  z-index: 999;
  padding: 8px 0 0 8px;
  width: 10px;
  text-align: center;
}

 

#pageTop a:hover {
  text-decoration: none;
  opacity: 0.7;
}



</style>