/* --------reset--------*/
html {
	height: 100%;
	width: 100%;
	text-transform: none;}
body {
	height: 100%;
	width: 100%;
	padding: 0;
	font-size: 12px;
	font-family: 'EB Garamond', serif;
	line-height: 20px;
	letter-spacing: 0.065rem;
	-webkit-text-size-adjust: 100%;
	background-color:#fff;
	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: #000;
	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;
}
#side .category{
	width:150px;
	margin-top:20px;
}
#side .category li{
	font-size:12px;
	padding-bottom:7px;
}
#side .category .date{
	margin-top:-10px;
}
#side .category img{
	margin-top:8px;
	padding-right:8px;
}
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-left:347px;
	margin-top:152px;
	margin-bottom:200px;
}
#main_content .title{
	margin:0 auto;
	font-family: 'EB Garamond',serif; !important;
	font-size: 18px;
	letter-spacing:0.08rem;
	padding-top:60px;
}
#main_content .hr{
	border-bottom:solid 0.5px #000;
	padding-top:21px;
	margin-left:4px;
}

#content{
	width:800px;
	padding-bottom:200px;
}
#content p span{
	font-family: YuMincho, Yu Mincho, serif;
	line-height:2;
	font-size: 15px;
}
/*------------------------------
studiolease
------------------------------*/
#main_content .image{
	width:800px;
	margin-top: 20px;
	}
/*------------------------------
userguide
------------------------------*/
#main_content .txt{
	width:800px;
	line-height:2;
	letter-spacing:0.02rem;
	color: #000;
	font-family: YuMincho, Yu Mincho, serif;
	font-size: 13px;
	margin-bottom:20px;
	margin-top:5px;
	text-align:justify;
	}
#main_content .txt span{
	font-family: "Times New Roman", Times, "serif";
	}

#main_content h2{
	width:800px;
	font-family: YuMincho, Yu Mincho, serif;
	letter-spacing:0.01rem;
	color: #000;
	font-size: 13px;
	line-height:2.7;
	margin-top:30px;
	}	
#main_content h3{
	width:800px;
	font-family: YuMincho, Yu Mincho, serif;
	letter-spacing:0.01rem;
	color: #000;
	font-size: 13px;
	margin-top:48px;
	margin-left:-5px;
	}	
#main_content h4{
	width:800px;
	font-family: YuMincho, Yu Mincho, serif;
	letter-spacing:0.01rem;
	color: #000;
	font-size: 13px;
	line-height:2.7;
	margin-top:30px;
	margin-bottom:-20px;
	}	
#main_content .txt img{
	width:18px;
	margin-left:3px;
	margin-top:3px;
}
#main_content .line{
	width:58px;
	border-top:0.8px solid #aaa;
	margin-top:30px;
}
#content figcaption{
	width:860px;
	text-align:left;
	margin-left:3px;
	font-family: YuMincho, Yu Mincho, serif;
	-webkit-font-smoothing: antialiased;
	font-size:12px;
	color:#000;
	margin-top:50px;
	margin-bottom:200px;
	line-height:1.9;
}

