@charset "utf-8";
/*reset
---------------------------------------*/
* {
margin: 0;
padding: 0;
}
a:link {
color: #EB3200;
}
a:visited {
color: #821D00;
}
a:hover {
color: #007CEC;
}
a:active {
color: #770000;
}
a img {
text-decoration: none;
border: none;
}
li, ul, ol {
list-style-type: none;
padding: 0px;
text-indent: 0;
margin: 0px;
}
a img {
text-decoration: none;
border: none;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block;
margin: 0;
padding: 0;
}
table {
font-size: 100%;
border-collapse: collapse;
border-spacing: 0;
}
.none {
display: none;
}
.clear {
clear: both;
}
.clearfix {
display: block;
height: 0;
font-size: 0;
clear: both;
visibility: hidden;
}
caption, th, td {
font-weight: normal;
text-align: left;
}
/*basic style
---------------------------------------*/
.flol {
float: left;
}
.flor {
float: right;
}
.bold {
font-weight: bold;
}
.txr {
text-align: right;
}
.txl {
text-align: left;
}
.txc {
text-align: center;
}
.nomar {
margin: 0 !important
}
h1, h2, h3, h4, h5, h6 {
clear: both;
}
/*body
---------------------------------------*/
body {
text-align: center;
font-size: 16px;
line-height: 1.6em;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", 'モリサワ 新ゴ R', "Shin Go Regular", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
background-image: url(images/background.png);
background-repeat: repeat;
color: #333;
}
#header {
}
#header_in {
max-width: 1000px;
margin-right: auto;
margin-left: auto;
position: relative;
}
#header h1 {
color: #FFF;
background-color: #ff5f0a;
width: 100%;
font-size: 11px;
font-weight: normal;
text-align: left;
}
#header h1 span {
max-width: 1000px;
margin-right: auto;
margin-left: auto;
display: block;
}
#header h2 span {
position: relative;
max-width: 1000px;
text-align: left;
display: block;
margin-right: auto;
margin-left: auto;
}
#header h2 span img {
position: absolute;
left: 20px;
top: 30px;
}
#header_in .permit {
font-size: 0.8em;
position: absolute;
left: 195px;
top: 60px;
}
#header_in address {
background-image: url(images/header-address.png);
background-repeat: no-repeat;
height: 65px;
width: 291px;
top: 20px;
right: 0px;
position: absolute;
}
.head_contact a {
background-image: url(images/header-address.png);
background-repeat: no-repeat;
background-position: 0px -65px;
height: 40px;
width: 291px;
display: block;
position: absolute;
top: 65px;
right: 0px;
}
.head_contact a:hover {
background-position: 0px -105px;
}
#container {
border: solid 1px #999\9;
max-width: 1000px;
box-shadow: 0 0 5px rgba(0,0,0,0.5);
margin-top: 150px;
margin-right: auto;
margin-bottom: 0;
border-radius: 5px 5px 0 0;
margin-left: auto;
background-color: #FFF;
padding-top: 55px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
position: relative;
}
#global_nav {
overflow: hidden;
position: absolute;
top: 0px;
width: 96%;
padding-right: 2%;
padding-left: 2%;
left: 0px;
}
#global_nav li {
float: left;
list-style-type: none;
font-size: 16px;
width: 20%;
background-image: url(images/line.png);
background-repeat: no-repeat;
background-position: right center;
}
#global_nav li a {
display: block;
width: 100%;
height: 100%;
padding-top: 15px;
padding-bottom: 15px;
}
#global_nav li.current a {
background-color: #FFEBDF;
}
#global_nav li:hover {
border-bottom: solid 4px #FF5F0A;
}
#global_nav li.noline {
background-image: none;
}
#global_nav li a {
text-decoration: none;
color: #333;
}
#main_image01 {
background-image: url(images/main_image.jpg);
background-repeat: no-repeat;
height: 411px;
max-width: 969px;
margin-right: auto;
margin-left: auto;
}
#main_image001 {
background-image: url(images/top_banner619.png);
background-repeat: no-repeat;
height: 300px;
max-width: 600px;
margin-right: auto;
margin-left: auto;
}
/*aside
---------------------------------------*/
#aside {
float: right;
width: 270px;
text-align: left;
}
#side_contact a {
background-image: url(images/side_contact.png);
display: block;
height: 50px;
width: 249px;
margin-top: 50px;
margin-right: auto;
margin-left: auto;
}
#side_contact a:hover {
background-position: 0 -50px;
}
#aside_top {
background-image: url(images/aside_top_title01.png);
background-repeat: no-repeat;
padding-top: 66px;
overflow: hidden;
position: relative;
}
#aside_info {
background-image: url(images/aside_top_title02.png);
background-repeat: no-repeat;
padding-top: 66px;
margin-top: 50px;
overflow: hidden;
}
#aside_info dl {
height: 250px;
overflow: auto;
}
#aside_info dl dt {
font-size: 0.85em;
padding-top: 8px;
font-weight: bold;
}
#aside_info dl dd {
font-size: 0.85em;
line-height: 1.7em;
width: 95%;
border-bottom: dotted 1px #aaa;
padding-bottom: 8px;
}
#aside_body {
background-image: url(images/aside_body.png);
background-repeat: repeat-y;
width: 220px;
padding-right: 20px;
padding-left: 30px;
}
#aside_top ul li a {
color: #333;
text-decoration: none;
font-size: 0.95em;
font-weight: bold;
display: block;
padding-top: 15px;
padding-bottom: 15px;
}
#aside_top ul li:hover {
opacity: 0.8;
border-left: #FF5F0A solid 3px;
}
#aside_top ul li {
/* [disabled]padding-top: 10px;
*/
/* [disabled]padding-bottom: 10px;
*/
border-bottom: #aaa 1px solid;
padding-left: 25px;
}
#aside_top ul {
/* [disabled]width: 215px;
*/
/* [disabled]margin-top: auto;
*/
/* [disabled]margin-left: auto;
*/
}
#aside_bottom {
background-image: url(images/aside_bottom.png);
background-repeat: repeat;
height: 62px;
width: 270px;
}
#aside_column {
background-image: url(images/aside_top_title06.png);
background-repeat: no-repeat;
padding-top: 66px;
margin-top: 50px;
overflow: hidden;
position: relative;
}
#aside_column ul li a {
color: #333;
text-decoration: none;
font-size: 0.95em;
font-weight: bold;
display: block;
padding-top: 15px;
padding-bottom: 15px;
}
#aside_column ul li:hover {
opacity: 0.8;
border-left: #FF5F0A solid 3px;
}
#aside_column ul li {
/* [disabled]padding-top: 10px;
*/
/* [disabled]padding-bottom: 10px;
*/
border-bottom: #aaa 1px solid;
padding-left: 25px;
}
#aside_column ul {
/* [disabled]width: 215px;
*/
/* [disabled]margin-top: auto;
*/
/* [disabled]margin-left: auto;
*/
}
#aside #qrcode {
margin-top: 20px;
margin-bottom: 10px;
padding-top: 10px;
padding-left: 10px;
}
#aside #timeline {
margin-top: 20px;
margin-bottom: 10px;
padding-top: 10px;
padding-left: 10px;
}
/*footer
---------------------------------------*/
#footer {
background-color: #ff5f0a;
color: #FFF;
text-align: left;
}
.footer_main_nav {
font-size: 0.9em;
font-weight: bold;
/* [disabled]margin-top: 50px;
*/
margin-left: 55px;
float: left;
margin-right: 15px;
}
.footer_sub_nav {
font-size: 0.9em;
font-weight: bold;
margin-left: 15px;
float: left;
margin-right: 15px;
}
.footer_sub_nav li ul li {
font-size: 1em;
padding-left: 10px;
font-weight: normal;
}
.footer_sub_nav_s {
padding-top: 27px;
font-size: 0.9em;
float: left;
padding-left: 10px;
}
.footer_sub_nav_s2 {
padding-top: 27px;
font-size: 0.9em;
float: left;
padding-left: 10px;
}
#footer #pagetop {
margin-left: -80px;
position: fixed;
bottom: 100px;
}
#footer #pagetop a {
background-image: url(images/pagetop.png);
display: block;
height: 49px;
width: 51px;
}
#footer_in {
max-width: 970px;
margin-right: auto;
margin-left: auto;
padding-top: 65px;
padding-right: 15px;
padding-bottom: 15px;
padding-left: 15px;
background-image: url(images/footer_address.png);
background-repeat: no-repeat;
background-position: right 173px;
position: relative;
}
.footer_contact a {
text-align: center;
border: 3px white solid;
border-radius: 2px;
display: block;
width: 140px;
padding: 10px;
position: absolute;
right: 0;
top: 80px;
font-size: 12px;
}
.footer_contact a:hover {
background-color: white;
color: #EA5404 !important;
}
#footer_in a {
color: #FFF;
text-decoration: none;
}
#footer_in .copy {
font-size: 0.9em;
text-align: center;
clear: both;
padding-top: 1em;
}
#contents {
max-width: 970px;
margin-right: auto;
margin-left: auto;
padding-bottom: 30px;
overflow: hidden;
}
.home #contents {
padding-top: 20px;
}
#article {
float: left;
max-width: 670px;
}
/*contact sou
---------------------------------------*/
.contact_form input {
padding: 5px;
border-radius: 5px;
border: #999 solid 1px;
margin-bottom: 5px;
}
.contact_form input[type="checkbox"] {
border-radius: 5px;
margin-left: 10px;
}
.contact_form textarea {
border-radius: 5px;
border: #999 solid 1px;
width: 90%;
padding: 5px;
}
#forms #submit {
padding: 10px;
width: 120px;
margin-top: 1em;
margin-right: auto;
margin-bottom: 2em;
margin-left: auto;
display: block;
border-radius: 3px;
border: solid 1px #aaa;
cursor: pointer;
background-color: #12A73B;
box-shadow: 0 2px 3px rgba(0,0,0,0.5);
color: white;
}
#forms #submit:hover {
background-color: white;
color: #333;
}
.hissu {
/* [disabled]color:#FF5F0A;
*/
font-size: 1em;
font-weight: bold;
text-align: right;
}
/*---------------------------------------
wp-pagenavi setting
---------------------------------------*/
.pagelink {
text-align: center;
margin-bottom: 20px;
padding-top: 15px;
clear: both;
margin-top: 15px;
padding-left: 10px;
padding-right: 10px;
}
.wp-pagenavi {
clear: both;
padding-top: 10px;
padding-left: 10px;
margin-top: 10px;
font-size: 1.2em;
}
.wp-pagenavi a, .wp-pagenavi span {
text-decoration: none;
padding: 3px 10px;
margin: 2px;
border: #666 solid 1px;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
}
.wp-pagenavi span.current {
font-weight: bold;
border: none;
color: #999;
}
#page_link {
max-width: 680px;
}
.previous {
clear: both;
float: left;
}
.next {
float: right;
}

