@charset "utf-8";

/* PC用
------------------------------------------------------------*/
@media only screen and (min-width: 1025px) {

#logo {
width: 20rem;
}
#top_hdr {
position: relative;
overflow: hidden;
background: url("../img/top/back_hdr.webp") no-repeat;
background-size: cover;
width: 100%;
height: 90vh;
z-index: 1;
margin-bottom: 5rem;
}
#top_hdr h1 {
position: absolute;
left: 5rem;
top: 5rem;
z-index: 10;
}
#edge1 {
position: absolute;
top: -25rem;
left: -20rem;
background: #2a2a2a;
width: 70rem;
height: 40rem;
transform: rotateZ(-30deg);
z-index: 2;
}
#edge1 p {
position: absolute;
bottom: -3.4rem;
left: 10rem;
width: 70rem;
font-weight: bold;
color: #a72c29;
font-size: 2rem;
z-index: 2;
animation: moji1 1.5s;
}
@keyframes moji1 {
0% {
transform: translateX(-50px);
}
100% {
transform: translateX(0);
}
}
#edge1 p span {
font-size: 1.6rem;
padding-left: 2rem;
color: #000;
}
#edge2 {
position: absolute;
bottom: -65rem;
left: 40vw;
background: #2a2a2a;
width: 200rem;
height: 150rem;
transform: rotateZ(-30deg);
padding: 3rem 0 0 4rem;
z-index: 2;
}
#edge2 h3 {
position: relative;
color: #f29b3a;
font-family: "Noto Sans JP", sans-serif;
font-weight: 700;
font-size: 6.5rem;
line-height: 1.2;
margin-bottom: 3rem;
padding-bottom: 3rem;
border-bottom: 0.1rem solid #ffff;
display: inline-block;
text-align: justify;
z-index: 5;
animation: moji2 1.5s;
}
@keyframes moji2 {
0% {
transform: translateX(150px);
}
100% {
transform: translateX(0);
}
}
#edge2 p {
position: relative;
color: #fff;
font-family: "Noto Sans JP", sans-serif;
font-size: 3rem;
font-weight: 500;
z-index: 5;
}
#edge2 p span {
font-size: 4rem;
padding-right: 3rem;
color: #f29b3a;
}
#logo_hdr {
position: absolute;
bottom: 5rem;
right: 5rem;
width: 20rem;
z-index: 10;
}
#logo_hdr div:last-child {
margin-top: 1rem;
}
#prologue {
text-align: center;
margin-bottom: 5rem;
}
#prologue h2 {
display: inline-block;
padding: 1rem 5rem 2rem 5rem;
background: #595757;
color: #fff;
font-weight: bold;
font-size: 2.4rem;
line-height: 1;
margin-bottom: 5rem;
}
#prologue p {
margin-bottom: 3rem;
font-size: 1.8rem;
}
#prologue p:last-child {
margin-bottom: 0;
}
#protect {
background: #eaeaea;
padding: 8rem 6%;
margin-bottom: 0.4rem;
}
#protect article {
display: flex;
justify-content: space-between;
margin-top: 3rem;
}
#protect article h3 {
font-size: 5rem;
font-family: "Noto Sans JP", sans-serif;
font-weight: 700;
width: 50rem;
color: #373737;
line-height: 1.2;
}
#protect article p {
width: calc(100% - 50rem);
}
#respons {
background: #eaeaea url("../img/top/back_respons.webp") no-repeat right top/contain;
padding: 12rem 0 12rem 6%;
margin-bottom: 10rem;
}
#respons h3 {
font-size: 5rem;
font-family: "Noto Sans JP", sans-serif;
font-weight: 700;
width: 50rem;
color: #f29b3a;
line-height: 1.2;
margin-bottom: 6rem;
}
#respons h2 {
font-weight: bold;
font-size: 2.4rem;
margin-bottom: 6rem;
}
#news {
width: 60rem;
margin: 0 auto 10rem auto;
}
#news h2 {
background: #595757;
color: #fff;
text-align: center;
width: 20rem;
margin: 0 auto 5rem auto;
padding: 1rem 5rem;
font-weight: bold;
font-size: 2rem;
}
#news th, #news td {
padding: 1rem;
}
#news th {
padding-right: 3rem;
}
#btn_ut {
width: 16.6rem;
margin: 0 auto 10rem auto;
}