#content figcaption span{
	font-family: 'EB Garamond',serif; !important;
	margin-left:-6px;
	letter-spacing: 0.1rem;
	color:#000;
}
table {
	border-collapse: collapse;
	width:800px;
	font-family: YuMincho, Yu Mincho, serif;
	font: normal normal normal 12px/1.8em;
	padding:0px;
}
th {
	width:50px;
	border: solid 1px #AAAAAA;
	color: #000000;
	padding:7px 3px 7px 3px;
	font-family: YuMincho, Yu Mincho, serif;
	letter-spacing: 0.01rem;
	font-size: 12px;
	line-height:1.3;
	font-weight: 100;
}
td {
	border: solid 1px #AAAAAA;
	color: #000000;
	background-color: #ffffff;
	padding:7px 7px 7px 5px;
	font-family:"Times New Roman", Times, serif;
	font-size: 12px;
}
tbody th{
	width:70px;
	border: solid 1px #AAAAAA;
	color: #000000;
	padding:7px 3px 7px 3px;
	font-family:"Times New Roman", Times, serif;
	font-size: 12px;
	line-height:1.3;
}

}
/*-------- notebook------- */
@media all and (min-width: 1025px) 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;
}
#side .category{
	width:150px;
	margin-top:20px;
}
#side .category li{
	font-size:12px;
	padding-bottom:7px;
}
#side .category .date{
	margin-top:-10px;
}
#side .category img{
	margin-top:8px;
	padding-right:8px;
}
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:680px;
	margin:0;
	margin-left:300px;
	margin-top:135px;
	padding-bottom:200px;
}
#main_content .title{
	margin:0 auto;
	font-family: 'EB Garamond',serif; !important;
	font-size: 18px;
	letter-spacing:0.08rem;
	padding-top:60px;
}
#main_content .hr{
	border-bottom:solid 0.5px #000;
	padding-top:21px;
	margin-left:4px;
}

#content{
	width:680px;
	margin-top:10px;
}
#content p span{
	font-family: YuMincho, Yu Mincho, serif;
	line-height:2;
	font-size: 15px;
}
/*------------------------------
studiolease
------------------------------*/
#main_content .image{
	width:680px;
	margin-top: 20px;
	}
/*------------------------------
userguide
------------------------------*/
#main_content .txt{
	width:680px;
	line-height:2 !important;
	letter-spacing:0.02rem;
	color: #000;
	font-family: YuMincho, Yu Mincho, serif;
	font-size: 13px;
	margin-bottom:20px;
	margin-top:5px;
	text-align:justify;
	}
#main_content .txt span{
	font-family: "Times New Roman", Times, "serif";
	font-size: 13px;
	}

#main_content h2{
	width:680px;
	font-family: YuMincho, Yu Mincho, serif;
	letter-spacing:0.01rem;
	line-height:2.7;
	color: #000;
	font-size: 13px;
	margin-top:20px;
	}	
#main_content h3{
	width:680px;
	font-family: YuMincho, Yu Mincho, serif;
	letter-spacing:0.01rem;
	color: #000;
	font-size: 13px;
	margin-top:30px;
	margin-left:-5px;
	}	
#main_content h4{
	width:680px;
	font-family: YuMincho, Yu Mincho, serif;
	letter-spacing:0.01rem;
	line-height:2.7;
	color: #000;
	font-size: 13px;
	margin-top:20px;
	margin-bottom:-20px;
	}	
#main_content .txt img{
	width:18px;
	margin-left:3px;
	margin-top:3px;
}
#main_content .line{
	width:55px;
	border-top:0.8px solid #aaa;
	margin-top:30px;
	padding-bottom:10px;
}

#main_content .image img{
	width:680px;
}
#content figcaption{
	width:680px;
	text-align:left;
	margin-left:3px;
	font-family: YuMincho, Yu Mincho, serif;
	-webkit-font-smoothing: antialiased;
	font-size:12px;
	color:#000;
	margin-top:50px;
	margin-bottom:200px;
	line-height:1.9;
}

#content figcaption span{
	font-family: 'EB Garamond',serif; !important;
	margin-left:-6px;
	letter-spacing: 0.1rem;
	color:#000;
}

}
/*-------- ipad横------- */
@media all and (min-width: 835px) and (max-width: 1024px) {
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;
}
#side .category{
	width:150px;
	margin-top:20px;
}
#side .category li{
	font-size:12px;
	padding-bottom:7px;
}
#side .category .date{
	margin-top:-10px;
}
#side .category img{
	margin-top:8px;
	padding-right:8px;
}
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:680px;
	margin:0;
	margin-left:300px;
	margin-top:135px;
	padding-bottom:200px;
}
#main_content .title{
	margin:0 auto;
	font-family: 'EB Garamond',serif; !important;
	font-size: 18px;
	letter-spacing:0.08rem;
	padding-top:60px;
}
#main_content .hr{
	border-bottom:solid 0.5px #000;
	padding-top:21px;
	margin-left:4px;
}