.previous a, .next a {
font-size: 0.9em;
padding: 6px;
}
/*---------------------------------------
image position
---------------------------------------*/
.aligncenter {
margin-right: auto;
margin-left: auto;
display: block;
}
.alignleft {
float: left;
margin-right: 10px;
margin-bottom: 10px;
}
.alignright {
float: right;
margin-bottom: 10px;
margin-left: 10px;
}
/*page link
---------------------------------------*/
.singlepostlink {
padding-top: 20px;
font-size: 0.9em;
}
span.oldpage {
float: right;
}
span.newpage {
float: left;
}
/*social
---------------------------------------*/
#social {
padding-right: 10px;
padding-left: 10px;
display: block;
padding-right: 3px;
padding-top: 5px;
}
#social li {
float: left;
margin-top: 5px;
margin-left: 5px;
}
#social_b {
max-width: 680px;
clear: both;
text-align: center;
border-top: 1px solid #FA2D72;
border-radius: 3px;
margin: 1em 0;
overflow: hidden;
padding: 5px;
}
#social_b li {
float: right;
margin: 5px 2px;
}
/*pankuzu
---------------------------------------*/
#pankuzu {
float: right;
padding-right: 25px;
padding-top: 5px;
font-size: 0.8em;
}
#pankuzu a {
text-decoration: none;
}
/*blog post
---------------------------------------*/
.content_post {
height: 100%;
clear: both;
overflow: hidden;
padding-bottom: 20px;
padding-top: 15px;
padding-right: 15px;
padding-left: 15px;
text-align: left;
background-image: url(images/back_icon.png);
background-repeat: no-repeat;
background-position: center center;
}
.content_post p {
margin-bottom: 1em;
line-height: 1.7em;
}
.content_post a {
}
.content_post ul li {
list-style-type: disc;
margin-left: 20px;
margin-bottom: 6px;
}
.content_post ol li {
list-style-type: decimal;
margin-left: 20px;
margin-bottom: 6px;
text-indent: 5px;
}
.content_post ul {
margin-bottom: 0.8em
}
.content_post h1 {
display: block;
font-size: 2.5em;
font-weight: bold;
margin-top: 0.67em;
margin-right: 0;
margin-bottom: 0.67em;
margin-left: 0;
line-height: 1.1em;
padding-top: 0.5em;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
.content_post h2 {
display: block;
/* [disabled]margin-top: 1em;
*/
margin-right: 0;
margin-bottom: 15px;
margin-left: 0;
padding-top: 3px;
padding-right: 10px;
padding-bottom: 3px;
padding-left: 15px;
clear: both;
text-align: center;
border-left-width: 8px;
border-left-style: double;
border-left-color: #FF5F0A;
border-right-width: 8px;
border-right-style: double;
border-right-color: #FF5F0A;
color: #FF5F0A;
}
.content_post h2.page_title {
color: white;
padding-top: 35px;
background-image: url(images/page_h2.jpg);
background-repeat: no-repeat;
height: 65px;
max-width: 670px;
text-align: left;
margin-bottom: 0;
border: none;
}
.content_post h3 {
display: block;
font-size: 1.4em;
margin-top: 1.33em;
margin-right: 0;
margin-bottom: 1em;
margin-left: 0;
clear: both;
padding-top: 5px;
padding-right: 0px;
padding-bottom: 3px;
padding-left: 40px;
color: #FF5F0A;
border-bottom-width: 2px;
border-bottom-style: dotted;
border-bottom-color: #EA5404;
line-height: 1.3em;
background-image: url(images/h-mark.png);
background-repeat: no-repeat;
}
.content_post h4 {
font-size: 1em;
padding: 0.25em 0.5em;
color: #FA8258;
background: transparent;
border-left: solid 5px #FA8258;
margin: 30px 0 20px 0;
}
.content_post h5 {
display: block;
/* [disabled]border-radius:2px;
*/
font-size: 1em;
line-height: 1.4em;
font-weight: bold;
margin-top: 1em;
margin-right: 0;
margin-bottom: 0.7em;
margin-left: 0;
padding: 3px 10px;
color: #333;
box-shadow: 0 1px 1px rgba(0,0,0,0.6);
}
.content_post h6 {
display: block;
font-size: 1em;
font-weight: bold;
margin-top: 1em;
margin-right: 0px;
margin-bottom: 1em;
margin-left: 0px;
padding-top: 0.7em;
padding-right: 0px;
padding-bottom: 0px;
clear: both;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #FF5F0A;
padding-left: 10px;
line-height: 1.3em;
color: #FF5F0A;
}
.content_post .h7 {
font-weight: bold;
margin-bottom: 0em;
margin-top: 1.5em;
}
.content_post .nolistmark li {
list-style-type: none;
}
.content_post blockquote {
margin: 0.8em;
}
.content_post table {
margin-bottom: 0;
margin-top: 20px;
margin-bottom: 10px;
}
.content_post table caption {
text-align: left;
font-weight: bold;
}
.content_post table th, .content_post table td {
padding: 10px;
border: #F6D8CE solid 1px;
}
.content_post table th {
background-color: #FBF2EF;
color: #FA8258;
font-weight: bold;
}
blockquote {
background-color: #eee;
padding: 1em 1em 1em 3em;
position: relative;
}
blockquote:before {
content: "“";
font-size: 600%;
line-height: 1em;
font-family: "ＭＳ Ｐゴシック", sans-serif;
color: #999;
position: absolute;
left: 0;
top: 0;
}

.line01 p {
    line-height: 36px;
    background: url(images/bg-note01.png) bottom;
    margin: 0;
    padding: 0;
}
.bgred {
    border: 1px solid #dddddd;
    background-color: #fcf8fb;
    margin: 30px 0;
    padding: 20px 40px 40px;
    font-family: 'arial unicode ms';
}

/*top_info
---------------------------------------*/

#infodiv {background-color: #EA5404; padding: 0.1em; margin:30px 0 10px 0; width: 98%;}
#infodiv .infotitle {padding-left: 3px; font-weight: bold; color: #FFF;}

#top_info {
margin-top: 10px;
overflow: hidden;
}
#top_info dl {
height: 150px;
overflow: auto;
}
#top_info dl dt {
font-size: 0.85em;
padding-top: 8px;
font-weight: bold;
}
#top_info dl dd {
font-size: 0.85em;
line-height: 1.7em;
width: 95%;
border-bottom: dotted 1px #F5BCA9;
padding-bottom: 8px;
}

