@charset "UTF-8";
/* CSS Document */

*{
	margin: 0; 
	padding: 0;
	font-weight:normal;
}
button, select, input, textarea {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
}

.pc{display:block;}
.sp{display:none;}

body{
	font-family:YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	color:#707070;
	font-size:16px;
	line-height: 2.0;
	background-color: #FFF;
}

dl,
p{
	text-align: justify;	
}

.right{
   	text-align: right;	       
}


dt,
.clearfix:after {
  content: " ";
  display: block;
  clear: both;
}
img{
	display:block;
}


header{
	background-color: #FFF;

	font-style: normal;
	position: fixed;
	width:100%;
	height:70px;
	z-index:1;
}

h1{
	color : #666 ;
	font-size: 14px;
	line-height: 1;
	margin-left:20px;
	margin-top:20px;
}

h1 img{
	float:left;
}

h1 span{
	float:left;
	margin-left: 10px;
	line-height: 1.2;
}

h2{
	font-size: 24px;
	color : #666 ;
	line-height: 1.5;
}

h3{
	font-size: 12px;
	font-style: normal;
	line-height: 1.2;
}


header p{
	text-align:right;   
}



main{
	  padding:8% 0;
}

section{
	overflow: hidden;
}


section + section{
	padding-top:8%;
}


section:nth-child(even){/*偶数のセクション*/
	/*background-color: #eee;*/
}

section *{
	display: block;
	margin:0 auto;
}

section:not(#sec01) > *{
	width:calc(100% - 40px);
	max-width:1000px;
	padding:20px;
}


dl > *{
	float:left !important;
}

dl dt{
	width:4.5em;
}

dl dd{
	width:calc(100% - 4.5em);
}

dd + dd{
	margin-left: 4.5em;
}

#sec04 a,
dd a{
	display: inline;
	text-decoration: none;
    color: #1a73e8;
}
#sec04 a:hover,
dd a:hover{
	text-decoration: underline;
}


#sec03 dl *{
	font-size: 20px;
	text-align: left;	
}
#sec03 dl dt{
	width:3em;
}

#sec03 dl dd{
	width:calc(100% - 3em);
}
#sec03 dl dd + dd{
	margin-left: 3em;
}



/*
#sec04 dl dt,
#sec04 dl dt + dd{
	margin-top: 2em;
}

*/
article{

	display: inline-block;
	
}

figure img{
	width:auto;
	height:120px;
	margin: 0;
}





.slider {
	padding:20px;
	  /*height: 53vw;
	  margin-inline: auto;*/
	 /*overflow: hidden;   画像がはみ出ないようにする 
	 width: 100%;*/
	background: url("images/loading.gif") no-repeat 50% 50%;
	background-size: 40px;

}
.slider img {
	min-height: 560px;
}


@media screen and (max-width:640px){
	
	body{
		font-size: 13px;
	}
	
	h1{
	font-size: 12px;
	}
	
		
	h2,
	#sec03 dl *{
	font-size: 16px;
	line-height: 1.5;
	}
	
}

@media screen and (max-width:560px){
	.trans{
          margin-left:-50%;
	}
	.sp{display:block;}
	.pc{display:none;}
}

@keyframes zoomUp {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.2); /* 拡大率 */
  }
}
.add-animation {
  animation: zoomUp 10s linear 0s normal both;
}



#pagetop{
	/*border-radius: 100%;*/
	text-align : center ;
	background-color:#fff;
	border: solid 1px #999;
	width:40px;
	height:40px;
	line-height:40px;
	position:fixed;	
	bottom:20px;
	right:20px;
	cursor:pointer;
	opacity: 0;
	font-size:12px;
}

footer{
	background-color: #FFF;
	color : #666 ;
	padding : 20px ;
	line-height: 1.5;
}