#content{
	width:680px;
	margin-top:10px;
}
#content p span{
	font-family: YuMincho, Yu Mincho, serif;
	line-height:2;
	font-size: 15px;
}
/*------------------------------
studiolease
------------------------------*/
#main_content .image{
	width:680px;
	margin-top: 20px;
	}
/*------------------------------
userguide
------------------------------*/
#main_content .txt{
	width:680px;
	line-height:2 !important;
	letter-spacing:0.02rem;
	color: #000;
	font-family: YuMincho, Yu Mincho, serif;
	font-size: 13px;
	margin-bottom:20px;
	margin-top:5px;
	text-align:justify;
	}
#main_content .txt span{
	font-family: "Times New Roman", Times, "serif";
	font-size: 13px;
	}

#main_content h2{
	width:680px;
	font-family: YuMincho, Yu Mincho, serif;
	letter-spacing:0.01rem;
	line-height:2.7;
	color: #000;
	font-size: 13px;
	margin-top:20px;
	}	
#main_content h3{
	width:680px;
	font-family: YuMincho, Yu Mincho, serif;
	letter-spacing:0.01rem;
	color: #000;
	font-size: 13px;
	margin-top:30px;
	margin-left:-5px;
	}	
#main_content h4{
	width:680px;
	font-family: YuMincho, Yu Mincho, serif;
	letter-spacing:0.01rem;
	line-height:2.7;
	color: #000;
	font-size: 13px;
	margin-top:20px;
	margin-bottom:-20px;
	}	
#main_content .txt img{
	width:18px;
	margin-left:3px;
	margin-top:3px;
}
#main_content .line{
	width:55px;
	border-top:0.8px solid #aaa;
	margin-top:30px;
	padding-bottom:10px;
}

#main_content .image img{
	width:680px;
}
#content figcaption{
	width:680px;
	text-align:left;
	margin-left:3px;
	font-family: YuMincho, Yu Mincho, serif;
	-webkit-font-smoothing: antialiased;
	font-size:12px;
	color:#000;
	margin-top:50px;
	margin-bottom:200px;
	line-height:1.9;
}

#content figcaption span{
	font-family: 'EB Garamond',serif; !important;
	margin-left:-6px;
	letter-spacing: 0.1rem;
	color:#000;
}

}
/*-------- 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 .category{
	width:150px;
	margin-top:20px;
}
#side .category li{
	font-size:12px;
	padding-bottom:7px;
}
#side .category .date{
	margin-top:-10px;
}
#side .category img{
	margin-top:8px;
	padding-right:8px;
}
div::-webkit-scrollbar {
    display: none;
  }
#side ul .hr{
	margin-top:24px;
	margin-bottom:23px;
	width:32px;
	border-top:1px solid #aaa;}
.gNavi {
	display:none
}
/* --------common--------*/
.wrapper{
	width:100%;
	margin:0 auto;}
	
#countainer {
	width:100%;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto;
	margin-top:20px;} 

/*------------------------------
contents
------------------------------*/
#main_content{
	width:560px;
	margin-bottom:100px;
	margin-left:225px;
	overflow-x:hidden;
}
#main_content .title{
	font-family: 'EB Garamond',serif; !important;
	width: 560px;
	margin:0 auto;
	padding-top:180px;
	font-size: 17px;
	letter-spacing:0.08rem;
}
#main_content .hr{
	width:15px;
	border-bottom:solid 0.5px #000;
	padding-top:21px;
	margin-left:4px;
	display: none;
}
#content{
	width:560px;
	margin-top:20px;
}
#content p span{
	font-family: YuMincho, Yu Mincho, serif;
	line-height:2;
	font-size: 15px;
}