/*page_content
---------------------------------------*/
.next {
background-image: url(images/next.png);
background-repeat: no-repeat;
background-position: center top;
height: 26px;
width: 100%;
margin-top: 0.5em;
margin-bottom: 2em;
}
.banner {
background-image: url(images/top_banner01_.png);
background-repeat: no-repeat;
background-position: center top;
height: 300px;
width: 100%;
margin-top: 0.5em;
margin-bottom: 2em;
}
.content_post .price_list li {
margin-left: 1em;
list-style: none !important;
background-image: url(images/allow.png);
background-repeat: no-repeat;
background-position: left center;
padding-left: 18px;
}
.price {
font-size: 1.2em;
line-height: 1.4em;
font-weight: bold;
color: #12A73B;
}
.box {
border: solid 1px #F6D8CE;
background-color: #FBF2EF;
padding: 1em;
margin-bottom: 20px;
}
.box ol{margin-top: 10px;}
.box li {list-style-type: none; padding: 3px;}
.box li ol{margin-top: 10px;}
.box li ol li{list-style-type: none;}

.graybox {
border: solid 1px #ccc;
background-color: #eee;
padding: 1em;
margin-bottom: 20px;
}
.graybox ul{margin-top: 15px;}
.graybox li {
list-style: none;
padding: 3px;
}
.whitebox{
border: double 1px #ccc;
background-color: #fafafa;
padding: 30px 20px 20px 20px;
margin: 20px 0 20px 0;
}

