@charset "utf-8";
/*リセットcssここから*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/*リセットcssここまで*/
body{background-color:#ffffff;margin-left:0;margin-top:0;margin-right:0;margin-bottom:0;font-family:serif, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝",'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic', sans-serif;line-height:1.5;}
p{padding:0;margin:0;}
a{text-decoration:none;}
a img:hover{opacity:.6;}
a:hover{text-decoration:none;opacity:.6;}
a:link{color:#5C3E21;}　
a:visited{color:#5C3E21;}　
a:hover{color:#5C3E21;}　
a:active{color:#5C3E21;}　
@media screen and (min-width:321px){
#sp_wrapper{display:none;}
}

@media screen and (min-width: 321px) and (max-width:1076px){
#sp_wrapper{display:none;}
#wrapper {
    position: relative;
/*    top: 0;
    left: -431px;
    width: 1506px;
	height: 100%;*/
	overflow: hidden;
	background-color: #eeeeee;
}
}
@media screen and (min-width: 1077px) and (max-width:1601px){
#sp_wrapper{display:none;}
#wrapper {
	position: relative;
/*	top: 0;
	left: -242px;
	width: 1673px;
	height: 100%;*/
	overflow: hidden;
	background-color: #eeeeee;
}
}
@media screen and (min-width: 1602px) {
#sp_wrapper{display:none;}
#wrapper {
	position: relative;
/*	top: 0;
	left: 0;
	width: 1920px;
	height: 100%;
    margin-left: auto;
    margin-right: auto;*/
    overflow: hidden;
	background-color: #eeeeee;
}
}

#content {
	position: relative;
	height: 100%;
	margin-left: calc(50vw - 960px);
/*	position: relative;
	top: 0;
	left: 0;
	width:  1920px;
	height: 100%;*/
}
#header {
	position: absolute;
	top: 857px;
	left: 466px;
	width: 999px;
	height: 57px;
	z-index: 1;
}
#nav_phone_icon {
	position: absolute;
	top: 7px;
	left: 0;
}
#nav_01_txt_img {
	position: absolute;
	top: 1px;
	left: 345px;
}
#nav_01_dot_icon {
	position: absolute;
	top: 12px;
	left: 470px;
}
#nav_02_txt_img {
	position: absolute;
	top: 0;
	left: 504px;
}
#nav_02_dot_icon {
	position: absolute;
	top: 12px;
	left: 666px;
}
#nav_03_txt_img {
	position: absolute;
	top: 0;
	left: 689px;
}
#nav_03_dot_icon {
	position: absolute;
	top: 12px;
	left: 849px;
}
#nav_04_txt_img {
	position: absolute;
	top: 1px;
	left: 879px;
}





#footer {
	position: relative;
	width: 1920px;
	height: 434px;
	background-repeat: no-repeat;
	background-image: url("common/images/index/footer_top_bg.png");
	background-position: 0 0;
	background-size: cover;
}
#footer_logo_img {
	position: absolute;
	top: 71px;
	left: 861px;
}
#footer_tel_btn {
	position: absolute;
	top: 239px;
	left: 816px;
}
#footer_add_txt {
position: absolute;
    top: 193px;
    /* left: 889px; */
    width: 100%;
    height: 14px;
    font-size: 14px;
    text-align: center;
    color: #FFFFFF;
}
#footer_add_txt02 {
	position: absolute;
		top: 275px;
		/* left: 889px; */
		width: 100%;
		height: 14px;
		font-size: 14px;
		text-align: center;
		color: #FFFFFF;
	}
#footer_nav {
	position: absolute;
	top: 350px;
	left: 751px;
	width: 418px;
	height: 24px;
}
#footer_nav01_line {
	position: absolute;
	top: 0;
	left: 0;
}
#footer_nav01_txt {
    position: absolute;
    top: 3px;
    left: 37px;
    height: 14px;
    font-size: 14px;
    color: #FFFFFF;
}
#footer_nav02_line {
	position: absolute;
	top: 0;
	left: 114px;
}
#footer_nav02_txt {
    position: absolute;
    top: 3px;
    left: 140px;
    height: 14px;
    font-size: 14px;
    color: #FFFFFF;
}
#footer_nav03_line {
	position: absolute;
	top: 0;
	left: 279px;
}
#footer_nav03_txt {
    position: absolute;
    top: 4px;
    left: 300px;
    height: 14px;
    font-size: 14px;
    color: #FFFFFF;
}
#footer_nav4_txt {
    position: absolute;
    top: 4px;
    width: 130px;
    left: 440px;
    height: 14px;
    font-size: 14px;
    color: #FFFFFF;
}
#footer_nav04_line {
	position: absolute;
	top: 0;
	left: 416px;
}
#footer_copyright_txt {
    position: absolute;
    top: 400px;
    left: 837px;
    height: 13px;
    font-size: 12px;
    color: #FFFFFF;
}














