@charset "UTF-8";

html {
height: 100%;
width: 100%;
margin: 0 auto;
padding: 0 auto;
overflow-x : hidden;
overflow-y : auto;
}

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


body,td,th {
font-family: 'Kosugi Maru', sans-serif;
background:#fff;
margin: 0 auto;
padding: 0 auto;
height: 100%;
-webkit-text-size-adjust: 100%;
}

h3{
font-size:100%;
line-height: 150%
}

h4{
font-size:100%;
line-height: 150%
}

p {
margin:0;
padding:0;
line-height: 180%
}


*{
margin: 0;
padding: 0;
}


/*PC
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

@media print, screen and (min-width: 768px) {
.pc {
display:block;
}
.sp {
display:none;
}
body {
background-color: #fff;
margin: 0;
padding: 0;
height: 400px;
-webkit-text-size-adjust: 100%;
}

#wrapper {
width: 90%;
max-width: 960px;	
margin: 0 auto;
height:auto !important; /*IE6対策*/
}		
	
.title{
width: 100%;
text-align: center;
margin: 0 auto;
}		

.title img{
width: 40%;
margin: 15px 0 15px 0;
}		

.pt{
height: 400px;
}

.ul,ol,li{
margin: 0;
padding: 0;
font-size: 15px;
line-height: 1.4;
list-style: none;
}

.pt li a{
display: block;
padding: 10px;
color: #000;
}

.pt img{
float: left;
width: 50%;
margin-right: 40px;
}

.pt .title{
font-weight: bold;

}

.clear {
clear:both;
}


.info{
margin: 1% auto;  	
width: 80%; /*幅の調節*/
color: #666666; /*文字色*/
background-color: #E5E5E8; /*背景色*/
border-radius: 8px; /*角の丸み*/ 
padding: .3em;		
margin-bottom: 1%;  	
}	


}
	
	
	
	
	
	
	
	
	
	
	
/*SP
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
-----*/
@media only screen and (max-width: 767px) {
.pc {
display:none;
}
.sp {
display:block;	
}
body {
background-color: #fff;
margin: 0;
padding: 0;
-webkit-text-size-adjust: 100%;
}

#wrapper {
width: 90%;
margin: 0 auto;
height:auto !important; /*IE6対策*/
}		
	
.title{
width: 100%;
text-align: center;
margin: 0 auto;
}		

.title img{
width: 100%;
}		

.pt{
margin-bottom: 20%;
}
	
.pt h2{

}	

.ul,ol,li{
margin: 0;
padding: 0;
font-size: 15px;
line-height: 1.4;
list-style: none;
}

.pt li a{
display: block;
padding: 10px;
color: #000;
}

.pt img{
width: 100%;
margin-bottom: 5%;
}

.pt .title{
font-weight: bold;

}

.clear {
clear:both;
}

.info{
margin: 1% auto;  	
width: 80%; /*幅の調節*/
color: #666666; /*文字色*/
background-color: #E5E5E8; /*背景色*/
border-radius: 8px; /*角の丸み*/ 
padding: .3em;		
margin-bottom: 1%;  	
}	
	
	
	
	
	
	
	
	
	
	
	
	
}