@charset "utf-8";@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

body,h4,h5,h6,p,pre,button,caption,input,option,select,textarea,dl,ol,table,tr,form,address,blockquote,dd,dt,td,th {
	font-size:12px;
	line-height:18px;
	font-family:"メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic ProN;
	color: #000;
	text-align:left;
}
body {
	padding: 0;
	margin:0;
}
span, em, strong, dfn, code, samp, kbd, var, cite, abbr, acronym, sub,
sup, q, br, ins, del, a, img, object, iframe, table, tr, td {margin: 0;	padding: 0;	border: 0;}
.clearfix:after {
    display:block;
    clear:both;
    height:0px;
    visibility:hidden;
    content:".";
}
.clearfix { min-height: 1px; /*IE6、7対策*/}
* html .clearfix {
    height: 1px;
    /*\*//*/ /*MAC IE5.x対策*/
    height: auto;
    overflow: hidden;
    /**/
}
.clear {clear:both;	font-size:xx-small;	height:1px;}
ul, ol { list-style : none}
img {
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	vertical-align: baseline;
}
::selection {
	background:#A2E8FF;
	color:#000;
}
/* CSS Document */
.contact-center a:link{text-decoration:none;}
.contact-center a:visited{text-decoration:none;}
.contact-center a:hover{
	text-decoration:none;
    opacity:0.7;
    -moz-opacity:0.7;
    filter:alpha(opacity = 70);
}
.right{text-align:right;}

@media screen and (min-width : 801px) {
.pc_none { display: none;}
#sidr { display: none;}
#mobile-header {display: none;}
#wrap{
	width:960px;
	margin:0 auto;
	padding:0;
}
.header-wrap{
/*	background-image: url(../../images/header-logoback.png);
	background-repeat: no-repeat;
	width: 960px; 20180313ヘッダー変更による削除*/
	background-image: none;
	width: 1100px;
	height: 130px;
	margin:0px auto;
}
.banner {
	background-image: url(../../images/topimage_20160930.jpg);
	height: 100%;
	width: 100%;
	background-position: center 98px;
	background-repeat: no-repeat;
	position: fixed;
	z-index:0;
}
.returntop{
	display:block;
	text-align:center;
	margin:100px auto 0 auto;
	padding:0;
}
#contact-container{
	margin:60px auto 0px auto;
	padding:0px;
	background:url(../../images/contact-block.jpg) no-repeat 0 0;
	width:798px;
	height:241px;
}
#contact-container img{
	margin-top:76px;
	margin-left:385px;
	padding:0px;
}
#top{position:absolute; top:0px;}
#footer {
	height: auto;
	width: 100%;
	background-color: #eeeeee;
	margin:0;
	padding-bottom:60px;
	padding-top:80px;
}
#footer #inner_footer {
	width: 960px;
	margin:0 auto;
	padding:0;
}
#footer #inner_footer .copyright{
	float:right;
	margin-top:50px;
	margin-right:0px;
	padding:0;
	color: #335;
	font-size: 12px;
	text-align:left;
}
#footer #inner_footer .copyright a{ text-decoration:none; color:#335;}
#footer #inner_footer .copyright a:hover{ text-decoration:none; color:#335; padding-bottom:1px; border-bottom:1px dotted #335;}
#footer #inner_footer ul.footernav{
	float:left;
	margin-left:0px;
	padding:0;
	list-style:none;
}
#footer #inner_footer ul.footernav li{
	float:left;
	color: #335;
	font-size: 12px;
	text-align:left;
	list-style:none;
	margin-left:20px;
	padding:0;
}
#footer #inner_footer ul.footernav li.cp{
	float:none;
	color: #335;
	font-size: 12px;
	text-align:left;
	list-style:none;
	margin-bottom:20px;
	padding:0;
}
#footer #inner_footer ul.footernav li a{ text-decoration:none; color:#335;}
#footer #inner_footer ul.footernav li a:hover{ text-decoration:none; color:#335; padding-bottom:1px; border-bottom:1px dotted #335;}