/* 事業案内 */
#greeting {
width: 90rem;
margin: 0 auto 10rem auto;
}
#greeting p {
margin-bottom: 5rem;
}
#greeting ul {
display: flex;
justify-content: space-between;
}
#greeting li {
position: relative;
width: calc(24% - 6rem);
height: 6rem;
background: #bebeb9;
font-weight: bold;
font-size: 2rem;
padding: 2rem 0 2rem 3rem;
text-align: center;
line-height: 1;
}
#greeting li::after {
position: absolute;
content: "";
top: 0;
right: -6rem;
width: 6rem;
height: 6rem;
background: #bebeb9;
border-radius: 0 50% 50% 0;
}
#customer {
position: relative;
display: flex;
justify-content: space-between;
background: #eaeaea;
margin-bottom: 0.4rem;
}
#customer > h3 {
position: absolute;
top: 10rem;
right: 5rem;
font-size: 5rem;
font-family: "Noto Sans JP", sans-serif;
font-weight: 700;
color: #f29b3a;
z-index: 2;
}
#customer > div {
width: 65%;
}
#customer > article {
width: 35%;
padding: 18rem 5rem 0 5rem;
z-index: 1;
}
#customer > article h4 {
font-size: 3rem;
font-family: "Noto Sans JP", sans-serif;
font-weight: 700;
line-height: 1.4;
margin-bottom: 5rem;
}
#customer > article p {
font-size: 1.8rem;
}
#gyo {
display:flex;
justify-content: space-between;
margin-bottom: 10rem;
}
#gyo > div {
position: relative;
width: 20%;
background: #2a2a2a;
}
#gyo > div p {
position: absolute;
bottom: 1rem;
right: 1rem;
writing-mode: vertical-rl;
font-weight: bold;
font-size: 1.8rem;
color: #f29b3a;
}
#gyo > div p span {
font-size: 1.4rem;
color: #fff;
padding-top: 1rem
}
#gyo > article {
width: 80%;
padding: 8rem;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 5rem;
background: #eaeaea;
}
#gyo > article h3 {
text-align: center;
border-bottom: 0.3rem solid #959697;
padding-bottom: 0.8rem;
font-weight: bold;
font-size: 3.6rem;
margin-bottom: 2rem;
}
#yane {
display:flex;
justify-content: space-between;
width: 100rem;
margin: 0 auto 10rem;
}
#yane article {
padding: 5rem 0 8rem 5rem;
}
#yane article p {
margin-bottom: 2rem;
}
#yane article p:last-child {
margin-bottom: 0;
}

/* 会社案内 */
#daihyo {
width: 80%;
margin: 0 auto 10rem auto;
display: flex;
justify-content: space-between;
}
#daihyo figure {
width: 36rem;
}
#daihyo > div {
padding: 10rem 0 0 5rem;
width: calc(100% - 36rem);
}
#daihyo > div p {
margin-bottom: 5rem;
font-size: 1.8rem;
line-height: 2;
}
#gaiyo {
background: #eaeaea;
display: flex;
justify-content: space-between;
}
#gaiyo article {
width: 80%;
padding: 8rem 8rem 8rem 12rem;
}
#gaiyo article caption {
text-align: left;
margin-bottom: 3rem;
font-size: 2.4rem;
}
#gaiyo th, #gaiyo td {
padding: 1rem 1rem 1rem 0;
vertical-align: top;
}
#gaiyo th {
text-align: left;
width: 20%;
}
#gaiyo > div {
position: relative;
width: 20%;
background: #2a2a2a;
}
#gaiyo > div p {
position: absolute;
bottom: 1rem;
left: 1rem;
writing-mode: vertical-rl;
font-weight: bold;
font-size: 1.8rem;
color: #f29b3a;
}
#gaiyo > div p span {
font-size: 1.4rem;
color: #fff;
padding-top: 1rem
}
#g_under {
margin: 5rem 0;
}
#g_under img {
width: 100%;
}
#map {
height: 30rem;
margin-bottom: 10rem;
}

/* 採用情報 */
#syoku {
text-align: center;
}
#syoku h4 {
width: 80rem;
margin: 5rem auto;
color: #fff;
font-weight: bold;
font-size: 2rem;
padding: 1rem 0;
background: #6bb82d;
}
#yoko {
background: #eaeaea;
padding: 8rem 0;
}
#yoko h2 {
font-size: 3rem;
font-weight: bold;
text-align: center;
width: 30rem;
border: 0.1rem solid #000;
padding: 1rem 0;
margin: 0 auto 5rem auto;
}
#yoko > div {
width: 100rem;
margin: 0 auto;
}
#yoko table {
width: 100%;
border-collapse: collapse;
}
#yoko th, #yoko td {
padding: 2rem;
border-bottom: 0.1rem solid #aaa;
vertical-align: top;
}
#yoko th {
text-align: left;
width: 25%;
}
#toi {
text-align: center;
width: 80rem;
margin: 8rem auto;
color: #fff;
font-weight: bold;
font-size: 2rem;
padding: 2rem 0;
background: #6bb82d;
line-height: 1.8;
}

