.sp{
display:block;
}
.pctablet{
display:none;
}

.tabletsp{
display:block;
}

.pc{
display:none;
}
.tablet{
display:none;
}


body {
margin: 0;
padding: 0;
font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
color: #555;
}



#header_bar {
width: 100%;
height: 27px;
float: left;
background-repeat: repeat-x;



}

.header_bar_wrap {
width: 100%;
margin: auto;

}

.header_bar_wrap h1 {
height: 24px;
padding-top: 6px;
font-weight: normal;
margin: 0px;
display: inline;
float: left;
font-size: 12px;
color: #666666;
padding-left: 3px;

}

.header_bar_wrap_t {
height: 50px;
float: right;
color: #ffffff;
font-size: 16px;

}

.tel_size {
width: 150px;
height: 27px;
background-size: 100%;

}

#headermenu {
width: 100%;
height: 100%;
height: auto;
float: left;

}



#header {
width: 100%;
height: 110px;
margin: auto;

}

.header_left {
width: 100%;
float: left;

}

.header_logo {
float: left;
height: 114px;
margin-left: 0px;

}


.header_logo a {
width: 320px;
height: 114px;
display: block;
background-image: url(../images/logo_sp.jpg);

background-size: 100%;
}

.header_logo a:hover {
width: 320px;
height: 114px;
display: block;
background-image: url(../images/logo_sp.jpg);
background-size: 100%;

}






.header_sitemap {
width: 100%;
height: 200px;
float: left;
font-size: 14px;
background-image: url(../images/header_bar_sp.jpg);
background-repeat: repeat-x;


}

.header_sitemap a {
float: left;
width: 100%;
height: 26px;
display: block;
background-image: url(../images/hane1_sp.jpg);
text-decoration: none;
font-weight: bold;
color: #434343;
padding-top: 14px;
text-align: center;
clear: both;
}



.header_sitemap a:hover {
float: left;
width: 100%;
height: 26px;
display: block;
background-image: url(../images/hane1_sp.jpg);
text-decoration: none;
font-weight: bold;
color: #434343;
padding-top: 14px;
text-align: center;
margin-top: 1px;

}

.header_image_waku {
float: left;
width: 100%;
padding: 0px 0px;

}

.purpose {

float: left;
width: 100%;
line-height: 1.5em;
padding: 0px;
color: #666666;
margin-bottom: 20px;
text-align: center;
padding-top: 5px;
padding-bottom: 5px;
font-size: 12px;

}

.hi_size {
width: 100%;
height: auto;
background-size: 100%;


}

#wrapper {
width: 100%;
margin: auto;
margin-top: 0px;


}

#container {
width: 100%;
float: left;

}

#container_right {
width: 100%;
width: auto;
float: left;
padding: 0 0px;

}

#main {
width: 100%;
float: left;
padding-top: 10px;


}

.contents {
width: 100%;
float: left;
margin-bottom: 10px;

}

.contents_2 {
width: 100%;
float: left;
padding: 0 0px;
font-size: 12px;
}

.sashi_r1 {
float: right;
margin: 0 15px 10px 10px;
width: 290px;
height: 418px;
background-image: url(../images/sashie_con1_r1.jpg);



}

.sashi_r2 {
float: right;
margin: 0 15px 10px 10px;
width: 290px;
height: 580px;
background-image: url(../images/sashie_con2_r1.jpg);




}

.sashi_r3 {
float: right;
margin: 0 15px 10px 10px;
width: 290px;
height: 580px;
background-image: url(../images/sashie_con3_r1.jpg);




}

.sashi_l1 {
float: left;
margin: 0 10px 10px 15px;
width: 290px;
height: 290px;
background-image: url(../images/sashie_l1_sp.jpg);
background-size: 100%;

}

.contents_3 {
width: 100%;
float: left;
margin-bottom: 10px;



}

.contents_4 {
width: 100%;
float: left;
margin-bottom: 10px;
padding-left: 0px;
}

.conte_4_tt {
width: 100%;
float: left;

}

.conte_4_r {
width: 100%;
float: left;

}

.conte_4_w {
width: 320px;
float: left;



}

.conte_4_i {
width: 320px;
float: left;



}

.tt_size {
width: 100%;
height: auto;
background-size: 100%;


}

.rk_size {
width: 100%;
height: auto;
background-size: 100%;


}

.btn_size {
width: 320px;
height: 83px;
background-size: 100%;


}


.conte_w {
width: 320px;
float: left;
margin-left: 0px;
padding: 10px 0;
margin-bottom: 20px;

}

.conte_w2 {
width: 320px;
height: 180px;
float: left;
margin-left: 0px;
padding: 10px 0;
margin-bottom: 10px;

background-image: url(../images/conte_w2.jpg);
}

