@charset "UTF-8";

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
padding: 0;
margin: 0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section,
pre, code {
display: block;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
a {
text-decoration: none;
}
*:hover,
*:focus,
*:active {
outline: none;
-webkit-tap-highlight-color: transparent;
} html {
-webkit-text-size-adjust: 100%;
}
*, *::before, *::after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
} a {
text-decoration: none;
}
.linkBtn {
color: #fff;
background-color: #1b44f8;
border: none;
border-radius: 10px;
cursor: pointer;
-webkit-appearance: none;
padding: 2px 10px;
display: inline-block;
} figure {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
overflow: hidden;
margin: 0 auto;
}
figure img,
figure amp-img {
width: 100%;
height: auto;
vertical-align: bottom;
}
img {
image-rendering: -webkit-optimize-contrast;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
} .videoWrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
overflow: hidden;
margin: 0 auto;
}
header video,
main video,
footer video {
width: 100%;
height: auto;
} table {
border-collapse: collapse;
} canvas {
vertical-align: bottom;
} pre, code {
text-align: left;
}
code ol.linenums {
list-style: inside;
}
code ol.linenums li {
list-style-type: decimal-leading-zero;
}
pre {
border-top: 2px solid #eeeeee;
border-top-style: inset;
border-right: 2px solid #eeeeee;
border-bottom: 2px solid #eeeeee;
border-left: 2px solid #eeeeee;
border-left-style: inset;
padding: 5px;
}
pre:not(:first-child) {
margin-top: 30px;
}
address {
font-style: normal;
}
@media only screen and (min-width: 769px) {
br.mb {
display: none;
}
br.sp {
display: none;
}
br.spN {
display: none;
}
}
@media only screen and (max-width: 769px) {
br.pc {
display: none;
}
}
@media only screen and (max-width: 414px) {
br.sp {
display: inline;
}
}
@media only screen and (max-width: 374px) {
br.spN {
display: inline;
}
}
@media only screen and (min-width: 769px) {
span.mb {
display: none;
}
span.sp {
display: none;
}
span.spN {
display: none;
}
}
@media only screen and (max-width: 769px) {
span.pc {
display: none;
}
}
@media only screen and (max-width: 414px) {
span.sp {
display: inline;
}
}
@media only screen and (max-width: 374px) {
span.spN {
display: inline;
}
}
@media only screen and (min-width: 769px) {
img.mb {
display: none;
}
img.sp {
display: none;
}
img.spN {
display: none;
}
}
@media only screen and (max-width: 769px) {
img.pc {
display: none;
}
}
@media only screen and (max-width: 414px) {
img.sp {
display: inline;
}
}
@media only screen and (max-width: 374px) {
img.spN {
display: inline;
}
}
@media only screen and (min-width: 769px) {
.title .mb {
display: none;
}
}
@media only screen and (max-width: 769px) {
.title .pc {
display: none;
}
}
.bold {
font-weight: bold;
}
body,
body a,
body [type=text],
body [type=num],
body [type=email],
body [type=tel],
body [type=date],
body select,
body textarea,
body button,
body [type=radio] + label,
body [type=checkbox] + label {
font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", "メイリオ", "Meiryo", sans-serif;
font-size: 16px;
line-height: 1.5;
letter-spacing: 0;
color: #222222;
}
body {
min-height: 100vh;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media only screen and (min-width: 769px) {
body {
min-width: 1270px;
}
}
@media only screen and (max-width: 769px) {
body {
min-width: 320px;
}
}
body main, body header, body footer {
width: 100%;
}
body .container {
margin: 0 auto;
}
@media only screen and (min-width: 769px) {
body .container {
width: 1200px;
}
}
@media only screen and (max-width: 769px) {
body .container {
width: 90%;
}
body .container.pc {
width: 100%;
}
}
body main {
padding-bottom: 120px;
}
body.top main {
padding-bottom: 0;
}
@media only screen and (min-width: 769px) {
body.technology main {
padding-bottom: 120px;
}
}
@media only screen and (max-width: 769px) {
body.technology main {
padding-bottom: 40px;
}
}
body.news main {
padding-bottom: 60px;
}
@media only screen and (max-width: 769px) {
body.news.single main {
padding-bottom: 40px;
}
}
@media only screen and (max-width: 769px) {
body.corporate main {
padding-bottom: 40px;
}
}
@media only screen and (max-width: 769px) {
body.sustainability main {
padding-bottom: 40px;
}
}
@media only screen and (max-width: 769px) {
body.partner main {
padding-bottom: 40px;
}
}
@media only screen and (max-width: 769px) {
body.contact main {
padding-bottom: 40px;
}
}
@media only screen and (min-width: 769px) {
body.error main {
padding-bottom: 60px;
}
}
@media only screen and (max-width: 769px) {
body.error main {
padding-bottom: 70px;
}
}
@media only screen and (max-width: 769px) {
body.search main {
padding-bottom: 50px;
}
}
@media only screen and (min-width: 769px) {
body.news main .container {
width: 1000px;
}
}
@media only screen and (min-width: 769px) {
body.corporate main .container {
width: 1000px;
}
}
@media only screen and (min-width: 769px) {
body.corporate.page-template-temp-partner main .container {
width: 1200px;
}
}
@media only screen and (min-width: 769px) {
body.recruit main .container {
width: 1000px;
}
}
@media only screen and (min-width: 769px) {
body.privacy main .container {
width: 850px;
}
}
@media only screen and (min-width: 769px) {
body.contact main .container {
width: 1000px;
}
}
@media only screen and (min-width: 769px) {
body.error main .container {
width: 1000px;
}
}
@media only screen and (max-width: 769px) {
body.error main .container {
width: 84%;
}
}
@media only screen and (min-width: 769px) {
body.search main .container {
width: 1000px;
}
}
_:-ms-fullscreen, :root body {
min-height: auto;
display: block;
}
_:-ms-fullscreen, :root main {
display: block;
}
@media only screen and (min-width: 769px) {
_:-ms-fullscreen, :root header .headerNav {
-ms-flex-pack: start;
justify-content: flex-start;
}
}
_:-ms-fullscreen, :root .searchAchArea .resultArea {
-ms-flex-pack: start;
justify-content: flex-start;
}
_:-ms-fullscreen, :root body.top .fvArea .fvBottom .projectsArea .tag {
-ms-flex-pack: start;
justify-content: flex-start;
}
@media only screen and (min-width: 769px) {
_:-ms-fullscreen, :root body.top .fvArea .fvBottom .projectsArea .tag {
-ms-flex-pack: start;
justify-content: flex-start;
}
}
@media only screen and (min-width: 769px) {
_:-ms-fullscreen, :root body header .headerNav .navArea .searchArea form {
top: 50%;
transform: translateY(-50%);
}
}
*:-ms-input-placeholder {
color: #A8A8A8 !important;
}
@media only screen and (min-width: 769px) {
_:-ms-fullscreen, :root body.gallery.single .achievement .figArea .thums > li figure {
height: 70px;
}
}
@media only screen and (max-width: 769px) {
_:-ms-fullscreen, :root body.gallery.single .achievement .figArea .thums > li figure {
height: 100px;
}
}
@media only screen and (max-width: 769px) {
_:-ms-fullscreen, :root body.gallery.single .achievement .figArea .thums > li figure img {
width: 100%;
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
}
}
form {
width: 100%;
margin: 0 auto;
}
fieldset {
border: none;
}
label {
display: inline-block;
}
input,
select,
button {
font-size: 1em;
-webkit-appearance: none;
display: inline-block;
}
[type=text],
[type=num],
[type=email],
[type=tel],
select,
textarea {
width: 100%;
border-top: 2px solid #eeeeee;
border-top-style: inset;
border-right: 2px solid #eeeeee;
border-bottom: 2px solid #eeeeee;
border-left: 2px solid #eeeeee;
border-left-style: inset;
vertical-align: bottom;
padding: 2px;
}
[type=radio],
[type=checkbox] {
width: 0;
height: 0;
display: block;
z-index: -99999;
pointer-events: none;
overflow: hidden;
padding: 0;
margin: 0;
}
[type=radio] + label,
[type=checkbox] + label {
padding-left: 55px;
cursor: pointer;
}
[type=radio] + label::before, [type=radio] + label::after,
[type=checkbox] + label::before,
[type=checkbox] + label::after {
content: "";
display: block;
position: absolute;
top: 0;
bottom: 0;
margin: auto;
}
[type=radio] + label::before,
[type=checkbox] + label::before {
width: 44px;
height: 44px;
border: 1px solid #707070;
border-radius: 50%;
left: 0;
}
[type=radio] + label::after,
[type=checkbox] + label::after {
width: 27px;
height: 27px;
background-color: orange;
border-radius: 50%;
left: 8px;
opacity: 0;
}
[type=radio]:checked + label::after,
[type=checkbox]:checked + label::after {
opacity: 1;
}
textarea {
resize: none;
}
.selectWrapper select {
width: 100%;
cursor: pointer;
}
.selectWrapper select::-ms-expand {
display: none;
}
button {
font-size: 1em;
background-color: transparent;
border: none;
border-radius: 0;
cursor: pointer;
padding: 0;
}
[type=text],
[type=num],
[type=email],
[type=tel],
[type=date],
select,
textarea,
button,
[type=radio] + label,
[type=checkbox] + label {
padding: 10px 16px;
}
[type=text].errorInput,
[type=num].errorInput,
[type=email].errorInput,
[type=tel].errorInput,
[type=date].errorInput,
select.errorInput,
textarea.errorInput,
button.errorInput,
[type=radio] + label.errorInput,
[type=checkbox] + label.errorInput {
background: rgba(211, 0, 0, 0.2) !important;
}
[type=text],
[type=num],
[type=email],
[type=tel],
[type=date],
select,
textarea {
border: 1px solid #DCDCDC;
border-radius: 3px;
}
[type=radio] + .mwform-radio-field-text {
padding-left: 1.75em;
cursor: pointer;
}
[type=radio] + .mwform-radio-field-text::before {
content: "";
border: 2px solid #DDDDDD;
background-color: #FFF;
display: block;
position: absolute;
left: 0;
width: 20px;
height: 20px;
border-radius: 50%;
top: 3px;
}
[type=radio] + .mwform-radio-field-text::after {
content: none;
background-color: #23923F;
display: block;
position: absolute;
width: 10px;
height: 10px;
border-radius: 50%;
top: 8px;
left: 5px;
}
[type=radio]:checked + .mwform-radio-field-text::after {
content: "";
}
[type=checkbox] + .mwform-checkbox-field-text {
padding-left: 1.75em;
cursor: pointer;
}
[type=checkbox] + .mwform-checkbox-field-text::before {
content: "";
border: 2px solid #DDDDDD;
background-color: #FFF;
display: block;
position: absolute;
left: 0;
width: 20px;
height: 20px;
border-radius: 3px;
top: 3px;
}
[type=checkbox] + .mwform-checkbox-field-text::after {
content: none;
border-left: 2px solid #23923F;
border-bottom: 2px solid #23923F;
display: block;
position: absolute;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
width: 18px;
height: 10px;
top: 4px;
left: 4px;
}
[type=checkbox]:checked + .mwform-checkbox-field-text::after {
content: "";
}
.selectWrapper::after {
content: "";
background: url(//www.matsumura-gumi.co.jp/wp-content/themes/matsumura/assets/images/common/icon_arrow.svg) no-repeat;
background-position: center center;
background-size: contain;
display: block;
position: absolute;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
pointer-events: none;
width: 7px;
height: 11px;
top: 19px;
right: 10px;
}
.selectWrapper select option {
color: #222222;
}
.selectWrapper select option:nth-of-type(1) {
color: #A8A8A8;
}
.selectWrapper.notSelected select {
color: #A8A8A8;
}
.selectWrapper.notSelected select option:nth-of-type(1) {
color: #A8A8A8;
}
.errorArea > li {
color: #D30000;
}
::-webkit-input-placeholder {
color: #A8A8A8;
}
::-moz-placeholder {
color: #A8A8A8;
}
:-ms-input-placeholder {
color: #A8A8A8;
}
::-ms-input-placeholder {
color: #A8A8A8;
}
::placeholder {
color: #A8A8A8;
}
.formArea h2 {
border-bottom: 2px solid #222222;
}
@media only screen and (min-width: 769px) {
.formArea h2 {
font-size: 28px;
}
}
@media only screen and (max-width: 769px) {
.formArea h2 {
font-size: 22px;
}
}
.formArea .countArea .count {
font-size: 14px;
color: #FFF;
background-color: #23923F;
border-radius: 5px;
position: absolute;
right: 0;
}
@media only screen and (min-width: 769px) {
.formArea .countArea .count {
top: 45px;
padding: 20px;
}
}
@media only screen and (max-width: 769px) {
.formArea .countArea .count {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
bottom: 0;
padding: 3px 15px 8px;
}
}
.formArea .countArea .count::before {
content: "";
width: 0;
height: 0;
border-style: solid;
position: absolute;
}
@media only screen and (min-width: 769px) {
.formArea .countArea .count::before {
border-width: 0 16px 16px 16px;
border-color: transparent transparent #23923f transparent;
top: 60px;
left: -16px;
}
}
@media only screen and (max-width: 769px) {
.formArea .countArea .count::before {
border-width: 16px 0 16px 16px;
border-color: transparent transparent transparent #23923f;
bottom: -16px;
right: 78px;
}
}
@media only screen and (max-width: 769px) {
.formArea .countArea .count div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
@media only screen and (min-width: 769px) {
.formArea .countArea .count .num {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
}
@media only screen and (max-width: 769px) {
.formArea .countArea .count .num {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
.formArea .countArea .count .num #count {
font-family: "Oswald", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", "メイリオ", "Meiryo", sans-serif;
font-weight: 500;
line-height: 1;
letter-spacing: 0.075em;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-left: 5px;
margin-right: 5px;
}
@media only screen and (min-width: 769px) {
.formArea .countArea .count .num #count {
font-size: 40px;
}
}
@media only screen and (max-width: 769px) {
.formArea .countArea .count .num #count {
font-size: 32px;
}
}
.formArea .countArea.fixed .count {
position: fixed;
}
@media only screen and (min-width: 769px) {
.formArea .countArea.fixed .count {
right: calc((100% - 1000px) / 2);
}
}
@media only screen and (max-width: 769px) {
.formArea .countArea.fixed .count {
top: 50px;
bottom: auto;
right: 5%;
z-index: 100;
}
}
.formArea form {
margin-top: 80px;
}
@media only screen and (min-width: 769px) {
.formArea form {
width: 80%;
margin-top: 100px;
margin-left: 0;
}
}
@media only screen and (max-width: 769px) {
.formArea form {
margin-top: 17.5px;
}
}
.formArea form .legend {
font-weight: bold;
}
@media only screen and (min-width: 769px) {
.formArea form .legend {
padding: 10px 40px 10px 0;
}
}
@media only screen and (max-width: 769px) {
.formArea form .inputArea {
margin-top: 6px;
}
}
.formArea form .inputArea .inputBox .vertical-item + .vertical-item {
margin-top: 10px;
}
.formArea form .inputArea .inputBox.required::after {
content: "必須";
width: 40px;
height: 20px;
font-size: 12px;
color: #FFF;
background-color: #D30000;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: absolute;
margin: auto;
}
@media only screen and (min-width: 769px) {
.formArea form .inputArea .inputBox.required::after {
top: 0;
bottom: 0;
left: -65px;
}
}
@media only screen and (max-width: 769px) {
.formArea form .inputArea .inputBox.required::after {
bottom: calc(100% + 8px);
right: 0;
}
}
.formArea form .inputArea .errorArea, .formArea form .inputArea .errorArea .error {
color: #D30000;
}
.formArea form .inputArea .errorArea + .inputBox {
margin-top: 7px;
}
.formArea form .inputArea .errorArea + .inputBox.required::after {
content: none;
}
.formArea form .inputArea .notesArea {
color: #A8A8A8;
font-size: 12px;
}
@media only screen and (min-width: 769px) {
.formArea form .inputArea .notesArea {
margin-top: 10px;
}
}
@media only screen and (max-width: 769px) {
.formArea form .inputArea .notesArea {
margin-top: 25px;
}
}
.formArea form fieldset:nth-of-type(n+2) {
margin-top: 30px;
}
@media only screen and (min-width: 769px) {
.formArea form fieldset .flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.formArea form fieldset .flex .legend {
width: 28%;
}
.formArea form fieldset .flex .inputArea {
width: 67.5%;
}
}
@media only screen and (min-width: 769px) {
.formArea form fieldset .inputArea {
margin-left: 30px;
}
}
@media only screen and (min-width: 769px) {
.formArea form fieldset .inputArea .link {
margin-left: 30px;
}
}
@media only screen and (max-width: 769px) {
.formArea form fieldset .inputArea .link {
margin-left: 10px;
}
}
.formArea form fieldset .inputArea .link a {
text-decoration: underline;
color: #2793FF;
}
.formArea form fieldset .inputArea .link a:hover {
opacity: 0.6;
}
.formArea form fieldset .inputArea .notesArea {
color: #A8A8A8;
font-size: 12px;
margin-top: 10px;
}
@media only screen and (min-width: 769px) {
.formArea form fieldset#fieldset-zipcode .flex .inputArea .inputBox [type=tel], .formArea form fieldset#fieldset-pref .flex .inputArea .inputBox .selectWrapper, .formArea form fieldset#fieldset-job .flex .inputArea .inputBox [type=text] {
width: 226px;
}
}
@media only screen and (max-width: 769px) {
.formArea form fieldset#fieldset-zipcode .flex .inputArea .inputBox [type=tel], .formArea form fieldset#fieldset-pref .flex .inputArea .inputBox .selectWrapper, .formArea form fieldset#fieldset-job .flex .inputArea .inputBox [type=text] {
width: 260px;
}
}
.formArea form fieldset#fieldset-zipcode .flex .inputArea {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
@media only screen and (max-width: 769px) {
.formArea form fieldset#fieldset-zipcode .flex .inputArea .pc {
display: none;
}
}
@media only screen and (max-width: 769px) {
.formArea form fieldset#fieldset-zipcode .flex .inputArea .inputBox {
width: 100%;
}
}
@media only screen and (max-width: 769px) {
.formArea form fieldset#fieldset-zipcode .flex .inputArea .link {
position: absolute;
left: 270px;
}
}
@media only screen and (min-width: 769px) {
.formArea form fieldset#fieldset-zipcode .flex .inputArea .errorArea {
width: 100%;
}
}
.formArea form fieldset#fieldset-type .flex .inputArea {
padding-top: 7px;
}
.formArea form fieldset#fieldset-type .flex .inputArea .inputBox.required::after {
top: 6px;
bottom: auto;
}
.formArea form fieldset#fieldset-career .flex .inputArea .inputBox, .formArea form fieldset#fieldset-age .flex .inputArea .inputBox {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.formArea form fieldset#fieldset-career .flex .inputArea .inputBox [type=text], .formArea form fieldset#fieldset-age .flex .inputArea .inputBox [type=text] {
margin-right: 10px;
}
@media only screen and (min-width: 769px) {
.formArea form fieldset#fieldset-career .flex .inputArea .inputBox [type=text], .formArea form fieldset#fieldset-age .flex .inputArea .inputBox [type=text] {
width: 143px;
}
}
@media only screen and (max-width: 769px) {
.formArea form fieldset#fieldset-career .flex .inputArea .inputBox [type=text], .formArea form fieldset#fieldset-age .flex .inputArea .inputBox [type=text] {
width: 120px;
}
}
@media only screen and (min-width: 769px) {
.formArea form .agreementArea {
margin-top: 47px;
}
}
@media only screen and (max-width: 769px) {
.formArea form .agreementArea {
margin-top: 70px;
}
}
.formArea form .agreementArea .inputArea .inputBox {
text-align: center;
}
.formArea form .agreementArea .inputArea .inputBox .link a {
color: #2793FF;
text-decoration: none;
padding-right: 1em;
}
.formArea form .agreementArea .inputArea .inputBox .link a::after {
content: "";
background: url(//www.matsumura-gumi.co.jp/wp-content/themes/matsumura/assets/images/common/icon_link2.svg) no-repeat;
background-position: center center;
background-size: contain;
display: block;
position: absolute;
width: 8px;
height: 8px;
top: 9px;
right: 4px;
}
.formArea form .agreementArea .inputArea .errorArea {
text-align: center;
}
@media only screen and (min-width: 769px) {
.formArea form .buttonArea {
margin-top: 45px;
}
}
@media only screen and (max-width: 769px) {
.formArea form .buttonArea {
margin-top: 70px;
}
}
.formArea form .buttonArea [type=submit] {
font-weight: bold;
height: 80px;
font-size: 22px;
color: #FFF;
background-color: #23923F;
border: 1px solid #23923F;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 0 auto;
cursor: pointer;
}
.formArea form .buttonArea [type=submit]:hover {
opacity: 0.6;
}
@media only screen and (min-width: 769px) {
.formArea form .buttonArea [type=submit] {
width: 440px;
}
}
@media only screen and (max-width: 769px) {
.formArea form .buttonArea [type=submit] {
width: 100%;
max-width: 440px;
}
}
.formArea form .buttonArea [type=submit].disabled {
color: #CCCCCC;
background-color: #F2F2F2;
border-color: #F2F2F2;
cursor: not-allowed;
}
.formArea form .buttonArea [type=submit].back {
color: #CCCCCC;
background-color: #F2F2F2;
border-color: #F2F2F2;
margin-bottom: 40px;
}
@media only screen and (min-width: 769px) {
.formArea .mw_wp_form_confirm form {
width: 100%;
}
}
.formArea .mw_wp_form_confirm form .inputBox {
padding: 10px 0;
}
.formArea .mw_wp_form_confirm form .inputOnly {
display: none;
}
.formArea .mw_wp_form_confirm form .selectWrapper::after {
content: none;
}
.formArea .mw_wp_form_confirm form fieldset#fieldset-type .flex .inputArea {
padding-top: 0;
}
@media only screen and (min-width: 769px) {
body.contact.input .formArea, body.contact.confirm .formArea {
margin-top: 100px;
}
}
@media only screen and (max-width: 769px) {
body.contact.input .formArea, body.contact.confirm .formArea {
margin-top: 40px;
}
}
body.careers .formArea form {
width: 100%;
}
body.contact.personal .formArea .countArea .count {
background-color: #F6AB00;
}
@media only screen and (min-width: 769px) {
body.contact.personal .formArea .countArea .count::before {
border-color: transparent transparent #F6AB00 transparent;
}
}
@media only screen and (max-width: 769px) {
body.contact.personal .formArea .countArea .count::before {
border-color: transparent transparent transparent #F6AB00;
}
}
.accordion:not([data-acpc="0"]):not([data-acmb="0"]) .acButton {
cursor: pointer;
}
.accordion:not([data-acpc="0"]):not([data-acmb="0"]) .acContents {
overflow: hidden;
height: 0;
}
@media only screen and (min-width: 769px) {
.accordion:not([data-acpc="0"]) .acButton {
cursor: pointer;
}
.accordion:not([data-acpc="0"]) .acContents {
overflow: hidden;
height: 0;
}
}
@media only screen and (max-width: 769px) {
.accordion:not([data-acmb="0"]) .acButton {
cursor: pointer;
}
.accordion:not([data-acmb="0"]) .acContents {
overflow: hidden;
height: 0;
}
}
.headline01 {
font-size: 28px;
font-weight: bold;
color: #004612;
padding-bottom: 10px;
margin-bottom: 60px;
}
.headline01::before, .headline01::after {
content: "";
height: 2px;
display: block;
position: absolute;
bottom: 0;
left: 0;
}
.headline01::before {
width: 100%;
background-color: #83B590;
}
.headline01::after {
width: 40px;
background-color: #004612;
}
.extLink {
font-weight: 500;
text-decoration: underline;
color: #2793FF;
font-size: 14px;
line-height: 1.571;
padding-left: 1.5em;
}
@media only screen and (max-width: 769px) {
.extLink {
font-size: 14px;
}
}
.extLink::before {
content: "";
background: url(//www.matsumura-gumi.co.jp/wp-content/themes/matsumura/assets/images/common/icon_link.svg) no-repeat;
background-position: center center;
background-size: contain;
display: block;
position: absolute;
left: 0;
margin: auto;
width: 15px;
height: 15px;
top: 4px;
}
a.withFile {
display: inline-block;
}
@media only screen and (min-width: 769px) {
a.withFile {
padding-left: 30px;
}
}
@media only screen and (max-width: 769px) {
a.withFile {
padding-left: 40px;
}
}
a.withFile::before {
content: "";
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
}
@media only screen and (min-width: 769px) {
a.withFile::before {
width: 22px;
height: 27px;
}
}
@media only screen and (max-width: 769px) {
a.withFile::before {
width: 28px;
height: 35px;
}
}
a.withFile.pdf::before {
background: url(//www.matsumura-gumi.co.jp/wp-content/themes/matsumura/assets/images/common/icon_pdf.svg) no-repeat;
background-position: center center;
background-size: contain;
}
a.withFile.zip::before {
background: url(//www.matsumura-gumi.co.jp/wp-content/themes/matsumura/assets/images/common/icon_zip.svg) no-repeat;
background-position: center center;
background-size: contain;
}
a.withFile.mov::before {
background: url(//www.matsumura-gumi.co.jp/wp-content/themes/matsumura/assets/images/common/icon_mov.svg) no-repeat;
background-position: center center;
background-size: contain;
}
a.withFile.xls {
padding-left: 35px;
}
a.withFile.xls::before {
background: url(//www.matsumura-gumi.co.jp/wp-content/themes/matsumura/assets/images/common/icon_xls.svg) no-repeat;
background-position: center center;
background-size: contain;
width: 27px;
height: 30px;
}
.searchAchArea, .searchAchArea label, .searchAchArea button {
color: #0B6F24;
}
@media only screen and (min-width: 769px) {
.searchAchArea .head {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
}
.searchAchArea .head h2 {
font-size: 24px;
}
@media only screen and (min-width: 769px) {
.searchAchArea .head h2 {
width: 171px;
}
}
.searchAchArea .head .buttons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
@media only screen and (max-width: 769px) {
.searchAchArea .head .buttons {
margin-top: 15px;
}
}
.searchAchArea .head .buttons #all {
font-size: 14px;
font-weight: bold;
color: #FFF;
background-color: #E08622;
border-color: #E08622;
border-radius: 30px;
display: block;
padding: 6px 15px;
}
@media only screen and (min-width: 769px) {
.searchAchArea .head .buttons #all {
width: 165px;
}
}
@media only screen and (max-width: 769px) {
.searchAchArea .head .buttons #all {
width: 45%;
}
}
.searchAchArea .head .buttons #all.on {
color: #E08622;
background-color: #FFF;
border: 1px solid #FFF;
}
.searchAchArea .head .buttons #reset {
font-weight: bold;
margin-left: 15px;
}
.searchAchArea .head .buttons #reset:hover {
opacity: 0.6;
}
@media only screen and (min-width: 769px) {
.searchAchArea .head .buttons #reset {
padding-left: 1.5em;
}
}
@media only screen and (max-width: 769px) {
.searchAchArea .head .buttons #reset {
font-size: 11px;
padding-left: 2em;
}
}
.searchAchArea .head .buttons #reset::before {
content: "";
width: 18px;
height: 18px;
background: url(//www.matsumura-gumi.co.jp/wp-content/themes/matsumura/assets/images/common/icon_cancel.svg) no-repeat;
background-position: center center;
background-size: contain;
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
}
@media only screen and (min-width: 769px) {
.searchAchArea .methodsArea {
margin-top: 40px;
}
}
@media only screen and (max-width: 769px) {
.searchAchArea .methodsArea {
margin-top: 15px;
}
}
.searchAchArea .methodsArea .methods {
border-top: 2px solid #AED1B7;
}
@media only screen and (min-width: 769px) {
.searchAchArea .methodsArea .methods {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
padding: 25px 0;
}
}
@media only screen and (max-width: 769px) {
.searchAchArea .methodsArea .methods {
padding: 10px 0 5px;
}
}
@media only screen and (min-width: 769px) {
.searchAchArea .methodsArea .methods > dt {
width: 171px;
}
}
@media only screen and (min-width: 769px) {
.searchAchArea .methodsArea .methods > dd {
width: calc(100% - 171px);
}
}
@media only screen and (max-width: 769px) {
.searchAchArea .methodsArea .methods > dd {
margin-top: 5px;
}
}
.searchAchArea .methodsArea .methods > dd .cats {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
@media only screen and (min-width: 769px) {
.searchAchArea .methodsArea .methods > dd .cats > li {
margin: 0 5px 5px;
}
}
@media only screen and (max-width: 769px) {
.searchAchArea .methodsArea .methods > dd .cats > li {
margin: 0 2.5px 5px;
}
}
.searchAchArea .methodsArea .methods > dd .cats > li label {
font-size: 12px;
font-weight: bold;
color: #0B6F24;
border: 1px solid #0B6F24;
border-radius: 30px;
display: block;
padding: 6px 15px;
}
.searchAchArea .methodsArea .methods > dd .cats > li label::before, .searchAchArea .methodsArea .methods > dd .cats > li label::after {
display: none;
}
.searchAchArea .methodsArea .methods > dd .cats > li [type=checkbox]:checked + label,
.searchAchArea .methodsArea .methods > dd .cats > li label:hover {
color: #FFF;
background-color: #E08622;
border-color: #E08622;
}
.searchAchArea .methodsArea .methods > dd .cats > li.subType:not(.on) {
width: 0;
height: 0;
display: block;
z-index: -99999;
pointer-events: none;
overflow: hidden;
padding: 0;
margin: 0;
}
.searchAchArea .resultArea {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media only screen and (max-width: 769px) {
.searchAchArea .resultArea {
margin-top: 10px;
}
}
.searchAchArea .resultArea .result {
font-weight: 500;
color: #004612;
margin: 0 auto;
}
.searchAchArea .resultArea .result #num {
font-family: "Lato", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", "メイリオ", "Meiryo", sans-serif;
letter-spacing: 0.03em;
font-weight: 700;
margin-right: 5px;
}
@media only screen and (max-width: 769px) {
.searchAchArea .resultArea .result #num {
font-size: 24px;
}
}
@media only screen and (max-width: 769px) {
.searchAchArea .resultArea .result #num {
font-size: 16px;
}
}
.hideList {
width: 0 !important;
height: 0 !important;
display: block !important;
z-index: -99999 !important;
pointer-events: none !important;
overflow: hidden !important;
padding: 0 !important;
margin: 0 !important;
position: absolute !important;
top: 0 !important;
left: 0 !important;
}
.telNum {
background-color: #F0F6F1;
margin-top: 30px;
}
.telNum::before {
content: "";
background: url(//www.matsumura-gumi.co.jp/wp-content/themes/matsumura/assets/images/common/icon_tel.svg) no-repeat;
background-position: center center;
background-size: contain;
display: block;
position: absolute;
top: 0;
bottom: 0;
margin: auto;
}
@media only screen and (min-width: 769px) {
.telNum::before {
left: 20px;
width: 45px;
height: 45px;
}
}
@media only screen and (max-width: 769px) {
.telNum::before {
left: 15px;
width: 27px;
height: 27px;
}
}
.telNum .pc {
padding: 17px 12px 12px 80px;
}
@media only screen and (max-width: 769px) {
.telNum .pc {
display: none;
}
}
.telNum .pc .text {
font-weight: bold;
font-size: 13px;
}
.telNum .pc .info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.telNum .pc .info dl {
font-family: "Roboto", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", "メイリオ", "Meiryo", sans-serif;
font-weight: 700;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 18px;
}
.telNum .pc .info dl > dt:nth-of-type(n+2) {
margin-left: 13px;
}
.telNum .pc .info dl > dd {
margin-left: 7px;
}
.telNum .pc .info .time {
font-weight: bold;
font-size: 12px;
padding-bottom: 3px;
}
.telNum .mb {
padding: 17px 12px 17px 54px;
}
@media only screen and (min-width: 769px) {
.telNum .mb {
display: none;
}
}
.telNum .mb a {
width: 100%;
height: 100%;
display: block;
}
.telNum .mb a .text {
font-weight: bold;
}
@media only screen and (min-width: 769px) {
.toList {
padding: 60px 0 0;
}
}
@media only screen and (max-width: 769px) {
.toList {
padding: 45px 0 0;
}
}
.toList a {
font-weight: bold;
color: #23923F;
background-color: #FFF;
border: 2px solid #23923F;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 0 auto;
border-radius: 30px;
}
@media only screen and (min-width: 769px) {
.toList a {
width: 323px;
height: 60px;
}
}
@media only screen and (max-width: 769px) {
.toList a {
width: 200px;
height: 40px;
}
}
.toList a:hover {
color: #FFF;
background-color: #23923F;
}
.dlButton, .linkButton {
font-weight: bold;
background-color: #FFF;
border: 2px solid #DDDDDD;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 224px;
border-radius: 5px;
padding: 13px 0;
}
.dlButton:hover, .linkButton:hover {
opacity: 0.6;
}
.dlButton span {
padding-left: 30px;
}
.dlButton span::before {
content: "";
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
width: 22px;
height: 27px;
}
.dlButton.ext span::before {
background: url(//www.matsumura-gumi.co.jp/wp-content/themes/matsumura/assets/images/common/icon_link.svg) no-repeat;
background-position: center center;
background-size: contain;
width: 15px;
height: 15px;
}
.dlButton.pdf span::before {
background: url(//www.matsumura-gumi.co.jp/wp-content/themes/matsumura/assets/images/common/icon_pdf.svg) no-repeat;
background-position: center center;
background-size: contain;
}
.dlButton.zip span::before {
background: url(//www.matsumura-gumi.co.jp/wp-content/themes/matsumura/assets/images/common/icon_zip.svg) no-repeat;
background-position: center center;
background-size: contain;
}
.dlButton.mov span::before {
background: url(//www.matsumura-gumi.co.jp/wp-content/themes/matsumura/assets/images/common/icon_mov.svg) no-repeat;
background-position: center center;
background-size: contain;
}
.dlButton.xls span::before {
background: url(//www.matsumura-gumi.co.jp/wp-content/themes/matsumura/assets/images/common/icon_xls.svg) no-repeat;
background-position: center center;
background-size: contain;
}
.toContact .label {
font-size: 14px;
font-weight: bold;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.toContact .button {
height: 54px;
font-size: 16px;
font-weight: bold;
color: #FFF;
background-color: #23923F;
border-radius: 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 13px auto 0;
}
@media only screen and (min-width: 769px) {
.toContact .button {
width: 347px;
}
}
.toContact .button:hover {
opacity: 0.6;
}
.toContact .button::before {
content: "";
width: 20px;
height: 16px;
background: url(//www.matsumura-gumi.co.jp/wp-content/themes/matsumura/assets/images/common/icon_mail.svg) no-repeat;
background-position: center center;
background-size: contain;
margin-right: 8px;
}
#toTop {
background-color: #23923F;
border-color: #23923F;
border-radius: 50%;
position: absolute;
top: 0;
right: 30px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 40px;
height: 40px;
cursor: pointer;
}
#toTop::before {
content: "";
background: url(//www.matsumura-gumi.co.jp/wp-content/themes/matsumura/assets/images/common/icon_arrow_double.svg) no-repeat;
background-position: center center;
background-size: contain;
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
width: 17px;
height: 17.3px;
}
#toTop.fixed {
background-color: rgba(226, 234, 228, 0.64);
border: 1px solid #AED1B7;
position: fixed;
top: auto;
bottom: 30px;
-webkit-transform: translateY(0);
transform: translateY(0);
}
#toTop.fixed::before {
background: url(//www.matsumura-gumi.co.jp/wp-content/themes/matsumura/assets/images/common/icon_arrow_double_green.svg) no-repeat;
background-position: center center;
background-size: contain;
}
#toTop.hide {
pointer-events: none;
opacity: 0;
}
.noPost {
font-weight: bold;
text-align: center;
}
@media only screen and (min-width: 769px) {
.noPost {
font-size: 28px;
}
}
@media only screen and (max-width: 769px) {
.noPost {
font-size: 18px;
}
}
.tags {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.tags > li {
font-weight: bold;
background-color: #F2F2F2;
font-size: 12px;
padding: 3px 5px;
margin-right: 10px;
margin-bottom: 10px;
}
.tags > li:nth-of-type(1) {
margin-top: 15px;
}
@media only screen and (max-width: 769px) {
.mbWrapper {
width: 100%;
max-width: 100%;
overflow-x: auto;
}
.mbWrapper figure {
width: auto;
display: block;
overflow: auto;
}
.mbWrapper figure picture {
width: auto;
height: auto;
display: block;
}
.mbWrapper figure img {
width: auto;
max-width: none;
height: auto;
}
}
.mapLink {
width: 100%;
height: 100%;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.mapLink a {
display: block;
position: absolute;
}
@media only screen and (max-width: 769px) {
.scrMbWrapper {
overflow-x: auto;
}
}
@media only screen and (max-width: 769px) {
.scrMbWrapper .scrMb {
white-space: nowrap;
}
}
.mbScrollWrap {
overflow-x: auto;
}
@media only screen and (max-width: 769px) {
body header {
padding-top: 50px;
}
}
body header .headerNav {
background-color: #FFF;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media only screen and (min-width: 769px) {
body header .headerNav {
min-width: 1300px;
height: 80px;
padding: 0 30px;
}
}
@media only screen and (max-width: 769px) {
body header .headerNav {
width: 100%;
height: 50px;
border-bottom: 1px solid #DDDDDD;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
position: fixed;
top: 0;
left: 0;
padding: 0 10px;
z-index: 1000;
}
}
body header .headerNav a {
font-size: 12px;
}
@media only screen and (min-width: 769px) and (max-width: 1400px) {
body header .headerNav h1 {
width: 220px;
}
}
@media only screen and (min-width: 1400px) {
body header .headerNav h1 {
width: 300px;
}
}
@media only screen and (max-width: 769px) {
body header .headerNav h1 {
width: 230px;
}
}
body header .headerNav h1 a {
display: block;
}
body header .headerNav h1 a:hover {
opacity: 0.6;
}
body header .headerNav h1 img {
width: 100%;
vertical-align: bottom;
}
@media only screen and (min-width: 769px) {
body header .headerNav .navArea {
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-left: auto;
}
}
@media only screen and (max-width: 769px) {
body header .headerNav .navArea {
width: 100vw;
height: calc(100vh - 50px);
background-color: #FFF;
position: fixed;
top: 50px;
left: 0;
padding: 30px 5% 50px;
opacity: 0;
-webkit-transform: translateX(100%);
transform: translateX(100%);
-webkit-transition: 0.3s;
transition: 0.3s;
z-index: 2000;
overflow-y: auto;
}
}
@media only screen and (min-width: 769px) {
body header .headerNav .navArea nav {
height: 100%;
}
}
@media only screen and (min-width: 769px) {
body header .headerNav .navArea nav .navList {
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
@media only screen and (min-width: 769px) {
body header .headerNav .navArea nav .navList > li {
height: 100%;
}
}
@media only screen and (min-width: 769px) {
body header .headerNav .navArea nav .navList > li:nth-of-type(n+2) {
margin-left: 15px;
}
}
@media only screen and (min-width: 769px) {
body header .headerNav .navArea nav .navList > li .link {
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
@media only screen and (max-width: 769px) {
body header .headerNav .navArea nav .navList > li .link {
margin-bottom: 10px;
}
}
@media only screen and (min-width: 769px) {
body header .headerNav .navArea nav .navList > li .link a {
font-weight: 500;
}
}
@media only screen and (max-width: 769px) {
body header .headerNav .navArea nav .navList > li .link a {
width: 100%;
height: 55px;
font-size: 14px;
font-weight: 900;
color: #328D61;
background-color: #F0F6F1;
border-radius: 5px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
padding: 0 15px;
}
body header .headerNav .navArea nav .navList > li .link a:hover {
opacity: 0.6;
}
}
@media only screen and (min-width: 769px) {
body header .headerNav .navArea nav .navList > li .link a:hover {
color: #328D61;
}
}
@media only screen and (min-width: 769px) {
body header .headerNav .navArea nav .navList > li .link + .subList {
width: 0;
height: 0;
display: block;
z-index: -99999;
pointer-events: none;
overflow: hidden;
padding: 0;
margin: 0;
position: absolute;
top: 0;
left: 0;
}
}
@media only screen and (max-width: 769px) {
body header .headerNav .navArea nav .navList > li .link + .subList > .btns {
padding-bottom: 10px;
}
}
@media only screen and (max-width: 769px) {
body header .headerNav .navArea nav .navList > li .link + .subList > .btns > li a,
body header .headerNav .navArea nav .navList > li .link + .subList > .thums > li a {
height: auto;
font-size: 14px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
padding: 10px 15px;
}
body header .headerNav .navArea nav .navList > li .link + .subList > .btns > li a:hover,
body header .headerNav .navArea nav .navList > li .link + .subList > .thums > li a:hover {
opacity: 0.6;
}
}
@media only screen and (max-width: 769px) {
body header .headerNav .navArea nav .navList > li .link + .subList > .btns > li:nth-last-of-type(n+2),
body header .headerNav .navArea nav .navList > li .link + .subList > .thums > li:nth-last-of-type(n+2) {
border-bottom: 1px solid #328D61;
}
}
@media only screen and (max-width: 769px) {
body header .headerNav .navArea nav .navList > li .link + .subList > .btns > li.hasSubSubList,
body header .headerNav .navArea nav .navList > li .link + .subList > .thums > li.hasSubSubList {
border-bottom: none;
}
}
body header .headerNav .navArea nav .navList > li .link + .subList > .btns > li.hasSubSubList .subLink,
body header .headerNav .navArea nav .navList > li .link + .subList > .thums > li.hasSubSubList .subLink {
border-bottom: 1px solid #328D61;
}
body header .headerNav .navArea nav .navList > li .link + .subList > .btns > li .subSubList > .btns,
body header .headerNav .navArea nav .navList > li .link + .subList > .thums > li .subSubList > .btns {
padding-left: 28px;
}
@media only screen and (max-width: 769px) {
body header .headerNav .navArea nav .navList > li .link + .subList > .btns > li .subSubList > .btns > li,
body header .headerNav .navArea nav .navList > li .link + .subList > .thums > li .subSubList > .btns > li {
border-bottom: 1px solid #328D61;
}
}
body header .headerNav .navArea nav .navList > li .link + .subList .thums > li figure {
margin: 0;
}
body header .headerNav .navArea nav .navList > li .link + .subList .thums > li figure img {
display: none;
}
body header .headerNav .navArea nav .navList > li .link + .subList #projects .title {
display: none;
}
body header .headerNav .navArea nav .navList > li .link + .subList #projects .testLinks {
padding-bottom: 10px;
}
body header .headerNav .navArea nav .navList > li .link + .subList #projects .testLinks > li, body header .headerNav .navArea nav .navList > li .link + .subList #projects .testLinks > li a {
font-size: 14px;
line-height: 1.357;
}
body header .headerNav .navArea nav .navList > li .link + .subList #projects .testLinks > li .inlineLink::before, body header .headerNav .navArea nav .navList > li .link + .subList #projects .testLinks > li .inlineLink:nth-last-child(1)::after {
content: "｜";
}
body header .headerNav .navArea nav .navList > li .link + .subList #projects .testLinks > li .inlineLink a {
color: #338C60;
text-decoration: underline;
padding: 0 0.4em;
}
body header .headerNav .navArea nav .navList > li .link a::after,
body header .headerNav .navArea nav .navList > li .link + .subList > .btns > li.hasSubSubList .subLink a::after {
width: 14px;
height: 14px;
background: url(//www.matsumura-gumi.co.jp/wp-content/themes/matsumura/assets/images/common/icon_arrow_green.svg) no-repeat;
background-position: center center;
background-size: contain;
display: block;
position: absolute;
top: 0;
bottom: 0;
right: 15px;
margin: auto;
}
@media only screen and (max-width: 769px) {
body header .headerNav .navArea nav .navList > li .link a::after,
body header .headerNav .navArea nav .navList > li .link + .subList > .btns > li.hasSubSubList .subLink a::after {
content: "";
}
}
body header .headerNav .navArea nav .navList > li.current::before {
width: 100%;
height: 4px;
background-color: #1E823A;
display: block;
position: absolute;
top: 0;
left: 0;
}
@media only screen and (min-width: 769px) {
body header .headerNav .navArea nav .navList > li.current::before {
content: "";
}
}
@media only screen and (min-width: 769px) {
body header .headerNav .navArea nav .navList > li.current .link a {
color: #328D61;
}
}
@media only screen and (min-width: 769px) {
body header .headerNav .navArea .searchArea {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding-left: 30px;
margin-left: 30px;
margin-right: 15px;
}
}
@media only screen and (max-width: 769px) {
body header .headerNav .navArea .searchArea {
width: 91%;
margin: 30px auto 0;
}
}
body header .headerNav .navArea .searchArea::before {
width: 1px;
height: 50px;
background-image: -webkit-linear-gradient(top, #707070, #707070 1px, transparent 1px, transparent 4px);
background-image: linear-gradient(to bottom, #707070, #707070 1px, transparent 1px, transparent 4px);
background-size: 1px 4px;
background-position: left top;
background-repeat: repeat-y;
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
}
@media only screen and (min-width: 769px) {
body header .headerNav .navArea .searchArea::before {
content: "";
}
}
body header .headerNav .navArea .searchArea button {
font-size: 14px;
font-weight: bold;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 0;
}
body header .headerNav .navArea .searchArea button:hover {
opacity: 0.6;
}
@media only screen and (min-width: 769px) {
body header .headerNav .navArea .searchArea button {
color: #707070;
padding-left: 22px;
padding-right: 20px;
}
}
@media only screen and (max-width: 769px) {
body header .headerNav .navArea .searchArea button {
color: #23923F;
padding-left: 32px;
padding-right: 15px;
}
}
body header .headerNav .navArea .searchArea button::before {
content: "";
background: url(//www.matsumura-gumi.co.jp/wp-content/themes/matsumura/assets/images/common/icon_search.svg) no-repeat;
background-position: center center;
background-size: contain;
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
}
@media only screen and (min-width: 769px) {
body header .headerNav .navArea .searchArea button::before {
width: 16px;
height: 16px;
}
}
@media only screen and (max-width: 769px) {
body header .headerNav .navArea .searchArea button::before {
width: 24px;
height: 24px;
}
}
@media only screen and (max-width: 769px) {
body header .headerNav .navArea .searchArea button#openForm {
width: 0;
height: 0;
display: block;
z-index: -99999;
pointer-events: none;
overflow: hidden;
padding: 0;
margin: 0;
position: absolute;
top: 0;
left: 0;
}
}
@media only screen and (min-width: 769px) {
body header .headerNav .navArea .searchArea form {
width: 300px;
position: absolute;
right: 0;
}
}
body header .headerNav .navArea .searchArea form [type=text] {
width: 100%;
font-size: 14px;
border: 1px solid #23923F;
}
@media only screen and (min-width: 769px) {
body header .headerNav .navArea .searchArea form [type=text] {
border-radius: 4px;
padding: 4px 80px 4px 10px;
}
}
@media only screen and (max-width: 769px) {
body header .headerNav .navArea .searchArea form [type=text] {
border-radius: 2px;
padding: 11px 90px 11px 10px;
}
}
body header .headerNav .navArea .searchArea form button {
position: absolute;
top: 0;
bottom: 0;
right: 0;
}
@media only screen and (min-width: 769px) {
body header .headerNav .navArea .searchArea form {
display: none;
}
}
@media only screen and (min-width: 769px) {
body header .headerNav .navArea .searchArea form.open {
display: block;
}
}
@media only screen and (max-width: 769px) {
body header .headerNav .navArea .contactArea {
margin-top: 30px;
}
}
body header .headerNav .navArea .contactArea a {
color: #FFF;
background-color: #23923F;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
body header .headerNav .navArea .contactArea a:hover {
opacity: 0.6;
}
@media only screen and (min-width: 769px) {
body header .headerNav .navArea .contactArea a {
width: 162px;
height: 35px;
border-radius: 30px;
}
}
@media only screen and (max-width: 769px) {
body header .headerNav .navArea .contactArea a {
width: 100%;
height: 50px;
border-radius: 35px;
font-size: 14px;
}
}
body header .headerNav .navArea .contactArea a span {
padding-left: 1.5em;
padding-bottom: 2px;
}
body header .headerNav .navArea .contactArea a span::before {
content: "";
background: url(//www.matsumura-gumi.co.jp/wp-content/themes/matsumura/assets/images/common/icon_mail.svg) no-repeat;
background-position: center center;
background-size: contain;
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
}
@media only screen and (min-width: 769px) {
body header .headerNav .navArea .contactArea a span::before {
width: 15px;
height: 12px;
}
}
@media only screen and (max-width: 769px) {
body header .headerNav .navArea .contactArea a span::before {
width: 18px;
height: 14px;
}
}
@media only screen and (min-width: 769px) {
body header .headerNav #navBtn {
width: 0;
height: 0;
display: block;
z-index: -99999;
pointer-events: none;
overflow: hidden;
padding: 0;
margin: 0;
position: absolute;
top: 0;
left: 0;
}
}
@media only screen and (max-width: 769px) {
body header .headerNav #navBtn {
width: 30px;
height: 30px;
background-color: #0B6F24;
border-radius: 3px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
cursor: pointer;
}
body header .headerNav #navBtn, body header .headerNav #navBtn span, body header .headerNav #navBtn span::before {
-webkit-transition: 0.3s;
transition: 0.3s;
}
body header .headerNav #navBtn span {
width: 22px;
height: 3px;
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
body header .headerNav #navBtn span::before {
height: 100%;
content: "";
background-color: #FFF;
display: block;
border-radius: 4px;
}
body header .headerNav #navBtn span:nth-of-type(1) {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}
body header .headerNav #navBtn span:nth-of-type(3) {
-webkit-transform: translateY(6px);
transform: translateY(6px);
}
body header .headerNav #navBtn span:nth-of-type(2)::before {
width: 19px;
}
body header .headerNav #navBtn span:nth-of-type(3)::before {
width: 16px;
}
}
body header .subListMenuArea {
width: 100%;
background-color: #E2EAE4;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: absolute;
top: 100%;
left: 0;
z-index: 10;
height: 0;
overflow: hidden;
}
body header .subListMenuArea.open {
height: auto;
}
body header .subListMenuArea .subListMenu {
padding: 60px 0;
}
@media only screen and (min-width: 769px) {
body header .subListMenuArea .subListMenu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
body header .subListMenuArea .subListMenu .btns, body header .subListMenuArea .subListMenu .thums {
width: 800px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
body header .subListMenuArea .subListMenu .btns > li:nth-of-type(n+2), body header .subListMenuArea .subListMenu .thums > li:nth-of-type(n+2) {
margin-left: 15px;
}
body header .subListMenuArea .subListMenu .btns > li {
width: 31.83%;
}
body header .subListMenuArea .subListMenu .btns > li:nth-of-type(3n+4) {
margin-left: 0;
}
body header .subListMenuArea .subListMenu .btns > li:nth-of-type(n+4) {
margin-top: 10px;
}
body header .subListMenuArea .subListMenu .btns > li .button {
font-weight: bold;
color: #23923F;
line-height: 1.2;
text-align: center;
background-color: #FFF;
border: 2px solid #0B6F24;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 46px;
border-radius: 60px;
}
body header .subListMenuArea .subListMenu .btns > li .button:hover {
color: #FFF;
background-color: #83B590;
border-color: #83B590;
}
body header .subListMenuArea .subListMenu .btns.corporate, body header .subListMenuArea .subListMenu .btns.partner {
width: 800px;
}
body header .subListMenuArea .subListMenu .btns.corporate > li, body header .subListMenuArea .subListMenu .btns.partner > li {
width: 280px;
}
body header .subListMenuArea .subListMenu .btns.corporate > li:nth-of-type(2n+1), body header .subListMenuArea .subListMenu .btns.partner > li:nth-of-type(2n+1) {
margin-left: 0;
}
body header .subListMenuArea .subListMenu .btns.corporate > li:nth-of-type(2n+2), body header .subListMenuArea .subListMenu .btns.partner > li:nth-of-type(2n+2) {
margin-left: 20px;
}
body header .subListMenuArea .subListMenu .btns.corporate > li:nth-of-type(n+3), body header .subListMenuArea .subListMenu .btns.partner > li:nth-of-type(n+3) {
margin-top: 20px;
}
body header .subListMenuArea .subListMenu .thums > li a {
display: block;
}
body header .subListMenuArea .subListMenu .thums > li a:hover {
opacity: 0.6;
}
body header .subListMenuArea .subListMenu .thums > li figure {
display: block;
}
body header .subListMenuArea .subListMenu .thums > li figure figcaption {
color: #0B6F24;
font-size: 12px;
margin-top: 8px;
}
body header .subListMenuArea .subListMenu #projects .title {
font-weight: 900;
color: #328D61;
font-size: 18px;
}
body header .subListMenuArea .subListMenu #projects .title .small {
font-family: "Lato", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", "メイリオ", "Meiryo", sans-serif;
letter-spacing: 0.03em;
font-weight: 700;
margin-left: 1em;
font-size: 12px;
}
body header .subListMenuArea .subListMenu #projects .testLinks {
margin-top: 7px;
}
@media only screen and (min-width: 769px) {
body header .subListMenuArea .subListMenu #projects .testLinks > li::before {
content: "●";
}
}
body header .subListMenuArea .subListMenu #projects .testLinks > li, body header .subListMenuArea .subListMenu #projects .testLinks > li a {
font-size: 12px;
line-height: 1.5;
}
body header .subListMenuArea .subListMenu #projects .testLinks > li .inlineLink, body header .subListMenuArea .subListMenu #projects .testLinks > li a {
color: #0B6F24;
}
body header .subListMenuArea .subListMenu #projects .testLinks > li a {
text-decoration: underline;
}
body header .subListMenuArea .subListMenu #projects .testLinks > li .inlineLink::before, body header .subListMenuArea .subListMenu #projects .testLinks > li .inlineLink:nth-last-child(1)::after {
content: "｜ ";
}
body header .breadcrumArea {
border-top: 1px solid #DDDDDD;
}
@media only screen and (min-width: 769px) {
body header .breadcrumArea {
padding: 14px 30px;
border-bottom: 1px solid #DDDDDD;
}
}
@media only screen and (max-width: 769px) {
body header .breadcrumArea {
padding: 13px 5%;
display: none;
}
}
body header .breadcrumArea .breadcrum {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
@media only screen and (min-width: 769px) {
body header .breadcrumArea .breadcrum {
font-size: 12px;
}
}
@media only screen and (max-width: 769px) {
body header .breadcrumArea .breadcrum {
font-size: 10px;
}
}
body header .breadcrumArea .breadcrum > li:nth-of-type(n+2) {
padding-left: 10px;
margin-left: 10px;
}
body header .breadcrumArea .breadcrum > li:nth-of-type(n+2)::before {
content: "";
width: 4.6px;
height: 8px;
background: url(//www.matsumura-gumi.co.jp/wp-content/themes/matsumura/assets/images/common/icon_arrow.svg) no-repeat;
background-position: center center;
background-size: contain;
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
}
body header .breadcrumArea .breadcrum > li a {
text-decoration: underline;
color: #1571DA;
}
body header .breadcrumArea .breadcrum > li a:hover {
opacity: 0.6;
}
@media only screen and (min-width: 769px) {
body header .breadcrumArea .breadcrum > li a {
font-size: 12px;
}
}
@media only screen and (max-width: 769px) {
body header .breadcrumArea .breadcrum > li a {
font-size: 10px;
}
}
body.top header .breadcrumArea {
display: none;
}
body.navOpen {
overflow: hidden;
}
@media only screen and (max-width: 769px) {
body.navOpen header .headerNav .navArea {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
body.navOpen header .headerNav #navBtn {
background: none;
}
body.navOpen header .headerNav #navBtn span {
height: 2px;
background-color: #222222;
}
body.navOpen header .headerNav #navBtn span:nth-of-type(1) {
-webkit-transform: translateY(0) rotate(45deg);
transform: translateY(0) rotate(45deg);
}
body.navOpen header .headerNav #navBtn span:nth-of-type(2) {
opacity: 0;
}
body.navOpen header .headerNav #navBtn span:nth-of-type(3) {
-webkit-transform: translateY(0) rotate(-45deg);
transform: translateY(0) rotate(-45deg);
}
body.navOpen header .headerNav #navBtn span::before {
content: none;
}
@media only screen and (max-width: 769px) {
body header .headerNav .navArea nav .navList > li .link a, body header .headerNav .navArea nav .navList > li .link a::after, body header .headerNav .navArea nav .navList > li .link + .subList {
-webkit-transition: 0.3s;
transition: 0.3s;
}
}
@media only screen and (max-width: 769px) {
body header .headerNav .navArea nav .navList > li.open .link a {
color: #FFF;
background-color: #83B590;
}
}
@media only screen and (max-width: 769px) {
body header .headerNav .navArea nav .navList > li.open .link a::after {
background-image: url(//www.matsumura-gumi.co.jp/wp-content/themes/matsumura/assets/images/common/icon_arrow_white.svg);
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg);
}
}
body footer {
border-top: 1px solid #000;
}
@media only screen and (min-width: 769px) {
body footer {
padding-top: 70px;
}
}
@media only screen and (max-width: 769px) {
body footer {
padding-top: 45px;
}
}
@media only screen and (max-width: 769px) {
body footer .bannerArea {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
@media only screen and (min-width: 769px) {
body footer .bannerArea a {
width: 760px;
display: block;
margin: 0 auto;
}
body footer .bannerArea a:hover {
opacity: 0.6;
}
}
@media only screen and (min-width: 769px) {
body footer .bannerArea figure {
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
}
@media only screen and (max-width: 769px) {
body footer .bannerArea figure {
max-width: 265px;
}
}
body footer .navArea {
background-color: #DBDBDB;
}
@media only screen and (min-width: 769px) {
body footer .navArea {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 30px 60px;
margin-top: 60px;
}
}
@media only screen and (max-width: 769px) {
body footer .navArea {
padding: 30px 5%;
margin-top: 30px;
}
}
@media only screen and (min-width: 769px) {
body footer .navArea .navAreaInner {
width: calc(100% - 154px - 38px);
}
}
@media only screen and (max-width: 769px) {
body footer .navArea .navAreaInner {
display: none;
}
}
@media only screen and (min-width: 769px) {
body footer .navArea .navAreaInner .navListTop {
height: 100%;
}
}
@media only screen and (min-width: 769px) {
body footer .navArea .navAreaInner .navListTop .navList {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
}
@media only screen and (min-width: 769px) {
body footer .navArea .navAreaInner .navListTop .navList > li:nth-of-type(n+2) {
margin-left: 20px;
}
}
body footer .navArea .navAreaInner .navListTop .navList > li .link a {
font-size: 14px;
font-weight: bold;
padding-left: 10px;
}
body footer .navArea .navAreaInner .navListTop .navList > li .link a::before {
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 6px 0 6px 6px;
border-color: transparent transparent transparent #0B6F24;
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
}
body footer .navArea .navAreaInner .navListTop .navList > li .link a:hover {
color: #23923F;
}
body footer .navArea .navAreaInner .navListTop .navList > li .link + .subList {
width: 0;
height: 0;
display: block;
z-index: -99999;
pointer-events: none;
overflow: hidden;
padding: 0;
margin: 0;
}
body footer .navArea .navAreaInner .navListTop .subListMenuArea {
width: 100%;
background-color: #FFF;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 0;
overflow: hidden;
}
body footer .navArea .navAreaInner .navListTop .subListMenuArea.open {
height: auto;
padding: 8px 0 12px;
margin-top: 10px;
}
body footer .navArea .navAreaInner .navListTop .subListMenuArea .subListMenu .subListLink {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
body footer .navArea .navAreaInner .navListTop .subListMenuArea .subListMenu .subListLink > li:nth-of-type(n+2)::before {
content: "　｜　";
}
body footer .navArea .navAreaInner .navListTop .subListMenuArea .subListMenu .subListLink > li, body footer .navArea .navAreaInner .navListTop .subListMenuArea .subListMenu .subListLink > li a {
font-size: 13px;
}
body footer .navArea .navAreaInner .navListTop .subListMenuArea .subListMenu .subListLink > li a:hover {
color: #23923F;
}
body footer .navArea .navAreaInner .navListTop .subListMenuArea .subListMenu .subListLink > li .inlineLink::before, body footer .navArea .navAreaInner .navListTop .subListMenuArea .subListMenu .subListLink > li .inlineLink:nth-last-child(1)::after {
content: "｜";
}
body footer .navArea .navAreaInner .navListTop .subListMenuArea .subListMenu .subListLink > li .inlineLink a {
color: #338C60;
text-decoration: underline;
padding: 0 0.4em;
}
@media only screen and (min-width: 769px) {
body footer .navArea .navAreaInner .navListBot .navList {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
margin-top: 30px;
}
}
@media only screen and (min-width: 769px) {
body footer .navArea .navAreaInner .navListBot .navList > li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding-bottom: 3px;
}
}
@media only screen and (min-width: 769px) {
body footer .navArea .navAreaInner .navListBot .navList > li:nth-of-type(n+2) {
padding-left: 20px;
margin-left: 20px;
}
}
body footer .navArea .navAreaInner .navListBot .navList > li:nth-of-type(n+2)::before {
width: 1px;
height: 0.8em;
background-color: #222222;
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
}
@media only screen and (min-width: 769px) {
body footer .navArea .navAreaInner .navListBot .navList > li:nth-of-type(n+2)::before {
content: "";
}
}
body footer .navArea .navAreaInner .navListBot .navList > li a:hover {
opacity: 0.6;
}
@media only screen and (min-width: 769px) {
body footer .navArea .navAreaInner .navListBot .navList > li a {
font-size: 12px;
}
}
@media only screen and (min-width: 769px) {
body footer .navArea .goOnArea {
width: 154px;
}
}
@media only screen and (max-width: 769px) {
body footer .navArea .goOnArea {
width: 45.33%;
max-width: 170px;
margin: 0 auto;
}
}
@media only screen and (min-width: 769px) {
body footer .smallArea {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
height: 100px;
padding: 0 60px;
}
}
@media only screen and (max-width: 769px) {
body footer .smallArea {
padding: 34px 0 74px;
}
}
@media only screen and (max-width: 769px) {
body footer .smallArea p {
text-align: center;
}
}
body footer .smallArea p small {
font-family: "Lato", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", "メイリオ", "Meiryo", sans-serif;
letter-spacing: 0.03em;
line-height: 1.5;
letter-spacing: 0.05em;
}
@media only screen and (min-width: 769px) {
body footer .smallArea p small {
font-size: 10px;
}
}
@media only screen and (max-width: 769px) {
body footer .smallArea p small {
font-size: 12px;
}
}
body .kvArea {
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media only screen and (min-width: 769px) {
body .kvArea {
height: 430px;
}
}
@media only screen and (max-width: 769px) {
body .kvArea {
height: 105px;
}
}
@media only screen and (min-width: 769px) {
body .kvArea.technology {
background-image: url(//www.matsumura-gumi.co.jp/wp-content/themes/matsumura/assets/images/technology/bg.jpg);
}
}
@media only screen and (max-width: 769px) {
body .kvArea.technology {
background-image: url(//www.matsumura-gumi.co.jp/wp-content/themes/matsumura/assets/images/technology/bg_mb.jpg);
}
}
@media only screen and (min-width: 769px) {
body .kvArea.gallery {
background-image: url(//www.matsumura-gumi.co.jp/wp-content/themes/matsumura/assets/images/gallery/bg.jpg);
}
}
@media only screen and (max-width: 769px) {
body .kvArea.gallery {
background-image: url(//www.matsumura-gumi.co.jp/wp-content/themes/matsumura/assets/images/gallery/bg_mb.jpg);
}
}
@media only screen and (min-width: 769px) {
body .kvArea.projects {
background-image: url(//www.matsumura-gumi.co.jp/wp-content/themes/matsumura/assets/images/projects/bg.jpg);
}
}
@media only screen and (max-width: 769px) {
body .kvArea.projects {
background-image: url(//www.matsumura-gumi.co.jp/wp-content/themes/matsumura/assets/images/projects/bg_mb.jpg);
}
}
@media only screen and (min-width: 769px) {
body .kvArea.corporate {
background-image: url(//www.matsumura-gumi.co.jp/wp-content/themes/matsumura/assets/images/corporate/bg.jpg);
}
}
@media only screen and (max-width: 769px) {
body .kvArea.corporate {
background-image: url(//www.matsumura-gumi.co.jp/wp-content/themes/matsumura/assets/images/corporate/bg_mb.jpg);
}
}
@media only screen and (min-width: 769px) {
body .kvArea.sustainability {
background-image: url(//www.matsumura-gumi.co.jp/wp-content/themes/matsumura/assets/images/sustainability/bg.jpg);
}
}
@media only screen and (max-width: 769px) {
body .kvArea.sustainability {
background-image: url(//www.matsumura-gumi.co.jp/wp-content/themes/matsumura/assets/images/sustainability/bg_mb.jpg);
}
}
@media only screen and (min-width: 769px) {
body .kvArea.partner {
background-image: url(//www.matsumura-gumi.co.jp/wp-content/themes/matsumura/assets/images/partner/bg.jpg);
}
}
@media only screen and (max-width: 769px) {
body .kvArea.partner {
background-image: url(//www.matsumura-gumi.co.jp/wp-content/themes/matsumura/assets/images/partner/bg_mb.jpg);
}
}
@media only screen and (min-width: 769px) {
body .kvArea.news {
background-image: url(//www.matsumura-gumi.co.jp/wp-content/themes/matsumura/assets/images/news/bg.jpg);
}
}
@media only screen and (max-width: 769px) {
body .kvArea.news {
background-image: url(//www.matsumura-gumi.co.jp/wp-content/themes/matsumura/assets/images/news/bg_mb.jpg);
}
}
@media only screen and (min-width: 769px) {
body .kvArea.contact {
background-image: url(//www.matsumura-gumi.co.jp/wp-content/themes/matsumura/assets/images/contact/bg.jpg);
}
}
@media only screen and (max-width: 769px) {
body .kvArea.contact {
background-image: url(//www.matsumura-gumi.co.jp/wp-content/themes/matsumura/assets/images/contact/bg_mb.jpg);
}
}
@media only screen and (min-width: 769px) {
body .kvArea.privacy {
background-image: url(//www.matsumura-gumi.co.jp/wp-content/themes/matsumura/assets/images/privacy/bg.jpg);
}
}
@media only screen and (max-width: 769px) {
body .kvArea.privacy {
background-image: url(//www.matsumura-gumi.co.jp/wp-content/themes/matsumura/assets/images/privacy/bg_mb.jpg);
}
}
body .kvArea .text {
color: #FFF;
text-align: center;
}
@media only screen and (max-width: 769px) {
body .kvArea .text {
width: 100%;
}
}
body .kvArea .text .en {
font-weight: bold;
}
@media only screen and (min-width: 769px) {
body .kvArea .text .en {
font-family: "Lato", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", "メイリオ", "Meiryo", sans-serif;
letter-spacing: 0.03em;
font-weight: 900;
font-size: 25px;
}
}
@media only screen and (max-width: 769px) {
body .kvArea .text .en {
font-family: "Lato", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", "メイリオ", "Meiryo", sans-serif;
letter-spacing: 0.03em;
font-weight: 900;
font-size: 15px;
}
}
body .kvArea .text .jp {
font-weight: bold;
}
@media only screen and (min-width: 769px) {
body .kvArea .text .jp {
font-size: 45px;
}
}
@media only screen and (max-width: 769px) {
body .kvArea .text .jp {
font-size: 22px;
margin-top: -5px;
}
}
body .kvArea .text .cat {
font-weight: bold;
}
@media only screen and (min-width: 769px) {
body .kvArea .text .cat {
max-width: 650px;
background-color: #23923F;
padding: 30px;
}
}
@media only screen and (max-width: 769px) {
body .kvArea .text .cat {
color: #23923F;
background-color: rgba(35, 146, 63, 0.05);
padding: 26px 5% 20px;
}
body .kvArea .text .cat::after {
content: "";
width: 90%;
height: 1px;
display: block;
background-color: #83B590;
position: absolute;
bottom: 0;
left: 5%;
}
}
@media only screen and (min-width: 769px) {
body .kvArea .text .cat .date {
font-size: 14px;
}
}
@media only screen and (max-width: 769px) {
body .kvArea .text .cat .date {
font-size: 13px;
}
}
@media only screen and (min-width: 769px) {
body .kvArea .text .cat h2 {
font-size: 28px;
}
}
@media only screen and (max-width: 769px) {
body .kvArea .text .cat h2 {
font-size: 22px;
padding: 0 30px;
margin-top: 10px;
}
}
body .kvArea .text .cat .tax {
width: 120px;
font-size: 12px;
color: #23923F;
background-color: #FFF;
margin: 15px auto 0;
}
@media only screen and (min-width: 769px) {
body .kvArea .text .cat .tax {
padding: 4px 0;
}
}
@media only screen and (max-width: 769px) {
body .kvArea .text .cat .tax {
color: #FFF;
background-color: #23923F;
}
}
@media only screen and (max-width: 769px) {
body .kvArea.technology {
height: 90px;
}
}
@media only screen and (max-width: 769px) {
body .kvArea.partner {
height: 90px;
}
}
@media only screen and (max-width: 769px) {
body .kvArea.projects {
height: 90px;
}
}
@media only screen and (max-width: 769px) {
body .kvArea.contact {
height: 84px;
}
}
@media only screen and (max-width: 769px) {
body .kvArea.projects .text .en {
font-size: 10px;
}
}
@media only screen and (min-width: 769px) {
body .kvArea.projects .text .jp {
font-size: 65px;
}
}
@media only screen and (max-width: 769px) {
body .kvArea.projects .text .jp {
font-size: 22px;
}
}
body .kvArea.corporate .text, body .kvArea.sustainability .text {
color: #0B6F24;
}
body .kvArea.news .text .en, body .kvArea.news .text .jp {
color: #0B6F24;
}
body .kvArea.contact .text {
color: #004612;
}
@media only screen and (min-width: 769px) {
body.technology.kiso_jiban .kvArea.technology {
background: url(//www.matsumura-gumi.co.jp/wp-content/themes/matsumura/assets/images/technology/bg01.jpg) no-repeat;
background-position: center center;
background-size: contain;
background-size: cover;
}
}
@media only screen and (min-width: 769px) {
body.technology.kankyo .kvArea.technology {
background: url(//www.matsumura-gumi.co.jp/wp-content/themes/matsumura/assets/images/technology/bg02.jpg) no-repeat;
background-position: center center;
background-size: contain;
background-size: cover;
}
}
@media only screen and (min-width: 769px) {
body.technology.env .kvArea.technology {
background: url(//www.matsumura-gumi.co.jp/wp-content/themes/matsumura/assets/images/technology/bg03.jpg) no-repeat;
background-position: center center;
background-size: contain;
background-size: cover;
}
}
@media only screen and (min-width: 769px) {
body.news.live .kvArea .text .cat {
background-color: #EF8D08;
}
body.news.live .kvArea .text .cat .tax {
color: #EF8D08;
}
}
@media only screen and (max-width: 769px) {
body.news.live .kvArea .text .cat {
color: #EF8D08;
background-color: rgba(239, 141, 8, 0.05);
}
body.news.live .kvArea .text .cat::after {
background-color: #EF8D08;
}
body.news.live .kvArea .text .cat .tax {
background-color: #EF8D08;
}
}
@media only screen and (min-width: 769px) {
body.news.ir .kvArea .text .cat {
background-color: #C11414;
}
body.news.ir .kvArea .text .cat .tax {
color: #C11414;
}
}
@media only screen and (max-width: 769px) {
body.news.ir .kvArea .text .cat {
color: #C11414;
background-color: rgba(193, 20, 20, 0.05);
}
body.news.ir .kvArea .text .cat::after {
background-color: #C11414;
}
body.news.ir .kvArea .text .cat .tax {
background-color: #C11414;
}
}
@media only screen and (min-width: 769px) {
body.news.partner .kvArea .text .cat {
background-color: #1571DA;
}
}
@media only screen and (max-width: 769px) {
body.news.partner .kvArea .text .cat {
color: #1571DA;
background-color: rgba(21, 113, 218, 0.05);
}
body.news.partner .kvArea .text .cat::after {
background-color: #1571DA;
}
}
@media only screen and (min-width: 769px) {
body.news.partner .kvArea .text .cat .tax {
color: #1571DA;
}
}
@media only screen and (max-width: 769px) {
body.news.partner .kvArea .text .cat .tax {
color: #fff;
background-color: #1571DA;
}
}
body.news.single .kvArea {
height: auto;
}
@media only screen and (min-width: 769px) {
body.news.single .kvArea {
padding: 90px 0;
}
}
@media only screen and (max-width: 769px) {
body.news.single .kvArea {
background: none;
}
}
body.news.single .kvArea .text .en, body.news.single .kvArea .text .jp {
display: none;
}
@media only screen and (min-width: 769px) {
body .withPageNav {
margin-top: 85px;
}
}
@media only screen and (max-width: 769px) {
body .withPageNav {
margin-top: 30px;
}
}
body .withPageNav .withPageNavContainer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media only screen and (min-width: 769px) {
body .withPageNav .withPageNavContainer {
width: 1200px;
margin: 0 auto;
}
body .withPageNav .withPageNavContainer .navArea {
width: 250px;
}
body .withPageNav .withPageNavContainer #post {
width: calc(100% - 250px - 50px);
}
}
@media only screen and (max-width: 769px) {
body .withPageNav .navArea {
width: 0;
height: 0;
display: block;
z-index: -99999;
pointer-events: none;
overflow: hidden;
padding: 0;
margin: 0;
position: absolute;
top: 0;
left: 0;
}
}
body .withPageNav .navArea .nav {
background-color: #D3E6D8;
position: -webkit-sticky;
position: sticky;
top: 0;
left: 0;
width: 250px;
padding: 30px;
}
body .withPageNav .navArea .nav .pages:nth-last-of-type(n+2), body .withPageNav .navArea .nav .heads:nth-last-of-type(n+2) {
padding-bottom: 20px;
}
body .withPageNav .navArea .nav .pages:nth-of-type(n+2), body .withPageNav .navArea .nav .heads:nth-of-type(n+2) {
border-top: 1px solid #004612;
padding-top: 20px;
}
body .withPageNav .navArea .nav .pages > li:nth-of-type(n+2), body .withPageNav .navArea .nav .heads > li:nth-of-type(n+2) {
margin-top: 14px;
}
body .withPageNav .navArea .nav .pages > li.sub:nth-of-type(n+2), body .withPageNav .navArea .nav .heads > li.sub:nth-of-type(n+2) {
margin-top: 5px;
}
body .withPageNav .navArea .nav .pages > li.sub, body .withPageNav .navArea .nav .heads > li.sub {
padding-left: 14px;
}
body .withPageNav .navArea .nav .pages > li a, body .withPageNav .navArea .nav .heads > li a {
font-weight: bold;
color: #004612;
font-size: 14px;
}
body .withPageNav .navArea .nav .pages > li a:hover, body .withPageNav .navArea .nav .heads > li a:hover {
color: #23923F;
text-decoration: underline;
}
body .withPageNav .navArea .nav .pages > li a .small, body .withPageNav .navArea .nav .heads > li a .small {
font-size: 11px;
}
body .withPageNav .navArea .nav .pages > li.current a, body .withPageNav .navArea .nav .heads > li.current a {
color: #23923F;
text-decoration: underline;
}
@media only screen and (max-width: 769px) {
body .withPageNav #post {
width: 100%;
}
}
@media only screen and (min-width: 769px) {
body .withPageNav #post h2 {
font-size: 28px;
font-weight: bold;
color: #004612;
padding-bottom: 10px;
margin-bottom: 60px;
}
body .withPageNav #post h2::before, body .withPageNav #post h2::after {
content: "";
height: 2px;
display: block;
position: absolute;
bottom: 0;
left: 0;
}
body .withPageNav #post h2::before {
width: 100%;
background-color: #83B590;
}
body .withPageNav #post h2::after {
width: 40px;
background-color: #004612;
}
}
@media only screen and (max-width: 769px) {
body .withPageNav #post h2 {
font-size: 26px;
line-height: 1.846;
color: #004612;
background-color: #D3E6D8;
padding: 11px 5%;
}
}
@media only screen and (max-width: 769px) {
body .withPageNav #post .postContainer {
width: 90%;
margin: 0 auto;
}
}
body .withPageNav #post h3 {
font-size: 28px;
font-weight: bold;
color: #004612;
padding-bottom: 10px;
margin-bottom: 60px;
font-weight: bold;
color: #23923F;
font-size: 28px;
padding-bottom: 10px;
}
body .withPageNav #post h3::before, body .withPageNav #post h3::after {
content: "";
height: 2px;
display: block;
position: absolute;
bottom: 0;
left: 0;
}
body .withPageNav #post h3::before {
width: 100%;
background-color: #83B590;
}
body .withPageNav #post h3::after {
width: 40px;
background-color: #004612;
}
@media only screen and (min-width: 769px) {
body .withPageNav #post h3 {
margin-top: 50px;
margin-bottom: 40px;
}
}
@media only screen and (max-width: 769px) {
body .withPageNav #post h3 {
margin-top: 64px;
margin-bottom: 30px;
}
}
@media only screen and (max-width: 769px) {
body .withPageNav #post h3:nth-of-type(1) {
margin-top: 20px;
}
}
body .withPageNav #post h3.hidden {
width: 0;
height: 0;
display: block;
z-index: -99999;
pointer-events: none;
overflow: hidden;
padding: 0;
margin: 0;
}
body .withPageNav #post h4 {
color: #23923F;
font-size: 28px;
margin-top: 30px;
}
body .withPageNav #post h4.small {
color: #004612;
font-size: 20px;
}
body .withPageNav #post h4.small .small {
font-size: 16px;
font-weight: normal;
color: #222222;
}
@media only screen and (min-width: 769px) {
body .withPageNav #post h4.small .small {
margin-left: 1em;
}
}
@media only screen and (max-width: 769px) {
body .withPageNav #post h4.small .small {
display: block;
}
}
body .withPageNav #post h4 + figure {
margin-top: 20px;
}
@media only screen and (min-width: 769px) {
body .withPageNav #post figure {
margin-top: 40px;
}
}
@media only screen and (max-width: 769px) {
body .withPageNav #post figure {
margin-top: 30px;
}
}
body .withPageNav #post p {
line-height: 2;
margin-top: 30px;
}
@media only screen and (max-width: 769px) {
body .withPageNav #post .extLinkArea {
line-height: 1.571;
text-align: center;
}
}
body .withPageNav #post .flex {
margin-top: 30px;
}
@media only screen and (min-width: 769px) {
body .withPageNav #post .flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
@media only screen and (min-width: 769px) {
body .withPageNav #post .flex p, body .withPageNav #post .flex figure, body .withPageNav #post .flex h4 {
margin-top: 0;
}
}
@media only screen and (max-width: 769px) {
body .withPageNav #post .flex:nth-child(1) {
margin-top: 0;
}
}
body .withPageNav #post .feature {
background-color: #FDFFF5;
border-top: 2px solid #23923F;
border-bottom: 2px solid #23923F;
}
@media only screen and (min-width: 769px) {
body .withPageNav #post .feature {
padding: 55px 15px 50px 30px;
margin-top: 40px;
}
}
@media only screen and (max-width: 769px) {
body .withPageNav #post .feature {
padding: 47px 20px 40px 20px;
margin-top: 35px;
}
}
body .withPageNav #post .feature::before {
content: "特徴";
font-weight: bold;
color: #fff;
background-color: #23923F;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: absolute;
top: -1px;
left: 0;
width: 82px;
height: 34px;
border-radius: 0 0 10px 0;
}
body .withPageNav #post .feature > ul, body .withPageNav #post .feature > dl, body .withPageNav #post .feature .flex > ul, body .withPageNav #post .feature .flex > dl {
font-size: 15px;
}
body .withPageNav #post .feature > ul > li:nth-of-type(n+2), body .withPageNav #post .feature > ul > dt:nth-of-type(n+2), body .withPageNav #post .feature > dl > li:nth-of-type(n+2), body .withPageNav #post .feature > dl > dt:nth-of-type(n+2), body .withPageNav #post .feature .flex > ul > li:nth-of-type(n+2), body .withPageNav #post .feature .flex > ul > dt:nth-of-type(n+2), body .withPageNav #post .feature .flex > dl > li:nth-of-type(n+2), body .withPageNav #post .feature .flex > dl > dt:nth-of-type(n+2) {
margin-top: 20px;
}
body .withPageNav #post .feature > ul > li::before, body .withPageNav #post .feature > ul > dt::before, body .withPageNav #post .feature > dl > li::before, body .withPageNav #post .feature > dl > dt::before, body .withPageNav #post .feature .flex > ul > li::before, body .withPageNav #post .feature .flex > ul > dt::before, body .withPageNav #post .feature .flex > dl > li::before, body .withPageNav #post .feature .flex > dl > dt::before {
content: "●";
font-size: 15px;
color: #0B6F24;
}
body .withPageNav #post .feature > ul > li.noDot::before, body .withPageNav #post .feature > ul > dt.noDot::before, body .withPageNav #post .feature > dl > li.noDot::before, body .withPageNav #post .feature > dl > dt.noDot::before, body .withPageNav #post .feature .flex > ul > li.noDot::before, body .withPageNav #post .feature .flex > ul > dt.noDot::before, body .withPageNav #post .feature .flex > dl > li.noDot::before, body .withPageNav #post .feature .flex > dl > dt.noDot::before {
content: none;
}
body .withPageNav #post .feature > ul > dt, body .withPageNav #post .feature > dl > dt, body .withPageNav #post .feature .flex > ul > dt, body .withPageNav #post .feature .flex > dl > dt {
font-weight: bold;
color: #0B6F24;
}
body .withPageNav #post .feature > ul > dd p:nth-of-type(1), body .withPageNav #post .feature > dl > dd p:nth-of-type(1), body .withPageNav #post .feature .flex > ul > dd p:nth-of-type(1), body .withPageNav #post .feature .flex > dl > dd p:nth-of-type(1) {
margin-top: 0;
}
body .withPageNav #post .feature > ul > dd .flex, body .withPageNav #post .feature > dl > dd .flex, body .withPageNav #post .feature .flex > ul > dd .flex, body .withPageNav #post .feature .flex > dl > dd .flex {
margin-top: 25px;
}
@media only screen and (min-width: 769px) {
body .withPageNav #post .feature .flex > ul, body .withPageNav #post .feature .flex > dl, body .withPageNav #post .feature .flex > figure, body .withPageNav #post .feature .flex > p {
margin-top: 0;
}
}
@media only screen and (min-width: 769px) {
body .withPageNav #post .flex.type01 p {
width: 61.111%;
}
body .withPageNav #post .flex.type01 figure {
width: 34.444%;
}
body .withPageNav #post .flex#tec01_fig03 p {
width: 33.575%;
}
body .withPageNav #post .flex#tec01_fig03 figure {
width: 61.939%;
}
body .withPageNav #post .flex#tec01_fig04 p {
width: 61.111%;
}
body .withPageNav #post .flex#tec01_fig04 figure {
width: 34.444%;
}
body .withPageNav #post .flex#tec01_fig04 p {
width: 61.111%;
}
body .withPageNav #post .flex#tec01_fig04 figure {
width: 34.444%;
}
body .withPageNav #post .flex#tec01_fig07 p {
width: 79%;
}
body .withPageNav #post .flex#tec01_fig07 figure {
width: 16.666%;
}
body .withPageNav #post .flex#tec03_fig03 p {
width: 47.555%;
}
body .withPageNav #post .flex#tec03_fig03 figure {
width: 49%;
}
body .withPageNav #post .flex#tec03_fig07 p {
width: 43.976%;
}
body .withPageNav #post .flex#tec03_fig07 figure {
width: 51.578%;
}
body .withPageNav #post .flex#tec03_fig04 p {
width: 50%;
}
body .withPageNav #post .flex#tec03_fig04 figure {
width: 47.777%;
}
body .withPageNav #post .flex#tec04_fig05 .text {
width: 25.222%;
}
body .withPageNav #post .flex#tec04_fig05 figure {
width: 71.444%;
}
body .withPageNav #post .flex#tec04_fig05 p {
margin-top: 15px;
}
body .withPageNav #post .flex#tec04_fig06 .text {
width: 25.222%;
}
body .withPageNav #post .flex#tec04_fig06 figure {
width: 71.444%;
}
body .withPageNav #post .flex#tec04_fig06 p {
margin-top: 15px;
}
body .withPageNav #post .flex#tec05_fig01 p, body .withPageNav #post .flex#tec05_fig02 p, body .withPageNav #post .flex#tec05_fig03 p, body .withPageNav #post .flex#tec05_fig04 p, body .withPageNav #post .flex#tec06_fig01 p {
width: 61.111%;
}
body .withPageNav #post .flex#tec05_fig01 figure, body .withPageNav #post .flex#tec05_fig02 figure, body .withPageNav #post .flex#tec05_fig03 figure, body .withPageNav #post .flex#tec05_fig04 figure, body .withPageNav #post .flex#tec06_fig01 figure {
width: 34.444%;
}
}
body .withPageNav #post .feature > ul#tec03_feature03 .emph, body .withPageNav #post .feature > dl#tec03_feature03 .emph, body .withPageNav #post .feature .flex > ul#tec03_feature03 .emph, body .withPageNav #post .feature .flex > dl#tec03_feature03 .emph {
font-weight: bold;
color: #0B6F24;
margin-top: 20px;
}
@media only screen and (min-width: 769px) {
body .withPageNav #post .feature > ul#tec03_feature03 figure, body .withPageNav #post .feature > dl#tec03_feature03 figure, body .withPageNav #post .feature .flex > ul#tec03_feature03 figure, body .withPageNav #post .feature .flex > dl#tec03_feature03 figure {
margin-top: 5px;
}
}
@media only screen and (max-width: 769px) {
body .withPageNav #post .feature > ul#tec03_feature03 figure, body .withPageNav #post .feature > dl#tec03_feature03 figure, body .withPageNav #post .feature .flex > ul#tec03_feature03 figure, body .withPageNav #post .feature .flex > dl#tec03_feature03 figure {
margin-top: 20px;
}
}
body .withPageNav #post .feature > ul#tec05_feature01 p, body .withPageNav #post .feature > dl#tec05_feature01 p, body .withPageNav #post .feature .flex > ul#tec05_feature01 p, body .withPageNav #post .feature .flex > dl#tec05_feature01 p {
line-height: 1.533;
}
body .withPageNav #post .feature > ul#tec05_feature01 p .emph, body .withPageNav #post .feature > dl#tec05_feature01 p .emph, body .withPageNav #post .feature .flex > ul#tec05_feature01 p .emph, body .withPageNav #post .feature .flex > dl#tec05_feature01 p .emph {
font-weight: bold;
color: #23923F;
}
body .withPageNav #post .feature > ul#tec05_feature01 p:nth-of-type(2), body .withPageNav #post .feature > dl#tec05_feature01 p:nth-of-type(2), body .withPageNav #post .feature .flex > ul#tec05_feature01 p:nth-of-type(2), body .withPageNav #post .feature .flex > dl#tec05_feature01 p:nth-of-type(2) {
margin-top: 20px;
}
body .withPageNav #post .feature > ul#tec05_feature01 p:nth-of-type(n+3), body .withPageNav #post .feature > dl#tec05_feature01 p:nth-of-type(n+3), body .withPageNav #post .feature .flex > ul#tec05_feature01 p:nth-of-type(n+3), body .withPageNav #post .feature .flex > dl#tec05_feature01 p:nth-of-type(n+3) {
margin-top: 10px;
}
@media only screen and (min-width: 769px) {
body .newsListArea {
margin-top: 60px;
}
}
@media only screen and (max-width: 769px) {
body .newsListArea {
margin-top: 13px;
}
}
body .newsListArea .newsList > li {
border-top: 1px solid #DDDDDD;
}
@media only screen and (min-width: 769px) {
body .newsListArea .newsList > li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
padding: 20px 60px 20px 0;
}
}
@media only screen and (max-width: 769px) {
body .newsListArea .newsList > li {
padding: 18px 0 14px;
}
}
body .newsListArea .newsList > li:nth-last-of-type(1) {
border-bottom: 1px solid #DDDDDD;
}
@media only screen and (min-width: 769px) {
body .newsListArea .newsList > li .newsInfo {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
}
@media only screen and (max-width: 769px) {
body .newsListArea .newsList > li .newsInfo {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
body .newsListArea .newsList > li .newsInfo .date {
font-family: "Roboto", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", "メイリオ", "Meiryo", sans-serif;
font-size: 14px;
font-weight: bold;
}
@media only screen and (min-width: 769px) {
body .newsListArea .newsList > li .newsInfo .date {
width: 130px;
}
}
body .newsListArea .newsList > li .newsInfo .tag {
width: 120px;
text-align: center;
color: #FFF;
}
@media only screen and (min-width: 769px) {
body .newsListArea .newsList > li .newsInfo .tag {
font-size: 12px;
padding: 4px 0;
margin-right: 30px;
}
}
@media only screen and (max-width: 769px) {
body .newsListArea .newsList > li .newsInfo .tag {
font-size: 12px;
}
}
body .newsListArea .newsList > li .newsInfo .tag.news {
background-color: #23923F;
}
body .newsListArea .newsList > li .newsInfo .tag.live {
background-color: #EF8D08;
}
body .newsListArea .newsList > li .newsInfo .tag.ir {
background-color: #C11414;
}
body .newsListArea .newsList > li .newsInfo .tag.partner {
background-color: #1571DA;
}
@media only screen and (max-width: 769px) {
body .newsListArea .newsList > li .title {
padding-right: 20px;
margin-top: 16px;
}
}
body .newsListArea .newsList > li .title a {
text-decoration: underline;
}
body .newsListArea .newsList > li .title a:hover {
opacity: 0.6;
}
body .newsListArea .newsList > li .arrow {
position: absolute;
top: 0;
bottom: 0;
right: 0;
margin: auto;
width: 20px;
height: 13px;
}
@media only screen and (min-width: 769px) {
body .newsListArea .newsList > li .arrow {
width: 20px;
height: 13px;
}
}
@media only screen and (max-width: 769px) {
body .newsListArea .newsList > li .arrow {
width: 18px;
height: 12px;
}
}
body .newsListArea .newsList > li .arrow a {
background: url(//www.matsumura-gumi.co.jp/wp-content/themes/matsumura/assets/images/common/icon_arrow_bar.svg) no-repeat;
background-position: center center;
background-size: contain;
display: block;
width: 100%;
height: 100%;
}
body .newsListArea .newsList > li .arrow a:hover {
opacity: 0.6;
}
body .relateditemArea {
background-color: rgba(193, 211, 202, 0.3);
}
@media only screen and (min-width: 769px) {
body .relateditemArea {
padding: 85px 0 77px;
}
}
@media only screen and (max-width: 769px) {
body .relateditemArea {
padding: 28px 0 48px;
}
}
body .relateditemArea .relatedItem:nth-of-type(n+2) {
border-top: 2px solid #8AB8A1;
}
@media only screen and (min-width: 769px) {
body .relateditemArea .relatedItem:nth-of-type(n+2) {
padding-top: 60px;
margin-top: 60px;
}
}
@media only screen and (max-width: 769px) {
body .relateditemArea .relatedItem:nth-of-type(n+2) {
padding-top: 20px;
margin-top: 30px;
}
}
body .relateditemArea .relatedItem h2 {
font-size: 28px;
}
@media only screen and (max-width: 769px) {
body .relateditemArea .relatedItem h2 {
text-align: center;
}
}
@media only screen and (min-width: 769px) {
body .relateditemArea .relatedItem .achList {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 40px;
}
}
@media only screen and (max-width: 769px) {
body .relateditemArea .relatedItem .achList {
margin-top: 18px;
}
}
@media only screen and (min-width: 769px) {
body .relateditemArea .relatedItem .achList > li {
width: 31.666%;
}
}
@media only screen and (max-width: 769px) {
body .relateditemArea .relatedItem .achList > li:nth-of-type(n+2) {
margin-top: 30px;
}
}
body .relateditemArea .relatedItem .achList > li a {
display: block;
}
body .relateditemArea .relatedItem .achList > li a:hover {
opacity: 0.6;
}
@media only screen and (min-width: 769px) {
body .relateditemArea .relatedItem .achList > li figure {
height: 200px;
}
}
body .relateditemArea .relatedItem .achList > li .title {
font-weight: bold;
margin-top: 15px;
}
body .relateditemArea .relatedItem .achList > li .infoArea {
margin-top: 15px;
}
@media only screen and (max-width: 769px) {
body .relateditemArea .relatedItem .achList > li .infoArea {
display: none;
}
}
body .relateditemArea .relatedItem .achList > li .infoArea .info {
font-size: 12px;
line-height: 1.833;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
body .relateditemArea .relatedItem .achList > li .infoArea .info > dt {
width: 70px;
}
body .relateditemArea .relatedItem .achList > li .infoArea .info > dd {
width: calc(100% - 70px);
}
body .relateditemArea .relatedItem .achList > li .infoArea .info > dt {
color: #919191;
}
body .relateditemArea .relatedItem .achList > li .date {
color: #919191;
font-size: 12px;
margin-top: 5px;
}
@media only screen and (min-width: 769px) {
body .pagination {
margin-top: 60px;
}
}
@media only screen and (max-width: 769px) {
body .pagination {
margin-top: 70px;
}
}
body .pagination .pages {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 0 auto;
}
@media only screen and (min-width: 769px) {
body .pagination .pages {
width: 1000px;
}
}
@media only screen and (max-width: 769px) {
body .pagination .pages {
width: 90%;
}
}
body .pagination .pages > li:nth-of-type(n+2) {
margin-left: 5px;
}
body .pagination .pages > li a, body .pagination .pages > li span {
color: #23923F;
border: 1px solid #CCCCCC;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media only screen and (min-width: 769px) {
body .pagination .pages > li a, body .pagination .pages > li span {
width: 50px;
height: 50px;
font-size: 16px;
border-radius: 4px;
}
}
@media only screen and (max-width: 769px) {
body .pagination .pages > li a, body .pagination .pages > li span {
width: 40px;
height: 40px;
font-size: 12px;
border-radius: 4px;
}
}
body .pagination .pages > li span.current, body .pagination .pages > li a:hover {
color: #FFF;
background-color: #23923F;
border-color: #23923F;
}
@media only screen and (min-width: 769px) {
body .pagination .pages > li .prev {
margin-right: 40px;
}
body .pagination .pages > li .next {
margin-left: 40px;
}
}
body .pagination .pages > li .prev::before, body .pagination .pages > li .next::before {
content: "";
background: url(//www.matsumura-gumi.co.jp/wp-content/themes/matsumura/assets/images/common/icon_arrow_green.svg) no-repeat;
background-position: center center;
background-size: contain;
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
@media only screen and (min-width: 769px) {
body .pagination .pages > li .prev::before, body .pagination .pages > li .next::before {
width: 14px;
height: 14px;
}
}
@media only screen and (max-width: 769px) {
body .pagination .pages > li .prev::before, body .pagination .pages > li .next::before {
width: 10px;
height: 10px;
}
}
body .pagination .pages > li .prev:hover::before, body .pagination .pages > li .next:hover::before {
background: url(//www.matsumura-gumi.co.jp/wp-content/themes/matsumura/assets/images/common/icon_arrow_white.svg) no-repeat;
background-position: center center;
background-size: contain;
}
body .pagination .pages > li .prev::before {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
body .pagination .pages > li .next::before {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
body .bannerArea2 {
background-color: #E2EAE4;
padding: 40px 0;
}
@media only screen and (min-width: 769px) {
body .bannerArea2 {
margin-top: 15px;
}
}
@media only screen and (min-width: 769px) {
body .bannerArea2 .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
@media only screen and (max-width: 769px) {
body .bannerArea2 .container {
width: 75%;
}
}
body .bannerArea2 .container > a {
display: block;
}
body .bannerArea2 .container > a:hover {
opacity: 0.8;
}
@media only screen and (min-width: 769px) {
body .bannerArea2 .container > a figure {
width: 250px;
}
}
body .bannerArea2 .container p {
font-weight: 500;
}
@media only screen and (min-width: 769px) {
body .bannerArea2 .container p {
font-size: 14px;
margin-left: 15px;
}
}
@media only screen and (max-width: 769px) {
body .bannerArea2 .container p {
font-size: 13px;
margin-top: 10px;
}
}
body .bannerArea2 .container p a {
font-weight: 500;
color: #2793FF;
}
@media only screen and (min-width: 769px) {
body .bannerArea2 .container p a {
font-size: 14px;
}
}
@media only screen and (max-width: 769px) {
body .bannerArea2 .container p a {
font-size: 13px;
}
}
body .bannerArea2 .container p a::after {
content: "";
background: url(//www.matsumura-gumi.co.jp/wp-content/themes/matsumura/assets/images/common/icon_link2.svg) no-repeat;
background-position: center center;
background-size: contain;
display: inline-block;
width: 8px;
height: 8px;
margin-left: 3px;
margin-right: 3px;
}
body.careers main {
padding-bottom: 0;
}
body.top main .ttl_en {
font-family: "Lato", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", "メイリオ", "Meiryo", sans-serif;
letter-spacing: 0.03em;
font-weight: 700;
color: #0B6F24;
}
@media only screen and (min-width: 769px) {
body.top main .ttl_en {
font-size: 18px;
}
}
@media only screen and (max-width: 769px) {
body.top main .ttl_en {
font-size: 13px;
}
}
body.top main .ttl_jp {
font-weight: bold;
color: #0B6F24;
}
@media only screen and (min-width: 769px) {
body.top main .ttl_jp {
font-size: 30px;
margin-top: 13px;
}
}
@media only screen and (max-width: 769px) {
body.top main .ttl_jp {
font-size: 24px;
}
}
body.top main .link a {
font-family: "Lato", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", "メイリオ", "Meiryo", sans-serif;
letter-spacing: 0.03em;
font-weight: 700;
letter-spacing: -0.1em;
color: #328D61;
background-color: #FFF;
border: 2px solid #4C983F;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 0 auto;
}
@media only screen and (min-width: 769px) {
body.top main .link a {
width: 160px;
height: 40px;
border-radius: 40px;
}
}
@media only screen and (max-width: 769px) {
body.top main .link a {
width: 120px;
height: 25px;
font-size: 12px;
border-width: 1px;
border-radius: 12.5px;
}
}
@media only screen and (min-width: 769px) {
body.top header {
width: 100%;
min-width: 1270px;
position: fixed;
top: 0;
left: 0;
z-index: 100;
}
}
@media only screen and (min-width: 769px) {
body.top main {
padding-top: 80px;
}
}
body.top .fvArea {
overflow: hidden;
}
@media only screen and (min-width: 769px) {
body.top .fvArea .bgArea .bg {
padding-top: 45.531%;
}
}
body.top .fvArea .bgArea .bg video {
position: absolute;
top: 0;
left: 0;
}
@media only screen and (max-width: 769px) {
body.top .fvArea .bgArea .bg video {
width: auto;
height: 100%;
}
}
@media only screen and (max-width: 769px) {
body.top .fvArea .bgArea .bg video.pc {
display: none;
}
}
@media only screen and (min-width: 769px) {
body.top .fvArea .bgArea .bg video.mb {
display: none;
}
}
body.top .fvArea .bgArea .arrivalArea {
background-color: #FFF;
border-radius: 6px 0 0 6px;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
position: absolute;
right: 0;
z-index: 10;
}
@media only screen and (min-width: 769px) {
body.top .fvArea .bgArea .arrivalArea {
width: calc(50vw + 320px);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
top: 100%;
padding: 8px 20px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
}
@media only screen and (max-width: 769px) {
body.top .fvArea .bgArea .arrivalArea {
width: 95%;
bottom: 0;
padding: 8px 20px;
-webkit-transform: translateY(30px);
transform: translateY(30px);
}
}
body.top .fvArea .bgArea .arrivalArea .info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
body.top .fvArea .bgArea .arrivalArea .info .tag {
font-family: "Lato", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", "メイリオ", "Meiryo", sans-serif;
letter-spacing: 0.03em;
font-weight: 700;
line-height: 1.2;
color: #328D61;
border-right: 1px solid #C0BFC0;
}
@media only screen and (min-width: 769px) {
body.top .fvArea .bgArea .arrivalArea .info .tag {
padding-right: 25px;
}
}
@media only screen and (max-width: 769px) {
body.top .fvArea .bgArea .arrivalArea .info .tag {
font-size: 12px;
padding-right: 5px;
}
}
body.top .fvArea .bgArea .arrivalArea .info .tag::after {
content: "";
width: 1px;
height: 1em;
}
body.top .fvArea .bgArea .arrivalArea .info .date {
font-family: "Roboto", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", "メイリオ", "Meiryo", sans-serif;
font-weight: 700;
color: #707070;
}
@media only screen and (min-width: 769px) {
body.top .fvArea .bgArea .arrivalArea .info .date {
font-size: 14px;
margin-left: 25px;
}
}
@media only screen and (max-width: 769px) {
body.top .fvArea .bgArea .arrivalArea .info .date {
font-size: 15px;
margin-left: 5px;
}
}
body.top .fvArea .bgArea .arrivalArea .title {
font-size: 14px;
}
@media only screen and (min-width: 769px) {
body.top .fvArea .bgArea .arrivalArea .title {
padding-right: 20px;
margin-left: 10px;
}
}
body.top .fvArea .bgArea .arrivalArea .title a:hover {
opacity: 0.6;
}
body.top .fvArea .bgArea .arrivalArea .link {
margin-left: auto;
}
@media only screen and (max-width: 769px) {
body.top .fvArea .bgArea .arrivalArea .link {
display: none;
}
}
body.top .fvArea .bgArea .arrivalArea .link a {
font-family: "Lato", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", "メイリオ", "Meiryo", sans-serif;
letter-spacing: 0.03em;
color: #FFF;
background-color: #004612;
border: none;
width: 104px;
height: 26px;
font-size: 11px;
}
body.top .fvArea .bgArea .arrivalArea .link a:hover {
opacity: 0.6;
}
body.top .fvArea .fvBottom .projectsArea {
background-color: #004612;
-webkit-transition: 0.3s ease;
transition: 0.3s ease;
}
@media only screen and (min-width: 769px) {
body.top .fvArea .fvBottom .projectsArea {
border-radius: 20px 0 0 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
bottom: 90px;
position: absolute;
right: 0;
-webkit-transform: translateX(calc(100% - 50px));
transform: translateX(calc(100% - 50px));
}
}
@media only screen and (max-width: 769px) {
body.top .fvArea .fvBottom .projectsArea {
padding: 42px 5% 0;
}
}
body.top .fvArea .fvBottom .projectsArea .tag {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
cursor: pointer;
}
@media only screen and (min-width: 769px) {
body.top .fvArea .fvBottom .projectsArea .tag {
width: 50px;
padding: 17px 0 40px;
}
body.top .fvArea .fvBottom .projectsArea .tag:hover {
opacity: 0.6;
}
}
@media only screen and (max-width: 769px) {
body.top .fvArea .fvBottom .projectsArea .tag {
border: 1px solid #FCE778;
border-radius: 10px;
padding: 12px 0;
}
}
@media only screen and (max-width: 769px) {
body.top .fvArea .fvBottom .projectsArea .tag figure {
width: 195px;
}
}
body.top .fvArea .fvBottom .projectsArea .tag .btn {
border-radius: 50%;
position: absolute;
margin: auto;
}
@media only screen and (min-width: 769px) {
body.top .fvArea .fvBottom .projectsArea .tag .btn {
width: 21px;
height: 21px;
background-color: #FFF;
left: 0;
right: 0;
bottom: 12px;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
}
@media only screen and (max-width: 769px) {
body.top .fvArea .fvBottom .projectsArea .tag .btn {
width: 18px;
height: 18px;
background-color: #47654F;
top: 0;
bottom: 0;
left: calc(50% + 100px);
opacity: 0;
}
}
@media only screen and (min-width: 769px) {
body.top .fvArea .fvBottom .projectsArea .tag .btn::after {
content: "";
background: url(//www.matsumura-gumi.co.jp/wp-content/themes/matsumura/assets/images/common/icon_arrow_green.svg) no-repeat;
background-position: center center;
background-size: contain;
display: block;
width: 11px;
height: 7px;
position: absolute;
top: 8px;
left: 0;
right: 0;
margin: auto;
}
}
@media only screen and (max-width: 769px) {
body.top .fvArea .fvBottom .projectsArea .tag .btn::before, body.top .fvArea .fvBottom .projectsArea .tag .btn::after {
content: "";
display: block;
width: 8px;
height: 1px;
background-color: #FFF;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
}
@media only screen and (max-width: 769px) {
body.top .fvArea .fvBottom .projectsArea .tag .btn::before {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
}
@media only screen and (max-width: 769px) {
body.top .fvArea .fvBottom .projectsArea .tag .btn::after {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
}
@media only screen and (min-width: 769px) {
body.top .fvArea .fvBottom .projectsArea .contents {
padding: 17px 20px 15px 0;
}
}
@media only screen and (min-width: 769px) {
body.top .fvArea .fvBottom .projectsArea .contents .prjListWrapper {
background-color: #E2EAE4;
border-radius: 10px;
padding: 10px;
}
}
@media only screen and (max-width: 769px) {
body.top .fvArea .fvBottom .projectsArea .contents .prjListWrapper {
height: 0;
overflow: hidden;
-webkit-transition: 0.3s ease;
transition: 0.3s ease;
}
}
@media only screen and (min-width: 769px) {
body.top .fvArea .fvBottom .projectsArea .contents .prjList {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
}
@media only screen and (max-width: 769px) {
body.top .fvArea .fvBottom .projectsArea .contents .prjList {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
body.top .fvArea .fvBottom .projectsArea .contents .prjList > li {
background-color: #FFF;
border-radius: 10px;
}
@media only screen and (min-width: 769px) {
body.top .fvArea .fvBottom .projectsArea .contents .prjList > li {
padding: 14px 13px;
}
body.top .fvArea .fvBottom .projectsArea .contents .prjList > li:nth-of-type(n+2) {
margin-left: 10px;
}
}
@media only screen and (max-width: 769px) {
body.top .fvArea .fvBottom .projectsArea .contents .prjList > li {
width: 48%;
padding: 13px 10px;
}
}
body.top .fvArea .fvBottom .projectsArea .contents .prjList > li a {
display: block;
}
body.top .fvArea .fvBottom .projectsArea .contents .prjList > li a:hover {
opacity: 0.6;
}
@media only screen and (min-width: 769px) {
body.top .fvArea .fvBottom .projectsArea .contents .prjList > li a {
width: 200px;
}
}
body.top .fvArea .fvBottom .projectsArea .contents .prjList > li .type {
color: #FFF;
text-align: center;
}
@media only screen and (min-width: 769px) {
body.top .fvArea .fvBottom .projectsArea .contents .prjList > li .type {
font-size: 11px;
}
}
@media only screen and (max-width: 769px) {
body.top .fvArea .fvBottom .projectsArea .contents .prjList > li .type {
font-size: 10px;
padding: 4px 0;
}
}
@media only screen and (min-width: 769px) {
body.top .fvArea .fvBottom .projectsArea .contents .prjList > li figure {
max-height: 98px;
margin-top: 5px;
}
}
@media only screen and (max-width: 769px) {
body.top .fvArea .fvBottom .projectsArea .contents .prjList > li figure {
max-height: 170px;
margin-top: 1px;
}
}
@media only screen and (min-width: 769px) {
body.top .fvArea .fvBottom .projectsArea .contents .prjList > li .title {
font-size: 13px;
line-height: 1.307;
margin-top: 5px;
}
}
@media only screen and (max-width: 769px) {
body.top .fvArea .fvBottom .projectsArea .contents .prjList > li .title {
font-size: 10px;
line-height: 1.388;
margin-top: 5px;
}
}
body.top .fvArea .fvBottom .projectsArea .contents .prjList > li.projects .type {
background-color: #004612;
}
body.top .fvArea .fvBottom .projectsArea .contents .prjList > li.live .type {
background-color: #E08622;
}
@media only screen and (min-width: 769px) {
body.top .fvArea .fvBottom .projectsArea.open {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@media only screen and (max-width: 769px) {
body.top .fvArea .fvBottom .projectsArea.open .tag {
border: none;
}
}
@media only screen and (min-width: 769px) {
body.top .fvArea .fvBottom .projectsArea.open .tag .btn {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
}
@media only screen and (max-width: 769px) {
body.top .fvArea .fvBottom .projectsArea.open .tag .btn {
opacity: 1;
}
}
@media only screen and (max-width: 769px) {
body.top .fvArea .fvBottom .projectsArea.new .tag::before {
content: "NEW";
font-weight: 900;
font-size: 10px;
color: #FFF;
background-color: #FD29FD;
border-radius: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: absolute;
margin: auto;
width: 27px;
height: 27px;
font-size: 7px;
top: 0;
bottom: 0;
left: 17px;
right: auto;
margin: auto;
}
}
body.top .fvArea .fvBottom .nameArea {
font-weight: 900;
color: #FFF;
background-color: #003E10;
}
@media only screen and (min-width: 769px) {
body.top .fvArea .fvBottom .nameArea {
font-size: 14px;
padding: 14px 0;
}
}
@media only screen and (max-width: 769px) {
body.top .fvArea .fvBottom .nameArea {
font-size: 12px;
text-align: center;
padding: 13px 0;
}
}
body.top .fvAnime {
width: 100%;
padding-top: 153.492%;
}
@media only screen and (min-width: 769px) {
body.top .fvAnime {
display: none;
}
}
body.top .fvAnime > li {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
body.top .fvAnime > li:nth-of-type(n+2) {
opacity: 0;
}
body.top .fvAnime > li:nth-of-type(3n+1) {
-webkit-animation: fv01 45s ease-in-out infinite;
animation: fv01 45s ease-in-out infinite;
background-image: url(//www.matsumura-gumi.co.jp/wp-content/themes/matsumura/assets/images/top/fv_slide_01.png);
}
body.top .fvAnime > li:nth-of-type(3n+2) {
-webkit-animation: fv02 45s ease-in-out infinite;
animation: fv02 45s ease-in-out infinite;
background-image: url(//www.matsumura-gumi.co.jp/wp-content/themes/matsumura/assets/images/top/fv_slide_02.png);
}
body.top .fvAnime > li:nth-of-type(3n+3) {
-webkit-animation: fv03 45s ease-in-out infinite;
animation: fv03 45s ease-in-out infinite;
background-image: url(//www.matsumura-gumi.co.jp/wp-content/themes/matsumura/assets/images/top/fv_slide_03.png);
}
body.top .fvAnime > li:nth-of-type(3n+4) {
-webkit-animation: fv04 45s ease-in-out infinite;
animation: fv04 45s ease-in-out infinite;
background-image: url(//www.matsumura-gumi.co.jp/wp-content/themes/matsumura/assets/images/top/fv_slide_04.png);
}
body.top .fvAnime > li:nth-of-type(3n+5) {
-webkit-animation: fv05 45s ease-in-out infinite;
animation: fv05 45s ease-in-out infinite;
background-image: url(//www.matsumura-gumi.co.jp/wp-content/themes/matsumura/assets/images/top/fv_slide_05.png);
}
body.top .fvAnime > li:nth-of-type(3n+6) {
-webkit-animation: fv06 45s ease-in-out infinite;
animation: fv06 45s ease-in-out infinite;
background-image: url(//www.matsumura-gumi.co.jp/wp-content/themes/matsumura/assets/images/top/fv_slide_06.png);
}
body.top .fvAnime > li:nth-of-type(3n+7) {
-webkit-animation: fv07 45s ease-in-out infinite;
animation: fv07 45s ease-in-out infinite;
background-image: url(//www.matsumura-gumi.co.jp/wp-content/themes/matsumura/assets/images/top/fv_slide_07.png);
}
body.top .fvAnime > li:nth-of-type(3n+8) {
-webkit-animation: fv08 45s ease-in-out infinite;
animation: fv08 45s ease-in-out infinite;
background-image: url(//www.matsumura-gumi.co.jp/wp-content/themes/matsumura/assets/images/top/fv_slide_08.png);
}
body.top .fvAnime > li:nth-of-type(3n+9) {
-webkit-animation: fv09 45s ease-in-out infinite;
animation: fv09 45s ease-in-out infinite;
background-image: url(//www.matsumura-gumi.co.jp/wp-content/themes/matsumura/assets/images/top/fv_slide_09.png);
}
@-webkit-keyframes fv01 {
0% {
opacity: 1;
}
11.11% {
opacity: 0;
}
22.22% {
opacity: 0;
}
33.33% {
opacity: 0;
}
44.44% {
opacity: 0;
}
55.55% {
opacity: 0;
}
66.66% {
opacity: 0;
}
77.77% {
opacity: 0;
}
88.88% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fv01 {
0% {
opacity: 1;
}
11.11% {
opacity: 0;
}
22.22% {
opacity: 0;
}
33.33% {
opacity: 0;
}
44.44% {
opacity: 0;
}
55.55% {
opacity: 0;
}
66.66% {
opacity: 0;
}
77.77% {
opacity: 0;
}
88.88% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes fv02 {
0% {
opacity: 0;
}
11.11% {
opacity: 1;
}
22.22% {
opacity: 0;
}
33.33% {
opacity: 0;
}
44.44% {
opacity: 0;
}
55.55% {
opacity: 0;
}
66.66% {
opacity: 0;
}
77.77% {
opacity: 0;
}
88.88% {
opacity: 0;
}
100% {
opacity: 0;
}
}
@keyframes fv02 {
0% {
opacity: 0;
}
11.11% {
opacity: 1;
}
22.22% {
opacity: 0;
}
33.33% {
opacity: 0;
}
44.44% {
opacity: 0;
}
55.55% {
opacity: 0;
}
66.66% {
opacity: 0;
}
77.77% {
opacity: 0;
}
88.88% {
opacity: 0;
}
100% {
opacity: 0;
}
}
@-webkit-keyframes fv03 {
0% {
opacity: 0;
}
11.11% {
opacity: 0;
}
22.22% {
opacity: 1;
}
33.33% {
opacity: 0;
}
44.44% {
opacity: 0;
}
55.55% {
opacity: 0;
}
66.66% {
opacity: 0;
}
77.77% {
opacity: 0;
}
88.88% {
opacity: 0;
}
100% {
opacity: 0;
}
}
@keyframes fv03 {
0% {
opacity: 0;
}
11.11% {
opacity: 0;
}
22.22% {
opacity: 1;
}
33.33% {
opacity: 0;
}
44.44% {
opacity: 0;
}
55.55% {
opacity: 0;
}
66.66% {
opacity: 0;
}
77.77% {
opacity: 0;
}
88.88% {
opacity: 0;
}
100% {
opacity: 0;
}
}
@-webkit-keyframes fv04 {
0% {
opacity: 0;
}
11.11% {
opacity: 0;
}
22.22% {
opacity: 0;
}
33.33% {
opacity: 1;
}
44.44% {
opacity: 0;
}
55.55% {
opacity: 0;
}
66.66% {
opacity: 0;
}
77.77% {
opacity: 0;
}
88.88% {
opacity: 0;
}
100% {
opacity: 0;
}
}
@keyframes fv04 {
0% {
opacity: 0;
}
11.11% {
opacity: 0;
}
22.22% {
opacity: 0;
}
33.33% {
opacity: 1;
}
44.44% {
opacity: 0;
}
55.55% {
opacity: 0;
}
66.66% {
opacity: 0;
}
77.77% {
opacity: 0;
}
88.88% {
opacity: 0;
}
100% {
opacity: 0;
}
}
@-webkit-keyframes fv05 {
0% {
opacity: 0;
}
11.11% {
opacity: 0;
}
22.22% {
opacity: 0;
}
33.33% {
opacity: 0;
}
44.44% {
opacity: 1;
}
55.55% {
opacity: 0;
}
66.66% {
opacity: 0;
}
77.77% {
opacity: 0;
}
88.88% {
opacity: 0;
}
100% {
opacity: 0;
}
}
@keyframes fv05 {
0% {
opacity: 0;
}
11.11% {
opacity: 0;
}
22.22% {
opacity: 0;
}
33.33% {
opacity: 0;
}
44.44% {
opacity: 1;
}
55.55% {
opacity: 0;
}
66.66% {
opacity: 0;
}
77.77% {
opacity: 0;
}
88.88% {
opacity: 0;
}
100% {
opacity: 0;
}
}
@-webkit-keyframes fv06 {
0% {
opacity: 0;
}
11.11% {
opacity: 0;
}
22.22% {
opacity: 0;
}
33.33% {
opacity: 0;
}
44.44% {
opacity: 0;
}
55.55% {
opacity: 1;
}
66.66% {
opacity: 0;
}
77.77% {
opacity: 0;
}
88.88% {
opacity: 0;
}
100% {
opacity: 0;
}
}
@keyframes fv06 {
0% {
opacity: 0;
}
11.11% {
opacity: 0;
}
22.22% {
opacity: 0;
}
33.33% {
opacity: 0;
}
44.44% {
opacity: 0;
}
55.55% {
opacity: 1;
}
66.66% {
opacity: 0;
}
77.77% {
opacity: 0;
}
88.88% {
opacity: 0;
}
100% {
opacity: 0;
}
}
@-webkit-keyframes fv07 {
0% {
opacity: 0;
}
11.11% {
opacity: 0;
}
22.22% {
opacity: 0;
}
33.33% {
opacity: 0;
}
44.44% {
opacity: 0;
}
55.55% {
opacity: 0;
}
66.66% {
opacity: 1;
}
77.77% {
opacity: 0;
}
88.88% {
opacity: 0;
}
100% {
opacity: 0;
}
}
@keyframes fv07 {
0% {
opacity: 0;
}
11.11% {
opacity: 0;
}
22.22% {
opacity: 0;
}
33.33% {
opacity: 0;
}
44.44% {
opacity: 0;
}
55.55% {
opacity: 0;
}
66.66% {
opacity: 1;
}
77.77% {
opacity: 0;
}
88.88% {
opacity: 0;
}
100% {
opacity: 0;
}
}
@-webkit-keyframes fv08 {
0% {
opacity: 0;
}
11.11% {
opacity: 0;
}
22.22% {
opacity: 0;
}
33.33% {
opacity: 0;
}
44.44% {
opacity: 0;
}
55.55% {
opacity: 0;
}
66.66% {
opacity: 0;
}
77.77% {
opacity: 1;
}
88.88% {
opacity: 0;
}
100% {
opacity: 0;
}
}
@keyframes fv08 {
0% {
opacity: 0;
}
11.11% {
opacity: 0;
}
22.22% {
opacity: 0;
}
33.33% {
opacity: 0;
}
44.44% {
opacity: 0;
}
55.55% {
opacity: 0;
}
66.66% {
opacity: 0;
}
77.77% {
opacity: 1;
}
88.88% {
opacity: 0;
}
100% {
opacity: 0;
}
}
@-webkit-keyframes fv09 {
0% {
opacity: 0;
}
11.11% {
opacity: 0;
}
22.22% {
opacity: 0;
}
33.33% {
opacity: 0;
}
44.44% {
opacity: 0;
}
55.55% {
opacity: 0;
}
66.66% {
opacity: 0;
}
77.77% {
opacity: 0;
}
88.88% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fv09 {
0% {
opacity: 0;
}
11.11% {
opacity: 0;
}
22.22% {
opacity: 0;
}
33.33% {
opacity: 0;
}
44.44% {
opacity: 0;
}
55.55% {
opacity: 0;
}
66.66% {
opacity: 0;
}
77.77% {
opacity: 0;
}
88.88% {
opacity: 1;
}
100% {
opacity: 0;
}
}
body.top .galleryArea {
border-bottom: 50px solid #003E10;
}
@media only screen and (min-width: 769px) {
body.top .galleryArea {
background: url(//www.matsumura-gumi.co.jp/wp-content/themes/matsumura/assets/images/top/gallery_bg.jpg) no-repeat;
background-position: center center;
background-size: contain;
background-size: cover;
padding: 55px 0;
}
}
@media only screen and (max-width: 769px) {
body.top .galleryArea {
background: url(//www.matsumura-gumi.co.jp/wp-content/themes/matsumura/assets/images/top/gallery_bg_mb.jpg) no-repeat;
background-position: center center;
background-size: contain;
background-size: cover;
border-width: 20px;
padding: 25px 0;
}
}
body.top .galleryArea .searchAchArea .container {
background-color: rgba(255, 255, 255, 0.92);
}
@media only screen and (min-width: 769px) {
body.top .galleryArea .searchAchArea .container {
border-radius: 25px;
padding: 57px 30px 38px 70px;
}
}
@media only screen and (max-width: 769px) {
body.top .galleryArea .searchAchArea .container {
border-radius: 12.5px;
padding: 18px 20px 25px;
}
}
@media only screen and (min-width: 769px) {
body.top .galleryArea .searchAchArea .head {
margin-top: 13px;
}
}
@media only screen and (min-width: 769px) {
body.top .galleryArea .searchAchArea .head .ttl_jp {
width: 171px;
font-size: 22px;
margin-top: 0;
}
}
@media only screen and (min-width: 769px) {
body.top .galleryArea .searchAchArea .head .buttons {
margin-left: 5px;
}
}
body.top .galleryArea .searchAchArea .methodsArea .methods > dt {
font-weight: bold;
}
@media only screen and (min-width: 769px) {
body.top .galleryArea .searchAchArea .resultArea {
margin-top: 12px;
}
}
body.top .galleryArea .searchAchArea .resultArea .result {
color: #FFF;
background-color: #004612;
border: 1px solid #0B6F24;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media only screen and (min-width: 769px) {
body.top .galleryArea .searchAchArea .resultArea .result {
width: 278px;
height: 46px;
border-radius: 78px;
}
}
@media only screen and (max-width: 769px) {
body.top .galleryArea .searchAchArea .resultArea .result {
width: 210px;
font-size: 12px;
border-radius: 39px;
}
}
body.top .galleryArea .searchAchArea .resultArea .result #num {
margin-right: 8px;
}
body.top .galleryArea .searchAchArea .resultArea .result::before {
content: "";
background: url(//www.matsumura-gumi.co.jp/wp-content/themes/matsumura/assets/images/common/icon_arrow_white.svg) no-repeat;
background-position: center center;
background-size: contain;
background-color: #328D61;
border-radius: 50%;
position: absolute;
top: 0;
bottom: 0;
margin: auto;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
@media only screen and (min-width: 769px) {
body.top .galleryArea .searchAchArea .resultArea .result::before {
width: 21px;
height: 21px;
background-size: 9px 5px;
right: 11px;
}
}
@media only screen and (max-width: 769px) {
body.top .galleryArea .searchAchArea .resultArea .result::before {
width: 15px;
height: 15px;
background-size: 7px 4px;
right: 8px;
}
}
body.top .sustainabilityArea {
color: #0B6F24;
border-bottom: 50px solid #003E10;
}
@media only screen and (min-width: 769px) {
body.top .sustainabilityArea {
background: url(//www.matsumura-gumi.co.jp/wp-content/themes/matsumura/assets/images/top/sustainability_bg.jpg) no-repeat;
background-position: center center;
background-size: contain;
background-size: cover;
padding: 100px 0;
}
}
@media only screen and (max-width: 769px) {
body.top .sustainabilityArea {
background: url(//www.matsumura-gumi.co.jp/wp-content/themes/matsumura/assets/images/top/sustainability_bg.jpg) no-repeat;
background-position: center center;
background-size: contain;
background-size: cover;
border-width: 20px;
padding: 33px 0 277px;
}
}
body.top .sustainabilityArea .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
body.top .sustainabilityArea .sustainability {
background-color: rgba(255, 255, 255, 0.9);
}
@media only screen and (min-width: 769px) {
body.top .sustainabilityArea .sustainability {
width: 390px;
border-radius: 25px;
padding: 60px 64px 64px 52px;
}
}
@media only screen and (max-width: 769px) {
body.top .sustainabilityArea .sustainability {
border-radius: 12.5px;
padding: 31px 20px 32px;
}
}
body.top .sustainabilityArea .sustainability p {
line-height: 2.187;
}
@media only screen and (min-width: 769px) {
body.top .sustainabilityArea .sustainability p {
margin-top: 20px;
}
}
@media only screen and (max-width: 769px) {
body.top .sustainabilityArea .sustainability p {
margin-top: 25px;
}
}
@media only screen and (min-width: 769px) {
body.top .sustainabilityArea .sustainability .link {
margin-top: 80px;
}
}
@media only screen and (max-width: 769px) {
body.top .sustainabilityArea .sustainability .link {
margin-top: 105px;
}
}
@media only screen and (min-width: 769px) {
body.top .recruitArea {
padding: 123px 0;
}
}
@media only screen and (max-width: 769px) {
body.top .recruitArea {
padding: 38px 0 33px;
}
}
@media only screen and (min-width: 769px) {
body.top .recruitArea .recruit {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
@media only screen and (max-width: 769px) {
body.top .recruitArea .recruit .link.pc {
display: none;
}
}
@media only screen and (min-width: 769px) {
body.top .recruitArea .recruit .link.sp {
display: none;
}
}
@media only screen and (min-width: 769px) {
body.top .recruitArea .recruit .text {
width: 24.75%;
}
}
@media only screen and (max-width: 769px) {
body.top .recruitArea .recruit .text .ttl_jp {
font-size: 19px;
}
}
body.top .recruitArea .recruit .text figure {
width: 100%;
margin: 8px 0 0;
}
@media only screen and (max-width: 769px) {
body.top .recruitArea .recruit .text figure {
display: none;
}
}
@media only screen and (min-width: 769px) {
body.top .recruitArea .recruit .text .link {
margin-top: 16px;
}
}
@media only screen and (max-width: 769px) {
body.top .recruitArea .recruit .text .link {
margin-top: 6px;
}
}
@media only screen and (max-width: 769px) {
body.top .recruitArea .recruit .text .link a {
margin-left: 0;
}
}
body.top .recruitArea .recruit > figure {
margin: 0;
}
@media only screen and (min-width: 769px) {
body.top .recruitArea .recruit > figure {
width: 72.59%;
}
}
@media only screen and (min-width: 769px) {
body.top .recruitArea .recruit > figure {
border-radius: 30px;
}
}
@media only screen and (max-width: 769px) {
body.top .recruitArea .recruit > figure {
border-radius: 20px;
}
}
@media only screen and (max-width: 769px) {
body.top .recruitArea .recruit > figure {
margin-top: 20px;
}
}
body.top .recruitArea .recruit .link.sp {
margin-top: 20px;
}
body.top .newsArea {
background-color: #003E10;
}
@media only screen and (min-width: 769px) {
body.top .newsArea {
padding: 60px 0 70px;
}
}
@media only screen and (max-width: 769px) {
body.top .newsArea {
padding: 36px 0 40px;
}
}
body.top .newsArea .news .ttl_en, body.top .newsArea .news .ttl_jp {
color: #FFF;
text-align: center;
}
body.top .newsArea .news .newsListArea {
background-color: #FFF;
}
@media only screen and (min-width: 769px) {
body.top .newsArea .news .newsListArea {
border-radius: 6px;
padding: 38px;
}
}
@media only screen and (max-width: 769px) {
body.top .newsArea .news .newsListArea {
border-radius: 12.5px;
padding: 20px;
margin-top: 14px;
}
}
body.top .newsArea .news .newsListArea .cats {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media only screen and (min-width: 769px) {
body.top .newsArea .news .newsListArea .cats {
padding-bottom: 10px;
}
}
@media only screen and (max-width: 769px) {
body.top .newsArea .news .newsListArea .cats {
padding-bottom: 9px;
}
}
body.top .newsArea .news .newsListArea .cats > li {
font-weight: bold;
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media only screen and (min-width: 769px) {
body.top .newsArea .news .newsListArea .cats > li {
height: 48px;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
}
@media only screen and (max-width: 769px) {
body.top .newsArea .news .newsListArea .cats > li {
width: 20%;
height: 55px;
padding: 0;
}
}
@media only screen and (min-width: 769px) {
body.top .newsArea .news .newsListArea .cats > li, body.top .newsArea .news .newsListArea .cats > li a {
font-size: 18px;
}
}
@media only screen and (max-width: 769px) {
body.top .newsArea .news .newsListArea .cats > li, body.top .newsArea .news .newsListArea .cats > li a {
font-size: 11px;
line-height: 1.2;
}
}
@media only screen and (min-width: 769px) {
body.top .newsArea .news .newsListArea .cats > li:nth-of-type(n+2) {
margin-left: 2px;
}
}
body.top .newsArea .news .newsListArea .cats > li:not(.current) {
cursor: pointer;
}
body.top .newsArea .news .newsListArea .cats > li:not(.current):hover {
opacity: 0.6;
}
body.top .newsArea .news .newsListArea .cats > li:not(.toNews)::before {
content: "";
width: 0;
height: 0;
border-style: solid;
display: block;
position: absolute;
top: 100%;
left: 0;
right: 0;
margin: auto;
}
@media only screen and (min-width: 769px) {
body.top .newsArea .news .newsListArea .cats > li:not(.toNews)::before {
border-width: 10px 6.5px 0 6.5px;
}
}
@media only screen and (max-width: 769px) {
body.top .newsArea .news .newsListArea .cats > li:not(.toNews)::before {
border-width: 9px 6.5px 0 6.5px;
}
}
body.top .newsArea .news .newsListArea .cats > li.new span::before {
content: "NEW";
font-weight: 900;
font-size: 10px;
color: #FFF;
background-color: #FD29FD;
border-radius: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: absolute;
margin: auto;
}
@media only screen and (min-width: 769px) {
body.top .newsArea .news .newsListArea .cats > li.new span::before {
width: 35px;
height: 35px;
top: 0;
bottom: 0;
left: -35px;
-webkit-transform: scale(0.7);
transform: scale(0.7);
}
}
@media only screen and (max-width: 769px) {
body.top .newsArea .news .newsListArea .cats > li.new span::before {
width: 32px;
height: 32px;
top: -24px;
left: 0;
right: 0;
-webkit-transform: scale(0.5);
transform: scale(0.5);
}
}
body.top .newsArea .news .newsListArea .cats > li.ir a {
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
color: #BA3123;
background-color: #FBF2F2;
}
body.top .newsArea .news .newsListArea .cats > li.toNews {
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
width: 112px;
}
@media only screen and (max-width: 769px) {
body.top .newsArea .news .newsListArea .cats > li.toNews {
display: none;
}
}
body.top .newsArea .news .newsListArea .cats > li.toNews a {
width: 100%;
height: 100%;
color: #23923F;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
body.top .newsArea .news .newsListArea .cats > li.all {
color: #4A4A4A;
background-color: rgba(0, 0, 0, 0.1);
}
body.top .newsArea .news .newsListArea .cats > li.news {
color: #23923F;
background-color: #D3E6D8;
}
body.top .newsArea .news .newsListArea .cats > li.live {
color: #E08622;
background-color: #FEF8F1;
}
body.top .newsArea .news .newsListArea .cats > li.ir {
color: #BA3123;
background-color: #FBF2F2;
}
body.top .newsArea .news .newsListArea .cats > li.partner {
color: #2793FF;
background-color: #F2F7FC;
}
body.top .newsArea .news .newsListArea .cats > li.toNews {
background-color: #F2F9F4;
}
body.top .newsArea .news .newsListArea .cats > li.all.current {
color: #ffffff;
background-color: #4A4A4A;
}
body.top .newsArea .news .newsListArea .cats > li.news.current {
color: #ffffff;
background-color: #23923F;
}
body.top .newsArea .news .newsListArea .cats > li.live.current {
color: #ffffff;
background-color: #E08622;
}
body.top .newsArea .news .newsListArea .cats > li.ir.current {
color: #ffffff;
background-color: #BA3123;
}
body.top .newsArea .news .newsListArea .cats > li.partner.current {
color: #ffffff;
background-color: #2793FF;
}
body.top .newsArea .news .newsListArea .cats > li.all::before {
border-color: rgba(0, 0, 0, 0.1) transparent transparent transparent;
}
body.top .newsArea .news .newsListArea .cats > li.news::before {
border-color: #D3E6D8 transparent transparent transparent;
}
body.top .newsArea .news .newsListArea .cats > li.live::before {
border-color: #FEF8F1 transparent transparent transparent;
}
body.top .newsArea .news .newsListArea .cats > li.ir::before {
border-color: #FBF2F2 transparent transparent transparent;
}
body.top .newsArea .news .newsListArea .cats > li.partner::before {
border-color: #F2F7FC transparent transparent transparent;
}
body.top .newsArea .news .newsListArea .cats > li.all.current::before {
border-color: #4A4A4A transparent transparent transparent;
}
body.top .newsArea .news .newsListArea .cats > li.news.current::before {
border-color: #23923F transparent transparent transparent;
}
body.top .newsArea .news .newsListArea .cats > li.live.current::before {
border-color: #E08622 transparent transparent transparent;
}
body.top .newsArea .news .newsListArea .cats > li.ir.current::before {
border-color: #BA3123 transparent transparent transparent;
}
body.top .newsArea .news .newsListArea .cats > li.partner.current::before {
border-color: #2793FF transparent transparent transparent;
}
@media only screen and (min-width: 769px) {
body.top .newsArea .news .newsListArea .tabs {
background-color: #F4F4F4;
border-radius: 6px;
padding: 30px 47px;
margin-top: 20px;
}
}
@media only screen and (max-width: 769px) {
body.top .newsArea .news .newsListArea .tabs {
margin-top: 8px;
}
}
body.top .newsArea .news .newsListArea .tabs > li {
display: none;
}
body.top .newsArea .news .newsListArea .tabs > li.current {
display: block;
}
body.top .newsArea .news .newsListArea .tabs > li .newsList > li {
border: none;
}
@media only screen and (min-width: 769px) {
body.top .newsArea .news .newsListArea .tabs > li .newsList > li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
}
@media only screen and (max-width: 769px) {
body.top .newsArea .news .newsListArea .tabs > li .newsList > li {
padding: 10px 0;
}
}
body.top .newsArea .news .newsListArea .tabs > li .newsList > li:nth-of-type(n+2) {
border-top: 1px dashed #BFBFBF;
}
@media only screen and (max-width: 769px) {
body.top .newsArea .news .newsListArea .tabs > li .newsList > li:nth-last-of-type(1) {
border-bottom: 1px dashed #BFBFBF;
}
}
@media only screen and (min-width: 769px) {
body.top .newsArea .news .newsListArea .tabs > li .newsList > li:nth-of-type(1) {
padding-top: 0;
}
body.top .newsArea .news .newsListArea .tabs > li .newsList > li:nth-last-of-type(1) {
padding-bottom: 0;
}
}
@media only screen and (min-width: 769px) {
body.top .newsArea .news .newsListArea .tabs > li .newsList > li .newsInfo {
width: 220px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
body.top .newsArea .news .newsListArea .tabs > li .newsList > li .newsInfo .tag {
margin-right: 0;
}
@media only screen and (min-width: 769px) {
body.top .newsArea .news .newsListArea .tabs > li .newsList > li .newsInfo .tag {
border-radius: 6px;
}
}
@media only screen and (max-width: 769px) {
body.top .newsArea .news .newsListArea .tabs > li .newsList > li .newsInfo .tag {
border-radius: 5px;
}
}
body.top .newsArea .news .newsListArea .tabs > li .newsList > li .newsInfo .tag.new:before {
content: "NEW";
font-weight: 900;
font-size: 10px;
color: #FFF;
background-color: #FD29FD;
border-radius: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: absolute;
margin: auto;
top: 0;
bottom: 0;
}
@media only screen and (min-width: 769px) {
body.top .newsArea .news .newsListArea .tabs > li .newsList > li .newsInfo .tag.new:before {
width: 35px;
height: 35px;
left: -35px;
-webkit-transform: scale(0.7);
transform: scale(0.7);
}
}
@media only screen and (max-width: 769px) {
body.top .newsArea .news .newsListArea .tabs > li .newsList > li .newsInfo .tag.new:before {
width: 32px;
height: 32px;
left: -25px;
right: auto;
-webkit-transform: scale(0.5);
transform: scale(0.5);
}
}
body.top .newsArea .news .newsListArea .tabs > li .newsList > li .newsInfo .date {
width: auto;
}
@media only screen and (min-width: 769px) {
body.top .newsArea .news .newsListArea .tabs > li .newsList > li .title {
width: calc(100% - 300px);
padding-left: 15px;
}
}
@media only screen and (max-width: 769px) {
body.top .newsArea .news .newsListArea .tabs > li .newsList > li .title {
line-height: 1.142;
margin-top: 10px;
}
}
body.top .newsArea .news .newsListArea .tabs > li .newsList > li .title a {
text-decoration: none;
}
@media only screen and (max-width: 769px) {
body.top .newsArea .news .newsListArea .tabs > li .newsList > li .title a {
font-size: 14px;
}
}
body.top .newsArea .news .newsListArea .toNewsMb {
margin-top: 15px;
}
@media only screen and (min-width: 769px) {
body.top .newsArea .news .newsListArea .toNewsMb {
display: none;
}
}
body.top .newsArea .news .newsListArea .toNewsMb a {
width: 100%;
height: 50px;
font-size: 12px;
color: #23923F;
background-color: #F2F9F4;
border-radius: 5px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media only screen and (min-width: 769px) {
body.technology .ItemsArea .items {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 75px;
}
}
@media only screen and (max-width: 769px) {
body.technology .ItemsArea .items {
border: 2px solid #83B590;
border-radius: 12px;
padding: 11px;
margin-top: 30px;
}
}
@media only screen and (min-width: 769px) {
body.technology .ItemsArea .items > li {
width: 31.666%;
margin-bottom: 20px;
}
}
@media only screen and (max-width: 769px) {
body.technology .ItemsArea .items > li {
padding: 5px 0;
}
}
@media only screen and (max-width: 769px) {
body.technology .ItemsArea .items > li:nth-of-type(n+2) {
border-top: 2px solid #83B590;
}
}
body.technology .ItemsArea .items > li a {
color: #004612;
display: block;
padding: 22px 20px;
}
@media only screen and (min-width: 769px) {
body.technology .ItemsArea .items > li a {
border: 4px solid #83B590;
border-radius: 10px;
}
}
body.technology .ItemsArea .items > li a:hover {
background-color: #D3E6D8;
}
body.technology .ItemsArea .items > li a:hover .icon {
background-color: #FFF;
}
body.technology .ItemsArea .items > li.current a {
background-color: #D3E6D8;
}
body.technology .ItemsArea .items > li.current .icon {
background-color: #FFF;
}
body.technology .ItemsArea .items > li .icon {
background-color: #D3E6D8;
border-radius: 50%;
position: absolute;
top: 0;
bottom: 0;
left: 14px;
margin: auto;
}
@media only screen and (min-width: 769px) {
body.technology .ItemsArea .items > li .icon {
width: 56px;
height: 56px;
}
}
@media only screen and (max-width: 769px) {
body.technology .ItemsArea .items > li .icon {
width: 36px;
height: 36px;
}
}
@media only screen and (max-width: 769px) {
body.technology .ItemsArea .items > li:nth-of-type(1) a {
border-radius: 10px 10px 0 0;
}
}
@media only screen and (max-width: 769px) {
body.technology .ItemsArea .items > li:nth-last-of-type(1) a {
border-radius: 0 0 10px 10px;
}
}
body.technology .ItemsArea .items > li:nth-of-type(1) .icon {
background-image: url(//www.matsumura-gumi.co.jp/wp-content/themes/matsumura/assets/images/technology/icon_tech01.svg);
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
}
body.technology .ItemsArea .items > li:nth-of-type(2) .icon {
background-image: url(//www.matsumura-gumi.co.jp/wp-content/themes/matsumura/assets/images/technology/icon_tech02.svg);
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
}
body.technology .ItemsArea .items > li:nth-of-type(3) .icon {
background-image: url(//www.matsumura-gumi.co.jp/wp-content/themes/matsumura/assets/images/technology/icon_tech03.svg);
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
}
body.technology .ItemsArea .items > li:nth-of-type(4) .icon {
background-image: url(//www.matsumura-gumi.co.jp/wp-content/themes/matsumura/assets/images/technology/icon_tech04.svg);
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
}
body.technology .ItemsArea .items > li:nth-of-type(5) .icon {
background-image: url(//www.matsumura-gumi.co.jp/wp-content/themes/matsumura/assets/images/technology/icon_tech05.svg);
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
}
body.technology .ItemsArea .items > li:nth-of-type(6) .icon {
background-image: url(//www.matsumura-gumi.co.jp/wp-content/themes/matsumura/assets/images/technology/icon_tech06.svg);
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
}
body.technology .ItemsArea .items > li .title {
line-height: 1.45;
font-weight: bold;
}
@media only screen and (min-width: 769px) {
body.technology .ItemsArea .items > li .title {
font-size: 20px;
text-align: center;
}
}
@media only screen and (max-width: 769px) {
body.technology .ItemsArea .items > li .title {
font-size: 18px;
padding-left: 55px;
}
}
body.technology .ItemsArea .items > li .num {
font-family: "Lato", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", "メイリオ", "Meiryo", sans-serif;
letter-spacing: 0.03em;
font-weight: 700;
color: #83B590;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: absolute;
top: 0;
bottom: 0;
margin: auto;
}
@media only screen and (min-width: 769px) {
body.technology .ItemsArea .items > li .num {
font-size: 30px;
right: 14px;
}
}
@media only screen and (max-width: 769px) {
body.technology .ItemsArea .items > li .num {
font-size: 20px;
right: 12px;
}
}
@media only screen and (min-width: 769px) {
body.gallery .searchAchArea {
margin-top: 80px;
}
}
@media only screen and (max-width: 769px) {
body.gallery .searchAchArea {
margin-top: 24px;
}
}
body.gallery .searchAchArea .container {
background-color: #D3E6D8;
}
@media only screen and (min-width: 769px) {
body.gallery .searchAchArea .container {
padding: 50px 50px 25px;
}
}
@media only screen and (max-width: 769px) {
body.gallery .searchAchArea .container {
padding: 15px 20px 23px;
}
}
body.gallery .searchAchArea .methodsArea .methods {
font-weight: bold;
}
body.gallery .searchAchArea .resultArea {
background-color: #AED1B7;
padding: 18px 0;
}
body.gallery .achListArea {
margin-top: 70px;
}
@media only screen and (max-width: 769px) {
body.gallery .achListArea .achList {
width: 89.552%;
margin: 0 auto;
}
}
body.gallery .achListArea .achList > li {
-webkit-transition: opacity 1s ease;
transition: opacity 1s ease;
}
@media only screen and (min-width: 769px) {
body.gallery .achListArea .achList > li {
width: 31.666%;
margin-bottom: 30px;
}
}
@media only screen and (max-width: 769px) {
body.gallery .achListArea .achList > li {
margin-bottom: 40px;
}
}
@media only screen and (min-width: 769px) {
body.gallery .achListArea .achList > li.wide {
width: 63.332%;
}
}
body.gallery .achListArea .achList > li a {
display: block;
}
body.gallery .achListArea .achList > li a:hover {
opacity: 0.6;
}
body.gallery .achListArea .achList > li .title {
font-weight: bold;
margin-top: 15px;
}
body.gallery .achListArea .achList > li .infoArea {
margin-top: 15px;
}
body.gallery .achListArea .achList > li .infoArea .info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
font-size: 12px;
line-height: 1.833;
}
body.gallery .achListArea .achList > li .infoArea .info > dt {
color: #919191;
width: 70px;
}
body.gallery .achListArea .achList > li .infoArea .info > dd {
width: calc(100% - 70px);
}
body.gallery .achListArea .achList > li:not(.vis) {
opacity: 0;
}
body.gallery .achListArea .achList:not(.vis) > li {
opacity: 0;
}
body.gallery .achListArea .achList:not(.vis)::after {
content: "\f110";
font-family: "Font Awesome 5 Free";
font-size: 20px;
font-weight: 900;
width: 100%;
height: 100px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-animation: rotate 1.5s linear 0s infinite forwards;
animation: rotate 1.5s linear 0s infinite forwards;
position: absolute;
top: 0;
left: 0;
}
@-webkit-keyframes rotate {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
50% {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes rotate {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
50% {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
body.gallery.single .achievement {
padding: 80px 0 70px;
}
body.gallery.single .achievement h2 {
font-weight: bold;
color: #23923F;
border-bottom: 2px solid #0B6F24;
font-size: 28px;
padding-bottom: 10px;
}
body.gallery.single .achievement .figArea {
margin-top: 60px;
}
@media only screen and (min-width: 769px) {
body.gallery.single .achievement .figArea .mv {
height: 700px;
}
}
@media only screen and (min-width: 769px) {
body.gallery.single .achievement .figArea .mv img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
}
body.gallery.single .achievement .figArea .thums {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
overflow-x: auto;
}
@media only screen and (min-width: 769px) {
body.gallery.single .achievement .figArea .thums {
margin-top: 25px;
}
}
@media only screen and (max-width: 769px) {
body.gallery.single .achievement .figArea .thums {
width: 100%;
margin-top: 10px;
}
}
body.gallery.single .achievement .figArea .thums > li {
overflow: hidden;
}
@media only screen and (min-width: 769px) {
body.gallery.single .achievement .figArea .thums > li {
height: 72px;
}
body.gallery.single .achievement .figArea .thums > li:nth-of-type(n+2) {
margin-left: 25px;
}
}
@media only screen and (max-width: 769px) {
body.gallery.single .achievement .figArea .thums > li {
width: 170px;
-ms-flex-negative: 0;
flex-shrink: 0;
}
body.gallery.single .achievement .figArea .thums > li:nth-of-type(n+2) {
margin-left: 10px;
}
}
@media only screen and (min-width: 769px) {
body.gallery.single .achievement .figArea .thums > li figure {
width: 100px;
max-height: 70px;
}
}
@media only screen and (max-width: 769px) {
body.gallery.single .achievement .figArea .thums > li figure {
max-height: 100px;
}
}
body.gallery.single .achievement .figArea .thums > li.current figure::after {
content: "";
width: 100%;
height: 100%;
display: block;
background-color: rgba(34, 34, 34, 0.3);
position: absolute;
top: 0;
left: 0;
pointer-events: none;
}
@media only screen and (min-width: 769px) {
body.gallery.single .achievement .figArea .thums > li:not(.current) figure:hover {
cursor: pointer;
}
body.gallery.single .achievement .figArea .thums > li:not(.current) figure:hover::after {
content: "";
width: 100%;
height: 100%;
display: block;
background-color: rgba(34, 34, 34, 0.3);
position: absolute;
top: 0;
left: 0;
pointer-events: none;
}
}
body.gallery.single .achievement .infoArea {
margin-top: 60px;
}
body.gallery.single .achievement .infoArea .info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
border-top: 1px solid #D2D2D2;
padding: 20px 0;
}
body.gallery.single .achievement .infoArea .info:nth-last-of-type(1) {
border-bottom: 1px solid #D2D2D2;
}
body.gallery.single .achievement .infoArea .info > dt {
font-weight: bold;
width: 120px;
}
body.gallery.single .achievement .infoArea .info > dd {
width: calc(100% - 120px);
}
body.projects.single .nav {
width: 340px;
background-color: #004612;
position: absolute;
bottom: -30px;
right: 100px;
padding: 32px 30px 26px 21px;
}
@media only screen and (max-width: 769px) {
body.projects.single .nav {
display: none;
}
}
body.projects.single .nav, body.projects.single .nav a {
color: #FFF;
}
body.projects.single .nav .ttl {
font-size: 24px;
font-weight: bold;
text-align: right;
margin-bottom: 33px;
}
body.projects.single .nav dl {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
body.projects.single .nav dl, body.projects.single .nav dl a {
font-size: 14px;
font-weight: bold;
line-height: 1.785;
}
body.projects.single .nav dl > dd {
margin-left: 5px;
}
body.projects.single .nav dl > dd ul > li a::before {
content: "・";
}
body.projects.single .nav dl > dd ul > li a:hover {
color: #FCE777;
}
body.projects.single[data-projects=projects01] .nav dl:nth-of-type(1) dt, body.projects.single[data-projects=projects01] .nav dl:nth-of-type(1) dd ul > li:nth-child(1) a {
color: #FCE777;
}
body.projects.single[data-projects=projects02] .nav dl:nth-of-type(2) dt, body.projects.single[data-projects=projects02] .nav dl:nth-of-type(2) dd ul > li:nth-child(1) a {
color: #FCE777;
}
body.projects.single[data-projects=projects03] .nav dl:nth-of-type(3) dt, body.projects.single[data-projects=projects03] .nav dl:nth-of-type(3) dd ul > li:nth-child(1) a {
color: #FCE777;
}
body.projects.single .frame {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
body.projects.single .frame span {
text-align: center;
padding: 10px 20px;
}
body.projects.single .frame span::before, body.projects.single .frame span::after {
content: "";
width: 18px;
height: 81px;
display: block;
position: absolute;
}
body.projects.single .frame span::before {
border-top: 2px solid #23923F;
}
body.projects.single .frame span::before {
border-left: 2px solid #23923F;
}
body.projects.single .frame span::after {
border-bottom: 2px solid #23923F;
}
body.projects.single .frame span::after {
border-right: 2px solid #23923F;
}
body.projects.single .frame span::before {
top: 0;
left: 0;
}
body.projects.single .frame span::after {
bottom: 0;
right: 0;
}
@media only screen and (min-width: 769px) {
body.projects.single .postContents {
padding-bottom: 180px;
}
}
@media only screen and (max-width: 769px) {
body.projects.single .postContents {
padding-bottom: 42px;
}
}
@media only screen and (min-width: 769px) {
body.projects.single .postContents .fig .caption {
font-size: 15px;
font-weight: bold;
color: #FFF;
position: absolute;
bottom: 20px;
left: 20px;
}
}
@media only screen and (max-width: 769px) {
body.projects.single .postContents .fig .caption {
width: 89.552%;
font-size: 12px;
line-height: 1.333;
margin: 5px auto 0;
}
}
body.projects.single .postContents .mvArea {
margin: 0 auto;
}
@media only screen and (min-width: 769px) {
body.projects.single .postContents .mvArea {
width: 1200px;
}
}
body.projects.single .postContents .mvArea h2 {
text-align: center;
color: #0B6F24;
}
@media only screen and (min-width: 769px) {
body.projects.single .postContents .mvArea h2 {
font-size: 28px;
padding: 80px 0 70px;
}
}
@media only screen and (max-width: 769px) {
body.projects.single .postContents .mvArea h2 {
font-size: 22px;
padding: 28px 5% 32px;
}
}
@media only screen and (max-width: 769px) {
body.projects.single .postContents .mvArea .fig .caption {
font-size: 12px;
font-weight: bold;
color: #FFF;
position: absolute;
bottom: 20px;
left: 5%;
}
}
body.projects.single .postContents .mvArea p {
font-size: 14px;
line-height: 1.428;
}
@media only screen and (min-width: 769px) {
body.projects.single .postContents .mvArea p {
width: 57%;
margin-top: 14px;
}
}
@media only screen and (max-width: 769px) {
body.projects.single .postContents .mvArea p {
width: 90%;
margin: 20px auto 0;
}
}
@media only screen and (min-width: 769px) {
body.projects.single .postContents .articleArea {
margin-top: 100px;
}
}
@media only screen and (max-width: 769px) {
body.projects.single .postContents .articleArea {
margin-top: 65px;
}
}
body.projects.single .postContents .articleArea h3 {
font-weight: bold;
}
@media only screen and (min-width: 769px) {
body.projects.single .postContents .articleArea h3 {
font-size: 60px;
margin-top: 100px;
margin-bottom: 44px;
}
}
@media only screen and (max-width: 769px) {
body.projects.single .postContents .articleArea h3 {
font-size: 42px;
margin-top: 40px;
}
}
body.projects.single .postContents .articleArea h3 span {
color: #004612;
border-bottom: 1px solid #0B6F24;
display: inline-block;
}
@media only screen and (min-width: 769px) {
body.projects.single .postContents .articleArea h3 span {
padding-left: calc((100% - 1000px) / 2);
padding-right: 36px;
}
}
@media only screen and (max-width: 769px) {
body.projects.single .postContents .articleArea h3 span {
padding-left: 5%;
padding-right: 36px;
}
}
@media only screen and (min-width: 769px) {
body.projects.single .postContents .articleArea h3.reverse {
padding-left: calc((100% - 1000px) / 2);
}
}
@media only screen and (min-width: 769px) {
body.projects.single .postContents .articleArea h3.reverse span {
width: 100%;
padding: 0;
}
}
@media only screen and (min-width: 769px) {
body.projects.single .postContents .articleArea .contents {
width: 1000px;
margin: 0 auto 0;
}
}
@media only screen and (max-width: 769px) {
body.projects.single .postContents .articleArea .contents {
width: 90%;
margin: 33px auto 0;
}
}
body.projects.single .postContents .articleArea .contents .catch {
font-family: "Noto Serif JP", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", "メイリオ", "Meiryo", sans-serif;
font-weight: 300;
font-weight: 700;
color: #23923F;
}
@media only screen and (min-width: 769px) {
body.projects.single .postContents .articleArea .contents .catch {
font-size: 33px;
line-height: 1.727;
margin-top: 70px;
}
}
@media only screen and (max-width: 769px) {
body.projects.single .postContents .articleArea .contents .catch {
font-size: 21px;
line-height: 1.476;
margin-top: 40px;
}
}
body.projects.single .postContents .articleArea .contents p {
line-height: 2;
}
@media only screen and (min-width: 769px) {
body.projects.single .postContents .articleArea .contents p {
margin-top: 40px;
}
}
@media only screen and (max-width: 769px) {
body.projects.single .postContents .articleArea .contents p {
margin-top: 33px;
}
}
@media only screen and (min-width: 769px) {
body.projects.single .postContents .articleArea .contents figure {
margin-top: 50px;
}
}
@media only screen and (max-width: 769px) {
body.projects.single .postContents .articleArea .contents figure {
width: 89.552%;
margin-top: 30px;
}
}
@media only screen and (min-width: 769px) {
body.projects.single .postContents .articleArea .contents .flex {
margin-top: 65px;
}
}
@media only screen and (max-width: 769px) {
body.projects.single .postContents .articleArea .contents .flex {
margin-top: 33px;
}
}
@media only screen and (min-width: 769px) {
body.projects.single .postContents .articleArea .contents .flex.pc {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
@media only screen and (min-width: 769px) {
body.projects.single .postContents .articleArea .contents .flex figure {
width: 33.6%;
margin: 0;
}
}
@media only screen and (max-width: 769px) {
body.projects.single .postContents .articleArea .contents .flex figure {
width: 59.701%;
margin-top: 33px;
}
}
body.projects.single .postContents .articleArea .contents .flex p {
margin: 0;
}
@media only screen and (min-width: 769px) {
body.projects.single .postContents .articleArea .contents .flex p {
width: 62.1%;
}
}
@media only screen and (max-width: 769px) {
body.projects.single .postContents .articleArea .contents .flex p {
margin-top: 33px;
}
}
@media only screen and (min-width: 769px) {
body.projects.single .postContents .articleArea .layout {
width: 1000px;
margin: 80px auto 0;
}
}
@media only screen and (max-width: 769px) {
body.projects.single .postContents .articleArea .layout {
margin-top: 35px;
}
}
body.projects.single .postContents .articleArea .layout p {
line-height: 2;
}
@media only screen and (min-width: 769px) {
body.projects.single .postContents .articleArea .layout .box01 .fig {
width: 33.6%;
position: absolute;
top: 0;
right: 0;
}
}
@media only screen and (min-width: 769px) {
body.projects.single .postContents .articleArea .layout .box01 .fig figure {
margin: 0;
}
}
@media only screen and (max-width: 769px) {
body.projects.single .postContents .articleArea .layout .box01 .fig figure {
width: 59.701%;
}
}
body.projects.single .postContents .articleArea .layout .box01 .fig .text {
font-weight: bold;
}
@media only screen and (min-width: 769px) {
body.projects.single .postContents .articleArea .layout .box01 .fig .text {
font-size: 14px;
line-height: 1.357;
text-align: right;
margin-top: 20px;
}
}
@media only screen and (max-width: 769px) {
body.projects.single .postContents .articleArea .layout .box01 .fig .text {
font-size: 13px;
width: 59.701%;
text-align: center;
margin: 0 auto;
}
}
@media only screen and (min-width: 769px) {
body.projects.single .postContents .articleArea .layout .box01 p {
width: 62.2%;
}
}
@media only screen and (max-width: 769px) {
body.projects.single .postContents .articleArea .layout .box01 p {
width: 90%;
margin: 23px auto 0;
}
}
@media only screen and (min-width: 769px) {
body.projects.single .postContents .articleArea .layout .box02 {
margin-top: 37px;
}
}
@media only screen and (max-width: 769px) {
body.projects.single .postContents .articleArea .layout .box02 {
background-color: #E2EAE4;
padding: 31.2px 10% 34px;
margin-top: 18px;
}
}
body.projects.single .postContents .articleArea .layout .box02 p {
font-size: 14px;
line-height: 1.785;
color: #004612;
}
@media only screen and (min-width: 769px) {
body.projects.single .postContents .articleArea .layout .box02 p {
width: 41%;
font-weight: bold;
background-color: #E2EAE4;
position: absolute;
bottom: 34px;
right: 0;
padding: 28px;
}
}
@media only screen and (max-width: 769px) {
body.projects.single .postContents .articleArea .layout .box02 p {
margin-top: 18px;
}
}
body.projects.single .postContents .articleArea .layout .box02 figure {
margin: 0;
}
@media only screen and (min-width: 769px) {
body.projects.single .postContents .articleArea .layout .box02 figure {
width: 62.3%;
}
}
@media only screen and (min-width: 769px) {
body.projects.single .postContents .articleArea .layout .box03 p {
margin-top: 47px;
}
}
@media only screen and (max-width: 769px) {
body.projects.single .postContents .articleArea .layout .box03 p {
width: 90%;
margin: 25px auto 0;
}
}
@media only screen and (min-width: 769px) {
body.projects.single .postContents .articleArea .info {
width: 1000px;
margin: 100px auto 0;
}
}
@media only screen and (max-width: 769px) {
body.projects.single .postContents .articleArea .info {
width: 90%;
margin: 50px auto 0;
}
}
body.projects.single .postContents .articleArea .info dl {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border-top: 1px solid #D2D2D2;
padding: 20px 0;
}
body.projects.single .postContents .articleArea .info dl:nth-last-of-type(1) {
border-bottom: 1px solid #D2D2D2;
}
body.projects.single .postContents .articleArea .info dl > dt {
font-weight: bold;
}
@media only screen and (min-width: 769px) {
body.projects.single .postContents .articleArea .info dl > dt {
width: 120px;
}
}
@media only screen and (max-width: 769px) {
body.projects.single .postContents .articleArea .info dl > dt {
width: 35%;
}
}
@media only screen and (min-width: 769px) {
body.projects.single .postContents .articleArea .info dl > dd {
width: calc(100% - 120px);
}
}
@media only screen and (max-width: 769px) {
body.projects.single .postContents .articleArea .info dl > dd {
width: 65%;
}
}
body.projects.single .postContents .articleArea .date {
text-align: right;
}
@media only screen and (min-width: 769px) {
body.projects.single .postContents .articleArea .date {
width: 1000px;
margin: 30px auto 0;
}
}
@media only screen and (max-width: 769px) {
body.projects.single .postContents .articleArea .date {
width: 90%;
margin: 8px auto 0;
}
}
@media only screen and (min-width: 769px) {
body.projects.single .postContents .articleArea .toBeContinue {
padding-left: calc((100% - 1000px) / 2);
margin-top: 160px;
margin-left: auto;
}
}
@media only screen and (max-width: 769px) {
body.projects.single .postContents .articleArea .toBeContinue {
margin-top: 40px;
}
}
@media only screen and (min-width: 769px) {
body.projects.single.projects02 .kvArea.projects {
background-image: url(//www.matsumura-gumi.co.jp/wp-content/themes/matsumura/assets/images/projects/bg2.jpg);
}
}
@media only screen and (max-width: 769px) {
body.projects.single.projects02 .kvArea.projects {
background-image: url(//www.matsumura-gumi.co.jp/wp-content/themes/matsumura/assets/images/projects/bg2_mb.jpg);
}
}
@media only screen and (min-width: 769px) {
body.projects.single.projects03 .kvArea.projects {
background-image: url(//www.matsumura-gumi.co.jp/wp-content/themes/matsumura/assets/images/projects/bg3.jpg);
}
}
@media only screen and (max-width: 769px) {
body.projects.single.projects03 .kvArea.projects {
background-image: url(//www.matsumura-gumi.co.jp/wp-content/themes/matsumura/assets/images/projects/bg3_mb.jpg);
}
}
@media only screen and (max-width: 769px) {
body.projects.single.projects02 .postContents .articleArea {
margin-top: 40px;
}
}
@media only screen and (max-width: 769px) {
body.projects.single.projects02 .postContents .articleArea .top {
font-size: 31px;
}
}
@media only screen and (max-width: 769px) {
body.projects.single.projects02 .postContents .articleArea .contents {
margin-top: 24px;
}
}
@media only screen and (max-width: 769px) {
body.projects.single.projects02 .postContents .articleArea .contents .catch {
font-size: 18px;
}
}
@media only screen and (max-width: 769px) {
body.projects.single.projects02 .postContents .articleArea .contents .catch {
margin-top: 24px;
}
}
body.projects.single.projects02 .postContents .articleArea .contents .flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
body.projects.single.projects02 .postContents .articleArea .contents .flex .fig figure {
width: 100%;
}
@media only screen and (min-width: 769px) {
body.projects.single.projects02 .postContents .articleArea .contents #ct01_01 {
margin-top: 48px;
}
body.projects.single.projects02 .postContents .articleArea .contents #ct01_02 {
margin-top: 48px;
}
body.projects.single.projects02 .postContents .articleArea .contents #ct01_03 {
margin-top: 17px;
}
}
@media only screen and (max-width: 769px) {
body.projects.single.projects02 .postContents .articleArea .contents #ct01_01 {
margin-top: 20px;
}
body.projects.single.projects02 .postContents .articleArea .contents #ct01_01 p {
margin-top: 0;
}
body.projects.single.projects02 .postContents .articleArea .contents #ct01_01 .fig {
margin: 44px auto 0;
}
body.projects.single.projects02 .postContents .articleArea .contents #ct01_01 .fig figure {
margin-top: 0;
}
body.projects.single.projects02 .postContents .articleArea .contents #ct01_02 {
margin-top: 40px;
}
body.projects.single.projects02 .postContents .articleArea .contents #ct01_03 {
margin-top: 42px;
}
}
@media only screen and (min-width: 769px) {
body.projects.single.projects02 .postContents .articleArea .contents #ct02_01 {
margin-top: 50px;
}
body.projects.single.projects02 .postContents .articleArea .contents #ct02_02 {
margin-top: 78px;
}
body.projects.single.projects02 .postContents .articleArea .contents #ct02_03 {
margin-top: 25px;
}
body.projects.single.projects02 .postContents .articleArea .contents #ct02_04 {
margin-top: 12px;
}
body.projects.single.projects02 .postContents .articleArea .contents #ct02_04 figure {
margin-top: 0;
}
body.projects.single.projects02 .postContents .articleArea .contents #ct02_05 {
margin-top: 50px;
}
}
@media only screen and (max-width: 769px) {
body.projects.single.projects02 .postContents .articleArea .contents #ct02_01 {
margin-top: 28px;
}
body.projects.single.projects02 .postContents .articleArea .contents #ct02_01 figure {
margin-top: 0;
}
body.projects.single.projects02 .postContents .articleArea .contents #ct02_02 {
margin-top: 15px;
}
body.projects.single.projects02 .postContents .articleArea .contents #ct02_02 .fig {
margin: 0 auto;
}
body.projects.single.projects02 .postContents .articleArea .contents #ct02_02 .fig figure {
margin-top: 0;
}
body.projects.single.projects02 .postContents .articleArea .contents #ct02_02 p {
margin-top: 20px;
}
body.projects.single.projects02 .postContents .articleArea .contents #ct02_03 {
margin-top: 27px;
}
body.projects.single.projects02 .postContents .articleArea .contents #ct02_04 {
margin-top: 12px;
}
body.projects.single.projects02 .postContents .articleArea .contents #ct02_04 figure {
margin-top: 0;
}
body.projects.single.projects02 .postContents .articleArea .contents #ct02_05 {
margin-top: 20px;
}
body.projects.single.projects02 .postContents .articleArea .contents #ct02_05 p {
margin-top: 0;
}
body.projects.single.projects02 .postContents .articleArea .contents #ct02_05 .fig {
margin: 11px auto 0;
}
body.projects.single.projects02 .postContents .articleArea .contents #ct02_05 .fig figure {
margin: 0;
}
}
@media only screen and (min-width: 769px) {
body.projects.single.projects02 .postContents .articleArea .contents #ct03_02 {
margin-top: 57px;
}
body.projects.single.projects02 .postContents .articleArea .contents #ct03_03 {
margin-top: 27px;
}
body.projects.single.projects02 .postContents .articleArea .contents #ct03_03 figure {
margin-top: 0;
}
body.projects.single.projects02 .postContents .articleArea .contents #ct03_04 {
margin-top: 30px;
}
body.projects.single.projects02 .postContents .articleArea .contents #ct03_05 {
margin-top: 100px;
}
}
@media only screen and (max-width: 769px) {
body.projects.single.projects02 .postContents .articleArea .contents #ct03_02 {
margin-top: 11px;
}
body.projects.single.projects02 .postContents .articleArea .contents #ct03_03 {
margin-top: 20px;
}
body.projects.single.projects02 .postContents .articleArea .contents #ct03_03 figure {
margin-top: 0;
}
body.projects.single.projects02 .postContents .articleArea .contents #ct03_04 {
margin-top: 20px;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
body.projects.single.projects02 .postContents .articleArea .contents #ct03_04 .fig {
margin: 0 auto;
}
body.projects.single.projects02 .postContents .articleArea .contents #ct03_04 .fig figure {
margin-top: 20px;
}
body.projects.single.projects02 .postContents .articleArea .contents #ct03_04 p {
margin-top: 0;
}
}
body.projects.single.projects02 .postContents .articleArea h3.staff {
font-weight: bold;
color: #004612;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media only screen and (min-width: 769px) {
body.projects.single.projects02 .postContents .articleArea h3.staff {
font-size: 56px;
}
}
@media only screen and (max-width: 769px) {
body.projects.single.projects02 .postContents .articleArea h3.staff {
font-size: 30px;
}
}
@media only screen and (max-width: 769px) {
body.projects.single.projects02 .postContents .articleArea h3.staff {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
@media only screen and (min-width: 769px) {
body.projects.single.projects02 .postContents .articleArea h3.staff {
margin-top: 80px;
}
}
@media only screen and (max-width: 769px) {
body.projects.single.projects02 .postContents .articleArea h3.staff {
margin-top: 38px;
}
}
@media only screen and (min-width: 769px) {
body.projects.single.projects02 .postContents .articleArea h3.staff::before, body.projects.single.projects02 .postContents .articleArea h3.staff::after {
content: "";
width: 230px;
height: 122px;
display: block;
}
body.projects.single.projects02 .postContents .articleArea h3.staff::before {
background: url(//www.matsumura-gumi.co.jp/wp-content/themes/matsumura/assets/images/projects/icon_staff1.png) no-repeat;
background-position: center center;
background-size: contain;
}
body.projects.single.projects02 .postContents .articleArea h3.staff::after {
background: url(//www.matsumura-gumi.co.jp/wp-content/themes/matsumura/assets/images/projects/icon_staff2.png) no-repeat;
background-position: center center;
background-size: contain;
}
}
@media only screen and (min-width: 769px) {
body.projects.single.projects02 .postContents .articleArea #ct04 {
margin-top: 100px;
}
}
@media only screen and (max-width: 769px) {
body.projects.single.projects02 .postContents .articleArea #ct04 {
margin-top: 30px;
}
}
@media only screen and (max-width: 769px) {
body.projects.single.projects02 .postContents .articleArea #ct04 figure {
width: 100%;
}
}
body.projects.single.projects03 .postContents .articleArea .contents p {
margin: 0;
}
body.projects.single.projects03 .postContents .articleArea .contents figure {
margin: 0 auto;
}
@media only screen and (max-width: 769px) {
body.projects.single.projects03 .postContents .articleArea .contents figure {
max-width: 400px;
}
}
@media only screen and (min-width: 769px) {
body.projects.single.projects03 .postContents .articleArea .contents #pr03_01_01 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
body.projects.single.projects03 .postContents .articleArea .contents #pr03_01_01 .left {
width: 71.21%;
}
body.projects.single.projects03 .postContents .articleArea .contents #pr03_01_01 .right {
width: 26.6%;
}
}
@media only screen and (min-width: 769px) {
body.projects.single.projects03 .postContents .articleArea .contents #pr03_01_01 {
margin-top: 48px;
}
}
@media only screen and (max-width: 769px) {
body.projects.single.projects03 .postContents .articleArea .contents #pr03_01_01 {
margin-top: 22px;
}
}
@media only screen and (min-width: 769px) {
body.projects.single.projects03 .postContents .articleArea .contents #pr03_01_01 .left figure {
margin-top: 17px;
}
}
@media only screen and (max-width: 769px) {
body.projects.single.projects03 .postContents .articleArea .contents #pr03_01_01 .left figure {
margin-top: 30px;
}
}
@media only screen and (max-width: 769px) {
body.projects.single.projects03 .postContents .articleArea .contents #pr03_01_01 .right {
margin-top: 5px;
}
}
@media only screen and (min-width: 769px) {
body.projects.single.projects03 .postContents .articleArea .contents #pr03_01_02 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
body.projects.single.projects03 .postContents .articleArea .contents #pr03_01_02 p {
width: 57.8%;
}
body.projects.single.projects03 .postContents .articleArea .contents #pr03_01_02 .fig {
width: 39.7%;
}
}
@media only screen and (min-width: 769px) {
body.projects.single.projects03 .postContents .articleArea .contents #pr03_01_02 {
margin-top: 100px;
}
}
@media only screen and (max-width: 769px) {
body.projects.single.projects03 .postContents .articleArea .contents #pr03_01_02 {
margin-top: 40px;
}
}
@media only screen and (max-width: 769px) {
body.projects.single.projects03 .postContents .articleArea .contents #pr03_01_02 .fig {
margin-top: 44px;
}
}
@media only screen and (max-width: 769px) {
body.projects.single.projects03 .postContents .articleArea .contents #pr03_01_02 .fig figure {
max-width: 200px;
}
}
@media only screen and (min-width: 769px) {
body.projects.single.projects03 .postContents .articleArea .contents #pr03_01_03 {
margin-top: 30px;
}
}
@media only screen and (max-width: 769px) {
body.projects.single.projects03 .postContents .articleArea .contents #pr03_01_03 {
margin-top: 40px;
}
}
@media only screen and (min-width: 769px) {
body.projects.single.projects03 .postContents .articleArea .contents #pr03_01_04 {
margin-top: 25px;
}
}
@media only screen and (max-width: 769px) {
body.projects.single.projects03 .postContents .articleArea .contents #pr03_01_04 {
margin-top: 20px;
}
}
@media only screen and (min-width: 769px) {
body.projects.single.projects03 .postContents .articleArea .contents #pr03_01_05 {
margin-top: 20px;
}
}
@media only screen and (max-width: 769px) {
body.projects.single.projects03 .postContents .articleArea .contents #pr03_01_05 {
margin-top: 42px;
}
}
@media only screen and (min-width: 769px) {
body.projects.single.projects03 .postContents .articleArea .contents #pr03_01_06 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
body.projects.single.projects03 .postContents .articleArea .contents #pr03_01_06 p {
width: 55%;
}
body.projects.single.projects03 .postContents .articleArea .contents #pr03_01_06 .fig {
width: 42.3%;
}
}
@media only screen and (min-width: 769px) {
body.projects.single.projects03 .postContents .articleArea .contents #pr03_01_06 {
margin-top: 100px;
}
}
@media only screen and (max-width: 769px) {
body.projects.single.projects03 .postContents .articleArea .contents #pr03_01_06 {
margin-top: 40px;
}
}
@media only screen and (max-width: 769px) {
body.projects.single.projects03 .postContents .articleArea .contents #pr03_01_06 .fig {
margin-top: 33px;
}
}
@media only screen and (min-width: 769px) {
body.projects.single.projects03 .postContents .articleArea .contents #pr03_01_07 {
margin-top: 30px;
}
}
@media only screen and (max-width: 769px) {
body.projects.single.projects03 .postContents .articleArea .contents #pr03_01_07 {
margin-top: 6px;
}
}
@media only screen and (min-width: 769px) {
body.projects.single.projects03 .postContents .articleArea .contents #staffInterview1 {
margin-top: 160px;
}
}
@media only screen and (max-width: 769px) {
body.projects.single.projects03 .postContents .articleArea .contents#pr03_02 figure {
width: 100%;
}
}
@media only screen and (min-width: 769px) {
body.projects.single.projects03 .postContents .articleArea .contents #pr03_02_01 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
body.projects.single.projects03 .postContents .articleArea .contents #pr03_02_01 p {
width: 67.4%;
}
body.projects.single.projects03 .postContents .articleArea .contents #pr03_02_01 .fig {
width: 28.9%;
}
}
@media only screen and (min-width: 769px) {
body.projects.single.projects03 .postContents .articleArea .contents #pr03_02_01 {
margin-top: 60px;
}
}
@media only screen and (max-width: 769px) {
body.projects.single.projects03 .postContents .articleArea .contents #pr03_02_01 {
margin-top: 11px;
}
}
@media only screen and (max-width: 769px) {
body.projects.single.projects03 .postContents .articleArea .contents #pr03_02_01 .fig {
margin-top: 24px;
}
}
@media only screen and (min-width: 769px) {
body.projects.single.projects03 .postContents .articleArea .contents #pr03_02_02 {
margin-top: 43px;
}
}
@media only screen and (max-width: 769px) {
body.projects.single.projects03 .postContents .articleArea .contents #pr03_02_02 {
margin-top: 30px;
}
}
@media only screen and (min-width: 769px) {
body.projects.single.projects03 .postContents .articleArea .contents #pr03_02_03 {
margin-top: 30px;
}
}
@media only screen and (max-width: 769px) {
body.projects.single.projects03 .postContents .articleArea .contents #pr03_02_03 {
margin-top: 20px;
}
}
body.projects.single.projects03 .postContents .articleArea .contents #pr03_02_04 {
border-top: 1px solid #0B6F24;
}
@media only screen and (min-width: 769px) {
body.projects.single.projects03 .postContents .articleArea .contents #pr03_02_04 {
padding-top: 86px;
}
}
@media only screen and (max-width: 769px) {
body.projects.single.projects03 .postContents .articleArea .contents #pr03_02_04 {
padding-top: 46px;
}
}
@media only screen and (min-width: 769px) {
body.projects.single.projects03 .postContents .articleArea .contents #pr03_02_04 {
margin-top: 100px;
}
}
@media only screen and (max-width: 769px) {
body.projects.single.projects03 .postContents .articleArea .contents #pr03_02_04 {
margin-top: 36px;
}
}
body.projects.single.projects03 .postContents .articleArea .contents #pr03_02_04 .ttl {
font-family: "Noto Serif JP", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", "メイリオ", "Meiryo", sans-serif;
font-weight: 300;
font-weight: 700;
color: #23923F;
}
@media only screen and (min-width: 769px) {
body.projects.single.projects03 .postContents .articleArea .contents #pr03_02_04 .ttl {
font-size: 33px;
}
}
@media only screen and (max-width: 769px) {
body.projects.single.projects03 .postContents .articleArea .contents #pr03_02_04 .ttl {
font-size: 21px;
}
}
@media only screen and (min-width: 769px) {
body.projects.single.projects03 .postContents .articleArea .contents #pr03_02_04 p {
margin-top: 30px;
}
}
@media only screen and (max-width: 769px) {
body.projects.single.projects03 .postContents .articleArea .contents #pr03_02_04 p {
margin-top: 30px;
}
}
@media only screen and (min-width: 769px) {
body.projects.single.projects03 .postContents .articleArea .contents #pr03_02_04 .fig {
margin-top: 30px;
}
}
@media only screen and (max-width: 769px) {
body.projects.single.projects03 .postContents .articleArea .contents #pr03_02_04 .fig {
margin-top: 21px;
}
}
@media only screen and (min-width: 769px) {
body.projects.single .projectsLinks {
margin-top: 150px;
}
}
@media only screen and (max-width: 769px) {
body.projects.single .projectsLinks {
margin-top: 40px;
}
}
body.projects.single .projectsLinks ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
body.projects.single .projectsLinks ul > li a {
height: 50px;
font-weight: bold;
color: #fff;
background-color: #23923F;
border: 1px solid #23923F;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media only screen and (min-width: 769px) {
body.projects.single .projectsLinks ul > li a {
width: 237px;
}
}
@media only screen and (max-width: 769px) {
body.projects.single .projectsLinks ul > li a {
width: 100px;
}
}
@media only screen and (min-width: 769px) {
body.projects.single .projectsLinks ul > li a {
font-size: 16px;
}
}
@media only screen and (max-width: 769px) {
body.projects.single .projectsLinks ul > li a {
font-size: 14px;
}
}
@media only screen and (min-width: 769px) {
body.projects.single .projectsLinks ul > li a {
border-radius: 10px;
}
}
@media only screen and (max-width: 769px) {
body.projects.single .projectsLinks ul > li a {
border-radius: 6px;
}
}
body.projects.single .projectsLinks ul > li a[href] {
color: #23923F;
background-color: #fff;
border-color: #ccc;
}
body.projects.single .projectsLinks ul > li a[href]:hover {
color: #fff;
background-color: #23923F;
border: 1px solid #23923F;
}
@media only screen and (min-width: 769px) {
body.projects.single .projectsLinks ul > li:nth-of-type(n+2) {
margin-left: 16px;
}
}
@media only screen and (max-width: 769px) {
body.projects.single .projectsLinks ul > li:nth-of-type(n+2) {
margin-left: 10px;
}
}
body.sustainability.action .withPageNav .navArea .nav .pages {
padding-bottom: 20px;
border-bottom: 1px solid #004612;
}
body.sustainability.action .withPageNav #post h3.top {
margin-top: 0;
}
body.sustainability.action .withPageNav #post h3.contact, body.sustainability.action .withPageNav #post h3.inv {
width: 0;
height: 0;
display: block;
z-index: -99999;
pointer-events: none;
overflow: hidden;
padding: 0;
margin: 0;
}
body.sustainability.action .withPageNav #post .bg {
background-color: #D3E6D8;
}
body.sustainability.action .withPageNav #post table {
font-weight: bold;
font-size: 14px;
text-align: center;
margin-top: 4px;
border-collapse: separate;
border-spacing: 2px 1px;
white-space: nowrap;
}
@media only screen and (min-width: 769px) {
body.sustainability.action .withPageNav #post table {
width: 100%;
}
}
body.sustainability.action .withPageNav #post table tr th {
color: #fff;
background-color: #65ACB5;
}
@media only screen and (min-width: 769px) {
body.sustainability.action .withPageNav #post table tr th {
padding: 13px 7px;
}
}
@media only screen and (max-width: 769px) {
body.sustainability.action .withPageNav #post table tr th {
padding: 13px 10px;
}
}
body.sustainability.action .withPageNav #post table tr td {
background-color: #D3E6D8;
}
body.sustainability.action .withPageNav #post table tr td:nth-child(1) {
text-align: center;
}
@media only screen and (min-width: 769px) {
body.sustainability.action .withPageNav #post table tr td {
padding: 10px 7px;
}
}
@media only screen and (max-width: 769px) {
body.sustainability.action .withPageNav #post table tr td {
padding: 13px 10px;
}
}
body.sustainability.action .withPageNav #post .sloganArea {
text-align: center;
background-color: rgba(211, 230, 216, 0.25);
border-radius: 20px;
}
@media only screen and (min-width: 769px) {
body.sustainability.action .withPageNav #post .sloganArea {
padding: 34px 0 45px;
margin-top: 50px;
}
}
@media only screen and (max-width: 769px) {
body.sustainability.action .withPageNav #post .sloganArea {
padding: 35px 0 40px;
margin-top: 44px;
}
}
body.sustainability.action .withPageNav #post .sloganArea .ttl {
font-weight: bold;
}
@media only screen and (min-width: 769px) {
body.sustainability.action .withPageNav #post .sloganArea .ttl {
font-size: 20px;
}
}
@media only screen and (max-width: 769px) {
body.sustainability.action .withPageNav #post .sloganArea .ttl {
font-size: 18px;
}
}
body.sustainability.action .withPageNav #post .sloganArea .main {
font-weight: bold;
color: #0B6F24;
}
@media only screen and (min-width: 769px) {
body.sustainability.action .withPageNav #post .sloganArea .main {
font-size: 20px;
line-height: 1.34;
margin-top: 20px;
}
}
@media only screen and (max-width: 769px) {
body.sustainability.action .withPageNav #post .sloganArea .main {
font-size: 16px;
margin-top: 24px;
}
}
@media only screen and (min-width: 769px) {
body.sustainability.action .withPageNav #post .sloganArea .main .emph {
font-size: 32px;
line-height: 1.75;
}
}
@media only screen and (max-width: 769px) {
body.sustainability.action .withPageNav #post .sloganArea .main .emph {
font-size: 24px;
line-height: 1.25;
}
}
body.sustainability.action .withPageNav #post .sloganArea .main2 {
font-weight: bold;
}
@media only screen and (min-width: 769px) {
body.sustainability.action .withPageNav #post .sloganArea .main2 {
font-size: 23px;
line-height: 1.2;
margin-top: 20px;
}
}
@media only screen and (max-width: 769px) {
body.sustainability.action .withPageNav #post .sloganArea .main2 {
font-size: 20px;
line-height: 1.4;
margin-top: 10px;
}
}
@media only screen and (min-width: 769px) {
body.sustainability.action .withPageNav #post .sloganArea .sub2 {
font-size: 14px;
margin-top: 10px;
}
}
@media only screen and (max-width: 769px) {
body.sustainability.action .withPageNav #post .sloganArea .sub2 {
font-size: 12px;
line-height: 1.666;
margin-top: 13px;
}
}
@media only screen and (min-width: 769px) {
body.sustainability.action .withPageNav #post .process h3 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
}
@media only screen and (max-width: 769px) {
body.sustainability.action .withPageNav #post .process h3 {
line-height: 1;
}
}
body.sustainability.action .withPageNav #post .process h3 .small {
color: #0B6F24;
}
@media only screen and (min-width: 769px) {
body.sustainability.action .withPageNav #post .process h3 .small {
font-size: 18px;
margin-left: 10px;
}
}
@media only screen and (max-width: 769px) {
body.sustainability.action .withPageNav #post .process h3 .small {
font-size: 13px;
}
}
body.sustainability.action .withPageNav #post .process .desc {
line-height: 2;
}
@media only screen and (max-width: 769px) {
body.sustainability.action .withPageNav #post .process .desc {
text-align: center;
}
}
body.sustainability.action .withPageNav #post .process .desc .emph {
font-weight: bold;
font-size: 18px;
color: #23923F;
}
@media only screen and (min-width: 769px) {
body.sustainability.action .withPageNav #post .process figure {
margin-top: 60px;
}
}
@media only screen and (max-width: 769px) {
body.sustainability.action .withPageNav #post .process figure {
margin-top: 35px;
}
}
@media only screen and (min-width: 769px) {
body.sustainability.action .withPageNav #post .sdg {
margin-top: 83px;
}
}
@media only screen and (max-width: 769px) {
body.sustainability.action .withPageNav #post .sdg {
margin-top: 74px;
}
}
body.sustainability.action .withPageNav #post .sdg .ttl {
font-weight: bold;
text-align: center;
padding-bottom: 0;
margin-top: 0;
}
@media only screen and (min-width: 769px) {
body.sustainability.action .withPageNav #post .sdg .ttl {
margin-bottom: 30px;
}
}
@media only screen and (max-width: 769px) {
body.sustainability.action .withPageNav #post .sdg .ttl {
margin-bottom: 15px;
}
}
body.sustainability.action .withPageNav #post .sdg .ttl::before, body.sustainability.action .withPageNav #post .sdg .ttl::after {
content: none;
}
body.sustainability.action .withPageNav #post .sdg .ttl span {
color: #0B6F24;
display: inline-block;
}
@media only screen and (min-width: 769px) {
body.sustainability.action .withPageNav #post .sdg .ttl span {
font-size: 23px;
border: 1px solid #239241;
border-radius: 26px;
padding: 7px 30px;
}
}
@media only screen and (max-width: 769px) {
body.sustainability.action .withPageNav #post .sdg .ttl span {
font-size: 18px;
line-height: 1.4;
border-radius: 13px;
padding: 3px 15px;
}
}
@media only screen and (min-width: 769px) {
body.sustainability.action .withPageNav #post .sdg .cont {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
body.sustainability.action .withPageNav #post .sdg .cont > li {
border: 1px solid #707070;
border-radius: 6px;
}
@media only screen and (min-width: 769px) {
body.sustainability.action .withPageNav #post .sdg .cont > li {
width: 48.88%;
}
body.sustainability.action .withPageNav #post .sdg .cont > li:nth-of-type(n+3) {
margin-top: 10px;
}
}
@media only screen and (max-width: 769px) {
body.sustainability.action .withPageNav #post .sdg .cont > li:nth-of-type(n+2) {
margin-top: 15px;
}
}
body.sustainability.action .withPageNav #post .sdg .cont > li h5 {
text-align: center;
color: #fff;
background-color: #23923F;
padding: 5px 16px;
}
@media only screen and (min-width: 769px) {
body.sustainability.action .withPageNav #post .sdg .cont > li h5 {
font-size: 23px;
}
}
@media only screen and (max-width: 769px) {
body.sustainability.action .withPageNav #post .sdg .cont > li h5 {
font-size: 17px;
}
}
body.sustainability.action .withPageNav #post .sdg .cont > li h5 span {
width: 70px;
height: 100%;
background-color: #0B6F24;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
position: absolute;
top: 0;
left: 0;
}
@media only screen and (min-width: 769px) {
body.sustainability.action .withPageNav #post .sdg .cont > li h5 span {
font-size: 28px;
}
}
@media only screen and (max-width: 769px) {
body.sustainability.action .withPageNav #post .sdg .cont > li h5 span {
font-size: 25px;
}
}
@media only screen and (max-width: 769px) {
body.sustainability.action .withPageNav #post .sdg .cont > li h5 span {
padding-bottom: 2px;
}
}
body.sustainability.action .withPageNav #post .sdg .cont > li .contents {
border-top: 1px solid #707070;
}
@media only screen and (min-width: 769px) {
body.sustainability.action .withPageNav #post .sdg .cont > li .contents {
padding: 16px 13px;
}
}
@media only screen and (max-width: 769px) {
body.sustainability.action .withPageNav #post .sdg .cont > li .contents {
padding: 16px 23px;
}
}
@media only screen and (min-width: 769px) {
body.sustainability.action .withPageNav #post .sdg .cont > li .contents .text {
min-height: 170px;
}
}
body.sustainability.action .withPageNav #post .sdg .cont > li .contents .text > li {
padding-left: 1em;
text-indent: -1em;
}
body.sustainability.action .withPageNav #post .sdg .cont > li .contents .text > li.small {
font-size: 14px;
}
body.sustainability.action .withPageNav #post .sdg .cont > li .contents .text > li.small::before {
content: none;
}
body.sustainability.action .withPageNav #post .sdg .cont > li .contents .text > li::before {
content: "●";
color: #0B6F24;
}
body.sustainability.action .withPageNav #post .sdg .cont > li .contents .figs {
background-color: #F0F9FF;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media only screen and (min-width: 769px) {
body.sustainability.action .withPageNav #post .sdg .cont > li .contents .figs {
padding: 17px 21px;
margin-top: 20px;
}
}
@media only screen and (max-width: 769px) {
body.sustainability.action .withPageNav #post .sdg .cont > li .contents .figs {
padding: 13px;
margin-top: 10px;
}
}
body.sustainability.action .withPageNav #post .sdg .cont > li .contents .figs > li {
width: 26.81%;
}
@media only screen and (min-width: 769px) {
body.sustainability.action .withPageNav #post .sdg .cont > li .contents .figs > li:nth-of-type(n+2) {
margin-left: 20px;
}
body.sustainability.action .withPageNav #post .sdg .cont > li .contents .figs > li:nth-of-type(n+4) {
margin-top: 13px;
}
}
@media only screen and (max-width: 769px) {
body.sustainability.action .withPageNav #post .sdg .cont > li .contents .figs > li:nth-of-type(n+2) {
margin-left: 15px;
}
body.sustainability.action .withPageNav #post .sdg .cont > li .contents .figs > li:nth-of-type(n+4) {
margin-top: 13px;
}
}
body.sustainability.action .withPageNav #post .sdg .cont > li .contents .figs > li:nth-of-type(3n+4) {
margin-left: 0;
}
body.sustainability.action .withPageNav #post .sdg .cont > li .contents .figs > li figure {
margin: 0;
}
body.sustainability.action .withPageNav #post .zeb .desc, body.sustainability.action .withPageNav #post .zehm .desc, body.sustainability.action .withPageNav #post .do .desc {
line-height: 2;
}
@media only screen and (min-width: 769px) {
body.sustainability.action .withPageNav #post .zeb .desc, body.sustainability.action .withPageNav #post .zehm .desc, body.sustainability.action .withPageNav #post .do .desc {
margin-top: 47px;
}
}
body.sustainability.action .withPageNav #post .zeb h4, body.sustainability.action .withPageNav #post .zehm h4, body.sustainability.action .withPageNav #post .do h4 {
font-size: 26px;
color: #004612;
}
@media only screen and (min-width: 769px) {
body.sustainability.action .withPageNav #post .zeb h4, body.sustainability.action .withPageNav #post .zehm h4, body.sustainability.action .withPageNav #post .do h4 {
margin-top: 40px;
}
}
@media only screen and (max-width: 769px) {
body.sustainability.action .withPageNav #post .zeb h4, body.sustainability.action .withPageNav #post .zehm h4, body.sustainability.action .withPageNav #post .do h4 {
margin-top: 36px;
margin-bottom: 15px;
}
}
@media only screen and (min-width: 769px) {
body.sustainability.action .withPageNav #post .zeb h4:nth-of-type(2), body.sustainability.action .withPageNav #post .zehm h4:nth-of-type(2), body.sustainability.action .withPageNav #post .do h4:nth-of-type(2) {
margin-top: 40px;
}
}
@media only screen and (max-width: 769px) {
body.sustainability.action .withPageNav #post .zeb h4:nth-of-type(2), body.sustainability.action .withPageNav #post .zehm h4:nth-of-type(2), body.sustainability.action .withPageNav #post .do h4:nth-of-type(2) {
margin-top: 44px;
}
}
@media only screen and (max-width: 769px) {
body.sustainability.action .withPageNav #post .zeb h4:nth-of-type(3), body.sustainability.action .withPageNav #post .zehm h4:nth-of-type(3), body.sustainability.action .withPageNav #post .do h4:nth-of-type(3) {
line-height: 1.2;
}
}
@media only screen and (max-width: 769px) {
body.sustainability.action .withPageNav #post .zeb h4:nth-of-type(3) .small, body.sustainability.action .withPageNav #post .zehm h4:nth-of-type(3) .small, body.sustainability.action .withPageNav #post .do h4:nth-of-type(3) .small {
font-size: 16px;
}
}
@media only screen and (min-width: 769px) {
body.sustainability.action .withPageNav #post .zeb h4 + .desc, body.sustainability.action .withPageNav #post .zehm h4 + .desc, body.sustainability.action .withPageNav #post .do h4 + .desc {
margin-top: 14px;
}
}
body.sustainability.action .withPageNav #post .zeb h5, body.sustainability.action .withPageNav #post .zehm h5, body.sustainability.action .withPageNav #post .do h5 {
font-size: 20px;
color: #004612;
border-left: 8px solid #23923F;
padding-left: 7px;
margin-top: 50px;
}
@media only screen and (min-width: 769px) {
body.sustainability.action .withPageNav #post .zeb h5, body.sustainability.action .withPageNav #post .zehm h5, body.sustainability.action .withPageNav #post .do h5 {
margin-bottom: 20px;
}
}
@media only screen and (max-width: 769px) {
body.sustainability.action .withPageNav #post .zeb h5, body.sustainability.action .withPageNav #post .zehm h5, body.sustainability.action .withPageNav #post .do h5 {
margin-bottom: 18px;
}
}
body.sustainability.action .withPageNav #post .zeb .caption, body.sustainability.action .withPageNav #post .zehm .caption, body.sustainability.action .withPageNav #post .do .caption {
margin-top: 10px;
}
@media only screen and (min-width: 769px) {
body.sustainability.action .withPageNav #post .zeb .caption, body.sustainability.action .withPageNav #post .zehm .caption, body.sustainability.action .withPageNav #post .do .caption {
text-align: right;
}
}
body.sustainability.action .withPageNav #post .zeb .caption, body.sustainability.action .withPageNav #post .zeb .caption a, body.sustainability.action .withPageNav #post .zehm .caption, body.sustainability.action .withPageNav #post .zehm .caption a, body.sustainability.action .withPageNav #post .do .caption, body.sustainability.action .withPageNav #post .do .caption a {
font-size: 12px;
}
@media only screen and (min-width: 769px) {
body.sustainability.action .withPageNav #post .zeb .fig01 figure, body.sustainability.action .withPageNav #post .zehm .fig01 figure, body.sustainability.action .withPageNav #post .do .fig01 figure {
margin-top: 14px;
}
}
@media only screen and (max-width: 769px) {
body.sustainability.action .withPageNav #post .zeb .fig01 figure, body.sustainability.action .withPageNav #post .zehm .fig01 figure, body.sustainability.action .withPageNav #post .do .fig01 figure {
margin-top: 25px;
}
}
body.sustainability.action .withPageNav #post .zeb .fig02 figure, body.sustainability.action .withPageNav #post .zehm .fig02 figure, body.sustainability.action .withPageNav #post .do .fig02 figure {
margin: 0 auto;
}
@media only screen and (max-width: 769px) {
body.sustainability.action .withPageNav #post .zeb .fig02 figure, body.sustainability.action .withPageNav #post .zehm .fig02 figure, body.sustainability.action .withPageNav #post .do .fig02 figure {
max-width: 335px;
}
}
body.sustainability.action .withPageNav #post .zeb .flex.zebFlex1, body.sustainability.action .withPageNav #post .zehm .flex.zebFlex1, body.sustainability.action .withPageNav #post .do .flex.zebFlex1 {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
@media only screen and (max-width: 769px) {
body.sustainability.action .withPageNav #post .zeb .flex.zebFlex1, body.sustainability.action .withPageNav #post .zehm .flex.zebFlex1, body.sustainability.action .withPageNav #post .do .flex.zebFlex1 {
margin-top: 0;
}
}
body.sustainability.action .withPageNav #post .zeb .flex.zebFlex1 .desc, body.sustainability.action .withPageNav #post .zehm .flex.zebFlex1 .desc, body.sustainability.action .withPageNav #post .do .flex.zebFlex1 .desc {
margin: 0;
}
@media only screen and (min-width: 769px) {
body.sustainability.action .withPageNav #post .zeb .flex.zebFlex1 .desc, body.sustainability.action .withPageNav #post .zehm .flex.zebFlex1 .desc, body.sustainability.action .withPageNav #post .do .flex.zebFlex1 .desc {
width: 546px;
}
}
@media only screen and (min-width: 769px) {
body.sustainability.action .withPageNav #post .zeb .flex.zebFlex1 .fig02, body.sustainability.action .withPageNav #post .zehm .flex.zebFlex1 .fig02, body.sustainability.action .withPageNav #post .do .flex.zebFlex1 .fig02 {
width: 339px;
}
}
@media only screen and (max-width: 769px) {
body.sustainability.action .withPageNav #post .zeb .flex.zebFlex1 .fig02, body.sustainability.action .withPageNav #post .zehm .flex.zebFlex1 .fig02, body.sustainability.action .withPageNav #post .do .flex.zebFlex1 .fig02 {
margin-top: 20px;
}
}
body.sustainability.action .withPageNav #post .zeb .flex.zebFlex1 .fig02 figure, body.sustainability.action .withPageNav #post .zehm .flex.zebFlex1 .fig02 figure, body.sustainability.action .withPageNav #post .do .flex.zebFlex1 .fig02 figure {
margin: 0;
}
@media only screen and (max-width: 769px) {
body.sustainability.action .withPageNav #post .zeb .flex.zebFlex1 .fig02 figure, body.sustainability.action .withPageNav #post .zehm .flex.zebFlex1 .fig02 figure, body.sustainability.action .withPageNav #post .do .flex.zebFlex1 .fig02 figure {
margin: 0 auto;
}
}
@media only screen and (max-width: 769px) {
body.sustainability.action .withPageNav #post .zeb .flex.zebFlex1 .fig02 figure img, body.sustainability.action .withPageNav #post .zehm .flex.zebFlex1 .fig02 figure img, body.sustainability.action .withPageNav #post .do .flex.zebFlex1 .fig02 figure img {
width: 99%;
}
}
@media only screen and (min-width: 769px) {
body.sustainability.action .withPageNav #post .zeb .fig03 figure, body.sustainability.action .withPageNav #post .zehm .fig03 figure, body.sustainability.action .withPageNav #post .do .fig03 figure {
margin-top: 40px;
}
}
@media only screen and (max-width: 769px) {
body.sustainability.action .withPageNav #post .zeb .fig03 figure, body.sustainability.action .withPageNav #post .zehm .fig03 figure, body.sustainability.action .withPageNav #post .do .fig03 figure {
margin-top: 26px;
}
}
@media only screen and (min-width: 769px) {
body.sustainability.action .withPageNav #post .zeb .relateditemArea, body.sustainability.action .withPageNav #post .zehm .relateditemArea, body.sustainability.action .withPageNav #post .do .relateditemArea {
padding: 34px 50px 54px;
margin-top: 20px;
}
}
@media only screen and (max-width: 769px) {
body.sustainability.action .withPageNav #post .zeb .relateditemArea, body.sustainability.action .withPageNav #post .zehm .relateditemArea, body.sustainability.action .withPageNav #post .do .relateditemArea {
padding: 17px 16px;
margin-top: 18px;
}
}
body.sustainability.action .withPageNav #post .zeb .relateditemArea .relatedItem, body.sustainability.action .withPageNav #post .zehm .relateditemArea .relatedItem, body.sustainability.action .withPageNav #post .do .relateditemArea .relatedItem {
margin: 0;
}
body.sustainability.action .withPageNav #post .zeb .relateditemArea .relatedItem .achList, body.sustainability.action .withPageNav #post .zehm .relateditemArea .relatedItem .achList, body.sustainability.action .withPageNav #post .do .relateditemArea .relatedItem .achList {
margin: 0;
}
@media only screen and (min-width: 769px) {
body.sustainability.action .withPageNav #post .zeb .relateditemArea .relatedItem .achList, body.sustainability.action .withPageNav #post .zehm .relateditemArea .relatedItem .achList, body.sustainability.action .withPageNav #post .do .relateditemArea .relatedItem .achList {
display: block;
}
}
@media only screen and (min-width: 769px) {
body.sustainability.action .withPageNav #post .zeb .relateditemArea .relatedItem .achList > li, body.sustainability.action .withPageNav #post .zehm .relateditemArea .relatedItem .achList > li, body.sustainability.action .withPageNav #post .do .relateditemArea .relatedItem .achList > li {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
body.sustainability.action .withPageNav #post .zeb .relateditemArea .relatedItem .achList > li figure, body.sustainability.action .withPageNav #post .zeb .relateditemArea .relatedItem .achList > li .txts, body.sustainability.action .withPageNav #post .zehm .relateditemArea .relatedItem .achList > li figure, body.sustainability.action .withPageNav #post .zehm .relateditemArea .relatedItem .achList > li .txts, body.sustainability.action .withPageNav #post .do .relateditemArea .relatedItem .achList > li figure, body.sustainability.action .withPageNav #post .do .relateditemArea .relatedItem .achList > li .txts {
width: 48.1%;
}
}
body.sustainability.action .withPageNav #post .zeb .relateditemArea .relatedItem .achList > li figure, body.sustainability.action .withPageNav #post .zehm .relateditemArea .relatedItem .achList > li figure, body.sustainability.action .withPageNav #post .do .relateditemArea .relatedItem .achList > li figure {
margin: 0;
}
@media only screen and (min-width: 769px) {
body.sustainability.action .withPageNav #post .zeb .relateditemArea .relatedItem .achList > li .title, body.sustainability.action .withPageNav #post .zehm .relateditemArea .relatedItem .achList > li .title, body.sustainability.action .withPageNav #post .do .relateditemArea .relatedItem .achList > li .title {
margin-top: 0;
}
}
@media only screen and (max-width: 769px) {
body.sustainability.action .withPageNav #post .zeb .relateditemArea .relatedItem .achList > li .infoArea, body.sustainability.action .withPageNav #post .zehm .relateditemArea .relatedItem .achList > li .infoArea, body.sustainability.action .withPageNav #post .do .relateditemArea .relatedItem .achList > li .infoArea {
display: block;
}
}
body.sustainability.action .withPageNav #post .zeb .relateditemArea .relatedItem .achList > li .infoArea .info.line, body.sustainability.action .withPageNav #post .zehm .relateditemArea .relatedItem .achList > li .infoArea .info.line, body.sustainability.action .withPageNav #post .do .relateditemArea .relatedItem .achList > li .infoArea .info.line {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
body.sustainability.action .withPageNav #post .zeb .relateditemArea .relatedItem .achList > li .infoArea .info.line dt, body.sustainability.action .withPageNav #post .zeb .relateditemArea .relatedItem .achList > li .infoArea .info.line dd, body.sustainability.action .withPageNav #post .zehm .relateditemArea .relatedItem .achList > li .infoArea .info.line dt, body.sustainability.action .withPageNav #post .zehm .relateditemArea .relatedItem .achList > li .infoArea .info.line dd, body.sustainability.action .withPageNav #post .do .relateditemArea .relatedItem .achList > li .infoArea .info.line dt, body.sustainability.action .withPageNav #post .do .relateditemArea .relatedItem .achList > li .infoArea .info.line dd {
width: auto;
}
body.sustainability.action .withPageNav #post .zeb .relateditemArea .relatedItem .achList > li .infoArea .info.line dd, body.sustainability.action .withPageNav #post .zehm .relateditemArea .relatedItem .achList > li .infoArea .info.line dd, body.sustainability.action .withPageNav #post .do .relateditemArea .relatedItem .achList > li .infoArea .info.line dd {
margin-left: 7px;
}
@media only screen and (min-width: 769px) {
body.sustainability.action .withPageNav #post .zeb .toContact, body.sustainability.action .withPageNav #post .zehm .toContact, body.sustainability.action .withPageNav #post .do .toContact {
margin-top: 47px;
}
}
@media only screen and (max-width: 769px) {
body.sustainability.action .withPageNav #post .zeb .toContact, body.sustainability.action .withPageNav #post .zehm .toContact, body.sustainability.action .withPageNav #post .do .toContact {
margin-top: 44px;
}
}
@media only screen and (max-width: 769px) {
body.sustainability.action .withPageNav #post .zeb .fig05 figure, body.sustainability.action .withPageNav #post .zehm .fig05 figure, body.sustainability.action .withPageNav #post .do .fig05 figure {
width: 901px;
}
}
body.sustainability.action .withPageNav #post .zeb .fig05 + .notes > li, body.sustainability.action .withPageNav #post .zehm .fig05 + .notes > li, body.sustainability.action .withPageNav #post .do .fig05 + .notes > li {
text-indent: -2.5em;
padding-left: 2.5em;
}
@media only screen and (min-width: 769px) {
body.sustainability.action .withPageNav #post .zeb .fig05 + .notes > li, body.sustainability.action .withPageNav #post .zehm .fig05 + .notes > li, body.sustainability.action .withPageNav #post .do .fig05 + .notes > li {
font-size: 14px;
}
}
@media only screen and (max-width: 769px) {
body.sustainability.action .withPageNav #post .zeb .fig05 + .notes > li, body.sustainability.action .withPageNav #post .zehm .fig05 + .notes > li, body.sustainability.action .withPageNav #post .do .fig05 + .notes > li {
font-size: 12px;
}
}
@media only screen and (min-width: 769px) {
body.sustainability.action .withPageNav #post .zeb .fig05 + .notes > li, body.sustainability.action .withPageNav #post .zehm .fig05 + .notes > li, body.sustainability.action .withPageNav #post .do .fig05 + .notes > li {
margin-top: 5px;
}
}
@media only screen and (max-width: 769px) {
body.sustainability.action .withPageNav #post .zeb .fig05 + .notes > li, body.sustainability.action .withPageNav #post .zehm .fig05 + .notes > li, body.sustainability.action .withPageNav #post .do .fig05 + .notes > li {
margin-top: 15px;
}
}
@media only screen and (max-width: 769px) {
body.sustainability.action .withPageNav #post .zeb h3:nth-of-type(1) {
margin-top: 30px;
}
}
@media only screen and (min-width: 769px) {
body.sustainability.action .withPageNav #post .zeb .goal {
margin-top: 20px;
}
}
@media only screen and (max-width: 769px) {
body.sustainability.action .withPageNav #post .zeb .goal {
margin-top: 40px;
}
}
body.sustainability.action .withPageNav #post .zeb .goal p {
font-size: 16px;
font-weight: bold;
margin: 0;
}
@media only screen and (min-width: 769px) {
body.sustainability.action .withPageNav #post .zeb .goal ul {
margin-top: 10px;
}
}
@media only screen and (max-width: 769px) {
body.sustainability.action .withPageNav #post .zeb .goal ul {
margin-top: 16px;
}
}
body.sustainability.action .withPageNav #post .zeb .goal ul > li {
border: 1px solid #0B6F24;
}
@media only screen and (min-width: 769px) {
body.sustainability.action .withPageNav #post .zeb .goal ul > li {
border-radius: 10px;
}
}
@media only screen and (max-width: 769px) {
body.sustainability.action .withPageNav #post .zeb .goal ul > li {
border-radius: 6px;
}
}
@media only screen and (min-width: 769px) {
body.sustainability.action .withPageNav #post .zeb .goal ul > li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
padding: 10px 100px 16px 0;
}
}
@media only screen and (max-width: 769px) {
body.sustainability.action .withPageNav #post .zeb .goal ul > li {
padding: 22px 0 18px;
margin-top: 18px;
}
}
@media only screen and (min-width: 769px) {
body.sustainability.action .withPageNav #post .zeb .goal ul > li:nth-child(n+2) {
margin-top: 6px;
}
}
@media only screen and (max-width: 769px) {
body.sustainability.action .withPageNav #post .zeb .goal ul > li:nth-child(n+2) {
margin-top: 18px;
}
}
body.sustainability.action .withPageNav #post .zeb .goal ul > li .num {
font-size: 26px;
color: #004612;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: absolute;
top: 0;
bottom: 0;
}
@media only screen and (min-width: 769px) {
body.sustainability.action .withPageNav #post .zeb .goal ul > li .num {
left: 23px;
}
}
@media only screen and (max-width: 769px) {
body.sustainability.action .withPageNav #post .zeb .goal ul > li .num {
left: 10px;
}
}
body.sustainability.action .withPageNav #post .zeb .goal ul > li .text {
font-weight: bold;
color: #0B6F24;
}
@media only screen and (min-width: 769px) {
body.sustainability.action .withPageNav #post .zeb .goal ul > li .text {
font-size: 27px;
margin-right: 5px;
}
}
@media only screen and (max-width: 769px) {
body.sustainability.action .withPageNav #post .zeb .goal ul > li .text {
font-size: 18px;
padding-left: 34px;
}
}
body.sustainability.action .withPageNav #post .zeb .goal ul > li .text .small {
font-weight: normal;
}
@media only screen and (min-width: 769px) {
body.sustainability.action .withPageNav #post .zeb .goal ul > li .text .small {
font-size: 16px;
}
}
@media only screen and (max-width: 769px) {
body.sustainability.action .withPageNav #post .zeb .goal ul > li .text .small {
font-size: 12px;
}
}
@media only screen and (min-width: 769px) {
body.sustainability.action .withPageNav #post .zeb .goal ul > li .valArea {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
@media only screen and (max-width: 769px) {
body.sustainability.action .withPageNav #post .zeb .goal ul > li .valArea {
padding-left: 45px;
}
}
body.sustainability.action .withPageNav #post .zeb .goal ul > li .valArea .val {
font-size: 44px;
font-weight: bold;
line-height: 1;
color: #0B6F24;
}
@media only screen and (min-width: 769px) {
body.sustainability.action .withPageNav #post .zeb .goal ul > li .valArea .val {
font-size: 44px;
}
}
@media only screen and (max-width: 769px) {
body.sustainability.action .withPageNav #post .zeb .goal ul > li .valArea .val {
font-size: 40px;
}
}
@media only screen and (min-width: 769px) {
body.sustainability.action .withPageNav #post .zeb .goal ul > li .valArea .val {
margin-right: 14px;
}
}
@media only screen and (min-width: 769px) {
body.sustainability.action .withPageNav #post .zeb .goal ul > li .valArea .val .per {
font-size: 27px;
}
}
@media only screen and (max-width: 769px) {
body.sustainability.action .withPageNav #post .zeb .goal ul > li .valArea .val .per {
font-size: 25px;
}
}
body.sustainability.action .withPageNav #post .zeb .goal ul > li .valArea .val .jp {
font-size: 25px;
}
@media only screen and (min-width: 769px) {
body.sustainability.action .withPageNav #post .zeb .goal ul > li .valArea .all {
font-size: 20px;
}
}
@media only screen and (max-width: 769px) {
body.sustainability.action .withPageNav #post .zeb .goal ul > li .valArea .all {
font-size: 16px;
}
}
@media only screen and (min-width: 769px) {
body.sustainability.action .withPageNav #post .zeb .goal ul > li .valArea .all {
padding-top: 18px;
}
}
@media only screen and (min-width: 769px) {
body.sustainability.action .withPageNav #post .zeb .goal + .desc {
margin-top: 10px;
}
}
@media only screen and (max-width: 769px) {
body.sustainability.action .withPageNav #post .zeb .goal + .desc {
margin-top: 16px;
}
}
body.sustainability.action .withPageNav #post .zehm h5 .small {
font-weight: normal;
color: #333;
}
@media only screen and (min-width: 769px) {
body.sustainability.action .withPageNav #post .zehm h5 .small {
font-size: 10px;
}
}
@media only screen and (max-width: 769px) {
body.sustainability.action .withPageNav #post .zehm h5 .small {
font-size: 12px;
}
}
body.sustainability.action .withPageNav #post .do .planner .bg {
background-color: rgba(211, 230, 216, 0.25);
}
@media only screen and (min-width: 769px) {
body.sustainability.action .withPageNav #post .do .planner .bg {
padding: 27px 26px 19px;
}
}
@media only screen and (max-width: 769px) {
body.sustainability.action .withPageNav #post .do .planner .bg {
padding: 27px 18px 21px;
}
}
@media only screen and (min-width: 769px) {
body.sustainability.action .withPageNav #post .do .planner .bg {
margin-top: 16.5px;
}
}
@media only screen and (max-width: 769px) {
body.sustainability.action .withPageNav #post .do .planner .bg {
margin-top: 26px;
}
}
@media only screen and (min-width: 769px) {
body.sustainability.action .withPageNav #post .do .planner .bg .c1 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
body.sustainability.action .withPageNav #post .do .planner .bg .c1 figure {
margin: 0;
}
@media only screen and (min-width: 769px) {
body.sustainability.action .withPageNav #post .do .planner .bg .c1 figure {
width: 20.7%;
}
}
@media only screen and (max-width: 769px) {
body.sustainability.action .withPageNav #post .do .planner .bg .c1 figure {
width: 176px;
}
}
@media only screen and (max-width: 769px) {
body.sustainability.action .withPageNav #post .do .planner .bg .c1 figure {
margin: 0 auto;
}
}
@media only screen and (min-width: 769px) {
body.sustainability.action .withPageNav #post .do .planner .bg .c1 .text {
font-size: 15px;
}
}
@media only screen and (max-width: 769px) {
body.sustainability.action .withPageNav #post .do .planner .bg .c1 .text {
font-size: 15px;
}
}
@media only screen and (max-width: 769px) {
body.sustainability.action .withPageNav #post .do .planner .bg .c1 .text {
line-height: 1.666;
}
}
@media only screen and (min-width: 769px) {
body.sustainability.action .withPageNav #post .do .planner .bg .c1 .text {
width: 77.76%;
}
}
@media only screen and (max-width: 769px) {
body.sustainability.action .withPageNav #post .do .planner .bg .c1 .text {
margin-top: 24px;
}
}
body.sustainability.action .withPageNav #post .do .planner .bg .c1 .text .emph {
font-weight: bold;
}
@media only screen and (min-width: 769px) {
body.sustainability.action .withPageNav #post .do .planner .bg .c2 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
@media only screen and (min-width: 769px) {
body.sustainability.action .withPageNav #post .do .planner .bg .c2 {
margin-top: 25px;
}
}
@media only screen and (max-width: 769px) {
body.sustainability.action .withPageNav #post .do .planner .bg .c2 {
margin-top: 16px;
}
}
body.sustainability.action .withPageNav #post .do .planner .bg .c2 p {
margin: 0;
}
@media only screen and (min-width: 769px) {
body.sustainability.action .withPageNav #post .do .planner .bg .c2 p {
font-size: 12px;
}
}
@media only screen and (max-width: 769px) {
body.sustainability.action .withPageNav #post .do .planner .bg .c2 p {
font-size: 11px;
}
}
body.sustainability.action .withPageNav #post .do .planner .bg .c2 a {
font-size: 14px;
font-weight: bold;
}
@media only screen and (max-width: 769px) {
body.sustainability.action .withPageNav #post .do .planner .bg .c2 a {
margin-top: 16px;
}
}
@media only screen and (min-width: 769px) {
body.sustainability.action .withPageNav #post .do .status ul {
margin-top: 21px;
}
}
@media only screen and (max-width: 769px) {
body.sustainability.action .withPageNav #post .do .status ul {
margin-top: 26px;
}
}
body.sustainability.action .withPageNav #post .do .status ul > li:nth-child(n+2) {
margin-top: 20px;
}
body.sustainability.action .withPageNav #post .do .status ul > li .ttl {
font-weight: bold;
}
body.sustainability.action .withPageNav #post .do .status ul > li table {
font-size: 11px;
}
body.sustainability.action .withPageNav #post .do .status ul > li table tr td:nth-child(1) {
text-align: left;
}
@media only screen and (min-width: 769px) {
body.sustainability.action .withPageNav #post .do .status ul > li.works table tr th.name {
width: 250px;
}
}
@media only screen and (min-width: 769px) {
body.sustainability.action .withPageNav #post .do .status ul > li.works table tr th.rank {
width: 97px;
}
}
@media only screen and (min-width: 769px) {
body.sustainability.action .withPageNav #post .do .status ul > li.works table tr th.bels {
width: 57px;
}
}
@media only screen and (min-width: 769px) {
body.sustainability.action .withPageNav #post .do .status ul > li.plans table tr th.name {
width: 250px;
}
}
@media only screen and (min-width: 769px) {
body.sustainability.action .withPageNav #post .do .status ul > li.plans table tr th.rank {
width: 155px;
}
}
body.sustainability.action .withPageNav #post .do .status p {
font-weight: bold;
}
@media only screen and (min-width: 769px) {
body.sustainability.action .withPageNav #post .do .status p {
font-size: 13px;
}
}
@media only screen and (max-width: 769px) {
body.sustainability.action .withPageNav #post .do .status p {
font-size: 14px;
}
}
@media only screen and (min-width: 769px) {
body.sustainability.action .withPageNav #post .do .status p {
text-align: right;
}
}
@media only screen and (max-width: 769px) {
body.sustainability.action .withPageNav #post .do .status p {
text-align: center;
}
}
@media only screen and (min-width: 769px) {
body.sustainability.action .withPageNav #post .do .status p {
margin-top: 30px;
}
}
@media only screen and (max-width: 769px) {
body.sustainability.action .withPageNav #post .do .status p {
margin-top: 16px;
}
}
@media only screen and (max-width: 769px) {
body.sustainability.action .withPageNav #post .do .fig08 {
margin-top: 22px;
}
}
body.sustainability.action .withPageNav #post .do .fig08 p {
font-size: 17px;
line-height: 1.647;
margin: 0;
}
@media only screen and (min-width: 769px) {
body.sustainability.action .withPageNav #post .do .fig08 p {
width: 588px;
position: absolute;
top: 21px;
left: 14px;
}
}
body.sustainability.action .withPageNav #post .do .fig08 p .small {
font-size: 12px;
}
@media only screen and (max-width: 769px) {
body.sustainability.action .withPageNav #post .do .fig08 figure {
margin-top: 13.5px;
}
}
@media only screen and (min-width: 769px) {
body.sustainability.action .withPageNav #post .jinteki_shihon h3 {
margin-bottom: 38px;
}
}
@media only screen and (max-width: 769px) {
body.sustainability.action .withPageNav #post .jinteki_shihon h3 {
margin-bottom: 27px;
}
}
body.sustainability.action .withPageNav #post .jinteki_shihon .catchphrase {
font-weight: bold;
color: #004612;
}
@media only screen and (min-width: 769px) {
body.sustainability.action .withPageNav #post .jinteki_shihon .catchphrase {
font-size: 26px;
}
}
@media only screen and (max-width: 769px) {
body.sustainability.action .withPageNav #post .jinteki_shihon .catchphrase {
font-size: 24px;
}
}
@media only screen and (min-width: 769px) {
body.sustainability.action .withPageNav #post .jinteki_shihon .catchphrase {
line-height: 1.23;
}
}
@media only screen and (max-width: 769px) {
body.sustainability.action .withPageNav #post .jinteki_shihon .catchphrase {
line-height: 1.333;
}
}
@media only screen and (min-width: 769px) {
body.sustainability.action .withPageNav #post .jinteki_shihon .catchphrase {
margin-top: 56px;
}
}
@media only screen and (max-width: 769px) {
body.sustainability.action .withPageNav #post .jinteki_shihon .catchphrase {
margin-top: 49px;
}
}
@media only screen and (min-width: 769px) {
body.sustainability.action .withPageNav #post .jinteki_shihon .catchphrase:nth-child(1) {
margin-top: 38px;
}
}
@media only screen and (max-width: 769px) {
body.sustainability.action .withPageNav #post .jinteki_shihon .catchphrase:nth-child(1) {
margin-top: 27px;
}
}
@media only screen and (min-width: 769px) {
body.sustainability.action .withPageNav #post .jinteki_shihon .catchphrase + h4 {
margin-top: 32px;
}
}
@media only screen and (max-width: 769px) {
body.sustainability.action .withPageNav #post .jinteki_shihon .catchphrase + h4 {
margin-top: 33px;
}
}
body.sustainability.action .withPageNav #post .jinteki_shihon h4 {
font-size: 20px;
color: #004612;
border-left: 8px solid #23923F;
padding-left: 7px;
}
@media only screen and (min-width: 769px) {
body.sustainability.action .withPageNav #post .jinteki_shihon h4 {
margin-top: 38px;
}
}
@media only screen and (max-width: 769px) {
body.sustainability.action .withPageNav #post .jinteki_shihon h4 {
margin-top: 33px;
}
}
@media only screen and (min-width: 769px) {
body.sustainability.action .withPageNav #post .jinteki_shihon h4 {
margin-bottom: 24px;
}
}
@media only screen and (max-width: 769px) {
body.sustainability.action .withPageNav #post .jinteki_shihon h4 {
margin-bottom: 18px;
}
}
@media only screen and (max-width: 414px) {
body.sustainability.action .withPageNav #post .jinteki_shihon dl {
margin-top: 22px;
}
}
body.sustainability.action .withPageNav #post .jinteki_shihon dl dt {
font-size: 18px;
font-weight: bold;
line-height: 1.777;
color: #23923F;
}
body.sustainability.action .withPageNav #post .jinteki_shihon dl dd {
font-size: 16px;
line-height: 2;
}
@media only screen and (min-width: 769px) {
body.sustainability.action .withPageNav #post .jinteki_shihon dl dd {
margin-top: 11px;
}
}
@media only screen and (max-width: 769px) {
body.sustainability.action .withPageNav #post .jinteki_shihon dl dd {
margin-top: 15px;
}
}
@media only screen and (min-width: 769px) {
body.sustainability.action .withPageNav #post .jinteki_shihon figure {
width: 440px;
}
}
@media only screen and (max-width: 414px) {
body.sustainability.action .withPageNav #post .jinteki_shihon figure {
max-width: 440px;
}
}
@media only screen and (min-width: 769px) {
body.sustainability.action .withPageNav #post .jinteki_shihon figure {
margin-left: 0;
}
}
@media only screen and (max-width: 414px) {
body.sustainability.action .withPageNav #post .jinteki_shihon figure {
margin-top: 28px;
}
}
body.sustainability.action .withPageNav #post .jinteki_shihon figure + figure {
margin-top: 24px;
}
body.sustainability.action .withPageNav #post .jinteki_shihon ul {
margin-top: 24px;
}
body.sustainability.action .withPageNav #post .jinteki_shihon ul li {
font-weight: bold;
text-indent: -1em;
padding-left: 1em;
color: #23923F;
}
@media only screen and (min-width: 769px) {
body.sustainability.action .withPageNav #post .jinteki_shihon ul li {
font-size: 18px;
}
}
@media only screen and (max-width: 769px) {
body.sustainability.action .withPageNav #post .jinteki_shihon ul li {
font-size: 16px;
}
}
@media only screen and (min-width: 769px) {
body.sustainability.action .withPageNav #post .jinteki_shihon ul li {
line-height: 1.777;
}
}
@media only screen and (max-width: 769px) {
body.sustainability.action .withPageNav #post .jinteki_shihon ul li {
line-height: 1.5;
}
}
body.sustainability.action .withPageNav #post .jinteki_shihon ul li::before {
content: "●";
}
@media only screen and (max-width: 414px) {
body.sustainability.action .withPageNav #post .jinteki_shihon ul li:nth-child(n+2) {
margin-top: 8px;
}
}
body.sustainability.action .withPageNav #post .jinteki_shihon .link {
text-align: center;
}
@media only screen and (min-width: 769px) {
body.sustainability.action .withPageNav #post .jinteki_shihon .link {
margin-top: 34px;
}
}
@media only screen and (max-width: 769px) {
body.sustainability.action .withPageNav #post .jinteki_shihon .link {
margin-top: 40px;
}
}
@media only screen and (min-width: 769px) {
body.sustainability.action .withPageNav #post .jinteki_shihon .link .text {
font-size: 16px;
}
}
@media only screen and (max-width: 769px) {
body.sustainability.action .withPageNav #post .jinteki_shihon .link .text {
font-size: 14px;
}
}
@media only screen and (min-width: 769px) {
body.sustainability.action .withPageNav #post .jinteki_shihon .link .text {
line-height: 2;
}
}
@media only screen and (max-width: 769px) {
body.sustainability.action .withPageNav #post .jinteki_shihon .link .text {
line-height: 1.714;
}
}
body.sustainability.action .withPageNav #post .jinteki_shihon .link a {
font-weight: bold;
line-height: 1.5;
border: 2px solid #DDDDDD;
display: block;
margin: 0 auto;
}
@media only screen and (min-width: 769px) {
body.sustainability.action .withPageNav #post .jinteki_shihon .link a {
width: 500px;
}
}
@media only screen and (min-width: 769px) {
body.sustainability.action .withPageNav #post .jinteki_shihon .link a {
font-size: 16px;
}
}
@media only screen and (max-width: 769px) {
body.sustainability.action .withPageNav #post .jinteki_shihon .link a {
font-size: 15px;
}
}
@media only screen and (min-width: 769px) {
body.sustainability.action .withPageNav #post .jinteki_shihon .link a {
border-radius: 7px;
}
}
@media only screen and (max-width: 769px) {
body.sustainability.action .withPageNav #post .jinteki_shihon .link a {
border-radius: 5px;
}
}
@media only screen and (min-width: 769px) {
body.sustainability.action .withPageNav #post .jinteki_shihon .link a {
margin-top: 16px;
}
}
@media only screen and (max-width: 769px) {
body.sustainability.action .withPageNav #post .jinteki_shihon .link a {
margin-top: 12px;
}
}
@media only screen and (min-width: 769px) {
body.sustainability.action .withPageNav #post .jinteki_shihon .link a {
padding: 9px 0 11px;
}
}
@media only screen and (max-width: 769px) {
body.sustainability.action .withPageNav #post .jinteki_shihon .link a {
padding: 14px 0 17px;
}
}
body.sustainability.action .withPageNav #post .jinteki_shihon .link a:hover {
opacity: 0.7;
}
@media only screen and (max-width: 414px) {
body.sustainability.action .withPageNav #post .jinteki_shihon .link .text1 {
line-height: 1.6;
}
}
body.sustainability.action .withPageNav #post .jinteki_shihon .link .text2 {
text-indent: -2em;
padding-left: 2em;
}
@media only screen and (max-width: 414px) {
body.sustainability.action .withPageNav #post .jinteki_shihon .link .text2 {
width: 83.582%;
}
}
@media only screen and (min-width: 769px) {
body.sustainability.action .withPageNav #post .jinteki_shihon .link .text2 {
font-size: 16px;
}
}
@media only screen and (max-width: 769px) {
body.sustainability.action .withPageNav #post .jinteki_shihon .link .text2 {
font-size: 14px;
}
}
@media only screen and (max-width: 414px) {
body.sustainability.action .withPageNav #post .jinteki_shihon .link .text2 {
text-align: left;
}
}
@media only screen and (max-width: 414px) {
body.sustainability.action .withPageNav #post .jinteki_shihon .link .text2 {
margin: 0 auto;
}
}
@media only screen and (max-width: 414px) {
body.sustainability.action .withPageNav #post .jinteki_shihon .link .text2 {
margin-top: 9px;
}
}
body.sustainability.action .withPageNav #post .jinteki_shihon .link .text2::before {
content: "";
width: 16px;
height: 16px;
background-image: url(//www.matsumura-gumi.co.jp/wp-content/themes/matsumura/assets/images/sustainability/icon_ext.svg);
display: inline-block;
-webkit-transform: translateY(2px);
transform: translateY(2px);
}
body.sustainability.action .withPageNav #post .jinteki_shihon .link2 {
text-align: center;
}
@media only screen and (min-width: 769px) {
body.sustainability.action .withPageNav #post .jinteki_shihon .link2 {
margin-top: 39px;
}
}
@media only screen and (max-width: 769px) {
body.sustainability.action .withPageNav #post .jinteki_shihon .link2 {
margin-top: 36px;
}
}
body.sustainability.action .withPageNav #post .jinteki_shihon .link2 a {
font-size: 14px;
font-weight: bold;
color: #2793FF;
}
@media only screen and (max-width: 414px) {
body.sustainability.action .withPageNav #post .jinteki_shihon .link2 a {
line-height: 1.714;
}
}
body.sustainability.action .withPageNav #post .jinteki_shihon .link2 a span {
text-decoration: underline;
}
body.sustainability.action .withPageNav #post .jinteki_shihon .link2 a::before {
content: "";
background-image: url(//www.matsumura-gumi.co.jp/wp-content/themes/matsumura/assets/images/sustainability/icon_ext.svg);
display: inline-block;
-webkit-transform: translateY(2px);
transform: translateY(2px);
margin-right: 5px;
}
@media only screen and (min-width: 769px) {
body.sustainability.action .withPageNav #post .jinteki_shihon .link2 a::before {
width: 14px;
}
}
@media only screen and (max-width: 769px) {
body.sustainability.action .withPageNav #post .jinteki_shihon .link2 a::before {
width: 16px;
}
}
@media only screen and (min-width: 769px) {
body.sustainability.action .withPageNav #post .jinteki_shihon .link2 a::before {
height: 14px;
}
}
@media only screen and (max-width: 769px) {
body.sustainability.action .withPageNav #post .jinteki_shihon .link2 a::before {
height: 16px;
}
}
@media only screen and (max-width: 414px) {
body.sustainability.action .withPageNav #post .contactArea {
text-align: center;
}
}
@media only screen and (min-width: 769px) {
body.sustainability.action .withPageNav #post .contactArea {
margin-top: 86px;
}
}
@media only screen and (max-width: 769px) {
body.sustainability.action .withPageNav #post .contactArea {
margin-top: 70px;
}
}
body.corporate .withPageNav #post h3:nth-child(1) {
margin-top: 0;
}
body.corporate .withPageNav #post figure, body.corporate .withPageNav #post p {
margin-top: 0;
}
body.corporate .withPageNav #post .companyInfoArea .headline01 {
color: #23923F;
}
@media only screen and (min-width: 769px) {
body.corporate .withPageNav #post .companyInfoArea .headline01:nth-of-type(n+2) {
margin-top: 150px;
}
}
@media only screen and (max-width: 769px) {
body.corporate .withPageNav #post .companyInfoArea .headline01 {
font-size: 26px;
margin-bottom: 32px;
}
body.corporate .withPageNav #post .companyInfoArea .headline01:nth-of-type(n+2) {
margin-top: 75px;
}
}
@media only screen and (min-width: 769px) {
body.corporate .withPageNav #post.overview .companyInfoArea .headline01:nth-of-type(2) {
margin-top: 90px;
}
body.corporate .withPageNav #post.overview .companyInfoArea .headline01:nth-of-type(3) {
margin-top: 100px;
}
body.corporate .withPageNav #post.overview .companyInfoArea .headline01:nth-of-type(4) {
margin-top: 140px;
}
}
@media only screen and (max-width: 769px) {
body.corporate .withPageNav #post.overview .companyInfoArea .headline01:nth-of-type(n+2) {
margin-top: 60px;
}
}
@media only screen and (max-width: 769px) {
body.corporate .withPageNav #post.overview .companyInfoArea .container {
width: 100%;
}
}
@media only screen and (max-width: 769px) {
body.corporate .withPageNav #post.overview .companyInfoArea .message, body.corporate .withPageNav #post.overview .companyInfoArea .mission, body.corporate .withPageNav #post.overview .companyInfoArea .corpMark, body.corporate .withPageNav #post.overview .companyInfoArea .plt, body.corporate .withPageNav #post.overview .companyInfoArea .headline01 {
width: 90%;
margin-left: auto;
margin-right: auto;
}
}
@media only screen and (min-width: 769px) {
body.corporate .withPageNav #post .companyInfoArea .message {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border-radius: 20px;
overflow: hidden;
}
}
@media only screen and (max-width: 769px) {
body.corporate .withPageNav #post .companyInfoArea .message {
background-color: rgba(211, 230, 216, 0.25);
padding: 23px 18px 31px;
}
}
@media only screen and (min-width: 769px) {
body.corporate .withPageNav #post .companyInfoArea .message .text {
width: 69.5%;
background-color: rgba(211, 230, 216, 0.25);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 30px 34px 32px 50px;
}
}
body.corporate .withPageNav #post .companyInfoArea .message .text .title {
font-weight: bold;
color: #0B6F24;
font-size: 20px;
line-height: 1.6;
}
body.corporate .withPageNav #post .companyInfoArea .message .text p {
line-height: 1.75;
margin-top: 10px;
}
@media only screen and (min-width: 769px) {
body.corporate .withPageNav #post .companyInfoArea .message .text p {
width: 100%;
}
}
body.corporate .withPageNav #post .companyInfoArea .message .text .name {
font-weight: bold;
text-align: right;
}
@media only screen and (min-width: 769px) {
body.corporate .withPageNav #post .companyInfoArea .message .text .name {
width: 100%;
}
}
@media only screen and (max-width: 769px) {
body.corporate .withPageNav #post .companyInfoArea .message .text .name {
margin-top: 11px;
}
}
@media only screen and (min-width: 769px) {
body.corporate .withPageNav #post .companyInfoArea .message figure {
width: 30.5%;
margin-top: 0;
}
}
@media only screen and (max-width: 769px) {
body.corporate .withPageNav #post .companyInfoArea .message figure {
width: 70%;
max-width: 236px;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
margin-top: 25px;
}
}
@media only screen and (min-width: 769px) {
body.corporate .withPageNav #post .companyInfoArea .corpMark {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
@media only screen and (min-width: 769px) {
body.corporate .withPageNav #post .companyInfoArea .corpMark figure {
width: 25.4%;
}
}
@media only screen and (max-width: 769px) {
body.corporate .withPageNav #post .companyInfoArea .corpMark figure {
width: 75.82%;
}
}
body.corporate .withPageNav #post .companyInfoArea .corpMark p {
line-height: 2;
}
@media only screen and (min-width: 769px) {
body.corporate .withPageNav #post .companyInfoArea .corpMark p {
width: 71.6%;
}
}
@media only screen and (max-width: 769px) {
body.corporate .withPageNav #post .companyInfoArea .corpMark p {
margin-top: 30px;
}
}
body.corporate .withPageNav #post .companyInfoArea .corpInfo {
margin-top: 27px;
}
body.corporate .withPageNav #post .companyInfoArea .corpInfo dl {
border-bottom: 1px solid #D2D2D2;
}
@media only screen and (min-width: 769px) {
body.corporate .withPageNav #post .companyInfoArea .corpInfo dl {
line-height: 2.31;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
body.corporate .withPageNav #post .companyInfoArea .corpInfo dl > dt {
width: 160px;
}
body.corporate .withPageNav #post .companyInfoArea .corpInfo dl > dd {
width: calc(100% - 160px);
}
}
@media only screen and (max-width: 769px) {
body.corporate .withPageNav #post .companyInfoArea .corpInfo dl:nth-of-type(1) {
border-top: 1px solid #D2D2D2;
}
body.corporate .withPageNav #post .companyInfoArea .corpInfo dl > dt, body.corporate .withPageNav #post .companyInfoArea .corpInfo dl dd {
padding: 15px 5%;
}
}
body.corporate .withPageNav #post .companyInfoArea .corpInfo dl > dt {
font-weight: bold;
}
@media only screen and (min-width: 769px) {
body.corporate .withPageNav #post .companyInfoArea .corpInfo dl > dt {
padding: 13px 0;
}
}
body.corporate .withPageNav #post .companyInfoArea .corpInfo dl > dd {
background-color: rgba(229, 233, 244, 0.25);
}
@media only screen and (min-width: 769px) {
body.corporate .withPageNav #post .companyInfoArea .corpInfo dl > dd {
padding: 13px 25px;
}
}
@media only screen and (max-width: 769px) {
body.corporate .withPageNav #post .companyInfoArea .corpInfo dl > dd {
line-height: 2;
}
}
body.corporate .withPageNav #post .companyInfoArea .corpInfo dl > dd .position {
display: inline-block;
}
@media only screen and (min-width: 769px) {
body.corporate .withPageNav #post .companyInfoArea .corpInfo dl > dd .position {
min-width: 150px;
}
}
@media only screen and (max-width: 769px) {
body.corporate .withPageNav #post .companyInfoArea .corpInfo dl > dd .position {
min-width: 140px;
}
}
@media only screen and (min-width: 769px) {
body.corporate .withPageNav #post .companyInfoArea .corpInfo dl > dd .position2.small {
font-size: 12px;
}
}
@media only screen and (min-width: 769px) {
body.corporate .withPageNav #post .companyInfoArea .corpInfo dl > dd .name {
display: inline-block;
min-width: 120px;
}
}
body.corporate .withPageNav #post .companyInfoArea .corpInfo dl > dd .date {
display: block;
text-align: right;
}
@media only screen and (min-width: 769px) {
body.corporate .withPageNav #post .companyInfoArea .corpInfo dl > dd .date {
margin-top: 53px;
}
}
body.corporate .withPageNav #post .companyInfoArea .plt figure {
margin-top: 40px;
}
body.corporate .withPageNav #post.organization .companyInfoArea .headline01:nth-of-type(2) {
margin-bottom: 0;
}
@media only screen and (min-width: 769px) {
body.corporate .withPageNav #post .officeList > li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 50px 0 40px;
}
}
@media only screen and (max-width: 769px) {
body.corporate .withPageNav #post .officeList > li {
padding: 25px 0;
}
}
body.corporate .withPageNav #post .officeList > li:nth-of-type(n+2) {
border-top: 1px solid #D2D2D2;
}
body.corporate .withPageNav #post .officeList > li figure {
margin: 0;
}
@media only screen and (min-width: 769px) {
body.corporate .withPageNav #post .officeList > li figure {
width: 35%;
}
}
@media only screen and (max-width: 769px) {
body.corporate .withPageNav #post .officeList > li figure {
margin-top: 15px;
}
}
@media only screen and (min-width: 769px) {
body.corporate .withPageNav #post .officeList > li figure.mb {
display: none;
}
}
@media only screen and (max-width: 769px) {
body.corporate .withPageNav #post .officeList > li figure.pc {
display: none;
}
}
@media only screen and (min-width: 769px) {
body.corporate .withPageNav #post .officeList > li .info {
width: 62%;
}
}
body.corporate .withPageNav #post .officeList > li .info .name {
font-weight: bold;
font-size: 18px;
}
@media only screen and (min-width: 769px) {
body.corporate .withPageNav #post .officeList > li .info .address {
margin-top: 1.5em;
}
}
@media only screen and (max-width: 769px) {
body.corporate .withPageNav #post .officeList > li .info .address {
font-size: 13px;
line-height: 1.846;
margin-top: 5px;
}
}
body.corporate .withPageNav #post .officeList > li .info .access {
color: #23923F;
background-color: #D3E6D8;
}
@media only screen and (min-width: 769px) {
body.corporate .withPageNav #post .officeList > li .info .access {
border-radius: 0 10px 10px 0;
padding: 20px 20px 20px 60px;
margin-top: 1em;
}
}
@media only screen and (max-width: 769px) {
body.corporate .withPageNav #post .officeList > li .info .access {
border-radius: 10px;
margin-top: 20px;
}
}
@media only screen and (min-width: 769px) {
body.corporate .withPageNav #post .officeList > li .info .access::before {
content: "";
display: block;
background: url(//www.matsumura-gumi.co.jp/wp-content/themes/matsumura/assets/images/common/icon_train.svg) no-repeat;
background-position: center center;
background-size: contain;
position: absolute;
top: 0;
bottom: 0;
margin: auto;
width: 25px;
height: 36.5px;
left: 20px;
}
}
body.corporate .withPageNav #post .officeList > li .info .access.accordion .acButton {
text-align: center;
padding: 15px 0;
}
body.corporate .withPageNav #post .officeList > li .info .access.accordion .acButton span {
display: inline-block;
padding-left: 30px;
padding-right: 15px;
}
body.corporate .withPageNav #post .officeList > li .info .access.accordion .acButton span::before {
content: "";
display: block;
width: 15px;
height: 22px;
background: url(//www.matsumura-gumi.co.jp/wp-content/themes/matsumura/assets/images/common/icon_train.svg) no-repeat;
background-position: center center;
background-size: contain;
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
}
body.corporate .withPageNav #post .officeList > li .info .access.accordion .acButton span::after {
content: "";
width: 10px;
height: 16px;
display: block;
background: url(//www.matsumura-gumi.co.jp/wp-content/themes/matsumura/assets/images/common/icon_arrow_green.svg) no-repeat;
background-position: center center;
background-size: contain;
position: absolute;
top: 0;
bottom: 0;
right: 0;
margin: auto;
}
@media only screen and (min-width: 769px) {
body.corporate .withPageNav #post .officeList > li .info .access.accordion .acButton {
display: none;
}
}
@media only screen and (max-width: 769px) {
body.corporate .withPageNav #post .officeList > li .info .access.accordion .acContents {
-webkit-transition: 0.3s;
transition: 0.3s;
}
}
@media only screen and (max-width: 769px) {
body.corporate .withPageNav #post .officeList > li .info .access.accordion .acContents .acContentsInner {
font-size: 15px;
padding: 0 20px 25px;
}
}
body.corporate .withPageNav #post .officeList > li .info .gmap {
text-align: right;
}
@media only screen and (min-width: 769px) {
body.corporate .withPageNav #post .officeList > li .info .gmap {
margin-top: 30px;
}
}
@media only screen and (max-width: 769px) {
body.corporate .withPageNav #post .officeList > li .info .gmap {
text-align: center;
margin-top: 25px;
}
}
body.corporate .withPageNav #post .nav .links {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
@media only screen and (min-width: 769px) {
body.corporate .withPageNav #post .nav .links {
-webkit-transform: translate(1px, -1px);
transform: translate(1px, -1px);
}
}
body.corporate .withPageNav #post .nav .links > li {
position: absolute;
left: 0;
right: 0;
margin: auto;
}
@media only screen and (min-width: 769px) {
body.corporate .withPageNav #post .nav .links > li {
width: 62px;
height: 62px;
top: 0;
bottom: 0;
}
body.corporate .withPageNav #post .nav .links > li:nth-of-type(1) {
-webkit-transform: translateX(-370px);
transform: translateX(-370px);
}
body.corporate .withPageNav #post .nav .links > li:nth-of-type(2) {
-webkit-transform: translateX(-185px);
transform: translateX(-185px);
}
body.corporate .withPageNav #post .nav .links > li:nth-of-type(4) {
-webkit-transform: translateX(185px);
transform: translateX(185px);
}
body.corporate .withPageNav #post .nav .links > li:nth-of-type(5) {
-webkit-transform: translateX(370px);
transform: translateX(370px);
}
}
@media only screen and (max-width: 769px) {
body.corporate .withPageNav #post .nav .links > li {
width: 12vw;
height: 12vw;
top: 2.2vw;
}
body.corporate .withPageNav #post .nav .links > li:nth-of-type(1) {
-webkit-transform: translateX(-37vw);
transform: translateX(-37vw);
}
body.corporate .withPageNav #post .nav .links > li:nth-of-type(2) {
-webkit-transform: translate(-18.5vw, 14.2vw);
transform: translate(-18.5vw, 14.2vw);
}
body.corporate .withPageNav #post .nav .links > li:nth-of-type(4) {
-webkit-transform: translate(18.5vw, 14.2vw);
transform: translate(18.5vw, 14.2vw);
}
body.corporate .withPageNav #post .nav .links > li:nth-of-type(5) {
-webkit-transform: translateX(37vw);
transform: translateX(37vw);
}
}
body.corporate .withPageNav #post .nav .links > li a {
width: 100%;
height: 100%;
border-radius: 50%;
display: block;
}
@media only screen and (min-width: 769px) {
body.corporate .withPageNav #post .nav .links > li a:hover {
background-color: rgba(255, 255, 255, 0.3);
}
}
@media only screen and (max-width: 769px) {
body.corporate .withPageNav #post .historyLine .era {
padding-left: 25px;
}
}
body.corporate .withPageNav #post .historyLine .era > li {
border-bottom: 1px solid #D2D2D2;
}
@media only screen and (min-width: 769px) {
body.corporate .withPageNav #post .historyLine .era > li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
body.corporate .withPageNav #post .historyLine .era > li .eventArea {
width: 66.37%;
}
body.corporate .withPageNav #post .historyLine .era > li .meanwhileArea {
width: 33.63%;
}
}
body.corporate .withPageNav #post .historyLine .era > li h3 {
width: 0;
height: 0;
display: block;
z-index: -99999;
pointer-events: none;
overflow: hidden;
padding: 0;
margin: 0;
}
body.corporate .withPageNav #post .historyLine .era > li:nth-of-type(n+2)::before {
content: "";
width: 2px;
height: 100%;
background-color: #BA3123;
display: block;
position: absolute;
top: 46px;
}
@media only screen and (min-width: 769px) {
body.corporate .withPageNav #post .historyLine .era > li:nth-of-type(n+2)::before {
left: -20px;
}
}
@media only screen and (max-width: 769px) {
body.corporate .withPageNav #post .historyLine .era > li:nth-of-type(n+2)::before {
left: -15px;
}
}
body.corporate .withPageNav #post .historyLine .era > li:nth-of-type(n+2)::after {
content: "";
width: 16px;
height: 16px;
background-color: #FFF;
border: 2px solid #BA3123;
border-radius: 50%;
display: block;
position: absolute;
}
@media only screen and (min-width: 769px) {
body.corporate .withPageNav #post .historyLine .era > li:nth-of-type(n+2)::after {
top: 34px;
left: -27px;
}
}
@media only screen and (max-width: 769px) {
body.corporate .withPageNav #post .historyLine .era > li:nth-of-type(n+2)::after {
top: 34px;
left: -22px;
}
}
body.corporate .withPageNav #post .historyLine .era > li:nth-of-type(1) {
font-weight: bold;
text-align: center;
border-top: 1px solid #D2D2D2;
padding: 18px 0;
}
@media only screen and (max-width: 769px) {
body.corporate .withPageNav #post .historyLine .era > li:nth-of-type(1) {
display: none;
}
}
body.corporate .withPageNav #post .historyLine .era > li:nth-of-type(1) .eventArea {
text-align: left;
}
@media only screen and (min-width: 769px) {
body.corporate .withPageNav #post .historyLine .era > li:nth-of-type(1) .eventArea {
padding-left: 20px;
}
}
@media only screen and (min-width: 769px) {
body.corporate .withPageNav #post .historyLine .era > li:nth-of-type(2) .meanwhileArea {
margin-top: 7px;
}
}
@media only screen and (min-width: 769px) {
body.corporate .withPageNav #post .historyLine .era > li:nth-of-type(n+2) {
margin-left: 20px;
}
}
@media only screen and (max-width: 769px) {
body.corporate .withPageNav #post .historyLine .era > li:nth-of-type(n+2) {
padding-top: 20px;
}
}
body.corporate .withPageNav #post .historyLine .era > li:nth-of-type(n+2) .head {
font-weight: bold;
}
body.corporate .withPageNav #post .historyLine .era > li:nth-of-type(n+2) .head:nth-child(n+2) {
margin-top: 20px;
}
body.corporate .withPageNav #post .historyLine .era > li:nth-of-type(n+2) p {
line-height: 2;
margin-top: 10px;
}
@media only screen and (min-width: 769px) {
body.corporate .withPageNav #post .historyLine .era > li:nth-of-type(n+2) .eventArea {
padding: 20px 0 25px;
}
}
body.corporate .withPageNav #post .historyLine .era > li:nth-of-type(n+2) .eventArea .year {
font-weight: bold;
color: #BA3123;
font-size: 28px;
}
body.corporate .withPageNav #post .historyLine .era > li:nth-of-type(n+2) .eventArea .year .small {
font-size: 18px;
}
body.corporate .withPageNav #post .historyLine .era > li:nth-of-type(n+2) .eventArea .event {
margin-top: 10px;
}
@media only screen and (min-width: 769px) {
body.corporate .withPageNav #post .historyLine .era > li:nth-of-type(n+2) .eventArea .event {
padding-left: 45px;
padding-right: 20px;
margin-top: 10px;
}
}
body.corporate .withPageNav #post .historyLine .era > li:nth-of-type(n+2) .eventArea .event .head {
color: #BA3123;
}
body.corporate .withPageNav #post .historyLine .era > li:nth-of-type(n+2) .eventArea .event figure {
margin-top: 20px;
}
@media only screen and (max-width: 769px) {
body.corporate .withPageNav #post .historyLine .era > li:nth-of-type(n+2) .eventArea .event figure {
max-width: 300px;
display: block;
}
}
@media only screen and (min-width: 769px) {
body.corporate .withPageNav #post .historyLine .era > li:nth-of-type(n+2) .eventArea .event figure img {
width: auto;
}
}
body.corporate .withPageNav #post .historyLine .era > li:nth-of-type(n+2) .eventArea .event figure figcaption {
font-size: 12px;
margin-top: 5px;
}
@media only screen and (min-width: 769px) {
body.corporate .withPageNav #post .historyLine .era > li:nth-of-type(n+2) .eventArea .event .figs {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
margin-top: 20px;
}
}
@media only screen and (max-width: 769px) {
body.corporate .withPageNav #post .historyLine .era > li:nth-of-type(n+2) .eventArea .event .figs {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 15px;
}
}
body.corporate .withPageNav #post .historyLine .era > li:nth-of-type(n+2) .eventArea .event .figs figure {
display: block;
margin: 0;
}
@media only screen and (max-width: 769px) {
body.corporate .withPageNav #post .historyLine .era > li:nth-of-type(n+2) .eventArea .event .figs figure {
width: 47.187%;
}
}
@media only screen and (min-width: 769px) {
body.corporate .withPageNav #post .historyLine .era > li:nth-of-type(n+2) .eventArea .event .figs figure:nth-of-type(n+2) {
margin-left: 20px;
}
}
body.corporate .withPageNav #post .historyLine .era > li:nth-of-type(n+2) .meanwhileArea {
background-color: rgba(200, 92, 81, 0.04);
}
@media only screen and (min-width: 769px) {
body.corporate .withPageNav #post .historyLine .era > li:nth-of-type(n+2) .meanwhileArea {
padding: 27px 16px 27px;
}
}
@media only screen and (max-width: 769px) {
body.corporate .withPageNav #post .historyLine .era > li:nth-of-type(n+2) .meanwhileArea {
margin-top: 20px;
}
}
@media only screen and (max-width: 769px) {
body.corporate .withPageNav #post .historyLine .era > li:nth-of-type(n+2) .meanwhileArea .meanwhile {
padding: 27px 16px 27px;
}
}
body.corporate .withPageNav #post .historyLine .era > li:nth-of-type(n+2).endMeiji ~ li .eventArea .year {
color: #E08622;
}
body.corporate .withPageNav #post .historyLine .era > li:nth-of-type(n+2).endMeiji ~ li .eventArea .event .head {
color: #E08622;
}
body.corporate .withPageNav #post .historyLine .era > li:nth-of-type(n+2).endMeiji ~ li .meanwhileArea {
background-color: rgba(224, 134, 34, 0.04);
}
body.corporate .withPageNav #post .historyLine .era > li:nth-of-type(n+2).endMeiji ~ li::before {
background-color: #E08622;
}
body.corporate .withPageNav #post .historyLine .era > li:nth-of-type(n+2).endMeiji ~ li::after {
border-color: #E08622;
}
body.corporate .withPageNav #post .historyLine .era > li:nth-of-type(n+2).endTaisyo ~ li .eventArea .year {
color: #25675B;
}
body.corporate .withPageNav #post .historyLine .era > li:nth-of-type(n+2).endTaisyo ~ li .eventArea .event .head {
color: #25675B;
}
body.corporate .withPageNav #post .historyLine .era > li:nth-of-type(n+2).endTaisyo ~ li .meanwhileArea {
background-color: rgba(37, 103, 91, 0.04);
}
body.corporate .withPageNav #post .historyLine .era > li:nth-of-type(n+2).endTaisyo ~ li::before {
background-color: #25675B;
}
body.corporate .withPageNav #post .historyLine .era > li:nth-of-type(n+2).endTaisyo ~ li::after {
border-color: #25675B;
}
body.corporate .withPageNav #post .historyLine .era > li:nth-of-type(n+2).endSyowa ~ li .eventArea .year {
color: #3B4DB1;
}
body.corporate .withPageNav #post .historyLine .era > li:nth-of-type(n+2).endSyowa ~ li .eventArea .event .head {
color: #3B4DB1;
}
body.corporate .withPageNav #post .historyLine .era > li:nth-of-type(n+2).endSyowa ~ li .meanwhileArea {
background-color: rgba(59, 77, 177, 0.04);
}
body.corporate .withPageNav #post .historyLine .era > li:nth-of-type(n+2).endSyowa ~ li::before {
background-color: #3B4DB1;
}
body.corporate .withPageNav #post .historyLine .era > li:nth-of-type(n+2).endSyowa ~ li::after {
border-color: #3B4DB1;
}
body.corporate .withPageNav #post .historyLine .era > li:nth-of-type(n+2).endHeisei ~ li .eventArea .year {
color: #368AC7;
}
body.corporate .withPageNav #post .historyLine .era > li:nth-of-type(n+2).endHeisei ~ li .eventArea .event .head {
color: #368AC7;
}
body.corporate .withPageNav #post .historyLine .era > li:nth-of-type(n+2).endHeisei ~ li .meanwhileArea {
background-color: rgba(54, 138, 199, 0.04);
}
body.corporate .withPageNav #post .historyLine .era > li:nth-of-type(n+2).endHeisei ~ li::before {
background-color: #368AC7;
}
body.corporate .withPageNav #post .historyLine .era > li:nth-of-type(n+2).endHeisei ~ li::after {
border-color: #368AC7;
}
@media only screen and (min-width: 769px) {
body.corporate .withPageNav #post .historyLine .era > li:nth-of-type(n+3) .meanwhileArea {
padding-top: 65px;
}
}
body.corporate .withPageNav #post .companyInfoArea .mission .scripts {
text-align: center;
}
@media only screen and (min-width: 769px) {
body.corporate .withPageNav #post .companyInfoArea .mission .scripts > li:nth-of-type(n+2) {
margin-top: 90px;
}
}
@media only screen and (max-width: 769px) {
body.corporate .withPageNav #post .companyInfoArea .mission .scripts > li:nth-of-type(n+2) {
margin-top: 30px;
}
}
body.corporate .withPageNav #post .companyInfoArea .mission .scripts > li .head {
font-weight: 500;
}
@media only screen and (min-width: 769px) {
body.corporate .withPageNav #post .companyInfoArea .mission .scripts > li .head {
font-size: 21px;
}
}
@media only screen and (max-width: 769px) {
body.corporate .withPageNav #post .companyInfoArea .mission .scripts > li .head {
font-size: 18px;
}
}
body.corporate .withPageNav #post .companyInfoArea .mission .scripts > li p {
color: #23923F;
}
@media only screen and (min-width: 769px) {
body.corporate .withPageNav #post .companyInfoArea .mission .scripts > li p {
font-size: 35px;
line-height: 1.571;
margin-top: 26px;
}
}
@media only screen and (max-width: 769px) {
body.corporate .withPageNav #post .companyInfoArea .mission .scripts > li p {
font-size: 24px;
line-height: 2;
margin-top: 11px;
}
}
body.corporate .withPageNav #post .companyInfoArea .mission .keywords {
background-color: rgba(211, 230, 216, 0.2);
overflow: hidden;
border-radius: 10px;
}
@media only screen and (min-width: 769px) {
body.corporate .withPageNav #post .companyInfoArea .mission .keywords {
margin: 94px auto 0;
}
}
@media only screen and (max-width: 769px) {
body.corporate .withPageNav #post .companyInfoArea .mission .keywords {
margin: 67px auto 0;
}
}
body.corporate .withPageNav #post .companyInfoArea .mission .keywords .title {
font-weight: bold;
text-align: center;
color: #0B6F24;
background-color: rgba(211, 230, 216, 0.2);
}
@media only screen and (min-width: 769px) {
body.corporate .withPageNav #post .companyInfoArea .mission .keywords .title {
font-size: 18px;
padding: 19px 0 15px;
}
}
@media only screen and (max-width: 769px) {
body.corporate .withPageNav #post .companyInfoArea .mission .keywords .title {
font-size: 20px;
padding: 17px 0 15px;
}
}
@media only screen and (min-width: 769px) {
body.corporate .withPageNav #post .companyInfoArea .mission .keywords .flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 38px 30px;
}
}
@media only screen and (max-width: 769px) {
body.corporate .withPageNav #post .companyInfoArea .mission .keywords .flex {
padding: 23px 24px 31PX;
}
}
body.corporate .withPageNav #post .companyInfoArea .mission .keywords .flex dl {
text-align: center;
}
@media only screen and (max-width: 769px) {
body.corporate .withPageNav #post .companyInfoArea .mission .keywords .flex dl:nth-of-type(n+2) {
margin-top: 30px;
}
}
body.corporate .withPageNav #post .companyInfoArea .mission .keywords .flex dl > dt {
font-size: 20px;
font-weight: bold;
}
@media only screen and (min-width: 769px) {
body.corporate .withPageNav #post .companyInfoArea .mission .keywords .flex dl > dt {
line-height: 1.846;
}
}
@media only screen and (max-width: 769px) {
body.corporate .withPageNav #post .companyInfoArea .mission .keywords .flex dl > dt:nth-of-type(n+2) {
margin-top: 1.6em;
}
}
body.corporate .withPageNav #post .companyInfoArea .mission .keywords .flex dl > dd {
font-size: 13px;
}
body.corporate .withPageNav #post .companyInfoArea .mission .keywords .flex dl:nth-of-type(1) > dt {
color: #009937;
}
body.corporate .withPageNav #post .companyInfoArea .mission .keywords .flex dl:nth-of-type(2) > dt {
color: #F6AA00;
}
body.corporate .withPageNav #post .companyInfoArea .mission .keywords .flex dl:nth-of-type(3) > dt {
color: #E20025;
}
body.corporate .withPageNav #post .companyInfoArea .mission .behavior h4 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
@media only screen and (min-width: 769px) {
body.corporate .withPageNav #post .companyInfoArea .mission .behavior h4 {
margin-top: 70px;
}
}
@media only screen and (max-width: 769px) {
body.corporate .withPageNav #post .companyInfoArea .mission .behavior h4 {
margin-top: 35px;
}
}
body.corporate .withPageNav #post .companyInfoArea .mission .behavior h4 span {
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
padding-right: 17px;
}
@media only screen and (min-width: 769px) {
body.corporate .withPageNav #post .companyInfoArea .mission .behavior h4 span {
font-size: 22px;
}
}
@media only screen and (max-width: 769px) {
body.corporate .withPageNav #post .companyInfoArea .mission .behavior h4 span {
font-size: 18px;
}
}
body.corporate .withPageNav #post .companyInfoArea .mission .behavior h4::after {
content: "";
background-color: #D3E6D8;
display: block;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
@media only screen and (min-width: 769px) {
body.corporate .withPageNav #post .companyInfoArea .mission .behavior h4::after {
height: 20px;
}
}
@media only screen and (max-width: 769px) {
body.corporate .withPageNav #post .companyInfoArea .mission .behavior h4::after {
height: 15px;
}
}
body.corporate .withPageNav #post .companyInfoArea .mission .behavior p {
margin-top: 20px;
}
@media only screen and (min-width: 769px) {
body.corporate .withPageNav #post .companyInfoArea .mission .behavior .bhList {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 50px;
}
}
@media only screen and (max-width: 769px) {
body.corporate .withPageNav #post .companyInfoArea .mission .behavior .bhList {
margin-top: 25px;
}
}
@media only screen and (min-width: 769px) {
body.corporate .withPageNav #post .companyInfoArea .mission .behavior .bhList > li {
width: 47.77%;
}
body.corporate .withPageNav #post .companyInfoArea .mission .behavior .bhList > li:nth-of-type(n+3) {
margin-top: 50px;
}
}
@media only screen and (max-width: 769px) {
body.corporate .withPageNav #post .companyInfoArea .mission .behavior .bhList > li:nth-of-type(n+2) {
margin-top: 25px;
}
}
body.corporate .withPageNav #post .companyInfoArea .mission .behavior .bhList > li h5 {
font-size: 18px;
color: #0B6F24;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
body.corporate .withPageNav #post .companyInfoArea .mission .behavior .bhList > li h5::before {
content: "";
width: 100%;
height: 3px;
background-color: #AED1B7;
display: block;
position: absolute;
left: 0;
bottom: 0;
}
body.corporate .withPageNav #post .companyInfoArea .mission .behavior .bhList > li h5 span {
border-bottom: 3px solid #0B6F24;
padding-bottom: 7px;
}
body.corporate .withPageNav #post .companyInfoArea .mission .behavior .bhList > li p {
margin-top: 15px;
}
body.corporate .withPageNav #post .companyInfoArea .safety .safetyList > li {
border-bottom: 1px solid #707070;
padding-bottom: 15px;
}
@media only screen and (min-width: 769px) {
body.corporate .withPageNav #post .companyInfoArea .safety .safetyList > li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
body.corporate .withPageNav #post .companyInfoArea .safety .safetyList > li h4 {
width: 15.55%;
}
body.corporate .withPageNav #post .companyInfoArea .safety .safetyList > li p {
width: 84.45%;
}
}
body.corporate .withPageNav #post .companyInfoArea .safety .safetyList > li:nth-of-type(n+2) {
padding-top: 15px;
}
body.corporate .withPageNav #post .companyInfoArea .safety .safetyList > li h4 {
font-size: 16px;
text-align: center;
margin: 0;
}
@media only screen and (max-width: 769px) {
body.corporate .withPageNav #post .companyInfoArea .safety .safetyList > li p {
margin-top: 15px;
}
}
body.corporate .withPageNav #post .companyInfoArea .safety .int {
margin-top: 35px;
}
body.corporate .withPageNav #post .companyInfoArea .safety .bg {
background-color: rgba(211, 230, 216, 0.25);
border-radius: 10px;
padding: 26px 33px;
margin-top: 18px;
}
body.corporate .withPageNav #post .companyInfoArea .safety .bg ul > li {
font-weight: bold;
line-height: 1.75;
color: #23923F;
}
body.corporate .withPageNav #post .companyInfoArea .safety .mMark {
margin-top: 28px;
}
@media only screen and (min-width: 769px) {
body.corporate .withPageNav #post .companyInfoArea .safety .mMark {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
body.corporate .withPageNav #post .companyInfoArea .safety .mMark a {
width: 160px;
}
body.corporate .withPageNav #post .companyInfoArea .safety .mMark p {
width: 71.11%;
}
}
body.corporate .withPageNav #post .companyInfoArea .safety .mMark a {
display: block;
margin: 0 auto;
}
body.corporate .withPageNav #post .companyInfoArea .safety .mMark figure {
margin: 0 auto;
}
@media only screen and (max-width: 769px) {
body.corporate .withPageNav #post .companyInfoArea .safety .mMark figure {
max-width: 160px;
}
}
@media only screen and (max-width: 769px) {
body.corporate .withPageNav #post .companyInfoArea .safety .mMark p {
margin-top: 15px;
}
}
body.corporate .withPageNav #post .companyInfoArea .forces {
line-height: 1.75;
}
body.corporate .withPageNav #post .companyInfoArea .forces h4 {
font-size: 18px;
color: #0B6F24;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
margin-bottom: 25px;
}
body.corporate .withPageNav #post .companyInfoArea .forces h4::before {
content: "";
width: 100%;
height: 3px;
background-color: #AED1B7;
display: block;
position: absolute;
left: 0;
bottom: 0;
}
body.corporate .withPageNav #post .companyInfoArea .forces h4 span {
border-bottom: 3px solid #0B6F24;
padding-bottom: 5px;
}
@media only screen and (min-width: 769px) {
body.corporate .withPageNav #post .companyInfoArea .forces > ul > li:nth-of-type(n+2) {
margin-top: 15px;
}
}
@media only screen and (max-width: 769px) {
body.corporate .withPageNav #post .companyInfoArea .forces > ul > li:nth-of-type(n+2) {
margin-top: 7px;
}
}
body.corporate .withPageNav #post .companyInfoArea .forces > ul > li span {
display: block;
text-indent: -1.4em;
padding-left: 1.4em;
}
@media only screen and (min-width: 769px) {
body.corporate .withPageNav #post .companyInfoArea .forces > ul > li p {
padding-left: 2em;
}
}
@media only screen and (max-width: 769px) {
body.corporate .withPageNav #post .companyInfoArea .forces > ul > li p {
padding-left: 1em;
}
}
body.corporate .withPageNav #post .companyInfoArea .corpGov {
line-height: 2;
}
@media only screen and (min-width: 769px) {
body.corporate .withPageNav #post .companyInfoArea .corpGov ul {
margin-top: 36px;
}
}
@media only screen and (max-width: 769px) {
body.corporate .withPageNav #post .companyInfoArea .corpGov ul {
margin-top: 18px;
}
}
body.corporate .withPageNav #post .companyInfoArea .corpGov ul > li {
text-indent: -2em;
padding-left: 2em;
}
@media only screen and (min-width: 769px) {
body.corporate .withPageNav #post .companyInfoArea .corpGov ul > li:nth-of-type(n+2) {
margin-top: 15px;
}
}
@media only screen and (max-width: 769px) {
body.corporate .withPageNav #post .companyInfoArea .corpGov ul > li:nth-of-type(n+2) {
margin-top: 7px;
}
}
@media only screen and (min-width: 769px) {
body.corporate .withPageNav #post .companyInfoArea .corpGov figure {
margin-top: 46px;
}
}
@media only screen and (max-width: 769px) {
body.corporate .withPageNav #post .companyInfoArea .corpGov figure {
margin-top: 23px;
}
}
@media only screen and (min-width: 769px) {
body.news .catListArea {
margin-top: 90px;
}
}
@media only screen and (max-width: 769px) {
body.news .catListArea {
margin-top: 32px;
}
}
body.news .catListArea .catList {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media only screen and (min-width: 769px) {
body.news .catListArea .catList > li {
width: 160px;
height: 40px;
}
}
@media only screen and (max-width: 769px) {
body.news .catListArea .catList > li {
width: 19.4%;
max-width: 65px;
height: 65px;
}
}
@media only screen and (min-width: 769px) {
body.news .catListArea .catList > li:nth-of-type(n+2) {
margin-left: 15px;
}
}
@media only screen and (max-width: 769px) {
body.news .catListArea .catList > li:nth-of-type(n+2) {
margin-left: 3px;
}
}
body.news .catListArea .catList > li a {
width: 100%;
height: 100%;
color: #FFF;
border: 2px solid #C2D3C3;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
body.news .catListArea .catList > li a:hover {
opacity: 0.6;
}
@media only screen and (min-width: 769px) {
body.news .catListArea .catList > li a {
font-size: 14px;
border-radius: 30px;
}
}
@media only screen and (max-width: 769px) {
body.news .catListArea .catList > li a {
font-size: 12px;
border-radius: 7px;
text-align: center;
}
}
body.news .catListArea .catList > li.news a {
background-color: #23923F;
}
body.news .catListArea .catList > li.live a {
background-color: #EF8D08;
}
body.news .catListArea .catList > li.ir a {
background-color: #C11414;
}
body.news .catListArea .catList > li.recruit a {
background-color: #0C4480;
}
body.news .catListArea .catList > li.partner a {
background-color: #1571DA;
}
body.news.single .postContents {
background-color: rgba(35, 146, 63, 0.05);
}
@media only screen and (min-width: 769px) {
body.news.single .postContents {
padding: 90px 0 100px;
}
}
@media only screen and (max-width: 769px) {
body.news.single .postContents {
padding: 24px 0 38px;
}
}
@media only screen and (min-width: 769px) {
body.news.single .postContents .container {
width: 850px;
}
}
body.news.single .postContents p {
line-height: 2;
}
body.news.single .postContents figure {
width: auto;
}
body.news.single .postContents figure:nth-child(n+2) {
margin-top: 70px;
}
@media only screen and (min-width: 769px) {
body.news.single .postContents figure img {
width: auto;
max-width: 100%;
}
}
body.news.single .postContents .btnWrapper {
margin-top: 15px;
}
@media only screen and (max-width: 769px) {
body.news.single .postContents .btnWrapper a {
width: 100%;
max-width: 335px;
margin: 0 auto;
}
}
body.news.single.live .postContents {
background-color: rgba(239, 141, 8, 0.05);
}
body.news.single.live .postContents table {
border-top: 1px solid #D0D0D0;
border-left: 1px solid #D0D0D0;
}
@media only screen and (min-width: 769px) {
body.news.single.live .postContents table {
width: 100%;
margin-top: 70px;
}
}
@media only screen and (max-width: 769px) {
body.news.single.live .postContents table {
margin-top: 20px;
}
body.news.single.live .postContents table, body.news.single.live .postContents table tbody, body.news.single.live .postContents table tr, body.news.single.live .postContents table tr th, body.news.single.live .postContents table tr td {
display: block;
}
}
body.news.single.live .postContents table tr th, body.news.single.live .postContents table tr td {
border-right: 1px solid #D0D0D0;
border-bottom: 1px solid #D0D0D0;
}
@media only screen and (min-width: 769px) {
body.news.single.live .postContents table tr th, body.news.single.live .postContents table tr td {
padding: 16px 24px;
}
}
body.news.single.live .postContents table tr th {
background-color: #F9FAFC;
}
@media only screen and (min-width: 769px) {
body.news.single.live .postContents table tr th {
width: 212px;
}
}
@media only screen and (max-width: 769px) {
body.news.single.live .postContents table tr th {
padding: 5px 10px;
}
}
body.news.single.live .postContents table tr td {
line-height: 2.312;
background-color: #FFF;
}
@media only screen and (max-width: 769px) {
body.news.single.live .postContents table tr td {
padding: 16px 10px;
}
}
body.news.single.live .postContents table tr td a {
text-decoration: underline;
color: #2793FF;
display: block;
}
body.news.single.ir .postContents {
background-color: rgba(193, 20, 20, 0.05);
}
body.news.single.ir .postContents .name {
margin-top: 35px;
}
body.news.single.partner .postContents {
background-color: rgba(21, 113, 218, 0.05);
}
body.news.single.partner .postContents .name {
margin-top: 35px;
}
body.partner .titleArea h2 {
text-align: center;
color: #1571DA;
font-size: 23px;
}
@media only screen and (min-width: 769px) {
body.partner .titleArea h2 {
margin-top: 70px;
}
}
@media only screen and (max-width: 769px) {
body.partner .titleArea h2 {
margin-top: 30px;
}
}
@media only screen and (max-width: 769px) {
body.partner .newsListArea {
margin-top: 26px;
}
}
@media only screen and (min-width: 769px) {
body.partner .dlLinksArea {
margin-top: 75px;
}
}
@media only screen and (max-width: 769px) {
body.partner .dlLinksArea {
margin-top: 50px;
}
}
body.partner .dlLinksArea .container {
background-color: #F2F7FC;
}
@media only screen and (min-width: 769px) {
body.partner .dlLinksArea .container {
padding: 40px 36px;
}
}
@media only screen and (max-width: 769px) {
body.partner .dlLinksArea .container {
padding: 30px 20px;
}
}
body.partner .dlLinksArea h3 {
font-weight: bold;
text-align: center;
color: #1571DA;
margin-top: 0;
}
@media only screen and (min-width: 769px) {
body.partner .dlLinksArea h3 {
font-size: 23px;
}
}
@media only screen and (max-width: 769px) {
body.partner .dlLinksArea h3 {
font-size: 16px;
}
}
body.partner .dlLinksArea .links {
margin: 0 auto;
margin-top: 30px;
}
@media only screen and (min-width: 769px) {
body.partner .dlLinksArea .links {
width: 730px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
@media only screen and (min-width: 769px) {
body.partner .dlLinksArea .links > li {
width: calc((100% - 50px) / 2);
}
}
@media only screen and (max-width: 769px) {
body.partner .dlLinksArea .links > li:nth-of-type(n+2) {
margin-top: 20px;
}
}
@media only screen and (min-width: 769px) {
body.partner .dlLinksArea .links > li:nth-of-type(n+3) {
margin-top: 20px;
}
}
body.partner .dlLinksArea .links > li a {
font-weight: bold;
text-align: center;
color: #1571DA;
background-color: #FFF;
border: 2px solid #1571DA;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 0 auto;
width: 100%;
height: 60px;
border-radius: 67px;
}
@media only screen and (max-width: 769px) {
body.partner .dlLinksArea .links > li a {
font-size: 15px;
}
}
body.partner .dlLinksArea .links > li a:hover {
color: #FFF;
background-color: #1571DA;
}
body.partner .withPageNav .navArea .nav {
background-color: #F2F7FC;
}
body.partner .withPageNav .navArea .nav .pages:nth-of-type(n+2), body.partner .withPageNav .navArea .nav .heads:nth-of-type(n+2) {
border-top: 1px solid #1571DA;
}
body.partner .withPageNav .navArea .nav .pages > li a, body.partner .withPageNav .navArea .nav .heads > li a {
color: #0C4480;
}
body.partner .withPageNav .navArea .nav .pages > li a:hover, body.partner .withPageNav .navArea .nav .heads > li a:hover {
color: #1571DA;
}
body.partner .withPageNav .navArea .nav .pages > li.current a, body.partner .withPageNav .navArea .nav .heads > li.current a {
color: #1571DA;
}
body.partner .withPageNav #post h2 {
color: #1571DA;
}
@media only screen and (min-width: 769px) {
body.partner .withPageNav #post h2 {
margin-bottom: 44px;
}
}
@media only screen and (max-width: 769px) {
body.partner .withPageNav #post h2 {
font-size: 22px;
background-color: #F2F7FC;
}
}
body.partner .withPageNav #post h2::before {
background-color: #1571DA;
}
body.partner .withPageNav #post h2::after {
content: none;
}
body.partner .withPageNav #post h3 {
color: #222222;
}
@media only screen and (min-width: 769px) {
body.partner .withPageNav #post h3 {
margin-top: 70px;
margin-bottom: 30px;
}
}
@media only screen and (max-width: 769px) {
body.partner .withPageNav #post h3 {
margin-top: 30px;
margin-bottom: 15px;
}
}
body.partner .withPageNav #post h3::before {
background-color: #D0D0D0;
}
body.partner .withPageNav #post h3.hidden {
width: 0;
height: 0;
display: block;
z-index: -99999;
pointer-events: none;
overflow: hidden;
padding: 0;
margin: 0;
}
@media only screen and (max-width: 769px) {
body.partner .withPageNav #post p {
margin-top: 15px;
}
}
body.partner .withPageNav #post p a:hover {
text-decoration: underline;
}
body.partner .withPageNav #post p a.withFile {
font-weight: bold;
}
body.partner .withPageNav #post .textLink {
color: #368AC7;
text-decoration: underline;
}
@media only screen and (max-width: 769px) {
body.partner .withPageNav #post .link {
padding: 20px 15px;
border-bottom: 1px solid #707070;
}
}
@media only screen and (max-width: 769px) {
body.partner .withPageNav #post .link a {
font-size: 13px;
}
}
@media only screen and (min-width: 769px) {
body.partner .withPageNav #post .file {
margin-top: 30px;
}
}
@media only screen and (max-width: 769px) {
body.partner .withPageNav #post .file {
margin-top: 14px;
}
}
body.partner .withPageNav #post .file p {
margin-top: 0;
}
@media only screen and (max-width: 769px) {
body.partner .withPageNav #post .file p {
line-height: 1.375;
}
}
@media only screen and (min-width: 769px) {
body.partner .withPageNav #post .file .link {
margin-top: 10px;
}
}
@media only screen and (max-width: 769px) {
body.partner .withPageNav #post .file .link {
margin-top: 0;
}
}
@media only screen and (min-width: 769px) {
body.partner .withPageNav #post .btnWrapper .dlButton, body.partner .withPageNav #post .btnWrapper .linkButton {
width: 284px;
}
}
@media only screen and (max-width: 769px) {
body.partner .withPageNav #post .btnWrapper .dlButton, body.partner .withPageNav #post .btnWrapper .linkButton {
width: 100%;
max-width: 284px;
margin: 0 auto;
}
}
body.partner .withPageNav #post .btnWrapper .dlButton {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
padding-left: 25px;
}
@media only screen and (min-width: 769px) {
body.partner .withPageNav #post .dls > li, body.partner .withPageNav #post .dlItem {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
@media only screen and (min-width: 769px) {
body.partner .withPageNav #post .dls > li:nth-of-type(n+2), body.partner .withPageNav #post .dlItem:nth-of-type(n+2) {
margin-top: 8px;
}
}
@media only screen and (max-width: 769px) {
body.partner .withPageNav #post .dls > li:nth-of-type(n+2), body.partner .withPageNav #post .dlItem:nth-of-type(n+2) {
margin-top: 23px;
}
}
body.partner .withPageNav #post .dls > li .text, body.partner .withPageNav #post .dlItem .text {
font-weight: bold;
}
@media only screen and (max-width: 769px) {
body.partner .withPageNav #post .dls > li .text, body.partner .withPageNav #post .dlItem .text {
font-size: 13px;
text-align: center;
}
}
body.partner .withPageNav #post .dls > li .text .small, body.partner .withPageNav #post .dlItem .text .small {
font-weight: normal;
color: #919191;
font-size: 16px;
}
body.partner .withPageNav #post .dlList {
background-color: rgba(21, 113, 218, 0.1);
}
@media only screen and (max-width: 769px) {
body.partner .withPageNav #post .dlList {
width: 95%;
margin-left: auto;
margin-right: auto;
}
}
@media only screen and (max-width: 769px) {
body.partner .withPageNav #post .dlList .btnWrapper {
margin-top: 5px;
}
}
body.partner .withPageNav #post .bg {
background-color: #F8F8F8;
border-radius: 8px;
}
@media only screen and (min-width: 769px) {
body.partner .withPageNav #post .bg {
padding: 30px;
}
}
@media only screen and (max-width: 769px) {
body.partner .withPageNav #post .bg {
line-height: 1.375;
padding: 30px 20px;
}
}
body.partner .withPageNav #post .bg .emph {
font-weight: bold;
margin: 0;
}
@media only screen and (max-width: 769px) {
body.partner .withPageNav #post .bg .emph {
text-align: center;
}
}
@media only screen and (max-width: 769px) {
body.partner .withPageNav #post .bg ul {
margin-top: 22px;
}
}
@media only screen and (max-width: 769px) {
body.partner .withPageNav #post .bg ul > li:nth-of-type(n+2) {
margin-top: 10px;
}
}
@media only screen and (max-width: 769px) {
body.partner .withPageNav #post .link {
margin-top: 30px;
}
}
body.partner.seikyusyo .withPageNav #post h3, body.partner.buildee .withPageNav #post h3, body.partner.sekoutaisei .withPageNav #post h3 {
color: #1571DA;
padding-bottom: 0;
font-size: 20px;
}
body.partner.seikyusyo .withPageNav #post h3::before, body.partner.seikyusyo .withPageNav #post h3::after, body.partner.buildee .withPageNav #post h3::before, body.partner.buildee .withPageNav #post h3::after, body.partner.sekoutaisei .withPageNav #post h3::before, body.partner.sekoutaisei .withPageNav #post h3::after {
content: none;
}
body.partner.seikyusyo .withPageNav #post .updatedDate {
color: #222222;
margin-bottom: 0;
}
@media only screen and (min-width: 769px) {
body.partner.seikyusyo .withPageNav #post .updatedDate {
font-size: 14px;
text-align: right;
margin-top: 30px;
}
}
@media only screen and (max-width: 769px) {
body.partner.seikyusyo .withPageNav #post .updatedDate {
font-size: 13px;
text-align: center;
margin-top: 30px;
}
}
@media only screen and (min-width: 769px) {
body.partner.seikyusyo .withPageNav #post .dlList {
padding: 34px 30px 30px;
margin-top: 10px;
}
}
@media only screen and (max-width: 769px) {
body.partner.seikyusyo .withPageNav #post .dlList {
border-radius: 10px;
padding: 30px 18px 20px;
margin-top: 10px;
}
}
body.partner.seikyusyo .withPageNav #post .dlList .notes {
font-weight: bold;
text-align: center;
margin-top: 0;
}
@media only screen and (min-width: 769px) {
body.partner.seikyusyo .withPageNav #post .dlList .notes {
font-size: 18px;
}
}
@media only screen and (max-width: 769px) {
body.partner.seikyusyo .withPageNav #post .dlList .notes {
line-height: 1.5;
}
}
@media only screen and (min-width: 769px) {
body.partner.seikyusyo .withPageNav #post .dlList .dls {
margin-top: 45px;
}
}
@media only screen and (max-width: 769px) {
body.partner.seikyusyo .withPageNav #post .dlList .dls {
margin-top: 20px;
}
}
@media only screen and (max-width: 769px) {
body.partner.sekoutaisei .withPageNav #post h3 {
color: #1571DA;
padding-bottom: 0;
font-size: 20px;
}
body.partner.sekoutaisei .withPageNav #post h3::before, body.partner.sekoutaisei .withPageNav #post h3::after {
content: none;
}
}
@media only screen and (max-width: 769px) {
body.partner.sekoutaisei .withPageNav #post .notes {
font-size: 14px;
line-height: 1.714;
margin-top: 20px;
}
}
body.partner.sekoutaisei .withPageNav #post .download {
width: 0;
height: 0;
display: block;
z-index: -99999;
pointer-events: none;
overflow: hidden;
padding: 0;
margin: 0;
}
body.partner.sekoutaisei .withPageNav #post .dlList {
background-color: rgba(21, 113, 218, 0.04);
}
@media only screen and (min-width: 769px) {
body.partner.sekoutaisei .withPageNav #post .dlList {
margin-top: 44px;
}
}
@media only screen and (max-width: 769px) {
body.partner.sekoutaisei .withPageNav #post .dlList {
border-radius: 10px;
margin-top: 20px;
}
}
body.partner.sekoutaisei .withPageNav #post .dlList .topZip {
background-color: rgba(21, 113, 218, 0.1);
}
@media only screen and (max-width: 769px) {
body.partner.sekoutaisei .withPageNav #post .dlList .topZip {
border-radius: 10px 10px 0 0;
}
}
@media only screen and (min-width: 769px) {
body.partner.sekoutaisei .withPageNav #post .dlList .topZip .dls {
padding: 30px 100px;
}
}
@media only screen and (max-width: 769px) {
body.partner.sekoutaisei .withPageNav #post .dlList .topZip .dls {
padding: 30px 18px 25px;
}
}
@media only screen and (max-width: 769px) {
body.partner.sekoutaisei .withPageNav #post .dlList .topZip .dls > li .text {
font-size: 13px;
}
}
@media only screen and (max-width: 769px) {
body.partner.sekoutaisei .withPageNav #post .dlList .topZip .dls > li .btnWrapper {
margin-top: 20px;
}
}
@media only screen and (min-width: 769px) {
body.partner.sekoutaisei .withPageNav #post .dlList .dlContents {
padding: 55px 100px 45px;
}
}
@media only screen and (max-width: 769px) {
body.partner.sekoutaisei .withPageNav #post .dlList .dlContents {
padding: 16px 24px 23px;
}
}
body.partner.sekoutaisei .withPageNav #post .dlList .dlContents .notes {
font-weight: bold;
}
@media only screen and (max-width: 769px) {
body.partner.sekoutaisei .withPageNav #post .dlList .dlContents .notes {
font-size: 14px;
line-height: 1.571;
text-align: center;
margin-top: 0;
}
}
@media only screen and (min-width: 769px) {
body.partner.sekoutaisei .withPageNav #post .dlList .dlContents .dls {
margin-top: 23px;
}
}
@media only screen and (max-width: 769px) {
body.partner.sekoutaisei .withPageNav #post .dlList .dlContents .dls {
margin-top: 25px;
}
}
body.partner.sekoutaisei .withPageNav #post .dlList .dlContents .dls > li:nth-of-type(n+2) {
margin-top: 20px;
}
body.partner.sekoutaisei .withPageNav #post .dlList .dlContents .dls > li a {
font-weight: bold;
}
body.partner.sekoutaisei .withPageNav #post .dlList .dlContents .dls > li a .desc {
color: #919191;
}
@media only screen and (min-width: 769px) {
body.partner.sekoutaisei .withPageNav #post .dlList .dlContents .dls > li a .desc {
margin-left: 8px;
display: inline-block;
}
}
@media only screen and (max-width: 769px) {
body.partner.sekoutaisei .withPageNav #post .dlList .dlContents .dls > li a .desc {
font-weight: normal;
display: block;
margin-top: 5px;
}
}
@media only screen and (min-width: 769px) {
body.partner.sekoutaisei .withPageNav #post .notes.excel {
padding: 0 40px;
margin-top: 48px;
}
}
@media only screen and (max-width: 769px) {
body.partner.sekoutaisei .withPageNav #post .notes.excel {
padding: 0 2.5%;
margin-top: 20px;
}
}
body.partner.buildee .withPageNav #post h2::before {
background-color: #1571DA;
}
@media only screen and (min-width: 769px) {
body.partner.buildee .withPageNav #post .top.flex p {
width: 71.666%;
}
body.partner.buildee .withPageNav #post .top.flex figure {
width: 28.334%;
}
}
@media only screen and (max-width: 769px) {
body.partner.buildee .withPageNav #post .top {
margin-bottom: 40px;
}
}
@media only screen and (min-width: 769px) {
body.partner.buildee .withPageNav #post .top figure {
padding-left: 43px;
padding-right: 19px;
}
}
@media only screen and (max-width: 769px) {
body.partner.buildee .withPageNav #post .top figure {
max-width: 200px;
margin-top: 30px;
}
}
@media only screen and (min-width: 769px) {
body.partner.buildee .withPageNav #post .services {
margin-top: 20px;
}
}
@media only screen and (max-width: 769px) {
body.partner.buildee .withPageNav #post .services {
margin-top: 16px;
}
}
@media only screen and (min-width: 769px) {
body.partner.buildee .withPageNav #post .services {
margin-bottom: 16px;
}
}
@media only screen and (max-width: 769px) {
body.partner.buildee .withPageNav #post .services {
margin-bottom: 22px;
}
}
@media only screen and (min-width: 769px) {
body.partner.buildee .withPageNav #post .services > li:nth-of-type(n+2) {
margin-top: 17px;
}
}
@media only screen and (max-width: 769px) {
body.partner.buildee .withPageNav #post .services > li:nth-of-type(n+2) {
margin-top: 20px;
}
}
@media only screen and (min-width: 769px) {
body.partner.buildee .withPageNav #post .services > li.bg {
padding-top: 20px;
}
}
@media only screen and (max-width: 769px) {
body.partner.buildee .withPageNav #post .services > li.bg {
padding-top: 23px;
}
}
@media only screen and (min-width: 769px) {
body.partner.buildee .withPageNav #post .services > li.bg {
padding-bottom: 20px;
}
}
@media only screen and (max-width: 769px) {
body.partner.buildee .withPageNav #post .services > li.bg {
padding-bottom: 23px;
}
}
body.partner.buildee .withPageNav #post .services > li .flex {
margin: 0;
}
@media only screen and (min-width: 769px) {
body.partner.buildee .withPageNav #post .services > li .flex figure {
width: 150px;
margin: 0;
}
body.partner.buildee .withPageNav #post .services > li .flex p {
width: calc(100% - 150px - 30px);
}
}
@media only screen and (max-width: 769px) {
body.partner.buildee .withPageNav #post .services > li figure {
max-width: 180px;
}
}
@media only screen and (max-width: 769px) {
body.partner.buildee .withPageNav #post .services > li p {
margin-top: 20px;
}
}
@media only screen and (min-width: 769px) {
body.partner.buildee .withPageNav #post .files {
margin-top: 64px;
}
}
@media only screen and (max-width: 769px) {
body.partner.buildee .withPageNav #post .files {
margin-top: 47px;
}
}
@media only screen and (min-width: 769px) {
body.partner.buildee .withPageNav #post .files p.link {
margin-top: 36px;
}
}
@media only screen and (max-width: 769px) {
body.partner.buildee .withPageNav #post .files p.link {
margin-top: 28px;
}
}
@media only screen and (min-width: 769px) {
body.partner.buildee .withPageNav #post .files p.link {
padding: 0;
}
}
@media only screen and (max-width: 769px) {
body.partner.buildee .withPageNav #post .files p.link {
padding: 22px 15px;
}
}
@media only screen and (max-width: 769px) {
body.partner.buildee .withPageNav #post .files p.link {
padding: 22px 15px;
border-bottom: 1px solid #707070;
}
}
@media only screen and (min-width: 769px) {
body.partner.buildee .withPageNav #post .files .file {
margin-top: 30px;
}
}
@media only screen and (max-width: 769px) {
body.partner.buildee .withPageNav #post .files .file {
margin-top: 14px;
}
}
body.partner.buildee .withPageNav #post .files .file .link {
margin-top: 10px;
}
@media only screen and (min-width: 769px) {
body.partner.buildee .withPageNav #post p.link {
margin-top: 36px;
}
}
@media only screen and (max-width: 769px) {
body.partner.buildee .withPageNav #post p.link {
margin-top: 28px;
}
}
body.partner.buildee .withPageNav #post .application {
background-color: rgba(21, 113, 218, 0.1);
}
@media only screen and (min-width: 769px) {
body.partner.buildee .withPageNav #post .application {
margin-top: 55px;
}
}
@media only screen and (max-width: 769px) {
body.partner.buildee .withPageNav #post .application {
margin-top: 43px;
}
}
@media only screen and (min-width: 769px) {
body.partner.buildee .withPageNav #post .application {
padding: 31px 25px 38px;
}
}
@media only screen and (max-width: 769px) {
body.partner.buildee .withPageNav #post .application {
border-radius: 10px;
padding: 30px 20px 26px;
}
}
body.partner.buildee .withPageNav #post .application .ttl {
font-size: 20px;
font-weight: bold;
text-align: center;
color: #1571DA;
}
@media only screen and (min-width: 769px) {
body.partner.buildee .withPageNav #post .application p {
text-align: center;
margin: 13px 0 10px;
}
}
@media only screen and (max-width: 769px) {
body.partner.buildee .withPageNav #post .application p {
margin: 30px 0;
}
}
body.partner.buildee .withPageNav #post .application .btnWrapper {
margin: 0 auto;
}
@media only screen and (min-width: 769px) {
body.partner.buildee .withPageNav #post .application .btnWrapper {
width: 390px;
}
}
@media only screen and (max-width: 769px) {
body.partner.buildee .withPageNav #post .application .btnWrapper {
width: 100%;
}
}
@media only screen and (min-width: 769px) {
body.partner.buildee .withPageNav #post .application .btnWrapper {
margin-top: 13px;
}
}
@media only screen and (max-width: 769px) {
body.partner.buildee .withPageNav #post .application .btnWrapper {
margin-top: 14px;
}
}
@media only screen and (min-width: 769px) {
body.partner.buildee .withPageNav #post .application .btnWrapper .dlButton {
width: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
@media only screen and (max-width: 769px) {
body.partner.buildee .withPageNav #post .application .btnWrapper .dlButton {
font-size: 13px;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
padding-left: 13px;
padding-right: 13px;
}
}
@media only screen and (max-width: 769px) {
body.partner.buildee .withPageNav #post .application .btnWrapper .dlButton.pdf span {
padding-left: 20px;
}
}
@media only screen and (max-width: 769px) {
body.partner.buildee .withPageNav #post .application .btnWrapper .dlButton.pdf span::before {
width: 18px;
height: 23px;
}
}
@media only screen and (max-width: 769px) {
body.partner.cinet .withPageNav #post .postContainer {
width: 100%;
}
}
body.partner.cinet .withPageNav #post .containerMb {
margin: 0 auto;
}
@media only screen and (max-width: 769px) {
body.partner.cinet .withPageNav #post .containerMb {
width: 90%;
}
}
body.partner.cinet .withPageNav #post h2::before {
background-color: #1571DA;
}
body.partner.cinet .withPageNav #post h3 {
font-weight: bold;
color: #1571DA;
padding: 0;
margin: 0;
}
@media only screen and (min-width: 769px) {
body.partner.cinet .withPageNav #post h3 {
font-size: 20px;
}
}
@media only screen and (max-width: 769px) {
body.partner.cinet .withPageNav #post h3 {
font-size: 18px;
}
}
body.partner.cinet .withPageNav #post h3::before, body.partner.cinet .withPageNav #post h3::after {
content: none;
}
@media only screen and (min-width: 769px) {
body.partner.cinet .withPageNav #post .preDesc .bold {
margin-bottom: 10.5px;
}
}
@media only screen and (max-width: 769px) {
body.partner.cinet .withPageNav #post .preDesc .bold {
margin-bottom: 5px;
}
}
@media only screen and (min-width: 769px) {
body.partner.cinet .withPageNav #post .summary {
margin-top: 44px;
}
}
@media only screen and (max-width: 769px) {
body.partner.cinet .withPageNav #post .summary {
margin-top: 33px;
}
}
@media only screen and (min-width: 769px) {
body.partner.cinet .withPageNav #post .summary h3 + p {
margin-top: 20px;
}
}
@media only screen and (max-width: 769px) {
body.partner.cinet .withPageNav #post .summary h3 + p {
margin-top: 15px;
}
}
@media only screen and (min-width: 769px) {
body.partner.cinet .withPageNav #post .summary .bg {
padding: 26px 18px 34px;
}
}
@media only screen and (max-width: 769px) {
body.partner.cinet .withPageNav #post .summary .bg {
padding: 29px 13px 13px;
}
}
@media only screen and (min-width: 769px) {
body.partner.cinet .withPageNav #post .summary .bg {
margin-top: 32px;
}
}
@media only screen and (max-width: 769px) {
body.partner.cinet .withPageNav #post .summary .bg {
margin-top: 22px;
}
}
body.partner.cinet .withPageNav #post .summary .bg .cap {
font-weight: bold;
}
@media only screen and (max-width: 769px) {
body.partner.cinet .withPageNav #post .summary .bg .cap {
font-size: 16px;
}
}
@media only screen and (max-width: 769px) {
body.partner.cinet .withPageNav #post .summary .bg .cap {
text-align: center;
}
}
body.partner.cinet .withPageNav #post .summary .bg .cap .color {
color: #FF0000;
}
@media only screen and (max-width: 769px) {
body.partner.cinet .withPageNav #post .summary .bg .cap .color {
font-size: 13px;
}
}
@media only screen and (max-width: 769px) {
body.partner.cinet .withPageNav #post .summary .bg .cap .color {
line-height: 1.846;
}
}
@media only screen and (min-width: 769px) {
body.partner.cinet .withPageNav #post .summary .bg .cap .color {
margin-left: 10px;
}
}
@media only screen and (min-width: 769px) {
body.partner.cinet .withPageNav #post .summary .bg .figcaption {
font-size: 13px;
}
}
@media only screen and (max-width: 769px) {
body.partner.cinet .withPageNav #post .summary .bg .figcaption {
font-size: 12px;
}
}
@media only screen and (min-width: 769px) {
body.partner.cinet .withPageNav #post .summary .bg .figcaption {
position: absolute;
top: 33px;
right: 18px;
}
}
@media only screen and (max-width: 769px) {
body.partner.cinet .withPageNav #post .summary .bg .figcaption {
text-align: center;
display: block;
margin-top: 16px;
}
}
@media only screen and (min-width: 769px) {
body.partner.cinet .withPageNav #post .summary .bg figure {
margin-top: 14px;
}
}
@media only screen and (max-width: 769px) {
body.partner.cinet .withPageNav #post .summary .bg figure {
margin-top: 4px;
}
}
body.partner.cinet .withPageNav #post .summary .bg .merit {
font-weight: bold;
line-height: 2;
background-color: #fff;
margin: 0 auto;
}
@media only screen and (min-width: 769px) {
body.partner.cinet .withPageNav #post .summary .bg .merit {
width: 86%;
}
}
@media only screen and (max-width: 769px) {
body.partner.cinet .withPageNav #post .summary .bg .merit {
font-size: 15px;
}
}
@media only screen and (min-width: 769px) {
body.partner.cinet .withPageNav #post .summary .bg .merit {
border-radius: 10px;
}
}
@media only screen and (max-width: 769px) {
body.partner.cinet .withPageNav #post .summary .bg .merit {
border-radius: calc(10px / 2);
}
}
@media only screen and (min-width: 769px) {
body.partner.cinet .withPageNav #post .summary .bg .merit {
padding: 26px 32px;
}
}
@media only screen and (max-width: 769px) {
body.partner.cinet .withPageNav #post .summary .bg .merit {
padding: 17px 15px 21px;
}
}
@media only screen and (min-width: 769px) {
body.partner.cinet .withPageNav #post .summary .bg .merit {
margin-top: 29px;
}
}
@media only screen and (max-width: 769px) {
body.partner.cinet .withPageNav #post .summary .bg .merit {
margin-top: 12px;
}
}
body.partner.cinet .withPageNav #post .summary .bg .merit .color {
color: #1571DA;
}
@media only screen and (max-width: 769px) {
body.partner.cinet .withPageNav #post .summary .bg .merit .meritList {
margin-top: 12.5px;
}
}
@media only screen and (max-width: 769px) {
body.partner.cinet .withPageNav #post .summary .bg .merit .meritList > li:nth-of-type(n+2) {
margin-top: 16px;
}
}
@media only screen and (min-width: 769px) {
body.partner.cinet .withPageNav #post .flow {
margin-top: 50px;
}
}
@media only screen and (max-width: 769px) {
body.partner.cinet .withPageNav #post .flow {
margin-top: 39px;
}
}
@media only screen and (min-width: 769px) {
body.partner.cinet .withPageNav #post .flow p {
margin-top: 20px;
}
}
@media only screen and (max-width: 769px) {
body.partner.cinet .withPageNav #post .flow p {
margin-top: 10px;
}
}
@media only screen and (min-width: 769px) {
body.partner.cinet .withPageNav #post .flow .flowNotes {
margin-top: 12px;
}
}
@media only screen and (max-width: 769px) {
body.partner.cinet .withPageNav #post .flow .flowNotes {
margin-top: 15px;
}
}
body.partner.cinet .withPageNav #post .flow .flowNotes > dt {
font-weight: bold;
color: #1571DA;
border-top: 1px solid #0C4480;
padding-top: 8px;
}
body.partner.cinet .withPageNav #post .flow .flowNotes > dt:nth-of-type(n+2) {
padding-top: 17px;
margin-top: 17px;
}
body.partner.cinet .withPageNav #post .flow .flowNotes > dd {
line-height: 1.625;
margin-top: 4px;
}
body.partner.cinet .withPageNav #post .flow .flowNotes > dd a {
color: #2793FF;
text-decoration: underline;
}
body.partner.cinet .withPageNav #post .flow .tabSwitch {
margin-top: 43px;
}
body.partner.cinet .withPageNav #post .flow .tabSwitch .tabBtn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
list-style: none;
}
@media only screen and (max-width: 769px) {
body.partner.cinet .withPageNav #post .flow .tabSwitch .tabBtn {
padding: 0 5%;
}
}
body.partner.cinet .withPageNav #post .flow .tabSwitch .tabBtn > li {
font-weight: bold;
text-align: center;
color: #222;
background-color: #F0F0F0;
cursor: pointer;
}
@media only screen and (min-width: 769px) {
body.partner.cinet .withPageNav #post .flow .tabSwitch .tabBtn > li {
width: 49.444%;
}
}
@media only screen and (max-width: 769px) {
body.partner.cinet .withPageNav #post .flow .tabSwitch .tabBtn > li {
width: 49.253%;
}
}
@media only screen and (min-width: 769px) {
body.partner.cinet .withPageNav #post .flow .tabSwitch .tabBtn > li {
font-size: 18px;
}
}
@media only screen and (max-width: 769px) {
body.partner.cinet .withPageNav #post .flow .tabSwitch .tabBtn > li {
font-size: 14px;
}
}
@media only screen and (min-width: 769px) {
body.partner.cinet .withPageNav #post .flow .tabSwitch .tabBtn > li {
padding: 27px 0;
}
}
@media only screen and (max-width: 769px) {
body.partner.cinet .withPageNav #post .flow .tabSwitch .tabBtn > li {
padding: 15px 0;
}
}
body.partner.cinet .withPageNav #post .flow .tabSwitch .tabBtn > li::after {
content: "";
width: 0;
height: 0;
border-style: solid;
border-color: transparent transparent #CCCCCC transparent;
position: absolute;
}
@media only screen and (min-width: 769px) {
body.partner.cinet .withPageNav #post .flow .tabSwitch .tabBtn > li::after {
border-width: 0 0 14px 14px;
}
}
@media only screen and (max-width: 769px) {
body.partner.cinet .withPageNav #post .flow .tabSwitch .tabBtn > li::after {
border-width: 0 0 8px 8px;
}
}
@media only screen and (min-width: 769px) {
body.partner.cinet .withPageNav #post .flow .tabSwitch .tabBtn > li::after {
bottom: 6px;
}
}
@media only screen and (max-width: 769px) {
body.partner.cinet .withPageNav #post .flow .tabSwitch .tabBtn > li::after {
bottom: 3.2px;
}
}
@media only screen and (min-width: 769px) {
body.partner.cinet .withPageNav #post .flow .tabSwitch .tabBtn > li::after {
right: 6px;
}
}
@media only screen and (max-width: 769px) {
body.partner.cinet .withPageNav #post .flow .tabSwitch .tabBtn > li::after {
right: 2.8px;
}
}
body.partner.cinet .withPageNav #post .flow .tabSwitch .tabBtn > li.on {
color: #1571DA;
background-color: #E7F0FB;
}
body.partner.cinet .withPageNav #post .flow .tabSwitch .tabBtn > li.on::after {
border-color: transparent transparent #2793FF transparent;
}
body.partner.cinet .withPageNav #post .flow .tabSwitch .tabBtn > li:hover {
opacity: 0.6;
}
body.partner.cinet .withPageNav #post .flow .tabSwitch .tabContents {
list-style: none;
}
@media only screen and (min-width: 769px) {
body.partner.cinet .withPageNav #post .flow .tabSwitch .tabContents {
margin-top: 12px;
}
}
@media only screen and (max-width: 769px) {
body.partner.cinet .withPageNav #post .flow .tabSwitch .tabContents {
margin-top: 10px;
}
}
body.partner.cinet .withPageNav #post .flow .tabSwitch .tabContents > li {
background-color: rgba(185, 218, 255, 0.1);
}
@media only screen and (min-width: 769px) {
body.partner.cinet .withPageNav #post .flow .tabSwitch .tabContents > li {
padding: 40px 47px;
}
}
@media only screen and (max-width: 769px) {
body.partner.cinet .withPageNav #post .flow .tabSwitch .tabContents > li {
padding: 40px 5%;
}
}
body.partner.cinet .withPageNav #post .flow .tabSwitch .tabContents > li:not(.on) {
width: 0;
height: 0;
display: block;
z-index: -99999;
pointer-events: none;
overflow: hidden;
padding: 0;
margin: 0;
position: absolute;
top: 0;
left: 0;
}
@media only screen and (min-width: 769px) {
body.partner.cinet .withPageNav #post .flow .tabSwitch .tabContents > li .flowList > dt, body.partner.cinet .withPageNav #post .flow .tabSwitch .tabContents > li .flowList > dd {
padding-left: 72px;
}
}
@media only screen and (max-width: 769px) {
body.partner.cinet .withPageNav #post .flow .tabSwitch .tabContents > li .flowList > dt {
padding-left: 57px;
}
}
body.partner.cinet .withPageNav #post .flow .tabSwitch .tabContents > li .flowList > dt .num {
font-size: 28px;
font-weight: bold;
color: #fff;
background-color: #2793FF;
border-radius: 8px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: absolute;
top: 0;
left: 0;
padding-bottom: 4px;
}
@media only screen and (min-width: 769px) {
body.partner.cinet .withPageNav #post .flow .tabSwitch .tabContents > li .flowList > dt .num {
width: 45px;
}
}
@media only screen and (max-width: 769px) {
body.partner.cinet .withPageNav #post .flow .tabSwitch .tabContents > li .flowList > dt .num {
width: 46.8px;
}
}
@media only screen and (min-width: 769px) {
body.partner.cinet .withPageNav #post .flow .tabSwitch .tabContents > li .flowList > dt .num {
height: 45px;
}
}
@media only screen and (max-width: 769px) {
body.partner.cinet .withPageNav #post .flow .tabSwitch .tabContents > li .flowList > dt .num {
height: 46.8px;
}
}
body.partner.cinet .withPageNav #post .flow .tabSwitch .tabContents > li .flowList > dt .text {
font-weight: bold;
}
@media only screen and (max-width: 769px) {
body.partner.cinet .withPageNav #post .flow .tabSwitch .tabContents > li .flowList > dt .text {
min-height: 46.8px;
}
}
@media only screen and (min-width: 769px) {
body.partner.cinet .withPageNav #post .flow .tabSwitch .tabContents > li .flowList > dt .text {
font-size: 18px;
}
}
@media only screen and (max-width: 769px) {
body.partner.cinet .withPageNav #post .flow .tabSwitch .tabContents > li .flowList > dt .text {
font-size: 16px;
}
}
@media only screen and (min-width: 769px) {
body.partner.cinet .withPageNav #post .flow .tabSwitch .tabContents > li .flowList > dt .text {
padding: 10px 0;
}
}
@media only screen and (max-width: 769px) {
body.partner.cinet .withPageNav #post .flow .tabSwitch .tabContents > li .flowList > dt .text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
}
body.partner.cinet .withPageNav #post .flow .tabSwitch .tabContents > li .flowList > dt:nth-of-type(n+2) {
margin-top: 40px;
}
body.partner.cinet .withPageNav #post .flow .tabSwitch .tabContents > li .flowList > dd {
line-height: 1.625;
}
@media only screen and (max-width: 769px) {
body.partner.cinet .withPageNav #post .flow .tabSwitch .tabContents > li .flowList > dd {
margin-top: 14px;
}
}
body.partner.cinet .withPageNav #post .flow .tabSwitch .tabContents > li .flowList > dd p {
margin: 0;
}
body.partner.cinet .withPageNav #post .flow .tabSwitch .tabContents > li .flowList > dd .tradeNotes {
margin-top: 25px;
}
@media only screen and (min-width: 769px) {
body.partner.cinet .withPageNav #post .flow .tabSwitch .tabContents > li .flowList > dd .tradeNotes {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
}
body.partner.cinet .withPageNav #post .flow .tabSwitch .tabContents > li .flowList > dd .tradeNotes .left .color {
color: #BA3123;
}
@media only screen and (min-width: 769px) {
body.partner.cinet .withPageNav #post .flow .tabSwitch .tabContents > li .flowList > dd .tradeNotes .right {
margin-left: 24px;
}
}
@media only screen and (max-width: 769px) {
body.partner.cinet .withPageNav #post .flow .tabSwitch .tabContents > li .flowList > dd .tradeNotes .right .aWrapper {
text-align: center;
}
}
@media only screen and (max-width: 769px) {
body.partner.cinet .withPageNav #post .flow .tabSwitch .tabContents > li .flowList > dd .tradeNotes .right .aWrapper {
margin-top: 15px;
}
}
body.partner.cinet .withPageNav #post .flow .tabSwitch .tabContents > li .flowList > dd .tradeNotes .right .aWrapper a {
font-weight: bold;
}
@media only screen and (min-width: 769px) {
body.partner.cinet .withPageNav #post .flow .tabSwitch .tabContents > li .flowList > dd .tradeNotes .right .aWrapper a {
font-size: 14px;
}
}
@media only screen and (max-width: 769px) {
body.partner.cinet .withPageNav #post .flow .tabSwitch .tabContents > li .flowList > dd .tradeNotes .right .aWrapper a {
font-size: 16px;
}
}
body.partner.cinet .withPageNav #post .flow .tabSwitch .tabContents > li .flowList > dd .tradeNotes .right .aWrapper a span {
padding-left: 30px;
}
body.partner.cinet .withPageNav #post .flow .tabSwitch .tabContents > li .flowList > dd .tradeNotes .right .aWrapper a span::before {
content: "";
background: url(//www.matsumura-gumi.co.jp/wp-content/themes/matsumura/assets/images/common/icon_pdf.svg) no-repeat;
background-position: center center;
background-size: contain;
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
width: 22px;
height: 27px;
}
body.partner.cinet .withPageNav #post .flow .tabSwitch .tabContents > li .flowList > dd table {
font-weight: bold;
border-collapse: separate;
border-spacing: 2px;
}
@media only screen and (min-width: 769px) {
body.partner.cinet .withPageNav #post .flow .tabSwitch .tabContents > li .flowList > dd table {
margin-top: 16px;
}
}
@media only screen and (max-width: 769px) {
body.partner.cinet .withPageNav #post .flow .tabSwitch .tabContents > li .flowList > dd table {
margin-top: 24px;
}
}
body.partner.cinet .withPageNav #post .flow .tabSwitch .tabContents > li .flowList > dd table tr th {
font-size: 13px;
text-align: center;
background-color: #BEDAF7;
padding: 9px 0;
}
body.partner.cinet .withPageNav #post .flow .tabSwitch .tabContents > li .flowList > dd table tr td {
font-size: 12px;
background-color: #fff;
border: 1px solid #BEDAF7;
padding: 9px 8px;
}
body.partner.cinet .withPageNav #post .flow .tabSwitch .tabContents > li .flowList > dd table tr td:nth-child(2) {
text-align: center;
}
body.partner.cinet .withPageNav #post .flow .tabSwitch .tabContents > li .flowList > dd .dlArea {
line-height: 1.769;
background-color: #fff;
margin-top: 24px;
}
body.partner.cinet .withPageNav #post .flow .tabSwitch .tabContents > li .flowList > dd .dlArea, body.partner.cinet .withPageNav #post .flow .tabSwitch .tabContents > li .flowList > dd .dlArea a {
font-size: 13px;
}
@media only screen and (min-width: 769px) {
body.partner.cinet .withPageNav #post .flow .tabSwitch .tabContents > li .flowList > dd .dlArea {
padding: 42px 32px;
}
}
@media only screen and (max-width: 769px) {
body.partner.cinet .withPageNav #post .flow .tabSwitch .tabContents > li .flowList > dd .dlArea {
padding: 20px 10px;
}
}
body.partner.cinet .withPageNav #post .flow .tabSwitch .tabContents > li .flowList > dd .dlArea .upper .head {
font-weight: bold;
text-align: center;
}
@media only screen and (min-width: 769px) {
body.partner.cinet .withPageNav #post .flow .tabSwitch .tabContents > li .flowList > dd .dlArea .upper .head {
font-size: 14px;
}
}
@media only screen and (max-width: 769px) {
body.partner.cinet .withPageNav #post .flow .tabSwitch .tabContents > li .flowList > dd .dlArea .upper .head {
font-size: 14px;
}
}
@media only screen and (min-width: 769px) {
body.partner.cinet .withPageNav #post .flow .tabSwitch .tabContents > li .flowList > dd .dlArea .upper .head {
margin-bottom: 14px;
}
}
@media only screen and (max-width: 769px) {
body.partner.cinet .withPageNav #post .flow .tabSwitch .tabContents > li .flowList > dd .dlArea .upper .head {
margin-bottom: 9px;
}
}
body.partner.cinet .withPageNav #post .flow .tabSwitch .tabContents > li .flowList > dd .dlArea .lower {
border-top: 1px solid #0C4480;
}
@media only screen and (min-width: 769px) {
body.partner.cinet .withPageNav #post .flow .tabSwitch .tabContents > li .flowList > dd .dlArea .lower {
padding-top: 32px;
}
}
@media only screen and (max-width: 769px) {
body.partner.cinet .withPageNav #post .flow .tabSwitch .tabContents > li .flowList > dd .dlArea .lower {
padding-top: 23px;
}
}
@media only screen and (min-width: 769px) {
body.partner.cinet .withPageNav #post .flow .tabSwitch .tabContents > li .flowList > dd .dlArea .lower {
margin-top: 32px;
}
}
@media only screen and (max-width: 769px) {
body.partner.cinet .withPageNav #post .flow .tabSwitch .tabContents > li .flowList > dd .dlArea .lower {
margin-top: 23px;
}
}
body.partner.cinet .withPageNav #post .flow .tabSwitch .tabContents > li .flowList > dd .dlArea .btnWrapper a {
margin: 0 auto;
}
@media only screen and (min-width: 769px) {
body.partner.cinet .withPageNav #post .flow .tabSwitch .tabContents > li .flowList > dd .dlArea#dl01 {
padding: 42px 32px;
}
}
@media only screen and (max-width: 769px) {
body.partner.cinet .withPageNav #post .flow .tabSwitch .tabContents > li .flowList > dd .dlArea#dl01 {
padding: 20px 10px;
}
}
@media only screen and (min-width: 769px) {
body.partner.cinet .withPageNav #post .flow .tabSwitch .tabContents > li .flowList > dd .dlArea#dl01 {
margin-top: 35px;
}
}
@media only screen and (max-width: 769px) {
body.partner.cinet .withPageNav #post .flow .tabSwitch .tabContents > li .flowList > dd .dlArea#dl01 {
margin-top: 23px;
}
}
@media only screen and (min-width: 769px) {
body.partner.cinet .withPageNav #post .flow .tabSwitch .tabContents > li .flowList > dd .dlArea#dl01 .upper p {
padding-left: 100px;
}
}
@media only screen and (min-width: 769px) {
body.partner.cinet .withPageNav #post .flow .tabSwitch .tabContents > li .flowList > dd .dlArea#dl01 .upper .btnWrapper {
margin-top: 16px;
}
}
@media only screen and (max-width: 769px) {
body.partner.cinet .withPageNav #post .flow .tabSwitch .tabContents > li .flowList > dd .dlArea#dl01 .upper .btnWrapper {
margin-top: 10px;
}
}
body.partner.cinet .withPageNav #post .flow .tabSwitch .tabContents > li .flowList > dd .dlArea#dl01 .lower .head {
font-weight: bold;
text-align: center;
}
@media only screen and (max-width: 769px) {
body.partner.cinet .withPageNav #post .flow .tabSwitch .tabContents > li .flowList > dd .dlArea#dl01 .lower .head {
font-size: 14px;
}
}
@media only screen and (max-width: 769px) {
body.partner.cinet .withPageNav #post .flow .tabSwitch .tabContents > li .flowList > dd .dlArea#dl01 .lower .mailAddr, body.partner.cinet .withPageNav #post .flow .tabSwitch .tabContents > li .flowList > dd .dlArea#dl01 .lower .mailAddr a {
font-size: 15px;
}
}
@media only screen and (max-width: 769px) {
body.partner.cinet .withPageNav #post .flow .tabSwitch .tabContents > li .flowList > dd .dlArea#dl01 .lower .mailAddr {
line-height: 1.8;
}
}
@media only screen and (max-width: 769px) {
body.partner.cinet .withPageNav #post .flow .tabSwitch .tabContents > li .flowList > dd .dlArea#dl01 .lower .mailAddr {
text-align: center;
}
}
@media only screen and (min-width: 769px) {
body.partner.cinet .withPageNav #post .flow .tabSwitch .tabContents > li .flowList > dd .dlArea#dl01 .lower .mailAddr {
padding-left: 166px;
}
}
body.partner.cinet .withPageNav #post .flow .tabSwitch .tabContents > li .flowList > dd .dlArea#dl01 .lower .mailAddr:nth-of-type(1) {
margin-top: 11px;
}
@media only screen and (min-width: 769px) {
body.partner.cinet .withPageNav #post .flow .tabSwitch .tabContents > li .flowList > dd .dlArea#dl01 .lower .mailAddr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
}
body.partner.cinet .withPageNav #post .flow .tabSwitch .tabContents > li .flowList > dd .dlArea#dl02 .upper p {
text-align: center;
}
@media only screen and (min-width: 769px) {
body.partner.cinet .withPageNav #post .flow .tabSwitch .tabContents > li .flowList > dd .dlArea#dl02 .upper .btnWrapper {
margin-top: 16px;
}
}
@media only screen and (max-width: 769px) {
body.partner.cinet .withPageNav #post .flow .tabSwitch .tabContents > li .flowList > dd .dlArea#dl02 .upper .btnWrapper {
margin-top: 10px;
}
}
body.partner.cinet .withPageNav #post .flow .tabSwitch .tabContents > li .flowList > dd .dlArea#dl02 .lower .head {
font-weight: bold;
text-align: center;
}
@media only screen and (max-width: 769px) {
body.partner.cinet .withPageNav #post .flow .tabSwitch .tabContents > li .flowList > dd .dlArea#dl02 .lower .head {
font-size: 14px;
}
}
body.partner.cinet .withPageNav #post .flow .tabSwitch .tabContents > li .flowList > dd .dlArea#dl02 .lower .mailAddr {
text-align: center;
}
@media only screen and (max-width: 769px) {
body.partner.cinet .withPageNav #post .flow .tabSwitch .tabContents > li .flowList > dd .dlArea#dl02 .lower .mailAddr, body.partner.cinet .withPageNav #post .flow .tabSwitch .tabContents > li .flowList > dd .dlArea#dl02 .lower .mailAddr a {
font-size: 15px;
}
}
@media only screen and (max-width: 769px) {
body.partner.cinet .withPageNav #post .flow .tabSwitch .tabContents > li .flowList > dd .dlArea#dl02 .lower .mailAddr {
line-height: 1.8;
}
}
body.partner.cinet .withPageNav #post .flow .tabSwitch .tabContents > li .flowList > dd .dlArea#dl02 .lower .mailAddr:nth-of-type(1) {
margin-top: 14px;
}
@media only screen and (min-width: 769px) {
body.partner.cinet .withPageNav #post .flow .tabSwitch .tabContents > li .flowList > dd .dlArea#dl02 .lower .mailAddr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
@media only screen and (min-width: 769px) {
body.partner.cinet .withPageNav #post .flow .tabSwitch .tabContents > li .flowList > dd .dlArea#dl03 {
padding: 28px 0 15px;
}
}
@media only screen and (max-width: 769px) {
body.partner.cinet .withPageNav #post .flow .tabSwitch .tabContents > li .flowList > dd .dlArea#dl03 {
padding: 21px 11px;
}
}
body.partner.cinet .withPageNav #post .flow .tabSwitch .tabContents > li .flowList > dd .dlArea#dl03 .btnWrapper span {
padding-left: 30px;
}
body.partner.cinet .withPageNav #post .flow .tabSwitch .tabContents > li .flowList > dd .dlArea#dl03 .btnWrapper span::before {
content: "";
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
background: url(//www.matsumura-gumi.co.jp/wp-content/themes/matsumura/assets/images/common/icon_link.svg) no-repeat;
background-position: center center;
background-size: contain;
width: 15px;
height: 15px;
}
body.partner.cinet .withPageNav #post .flow .tabSwitch .tabContents > li .flowList > dd .dlArea#dl03 .notes {
font-size: 13px;
line-height: 1.615;
text-align: center;
}
@media only screen and (min-width: 769px) {
body.partner.cinet .withPageNav #post .flow .tabSwitch .tabContents > li .flowList > dd .dlArea#dl03 .notes {
margin-top: 12px;
}
}
@media only screen and (max-width: 769px) {
body.partner.cinet .withPageNav #post .flow .tabSwitch .tabContents > li .flowList > dd .dlArea#dl03 .notes {
margin-top: 10px;
}
}
@media only screen and (max-width: 769px) {
body.partner.meister .withPageNav #post .postContainer {
width: 100%;
}
}
body.partner.meister .withPageNav #post .containerMb {
margin: 0 auto;
}
@media only screen and (max-width: 769px) {
body.partner.meister .withPageNav #post .containerMb {
width: 90%;
}
}
@media only screen and (min-width: 769px) {
body.partner.meister .withPageNav #post * + h2 {
margin-top: 50px;
}
}
@media only screen and (max-width: 769px) {
body.partner.meister .withPageNav #post * + h2 {
margin-top: 40px;
}
}
@media only screen and (min-width: 769px) {
body.partner.meister .withPageNav #post * + p {
margin-top: 20px;
}
}
@media only screen and (max-width: 769px) {
body.partner.meister .withPageNav #post * + p {
margin-top: 15px;
}
}
body.partner.meister .withPageNav #post h2::before {
background-color: #1571DA;
}
body.partner.meister .withPageNav #post h3 {
font-weight: bold;
color: #1571DA;
padding: 0;
margin: 0;
}
@media only screen and (min-width: 769px) {
body.partner.meister .withPageNav #post h3 {
font-size: 20px;
}
}
@media only screen and (max-width: 769px) {
body.partner.meister .withPageNav #post h3 {
font-size: 18px;
}
}
@media only screen and (min-width: 769px) {
body.partner.meister .withPageNav #post h3 {
margin-top: 50px;
}
}
@media only screen and (max-width: 769px) {
body.partner.meister .withPageNav #post h3 {
margin-top: 40px;
}
}
body.partner.meister .withPageNav #post h3::before, body.partner.meister .withPageNav #post h3::after {
content: none;
}
body.partner.meister .withPageNav #post .summary .dots {
line-height: 2;
}
body.partner.meister .withPageNav #post .summary .dots > li {
padding-left: 1em;
text-indent: -1em;
}
body.partner.meister .withPageNav #post .summary .dots > li::before {
content: "●";
color: #1571DA;
}
body.partner.meister .withPageNav #post .summary .dots > li .notes {
font-size: 14px;
color: #BA3123;
display: block;
padding-left: 1em;
text-indent: -1em;
}
@media only screen and (min-width: 769px) {
body.partner.meister .withPageNav #post .flow .bg {
padding: 55px 55px 40px;
}
}
@media only screen and (max-width: 769px) {
body.partner.meister .withPageNav #post .flow .bg {
padding: 30px 15px 40px;
}
}
@media only screen and (min-width: 769px) {
body.partner.meister .withPageNav #post .flow .bg {
margin-top: 20px;
}
}
@media only screen and (max-width: 769px) {
body.partner.meister .withPageNav #post .flow .bg {
margin-top: 15px;
}
}
body.partner.meister .withPageNav #post .flow .pane {
line-height: 2;
background-color: #fff;
}
@media only screen and (min-width: 769px) {
body.partner.meister .withPageNav #post .flow .pane {
border-radius: 10px;
}
}
@media only screen and (max-width: 769px) {
body.partner.meister .withPageNav #post .flow .pane {
border-radius: 5px;
}
}
@media only screen and (min-width: 769px) {
body.partner.meister .withPageNav #post .flow .pane {
padding: 26px 40px 10px;
}
}
@media only screen and (max-width: 769px) {
body.partner.meister .withPageNav #post .flow .pane {
padding: 20px 16px;
}
}
@media only screen and (min-width: 769px) {
body.partner.meister .withPageNav #post .flow .pane {
margin-top: 40px;
}
}
@media only screen and (max-width: 769px) {
body.partner.meister .withPageNav #post .flow .pane {
margin-top: 30px;
}
}
body.partner.meister .withPageNav #post .flow .pane .color {
color: #BA3123;
}
body.partner.meister .withPageNav #post .flow .figs {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media only screen and (min-width: 769px) {
body.partner.meister .withPageNav #post .flow .figs {
gap: 30px;
}
}
@media only screen and (max-width: 769px) {
body.partner.meister .withPageNav #post .flow .figs {
gap: 0;
}
}
@media only screen and (min-width: 769px) {
body.partner.meister .withPageNav #post .flow .figs {
margin-top: 0;
}
}
@media only screen and (max-width: 769px) {
body.partner.meister .withPageNav #post .flow .figs {
margin-top: 24px;
}
}
@media only screen and (max-width: 769px) {
body.partner.meister .withPageNav #post .flow .figs {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
@media only screen and (min-width: 769px) {
body.partner.meister .withPageNav #post .flow .figs > li {
width: 151px;
}
}
@media only screen and (max-width: 769px) {
body.partner.meister .withPageNav #post .flow .figs > li {
width: 50%;
}
body.partner.meister .withPageNav #post .flow .figs > li:nth-of-type(n+2) {
margin-top: 0;
}
}
body.partner.meister .withPageNav #post .process .rewards {
line-height: 2;
}
@media only screen and (min-width: 769px) {
body.partner.meister .withPageNav #post .process .rewards {
margin-top: 20px;
}
}
@media only screen and (max-width: 769px) {
body.partner.meister .withPageNav #post .process .rewards {
margin-top: 15px;
}
}
body.partner.meister .withPageNav #post .process .rewards > dt {
font-weight: bold;
color: #1571DA;
}
@media only screen and (min-width: 769px) {
body.partner.meister .withPageNav #post .process .rewards > dt:nth-child(n+1) {
margin-top: 20px;
}
}
@media only screen and (max-width: 769px) {
body.partner.meister .withPageNav #post .process .rewards > dt:nth-child(n+1) {
margin-top: 15px;
}
}
@media only screen and (max-width: 769px) {
body.partner.meister .withPageNav #post .process .rewards > dd {
margin-top: 8px;
}
}
body.partner.meister .withPageNav #post .process .rewards table {
width: 100%;
}
body.partner.meister .withPageNav #post .process .rewards table tr th {
font-weight: normal;
text-align: left;
}
@media only screen and (min-width: 769px) {
body.partner.meister .withPageNav #post .process .rewards table tr th {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
body.partner.meister .withPageNav #post .process .rewards table tr th::after {
content: "：";
}
}
@media only screen and (max-width: 769px) {
body.partner.meister .withPageNav #post .process .rewards table tr, body.partner.meister .withPageNav #post .process .rewards table th, body.partner.meister .withPageNav #post .process .rewards table td {
display: block;
}
body.partner.meister .withPageNav #post .process .rewards table tr th {
background-color: #E7F0FB;
padding-top: 3px;
padding-bottom: 5px;
}
body.partner.meister .withPageNav #post .process .rewards table tr td {
padding-top: 10px;
padding-bottom: 16px;
padding-left: 1em;
}
}
@media only screen and (min-width: 769px) {
body.partner.meister .withPageNav #post .process .sticker {
width: 450px;
display: block;
}
body.partner.meister .withPageNav #post .process .sticker figure {
width: 240px;
position: absolute;
top: 50%;
left: calc(100% + 7px);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
}
@media only screen and (max-width: 769px) {
body.partner.meister .withPageNav #post .process .sticker figure {
margin: 0 auto;
max-width: 240px;
}
}
body.partner.meister .withPageNav #post .process .link {
border: none;
padding-top: 0;
padding-bottom: 0;
}
@media only screen and (min-width: 769px) {
body.partner.meister .withPageNav #post .process .link {
margin-top: 20px;
}
}
@media only screen and (max-width: 769px) {
body.partner.meister .withPageNav #post .process .link {
margin-top: 15px;
}
}
@media only screen and (min-width: 769px) {
body.partner.meister .withPageNav #post .process .link + .link {
margin-top: 16px;
}
}
@media only screen and (max-width: 769px) {
body.partner.meister .withPageNav #post .process .link + .link {
margin-top: 10px;
}
}
body.partner.declaration .withPageNav #post h3 {
font-weight: bold;
color: #1571DA;
padding: 0;
margin: 0;
}
@media only screen and (min-width: 769px) {
body.partner.declaration .withPageNav #post h3 {
font-size: 20px;
}
}
@media only screen and (max-width: 769px) {
body.partner.declaration .withPageNav #post h3 {
font-size: 20px;
}
}
@media only screen and (min-width: 769px) {
body.partner.declaration .withPageNav #post h3 {
margin-top: 50px;
}
}
@media only screen and (max-width: 769px) {
body.partner.declaration .withPageNav #post h3 {
margin-top: 40px;
}
}
body.partner.declaration .withPageNav #post h3::before, body.partner.declaration .withPageNav #post h3::after {
content: none;
}
@media only screen and (min-width: 769px) {
body.partner.declaration .withPageNav #post p {
margin-top: 20px;
}
}
@media only screen and (max-width: 769px) {
body.partner.declaration .withPageNav #post p {
margin-top: 15px;
}
}
body.partner.declaration .withPageNav #post ul > li {
padding-left: 1em;
text-indent: -1em;
}
body.partner.declaration .withPageNav #post ul > li::before {
content: "●";
color: #1571DA;
}
@media only screen and (max-width: 414px) {
body.partner.declaration .withPageNav #post ul > li:nth-child(n+2) {
margin-top: 15px;
}
}
body.partner.declaration .withPageNav #post .bg {
font-weight: bold;
line-height: 2;
}
@media only screen and (min-width: 769px) {
body.partner.declaration .withPageNav #post .bg {
margin-top: 13.5px;
}
}
@media only screen and (max-width: 769px) {
body.partner.declaration .withPageNav #post .bg {
margin-top: 21px;
}
}
body.partner.declaration .withPageNav #post .link {
padding: 0;
border: none;
}
@media only screen and (min-width: 769px) {
body.partner.declaration .withPageNav #post .partnership .fig figure {
width: 222px;
}
}
@media only screen and (max-width: 769px) {
body.partner.declaration .withPageNav #post .partnership .fig figure {
width: 270px;
}
}
@media only screen and (min-width: 769px) {
body.partner.declaration .withPageNav #post .partnership .fig figure {
position: absolute;
right: 17px;
top: 8px;
}
}
@media only screen and (max-width: 769px) {
body.partner.declaration .withPageNav #post .partnership .fig figure {
margin-top: 30px;
}
}
@media only screen and (min-width: 769px) {
body.partner.declaration .withPageNav #post .partnership .fig p {
margin-right: 258px;
}
}
@media only screen and (min-width: 769px) {
body.partner.declaration .withPageNav #post .partnership .bg {
padding: 13px 24px 15px;
}
}
@media only screen and (max-width: 769px) {
body.partner.declaration .withPageNav #post .partnership .bg {
padding: 13px 16px 18px;
}
}
@media only screen and (min-width: 769px) {
body.partner.declaration .withPageNav #post .partnership .bg {
margin-right: 258px;
}
}
@media only screen and (min-width: 769px) {
body.partner.declaration .withPageNav #post .labor {
margin-top: 56px;
}
}
@media only screen and (max-width: 769px) {
body.partner.declaration .withPageNav #post .labor {
margin-top: 40px;
}
}
@media only screen and (min-width: 769px) {
body.partner.declaration .withPageNav #post .labor .bg {
padding: 20px 25px 25px;
}
}
@media only screen and (max-width: 769px) {
body.partner.declaration .withPageNav #post .labor .bg {
padding: 13px 17px 17px;
}
}
body.recruit .careersArea .careers .infoArea .head, body.recruit.error .careersArea .careers .infoArea .head {
font-weight: bold;
text-align: center;
}
@media only screen and (min-width: 769px) {
body.recruit .careersArea .careers .infoArea .head, body.recruit.error .careersArea .careers .infoArea .head {
font-size: 22px;
}
}
@media only screen and (max-width: 769px) {
body.recruit .careersArea .careers .infoArea .head, body.recruit.error .careersArea .careers .infoArea .head {
font-size: 20px;
}
}
body.recruit .careersArea .careers .infoArea h2, body.recruit.error .careersArea .careers .infoArea h2 {
border-bottom: 2px solid #222222;
}
@media only screen and (min-width: 769px) {
body.recruit .careersArea .careers .infoArea h2, body.recruit.error .careersArea .careers .infoArea h2 {
font-size: 28px;
padding-bottom: 10px;
margin-top: 70px;
}
}
@media only screen and (max-width: 769px) {
body.recruit .careersArea .careers .infoArea h2, body.recruit.error .careersArea .careers .infoArea h2 {
font-size: 22px;
padding-bottom: 6px;
margin-top: 56px;
}
}
@media only screen and (max-width: 769px) {
body.recruit .careersArea .careers .infoArea h2:nth-of-type(n+2), body.recruit.error .careersArea .careers .infoArea h2:nth-of-type(n+2) {
margin-top: 36px;
}
}
body.recruit .careersArea .careers .infoArea table, body.recruit.error .careersArea .careers .infoArea table {
width: 100%;
border-collapse: separate;
border-spacing: 4px 3px;
}
@media only screen and (min-width: 769px) {
body.recruit .careersArea .careers .infoArea table, body.recruit.error .careersArea .careers .infoArea table {
margin-top: 28px;
}
}
@media only screen and (max-width: 769px) {
body.recruit .careersArea .careers .infoArea table, body.recruit.error .careersArea .careers .infoArea table {
margin-top: 7px;
}
body.recruit .careersArea .careers .infoArea table, body.recruit .careersArea .careers .infoArea table tbody, body.recruit .careersArea .careers .infoArea table tr, body.recruit .careersArea .careers .infoArea table tr th, body.recruit .careersArea .careers .infoArea table tr td, body.recruit.error .careersArea .careers .infoArea table, body.recruit.error .careersArea .careers .infoArea table tbody, body.recruit.error .careersArea .careers .infoArea table tr, body.recruit.error .careersArea .careers .infoArea table tr th, body.recruit.error .careersArea .careers .infoArea table tr td {
display: block;
}
}
@media only screen and (max-width: 769px) {
body.recruit .careersArea .careers .infoArea table tr:nth-of-type(n+2), body.recruit.error .careersArea .careers .infoArea table tr:nth-of-type(n+2) {
margin-top: 2px;
}
}
body.recruit .careersArea .careers .infoArea table tr th, body.recruit.error .careersArea .careers .infoArea table tr th {
font-weight: bold;
background-color: #AED1B7;
font-size: 20px;
}
@media only screen and (min-width: 769px) {
body.recruit .careersArea .careers .infoArea table tr th, body.recruit.error .careersArea .careers .infoArea table tr th {
width: 320px;
}
}
@media only screen and (max-width: 769px) {
body.recruit .careersArea .careers .infoArea table tr th, body.recruit.error .careersArea .careers .infoArea table tr th {
text-align: left;
padding: 0 15px;
}
}
body.recruit .careersArea .careers .infoArea table tr td, body.recruit.error .careersArea .careers .infoArea table tr td {
line-height: 1.75;
border: 1px solid #707070;
}
@media only screen and (min-width: 769px) {
body.recruit .careersArea .careers .infoArea table tr td, body.recruit.error .careersArea .careers .infoArea table tr td {
padding: 16px 18px;
}
}
@media only screen and (max-width: 769px) {
body.recruit .careersArea .careers .infoArea table tr td, body.recruit.error .careersArea .careers .infoArea table tr td {
padding: 11px 15px;
}
}
body.recruit .careersArea .careers .infoArea table tr td dl, body.recruit.error .careersArea .careers .infoArea table tr td dl {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
body.recruit .careersArea .careers .infoArea table tr td dl dt, body.recruit.error .careersArea .careers .infoArea table tr td dl dt {
font-weight: bold;
display: inline-block;
-ms-flex-negative: 0;
flex-shrink: 0;
}
body.recruit .careersArea .careers .infoArea table tr td dl dd, body.recruit.error .careersArea .careers .infoArea table tr td dl dd {
display: inline-block;
-ms-flex-negative: 1;
flex-shrink: 1;
}
@media only screen and (min-width: 769px) {
body.recruit .careersArea .careers .infoArea table tr td .small, body.recruit.error .careersArea .careers .infoArea table tr td .small {
font-size: 14px;
}
}
@media only screen and (min-width: 769px) {
body.recruit .careersArea .careers .infoArea table tr td.withLink, body.recruit.error .careersArea .careers .infoArea table tr td.withLink {
padding-right: 200px;
}
}
body.recruit .careersArea .careers .infoArea table tr td.withLink a, body.recruit.error .careersArea .careers .infoArea table tr td.withLink a {
font-weight: 500;
color: #2793FF;
text-decoration: underline;
}
@media only screen and (min-width: 769px) {
body.recruit .careersArea .careers .infoArea table tr td.withLink a, body.recruit.error .careersArea .careers .infoArea table tr td.withLink a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: absolute;
top: 0;
bottom: 0;
right: 17px;
}
}
body.recruit .careersArea .careers .infoArea table:nth-of-type(1) tr th, body.recruit.error .careersArea .careers .infoArea table:nth-of-type(1) tr th {
background-color: #AED1B7;
}
body.recruit .careersArea .careers .infoArea table:nth-of-type(2) tr th, body.recruit.error .careersArea .careers .infoArea table:nth-of-type(2) tr th {
background-color: #F5E6D6;
}
body.recruit .careersArea .careers .infoArea table:nth-of-type(3) tr th, body.recruit.error .careersArea .careers .infoArea table:nth-of-type(3) tr th {
background-color: #FFEAE8;
}
@media only screen and (min-width: 769px) {
body.recruit .careersArea .careers .formArea, body.recruit.error .careersArea .careers .formArea {
margin-top: 100px;
}
}
@media only screen and (max-width: 769px) {
body.recruit .careersArea .careers .formArea, body.recruit.error .careersArea .careers .formArea {
margin-top: 60px;
}
}
@media only screen and (max-width: 769px) {
body.recruit .careersArea .careers .formArea .container, body.recruit.error .careersArea .careers .formArea .container {
width: 100%;
}
}
@media only screen and (min-width: 769px) {
body.recruit.input .careersArea, body.recruit.error.input .careersArea {
padding: 138px 0 20px;
}
}
@media only screen and (max-width: 769px) {
body.recruit.input .careersArea, body.recruit.error.input .careersArea {
padding: 30px 0 20px;
}
}
body.recruit.input .careersArea .careers .formArea h2, body.recruit.error.input .careersArea .careers .formArea h2 {
font-weight: bold;
text-align: center;
color: #FFF;
background-color: #004612;
font-size: 28px;
}
@media only screen and (min-width: 769px) {
body.recruit.input .careersArea .careers .formArea h2, body.recruit.error.input .careersArea .careers .formArea h2 {
padding: 30px 0;
}
}
@media only screen and (max-width: 769px) {
body.recruit.input .careersArea .careers .formArea h2, body.recruit.error.input .careersArea .careers .formArea h2 {
padding: 18px 0;
}
}
body.recruit.input .careersArea .careers .formArea .notes, body.recruit.error.input .careersArea .careers .formArea .notes {
line-height: 2;
margin-top: 30px;
}
@media only screen and (min-width: 769px) {
body.recruit.input .careersArea .careers .formArea .notes, body.recruit.error.input .careersArea .careers .formArea .notes {
text-align: center;
}
}
body.recruit.complete .careersArea .careers .formArea, body.recruit.error.complete .careersArea .careers .formArea {
margin-top: 0;
}
@media only screen and (min-width: 769px) {
body.contact .contactSelectArea {
padding-top: 55px;
}
}
@media only screen and (max-width: 769px) {
body.contact .contactSelectArea {
padding-top: 15px;
}
}
body.contact .contactSelectArea .contactSelect {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
body.contact .contactSelectArea .contactSelect > li {
width: 48%;
}
body.contact .contactSelectArea .contactSelect > li a, body.contact .contactSelectArea .contactSelect > li span {
font-weight: bold;
color: #FFF;
background-color: #919191;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media only screen and (min-width: 769px) {
body.contact .contactSelectArea .contactSelect > li a, body.contact .contactSelectArea .contactSelect > li span {
height: 67px;
font-size: 28px;
border-radius: 34px;
}
}
@media only screen and (max-width: 769px) {
body.contact .contactSelectArea .contactSelect > li a, body.contact .contactSelectArea .contactSelect > li span {
font-size: 20px;
height: 70px;
border-radius: 10px;
}
}
body.contact .contactSelectArea .contactSelect > li.current.group a, body.contact .contactSelectArea .contactSelect > li.current.group span {
background-color: #23923F;
}
body.contact .contactSelectArea .contactSelect > li.current.personal a, body.contact .contactSelectArea .contactSelect > li.current.personal span {
background-color: #F6AB00;
}
body.contact.complete .title, body.recruit.complete .title {
color: #0B6F24;
text-align: center;
border-bottom: 2px solid #83B590;
}
@media only screen and (min-width: 769px) {
body.contact.complete .title, body.recruit.complete .title {
padding: 100px 0;
}
}
@media only screen and (max-width: 769px) {
body.contact.complete .title, body.recruit.complete .title {
padding: 20px 0 30px;
}
}
body.contact.complete .title h2, body.recruit.complete .title h2 {
border-bottom: none;
}
body.contact.complete .title .jp, body.recruit.complete .title .jp {
font-weight: bold;
}
@media only screen and (min-width: 769px) {
body.contact.complete .title .jp, body.recruit.complete .title .jp {
font-size: 45px;
margin-top: 12.5px;
}
}
@media only screen and (max-width: 769px) {
body.contact.complete .title .jp, body.recruit.complete .title .jp {
font-size: 22px;
margin-top: 10px;
}
}
@media only screen and (min-width: 769px) {
body.contact.complete .text, body.recruit.complete .text {
line-height: 2;
padding: 50px 75px 0;
}
}
@media only screen and (max-width: 769px) {
body.contact.complete .text, body.recruit.complete .text {
line-height: 1.75;
padding: 30px 0 0;
}
}
@media only screen and (min-width: 769px) {
body.privacy .rulesArea {
padding-top: 55px;
}
}
@media only screen and (max-width: 769px) {
body.privacy .rulesArea {
padding-top: 60px;
}
}
body.privacy .rulesArea .rules h2 {
font-size: 28px;
font-weight: bold;
color: #004612;
padding-bottom: 10px;
margin-bottom: 60px;
color: #23923F;
}
body.privacy .rulesArea .rules h2::before, body.privacy .rulesArea .rules h2::after {
content: "";
height: 2px;
display: block;
position: absolute;
bottom: 0;
left: 0;
}
body.privacy .rulesArea .rules h2::before {
width: 100%;
background-color: #83B590;
}
body.privacy .rulesArea .rules h2::after {
width: 40px;
background-color: #004612;
}
@media only screen and (min-width: 769px) {
body.privacy .rulesArea .rules h2 {
font-size: 28px;
}
}
@media only screen and (max-width: 769px) {
body.privacy .rulesArea .rules h2 {
font-size: 26px;
line-height: 1;
margin-top: 60px;
margin-bottom: 22px;
}
}
body.privacy .rulesArea .rules h2::before {
background-color: #D0D0D0;
}
body.privacy .rulesArea .rules h2::after {
background-color: #222222;
}
body.privacy .rulesArea .rules h2:nth-of-type(n+2) {
margin-top: 60px;
}
@media only screen and (max-width: 769px) {
body.privacy .rulesArea .rules h2 .small {
font-size: 15px;
}
}
body.privacy .rulesArea .rules p, body.privacy .rulesArea .rules address {
line-height: 2;
}
@media only screen and (min-width: 769px) {
body.privacy .rulesArea .rules p, body.privacy .rulesArea .rules address {
margin-top: 50px;
}
}
@media only screen and (max-width: 769px) {
body.privacy .rulesArea .rules p, body.privacy .rulesArea .rules address {
margin-top: 20px;
}
}
body.search .resultArea .title {
color: #0B6F24;
text-align: center;
border-bottom: 2px solid #83B590;
}
@media only screen and (min-width: 769px) {
body.search .resultArea .title {
padding: 100px 0 60px;
}
}
@media only screen and (max-width: 769px) {
body.search .resultArea .title {
padding: 20px 0 28px;
}
}
body.search .resultArea .title .en {
font-family: "Lato", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", "メイリオ", "Meiryo", sans-serif;
letter-spacing: 0.03em;
font-weight: 900;
}
@media only screen and (min-width: 769px) {
body.search .resultArea .title .en {
font-size: 25px;
}
}
@media only screen and (max-width: 769px) {
body.search .resultArea .title .en {
font-size: 15px;
}
}
body.search .resultArea .title .jp {
font-weight: bold;
}
@media only screen and (min-width: 769px) {
body.search .resultArea .title .jp {
font-size: 45px;
margin-top: 12.5px;
}
}
@media only screen and (max-width: 769px) {
body.search .resultArea .title .jp {
font-size: 22px;
}
}
body.search .resultArea .title p {
font-weight: bold;
color: #222222;
}
@media only screen and (min-width: 769px) {
body.search .resultArea .title p {
font-size: 28px;
margin-top: 63px;
}
}
@media only screen and (max-width: 769px) {
body.search .resultArea .title p {
font-size: 18px;
margin-top: 15px;
}
}
@media only screen and (min-width: 769px) {
body.search .resultArea .resultList {
margin-top: 63px;
}
}
@media only screen and (max-width: 769px) {
body.search .resultArea .resultList {
margin-top: 30px;
}
}
@media only screen and (min-width: 769px) {
body.search .resultArea .resultList > li:nth-of-type(n+2) {
margin-top: 40px;
}
}
@media only screen and (max-width: 769px) {
body.search .resultArea .resultList > li:nth-of-type(n+2) {
margin-top: 30px;
}
}
body.search .resultArea .resultList > li h2 {
font-size: 1em;
font-weight: bold;
}
body.search .resultArea .resultList > li p {
line-height: 2;
margin-top: 5px;
}
@media only screen and (min-width: 769px) {
body.search .resultArea .resultList > li .link {
margin-top: 5px;
}
}
body.search .resultArea .resultList > li .link a {
text-decoration: underline;
color: #2793FF;
}
body.search .resultArea .resultList > li .highlight {
background: -webkit-gradient(linear, left top, left bottom, color-stop(15%, transparent), color-stop(15%, #FFEB53), color-stop(85%, #FFEB53), color-stop(85%, transparent));
background: -webkit-linear-gradient(transparent 15%, #FFEB53 15%, #FFEB53 85%, transparent 85%);
background: linear-gradient(transparent 15%, #FFEB53 15%, #FFEB53 85%, transparent 85%);
display: inline-block;
}
body.error .notfound .title {
color: #0B6F24;
text-align: center;
border-bottom: 2px solid #83B590;
}
@media only screen and (min-width: 769px) {
body.error .notfound .title {
padding: 100px 0;
}
}
@media only screen and (max-width: 769px) {
body.error .notfound .title {
padding: 20px 0 30px;
}
}
body.error .notfound .title .en {
font-family: "Lato", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", "メイリオ", "Meiryo", sans-serif;
letter-spacing: 0.03em;
font-weight: 900;
}
@media only screen and (min-width: 769px) {
body.error .notfound .title .en {
font-size: 25px;
}
}
@media only screen and (max-width: 769px) {
body.error .notfound .title .en {
font-size: 15px;
}
}
body.error .notfound .title .jp {
font-weight: bold;
}
@media only screen and (min-width: 769px) {
body.error .notfound .title .jp {
font-size: 45px;
margin-top: 12.5px;
}
}
@media only screen and (max-width: 769px) {
body.error .notfound .title .jp {
font-size: 22px;
margin-top: 10px;
}
}
@media only screen and (min-width: 769px) {
body.error .notfound .text {
line-height: 2;
padding: 50px 75px 0;
}
}
@media only screen and (max-width: 769px) {
body.error .notfound .text {
line-height: 1.75;
padding: 30px 0 0;
}
}
@media only screen and (min-width: 769px) {
body.error .notfound .bg {
margin-top: 70px;
}
}
@media only screen and (max-width: 769px) {
body.error .notfound .bg {
margin-top: 30px;
}
}
body.error .notfound .bg p {
font-weight: bold;
line-height: 2;
text-align: center;
background-color: rgba(226, 234, 228, 0.5);
margin: 0 auto;
}
@media only screen and (min-width: 769px) {
body.error .notfound .bg p {
width: 85%;
border-radius: 12px;
padding: 30px 40px;
}
}
@media only screen and (max-width: 769px) {
body.error .notfound .bg p {
border-radius: 6px;
padding: 30px 45px;
}
}
body.error .notfound .bg p .emph {
font-weight: bold;
color: #004612;
}