/* お問い合わせ */
#toi_catch {
text-align: center;
border-top: 0.1rem solid #000;
width: 80rem;
margin: 0 auto 10rem auto;
padding-top: 5rem;
}
#toi_catch p {
margin-bottom: 3rem;
}
#m_wrap {
width: 100rem;
margin: 0 auto;
}
#m_wrap table {
width: 100%;
border-collapse: collapse;
}
#m_wrap th, #m_wrap td {
padding: 2rem 1rem;
vertical-align: top;
}
#m_wrap th {
text-align: left;
width: 30%;
font-size: 1.8rem;
font-weight: normal;
}
#m_wrap input[type="text"], #m_wrap input[type="email"], #m_wrap textarea {
background: #eee;
border: none;
padding: 1rem;
}
#m_wrap input[type="button"], #m_wrap input[type="submit"] {
margin-bottom: 10rem;
}
#m_kaisya, #m_busyo, #m_name, #m_kana, #m_email, #m_emailcheck, #m_add, #m_naiyo {
width: 100%;
}
#m_naiyo {
height: 20rem;
}
#pol {
text-align: center;
font-size: 2.8rem;
margin: 10rem 0 3rem 0;
font-family: "游ゴシック","YuGothic";
}
#policy {
margin-bottom: 8rem;
height: 30rem;
overflow-y: scroll;
border: 0.1rem solid #ccc;
padding: 3rem;
font-family: "游ゴシック","YuGothic";
}
#policy h3 {
font-size: 1.8rem;
font-weight: bold;
margin-bottom: 1rem;
}
#policy p {
margin-bottom: 3rem;
}
.error_messe {
color: #ff0000;
margin: 1rem 0;
}

/* NEWS */
#wp_index, #wp_single {
width: 100rem;
margin: 0 auto 10rem auto;
}
#wp_index article {
display: flex;
justify-content: space-between;
padding-bottom: 4rem;
margin-bottom: 4rem;
border-bottom: 0.1rem solid #ccc;
}
#wp_index article figure {
width: 24rem;
height: 18rem;
transition: 0.3s;
}
#wp_index article figure:hover {
opacity: 0.7;
}
#wp_index article div {
width: calc(100% - 24rem);
padding-left: 3rem;
}
#wp_index article figure img {
width: 100%;
height: 100%;
object-fit:cover; 
}
#wp_index article h3 {
font-size: 2rem;
margin-bottom: 0.6rem;
}
#wp_index article time, #wp_single time {
display: block;
margin-bottom: 2rem;
}
#wp_single h3 {
font-size: 2.4rem;
font-weight: bold;
margin-bottom: 2rem;
}
#wp_single time {
margin-bottom: 5rem;
}
#wp_single p {
margin: 2rem 0;
}
#wp_single img {
max-width: 100%;
height: auto;
margin: 2rem 0;
}

}