#main_content .txt{
	width:560px;
	line-height:1.9;
	letter-spacing:0.02rem;
	color: #000;
	font-family: YuMincho, Yu Mincho, serif;
	font-size: 13px;
	margin-bottom:20px;
	margin-top:5px;
	text-align:justify;
	}
#main_content .txt span{
	font-family: "Times New Roman", Times, "serif";
	font-size: 13px;
	}

#main_content h2{
	width:800px;
	font-family: YuMincho, Yu Mincho, serif;
	letter-spacing:0.01rem;
	color: #000;
	font-size: 13px;
	margin-top:30px;
	}	
#main_content h3{
	width:680px;
	font-family: YuMincho, Yu Mincho, serif;
	letter-spacing:0.01rem;
	color: #000;
	font-size: 13px;
	margin-top:20px;
	margin-left:-5px;
	}
#main_content h4{
	width:680px;
	font-family: YuMincho, Yu Mincho, serif;
	letter-spacing:0.01rem;
	line-height:2.7;
	color: #000;
	font-size: 13px;
	margin-top:20px;
	}	
#main_content .txt img{
	width:18px;
	margin-left:3px;
	margin-top:3px;
}
#main_content .line{
	width:55px;
	border-top:0.8px solid #aaa;
	margin-top:30px;
	padding-bottom:10px;
	}
#main_content .image img{
	width:560px;
}

}
/*-------- 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 .category{
	width:150px;
	margin-top:20px;
}
#side .category li{
	font-size:12px;
	padding-bottom:7px;
}
#side .category .date{
	margin-top:-10px;
}
#side .category img{
	margin-top:8px;
	padding-right:8px;
}
div::-webkit-scrollbar {
    display: none;
  }
#side ul .hr{
	margin-top:24px;
	margin-bottom:23px;
	width:32px;
	border-top:1px solid #aaa;}
.gNavi {
	display:none
}
/* --------common--------*/
.wrapper{
	width:100%;
	margin:0 auto;}
	
#countainer {
	width:100%;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto;
	margin-top:20px;} 

/*------------------------------
contents
------------------------------*/
#main_content{
	width:500px;
	margin-bottom:100px;
	margin-left:225px;
	overflow-x:hidden;
}
#main_content .title{
	font-family: 'EB Garamond',serif; !important;
	width: 500px;
	margin:0 auto;
	padding-top:180px;
	font-size: 17px;
	letter-spacing:0.08rem;
}
#main_content .hr{
	width:15px;
	border-bottom:solid 0.5px #000;
	padding-top:21px;
	margin-left:4px;
	display: none;
}
#content{
	width:500px;
	margin-top:20px;
}
#content p span{
	font-family: YuMincho, Yu Mincho, serif;
	line-height:2;
	font-size: 15px;
}

#main_content .txt{
	width:450px;
	line-height:1.9;
	letter-spacing:0.02rem;
	color: #000;
	font-family: YuMincho, Yu Mincho, serif;
	font-size: 13px;
	margin-bottom:20px;
	margin-top:5px;
	text-align:justify;
	}
#main_content .txt span{
	font-family: "Times New Roman", Times, "serif";
	font-size: 13px;
	}

#main_content h2{
	width:800px;
	font-family: YuMincho, Yu Mincho, serif;
	letter-spacing:0.01rem;
	color: #000;
	font-size: 13px;
	margin-top:30px;
	}	
#main_content h3{
	width:680px;
	font-family: YuMincho, Yu Mincho, serif;
	letter-spacing:0.01rem;
	color: #000;
	font-size: 13px;
	margin-top:20px;
	margin-left:-5px;
	}
#main_content h4{
	width:680px;
	font-family: YuMincho, Yu Mincho, serif;
	letter-spacing:0.01rem;
	line-height:2.7;
	color: #000;
	font-size: 13px;
	margin-top:20px;
	}	
#main_content .txt img{
	width:18px;
	margin-left:3px;
	margin-top:3px;
}
#main_content .line{
	width:55px;
	border-top:0.8px solid #aaa;
	margin-top:30px;
	padding-bottom:10px;
	}
