@charset "UTF-8";
@charset "UTF-8";
@charset "utf-8";

 html {
-webkit-text-size-adjust: 100%;
max-height: 100%;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,textarea,p,blockquote,th,td,img{ padding:0;
margin:0;
vertical-align:top;
text-align:left; word-break: normal;
overflow-wrap: break-word;
word-wrap: break-word;
-webkit-text-size-adjust: 100%;
}
fieldset,img {
border:0;
}
img {
vertical-align:bottom;
font-size:0;
line-height:0;
}
address,caption,cite,code,dfn,em,x_strong,th,var {
font-style:normal;
font-weight:normal;
}
ol,ul {
list-style:none;
max-height: 100%;
}
caption,th {
text-align:left;
max-height: 100%;
}
h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:normal;
}
dl,dt,dd,ul,ol,x_li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,textarea,p,blockquote,th,td {
max-height: 100%;
}
main, article, aside, dialog, figure, footer, header,hgroup, nav, section {
display:block;
padding:0;
margin:0;
vertical-align:top;
text-align:left; word-break: normal;
overflow-wrap: break-word;
word-wrap: break-word;
-webkit-text-size-adjust: 100%;
}
table {
border-collapse: collapse;
} .cl:after{
content: ".";
display: block;
height: 0;
font-size:0;
clear: both;
visibility:hidden;
}
.cl{
display: inline-block; x_overflow:hidden;
} * html .cl{
height: 1%;
}
.cl{
display:block;
}

