@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;
}
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;
}
.pcnone {
display: none;
}
.fadein {
opacity : 0.1;
transform : translate(0, 80px);
}
.fadein.scrollin {
opacity : 1;
transform : translate(0, 0);
transition : all 800ms;
} header {
position: fixed;
width: 100%;
background:rgba(255,255,255,0.8);
z-index: 20;
}
header .top_icon_01 {
margin: 0 auto;
padding: 20px 0;
position: relative;
width: 1150px;
border-bottom: 1px solid #333;
text-align: center;
}
_:-ms-lang(x)::-ms-backdrop,
header .top_icon_01 {
margin: 0 auto;
padding: 20px 0;
position: relative;
width: 1000px;
overflow: hidden;
border-bottom: 1px solid #333;
}
header .top_icon_01 h1,
header .top_icon_01 .company_logo {
margin-right: 28px;
display: inline-block;
}
header .top_icon_01 a {
display: inline-block;
vertical-align: middle;
}
_:-ms-lang(x)::-ms-backdrop,
header .top_icon_01 h1,
header .top_icon_01 .company_logo {
margin-right: 28px;
float: left;
}
_:-ms-lang(x)::-ms-backdrop,
header .top_icon_01 a {
float: left;
}
_:-ms-lang(x)::-ms-backdrop,
header .top_icon_01 a:nth-child(1) {
width: 280px;
}
_:-ms-lang(x)::-ms-backdrop,
header .top_icon_01 a:nth-child(2) {
width: 250px;
}
_:-ms-lang(x)::-ms-backdrop,
header .top_icon_01 a:nth-child(3) {
width: 140px;
}
_:-ms-lang(x)::-ms-backdrop,
header .top_icon_01 a:nth-child(5) {
width: 40px;
}
_:-ms-lang(x)::-ms-backdrop,
header .top_icon_01 a:nth-child(6) {
width: 40px;
}
header .top_icon_01 h1 a img,
header .top_icon_01 .company_logo a img {
width: auto;
height: 38px;
}
header .top_icon_01 .tel img {
position: relative;
top: 5px;
width: auto;
height: 42px;
}
header .top_icon_01 .reform_img img {
margin: 0 5px 0 10px;
width: auto;
height: 48px;
}
header .top_icon_01 .hoken_img img {
margin: 0 5px 0 0;
width: auto;
height: 48px;
}
header .top_icon_01 .facebook img {
margin: 0 10px 0 5px;
width: auto;
height: 30px;
}
.top_icon_01 .instagram img {
width: auto;
height: 30px;
}
_:-ms-lang(x)::-ms-backdrop,
header .top_icon_01 .facebook img {
margin: 4px 0 0 10px;
width: auto;
height: 30px;
}
_:-ms-lang(x)::-ms-backdrop,
.top_icon_01 .instagram img {
margin: 4px 0 0 10px;
width: auto;
height: 30px;
}
header .top_icon_01 .btn {
padding: 0 20px;
color: #fff;
line-height: 38px;
text-align: center;
background-color: #E75513;
border-radius: 50px;
}
header nav {
margin: 0 auto;
padding: 10px 0;
width: 1000px;
height: 48px;
}
_:-ms-lang(x)::-ms-backdrop,
header nav {
clear: both;
}
header nav li {
position: relative;
float: left;
text-align: center;
}
header nav li a {
display: block;
padding: 0 27.8px;
font-size: 15px;
font-weight: bold;
line-height: 48px;
}
header nav li a:hover {
opacity: 1!important;
}
header nav li ul {
position: absolute;
z-index: 100;
top: 100%;
left: 0;
width: 200px;
}
header nav li ul li {
overflow: hidden;
margin-bottom: 1px;
width: 100%;
height: 0;
color: #fff;
transition: .2s;
}
header nav li ul li a {
padding:  0 10px;
text-align: left;
line-height: 40px;
background-color: #FFF;
}
header ul > li:hover > a {
background: #d3edfb;
}
header ul > li:hover li:hover > a {
background: #d3edfb;
}
header nav li:hover > ul > li {
overflow: visible;
height: 40px;
}
header nav li ul li ul {
top: 0;
left: 100%;
}
header nav li:last-child ul li ul {
left: -100%;
width: 100%;
}
header nav li ul li ul li a {
background: #c8e6d2;
}
header nav li:hover ul li ul li:hover > a {
background: #FFF;
}
header nav li:hover ul li ul li span {
font-size: 12px;
} main {
position: relative;
width: 100%;
} .swiper-container {
position: relative;
margin: 160px 0 50px;
padding-bottom: 30px!important;
width: 100%;
}
.swiper-container a:hover {
opacity: 1;
}
.swiper-container img {
width: 100%;
object-fit: cover;
height: auto;
}
.swiper-pagination {
bottom: 0px!important;
}
.swiper-pagination-bullet {
width: 16px!important; 
height: 16px!important; 
opacity: 0.5; 
background-color: #2F9A9C!important; 
} .concept_link {
position: relative;
margin: 0 auto;
width: 1000px;
height: 500px;
display: flex;
justify-content: space-between;
}
.concept_link>img {
width: 290px;
height: auto;
}
.concept_link div {
padding-top: 90px;
text-align: right;
width: 620px;
}
.concept_link div h2 img {
margin-bottom: 90px;
}
.concept_link div>img {
margin-bottom: 20px;
}
.concept_link a {
padding: 5px 60px 5px 0;
width: 140px;
display: inline-block;
height: auto;
background: url(//miyao.co.jp/wp/wp-content/themes/miyao-theme/img/concept_icon_01.svg) right 10px center no-repeat;
background-size: 40px auto;
}
.concept_link a:hover {
background: url(//miyao.co.jp/wp/wp-content/themes/miyao-theme/img/concept_icon_01.svg) right center no-repeat;
background-size: 40px auto;
} .info {
margin-bottom: 90px;
padding: 70px 0 40px;
background-color: #f0f0f0;
}
.four_column {
margin: 0 auto 50px;
padding: 25px;
box-sizing: border-box;
width: 1000px;
height: 360px;
background-color: #fff;
}
.info .four_column h3 {
margin-bottom: 10px;
float: left;
font-size: 30px;
letter-spacing: 2px;
}
.info .four_column>a {
padding-right: 50px;
line-height: 30px;
font-size: 14px;
float: right;
background: url(//miyao.co.jp/wp/wp-content/themes/miyao-theme/img/concept_icon_01.svg) right 10px center no-repeat;
background-size: 30px auto;
}
.info .four_column>a:hover {
background: url(//miyao.co.jp/wp/wp-content/themes/miyao-theme/img/concept_icon_01.svg) right center no-repeat;
background-size: 30px auto;
}
.four_column img {
margin-bottom: 20px;
}
_:-ms-lang(x)::-ms-backdrop,
.four_column>img {
margin-bottom: 20px;
margin-left: -50px;
clear: both;
width: 1050px;
}
.four_column .post {
margin-right: 15px;
width: 226px;
float: left;
overflow: hidden;
}
.four_column .post:last-child {
margin-right: 0;
}
.four_column .post .photo {
margin-bottom: 15px;
width: 100%;
height: 180px;
overflow: hidden;
}
.four_column .post img {
width: 100%;
height: auto;
}
.four_column .post span {
margin-right: 10px;
width: 70px;
display: inline-block;
text-align: center;
color: #fff;
font-size: 15px;
font-weight: bold;
line-height: 22px;
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: 16px;
color: #e30012;
}
.four_column .post .text {
display: block;
font-size: 16px;
line-height: 28px;
}
.four_column .post i {
margin-right: 10px;
font-size: 16px;
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: 1000px;
display: flex;
flex-flow: row wrap;
justify-content: space-between;
}
.top_banner a {
width: 460px;
}
.top_banner img {
width: 100%;
height: auto;
} .new_house {
margin-bottom: 0;
padding-bottom: 0;
background-color: #F0F0F0;
}
.new_house img {
margin-bottom: 60px;
width: 100%;
height: 670px;
object-fit: cover;
}
.new_house>div {
margin: 0 auto;
width: 1000px;
}
.new_house>div a {
margin-right: 23px;
width: 230px;
height: 265px;
display: inline-block;
font-size: 0;
}
.new_house>div a:last-child {
margin-right: 0px;
}
.new_house>div a img {
width: 230px;
height: auto;
} .reform {
margin-bottom: 80px;
height: 500px;
background: url(//miyao.co.jp/wp/wp-content/themes/miyao-theme/img/top_reform_img_01.jpg) center top no-repeat;
background-size: 1000px 500px;
}
.reform h3 {
margin-bottom: 40px;
padding-top: 30px;
text-align: center;
font-size: 28px;
font-weight: bold;
color: #fff;
text-shadow: 3px 3px 3px rgba(35,24,21,0.75);
line-height: 42px;
}
.reform .banner_box {
margin: 0 auto;
width: 900px;
}
.reform .banner_box>a {
margin-right: 28px;
position: relative;
width: 280px;
height: 250px;
font-size: 14px;
float: left;
}
.reform .banner_box>a:last-child {
margin-right: 0;
}
.reform .banner_box a img,
.reform .banner_box a p {
position: absolute;
right: 0;
left: 0;
}
.reform .banner_box a p {
margin: 0 auto;
padding-top: 160px;
box-sizing: border-box;
width: 260px;
line-height: 26px;
}
.reform .banner_box a span {
margin: 0 auto;
border: 1px solid #333;
border-radius: 4.5px;
display: block;
width: 145px;
text-align: center;
line-height: 25px;
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 {
margin: 20px 0;
} .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 {
margin: 0 auto;
padding: 60px 0;
width: 900px;
} .company {
position: relative;
padding-top: 160px;
}
.company h3 {
margin-top: -350px;
padding-top: 350px;
}
.section {
margin: 0 auto 130px;
}
.company h1 {
margin-bottom: 40px;
width: 100%;
height: 330px;
background: url(//miyao.co.jp/wp/wp-content/themes/miyao-theme/img/company_img_01.jpg) center center no-repeat;
background-size: cover;
}
.company h1 img {
position: relative;
top: 50%;
margin: 0 auto;
width: 220px;
height: auto;
display: block;
transform: translateY(-50%);
}
.page_links {
margin-bottom: 120px;
text-align: center;
display: block;
}
.page_links li {
margin-right: 45px;
position: relative;
display: inline-block;
text-align: center;
}
.page_links a {
display: inline-block;
padding-bottom: 15px;
width: 110px;
font-size: 16px;
text-align: center;
border-bottom: 2px solid #468cc8;
}
.page_links a:hover {
border-bottom: 2px solid #999;
}
.section h3 {
margin-bottom: 40px;
font-size: 28px;
text-align: center;
}
.section p {
margin-bottom: 40px;
text-align: center;
line-height: 30px;
font-family: 'Noto Serif JP',serif;
}
.bg_img {
background: url(//miyao.co.jp/wp/wp-content/themes/miyao-theme/img/concept_item_01.svg) right 160px bottom no-repeat;
background-size: 510px;
height: auto;
} #greet {
background-color: rgba(240,240,240,0.60);
}
#greet>div {
margin: 0 auto;
padding-top: 40px;
box-sizing: border-box;
max-width: 1000px;
display: flex;
flex-flow: row wrap;
justify-content: space-between;
}
#greet>div>img {
width: 276px;
height: 370px;
margin-right: 30px;
}
#greet>div p {
width: 690px;
font-family: 'Noto Serif JP',serif;
font-size: 15px;
text-align: left;
}
#greet>div p span {
margin-right: 50px;
padding-top: 20px;
text-align: right;
display: block;
}
#greet>div p span img {
margin-left: 20px;
} #desc {
width: 1000px;
}
#desc h3 {
margin-bottom: 0;
border-bottom: 1px solid #333;
padding-bottom: 30px;
}
.company table {
width: 100%;
line-height: 28px;
background-color: #F0F0F0;
border-bottom: 1px solid #333;
}
.company table tr {
border-bottom: 1px solid #C8C8C8;
}
.company table tr:last-child {
border-bottom: none;
}
.company table tr th {
padding: 20px;
width: 200px;
text-align: center;
vertical-align: middle;
}
.company table tr td {
padding: 20px;
} #history {
max-width: 1000px;
}
#history h3 {
margin-bottom: 0;
border-bottom: 1px solid #333;
padding-bottom: 30px;
}
.company #history table tr th {
padding-left: 60px;
text-align: left;
} #access iframe {
margin: 0 auto;
width: 960px;
height: 460px;
display: block;
} #stuff {
max-width: 1000px;
}
#stuff h3 {
margin-bottom: 60px;
border-bottom: 1px solid #333;
padding-bottom: 20px;
}
#stuff article {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
font-family: 'Noto Serif JP',serif;
}
#stuff div {
margin: 0 0 90px 0;
width: 480px;
display: inline-block;
}
#stuff div:last-child {
margin: 0;
}
#stuff div img {
width: 210px;
height: 210px;
}
#stuff ul {
width: 240px;
float: right;
overflow: hidden;
}
#stuff ul li {
word-break: break-all;
line-height: 26px;
font-size: 14px;
}
#stuff ul li:first-child {
width: 212px;
height: auto;
}
#stuff ul li:nth-child(2) {
font-size: 20px;
}
#stuff ul li:nth-child(3) {
font-size: 12px;
border-bottom: 2px solid #604C3F;
}
#stuff ul li:nth-child(5) {
border-bottom: 2px solid #604C3F;
} .newhouse {
padding-top: 160px;
}
.newhouse h1 {
margin-bottom: 90px;
width: 100%;
height: 330px;
background: url(//miyao.co.jp/wp/wp-content/themes/miyao-theme/img/newhouse_img_01.jpg) center center no-repeat;
background-size: 100% auto;
}
.newhouse h1 img {
position: relative;
top: 50%;
margin: 0 auto;
width: 220px;
height: auto;
display: block;
transform: translateY(-50%);
}
.newhouse p a {
margin: 0 auto 80px;
width: 1000px;
display: block;
}
.newhouse p img {
width: 100%;
height: auto;
}
.newhouse #lineup {
margin-bottom: 50px;
background-color: #fff;
}
.newhouse #lineup h3 {
text-align: center;
margin: 0 auto 49px;
font-size: 28px;
line-height: 35px;
letter-spacing: 2px;
}
.newhouse #lineup h3 span {
font-size: 16px;
border-top: 1px solid #231815;
}
#lineup div {
margin: 0 auto;
max-width: 1000px;
display: flex;
flex-flow: row wrap;
justify-content: space-between;
}
#lineup div a img {
margin: 0 0 30px 0;
display: block;
width: 300px;
height: 344px;
box-shadow: 6px 6px 5px rgba(112,112,112,0.30);
}
#lineup div::after {
content:"";
display: block;
width: 310px;
height: auto;
} .newhouse .section {
padding: 70px 0 65px;
background-color: #eee;
width: 100%;
overflow: hidden;
}
.newhouse article {
margin:  0 auto;
padding: 60px 0 0;
box-sizing: border-box;
max-width: 1000px;
background-color: #fff;
overflow: hidden;
}
.newhouse #sozaie h3 img {
width: 480px;
height: auto;
}
.newhouse article>img {
margin: 0 auto 60px;   
display: block;
width: 900px;
height: auto;
}
.newhouse h4 {
margin-bottom: 20px;
text-align: center;
font-size: 28px;
font-weight: bold;
}
.newhouse h5 {
margin: 0 auto;
margin-bottom: 50px;
width: 900px;
text-align: center;
font-size: 28px;
line-height: 55px;
font-weight: bold;
color: #fff;
background-color: #1ea839;
}
.newhouse .column_01 {
margin: 0 auto;
max-width: 900px;
overflow: hidden;
}
.newhouse .column_01 h6 {
font-size: 18px;
line-height: 27px;
border-bottom: 4px solid  #1ea839;
}
.newhouse .column_01 div {
margin-bottom: 30px;
width: 435px;
display: inline-block;
float: left;
overflow: hidden;
}
.newhouse .column_01 div:nth-of-type(even) {
float: right;
}
.newhouse  p {
font-family: 'Noto Sans JP', sans-serif;
}
.newhouse .column_01>div p {
margin-bottom: 0;
padding-top: 20px;
width: 210px;
font-size: 14px;
text-align: left;
display: inline-block;
line-height: 22px;
text-align: justify;
text-justify: inter-ideograph;
font-family: 'Noto Sans JP', sans-serif;
}
.newhouse .column_01>div img {
padding-top: 20px;
width: 210px;
height: auto;
vertical-align: top;
float: right;
}
.newhouse .look,
.newhouse .document {
float: left;
width: 500px;
color: #fff;
font-size: 20px;
line-height: 100px;
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 70px center no-repeat;
background-size: auto 40px;
}
.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 110px center no-repeat;
background-size: auto 50px;
}
_:-ms-lang(x)::-ms-backdrop,
.newhouse .look {
padding-left: 40px;
box-sizing: border-box;
background: #3E3A39 url(//miyao.co.jp/wp/wp-content/themes/miyao-theme/img/newhouse_item_11.svg) left center no-repeat;
background-size: auto 35px;
}
_:-ms-lang(x)::-ms-backdrop,
.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 center no-repeat;
background-size: auto 50px;
}
.newhouse .look::after,
.newhouse .document::after {
margin-left: 10px;
content: '▶';
font-size: 20px;
}
.newhouse .last {
padding-top: 16px;
} .newhouse #life_box h3 img {
width: 395px;
height: auto;
}
.newhouse #life_box h5 {
font-size: 18px;
font-weight: bold;
background-color: #796a56;
}
.newhouse #life_box span {
margin-bottom: 35px;
display: block;
text-align: center;
line-height: 24px;
}
.newhouse #life_box .item_01 {
margin: 0 auto;
text-align: center;
width: 900px;
}
.newhouse #life_box .item_01>div {
margin: 0 auto 50px;
padding: 30px 0;
background-color: #EEE;
}
.newhouse #life_box .item_01>div>img {
padding-right: 40px;
display: inline-block;
}
.newhouse #life_box .item_01>div>img:last-child {
padding-right: 0;
}
.newhouse #life_box .item_01>img {
margin: 0 auto 40px;
} 
.newhouse #life_box .item_02 {
margin: 0 auto 40px;
width: 840px;
}
.newhouse #life_box .item_02 i {
display: inline-block;
margin-right: 12px;
border: 2px solid #604C3F;
border-radius: 20px;
width: 265px;
font-weight: bold;
text-align: center;
line-height: 50px;
color: #604c3f;
}
.newhouse #life_box .item_02 i:last-child {
margin-right: 0;
}
.newhouse #life_box .item_03 {
display: flex;
margin: 0 auto 60px;
max-width: 900px;
flex-flow: row wrap;
justify-content: space-between;
}
.newhouse #life_box .item_03 img {
display: inline-block;
}
.newhouse #life_box .item_03 p {
display: inline-block;
width: 348px;
text-align: left;
text-justify: inter-character;
font-size: 14px;
line-height: 21px;
}
.newhouse #life_box article .document {
background-color: #C10D23;
} .newhouse #rational_box h5 {
background-color: #036EB5;
}
.newhouse #rational_box article>.item_01 {
margin: 0 auto;
width: 900px;
overflow: hidden;
}
.newhouse #rational_box article .concept_01>p {
margin: 0 45px 15px 0;
padding: 15px 0;
border-radius: 15px;
width: 225px;
display: inline-block;
letter-spacing: 2px;
font-size: 14px;
font-weight: 300;
line-height: 21px;
vertical-align: middle;
text-align: center;
color: #fff;
background-color: #036EB5;
float: left;
}
.newhouse #rational_box article .concept_01 b {
display: block;
font-size: 18px;
}
.newhouse #rational_box article .concept_01 span {
padding-top: 10px;
width: 630px;
display: inline-block;
font-size: 14px;
line-height: 21px;
}
.newhouse #rational_box .concept_01 .item_02 {
margin-bottom: 20px;
padding: 15px 20px;
background-color: #EEE;
display: flex;
flex-flow: row wrap;
justify-content: space-between;
clear: both;
}
.newhouse #rational_box .concept_01 .item_02>p {
margin: 0 7px 0 0;
width: 150px;
display: inline-block;
font-size: 14px;
line-height: 21px;
}
.newhouse #rational_box .concept_01 .item_02>p:last-child {
margin: 0;
}
.newhouse #rational_box article .concept_02 span {
margin-bottom: 30px;
padding-top: 10px;
width: 630px;
display: inline-block;
font-size: 14px;
line-height: 21px;
}
.newhouse #rational_box article .concept_02 .item_03 {
margin-bottom: 25px;
padding: 25px;
box-sizing: border-box;
width: 900px;
background-color: #EEE;
}
.newhouse #rational_box article .concept_02 .item_03 p {
text-align: center;
display: block;
}
.newhouse #rational_box article .concept_02 .item_03 p b {
text-align: center;
}
.newhouse #rational_box article .concept_02 .item_03 img {
margin: 0 auto;
}
.newhouse #rational_box article .concept_03>p {
margin: 0 45px 15px 0;
padding: 15px 0;
border-radius: 15px;
width: 380px;
display: inline-block;
text-align: center;
vertical-align: middle;
font-size: 14px;
font-weight: 300;
line-height: 21px;
letter-spacing: 2px;
color: #fff;
background-color: #036EB5;
float: left;
}
.newhouse #rational_box article .concept_03 b {
display: block;
font-size: 18px;
}
.newhouse #rational_box article .concept_03 span {
padding-top: 10px;
display: block;
font-size: 14px;
line-height: 21px;
}
.newhouse #rational_box article .concept_03 img {
margin: 25px 0;
padding: 25px;
width: 850px;
height: auto;
background-color: #EEE;
}
.newhouse #rational_box article .concept_04 .item_04 {
margin-bottom: 25px;
padding: 25px;
width: 900px;
background-color: #EEE;
clear: both;
overflow: hidden;
}
.newhouse #rational_box article .concept_04>p {
margin: 0 45px 15px 0;
padding: 15px 0;
border-radius: 15px;
width: 340px;
display: inline-block;
letter-spacing: 2px;
font-size: 14px;
font-weight: 300;
line-height: 21px;
vertical-align: middle;
text-align: center;
color: #fff;
background-color: #036EB5;
float: left;
}
.newhouse #rational_box article .concept_04 b {
display: block;
font-size: 18px;
}
.newhouse #rational_box article .concept_04 span {
font-size: 14px;
line-height: 21px;
}
.newhouse #rational_box article .concept_04 .item_04 img {
margin-top: 20px;
float: left;
width: 180px;
height: auto;
}
.newhouse #rational_box article .concept_04 .item_04 div {
top: 0;
padding: 15px;
float: left;
width: 240px;
text-align: left;
box-sizing: border-box;
}
.newhouse #rational_box article .concept_04 .item_04 h6 {
margin-bottom: 20px;
font-size: 18px;
font-weight: bold;
color: #036EB5;
}
.newhouse #rational_box article .concept_04 .item_04 p {
margin-bottom: 0;
text-align: left;
font-size: 14px;
}
.newhouse #rational_box article .document {
background-color: #036EB5;
} .newhouse #usually_house article h3 img {
width: 495px;
height: auto;
}
.newhouse #usually_house article h5 {
padding: 20px 0;
font-size: 16px;
line-height: 32px;
font-weight: normal;
background-color: #F5B32C;
}
.newhouse #usually_house article .item_01 {
margin: 0 auto;
width: 900px;
display: flex;
flex-flow:  row wrap;
justify-content: space-between;
}
.newhouse #usually_house article .item_01 div {
width: 425px;
overflow: hidden;
}
.newhouse #usually_house article .item_01 img:first-child {
margin-bottom: 12px;
width: 100%;
}
.newhouse #usually_house article .item_01 img:nth-child(2){
margin-right: 20px;
width: 210px;
height: auto;
float: left;
}
.newhouse #usually_house article .item_01 div h6.st_01 {
margin-bottom: 10px;
padding: 10px 0 15px;
position: relative;
text-align: center;
font-size: 18px;
background: url(//miyao.co.jp/wp/wp-content/themes/miyao-theme/img/newhouse_item_19.svg) left 230px bottom 0 no-repeat;
background-size: 200px auto;
}
.newhouse #usually_house article .item_01 div h6.st_02 {
margin-bottom: 10px;
padding: 10px 0 15px;
position: relative;
text-align: center;
font-size: 18px;
background: url(//miyao.co.jp/wp/wp-content/themes/miyao-theme/img/newhouse_item_19_h.svg) left 230px bottom 0 no-repeat;
background-size: 200px auto;
}
.newhouse #usually_house article .item_01 div p {
text-align: left;
font-size:  14px;
line-height: 24px;
}
.newhouse #usually_house article .document {
background-color: #F5B32C;
} .newhouse #order_house {
margin-bottom: 0px;
}
.newhouse #order_house h5 {
background-color: #E65054;
}
.newhouse #order_house article .item_01 {
margin: 0 auto 50px;
width: 900px;
overflow: hidden;
}
.newhouse #order_house article .item_01>div {
margin-right: 20px;
width: 285px;
float: left;
}
.newhouse #order_house article .item_01 div:last-child {
margin: 0;
} 
.newhouse #order_house article .item_01 span {
margin-bottom: 24px;
border: 2px solid #E65054;
display: block;
text-align: center;
line-height: 50px;
}
.newhouse #order_house article .link_btn {
padding: 10px 0;
width: 1000px;
text-align: center;
background-color: #E65054;
}
.newhouse #order_house article a {
display: block;
} .simulation {
padding-top: 160px;
}
.simulation section {
margin-bottom: 40px;
}
.simulation > img {
margin-bottom: 40px;
width: 100%;
}
.simulation h1 {
margin: 0 auto 20px;
padding-bottom: 10px;
width: 450px;
font-size: 28px;
border-bottom: 1px solid #333;
}
.simulation .text {
margin: 0 auto 80px;
width: 640px;
text-align: left;
line-height: 32px;
}
.simulation .text center {
margin-bottom: 20px;
}
.simulation .text span {
color: #DF0012;
}
.simulation .title {
margin: 0 auto 20px;
padding: 40px 0;
width: 1000px;
display: block;
text-align: center;
}
.simulation #kicin .title {
border: 2px solid #7FABCC;
}
.simulation #bus .title {
border: 2px solid #EDA6B2;
}
.simulation #washroom .title {
border: 2px solid #AAB772;
}
.simulation #toilet .title {
border: 2px solid #FCE2B9;
}
.simulation h3,
.simulation h4 {
padding-bottom: 20px;
display: inline-block;
border-bottom: 2px solid #333;
}
.simulation p {
margin: 0 auto 30px;
font-size: 18px;
line-height: 32px;
text-align: center;
font-family: 'Noto Sans JP', sans-serif;
}
.simulation  div {
margin: 0 auto;
width: 1000px;
}
.simulation section img {
margin-right: 30px;
width: 250px;
float: left;
}
.simulation table {
margin-bottom: 120px;
width: 720px;
border-bottom: 1px solid #B0B0B0;
border-top: 1px solid #B0B0B0;
table-layout: fixed;
}
.simulation table tr {
border-bottom: 1px solid #B0B0B0;
}
.simulation table tr th {
padding: 10px 0px 10px 10px;
width: 170px;
text-align:left; 
vertical-align: middle;
}
.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 {
padding: 20px 20px 20px 10px;
background-color: #fff;
line-height: 32px;
white-space: nowrap
}
.simulation table tr td:first-child {
padding-left: 10px;
}
.simulation table tr td i {
display: block;
font-size: 12px;
}
.simulation .total {
position:fixed;
bottom:20px;
left:50%;
margin-left:-300px;
}
.simulation .total span {
margin-right: 20px;
padding: 10px 30px;
color: #FFF;
font-size: 20px;
background-color: #036eaf;
border-radius: 25px;
}
.simulation .total b {
position: relative;
top: 10px;
margin-left: 10px;
font-size: 20px;
font-weight: bold;
}
.simulation input[type="text"] {
padding: 10px;
width: 300px;
font-size: 28px;
}
.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"] {
cursor: pointer;
margin-left: 30px;
padding: 11px 30px;
color: #FFF;
font-size: 20px;
background-color: #DF0012;
border: none;
border-radius: 25px;
}
.simulation textarea.shtext {
margin-bottom: 0;
padding: 15px;
width: 630px;
height: 18px;
box-shadow: none;
font-size: 18px;
color: #2b2b2b;
background-color: #efefef;
border: 2px solid #dbdbdb;
}
.simulation #contact table {
margin-bottom: 0px;
}
.simulation .contact_btn {
margin: 40px auto 180px;
padding: 15px 0 18px;
display: block;
width: 380px;
color: #fff;
font-size: 28px;
text-align: center;
border-radius: 30px;
background-color: #E75513;
}
.simulation label.onclibtn {
position: relative;
display: block;
margin: 0 auto;
width: 200px;
font-size: 20px;
text-align: center;
}
.simulation .menu {
position: relative;
}
.simulation .menu .item_box {
transition: all 0.5s;
}
.simulation input[type="radio"].a_menu {
position: absolute;
top: 130px;
left: 400px;
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 {
padding-top: 160px;
}
.reform_menu .main_view h1 {
margin-bottom: 50px;
width: 100%;
height: 320px;
text-align: center;
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;
margin: 0 auto;
width: 800px;
height: auto;
top: 50%;
transform: translateY(-50%);
}
.reform_menu .page_links {
margin-bottom: 50px;
text-align: center;
display: block;
}
.reform_menu .page_links li {
margin-right: 45px;
position: relative;
display: inline-block;
text-align: center;
}
.reform_menu .page_links a {
display: inline-block;
padding-bottom: 15px;
width: 140px;
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 {
padding: 50px 0 80px;
background-color: #F0F0F0;
}
.reform_menu .banner_area a {
margin: 0 auto 80px;
width: 1000px;
height: 266px;
display: block;
}
.reform_menu .banner_area img:last-child {
margin-bottom: 0;
}
.reform_menu #reform_step {
margin-bottom: 100px;
}
.reform_menu #reform_step h3 {
margin: 0 auto 40px;
padding: 60px 0 10px;
width: 230px;
text-align: center;
font-size: 28px;
display: block;
border-bottom: 1px solid #333;
}
.reform_menu #reform_step .step {
margin: 0 auto 20px;
width: 957px;
overflow: hidden;
}
.reform_menu #reform_step .step div {
padding: 20px 40px;
box-sizing: border-box;
width: 680px;
height: 185px;
background-color: #F0F0C8;
border-top-left-radius: 30px;
}
.reform_menu #reform_step .step img {
height: 185px;
float: right;
}
.reform_menu #reform_step .step h4 {
margin-bottom: 26px;
display: inline-block;
font-size: 28px;
font-weight: bold;
background:linear-gradient(transparent 60%, #EBEB96 60%);
}
.reform_menu #reform_step .step p {
display: block;
width: 600px;
line-height: 24px;
} .reform_menu #faq {
margin: -80px auto 0;
padding-top: 80px;
width: 100%;
}
.reform_menu #faq h3 {
margin-bottom: 60px;
text-align: center;
font-size: 28px;
line-height: 38px;
}
.reform_menu #faq h3 span {
display: block;
font-size: 18px;
}
.reform_menu #faq div {
padding: 60px 0 120px;
background-color: #EEE;
}
.reform_menu #faq dl {
margin: 0 auto;
width: 800px;
border-bottom: 2px dotted #868686;
}
.reform_menu #faq .displayNone {
display: none;
}
.reform_menu #faq .switch {
cursor: pointer;
margin: 0 auto;
padding: 30px;
width: 740px;
color: #8D5734;
font-size: 20px;
font-weight: bold;
border-top: 2px dotted #868686;
}
.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 30px 30px;
width: 740px;
line-height: 32px;
}
.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 {
padding-top: 160px;
position: relative;  
}
.page_reform .top_img {
position: relative;  
margin-bottom: 150px;
width: 100%;
height: 354px;
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 10px 10px #707070;
}
.page_reform .top_img img {
position: absolute;
top: 50px;
right: 0;
left: 0;
margin: 0 auto;
}
.page_reform .top_img p {
position: relative;
text-align: center;
display: block;
top: 290px;
font-size: 18px;
line-height: 27px;
}
.page_reform .lead {
margin-bottom: 50px;
padding: 40px 0 30px;
text-align: center;
background-color: #EFEFEF;
}
.page_reform .lead h3 {
margin-bottom: 20px;
font-size: 28px;
}
.page_reform .lead p {
line-height: 24px;
}
.page_reform .point {
margin: 0 auto;
width: 1000px;
overflow: hidden;
}
.page_reform .point h3 {
margin-bottom: 40px;
padding-top: 40px;
box-sizing: border-box;
height: 95px;
text-align: center;
font-size: 28px;
background: url(//miyao.co.jp/wp/wp-content/themes/miyao-theme/img/reform_item_02.svg) center bottom no-repeat;
}
.page_reform .point div {
margin: 0 40px 30px 0;
padding-bottom: 20px;
float: left;
width: 480px;
box-sizing: border-box;
border: 5px solid #A8CD52;
text-align: justify;
text-justify: inter-ideograph;
}
.page_reform .point div:nth-of-type(even){
margin-right: 0;
}
.page_reform .point div span {
margin-bottom: 8px;
width: 130px;
display: inline-block;
text-align: center;
font-size: 22px;
line-height: 54px;
color: #fff;
background-color: #A8CD52;
transform: translateY(-5px);
}
.page_reform .point div h4 {
margin-left: 14px;
font-size: 28px;
font-weight: bold;
display: inline-block;
}
.page_reform .point div b {
margin: 0 20px 10px;
display: block;
font-size: 18px;
font-weight: bold;
}
.page_reform .point div p {
padding: 0 20px;
font-size: 15px;
line-height: 24px;
}
.page_reform .point .point_01 p {
min-height: 90px;
}
.page_reform .point .point_02 p {
min-height: 118px;
}
.page_reform .point .point_03 p {
min-height: 158px;
}
.page_reform .point .point_04 p {
min-height: 182px;
}
.page_reform .point .point_05 p {
min-height: 135px;
}
.page_reform .point .point_06 p {
min-height: 142px;
}
.page_reform .point img {
margin: 0 auto;
width: 430px;
vertical-align: bottom;
height: auto;
display: block;
}
.page_reform .point .point_07 {
margin: 0 40px 30px 0;
padding-bottom: 20px;
width: 1000px;
overflow: hidden;
box-sizing: border-box;
border: 5px solid #A8CD52;
}
.page_reform .point .point_07 span {
margin-bottom: 8px;
width: 130px;
display: inline-block;
text-align: center;
font-size: 22px;
line-height: 54px;
color: #fff;
background-color: #A8CD52;
transform: translateY(-5px);
}
.page_reform .point .point_07 h4 {
margin-left: 14px;
font-size: 28px;
font-weight: bold;
display: inline-block;
}
.page_reform .point .point_07 p {
float: left;
width: 245px;
font-size: 15px;
line-height: 24px;
}
.page_reform .point .point_07 img {
float: left;
width: 200px;
height: auto;
}
.page_reform .notice {
margin-bottom: 40px;
color: #C20D23;
width: 1000px!important;
border: none!important;
}
.page_reform .notice i {
margin-bottom: 20px;
display: block;
font-size: 20px;
}
.page_reform .notice i::before {
content: '■';
}
.page_reform .notice li {
font-size: 16px;
line-height: 24px;
}
.page_reform .notice li::before {
content: '●'
}
.page_reform .introduc {
margin: 0 auto 70px;
max-width: 1020px;
}
.page_reform .introduc h3 {
margin: 0 auto 64px;
padding-bottom: 10px;
border-bottom: 1px solid #333;
width: 310px;
display: block;
font-size: 28px;
}
.page_reform .introduc div {
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
}
.page_reform .introduc div img {
width: 235px;
height: auto;
}
.page_reform .introduc div>div {
margin-left: 10px;
padding: 68px 15px;
box-sizing: border-box;
width: 235px;
height: 265px;
font-size: 15px;
background-color: #efefef;
}
.page_reform .introduc div>div ul {
padding-top: 16px;
}
.page_reform .introduc div>div li {
font-size: 12px;
line-height: 36px;
}
.page_reform .introduc div>div li::before {
content: '●';
font-size: 8px;
}
.page_reform .introduc img {
margin: 0 10px 20px 10px;
}
.bottom_img {
padding: 46px 0;
width: 100%;
text-align: center;
background-color: #efefef;
}
.bottom_img a {
display: inline-block;
margin: 0 10px;
width: 480px;
}
.bottom_img a img {
width: 100%;
height: auto;
} .renovation {
padding-top: 160px;
position: relative;  
}
.renovation .top_img {
position: relative;  
margin-bottom: 150px;
width: 100%;
height: 375px;
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 10px 10px #707070;
}
.renovation .top_img h1 img {
position: absolute;
width: 1000px;
height: auto;
top: 50px;
right: 0;
left: 0;
margin: 0 auto;
}
.renovation .top_img p {
position: relative;
top: 340px;
text-align: center;
font-size: 18px;
line-height: 27px;
}
.renovation .lead {
margin-bottom: 40px;
padding: 40px 0;
box-sizing: border-box;
background-color: #EEE;
}
.renovation .lead h3 {
margin-bottom: 30px;
text-align: center;
font-size: 28px;
}
.inner {
margin: 0 auto;
max-width: 1000px;
overflow: hidden;
}
.renovation .lead .inner div {
display: inline-block;
border: 3px solid #fff;
border-radius: 50px;
padding: 20px 30px;
box-sizing: border-box;
width: 490px;
height: 230px;
line-height: 24px;
float: left;
}
.renovation .lead .inner div:first-child {
margin-right: 20px;
}
.renovation .lead div b {
display: block;
margin-bottom: 20px;
text-align: center;
font-size: 20px;
} .renovation .option {
margin: 0 auto 100px;
max-width: 1030px;
overflow: hidden;
}
.renovation .option h3 {
margin-bottom: 20px;
padding-top: 40px;
text-align: center;
font-size: 28px;
line-height: 49px;
color: #006934;
background: url(//miyao.co.jp/wp/wp-content/themes/miyao-theme/img/renovation_item_02.svg) center bottom no-repeat;
}
.renovation .option p {
margin-bottom: 64px;
text-align: center;
line-height: 24px;
}
.renovation .option div {
margin: 0 15px 30px;
padding: 20px;
box-sizing: border-box;
width: 310px;
height: 410px;
background-color: #EEE;
float: left;
}
.renovation .option div h4 {
margin-bottom: 10px;
text-align: center;
font-size: 20px;
}
.renovation .option div img {
margin-bottom: 10px;
}
.renovation .option div>p {
width: 270px;
text-align: left;
font-size: 14px; 
line-height: 21px;
} .title_box {
margin-bottom: 80px;
padding: 30px;
color: #fff;
background-color: #3D7E4E;
}
.title_box h3 {
margin: 0 auto 20px;
padding-bottom: 20px;
border-bottom: 2px solid #fff;
text-align: center;
width: 1000px;
font-size: 28px;
}
.title_box p {
text-align: center;
line-height: 24px;
}
.renovation .types {
margin-bottom: 40px;
}
.renovation .types h3 {
margin-bottom: 30px;
font-size: 28px;
font-weight: bold;
color: #006934;
}
.renovation .types h3::before {
content: '｜';
text-shadow: 2px 0 0 #006934;
}
.renovation .types .type_01 {
overflow: hidden;
}
.renovation .types .type_01 div {
margin-bottom: 80px;
width: 455px;
float: right;
}
.renovation .types span {
margin-bottom: 30px;
display: block;
line-height: 24px;
}
.renovation .types p {
line-height: 24px;
}
.renovation .types .type_01 img {
float: left;
}
.renovation .types .type_02 {
margin-bottom: 80px;
overflow: hidden;
}
.renovation .types .type_02 div {
margin-bottom: 80px;
float: left;
width: 455px;
}
.renovation .types .type_02 img {
float: right;
} .pointreform {
padding-top: 160px;
position: relative;  
}
.pointreform [id] {
margin-top: -250px;
padding-top: 250px;
}
.pointreform .top_img {
position: relative;  
margin-bottom: 150px;;
width: 100%;
height: 350px;
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 10px 10px #707070;
}
.pointreform .top_img h1 img {
position: absolute;
margin: 0 auto;
width: 780px;
height: auto;
top: 60px;
right: 0;
left: 0;
}
.pointreform .top_img p {
position: relative;
top: 310px;
text-align: center;
font-size: 18px;
line-height: 27px;
}
.pointreform .lead {	
margin-bottom: 80px;
}
.pointreform .lead a {
margin: 0 auto 60px;
display: block;
width: 1000px;
height: auto;
}
.pointreform .lead img {
width: 1000px;
height: auto;
}
.pointreform .lead h3 {
margin: 0 auto 60px;
padding-bottom: 20px;
border-bottom: 1px solid #333;
width: 470px;
text-align: center;
font-size: 28px;
}
.pointreform .lead div {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
}
.pointreform .lead div a {
display: inline-block;
width: 190px;
height: auto;
}
.pointreform .lead div img {
width: 190px;
height: auto;
} .pointreform .reform_content {
padding-bottom: 80px;
}
.pointreform .reform_content .title_box_02 {
margin: 0 0 40px;
padding: 0;
position: relative;
color: #333;
height: 100px;
overflow: hidden;
background-color: #f0f0f0;
}
.pointreform .reform_content .title_box_02 h4 {
padding: 0 4em 0 80px;
position: relative;
width: 40%;
color: #FFF;
font-size: 28px;
line-height: 100px;
text-align: right;
box-sizing: border-box;
background-color: #f4a002;
float: left;
}
.pointreform .reform_content .title_box_02 h4::after {
position: absolute;
content: '';
right: 0px;
top: 0px;
border: none;
border-right: solid 3em #f0f0f0;
border-bottom: solid 4em transparent;
}
.pointreform .reform_content .title_box_02 p {
position: relative;
padding-left: 30px;
top: 28px;
float: right;
width: 60%!important;
font-size: 14px;
text-align: left;
line-height: 24px;
box-sizing: border-box;
}
.pointreform .reform_content img {
text-align: center;
}
.pointreform .reform_content .column {
margin: 0 auto 60px;
width: 1000px;
overflow: hidden;
}
.pointreform .reform_content .column div {
margin-right: 20px;
width: 235px;
float: left;
font-size: 14px;
line-height: 24px;
}
.pointreform  .reform_content .column div:last-child {
margin-right: 0px;
}
.pointreform .reform_content .column img{
margin-bottom: 20px;
}
.pointreform .reform_content h5 {
margin-bottom: 40px;
text-align: center;
font-size: 28px;
}
.pointreform .reform_content p {
width: 100%;
line-height: 21px;
}
.pointreform .reform_content h6 {
margin: 0 auto;
width: 1000px;
text-align: center;
font-size: 28px;
line-height: 53px;
color: #fff;
background-color: #40210F;
}
.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;
box-sizing: border-box;
padding: 30px;
width: 1000px;
overflow: hidden;
background-color: #F4ECDF;
}
.pointreform .reform_content .point_w {
margin: 0 auto;
box-sizing: border-box;
padding: 30px;
width: 1000px;
overflow: hidden;
background-color: #FFF;
border-bottom: 2px solid #40210F;
}
#reform_type_01 .point_w,
#reform_type_05 .point_w {
margin: 0 auto;
box-sizing: border-box;
padding: 30px;
width: 1000px;
overflow: hidden;
background-color: #FFF;
border-bottom: none;
}
.pointreform .reform_content .point div:first-child {
float: left;
width: 460px;
}
.pointreform .reform_content .point div:last-child {
float: right;
width: 460px;
}
.pointreform .reform_content .point div b {
margin-bottom: 20px;
padding-bottom: 20px;
display: block;
font-size: 20px;
border-bottom: 4px solid #40210F;
}
.pointreform .reform_content .point div img {
float: left;
}
.pointreform .reform_content .point div p {
float: right;
width: 270px;
font-size: 14px;
line-height: 20px;
}
.pointreform .reform_content .point div p span {
font-size: 12px;
line-height: 18px;
} .pointreform #reform_type_02 .title_box_02 p {
top: 15px;
} .pointreform #reform_type_03 .title_box_02 p {
top: 15px;
}
.pointreform #reform_type_03 .column {
margin: 0 auto 40px;
width: 1000px;
display: flex;
flex-flow: row wrap;
justify-content: space-between;
}
.pointreform #reform_type_03 .column div {
width: 490px;
}
.pointreform #reform_type_03 h5 {
margin-bottom: 40px;
text-align: center;
font-size: 28px;
}
.pointreform #reform_type_03 .point {
width: 1000px;
display: flex;
flex-flow: row wrap;
justify-content: space-between;
}
.pointreform #reform_type_03 .point div {
width: 450px;
}
.pointreform #reform_type_03 .point div img {
float: left;
}
.pointreform #reform_type_03 .point div p {
width: 100%;
}
.pointreform #reform_type_03 .point div:last-child {
float: right;
} .pointreform #reform_type_04 .title_box_02 p {
top: 15px;
}
.pointreform #reform_type_04 .column {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
}
.pointreform #reform_type_04 .column div {
margin: 0 0 40px;
}
.pointreform #reform_type_04 .point {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
}
.pointreform #reform_type_04 .point img {
width: 230px
}
.pointreform #reform_type_04 .point p {
width: 211px;
} .pointreform #reform_type_05 {
margin-bottom: 0px;
}
.pointreform #reform_type_05 .title_box_02 p {
top: 15px;
}
.pointreform #reform_type_05 .column_01 {
margin: 0 auto 60px;
width: 1000px;
display: flex;
flex-flow: row wrap;
justify-content: space-between;
}
.pointreform #reform_type_05 .column_01 div {
width: 300px;
}
.pointreform #reform_type_05 .column_01 img {
margin-bottom: 20px;
}
.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 {
font-size: 14px;
}
.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 60px;
width: 1000px;
display: flex;
flex-flow: row wrap;
justify-content: space-between;
text-align: center;
}
.pointreform #reform_type_05 .column_02 div {
width: 300px;
}
.pointreform #reform_type_05 .column_02 img {
margin-bottom: 20px;
}
.pointreform #reform_type_05 .column_02>b {
margin-bottom: 20px;
padding-bottom: 12px;
width: 100%;
display: block;
border-bottom: 1px solid #231815;
text-align: center;
font-size: 20px;
}
.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;
}
.pointreform #reform_type_05 .column_02 p {
font-size: 14px;
text-align: left;
}
.pointreform #reform_type_05 .column_02 div b {
padding-bottom: 10px;
display: block;
font-size: 18px;
line-height: 28px;
}
.pointreform #reform_type_05 .point div:last-child {
width: 400px;
}
.pointreform #reform_type_05 .point div p {
width: 400px;
font-size: 14px;
line-height: 28px;
}
.pointreform #reform_type_05 .point div b {
line-height: 28px;
} #news {
margin-top: 160px;
padding-bottom: 60px;
}
#news h1 {
margin-bottom: 40px;
width: 100%;
height: 330px;
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: 138px;
display: block;
transform: translateY(-50%);
}
#news .inner {
margin: 0 auto;
width: 1000px;
}
#news .entry_list {
float: left;
width: 738px;
overflow: hidden;
box-sizing: border-box;
}
#news .entry_post {
float: left;
width: 718px;
overflow: hidden;
box-sizing: border-box;
}
#news .entry_list .item {
margin: 0 20px 10px 0;
float: left;
width: 226px;
min-height: 310px;
}
#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: 140px;
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 0;
float: left;
width: 226px;
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 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: 60px;
float: right;
width: 230px;
}
#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 {
float: right;
width: 230px;
}
#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: 50px auto 0px;
letter-spacing: -0.5em;
text-align: center;
display: flex;
padding: 20px 0 0;
font-size: 115%;
}
#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: top;
letter-spacing: normal;
align-items: center;
background-size: 20px;
border: 1px solid #333333;
border-radius: 20px;
}
#news ul.paginationList li.middle a {
padding: 15px 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: 60px 0 !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: 40px;
}
#est_purchase article {
margin: 0 auto;
width: 1000px;
}
#est_purchase h3 {
margin-bottom: 40px;
text-align: center;
font-size: 28px;
line-height: 55px;
letter-spacing: .1em;
color: #fff;
background-color: #604C3F;
}
#est_purchase .inner {
margin: 0 auto;
width: 960px;
text-align: center;
overflow: hidden;
}
#est_purchase {
padding-top: 160px;
}
#est_purchase h1 {
position: relative;  
margin-bottom: 40px;
width: 100%;
height: 330px;
background: url(//miyao.co.jp/wp/wp-content/themes/miyao-theme/img/estate_purchase_img_01.jpg) center top no-repeat;
background-size: cover;
}
_:-ms-lang(x)::-ms-backdrop,
#est_purchase h1 {
position: relative;  
margin: 160px 0 40px;
width: 100%;
height: 330px;
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: absolute;
margin: 0 auto;
width: auto;
height: 142px;
top: 50%;
right: 0;
left: 0;
transform: translateY(-50%);
}
#est_purchase .lead {
text-align: center;
font-size: 18px;
line-height: 38px;
}
#est_purchase .recom {
font-size: 18px;
line-height: 38px;
}
#est_purchase .recom p {
margin-right: 30px;
padding-top: 35px;
width: 300px;
height: 180px;
font-weight: bold;
background: url(//miyao.co.jp/wp/wp-content/themes/miyao-theme/img/estate_purchase_item_02.svg) center center no-repeat;
float: left;
box-sizing: border-box;
}
#est_purchase .recom p:last-child {
margin-right: 0;
}
#est_purchase .recom p:nth-child(2) {
padding-top: 55px;
}
#est_purchase .merit p {
padding-top: 30px;
width: 460px;
height: 130px;
border: 2px solid #FDE3B3;
border-radius: 10px;
font-size: 14px;
line-height: 24px;
}
#est_purchase .merit p:first-child {
margin: 0 auto 30px;
}
#est_purchase .merit p:nth-child(2) {
float: left;
}
#est_purchase .merit p:last-child {
float: right;
}
#est_purchase .merit p span {
font-size: 20px;
font-weight: bold;
line-height: 42px;
color: #604C3F;
}
#est_purchase .difference .inner img {
width: 460px;
height: auto;
float: left;
}
#est_purchase .difference .inner img:nth-child(2) {
float: right;
}
#est_purchase .step {
position: relative;
}
#est_purchase .step .box {
margin: 0 80px 40px 0;
padding: 25px 20px;
width: 240px;
height: 210px;
border: 2px solid #FDE3B3; 
box-sizing: border-box;
float: left;
}
#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);
margin: 50px 0 0 150px;
width: 26px;
height: auto;
}
_:-ms-lang(x)::-ms-backdrop,
#est_purchase .step .box::before {
position: absolute;
content: url(//miyao.co.jp/wp/wp-content/themes/miyao-theme/img/estate_purchase_item_05.svg);
margin: 50px 0 0 255px;
width: 20px;
height: auto;
}
#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: 18px;
font-weight: bold;
line-height: 34px;
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: 22px;
font-weight: bold;
line-height: 44px;
}
#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 10px;
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 h4 {
margin-bottom: 30px;
padding-bottom: 8px;
text-align: left;
font-size: 22px;
line-height: 26px;
border-bottom: 1px solid #3E3A39;
}
#est_purchase .est_contact .inner .text {
margin-bottom: 60px;
font-size: 18px;
line-height: 32px;
}
#est_purchase .est_contact .inner table {
width: 100%;
text-align: left;
}
#est_purchase .est_contact .inner table tr {
border-bottom: 30px solid #EEEEEF;
}
#est_purchase .est_contact .inner table tr th {
width: 30%;
vertical-align: middle;
}
#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 input {
padding: 10px;
width: 100%;
border: none;
background-color: #fff;
box-sizing: border-box;
}
#est_purchase .est_contact .inner table tr p {
font-size: 1rem;
}
#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: 120px;
}
#est_purchase .est_contact .inner table tr td input.tel {
width: 120px;
}
#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: 300px; }
#est_purchase .est_contact .inner table.last textarea {
width: 100%;
background-color: #fff;
border: none;
}
#est_purchase .est_contact .inner [type="submit"],
#est_purchase .est_contact .inner [type="button"] {
margin-bottom: 30px;
width: 490px;
height: 55px;
border: none;
font-size: 22px;
font-weight: bold;
letter-spacing: .2em;
color: #fff;
background-color: #3E3A39;
border-radius: 50px;
}
#est_purchase .est_contact .inner form p:not(.buttons-area, .buttons-area-confirm, .policy, .addition); { margin-bottom: 60px;
font-size: 14px;
}
#est_purchase .est_contact .inner form table p {
margin-bottom: 0;
}
#est_purchase .est_contact .inner p a {
text-decoration: underline;
}
#est_purchase .est_contact .inner p a:hover {
text-decoration: none;
}
#est_purchase .est_contact .inner form .buttons-area .wpcf7-spinner {
display: none;
} #works { 
margin-top: 160px;
}
#works h1 { 
position: relative;
margin-bottom: 80px;
width: 100%;
height: 375px;
background: url(//miyao.co.jp/wp/wp-content/themes/miyao-theme/img/works_img_01.jpg) center top no-repeat;
background-size: cover;
}
_:-ms-lang(x)::-ms-backdrop,
#works h1 {
position: relative;  
margin: 160px 0 80px;
width: 100%;
height: 375px;
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: absolute;
margin: 0 auto;
width: auto;
height: 180px;
top: 50%;
right: 0;
left: 0;
transform: translateY(-50%);
}
#works p {
margin-bottom: 80px;
text-align: center;
font-size: 18px;
line-height: 30px;
}
#works .cat_link {
margin: 0 auto 80px;
width: 960px;
text-align: center;
}
#works .cat_link li {
display: inline-block;
color: #7DC3D8;
}
#works .cat_link li a {
color: #7DC3D8;
line-height: 26px;
}
#works .cat_link li span {
padding: 0 30px;
display: block;
border-left: 1px solid #231815;
color: #333;
} #works .column {
margin: 0 auto;
width: 960px;
overflow: hidden;
}
#works .column .inner {
margin: 0 20px;
float: left;
width: 280px;
min-height: 350px;
box-sizing:border-box;
}
#works .column .inner img {
margin-bottom: 15px;
width: 280px;
height: auto;
}
#works .column .inner .photo {
margin-bottom: 15px;
width: 100%;
height: 180px;
overflow: hidden;
}
#works .column .inner .photo img {
width: 100%;
height: auto;
}
#works .column .inner div {
line-height: 28px;
}
#works .column .inner div span {
margin-left: 15px;
padding: 0 15px;
line-height: 26px;
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: 1000px;
}
#works.single .post h3 {
margin-bottom: 50px;
font-size: 18px;
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: 100px;
}
.slider_thumb div img {
margin: 0 auto 10px;
width: auto!important;
height: 640px!important;
object-fit: cover!important;
}
.thumb div img {
margin: 0 auto;
width: auto!important;
height: 130px!important;
object-fit: cover!important;
}
#works.single .item_01 {
margin-bottom: 70px;
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: 65px;
}
#works.single .item_01 div {
width: 450px;
}
#works.single .item_01 div p {
margin: 0 auto 50px;
width: 200px;
font-size: 32px;
font-weight: bold;
line-height: 50px;
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: 960px;
display: flex;
flex-flow: row wrap;
justify-content: space-between;
}
#works.single .pagenation li:first-child,
#works.single .pagenation li:last-child {
margin-top: 15px;
display: inline-block;
border: none;
background-color: #fff;
}
#works.single .pagenation li:nth-child(2) {
padding: 0;
width: 200px;
line-height: 40px;
text-align: center;
background-color: #fff;
border: 1px solid #C8BB9B;
border-radius: 5px;
} #contact {
margin-top: 160px;
padding-bottom: 60px;
}
#contact h1 {
margin-bottom: 40px;
width: 100%;
height: 330px;
background: url(//miyao.co.jp/wp/wp-content/themes/miyao-theme/img/contact_item_01.jpg) center center no-repeat;
background-size: cover;
}
#contact h1 img {
position: relative;
top: 50%;
margin: 0 auto;
width: auto;
height: 138px;
display: block;
transform: translateY(-50%);
}
#contact .inner {
margin: 0 auto;
width: 1000px;
}
#contact .text {
margin-bottom: 40px;
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;
border-top: 2px solid #dbdbdb;
}
#contact table tr {
border-bottom: 2px solid #dbdbdb;
}
#contact table tr th {
padding: 20px;
width: 250px;
line-height: 28px;
text-align: left;
font-weight: bold;
vertical-align: top;
background-color: #eef8ff;
}
#contact table tr th span {
color: #e20012;
}
#contact table tr td {
padding: 20px;
line-height: 28px;
}
#contact table tr td div {
margin-right: 10px;
display: inline-block;
width: 150px;
text-align: center;
}
#contact table tr td div.ww {
display: inline-block;
width: 250px;
text-align: center;
}
#contact table tr td div:nth-child(1) {
margin-bottom: 20px;
}
#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%;
}
#contact .policy {
margin-bottom: 60px;
}
#contact h4 {
margin-bottom: 30px;
font-size: 20px;
font-weight: bold;
text-align: center;
}
#contact .policy div {
padding: 60px 60px 30px;
height: 400px;
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: 28px;
}
#contact table p { margin-bottom: 0;
line-height: inherit;
}
input.textdata,
textarea {
margin-bottom: 0;
width: 630px;
box-shadow: none;
padding: 15px;
font-size: 18px;
color: #2b2b2b;
color: #2b2b2b;
background-color: #efefef;
border: 2px solid #dbdbdb;
}
input.zip {
margin-bottom: 0;
width: 100px;
box-shadow: none;
padding: 15px;
font-size: 18px;
color: #2b2b2b;
background-color: #efefef;
border: 2px solid #dbdbdb;
}
input.tel {
margin-bottom: 0;
width: 100px;
box-shadow: none;
padding: 15px;
font-size: 18px;
color: #2b2b2b;
background-color: #efefef;
border: 2px solid #dbdbdb;
}
input.data1 {
margin-bottom: 0;
width: 200px;
box-shadow: none;
padding: 15px;
font-size: 18px;
color: #2b2b2b;
background-color: #efefef;
border: 2px solid #dbdbdb;
}
.data2 {
margin-bottom: 0;
width: 250px;
box-shadow: none;
padding: 16px 15px 16px 10px;
font-size: 16px;
color: #2b2b2b;
background-color: #efefef;
border: 2px solid #dbdbdb;
}
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;
}
.wpcf7-list-item input {
accent-color: gray;
}
.mw_wp_form_confirm img {
display: none;
}
.mw_wp_form_confirm table tr td div {
margin-right: 0!important;
margin-bottom: 10px!important;
display: block!important;
width: auto!important;
text-align: left!important;
}
.mw_wp_form_confirm .policy {
display: none!important;
} .recruit {
position: relative;
padding-top: 160px;
}
.recruit h1 {
margin-bottom: 40px;
width: 100%;
height: 330px;
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: 173px;
height: auto;
display: block;
transform: translateY(-50%);
}
.recruit .ttl01{
text-align: center;
margin:90px 0 0 0;
font-size:28px;
font-weight: 500;
}
.recruit .txt01{
text-align: center;
margin:40px 0 105px 0;
font-size:18px;
font-weight: 500;
font-family: 'Noto Serif JP',serif;
}
.recruit .cat_ttl{
display: flex;
justify-content: center;
align-items: center;
color: #2F9A9C;
font-size: 28px;
font-weight: 500;
text-align: center;
margin:80px 0 35px 0!important;
border-bottom: none!important;
padding:0!important;
}
.recruit .cat_ttl::before, .recruit .cat_ttl::after {
content: '';
width: 60px;
height: 1px;
background-color: #C1C1C1;
}
.recruit .cat_ttl::before {
margin-right: 15px;
}
.recruit .cat_ttl::after {
margin-left: 15px;
}
.recruit .no_txt{
font-weight: 500;
}
.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:70px auto 0;
max-width: 1000px;
}
.recruit table {
width: 100%;
line-height: 28px;
background-color: #F0F0F0;
border-top:1px solid #7C7C7C;
border-bottom: 1px solid #7C7C7C;
}
.recruit table tr {
border-bottom: 1px solid #C1C1C1;
}
.recruit table tr:last-child {
border-bottom: none;
}
.recruit table tr th {
padding: 20px 20px 20px 85px;
width: 230px;
box-sizing: border-box;
text-align: left;
vertical-align: middle;
}
.recruit table tr td {
padding: 20px;
}
.recruit .link_btn{
margin:35px auto 0;
display: block;
font-size:20px;
line-height: 1;
color:#2F9A9C;
border:2px solid #2F9A9C;
border-radius: 40px;
padding:11px 25px;
width: 260px;
height: 45px;
box-sizing: border-box;
transition: 0.2s;
}
.recruit .link_btn:hover{
background: #2F9A9C;
color:#fff;
opacity: 1;
} #page_top {
position: fixed;
bottom: -60px;
right: 20px;
}
#page_top img {
width: 60px;
height: auto;
}
_:-ms-lang(x)::-ms-backdrop,
#page_top img {
width: 60px;
height: 60px;
} .nav_list {
width: 100%;
clear: both;
background-color: #fff;
}
.nav_list article {
margin: 0 auto;
width: 960px;
}
.nav_list ul {
margin-right: 60px;
display: inline-block;
font-size: 14px;
text-align: left;
line-height: 28px;
vertical-align: text-top;
}
.nav_list ul:last-child {
margin-right: 0;
} footer {
color: #fff;
background-color: #000;
}
footer section {
margin: 0 auto;
padding: 30px 0;
width: 1000px;
overflow: hidden;
}
footer div {
float: left;
width: 500px;
}
section img.logo {
margin-bottom: 30px;
}
section img.phone {
margin: 5px 10px 0 0;
width: auto;
height: 28px;
}
footer div span {
display: inline-block;
font-size: 14px;
line-height: 26px;
}
footer .contact_btn {
margin-top: 40px;
padding: 15px 0 18px;
display: block;
width: 380px;
color: #fff;
font-size: 28px;
text-align: center;
border-radius: 30px;
border: 1px solid #fff;
}
footer .snsbtn {
display: none;
}
footer .foot_contact {
display: none;
}
footer small {
display: block;
font-size: 13px;
line-height: 40px;
text-align: center;
background-color: #000;
} .global-nav {
display: none;
}
.hamburger {
display: none;
}
.sp_menu_margin-top { display: none;
}