/* タブレット用　縦向き
------------------------------------------------------------*/
@media only screen and (min-width: 600px) and (max-width: 1024px) {

#logo {
width: 20rem;
}
#top_hdr {
position: relative;
overflow: hidden;
background: url("../img/top/back_hdr.webp") no-repeat;
background-size: cover;
width: 100%;
height: 90vh;
z-index: 1;
margin-bottom: 5rem;
}
#top_hdr h1 {
position: absolute;
left: 5rem;
top: 5rem;
z-index: 10;
}
#edge1 {
position: absolute;
top: -25rem;
left: -20rem;
background: #2a2a2a;
width: 70rem;
height: 40rem;
transform: rotateZ(-30deg);
z-index: 2;
}
#edge1 p {
position: absolute;
bottom: -3.4rem;
left: 10rem;
width: 70rem;
font-weight: bold;
color: #a72c29;
font-size: 2rem;
z-index: 2;
}
#edge1 p span {
font-size: 1.6rem;
padding-left: 2rem;
color: #000;
}
#edge2 {
position: absolute;
bottom: -65rem;
left: 40vw;
background: #2a2a2a;
width: 200rem;
height: 150rem;
transform: rotateZ(-30deg);
padding: 3rem 0 0 4rem;
z-index: 2;
}
#edge2 h3 {
position: relative;
color: #f29b3a;
font-family: "Noto Sans JP", sans-serif;
font-weight: 700;
font-size: 6.5rem;
line-height: 1.2;
margin-bottom: 3rem;
padding-bottom: 3rem;
border-bottom: 0.1rem solid #ffff;
display: inline-block;
text-align: justify;
z-index: 5;
}
#edge2 p {
position: relative;
color: #fff;
font-family: "Noto Sans JP", sans-serif;
font-size: 3rem;
font-weight: 500;
z-index: 5;
}
#edge2 p span {
font-size: 4rem;
padding-right: 3rem;
color: #f29b3a;
}
#logo_hdr {
position: absolute;
bottom: 5rem;
right: 5rem;
width: 20rem;
z-index: 10;
}
#logo_hdr div:last-child {
margin-top: 1rem;
}
#prologue {
text-align: center;
margin-bottom: 5rem;
}
#prologue h2 {
display: inline-block;
padding: 1rem 5rem 2rem 5rem;
background: #595757;
color: #fff;
font-weight: bold;
font-size: 2.4rem;
line-height: 1;
margin-bottom: 5rem;
}
#prologue p {
margin-bottom: 3rem;
font-size: 1.8rem;
}
#prologue p:last-child {
margin-bottom: 0;
}
#protect {
background: #eaeaea;
padding: 8rem 6%;
margin-bottom: 0.4rem;
}
#protect article {
display: flex;
justify-content: space-between;
margin-top: 3rem;
}
#protect article h3 {
font-size: 3rem;
font-family: "Noto Sans JP", sans-serif;
font-weight: 700;
width: 30%rem;
color: #373737;
line-height: 1.2;
}
#protect article p {
width: 70%;
}
#respons {
background: #eaeaea url("../img/top/back_respons.webp") no-repeat right top/contain;
padding: 12rem 0 12rem 6%;
margin-bottom: 10rem;
}
#respons h3 {
font-size: 5rem;
font-family: "Noto Sans JP", sans-serif;
font-weight: 700;
width: 50rem;
color: #f29b3a;
line-height: 1.2;
margin-bottom: 6rem;
}
#respons h2 {
font-weight: bold;
font-size: 2.4rem;
margin-bottom: 6rem;
}
#news {
width: 60rem;
margin: 0 auto 10rem auto;
}
#news h2 {
background: #595757;
color: #fff;
text-align: center;
width: 20rem;
margin: 0 auto 5rem auto;
padding: 1rem 5rem;
font-weight: bold;
font-size: 2rem;
}
#news th, #news td {
padding: 1rem;
}
#news th {
padding-right: 3rem;
}
#btn_ut {
width: 16.6rem;
margin: 0 auto 10rem auto;
}

/* 事業案内 */
#greeting {
padding: 0 2rem;
margin: 0 auto 10rem auto;
}
#greeting p {
margin-bottom: 5rem;
}
#greeting ul {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
#greeting li {
position: relative;
width: 48%;
height: 6rem;
background: #bebeb9;
font-weight: bold;
font-size: 1.8rem;
padding: 2rem;
text-align: center;
line-height: 1;
border-radius: 1rem;
margin-bottom: 1rem;
}
#customer {
position: relative;
display: flex;
justify-content: space-between;
background: #eaeaea;
margin-bottom: 0.4rem;
}
#customer > h3 {
position: absolute;
top: 5rem;
right: 5rem;
font-size: 3rem;
font-family: "Noto Sans JP", sans-serif;
font-weight: 700;
color: #f29b3a;
z-index: 2;
}
#customer > div {
width: 65%;
}
#customer > article {
width: 35%;
padding: 12rem 5rem 0 5rem;
z-index: 1;
}
#customer > article h4 {
font-size: 2rem;
font-family: "Noto Sans JP", sans-serif;
font-weight: 700;
line-height: 1.4;
margin-bottom: 2rem;
}
#customer > article p {
font-size: 1.8rem;
}
#gyo {
display:flex;
justify-content: space-between;
margin-bottom: 10rem;
}
#gyo > div {
position: relative;
width: 20%;
background: #2a2a2a;
}
#gyo > div p {
position: absolute;
bottom: 1rem;
right: 1rem;
writing-mode: vertical-rl;
font-weight: bold;
font-size: 1.8rem;
color: #f29b3a;
}
#gyo > div p span {
font-size: 1.4rem;
color: #fff;
padding-top: 1rem
}
#gyo > article {
width: 80%;
padding: 8rem;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 5rem;
background: #eaeaea;
}
#gyo > article h3 {
text-align: center;
border-bottom: 0.3rem solid #959697;
padding-bottom: 0.8rem;
font-weight: bold;
font-size: 3.6rem;
margin-bottom: 2rem;
}
#yane {
margin: 0 auto 10rem;
}
#yane article {
padding: 3rem 2rem 8rem 2rem;
}
#yane article p {
margin-bottom: 2rem;
}
#yane article p:last-child {
margin-bottom: 0;
}

