/* --------reset--------*/
html {
	height: 100%;
	width: 100%;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-ms-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
	font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-o-text-size-adjust: 100%;
	text-size-adjust: 100%;
	-webkit-text-autospace: ideograph-parenthesis;
	-moz-text-autospace: ideograph-parenthesis;
	-ms-text-autospace: ideograph-parenthesis;
	-o-text-autospace: ideograph-parenthesis;
	text-autospace: ideograph-parenthesis;}
body {
	height: 100%;
	width: 100%;
	padding: 0;
	font-size: 12px;
	font-family: 'EB Garamond', "游明朝体", "Yu Mincho" , "HG明朝E", "メイリオ", Meiryo,serif;
	line-height: 20px;
	letter-spacing: 0.065rem;
	-webkit-text-size-adjust: 100%;
	background-image: url(../img/top.jpg);
	background-color: #000;
	background-size:cover;
 	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
section, nav, article, aside, header, footer, main, figure, figcaption, details, menu {
	display: block;}
h1, h2, h3, h4, h5, h6 {
	margin: 0 auto;
	font-size: inherit;
	font-weight: normal;}
p, div, ul, li, figure {
	margin: 0;
	padding: 0;
	list-style: none;}
ol, ul {
	list-style: none;}
table {
	border-collapse: collapse;
	border-spacing: 0;}
img, canvas {
	height: auto;
	max-width: 100%;}
	
input[type="button"],input[type="submit"] {
    -webkit-appearance: none;
  }

/*-------- Link-------- */
a{
	color: #fff;
	text-decoration: none;}
a[href]:hover{
     color: #dcdcdc;
	-webkit-transition: color 0.2s cubic-bezier(0,0.9,0.3,1);
	-moz-transition: color 0.2s cubic-bezier(0,0.9,0.3,1);
	-ms-transition: color 0.2s cubic-bezier(0,0.9,0.3,1);
	-o-transition: color 0.2s cubic-bezier(0,0.9,0.3,1);
	transition: color 0.2s cubic-bezier(0,0.9,0.3,1);
    filter: alpha(opacity=10);}
::-moz-selection{
	background-color: transparent;
	background: #fff;
	color: #aaa;
	text-shadow: none;}
::selection {
	background-color: transparent;
	background: #fff;
	color: #aaa;
	text-shadow: none;}

@media all and (min-width: 1401px) {
h1 img {
    width: 300px;
	position:fixed;
    height: auto;
	margin-left:60px;
	margin-top:30px;
}
/*header*/
.sitename {
	width:200px;
	margin: 0 auto;
	text-align:left;
	position:fixed;
	top:20px;
	left:0px}
.sitename img{
	padding-bottom:15px;}
header .button {
	position: fixed;
	top:40px;
	left:95%;
    z-index: 50;
}
header .button  img {
	width:36px;
	height:37px;
}
	
/*------------------------------
side
------------------------------*/
#side {
	position:fixed;
	top:129px;
	left:60px;
}
#side h2{
    margin-bottom: 10px;
}
#side ul li{
    font-size: 15px;
    padding-bottom: 19px;
    letter-spacing: 0.12rem;
}
#side ul li ul li{
    font-size: 11px;
}
div::-webkit-scrollbar {
    display: none;
  }
#side ul .hr{
	margin-top:24px;
	margin-bottom:23px;
	width:32px;
	border-top:1px solid #aaa;}
.gNavi {
	display:none
}
	
/*------------------------------
contents
------------------------------*/
#main_content{
	width:860px;
	margin-top:24px;
	margin-bottom:100px;
}
#main_content .title{
	margin:0 auto;
	padding-top:70px;
	padding-left:3px;
	font-size: 15px;
	letter-spacing:0.08rem;
	display: none;
}
#main_content .hr{
	border-bottom:solid 0.5px #000;
	padding-top:21px;
	margin-left:4px;
	display: none;
}

