@charset "utf-8";

/* yamato-d_v3-st3*/

/*全端末（PC・タブレット・スマホ）共通設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/

.alpha a:hover img {
  opacity: 0.6;
  filter: alpha(opacity=60);
  -ms-filter: "alpha(opacity=60)";
}


#floatingmenu {
 display: block;
 width: 100%;
 position: fixed;
 left: 0px;
 bottom: 10px;
 z-index: 9999;
 text-align: right;
 padding-left: 5px;
 padding-right: 5px;
 }

.resizeimage {
   max-width: 90%; /* 最大幅 */
   min-width: 200px; /* 最小幅 */
}
.resizeimage img { width: 25%; }


.top-r  {
  position: absolute;
  top: 0; left: 0; 
  max-width: 100%; 
  max-height: 100%;
  padding: 30px;
  text-align: center;
  color=:#ffffff;
  font-weight: bold;
  font-size: 25px;"
}

.main_wrap{
     height:auto !important;
}
.full_area{
     position: relative;
             
}
.full_area img{
         width: 100%;
}

.text_area{
         position: absolute;
         top: 20%;
         left: 10%;

}

.text_area2{
         position: absolute;
         top: 20%;
         left: 10%;

}

.text_area3{
         position: absolute;
         top: 15%;
         left: 5%;

}

.full_area .text_area img{
         width: 15%;
}



.full_area .main_text{
    color: #555555;
    text-align:center;
    line-height:1.5;
    font-weight: bold;
    font-size: 100%;
    font-family :Quicksand, sans-serif;/*Google Font*/
    margin: 0;
    padding: 0;
  text-shadow: 1px 1px 0 #ffffff,
               -1px 1px 0 #ffffff,
               1px -1px 0 #ffffff,
               -1px -1px 0 #ffffff;
}

.full_area .main_text3{
    color: #ffffff;
    text-align:left;
    line-height:1.5;
    font-weight: bold;
    font-size: 250%;
    font-family :Quicksand, sans-serif;/*Google Font*/
    margin: 0;
    padding: 0;
  text-shadow: 1px 1px 0 #191970,
               -1px 1px 0 #191970,
               1px -1px 0 #191970,
               -1px -1px 0 #191970;
}


BODY{
scrollbar-3dlight-color:#ffffff;
scrollbar-arrow-color:#ffffff;
scrollbar-darkshadow-color:#ffffff;
scrollbar-face-color:#e6e6e6;
scrollbar-highlight-color:#f5f5f5;
scrollbar-shadow-color:#e6e6e6;
scrollbar-track-color:#ffffff;
margin: 0px;
padding: 0px;
}



*, *:before, *:after {
	box-sizing: border-box;
}
.col_4{
   font-size: 15px;
   width: 100%;
   display: flex;
   display: -ms-flexbox; /* IE10 */
   flex-wrap: wrap;
   -ms-flex-wrap: wrap; /* IE10 */
}
.col_4 > div{
   width: 25%;
   padding: 10px;
}
@media screen and (max-width: 960px) {
   .col_4 > div{
   width: 50%;
	}
}
@media screen and (max-width: 480px) {
   .col_4 > div{
   width: 50%;
	}
}


 *, *:before, *:after {
	box-sizing: border-box;
}
.col_3{
   font-size: 15px;
   width: 100%;
   display: flex;
   display: -ms-flexbox; /* IE10 */
   flex-wrap: wrap;
   -ms-flex-wrap: wrap; /* IE10 */
}
.col_3 > div{
   width: 33.33333%;
   padding: 10px;
}
@media screen and (max-width: 960px) {
   .col_3 > div{
   width: 50%;
	}
}
@media screen and (max-width: 480px) {
   .col_3 > div{
   width: 100%;
	}
}