@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;
}
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;
}
}
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;
}
}
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;
}
}
.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;
min-width: 1270px;
}
@media only screen and (max-width: 769px) {
body {
min-width: 320px;
}
}
body main, body header, body footer {
width: 100%;
}
body .container {
width: 1200px;
margin: 0 auto;
}
@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;
}
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;
}
}
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;
}
}
body.news main .container {
width: 1000px;
}
body.corporate main .container {
width: 1000px;
}
body.corporate.page-template-temp-partner main .container {
width: 1200px;
}
body.recruit main .container {
width: 1000px;
}
body.privacy main .container {
width: 850px;
}
body.contact main .container {
width: 1000px;
}
body.error main .container {
width: 1000px;
}
@media only screen and (max-width: 769px) {
body.error main .container {
width: 84%;
}
}
body.search main .container {
width: 1000px;
}
_:-ms-fullscreen, :root body {
min-height: auto;
display: block;
}
_:-ms-fullscreen, :root main {
display: block;
}
_:-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;
justify-content: flex-start;
}
_:-ms-fullscreen, :root body header .headerNav .navArea .searchArea form {
top: 50%;
transform: translateY(-50%);
}
*:-ms-input-placeholder {
color: #A8A8A8 !important;
}
_:-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%);
}
} br.mb {
display: none;
}
br.sp {
display: none;
}
br.spN {
display: none;
} br.mb {
display: none;
}
br.sp {
display: none;
}
br.spN {
display: none;
}
.title .mb {
display: none;
}
_:-ms-fullscreen, :root body {
min-height: auto;
display: block;
}
_:-ms-fullscreen, :root main {
display: block;
}
_:-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;
}
_:-ms-fullscreen, :root body header .headerNav .navArea .searchArea form {
top: 50%;
transform: translateY(-50%);
}
*:-ms-input-placeholder {
color: #A8A8A8 !important;
}
_:-ms-fullscreen, :root body.gallery .achListArea .achList > li figure {
height: 200px;
}
_:-ms-fullscreen, :root body.gallery .achListArea .achList > li figure img {
width: 100%;
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
}
_:-ms-fullscreen, :root body.gallery.single .achievement .figArea .thums > li figure {
height: 70px;
}
html, body {
height: auto !important;
overflow: visible !important;
}
body {
zoom: 0.62;
-webkit-print-color-adjust: exact;
min-width: auto;
display: block;
min-height: auto;
}
body main, body header, body footer {
width: 100%;
}
body .container {
width: 1200px;
margin: 0 auto;
}
body main {
display: block;
}
body main {
padding-bottom: 120px;
}
body.top main {
padding-bottom: 0;
}
body.technology main {
padding-bottom: 120px;
}
body.news main {
padding-bottom: 60px;
}
body.error main {
padding-bottom: 60px;
}
body.news main .container {
width: 1000px;
}
body.corporate main .container {
width: 1000px;
}
body.corporate.page-template-temp-partner main .container {
width: 1200px;
}
body.recruit main .container {
width: 1000px;
}
body.privacy main .container {
width: 850px;
}
body.contact main .container {
width: 1000px;
}
body.error main .container {
width: 1000px;
}
body.search main .container {
width: 1000px;
}
@media print and (-ms-high-contrast: none) {
@page {
size: A4;
margin: 12.7mm 9.7mm;
}
body {
zoom: 1.7;
width: 1200px;
-webkit-transform: scale(0.5);
transform: scale(0.5);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
}
::-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;
font-size: 28px;
}
.formArea .countArea .count {
font-size: 14px;
color: #FFF;
background-color: #23923F;
border-radius: 5px;
position: absolute;
right: 0;
top: 45px;
padding: 20px;
}
.formArea .countArea .count::before {
content: "";
width: 0;
height: 0;
border-style: solid;
position: absolute;
border-width: 0 16px 16px 16px;
border-color: transparent transparent #23923f transparent;
top: 60px;
left: -16px;
}
.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;
}
.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;
font-size: 40px;
}
.formArea .countArea.fixed .count {
position: fixed;
right: calc((100% - 1000px) / 2);
}
.formArea form {
margin-top: 80px;
width: 80%;
margin-top: 100px;
margin-left: 0;
}
.formArea form .legend {
font-weight: bold;
padding: 10px 40px 10px 0;
}
.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;
top: 0;
bottom: 0;
left: -65px;
}
.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;
margin-top: 10px;
}
.formArea form fieldset:nth-of-type(n+2) {
margin-top: 30px;
}
.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%;
}
.formArea form fieldset .inputArea {
margin-left: 30px;
}
.formArea form fieldset .inputArea .link {
margin-left: 30px;
}
.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;
}
.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;
}
.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;
}
.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;
width: 143px;
}
.formArea form .agreementArea {
margin-top: 47px;
}
.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;
}
.formArea form .buttonArea {
margin-top: 45px;
}
.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;
width: 440px;
}
.formArea form .buttonArea [type=submit]:hover {
opacity: 0.6;
}
.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;
}
.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;
}
body.contact.input .formArea, body.contact.confirm .formArea {
margin-top: 100px;
}
body.careers .formArea form {
width: 100%;
}
body.contact.personal .formArea .countArea .count {
background-color: #F6AB00;
}
body.contact.personal .formArea .countArea .count::before {
border-color: transparent transparent #F6AB00 transparent;
}
.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;
}
.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;
padding-left: 30px;
}
a.withFile::before {
content: "";
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
width: 22px;
height: 27px;
}
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;
}
.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;
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;
}
.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;
width: 165px;
}
.searchAchArea .head .buttons #all.on {
color: #E08622;
background-color: #FFF;
border: 1px solid #FFF;
}
.searchAchArea .head .buttons #reset {
font-weight: bold;
margin-left: 15px;
padding-left: 1.5em;
}
.searchAchArea .head .buttons #reset:hover {
opacity: 0.6;
}
.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;
}
.searchAchArea .methodsArea {
margin-top: 40px;
}
.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;
border-top: 2px solid #AED1B7;
}
.searchAchArea .methodsArea .methods > dt {
width: 171px;
}
.searchAchArea .methodsArea .methods > dd {
width: calc(100% - 171px);
}
.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;
}
.searchAchArea .methodsArea .methods > dd .cats > li {
margin: 0 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;
}
.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;
}
.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;
left: 20px;
width: 45px;
height: 45px;
}
.telNum .pc {
padding: 17px 12px 12px 80px;
}
.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;
display: none;
}
.telNum .mb a {
width: 100%;
height: 100%;
display: block;
}
.telNum .mb a .text {
font-weight: bold;
}
.toList {
padding: 60px 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;
width: 323px;
height: 60px;
}
.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;
}
.noPost {
font-weight: bold;
text-align: center;
font-size: 28px;
}
@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;
}
}
@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: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
min-width: 1300px;
height: 80px;
padding: 0 30px;
}
body header .headerNav a {
font-size: 14px;
}
body header .headerNav h1 {
width: 155px;
}
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;
}
body header .headerNav .navArea {
display: none;
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: 100%;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
margin-left: auto;
}
body header .headerNav .navArea nav {
height: 100%;
}
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;
}
body header .headerNav .navArea nav .navList > li {
height: 100%;
}
body header .headerNav .navArea nav .navList > li:nth-of-type(n+2) {
margin-left: 15px;
}
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;
}
body header .headerNav .navArea nav .navList > li .link a {
font-weight: 500;
}
body header .headerNav .navArea nav .navList > li .link a:hover {
color: #328D61;
}
body header .headerNav .navArea nav .navList > li .link + .subList {
display: none;
}
body header .headerNav .navArea nav .navList > li .link + .subList > .btns > li a.hasSubSubList .subLink,
body header .headerNav .navArea nav .navList > li .link + .subList > .thums > li a.hasSubSubList .subLink,
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 a .subSubList > .btns,
body header .headerNav .navArea nav .navList > li .link + .subList > .thums > li a .subSubList > .btns,
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;
}
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 > li a .pc {
display: none;
}
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;
}
body header .headerNav .navArea nav .navList > li.current::before {
content: "";
width: 100%;
height: 4px;
background-color: #1E823A;
display: block;
position: absolute;
top: 0;
left: 0;
}
body header .headerNav .navArea nav .navList > li.current .link a {
color: #328D61;
}
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;
}
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;
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;
color: #707070;
padding-left: 22px;
padding-right: 20px;
}
body header .headerNav .navArea .searchArea button:hover {
opacity: 0.6;
}
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;
width: 16px;
height: 16px;
}
body header .headerNav .navArea .searchArea form {
width: 300px;
position: absolute;
right: 0;
display: none;
}
body header .headerNav .navArea .searchArea form [type=text] {
width: 100%;
font-size: 14px;
border: 1px solid #23923F;
border-radius: 4px;
padding: 4px 80px 4px 10px;
}
body header .headerNav .navArea .searchArea form button {
position: absolute;
top: 0;
bottom: 0;
right: 0;
}
body header .headerNav .navArea .searchArea form.open {
display: block;
}
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;
width: 162px;
height: 35px;
border-radius: 30px;
}
body header .headerNav .navArea .contactArea a:hover {
opacity: 0.6;
}
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;
width: 18px;
height: 14px;
}
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;
}
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;
}
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;
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 {
width: 800px;
}
body header .subListMenuArea .subListMenu .btns.corporate > li {
width: 280px;
}
body header .subListMenuArea .subListMenu .btns.corporate > li:nth-of-type(2n+1) {
margin-left: 0;
}
body header .subListMenuArea .subListMenu .btns.corporate > li:nth-of-type(2n+2) {
margin-left: 20px;
}
body header .subListMenuArea .subListMenu .btns.corporate > li:nth-of-type(n+3) {
margin-top: 20px;
}
body header .subListMenuArea .subListMenu .btns.partner {
width: 900px;
}
body header .subListMenuArea .subListMenu .btns.partner > li {
width: 26%;
}
body header .subListMenuArea .subListMenu .btns.partner > li.large {
width: 32%;
}
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 {
padding-bottom: 10px;
}
body header .subListMenuArea .subListMenu #projects .testLinks > li, body header .subListMenuArea .subListMenu #projects .testLinks > li a {
font-size: 14px;
line-height: 1.357;
}
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 .subListMenuArea .subListMenu #projects .testLinks > li .inlineLink a {
color: #338C60;
text-decoration: underline;
padding: 0 0.4em;
}
body header .breadcrumArea {
border-top: 1px solid #DDDDDD;
padding: 14px 30px;
border-bottom: 1px solid #DDDDDD;
}
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;
font-size: 12px;
}
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;
font-size: 12px;
}
body header .breadcrumArea .breadcrum > li a:hover {
opacity: 0.6;
}
body.top header .breadcrumArea {
display: none;
}
body.navOpen {
overflow: hidden;
}
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;
}
body footer {
border-top: 1px solid #000;
padding-top: 70px;
}
body footer .bannerArea a {
width: 760px;
display: block;
margin: 0 auto;
}
body footer .bannerArea a:hover {
opacity: 0.6;
}
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);
}
body footer .navArea {
background-color: #DBDBDB;
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;
}
body footer .navArea .navAreaInner {
width: calc(100% - 154px - 38px);
}
body footer .navArea .navAreaInner .navListTop {
height: 100%;
}
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;
}
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 a {
font-size: 13px;
}
body footer .navArea .navAreaInner .navListTop .subListMenuArea .subListMenu .subListLink > li a:hover {
color: #23923F;
}
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;
}
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;
}
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;
content: "";
}
body footer .navArea .navAreaInner .navListBot .navList > li a {
font-size: 12px;
}
body footer .navArea .navAreaInner .navListBot .navList > li a:hover {
opacity: 0.6;
}
body footer .navArea .goOnArea {
width: 154px;
}
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;
}
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;
font-size: 10px;
}
body .kvArea {
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
height: 430px;
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 .kvArea.technology {
background-image: url(//www.matsumura-gumi.co.jp/wp-content/themes/matsumura/assets/images/technology/bg.jpg);
}
body .kvArea.gallery {
background-image: url(//www.matsumura-gumi.co.jp/wp-content/themes/matsumura/assets/images/gallery/bg.jpg);
}
body .kvArea.projects {
background-image: url(//www.matsumura-gumi.co.jp/wp-content/themes/matsumura/assets/images/projects/bg.jpg);
}
body .kvArea.corporate {
background-image: url(//www.matsumura-gumi.co.jp/wp-content/themes/matsumura/assets/images/corporate/bg.jpg);
}
body .kvArea.sustainability {
background-image: url(//www.matsumura-gumi.co.jp/wp-content/themes/matsumura/assets/images/sustainability/bg.jpg);
}
body .kvArea.partner {
background-image: url(//www.matsumura-gumi.co.jp/wp-content/themes/matsumura/assets/images/partner/bg.jpg);
}
body .kvArea.news {
background-image: url(//www.matsumura-gumi.co.jp/wp-content/themes/matsumura/assets/images/news/bg.jpg);
}
body .kvArea.contact {
background-image: url(//www.matsumura-gumi.co.jp/wp-content/themes/matsumura/assets/images/contact/bg.jpg);
}
body .kvArea.privacy {
background-image: url(//www.matsumura-gumi.co.jp/wp-content/themes/matsumura/assets/images/privacy/bg.jpg);
}
body .kvArea .text {
color: #FFF;
text-align: center;
}
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;
}
body .kvArea .text .jp {
font-weight: bold;
font-size: 45px;
}
body .kvArea .text .cat {
font-weight: bold;
max-width: 650px;
background-color: #23923F;
padding: 30px;
}
body .kvArea .text .cat .date {
font-size: 14px;
}
body .kvArea .text .cat h2 {
font-size: 28px;
}
body .kvArea .text .cat .tax {
width: 120px;
font-size: 12px;
color: #23923F;
background-color: #FFF;
margin: 15px auto 0;
padding: 4px 0;
}
body .kvArea.projects .text .jp {
font-size: 65px;
}
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;
}
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;
}
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;
}
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;
}
body.news.live .kvArea .text .cat {
background-color: #EF8D08;
}
body.news.live .kvArea .text .cat .tax {
color: #EF8D08;
}
body.news.ir .kvArea .text .cat {
background-color: #C11414;
}
body.news.ir .kvArea .text .cat .tax {
color: #C11414;
}
body.news.partner .kvArea .text .cat {
background-color: #1571DA;
}
body.news.partner .kvArea .text .cat .tax {
color: #1571DA;
}
body.news.single .kvArea {
height: auto;
padding: 90px 0;
}
body.news.single .kvArea .text .en, body.news.single .kvArea .text .jp {
display: none;
}
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;
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%;
}
}
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;
margin-top: 50px;
margin-bottom: 40px;
}
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 (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 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;
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;
}
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;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
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;
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;
}
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;
}
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;
}
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;
}
body .newsListArea {
margin-top: 60px;
}
body .newsListArea .newsList > li {
border-top: 1px 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: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
padding: 20px 60px 20px 0;
}
body .newsListArea .newsList > li:nth-last-of-type(1) {
border-bottom: 1px solid #DDDDDD;
}
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;
}
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;
width: 130px;
}
body .newsListArea .newsList > li .newsInfo .tag {
width: 120px;
text-align: center;
color: #FFF;
font-size: 12px;
padding: 4px 0;
margin-right: 30px;
}
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;
}
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;
width: 20px;
height: 13px;
}
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);
padding: 85px 0 77px;
}
body .relateditemArea .relatedItem:nth-of-type(n+2) {
border-top: 2px solid #8AB8A1;
padding-top: 60px;
margin-top: 60px;
}
body .relateditemArea .relatedItem h2 {
font-size: 28px;
}
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;
}
body .relateditemArea .relatedItem .achList > li {
width: 31.666%;
}
body .relateditemArea .relatedItem .achList > li a {
display: block;
}
body .relateditemArea .relatedItem .achList > li a:hover {
opacity: 0.6;
}
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;
}
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;
}
body .pagination {
margin-top: 60px;
}
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;
width: 1000px;
}
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;
width: 50px;
height: 50px;
font-size: 16px;
border-radius: 4px;
}
body .pagination .pages > li span.current, body .pagination .pages > li a:hover {
color: #FFF;
background-color: #23923F;
border-color: #23923F;
}
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;
width: 14px;
height: 14px;
}
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;
margin-top: 15px;
}
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;
}
body .bannerArea2 .container > a {
display: block;
}
body .bannerArea2 .container > a figure {
width: 250px;
}
body .bannerArea2 .container p {
font-size: 14px;
font-weight: 500;
margin-left: 15px;
}
body .bannerArea2 .container p a {
font-size: 14px;
font-weight: 500;
color: #2793FF;
}
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;
font-size: 18px;
}
body.top main .ttl_jp {
font-weight: bold;
color: #0B6F24;
font-size: 30px;
margin-top: 13px;
}
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;
width: 160px;
height: 40px;
border-radius: 40px;
}
body.top header {
width: 100%;
}
body.top .fvArea {
overflow: hidden;
}
body.top .fvArea .bgArea .bg {
padding-top: 45.531%;
background: url(//www.matsumura-gumi.co.jp/wp-content/themes/matsumura/assets/images/top/fv_bg.jpg) no-repeat;
background-position: center center;
background-size: cover;
}
body.top .fvArea .bgArea .bg video {
position: absolute;
top: 0;
left: 0;
}
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;
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%);
}
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;
padding-right: 25px;
}
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;
font-size: 14px;
margin-left: 25px;
}
body.top .fvArea .bgArea .arrivalArea .title {
font-size: 14px;
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;
}
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;
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));
}
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;
width: 50px;
padding: 17px 0 40px;
}
body.top .fvArea .fvBottom .projectsArea .tag:hover {
opacity: 0.6;
}
body.top .fvArea .fvBottom .projectsArea .tag .btn {
border-radius: 50%;
position: absolute;
margin: auto;
width: 21px;
height: 21px;
background-color: #FFF;
left: 0;
right: 0;
bottom: 12px;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
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;
}
body.top .fvArea .fvBottom .projectsArea .contents {
padding: 17px 20px 15px 0;
}
body.top .fvArea .fvBottom .projectsArea .contents .prjListWrapper {
background-color: #E2EAE4;
border-radius: 10px;
padding: 10px;
}
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;
}
body.top .fvArea .fvBottom .projectsArea .contents .prjList > li {
background-color: #FFF;
border-radius: 10px;
padding: 14px 13px;
}
body.top .fvArea .fvBottom .projectsArea .contents .prjList > li:nth-of-type(n+2) {
margin-left: 10px;
}
body.top .fvArea .fvBottom .projectsArea .contents .prjList > li a {
display: block;
width: 200px;
}
body.top .fvArea .fvBottom .projectsArea .contents .prjList > li a:hover {
opacity: 0.6;
}
body.top .fvArea .fvBottom .projectsArea .contents .prjList > li .type {
color: #FFF;
text-align: center;
font-size: 11px;
}
body.top .fvArea .fvBottom .projectsArea .contents .prjList > li figure {
max-height: 98px;
margin-top: 5px;
}
body.top .fvArea .fvBottom .projectsArea .contents .prjList > li .title {
font-size: 13px;
line-height: 1.307;
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;
}
body.top .fvArea .fvBottom .projectsArea.open {
-webkit-transform: translateX(0);
transform: translateX(0);
}
body.top .fvArea .fvBottom .projectsArea.open .tag .btn {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
body.top .fvArea .fvBottom .nameArea {
font-weight: 900;
color: #FFF;
background-color: #003E10;
font-size: 14px;
padding: 14px 0;
}
body.top .fvAnime {
display: none;
width: 100%;
padding-top: 153.492%;
}
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;
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;
}
body.top .galleryArea .searchAchArea .container {
background-color: rgba(255, 255, 255, 0.92);
border-radius: 25px;
padding: 57px 30px 38px 70px;
}
body.top .galleryArea .searchAchArea .head {
margin-top: 13px;
}
body.top .galleryArea .searchAchArea .head .ttl_jp {
width: 171px;
font-size: 22px;
margin-top: 0;
}
body.top .galleryArea .searchAchArea .head .buttons {
margin-left: 5px;
}
body.top .galleryArea .searchAchArea .methodsArea .methods > dt {
font-weight: bold;
}
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;
width: 278px;
height: 46px;
border-radius: 78px;
}
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);
width: 21px;
height: 21px;
background-size: 9px 5px;
right: 11px;
}
body.top .sustainabilityArea {
color: #0B6F24;
border-bottom: 50px solid #003E10;
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;
}
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);
width: 390px;
border-radius: 25px;
padding: 60px 64px 64px 52px;
}
body.top .sustainabilityArea .sustainability p {
line-height: 2.187;
margin-top: 20px;
}
body.top .sustainabilityArea .sustainability .link {
margin-top: 80px;
}
body.top .recruitArea {
padding: 123px 0;
}
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;
}
body.top .recruitArea .recruit .text {
width: 24.75%;
}
body.top .recruitArea .recruit .text figure {
width: 100%;
margin: 8px 0 0;
}
body.top .recruitArea .recruit .text .link {
margin-top: 16px;
}
body.top .recruitArea .recruit figure {
margin: 0;
width: 72.59%;
}
body.top .newsArea {
background-color: #003E10;
padding: 60px 0 70px;
}
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;
border-radius: 6px;
padding: 38px;
}
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;
padding-bottom: 10px;
}
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;
font-size: 18px;
height: 48px;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
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;
border-width: 10px 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;
width: 35px;
height: 35px;
top: 0;
bottom: 0;
left: -35px;
-webkit-transform: scale(0.7);
transform: scale(0.7);
}
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;
}
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.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.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.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.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;
}
body.top .newsArea .news .newsListArea .tabs {
background-color: #F4F4F4;
border-radius: 6px;
padding: 30px 47px;
margin-top: 20px;
}
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;
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.top .newsArea .news .newsListArea .tabs > li .newsList > li:nth-of-type(n+2) {
border-top: 1px dashed #BFBFBF;
}
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;
}
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;
border-radius: 6px;
}
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;
width: 35px;
height: 35px;
left: -35px;
-webkit-transform: scale(0.7);
transform: scale(0.7);
}
body.top .newsArea .news .newsListArea .tabs > li .newsList > li .newsInfo .date {
width: auto;
}
body.top .newsArea .news .newsListArea .tabs > li .newsList > li .title {
width: calc(100% - 300px);
padding-left: 15px;
}
body.top .newsArea .news .newsListArea .tabs > li .newsList > li .title a {
text-decoration: none;
}
body.top .newsArea .news .newsListArea .toNewsMb {
margin-top: 15px;
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;
}
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;
}
body.technology .ItemsArea .items > li {
width: 31.666%;
margin-bottom: 20px;
}
body.technology .ItemsArea .items > li a {
color: #004612;
display: block;
padding: 22px 20px;
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;
width: 56px;
height: 56px;
}
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;
font-size: 20px;
text-align: center;
}
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;
font-size: 30px;
right: 14px;
}
body.gallery .searchAchArea {
margin-top: 80px;
}
body.gallery .searchAchArea .container {
background-color: #D3E6D8;
padding: 50px 50px 25px;
}
body.gallery .searchAchArea .methodsArea .methods {
font-weight: bold;
}
body.gallery .searchAchArea .resultArea {
background-color: #AED1B7;
padding: 18px 0;
}
body.gallery .achListArea {
margin-top: 70px;
}
body.gallery .achListArea .achList > li {
width: 31.666%;
margin-bottom: 30px;
}
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.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;
}
body.gallery.single .achievement .figArea .mv {
height: 700px;
}
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;
margin-top: 25px;
}
body.gallery.single .achievement .figArea .thums > li {
overflow: hidden;
height: 72px;
}
body.gallery.single .achievement .figArea .thums > li:nth-of-type(n+2) {
margin-left: 25px;
}
body.gallery.single .achievement .figArea .thums > li figure {
width: 100px;
max-height: 70px;
}
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;
}
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.projects01 .nav dl:nth-of-type(1) dt, body.projects.single.projects01 .nav dl:nth-of-type(1) dd ul > li:nth-child(1) a {
color: #FCE777;
}
body.projects.single.projects02 .nav dl:nth-of-type(2) dt, body.projects.single.projects02 .nav dl:nth-of-type(2) 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;
}
body.projects.single .postContents {
padding-bottom: 180px;
}
body.projects.single .postContents .fig .caption {
font-size: 15px;
font-weight: bold;
color: #FFF;
position: absolute;
bottom: 20px;
left: 20px;
}
body.projects.single .postContents .mvArea {
margin: 0 auto;
width: 1200px;
}
body.projects.single .postContents .mvArea h2 {
text-align: center;
color: #0B6F24;
font-size: 28px;
padding: 80px 0 70px;
}
@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;
width: 57%;
margin-top: 14px;
}
@media only screen and (max-width: 769px) {
body.projects.single .postContents .mvArea p {
width: 90%;
margin: 20px auto 0;
}
}
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;
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;
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;
}
}
body.projects.single .postContents .articleArea h3.reverse {
padding-left: calc((100% - 1000px) / 2);
}
body.projects.single .postContents .articleArea h3.reverse span {
width: 100%;
padding: 0;
}
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;
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;
margin-top: 40px;
}
@media only screen and (max-width: 769px) {
body.projects.single .postContents .articleArea .contents p {
margin-top: 33px;
}
}
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;
}
}
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;
}
}
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;
}
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;
width: 62.1%;
}
@media only screen and (max-width: 769px) {
body.projects.single .postContents .articleArea .contents .flex p {
margin-top: 33px;
}
}
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;
}
body.projects.single .postContents .articleArea .layout .box01 .fig {
width: 33.6%;
position: absolute;
top: 0;
right: 0;
}
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;
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;
}
}
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;
}
}
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;
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;
width: 62.3%;
}
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;
}
}
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;
width: 120px;
}
@media only screen and (max-width: 769px) {
body.projects.single .postContents .articleArea .info dl > dt {
width: 35%;
}
}
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;
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;
}
}
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;
}
}
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 .postContents .articleArea {
margin-top: 40px;
}
}
@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%;
}
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;
}
}
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;
}
}
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-size: 56px;
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;
margin-top: 80px;
}
@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;
}
}
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;
}
body.projects.single.projects02 .postContents .articleArea #ct04 {
margin-top: 10px;
}
@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;
}
}
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;
margin-top: 48px;
}
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 (max-width: 769px) {
body.projects.single.projects03 .postContents .articleArea .contents #pr03_01_01 {
margin-top: 22px;
}
}
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;
}
}
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;
margin-top: 100px;
}
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 (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;
}
}
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;
}
}
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;
}
}
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;
}
}
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;
margin-top: 100px;
}
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 (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;
}
}
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;
}
}
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%;
}
}
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;
margin-top: 60px;
}
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 (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;
}
}
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;
}
}
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;
padding-top: 86px;
margin-top: 100px;
}
@media only screen and (max-width: 769px) {
body.projects.single.projects03 .postContents .articleArea .contents #pr03_02_04 {
padding-top: 46px;
}
}
@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-size: 33px;
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 (max-width: 769px) {
body.projects.single.projects03 .postContents .articleArea .contents #pr03_02_04 .ttl {
font-size: 21px;
}
}
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;
}
}
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;
}
}
body.projects.single .projectsLinks {
margin-top: 150px;
}
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 {
width: 237px;
height: 50px;
font-size: 16px;
font-weight: bold;
color: #fff;
background-color: #23923F;
border: 1px solid #23923F;
border-radius: 10px;
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[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;
}
body.projects.single .projectsLinks ul > li:nth-of-type(n+2) {
margin-left: 16px;
}
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 .sloganArea {
text-align: center;
background-color: rgba(211, 230, 216, 0.25);
border-radius: 20px;
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;
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;
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;
}
}
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;
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;
}
}
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;
}
}
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;
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;
}
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;
}
}
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;
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;
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;
}
}
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;
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 {
font-size: 23px;
text-align: center;
color: #fff;
background-color: #23923F;
padding: 5px 16px;
}
@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%;
font-size: 28px;
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 (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;
padding: 16px 13px;
}
@media only screen and (max-width: 769px) {
body.sustainability.action .withPageNav #post .sdg .cont > li .contents {
padding: 16px 23px;
}
}
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;
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%;
}
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;
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;
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;
}
}
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;
}
}
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;
}
body.sustainability.action .withPageNav #post .zeb .caption, body.sustainability.action .withPageNav #post .zehm .caption, body.sustainability.action .withPageNav #post .do .caption {
text-align: right;
margin-top: 10px;
}
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;
}
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;
width: 546px;
}
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%;
}
}
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;
}
}
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;
}
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: 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 (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;
}
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 {
font-size: 14px;
margin-top: 5px;
text-indent: -2.5em;
padding-left: 2.5em;
}
@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 (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;
}
}
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;
}
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;
border-radius: 10px;
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 {
border-radius: 6px;
}
}
@media only screen and (max-width: 769px) {
body.sustainability.action .withPageNav #post .zeb .goal ul > li {
padding: 22px 0 18px;
margin-top: 18px;
}
}
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;
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;
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;
font-size: 16px;
}
@media only screen and (max-width: 769px) {
body.sustainability.action .withPageNav #post .zeb .goal ul > li .text .small {
font-size: 12px;
}
}
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-size: 44px;
font-weight: bold;
line-height: 1;
color: #0B6F24;
margin-right: 14px;
}
@media only screen and (max-width: 769px) {
body.sustainability.action .withPageNav #post .zeb .goal ul > li .valArea .val {
font-size: 40px;
}
}
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;
}
body.sustainability.action .withPageNav #post .zeb .goal ul > li .valArea .all {
font-size: 20px;
padding-top: 18px;
}
@media only screen and (max-width: 769px) {
body.sustainability.action .withPageNav #post .zeb .goal ul > li .valArea .all {
font-size: 16px;
}
}
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;
font-size: 10px;
color: #333;
}
@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);
padding: 27px 26px 19px;
margin-top: 16.5px;
}
@media only screen and (max-width: 769px) {
body.sustainability.action .withPageNav #post .do .planner .bg {
padding: 27px 18px 21px;
}
}
@media only screen and (max-width: 769px) {
body.sustainability.action .withPageNav #post .do .planner .bg {
margin-top: 26px;
}
}
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 {
width: 20.7%;
margin: 0;
}
@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;
}
}
body.sustainability.action .withPageNav #post .do .planner .bg .c1 .text {
font-size: 15px;
width: 77.76%;
}
@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 (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;
}
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;
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 {
font-size: 12px;
margin: 0;
}
@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;
}
}
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 {
width: 100%;
font-weight: bold;
text-align: center;
margin-top: 4px;
border-collapse: separate;
border-spacing: 2px 1px;
white-space: nowrap;
}
body.sustainability.action .withPageNav #post .do .status ul > li table tr th {
font-size: 11px;
color: #fff;
background-color: #65ACB5;
padding: 13px 7px;
}
@media only screen and (max-width: 769px) {
body.sustainability.action .withPageNav #post .do .status ul > li table tr th {
font-size: 11px;
}
}
@media only screen and (max-width: 769px) {
body.sustainability.action .withPageNav #post .do .status ul > li table tr th {
padding: 13px 10px;
}
}
body.sustainability.action .withPageNav #post .do .status ul > li table tr td {
font-size: 10px;
background-color: #D3E6D8;
padding: 10px 7px;
}
body.sustainability.action .withPageNav #post .do .status ul > li table tr td:nth-child(1) {
text-align: left;
}
@media only screen and (max-width: 769px) {
body.sustainability.action .withPageNav #post .do .status ul > li table tr td {
padding: 13px 10px;
}
}
body.sustainability.action .withPageNav #post .do .status ul > li.works table tr th.name {
width: 250px;
}
body.sustainability.action .withPageNav #post .do .status ul > li.works table tr th.rank {
width: 97px;
}
body.sustainability.action .withPageNav #post .do .status ul > li.works table tr th.bels {
width: 57px;
}
body.sustainability.action .withPageNav #post .do .status ul > li.plans table tr th.name {
width: 250px;
}
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-size: 13px;
font-weight: bold;
text-align: right;
margin-top: 30px;
}
@media only screen and (max-width: 769px) {
body.sustainability.action .withPageNav #post .do .status p {
font-size: 14px;
}
}
@media only screen and (max-width: 769px) {
body.sustainability.action .withPageNav #post .do .status p {
text-align: center;
}
}
@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;
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;
}
}
body.sustainability.action .withPageNav #post .contactArea {
margin-top: 115px;
}
@media only screen and (max-width: 769px) {
body.sustainability.action .withPageNav #post .contactArea {
margin-top: 75px;
}
}
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;
}
body.corporate .withPageNav #post .companyInfoArea .headline01:nth-of-type(n+2) {
margin-top: 150px;
}
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;
}
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;
}
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;
width: 100%;
}
body.corporate .withPageNav #post .companyInfoArea .message .text .name {
font-weight: bold;
text-align: right;
width: 100%;
}
body.corporate .withPageNav #post .companyInfoArea .message figure {
width: 30.5%;
margin-top: 0;
}
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;
}
body.corporate .withPageNav #post .companyInfoArea .corpMark figure {
width: 25.4%;
}
body.corporate .withPageNav #post .companyInfoArea .corpMark p {
line-height: 2;
width: 71.6%;
}
body.corporate .withPageNav #post .companyInfoArea .corpInfo {
margin-top: 27px;
}
body.corporate .withPageNav #post .companyInfoArea .corpInfo dl {
border-bottom: 1px solid #D2D2D2;
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);
}
body.corporate .withPageNav #post .companyInfoArea .corpInfo dl > dt {
font-weight: bold;
padding: 13px 0;
}
body.corporate .withPageNav #post .companyInfoArea .corpInfo dl > dd {
background-color: rgba(229, 233, 244, 0.25);
padding: 13px 25px;
}
body.corporate .withPageNav #post .companyInfoArea .corpInfo dl > dd .position {
display: inline-block;
min-width: 150px;
}
body.corporate .withPageNav #post .companyInfoArea .corpInfo dl > dd .position2.small {
font-size: 12px;
}
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;
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;
}
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;
}
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;
width: 35%;
}
body.corporate .withPageNav #post .officeList > li figure.mb {
display: none;
}
body.corporate .withPageNav #post .officeList > li .info {
width: 62%;
}
body.corporate .withPageNav #post .officeList > li .info .name {
font-weight: bold;
font-size: 18px;
}
body.corporate .withPageNav #post .officeList > li .info .address {
margin-top: 1.5em;
}
body.corporate .withPageNav #post .officeList > li .info .access {
color: #23923F;
background-color: #D3E6D8;
border-radius: 0 10px 10px 0;
padding: 20px 20px 20px 60px;
margin-top: 1em;
}
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;
display: none;
}
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;
}
body.corporate .withPageNav #post .officeList > li .info .gmap {
text-align: right;
margin-top: 30px;
}
body.corporate .withPageNav #post .nav .links {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
-webkit-transform: translate(1px, -1px);
transform: translate(1px, -1px);
}
body.corporate .withPageNav #post .nav .links > li {
position: absolute;
left: 0;
right: 0;
margin: auto;
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);
}
body.corporate .withPageNav #post .nav .links > li a {
width: 100%;
height: 100%;
border-radius: 50%;
display: block;
}
body.corporate .withPageNav #post .nav .links > li a:hover {
background-color: rgba(255, 255, 255, 0.3);
}
body.corporate .withPageNav #post .historyLine .era {
padding-left: 25px;
}
body.corporate .withPageNav #post .historyLine .era > li {
border-bottom: 1px solid #D2D2D2;
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;
left: -20px;
}
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;
top: 34px;
left: -27px;
}
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;
}
body.corporate .withPageNav #post .historyLine .era > li:nth-of-type(1) .eventArea {
text-align: left;
padding-left: 20px;
}
body.corporate .withPageNav #post .historyLine .era > li:nth-of-type(2) .meanwhileArea {
margin-top: 7px;
}
body.corporate .withPageNav #post .historyLine .era > li:nth-of-type(n+2) {
margin-left: 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;
}
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;
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;
}
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;
}
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;
}
body.corporate .withPageNav #post .historyLine .era > li:nth-of-type(n+2) .eventArea .event .figs figure {
display: block;
margin: 0;
}
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);
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;
}
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;
}
body.corporate .withPageNav #post .companyInfoArea .mission .scripts > li:nth-of-type(n+2) {
margin-top: 90px;
}
body.corporate .withPageNav #post .companyInfoArea .mission .scripts > li .head {
font-weight: 500;
font-size: 21px;
}
body.corporate .withPageNav #post .companyInfoArea .mission .scripts > li p {
color: #23923F;
font-size: 35px;
line-height: 1.571;
margin-top: 26px;
}
body.corporate .withPageNav #post .companyInfoArea .mission .keywords {
background-color: rgba(211, 230, 216, 0.2);
overflow: hidden;
border-radius: 10px;
margin: 94px 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);
font-size: 18px;
padding: 19px 0 15px;
}
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;
}
body.corporate .withPageNav #post .companyInfoArea .mission .keywords .flex dl {
text-align: center;
}
body.corporate .withPageNav #post .companyInfoArea .mission .keywords .flex dl > dt {
font-size: 20px;
font-weight: bold;
line-height: 1.846;
}
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;
margin-top: 70px;
}
body.corporate .withPageNav #post .companyInfoArea .mission .behavior h4 span {
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
padding-right: 17px;
font-size: 22px;
}
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;
height: 20px;
}
body.corporate .withPageNav #post .companyInfoArea .mission .behavior p {
margin-top: 20px;
}
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;
}
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;
}
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 {
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;
border-bottom: 1px solid #707070;
padding-bottom: 15px;
}
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;
}
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;
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 figure {
width: 160px;
}
body.corporate .withPageNav #post .companyInfoArea .safety .mMark p {
width: 71.11%;
}
body.corporate .withPageNav #post .companyInfoArea .safety .mMark figure {
margin: 0 auto;
}
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;
}
body.corporate .withPageNav #post .companyInfoArea .forces > ul > li:nth-of-type(n+2) {
margin-top: 15px;
}
body.corporate .withPageNav #post .companyInfoArea .forces > ul > li span {
display: block;
text-indent: -1.4em;
padding-left: 1.4em;
}
body.corporate .withPageNav #post .companyInfoArea .forces > ul > li p {
padding-left: 2em;
}
body.corporate .withPageNav #post .companyInfoArea .corpGov {
line-height: 2;
}
body.corporate .withPageNav #post .companyInfoArea .corpGov ul {
margin-top: 36px;
}
body.corporate .withPageNav #post .companyInfoArea .corpGov ul > li {
text-indent: -2em;
padding-left: 2em;
}
body.corporate .withPageNav #post .companyInfoArea .corpGov ul > li:nth-of-type(n+2) {
margin-top: 15px;
}
body.corporate .withPageNav #post .companyInfoArea .corpGov figure {
margin-top: 46px;
}
body.news .catListArea {
margin-top: 90px;
}
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;
}
body.news .catListArea .catList > li {
width: 160px;
height: 40px;
}
body.news .catListArea .catList > li:nth-of-type(n+2) {
margin-left: 15px;
}
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;
font-size: 14px;
border-radius: 30px;
}
body.news .catListArea .catList > li a:hover {
opacity: 0.6;
}
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);
padding: 90px 0 100px;
}
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;
}
body.news.single .postContents figure img {
width: auto;
max-width: 100%;
}
body.news.single .postContents .btnWrapper {
margin-top: 15px;
}
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;
margin-top: 70px;
}
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;
padding: 16px 24px;
}
body.news.single.live .postContents table tr th {
background-color: #F9FAFC;
width: 212px;
}
body.news.single.live .postContents table tr td {
line-height: 2.312;
background-color: #FFF;
}
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;
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;
}
}
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;
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;
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;
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;
}
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;
}
}
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;
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;
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;
}
}
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;
}
}
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;
}
}
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;
}
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;
}
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;
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;
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;
}
}
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;
font-size: 18px;
}
@media only screen and (max-width: 769px) {
body.partner.seikyusyo .withPageNav #post .dlList .notes {
line-height: 1.5;
}
}
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);
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;
}
}
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;
}
}
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;
}
}
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;
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;
}
}
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;
}
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;
}
}
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;
}
}
body.partner.buildee .withPageNav #post .services {
margin-top: 20px;
margin-bottom: 16px;
}
@media only screen and (max-width: 769px) {
body.partner.buildee .withPageNav #post .services {
margin-top: 16px;
}
}
@media only screen and (max-width: 769px) {
body.partner.buildee .withPageNav #post .services {
margin-bottom: 22px;
}
}
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;
}
}
body.partner.buildee .withPageNav #post .services > li.bg {
padding-top: 20px;
padding-bottom: 20px;
}
@media only screen and (max-width: 769px) {
body.partner.buildee .withPageNav #post .services > li.bg {
padding-top: 23px;
}
}
@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;
}
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;
}
}
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;
}
}
body.partner.buildee .withPageNav #post .files p.link {
margin-top: 36px;
padding: 0;
}
@media only screen and (max-width: 769px) {
body.partner.buildee .withPageNav #post .files p.link {
margin-top: 28px;
}
}
@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;
}
}
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;
}
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);
margin-top: 55px;
padding: 31px 25px 38px;
}
@media only screen and (max-width: 769px) {
body.partner.buildee .withPageNav #post .application {
margin-top: 43px;
}
}
@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;
}
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;
width: 390px;
margin-top: 13px;
}
@media only screen and (max-width: 769px) {
body.partner.buildee .withPageNav #post .application .btnWrapper {
width: 100%;
}
}
@media only screen and (max-width: 769px) {
body.partner.buildee .withPageNav #post .application .btnWrapper {
margin-top: 14px;
}
}
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-size: 20px;
font-weight: bold;
color: #1571DA;
padding: 0;
margin: 0;
}
@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;
}
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;
}
}
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;
}
}
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;
}
}
body.partner.cinet .withPageNav #post .summary .bg {
padding: 26px 18px 34px;
margin-top: 32px;
}
@media only screen and (max-width: 769px) {
body.partner.cinet .withPageNav #post .summary .bg {
padding: 29px 13px 13px;
}
}
@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;
margin-left: 10px;
}
@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;
}
}
body.partner.cinet .withPageNav #post .summary .bg .figcaption {
font-size: 13px;
position: absolute;
top: 33px;
right: 18px;
}
@media only screen and (max-width: 769px) {
body.partner.cinet .withPageNav #post .summary .bg .figcaption {
font-size: 12px;
}
}
@media only screen and (max-width: 769px) {
body.partner.cinet .withPageNav #post .summary .bg .figcaption {
text-align: center;
display: block;
margin-top: 16px;
}
}
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 {
width: 86%;
font-weight: bold;
line-height: 2;
background-color: #fff;
border-radius: 10px;
padding: 26px 32px;
margin: 0 auto;
margin-top: 29px;
}
@media only screen and (max-width: 769px) {
body.partner.cinet .withPageNav #post .summary .bg .merit {
font-size: 15px;
}
}
@media only screen and (max-width: 769px) {
body.partner.cinet .withPageNav #post .summary .bg .merit {
border-radius: calc(10px / 2);
}
}
@media only screen and (max-width: 769px) {
body.partner.cinet .withPageNav #post .summary .bg .merit {
padding: 17px 15px 21px;
}
}
@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;
}
}
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;
}
}
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;
}
}
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 {
width: 49.444%;
font-size: 18px;
font-weight: bold;
text-align: center;
color: #222;
background-color: #F0F0F0;
padding: 27px 0;
cursor: pointer;
}
@media only screen and (max-width: 769px) {
body.partner.cinet .withPageNav #post .flow .tabSwitch .tabBtn > li {
width: 49.253%;
}
}
@media only screen and (max-width: 769px) {
body.partner.cinet .withPageNav #post .flow .tabSwitch .tabBtn > li {
font-size: 14px;
}
}
@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-width: 0 0 14px 14px;
border-color: transparent transparent #CCCCCC transparent;
position: absolute;
bottom: 6px;
right: 6px;
}
@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 (max-width: 769px) {
body.partner.cinet .withPageNav #post .flow .tabSwitch .tabBtn > li::after {
bottom: 3.2px;
}
}
@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;
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);
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;
}
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 {
width: 45px;
height: 45px;
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 (max-width: 769px) {
body.partner.cinet .withPageNav #post .flow .tabSwitch .tabContents > li .flowList > dt .num {
width: 46.8px;
}
}
@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-size: 18px;
font-weight: bold;
padding: 10px 0;
}
@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 (max-width: 769px) {
body.partner.cinet .withPageNav #post .flow .tabSwitch .tabContents > li .flowList > dt .text {
font-size: 16px;
}
}
@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 {
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;
margin-top: 25px;
}
body.partner.cinet .withPageNav #post .flow .tabSwitch .tabContents > li .flowList > dd .tradeNotes .left .color {
color: #BA3123;
}
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-size: 14px;
font-weight: bold;
}
@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;
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;
padding: 42px 32px;
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 (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-size: 14px;
font-weight: bold;
text-align: center;
margin-bottom: 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 (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;
padding-top: 32px;
margin-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 (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;
}
body.partner.cinet .withPageNav #post .flow .tabSwitch .tabContents > li .flowList > dd .dlArea#dl01 {
padding: 42px 32px;
margin-top: 35px;
}
@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 (max-width: 769px) {
body.partner.cinet .withPageNav #post .flow .tabSwitch .tabContents > li .flowList > dd .dlArea#dl01 {
margin-top: 23px;
}
}
body.partner.cinet .withPageNav #post .flow .tabSwitch .tabContents > li .flowList > dd .dlArea#dl01 .upper p {
padding-left: 100px;
}
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;
}
}
body.partner.cinet .withPageNav #post .flow .tabSwitch .tabContents > li .flowList > dd .dlArea#dl01 .lower .mailAddr {
padding-left: 166px;
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.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;
}
}
body.partner.cinet .withPageNav #post .flow .tabSwitch .tabContents > li .flowList > dd .dlArea#dl01 .lower .mailAddr:nth-of-type(1) {
margin-top: 11px;
}
body.partner.cinet .withPageNav #post .flow .tabSwitch .tabContents > li .flowList > dd .dlArea#dl02 .upper p {
text-align: center;
}
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;
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.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;
}
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;
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%;
}
}
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;
}
}
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-size: 20px;
font-weight: bold;
color: #1571DA;
padding: 0;
margin: 0;
margin-top: 50px;
}
@media only screen and (max-width: 769px) {
body.partner.meister .withPageNav #post h3 {
font-size: 18px;
}
}
@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;
}
body.partner.meister .withPageNav #post .flow .bg {
padding: 55px 55px 40px;
margin-top: 20px;
}
@media only screen and (max-width: 769px) {
body.partner.meister .withPageNav #post .flow .bg {
padding: 30px 15px 40px;
}
}
@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;
border-radius: 10px;
padding: 26px 40px 10px;
margin-top: 40px;
}
@media only screen and (max-width: 769px) {
body.partner.meister .withPageNav #post .flow .pane {
border-radius: 5px;
}
}
@media only screen and (max-width: 769px) {
body.partner.meister .withPageNav #post .flow .pane {
padding: 20px 16px;
}
}
@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;
gap: 30px;
margin-top: 0;
}
@media only screen and (max-width: 769px) {
body.partner.meister .withPageNav #post .flow .figs {
gap: 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;
}
}
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;
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;
}
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;
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;
}
}
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;
margin-top: 20px;
}
@media only screen and (max-width: 769px) {
body.partner.meister .withPageNav #post .process .link {
margin-top: 15px;
}
}
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-size: 20px;
font-weight: bold;
color: #1571DA;
padding: 0;
margin: 0;
margin-top: 50px;
}
@media only screen and (max-width: 769px) {
body.partner.declaration .withPageNav #post h3 {
font-size: 20px;
}
}
@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;
}
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;
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;
}
body.partner.declaration .withPageNav #post .partnership .fig figure {
width: 222px;
position: absolute;
right: 17px;
top: 8px;
}
@media only screen and (max-width: 769px) {
body.partner.declaration .withPageNav #post .partnership .fig figure {
width: 270px;
}
}
@media only screen and (max-width: 769px) {
body.partner.declaration .withPageNav #post .partnership .fig figure {
margin-top: 30px;
}
}
body.partner.declaration .withPageNav #post .partnership .fig p {
margin-right: 258px;
}
body.partner.declaration .withPageNav #post .partnership .bg {
padding: 13px 24px 15px;
margin-right: 258px;
}
@media only screen and (max-width: 769px) {
body.partner.declaration .withPageNav #post .partnership .bg {
padding: 13px 16px 18px;
}
}
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;
}
}
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;
font-size: 22px;
}
body.recruit .careersArea .careers .infoArea h2, body.recruit.error .careersArea .careers .infoArea h2 {
border-bottom: 2px solid #222222;
font-size: 28px;
padding-bottom: 10px;
margin-top: 70px;
}
body.recruit .careersArea .careers .infoArea table, body.recruit.error .careersArea .careers .infoArea table {
width: 100%;
border-collapse: separate;
border-spacing: 4px 3px;
margin-top: 28px;
}
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;
width: 320px;
}
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;
padding: 16px 18px;
}
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;
}
body.recruit .careersArea .careers .infoArea table tr td .small, body.recruit.error .careersArea .careers .infoArea table tr td .small {
font-size: 14px;
}
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;
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;
}
body.recruit .careersArea .careers .formArea, body.recruit.error .careersArea .careers .formArea {
margin-top: 100px;
}
body.recruit.input .careersArea, body.recruit.error.input .careersArea {
padding: 138px 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;
padding: 30px 0;
}
body.recruit.input .careersArea .careers .formArea .notes, body.recruit.error.input .careersArea .careers .formArea .notes {
line-height: 2;
margin-top: 30px;
text-align: center;
}
body.recruit.complete .careersArea .careers .formArea, body.recruit.error.complete .careersArea .careers .formArea {
margin-top: 0;
}
body.contact .contactSelectArea {
padding-top: 55px;
}
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;
height: 67px;
font-size: 28px;
border-radius: 34px;
}
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;
padding: 100px 0;
}
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;
font-size: 45px;
margin-top: 12.5px;
}
body.contact.complete .text, body.recruit.complete .text {
line-height: 2;
padding: 50px 75px 0;
}
body.privacy .rulesArea {
padding-top: 55px;
}
body.privacy .rulesArea .rules h2 {
font-size: 28px;
font-weight: bold;
color: #004612;
padding-bottom: 10px;
margin-bottom: 60px;
color: #23923F;
font-size: 28px;
}
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;
}
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;
}
body.privacy .rulesArea .rules p, body.privacy .rulesArea .rules address {
line-height: 2;
margin-top: 50px;
}
body.search .resultArea .title {
color: #0B6F24;
text-align: center;
border-bottom: 2px solid #83B590;
padding: 100px 0 60px;
}
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;
font-size: 25px;
}
body.search .resultArea .title .jp {
font-weight: bold;
font-size: 45px;
margin-top: 12.5px;
}
body.search .resultArea .title p {
font-weight: bold;
color: #222222;
font-size: 28px;
margin-top: 63px;
}
body.search .resultArea .resultList {
margin-top: 63px;
}
body.search .resultArea .resultList > li:nth-of-type(n+2) {
margin-top: 40px;
}
body.search .resultArea .resultList > li h2 {
font-size: 1em;
font-weight: bold;
}
body.search .resultArea .resultList > li p {
line-height: 2;
margin-top: 5px;
}
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;
padding: 100px 0;
}
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;
font-size: 25px;
}
body.error .notfound .title .jp {
font-weight: bold;
font-size: 45px;
margin-top: 12.5px;
}
body.error .notfound .text {
line-height: 2;
padding: 50px 75px 0;
}
body.error .notfound .bg {
margin-top: 70px;
}
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;
width: 85%;
border-radius: 12px;
padding: 30px 40px;
}
body.error .notfound .bg p .emph {
font-weight: bold;
color: #004612;
}
_:-ms-fullscreen, :root body {
min-height: auto;
display: block;
}
_:-ms-fullscreen, :root main {
display: block;
}
_:-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;
}
_:-ms-fullscreen, :root body header .headerNav .navArea .searchArea form {
top: 50%;
transform: translateY(-50%);
}
*:-ms-input-placeholder {
color: #A8A8A8 !important;
}
_:-ms-fullscreen, :root body.gallery .achListArea .achList > li figure {
height: 200px;
}
_:-ms-fullscreen, :root body.gallery .achListArea .achList > li figure img {
width: 100%;
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
}
_:-ms-fullscreen, :root body.gallery.single .achievement .figArea .thums > li figure {
height: 70px;
}