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

.pc { display:none !important; }
.sp { display:block !important; }

.h_sp_top { display:inline-block; font-size:14px; font-family:serif; padding-left:20px !important; padding-right:20px !important; }
.h_sp { display:inline-block; font-size:20px; font-weight:bold; }
.h_pc { display:none; }

.sp_btn { left:0 !important; }

.tel { display:block; margin:30px 0 20px 0; }
.tel img { width:20px !important; position:relative; top:3px; }

#details { width:92%; padding:10px; }
#details img { max-width:100%; }

#faq_link a { display:block; padding:0; }

#content .privacy { width:100%; }

#contact_catch p { width:100%; }
#planner { display:none; }

#form { width:92%; padding:10px; }
#form #item strong { width:100%; float:none; }
#form input[type="text"] { width:90%; }
#form textarea { width: 90%; height: 100px; }

#voice ul { width:100%; }
#voice li { width:100%; height:auto; float:none; margin:0; padding:0; text-align:center; }
#voice li img { width:70%; height:auto; float:none; }
#voice li p { text-align:left; }

#voice li.v2 img { display:inline-block; float:none; margin:20px 0 0 0; width:85%; }
#voice li.v2 p { margin:0 20px; }
#voice li.v2 strong { margin:10px 0 10px 0; }

#works ul { width:100%; }
#works li { width:auto; height:auto; float:none; margin:10px; padding:20px; }
#works li img { width:70% !important; height:auto !important; }

.tokucho_h { width:50%; height:auto;}
#service_tokucho li .tokucho { width:80px; height:auto; }
#service_tokucho li { width:100%; height:auto; margin:0 0 30px 0; }
#content .faq { width:100%; }

#service_order li { width:100%; height:auto; }
#service_order li .order , #service_tokucho li .tokucho { width:150px; height:auto; display:block; float:none; margin:auto; }
#service_order li p { margin:10px 10px 30px 10px; }
#service_order li p span {width:92%; padding:10px; height:auto; float:none; }
.order_h { width:auto; height:20px; }

body { font:13px/1.7; }

#top_catch div img { width:100%; height:auto; }
#top_catch { background: none; }
#visual { height:auto; }
#visual img { width:100%; height:auto; }
header #logo img { width:200px; height:auto; }
header #logo { top:20px; text-align:center; }
header section { width:100%; }
header { height:90px; }

header #sub { display:none; }
header #header_inquiry { display:none; }
header nav#pc { display:none;  }

#navre { display:block; }

#top_news { margin:0 20px !important; padding:20px 0 0 0; border: 1px solid #beac8a; }
#top_news ul { width:auto; height:auto; border:none; }
#top_news #toall { display:none; }
#toall_sp { display: block; margin:40px 0 20px 0 ; text-align: center; }

#top_service_pc { display:none; }
#top_service_sp { display:block; }
#top_service_sp a { display:inline; position:relative; }
#top_service_sp a img { width:48%; }
#top_service_sp a img.btn2 { width:50%; position:absolute; right:10px; bottom:10px; }

#top_service img { max-width:100%; height:auto; }

#top_voice ul { width:auto; }
#top_voice li { display:block; width:70%; height:auto; margin:0 auto; }
#top_voice li#left { margin:0 auto 20px auto; }
#top_voice li img { width:100%; height:auto; }

#top_voice li.v2 { width:auto; height:auto; margin:15px !important; padding:15px !important; }


#top_access ul { width:auto; }
#top_access li { display:block; width:auto; height:auto; margin:0; padding:0 20px; border:none; }
#top_access li div { clear:both; float:none; }
#top_access li img { display:none; }
#top_access li p { display:none; }
#top_access li iframe { position:relative; top:0; right:0; width:100%; }

#top_group { width: auto; margin:0 auto 20px auto !important; text-align:center; }
#top_group h1 img { width: auto; height:auto; border:none; }
#top_group a img { width: 90% !important; height:auto; margin:5px; border:1px solid #ddd; }

footer { padding:0; }
footer article { display:none; }
footer nav { padding:10px; }
footer nav div { display:none; }
footer nav p { margin:0; }
#footer_inquiry { display:block; padding:0; }
#footer_inquiry img { width:90%; }

#under_visual { width:100%; height:auto; }
#under_visual img { width:100%; height:auto; }

#content article { margin: 0 auto 20px auto; }
#content h1 { margin: 0 0 0px 0; padding: 0 0 0 20px; }
#content h1 img { height:20px; width:auto; }
#content h2 { font-size:13px; margin:0; }
#content p.center img { max-width:80%; height:auto; }

#concept_catch p img ,
#concept_policy p img { width:100%; height:auto; }

#concept_policy li .policy { width:100px; height:100px; }
#concept_policy li .policy_txt { width:60%; height:auto; }
#concept_policy li { width: 100%; height:auto; }
#concept_policy li p { margin: 10px 0 30px 0; }

#top_ig { margin:80px 0 0 0 !important; }
#top_ig h1 { margin:0 0 20px 0; }
#top_ig h1 img { width:80px; height:80px; }
#top_ig p { display:none; }
/* #top_ig div img { width:30%; } */
#top_ig img {
    width: 130px;
}


}