@charset "utf-8";

body
{
margin:0; font-family:"メイリオ",
"Hiragino Kaku Gothic pro",sans-serif
}



/*ビデオ　動画*/
div.vid_contents {
width: 100%;/*背景色を横幅いっぱいに広げる*/
text-align: center;
margin: auto;
padding: 4% 4% 4% 4%;/*ここで動画の周りの余白を調整*/
background: #e6e6e6;/*余白の背景色*/
}
video.vid_main {
width: 100%;
max-width: 920px;/*PC版での最大幅*/
}




/*グーグルマップ*/
.ggmap{
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.ggmap iframe, .ggmap object, .ggmap embed{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/*サイト名*/
.site h1 a 
{
color:#000000;
text-decoration:none
}

.site  h1 
{
margin:0;
font-size:30px
}

.site img 
{
border:none
}


/*test受付フォーム*/




/*Q&A */

.QandA-1 {
	width: 100%;    
	font-size: 1em; /*全体のフォントサイズ*/
}




.fas fa-question {background-color: #0097a7}







.QandA-1 dt {
	background: #0097a7; /* 「Q」タイトルの背景色 */
	color: #fff; /* 「Q」タイトルの文字色 */
	padding: 8px;
	border-radius: 2px;
}
.QandA-1 dt:before {
	content: "Q.";
	font-weight: bold;
	margin-right: 8px;
}
.QandA-1 dd {
	margin: 24px 16px 40px 32px;
	line-height: 140%;
	text-indent: -24px;
}
.QandA-1 dd:before {
	content: "A.";
	font-weight: bold;
	margin-right: 8px;
}




/*20190513anime*/

.color-change-2x  {
    font-family: YuGothic, 游ゴシック,"Yu Gothic", "Noto Sans Japanese", sans-serif;
    text-align:center;
    font-size:30px;
    font-weight: bold;
    color: white;
    padding-top: 10px;
    margin: 0 auto;
    width: 100%;
    height: 50px;
    overflow:hidden;
}
.color-change-2x {
    -webkit-animation: color-change-2x 2s linear infinite alternate both;
            animation: color-change-2x 2s linear infinite alternate both;
}
/* ----------------------------------------------
 * Generated by Animista on 2018-11-27 16:43:31
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation color-change-2x
 * ----------------------------------------
 */
@-webkit-keyframes color-change-2x {
  0% {
    color: #19dcea;
  }
  100% {
    color: #b22cff;
  }
}
@keyframes color-change-2x {
  0% {
    color: #19dcea;
  }
  100% {
    color: #b22cff;
  }
}





/*適正化　調査指導のページにピンクマーカー下線を引く*/

.pink_line {background:linear-gradient(transparent 60%, #ffdfef 0%) ;}


/*スライドショー2良いと思います*/

.cp_cssslider2 {
	width: 300px;
	height: 200px;
	overflow: hidden;
	margin: 2em auto;
	border: 10px solid #ffffff;
	box-shadow:0px 0px 5px 0px rgba(0,0,0,0.5);
}


.slider{
    width: 300px;
    margin: 0 auto;
    overflow: hidden;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;
}
/* animation: sliderAnime 20s ease-in-out infinite;　　無限に繰り返す*/
.slider__content{
    min-width: 100%;
    animation: sliderAnime 20s ease-in-out 2;
}

.slider__img{
    max-width: 100%;
    min-width: 100%;
}


@keyframes sliderAnime{
    0%{
 
    }
    6.25%{
        transform: translateX(0);
    }
    12.5%{
        transform: translateX(-100%);
    }
    18.75%{
        transform: translateX(-100%);
    }
    25%{
        transform: translateX(-200%);
    }
    31.25%{
        transform: translateX(-200%);
    }
    37.5%{
        transform: translateX(-300%);
    }

    43.75%{
        transform: translateX(-300%);
    }

   50%{
        transform: translateX(-400%);
    }

   56.25%{
        transform: translateX(-400%);
    }

  62.5%{
        transform: translateX(-500%);
    }
  68.75%{
        transform: translateX(-500%);
    }
  75%{
        transform: translateX(-600%);
    }
81.25%{
        transform: translateX(-600%);
    }

87.5%{
        transform: translateX(-700%);
    }

93.75%{
        transform: translateX(-700%);
    }



    100%{
        transform: translateX(0);
    }
} 




/* スライダーの幅を指定しているだけ 計量士についてのPR */
.swiper-container {
    width: 300px;
    height: 200px;

overflow: hidden;
	margin: 2em auto;
	border: 10px solid #ffffff;
	box-shadow:0px 0px 5px 0px rgba(0,0,0,0.5);

}

.swiper-slide img{
    max-width: 100%;
    min-width: 100%;
}

/*gif*/
.swiper-container2 {
    width:420px;
    height: 220px;
overflow: hidden;
	margin: 1em auto;
	border: 10px solid #ffffff;
	box-shadow:0px 0px 5px 0px rgba(0,0,0,0.5);



}




/*ヘッダー画像　 マニュアル通り*/
.topimg{

max-width:100%;
height:auto;
vertical-align:bottom

}

/*ヘッダー画像　変更後*/
.topimg
{background:url(img/hakari.png);
        background-size: cover；

max-width:100%;
height:auto;
vertical-align:center
}




/*地図画像 bottom*/
.topimg
{
max-width:100%;
height:auto;
vertical-align:center
}


/*キャッチコピー*/
.catch
{margin:0px;
        padding:15px;
        background-color:rgba(255,255,255,0.7);
        font-size:15px;
        opacity:0.4
}

/*ヘッダー画像にキャッチコピーを重ねる*/
.top
{position:relative;
 
 
}

.catch
{
position:absolute;
       bottom:7%;
       left:3%
}

/*概要#edc600#c30068#a0c238#999999#6699cc#336699*/

.gaiyou a {display:block;
          background-color:#222222;
          color:#ffffff;
          text-align:center;
          text-decoration:none}

.gaiyou a:hover {opacity:0.8}

.gaiyou i {display:block;
          padding-top:40px;
          padding-bottom:40px;
          font-size:38px}

.gaiyou .fa-balance-scale {background-color: #77AF9C}

.gaiyou .fa-users {background-color: #8CD790}

.gaiyou .fa-envelope-o {background-color: #C5E99B}

.gaiyou h1 {margin-top:0;
            margin-bottom:0;
            padding-top:5px;
            padding-bottom:5px;
            font-size:20px;
            font-weight:normal}

.gaiyou p {margin-top:0;
           margin-bottom:0;
           padding-top:15px;
           padding-bottom:15px;
           background-color:#524e3c;
           font-size:12px}


/*お知らせ2*/

.naiyou	{margin-bottom: 20px}

.naiyou a {display:block;
	border:solid 1px #dddddd;
	color:#000000;
	text-decoration:none}

.naiyou a:hover	{box-shadow: 0 0 10px #dddddd}

.naiyou img {max-width:100%;
	height:auto;
	border:none;
	margin-bottom:15px;
	vertical-align:bottom}

.naiyou h1 {margin-top:0;
	margin-bottom:5px;
	margin-left:15px;
	margin-right:15px;
	font-size:22px}

.naiyou p {margin-top:0;
           margin-bottom:15px;
           margin-left:15px;
           margin-right:15px;
           font-size:14px}



/*続きを読む*/
.more {display:inline-block;
       padding:5px 15px;
       background-color:#3077be;
       color:#ffffff}

.more i {margin-left:10px}



/*バッジ;background: linear-gradient(to right, #f83600 0%, #f9d423 100%);*/
.badge {width:120px;
        height:120px;
        padding-top:25px;
        -moz-box-sizing:border-box;
        -webkit-box-sizing:border-box;
        box-sizing:border-box;
       border-radius:60px;
       background-color:#3f45fa;
       
       color:#ffffff;
       text-align:center;
       box-shadow: 0 0 4px #aaaaaa}

.badge i {display:block;
           font-size:40px}




/*バッジの表示位置*/
.pickup {position: relative}

.badge {position: absolute;
       top: 44%;
       right: -15px}


/*アクセス;background: linear-gradient(to right, #f83600 0%, #f9d423 100%);*/
.access1 {width:300px;
        height:200px;
        padding-top:50px;
        -moz-box-sizing:border-box;
        -webkit-box-sizing:border-box;
        box-sizing:border-box;
       border-radius:50%;
       background-color:#00a0e9;
       
       color:#ffffff;
       text-align:center;
       }


.access {width:300px;
        height:200px;
        padding-top:50px;
        -moz-box-sizing:border-box;
        -webkit-box-sizing:border-box;
        box-sizing:border-box;
       border-radius:50%;
        background: -moz-radial-gradient(#00A0E9 20%, #7ECEF4 70%); 
         background: -webkit-radial-gradient(#00A0E9 20%, #7ECEF4 70%); 
         background: radial-gradient(#00A0E9 20%, #7ECEF4 70%); 
       
       color:#ffffff;
       text-align:center;
       }

.access i {display:block;
           font-size:50px;

}

.access p {font-size:25px;
font-family:quicksand,sans-serif;
          font-weight:normal}



.action {width:300px;
        height:200px;
        padding-top:50px;
        -moz-box-sizing:border-box;
        -webkit-box-sizing:border-box;
        box-sizing:border-box;
       border-radius:50%;
        background: -moz-radial-gradient(#F3E100 20%, #F1E88F 70%); 
         background: -webkit-radial-gradient(#F3E100 20%, #F1E88F 70%); 
         background: radial-gradient(#F3E100 20%, #F1E88F 70%); 
       
       color:#ffffff;
       text-align:center;
       }

.action i {display:block;
           font-size:50px;

}

.action p {font-size:25px;
font-family:quicksand,sans-serif;
          font-weight:normal}


.tenbin1 {width:300px;
        height:200px;
        padding-top:50px;
        -moz-box-sizing:border-box;
        -webkit-box-sizing:border-box;
        box-sizing:border-box;
       border-radius:50%;
      
       background: linear-gradient(to right, #f83600 0%, #f9d423 100%);
       color:#ffffff;
       text-align:center;
       }

.tenbin {width:300px;
        height:200px;
        padding-top:50px;
        -moz-box-sizing:border-box;
        -webkit-box-sizing:border-box;
        box-sizing:border-box;
       border-radius:50%;
       background: -moz-radial-gradient(#8FC31F 20%, #CCE198 70%); 
         background: -webkit-radial-gradient(#8FC31F 20%, #CCE198 70%); 
         background: radial-gradient(#8FC31F 20%, #CCE198 70%); 

       
       color:#ffffff;
       text-align:center;
       }

.tenbin i {display:block;
           font-size:50px;

}

.tenbin p {font-size:25px;
font-family:quicksand,sans-serif;
          font-weight:normal}





.box-123 {
  width: 100%;
  height: 200px;
  background: #fff;
  position: relative;
  overflow: hidden;
margin-bottom:10px;
  transform: translate3d(0, 0, 0);
}




.soft {
line-height: 30px;
}


/*アクセスの表示位置*/
.pickup {position: relative}

.access  {position: absolute;
     margin-right: 250px;
  margin-left: 250px }

.action  {position: absolute;
     margin-right: 250px;
  margin-left: 250px      }

.tenbin  {position: absolute;
     margin-right: 250px;
  margin-left: 250px;

      }

.welcome  {position: absolute;
     margin-right:0px;
  margin-left: 0px;}





/*事業計画等PDFの色変え*/

.my-file{color: #CC0000;
         font-size: 2em; 
         }

/*アイコンチェックのの色変え*/

.my-check {color: red}



/*アイコン注目の色変え*/

.my-yellow {color: #FFCC00}


/*ページネーション*/
.pagenation {text-align:center}

.pagenation ul {display:inline-block;
            margin:0;
          padding:0;
          list-style:none}

.pagenation li a {display:block;
            margin-right:5px;
            margin-left:5px;
            margin-bottom:20px;
            padding:5px 10px;
            border:solid 1px #aaaaaa;
            color:#000000;
            font-size:14px;
            text-decoration:none}

.pagenation li a.active {background-color:#cccccc}

.pagenation li a:hover {background-color:#eeeeee}


.pagenation a:after {content:"";
               display:block;
               clear:both}

.pagenation li {float:left;
              width:auto}




/*お知らせ*/

.news {padding:20px;
          border:solid 5px #dddddd}



.news h1 {margin-top:0;
           margin-bottom:5px;
           font-size:18px;
           color:#666666}

.news ul {margin:0;
          padding:0;
          list-style:none}

.news li a {display:block;
            padding:5px;
            border-bottom:dotted 2px #dddddd;
            color:#000000;
            font-size:14px;
            text-decoration:none}

.news li a:hover {background-color:#eeeeee}

.news time {color:#888888;
            font-weight:bold}

.news a:after {content:"";
               display:block;
               clear:both}

.news time {float:left;
            width:70px}

.news .text {float:none;
            width:auto;
            margin-left:60px}


/*お知らせ2*/

.news2 {padding:20px;
          border:solid 5px #dddddd;
margin:10px}



.news2 h1 {margin-top:0;
           margin-bottom:5px;
           font-size:18px;
           color:#666666}

.news2 ul {margin:0;
          padding:0;
          list-style:none}

.news2 li a {display:block;
            padding:5px;
            border-bottom:dotted 2px #dddddd;
            color:#000000;
            font-size:14px;
            text-decoration:none}

.news2 li a:hover {background-color:#eeeeee}

.news2 time {color:#888888;
            font-weight:bold}

.news2 a:after {content:"";
               display:block;
               clear:both}

.news2 time {float:left;
            width:60px}

.news2 .text {float:none;
            width:auto;
            margin-left:60px
}

.news2 .text1 {float:none;
            width:auto;}
           

/*snsメニュー*/
.follow ul {margin:0;
            padding:0;
            list-style:none}

.follow li a {display:block;
              margin-bottom:10px;
              padding:10px;
              border-radius:4px;
              color:#ffffff;
              font-size:14px;
              text-decoration:none}

.follow li p {
              margin-bottom:20px;
              padding:20px;
             
             }


.follow li a:hover {opacity:0.8}

.follow-tw {background-color:#63bafb}
.follow-fb {background-color:#5288f7}
.follow-gp {background-color:#f65d4a}
.follow-qs {background-color:#5507FF}

.follow-qq {background-color:#228B22}

.follow-i {margin-right:10px;
          font-size:24px;
          vertical-align:middle}


/*snsメニュー ログインfont-family:quicksand,sans-serif; */
.box4-2 li {list-style:none;
            margin-bottom:10px}


input[type="button"] {
   /* input要素のうちtype属性値がbuttonのものに対して装飾background-image: linear-gradient(0deg, #a7d9f5, #eaf6fd); /* グラデーション */ */
   background-color:#b5cd60;
   border: 1px solid #3c7fb1; /* 枠線 */
   border-radius: 0.3em;      /* 角丸 */
   cursor:pointer;
         padding:6px  10px ;
     font-size:14px;
   width:100%;
font-family: 'Open Sans', sans-serif;
font-weight:bold
 transition: background 0.3s ease-in-out;
}

input[type="button"]:hover {
  background:#ed217c ; /* #16aa56*/
  color:#fff }
  





/*記事*/

.kiji h1 {margin-top:0px;
          margin-bottom:20px;
          padding-left:20px;
          border-left:solid 20px #c50018;
          font-size:36px;
          font-weight:normal}

.kiji h2 {margin-top:50px;
          margin-bottom:20px;
          border-bottom:solid 1px #dddddd;
          font-size:28px;
          font-weight:normal}

.kiji h2 i {margin-right:7px;
            color:#888888}

.kiji p {max-width:640px;
         margin-top:0;
       margin-bottom:20px}


.kiji .lead {max-width:auto;
         font-size:20px;
         color:#666666}

.kijiimg {max-width:100%;
         height:auto;
         margin-botttom:20px:
         }

.kijiimg {transition: 0.5s}

.kijiimg:hover {
  opacity: 0.6;
  transition: 0.5s;
}

.address li {list-style: none}


/*各htmlの画像設定*/
.tobira {background:url(img/funndou.jpg);
        background-size: cover
}


/*3semina*/
.toptobira {width:100%;
            background:url(img/seminakabek.jpg)no-repeat;
            background-size: cover;
            

           }





.toptobira2 {
            background-size: cover;
            margin-bottom:20px}


.toptobira3 {background:url(img/hakari.png)no-repeat;
            background-size: cover;
            margin-bottom:20px}

.toptobira4 {
            background-size: cover;
            margin-bottom:20px}


.toptobira5 {
            background-size: cover;
            margin-bottom:20px}

.toptobira6 {
            background-size: cover;
            margin-bottom:20px}


.toptobira7 {
            background-size: cover;
            margin-bottom:20px}







/*各htmlのアイコン設定*/
.tobira i {display:block;
          padding-top:40px;
          padding-bottom:40px;
          font-size:38px}


/*各htmlの画像かアイコンにグラデーションを掛ける(65deg,rgba(255,190,44,0.4),rgba(255,44,171,0.7));*/
.wrapper  {max-width:100%;
         height:200px;
         margin-botttom:20px;
         background:linear-gradient(45deg, rgba(108,184,255,08), rgba(255,246,108,.8), rgba(255,163,108,.8));
　　　　 background-size:cover
 }

.header-wrapper  {max-width:100%;
         height:400px;
         margin-botttom:20px;
         background:linear-gradient(45deg, rgba(108,184,255,08), rgba(255,246,108,.8), rgba(255,163,108,.8));
　　　　 background-size:cover
 }



/*ヘッダーアニメーション設定*/

@keyframes topimg {
  0% { opacity:0;}
  10% { opacity:1;}
  30% { opacity:1;}
  4% { opacity:0;}
  100% { opacity:0;}
}

@keyframes topimg2 {
  0% { opacity:0;}
  30% { opacity:0;}
  40% { opacity:1;}
  60% { opacity:1;}
  70% { opacity:0;}
  100% { opacity:0;}
}

/*画像ブロック*/
#mainimg｛
clear:left;
width：100％；
height：auto；
position：relative；

｝

/*2枚画像の共通設定*/
#topimg,#topimg2
{-webkit-animation-duration:10s;
animation-duration:10s;
-webkit-animation-iteration-count: infinite;
 animation-iteration-count: infinite;
}

#topimg
{-webkit-animation-name:topimg;
animation-name:topimg;
position:relative;
width:100%;
height:auto}

#topimg2
{-webkit-animation-name:topimg2;
animation-name:topimg2;
position:absolute;
left:0px;
top:0px;
width:100%;
height:auto}





.gurawrapper {
  background-color: #6CB8FF;
  animation: gradationTest 5s infinite;
}
 
@keyframes gradationTest {
  0% { background-color: #6CB8FF; }
  50% { background-color: #FFF66C; }
  100% { background-color: #FFA36C; }
}




/*アニメーション*/

.sample {max-width:100%;
         height:200px;
    background:linear-gradient(45deg, rgba(108,184,255,08), rgba(255,246,108,.8), rgba(255,163,108,.8));
    -webkit-animation-name: sample_anime;
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    animation-name: sample_anime;
    animation-duration: 3s;
    animation-iteration-count: infinite;
}
@-webkit-keyframes sample_anime {
   
    0%{background-position: 0% 30%, 0 0;}
    50%{background-position:100% 70%, 0 0;}
    100%{background-position:0% 30%, 0 0;}
}
@keyframes sample_anime {
   0%{background-position: 0% 30%, 0 0;}
    50%{background-position:100% 70%, 0 0;}
    100%{background-position:0% 30%, 0 0;}
}




/*アニメーション 2*/
.gradient {
	animation: bgChange 8s linear 0s infinite alternate;
	-webkit-animation: bgChange 8s linear 0s infinite alternate; /* Safari対策 */
	background: linear-gradient(-135deg, #E4A972, #9941D8);
	-pie-background:linear-gradient(
		-135deg, #E4A972, #9941D8
	);
	height: 400px;
	behavior: url(/PIE.htc);
}
@keyframes bgChange {
	0% {
	    -webkit-filter: hue-rotate(0deg); /* Chrome対策 */
	    filter: hue-rotate(0deg);
	}
	100% {
	    -webkit-filter: hue-rotate(360deg); /* Chrome対策 */
	    filter: hue-rotate(360deg);
	}
}
/* Safari対策 */
@-webkit-keyframes bgChange {
	0% {
	    -webkit-filter: hue-rotate(0deg);
	}
	100% {
	    -webkit-filter: hue-rotate(360deg);
	}
}


/*アニメーション 3*/
.container {
    width: 200px;
    height: 100px;
    padding-top: 10px;
    margin: 0 auto;
}

.ball {
    width: 10px;
    height: 10px;
    margin: 10px auto;
    border-radius: 50px;
}

.ball:nth-child(1) {
    background: #000000;
    -webkit-animation: right 1s infinite ease-in-out;
    -moz-animation: right 1s infinite ease-in-out;
    animation: right 1s infinite ease-in-out;
}

.ball:nth-child(2) {
    background: #000000;
    -webkit-animation: left 1.1s infinite ease-in-out;
    -moz-animation: left 1.1s infinite ease-in-out;
    animation: left 1.1s infinite ease-in-out;
}

.ball:nth-child(3) {
    background: #000000;
    -webkit-animation: right 1.05s infinite ease-in-out;
    -moz-animation: right 1.05s infinite ease-in-out;
    animation: right 1.05s infinite ease-in-out;
}

.ball:nth-child(4) {
    background: #000000;
    -webkit-animation: left 1.15s infinite ease-in-out;
    -moz-animation: left 1.15s infinite ease-in-out;
    animation: left 1.15s infinite ease-in-out;
}

.ball:nth-child(5) {
    background: #000000;
    -webkit-animation: right 1.1s infinite ease-in-out;
    -moz-animation: right 1.1s infinite ease-in-out;
    animation: right 1.1s infinite ease-in-out;
}

.ball:nth-child(6) {
    background: #000000;
    -webkit-animation: left 1.05s infinite ease-in-out;
    -moz-animation: left 1.05s infinite ease-in-out;
    animation: left 1.05s infinite ease-in-out;
}

.ball:nth-child(7) {
    background: #000000;
    -webkit-animation: right 1s infinite ease-in-out;
    -moz-animation: right 1s infinite ease-in-out;
    animation: right 1s infinite ease-in-out;
}

@-webkit-keyframes right {
    0% {
        -webkit-transform: translate(-15px);
    }
    50% {
        -webkit-transform: translate(15px);
    }
    100% {
        -webkit-transform: translate(-15px);
    }
}

@-webkit-keyframes left {
    0% {
        -webkit-transform: translate(15px);
    }
    50% {
        -webkit-transform: translate(-15px);
    }
    100% {
        -webkit-transform: translate(15px);
    }
}

@-moz-keyframes right {
    0% {
        -moz-transform: translate(-15px);
    }
    50% {
        -moz-transform: translate(15px);
    }
    100% {
        -moz-transform: translate(-15px);
    }
}

@-moz-keyframes left {
    0% {
        -moz-transform: translate(15px);
    }
    50% {
        -moz-transform: translate(-15px);
    }
    100% {
        -moz-transform: translate(15px);
    }
}

@keyframes right {
    0% {
        transform: translate(-15px);
    }
    50% {
        transform: translate(15px);
    }
    100% {
        transform: translate(-15px);
    }
}

@keyframes left {
    0% {
        transform: translate(15px);
    }
    50% {
        transform: translate(-15px);
    }
    100% {
        transform: translate(15px);
    }
}


/*アニメーション4 グラデーション*/



.gradation{
  width: 600px;
  height: 150px;
  background: linear-gradient(45deg, rgba(108,184,255,08), rgba(255,246,108,.8), rgba(255,163,108,.8),url(img/tulips.jpg)); 
  background-size: 600% 600%;
  animation: AnimationName 10s ease infinite;
  
}

@keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}






/*アニメーション6 index円 */
.spinner5 {
  width: 40px;
  height: 40px;
  margin: 0 auto;
  background-color: white;

  border-radius: 100%;
  -webkit-animation: scaleout 1.0s infinite ease-in-out;
  animation: scaleout 1.0s infinite ease-in-out;
}

@-webkit-keyframes scaleout {
  0% { -webkit-transform: scale(0.0) }
  100% {
    -webkit-transform: scale(1.0);
    opacity: 0;
  }
}

@keyframes scaleout {
  0% {
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 100% {
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
    opacity: 0;
  }
}

/*アニメーション7 0% { left: 0px; top: 0px;}50% { left: 200px; }100% { left: 200px; top: 50px; }*/

@keyframes moveimg {
		0% { left: 0px; top: 0px;}
		20% { left: 200px; }
		40% { left: 200px; top: 50px; }
                60% { left: -50px; top: -200px;}
		80% { left: -50px; }
		100% { left: 150px; top: 50px; }

	}
 
@keyframes moveimg2 {
		0% { left: 0px; top: 0px;}
		20% { left: -200px; }
		40% { left: -200px; top: -50px; }
                60% { left: 50px; top: 200px;}
		80% { left: 50px; }
		100% { left: 200px; top: 50px; }
	}


@keyframes moveimg3 {
		0% { left: 200px; top: 200px;}
		20% { left: 200px; }
		40% { left: 200px; top: 50px; }
                60% { left: -50px; top: -200px;}
		80% { left: -50px; }
		100% { left: 250px; top: 50px; }

	}
 
@keyframes moveimg4 {
		0% { left: 200px; top: 200px;}
		20% { left: -200px; }
		40% { left: -200px; top: -50px; }
                60% { left: 50px; top: 200px;}
		80% { left: 50px; }
		100% { left: 300px; top: 50px; }

	}

#sample1{
		animation: moveimg 10s   forwards;
		position: relative;
	}

#sample2{

		animation: moveimg2 10.5s  forwards;
		position: relative;
	}


#sample3{
		animation: moveimg3 11s forwards;
		position: relative;
	}

#sample4{

		animation: moveimg4 11.5s forwards;
		position: relative;
	}




#sample5{

		animation: moveimg 5s infinite;
		position: relative;
	}




/*アニメーション7.5 0% { left: 0px; top: 0px;}50% { left: 200px; }100% { left: 200px; top: 50px; }*/

@keyframes moveimg {
		0% { left: 0px; top: 0px;}
		20% { left: 100px; }
		40% { left: 100px; top: 50px; }
                60% { left: -25px; top: -100px;}
		80% { left: -25px; }
		100% { left: 185px; top: 50px; }
                

	}
 
@keyframes moveimg2 {
		0% { left: 0px; top: 0px;}
		20% { left: -100px; }
		40% { left: -100px; top: -50px; }
                60% { left: 25px; top: 100px;}
		80% { left: 25px; }
		100% { left: -0px; top: 50px; }
	}


@keyframes moveimg3 {
		0% { left: 100px; top: 100px;}
		20% { left: 100px; }
		40% { left: 100px; top: 50px; }
                60% { left: -25px; top: -100px;}
		80% { left: -25px; }
		100% { left: 185px; top: 50px; }

	}
 
@keyframes moveimg4 {
		0% { left: 100px; top: 100px;}
		20% { left: -100px; }
		40% { left: -100px; top: -50px; }
                60% { left: 25px; top: 100px;}
		80% { left: 25px; }
		100% { left: -185px; top: 50px; }

	}

@keyframes moveimg5 {
		0% { left: 0px; top: 0px;}
		20% { left: 100px; }
		40% { left: 100px; top: 50px; }
                60% { left: -25px; top: -100px;}
		80% { left: -25px; }
		100% { left: 0px; top: 50px; }

	}

@keyframes moveimg6 {
		0% { left: 100px; top: 100px;}
		20% { left: -100px; }
		40% { left: -100px; top: -50px; }
                60% { left: 25px; top: 100px;}
		80% { left: 25px; }
		100% { left:-185px; top: 50px; }

	}




.maru1{
 float: left;

width: 185px;
  height: 185px;
  margin: 0 auto;
  
  background:linear-gradient(65deg,rgba(255,190,44,0.4),rgba(255,44,171,0.7));
  border-radius: 50%;
		animation: moveimg 5s   forwards;

		position: relative;
	}

.maru2{
 float: left;
width: 185px;
  height: 185px;
  margin: 0 auto;
  
  background:linear-gradient(65deg,rgba(255,190,44,0.4),rgba(255,44,171,0.7));
  border-radius: 50%;

		animation: moveimg2 5s  forwards;
		position: relative;
	}


.maru3{
 float: left;
width: 185px;
  height: 185px;
  margin: 0 auto;
  
  background:linear-gradient(65deg,rgba(255,190,44,0.4),rgba(255,44,171,0.7));
  border-radius: 50%;
		animation: moveimg3 5s forwards;
		position: relative;
	}

.maru4{
 float: left;
width: 185px;
  height:185px;
  margin: 0 auto;
  
  background:linear-gradient(65deg,rgba(255,190,44,0.4),rgba(255,44,171,0.7));
  border-radius: 50%;

		animation: moveimg4 5s forwards;
		position: relative;
	}

.maru5{
 float: left;
width: 185px;
  height: 185px;
  margin: 0 auto;
  
  background:linear-gradient(65deg,rgba(255,190,44,0.4),rgba(255,44,171,0.7));
  border-radius: 50%;

		animation: moveimg5 5s forwards;
		position: relative;
	}

.maru6{
 float: left;
width: 185px;
  height: 185px;
  margin: 0 auto;
  
  background:linear-gradient(65deg,rgba(255,190,44,0.4),rgba(255,44,171,0.7));
  border-radius: 50%;

		animation: moveimg6 5s forwards;
		position: relative;
	}
.box-1 {
  width: 100%;
  height: 300px;
  background: #fff;
  position: relative;
  overflow: hidden;
  transform: translate3d(0, 0, 0);
}




/*アニメーション8*/

.item {
  float: left;
  margin-right: 30px;
  padding: 10px;
  width: 60px;
  height: 60px;
  background: lighten(#f0f4c3, 50%);
  color: #222;
  list-style: none;
  text-align: center;
  line-height: 100px;
  opacity: 0;

font-family:quicksand,sans-serif;
  
  font-size: 2em;                                     /*文字大きさ2倍に*/
  font-weight:bold;                                  /*太字に*/




}

.item:nth-child(1) {
  -webkit-animation: example 0.5s ease 0.5s 1 forwards;
  animation: example 0.5s ease 0.5s 1 forwards;

}

.item:nth-child(2) {
  -webkit-animation: example 0.5s ease 1s 1 forwards;
  animation: example 0.5s ease 1s 1 forwards;
}

.item:nth-child(3) {
  -webkit-animation: example 0.5s ease 1.5s 1 forwards;
  animation: example 0.5s ease 1.5s 1 forwards;
}

.item:nth-child(4) {
  -webkit-animation: example 0.5s ease 2s 1 forwards;
  animation: example 0.5s ease 2s 1 forwards;
}

.item:nth-child(5) {
  -webkit-animation: example 0.5s ease 2.5s 1 forwards;
  animation: example 0.5s ease 2.5s 1 forwards;
}

.item:nth-child(6) {
  -webkit-animation: example 0.5s ease 3s 1 forwards;
  animation: example 0.5s ease 3s 1 forwards;
}

.item:nth-child(7) {
  -webkit-animation: example 0.5s ease 3s 1 forwards;
  animation: example 0.5s ease 3.5s 1 forwards;
}


.item:nth-child(8) {
  -webkit-animation: example 0.5s ease 3s 1 forwards;
  animation: example 0.5s ease 4s 1 forwards;
}


.item:nth-child(9) {
  -webkit-animation: example 0.5s ease 3s 1 forwards;
  animation: example 0.5s ease 4.5s 1 forwards;
}



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





/*アニメーション snow  background:#fff;                                 */




.snow {
  max-width: 100%;
  height: auto;
 background:#fff;

  position: relative;
  overflow: hidden;
  
}




.snow .inner div {
    opacity: 0;
    -webkit-transform-origin: 0px 0px;
    -ms-transform-origin: 0px 0px;
    transform-origin: 0px 0px;
    -webkit-animation-name: Drop;
    animation-name: Drop;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.snow1 .inner div {
    position: absolute;
    display: block;
    width: 100px;
    height: 100px;
    background: url("img/hakari.png") no-repeat;

    box-shadow:0 0 25px #fff;
}

 /*　〇の色　#ffef20（黄色）　　〇の周りの色　#1aa0f4（青）#f50ce1（ピンク）　*/
.snow .inner div  {
    position: absolute;
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 2.5px;
    background:#ffef20;                 /*雪の色〇の色　*/
    box-shadow:0 0 25px #f50ce1;   /*雪の周りのぼやーとしたものの色*/


}



 















 
.snow h2{
 left: 0px;
  top: 0px;
  max-width: 100%;
  padding:10px;
  line-height: 200px;
  text-align: center;
  color:#0af;

  font-family: 'Caveat', cursive; /*font-family:quicksand,sans-serif;*/
  letter-spacing: .3em;
  font-size: 3em;                                     /*文字大きさ3倍に */
                                    /*太字に*/
                                           
  
  text-indent: .3em;

text-shadow1: 
-1px -1px 1px rgba(0, 0, 0, 0.4), 
1px 1px 1px rgba(255, 255, 255, 0.5);

 text-shadow: 
0 0 25px #edf8ff, /*濃い色#1aa0f4*/
0 0 20px #edf8ff, 
0 0 0.40px #edf8ff;
 

}


.snow p{
 left: 0px;
  top: 0px;
  width: 100%;
 
  line-height: 300px;
  text-align: center;
  color:#0af;
font-family:quicksand,sans-serif;
 
  letter-spacing: .4em;
  font-size: 1.5em;                                     /*文字大きさ3倍に */
                                    /*太字に*/
                                           
  
  text-indent: .3em;

text-shadow1: 
-1px -1px 1px rgba(0, 0, 0, 0.4), 
1px 1px 1px rgba(255, 255, 255, 0.5);

 text-shadow: 
0 0 25px #edf8ff, /*濃い色#1aa0f4*/
0 0 20px #edf8ff, 
0 0 0.40px #edf8ff;
 

}
















.snow .inner div.flake2,
.snow .inner div.flake4,
.snow .inner div.flake6,
.snow .inner div.flake8,
.snow .inner div.flake10

.snow .inner div.flake12



 {
    background-size: 15px 16px !important;
}

.flake1 {
    left: 300px;
    -webkit-animation-duration: 2.5s;
    animation-duration: 2.5s;
}

.flake2 {
    left: 350px;
    -webkit-animation-duration: 2.7s;
    animation-duration: 2.7s;
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

.flake3 {
    left: 400px;
    -webkit-animation-duration: 2.9s;
    animation-duration: 2.9s;
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}

.flake4 {
    left: 450px;
    -webkit-animation-duration: 2.4s;
    animation-duration: 2.4s;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}

.flake5 {
    left: 500px;
    -webkit-animation-duration: 2.4s;
    animation-duration: 2.4s;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}

.flake6 {
    left: 550px;
    -webkit-animation-duration: 2.2s;
    animation-duration: 2.2s;
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s;
}

.flake7 {
    left: 600px;
    -webkit-animation-duration: 2.7s;
    animation-duration: 2.7s;
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s;
}

.flake8 {
    left: 650px;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-delay: 1.4s;
    animation-delay: 1.4s;
}

.flake9 {
    left: 700px;
    -webkit-animation-duration: 2.2s;
    animation-duration: 2.2s;
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

.flake10 {
    left: 750px;
    -webkit-animation-duration: 2.5s;
    animation-duration: 2.5s;
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}


.flake11 {
    left: 800px;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-delay: 1.4s;
    animation-delay: 1.4s;
}



.flake12 {
    left: 850px;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-delay: 1.4s;
    animation-delay: 1.4s;
}




.title {
  position: absolute;
  left: 0px;
  top: 0;
  width: 100%;
  z-index: 1;
  line-height: 300px;
  text-align: center;
  transform: translate3d(0, 0, 0);
  color: white;
  text-transform: uppercase;
  font-family:quicksand,sans-serif;
  letter-spacing: .4em;
  font-size: 3em;                                     /*文字大きさ3倍に*/
  font-weight:bold;                                  /*太字に*/
                                           
  text-shadow: 0 1px 0 rgba(black, .1);
  text-indent: .3em;
  
  
}






@-webkit-keyframes Drop {
    0% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
        opacity: 0;
    }

    50% {
        -webkit-transform: translateY(50px);
        transform: translateY(50px);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateY(100px);
        transform: translateY(100px);
        opacity: 0.3;
    }
}

@keyframes Drop {
    0% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
        opacity: 0;
    }

    50% {
        -webkit-transform: translateY(50px);
        transform: translateY(50px);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateY(100px);
        transform: translateY(100px);
        opacity: 0.3;
    }
}




/*各htmlの画像かアイコンにグラデーションを掛ける top.html版(to top, #e14fad 0%, #f9d423 100%);(-45deg, rgba(229,93,135,.7), rgba(95,195,228,.7));,url(img/1semina.jpg)*/
.tobirawrapper {width:100%;
         height:auto;
         background-size:cover;
         
         background:linear-gradient(45deg, rgba(108,184,255,.8), rgba(255,246,108,.8), rgba(255,163,108,.8));/*#336633*/
　　　　 
         padding:10px;
         display:block;
         vertical-align:middle;
         text-align:center;
         margin-bottom:20px;
         }


.tobirawrapper p {
                  color:#ffffff;
                  font-weight:bold;                                  /*太字に*/
                  font-size:3em;                                   /*文字大きさ3倍に*/
　　　　　　　　　font-family:quicksand,sans-serif;　　　
                  top:0%;
                  left:0%;
                  padding:0;
                  
text-shadow: 0 0 10px rgba(0,0,0,.4); /*文字の周りをぼかす */
}

.tobirawrapper i{display:block;              /*アイコン装飾#00a0e9*/
          padding-top:40px;
          padding-bottom:40px;
          font-size:50px}

.tobirawrapper2 {max-width:100%;
         height:150px;
         margin-botttom:20px;
         background: -moz-radial-gradient(#FFD100 20%, #C5E99B 70%); 
         background: -webkit-radial-gradient(#FFD100 20%, ##C5E99B 70%); 
         background: radial-gradient(#FFD100 20%, #C5E99B 70%); 

         
　　　　 background-size: cover;
               
         padding:10px;
         text-align:center}

.tobirawrapper2 p {
                  color:#ffffff;
                  font-weight:bold;                                  /*太字に*/
                  font-size:4em;                                   /*文字大きさ8倍に*/
　　　　　　　　　font-family:quicksand,sans-serif;　　　
                  top:0%;
                  left:0%;
                  padding:0;
                  margin:0;
text-shadow: 0 0 10px rgba(0,0,0,.4); /*文字の周りをぼかす */}


.tobirawrapper2 i{display:block;              /*アイコン装飾*/
          padding-top:5px;
          padding-bottom:5px;
          font-size:50px;


}

.tobirawrapper3 {max-width:100%;
         height:150px;
         margin-botttom:20px;
         background: -moz-radial-gradient(#FFD100 20%, #C5E99B 70%); 
         background: -webkit-radial-gradient(#FFD100 20%, ##C5E99B 70%); 
         background: radial-gradient(#FFD100 20%, #C5E99B 70%); 
　　　　 background-size: cover;
               
         padding:10px;
         text-align:center}

.tobirawrapper3 p {
                  color:#ffffff;
                  font-weight:bold;                                  /*太字に*/
                  font-size:4em;                                   /*文字大きさ8倍に*/
　　　　　　　　　font-family:quicksand,sans-serif;　　　
                  top:0%;
                  left:0%;
                  padding:0;
                  margin:0}

.tobirawrapper3 i{display:block;              /*アイコン装飾*/
          padding-top:5px;
          padding-bottom:20px;
          font-size:50px}



.tobirawrapper4 {max-width:100%;
         height:150px;
         margin-botttom:20px;
         background: -moz-radial-gradient(#FFD100 20%, #C5E99B 70%); 
         background: -webkit-radial-gradient(#FFD100 20%, ##C5E99B 70%); 
         background: radial-gradient(#FFD100 20%, #C5E99B 70%); 
　　　　 background-size: cover;
               
         padding:10px;
         text-align:center}

.tobirawrapper4 p {
                  color:#ffffff;
                  font-weight:bold;                                  /*太字にbackground-color:#336666;*/
                  font-size:4em;                                   /*文字大きさ8倍に*/
　　　　　　　　　font-family:quicksand,sans-serif;　　　
                  top:0%;
                  left:0%;
                  padding:0;
                  margin:0}

.tobirawrapper4 i{display:block;              /*アイコン装飾*/
          padding-top:5px;
          padding-bottom:20px;
          font-size:50px}


.tobirawrapper5 {max-width:100%;
         height:150px;
         margin-botttom:20px;
         background: -moz-radial-gradient(#FFD100 20%, #C5E99B 70%); 
         background: -webkit-radial-gradient(#FFD100 20%, ##C5E99B 70%); 
         background: radial-gradient(#FFD100 20%, #C5E99B 70%); 
　　　　 background-size: cover;
               
         padding:10px;
         text-align:center}

.tobirawrapper5 p {
                  color:#ffffff;
                  font-weight:bold;                                  /*太字に*/
                  font-size:4em;                                   /*文字大きさ8倍に*/
　　　　　　　　　font-family:quicksand,sans-serif;　　　
                  top:0%;
                  left:0%;
                  padding:0;
                  margin:0}

.tobirawrapper5 i{display:block;              /*アイコン装飾*/
          padding-top:5px;
          padding-bottom:20px;
          font-size:50px}




.tobirawrapper6 {max-width:100%;
         height:150px;
         margin-botttom:20px;
         background: -moz-radial-gradient(#FFD100 20%, #C5E99B 70%); 
         background: -webkit-radial-gradient(#FFD100 20%, ##C5E99B 70%); 
         background: radial-gradient(#FFD100 20%, #C5E99B 70%); 
　　　　 background-size: cover;
               
         padding:10px;
         text-align:center}

.tobirawrapper6 p {
                  color:#ffffff;
                  font-weight:bold;                                  /*太字に*/
                  font-size:4em;                                   /*文字大きさ8倍に*/
　　　　　　　　　font-family:quicksand,sans-serif;　　　
                  top:0%;
                  left:0%;
                  padding:0;
                  margin:0}

.tobirawrapper6 i{display:block;              /*アイコン装飾*/
          padding-top:5px;
          padding-bottom:20px;
          font-size:50px}



.tobirawrapper7 {max-width:100%;
         height:150px;
         margin-botttom:20px;
         background: -moz-radial-gradient(#FFD100 20%, #C5E99B 70%); 
         background: -webkit-radial-gradient(#FFD100 20%, ##C5E99B 70%); 
         background: radial-gradient(#FFD100 20%, #C5E99B 70%); 
　　　　 background-size: cover;
               
         padding:10px;
         text-align:center}

.tobirawrapper7 p {
                  color:#ffffff;
                  font-weight:bold;                                  /*太字に*/
                  font-size:4em;                                   /*文字大きさ8倍に*/
　　　　　　　　　font-family:quicksand,sans-serif;　　　
                  top:0%;
                  left:0%;
                  padding:0;
                  margin:0}

.tobirawrapper7 i{display:block;              /*アイコン装飾*/
          padding-top:5px;
          padding-bottom:20px;
          font-size:50px}































.wrappersannkou {max-width:100%;
         height:200px;
         margin-botttom:20px;
         background:linear-gradient(65deg,rgba(255,190,44,0.4),rgba(255,44,171,0.7)),url(img/header-data.jpg);
　　　　 background-size: cover}



.wrapper3 {max-width:100%;
         height:200px;
         margin-botttom:20px;
         background:linear-gradient(-45deg,rgba(246,255,0,.8),rgba(255,0,161,.8));
　　　　 background-size: cover}
     


.wrapper2 {max-width:100%;
         height:200px;
         margin-botttom:20px;
         background:linear-gradient(245deg,#fffafa,#969);
　　　　 background-size: cover}






/*各htmlの画像かアイコン設定*/
.tobira i {display:block;
          padding-top:40px;
          padding-bottom:40px;
          font-size:38px}


/*会長の名前位置*/
.kaicyou {max-width:640px;
          text-align:right;
           color:#666666}


/*テーブル装飾*/
.table{max-width:100%;
      margin:5px;
       -ms-user-select:none;
      -webkit-user-select:none;
      user-select:none;
      margin-bottom:10px;
          cursor:default}

.table tr:nth-child(odd) td {background-color:#f5f5f5}


.table  tr th {
               padding: 2px;
               border-bottom: solid 0px #000000;
               background-color:#dddddd;
               }


.table tr td {padding: 2px;
              border-bottom: solid 0px #000000;
              }


.table li {
list-style: none;
}


.a {width: 10%}
.b {width: 50%}
.c {width: 40%} 
.d {width: 15%} 
.e {width: 70%} 

.f {width: 5%} 
.g {width: 15%} 
.h {width: 15%} 
.j {width: 50%} 




.aa {width: 5%}
.bb {width: 25%}
.cc {width: 12%}    
.dd {width: 25%}
.ee {width: 16.5%}
.ff {width: 16.5%} 


.aaa {width: 7%}
.bbb {width: 15%}
.ccc {width: 15%}    
.ddd {width: 25%}
.eee {width: 20%}
.fff {width: 10%} 
.ggg {width: 20%} 
.hhh {width: 20.5%}


.aaaa {width: 7%}
.bbbb {width: 10%}
.cccc {width: 25%}    
.dddd {width: 25%}
.eeee {width: 15%}
.ffff {width: 15%} 
.gggg {width: 20%} 
.hhhh {width: 0%}











.table tr th {text-align:center;
              font-weight:bold;
padding:5px;}

.table-1 tr th {font-size:14px;
             text-align:center}

.table-1 tr td {font-size:14px;
             text-align:center}




.table-2 tr td {padding:5px;
               font-size:14px;  
               text-align:left} 

.table-2 tr th {padding:5px;
               font-size:14px;  
               text-align:left}
} 

  
.table-3 tr td {padding:8px;
                text-align:left;               
                font-size:14px
          }

.table-3 tr th {padding:8px;
                text-align:center;
                font-size:14px
          }






/*名簿リスト装飾*/

.list2 ul {margin:0;
padding:0;
list-style:none}

.list2 li a {display:block;
             margin-bottom:20px;
              padding:10px;
              border-bottom:solid 1px #dddddd;
              padding-left:20px;
              border-left:solid 10px #c50018;
              color:#000000;
              font-size:20px;
              text-decoration:none}

.list2 li a:hover {background-color:#eeeeee}



/*証紙について*/

.syoushi p {display:block;
             margin-bottom:20px;
              padding:10px;
              border-bottom:solid 1px #dddddd;
              padding-left:20px;
              border-left:solid 10px #c50018;
              color:#000000;
              font-size:20px;
              text-decoration:none}



/*計量思想普及事業*/
.sisou ul {margin:0;
padding:0;
list-style:none}

.sisou li a {display:block;
             margin-bottom:20px;
              padding:10px;
              border-bottom:solid 1px #dddddd;
              padding-left:20px;
              border-left:solid 10px #c50018;
              color:#000000;
              font-size:20px;
              text-decoration:none}

.sisou li a:hover {background-color:#eeeeee}


/*パンくずリスト*/
.bread 
{
margin-bottom:20px
}

.bread ol 
{
margin:0;
padding:0;
list-style:none
}

.bread li a
{
display:inline-block;
 padding:5px;
color:#000000;
font-size:14px;
text-decoration:none
}

.bread li a:hover
{
background-color:#eeeeee
}

.bread ol:after
{
content:"";
display:block;
clear:both
}

.bread li
{
float:left;
width:auto
}

.bread li:after
{
content: '\003e';
margin-left: 10px;
margin-right: 10px;
color: #888888
}

/*折り畳みメニュー1*/

/* メニュー全体 */
.acbox {
  max-width: auto;
}

/* チェックボックスは非表示にする（内部的な Off/On の機能だけ利用する） */
.acbox input {
    display: none;


}

/* 開いた状態のサブメニュー */
.acbox input:checked +  ul {
    display: block;

 }

/* 閉じた状態のサブメニュー */
.acbox ul {
    display: none;
    /* 下記は開閉によらず共通の設定 */
    background: #eee;
    list-style: none;
    margin: 0;
    padding: 1rem;
}

/* 親項目の装飾 */
.acbox label {
    display: block;
    margin: 1.5px 0;
    padding: 0.5rem;
    background: #fff;
    color:#000;
    cursor: pointer;
    transition:all 0.5s;

}

.acbox label:hover {
    background: #85baef;
}


/* 子項目の装飾 */
.acbox  ul{
    background: #DBE7ED;
    color:#fff;
    cursor: pointer
}


/* リストが増えたら */

.item1:checked ~ #link1 li
 {
	max-height: 46px;
	opacity: 1;
}




/*サイドメニュー*/

.sidemenu {border:solid 6px #dddddd}

.sidemenu h1 {margin:0px;
           padding:10px;
           font-size:16px;
           font-weight:normal}

.sidemenu h1 i {margin-right:5px;
                color:#8abc60;
                font-size:larger}


.sidemenu ul{margin:0;
padding:0;
list-style:none}

.sidemenu li a {display:block;
              padding:10px;
              border-top:solid 1px #dddddd;
              color:#000000;
              font-size:14px;
              text-decoration:none}

.sidemenu li a:hover {background-color:#eeeeee}


/*コピーライト*/
.copyright p {margin:0;
              color:#666666;
              font-size:14px}

/*boxAの下に罫線を挿入（コンテンツページのみ）*/
.contents .boxA {border-bottom:solid 1px #dddddd}




/*box5をバーの形にする*/
.box5 {padding-top:15px;
              padding-bottom:15px;
              background-color:#dddddd}


/*ボックスの左右*/
.boxA, .box4, .box5, .box6, .box7 

{
padding-left:15px;
 padding-right:15px
}

/*ボックスの上下*/
.boxA {padding-top:20px;
              padding-bottom:10px}

.box4 {padding-top:20px;
              padding-bottom:20px}


.box4-1 {padding-bottom:20px}



.box6 {padding-top:20px} 


.box6-1, .box6-2, .box6-3 
{padding-bottom:10px} 


.box7 {padding-top:25px;
       padding-bottom:25px}

.top.box8 {padding-top:20px;
       padding-bottom:20px;
}　　　　　　　　　　　　　



/*##########359px以下###########*/
@media(max-width:359px){

/*サイト名*/




}

/*##########599px以下###########*/
@media(max-width:599px){

/*ナビゲーション*/
.menu li a {padding:10px 7px;
            font-size:11px}


/*キャッチコピー*/
.catch {padding:5px 10px;
        font-size:12px}



/* snow */

.snow h2{font-size:1.5em}






/*記事*/

.kiji h1 {font-size:26px}

.kiji h2 {font-size:20px}

.kiji .lead {font-size:16px}


/* バッジ */
.badge	{-ms-transform: scale(0.5);
	-ms-transform-origin: right top;
	-webkit-transform: scale(0.5);
	-webkit-transform-origin: right top;
	transform: scale(0.5);
	transform-origin: right top;
	top: -8px;
	right: 10px}


.site  h1 
{
margin:0;
font-size:18px
}


.table  tr td { font-size:10px;  
               } 

.table tr th{ font-size:10px;  
               } 

.table-3 tr td {font-size:10px;
         }

.my-file{font-size: 2em }


/*color-change-2x文字大きさ*/
.color-change-2x  {
                  
                  font-weight:bold;                                  /*太字に*/
                  font-size:16px;                                   /*文字大きさ6倍に*/
　　　　　　　　　}



}





/*##########600px以上###########*/
@media(min-width:600px){








}



/* ###########767px以下 ########### */
@media (max-width: 767px) {


/* バッジの表示位置 */
.badge	{top: 30%;
	right: 15px}


/* アイコンの表示位置 */
.access  {
     
  margin-left: 20px }

/* アイコンの表示位置 */

.action	 {
  margin-left: 20px
 }

/* アイコンの表示位置 */
.tenbin	
{
  margin-left: 20px
 }




/*トグルボタン*/

#menubtn {padding:6px 12px;
          border:solid 1px #aaaaaa;
          border-radius:5px;
         background-color:#ffffff;
            position:absolute;
            top:20px;
            right:15px;
            cursor:pointer}


#menubtn:hover {background-color:#dddddd}

#menubtn:focus {outline:none}



#menubtn i {color:#888888;
            font-size:18px}


#menubtn span {display:inline-block;
text-indent:-9999px}


/*ナビゲーションメニュー（縦並び）*/

.menu {display:none}


.menu ul {margin:0;
           padding:0;
           list-style:none}

.menu li a {display:block;  
            padding:5px;
            color:#000000;
            font-size:14px;
            text-decoration:none}

.menu li a:hover {background-color:#eeeeee}


.flake1 {
    left: 25%}

.flake2 {
    left: 30%}

.flake3 {
    left: 35%}

.flake4 {
    left: 40%}

.flake5 {
    left: 45%}

.flake6 {
    left:50%}

.flake7 {
    left: 55%}

.flake8 {
    left: 60%}

.flake9 {
    left: 65%}

.flake10 {
    left: 70%}

.flake11 {
    left: 75%}


/*flake

.flake1 {
    left: 180px}

.flake2 {
    left: 200px}

.flake3 {
    left: 220px}

.flake4 {
    left: 240px}

.flake5 {
    left: 260px}

.flake6 {
    left: 280px}

.flake7 {
    left: 300px}

.flake8 {
    left: 320px}

.flake9 {
    left: 340px}

.flake10 {
    left: 360px}

.flake11 {
    left: 380px}*/




/*top文字大きさ*/
.tobirawrapper p {
                  
                  font-weight:bold;                                  /*太字に*/
                  font-size:4em;                                   /*文字大きさ6倍に*/
　　　　　　　　　}
/*topアイコン装飾*/
.tobirawrapper i{              
          padding-top:5px;
          padding-bottom:20px;
          font-size:50px}

/*top文字大きさ*/
.tobirawrapper2 p {
                  
                  font-weight:bold;                                  /*太字に*/
                  font-size:2em;                                   /*文字大きさ6倍に*/
　　　　　　　　　}
/*topアイコン装飾*/
.tobirawrapper2 i{              
          padding-top:15px;
          padding-bottom:15px;
          font-size:50px}




/*概要を横に並べる設定*/



.box8-1 .naiyou:nth-child(odd)
	{padding-right: 5px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	clear: both}

.box8-1 .naiyou:nth-child(even)
	{padding-left: 5px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box}


.soft img {max-width:100%}

.address  li {font-size:14px}



/*Quiz問題をスマホで見るとき*/











}


/*##########768px以上###########*/
@media(min-width:768px){


/*ピックアップ*/

.pickup h1{font-size:30px}



/*トグルボタン*/

#menubtn {display:none}

/*ナビゲーション*/
#menu {display:block !important}


.menu ul {margin:0;
           padding:0;
           list-style:none}

.menu li a {display:block;  
            padding:10px 15px;
            color:#000000;
            font-size:14px;
            text-decoration:none}

.menu li a:hover {background-color:#eeeeee}

.menu ul:after {content:"";
                display:block;
                clear:both}

.menu li {float:left;
               width:auto}


/*box1とbox2を横に並べる設定*/
.boxA:after {content:"";
               display:block;
               clear:both}

.box1 {float:left;
               width:auto}

.box2 {float:right;
               width:auto}


/*box4-1とbox4-2を横に並べる設定*/
.box4:after {content:"";
               display:block;
               clear:both}

.box4-1 {float:left;
         width:70%;
        padding-right:35px;
        -moz-box-sizing:border-box;
       -webkit-box-sizing:border-box;
        box-sizing:border-box}

.box4-2 {float:left;
                 width:30%} 













 


/*box6-1とbox6-2とbox6-3を横に並べる設定*/
.box6:after {content:"";
            display:block;
            clear:both}

.box6-1 {float:left;
         width:32%;
         margin-right:2%}

.box6-2 {float:left;
         width:32%;
        margin-right:2%}


.box6-3 {float:left;
         width:32%}    

           


/*box7-1とbox7-2を横に並べる設定*/

.box7:after
{
content:"";
display:block;
clear:both
}

.box7-1
{
float:right;
width:75%;
        padding-left:50px;
         -moz-box-sizing:border-box;
       -webkit-box-sizing:border-box;
        box-sizing:border-box}

.box7-2
{
float:left;
         width:25%
}







/*概要を横に並べる設定*/

.box8-1:after {content:"";
               display:block;
               clear:both}

.box8-1 .naiyou {float:left;
                 width:50%}


.box8-1 .naiyou:nth-child(odd)
	{padding-right: 15px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	clear: both}

.box8-1 .naiyou:nth-child(even)
	{padding-left: 15px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box}









}

/*##########1190px以上###########*/
@media(min-width:1190px){


/*全体の横幅を固定*/
.box3, .box4, .boxA-inner, .box5-inner, .box6, .box7 
{width:1140px;
           margin-left:auto;
           margin-right:auto}

/*boxAの下に罫線を挿入*/
.boxA
{margin-bottom:20px;
border-bottom:solid 1px #dddddd}

}