/* 会社案内 */
#daihyo {
width: 80%;
margin: 0 auto 10rem auto;
display: flex;
justify-content: space-between;
}
#daihyo figure {
width: 30rem;
}
#daihyo > div {
padding: 5rem 0 0 5rem;
width: calc(100% - 30rem);
}
#daihyo > div p {
margin-bottom: 5rem;
font-size: 1.8rem;
line-height: 2;
}
#gaiyo {
background: #eaeaea;
display: flex;
justify-content: space-between;
}
#gaiyo article {
width: 80%;
padding: 8rem 8rem 8rem 12rem;
}
#gaiyo article caption {
text-align: left;
margin-bottom: 3rem;
font-size: 2.4rem;
}
#gaiyo th, #gaiyo td {
padding: 1rem 1rem 1rem 0;
vertical-align: top;
}
#gaiyo th {
text-align: left;
width: 20%;
}
#gaiyo > div {
position: relative;
width: 20%;
background: #2a2a2a;
}
#gaiyo > div p {
position: absolute;
bottom: 1rem;
left: 1rem;
writing-mode: vertical-rl;
font-weight: bold;
font-size: 1.8rem;
color: #f29b3a;
}
#gaiyo > div p span {
font-size: 1.4rem;
color: #fff;
padding-top: 1rem
}
#g_under {
margin: 5rem 0;
}
#g_under img {
width: 100%;
}
#map {
height: 30rem;
margin-bottom: 10rem;
}

/* 採用情報 */
#syoku {
text-align: center;
}
#syoku p {
padding: 0 2rem;
}
#syoku h4 {
width: 80rem;
margin: 5rem auto;
color: #fff;
font-weight: bold;
font-size: 2rem;
padding: 1rem 0;
background: #6bb82d;
}
#yoko {
background: #eaeaea;
padding: 8rem 0;
}
#yoko h2 {
font-size: 3rem;
font-weight: bold;
text-align: center;
width: 30rem;
border: 0.1rem solid #000;
padding: 1rem 0;
margin: 0 auto 5rem auto;
}
#yoko > div {
padding: 0 2rem;
margin: 0 auto;
}
#yoko table {
width: 100%;
border-collapse: collapse;
}
#yoko th, #yoko td {
padding: 2rem;
border-bottom: 0.1rem solid #aaa;
vertical-align: top;
}
#yoko th {
text-align: left;
width: 25%;
}
#toi {
text-align: center;
width: 80rem;
margin: 8rem auto;
color: #fff;
font-weight: bold;
font-size: 2rem;
padding: 2rem 0;
background: #6bb82d;
line-height: 1.8;
}

/* お問い合わせ */
#toi_catch {
text-align: center;
border-top: 0.1rem solid #000;
width: 80rem;
margin: 0 auto 10rem auto;
padding-top: 5rem;
}
#toi_catch p {
margin-bottom: 3rem;
}
#m_wrap {
padding: 0 2rem;
margin: 0 auto;
}
#m_wrap table {
width: 100%;
border-collapse: collapse;
}
#m_wrap th, #m_wrap td {
padding: 2rem 1rem;
vertical-align: top;
}
#m_wrap th {
text-align: left;
width: 30%;
font-size: 1.8rem;
font-weight: normal;
}
#m_wrap input[type="text"], #m_wrap input[type="email"], #m_wrap textarea {
background: #eee;
border: none;
padding: 1rem;
}
#m_wrap input[type="button"], #m_wrap input[type="submit"] {
margin-bottom: 10rem;
}
#m_kaisya, #m_busyo, #m_name, #m_kana, #m_email, #m_emailcheck, #m_add, #m_naiyo {
width: 100%;
}
#m_naiyo {
height: 20rem;
}
#pol {
text-align: center;
font-size: 2.8rem;
margin: 10rem 0 3rem 0;
font-family: "游ゴシック","YuGothic";
}
#policy {
margin-bottom: 8rem;
height: 30rem;
overflow-y: scroll;
border: 0.1rem solid #ccc;
padding: 3rem;
font-family: "游ゴシック","YuGothic";
}
#policy h3 {
font-size: 1.8rem;
font-weight: bold;
margin-bottom: 1rem;
}
#policy p {
margin-bottom: 3rem;
}
.error_messe {
color: #ff0000;
margin: 1rem 0;
}

