@charset "UTF-8";

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;
}
sub {
font-size:12px;
} article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%;
}
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;
} input[type="submit"]::-moz-focus-inner, button::-moz-focus-inner {
border: 0px;
}
a:focus, input, textarea, button {
outline: none;
}
a {
background: none; }
textarea {
overflow: auto;
}
img {
border: none;
vertical-align: bottom;
}
.nomarginbottom { margin-bottom: 0 !important;
} .clearfix:before,
.clearfix:after {
content: " ";
display: table;
}
.clearfix:after {
clear: both;
}
.clearfix {
*zoom: 1;
}
* html body {
background: url(//miyao.co.jp/wp/wp-content/themes/miyao-theme/css/null) fixed;
}
html, body {
width: 100%;
}
body {
margin: 0;
padding: 0;
position: relative;
font-family: 'Noto Sans JP', sans-serif;
color: #333;
background-color: #fff;
overflow: hidden;
}
html {
overflow-x: hidden;
}
img{
-webkit-backface-visibility: hidden;
}
*:focus {
outline: none;
}
input[type="submit"] {
-webkit-appearance: none;
border-radius: 0;
}
input[type="button"] {
-webkit-appearance: none;
border-radius: 0;
}
a {
color: #333;
text-decoration: none;
transition: 0.6s;
}
a:hover {
text-decoration: none;
opacity: 0.8;
transition: 0.4s;
}
a img:hover {
text-decoration: none;
opacity: 0.6;
transition: 0.4s;
}
.btn a:hover {
opacity: 0.6;
transition: 0.4s;
}
.spnone {
display: none;
}
.fadein {
opacity : 0.1;
transform : translate(0, 80px);
}
.fadein.scrollin {
opacity : 1;
transform : translate(0, 0);
transition : all 800ms;
} .sp_menu_margin-top { height: 70px;
position: relative;
}
header {
position: fixed; width: 100%;
top: 0; background-color: #fff;
z-index: 20; }
header .top_icon_01 {
position: relative;
margin: 0 auto;
padding: 20px 0;
width: 100%;
}
header .top_icon_01 h1,
header .top_icon_01 .company_logo {
display: inline-block;
margin-left: 10px;
}
header .top_icon_01 h1 a img,
header .top_icon_01 .company_logo a img {
width: 180px; height: 30px;
}
header .top_icon_01 .reform_img img {
position: relative;
top: -3px;
margin-left: 5px;
height: 28px;
}
header .top_icon_01 .hoken_img img {
position: relative;
top: -3px;
margin-left: 5px;
height: 28px;
}
header .top_icon_01 .tel,
header .top_icon_01 .btn,
header .top_icon_01 .facebook,
.top_icon_01 .instagram,
header nav {
display: none;
} #news h1 {
margin-bottom: 30px;
width: 100%;
height: 200px;
background: url(//miyao.co.jp/wp/wp-content/themes/miyao-theme/img/news_item_01.jpg) center center no-repeat;
background-size: cover;
}
#news h1 img {
position: relative;
top: 50%;
margin: 0 auto;
width: auto;
height: 100px;
display: block;
transform: translateY(-50%);
}
#news .inner {
margin: 0 auto;
width: 90%;
}
#news .entry_list {
width: 100%;
overflow: hidden;
box-sizing: border-box;
}
#news .entry_post {
width: 100%;
overflow: hidden;
box-sizing: border-box;
}
#news .entry_list .item {
margin: 0 2%;
float: left;
width: 46%;
min-height: 280px;
}
#news .entry_list .item a {
display: block;
}
#news .entry_list .item a:hover {
opacity: 0.7;
}
#news .entry_list .item .photo {
margin-bottom: 15px;
width: 100%;
height: 80px;
overflow: hidden;
}
#news .entry_list .item .photo img,
#news .entry_post .photo img {
width: 100%;
height: auto;
}
#news .entry_post h3 {
margin-bottom: 30px;
font-size: 20px;
font-weight: bold;
line-height: 28px;
}
#news .entry_list .item h4 {
margin: 0 0 10px;
font-size: 15px;
font-weight: bold;
line-height: 20px;
}
#news .entry_list .item span,
#news .entry_post i {
margin-bottom: 10px;
width: 70px;
display: inline-block;
text-align: center;
color: #fff;
font-size: 15px;
font-weight: bold;
line-height: 22px;
background-color: #e1aa2d;
}
#news .entry_list .item span.event,
#news .entry_post i.event {
background-color: #468cc8;
}
#news .entry_list .item span.information,
#news .entry_post i.information {
background-color: #f07382;
}
#news .entry_list .item span.staffblog,
#news .entry_post i.staffblog {
background-color: #e1aa2d;
}
#news .entry_list .item span.sale,
#news .entry_post i.sale {
background-color: #8C5532;
}
#news .entry_list .item span.chuko,
#news .entry_post i.chuko {
background-color: #B496D2;
}
#news .entry_list .item span.tochi,
#news .entry_post i.tochi {
background-color: #829F1E;
}
#news .entry_list .item span.chintai,
#news .entry_post i.chintai {
background-color: #5096E6;
}
#news .entry_post .text strong {
font-weight: bold;
}
#news .entry_post .text em {
font-style: italic;
}
#news .entry_list .item .text {
margin-bottom: 10px;
font-size: 15px;
line-height: 20px;
}
#news .entry_post .text {
margin-bottom: 40px;
font-size: 15px;
line-height: 20px;
}
#news .entry_post .text img {
width: 100%;
height: auto;
}
#news .entry_post .text p,
#news .entry_post .text span {
margin-bottom: 20px;
line-height: 28px;
}
#news .entry_list .item b {
color: #868686;
font-size: 13px;
}
#news .entry_post b {
padding-top: 40px;
clear: both;
color: #868686;
font-size: 13px;
}
#news .side_cat,
#news .side_est {
margin-bottom: 40px;
width: 100%;
}
#news .side_cat h5,
#news .side_ach h5,
#news .side_est h5 {
margin-bottom: 15px;
padding-bottom: 15px;
border-bottom: 2px solid #b6e7f2;
}
#news .side_ach {
width: 100%;
}
#news .side_cat li,
#news .side_est li {
position: relative;
margin-bottom: 15px;
padding: 0 0 15px 25px;
border-bottom: 1px dashed #333;
}
#news .side_cat li:nth-child(1)::before {
font-size: .8em;
position: absolute;
top: .25em;
left: .5em;
content: '●';
color: #468cc8;
}
#news .side_cat li:nth-child(2)::before {
font-size: .8em;
position: absolute;
top: .25em;
left: .5em;
content: '●';
color: #f07382;
}
#news .side_cat li:nth-child(3)::before {
font-size: .8em;
position: absolute;
top: .25em;
left: .5em;
content: '●';
color: #e1aa2d;
}
#news .side_est li:nth-child(1)::before {
font-size: .8em;
position: absolute;
top: .25em;
left: .5em;
content: '●';
color: #B496D2;
}
#news .side_est li:nth-child(2)::before {
font-size: .8em;
position: absolute;
top: .25em;
left: .5em;
content: '●';
color: #829F1E;
}
#news .side_est li:nth-child(3)::before {
font-size: .8em;
position: absolute;
top: .25em;
left: .5em;
content: '●';
color: #8C5532;
}
#news .side_est li:nth-child(4)::before {
font-size: .8em;
position: absolute;
top: .25em;
left: .5em;
content: '●';
color: #5096E6;
}
#news .side_ach li {
position: relative;
margin-bottom: 15px;
padding: 0 0 15px 15px;
border-bottom: 1px dashed #333;
} #news ul.paginationList {
width: 100%;
margin: 30px auto 60px;
letter-spacing: -0.5em;
text-align: center;
display: flex;
padding: 20px 0 0;
font-size: 12px;
}
#news ul.paginationList li.prev {
display: inline-flex;
text-align: left;
width: 30%;
vertical-align: top;
letter-spacing: normal;
align-items: center;
}
#news ul.paginationList li.prev a {
padding: 10px 0;
}
#news ul.paginationList li.middle {
text-align: center;
width: 40%;
vertical-align: middle;
letter-spacing: normal;
align-items: center;
border: 1px solid #333333;
border-radius: 20px;
}
#news ul.paginationList li.middle a {
padding: 8px 0;
display: block;
}
#news ul.paginationList li.middle a:hover {
background-color: rgba(000, 000, 000, 0.2);
border-radius: 20px;
}
#news ul.paginationList li.next {
text-align: right;
width: 30%;
vertical-align: top;
letter-spacing: normal;
align-items: center;
}
#news ul.paginationList li.next a {
padding: 10px 0;
}
#news ul.paginationList li a {
display: inline-block;
}
.wp-pagenavi {
clear: both;
padding: 30px 0 60px!important;
text-align: center;
}
.wp-pagenavi a, .wp-pagenavi span.pages, .wp-pagenavi span.extend {
display: inline-block;
color: #333333 !important;
text-shadow: 0px 1px #F6F6F6 !important;
padding: 6px 9px 6px 9px !important;
border: solid 1px #B6B6B6 !important;
box-shadow: 0px 1px #EFEFEF !important;
-moz-box-shadow: 0px 1px #EFEFEF !important;
-webkit-box-shadow: 0px 1px #EFEFEF !important;
background: #fff;
font-size: 12px !important;
margin-right: 3px !important;
text-decoration: none !important;
border-radius: 15px;
}
.wp-pagenavi a:hover {
display: inline-block;
color: #fff !important;
text-shadow: 0px 1px #3C3C3C !important;
border-color: #202020 !important;
background: #525252 !important;
background: -moz-linear-gradient(top, #9F9F9F 1px, #6C6C6C 1px, #525252) !important;
background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0.02, #9F9F9F), color-stop(0.02, #6C6C6C), color-stop(1, #525252)) !important;
color: #FFFFFF !important;
box-shadow: 0px 1px #E7E7E7 !important;
-moz-box-shadow: 0px 1px #E7E7E7 !important;
-webkit-box-shadow: 0px 1px #E7E7E7 !important;
}
.wp-pagenavi span.current {
display: inline-block;
padding: 6px 9px 6px 9px !important;
border: solid 1px #DCDCDC !important;
color: #fff !important;
box-shadow: 0px 1px #E7E7E7 !important;
-moz-box-shadow: 0px 1px #E7E7E7 !important;
-webkit-box-shadow: 0px 1px #E7E7E7 !important;
margin-right: 3px !important;
text-shadow: 0px 1px #3C3C3C !important;
border-color: #202020 !important;
background: #525252 !important;
background: -moz-linear-gradient(top, #9F9F9F 1px, #6C6C6C 1px, #525252) !important;
background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0.02, #9F9F9F), color-stop(0.02, #6C6C6C), color-stop(1, #525252)) !important;
border-radius: 50px;
} #est_purchase section {
margin-bottom: 30px;
}
#est_purchase h1 {
position: relative;  
margin-bottom: 40px;
width: 100%;
height: 200px;
background: url(//miyao.co.jp/wp/wp-content/themes/miyao-theme/img/estate_purchase_img_01.jpg) center top no-repeat;
background-size: cover;
}
#est_purchase h1 img {
position: relative;
top: 50%;
margin: 0 auto;
width: auto;
height: 100px;
display: block;
transform: translateY(-50%);
}
#est_purchase article {
margin: 0 auto;
width: 90%;
}
#est_purchase h3 {
margin-bottom: 30px;
color: #fff;
font-size: 18px;
line-height: 50px;
text-align: center;
font-weight: bold;
background-color: #604C3F;
}
#est_purchase .inner {
margin: 0 auto;
width: 100%;
text-align: center;
overflow: hidden;
}
#est_purchase .lead {
text-align: center;
font-size: 16px;
line-height: 32px;
}
#est_purchase .lead a img {
margin-top: 20px;
width: 100%;
height: auto;
}
#est_purchase .recom p {
margin: 0 1%;
padding: 12px 0 35px;
float: left;
width: 48%;
font-size: 14px;
line-height: 24px;
font-weight: bold;
background: url(//miyao.co.jp/wp/wp-content/themes/miyao-theme/img/estate_purchase_item_02.svg) 0 0 no-repeat;
box-sizing: border-box;
}
#est_purchase .recom p:nth-child(2) {
padding: 25px 0 40px;
}
#est_purchase .recom p:nth-child(3) {
margin: 0 auto;
clear: both;
float: none;
}
#est_purchase .merit p {
margin-bottom: 20px;
padding: 15px;
width: 100%;
font-size: 14px;
line-height: 24px;
border: 2px solid #FDE3B3;
border-radius: 10px;
box-sizing: border-box;
}
#est_purchase .merit p span {
color: #604C3F;
font-size: 18px;
font-weight: bold;
line-height: 32px;
}
#est_purchase .difference .inner img {
margin-bottom: 20px;
width: 100%;
height: auto;
}
#est_purchase .step .box {
position: relative;
margin: 0 0 60px;
padding: 25px 20px;
width: 100%;
border: 2px solid #FDE3B3; 
box-sizing: border-box;
}
#est_purchase .step .box:nth-child(3) {
margin-right: 0;
}
#est_purchase .step .box::before {
position: absolute;
content: url(//miyao.co.jp/wp/wp-content/themes/miyao-theme/img/estate_purchase_item_05.svg);
left: 45%;
bottom: -50px;
width: 18px;
height: auto;
transform:rotate(90deg);
}
#est_purchase .step .box:last-child {
margin-bottom: 20px;
}
#est_purchase .step .box:last-child::before {
display: none;
}
#est_purchase .step .box h4 {
margin: 0 auto 10px;
width: 130px;
border-radius: 3px;
font-size: 16px;
font-weight: bold;
line-height: 30px;
color: #fff;
background-color: #A38A77;
}
#est_purchase .step .box p {
min-height: 100px;
font-size: 14px;
line-height: 24px;
}
#est_purchase .step .box p span {
margin-bottom: 8px;
display: block;
font-size: 18px;
font-weight: bold;
line-height: 40px;
}
#est_purchase .arts table {
display: block;
overflow-x: scroll;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
}
#est_purchase .arts table {
margin-bottom: 60px;
width: 100%;
text-align: center;
}
#est_purchase .arts table tr {
border-bottom: 2px solid #B4B4B4;
}
#est_purchase .arts table tr:last-child {
border-bottom: none;
}
#est_purchase .arts table tr:nth-child(odd) {
background-color: #EFEFEF;
}
#est_purchase .arts table tr th {
background-color: #FFF9BE;
}
#est_purchase .arts table tr th,
#est_purchase .arts table tr td {
padding: 20px;
border-left: 2px solid #B4B4B4;
}
#est_purchase .arts table tr th:first-child,
#est_purchase .arts table tr td:first-child {
border-left: none;
}
#est_purchase .arts table tr td:last-child {
text-align: left;
}
#est_purchase .est_contact {
margin-bottom: 0;
padding: 60px 0;
background-color: #EEEEEF;
}
#est_purchase .est_contact .inner h3 {
padding: 10px 0;
font-size: 18px;
line-height: 28px;
}
#est_purchase .est_contact .inner h3 i {
display: block;
}
#est_purchase .est_contact .inner h4 {
margin-bottom: 30px;
padding-bottom: 8px;
font-size: 20px;
line-height: 26px;
text-align: center;
border-bottom: 1px solid #3E3A39;
}
#est_purchase .est_contact .inner .text {
margin-bottom: 60px;
font-size: 16px;
line-height: 32px;
}
#est_purchase .est_contact .inner table {
margin-bottom: 20px;
width: 100%;
text-align: left;
}
#est_purchase .est_contact .inner table tr th {
display: block;
padding: 10px;
}
#est_purchase .est_contact .inner table tr th span {
margin-left: 10px;
padding: 2px 6px 3px;
color: #fff;
font-size: 13px;
border-radius: 5px;
background-color: #E95054;
}
#est_purchase .est_contact .inner table tr td {
display: block;
padding: 10px;
}
#est_purchase .est_contact .inner table tr td input {
padding: 10px;
width: 100%;
border: none;
background-color: #fff;
box-sizing: border-box;
}
#est_purchase .est_contact .inner span.mwform-checkbox-field,
#est_purchase .est_contact .inner .wpcf7-checkbox .wpcf7-list-item { margin: 10px 0;
display: block!important;
}
#est_purchase .est_contact .inner .chec input {
margin: 0px 10px 0 0;
width: 15px;
}
#est_purchase .est_contact .inner table tr td input.zip {
width: 80px;
}
#est_purchase .est_contact .inner table tr td input.tel {
width: 80px;
}
#est_purchase .est_contact .inner .wpcf7-form table tr td input.zip,
#est_purchase .est_contact .inner .wpcf7-form table tr td input.tel {
width: 100%;
}
#est_purchase .est_contact .inner table.last textarea {
padding: 10px;
width: 100%;
border: none;
background-color: #fff;
box-sizing: border-box;
}
#est_purchase .est_contact .inner [type="submit"],
#est_purchase .est_contact .inner input.button-confirm, #est_purchase .est_contact .inner input.button-rewrite { margin-bottom: 30px;
width: 80%;
height: 45px;
color: #fff;
font-size: 18px;
font-weight: bold;
border: none;
background-color: #3E3A39;
border-radius: 50px;
}
#est_purchase .est_contact .inner p {
padding: 0 20px;
font-size: 14px;
line-height: 24px;
}
#est_purchase .est_contact .inner table th p,
#est_purchase .est_contact .inner table td p { padding: 0;
font-size: inherit;
line-height: inherit;
}
#est_purchase .est_contact .inner p a {
text-decoration: underline;
}
#est_purchase .est_contact .inner p a:hover {
text-decoration: none;
} #works h1 { 
position: relative;
margin-bottom: 40px;
width: 100%;
height: 200px;
background: url(//miyao.co.jp/wp/wp-content/themes/miyao-theme/img/works_img_01.jpg) center top no-repeat;
background-size: cover;
}
#works h1 img {
position: relative;
top: 50%;
margin: 0 auto;
width: auto;
height: 100px;
display: block;
transform: translateY(-50%);
}
#works p {
margin-bottom: 40px;
padding: 0 20px;
font-size: 16px;
line-height: 30px;
text-align: center;
}
#works .cat_link {
margin: 0 auto 60px;
width: 90%;
border-top: 1px solid #7DC3D8;
}
#works .cat_link li {
border-bottom: 1px solid #7DC3D8;
}
#works .cat_link li a {
display: block;
color: #7DC3D8;
line-height: 50px;
}
#works .cat_link li span {
margin-right: 20px;
color: #333;
} #works .column {
margin: 0 auto;
width: 90%;
overflow: hidden;
}
#works .column .inner {
margin: 0 2%;
float: left;
width: 46%;
min-height: 280px;
box-sizing:border-box;
}
#works .column .inner .photo {
margin-bottom: 15px;
width: 100%;
height: 120px;
overflow: hidden;
}
#works .column .inner .photo img {
width: 100%;
height: auto;
}
#works .column .inner div {
font-size: 14px;
line-height: 20px;
}
#works .column .inner div span {
margin-left: 5px;
padding: 0 5px;
font-size: 13px;
line-height: 24px;
border-radius: 3px;
background-image: none;
}
#works .column .inner div span.reform,
#works .column .inner div span.old-private-house-reform,
#works .column .inner div span.detachedhouse-reform,
#works .column .inner div span.lease-reform,
#works .column .inner div span.rebuilding{
background-color: #FDF58F;
}
#works .column .inner div span.renovation,
#works .column .inner div span.barrierfree,
#works .column .inner div span.old-private-house-renovation,
#works .column .inner div span.detachedhouse-renovation,
#works .column .inner div span.lease-renovation{
background-color: #CDE3CC;
}
#works .column .inner div span.pointreform,
#works .column .inner div span.exterior,
#works .column .inner div span.outside,
#works .column .inner div span.insulation,
#works .column .inner div span.wetarea,
#works .column .inner div span.structure {
background-color: #FBD8B2;
} #works.single .post {
margin: 0 auto;
width: 90%;
}
#works.single .post h3 {
margin-bottom: 40px;
font-size: 24px;
line-height: 1.6em;
}
#works.single .post h3 span {
margin: 0 15px 0 0;
padding: 5px 10px;
font-size: 16px;
border-radius: 5px;
background-image: none;
}
#works.single .post h3 span.reform,
#works.single .post h3 span.old-private-house-reform,
#works.single .post h3 span.detachedhouse-reform,
#works.single .post h3 span.lease-reform,
#works.single .post h3 span.rebuilding{
background-color: #FDF58F;
}
#works.single .post h3 span.renovation,
#works.single .post h3 span.barrierfree,
#works.single .post h3 span.old-private-house-renovation,
#works.single .post h3 span.detachedhouse-renovation,
#works.single .post h3 span.lease-renovation{
background-color: #CDE3CC;
}
#works.single .post h3 span.pointreform,
#works.single .post h3 span.exterior,
#works.single .post h3 span.outside,
#works.single .post h3 span.insulation,
#works.single .post h3 span.wetarea,
#works.single .post h3 span.structure {
background-color: #FBD8B2;
}
#works.single .post img {
width: 100%;
height: auto;
}
#works.single .sliderArea {
margin-bottom: 60px;
}
.slider_thumb div img {
margin: 0 auto 10px;
width: auto!important;
height: 240px!important;
object-fit: cover!important;
}
.thumb div img {
margin: 0 auto;
width: auto!important;
height: 50px!important;
object-fit: cover!important;
}
#works.single .item_01 {
margin-bottom: 40px;
display: flex;
flex-flow: row wrap;
justify-content: space-between;
background: url(//miyao.co.jp/wp/wp-content/themes/miyao-theme/img/works_single_item_01.svg) center 64% no-repeat;
background-size: 22px;
}
#works.single .item_01 div {
width: 42%;
}
#works.single .item_01 div p {
margin: 0 auto 10px;
width: 50%;
font-size: 16px;
font-weight: bold;
line-height: 36px;
border-radius: 5px;
}
#works.single .item_01 div:first-child p {
color: #C8BB9B;
border: 1px solid #C8BB9B;
}
#works.single .item_01 div:last-child p {
color: #fff;
background-color: #C8BB9B;
}
#works.single .text {
margin-bottom: 40px;
padding: 20px;
text-align: left;
line-height: 26px;
background-color: #EEEEEF;
box-sizing: border-box;
}
#works.single .text p {
margin: 0;
padding: 0;
text-align: left;
}
#works.single .pagenation {
margin: 0 auto 50px;
width: 90%;
font-size: 14px;
display: flex;
flex-flow: row wrap;
justify-content: space-between;
}
#works.single .pagenation li:first-child,
#works.single .pagenation li:last-child {
margin-top: 10px;
display: inline-block;
border: none;
background-color: #fff;
}
#works.single .pagenation li:nth-child(2) {
padding: 0;
width: 30%;
line-height: 36px;
text-align: center;
background-color: #fff;
border: 1px solid #C8BB9B;
border-radius: 5px;
} #contact {
padding-bottom: 60px;
}
#contact h1 {
margin-bottom: 30px;
width: 100%;
height: 200px;
background: url(//miyao.co.jp/wp/wp-content/themes/miyao-theme/img/contact_item_01_sp.jpg) center center no-repeat;
background-size: cover;
}
#contact h1 img {
position: relative;
top: 50%;
margin: 0 auto;
width: auto;
height: 100px;
display: block;
transform: translateY(-50%);
}
#contact .inner {
margin: 0 auto;
width: 90%;
}
#contact .text {
padding: 40px 0;
font-size: 16px;
line-height: 28px;
text-align: center;
border-top: 2px solid #333333;
border-bottom: 2px solid #333333;
}
#contact table {
margin-bottom: 80px;
width: 100%;
background-color: #FFF;
}
#contact table tr {
border-bottom: 2px solid #dbdbdb;
}
#contact table tr th {
display: block;
padding: 40px 10px 10px;
line-height: 28px;
text-align: left;
font-weight: bold;
vertical-align: top;
}
#contact table tr th span {
color: #e20012;
}
#contact table tr td {
display: block;
overflow: hidden;
padding: 0 10px 40px;
line-height: 28px;
}
#contact table tr td:nth-child(2) {
width: 300px;
}
#contact table tr td div {
position: relative;
margin: 0 15px 20px;
float: left;
width: 120px;
font-size: 14px;
text-align: center;
}
#contact table tr td div span[data-name="catalog-resource"] .wpcf7-list-item {
margin: 0; }
#contact table tr td div label {
display: block;
}
#contact table tr td div img {
width: 100%!important;
}
#contact table tr td div:nth-child(2) {
padding-top: 30px;
}
#contact table tr td div:nth-child(2) label {
margin-top: 30px;
}
#contact .policy {
margin-bottom: 60px;
}
#contact h4 {
margin-bottom: 30px;
padding: 0 35px;
font-size: 16px;
font-weight: bold;
line-height: 28px;
text-align: center;
}
#contact .policy div {
padding: 30px 30px 10px;
height: 300px;
overflow-y: auto;
border: 3px solid #dbdbdb;
}
#contact h5 {
margin-bottom: 10px;
font-size: 18px;
font-weight: bold;
}
#contact p {
margin-bottom: 30px;
line-height: 24px;
text-align: left;
}
#contact table p { margin-bottom: 0;
line-height: inherit;
text-align: inherit;
}
td.check .mwform-checkbox-field,
td.check .wpcf7-checkbox .wpcf7-list-item { margin: 0 0 10px!important;
padding: 0!important;
display: block;
}
input.textdata,
textarea {
margin-bottom: 0;
width: 100%;
box-shadow: none;
padding: 10px;
font-size: 18px;
color: #2b2b2b;
background-color: #efefef;
border: 2px solid #dbdbdb;
box-sizing: border-box;
}
input.zip {
margin-bottom: 0;
width: 60px;
box-shadow: none;
padding: 10px;
font-size: 18px;
color: #2b2b2b;
background-color: #efefef;
border: 2px solid #dbdbdb;
box-sizing: border-box;
}
input.tel {
margin-bottom: 0;
width: 50px;
box-shadow: none;
padding: 10px;
font-size: 18px;
color: #2b2b2b;
background-color: #efefef;
border: 2px solid #dbdbdb;
box-sizing: border-box;
}
.wpcf7-form input.tel {
width: 100%; }
input.data1 {
margin-bottom: 0;
width: 100%;
box-shadow: none;
padding: 10px;
font-size: 18px;
color: #2b2b2b;
background-color: #efefef;
border: 2px solid #dbdbdb;
box-sizing: border-box;
}
.data2 {
margin-bottom: 0;
width: 100%;
box-shadow: none;
padding: 10px;
font-size: 16px;
color: #2b2b2b;
background-color: #efefef;
border: 2px solid #dbdbdb;
box-sizing: border-box;
}
input.btn {
display: block;
margin: 0 auto;
cursor: pointer;
color: #FFF;
width: 290px;
font-size: 18px;
line-height: 50px;
font-weight: bold;
text-align: center;
border: none;
background-color: #c20d23;
}
input.btn2 {
display: block;
margin: 0 auto;
cursor: pointer;
color: #FFF;
width: 290px;
font-size: 18px;
line-height: 50px;
font-weight: bold;
text-align: center;
border: none;
background-color: #888;
}
.mw_wp_form_confirm img {
display: none;
} main {
position: relative;
width: 100%;
}
.swiper-container {
position: relative;
margin-bottom: 50px;
padding-bottom: 30px!important;
width: 100%;
}
.swiper-container img {
width: 100%;
object-fit: cover;
height: auto;
}
.swiper-pagination {
bottom: 0px!important;
}
.swiper-pagination-bullet {
width: 6px!important; 
height: 6px!important; 
opacity: 0.5; 
background-color: #2F9A9C; 
}
.concept_link {
position: relative;
margin: 0 auto;
width: 90%;
text-align: center;
}
.concept_link > img {
margin-bottom: 30px;
width: 100px;
height: auto;
}
.concept_link div {
width: 100%;
}
.concept_link div h2 img {
margin-bottom: 30px;
width: 90%;
height: auto;
}
.concept_link div > img {
margin-bottom: 30px;
width: 90%;
}
.concept_link a {
display: inline-block;
margin-bottom: 60px;
padding: 0 30px 0 0;
width: 130px;
height: auto;
line-height: 15px;
background: url(//miyao.co.jp/wp/wp-content/themes/miyao-theme/img/concept_icon_01.svg) right center no-repeat;
background-size: auto 12px;
}
.concept_link a img {
width: auto;
height: 15px;
} .info {
padding: 20px 0 10px;
background-color: #f0f0f0;
}
.four_column {
overflow: hidden;
margin: 0 auto 20px;
padding: 20px 10px 10px;
width: 90%;
background-color: #fff;
box-sizing: border-box;
}
.info .four_column h3 {
display: inline-block;
margin-bottom: 20px;
font-size: 18px;
}
.info .four_column > a {
display: inline-block;
margin-bottom: 10px;
padding-right: 30px;
float: right;
font-size: 12px;
line-height: 14px;
background: url(//miyao.co.jp/wp/wp-content/themes/miyao-theme/img/concept_icon_01.svg) right center no-repeat;
background-size: auto 10px;
}
.four_column img {
margin-bottom: 20px;
width: 100%;
}
.four_column .post {
margin-bottom: 15px;
padding: 0 2%;
width: 46%;
float: left;
min-height: 170px;
overflow: hidden;
}
.four_column .post:nth-child(6),
.four_column .post:nth-child(7) {
display: none;
}
.four_column .post .photo {
margin-bottom: 10px;
width: 100%;
height: 100px;
overflow: hidden;
}
.four_column .post img {
width: 100%;
height: auto;
}
.four_column .post span {
display: inline-block;
margin-right: 3px;
padding: 0 3px;
color: #fff;
font-size: 10px;
line-height: 18px;
font-weight: bold;
text-align: center;
background-color: #e1aa2d;
}
.four_column .post span.sale {
background-color: #8C5532;
}
.four_column .post span.chuko {
background-color: #B496D2;
}
.four_column .post span.tochi {
background-color: #829F1E;
}
.four_column .post span.chintai {
background-color: #5096E6;
}
.four_column .post b {
font-size: 10px;
color: #e30012;
}
.four_column .post .text {
display: block;
font-size: 12px;
line-height: 18px;
}
.four_column .post i {
margin-right: 10px;
font-size: 12px;
color: #868686;
}
.four_column .post span.staffblog {
background-color: #e1aa2d;
}
.four_column .post span.event {
background-color: #468cc8;
}
.four_column .post span.information {
background-color: #f07382;
}
.four_column .post span.est_01 {
background-color: #829f1e;
}
.four_column .post span.est_02 {
background-color: #8c5532;
}
.four_column .post span.est_03 {
background-color: #b496d2;
}
.four_column .post span.est_04 {
background-color: #5096e6;
} .top_banner {
margin: 0 auto;
max-width: 90%;
}
.top_banner img {
margin-bottom: 10px;
width: 100%;
height: auto;
} .new_house {
margin-bottom: 20px;
background-color: #F0F0F0;
}
.new_house img {
margin-bottom: 20px;
width: 100%;
height: auto;
}
.new_house > div {
margin: 0 auto;
width: 90%;
}
.new_house > div a {
display: inline-block;
width: 48%;
}
.new_house > div a:nth-child(1),
.new_house > div a:nth-child(3) {
margin-right: 8px;
}
.new_house > div a img {
width: 100%;
height: auto;
} .reform {
margin-bottom: 10px;
padding-bottom: 30px;
background: url(//miyao.co.jp/wp/wp-content/themes/miyao-theme/img/top_reform_img_01.jpg) center top no-repeat;
background-size: cover;
}
.reform h3 {
margin-bottom: 30px;
padding-top: 30px;
text-align: center;
font-size: 20px;
font-weight: bold;
color: #fff;
text-shadow: 3px 3px 3px rgba(35,24,21,0.8);
line-height: 32px;
}
.reform .banner_box {
margin: 0 auto;
width: 90%;
}
.reform .banner_box > a {
position: relative;
display: block;
margin-bottom: 20px;
width: 100%;
height: auto;
}
.reform .banner_box a p {
position: absolute;
top: 194px;
margin: 0 10%;
width: 80%;
font-size: 14px;
line-height: 20px;
text-align: center;
box-sizing: border-box;
}
.reform .banner_box a span {
display: block;
margin-top: 10px;
line-height: 24px;
text-align: center;
border: 1px solid #333;
border-radius: 5px;
transition: .6s;
}
.reform .banner_box a:hover span {
border: 1px solid #fff;
background-color: #333;
color: #fff;
transition: .4s;
}
.reform_appeal {
text-align: center;
}
.reform_appeal img {
max-width: 90%;
} .const_example {
padding-bottom: 50px;
width: 100%;
background-color: #F0F0F0;
clear: both;
}
.const_example .four_column {
margin: 0 auto 50px;
padding: 50px 0 0 0;
width: 1000px;
height: 400px;
background-color: #F0F0F0;
overflow: hidden;
}
.const_example .four_column .post {
margin-right: 26px;
width: 230px;
}
.const_example .four_column .post:last-child {
margin-right: 0;
}
.const_example .four_column h3 {
margin: 0 auto 50px;
padding-bottom: 20px;
width: 1000px;
border-bottom: 4px solid #fff;
text-align: center;
font-size: 30px;
letter-spacing: 0.2em;
}
.const_example .four_column i {
color: #333;
}
.const_example .adress {
line-height: 27px;
}
.const_example .adress::before {
content: '■';
}
.const_example>.btn {
margin: 0 auto;
border-radius: 50px;
display: block;
width: 290px;
text-align: center;
line-height: 40px;
color: #fff;
clear: both;
background-color: #0175A0;
} .img_box {
padding: 20px;
}
.img_box img {
display: block;
width: 100%;
height: auto;
} .company [id] {
margin-top: -90px;
padding-top: 90px;
}
.section {
margin: 0 auto 30px;
}
.company h1 {
margin-bottom: 40px;
width: 100%;
height: 200px;
background: url(//miyao.co.jp/wp/wp-content/themes/miyao-theme/img/contact_item_01_sp.jpg) center center no-repeat;
background-size: cover;
}
.company h1 img {
position: relative;
top: 50%;
margin: 0 auto;
width: auto;
height: 100px;
display: block;
transform: translateY(-50%);
}
.page_links {
margin-bottom: 60px;
text-align: center;
display: block;
}
.page_links li {
margin: 0 10px 20px;
position: relative;
display: inline-block;
text-align: center;
}
.page_links a {
display: inline-block;
padding: 0 14px 10px;
font-size: 16px;
text-align: center;
border-bottom: 2px solid #468cc8;
}
.page_links a:hover {
border-bottom: 2px solid #999;
}
.section h3 {
margin-bottom: 30px;
font-size: 24px;
text-align: center;
}
.company .section p {
margin: 0 auto 30px;
padding-bottom: 30px;
width: 90%;
line-height: 26px;
font-family: 'Noto Serif JP',serif;
background: url(//miyao.co.jp/wp/wp-content/themes/miyao-theme/img/concept_item_01.svg) right bottom no-repeat;
background-size: 160px;
} #greet {
background-color: rgba(240,240,240,0.60);
}
#greet > div {
margin: 0 auto;
width: 90%;
box-sizing: border-box;
}
#greet > div > img {
margin-bottom: 30px;
width: 100%;
height: auto;
}
#greet > div p {
width: 100%;
font-size: 15px;
text-align: left;
font-family: 'Noto Serif JP',serif;
background-image: none;
}
#greet > div p br {
display: none;
}
#greet > div p i {
display: block;
}
#greet>div p span {
margin: 30px 20px 0 0;
display: block;
text-align: right;
}
#greet>div p span img {
margin-left: 10px;
width: 130px;
} #desc {
width: 90%;
}
#desc h3 {
margin-bottom: 0;
border-bottom: 1px solid #333;
padding-bottom: 30px;
}
.company table {
margin-bottom: 30px;
width: 100%;
line-height: 28px;
border-bottom: 1px solid #333;
background-color: #F0F0F0;
}
.company table tr {
border-bottom: 1px solid #333;
}
.company table tr:last-child {
border-bottom: none;
}
.company table tr th {
display: block;
padding: 10px;
text-align: left;
font-weight: bold;
border-bottom: 1px dotted #999;
}
.company table tr td {
display: block;
padding: 10px;
} #history {
width: 90%;
}
#history h3 {
margin-bottom: 0;
border-bottom: 1px solid #333;
padding-bottom: 30px;
} #access iframe {
margin: 0 auto;
width: 100%;
height: 300px;
display: block;
} #stuff {
width: 90%;
}
#stuff h3 {
margin-bottom: 30px;
border-bottom: 1px solid #333;
padding-bottom: 20px;
}
#stuff article {
font-family: 'Noto Serif JP',serif;
}
#stuff div {
margin-bottom: 30px;
width: 100%;
text-align: center;
}
#stuff div img {
margin-bottom: 20px;
width: 70%;
height: auto;
}
#stuff ul {
width: 100%;
}
#stuff ul li {
width: 100%;
font-size: 14px;
line-height: 28px;
word-break: break-all;
text-align: center;
}
#stuff ul li:nth-child(2) {
font-size: 20px;
}
#stuff ul li:nth-child(3) {
padding-bottom: 10px;
border-bottom: 2px solid #604C3F;
}
#stuff ul li:nth-child(4),
#stuff ul li:nth-child(6) {
padding-top: 10px;
}
#stuff ul li:nth-child(5) {
padding-bottom: 10px;
text-align: left;
border-bottom: 2px solid #604C3F;
}
#stuff ul li:nth-child(7) {
padding-bottom: 10px;
text-align: left;
} .newhouse h1 {
margin-bottom: 30px;
width: 100%;
height: 200px;
background: url(//miyao.co.jp/wp/wp-content/themes/miyao-theme/img/newhouse_img_01.jpg) center center no-repeat;
background-size: cover;
}
.newhouse h1 img {
position: relative;
top: 50%;
margin: 0 auto;
width: auto;
height: 100px;
display: block;
transform: translateY(-50%);
}
.newhouse p a {
margin: 0 auto 30px;
max-width: 90%;
height: auto;
display: block;
}
.newhouse p img {
max-width: 100%;
height: auto;
}
.newhouse #lineup {
padding-bottom: 20px;
overflow: hidden;
background-color: #fff;
}
.newhouse #lineup h3 {
margin: 0 auto 30px;
font-size: 22px;
line-height: 32px;
text-align: center;
}
.newhouse #lineup h3 span {
font-size: 14px;
border-top: 1px solid #231815;
}
#lineup div {
margin: 0 auto;
max-width: 90%;
}
#lineup div a img {
margin: 0 2% 20px;
float: left;
width: 46%;
box-shadow: 1px 1px 5px rgba(112,112,112,0.30);
} .newhouse .section {
width: 100%;
}
.newhouse article {
overflow: hidden;
margin:  0 auto;
padding: 30px 0 0;
max-width: 100%;
background-color: #fff;
box-sizing: border-box;
}
.newhouse #sozaie h3 img {
width: auto;
height: 42px;
}
.newhouse article > img {
display: block;
margin: 0 auto 60px;
width: 100%;
height: auto;
}
.newhouse h4 {
margin-bottom: 20px;
text-align: center;
font-size: 22px;
font-weight: bold;
}
.newhouse h5 {
margin: 0 auto 30px;
width: 100%;
color: #fff;
font-size: 22px;
line-height: 40px;
font-weight: bold;
text-align: center;
background-color: #1ea839;
}
.newhouse #sozaie p {
margin: 0 auto 30px;
width: 90%;
line-height: 22px;
}
.newhouse .column_01 {
margin: 0 auto;
max-width: 90%;
overflow: hidden;
}
.newhouse .column_01 div {
margin-bottom: 20px;
width: 100%;
}
.newhouse .column_01 h6 {
margin-bottom: 10px;
padding-bottom: 10px;
font-size: 18px;
line-height: 27px;
border-bottom: 4px solid  #1ea839;
}
.newhouse .column_01 > div p {
margin: 0 0 20px!important;
padding: 0;
width: 100%!important;
font-size: 15px;
text-align: left;
line-height: 24px;
}
.newhouse .column_01>div img {
margin-bottom: 20px;
width: 100%;
height: auto;
}
.newhouse .look,
.newhouse .document {
display: block;
width: 100%;
color: #fff;
font-size: 18px;
line-height: 60px;
font-weight: bold;
text-align: center;
}
.newhouse .look {
padding-left: 50px;
box-sizing: border-box;
background: #3E3A39 url(//miyao.co.jp/wp/wp-content/themes/miyao-theme/img/newhouse_item_11.svg) left 40px center no-repeat;
background-size: auto 34px;
}
.newhouse .document {
padding-left: 40px;
box-sizing: border-box;
background :#1ea839 url(//miyao.co.jp/wp/wp-content/themes/miyao-theme/img/newhouse_item_12.svg) left 70px center no-repeat;
background-size: auto 38px;
}
.newhouse .look::after,
.newhouse .document::after {
margin-left: 10px;
content: '▶';
font-size: 16px;
} .newhouse #life_box h3 img {
width: auto;
height: 40px;
}
.newhouse #life_box h5 {
padding: 10px 20px;
font-size: 16px;
font-weight: bold;
line-height: 28px;
background-color: #796a56;
box-sizing: border-box;
}
.newhouse #life_box p {
margin: 0 auto 30px;
width: 90%;
line-height: 22px;
}
.newhouse #life_box span {
display: block;
margin: 0 auto 30px;
width: 90%;
line-height: 24px;
}
.newhouse #life_box .item_01 {
margin: 0 auto;
text-align: center;
width: 90%x;
}
.newhouse #life_box .item_01 > div {
margin: 0 auto 30px;
padding: 30px 0;
background-color: #EEE;
}
.newhouse #life_box .item_01 > div > img {
margin-bottom: 20px;
width: 90%;
display: inline-block;
}
.newhouse #life_box .item_01 > div> img:last-child {
padding-right: 0;
}
.newhouse #life_box .item_01 > img {
margin: 0 auto 20px;
} 
.newhouse #life_box .item_02 {
margin: 0 auto 20px;
width: 90%;
}
.newhouse #life_box .item_02 i {
display: inline-block;
margin-bottom: 10px;
color: #604c3f;
width: 100%;
line-height: 50px;
text-align: center;
font-weight: bold;
border: 2px solid #604C3F;
border-radius: 20px;
}
.newhouse #life_box .item_03 {
margin: 0 auto 30px;
width: 90%;
}
.newhouse #life_box .item_03 img {
margin-bottom: 20px;
width: 100%;
height: auto;
}
.newhouse #life_box .item_03 p {
margin: 0;
padding: 0;
width: 100%;
font-size: 14px;
line-height: 22px;
text-align: left;
}
.newhouse #life_box article .document {
background-color: #C10D23;
} .newhouse #rational_box h3 img {
width: auto;
height: 40px;
}
.newhouse #rational_box h5 {
padding: 10px 20px;
font-size: 16px;
font-weight: bold;
line-height: 28px;
background-color: #036EB5;
box-sizing: border-box;
}
.newhouse #rational_box p {
margin: 0 auto 30px;
width: 90%;
line-height: 22px;
}
.newhouse #rational_box article > .item_01 {
margin: 0 auto;
width: 100%;
overflow: hidden;
}
.newhouse #rational_box article .concept_01 > p {
margin: 0 auto 20px;
padding: 15px 0;
color: #fff;
width: 225px;
font-size: 14px;
line-height: 22px;
text-align: center;
background-color: #036EB5;
border-radius: 15px;
}
.newhouse #rational_box article .concept_01 b {
display: block;
font-size: 18px;
}
.newhouse #rational_box article .concept_01 span {
display: block;
margin: 0 auto 20px;
width: 90%;
font-size: 14px;
line-height: 22px;
}
.newhouse #rational_box .concept_01 .item_02 {
margin-bottom: 20px;
padding: 20px;
clear: both;
background-color: #EEE;
}
.newhouse #rational_box .concept_01 .item_02 > p {
display: block;
clear: both;
margin: 0 auto 20px;
width: 100%;
font-size: 14px;
line-height: 22px;
text-align: left;
}
.newhouse #rational_box .concept_01 .item_02 img {
float: left;
margin-bottom: 10px;
width: 49%;
height: auto;
}
.newhouse #rational_box .concept_01 .item_02 img:first-child {
margin-right: 5px;
}
.newhouse #rational_box .concept_01 .item_02 img.wmax {
margin-bottom: 10px;
width: 100%!important;
height: auto;
}
.newhouse #rational_box article .concept_02 .item_03 {
margin-bottom: 20px;
padding: 20px;
width: 100%;
background-color: #EEE;
box-sizing: border-box;
}
.newhouse #rational_box article .concept_02 span {
margin: 0 auto 20px;
width: 90%;
font-size: 14px;
line-height: 22px;
text-align: center;
}
.newhouse #rational_box article .concept_02 .item_03 p {
margin-bottom: 20px;
width: 100%;
display: block;
text-align: left;
}
.newhouse #rational_box article .concept_02 .item_03 img {
width: 100%;
height: auto;
}
.newhouse #rational_box article .concept_03 > p {
display: block;
margin-bottom: 20px;
padding: 20px;
color: #fff;
width: 90%;
font-size: 13px;
line-height: 22px;
text-align: center;
background-color: #036EB5;
border-radius: 15px;
box-sizing: border-box;
}
.newhouse #rational_box article .concept_03 b {
display: block;
font-size: 18px;
}
.newhouse #rational_box article .concept_03 span {
display: block;
margin: 0 auto 20px;
width: 90%;
font-size: 14px;
line-height: 22px;
}
.newhouse #rational_box article .concept_03 img {
margin: 0 0 20px;
padding: 40px 20px;
width: 100%;
height: auto;
background-color: #EEE;
box-sizing: border-box;
}
.newhouse #rational_box article .concept_04 .item_04 {
padding: 40px 20px 0;
width:  100%;
background-color: #EEE;
box-sizing: border-box;
}
.newhouse #rational_box article .concept_04 > p {
display: block;
margin-bottom: 20px;
padding: 20px;
color: #fff;
width: 90%;
font-size: 13px;
line-height: 22px;
text-align: center;
background-color: #036EB5;
border-radius: 15px;
box-sizing: border-box;
}
.newhouse #rational_box article .concept_04 b {
display: block;
font-size: 18px;
}
.newhouse #rational_box article .concept_04 span {
display: block;
margin: 0 auto 20px;
width: 90%;
font-size: 14px;
line-height: 22px;
}
.newhouse #rational_box article .concept_04 .item_04 img {
margin-bottom: 40px;
width: 100%;
height: auto;
}
.newhouse #rational_box article .concept_04 .item_04 div {
margin: 0 auto;
width: 100%;
text-align: left;
}
.newhouse #rational_box article .concept_04 .item_04 h6 {
margin-bottom: 10px;
color: #036EB5;
font-size: 18px;
font-weight: bold;
}
.newhouse #rational_box article .concept_04 .item_04 p {
margin: 0 0 20px;
padding: 0;
width: 100%;
font-size: 14px;
text-align: left;
}
.newhouse #rational_box article .look {
font-size: 15px;
}
.newhouse #rational_box article .document {
background-color: #036EB5;
} .newhouse #usually_house article h3 img {
width: auto;
height: 40px;
}
.newhouse #usually_house article h5 {
padding: 10px 20px;
font-size: 16px;
line-height: 28px;
font-weight: bold;
text-align: left;
background-color: #F5B32C;
box-sizing: border-box;
}
.newhouse #usually_house article p {
display: block;
margin: 0 auto 30px;
width: 90%;
line-height: 24px;
}
.newhouse #usually_house article p br {
display: none;
}
.newhouse #usually_house article .item_01 {
margin: 0 auto;
width: 90%;
}
.newhouse #usually_house article .item_01 div img {
margin-bottom: 40px;
width: 100%;
height: auto;
}
.newhouse #usually_house article .item_01 div h6.st_01 {
margin-bottom: 20px;
padding: 15px 0;
position: relative;
font-size: 20px;
text-align: center;
line-height: 40px;
background: url(//miyao.co.jp/wp/wp-content/themes/miyao-theme/img/newhouse_item_19.svg) left bottom no-repeat;
background-size: 100%;
}
.newhouse #usually_house article .item_01 div h6.st_02 {
margin-bottom: 20px;
padding: 15px 0;
position: relative;
font-size: 20px;
text-align: center;
line-height: 40px;
background: url(//miyao.co.jp/wp/wp-content/themes/miyao-theme/img/newhouse_item_19_h.svg) left bottom no-repeat;
background-size: 100%;
}
.newhouse #usually_house article .item_01 div p {
width: 100%;
font-size:  14px;
line-height: 24px;
text-align: left;
}
.newhouse #usually_house article .look {
font-size: 15px;
}
.newhouse #usually_house article .document {
background-color: #F5B32C;
} .newhouse #order_house {
margin-bottom: 0;
}
.newhouse #order_house h3 img {
width: auto;
height: 30px;
}
.newhouse #order_house h5 {
padding: 10px 20px;
font-size: 16px;
line-height: 28px;
font-weight: bold;
text-align: center;
background-color: #E65054;
box-sizing: border-box;
}
.newhouse #order_house article p {
display: block;
margin: 0 auto 30px;
width: 90%;
line-height: 24px;
}
.newhouse #order_house article .item_01 {
margin: 0 auto;
width: 90%;
overflow: hidden;
}
.newhouse #order_house article .item_01 > div {
margin-bottom: 30px;
width: 100%;
}
.newhouse #order_house article .item_01 img {
width: 100%;
height: auto;
}
.newhouse #order_house article .item_01 span {
display: block;
margin-bottom: 10px;
text-align: center;
line-height: 50px;
border: 2px solid #E65054;
}
.newhouse #order_house article .link_btn {
margin-bottom: 60px;
padding: 10px;
width: 100%;
text-align: center;
background-color: #E65054;
box-sizing: border-box;
}
.newhouse #order_house article a img {
display: block;
width: 100%;
height: auto;
} .simulation > img {
margin-bottom: 40px;
width: 100%;
}
.simulation h1 {
margin: 0 auto 30px;
padding-bottom: 15px;
width: 90%;
font-size: 20px;
text-align: center;
border-bottom: 1px solid #333;
}
.simulation .text {
margin: 0 auto 60px;
width: 90%;
line-height: 26px;
}
.simulation .text center {
margin-bottom: 20px;
}
.simulation .text span {
color: #DF0012;
}
.simulation .title {
margin: 0 auto 20px;
padding: 20px 0;
width: 90%;
display: block;
text-align: center;
}
.simulation #kicin .title {
border: 2px solid #DAE8F4;
}
.simulation #bus .title {
border: 2px solid #FCE3E6;
}
.simulation #washroom .title {
border: 2px solid #E7EDD4;
}
.simulation #toilet .title {
border: 2px solid #FEF7E8;
}
.simulation h3,
.simulation h4 {
padding-bottom: 10px;
display: inline-block;
border-bottom: 1px solid #333;
}
.simulation p {
margin: 0 15% 30px;
font-size: 15px;
line-height: 24px;
text-align: center;
font-family: 'Noto Sans JP', sans-serif;
}
.simulation  div {
margin: 0 auto;
width: 90%;
}
.simulation section img {
margin-bottom: 20px;
width: 100%;
}
.simulation table {
margin-bottom: 60px;
width: 100%;
border-bottom: 1px solid #B0B0B0;
border-top: 1px solid #B0B0B0;
table-layout: fixed;
}
.simulation table tr {
border-top: 20px solid #FFF;
border-bottom: 1px solid #B0B0B0;
}
.simulation table tr th {
display: block;
padding: 10px;
width: 100%;
text-align:left; 
vertical-align: middle;
box-sizing: border-box;
}
.simulation table tr th span {
font-size: 12px;
}
.simulation #kicin table tr th {
background-color: #DAE8F4;
}
.simulation #bus table tr th {
background-color: #FCE3E6;
}
.simulation #washroom table tr th {
background-color: #E7EDD4;
}
.simulation #toilet table tr th {
background-color: #FEF7E8;
}
.simulation table tr td {
display: block;
padding: 5px 10px;
width: 100%;
background-color: #fff;
line-height: 28px;
box-sizing: border-box;
}
.simulation table tr td i {
display: block;
font-size: 12px;
}
.simulation .total {
position:fixed;
margin: 0 10%;
width: 80%;
bottom: 20px;
}
.simulation .total span {
display: inline-block;
margin-right: 10px;
padding: 10px 15px;
color: #FFF;
font-size: 16px;
text-align: center;
background-color: #036eaf;
border-radius: 25px;
}
.simulation .total b {
position: relative;
top: 10px;
margin-left: 10px;
font-size: 14px;
font-weight: bold;
}
.simulation .total input[type="text"] {
padding: 5px 10px;
width: 120px;
font-size: 20px;
}
.simulation input[type="text"] {
padding: 5px 10px;
width: 80%;
font-size: 20px;
}
.simulation input[type="submit"] {
display: block;
cursor: pointer;
margin: 0 auto 80px;
width: 300px;
color: #fff;
font-size: 20px;
line-height: 50px;
text-align: center;
background-color: #DF0012;
border: none;
border-radius: 50px;
}
.simulation input[type="button"] {
display: block;
cursor: pointer;
margin: 20px auto 0;
padding: 5px 0;
width: 100px;
color: #FFF;
font-size: 14px;
text-align: center;
background-color: #DF0012;
border: none;
border-radius: 25px;
}
.simulation textarea.shtext {
margin: 0 auto;
padding: 15px 0;
width: 60%;
height: 18px;
box-shadow: none;
font-size: 18px;
color: #2b2b2b;
background-color: #efefef;
border: 2px solid #dbdbdb;
}
.simulation .contact_btn {
margin: 40px auto 160px;
padding: 15px 20px;
display: block;
color: #fff;
font-size: 20px;
text-align: center;
border-radius: 30px;
background-color: #E75513;
}
.simulation label.onclibtn {
position: relative;
display: block;
margin: 0 auto;
width: 150px;
font-size: 18px;
text-align: center;
}
.simulation .menu {
position: relative;
}
.simulation .menu .item_box {
transition: all 0.5s;
}
.simulation input[type="radio"].a_menu {
position: absolute;
top: 85px;
left: 78px;
width: 16px;
height: 16px;
}
.simulation input[type="radio"].a_menu + .item_box {
height: 0;
overflow: hidden;
}
.simulation input[type="radio"].a_menu:checked + .item_box {
height: auto;
transition: all 0.5s;
} .reform_menu .main_view h1 {
margin-bottom: 30px;
width: 100%;
height: 200px;
background: url(//miyao.co.jp/wp/wp-content/themes/miyao-theme/img/reformmenu_img_01.jpg) center top no-repeat;
background-size: cover;
}
.reform_menu .main_view h1 img {
position: relative;
top: 50%;
margin: 0 auto;
width: 100%;
height: auto;
transform: translateY(-50%);
}
.reform_menu .page_links {
margin-bottom: 40px;
}
.reform_menu .page_links a {
display: inline-block;
padding-bottom: 15px;
width: 84%;
font-size: 16px;
text-align: center;
border-bottom: 2px solid #468cc8;
}
.reform_menu .page_links a:hover {
border-bottom: 2px solid #999;
}
.reform_menu .banner_area {
margin-bottom: 40px;
padding: 50px 0 10px;
background-color: #F0F0F0;
}
.reform_menu .banner_area a img {
margin: 0 5% 40px;
width: 90%;
height: auto;
}
.reform_menu #reform_step {
margin-bottom: 60px;
}
.reform_menu #reform_step h3 {
display: block;
margin: 0 auto 40px;
padding-bottom: 20px;
width: 90%;
font-size: 24px;
text-align: center;
border-bottom: 1px solid #333;
}
.reform_menu #reform_step .step {
margin: 0 auto 20px;
width: 100%;
}
.reform_menu #reform_step .step div {
margin: 0 auto;
padding: 20px;
width: 90%;
background-color: #F0F0C8;
box-sizing: border-box;
}
.reform_menu #reform_step .step img {
display: none;
}
.reform_menu #reform_step .step h4 {
display: block;
margin-bottom: 28px;
padding-bottom: 5px;
font-size: 20px;
font-weight: bold;
text-align: center;
background:linear-gradient(transparent 60%, #EBEB96 60%);
}
.reform_menu #reform_step .step h4 i {
display: none;
}
.reform_menu #reform_step .step p {
display: block;
width: 100%;
line-height: 24px;
} .reform_menu #faq {
margin: -80px auto 0;
padding-top: 80px;
width: 100%;
}
.reform_menu #faq h3 {
margin-bottom: 40px;
font-size: 24px;
line-height: 32px;
text-align: center;
}
.reform_menu #faq h3 span {
display: block;
font-size: 16px;
}
.reform_menu #faq div {
padding: 60px 0;
background-color: #EEE;
}
.reform_menu #faq dl {
margin: 0 auto;
width: 90%;
border-bottom: 2px dotted #868686;
}
.reform_menu #faq .displayNone {
display: none;
}
.reform_menu #faq .switch {
cursor: pointer;
margin: 0 auto;
padding: 10px;
width: 100%;
color: #8D5734;
font-size: 16px;
line-height: 28px;
font-weight: bold;
border-top: 2px dotted #868686;
box-sizing: border-box;
}
.reform_menu #faq .switch:hover {
color: #333;
}
.reform_menu #faq .switch::before  {
content: 'Q ';
font-size: 20px;
}
.reform_menu #faq .contentWrap {
margin: 0 auto;
padding: 0 10px 10px;
width: 100%;
line-height: 28px;
box-sizing: border-box;
}
.reform_menu #faq .contentWrap p {
position: relative;
margin-left:1em;
text-indent:-1em;
}
.reform_menu #faq .contentWrap p::before {
content: 'A ';
position: relative;
top: 2px;
font-size: 20px;
} .page_reform {
position: relative;  
}
.page_reform .top_img {
}
.page_reform .top_img h1 {
position: relative;
width: 100%;
height: 200px;
background: url(//miyao.co.jp/wp/wp-content/themes/miyao-theme/img/reform_img_01.jpg) center top no-repeat;
background-size: cover;
box-shadow: 0 5px 5px #999;
}
.page_reform .top_img h1 img {
position: absolute;
top: 50px;
right: 0;
left: 0;
margin: 0 auto;
width: auto;
height: 100px;
}
.page_reform .top_img p {
margin: 0 auto;
padding: 30px 0;
width: 90%;
display: block;
font-size: 16px;
line-height: 26px;
text-align: justify;
text-justify: inter-ideograph;
}
.page_reform .lead {
margin-bottom: 50px;
padding: 40px 0 30px;
background-color: #EFEFEF;
}
.page_reform .lead h3 {
margin: 0 auto 20px;
width: 90%;
font-size: 24px;
text-align: center;
}
.page_reform .lead p {
margin: 0 auto;
width: 90%;
line-height: 24px;
}
.page_reform .point {
width: 100%;
}
.page_reform .point h3 {
margin-bottom: 40px;
padding-bottom: 10px;
font-size: 24px;
line-height: 32px;
text-align: center;
background: url(//miyao.co.jp/wp/wp-content/themes/miyao-theme/img/reform_item_02.svg) right bottom no-repeat;
background-size: 100%;
box-sizing: border-box;
}
.page_reform .point h3 b {
display: block;
}
.page_reform .point div {
margin: 0 auto 20px;
padding-bottom: 20px;
width: 90%;
box-sizing: border-box;
border: 5px solid #A8CD52;
text-align: justify;
text-justify: inter-ideograph;
}
.page_reform .point div span {
display: inline-block;
margin-bottom: 10px;
padding: 15px;
float: left;
font-size: 16px;
color: #fff;
text-align: center;
background-color: #A8CD52;
transform: translateY(-5px);
}
.page_reform .point div h4 {
padding: 12px 0 0 10px;
float: left;
font-size: 18px;
font-weight: bold;
}
.page_reform .point .point_07 h4 {
padding: 5px 0 0 10px;
line-height: 24px;
}
.page_reform .point div h4 i {
display: block;
}
.page_reform .point div b {
clear: both;
margin: 0 20px 10px;
display: block;
font-size: 16px;
font-weight: bold;
}
.page_reform .point div p {
clear: both;
margin: 0 auto 20px;
width: 90%;
font-size: 14px;
line-height: 22px;
}
.page_reform .point img {
margin: 0 auto;
width: 90%;
height: auto;
display: block;
}
.page_reform .point .point_07 img {
margin-bottom: 20px;
}
.page_reform .point .point_07 img:last-child {
margin-bottom: 0;
}
.page_reform .notice {
margin: 0 auto;
width: 90%;
color: #C20D23;
border: none!important;
}
.page_reform .notice i {
display: block;
margin-bottom: 20px;
font-weight: bold;
}
.page_reform .notice i::before {
content: '■';
}
.page_reform .notice li {
margin-bottom: 5px;
margin-left: 15px;
font-size: 16px;
line-height: 24px;
text-indent: -15px;
}
.page_reform .notice li::before {
content: '●'
}
.page_reform .introduc {
margin: 0 auto 40px;
width: 90%;
}
.page_reform .introduc h3 {
margin: 0 auto 40px;
padding-bottom: 10px;
width: 80%;
display: block;
font-size: 24px;
border-bottom: 1px solid #333;
}
.page_reform .introduc div {
}
.page_reform .introduc div>div {
display: inline-block;
margin: 0 2%;
padding: 10px;
width: 46%;
min-height: 176px;
font-size: 14px;
line-height: 20px;
background-color: #efefef;
box-sizing: border-box;
}
.page_reform .introduc div>div ul {
padding-top: 10px;
}
.page_reform .introduc div>div li {
margin-bottom: 5px;
font-size: 12px;
line-height: 16px;
}
.page_reform .introduc div>div li::before {
content: '●';
font-size: 8px;
}
.page_reform .introduc img {
margin: 0 2% 10px;
float: left;
width: 46%;
height: auto;
}
.bottom_img {
padding: 20px 0 10px;
width: 100%;
text-align: center;
background-color: #efefef;
}
.bottom_img a {
display: block;
margin: 0 auto;
width: 90%;
}
.bottom_img a img {
margin-bottom: 10px;
width: 100%;
height: auto;
} .renovation {
position: relative;  
}
.renovation .top_img h1 {
position: relative;
width: 100%;
height: 200px;
background: url(//miyao.co.jp/wp/wp-content/themes/miyao-theme/img/renovation_img_01.jpg) center top no-repeat;
background-size: cover;
box-shadow: 0 5px 5px #999;
}
.renovation .top_img h1 img {
position: absolute;
top: 50px;
right: 0;
left: 0;
margin: 0 auto;
width: auto;
height: 100px;
}
.renovation .top_img p {
margin: 0 auto;
padding: 30px 0;
width: 90%;
display: block;
font-size: 16px;
line-height: 26px;
text-align: justify;
text-justify: inter-ideograph;
}
.renovation .lead {
margin-bottom: 50px;
padding: 40px 0 30px;
background-color: #EFEFEF;
}
.inner {
margin: 0 auto;
max-width: 90%;
overflow: hidden;
}
.renovation .lead h3 {
margin-bottom: 20px;
font-size: 20px;
line-height: 32px;
text-align: center;
}
.renovation .lead h3 i {
display: block;
}
.renovation .lead div b {
display: block;
margin-bottom: 10px;
font-size: 18px;
text-align: center;
}
.renovation .lead .inner div {
display: inline-block;
margin-bottom: 20px;
padding: 20px 20px;
width: 100%;
line-height: 24px;
border: 3px solid #fff;
border-radius: 30px;
box-sizing: border-box;
text-align: justify;
text-justify: inter-ideograph;
} .renovation .option {
margin: 0 auto 40px;
width: 100%;
overflow: hidden;
}
.renovation .option h3 {
margin-bottom: 20px;
padding-bottom: 24px;
color: #006934;
font-size: 21px;
line-height: 30px;
text-align: center;
background: url(//miyao.co.jp/wp/wp-content/themes/miyao-theme/img/renovation_item_02.svg) right bottom no-repeat;
background-size: auto 50px;
box-sizing: border-box;
}
.renovation .option h3 i {
display: block;
}
.renovation .option p {
margin: 0 auto 30px;
width: 90%;
line-height: 24px;
}
.renovation .option div {
margin: 0 auto 20px;
padding: 20px 20px 0;
width: 90%;
background-color: #EEE;
box-sizing: border-box;
}
.renovation .option div h4 {
margin-bottom: 10px;
font-size: 20px;
text-align: center;
}
.renovation .option div img {
margin-bottom: 10px;
width: 100%;
}
.renovation .option div>p {
padding-bottom: 20px;
width: 100%;
font-size: 14px; 
line-height: 22px;
} .title_box {
margin: 0 auto 40px;
padding: 20px;
color: #fff;
width: 100%;
background-color: #3D7E4E;
box-sizing: border-box;
text-align: justify;
text-justify: inter-ideograph;
}
.title_box h3 {
margin: 0 auto 20px;
padding-bottom: 20px;
width: 100%;
text-align: center;
font-weight: bold;
border-bottom: 2px solid #fff;
}
.title_box p {
line-height: 24px;
}
.renovation .types {
margin-bottom: 20px;
font-size: 15px;
text-align: justify;
text-justify: inter-ideograph;
}
.renovation .types h3 {
margin-bottom: 20px;
color: #006934;
font-size: 22px;
font-weight: bold;
}
.renovation .types h3::before {
content: '｜';
font-weight: bold;
}
.renovation .types div {
margin-bottom: 20px;
width: 100%;
}
.renovation .types span {
margin-bottom: 20px;
display: block;
line-height: 24px;
}
.renovation .types p {
line-height: 24px;
}
.renovation .types img {
margin-bottom: 20px;
width: 100%;
} .pointreform {
position: relative;  
}
.pointreform .top_img h1 {
position: relative;
width: 100%;
height: 200px;
background: url(//miyao.co.jp/wp/wp-content/themes/miyao-theme/img/pointreform_img_01.jpg) center top no-repeat;
background-size: cover;
box-shadow: 0 5px 5px #707070;
}
.pointreform .top_img h1 img {
position: absolute;
top: 50px;
right: 0;
left: 0;
margin: 0 auto;
width: auto;
height: 100px;
}
.pointreform .top_img p {
margin: 0 auto;
padding: 30px 0;
width: 90%;
display: block;
font-size: 16px;
line-height: 26px;
text-align: justify;
text-justify: inter-ideograph;
}
.pointreform .lead {
margin-bottom: 60px;
}
.pointreform .lead a {
display: block;
margin: 0 auto 40px;
width: 90%;
height: auto;
}
.pointreform .lead img {
width: 100%;
height: auto;
}
.pointreform .lead h3 {
margin: 0 auto 30px;
padding-bottom: 20px;
width: 90%;
font-size: 20px;
text-align: center;
border-bottom: 1px solid #333;
}
.pointreform .lead div {
}
.pointreform .lead div a {
margin: 0 2% 10px;
float: left;
width: 46%;
}
.pointreform .lead div img {
width: 100%;
height: auto;
} .pointreform .reform_content {
padding-bottom: 40px;
}
.pointreform .reform_content .title_box_02 {
position: relative;
color: #333;
overflow: hidden;
}
.pointreform .reform_content .title_box_02 h4 {
position: relative;
padding: 20px;
color: #FFF;
font-size: 22px;
background-color: #f4a002;
box-sizing: border-box;
}
.pointreform .reform_content .title_box_02 h4::after {
position: absolute;
content: '';
right: 0px;
top: 0px;
border: none;
border-right: solid 40px #FFF;
border-bottom: solid 60px transparent;
}
.pointreform .reform_content .title_box_02 p {
position: relative;
margin-bottom: 30px;
padding: 20px;
font-size: 14px;	
line-height: 22px;
text-align: left;
background-color: #f0f0f0;
box-sizing: border-box;
text-align: justify;
text-justify: inter-ideograph;
}
.pointreform .reform_content .title_box_02 p br {
display: none;
}
.pointreform .reform_content h5 {
margin-bottom: 30px;
font-size: 20px;
text-align: center;
}
.pointreform .reform_content img {
text-align: center;
}
.pointreform .reform_content .column {
overflow: hidden;
margin: 0 auto 30px;
width: 96%;
}
#reform_type_02 .column div {
margin: 0 2%;
float: left;
width: 46%;
min-height: 360px;
font-size: 15px;
line-height: 22px;
}
.pointreform .reform_content .column div {
margin: 0 2%;
float: left;
width: 46%;
min-height: 320px;
font-size: 15px;
line-height: 22px;
}
.pointreform .reform_content .column img {
margin-bottom: 20px;
width: 100%;
}
.pointreform .reform_content p {
width: 100%;
line-height: 22px;
}
.pointreform .reform_content h6 {
clear: both;
margin: 0 auto 20px;
width: 90%;
color: #40210F;
font-size: 22px;
line-height: 32px;
text-align: center;
}
.pointreform .reform_content h6 i {
display: block;
}
.pointreform .reform_content h6::before {
margin-right: 10px;
content: '■';
font-size: 14px;
display: inline-block;
vertical-align: top;
}
.pointreform .reform_content .point {
margin: 0 auto;
padding: 30px 30px 1px;
width: 100%;
background-color: #F4ECDF;
box-sizing: border-box;
}
.pointreform .reform_content .point_w {
margin: 0 auto;
padding: 30px 30px 1px;
width: 100%;
box-sizing: border-box;
background-color: #FFF;
border-bottom: 2px solid #40210F;
}
#reform_type_01 .point_w,
#reform_type_05 .point_w {
margin: 0 auto;
padding: 30px 30px 1px;
width: 100%;
box-sizing: border-box;
overflow: hidden;
background-color: #FFF;
border-bottom: none;
}
.pointreform .reform_content .point div {
margin-bottom: 40px;
}
.pointreform .reform_content .point div b {
margin-bottom: 20px;
padding-bottom: 20px;
display: block;
font-size: 20px;
text-align: center;
border-bottom: 4px solid #40210F;
}
.pointreform .reform_content .point div img {
width: 100%;
height: auto;
}
.pointreform .reform_content .point div p {
margin-bottom: 20px;
width: 100%;
font-size: 15px;
line-height: 20px;
text-align: justify;
text-justify: inter-ideograph;
}
.pointreform .reform_content .point div p span {
font-size: 14px;
line-height: 20px;
}
.pointreform #reform_type_03 .column {
margin: 0 auto 40px;
width: 90%;
}
.pointreform #reform_type_03 .column div {
width: 100%;
}
.pointreform #reform_type_03 h5 {
margin-bottom: 40px;
text-align: center;
font-size: 22px;
}
.pointreform #reform_type_03 .point {
width: 100%;
}
.pointreform #reform_type_03 .point div {
margin: 0 auto 20px;
width: 100%;
}
.pointreform #reform_type_03 .point div img {
width: 100%;
}
#reform_type_04 .column div {
min-height: 340px;
}
#reform_type_04 .point {
padding-bottom: 30px;
}
#reform_type_04 .point img {
margin-bottom: 10px;
width: 100%;
}
.pointreform #reform_type_05 .column_01 {
margin: 0 auto 60px;
width: 90%;
}
.pointreform #reform_type_05 .column_01 div {
width: 100%;
}
.pointreform #reform_type_05 .column_01 img {
margin-bottom: 40px;
width: 100%;
}
.pointreform #reform_type_05 .column_01 b {
margin-bottom: 20px;
display: block;
padding-bottom: 12px;
border-bottom: 1px solid #231815;
text-align: center;
font-size: 20px;
}
.pointreform #reform_type_05 .column_01 p {
margin-bottom: 20px;
font-size: 15px;
}
.pointreform #reform_type_05 .column_01 b::before {
margin-right: 10px;
content: '■';
font-size: 14px;
display: inline-block;
vertical-align: top;
}
.pointreform #reform_type_05 .column_02 {
margin: 0 auto 40px;
width: 90%;
text-align: center;
}
.pointreform #reform_type_05 .column_02 div {
width: 100%;
}
.pointreform #reform_type_05 .column_02 img {
margin-bottom: 40px;
width: 100%;
}
.pointreform #reform_type_05 .column_02>b {
display: block;
margin-bottom: 20px;
padding-bottom: 12px;
font-size: 20px;
text-align: center;
border-bottom: 1px solid #231815;
}
.pointreform #reform_type_05 .column_02>b::before {
margin-right: 10px;
content: '■';
font-size: 14px;
display: inline-block;
vertical-align: top;
}
.pointreform #reform_type_05 .column_02 i {
margin-bottom: 20px;
font-size: 14px;
display: block;
line-height: 21px;
text-align: left;
}
.pointreform #reform_type_05 .column_02 p {
margin-bottom: 20px;
font-size: 14px;
text-align: left;
}
.pointreform #reform_type_05 .column_02 div b {
padding-bottom: 10px;
display: block;
font-size: 19px;
line-height: 28px;
}
.pointreform #reform_type_05 .point div b {
margin-bottom: 10px;
font-size: 18px;
line-height: 28px;
border: none;
}
.pointreform #reform_type_05 .point div p {
font-size: 15px;
line-height: 22px;
text-align: center;
} .recruit [id] {
margin-top: -90px;
padding-top: 90px;
padding-bottom: 30px;
}
.recruit h1 {
margin-bottom: 40px;
width: 100%;
height: 200px;
background: url(//miyao.co.jp/wp/wp-content/themes/miyao-theme/img/recruit_img_01.jpg) center center no-repeat;
background-size: cover;
}
.recruit h1 img {
position: relative;
top: 50%;
margin: 0 auto;
width: auto;
height: 70px;
display: block;
transform: translateY(-50%);
}
.recruit .ttl01{
text-align: center;
margin:60px 0 0 0;
font-size:24px;
font-weight: 500;
}
.recruit .txt01{
margin:30px 0 40px 0;
font-size:16px;
padding:0 20px;
line-height: 1.7;
font-weight: 500;
font-family: 'Noto Serif JP',serif;
}
.recruit .cat_ttl{
display: flex;
justify-content: center;
align-items: center;
color: #2F9A9C;
font-size: 24px;
font-weight: 500;
text-align: center;
margin:40px 0 35px 0!important;
border-bottom: none!important;
padding:0!important;
}
.recruit .cat_ttl::before, .recruit .cat_ttl::after {
content: '';
width: 30px;
height: 1px;
background-color: #C1C1C1;
}
.recruit .cat_ttl::before {
margin-right: 10px;
}
.recruit .cat_ttl::after {
margin-left: 10px;
}
.recruit .no_txt{
font-weight: 500;
text-align: center;
}
.recruit .cat_ttl02{
text-align: left;
color:#fff;
line-height: 1;
background:#2F9A9C;
padding:12px;
display: inline-block;
margin:0 0 20px 0;
}
.recruit .recruit_box{
margin:50px 0 0 0;
}
.recruit table {
margin-bottom: 30px;
width: 100%;
line-height: 28px;
border-top: 1px solid #333;
border-bottom: 1px solid #333;
background-color: #F0F0F0;
}
.recruit table tr {
border-bottom: 1px solid #333;
}
.recruit table tr:last-child {
border-bottom: none;
}
.recruit table tr th {
display: block;
padding: 10px;
text-align: left;
font-weight: bold;
border-bottom: 1px dotted #999;
}
.recruit table tr td {
display: block;
padding: 10px;
}
.recruit .link_btn{
margin:30px auto 0;
display: block;
font-size:18px;
line-height: 1;
color:#2F9A9C;
border:2px solid #2F9A9C;
border-radius: 40px;
padding:10px 20px;
width: 240px;
height: 42px;
box-sizing: border-box;
transition: 0.2s;
text-align: center;
}
.recruit .link_btn:hover{
background: #2F9A9C;
color:#fff;
opacity: 1;
} #page_top{
position: fixed;
bottom: -70px; right: 10px;
}
#page_top img{
width: 30px;
height: auto;
} .nav_list {
display: none;
} footer {
color: #fff;
background-color: #000;
}
footer section {
margin: 0 auto;
padding: 30px 0;
width: 90%;
overflow: hidden;
}
footer div {
display: block;
width: 100%;
}
section img.logo {
margin-bottom: 20px;
width: 100%;
}
section img.phone {
display: none;
}
footer div span {
display: inline-block;
line-height: 26px;
}
footer div:last-child span {
display: none;
}
footer .contact_btn {
display: none;
}
footer .snsbtn {
padding: 20px 0;
text-align: center;
background-color: #FFF;
}
footer .snsbtn a {
display: inline-block;
margin: 0 10px;
}
footer .snsbtn a img {
width: 40px;
}
footer .foot_contact {
display: flex;
position: fixed; height: 62px; bottom: 0; background-color: #E55513;
}
footer .foot_contact a { padding: 7px 0;
width: 50%;
box-sizing: border-box;
}
footer .foot_contact a:first-child {
border-right: 2px solid #FFF;
background-color: #f7931e; }
footer .foot_contact a:last-child {
background-color: #534741; }
.foot_contact img { width: 100%;
height: 100%;
}
footer small {
display: block;
font-size: 13px;
line-height: 40px;
text-align: center;
background-color: #000;
margin-bottom: 62px; } .global-nav {
position: fixed;
right: -100%;
top: 0;
width: 100%;
height: 100vh;
background-color: rgba(1, 117, 160, 0.8);
transition: all .5s;
z-index: 100001;
overflow-y: auto;
}
.hamburger {
position: fixed;
right: 5px; top: 7px;
width: 50px;
height: 50px;
cursor: pointer;
z-index: 100002;
}
.global-nav__list {
margin: 0;
padding: 0;
display: block;
}
.hamburger__line {
position: absolute;
left: 14px;
height: 3px;
transition: all .5s;
border-radius: 2px 2px 2px 2px;
}
.hamburger__line--1 {
top: 6px; width: 30px;
background-color: #0175a0;
}
.hamburger__line--2 {
top: 16px; width: 30px;
background-color: #2f9a9c;
}
.hamburger__line--3 {
top: 26px; width: 30px;
background-color: #0175a0;
}
.hamburger__title { position: absolute;
bottom: 5px;
left: 13px;
font-size: 11px;
color: #0175a0;
}
.black-bg {
position: fixed;
left: 0;
top: 0;
width: 100vw;
height: 100vh;
z-index: 100000;
background-color: #fff;
opacity: 0;
visibility: hidden;
transition: all .2s;
cursor: pointer;
}
.nav-open .global-nav {
right: 0;
}
.nav-open .black-bg {
opacity: .8;
visibility: visible;
}
.nav-open .hamburger__line--1 {
transform: rotate(45deg);
top: 16px; background-color: #fff;
}
.nav-open .hamburger__line--2 {
width: 0;
left: 50%;
background-color: #fff;
}
.nav-open .hamburger__line--3 {
transform: rotate(-45deg);
top: 16px; background-color: #fff;
}
.nav-open .hamburger__title { color: #fff;
}
.global-nav ul {
padding: 78px 0 0;
}
.global-nav ul li:first-child {
border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.global-nav ul li a {
padding: 15px;
display: block;
color: #fff;
font-size: 16px;
text-decoration: none;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.global-nav ul li a:hover {
background-color: rgba(125, 176, 199, 0.7);
}