.yback {background-color: #F7F8E0; font-weight: bold;}
.ybackb{background-color: #F7F8E0; font-weight: bold; color: #FE642E;}
.rback {background-color: #F6D8CE; font-weight: bold;}
.yline {background:linear-gradient(transparent 75%, #F7D358 75%); font-weight:bold;}
.or {color: #FA5858; font-weight: bold;}
.rd {color: #FE2E2E; font-weight: bold;}

.testbox {border: solid 1px #F6D8CE; background-color: #FBF2EF; padding: 20px; margin: 20px 0 20px 0;}
.testbox ul {margin: 15px 0 15px 0;}
.testbox ul li {list-style-type: none; padding: 5px;}

#service_box {
overflow: hidden;
padding-top: 1em;
}
#service_box li {
list-style: none;
padding: 0;
background-image: url(images/service_box.png);
background-repeat: no-repeat;
height: 107px;
width: 310px;
float: left;
margin: 12px;
position: relative;
}
#service_box li:hover {
opacity: 0.7;
}
#service_box li span {
font-size: 1.6em;
line-height: 1.4em;
font-weight: bold;
color: #FF5F0A;
text-decoration: none;
text-shadow: 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 5px white;
position: absolute;
right: 15px;
bottom: 5px;
}
#service_box li a {
display: block;
height: 100%;
width: 100%;
}
#service_box .service_box01 {
background-image: url(images/service_box01.png);
}
#service_box .service_box02 {
background-image: url(images/service_box02.png);
}
#service_box .service_box03 {
background-image: url(images/service_box03.png);
}
#service_box .service_box04 {
background-image: url(images/service_box04.png);
}
#service_box .service_box05 {
background-image: url(images/service_box05.png);
}
#service_box .service_box06 {
background-image: url(images/service_box06.png);
}
#service_box .service_box07 {
background-image: url(images/service_box07.png);
}
/*#service_box .service_box08 {
background-image: url(images/service_box08.png);
}
#service_box .service_box09 {
background-image: url(images/service_box09.png);
}*/

