@charset "utf-8";

@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700;900&family=Noto+Serif+JP:wght@400;600&display=swap"); 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,picture {
margin: 0;
padding: 0;
border: 0;
font-size: 100%; vertical-align: baseline;
line-height: 1.5em;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
margin : 0;
border-collapse: collapse;
border-spacing: 0;
empty-cells: show;
}
img {
vertical-align: bottom;
border: none;
}
picture {
display: block;
} html {
-webkit-font-smoothing: antialiased;
}
body {
margin: 0 auto;
padding: 0;
line-height: 1.6em;
font-family: 'Noto Sans JP', sans-serif;
-webkit-text-size-adjust: 100%;
color: #00437e;
letter-spacing: .4px;
}
a {
outline:none;
color: #2e2e2e;
}
a:hover {
text-decoration: none;
}
a,a:hover,a:hover img {
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
text-decoration: none;
}
a:hover {
filter: alpha(opacity=80);
-moz-opacity:0.80;
opacity:0.80;
}
img {
max-width: 100%;
height: auto;
width :auto;　 }
* {
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
.descript{
color: #00437e;
font-size:70%;
font-weight: bold;
position:absolute;
top:2px;
left:50%!important;
transform:translatex(-50%);
z-index: 10
}
@media (min-width: 751px) {
a[href*="tel:"] {
pointer-events: none;
cursor: default;
text-decoration: none;
}
}
.sp{
display: none!important;
}
.pc{
display: block!important;
}
@media screen and (max-width:599px){
.sp{
display: block!important;
}
.pc{
display: none!important;
}
body {
min-height: 100vh; min-height: -webkit-fill-available;
}
html {
height: -webkit-fill-available;
}
} #nav li{
font-family: 'Noto Sans JP', sans-serif;
font-weight: bold;
color: #00437e;
}
#nav li a {
display: block;
color: #00437e;
position: relative;
}
#nav .menu-item-has-children > a:after,#nav .menu-item-has-children > a:before {
display: block;
content: "";
position: absolute;
top: 0; 
right: 0;
bottom: 0;
right: 20px;
margin: auto;
width: 10px;
height: 2px;
background: #00437e;
transition: .2s;
}
#nav .menu-item-has-children > a:after {
transform: rotate(90deg);
-webkit-transform: rotate(90deg);
}
#nav .menu-item-has-children > a.open:before{
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
}
#nav .menu-item-has-children > a.open:after{
background: transparent;
}
#nav .menu-item-has-children .sub-menu {
display: none;
}
.phoneCall{
text-align: center;
font-size:70%;
}
.phoneCall span{
font-size:220%;
}
.contact{
text-align: center;
}
.contact a{
background:#7ac343;
color:#fff!important;
position:relative;
width:200px;
font-size:1.1rem!important;
}
@media only screen and ( max-width : 899px ) {
.overlay {
width: 0;
height: 0;
position: fixed;
z-index: 11;
top: 0;
left: 0;
opacity: 0;
transition: opacity .5s;
background: rgba(255,255,255,.7);
}
.overlay.open {
width: 100%;
height: 100%;
opacity: 1;
}
#main {
transition: all .5s;
min-height: 100vh;
}
#main.open {
position: fixed;
width: 100%;
}
#menu_btn {
top: 4px;
right: 6px;
transition: .3s;
cursor: pointer;
position: fixed;
z-index: 9999;
width: 50px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
}
.menu-trigger {
width: 18px;
height: 16px;
position: relative;
}
.menu-trigger span {
display: inline-block;
box-sizing: border-box;
position: absolute;
left: 0;
width: 100%;
height: 2px;
background-color: #00437e;
transition: all .5s;
}
.menu-trigger span:nth-of-type(1) {
top: 0;
}
.menu-trigger span:nth-of-type(2) {
width: 70%;
top: 7px;
}
.menu-trigger span:nth-of-type(3) {
bottom: 0;
}
#menu_btn.active .menu-trigger span:nth-of-type(1) {
transform: translateY(7px) rotate(-45deg);
}
#menu_btn.active .menu-trigger span:nth-of-type(2) {
opacity: 0;
}
#menu_btn.active .menu-trigger span:nth-of-type(3) {
transform: translateY(-7px) rotate(45deg);
}
#nav {
width: 320px;
height: 100%;
overflow: auto;
padding: 90px 0;
background: #00437e;
position: fixed;
top: 0;
right: 0;
z-index: 12;
transform: translate(320px);
transition: all .5s;
}
#nav.open {
transform: translateZ(0);
}
#nav li {
padding: 0 20px;
}
#nav li a {
position: relative;
padding: 20px;
color: #fff;
}
#nav .menu-item-has-children .sub-menu {
padding: 20px;
}
#nav .menu-item-has-children > a.open:first-of-type {
color: #fff;
}
#nav .menu-item-has-children .sub-menu li {
padding: 0;
margin-bottom: 20px;
}
#nav .menu-item-has-children .sub-menu li:last-child {
margin-bottom: 0;
}
#nav .menu-item-has-children .sub-menu li a {
padding: 0;
}
#menu_btn.active .menu-trigger span{
background-color:#fff!important;
}
#nav .menu-item-has-children > a:after,#nav .menu-item-has-children > a:before {
background:#fff;
}
}
@media print, screen and ( min-width : 900px ) {
#menu_btn,.overlay {
display: none;
}
#nav ul {
display: flex;
flex-wrap: wrap;
align-items: center;
}
#nav li {
position: relative;
}
#nav li a {
padding: 20px 6px;
font-size:80%;
}
#nav li:last-child a{
padding:0.1em 2em!important;
}
#nav .menu-item-has-children > a {
padding-right: 30px;
}
#nav .menu-item-has-children > a.open:first-of-type,#nav .current-menu-item a {
color: #00437e;
}
#nav .current-menu-item li a {
color: #fff;
}
#nav li ul.sub-menu {
flex-direction: column;
background: #00437e;
position: absolute;
width: 200px;
left: 50%;
top: 100%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
padding: 10px 0;
}
#nav li ul.sub-menu li {
width: 100%;
}
#nav li ul.sub-menu li a {
line-height: 1.6em;
color: #fff;
padding: 10px 20px;
}
#nav li ul.sub-menu li a:hover {
color: #dad4ec;
}
} header {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
position: fixed;
top: 0;
left: 0;
z-index: 10;
}
header #logo a {
display: block;
}
@media only screen and ( max-width : 899px ) {
header {
padding: 1px 10px;
height: 60px;
}
header #logo {
width: 150px;
}
.descript{
font-size:1vw;
}
.contact a{
width:100%;
}
}
@media only screen and ( max-width : 599px ) {
.descript{
font-size:2vw;
left:10px;
}
header #logo {
width: 20vw;
margin-top:3vw
}
}
@media print, screen and ( min-width : 900px ) {
header {
padding: 0px 20px;
}
header #logo {
width: 200px;
}
}
.fixed{
background:#fff;
} #fv{
}
.fv{
width:100vw;
position:relative;
overflow: hidden;
margin-bottom:30px;
}
.fv img{
width:100%;
height:auto;
}
@media screen and (min-width:600px){
.slider{
display: -webkit-box;
display: flex;
width:90%;
margin:120px auto 0;
justify-content: space-between;
flex-wrap:wrap;
}
.slider li{
width:49.5%;
margin-bottom:10px
}
}
@media screen and (max-width:599px){
.slider{
display: -webkit-box;
display: flex;
width:96%;
margin:12vw auto 0;
justify-content: space-between;
flex-wrap: wrap;
}
.slider li{
width:100%;
margin-bottom:2vw;
}
}
.fvTitle{
font-family: 'Noto Serif JP', serif;
font-weight: 600;
position:absolute;
left:50%;
top:50%;
text-align: center;
transform:translate(-50%,-50%);
color: #000;
font-size:2.5vw;
line-height: 2;
animation: fadeIn 1s linear .5s forwards;
opacity: 0;
width:100%;
}
@keyframes fadeIn{
0%{
opacity: 0;
}
100%{
opacity: 1;
}
}
@media screen and (min-width:600px) and (max-width:899px){
.fvTitle{
font-size:3.5vw;
}
}
@media screen and (max-width:599px){
.fvTitle{
font-size:4vw;
top:50%;
text-align: center;
transform:translate(-50%,-50%);
}
.fv{
margin-top:60px;
}
.fv img{
width:100%;
}
}
.intro p{
text-align: center;
color:#00437e;
line-height: 2.2;
font-family: 'Noto Serif JP', serif;
font-weight: 600;
font-size:1.3vw;
padding:4% 0;
margin:4% 0;
background:url(//miz-cs.com/cs/wp-content/themes/mizcs/img/png/gradieationBlue.png) no-repeat center center;
background-size:contain;
}
@media screen and (min-width:600px) and (max-width:899px){
.intro p{
font-size:2.5vw;
padding:6% 0;
margin:6% 0;
}
}
@media screen and (max-width:599px){
.intro p{
font-size:3.5vw;
padding:6% 0;
margin:6% 0;
}
}
.t1{
text-align: center;
font-family: 'Noto Serif JP', serif;
font-weight: 600;
font-size:1.8vw;
letter-spacing: 0.15em;
margin-bottom:6%;
}
.t1 span{
position:relative;
padding:0 1.2em;
}
.t1 span::before{
content:'';
width:200%;
height:2px;
background:#dfdfdf;
position:absolute;
top:50%;
left:-220%;
}
.t1 span::after{
content:'';
width:200%;
height:2px;
background:#dfdfdf;
position:absolute;
top:50%;
right:-220%;
}
@media screen and (min-width:600px) and (max-width:899px){
.t1{
font-size:3.5vw;
}
.t1 span::before{
width:100%;
left:-120%;
}
.t1 span::after{
width:100%;
right:-120%;
}
}
@media screen and (max-width:599px){
.t1{
font-size:4.5vw;
}
.t1 span::before{
width:80%;
height:1px;
left:-90%;
}
.t1 span::after{
width:80%;
height:1px;
right:-90%;
}
}
.bizListWrap{
display: -webkit-box;
display: flex;
}
.bizList1{
width:40%;
font-family: 'Noto Serif JP', serif;
color:#00437e;
display: -webkit-box;
display: flex;
justify-content: center;
background:#e9f2ff;
flex-direction: column;
flex-wrap:wrap;
align-items: center;order:1;
}
.bizList4{
width:40%;
font-family: 'Noto Serif JP', serif;
color:#00437e;
display: -webkit-box;
display: flex;
justify-content: center;
background:#e9f2ff;
flex-direction: column;
flex-wrap:wrap;
align-items: center;
}
.bizList2{
width:60%;
order:2;
}
.bizList3{
width:60%;
}
.bizList2 img{
width:100%;
height:auto;
}
.bizList1 h3{
text-align: center;
font-size:1.6vw;
margin-bottom:1em;
}
.bizList1 p{
font-size:1vw;
}
.bizList4 h3{
text-align: center;
font-size:1.6vw;
margin-bottom:1em;
}
.bizList4 p{
font-size:1vw;
}
.btn1{
text-align: center;
margin:2em 0 0;
}
.btn1 a{
display: inline-block;
background: #00437e;
color:#fff;
padding:0.8em 5em;
border:solid 1px #00437e;
font-weight: bold;
}
.btn1 a:hover{
background:#fff;
color:#00437e;
}
@media screen and (min-width:600px) and (max-width:899px){
.bizListWrap{
flex-direction: column;
}
.bizList1{
width:100%;
order:2;
}
.bizList2{
width:100%;
order:1;
}
.bizList3,.bizList4{
width:100%;
}
.bizList1 h3,.bizList4 h3{
font-size:3vw!important;
margin-bottom:1em;
margin-top:1.5em;
}
.bizList1 p,.bizList4 p{
font-size:2.5vw;
font-weight:600;
}
.btn1{
margin:2em 0;
}
.btn1 a{
display: inline-block;
background: #00437e;
color:#fff;
padding:0.6em 5em;
}
}
@media screen and (max-width:599px){
.bizListWrap{
flex-direction: column;
}
.bizList1{
width:100%;
order:2;
}
.bizList2{
width:100%;
order:1;
}
.bizList3,.bizList4{
width:100%;
}
.bizList1 h3,.bizList4 h3{
font-size:4.5vw!important;
margin-bottom:1em;
margin-top:1.5em;
}
.bizList1 p,.bizList4 p{
font-size:3.5vw;
font-weight:600;
}
.btn1{
margin:2em 0;
}
.btn1 a{
display: inline-block;
background: #00437e;
color:#fff;
padding:0.6em 5em;
}
}
#bizContent{
padding:40px 0;
}
.bizWrapper{
padding:0 0 5%;
}
.gray{
background:#eef0f6;
}
.gray2{
background:#f9fafc;
}
.mb-1{
margin-bottom:20px;
}
.flWrapper{
display: -webkit-box;
display: flex;
align-items: center;
width:90%;
margin:0 auto;
font-family: 'Noto Serif JP', serif;
justify-content: center;
padding:50px 0;
}
.flBox{
width:50%;
}
.flBox p{
text-align: justify;
font-size:1vw;
}
.flBox img{
width:80%;
height:auto;
display: block;
margin:0 auto;
box-shadow: 8px 8px 12px #999
}
.fli2{
display: -webkit-box;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.t2{
font-weight:600;
font-size:1.6vw;
margin-bottom:1em;
}
@media screen and (min-width:600px) and (max-width:899px){
.flWrapper{
flex-direction: column;
margin:0 auto 2%;
}
.flBox{
width:100%;
margin-bottom:5%;
}
.t2{
font-size:3.5vw;
}
.flBox p{
font-size:2.5vw;
}
}
@media screen and (max-width:599px){
.flWrapper{
flex-direction: column;
}
.flBox{
width:100%;
margin-bottom:10%;
}
.t2{
font-size:4.5vw;
}
.flBox p{
font-size:90%;
}
}
.s1{
text-align: center;
color:#000;
font-family: 'Noto Serif JP', serif;
font-size:1.5vw;
margin-bottom:3%;
}
.cList{
width:90%;
margin:0 auto 5%;
display: -webkit-box;
display: flex;
flex-wrap:wrap;
}
.cList li{
width:32.3%;
margin:0.5%;
text-align: center;
}
.cList li a{
display: block;
border:solid 2px #00437e;
background:#fff;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 700;
padding:1em 0;
color:#00437e;
}
.cList li a:hover{
background:#00437e;
color:#fff;
}
@media screen and (min-width:600px) and (max-width:899px){
.s1{
font-size:2.5vw;
margin-bottom:5%;
}
.cList li{
width:48%;
margin:1%;
}
}
@media screen and (max-width:599px){
.s1{
font-size:4.5vw;
margin-bottom:6%;
}
.cList{
flex-direction:column;
}
.cList li{
width:100%;
margin:0 0 3% 0;
}
}
.newsBlock{
width:80%;
margin:0 auto 6%;
background:#fff;
padding:5% 3%;
box-shadow:0px 0px 12px #ddd;
}
.newsList{
display: -webkit-box;
display: flex;
flex-wrap:wrap;
font-family: 'Noto Sans JP', sans-serif;
align-items: center;
font-size:90%;
margin-bottom:3vw;
}
.newsList dt{
width:30%;
font-weight: 700;
line-height: 2;
}
.newsList dd{
width:70%;
font-weight: 400;
line-height: 2;
}
.newsList dd a{
display: block;
color:#000;
font-weight:700;
padding:0.5em;
}
.newsList dd a:hover{
background:#1a1a1a;
color:#fff;
}
.cat{
margin-left:1em;
width:60%;
display: inline-block;
text-align: center;
font-size:90%;
}
.cat a{
display: block;
padding:0.3em;
}
.news a{
background:#00437e;
color:#fff;
}
.column a{
background:#7ac343;
color:#fff;
}
.t-news a{
background:#1EB2E9;
color:#fff;
}
.t-column a{
background:#EE94A8;
color:#fff;
}
.doc-blog a{
background:#005039;
color:#fff;
}
.member-report a{
background:#E94800;
color:#fff;
}
.trend a{
background:#1a1a1a;
color:#fff;
}
.kaib a{
background:#51BEEF;
color:#fff;
}
.newsCatBtnList{
display: -webkit-box;
display: flex;
width:80%;
margin:0 auto 5%;
justify-content: center;
}
.newsCatBtnList li{
width:30.3%;
text-align: center;
margin:0 1%;
}
.newsCatBtnList li a{
display: block;
padding:1em 0;
font-weight: 700;
}
.newsCatBtnList li:first-child a{
background:#00437e;
color:#fff;
}
.newsCatBtnList li:nth-child(2) a{
background:#7ac343;
color:#fff;
}
.newsCatBtnList li:nth-child(3) a{
background:#005039;
color:#fff;
}
@media screen and (min-width:600px) and (max-width:899px){
.cat{
margin-left:0;
width:80%;
}
.newsCatBtnList li{
width:60%;
}
}
@media screen and (max-width:599px){
.newsBlock{
width:90%;
padding:10% 3%;
margin:0 auto 5%;
}
.newsList{
flex-direction: column;
}
.newsList dt{
width:100%;
margin-bottom:0.2em;
}
.newsList dd{
width:100%;
font-weight: 400;
line-height: 2;
margin-bottom:1em;
}
.newsList dd a{
padding:0.5em 0;
}
.newsCatBtnList{
flex-direction: column;
width:90%;
margin:0 auto 10%;
}
.newsCatBtnList li{
width:100%;
text-align: center;
margin:0 0 3% 0;
}
}
.careWrapper{
padding:6% 0;
}
.cta{
background:url(//miz-cs.com/cs/wp-content/themes/mizcs/img/jpg/fv.jpg)no-repeat center bottom;
background-size:cover;
padding:8% 0 12%;
text-align: center;
color:#00437e;
position:relative;
font-family: 'Noto Serif JP', serif;
}
.cta h2{
font-size:160%;
margin-bottom:1em;
}
.cta p{
font-weight: 600;
}
.btn2 {
margin:1em 0;
}
.btn2 a{
font-family: 'Noto Sans JP', sans-serif;
background:#00437e;
color:#fff;
display: inline-block;
padding:1em 6em;
border:solid 2px #00437e;
position:relative;
z-index: 1;
}
.btn2 a:hover{
background:#fff;
color:#00437e;
}
@media screen and (max-width:599px){
.cta{
background:url(//miz-cs.com/cs/wp-content/themes/mizcs/img/jpg/fv.jpg)no-repeat center bottom;
background-size:cover;
padding:20% 0 ;
}
.cta h2{
font-size:6.5vw;
color:#fff;
}
.btn2 a{
display: block;
padding:1em 0;
width:90%;
margin:0 auto;
}
.cta p{
color:#fff;
font-size:3.5vw;
}
.careWrapper{
padding:12% 0 6%;
}
}
#footer{
padding:4% 0;
}
.footerWrapper{
display:-webkit-box;
display: flex;
width:90%;
margin:0 auto;
}
.footerBox1{
width:40%;
}
.footerBox2{
width:30%;
}
.footerBox1 h2{
margin-bottom:3%;
}
.footerBox1 img{
width:40%;
}
.comBox{
margin-bottom:3%;
}
.comBox p{
font-size:80%;
color:#000;
}
.btn3 {
text-align: center;
font-weight: bold;
font-size:90%;
}
.btn3 a{
background:#2f7d54;
color:#fff;
display: block;
width:70%;
padding:1.2em 0;
}
.footerList li{
font-size:80%;
font-family: 'Noto Sans JP', sans-serif;
}
.footerList li.mast a{
font-weight:bold;
}
.footerList li.slv{
text-indent:1em;
}
.footerList li a{
display: block;
padding:0.5em
}
.footerList li a:hover{
color:dodgerblue;
}
.copyright{
background:#00437e;
text-align: right;
padding:0 1em;
color:#fff;
}
@media screen and (max-width:599px){
.footerWrapper{
flex-direction:column;
}
.footerBox1{
width:100%;
margin-bottom:5%;
}
.footerBox2{
width:100%;
}
.copyright{
font-size:2.5vw;
padding:1em;
}
}
.subTop{
margin-top:120px;
}
#breadcrumb{
width:90%;
margin:0 auto;
}
#breadcrumb ul{
display: -webkit-box;
display: flex;
font-size:90%;
font-weight: bold;
align-items: center;
color:#000;
}
#breadcrumb ul li a{
padding:0.5em 1em;
position:relative;
display: inline-block;
}
#breadcrumb ul li a:after{
font-family: "Font Awesome 5 Free";
font-weight:900;
content:'\f054';
position:absolute;
right:0;
}
#breadcrumb ul li a:hover{
background:#1a1a1a;
color:#fff;
}
#breadcrumb ul li:last-child{
margin-left:0.5em;
}
.subPageFv1{
position:relative;
padding-top:40.8%;
background:url(//miz-cs.com/cs/wp-content/themes/mizcs/img/jpg/subkaigyo.jpg) no-repeat center center;
background-size:cover;
}
.subPageFv2{
position:relative;
padding-top:40.8%;
background:url(//miz-cs.com/cs/wp-content/themes/mizcs/img/jpg/consultopFv.jpg) no-repeat center center;
background-size:cover;
}
.subFvTitleBox{
width:50%;
top:50%;
transform: translateY(-50%);
position:absolute;
color:#000;
text-align: center;
font-family: 'Noto Sans JP', sans-serif;
}
.r0{
right:0;
}
.subFvTitleBox p{
font-weight: bold;
font-size:1.2vw
}
.subFvTitleBox h1{
font-size:2vw;
font-weight: 700;
margin:0.2em 0 0.5em;;
}
.subFvTitleBox h1 span{
font-size:4vw;
letter-spacing: 0.1em;
font-weight: 900;
line-height: 1;
}
@media screen and (min-width:600px) and (max-width:899px){
.subFvTitleBox p{
font-size:2vw
}
.subFvTitleBox h1{
font-size:3vw;
}
.subFvTitleBox h1 span{
font-size:5vw;
}
}
@media screen and (max-width:599px){
.subTop{
margin-top:60px;
}
.subFvTitleBox p{
font-weight: bold;
font-size:2vw;
line-height:1.8;
}
.subFvTitleBox h1{
font-size:3vw;
}
.subFvTitleBox h1 span{
font-size:5vw;
}
#breadcrumb{
width:96%;
margin:0 auto;
}
#breadcrumb ul{
font-size:70%;
flex-wrap:wrap;
}
}
.kaigyoOutline{
padding:8% 0 2%;
font-family: 'Noto Serif JP', serif;
font-weight: 600;
text-align: center;
}
.kaigyoOutline h2{
color:#000437e;
font-size:1.6vw;
margin-bottom:2em;
}
.kaigyoComment p{
line-height:2;
margin-bottom:1em;
font-size:1vw;
}
.outlineWrapper1{
background:url(//miz-cs.com/cs/wp-content/themes/mizcs/img/png/gradieationCircle.png)no-repeat center center;
background-size:contain;
}
@media screen and (min-width:600px) and (max-width:899px){
.kaigyoOutline h2{
color:#000437e;
font-size:2.8vw;
}
.kaigyoComment p{
font-size:1.8vw;
}
}
@media screen and (max-width:599px){
.kaigyoOutline{
padding:12% 0 4%;
}
.kaigyoOutline h2{
color:#000437e;
font-size:4vw;
}
.kaigyoComment{
width:90%;
margin:0 auto;
}
.kaigyoComment p{
font-size:3.5vw;
}
}
.strengthWrapper{
padding:8% 0 2%;
}
.mainTitle1{
color:#000437e;
font-size:1.6vw;
margin-bottom:2em;
font-family: 'Noto Serif JP', serif;
font-weight: 600;
text-align: center;
}
.mainList1{
width:80%;
margin:0 auto;
display: -webkit-box;
display: flex;
color:#000!important;
flex-wrap:wrap;
}
.mainList1 li{
width:47%;
margin:1.5%;
}
.mainList1 li h3{
margin:1.2em 0;
}
.mainList1 li p{
font-size:90%;
text-align: justify;
margin-bottom:1em;
}
@media screen and (min-width:600px) and (max-width:899px){
.mainTitle1{
font-size:2.8vw;
}
.mainList1{
flex-wrap:wrap;
}
.mainList1 li{
width:47%;
margin:1.5%;
}
}
@media screen and (max-width:599px){
.mainTitle1{
font-size:4.5vw;
}
.mainList1{
flex-direction:column;
width:90%;
}
.mainList1 li{
width:100%;
margin:0 0 1.5% 0;
}
.mainList1 li h3{
font-size:4vw;
}
.mainList1 li p{
font-size:3.5vw;
}
}
#flow{
background: -moz-linear-gradient(top, #FFF, #c1d7e7);
background: -webkit-linear-gradient(top, #FFF, #c1d7e7);
background: linear-gradient(to bottom, #FFF, #c1d7e7);
padding-bottom:4%;
}
.flowWrapper{
padding:8% 0 6%;
background:url(//miz-cs.com/cs/wp-content/themes/mizcs/img/png/gradieationArrow.png) no-repeat;
background-size: contain;
background-position: 25% bottom;
}
.flowFlWrap{
display: -webkit-box;
display: flex;
width:70%;
margin:0 auto 1%;
}
.flowFlBox1{
width:40%;
padding-right:5%;
}
.flowFlBox1 ul li{
text-align: center;
font-weight: bold;
border:solid 3px #00437e;
background:#fff;
padding:1.2em ;
margin-bottom:3%;
position:relative;
font-size:110%;
}
.flowFlBox1 ul li span{
padding-right:0.5em;
}
.flowFlBox2{
width:60%;
border-left:solid 4px #00437e;
padding:2% 5%;
display: -webkit-box;
display: flex;
align-items: center;
}
.flowFlBox2 p,.flowFlBox3 p{
line-height: 1.8;
text-align: justify;
}
.mb1em{
margin-bottom:1em;
}
.flowFlBox3{
width:60%;
padding:2% 5%;
display: -webkit-box;
display: flex;
align-items: center;
}
@media screen and (min-width:600px) and (max-width:899px){
.flowWrapper{
padding:8% 0 6%;
background:url(//miz-cs.com/cs/wp-content/themes/mizcs/img/png/gradieationArrow.png) no-repeat;
background-size: contain;
background-position: 20% bottom;
}
.flowFlWrap{
width:90%;
}
.flowFlBox1{
width:45%;
padding-right:2%;
}
.flowFlBox2,.flowFlBox3{
width:55%;
padding:2% 5%;
}
.flowFlBox1 ul li{
font-size:2vw;
}
.flowFlBox2 p,.flowFlBox3 p{
font-size:1.8vw;
}
}
@media screen and (max-width:599px){
.flowFlWrap{
width:80%;
flex-direction:column;
}
.flowFlBox1{
width:100%;
padding-right:0;
}
.flowFlBox2,.flowFlBox3{
width:100%;
border-left:none;
padding:5%;
}
.flowFlBox1 ul li{
font-size:3.8vw;
}
.flowFlBox2 p,.flowFlBox3 p{
font-size:3.7vw;
text-align: justify;
}
}
.release{
text-align: center;
font-family: 'Noto Serif JP', serif;
font-weight: 600;
font-size:5vw;
letter-spacing:0.1em;
}
.orange{
text-align: center;
}
.orange span{
background:#ec5a24;
color:#fff;
display: inline-block;
font-weight: bold;
padding:1.5em 2em;
}
@media screen and (max-width:599px){
.flowWrapper{
padding:8% 0 6%;
background:none;
}
.release{
font-size:12vw
}
}
.voiceWrap{
padding:8% 0 6%;
}
.docVoiceList{
display: -webkit-box;
display: flex;
flex-wrap:wrap;
align-items: center;
width:80%;
margin:0 auto;
}
.docVoiceList dt{
width:50%;
padding-right:5%;
margin-bottom:4%;
}
.docVoiceList dd{
width:50%;
margin-bottom:4%;
}
.docVoiceList dd h3{
font-family: 'Noto Serif JP', serif;
font-weight: 600;
font-size:1.5vw;
margin-bottom:1em;
}
.docVoiceList dd .voiceexcerpt{
line-height: 1.8;
margin-bottom:3em;
}
.btn4{
text-align: center;
}
.btn4 a{
display: block;
background:#00437e;
color:#fff;
font-weight: bold;
padding:1.2em;
width:80%;
margin:0 auto;
border:solid 2px #00437e;
}
.btn4 a:hover{
background:#fff;
color:#00437e;
}
@media screen and (min-width:600px) and (max-width:899px){
.docVoiceList{
align-items: flex-start;
}
.docVoiceList dt{
width:40%;
padding-right:5%;
margin-bottom:4%;
}
.docVoiceList dd{
width:60%;
margin-bottom:4%;
}
.docVoiceList dd h3{
font-size:2.3vw;
margin-bottom:1em;
}
.docVoiceList dd .voiceexcerpt{
font-size:1.6vw;
margin-bottom:2em;
}
.btn4 a{
font-size:1.6vw;
padding:1.2em;
width:80%;
margin:0 auto;
border:solid 2px #00437e;
}
}
@media screen and (max-width:599px){
.docVoiceList{
flex-direction: column;
}
.docVoiceList dt{
width:100%;
padding-right:0;
margin-bottom:6%;
}
.docVoiceList dd{
width:100%;
margin-bottom:4%;
}
.docVoiceList dd h3{
font-size:3.5vw;
margin-bottom:1em;
}
.docVoiceList dd .voiceexcerpt{
font-size:3vw;
}
.btn4 a{
font-size: 3vw;
}
}
.nopost{
text-align: center;
}
.btn5{
text-align: center;
margin:3em 0;
}
.btn5 a{
color:#00437e;
font-weight: bold;
display: inline-block;
padding:1.4em 6em;
border:solid 2px #00437e;
}
.btn5 a:hover{
background:#00437e;
color:#fff;
}
@media screen and (max-width:599px){
.btn5 a{
display: block;
width:90%;
margin:0 auto;
padding:1.4em 0;
}
}
.propertyWrap{
padding:4% 0 6%;
}
.propertyList{
display: -webkit-box;
display: flex;
flex-wrap:wrap;
width:80%;
margin:0 auto;
}
.propertyList li{
width:30.3%;
margin:0 1.5% 6%;
color:#000;
display: -webkit-box;
display: flex;
flex-direction: column;
}
.propertyList li .btn1{
margin-top:auto;
}
.propertyList li img{
display: block;
margin-bottom:4%;
aspect-ratio:1/0.666;
object-fit:cover;
}
.propertyTitle{
margin-bottom:1.2em;
font-size:1.1vw
}
.propertyOutline dl{
display: -webkit-box;
display: flex;
flex-wrap:wrap;
}
.propertyOutline{
background:#f5f5f5;
font-weight: bold;
padding:1em;
margin-bottom:5%;
}
.propertyOutline dl dt{
width:30%;
padding:0.5em 0;
}
.propertyOutline dl dd{
width:70%;
padding:0.5em 0;
}
@media screen and (min-width:600px) and (max-width:899px){
.propertyList{
width:90%;
}
.propertyList li{
width:47%;
}
.propertyTitle{
font-size:2vw
}
.propertyOutline dl dt{
font-size:1.5vw;
}
.propertyOutline dl dd{
font-size:1.5vw;
}
}
@media screen and (max-width:599px){
.propertyList li{
width:100%;
margin:0 0 3%;
}
.propertyTitle{
font-size:3.8vw
}	
.propertyOutline dl dt{
font-size:3.2vw;
}
.propertyOutline dl dd{
font-size:3.2vw;
}
}
.consultingWrapper{
padding:6% 0;
font-family: 'Noto Serif JP', serif;
width:80%;
margin:0 auto;
}
.consultingOutline{
max-width:60%;
margin:0 auto;
text-align: center;
}
.consultingOutline p{
line-height: 1.8;
font-weight: bold;
display: inline-block;
text-align: left;
font-size:1vw;
}
.consultingOutline h2{
margin:3em 0 2em;
font-size:1.5vw;
position:relative;
}
.consultingOutline h3{
margin:3em 0 2em;
font-size:1.2vw;
position:relative;
text-align: left;
}
.consultingOutline img{
display: block;
margin:5% 0;
}
@media screen and (min-width:600px) and (max-width:899px){
.consultingOutline{
max-width:100%;
margin:0 auto;
text-align: center;
}
.consultingOutline p{
font-size:1.8vw;
}
.consultingOutline h2{
font-size:2.5vw;
}
.consultingOutline h3{
font-size:2.2vw;
}
}
@media screen and (max-width:599px){
.consultingOutline{
max-width:100%;
}
.consultingOutline h2{
font-size:3.5vw;
position:relative;
margin:2em 0 2em;
}
.consultingOutline h3{
margin:2em 0;
font-size:3.4vw;
position:relative;
}	
.consultingOutline p{
font-size:3vw;
text-align: justify;
}
}
.caseWrapper{
padding:3% 0;
}
.caseBoxWrap{
width:80%;
display: -webkit-box;
display: flex;
flex-wrap:wrap;
}
.caseBox{
width:30.3%;
margin:0 1.5% 3%;
}
.caseTitle{
font-family: 'Noto Serif JP', serif;
font-weight:600;
font-size:1.3vw;
margin-bottom:2em;
}
.caseBox img{
width:100%;
aspect-ratio:1/0.565;
object-fit:cover;
}
.btn-case {
text-align: center;
}
.btn-case a{
display: block;
background:#00437e;
color:#fff;
padding:1.2em 0;
}
.caseExcerpt{
padding:4% 0;
}
.caseExcerpt h3{
font-family: 'Noto Serif JP', serif;
font-weight:600;
font-size:1.2vw;
margin-bottom:2em;
}
.caseExcerpt p{
font-family: 'Noto Serif JP', serif;
font-weight:600;
text-align: justify;
line-height: 1.8;
}
@media screen and (min-width:600px) and (max-width:899px){
.caseBox{
width:80%;
margin:0 auto 3%;
}
.caseTitle{
font-size:2.5vw;
margin-bottom:1em;
}
.caseExcerpt h3{
font-size:2.2vw;
margin-bottom:2em;
}
}
@media screen and (max-width:599px){
.caseBoxWrap{
flex-direction:column;
width:80%;
margin:0 auto 3%;
}
.caseBox{
width:100%;
margin-bottom: 10%;
}
.caseTitle{
font-size:3.5vw;
margin-bottom:1em;
}
.caseExcerpt h3{
font-size:3.3vw;
margin-bottom:2em;
}
.caseExcerpt p{
font-size:3vw;
}
.btn-case a{
display: block;
background:#00437e;
color:#fff;
padding:1em 0;
}
} .mainWrapper{
width:90%;
margin:0 auto;
display: -webkit-box;
display: flex;
}
.mainContent{
width:75%;
padding-right:5%;
padding-bottom:5%;
}
.articleWrap{
padding:5% 0;
color:#000;
}
.date{
font-weight:bold;
color:#00437e;
}
.postTitle{
font-size:1.5vw;
letter-spacing: 0.1em;
}
.article{
padding:5% 0;
}
.article p{
font-weight:500;
margin-bottom:1em;
word-break:break-all;
line-height:1.8em;
}
.article h2,.article h3{
margin-bottom:1em;
}
.article h3{
font-size:130%;
}
.closing{
padding:3em 5em;
background:#f5f5f5;
border:solid 1px #547BD8;
}
.closing p{
font-size:110%;
line-height:1.8;
font-weight:bold;
}
@media screen and (max-width:599px){
.closing{
padding:2em 1em;
}
.closing p{
font-size:90%;
}
}
.mainContent .btn2{
text-align: center;
}
#sidebar{
width:25%;
padding:5% 0;
}
.widget{
margin-bottom:10%
}
.widget h3{
background:#e8f1ff;
padding:0.8em;
border-left:solid 4px #00437e;
margin-bottom:1.5em;
}
.infoList{
width:94%;
margin:0 auto;
}
.infoList li a{
display: block;
line-height: 1.2!important;
font-size:0.9vw;
padding-top:0.5em;
padding-bottom:0.5em;
border-bottom:solid 1px #ddd
}
.infoList li a span{
font-size:80%;
color:#29a4db;
font-weight:bold;
}
.infoList li a:hover{
background:#e8f1ff;
}
.sidePropertyTitle{
text-align: center;
padding:1em;
border:solid 1px #00437e;
margin-bottom:5%;
}
.sidePropertyList li{
margin-bottom:5%;
}
.sidePropertyList li h4{
margin:1em 0;
}
@media screen and (min-width:600px) and (max-width:899px){
.postTitle{
font-size:2.2vw;
letter-spacing: 0.1em;
}
.article p{
font-size:90%;
}
.widget h3{
background:#e8f1ff;
padding:0.8em;
border-left:solid 4px #00437e;
margin-bottom:0;
font-size:1.5vw;
}
.infoList li a{
font-size:1.2vw;
}
.sidePropertyTitle{
font-size:1.5vw;
}
.sidePropertyList li img{
margin-bottom:3%;
}
.sidePropertyList li{
font-size:1.2vw;
}
}
@media screen and (max-width:599px){
.mainWrapper{
width:90%;
flex-direction:column;
}
.mainContent{
width:100%;
padding-right:0;
}
.date{
font-size:2.8vw;
}
.postTitle{
font-size:4.5vw;
letter-spacing: 0.1em;
} #sidebar{
width:100%;
padding:5% 0;
}
.widget h3{
font-size:3vw;
}
.infoList li a{
font-size:3vw;
}
.sidePropertyTitle{
font-size:3.5vw;
}
.sidePropertyList li{
font-size:3vw;
}
}
.dvFv{
width:100%;
position:relative;
padding-top:44.3%;
background:url(//miz-cs.com/cs/wp-content/themes/mizcs/img/jpg/dvdvBg.jpg) no-repeat center center;
background-size: cover;
}
.dvFv h1{
color:#fff;
font-weight:900;
font-size:3vw;
position:absolute;
top:50%;
left:10%;
transform: translateY(-50%);
} .propertyImg{
margin:3% 0;
}
.propertyImg img{
width:100%!important;
height:auto;
}
.propertyInfoList{
margin-bottom:3%;
}
.propertyInfoList dl{
display: -webkit-box;
display: flex;
flex-wrap:wrap;
border-top:solid 1px #ddd;
border-left:solid 1px #ddd;
background:#F5F5F5;
}
.propertyInfoList dl dt{
padding:1em;
background:#F5F5F5;
width:20%;
border-bottom:solid 1px #ddd;
border-right:solid 1px #ddd;
display: -webkit-box;
display: flex;
flex-direction: column;
align-items: center;
}
.propertyInfoList dl dd{
width:30%;
padding:1em;
border-bottom:solid 1px #ddd;
border-right:solid 1px #ddd;
background:#fff;
}
.propertyInfoList dl dd:first-of-type{
width:80%;
}
.propertyInfoList dl dd span{
display: inline-block;
background:#8FBED2;
color:#fff;
padding:0.3em 0.8em;
border-radius:20px;
margin:0 1em 0.6em 0;
font-size:80%;
font-weight: bold;
}
.propertyComment{
margin:2% 0 3%;
border:solid 1px #ddd;
padding:1em;
}
.postTerm{
margin:2% 0 0;
}
.postTerm ul{
display: -webkit-box;
display: flex;
}
.postTerm ul li span a{
border:solid 2px #8FBED2;
color:#8FBED2;
background:#fff;
font-weight:bold;
padding:0.3em 0.8em;
border-radius:20px;
margin:0 0.6em 0.6em 0;
font-size:90%;
}
@media screen and (max-width:599px){
.postTerm ul li span a{
font-size:2vw;
}
.propertyInfoList dl dt{
font-size:3vw;
width:30%;
}
.propertyInfoList dl dd{
font-size:3vw;
width:70%;
}
.propertyInfoList dl dd:first-of-type{
width:70%;
}
.propertyComment p{
font-size:3vw;
}
}
.contactFv{
padding:3em 0;
text-align: center;
}
.contactFv h1{
font-size:1.8vw;
margin-bottom:1em;
}
.contactFv p{
color:#000;
font-size:0.9vw;
font-weight:bold;
}
.phoneWrapper{
}
.contactPhone a{
position:relative;
font-size:1.8vw;
color:#74A387;
}
.contactPhone a::before{
content:'\f879';
font-family: "Font Awesome 5 Free";
font-weight:900;
position:absolute;
top:0;
left:-1em;
}
.area {
width: 80%;
margin: 0 auto 30px;
flex-wrap: wrap;
display: -webkit-box;
display: flex;
}
.tab_class {
width: 30.3%; padding:1em 0;
background-color: #f5f5f5;
border:solid 2px #00437e;
font-size: 1.2vw;
text-align: center;
display: block;
order: -1;
font-weight: bold;
margin:0 1.5%;
position:relative;
transition: .3s;
}
.tab_class::after{
content:'\f105';
font-family: "Font Awesome 5 Free";
font-weight:900;
position:absolute;
top:50%;
transform: translateY(-50%);
right:1em;
}
.tab_class:hover{
cursor: pointer;
background:#00437e;
color:#fff;
}
input[name="tab_name"] {
display: none;
}
input:checked + .tab_class {
background-color: #00437e;
color: aliceblue;
}
input:checked + .tab_class::after {
content:'\f107';
}
.content_class {
display: none;
width: 100%;
}
input:checked + .tab_class + .content_class {
display: block;
padding:5%;
animation: fadeIn .5s linear forwards;
}
@media screen and (min-width:600px) and (max-width:899px){
.area {
flex-direction:column;
}
.tab_class {
width: 100%;
margin:0 0 5%;
font-size: 2.8vw;
}
.contactFv h1{
font-size:4vw;
margin-bottom:1em;
}
.contactFv p{
font-size:2vw;
}
.contactPhone a{
font-size:5vw;
display: inline-block;
margin:0.6em 0;
}
}
@media screen and (max-width:599px){
.contactFv h1{
font-size:4vw;
margin-bottom:1em;
}
.contactFv p{
font-size:3.5vw;
}
.contactPhone a{
font-size:6vw;
display: inline-block;
margin:0.6em 0;
}
.area {
width: 90%;
flex-direction: column;
}
.tab_class {
font-size:3vw;
width:100%;
margin:0 0 5%;
}
}
.contactFormList{
color:#000;
display: -webkit-box;
display: flex;
flex-wrap:wrap;
align-items: center;
margin-bottom:3%;
}
.contactFormList dt{
width:30%;
padding:0.8em 0;
font-weight:bold;
}
.contactFormList dt span{
font-size:80%;
padding:0.1em 0.3em;
display: inline-block;
background:#ff0000;
color:#fff;
margin-left:1em;
}
.contactFormList dd{
width:70%;
padding:0.8em 0;
}
.contactFormList dd input[type="text"],.contactFormList dd input[type="email"],.contactFormList dd input[type="tel"]{
-webkit-appearance:none;
width:100%;
padding:0.5em;
border:solid 1px #ddd;
font-size:1.1vw;
}
.selectWrap{
width:50%;
position:relative;
}
.selectWrap::after{
position: absolute;
top:50%;
right: 15px;
width: 10px;
height: 7px;
background-color: #535353;
clip-path: polygon(0 0, 100% 0, 50% 100%);
content: '';
pointer-events: none;
}
select {
-webkit-appearance: none;
appearance: none;
padding:1em;
border:solid 1px #ddd;
width:100%;
}
.wpcf7-form-control-wrap{
position:relative
}
.shousaiPoint{
border:solid 4px #ddd;
padding:1em;
font-size:0.9rem;
}
@media (max-width:599px){
.selectWrap {
width:100%;
}
}
.contactFormList dd textarea{
-webkit-appearance:none;
width:100%;
padding:0.5em;
border:solid 1px #ddd;
font-size:1.1vw;
}
.confirm{
color:#000;
}
.confirm a{
color:#00437e;
text-decoration:underline;
}
.submitBox{
text-align: center!important;
padding:5% 0;
}
.submitBox input[type="submit"]{
text-align: center;
-webkit-appearance:none;
background:#00437e;
color:#fff;
font-weight:bold;
font-size:130%;
padding:0.6em 5em;
border:none;
display: inline-block;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
@media screen and (max-width:599px){
.contactFormList{
flex-direction:column;
}
.contactFormList dt{
width:100%;
padding:0 0 0.2em 0;
}
.contactFormList dd{
width:100%;
padding:0 0 0.8em 0;
}
.contactFormList dd input[type="text"],.contactFormList dd input[type="email"],.contactFormList dd input[type="tel"],.contactFormList dd textarea{
font-size:5vw;
}
.confirm{
font-size:90%;
}
}
.has-text-align-right{
text-align: right!important;
}
.has-text-align-center{
text-align: center!important;
}
#goContact{
position:fixed;
right:2%;
bottom:8%;
width:10%;
}
#goContact img{
width:100%;
height:auto;
}
@media screen and (max-width:599px){
#goContact{
display: none!important;
}
} #sitemap_list li a{
color:#000!important;
}
.wsp-container h2{
margin-top:2em!important;
}
.grecaptcha-badge { visibility: hidden; }
.linkWrapper{
padding:3vw 2vw;
width:80%;
margin:0 auto 5vw;
position:relative;
border:solid 1px #ddd;
text-align:center;
}
.linkWrapper h2 span{
position:absolute;
top:-2vw;
left:50%;
transform:translatex(-50%);
font-size:1.6vw;
background:#fff;
padding:0.4em 3em;
border:solid 1px #ddd;
}
@media screen and (min-width:600px) and (max-width:899px){
.linkWrapper{
padding:4vw 3vw;
}
.linkWrapper h2 span{
font-size:2.2vw;
}
}
@media screen and (max-width:599px){
.linkWrapper{
padding:12vw 6vw;
width:90%;
}
.linkWrapper h2 span{
top:-5vw;
font-size:3.8vw;
}
}
.linkBnr{
display:-webkit-box;
display:flex;
flex-wrap:wrap;
position:relative;
}
.linkBnr li{
width:31.3%;
padding:0 1%
}
.linkBnr li img{
width:100%;
height:auto;
}
@media screen and (min-width:600px) and (max-width:899px){
.linkBnr li{
width:30%;
}
}
@media screen and (max-width:599px){
.linkBnr{
width:100%;
}
.linkBnr li{
width:100%;
margin-bottom:3vw;
}
}
.sideBnr{
width:90%;
margin:0 auto;
}
.sideBnr li {
margin-bottom:2vw;
}
.sideBnr li img{
width:100%;
height:auto;
border:solid 1px #ddd;
} .tabs {
margin-top: 50px;
padding-bottom: 40px;
background-color: #fff;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
width: 80%;
margin: 0 auto 50px;} .tab_item {
width: calc(100%/2);
height: 70px;
border-bottom: 3px solid #5ab4bd;
background-color: #f0f0f0;
line-height: 70px;
font-size: 16px;
text-align: center;
color: #1a1a1a;
display: block;
float: left;
text-align: center;
font-weight: bold;
transition: all 0.2s ease;
}
.tab_item:not(:first-of-type){
border-left:solid 2px #5ab4bd;
}
.tab_item:hover {
opacity: 0.75;
} input[name="tab_item"] {
display: none;
} .tab_content {
display: none;
padding: 40px 40px 0;
clear: both;
overflow: hidden;
} #bukken:checked ~ #bukken_content,
#oshirase:checked ~ #oshirase_content {
display: block;
} .tabs input:checked + .tab_item {
background-color: #5ab4bd;
color: #fff;
}
.entry-icon-new{
display:inline-block;
background:#ff0000;
color:#fff;
font-size:70%;
padding:0.1em 0.3em;
margin-left:1em;
}
.mt-1{
margin-top:4vw;
}
@media screen and (min-width:600px) and (max-width:899px){
.tab_item {
font-size:2vw;
}
}
@media screen and (max-width:599px){
.tabs {
width: 90%;
margin: 0 auto 12vw;}
.tab_item {
width: calc(100%/2);
border-bottom: 3px solid #5ab4bd;
background-color: #f0f0f0;
line-height: 50px;
font-size:2.8vw;
height:50px;
}
.tab_content {
display: none;
padding:15% 5% 0;
clear: both;
overflow: hidden;
}
.mt-1{
margin-top:8vw;
}
}
.voiceBnr{
width:60%!important;
display:block;
margin:1vw auto 50px;
}
.machiWrapper{
width:80%;
margin:0 auto 3vw;
padding:3vw;
}
.machi-List li{
border-bottom:solid 1px #ddd;	
}
.machi-List li a{
color:#00447E;
font-weight:bold;
display:block;
padding:1em 0;
}
.machi-List li a span{
margin-left:1em;
}
.propertyCta{
border:solid 4px #DDDDDD;
padding:2em 1em;
}
.propertyCta h2{
color:#000437e;
font-size:1.3vw;
margin-bottom:1em;
font-weight: 600;
}
@media screen and (max-width:599px){
.voiceBnr{
width:80%!important;
}
}
.areaBlock{
margin-bottom:8vw;
}
.prefName{
text-align:center;
font-size:1.6vw;
margin:5vw 0 2vw;
}
.thumbnail{
width:90%;
margin:10px auto;
}
.thumbnail-img{
padding:0 4px;
}
.priceBox{
width:60%;
margin:0 auto;
padding:60px 0;
}
.priceBox img{
width:80%;
display: block;
margin:0 auto;
}
@media screen and (max-width:599px){
.prefName{
font-size:4.6vw;
margin:10vw 0 8vw;
}
.propertyCta h2{
font-size:4.5vw;
}
.thumbnail{
width:98%;
margin:2px auto;
}
.thumbnail-img{
padding:0 1px;
}
.priceBox{
width:90%;
margin:0 auto;
padding:10vw 0;
}
}
.tac{
text-align: center;
}
@media screen and (max-width:599px){
.tac{
width:90%;
margin:0 auto;
text-align: left;
}
}
.notice{
background:#fff101;
padding:2em;
width:80%;
margin:0 auto;
}
.notice p{
color:#000;
font-weight:600;
}
@media screen and (max-width:599px){
.notice{
font-size:0.8rem;
padding:2em 1em;
}
}
.tb02{
table-layout:fixed;
width:100%;
}
.tb02 tr th{
width:30%;
padding:1em;
}
.tb02 tr td{
width:70%;
padding:1em;
}
@media screen and (min-width:600px) and (max-width:899px){
.tb02{
font-size:1.8vw;
}
}
.frontBanners{
padding:60px 0;
width:80%;
margin-inline:auto;
display:flex;
flex-wrap:wrap;
justify-content:space-around;
}
.ban1,.ban2{
width:45%;
}
.ban1 img{
border:solid 2px #ddd;
}
@media screen and (max-width:599px){
.frontBanners{
width:90%;
padding:8vw 0;
}
.ban1,.ban2{
width:90%;
}
.ban1{
margin-bottom:5vw;
}
}
.table-20250426{
width:100%;
border-right:solid 1px #000;
border-top:solid 1px #000;
}
.table-20250426 tr th{.
display:table-cell;
width:30%;
padding:1em;
text-align:left;
border-bottom:solid 1px #000;
border-left:solid 1px #000;
}
.table-20250426 td{
display:table-cell;
padding:1em;
width:70%;
border-bottom:solid 1px #000;
border-left:solid 1px #000;
}
@media screen and (max-width:599px){
.table-20250426{
font-size:0.9rem;
}
} .postThumbArea{
position:relative;
}
.postCat{
position:absolute;
top:5%;
left:5%;
font-weight:bold;
color:#fff;
padding:0.1em 0.5em;
border-radius:100vmax;
}
.term-ptype-tenant{
background:#00a1b9
}
.term-ptype-mall{
background:#96cf6c
}
.term-ptype-manda{
background:#ed8537
}
.term-ptype-tandoku{
background:#426474
}
.mikeisai{
font-size:1.2rem;
font-weight:bold;
margin-bottom:0.5em;
color:#b60005;
}