@charset "utf-8";


				      	/* サイト全体のフォント指定 */
body {
font-family: 'Lato', sans-serif;
font-size: 13px;
line-height: 130%;
  margin:0;
}
			
img{
	vertical-align:top;
}
			
@media (max-width: 768px) {
body {
line-height: 1.3em;
				}
}
			
  .rect-sample {
  stroke-dasharray: 600;
  stroke-dashoffset: 600;
}
.rect-sample:hover {
  animation: stroke_dash_animation 0.5s linear both;
}
 
@keyframes stroke_dash_animation {
  100% {
    stroke-dashoffset: 0;
  }
} 	
			
.chu-oh{
margin:0 auto;
}
				
			
                 /* コンテンツを動かなくするためのヤツ */

p {
  font-family: 'Lato', sans-serif;
  letter-spacing: 1px;
  margin: 0 0 10px 0;
}
			
.content {
  position:relative;
  height:9vh;
  text-align:center;
  background-color:rgba(255, 255, 255, 0.7);
}
			
.box {
  position: relative;
  width: 100%;
  border: 0px;
  margin-bottom: 100px;
  margin-top: 0px;
  font-family: 'Lato', sans-serif;
  letter-spacing: 1px;
  color: #333333;
  text-align:center;
}
			
  .min-box {
  position: sticky;
  top: 0px;
  padding: 16px 0 0 0;
}
/* コンテンツを動かなくするためのヤツ */
			
			
/* コピーライト位置調整食い込み */
.kui{
   margin: -5px 0 0px 0;
   font-size: 10px;
   color: #aaa;
}

@media (max-width: 768px) {
.kui{
   margin: 0px 0 0px 0;
   line-height: 110%;
}
.content {
height:8vh;
	}
.mini-box {
padding: 0px 0 0 0;
	}
}
			

/* リンク１緑 */
	
ul{
 display: flex;
 padding: 0px;
 margin:0px;
}
			
.nav1 {
    list-style-type: none;
    font-weight: normal;
    justify-content: center;
}
.nav1 a {
    color: #3c444d;
    margin-left: 5px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    font-weight: normal;
}
.nav1 a:hover {
    text-shadow: #adff2f 0px 0px 10px; /* 影の色 */
    color: #0000ff; /* 文字の色 */
    text-decoration: none;
    position: relative;
top: 1px;
}
				
				
/* リンク２ピンク */	
ul#nav2 {
    list-style-type: none;
    justify-content: center;
    font-size: medium;
}
ul#nav2 li a {
    color: #3c444d;
    float: center;
    padding: 0px 15px 0px 15px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    font-weight: bold;
    text-decoration: none;
}
ul#nav2 li a:hover {
    text-shadow: #ffc0cb 0px 0px 10px; /* 影の色 */
    color: #0000ff; /* 文字の色 */
    position: relative;
top: 1px;
}
			
@media (max-width: 768px) {
ul#nav2 {
    font-size:16pt;
}
}
			
.migi{ /* リンク右寄せ用 */
  padding: 15px 30px 15px 15px;
  text-align: right;
  vertical-align: middle;
			}