.contact_form {
width: 95%;
margin-right: auto;
margin-left: auto;
padding-top: 1mm;
padding-bottom: 1mm;
}
/*sitemap
---------------------------------------*/
#sitemap {
padding: 10px 10px;
}

#sitemap li {
padding-top: 3px;
padding-bottom: 3px;
}

#sitemap li ul li {
border-left-width: 1px;
border-left-style: solid;
border-left-color: #666;
padding-left: 20px;
background-position: left center;
list-style-type: none;
}

/*装飾
---------------------------------*/
.gs{background-image: url(images/icon-arrow1.png);background-position: 0px 10px;background-repeat: no-repeat;padding-left: 27px;padding-bottom:8px;padding-top: 8px;}
.tmb{border: solid 1px #FBF5EF;border-radius: 7px; box-shadow: 0 1px 4px rgba(0,0,0,0.2);margin-right: 14px;}

/*--------------------------------------------------
Mobile
*/
#header_in address .head_tel {
display: block;
width: 100%;
height: 30px;
position: absolute;
top: 32px;
}
input[type="submit"] {
-webkit-appearance: none;
}
.smart_contact, .smart {
display: none;
}

@media only screen and (max-width: 1000px) {
html {
-webkit-text-size-adjust: 100%;
}
#container {
max-width: 1000px;
width: 97%;
box-shadow: none;
}
img {
max-width: 100%;
height: auto;
}
#main_image01 .smart {
display: block;
}
#main_image01 {
height: auto;
background-image: none;
}
#main_image001 .smart {
display: block;
}
#main_image001 {
height: auto;
background-image: none;
}
#article {
width: 70%;
box-sizing: border-box;
}
/*side */
#aside {
width: 28%;
box-sizing: border-box;
}
#aside_body {
width: auto;
background-image: none;
margin: 0 10px 0 10px;
border: 1px solid #dfdfdf;
box-shadow: inset 0 0 9px rgba(0,0,0,0.3);
padding: 0 20px;
}
#aside_info, #aside_top {
background-image: none;
padding-top: 15px;
}
#aside_bottom {
display: none;
}
#aside_info h3.none, #aside_column h3.none, #aside_top h3.none {
display: block;
text-align: center;
background-color: #ff5f08;
color: #fff;
font-size: 1em;
line-height: 1.3em;
padding: 6px 0;
}
#aside_column {
padding-top: 0;
background-image: none;
}
#aside_column ul li, #aside_top ul li {
padding: 0 5px;
}
#aside_column ul li:last-child, #aside_top ul li:last-child {
border: none;
}
#side_contact a {
width: auto;
background-image: none;
}
#side_contact a .none {
padding: 0;
display: inline;
}
#side_contact a {
text-decoration: none;
color: #fff;
font-weight: bold;
font-size: 0.8em;
display: block;
line-height: 1.3em;
padding: 15px 0;
background-color: #ff5f08;
text-align: center;
height: auto;
box-shadow: 0 2px 0 #aa572a;
}
/**/
.content_post h2 {
text-align: left;
}
#footer #pagetop {
margin-left: 0;
right: 10px;
bottom: 10px;
}
/*footer */
.footer_main_nav, .footer_sub_nav, .footer_sub_nav_s, .footer_sub_nav_s2 {
width: 25%;
margin-right: 0;
margin-left: 0;
padding-left: 0;
}
p.footer_contact {
clear: both;
padding: 30px 0 0 0;
}
.footer_contact a {
width: 97%;
position: relative;
top: 0;
left: 0;
right: auto;
margin: 0 auto;
max-width: 280px;
box-sizing: border-box;
padding: 8px 0;
}
#footer_in {
background-image: none;
}
p.smart.footer_clink {
display: block;
text-align: center;
margin: 12px 0 0 0;
}
#service_box li {
width: 48%;
margin: 0 1% 10px 1%;
box-sizing: border-box;
background-position: center;
border: 1px solid #ff5f0c;
overflow: hidden;
border-radius: 5px;
background-size: 110% auto;
}
.contact_form input[name="住所"], .contact_form input[name="email(必須)"], .contact_form input[name="confirm_email"] {
width: 100%;
box-sizing: border-box;
}
.contact_form input {
font-size: 18px;
padding: 5px 6px;
}
/*1000*/
}

