@charset "UTF-8";
@charset 'UTF-8';
.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
 .slick-loading .slick-list
{
background: #fff url(https://micro-ma.com/cms/wp-content/themes/justma/css/ajax-loader.gif) center center no-repeat;
} @font-face
{
font-family: 'slick';
font-weight: normal;
font-style: normal;
src: url(https://micro-ma.com/cms/wp-content/themes/justma/css/fonts/slick.eot);
src: url(https://micro-ma.com/cms/wp-content/themes/justma/css/fonts/slick.eot?#iefix) format('embedded-opentype'), url(https://micro-ma.com/cms/wp-content/themes/justma/css/fonts/slick.woff) format('woff'), url(https://micro-ma.com/cms/wp-content/themes/justma/css/fonts/slick.ttf) format('truetype'), url(https://micro-ma.com/cms/wp-content/themes/justma/css/fonts/slick.svg#slick) format('svg');
} .slick-prev,
.slick-next
{
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 20px;
height: 20px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
color: transparent;
outline: none;
background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
opacity: .25;
}
.slick-prev:before,
.slick-next:before
{
font-family: 'slick';
font-size: 20px;
line-height: 1;
opacity: .75;
color: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev
{
left: -25px;
}
[dir='rtl'] .slick-prev
{
right: -25px;
left: auto;
}
.slick-prev:before
{
content: '←';
}
[dir='rtl'] .slick-prev:before
{
content: '→';
}
.slick-next
{
right: -25px;
}
[dir='rtl'] .slick-next
{
right: auto;
left: -25px;
}
.slick-next:before
{
content: '→';
}
[dir='rtl'] .slick-next:before
{
content: '←';
} .slick-dotted.slick-slider
{
margin-bottom: 30px;
}
.slick-dots
{
position: absolute;
bottom: -25px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li
{
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button
{
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
opacity: 1;
}
.slick-dots li button:before
{
font-family: 'slick';
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: '•';
text-align: center;
opacity: .25;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
opacity: .75;
color: black;
}
  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, a {
margin: 0;
padding: 0;
border: 0;
outline: 0;
list-style-type: none;
font-size: 100%;
vertical-align: baseline;
background: transparent;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
body {
line-height: 1;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
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;
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;
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;
} html {
font-size: 62.5%; }
body {
width: 100%;
margin: 0 auto;
font-size: 16px;
font-size: 1.6rem;
line-height: 1.8;
font-weight: 400;
font-weight: 400;
letter-spacing: 0.09em;
color: #000;
font-family:'Hiragino Kaku Gothic Pro','Noto Sans JP','Yu Gothic', sans-serif;
}
@media screen and (max-width: 767px) {
body {
font-size: 14px;
font-size: 1.4rem;
}
}
a {
text-decoration: none;
}
a, a:before, a:after {
-webkit-transition: 0.16s cubic-bezier(0.17, 0.935, 0.305, 1);
transition: 0.16s cubic-bezier(0.17, 0.935, 0.305, 1);
}
a:hover {
text-decoration: none;
opacity: 0.6;
}
h1, h2, h3, h4, h5, h6 {
font-weight: 400;
}
p {
font-weight: 400;
}
img {
max-width: 100%;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.cf:after {
content: "";
display: block;
clear: both;
}
.tel{
pointer-events: none;
}
.pc-only{
display: block;
}
.sp-only{
display: none;
} .mincho{
font-family: fot-matisse-pron, sans-serif;
font-weight: 500;
font-style: normal;
}
.orange{
color: #E98329;
}
.orange02{
color: #FFA14D;
}
.gray{
color: #A4A4A4;
}
@media screen and (max-width: 767px){
.pc-only{
display: none;
}
.sp-only{
display: block;
}
.tel{
pointer-events:auto;
}
} ::-moz-selection {
background: #dedede;
}
::selection {
background: #dedede;
}
::-moz-selection {
background: #dedede;
}   input[type="submit"],
input[type="button"] {
border-radius: 0;
-webkit-box-sizing: content-box;
-webkit-appearance: button;
-moz-appearance: button;
appearance: button;
border: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
outline-offset: -2px;
}
.c-block{
display: inline-block;
} @keyframes logoZoomOut {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
50% {
-webkit-transform: scale(0);
transform: scale(0);
opacity: 0;
}
100% {
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
}
}
@-webkit-keyframes logoZoomOut {
0% {
opacity: 0;
-webkit-transform: translateX(-30%);
transform: translateX(-30%);
}
75% {
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
.l-header {
width: 100%;
max-width: 100vw;
-webkit-transition: 0.16s cubic-bezier(0.17, 0.935, 0.305, 1);
transition: 0.16s cubic-bezier(0.17, 0.935, 0.305, 1);
}
.l-header .inner {
width: 100%;
max-width: calc( 1280px + 3% * 2);
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-left: 3%;
padding-right: 3%;
margin-left: auto;
margin-right: auto;
}
.l-header-bar {
position: fixed;
top: 0;
left: 50%;
transform: translate(-50%,0);
width: 100%;
max-width: 100vw;
background-color: #fff;
z-index: 1000;
-webkit-transition: 0.4s cubic-bezier(0.17, 0.935, 0.305, 1);
transition: 0.4s cubic-bezier(0.17, 0.935, 0.305, 1);
}
.l-header-bar.fixed {
-webkit-transition: none;
transition: none;
}
.l-header-bar .site-ttl{
font-size: 1.4rem;
padding: 0.8em 20px 0.1em;
display: block;
letter-spacing: 0;
}
.l-header-bar-container {
width: 100%;
-webkit-box-align: center;
-ms-flex-align:  center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: space-between;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.l-header-left {
width: 100%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
width: auto;
margin-bottom: 0;
padding: 10px 15px 0 2%;
-webkit-transition: 1.2s cubic-bezier(0.17, 0.935, 0.305, 1);
transition: 1.2s cubic-bezier(0.17, 0.935, 0.305, 1);
}
.l-header-left .c-logo {
display: block;
width: 330px; margin-right: 1em;
}
.l-header-left .c-logo:hover {
opacity: 1;
}
.l-header .l-header-right .l-header-btn { -webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap; -webkit-transition: 1.2s cubic-bezier(0.17, 0.935, 0.305, 1);
transition: 1.2s cubic-bezier(0.17, 0.935, 0.305, 1);
}
.l-header .l-header-right .l-header-btn a {
display: block;
}
.l-header .l-header-right .l-header-btn a img {
display: block;
}
.l-header .l-header-nav {
position: relative;
width: 100%;
}
.l-header .l-header-nav ul {
width: 100%;
list-style: none;
width: 100%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
position: relative;
right: 3%;
}
.l-header .l-header-nav .l-menu {
text-align: center;
position: relative;
font-size: 1.4rem;
letter-spacing: 0;
text-align: center;
display: inline-block;
}
.l-header .l-header-nav .l-menu a {
display: block;
position: relative;
text-decoration: none;
color: #202625;
padding: 0em 1.5em;
}
.l-header .l-header-nav .l-menu a:hover{
color: #E98329;
}
.l-header .l-header-nav .l-menu:nth-child(1) a::before{
content: none;
}
.l-header .l-header-nav .l-menu a::before{
content: '';
position: absolute;
width: 1px;
height: 13px;
background-color: #000;
left:0;
top: 50%;
transform: translate(0,-50%);
}
.l-header .l-header-nav .nav-btn {
position: absolute;
display: flex;
top: 0px;
right: 0px;
width: 100%;
max-width: 419px;
justify-content: space-between;
line-height: 1;
}
.l-header .l-header-nav .nav-btn a{
max-width:200px;
width: 100%;
color: #fff;
text-align: center;
font-weight: 300;
padding: 1.15em 0;
display: block;
}
.l-header .l-header-nav .nav-btn a img{
margin-bottom: 7px;
}
.l-header .l-header-nav .contact{
margin: 0 1% 0 2%;
}
.l-header .l-header-nav .onlineshop,
.l-header .l-header-nav .contact{
max-width: 200px;
width: 100%;
}
.l-header .l-header-nav .onlineshop a{
background-color: #6CB4B8;
color: #fff!important;
padding: 0.8em 0;
}
.l-header .l-header-nav .contact a{
background-color: #26AEFA;
font-weight: bold;
padding: 0.8em 0;
color: #fff!important;
}
.l-header-right {
width: 100%;
}
.shop-btn.pc,
.contact-btn.pc {
display: none;
}
#overlay {
width: 100%;
height: 100vh;
position: fixed;
left: 0;
top: 0;
background: rgba(0, 0, 0, 0.7);
z-index: 100;
display: none;
}
#drawer-menu {
width: 260px;
height: 100vh;
padding: 12% 0 0;
overflow-y: scroll;
background: #fff;
position: fixed;
right: 0;
top: 0;
z-index: 200;
-webkit-transform: translateX(320px);
transform: translateX(320px);
-webkit-transition: 0.3s cubic-bezier(0.17, 0.935, 0.305, 1);
transition: 0.3s cubic-bezier(0.17, 0.935, 0.305, 1);
}
#drawer-menu.open {
-webkit-transform: translateX(0);
transform: translateX(0);
}
#drawer-menu .drawer-btn {
width: 100%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
font-size: 18px;
font-size: 1.8rem;
padding: 0.8em 0;
border-radius: 4px;
letter-spacing: 0;
font-weight: 700;
text-align: center;
}
#drawer-menu .drawer-menu__nav li {
border-bottom: 1px solid #ccc;
}
#drawer-menu .drawer-menu__nav li a {
display: block;
padding: 15px;
}
#drawer-menu #close {
position: relative;
width: 28px;
height: 28px;
display: block;
margin-left: auto;
}
#drawer-menu #close span {
width: 28px;
height: 2px;
background: #202625;
position: absolute;
left: 50%;
top: 50%;
}
#drawer-menu #close span:first-child {
-webkit-transform: translate(-50%, -50%) rotate(45deg);
transform: translate(-50%, -50%) rotate(45deg);
}
#drawer-menu #close span:nth-child(2) {
-webkit-transform: translate(-50%, -50%) rotate(-45deg);
transform: translate(-50%, -50%) rotate(-45deg);
}
#drawer-menu .inner {
padding: 15px;
}
#drawer-menu .p-drawer-bnr {
margin-top: 20px;
}
#drawer-menu .p-drawer-bnr-item {
display: block;
}
#drawer-menu .p-drawer-bnr-item:nth-of-type(n+2) {
margin-top: 10px;
}
#drawer-menu .p-drawer-bnr-item .c-media img {
display: block;
}
#drawer-menu .p-drawer-nav {
padding-top: 2em;
}
#drawer-menu .p-drawer-nav .l-menu a {
color: #202625;
padding: 0.5em;
border-radius: 2px;
background: #F5F5F5;
display: block;
}
#drawer-menu .p-drawer-nav .l-menu:nth-of-type(n+2) {
margin-top: 0.5em;
}
#drawer-menu .nav-btn{
margin-top: 10px;
}
#drawer-menu .nav-btn a{
width: 100%;
color: #fff;
display: block;
width: 100%;
text-align: center;
font-size: 1.2rem;
padding: 8px 0;
}
#drawer-menu .nav-btn .access{
background-color: #EB9D44;
}
#drawer-menu .nav-btn .contact{
background-color: #0F969B;
}
#navbtn{
display: none;
} .dropdown {
position: relative;
display: inline-block;
}
.dropbtn:hover {
background-color: transparent!important;
color: #B7706C!important;
}
.dropdown-content {
display: none;
position: absolute;
background-color: #fff;
min-width: 280px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
}
.dropdown-content a {
text-decoration: none;
display: block;
padding: 15px 20px!important;
text-align: left;
}
.dropdown-content a::before{
content: none!important;
}
.nolink{
pointer-events: none;
}
.dropdown-content a span{
display: block;
}
.dropdown-content a:hover {
background-color: #FCF8F4;
}
.dropdown:hover .dropdown-content {
display: block;
}
@media screen and (max-width: 1334px) {
.l-header .l-header-nav .l-menu {
font-size: 1rem;
}
}
@media screen and (max-width: 1300px) {
.l-header .l-header-nav .l-menu a {
padding: 0.8em;
}
.l-header-left .c-logo {
width:220px;
}
.l-header .l-header-nav .l-menu {
font-size: 1.1rem;
}
.l-header .l-header-nav .l-menu a::before {
left: -2px;
}
}
@media screen and (max-width: 1025px) {
.l-header .l-header-btn ul,
.l-header .l-header-nav {
display: none!important;
}
.l-header-right {
display: flex;
width: auto;
}
.l-header-left {
padding: 0;
display: flex;
justify-content: center;
}
.l-header-left .c-logo {
margin-right: 0px;
margin: 5px 0px 0 0;
}
#drawer-menu {
width: 100%;
height: 100vh;
padding-bottom: 120px;
overflow-y: scroll;
background: #fff;
position: fixed;
right: 0;
top: 0;
z-index: 200;
-webkit-transform: translateX(0px);
transform: translateX(0px);
-webkit-transition: 0.3s cubic-bezier(0.17, 0.935, 0.305, 1);
transition: 0.3s cubic-bezier(0.17, 0.935, 0.305, 1);  transition: 0.5s ease-in-out;
visibility: hidden;
opacity: 0;
display: block;
}
.open #drawer-menu{
visibility: visible;
opacity: 1;
}
.shop-btn.pc,
.contact-btn.pc {
display: block;
max-width: 65px;
width: 100%;
padding-top: 0.8em;
} #navbtn{
top: 0;
right: 0;
outline: none;
border: none;
background: #EEA321;
width: 51px;
height: 51px;
cursor: pointer;
display: block;
position: relative;
}
#navbtn span {
position: absolute;
left: 20%;
width: 82%;
height: 1px;
background-color: #fff;
border-radius: 4px; }
#navbtn span {
display: inline-block;
transition: all .5s;
box-sizing: border-box;
}
#navbtn span:nth-of-type(1) {
top: 19px;
width: 34%;
}
#navbtn span:nth-of-type(2) {
top: 25px;
width: 47%;
}
#navbtn span:nth-of-type(3) {
top: 31px;
width: 55%;
}
.open #navbtn span {
position: absolute;
left: 23%;
}
.open #navbtn span:nth-of-type(1) {
-webkit-transform: translateY(2px) rotate(-45deg);
transform: translateY(2px) rotate(-45deg);
width: 55%;
top: 23px;
}
.open #navbtn span:nth-of-type(2) {
-webkit-transform: translateY(-4px) rotate(45deg);
transform: translateY(-4px) rotate(45deg);
width: 55%;
top: 29px;
}
.open #navbtn span:nth-of-type(3) {
display: none;
}
.contact-btn {
background-color: #26AEFA;
font-size: 1rem;
padding: 5px 11px 0;
color: #000;
}
.shop-btn {
background-color: #6CB4B8;
font-size: 1rem;
padding: 5px 11px 0;
color: #000;
}
.shop-btn span,
.contact-btn span{
display: block;
text-align: center;
font-weight: bold;
color: #fff;
}
}
@media screen and (max-width: 991px) {
.l-header-bar .site-ttl {
display: none;
}
.l-header-bar-container {
width: 100%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.l-header .l-header-nav {
display: none;
}
}
@media screen and (max-width: 768px) {
.l-header-bar {
width: 100%;
border-radius: 0;
}
.l-header-bar.fixed {
padding: 0;
}
}
@media screen and (max-width: 767px) {
.l-header .inner {
padding: 0;
}
.l-header-left .c-logo {
margin-left: 10px;
width:235px;
}
.l-header-bar-container {
padding: 0;
}
}
@media screen and (max-width: 479px) {
.l-header .l-header-right .l-header-btn a img {
height: 42px;
}
.l-header .l-header-right .l-header-btn {
padding: 0;
}
} .footer-map{
width: 100%;
}
.footer-banner a{
width: 20%;
margin-right: 10px;
}
.footer-banner a img{
display: block;
width: 100%;
}
.footer-below{
padding:80px 5% 0;
}
.l-footer {
background-color: #FFF4EB;
padding: 80px 5% 60px;
}
.l-footer .btn{
max-width: 566px;
width: 100%;
margin: 0 auto;
}
.l-footer ul {
flex-wrap: wrap;
display: flex;
justify-content: center;
margin: 60px auto 83px;
max-width: 42%;
}
.l-footer ul li {
margin-bottom: 10px;
}
.l-footer ul li a{
color: #000;
font-size: 1.4rem;
padding: 0 18px;
border-right: 1px solid #000;
}
.l-footer .copyright-area a{
color: #000;
font-size: 1.4rem;
display: table;
margin: 0 auto;
}
@media screen and (max-width: 1025px) {
.l-footer {
padding:30px 5% 30px;
margin-top: 0;
}
.footer-btn{
font-size: 1.4rem;
margin: 0 auto 50px;
}
.footer-banner a {
width: 75%;
margin-right: 10px;
}
.l-footer .button {
font-size: 1.4rem;
}
.l-footer ul {
margin: 30px auto 30px;
max-width: 100%;
}
.l-footer ul li {
margin-bottom: 4px;
}
} #wrap {
position: relative;
overflow: hidden;
-webkit-transition: 0.3s cubic-bezier(0.17, 0.935, 0.305, 1);
transition: 0.3s cubic-bezier(0.17, 0.935, 0.305, 1);
}
#contents {
position: relative;
padding: 40px 0;
}
@media screen and (min-width: 992px) {
#contents {
padding: 80px 0;
}
}
.inner {
width: 100%;
max-width: calc( 1080px + 3% * 2);
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-left: 3%;
padding-right: 3%;
margin-left: auto;
margin-right: auto;
position: relative;
}
.inner02 {
width: 100%;
max-width: calc( 1720px + 3% * 2);
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-left: 3%;
padding-right: 3%;
margin-left: auto;
margin-right: auto;
position: relative;
}
.section {
padding: 80px 0;
}
@media screen and (max-width: 991px) {
.section {
padding: 40px 0;
}
}
@media screen and (max-width: 767px) {
.inner {
padding: 0 5%;;
}
} .a-fade-up{
transform: translateY(50px);
opacity: 0;
}
.a-fade-up.is-active{
transition: .6s;
transform: translateY(0);
opacity: 1;
}
.delay01 {
transition: 1.2s!important;
}
.delay02 {
transition: 1.6s!important;
}
.delay03 {
transition: 2s!important;
} a:hover{
opacity: 0.8!important;
}
.btn{
max-width: 240px;
width: 100%;
text-align: center;
color: #fff;
position: relative;
padding: 12px 0;
display: block;
background-color: #E98329;
font-size: 2rem;
transition: 0.3s ease-in-out;
border: 1px solid #E98329;;
border-radius: 3px;
font-family: fot-matisse-pron, sans-serif;
transition: 0.3s ease-in-out;
}
.btn:hover{
background-color: #fff;
color: #E98329;
}
.btn02 {
background-color: #fff;
border: 1px solid #E98329;
color: #E98329;
max-width: 540px;
width: 100%;
display: block;
margin: 0 auto 100px;
text-align: center;
font-size: 2rem;
padding: 10px 5px;
letter-spacing: -0.01em;
border-radius: 3px;
font-family: fot-matisse-pron, sans-serif;
transition: 0.3s ease-in-out;
}
.btn02:hover{
background-color: #E98329;
color: #fff;
}
@media screen and (max-width: 767px) {
.btn {
padding: 15px 0;
font-size: 1.4rem;
}
.btn02 {
font-size: 1.4rem;
}
} .c-heading{
font-size: 4rem;
display: block;
font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
font-weight: 500;
font-style: normal;
color: #462304;
line-height: 1.4;
}
.c-heading02{
font-size: 2.8rem;
display: block;
font-family: fot-matisse-pron, sans-serif;
font-weight: 500;
font-style: normal;
}
@media screen and (max-width:1500px) {
}
@media screen and (max-width: 768px) {
.c-heading{
font-size:2.2rem;
}
.c-heading02{
font-size:2rem;
}
}
@media screen and (max-width: 767px) {
.heading-h1{
font-size: 2rem;
}
.heading-h2{
font-weight: bold;
font-size: 1.8rem;
}
.heading-h2{
font-size: 1.8rem;
}
.heading-h2-line{
font-size: 1.8rem;
}
.orange-block::before{
width: 30px;
height: 30px;
left: -25px;
}
.orange-ttl-wrap + h2 {
font-size: 2rem;
margin: 8px 0 20px;
}
} .mv-wrap{
position: relative;
background: url(//micro-ma.com/cms/wp-content/themes/justma/images/top/bg_mv.png) no-repeat;
background-size: cover;
padding:150px 5% 199px ;
}
.mv-wrap .deco{
position: absolute;
bottom: 41%;
right: 27%;
max-width: 17%;
width: 100%;
}
.mv-wrap h1{
font-size: 2.6rem;
text-align: center;
}
.mv-wrap h1 .mv-copy{
display: block;
}
.mv-wrap h1 .mv-copy span{
background-color: #fff;
display: inline-block;
font-size: 4.5rem;
margin: 0 auto 0.3em;
border-radius: 3px;
padding: 0 20px;
}
.mv-wrap .mv-btn{
display: flex;
justify-content: center;
margin-top: 1em;
}
.mv-wrap .mv-btn.seminar{
display: flex;
justify-content: center;
margin-top: 55px;
}
.mv-wrap .mv-btn.seminar.acquirer{
margin-top: 1em;
}
.mv-wrap .mv-btn.seminar.acquirer .btn{
background-color: #21a3a3;
border-color: #21a3a3;
margin-top: 0;
}
@media screen and (min-width: 768px) {
.mv-wrap .mv-btn .btn.white{
margin-left: 1em;
}
}
.mv-wrap .mv-btn.seminar .btn{
max-width: calc( 720px + 1em );
background-color: #de4d24;
border-color: #de4d24;
}
.mv-wrap .mv-btn.seminar .btn:hover {
color: #fff;
opacity: 1;
} .about-area{
padding: 200px 0 100px;
position: relative;
}
.about-area-wrap{
max-width: 1080px;
margin: 0 auto;
}
.about-area .c-heading {
text-align: center;
margin-bottom: 55px;
}
.about-area .c-heading + p{
text-align: center;
line-height: 2;
}
.about-area .circle-wrap{
display: flex;
justify-content: space-between;
margin-top: 120px;
}
.about-area .circle-wrap figure{
width: 32%;
}
.about-area .menu-wrap{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 122px;
}
.about-area .menu-wrap a{
display: block;
width: 49.5%;
margin-bottom: 25px;
}
.about-area .menu-wrap a .title-box{
background-color: #E98329;
color: #fff;
padding: 10px 20px;
position: relative;
}
.about-area .menu-wrap a .title-box::before {
content: '';
position: absolute;
right: 31px;
top: 50%;
transform: translate(0,-50%);
box-sizing: border-box;
width: 5px;
height: 5px;
border: 5px solid transparent;
border-left: 7px solid #E98329;
z-index: 1;
}
.about-area .menu-wrap a .title-box::after {
content: '';
position: absolute;
right: 26px;
top: 50%;
transform: translate(0,-50%);
box-sizing: border-box;
width: 30px;
height: 30px;
background: #fff;
}
.about-area .menu-wrap a img{
display: block;
width: 100%;
} .message-area{
padding: 20px 0 100px;
}
.message-area .c-heading{
text-align: center;
}
.message-area .message-wrap{
display: flex;
justify-content: space-between;
flex-flow: row-reverse;
margin: 63px 0 70px;
align-items: flex-end;
}
.message-area .message-wrap figure{
width: 42%;
padding-top: 41px;
}
.message-area .message-wrap figure img{
width: 100%;
display: block;
}
.message-area .message-wrap .text-area{
width: 56%;
}
.message-area .message-wrap .text-area .c-heading02{
line-height: 1.6;
margin-bottom: 40px;
color: #462304;
font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
text-align: left;
}
.message-area .profile{
text-align: right;
margin-top: 20px;
} .association-area{
padding: 80px 0;
}
.association-area .c-heading{
text-align: center;
}
.association-area .kyoukai-box{
margin-bottom: 30px;
}
.association-area .box-content.space{
padding: 0 20px;
}
.association-area .ttl-orange-line{
font-size: 2rem;
border-bottom: 2px solid #E98329;
padding: 10px 0px;
margin-bottom: 30px;
}
.association-area .ttl-orange-box{
font-size: 2rem;
background-color: #E98329;
color: #fff;
padding: 10px 20px;
margin-bottom: 30px;
}
.association-area .kyoukai-box dl{
display: flex;
}
.association-area .kyoukai-box dl dt{
width: 18%;
padding: 5px;
}
.association-area .box-content ul{
margin: 25px 0 0;
}
.association-area .box-content li{
display: block;
line-height: 2;
}
.association-area .box-content ul.area li{
padding: 0 0 5px;
}
.association-area .kyoukai-box a{
color: #3E83DE;
text-decoration: underline;
}
.association-area .tab_wrap{
margin:80px auto 0;
}
.association-area input[type="radio"]{
display:none;
}
.association-area .tab_area{
font-size:0;
}
.association-area .tab_area label{
width:25%;
display:inline-block;
padding: 19px 0;
background:#F6E0CC;
text-align:center;
font-size: 1.6rem;
cursor:pointer;
transition:ease 0.2s opacity;
}
.association-area .tab_area label:hover{
opacity:0.5;
}
.association-area .panel_area{
background:#fff;
}
.association-area .tab_panel{
width:100%;
display:none;
padding: 60px 60px;
border: 1px solid #DDDDDD;
}
.association-area #tab1:checked ~ .tab_area .tab1_label{
background:#E98329;
color:#fff;
}
.association-area #tab1:checked ~ .panel_area #panel1{
display:block;
}
.association-area #tab2:checked ~ .tab_area .tab2_label{
background:#E98329;
color:#fff;
}
.association-area #tab2:checked ~ .panel_area #panel2{
display:block;
}
.association-area #tab3:checked ~ .tab_area .tab3_label{
background:#E98329;
color:#fff;
}
.association-area #tab3:checked ~ .panel_area #panel3{
display:block;
}
.association-area #tab4:checked ~ .tab_area .tab4_label{
background:#E98329;
color:#fff;
}
.association-area #tab4:checked ~ .panel_area #panel4{
display:block;
} .micro-area{
padding: 80px 0;
background-color: #F5EEEE;
}
.micro-area .c-heading{
margin-bottom: 20px;
position: relative;
text-align: center;
}
.micro-area .c-heading + p{
text-align: center;
}
.micro-area figure{
width: 100%;
margin: 37px 0 60px;
}
.micro-area figure img{
width: 100%;
margin: 0 auto;
max-width: 81%;
}
.micro-area .btn02{
margin: 57px 0 0 auto;
} .shien-area{
padding: 80px 0;
}
.shien-area .c-heading{
margin-bottom: 40px;
position: relative;
text-align: center;
}
.shien-area .inner-wrap{
display: flex;
justify-content: space-between;
}
.shien-area .inner-wrap figure {
width: 37%;
}
.shien-area .inner-wrap figure img{
width: 100%;
display: block;
}
.shien-area .inner-wrap .text-area {
width: 57%;
}
.shien-area .btn02{
margin: 57px 0 0 auto;
} .why-area{
padding: 80px 0;
background-color: #F5EEEE;
}
.why-area .c-heading{
margin-bottom: 38px;
position: relative;
text-align: center;
}
.why-area .c-heading + p{
text-align: center;
margin-bottom: 48px;
}
.why-area .reason-wrap{
display: flex;
justify-content: space-between;
}
.why-area .reason-wrap .box{
background-color: #fff;
width: 32.5%;
padding: 25px 20px;
}
.why-area .reason-wrap .c-heading02{
color: #462304;
text-align: center;
line-height: 1.4;
margin-bottom: 30px;
}
.why-area .btn02{
margin: 57px 0 0 auto;
} .news-area{
position: relative;
padding: 75px 0;
}
.news-area .c-heading02{
text-align: center;
margin-bottom: 40px;
}
.news-area ul{
width: 86%;
margin: 0 auto;
}
.news-area .news-list li{
position: relative;
}
.news-area .news-list li:first-child::after{
content: '';
background: url(//micro-ma.com/cms/wp-content/themes/justma/images/common/img_dottedline_orange.svg) repeat-x;
width: 100%;
height: 5px;
position: absolute;
left: 0;
top: -7px;
}
.news-area .news-list li::before{
content: '';
background: url(//micro-ma.com/cms/wp-content/themes/justma/images/common/img_dottedline_orange.svg) repeat-x;
width: 100%;
height: 5px;
position: absolute;
left: 0;
bottom: -7px;
}
.news-area .news-list a{
display: flex;
justify-content: space-between;
color: #000;
padding: 30px 35px;
}
.news-area .news-list a .blog-date{
width: 30%;
}
.news-area .news-list a .blog-title{
width: 70%;
}
.news-area .button{
display: block;
max-width: 538px;
width: 100%;
border: 1px solid #000;
border-radius: 3px;
margin: 47px auto 0;
color: #000;
text-align: center;
font-size: 2rem;
padding: 10px 0;
position: relative;
transition: 0.3s ease-in-out;
}
.news-area .button::before {
content: '';
position: absolute;
right: 31px;
top: 50%;
transform: translate(0,-50%);
box-sizing: border-box;
width: 5px;
height: 5px;
border: 5px solid transparent;
border-left: 7px solid #000;
z-index: 1;
}
.news-area .button:hover{
color: #fff;
background-color: #000;
}
.news-area .button:hover::before {
border-left: 7px solid #fff;
}
@media screen and (max-width: 768px) {
.mv-wrap h1 {
font-size: 1.6rem;
text-align: center;
line-height: 1.4;
}
.mv-wrap h1 .mv-copy{
margin-bottom: 1em;
}
.mv-wrap h1 .mv-copy span {
font-size: 3.0rem;
line-height: 1.6;
margin: 0 auto 0.2em;
}
.mv-wrap .mv-btn a {
font-size: 1.4rem;
} .about-area {
padding: 80px 0 ;
position: relative;
}
.about-area .circle-wrap {
margin-top: 69px;
}
.about-area .menu-wrap {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 122px;
}
.about-area .menu-wrap {
display: block;
margin-top: 50px;
}
.about-area .menu-wrap a {
display: block;
width: 100%;
margin-bottom: 15px;
} .message-area {
padding: 50px 0;
}
.message-area .message-wrap {
display: block;
margin: 20px 0 30px;
}
.message-area .message-wrap .text-area {
width: 100%;
}
.message-area .message-wrap figure {
width: 100%;
padding-top: 0px;
margin-bottom: 20px;
}
.message-area .message-wrap .text-area h2 {
font-size: 1.8rem;
margin-bottom: 20px;
} .association-area {
padding: 40px 0;
}
.association-area .tab_area label {
width: 50%;
}
.association-area .tab_panel {
padding: 30px 20px;
}
.association-area .kyoukai-box dl {
display: block;
margin-bottom: 10px;
}
.association-area .kyoukai-box dl dt {
width: 100%;
padding: 0;
}
.association-area .box-content.space {
padding: 0 ;
}
.association-area .ttl-orange-line {
font-size: 1.6rem;
}
.association-area .ttl-orange-box {
font-size: 1.6rem;
}
.association-area .tab_wrap {
margin: 40px auto 0;
}
.micro-area {
padding: 40px 0;
}
.micro-area .micro-wrap {
display: block;
justify-content: space-between;
}
.micro-area .micro-wrap .text-area {
width: 100%;
}
.micro-area .micro-wrap figure {
width: 100%;
margin-top: 40px;
}
.micro-area figure {
margin: 30px 0 20px;
}
.micro-area figure img {
max-width: 100%;
}
.micro-area .btn02 {
margin: 57px auto 0 ;
}
.shien-area .inner-wrap {
display: block;
}
.shien-area .inner-wrap figure {
width: 100%;
margin-bottom: 20px;
}
.shien-area .inner-wrap .text-area {
width: 100%;
}
.shien-area .btn02 {
margin: 57px auto 0;
}
.why-area .reason-wrap {
display: block;
}
.why-area .reason-wrap .box {
width: 100%;
padding: 25px 20px;
margin-bottom: 20px;
}
.why-area .btn02 {
margin: 57px auto 0;
} .news-area {
padding: 50px 0 ;
}
.news-area .news-list a {
display: block;
padding: 20px 0;
}
.news-area ul {
width: 100%;
}
.news-area .news-list a .blog-date {
width: 100%;
}
.news-area .news-list a .blog-title {
width: 100%;
}
.news-area .button {
font-size: 1.4rem;
}
}
@media screen and (max-width: 767px) {
.mv-slider div {
height: 122vw;
}
.about-area .circle-wrap {
display: block;
margin-top: 50px;
}
.about-area .circle-wrap figure {
width: 100%;
margin-bottom: 15px;
}
.about-area .circle-wrap figure img{
width: 70%;
margin: 0 auto;
display: block;
}
.mv-wrap .mv-btn {
display: block;
margin-top: 1em;
}
.mv-wrap .mv-btn a{
margin: 0 auto;
}
.mv-wrap .mv-btn a:last-of-type {
margin: 1em auto 0;
}
} .page-title{
position: relative;
margin-bottom: 0px;
}
.page-title img{
width: 100%;
display: block;
margin: 0 0 0 auto;
}
.page-title h1{
position: absolute;
top: 50%;
left: 21%;
transform: translate(0%,-50%);
font-weight: 500;
font-size: 4rem;
line-height: 1.4;
text-align: right;
background-color: #fff;
padding: 10px 20px;
}
.page-title h1::before{
content: '';
background: url(//micro-ma.com/cms/wp-content/themes/justma/images/common/icon_block.svg) no-repeat;
width: 69px;
height: 69px;
background-size: cover;
position: absolute;
top: 21px;
z-index: -1;
right: -35px;
}
.lower-title-wrap h1{
text-align: center;
font-weight: bold;
font-size: 2.6rem;
margin: 0px 0 40px;
}
@media screen and (max-width: 1025px) {
.page-title h1{
left: 22%;
font-size: 3rem;
}
.page-title h1::before {
width: 40px;
height: 40px;
top: 2px;
z-index: -1;
right: -35px;
}
}
@media screen and (max-width: 767px) {
.page-title h1{
left: 20px;
font-size: 2rem;
padding: 6px 10px;
transform: translate(-0%,-50%);
}
.page-title h1::before {
height: 30px;
width: 30px;
right: -22px;
top: 3px;
}
.page-title .image-wrap{
overflow: hidden;
width: 100%;
margin: 0 0 0 auto;
padding: 30px 0;
}
.page-title img {
width: 100%;
transform: scale(1.9);
}
.lower-title-wrap h1{
font-size: 2rem;
margin: 30px 0 0px;
}
} .c-breadcrumb{
padding: 20px 7%;
margin-bottom: 50px;
}
.c-breadcrumb ul {
padding: 0.5em 0 0.5em 0em;
background: transparent;
width: 100%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.c-breadcrumb ul li{
position: relative;
font-size: 1.3rem;
font-weight: 500;
margin-right: 3em;
}
.c-breadcrumb ul li::after{
content: '';
border-top: 1px solid #707070;
border-right: 1px solid #707070;
width: 7px;
height: 7px;
transform: rotate(45deg) translate(-50%,-50%);
position: absolute;
top: 60%;
right: -22px;
}
.c-breadcrumb ul li:last-child:after{
content: none;
}
.c-breadcrumb ul li a {
color: #44403C;
}
.c-breadcrumb ul li i {
margin-left: 10px;
}
@media screen and (max-width: 767px) {
.c-breadcrumb{
padding: 7px 3%;
}
.c-breadcrumb ul {
padding: 12px 0;
}
.c-breadcrumb ul li{
margin-bottom: 10px;
}
} .wp-pagenavi { font-size: 0;
text-align: center;
}
.wp-pagenavi .pages{
display: none;
}
.wp-pagenavi .last{
display: none;
}
.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink{
font-size: 1.4rem;
color: #000;
border: none;
}
.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink{
display: none;
}
.wp-pagenavi a, .wp-pagenavi span{
margin: 0;
padding: 0;
}
.wp-pagenavi .page, .wp-pagenavi .extend {
display: inline-block;
width: 38px;
height: auto;
line-height: 1;
background: #FFF;
font-size: 1.4rem;
color: #000;
text-decoration: none;
padding: 10px 0;
text-align: center;
border: none;
background-color: #EEE8E8;
}
.wp-pagenavi .page:hover, .wp-pagenavi .extend:hover {
opacity: 0.8;
}
.wp-pagenavi .current {
display: inline-block;
color: #EB9D44;
font-size: 1.4rem;
padding: 10px 0;
width: 38px;
height: auto;
line-height: 1;
text-align: center;
border: none;
background-color: #F6E0CC;
font-weight: 400!important;
}
.aroundbox{
display: flex;
justify-content: center;
align-items: center;
margin: 120px 0 0;
font-weight: bold;
color: #442215;
padding: 0 20%;
} .aroundbox .wp-pagenavi{
width: auto;
}
.aroundbox div.prev{
padding-right: 23px;
font-size: 1.4rem;
}
.aroundbox div.prev a::before{
content: '';
position: absolute;
top: 50%;
left: -6px;
transform: translate(0,-50%);
width: 3px;
height: 3px;
border-top: 1px solid #000;
border-right: 1px solid #000;
transform:  translate(0,-50%) rotate(-135deg) translate(0,-50%);
}
.aroundbox div.all{
text-align: center;
}
.aroundbox div.all a{
color: #E98329;
text-decoration: underline;
}
.aroundbox div.next{
text-align: right;
font-size: 1.4rem;
padding-left: 23px;
}
.aroundbox div.next a::before{
content: '';
position: absolute;
top: 61%;
right: -6px;
width: 3px;
height: 3px;
border-top: 1px solid #000;
border-right: 1px solid #000;
transform: translate(0,-50%) rotate(45deg) translate(0,-50%);
}
.aroundbox a{
color: #000;
position: relative;
font-weight: 400;
}
@media screen and (max-width: 767px) {
.wp-pagenavi .page, .wp-pagenavi .extend, .wp-pagenavi .current {
width: 22px;
}
.aroundbox {
margin: 60px 0 0;
padding: 0;
}
.aroundbox a {
font-size: 1.2rem;
}
} .p-inquiry .contact-note{
text-align: left;
margin: 50px 0 50px;
padding: 0 13%;
}
.p-inquiry .check-note{
text-align: center;
color: #EEA321;
padding: 20px;
margin-top: 25px;
font-weight: bold;
border: 1px solid #EEA321;
}
.p-inquiry .contact-wrap .error-note{
text-align: center;
padding: 30px 0;
}
.p-inquiry .contact-wrap .back-top{
margin-top: 30px;
text-align: center;
}
.p-inquiry .contact-wrap .req-note span{
margin-right: 15px;
}
.contact-area .check-note {
text-align: center;
color: #E98329;
padding: 20px;
margin-top: 25px;
font-weight: bold;
border: 1px solid #E98329;
}
.c-form .require{
font-size: 1.2rem;
position: relative;
color: #E98329;
background-color: #F6E0CC;
display: inline-block;
padding: 2px 16px 3px;
border-radius: 2px;
float: right;
top: 24px;
right: 0;
position: absolute;
}
.c-form table {
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
table-layout: fixed;
margin-top: 60px;
}
.c-form table th, .c-form table td {
padding: 1em 1.2em;
font-weight: normal;
position: relative;
}
.c-form table th {
width: 325px;
text-align: left;
}
.c-form .warning{
text-align: center;
margin-top: 60px;
}
.c-btn-box{
margin: 120px auto 0;
position: relative;
max-width: 480px;
}
.c-btn-box .btn{
color: #fff;
background-color: #E98329;
border: 1px solid #E98329;
border-radius: 3px;
position: relative;
text-align: center;
padding: 7px 0;
max-width: 480px;
width: 100%;
font-family: fot-matisse-pron, sans-serif;
margin: 0 auto;
font-size: 1.8rem;
cursor: pointer;
}
.c-btn-box .btn:hover{
color: #E98329;
background-color: #fff;
}
.c-form input[type="submit"]:hover {
opacity: 0.6;
}
.c-form .c-form.form-check .note{
display: none;
}
.p-director .thanks p,
.p-inquiry .thanks p{
line-height: 2;
text-align: center;
}
.p-director .thanks .btn,
.p-inquiry .thanks .btn{
margin: 40px auto 0;
}
.c-form tr.inquiry th{
vertical-align: top;
padding-top: 2em;
}
.c-form input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]), .c-form textarea, .c-form select {
outline: none;
-webkit-box-shadow: none;
box-shadow: none;
border: none;
padding: 0.7em;
border: 1px solid #EEE8E8;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-weight: 400;
font-size: 1.6rem;
border-radius: 2px;
width: 70%;
}
.c-form textarea {
width: 100%;
height: 274px;
}
.c-form select {
width: 100%;
}
.c-form tr.address .zip {
display: inline-block;
margin: 0 0.3em 0;
vertical-align: baseline;
}
.c-form tr.address .zip1{
width: 16%!important;
}
.c-form tr.address .zip2{
width: 18%!important;
}
.c-form .address-wrap{
margin-top: 12px;
display: block;
}
.c-form .stripe{
padding: 0 7px;
}
.c-form .small{
font-size: 1.4rem;
margin-left: 3%;
} .radio-btns input[type=radio].radio-btns__item{
display: none;
}
.radio-btns label {
display: inline-block;
cursor: pointer;
} .radio-btns .radio-btns__item + span {
padding-left: 2em;
display: inline-block;
position: relative;
} .radio-btns .radio-btns__item + span::after,
.radio-btns .radio-btns__item + span::before {
content: '';
display: block;
position: absolute;
border: 1px solid #EEE8E8;
background-color: #EEE8E8;
border-radius: 50%;
width: 20px;
height: 20px;
top: 0;
left: 0;
top: 50%;
left: 0;
transform: translate(0, -50%);
} .radio-btns .radio-btns__item + span::after{
opacity: 0;
width: 14px;
height: 14px;
top: 50%;
left: 4px;
transform: translate(0, -50%);
border: none;
background: #f18800;
} .radio-btns .radio-btns__item:checked + span::after {
opacity: 1;
}
.checkbox-btn input[type=checkbox] {
display: none;
}
.checkbox-btn .mwform-checkbox-field-text {
display: inline-block;
position: relative;
padding: 0 0 0 2.1em;
cursor: pointer;
}
.checkbox-btn .mwform-checkbox-field-text::before,
.checkbox-btn .mwform-checkbox-field-text::after {
content: "";
position: absolute;
display: block;
}
.checkbox-btn .mwform-checkbox-field-text::before {
background: #EEE8E8;
border-radius: 2px;
width: 20px;
height: 20px;
top: 50%;
left: 0;
transform: translateY(-50%);
}
.checkbox-btn .mwform-checkbox-field-text::after {
border-width: 2px;
border-color: transparent transparent #E98329 #E98329;
border-style: solid;
width: 10px;
height: 5px;
margin-top: -0.2em;
top: 50%;
left: 0.3em;
transform: translateY(-50%) rotate(-45deg);
opacity: 0;
}
input[type="checkbox"]:checked + .mwform-checkbox-field-text::after {
opacity: 1;
}
.checkbox-btn .mwform-checkbox-field.horizontal-item{
display: block;
margin-left: 0!important;
margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
.p-inquiry {
padding: 40px 0 100px;
}
.p-inquiry .contact-wrap {
max-width: 100%;
padding: 0 0 0px ;
}
.p-inquiry .banner-area {
width: 100%;
margin: 20px auto 0;
}
.p-inquiry .contact-note {
text-align: left;
margin: 50px 0 20px;
padding: 0;
}
.p-inquiry .banner-area .number span {
font-size: 2.4rem;
}
.p-inquiry .banner-area .number {
font-size: 1.8rem;
}
.p-inquiry .banner-area .ttl{
font-size: 1.8rem;
}
.c-form table {
margin-top: 20px;
}
.c-form table th, .c-form table td {
font-size: 1.4rem;
display: block;
}
.c-form table th {
width: 100%;
}
.c-form table th, .c-form table td {
padding: 0.5em 0em;
}
.c-form input[type="email"],
.c-form input[type="text"] {
width: 100%;
}
.c-form tr.address .zip {
width: 50%!important;
}
.c-form input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]), .c-form textarea {
width: 100%;
}
.c-btn-box {
margin: 30px auto 0;
}
.c-form .require{
top: 9px;
}
.c-form table tr{
margin-bottom: 10px;
display: block;
}
} .p-blog{
padding: 95px 0 100px;
}
.p-blog.single {
padding: 95px 0 150px;
}
.p-blog .orange-ttl-wrap {
padding-left: 132px;
width: 45%;
margin: 30px 0 80px;
}
.blog-wrap{
display: flex;
justify-content: space-between;
}
.blog-wrap .blog-left {
width: 66%;
}
.blog-wrap .blog-right {
width: 28%;
}
.blog-list li{
display: block;
width: 100%;
margin-bottom: 50px;
border-bottom: 1px dashed #F6E0CC;
}
.blog-list li a{
display: flex;
width: 100%;
color: #000;
padding: 0 0 40px;
}
.blog-list li a figure{
margin-right: 5%;
width: 29%;
}
.blog-list li a figure img{
width: 100%;
height: auto;
display: block;
}
.blog-list li a figure .cat-block{
top: -15px;
}
.blog-list li a  .blog-info{
width: 70%;
}
.blog-date{
position: relative;
display: flex;
align-items: center;
}
.blog-date .date{
color: #A8A8A8;
font-size: 1.4rem;
}
.cat-block{
font-size: 1.4rem;
background-color: #FFA14D;
color: #fff;
max-width: 96px;
width: 100%;
text-align: center;
line-height: 2;
display: inline-block;
position: relative;
}
.blog-date .cat-block{
margin-left: 30px;
}
.blog-list li .blog-title{
margin: 18px 0 18px;
display: inline-block;
line-height: 1;
}
.tag-area span,
.tag-area a {
color: #000;
display: inline-block;
margin-right: 1em;
margin-bottom: 0.5em;
font-size: 1.4rem;
text-decoration: underline;
} .kiji-wrap{
max-width: 1000px;
width: 100%;
margin: 0 auto;
display: block;
}
.kiji-about-info{
margin: 0 0 30px;
padding: 0 20px;
}
.blog-date.singletop{
padding: 10px 0px;
display: block;
margin-left: 0;
}
.blog-date.singletop .date{
color: #6CB4B8;
padding-right: 2%;
font-weight: 500;
}
.blog-date.singletop .cat {
font-style: normal;
}
.kiji-wrap h1{
font-size: 2.4rem;
margin-bottom: 15px;
text-align: left;
position: relative;
font-weight: bold;
}
.kiji-wrap .topics-date{
color: #565656;
padding: 0 20px 0px;
color: #B18B43;
font-style: italic;
}
.kiji-wrap .topics-cat a{
color: #A58E4E;
font-size: 1.2rem;
text-decoration: underline;
}
.kiji-wrap .eyecatch{
z-index: 1;
position: relative;
margin: 37px 0 0;
}
.kiji-wrap .eyecatch img{
display: block;
margin:0 auto;
height: auto;
}
.kiji-wrap .kiji-box {
padding: 45px 0 0;
}
.kiji-wrap .kiji-box p{
margin: 1.5em 0;
padding: 0 3%;
}
.kiji-wrap .kiji-box h2{
padding: 24px 30px;
border-top: 1px solid #E08C35;
border-bottom: 1px solid #E08C35;
font-size: 2.2rem;
line-height: 1;
margin-bottom: 20px;
font-weight: 500;
}
.kiji-wrap .kiji-box h3{
padding: 0 0 0 21px;
border-left: 6px solid #E08C35;
font-size: 2rem;
line-height: 1.4;
margin-bottom: 20px;
font-weight: 500;
}
.kiji-wrap .kiji-box h4{
font-size: 1.8rem;
line-height: 1.4;
padding-left: 35px;
position: relative;
display: inline-block;
margin-bottom: 0px;
font-weight: 500;
}
.kiji-wrap .kiji-box h4::before{
content: '';
width: 25px;
height: 1px;
background-color:#E08C35;
position: absolute;
top: 50%;
left: 0;
transform: translate(0,-50%);
}
.kiji-wrap .kiji-box h4::after{
content: '';
width: 25px;
height: 1px;
background-color: #E08C35;
position: absolute;
top: 50%;
right: -37px;
transform: translate(0,-50%);
}
.kiji-wrap .kiji-box a{
color: #000;
text-decoration: underline;
}
.kiji-wrap .kiji-box a:hover{
text-decoration: none;
}
.kiji-wrap .kiji-box ul{
padding-left: 20px;
margin-bottom: 0.5em;
padding: 0 6%;
}
.kiji-wrap .kiji-box ul li{
list-style-type: disc;
}
.kiji-wrap .kiji-box ol{
padding-left: 20px;
margin-bottom: 0.5em;
padding: 0 6%;
}
.kiji-wrap .kiji-box ol li{
list-style-type:decimal;
}
.kiji-wrap .aroundbox{
position: relative;
padding: 20px 0 0;
}
.p-blog.single .tag-area{
padding: 120px 3% 0;
}
.p-blog.single .aroundbox{
border-top: 1px solid #EEA321;
max-width: 1000px;
margin: 150px auto 0;
padding: 40px 0 20px;
}
.p-blog.single .aroundbox div {
width: 43.33%;
}
.wp-block-columns{
margin: 2em 0;
}
.other-blog{
margin: 100px 0 50px;
}
.other-blog h2{
text-align: center;
margin-bottom: 88px;
position: relative;
font-size: 3rem;
font-weight: bold;
letter-spacing: 0.1em;
}
.other-blog h2::before {
}
.other-blog .blog-list li {
width: 30%;
margin-right: 4%;
}
.other-blog .blog-list li:nth-child(3n) {
margin-right: 0;
}
.other-blog .btn{
margin: 30px auto 0;
} .side-ttl{
font-size: 1.8rem;
color: #E98329;
border-bottom: 1px solid #F6E0CC;
margin-bottom: 10px;
padding: 0 0 10px;
}
.t-archive select{
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.t-archive select::-ms-expand{
display: none;
}
.t-archive {
position: relative;
z-index: 0;
padding: 1px;
width: 100%;
margin-right: 3%;
}
.t-archive select {
font-weight: 400;
font-size: 1.4rem;
letter-spacing: 0.1em;
line-height: 1.95556;
width: 100%;
display: block;
border: none;
padding: 6px 15px 6px 15px;
position: relative;
border-bottom: 1px solid #F6E0CC;
}
.t-archive:after {
content: '';
position: absolute;
right: 2px;
top: 50%;
transform: translate(0,-50%) rotate(90deg);
box-sizing: border-box;
width: 3px;
height: 4px;
border: 4px solid transparent;
border-left: 7px solid #E98329;
z-index: 1;
}
.side-box{
margin-bottom: 18px;
border:1px solid #FFA14D;
padding: 20px;
}
.side-box ul.side-t-box li {
display: block;
}
.side-box ul.side-t-box li a{
color: #000;
font-size: 1.3rem;
display: block;
}
.side-box ul.side-t-box li a .blog-date{
margin-bottom: 10px;
}
.side-box ul.side-t-box li a .blog-date .date{
font-size: 1rem;
}
.side-box ul.side-t-box li a .blog-date .cat-block {
font-size: 1.2rem;
margin-left: 20px;
}
.side-box ul.side-t-box.cat li a{
display: block;
padding: 1em 1.5em;
position: relative;
}
.side-box ul.side-t-box.cat li a::before{
content: '';
position: absolute;
left: 0px;
top: 50%;
transform: translate(0,-50%);
box-sizing: border-box;
width: 5px;
height: 5px;
border: 5px solid transparent;
border-left: 7px solid #E98329;
z-index: 1;
}
.side-box .bloglist li{
margin-bottom: 20px;
}
.side-box .bloglist a{
font-size: 1.2rem;
padding: 5px;
align-items: center;
}
.side-box .bloglist .box-img{
width: 50%;
position: relative;
margin-bottom: 20px;
}
.side-box .bloglist .box-img:after{
content: '';
display: block;
width: 100%;
padding-bottom: 57.6666%;
}
.side-box .bloglist .box-img figure{
position: absolute;
width: 100%;
height: 100%;
}
.side-box .bloglist .box-img figure img{
width: 100%;
height: 100%;
object-fit: cover;
}
.side-box .bloglist .box-txt p{
word-wrap: break-word;
font-size: 1.2rem;
}
.side-box .bloglist .blog-date{
}
.side-box .bloglist .blog-date .cat{
font-size: 1.2rem;
padding-left: 10%;
}
@media screen and (max-width: 1025px) {
.blog-selection {
margin: 70px 0 0 auto;
width: 95%;
}
.side-box {
width: 50%;
padding: 33px 20px;
}
.p-blog .orange-ttl-wrap {
padding-left: 67px;
width: 100%;
margin: 30px 0 80px;
}
.blog-wrap {
padding: 0 0;
}
}
@media screen and (max-width: 767px) {
.p-blog {
padding: 30px 0 50px;
}
.p-blog.single {
padding: 95px 0 50px;
}
.blog-wrap{
display: block;
padding: 0;
}
.blog-wrap .blog-left {
width: 100%;
}
.blog-wrap .blog-right {
width: 100%;
margin-top: 20px;
}
.blog-list li{
display: block;
width: 100%;
margin-right: 0%;
margin-bottom: 30px;
}
.blog-list li a {
display: block;
}
.blog-list li a figure {
margin-right: 0;
margin-bottom: 10px;
}
.blog-date{
margin-bottom: 10px;
}
.blog-date .cat {
font-size: 1.2rem;
max-width: 93px;
margin-left: 18px;
}
.blog-list li .blog-title {
margin: 18px 0 18px;
font-size: 1.6rem;
border-bottom: 1px solid #000;
line-height: 1.6;
display: inline;
}
.blog-list li .blog-title + p{
margin-top: 10px;
}
.kiji-wrap h1 {
font-size: 2rem;
}
.kiji-wrap .kiji-box h2 {
padding: 15px 20px 15px 30px;
font-size: 1.8rem;
}
.kiji-wrap .kiji-box h2::before {
left: 5%;
font-size: 2rem;
}
.kiji-wrap .kiji-box h3 {
font-size: 1.6rem;
margin: 0 0%;
}
.kiji-wrap .kiji-box h4 {
font-size: 1.4rem;
margin: 0 0%;
}
.kiji-wrap .kiji-box{
padding: 25px 0 0;
}
.kiji-wrap .kiji-box h4::before {
content: '';
width: 20px;
}
.kiji-wrap .kiji-box h4::after {
content: '';
width: 20px;
}
.kiji-wrap .kiji-box ul,
.kiji-wrap .kiji-box ol {
margin-left: 0%;
margin-right: 0%;
}
.kiji-wrap .kiji-box p {
padding: 0 0%;
}
.blog-selection {
display: block;
margin: 30px auto;
width: 90%;
}
.side-ttl {
font-size: 1.2rem;
}
.side-box {
width: 100%;
padding: 15px 20px;
}
.t-archive select {
font-size: 1.3rem;
padding: 8px 20px 6px;
}
.side-box ul.side-t-box.cat li a {
padding: 1em 1em;
}
.p-blog.single .tag-area {
padding: 50px 3% 0;
}
.p-blog.single .aroundbox {
margin: 50px auto 0;
}
} .page-title.about h1{
top: 44%;
}
.page-title.about .sub-title{
position: absolute;
top: 65%;
left: 21%;
transform: translate(0%,-50%);
}
.page-title.about .sub-title span {
display: table;
font-weight: 500;
font-size: 2.6rem;
line-height: 1.4;
text-align: right;
background-color: #fff;
padding: 10px 20px;
margin-bottom: 5px;
border-radius: 3px;
}
.p-about {
position: relative;
}
.number-box{
display: table;
background-color: #fff;
color: #E98329;
padding: 5px 42px;
border-radius: 3px;
margin-bottom: 15px;
}
.number-box.orange-b{
background-color: #F6E0CC;
color: #E98329;
}
.number-box.center{
margin: 0 auto 15px;
}
.p-about .intro-area{
padding: 115px 0 105px;
}
.p-about .intro-area .c-heading{
text-align: center;
margin-bottom: 40px;
}
.p-about .intro-area .c-heading + p{
text-align: center;
}
.p-about .intro-area figure{
margin: 40px 0 60px;
}
.p-about .intro-area figure img{
margin: 0 auto;
}
.p-about .reason-area{
background-color: #F9EDE2;
padding: 70px 0;
}
.p-about .reason-area .c-heading02.ttl {
text-align: center;
}
.p-about .reason-area .c-heading02.ttl img{
display: block;
margin: 0 auto 10px;
}
.p-about .reason-area .c-heading02.ttl + p{
text-align: center;
margin: 64px 0 60px;
}
.p-about .reason-area .reason-box .number-box{
margin: 0 auto 20px;
}
.p-about .reason-area .reason-box .space{
margin: 30px 0 40px;
text-align: center;
line-height: 2;
}
.p-about .reason-area .note{
padding: 0 5px;
}
.p-about .reason-area .note a{
color: #3E83DE;
text-decoration: underline;
padding-left: 20px;
word-break: break-all;
}
.p-about .reason-area .note a:hover{
text-decoration: none;
}
.p-about .reason-area .reason-box.mt{
margin-top:108px ;
}
.p-about .reason-area .reason-box h3{
margin-bottom: 40px;
text-align: center;
}
.p-about .support-area{
padding: 160px 0;
}
.p-about .support-area .c-heading02{
text-align: center;
margin-bottom: 40px;
}
.p-about .support-area p{
text-align: center;
line-height: 2;
}
.p-about .merit-area{
background-color: #F6E0CC;
padding:120px 0 ;
}
.p-about .merit-area .c-heading02{
text-align: center;
margin-bottom: 60px;
}
.p-about .inner-wrap{
display: flex;
justify-content: space-between;
}
.p-about .inner-wrap.reverse{
flex-flow: row-reverse;
margin-top:120px;
}
.p-about .inner-wrap figure{
width: 40%;
}
.p-about .inner-wrap .text-area{
width: 56%;
margin-bottom: 5%;
}
.p-about .inner-wrap .text-area p{
line-height: 2;
}
.p-about .inner-wrap .text-area .c-heading02{
line-height: 1.6;
margin-bottom: 30px;
text-align: left;
}
.p-about .merit-area .inner-wrap{
align-items: flex-end;
}
.p-about .jisseki-area{
padding: 120px 0 0;
}
.p-about .jisseki-area .c-heading02{
text-align: center;
margin-bottom: 35px;
}
.p-about .jisseki-wrap{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.p-about .jisseki-wrap .jisseki-box{
width: 48%;
background: url(//micro-ma.com/cms/wp-content/themes/justma/images/about/bg_jisseki.png) no-repeat;
background-size: cover;
padding: 30px;
margin-bottom: 20px;
}
.p-about .jisseki-wrap .jisseki-box dl{
display: flex;
margin-bottom: 5px;
}
.p-about .jisseki-wrap .jisseki-box dl dt{
width: 30%;
}
.p-about .jisseki-wrap .jisseki-box dl dd{
width: 70%;
}
.p-about .message-area{
padding: 80px 0;
}
.p-about .message-area .c-heading02{
text-align: center;
}
.p-about .message-area .message-wrap{
margin: 63px 0 29px;
}
.p-about .message-area .message-wrap .text-area .c-heading02 {
margin-bottom: 20px;
color: #000;
}
.p-about .message-area .profile {
margin-top: 87px;
padding-top: 20px;
border-top: 1px dashed #F6E0CC;
}
.p-about .price-area{
padding: 30px 0 120px;
}
.p-about .price-area .c-heading02{
text-align: center;
margin-bottom: 20px;
}
.p-about .price-area .c-heading02 img{
display: block;
margin: 0 auto 15px;
}
.p-about .price-area .c-heading02 + p{
text-align: center;
line-height: 2;
}
.p-about .price-area table{
width: 100%;
margin-bottom: 25px;
}
.p-about .price-area .small-note{
display: block;
text-align: right;
margin: 40px 0 10px;
font-size: 1.2rem;
}
.p-about .price-area table td,
.p-about .price-area table th{
border: 1px solid #E98329;
padding: 17px 20px;
}
.p-about .price-area table td{
background-color: #EEE8E8;
text-align: center;
}
.p-about .price-area table td.orange-t{
background-color: #F6E0CC;
}
.p-about .price-area table td.right{
text-align: right;
}
.p-about .price-area table th{
color: #fff;
background-color: #E98329;
}
.p-about .price-area .notes span{
display: block;
text-indent: -2.8em;
padding-left: 2.8em;
margin-bottom: 5px;
}
.p-about .sp-note{
text-align: center;
margin-bottom: 20px;
}
.p-about .contact-area .c-heading02{
text-align: center;
}
.p-about .contact-area .c-heading02+p{
text-align: center;
margin-top: 13px;
}
.p-about .contact-area .inner{
padding-top: 85px;
padding-bottom: 85px;
background-color: #fff;
margin-top: -82px;
}
@media screen and (max-width:1530px) {
.page-title.about .sub-title{
top: 71%;
}
.p-about .price-area .price-table-wrap{
overflow-x: scroll;
}
}
@media screen and (max-width:1120px) {
.page-title.about h1 {
top: 33%;
left: 20px;
}
.page-title.about .sub-title{
top: 71%;
left: 20px;
}
.p-about .price-area table {
min-width: 853px;
}
.p-about .contact-area .inner {
margin-top: 0;
}
}
@media screen and (max-width: 767px) {
.page-title.about h1 {
top: 25%;
}
.page-title.about .sub-title span {
font-size: 1.4rem;
padding: 10px 10px;
}
.page-title.about .sub-title {
left: 20px;
}
.p-about .intro-area {
padding: 50px 0 ;
}
.p-about .intro-area .c-heading {
font-size: 2rem;
margin-bottom: 20px;
}
.p-about .reason-area .reason-box h3{
font-size: 1.8rem;
margin-bottom: 20px;
}
.p-about .reason-area .reason-box .space {
margin: 0px 0 30px;
}
.p-about .reason-area .note a {
padding-left: 0px;
}
.p-about .reason-area .graph-area{
overflow-x: scroll;
}
.p-about .reason-area .graph-inner{
min-width: 720px;
}
.p-about .inner-wrap {
display: block;
}
.p-about .inner-wrap .text-area {
width: 100%;
margin-bottom: 5%;
}
.p-about .inner-wrap figure {
width: 100%;
}
.p-about .reason-area .reason-box.mt {
margin-top: 58px;
}
.p-about .support-area {
padding: 50px 0;
}
.p-about .merit-area {
padding: 50px 0;
}
.p-about .inner-wrap .text-area h3 {
font-size: 1.8rem;
margin-bottom: 20px;
}
.p-about .inner-wrap.reverse {
margin-top: 50px;
}
.p-about .jisseki-area {
padding: 50px 0 0;
}
.p-about .jisseki-wrap {
display: block;
}
.p-about .jisseki-wrap .jisseki-box {
width: 100%;
}
.p-about .jisseki-wrap .jisseki-box dl dt {
width: 44%;
}
.p-about .jisseki-wrap .jisseki-box dl dd {
width: 55%;
}
.p-about .price-area {
padding: 0px 0 80px;
}
.p-about .price-area .c-heading{
font-size: 2rem;
}
.p-about .contact-area .image-wrap img{
transform: scale(1.9);
}
.p-about .contact-area .inner {
margin-top: 0;
}
} .button-list-area{
padding: 60px 0;
}
.button-wrap{
display: flex;
justify-content: center;
}
.button-wrap .btn{
max-width: 360px;
}
.button-wrap .btn.white{
background-color: #fff;
color: #E98329;
margin-left: 5%;
}
.button-wrap .btn.white:hover{
background-color: #E98329;
color: #fff;
}
.button-wrap .no-link{
pointer-events: none;
}
.p-intro .intro-area {
padding: 115px 0 180px;
}
.p-intro .intro-area .c-heading{
text-align: center;
margin-bottom: 30px;
}
.p-intro .intro-area p{
text-align: center;
line-height: 2;
}
.p-intro .aid-area{
background-color: #FBF4F4;
padding: 70px 0 90px;
}
.p-intro .aid-area .c-heading {
text-align: center;
margin-bottom: 40px;
line-height: 1.6;
}
.p-intro .aid-area .risk-area{
margin: 70px 0 0;
}
.p-intro .risk-area .c-heading02{
text-align: center;
}
.p-intro .risk-area .risk-wrap{
display: flex;
justify-content: space-between;
margin: 50px 0 ;
}
.p-intro .risk-area .risk-wrap .risk-box {
width: 46%;
background-color: #fff;
}
.p-intro .risk-area .risk-wrap .risk-box .risk-box-ttl{
display: flex;
justify-content: space-between;
align-items: center;
color: #fff;
padding: 20px 4%;
position: relative;
}
.p-intro .risk-area .risk-wrap .risk-box .risk-box-ttl .deco{
position: absolute;
top: 31px;
left: -8px;
transform: rotate(90deg);
max-width: 10%;
width: 100%;
}
.p-intro .risk-area .risk-wrap .risk-box .risk-box-ttl figure{
width: 30%;
}
.p-intro .risk-area .risk-wrap .risk-box .risk-box-ttl figure img{
display: block;
margin: 0 auto;
}
.p-intro .risk-area .risk-wrap .risk-box .risk-box-ttl .title{
width: 65%;
line-height: 1.6;
}
.p-intro .risk-area .risk-wrap .risk-box:first-of-type .risk-box-ttl{
background-color: #FFA14D;
}
.p-intro .risk-area .risk-wrap .risk-box:last-of-type .risk-box-ttl{
background-color: #E98329;
}
.p-intro .risk-area .risk-wrap .risk-box .risk-box-text{
text-align: center;
padding: 57px 0;
}
.p-intro .risk-area .risk-wrap .risk-box:first-of-type .risk-box-text{
padding: 68px 0 57px;
}
.p-intro .risk-area .risk-wrap .risk-box .risk-box-text p{
line-height: 1.8;
}
.p-intro .risk-area  .risk-text{
text-align: center;
line-height: 2;
}
.p-intro .inner-wrap {
display: flex;
justify-content: space-between;
}
.p-intro .inner-wrap.center{
align-items: center;
}
.p-intro .inner-wrap figure {
width: 40%;
}
.p-intro .inner-wrap .text-area {
width: 56%;
margin-bottom: 5%;
}
.p-intro .inner-wrap .text-area p{
line-height: 2;
}
.p-intro .merit-area{
padding: 130px 0;
}
.p-intro .merit-area .c-heading02{
text-align: center;
margin-bottom: 60px;
}
.p-intro .merit-area .recommend-box{
margin-bottom: 55px;
}
.p-intro .merit-area .recommend-box .c-heading02 {
margin-bottom: 45px;
}
.p-intro .member-area{
background: url(//micro-ma.com/cms/wp-content/themes/justma/images/introduction/bg_merit.png) no-repeat;
background-size: cover;
}
.p-intro .member-area .inner{
background-color: #fff;
padding-top: 57px;
padding-bottom: 57px;
}
.p-intro .member-area .c-heading02{
text-align: center;
}
.p-intro .member-area .c-heading02 img {
display: block;
margin: 0 auto 10px;
}
.p-intro .member-area .c-heading02 + p{
margin-top: 40px;
text-align: center;
line-height: 2;
}
.p-intro .benefit-area{
margin-top: 128px;
}
.p-intro .benefit-area .c-heading02{
margin-bottom:30px ;
}
.p-intro .benefit-box{
display: flex;
align-items: center;
margin-bottom: 10px;
border: 2px dotted #E98329;
}
.p-intro .benefit-title{
background-color: #FFF2E6;
width: 30%;
text-align: center;
padding: 30px 0;
position: relative;
}
.p-intro .benefit-title .deco{
position: absolute;
top: -2px;
left: -2px;
}
.p-intro .benefit-text{
width: 70%;
padding: 0 5%;
}
.p-intro .fee-area{
padding: 100px 0;
}
.p-intro .fee-area .c-heading02{
text-align: center;
}
.p-intro .fee-area .c-heading02 img {
display: block;
margin: 0 auto 10px;
}
.p-intro .fee-area .fee-wrap{
margin-top: 30px;
padding: 0 6%;
}
.p-intro .fee-area .fee-wrap .fee-box{
display: flex;
padding: 0px 5%;
border-bottom: 1px dashed #E98329;
}
.p-intro .fee-area .fee-wrap .fee-box:first-of-type{
border-top: 1px dashed #E98329;
}
.p-intro .fee-area .fee-wrap .fee-box > dt{
width: 29%;
font-size: 2.6rem;
padding: 40px 0;
}
.p-intro .fee-area .fee-wrap .fee-box > dd{
width: 71%;
padding: 40px 0;
}
.p-intro .fee-area .fee-wrap .price{
font-size: 1.8rem;
}
.p-intro .fee-area .fee-wrap .price span{
font-size: 1.25em;
}
.p-intro .fee-area .fee-wrap .price-box {
padding: 1em;
border: 1px solid #ddd;
}
.p-intro .fee-area .fee-wrap .price-box + .price-box{
margin-top: 2em;
}
.p-intro .fee-area .fee-wrap .price-box .title{
font-size: 2.0rem;
display: flex;
width: 100%;
align-items: center;
justify-content: space-between;
border-bottom: 1px solid #000;
padding-bottom: 0.5em;
margin-bottom: 1em;
}
.p-intro .fee-area .fee-wrap .price-box .title .price-tag span{
display: inline-block;
padding: 0.3em 1.2em;
border-radius: 2px;
font-size: 1.3rem;
margin-left: 0.2em;
}
.p-intro .fee-area .fee-wrap .price-box .title .price-tag .referral {
color: #fff;
background-color: #e98329;
}
.p-intro .fee-area .fee-wrap .price-box .title .price-tag .limited {
color: #fff;
background-color: #e31111;
}
.p-intro .fee-area .fee-wrap .price-box .title .price-tag .non-referral {
background-color: #ddd;
}
.p-intro .fee-area .fee-wrap .price-box .title .price-tag .non-limited {
color: #fff;
background-color: #46a2d7;
}
.p-intro .fee-area .fee-wrap .price-box .desc {
font-size: 1.4rem;
margin-top: 2em;
}
.p-intro .fee-area .fee-wrap .price-box .desc strong{
background-color: #eee;
}
.p-intro .fee-area .fee-wrap .price-box .desc img{
margin: 2em auto;
}
.p-intro .fee-area .fee-wrap .price-box .price{
}
.p-intro .fee-area .monthly-fee{
padding: 0 6%;
margin-top: 142px;
}
.p-intro .fee-area .monthly-fee p.center{
text-align: center;
}
.p-intro .fee-area .fee-detail{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-top: 33px;
}
.p-intro .fee-area .fee-detail .fee-box{
width: 32.5%;
border: 1px solid #E98329;
text-align: center;
padding: 28px 0;
margin-bottom: 2%;
position: relative;
min-height: 238px;
}
.p-intro .fee-area .fee-detail .fee-box .corner-num{
position: absolute;
top: 0;
left: 0;
}
.p-intro .fee-area .fee-detail .fee-box p {
margin-top: 30px;
}
.p-intro .fee-area .fee-detail .fee-box:nth-of-type(3) p {
margin-top: 21px;
}
.p-intro .fee-area .fee-detail .fee-box p span{
display: block;
font-size: 1.2rem;
}
.p-intro .fee-area .monthly-fee p.center{
text-align: center;
padding: 4% 0;
line-height: 2;
}
.p-intro .join-area{
background: url(//micro-ma.com/cms/wp-content/themes/justma/images/introduction/bg_join.jpg) no-repeat;
background-size: cover;
padding: 60px 0 160px;
position: relative;
}
.p-intro .join-area .deco{
position: absolute;
top: 0;
left: 7%;
}
.p-intro .join-area .inner{
background-color: #fff;
}
.p-intro .join-area .join-wrap{
padding: 50px 1%;
}
.p-intro .join-area .c-heading02{
text-align: center;
}
.p-intro .join-area ul{
margin-top: 50px;
}
.p-intro .join-area ul li{
border-bottom: 1px dashed #E98329;
padding: 7px 0;
position: relative;
padding-left: 37px;
}
.p-intro .join-area ul li::before{
content: '';
position: absolute;
width: 6px;
height: 6px;
border-radius: 100%;
background-color: #000;
top: 50%;
left: 14px;
transform: translate(0,-50%);
}
.p-intro .contact-area .c-heading02{
text-align: center;
}
.p-intro .contact-area .c-heading02+p{
text-align: center;
margin-top: 13px;
}
.p-intro .contact-area .inner{
padding-top: 85px;
padding-bottom: 85px;
background-color: #fff;
margin-top: -82px;
}
@media screen and (max-width: 767px) {
.button-wrap {
display: block;
}
.button-wrap .btn{
margin: 0 auto;
}
.button-wrap .btn.white {
margin-left:auto;
margin-top: 20px;
}
.p-intro .intro-area {
padding: 60px 0 30px;
}
.p-intro .inner-wrap {
display: block;
}
.p-intro .inner-wrap figure {
width: 100%;
margin-bottom: 10px;
}
.p-intro .inner-wrap figure img{
display: block;
margin: 0 auto;
}
.p-intro .inner-wrap .text-area {
width: 100%;
margin-bottom: 5%;
}
.p-intro .risk-area .risk-wrap {
display:block;
margin: 40px 0;
}
.p-intro .risk-area .risk-wrap .risk-box {
width: 100%;
margin-bottom: 25px;
}
.p-intro .merit-area {
padding: 50px 0;
}
.p-intro .merit-area .recommend-box .c-heading02 {
margin-bottom: 25px;
}
.p-intro .member-area .inner {
background-color: #fff;
padding-top: 40px;
padding-bottom: 40px;
width: 90%;
}
.p-intro .benefit-box {
display:block;
width: 100%;
}
.p-intro .benefit-title {
width: 100%;
padding: 15px 0;
}
.p-intro .benefit-text {
width: 100%;
padding:20px;
}
.p-intro .benefit-area {
margin-top: 55px;
}
.p-intro .benefit-title p{
font-size: 1.3rem;
}
.p-intro .fee-area {
padding: 50px 0;
}
.p-intro .fee-area .fee-wrap {
margin-top: 30px;
padding: 0 0%;
}
.p-intro .fee-area .fee-wrap .fee-box {
display: block;
padding: 0px 2%;
}
.p-intro .fee-area .fee-wrap .fee-box > dt {
font-size: 1.6rem;
padding: 20px 0 0;
width: 100%;
}
.p-intro .fee-area .fee-wrap .fee-box > dd {
padding: 20px 0;
width: 100%;
}
.p-intro .fee-area .fee-wrap .price-box .title{
flex-wrap: wrap;
}
.p-intro .fee-area .fee-wrap .price-box .title .price-tag span{
font-size: 1.1rem;
}
.p-intro .fee-area .fee-wrap .price-box .desc img{
height: 80vh;
min-height: 420px;
}
.p-intro .fee-area .fee-wrap .margin {
margin: 24px 0 25px;
}
.p-intro .fee-area .monthly-fee {
padding: 0;
margin-top: 60px;
}
.p-intro .fee-area .fee-detail .fee-box {
width: 48%;
padding: 25px 10px 28px;
margin-bottom: 2%;
min-height: auto;
}
.p-intro .fee-area .fee-detail .fee-box p{
font-size: 1.3rem;
margin-top: 16px;
}
.p-intro .fee-area .fee-detail figure img{
max-width: 30%;
width: 100%;
}
.p-intro .join-area .inner {
width: 90%;
}
.p-intro .join-area ul {
margin-top: 28px;
}
.p-intro .join-area ul li {
padding-left: 27px;
}
.p-intro .join-area ul li::before {
content: '';
top: 22px;
left: 9px;
}
.c-form .small {
display: block;
}
} .p-member .intro-area{
background-color: #F9EDE2;
padding: 48px 0;
margin: 10px 0 0;
}
.p-member .intro-area figure img{
width: 100%;
display: block;
}
.p-member .intro-area .c-heading02{
font-size: 2.4rem;
text-align: center;
padding: 26px 0;
}
.p-member .total-member{
background-color: #783800;
display: table;
margin: 0 auto 32px;
color: #fff;
padding: 13px 50px;
}
.p-member .total-member span{
font-size: 5.6rem;
line-height: 1;
}
.p-member .intro-area .desc{
text-align: center;
line-height: 2;
}
.p-member .intro-area .btn{
max-width: 360px;
margin: 45px auto 0;
font-weight: normal;
}
.p-member .country-area {
padding: 90px 0;
}
.p-member .country-area .c-heading02{
text-align: center;
}
.p-member .map-area{
margin: 70px 0 110px;
}
.p-member .map-area .map-wrap{
position: relative;
}
.p-member .map-box{
background-color: rgba(255,255,255,0.7);
border:1px solid #77A6EC;
position: absolute;
padding: 16px 22px;
max-width: 194px;
}
.p-member .map-box .title{
text-align: center;
margin-bottom: 5px;
}
.p-member .box01{
top: 79px;
right: 312px;
}
.p-member .box02{
top: 279px;
right: 283px;
}
.p-member .box03{
top: 537px;
right: 312px;
}
.p-member .box04{
top: 340px;
right: 551px;
}
.p-member .box05{
top: 397px;
left: 300px;
}
.p-member .box06{
top: 455px;
left: 184px;
}
.p-member .box07{
bottom: 39px;
left: 224px;
}
.p-member .box08{
bottom: -9px;
left: 4px;
}
.p-member .box09{
bottom: 98px;
right: 108px;
}
.p-member .map-box ul.flex{
justify-content: space-between;
flex-wrap: wrap;
display: flex;
}
.p-member .map-box ul.flex li{
width: 50%;
}
.p-member .map-box ul li{
display: block;
text-align: center;
}
.p-member .map-box ul li a{
display: block;
}
.p-member .map-box ul li a{
color: #77A6EC;
text-decoration: underline;
}
.p-member .map-box ul li a.disabled{
color: #000;
text-decoration: none;
pointer-events: auto;
}
.p-member .map-box ul li a.disabled:hover{
opacity: 1!important;
}
.p-member .map-box ul li a:hover{
text-decoration: none;
}
.p-member .map-area img{
display: block;
margin: 0 auto;
}
.p-member .area-box{
margin-bottom: 60px;
}
.p-member .area-box h3{
font-size: 2rem;
margin-bottom: 10px;
}
.p-member .area-box dl{
display: flex;
border-bottom: 1px solid #E98329;
}
.p-member .area-box dl:first-of-type{
border-top: 1px solid #E98329;
}
.p-member .area-box dl dt{
width: 30%;
background-color: #F2F2F2;
padding: 20px 20px;
}
.p-member .area-box dl dd{
width: 70%;
padding: 20px 20px;
}
.p-member .area-box .office-box{
margin-bottom: 35px;
}
.p-member .area-box .office-box:last-child{
margin-bottom: 0px;
}
.p-member .area-box .office-box .name{
margin-bottom: 10px;
display: block;
}
.p-member .area-box .office-box.mt{
margin-bottom: 35px;
}
@media screen and (max-width: 1180px) {
.p-member .map-area{
overflow-x: scroll;
}
.p-member .map-area .map-wrap{
min-width: 1120px;
margin-bottom: 43px;
}
}
@media screen and (max-width: 767px) {
.p-member .total-member{
text-align: center;
padding: 13px 39px;
margin: 0 auto 19px;
}
.p-member .total-member span {
font-size: 4rem;
}
.p-member .intro-area .btn {
margin: 24px auto 0;
}
.p-member .country-area {
padding: 40px 0;
}
.p-member .map-area {
margin: 50px 0 50px;
position: relative;
overflow-x:visible;
}
.p-member .map-area .map-wrap{
min-width: 100%;
margin-bottom: 0px;
}
.p-member .map-area .map-wrap img{
margin-bottom: 40px;
}
.p-member .map-box {
position: relative;
padding: 16px 22px;
max-width: 100%;
margin-bottom: 20px;
}
.p-member .map-box ul {
justify-content: space-between;
flex-wrap: wrap;
display: flex;
}
.p-member .map-box ul li {
width: 50%;
margin-bottom: 5px;
}
.p-member .box01{
top: auto;
right: auto;
}
.p-member .box02{
top: auto;
right: auto;
}
.p-member .box03{
top: auto;
right: auto;
}
.p-member .box04{
top: auto;
right: auto;
}
.p-member .box05{
top: auto;
left: auto;
}
.p-member .box06{
top: auto;
left: auto;
}
.p-member .box07{
bottom: auto;
left: auto;
}
.p-member .box08{
bottom: auto;
left: auto;
}
.p-member .box09{
bottom: auto;
right: auto;
}
.p-member .area-box h3 {
font-size: 1.8rem;
}
.p-member .area-box {
margin-bottom: 30px;
}
} .p-privacy{
position: relative;
padding: 120px 0 50px;
}
.p-privacy .privacy-wrap h2{
font-size: 1.8rem;
margin-top: 90px;
margin-bottom: 25px;
position: relative;
padding-bottom: 10px;
border-bottom: 2px solid #E98329
}
.p-privacy .privacy-wrap ul{
margin: 20px 0 0;
padding-left: 20px;
}
.p-privacy .privacy-wrap ul li{
list-style-type: disc;
}
.p-privacy .privacy-wrap a{
color: #3E83DE;
text-decoration: underline;
word-break: break-all;
}
.p-privacy .privacy-wrap a:hover{
text-decoration: none;
}
.p-privacy .privacy-wrap .contact-box{
background-color: #F6E0CD;
padding: 20px 30px;
line-height: 2;
margin-top: 47px;
}
.p-privacy .privacy-wrap .contact-box p{
padding: 0 8px;
font-size: 1.4rem;
}
@media screen and (max-width: 767px) {
.p-privacy .privacy-wrap{
margin-bottom: 30px;
padding: 0;
}
.p-privacy .privacy-wrap h2 {
margin-top: 50px;
}
.p-privacy .privacy-wrap h2 span img{
max-width: 63%;
width: 100%;
}
} .p-sitemap{
position: relative;
padding: 120px 0 150px;
}
.p-sitemap::before{
content: '';
background: url(//micro-ma.com/cms/wp-content/themes/justma/images/common/bg_graph.png) no-repeat;
height: 445px;
width: 61%;
position: absolute;
bottom: 0;
right: 0;
}
.p-sitemap .sitemap-ttl{
font-size: 2.5rem;
font-weight: 500;
letter-spacing: 0.1em;
position: relative;
border-bottom: 1px solid #E98329;
margin-bottom: 29px;
}
.p-sitemap .sitemap-ttl::before {
content: '';
background: url(//micro-ma.com/cms/wp-content/themes/justma/images/common/icon_block.svg) no-repeat;
width: 60px;
height: 60px;
background-size: cover;
position: absolute;
top: -28px;
left: -31px;
z-index: -1;
}
.p-sitemap .sitemap-wrap{
display: flex;
}
.p-sitemap .sitemap-box{
width: 40%;
}
.p-sitemap .sitemap-box:last-of-type{
margin-left: 17%;
}
.p-sitemap .sitemap-box .mt{
margin-top: 97px;
}
.p-sitemap .sitemap-box ul{
padding: 0 20px;
}
.p-sitemap .sitemap-box li{
margin-bottom: 10px;
position: relative;
}
.p-sitemap .sitemap-box li a{
color: #000;
display: block;
padding-left: 19px;
}
.p-sitemap .sitemap-box li::before{
content: '';
position: absolute;
width: 1px;
height: 18px;
background-color: #000;
left: -6px;
top: 50%;
transform: translate(0,-50%);
}
.p-sitemap .sitemap-box li.mail::before{
content: '';
position: absolute;
background: url(//micro-ma.com/cms/wp-content/themes/justma/images/common/icon_mail.svg) no-repeat;
width: 21px;
height: 19px;
background-size: cover;
left: -12px;
top: 50%;
transform: translate(0,-50%);
}
.p-sitemap .sitemap-box li.fb::before{
content: '';
position: absolute;
background: url(//micro-ma.com/cms/wp-content/themes/justma/images/common/icon_fb.svg) no-repeat;
width: 21px;
height: 19px;
background-size: cover;
left: -12px;
top: 50%;
transform: translate(0,-50%);
}
.c-breadcrumb.sitemap{
margin-bottom: 150px;
}
@media screen and (max-width: 768px) {
.p-sitemap {
position: relative;
padding: 40px 0 50px;
}
.p-sitemap .sitemap-wrap{
display: block;
}
.p-sitemap .sitemap-box {
width: 100%;
margin-bottom: 30px;
}
.p-sitemap .sitemap-box:last-of-type {
margin-left: 0%;
}
.p-sitemap .sitemap-box .mt {
margin-top: 30px;
}
.p-sitemap .sitemap-ttl {
font-size: 1.8rem;
margin-bottom: 20px;
}
.c-breadcrumb.sitemap {
margin-bottom: 20px;
}
} .p-error{
position: relative;
padding: 80px 0 120px;
}
.p-error::before{
content: '';
background: url(//micro-ma.com/cms/wp-content/themes/justma/images/common/bg_graph.png) no-repeat;
height: 445px;
width: 61%;
position: absolute;
bottom: 0;
right: 0;
}
.p-error .lower-title-wrap p{
text-align: center;
}
.p-error .btn{
letter-spacing: 0.1em;
margin: 90px auto 0;
}
@media screen and (max-width: 767px) {
.p-error .btn{
margin: 40px auto 0;
}
}
.infiniteslide_wrap{
margin-bottom: 60px;
} .p-entre .intro-area{
padding: 100px 0;
}
.p-entre .intro-area p{
margin-bottom: 20px;
}
.p-entre .intro-area .c-heading02{
text-align: center;
margin-bottom: 30px;
}
.p-entre .problem-area{
background-color: #F9EDE2;
padding: 100px 0;
}
.p-entre .problem-area p{
margin-bottom: 20px;
}
.p-entre .problem-area .c-heading02{
text-align: center;
margin-bottom: 50px;
}
.p-entre .service-area{
padding: 100px 0;
}
.p-entre .service-area p{
margin-bottom: 20px;
}
.p-entre .service-area .c-heading02{
text-align: center;
margin-bottom: 50px;
}
.p-entre .service-area .tb01{
width: 20%;
}
.p-entre .service-area .tb02{
width: 40%;
}
.p-entre .service-area .tb03{
width: 40%;
}
.p-entre .service-area table{
margin: 50px 0;
} .p-entre .service-area td{
padding: 17px 20px;
border: 1px solid #E98329;
background-color: #EEE8E8;
}
.p-entre .service-area td p {
margin-bottom: 0;
}
.p-entre .service-area tr:first-child .tb01 {
border: none;
background-color: transparent;
}
.p-entre .service-area tr:first-child .tb02 p {
font-weight: 600;
}
.p-entre .service-area tr:first-child .tb03 {
background-color: #E98329;
color: #fff;
}
.p-entre .service-area tr:first-child .tb03 p {
font-weight: 600;
}
.p-entre .service-area td:nth-child(3) {
background-color: #F6E0CC;
}
.p-entre .service-area .reward{
margin-top: 70px;
}
@media screen and (max-width: 767px) {
.p-entre .intro-area {
padding: 50px 0;
}
.p-entre .problem-area {
padding: 50px 0;
}
.p-entre .problem-area .c-heading02 {
margin-bottom: 35px;
}
.p-entre .table-wrap{
overflow: scroll;
}
.p-entre .table-wrap table{
min-width: 750px;
}
.p-entre .graph-ps{
text-align: center;
}
.p-entre .service-area {
padding: 50px 0;
}
.p-entre .service-area .c-heading02 {
text-align: center;
margin-bottom: 35px;
}
} .p-secondopinion .intro-area{
padding: 100px 0;
}
.p-secondopinion .intro-area p{
text-align: center;
}
.p-secondopinion .advice-area{
background-color: #F9EDE2;
padding: 100px 0;
}
.p-secondopinion .intro-area .c-heading02,
.p-secondopinion .advice-area .c-heading02{
text-align: center;
margin-bottom: 50px;
}
.p-secondopinion .intro-area ul{
margin: 50px 0;
}
.p-secondopinion .intro-area ul li{
position: relative;
padding: 1em;
font-weight: 500;
background-color: #efefef;
font-weight: 500;
color: #444;
text-align: left;
border: 1px solid #999;
}
.p-secondopinion .intro-area ul li:after {
position: absolute;
top: 1px;
left: 1px;
content: '';
width: calc( 100% - 2px);
height: calc( 100% - 2px);
border: 6px solid #bbb;
opacity: 0.3;
-webkit-box-sizing: border-box;
box-sizing: border-box;
pointer-events: none;
}
.p-secondopinion .intro-area ul li:nth-child(n+2) {
margin-top: 1em;
}
.p-secondopinion .advice-area .inner > p {
text-align: center;
}
.p-secondopinion .advice-area .service-wrap{
margin: 60px 0 0;
}
.p-secondopinion .advice-area .service-wrap .c-heading{
text-align: center;
}
.p-secondopinion .advice-area .service-wrap .topnote{
text-align: center;
}
.p-secondopinion .advice-area .price-wrap{
display: flex;
justify-content: space-between;
margin-top: 30px;
}
.p-secondopinion .advice-area .price-box{
width: 48%;
background-color: #fff;
position: relative;
min-height: 445px;
}
.p-secondopinion .advice-area .price-box .price-ttl{
text-align: center;
padding: 20px 0;
font-size: 2.8rem;
position: relative;
}
.p-secondopinion .advice-area .price-box .price-ttl::after{
content: '';
position: absolute;
left: 47%;
box-sizing: border-box;
bottom: -59px;
width: 15px;
height: 7px;
border: 21px solid transparent;
border-left: 18px solid #E98329;
transform: rotate(90deg) translate(-50%,0);
}
.p-secondopinion .advice-area .price-box:nth-child(2) .price-ttl::after{
border-left: 18px solid #F6E0CC;
}
.p-secondopinion .advice-area .price-box:nth-child(1) .price-ttl{
background: #E98329;
color: #fff;
}
.p-secondopinion .advice-area .price-box:nth-child(2) .price-ttl{
background: #F6E0CC;
}
.p-secondopinion .advice-area .price-box .desc{
padding: 40px 20px 20px;
}
.p-secondopinion .advice-area .price-outer{
border-top: 1px dotted#000;
position: absolute;
left: 0;
bottom: 0;
width: 100%;
padding: 0 0 10px;
}
.p-secondopinion .advice-area .desc-boxes{
display: flex;
margin-top: 20px;
}
.p-secondopinion .advice-area .desc-boxes span{
background-color: #E1E1E1;
padding: 3px 8px;
margin-right: 10px;
}
.p-secondopinion .advice-area .price-box .price-area{
display: flex;
align-items: center;
padding: 10px 20px 0;
justify-content: space-between;
}
.p-secondopinion .advice-area .price-box .tax{
text-align: right;
display: block;
padding-right: 20px;
}
.p-secondopinion .advice-area .price-box .price-area .price{
font-size: 5rem;
line-height: 1;
}
.p-secondopinion .advice-area .price-box .price-area span{
font-size: 3.5rem;
}
.p-secondopinion .advice-area .price-box .price-area .time{
font-size: 3rem
}
.p-secondopinion .contact-area{
padding: 100px 0;
}
.p-secondopinion .contact-area .c-heading02{
text-align: center;
}
.p-secondopinion .contact-area .c-heading02 + p{
text-align: center;
margin-top: 20px;
}
.p-secondopinion .contact-area .thanks .btn{
margin: 30px auto 0;
}
@media screen and (max-width: 860px) {
.p-secondopinion .advice-area .price-box {
min-height: auto;
}
.p-secondopinion .advice-area .price-outer {
left: auto;
bottom: auto;
position: relative;
}
.p-secondopinion .advice-area .desc-boxes span{
font-size: 1.4rem;
}
}
@media screen and (max-width: 767px) {
.p-secondopinion .advice-area .price-wrap {
display: block;
}
.p-secondopinion .advice-area .price-box {
width: 100%;
min-height: auto;
}
.p-secondopinion .advice-area .price-box .price-ttl {
padding: 13px 0;
font-size: 1.8rem;
}
.p-secondopinion .advice-area .price-outer {
position: relative;
left: auto;
bottom: auto;
width: 100%;
}
.p-secondopinion .advice-area .price-box .price-area .price {
font-size: 3rem;
}
.p-secondopinion .advice-area .price-box .price-area span {
font-size: 1.8rem;
}
.p-secondopinion .advice-area .price-box .price-area .time {
font-size: 1.8rem;
}
.p-secondopinion .advice-area .price-box:nth-child(1) {
margin-bottom: 25px;
}
} .p-intro.p-seminar .contact-area .inner{
margin-top: 0;
}
.contact-area .participant-text {
margin-bottom: 30px;
}
.contact-area .participant-box{
padding: 20px;
}
.contact-area .participant-box:nth-of-type(even){
background-color: #FFF4EB;
}
.contact-area .position{
margin-top: 10px;
}
.contact-area .participant-box .name span,
.contact-area .participant-box .position span{
margin-right: 20px;
} #seminarSelect option:disabled {
background: #ddd;
pointer-events: none !important;
}
.no-seminar {
text-align: center;
margin: 4em 0;
padding: 2em;
background-color: #FFF4EB;
}
.contact-area .mwform-radio-field.horizontal-item{
line-height: 1.2;
}
.contact-area .mwform-radio-field label{
display: block;
} .kiji-box .wp-block-button__link {
font-family: fot-matisse-pron, sans-serif;
text-decoration: none !important;
}
.kiji-box .wp-block-table {
margin: 2em 0;
}
.kiji-box .wp-block-table td {
padding: 0.5em 1em;
border: 1px solid #ddd;
vertical-align: middle;
}
.kiji-box .wp-block-table td:nth-of-type(1) {
white-space: nowrap;
} .modal {
}
.modal__overlay {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0,0,0,0.6);
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.modal__container {
background-color: #fff;
padding: 3em 2em 2em;
margin-top: 80px;
width: 800px;
max-width: 90%;
max-height: calc( 100vh - 160px );
border-radius: 4px;
overflow-y: auto;
box-sizing: border-box;
}
.modal__header {
display: flex;
justify-content: space-between;
align-items: center;
}
.modal__title {
margin-top: 0;
margin-bottom: 0;
font-weight: 600;
font-size: 2.2rem;
line-height: 1.25;
box-sizing: border-box;
padding-bottom: 0.5em;
border-bottom: 1px solid #666;
}
.modal__close {
background: transparent;
border: 0;
}
.modal__header .modal__close:before { content: "\2715"; }
.modal__content {
margin-top: 2rem;
margin-bottom: 2rem;
line-height: 1.5;
color: rgba(0,0,0,.8);
}
.modal__content ol {
counter-reset: item;
padding-left: 1em;
}
.modal__content ol > li {
position: relative;
}
.modal__content ol > li:nth-child(n+2) {
margin-top: 1em;
}
.modal__content ol > li:before {
counter-increment: item;
content: counter(item);
display: block;
padding-left: 1.5em;
}
.modal__content ol > li:after {
content: '';
width: 0.8em;
height: 3px;
background-color: #E98329;
position: absolute;
left: 0;
top: 0.7em;
}
.modal__content ol > li b {
display: inline-block;
margin-top: 0.3em;
font-size: 1.1em;
line-height: 1.3;
}
.modal__content ol ol {
padding: 1em 0 0 0;
}
.modal__content ol ol li {
list-style-type: decimal;
list-style-position: inside;
padding: 0.4em 0.5em 0.4em 2em;
text-indent: -1.5em;
}
.modal__content ol ol li:before,
.modal__content ol ol li:after {
content: none;
}
.modal__content ol ol li:nth-child(n+2) {
margin-top: 0;
}
.modal__content ol ol li:last-child {
border-bottom: none;
}
.modal__btn {
display: block;
padding: 0.8em 1em;
background-color: #FFA14D;
color: #fff;
border-radius: 2px;
border-style: none;
border-width: 0;
cursor: pointer;
-webkit-appearance: button;
text-transform: none;
overflow: visible;
line-height: 1.15;
margin: 0;
will-change: transform;
-moz-osx-font-smoothing: grayscale;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translateZ(0);
transform: translateZ(0);
transition: -webkit-transform .25s ease-out;
transition: transform .25s ease-out;
transition: transform .25s ease-out,-webkit-transform .25s ease-out;
font-size: 1.4rem;
letter-spacing: 0.12em;
outline: none;
}
.modal__btn:focus, .modal__btn:hover {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
.modal__btn-primary {
background-color: #00449e;
color: #fff;
}
.modal__footer .modal__btn {
margin: 0 auto;
}
@keyframes mmfadeIn {
from { opacity: 0; }
to { opacity: 1; }
}
@keyframes mmfadeOut {
from { opacity: 1; }
to { opacity: 0; }
}
@keyframes mmslideIn {
from { transform: translateY(15%); }
to { transform: translateY(0); }
}
@keyframes mmslideOut {
from { transform: translateY(0); }
to { transform: translateY(-10%); }
}
.micromodal-slide {
display: none;
}
.micromodal-slide.is-open {
display: block;
}
.micromodal-slide[aria-hidden="false"] .modal__overlay {
animation: mmfadeIn .3s cubic-bezier(0.0, 0.0, 0.2, 1);
}
.micromodal-slide[aria-hidden="false"] .modal__container {
animation: mmslideIn .3s cubic-bezier(0, 0, .2, 1);
}
.micromodal-slide[aria-hidden="true"] .modal__overlay {
animation: mmfadeOut .3s cubic-bezier(0.0, 0.0, 0.2, 1);
}
.micromodal-slide[aria-hidden="true"] .modal__container {
animation: mmslideOut .3s cubic-bezier(0, 0, .2, 1);
}
.micromodal-slide .modal__container,
.micromodal-slide .modal__overlay {
will-change: transform;
}
@media screen and (max-width: 768px) {
.modal__container {
padding: 2.5em 1.5em 1.5em;
}
.modal__title {
font-size: 1.8rem;
}
.modal__btn {
margin: 0 auto;
}
} .blog-wrap.media {
justify-content: center;
}
.blog-wrap.media .blog-left {
width: 100%;
}
.blog-wrap.media .media-type {
font-family: fot-matisse-pron, sans-serif;
font-size: 3.2rem;
margin-bottom: 0.5em;
}
.blog-wrap.media .blog-list {
display: flex;
width: 100%;
margin-bottom: 4em;
}
.blog-wrap.media .blog-list .media-box {
padding-bottom: 2em;
font-size: 1.4rem;
}
.blog-wrap.media .blog-list .media-box figure {
position: relative;
display: block;
width: 100%;
overflow: hidden;
}
.blog-wrap.media .blog-list .media-box figure:after {
content: '';
width: 100%;
padding-bottom: calc( ( 173 / 300 ) * 100% );
}
.blog-wrap.media .blog-list .media-box figure img {
position: relative;
width: 100%;
height: 100%;
object-fit: contain;
object-position: center;
}
.blog-wrap.media .blog-list .media-box .blog-date {
margin-bottom: 0.2em;
}
.blog-wrap.media .blog-list .media-box .blog-date .date {
font-size: 0.9em;
}
.blog-wrap.media .blog-list .media-box .blog-title {
font-size: 1em;
display: block;
border-bottom: none;
margin: 0;
}
.blog-wrap.media .blog-list .media-box .blog-title a {
border-bottom: 1px solid #000;
display: inline;
padding-bottom: 0;
line-height: 1.5;
}
.blog-wrap.media .blog-list .media-box .media-info {
margin-top: 2.2em;
}
.blog-wrap.media .blog-list .media-box .media-info [class^="media-"]:nth-child(n+2) {
margin-top: 0.5em;
padding-top: 0.5em;
border-top: 1px solid #eee;
}
.blog-wrap.media .blog-list .media-box .media-info .media-url span {
}
.blog-wrap.media .blog-list .media-box .media-info .media-url a {
color: #E56534;
padding-bottom: 0;
display: flex;
align-items: flex-start;
}
.blog-wrap.media .blog-list .media-box .media-info .media-url img {
width: 1.6em;
margin-right: 0.5em;
margin-top: -0.2em;
position: relative;
top: 0.4em;
}
@media screen and (min-width: 768px) {
.blog-wrap.media .blog-list .media-box {
width: calc( 25% - 9px );
margin-bottom: 12px;
}
.blog-wrap.media .blog-list .media-box:not(:nth-child(4n)) {
margin-right: 12px;
}
}
@media screen and (max-width: 767px) {
.blog-wrap.media .blog-list .media-box {
width: calc( 50% - 9px );
margin-bottom: 18px;
font-size: 1.2rem;
}
.blog-wrap.media .blog-list .media-box:not(:nth-child(even)) {
margin-right: 18px;
}
} .p-director .c-heading02{
text-align: center;
margin-bottom: 20px;
}
.p-director .intro-area {
padding: 100px 0;
}
.p-director .intro-area p{
text-align: center;
}
.p-director .intro-area .d-merit{
margin-top: 50px;
}
.p-director .intro-area .d-merit ul{
max-width: 800px;
margin: 0 auto;
}
.p-director .intro-area .d-merit ul li {
border-bottom: 1px dashed #E98329;
padding: 7px 0;
position: relative;
padding-left: 37px;
}
.p-director .intro-area .d-merit ul li::before {
content: '';
position: absolute;
width: 6px;
height: 6px;
border-radius: 100%;
background-color: #000;
top: 50%;
left: 14px;
transform: translate(0,-50%);
}
.p-director .role-area {
background-color: #F9EDE2;
padding: 100px 0 50px;
}
.p-director .role-area .pic-box{
margin: 60px 0 0px;
}
.p-director .role-area figure{
margin: 0 0 30px;
}
.p-director .role-area figure img{
display: block;
margin: 0 auto 20px;
}
.p-director .role-area .imgsource{
margin-bottom: 20px;
display: block;
}
.p-director .flow-area {
background-color: #F9EDE2;
padding: 50px 0 100px;
}
.p-director .flow-area .flow-list li{
display: block;
background-color: #fff;
border: 1px solid #E98329;
margin-bottom: 35px;
position: relative;
padding: 15px 10px;
text-align: center;
}
.p-director .flow-area .flow-list li:last-child{
margin-bottom: 0;
}
.p-director .flow-area .flow-list li:last-child::before{
content: none;
}
.p-director .flow-area .flow-list li::before {
content: "";
position: absolute;
left: 50%;
bottom: -26px;
transform: translate(-50% , 0%) rotate(90deg);
box-sizing: border-box;
width: 5px;
height: 5px;
border: 5px solid transparent;
border-left: 7px solid #000;
}
.p-director .flow-area .flow-note{
margin-top: 45px;
}
.p-director .flow-area .flow-note h3{
color: #E98329;
font-weight: 500;
}
.p-director .flow-area .flow-note p{
font-size: 1.4rem;
}
.p-director .contact-area {
padding: 100px 0;
}
.p-director .about-means{
font-size: 1.4rem;
margin-top: 110px;
}
@media screen and (max-width: 767px) {
.p-director .intro-area .d-merit ul li::before {
top: 21px;
}
.p-director .flow-area .flow-list li{
letter-spacing: 0;
font-size: 1.3rem;
}
} .p-ma-seminar .intro-area .pic-box {
margin: 60px auto;
max-width: 560px;
}
.p-ma-seminar .intro-area .pic-box .imgsource a {
text-decoration: underline;
color: #E98329;
}
.p-ma-seminar .member-area{
background: url(//micro-ma.com/cms/wp-content/themes/justma/images/introduction/bg_merit.png) no-repeat;
background-size: cover;
}
.p-ma-seminar .member-area .inner{
background-color: #fff;
padding-top: 57px;
padding-bottom: 57px;
}
.p-ma-seminar .member-area .c-heading02{
text-align: center;
}
.p-ma-seminar .member-area .c-heading02 + p{
margin-top: 40px;
text-align: center;
line-height: 2;
}
.p-ma-seminar .benefit-area{
margin-top: 128px;
}
.p-ma-seminar .benefit-area .c-heading02{
margin-bottom:30px ;
}
.p-ma-seminar .benefit-box{
display: flex;
align-items: stretch;
margin-bottom: 10px;
border: 2px dotted #E98329;
}
.p-ma-seminar .benefit-title{
display: flex;
justify-content: center;
flex-direction: column;
background-color: #FFF2E6;
width: 30%;
text-align: center;
padding: 30px 0;
position: relative;
}
.p-ma-seminar .benefit-title p {
font-size: 1.2em;
font-weight: 600;
}
.p-ma-seminar .benefit-text{
display: flex;
justify-content: center;
flex-direction: column;
width: 70%;
padding: 3em 5%;
}
.p-ma-seminar .role-area .d-merit {
margin: 4em 0;
}
.p-ma-seminar .role-area .d-merit ol {
max-width: 30em;
margin: 0 auto;
}
.p-ma-seminar .role-area .d-merit ol li {
padding: 0.5em 1em;
border-radius: 2px;
background-color: #fff;
}
.p-ma-seminar .role-area .d-merit ol li:nth-child(n+2){
margin-top: 1em;
}
.p-ma-seminar .role-area p {
text-align: center;
}
@media screen and (max-width: 767px) {
.p-ma-seminar .member-area .inner {
background-color: #fff;
padding-top: 40px;
padding-bottom: 40px;
width: 90%;
}
.p-ma-seminar .benefit-box {
display:block;
width: 100%;
}
.p-ma-seminar .benefit-title {
width: 100%;
padding: 15px 0;
}
.p-ma-seminar .benefit-text {
width: 100%;
padding:20px;
}
.p-ma-seminar .benefit-area {
margin-top: 55px;
}
} .p-ma-seminar .c-form tr td p:nth-child(n+2){
margin-top: 1em;
}
.p-ma-seminar .c-form input[name="your-participant"] {
width: 4em !important;
}
.p-ma-seminar .c-form input[name*="date"] {
width: 12em !important;
}
.p-ma-seminar .c-form select[name*="start"],
.p-ma-seminar .c-form select[name*="end"] {
width: 12em !important;
}
@media screen and (max-width: 767px) {
.p-ma-seminar .c-form input[name*="date"],
.p-ma-seminar .c-form select[name*="start"],
.p-ma-seminar .c-form select[name*="end"] {
width: 100% !important;
}
.p-ma-seminar .c-form select[name*="start"],
.p-ma-seminar .c-form input[name*="date"] {
margin-bottom: 0.5em;
}
}
.p-ma-seminar .c-form input[name="zip[data][0]"] {
width: 6em !important;
}
.p-ma-seminar .c-form input[name="zip[data][1]"] {
width: 8em !important;
}
.p-ma-seminar .c-form input[name*="addr"] {
width: 100% !important;
}
.is-provider-youtube .wp-block-embed__wrapper {
position: relative;
}
.is-provider-youtube .wp-block-embed__wrapper:after {
content: '';
display: block;
width: 100%;
padding-bottom: 56.25%;
}
.is-provider-youtube .wp-block-embed__wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
} .p-book.musekinin{
background-color: #FCFCFC;
padding: 100px 0;
margin-bottom: 50px;
}
.p-book .book-intro .eyecatch{
margin: 0 0 50px;
}
.p-book .book-intro .eyecatch img{
display: block;
margin: 0 auto;
}
.p-book .book-intro .catch-ttl{
font-family: fot-matisse-pron, sans-serif;
font-size: 4rem;
text-align: center;
margin-bottom: 60px;
position: relative;
}
.p-book .book-intro .catch-ttl::before{
content: '';
width: 200px;
height: 1px;
background-color: #000;
position: absolute;
left: 50%;
bottom: -20px;
transform: translate(-50%,0);
}
.p-book .book-intro h2,
.p-book .book-intro h3,
.p-book .book-intro h4{
font-family: fot-matisse-pron, sans-serif;
}
.p-book .book-intro h2{
font-size: 3rem;
}
.p-book .book-intro h3{
font-size: 2rem;
}
.p-book .book-intro h4{
font-size: 1.8rem;
}
.p-book .book-intro .book-info{
max-width: 800px;
width: 100%;
border: 1px solid #D1D1D1;
padding: 30px 30px;
margin: 40px auto;
}
.p-book .book-intro .book-info h2{
text-align: center;
position: relative;
display: table;
margin: 0 auto 30px;
padding: 0 23px;
}
.p-book .book-intro .book-info h2::before{
content: '';
width: 20px;
height: 1px;
background-color: #000;
position: absolute;
left: -10px;
top: 50%;
transform: translate(0%,-50%);
}
.p-book .book-intro .book-info h2::after{
content: '';
width: 20px;
height: 1px;
background-color: #000;
position: absolute;
right: -10px;
top: 50%;
transform: translate(0%,-50%);
}
.p-book .book-intro .book-info figure{
margin: 20px;
}
.p-book .book-intro .book-info figure img{
margin: 0 auto;
display: block;
}
.p-book .book-intro .book-info h3{
text-align: center;
font-weight: bold;
}
.p-book .book-intro .book-about{
padding: 50px 0 80px;
}
.p-book .book-intro .book-about p{
max-width: 800px;
margin: 0 auto;
line-height: 2;
font-size: 1.8rem;
}
.p-book .book-intro .book-detail{
max-width: 500px;
width: 100%;
margin: 20px auto 0;
}
.p-book .book-intro .book-detail dl{
display: flex;
}
.p-book .book-intro .book-detail dl dt{
font-weight: bold;
width: 15%;
}
.p-book .book-intro .book-detail dl dd{
width: 85%;
}
.p-book .book-intro .book-mokuji{
padding: 100px 0 100px;
}
.p-book .book-intro .mokuji-list{
text-align: center;
}
.p-book .book-intro .mokuji-list .m-box{
margin-bottom: 30px;
}
.p-book .book-intro .mokuji-list .min{
font-family: fot-matisse-pron, sans-serif;
font-size: 3rem;
color: #464646;
}
.p-book .book-intro .mokuji-list .m-ttl{
font-family: fot-matisse-pron, sans-serif;
font-size: 3rem;
color: #464646;
}
.p-book .book-intro .book-profile{
max-width: 700px;
margin: 0 auto;
line-height: 2;
}
.p-book .book-intro .book-buy{
padding: 100px 0 0;
}
.p-book .book-intro .book-buy p{
text-align: center;
margin-bottom: 50px;
}
.p-book .book-intro .book-buy .link-list a{
margin: 0 auto 20px;
color: #fff;
background-color: #464646;
max-width: 300px;
padding: 20px 0;
display: block;
text-align: center;
font-size: 2rem;
border: 1px solid transparent;
}
.p-book .book-intro .book-buy .link-list a:hover{
border: 1px solid #464646;
color: #464646;
background-color: #fff;
}
@media screen and (max-width: 767px) {
.p-book.musekinin {
padding: 50px 0;
}
.p-book .book-intro .eyecatch {
margin: 0 0 0px;
}
.p-book .book-intro .catch-ttl {
font-size: 2.2rem;
text-align: center;
margin-bottom: 60px;
}
.p-book .book-intro .book-about {
padding: 30px 0 50px;
}
.p-book .book-intro .book-about p {
max-width: 100%;
margin: 0 auto;
line-height: 2;
font-size: 1.4rem;
}
.p-book .book-intro .book-info {
max-width: 100%;
padding: 30px 20px;
margin: 0px auto 30px;
}
.p-book .book-intro .book-info h2 {
margin: 0 auto 20px;
padding: 0 23px;
}
.p-book .book-intro h2{
font-size: 2rem;
}
.p-book .book-intro h3{
font-size: 1.8rem;
}
.p-book .book-intro h4{
font-size: 1.6rem;
}
.p-book .book-intro .book-mokuji {
padding: 50px 0
}
.p-book .book-intro .mokuji-list .min {
font-size: 2rem;
}
.p-book .book-intro .mokuji-list .m-ttl {
font-size: 2rem;
} 
.p-book .book-intro .mokuji-list .m-box {
margin-bottom: 20px;
}
} .p-member.single .member-company{
font-size: 2.5rem;
font-weight: bold;
}
.p-member.single figure{
margin: 30px 0;
}
.p-member.single .img-gallery{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 40px 0;
}
.p-member.single .img-gallery .img-box{
width: 48%;
margin-bottom: 30px;
}
.p-member.single .detail-box{
margin-bottom: 45px;
}
.p-member.single .detail-text{
padding: 0 0 0 20px;
}
.p-member.single .detail-text a{
color:#E08C35;
border-bottom: 1px solid #E08C35;
padding-bottom: 2px;
}
.p-member.single .detail-text a:hover{
border-bottom: none;
}
.p-member.single .detail-ttl{
padding: 0 0 0 20px;
border-left: 3px solid #E08C35;
font-size: 1.8rem;
line-height: 1.4;
margin-bottom: 9px;
font-weight: 500;
}
.p-member .btn-detail{
color: #E08C35;
position: relative;
display: table;
font-size: 1.4rem;
margin-top: 5px;
padding-right: 20px;
}
.p-member .btn-detail::before {
content: '';
position: absolute;
right: 0px;
top: 52%;
transform: translate(0,-50%);
box-sizing: border-box;
width: 5px;
height: 5px;
border: 5px solid transparent;
border-left: 7px solid #E98329;
z-index: 1;
}
@media screen and (max-width: 767px) {
.p-member.single .img-gallery .img-box{
margin-bottom: 20px;
}
}