/*ここからsp管理エリア*/


@media screen and (max-width:320px){

#wrapper {
	display: none;
}


#sp_header {
	position: absolute;
	top: 0;
	left: 0;
	width: 320px;
	height: 58px;
	z-index: 1;
}

#sp_nav {
	position: absolute;
	top: 0;
	left: 0;
	width: 320px;
	height: 49px;
	background-repeat: no-repeat;
	background-image: url("common/images/index/sp_nav_bg.png");
	background-position: 0 0;
	background-size: cover;
}

#sp_heder_logo_img {
	position: absolute;
	top: 1px;
	left: 12px;
}

#sp_menu_img {
	position: absolute;
	top: 12px;
	left: 25px;
}

#sp_nav_tel_icon {
	position: absolute;
	top: 13px;
	left: 235px;
}

#sp_menu {
	position: absolute;
	top: 49px;
	left: 0;
	width: 320px;
	height: 319px;
	background-repeat: repeat;
	background-image: url("common/images/index/sp_menu_navi_bg.png");
	background-position: 0 0;
	background-size: cover;
}

#sp_menu_nav01_txt_img {
	position: absolute;
	top: 18px;
	left: 15px;
}

#sp_nav01_arrow_icon {
	position: absolute;
	top: 22px;
	left: 300px;
}

#sp_menu_line01 {
	position: absolute;
	top: 50px;
	left: 0;
}

#sp_menu_nav02_txt_img {
	position: absolute;
	top: 71px;
	left: 16px;
}

#sp_nav02_arrow_icon {
	position: absolute;
	top: 74px;
	left: 300px;
}

#sp_menu_line02 {
	position: absolute;
	top: 104px;
	left: 0;
}

#sp_menu_nav03_txt_img {
	position: absolute;
	top: 124px;
	left: 16px;
}

#sp_nav03_arrow_icon {
	position: absolute;
	top: 126px;
	left: 300px;
}

#sp_menu_line03 {
	position: absolute;
	top: 156px;
	left: 0;
}

#sp_menu_nav04_txt_img {
	position: absolute;
	top: 176px;
	left: 17px;
}

#sp_nav04_arrow_icon {
	position: absolute;
	top: 178px;
	left: 300px;
}


#sp_menu_line04 {
	position: absolute;
	top: 210px;
	left: 0;
}

#sp_menu_nav05_txt_img {
	position: absolute;
	top: 233px;
	left: 17px;
}

#sp_nav05_arrow_icon {
	position: absolute;
	top: 238px;
	left: 300px;
}


















#sp_footer {
	position: absolute;
	top: 6845px;
	left: 0;
	width: 320px;
	height: 381px;
	background-repeat: no-repeat;
	background-image: url("common/images/index/sp_footer_top_bg.png");
	background-position: center bottom;
	background-size: cover;
}

#sp_footer_logo_img {
	position: absolute;
	top: 40px;
	left: 61px;
}

#sp_footer_tel_btn {
	position: absolute;
	top: 217px;
	left: 31px;
}

#sp_footer_add_txt {
    position: absolute;
    top: 168px;
    left: 0px;
    height: 14px;
    width: 320px;
    font-size: 13px;
    text-align: center;
    color: #FFFFFF;
}
#sp_footer_add_txt02 {
    position: absolute;
    top: 258px;
    left: 0px;
    height: 14px;
    width: 320px;
    font-size: 13px;
    text-align: center;
    color: #FFFFFF;
}

#sp_footer_copyright_txt {
    position: absolute;
    top: 330px;
    height: 13px;
    font-size: 13px;
    color: #FFFFFF;
    transform: scale(1.0);
    width: 320px;
    text-align: center;
}



.drawer-close #sp_menu_img {
    display: block;
}
.drawer-open #sp_menu_img {
    display: none;
}
#sp_menubtn_close_img {
	display: none;
	    position: absolute;
    top: 12px;
    left: 25px;
}
.drawer-close #sp_menubtn_close_img {
    display: none;
}
.drawer-open #sp_menubtn_close_img {
    display: block;
}

}