@media only screen and (max-width: 800px) {
#global_nav {
position: fixed;
top: 0;
opacity: 0;
visibility: visible;
right: -230px;
left: auto;
background-color: #ff5f08;
box-sizing: border-box;
padding-top: 50px;
height: 100%;
width: 230px;
overflow: auto;
z-index: 100;
}
#container {
padding-top: 0;
margin-top: 50px;
}
#article {
width: auto;
float: none;
clear: both;
max-width: 100%;
}
#header h1 span {
width: 97%;
}
#header_in address {
position: relative;
width: 100%;
top: 0;
left: 0;
box-sizing: border-box;
text-align: center;
background-position: center top;
}
#header h2 span img {
position: relative;
top: 0;
left: 0;
padding: 13px 0 0 15px;
}
#header_in .permit {
position: relative;
top: 0;
left: 0;
}
.head_contact a {
position: relative;
width: 100%;
background-position: center -65px;
}
/**/
#aside {
width: auto;
clear: both;
float: none;
}
#aside_top ul li a, #aside_column ul li a {
padding: 8px 5px;
font-size: 0.8em;
line-height: 1.3em;
}
#aside_body {
border: none;
box-shadow: none;
padding: 0;
}
#aside_column, #aside_info {
margin-top: 25px;
}
#aside_info dl dd {
padding-bottom: 4px;
}
#aside_info dl dt {
padding-top: 4px;
}
#aside_info dl {
max-height: 250px;
height: auto;
}
/*navi */