#content{
	width:860px;
	padding-top:210px;
	margin-bottom:100px;
	margin-left:360px;
}
#content p span{
	font-family:'A1 Mincho', 'A1明朝', 'A-OTF A1明朝 Std', 'ヒラギノ明朝 Pro W3', serif !important;
	line-height:2;
	font-size: 15px;
}
}

@media all and (min-width: 835px) and (max-width: 1400px) {
h1 img {
    width: 300px;
	position:fixed;
    height: auto;
	margin-left:60px;
	margin-top:30px;
}
/*header*/
.sitename {
	width:200px;
	margin: 0 auto;
	text-align:left;
	position:fixed;
	top:20px;
	left:0px}
.sitename img{
	padding-bottom:15px;}
header .button {
	position: fixed;
	top:40px;
	left:95%;
    z-index: 50;
}
header .button  img {
	width:29px;
	height:30px;
}
	
/*------------------------------
side
------------------------------*/
#side {
	position:fixed;
	top:129px;
	left:60px;
}
#side h2{
    margin-bottom: 10px;
}
#side ul li{
    font-size: 14px;
    padding-bottom: 19px;
    letter-spacing: 0.12rem;
}
#side ul li ul li{
    font-size: 11px;
}
div::-webkit-scrollbar {
    display: none;
  }
#side ul .hr{
	margin-top:24px;
	margin-bottom:23px;
	width:32px;
	border-top:1px solid #aaa;}
.gNavi {
	display:none
}
/*------------------------------
contents
------------------------------*/
#main_content{
	width:860px;
	margin-top:24px;
	margin-bottom:100px;
	margin-left:310px;
}
#main_content .title{
	margin:0 auto;
	padding-top:70px;
	padding-left:3px;
	font-size: 15px;
	letter-spacing:0.08rem;
	display: none;
}
#main_content .hr{
	border-bottom:solid 0.5px #000;
	padding-top:21px;
	margin-left:4px;
	display: none;
}

#content{
	width:860px;
	padding-top:190px;
	margin-bottom:100px;
}
#content p span{
	font-family:'A1 Mincho', 'A1明朝', 'A-OTF A1明朝 Std', 'ヒラギノ明朝 Pro W3', serif !important;
	line-height:2;
	font-size: 15px;
}

}
/*-------- ipadPro縦------- */
@media all and (min-width: 769px) and (max-width: 834px) {
h1 img {
    width: 280px;
	position:fixed;
    height: auto;
	margin-left:60px;
	margin-top:30px;
}
/*header*/
.sitename {
	margin: 0 auto;
	text-align:left;
	position:fixed;
	top:20px;
	left:0px}
.sitename img{
	padding-bottom:15px;}
header .button {
	position: fixed;
	top:46px;
	left:93%;
    z-index: 50;
}
header .button  img {
	width:30px;
	height:31px;
}
/*------------------------------
side
------------------------------*/
#side {
	position:fixed;
	top:129px;
	left:60px;
}
#side h2{
    margin-bottom: 10px;
}
#side ul li{
    font-size: 14px;
    padding-bottom: 20px;
    letter-spacing: 0.12rem;
}
#side ul li ul li{
    font-size: 11px;
}
div::-webkit-scrollbar {
    display: none;
  }
#side ul .hr{
	margin-top:24px;
	margin-bottom:23px;
	width:32px;
	border-top:1px solid #aaa;}
.gNavi {
	display:none
}
}
/*-------- ipad縦------- */
@media all and (min-width: 600px) and (max-width: 768px) {

h1 img {
    width: 280px;
	position:fixed;
    height: auto;
	margin-left:60px;
	margin-top:30px;
}
/*header*/
.sitename {
	margin: 0 auto;
	text-align:left;
	position:fixed;
	top:20px;
	left:0px}
.sitename img{
	padding-bottom:15px;}
header .button {
	position: fixed;
	top:46px;
	left:93%;
    z-index: 50;
}
header .button  img {
	width:30px;
	height:31px;
}
/*------------------------------
side
------------------------------*/
#side {
	position:fixed;
	top:129px;
	left:60px;
}
#side h2{
    margin-bottom: 10px;
}
#side ul li{
    font-size: 14px;
    padding-bottom: 20px;
    letter-spacing: 0.12rem;
}
#side ul li ul li{
    font-size: 11px;
}
div::-webkit-scrollbar {
    display: none;
  }
