html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
list-style:none;
}
ol{
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
body {
line-height:1;
}
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary {
display:block;
}
nav ul {
list-style:none;
}
blockquote, q {
quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content:'';
content:none;
}
a {
margin:0;
padding:0;
border:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
ins {
background-color:#ff9;
color:#000;
text-decoration:none;
}
mark {
background-color:#ff9;
color:#000;
font-style:italic;
font-weight:bold;
}
del {
text-decoration: line-through;
}
abbr[title], dfn[title] {
border-bottom:1px dotted #000;
cursor:help;
}
table {
border-collapse:collapse;
border-spacing:0;
}
hr {
display:block;
height:1px;
border:0;
border-top:1px solid #cccccc;
margin:1em 0;
padding:0;
}
input, select {
vertical-align:middle;
} * {
box-sizing: border-box;
}
body {
color: #111;
font-size: 16px;
font-family: "Montserrat", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
line-height: 1.61;
}
@media not all and (min-width: 768px){
body {
font-size: 15px;
}
} .sticky{
display:block;
}
.aligncenter,
div.aligncenter {
display: block;
margin: 0 auto;
}
.alignleft{
float: left;
}
.alignright{
float: right;
}
.wp-caption{
text-align: center;
margin: 10px;
padding: 4px 0 0 0;
}
.wp-caption img{
margin: 0;
padding: 0;
}
.wp-caption p.wp-caption-text,
.gallery-caption{
margin: 0;
padding: 0 4px 5px;
font-size: 11px;
line-height: 1.4;
} a {
color: #111;
text-decoration: none;
}
a:hover {
color: #111;
text-decoration: underline;
transition: 0.3s ease;
}
a:hover img{
opacity: .7;
} .kobutsu {
position: relative;
margin:20px 70px 20px auto;
color: #717375;
font-size: 10px;
text-align: right;
} .totop a {
display: block;
}
.totop img {
display: block;
width: 100%;
height: auto;
}
.totop {
position: fixed;
bottom: 220px;
right: 10px;
width: 40px;
z-index: 100;
}
.p-boshu {
position: fixed;
bottom: 90px;
right: 10px;
width: 32px;
z-index: 100;
}
.p-boshu a {
display: block;
}
.p-boshu img {
display: block;
width: 100%;
height: auto;
}
@media not all and (min-width: 768px) {
.kobutsu {
margin:20px 10px;
}
} .footer_contact .wrap_contents p{
margin-bottom: 30px;
}
@media not all and (min-width: 768px){
.footer_contact .section_area .wrap .wrap_contents .btn{
display: inline-block
}
} .airpika-section {
padding: 150px 10px;
}
@media not all and (min-width: 768px) {
.airpika-section {
padding: 70px 10px;
}
}
.airpika-section-bg {
background-color: #EFEFEF;
}
.airpika-contents .mark {
font-weight: bold;
background-image: linear-gradient(rgba(0 0 0 / 0) 70%, #E0BE30 70%);
}
.airpika-to-contact-btn {
padding: 80px 0;
text-align: center;
}
.airpika-section__title {
margin-bottom: 60px;
font-size: 32px;
text-align: center;
}
.airpika-section__hero-text {
margin-bottom: 80px;
font-size: 20px;
text-align: center;
}
@media not all and (min-width: 768px){
.airpika-to-contact-btn {
padding: 50px 0;
}
.airpika-section__title {
margin-bottom: 40px;
font-size: 26px;
}
.airpika-section__hero-text {
margin-bottom: 50px;
font-size: 16px;
}
}
@media not all and (min-width: 768px){
.airpika-section__title {
margin-bottom: 30px;
font-size: 24px;
}
}
.airpika-to-contact-btn img {
display: block;
margin: 0 auto;
max-width: 100%;
height: auto;
}
.airpika-mv__maintitle {
margin-bottom: 20px;
padding-top: 80px;
font-size: 70px;
}
.airpika-mv__maintitle span {
display: inline-block;
}
.airpika-mv__wrap {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
align-items: center;
padding-bottom: 80px;
}
.airpika-mv__wrap-text {
width: 60%;
font-size: 50px;
font-weight: bold;
}
.airpika-mv__wrap-img {
width: 35%;
}
@media not all and (min-width: 1050px){
.airpika-mv__maintitle {
font-size: 50px;
}
.airpika-mv__wrap-text {
font-size: 35px;
}
}
@media not all and (min-width: 768px){
.airpika-mv__maintitle {
padding-top: 50px;
font-size: 42px;
text-align: center;
}
.airpika-mv__wrap {
padding-bottom: 50px;
}
.airpika-mv__wrap-text {
margin-bottom: 20px;
width: 100%;
font-size: 35px;
text-align: center;
}
.airpika-mv__wrap-img {
width: 100%;
}
}
@media not all and (min-width: 568px){
.airpika-mv__maintitle {
font-size: 32px;
}
.airpika-mv__wrap-text {
font-size: 21px;
}
}
.airpika-mv__wrap-img img {
display: block;
margin: 0 auto;
max-width: 100%;
height: auto;
}
.airpika-mv__img {
margin-bottom: 100px;
}
@media not all and (min-width: 768px){
.airpika-mv__img {
margin-bottom: 50px;
}
}
.airpika-mv__img img {
display: block;
width: 100%;
height: auto;
}
.airpika-mv__main-copy {
margin-bottom: 50px;
font-size: 50px;
font-weight: bold;
text-align: center;
}
.airpika-mv__subtitle {
margin-bottom: 20px;
color: #48BFEA;
font-size: 25px;
font-weight: bold;
text-align: center;
}
.airpika-mv__subtitle span {
display: inline-block;
}
.airpika-mv__title {
margin-bottom: 50px;
color: #48BFEA;
font-size: 75px;
text-align: center;
line-height: 1.3;
}
.airpika-mv__title span {
display: block;
font-size: 35px;
}
@media not all and (min-width: 768px){
.airpika-mv__main-copy {
margin-bottom: 30px;
font-size: 28px;
}
.airpika-mv__subtitle {
margin-bottom: 10px;
font-size: 20px;
}
.airpika-mv__title {
margin-bottom: 30px;
font-size: 45px;
}
.airpika-mv__title span {
font-size: 25px;
}
}
.airpika-section01__wrap {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.airpika-section01__item {
padding: 30px 0;
width: 23%;
text-align: center;
background-color: #fff;
border-radius: 10px;
}
@media not all and (min-width: 940px){
.airpika-section01__item {
width: 48%;
}
.airpika-section01__item:nth-child(n+3) {
margin-top: 20px;
}
}
@media not all and (min-width: 568px){
.airpika-section01__item {
padding: 20px;
width: 100%;
}
.airpika-section01__item:nth-child(n+3) {
margin-top: 0;
}
.airpika-section01__item:nth-child(n+2) {
margin-top: 10px;
}
}
.airpika-section01__item-num {
margin-bottom: 10px;
font-weight: bold;
}
.airpika-section01__item-title {
margin-bottom: 20px;
color: #48BFEA;
font-size: 21px;
}
.airpika-section01__item-img img {
display: block;
margin: 0 auto;
max-width: 100%;
height: auto;
}
.airpika-section02__wrap {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.airpika-section02__img {
width: 40%;
}
.airpika-section02__text {
width: 55%;
}
@media not all and (min-width: 768px){
.airpika-section02__img {
margin-bottom: 30px;
width: 100%;
}
.airpika-section02__text {
width: 100%;
}
}
.airpika-section02__img img {
display: block;
margin: 0 auto;
max-width: 100%;
height: auto;
border-radius: 10px;
}
.airpika-section02__text li {
position: relative;
margin-bottom: 20px;
padding-left: 30px;
font-weight: bold;
}
.airpika-section02__text li::before {
content: '';
position: absolute;
top: 7px;
left: 0;
width: 18px;
height: 14px;
background-image: url(https://mmin-net.co.jp/wmmip/wp-content/themes/mmi/images/airpika/airpika-check.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.airpika-section03__contents {
margin-bottom: 150px;
}
.airpika-section03__img {
margin: 0 auto 60px;
width: 800px;
}
@media not all and (min-width: 840px){
.airpika-section03__contents {
margin-bottom: 60px;
}
.airpika-section03__img {
margin: 0 auto 30px;
width: 100%;
}
}
.airpika-section03__img img {
display: block;
margin: 0 auto 10px;
max-width: 100%;
height: auto;
}
.airpika-section03__img figcaption {
font-size: 14px;
text-align: right;
}
@media not all and (min-width: 568px){
.airpika-section03__img figcaption {
font-size: 12px;
}
}
.airpika-section04__wrap {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.airpika-section04__item {
position: relative;
padding: 30px 10px;
width: 30%;
font-weight: bold;
text-align: center;
border: 5px solid #EFEFEF;
border-radius: 10px;
}
.airpika-section04__item:not(:last-child)::after {
content: '';
position: absolute;
top: 50%;
right: -45px;
transform: translateY(-50%);
width: 20px;
height: 18px;
background-image: url(https://mmin-net.co.jp/wmmip/wp-content/themes/mmi/image/airpika/airpika-arrow.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
@media not all and (min-width: 768px){
.airpika-section04__item {
margin-bottom: 50px;
padding: 20px 10px;
width: 100%;
}
.airpika-section04__item:not(:last-child)::after {
top: auto;
bottom: -40px;
left: 50%;
right: auto;
transform: translate(-50%, 0) rotate(90deg);
}
}
.airpika-section04__title {
margin-bottom: 20px;
font-size: 26px;
}
.airpika-section04__img {
margin-bottom: 20px;
}
.airpika-section04__img img {
display: block;
margin: 0 auto;
max-width: 100%;
height: auto;
}
.airpika-section04__text {
font-size: 20px;
}
.airpika-section05__box {
margin: 0 auto;
padding: 40px 20px;
width: 800px;
background-color: #fff;
border-radius: 10px;
}
.airpika-section05__box:not(:last-child) {
margin-bottom: 60px;
}
@media not all and (min-width: 840px){
.airpika-section05__box {
padding: 30px 20px;
width: 100%;
}
.airpika-section05__box:not(:last-child) {
margin-bottom: 40px;
}
}
.airpika-section05__box-title {
margin-bottom: 30px;
font-size: 38px;
text-align: center;
}
.airpika-section05__box-title span {
display: block;
font-size: 18px;
}
.airpika-section05__box-wrap {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.airpika-section05__box-img {
width: 40%;
}
.airpika-section05__box-text {
width: 55%;
}
@media not all and (min-width: 768px){
.airpika-section05__box-img {
margin-bottom: 30px;
width: 100%;
}
.airpika-section05__box-text {
width: 100%;
}
}
.airpika-section05__box-img img {
display: block;
margin: 0 auto;
max-width: 100%;
height: auto;
}
.airpika-section05__box-text p:not(:last-child) {
margin-bottom: 30px;
}
.airpika-section06__wrap {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.airpika-section06__item {
padding: 20px;
width: 32%;
font-size: 18px;
font-weight: bold;
border: 5px solid #EFEFEF;
border-radius: 10px;
}
@media not all and (min-width: 568px){
.airpika-section06__item {
width: 100%;
font-size: 16px;
}
.airpika-section06__item:not(:last-child) {
margin-bottom: 30px;
}
}
.airpika-section06__item img {
display: block;
margin: 0 auto 20px;
max-width: 100%;
height: auto;
}
.airpika-section07__text {
margin: 0 auto 80px;
width: 800px;
font-size: 18px;
font-weight: bold;
text-align: center;
line-height: 2;
}
.airpika-section07__text span {
display: inline-block;
}
@media not all and (min-width: 840px){
.airpika-section07__text {
margin: 0 auto 40px;
width: 100%;
font-size: 16px;
}
}
.airpika-section07__title {
margin-bottom: 30px;
font-size: 24px;
text-align: center;
}
.airpika-section07__title span {
display: inline-block;
}
.airpika-section07__wrap {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.airpika-section07__img {
width: 48%;
}
@media not all and (min-width: 568px){
.airpika-section07__title {
margin-bottom: 20px;
font-size: 20px;
}
.airpika-section07__img {
width: 100%;
}
.airpika-section07__img:not(:last-child) {
margin-bottom: 30px;
}
}
.airpika-section07__img img {
display: block;
margin: 0 auto;
max-width: 100%;
height: auto;
border-radius: 10px;
}
.airpika-section08__dl {
margin: 0 auto;
width: 800px;
}
@media not all and (min-width: 840px){
.airpika-section08__dl {
width: 100%;
}
}
.airpika-section08__dl dl {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
font-size: 18px;
font-weight: bold;
border-bottom: 3px solid #EFEFEF;
}
.airpika-section08__dl dt {
padding: 20px;
width: 250px;
}
.airpika-section08__dl dd {
padding: 20px;
width: calc(100% - 250px);
}
.airpika-section08__dl p {
margin-top: 30px;
font-size: 14px;
}
@media not all and (min-width: 568px){
.airpika-section08__dl dl {
font-size: 16px;
}
.airpika-section08__dl dt {
padding: 10px;
width: 100%;
}
.airpika-section08__dl dd {
padding: 0 10px 10px;
width: 100%;
}
}
.contact-form,
.contact-form__bg {
margin-right: auto;
margin-left: auto;
max-width: 800px;
}
.contact-form__item {
display: block;
margin-bottom: 30px;
}
.contact-form__label {
display: flex;
align-items: center;
margin-bottom: 15px;
font-size: 18px;
font-weight: bold;
}
.contact-form__input input {
display: block;
padding: 20px!important;
font-size: 16px;
font-weight: bold;
border: 0;
border-radius: 10px;
-webkit-appearance : none;
}
.contact-form__text textarea {
display: block;
padding: 20px!important;
width: 100%;
height: 260px;
font-size: 16px;
font-weight: bold;
border: 0;
border-radius: 10px;
-webkit-appearance : none;
}
.contact-form .contact-form__input input {
display: block;
padding: 20px!important;
font-size: 16px;
font-weight: bold;
background-color: #fff;
border: 0;
border-radius: 10px;
-webkit-appearance : none;
}
.contact-form .contact-form__text textarea {
display: block;
padding: 20px!important;
width: 100%;
height: 260px;
font-size: 16px;
font-weight: bold;
background-color: #fff;
border: 0;
border-radius: 10px;
-webkit-appearance : none;
}
.contact-form__bg .contact-form__input input {
background-color: #EFEFEF;
}
.contact-form__bg .contact-form__text textarea {
background-color: #EFEFEF;
}
.contact-form__input.min input {
width: 400px;
}
.contact-form__input.mid input {
width: 600px;
}
.contact-form__input.max input {
width: 100%;
}
@media not all and (min-width: 768px){
.contact-form__input.min input {
width: 100%;
}
.contact-form__input.mid input {
width: 100%;
}
}
.contact-form__req {
display: flex;
justify-content: center;
align-items: center;
margin-left: 10px;
width: 40px;
height: 24px;
color: #fff;
font-size: 12px;
background-color: #0C84C1;
border-radius: 50vh;
}
.contact-form__submit input {
display: block;
margin: 0 auto 20px;
padding: 20px 10px!important;
width: 300px;
color: #fff;
font-size: 18px;
font-weight: bold;
background-color: #0C84C1;
border: 5px solid #CFE4EF;
border-radius: 50vh;
-webkit-appearance : none;
}
.contact-form__submit input:hover {
background-color: #499DC7;
}
.contact-form__privacy {
font-size: 14px;
text-align: center;
}
.contact-form__privacy a {
color: #0C84C1;
font-weight: bold;
text-decoration: underline;
}
.contact-form__privacy a:hover {
text-decoration: none;
}
.contact-line__box {
margin-top: 90px;
margin-right: auto;
margin-left: auto;
max-width: 800px;
padding: 40px;
background-color: #fff;
border-radius: 10px;
}
.contact-line__box.bg {
background-color: #efefef;
}
@media not all and (min-width: 768px){
.contact-line__box {
padding: 20px;
}
}
.contact-line__heading {
display: flex;
justify-content: center;
align-items: center;
font-size: 21px;
}
.contact-line__heading img {
display: block;
margin-right: 20px;
margin-bottom: 30px;
max-width: 100%;
height: auto;
}
.contact-line__hero {
margin-bottom: 40px;
text-align: center;
}
.contact-line__wrap {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.conatct-line__item {
padding: 40px 10px;
width: 32%;
text-align: center;
background-color: #EAEFF2;
border-radius: 10px;
}
.conatct-line__item {
padding: 40px 10px;
width: 32%;
text-align: center;
background-color: #EAEFF2;
border-radius: 10px;
}
.conatct-line__item.bg {
background-color: #fff;
}
.contact-line__item--heading {
margin-bottom: 20px;
font-size: 14px;
}
.contact-line__item--image {
display: flex;
justify-content: center;
align-items: center;
height: 100px;
}
.contact-line__item--image p {
color: #00B901;
font-size: 26px;
font-weight: bold;
}
@media not all and (min-width: 668px){
.conatct-line__item {
padding: 20px 10px;
width: 100%;
}
.conatct-line__item:not(:last-child) {
margin-bottom: 20px;
}
.contact-line__item--image {
height: auto;
}
}
.breadcrumb-airpika ol {
display: flex;
flex-wrap: wrap;
padding-bottom: 30px;
font-size: 13px;
}
.breadcrumb-airpika ol li {
position: relative;
margin-right: 40px;
}
.breadcrumb-airpika ol li:not(:last-child)::after {
content: '';
position: absolute;
top: 50%;
right: -24px;
transform: translateY(-50%);
width: 7px;
height: 7px;
background-color: #30B2E0;
border-radius: 7px;
}
.breadcrumb-airpika ol li a {
text-decoration: underline;
}
.breadcrumb-airpika ol li a:hover {
color: #30B2E0;
text-decoration: none;
}
.section06-contents__box {
margin-bottom: 80px;
padding: 40px;
background-color: #EAEFF2;
border-radius: 10px;
}
@media not all and (min-width: 768px){
.section06-contents__box {
margin-bottom: 50px;
padding: 20px 30px;
}
}
.section06-contents__item {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
position: relative;
padding: 40px;
background-color: #fff;
border-radius: 10px;
}
.section06-contents__item:not(:last-child) {
margin-bottom: 60px;
}
@media not all and (min-width: 768px){
.section06-contents__item {
padding: 20px;
}
}
.section06-contents__item:nth-child(1)::before {
content: '';
position: absolute;
top: -10px;
left: -10px;
width: 55px;
height: 55px;
background-image: url(//mmin-net.co.jp/wmmip/wp-content/themes/image/seisou-setsubi/l-section06-num01.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.section06-contents__item:nth-child(2)::before {
content: '';
position: absolute;
top: -10px;
left: -10px;
width: 55px;
height: 55px;
background-image: url(//mmin-net.co.jp/wmmip/wp-content/themes/image/seisou-setsubi/l-section06-num02.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.section06-contents__item:nth-child(3)::before {
content: '';
position: absolute;
top: -10px;
left: -10px;
width: 55px;
height: 55px;
background-image: url(//mmin-net.co.jp/wmmip/wp-content/themes/image/seisou-setsubi/l-section06-num03.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.section06-contents__item:nth-child(4)::before {
content: '';
position: absolute;
top: -10px;
left: -10px;
width: 55px;
height: 55px;
background-image: url(//mmin-net.co.jp/wmmip/wp-content/themes/image/seisou-setsubi/l-section06-num04.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.section06-contents__item:nth-child(5)::before {
content: '';
position: absolute;
top: -10px;
left: -10px;
width: 55px;
height: 55px;
background-image: url(//mmin-net.co.jp/wmmip/wp-content/themes/image/seisou-setsubi/l-section06-num05.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.section06-contents__item:not(:last-child)::after {
content: '';
position: absolute;
bottom: -40px;
left: 50%;
transform: translateX(-50%);
width: 20px;
height: 12px;
background-image: url(//mmin-net.co.jp/wmmip/wp-content/themes/image/seisou-setsubi/l-section06-mark.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.section06-contents__image {
display: flex;
justify-content: center;
align-items: center;
width: 240px;
}
.section06-contents__text {
width: calc(100% - 240px);
font-size: 20px;
font-weight: bold;
}
@media not all and (min-width: 768px){
.section06-contents__image {
width: 150px;
}
.section06-contents__text {
width: calc(100% - 150px);
font-size: 16px;
}
}
@media not all and (min-width: 468px){
.section06-contents__image {
margin-bottom: 20px;
width: 100%;
}
.section06-contents__text {
width: 100%;
text-align: center;
}
} .mrpong-section {
padding: 150px 10px;
}
.mrpong-section__btn {
padding: 150px 10px 0;
}
@media not all and (min-width: 768px) {
.mrpong-section {
padding: 70px 10px;
}
.mrpong-section__btn {
padding: 70px 10px 0;
}
}
.section-area {
margin: 0 auto;
width: 1200px;
}
@media not all and (min-width: 1200px) {
.section-area {
padding: 0 10px;
width: 100%;
}
}
.mrpong-section-bg {
background-color: #EFEFEF;
}
.mrpong-contents .mark {
font-weight: bold;
background-image: linear-gradient(rgba(0 0 0 / 0) 70%, #E0BE30 70%);
}
.mrpong-btn__wrap {
display: flex;
justify-content: center;
flex-wrap: wrap;
padding: 80px 0;
}
.mrpong-btn__item:not(:last-child) {
margin-right: 20px;
}
.mrpong-btn__item img {
display: block;
max-width: 100%;
height: auto;
}
@media not all and (min-width: 940px){
.mrpong-btn__item {
flex-direction: column;
}
.mrpong-btn__item:not(:last-child) {
margin-right: 0;
margin-bottom: 20px;
}
}
@media not all and (min-width: 768px){
.mrpong-btn__wrap {
padding: 40px 0;
}
}
.mrpong-mv__img {
margin-bottom: 50px;
}
@media not all and (min-width: 768px){
.mrpong-mv__img {
margin-bottom: 30px;
}
}
.mrpong-mv__img img {
display: block;
width: 100%;
height: auto;
}
.mrpong-section__title {
margin-bottom: 60px;
font-size: 32px;
text-align: center;
}
@media not all and (min-width: 768px){
.mrpong-section__title {
margin-bottom: 40px;
font-size: 26px;
}
}
.mrpong-mv__main-copy {
margin-bottom: 50px;
font-size: 50px;
font-weight: bold;
text-align: center;
}
.mrpong-mv__main-copy span {
font-size: 75px;
}
.mrpong-mv__page-title {
margin-bottom: 50px;
color: #48BFEA;
font-size: 35px;
text-align: center;
line-height: 1.4;
}
.mrpong-mv__page-title span {
display: block;
font-size: 75px;
}
@media not all and (min-width: 768px){
.mrpong-mv__main-copy {
margin-bottom: 30px;
font-size: 35px;
}
.mrpong-mv__main-copy span {
font-size: 48px;
}
.mrpong-mv__page-title {
margin-bottom: 30px;
font-size: 24px;
}
.mrpong-mv__page-title span {
font-size: 50px;
}
}
@media not all and (min-width: 468px){
.mrpong-mv__main-copy {
font-size: 26px;
}
.mrpong-mv__main-copy span {
font-size: 40px;
}
.mrpong-mv__page-title {
font-size: 20px;
}
.mrpong-mv__page-title span {
font-size: 50px;
}
}
.mrpong-mv__wrap {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.mrpong-mv__item {
padding: 30px 10px;
width: 23%;
font-weight: bold;
text-align: center;
background-color: #fff;
border-radius: 10px;
}
.mrpong-mv__point {
margin-bottom: 10px;
}
.mrpong-mv__subtitle {
margin-bottom: 20px;
color: #48BFEA;
font-size: 21px;
}
.mrpong-mv__item img {
display: block;
margin: 0 auto;
max-width: 100%;
height: auto;
}
@media not all and (min-width: 768px){
.mrpong-mv__item {
padding: 20px 10px;
width: 48%;
}
.mrpong-mv__item:nth-child(n+3) {
margin-top: 30px;
}
}
@media not all and (min-width: 768px){
.mrpong-mv__item {
width: 100%;
}
.mrpong-mv__item:nth-child(n+3) {
margin-top: 0;
}
.mrpong-mv__item:nth-child(n+2) {
margin-top: 20px;
}
}
.mrpong-section01__wrap {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.mrpong-section01__img {
width: 48%;
}
.mrpong-section01__text {
width: 48%;
}
@media not all and (min-width: 768px){
.mrpong-section01__img {
margin-bottom: 30px;
width: 100%;
}
.mrpong-section01__text {
width: 100%;
}
}
.mrpong-section01__img img {
display: block;
margin: 0 auto;
max-width: 100%;
height: auto;
}
.mrpong-section01__text p {
margin-bottom: 30px;
}
.mrpong-section02__item {
margin-bottom: 40px;
padding: 50px 10px;
background-color: #fff;
border-radius: 10px;
}
.mrpong-section02__text {
margin-bottom: 30px;
font-size: 20px;
font-weight: bold;
text-align: center;
}
@media not all and (min-width: 768px){
.mrpong-section02__item {
margin-bottom: 30px;
padding: 30px 10px;
}
.mrpong-section02__text {
margin-bottom: 20px;
font-size: 16px;
}
}
.mrpong-section02__movie {
position: relative;
margin: 0 auto;
padding-top: 35%;
width: 680px;
}
.mrpong-section02__movie iframe {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
}
@media not all and (min-width: 1000px){
.mrpong-section02__movie {
padding-top: 50%;
}
}
@media not all and (min-width: 800px){
.mrpong-section02__movie {
width: 100%;
}
}
@media not all and (min-width: 568px){
.mrpong-section02__movie {
padding-top: 70%;
}
}
.mrpong-section03__wrap {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.mrpong-section03__img {
width: 35%;
}
.mrpong-section03__text {
width: 60%;
font-size: 14px;
font-weight: bold;
}
@media not all and (min-width: 468px){
.mrpong-section03__img {
margin-bottom: 30px;
width: 100%;
}
.mrpong-section03__text {
width: 100%;
}
}
.mrpong-section03__img img {
display: block;
margin: 0 auto;
max-width: 100%;
height: auto;
}
@media not all and (min-width: 468px){
.mrpong-section03__img img {
max-width: 50px;
}
}
.mrpong-section03__title {
margin-bottom: 20px;
font-size: 18px;
}
.mrpong-section03__title span {
display: block;
font-size: 32px;
}
.mrpong-section03__price {
margin-bottom: 10px;
}
.mrpong-section03__price span {
display: inline-block;
margin-left: 10px;
font-size: 24px;
}
.mrpong-section03__add {
margin-bottom: 50px;
}
.mrpong-section03__subtitle {
margin-bottom: 20px;
font-size: 20px;
}
.mrpong-section03__item-wrap {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-bottom: 30px;
}
.mrpong-section03__btn {
margin-bottom: 50px;
}
.mrpong-section03__item-img {
width: 30%;
}
.mrpong-section03__item-text {
width: 65%;
}
@media not all and (min-width: 468px){
.mrpong-section03__item-img {
margin-bottom: 30px;
width: 100%;
}
.mrpong-section03__item-text {
width: 100%;
}
}
.mrpong-section03__item-img img {
display: block;
margin: 0 auto;
max-width: 100%;
height: auto;
}
.mrpong-section03__item-text p {
margin-bottom: 30px;
}
.mrpong-section03__attention-wrap {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
}
.mrpong-section03__attention-img {
width: 20%;
}
.mrpong-section03__attention-text {
width: 75%;
}
@media not all and (min-width: 468px){
.mrpong-section03__attention-img {
margin-bottom: 30px;
width: 100%;
}
.mrpong-section03__attention-text {
width: 100%;
}
}
.mrpong-section03__attention-img img {
display: block;
margin: 0 auto;
max-width: 100%;
height: auto;
}
.mrpong-section .bioclean_section08 a {
color: #48BFEA;
text-decoration: underline;
}
.mrpong-section .bioclean_section08 a:hover {
text-decoration: none;
}   .opening::before {
content: '';
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100vh;
background-color: #fff;
animation: opening 2.1s forwards;
}
@keyframes opening {
0% {
opacity: 1;
z-index: 1000;
}
95% {
opacity: 1;
z-index: 1000;
}
100% {
opacity: 0;
z-index: -1;
}
}
.opening::after {
content: '';
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 120px;
height: 33px;
background-image: url(https://mmin-net.co.jp/wmmip/wp-content/themes/mmi/image/logo.svg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
animation: openinglogo 2s forwards;
}
@keyframes openinglogo {
0% {
opacity: 1;
z-index: 1000;
}
95% {
opacity: 1;
z-index: 1000;
}
100% {
opacity: 0;
z-index: -1;
}
}
.bio_header {
margin-top: -25px;
}
.header_section {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
padding: 20px 50px;
z-index: 100;
}
@media not all and (min-width: 768px){
.header_section {
padding: 30px;
}
}
@media not all and (min-width: 568px){
.header_section {
padding: 15px 10px;
}
}
.header_section.is-fixed {
position: fixed;
top: 0!important;
left: 0;
width: 100%;
background-color: #fff;
box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}
.logo img {
display: block;
max-width: 100%;
height: auto;
}
.header_nav {
display: flex;
justify-content: flex-end;
align-items: center;
}
.header_nav li:not(:last-child) {
margin-right: 30px;
}
.header_nav li a {
display: block;
font-size: 14px;
font-weight: 700;
text-align: center;
}
.header_nav li a span {
display: block;
font-size: 12px;
font-weight: 400;
}
.menu_btn,
.sp_nav {
display: none;
}
@media not all and (min-width: 1040px){
.header_nav {
display: none;
}
.menu_btn {
display: block;
}
.c_button {
position: relative;
display: inline-block;
text-decoration: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
background-color: transparent;
cursor: pointer;
}
.menu_btn button {
position: relative;
width: 25px;
height: 30px;
margin: auto;
box-shadow: 0 0 20px transparent;
outline: none;
transition: all .3s ease-in-out;
z-index: 150;
}
.menu_btn button:hover,
.menu_btn button:focus {
box-shadow: 0 0 5px rgba(255, 255, 255, .5);
}
.menu_btn .line {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
width: 100%;
height: 2px;
transition: all .3s ease-in-out;
}
.menu_btn .line::before,
.menu_btn .line::after {
position: absolute;
display: block;
width: 100%;
height: 2px;
background-color: #111;
content: '';
transition: all .3s ease-in-out;
}
.menu_btn .line::before {
top: -5px;
}
.menu_btn .line::after {
top: 5px;
}
.menu_btn button[aria-expanded="true"] .line::before,
.menu_btn button[aria-expanded="true"] .line::after {
top: 0;
background-color: #111;
}
.menu_btn button[aria-expanded="true"] .line::before {
transform: rotate(45deg);
}
.menu_btn button[aria-expanded="true"] .line::after {
transform: rotate(-45deg);
}
.menu_btn .text {
position: absolute;
white-space: nowrap;
width: 1px;
height: 1px;
overflow: hidden;
border: 0;
padding: 0;
clip: rect(0 0 0 0);
clip-path: inset(50%);
margin: -1px;
}
.sp_nav {
display: none;
position: fixed;
top: 0;
left: 0;
padding: 50px 0;
width: 100%;
height: 100vh;
color: #fff;
background-color: #f6f6f6;
z-index: 100;
-webkit-overflow-scrolling: touch;
overflow-y: scroll;
touch-action: none;
z-index: 120;
}
.no_scroll {
overflow: hidden;
touch-action: none;
}
.sp_nav_contents {
text-align: center;
height: 100vh;
overflow-y: scroll;
}
.sp_nav_menu,
.sp_nav_list {
width: 100%;
}
.sp_nav_list {
border-top: 1px solid #ccc;
}
.sp_nav_list li {
border-bottom: 1px solid #ccc;
}
.sp_nav_list li a {
display: block;
padding: 10px;
font-weight: bold;
text-align: center;
}
.sp_nav_list li a:hover {
opacity: .5;
text-decoration: none;
}
.sp_nav_list li a span {
display: block;
}
}
@media not all and (min-height: 668px){
.sp_nav_contents {
justify-content: flex-start;
overflow-y: scroll;
}
}  #contents {
width: 100%;
overflow-x: hidden;
}
.section {
margin-bottom: 200px;
}
@media not all and (min-width: 768px){
.section {
margin-bottom: 120px;
}
}
.page_section {
padding: 100px 0;
}
@media not all and (min-width: 768px){
.page_section {
padding: 50px 0;
}
}
.section_bg {
background-color: #f4f4f4;
}
.section_area {
margin: 0 auto;
width: 1200px;
}
@media not all and (min-width: 1200px){
.section_area {
padding: 0 20px;
width: 100%;
}
}
@media not all and (min-width: 568px){
.section_area {
padding: 0 10px;
}
}
.section_min_area {
margin: 0 auto;
width: 800px;
}
@media not all and (min-width: 800px){
.section_min_area {
padding: 0 20px;
width: 100%;
}
}
@media not all and (min-width: 568px){
.section_min_area {
padding: 0 10px;
}
}
.section_title {
text-align: center;
}
.breadcrumb ol {
display: flex;
flex-wrap: wrap;
margin-bottom: 30px;
font-size: 13px;
}
.breadcrumb ol li {
position: relative;
margin-right: 40px;
}
.breadcrumb ol li:not(:last-child)::after {
content: '';
position: absolute;
top: 50%;
right: -24px;
transform: translateY(-50%);
width: 7px;
height: 7px;
background-color: #30B2E0;
border-radius: 7px;
}
.breadcrumb ol li a {
text-decoration: underline;
}
.breadcrumb ol li a:hover {
color: #30B2E0;
text-decoration: none;
}
.scroll {
opacity: 0;
}
.scroll.scrollin{
opacity: 1;
}
.scroll.bottom {
transition: all .7s;
transform: translateY(25px);
}
.scroll.bottom.scrollin{
transform: translateY(0);
}
.page_title {
margin-bottom: 50px;
padding: 90px 10px;
background-color: #eee;
}
.page_title_text {
position: relative;
text-align: center;
letter-spacing: 3px;
}
.page_title_text span.en {
position: absolute;
top: -40px;
left: 50%;
transform: translateX(-50%);
color: #C6E3E8;
font-size: 60px;
text-transform: uppercase;
z-index: 1;
}
.page_title_text span.jp {
position: relative;
font-size: 32px;
z-index: 2;
}
@media not all and (min-width: 768px){
.page_title {
margin-bottom: 30px;
padding: 80px 10px 60px;
}
.page_title_text span.en {
top: -30px;
font-size: 32px;
}
.page_title_text span.jp {
font-size: 24px;
}
}
.page_hero_section h1 {
margin-bottom: 80px;
font-size: 42px;
text-align: center;
}
.page_hero_section h1 span {
display: block;
font-size: 32px;
}
.page_hero_subtitle {
margin-bottom: 60px;
font-size: 26px;
font-weight: 700;
text-align: center;
}
.page_hero_contents {
text-align: center;
}
.page_hero_contents .img {
margin-bottom: 40px;
}
.page_hero_contents p {
margin-bottom: 40px;
}
.page_hero_contents p span {
font-size: 21px;
font-weight: 700;
background-image: linear-gradient(transparent 70%, #E0BE30 70%);
}
@media not all and (min-width: 768px){
.page_hero_section h1 {
margin-bottom: 50px;
font-size: 26px;
}
.page_hero_section h1 span {
font-size: 18px;
}
.page_hero_subtitle {
margin-bottom: 40px;
font-size: 18px;
}
.page_hero_contents p {
margin-bottom: 30px;
text-align: left;
}
}
@media not all and (min-width: 468px){
.page_hero_subtitle {
font-size: 16px;
}
}
.page_hero_section img {
display: block;
margin: 0 auto;
max-width: 100%;
height: auto;
}
.section_title01 {
position: relative;
margin-bottom: 60px;
}
.section_title01 .en {
position: absolute;
top: -50px;
left: 0;
color: #C6E3E8;
font-size: 60px;
z-index: 1;
}
.section_title01 .jp {
position: relative;
font-size: 32px;
z-index: 2;
}
@media not all and (min-width: 768px){
.section_title01 {
margin-bottom: 40px;
}
.section_title01 .en {
top: -30px;
left: 0;
font-size: 40px;
}
.section_title01 .jp {
font-size: 24px;
}
}
@media not all and (min-width: 568px){
.section_title01 .en {
top: -20px;
font-size: 30px;
}
}
.section_title02 {
position: relative;
margin-bottom: 60px;
}
.section_title02 .en {
display: block;
color: #48BFEA;
font-size: 20px;
}
.section_title02 .jp {
font-size: 32px;
}
@media not all and (min-width: 768px){
.section_title02 {
margin-bottom: 40px;
}
.section_title02 .en {
font-size: 16px;
}
.section_title02 .jp {
font-size: 24px;
}
}
.section_title03 {
position: relative;
margin-bottom: 60px;
text-align: center;
}
.section_title03 .en {
display: block;
color: #48BFEA;
font-size: 20px;
}
.section_title03 .jp {
font-size: 32px;
}
@media not all and (min-width: 768px){
.section_title03 {
margin-bottom: 40px;
}
.section_title03 .en {
font-size: 16px;
}
.section_title03 .jp {
font-size: 24px;
}
}
.strong_main_text {
font-size: 32px;
font-weight: 700;
text-align: center;
}
.strong_main_text span {
font-size: 42px;
background-image: linear-gradient(transparent 70%, #E0BE30 70%);
}
@media not all and (min-width: 768px){
.strong_main_text {
font-size: 21px;
}
.strong_main_text span {
font-size: 28px;
}
}
.more_text01 a {
display: inline-block;
padding: 6px 70px 6px 0;
background-image: url(https://mmin-net.co.jp/wmmip/wp-content/themes/mmi/image/common/arrow01.svg);
background-size: 49px 30px;
background-repeat: no-repeat;
background-position: right center;
}
.more_btn01 a {
display: block;
margin-right: auto;
margin-left: auto;
padding: 20px 10px;
width: 320px;
text-align: center;
border-radius: 42px;
background-color: #30B2E0;
background-image: url(https://mmin-net.co.jp/wmmip/wp-content/themes/mmi/image/common/arrow01.svg);
background-size: 49px 30px;
background-repeat: no-repeat;
background-position: calc(100% - 20px) center;
}
.more_btn01 a:hover {
text-decoration: none;
background-color: #1791BC;
}
@media not all and (min-width: 568px){
.more_btn01 a {
padding: 20px 10px;
}
}
@media not all and (min-width: 468px){
.more_btn01 a {
width: 100%;
}
}
.more_btn02 a {
display: block;
padding: 10px 20px;
width: 320px;
font-weight: 700;
border-radius: 30px;
background-color: #30B2E0;
background-image: url(https://mmin-net.co.jp/wmmip/wp-content/themes/mmi/image/common/arrow02.svg);
background-size: 11px 17px;
background-repeat: no-repeat;
background-position: calc(100% - 20px) center;
}
.more_btn02 a:hover {
text-decoration: none;
background-color: #1791BC;
}
@media not all and (min-width: 468px){
.more_btn02 a {
width: 100%;
}
}
.more_btn03:not(:last-child) {
margin-bottom: 20px;
}
.more_btn03 a {
display: block;
padding: 10px 30px;
width: 320px;
font-weight: 700;
border-radius: 40px;
background-color: #30B2E0;
background-image: url(https://mmin-net.co.jp/wmmip/wp-content/themes/mmi/image/common/icon-pdf.svg);
background-size: 20px 26px;
background-repeat: no-repeat;
background-position: calc(100% - 20px) center;
}
.more_btn03 a:hover {
text-decoration: none;
background-color: #1791BC;
}
@media not all and (min-width: 468px){
.more_btn03 a {
width: 100%;
}
}
.more_btn04 a {
display: block;
margin-right: auto;
margin-left: auto;
padding: 15px 10px;
width: 320px;
font-size: 14px;
font-weight: 700;
border-radius: 42px;
background-color: #30B2E0;
background-image: url(https://mmin-net.co.jp/wmmip/wp-content/themes/mmi/image/common/arrow01.svg);
background-size: 49px 30px;
background-repeat: no-repeat;
background-position: calc(100% - 20px) center;
}
.more_btn04 a:hover {
text-decoration: none;
background-color: #1791BC;
}
@media not all and (min-width: 568px){
.more_btn04 a {
padding: 20px 10px;
}
}
@media not all and (min-width: 468px){
.more_btn04 a {
width: 100%;
}
}
.pic_bg {
position: relative;
height: 100%;
}
.pic_bg::after {
content: '';
position: absolute;
bottom: -20px;
right: -20px;
width: 100%;
height: 100%;
background-image: url(https://mmin-net.co.jp/wmmip/wp-content/themes/mmi/image/common/pic-bg01.svg);
z-index: 1;
}
@media not all and (min-width: 768px){
.pic_bg01::after {
bottom: -10px;
right: -10px;
}
}
.pic_bg img {
position: relative;
z-index: 2;
}
.pic_bg02 {
position: relative;
height: 100%;
}
.pic_bg02::after {
content: '';
position: absolute;
bottom: -20px;
right: -20px;
width: 100%;
height: 100%;
background-image: url(https://mmin-net.co.jp/wmmip/wp-content/themes/mmi/image/common/pic-bg02.svg);
z-index: 1;
}
.pic_bg02 img {
position: relative;
z-index: 2;
}
@media not all and (min-width: 768px){
.pic_bg02::after {
bottom: -10px;
right: -10px;
}
}
.pic_bg_min01 img {
position: relative;
width: 100%;
height: auto;
z-index: 2;
}
.pic_bg_min01 {
position: relative;
}
.pic_bg_min01::after {
content: '';
position: absolute;
bottom: -10px;
right: -10px;
width: 100%;
height: 100%;
background-image: url(https://mmin-net.co.jp/wmmip/wp-content/themes/mmi/image/common/pic-bg01.svg);
z-index: 1;
}
.pic_bg_min02 {
position: relative;
height: 100%;
}
.pic_bg_min02::after {
content: '';
position: absolute;
bottom: -10px;
right: -10px;
width: 100%;
height: 100%;
background-image: url(https://mmin-net.co.jp/wmmip/wp-content/themes/mmi/image/common/pic-bg02.svg);
z-index: 1;
}
.pic_bg_min02 img {
position: relative;
z-index: 2;
}
.faq_title {
margin-bottom: 60px;
font-size: 52px;
text-align: center;
}
@media not all and (min-width: 768px){
.faq_title {
margin-bottom: 40px;
font-size: 28px;
}
}
.faq_contents {
margin-bottom: 60px;
}
.faq_contents dt {
position: relative;
padding: 40px 40px 40px 110px;
font-size: 20px;
font-weight: 700;
background-color: #48BFEA;
}
.faq_contents dd {
position: relative;
padding: 40px 40px 40px 110px;
background-color: #fff;
border: 1px solid #48BFEA;
}
.faq_contents dt::before {
content: 'Q';
position: absolute;
top: 20px;
left: 40px;
color: #F2F2F2;
font-size: 40px;
font-weight: 700;
}
.faq_contents dd::before {
content: 'A';
position: absolute;
top: 20px;
left: 40px;
color: #aaa;
font-size: 40px;
font-weight: 700;
}
@media not all and (min-width: 768px){
.faq_contents {
margin-bottom: 30px;
}
.faq_contents dt {
padding: 20px 20px 20px 60px;
font-size: 16px;
}
.faq_contents dd {
padding: 20px 20px 20px 60px;
}
.faq_contents dt::before {
top: 10px;
left: 20px;
font-size: 28px;
}
.faq_contents dd::before {
top: 10px;
left: 20px;
font-size: 28px;
}
}
.pagenation ul {
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.pagenation {
width: 100%;
}
.pagenation ul {
display: flex;
justify-content: center;
flex-wrap: wrap;
margin: 0 auto;
width: 100%;
text-align: center;
}
.pagenation li {
margin: 0 10px 20px 0;
line-height: 1;
}
.pagenation li a {
display: block;
padding: 20px;
color: #333;
font-weight: 700;
text-align: center;
background-color: #fff;
border: 2px solid #30B2E0;
}
.pagenation li a:hover {
text-decoration: none;
background-color: #30B2E0;
}
.pagenation li.active {
padding: 20px;
font-weight: 700;
background-color: #30B2E0;
border: 2px solid #30B2E0;
} .top_mv .pc,
.top_mv .sp {
position: relative;
}
.top_mv .sp {
display: none;
}
@media not all and (min-width: 768px){
.top_mv .pc {
display: none;
}
.top_mv .sp {
display: block;
}
}
.top_mv {
position: relative;
margin-bottom: 60px;
}
.top_mv .bg img {
display: block;
width: 100%;
height: auto;
}
.top_mv .pc .gif {
position: absolute;
}
.top_mv .sp .gif {
display: none;
position: absolute;
}
.top_mv .pc .gif img {
display: block;
width: 100%;
height: auto;
}
@media not all and (min-width: 768px){
.top_mv .pc .gif {
display: none;
}
.top_mv .sp .gif {
display: block;
position: absolute;
}
.top_mv .sp .gif img {
display: block;
width: 100%;
height: auto;
}
}
.top_mv .pc .gif.human01 {
position: absolute;
top: 23%;
left: 57%;
width: 2.5%;
height: auto;
}
.top_mv .pc .gif.human02 {
position: absolute;
top: 73%;
left: 22%;
width: 1.7%;
height: auto;
}
.top_mv .pc .gif.human03 {
position: absolute;
top: 66%;
left: 59%;
width: 3%;
height: auto;
}
.top_mv .pc .gif.human04 {
position: absolute;
top: 91%;
left: 66%;
width: 2.4%;
height: auto;
}
.top_mv .pc .gif.human05 {
position: absolute;
top: 42%;
left: 2%;
width: 3.2%;
height: auto;
}
.top_mv .pc .gif.human06 {
position: absolute;
top: 30%;
left: 77%;
width: 4%;
height: auto;
}
.top_mv .pc .gif.human07 {
position: absolute;
top: 26%;
left: 20%;
width: 4%;
height: auto;
}
.top_mv .pc .gif.human08 {
position: absolute;
top: 73%;
left: 24%;
width: 2.7%;
height: auto;
}
.top_mv .pc .gif.human09 {
position: absolute;
top: 75%;
left: 91%;
width: 3.2%;
height: auto;
}
.top_mv .pc .gif.human10 {
position: absolute;
top: 29%;
left: 63%;
width: 3%;
height: auto;
}
.top_mv .pc .gif.human11 {
position: absolute;
top: 68%;
left: 42%;
width: 2.5%;
height: auto;
}
.top_mv .pc .gif.human12 {
position: absolute;
top: 29%;
left: 23%;
width: 1.9%;
height: auto;
}
.top_mv .pc .gif.human13 {
position: absolute;
top: 28%;
left: 24.5%;
width: 2.5%;
height: auto;
}
.top_mv .pc .gif.human14 {
position: absolute;
top: 52%;
left: 24%;
width: 2%;
height: auto;
}
.top_mv .pc .gif.human15 {
position: absolute;
top: 55%;
left: 29%;
width: 4%;
height: auto;
}
.top_mv .pc .gif.fountain {
position: absolute;
bottom: 7%;
left: 28%;
width: 5.5%;
height: auto;
}
.top_mv .pc .gif.cars {
position: absolute;
bottom: 0%;
left: 0%;
width: 28%;
height: auto;
}
.top_mv .sp .gif.human01 {
position: absolute;
top: 3%;
left: 33%;
width: 4.5%;
height: auto;
}
.top_mv .sp .gif.human02 {
position: absolute;
top: 82%;
left: 18%;
width: 3.2%;
height: auto;
}
.top_mv .sp .gif.human03 {
position: absolute;
top: 82%;
left: 22%;
width: 5.2%;
height: auto;
}
.top_mv .sp .gif.human04 {
position: absolute;
top: 69.5%;
left: 37%;
width: 4.4%;
height: auto;
}
.top_mv .sp .gif.human05 {
position: absolute;
top: 19%;
left: 2%;
width: 7%;
height: auto;
}
.top_mv .sp .gif.human06 {
position: absolute;
top: 21%;
left: 50%;
width: 10%;
height: auto;
}
.top_mv .sp .gif.human07 {
position: absolute;
top: 49%;
left: 79%;
width: 9%;
height: auto;
}
.top_mv .sp .gif.human08 {
position: absolute;
top: 70%;
left: 57%;
width: 5.5%;
height: auto;
}
.top_mv .sp .gif.human09 {
position: absolute;
top: 43%;
left: 13%;
width: 6.2%;
height: auto;
}
.top_mv .sp .gif.human10 {
position: absolute;
top: 20%;
left: 49%;
width: 6.1%;
height: auto;
}
.top_mv .sp .gif.human11 {
position: absolute;
top: 64%;
left: 56%;
width: 4.7%;
height: auto;
}
.top_mv .sp .gif.human12 {
position: absolute;
top: 40%;
left: 36%;
width: 4.3%;
height: auto;
}
.top_mv .sp .gif.human13 {
position: absolute;
top: 9%;
left: 11.5%;
width: 5.5%;
height: auto;
}
.top_mv .sp .gif.fountain {
position: absolute;
top: 12%;
left: 31%;
width: 11.5%;
height: auto;
}
.top_mv .sp .gif.cars {
position: absolute;
bottom: 0%;
left: 0%;
width: 63%;
height: auto;
}
.top_mv .pc .top_mv_btn01 {
position: absolute;
top: 63%;
left: 40%;
}
.top_mv .pc .top_mv_btn02 {
position: absolute;
top: 70%;
left: 14%;
}
.top_mv .pc .top_mv_btn03 {
position: absolute;
top: 46%;
left: 25.5%;
}
.top_mv .pc .top_mv_btn04 {
position: absolute;
top: 68%;
left: 63%;
}
.top_mv .pc .top_mv_btn05 {
position: absolute;
top: 15%;
left: 25%;
}
.top_mv .pc .top_mv_btn06 {
position: absolute;
top: 34%;
left: 82%;
}
.top_mv .pc .top_mv_btn07 {
position: absolute;
top: 20%;
left: 56.6%;
}
.top_mv .pc .top_mv_btn08 {
position: absolute;
top: 35%;
left: 5%;
}
.top_mv .sp .top_mv_btn01 {
position: absolute;
top: 33.5%;
left: 6%;
}
.top_mv .sp .top_mv_btn02 {
position: absolute;
top: 75.5%;
left: 14%;
}
.top_mv .sp .top_mv_btn03 {
position: absolute;
top: 58%;
left: 15%;
}
.top_mv .sp .top_mv_btn04 {
position: absolute;
top: 41%;
left: 45%;
}
.top_mv .sp .top_mv_btn05 {
position: absolute;
top: 70%;
left: 71%;
}
.top_mv .sp .top_mv_btn06 {
position: absolute;
top: 21%;
left: 79%;
}
.top_mv .sp .top_mv_btn07 {
position: absolute;
top: 14%;
left: 26%;
}
.top_mv .sp .top_mv_btn08 {
position: absolute;
top: 87.5%;
left: 59%;
}
.top_mv_circle_btn {
display: block;
position: relative;
width: 20px;
height: 20px;
background-color: #E03030;
border-radius: 50%;
transition: .5s;
z-index: 1;
}
.top_mv_circle_btn::before {
content: '';
position: absolute;
top: -3%;
left: -3%;
width: 20px;
height: 20px;
background-color: rgba(224,48,48,0.7);
border-radius: 50%;
opacity: 1;
animation: 1.8s circlebtn infinite;
}
@keyframes circlebtn {
0% {
transform: scale(0);
}
100% {
transform: scale(2);
}
}
.top_mv_circle_btn:hover {
transform: scale(2);
}
.top_mv_text {
display: block;
position: absolute;
top: 35px;
left: -20px;
padding: 20px;
width: 170px;
color: #f2f2f2;
font-size: 16px;
font-weight: 700;
text-align: center;
background-color: rgba(51 51 51 / .7);
border-radius: 10px;
}
.top_mv_text::before {
content: '';
position: absolute;
top: -16px;
left: 20px;
width: 0;
height: 0;
border-style: solid;
border-width: 0 10px 16px 10px;
border-color: transparent transparent rgba(51 51 51 / .7) transparent;
}
.top_mv a:hover {
text-decoration: none;
}
a:hover .top_mv_circle_btn + .top_mv_text,
a:hover .top_mv_text {
background-color: rgba(51 51 51 / 1);
}
a:hover .top_mv_text::before {
border-color: transparent transparent rgba(51 51 51 / 1) transparent;
}
@media not all and (min-width: 568px){
.top_mv_text {
padding: 5px;
width: 100px;
font-size: 12px;
background-color: rgba(51,51,51,0.7);
opacity: 1;
}
.top_mv_text::before {
border-width: 0 5px 8px 5px;
border-color: transparent transparent rgba(51,51,51,0.7) transparent;
opacity: 1;
}
.top_mv_btn01 .top_mv_text {
top: 30px;
left: -5px;
}
.top_mv_btn01 .top_mv_text::before {
top: -8px;
left: 10px;
}
.top_mv_btn02 .top_mv_text {
top: 30px;
left: -20px;
}
.top_mv_btn02 .top_mv_text::before {
top: -8px;
left: 25px;
}
.top_mv_btn03 .top_mv_text {
top: 30px;
left: -20px;
}
.top_mv_btn03 .top_mv_text::before {
top: -8px;
left: 25px;
}
.top_mv_btn04 .top_mv_text {
top: 30px;
left: -20px;
}
.top_mv_btn04 .top_mv_text::before {
top: -8px;
left: 25px;
}
.top_mv_btn05 .top_mv_text {
top: 30px;
left: -10px;
}
.top_mv_btn05 .top_mv_text::before {
top: -8px;
left: 15px;
}
.top_mv_btn06 .top_mv_text {
top: 30px;
left: -20px;
}
.top_mv_btn06 .top_mv_text::before {
top: -8px;
left: 10px;
}
.top_mv_btn07 .top_mv_text {
top: 30px;
left: -20px;
}
.top_mv_btn07 .top_mv_text::before {
top: -8px;
left: 25px;
}
.top_mv_btn08 .top_mv_text {
top: 30px;
left: -40px;
}
.top_mv_btn08 .top_mv_text::before {
top: -8px;
left: 45px;
}
}
.top_slide li img {
display: block;
margin: 0 auto;
max-width: 100%;
height: auto;
}
.top_contents_wrap {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
}
.top_contents_wrap:nth-child(even) {
flex-direction: row-reverse;
}
.top_contents_wrap .wrap_contents,
.top_contents_wrap .img {
position: relative;
width: 48%;
}
@media not all and (min-width: 768px){
.top_contents_wrap .wrap_contents {
margin-bottom: 30px;
width: 100%;
}
.top_contents_wrap .img {
width: 100%;
}
}
.top_mv_coution {
position: absolute;
bottom: -20px;
left: 50%;
transform: translateX(-50%);
padding: 10px 20px;
color: #fff;
font-size: 12px;
font-weight: 700;
text-align: center;
background-color: #E03030;
border-radius: 40px;
}
@media not all and (min-width: 768px){
.top_mv_coution {
bottom: -40px;
padding: 10px 20px;
width: 80%;
font-size: 10px;
}
}
.top_section_title {
position: relative;
margin-bottom: 40px;
font-size: 28px;
}
.top_section_title span {
position: absolute;
top: -50px;
left: 0;
color: #C6E3E8;
font-size: 80px;
line-height: 1;
z-index: -1;
}
@media not all and (min-width: 768px){
.top_section_title {
margin-bottom: 30px;
font-size: 20px;
}
.top_section_title span {
top: -30px;
font-size: 50px;
}
}
.top_contents_wrap .subtitle {
margin-bottom: 40px;
font-size: 21px;
font-weight: 700;
}
@media not all and (min-width: 768px){
.top_contents_wrap .subtitle {
margin-bottom: 30px;
font-size: 18px;
}
}
.top_contents_wrap .text {
margin-bottom: 40px;
}
.top_contents_wrap .text p {
margin-bottom: 30px;
}
@media not all and (min-width: 768px){
.top_contents_wrap .text {
margin-bottom: 30px;
}
.top_contents_wrap .text p {
margin-bottom: 20px;
}
}
.top_contents_wrap .img::after {
content: '';
position: absolute;
bottom: -20px;
right: -20px;
width: 100%;
height: 100%;
background-image: url(https://mmin-net.co.jp/wmmip/wp-content/themes/mmi/image/common/pic-bg01.svg);
z-index: -1;
}
@media not all and (min-width: 768px){
.top_contents_wrap .img::after {
bottom: -10px;
right: -10px;
}
}
.top_contents_wrap .img img {
display: block;
width: 100%;
height: auto;
}
.top_news_list {
margin-bottom: 50px;
}
.top_news_list li {
margin-bottom: 5px;
}
.top_news_list li a {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
padding: 30px;
background-color: #f2f2f2;
}
.top_news_list li a:hover {
text-decoration: none;
background-color: #ddd;
}
@media not all and (min-width: 940px){
.top_news_list li a {
justify-content: flex-start;
}
}
@media not all and (min-width: 768px){
.top_news_list li a {
padding: 20px;
font-size: 14px;
}
}
.top_news_list li a .time {
width: 100px;
}
.top_news_list li a .cat {
display: block;
padding: 5px 10px;
width: 180px;
font-size: 12px;
text-align: center;
background-color: #fff;
border-radius: 10px;
}
.top_news_list li a .title {
display: block;
width: calc(100% - 350px);
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
@media not all and (min-width: 940px){
.top_news_list li a .title {
margin-top: 20px;
width: 100%;
white-space: normal;
text-overflow: clip;
overflow: auto;
}
} .aboutus_contents_hero {
margin-right: auto;
margin-left: auto;
margin-bottom: 100px;
width: 800px;
}
@media not all and (min-width: 840px){
.aboutus_contents_hero {
padding: 0 10px;
width: 100%;
}
}
@media not all and (min-width: 768px){
.aboutus_contents_hero {
margin-bottom: 50px;
}
}
.aboutus_contents_hero h3 {
margin-bottom: 40px;
font-size: 26px;
text-align: center;
}
.aboutus_contents_wrap .item {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-bottom: 100px;
}
.aboutus_contents_wrap .item:nth-child(even) {
flex-direction: row-reverse;
}
@media not all and (min-width: 768px){
.aboutus_contents_hero h3 {
margin-bottom: 30px;
font-size: 20px;
}
.aboutus_contents_wrap .item {
margin-bottom: 50px;
}
}
@media not all and (min-width: 568px){
.aboutus_contents_hero h3 br {
display: none;
}
}
.aboutus_contents_wrap .item .img {
width: 48%;
}
.aboutus_contents_wrap .item .wrap_contents {
padding: 50px 50px 0;
width: 48%;
}
@media not all and (min-width: 940px){
.aboutus_contents_wrap .item .wrap_contents {
padding: 30px 30px 0;
}
}
@media not all and (min-width: 940px){
.aboutus_contents_wrap .item .img {
width: 100%;
}
.aboutus_contents_wrap .item .wrap_contents {
padding: 50px 0 0;
width: 100%;
}
}
.aboutus_contents_wrap .item .img img {
display: block;
width: 100%;
height: auto;
}
.aboutus_contents_wrap .item .wrap_contents h4 {
margin-bottom: 40px;
font-size: 24px;
}
.aboutus_contents_wrap .item .wrap_contents p:not(:last-child) {
margin-bottom: 30px;
}
@media not all and (min-width: 768px){
.aboutus_contents_wrap .item .wrap_contents h4 {
margin-bottom: 30px;
font-size: 20px;
}
}
@media not all and (min-width: 568px){
.aboutus_contents_wrap .item .wrap_contents h4 br {
display: none;
}
}
.aboutus_contents_img img {
display: block;
margin: 0 auto;
max-width: 100%;
height: auto;
}
.section_title01_list {
margin: 30px auto 0;
padding: 50px 10px;
width: 800px;
background-color: #fff;
}
.section_title01_list h4 {
margin-bottom: 30px;
font-size: 20px;
text-align: center;
}
.section_title01_list ul {
margin-right: auto;
margin-left: auto;
width: 360px;
}
.section_title01_list ul li {
position: relative;
margin-bottom: 16px;
padding-left: 20px;
}
.section_title01_list ul li::before {
content: '';
position: absolute;
top: 9px;
left: 0;
width: 6px;
height: 6px;
background-image: url(https://mmin-net.co.jp/wmmip/wp-content/themes/mmi/image/common/listmark01.svg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
@media not all and (min-width: 840px){
.section_title01_list {
padding: 30px 20px;
width: 100%;
}
.section_title01_list h4 {
margin-bottom: 20px;
font-size: 18px;
}
}
@media not all and (min-width: 468px){
.section_title01_list ul {
width: 100%;
}
} .details_archive_section {
padding: 60px 0;
}
.details_archive_section .wrap {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.details_archive_section .wrap .img {
width: 47%;
}
.details_archive_section .wrap .wrap_contents {
width: 47%;
}
@media not all and (min-width: 768px){
.details_archive_section .wrap .img {
margin-bottom: 50px;
width: 100%;
}
.details_archive_section .wrap .wrap_contents {
width: 100%;
}
}
.details_archive_section .wrap .img img {
display: block;
width: 100%;
height: auto;
}
.details_archive_section .wrap .wrap_contents p {
margin-bottom: 50px;
}
@media not all and (min-width: 768px){
.details_archive_section .wrap .wrap_contents p {
margin-bottom: 30px;
}
}
.details_archive_section .wrap .wrap_contents ul {
margin-bottom: 50px;
}
.details_archive_section .wrap .wrap_contents ul li {
position: relative;
margin-bottom: 10px;
padding-left: 30px;
}
.details_archive_section .wrap .wrap_contents h3 {
margin-bottom: 20px;
}
.details_archive_section .wrap .wrap_contents ul li::before {
content: '';
position: absolute;
top: 12px;
left: 0;
width: 15px;
height: 1px;
background-color: #48BFEA;
} .details_works_wrap {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-bottom: 60px;
padding-bottom: 60px;
border-bottom: 1px solid #C6E3E8;
}
@media not all and (min-width: 768px){
.details_works_wrap {
margin-bottom: 40px;
padding-bottom: 50px;
}
}
.details_works_wrap .wrap_contents {
width: 64%;
}
.details_works_wrap .img {
width: 31%;
}
@media not all and (min-width: 768px){
.details_works_wrap .wrap_contents {
margin-bottom: 40px;
width: 100%;
}
.details_works_wrap .img {
width: 100%;
}
}
.details_works_wrap .title_area {
margin-bottom: 30px;
padding-left: 20px;
border-left: 5px solid #48BFEA;
}
.details_works_wrap .title_area h3 {
font-size: 21px;
}
.details_works_wrap .title_area p {
font-size: 13px;
}
.details_works_wrap .wrap_contents .text p:not(:last-child) {
margin-bottom: 30px;
}
.details_works_wrap .img img {
display: block;
width: 100%;
height: auto;
} .details_works_wrap .text .case_data {
margin-top: 50px;
}
.details_works_wrap .text .case_data h3 {
border-bottom: solid 3px #ea1e1f;
margin-bottom: 20px;
padding-bottom: 10px;
font-size: 18px;
}
.details_works_wrap .text table {
width: 100%;
margin: 0 auto;
border-collapse: collapse;
border: solid 1px #ccc;
}
.details_works_wrap .text table th,
.details_works_wrap .text table td {
border: solid 1px #ccc;
padding: 5px;
font-size: 14px;
font-weight: normal;
vertical-align: middle;
}
.details_works_wrap .text table th {
width: 180px;
min-width: 180px;
}
@media screen and (max-width: 767px) {
.details_works_wrap .text table th {
width: 100px;
min-width: 100px;
}
}
.details_works_wrap .text .btnArea.btn02 {
margin: 0 auto 50px auto;
width: 80%;
height: 50px;
line-height: 48px;
font-size: 18px;
} .details_contact {
padding-top: 100px;
}
.details_contact .breadcrumb ol {
margin-bottom: 0;
padding-bottom: 30px;
}
@media not all and (min-width: 768px){
.details_contact {
padding-top: 50px;
}
}
.details_contact_bg {
background-color: #D0E6ED;
}
.disinfection-work_contact_tel {
margin-bottom: 80px;
}
.disinfection-work_contact_tel dl {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-bottom: 20px;
font-size: 18px;
font-weight: 700;
}
.disinfection-work_contact_tel dt {
width: 200px;
font-size: 15px;
}
.disinfection-work_contact_tel dd {
width: calc(100% - 200px);
}
@media not all and (min-width: 568px){
.disinfection-work_contact_tel dl {
text-align: center;
}
.disinfection-work_contact_tel dt {
margin-bottom: 5px;
width: 100%;
}
.disinfection-work_contact_tel dd {
width: 100%;
}
.disinfection-work_contact_tel p {
font-size: 15px;
text-align: center;
}
}
.details_contact .form_input_text input,
.details_contact .form_input_textarea textarea {
background-color: #fff;
}
.details_contact .contact_line {
margin-bottom: 150px;
background-color: #fff;
}
@media not all and (min-width: 768px){
.details_contact .contact_line {
margin-bottom: 70px ;
}
}
.details_contact .contact_line .wrap .item {
background-color: #f2f2f2;
} .facility_management_section .wrap {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.facility_management_section .wrap:not(:last-child) {
margin-bottom: 60px;
}
.facility_management_section .wrap .img {
width: 46%;
}
.facility_management_section .wrap .wrap_contents {
width: 46%;
}
.facility_management_section .wrap .img img {
display: block;
width: 100%;
height: auto;
}
.facility_management_section .wrap .wrap_contents h2 {
margin-bottom: 20px;
font-size: 24px;
}
.facility_management_section .wrap .wrap_contents p:not(:last-child) {
margin-bottom: 30px;
}
@media not all and (min-width: 768px){
.facility_management_section .wrap:not(:last-child) {
margin-bottom: 40px;
}
.facility_management_section .wrap .img {
margin-bottom: 40px;
width: 100%;
}
.facility_management_section .wrap .wrap_contents {
width: 100%;
}
.facility_management_section .wrap .wrap_contents h2 {
font-size: 20px;
}
} .facility-cleaning_section h2 {
margin-bottom: 60px;
font-size: 52px;
text-align: center;
}
.facility-cleaning_section h2 span {
background-image: linear-gradient(transparent 70%, #E0BE30 70%);
}
.facility-cleaning_strong_text {
font-size: 32px;
font-weight: 700;
text-align: center;
}
.facility-cleaning_strong_text span {
background-image: linear-gradient(transparent 70%, #E0BE30 70%);
}
@media not all and (min-width: 768px){
.facility-cleaning_section h2 {
margin-bottom: 40px;
font-size: 32px;
}
.facility-cleaning_strong_text {
font-size: 21px;
}
}
@media not all and (min-width: 468px){
.facility-cleaning_section h2 {
margin-bottom: 30px;
font-size: 26px;
}
.facility-cleaning_strong_text {
font-size: 18px;
}
}
.facility-cleaning_ul01 {
margin-right: auto;
margin-left: auto;
margin-bottom: 100px;
width: 800px;
}
.facility-cleaning_ul01 li {
position: relative;
margin-bottom: 20px;
padding: 30px 30px 30px 90px;
font-size: 21px;
font-weight: 700;
background-color: #48BFEA;
}
.facility-cleaning_ul01 li::before {
content: '';
position: absolute;
top: 50%;
left: 30px;
transform: translateY(-50%);
width: 30px;
height: 20px;
background-image: url(https://mmin-net.co.jp/wmmip/wp-content/themes/mmi/image/facility-cleaning/facility-cleaning-checkmark01.svg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.facility-cleaning_ul01 li span {
background-image: linear-gradient(transparent 70%, #E0BE30 70%);
}
@media not all and (min-width: 768px){
.facility-cleaning_ul01 {
margin-bottom: 50px;
width: 100%;
}
.facility-cleaning_ul01 li {
margin-bottom: 10px;
padding: 20px 20px 20px 60px;
font-size: 16px;
}
.facility-cleaning_ul01 li::before {
left: 15px;
}
}
.facility-cleaning_ul02 {
margin-right: auto;
margin-left: auto;
margin-bottom: 100px;
width: 800px;
}
.facility-cleaning_ul02 li {
position: relative;
margin-bottom: 20px;
padding: 30px 30px 30px 90px;
font-size: 21px;
font-weight: 700;
background-color: #fff;
}
.facility-cleaning_ul02 li::before {
content: '';
position: absolute;
top: 50%;
left: 30px;
transform: translateY(-50%);
width: 30px;
height: 20px;
background-image: url(https://mmin-net.co.jp/wmmip/wp-content/themes/mmi/image/facility-cleaning/facility-cleaning-checkmark02.svg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.facility-cleaning_ul02 li span {
background-image: linear-gradient(transparent 70%, #E0BE30 70%);
}
@media not all and (min-width: 768px){
.facility-cleaning_ul02 {
margin-bottom: 50px;
width: 100%;
}
.facility-cleaning_ul02 li {
margin-bottom: 10px;
padding: 20px 20px 20px 60px;
font-size: 16px;
}
.facility-cleaning_ul02 li::before {
left: 15px;
}
}
.facility-cleaning_section02 .wrap {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-bottom: 100px;
}
.facility-cleaning_section02 .wrap .item {
width: 32%;
}
.facility-cleaning_section02 .wrap .item h3 {
margin-bottom: 30px;
font-size: 20px;
text-align: center;
}
.facility-cleaning_section02 .wrap .item .img img {
display: block;
margin-bottom: 20px;
width: 100%;
height: auto;
}
.facility-cleaning_section02 .wrap .item .text {
margin-bottom: 20px;
}
.facility-cleaning_section02 .wrap .item .box {
padding: 20px;
border: 1px solid #48BFEA;
}
.facility-cleaning_section02 .wrap .item .box h4:not(:first-of-type) {
margin-top: 20px;
}
@media not all and (min-width: 768px){
.facility-cleaning_section02 .wrap {
margin-bottom: 50px;
}
.facility-cleaning_section02 .wrap .item {
width: 100%;
}
.facility-cleaning_section02 .wrap .item:not(:last-child) {
margin-bottom: 50px;
}
}
.facility-cleaning_subtitle {
margin-bottom: 70px;
font-size: 18px;
font-weight: 700;
text-align: center;
}
.facility-cleaning_section04 h3 {
margin-bottom: 50px;
font-size: 34px;
text-align: center;
}
@media not all and (min-width: 768px){
.facility-cleaning_subtitle {
margin-bottom: 50px;
font-size: 16px;
}
.facility-cleaning_section04 h3 {
margin-bottom: 30px;
font-size: 21px;
}
}
.facility-cleaning_section04 .before_after {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
position: relative;
margin-bottom: 100px;
}
@media not all and (min-width: 568px){
.facility-cleaning_section04 .before_after {
margin-bottom: 70px;
}
}
.facility-cleaning_section04 .before_after::after {
content: '';
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%);
width: 20px;
height: 25px;
background-image: url(https://mmin-net.co.jp/wmmip/wp-content/themes/mmi/image/facility-cleaning/facility-cleaning-arrow.svg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.facility-cleaning_section04 .before_after .item {
width: 46%;
}
@media not all and (min-width: 568px){
.facility-cleaning_section04 .before_after::after {
transform: translateX(-50%) rotate(90deg);
}
.facility-cleaning_section04 .before_after .item {
width: 100%;
}
.facility-cleaning_section04 .before_after .item:not(:last-child) {
margin-bottom: 70px;
}
}
.facility-cleaning_section04 .before_after .item p {
margin-bottom: 10px;
font-size: 25px;
font-weight: 700;
text-align: center;
}
@media not all and (min-width: 568px){
.facility-cleaning_section04 .before_after .item p {
font-size: 18px;
}
}
.facility-cleaning_section04 .before_after .item .img img {
display: block;
width: 100%;
height: auto;
}
.facility-cleaning_section05 .wrap {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-bottom: 70px;
}
.facility-cleaning_section05 .wrap .img {
width: 47%;
}
.facility-cleaning_section05 .wrap .wrap_contents {
width: 47%;
}
@media not all and (min-width: 568px){
.facility-cleaning_section05 .wrap {
margin-bottom: 50px;
}
.facility-cleaning_section05 .wrap .img {
margin-bottom: 30px;
width: 100%;
}
.facility-cleaning_section05 .wrap .wrap_contents {
width: 100%;
}
}
.facility-cleaning_section05 .wrap .img img {
display: block;
width: 100%;
height: auto;
}
.facility-cleaning_section05 .wrap .wrap_contents h3 {
display: inline-block;
margin-bottom: 30px;
font-size: 26px;
line-height: 1.2;
background-image: linear-gradient(transparent 60%, #E0BE30 60%)
}
.facility-cleaning_section05 .wrap .wrap_contents p {
margin-bottom: 30px;
}
@media not all and (min-width: 568px){
.facility-cleaning_section05 .wrap .wrap_contents h3 {
font-size: 21px;
}
}
.facility-cleaning_section06 ol li {
display: flex;
align-items: center;
counter-increment: flow;
position: relative;
margin-bottom: 20px;
padding: 0 50px 0 140px;
height: 110px;
font-size: 18px;
font-weight: 700;
background-color: #fff;
}
.facility-cleaning_section06 ol li::before {
content: '0'counter(flow);
position: absolute;
top: 50%;
left: 40px;
transform: translateY(-50%);
color: #48BFEA;
font-size: 48px;
}
@media not all and (min-width: 568px){
.facility-cleaning_section06 ol li {
padding: 20px 20px 20px 70px;
height: auto;
font-size: 14px;
}
.facility-cleaning_section06 ol li::before {
left: 20px;
font-size: 24px;
}
} .disinfection-work_section_title01 {
margin-bottom: 50px;
font-size: 32px;
text-align: center;
}
@media not all and (min-width: 768px){
.disinfection-work_section_title01 {
margin-bottom: 30px;
font-size: 24px;
}
}
.disinfection-work_section_title02 {
margin-bottom: 60px;
font-size: 52px;
text-align: center;
}
@media not all and (min-width: 768px){
.disinfection-work_section_title02 {
margin-bottom: 40px;
font-size: 32px;
}
}
.disinfection-work_section01 .text {
margin-bottom: 100px;
}
@media not all and (min-width: 768px){
.disinfection-work_section01 .text {
margin-bottom: 50px;
}
}
.disinfection-work_section02 .item {
margin-bottom: 100px;
}
.disinfection-work_section02 .item h2 {
margin-bottom: 40px;
font-size: 42px;
text-align: center;
}
.disinfection-work_section02 .item h2 span {
display: block;
color: #48BFEA;
font-size: 30px;
text-transform: uppercase;
}
.disinfection-work_section02 .item h2 .strong_text {
background-image: linear-gradient(transparent 70%, #E0BE30 70%);
}
.disinfection-work_section02 .item .img img {
display: block;
margin: 0 auto 50px;
max-width: 100%;
height: auto;
}
@media not all and (min-width: 768px){
.disinfection-work_section02 .item {
margin-bottom: 50px;
}
.disinfection-work_section02 .item h2 {
margin-bottom: 20px;
font-size: 24px;
}
.disinfection-work_section02 .item h2 span {
font-size: 16px;
}
.disinfection-work_section02 .item .img img {
margin: 0 auto 30px;
}
} .disinfection-work_section03 .item:not(:last-child) {
margin-bottom: 0px;
}
.disinfection-work_section03 h3 {
margin-bottom: 50px;
font-size: 32px;
text-align: center;
}
.disinfection-work_section03 h3 span {
display: block;
font-size: 18px;
}
@media not all and (min-width: 768px){
.disinfection-work_section03 .item:not(:last-child) {
margin-bottom: 50px;
}
.disinfection-work_section03 h3 {
margin-bottom: 30px;
font-size: 24px;
}
.disinfection-work_section03 h3 span {
font-size: 16px;
}
}
.disinfection-work_section03 table {
width: 100%;
}
.disinfection-work_section03 table thead th {
padding: 30px 10px;
background-color: #48BFEA;
border-bottom: 1px solid #aaa;
}
.disinfection-work_section03 table tbody td {
padding: 30px 10px;
text-align: center;
background-color: #fff;
border-bottom: 1px solid #aaa;
}
.disinfection-work_section03 table thead th:not(:last-child),
.disinfection-work_section03 table tbody td:not(:last-child) {
border-right: 1px solid #aaa;
}
@media not all and (min-width: 468px){
.disinfection-work_section03 table thead th {
padding: 20px 10px;
}
.disinfection-work_section03 table tbody td {
padding: 20px 10px;
}
}
.disinfection-work_section03 .text {
margin-bottom: 40px;
}
.disinfection-work_section03 .box {
padding: 30px;
background-color: #fff;
}
.disinfection-work_section04 .subtitle {
margin-bottom: 80px;
font-size: 18px;
font-weight: 700;
text-align: center;
}
@media not all and (min-width: 768px){
.disinfection-work_section03 .text {
margin-bottom: 30px;
}
.disinfection-work_section03 .box {
padding: 20px;
}
.disinfection-work_section04 .subtitle {
margin-bottom: 50px;
font-size: 14px;
}
}
.disinfection-work_section04 .wrap {
display: flex;
justify-content: center;
flex-wrap: wrap;
margin-bottom: 150px;
}
.disinfection-work_section04 .wrap .item {
width: 45%;
text-align: center;
}
.disinfection-work_section04 .wrap .item:nth-child(n+3) {
margin-top: 70px;
}
.disinfection-work_section04 .wrap .item:nth-child(even) {
margin-left: 10%;
}
@media not all and (min-width: 768px){
.disinfection-work_section04 .wrap {
margin-bottom: 50px;
}
.disinfection-work_section04 .wrap .item {
width: 100%;
}
.disinfection-work_section04 .wrap .item:nth-child(n+2) {
margin-top: 50px;
}
.disinfection-work_section04 .wrap .item:nth-child(even) {
margin-left: 0;
}
}
.disinfection-work_section04 .wrap .item h3 {
margin-bottom: 10px;
font-size: 24px;
}
.disinfection-work_section04 .wrap .item h3 span {
display: block;
font-size: 14px;
}
@media not all and (min-width: 768px){
.disinfection-work_section04 .wrap .item h3 {
font-size: 20px;
}
}
.disinfection-work_section04 .wrap .item .time {
margin-bottom: 30px;
font-size: 13px;
}
.disinfection-work_section04 .wrap .item .movie {
position: relative;
width: 100%;
padding-top: 56.25%;
}
.disinfection-work_section04 .wrap .item .movie iframe {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
}
.disinfection-work_section04 .pic_wrap {
display: flex;
justify-content: center;
flex-wrap: wrap;
margin-bottom: 56px;
}
.disinfection-work_section04 .pic_wrap .item {
width: 32%;
text-align: center;
}
.disinfection-work_section04 .pic_wrap .item:not(:nth-child(3n+3)) {
margin-right: 2%;
}
.disinfection-work_section04 .pic_wrap .item:nth-child(n+4) {
margin-top: 50px;
}
.disinfection-work_section04 .pic_wrap .item img {
display: block;
width: 100%;
height: auto;
}
@media not all and (min-width: 768px){
.disinfection-work_section04 .pic_wrap .item {
width: 48%;
text-align: center;
}
.disinfection-work_section04 .pic_wrap .item:not(:nth-child(3n+3)) {
margin-right: 0;
}
.disinfection-work_section04 .pic_wrap .item:not(:nth-child(2n+2)) {
margin-right: 4%;
}
.disinfection-work_section04 .pic_wrap .item:nth-child(n+4) {
margin-top: 0;
}
.disinfection-work_section04 .pic_wrap .item:nth-child(n+3) {
margin-top: 20px;
}
}
.disinfection-work_section04 .caution {
margin-right: auto;
margin-left: auto;
width: 600px;
color: #E03030;
}
@media not all and (min-width: 678px){
.disinfection-work_section04 .caution {
width: 100%;
}
} .hypochlorite-water_title {
margin-bottom: 60px;
font-size: 52px;
text-align: center;
}
@media not all and (min-width: 768px){
.hypochlorite-water_title {
margin-bottom: 40px;
font-size: 32px;
}
}
.hypochlorite-water_title span {
background-image: linear-gradient(transparent 70%, #E0BE30 70%);
}
.hypochlorite-water_section01 .text {
margin-bottom: 100px;
padding: 50px;
background-color: #fff;
border-radius: 10px;
}
.hypochlorite-water_section01 .text p {
margin-bottom: 30px;
font-size: 24px;
font-weight: 700;
line-height: 2;
}
.hypochlorite-water_section01 .text p.sign {
text-align: right;
}
@media not all and (min-width: 768px){
.hypochlorite-water_section01 .text {
margin-bottom: 50px;
padding: 20px;
}
.hypochlorite-water_section01 .text p {
margin-bottom: 20px;
font-size: 16px;
}
}
.hypochlorite-water_section01 h3 {
margin-bottom: 40px;
font-size: 32px;
text-align: center;
}
@media not all and (min-width: 768px){
.hypochlorite-water_section01 h3 {
margin-bottom: 20px;
font-size: 24px;
}
}
.hypochlorite-water_section01 .movie {
position: relative;
margin-bottom: 30px;
width: 100%;
padding-top: 56.25%;
}
.hypochlorite-water_section01 .movie iframe {
position: absolute;
top: 0;
right: 0;
width: 100% !important;
height: 100% !important;
}
.hypochlorite-water_section01 .time {
text-align: right;
}
.hypochlorite-water_dl {
margin-bottom: 100px;
}
.hypochlorite-water_dl dl {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.hypochlorite-water_dl dt {
padding: 30px 20px;
width: 150px;
border-bottom: 2px solid #30B2E0;
}
.hypochlorite-water_dl dd {
padding: 30px 20px;
width: calc(100% - 150px);
border-bottom: 1px solid #aaa;
}
@media not all and (min-width: 768px){
.hypochlorite-water_dl dt {
padding: 20px;
width: 100px;
}
.hypochlorite-water_dl dd {
padding: 20px;
width: calc(100% - 100px);
}
}
@media not all and (min-width: 768px){
.hypochlorite-water_dl dt {
font-size: 14px;
width: 100px;
}
.hypochlorite-water_dl dd {
font-size: 14px;
width: calc(100% - 100px);
}
}
.hypochlorite-water_dl dd p {
margin-bottom: 30px;
}
.hypochlorite-water_section02 h3 {
margin-bottom: 50px;
font-size: 32px;
text-align: center;
}
@media not all and (min-width: 768px){
.hypochlorite-water_section02 h3 {
margin-bottom: 30px;
font-size: 24px;
}
}
.hypochlorite-water_section02 table {
width: 100%;
}
.hypochlorite-water_section02 table tr {
border-bottom: 1px solid #888;
}
.hypochlorite-water_section02 table th,
.hypochlorite-water_section02 table td {
font-weight: 700;
text-align: center;
}
.hypochlorite-water_section02 table thead th {
padding: 30px 10px;
}
.hypochlorite-water_section02 table tbody th,
.hypochlorite-water_section02 table tbody td {
padding: 20px 10px;
vertical-align: middle;
}
.hypochlorite-water_section02 table .bg01 {
background-color: #48BFEA;
}
.hypochlorite-water_section02 table .bg02 {
color: #888;
background-color: #f2f2f2;
}
.hypochlorite-water_section02 table .mark {
display: block;
font-size: 40px;
}
@media not all and (min-width: 768px){
.hypochlorite-water_section02 table thead th {
padding: 10px;
font-size: 12px;
}
.hypochlorite-water_section02 table tbody th,
.hypochlorite-water_section02 table tbody td {
padding: 10px;
font-size: 12px;
}
.hypochlorite-water_section02 table .mark {
font-size: 24px;
}
} .property_management_section01 .img {
margin-bottom: 70px;
}
.property_management_section01 .img img {
display: block;
width: 100%;
height: auto;
}
.property_management_section01 .text p {
margin-bottom: 30px;
}
@media not all and (min-width: 768px){
.property_management_section01 .img {
margin-bottom: 50px;
}
}
.property_management_section02 .list .item {
margin-bottom: 100px;
}
.property_management_section02 .list .item h3 {
margin-bottom: 30px;
font-size: 18px;
text-align: center;
}
.property_management_section02 .list .item .img {
margin-bottom: 60px;
}
@media not all and (min-width: 768px){
.property_management_section02 .list .item {
margin-bottom: 70px;
}
.property_management_section02 .list .item .img {
margin-bottom: 40px;
}
}
.property_management_section02 .list .item .img img {
display: block;
width: 100%;
height: auto;
} .whiz_section h2 {
margin-bottom: 40px;
font-size: 32px;
text-align: center;
}
.whiz_section .text {
margin-bottom: 60px;
}
@media not all and (min-width: 768px){
.whiz_section h2 {
margin-bottom: 30px;
font-size: 20px;
}
.whiz_section .text {
margin-bottom: 40px;
}
}
.whiz_section .text p {
margin-bottom: 30px;
}
.whiz_section .movie {
position: relative;
margin-bottom: 100px;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
}
.whiz_section .movie iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
@media not all and (min-width: 768px){
.whiz_section .movie {
margin-bottom: 50px;
}
}
.whiz_section .wrap {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
position: relative;
}
.whiz_section .wrap::after {
content: '';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 36px;
height: 33px;
background-image: url(https://mmin-net.co.jp/wmmip/wp-content/themes/mmi/image/whiz/whiz-arrow.svg);
background-size: 36px 33px;
background-repeat: no-repeat;
background-position: center;
}
.whiz_section .wrap .item {
width: 46%;
}
.whiz_section .wrap .item img {
display: block;
width: 100%;
height: auto;
}
@media not all and (min-width: 568px){
.whiz_section .wrap::after {
transform: translate(-50%, -50%) rotate(90deg);
width: 26px;
height: 23px;
background-size: 26px 23px;
}
.whiz_section .wrap .item {
width: 100%;
}
.whiz_section .wrap .item:not(:last-child) {
margin-bottom: 70px;
}
} .staff_contents_wrap {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-bottom: 100px;
}
.staff_contents_wrap .wrap_image_area,
.staff_contents_wrap .wrap_contents {
width: 47%;
}
@media not all and (min-width: 768px){
.staff_contents_wrap {
margin-bottom: 60px;
}
.staff_contents_wrap .wrap_image_area {
margin-bottom: 30px;
width: 100%;
}
.staff_contents_wrap .wrap_contents {
width: 100%;
}
}
.staff_contents_wrap .wrap_image_area .images {
position: relative;
margin-bottom: 50px;
}
.staff_contents_wrap .wrap_image_area .images::after {
content: '';
position: absolute;
bottom: -20px;
right: -20px;
width: 100%;
height: 100%;
background-image: url(https://mmin-net.co.jp/wmmip/wp-content/themes/mmi/image/common/pic-bg01.svg);
z-index: -1;
}
@media not all and (min-width: 768px){
.staff_contents_wrap .wrap_image_area .images {
margin-bottom: 30px;
}
.staff_contents_wrap .wrap_image_area .images::after {
bottom: -10px;
right: -10px;
}
}
.staff_contents_wrap .wrap_image_area .images img {
display: block;
width: 100%;
height: auto;
}
.staff_contents_wrap .wrap_image_area .position {
margin-bottom: 10px;
text-align: center;
}
.staff_contents_wrap .wrap_image_area h2 {
font-size: 26px;
text-align: center;
}
@media not all and (min-width: 768px){
.staff_contents_wrap .wrap_image_area .position {
font-size: 14px;
}
.staff_contents_wrap .wrap_image_area h2 {
font-size: 20px;
}
}
.staff_contents_wrap .wrap_contents h3 {
margin-bottom: 10px;
}
.staff_contents_wrap .wrap_contents p {
margin-bottom: 30px;
} .company_subtitle {
margin-bottom: 40px;
font-size: 26px;
font-weight: 700;
}
@media not all and (min-width: 768px){
.company_subtitle {
margin-bottom: 30px;
font-size: 20px;
}
}
.company_section01_contents .img img {
display: block;
margin: 0 auto;
max-width: 100%;
height: auto;
}
.company_section01_contents .text_area {
position: relative;
margin-top: -60px;
margin-right: auto;
margin-left: auto;
padding: 60px 10px;
width: 1000px;
text-align: center;
background-color: #fff;
z-index: 1;
}
@media not all and (min-width: 1100px){
.company_section01_contents .text_area {
width: 90%;
}
}
@media not all and (min-width: 768px){
.company_section01_contents .text_area {
margin-top: -30px;
padding: 30px 10px;
}
}
.company_section01_contents .text_area p {
margin-bottom: 40px;
}
.company_message p {
margin-bottom: 40px;
}
p.company_sign_text {
margin-top: 60px;
margin-bottom: 10px;
text-align: right;
}
.company_sign_img img {
display: block;
margin-left: auto;
max-width: 100%;
height: auto;
}
@media not all and (min-width: 768px){
p.company_sign_text {
margin-top: 40px;
font-size: 12px;
}
.company_sign_img img {
max-width: 150px;
}
}
.company_dl {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.company_dl dt {
padding: 30px 20px;
width: 250px;
border-bottom: 2px solid #30B2E0;
}
.company_dl dd {
padding: 30px 20px;
width: calc(100% - 250px);
border-bottom: 1px solid #aaa;
}
@media not all and (min-width: 768px){
.company_dl dt {
padding: 20px;
width: 130px;
}
.company_dl dd {
padding: 20px;
width: calc(100% - 130px);
}
}
@media not all and (min-width: 768px){
.company_dl dt {
font-size: 14px;
width: 100px;
}
.company_dl dd {
font-size: 14px;
width: calc(100% - 100px);
}
}
.company_dl dd p {
margin-bottom: 30px;
}
.company_list_title {
margin-top: 100px;
font-size: 21px;
text-align: center;
}
.company_list_subtitle {
margin-top: 50px;
margin-bottom: 30px;
font-size: 18px;
text-align: center;
}
.company_list_dl {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-right: auto;
margin-left: auto;
margin-bottom: 10px;
width: 600px;
padding: 10px 30px;
background-color: #fff;
}
@media not all and (min-width: 678px){
.company_list_dl {
width: 100%;
padding: 10px 20px;
}
}
@media not all and (min-width: 578px){
.company_list_dl {
padding: 10px;
}
}
.company_list_dl dt {
width: 70%;
}
.company_list_dl dd {
width: 30%;
}
@media not all and (min-width: 678px){
.company_list_dl dt {
width: 85%;
}
.company_list_dl dd {
width: 15%;
}
}
.company_history ul {
position: relative;
border-left: 5px solid #eee;
}
.company_history ul li {
margin-bottom: 30px;
}
.company_history ul li .time {
position: relative;
margin-bottom: 20px;
padding-left: 50px;
}
@media not all and (min-width: px){
.company_history ul li .time {
margin-bottom: 10px;
padding-left: 30px;
}
}
.company_history ul li .time::before {
content: '';
position: absolute;
top: 50%;
left: -13px;
transform: translateY(-50%);
width: 20px;
height: 20px;
background-color: #30B2E0;
border-radius: 50%;
}
.company_history ul li .time::after {
content: '';
position: absolute;
top: 50%;
left: -13px;
transform: translateY(-50%);
width: 70px;
height: 1px;
background-color: #30B2E0;
z-index: -1;
}
.company_history ul li .time p {
display: inline-block;
padding: 10px 30px;
font-size: 14px;
text-align: center;
line-height: 1;
background-color: #eee;
}
.company_history ul li .text {
padding-left: 50px;
}
@media not all and (min-width: 568px){
.company_history ul li .time p {
padding: 10px 20px;
font-size: 12px;
}
.company_history ul li .text {
font-size: 14px;
}
}
.company_location_text {
margin-bottom: 30px;
}
.company_location_map {
position: relative;
margin-bottom: 30px;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
}
.company_location_map iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.company_location_dl {
margin-top: 70px;
} .news_wrap {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.news_main {
width: calc(100% - 400px);
}
.news_aside {
display: inline-block;
padding: 30px 20px;
width: 300px;
height: 100%;
background-color: #F2F2F2;
}
@media not all and (min-width: 1200px){
.news_main {
width: calc(100% - 350px);
}
.news_aside {
display: inline-block;
padding: 30px 20px;
width: 300px;
height: 100%;
background-color: #F2F2F2;
}
}
@media not all and (min-width: 768px){
.news_main {
display: block;
margin-bottom: 50px;
width: 100%;
}
.news_aside {
display: block;
padding: 20px;
width: 100%;
}
}
.search_keywords {
margin-bottom: 72px;
font-size: 21px;
font-weight: 700;
}
@media not all and (min-width: 768px){
.search_keywords {
margin-bottom: 40px;
font-size: 18px;
}
}
.news_archive_article {
margin-bottom: 30px;
}
.news_archive_article {
border-top: 5px solid #48BFEA;
}
.news_archive_article.news-cat,
.news_archive_article.information {
border-top: 5px solid #D8C34F;
}
.news_archive_article.amici {
border-top: 5px solid #7BA0E5;
}
.news_archive_article.izm {
border-top: 5px solid #81DDA1;
}
.news_archive_article a {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
padding: 20px;
background-color: #F2F2F2;
}
.news_archive_article a:hover {
text-decoration: none;
background-color: #ddd;
}
.news_archive_article a .img {
width: 28%;
}
.news_archive_article a .wrap_contents {
width: 67%;
}
@media not all and (min-width: 568px){
.news_archive_article a .img {
margin-bottom: 20px;
width: 100%;
}
.news_archive_article a .wrap_contents {
width: 100%;
}
}
.news_archive_article .img img {
display: block;
width: 100%;
height: auto;
}
.news_archive_article .wrap_contents ul {
display: flex;
flex-wrap: wrap;
margin-bottom: 10px;
font-size: 14px;
}
.news_archive_article .wrap_contents ul li:not(:last-child) {
margin-right: 40px;
}
.news_archive_article .wrap_contents h2 {
margin-bottom: 20px;
font-size: 18px;
}
.news_archive_article .wrap_contents .text {
font-size: 12px;
}
.news_aside .search {
margin-bottom: 50px;
}
.search_input_wrap {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.news_aside .search .search_input_item {
display: block;
padding: 1em;
width: calc(100% - 70px);
font-size: 16px;
font-family: "Montserrat", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}
.news_aside .search .search_input_btn {
display: block;
padding: .5em;
width: 60px;
font-size: 16px;
font-family: "Montserrat", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
background-color: #30B2E0;
border: 0;
}
.news_aside .search .search_input_btn:hover {
background-color: #178db7;
cursor: pointer;
}
.news_aside li {
padding: 3px 0;
border-bottom: 2px solid #ccc;
}
.news_aside li:first-of-type {
border-top: 2px solid #ccc;
}
.news_aside li a {
display: block;
padding: 20px;
}
.news_aside li.news-cat a,
.news_aside li.information a {
border-left: 5px solid #D8C34F;
}
.news_aside li.blogpost a {
border-left: 5px solid #48BFEA;
}
.news_aside li.amici a {
border-left: 5px solid #7BA0E5;
}
.news_aside li.izm a {
border-left: 5px solid #81DDA1;
}
.news_aside li a:hover {
text-decoration: none;
background-color: #ddd;
} .news_single {
padding-top: 40px;
}
.news_single {
border-top: 5px solid #48BFEA;
}
.news_single.news-cat,
.news_single.information {
border-top: 5px solid #D8C34F;
}
.news_single.amici {
border-top: 5px solid #7BA0E5;
}
.news_single.izm {
border-top: 5px solid #81DDA1;
}
.news_single_meta {
display: flex;
flex-wrap: wrap;
margin-bottom: 40px;
font-size: 14px;
}
.news_single_meta li:not(:last-child) {
margin-right: 40px;
}
.news_single h1 {
margin-bottom: 50px;
font-size: 24px;
}
.news_single_contents {
margin-bottom: 100px;
}
.news_single_contents h2 {
margin: 70px 0 40px;
font-size: 21px;
}
.news_single_contents p {
margin-bottom: 40px;
}
.news_single_contents img {
display: block;
margin: 0 auto 40px;
max-width: 100%;
height: auto;
}
@media not all and (min-width: 768px){
.news_single_meta {
margin-bottom: 30px;
font-size: 12px;
}
.news_single_meta li:not(:last-child) {
margin-right: 20px;
}
.news_single h1 {
margin-bottom: 30px;
font-size: 20px;
}
.news_single_contents {
margin-bottom: 50px;
}
.news_single_contents h2 {
margin: 50px 0 25px;
font-size: 18px;
}
.news_single_contents p {
margin-bottom: 30px;
}
.news_single_contents img {
margin: 0 auto 30px;
}
} .recruit_message {
margin: 0 auto 80px;
width: 1000px;
}
@media not all and (min-width: 1040px){
.recruit_message {
padding: 0 20px;
width: 100%;
}
}
@media not all and (min-width: 768px){
.recruit_message {
margin: 0 auto 50px;
padding: 0;
}
}
.recruit_message p {
margin-bottom: 40px;
}
.recruit_message_img {
margin-bottom: 100px;
}
@media not all and (min-width: 768px){
.recruit_message p {
margin-bottom: 30px;
}
.recruit_message_img {
margin-bottom: 50px;
}
}
.recruit_message_img img {
display: block;
margin: 0 auto;
max-width: 100%;
height: auto;
}
.recruit_contents_wrap .item_wrap {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-bottom: 100px;
}
.recruit_contents_wrap .item_wrap:nth-child(even) {
flex-direction: row-reverse;
}
@media not all and (min-width: 768px){
.recruit_contents_wrap .item_wrap {
margin-bottom: 50px;
}
}
.recruit_contents_wrap .contents_wrap {
padding: 0 50px;
width: 50%;
}
.recruit_contents_wrap .img {
width: 50%;
}
@media not all and (min-width: 768px){
.recruit_contents_wrap .contents_wrap {
margin-bottom: 30px;
padding: 0;
width: 100%;
}
.recruit_contents_wrap .img {
width: 100%;
}
}
.recruit_contents_wrap h3 {
margin-bottom: 40px;
font-size: 34px;
}
.recruit_contents_wrap h3 span {
display: block;
color: #C6E3E8;
font-size: 20px;
}
.recruit_contents_wrap .text p:not(:last-child) {
margin-bottom: 40px;
}
@media not all and (min-width: 768px){
.recruit_contents_wrap h3 {
margin-bottom: 20px;
font-size: 24px;
}
.recruit_contents_wrap h3 span {
font-size: 16px;
}
.recruit_contents_wrap .text p:not(:last-child) {
margin-bottom: 30px;
}
}
.recruit_contents_wrap .img img {
display: block;
margin: 0 auto;
max-width: 100%;
height: auto;
}
.recruit_staff_wrap {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-bottom: 50px;
}
.recruit_staff_wrap .item {
width: 23%;
}
@media not all and (min-width: 768px){
.recruit_staff_wrap .item {
width: 48%;
}
.recruit_staff_wrap .item:nth-child(n+3) {
margin-top: 30px;
}
}
.recruit_staff_wrap .img {
margin-bottom: 30px;
}
.recruit_staff_wrap .img img {
display: block;
margin: 0 auto;
max-width: 100%;
height: auto;
}
.recruit_staff_wrap .position {
font-size: 14px;
text-align: center;
}
.recruit_staff_wrap .name {
font-size: 21px;
font-weight: 700;
text-align: center;
}
@media not all and (min-width: 568px){
.recruit_staff_wrap .position {
font-size: 12px;
}
.recruit_staff_wrap .name {
font-size: 18px;
}
}
.recruit_btn_section_bg {
position: relative;
margin-bottom: 200px;
width: 100%;
height: 450px;
background-image: url(https://mmin-net.co.jp/wmmip/wp-content/themes/mmi/image/recruit/recruit08.jpg.webp);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
z-index: 0;
}
@media not all and (min-width: 568px){
.recruit_btn_section_bg {
margin-bottom: 100px;
height: 250px;
}
}
.recruit_btn_section_titlearea .box {
position: relative;
margin-top: -250px;
margin-left: auto;
padding: 50px;
width: 800px;
background-color: #fff;
z-index: 1;
}
@media not all and (min-width: 940px){
.recruit_btn_section_titlearea .box {
margin-top: -250px;
margin-right: auto;
padding: 30px;
width: 95%;
}
}
@media not all and (min-width: 568px){
.recruit_btn_section_titlearea .box {
margin-top: -150px;
}
}
.recruit_btn_section_titlearea h2 {
margin-bottom: 30px;
font-size: 32px;
}
.recruit_btn_section_titlearea p {
margin-bottom: 30px;
}
@media not all and (min-width: 568px){
.recruit_btn_section_titlearea h2 {
margin-bottom: 20px;
font-size: 24px;
}
}
.recruit_btn_wrap {
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.recruit_btn_wrap .item {
width: 32%;
}
.recruit_btn_wrap .item:not(:nth-child(3n+3)) {
margin-right: 2%;
}
@media not all and (min-width: 768px){
.recruit_btn_wrap .item {
width: 100%;
}
.recruit_btn_wrap .item:not(:nth-child(3n+3)) {
margin-right: 0;
margin-bottom: 20px;
}
}
.recruit_btn a {
display: block;
position: relative;
margin-top: -50px;
margin-right: auto;
margin-left: auto;
padding: 25px 20px;
width: 90%;
font-size: 14px;
font-weight: 700;
border-radius: 42px;
background-color: #30B2E0;
background-image: url(https://mmin-net.co.jp/wmmip/wp-content/themes/mmi/image/common/arrow01.svg);
background-size: 25px 20px;
background-repeat: no-repeat;
background-position: calc(100% - 20px) center;
z-index: 3;
}
.recruit_btn a:hover {
text-decoration: none;
background-color: #1791BC;
}
@media not all and (min-width: 568px){
.recruit_btn a {
padding: 20px;
}
} .recruit_single_section_title {
margin-bottom: 60px;
font-size: 52px;
text-align: center;
}
@media not all and (min-width: 768px){
.recruit_single_section_title {
margin-bottom: 40px;
font-size: 32px;
}
}
.recruit_single_message {
margin-bottom: 60px;
}
.recruit_single_message p:not(:last-child) {
margin-bottom: 30px;
}
.recruit_single_mail {
padding: 50px 10px;
font-weight: 700;
text-align: center;
background-color: #eee;
}
.recruit_single_mail .title {
margin-bottom: 10px;
font-size: 18px;
}
.recruit_single_mail .mailaddress {
font-size: 26px;
}
@media not all and (min-width: 768px){
.recruit_single_message {
margin-bottom: 40px;
}
.recruit_single_message p:not(:last-child) {
margin-bottom: 30px;
}
.recruit_single_mail {
padding: 30px 10px;
}
.recruit_single_mail .title {
margin-bottom: 5px;
font-size: 16px;
}
.recruit_single_mail .mailaddress {
font-size: 20px;
}
} .job-regist_hero_contact a {
display: block;
position: relative;
margin-right: auto;
margin-left: auto;
width: 560px;
padding: 20px;
font-size: 21px;
font-weight: 700;
text-align: center;
background-color: #F2F2F2;
border: 1px solid #D5E1E5;
border-radius: 70px;
}
.job-regist_hero_contact a span {
display: block;
}
.job-regist_hero_contact a::after {
content: '';
position: absolute;
top: 50%;
right: 30px;
transform: translateY(-50%);
width: 14px;
height: 22px;
background-image: url(https://mmin-net.co.jp/wmmip/wp-content/themes/mmi/image/btn-arrow01.svg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.job-regist_hero_contact a:hover {
text-decoration: none;
background-color: #D5E1E5;
}
@media not all and (min-width: 768px){
.job-regist_hero_contact a {
width: 100%;
padding: 20px 60px 20px 20px;
font-size: 17px;
}
.job-regist_hero_contact a span {
display: inline;
}
.job-regist_hero_contact a::after {
right: 20px;
}
}
@media not all and (min-width: 468px){
.job-regist_hero_contact a {
font-size: 14px;
}
}
.job-regist_title01 {
margin-bottom: 60px;
font-size: 32px;
text-align: center;
}
.job-regist_title01 span {
display: block;
}
@media not all and (min-width: 768px){
.job-regist_title01 {
margin-bottom: 40px;
font-size: 24px;
}
.job-regist_title01 span {
font-size: 14px;
}
}
.job-regist_ex_wrap {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.job-regist_ex_wrap .item {
position: relative;
width: 32%;
}
.job-regist_ex_wrap .item:nth-child(n+4) {
margin-top: 60px;
}
@media not all and (min-width: 768px){
.job-regist_ex_wrap .item {
width: 48%;
}
.job-regist_ex_wrap .item:nth-child(n+4) {
margin-top: 0;
}
.job-regist_ex_wrap .item:nth-child(n+3) {
margin-top: 30px;
}
}
@media not all and (min-width: 568px){
.job-regist_ex_wrap .item {
width: 100%;
}
.job-regist_ex_wrap .item:nth-child(n+4),
.job-regist_ex_wrap .item:nth-child(n+3) {
margin-top: 0;
}
.job-regist_ex_wrap .item:nth-child(n+2) {
margin-top: 30px;
}
}
.job-regist_ex_wrap .item::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #fff;
z-index: 1;
}
.job-regist_ex_wrap .item::after {
content: '';
position: absolute;
bottom: -10px;
right: -10px;
width: 100%;
height: 100%;
background-image: url(https://mmin-net.co.jp/wmmip/wp-content/themes/mmi/image/common/pic-bg02.svg);
z-index: 0;
}
.job-regist_ex_wrap .item .img img {
display: block;
position: relative;
width: 100%;
height: auto;
z-index: 2;
}
.job-regist_ex_wrap .item .item_contents {
position: relative;
padding: 30px;
z-index: 2;
}
@media not all and (min-width: 768px){
.job-regist_ex_wrap .item .item_contents {
padding: 20px;
}
}
.job-regist_ex_wrap .item_contents .cat {
display: block;
margin: 0 auto 20px;
padding: 20px 10px;
width: 130px;
font-weight: 700;
text-align: center;
background-color: #48BFEA;
}
.job-regist_ex_wrap .item_contents .title {
margin-bottom: 30px;
font-weight: 700;
text-align: center;
}
@media not all and (min-width: 768px){
.job-regist_ex_wrap .item_contents .cat {
padding: 10px;
font-size: 14px;
}
.job-regist_ex_wrap .item_contents .title {
margin-bottom: 20px;
}
}
.job-regist_point_contents .item {
margin-bottom: 100px;
}
.job-regist_point_contents .item h3 {
margin-bottom: 40px;
font-size: 42px;
text-align: center;
}
.job-regist_point_contents .item h3 span {
display: block;
color: #48BFEA;
font-size: 30px;
text-transform: uppercase;
}
.job-regist_point_contents .item .img img {
display: block;
margin: 0 auto 50px;
max-width: 100%;
height: auto;
}
@media not all and (min-width: 768px){
.job-regist_point_contents .item {
margin-bottom: 50px;
}
.job-regist_point_contents .item h3 {
margin-bottom: 20px;
font-size: 28px;
}
.job-regist_point_contents .item h3 span {
font-size: 18px;
}
.job-regist_point_contents .item .img img {
margin: 0 auto 30px;
}
}
.job-regist_contact {
position: relative;
padding: 120px 10px;
background-image: url(https://mmin-net.co.jp/wmmip/wp-content/themes/mmi/image/job-regist/job-regist-contact-btn-bg.jpg.webp);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.job-regist_contact::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(60,154,188,0.85);
}
.job-regist_contact a {
display: block;
position: relative;
margin-right: auto;
margin-left: auto;
width: 560px;
padding: 20px;
font-size: 21px;
font-weight: 700;
text-align: center;
background-color: #C9A40C;
border: 1px solid #C9A40C;
border-radius: 70px;
}
.job-regist_contact a span {
display: block;
}
.job-regist_contact a::after {
content: '';
position: absolute;
top: 50%;
right: 30px;
transform: translateY(-50%);
width: 14px;
height: 22px;
background-image: url(https://mmin-net.co.jp/wmmip/wp-content/themes/mmi/image/btn-arrow01.svg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.job-regist_contact a:hover {
text-decoration: none;
background-color: #EAC012;
}
@media not all and (min-width: 768px){
.job-regist_contact {
padding: 60px 10px;
}
.job-regist_contact a {
width: 100%;
padding: 20px 50px 20px 20px;
font-size: 17px;
}
.job-regist_contact a span {
display: inline;
}
.job-regist_contact a::after {
right: 20px;
}
}
@media not all and (min-width: 468px){
.job-regist_contact a {
font-size: 14px;
}
} .bioclean_mv img,
.bioclean_mv source {
display: block;
width: 100%;
height: auto;
}
.bioclean_mv_contents {
padding: 80px 10px;
text-align: center;
background-image: linear-gradient(#fff, #EFEFEF);
}
@media not all and (min-width: 768px){
.bioclean_mv_contents {
padding: 40px 10px 60px;
}
}
@media not all and (min-width: 468px){
.bioclean_mv_contents {
padding: 30px 10px 40px;
}
}
.bioclean_mv_contents h1 {
color: #48BFEA;
font-size: 28px;
line-height: 1.4;
}
.bioclean_mv_contents h1 span {
display: block;
font-size: 75px;
font-weight: 700;
text-transform: uppercase;
}
.bioclean_mv_contents .subtext {
font-size: 30px;
font-weight: 700;
}
@media not all and (min-width: 768px){
.bioclean_mv_contents h1 {
font-size: 21px;
}
.bioclean_mv_contents h1 span {
font-size: 38px;
}
.bioclean_mv_contents .subtext {
font-size: 18px;
}
}
.bioclean_hero_contact {
padding: 10px 10px 80px;
background-color: #EFEFEF;
}
.bioclean_hero_contact a {
display: block;
position: relative;
margin-right: auto;
margin-left: auto;
width: 560px;
padding: 20px;
font-size: 21px;
font-weight: 700;
text-align: center;
background-color: #fff;
border: 1px solid #D5E1E5;
border-radius: 70px;
}
.bioclean_hero_contact a span {
font-size: 26px;
}
.bioclean_hero_contact a::after {
content: '';
position: absolute;
top: 50%;
right: 30px;
transform: translateY(-50%);
width: 14px;
height: 22px;
background-image: url(//mmin-net.co.jp/wmmip/wp-content/themes/image/btn-arrow01.svg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.bioclean_hero_contact a:hover {
text-decoration: none;
background-color: #D5E1E5;
}
@media not all and (min-width: 768px){
.bioclean_hero_contact {
padding: 10px 10px 40px;
}
.bioclean_hero_contact a {
width: 100%;
padding: 10px;
font-size: 17px;
}
.bioclean_hero_contact a span {
font-size: 20px;
}
.bioclean_hero_contact a::after {
right: 20px;
}
}
@media not all and (min-width: 468px){
.bioclean_hero_contact {
padding: 10px 10px 30px;
}
.bioclean_hero_contact a {
font-size: 14px;
}
.bioclean_hero_contact a span {
font-size: 18px;
}
}
.bioclea_contact_bg {
width: 100%;
height: 300px;
background-image: url(https://mmin-net.co.jp/wmmip/wp-content/themes/mmi/image/bioclean/bioclean-contact-btn-bg.jpg.webp);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.bioclea_contact_bg_mask {
display: flex;
justify-content: center;
align-items: center;
padding: 0 10px;
height: 100%;
background-color: rgba(60,154,188,0.85);
}
.bioclea_contact_bg a {
display: block;
position: relative;
margin-right: auto;
margin-left: auto;
width: 560px;
padding: 20px;
font-size: 21px;
font-weight: 700;
text-align: center;
background-color: #E0BE30;
border-radius: 70px;
}
.bioclea_contact_bg a span {
font-weight: 26px;
}
.bioclea_contact_bg a::after {
content: '';
position: absolute;
top: 50%;
right: 30px;
transform: translateY(-50%);
width: 14px;
height: 22px;
background-image: url(//mmin-net.co.jp/wmmip/wp-content/themes/image/btn-arrow01.svg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.bioclea_contact_bg a:hover {
text-decoration: none;
background-color: #C9A40C;
}
@media not all and (min-width: 768px){
.bioclea_contact_bg {
height: 220px;
}
.bioclea_contact_bg a {
width: 100%;
padding: 10px;
font-size: 17px;
}
.bioclea_contact_bg a span {
font-size: 20px;
}
.bioclea_contact_bg a::after {
right: 20px;
}
}
@media not all and (min-width: 468px){
.bioclea_contact_bg {
height: 200px;
}
.bioclea_contact_bg a {
font-size: 14px;
}
.bioclea_contact_bg a span {
font-size: 18px;
}
}
.bioclean_section_bg {
background-color: #F2F2F2;
}
.bioclean_section {
padding: 150px 0;
}
@media not all and (min-width: 768px){
.bioclean_section {
padding: 60px 0;
}
}
.bioclean_section img {
display: block;
margin: 0 auto;
max-width: 100%;
height: auto;
}
.bioclean_section .strong {
background-image: linear-gradient(rgba(0,0,0,0) 75%, #E0BE30 75%);
}
.bioclean_section01 h2 {
margin-bottom: 60px;
font-size: 32px;
text-align: center;
}
.bioclean_section01 .text p {
margin-bottom: 100px;
font-size: 20px;
line-height: 2.2;
text-align: center;
}
@media not all and (min-width: 768px){
.bioclean_section01 h2 {
margin-bottom: 40px;
font-size: 24px;
}
.bioclean_section01 .text p {
margin-bottom: 40px;
font-size: 16px;
}
}
@media not all and (min-width: 568px){
.bioclean_section01 .text p {
text-align: left;
}
.bioclean_section01 .text p br {
display: none;
}
}
.bioclean_section01 .images_wrap {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.bioclean_section01 .images_wrap .item {
width: 32%;
}
@media not all and (min-width: 568px){
.bioclean_section01 .images_wrap .item {
width: 100%;
}
.bioclean_section01 .images_wrap .item:not(:last-child) {
margin-bottom: 20px;
}
}
.bioclean_section01 .images_wrap .item p {
margin-bottom: 20px;
font-size: 26px;
font-weight: 700;
text-align: center;
}
@media not all and (min-width: 768px){
.bioclean_section01 .images_wrap .item p {
margin-bottom: 10px;
font-size: 18px;
}
}
.bioclean_section_title {
margin-bottom: 60px;
font-size: 52px;
text-align: center;
}
@media not all and (min-width: 768px){
.bioclean_section_title {
margin-bottom: 40px;
font-size: 28px;
}
}
.bioclean_section02 {
font-weight: 700;
text-align: center;
}
.bioclean_section02 .bioclean_faq .text01 {
font-size: 18px;
}
.bioclean_section02 .bioclean_faq .text02 {
margin-bottom: 40px;
font-size: 40px;
}
@media not all and (min-width: 768px){
.bioclean_section02 .bioclean_faq .text01 {
font-size: 16px;
}
.bioclean_section02 .bioclean_faq .text02 {
margin-bottom: 30px;
font-size: 21px;
}
}
.bioclean_section02 .bioclean_faq .contents_wrap div {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-bottom: 40px;
}
.bioclean_section02 .bioclean_faq .contents_wrap dl {
padding: 40px;
width: 32%;
}
@media not all and (min-width: 768px){
.bioclean_section02 .bioclean_faq .contents_wrap dl {
padding: 20px;
}
}
@media not all and (min-width: 568px){
.bioclean_section02 .bioclean_faq .contents_wrap dl {
width: 100%;
}
.bioclean_section02 .bioclean_faq .contents_wrap dl:not(:last-child) {
margin-bottom: 20px;
}
}
.bioclean_section02 .bioclean_faq .contents_wrap dl.item01 {
background-color: #48BFEA;
}
.bioclean_section02 .bioclean_faq .contents_wrap dl.item02 {
background-color: #fff;
}
.bioclean_section02 .bioclean_faq .contents_wrap dt {
margin-bottom: 15px;
font-size: 21px;
}
.bioclean_section02 .bioclean_faq .contents_wrap dd {
padding: 20px;
font-size: 28px;
background-color: #F2F2F2;
border-radius: 20px;
}
.bioclean_section02 .bioclean_faq .contents_wrap dd span {
font-size: 48px;
}
@media not all and (min-width: 768px){
.bioclean_section02 .bioclean_faq .contents_wrap dt {
margin-bottom: 10px;
font-size: 16px;
}
.bioclean_section02 .bioclean_faq .contents_wrap dd {
font-size: 18px;
}
.bioclean_section02 .bioclean_faq .contents_wrap dd span {
font-size: 28px;
}
}
.bioclean_section02 .text03 {
margin-bottom: 20px;
font-size: 32px;
line-height: 1.2;
}
.bioclean_section02 .text03 .main {
color: #48BFEA;
font-size: 88px;
}
@media not all and (min-width: 768px){
.bioclean_section02 .text03 {
font-size: 24px;
}
.bioclean_section02 .text03 .main {
font-size: 56px;
}
}
.bioclean_section03 .bioclean_section_title:not(:first-of-type) {
margin-top: 100px;
}
.bioclean_section03 .bioclean_section_title .en {
display: block;
color: #48BFEA;
font-size: 30px;
text-transform: uppercase;
}
@media not all and (min-width: 768px){
.bioclean_section03 .bioclean_section_title:not(:first-of-type) {
margin-top: 50px;
}
.bioclean_section03 .bioclean_section_title .en {
font-size: 20px;
}
}
.bioclean_section03 .text {
font-size: 20px;
line-height: 2.2;
}
@media not all and (min-width: 768px){
.bioclean_section03 .text {
font-size: 15px;
}
}
.bioclean_section03 .graph_contents {
margin-bottom: 60px;
}
@media not all and (min-width: 768px){
.bioclean_section03 .graph_contents {
margin-bottom: 40px;
}
}
.bioclean_section03 .graph_contents .wrap {
display: flex;
justify-content: flex-start;
align-items: center;
flex-wrap: wrap;
}
.bioclean_section03 .graph_contents .wrap:not(:last-child) {
margin-bottom: 30px;
}
.bioclean_section03 .graph_contents .wrap .name {
width: 190px;
font-size: 20px;
font-weight: 700;
}
@media not all and (min-width: 768px){
.bioclean_section03 .graph_contents .wrap .name {
width: 140px;
font-size: 16px;
}
}
@media not all and (min-width: 468px){
.bioclean_section03 .graph_contents .wrap .name {
margin-bottom: 10px;
width: 100%;
}
}
.bioclean_section03 .graph_contents .wrap dd {
display: flex;
align-items: center;
padding: 0 40px;
height: 85px;
font-size: 28px;
font-weight: 700;
}
@media not all and (min-width: 768px){
.bioclean_section03 .graph_contents .wrap dd {
padding: 0 20px;
height: 60px;
font-size: 20px;
}
}
@media not all and (min-width: 468px){
.bioclean_section03 .graph_contents .wrap dd {
padding: 0 20px;
font-size: 16px;
}
}
.bioclean_section03 .graph_contents .wrap .main_graph {
background-color: #48BFEA;
}
.bioclean_section03 .graph_contents .wrap .sub_graph {
background-color: #BFBFBF;
}
.scroll.main_graph_animation {
width: 0;
}
.scroll.main_graph_animation.scrollin{
animation: maingraphanimation 1s forwards;
}
@keyframes maingraphanimation {
0% {
width: 0;
}
100% {
width: calc(100% - 190px);
}
}
@media not all and (min-width: 768px){
@keyframes maingraphanimation {
0% {
width: 0;
}
100% {
width: calc(100% - 140px);
}
}
}
@media not all and (min-width: 468px){
@keyframes maingraphanimation {
0% {
width: 0;
}
100% {
width: 100%;
}
}
}
.scroll.text_animation {
opacity: 0;
}
.scroll.text_animation.scrollin {
animation: graphtext 1s forwards;
}
@keyframes graphtext {
0% {
opacity: 0;
}
99% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.scroll.sub_graph_animation {
width: 0;
}
.scroll.sub_graph_animation.scrollin{
animation: subgraphanimation 1s forwards;
}
@keyframes subgraphanimation {
0% {
width: 0;
}
100% {
width: calc((100% - 190px) / 3);
}
}
@media not all and (min-width: 768px){
@keyframes subgraphanimation {
0% {
width: 0;
}
100% {
width: calc((100% - 140px) / 3);
}
}
}
@media not all and (min-width: 468px){
@keyframes subgraphanimation {
0% {
width: 0;
}
100% {
width: calc(100% / 3);
}
}
}
.bioclean_section03 .graph_contents .sub_graph span {
position: absolute;
margin: -1px;
padding: 0;
width: 1px;
height: 1px;
border: 0;
clip: rect(0 0 0 0);
clip-path: inset(50%);
overflow: hidden;
white-space: nowrap;
}
.bioclean_section03 .images_wrap {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-top: 80px;
}
@media not all and (min-width: 568px){
.bioclean_section03 .images_wrap {
margin-top: 40px;
}
}
.bioclean_section03 .images_wrap .item {
width: 48%;
}
.bioclean_section03 .images_wrap .item p {
margin-bottom: 20px;
font-size: 25px;
font-weight: 700;
text-align: center;
}
.bioclean_section04 .text01 {
margin-bottom: 40px;
font-size: 30px;
font-weight: 700;
text-align: center;
}
@media not all and (min-width: 768px){
.bioclean_section04 .text01 {
margin-bottom: 30px;
font-size: 20px;
}
}
.bioclean_section04 .main_wrap {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
position: relative;
margin-bottom: 40px;
}
.bioclean_section04 .main_wrap::after {
content: '';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 25px;
height: 30px;
background-image: url(//mmin-net.co.jp/wmmip/wp-content/themes/image/bioclean-icon-arrow.svg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.bioclean_section04 .main_wrap .item {
padding: 40px;
width: 42%;
text-align: center;
background-color: #fff;
}
@media not all and (min-width: 768px){
.bioclean_section04 .main_wrap::after {
display: none;
}
.bioclean_section04 .main_wrap .item {
padding: 20px;
width: 100%;
}
.bioclean_section04 .main_wrap .item:not(:last-child) {
position: relative;
margin-bottom: 60px;
}
.bioclean_section04 .main_wrap .item:not(:last-child)::after {
content: '';
position: absolute;
top: auto;
left: 50%;
bottom: -46px;
transform: translate(-50%, 0) rotate(90deg);
width: 25px;
height: 30px;
background-image: url(//mmin-net.co.jp/wmmip/wp-content/themes/image/bioclean-icon-arrow.svg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
}
.bioclean_section04 .main_wrap .item h3 {
margin-bottom: 30px;
font-size: 26px;
}
.bioclean_section04 .main_wrap .item dt {
margin-bottom: 10px;
font-size: 18px;
}
.bioclean_section04 .main_wrap .item dd {
display: inline-block;
margin-bottom: 30px;
padding: 0px 30px;
font-size: 58px;
font-weight: 700;
background-color: #F2F2F2;
border-radius: 20px;
}
@media not all and (min-width: 768px){
.bioclean_section04 .main_wrap .item h3 {
margin-bottom: 20px;
font-size: 20px;
}
.bioclean_section04 .main_wrap .item dt {
font-size: 14px;
}
.bioclean_section04 .main_wrap .item dd {
margin-bottom: 20px;
padding: 10px 30px;
font-size: 32px;
}
}
.bioclean_section04 .main_wrap .item p {
font-size: 14px;
text-align: left;
line-height: 1.8;
}
.bioclean_section04 .add_contents {
padding: 30px 0;
border-top: 1px solid #bbb;
border-bottom: 1px solid #bbb;
}
@media not all and (min-width: 568px){
.bioclean_section04 .add_contents {
padding: 30px 0 20px;
}
}
.bioclean_section04 .add_contents dl {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
font-size: 13px;
font-weight: 700;
text-align: center;
}
.bioclean_section04 .add_contents dd span {
display: block;
}
@media not all and (min-width: 568px){
.bioclean_section04 .add_contents dl {
margin-right: auto;
margin-left: auto;
padding: 0 20px;
width: 280px;
text-align: left;
}
.bioclean_section04 .add_contents dt {
margin-bottom: 20px;
width: 100%;
text-align: center;
}
.bioclean_section04 .add_contents dd {
margin-bottom: 10px;
width: 100%;
}
.bioclean_section04 .add_contents dd span {
display: inline-block;
margin-right: 30px;
}
}
.bioclean_section05 dl {
margin-bottom: 40px;
}
@media not all and (min-width: 768px){
.bioclean_section05 dl {
margin-bottom: 30px;
}
}
.bioclean_section05 dt {
margin-bottom: 20px;
padding-left: 50px;
font-size: 23px;
font-weight: 700;
background-image: url(//mmin-net.co.jp/wmmip/wp-content/themes/image/bioclean-icon-checkmark.svg);
background-size: 30px 20px;
background-repeat: no-repeat;
background-position: left center;
}
.bioclean_section05 dt span {
margin-left: 30px;
font-size: 32px;
}
@media not all and (min-width: 768px){
.bioclean_section05 dt {
margin-bottom: 10px;
padding-left: 50px;
font-size: 14px;
}
.bioclean_section05 dt span {
margin-left: 10px;
font-size: 21px;
}
.bioclean_section05 dd {
font-size: 14px;
}
}
.bioclean_section06 .product_contents {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
padding: 50px;
background-color: #fff;
}
.bioclean_section06 .product_contents:not(:last-child) {
margin-bottom: 50px;
}
.bioclean_section06 .product_contents .img {
width: 40%;
}
.bioclean_section06 .product_contents .wrap_contents {
width: 55%;
}
@media not all and (min-width: 768px){
.bioclean_section06 .product_contents {
padding: 20px;
}
.bioclean_section06 .product_contents:not(:last-child) {
margin-bottom: 30px;
}
.bioclean_section06 .product_contents .img {
margin-bottom: 20px;
width: 100%;
}
.bioclean_section06 .product_contents .wrap_contents {
width: 100%;
}
}
.bioclean_section06 .product_contents .wrap_contents h3 {
margin-bottom: 10px;
font-size: 23px;
}
.bioclean_section06 .product_contents .wrap_contents h3 span {
font-size: 16px;
}
.bioclean_section06 .product_contents .wrap_contents .price {
margin-bottom: 20px;
font-size: 15px;
font-weight: 700;
}
.bioclean_section06 .product_contents .wrap_contents .price span {
font-size: 20px;
}
.bioclean_section06 .product_contents .wrap_contents .description {
margin-bottom: 20px;
font-size: 14px;
}
@media not all and (min-width: 768px){
.bioclean_section06 .product_contents .wrap_contents h3 {
margin-bottom: 10px;
font-size: 20px;
}
.bioclean_section06 .product_contents .wrap_contents h3 span {
font-size: 14px;
}
.bioclean_section06 .product_contents .wrap_contents .price {
font-size: 14px;
}
.bioclean_section06 .product_contents .wrap_contents .price span {
font-size: 18px;
}
}
.bioclean_section06 .product_contents .wrap_contents .btn a {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
padding: 15px 20px;
width: 320px;
font-weight: 700;
background-color: #48BFEA;
border-radius: 40px;
}
.bioclean_section06 .product_contents .wrap_contents .btn a:hover {
text-decoration: none;
background-color: #18709D;
}
@media not all and (min-width: 768px){
.bioclean_section06 .product_contents .wrap_contents .btn a {
margin-right: auto;
margin-left: auto;
}
}
@media not all and (min-width: 468px){
.bioclean_section06 .product_contents .wrap_contents .btn a {
padding: 10px 20px;
width: 100%;
}
}
.bioclean_section06 .product_contents .wrap_contents .btn:not(:last-child) {
margin-bottom: 10px;
}
.bioclean_section07 dl {
margin-bottom: 50px;
}
.bioclean_section07 dt {
margin-bottom: 20px;
font-size: 18px;
font-weight: 700;
}
.bioclean_section07 dt span {
margin-right: 10px;
color: #48BFEA;
font-size: 26px;
}
.bioclean_section07 dd {
padding: 40px;
background-color: #F2F2F2;
}
@media not all and (min-width: 768px){
.bioclean_section07 dl {
margin-bottom: 30px;
}
.bioclean_section07 dt {
margin-bottom: 10px;
font-size: 16px;
}
.bioclean_section07 dt span {
font-size: 20px;
}
.bioclean_section07 dd {
padding: 20px;
}
}
.bioclean_section07 .text {
font-size: 32px;
font-weight: 700;
text-align: center;
}
@media not all and (min-width: 768px){
.bioclean_section07 .text {
font-size: 24px;
}
}
.bioclean_section08 ol li {
display: flex;
align-items: center;
counter-increment: flow;
position: relative;
margin-bottom: 20px;
padding: 0 50px 0 140px;
height: 110px;
font-size: 18px;
font-weight: 700;
background-color: #fff;
}
.bioclean_section08 ol li::before {
content: '0'counter(flow);
position: absolute;
top: 50%;
left: 40px;
transform: translateY(-50%);
color: #48BFEA;
font-size: 48px;
}
@media not all and (min-width: 568px){
.bioclean_section08 ol li {
padding: 20px 20px 20px 70px;
height: auto;
font-size: 14px;
}
.bioclean_section08 ol li::before {
left: 20px;
font-size: 24px;
}
} .contact_hero {
margin-bottom: 80px;
font-size: 18px;
font-weight: 700;
}
@media not all and (min-width: 768px){
.contact_hero {
margin-bottom: 60px;
font-size: 16px;
}
}
.contact_form {
margin-bottom: 100px;
}
.contact_form_item {
margin-bottom: 30px;
font-weight: 700;
}
.form_input_text input,
.form_input_textarea textarea {
font-size: 16px;
font-family: "Montserrat", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
font-weight: 700;
background-color: #eee;
border: 1px solid #aaa;
-webkit-appearance: none;
}
.contact_form_item .form_heading {
display: block;
margin-bottom: 20px;
}
.form_heading_mark {
display: inline-block;
margin-left: 50px;
padding: 5px 10px;
font-size: 12px;
font-weight: 700;
text-align: center;
background-color: #eee;
}
.form_heading_mark.req {
color: #fff;
background-color: #18709D;
}
.form_heading_mark.anys {
color: #333;
background-color: #eee;
}
.form_input_text input {
display: block;
padding: 20px;
width: 100%;
}
.form_input_textarea textarea {
display: block;
padding: 20px;
width: 100%;
height: 280px;
}
.form_input_radio {
display: inline-block;
margin-bottom: 20px;
}
.form_input_radio input {
margin: 0 10px 0 0;
}
.form_input_radio .wpcf7-list-item {
margin-right: 40px;
}
@media not all and (min-width: 468px){
.form_input_radio .wpcf7-list-item {
display: block;
margin-right: 0;
margin-bottom: 20px;
width: 100%;
}
}
.contact_form_submit input {
display: block;
margin-top: 50px;
margin-right: auto;
margin-left: auto;
padding: 20px;
width: 450px;
color: #fff;
font-size: 16px;
font-weight: 700;
text-align: center;
background-color: #333;
border: 0;
border-radius: 40px;
-webkit-appearance: none;
}
.contact_form_submit input:hover {
background-color: #18709D;
}
@media not all and (min-width: 568px){
.contact_form_submit input {
margin-top: 30px;
padding: 15px;
width: 100%;
}
}
.contact_line {
padding: 60px 0;
text-align: center;
background-color: #eee;
}
@media not all and (min-width: 768px){
.contact_line {
padding: 30px 0;
}
}
.contact_line h3 {
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 30px;
font-size: 21px;
}
.contact_line h3 img {
display: inline-block;
margin: 0 30px 0 0;
}
.contact_line .hero {
margin-bottom: 40px;
}
@media not all and (min-width: 768px){
.contact_line h3 {
margin-bottom: 20px;
font-size: 18px;
}
.contact_line h3 img {
margin: 0 20px 0 0;
}
.contact_line .hero {
margin-bottom: 30px;
}
}
@media not all and (min-width: 468px){
.contact_line .hero {
padding: 0 10px;
font-size: 14px;
}
}
@media not all and (min-width: 368px){
.contact_line .hero {
text-align: left;
}
.contact_line .hero br {
display: none;
}
}
.contact_line .wrap {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-right: auto;
margin-left: auto;
width: 1000px;
}
@media not all and (min-width: 1060px){
.contact_line .wrap {
padding: 0 10px;
width: 100%;
}
}
.contact_line .wrap .item {
padding: 40px;
width: 31%;
background-color: #fff;
}
@media not all and (min-width: 768px){
.contact_line .wrap .item {
padding: 20px;
width: 100%;
}
.contact_line .wrap .item:not(:last-child) {
margin-bottom: 20px;
}
}
.contact_line .wrap .item .box {
display: flex;
justify-content: center;
align-items: center;
height: 100%;
}
@media not all and (min-width: 768px){
.contact_line .wrap .item h4 {
margin-bottom: 20px;
}
.contact_line .wrap .item .box {
height: auto;
}
}
.contact_line .wrap .item .box a {
display: block;
}
.contact_line .wrap .item .box .line_id_text {
color: #00B901;
font-size: 36px;
font-weight: 700;
}
@media not all and (min-width: 768px){
.contact_line .wrap .item .box .line_id_text {
font-size: 28px;
}
} .footer_contact {
background-image: url(https://mmin-net.co.jp/wmmip/wp-content/themes/mmi/image/common/footer-contact-btn-bg.jpg.webp);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.footer_contact_bg {
padding: 150px 0 120px;
width: 100%;
height: 100%;
background-color: rgba(60,154,188,0.8);
}
@media not all and (min-width: 768px){
.footer_contact_bg {
padding: 70px 0 50px;
}
}
.footer_contact .wrap {
display: flex;
justify-content: space-between;
align-items: flex-end;
flex-wrap: wrap;
}
@media not all and (min-width: 768px){
.footer_contact .wrap .wrap_contents {
margin-bottom: 30px;
width: 100%;
text-align: center;
}
.footer_contact .wrap .btn {
margin-right: auto;
margin-left: auto;
}
}
.footer_contact .wrap .wrap_contents h4 {
position: relative;
margin-bottom: 30px;
font-size: 32px;
}
.footer_contact .wrap .wrap_contents h4 .en {
position: absolute;
top: -70px;
left: 0;
color: #2686A8;
font-size: 80px;
z-index: 1;
}
@media not all and (min-width: 768px){
.footer_contact .wrap .wrap_contents h4 {
margin-bottom: 20px;
font-size: 24px;
}
.footer_contact .wrap .wrap_contents h4 .en {
top: -30px;
left: 50%;
transform: translateX(-50%);
font-size: 40px;
}
}
.footer_contact .wrap .wrap_contents h4 .jp {
position: relative;
z-index: 2;
}
.footer_contact .wrap .wrap_contents p {
font-weight: 700;
}
.footer_contact .wrap .btn a {
display: block;
position: relative;
padding: 20px 30px;
width: 320px;
font-weight: 700;
background-color: #E0BE30;
border-radius: 50px;
}
.footer_contact .wrap .btn a::after {
content: '';
position: absolute;
top: 50%;
right: 30px;
transform: translateY(-50%);
width: 49px;
height: 30px;
background-image: url(https://mmin-net.co.jp/wmmip/wp-content/themes/mmi/image/common/arrow01.svg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
@media not all and (min-width: 768px){
.footer_contact .wrap .btn a {
width: 320px;
}
.footer_contact .wrap .btn a::after {
right: 20px;
width: 33px;
height: 20px;
background-image: url(https://mmin-net.co.jp/wmmip/wp-content/themes/mmi/image/common/arrow01.svg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
}
@media not all and (min-width: 368px){
.footer_contact .wrap .btn,
.footer_contact .wrap .btn a {
width: 100%;
}
}
.footer_section {
background-color: #333;
}
.footer_section_wrap {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-right: auto;
margin-left: auto;
padding: 50px 0;
width: 1200px;
}
@media not all and (min-width: 1200px){
.footer_section_wrap {
padding: 50px 10px;
width: 100%;
}
}
.footer_section_nav {
display: flex;
flex-wrap: wrap;
}
@media not all and (min-width: 940px){
.footer_section_nav {
margin-bottom: 30px;
width: 100%;
}
.footer_section_company_info {
width: 100%;
text-align: center;
}
}
@media not all and (min-width: 768px){
.footer_section_nav {
display: none;
}
}
.footer_section_nav .item {
margin-right: 70px;
}
@media not all and (min-width: 1000px){
.footer_section_nav .item {
margin-right: 30px;
}
}
@media not all and (min-width: 940px){
.footer_section_nav .item {
margin-right: 0;
width: 32%;
}
}
.footer_section_nav .item ul li.main:not(:last-child) {
margin-bottom: 15px;
}
.footer_section_nav .item ul li.main a {
color: #f2f2f2;
font-size: 14px;
font-weight: 700;
}
.footer_section_nav .item ul li.sub {
padding-left: 10px;
}
.footer_section_nav .item ul li.sub a {
color: #aaa;
font-size: 12px;
}
.footer_section_company_info .name {
margin-bottom: 10px;
color: #f2f2f2;
font-size: 14px;
font-weight: 700;
}
.footer_section_company_info .address {
margin-bottom: 30px;
color: #f2f2f2;
font-size: 12px;
}
.footer_section_company_info .address span {
display: block;
font-weight: 700;
}
.footer_section_company_info .btn a {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
padding: 20px 10px;
width: 190px;
color: #f2f2f2;
font-weight: 700;
background-color: #111;
border: 1px solid #fff;
border-radius: 60px;
}
@media not all and (min-width: 940px){
.footer_section_company_info .btn a {
margin-right: auto;
margin-left: auto;
}
}
.footer_section_company_info .btn a img {
display: inline-block;
margin-right: 20px;
max-width: 100%;
height: auto;
}
.footer_section_company_info .btn a:hover {
text-decoration: none;
background-color: #000;
}
.footer_section_company_info .btn a:hover img {
opacity: 1;
}
.footer_section_group_list {
padding: 50px 10px;
}
.footer_section_group_list h4 {
margin-bottom: 40px;
text-align: center;
}
@media not all and (min-width: 768px){
.footer_section_group_list {
padding: 30px 10px;
}
.footer_section_group_list h4 {
margin-bottom: 20px;
}
}
.footer_section_group_list ul {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}
.footer_section_group_list ul li:not(:last-child) {
margin-right: 30px;
}
@media not all and (min-width: 768px){
.footer_section_group_list ul li {
width: 48%;
}
.footer_section_group_list ul li:not(:last-child) {
margin-right: 0;
margin-bottom: 30px;
}
}
@media not all and (min-width: 468px){
.footer_section_group_list ul li {
width: 100%;
}
}
.footer_section_group_list ul li a {
display: block;
}
.footer_section_group_list ul li img {
display: block;
margin: 0 auto;
max-width: 100%;
height: auto;
}
.copyright {
position: relative;
padding: 50px 10px;
color: #f2f2f2;
font-size: 12px;
text-align: center;
background-color: #333;
}
.footer_copyright_ban {
position: absolute;
bottom: 0;
right: 0;
}
@media not all and (min-width: 768px){
.copyright {
padding: 30px 10px;
}
}
.details_flow_brn {
position: fixed;
top: 140px;
right: 0;
z-index: 10;
}
.details_flow_brn .item:not(:last-child) {
margin-bottom: 20px;
}
.details_flow_brn .item a {
display: block;
padding: 20px 40px;
font-size: 19px;
font-weight: 700;
text-align: center;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
background-color: #30B2E0;
}
.details_flow_brn .item a:hover {
text-decoration: none;
background-color: #1584AC;
}
.details_flow_brn .item a img {
display: inline-block;
margin: 30px auto 0;
max-width: 100%;
height: auto;
}
@media not all and (min-width: 768px){
.details_flow_brn {
bottom: 30%;
}
.details_flow_brn .item:not(:last-child) {
margin-bottom: 10px;
}
.details_flow_brn .item a {
padding: 10px 20px;
font-size: 14px;
}
.details_flow_brn .item a img {
margin: 20px auto 0;
}
} .top-3colmun {
display: flex;
flex-wrap: wrap;
}
.top-3colmun-item {
padding: 0;
width: 32%;
background-color: #fff;
}
.top-3colmun-item img {
width: 100%;
}
.top-3colmun-item:not(:nth-child(3n+3)) {
margin-right: 2%;
}
.top-3colmun-item:nth-child(n+4) {
margin-top: 1em;
}
@media not all and (min-width: 768px) {
.top-3colmun-item {
width: 100%;
}
.top-3colmun-item:not(:nth-child(3n+3)) {
margin-right: 0;
}
.top-3colmun-item:nth-child(n+2) {
margin-top: 1em;
}
} .god-toilet{
position: relative;
width: 950px;
margin: 0 auto;
}
@media not all and (min-width: 768px) {
.god-toilet{
width: 90%;
}}
.god-toilet img{
display: block;
height: auto;
width: 100%;
padding: 0em;
margin: 0em;
}
.god-toilet p { font-size: 1.1em;
font-weight: 500;
margin-bottom: 0.4em;	
}
@media not all and (min-width: 768px) {
.god-toilet p {
margin-bottom: 1.5em;
}}
.god-toilet h3 { font-size: 1.5em;
font-weight: 700;
margin: 1.5em 0 0.5em 0;	
}
.god-toilet-top{
width: 91%;
margin: 0 auto;
}
.god-toilet-top img {
display: block;
width: 100%;
height: auto;
padding: 0em;
margin-bottom: 1.8em;
} .section .edel{
position: relative;
width: 960px;
margin: 0 auto;
}
@media not all and (min-width: 768px) {
.edel{
width: 100%;
}}
.edel img{
display: block;
height: auto;
width: 100%;
padding: 0em;
margin: 0em;
}
.edel .img-sp {
display: none;
}
@media not all and (min-width: 768px) {
.edel .img-pc  {
display: none;
}
.edel .img-sp {
display: block;
}}
.edel-feature-box {
display:flex;
flex-direction: row;
justify-content: space-between;
align-items: flex-end;
margin: 5.5em 2em 0 0;
}
@media not all and (min-width: 768px) {
.edel-feature-box {
width: 100%;
}}
.edel-feature-box_text {
width: 100%;
margin-top: 3em;
}
.edel-feature-box_text h3 {
font-size: 2.5em;
margin-bottom: 0.6em;
text-align: center;
}
@media not all and (min-width: 768px) {
.edel-feature-box_text h3 {
width: 90%;
margin-left: 5%;
}}
.edel-feature-box_text li {
font-size: 1.4em;
font-weight: 600;
margin-left: 6em;
}
@media not all and (min-width: 768px) {
.edel-feature-box_text li {
margin: 1em;
}}
.edel-feature-box_image {
width: 5em;
margin-left: 3%;
}
@media not all and (min-width: 768px) {
.edel-feature-box_image {
display: none;
}}
.edel-feature-box_image img {
width: 100%;
height:auto;
}
.edel-twin {
display: flex;
justify-content: space-between;
} .edel-twin:not(:last-child){
margin: 3em 0 2em 0;
} .edel-twin:nth-child(even){
flex-direction: row-reverse;
} .twin-image {
display: flex;
align-items: center;
width: 26%;
padding-right: 10px;
}
@media not all and (min-width: 768px) {
.twin-image {
display: none;
}}
.twin-image img{
width: 100%;
max-height: 70%;
object-fit: scale-down;
} .twin-text{
width: 70%;
}
.twin-text h2 {
font-size: 2.4em;
text-align: center; }
.twin-text h3 {
font-size: 1.2em;
text-align: center;
padding: 0 0 0.1em 0;
margin-bottom: 0.8em; }
.twin-text p{
font-size: 1.1em;
line-height: 1.5;
} .twin-text_arrow-box{
position:relative;
width:100%;
height:auto;
background:#FFFFFF;
padding:10px;
text-align:left;
border:4px solid #FF9966;
color:#000000;
font-size:20px;
border-radius:18px;
-webkit-border-radius:18px;
-moz-border-radius:18px;
}
@media not all and (min-width: 768px) {
.twin-text_arrow-box{
width: 95%;
margin-left: 2%;
}}
.twin-text_arrow-box:after,.twin-text_arrow-box:before{
border: solid transparent;
content:'';
height:0;
width:0;
pointer-events:none;
position:absolute;
left:100%;
top:20%;
}
.twin-text_arrow-box:after{
border-color: rgba(255, 255, 255, 0);
border-top-width:5px;
border-bottom-width:5px;
border-left-width:20px;
border-right-width:20px;
margin-top: -5px;
border-left-color:#FFFFFF;
}
.twin-text_arrow-box:before{
border-color: rgba(255, 153, 102, 0);
border-top-width:9px;
border-bottom-width:9px;
border-left-width:34px;
border-right-width:34px;
margin-top: -9px;
margin-left: 4px;
border-left-color:#FF9966;
}
@media not all and (min-width: 768px) {
.twin-text_arrow-box:after,.twin-text_arrow-box:before{
display: none;
}}
@media not all and (min-width: 768px) {
.twin-text p{
padding: 0 10%;
}}  @media not all and (min-width: 768px) {
.edel-twin{
flex-direction: column;
align-items: center;
}
.edel-twin:nth-child(even) {
flex-direction: column;
}
.twin-image {
width: 100%;
height: 250px;
padding-bottom: 30px;
}
.twin-text {
width: 100%;
}
}
.edel_before_after {
display: flex;
justify-content: space-between;
position: relative;
margin-bottom: 5em;
}
@media not all and (min-width: 768px) {
.edel_before_after {
flex-flow: column;
}}
.edel_before_after p {
width: 100%;
text-align: center;
}
@media not all and (min-width: 768px) {
.edel_before_after p {
display: none;
}}
.edel_before_after_image > img {
margin: 0px auto;
max-width: 100%;
}
@media not all and (min-width: 768px) {
.edel_before_after_image img {
max-width:  90%;
}}
.edel_before_after_arrow {
position: relative;
width: 60px;
height: 60px;
color: #ff9966; }
.edel_before_after_arrow::before {
position: absolute;
top: 50%;
transform: translateY(-50%);
content: "";
}
.edel_before_after_arrow::before { width: 0px;
height: 0px;
border: 40px solid transparent;
border-left: 50px solid currentColor;
}  @media not all and (min-width: 768px) {
.edel_before_after_arrow {
margin: 30px auto;
transform: rotate(90deg);
}
}
@media print, (min-width: 768px) {
.edel_before_after {
display: flex;
justify-content: space-between;
position: relative;
}
.edel_before_after_image {
width: calc(50% - 60px);
}
.edel_before_after_arrow {
position: absolute;
top: 10em;
left: 51%;
transform: translateX(-50%) translateY(-50%);
}
}
.edel-dashed-line { background:linear-gradient(to right, #ff9966, #ff9966 83%, #fff 83%, #fff 100%) 0% 0%;
background-size:6px 1px;
width: 100%;
height: 1px;
margin-bottom: 5em;
}
.edel-price {
font-family: "Open Sans", sans-serif;
line-height: 1.25;
margin-top: 3em;
}
.edel-price p {
width: 100%;
text-align: right;
}
table {
border-collapse: collapse;
margin: 0 auto;
padding: 0;
width: 100%;
table-layout: fixed;
}
table tr {
background-color: #e6f2f5;
padding: .35em;
border-bottom: 2px solid #fff;
}
table th,
table td {
padding: 1em 10px 1em 1em;
border-right: 2px solid #fff;
vertical-align:middle;
}
table th {
font-size: .85em;
}
table thead tr{
background-color: #167F92;
color:#fff;
}
table tbody th {
background: #78bbc7;
color: #fff;
}
.txt{
text-align: left;
font-size: .85em;
vertical-align:middle;
}
@media not all and (min-width: 768px) {
.txt{
text-align: center;
}
.price{
text-align: right;
color: #167F92;
font-weight: bold;
vertical-align:middle;
}
@media not all and (min-width: 768px) {
.price{
text-align: center;
}
.quantity{
text-align: center;
font-size: .85em;
vertical-align:middle;
}
@media not all and (min-width: 768px) {
.quantity{
text-align: center;
}
.non{
background:#fff
}
@media screen and (max-width: 600px) {
table {
border: 0;
width:100%
}
table th{
background-color: #167F92;
display: block;
border-right: none;
}
table thead {
border: none;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
table tr {
display: block;
margin-bottom: .625em;
}
table td {
border-bottom: 1px solid #bbb;
display: block;
font-size: .8em;
text-align: right;
position: relative;
padding: .625em .625em .625em 4em;
border-right: none;
}
table td::before {
content: attr(data-label);
font-weight: bold;
position: absolute;
left: 10px;
color: #167F92;
}
table td:last-child {
border-bottom: 0;
}
table tbody th {
color: #fff;
}
} .god-toilet-column2 {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: stretch;
}
.column2 {
display: flex;
flex-direction: column;
width: 45%;
padding: 0.8em;
margin: 1em;
border: 1px solid #ccc;
box-sizing: border-box;
}
.column2-text {
width: 100%;
text-align: center;
}
.column2-text h3 {
font-size: 21px;
margin: 0;
}
.column2-image {
min-height: 0%;
margin-bottom: 1em;
}
.column2-image img {
width: 15em;
height: 8em;
vertical-align: bottom;
object-fit: scale-down;
object-position: 50% 50%;
} .blog_contents {
text-align: left;
}
.blog_contents p {
font-family: "Hiragino Kaku Gothic Pro", "Yu Gothic", sans-serif;
font-size: 1.2em;
font-weight: 500;
margin-bottom: 2.5em;
}
.blog_contents p strong {
font-size: 1.5em;
font-weight: 800;
}
.blog_contents p span {
background-image: linear-gradient(transparent 70%, #E0BE30 70%);
}
.blog_column1{
display: flex;
justify-content: center;
align-items: center;
}
.blog_column1-top{
width: 92%;
}
.blog_column1-top img{
display: block;
max-height: 30em;
object-fit: scale-down;
object-position: 50% 50%;
width: 100%;
padding: 11px;
margin-bottom: 5em;
background-color: #FFFFFF;
box-shadow: 0 3px 18px -4px rgba(0, 0, 0, 0.8);
}
.blog_column1-beside{
width: 75%;
}
.blog_column1-beside img{
display: block;
max-height: 26em;
object-fit: scale-down;
object-position: 50% 50%;
width: 100%;
padding: 11px;
background-color: #FFFFFF;
box-shadow: 0 3px 18px -4px rgba(0, 0, 0, 0.8);
}
.blog_column1-vertical{
width: 75%;
}
.blog_column1-vertical img{
display: block;
max-height: 28em;
object-fit: scale-down;
object-position: 50% 50%;
width: 100%;
padding: 11px;
background-color: #FFFFFF;
box-shadow: 0 3px 18px -4px rgba(0, 0, 0, 0.8);
}
.blog_column2{
display: flex;
justify-content: space-between;
align-items: center;
}
.blog_column2-img{
width: 75%;
}
.blog_column2-img img{
display: block;
height: 28em;
object-fit: scale-down;
object-position: 50% 50%;
width: 100%;
padding: 11px;
background-color: #FFFFFF;
box-shadow: 0 3px 18px -4px rgba(0, 0, 0, 0.8);
} a.blog_card-beside {
border: 1px solid #e1e1e1;
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
display: block;
padding: 20px;
margin-bottom: 3.5em;
position: relative;
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
width: 100%;
text-decoration: none;
}
a.blog_card-beside:hover {
box-shadow: none;
opacity: .8;
}
.blog_card-beside-box {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
}
.blog_card-beside-title {
font-size: 18px;
font-weight: 600;
color: #428bca;
padding-bottom: 5px;
}
.blog_card-beside-thumbnail {
flex: 1;
margin-right: 15px;
padding-top: 5px;
}
.blog_card-beside-thumbnail img {
width: 100%;
}
.blog_card-beside-content {
flex: 2.5;
}
.blog_card-beside-excerpt {
color: #808080;
font-size: 13px;
padding-bottom: 15px;
}
.blog_card-beside-site {
border-top: dashed 1px #a4a4a4;
color: #b2b2b2;
font-size: 11px;
text-align:right;
padding-left: 5px;
}
.blog_card-beside-site img {
margin-right: 5px;
vertical-align: bottom;
width: 20px;
}
@media (max-width: 980px) {
.blog_card-beside-excerpt {
border: none;
}
}
@media (max-width: 640px) {
a.blog_card-beside {
padding: 10px 10px 20px 10px;
}
.blog_card-beside-thumbnail {
margin-right: 10px;
padding-top: 10px;
}
.blog_card-beside-title {
font-size: 14px;
}
.blog_card-beside-excerpt {
display: none;
}
} .youtube {
width: 100%;
aspect-ratio: 16 / 9;
}
.youtube iframe {
width: 100%;
height: 100%;
padding: 0 1em 3em 1em;
} .top-mainvisual {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
position: relative;
margin-bottom: 120px;
}
.top-mainvisual::before {
content: '';
position: absolute;
top: 60px;
right: 0;
width: 65%;
height: 100%;
background-color: #CFE4EF;
z-index: -5;
}
.top-mainvisual__movie {
position: relative;
width: 60%;
z-index: -1;
}
.top-mainvisual__text {
position: relative;
width: 40%;
z-index: 10;
}
@media not all and (min-width: 1150px){
.top-mainvisual__movie {
width: 50%;
}
.top-mainvisual__text {
width: 50%;
}
}
@media not all and (min-width: 900px){
.top-mainvisual__movie {
width: 100%;
}
.top-mainvisual__text {
width: 100%;
}
}
.top-mainvisual__movie video {
display: block;
width: 100%;
}
.top-mainvisual__wrap {
position: relative;
margin-top: 100px;
margin-left: -80px;
z-index: 10;
}
@media not all and (min-width: 900px){
.top-mainvisual__wrap {
margin-top: -20px;
margin-left: 10px;
}
}
.top-mainvisual__main {
position: relative;
margin-bottom: 40px;
z-index: 10;
}
.top-mainvisual__main span {
display: inline-block;
margin-bottom: 7px;
padding: 3px;
color: #fff;
font-size: 38px;
font-weight: bold;
background-color: rgba(12 132 193 / .9);
}
.top-mainvisual__sub span {
display: inline-block;
margin-bottom: 7px;
padding: 3px;
font-size: 20px;
font-weight: bold;
background-color: rgba(255 255 255 / .9);
}
@media not all and (min-width: 768px){
.top-mainvisual__main {
margin-bottom: 20px;
}
.top-mainvisual__main span {
margin-bottom: 7px;
font-size: 30px;
}
.top-mainvisual__sub span {
margin-bottom: 7px;
font-size: 18px;
}
}
@media not all and (min-width: 468px){
.top-mainvisual__main span {
font-size: 26px;
}
.top-mainvisual__sub span {
font-size: 14px;
}
}
@media not all and (min-width: 468px){
.top-mainvisual__main span {
font-size: 21px;
}
}
.top-hero-robot-banner {
margin: 80px auto;
max-width: 560px;
}
.top-hero-robot-banner img {
display: block;
max-width: 100%;
height: auto;
}
.top-hero__wrap {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
margin-bottom: 80px;
}
.top-hero__text {
width: 58%;
}
.top-hero__image {
width: 35%;
}
.top-hero__heading {
margin-bottom: 30px;
font-size: 36px;
}
@media not all and (min-width: 568px){
.top-hero__text {
margin-bottom: 30px;
width: 100%;
}
.top-hero__image {
width: 100%;
}
.top-hero__heading {
margin-bottom: 20px;
font-size: 28px;
}
}
@media not all and (min-width: 568px){
.top-hero__heading {
font-size: 21px;
}
}
.top-hero__image img {
display: block;
margin: 0 auto;
max-width: 100%;
height: auto;
}
@media not all and (min-width: 568px){
.top-hero__image img {
max-width: 250px;
}
}html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
list-style:none;
}
ol{
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
body {
line-height:1;
}
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary {
display:block;
}
nav ul {
list-style:none;
}
blockquote, q {
quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content:'';
content:none;
}
a {
margin:0;
padding:0;
border:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
ins {
background-color:#ff9;
color:#000;
text-decoration:none;
}
mark {
background-color:#ff9;
color:#000;
font-style:italic;
font-weight:bold;
}
del {
text-decoration: line-through;
}
abbr[title], dfn[title] {
border-bottom:1px dotted #000;
cursor:help;
}
table {
border-collapse:collapse;
border-spacing:0;
}
hr {
display:block;
height:1px;
border:0;
border-top:1px solid #cccccc;
margin:1em 0;
padding:0;
}
input, select {
vertical-align:middle;
} * {
box-sizing: border-box;
}
body {
color: #111;
font-size: 16px;
font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
line-height: 1.61;
}
@media not all and (min-width: 768px){
body {
font-size: 15px;
}
} .sticky{
display:block;
}
.aligncenter,
div.aligncenter {
display: block;
margin: 0 auto;
}
.alignleft{
float: left;
}
.alignright{
float: right;
}
.wp-caption{
text-align: center;
margin: 10px;
padding: 4px 0 0 0;
}
.wp-caption img{
margin: 0;
padding: 0;
}
.wp-caption p.wp-caption-text,
.gallery-caption{
margin: 0;
padding: 0 4px 5px;
font-size: 11px;
line-height: 1.4;
} a {
color: #111;
text-decoration: none;
}
a:hover {
color: #111;
text-decoration: underline;
transition: 0.3s ease;
}
a:hover img{
opacity: .7;
} .silver-protect-section {
padding: 150px 10px;
}
@media not all and (min-width: 768px) {
.silver-protect-section {
padding: 70px 10px;
}
}
.silver-protect-section__area {
margin: 0 auto;
max-width: 1200px;
}
.silver-protect-section__bg {
background-color: #EFEFEF;
}
.silver-protect-section__title {
margin-bottom: 80px;
font-size: 32px;
text-align: center;
}
@media not all and (min-width: 768px){
.silver-protect-section__title {
margin-bottom: 50px;
font-size: 24px;
}
}
.silver-protect-btn a {
display: block;
margin: 0 auto;
width: fit-content;
}
.silver-protect-btn a img {
display: block;
max-width: 100%;
height: auto;
}
.silver-protect-line {
background-image: linear-gradient(rgba(0 0 0 / 0) 80%, #E0BE30 80%);
}
.silver-protect-section__hero-heading {
margin-bottom: 80px;
font-size: 50px;
font-weight: bold;
text-align: center;
}
.silver-protect-section__hero-heading .main-text {
font-size: 65px;
}
@media not all and (min-width: 768px){
.silver-protect-section__hero-heading {
margin-bottom: 30px;
font-size: 35px;
}
.silver-protect-section__hero-heading .main-text {
font-size: 45px;
}
}
@media not all and (min-width: 568px){
.silver-protect-section__hero-heading {
margin-bottom: 20px;
font-size: 24px;
}
.silver-protect-section__hero-heading .main-text {
font-size: 36px;
}
}
.silver-protect-section__hero-title {
margin-bottom: 50px;
color: #48BFEA;
font-size: 45px;
text-align: center;
}
.silver-protect-section__hero-title span {
display: block;
font-size: 25px;
}
@media not all and (min-width: 768px){
.silver-protect-section__hero-title {
margin-bottom: 30px;
font-size: 26px;
}
.silver-protect-section__hero-title span {
font-size: 18px;
}
}
.silver-protect-section__hero-description {
margin-bottom: 50px;
font-size: 25px;
font-weight: bold;
text-align: center;
}
@media not all and (min-width: 768px){
.silver-protect-section__hero-description {
margin-bottom: 30px;
font-size: 18px;
}
}
.silver-protect-section__hero-point-wrap {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-bottom: 80px;
}
.silver-protect-section__hero-point-item {
padding: 40px 20px;
width: 32%;
background-color: #fff;
border-radius: 10px;
}
@media not all and (min-width: 768px){
.silver-protect-section__hero-point-wrap {
margin-bottom: 40px;
}
.silver-protect-section__hero-point-item {
padding: 20px;
width: 100%;
}
.silver-protect-section__hero-point-item:not(:last-child) {
margin-bottom: 20px;
}
}
.silver-protect-section__hero-point-heading {
margin-bottom: 20px;
color: #48BFEA;
font-size: 32px;
text-align: center;
}
.silver-protect-section__hero-point-heading span {
display: block;
color: #333;
font-size: 16px;
}
@media not all and (min-width: 768px){
.silver-protect-section__hero-point-heading {
margin-bottom: 10px;
font-size: 21px;
}
.silver-protect-section__hero-point-heading span {
font-size: 12px;
}
}
.silver-protect-section__hero-point-item p {
font-weight: bold;
}
.silver-protect-section__hero-subtitle {
margin-bottom: 30px;
font-size: 40px;
text-align: center;
}
.silver-protect-section__hero-subdescription {
margin-bottom: 40px;
font-size: 20px;
font-weight: bold;
text-align: center;
}
@media not all and (min-width: 768px){
.silver-protect-section__hero-subtitle {
margin-bottom: 20px;
font-size: 24px;
}
.silver-protect-section__hero-subdescription {
margin-bottom: 30px;
font-size: 16px;
}
}
.silver-protect-section__hero-flow-wrap {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-bottom: 80px;
}
.silver-protect-section__hero-flow-item {
position: relative;
padding: 40px 20px;
width: 32%;
font-weight: bold;
border: 5px solid #fff;
border-radius: 10px;
}
.silver-protect-section__hero-flow-item:not(:last-child)::after {
content: '';
position: absolute;
top: 50%;
right: -50px;
width: 54px;
height: 40px;
background-image: url(//mmin-net.co.jp/wmmip/wp-content/themes/mmi/image/silver-protect/silver-protect-arrow01.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
z-index: 1;
}
@media not all and (min-width: 768px){
.silver-protect-section__hero-flow-wrap {
margin-bottom: 50px;
}
.silver-protect-section__hero-flow-item {
margin-bottom: 30px;
padding: 20px;
width: 100%;
}
.silver-protect-section__hero-flow-item:not(:last-child)::after {
top: auto;
right: auto;
bottom: -40px;
left: 50%;
transform: translateX(-50%) rotate(90deg);
width: 54px;
height: 40px;
}
}
.silver-protect-section__hero-flow-heading {
margin-bottom: 30px;
font-size: 32px;
text-align: center;
}
.silver-protect-section__hero-flow-image img {
display: block;
margin: 0 auto 30px;
max-width: 100%;
height: auto;
}
.silver-protect-section__hero-flow-item p {
margin-bottom: 30px;
height: 80px;
}
.silver-protect-section__hero-flow-result {
text-align: center;
}
.silver-protect-section__hero-flow-result-main {
font-size: 28px;
}
@media not all and (min-width: 768px){
.silver-protect-section__hero-flow-heading {
margin-bottom: 20px;
font-size: 21px;
}
.silver-protect-section__hero-flow-image img {
margin: 0 auto 20px;
}
.silver-protect-section__hero-flow-item p {
margin-bottom: 20px;
height: auto;
}
.silver-protect-section__hero-flow-result-main {
font-size: 21px;
}
}
.silver-protect-section01__contents01 {
margin: 0 auto 60px;
padding: 40px 10px;
max-width: 800px;
background-color: #EFEFEF;
}
.silver-protect-section01__contents-title {
margin-bottom: 30px;
font-size: 24px;
text-align: center;
}
.silver-protect-section01__contents01 dl {
display: flex;
flex-wrap: wrap;
margin: 0 auto;
max-width: 600px;
padding: 20px;
font-weight: bold;
border-bottom: 2px solid #fff;
}
.silver-protect-section01__contents01 dt {
width: 260px;
}
.silver-protect-section01__contents01 dd {
width: calc(100% - 260px);
}
@media not all and (min-width: 768px){
.silver-protect-section01__contents-title {
margin-bottom: 20px;
font-size: 21px;
}
.silver-protect-section01__contents01 dl {
padding: 10px;
font-size: 14px;
}
.silver-protect-section01__contents01 dt {
width: 48%;
}
.silver-protect-section01__contents01 dd {
width: 48%;
}
}
.silver-protect-section01__contents-table {
margin-bottom: 80px;
overflow-x: scroll;
}
@media not all and (min-width: 768px){
.silver-protect-section01__contents-table {
margin-bottom: 50px;
}
}
.silver-protect-section01__contents-table table {
width: 100%;
text-align: center;
border-top: 2px solid #EFEFEF;
border-left: 2px solid #EFEFEF;
}
.silver-protect-section01__contents-table th,
.silver-protect-section01__contents-table td {
display: table-cell;
min-width: 80px;
color: #333;
vertical-align: middle;
background-color: #fff;
border-right: 2px solid #EFEFEF;
border-bottom: 2px solid #EFEFEF;
}
.silver-protect-section01__contents02 th,
.silver-protect-section01__contents02 td {
padding: 5px 0;
width: 80px;
font-size: 13px;
}
.silver-protect-section01__contents03 th {
padding: 20px 10px;
font-size: 14px;
font-weight: bold;
}
.silver-protect-section01__contents03 td {
padding: 20px 10px;
font-weight: bold;
text-align: right;
}
@media not all and (min-width: 768px){
.silver-protect-section01__contents03 th {
padding: 10px;
}
.silver-protect-section01__contents03 td {
padding: 10px;
font-size: 14px;
}
}
.silver-protect-section01__contents-table td.line-top {
font-weight: bold;
background-color: #ddd;
border-top: 5px solid #F2C611;
}
.silver-protect-section01__contents-table td.line-right {
font-weight: bold;
background-color: #ddd;
border-right: 5px solid #F2C611;
}
.silver-protect-section01__contents-table td.line-bottom {
font-weight: bold;
background-color: #ddd;
border-bottom: 5px solid #F2C611;
}
.silver-protect-section01__contents-table td.line-left {
font-weight: bold;
background-color: #ddd;
border-left: 5px solid #F2C611;
}
.silver-protect-section01__contents-table td.silver-protect-table-result {
text-align: center;
background-color: #ddd;
border: 5px solid #F2C611!important;
}
.silver-protect-table-main {
font-size: 38px;
}
@media not all and (min-width: 768px){
.silver-protect-table-main {
font-size: 24px;
}
}
.silver-protect-section01__contents04-wrap {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin: 0 auto 60px;
max-width: 800px;
}
.silver-protect-section01__contents04-item {
position: relative;
padding: 50px 10px;
width: calc((100% - 30px) / 2);
font-weight: bold;
text-align: center;
background-color: #efefef;
border: 5px solid #efefef;
border-radius: 10px;
}
.silver-protect-section01__contents04-item:last-child {
border: 5px solid #F2C611;
}
.silver-protect-section01__contents04-item:not(:last-child)::after {
content: '';
position: absolute;
top: 50%;
right: -25px;
width: 14px;
height: 13px;
background-image: url(//mmin-net.co.jp/wmmip/wp-content/themes/mmi/image/silver-protect/silver-protect-arrow02.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.silver-protect-section01__contents04-heading {
margin-bottom: 20px;
font-size: 32px;
}
.silver-protect-section01__contents04-item span {
font-size: 26px;
}
@media not all and (min-width: 768px){
.silver-protect-section01__contents04-wrap {
margin: 0 auto 40px;
}
.silver-protect-section01__contents04-item {
padding: 30px 10px;
}
.silver-protect-section01__contents04-heading {
margin-bottom: 10px;
font-size: 21px;
}
.silver-protect-section01__contents04-item span {
font-size: 18px;
}
}
@media not all and (min-width: 768px){
.silver-protect-section01__contents04-item {
margin-bottom: 30px;
width: 100%;
}
.silver-protect-section01__contents04-item:not(:last-child)::after {
top: auto;
right: auto;
bottom: -25px;
left: 50%;
transform: translateX(-50%) rotate(90deg);
}
}
.silver-protect-section01__contents05-sub {
margin-bottom: 40px;
font-size: 32px;
font-weight: bold;
text-align: center;
}
.silver-protect-section01__contents05-main {
margin-bottom: 40px;
font-size: 32px;
font-weight: bold;
text-align: center;
}
.silver-protect-section01__contents05-main-text {
font-size: 52px;
}
.silver-protect-section01__contents05-list {
margin: 0 auto 80px;
max-width: 800px;
font-size: 14px;
}
@media not all and (min-width: 768px){
.silver-protect-section01__contents05-sub {
margin-bottom: 30px;
font-size: 21px;
}
.silver-protect-section01__contents05-main {
margin-bottom: 30px;
font-size: 21px;
}
.silver-protect-section01__contents05-main-text {
font-size: 36px;
}
.silver-protect-section01__contents05-list {
margin: 0 auto 50px;
font-size: 12px;
}
}
.silver-protect-section02__wrap {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.silver-protect-section02__item {
padding: 50px 20px;
width: 48%;
background-color: #fff;
border-radius: 10px;
}
.silver-protect-section02__heading {
margin-bottom: 30px;
color: #48BFEA;
font-size: 32px;
text-align: center;
}
.silver-protect-section02__item img {
display: block;
margin: 0 auto 30px;
max-width: 100%;
height: auto;
}
.silver-protect-section02__item p {
font-weight: bold;
}
@media not all and (min-width: 768px){
.silver-protect-section02__item {
margin-bottom: 30px;
padding: 20px;
width: 100%;
}
.silver-protect-section02__heading {
margin-bottom: 20px;
font-size: 24px;
}
.silver-protect-section02__item img {
margin: 0 auto 20px;
}
}
.silver-protect-section03__item {
margin: 0 auto;
max-width: 900px;
}
.silver-protect-section03__item:not(:last-child) {
margin-bottom: 80px;
}
.silver-protect-section03__heading {
margin-bottom: 40px;
font-size: 24px;
text-align: center;
}
.silver-protect-section03__contents {
margin-bottom: 80px;
padding: 0 30px 50px;
border: 5px solid #EFEFEF;
border-radius: 10px;
}
.silver-protect-section03__subheading {
margin-top: 60px;
margin-bottom: 30px;
font-size: 18px;
text-align: center;
}
@media not all and (min-width: 768px){
.silver-protect-section03__item {
margin: 0 auto;
}
.silver-protect-section03__item:not(:last-child) {
margin-bottom: 50px;
}
.silver-protect-section03__heading {
margin-bottom: 30px;
font-size: 21px;
}
.silver-protect-section03__contents {
margin-bottom: 50px;
padding: 0 20px 20px;
}
.silver-protect-section03__subheading {
margin-top: 40px;
margin-bottom: 20px;
font-size: 18px;
}
}
.silver-protect-section03__chemical-wrap {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.silver-protect-section03__chemical-image {
width: 190px;
}
.silver-protect-section03__chemical-text {
width: calc(100% - 230px);
}
@media not all and (min-width: 768px){
.silver-protect-section03__chemical-image {
width: 100px;
}
.silver-protect-section03__chemical-text {
width: calc(100% - 130px);
font-size: 14px;
}
}
.silver-protect-section03__chemical-image img {
display: block;
margin: 0 auto;
max-width: 100%;
height: auto;
}
.silver-protect-section03__cycle-wrap {
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.silver-protect-section03__cycle-item {
display: flex;
justify-content: center;
align-items: center;
position: relative;
margin-right: 35px;
padding: 16px;
font-size: 14px;
font-weight: bold;
text-align: center;
background-color: #efefef;
border-radius: 10px;
}
.silver-protect-section03__cycle-item:not(:last-child)::after {
content: '';
position: absolute;
top: 50%;
right: -25px;
transform: translateY(-50%);
width: 14px;
height: 13px;
background-image: url(//mmin-net.co.jp/wmmip/wp-content/themes/mmi/image/silver-protect/silver-protect-arrow02.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
@media not all and (min-width: 768px){
.silver-protect-section03__cycle-item {
margin-bottom: 10px;
}
}
.silver-protect-section03__construction-wrap {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-bottom: 40px;
}
.silver-protect-section03__construction-item {
width: 48%;
}
.silver-protect-section03__construction-item p {
margin-bottom: 10px;
font-size: 14px;
font-weight: bold;
text-align: center;
}
.silver-protect-section03__construction-item img {
display: block;
margin: 0 auto;
max-width: 100%;
height: auto;
}
.silver-protect-section03__confirm {
margin-bottom: 60px;
}
.silver-protect-section03__confirm img {
display: block;
margin: 0 auto 20px;
max-width: 100%;
height: auto;
}
.silver-protect-section03__confirm p {
font-size: 14px;
font-weight: bold;
text-align: center;
}
.silver-protect-section03__result {
margin: 0 auto;
padding: 1px 20px 50px;
max-width: 780px;
background-color: #efefef;
border-radius: 10px;
}
.silver-protect-section03__result dl {
display: flex;
flex-wrap: wrap;
margin: 0 auto;
max-width: 300px;
}
.silver-protect-section03__result dl:last-child {
margin-bottom: 40px;
}
.silver-protect-section03__result dt,
.silver-protect-section03__result dd {
width: 49%;
}
@media not all and (min-width: 568px){
.silver-protect-section03__result dl {
font-size: 14px;
}
}
.silver-protect-section03__result-subtext p {
margin: 40px 0;
text-align: center;
}
.silver-protect-section03_description p {
margin-bottom: 40px;
}
.silver-protect-section03__result img {
display: block;
margin: 0 auto 40px;
max-width: 100%;
height: auto;
}
.silver-protect-section03__result h5 {
margin-bottom: 30px;
text-align: center;
}
.silver-protect-section03__result-table {
margin: 0 auto;
max-width: 600px;
overflow-x: scroll;
}
.silver-protect-section03__result-table table {
width: 100%;
border-top: 2px solid #fff;
border-left: 2px solid #fff;
}
.silver-protect-section03__result-table th,
.silver-protect-section03__result-table td {
padding: 20px 0;
min-width: 80px;
color: #333;
font-weight: bold;
text-align: center;
background-color: #efefef;
border-right: 2px solid #fff;
border-bottom: 2px solid #fff;
}
@media not all and (min-width: 568px){
.silver-protect-section03__result-table table {
font-size: 14px;
}
}
.silver-protect-section03__result-main-text {
font-size: 26px;
font-weight: bold;
}
.silver-protect-section03__result-main {
margin-top: 40px;
text-align: center;
}
.silver-protect-section03__result-wrap {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.silver-protect-section03__result-item {
width: 48%;
}
.silver-protect-section03__result-item p {
margin-bottom: 20px;
font-weight: bold;
text-align: center;
}
.silver-protect-section03__result-text p {
margin-bottom: 20px;
}
.silver-protect-section03__result-text-main {
font-size: 26px;
}
.silver-protect-section03__result-text ul {
font-size: 14px;
}
@media not all and (min-width: 568px){
.silver-protect-section03__result-text-main {
font-size: 21px;
}
.silver-protect-section03__result-text ul {
font-size: 12px;
}
}
.silver-protect-section05__wrap {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.silver-protect-section05__item {
position: relative;
padding: 50px 20px;
width: 32%;
background-color: #efefef;
border-radius: 10px;
}
@media not all and (min-width: 768px){
.silver-protect-section05__item {
margin-bottom: 60px;
padding: 40px 20px 20px;
width: 100%;
}
}
.silver-protect-section05__num {
display: flex;
justify-content: center;
align-items: center;
position: absolute;
top: -30px;
left: 50%;
transform: translateX(-50%);
width: 52px;
height: 52px;
font-weight: bold;
text-align: center;
background-color: #fff;
border: 4px solid #efefef;
border-radius: 50%;
}
.silver-protect-section05__heading {
margin-bottom: 30px;
color: #48BFEA;
font-size: 24px;
text-align: center;
}
.silver-protect-section05__item img {
display: block;
margin: 0 auto;
max-width: 100%;
height: auto;
}
.silver-protect-section05__main {
margin-top: 60px;
font-size: 24px;
font-weight: bold;
text-align: center;
}
@media not all and (min-width: 768px){
.silver-protect-section05__heading {
margin-bottom: 20px;
font-size: 21px;
}
.silver-protect-section05__main {
margin-top: 40px;
font-size: 21px;
}
}
.silver-protect-flow__box {
margin-bottom: 80px;
padding: 40px;
background-color: #EAEFF2;
border-radius: 10px;
}
@media not all and (min-width: 768px){
.silver-protect-flow__box {
margin-bottom: 50px;
padding: 20px 30px;
}
}
.silver-protect-flow__item {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
position: relative;
padding: 40px;
background-color: #fff;
border-radius: 10px;
}
.silver-protect-flow__item:not(:last-child) {
margin-bottom: 60px;
}
@media not all and (min-width: 768px){
.silver-protect-flow__item {
padding: 20px;
}
}
.silver-protect-flow__item:nth-child(1)::before {
content: '';
position: absolute;
top: -10px;
left: -10px;
width: 55px;
height: 55px;
background-image: url(//mmin-net.co.jp/wmmip/wp-content/themes/mmi/image/seisou-setsubi/l-section06-num01.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.silver-protect-flow__item:nth-child(2)::before {
content: '';
position: absolute;
top: -10px;
left: -10px;
width: 55px;
height: 55px;
background-image: url(//mmin-net.co.jp/wmmip/wp-content/themes/mmi/image/seisou-setsubi/l-section06-num02.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.silver-protect-flow__item:nth-child(3)::before {
content: '';
position: absolute;
top: -10px;
left: -10px;
width: 55px;
height: 55px;
background-image: url(//mmin-net.co.jp/wmmip/wp-content/themes/mmi/image/seisou-setsubi/l-section06-num03.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.silver-protect-flow__item:nth-child(4)::before {
content: '';
position: absolute;
top: -10px;
left: -10px;
width: 55px;
height: 55px;
background-image: url(//mmin-net.co.jp/wmmip/wp-content/themes/mmi/image/seisou-setsubi/l-section06-num04.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.silver-protect-flow__item:nth-child(5)::before {
content: '';
position: absolute;
top: -10px;
left: -10px;
width: 55px;
height: 55px;
background-image: url(//mmin-net.co.jp/wmmip/wp-content/themes/mmi/image/seisou-setsubi/l-section06-num05.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.silver-protect-flow__item:not(:last-child)::after {
content: '';
position: absolute;
bottom: -40px;
left: 50%;
transform: translateX(-50%);
width: 20px;
height: 12px;
background-image: url(//mmin-net.co.jp/wmmip/wp-content/themes/mmi/image/seisou-setsubi/l-section06-mark.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.silver-protect-flow__image {
display: flex;
justify-content: center;
align-items: center;
width: 240px;
}
.silver-protect-flow__text {
width: calc(100% - 240px);
font-size: 20px;
font-weight: bold;
}
@media not all and (min-width: 768px){
.silver-protect-flow__image {
width: 150px;
}
.silver-protect-flow__text {
width: calc(100% - 150px);
font-size: 16px;
}
}
@media not all and (min-width: 468px){
.silver-protect-flow__image {
margin-bottom: 20px;
width: 100%;
}
.silver-protect-flow__text {
width: 100%;
text-align: center;
}
}
.breadcrumbs ol {
display: flex;
flex-wrap: wrap;
margin-top: 60px;
padding-bottom: 30px;
font-size: 13px;
}
.breadcrumbs ol li {
position: relative;
margin-right: 40px;
}
.breadcrumbs ol li:not(:last-child)::after {
content: '';
position: absolute;
top: 50%;
right: -24px;
transform: translateY(-50%);
width: 7px;
height: 7px;
background-color: #30B2E0;
border-radius: 7px;
}
.breadcrumbs ol li a {
text-decoration: underline;
}
.breadcrumbs ol li a:hover {
color: #30B2E0;
text-decoration: none;
}
.silver-protect-fixedbtn {
position: fixed;
bottom: 0;
right: 80px;
}
.silver-protect-fixedbtn img {
display: block;
max-width: 100%;
height: auto;
}
@media not all and (min-width: 768px){
.silver-protect-fixedbtn {
right: auto;
left: 50%;
transform: translateX(-50%);
}
}
.header_section {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
padding: 20px 50px;
z-index: 100;
}
@media not all and (min-width: 768px){
.header_section {
padding: 30px;
}
}
@media not all and (min-width: 568px){
.header_section {
padding: 15px 10px;
}
}
.header_section.is-fixed {
position: fixed;
top: 0!important;
left: 0;
width: 100%;
background-color: #fff;
box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}
.logo img {
display: block;
max-width: 100%;
height: auto;
}
.header_nav {
display: flex;
justify-content: flex-end;
align-items: center;
}
.header_nav li:not(:last-child) {
margin-right: 30px;
}
.header_nav li a {
display: block;
font-size: 14px;
font-weight: 700;
text-align: center;
}
.header_nav li a span {
display: block;
font-size: 12px;
font-weight: 400;
}
.menu_btn,
.sp_nav {
display: none;
}
@media not all and (min-width: 940px){
.header_nav {
display: none;
}
.menu_btn {
display: block;
}
.c_button {
position: relative;
display: inline-block;
text-decoration: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
background-color: transparent;
cursor: pointer;
}
.menu_btn button {
position: relative;
width: 25px;
height: 30px;
margin: auto;
box-shadow: 0 0 20px transparent;
outline: none;
transition: all .3s ease-in-out;
z-index: 150;
}
.menu_btn button:hover,
.menu_btn button:focus {
box-shadow: 0 0 5px rgba(255, 255, 255, .5);
}
.menu_btn .line {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
width: 100%;
height: 2px;
transition: all .3s ease-in-out;
}
.menu_btn .line::before,
.menu_btn .line::after {
position: absolute;
display: block;
width: 100%;
height: 2px;
background-color: #111;
content: '';
transition: all .3s ease-in-out;
}
.menu_btn .line::before {
top: -5px;
}
.menu_btn .line::after {
top: 5px;
}
.menu_btn button[aria-expanded="true"] .line::before,
.menu_btn button[aria-expanded="true"] .line::after {
top: 0;
background-color: #111;
}
.menu_btn button[aria-expanded="true"] .line::before {
transform: rotate(45deg);
}
.menu_btn button[aria-expanded="true"] .line::after {
transform: rotate(-45deg);
}
.menu_btn .text {
position: absolute;
white-space: nowrap;
width: 1px;
height: 1px;
overflow: hidden;
border: 0;
padding: 0;
clip: rect(0 0 0 0);
clip-path: inset(50%);
margin: -1px;
}
.sp_nav {
display: none;
position: fixed;
top: 0;
left: 0;
padding: 50px 0;
width: 100%;
height: 100vh;
color: #fff;
background-color: #f6f6f6;
z-index: 100;
-webkit-overflow-scrolling: touch;
overflow-y: scroll;
touch-action: none;
z-index: 120;
}
.no_scroll {
overflow: hidden;
touch-action: none;
}
.sp_nav_contents {
text-align: center;
height: 100vh;
overflow-y: scroll;
}
.sp_nav_menu,
.sp_nav_list {
width: 100%;
}
.sp_nav_list {
border-top: 1px solid #ccc;
}
.sp_nav_list li {
border-bottom: 1px solid #ccc;
}
.sp_nav_list li a {
display: block;
padding: 10px;
font-weight: bold;
text-align: center;
}
.sp_nav_list li a:hover {
opacity: .5;
text-decoration: none;
}
.sp_nav_list li a span {
display: block;
}
}
@media not all and (min-height: 668px){
.sp_nav_contents {
justify-content: flex-start;
overflow-y: scroll;
}
} .footer_contact {
background-image: url(https://mmin-net.co.jp/wmmip/wp-content/themes/mmi/css/image/common/footer-contact-btn-bg.jpg.webp);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.footer_contact_bg {
padding: 150px 0 120px;
width: 100%;
height: 100%;
background-color: rgba(60,154,188,0.8);
}
@media not all and (min-width: 768px){
.footer_contact_bg {
padding: 70px 0 50px;
}
}
.footer_contact .wrap {
display: flex;
justify-content: space-between;
align-items: flex-end;
flex-wrap: wrap;
}
@media not all and (min-width: 768px){
.footer_contact .wrap .wrap_contents {
margin-bottom: 30px;
width: 100%;
text-align: center;
}
.footer_contact .wrap .btn {
margin-right: auto;
margin-left: auto;
}
}
.footer_contact .wrap .wrap_contents h4 {
position: relative;
margin-bottom: 30px;
font-size: 32px;
}
.footer_contact .wrap .wrap_contents h4 .en {
position: absolute;
top: -70px;
left: 0;
color: #2686A8;
font-size: 80px;
z-index: 1;
}
@media not all and (min-width: 768px){
.footer_contact .wrap .wrap_contents h4 {
margin-bottom: 20px;
font-size: 24px;
}
.footer_contact .wrap .wrap_contents h4 .en {
top: -30px;
left: 50%;
transform: translateX(-50%);
font-size: 40px;
}
}
.footer_contact .wrap .wrap_contents h4 .jp {
position: relative;
z-index: 2;
}
.footer_contact .wrap .wrap_contents p {
font-weight: 700;
}
.footer_contact .wrap .btn a {
display: block;
position: relative;
padding: 20px 30px;
width: 320px;
font-weight: 700;
background-color: #E0BE30;
border-radius: 50px;
}
.footer_contact .wrap .btn a::after {
content: '';
position: absolute;
top: 50%;
right: 30px;
transform: translateY(-50%);
width: 49px;
height: 30px;
background-image: url(https://mmin-net.co.jp/wmmip/wp-content/themes/mmi/css/image/common/arrow01.svg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
@media not all and (min-width: 768px){
.footer_contact .wrap .btn a {
width: 320px;
}
.footer_contact .wrap .btn a::after {
right: 20px;
width: 33px;
height: 20px;
background-image: url(https://mmin-net.co.jp/wmmip/wp-content/themes/mmi/css/image/common/arrow01.svg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
}
@media not all and (min-width: 368px){
.footer_contact .wrap .btn,
.footer_contact .wrap .btn a {
width: 100%;
}
}
.footer_section {
background-color: #333;
}
.footer_section_wrap {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-right: auto;
margin-left: auto;
padding: 50px 0;
width: 1200px;
}
@media not all and (min-width: 1200px){
.footer_section_wrap {
padding: 50px 10px;
width: 100%;
}
}
.footer_section_nav {
display: flex;
flex-wrap: wrap;
}
@media not all and (min-width: 940px){
.footer_section_nav {
margin-bottom: 30px;
width: 100%;
}
.footer_section_company_info {
width: 100%;
text-align: center;
}
}
@media not all and (min-width: 768px){
.footer_section_nav {
display: none;
}
}
.footer_section_nav .item {
margin-right: 70px;
}
@media not all and (min-width: 1000px){
.footer_section_nav .item {
margin-right: 30px;
}
}
@media not all and (min-width: 940px){
.footer_section_nav .item {
margin-right: 0;
width: 32%;
}
}
.footer_section_nav .item ul li.main:not(:last-child) {
margin-bottom: 15px;
}
.footer_section_nav .item ul li.main a {
color: #f2f2f2;
font-size: 14px;
font-weight: 700;
}
.footer_section_nav .item ul li.sub {
padding-left: 10px;
}
.footer_section_nav .item ul li.sub a {
color: #aaa;
font-size: 12px;
}
.footer_section_company_info .name {
margin-bottom: 10px;
color: #f2f2f2;
font-size: 14px;
font-weight: 700;
}
.footer_section_company_info .address {
margin-bottom: 30px;
color: #f2f2f2;
font-size: 12px;
}
.footer_section_company_info .address span {
display: block;
font-weight: 700;
}
.footer_section_company_info .btn a {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
padding: 20px 10px;
width: 190px;
color: #fff; font-weight: 700;
background-color: #333 ; border: 1px solid #fff;
border-radius: 60px;
}
@media not all and (min-width: 940px){
.footer_section_company_info .btn a {
margin-right: auto;
margin-left: auto;
}
}
.footer_section_company_info .btn a img {
display: inline-block;
margin-right: 20px;
max-width: 100%;
height: auto;
}
.footer_section_company_info .btn a:hover {
text-decoration: none; color: #474747; 
}
.footer_section_company_info .btn a:hover img {
opacity: 1;
}
.footer_section_group_list {
padding: 50px 10px;
}
.footer_section_group_list h4 {
margin-bottom: 40px;
text-align: center;
}
@media not all and (min-width: 768px){
.footer_section_group_list {
padding: 30px 10px;
}
.footer_section_group_list h4 {
margin-bottom: 20px;
}
}
.footer_section_group_list ul {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}
.footer_section_group_list ul li:not(:last-child) {
margin-right: 30px;
}
@media not all and (min-width: 768px){
.footer_section_group_list ul li {
width: 48%;
}
.footer_section_group_list ul li:not(:last-child) {
margin-right: 0;
margin-bottom: 30px;
}
}
@media not all and (min-width: 468px){
.footer_section_group_list ul li {
width: 100%;
}
}
.footer_section_group_list ul li a {
display: block;
}
.footer_section_group_list ul li img {
display: block;
margin: 0 auto;
max-width: 100%;
height: auto;
}
.copyright {
position: relative;
padding: 50px 10px;
color: #f2f2f2;
font-size: 12px;
text-align: center;
background-color: #333;
}
.footer_copyright_ban {
position: absolute;
bottom: 0;
right: 0;
}
@media not all and (min-width: 768px){
.copyright {
padding: 30px 10px;
}
}
.details_flow_brn {
position: fixed;
top: 140px;
right: 0;
z-index: 10;
}
.details_flow_brn .item:not(:last-child) {
margin-bottom: 20px;
}
.details_flow_brn .item a {
display: block;
padding: 20px 40px;
font-size: 19px;
font-weight: 700;
text-align: center;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
background-color: #30B2E0;
}
.details_flow_brn .item a:hover {
text-decoration: none;
background-color: #1584AC;
}
.details_flow_brn .item a img {
display: inline-block;
margin: 30px auto 0;
max-width: 100%;
height: auto;
}
@media not all and (min-width: 768px){
.details_flow_brn {
bottom: 30%;
}
.details_flow_brn .item:not(:last-child) {
margin-bottom: 10px;
}
.details_flow_brn .item a {
padding: 10px 20px;
font-size: 14px;
}
.details_flow_brn .item a img {
margin: 20px auto 0;
}
} .footer_contact {
background-image: url(//mmin-net.co.jp/wmmip/wp-content/themes/mmi/image/common/footer-contact-btn-bg.jpg.webp);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.footer_contact_bg {
padding: 150px 0 120px;
width: 100%;
height: 100%;
background-color: rgba(60,154,188,0.8);
}
@media not all and (min-width: 768px){
.footer_contact_bg {
padding: 70px 0 50px;
}
}
.footer_contact .wrap {
display: flex;
justify-content: space-between;
align-items: flex-end;
flex-wrap: wrap;
}
@media not all and (min-width: 768px){
.footer_contact .wrap .wrap_contents {
margin-bottom: 30px;
width: 100%;
text-align: center;
}
}
.footer_contact .wrap .btn {
margin-right: auto;
margin-left: auto;
}
}
.footer_contact .wrap .wrap_contents h4 {
position: relative;
margin-bottom: 30px;
font-size: 32px;
}
.footer_contact .wrap .wrap_contents h4 .en {
position: absolute;
top: -70px;
left: 0;
color: #2686A8;
font-size: 80px;
z-index: 1;
}
@media not all and (min-width: 768px){
.footer_contact .wrap .wrap_contents h4 {
margin-bottom: 20px;
font-size: 24px;
}
.footer_contact .wrap .wrap_contents h4 .en {
top: -30px;
left: 50%;
transform: translateX(-50%);
font-size: 40px;
}
}
.footer_contact .wrap .wrap_contents h4 .jp {
position: relative;
z-index: 2;
}
.footer_contact .wrap .wrap_contents p {
font-weight: 700;
}
.footer_contact .wrap .wrap_contents .pboshu {
margin-top: 30px;
}
.footer_contact .wrap .btn a {
display: block;
position: relative;
padding: 20px 30px;
width: 320px;
font-weight: 700;
background-color: #E0BE30;
border-radius: 50px;
}
.footer_contact .wrap .btn a::after {
content: '';
position: absolute;
top: 50%;
right: 30px;
transform: translateY(-50%);
width: 49px;
height: 30px;
background-image: url(//mmin-net.co.jp/wmmip/wp-content/themes/mmi/image/common/arrow01.svg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
@media not all and (min-width: 768px){
.footer_contact .wrap .btn a {
width: 320px;
}
.footer_contact .wrap .btn a::after {
right: 20px;
width: 33px;
height: 20px;
background-image: url(//mmin-net.co.jp/wmmip/wp-content/themes/mmi/image/common/arrow01.svg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
}
@media not all and (min-width: 368px){
.footer_contact .wrap .btn,
.footer_contact .wrap .btn a {
width: 100%;
}
}
.footer_section {
background-color: #333;
}
.footer_section_wrap {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-right: auto;
margin-left: auto;
padding: 50px 0;
width: 1200px;
}
@media not all and (min-width: 1200px){
.footer_section_wrap {
padding: 50px 10px;
width: 100%;
}
}
.footer_section_nav {
display: flex;
flex-wrap: wrap;
}
@media not all and (min-width: 940px){
.footer_section_nav {
margin-bottom: 30px;
width: 100%;
}
.footer_section_company_info {
width: 100%;
text-align: center;
}
}
@media not all and (min-width: 768px){
.footer_section_nav {
display: none;
}
}
.footer_section_nav .item {
margin-right: 70px;
}
@media not all and (min-width: 1000px){
.footer_section_nav .item {
margin-right: 30px;
}
}
@media not all and (min-width: 940px){
.footer_section_nav .item {
margin-right: 0;
width: 32%;
}
}
.footer_section_nav .item ul li.main:not(:last-child) {
margin-bottom: 15px;
}
.footer_section_nav .item ul li.main a {
color: #f2f2f2;
font-size: 14px;
font-weight: 700;
}
.footer_section_nav .item ul li.sub {
padding-left: 10px;
}
.footer_section_nav .item ul li.sub a {
color: #aaa;
font-size: 12px;
}
.footer_section_company_info .name {
margin-bottom: 10px;
color: #f2f2f2;
font-size: 14px;
font-weight: 700;
}
.footer_section_company_info .address {
margin-bottom: 30px;
color: #f2f2f2;
font-size: 12px;
}
.footer_section_company_info .address span {
display: block;
font-weight: 700;
}
.footer_section_company_info .btn a {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
padding: 20px 10px;
width: 190px;
color: #f2f2f2;
font-weight: 700; border-radius: 60px;
}
@media not all and (min-width: 940px){
.footer_section_company_info .btn a {
margin-right: auto;
margin-left: auto;
}
}
.footer_section_company_info .btn a img {
display: inline-block;
margin-right: 20px;
max-width: 100%;
height: auto;
}
.footer_section_company_info .btn a:hover {
text-decoration: none;
background-color: #000 ;
}
.footer_section_company_info .btn a:hover img {
opacity: 1;
}
.footer_section_group_list {
padding: 50px 10px;
}
.footer_section_group_list h4 {
margin-bottom: 40px;
text-align: center;
}
@media not all and (min-width: 768px){
.footer_section_group_list {
padding: 30px 10px;
}
.footer_section_group_list h4 {
margin-bottom: 20px;
}
}
.footer_section_group_list ul {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}
.footer_section_group_list ul li:not(:last-child) {
margin-right: 30px;
}
@media not all and (min-width: 768px){
.footer_section_group_list ul li {
width: 48%;
}
.footer_section_group_list ul li:not(:last-child) {
margin-right: 0;
margin-bottom: 30px;
}
}
@media not all and (min-width: 468px){
.footer_section_group_list ul li {
width: 100%;
}
}
.footer_section_group_list ul li a {
display: block;
}
.footer_section_group_list ul li img {
display: block;
margin: 0 auto;
max-width: 100%;
height: auto;
}
.copyright {
position: relative;
padding: 50px 10px;
color: #f2f2f2;
font-size: 12px;
text-align: center;
background-color: #333;
}
.footer_copyright_ban {
position: absolute;
bottom: 0;
right: 0;
} @media not all and (min-width: 768px){
.copyright {
padding: 30px 10px;
}
}
.bioclean_section_title {
margin-bottom: 60px;
font-size: 52px;
text-align: center;
}
@media not all and (min-width: 768px){
.bioclean_section_title {
margin-bottom: 40px;
font-size: 28px;
}
}
.disinfection-work_contact_tel {
margin-bottom: 80px;
}
.disinfection-work_contact_tel dl {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-bottom: 20px;
font-size: 18px;
font-weight: 700;
}
.disinfection-work_contact_tel dt {
width: 200px;
font-size: 15px;
}
.disinfection-work_contact_tel dd {
width: calc(100% - 200px);
}
@media not all and (min-width: 568px){
.disinfection-work_contact_tel dl {
text-align: center;
}
.disinfection-work_contact_tel dt {
margin-bottom: 5px;
width: 100%;
}
.disinfection-work_contact_tel dd {
width: 100%;
}
.disinfection-work_contact_tel p {
font-size: 15px;
text-align: center;
}
}
.contact-form,
.contact-form__bg {
margin-right: auto;
margin-left: auto;
max-width: 800px;
}
.contact-form__item {
display: block;
margin-bottom: 30px;
}
.contact-form__label {
display: flex;
align-items: center;
margin-bottom: 15px;
font-size: 18px;
font-weight: bold;
}
.contact-form__input input {
display: block;
padding: 20px!important;
font-size: 16px;
font-weight: bold;
border: 0;
border-radius: 10px;
-webkit-appearance : none;
}
.contact-form__text textarea {
display: block;
padding: 20px!important;
width: 100%;
height: 260px;
font-size: 16px;
font-weight: bold;
border: 0;
border-radius: 10px;
-webkit-appearance : none;
}
.contact-form .contact-form__input input {
display: block;
padding: 20px!important;
font-size: 16px;
font-weight: bold;
background-color: #fff;
border: 0;
border-radius: 10px;
-webkit-appearance : none;
}
.contact-form .contact-form__text textarea {
display: block;
padding: 20px!important;
width: 100%;
height: 260px;
font-size: 16px;
font-weight: bold;
background-color: #fff;
border: 0;
border-radius: 10px;
-webkit-appearance : none;
}
.contact-form__bg .contact-form__input input {
background-color: #EFEFEF;
}
.contact-form__bg .contact-form__text textarea {
background-color: #EFEFEF;
}
.contact-form__input.min input {
width: 400px;
}
.contact-form__input.mid input {
width: 600px;
}
.contact-form__input.max input {
width: 100%;
}
@media not all and (min-width: 768px){
.contact-form__input.min input {
width: 100%;
}
.contact-form__input.mid input {
width: 100%;
}
}
.contact-form__req {
display: flex;
justify-content: center;
align-items: center;
margin-left: 10px;
width: 40px;
height: 24px;
color: #fff;
font-size: 12px;
background-color: #0C84C1;
border-radius: 50vh;
}
.contact-form__item-add {
margin-bottom: 50px;
font-size: 12px;
}
.contact-form__submit input {
display: block;
margin: 0 auto 20px;
padding: 20px 10px!important;
width: 300px;
color: #fff;
font-size: 18px;
font-weight: bold;
background-color: #0C84C1;
border: 5px solid #CFE4EF;
border-radius: 50vh;
-webkit-appearance : none;
}
.contact-form__submit input:hover {
background-color: #499DC7;
}
.contact-form__privacy {
font-size: 14px;
text-align: center;
}
.contact-form__privacy a {
color: #0C84C1;
font-weight: bold;
text-decoration: underline;
}
.contact-form__privacy a:hover {
text-decoration: none;
}
.contact-line__box {
margin-top: 90px;
margin-right: auto;
margin-left: auto;
max-width: 800px;
padding: 40px;
background-color: #fff;
border-radius: 10px;
}
.contact-line__box.bg {
background-color: #efefef;
}
@media not all and (min-width: 768px){
.contact-line__box {
padding: 20px;
}
}
.contact-line__heading {
display: flex;
justify-content: center;
align-items: center;
font-size: 21px;
}
.contact-line__heading img {
display: block;
margin-right: 20px;
margin-bottom: 30px;
max-width: 100%;
height: auto;
}
.contact-line__hero {
margin-bottom: 40px;
text-align: center;
}
.contact-line__wrap {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.conatct-line__item {
padding: 40px 10px;
width: 32%;
text-align: center;
background-color: #EAEFF2;
border-radius: 10px;
}
.conatct-line__item {
padding: 40px 10px;
width: 32%;
text-align: center;
background-color: #EAEFF2;
border-radius: 10px;
}
.conatct-line__item.bg {
background-color: #fff;
}
.contact-line__item--heading {
margin-bottom: 20px;
font-size: 14px;
}
.contact-line__item--image {
display: flex;
justify-content: center;
align-items: center;
height: 100px;
}
.contact-line__item--image p {
color: #00B901;
font-size: 26px;
font-weight: bold;
}
@media not all and (min-width: 668px){
.conatct-line__item {
padding: 20px 10px;
width: 100%;
}
.conatct-line__item:not(:last-child) {
margin-bottom: 20px;
}
.contact-line__item--image {
height: auto;
}
}
.section_area {
margin: 0 auto;
width: 1200px;
}
@media not all and (min-width: 1200px){
.section_area {
padding: 0 20px;
width: 100%;
}
}
@media not all and (min-width: 568px){
.section_area {
padding: 0 10px;
}
}
.section_min_area {
margin: 0 auto;
width: 800px;
}
@media not all and (min-width: 800px){
.section_min_area {
padding: 0 20px;
width: 100%;
}
}
@media not all and (min-width: 568px){
.section_min_area {
padding: 0 10px;
}
} .section .edel{
position: relative;
width: 960px;
margin: 0 auto;
}
@media not all and (min-width: 768px) {
.edel{
width: 100%;
}}
.edel img{
display: block;
height: auto;
width: 100%;
padding: 0em;
margin: 0em;
}
.edel .img-sp {
display: none;
}
@media not all and (min-width: 768px) {
.edel .img-pc  {
display: none;
}
.edel .img-sp {
display: block;
}}
.edel-feature-box {
display:flex;
flex-direction: row;
justify-content: space-between;
align-items: flex-end;
margin: 5.5em 2em 0 0;
}
@media not all and (min-width: 768px) {
.edel-feature-box {
width: 100%;
}}
.edel-feature-box_text {
width: 100%;
margin-top: 3em;
}
.edel-feature-box_text h3 {
font-size: 2.5em;
margin-bottom: 0.6em;
text-align: center;
}
@media not all and (min-width: 768px) {
.edel-feature-box_text h3 {
width: 90%;
margin-left: 5%;
}}
.edel-feature-box_text li {
font-size: 1.4em;
font-weight: 600;
margin-left: 6em;
}
@media not all and (min-width: 768px) {
.edel-feature-box_text li {
margin: 1em;
}}
.edel-feature-box_image {
width: 5em;
margin-left: 3%;
}
@media not all and (min-width: 768px) {
.edel-feature-box_image {
display: none;
}}
.edel-feature-box_image img {
width: 100%;
height:auto;
}
.edel-twin {
display: flex;
justify-content: space-between;
} .edel-twin:not(:last-child){
margin: 3em 0 2em 0;
} .edel-twin:nth-child(even){
flex-direction: row-reverse;
} .twin-image {
display: flex;
align-items: center;
width: 26%;
padding-right: 10px;
}
@media not all and (min-width: 768px) {
.twin-image {
display: none;
}}
.twin-image img{
width: 100%;
max-height: 70%;
object-fit: scale-down;
} .twin-text{
width: 70%;
}
.twin-text h2 {
font-size: 2.4em;
text-align: center; }
.twin-text h3 {
font-size: 1.2em;
text-align: center;
padding: 0 0 0.1em 0;
margin-bottom: 0.8em; }
.twin-text p{
font-size: 1.1em;
line-height: 1.5;
} .twin-text_arrow-box{
position:relative;
width:100%;
height:auto;
background:#FFFFFF;
padding:10px;
text-align:left;
border:4px solid #FF9966;
color:#000000;
font-size:20px;
border-radius:18px;
-webkit-border-radius:18px;
-moz-border-radius:18px;
}
@media not all and (min-width: 768px) {
.twin-text_arrow-box{
width: 95%;
margin-left: 2%;
}}
.twin-text_arrow-box:after,.twin-text_arrow-box:before{
border: solid transparent;
content:'';
height:0;
width:0;
pointer-events:none;
position:absolute;
left:100%;
top:20%;
}
.twin-text_arrow-box:after{
border-color: rgba(255, 255, 255, 0);
border-top-width:5px;
border-bottom-width:5px;
border-left-width:20px;
border-right-width:20px;
margin-top: -5px;
border-left-color:#FFFFFF;
}
.twin-text_arrow-box:before{
border-color: rgba(255, 153, 102, 0);
border-top-width:9px;
border-bottom-width:9px;
border-left-width:34px;
border-right-width:34px;
margin-top: -9px;
margin-left: 4px;
border-left-color:#FF9966;
}
@media not all and (min-width: 768px) {
.twin-text_arrow-box:after,.twin-text_arrow-box:before{
display: none;
}}
@media not all and (min-width: 768px) {
.twin-text p{
padding: 0 10%;
}}  @media not all and (min-width: 768px) {
.edel-twin{
flex-direction: column;
align-items: center;
}
.edel-twin:nth-child(even) {
flex-direction: column;
}
.twin-image {
width: 100%;
height: 250px;
padding-bottom: 30px;
}
.twin-text {
width: 100%;
}
}
.edel_before_after {
display: flex;
justify-content: space-between;
position: relative;
margin-bottom: 5em;
}
@media not all and (min-width: 768px) {
.edel_before_after {
flex-flow: column;
}}
.edel_before_after p {
width: 100%;
text-align: center;
}
@media not all and (min-width: 768px) {
.edel_before_after p {
display: none;
}}
.edel_before_after_image > img {
margin: 0px auto;
max-width: 100%;
}
@media not all and (min-width: 768px) {
.edel_before_after_image img {
max-width:  90%;
}}
.edel_before_after_arrow {
position: relative;
width: 60px;
height: 60px;
color: #ff9966; }
.edel_before_after_arrow::before {
position: absolute;
top: 50%;
transform: translateY(-50%);
content: "";
}
.edel_before_after_arrow::before { width: 0px;
height: 0px;
border: 40px solid transparent;
border-left: 50px solid currentColor;
}  @media not all and (min-width: 768px) {
.edel_before_after_arrow {
margin: 30px auto;
transform: rotate(90deg);
}
}
@media print, (min-width: 768px) {
.edel_before_after {
display: flex;
justify-content: space-between;
position: relative;
}
.edel_before_after_image {
width: calc(50% - 60px);
}
.edel_before_after_arrow {
position: absolute;
top: 10em;
left: 51%;
transform: translateX(-50%) translateY(-50%);
}
}
.edel-dashed-line { background:linear-gradient(to right, #ff9966, #ff9966 83%, #fff 83%, #fff 100%) 0% 0%;
background-size:6px 1px;
width: 100%;
height: 1px;
margin-bottom: 5em;
}
.edel-price {
font-family: "Open Sans", sans-serif;
line-height: 1.25;
margin-top: 3em;
}
.edel-price p {
width: 100%;
text-align: right;
}
table {
border-collapse: collapse;
margin: 0 auto;
padding: 0;
width: 100%;
table-layout: fixed;
}
table tr {
background-color: #e6f2f5;
padding: .35em;
border-bottom: 2px solid #fff;
}
table th,
table td {
padding: 1em 10px 1em 1em;
border-right: 2px solid #fff;
vertical-align:middle;
}
table th {
font-size: .85em;
}
table thead tr{
background-color: #167F92;
color:#fff;
}
table tbody th {
background: #78bbc7;
color: #fff;
}
.txt{
text-align: left;
font-size: .85em;
vertical-align:middle;
}
@media not all and (min-width: 768px) {
.txt{
text-align: center;
}
.price{
text-align: right;
color: #167F92;
font-weight: bold;
vertical-align:middle;
}
@media not all and (min-width: 768px) {
.price{
text-align: center;
}
.quantity{
text-align: center;
font-size: .85em;
vertical-align:middle;
}
@media not all and (min-width: 768px) {
.quantity{
text-align: center;
}
.non{
background:#fff
}
@media screen and (max-width: 600px) {
table {
border: 0;
width:100%
}
table th{
background-color: #167F92;
display: block;
border-right: none;
}
table thead {
border: none;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
table tr {
display: block;
margin-bottom: .625em;
}
table td {
border-bottom: 1px solid #bbb;
display: block;
font-size: .8em;
text-align: right;
position: relative;
padding: .625em .625em .625em 4em;
border-right: none;
}
table td::before {
content: attr(data-label);
font-weight: bold;
position: absolute;
left: 10px;
color: #167F92;
}
table td:last-child {
border-bottom: 0;
}
table tbody th {
color: #fff;
}
} .kobutsu {
position: relative;
margin:20px 70px 20px auto;
color: #717375;
font-size: 10px;
text-align: right;
} .totop a {
display: block;
}
.totop img {
display: block;
width: 100%;
height: auto;
}
.totop {
position: fixed;
bottom: 220px;
right: 10px;
width: 40px;
z-index: 100;
}
.p-boshu {
position: fixed;
bottom: 90px;
right: 10px;
width: 32px;
z-index: 100;
}
.p-boshu a {
display: block;
}
.p-boshu img {
display: block;
width: 100%;
height: auto;
}
@media not all and (min-width: 768px) {
.kobutsu {
margin:20px 10px;
}
}