@charset "utf-8";
/* reset */
* { padding: 0; margin: 0; box-sizing: border-box; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
address, caption, cite, code, dfn, em, var { font-style: normal; font-weight: normal; }
ol, ul { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
q:before, q:after { content: ''; }
abbr, acronym { border: 0; }
section, article, nav { display: block; }
/* base */
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { -webkit-font-smoothing: auto; -webkit-font-feature-settings: 'palt'; font-feature-settings: 'palt'; word-wrap : break-word; overflow-wrap : break-word; font-kerning: normal; -webkit-font-kerning: normal;  font-size: 16px; font-family: YuGothic, "Yu Gothic", "游ゴシック", "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
text-align: center; letter-spacing: 0.1em; margin: 0px; padding: 0px; box-sizing: border-box; color: #4681AE; }
img { vertical-align: bottom; height: auto; width: 100%; }
/* link */
a:link, a:visited, a:active { color: #4681AE; text-decoration: none; }
a:hover { color: #4681AE; text-decoration: none; transition: color 0.2s linear; -webkit-transition: color 0.2s linear; transition: border-color 0.2s linear; -webkit-transition: border-color 0.2s linear; transition: background-color 0.2s linear; -webkit-transition: background-color 0.2s linear; }
a:hover img { filter: alpha(opacity80); filter: alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; }
/* clear */
.clear { clear: both; }
.cbox { zoom: 100%; }
.cbox:after { content: " "; clear: both; height: 0; display: block; visibility: hidden; }
/* options */
.r { border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; overflow: hidden; }
.rl { -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; }
.pcbr { display: block; }
/* wordpress */
#contents .wp-caption.alignleft { float: left; }
#contents .wp-caption.alignleft img { }
#contents .wp-caption.alignleft .wp-caption-text { font-size: 0.8em; }
#contents .wp-caption.alignright { float: right; }
#contents .wp-caption.alignright img { }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 0px; margin: 0 0 20px 2%; display: inline; max-width: 47%; }
img.alignleft { padding: 0px; margin: 0 20px 2% 0; display: inline; max-width: 47%; }
.aligncenter { margin-top: 15px; margin-bottom: 15px; margin-right: auto; margin-left: auto; }
.alignright { float: right; margin-bottom: 20px; margin-left: 20px; }
.alignleft { float: left; margin-bottom: 20px; margin-right: 20px; }
img.aligncenter { display: block; }
/* youtube */
.youtube { position: relative; width: 100%; padding-top: 56.25%; }
.youtube iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; }
/* wrapper */
#wrapper { min-width: 1200px; padding-top: 2.5em; padding-bottom: 2.5em; margin-right: auto; margin-left: auto; }
.in { width: 70%; max-width: 1100px; margin-right: auto; margin-left: auto; }
i { margin-right: 0.25em; }
/* header */
#header header { overflow: hidden; }
#header header span { text-decoration: none; }
#header .catch { float: left; width: 42%; text-align: right; font-size: 2.2em; line-height: 1em; padding-top: 2em; }
#header .logo { float: left; width: 16%; text-align: center; padding-right: 3%; padding-left: 3%; }
#header .lead { float: left; width: 42%; text-align: left; font-size: 1.5em; line-height: 1em; padding-top: 3em; }
#header .gnavi { text-align: center; margin-bottom: 1em; display: block; padding-top: 1em; }
#header .gnavi li { display: inline-block; margin-right: 1em; margin-left: 1em; font-size: 1.4em; margin-bottom: 1em; margin-top: 1em; }
#header .gnavi li a { border-bottom-width: 1.5px; border-bottom-style: solid; border-bottom-color: transparent; padding-bottom: 0.35em; position: relative; }
#header .gnavi li a:hover, .page-template-about #header .gnavi li:nth-child(1) a, .page-template-cleaning #header .gnavi li:nth-child(2) a, .parent-pageid-7 #header .gnavi li:nth-child(2) a, .post-type-archive-blog #header .gnavi li:nth-child(3) a, .single.single-blog #header .gnavi li:nth-child(3) a, .page-template-news #header .gnavi li:nth-child(4) a, .single #header .gnavi li:nth-child(4) a, .page-template-contact #header .gnavi li:nth-child(5) a { border-bottom-color: #4681AE; }
.single-blog #header .gnavi li:nth-child(4) a { border-bottom-color: transparent; }
#sp_navi { display: none; }
/* sns */
#sns { position: fixed; top: 0px; right: 0px; }
#sns li a { font-size: 1.8em; line-height: 2em; color: #FFF; background-color: #4681AE; height: 2em; display: block; text-align: center; margin: 0px; padding-top: 0px; padding-right: 0.3em; padding-bottom: 0px; padding-left: 0.7em; width: auto; }
/* main */
#contents .p_2 { width: 66.666%; float: left; }
#contents .p_1 { width: 33.333%; }
/* top */
#contents .main { overflow: hidden; }
#contents .banner { margin-top: 3em; margin-bottom: 3em; }
#contents .news { overflow: hidden; padding-top: 3em; }
#contents .news dl { border-bottom-width: 1.5px; border-bottom-style: solid; border-bottom-color: #4681AD; float: left; width: 75%; text-align: left; padding-bottom: 0.4em; }
#contents .news dt { font-size: 1.6em; float: left; margin-right: 0.5em; line-height: 1.2em; padding-bottom: 0.4em; }
#contents .news dd { margin-top: 0.15em; }
#contents .news .date { border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; float: left; font-size: 0.8em; line-height: 2em; margin-right: 1em; background-color: #E5EEF4; padding-right: 1em; padding-left: 1em; }
#contents .news .title { font-size: 1.5em; line-height: 1em; letter-spacing: 0em; }
#contents .news .bn a { float: right; width: 22%; border: 1.5px solid #4681AD; font-size: 1.4em; line-height: 2em; color: #4681AE; }
#contents .news .bn a:hover { color: #FFF; background-color: #4681AE; }
#contents .blog { text-align: center; padding-top: 2em; }
#contents .blog h2 { font-size: 2em; margin-bottom: 2em; margin-right: auto; margin-left: auto; border-bottom-width: 1.5px; border-bottom-style: solid; border-bottom-color: #4681AD; display: inline-block; line-height: 2em; }
#contents .blog li { text-align: left; position: relative; margin-bottom: 2em; }
#contents .blog .thumb { float: left; width: 45%; margin-right: 3.5%; }
#contents .blog .new { color: #FFF; background-color: #4681AD; height: 4em; width: 4em; text-align: center; font-size: 0.7em; line-height: 4em; position: absolute; left: 0px; top: 0px; font-weight: bold; letter-spacing: 0.05em; }
#contents .blog .title { font-size: 1.4em; line-height: 1.4em; margin-top: 0em; margin-right: 0em; margin-bottom: 1em; margin-left: 0em; padding-top: 0.6em; padding-right: 1em; letter-spacing: 0em; font-weight: bold; }
#contents .blog .cap { font-size: 0.8em; line-height: 1.4em; margin-bottom: 0.5em; }
#contents .blog .name { font-size: 0.9em; line-height: 1.4em; }
#contents .blog .date { font-size: 0.8em; line-height: 1em; }
#contents .social li { display: inline-block; font-size: 1em; line-height: 1em; margin-right: 0.5em; padding: 0px; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; }
#contents .menu { overflow: hidden; margin-top: 5em; margin-bottom: 5em; clear: both; }
#contents .menu .menu_title { overflow: hidden; float: left; width: 65%; margin-bottom: 2em; }
#contents .menu .menu_title_a { font-size: 2em; border-bottom-width: 1.5px; border-bottom-style: solid; border-bottom-color: #4681AD; margin-bottom: 0.4em; line-height: 2em; padding: 0em; }
#contents .menu .menu_title_b { font-size: 1.2em; }
#contents .menu .bn a { float: right; width: 30%; border: 1.5px solid #4681AD; font-size: 1.4em; line-height: 2em; margin-top: 1em; }
#contents .menu .bn a:hover { color: #FFF; background-color: #4681AE; }
#contents .menu ul { display: block; overflow: hidden; clear: both; margin-bottom: 2em; }
#contents .menu ul li { text-align: center; position: relative; }
#contents .menu ul li:last-child { }
#contents .menu ul li dl { width: 100%; padding-right: 10%; padding-left: 10%; }
#contents .menu ul li .thumb { margin-bottom: 0.6em; }
#contents .menu ul li .title { font-size: 1.6em; line-height: 1.4em; }
#contents .menu ul li .title span { font-size: 0.5em; vertical-align: middle; margin: 0px; padding: 0px; line-height: 1em; }
#contents .menu ul li .icon { width: 30%; position: absolute; left: 0em; top: 0em; }
#contents .menu ul li .ex { font-size: 0.8em; line-height: 1.4em; margin-bottom: 1em; }
#contents .menu ul li .ex.sub { padding-top: 0.4em; letter-spacing: 0.05em; line-height: 2.2em; }
#contents .menu ul li .ex.sub span { font-size: 2.2em; margin-left: 0.2em; line-height: 1em; }
#contents .menu ul li .ex.sub.sub2 { padding-top: 2em; }
#contents .menu ul li .ex.other { padding-top: 0.8em; line-height: 1.6em; }
#contents .menu ul li .price { font-size: 0.9em; line-height: 1.5em; }
#contents .menu ul li .price span { font-size: 2em; }
#contents .menu.cleaning li:nth-child(1), #contents .menu.cleaning li:nth-child(2), #contents .menu.cleaning li:nth-child(3) { float: left; width: 30%; margin-right: 5%; margin-bottom: 1em; }
#contents .menu.cleaning li:nth-child(3) { margin-right: 0px; }
#contents .menu.cleaning li:nth-child(4) { clear: left; float: left; width: 50%; margin-right: 0px; }
#contents .menu.cleaning li:nth-child(5) { float: left; width: 50%; margin-right: 0px; }
#contents .menu.cleaning li:nth-child(4) dt, #contents .menu.cleaning li:nth-child(5) dt { float: left; width: 50%; margin-right: 5%; }
#contents .menu.cleaning li:nth-child(4) dd, #contents .menu.cleaning li:nth-child(5) dd { text-align: left; }
#contents .menu.cleaning li:nth-child(4) .title, #contents .menu.cleaning li:nth-child(5) .title { padding-top: 2em; }
#contents .office_cleaning li { float: left; width: 20%; }
#contents .area .map { float: left; width: 50%; }
#contents .area .title span { font-size: 2em; line-height: 2em; color: #4987B7; border-bottom-width: 1.5px; border-bottom-style: solid; border-bottom-color: #4987B7; display: inline-block; }
#contents .area dl { float: right; width: 45%; text-align: left; padding-top: 7em; }
#contents .area .title { margin-bottom: 2em; }
#contents .area .ex { text-align: left; float: left; font-size: 1.4em; line-height: 2em; }
#contents .area .ex .cap { display: block; font-size: 0.7em; line-height: 1.8em; padding-top: 1em; }
/* news / blog */
#contents .archives { text-align: center; overflow: hidden; }
#contents .archives .entrybody { float: left; width: 65%; text-align: left; }
#contents .archives .side { float: right; width: 30%; text-align: left; }
#contents .archives h2 { font-size: 1.8em; margin-bottom: 2em; text-align: center; margin-top: 1em; }
#contents .archives h3 { font-size: 1.8em; line-height: 1.5em; }
#contents .archives .date { margin-top: 0.5em; margin-bottom: 3em; }
#contents .archives h2 span { border-bottom-width: 1.5px; border-bottom-style: solid; border-bottom-color: #4681AD; padding-bottom: 0.35em; }
#contents .archives p { font-size: 1.1em; margin-bottom: 2em; line-height: 2em; }
#contents .archives .side li { text-align: left; position: relative; clear: both; margin-bottom: 1.5em; overflow: hidden; z-index: auto; }
#contents .archives .side .thumb { float: left; width: 45%; margin-right: 5%; background-color: #ECF3F8; }
#contents .archives .side .new { color: #FFF; background-color: #4681AD; height: 4em; width: 4em; text-align: center; font-size: 0.6em; line-height: 4em; position: absolute; left: 0px; top: 0px; }
#contents .archives .side .title { font-size: 1.2em; line-height: 1.4em; margin-top: 0em; margin-right: 0em; margin-bottom: 0.6em; margin-left: 0em; padding-top: 0.5em; font-weight: bold; }
#contents .archives .side .cap { font-size: 0.8em; line-height: 1.4em; margin-bottom: 0.5em; }
#contents .archives .side .name { font-size: 0.8em; line-height: 1.4em; }
#contents .archives .side .date { font-size: 0.7em; line-height: 1em; }
#contents .archives .blog_header { text-align: left; overflow: hidden; margin-bottom: 2em; }
#contents .archives .blog_header h2 { float: left; margin-right: 2em; }
#contents .archives .blog_header ul { float: left; padding-top: 2.5em; }
#contents .archives .blog_header ul li { float: left; width: auto; margin-bottom: 0px; clear: none; margin-left: 1em; }
#contents .archives .blog_header ul li a { border-radius: 2em; -webkit-border-radius: 2em; -moz-border-radius: 2em; display: block; line-height: 1em; padding-top: 0.5em; padding-right: 1em; padding-bottom: 0.35em; padding-left: 1em; font-size: 1.1em; background-color: #ECF3F8; }
#contents .archives .blog_header ul li.current-cat a, #contents .archives .blog_header ul li a:hover { background-color: #4681AD; color: #FFF; }
/* about */
.message .staff { margin-bottom: 3em; }
.message .message_box { text-align: left; width: 70%; margin-right: auto; margin-left: auto; margin-bottom: 5em; }
.message .message_box h2 { font-size: 1.8em; margin-bottom: 2em; margin-top: 3em; text-align: center; }
.message .message_box h2 span { border-bottom-width: 1.5px; border-bottom-style: solid; border-bottom-color: #4681AD; padding-bottom: 0.35em; }
.message .message_box p { font-size: 1.1em; margin-bottom: 2em; line-height: 2em; }
.message .company { width: 70%; margin-right: auto; margin-left: auto; padding-top: 2em; padding-bottom: 3em; background-color: #ECF3F8; padding-right: 5%; padding-left: 5%; }
.message .company h2 { font-size: 1.8em; margin-bottom: 1em; }
.message .company table { width: 100%; }
.message .company th { text-align: left; padding-right: 3em; padding-top: 0.7em; padding-bottom: 0.7em; border-top-width: 1.5px; border-top-style: solid; border-top-color: #4681AE; }
.message .company td { text-align: left; padding-top: 0.7em; padding-bottom: 0.7em; border-top-width: 1.5px; border-top-style: solid; border-top-color: #4681AE; }
.message .company tr:first-child th, .message .company tr:first-child td { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }
.message .message_box .profile { overflow: hidden; }
.message .message_box .profile dt { float: left; width: 50%; margin-right: 5%; }
.message .message_box .profile dd { float: left; padding-top: 7em; line-height: 2em; }
/* service */
#contents .service h2 { font-size: 1.8em; margin-bottom: 2em; margin-top: 1em; text-align: center; }
#contents .service h2 span { border-bottom-width: 1.5px; border-bottom-style: solid; border-bottom-color: #4681AD; padding-bottom: 0.35em; }
#contents .service h2.flow_h2 { margin-bottom: 1em; }
#contents .service .time { margin-bottom: 3em; font-size: 1em; }
#contents .service .time span { font-size: 2em; vertical-align: middle; margin-right: 0.4em; margin-left: 0.4em; line-height: 1em; }
#contents .service .pickup { margin-bottom: 4em; overflow: hidden; }
#contents .service .pickup div { padding-right: 5%; padding-left: 5%; }
#contents .service .point { overflow: hidden; margin-bottom: 3em; }
#contents .service .point li { text-align: left; margin-bottom: 0.6em; font-size: 1.3em; line-height: 1em; overflow: hidden; }
#contents .service .point li .number { border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; color: #FFF; background-color: #4987B8; padding-top: 0.5em; padding-right: 1em; padding-bottom: 0.35em; padding-left: 1em; margin-right: 0.5em; display: inline-block; font-size: 0.8em; font-weight: bold; }
#contents .service .point li .title { padding: 0.5em; font-size: 1.2em; }
#contents .service .flow { margin-bottom: 5em; overflow: hidden; }
#contents .service .flow li { float: left; width: 30%; margin-right: 5%; margin-bottom: 3em; position: relative; }
#contents .service .flow li:nth-child(3n) { margin-right: 0px; }
#contents .service .flow li dt { margin-bottom: 1em; }
#contents .service .flow li .number { font-size: 2em; line-height: 2em; color: #FFF; height: 2em; width: 2em; background-color: #4987B7; position: absolute; left: 0.5em; top: 0.5em; }
#contents .service .flow li .ex { font-size: 1em; line-height: 1.6em; width: 70%; margin-right: auto; margin-left: auto; text-align: left; }
#contents .price_box { margin-bottom: 6em; text-align: left; }
#contents .price_box h2 { font-size: 1.8em; margin-bottom: 0.4em; }
#contents .price_box h2 span { font-size: 0.6em; float: right; padding-top: 1.5em; }
#contents .price_box table { border-top-width: 1.5px; border-bottom-width: 1.5px; border-top-style: solid; border-bottom-style: solid; border-top-color: #4987B7; border-bottom-color: #4987B7; margin-bottom: 1em; width: 100%; }
#contents .price_box th, #contents .price_box td { border-bottom-width: 1.5px; border-bottom-style: solid; border-bottom-color: #4987B7; line-height: 1.6em; font-weight: normal; }
#contents .price_box td { font-size: 0.9em; line-height: 1.5em; padding-top: 0.6em; padding-right: 2em; padding-bottom: 0.6em; padding-left: 0em; }
#contents .price_box .att td { padding-top: 2em; padding-bottom: 2em; font-size: 0.8em; line-height: 2em; }
#contents .price_box td.price { text-align: right; padding-right: 0px; }
#contents .price_box td.price small { display:block; }
#contents .price_box span { font-size: 1.8em; line-height: 1.5em; vertical-align: middle; }
#contents .price_box .head th, #contents .price_box .head td { border-bottom-width: 1.5px; border-bottom-style: solid; border-bottom-color: #4987B7; font-weight: bold; line-height: 1em; padding-top: 0.5em; padding-bottom: 0.35em; }
#contents .price_box .head td { text-align: center; }
#contents .price_box th.title { font-size: 1.3em; font-weight: normal; white-space: nowrap; padding-right: 1em; padding-top: 1em; padding-bottom: 1em; }
#contents .price_box .head .time_data { width: 15%; }
#contents .price_box .head .price_data { width: 26%; }
#contents .price_box .contact th, #contents .price_box .contact td { border: 1.5px solid #4987B7; text-align: center; vertical-align: middle; }
#contents .price_box .contact dt { display: inline-block; }
#contents .price_box .contact dd { display: inline-block; }
#contents .price_box .contact .tel { font-size: 2em; vertical-align: middle; margin-right: 1em; margin-left: 1em; }
#contents .price_box .contact th, #contents .price_box .contact td { padding-top: 1em; padding-bottom: 1em; }
#contents .attention { margin-bottom: 6em; text-align: left; border-top-width: 1.5px; border-bottom-width: 1.5px; border-top-style: solid; border-bottom-style: solid; border-top-color: #4987B7; border-bottom-color: #4987B7; }
#contents .attention dt { border-bottom-width: 1.5px; border-bottom-style: solid; border-bottom-color: #4987B7; text-align: center; padding-top: 0.4em; padding-bottom: 0.4em; font-size: 1.5em; }
#contents .attention dd { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; padding-top: 0.2em; padding-bottom: 0.2em; font-size: 1.2em; }
#contents .attention dd .number { width:5%; font-size: 1em; line-height: 2em; background-color: #4987B7; height: 2em; width: 2em; color: #FFF; text-align: center; display: inline-block; }
#contents .attention dd .txt { width:95%; }
#contents .attention dd:nth-child(2) { padding-top: 1em; }
#contents .attention dd:nth-child(4) { padding-bottom: 1em; }
/* contact */
#contents .contact h2 { font-size: 1.8em; text-align: center; }
#contents .contact h2 span { border-bottom-width: 1.5px; border-bottom-style: solid; border-bottom-color: #4681AD; padding-bottom: 0.35em; }
#contents .contact .tel_dl { margin-bottom: 3em; overflow: hidden; }
#contents .contact .tel_dl .tel { padding-top: 0.5em; padding-bottom: 0.35em; }
#contents .contact .tel_dl .tel .title { border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; font-size: 1em; background-color: #4681AD; margin-right: 1em; line-height: 1em; color: #FFF; display: inline-block; vertical-align: middle; padding-top: 0.5em; padding-right: 1em; padding-bottom: 0.35em; padding-left: 1em; }
#contents .contact .tel_dl .tel .number { font-size: 3em; line-height: 1em; vertical-align: middle; display: inline-block; }
#contents .contact .tel_dl .time { font-size: 1.5em; padding-top: 0.4em; }
#contents .contact .tel_dl .time span { display: block; line-height: 1.8em; font-size: 0.6em; padding-top: 0.7em; }
#contents .contact .form_dl { border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; margin-bottom: 3em; text-align: left; padding: 2em; width: 70%; margin-right: auto; margin-left: auto; background-color: #ECF3F8; margin-top: 3em; }
#contents .contact .form_dl dt { margin-bottom: 0.5em; font-weight: bold; }
#contents .contact .form_dl dt span { font-size: 0.8em; line-height: 2em; color: #FFF; background-color: #4681AE; margin-left: 1em; padding-top: 0.2em; padding-right: 1em; padding-bottom: 0.2em; padding-left: 1em; }
#contents .contact .form_dl dd { padding-bottom: 1.5em; }
#contents .contact .form_dl dd textarea { width: 100%; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; height: 10em; font-size: 1.2em; padding: 0.5em; }
#contents .contact .form_dl dd select { font-size: 1.2em; }
#contents .contact .form_dl dd input[type="text"] { padding: 0.5em; width: 100%; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; font-size: 1.2em; }
#contents .archives .form_dl dd .privacy { background-color: #FFF; padding: 3em; height: 15em; overflow: scroll; font-size: 0.8em; line-height: 1.4em; }
#contents .archives .form_dl dd .privacy p { line-height: 1.8em; }
#contents .contact .form_dl .privacy h3 { font-size: 1.2em; font-weight: bold; margin-bottom: 1em; }
#contents .archives .check { font-weight: bold; margin-bottom: 2em; }
#contents .archives .check input { margin-right: 0.4em; }
#contents .contact .send input[type="submit"] { cursor: pointer; border-radius: 2em; -webkit-border-radius: 2em; -moz-border-radius: 2em; font-size: 1.2em; line-height: 1em; background-color: #4681AE; letter-spacing: 0.1em; padding-top: 1em; padding-right: 2em; padding-bottom: 1em; padding-left: 2em; font-weight: bold; color: #FFF; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; margin-bottom: 3em; }
/* office */
#contents .office { background-color: #ECF3F8; text-align: left; padding: 3em; }
#contents .office li { float: left; width: 50%; font-weight: bold; line-height: 2.5em; }
#contents .office p { font-size: 0.8em; clear: both; padding-top: 3em; }
/* footer */
#footer { display: block; clear: both; padding-top: 2em; }
#footer dt { width: 10%; margin-right: auto; margin-bottom: 2em; margin-left: auto; }
#footer .tel { padding-top: 0.8em; padding-bottom: 0.35em; line-height: 1em; }
#footer .tel .title { border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; font-size: 0.8em; background-color: #4681AD; margin-right: 1em; line-height: 1em; color: #FFF; display: inline-block; vertical-align: middle; padding-top: 0.5em; padding-right: 1em; padding-bottom: 0.35em; padding-left: 1em; font-weight: bold; }
#footer .tel .number { font-size: 2.5em; line-height: 1em; vertical-align: middle; display: inline-block; }
#footer .time { padding-top: 0.4em; font-size: 1.2em; }
#footer .time span { font-size: 0.7em; display: block; padding-top: 0.4em; }
#footer .copyright { margin-top: 4em; font-size: 0.8em; line-height: 1em; }
/* wp-pagenavi */
#contents .wp-pagenavi { clear: both; text-align: center; }
#contents .wp-pagenavi .current, #contents .wp-pagenavi .page { display: inline-block; margin-right: 0.5em; margin-left: 0.5em; line-height: 40px; height: 40px; width: 40px; border: 1px solid #4681AD; color: #FFF; background-color: #4681AD; }
#contents .wp-pagenavi .page { color: #4681AD; background-color: #FFF; }
#contents .wp-pagenavi .current, #contents .wp-pagenavi a.page:hover { color: #FFF; background-color: #4681AD; }
#contents .wp-pagenavi .page:hover { }
#contents .wp_pagenavi .pages { margin-right: 1em; }
#contents .wp_pagenavi .nextpostslink { margin-left: 1em; }
#contents .wp_pagenavi .previouspostslink { margin-right: 1em; }
/* sp */
body { }
@media screen and (max-width: 1650px) {
body { font-size: 15px; }
}
@media screen and (max-width: 1550px) {
body { font-size: 14px; }
}
@media screen and (max-width: 1450px) {
body { font-size: 13px; }
}
@media screen and (max-width: 1380px) {
body { font-size: 11.5px; }
}
@media screen and (max-width: 470px) {
body { font-size: 11.5px; }
.home #wrapper { min-width: 0; padding-top: 3em; }
#wrapper { min-width: 0; padding-top: 2em; }
.in { width: 90%; max-width: auto; margin-right: auto; margin-left: auto; }
.pcbr { display: inline; }
.spbr { display: block !important; margin: 0px !important; padding: 0px !important; border-top-style: none !important; border-right-style: none !important; border-bottom-style: none !important; border-left-style: none !important; }
/* header */
#header header { margin-bottom:2em; }
#header .catch { float: left; width: 35%; text-align: right; font-size: 1em; line-height: 1em; padding-top: 3em; }
#header .logo { float: left; width: 30%; text-align: center; padding-right: 3%; padding-left: 3%; }
#header .lead { float: left; width: 35%; text-align: left; font-size: 0.7em; line-height: 1em; padding-top: 4.5em; }

#header .gnavi { text-align: center; margin-bottom: 1em; display: none; }
#sp_navi { display: block; }
#contents .p_2 { width: 100%; }
#contents .p_1 { width: 100%; }
#contents .area .map { float: none; width: 100%; }
#contents .area dl { float: none; width: 100%; text-align: left; padding-top: 2em; }
#contents .blog.in { width: 100%; }
#contents .blog h2 { font-size: 1.9em; line-height: 1.4em; display: block; width: 90%; margin-right: auto; margin-left: auto; }
#contents .blog li { font-size: 1.2em; line-height: 1.5em; }
#contents .blog li dl { padding-right: 8%; padding-left: 8%; }
#contents .blog .title { font-size: 1.5em; line-height: 1.5em; margin-top: 0em; margin-right: 0em; margin-bottom: 0.3em; margin-left: 0em; padding-top: 0.2em; }
#contents .blog h2 .small { font-size: 0.8em; }
#contents .news dl { float: none; width: 100%; text-align: center; margin-bottom: 1em; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; margin-right: auto; margin-left: auto; }
#contents .news dt { font-size: 1.8em; float: none; margin-right: auto; line-height: 1em; margin-bottom: 0.5em; text-align: center; margin-left: auto; border-bottom-width: 1.5px; border-bottom-style: solid; border-bottom-color: #4681AD; display: inline-block; padding-bottom: 0.35em; }
#contents .news dd { margin-top: 0.15em; display: block; clear: both; }
#contents .news .date { float: none; margin-right: 0px; border-right-style: none; font-size: 1em; line-height: 1em; display: block; padding: 1em; clear: both; margin-top: 0px; margin-bottom: 1em; margin-left: 0px; border-top-style: none; border-bottom-style: none; border-left-style: none; text-align: center; }
#contents .news .title { font-size: 1.6em; line-height: 1.4em; display: block; text-align: left; }
#contents .news .bn a { float: none; width: 100%; border: 1.5px solid #4681AD; font-size: 1.4em; line-height: 2em; color: #4681AE; display: block; }
#contents .news .bn a:hover { color: #FFF; background-color: #4681AE; }
#contents .menu { overflow: hidden; margin-top: 4em; margin-bottom: 4em; clear: both; }
#contents .menu.in { width: 100%; margin-right: auto; margin-left: auto; }
#contents .menu .menu_title { float: none; margin-bottom: 1em; margin-right: auto; margin-left: auto; width: 90%; }
#contents .menu .menu_title_a { font-size: 2em; line-height: 1.4em; }
#contents .menu .menu_title_b { font-size: 0.8em; letter-spacing: 0em; }
#contents .menu .bn a { float: none; width: 90%; border: 1.5px solid #4681AD; font-size: 1.4em; line-height: 2em; margin-top: 1em; display: block; margin-bottom: 2em; margin-right: auto; margin-left: auto; }
#contents .menu .bn a:hover { color: #FFF; background-color: #4681AE; }
/* about */
.message .staff { margin-bottom: 1em; }
.message .message_box { text-align: left; width: 70%; margin-right: auto; margin-left: auto; margin-bottom: 5em; }
.message .message_box h2 { font-size: 1.8em; margin-bottom: 2em; margin-top: 3em; text-align: center; line-height: 2em; }
.message .message_box h2 span { border-bottom-width: 1.5px; border-bottom-style: solid; border-bottom-color: #4681AD; padding-bottom: 0.3em; }
.message .message_box p { font-size: 1.1em; margin-bottom: 2em; line-height: 2em; }
.message .company { width: 100%; margin-right: auto; margin-left: auto; padding-top: 2em; padding-bottom: 3em; background-color: #ECF3F8; padding-right: 5%; padding-left: 5%; }
.message .company h2 { font-size: 1.8em; margin-bottom: 1em; }
.message .company th { text-align: left; padding-right: 1em; white-space: nowrap; vertical-align: top; line-height: 1.4em; padding-top: 1em; padding-bottom: 1em; }
.message .company td { text-align: left; line-height: 1.4em; padding-top: 1em; padding-bottom: 1em; }
.message .message_box .profile { overflow: hidden; }
.message .message_box .profile dt { float: none; width: 100%; margin-right: 0%; }
.message .message_box .profile dd { float: none; padding-top: 1em; text-align: center; width: 100%; }
/* news / blog */
#contents .archives .entrybody { float: none; width: 90%; text-align: left; margin-right: auto; margin-left: auto; margin-bottom: 5em; padding-bottom: 3em; border-bottom-width: 1.5px; border-bottom-style: solid; border-bottom-color: #4681AD; }
#contents .archives .side { float: none; width: 90%; text-align: left; margin-right: auto; margin-left: auto; font-size: 1.3em; border-bottom-width: 1.5px; border-bottom-style: solid; border-bottom-color: #4681AD; padding-bottom: 1em; }
#contents .archives .blog_header { text-align: left; overflow: hidden; margin-bottom: 4em; }
#contents .archives .blog_header h2 { float: none; margin-right: auto; margin-left: auto; margin-bottom: 1em; }
#contents .archives .blog_header ul { float: none; padding-top: 0em; text-align: center; }
#contents .archives .blog_header ul li { float: none; width: auto; margin-bottom: 0px; clear: none; margin-left: 0.2em; display: inline-block; margin-right: 0.2em; }
#contents .archives .blog_header ul li a { border-radius: 2em; -webkit-border-radius: 2em; -moz-border-radius: 2em; display: block; line-height: 1em; font-size: 0.9em; background-color: #ECF3F8; padding: 0.5em; }
#contents .archives .blog_header ul li.current a, #contents .archives .blog_header ul li a:hover { background-color: #4681AD; color: #FFF; }
#contents.index .office_cleaning { margin: 0px; padding: 0px; }
#contents.index .office_cleaning ul { width: 90%; margin-right: auto; margin-left: auto; }
#contents.index .office_cleaning li { float: left; width: 33.333%; margin-bottom: 2em; font-size: 0.7em; }
#contents.index .office_cleaning li:nth-child(2n) { margin-right: 0px; float: left; }
#contents .menu { overflow: hidden; margin-top: 0em; margin-bottom: 4em; clear: both; }
#contents .menu.cleaning ul { width: 90%; margin-right: auto; margin-left: auto; }
#contents .menu.cleaning li:nth-child(1), #contents .menu.cleaning li:nth-child(2), #contents .menu.cleaning li:nth-child(3) { float: none; width: 90%; margin-right: auto; margin-bottom: 3em; margin-left: auto; }
#contents .menu.cleaning li:nth-child(4) { clear: left; float: left; width: 50%; margin-right: 0px; }
#contents .menu.cleaning li:nth-child(5) { float: left; width: 50%; margin-right: 0px; }
#contents .menu.cleaning li:nth-child(4) dt, #contents .menu.cleaning li:nth-child(5) dt { float: none; width: 100%; margin-right: 0%; margin-bottom: 0.5em; }
#contents .menu.cleaning li:nth-child(4) dd, #contents .menu.cleaning li:nth-child(5) dd { text-align: center; }
#contents .menu.cleaning li:nth-child(4) .title, #contents .menu.cleaning li:nth-child(5) .title { padding-top: 0em; text-align: center; }
#contents .office { background-color: #ECF3F8; text-align: left; padding: 2em; }
#contents .office li { float: none; width: 100%; font-weight: bold; line-height: 1.4em; margin-bottom: 0.5em; letter-spacing: 0em; }
#contents .office p { font-size: 0.8em; clear: both; padding-top: 3em; }
#contents .service.in { width: 100%; }
/* service */
#contents .service h2 { font-size: 1.8em; margin-bottom: 2em; margin-top: 3em; text-align: center; line-height: 2em; }
#contents .service h2 span { border-bottom-width: 1.5px; border-bottom-style: solid; border-bottom-color: #4681AD; padding-bottom: 0.3em; }
#contents .service h2.flow_h2 { margin-bottom: 1em; }
#contents .service .time { margin-bottom: 3em; font-size: 1em; }
#contents .service .time span { font-size: 2em; vertical-align: middle; margin-right: 0.4em; margin-left: 0.4em; line-height: 1em; }
#contents .service .pickup { margin-bottom: 4em; overflow: hidden; width: 100%; padding: 0px; margin-right: auto; margin-left: auto; display: block; }
#contents .service .pickup li { margin: 0px; padding: 0px; }
#contents .service .pickup li div { margin: 0px; text-align: left; padding-top: 0px; padding-right: 10%; padding-bottom: 0px; padding-left: 0px; }
#contents .service .pickup li img { height: auto; margin: auto; width: 250px; }
#contents .service .point { width: 90%; margin-right: auto; margin-left: auto; }
#contents .service .point li { text-align: left; margin-bottom: 1em; line-height: 1em; overflow: hidden; font-size: 1em; }
#contents .service .point li .number { color: #FFF; background-color: #4987B8; margin-right: 0.5em; display: block; margin-bottom: 0.5em; font-size: 1.2em; line-height: 2em; text-align: center; padding: 0em; font-weight: bold; }
#contents .service .point li .title { padding: 0.5em; line-height: 1.4em; font-size: 1.4em; }
#contents .service .flow { margin-bottom: 5em; overflow: hidden; width: 80%; margin-right: auto; margin-left: auto; }
#contents .service .flow li { float: none; width: 100%; margin-right: 0%; margin-bottom: 2em; position: relative; text-align: center; }
#contents .service .flow li:nth-child(3n) { margin-right: 0px; }
#contents .service .flow li dt { margin-bottom: 1em; }
#contents .service .flow li .number { font-size: 2em; line-height: 2em; color: #FFF; height: 2em; width: 2em; background-color: #4987B7; position: absolute; left: 0.5em; top: 0.5em; }
#contents .service .flow li .ex { font-size: 1em; line-height: 1.6em; width: 60%; margin-right: auto; margin-left: auto; text-align: left; }
#contents .price_box { margin-bottom: 6em; text-align: left; width: 90%; margin-right: auto; margin-left: auto; overflow: scroll; position: relative; }
#contents .price_box h2 { font-size: 1.5em; margin-bottom: 1em; }
#contents .price_box h2 span { font-size: 0.6em; float: none; padding-top: 0.5em; margin-bottom: 2em; margin-top: 0px; }
#contents .price_box table { border-top-width: 1.5px; border-bottom-width: 1.5px; border-top-style: solid; border-bottom-style: solid; border-top-color: #4987B7; border-bottom-color: #4987B7; margin-bottom: 1em; width: 150%; }
#contents .price_box th, #contents .price_box td { border-bottom-width: 1.5px; border-bottom-style: solid; border-bottom-color: #4987B7; line-height: 1.6em; font-weight: normal; }
#contents .price_box th { white-space: nowrap; }
#contents .price_box td { font-size: 0.9em; line-height: 1.5em; padding-top: 0.6em; padding-right: 2em; padding-bottom: 0.6em; padding-left: 0em; }
#contents .price_box td:last-child { white-space: nowrap; }
#contents .price_box .att td { padding-top: 2em; padding-bottom: 2em; font-size: 0.8em; line-height: 2em; }
#contents .price_box span { font-size: 1.8em; line-height: 1.5em; vertical-align: middle; }
#contents .price_box .head th, #contents .price_box .head td { border-bottom-width: 1.5px; border-bottom-style: solid; border-bottom-color: #4987B7; font-weight: bold; line-height: 1em; padding-top: 0.5em; padding-bottom: 0.35em; }
#contents .price_box .head td { text-align: center; }
#contents .price_box th.title { font-size: 1.3em; font-weight: normal; white-space: normal; padding-right: 1em; padding-top: 1em; padding-bottom: 1em; }
#contents .price_box .head .time_data { width: auto; }
#contents .price_box .head .price_data { width: auto; }
#contents .price_box .contact th { }
#contents .price_box .contact th, #contents .price_box .contact td { border: 1.5px solid #4987B7; text-align: center; vertical-align: middle; padding-right: 1.5em; padding-left: 1.5em; }
#contents .price_box .contact dt { display: inline-block; }
#contents .price_box .contact dd { display: inline-block; }
#contents .price_box .contact .tel { font-size: 2em; vertical-align: middle; margin-right: 1em; margin-left: 1em; }
#contents .price_box .contact th, #contents .price_box .contact td { padding-top: 1em; padding-bottom: 1em; }
#contents .price_box .contact { width: 100%; }
#contents .attention { margin-bottom: 6em; text-align: left; border-top-width: 1.5px; border-bottom-width: 1.5px; border-top-style: solid; border-bottom-style: solid; border-top-color: #4987B7; border-bottom-color: #4987B7; }
#contents .attention dt { border-bottom-width: 1.5px; border-bottom-style: solid; border-bottom-color: #4987B7; text-align: center; padding-top: 0.4em; padding-bottom: 0.4em; font-size: 1.6em; line-height: 1.5em; }
#contents .attention dd { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center;  padding-top: 0.2em; padding-bottom: 0.2em; font-size: 1.2em; line-height: 1.2em; margin-bottom: 0.5em; }
#contents .attention dd .number { width:10%; font-size: 1em; line-height: 2em; background-color: #4987B7; height: 2em; width: 2em; margin-right: 1em; color: #FFF; text-align: center; display: inline-block; float: left; clear: left; }
#contents .attention dd .txt { width:90%; }
#contents .attention dd:nth-child(2) { padding-top: 1em; }
#contents .attention dd:nth-child(4) { padding-bottom: 1em; }

/* contact */
#contents .contact .form_dl { width: 100%; }
#contents .contact .tel_dl .tel .title { margin-bottom: 1em; }
/* footer */
#footer { padding-top: 2em; }
#footer dt { width: 25%; margin-right: auto; margin-bottom: 1em; margin-left: auto; }
#footer .tel .number { font-size: 2.6em; }
}
@media screen and (max-width: 374px) {
body { font-size: 10px; }
}