#smart_btn {
display: block;
position: absolute;
top: 49px;
right: 15px;
cursor: pointer;
height: 30px;
z-index: 101;
width: 35px;
}
#smart_btn span.a, #smart_btn span.b, #smart_btn span.c {
webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
cursor: pointer;
display: block;
height: 4px;
width: 35px;
border-radius: 10px;
background-color: #ff5f0a;
content: "";
position: absolute;
left: 0;
opacity: 1;
top: 0;
}
#smart_btn span.a {
top: 10px;
opacity: 1;
}
#smart_btn span.b {
top: 20px;
opacity: 1;
}
#smart_btn.active span.c {
opacity: 0;
}
#smart_btn.active span.a {
transform: rotate(30deg);
-moz-transform: rotate(30deg);
-ms-transform: rotate(30deg);
-o-transform: rotate(30deg);
-webkit-transform: rotate(30deg);
top: 11px;
}
#smart_btn.active span.b {
transform: rotate(-30deg);
-moz-transform: rotate(-30deg);
-ms-transform: rotate(-30deg);
-o-transform: rotate(-30deg);
-webkit-transform: rotate(-30deg);
top: 11px;
}
#global_nav li {
float: none;
width: auto;
background-image: none;
}
#global_nav li a {
color: #fff;
border-bottom: 1px dotted #ffba94;
padding: 9px 0;
}
#global_nav li.current a {
background-color: #ff7a31;
}
#smart_btn.active span.a, #smart_btn.active span.b, #smart_btn.active span.c {
background-color: #fff;
}
#smart_btn.active {
top: 20px;
position: fixed;
}
.smart_contact {
max-width: 320px;
margin: 0 auto;
display: block;
}
.smart_contact .sc1 a, .content_post .smart_contact .sc1 a {
display: block;
color: #fff;
background-color: #12a73b;
text-decoration: none;
text-align: center;
border-radius: 150px;
font-size: 14px;
line-height: 1.3em;
padding: 6px 0;
font-weight: bold;
}
.smart_contact .sc1, .content_post .smart_contact .sc1 {
margin-bottom: 3px;
}
.smart_contact .sc2, .content_post .smart_contact .sc2 {
font-size: 13px;
text-align: center;
margin-bottom: 3px;
}
.smart_contact .sc3 a, .content_post .smart_contact .sc3 a {
display: block;
text-align: center;
background-color: #ea5403;
border-radius: 150px;
text-decoration: none;
color: #fff;
font-weight: bold;
font-size: 14px;
line-height: 1.3em;
padding: 6px 0;
}
#footer {
margin-top: 30px;
}
/*800*/
}