#main_content .image img{
	width:480px;
}

}
/*-------- ７plus 以下-------- */
@media screen and (min-width: 376px) and (max-width: 599px) {
#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:100%;
	margin:0 auto;
	overflow-x: hidden;}
	
#countainer {
	width:100%;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto;
	margin-top:20px;} 

/*------------------------------
contents
------------------------------*/
#main_content{
	width:320px;
	margin:0 auto;
	margin-top:0;
	padding-bottom:100px;
}
#main_content .title{
	width: 320px;
	margin:0 auto;
	padding-top:100px;
	margin-left:-20px;
	padding-bottom:18px;
	font-size: 15px;
	letter-spacing:0.08rem;
}
#main_content .hr{
	width:24px;
	border-bottom:solid 0.5px #000;
	padding-top:21px;
	margin-left:26px;
}
#main_content h2{
	width:320px;
	font-family:'A1 Mincho', 'A1明朝', 'A-OTF A1明朝 Std', 'ヒラギノ明朝 Pro W3', serif !important;
	letter-spacing:0.01rem;
	color: #000;
	font-size: 11px;
	margin-top:18px;
	margin-left:-20px;
	}	
#main_content h3{
	width:320px;
	font-family:'A1 Mincho', 'A1明朝', 'A-OTF A1明朝 Std', 'ヒラギノ明朝 Pro W3', serif !important;
	letter-spacing:0.01rem;
	color: #000;
	font-size: 11px;
	margin-top:10px;
	margin-left:-26px;
	}	
#main_content h4{
	width:410px;
	font-family:'A1 Mincho', 'A1明朝', 'A-OTF A1明朝 Std', 'ヒラギノ明朝 Pro W3', serif !important;
	letter-spacing:0.01rem;
	color: #000;
	font-size: 11px;
	margin-top:18px;
	margin-left:-20px;
	}			
#content{
	width:410px;
	margin:0 auto;
	padding-top:5px;
}
#main_content .txt{
	width:358px;
	line-height:1.9;
	letter-spacing:0.01rem;
	font-family:'A1 Mincho', 'A1明朝', 'A-OTF A1明朝 Std', 'ヒラギノ明朝 Pro W3', serif !important;
	font-size: 11px;
	padding-bottom:20px;
	padding-top:5px;
	margin-left:-20px;
	}
#main_content .txt span{
	font-family: "Times New Roman", Times, "serif";
	letter-spacing:0.06rem;
	}
#main_content .txt img{
	width:18px;
	margin-left:3px;
	margin-top:3px;
}
#main_content .image img{
	width:358px;
	margin:0 auto;
	margin-left:-20px;
}
#main_content .line{
	width:24px;
	border-bottom:solid 0.8px #000;
	margin-left:-20px;
}
}
/*-------- ７ 以下-------- */
@media screen and (min-width: 321px) 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:100%;
	margin:0 auto;}
	
#countainer {
	width:100%;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto;
	margin-top:20px;} 

/*------------------------------
contents
------------------------------*/
#main_content{
	width:320px;
	margin:0 auto;
	margin-top:26px;
	padding-bottom:100px;
}
#main_content .title{
	width: 100%;
	margin:0 auto;
	padding-top:74px;
	padding-left:3px;
	padding-bottom:18px;
	font-size: 15px;
	letter-spacing:0.08rem;
}
#main_content .hr{
	width:24px;
	border-bottom:solid 0.5px #000;
	padding-top:21px;
	margin-left:4px;
}
#main_content h2{
	width:320px;
	font-family:'A1 Mincho', 'A1明朝', 'A-OTF A1明朝 Std', 'ヒラギノ明朝 Pro W3', serif !important;
	letter-spacing:0.01rem;
	color: #000;
	font-size: 11px;
	margin-top:18px;
	margin-left:0;
	}	
