/*====================================================================================*/
/* Common
/*====================================================================================*/
/* import google fonts Noto Serif JP*/

html {
  scroll-behavior: smooth;
}
body {
	
	font-family: 
	"YakuHanMP",          
        "Zen Old Mincho",
        "Hiragino Mincho ProN",
        "MS Mincho",           
		serif;	
	
	font-style: normal;
	
	font-optical-sizing: auto;
	font-weight: 200;
	font-style: normal;
	font-size: 10pt;
	letter-spacing:0.1em;
	line-height: 1.8;
	margin:	0;
}
p{
	margin-bottom:20px;
}
img{
	width:100%;
}

a{
	text-decoration:none;
	color:black;
}
.hide{
	display:none !important;
}
.pcDisp{
	display:block !important;
}
.mobDisp{
	display:none !important;
}
.pcDispIb{
	display:inline-block !important;
}
.mobDispIb{
	display:none !important;
}
.textJP{
}
.textEN{
	font-size:90%;
	letter-spacing:0.05;
	font-weight:200;
}
.divLink,.buttonStyle{
	padding: 5px 10px;
	border: solid 0.5px;
	display: inline-block;
	cursor: pointer;
	font-family: 
	"YakuHanMP",          
        "Zen Old Mincho",
        "Hiragino Mincho ProN",
        "MS Mincho",           
		serif;	
	
	font-style: normal;
	
	font-optical-sizing: auto;
	font-weight: 200;
}
.divLink,.buttonStyle:hover{
	background:rgb(0,0,0,0.8);
	color:white;
	
	/* animation */	
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}
.textLink{
	color:black;
	border-bottom:solid 0.5px black;
	padding-bottom:5px;
	/* animation */	
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}
.textLink:hover{
	color:#AAAAAA;
	
}

/* animation */
.FadeIn{
	opacity:0.0;

	/* animation */	
    -webkit-transition: all 2s;
    -moz-transition: all 2s;
    -ms-transition: all 2s;
    -o-transition: all 2s;
    transition: all 2s;
}
.FadeInUp{
	opacity:0.0;

	/* animation */	
    -webkit-transition: all 1.5s;
    -moz-transition: all 1.5s;
    -ms-transition: all 1.5s;
    -o-transition: all 1.5s;
    transition: all 1.5s;

	/* Layout*/
	-moz-transform   : translateY(50px);
	-webkit-transform: translateY(50px);
	-o-transform     : translateY(50px);
	-ms-transform    : translateY(50px);
	transform        : translateY(50px);
}


/*====================================================================================*/
/* スマフォ縦表示
/*====================================================================================*/
/* ipad pro? */
@media only screen and (max-width: 1024px) and (orientation:portrait){

	.pcDisp{
	display:none !important;
	}
	.mobDisp{
		display:block !important;
	}
	.pcDispIb{
		display:none !important;
	}
	.mobDispIb{
		display:inline-block !important;
	}


}
/*====================================================================================*/
/* スマフォ　横表示
/*====================================================================================*/
@media only screen and (max-width: 1024px) and (orientation:landscape){

}