#side ul .hr{
	margin-top:24px;
	margin-bottom:23px;
	width:32px;
	border-top:1px solid #aaa;}
.gNavi {
	display:none
}
}
/*-------- 7Plus 以下-------- */
@media screen and (max-width: 599px) {
body{
	height: 100%;
	width: 100%;
	padding: 0;
	font-size: 12px;
	font-family: 'EB Garamond', "游明朝体", "Yu Mincho" , "HG明朝E", "メイリオ", Meiryo,serif;
	line-height: 20px;
	letter-spacing: 0.065rem;
	-webkit-text-size-adjust: 100%;
	background-image:url(../img/top_sp.jpg) !important;
	background-color: #000;
	background-size:cover;
 	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
#side{
	display:none;
}

body#index h1{
    opacity: 0;
}

/*header*/
.sitename {
	width:210px;
	margin: 0 auto;
	text-align:left;
	position:fixed;
	top:38px;
	left:27px}
.sitename img{
	padding-bottom:15px;}
	
header .button  img {
	display:none;
	}
	
/* --------common--------*/
.wrapper{
	width:320px;
	margin:0 auto;}
	
#countainer {
	width:320px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto;
	margin-top:20px;} 

/*------------------------------
contents
------------------------------*/
#main_content{
	width:100%;
	padding-bottom:100px;
}
#main_content .title{
	width: 320px;
	margin:0 auto;
	padding-top:74px;
	padding-left:3px;
	padding-bottom:20px;
	font-size: 14px;
	letter-spacing:0.08rem;
}
#main_content .hr{
	width:24px;
	border-bottom:solid 0.5px #000;
	padding-top:21px;
	margin-left:4px;
}

#content{
    margin: 0 auto;
	padding-top:1px;
}
#content p{
	width:320px;
	font-size: 11px;
	letter-spacing:0.03rem;
}
#main_content p span{
	font-size: 11px;
	font-family:'A1 Mincho', 'A1明朝', 'A-OTF A1明朝 Std', 'ヒラギノ明朝 Pro W3', serif !important;
	line-height:1.9;
	margin-top:20px;
}
	
/*------------------------------
studiolease
------------------------------*/
#main_content .image{
	width:320px;
	margin-top: 20px;
	}
#main_content .title02{
	font-size: 14px;
	margin-top:20px;
	}
	
/*------------------------------
userguide
------------------------------*/
#main_content .txt{
	width:320px;
	line-height:1.9;
	letter-spacing:0.02rem;
	color: #000;
	font-size: 11px;
	margin-bottom:20px;
	margin-top:5px;
	text-align:justify;
	}
#main_content h2{
	width:320px;
	letter-spacing:0.01rem;
	color: #000;
	font-size: 11px;
	margin-top:20px;
	}	
#main_content .txt img{
	width:18px;
	margin-left:3px;
}
#main_content .line{
	width:35px;
	border-top:0.8px solid #aaa;
}
}
/*-------- 7 以下-------- */
@media screen and (max-width: 375px) {
#side{
	display:none;
}

body#index h1{
    opacity: 0;
}

/*header*/
.sitename {
	width:200px;
	margin: 0 auto;
	text-align:left;
	position:fixed;
	top:32px;
	left:27px}
.sitename img{
	padding-bottom:15px;}
	
header .button  img {
	display:none;
	}
	
/* --------common--------*/
.wrapper{
	width:320px;
	margin:0 auto;}
	
#countainer {
	width:320px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto;
	margin-top:20px;} 