.conte_i1 a {
width: 290px;
height: 130px;
float: left;
margin-left: 15px;
background-image: url(../images/con1_sp.jpg);
background-size: 100%;

}

.conte_i2 a {
width: 290px;
height: 130px;
float: left;
margin-left: 15px;
background-image: url(../images/con2_sp.jpg);
background-size: 100%;

}

.conte_i3 a {
width: 290px;
height: 130px;
float: left;
margin-left: 15px;
background-image: url(../images/con3_sp.jpg);
background-size: 100%;

}

.conte_m1 {
width: 290px;
height: 40px;
float: left;
margin-left: 15px;
background-image: url(../images/teki1_sp.gif);
background-size: 100%;

}

.conte_m2 {
width: 290px;
height: 40px;
float: left;
margin-left: 15px;
background-image: url(../images/teki2_sp.gif);
background-size: 100%;

}

.conte_m3 {
width: 290px;
height: 40px;
float: left;
margin-left: 15px;
background-image: url(../images/teki3_sp.gif);
background-size: 100%;

}

.conte_c {
width: 290px;
float: left;
margin-left: 15px;
margin-top: 5px;
font-size: 12px;
line-height: 1.4em;
padding-top: 15px;
}

.conte_c_t {
font-weight: bold;
margin-bottom: 6px;



}

.conte_f {
width: 285px;
float: left;
margin-left: 15px;
margin-top: 15px;
font-size: 12px;
text-align: right;
padding-right: 5px;

}

.conte_fk {
width: 285px;
float: left;
margin-left: 15px;
margin-top: 35px;
font-size: 14px;
text-align: right;
padding-right: 5px;

}

.conte_f a {
color: #333333;



}


.md_size {
width: 100%;
height: auto;
background-size: 100%;


}

.conte_title {
float: left;
width: 285px;
height: 52px;
padding: 12px 5px 0 30px;
display: block;
background-image: url(../images/conte_title_sp.jpg);
margin-bottom: 10px;
background-size: 100%;


}

.conte_title h2 {
font-size: 16px;
margin: 0px;


}

.conte_title2 {
float: left;
width: 300px;
height: 52px;
padding: 12px 10px 0 10px;
display: block;
margin-bottom: 10px;
line-height: 1.4em;
background-size: 100%;
margin-top: 0px;

}

.conte_title2 h2 {
font-size: 16px;
margin: 0px;


}

.tr_waku {
width: 100%;
float: left;
font-size: 12px;

}

.tr_koumoku {
float: left;
width: 100%;
height: 30px;
padding: 10px 0 0 10px;
border: 1px solid #999999;
background-color: #e6e6e6;
font-weight: bold;
}




.tr_naiyou {
float: left;
width: 100%;
height: 100%;
padding: 10px;
margin-top: 10px;
margin-bottom: 20px;
}

#comment-author{
width: 290px;
height: 10px;
}

#comment-text3 {
width: 290px;
height: 60px;
}

.company_map {
width: 100%;
float: left;
margin-bottom: 30px;

}

.toi_form {
float: left;
width: 320px;
height: 55px;
background-image: url(../images/contact_sp.jpg);
background-size: 100%;
margin-top: 20px;
margin-bottom: 50px;

}

.toi_form_link a {
width: 157px;
height: 20px;
display: block;
margin: 28px 0 0 155px;

}


.footer_link {
width: 100%;
float: left;
padding-top: 0px;
border-top: 1px solid #e4e4e4;
font-size: 12px;
background-color: #333333;
color: #ffffff;
}

.footer_link a {
color: #ffffff;

}


.footer_w {
width: 340px;
float: left;
padding-bottom: 10px;
border-bottom: 0px solid #e4e4e4;
padding-top: 20px;


}

.footer_w2 {
width: 340px;
height: 200px;
float: left;
border-left: 0px solid #ffffff;
border-right: 0px solid #ffffff;
margin-top: 20px;
border-bottom: 0px solid #e4e4e4;

}


.footer_t {
width: 310px;
float: left;
padding-left: 10px;
margin-bottom: 10px;
font-weight: bold;

}

.footer_c {
width: 290px;
float: left;
margin-left: 20px;
line-height: 1.4em;
}

.footer_c ul {
margin: 0;
padding-left: 5px;



}

.footer_c li {
list-style-type: none;
line-height: 2.4em;
}

.footer_c_n {
width: 290px;
float: left;
margin-left: 5px;
line-height: 1.4em;
margin-top: 15px;
margin-bottom: 15px;


}



#footer {
width: 100%;
height: 20px;
margin: auto;
clear: both;
background-color: #ffffff;
border-top: 0px solid #e4e4e4;

}


.footer_wrapper {
width: 100%;
margin: auto;


}

.copyright {
width: 300px;
font-size: 12px;
color: #666666;
margin: auto;
padding: 10px 0 0 10px;

}

.copyright a {
color: #666666;


}