@import url(https://weloveiconfonts.com/api/?family=entypo); html {
font-size:10px;
}
body {
position:relative;
font-size:16px;
line-height:1.7;
font-family: sans-serif;
color:#3A3A3A;
min-width: 100vw; }
.small {
font-size: 14px;
}
.big {
font-size: 20px;
}
@media screen and (max-width: 1240px) {
body {
width: 100%;
min-width: 100vw; font-size: calc(137.5%);
}
}
@media screen and (max-width: 768px) {
body {
font-size: calc(112.5% + 4 * (100vw - 600px) / 400);
width: 100%;
min-width: 100vw; line-height: 1.5;
}
}
* {
font-style: normal;
font-weight:bold;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
behavior: url(//mf-b.co.jp/css/PIE.htc);
}
a {color: #000000; text-decoration: none;}
a:hover {color: #000000; text-decoration:underline;}
a:hover:before , a:hover:after { display:inline-block; text-decoration:none !important; }
a:hover img ,
footer .footer_in .f_contents section dl a:hover {
opacity:0.65;
filter: alpha(opacity=65); -ms-filter: "alpha(opacity=65)"; -moz-opacity:0.65; -khtml-opacity: 0.65; zoom:1;
}
header h2 a:hover img ,
footer dl dt a:hover img {
opacity:1.0;
filter: alpha(opacity=100); -ms-filter: "alpha(opacity=100)"; -moz-opacity:1.0; -khtml-opacity: 1.0; zoom:1;
}
img {
width: 100%;
height: auto;
} .sp {
display: none;
}
@media screen and (max-width: 768px) {
.pc {
display: none;
}
.sp {
display: block;
}
}   header {
max-width:1230px;
margin:0 auto;
padding:15px 0 15px;
font-size:1.5rem;
line-height:1.1;
}
header:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
header:before {
position:absolute;
top:0;
left:0;
width:100%;
height:4px;
background:#01569f;
content:'';
}
header .header_l {
float:left;
width:307px;
}
header .header_l h1 {
padding:0 0 0 50px;
}
header nav {
float:right;
width:872px;
padding:15px 0 0;
}
header nav ul {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
}
header nav ul li {
position:relative;
width:100%;
border-right: solid 2px #cccccc;
}
header nav ul li:first-child {
border-left: solid 2px #cccccc;
}
header nav > ul > li > a {
display:block;
text-align:center;  padding: 8px 0 0;
vertical-align: middle;
font-size: 14px;
}
header nav ul li a span { display:none;
text-align:center; padding:5px 0 0;
color:#3377b2;
font-size:1.0rem;
}
header nav ul li:nth-child(5),
header nav ul li:nth-child(6) {
background: transparent; border: 1px solid #666666; }
#menu-item-142 a,
#menu-item-1498 a {
color: #ffffff;
}
header nav ul li a:hover {
text-decoration:none;
opacity:0.65;
filter: alpha(opacity=65); -ms-filter: "alpha(opacity=65)"; -moz-opacity:0.65; -khtml-opacity: 0.65; zoom:1;
}
header nav ul li ul {
visibility: hidden;
opacity: 0;
z-index: 1;
}
header nav ul > li:hover {
-webkit-transition: all .5s;
transition: all .5s;
}
header nav > ul:before,
header nav > ul:after {
content: " ";
display: table;
}
header nav > ul {
*zoom: 1;
height:32px;
}
header nav ul li ul {
display:block;
position: absolute;
top: 40px;
-webkit-transition: all .2s ease;
transition: all .2s ease;
}
header nav ul li:hover ul { top: 10px;
left:-30%;
padding:44px 0 0;
visibility: visible;
opacity: 1;
}
header nav ul li:hover ul:before {
position:absolute;
top:35px;
left:50%;
-webkit-transform: translateX(-50%); transform: translateX(-50%);
display:block;
content:'';
width: 0;
height: 0;
border-style: solid;
border-width: 0 15px 10px 15px;
border-color: transparent transparent #0099FF transparent;
}
header nav ul li:hover ul li {
width:200px;
white-space:nowrap;
background: rgba(255,255,255,0.7);
border:none !important;
}
header nav ul li:hover ul li a {
position:relative;
display:block;
padding:10px 10px;
border-bottom: solid 1px #0099FF;
}
header nav ul li:hover ul li a span {
display:none;
}
header nav ul li:hover ul li a:after {
position:absolute;
right:10px;
content: "\f105";
font-family: FontAwesome;
color:#0099FF;
}
header nav ul li:hover ul li:last-child a {
border-bottom:none;
}
header nav ul li ul li a:hover {
background:#0099FF;
color:#FFF;
}
header nav ul li:hover ul li a:hover:after {
color:#FFF;
}
@media screen and (max-width: 1240px) {
header {
max-width:99.1935vw;
padding:1.6129vw 0 1.2096vw;
font-size:1.0483vw;
}
header:before {
height:0.3225vw;
}
header .header_l {
width:24.7580vw;
}
header .header_l h1 {
padding:0 0 0 4.0322vw;
}
header nav {
width:70.3225vw;
padding:1.2096vw 0 0;
}
header nav ul li {
border-right: solid 0.1612vw #cccccc;
}
header nav ul li:first-child {
border-left: solid 0.1612vw #cccccc;
}
header nav > ul > li > a { padding:0.1953vw 0 0;
}
header nav ul li a span { padding:0.4882vw 0 0;
font-size:0.9765vw;
}
header nav > ul {
height:3.125vw;
}
header nav ul li ul {
top: 3.9062vw;
}
header nav ul li:hover ul { top: 2.7vw;
left:-50%;
padding:1.65vw 0 0;
}
header nav ul li:hover ul:before {
top:0.75vw;
left:50%;
-webkit-transform: translateX(-50%); transform: translateX(-50%);
border-width: 0 1.4648vw 0.9765vw 1.4648vw;
}
header nav ul li:hover ul li {
width:19.5312vw;
}
header nav ul li:hover ul li a {
padding:1.4648vw 1.4648vw;
}
header nav ul li:hover ul li a:after {
right:1.4648vw;
}
}
@media screen and (max-width: 768px) {
header {
display:none;
}
} footer {
border-top: solid 2px #d9d9d9;
background: #393975;
color:#ffffff;
}
footer .footer_in {
max-width:1230px;
margin:0 auto;
padding:50px 0 55px;
}
footer .footer_in:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
footer .footer_in .f_nav {
float:left;
padding:0 0 0 40px;
}
footer .footer_in .f_nav:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
footer .footer_in .f_nav ul {
float:left;
width:235px;
margin:0 0 50px;
}
footer .footer_in .f_nav ul:nth-child(3n+1) {
clear:both;
}
footer .footer_in .f_nav ul:nth-last-child(-n+2) {
margin-bottom:0;
}
footer .footer_in .f_nav ul:last-child {
width:auto;
}
footer .footer_in .f_nav ul li {
font-size:1.6rem;
line-height:1.2;
margin:0 0 10px;
}
footer .footer_in .f_nav ul li.sub ,
footer .footer_in .f_nav ul li.menu-item {
font-size:1.3rem;
margin:0 0 5px;
padding:0 0 0 0.5em;
}
footer .footer_in .f_nav ul li:last-child {
margin:0;
}
footer .footer_in .f_nav ul li a {
color:#ffffff;
}
footer .footer_in .f_nav ul li a:before {
content: "\f105";
font-family: FontAwesome;
margin:0 0.2em 0 0;
}
footer .footer_in .f_nav ul li.sub a:before ,
footer .footer_in .f_nav ul li.menu-item a:before {
content: "・";
margin:0 0.2em 0 0;
}
footer .footer_in section {
float:right;
width:286px;
margin:0 41px 0 0;
}
footer .footer_in section h2 {
margin:0 0 20px;
}
footer .footer_in section h2 span {
display:block;
text-align:right;
line-height:1.1;
font-size:1.4rem;
font-weight:bold;
}
footer .footer_in section p {
margin:0 0 10px;
font-size:1.4rem;
font-weight:bold !important;
}
footer .footer_in section p span {
margin:0 1em 0 0;
font-weight:bold !important;
}
footer .footer_in section dl:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
footer .footer_in section dl dt ,
footer .footer_in section dl dd {
float:left;
font-size:1.2rem;
font-weight:bold !important;
}
footer .footer_in section dl dt:after {
content:'/';
margin:0 0.5em;
}
footer .copy {
display:block;
max-width:1230px;
margin:0 auto;
padding:12px 0;
font-size:1.2rem;
line-height:1.1;
text-align:center;
color:#FFF;
background:#393975;
}
@media screen and (max-width: 1240px) {
footer {
border-top: solid 0.1612vw #d9d9d9;
}
footer .footer_in {
max-width:99.1935vw;
padding:4.0322vw 0 4.4354vw;
}
footer .footer_in .f_nav {
padding:0 0 0 3.2258vw;
}
footer .footer_in .f_nav ul {
width:18.9516vw;
margin:0 0 4.0322vw;
}
footer .footer_in .f_nav ul li {
font-size:1.2903vw;
margin:0 0 0.8064vw;
}
footer .footer_in .f_nav ul li.sub ,
footer .footer_in .f_nav ul li.menu-item {
font-size:1.0483vw;
margin:0 0 0.4032vw;
}
footer .footer_in section {
width:23.0645vw;
margin:0 3.3064vw 0 0;
}
footer .footer_in section h2 {
margin:0 0 1.6129vw;
}
footer .footer_in section h2 span {
font-size:1.1290vw;
}
footer .footer_in section p {
margin:0 0 0.8064vw;
font-size:1.1290vw;
}
footer .footer_in section dl dt ,
footer .footer_in section dl dd {
font-size:0.9677vw;
}
footer .copy {
max-width:99.1935vw;
padding:0.9677vw 0;
font-size:0.9677vw;
}
}
@media screen and (max-width: 768px) {
footer .footer_in {
max-width:91.1458vw;
padding:6.5104vw 0;
}
footer .footer_in .f_nav {
display:none;
}
footer .footer_in section {
float:none;
width:100%;
margin:0;
}
footer .footer_in section h2 {
margin:0 0 2.6041vw;
}
footer .footer_in section h2 span {
font-size:3.6458vw;
}
footer .footer_in section p {
margin:0 0 1.3020vw 17vw;
font-size:3.2vw;
}
footer .footer_in section dl {
margin:0 0 0 17vw;
}
footer .footer_in section dl dt ,
footer .footer_in section dl dd {
font-size:3vw;
font-weight:bold;
}
footer .copy {
max-width:100%;
padding:2.6041vw 0;
font-size:3.125vw;
}
} .sub article {
max-width:1000px;
margin:0 auto;
padding:60px 0 100px;
font-size:1.4rem;
}
@media screen and (max-width: 1240px) {
.sub article {
max-width:80.6451vw;
padding:4.8387vw 0 8.0645vw;
font-size:1.1290vw;
}
}
@media screen and (max-width: 768px) {
.sub main {
display:block;
padding:13vw 0 0;
}
.sub article {
max-width:91.1458vw;
margin:0 auto 0;
padding:7.8125vw 0 13.0208vw;
font-size:3.6458vw;
}
} .ttl {
margin:0 0 30px;
line-height:1.1;
}
.ttl h2 {
position:relative;
text-align:center;
margin:0 0 10px;
}
.ttl h2:last-child {
margin:0;
}
.ttl h2 span {
position: relative;
display:inline-block;
font-size:4.4rem;
font-weight:bold;
padding:0 105px;
color:#3679b3;
}
.ttl.black_ttl h2 span {
color:#333333;
}
.ttl h2 span:before ,
.ttl h2 span:after{
content: '';
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%); transform: translateY(-50%);
display: inline-block;
width: 95px;
height: 2px;
background:#3679b3;
}
.ttl.black_ttl h2 span:before ,
.ttl.black_ttl h2 span:after{
background:#333333;
}
.ttl h2 span:before {left:0;}
.ttl h2 span:after {right: 0;}
.ttl .tti_eng {
text-align:center;
font-size:1.1rem;
color:#266fad;
}
.ttl.black_ttl .tti_eng {
color:#90908f;
}
.sttl {
position:relative;
font-size:2.4rem;
font-weight:bold;
line-height:1.3;
padding:0 10px 5px;
margin:0 0 30px;
border-bottom: solid 3px #999999;
}
.sttl:after {
position: absolute;
bottom:-3px;
left:0;
width:20%;
content:'';
display:block;
border-bottom: solid 3px #006699;
}
.sttl em {
margin:0 0 0 1em;
font-size:2.4rem;
font-weight: normal;
color:#003399;
}
@media screen and (max-width: 1240px) {
.ttl {
margin:0 0 2.4193vw;
}
.ttl h2 {
margin:0 0 0.8064vw;
}
.ttl h2 span {
font-size:3.5483vw;
padding:0 8.4677vw;
}
.ttl h2 span:before ,
.ttl h2 span:after{
width: 7.6612vw;
height: 0.1612vw;
}
.ttl h2 span:before {left:0;}
.ttl h2 span:after {right: 0;}
.ttl .tti_eng {
font-size: 1.1vw;
}
.sttl {
font-size:2.4rem;
padding:0 0.8064vw 0.4032vw;
margin:0 0 2.4193vw;
border-bottom: solid 0.2419vw #999999;
}
.sttl:after {
bottom:-0.2419vw;
border-bottom: solid 0.2419vw #006699;
}
.sttl em {
font-size:2.4rem;
}
}
@media screen and (max-width: 768px) {
.ttl {
margin:0 0 3.9062vw;
}
.ttl h2 {
margin:0 0 1.3020vw;
}
.ttl h2 span {
font-size:7.8125vw;
padding:0 10.4166vw;
}
.ttl h2 span:before ,
.ttl h2 span:after{
width: 7.8125vw;
height: 0.2604vw;
}
.ttl .tti_eng {
font-size:3.125vw;
}
.sttl {
font-size:2.4rem;
padding:0 1.3020vw 0.6510vw;
margin:0 0 3.9062vw;
border-bottom: solid 0.3906vw #999999;
}
.sttl:after {
bottom:-0.3906vw;
border-bottom: solid 0.3906vw #006699;
}
.sttl em {
font-size:2.4rem;
}
} .page_ttl {
background-size:cover !important;
height:300px;
}
.page_ttl .page_ttl_in {
position:relative;
max-width:1230px;
height:300px;
margin:0 auto;
}
.page_ttl .page_ttl_in h2 {
color:#FFF;
font-size:4.8rem;
font-weight:bold;
line-height:1.4;
-webkit-text-shadow:0px 0px 3px #666666 , 0px 0px 3px #666666 , 0px 0px 3px #666666 , 0px 0px 3px #666666 , 0px 0px 3px #666666 , 0px 0px 3px #666666;
-moz-text-shadow:0px 0px 3px #666666 , 0px 0px 3px #666666 , 0px 0px 3px #666666 , 0px 0px 3px #666666 , 0px 0px 3px #666666 , 0px 0px 3px #666666;
text-shadow:0px 0px 3px #666666 , 0px 0px 3px #666666 , 0px 0px 3px #666666 , 0px 0px 3px #666666 , 0px 0px 3px #666666 , 0px 0px 3px #666666;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%); transform: translateY(-50%);
}
.page_ttl .page_ttl_in h2 em {
display:block;
font-size:2.4rem;
font-weight:bold;
line-height:1.4;
}
.page_ttl .page_ttl_in h2 span {
margin:0 0 0 1em;
font-size:1.8rem;
font-weight:bold;
line-height:1.4;
}
.page_ttl .page_ttl_in p {
position:absolute;
left:0;
bottom:20px;
color:#FFF;
font-size:2.0rem;
font-weight:bold;
line-height:1.4;
-webkit-text-shadow:0px 0px 3px #666666 , 0px 0px 3px #666666 , 0px 0px 3px #666666 , 0px 0px 3px #666666 , 0px 0px 3px #666666 , 0px 0px 3px #666666;
-moz-text-shadow:0px 0px 3px #666666 , 0px 0px 3px #666666 , 0px 0px 3px #666666 , 0px 0px 3px #666666 , 0px 0px 3px #666666 , 0px 0px 3px #666666;
text-shadow:0px 0px 3px #666666 , 0px 0px 3px #666666 , 0px 0px 3px #666666 , 0px 0px 3px #666666 , 0px 0px 3px #666666 , 0px 0px 3px #666666;
}
@media screen and (max-width: 1240px) {
.page_ttl {
height:24.1935vw;
}
.page_ttl .page_ttl_in {
max-width:99.1935vw;
height:24.1935vw;
}
.page_ttl .page_ttl_in h2 {
font-size:3.8709vw;
}
.page_ttl .page_ttl_in h2 em {
font-size:1.9354vw;
}
.page_ttl .page_ttl_in p {
bottom:1.6129vw;
font-size:1.6129vw;
}
}
@media screen and (max-width: 768px) {
.page_ttl {
height:39.0625vw;
}
.page_ttl .page_ttl_in {
max-width:91.1458vw;
height:39.0625vw;
}
.page_ttl .page_ttl_in h2 {
font-size:7.8125vw;
}
.page_ttl .page_ttl_in h2 em {
font-size:5.2083vw;
}
.page_ttl .page_ttl_in h2 span {
font-size:5.2083vw;
}
.page_ttl .page_ttl_in p {
display:none;
}
} .side_fixed {
position:fixed;
top:120px;
right:0;
z-index:10;
}
.side_fixed ul li {
width:195px;
margin:0 0 10px;
background:#FFF;
}
.side_fixed ul li:last-child {
margin:0;
}
@media screen and (max-width: 1240px) {
.side_fixed {
position:fixed;
top:8.7890vw;
right:0;
}
.side_fixed ul li {
width:15.7258vw;
margin:0 0 0.8064vw;
}
}
@media screen and (max-width: 768px) {
.side_fixed {
display:none;
}
} .return {
position:fixed;
bottom:50px;
right:20px;
z-index:10;
width:59px;
}
@media screen and (max-width: 1240px) {
.return {
bottom:4.0322vw;
right:1.6129vw;
width:4.7580vw;
}
}
@media screen and (max-width: 768px) {
.return {
display:none;
}
} section.use-table {
margin: 20px auto;
padding: 0;
}
.use-table h2 {
margin-bottom: 10px;
}
.use-table table {
margin-top: 0;
}
.use-table, .example-usage {
margin: 60px 0;
}
.use-table h2, .example-usage h2 {
font-size: 1.5em;
padding-left: 10px;
margin-bottom: 20px;
}
.use-table table {
width: 100%;
border-collapse: collapse;
font-size: 0.95em;
text-align: center;
}
.use-table th, .use-table td {
border: 1px solid #ccc;
padding: 8px;
}
.use-table thead {
background-color: #f7f7f7;
}
.example-usage ul {
list-style: disc inside;
padding-left: 0;
}
.example-usage li {
margin-bottom: 10px;
} @media screen and (max-width: 768px) {
.side_btn {
position:fixed;
top:0;
left:0;
display:table;
width:100%;
background: #FFF;
z-index:10000 !important;
line-height:1.1;
}
}
.side_btn .logo {
display:table-cell;
width:55%;
padding:3.9062vw 3.9062vw;
vertical-align:middle;
}
.side_btn .tel ,
.side_btn .contact ,
.side_btn .menu {
display:table-cell;
position:relative;
width:15%;
background:#0b9bfc;
text-align:center;
vertical-align:middle;
font-size:4.6875vw;
color:#FFF;
}
.side_btn .tel a ,
.side_btn .contact a {
display:block;
color:#FFF;
}
.side_btn .contact:before ,
.side_btn .menu:before {
position: absolute;
top:0;
left:0;
width:1px;
height:100%;
content:'';
display:block;
background:#FFF;
}
.slidebar .ov {
height: 65vh;
overflow: auto;
-webkit-overflow-scrolling: touch;
} .slidebar .ov::-webkit-scrollbar {
width: 10px;
background: #cccccc;
} .slidebar .ov::-webkit-scrollbar:horizontal {
width: 10px;
background: #cccccc;
} .slidebar .ov::-webkit-scrollbar-thumb {
background: #999;
border-radius: 2px;
} .slidebar .ov::-webkit-scrollbar-thumb:horizontal {
background: #999;
border-radius: 2px;
} .slidebar .ov::-webkit-scrollbar-track-piece:start {
background: #cccccc;
} .slidebar .ov::-webkit-scrollbar-track-piece:end {
background: #cccccc;
} .slidebar .ov::-webkit-scrollbar-corner {
background: transparent;
}
.slidebar .slidebar_nav {
}
.slidebar .slidebar_nav li {
border-bottom: solid 1px #1a6099;
}
.slidebar .slidebar_nav li a, .slidebar .slidebar_nav li span {
position: relative;
display: block;
padding: 3% 10% 3% 4%;
color: #333333;
font-size: 130%;
font-weight: 700;
}
.slidebar .slidebar_nav li span {
}
.slidebar .slidebar_nav li span:after {
position: absolute;
right: 4%;
content: "\f067";
font-family: FontAwesome;
color:#999;
}
.slidebar .slidebar_nav li span.active:after {
content: "\f068";
font-family: FontAwesome;
color:#999;
}
.slidebar .slidebar_nav li a {
}
.slidebar .slidebar_nav li a:after {
content: "\f105";
font-family: FontAwesome;
position: absolute;
right: 5%;
top: 50%;
-webkit-transform: translateY(-50%); transform: translateY(-50%);
}
.slidebar .slidebar_nav li .toggle_nav {
display: none;
margin: 0 0 0 10%;
font-size: 80%;
font-weight: normal;
}
.slidebar .slidebar_nav li .toggle_nav li:last-child {
border-bottom: none;
}
.slidebar dl {
font-size:3.9062vw;
padding:5.2083vw 5% 0;
}
.slidebar dl dt {
font-size:5.2083vw;
text-align:center;
margin:0 0 3%;
}
.slidebar dl dt a {
display: block;
text-align:center;
border: solid 2px #1a6099;
padding:5px 5.2083vw;
color:#1a6099;
font-size:4.6875vw;
line-height:1.2;
-webkit-border-radius: 2.6041vw;
-moz-border-radius: 2.6041vw;
border-radius: 2.6041vw;
}
.slidebar dl dt a:before {
content: "\f095";
font-family: FontAwesome;
color:#1a6099;
margin:0 0.5em 0 0;
}
.slidebar dl dt a:hover {
text-decoration:none;
opacity:0.65;
filter: alpha(opacity=65); -ms-filter: "alpha(opacity=65)"; -moz-opacity:0.65; -khtml-opacity: 0.65; zoom:1;
}
@media screen and (max-width: 768px) {
.ovfx {
position:relative;
width:100%;
overflow-x: scroll;
margin:0 0 5.2083vw;
padding:0 0 5.2083vw;
}
.ovfx:after {
content:'横にスクロールできます。';
padding:2.6041vw 0 0;
display:block;
}
.ovfx table {
width:900px !important;
} .ovfx::-webkit-scrollbar{
height: 10px;
background: #cccccc;
} .ovfx::-webkit-scrollbar:horizontal{
height: 10px;
background: #cccccc;
} .ovfx::-webkit-scrollbar-thumb{
background: #999;
border-radius: 2px;
} .ovfx::-webkit-scrollbar-thumb:horizontal{
background: #999;
border-radius: 2px;
} .ovfx::-webkit-scrollbar-track-piece:start{
background: #cccccc;
} .ovfx::-webkit-scrollbar-track-piece:end{
background: #cccccc;
} .ovfx::-webkit-scrollbar-corner{
background: transparent;
}
}
   .slider { margin:0 auto !important;
}
.bx-viewport { margin:0 auto !important;
}
.bx-wrapper {
margin:0 auto !important;
}
.top_tecnology {
max-width:1200px;
margin:0 auto;
padding:0 0 80px;
}
.top_tecnology .img {
margin:0 0 60px;
}
.top_tecnology .com {
margin:0 0 40px;
font-size:1.8rem;
}
.top_tecnology .com p {
text-align:center;
margin:0 0 40px;
}
.top_tecnology .com p:last-child {
margin:0;
}
.top_tecnology .btn {
width:243px;
margin:0 auto;
}
.top_product {
background: url(https://mf-b.co.jp/official/wp-content/uploads/2023/11/hougan.jpg) repeat;
padding:50px 0 90px;
}
.top_product .com {
text-align:center;
font-size:1.6rem;
margin:0 0 30px;
}
.top_product .list {
width:1390px;
margin:0 auto;
}
.top_product .list:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.top_product .list {
max-width:1155px; margin:0 auto;
}
.top_product .list section {
float:left;  width: 370px; margin:0 15px 0 0;
}
@media only screen and (min-width: 768px) {
.top_product .list section.sec1-col1 {
margin-top: 15px!important;
}
}
.top_product .list section:last-child {
margin:0;
}
.top_product .list section .img {
border: solid 1px #666666; }
.top_product .list section h3 {
margin:0 0 10px;
font-size:1.8rem;
font-weight:650;
text-align:center;
}
.top_product .list section h3 a:after {
content: "\f105";
font-family: FontAwesome;
margin:0 0 0 1em;
}
.top_product .list section h3 + p {
font-size:1.6rem;
}
.top_product .list section .sec1-box {
padding:10px;
border: solid 1px #0066CC;
border-top:none;
background:rgba(255,255,255,0.6); height: 140px;
}
p.sec1-p {
background: rgba(255,255,255,0.6);
padding: 0 16px 16px;
border-left: 1px solid #3679b3;
border-right: 1px solid #3679b3;
border-bottom: 1px solid #3679b3;
}
p.sec1-p a {
text-align: center;
display: block;
padding: 8px 0; background: #3CD7D7;
color: #fff;
font-size: 1.2rem;
font-weight: normal;
}
@media only screen and (min-width: 768px){
p.sec1-p a:after {
content: "\f105";
font-family: FontAwesome;
margin: 0 0.2em 0 1em;
}
}
.top_rental {
width:1150px;
margin:0 auto;
padding:70px 0 100px;
}
.top_rental .box:after {
content: " ";
font-size: 16px;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.top_rental .box .img {
width:699px;
float:left;
}
.top_rental .box dl {
position:relative;
float:right;
width:400px;
}
.top_rental .box dl dt {
padding:0;
margin:0;
font-size:1.8rem;
}
.top_rental .box dl dd {
position:relative;
left:-10px;
width:244px;
}
.top_news {
padding:50px 0 70px;
border-top: solid 1px #dedede;
border-bottom: solid 1px #dedede;
}
.top_news .box {
max-width:1150px;
margin:0 auto 10px;
padding:30px;
border: solid 1px #c0c0c0;
}
.top_news .box .list_box {
margin:0 0 10px;
padding:0 0 10px;
border-bottom: dotted 1px #dbdbdb;
font-size:1.4rem;
}
.top_news .box .list_box:last-child {
margin-bottom:0;
}
.top_news .box .list_box:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.top_news .box .list_box time {
float:left;
width:110px;
display:block;
background:#888888;
color:#FFF;
text-align:center;
}
.top_news .box .list_box p {
float:right;
width:780px;
padding:0 15px;
}
.top_news .list_all {
width:960px;
margin:0 auto;
text-align:right;
}
.top_news .list_all a ,
.top_news .list_all a:hover {
color:#01569f;
}
.top_news .list_all a:before {
content: "\f105";
font-family: FontAwesome;
margin:0 1em 0 0;
}
.top_banner_sns {
width:1210px;
margin:0 auto;
padding:70px 0 100px;
}
.top_banner_sns .banner {
margin:0 0 70px;
}
.top_banner_sns .banner:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.top_banner_sns .banner li {
float:left;
width:274px;
margin:0 38px 0 0;
}
.top_banner_sns .banner li:last-child {
margin:0;
}
.top_banner_sns .sns:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.top_banner_sns .sns section {
float:left;
width:590px;
}
.top_banner_sns .sns section:last-child {
float:right;
}
.top_banner_sns .sns section h2 {
padding:10px 15px;
margin:0 0 20px;
color:#000000;
}
.top_banner_sns .sns section .box {
max-width:400px;
margin:0 auto;
}
@media screen and (max-width: 1240px) {
.bx-viewport { }
.top_tecnology {
max-width: 84.9193vw;
padding:4.8387vw 0 6.4516vw;
}
.top_tecnology .img {
margin:0 0 4.8387vw;
}
.top_tecnology .com {
margin:0 0 3.2258vw;
font-size:1.4516vw;
}
.top_tecnology .com p {
margin:0 0 3.2258vw;
}
.top_tecnology .btn {
width:19.5967vw;
}
.top_product {
padding:4.0322vw 0 7.2580vw;
}
.top_product .com {
font-size:1.2903vw;
margin:0 0 2.4193vw;
}
.top_product .list {
width:93.0645vw;
}
.top_product .list {
max-width:93.1451vw;
}
.top_product .list section { width:14.5vw;
margin:0 1.2096vw 0 0;
}
.top_product .list section .img { }
.top_product .list section h3 {
margin:0 0 0.8064vw;
font-size:1.4516vw;
}
.top_product .list section h3 + p {
font-size:1.1290vw;
} .top_rental {
width: 92.7419vw;
padding:5.6451vw 0 8.0645vw;
}
.top_rental .box .img {
width:56.3709vw;
}
.top_rental .box dl {
width:32.2580vw;
}
.top_rental .box dl dt {
padding:5.2419vw 0 0;
margin:0 0 4.0322vw;
font-size:1.4516vw;
}
.top_rental .box dl dd {
left:-0.8064vw;
width:19.6774vw;
}
.top_news {
padding:4.0322vw 0 5.6451vw;
}
.top_news .box {
width:77.4193vw;
margin:0 auto 0.8064vw;
padding:2.4193vw;
}
.top_news .box .list_box {
margin:0 0 0.8064vw;
padding:0 0 0.8064vw;
font-size:1.1290vw;
}
.top_news .box .list_box time {
width:8.8709vw;
}
.top_news .box .list_box p {
width:62.9032vw;
padding:0 1.2096vw;
}
.top_news .list_all {
width:77.4193vw;
}
.top_banner_sns {
width:97.5806vw;
margin:0 auto;
padding:5.6451vw 0 8.0645vw;
}
.top_banner_sns .banner {
margin:0 0 5.6451vw;
}
.top_banner_sns .banner li {
width:20.4838vw;
margin:0 3.0645vw 0 0;
font-size:1.4rem;
}
.top_banner_sns .sns section {
width:47.5806vw;
}
.top_banner_sns .sns section h2 {
padding:0.8064vw 1.2096vw;
margin:0 0 1.6129vw;
}
.top_banner_sns .sns section .box {
width:100%;
margin:0 auto;
}
.top_banner_sns .sns section .box iframe {
width: 100% !important;
}
.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget iframe[style]{
width: 100% !important;
}
}
@media screen and (max-width: 768px) {
.pad01{
padding:10px;
}
.slider {
margin:13vw 0 0 !important;
}
.bx-viewport { }
.bx-wrapper {
margin:0 auto !important;
}
.top_tecnology {
max-width:100%;
margin:0 auto;
padding:7.8125vw 0 10.4166vw;
}
.top_tecnology .img {
margin:0 0 7.8125vw;
}
.top_tecnology .com {
margin:0 0 5.2083vw;
font-size:14px;
}
.top_tecnology .com p {
margin:0 0 5.2083vw;
}
.top_tecnology .btn {
width:31.25vw;
margin:0 auto;
}
.top_product {
padding:6.5104vw 0 11.7187vw;
}
.top_product .com {
font-size:4.1666vw;
margin:0 0 3.9062vw;
}
.top_product .list {
width:91.1458vw;
}
.top_product .list section {
float:left;
width:42.9687vw;
margin:0 0 5.2083vw 0;
}
.top_product .list section:nth-child(2n) {
float:right;
}
.top_product .list section:nth-child(2n+1) {
clear:both;
}
.top_product .list section:last-child {
margin:0;
}
.top_product .list section .img { }
.top_product .list section h3 {
margin:0 0 1.3020vw;
font-size:4.6875vw;
}
.top_product .list section h3 + p {
font-size:3.6458vw;
} .top_rental {
width:91.1458vw;
padding:9.1145vw 0 13.0208vw;
}
.top_rental .box .img {
width:100%;
float:none;
margin:0 0 2.6041vw;
text-align:center;
}
.top_rental .box dl {
position:relative;
float:none;
width:100%;
}
.top_rental .box dl dt {
padding:0;
margin:0 0 5.2083vw;
font-size:4.6875vw;
}
.top_rental .box dl dd {
left:0;
width:31.25vw;
}
.top_news {
padding:6.5104vw 0 9.1145vw;
}
.top_news .box {
width:91.1458vw;
margin:0 auto 2.6041vw;
padding:2.6041vw;
}
.top_news .box .list_box {
margin:0 0 1.3020vw;
padding:0 0 1.3020vw;
font-size:3.6458vw;
}
.top_news .box .list_box time {
float:none;
width:30%;
display:block;
background:#888888;
color:#FFF;
text-align:center;
}
.top_news .box .list_box p {
float:none;
width:100%;
padding:0 1.9531vw;
}
.top_news .list_all {
width:91.1458vw;
font-size:3.6458vw;
}
.top_banner_sns {
width:91.1458vw;
padding:6.5104vw 0 9.1145vw;
}
.top_banner_sns .banner {
margin:0 0 6.5104vw;
}
.top_banner_sns .banner li {
float:none;
width:100%;
margin:0 0 2.6041vw 0;
}
.top_banner_sns .sns section {
float:none;
width:100%;
margin:0 0 5.2083vw;
}
.top_banner_sns .sns section:last-child {
float:none;
width:100%;
}
.top_banner_sns .sns section h2 {
padding:1.3020vw 1.9531vw;
margin:0 0 2.6041vw;
font-size: 5.5483vw!important;
}
.top_banner_sns .sns section .box {
width:100%;
margin:0 auto;
}
.top_banner_sns .sns section .box iframe {
width: auto !important;
height:78.125vw !important;
}
.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget iframe[style]{
width: auto !important;
}
} .news .page_ttl {
background:url(//mf-b.co.jp/img/news/page_ttl.png) no-repeat center center;
}
.news .list .list_box {
margin:0 0 40px;
padding:0 0 20px;
border-bottom: solid 1px #0099CC;
font-size: 16px;
}
.news .list .list_box:after {
content: " ";
font-size: 16px;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.news .list .list_box time {
float:left;
width:100px;
padding:0 10px;
font-size: 16px;
}
.news .list .list_box p {
float:right;
width:900px;
padding:0 10px;
font-size: 16px;
}
.news_list_all {
text-align:center;
font-size: 16px;
}
.news_list_all a {
display: inline-block;
padding: 10px 40px;
font-size: 16px;
font-weight: bold;
color: #666666;
background-color: #ffffff;
border: 1px solid #cccccc;
border-radius: 6px;
text-decoration: none;
text-align: center;
transition: background-color 0.3s ease, color 0.3s ease;
}
.news_list_all a:hover {
background-color: #e0e0e0;
color: #333333;
}
@media screen and (max-width: 1240px) {
.news .list .list_box {
margin:0 0 3.2258vw;
padding:0 0 1.6129vw;
}
.news .list .list_box time {
width:8.0645vw;
padding:0 0.8064vw;
}
.news .list .list_box p {
width:72.5806vw;
padding:0 0.8064vw;
}
}
@media screen and (max-width: 768px) {
.news .list .list_box {
margin:0 0 5.2083vw;
padding:0 0 2.6041vw;
}
.news .list .list_box time {
float:none;
width:30%;
padding:0;
text-align:center;
}
.news .list .list_box p {
float:none;
width:100%;
padding:0 1.3020vw;
}
.news_list_all a {
display:block;
text-align:center;
font-size:3.6458vw;
padding:1.3020vw 0;
}
} .technology-html .page_ttl {
background:url(//mf-b.co.jp/img/technology/page_ttl.png) no-repeat center center;
}
.technology-html .box section {
margin:0 0 60px;
}
.technology-html .box section:last-child {
margin:0;
}
.technology-html .box section:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.technology-html-html .box section:nth-child(odd) .img {
float:right;
width:400px;
}
.technology-html .box section:nth-child(even) .img {
float:left;
width:400px;
}
.technology-html .box section:nth-child(odd) .box_in {
float:left;
width:600px;
padding:0 50px 0 0;
}
.technology-html .box section:nth-child(even) .box_in {
float:right;
width:600px;
padding:0 0 0 50px;
}
.technology-html .box section .box_in p {
font-size:1.6rem;
font-weight:bold;
margin:0 0 20px;
}
.technology-html .box section .box_in dl dt {
font-weight:bold;
margin:0 0 10px;
}
.technology-html .box section .box_in dl dd ul:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.technology-html .box section .box_in dl dd ul li {
position:relative;
float:left;
margin:0 30px 0 0;
}
.technology-html .box section .box_in dl dd ul li:last-child {
margin:0;
}
.technology-html .box section .box_in dl dd ul li:before {
content: "\f138";
font-family: FontAwesome;
color:#999;
margin:0 0.5em 0 0;
}
@media screen and (max-width: 1240px) {
.technology-html .box section {
margin:0 0 4.8387vw;
}
.technology-html .box section:nth-child(odd) .img {
width:32.2580vw;
}
.technology-html .box section:nth-child(even) .img {
width:32.2580vw;
}
.technology-html .box section:nth-child(odd) .box_in {
width:48.3870vw;
padding:0 4.0322vw 0 0;
}
.technology-html .box section:nth-child(even) .box_in {
width:48.3870vw;
padding:0 0 0 4.0322vw;
}
.technology-html .box section .box_in p {
font-size:1.2903vw;
margin:0 0 1.6129vw;
}
.technology-html .box section .box_in dl dt {
margin:0 0 0.8064vw;
}
.technology-html .box section .box_in dl dd ul li {
margin:0 2.4193vw 0 0;
}
}
@media screen and (max-width: 768px) {
.technology-html .box section {
margin:0 0 7.8125vw;
}
.technology-html .box section:nth-child(odd) .img {
float:none;
width:100%;
text-align:center;
margin:0 0 2.6041vw;
}
.technology-html .box section:nth-child(even) .img {
float:none;
width:100%;
text-align:center;
margin:0 0 2.6041vw;
}
.technology-html .box section:nth-child(odd) .box_in {
float:none;
width:100%;
padding:0;
}
.technology-html .box section:nth-child(even) .box_in {
float:none;
width:100%;
padding:0;
}
.technology-html .box section .box_in p {
font-size:3.9062vw;
margin:0 0 2.6041vw;
}
.technology-html .box section .box_in dl dt {
margin:0 0 1.3020vw;
}
.technology-html .box section .box_in dl dd ul li {
margin:0 2.6041vw 2.6041vw 0;
}
} .originalprinting-html .page_ttl {
background:url(//mf-b.co.jp/img/original/page_ttl.png) no-repeat center center;
}
.originalprinting-html .list {
margin:0 0 40px;
}
.originalprinting-html .list ul:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.originalprinting-html .list ul li {
float:left;
width:235px;
margin:0 20px 40px 0;
}
.originalprinting-html .list ul li:nth-child(4n) {
margin:0 0 40px 0;
}
.originalprinting-html .list ul li:nth-child(4n+1) {
clear:both;
}
.originalprinting-html .list ul li:nth-last-child(-n+4) {
margin-bottom:0;
}
.originalprinting-html .list ul li span {
display:block;
text-align:center;
font-size:1.6rem;
font-weight:bold;
margin:0 0 5px;
}
.originalprinting-html .list ul li em {
display:block;
border: solid 1px #999999;
}
.originalprinting-html .flow {
margin:0 0 40px;
}
.originalprinting-html .flow .box {
counter-reset:number;
margin:0 0 40px;
}
.originalprinting-html .flow .box:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.originalprinting-html .flow .box section {
position:relative;
float:left;
width:235px;
margin:0 20px 40px 0;
padding:15px 20px;
border: solid 2px #0066CC;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.originalprinting-html .flow .box section:nth-child(4n) {
margin:0 0 40px 0;
}
.originalprinting-html .flow .box section:nth-child(4n+1) {
clear:both;
}
.originalprinting-html .flow .box section:nth-last-child(-n+4) {
margin-bottom:0;
}
.originalprinting-html .flow .box section:before {
position:absolute;
top:0;
left:0;
display:block;
counter-increment: number;
content: counter(number);
background:#0066CC;
width:40px;
height:40px;
color:#FFF;
line-height:42px;
text-align:center;
font-size:2.4rem;
font-weight:bold;
-webkit-border-radius: 0 0 5px 0;
-moz-border-radius: 0 0 5px 0;
border-radius: 0 0 5px 0;
}
.originalprinting-html .flow .box section h3 {
position:relative;
margin:0 0 10px;
text-align:center;
}
.originalprinting-html .flow .box section h3 span {
display:inline-block;
font-size:2.0rem;
font-weight:bold;
text-align:center;
}
.originalprinting-html .flow .box section .img {
padding: 0 50px;
margin:0 0 10px;
}
.originalprinting-html .flow h4 {
text-align:center;
}
.originalprinting-html .flow h4 span {
-moz-box-shadow:inset 0px 1px 0px 0px #54a3f7;
-webkit-box-shadow:inset 0px 1px 0px 0px #54a3f7;
box-shadow:inset 0px 1px 0px 0px #54a3f7;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #007dc1), color-stop(1, #0061a7));
background:-moz-linear-gradient(top, #007dc1 5%, #0061a7 100%);
background:-webkit-linear-gradient(top, #007dc1 5%, #0061a7 100%);
background:-o-linear-gradient(top, #007dc1 5%, #0061a7 100%);
background:-ms-linear-gradient(top, #007dc1 5%, #0061a7 100%);
background:linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#007dc1', endColorstr='#0061a7',GradientType=0);
background-color:#007dc1;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
border:1px solid #124d77;
display:inline-block;
color:#ffffff;
font-size:2.2rem;
font-weight:bold;
padding:10px 40px;
text-decoration:none;
text-shadow:0px 1px 0px #154682;
}
.originalprinting-html .caution ul li {
position:relative;
padding:0 0 0 1.5em;
}
.originalprinting-html .caution ul li:before {
position: absolute;
left:0;
content: "\f00c";
font-family: FontAwesome;
color:#C30;
}
@media screen and (max-width: 1240px) {
.originalprinting-html .list {
margin:0 0 3.2258vw;
}
.originalprinting-html .list ul li {
width:18.9516vw;
margin:0 1.6129vw 3.2258vw 0;
}
.originalprinting-html .list ul li:nth-child(4n) {
margin:0 0 3.2258vw 0;
}
.originalprinting-html .list ul li span {
font-size:1.2903vw;
margin:0 0 0.4032vw;
}
.originalprinting-html .list ul li em {
border: solid 0.0806vw #999999;
}
.originalprinting-html .flow {
margin:0 0 3.2258vw;
}
.originalprinting-html .flow .box {
margin:0 0 3.2258vw;
}
.originalprinting-html .flow .box section {
width:18.9516vw;
margin:0 1.6129vw 3.2258vw 0;
padding:1.2096vw 1.6129vw;
border: solid 0.1612vw #0066CC;
-webkit-border-radius: 0.4032vw;
-moz-border-radius: 0.4032vwpx;
border-radius: 0.4032vw;
}
.originalprinting-html .flow .box section:nth-child(4n) {
margin:0 0 3.2258vw 0;
}
.originalprinting-html .flow .box section:before {
width:3.2258vw;
height:3.2258vw;
line-height:3.3870vw;
font-size:1.9354vw;
font-weight:bold;
-webkit-border-radius: 0 0 0.4032vw 0;
-moz-border-radius: 0 0 0.4032vw 0;
border-radius: 0 0 0.4032vw 0;
}
.originalprinting-html .flow .box section h3 {
margin:0 0 0.8064vw;
}
.originalprinting-html .flow .box section h3 span {
font-size:1.6129vw;
}
.originalprinting-html .flow .box section .img {
padding: 0 4.0322vw;
margin:0 0 0.8064vw;
}
.originalprinting-html .flow h4 span {
-moz-border-radius:0.2419vw;
-webkit-border-radius:0.2419vw;
border-radius:0.2419vw;
font-size:1.7741vw;
padding: 0.8064vw 3.2258vw;
}
}
@media screen and (max-width: 768px) {
.originalprinting-html .list {
margin:0 0 5.2083vw;
}
.originalprinting-html .list ul li {
float:left;
width:48%;
margin:0 0 3.9062vw 0;
}
.originalprinting-html .list ul li:nth-child(4n) {
margin:0 0 3.9062vw 0;
}
.originalprinting-html .list ul li:nth-child(4n+1) {
clear:none;
}
.originalprinting-html .list ul li:nth-last-child(-n+4) {
margin-bottom:3.9062vw;
}
.originalprinting-html .list ul li:nth-child(2n) {
float:right;
}
.originalprinting-html .list ul li:nth-child(2n+1) {
clear: both;
}
.originalprinting-html .list ul li:nth-last-child(-n+2) {
margin-bottom:0;
}
.originalprinting-html .list ul li span {
font-size:3.9062vw;
margin:0 0 1.3020vw;
}
.originalprinting-html .flow {
margin:0 0 5.2083vw;
}
.originalprinting-html .flow .box {
margin:0 0 5.2083vw;
}
.originalprinting-html .flow .box section {
width:48%;
margin:0 0 3.9062vw 0;
padding:2.6041vw;
-webkit-border-radius: 0.6510vw;
-moz-border-radius: 0.6510vw;
border-radius: 0.6510vw;
}
.originalprinting-html .flow .box section:nth-child(4n) {
margin:0 0 3.9062vw 0;
}
.originalprinting-html .flow .box section:nth-child(4n+1) {
clear:none;
}
.originalprinting-html .flow .box section:nth-last-child(-n+4) {
margin-bottom:3.9062vw;
}
.originalprinting-html .flow .box section:nth-child(2n) {
float:right;
}
.originalprinting-html .flow .box section:nth-child(2n+1) {
clear:both;
}
.originalprinting-html .flow .box section:nth-last-child(-n+2) {
margin-bottom:0;
}
.originalprinting-html .flow .box section:before {
width:7.8125vw;
height:7.8125vw;
line-height:8.0729vw;
font-size:5.2083vw;
font-weight:bold;
-webkit-border-radius: 0 0 0.6510vw 0;
-moz-border-radius: 0 0 0.6510vw 0;
border-radius: 0 0 0.6510vw 0;
}
.originalprinting-html .flow .box section h3 {
margin:0 0 1.3020vw;
}
.originalprinting-html .flow .box section h3 span {
font-size:5.2083vw;
}
.originalprinting-html .flow .box section .img {
padding: 0 30%;
margin:0 0 1.3020vw;
}
.originalprinting-html .flow h4 span {
-moz-border-radius:0.6510vw;
-webkit-border-radius:0.6510vw;
border-radius:0.6510vw;
display:block;
font-size:5.2083vw;
padding:2.6041vw 0;
text-align:center;
}
} .company-html .box .company-html_img {
background:url(//mf-b.co.jp/img/company-html/company-html_img2x.png) no-repeat center center;
background-size:cover;
-webkit-box-shadow:0px 0px 6px 3px #FFF inset , 0px 0px 6px 3px #FFF inset , 0px 0px 6px 3px #FFF inset , 0px 0px 6px 3px #FFF inset;
-moz-box-shadow:0px 0px 6px 3px #FFF inset , 0px 0px 6px 3px #FFF inset , 0px 0px 6px 3px #FFF inset , 0px 0px 6px 3px #FFF inset;
box-shadow:0px 0px 6px 3px #FFF inset , 0px 0px 6px 3px #FFF inset , 0px 0px 6px 3px #FFF inset , 0px 0px 6px 3px #FFF inset;
padding:20px 30px;
margin:0 0 40px;
}
.company-html .box .company-html_img h3 {
color:#FFF;
font-size:4.8rem;
font-weight:bold;
line-height:1.4;
-webkit-text-shadow:0px 0px 3px #666666 , 0px 0px 3px #666666 , 0px 0px 3px #666666 , 0px 0px 3px #666666 , 0px 0px 3px #666666 , 0px 0px 3px #666666;
-moz-text-shadow:0px 0px 3px #666666 , 0px 0px 3px #666666 , 0px 0px 3px #666666 , 0px 0px 3px #666666 , 0px 0px 3px #666666 , 0px 0px 3px #666666;
text-shadow:0px 0px 3px #666666 , 0px 0px 3px #666666 , 0px 0px 3px #666666 , 0px 0px 3px #666666 , 0px 0px 3px #666666 , 0px 0px 3px #666666;
}
.company-html .box .company-html_img .company-html_img_r {
padding:20px 0 0;
}
.company-html .box .company-html_img .company-html_img_r:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.company-html .box .company-html_img .company-html_img_r .company-html_img_r_in {
display:inline-block;
float:right;
color:#FFF;
-webkit-text-shadow:0px 0px 3px #666666 , 0px 0px 3px #666666 , 0px 0px 3px #666666 , 0px 0px 3px #666666 , 0px 0px 3px #666666 , 0px 0px 3px #666666;
-moz-text-shadow:0px 0px 3px #666666 , 0px 0px 3px #666666 , 0px 0px 3px #666666 , 0px 0px 3px #666666 , 0px 0px 3px #666666 , 0px 0px 3px #666666;
text-shadow:0px 0px 3px #666666 , 0px 0px 3px #666666 , 0px 0px 3px #666666 , 0px 0px 3px #666666 , 0px 0px 3px #666666 , 0px 0px 3px #666666;
}
.company-html .box .company-html_img .company-html_img_r .company-html_img_r_in h4 {
font-size:2.4rem;
font-weight:bold;
}
.company-html .box .company-html_img .company-html_img_r .company-html_img_r_in p {
font-size:3.0rem;
font-weight:bold;
line-height:1.1;
}
.company-html .box .company-html_img .company-html_img_r .company-html_img_r_in p span {
display:block;
font-size:2.0rem;
font-weight: normal;
margin:0 0 10px;
}
.company-html .box .about {
margin:0 0 40px;
}
.company-html .box .about table {
width:100%;
}
.company-html .box .about table th ,
.company-html .box .about table td {
border: solid 1px #CCCCCC;
padding:15px 20px;
}
.company-html .box .about table th {
width:200px;
font-weight:bold;
}
.company-html .box .about table tr:nth-child(odd) th ,
.company-html .box .about table tr:nth-child(odd) td {
background: #F7F7F7;
}
.company-html .box .map iframe {
width:100%;
height:300px;
}
td.eigyousyo1 img.width {
width: auto;
}
@media screen and (max-width: 1240px) {
.company-html .box .company-html_img {
padding:1.6129vw 2.4193vw;
margin:0 0 3.2258vw;
}
.company-html .box .company-html_img h3 {
font-size:3.8709vw;
}
.company-html .box .company-html_img .company-html_img_r {
padding:1.6129vw 0 0;
}
.company-html .box .company-html_img .company-html_img_r .company-html_img_r_in h4 {
font-size:1.9354vw;
}
.company-html .box .company-html_img .company-html_img_r .company-html_img_r_in p {
font-size:2.4193vw;
}
.company-html .box .company-html_img .company-html_img_r .company-html_img_r_in p span {
font-size:1.6129vw;
margin:0 0 0.8064vw;
}
.company-html .box .about {
margin:0 0 3.2258vw;
}
.company-html .box .about table th ,
.company-html .box .about table td {
padding:1.2096vw 1.6129vw;
}
.company-html .box .about table th {
width:16.1290vw;
}
.company-html .box .map iframe {
height:24.1935vw;
}
}
@media screen and (max-width: 768px) {
.company-html .box .company-html_img {
background:url(//mf-b.co.jp/img/company-html/company-html_img2x.png) no-repeat center center;
background-size:cover;
padding:5.2083vw;
margin:0 0 5.2083vw;
}
.company-html .box .company-html_img h3 {
font-size:5.2083vw;
}
.company-html .box .company-html_img .company-html_img_r {
padding:2.6041vw 0 0;
}
.company-html .box .company-html_img .company-html_img_r .company-html_img_r_in h4 {
font-size:5.2083vw;
}
.company-html .box .company-html_img .company-html_img_r .company-html_img_r_in p {
font-size:5.2083vw;
}
.company-html .box .company-html_img .company-html_img_r .company-html_img_r_in p span {
font-size:4.6875vw;
margin:0 0 1.3020vw;
}
.company-html .box .about {
margin:0 0 5.2083vw;
}
.company-html .box .about table th ,
.company-html .box .about table td {
border: solid 1px #CCCCCC;
border-bottom:none;
display:block;
padding:1.9531vw 2.6041vw;
}
.company-html .box .about table tr:last-child td {
border: solid 1px #CCCCCC;
}
.company-html .box .about table th {
width:100%;
border-bottom:none;
}
.company-html .box .map iframe {
height:39.0625vw;
}
} .box-contact .left {
float: left;
width: 50%;
}
.box-contact .left2 {
float: left;
width: 50%;
}
.box-contact .left p.tel:before {
content: '';
display: inline-block;
width: 20px;
height: 20px;
background-image: url(//mf-b.co.jp/img/common/icon_tel.png);
background-size: contain;
vertical-align: middle;
background-repeat: no-repeat;
padding-right: 8px;
}
.box-contact .left p.fax:before {
content: '';
display: inline-block;
width: 20px;
height: 20px;
background-image: url(//mf-b.co.jp/img/common/icon_fax.png);
background-size: contain;
vertical-align: middle;
background-repeat: no-repeat;
padding-right: 8px;
}
.box-contact .left p {
}
p.pdf {
margin-top: 12px;
}
p.pdf a {
background: #3CD7D7;
color: #fff;
padding: 14px 28px;
border-radius: 6px;
}
.box-contact .left2 p.pdf a:before {
content: '';
display: inline-block;
width: 18px;
height: 18px;
background-image: url(//mf-b.co.jp/img/common/icon_pdf.png);
background-size: contain;
vertical-align: middle;
background-repeat: no-repeat;
padding-right: 8px;
}
.contact .box-contact,
.contact .box .com01 {
margin:0 0 10px;
}
.contact .box-contact {
padding: 24px;
border: 1px solid #dadada;
width: 50%;
border-radius: 6px;
}
.contact .box .com02 {
margin:0 0 30px;
}
.contact .box .com02 span {
color:#F00;
}
.contact .box table {
width:100%;
margin:0 0 50px;
}
.contact .box table th ,
.contact .box table td {
border: solid 1px #CCCCCC;
padding:15px 20px;
}
.contact .box table th {
width:300px;
font-weight:bold;
}
.contact .box table th span {
position:relative;
top:-0.2em;
display:inline-block;
padding:0.5em 1em;
background:#F00;
color:#FFF;
line-height:1.1;
font-size:1.1rem;
font-weight:normal;
float:right;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.contact .box table th em {
display:block;
padding:0.5em 0 0;
color:#F00;
font-size:1.2rem;
}
.contact .box table tr:nth-child(odd) th ,
.contact .box table tr:nth-child(odd) td {
background: #F7F7F7;
}
.contact .box table td p {
margin:0 0 10px;
}
.form table td input[type="text"] ,
.form table td input[type="tel"] ,
.form table td input[type="email"] ,
.form table td input[type="date"] ,
.form table td input[type="number"] ,
.form table td textarea {
width:100%;
padding:8px 2px;
font-size:14px;
background:#FFFFFF;
border: solid 1px #cccccc;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
}
.form table td input[type="text"]:focus ,
.form table td input[type="tel"]:focus ,
.form table td input[type="email"]:focus ,
.form table td input[type="number"]:focus ,
.form table td input[type="date"]:focus ,
.form table td textarea:focus {
outline: 0;
border: solid 1px #333333;
}
.form table td input[type="number"] {
text-align:center;
}
.form table td textarea {
height:250px;
}
.form table td .select-wrap {
position:relative;
overflow:hidden;
display:inline-block;
min-width:192px;
min-width:12em;
background:#FFFFFF;
border:1px solid #cccccc;
color:#333;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.form table td .select-wrap select {
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
position:relative;
z-index:2;
display:block;
width:200%; width:-webkit-calc(100% + 5em);
margin:0;
padding:11px 35px 11px 11px;
padding:.6875rem 2.1875rem .6875rem .6875rem;
background:transparent;
border:0;
outline:none;
font-size:14px;
line-height:1.5;
}
.form table td .select-wrap.entypo-down-open-mini:before { font-family:'entypo',sans-serif;
position:absolute;
z-index:1;
top:50%;
right:12px;
right:.75rem;
margin-top:-8px;
margin-top:-.5rem;
font-size:14px;
line-height:1;
color:#333;
}
.form .btn {
text-align:center;
}
.form .btn dl {
display:inline-block;
}
.form .btn dl dt ,
.form .btn dl dd {
display:inline-block;
text-align:center;
}
.form .btn dl dd {
margin:0 0 0 20px;
}
.form .btn input ,
.form .btn button {
-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
box-shadow:inset 0px 1px 0px 0px #ffffff;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
background-color:#f9f9f9;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
border:1px solid #dcdcdc;
display:inline-block;
cursor:pointer;
color:#666666;
font-size:1.8rem;
font-weight:bold;
padding:10px 50px;
text-decoration:none;
text-shadow:0px 1px 0px #ffffff;
}
.form .btn input:hover ,
.form .btn button:hover ,
.form .btn input:focus ,
.form .btn button:focus {
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
background:-moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
background:-webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
background:-o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
background:-ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=0);
background-color:#e9e9e9;
}
.mw_wp_form.mw_wp_form_confirm.mw_wp_form_preview .form input[type="reset"] {
display:none;
}
.confirm .mw_wp_form.mw_wp_form_confirm.mw_wp_form_preview td .select-wrap {
margin:0;
border:none;
color: inherit;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
}
.confirm .mw_wp_form.mw_wp_form_confirm.mw_wp_form_preview td .entypo-down-open-mini:before {
display:none;
}
.confirm .mw_wp_form.mw_wp_form_confirm.mw_wp_form_preview th em {
display:none;
}
@media screen and (max-width: 1240px) {
.contact .box .com01 {
margin:0 0 0.8064vw;
}
.contact .box .com02 {
margin:0 0 2.4193vw;
}
.contact .box table {
margin:0 0 4.0322vw;
}
.contact .box table th ,
.contact .box table td {
padding:1.2096vw 1.6129vw;
}
.contact .box table th {
width:24.1935vw;
}
.contact .box table th span {
font-size:0.8870vw;
-webkit-border-radius: 0.4032vw;
-moz-border-radius: 0.4032vw;
border-radius: 0.4032vw;
}
.contact .box table th em {
font-size:0.9677vw;
}
.contact .box table td p {
margin:0 0 0.8064vw;
}
.form table td input[type="text"] ,
.form table td input[type="tel"] ,
.form table td input[type="email"] ,
.form table td input[type="date"] ,
.form table td input[type="number"] ,
.form table td textarea {
padding:0.6451vw 0.1612vw;
font-size:1.1290vw;
border: solid 0.0806vw #cccccc;
-moz-border-radius:0.4838vw;
-webkit-border-radius:0.4838vw;
border-radius:0.4838vw;
}
.form table td input[type="text"]:focus ,
.form table td input[type="tel"]:focus ,
.form table td input[type="email"]:focus ,
.form table td input[type="number"]:focus ,
.form table td input[type="date"]:focus ,
.form table td textarea:focus {
border: solid 0.0806vw #333333;
}
.form table td textarea {
height:20.1612vw;
}
.form table td .select-wrap {
-webkit-border-radius: 0.4032vw;
-moz-border-radius: 0.4032vw;
border-radius: 0.4032vw;
}
.form table td .select-wrap select {
font-size:1.1290vw;
}
.form table td .select-wrap.entypo-down-open-mini:before {
font-size:1.1290vw;
}
.form .btn dl dd {
margin:0 0 0 1.6129vw;
}
.form .btn input ,
.form .btn button {
-moz-border-radius:0.4838vw;
-webkit-border-radius:0.4838vw;
border-radius:0.4838vw;
border:0.0806vw solid #dcdcdc;
font-size:1.4516vw;
padding:0.8064vw 4.0322vw;
}
}
@media screen and (max-width: 768px) {
.contact .box .com01 {
margin:0 0 1.3020vw;
}
.contact .box .com02 {
margin:0 0 3.9062vw;
}
.contact .box table {
margin:0 0 6.5104vw;
}
.contact .box table th ,
.contact .box table td {
border: solid 1px #CCCCCC;
border-bottom:none;
display:block;
padding:1.9531vw 2.6041vw;
}
.contact .box table tr:last-chikd td {
border: solid 1px #CCCCCC;
}
.contact .box table th {
width:100%;
font-weight:bold;
}
.contact .box table th span {
font-size:2.8645vw;
-webkit-border-radius: 0.6510vw;
-moz-border-radius: 0.6510vw;
border-radius: 0.6510vw;
}
.contact .box table th em {
font-size:2.8645vw;
}
.contact .box table tr:nth-child(odd) th ,
.contact .box table tr:nth-child(odd) td {
background: #F7F7F7;
}
.contact .box table td p {
margin:0 0 1.3020vw;
}
.form table td input[type="text"] ,
.form table td input[type="tel"] ,
.form table td input[type="email"] ,
.form table td input[type="date"] ,
.form table td input[type="number"] ,
.form table td textarea {
padding:1.3020vw 0.6510vw;
font-size:3.3854vw;
-webkit-border-radius: 0.6510vw;
-moz-border-radius: 0.6510vw;
border-radius: 0.6510vw;
}
.form table td textarea {
height:39.0625vw;
}
.form table td .select-wrap {
-webkit-border-radius: 0.6510vw;
-moz-border-radius: 0.6510vw;
border-radius: 0.6510vw;
}
.form table td .select-wrap select {
font-size:3.3854vw;
}
.form table td .select-wrap.entypo-down-open-mini:before {
font-size:3.3854vw;
}
.form .btn dl dd {
margin:0 0 0 2.6041vw;
}
.form .btn input ,
.form .btn button {
-webkit-border-radius: 0.6510vw;
-moz-border-radius: 0.6510vw;
border-radius: 0.6510vw;
font-size:3.9062vw;
padding:1.3020vw 6.5104vw;
}
} .specific .box table {
width:100%;
}
.specific .box table th ,
.specific .box table td {
border: solid 1px #CCCCCC;
padding:15px 20px;
}
.specific .box table th {
width:200px;
font-weight:bold;
}
.specific .box table tr:nth-child(odd) th ,
.specific .box table tr:nth-child(odd) td {
background: #F7F7F7;
}
.specific .box table td p {
margin:0 0 10px;
}
.specific .box table td p:last-child {
margin:0;
}
.specific .box table td p span {
display:block;
}
.specific .box table td ul li {
position:relative;
padding:0 0 0 1em;
}
.specific .box table td ul li:before {
position:absolute;
left:0;
content:'・';
}
.specific .box table td em {
font-size:1.2rem;
color: #930;
}
@media screen and (max-width: 1240px) {
.specific .box table th ,
.specific .box table td {
border: solid 0.0806vw #CCCCCC;
padding:1.2096vw 1.6129vw;
}
.specific .box table th {
width:16.1290vw;
}
.specific .box table td p {
margin:0 0 0.8064vw;
}
.specific .box table td em {
font-size:0.9677vw;
}
}
@media screen and (max-width: 768px) {
.specific .box table {
width:100%;
}
.specific .box table th ,
.specific .box table td {
border: solid 1px #CCCCCC;
border-bottom:none;
display:block;
padding:1.9531vw 2.6041vw;
}
.specific .box table tr:last-child td {
border: solid 1px #CCCCCC;
}
.specific .box table th {
width:100%;
}
.specific .box table td p {
margin:0 0 1.3020vw;
}
.specific .box table td em {
font-size:3.125vw;
}
} .privacy .box .com01 {
margin:0 0 40px;
}
.privacy .box section {
margin:0 0 60px;
}
.privacy .box section:last-child {
margin:0;
}
.privacy .box section h3 {
margin:0 0 10px;
font-size:2.0rem;
font-weight:bold;
}
@media screen and (max-width: 768px) {
.privacy .box .com01 {
margin:0 0 5.2083vw;
}
.privacy .box section {
margin:0 0 7.8125vw;
}
.privacy .box section h3 {
margin:0 0 1.3020vw;
font-size:5.2083vw;
}
} .product .page_ttl {
background:url(//mf-b.co.jp/img/product/page_ttl.png) no-repeat center center;
}
.product article .com01 {
font-size:1.6rem;
font-weight:bold;
margin:0 0 30px;
text-align:center;
}
.product article .product_cat {
margin:0 0 100px;
}
.product article .product_cat .box {
margin:0 0 50px;
}
.product article .product_cat .box:last-child {
margin:0;
}
.product article .product_cat .com02 {
margin:0 0 30px;
}
.product article .product_cat .com02:last-child {
margin:0;
}
.product article .product_cat .box:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.product article .product_cat .box section {
width:480px;
float:left;
margin:0 0 50px;
padding:15px 10px;
border: solid 1px #DDDDDD;
}
.product article .product_cat .box section:nth-child(2n) {
float:right;
}
.product article .product_cat .box section:nth-child(2n+1) {
clear:both;
}
.product article .product_cat .box section:nth-last-child(-n+2) {
margin-bottom:0;
}
.product article .product_cat .box section:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.product article .product_cat .box section .box_l {
float:left;
width:250px;
}
.product article .product_cat .box section .box_l h3 a {
display:block;
position: relative;
color: #FFFFFF;
padding:0.5em 0.5em 0.5em 2em;
margin:0 0 10px;
background-color: #446689;
font-size:1.6rem;
font-weight:bold;
}
.product article .product_cat .box section .box_l h3 a:after {
position: absolute;
top: 50%;
left:0;
transform:translateY(-50%);
content: '';
width: 18px;
height:4px;
background-color:#FFF;
}
.product article .product_cat .box section .box_l h3 a:hover {
text-decoration:none;
opacity:0.65;
filter: alpha(opacity=65); -ms-filter: "alpha(opacity=65)"; -moz-opacity:0.65; -khtml-opacity: 0.65; zoom:1;
}
.product article .product_cat .box section ul {
float:right;
width:200px;
}
.product article .product_cat .box section ul:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.product article .product_cat .box section ul li {
position:relative;
float:left;
width:100px;
height:100px;
overflow:hidden;
border: solid 1px #999999;
} .product article .product_cat .box section ul li img {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);
}
.product article .product_list .product_list_in:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.product article .product_list .product_list_in .category {
float:left;
width: 23%; margin: 0 1% 1% 1%;
}
.product article .product_list .product_list_in .category:nth-child(4n) {
margin:0 0 30px 0;
}
.product article .product_list .product_list_in .category:nth-child(4n+1) {
clear:both;
}
.product article .product_list .product_list_in .category:nth-last-child(-n+4) {
margin-bottom:0;
}
.product article .product_list .product_list_in .category h3 {
position: relative;
color: #FFF;
padding:0.5em 0.5em 0.5em 1.8em;
margin:0 0 15px;
background-color: #3CD7D7;
border-radius: 5px;
font-size:1.6rem;
font-weight:bold;
}
.product article .product_list .product_list_in .category h3:after {
position: absolute;
top: 50%;
left:0.7em;
transform:translateY(-50%);
content: '';
width: 8px;
height:8px;
border: solid 3px #FFF;
border-radius:100%;
}
.product article .product_list .product_list_in .category ul {
padding:0 0 0 2.3em;
position: relative;
}
.product article .product_list .product_list_in .category ul li:before {
font-family: FontAwesome;
content: "\f0da";
position: absolute;
left : 1em;
color: #666;
}
.product .product_detail h2 {
position:relative;
font-size:2.4rem;
font-weight:bold;
line-height:1.3;
padding:0 10px 5px;
margin:0 0 30px;
border-bottom: solid 3px #999999;
}
.product .product_detail h2:before {
position: absolute;
bottom:-3px;
left:0;
width:20%;
content:'';
display:block;
border-bottom: solid 3px #006699;
}
.product .product_detail h2:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.product .product_detail h2 span {
float:right;
padding:0.5em 15px 0;
font-size:1.6rem;
color:#999;
}
.product .product_detail .img {
margin:0 0 50px;
}
.product .product_detail .img:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.product .product_detail .img p {
float:left;
width:500px;
border: solid 1px #999999;
} .product .product_detail .img ul:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.product .product_detail .img ul li {
float:left;
width:200px;
border: solid 1px #fff;
margin:0 0 20px;
box-sizing: border-box;
}  .product .product_detail .img ul li:nth-last-child(-n+2) {
margin-bottom:0;
}
.product .product_detail h3 {
margin:0 0 30px;
font-size:2.0rem;
font-weight:bold;
color:#C30;
}
.product .product_detail h4 {
margin:0 0 10px -0.5em;
font-size:1.8rem;
font-weight:bold;
}
.product .product_detail .com01 {
margin:0 0 40px;
text-align:left;
font-size:1.4rem;
font-weight: normal;
}
.product .product_detail .tbl01 {
margin:0 0 40px;
}
.product .product_detail .tbl01 table {
width:100%;
}
.product .product_detail .tbl01 table th ,
.product .product_detail .tbl01 table td {
border: 1px solid #e1edff;
padding: 7px 17px;
}
.product .product_detail .tbl01 table thead th {
background-color: #508abb;
color: #FFFFFF;
border-color: #6ea1cc !important;
text-align:center;
font-weight:bold;
}
.product .product_detail .tbl01 table tbody td {
color: #353535;
text-align:center;
vertical-align:middle;
}
.product .product_detail .tbl01 table tbody tr:nth-child(odd) td {
background-color: #f4fbff;
}
.product .product_detail .tbl01 table tbody td a {
-moz-box-shadow:inset 0px 1px 0px 0px #54a3f7;
-webkit-box-shadow:inset 0px 1px 0px 0px #54a3f7;
box-shadow:inset 0px 1px 0px 0px #54a3f7;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #007dc1), color-stop(1, #0061a7));
background:-moz-linear-gradient(top, #007dc1 5%, #0061a7 100%);
background:-webkit-linear-gradient(top, #007dc1 5%, #0061a7 100%);
background:-o-linear-gradient(top, #007dc1 5%, #0061a7 100%);
background:-ms-linear-gradient(top, #007dc1 5%, #0061a7 100%);
background:linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#007dc1', endColorstr='#0061a7',GradientType=0);
background-color:#007dc1;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
border:1px solid #124d77;
display:inline-block;
cursor:pointer;
color:#ffffff;
padding:6px 24px;
text-decoration:none;
text-shadow:0px 1px 0px #154682;
}
.product .product_detail .tbl01 table tbody td a:hover {
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0061a7), color-stop(1, #007dc1));
background:-moz-linear-gradient(top, #0061a7 5%, #007dc1 100%);
background:-webkit-linear-gradient(top, #0061a7 5%, #007dc1 100%);
background:-o-linear-gradient(top, #0061a7 5%, #007dc1 100%);
background:-ms-linear-gradient(top, #0061a7 5%, #007dc1 100%);
background:linear-gradient(to bottom, #0061a7 5%, #007dc1 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0061a7', endColorstr='#007dc1',GradientType=0);
background-color:#0061a7;
}
.product .product_detail .pdf_link {
margin:100px 0 100px;
text-align:center;
}
.product .product_detail .pdf_link a {
-moz-box-shadow:inset 0px 1px 0px 0px #54a3f7;
-webkit-box-shadow:inset 0px 1px 0px 0px #54a3f7;
box-shadow:inset 0px 1px 0px 0px #54a3f7;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #007dc1), color-stop(1, #0061a7));
background:-moz-linear-gradient(top, #007dc1 5%, #0061a7 100%);
background:-webkit-linear-gradient(top, #007dc1 5%, #0061a7 100%);
background:-o-linear-gradient(top, #007dc1 5%, #0061a7 100%);
background:-ms-linear-gradient(top, #007dc1 5%, #0061a7 100%);
background:linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#007dc1', endColorstr='#0061a7',GradientType=0);
background-color:#007dc1;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
border:1px solid #124d77;
display:inline-block;
cursor:pointer;
color:#ffffff;
font-size:2.0rem;
font-weight:bold;
padding:10px 40px;
text-decoration:none;
text-shadow:0px 1px 0px #154682;
}
.product .product_detail .pdf_link a:hover {
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0061a7), color-stop(1, #007dc1));
background:-moz-linear-gradient(top, #0061a7 5%, #007dc1 100%);
background:-webkit-linear-gradient(top, #0061a7 5%, #007dc1 100%);
background:-o-linear-gradient(top, #0061a7 5%, #007dc1 100%);
background:-ms-linear-gradient(top, #0061a7 5%, #007dc1 100%);
background:linear-gradient(to bottom, #0061a7 5%, #007dc1 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0061a7', endColorstr='#007dc1',GradientType=0);
background-color:#0061a7;
}
@media screen and (max-width: 1240px) {
.product article .com01 {
font-size:1.2903vw;
margin:0 0 2.4193vw;
}
.product article .product_cat {
margin:0 0 8.0645vw;
}
.product article .product_cat .box {
margin:0 0 4.0322vw;
}
.product article .product_cat .com02 {
margin:0 0 2.4193vw;
}
.product article .product_cat .box section {
width:38.7096vw;
margin:0 0 2.4193vw;
padding:1.2096vw 0.8064vw;
}
.product article .product_cat .box section .box_l {
width:20.1612vw;
}
.product article .product_cat .box section .box_l h3 a {
margin:0 0 0.8064vw;
font-size:1.2903vw;
}
.product article .product_cat .box section .box_l h3 a:after {
width: 1.4516vw;
height:0.3225vw;
}
.product article .product_cat .box section ul {
width:16.1290vw;
}
.product article .product_cat .box section ul li {
width:8.0645vw;
height:8.0645vw;
}
.product article .product_list .product_list_in .category {
width:17.9516vw;
margin:0 1.6129vw 2.4193vw 0;
}
.product article .product_list .product_list_in .category:nth-child(4n) {
margin:0 0 2.4193vw 0;
}
.product article .product_list .product_list_in .category h3 {
margin:0 0 1.2096vw;
border-radius: 0.4032vw;
font-size:1.2903vw;
}
.product article .product_list .product_list_in .category h3:after {
width: 0.6451vw;
height:0.6451vw;
border: solid 0.2419vw #FFF;
}
.product .product_detail h2 {
font-size:1.9354vw;
padding:0 0.8064vw 0.4032vw;
margin:0 0 2.4193vw;
border-bottom: solid 0.2419vw #999999;
}
.product .product_detail h2:before {
bottom:-0.2419vw;
border-bottom: solid 0.2419vw #006699;
}
.product .product_detail h2 span {
padding:0.5em 1.2096vw 0;
font-size:1.2903vw;
}
.product .product_detail .img {
margin:0 0 4.0322vw;
}
.product .product_detail .img p {
width:40.3225vw;
}
.product .product_detail .img ul {
width:36.2903vw;
}
.product .product_detail .img ul li {
width:16.1290vw;
margin:0 0 1.6129vw;
}
.product .product_detail h3 {
margin:0 0 2.4193vw;
font-size:1.6129vw;
}
.product .product_detail h4 {
margin:0 0 0.8064vw -0.5em;
font-size:1.4516vw;
}
.product .product_detail .com01 {
margin:0 0 3.2258vw;
font-size:1.1290vw;
}
.product .product_detail .tbl01 {
margin:0 0 3.2258vw;
}
.product .product_detail .tbl01 table th ,
.product .product_detail .tbl01 table td {
padding: 0.5645vw 1.3709vw;
}
.product .product_detail .tbl01 table tbody td a {
-moz-border-radius:0.2419vw;
-webkit-border-radius:0.2419vw;
border-radius:0.2419vw;
padding: 0.4838vw 1.9354vw;
}
.product .product_detail .pdf_link {
margin:0 0 8.0645vw;
}
.product .product_detail .pdf_link a {
-moz-border-radius:0.2419vw;
-webkit-border-radius:0.2419vw;
border-radius:0.2419vw;
font-size:1.6129vw;
padding:0.8064vw 3.2258vw;
}
}
@media screen and (max-width: 768px) {
.product article .com01 {
font-size:4.1666vw;
margin:0 0 3.9062vw;
}
.product article .product_cat {
margin:0 0 13.0208vw;
}
.product article .product_cat .box {
margin:0 0 6.5104vw;
}
.product article .product_cat .com02 {
margin:0 0 3.9062vw;
}
.product article .product_cat .box section {
width:100%;
float:none;
margin:0 0 5.2083vw;
padding:1.9531vw 1.3020vw;
}
.product article .product_cat .box section:nth-child(2n) {
float:none;
}
.product article .product_cat .box section:nth-child(2n+1) {
clear:both;
}
.product article .product_cat .box section:nth-last-child(-n+2) {
margin-bottom:5.2083vw;
}
.product article .product_cat .box section:last-child {
margin-bottom:0;
}
.product article .product_cat .box section .box_l {
width:60%;
}
.product article .product_cat .box section .box_l h3 a {
margin:0 0 1.9531vw;
font-size:4.1666vw;
}
.product article .product_cat .box section .box_l h3 a:after {
width: 2.3437vw;
height:0.5208vw;
}
.product article .product_cat .box section ul {
width:36%;
}
.product article .product_cat .box section ul li {
width:50%;
height:26.0416vw;
}
.product article .product_list .product_list_in .category {
float:none;
width:100%;
margin:0 0 3.9062vw 0;
}
.product article .product_list .product_list_in .category:nth-child(4n) {
margin:0 0 3.9062vw 0;
}
.product article .product_list .product_list_in .category:nth-child(4n+1) {
clear:both;
}
.product article .product_list .product_list_in .category:nth-last-child(-n+4) {
margin-bottom:3.9062vw;
}
.product article .product_list .product_list_in .category:last-child {
margin-bottom:0;
}
.product article .product_list .product_list_in .category h3 {
margin:0 0 1.9531vw;
border-radius: 0.6510vw;
font-size:4.1666vw;
}
.product article .product_list .product_list_in .category h3:after {
width: 1.0416vw;
height:1.0416vw;
border: solid 0.3906vw #FFF;
}
.product .product_detail h2 {
font-size:5.9895vw;
padding:0 1.3020vw 0.6510vw;
margin:0 0 3.9062vw;
}
.product .product_detail h2:before {
bottom:-0.3906vw;
border-bottom: solid 0.3906vw #006699;
}
.product .product_detail h2 span {
padding:0.5em 1.9531vw 0;
font-size:3.9062vw;
}
.product .product_detail .img {
margin:0 0 6.5104vw;
}
.product .product_detail .img p {
float:none;
width:100%;
margin:0 0 3.9062vw;
}
.product .product_detail .img ul {
float:none;
width:100%;
}
.product .product_detail .img ul li {
width:48%;
margin:0 0 3.9062vw;
}
.product .product_detail h3 {
margin:0 0 3.9062vw;
font-size:5.2083vw;
}
.product .product_detail h4 {
margin:0 0 1.3020vw;
font-size:4.6875vw;
}
.product .product_detail .com01 {
margin:0 0 5.2083vw;
font-size:3.6458vw;
}
.product .product_detail .tbl01 {
margin:0 0 5.2083vw;
}
.product .product_detail .tbl01 table {
width:100%;
}
.product .product_detail .tbl01 table th ,
.product .product_detail .tbl01 table td {
padding: 0.9114vw 1.9531vw;
}
.product .product_detail .tbl01 table tbody td a {
-moz-border-radius:0.6510vw;
-webkit-border-radius:0.6510vw;
border-radius:0.6510vw;
padding:0.6510vw 2.6041vw;
}
.product .product_detail .pdf_link {
margin:0 0 13.0208vw;
}
.product .product_detail .pdf_link a {
-moz-border-radius:0.6510vw;
-webkit-border-radius:0.6510vw;
border-radius:0.6510vw;
font-size:5.2083vw;
padding:1.3020vw 5.2083vw;
}
} .rental .page_ttl {
background:url(//mf-b.co.jp/img/rental/page_ttl.png) no-repeat center center;
}
.rental article .rental_cat {
margin:0 0 100px;
}
.rental article .rental_cat .box {
margin:0 0 50px;
}
.rental article .rental_cat .box:last-child {
margin:0;
}
.rental article .rental_cat .box:after {
content: " ";
font-size: calc(112.5% + 0.5vw)
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.rental article .rental_cat .box section {
margin:0 0 30px;
}
.rental article .rental_cat .box section:last-child {
margin-bottom:0;
}
.rental article .rental_cat .box section:after {
content: " ";
font-size: calc(112.5% + 0.5vw)
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.rental article .rental_cat .box section .box_l {
float:left;
width:700px;
}
.rental article .rental_cat .box section .box_l h3 a {
display:block;
position: relative;
color: #FFFFFF;
padding:0.5em 0.5em 0.5em 2em;
margin:0 0 10px;
background-color: #446689;
font-size:1.6rem;
font-weight:bold;
}
.rental article .rental_cat .box section .box_l h3 a:after {
position: absolute;
top: 50%;
left:0;
transform:translateY(-50%);
content: '';
width: 18px;
height:4px;
background-color:#FFF;
}
.rental article .rental_cat .box section .box_l h3 a:hover {
text-decoration:none;
opacity:0.65;
filter: alpha(opacity=65); -ms-filter: "alpha(opacity=65)"; -moz-opacity:0.65; -khtml-opacity: 0.65; zoom:1;
}
.rental article .rental_cat .box section .img {
float:right;
width:250px;
overflow:hidden;
border: solid 1px #999999;
}
.rental article .rental_list .rental_list_in:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.rental article .rental_list .rental_list_in .category {
float:left;
width:235px;
margin:0 20px 30px 0;
}
.rental article .rental_list .rental_list_in .category:nth-child(4n) {
margin:0 0 30px 0;
}
.rental article .rental_list .rental_list_in .category:nth-child(4n+1) {
clear:both;
}
.rental article .rental_list .rental_list_in .category:nth-last-child(-n+4) {
margin-bottom:0;
}
.rental article .rental_list .rental_list_in .category h3 {
position: relative;
color: #FFF;
padding:0.5em 0.5em 0.5em 1.8em;
margin:0 0 15px;
background-color: #3CD7D7;
border-radius: 5px;
font-size:1.6rem;
font-weight:bold;
}
.rental article .rental_list .rental_list_in .category h3:after {
position: absolute;
top: 50%;
left:0.7em;
transform:translateY(-50%);
content: '';
width: 8px;
height:8px;
border: solid 3px #FFF;
border-radius:100%;
}
.rental article .rental_list .rental_list_in .category ul {
padding:0 0 0 2.3em;
position: relative;
}
.rental article .rental_list .rental_list_in .category ul li:before {
font-family: FontAwesome;
content: "\f0da";
position: absolute;
left : 1em;
color: #666;
}
.rental .rental_detail h2 {
position:relative;
font-size:2.4rem;
font-weight:bold;
line-height:1.3;
padding:0 10px 5px;
margin:0 0 50px; } .rental .rental_detail h2:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.rental .rental_detail h2 span {
float:right;
padding:0.5em 15px 0;
font-size:1.6rem;
color:#999;
}
.rental .rental_detail .com01 {
margin:0 0 40px;
text-align:left;
font-size:1.4rem;
font-weight: normal;
}
.rental .rental_detail .sub_img {
margin:0 0 50px;
}
.rental .rental_detail .sub_img ul:after {
content: " ";
font-size:1.6rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.rental .rental_detail .sub_img ul li {
float:left;
width:300px;
margin:0 50px 20px 0;
}
.rental .rental_detail .sub_img ul li:nth-child(3n) {
margin:0 0 20px 0;
}
.rental .rental_detail .sub_img ul li:nth-child(3n+1) {
clear:both;
}
.rental .rental_detail .sub_img ul li:nth-last-child(-n+3) {
margin-bottom:0;
}
.rental .rental_detail .sub_img ul li img {
border: solid 1px #999999;
}
.rental .rental_detail .sub_img ul li span {
display:block;
text-align:center;
padding:10px 0 0;
}
.rental .rental_detail h5 {
margin:0 0 10px;
font-size:1.6rem;
font-weight:bold;
}
.rental .rental_detail .tbl01 {
margin:0 0 40px;
}
.rental .rental_detail .tbl01 table {
width:100%;
}
.rental .rental_detail .tbl01 table th ,
.rental .rental_detail .tbl01 table td {
border: 1px solid #e1edff;
padding: 7px 17px;
}
.rental .rental_detail .tbl01 table thead th {
background-color: #508abb;
color: #FFFFFF;
border-color: #6ea1cc !important;
text-align:center;
font-weight:bold;
}
.rental .rental_detail .tbl01 table tbody td {
color: #353535;
text-align:center;
vertical-align:middle;
}
.rental .rental_detail .tbl01 table tbody tr:nth-child(odd) td {
background-color: #f4fbff;
} .rental .box-rental {
padding: 24px;
border: 1px solid #dadada;
width: 100%;
border-radius: 6px;
}
.box-rental .left {
float: left;
width: 20%;
}
.box-rental .left2 {
float: left;
width: 40%;
}
.box-rental .left3 {
float: left;
width: 40%;
}
@media screen and (max-width: 1240px) {
.rental article .rental_cat {
margin:0 0 8.0645vw;
}
.rental article .rental_cat .box {
margin:0 0 4.0322vw;
}
.rental article .rental_cat .box section {
margin:0 0 2.4193vw;
}
.rental article .rental_cat .box section .box_l {
width:56.4516vw;
}
.rental article .rental_cat .box section .box_l h3 a {
margin:0 0 0.8064vw;
font-size:1.2903vw;
}
.rental article .rental_cat .box section .box_l h3 a:after {
width: 1.4516vw;
height:0.3225vw;
}
.rental article .rental_cat .box section .img {
width:20.1612vw;
}
.rental article .rental_list .rental_list_in .category {
width:18.9516vw;
margin:0 1.6129vw 2.4193vw 0;
}
.rental article .rental_list .rental_list_in .category:nth-child(4n) {
margin:0 0 2.4193vw 0;
}
.rental article .rental_list .rental_list_in .category h3 {
margin:0 0 1.2096vw;
border-radius: 0.4032vw;
font-size:1.2903vw;
}
.rental article .rental_list .rental_list_in .category h3:after {
width: 0.6451vw;
height:0.6451vw;
border: solid 0.2419vw #FFF;
}
.rental .rental_detail h2 {
font-size:1.9354vw;
padding:0 0.8064vw 0.4032vw;
font-size:1.9354vw;
}
.rental .rental_detail h2 span {
padding:0.5em 1.2096vw 0;
font-size:1.2903vw;
}
.rental .rental_detail .com01 {
margin:0 0 3.2258vw;
font-size:1.1290vw;
}
.rental .rental_detail .sub_img {
margin:0 0 4.0322vw;
}
.rental .rental_detail .sub_img ul li {
float:left;
width:24.1935vw;
margin:0 4.0322vw 1.6129vw 0;
}
.rental .rental_detail .sub_img ul li:nth-child(3n) {
margin:0 0 1.6129vw 0;
}
.rental .rental_detail .sub_img ul li span {
padding:0.8064vw 0 0;
}
.rental .rental_detail h5 {
margin:0 0 0.8064vw;
font-size:1.4516vw;
}
.rental .rental_detail .tbl01 {
margin:0 0 3.2258vw;
}
.rental .rental_detail .tbl01 table th ,
.rental .rental_detail .tbl01 table td {
padding: 0.5645vw 1.3709vw;
}
}
@media screen and (max-width: 768px) {
.rental article .rental_cat {
margin:0 0 13.0208vw;
}
.rental article .rental_cat .box {
margin:0 0  6.51041vw;
}
.rental article .rental_cat .box section {
margin:0 0 3.9062vw;
}
.rental article .rental_cat .box section .box_l {
float:left;
width:60%;
}
.rental article .rental_cat .box section .box_l h3 a {
margin:0 0 1.3020vw;
font-size:4.1666vw;
}
.rental article .rental_cat .box section .box_l h3 a:after {
width: 2.3437vw;
height:0.5208vw;
}
.rental article .rental_cat .box section .img {
width:35%;
}
.rental article .rental_list .rental_list_in .category {
float:none;
width:100%;
margin:0 0 5.2083vw 0;
}
.rental article .rental_list .rental_list_in .category:nth-child(4n) {
margin:0 0 5.2083vw 0;
}
.rental article .rental_list .rental_list_in .category:nth-child(4n+1) {
clear:both;
}
.rental article .rental_list .rental_list_in .category:nth-last-child(-n+4) {
margin-bottom:5.2083vw;
}
.rental article .rental_list .rental_list_in .category:last-child {
margin-bottom:0;
}
.rental article .rental_list .rental_list_in .category h3 {
margin:0 0 1.9531vw;
border-radius: 0.6510vw;
font-size:4.1666vw;
}
.rental article .rental_list .rental_list_in .category h3:after {
width: 1.0416vw;
height:1.0416vw;
border: solid 0.3906vw #FFF;
}
.rental .rental_detail h2 {
font-size:5.9895vw;
padding:0 1.3020vw 0.6510vw;
margin:0 0 6.5104vw;
}
.rental .rental_detail h2 span {
padding:0.5em 1.9531vw 0;
font-size:3.9062vw;
}
.rental .rental_detail .com01 {
margin:0 0 5.2083vw;
font-size:3.6458vw;
}
.rental .rental_detail .sub_img {
margin:0 0 6.5104vw;
}
.rental .rental_detail .sub_img ul li {
width:48%;
margin:0 0 3.9062vw 0;
}
.rental .rental_detail .sub_img ul li:nth-child(3n) {
margin:0 0 3.9062vw 0;
}
.rental .rental_detail .sub_img ul li:nth-child(3n+1) {
clear:none;
}
.rental .rental_detail .sub_img ul li:nth-last-child(-n+3) {
margin-bottom:3.9062vw;
}
.rental .rental_detail .sub_img ul li:nth-child(2n) {
float:right;
}
.rental .rental_detail .sub_img ul li:nth-child(2n+1) {
clear:both;
}
.rental .rental_detail .sub_img ul li:nth-last-child(-n+2) {
margin-bottom:0;
}
.rental .rental_detail .sub_img ul li span {
display:block;
padding:1.3020vw 0 0;
}
.rental .rental_detail h5 {
margin:0 0 1.3020vw;
font-size:4.6875vw;
}
.rental .rental_detail .tbl01 {
margin:0 0 5.2083vw;
}
.rental .rental_detail .tbl01 table {
width:100%;
}
.rental .rental_detail .tbl01 table th ,
.rental .rental_detail .tbl01 table td {
padding: 0.9114vw 1.9531vw;
}
}
.pagination {
padding: 20px 0;
position: relative;
font-size: 1.4rem;
line-height: 1em;
text-align: center;
}
.pagination:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.pagination-box {
display: inline-block;
}
.pagination span, .pagination a {
display: block;
float: left;
margin: 2px 2px 2px 0;
padding: 10px 14px 10px 14px;
text-decoration: none;
width: auto;
color: #fff;
background: #47BEA0;
border-radius: 50%;
}
.pagination span.page-of {
background: none;
color: #47BEA0;
}
.pagination a:hover{
color: #47BEA0;
background: #F9D635;
}
.pagination .current{
padding: 10px 14px 10px 14px;
background: #F9D635;
color: #47BEA0;
}
@media screen and (max-width: 736px) {
.pagination {
font-size: 1.2rem;
line-height: 1.2rem;
}
.pagination span, .pagination a {
padding: 7px 10px 7px 10px;
}
.pagination .current{
padding: 7px 10px 7px 10px;
}
} .post .contents {
margin:0 0 10%;
}
.post .contents h1 {
font-size: 2em;
margin: 0.67em 0;
}
.post .contents figcaption,
.post .contents figure,
.post .contents main {
display: block;
}
.post .contents figure {
margin: 1em 0;
}
.post .contents hr {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
overflow: visible;
}
.post .contents pre {
font-family: monospace, monospace;
font-size: 1em;
}
.post .contents abbr[title] {
border-bottom: 1px #767676 dotted;
text-decoration: none;
}
.post .contents b,
.post .contents strong {
font-weight: inherit;
}
.post .contents b,
.post .contents strong {
font-weight: 700;
}
.post .contents code,
.post .contents kbd,
.post .contents samp {
font-family: monospace, monospace;
font-size: 1em;
}
.post .contents dfn {
font-style: italic;
}
.post .contents mark {
background-color: #eee;
color: #222;
}
.post .contents small {
font-size: 80%;
}
.post .contents sub,
.post .contents sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
.post .contents sub {
bottom: -0.25em;
}
.post .contents sup {
top: -0.5em;
}
.post .contents audio,
.post .contents video {
display: inline-block;
}
.post .contents audio:not([controls]) {
display: none;
height: 0;
}
.post .contents button,
.post .contents input,
.post .contents optgroup,
.post .contents select,
.post .contents textarea {
font-family: sans-serif;
font-size: 100%;
line-height: 1.15;
margin: 0;
}
.post .contents button,
.post .contents input {
overflow: visible;
}
.post .contents button,
.post .contents select {
text-transform: none;
}
.post .contents button,
.post .contents html [type="button"],
.post .contents [type="reset"],
.post .contents [type="submit"] {
-webkit-appearance: button;
}
.post .contents button::-moz-focus-inner,
.post .contents [type="button"]::-moz-focus-inner,
.post .contents [type="reset"]::-moz-focus-inner,
.post .contents [type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
.post .contents button:-moz-focusring,
.post .contents [type="button"]:-moz-focusring,
.post .contents [type="reset"]:-moz-focusring,
.post .contents [type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
.post .contents fieldset {
border: 1px solid #bbb;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
.post .contents legend {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
}
.post .contents progress {
display: inline-block;
vertical-align: baseline;
}
.post .contents textarea {
overflow: auto;
}
.post .contents [type="checkbox"],
.post .contents [type="radio"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
}
.post .contents [type="number"]::-webkit-inner-spin-button,
.post .contents [type="number"]::-webkit-outer-spin-button {
height: auto;
}
.post .contents [type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
.post .contents [type="search"]::-webkit-search-cancel-button,
.post .contents [type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
.post .contents ::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
.post .contents details,
.post .contents menu {
display: block;
}
.post .contents summary {
display: list-item;
}
.post .contents canvas {
display: inline-block;
}
.post .contents template {
display: none;
}
.post .contents [hidden] {
display: none;
}
.post .contents .alignleft {
display: inline;
float: left;
margin-right: 1.5em;
}
.post .contents .alignright {
display: inline;
float: right;
margin-left: 1.5em;
}
.post .contents .aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}
.post .contents .clear:before,
.post .contents .clear:after,
.post .contents .entry-content:before,
.post .contents .entry-content:after,
.post .contents .entry-footer:before,
.post .contents .entry-footer:after,
.post .contents .comment-content:before,
.post .contents .comment-content:after,
.post .contents .site-header:before,
.post .contents .site-header:after,
.post .contents .site-content:before,
.post .contents .site-content:after,
.post .contents .site-footer:before,
.post .contents .site-footer:after,
.post .contents .nav-links:before,
.post .contents .nav-links:after,
.post .contents .pagination:before,
.post .contents .pagination:after,
.post .contents .comment-author:before,
.post .contents .comment-author:after,
.post .contents .widget-area:before,
.post .contents .widget-area:after,
.post .contents .widget:before,
.post .contents .widget:after,
.post .contents .comment-meta:before,
.post .contents .comment-meta:after {
content: "";
display: table;
table-layout: fixed;
}
.post .contents .clear:after,
.post .contents .entry-content:after,
.post .contents .entry-footer:after,
.post .contents .comment-content:after,
.post .contents .site-header:after,
.post .contents .site-content:after,
.post .contents .site-footer:after,
.post .contents .nav-links:after,
.post .contents .pagination:after,
.post .contents .comment-author:after,
.post .contents .widget-area:after,
.post .contents .widget:after,
.post .contents .comment-meta:after {
clear: both;
}
.post .contents button,
.post .contents input,
.post .contents select,
.post .contents textarea {
color: #333;
font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
font-size: 15px;
font-size: 0.9375rem;
font-weight: 400;
line-height: 1.66;
}
.post .contents h1,
.post .contents h2,
.post .contents h3,
.post .contents h4,
.post .contents h5,
.post .contents h6 {
clear: both;
line-height: 1.4;
margin: 0 0 0.75em;
padding: 1.5em 0 0;
}
.post .contents h1:first-child,
.post .contents h2:first-child,
.post .contents h3:first-child,
.post .contents h4:first-child,
.post .contents h5:first-child,
.post .contents h6:first-child {
padding-top: 0;
}
.post .contents h1 {
font-size: 24px;
font-size: 1.5rem;
font-weight: 300;
}
.post .contents h2,
.post .contents .home.blog .entry-title {
color: #666;
font-size: 20px;
font-size: 1.25rem;
font-weight: 300;
}
.post .contents h3 {
color: #333;
font-size: 18px;
font-size: 1.125rem;
font-weight: 300;
}
.post .contents h4 {
color: #333;
font-size: 16px;
font-size: 1rem;
font-weight: 800;
}
.post .contents h5 {
color: #767676;
font-size: 13px;
font-size: 0.8125rem;
font-weight: 800;
letter-spacing: 0.15em;
text-transform: uppercase;
}
.post .contents h6 {
color: #333;
font-size: 15px;
font-size: 0.9375rem;
font-weight: 800;
}
.post .contents p {
margin: 0 0 1.5em;
padding: 0;
}
.post .contents dfn,
.post .contents cite,
.post .contents em,
.post .contents i {
font-style: italic;
}
.post .contents blockquote {
color: #666;
font-size: 18px;
font-size: 1.125rem;
font-style: italic;
line-height: 1.7;
margin: 0;
overflow: hidden;
padding: 0;
}
.post .contents blockquote cite {
display: block;
font-style: normal;
font-weight: 600;
margin-top: 0.5em;
}
.post .contents address {
margin: 0 0 1.5em;
}
.post .contents pre {
background: #eee;
font-family: "Courier 10 Pitch", Courier, monospace;
font-size: 15px;
font-size: 0.9375rem;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
.post .contents code,
.post .contents kbd,
.post .contents tt,
.post .contents var {
font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
font-size: 15px;
font-size: 0.9375rem;
}
.post .contents abbr,
.post .contents acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
.post .contents mark,
.post .contents ins {
background: #eee;
text-decoration: none;
}
.post .contents big {
font-size: 125%;
}
.post .contents blockquote {
quotes: "" "";
}
.post .contents q {
quotes: "“" "”" "‘" "’";
}
.post .contents blockquote:before,
.post .contents blockquote:after {
content: "";
}
.post .contents :focus {
outline: none;
}
.post .contents h1,
.post .contents h2,
.post .contents h3,
.post .contents h4,
.post .contents h5,
.post .contents h6 {
font-weight: 700;
}
.post .contents hr {
background-color: #bbb;
border: 0;
height: 1px;
margin-bottom: 1.5em;
}
.post .contents ul,
.post .contents ol {
margin: 0 0 1.5em;
padding: 0;
}
.post .contents ul {
list-style: disc;
}
.post .contents ol {
list-style: decimal;
}
.post .contents li > ul,
.post .contents li > ol {
margin-bottom: 0;
margin-left: 1.5em;
}
.post .contents dt {
font-weight: 700;
}
.post .contents dd {
margin: 0 1.5em 1.5em;
}
.post .contents table {
border-collapse: collapse;
margin: 0 0 1.5em;
width: 100%;
}
.post .contents thead th { padding-bottom: 0.5em;
}
.post .contents th {
padding: 0.4em;
text-align: left;
}
.post .contents tr { }
.post .contents td {
padding: 0.4em;
}
.post .contents th:first-child,
.post .contents td:first-child {
padding-left: 0;
}
.post .contents th:last-child,
.post .contents td:last-child {
padding-right: 0;
}
.post .contents img {
width:auto !important;
max-width:100% !important;
}
@media screen and (max-width: 768px) { .post .contents { }
.post .contents button,
.post .contents input,
.post .contents select,
.post .contents textarea {
font-size: 18px;
font-size: 1.125rem;
}
.post .contents h1 {
font-size: 30px;
font-size: 1.875rem;
}
.post .contents h2,
.post .contents .home.blog .entry-title,
.post .contents .page .panel-content .recent-posts .entry-title {
font-size: 26px;
font-size: 1.625rem;
}
.post .contents h3 {
font-size: 22px;
font-size: 1.375rem;
}
.post .contents h4 {
font-size: 18px;
font-size: 1.125rem;
}
.post .contents h5 {
font-size: 13px;
font-size: 0.8125rem;
}
.post .contents h6 {
font-size: 16px;
font-size: 1rem;
}
.post .contents .entry-content blockquote.alignleft,
.post .contents .entry-content blockquote.alignright {
font-size: 14px;
font-size: 0.875rem;
}
.post .contents img.alignleft {
float: left;
margin-right: 1.5em;
}
.post .contents img.alignright {
float: right;
margin-left: 1.5em;
}
.post .contents th {
display:block;
}
.post .contents tr { }
.post .contents td {
display:block;
}
}  section.list #tablepress-1 p.center{
text-align: center;
}
section.list #tablepress-1 p.contact_txt {
font-size: 12px;
text-align: right;
padding: 16px 8px 0 0;
}
section.list #tablepress-1 p.contact_txt:after {
content: "\f105";
font-family: FontAwesome;
margin: 0 0.2em 0 1em;
}
section.list #tablepress-1 a {
transition: all 1s;
position: relative;
display: inline-block;
text-decoration: none;
}
section.list #tablepress-1 a::after {
position: absolute;
bottom: -4px;
left: 0;
content: '';
width: 100%;
height: 2px;
background: #006699;
transform: scale(0, 1);
transform-origin: left top;
transition: transform .3s;
}
section.list #tablepress-1 a:hover::after {
transform: scale(1, 1);
}
section.list #tablepress-1 img {
transition: all 1s;
}
section.caution {
background: #f9f9f9;
padding: 16px;
} @media only screen and (min-width: 768px) {
.product .box section,
.rental .box section {
width: 50%;
float: left;
background: #f9f9f9;
}
.product .box section:nth-child(odd),
.rental .box section:nth-child(odd) {
width: 49%;
margin: 0 1% 0 0!important;
}
.product .box section:nth-child(even),
.rental .box section:nth-child(even) {
width: 49%;
margin: 0 0 50px 1%!important;
}
.product article .rental_cat .box section .box_l,
.rental article .rental_cat .box section .box_l {
width: 48%;
margin: 0 2% 0 0;
box-sizing: border-box;
}
.product article .rental_cat .box section .box_l p,
.rental article .rental_cat .box section .box_l p{
padding: 0 16px 16px;
color: #333;
font-size: 1.3rem;
font-weight: normal;
}
.product article .rental_cat .box section .img,
.rental article .rental_cat .box section .img {
width: 50%;
border: none;
padding: 10px 10px 10px 0;
}
.product article .rental_cat .box section .box_l h3 a,
.rental article .rental_cat .box section .box_l h3 a {
padding: 4px 10px;
background: #3FCBDB;
margin: 10px 0 10px 10px;
}
.product article .rental_cat .box section .box_l h3 a:after,
.rental article .rental_cat .box section .box_l h3 a:after {
background: none;
}
p.line_txt {
text-align: center;
}
p.line_txt a:after {
content: "\f105";
font-family: FontAwesome;
margin: 0 0.2em 0 1em;
}
p.line_txt a {
display: block;
margin: 10px;
padding: 10px;
border: 1px solid #333;
font-weight: normal;
transition: .8s;
}
p.line_txt a:hover {
background: rgba(255,255,255,0.8);
}
}
section.product_list,
section.rental_list {
background: #f9f9f9;
padding: 16px;
} @media only screen and (min-width: 768px) {
.product article .product_cat .com02 {
margin: 0 0 10px 0;
font-weight: normal;
padding: 0 0 0 10px;
}
.product article .product_cat .box section .box_l h3 a {
background: #3FCBDB;
padding: 4px 10px;
margin: 10px 0 10px 10px;
}
.product article .product_cat .box section .box_l h3 a:after {
background: none;
}
.product article .product_cat .box section {
padding: 0;
border: none;
}
.product article .product_cat .box section .box_l {
width: 48%;
margin: 0 2% 0 0;
}
.product p.com03 {
padding: 0 16px 16px;
font-weight: normal;
font-size: 1.3rem;
box-sizing: border-box;
}
.product .box_1_right {
float: left;
width: 50%;
box-sizing: border-box;
padding: 10px 10px 10px 0;
}
.product .box_1_right ul {
width: 100%!important;
clear: both;
}
.product .box_1_right ul li {
width: 100%!important;
height: auto!important;
position: static!important;
clear: both!important;
border: none!important;
}
.product .box_1_right ul li:first-child {
margin-bottom: 10px;
}
.product .box_1_right ul li img {
position: static!important;
top: 0!important;
left: 0!important;
transform:translate(0)!important;
}
} @media only screen and (min-width: 768px) {
.product .product_detail .maincontent {
margin: 0;
background: #f9f9f9;
padding: 10px;
}
.product .product_detail .maincontent .img {
margin: 0 1% 0 0;
width: 49%;
float: left;
}
.product .product_detail .img p {
width: 100%;
border: none;
margin-bottom: 10px;
}
.product .product_detail .maincontent .wrapper {
width: 49%;
float: left;
margin: 0 0 0 1%;
}
.product .product_detail .img ul li {
width: 33.3%;
float: left!important;
margin: 0;
}
.product .product_detail .img ul li img {
object-fit: cover;
object-position: 0 100%;
height: 150px;
} .product .product_detail h3 {
margin: 16px 0;
color: #333333;
font-family: '游明朝','Yu Mincho';
text-align: center;
}
.product .product_detail h4 {
margin: 0;
padding: 4px 10px;
background: #3FCBDB;
color: #fff;
font-size: 1.6rem;
}
.product .product_detail .com01 {
margin: 0;
padding: 16px;
font-size: 1.5rem;
}
.com01 p {
margin: 0 0 6px 0!important;
}
p.kakudai {
margin: 0 0 6px 0!important;
color: #fff;
background: #006699;
font-size: 10px;
padding: 2px 4px!important;
border-radius: 3px;
display: inline-block;
}
section.caution {
background: #f9f9f9;
padding: 16px;
}
} .contact .page_ttl,
.company-html .page_ttl {
background: url(//mf-b.co.jp/img/company/company_ttl.jpg) no-repeat;
}
.company-html .page_ttl span.com {
display: block;
padding: 20px 0 0 20px;
font-size: 15px;
} .rentalflow-html .page_ttl {
background:url(//mf-b.co.jp/img/original/page_ttl.png) no-repeat center center;
}
.rentalflow-html .list {
margin:0 0 40px;
}
.rentalflow-html .list ul:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.rentalflow-html .list ul li {
float:left;
width:700px;
margin:0 20px 40px 0;
}
.rentalflow-html .list ul li:nth-child(1n) {
margin:0 0 40px 0;
}
.rentalflow-html .list ul li:nth-child(1n+1) {
clear:both;
}
.rentalflow-html .list ul li:nth-last-child(-n+1) {
margin-bottom:0;
}
.rentalflow-html .list ul li span {
display:block;
text-align:center;
font-size:1.6rem;
font-weight:bold;
margin:0 0 5px;
}
.rentalflow-html .list ul li em {
display:block;
border: solid 1px #999999;
}
.rentalflow-html .flow {
margin:0 0 40px;
}
.rentalflow-html .flow .box {
counter-reset:number;
margin:0 0 40px;
}
.rentalflow-html .flow .box:after {
content: " ";
font-size: 0.1rem;
display: block;
line-height: 0;
height: 0;
visibility: hidden;
float:left;   
}
.rentalflow-html .flow .box section {
clear:both;
width:100%;
margin:40px 0 40px 0;
padding:15px 20px;
border: solid 2px #0066CC;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.rentalflow-html .flow .box:hover {
color:0066CC;
}
.rentalflow-html .flow .box section:nth-child(1n) {
margin:0 0 40px 0;
}
.rentalflow-html .flow .box section:nth-child(1n+1) {
clear:both;
}
.rentalflow-html .flow .box section:nth-last-child(-n+1) {
margin-bottom:0;
}
.rentalflow-html .flow .box section:before {
float: left;
position:relative;
top:0;
left:0;
display:block;
counter-increment: number;
content: counter(number);
background:#0066CC;
width:40px;
height:40px;
color:#FFF;
line-height:42px;
text-align:center;
font-size:2.4rem;
font-weight:bold;
-webkit-border-radius: 0 0 5px 0;
-moz-border-radius: 0 0 5px 0;
border-radius: 0 0 5px 0;
margin:0 15px 0 0;
}
.rentalflow-html .flow .box section h3 {
clear:none;
margin:0 0 10px;
text-decoration:underline;
color:#0066CC;
}
.rentalflow-html .flow .box section h3 span {
font-size:2.0rem;
font-weight:bold;
}
.rentalflow-html .flow .box section .img {
padding: 0 50px;
margin:0 0 10px;
}
.rentalflow-html .flow .box section h4 {
clear:both;
text-align:left;
margin:0 40px 0 0;
}
.rentalflow-html .flow .box section h4 a {
color:#FFFFFF;
}
.rentalflow-html .flow .box section h4 span {
-moz-box-shadow:inset 0px 1px 0px 0px #54a3f7;
-webkit-box-shadow:inset 0px 1px 0px 0px #54a3f7;
box-shadow:inset 0px 1px 0px 0px #54a3f7;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #007dc1), color-stop(1, #0061a7));
background:-moz-linear-gradient(top, #007dc1 5%, #0061a7 100%);
background:-webkit-linear-gradient(top, #007dc1 5%, #0061a7 100%);
background:-o-linear-gradient(top, #007dc1 5%, #0061a7 100%);
background:-ms-linear-gradient(top, #007dc1 5%, #0061a7 100%);
background:linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#007dc1', endColorstr='#0061a7',GradientType=0);
background-color:#007dc1;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
border:1px solid #124d77;
display:inline-block;
color:#ffffff;
padding:10px 10px;
text-decoration:none;
text-shadow:0px 1px 0px #154682;
width:100%;
}	
.rentalflow-html .flow .box p.com {
clear:both;
margin:10px 0 15px 0;
}
.rentalflow-html .flow .box p.com01 {
clear:both;
margin:10px 0 15px 0;
font-size:2.4em
}
.rentalflow-html .flow .box section .caution {
background: #f9f9f9;
width:auto;
padding:15px;
margin:0 40px 40px 0;
}
.rentalflow-html .flow .box section .caution h3 {
position:relative;
font-size:2.0rem;	
font-weight:bold;
line-height:1.3;
padding:0 10px 5px;
margin:0 0 10px;
border-bottom: solid 3px #999999;
text-decoration:none;
color:#000;
}
.rentalflow-html .flow .box section .caution h3:before {
position: absolute;
bottom:-3px;
left:0;
width:20%;
content:'';
display:block;
border-bottom: solid 3px #006699;
}
.rentalflow-html .flow .box section .caution ul li {
position:relative;
padding:0 0 0 1.5em;
}
.rentalflow-html .flow .box section ul li:before {
position: absolute;
left:0;
content: "\f00c";
font-family: FontAwesome;
color:#C30;
}
@media screen and (max-width: 1240px) {
.rentalflow-html .flow {
margin:0 0 3.2258vw;
}
.rentalflow-html .flow .box {
margin:0 0 3.2258vw;
}
.rentalflow-html .flow .box section {
clear:both;
margin:0 1.6129vw 3.2258vw 0;
padding:1.2096vw 1.6129vw;
border: solid 0.1612vw #0066CC;
-webkit-border-radius: 0.4032vw;
-moz-border-radius: 0.4032vwpx;
border-radius: 0.4032vw;
}
.rentalflow-html .flow .box section:nth-child(1n) {
margin:0 0 3.2258vw 0;
}
.rentalflow-html .flow .box section:before {
line-height:3.3870vw;
font-size:1.9354vw;
font-weight:bold;
-webkit-border-radius: 0 0 0.4032vw 0;
-moz-border-radius: 0 0 0.4032vw 0;
border-radius: 0 0 0.4032vw 0;
}
.rentalflow-html .flow .box section h3 {
margin:0 0 0.8064vw;
}
.rentalflow-html .flow .box section h3 span {
font-size:1.6129vw;
}
.rentalflow-html .flow .box section .img {
padding: 0 4.0322vw;
margin:0 0 0.8064vw;
}
.rentalflow-html .flow h4 span {
-moz-border-radius:0.2419vw;
-webkit-border-radius:0.2419vw;
border-radius:0.2419vw;
font-size:1.7741vw;
padding: 0.8064vw 3.2258vw;
}
}
@media screen and (max-width: 768px) {
.top_news .box .list_box {
font-size: 2.6458vw;
}
.pro-tex-in {
display: block!important;
width: 100%!important;
}
.pro-tex-in2-in div {
display: block!important;
font-size: 1.4rem;
}
.pro-tex-in table tr td{
font-size: 1.4rem!important;
}
.pro-inn h2,.news-inn h2{
font-size: 5.5483vw!important;
margin-left: 20px;
}
.rentalflow-html .flow {
margin:0 0 5.2083vw;
}
.rentalflow-html .flow .box {
margin:0 0 5.2083vw;
}
.rentalflow-html .flow .box section {
margin:0 0 3.9062vw 0;
padding:2.6041vw;
-webkit-border-radius: 0.6510vw;
-moz-border-radius: 0.6510vw;
border-radius: 0.6510vw;
}
.rentalflow-html .flow .box section:nth-child(1n) {
margin:0 0 3.9062vw 0;
}
.rentalflow-html .flow .box section:nth-child(1n+1) {
clear:both;
}
.rentalflow-html .flow .box section:nth-last-child(-n+1) {
margin-bottom:3.9062vw;
}
.rentalflow-html .flow .box section:before {
height:7.8125vw;
line-height:8.0729vw;
font-size:5.2083vw;
font-weight:bold;
-webkit-border-radius: 0 0 0.6510vw 0;
-moz-border-radius: 0 0 0.6510vw 0;
border-radius: 0 0 0.6510vw 0;
}
.rentalflow-html .flow .box section h3 {
margin:0 0 1.3020vw;
}
.rentalflow-html .flow .box section h3 span {
font-size:5.2083vw;
}
.rentalflow-html .flow .box section .img {
padding: 0 30%;
margin:0 0 1.3020vw;
}
.rentalflow-html .flow h4 span {
-moz-border-radius:0.6510vw;
-webkit-border-radius:0.6510vw;
border-radius:0.6510vw;
display:block;
font-size:5.2083vw;
padding:2.6041vw 0;
}
}	   
.top-over1{
width:100%;
padding-top:46%;
position:relative;
margin:0 auto;
background-image: url(https://mf-b.co.jp/official/wp-content/uploads/2023/10/new2023-main1.webp);
background-color: #cce6f9;
background-size: cover;
}
.over1-in1{
font-size:3.5vw;
position: absolute;
top: 13%;
left: 4vw;
text-shadow:1px 1px 3px #ffffff;
font-weight: bold;
}
.over1-in2{
font-size:1.8vw;
position: absolute;
top: 58%;
left: 4vw;
text-shadow:1px 1px 3px #ffffff;
font-weight: bold;
}
.mini01{
font-size:2.9vw;
}
.top-over2{
width:100%;
padding-top:46%;
position:relative;
margin:0 auto;
background-image: url(https://mf-b.co.jp/official/wp-content/uploads/2023/10/new2023-main2.webp);
background-size: cover;
}
.over2-in1{
font-size:3.5vw;
position: absolute;
top: 13%;
right: 4vw;
text-align:right;
color:#ffffff;
text-shadow:1px 1px 3px #303030;
font-weight: bold;
}
.over2-in2{
font-size:1.8vw;
position: absolute;
top: 58%;
right: 4vw;
text-align:right;
color:#ffffff;
text-shadow:1px 1px 3px #303030;
font-weight: bold;
}
.top-over3{
width:100%;
padding-top:97%;
position:relative;
margin:0 auto;
background-image: url(https://mf-b.co.jp/official/wp-content/uploads/2023/11/SDGS_new2023-main3.webp);
background-size: cover;
}
.over3-in1{
font-size:1.3vw;
position: absolute;
top: 5%;
left: 4vw;
color:#ffffff;
text-shadow:1px 1px 3px #303030;
font-weight: normal;
}
.over3-in2{
font-size:2.8vw;
position: absolute;
top: 58%;
left: 4vw;
text-shadow:1px 1px 3px #ffffff;
font-weight: bold;
}
.over3-in3{
font-size:1.3vw;
position: absolute;
top: 74%;
left: 4vw;
text-shadow:1px 1px 3px #ffffff;
font-weight: normal;
}
.top-over4{
max-width:1200px;
position:relative;
margin:0 auto;
}
.top-over4 h2{
position:absolute;
font-size:4.4rem;
font-weight: bold;
padding-left:100px;
top:10px;
}
.tex01{
margin-top:15px!important;
font-size:2.5vw;
font-weight: normal;
}
.tex02{
font-size:1.8vw;
font-weight: normal;
}
.tex03{
font-size:2vw;
font-weight: normal;
}
.tex04{
font-size:1.4vw;
font-weight: normal;
}
.cont01{
max-width:1200px;
margin:0 auto;
padding: 40px;
position:relative;
}
.sp_only{
display:none;
}
.new-rent{
display:table;
margin:0 auto;
width:100%;
}
.mini-rent{
display:table-cell;
padding:20px;
}
.mini-rent img{
max-width:500px;
}
.new-btn{
padding:30px 0;
background:#393975;
color:#ffffff;
border-radius:10px;
width:250px;
font-size:1.3vw;
text-align:center;
position:absolute;
right: 5.0vw;
bottom: 3vw;
}
.new-btn a{
text-decoration:none;
color:#ffffff;
}
@media screen and (max-width: 768px) {
.new-btn {
display: block;
position: static!important;
margin: 20px auto;
font-size: 3.2vw!important;
}
.mini-rent {
display: block!important;
}
.top_tecnology {
padding-top: 20px !important;
}
.over1-in1{
font-size:4.5vw;
}
.over1-in2{
font-size:3.5vw;
}
.mini01{
font-size:4vw;
}
.over2-in1{
font-size:4.5vw;
}
.over2-in2{
font-size:3.5vw;
}
.tex01{
padding:15px!important;
font-size:2vw;
}
.sp_only{
display:block;
}
.over3-in1{
font-size:2.6vw;
text-shadow:
1px 0 0 #000000,
1px 1px 0 #000000,
0 1px 0 #000000,
-1px 1px 0 #000000,
-1px 0 0 #000000,
-1px -1px 0 #000000,
0 -1px 0 #000000,
1px -1px 0 #000000;
}
.over3-in2{
font-size:4.5vw;
}
.over3-in3{
font-size:2.6vw;
}
.tex02{
font-size:2.8vw;
}
.top-over4{
height: 3%!important;;
}
.top-over4 h2{
font-size:24px;
padding-left:20px;
}
.tex03{
font-size:3vw;
font-weight: normal;
}
.tex04{
font-size:2.5vw;
font-weight: normal;
}
}
@media screen and (max-width: 1200px) {
.top-over4{
height: 9%;
}
.top-over4 h2{
font-size: 3.5483vw;
}
.cont01{
padding: 20px
}
} .form-btn-container,
.wpcf7-confirm-plus-button-container,
.wpcf7-submit-container {
display: flex !important;
justify-content: center !important;
align-items: center !important;
gap: 20px !important;
width: 100% !important;
margin: 40px auto !important;
text-align: center !important;
}  div.wpcf7 .form-btn-container input,
div.wpcf7 .wpcf7-confirm-plus-button-container input,
div.wpcf7 input.confirm-plus-back-button,
div.wpcf7 input.confirm-plus-submit-button,
div.wpcf7 input.wpcf7-submit { background: linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%) !important;
background-color: #f9f9f9 !important;
box-shadow: inset 0px 1px 0px 0px #ffffff !important; border: 1px solid #dcdcdc !important;
border-radius: 6px !important;
padding: 12px 35px !important;
min-width: 160px !important; color: #666666 !important;
font-family: "Meiryo", Arial, sans-serif !important;
font-size: 15px !important;
font-weight: bold !important;
text-shadow: 0px 1px 0px #ffffff !important; display: inline-block !important;
cursor: pointer !important;
line-height: 1.5 !important;
height: auto !important;
} div.wpcf7 input:hover {
background: linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%) !important;
background-color: #e9e9e9 !important;
}