/*------------------------------
contents
------------------------------*/
#main_content{
	width:100%;
	padding-bottom:100px;
}
#main_content .title{
	width: 320px;
	margin:0 auto;
	padding-top:74px;
	padding-left:3px;
	padding-bottom:20px;
	font-size: 14px;
	letter-spacing:0.08rem;
}
#main_content .hr{
	width:24px;
	border-bottom:solid 0.5px #000;
	padding-top:21px;
	margin-left:4px;
}

#content{
    margin: 0 auto;
	padding-top:1px;
}
#content p{
	width:320px;
	font-size: 11px;
	letter-spacing:0.03rem;
}
#main_content p span{
	font-size: 11px;
	font-family:'A1 Mincho', 'A1明朝', 'A-OTF A1明朝 Std', 'ヒラギノ明朝 Pro W3', serif !important;
	line-height:1.9;
	margin-top:20px;
}
	
/*------------------------------
studiolease
------------------------------*/
#main_content .image{
	width:320px;
	margin-top: 20px;
	}
#main_content .title02{
	font-size: 14px;
	margin-top:20px;
	}
	
/*------------------------------
userguide
------------------------------*/
#main_content .txt{
	width:320px;
	line-height:1.9;
	letter-spacing:0.02rem;
	color: #000;
	font-size: 11px;
	margin-bottom:20px;
	margin-top:5px;
	text-align:justify;
	}
#main_content h2{
	width:320px;
	letter-spacing:0.01rem;
	color: #000;
	font-size: 11px;
	margin-top:20px;
	}	
#main_content .txt img{
	width:18px;
	margin-left:3px;
}
#main_content .line{
	width:35px;
	border-top:0.8px solid #aaa;
}
}
/*-------- SE 以下-------- */
@media screen and (max-width: 320px) {

#side{
	display:none;
}

body#index h1{
    opacity: 0;
}

/*header*/
.sitename {
	width:190px;
	margin: 0 auto;
	text-align:left;
	position:fixed;
	top:32px;
	left:27px}
.sitename img{
	padding-bottom:15px;}
	
header .button  img {
	display:none;
	}
	
/* --------common--------*/
.wrapper{
	width:320px;
	margin:0 auto;}
	
#countainer {
	width:320px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto;
	margin-top:20px;} 

/*------------------------------
contents
------------------------------*/
#main_content{
	width:100%;
	padding-bottom:100px;
}
#main_content .title{
	width: 320px;
	margin:0 auto;
	padding-top:74px;
	padding-left:3px;
	padding-bottom:20px;
	font-size: 14px;
	letter-spacing:0.08rem;
}
#main_content .hr{
	width:24px;
	border-bottom:solid 0.5px #000;
	padding-top:21px;
	margin-left:4px;
}

#content{
    margin: 0 auto;
	padding-top:1px;
}
#content p{
	width:320px;
	font-size: 11px;
	letter-spacing:0.03rem;
}
#main_content p span{
	font-size: 11px;
	font-family:'A1 Mincho', 'A1明朝', 'A-OTF A1明朝 Std', 'ヒラギノ明朝 Pro W3', serif !important;
	line-height:1.9;
	margin-top:20px;
}
	
/*------------------------------
studiolease
------------------------------*/
#main_content .image{
	width:320px;
	margin-top: 20px;
	}
#main_content .title02{
	font-size: 14px;
	margin-top:20px;
	}
	
/*------------------------------
userguide
------------------------------*/
#main_content .txt{
	width:320px;
	line-height:1.9;
	letter-spacing:0.02rem;
	color: #000;
	font-size: 11px;
	margin-bottom:20px;
	margin-top:5px;
	text-align:justify;
	}
#main_content h2{
	width:320px;
	letter-spacing:0.01rem;
	color: #000;
	font-size: 11px;
	margin-top:20px;
	}	
#main_content .txt img{
	width:18px;
	margin-left:3px;
}
#main_content .line{
	width:35px;
	border-top:0.8px solid #aaa;
}
}