@charset "UTF-8";
/* CSS Document */

html,body {
font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
width:100%;
margin:0;
padding:0;
}
body {
	color: #666;
}
#wrap {
	background: #fff;
}
#head {
	height: 60px;
	background: url(../image/main_img.jpg) no-repeat;
}

h1 {
	font-size: 11px;
	font-weight: normal;
	text-align: right;
}
#maincon {
	width: 750px;
	margin-left: 20px;
}

/* maincon */

h2 {
	border-top: 1px dotted #036EB7;
	border-bottom: 1px dotted #036EB7;
	font-size: 19px;
	font-weight: normal;
	letter-spacing: 0.8em;
	padding: 10px 0;
}
img.h3icon {
	margin-top: 5px;
	float: left;
}
	
h3 {
	margin-left: 20px;
	padding-bottom:1rem;
	font-size: 19px;
	color: #036EB7;
	font-weight: normal;
	letter-spacing: 0.8em;
}
#pankuzu {
	font-size: 12px;
}
#pankuzu a {
	text-decoration: none;
	color: #D40000;
}

/* footer */

#topback {
	width: 100%;
	text-align: right;
	margin:2rem 0;
}
#topback a.top {
	text-decoration: none;
	color: #666;
}


.Copyright {
	text-align: center;
	font-size: 13px;
	color: #036EB7;
}

/*.list {
	margin-top: 5px;
	text-align: right;
	line-height: 1.5em;
}*/
@media screen and ( min-width:768px ) {
.sp {
display: none;
}
h2 {
margin-top: 10px;
width: 100%;
height: 40px;
}
#contents {
width: 656px;
}
#wrap {
display: flex;
}
}
/*sp*/
@media screen and ( max-width:767px ) {
.pc {
display: none;
}
h2 {
width: 100%;
height: auto;
margin:0 auto;
}
#pankuzu {
width:100%;
margin:0 auto;
}
#contents {
width: 90%;
margin:0 auto;
}
#sp_head {
width:50%;
height:200px;
margin:0 auto;
display: flex;
justify-content: center;
align-items: center;
}
#sp_head img {
width:100%;
}
}