#main_content h3{
	width:320px;
	font-family:'A1 Mincho', 'A1明朝', 'A-OTF A1明朝 Std', 'ヒラギノ明朝 Pro W3', serif !important;
	letter-spacing:0.01rem;
	color: #000;
	font-size: 11px;
	margin-top:10px;
	margin-left:-4px;
	}	
#main_content h4{
	width:320px;
	font-family:'A1 Mincho', 'A1明朝', 'A-OTF A1明朝 Std', 'ヒラギノ明朝 Pro W3', serif !important;
	letter-spacing:0.01rem;
	color: #000;
	font-size: 11px;
	margin-top:18px;
	}			
#content{
	width:320px;
	margin:0 auto;
	padding-top:5px;
}
#main_content .txt{
	width:323px;
	line-height:1.9;
	letter-spacing:0.01rem;
	font-family:'A1 Mincho', 'A1明朝', 'A-OTF A1明朝 Std', 'ヒラギノ明朝 Pro W3', serif !important;
	font-size: 11px;
	padding-bottom:20px;
	padding-top:5px;
	margin-left:0;
	}
#main_content .txt span{
	font-family: "Times New Roman", Times, "serif";
	letter-spacing:0.06rem;
	}

#main_content .txt img{
	width:18px;
	margin-left:3px;
	margin-top:0;
}
#main_content .image img{
	width:320px;
	margin:0 auto;
}
#main_content .line{
	width:24px;
	border-bottom:solid 0.8px #000;
	margin-left:2px;
}

}
/*-------- 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:100%;
	margin:0 auto;
	overflow-x: hidden;}
	
#countainer {
	width:100%;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto;
	margin-top:20px;} 

/*------------------------------
contents
------------------------------*/
#main_content{
	width:270px;
	margin:0 auto;
	margin-top:26px;
	padding-bottom:100px;
	margin-left:29px;
}
#main_content .title{
	width:270px;
	margin:0 auto;
	padding-top:74px;
	padding-bottom:18px;
	font-size: 15px;
	letter-spacing:0.08rem;
}
#main_content .hr{
	width:24px;
	border-bottom:solid 0.5px #000;
	padding-top:21px;
	margin-left:4px;
}
#main_content h2{
	width:270px;
	font-family:'A1 Mincho', 'A1明朝', 'A-OTF A1明朝 Std', 'ヒラギノ明朝 Pro W3', serif !important;
	letter-spacing:0.01rem;
	color: #000;
	font-size: 11px;
	margin-top:18px;
	}	
#main_content h3{
	width:270px;
	font-family:'A1 Mincho', 'A1明朝', 'A-OTF A1明朝 Std', 'ヒラギノ明朝 Pro W3', serif !important;
	letter-spacing:0.01rem;
	color: #000;
	font-size: 11px;
	margin-top:10px;
	margin-left:-4px;
	}	
#main_content h4{
	width:270px;
	font-family:'A1 Mincho', 'A1明朝', 'A-OTF A1明朝 Std', 'ヒラギノ明朝 Pro W3', serif !important;
	letter-spacing:0.01rem;
	color: #000;
	font-size: 11px;
	margin-top:18px;
	}			
#content{
	width:270px;
	margin:0 auto;
	padding-top:5px;
}
#main_content .txt{
	width:270px;
	line-height:1.9;
	letter-spacing:0.01rem;
	font-family:'A1 Mincho', 'A1明朝', 'A-OTF A1明朝 Std', 'ヒラギノ明朝 Pro W3', serif !important;
	font-size: 11px;
	padding-bottom:20px;
	padding-top:5px;
	}
#main_content .txt span{
	font-family: "Times New Roman", Times, "serif";
	letter-spacing:0.06rem;
	}
#main_content .txt img{
	width:18px;
	margin-left:3px;
	margin-top:0;
}
#main_content .image img{
	width:267px;
	margin:0 auto;
}
#main_content .line{
	width:24px;
	border-bottom:solid 0.8px #000;
	margin-left:2px;
}
}











- [ ]