.clearfix:after {
    display:block;
    clear:both;
    height:0px;
    visibility:hidden;
    content:".";
}
/*問合わせ*/
.bottom-contact {
	width:1200px;
    background-color: #f3f3f3;
    height: 190px;
	margin:0 auto;
}
.bottom-contact ul {
    float: left;
}
.contact-left li {
    background-color:#343434;
    font-size: 22px;
    color: #ffffff;
    border-radius:5px;
    position:relative;
    padding: 20px 30px;
    margin-top: 35px;
    line-height: 25px;
}
.contact-left li:after {
    border:10px solid transparent;
    border-left-color:#343434;
    border-right-width:0;
    right:-10px;
    content:"";
    display:block;
    top:30px;
    position:absolute;
    width:0;
}
.contact-center{
    margin-bottom: 10px;
    margin: 50px 0;
}
.contact-center li {
    margin-bottom: 33px;
    font-size: 20px;
	list-style:none;
}
.contact-center a {
    background-color: #f15749;
    color: #ffffff;
    padding: 10px 50px;
    font-size: 22px;
    border-radius: 2px;
}
.contact-right {
    margin: 50px 0;
}
.contact-right li {
    margin-bottom: 10px;
    font-size: 20px;
	list-style:none;
}
.contact-left, .contact-center {
        margin-right: 40px;
}

}
@media screen and (max-width:800px) and (min-width: 0px) {
	.sp_none {display: none;}
	img { max-width : 100%;}
	#header{ padding: 0; margin:20% auto 0 auto;}
	.header-wrap{ margin:0; padding:0;}
	.logo{ margin:0 auto 5% auto; text-align:center; display:block;}
	.logo img{ width:80%; height:auto; padding-right:7%;}
	h1{ text-align:center; font-size:12px; line-height:1.6; margin:0;}
	#mobile-header {
		position: fixed;
		width: 98%;
		top: 0;
		z-index: 1200;
		background-color:#f15749;
		padding:5px 2% 5px 0;
		text-align:right;
		display:table-cell;
	}
	#mobile-header span {
		font-size:18px;
		padding:0px 5px 0 0;
		vertical-align:middle;
	}
	#mobile-header a,a:hover{ color:#fff; text-decoration:none;}
	#mobile-header img{
		width:25px;
		vertical-align:middle;
	}
	#navi {
		position: relative;
		margin: 1em 0;
		height: 20px;
		width: 100%;
	}
	#menu {
		display: none;
	}
	.slickmenuTop {
		display:block;
		position: fixed;
		width: 100%;
		top: 0;
		z-index: 1200;
	}		
	#wrap{ width: 96%; margin:0 auto; padding:0;}
	section{ margin-bottom:20%;}	
	
.header-wrap{
	background-color:#FFF;
	height: auto;
	width: 100%;
	margin:0px auto;
	position:fixed;
	top:69px;
}
.banner {
	background-image: none;
	height:auto;
	width:100%;
	text-align:center;
	z-index:0;
	position:fixed;
	top:190px;
}
.returntop{
	display:block;
	text-align:center;
	margin:60px auto 0 auto;
	padding:0;
	position:relative;
}
#contact-container{
	margin:30px auto 0px auto;
	padding:0px;
	background:url(../../images/contactapps.jpg) no-repeat 0 0;
	width:80%;
	height:auto;
}
#contact-container img{display: none;}
#top{position:absolute; top:0px;}
#footer {
	height: auto;
	width: 100%;
	background-color: #f15749;
	margin:0;
	padding-bottom:30px;
	padding-top:40px;
}
#footer #inner_footer {
	width: 100%;
	margin:0 auto;
	padding:0;
}
#footer #inner_footer .copyright{
	float:right;
	margin-top:50px;
	margin-right:0px;
	padding:0;
	color: #FFF;
	font-size: 12px;
	text-align:left;
}
#footer #inner_footer .copyright a{ text-decoration:none; color:#FFF;}
#footer #inner_footer .copyright a:hover{ text-decoration:none; color:#FFF; padding-bottom:1px; border-bottom:1px dotted #FFF;}
#footer #inner_footer ul.footernav{
	float:left;
	margin-left:0px;
	padding:0;
	list-style:none;
}
#footer #inner_footer ul.footernav li{
	float:left;
	color: #FFF;
	font-size: 12px;
	text-align:left;
	list-style:none;
	margin-left:12px;
	padding:0;
}
#footer #inner_footer ul.footernav li.cp{
	float:none;
	color: #FFF;
	font-size: 12px;
	text-align:left;
	list-style:none;
	margin-bottom:20px;
	padding:0;
}
#footer #inner_footer ul.footernav li a{ text-decoration:none; color:#FFF;}
#footer #inner_footer ul.footernav li a:hover{ text-decoration:none; color:#FFF; padding-bottom:1px; border-bottom:1px dotted #FFF;}

/*お問合せ*/
.bottom-contact {
	width:100%;
    background-color: #f3f3f3;
    height: 330px;
    padding-top: 30px;
	position:relative;
}
.bottom-contact ul {
    margin: 0 auto;
	margin-left:-40px;
}
.contact-left li {
    background-color:#343434;
    color: #ffffff;
    border-radius:5px;
    position:relative;
    padding: 20px 20px;
    line-height: 25px;
    text-align: center;
	margin: 0 auto;
    width: 250px;
    font-size: 18px;
}
.contact-left li:after {
    border:10px solid transparent;
    border-top-color:#343434;
    border-bottom-width:0;
    bottom:-10px;
    content:"";
    display:block;
    left: 45%;
    position:absolute;
    width:0;
}
.contact-center{
	margin-left:0;
    padding-top: 30px;
    text-align:center;
}
.contact-center li {
    margin: 0 0 35px 0;
    font-size: 16px;
}
.contact-center a {
    background-color: #f15749;
    color: #ffffff;
    padding: 10px 10%;
    font-size: 20px;
    border-radius: 2px;
}
.contact-right {
    text-align: center;
}
.contact-right li {
    margin: 0 0 auto;
    font-size: 16px;
}

}
@media screen and (max-width:640px) and (min-width: 0px) {
.banner {
	background-image: none;
	height:auto;
	width:100%;
	text-align:center;
	z-index:0;
	position:fixed;
	top:160px;
}
}
@media screen and (max-width:480px) and (min-width: 0px) {
.logo img{ width:80%; height:auto; padding-right:8%;}
.banner {
	background-image: none;
	height:auto;
	width:100%;
	text-align:center;
	z-index:0;
	position:fixed;
	top:140px;
}
}