@charset "utf-8";

/* kumada-d_v2-st4*/


/*フッター固定
------------------------------------------------------------------------------------------------------------------------------------------------------*/

.wrappers{
    min-height: 100vh;
    position: relative;/*←相対位置*/
    padding-bottom: 110px;/*←footerの高さ*/
    box-sizing: border-box;/*←全て含めてmin-height:100vhに*/
}

footers{
    /*footersの装飾*/
    width: 100%;
    background-color: #cccccc;
    color: #fff;
    text-align: center;
    padding: 10px 0;
    position: absolute;/*←絶対位置*/
    bottom: 0; /*下に固定*/
}

footers {
position: fixed; /* フッターを固定する */
bottom: 0; /* 上部から配置の基準位置を決める */ 
left: 0; /* 左から配置の基準位置を決める */ 
width: 100%; /* フッターの横幅を指定する */
height: 92px; /* フッターの高さを指定する */
padding:10px; /* フッター内側の余白を指定する(上下左右) */
background-color: #cccccc; /* フッターの背景色を指定する */
color: #555555; /* フッターのフォントの色を指定する */
font-size: 13px;
line-height:1.3;
  opacity: 0.7;
 } 


.fixed_btn
{
  position: fixed;
  top: 20px; 
  right: 450px;
  padding: 6px 40px;
}

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

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

#floatingmenu{

 width: 60%;
 position: fixed;
 margin: 0 auto;
 left: 0px;
 bottom: 10px;
 z-index: 9999;
 text-align: center;
 padding-left: 5px;
 padding-right: 5px;
  opacity: 0.8;
 }

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


.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 .main_text{
    color: #555555;
    text-align:left;
    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;
}


.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%;
	}
}


.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: 28%;
   padding: 10px;
}
@media screen and (max-width: 960px) {
   .col_3 > div{
   width: 40%;
	}
}
@media screen and (max-width: 480px) {
   .col_3 > div{
   width: 100%;
	}
}

.flex_test-box {
 background-color: #eee;     /* 背景色指定 */
 padding:  10px;             /* 余白指定 */
 display: flex;              /* フレックスボックスにする */
 flex-wrap: wrap;            /* 折り返し指定 */
 justify-content:center;
}
 
.flex_test-item {
  padding: 10px;
  color:  #444444;               /* 文字色 */
  margin:  10px;              /* 外側の余白 */
  border-radius:  5px;        /* 角丸指定 */
  font-size:  16px;           /* 文字サイズ */
  width: 430px;               /* 幅指定 */
  text-align:  center;        /* 文字中央揃え */
}

.flex_test-item:nth-child(1) {
  background-color:  #ffffff; /* 背景色指定 */
  opacity: 0.8;
}
 
.flex_test-item:nth-child(2) {
  background-color:  #ffffff; /* 背景色指定 */
  opacity: 0.8;
}
 
.flex_test-item:nth-child(3) {
  background-color: #ffffff; /* 背景色指定 */
  opacity: 0.8;
}
 
.flex_test-item:nth-child(4) {
  background-color:  #ffffff; /* 背景色指定 */
  opacity: 0.8;
}

.flex_test-item:nth-child(5) {
  background-color:  #ffffff; /* 背景色指定 */
  opacity: 0.8;
}

.flex_test-item:nth-child(6) {
  background-color:  #ffffff; /* 背景色指定 */
  opacity: 0.8;
}

.col_2{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
}
.col_2 > div{
	width: 45%;
	padding: 10px;
}
@media screen and (max-width: 960px) {
	.col_2 > div{
	width: 100%;
	display: center;
	}
}

 
.name1	{font-size:17px;
	 color:#333333;
	 text-align:left;
         line-height:1.7;
	 margin-top:10px;}

.name2	{font-size:17px;
	 color:#333333;
	 text-align:center;
         line-height:1.3;
	 margin-top:10px;}

.name3	{font-size:17px;
	 color:#333333;
	 text-align:right;
         line-height:1.3;
	 margin-top:10px;}


.menu	{font-size:14px;
	 color:#333333;
	 text-align:left;
         line-height:1.5;
        padding: 5px 10px;
	margin-top:5px;
	margin-bottom:5px;}

.menu2	{font-size:14px;
	 color:#333333;
	 text-align:center;
         line-height:1.5;
        padding: 5px 10px;
	margin-top:5px;
	margin-bottom:5px;}

.menu3	{font-size:14px;
	 color:#333333;
	 text-align:right;
         line-height:1.5;
        padding: 5px 10px;
	margin-top:5px;
	margin-bottom:5px;}


.line-a { border-bottom: 1px solid #191970; }
.line-b { border-bottom: 1px solid #ff1493; }
.line-c { border-bottom: 1px solid #008080; }
.line-d { border-bottom: 1px solid #778899; }
.line-e { border-bottom: 1px solid #333333; }
.line-f { border-bottom: 1px solid #cccccc; }



.box1 {
  border:10px solid #777;
  padding:10px;
  text-align:center;
  margin:0 auto;
}
.box1 .p1{
  float:left;
}
 
.box2 {
  border:0px solid #ffffff;
  padding:10px;
  text-align:center;
}
.box2 .p2{
  display:inline-block;
  opacity: 0.8;
}

.box3 {
  border:0px solid #ffffff;
  padding:10px;
  text-align:center;
}
.box3 .p2{
  display:inline-block;
  opacity: 0.8;
}


.boxter {
  postion: relative;
}

.boxter div.text1 {
    position: absolute;
    padding:10px;
    text-align:center;
    font-size: 30px;
    color: #999999;
    text-shadow: 1px 1px 0 #191970,
               -1px 1px 0 #191970,
               1px -1px 0 #191970,
               -1px -1px 0 #191970;
}




.fuchidori { 
  color: #333333; 
  text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF, 
              -1px 1px 0 #FFF, 1px -1px 0 #FFF, 
              0px 1px 0 #FFF,  0-1px 0 #FFF, 
              -1px 0 0 #FFF, 1px 0 0 #FFF; 
} 


.fade { max-width: 600px; margin: 0 auto 50px; padding: 0; height: auto;}
.fade img{ width: 100%;}


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



.full_area .main_text{
    color: #555555;
    text-align:left;
    line-height:1.5;
    font-weight: bold;
    font-size: 150%;
    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: 200%;
    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;
}