@charset "UTF-8";
.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}
    html {
line-height: 1.15; -webkit-text-size-adjust: 100%; }  body {
margin: 0; } main {
display: block; } h1 {
font-size: 2em;
margin: 0.67em 0; }  hr {
box-sizing: content-box; height: 0; overflow: visible; } pre {
font-family: monospace, monospace; font-size: 1em; }  a {
background-color: transparent; } abbr[title] {
border-bottom: none; text-decoration: underline; text-decoration: underline dotted; } b,
strong {
font-weight: bolder; } code,
kbd,
samp {
font-family: monospace, monospace; font-size: 1em; } small {
font-size: 80%; } sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline; }
sub {
bottom: -0.25em; }
sup {
top: -0.5em; }  img {
border-style: none; }  button,
input,
optgroup,
select,
textarea {
font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button,
input { overflow: visible; } button,
select { text-transform: none; } button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button; } button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0; } button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText; } fieldset {
padding: 0.35em 0.75em 0.625em; } legend {
box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress {
vertical-align: baseline; } textarea {
overflow: auto; } [type="checkbox"],
[type="radio"] {
box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto; } [type="search"] {
-webkit-appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-decoration {
-webkit-appearance: none; } ::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; }  details {
display: block; } summary {
display: list-item; }  template {
display: none; } [hidden] {
display: none; } .alignnone {
margin: 5px 20px 20px 0; }
.aligncenter,
div.aligncenter {
display: block;
margin: 5px auto 5px auto; }
.alignright {
float: right;
margin: 5px 0 20px 20px; }
.alignleft {
float: left;
margin: 5px 20px 20px 0; }
a img.alignright {
float: right;
margin: 5px 0 20px 20px; }
a img.alignnone {
margin: 5px 20px 20px 0; }
a img.alignleft {
float: left;
margin: 5px 20px 20px 0; }
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto; }
.wp-caption {
background: #fff;
border: 1px solid #f0f0f0;
max-width: 96%; padding: 5px 3px 10px;
text-align: center; }
.wp-caption.alignnone {
margin: 5px 20px 20px 0; }
.wp-caption.alignleft {
margin: 5px 20px 20px 0; }
.wp-caption.alignright {
margin: 5px 0 20px 20px; }
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 98.5%;
padding: 0;
width: auto; }
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
margin: 0;
padding: 0 4px 5px; } .screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important; }
.screen-reader-text:focus {
background-color: #eee;
clip: auto !important;
clip-path: none;
color: #444;
display: block;
font-size: 1em;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; }  html {
box-sizing: border-box; }
*, *:before, *:after {
box-sizing: inherit; }
h1, h2, h3, h4, h5, h6, p, ul, ol, li, figure {
margin: 0;
padding: 0; }
html, body {
font-family: "Hiragino Sans", "ヒラギノ角ゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "YuGothic", "游ゴシック体", "Yu Gothic", "游ゴシック", Meiryo, "メイリオ", "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;
font-size: 11px;
line-height: 1.5;
color: #000; }
@media screen and (min-width: 768px) {
html, body {
font-size: 12px; } }
@media screen and (min-width: 992px) {
html, body {
font-size: 16px; } }
a {
color: #a7bbcf;
text-decoration: none; }
@media screen and (min-width: 768px) {
a:hover {
color: #6588ab;
text-decoration: underline; } } .page-container {
width: 100%;
margin: 0 auto;
position: relative;
padding-top: 48px; }
@media screen and (min-width: 768px) {
.page-container {
padding-top: 70px; } }
.sect-container {
position: relative;
margin: 0 auto;
width: 92.5vw; }
@media screen and (min-width: 576px) {
.sect-container {
width: 93.75vw; } }
@media screen and (min-width: 768px) {
.sect-container {
width: 720px; } }
@media screen and (min-width: 992px) {
.sect-container {
width: 960px; } }
@media screen and (min-width: 1280px) {
.sect-container {
width: 1220px; } } .sr-only {
display: none; } @media screen and (max-width: 767px) {
.pc-only {
display: none; } }
@media screen and (min-width: 768px) {
.sp-only {
display: none; } }
@media screen and (min-width: 576px) {
.xs-only {
display: none; } }
.no-bullet {
list-style: none; }  .site-header {
height: 48px;
background-color: #000;
position: fixed;
width: 100%;
left: 0;
top: 0;
z-index: 100; }
@media screen and (min-width: 768px) {
.site-header {
height: 70px; } }
.site-header > .header-container {
position: relative;
margin: 0 auto;
width: 100%;
height: 100%; }
@media screen and (min-width: 1280px) {
.site-header > .header-container {
width: 1220px;
display: flex;
justify-content: space-between; } }
.site-header .sitename {
width: 180px;
margin-left: 12px; }
@media screen and (min-width: 768px) {
.site-header .sitename {
width: 266px;
margin-left: 30px; } }
@media screen and (min-width: 1280px) {
.site-header .sitename {
margin-left: 0; } }
.site-header .sitename > a {
display: block;
width: 100%;
height: 0;
padding-top: 22.222%;
background: #fff url(//miyajimagiken.com/wp/wp-content/themes/miyajima/img/header/header-logo.svg) center 62.5% no-repeat;
background-size: 83.333%;
text-indent: 100%;
white-space: nowrap;
overflow: hidden; }
@media screen and (min-width: 768px) {
.site-header .sitename > a {
-webkit-transition: background-color 0.06s linear 0s;
-moz-transition: background-color 0.06s linear 0s;
-ms-transition: background-color 0.06s linear 0s;
-o-transition: background-color 0.06s linear 0s;
transition: background-color 0.06s linear 0s; }
.site-header .sitename > a:hover {
background-color: #a7bbcf; } }
.site-header .sitenav {
width: 100%;
position: absolute;
top: 0;
right: 0; }
@media screen and (min-width: 1280px) {
.site-header .sitenav {
position: relative;
width: auto;
top: auto;
right: auto; } }
.sitenav__base {
display: none;
position: absolute;
left: 0;
top: 0;
width: 100vw;
height: 100vh; }
.sitenav.active .sitenav__base {
display: block;
background-color: rgba(255, 255, 255, 0.5); }
@media screen and (min-width: 1280px) {
.sitenav.active .sitenav__base {
display: none; } }
.sitenav__btn {
cursor: pointer;
position: absolute;
right: 0;
top: 0;
width: 54px;
height: 48px;
background: #222 url(//miyajimagiken.com/wp/wp-content/themes/miyajima/img/header/header-menu-open-icon.svg) center center no-repeat;
background-size: 30px auto;
text-indent: 100%;
white-space: nowrap;
overflow: hidden; }
@media screen and (min-width: 768px) {
.sitenav__btn {
right: 30px;
top: 11px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background-size: 40px auto;
-webkit-transition: background-color 0.06s linear 0s;
-moz-transition: background-color 0.06s linear 0s;
-ms-transition: background-color 0.06s linear 0s;
-o-transition: background-color 0.06s linear 0s;
transition: background-color 0.06s linear 0s; }
.sitenav__btn:hover {
background-color: #3c3c3c; } }
@media screen and (min-width: 1280px) {
.sitenav__btn {
display: none; } }
.sitenav.active .sitenav__btn {
background-color: #fff;
background-image: url(//miyajimagiken.com/wp/wp-content/themes/miyajima/img/header/header-menu-close-icon.svg); }
@media screen and (min-width: 768px) {
.sitenav.active .sitenav__btn {
-webkit-transition: background-color 0.06s linear 0s;
-moz-transition: background-color 0.06s linear 0s;
-ms-transition: background-color 0.06s linear 0s;
-o-transition: background-color 0.06s linear 0s;
transition: background-color 0.06s linear 0s; }
.sitenav.active .sitenav__btn:hover {
background-color: #a7bbcf; } }
.sitenav__container {
position: absolute;
top: 0;
right: -260px;
width: 250px;
height: 100vh;
background-color: #004b9b;
font-size: 18px;
line-height: 1.25;
padding: 4em 1.15em 1.15em;
overflow-y: auto;
-webkit-transition: right 0.25s ease-out 0s;
-moz-transition: right 0.25s ease-out 0s;
-ms-transition: right 0.25s ease-out 0s;
-o-transition: right 0.25s ease-out 0s;
transition: right 0.25s ease-out 0s; }
.sitenav.active .sitenav__container {
right: 0; }
@media screen and (min-width: 768px) {
.sitenav__container {
padding-right: 30px;
padding-left: 30px;
width: 270px;
right: -280px; } }
@media screen and (min-width: 1280px) {
.sitenav__container {
position: relative;
top: auto;
right: auto;
width: auto;
height: 100%;
background-color: transparent;
font-size: 21px;
line-height: 70px;
padding: 0;
overflow-y: visible; } }
.sitenav__menu {
margin: 0 auto;
padding: 0;
list-style: none;
border-bottom: 1px solid #003268; }
@media screen and (min-width: 1280px) {
.sitenav__menu {
display: flex;
text-align: left;
border-bottom: none; } }
.sitenav__menu .menu-item {
padding: 0.50em 0; }
@media screen and (min-width: 1280px) {
.sitenav__menu .menu-item {
padding: 0; } }
.sitenav__menu > .menu-item {
border-top: 1px solid #003268; }
@media screen and (min-width: 1280px) {
.sitenav__menu > .menu-item {
border-top: none; }
.sitenav__menu > .menu-item + .menu-item {
margin-left: 1em; } }
.sitenav__menu .menu-item > a {
color: #fff;
text-decoration: none; }
@media screen and (min-width: 768px) {
.sitenav__menu .menu-item > a {
-webkit-transition: color 0.06s linear 0s;
-moz-transition: color 0.06s linear 0s;
-ms-transition: color 0.06s linear 0s;
-o-transition: color 0.06s linear 0s;
transition: color 0.06s linear 0s; }
.sitenav__menu .menu-item > a:hover {
color: #68b1ff; } }
@media screen and (min-width: 1280px) {
.sitenav__menu .menu-item > a {
display: block; } }
.sitenav__menu .menu-item-has-children {
-webkit-transition: all 0.06s linear 0s;
-moz-transition: all 0.06s linear 0s;
-ms-transition: all 0.06s linear 0s;
-o-transition: all 0.06s linear 0s;
transition: all 0.06s linear 0s; }
.sitenav__menu .menu-item-has-children > a {
cursor: pointer;
-ms-user-select: none;
user-select: none; }
@media screen and (min-width: 1280px) {
.sitenav__menu .menu-item-has-children > a {
color: #fff;
-webkit-transition: color 0.06s linear 0s;
-moz-transition: color 0.06s linear 0s;
-ms-transition: color 0.06s linear 0s;
-o-transition: color 0.06s linear 0s;
transition: color 0.06s linear 0s; }
.sitenav__menu .menu-item-has-children > a:hover {
color: #68b1ff; } }
.sitenav__menu .menu-item-has-children > a::after {
content: '\25BD';
font-size: 0.5em;
margin-left: 0.45em; }
.sitenav__menu .menu-item-has-children.revealed {
background-color: #004691;
padding: 0.5em 0 0.5em 8px; }
@media screen and (min-width: 1280px) {
.sitenav__menu .menu-item-has-children.revealed {
background-color: inherit;
padding: inherit; } }
.sitenav__menu .menu-item-has-children.revealed > a {
color: #027cff; }
.sitenav__menu .menu-item-has-children.revealed > a::after {
content: '\25B2';
font-size: 0.5em;
margin-left: 0.45em; }
.sitenav__menu .current-menu-item > a {
color: #68b1ff; }
.sitenav__menu .sub-menu {
display: none;
padding: 0;
margin: 0.50em 0 0 1em;
list-style: none; }
@media screen and (min-width: 1280px) {
.sitenav__menu .sub-menu {
position: absolute;
left: 0;
top: 70px;
margin: 0;
padding: 0.75em 0.75em;
background-color: #004b9b;
width: 100%;
justify-content: center; }
.sitenav__menu .sub-menu > .menu-item {
line-height: 1.25;
margin: 0 0.75em 0 0;
padding: 0 0 0 0.75em; }
.sitenav__menu .sub-menu > .menu-item + .menu-item {
border-left: 1px solid #888; } }
.sitenav__menu .revealed .sub-menu {
display: block; }
@media screen and (min-width: 1280px) {
.sitenav__menu .revealed .sub-menu {
display: flex; } } .contact-button {
margin: 4rem auto;
width: 92.5vw; }
@media screen and (min-width: 576px) {
.contact-button {
width: 402px; } }
@media screen and (min-width: 768px) {
.contact-button {
width: 566px; } }
@media screen and (min-width: 992px) {
.contact-button {
width: 754px; } }
.contact-button a {
display: block;
width: 100%;
background-color: #000;
color: #fff;
font-weight: bold;
text-align: center;
text-decoration: none;
font-size: 18px;
line-height: 3.222; }
@media screen and (min-width: 768px) {
.contact-button a {
font-size: 21px;
line-height: 3.238; } }
@media screen and (min-width: 992px) {
.contact-button a {
font-size: 28px;
line-height: 3.214; } }
.contact-button a:before {
display: inline-block;
vertical-align: middle;
content: "";
width: 43px;
height: 29px;
background: url(//miyajimagiken.com/wp/wp-content/themes/miyajima/img/footer/footer-contact-icon.svg) left center/contain no-repeat;
margin-right: 1em; }
@media screen and (min-width: 768px) {
.contact-button a:before {
width: 50px;
height: 34px; } }
@media screen and (min-width: 992px) {
.contact-button a:before {
width: 66px;
height: 46px; } }
@media screen and (min-width: 768px) {
.contact-button a:hover {
background-color: #6588ab; } }
.page-footer {
background-color: #000;
margin-top: 4rem; }
.page-footer > .footer-container {
margin: 0 auto;
width: 92.5vw;
padding-top: 12px;
padding-bottom: 12px; }
@media screen and (min-width: 576px) {
.page-footer > .footer-container {
width: 93.75vw;
padding-top: 12px; } }
@media screen and (min-width: 768px) {
.page-footer > .footer-container {
width: 720px;
padding: 14px 0; } }
@media screen and (min-width: 992px) {
.page-footer > .footer-container {
width: 960px;
padding: 18px 0; } }
@media screen and (min-width: 1280px) {
.page-footer > .footer-container {
width: 1220px; } }
.page-footer .company-addresses {
font-style: normal;
display: flex;
flex-direction: column; }
@media screen and (min-width: 576px) {
.page-footer .company-addresses {
flex-direction: row;
justify-content: center;
align-items: center; } }
.page-footer .company-addresses .footer-logo {
background: url(//miyajimagiken.com/wp/wp-content/themes/miyajima/img/footer/footer-mg-logo.svg) center top/contain no-repeat;
width: 100%;
height: 52px;
margin-bottom: 12px; }
@media screen and (min-width: 576px) {
.page-footer .company-addresses .footer-logo {
width: 52px;
margin-bottom: 0;
margin-right: 12px; } }
@media screen and (min-width: 768px) {
.page-footer .company-addresses .footer-logo {
width: 70px;
height: 70px;
margin-right: 14px; } }
@media screen and (min-width: 992px) {
.page-footer .company-addresses .footer-logo {
width: 94px;
height: 94px;
margin-right: 18px; } }
.page-footer .address-list {
color: #fff;
font-size: 10px; }
@media screen and (min-width: 768px) {
.page-footer .address-list {
font-size: 14px; } }
@media screen and (min-width: 992px) {
.page-footer .address-list {
font-size: 18px; } }
.page-footer .address-list .list-item + .list-item {
border-top: 1px solid #666;
margin-top: 0.5em;
padding-top: 0.5em; }
.page-footer .footer-title {
color: white;
text-align: center;
font-size: 1.15em;
letter-spacing: 0.05em; }
@media screen and (min-width: 576px) {
.page-footer .footer-title {
text-align: left; } }
.page-footer .address-list table {
width: 100%;
margin: 0 auto;
border-collapse: collapse; }
.page-footer .address-list table th {
text-align: left;
font-weight: normal; }
.page-footer .address-list table .division th {
padding-left: 0.75em; }
@media screen and (min-width: 576px) {
.page-footer .address-list table .division th, .page-footer .address-list table .division td {
padding-left: 1em; } }
.page-footer .address-list table .division + .item-address th, .page-footer .address-list table .division + .item-address td {
padding-top: 0.5em; }
.backtop-button {
display: none;
position: fixed;
right: 24px;
bottom: 24px;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
width: 48px;
height: 48px; }
.backtop-button.enabled {
display: block; }
.backtop-button > a {
display: block;
width: 100%;
height: 100%;
border-radius: 50%;
background: rgba(0, 0, 0, 0.5) url(//miyajimagiken.com/wp/wp-content/themes/miyajima/img/footer/footer-top-icon.svg) center 45%/28px auto no-repeat; }
@media screen and (min-width: 768px) {
.backtop-button > a:hover {
background-color: black; } }  body.home {
background-color: #c6e2f8; }
.home-intro {
background: url(//miyajimagiken.com/wp/wp-content/themes/miyajima/img/home/home-intro-bg@2x-20.jpg) center -5.625vw no-repeat;
background-size: auto 40.625vw;
margin-top: -3.125vw; }
@media screen and (min-width: 768px) {
.home-intro {
background-size: 992px auto;
margin-top: -70px;
background-position-y: 0; } }
@media screen and (min-width: 992px) {
.home-intro {
background-size: 1280px auto; } }
@media screen and (min-width: 1280px) {
.home-intro {
background-size: 100% 416px; } }
.home-intro > .sect-container {
display: flex;
justify-content: center;
padding: 9.375vw 1.25vw 0;
margin: 0 auto;
width: 100%; }
@media screen and (min-width: 576px) {
.home-intro > .sect-container {
padding: 9.896vw 1.875vw 0;
justify-content: space-between; } }
@media screen and (min-width: 768px) {
.home-intro > .sect-container {
width: 754px;
padding: 135px 0 0; } }
@media screen and (min-width: 992px) {
.home-intro > .sect-container {
width: 972px;
padding-top: 174px; } }
.home-intro .fig {
width: 33.75vw;
height: 38.438vw;
background: url(//miyajimagiken.com/wp/wp-content/themes/miyajima/img/home/home-intro-img@2x-8.png) 0 0/contain no-repeat; }
@media screen and (min-width: 576px) {
.home-intro .fig {
width: 32.465vw;
height: 36.979vw; } }
@media screen and (min-width: 768px) {
.home-intro .fig {
width: 249px;
height: 283px; } }
@media screen and (min-width: 992px) {
.home-intro .fig {
width: 323px;
height: 367px; } }
.home-intro .body {
width: 65vw;
height: 38.438vw;
background: url(//miyajimagiken.com/wp/wp-content/themes/miyajima/img/home/home-intro-copy@2x.png) 0 1.25vw/contain no-repeat;
margin-left: -1.25vw;
text-indent: 100%;
white-space: nowrap;
overflow: hidden; }
@media screen and (min-width: 576px) {
.home-intro .body {
width: 60.938vw;
height: 36.979vw;
margin-left: 0; } }
@media screen and (min-width: 768px) {
.home-intro .body {
width: 469px;
height: 283px;
background-position-y: 7px; } }
@media screen and (min-width: 992px) {
.home-intro .body {
width: 604px;
height: 367px;
background-position-y: 9px; } }
.home-map {
margin-top: -1.5rem; }
@media screen and (min-width: 768px) {
.home-map {
margin-top: -2rem; } }
.home-map > .sect-container {
width: 100%;
margin: 0 auto; }
.home-map__body {
width: 92.5vw;
height: 58.438vw;
margin: 0 auto;
background: url(//miyajimagiken.com/wp/wp-content/themes/miyajima/img/home/home-map-body@2x-8.png) center bottom/contain no-repeat; }
@media screen and (min-width: 768px) {
.home-map__body {
width: 720px;
height: 455px; } }
@media screen and (min-width: 992px) {
.home-map__body {
width: 960px;
height: 607px; } }
@media screen and (min-width: 1280px) {
.home-map__body {
width: 1130px;
height: 714px; } }
.home-map__body .location-list {
position: relative;
width: 100%;
height: 100%;
padding: 0;
margin: 0; }
.home-map__body .location-list li[class^="list-item-"] {
position: absolute;
z-index: 1;
cursor: pointer; }
.home-map__body .location-list li[class^="list-item-"]:hover, .home-map__body .location-list li[class^="list-item-"]:active, .home-map__body .location-list li[class^="list-item-"]:focus {
z-index: 10; }
.home-map__body .location-list li[class^="list-item-"]:hover .locname, .home-map__body .location-list li[class^="list-item-"]:active .locname, .home-map__body .location-list li[class^="list-item-"]:focus .locname {
display: block; }
.home-map__body .location-list li[class^="list-item-"]:hover .locpin.lt, .home-map__body .location-list li[class^="list-item-"]:active .locpin.lt, .home-map__body .location-list li[class^="list-item-"]:focus .locpin.lt {
background-image: url(//miyajimagiken.com/wp/wp-content/themes/miyajima/img/home/home-map-pin-l-ov@2x-8.png); }
.home-map__body .location-list li[class^="list-item-"]:hover .locpin.rt, .home-map__body .location-list li[class^="list-item-"]:active .locpin.rt, .home-map__body .location-list li[class^="list-item-"]:focus .locpin.rt {
background-image: url(//miyajimagiken.com/wp/wp-content/themes/miyajima/img/home/home-map-pin-r-ov@2x-8.png); }
.home-map__body .location-list .locname {
display: none;
font-size: 10px;
line-height: 1;
font-weight: bold;
background: #ff8 url(//miyajimagiken.com/wp/wp-content/themes/miyajima/img/home/home-map-pop-arrow@2x-8.png) right 0.25em center/auto 0.75em no-repeat;
padding: 0.55em 1em 0.55em 0.75em;
border-radius: 0.35em;
margin-left: 2.0vw;
border: 1px solid #fff;
box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.35);
-ms-user-select: none;
user-select: none; }
@media screen and (min-width: 576px) {
.home-map__body .location-list .locname {
font-size: 12px;
padding: 0.75em 1.25em 0.75em 1em; } }
@media screen and (min-width: 768px) {
.home-map__body .location-list .locname {
font-size: 13px;
margin-left: 1.35em;
padding: 0.80em 1.25em 0.75em 1em; } }
@media screen and (min-width: 992px) {
.home-map__body .location-list .locname {
font-size: 14px;
margin-left: 2em; } }
@media screen and (min-width: 1280px) {
.home-map__body .location-list .locname {
font-size: 15px; } }
.home-map__body .location-list .locpin {
position: absolute;
left: 0;
top: 0.938vw;
background-repeat: no-repeat;
background-size: contain;
width: 3.438vw;
height: 6.25vw;
animation: locpin_xs 0.5s ease 0s infinite alternate; }
@media screen and (min-width: 768px) {
.home-map__body .location-list .locpin {
width: 26px;
height: 45px;
animation: locpin_md 0.5s ease 0s infinite alternate; } }
@media screen and (min-width: 992px) {
.home-map__body .location-list .locpin {
width: 34px;
height: 59px; } }
@media screen and (min-width: 992px) {
.home-map__body .location-list .locpin {
width: 40px;
height: 70px; } }
.home-map__body .location-list .locpin.lt {
background-image: url(//miyajimagiken.com/wp/wp-content/themes/miyajima/img/home/home-map-pin-l@2x-8.png); }
.home-map__body .location-list .locpin.rt {
background-image: url(//miyajimagiken.com/wp/wp-content/themes/miyajima/img/home/home-map-pin-r@2x-8.png); }
.home-map__body .location-list .list-item-1 {
left: 51.107%;
top: 2.941%; }
.home-map__body .location-list .list-item-2 {
left: 63.773%;
top: 10.504%; }
.home-map__body .location-list .list-item-3 {
left: 56.244%;
top: 21.008%; }
.home-map__body .location-list .list-item-4 {
left: 42.781%;
top: 30.252%; }
.home-map__body .location-list .list-item-5 {
left: 13.64%;
top: 34.314%; }
.home-map__body .location-list .list-item-6 {
left: 25.155%;
top: 46.919%; }
.home-map__body .location-list .list-item-7 {
left: 14.438%;
top: 47.759%; }
.home-map__body .location-list .list-item-8 {
left: 24.358%;
top: 65.546%; }
.home-map__body .location-list .list-item-9 {
left: 11.16%;
top: 66.387%; }
.home-map__body .location-list .list-item-10 {
left: 52.347%;
top: 73.109%; }
.home-map__body .location-list .list-item-11 {
left: 18.512%;
top: 77.451%; }
@keyframes locpin_xs {
from {
top: 0px; }
to {
top: 3px; } }
@keyframes locpin_md {
from {
top: 0px; }
to {
top: 5px; } }
.home-topics {
margin-bottom: 3.091rem; }
@media screen and (min-width: 768px) {
.home-topics {
margin-bottom: 1.667rem; } }
@media screen and (min-width: 1280px) {
.home-topics > .sect-container {
width: 1030px; } }
.home-topics .sect-title {
font-size: 1.636rem;
font-weight: normal;
letter-spacing: 0.1em;
color: #a94324; }
@media screen and (min-width: 768px) {
.home-topics .sect-title {
font-size: 1.667rem; } }
@media screen and (min-width: 992px) {
.home-topics .sect-title {
font-size: 1.25rem; } }
.home-topics .sect-title small {
font-size: 0.684em;
letter-spacing: normal;
color: #585858; }
.home-topics .sect-title a {
text-decoration: none;
color: inherit; }
.home-topics .topics-list {
border: 1px solid #d2d2d2;
border-right: none;
border-left: none;
background-color: #8da0aa; }
.home-topics .topics-list .list-item {
padding: 0.65em; }
@media screen and (min-width: 576px) {
.home-topics .topics-list .list-item {
padding: 0.65em 1.5em; } }
.home-topics .topics-list .list-item + .list-item {
border-top: 1px dotted #d2d2d2; }
.home-topics .topics-list .list-item > a {
display: flex;
color: #fff;
text-decoration: none;
font-size: 1.273rem;
line-height: 1.286; }
@media screen and (min-width: 768px) {
.home-topics .topics-list .list-item > a {
font-size: 1.25rem; }
.home-topics .topics-list .list-item > a:hover {
text-decoration: underline; } }
@media screen and (min-width: 992px) {
.home-topics .topics-list .list-item > a {
font-size: 0.938rem; } }
.home-topics .topics-list .date {
flex: 0 0 8.5em; }
.home-footer {
padding-bottom: 2.5rem; }
@media screen and (min-width: 768px) {
.home-footer {
padding-bottom: 3rem; } }
.home-footer > .footer-container {
margin: 0 auto;
width: 92.5vw; }
@media screen and (min-width: 576px) {
.home-footer > .footer-container {
width: 93.75vw;
display: flex;
justify-content: center; } }
@media screen and (min-width: 768px) {
.home-footer > .footer-container {
width: 720px; } }
@media screen and (min-width: 992px) {
.home-footer > .footer-container {
width: 960px; } }
@media screen and (min-width: 1280px) {
.home-footer > .footer-container {
width: 1030px; } }
.home-footer .footer-title {
font-size: 16px;
line-height: 1;
font-weight: normal;
border-bottom: 1px solid #000;
margin-bottom: 0.5em;
padding-bottom: 0.5em; }
@media screen and (min-width: 576px) {
.home-footer .footer-title {
border-bottom: none;
border-right: 1px solid #000;
margin-bottom: 0;
padding-bottom: 0;
margin-right: 1em;
padding-right: 1em;
white-space: nowrap;
display: flex;
align-items: center; } }
@media screen and (min-width: 768px) {
.home-footer .footer-title {
font-size: 21px;
margin-right: 0.5em;
padding-right: 0.5em; } }
.home-footer .company-addresses {
font-style: normal; }
.home-footer .list-item {
font-size: 10px; }
@media screen and (min-width: 768px) {
.home-footer .list-item {
font-size: 15px; } }
.home-footer .list-item + .list-item {
margin-top: 0.75em; }
.home-footer .address-list table {
width: 100%;
margin: 0 auto;
padding: 0;
margin-left: 0.25em;
border-collapse: collapse; }
.home-footer .address-list table th, .home-footer .address-list table td {
padding: 0 0.35em; }
.home-footer .address-list table th {
font-weight: normal;
min-width: 5.65em; }
.home-footer .address-list table td.tel {
min-width: 12.5em; } .arch-intro {
height: 23.438vw;
background: url(//miyajimagiken.com/wp/wp-content/themes/miyajima/img/archive/topics-title-bg.jpg) center center/cover no-repeat; }
@media screen and (min-width: 576px) {
.arch-intro {
height: 180px; } }
@media screen and (min-width: 768px) {
.arch-intro {
height: 233px; } }
@media screen and (min-width: 992px) {
.arch-intro {
height: 300px; } }
.arch-intro .page-title {
color: #fff;
font-size: 4.375vw;
font-weight: bold;
text-shadow: 0px 0px 2px #000;
padding-top: 0.65em; }
@media screen and (min-width: 576px) {
.arch-intro .page-title {
font-size: 22px;
padding-top: 1.15em;
padding-left: 0.5em; } }
@media screen and (min-width: 768px) {
.arch-intro .page-title {
font-size: 28px;
text-shadow: 0px 0px 4px #000;
padding-top: 0.75em;
padding-left: 0.65em; } }
@media screen and (min-width: 992px) {
.arch-intro .page-title {
font-size: 36px;
text-shadow: 0px 0px 5px #000;
padding-left: 1em; } }
.arch-entries {
margin-top: 2rem; }
@media screen and (min-width: 576px) {
.arch-entries {
margin-top: 4rem; } }
.arch-entries > .sect-container {
border: 1px solid #6588ab;
border-radius: 10px; }
@media screen and (min-width: 576px) {
.arch-entries > .sect-container {
border-radius: 15px; } }
@media screen and (min-width: 768px) {
.arch-entries > .sect-container {
border-radius: 20px; } }
@media screen and (min-width: 992px) {
.arch-entries > .sect-container {
border-radius: 26px; } }
.arch-entry {
margin: 18px; }
@media screen and (min-width: 576px) {
.arch-entry {
margin: 18px 32px; } }
@media screen and (min-width: 768px) {
.arch-entry {
margin: 24px 44px; } }
@media screen and (min-width: 992px) {
.arch-entry {
margin: 35px 60px; } }
.arch-entry + .arch-entry {
margin-top: 36px; }
.arch-entry .entry-header {
margin-bottom: 1rem; }
.arch-entry .entry-title {
display: flex;
align-items: flex-start;
border-bottom: 1px solid #000;
padding-bottom: 0.65rem;
margin-bottom: 0.65rem; }
@media screen and (min-width: 768px) {
.arch-entry .entry-title {
padding-bottom: 1rem;
margin-bottom: 0.75rem; } }
.arch-entry .entry-title > .category {
background-color: #6588ab;
color: #fff;
line-height: 2.091;
padding: 0 0.75em;
margin-right: 1.75em;
white-space: nowrap; }
@media screen and (min-width: 768px) {
.arch-entry .entry-title > .category {
font-size: 14px;
line-height: 2.214; } }
@media screen and (min-width: 992px) {
.arch-entry .entry-title > .category {
font-size: 19px;
line-height: 2.158; } }
.arch-entry .entry-title > .title {
font-size: 17px;
line-height: 1.45; }
@media screen and (min-width: 768px) {
.arch-entry .entry-title > .title {
font-size: 23px; } }
@media screen and (min-width: 992px) {
.arch-entry .entry-title > .title {
font-size: 31px; } }
.arch-entry .entry-title > .title > a {
text-decoration: none;
color: inherit; }
.arch-entry .entry-title > .title > a:hover {
color: #6588ab;
text-decoration: underline; }
@media screen and (min-width: 768px) {
.arch-entry .entry-date {
font-size: 14px; } }
@media screen and (min-width: 992px) {
.arch-entry .entry-date {
font-size: 19px; } }
@media screen and (min-width: 576px) {
.arch-entry .entry-main {
display: flex; } }
.arch-entry .entry-fig {
width: 100%; }
@media screen and (min-width: 576px) {
.arch-entry .entry-fig {
flex: 0 0 225px;
margin-right: 1em; } }
@media screen and (min-width: 768px) {
.arch-entry .entry-fig {
flex-basis: 300px;
margin-right: 15px; } }
@media screen and (min-width: 992px) {
.arch-entry .entry-fig {
flex-basis: 400px;
margin-right: 16px; } }
.arch-entry .entry-fig-img {
display: block;
width: 100%; }
.arch-entry .entry-txt {
margin-top: 1em;
line-height: 1.65;
text-align: justify; }
.arch-entry .entry-txt a {
text-decoration: underline; }
@media screen and (min-width: 576px) {
.arch-entry .entry-txt {
margin-top: 0; } }
@media screen and (min-width: 768px) {
.arch-entry .entry-txt {
font-size: 15px;
line-height: 1.667; } }
@media screen and (min-width: 992px) {
.arch-entry .entry-txt {
font-size: 20px;
line-height: 1.7; } }
.entry-pagination .navigation.pagination {
margin: 4rem auto 0;
padding-bottom: 1.50rem; }
.entry-pagination .nav-links {
display: flex;
justify-content: center;
font-size: 1.273rem; }
.entry-pagination .page-numbers {
line-height: 1;
background-color: #a7bbcf;
border-radius: 0.25em;
padding: 0.75em 1em;
min-width: 1.65em;
text-align: center;
text-decoration: none;
color: white; }
.entry-pagination .page-numbers + .page-numbers {
margin-left: 0.75em; }
.entry-pagination .page-numbers:hover {
background-color: #6588ab; }
.entry-pagination .page-numbers.current {
background-color: #e9eef3;
color: #6588ab; } .single .arch-intro {
height: 8.438vw;
background: url(//miyajimagiken.com/wp/wp-content/themes/miyajima/img/single/single-title-bg.jpg) center center/cover no-repeat; }
@media screen and (min-width: 576px) {
.single .arch-intro {
height: 64px; } }
@media screen and (min-width: 768px) {
.single .arch-intro {
height: 83px; } }
@media screen and (min-width: 992px) {
.single .arch-intro {
height: 106px; } }
.single .arch-intro .page-title {
line-height: 1;
padding-top: 0.625em; }
@media screen and (min-width: 768px) {
.single .arch-intro .page-title {
padding-top: 0.95em; } }
@media screen and (min-width: 992px) {
.single .arch-intro .page-title {
padding-left: 1em; } }
.arch-entry .entry-main {
font-size: 1rem; }
.arch-entry .entry-main img {
max-width: 100%;
height: auto; }
.arch-entry .entry-main ul, .arch-entry .entry-main ol {
padding-left: 2em;
margin: 1em 0; }
.arch-entry .entry-main p {
margin: 1em 0; }
.arch-entry .entry-main h1, .arch-entry .entry-main h2, .arch-entry .entry-main h3, .arch-entry .entry-main h4, .arch-entry .entry-main h5, .arch-entry .entry-main h6 {
margin: 1.5em 0 0.5em; }
.arch-entry .entry-main table {
border: 1px solid #ccc;
border-collapse: collapse;
margin: 1em auto; }
.arch-entry .entry-main th, .arch-entry .entry-main td {
vertical-align: top;
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
line-height: 1.25;
padding: 0.45em; }
.arch-entry .entry-main blockquote {
border-left: 2px solid #e9eef3;
margin-left: 0;
margin-right: 0;
padding-left: 1em;
font-style: italic; }
.arch-entry .entry-main .entry-txt > *:first-child {
margin-top: 0; }
.single .entry-navigation {
margin: 4rem auto 0;
padding-bottom: 1.50rem; }
.single .entry-navigation .post-links {
display: flex;
justify-content: center;
font-size: 1.273rem; }
.single .entry-navigation .link-item + .link-item {
margin-left: 0.75em; }
.single .entry-navigation .link-item.prev-item > a:after {
content: "\00bb";
margin-left: 0.45em; }
.single .entry-navigation .link-item.next-item > a:before {
content: "\00ab";
margin-right: 0.45em; }
.single .entry-navigation .link-item > a {
line-height: 1;
background-color: #a7bbcf;
border-radius: 0.25em;
padding: 0.75em 1em;
min-width: 1.65em;
text-align: center;
text-decoration: none;
color: white; }
.single .entry-navigation .link-item > a:hover {
background-color: #6588ab; }
.single .entry-navigation .link-item > a.current {
background-color: #e9eef3;
color: #6588ab; }
.single .entry-navigation .archive-link {
margin-top: 1.5rem;
text-align: center; }
.single .entry-navigation .archive-link > a {
display: inline-block;
color: #000;
font-size: 12px;
line-height: 1; }
@media screen and (min-width: 768px) {
.single .entry-navigation .archive-link > a {
font-size: 15px; } }
@media screen and (min-width: 768px) {
.single .entry-navigation .archive-link > a {
font-size: 18px; } }
.single .entry-navigation .archive-link > a:before {
content: "";
display: inline-block;
background: url(//miyajimagiken.com/wp/wp-content/themes/miyajima/img/single/single-arch-link-icon.svg) left top/contain no-repeat;
vertical-align: middle;
margin-right: 0.25em;
width: 12px;
height: 12px; }
@media screen and (min-width: 768px) {
.single .entry-navigation .archive-link > a:before {
width: 15px;
height: 15px; } }
@media screen and (min-width: 768px) {
.single .entry-navigation .archive-link > a:before {
width: 18px;
height: 18px; } } .bsns-intro > .sect-container {
width: 100%;
position: relative; }
.bsns-intro__pic-container {
position: relative;
width: 100%;
height: 0;
padding-bottom: 23.125%; }
@media screen and (min-width: 576px) {
.bsns-intro__pic-container {
height: 179px;
padding-bottom: 0; } }
@media screen and (min-width: 768px) {
.bsns-intro__pic-container {
height: 234px; } }
@media screen and (min-width: 992px) {
.bsns-intro__pic-container {
height: 300px; } }
.bsns-intro__pic {
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
position: absolute;
left: 0;
top: 0;
opacity: 0;
transition: opacity 3s; }
.bsns-intro__pic.active {
opacity: 1; }
.bsns-intro__titles {
position: absolute;
right: 0;
top: 12px;
width: 110px;
height: 52px;
background-color: rgba(255, 255, 255, 0.7);
background-position: center center;
background-repeat: no-repeat;
text-indent: 100%;
white-space: nowrap;
overflow: hidden; }
@media screen and (min-width: 576px) {
.bsns-intro__titles {
width: 125px;
height: 60px;
top: 19px; } }
@media screen and (min-width: 768px) {
.bsns-intro__titles {
width: 166px;
height: 80px;
top: 25px; } }
@media screen and (min-width: 992px) {
.bsns-intro__titles {
width: 222px;
height: 106px;
top: 34px; } }
@media screen and (min-width: 1280px) {
.bsns-intro__titles {
top: 74px; } }
.bmac-intro .bsns-intro__titles {
background-image: url(//miyajimagiken.com/wp/wp-content/themes/miyajima/img/business/bmac-intro-title@2x-8.png);
background-size: 75px auto; }
@media screen and (min-width: 576px) {
.bmac-intro .bsns-intro__titles {
background-size: 84px auto; } }
@media screen and (min-width: 768px) {
.bmac-intro .bsns-intro__titles {
background-size: 112px auto; } }
@media screen and (min-width: 992px) {
.bmac-intro .bsns-intro__titles {
background-size: 145px auto; } }
.bdev-intro .bsns-intro__titles {
background-image: url(//miyajimagiken.com/wp/wp-content/themes/miyajima/img/business/bdev-intro-title@2x-8.png);
background-size: 84px auto; }
@media screen and (min-width: 576px) {
.bdev-intro .bsns-intro__titles {
background-size: 94px auto; } }
@media screen and (min-width: 768px) {
.bdev-intro .bsns-intro__titles {
background-size: 126px auto; } }
@media screen and (min-width: 992px) {
.bdev-intro .bsns-intro__titles {
background-size: 163px auto; } }
.bpip-intro .bsns-intro__titles {
background-image: url(//miyajimagiken.com/wp/wp-content/themes/miyajima/img/business/bpip-intro-title@2x-8.png);
background-size: 77px auto; }
@media screen and (min-width: 576px) {
.bpip-intro .bsns-intro__titles {
background-size: 87px auto; } }
@media screen and (min-width: 768px) {
.bpip-intro .bsns-intro__titles {
background-size: 115px auto; } }
@media screen and (min-width: 992px) {
.bpip-intro .bsns-intro__titles {
background-size: 149px auto; } }
.bsns-intro__main {
font-size: 12px;
line-height: 1.833;
text-align: center;
margin: 2.75em auto 2.0em;
width: 92.5vw; }
@media screen and (min-width: 576px) {
.bsns-intro__main {
width: 93.75vw;
font-size: 13px; } }
@media screen and (min-width: 768px) {
.bsns-intro__main {
width: 720px;
font-size: 14px;
margin: 3.25em auto 3.0em; } }
@media screen and (min-width: 992px) {
.bsns-intro__main {
width: 960px;
font-size: 19px; } }
@media screen and (min-width: 1280px) {
.bsns-intro__main {
width: 1220px; } }
.bsns-intro__links {
display: flex;
flex-wrap: wrap;
justify-content: center;
padding-bottom: 1.25rem; }
@media screen and (min-width: 768px) {
.bsns-intro__links {
padding-bottom: 2.25rem; } }
.bsns-intro__links .link-item > a {
display: block;
background: #222 url(//miyajimagiken.com/wp/wp-content/themes/miyajima/img/business/bsns-tab-bg@2x-8.png) left top/7px auto no-repeat;
color: #fff;
text-align: center;
font-weight: bold;
width: 144px;
line-height: 30px;
margin: 9px 4px;
font-size: 14px; }
@media screen and (min-width: 768px) {
.bsns-intro__links .link-item > a {
width: 189px;
line-height: 33px;
margin: 0 3px;
font-size: 15px;
transition: background-color 0.2s; }
.bsns-intro__links .link-item > a:hover {
text-decoration: none;
background-color: #6588ab; } }
@media screen and (min-width: 992px) {
.bsns-intro__links .link-item > a {
width: 252px;
line-height: 44px;
font-size: 20px; } }
.bsns-gallery {
position: relative;
padding: 22px 0; }
@media screen and (min-width: 576px) {
.bsns-gallery {
padding: 25px 0; } }
@media screen and (min-width: 768px) {
.bsns-gallery {
padding: 32px 0; } }
@media screen and (min-width: 992px) {
.bsns-gallery {
padding: 46px 0; } }
.bsns-gallery.bg-green {
background-color: #96a9b3; }
.bsns-gallery.bg-green.bdev-exa {
background-color: #a9c3dd; }
.bsns-gallery.bg-green.bpip-exa {
background-color: #bae3f9; }
.bsns-gallery.bg-white {
background-color: #fff; }
@media screen and (min-width: 576px) {
.bsns-gallery .sect-container {
width: 554px; } }
@media screen and (min-width: 768px) {
.bsns-gallery .sect-container {
width: 720px; } }
@media screen and (min-width: 992px) {
.bsns-gallery .sect-container {
width: 960px; } }
@media screen and (min-width: 1280px) {
.bsns-gallery .sect-container {
width: 1220px; } }
.bsns-gallery .sect-title {
background-position: center top;
background-size: contain;
background-repeat: no-repeat;
text-indent: 100%;
white-space: nowrap;
overflow: hidden; }
.bsns-gallery.bmac-wor .sect-title {
height: 39px;
background-image: url(//miyajimagiken.com/wp/wp-content/themes/miyajima/img/business/bmac-header-wor-xs@2x-8.png); }
@media screen and (min-width: 576px) {
.bsns-gallery.bmac-wor .sect-title {
height: 27px;
background-image: url(//miyajimagiken.com/wp/wp-content/themes/miyajima/img/business/bmac-header-wor@2x-8.png); } }
@media screen and (min-width: 768px) {
.bsns-gallery.bmac-wor .sect-title {
height: 36px; } }
@media screen and (min-width: 992px) {
.bsns-gallery.bmac-wor .sect-title {
height: 48px; } }
.bsns-gallery.bmac-exa .sect-title {
height: 40px;
background-image: url(//miyajimagiken.com/wp/wp-content/themes/miyajima/img/business/bmac-header-exa-xs@2x-8.png); }
@media screen and (min-width: 576px) {
.bsns-gallery.bmac-exa .sect-title {
height: 27px;
background-image: url(//miyajimagiken.com/wp/wp-content/themes/miyajima/img/business/bmac-header-exa@2x-8.png); } }
@media screen and (min-width: 768px) {
.bsns-gallery.bmac-exa .sect-title {
height: 36px; } }
@media screen and (min-width: 992px) {
.bsns-gallery.bmac-exa .sect-title {
height: 47px; } }
.bsns-gallery.bmac-mec .sect-title {
height: 41px;
background-image: url(//miyajimagiken.com/wp/wp-content/themes/miyajima/img/business/bmac-header-mec-xs@2x-8.png); }
@media screen and (min-width: 576px) {
.bsns-gallery.bmac-mec .sect-title {
height: 27px;
background-image: url(//miyajimagiken.com/wp/wp-content/themes/miyajima/img/business/bmac-header-mec@2x-8.png); } }
@media screen and (min-width: 768px) {
.bsns-gallery.bmac-mec .sect-title {
height: 36px; } }
@media screen and (min-width: 992px) {
.bsns-gallery.bmac-mec .sect-title {
height: 48px; } }
.bsns-gallery.bdev-exa .sect-title {
height: 39px;
background-image: url(//miyajimagiken.com/wp/wp-content/themes/miyajima/img/business/bdev-header-exa-xs@2x-8.png); }
@media screen and (min-width: 576px) {
.bsns-gallery.bdev-exa .sect-title {
height: 27px;
background-image: url(//miyajimagiken.com/wp/wp-content/themes/miyajima/img/business/bdev-header-exa@2x-8.png); } }
@media screen and (min-width: 768px) {
.bsns-gallery.bdev-exa .sect-title {
height: 36px; } }
@media screen and (min-width: 992px) {
.bsns-gallery.bdev-exa .sect-title {
height: 48px; } }
@media screen and (min-width: 992px) {
.bsns-gallery.bpip-exa .sect-container {
width: 720px; } }
@media screen and (min-width: 1280px) {
.bsns-gallery.bpip-exa .sect-container {
width: 720px; } }
.bsns-gallery.bpip-exa .sect-title {
height: 39px;
background-image: url(//miyajimagiken.com/wp/wp-content/themes/miyajima/img/business/bpip-header-exa-xs@2x-8.png); }
@media screen and (min-width: 576px) {
.bsns-gallery.bpip-exa .sect-title {
height: 27px;
background-image: url(//miyajimagiken.com/wp/wp-content/themes/miyajima/img/business/bpip-header-exa@2x-8.png); } }
@media screen and (min-width: 768px) {
.bsns-gallery.bpip-exa .sect-title {
height: 36px; } }
@media screen and (min-width: 992px) {
.bsns-gallery.bpip-exa .sect-title {
height: 48px; } }
.bsns-gallery.bpip-qua .sect-title {
height: 36px;
background-image: url(//miyajimagiken.com/wp/wp-content/themes/miyajima/img/business/bpip-header-qua-xs@2x-8.png); }
@media screen and (min-width: 576px) {
.bsns-gallery.bpip-qua .sect-title {
height: 26px;
background-image: url(//miyajimagiken.com/wp/wp-content/themes/miyajima/img/business/bpip-header-qua@2x-8.png); } }
@media screen and (min-width: 768px) {
.bsns-gallery.bpip-qua .sect-title {
height: 35px; } }
@media screen and (min-width: 992px) {
.bsns-gallery.bpip-qua .sect-title {
height: 46px; } }
.bsns-gallery__pics {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-top: 10px; }
@media screen and (min-width: 576px) {
.bsns-gallery__pics {
margin-top: 14px; } }
@media screen and (min-width: 992px) {
.bsns-gallery__pics {
margin-top: 25px; } }
.bsns-gallery__pics .pic-item {
margin: 7px 0; }
@media screen and (min-width: 576px) {
.bsns-gallery__pics .pic-item {
margin: 8px 6px; } }
@media screen and (min-width: 768px) {
.bsns-gallery__pics .pic-item {
margin: 10px 15px; } }
@media screen and (min-width: 992px) {
.bsns-gallery__pics .pic-item {
margin: 10px 15px; } }
.bsns-gallery__pics .pic-item__thumb > a {
display: flex;
flex-direction: column;
color: #000;
text-align: center; }
@media screen and (min-width: 768px) {
.bsns-gallery__pics .pic-item__thumb > a {
transition: all 0.2s; }
.bsns-gallery__pics .pic-item__thumb > a:hover {
filter: brightness(130%);
color: #444; } }
.bsns-gallery__pics .pic-item__thumb > a > img {
border-style: solid;
width: 264px;
height: 200px;
border-width: 8px; }
@media screen and (min-width: 768px) {
.bsns-gallery__pics .pic-item__thumb > a > img {
width: 290px;
height: 220px;
border-width: 10px; } }
.bsns-gallery__pics .pic-item__thumb > a > .caption {
font-weight: bold;
line-height: 1.25;
font-size: 13px;
margin-top: 0.45em; }
@media screen and (min-width: 576px) {
.bsns-gallery__pics .pic-item__thumb > a > .caption {
font-size: 14px;
margin-top: 0.55em; } }
@media screen and (min-width: 768px) {
.bsns-gallery__pics .pic-item__thumb > a > .caption {
font-size: 15px;
margin-top: 0.65em; } }
@media screen and (min-width: 992px) {
.bsns-gallery__pics .pic-item__thumb > a > .caption {
font-size: 20px;
margin-top: 0.45em; } }
.bg-green .pic-item__thumb > a > img {
border-color: #fff; }
.bg-white .pic-item__thumb > a > img {
border-color: #96a9b3; }
.pic-item__pop {
display: none; }
.bsns-gallery__table-container {
width: 100%;
max-width: 914px;
overflow-x: auto;
margin: 15px auto 0; }
@media screen and (min-width: 768px) {
.bsns-gallery__table-container {
margin-top: 25px; } }
@media screen and (min-width: 992px) {
.bsns-gallery__table-container {
margin-top: 45px; } }
.bsns-gallery__table {
width: 100%;
margin: 0;
border-collapse: separate;
border-spacing: 1px; }
@media screen and (min-width: 768px) {
.bsns-gallery__table {
border-spacing: 2px; } }
.bsns-gallery__table thead th {
background-color: #000;
color: #fff;
font-weight: bold;
text-align: center;
line-height: 1.25;
font-size: 11px;
padding: 0.5em 0.25em; }
@media screen and (min-width: 768px) {
.bsns-gallery__table thead th {
font-size: 15px;
padding: 0.65em 0.25em; } }
@media screen and (min-width: 992px) {
.bsns-gallery__table thead th {
font-size: 20px;
padding: 0.45em 0.25em; } }
.bsns-gallery__table tbody td {
background-color: #fff;
line-height: 1.25;
text-align: center;
font-size: 11px;
padding: 0.45em 0.25em; }
@media screen and (min-width: 768px) {
.bsns-gallery__table tbody td {
font-size: 14px;
padding: 0.75em 0.50em; } }
@media screen and (min-width: 992px) {
.bsns-gallery__table tbody td {
font-size: 16px;
padding: 0.75em 1.25em; } }
.bsns-gallery__table a {
color: #ea5514; }
.bsns-gallery__table a:hover {
color: #f39971; }
.bpip-qua .bsns-gallery__table {
margin: 0 auto;
border-spacing: 2px; }
@media screen and (min-width: 768px) {
.bpip-qua .bsns-gallery__table {
border-spacing: 3px; } }
@media screen and (min-width: 992px) {
.bpip-qua .bsns-gallery__table {
border-spacing: 4px; } }
.bpip-qua .bsns-gallery__table tbody td {
width: 50%;
background-color: #ddd;
font-size: 11px;
font-weight: 300;
padding: 0.75em 0.20em; }
@media screen and (min-width: 576px) {
.bpip-qua .bsns-gallery__table tbody td {
font-size: 12px; } }
@media screen and (min-width: 768px) {
.bpip-qua .bsns-gallery__table tbody td {
font-size: 15px; } }
@media screen and (min-width: 992px) {
.bpip-qua .bsns-gallery__table tbody td {
padding: 0.50em;
font-size: 20px; } }
.bsns-pop-stage {
display: none;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100vh;
background-color: rgba(0, 0, 0, 0.8);
justify-content: center;
align-items: center;
z-index: 1000; }
.bsns-pop-stage.active {
display: flex; }
.bsns-pop-base {
position: relative;
background-color: #fff;
box-shadow: 0 0 5px #000;
width: calc(100% - 60px);
max-height: calc(100vh - 60px); }
@media screen and (min-width: 768px) {
.bsns-pop-base {
max-width: 712px;
max-height: calc(100vh - 70px); } }
.bsns-pop-base > .pop-contents {
width: 100%;
max-height: calc(100vh - 60px);
overflow-y: auto;
padding: 16px 16px 20px 16px; }
@media screen and (min-width: 576px) {
.bsns-pop-base > .pop-contents {
padding: 30px; } }
@media screen and (min-width: 768px) {
.bsns-pop-base > .pop-contents {
max-height: calc(100vh - 70px);
padding: 42px 42px 47px 42px; } }
.bsns-pop-base .pic-item__pop-pics {
display: flex;
justify-content: center;
flex-wrap: wrap;
align-items: flex-start; }
.bsns-pop-base .pic-item__pop-pics .pop-pics-img {
width: 100%;
height: auto;
margin: 4px 0; }
@media screen and (min-width: 576px) {
.bsns-pop-base .pic-item__pop-pics .pop-pics-img {
width: 220px;
margin: 4px; } }
@media screen and (min-width: 768px) {
.bsns-pop-base .pic-item__pop-pics .pop-pics-img {
width: 294px;
margin: 5px; } }
.bsns-pop-base .pic-item__pop-pics .pop-pics-img > .pop-pics-img-img {
display: block;
width: 100%;
height: auto; }
.bsns-pop-base .pic-item__pop-pics .pop-pics-img > .pop-pics-img-caption {
text-align: center;
font-weight: bold;
font-size: 14px;
margin: 0.35em auto 0.65em; }
@media screen and (min-width: 768px) {
.bsns-pop-base .pic-item__pop-pics .pop-pics-img > .pop-pics-img-caption {
font-size: 18px;
margin: 0.25em auto 1.25em; } }
@media screen and (min-width: 768px) {
.bsns-pop-base .exa-eque .pic-item__pop-pics picture.pop-pics-img {
width: 598px;
margin: 4px 5px; }
.bsns-pop-base .exa-eque .pic-item__pop-pics picture.pop-pics-img > img {
display: block;
width: 100%;
margin: 0; }
.bsns-pop-base .exa-eque .pic-item__pop-pics > .pop-pics-img {
width: 194px;
margin: 4px; } }
.bsns-pop-base .bmac-mec .pic-item__pop-pics .pop-pics-img {
width: 100%; }
@media screen and (min-width: 768px) {
.bsns-pop-base .bmac-mec .pic-item__pop-pics .pop-pics-img {
width: 598px; } }
.bsns-pop-base .pop-title {
line-height: 1.25;
font-weight: 800;
text-align: center;
font-size: 17px;
margin: 0.75em auto 0; }
@media screen and (min-width: 576px) {
.bsns-pop-base .pop-title {
font-size: 18px; } }
@media screen and (min-width: 768px) {
.bsns-pop-base .pop-title {
max-width: 598px;
margin-top: 1em;
font-size: 24px; } }
.bsns-pop-base .pop-title.upper {
margin: 0 auto 0.85em; }
.bsns-pop-base .pop-title.middle {
margin: 1.85em auto 0.85em; }
.bsns-pop-base .pop-copy {
line-height: 1.778;
text-align: justify;
margin: 0.75em auto 0;
font-size: 12px; }
@media screen and (min-width: 576px) {
.bsns-pop-base .pop-copy {
font-size: 13px; } }
@media screen and (min-width: 768px) {
.bsns-pop-base .pop-copy {
max-width: 598px;
margin-top: 1em;
font-size: 18px;
margin-bottom: 1em; } }
.bsns-pop-closebtn {
position: absolute;
z-index: 2;
background: #000 url(//miyajimagiken.com/wp/wp-content/themes/miyajima/img/business/bsns-pop-closebtn-icon@2x-8.png) center center/20px auto no-repeat;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
border-radius: 50%;
cursor: pointer;
width: 44px;
height: 44px;
border: 3px solid #fff;
right: -22px;
top: -22px; }
@media screen and (min-width: 768px) {
.bsns-pop-closebtn {
right: -28px;
top: -28px;
width: 56px;
height: 56px;
border-width: 4px;
background-size: 28px auto; }
.bsns-pop-closebtn:hover {
background-color: #333; } }
.bpip-intro-badge {
display: block;
position: absolute;
background-size: contain;
background-repeat: no-repeat;
background-position: left top;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
height: 0;
padding-top: 139.007%;
width: 40.89px;
left: 15px;
top: 22.91px; }
@media screen and (min-width: 576px) {
.bpip-intro-badge {
width: 84.135px;
top: 47.139px;
left: 20px; } }
@media screen and (min-width: 768px) {
.bpip-intro-badge {
width: 109.98px;
top: 61.62px; } }
@media screen and (min-width: 992px) {
.bpip-intro-badge {
width: 141px;
left: 30px;
top: 79px; } }
@media screen and (min-width: 1280px) {
.bpip-intro-badge {
left: 78px; } } .page-template-page_about {
background-color: #8da0aa; }
.about__intro {
position: relative;
width: 100%;
height: 0;
padding-bottom: 23.438%;
background: #fff url(//miyajimagiken.com/wp/wp-content/themes/miyajima/img/about/about-intro-bg.jpg) right center/contain no-repeat; }
@media screen and (min-width: 576px) {
.about__intro {
height: 168px;
padding-bottom: 0; } }
@media screen and (min-width: 768px) {
.about__intro {
height: 225px; } }
@media screen and (min-width: 992px) {
.about__intro {
height: 300px; } }
.about__intro .page-title {
font-weight: 800;
letter-spacing: 0.12em;
font-size: 12px;
padding: 0.42em 0 0 0.67em; }
@media screen and (min-width: 576px) {
.about__intro .page-title {
font-size: 20px;
padding: 0.75em 0 0 1em; } }
@media screen and (min-width: 768px) {
.about__intro .page-title {
font-size: 27px; } }
@media screen and (min-width: 992px) {
.about__intro .page-title {
font-size: 36px;
padding: 0.65em 0 0 1.44em; } }
.about__intro .divisions-list {
display: flex;
font-size: 10px;
font-weight: 500;
line-height: 1.1463;
margin-top: 3px; }
@media screen and (min-width: 576px) {
.about__intro .divisions-list {
font-size: 18px;
margin: 0.85em 0 0 0.78em; } }
@media screen and (min-width: 768px) {
.about__intro .divisions-list {
font-size: 25px;
margin: 0.85em 0 0 0.76em; } }
@media screen and (min-width: 992px) {
.about__intro .divisions-list {
font-size: 32px;
margin: 0.85em 0 0 0.76em; } }
@media screen and (min-width: 1280px) {
.about__intro .divisions-list {
font-size: 41px;
margin: 0.20em 0 0 0.63em; } }
.about__intro .divisions-list .list-item {
width: 4.72em;
height: 4.72em;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
margin: 0 0.1em;
border-radius: 50%;
color: #fff; }
.about__intro .divisions-list .list-item:nth-child(1) {
background-color: #58656f; }
.about__intro .divisions-list .list-item:nth-child(2) {
background-color: #9b010c; }
.about__intro .divisions-list .list-item:nth-child(3) {
background-color: #049fe6; }
@media screen and (min-width: 992px) {
.about__intro .divisions-list .list-item {
width: 4.68em;
height: 4.68em; } }
@media screen and (min-width: 1280px) {
.about__intro .divisions-list .list-item {
width: 4.63em;
height: 4.63em; } }
.about__sects-container {
background-color: #8da0aa;
display: flex;
flex-wrap: wrap;
justify-content: center;
max-width: 1200px;
margin: 0 auto; }
@media screen and (min-width: 576px) {
.about__sects-container {
padding-top: 2px; } }
.about__sect {
margin-top: 3.75vw; }
@media screen and (min-width: 576px) {
.about__sect {
margin-top: 16px; } }
@media screen and (min-width: 768px) {
.about__sect {
margin-top: 22px; } }
@media screen and (min-width: 992px) {
.about__sect {
width: 720px; } }
@media screen and (min-width: 1280px) {
.about__sect {
width: 530px;
margin-left: 10px;
margin-right: 10px; } }
.about__sect > .sect-container {
height: 100%;
background-color: #fff;
padding: 20px;
font-weight: normal;
font-weight: 300; }
@media screen and (min-width: 576px) {
.about__sect > .sect-container {
padding: 36px; } }
@media screen and (min-width: 768px) {
.about__sect > .sect-container {
padding: 40px 48px; } }
@media screen and (min-width: 992px) {
.about__sect > .sect-container {
width: 100%; } }
.about__sect .sect-title {
font-size: 20px;
line-height: 1.15;
font-weight: 700;
letter-spacing: 0.12em;
margin-bottom: 0.45em; }
@media screen and (min-width: 576px) {
.about__sect .sect-title {
font-size: 23px; } }
@media screen and (min-width: 768px) {
.about__sect .sect-title {
font-size: 30px; } }
.about__sect .sect-title small {
font-family: "Barlow Condensed", "DIN Condensed Bold", sans-serif;
color: #6588ab;
font-size: 0.85em;
letter-spacing: 0;
font-weight: 500; }
.about__greet .sect-title {
line-height: 1.35;
letter-spacing: 0.025em; }
.about__greet .sect-title strong {
font-weight: inherit;
color: red; }
.about__greet .sect-title small {
display: inline-block;
margin-top: 0.25em; }
.about__greet .greet-chart {
display: flex;
padding: 0;
margin: 1em 0 0 0;
list-style: none;
justify-content: space-between; }
.about__greet .gc-item {
flex: 0 0 32%;
background-color: #e9eef3; }
.about__greet .gc-item .item-title {
background-color: #6588ab;
text-align: center;
color: white;
font-weight: 500;
margin-bottom: 0.25em; }
.about__greet .gc-item .item-desc {
font-size: 0.85em;
padding: 0 4px 4px; }
.about__greet .greet-fig {
display: none; }
@media screen and (min-width: 576px) {
.about__greet .greet-fig {
display: block;
float: left;
width: 165px;
margin: 0 20px 20px 0; } }
@media screen and (min-width: 768px) {
.about__greet .greet-fig {
width: 220px;
margin: 0 24px 12px 0; } }
.about__greet .greet-fig-xs {
clear: both;
width: 164px;
margin: 20px auto 0; }
@media screen and (min-width: 576px) {
.about__greet .greet-fig-xs {
display: none; } }
.about__greet .greet-fig-img {
width: 100%;
height: auto; }
.about__greet .greet-fig-cap {
text-align: center;
font-size: 18px;
font-weight: 200;
line-height: 1.225; }
.about__greet .greet-fig-cap small {
font-size: 0.72em; }
@media screen and (min-width: 768px) {
.about__greet .greet-fig-cap {
font-size: 24px; } }
.about__greet .greet-txt {
font-weight: 200;
font-size: 13px;
line-height: 1.5;
margin-top: 0.5em;
text-align: justify; }
@media screen and (min-width: 576px) {
.about__greet .greet-txt {
font-size: 14px; } }
@media screen and (min-width: 768px) {
.about__greet .greet-txt {
font-size: 19px; } }
.about__infor .infor-table {
border-spacing: 4px; }
@media screen and (min-width: 768px) {
.about__infor .infor-table {
font-size: 15px;
border-spacing: 6px; } }
.about__infor .infor-table th, .about__infor .infor-table td {
vertical-align: top;
text-align: left;
padding: 0; }
.about__infor .infor-table th {
white-space: nowrap;
font-weight: normal;
font-weight: 300; }
.about__produ .produ-list {
margin-top: 1.75em; }
@media screen and (min-width: 768px) {
.about__produ .produ-list {
font-size: 15px; } }
.about__produ .produ-list .list-item + .list-item {
margin-top: 0.5em; }
.about__custo .custo-list {
display: flex;
flex-wrap: wrap;
margin-top: 1.75em;
justify-content: space-between;
width: 100%; }
@media screen and (min-width: 768px) {
.about__custo .custo-list {
font-size: 15px; } }
.about__custo .custo-list .list-item {
flex: 0 0 32.5%;
margin: 0.25em 0;
line-height: 1.25; }
@media screen and (min-width: 1280px) {
.about__acces {
width: 1100px; } }
.about__acces .sect-container {
background-color: transparent;
padding: 0; }
@media screen and (min-width: 1280px) {
.about__acces .sect-container {
display: flex;
flex-wrap: wrap; } }
.about__acces .about__acces-ss-map {
background-color: #68777d;
padding: 45px 5px 20px;
position: relative; }
@media screen and (min-width: 1280px) {
.about__acces .about__acces-ss-map {
width: 100%;
margin: 0 10px;
padding: 50px 0 40px; } }
.about__acces .about__acces-ss-map .map-fig .fig-img {
display: block;
width: 100%;
height: auto;
margin: 0 auto; }
@media screen and (min-width: 1280px) {
.about__acces .about__acces-ss-map .map-fig .fig-img {
width: 848px; } }
.about__acces .about__acces-ss-map .sect-title {
position: absolute;
left: 20px;
top: 20px;
color: #fff; }
.about__acces .about__acces-ss-map .sect-title small {
color: #fff; }
@media screen and (min-width: 576px) {
.about__acces .about__acces-ss-map .sect-title {
left: 36px;
top: 36px; } }
@media screen and (min-width: 768px) {
.about__acces .about__acces-ss-map .sect-title {
left: 40px;
top: 40px; } }
@media screen and (min-width: 1280px) {
.about__acces .about__acces-ss-map .sect-title {
left: 45px;
top: 35px; } }
.about__acces .about__acces-ss-famap {
background-color: #68777d;
margin: 3.75vw 0; }
@media screen and (min-width: 576px) {
.about__acces .about__acces-ss-famap {
margin: 16px 0; } }
@media screen and (min-width: 768px) {
.about__acces .about__acces-ss-famap {
margin: 22px 0; } }
@media screen and (min-width: 1280px) {
.about__acces .about__acces-ss-famap {
width: 530px;
margin: 22px 10px; } }
.about__acces .about__acces-ss-famap .famap-fig .fig-img {
display: block;
margin: 0 auto;
width: 100%;
height: auto; }
@media screen and (min-width: 576px) {
.about__acces .about__acces-ss-famap .famap-fig .fig-img {
height: 360px;
width: auto; } }
@media screen and (min-width: 768px) {
.about__acces .about__acces-ss-famap .famap-fig .fig-img {
height: 480px; } }
.about__acces .about__acces-ss-ggmap {
width: 100%;
height: 296px;
background: #ccc; }
@media screen and (min-width: 576px) {
.about__acces .about__acces-ss-ggmap {
height: 360px; } }
@media screen and (min-width: 768px) {
.about__acces .about__acces-ss-ggmap {
height: 480px; } }
@media screen and (min-width: 1280px) {
.about__acces .about__acces-ss-ggmap {
width: 530px;
margin: 22px 10px; } } .recru__intro {
background: url(//miyajimagiken.com/wp/wp-content/themes/miyajima/img/recruit/recru-intro-bg@2x.jpg) center center/cover no-repeat;
width: 100%;
height: 0;
padding-top: 23.438vw;
position: relative; }
@media screen and (min-width: 576px) {
.recru__intro {
height: 180px;
padding-top: 0; } }
@media screen and (min-width: 768px) {
.recru__intro {
height: 232px; } }
@media screen and (min-width: 992px) {
.recru__intro {
height: 300px; } }
.recru__intro > .sect-container {
position: absolute;
left: 0;
top: 0;
margin: 0 auto;
padding: 0 12px;
width: 100%; }
@media screen and (min-width: 576px) {
.recru__intro > .sect-container {
position: relative;
left: auto;
top: auto;
padding: 0 18px; } }
@media screen and (min-width: 768px) {
.recru__intro > .sect-container {
padding: 0 24px; } }
@media screen and (min-width: 992px) {
.recru__intro > .sect-container {
padding: 0 16px; } }
@media screen and (min-width: 1280px) {
.recru__intro > .sect-container {
width: 1220px; } }
.recru__intro .page-title {
color: #fff;
font-weight: bold;
font-weight: 800;
letter-spacing: 0.12em;
font-size: 16px;
padding: 0.81em 0 0 0.69em; }
@media screen and (min-width: 576px) {
.recru__intro .page-title {
font-size: 20px;
padding: 0.75em 0 0 1.4em; } }
@media screen and (min-width: 768px) {
.recru__intro .page-title {
font-size: 27px; } }
@media screen and (min-width: 992px) {
.recru__intro .page-title {
font-size: 36px; } }
.recru__conce {
margin-top: 26px; }
@media screen and (min-width: 576px) {
.recru__conce {
margin-top: 36px; } }
@media screen and (min-width: 768px) {
.recru__conce {
margin-top: 46px; } }
@media screen and (min-width: 992px) {
.recru__conce {
margin-top: 64px; } }
.recru__conce .sect-title .title-head {
display: block;
background: url(//miyajimagiken.com/wp/wp-content/themes/miyajima/img/recruit/recru-conce-title@2x-8.png) center top/contain no-repeat;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
height: 18px; }
@media screen and (min-width: 576px) {
.recru__conce .sect-title .title-head {
height: 20px; } }
@media screen and (min-width: 768px) {
.recru__conce .sect-title .title-head {
height: 27px; } }
@media screen and (min-width: 992px) {
.recru__conce .sect-title .title-head {
height: 36px; } }
.recru__conce .sect-title .title-copy {
display: block;
font-size: 14px;
font-weight: bold;
font-weight: 700;
text-align: center;
margin: 0.35em 0 0.75em; }
@media screen and (min-width: 576px) {
.recru__conce .sect-title .title-copy {
font-size: 17px; } }
@media screen and (min-width: 768px) {
.recru__conce .sect-title .title-copy {
font-size: 23px; } }
@media screen and (min-width: 992px) {
.recru__conce .sect-title .title-copy {
font-size: 30px; } }
.recru__conce .sect-main-copy {
text-align: center;
line-height: 1.727;
font-weight: 400; }
@media screen and (min-width: 768px) {
.recru__conce .sect-main-copy {
font-size: 14px; } }
@media screen and (min-width: 992px) {
.recru__conce .sect-main-copy {
line-height: 1.83;
font-size: 18px; } }
.recru__inter {
margin-top: 32px; }
@media screen and (min-width: 768px) {
.recru__inter {
margin-top: 48px; } }
@media screen and (min-width: 992px) {
.recru__inter {
margin-top: 64px; } }
.recru__inter .sect-title {
background: url(//miyajimagiken.com/wp/wp-content/themes/miyajima/img/recruit/recru-inter-title@2x-8.png) center top/contain no-repeat;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
height: 17px;
margin-bottom: 10px; }
@media screen and (min-width: 576px) {
.recru__inter .sect-title {
height: 20px; } }
@media screen and (min-width: 768px) {
.recru__inter .sect-title {
height: 27px;
margin-bottom: 26px; } }
@media screen and (min-width: 992px) {
.recru__inter .sect-title {
height: 36px; } }
@media screen and (min-width: 1280px) {
.recru__inter .sect-title {
margin-bottom: 33px; } }
.recru__inter-pics {
display: flex;
flex-wrap: wrap;
justify-content: center; }
.recru__inter-pics .pic-item {
margin: 7px 8px;
width: 190px; }
@media screen and (min-width: 768px) {
.recru__inter-pics .pic-item {
margin: 11px;
width: 255px; } }
@media screen and (min-width: 1280px) {
.recru__inter-pics .pic-item {
margin: 15px;
width: 340px; } }
.recru__inter-pics .pic-item__thumb .link {
display: block;
text-decoration: none; }
.recru__inter-pics .pic-item__thumb .image {
display: block;
width: 100%;
height: auto; }
.recru__inter-pics .pic-item__thumb .caption {
background: #8da0aa url(//miyajimagiken.com/wp/wp-content/themes/miyajima/img/recruit/recru-inter-arrow@2x-8.png) right 8.5% bottom 32.5%/13px auto no-repeat;
color: #fff;
padding: 10px 18px 14px; }
@media screen and (min-width: 768px) {
.recru__inter-pics .pic-item__thumb .caption {
background-size: 17px auto;
padding: 10px 24px 14px; } }
@media screen and (min-width: 1280px) {
.recru__inter-pics .pic-item__thumb .caption {
background-size: 23px auto;
padding: 14px 32px 24px; } }
.recru__inter-pics .pic-item__thumb .caption .title, .recru__inter-pics .pic-item__thumb .caption .lead {
font-weight: bold;
font-weight: 700; }
.recru__inter-pics .pic-item__thumb .caption .title {
font-size: 16px;
margin-bottom: 0.35em; }
.recru__inter-pics .pic-item__thumb .caption .title small {
font-size: 0.714em; }
@media screen and (min-width: 768px) {
.recru__inter-pics .pic-item__thumb .caption .title {
font-size: 21px; } }
@media screen and (min-width: 1280px) {
.recru__inter-pics .pic-item__thumb .caption .title {
font-size: 28px; } }
.recru__inter-pics .pic-item__thumb .caption .lead {
font-size: 12px;
line-height: 1.47; }
@media screen and (min-width: 768px) {
.recru__inter-pics .pic-item__thumb .caption .lead {
font-size: 16px; } }
@media screen and (min-width: 1280px) {
.recru__inter-pics .pic-item__thumb .caption .lead {
font-size: 21px; } }
@media screen and (max-width: 575px) {
.recru__pop-base {
width: 100%;
max-height: 100vh; }
.recru__pop-base .bsns-pop-closebtn {
right: 10px;
top: 10px; }
.recru__pop-base > .pop-contents {
padding-top: 66px;
max-height: 100vh; } }
.recru__pop-base > .pop-contents img {
max-width: 100%; }
@media screen and (min-width: 576px) {
.recru__pop-base .main-fig {
margin-bottom: 28px; } }
.recru__pop-base .main-fig .fig-img {
display: block;
width: 100%;
height: auto; }
.recru__pop-base .pop-parag {
margin: 15px 0;
clear: both; }
.recru__pop-base .parag-title {
font-size: 15px;
margin-bottom: 0.25em; }
@media screen and (min-width: 576px) {
.recru__pop-base .parag-title {
font-size: 17px; } }
@media screen and (min-width: 768px) {
.recru__pop-base .parag-title {
font-size: 23px; } }
@media screen and (min-width: 992px) {
.recru__pop-base .parag-title {
font-size: 24px; } }
.recru__pop-base .parag-txt {
font-weight: normal;
font-weight: 300;
text-align: justify;
line-height: 1.55;
margin: 0 0 1em;
letter-spacing: -0.025em; }
@media screen and (min-width: 576px) {
.recru__pop-base .parag-txt {
font-size: 12px; } }
@media screen and (min-width: 768px) {
.recru__pop-base .parag-txt {
font-size: 16px; } }
@media screen and (min-width: 992px) {
.recru__pop-base .parag-txt {
font-size: 17px; } }
.recru__pop-base .parag-img-xs {
display: block; }
@media screen and (min-width: 576px) {
.recru__pop-base .parag-img-xs {
display: none; } }
.recru__pop-base .parag-img-sm-over {
display: none; }
@media screen and (min-width: 576px) {
.recru__pop-base .parag-img-sm-over {
display: block; } }
.recru__pop-base .parag-img-sm-over.alignright, .recru__pop-base .parag-img-sm-over.alignleft {
width: 205px; }
@media screen and (min-width: 768px) {
.recru__pop-base .parag-img-sm-over.alignright, .recru__pop-base .parag-img-sm-over.alignleft {
width: 272px; } }
@media screen and (min-width: 992px) {
.recru__pop-base .parag-img-sm-over.alignright, .recru__pop-base .parag-img-sm-over.alignleft {
width: 286px; } }
.recru__pop-base .parag-img-sm-over.alignright {
margin: 0 0 0.75em 1.5em; }
.recru__pop-base .parag-img-sm-over.alignleft {
margin: 0.75em 1.5em 0.75em 0; }
.recru__offer {
margin-top: 40px;
margin-bottom: 60px; }
@media screen and (min-width: 768px) {
.recru__offer {
margin-top: 54px;
margin-bottom: 80px; } }
@media screen and (min-width: 992px) {
.recru__offer {
margin-top: 64px;
margin-bottom: 105px; } }
.recru__offer .sect-title {
background: url(//miyajimagiken.com/wp/wp-content/themes/miyajima/img/recruit/recru-offer-title@2x-8.png) center top/contain no-repeat;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
height: 17px;
margin-bottom: 10px; }
@media screen and (min-width: 576px) {
.recru__offer .sect-title {
height: 20px; } }
@media screen and (min-width: 768px) {
.recru__offer .sect-title {
height: 27px;
margin-bottom: 18px; } }
@media screen and (min-width: 992px) {
.recru__offer .sect-title {
height: 36px; } }
@media screen and (min-width: 1280px) {
.recru__offer .sect-title {
margin-bottom: 33px; } }
.recru__offer .main-title {
font-size: 14px;
font-weight: normal;
font-weight: 400;
text-align: center;
margin-bottom: 1.75em; }
@media screen and (min-width: 768px) {
.recru__offer .main-title {
font-size: 19px; } }
@media screen and (min-width: 992px) {
.recru__offer .main-title {
font-size: 25px; } }
.recru__offer .conditions-list {
text-align: center; }
@media screen and (min-width: 768px) {
.recru__offer .conditions-list {
font-size: 14px; } }
@media screen and (min-width: 992px) {
.recru__offer .conditions-list {
font-size: 19px; } }
.recru__offer .conditions-list .list-item + .list-item {
margin-top: 0.65em; } .conta__intro .sect-container {
background: url(//miyajimagiken.com/wp/wp-content/themes/miyajima/img/contact/conta-intro-img@2x-8.png) center 46px/105px auto no-repeat; }
@media screen and (min-width: 576px) {
.conta__intro .sect-container {
background-position: center 34px;
background-size: 124px auto; } }
@media screen and (min-width: 768px) {
.conta__intro .sect-container {
background-position: center 46px;
background-size: 164px auto; } }
@media screen and (min-width: 992px) {
.conta__intro .sect-container {
background-position: center 54px;
background-size: 220px auto; } }
.conta__intro .page-title {
font-size: 17px;
padding: 0.85em 0 0 0.65em;
letter-spacing: 0.12em;
margin-bottom: 9.412em; }
@media screen and (min-width: 576px) {
.conta__intro .page-title {
font-size: 20px;
padding: 0.85em 0 0 1.35em;
margin-bottom: 7.7em; } }
@media screen and (min-width: 768px) {
.conta__intro .page-title {
font-size: 27px;
padding: 0.95em 0 0 2.15em; } }
@media screen and (min-width: 992px) {
.conta__intro .page-title {
font-size: 36px;
padding: 0.83em 0 0 2.15em; } }
@media screen and (min-width: 1280px) {
.conta__intro .page-title {
padding: 0.83em 0 0 1.5em; } }
.conta__intro .sect-main {
font-size: 12px;
font-weight: normal;
font-weight: 300;
line-height: 1.75;
margin: 0 auto 3em; }
@media screen and (min-width: 576px) {
.conta__intro .sect-main {
width: 520px; } }
@media screen and (min-width: 768px) {
.conta__intro .sect-main {
font-size: 16px;
width: 690px; } }
@media screen and (min-width: 992px) {
.conta__intro .sect-main {
font-size: 22px;
width: 920px; } }
@media screen and (min-width: 576px) {
.conta__formg .sect-container {
width: 520px; } }
@media screen and (min-width: 768px) {
.conta__formg .sect-container {
width: 690px; } }
@media screen and (min-width: 992px) {
.conta__formg .sect-container {
width: 920px; } }
.conta__formg .note {
text-align: justify;
line-height: 1.75; }
@media screen and (min-width: 576px) {
.conta__formg .note {
font-size: 12px; } }
@media screen and (min-width: 768px) {
.conta__formg .note {
font-size: 16px; } }
@media screen and (min-width: 992px) {
.conta__formg .note {
font-size: 22px; } }
.conta__form .form-set {
display: flex;
font-size: 12px;
flex-direction: column;
margin-bottom: 1.25em; }
@media screen and (min-width: 576px) {
.conta__form .form-set {
flex-direction: row;
margin-bottom: 2em; } }
@media screen and (min-width: 768px) {
.conta__form .form-set {
font-size: 16px; } }
@media screen and (min-width: 992px) {
.conta__form .form-set {
font-size: 22px; } }
.conta__form .form-label {
font-size: inherit;
margin-bottom: 0.25em; }
@media screen and (min-width: 576px) {
.conta__form .form-label {
flex: 0 0 13.5em; } }
.conta__form .req-badge,
.conta__form .opt-badge {
display: inline-block;
font-size: 0.85em;
padding: 0.1em 0.35em 0;
border-radius: 0.15em;
margin-left: 0.15em; }
@media screen and (min-width: 768px) {
.conta__form .req-badge,
.conta__form .opt-badge {
font-size: 0.75em; } }
.conta__form .req-badge {
background-color: #6588ab;
color: #fff; }
.conta__form .opt-badge {
background-color: #bbb;
color: #222; }
@media screen and (min-width: 576px) {
.conta__form .form-input-group {
flex: 1 1 auto; } }
.conta__form .form-input-txt,
.conta__form .form-input-textarea {
width: 100%;
max-width: 100%;
border: 1px solid #000;
font-size: 1.333em;
line-height: 1.625;
padding: 0.125em 0.25em; }
.conta__form .radio-label {
font-size: 1.333em; }
@media screen and (min-width: 768px) {
.conta__form .radio-label > input[type="radio"] {
-ms-transform: scale(1.25);
-webkit-transform: scale(1.25);
transform: scale(1.25);
vertical-align: middle;
display: inline-block; } }
@media screen and (min-width: 992px) {
.conta__form .radio-label > input[type="radio"] {
-ms-transform: scale(1.5);
-webkit-transform: scale(1.5);
transform: scale(1.5); } }
.conta__form .radio-label + .radio-label {
margin-left: 1.5em; }
.conta__form .submit-btn-container {
margin: 2em auto;
text-align: center; }
.conta__form .submit-btn {
border: none;
background-color: #6588ab;
color: #fff;
font-size: 1.333em;
font-weight: bold;
letter-spacing: 0.05em;
padding: 0.65em 3em 0.475em;
cursor: pointer; }
@media screen and (min-width: 768px) {
.conta__form .submit-btn {
font-size: 22px; }
.conta__form .submit-btn:hover {
background-color: #3c556e; } }
.conta__form .submit-btn:disabled, .conta__form .submit-btn:disabled:hover {
cursor: default;
background-color: #a7bbcf; }
.wpcf7-response-output {
padding: 1.5em !important;
font-size: 1.35em;
border-radius: 0.5em;
text-align: center;
margin: 3em auto !important;
border-width: 4px !important;
background-color: #f8f8f8; } .error404 {
height: 100vh; }
.error404 .page-container {
display: flex;
flex-direction: column;
height: 100%; }
.error404 .page-main {
flex-grow: 1;
flex-shrink: 0; }
.error404 .page-main-article {
height: 100%; }
.error404 .sect-container {
height: 100%;
display: flex;
flex-direction: column;
padding: 2em;
text-align: center;
justify-content: center; }
.error404 .sect-title {
font-size: 1.75rem;
font-weight: normal;
font-weight: 300; }
.error404 .toplink {
margin-top: 2rem; }
.error404 .toplink > a {
display: inline-block;
font-size: 1.25rem;
padding: 1em;
font-weight: bold;
font-weight: 600;
background-color: #6588ab;
color: #fff;
border-radius: 0.25em; }
.error404 .toplink > a:hover {
text-decoration: none; }
@media screen and (min-width: 768px) {
.error404 .toplink > a:hover {
background-color: #4e6f8f; } }
.error404 .page-footer {
margin-top: 0; }