/* NEWS */
#wp_index, #wp_single {
padding: 0 2rem;
margin: 0 auto 10rem auto;
}
#wp_index article {
display: flex;
justify-content: space-between;
padding-bottom: 4rem;
margin-bottom: 4rem;
border-bottom: 0.1rem solid #ccc;
}
#wp_index article figure {
width: 24rem;
aspect-ratio: 3 / 2;
transition: 0.3s;
}
#wp_index article figure:hover {
opacity: 0.7;
}
#wp_index article div {
width: calc(100% - 24rem);
padding-left: 3rem;
}
#wp_index article figure img {
width: 100%;
height: 100%;
object-fit:cover; 
}
#wp_index article h3 {
font-size: 2rem;
margin-bottom: 0.6rem;
}
#wp_index article time, #wp_single time {
display: block;
margin-bottom: 2rem;
}
#wp_single h3 {
font-size: 2.4rem;
font-weight: bold;
margin-bottom: 2rem;
}
#wp_single time {
margin-bottom: 5rem;
}
#wp_single p {
margin: 2rem 0;
}
#wp_single img {
max-width: 100%;
height: auto;
margin: 2rem 0;
}

}


/* スマートフォン用
------------------------------------------------------------*/
@media only screen and (max-width: 599px) {

#logo {
width: 15rem;
}
#top_hdr {
position: relative;
overflow: hidden;
background: url("../img/top/back_hdr.webp") no-repeat;
background-size: cover;
width: 100%;
height: 90vh;
z-index: 1;
margin-bottom: 5rem;
}
#top_hdr h1 {
position: absolute;
left: 2rem;
top: 2rem;
z-index: 10;
}
#edge1 {
position: absolute;
top: -35rem;
left: -20rem;
background: #2a2a2a;
width: 70rem;
height: 40rem;
transform: rotateZ(-30deg);
z-index: 2;
}
#edge1 p {
position: absolute;
bottom: -3rem;
left: 8rem;
width: 70rem;
font-weight: bold;
color: #a72c29;
font-size: 1.4rem;
z-index: 2;
}
#edge1 p span {
font-size: 1rem;
padding-left: 2rem;
color: #000;
}
#edge2 {
position: absolute;
bottom: -65rem;
left: 40vw;
background: #2a2a2a;
width: 200rem;
height: 150rem;
transform: rotateZ(-30deg);
padding: 3rem 0 0 8rem;
z-index: 2;
}
#edge2 h3 {
position: relative;
color: #f29b3a;
font-family: "Noto Sans JP", sans-serif;
font-weight: 700;
font-size: 3.5rem;
line-height: 1.2;
margin-bottom: 1rem;
padding-bottom: 1rem;
border-bottom: 0.1rem solid #ffff;
display: inline-block;
text-align: justify;
z-index: 5;
}
#edge2 p {
position: relative;
color: #fff;
font-family: "Noto Sans JP", sans-serif;
font-size: 1.4rem;
font-weight: 500;
z-index: 5;
}
#edge2 p span {
font-size: 2rem;
padding-right: 3rem;
color: #f29b3a;
}
#logo_hdr {
position: absolute;
bottom: 5rem;
right: 5rem;
width: 15rem;
z-index: 10;
}
#logo_hdr div:last-child {
margin-top: 1rem;
}
#prologue {
text-align: center;
margin-bottom: 5rem;
}
#prologue h2 {
display: inline-block;
padding: 1rem 5rem 2rem 5rem;
background: #595757;
color: #fff;
font-weight: bold;
font-size: 2rem;
line-height: 1;
margin-bottom: 5rem;
}
#prologue p {
margin-bottom: 3rem;
font-size: 1.8rem;
padding: 0 2rem;
text-align: left;
}
#prologue p:last-child {
margin-bottom: 0;
}
#protect {
background: #eaeaea;
padding: 4rem 0;
margin-bottom: 0.4rem;
}
#protect article {
margin-top: 3rem;
padding: 0 2rem;
}
#protect article h3 {
font-size: 4rem;
font-family: "Noto Sans JP", sans-serif;
font-weight: 700;
width: 50rem;
color: #373737;
line-height: 1.2;
margin-bottom: 3rem;
}
#protect article p {
font-size: 1.5rem;
}
#respons {
background: #eaeaea url("../img/top/back_respons.webp") no-repeat right top/contain;
padding: 2rem 2rem 5rem 2rem;
margin-bottom: 10rem;
}
#respons h3 {
font-size: 3rem;
font-family: "Noto Sans JP", sans-serif;
font-weight: 700;
color: #f29b3a;
line-height: 1.2;
margin-bottom: 30rem;
}
#respons h2 {
font-weight: bold;
font-size: 2rem;
margin-bottom: 3rem;
}
#news {
padding: 0 2rem;
margin: 0 auto 10rem auto;
}
#news h2 {
background: #595757;
color: #fff;
text-align: center;
width: 20rem;
margin: 0 auto 5rem auto;
padding: 1rem 5rem;
font-weight: bold;
font-size: 2rem;
}
#news table {
width: 100%;
border-collapse: collapse;
}
#news th, #news td {
padding: 1rem;
display: block;
}
#news th {
text-align: left;
padding-bottom: 0;
}
#news td {
border-bottom: 0.1rem solid #ccc;
}
#btn_ut {
width: 16.6rem;
margin: 0 auto 10rem auto;
}

