@charset "UTF-8";

html {
font-size: 100%;
}
@media (max-width: 375px) {
html {
font-size: 4.2666666667vw;
}
}
@media screen and (min-width: 768px) {
html {
font-size: 1.4159292035vw;
}
}
@media (min-width: 1130px) {
html {
font-size: 100%;
}
}
body {
font-family: 'Noto Sans JP', 游ゴシック, YuGothic, メイリオ, Meiryo, sans-serif, Roboto, "Droid Sans";
color: #333;
}
@media screen and (min-width: 768px) {
a,
button {
-webkit-transition: 0.3s;
transition: 0.3s;
}
a:hover,
button:hover {
opacity: 0.7;
cursor: pointer;
}
} @media screen and (min-width: 601px){
.fadein {
opacity: 0.1;
transform: translate(0, 50px);
transition: all .5s;
}
.fadein.scrollin {
opacity: 1;
transform: translate(0, 0);
}
.delay-time02{
-moz-transition-delay: 400ms;
-webkit-transition-delay: 400ms;
-o-transition-delay: 400ms;
-ms-transition-delay: 400ms;
}
.delay-time03{
-moz-transition-delay: 600ms;
-webkit-transition-delay: 600ms;
-o-transition-delay: 600ms;
-ms-transition-delay: 600ms;
}
.delay-time04{
-moz-transition-delay: 800ms;
-webkit-transition-delay: 800ms;
-o-transition-delay: 800ms;
-ms-transition-delay: 800ms;
}
.delay-time05{
-moz-transition-delay: 1000ms;
-webkit-transition-delay: 1000ms;
-o-transition-delay: 1000ms;
-ms-transition-delay: 1000ms;
}
}  *,
*::before,
*::after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
} body,
h1,
h2,
h3,
h4,
p,
figure,
blockquote,
dl,
dd,
ul,
li {
margin: 0;
} ul,
ol {
list-style: none;
padding: 0;
} html:focus-within {
scroll-behavior: smooth;
} body {
min-height: 100vh;
text-rendering: optimizeSpeed;
line-height: 1.5;
} a:not([class]) {
text-decoration-skip-ink: auto;
}
a {
text-decoration: none;
color: inherit;
} img,
picture {
max-width: 100%;
display: block;
} input,
button,
textarea,
select {
font: inherit;
}
button {
border: none;
padding: 0;
background-color: transparent;
background-color: initial;
} @media (prefers-reduced-motion: reduce) {
html:focus-within {
scroll-behavior: auto;
}
*,
*::before,
*::after {
-webkit-animation-duration: 0.01ms !important;
animation-duration: 0.01ms !important;
-webkit-animation-iteration-count: 1 !important;
animation-iteration-count: 1 !important;
-webkit-transition-duration: 0.01ms !important;
transition-duration: 0.01ms !important;
scroll-behavior: auto !important;
}
}
.l-inner {
width: 100%;
padding-right: 1.25rem;
padding-left: 1.25rem;
margin-right: auto;
margin-left: auto;
}
@media screen and (min-width: 768px) {
.l-inner {
max-width: 1130px;
padding-right: 1.5625rem;
padding-left: 1.5625rem;
}
}
.c-about-item {
position: relative;
}
@media screen and (min-width: 600px) {
.c-about-item {
width: calc(50% - 0.78125rem);
}
}
@media screen and (min-width: 768px) {
.c-about-item {
width: calc(25% - 1.17188rem);
}
}
.c-about-item__image-container {
aspect-ratio: 320/240;
}
.c-about-item__image {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.c-about-item__text {
position: absolute;
top: 50%;
left: 50%;
color: #fff;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
font-size: 1.625rem;
white-space: nowrap;
}
.c-about-items--margin {
margin-top: 3.125rem;
}
.c-about-items__container {
width: 100%;
max-width: 84.6875rem;
margin: 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 1.5625rem 1.5625rem;
padding: 0 1.5625rem;
}
@media screen and (min-width: 768px) {
.c-about-items__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.c-about-item__circle {
position: absolute;
display: inline-block;
width: 3.125rem;
height: 3.125rem;
color: #fff;
bottom: 1.25rem;
right: 1.25rem;
border-radius: 50%;
border: 1px solid #fff;
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;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.c-about-item__circle::after {
content: "";
position: absolute;
top: 40%;
left: 37%;
width: 0.625rem;
height: 0.625rem;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.c-about {
display: block;
padding-top: 4rem;
padding-bottom: 6rem;
height: auto;
background-image: url(//www.moriyacl.co.jp/wp-content/themes/moriyahamono/masters-assets/images/silver-bg.jpg);
background-repeat: no-repeat;
background-size: cover;
position: relative;
z-index: 2;
}
.c-about__container {
position: relative;
}
.c-about__circles {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 0 1.25rem;
position: absolute;
top: -16.4375rem;
left: 50%;
-webkit-transform: translatex(-50%);
transform: translatex(-50%);
}
.c-about__container {
text-align: center;
}
.c-about__title {
font-weight: 700;
line-height: 1.45;
color: #05008D;
font-size: 1.75rem;
}
@media screen and (min-width: 768px) {
.c-about__title {
font-size: 2.5rem;
}
}
.c-about__body {
line-height: 2.2727272727;
font-size: 1rem;
}
@media screen and (min-width: 768px) {
.c-about__body {
margin-top: 3.125rem;
font-size: 1.375rem;
}
}
.c-about__link-container {
margin-top: 2.5rem;
}
@media screen and (min-width: 600px) {
.c-about__link-container {
margin-top: 4.375rem;
}
}
@media screen and (min-width: 768px) {
.c-about__link-container {
margin-top: 4.375rem;
}
}
.c-about__break {
display: block;
}
@media screen and (min-width: 768px) {
.c-about__break {
display: none;
}
}
.c-arrow-link {
position: relative;
display: inline-block;
padding-bottom: .8rem;
border-bottom: 2px solid #05008D;
color: #05008D;
font-size: 1.125rem;
font-weight: 500;
text-decoration: none;
-webkit-transition: 0.5s;
transition: 0.5s;
text-align: left;
padding-left: 1em;
padding-top: 10px;
min-width: 260px;
}
.c-arrow-link::after {
position: absolute;
content: "";
right: 0.625rem;
width: 0.5rem;
height: 0.5rem;
top: 50%;
-webkit-transform: translateY(-50%) rotate(45deg);
transform: translateY(-50%) rotate(45deg);
border-right: 2px solid #05008D;
border-top: 2px solid #05008D;
}
.c-arrow-link:hover,
.other-news__link > a:hover,
.single-pager > a:hover{
opacity: 1;
text-decoration: none;
background: #05008D;
color: #fff;
}
.c-arrow-link:hover::after,
.other-news__link > a:hover::after,
.single-pager > a:hover::before{
border-right: 2px solid #fff;
border-top: 2px solid #fff;
}
.c-arrow-link--white {
color: #fff;
border-bottom: 2px solid #fff;
}
.c-arrow-link--white::after {
content: "";
color: #fff;
border-right: 2px solid #fff;
border-top: 2px solid #fff;
}
.c-arrow-link--white:hover{
background: #fff;
color: #05008D;
}
.c-arrow-link--white:hover::after{
border-right: 2px solid #05008D;
border-top: 2px solid #05008D;
}
.c-breadcrumb--margin {
padding-top: 1.625rem;
padding-bottom: 1.625rem;
}
.c-breadcrumb__container {
width: 100%;
margin: 0 auto;
font-size: 1rem;
padding-left: 1rem;
}
@media screen and (min-width: 768px) {
.c-breadcrumb__container {
max-width: 78.5rem;
font-size: 1.125rem;
}
}
.c-calendar-link {
background-color: #05008D;
padding: 2.625rem 5.125rem;
position: relative;
overflow: hidden;
border: 1px solid #fff;
}
.link--hover-flash{
position: relative;
overflow: hidden;
}
.c-calendar-link::before,
.link--hover-flash::before {
position: absolute;
top: 0;
left: -75%;
z-index: 2;
display: block;
content: "";
width: 50%;
height: 100%;
background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, .3)));
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
-webkit-transform: skewX(-25deg);
transform: skewX(-25deg);
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.c-calendar-link:hover,
.link--hover-flash:hover {
text-decoration: none;
opacity: 1;
}
.c-calendar-link:hover::before,
.link--hover-flash:hover::before {
position: absolute;
left: 80%;
text-decoration: none;
opacity: 1;
}
.c-calendar-link::after {
position: absolute;
content: "";
top: 3.75rem;
right: 1.875rem;
width: 0.8125rem;
height: 0.8125rem;
-webkit-transform: translateY(-50%) rotate(45deg);
transform: translateY(-50%) rotate(45deg);
border-right: 2px solid #fff;
border-top: 2px solid #fff;
}
.c-calendar-link__title {
color: #fff;
text-align: center;
font-size: 1.375rem;
font-weight: 500;
}
.c-calendar-links {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 1.25rem 0;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media screen and (min-width: 768px) {
.c-calendar-links {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
gap: 0 4.375rem;
}
}
.c-calendar-links--margin {
margin-top: 3.25rem;
}
@media screen and (min-width: 768px) {
.c-calendar-links--margin {
margin-top: 50;
}
}
.c-calendar {
display: block;
background-image: url(//www.moriyacl.co.jp/wp-content/themes/moriyahamono/masters-assets/images/calendar-bg.jpg);
background-repeat: no-repeat;
background-size: cover;
}
.c-column-card__image img {
margin: auto;
}
.c-column-card__title {
font-size: 1.25rem;
font-weight: 700;
color: #05008D;
line-height: 1.8;
letter-spacing: 0.2em;
}
.c-column-card__message {
border-top: 1px solid #888888;
padding-top: 0.625rem;
}
.c-column-cards {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 1.875rem 0;
}
@media screen and (min-width: 768px) {
.c-column-cards {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
gap: 0 1.875rem;
}
}
.c-column-cards--margin {
margin-top: 3.125rem;
}
@media screen and (min-width: 768px) {
.c-column-cards--margin {
margin-top: 4.0625rem;
}
}
.c-column {
position: relative;
overflow-x: hidden;
}
.c-contact-message {
font-family: YuMincho, "Yu Mincho", serif;
color: #fff;
font-size: 2.5rem;
text-align: center;
}
@media screen and (min-width: 768px) {
.c-contact-message {
font-size: 3.75rem;
text-align: right;
}
}
.c-contact-message span {
background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, transparent), color-stop(20%, #05008D));
background: linear-gradient(transparent 20%, #05008D 20%);
padding: 0 1.25rem;
}
.c-contact {
display: block;
min-height: 37.5rem;
background-image: url(//www.moriyacl.co.jp/wp-content/themes/moriyahamono/masters-assets/images/contact-bg.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.c-contact__container {
position: relative;
}
@media screen and (min-width: 768px) {
.c-contact__container {
position: static;
}
}
.c-contact__img {
aspect-ratio: 1600/600;
}
.c-contact__img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.c-drawer-icon {
position: absolute;
width: 1.5rem;
height: 0.8125rem;
top: 1.125rem;
right: 1.4375rem;
z-index: 200;
}
@media screen and (min-width: 768px) {
.c-drawer-icon {
display: none;
}
}
.c-drawer-icon span {
width: 1.5rem;
height: 0.125rem;
background-color: #fff;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.c-drawer-icon span:nth-child(1) {
position: absolute;
top: 0;
right: 0;
}
.c-drawer-icon span:nth-child(2) {
position: absolute;
top: 0.40625rem;
right: 0;
}
.c-drawer-icon span:nth-child(3) {
position: absolute;
top: 0.8125rem;
right: 0;
}
.c-drawer-icon.is-open span:nth-child(1) {
top: 0.375rem;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.c-drawer-icon.is-open span:nth-child(2) {
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
opacity: 0;
}
.c-drawer-icon.is-open span:nth-child(3) {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
top: 0.375rem;
}
@media screen and (min-width: 600px) {
.c-example-card {
width: calc(50% - 0.78125rem);
}
}
@media screen and (min-width: 768px) {
.c-example-card {
text-align: center;
width: calc(25% - 1.17188rem);
}
}
.c-example-card--margin:not(:first-child) {
margin-top: 1.5625rem;
}
@media screen and (min-width: 600px) {
.c-example-card--margin:not(:first-child) {
margin-top: 0;
}
}
@media screen and (min-width: 768px) {
.c-example-card--margin:not(:first-child) {
margin-top: 0;
}
}
@media screen and (min-width: 600px) {
.c-example-card--margin:not(:nth-child(2n+1)) {
margin-left: 1.5625rem;
}
}
@media screen and (min-width: 768px) {
.c-example-card--margin:not(:nth-child(2n+1)) {
margin-left: 0;
}
}
@media screen and (min-width: 600px) {
.c-example-card--margin:nth-child(n+3) {
margin-top: 1.5625rem;
}
}
@media screen and (min-width: 768px) {
.c-example-card--margin:nth-child(n+3) {
margin-top: 0;
}
}
@media screen and (min-width: 768px) {
.c-example-card--margin:not(:nth-child(4n+1)) {
margin-left: 1.5625rem;
}
}
@media screen and (min-width: 768px) {
.c-example-card--margin:nth-child(n+5) {
margin-top: 1.5625rem;
}
}
.c-example-card__row {
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-align: center;
-ms-flex-align: center;
align-items: center;
border-bottom: 0.5px solid #fff;
padding-top: 0.75rem;
padding-bottom: 0.75rem;
}
@media screen and (min-width: 768px) {
.c-example-card__row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-bottom: 0.5px solid #fff;
padding-top: 0.75rem;
padding-bottom: 0.75rem;
}
}
.c-example-card__image {
aspect-ratio: 320/213;
overflow: hidden;
}
.c-example-card__image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-webkit-transition: 1s all;
transition: 1s all;
}
.c-example-card__row-title {
white-space: nowrap;
}
@media screen and (min-width: 768px) {
.c-example-card__row-title {
width: 5.125rem;
}
}
.c-example-card__row-body {
font-size: 0.875rem;
}
@media screen and (min-width: 768px) {
.c-example-card__row-body {
margin-left: 1.5rem;
}
}
.c-example-card__title {
text-align: center;
font-size: 24px;
margin-top: 15px;
margin-bottom: 5px;
}
.c-example-cards__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
@media screen and (min-width: 600px) {
.c-example-cards__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
@media screen and (min-width: 768px) {
.c-example-cards__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
max-width: 84.6875rem;
margin: 0 auto;
}
}
.c-example-cards--white {
color: #fff;
margin-top: 3.125rem;
}
@media screen and (min-width: 768px) {
.c-example-cards--white {
margin-top: 4.375rem;
}
}
.c-example-cards__link {
text-align: center;
}
.c-example {
display: block;
min-height: 47.5rem;
background-image: url(//www.moriyacl.co.jp/wp-content/themes/moriyahamono/masters-assets/images/example-bg.jpg);
background-repeat: no-repeat;
background-size: cover;
}
@media screen and (min-width: 768px) {
.c-example {
display: block;
min-height: 47.5rem;
background-image: url(//www.moriyacl.co.jp/wp-content/themes/moriyahamono/masters-assets/images/example-bg.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
}
.c-example__link-container {
text-align: center;
margin-top: 3.125rem;
}
@media screen and (min-width: 768px) {
.c-example__link-container {
margin-top: 4.375rem;
}
}
.c-flow-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
@media screen and (min-width: 768px) {
.c-flow-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
}
.c-flow-row--margin {
margin-top: 1.875rem;
}
@media screen and (min-width: 768px) {
.c-flow-row--margin {
margin-top: 3.125rem;
}
}
.c-flow-row__title {
background-color: #05008D;
color: #fff;
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: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
min-height: 8.125rem;
}
@media screen and (min-width: 768px) {
.c-flow-row__title {
min-height: 17.5rem;
width: 29.6296296296%;
}
}
.c-flow-row__title-number {
text-align: center;
font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;;
font-size: 2rem;
border-bottom: 5px solid #fff;
line-height: 1.3;
}
@media screen and (min-width: 768px) {
.c-flow-row__title-number {
font-size: 3rem;
}
}
.c-flow-row__title-text {
text-align: center;
margin-top: 0.5rem;
font-size: 1.125rem;
}
@media screen and (min-width: 768px) {
.c-flow-row__title-text {
font-size: 1.375rem;
line-height: 1.6363636364;
letter-spacing: 0.22em;
margin-top: 0.9375rem;
}
}
.c-flow-row__message {
background-color: #fff;
text-align: center;
padding: 1.25rem;
}
@media screen and (min-width: 768px) {
.c-flow-row__message {
padding: 5.5rem 9.125rem 0rem 5.5rem;
font-size: 1.125rem;
font-weight: 700;
text-align: left;
width: 70.3703703704%;
}
}
.c-flow-rows {
position: relative;
width: 60%;
min-width: 21.875rem;
margin: 0 auto;
}
@media screen and (min-width: 768px) {
.c-flow-rows {
width: 100%;
max-width: 67.5rem;
margin: 0 auto;
}
}
.c-flow-rows::after {
content: "";
position: absolute;
width: 0.625rem;
height: 87.5rem;
top: 15.625rem;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
background-color: #05008D;
z-index: -1;
}
@media screen and (min-width: 768px) {
.c-flow-rows::after {
content: "";
position: absolute;
width: 0.625rem;
height: 93.75rem;
background-color: #05008D;
top: 13.75rem;
left: 9.625rem;
z-index: -1;
}
}
.c-flow {
position: relative;
overflow: hidden;
padding-bottom: 6.25rem;
}
@media screen and (min-width: 768px) {
.c-flow {
padding-bottom: 10.6875rem;
}
}
@media screen and (min-width: 768px) {
.c-flow::before {
content: "";
position: absolute;
display: block;
background-image: url(//www.moriyacl.co.jp/wp-content/themes/moriyahamono/masters-assets/images/ill-03.png);
background-repeat: no-repeat;
background-size: cover;
width: 37.6875rem;
height: 53.3125rem;
top: 92.5rem;
left: -3.375rem;
overflow-x: hidden;
opacity: 1;
z-index: -2;
}
}
.c-flow::after {
content: "";
position: absolute;
display: block;
background-image: url(//www.moriyacl.co.jp/wp-content/themes/moriyahamono/masters-assets/images/ill-02-04.png);
background-repeat: no-repeat;
background-size: cover;
width: 47.3125rem;
height: 73.5625rem;
top: 20.1875rem;
right: -14.625rem;
z-index: -3;
}
.c-flow__container {
position: relative;
padding-top: 2.5rem;
padding-bottom: 2.5rem;
width: 100%;
max-width: 78.75rem;
margin: 0 auto;
background-image: url(//www.moriyacl.co.jp/wp-content/themes/moriyahamono/masters-assets/images/flow-bg.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
z-index: -2;
}
@media screen and (min-width: 768px) {
.c-flow__container {
padding-top: 4.5rem;
padding-bottom: 4.75rem;
}
}
.c-footer__upper {
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-align: center;
-ms-flex-align: center;
align-items: center;
gap: 2.5rem 0;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media screen and (min-width: 768px) {
.c-footer__upper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
.c-footer__links {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 2.5rem 0;
width: 70%;
}
@media screen and (min-width: 768px) {
.c-footer__links {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
gap: 0 2rem;
}
}
.c-footer__link-container {
width: 31%;
}
.c-footer__link-container a {
width: 100%;
min-width: auto;
}
.c-footer__container {
padding-top: 3.125rem;
text-align: center;
}
.c-footer-copyright {
color: #fff;
display: inline-block;
padding-bottom: 0.75rem;
}
.c-footer-copyright--margin {
margin-top: 4.75rem;
}
.c-header-contact {
font-weight: 700;
background-color: #333;
height: inherit;
display: block;
}
.c-header-link {
white-space: nowrap;
}
.c-header-links .c-header-link {
border-bottom: 1px solid transparent;
padding-bottom: 3px;
}
.c-header-links .c-header-link:hover {
border-color: #fff;
text-decoration: none;
opacity: 1;
}
.c-header-link--grinding-more {
display: none;
position: absolute;
width: 16.875rem;
border: 1px solid #fff;
}
.c-header-link--grinding-more-list {
border-bottom: 1px solid #fff;
}
.c-header-link--grinding-more-list:last-child{
border-bottom: none;
}
.c-header-link--grinding-more-list a,
.c-header-link--grinding-more-list span {
display: block;
background: #05008D;
padding: 0.625rem 0 0.625rem 1em;
}
.c-header-links {
display: none;
}
@media screen and (min-width: 768px) {
.c-header-links {
font-size: 0.875rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
gap: 0.1875rem 3.5em;
}
}
.c-header-links a:hover{
color: #fff;
}
.c-header-link--grinding-more-list a:hover{
text-decoration: none;
opacity: 1;
background: #fff;
color: #05008D;
}
.child-navi {
position: relative;
}
.menu-third-level {
display: none;
position: absolute;
top: 0;
left: 270px;
width: 16.875rem;
border: 1px solid #fff;
}
.c-header-splink--grinding-more {
display: none;
position: absolute;
width: 18.75rem;
background: #05008D;
border: 1px solid #fff;
}
.c-header-splink--grinding-more-list {
border: 1px solid #fff;
padding: 0.625rem 0 0.625rem 1em;
white-space: nowrap;
}
.c-header-splinks {
position: absolute;
background-color: #05008D;
width: 100%;
height: 100vh;
top: 0;
left: 0;
right: 0;
-webkit-transform: translateX(100%);
transform: translateX(100%);
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
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-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 1.75rem;
overflow: scroll; -ms-overflow-style: none; scrollbar-width: none;
}
@media screen and (min-width: 768px) {
.c-header-splinks {
display: none;
}
} .c-header-splinks::-webkit-scrollbar {
display: none;
}
.c-header-splinks.is-open {
-webkit-transform: translateX(0);
transform: translateX(0);
}
.c-header-splinks__list + .c-header-splinks__list {
margin-top: 2rem;
}
.c-header {
position: fixed;
top: 0;
left: 0;
right: 0;
width: 100%;
background: -webkit-gradient(linear, left top, right top, from(rgb(5, 0, 141)), to(rgb(3, 0, 71)));
background: linear-gradient(90deg, rgb(5, 0, 141) 0%, rgb(3, 0, 71) 100%);
color: #fff;
z-index: 100;
height: 70px;
}
.c-header__container {
width: 100%;
margin: 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-left: 1.25rem;
}
@media screen and (min-width: 768px) {
.c-header__container {
padding-left: 1.5625rem;
}
}
.c-industry-link {
display: inline-block;
background-color: #fff;
width: 100%;
max-width: 18.75rem;
letter-spacing: 0.24em;
text-align: center;
padding: 1.625rem 0;
line-height: 1;
font-weight: 500;
}
@media screen and (min-width: 600px) {
.c-industry-link {
width: calc(50% - 0.625rem);
}
}
@media screen and (min-width: 768px) {
.c-industry-link {
width: calc(25% - 0.9375rem);
font-size: 1.5rem;
}
}
.c-industry-link:hover {
color: #fff;
}
@media screen and (min-width: 600px) {
.c-industry-link--margin:not(:nth-child(2n+1)) {
margin-left: 1.25rem;
}
}
@media screen and (min-width: 768px) {
.c-industry-link--margin:not(:nth-child(2n+1)) {
margin-left: 0;
}
}
@media screen and (min-width: 600px) {
.c-industry-link--margin:nth-child(n+3) {
margin-top: 1.875rem;
}
}
@media screen and (min-width: 768px) {
.c-industry-link--margin:nth-child(n+3) {
margin-top: 0;
}
}
@media screen and (min-width: 768px) {
.c-industry-link--margin:not(:nth-child(4n+1)) {
margin-left: 1.25rem;
}
}
@media screen and (min-width: 768px) {
.c-industry-link--margin:nth-child(n+5) {
margin-top: 1.875rem;
}
}
.c-industry-link__text {
color: #05008D;
}
.c-industry-links--margin {
margin-top: 3rem;
}
.c-industry-links__container {
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-align: center;
-ms-flex-align: center;
align-items: center;
gap: 1.25rem 0;
margin: 0 auto;
padding: 1.25rem 0;
}
@media screen and (min-width: 600px) {
.c-industry-links__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 0;
padding: 0 1.25rem;
}
}
@media screen and (min-width: 768px) {
.c-industry-links__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
max-width: 78.75rem;
}
}
.c-industry-message {
color: #fff;
text-align: center;
margin-top: 1.5625rem;
}
.c-label {
display: inline-block;
padding: 0.5625rem 1.375rem;
letter-spacing: 0.16em;
border: 1px solid #05008D;
border-radius: 0.3125rem;
line-height: 1;
}
.c-label--white {
color: #05008D;
background-color: #fff;
}
.c-label--blue {
color: #fff;
background-color: #05008D;
margin-top: 0.8125rem;
}
.c-logo-site-name__name {
color: #fff;
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;
}
.c-logo-site-name__link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
min-width: 19.375rem;
}
.c-logo-site-name__title {
font-family: "851ゴチカクット";
font-size: 1.875rem;
font-weight: 400;
line-height: 1.1666666667;
}
.c-logo-site-name__sub {
font-size: 0.875rem;
margin-top: -0.75rem;
margin-left: 0.625rem;
}
.top-mv {
display: flex;
}
.top-mv__img:not(:first-child) {
margin-left: calc((100vw / 4) - 32%);
}
.top-mv__img img {
filter: grayscale(100%);
} @media screen and (min-width: 768px){
.top-mv__img {
transform: translateX(100vw);
}
.js--top-animation.active .top-mv__img {
animation-name: sideScrollIn;
animation-fill-mode: forwards;
animation-duration: 1s;
animation-timing-function: ease-in-out;
}
.js--top-animation.active .img-mv2{
animation-delay: .2s;
}
.js--top-animation.active .img-mv3{
animation-delay: .4s;
animation-duration: 1.1s;
}
.js--top-animation.active .img-mv4{
animation-delay: .6s;
animation-duration: 1.1s;
}
.top-mv__catchcopy,
body > .c-main-visual__products {
opacity: 0;
transform: translate(-50%, 50%);
}
.js--top-animation.active .top-mv__catchcopy{
animation-name: txtFadeUp;
animation-fill-mode: forwards;
animation-duration: 1s;
animation-delay: 1.5s;
animation-timing-function: ease-in-out;
}
.js--top-animation.active + .c-main-visual__products{
animation-name: txtFadeUp;
animation-fill-mode: forwards;
animation-duration: 1s;
animation-delay: 1.5s;
animation-timing-function: ease-in-out;
}
.c-about__circles{
opacity: 0;
}
.js--top-animation.active.c-about__circles{
animation-name: txtFadeIn;
animation-fill-mode: forwards;
animation-duration: .5s;
animation-delay: 2.5s;
animation-timing-function: ease-out;
}
@keyframes sideScrollIn {
from {
transform: translateX(100vw);
}
to {
transform: translateX(0);
}
}
@keyframes txtFadeUp {
from {
opacity: 0;
transform: translate(-50%, 50%);
}
to {
opacity: 1;
transform: translate(-50%, 0);
}
}
@keyframes txtFadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
} .c-main-visual__container {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
@media screen and (min-width: 768px) {
.c-main-visual__container {
top: 35%;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
}
.c-main-visual__message {
font-family: YuMincho, "Yu Mincho", serif;
color: #fff;
font-size: 1.875rem;
}
@media screen and (min-width: 600px) {
.c-main-visual__message {
font-size: 2.25rem;
}
}
@media screen and (min-width: 768px) {
.c-main-visual__message {
font-size: 3.75rem;
}
}
.c-main-visual__message span {
background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, transparent), color-stop(20%, #05008D));
background: linear-gradient(transparent 20%, #05008D 20%);
padding: 0 1.25rem;
}
.c-main-visual__message:first-child {
text-align: center;
}
@media screen and (min-width: 768px) {
.c-main-visual__message:first-child {
text-align: left;
}
}
@media screen and (min-width: 600px) {
.c-material-link {
width: calc(50% - 0.625rem);
}
}
@media screen and (min-width: 768px) {
.c-material-link {
width: calc(25% - 0.9375rem);
}
}
@media screen and (min-width: 600px) {
.c-material-link--margin:not(:nth-child(2n+1)) {
margin-left: 1.25rem;
}
}
@media screen and (min-width: 768px) {
.c-material-link--margin:not(:nth-child(2n+1)) {
margin-left: 0;
}
}
@media screen and (min-width: 600px) {
.c-material-link--margin:nth-child(n+3) {
margin-top: 3.4375rem;
}
}
@media screen and (min-width: 768px) {
.c-material-link--margin:nth-child(n+3) {
margin-top: 0;
}
}
@media screen and (min-width: 768px) {
.c-material-link--margin:not(:nth-child(4n+1)) {
margin-left: 1.25rem;
}
}
@media screen and (min-width: 768px) {
.c-material-link--margin:nth-child(n+5) {
margin-top: 3.4375rem;
}
}
.c-material-link__image {
aspect-ratio: 300/200;
}
.c-material-link__image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
margin: 0 auto;
}
.c-material-links__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 0 1.25rem;
gap: 1.25rem 0;
margin-top: 3.125rem;
}
@media screen and (min-width: 600px) {
.c-material-links__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
@media screen and (min-width: 768px) {
.c-material-links__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
max-width: 78.75rem;
margin: 0 auto;
gap: 0;
margin-top: 4.375rem;
padding: 0 1.5625rem;
}
}
.c-material-link__title {
color: #fff;
text-align: center;
margin-top: 0.625rem;
}
.c-material {
position: relative;
overflow: hidden;
z-index: -2;
}
.c-material::before {
content: "";
position: absolute;
display: block;
background-image: url(//www.moriyacl.co.jp/wp-content/themes/moriyahamono/masters-assets/images/material-ill-01.png);
width: 120rem;
height: 82.875rem;
top: -2.1875rem;
left: -10.3125rem;
z-index: -1;
opacity: 0.1;
}
.c-negotiations-contact {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.c-negotiations-contact--header {
display: none;
}
@media screen and (min-width: 768px) {
.c-negotiations-contact--header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
.c-negotiations-contact__nego-link {
font-weight: 700;
text-align: center;
background-color: #BCFF00;
color: #05008D;
padding: 0.8125rem 1.8rem;
display: block;
width: 100%;
}
.c-negotiations-contact__nego-link:hover{
color: #05008D;
}
.c-negotiations-contact__nego-link span {
display: block;
}
.c-negotiations-contact__online {
font-size: 1.1rem;
white-space: nowrap;
line-height: 1.3125;
}
.c-negotiations-contact__application {
font-size: 0.8125rem;
line-height: 1.3076923077;
margin-top: 0.3125rem;
}
.c-negotiations-contact__contact-link {
padding: 1.4375rem 2.625rem;
background-color: #333;
color: #fff;
white-space: nowrap;
font-weight: 700;
}
.c-negotiations-contact__contact-link:hover{
color: #fff;
}
.c-negotiations-contact--contact {
max-width: 550px;
margin: 0 40px 0 auto;
margin-top: 6.25rem;
}
.c-negotiations-contact__other-link,
.c-negotiations-contact__nego-link--for-contact {
padding: 1.5rem 2rem 1.375rem 2rem;
min-width: 16.25rem;
}
@media screen and (min-width: 768px) {
.c-negotiations-contact__other-link,
.c-negotiations-contact__nego-link--for-contact {
padding: 1.5rem 2rem 1.375rem 2rem;
min-width: 20.4375rem;
}
}
.c-negotiations-contact__online--for-contact {
font-size: 1rem;
}
@media screen and (min-width: 768px) {
.c-negotiations-contact__online--for-contact {
font-size: 1.5rem;
}
}
.c-negotiations-contact__application--for-contact {
font-size: 0.875rem;
}
@media screen and (min-width: 768px) {
.c-negotiations-contact__application--for-contact {
font-size: 1.3125rem;
}
}
.c-negotiations-contact__contact-link--for-contact {
font-size: 1.125rem;
min-width: 16.25rem;
padding: 2rem 2.5rem 2rem 2.5rem;
text-align: center;
}
@media screen and (min-width: 768px) {
.c-negotiations-contact__contact-link--for-contact {
min-width: 20.4375rem;
font-size: 1.5rem;
padding: 2.25rem 3.5rem 2.5625rem 3.5rem;
}
}
.c-news-row {
display: block;
border-bottom: 1px solid #AFAEC7;
padding: 0 3.5625rem 1.6875rem 3.5625rem;
text-decoration: none;
}
@media screen and (min-width: 768px) {
.c-news-row {
padding: 0 3.5625rem;
}
}
.c-news-row:hover {
opacity: 1;
text-decoration: none;
}
.c-news-row:first-child {
display: block;
border-top: 1px solid #AFAEC7;
border-bottom: 1px solid #AFAEC7;
}
.c-news-row__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
}
@media screen and (min-width: 768px) {
.c-news-row__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
max-width: 67.5rem;
margin: 0 auto;
padding: 0 3.5625rem;
position: relative;
}
}
.c-news-row__container::after {
position: absolute;
content: "";
top: 3.375rem;
right: 0rem;
width: 0.625rem;
height: 0.625rem;
border-top: 2px solid #333;
border-right: 2px solid #333;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
@media screen and (min-width: 768px) {
.c-news-row__container::after {
position: absolute;
content: "";
top: 3.125rem;
right: 3.125rem;
width: 0.625rem;
height: 0.625rem;
border-top: 2px solid #333;
border-right: 2px solid #333;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
}
.c-news-row__meta {
color: #05008D;
min-width: 14rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-top: 1.6875rem;
padding-bottom: 1.5rem;
}
.c-news-row__date {
font-size: 0.8125rem;
text-align: center;
}
.c-news-row__date-day {
display: block;
font-family: robot;
font-size: 3rem;
line-height: 1;
font-weight: 700;
}
.c-news-row__label {
margin-left: 2.375rem;
text-decoration: none;
}
@media screen and (min-width: 600px) {
.c-news-row__body {
margin-left: 0;
}
}
@media screen and (min-width: 768px) {
.c-news-row__body {
margin-left: 1.5rem;
padding-right: 1.25rem;
}
}
.c-news-row__body{
font-size: 18px;
font-weight: 500;
}
.c-news-rows--margin {
margin-top: 3.125rem;
}
.c-news {
position: relative;
}
.c-news::after {
content: "";
position: absolute;
display: block;
background-image: url(//www.moriyacl.co.jp/wp-content/themes/moriyahamono/masters-assets/images/ill-02.png);
width: 43.3125rem;
height: 36.1875rem;
top: -4.0625rem;
right: -11.5rem;
overflow-x: hidden;
z-index: -1;
}
.c-news__container {
margin-top: 4.125rem;
margin-bottom: 3.125rem;
text-align: center;
}
.c-problem-case {
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-align: center;
-ms-flex-align: center;
align-items: center;
}
@media screen and (min-width: 768px) {
.c-problem-case {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 0 2.5rem;
}
}
.c-problem-case--margin-top:not(:first-child) {
margin-top: 3.125rem;
}
.c-problem-cases__container {
margin-top: 4.375rem;
}
.c-problem-problem {
background-color: #E7E7E7;
color: #05008D;
padding: 3.4375rem 1.5625rem 1.25rem;
min-height: 15rem;
width: 100%;
}
@media screen and (min-width: 768px) {
.c-problem-problem {
width: 45.3703703704%;
}
}
.c-problem-problem__case-header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-bottom: 2px solid #05008D;
padding-bottom: 2.1875rem;
position: relative;
}
.c-problem-problem__case-number {
font-size: 1.875rem;
font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;;
font-weight: 400;
line-height: 1;
}
.c-problem-problem__case-title {
font-size: 1.625rem;
letter-spacing: 0.26em;
line-height: 1;
text-align: center;
padding-left: 0.3125rem;
}
.c-problem-problem__case-body {
text-align: center;
padding-top: 0.9375rem;
font-size: 1.125rem;
line-height: 1.6666666667;
}
.c-problem-problem__case-image {
position: absolute;
right: -0.5rem;
bottom: -0.125rem;
}
.c-problem-problem__triangle {
rotate: 90deg;
}
@media screen and (min-width: 768px) {
.c-problem-problem__triangle {
rotate: 0deg;
}
}
.c-problem-solution {
background-color: #05008D;
color: #fff;
padding: 1.5625rem 2.1875rem 2.0625rem;
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;
min-height: 15rem;
}
@media screen and (min-width: 768px) {
.c-problem-solution {
width: 45.3703703704%;
}
}
.c-problem-solution__title {
text-align: center;
font-size: 1.625rem;
font-weight: 500;
letter-spacing: 0.26em;
}
.c-problem-solution__body {
text-align: center;
font-size: 1.125rem;
line-height: 1.6666666667;
letter-spacing: 0.1em;
padding-top: 1.4375rem;
}
.c-problem-solution__link-container {
text-align: right;
}
.c-problem-solution__link {
text-decoration: underline;
}
.c-processing-consistency-sub-title {
font-weight: 700;
font-size: 1.25rem;
}
@media screen and (min-width: 768px) {
.c-processing-consistency-sub-title {
font-size: 1.375rem;
}
}
.c-processing-consistency-sub-title--margin {
margin-top: 3.125rem;
}
.c-processing-plane-sub-title {
font-weight: 700;
}
@media screen and (min-width: 768px) {
.c-processing-plane-sub-title {
font-size: 1.375rem;
}
}
.c-processing-plane-sub-title--margin {
margin-top: 1.25rem;
}
@media screen and (min-width: 768px) {
.c-processing-plane-sub-title--margin {
margin-top: 3.125rem;
}
}
.c-processing-problem__message {
font-weight: 700;
font-size: 1.25rem;
}
@media screen and (min-width: 768px) {
.c-processing-problem__message {
font-size: 1.375rem;
}
}
.c-processing-problem__message--margin {
margin-top: 1.25rem;
}
@media screen and (min-width: 768px) {
.c-processing-problem__message--margin {
margin-top: 3.125rem;
}
}
.c-processing-problem__message-lists {
font-weight: 700;
line-height: 2;
}
.c-processing-roll-sub-title {
font-weight: 700;
}
@media screen and (min-width: 768px) {
.c-processing-roll-sub-title {
font-size: 1.375rem;
}
}
.c-processing-roll-sub-title--margin {
margin-top: 1.25rem;
}
@media screen and (min-width: 768px) {
.c-processing-roll-sub-title--margin {
margin-top: 3.125rem;
}
}
.c-processing-sub-title {
color: #05008D;
text-align: center;
}
@media screen and (min-width: 768px) {
.c-processing-sub-title {
font-size: 1.875rem;
text-align: left;
}
}
.c-processing-thinplate-sub-title {
font-weight: 700;
text-align: center;
}
@media screen and (min-width: 768px) {
.c-processing-thinplate-sub-title {
font-size: 1.375rem;
text-align: left;
}
}
@media screen and (min-width: 768px) {
.c-processing-thinplate-sub-title--margin {
margin-top: 3.125rem;
}
}
.c-reason {
position: relative;
overflow: hidden;
padding-top: 4.625rem;
}
@media screen and (min-width: 768px) {
.c-reason::before {
content: "";
position: absolute;
display: block;
background-image: url(//www.moriyacl.co.jp/wp-content/themes/moriyahamono/masters-assets/images/ill-03.png);
background-repeat: no-repeat;
background-size: cover;
width: 37.6875rem;
height: 53.3125rem;
top: 69.4375rem;
left: -3.375rem;
z-index: -2;
}
}
.c-reason::after {
content: "";
position: absolute;
display: block;
background-image: url(//www.moriyacl.co.jp/wp-content/themes/moriyahamono/masters-assets/images/ill-02-04.png);
background-repeat: no-repeat;
background-size: cover;
width: 47.3125rem;
height: 73.5625rem;
top: -2.125rem;
right: -14.75rem;
z-index: -2;
}
.c-reason-card:nth-child(odd) {
background: -webkit-gradient(linear, left top, right top, from(rgb(246, 246, 246)), to(rgb(233, 233, 233)));
background: linear-gradient(90deg, rgb(246, 246, 246) 0%, rgb(233, 233, 233) 100%);
}
.c-reason-card__container {
padding: 30px;
}
.c-reason-card__title {
text-align: center;
font-weight: 700;
font-size: 1rem;
}
@media screen and (min-width: 768px) {
.c-reason-card__title {
font-size: 1.5rem;
text-align: left;
}
}
.c-reason-card__body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-top: 1rem;
}
@media screen and (min-width: 768px) {
.c-reason-card__body {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
gap: 2.25rem;
margin-top: 1.125rem;
}
}
.c-reason-card__img {
aspect-ratio: 360/240;
width: 100%;
}
@media screen and (min-width: 768px) {
.c-reason-card__img {
width: 33.3333333333%;
}
}
.c-reason-card__img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
@media screen and (min-width: 768px) {
.c-reason-card__text {
width: 61.6795366795%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
line-height: 2;
}
}
.c-reason-card__text-body {
font-size: 1rem;
margin-bottom: 10px;
}
@media screen and (min-width: 600px) {
.c-reason-card__text-body {
font-size: 1.125rem;
}
}
@media screen and (min-width: 768px) {
.c-reason-card__text-body {
font-size: 1.125rem;
}
}
.c-reason-card__text-link {
text-align: right;
margin-top: auto;
}
.c-reason-cards--margin {
margin-top: 50px;
}
.c-reason-intro {
background-image: url(//www.moriyacl.co.jp/wp-content/themes/moriyahamono/masters-assets/images/reason-intro-bg.jpg);
height: auto;
position: relative;
}
.c-reason-intro__header {
padding-top: 2.5rem;
color: #05008D;
font-size: 2.5rem;
text-align: center;
}
.c-reason-intro__message {
margin-top: 54px;
font-size: 18px;
font-weight: bold;
line-height: 2;
}
.c-reason-tab {
text-align: center;
color: #D6D6D6;
width: 25%;
font-size: 0.875rem;
background-color: #e6e6ff;
border-right: 2px solid #fff;
}
.c-reason-tab:last-child {
border-right: none;
}
.c-reason-tab__link {
display: block;
height: 110px;
padding: 15px;
color: #333;
}
@media screen and (min-width: 600px) {
.c-reason-tab {
font-size: 1rem;
}
}
@media screen and (min-width: 768px) {
.c-reason-tab {
font-size: 1.125rem;
}
}
.c-reason-tab__title-number {
font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;;
}
.c-reason-tab__title-header {
font-weight: 700;
}
.c-reason-tab__title-header--not-first {
padding-top: 1em;
}
.c-reason-tab.js-tab-active .c-reason-tab__title-number {
color: #05008D;
}
.c-reason-tab.js-tab-active .c-reason-tab__title-header {
color: #333;
}
.c-reason-tab.js-tab-active {background-color: #05008d;}
.c-reason-tab.js-tab-active .c-reason-tab__title-number, .c-reason-tab.js-tab-active .c-reason-tab__title-header {
color: #fff;
}
.c-reason-bodies {
display: none;
}
.c-reason-bodies.js-tab-active {
display: block;
}
.c-reason-tabs {
position: relative;
}
.c-reason-tabs::after {
content: "";
position: absolute;
display: block;
background-image: url(//www.moriyacl.co.jp/wp-content/themes/moriyahamono/masters-assets/images/ill-01.png);
background-repeat: no-repeat;
background-size: cover;
width: 56.375rem;
height: 56.0625rem;
top: 108.75rem;
right: -23.125rem;
z-index: -2;
}
.c-reason-tabs__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-bottom: 2px solid #05008d;
}
.f-c-reason-tabs {
margin-top: -50px;
margin-bottom: 90px;
}
.f-c-reason-tabs .c-reason-tabs__container.l-inner {
border-bottom: none;
}
.c-reason-topic {
background-color: #fff;
color: #05008D;
font-weight: 700;
text-align: center;
font-size: 1.125rem;
width: 100%;
padding: 0.625rem 0;
}
@media screen and (min-width: 768px) {
.c-reason-topic {
font-size: 1.375rem;
width: 48.9215686275%;
padding: 0.625rem 0;
}
}
.c-reason-topics {
background-color: #05008D;
}
.c-reason-topics__container {
padding: 1.875rem;
margin-top: 2.5rem;
}
.c-reason-topics__title {
text-align: center;
color: #fff;
}
@media screen and (min-width: 768px) {
.c-reason-topics__title {
font-size: 1.75rem;
font-weight: 700;
}
}
.c-reason-topics__body {
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-align: center;
-ms-flex-align: center;
align-items: center;
gap: 1.25rem 1.25rem;
}
@media screen and (min-width: 768px) {
.c-reason-topics__body {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 1.25rem 1.25rem;
margin-top: 1.6875rem;
}
}
.c-reason-topics__etc {
color: #fff;
text-align: right;
font-weight: 700;
margin-top: 0.875rem;
font-size: 1rem;
}
@media screen and (min-width: 768px) {
.c-reason-topics__etc {
font-size: 1.375rem;
}
}
.c-section-header {
color: #05008D;
text-align: center;
}
@media screen and (min-width: 768px) {
.c-section-header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #05008D;
}
}
.c-section-header--margin {
margin-top: 80px;
}
.c-section-header__en {
display: inline;
font-size: 2.5rem;
text-transform: uppercase;
font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;;
font-weight: 400;
border-bottom: 6px solid #05008D;
padding-bottom: 0.1875rem;
}
@media screen and (min-width: 768px) {
.c-section-header__en {
display: inline-block;
text-transform: uppercase;
font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;;
font-weight: 400;
font-size: 4.375rem;
border-right: 6px solid #05008D;
border-bottom: none;
padding-right: 2.5rem;
line-height: 0.8;
padding-bottom: 0;
}
}
.c-section-header__en--white {
border-bottom: 6px solid #fff;
}
@media screen and (min-width: 768px) {
.c-section-header__en--white {
border-right: 6px solid #fff;
border-bottom: 0;
}
}
.c-section-header__jp {
padding-top: 0.625rem;
}
@media screen and (min-width: 768px) {
.c-section-header__jp {
font-size: 1.875rem;
font-weight: 700;
padding-left: 1.875rem;
padding-top: 0;
}
}
.c-section-header--white {
color: #fff;
}
.c-section-header__detail {
margin-top: 25px;
font-size: 18px;
line-height: 2;
letter-spacing: .02em;
}
.c-sub-mv {
position: relative;
}
.c-sub-mv__container,
.c-sub-mv__container--reason {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
@media screen and (min-width: 600px) {
.c-sub-mv__container,
.c-sub-mv__container--reason {
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
}
@media screen and (min-width: 768px) {
.c-sub-mv__container,
.c-sub-mv__container--reason {
top: 50%;
left: 50%;
-webkit-transform: translate(-150%, -50%);
transform: translate(-150%, -50%);
}
}
.c-sub-mv__container--equipment {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
@media screen and (min-width: 600px) {
.c-sub-mv__container--equipment {
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
}
@media screen and (min-width: 768px) {
.c-sub-mv__container--equipment {
top: 50%;
left: 50%;
-webkit-transform: translate(-224%, -50%);
transform: translate(-224%, -50%);
}
}
.c-sub-mv__container--processing {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
@media screen and (min-width: 600px) {
.c-sub-mv__container--processing {
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
}
@media screen and (min-width: 768px) {
.c-sub-mv__container--processing {
top: 50%;
left: 50%;
-webkit-transform: translate(-224%, -50%);
transform: translate(-224%, -50%);
}
}
.c-sub-mv__container--resources {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
white-space: nowrap;
}
@media screen and (min-width: 600px) {
.c-sub-mv__container--resources {
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
}
@media screen and (min-width: 768px) {
.c-sub-mv__container--resources {
top: 50%;
left: 50%;
-webkit-transform: translate(-100%, -50%);
transform: translate(-100%, -50%);
}
}
.c-sub-mv__container--example {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
@media screen and (min-width: 600px) {
.c-sub-mv__container--example {
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
}
@media screen and (min-width: 768px) {
.c-sub-mv__container--example {
top: 50%;
left: 50%;
-webkit-transform: translate(-224%, -50%);
transform: translate(-224%, -50%);
}
}
.c-sub-mv__container--facility {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
@media screen and (min-width: 600px) {
.c-sub-mv__container--facility {
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
}
@media screen and (min-width: 768px) {
.c-sub-mv__container--facility {
top: 50%;
left: 50%;
-webkit-transform: translate(-224%, -50%);
transform: translate(-224%, -50%);
}
}
.c-sub-mv__container--faq {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
@media screen and (min-width: 600px) {
.c-sub-mv__container--faq {
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
}
@media screen and (min-width: 768px) {
.c-sub-mv__container--faq {
top: 50%;
left: 50%;
-webkit-transform: translate(-128%, -50%);
transform: translate(-128%, -50%);
}
}
.c-sub-mv__container--flow {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
@media screen and (min-width: 600px) {
.c-sub-mv__container--flow {
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
}
@media screen and (min-width: 768px) {
.c-sub-mv__container--flow {
top: 50%;
left: 50%;
-webkit-transform: translate(-112%, -50%);
transform: translate(-112%, -50%);
}
}
.c-sub-mv__container--quality {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
@media screen and (min-width: 600px) {
.c-sub-mv__container--quality {
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
}
@media screen and (min-width: 768px) {
.c-sub-mv__container--quality {
top: 50%;
left: 50%;
-webkit-transform: translate(-149%, -50%);
transform: translate(-149%, -50%);
}
}
.c-sub-mv__container--privacy-policy {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
@media screen and (min-width: 600px) {
.c-sub-mv__container--privacy-policy {
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
white-space: nowrap;
}
}
@media screen and (min-width: 768px) {
.c-sub-mv__container--privacy-policy {
top: 50%;
left: 50%;
-webkit-transform: translate(-112%, -50%);
transform: translate(-112%, -50%);
}
}
.c-sub-mv__container--contact {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
white-space: nowrap;
}
@media screen and (min-width: 600px) {
.c-sub-mv__container--contact {
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
}
@media screen and (min-width: 768px) {
.c-sub-mv__container--contact {
top: 50%;
left: 50%;
-webkit-transform: translate(-81%, -50%);
transform: translate(-81%, -50%);
}
}
.c-sub-mv__img {
aspect-ratio: 1600/330;
}
.c-sub-mv__img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.c-sub-mv__message {
color: #fff;
display: inline-block;
}
.c-sub-mv__message-jp {
font-size: 1.5rem;
border-bottom: 3px solid #fff;
padding-right: 0;
}
@media screen and (min-width: 600px) {
.c-sub-mv__message-jp {
font-size: 2.5rem;
}
}
@media screen and (min-width: 768px) {
.c-sub-mv__message-jp {
font-size: 3.75rem;
}
}
.c-sub-mv__message-en {
font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;;
text-align: center;
font-size: 1.125rem;
text-transform: uppercase;
}
@media screen and (min-width: 768px) {
.c-sub-mv__message-en {
margin-top: 0.625rem;
font-size: 1.375rem;
text-align: left;
}
}
.c-tech-card__text-body {
font-weight: 700;
}
@media screen and (min-width: 768px) {
.c-tech-card__text-body {
font-size: 1.25rem;
line-height: 1.8;
width: 32.5rem;
}
}
.c-tech-card__text-body-second {
margin-top: 2.625rem;
}
.c-tech-card__text-body-third {
margin-top: 2.625rem;
}
.c-tech-image {
aspect-ratio: 630/400;
}
.c-tech-image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.c-tech-representatives-circle {
-webkit-clip-path: circle();
clip-path: circle();
aspect-ratio: 140/140;
}
.c-tech-representatives-circle img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.c-tech-representatives-image {
aspect-ratio: 420/600;
}
.c-tech-representatives-image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.c-to-top {
position: fixed;
right: 20px;
bottom: 20px;
z-index: 100;
}
.p-calendar {
padding-top: 4.375rem;
padding-bottom: 4.375rem;
}
.p-column {
padding-bottom: 4.375rem;
}
.p-column--margin {
margin-top: 8.75rem;
}
.p-contact {
padding-top: 4.375rem;
padding-bottom: 3rem;
}
@media screen and (min-width: 768px) {
.p-contact {
padding-top: 6.25rem;
padding-bottom: 4.375rem;
}
}
.p-equipment-cylinder-card__text-container {
text-align: center;
}
@media screen and (min-width: 768px) {
.p-equipment-cylinder-card__text-container {
margin-top: 10px;
}
}
.p-equipment-cylinder-card__text {
font-weight: 700;
}
.p-equipment-cylinder-cards__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media screen and (min-width: 768px) {
.p-equipment-cylinder-cards__container {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
gap: 0 5rem;
margin-top: 1.25rem;
}
}
.p-equipment-intro__link-container {
text-align: center;
}
.p-equipment-plain-card__text-container {
text-align: center;
}
@media screen and (min-width: 768px) {
.p-equipment-plain-card__text-container {
margin-top: 10px;
}
}
.p-equipment-plain-card__text {
font-weight: 700;
}
.p-equipment-plain-cards__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media screen and (min-width: 768px) {
.p-equipment-plain-cards__container {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
gap: 0 5rem;
margin-top: 1.25rem;
}
}
.p-equipment-profile-card__text-container {
text-align: center;
}
@media screen and (min-width: 768px) {
.p-equipment-profile-card__text-container {
margin-top: 10px;
}
}
.p-equipment-profile-card__text {
font-weight: 700;
}
.p-equipment-profile-cards__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media screen and (min-width: 768px) {
.p-equipment-profile-cards__container {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
gap: 0 5rem;
margin-top: 1.25rem;
}
}
.p-equipment-profile__link-container {
text-align: center;
}
.p-equipment-rotary-card__text-container {
text-align: center;
}
@media screen and (min-width: 768px) {
.p-equipment-rotary-card__text-container {
margin-top: 10px;
}
}
.p-equipment-rotary-card__text {
font-weight: 700;
}
.p-equipment-rotary-cards__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media screen and (min-width: 768px) {
.p-equipment-rotary-cards__container {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
gap: 0 5rem;
margin-top: 1.25rem;
}
}
.p-facility-facility-table {
width: 100%;
}
@media screen and (min-width: 768px) {
.p-facility-facility-table--margin {
margin-top: 40px;
}
}
.p-facility-facility-table__row {
border-bottom: 1px solid #333;
height: 4em;
}
.p-facility-facility-table__header {
font-size: 0.875rem;
}
@media screen and (min-width: 768px) {
.p-facility-facility-table__header {
font-size: 1rem;
}
}
.p-facility-facility-table__header:nth-child(1) {
padding-left: 1.25rem;
}
@media screen and (min-width: 768px) {
.p-facility-facility-table__header:nth-child(1) {
width: 19.4444444444%;
}
}
@media screen and (min-width: 768px) {
.p-facility-facility-table__header:nth-child(2),
.p-facility-facility-table__header:nth-child(3),
.p-facility-facility-table__header:nth-child(4) {
width: 22.2222222222%;
}
}
@media screen and (min-width: 768px) {
.p-facility-facility-table__header:nth-child(5) {
width: 8.3333333333%;
}
}
.p-facility-facility-table__term,
.p-facility-facility-table__description {
font-size: 0.6875rem;
}
@media screen and (min-width: 600px) {
.p-facility-facility-table__term,
.p-facility-facility-table__description {
font-size: 0.75rem;
}
}
@media screen and (min-width: 768px) {
.p-facility-facility-table__term,
.p-facility-facility-table__description {
font-size: 0.875rem;
}
}
.p-facility-facility__list:last-child .p-facility-facility-table__header {
width: auto;
}
.p-facility-facility-table__term {
padding-left: 1.25rem;
}
.p-facility-facility {
position: relative;
overflow: hidden;
padding-bottom: 80px;
}
@media screen and (min-width: 768px) {
.p-facility-facility {
padding-bottom: 100px;
}
}
.p-facility-facility::before {
content: "";
position: absolute;
display: block;
background-image: url(//www.moriyacl.co.jp/wp-content/themes/moriyahamono/masters-assets/images/ill-03.png);
background-repeat: no-repeat;
background-size: cover;
width: 42.6875rem;
height: 47.5rem;
top: 479.5rem;
left: -4.5625rem;
z-index: -2;
}
.p-facility-facility::after {
content: "";
position: absolute;
display: block;
background-image: url(//www.moriyacl.co.jp/wp-content/themes/moriyahamono/masters-assets/images/ill-02-04.png);
background-repeat: no-repeat;
background-size: cover;
width: 47.3125rem;
height: 73.5625rem;
top: 20.1875rem;
right: -14.625rem;
z-index: -2;
}
.p-faq-faq {
position: relative;
padding-bottom: 80px;
overflow: hidden;
}
@media screen and (min-width: 768px) {
.p-faq-faq {
padding-bottom: 100px;
}
}
.p-faq-faq::before {
content: "";
position: absolute;
display: block;
background-image: url(//www.moriyacl.co.jp/wp-content/themes/moriyahamono/masters-assets/images/ill-03.png);
background-repeat: no-repeat;
background-size: cover;
width: 37.6875rem;
height: 53.3125rem;
top: 208rem;
left: -0.1875rem;
z-index: -2;
}
.p-faq-faq::after {
content: "";
position: absolute;
display: block;
background-image: url(//www.moriyacl.co.jp/wp-content/themes/moriyahamono/masters-assets/images/ill-02-04.png);
background-repeat: no-repeat;
background-size: cover;
width: 47.3125rem;
height: 73.5625rem;
top: 20.1875rem;
right: -14.625rem;
z-index: -3;
}
.p-faq-faq__intro {
font-size: 20px;
letter-spacing: .1em;
line-height: 1.8;
}
.p-faq-faq__list--margin {
margin-top: 2rem;
}
@media screen and (min-width: 768px) {
.p-faq-faq__list--margin {
margin-top: 3.125rem;
}
}
.p-faq-faq__item {
border: 1px solid #05008D;
}
.p-faq-faq__item + .p-faq-faq__item {
margin-top: 2.5rem;
}
@media screen and (min-width: 768px) {
.p-faq-faq__item + .p-faq-faq__item {
margin-top: 3.75rem;
}
}
.p-faq-faq__item-Question {
background: #05008D;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
line-height: 1.5;
padding: 1.125rem 0;
}
@media screen and (min-width: 768px) {
.p-faq-faq__item-Question {
padding: 2.125rem 0;
}
}
.p-faq-faq__item-Question-txt {
color: #fff;
font-size: 1.125rem;
font-weight: 400;
position: relative;
margin-left: 2.6875rem;
}
@media screen and (min-width: 768px) {
.p-faq-faq__item-Question-txt {
position: relative;
font-size: 1.375rem;
font-weight: 400;
letter-spacing: 0.004em;
-webkit-box-flex: 0;
-ms-flex: 0 1 100%;
flex: 0 1 100%;
line-height: 1;
margin-left: 5.625rem;
}
}
.p-faq-faq__item-Question-txt::before {
font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;;
content: "Q";
position: absolute;
top: -0.8125rem;
left: -1.8125rem;
font-size: 2rem;
}
@media screen and (min-width: 768px) {
.p-faq-faq__item-Question-txt::before {
top: -1rem;
left: -3.5625rem;
font-size: 3rem;
}
}
.p-faq-faq__item-Answer {
background-color: #fff;
}
.p-faq-faq__item-Answer-txt {
line-height: 1.6;
font-weight: 700;
position: relative;
margin-left: 2.6875rem;
font-size: 1rem;
padding-top: 2.625rem;
padding-right: 2.375rem;
padding-bottom: 50px;
}
@media screen and (min-width: 768px) {
.p-faq-faq__item-Answer-txt {
line-height: 2;
padding: 4.25rem 3rem 50px 5.6875rem;
font-size: 1.125rem;
margin-left: 0;
}
}
.p-faq-faq__item-Answer-txt::before {
font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;;
content: "A";
position: absolute;
font-size: 2rem;
color: #05008D;
top: 0;
left: -1.8125rem;
}
@media screen and (min-width: 768px) {
.p-faq-faq__item-Answer-txt::before {
top: 0;
left: 2rem;
font-size: 3rem;
}
}
.p-footer {
background-color: #05008D;
min-height: 12.5rem;
}
.p-industry {
background-color: #05008D;
padding-top: 80px;
padding-bottom: 80px;
}
.p-material {
background-color: #05008D;
padding-top: 3rem;
}
@media screen and (min-width: 768px) {
.p-material {
padding-top: 4.375rem;
}
}
.p-news-column {
position: relative;
overflow: hidden;
}
.p-news-column::before {
content: "";
position: absolute;
display: block;
background-image: url(//www.moriyacl.co.jp/wp-content/themes/moriyahamono/masters-assets/images/ill-01.png);
width: 56.375rem;
height: 56.0625rem;
top: 6.5625rem;
left: -18.75rem;
}
.p-news {
padding-top: 3rem;
}
@media screen and (min-width: 768px) {
.p-news {
padding-top: 4.375rem;
}
}
.p-privacy-policy__body {
background: #05008D;
color: #fff;
}
.p-privacy-policy__intro {
font-size: 18px;
margin-bottom: 30px;
line-height: 1.8;
}
.p-privacy-policy__body {
padding: 40px;
margin-bottom: 30px;
}
.p-privacy-policy__list {
font-size: 18px;
}
.p-privacy-policy {
margin-bottom: 100px;
}
.p-privacy-policy__list {
line-height: 2;
font-size: 18px;
}
.p-privacy-policy__from {
line-height: 1.8;
font-size: 18px;
text-align: right;
}
.p-problem {
padding-top: 5rem;
padding-bottom: 4.375rem;
}
.p-processing-consistency {
padding-bottom: 3.75rem;
}
@media screen and (min-width: 768px) {
.p-processing-consistency {
padding-bottom: 5.625rem;
}
}
.p-processing-consistency__body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
@media screen and (min-width: 768px) {
.p-processing-consistency__body {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 1.25rem;
}
}
.processing-consistency__stainless-img-text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
@media screen and (min-width: 768px) {
.processing-consistency__stainless-img-text {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 1.25rem;
}
}
.p-processing-consistency__invar-text {
border: 1px solid #333;
padding: 1.25rem 1.25rem;
margin-top: 1.25rem;
}
@media screen and (min-width: 768px) {
.p-processing-consistency__invar-text {
display: inline-block;
padding: 1.25rem 1.25rem;
width: 46.2962962963%;
max-width: 31.25rem;
margin-top: 0;
}
}
.processing-consistency__invar-img {
text-align: center;
margin-top: 1.25rem;
}
@media screen and (min-width: 768px) {
.processing-consistency__invar-img {
text-align: left;
max-width: 31.25rem;
aspect-ratio: 500/167;
margin-top: 0;
}
}
.processing-consistency__invar-img img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.p-processing-consistency__link-container {
margin-top: 1.25rem;
text-align: center;
}
@media screen and (min-width: 768px) {
.p-processing-consistency__link-container {
margin-top: 1.25rem;
text-align: left;
}
}
.p-processing-consistency__system-message {
margin-top: 1.25rem;
}
.processing-consistency__stainless-img-01 {
aspect-ratio: 352/201;
margin-top: 1.25rem;
}
@media screen and (min-width: 768px) {
.processing-consistency__stainless-img-01 {
margin-top: 0;
}
}
.processing-consistency__stainless-img-01 img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.processing-consistency__stainless-text {
margin-top: 1.25rem;
}
@media screen and (min-width: 768px) {
.processing-consistency__stainless-text {
display: inline-block;
width: 60.1851851852%;
max-width: 40.625rem;
padding: 0 1.25rem;
margin-top: 0;
}
}
.processing-consistency__stainless-img-02 {
margin-top: 1.25rem;
}
@media screen and (min-width: 768px) {
.processing-consistency__stainless-img-02 {
margin-top: 0;
}
}
.p-processing-plane {
background: #F0F0F0;
padding-top: 3.75rem;
padding-bottom: 3.75rem;
}
@media screen and (min-width: 768px) {
.p-processing-plane {
padding-top: 5.25rem;
padding-bottom: 5.625rem;
}
}
.p-processing-plane__image-text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
@media screen and (min-width: 768px) {
.p-processing-plane__image-text {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
gap: 0 5rem;
}
}
.p-processing-plane__text-body {
margin-top: 1.25rem;
}
@media screen and (min-width: 768px) {
.p-processing-plane__text-body {
margin-top: 1.25rem;
}
}
.p-processing-plane__image {
text-align: center;
margin-top: 1.25rem;
}
@media screen and (min-width: 768px) {
.p-processing-plane__image {
text-align: left;
margin-top: 0;
}
}
.p-processing-plane__image-text--margin {
margin-top: 1.25rem;
}
@media screen and (min-width: 768px) {
.p-processing-plane__image-text--margin {
margin-top: 3.125rem;
}
}
.p-processing-plane__link-container {
margin-top: 1.25rem;
text-align: center;
}
@media screen and (min-width: 768px) {
.p-processing-plane__link-container {
margin-top: 1.25rem;
text-align: left;
}
}
@media screen and (min-width: 768px) {
.p-processing-plane__text {
max-width: 46.625rem;
width: 69.0740740741%;
}
}
.p-processing-roll {
padding-top: 3.75rem;
padding-bottom: 3.75rem;
}
@media screen and (min-width: 768px) {
.p-processing-roll {
padding-top: 5.25rem;
padding-bottom: 5.625rem;
}
}
.p-processing-roll__body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 0 1.25rem;
}
@media screen and (min-width: 768px) {
.p-processing-roll__body {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
gap: 0 2.5rem;
margin-top: 1.25rem;
}
}
.p-processing-roll__body-text {
width: 37.5rem;
}
.p-processing-roll__image-high {
aspect-ratio: 402/290;
}
.p-processing-roll__image-high img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.p-processing-roll__images {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.p-processing-roll__link-container {
margin-top: 1.25rem;
text-align: center;
}
@media screen and (min-width: 768px) {
.p-processing-roll__link-container {
margin-top: 1.25rem;
text-align: left;
}
}
.p-processing-roll__texts-body {
margin-top: 1.25rem;
}
@media screen and (min-width: 768px) {
.p-processing-roll__texts-body {
margin-top: 0;
}
}
.p-processing-thinplate {
background: #F0F0F0;
padding-top: 3.75rem;
padding-bottom: 3.75rem;
}
@media screen and (min-width: 768px) {
.p-processing-thinplate {
padding-top: 5.25rem;
padding-bottom: 5.625rem;
}
}
.p-processing-thinplate__image-text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-top: 3.125rem;
}
@media screen and (min-width: 768px) {
.p-processing-thinplate__image-text {
margin-top: 3.125rem;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
gap: 0 2.5rem;
}
}
.p-processing-thinplate__link-container {
margin-top: 1.25rem;
text-align: center;
}
@media screen and (min-width: 768px) {
.p-processing-thinplate__link-container {
margin-top: 1.25rem;
text-align: left;
}
}
.p-processing-thinplate__image--needs {
aspect-ratio: 449/297;
}
.p-processing-thinplate__image--needs img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
@media screen and (min-width: 768px) {
.p-processing-thinplate__text--needs {
max-width: 34.375rem;
width: 50.9259259259%;
}
}
.p-processing-thinplate__text-body {
margin-top: 1.25rem;
}
@media screen and (min-width: 768px) {
.p-processing-thinplate__text-body {
margin-top: 1.25rem;
}
}
.p-quality-assurance {
padding-bottom: 80px;
position: relative;
overflow: hidden;
}
@media screen and (min-width: 768px) {
.p-quality-assurance {
padding-bottom: 80px;
}
}
.p-quality-assurance::after {
content: "";
position: absolute;
display: block;
background-image: url(//www.moriyacl.co.jp/wp-content/themes/moriyahamono/masters-assets/images/ill-04.png);
background-repeat: no-repeat;
background-size: cover;
width: 42.6875rem;
height: 47.5rem;
top: 19.25rem;
right: -14.5rem;
z-index: -1;
}
.p-quality-assurance__body {
margin-top: 1.875rem;
font-weight: 700;
font-size: 18px;
line-height: 2;
}
@media screen and (min-width: 768px) {
.p-quality-assurance__body {
font-size: 18px;
line-height: 2;
margin-top: 2.8125rem;
}
}
.p-quality-assurance__policy-top {
margin-bottom: 20px;
}
.p-quality-assurance__policy-middle {
margin-bottom: 40px;
padding-left: 1em;
}
.p-quality-assurance__policy-middle {
color: #05008D;
}
.p-quality-inspection-card__text-container {
text-align: center;
margin-top: 15px;
font-size: 18px;
font-weight: 500;
}
.p-quality-inspection-card__img {
aspect-ratio: 500/300;
}
.p-quality-inspection-card__img img {
width: 100%;
}
.p-quality-inspection-card--margin {
margin-top: 1.25rem;
}
@media screen and (min-width: 768px) {
.p-quality-inspection-card--margin {
margin-top: 0;
}
}
.p-quality-inspection-card {
width: 100%;
}
@media screen and (min-width: 768px) {
.p-quality-inspection-card {
width: calc(50% - 2.5rem);
}
}
@media screen and (min-width: 768px) {
.p-quality-inspection-card--margin:not(:nth-child(2n+1)) {
margin-left: 60px;
}
}
@media screen and (min-width: 768px) {
.p-quality-inspection-card--margin:nth-child(n+3) {
margin-top: 60px;
}
}
.p-quality-inspection-cards {
position: relative;
}
.p-quality-inspection-cards::after {
content: "";
position: absolute;
display: block;
background-image: url(//www.moriyacl.co.jp/wp-content/themes/moriyahamono/masters-assets/images/ill-02.png);
background-repeat: no-repeat;
background-size: cover;
width: 43.3125rem;
height: 36.1875rem;
top: -33.125rem;
right: -27.5rem;
}
.p-quality-inspection-cards--margin {
margin-top: 3.75rem;
}
@media screen and (min-width: 768px) {
.p-quality-inspection-cards--margin {
margin-top: 5.625rem;
}
}
.p-quality-inspection-cards__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
@media screen and (min-width: 768px) {
.p-quality-inspection-cards__container {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.p-quality-inspection-message {
color: #222;
font-weight: 700;
font-size: 18px;
line-height: 2;
}
.p-quality-inspection {
padding-bottom: 4.375rem;
position: relative;
overflow: hidden;
}
@media screen and (min-width: 768px) {
.p-quality-inspection {
padding-bottom: 8.125rem;
}
}
.p-quality-inspection::before {
content: "";
position: absolute;
display: block;
background-image: url(//www.moriyacl.co.jp/wp-content/themes/moriyahamono/masters-assets/images/ill-03.png);
background-repeat: no-repeat;
background-size: cover;
width: 37.6875rem;
height: 53.3125rem;
top: 14rem;
left: -4rem;
z-index: -1;
}
@media screen and (min-width: 768px) {
.p-quality-inspection::after {
content: "";
position: absolute;
display: block;
background-image: url(//www.moriyacl.co.jp/wp-content/themes/moriyahamono/masters-assets/images/ill-01.png);
background-repeat: no-repeat;
background-size: cover;
width: 56.375rem;
height: 56.0625rem;
top: 60.6875rem;
right: -23.125rem;
overflow-x: hidden;
z-index: -1;
}
}
.p-quality-inspection__link-container {
margin-top: 1.875rem;
text-align: center;
}
@media screen and (min-width: 768px) {
.p-quality-inspection__link-container {
text-align: right;
margin-top: 4.1875rem;
}
}
.p-quality-inspection__message-container {
margin-top: 2.5rem;
}
@media screen and (min-width: 768px) {
.p-quality-inspection__message-container {
margin-top: 5.625rem;
}
}
.p-quality-standard {
background-color: #F0F0F0;
padding-top: 60px;
padding-bottom: 50px;
}
@media screen and (min-width: 768px) {
.p-quality-standard {
padding-top: 80px;
padding-bottom: 60px;
}
}
.p-quality-standard__body {
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-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 1.875rem;
gap: 1.25rem 0;
}
@media screen and (min-width: 768px) {
.p-quality-standard__body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
margin-top: 2.8125rem;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
}
.p-quality-standard__message {
background-color: #fff;
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;
}
@media screen and (min-width: 768px) {
.p-quality-standard__message {
font-weight: 700;
font-size: 1.125rem;
padding: 0 1.6875rem;
width: 55.5555555556%;
line-height: 2;
max-height: 22.5rem;
}
}
@media screen and (min-width: 768px) {
.p-quality-standard__image-text {
margin-left: 4.6875rem;
}
}
@media screen and (min-width: 768px) {
.p-quality-standard__text {
font-size: 1.1875rem;
margin-top: 0.625rem;
}
}
.p-quality-standard__text-second,
.p-quality-standard__text-third {
margin-top: 0.625rem;
}
.p-reason-intro {
padding-bottom: 5.625rem;
position: relative;
}
.p-sitemap_lists {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
max-width: 900px;
width: 100%;
margin: 0 auto 100px;
font-size: 18px;
}
.p-sitemap_lists > ul:last-child {
margin-right: 0;
}
.p-sitemap_lists > ul {
width: 27%;
margin-right: 3%;
margin-bottom: 0;
}
.p-sitemap_lists > ul:nth-child(1) {
width: 40%;
}
.p-sitemap_parent {
margin-bottom: 25px;
}
.p-sitemap_parent > a,
.p-sitemap_parent > span {
display: block;
border-left: 5px solid #05008D;
padding: 2px 5px;
font-weight: bold;
}
.p-sitemap_parent > a {
color: #05008D;
}
.p-sitemap_parent > a:hover{
text-decoration: none;
}
.p-sitemap_lists > ul > li:last-child {
margin-bottom: 0;
}
.p-sitemap_child {
margin-top: 10px;
margin-left: 20px;
}
.p-sitemap_child > li:not(:last-child) {
margin-bottom: 10px;
}
.p-sitemap_child > li a {
display: block;
position: relative;
color: #05008D;
padding-left: 15px;
}
.p-sitemap_child > li a::before {
content: "";
position: absolute;
top: 9px;
left: 0;
width: 8px;
height: 8px;
border-top: 1px solid #05008D;
border-right: 1px solid #05008D;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.p-sitemap_child_sav > li:not(:last-child) {
margin-bottom: 10px;
}
.p-sitemap_child_sav {
margin-top: 10px;
margin-left: 30px;
}
.p-sub-mv--margin {
margin-top: 3.125rem;
}
@media screen and (min-width: 768px) {
.p-sub-mv--margin {
margin-top: 4.375rem;
}
}
.p-tech-card__container {
position: relative;
}
.p-tech-card__body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
@media screen and (min-width: 768px) {
.p-tech-card__body {
gap: 0 2.375rem;
}
}
.p-tech-card__body--reverse {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.p-tech-card__body--veteran {
margin-top: -5rem;
}
@media screen and (min-width: 768px) {
.p-tech-card__text-body--padding-young {
padding-top: 5.375rem;
}
}
@media screen and (min-width: 768px) {
.p-tech-card__text-body--padding-veteran {
padding-top: 11.25rem;
}
}
.p-tech-card__img {
aspect-ratio: 420/600;
}
.p-tech-card__img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.p-tech-company__bg {
padding-top: 2.6875rem;
padding-bottom: 4.1875rem;
background: -webkit-gradient(linear, left top, right top, from(#05008D), color-stop(63.875%, #05008D), color-stop(63.875%, transparent), to(transparent));
background: linear-gradient(90deg, #05008D 0%, #05008D 63.875%, transparent 63.875%, transparent 100%);
}
.p-tech-company__container {
width: 100%;
max-width: 78.75rem;
margin: 0 auto;
}
.p-tech-company__body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
}
.p-tech-company__text {
color: #fff;
}
@media screen and (min-width: 768px) {
.p-tech-company__text {
margin-top: 2rem;
}
}
.p-tech-company__img {
position: absolute;
right: -10.625rem;
}
.p-tech-company__text-number {
font-size: 4.375rem;
font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;;
}
.p-tech-company__text-body {
font-weight: 700;
}
@media screen and (min-width: 768px) {
.p-tech-company__text-body {
font-size: 2.5rem;
vertical-align: 12px;
margin-left: 2.25rem;
}
}
.p-tech-company__text-message:nth-child(2) {
margin-left: 3rem;
}
.p-tech-company__text-message:nth-child(3) {
margin-left: 6rem;
}
.p-tech-company__link-container {
text-align: center;
}
@media screen and (min-width: 768px) {
.p-tech-company__link-container {
padding-top: 4.5rem;
padding-bottom: 4.625rem;
}
}
.p-tech-gap__items--margin {
margin-top: 2.3125rem;
}
@media screen and (min-width: 768px) {
.p-tech-gap__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
gap: 2.5rem;
}
}
.p-tech-gap__item--margin {
margin-top: 1.5rem;
}
@media screen and (min-width: 768px) {
.p-tech-gap__name {
width: 12.962962963%;
}
}
.p-tech-gap__comment {
position: relative;
border: 2px solid #333;
font-weight: 700;
line-height: 2;
}
@media screen and (min-width: 768px) {
.p-tech-gap__comment {
width: 84.2592592593%;
min-height: 12.25rem;
font-size: 1.125rem;
padding-top: 0.9375rem;
padding-left: 1.25rem;
}
}
.p-tech-gap__comment::before {
content: "";
position: absolute;
width: 2.5rem;
height: 2.5rem;
top: 7.5rem;
left: -3.25rem;
border-left: 2px solid #333;
border-bottom: 2px solid #333;
transform: skew(30deg, 0deg);
-webkit-transform: skew(30deg, 0deg);
}
.p-tech-gap__comment--light-blue {
border-color: #5AB8CE;
}
.p-tech-gap__comment--light-blue::before {
border-color: #5AB8CE;
}
.p-tech-gap__comment--blue {
border-color: #05008D;
}
.p-tech-gap__comment--blue::before {
border-color: #05008D;
}
.p-tech-gap__name-body {
text-align: center;
font-weight: 700;
}
@media screen and (min-width: 768px) {
.p-tech-gap__name-body {
font-size: 1.25rem;
margin-top: 0.75rem;
}
}
.p-tech-gap__title {
font-weight: 700;
color: #05008D;
}
@media screen and (min-width: 768px) {
.p-tech-gap__title {
font-size: 1.875rem;
margin-left: -1.75rem;
}
}
@media screen and (min-width: 768px) {
.p-tech-images--margin {
margin-top: 3.375rem;
}
}
.p-tech-images__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
width: 100%;
max-width: 78.75rem;
margin: 0 auto;
position: relative;
}
.p-tech-images__image {
width: 50%;
}
.p-tech-images__image:nth-of-type(2) {
position: absolute;
top: 6.25rem;
left: 50%;
}
.p-tech-intro {
font-weight: 700;
}
@media screen and (min-width: 768px) {
.p-tech-intro {
font-size: 1.125rem;
}
}
.p-tech-message {
display: block;
height: auto;
background-image: url(//www.moriyacl.co.jp/wp-content/themes/moriyahamono/masters-assets/images/silver-bg.jpg);
background-repeat: no-repeat;
background-size: cover;
}
@media screen and (min-width: 768px) {
.p-tech-message {
padding-top: 4.375rem;
padding-bottom: 6.875rem;
}
}
@media screen and (min-width: 768px) {
.p-tech-message__cards {
margin-top: 6.25rem;
}
}
.p-tech-representatives__items {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media screen and (min-width: 768px) {
.p-tech-representatives__items {
margin-top: 5.625rem;
}
}
.p-tech-representatives__item {
width: 38.8888888889%;
}
.p-tech-representatives__item-text {
font-weight: 700;
}
.p-tech-representatives__item-text-main {
color: #05008D;
font-weight: 700;
}
@media screen and (min-width: 768px) {
.p-tech-representatives__item-text-main {
font-size: 1.875rem;
}
}
@media screen and (min-width: 768px) {
.p-tech-representatives__item-text-main span {
font-size: 0.9375rem;
}
}
.p-tech-representatives__inter {
position: relative;
}
.p-tech-representatives__inter span {
background-color: #333;
width: 9.375rem;
height: 0.625rem;
display: block;
font-size: 1.25rem;
text-align: center;
}
.p-tech-representatives__inter span:nth-child(1) {
position: absolute;
top: 0rem;
left: 0rem;
-webkit-transform: translateX(-50%) rotate(45deg);
transform: translateX(-50%) rotate(45deg);
}
.p-tech-representatives__inter span:nth-child(2) {
position: absolute;
top: 0rem;
left: 0rem;
-webkit-transform: translateX(-50%) rotate(135deg);
transform: translateX(-50%) rotate(135deg);
}
.p-tech-representatives__item-image--young {
position: relative;
}
.p-tech-representatives__item-image--veteran {
position: relative;
}
.p-tech-representatives__item-title {
font-size: 0.9375rem;
color: #05008D;
}
.u-desktop {
display: none;
}
@media screen and (min-width: 768px) {
.u-desktop {
display: block;
}
}
@media screen and (min-width: 768px) {
.u-mobile {
display: none;
}
}
.p-main {
margin-top: 70px;
min-height: 330px;
display: flex;
align-items: center;
background: url(//www.moriyacl.co.jp/wp-content/themes/moriyahamono/masters-assets/images/sub-mv.jpg) center no-repeat;
background-size: cover;
}
.p-main__inner {
max-width: 1080px;
margin: 0 auto;
width: 100%;
}
.p-main__ttl {
color: #fff;
display: inline-block;
}
.p-main__ttl__txt {
font-size: 60px;
border-bottom: 3px solid #fff;
padding-bottom: 10px;
margin-bottom: 10px;
}
.p-main__sav--ttl {
display: block;
font-size: .8em;
margin-left: -0.5em;
}
.p-main__ttl__eg {
font-size: 22px;
font-weight: 400;
font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;;
letter-spacing: .1em;
}
.p-equipment-intro{
background-image: url(//www.moriyacl.co.jp/wp-content/themes/moriyahamono/masters-assets/images/ill-02-04.png), url(//www.moriyacl.co.jp/wp-content/themes/moriyahamono/masters-assets/images/ill-03.png), url(//www.moriyacl.co.jp/wp-content/themes/moriyahamono/masters-assets/images/ill-02-04.png), url(//www.moriyacl.co.jp/wp-content/themes/moriyahamono/masters-assets/images/ill-03.png);
background-size: 37.6875rem 53.3125rem, 47.3125rem 73.5625rem, 37.6875rem 53.3125rem, 47.3125rem 73.5625rem;
background-position: top right, top 100rem left, center right, top 500rem left;
background-repeat: no-repeat;
}
.p-equipment-section{
margin-bottom: 80px;
}
.p-ttl-h2 {
margin-bottom: 20px;
}
.p-ttl-h2 > h2 {
font-size: 30px;
color: #05008D;
}
.p-equipment-intro__header > p {
font-size: 18px;
line-height: 1.6;
margin-bottom: 30px;
}
.p-ttl-eg {
font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;;
color: #05008D;
font-size: 70px;
font-weight: 400;
word-break: break-all;
line-height: 1;
}
.p-equipment-section:not(.p-equipment-intro__header){
padding: 0 30px;
}
.p-equipment-section.p-equipment__bg--gray {
background: #efefef;
padding: 30px;
}
.p-equipment-section > h2 {
font-size: 24px;
}
.p-equipment-section .p-equipment-plain-cards__container,
.p-equipment-section .p-equipment-rotary-cards__container,
.p-equipment-section .p-equipment-profile-cards__container,
.p-equipment-section .p-equipment-cylinder-cards__container {
margin-bottom: 30px;
}
.p-equipment-section > p {
font-size: 18px;
line-height: 1.6;
margin-bottom: 30px;
}
.p-equipment-size__content:not(:last-child){
margin-bottom: 40px;
}
.p-equipment-size__ttl {
background: #05008d;
color: #fff;
font-size: 20px;
padding: 8px 20px;
margin-bottom: 20px;
}
.p-equipment__size__img {
width: 100%;
margin-bottom: 20px;
}
.p-equipment__size__img > img {
width: 100%;
}
.p-equipment__size__tb {
width: 100%;
}
.p-equipment__size__tb > table {
width: 100%;
}
.p-equipment__size__tb > table tr {
border-bottom: 1px solid #C0C0C0;
}
.p-equipment__size__tb > table th,
.p-equipment__size__tb > table td{
text-align: center;
padding: 10px 5px;
}
.p-equipment__size__tb > table th {
width: 23%;
}
.p-equipment-profile > p{
margin-bottom: 30px;
}
.p-equipment-profile .p-equipment-intro__link-container {
margin-bottom: 50px;
}
.p-equipment-size__flex{
display: flex;
flex-wrap: wrap;
align-items: center;
}
.p-equipment-size__flex .p-equipment__size__img{
width: 44%;
margin-right: 3%;
}
.p-equipment-size__flex .p-equipment__size__tb{
width: 53%;
}
.caption-txt{
font-weight: 700;
text-align: center;
margin-top: 10px;
}
.p-equipment-desc-block {
display: flex;
flex-wrap: wrap;
}
.p-equipment-desc__img {
width: 36%;
margin-right: 3%;
}
.p-equipment-desc__txt {
width: 61%;
}
.p-equipment-desc__img figcaption {
font-size: 16px;
text-align: center;
font-weight: bold;
margin-top: 10px;
}
.p-equipment-desc__txt > p {
font-size: 18px;
line-height: 1.6;
}
.p-equipment-section > h2{
margin-bottom: 20px;
}
.p-processing__section {
margin-bottom: 80px;
}
.page-content {
max-width: 1080px;
margin: 0 auto;
}
.p-processing__section.section-bg--gray {
background: #F0F0F0;
padding: 80px 0;
}
.p-processing__section:last-child{
margin-bottom: 100px;
}
.p-processing__section:last-child.section-bg--gray{
margin-bottom: 0;
padding-bottom: 100px;
}
.p-processing__header {
margin-bottom: 50px;
}
.p-processing__problem {
margin: 0 auto 30px;
background: #e5e4ff;
padding: 40px 60px;
width: fit-content;
}
.p-processing__problem__ttl {
font-size: 28px;
font-weight: bold;
position: relative;
border-bottom: 2px solid #05008d;
padding-bottom: 10px;
margin-bottom: 20px;
color: #05008d;
display: flex;
align-items: center;
min-height: 70px;
padding-right: 2.5em;
width: fit-content;
}
.p-processing__problem__ttl::after{
content: '';
position: absolute;
bottom: 0;
right: 0;
}
.p-processing__case1 .p-processing__problem__ttl::after{
background: url(//www.moriyacl.co.jp/wp-content/themes/moriyahamono/masters-assets/images/problem_01.png) 0 0 no-repeat;
background-size: 49px 88px;
width: 49px;
height: 88px;
}
.p-processing__case2 .p-processing__problem__ttl::after{
background: url(//www.moriyacl.co.jp/wp-content/themes/moriyahamono/masters-assets/images/problem_02.png) 0 0 no-repeat;
background-size: 49px 81px;
width: 49px;
height: 81px;
}
.p-processing__case3 .p-processing__problem__ttl::after{
background: url(//www.moriyacl.co.jp/wp-content/themes/moriyahamono/masters-assets/images/problem_03.png) 0 0 no-repeat;
background-size: 49px 89px;
width: 49px;
height: 89px;
}
.p-processing__case4 .p-processing__problem__ttl::after{
background: url(//www.moriyacl.co.jp/wp-content/themes/moriyahamono/masters-assets/images/problem_04.png) 0 0 no-repeat;
background-size: 54px 83px;
width: 54px;
height: 83px;
}
.problem-list > li {
font-size: 18px;
margin-bottom: 5px;
position: relative;
padding-left: 1.2em;
}
.problem-list > li::before {
content: '';
display: block;
position: absolute;
top: 50%;
left: 0;
width: 13px;
height: 7px;
margin-top: -3px;
border-left: 2px solid #05008d;
border-bottom: 2px solid  #05008d;
transform: rotate(-45deg);
}
.p-processing__problem .problem-list {
font-size: 20px;
margin-bottom: 30px;
}
.p-processing__problem .problem-list > li{
margin-bottom: 15px;
}
.p-processing__header .p-equipment-intro__link-container {
text-align: left;
}
.p-processing-box {
counter-increment: section;
}
.p-processing-box:not(:last-child) {
margin-bottom: 50px;
}
.p-processing-box > h3 {
margin-bottom: 20px;
font-weight: 500;
font-size: 30px;
position: relative;
display: flex;
align-items: center;
}
.p-processing-box > h3::before {
content: counter(section, decimal-leading-zero);
font-weight: bold;
font-size: 60px;
color: #05008d;
margin-right: 1%;
font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;;
line-height: 1;
letter-spacing: .1em;
}
.p-processing-box__flex {
display: flex;
flex-wrap: wrap;
margin-bottom: 30px;
}
.order1{
order: 1;
}
.order2{
order: 2;
}
.p-processing-box__flex .p-processing-box__img {
width: 48%;
margin-right: 2%;
}
.p-processing-box__flex .p-processing-box__img.order2 {
margin-right: 0;
margin-left: 2%;
}
.p-processing-box__flex .p-processing-box__txt {
width: 50%;
}
.p-processing-box__txt > p {
line-height: 1.6;
font-size: 18px;
}
.p-processing-box__txt > p:not(:last-child){
margin-bottom: 15px;
}
.p-processing-box__desc__tb {
margin-bottom: 30px;
max-width: 580px;
}
.p-processing-box__desc__tb table {
width: 100%;
}
.p-processing-box__desc__tb table th, .p-processing-box__desc__tb table td {
padding: 10px;
border: 1px solid #fff;
background: #fff;
}
.p-processing-box__desc__tb table th {
background: #4bacc6;
color: #fff;
text-align: center;
}
.p-processing-box__desc__tb table td{
border-bottom: 1px solid #ddd;
}
.p-processing-box__desc__tb table tr:last-child td{
border-bottom: none;
}
.processing-technology_img {
max-width: 880px;
margin: 0 auto;
}
.p-processing_lists {
display: flex;
flex-wrap: wrap;
margin-bottom: 30px;
}
.p-processing_lists.list_x2 .p-processing_list_box {
width: 48.5%;
margin-right: 3%;
text-align: center;
}
.p-processing_lists.list_x2 .p-processing_list_box:nth-child(2n) {
margin-right: 0;
}
.img_caption {
display: block;
text-align: center;
font-size: 16px;
margin-top: 5px;
}
.p-processing_list_box > img {
border: 1px solid #ddd;
margin: 0 auto;
}
.p-processing-box__desc > .p-processing-box__txt {
margin-bottom: 30px;
}
.p-processing__section.p-ankerlinks {
margin-bottom: 50px;
}
.p-anchorlink__list {
display: flex;
flex-wrap: wrap;
}
.p-anchorlink__list > li {
width: 23.5%;
margin-right: 2%;
}
.p-anchorlink__list > li:last-child {
margin-right: 0;
}
.p-anchorlink__list > li a {
text-align: center;
background: #05008d;
border: 2px solid #05008D;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
padding: 12px 25px;
color: #fff;
font-weight: 500;
position: relative;
}
.p-anchorlink__list > li a::after {
content: '';
position: absolute;
top: 50%;
right: 10px;
width: 8px;
height: 8px;
margin-top: -4px;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
-webkit-transform: rotate(130deg);
transform: rotate(130deg);
}
.p-anchorlink__list > li a:hover{
background: #fff;
color: #05008D;
text-decoration: none;
opacity: 1;
}
.p-anchorlink__list > li a:hover::after{
border-top: 2px solid #05008D;
border-right: 2px solid #05008D;
}
.p-resources {
margin-top: 70px;
}
.p-resources__mv .c-breadcrumb {
padding-top: 15px;
}
.p-resources__mv img {
width: 100%;
}
.p-resources-section {
margin-bottom: 80px;
}
.p-resources__mv {
margin-bottom: 50px;
}
.p-resources-section:last-child{
margin-bottom: 100px;
}
.p-resources-section .p-tech-company__link-container{
padding-bottom: 0;
}
.p-resources__catchcopy {
font-size: 18px;
font-weight: bold;
line-height: 2;
}
.profile-list {
display: flex;
flex-wrap: wrap;
}
.profile-list__box {
width: 38%;
}
.profile-list__box.icon-cross {
width: 11%;
margin: 14em 6% 0;
}
.profile-list__box .profile-img {
margin-bottom: 25px;
}
.profile-list__box .profile-desc__name {
display: flex;
align-items: flex-end;
flex-wrap: wrap;
margin-bottom: 10px;
}
.profile-desc__name--txt {
font-size: 30px;
color: #05008D;
font-weight: bold;
margin-right: 4%;
line-height: 1.3;
letter-spacing: .1em;
}
.profile-desc__date {
font-size: 15px;
color: #05008D;
font-weight: bold;
letter-spacing: .1em;
}
.profile-list__box .profile-desc > p {
font-size: 18px;
font-weight: bold;
line-height: 2;
letter-spacing: .02em;
}
.profile-desc__position {
width: 100%;
font-size: 15px;
color: #05008D;
font-weight: bold;
letter-spacing: .1em;
}
.interview-box:not(:last-child) {
margin-bottom: 100px;
}
.interview-box__ttl {
font-size: 30px;
font-weight: bold;
color: #05008D;
margin-bottom: 35px;
position: relative;
padding-left: 1.4em;
}
.interview-box__ttl::before {
content: 'Q.';
position: absolute;
left: 0;
top: 0;
}
.interview-box__voice-box {
margin-bottom: 25px;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.interview-box__voice-box:last-child {
margin-bottom: 0;
}
.interview-box__voice-box .icon-voice {
width: 13%;
margin-right: 3%;
}
.interview-box__voice-box .voice-txt {
width: 84%;
background: #fff;
padding: 35px 20px;
position: relative;
}
.interview-box__voice-box .voice-txt > p {
font-size: 18px;
font-weight: bold;
line-height: 2;
letter-spacing: .02em;
}
.voice--young .voice-txt {
border: 2px solid #5AB8CE;
}
.voice--veteran .voice-txt {
border: 2px solid #046BE1;
}
.interview-box__voice-box .voice-txt::before{
content: '';
height: 2px;
width: 35px;
position: absolute;
left: -60px;
top: 50%;
margin-top: 40px;
transform: rotate(60deg);
z-index: -1;
}
.interview-box__voice-box .voice-txt::after{
content: '';
height: 2px;
width: 37px;
position: absolute;
left: -34px;
top: 50%;
margin-top: 55px;
z-index: -1;
}
.voice--young .voice-txt::before, .voice--young .voice-txt::after {
background: #5AB8CE;
}
.voice--veteran .voice-txt::before, .voice--veteran .voice-txt::after {
background: #046BE1;
}
.interview-box__voice-box .icon-voice figcaption {
text-align: center;
margin-top: 10px;
font-size: 20px;
font-weight: bold;
letter-spacing: .1e;
}
.page-interview__gallery{
margin-top: 60px;
margin-bottom: 60px;
max-width: 1260px;
}
.interview-box__img-list {
display: flex;
flex-wrap: wrap;
}
.img-list__item {
width: 50%;
}
.img-list__item:last-child {
margin-top: 100px;
}
.top-example{
padding-top: 80px;
padding-bottom: 80px;
}
.p-example {
margin-bottom: 100px;
}
.example-list {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
margin-bottom: 50px;
}
.example-list__item {
width: 31.3%;
margin-right: 3%;
margin-bottom: 30px;
}
.example-list__item:nth-child(3n) {
margin-right: 0;
}
.example-list__item__img {
margin-bottom: 15px;
}
.example-list__item__ttl {
font-size: 20px;
text-align: center;
margin-bottom: 15px;
}
.example-list__item__desc > .desc-box {
display: flex;
flex-wrap: wrap;
margin-bottom: 10px;
border-bottom: 1px solid #ddd;
padding-bottom: 10px;
}
.example-list__item__desc > .desc-box > dt {
width: 30%;
margin-right: 2%;
font-weight: bold;
}
.example-list__item__desc > .desc-box > dd {
width: 68%;
}
.industry-content {
max-width: 1257px;
margin: 50px auto 0;
}
.industry-list {
display: flex;
flex-wrap: wrap;
}
.industry-list > li {
width: 23.5%;
margin-right: 2%;
margin-bottom: 25px;
}
.industry-list > li:nth-child(4n) {
margin-right: 0;
}
.industry-list > li > a {
background: #fff;
display: block;
text-align: center;
border: 1px solid #fff;
font-size: 24px;
letter-spacing: .1em;
color: #05008D;
font-weight: 400;
padding: 15px;
}
.industry-list > li > a:hover {
opacity: 1;
text-decoration: none;
background: #05008D;
color: #fff;
}
.news-archive {
margin-bottom: 100px;
}
.news-archive__list{
margin-bottom: 50px;
}
.news-archive__box {
display: flex;
align-items: center;
flex-wrap: wrap;
position: relative;
border-bottom: 1px solid #969696;
padding: 30px 0;
}
.news-archive__time {
color: #05008D;
font-size: 20px;
font-weight: bold;
display: block;
line-height: 1;
margin-right: 3.8%;
text-align: center;
font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
}
.news-archive__time-day {
font-size: 70px;
display: block;
}
.news-archive__cate {
margin-bottom: 0;
font-weight: bold;
width: 12.8%;
margin-right: 2.8%;
padding: 5px;
text-align: center;
border-radius: 5px;
font-size: 18px;
color: #05008D;
border: 1px solid #05008D;
}
.news-archive__link {
width: 73%;
color: #000;
font-size: 21px;
font-weight: normal;
padding-right: 15px;
}
.news-archive__link:hover{
opacity: 1;
text-decoration: none;
}
.news-archive__box::after {
content: "";
position: absolute;
top: 50%;
right: 10px;
margin-top: -9px;
width: 18px;
height: 18px;
border-top: 3px solid #05008D;
border-right: 3px solid #05008D;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.top-column-list {
margin-top: 50px;
display: flex;
flex-wrap: wrap;
}
.top-column-list__item,
.column-list__item {
width: 31.3%;
margin-right: 3%;
}
.column-list__item{
margin-bottom: 40px;
}
.top-column-list__item:nth-child(3n),
.column-list__item:nth-child(3n) {
margin-right: 0;
}
.top-column-list__item__img,
.column-list__item__img {
margin-bottom: 15px;
overflow: hidden;
position: relative;
}
.top-column__ttl,
.column__ttl {
font-size: 20px;
line-height: 1.8;
color: #05008D;
border-bottom: 1px solid #888888;
padding-bottom: 10px;
margin-bottom: 10px;
}
.top-column__excerpt,
.column__excerpt {
font-size: 16px;
letter-spacing: .2em;
margin-bottom: 10px;
}
.top-column__tag,
.column__tag {
width: 120px;
background: #05008D;
color: #fff;
text-align: center;
border-radius: 5px;
padding: 5px 10px;
}
.p-main-visual{
margin-top: 70px;
overflow: hidden;
margin-bottom: -10px;
position: relative;
}
.column-list{
display: flex;
flex-wrap: wrap;
margin-bottom: 30px;
}
.column-archive{
margin-bottom: 100px;
}
@media screen and (min-width: 768px){
.top-column-list__item a:hover,
.column-list__item a:hover {
opacity: 1;
text-decoration: none;
}
.top-column-list__item a:hover .top-column__excerpt,
.column-list__item a:hover .column__excerpt {
color: #333;
}
.top-column-list__item a:hover .top-column-list__item__img > img,
.column-list__item a:hover .column-list__item__img > img {
scale: 1.2;
transition: all .3s;
}
.top-column-list__item__img > img,
.column-list__item__img > img {
transition: all .3s;
}
.top-column-list__item a:hover .top-column-list__item__img::before,
.column-list__item a:hover .column-list__item__img::before {
content: '';
background: rgba(0,0,0,.6);
height: 100%;
width: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 2;
}
.top-column-list__item a:hover .top-column-list__item__img::after,
.column-list__item a:hover .column-list__item__img::after {
content: 'VIEW MORE';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: block;
font-size: 22px;
color: #fff;
z-index: 20;
margin: auto;
width: 110px;
height: 30px;
font-family: Impact;
letter-spacing: .03em;
}
} .news-single {
background: #F0F0F0 url(//www.moriyacl.co.jp/wp-content/themes/moriyahamono/masters-assets/images/ill-05.png) bottom right -300px no-repeat;
background-size: auto;
}
.news-single__body {
max-width: 1260px;
margin: 0 auto;
background: #fff;
padding: 50px 80px;
margin-bottom: 20px;
}
.news-single__header {
display: flex;
margin-bottom: 50px;
}
.news-single__header .news-archive__time {
margin-right: 3%;
}
.news-single__header__ttl {
width: 90%;
}
.news-single__cate {
font-size: 18px;
font-weight: bold;
border: 2px solid #046BE1;
display: inline-block;
width: 140px;
text-align: center;
padding: 5px;
color: #046BE1;
margin-bottom: 5px;
}
.news-single__ttl-txt {
font-weight: bold;
font-size: 30px;
}
.news-single__content > p {
font-size: 18px;
margin-bottom: 30px;
line-height: 1.8;
}
.news-single__content .wp-caption{
width: auto!important;
}
.news-single__content h2 {
color: #231815;
font-size: 36px;
font-weight: normal;
margin: 30px 0 20px;
text-align: left;
line-height: 1.5;
color: #05008D;
}
.news-single__content h3 {
background: #b0c7f0;
font-size: 24px;
font-weight: normal;
margin: 30px 0 20px;
padding: 0.3em 0.5em;
line-height: 1.5;
}
.news-single__content h4 {
border-bottom: #05008D 4px double;
color: #05008D;
font-size: 20px;
font-weight: normal;
margin: 30px 0 20px;
padding: 0.35em 0.5em;
line-height: 1.5;
}
.news-single__content h5 {
border-bottom: #05008D 3px double;
color: #05008D;
font-size: 18px;
font-weight: normal;
padding: 0 0 0.5em 0;
position: relative;
margin: 20px 0;
line-height: 1.5;
}
.news-single__content h5::before {
content: "";
display: inline-block;
position: relative;
top: -0.075em;
margin-right: 0.5em;
border: transparent 4px solid;
border-left: #05008D 4px solid;
}
.news-single__content p {
font-weight: normal;
line-height: 2;
margin-bottom: 30px;
}
.news-single__content ul {
margin-bottom: 30px;
line-height: 2;
font-weight: normal;
}
.news-single__content ul li {
list-style-type: disc;
margin-left: 2em;
}
.news-single__content ol {
margin-bottom: 30px;
line-height: 2;
font-weight: normal;
list-style-type: decimal;
}
.news-single__content ol li {
margin-left: 2em;
}
.single-pager {
max-width: 1260px;
margin: 0 auto;
padding-bottom: 100px;
display: flex;
justify-content: space-between;
}
.single-pager > a {
display: block;
width: 200px;
font-size: 18px;
color: #05008D;
padding-top: 5px;
padding-bottom: 10px;
border-bottom: 2px solid #05008D;
font-weight: 500;
position: relative;
}
.single-pager > a[rel="prev"] {
text-align: right;
padding-right: 20px;
}
.single-pager > a[rel="next"] {
padding-left: 20px;
margin-left: auto;
}
.single-pager > a::before {
content: '';
position: absolute;
top: 50%;
width: 8px;
height: 8px;
margin-top: -4px;
border-top: 2px solid #05008D;
border-right: 2px solid #05008D;
}
.single-pager > a[rel="prev"]::before {
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg);
left: 10px;
}
.single-pager > a[rel="next"]::before {
right: 10px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.other-news {
max-width: 1260px;
margin: 0 auto;
padding-bottom: 100px;
}
.other-news__header {
background: #05008D;
padding: 30px;
}
.other-news__ttl {
max-width: 1080px;
margin: 0 auto;
display: flex;
color: #fff;
align-items: center;
line-height: 1;
}
.other-news__ttl .ttl-eg {
font-size: 70px;
font-weight: 400;
font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
border-right: 6px solid #fff;
margin-right: 3%;
padding-right: 3%;
}
.other-news__ttl .ttl-txt {
font-size: 30px;
font-weight: bold;
letter-spacing: .1em;
}
.other-news__content {
background: #fff;
padding: 35px;
}
.other-news__list {
max-width: 1080px;
margin: 0 auto 40px;
}
.other-news__list > li {
border-bottom: 2px solid #ddd;
margin-bottom: 20px;
}
.other-news__list > li > a {
display: block;
padding: 0 50px 23px;
font-size: 24px;
font-weight: bold;
position: relative;
}
.other-news__list > li > a::after {
content: '';
position: absolute;
top: 50%;
width: 14px;
height: 14px;
margin-top: -7px;
border-top: 3px solid #05008D;
border-right: 3px solid #05008D;
right: 10px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.other-news__link {
max-width: 1080px;
margin: 0 auto;
display: flex;
justify-content: flex-end;
}
.other-news__link > a {
width: 300px;
display: block;
font-size: 18px;
color: #05008D;
padding: 5px 0 10px 20px;
border-bottom: 2px solid #05008D;
font-weight: 500;
position: relative;
}
.other-news__link > a::after {
content: '';
position: absolute;
top: 50%;
width: 8px;
height: 8px;
margin-top: -4px;
border-top: 2px solid #05008D;
border-right: 2px solid #05008D;
right: 10px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
} .pagination {
margin-bottom: 80px;
}
.pagination .page-numbers, .pager {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin: 0;
}
.pagination .page-numbers > li, .pager > span {
margin: 0 2%;
}
.pagination .page-numbers > li > a, .pagination .page-numbers > li > span, .pager > span {
color: #151515;
padding: 8px 10px;
display: block;
line-height: 1;
}
.pagination .page-numbers > li > span{
border-bottom: none;
}
.pagination .page-numbers > li > a.next, .pagination .page-numbers > li > a.prev {
position: relative;
width: 120px;
}
.pagination .page-numbers > li > a.next::after, .pagination .page-numbers > li > a.prev::after {
content: "";
position: absolute;
top: 50%;
width: 6px;
height: 6px;
margin-top: -3px;
border-top: 2px solid #151515;
border-right: 2px solid #151515;
}
.pagination .page-numbers > li > a.prev {
text-align: right;
}
.pagination .page-numbers > li > a.prev::after {
left: 10px;
transform: rotate(-135deg);
}
.pagination .page-numbers > li > a.next::after {
right: 10px;
transform: rotate(45deg);
}
.pagination .page-numbers > li > span:not(.dots),
.pager > span.current {
background: #05008D;
color: #fff;
}
.pagination .page-numbers > li > a:hover, .pager > span:not(.current):hover{
color: #05008D;
text-decoration: none;
opacity: 1;
}
.pagination .page-numbers > li > a.next:hover::after, .pagination .page-numbers > li > a.prev:hover::after{
border-top: 2px solid #05008D;
border-right: 2px solid #05008D;
}
.pager > span:not(.current){
cursor: pointer;
} .page-breadcrumb{
padding-bottom: 0;
margin-bottom: 50px;
}
.breadcrumbs > span {
margin: 0 2%;
}
.breadcrumbs > span:first-child{
margin-left: 0;
}
.breadcrumbs > span:last-child {
margin-right: 0;
}
.top-problem__case {
margin-top: 70px;
}
.problem__case__box {
margin-bottom: 50px;
display: flex;
flex-wrap: wrap;
}
.problem__case__box:last-child {
margin-bottom: 0;
}
.case-item {
width: 45%;
}
.case-item.case-arrow {
width: 2%;
margin: 0 4%;
display: flex;
align-items: center;
justify-content: center;
}
.case-problem{
background: url(//www.moriyacl.co.jp/wp-content/themes/moriyahamono/masters-assets/images/bg_case.png) center no-repeat;
background-size: cover;
padding: 30px 45px;
}
.case-problem > dt {
display: flex;
flex-wrap: wrap;
position: relative;
align-items: center;
padding-bottom: 27px;
border-bottom: 2px solid #05008D;
margin-bottom: 15px;
padding-right: 3em;
}
.case-problem > dt::after{
content: '';
position: absolute;
bottom: 0;
right: 0;
}
.case1 > dt::after{
background: url(//www.moriyacl.co.jp/wp-content/themes/moriyahamono/masters-assets/images/problem_01.png) 0 0 no-repeat;
background-size: 44px 83px;
width: 44px;
height: 83px;
}
.case2 > dt::after{
background: url(//www.moriyacl.co.jp/wp-content/themes/moriyahamono/masters-assets/images/problem_02.png) 0 0 no-repeat;
background-size: 44px 76px;
width: 44px;
height: 76px;
}
.case3 > dt::after{
background: url(//www.moriyacl.co.jp/wp-content/themes/moriyahamono/masters-assets/images/problem_03.png) 0 0 no-repeat;
background-size: 44px 84px;
width: 44px;
height: 84px
}
.case4 > dt::after{
background: url(//www.moriyacl.co.jp/wp-content/themes/moriyahamono/masters-assets/images/problem_04.png) 0 0 no-repeat;
background-size: 49px 78px;
width: 49px;
height: 78px;
}
.case-item__eg {
font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
font-size: 27px;
color: #05008D;
margin-right: 3%;
}
.case-item__ttl {
font-size: 24px;
font-weight: 500;
color: #05008D;
letter-spacing: .1em;
}
.case-problem > dd {
font-size: 18px;
text-align: left;
color: #05008D;
line-height: 1.8;
}
.case-item__desc{
background: #05008D;
color: #fff;
padding: 25px 44px;
display: flex;
align-items: center;
}
.case-item__desc dt {
font-size: 26px;
font-weight: 500;
text-align: center;
letter-spacing: .1em;
margin-bottom: 20px;
}
.case-item__desc dd > p {
font-size: 18px;
text-align: left;
line-height: 1.8;
margin-bottom: 15px;
}
.case-item__desc dd > p.case-item__link {
margin-bottom: 0;
text-align: right;
font-size: 16px;
position: relative;
}
.case-item__desc dd > p.case-item__link a {
border-bottom: 1px solid #fff;
padding-right: 20px;
}
.case-item__desc dd > p.case-item__link a::after {
content: '';
position: absolute;
top: 50%;
right: 5px;
width: 8px;
height: 8px;
margin-top: -4px;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.case-item__desc dd > p.case-item__link a:hover{
color: #fff;
text-decoration: none;
opacity: 1;
border-bottom: 1px solid transparent;
}
.reason-list .c-reason-card__container {
padding: 40px 30px;
margin-bottom: 20px;
}
.reason-list {
margin-bottom: 90px;
}
.c-reason-tab__link:hover {
background-color: #05008D;
text-decoration: none;
opacity: 1;
}
.c-reason-tab__link:hover .c-reason-tab__title-number,
.c-reason-tab__link:hover .c-reason-tab__title-header{
color: #fff;
}
.p-thanks {
margin-bottom: 100px;
}
.p-thanks__txt {
text-align: center;
}
.p-thanks__txt > p {
font-size: 20px;
line-height: 2;
margin-bottom: 50px;
}
.contact-form {
margin-bottom: 100px;
}
.reason-item__content {
margin-top: 10px;
}
.reason-table table {
width: 100%;
}
.reason-table table th:nth-child(1) {
width: 14%;
}
.reason-table table th:nth-child(2) {
width: 16%;
}
.reason-table table th,.reason-table table td {
padding: 10px;
}
.reason-table table tr {
border-bottom: 1px solid #333;
}
.reason-table table td {
line-height: 1.8;
}
.reason-item__flex {
display: flex;
flex-wrap: wrap;
}
.reason-item__flex .reason-item__img {
width: 40%;
margin-right: 3%;
margin-bottom: 0;
}
.reason-item__flex .reason-item__img img{
width: 100%;
}
.reason-item__flex .reason-item__img.order2{
margin-right: 0;
}
.reason-item__flex .reason-item__txt {
width: 57%;
}
.reason-item__flex .reason-item__txt.order1{
margin-right: 2%;
}
.reason-item__content > p, .reason-item__txt > p {
margin-bottom: 20px;
line-height: 1.8;
}
.reason-item__txt .problem-list > li {
font-size: 16px;
}
.reason-item__txt .problem-list {
background: #deddff;
padding: 20px;
margin-bottom: 10px;
}
.reason-item__img {
margin-bottom: 20px;
}
.reason-item__txt .page-link {
margin-bottom: 20px;
}
.c-flow-row__message-text {
font-size: 18px;
line-height: 2;
} .page-contact {
margin-bottom: 100px;
}
.thanks_text {
text-align: center;
}
.thanks_text > p {
line-height: 1.8;
font-size: 18px;
}
.thanks_text .page-link {
margin-top: 30px;
} .c-main-visual__products {
display: flex;
gap: 0 10px;
max-width: 1050px;
margin: 0 auto;
position: absolute;
top: 71%;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: 100%;
z-index: 10;
}
.c-main-visual__products__item {
background: url(//www.moriyacl.co.jp/wp-content/themes/moriyahamono/masters-assets/images/top/bg_circle.png) center no-repeat;
background-size: cover;
height: auto;
width: calc(100% / 5);
aspect-ratio: 1 / 1;
display: flex;
justify-content: center;
align-items: center;
}
.c-main-visual__products__item > p {
text-align: center;
font-size: 28px;
font-weight: bold;
color: #030057;
margin: 0;
line-height: 1.3;
}
@media screen and (min-width: 1600px) {
.c-main-visual__products {
top: 64%;
}
}
@media screen and (min-width: 1201px) {
.p-about .c-main-visual__products {
display: none!important;
}
}
@media screen and (max-width: 1200px) {
body > .c-main-visual__products {
display: none!important;
}
.p-about .c-main-visual__products {
top: auto;
left: auto;
position: relative;
margin-top: -170px;
transform: none;
margin-bottom: 50px;
}
.p-about .c-main-visual__products__item > p {
font-size: 2.5vw;
}
}
@media screen and (max-width: 800px) {
.p-about .c-main-visual__products {
top: auto;
left: auto;
position: relative;
margin-top: -110px;
transform: none;
margin-bottom: 50px;
}
.p-about .c-main-visual__products {
padding: 0 10px;
margin-top: -110px;
}
}
@media screen and (max-width: 600px) {
.p-about .c-main-visual__products {
margin-top: -180px;
margin-bottom: 20px;
flex-wrap: wrap;
max-width: 380px;
justify-content: center;
}
.p-about .c-main-visual__products__item {
width: calc((100% / 3) - 7px);
}
.p-about .c-main-visual__products__item > p {
font-size: 4vw;
}
} .link-btn {
margin: 50px auto 80px;
min-width: 500px;
width: fit-content;
}
.link-btn a {
background-color: #05008d;
border: 2px solid #05008d;
font-size: 18px;
text-align: center;
width: 100%;
display: block;
color: #fff;
padding: 30px 20px;
font-weight: bold;
}
.icon_blank {
padding: 0 35px;
position: relative;
}
.icon_blank::after {
content: '';
background: url(//www.moriyacl.co.jp/wp-content/themes/moriyahamono/masters-assets/images/icon_blank.svg) 0 0 no-repeat;
background-size: 22px;
height: 22px;
width: 22px;
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.p-processing-box__txt .link-btn,
.p-processing-box__img .link-btn {
margin-bottom: 0;
}
.p-processing-box__txt .link-btn a {
padding: 25px 20px;
}
.link-txt {
width: fit-content;
}
@media screen and (max-width: 600px) {
.link-btn {
margin: 30px auto 60px;
min-width: auto;
width: 100%;
}
} .menu_multi_btn {
position: relative;
}
.menu__second-level {
visibility: hidden;
opacity: 0;
z-index: 1;
}
.menu_multi_btn > .menu__second-level {
position: absolute;
width: 270px;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
border: 1px solid #fff;
top: 65px;
left: 50%;
margin-left: -135px;
}
.menu_multi_btn:hover > .menu__second-level {
visibility: visible;
opacity: 1;
background: #33ac5c;
top: 65px;
padding-top: 24px;
border: none;
background: transparent;
}
.menu_multi_btn > .menu__second-level::before {
content: '';
position: absolute;
top: -15px;
left: 50%;
margin-left: -20px;
box-sizing: border-box;
width: 20px;
height: 14px;
border: 20px solid transparent;
border-bottom: 24px solid #bcff00;
}
.menu_multi_btn .menu__second-level a {
color: #fff;
padding: 15px;
display: block;
width: 100%;
text-align: left;
background: #33ac5c;
position: relative;
}
.menu_multi_btn .menu__second-level a {
border: none;
min-height: 71px;
display: flex;
align-items: center;
}
.menu_multi_btn .menu__second-level li {
position: relative;
width: 100%;
margin-right: 0;
border-bottom: 1px solid #fff;
}
.menu_multi_btn .menu__second-level li{
border: 1px solid #fff;
}
.menu_multi_btn .menu__second-level li a {
font-weight: bold;
}
.menu_multi_btn .menu__second-level li:first-child{
border-top: none;
}
.menu_multi_btn .menu__second-level li:first-child a {
color: #05008d;
background: #bcff00;
}
li.menu__multi ul.menu__second-level li:last-child {
border-bottom: none;
}
.menu_multi_btn .menu__second-level li:last-child a {
color: #fff;
background: #05008d;
}
.menu_multi_btn .menu__second-level li:hover {
background: #111;
}
li.menu__multi ul.menu__second-level li ul.menu__third-level {
position: absolute;
top: -1px;
left: 100%;
width: 95%;
background: #54b675;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
border: 1px solid #fff;
}
li.menu__multi ul.menu__second-level li ul.menu__third-level.long-navi {
width: 320px;
}
li.menu__multi ul.menu__second-level li:hover ul.menu__third-level {
visibility: visible;
opacity: 1;
}
li.menu__multi ul.menu__second-level li ul.menu__third-level li {
position: relative;
}
li.menu__multi ul.menu__second-level li ul.menu__third-level li:hover {
background: #2a1f1f;
}
.c-negotiations-contact__other-link {
font-weight: 700;
text-align: center;
background-color: #05008D;
color: #fff;
display: block;
width: 100%;
font-size: 18px;
}
.c-negotiations-contact__other-link:hover {
color: #fff;
}
.contact-links {
gap: 20px;
}
.c-negotiations-contact--contact.contact-links {
max-width: 700px;
margin: 6.25rem 0 0 auto;
}
.contact-links .c-negotiations-contact__online--for-contact{
font-size: 1.3rem;
}
.contact-links .c-negotiations-contact__application--for-contact {
font-size: 1.2rem;
} @media screen and (max-width: 1550px){
.c-header-links{
gap: 0.1875rem 1.1rem;
}
.c-negotiations-contact__other-link,
.c-negotiations-contact__nego-link{
padding: 0.8125rem 1.8rem;
}
.c-negotiations-contact__contact-link{
padding: 1.4375rem 2rem;
}
}
@media screen and (min-width: 768px){
.sp-header,
.sp-only768{
display: none!important;
}
}
@media screen and (max-width: 767px){
.pc-header,
.pc-only768{
display: none!important;
}
.sp-header__inner{
position: relative;
}
.sp-header__inner .logo {
position: absolute;
left: 5px;
top: 10px;
}
.sp-header__inner .logo img {
height: 40px;
width: auto;
}
.c-header{
height: 66px;
} .head_online_btn,
.head_link_btn {
float: none;
position: absolute;
right: 60px;
top: 0;
}
.head_link_btn{
right: 60px;
}
.head_online_btn li,
.head_link_btn li {
background: #BCFF00 url(//www.moriyacl.co.jp/wp-content/themes/moriyahamono/masters-assets/images/icon_online.svg) no-repeat center 8px;
background-size: auto 25px;
height: 66px;
width: 130px;
position: relative;
overflow: hidden;
top: 0;
font-size: 0.6em;
}
.head_link_btn li{
background: #333 url(//www.moriyacl.co.jp/wp-content/themes/moriyahamono/assets/img/common/icon_online.png) no-repeat center 8px;
background-size: auto 25px;
}
.head_online_btn li a,
.head_link_btn li a {
padding: 35px 5px 0;
display: block;
color: #fff;
height: 100%;
line-height: 1.2;
text-align: center;
font-weight: bold;
}
.head_online_btn li a{
color: #05008D;
}
.head_online_btn ul,
.head_link_btn ul {
margin-bottom: 0;
}
.sp_navi_trigger {
display: block;
position: absolute;
top: 0;
right: 0;
z-index: 1000;
width: 60px;
height: 66px;
}
.header-fixed .sp_navi_trigger{
background: #05008D;
}
.sp_navi_trigger::before {
content: "";
display: block;
position: absolute;
top: 50%;
left: 50%;
width: 26px;
height: 1px;
margin: 0 0 0 -11px;
background: #fff;
box-shadow: 0 -9px 0 0 #fff, 0 9px 0 0 #fff;
transition: 0.4s;
}
.header-fixed .sp_navi_trigger::before{
background: #fff;
box-shadow: 0 -9px 0 0 #fff, 0 9px 0 0 #fff;
}
.sp_navi_trigger.active {
background: rgba(255, 255, 255, 0.5);
top: -10px;
position: fixed;
}
.sp_navi_trigger.active::before {
content: "";
display: block;
position: absolute;
top: 50%;
left: 50%;
width: 30px;
height: 2px;
margin: 0 0 0 -16px;
background: #000;
box-shadow: none;
transform: rotate(45deg);
transition: 0.4s;
}
.sp_navi_trigger.active::after {
content: "";
display: block;
position: absolute;
top: 50%;
left: 50%;
width: 30px;
height: 2px;
margin: 0 0 0 -16px;
background: #000;
box-shadow: none;
transform: rotate(-45deg);
transition: 0.4s;
}
.sp_navi_inner {
display: none;
}
.sp_navi_inner.active {
display: block;
position: fixed;
top: 0;
left: 0;
z-index: 999;
width: 100%;
height: 100%;
background: #fff;
padding-top: 0;
}
.sp_navi_inner .sp_navigation {
position: relative;
overflow: scroll;
height: 100%;
color: #fff;
line-height: 50px;
padding-top: 55px;
}
.sp_navi_inner .top_navi {
font-size: 1em;
font-weight: 600;
}
.sp_navi_inner .top_navi a::before {
content: "";
position: absolute;
top: 50%;
right: 10px;
margin-top: -5px;
width: 0.4em;
height: 0.4em;
margin-right: 0.5em;
border-top: #fff 1px solid;
border-right: #fff 1px solid;
transform: rotate(45deg);
}
.sp_navi_inner .sp_navigation li a {
color: #000;
position: relative;
padding: 0 2em 0 1em;
font-weight: bold;
font-size: 22px;
display: flex;
height: 100%;
align-items: center;
}
.sp_navi_inner .sp_navigation li a::before {
content: "";
position: absolute;
top: 50%;
right: 15px;
margin-top: -8px;
width: 16px;
height: 16px;
margin-right: 0.5em;
border-top: #000 2px solid;
border-right: #000 2px solid;
transform: rotate(45deg);
}
.sp_navi_inner .sp_navigation li {
line-height: 1.6;
}
.sp_navi_inner .sp_navigation .top_navi {
height: 70px;
}
.sp_navi_inner .sp_navigation span.top_navi {
padding: 0 1em;
display: flex;
align-items: center;
font-size: 22px;
color: #05008D;
border-bottom: 1px solid #000;
}
.sp_navi_inner .sp_navigation span.top_navi.active{
border-bottom: 1px dashed #000;
}
.sav_list > li {
height: 70px;
border-bottom: 1px dashed #000;
}
.sp_navi_inner .sp_navigation li .sav_list > li a {
color: #000;
font-weight: normal;
}
.sp_navi_inner .sp_navigation > li.top_navi {
border-bottom: 1px solid #000;
}
.sav_list > li:last-child {
border-bottom: 1px solid #000;
}
.sp_navi_inner .sp_navigation .top_navi > a {
color: #05008D;
}
.toggle--navi{
position: relative;
}
.toggle--navi::before, .toggle--navi::after{
width: 25px;
background-color: #05008D;
}
.toggle--navi::before{
right: 18px;
}
.toggle--navi::after{
right: 18px;
}
.toggle--navi.active::after{
display: none;
}
.toggle--navi__content{
display: none;
}
.toggle-icon {
position: relative;
padding-right: 2.5em;
}
.toggle-icon::before,.toggle-icon::after {
content: "";
position: absolute;
width: 25px;
height: 2px;
background-color: #05008D;
}
.toggle-icon::before {
top: 48%;
right: 20px;
transform: rotate(0deg);
}
.toggle-icon::after {
top: 48%;
right: 20px;
transform: rotate(90deg);
}
.active.toggle-icon::after {
display: none;
} .p-main-visual{
margin-top: 66px;
position: relative;
}
.p-ttl-eg{
font-size: 50px;
}
.p-ttl-h2 > h2 {
font-size: 28px;
}
.p-equipment-section > p {
margin-bottom: 30px;
}
.p-equipment-section {
margin-bottom: 60px;
}
.p-equipment-plain-cards__container,
.p-equipment-rotary-cards__container,
.p-equipment-profile-cards__container,
.p-equipment-cylinder-cards__container{
flex-wrap: wrap;
}
.p-equipment-plain-card,
.p-equipment-rotary-card,
.p-equipment-profile-card,
.p-equipment-cylinder-card{
width: 48.5%;
margin-right: 3%;
}
.p-equipment-plain-card:nth-child(2n),
.p-equipment-rotary-card:nth-child(2n),
.p-equipment-profile-card:nth-child(2n),
.p-equipment-cylinder-card:nth-child(2n){
margin-right: 0;
}
.p-equipment-size__flex .p-equipment__size__img {
width: 100%;
max-width: 500px;
margin: 0 auto 20px;
}
.p-equipment-size__flex .p-equipment__size__tb {
width: 100%;
}
.page-content{
padding-left: 10px;
padding-right: 10px;
}
.p-anchorlink__list > li {
width: 49%;
margin-bottom: 15px;
}
.p-anchorlink__list > li:nth-child(2n) {
margin-right: 0;
}
.p-processing__section.p-ankerlinks {
margin-bottom: 30px;
}
.p-resources-section {
margin-bottom: 60px;
}
.p-resources__mv {
margin-bottom: 30px;
}
.profile-list__box.icon-cross {
margin-top: 9em;
}
.interview-box__voice-box .voice-txt::before {
display: none;
}
.interview-box__voice-box .voice-txt::after {
margin-top: -1px;
}
.interview-box:not(:last-child) {
margin-bottom: 80px;
}
.example-list__item {
width: 48.5%;
}
.example-list__item:nth-child(3n) {
margin-right: 3%;
}
.example-list__item:nth-child(2n) {
margin-right: 0;
}
.example-list__item__desc > .desc-box > dt {
width: 100%;
margin-right: 0;
}
.example-list__item__desc > .desc-box > dd {
width: 100%;
}
.example-list {
margin-bottom: 30px;
}
.p-example {
margin-bottom: 80px;
}
.p-main {
margin-top: 66px;
min-height: 220px;
padding: 20px;
}
.p-main__ttl__txt {
font-size: 45px;
}
.p-main__ttl__txt br {
display: none;
}
.news-single__body {
width: 95%;
padding: 40px;
}
.news-single__header {
margin-bottom: 40px;
}
.news-single__ttl-txt {
font-size: 28px;
}
.single-pager {
width: 95%;
padding-bottom: 80px;
}
.other-news {
width: 95%;
padding-bottom: 80px;
}
.other-news__header {
padding: 20px;
}
.other-news__ttl .ttl-eg {
font-size: 45px;
}
.other-news__ttl .ttl-txt {
font-size: 25px;
}
.other-news__content {
padding: 30px;
}
.other-news__list > li > a {
padding: 0 30px 23px;
font-size: 22px;
}
.news-archive__link {
width: 100%;
}
.news-archive__cate {
width: 130px;
}
.news-archive{
margin-bottom: 80px;
}
.c-main-visual img {
height: 60vh;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
position: relative;
}
.c-main-visual__container {
-webkit-transform: translate(-50%, -30%);
transform: translate(-50%, -30%);
}
.c-main-visual__message span {
background: #05008D;
}
.c-about__circles {
position: relative;
top: auto;
gap: unset;
transform: none;
left: auto;
flex-wrap: wrap;
margin-top: -60px;
margin-bottom: 50px;
}
.c-about__circle {
width: 26%;
margin-right: 3%;
}
.c-about__circle:last-child {
margin-right: 0;
}
.c-about {
padding-top: 60px;
z-index: auto;
position: unset;
}
.c-about__title {
font-size: 34px;
margin-bottom: 30px;
}
.c-about__body {
font-size: 20px;
line-height: 2;
}
.c-about__link-container {
margin-top: 50px;
}
.p-problem {
padding-top: 60px;
padding-bottom: 60px;
}
.c-section-header__en {
font-size: 60px;
}
.c-section-header__jp {
padding-top: 15px;
}
.c-problem-cases__container {
margin-top: 50px;
}
.c-example-cards__container {
padding-right: 1.25rem;
padding-left: 1.25rem;
}
.c-example-card--margin {
margin-bottom: 21px;
}
.industry-content {
padding-right: 1.25rem;
padding-left: 1.25rem;
}
.industry-list > li {
width: 49%;
}
.industry-list > li:nth-child(2n) {
margin-right: 0;
}
.c-news-row__meta {
padding-bottom: 5px;
}
.c-news-row__body {
font-size: 20px;
}
.c-news__container {
margin-top: 50px;
margin-bottom: 0;
}
.p-column--margin {
margin-top: 80px;
}
.c-negotiations-contact--contact {
gap: unset;
max-width: 360px;
margin-top: 50px;
margin-right: auto;
}
.c-negotiations-contact--contact.contact-links {
flex-direction: column;
max-width: 450px;
margin-inline: auto;
}
.c-negotiations-contact__online--for-contact {
font-size: 20px;
}
.c-negotiations-contact__application--for-contact {
font-size: 16px;
}
.c-negotiations-contact__contact-link--for-contact {
font-size: 20px;
}
.c-negotiations-contact__nego-link--for-contact {
margin-bottom: 20px;
}
.p-contact {
min-height: auto;
padding-bottom: 40px;
padding-top: 40px;
}
.case-problem {
padding: 30px;
}
.top-problem__case {
margin-top: 50px;
}
.case-item {
width: 100%;
max-width: 500px;
margin: 0 auto;
}
.case-item.case-arrow {
width: 100%;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
max-width: 24px;
margin: 5px auto;
}
.case-item__desc {
padding: 30px;
}
.problem__case__box {
display: block;
}
.c-contact-message span {
background: #05008D;
}
.c-contact-message {
font-size: 34px;
}
.c-reason-intro__message {
margin-top: 30px;
}
.p-reason-intro {
padding-bottom: 60px;
}
.c-reason {
padding-top: 60px;
}
.c-reason-topics__container {
margin-top: 35px;
padding: 40px;
}
.c-reason-topics__title {
font-size: 26px;
font-weight: bold;
margin-bottom: 20px;
}
.c-section-header--margin {
margin-top: 50px;
}
.c-reason-card__title {
font-size: 24px;
}
.c-reason-card__img {
margin-bottom: 20px;
}
.p-quality-assurance {
padding-bottom: 60px;
}
.p-quality-standard__message {
padding: 30px;
font-size: 18px;
line-height: 2;
font-weight: bold;
}
.p-quality-standard__image-text {
text-align: center;
}
.p-quality-standard__image {
margin-bottom: 20px;
}
.p-quality-standard__image img {
margin: 0 auto;
}
.p-quality-standard__text {
font-size: 18px;
}
.p-quality-inspection-cards--margin {
margin-top: 40px;
}
.p-quality-inspection-card {
margin-top: 0;
margin-bottom: 30px;
}
.p-quality-inspection-card__text-container {
font-size: 18px;
margin-top: 10px;
font-weight: 500;
}
.p-quality-inspection-card:last-child {
margin-bottom: 0;
}
.p-quality-inspection {
padding-bottom: 80px;
}
.p-privacy-policy {
margin-bottom: 80px;
}
.p-sitemap_lists {
padding: 0 20px;
}
.top-column__ttl, .column__ttl {
line-height: 1.6;
font-size: 18px;
}
.c-example-card__row-title{
font-size: 20px;
margin-bottom: 5px;
}
.c-example-card__row-body{
font-size: 18px;
}
.c-flow-row__message{
text-align: left;
}
.p-processing__problem {
padding: 40px;
}
.p-faq-faq__item-Answer-txt{
padding-bottom: 30px;
}
.reason-table {
overflow-x: auto;
}
.reason-table > table {
width: 900px;
}
.c-footer__link-container {
width: 100%;
}
.c-footer__links {
width: 100%;
max-width: 350px;
}
}
@media screen and (min-width: 601px){
.sp-only{
display: none!important;
}
}
@media screen and (max-width: 600px){
.pc-only{
display: none!important;
}
.c-main-visual__message {
font-size: 26px;
text-align: center;
}
.p-equipment-section:not(.p-equipment-intro__header) {
padding: 0 20px;
}
.p-equipment-section.p-equipment__bg--gray {
padding: 20px;
}
.p-equipment-plain-card, .p-equipment-rotary-card, .p-equipment-profile-card, .p-equipment-cylinder-card {
width: 100%;
margin-right: 0;
margin-bottom: 30px;
}
.p-equipment-plain-card:last-child, .p-equipment-rotary-card:last-child, .p-equipment-profile-card:last-child, .p-equipment-cylinder-card:last-child {
margin-bottom: 0;
}
.p-equipment__size__tb {
overflow-x: auto;
}
.p-equipment__size__tb > table {
width: 650px;
}
.p-equipment-size__ttl {
font-size: 19px;
}
.p-equipment-section > h2 {
font-size: 22px;
}
figure.p-equipment-desc__img {
width: 100%;
margin-right: 0;
margin-bottom: 20px;
}
.p-equipment-desc__img figcaption {
margin-top: 0;
}
.p-equipment-desc__txt {
width: 100%;
}
.p-anchorlink__list > li a {
padding: 10px 25px;
}
.p-processing__section {
margin-bottom: 50px;
}
.p-processing__header {
margin-bottom: 40px;
}
.p-processing__problem__ttl {
font-size: 22px;
}
.p-processing-box:not(:last-child) {
margin-bottom: 40px;
}
.p-processing-box > h3 {
font-size: 26px;
}
.p-processing-box > h3::before {
font-size: 50px;
}
.p-processing-box__flex .p-processing-box__img, .p-processing-box__flex .p-processing-box__img.order2 {
width: 100%;
margin-right: 0;
margin-left: 0;
margin-bottom: 10px;
order: 1;
}
.p-processing-box__flex .p-processing-box__txt {
width: 100%;
order: 2;
}
.p-processing__section.section-bg--gray {
padding: 50px 0;
}
.p-processing_lists.list_x2 .p-processing_list_box {
width: 100%;
margin-right: 0;
margin-bottom: 20px;
}
.profile-list__box {
width: 100%;
}
.profile-list__box.icon-cross {
margin: 40px auto;
}
.interview-box__ttl {
font-size: 26px;
margin-bottom: 20px;
}
.interview-box__voice-box .icon-voice {
width: 100%;
order: 2;
margin: 0;
}
.interview-box__voice-box .icon-voice > img {
margin: 0 auto;
}
.interview-box__voice-box .voice-txt {
width: 100%;
padding: 20px;
order: 1;
margin-bottom: 20px;
}
.interview-box__voice-box .voice-txt::after {
top: auto;
bottom: -25px;
height: 25px;
width: 2px;
left: 0;
right: 0;
margin: 0 auto;
}
.interview-box__voice-box .icon-voice figcaption {
font-size: 18px;
margin-top: 5px;
}
.interview-box:not(:last-child) {
margin-bottom: 50px;
}
.img-list__item {
width: 100%;
}
.img-list__item:last-child {
margin-top: 30px;
}
.p-resources-section:last-child {
margin-bottom: 80px;
}
.example-list__item {
width: 100%;
margin-right: 0;
}
.example-list__item:nth-child(2n) {
margin-right: 0;
}
.example-list__item__desc > .desc-box {
text-align: center;
}
.example-list__item__img img {
margin: 0 auto;
}
.news-single__body {
padding: 30px 20px;
}
.news-single__header .news-archive__time {
width: 100%;
font-size: 28px;
text-align: left;
margin-bottom: 10px;
}
.news-single__header {
display: block;
}
.news-single__cate {
font-size: 16px;
}
.news-single__ttl-txt {
font-size: 24px;
}
.news-single__header {
margin-bottom: 30px;
}
.single-pager {
padding-bottom: 60px;
}
.single-pager > a {
width: 160px;
}
.other-news__ttl .ttl-eg {
font-size: 40px;
border-right: none;
width: 100%;
margin-right: 0;
padding-right: 0;
margin-bottom: 5px;
}
.other-news__ttl {
flex-wrap: wrap;
}
.other-news__ttl .ttl-txt {
font-size: 23px;
}
.other-news__list > li > a {
padding-left: 10px;
font-size: 20px;
}
.other-news__link > a {
width: 190px;
}
.p-main {
min-height: 130px;
}
.p-main__ttl__txt {
font-size: 30px;
margin-bottom: 5px;
padding-bottom: 5px;
}
.p-main__ttl__eg {
font-size: 18px;
}
.news-archive__time-day {
font-size: 50px;
}
.news-archive__time {
font-size: 18px;
}
.news-archive{
margin-bottom: 60px;
}
.c-main-visual img {
height: 50vh;
}
.c-main-visual__container {
transform: none;
left: auto;
top: 39%;
}
.c-about__circles {
margin-top: 0;
padding-top: 30px;
margin-bottom: 40px;
}
.c-about__circle {
width: 30%;
}
.c-about__title {
font-size: 30px;
margin-bottom: 20px;
}
.c-about__body {
text-align: left;
padding: 0 20px;
}
.c-about-items--margin {
margin-top: 30px;
}
.c-about {
padding-bottom: 60px;
}
.p-problem, .top-example, .p-industry {
padding-top: 50px;
padding-bottom: 60px;
}
.c-section-header__en {
font-size: 50px;
}
.c-section-header__jp {
font-size: 22px;
}
.c-problem-cases__container {
margin-top: 40px;
}
.c-problem-problem {
padding: 30px;
}
.c-problem-problem__case-header {
display: block;
padding-bottom: 20px;
}
.c-problem-problem__case-number {
font-size: 28px;
margin-bottom: 5px;
}
.c-problem-problem__case-title {
font-size: 24px;
text-align: left;
padding-left: 0;
padding-right: 2.3em;
}
.c-problem-problem__case-body {
font-size: 18px;
text-align: left;
padding-top: 15px;
}
.c-problem-solution {
display: block;
padding: 30px;
}
.c-problem-solution__title {
font-size: 24px;
margin-bottom: 20px;
}
.c-problem-solution__body {
padding-top: 0;
font-size: 18px;
text-align: left;
margin-bottom: 20px;
}
.industry-list > li > a {
font-size: 20px;
}
.industry-list > li {
margin-right: 0;
width: 100%;
margin-bottom: 20px;
}
.industry-list > li:last-child{
margin-bottom: 0;
}
.industry-content {
margin-top: 40px;
}
.c-news-rows--margin {
margin-top: 40px;
}
.c-news-row {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.c-news__container {
margin-top: 40px;
}
.p-column--margin {
margin-top: 60px;
padding-bottom: 60px;
}
.column-archive{
margin-bottom: 80px;
}
.top-column-list__item,
.column-list__item {
width: 100%;
max-width: 350px;
margin-left: auto;
margin-right: auto;
margin-bottom: 30px;
}
.top-column-list {
margin-top: 40px;
}
.top-column__ttl {
font-size: 18px;
}
.top-column-list__item:nth-child(3n) {
margin-right: auto;
margin-bottom: 0;
}
.column-list__item:nth-child(3n){
margin-right: auto;
}
.p-calendar {padding-top: 60px;padding-bottom: 60px;}
.c-calendar-links--margin {
margin-top: 40px;
}
.c-calendar-link {
padding: 30px;
width: 100%;
}
.c-calendar-link__title {
font-size: 20px;
}
.c-calendar-link::after {
top: 50%;
right: 15px;
width: 12px;
height: 12px;
margin-top: -6px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.c-contact-message {
font-size: 30px;
}
.c-negotiations-contact--contact {
margin-top: 40px;
}
.top-problem__case {
margin-top: 50px;
}
.case-item__eg {
width: 100%;
display: block;
margin-right: 0;
line-height: 1;
font-size: 28px;
margin-bottom: 2px;
}
.case-problem > dt {
padding-bottom: 15px;
}
.case-problem > dd {
text-align: left;
}
.case-item__desc dt {
margin-bottom: 15px;
}
.case-item__desc dd > p {
text-align: left;
}
.c-reason-intro__header {
font-size: 36px;
}
.c-reason-card__text-body{
font-size: 18px;
}
.c-reason-intro__message {
margin-top: 20px;
}
.c-reason-topics__container {
padding: 30px;
}
.c-reason-topics__title {
font-size: 24px;
}
.reason-list .c-reason-card__container {
padding: 20px;
}
.c-reason-card__title {
font-size: 22px;
}
.reason-list {
margin-bottom: 60px;
}
.c-arrow-link {
min-width: fit-content;
padding-right: 2em;
}
.p-quality-assurance__policy-middle {
padding-left: 0;
margin-bottom: 30px;
}
.p-quality-standard {
padding-top: 40px;
}
.p-quality-standard__message {
margin-bottom: 10px;
}
.c-section-header--margin {
margin-top: 40px;
}
.p-quality-inspection {
padding-bottom: 60px;
}
.facility-block {
overflow-x: auto;
}
.facility-block > table {
width: 650px;
}
.p-facility-facility {
padding-bottom: 80px;
}
.c-to-top {
width: 60px;
}
.p-faq-faq__intro {
font-size: 18px;
}
.p-faq-faq__item-Answer-txt {
min-height: auto;
padding-top: 30px;
}
.p-privacy-policy__body {
padding: 30px;
margin-bottom: 20px;
}
.p-privacy-policy {
margin-bottom: 60px;
}
.p-sitemap_lists > ul {
width: 100%;
margin-right: 0;
margin-bottom: 20px;
}
.p-sitemap_lists > ul:nth-child(1){
width: 100%;
}
.p-sitemap_lists {
margin-bottom: 80px;
}
.p-sitemap_lists > ul:last-child {
margin-bottom: 0;
}
.p-resources {
margin-top: 66px;
}
.p-resources__mv .c-breadcrumb {
padding-bottom: 20px;
margin-top: -70px;
padding-left: 0;
padding-right: 10px;
}
.p-resources-section.p-resources__mv {
margin-bottom: 0;
}
.c-breadcrumb--margin {
padding-left: 10px;
padding-right: 10px;
}
.p-thanks {
margin-bottom: 80px;
}
.p-thanks__txt > p {
text-align: left;
font-size: 18px;
margin-bottom: 30px;
}
.contact-form {
margin-bottom: 80px;
}
.p-resources__img__item {
margin-bottom: 40px;
}
.c-footer__links {
gap: 20px 0;
}
.example-list__item__ttl{
font-size: 24px;
}
.example-list__item__desc > .desc-box > dt{
font-size: 20px;
}
.example-list__item__desc > .desc-box > dd{
font-size: 18px;
}
.c-example__link-container {
margin-top: 20px;
}
.p-processing__problem .problem-list {
margin-bottom: 20px;
}
.p-processing__problem {
padding: 30px;
}
.reason-item__flex .reason-item__img {
width: 100%;
margin-right: 0;
margin-bottom: 20px;
}
.reason-item__flex .reason-item__txt {
width: 100%;
}
.page-contact {
margin-bottom: 60px;
}
.thanks_text {
text-align: left;
}
.thanks_text .page-link{
text-align: center;
}
.c-reason-tab__link {
padding: 15px 5px;
}
}