@media only screen and (max-width: 650px) {
#footer_in {
    padding-top: 30px;
}
.footer_main_nav, .footer_sub_nav, .footer_sub_nav_s, .footer_sub_nav_s2 {
width: auto;
float: none;
margin-bottom: 0;
padding: 0;
}
#footer_in ul a {
background-color: #fc762e;
display: block;
padding: 6px 20px;
border-radius: 150px;
margin-bottom: 2px;
font-size: 12px;
line-height: 1.3em;
}
/*650*/
}

@media only screen and (max-width: 550px) {
#service_box li {
background-image: none !important;
height: auto;
}
#service_box li span {
position: relative;
top: 0;
left: 0;
width: auto;
right: auto;
bottom: auto;
line-height: 1em;
}
#service_box li a {
text-decoration: none;
font-size: 0.8em;
display: block;
padding: 15px 5px 15px 1.5em;
width: auto;
box-sizing: border-box;
line-height: 1.3em;
}
#service_box {
display: flex;
flex-wrap: wrap;
}
.content_post table {
width: 100%;
}
.content_post h2.page_title {
background-color: #ff5f08;
background-image: none;
padding: 15px;
height: auto;
font-size: 1.5em;
}
.content_post table th, .content_post table td {
width: 100%;
display: block;
box-sizing: border-box;
padding: 5px;
}
.contact_form input[name="お名前(必須)"], .contact_form input[name="ふりがな"], .contact_form textarea {
width: 100%;
box-sizing: border-box;
}
.contact_form input[name="電話番号"] {
width: 60px;
}
/*550*/
}
@media only screen and (max-width: 440px){
.alignright,.alignleft {
    float: none;
    display: block;
    margin: 1em auto;
}
/*440*/
}