html{height:100%;-webkit-font-smoothing: antialiased;}

body{
	margin:0px;
	padding:0px;
	letter-spacing:0.05em;
	line-height:1.8;
	font-family: "Noto Sans JP", "Hiragino Sans", "ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro", "游ゴシック" , "Yu Gothic" , "YuGothic" , "メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-size : 14px ;
	-webkit-text-size-adjust: 100% ;
	font-weight : 400 ;
	overflow-x : hidden ;
	width  : 100% ;
	color : #444444 ;
	background-color: #FFFFFF ;
}

#wd_container{
	position : relative ;
	width : 100% ;
	height : auto ;
	overflow : hidden ;
}

.wd_mincho{
	font-family:'Noto Serif JP' , "Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}

.wd_os{
	font-family: "Oswald", sans-serif;
}

img {
	position : relative ;
	display : block ;
	width : auto ;
	height : auto ;
	border: none;
	border-style : none ;
	-webkit-backface-visibility: hidden;
}

a img{
	border-style : none ;
}

a{
	outline: none;
	text-decoration: none ;
}
a{
	color : #444444 ;
}
a:visited{
	color : #444444 ;
}
a:link{
	color : #444444 ;
}
a:hover{
	color : #444444 ;
}
hr{
	margin : 0px ;
	border : 0px ;
	height : 6px ;
	/** background-color : #000000 ; **/
}
h1,h2,h3,h4,h5,h6{
	display : block ;
	position: relative ;
	box-sizing : border-box ;
	margin : 0px ;
	padding : 0px ;
}

p{
	position : relative ;
	margin : 0px ;
}

ul{
	padding : 0px ;
	margin : 0px ;
}

div{
	box-sizing : border-box ;
	position : relative ;
}

strong{
	font-weight : 600 ;
}

button, input, select, textarea {
	font-family : inherit;
	font-size : 100%;
}

pre {
	white-space: pre-wrap ;
}


table{
	width : 100% ;
	border-collapse: separate;
	border-spacing: 10px ;
	margin-top : 60px ;
}
th{
	background-color: #2985BC;
	padding : 30px ;
	color : #FFFFFF ;
	text-align : center ;
	width : 300px ;
}
td{
	background-color: #FFFFFF;
	padding : 30px ;
}

section{
	position: relative;
	display: block ;
	box-sizing: border-box ;
}



.wd_clearfloat{
	clear : both ;
}


.wd_pc{ display : block ; }
.wd_sp{ display : none ; }

.wd_appear{
	opacity : 0.01 ;
}
.wd_preappear{
	opacity : 0.01 ;
}


#wd_view_size{
	position : fixed ;
	top : 0px ;
	left : 0px ;
	width : 100% ;
	height : 100% ;
	z-index : -100 ; 
}


.wd_flex{
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	/** justify-content: space-around ; **/
	flex-wrap : wrap;
}


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





.wd_spnavi_btnbox{
	position : absolute ;
	top : 50% ;
	right : 30px ;
	transform: translate(0%,-50%);
	width : 30px ;
	height : 30px ;
}
.wd_spnavi_bar01{
	width : 30px ;
	height : 30px ;
	position : absolute ;
	top : -10px ;
}
.wd_spnavi_bar02{
	width : 30px ;
	height : 30px ;
	position : absolute ;
	bottom : -10px ;
}
.wd_spnavi_bar03{
	width : 30px ;
	height : 30px ;
	position : absolute ;
	top : 0px ;
}
.wd_spnavi_bar_white{
	position : absolute ;
	top : 50% ;
	left : 0% ;
	width : 100% ;
	height : 2px ;
	margin-top : -2px ;
	background-color : #FFFFFF ;
}

.wd_spnavi_superbox{
	position: fixed ;
	top : 0% ;
	left: 0% ;
	width: 100% ;
	height: 0px ;
	z-index: 42 ;
	background-color: #6EC878 ;
	overflow: hidden ;
}














/**************************************************************************************/
/**************************************************************************************/
/* SP Site*/
/**************************************************************************************/
/**************************************************************************************/
@media screen and (max-width: 800px) {

html{ /** min-width:640px; **/ } 

body{
	/** min-width : 640px ; **/
	font-size : 20px ;
}

.wd_pc{ display : none ; }
.wd_sp{ display : block ; }



} /** endof sp **/