/* 事業案内 */
#greeting {
padding: 0 2rem;
margin: 0 auto 10rem auto;
}
#greeting p {
margin-bottom: 5rem;
}
#greeting ul {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
#greeting li {
position: relative;
width: 48%;
background: #bebeb9;
font-weight: bold;
font-size: 1.8rem;
padding: 2rem;
text-align: center;
line-height: 1;
margin-bottom: 1rem;
border-radius: 1rem;
}
#customer {
position: relative;
background: #eaeaea;
margin-bottom: 0.4rem;
}
#customer > h3 {
position: absolute;
top: 7rem;
left: 3rem;
font-size: 3rem;
font-family: "Noto Sans JP", sans-serif;
font-weight: 700;
color: #f29b3a;
z-index: 2;
}
#customer > div {

}
#customer > article {
padding: 3rem 2rem 4rem 2rem;
z-index: 1;
}
#customer > article h4 {
font-size: 2.4rem;
font-family: "Noto Sans JP", sans-serif;
font-weight: 700;
line-height: 1.4;
margin-bottom: 3rem;
}
#customer > article p {
font-size: 1.8rem;
}
#gyo {
margin-bottom: 10rem;
}
#gyo > div {
position: relative;
background: #2a2a2a;
height: 10rem;
}
#gyo > div p {
position: absolute;
bottom: 1rem;
right: 1rem;
font-weight: bold;
font-size: 1.4rem;
color: #f29b3a;
}
#gyo > div p span {
font-size: 1rem;
color: #fff;
padding-top: 1rem
}
#gyo > article {
padding: 3rem 2rem;
background: #eaeaea;
}
#gyo > article > div {
margin-bottom: 3rem;
}
#gyo > article h3 {
text-align: center;
border-bottom: 0.3rem solid #959697;
padding-bottom: 0.8rem;
font-weight: bold;
font-size: 3rem;
margin-bottom: 2rem;
}
#yane {
margin: 0 auto 10rem;
}
#yane article {
padding: 2rem;
}
#yane article p {
margin-bottom: 2rem;
}
#yane article p:last-child {
margin-bottom: 0;
}

/* 会社案内 */
#daihyo {
padding: 0 2rem;
margin: 0 auto 10rem auto;
}
#daihyo figure {
width: 70%;
margin: 0 auto;
}
#daihyo > div {
padding: 3rem 0 0 0;
}
#daihyo > div p {
margin-bottom: 5rem;
font-size: 1.8rem;
line-height: 2;
}
#gaiyo {
background: #eaeaea;
}
#gaiyo article {
padding: 5rem 2rem 5rem 2rem;
}
#gaiyo article caption {
text-align: left;
margin-bottom: 3rem;
font-size: 2.4rem;
}
#gaiyo th, #gaiyo td {
padding: 1rem 1rem 1rem 0;
display: block;
}
#gaiyo th {
text-align: left;
padding-bottom: 0;
}
#gaiyo td {
border-bottom: 0.1rem solid #ccc;
}
#gaiyo > div {
position: relative;
height: 10rem;
background: #2a2a2a;
}
#gaiyo > div p {
position: absolute;
bottom: 1rem;
left: 1rem;
font-weight: bold;
font-size: 1.84rem;
color: #f29b3a;
}
#gaiyo > div p span {
font-size: 1rem;
color: #fff;
padding-left: 1rem
}
#g_under {
margin: 5rem 0;
}
#g_under img {
width: 100%;
}
#map {
height: 30rem;
margin-bottom: 10rem;
}

/* 採用情報 */
#syoku {
text-align: center;
}
#syoku p {
padding: 0 2rem;
text-align: left;
}
#syoku h4 {
margin: 3rem auto;
color: #fff;
font-weight: bold;
font-size: 1.8rem;
padding: 1rem 0;
background: #6bb82d;
}
#yoko {
background: #eaeaea;
padding: 4rem 0;
}
#yoko h2 {
font-size: 3rem;
font-weight: bold;
text-align: center;
width: 30rem;
border: 0.1rem solid #000;
padding: 1rem 0;
margin: 0 auto 5rem auto;
}
#yoko > div {
margin: 0 auto;
}
#yoko table {
width: 100%;
border-collapse: collapse;
}
#yoko th, #yoko td {
padding: 2rem;
display: block;
}
#yoko th {
text-align: left;
padding-bottom: 0;
}
#yoko td {
border-bottom: 0.1rem solid #aaa;
}
#toi {
text-align: center;
margin: 4rem auto;
color: #fff;
font-weight: bold;
font-size: 1.8rem;
padding: 2rem;
background: #6bb82d;
line-height: 1.8;
}

/* お問い合わせ */
#toi_catch {
border-top: 0.1rem solid #000;
margin: 0 auto 10rem auto;
padding: 5rem 2rem 0 2rem;
}
#toi_catch p {
margin-bottom: 3rem;
}
#m_wrap {
padding: 0 2rem;
margin: 0 auto;
}
#m_wrap table {
width: 100%;
border-collapse: collapse;
}
#m_wrap th, #m_wrap td {
padding: 1rem 1rem;
display: block;
}
#m_wrap th {
text-align: left;
padding-bottom: 0;
font-size: 1.8rem;
font-weight: normal;
}
#m_wrap td {
border-bottom: 0.1rem solid #ccc;
}
#m_wrap input[type="text"], #m_wrap input[type="email"], #m_wrap textarea {
background: #eee;
border: none;
padding: 1rem;
}
#m_wrap input[type="button"], #m_wrap input[type="submit"] {
margin-bottom: 10rem;
margin-top: 3rem;
}
#m_kaisya, #m_busyo, #m_name, #m_kana, #m_email, #m_emailcheck, #m_add, #m_naiyo {
width: 100%;
}
#m_naiyo {
height: 20rem;
}
#pol {
text-align: center;
font-size: 2rem;
margin: 10rem 0 3rem 0;
font-family: "游ゴシック","YuGothic";
}
#policy {
margin-bottom: 8rem;
height: 30rem;
overflow-y: scroll;
border: 0.1rem solid #ccc;
padding: 3rem;
font-family: "游ゴシック","YuGothic";
}
#policy h3 {
font-size: 1.8rem;
font-weight: bold;
margin-bottom: 1rem;
}
#policy p {
margin-bottom: 3rem;
}
.error_messe {
color: #ff0000;
margin: 1rem 0;
}

/* NEWS */
#wp_index, #wp_single {
padding: 0 2rem;
margin: 0 auto 10rem auto;
}
#wp_index article {
padding-bottom: 4rem;
margin-bottom: 4rem;
border-bottom: 0.1rem solid #ccc;
}
#wp_index article figure {
width: 100%;
aspect-ratio: 3 / 2;
transition: 0.3s;
margin-bottom: 1rem;
}
#wp_index article figure:hover {
opacity: 0.7;
}
#wp_index article div {

}
#wp_index article figure img {
width: 100%;
height: 100%;
object-fit:cover; 
}
#wp_index article h3 {
font-size: 2rem;
margin-bottom: 0.6rem;
}
#wp_index article time, #wp_single time {
display: block;
margin-bottom: 2rem;
}
#wp_single h3 {
font-size: 2rem;
font-weight: bold;
margin-bottom: 2rem;
}
#wp_single time {
margin-bottom: 5rem;
}
#wp_single p {
margin: 2rem 0;
}
#wp_single img {
max-width: 100%;
height: auto;
margin: 2rem 0;
}

}