@charset "utf-8";


/* Common */

* {
color: #333;
line-height: 1;
margin: 0;
padding: 0;
}

body {
background: #fff;
font-family: "Noto Sans JP", sans-serif;
font-optical-sizing: auto;
font-style: normal;
text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}

img {
border: 0;
font-size: 1em;
height: auto;
max-width: 100%;
vertical-align: bottom;
}

.tar {
text-align: right;
}

a[href^="tel:"] {
pointer-events: none;
}


/* Header */

header {
display: flex;
margin: 0 50px;
height: 180px;
}
hgroup {
width: 275px;
}

header section {
width: 208px;
}

header section p a {
background: #f93 url("../img/common/check1.png") no-repeat 30px 22px;
border-radius: 0 0 10px 10px;
display: block;
font-size: 1.25em;
font-weight: 700;
letter-spacing: 1px;
padding: 21px 0 23px 28px;
text-align: center;
}

header section p a:link,
header section p a:visited {
color: #fff;
text-decoration: none;
}
header section p a:hover {
background: #f93 url("../img/common/check1.png") no-repeat 30px 20px;
padding: 19px 0 25px 28px;
}

h1 {
font-size: 1em;
font-weight: 400;
letter-spacing: 1px;
margin: 35px 0 13px;
}

#telnumber,
#telnumber_f {
margin-bottom: 11px;
}
#teltime,
#teltime_f {
color: #178514;
font-size: 0.875em;
font-weight: 700;
letter-spacing: 1px;
}

header dl {
flex: 1;
padding: 36px 70px 0 0;
text-align: center;
}
header dl dt {
margin-bottom: 34px;
}
header dl dd {
display: inline;
font-size: 1.125em;
font-weight: 500;
margin-right: 50px;
}
header dl dd:last-child {
margin-right: 0;
}

#header2 {
background: #fff;
display: none;
height: 86px;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 3;
}
#header2 section {
align-items: center;
display: flex;
margin: 20px 100px 21px;
}
#header2 section ul {
display: flex;
list-style: none;
margin-left: auto;
}
#header2 section ul li {
font-size: 1.125em;
font-weight: 500;
margin: 0 50px 4px 0;
}
#header2 section ul li:last-child {
margin-right: 0;
}

header dl dd a:link,
header dl dd a:visited {
color: #000;
text-decoration: none;
}
#header2 section ul li a:link,
#header2 section ul li a:visited {
text-decoration: none;
}
header dl dd a:hover,
#header2 section ul li a:hover {
color: #999;
}

#bread {
display: flex;
font-size: 1em;
font-weight: 500;
letter-spacing: 1px;
list-style: none;
margin: 0 50px 73px;
}
#bread li {
margin-right: 5px;
}
#bread li a:link,
#bread li a:visited {
text-decoration: none;
}
#bread li a:hover {
font-weight: 700;
}

#current {
color: #178514;
font-weight: 700;
}


/* Contents */

#katawaku_t h2,
#president_t h2,
#recruit_t h2,
#ukeoi_t h2,
#safety_t h2,
#company_t h2,
#case_t h2,
#inquiry_t h2 {
font-size: 3em;
margin-bottom: 16px;
}
#katawaku_t h2 strong,
#president_t h2 strong,
#recruit_t h2 strong,
#ukeoi_t h2 strong,
#safety_t h2 strong,
#company_t h2 strong,
#case_t h2 strong,
#inquiry_t h2 strong {
background: #fff;
border-radius: 0 48px 48px 0;
color: #178514;
font-weight: 700;
padding: 10px 60px 16px 50px;
}

#kata1 div,
#president1 div,
#recruit1 div,
#ukeoi1 div {
display: flex;
flex-direction: row-reverse;
margin: 0 100px;
}
#kata1 section p,
#president1 section p,
#recruit1 section p,
#ukeoi1 section p {
font-size: 1.125em;
font-weight: 500;
letter-spacing: 0.8px;
line-height: 1.8;
margin: 0 90px 33px 140px;
}
#kata1 section strong,
#president1 section strong,
#recruit1 section strong,
#ukeoi1 section span {
color: #178514;
font-weight: 700;
}


/* Katawaku Only */

#katawaku_t {
align-items: center;
background: url("../img/second/carpenter1.jpg") no-repeat center 0;
display: flex;
height: 450px;
margin-bottom: 31px;
}

#kata1 {
background: url("../img/second/h3_3.png") no-repeat center 0;
margin-bottom: 150px;
}
#kata1 h3 {
background: url("../img/second/h3_4.png") no-repeat center bottom;
color: #178514;
font-size: 2.25em;
font-weight: 500;
margin-bottom: 85px;
padding: 36px 0 40px;
text-align: center;
}
#kata1 section {
background: #e3ece2;
height: 508px;
padding-top: 52px;
width: 910px;
z-index: 1;
}
#kata1 figure {
background: url("../img/second/carpenter2.jpg") no-repeat center 0;
flex: 1;
height: 560px;
margin: 50px -50px 0 0;
z-index: 2;
}


/* President Only */

#president_t {
align-items: center;
background: url("../img/second/president1.jpg") no-repeat right 0;
display: flex;
height: 450px;
margin-bottom: 31px;
}

#president1 {
background: url("../img/second/h3_5.png") no-repeat center 0;
margin-bottom: 200px;
}
#president1 h3 {
background: url("../img/second/h3_6.png") no-repeat center bottom;
color: #178514;
font-size: 2.25em;
font-weight: 500;
margin-bottom: 85px;
padding: 36px 0 40px;
text-align: center;
}
#president1 section {
background: #e3ece2;
height: 378px;
padding-top: 52px;
width: 910px;
z-index: 1;
}
#president1 figure {
background: url("../img/second/president2.jpg") no-repeat right 0;
flex: 1;
height: 430px;
margin: 50px -50px 0 0;
z-index: 2;
}


/* Recruit Only */

#recruit_t {
align-items: center;
background: url("../img/second/recruit1.jpg") no-repeat center 0;
display: flex;
height: 450px;
margin-bottom: 31px;
}

#recruit1 {
background: url("../img/second/h3_1.png") no-repeat center 0;
margin-bottom: 150px;
}
#recruit1 h3,
#ukeoi1 h3 {
background: url("../img/second/h3_2.png") no-repeat center bottom;
color: #178514;
font-size: 2.25em;
font-weight: 500;
margin-bottom: 85px;
padding: 36px 0 40px;
text-align: center;
}
#recruit1 section {
background: #e3ece2;
height: 280px;
padding-top: 52px;
width: 910px;
z-index: 1;
}
#recruit1 figure {
background: url("../img/second/recruit2.jpg") no-repeat center 0;
flex: 1;
height: 332px;
margin: 50px -50px 0 0;
z-index: 2;
}


/* Ukeoi Only */

#ukeoi_t {
align-items: center;
background: url("../img/second/ukeoi1.jpg") no-repeat center 0;
display: flex;
height: 450px;
margin-bottom: 31px;
}

#ukeoi1 {
background: url("../img/second/h3_1.png") no-repeat center 0;
margin-bottom: 200px;
}
#ukeoi1 section {
background: #e3ece2;
height: 540px;
padding-top: 52px;
width: 910px;
z-index: 1;
}
#ukeoi1 figure {
background: url("../img/second/ukeoi2.jpg") no-repeat center 0;
flex: 1;
height: 592px;
margin: 50px -50px 0 0;
z-index: 2;
}


/* Safety Only */

#safety_t {
align-items: center;
background: url("../img/second/safety1.jpg") no-repeat 0 0;
display: flex;
height: 450px;
margin-bottom: 31px;
}

#safety1 {
background: url("../img/second/h3_1.png") no-repeat center 0;
margin: 0 auto 152px;
width: 752px;
}
#safety1 h3 {
background: url("../img/second/h3_2.png") no-repeat center bottom;
color: #178514;
font-size: 2.25em;
font-weight: 500;
margin-bottom: 77px;
padding: 36px 0 40px;
text-align: center;
}
#safety1 p {
font-size: 1.125em;
font-weight: 500;
letter-spacing: 0.8px;
line-height: 1.8;
margin-bottom: 42px;
}
#safety1 figure {
padding-bottom: 48px;
}


/* Company Only */

#company_t {
align-items: center;
background: url("../img/second/company1.jpg") no-repeat 0 0;
display: flex;
height: 450px;
margin-bottom: 31px;
}

.company1 {
background: url("../img/second/h3_7.png") no-repeat center 0;
margin: 0 auto 143px;
width: 752px;
}
.company1 h3 {
background: url("../img/second/h3_8.png") no-repeat center bottom;
color: #178514;
font-size: 2.25em;
font-weight: 500;
margin-bottom: 77px;
padding: 36px 0 40px;
text-align: center;
}
.company1 p {
font-size: 1.125em;
font-weight: 500;
letter-spacing: 0.8px;
line-height: 1.8;
text-align: center;
}


/* Case Only */

#case_t {
align-items: center;
background: url("../img/second/case1.jpg") no-repeat right 0;
display: flex;
height: 450px;
margin-bottom: 31px;
}


/* Inquiry Only */

#inquiry_t {
align-items: center;
background: url("../img/second/inquiry1.jpg") no-repeat 0 0;
display: flex;
height: 450px;
margin-bottom: 31px;
}


/* Table */

#tab1 {
background: url("../img/second/h3_1.png") no-repeat center 0;
}
#tab1 h3 {
background: url("../img/second/h3_2.png") no-repeat center bottom;
color: #178514;
font-size: 2.25em;
font-weight: 500;
margin-bottom: 50px;
padding: 36px 0 40px;
text-align: center;
}

#tab2 {
background: url("../img/second/h3_7.png") no-repeat center 0;
}
#tab2 h3 {
background: url("../img/second/h3_8.png") no-repeat center bottom;
color: #178514;
font-size: 2.25em;
font-weight: 500;
margin-bottom: 50px;
padding: 36px 0 40px;
text-align: center;
}

#tab3,
.tab4 {
background: url("../img/second/h3_5.png") no-repeat center 0;
}
#tab3 h3,
.tab4 h3 {
background: url("../img/second/h3_6.png") no-repeat center bottom;
color: #178514;
font-size: 2.25em;
font-weight: 500;
margin-bottom: 50px;
padding: 36px 0 40px;
text-align: center;
}

#tab5 {
background: url("../img/second/h3_9.png") no-repeat center 0;
}
#tab5 h3 {
background: url("../img/second/h3_10.png") no-repeat center bottom;
color: #178514;
font-size: 2.25em;
font-weight: 500;
margin-bottom: 77px;
padding: 36px 0 40px;
text-align: center;
}
#tab5 p {
font-size: 1.125em;
font-weight: 500;
letter-spacing: 1px;
line-height: 1.8;
margin-bottom: 78px;
text-align: center;
}
#tab5 p#conversion,
#tab5 p#complete {
margin-bottom: 200px;
}
#tab5 p#thankslast {
padding-bottom: 210px;
}
#tab5 div#emback p {
color: #178514;
margin-bottom: 0;
}

#emback {
padding-bottom: 180px;
}
a.emred:link,
a.emred:visited {
color: #f36;
font-weight: 700;
text-decoration: none;
}
a.emred:hover {
color: #f60;
}

#tab1 section,
#tab2 section,
#tab3 section {
background: #e3ece2;
border: 2px solid #178514;
margin: 0 auto 200px;
padding: 0 54px;
width: 894px;
}

.tab4 section {
background: #e3ece2;
border: 2px solid #178514;
margin: 0 100px 150px;
padding: 0 54px;
}
.tab4 section#y2022 {
margin: 0 100px 200px;
}

#tab5 section {
background: #e3ece2;
margin: 0 auto 50px;
padding: 15px 54px 7px;
width: 898px;
}
#tab5 section#yo5pad {
padding: 15px 54px 21px;
}

#tab1 table,
#tab2 table,
#tab3 table,
.tab4 table,
#tab5 table,
#tab6 table {
border-collapse: collapse;
border-spacing: 0;
width: 100%;
}

#tab1 th,
#tab2 th {
border-bottom: 2px solid #178514;
color: #178514;
font-size: 1.125em;
font-weight: 700;
letter-spacing: 1px;
line-height: 1.8;
padding: 27px 0 28px;
text-align: left;
vertical-align: top;
width: 15%;
}
#tab1 td,
#tab2 td {
border-bottom: 2px solid #178514;
font-size: 1.125em;
font-weight: 500;
letter-spacing: 1px;
line-height: 1.8;
padding: 27px 0 28px;
width: 85%;
}
#tab1 td span,
#tab2 td span {
color: #178514;
font-weight: 700;
}
#tab1 th.bb0,
#tab1 td.bb0,
#tab2 th.bb0,
#tab2 td.bb0,
#tab3 td.bb0,
.tab4 td.bb0,
#tab5 th.bb0,
#tab5 td.bb0 {
border-bottom: 0;
}

#tab1 td a:link,
#tab1 td a:visited,
#tab2 td a:link,
#tab2 td a:visited,
#ukeoi1 a:link,
#ukeoi1 a:visited {
color: #f36;
font-weight: 700;
}
#tab1 td a:hover,
#tab2 td a:hover,
#ukeoi1 a:hover {
text-decoration: none;
}

#tab1 td a.telno:link,
#tab2 td a.telno:link {
color: #178514;
text-decoration: none;
}

#tab2 th.wc1 {
width: 40%;
}
#tab2 td.wc2 {
width: 60%;
}
#tab2 section.mb150 {
margin: 0 auto 150px;
}

#tab3 th,
.tab4 th {
border-bottom: 2px solid #178514;
color: #178514;
font-size: 1.125em;
font-weight: 700;
line-height: 1.8;
padding: 27px 0 28px;
text-align: center;
}
#tab3 td,
.tab4 td {
border-bottom: 2px solid #178514;
font-size: 1.125em;
font-weight: 500;
line-height: 1.8;
padding: 27px 0 28px;
text-align: center;
}

#tab5 th {
color: #178514;
font-size: 1.125em;
font-weight: 700;
line-height: 1.8;
padding: 15px 0;
text-align: left;
vertical-align: middle;
width: 22%;
}
#tab5 td {
font-size: 1.125em;
font-weight: 500;
line-height: 1.8;
padding: 15px 0;
width: 78%;
}

#tab6 {
padding-top: 48px;
}
#tab6 h3 {
color: #178514;
font-family: "Noto Serif JP", serif;
font-optical-sizing: auto;
font-size: 2.25em;
font-style: normal;
font-weight: 700;
margin-bottom: 50px;
text-align: center;
}
#tab6 section {
background: #e3ece2;
border: 2px solid #178514;
margin: 0 auto 200px;
padding: 0 54px;
width: 894px;
}
#tab6 th {
border-bottom: 2px solid #178514;
font-size: 1.125em;
font-weight: 400;
letter-spacing: 0.7px;
line-height: 1.8;
padding: 27px 0 28px;
text-align: left;
vertical-align: top;
width: 16%;
}
#tab6 td {
border-bottom: 2px solid #178514;
font-size: 1.125em;
font-weight: 500;
letter-spacing: 0.7px;
line-height: 1.8;
padding: 27px 0 28px;
width: 84%;
}
#tab6 th.bb0,
#tab6 td.bb0 {
border-bottom: 0;
}

#tab6 td a:link,
#tab6 td a:visited {
color: #f36;
font-weight: 700;
}
#tab6 td a:hover {
text-decoration: none;
}

.cell1 {
width: 32%;
}
.cell2 {
width: 12%;
}
.cell3 {
width: 26%;
}
.cell4 {
width: 38%;
}
.cell5 {
width: 22%;
}
.cell6 {
width: 42%;
}


/* Form */

.element1 {
border: 2px solid #178514;
font-size: 1em;
height: 50px;
padding: 0 2%;
width: 92%;
}

.element2 {
background: #f93;
border: 0;
border-radius: 10px;
color: #fff;
font-size: 1.11em;
font-weight: 700;
height: 84px;
letter-spacing: 1px;
width: 300px;
}
.element2:hover {
background: #f60;
cursor: pointer;
}

textarea {
border: 2px solid #178514;
font-size: 1.25em;
line-height: 1.5;
padding: 10px 2%;
width: 92%;
height: 150px;
}


/* Top */

#top_t {
align-items: center;
background: url("../img/top/top1.jpg") no-repeat center 0;
display: flex;
height: 720px;
justify-content: center;
margin-bottom: 100px;
}
#top_t h2 {
color: #036;
font-size: 3.75em;
font-weight: 700;
letter-spacing: 1px;
line-height: 1.3;
margin-bottom: 212px;
text-align: center;
}

.top1 {
margin-bottom: 100px;
}
.top1 div {
display: flex;
margin: 0 100px;
}

.top1 section p {
font-size: 1.125em;
font-weight: 500;
letter-spacing: 0.8px;
line-height: 1.8;
margin: 0 140px 44px 90px;
}

.top1 h3 {
color: #178514;
font-family: "Noto Serif JP", serif;
font-optical-sizing: auto;
font-size: 2.25em;
font-style: normal;
font-weight: 700;
margin: 0 90px 42px;
}
.top1 h3.p11 {
padding-top: 128px;
}
.top1 h3.p13 {
padding-top: 145px;
}

.top1 section {
background: #e3ece2;
height: 538px;
width: 910px;
z-index: 1;
}

.top1 figure {
background: url("../img/top/top2.jpg") no-repeat 0 0;
flex: 1;
height: 538px;
margin: 50px 0 0 -50px;
z-index: 2;
}
.top1 figure.change1 {
background: url("../img/top/top4.jpg") no-repeat center 0;
}

.top2 {
margin-bottom: 100px;
}
.top2 div {
display: flex;
flex-direction: row-reverse;
margin: 0 100px;
}
.top2 section p {
font-size: 1.125em;
font-weight: 500;
letter-spacing: 0.8px;
line-height: 1.8;
margin: 0 90px 44px 140px;
}

.top2 h3 {
color: #178514;
font-family: "Noto Serif JP", serif;
font-optical-sizing: auto;
font-size: 2.25em;
font-style: normal;
font-weight: 700;
margin: 0 90px 42px 140px;
}
.top2 h3.p12 {
padding-top: 145px;
}
.top2 h3.p14 {
padding-top: 128px;
}

.top2 section {
background: #e3ece2;
height: 538px;
width: 910px;
z-index: 1;
}

.top2 figure {
background: url("../img/top/top3.jpg") no-repeat center 0;
flex: 1;
height: 538px;
margin: 50px -50px 0 0;
z-index: 2;
}
.top2 figure.change2 {
background: url("../img/top/top5.jpg") no-repeat center 0;
}

.top1 section p.detail,
.top2 section p.detail {
letter-spacing: 0;
text-align: center;
}

.top1 section p.detail a,
.top2 section p.detail a {
background: #fff url("../img/top/arrow.png") no-repeat 30px 20px;
border: 2px solid #178514;
color: #178514;
display: block;
height: 39px;
padding: 17px 0 0 23px;
width: 147px;
}
.top1 section p.detail a:link,
.top1 section p.detail a:visited,
.top2 section p.detail a:link,
.top2 section p.detail a:visited {
text-decoration: none;
}
.top1 section p.detail a:hover,
.top2 section p.detail a:hover {
background: #fff url("../img/top/arrow.png") no-repeat 30px 18px;
height: 41px;
padding: 15px 0 0 23px;
}


/* Footer */

footer {
background: #178514;
display: flex;
justify-content: space-between;
letter-spacing: 1px;
padding: 39px 100px 11px;
}

footer ul {
font-weight: 500;
list-style: none;
width: 680px;
}
footer ul li {
float: left;
margin-bottom: 30px;
}

footer ul li.n15 {
width: 198px;
}
footer ul li.n26 {
width: 164px;
}
footer ul li.n37 {
width: 198px;
}

footer a:link,
footer a:visited {
color: #fff;
text-decoration: none;
}
footer a:hover {
font-weight: 900;
}

address {
color: #fff;
font-family: Verdana;
font-size: 0.875em;
font-style: normal;
}

#pagetop {
bottom: 20px;
display: none;
font-size: 0.875em;
position: fixed;
right: 5%;
z-index: 3;
}
#pagetop a {
background: #f93;
border-radius: 25px;
color: #fff;
display: block;
height: 33px;
padding-top: 17px;
text-decoration: none;
text-align: center;
width: 50px;
}
#pagetop a:hover {
background: #f60;
}

#hide_con1 {
bottom: 242px;
display: none;
position: fixed;
right: 0;
width: 325px;
z-index: 3;
}
#hide_con1 a {
background: #fff;
border: 2px solid #178514;
color: #178514;
display: block;
font-size: 1.5em;
font-weight: 700;
letter-spacing: 1px;
height: 60px;
padding-top: 32px;
text-align: center;
}
#hide_con1 a:link,
#hide_con1 a:visited {
text-decoration: none;
}
#hide_con1 a:hover {
border: 2px solid #49b746;
color: #49b746;
}

#hide_con2 {
background: #fff;
border-bottom: 2px solid #178514;
border-left: 2px solid #178514;
border-right: 2px solid #178514;
bottom: 146px;
display: none;
padding: 20px 24px 21px;
position: fixed;
right: 0;
width: 273px;
z-index: 3;
}

#footer_sp {
display: none;
}


/* Smart Phone Menu */

.spmenu,
.hide1,
.yes451 {
display: none;
}



/* Width 1784px scrollbar (1769+15 scrollbar+15) */
@media screen and (max-width: 111.5em) {

#header2 section {
margin: 20px 50px;
}

footer {
padding: 39px 50px 11px;
}

#kata1 div,
#president1 div,
#recruit1 div,
#ukeoi1 div,
.top1 div,
.top2 div {
margin: 0 50px;
}

.tab4 section {
margin: 0 50px 150px;
}
.tab4 section#y2022 {
margin: 0 50px 200px;
}

}



/* Width 1439px (1424+15 scrollbar+15) */
@media screen and (max-width: 89.9375em) {

header dl dd {
margin-right: 32px;
}

.top1 figure {
background: url("../img/top/top2.jpg") no-repeat -280px 0;
}

}



/* Width 1349px (1334+15 scrollbar+15) */
@media screen and (max-width: 84.3125em) {

header dl {
padding: 36px 0 0 0;
}

.tab4 section {
padding: 0 18px;
}
.tab4 th {
font-size: 0.9375em;
padding: 24px 0 25px;
}
.tab4 td {
font-size: 0.9375em;
padding: 24px 0 25px;
}

.cell1 {
width: 35%;
}
.cell2 {
width: 10%;
}
.cell4 {
width: 44%;
}
.cell6 {
width: 48%;
}

}



/* Width 1279px (1264+15 scrollbar+15) */
@media screen and (max-width: 79.9375em) {

header dl dd {
font-size: 1em;
}

#header2 section ul li {
font-size: 1.0625em;
}

}



/* Width 1223px (1208+15 scrollbar+15) */
@media screen and (max-width: 76.4375em) {

header dl dd {
margin-right: 16px;
}

#header2 section ul li {
font-size: 1em;
margin: 0 34px 4px 0;
}

}



/* Width 1143px (1128+15 scrollbar+15) */
@media screen and (max-width: 71.4375em) {

header dl dd {
font-size: 0.9375em;
}

#bread {
font-size: 0.9375em;
letter-spacing: 0;
}

#kata1 section,
#president1 section,
#recruit1 section,
#ukeoi1 section,
.top1 section,
.top2 section {
width: 860px;
}
#kata1 section p,
#president1 section p,
#recruit1 section p,
#ukeoi1 section p,
.top2 section p {
margin: 0 36px 33px 171px;
}
#kata1 figure,
#president1 figure,
#recruit1 figure,
#ukeoi1 figure,
.top2 figure {
margin: 50px -135px 0 0;
}

#recruit1 section p {
letter-spacing: 0.2px;
}
#ukeoi1 section p {
letter-spacing: 0.6px;
}

.top1 h3 {
margin: 0 36px 42px;
}
.top2 h3 {
margin: 0 36px 42px 171px;
}
.top1 section p {
margin: 0 159px 44px 36px;
}
.top1 figure {
margin: 50px 0 0 -135px;
}

}



/* Width 1115px (1100+15 scrollbar+15) */
@media screen and (max-width: 69.6875em) {

header {
margin: 0 18px;
}

#header2 section ul li {
margin: 0 22px 4px 0;
}

}



/* Width 1106px (1091+15 scrollbar+15) */
@media screen and (max-width: 69.125em) {

#tab1 section,
#tab2 section {
margin: 0 50px 200px;
width: auto;
}
#tab2 section.mb150 {
margin: 0 50px 150px;
}

#tab3 section {
margin: 0 50px 200px;
width: auto;
}
#tab5 section {
margin: 0 50px 50px;
width: auto;
}
#tab6 section {
margin: 0 50px 200px;
width: auto;
}

#tab1 th,
#tab2 th {
width: 18%;
}
#tab1 td,
#tab2 td {
width: 82%;
}
#tab6 th {
width: 18%;
}
#tab6 td {
width: 82%;
}

}



/* Width 1051px (1036+15 scrollbar+15) */
@media screen and (max-width: 65.6875em) {

header dl dd,
#bread {
font-size: 0.875em;
}

}



/* Width 320-1023px (1008+15 scrollbar+15) */
@media screen and (min-width: 20em) and (max-width: 63.9375em) {

* {
color: #000;
}

header {
background: #fff;
display: block;
margin: 0;
height: auto;
padding: 0 16px;
position: fixed;
width: 100%;
}
header dl {
padding: 0;
text-align: left;
}
header dl dt {
margin-bottom: 12px;
}
header dl dt img {
width: 228px;
}

hgroup {
width: auto;
}

h1 {
font-size: 0.875em;
letter-spacing: 0.3px;
margin: 13px 0 9px;
}

hgroup p,
header dl dd,
header section {
display: none;
}

#bread {
font-size: 0.875em;
letter-spacing: 1px;
margin: 0 16px 97px;
}

#katawaku_t h2,
#president_t h2,
#recruit_t h2,
#ukeoi_t h2,
#safety_t h2,
#company_t h2,
#case_t h2,
#inquiry_t h2 {
font-size: 2em;
}
#katawaku_t h2 strong,
#president_t h2 strong,
#recruit_t h2 strong,
#ukeoi_t h2 strong,
#safety_t h2 strong,
#company_t h2 strong,
#case_t h2 strong,
#inquiry_t h2 strong {
border-radius: 0 48px 48px 0;
padding: 10px 30px 16px 20px;
}

#katawaku_t,
#company_t,
#safety_t,
#president_t,
#recruit_t,
#ukeoi_t,
#inquiry_t {
background-size: cover;
height: 290px;
margin-bottom: 17px;
padding-top: 78px;
}

#case_t {
align-items: center;
background: url("../img/second/case1.jpg") no-repeat center 0;
background-size: cover;
height: 290px;
margin-bottom: 17px;
padding-top: 78px;
}

#kata1,
#president1,
#recruit1,
#ukeoi1 {
background: none;
margin: 0 16px 96px;
}

#kata1 div,
#president1 div,
#recruit1 div,
#ukeoi1 div {
flex-direction: column-reverse;
margin: 0;
}
#kata1 h3,
#president1 h3,
#recruit1 h3,
#ukeoi1 h3 {
background: none;
border-bottom: 2px solid #178514;
border-top: 2px solid #178514;
font-size: 2em;
margin-bottom: 48px;
padding: 32px 0 36px;
}

#kata1 section,
#president1 section,
#recruit1 section,
#ukeoi1 section {
height: auto;
padding: 40px 0 10px;
width: auto;
z-index: auto;
}
#kata1 section p,
#president1 section p,
#recruit1 section p,
#ukeoi1 section p {
font-size: 1em;
letter-spacing: 0.3px;
margin: 0 16px 33px;
}

#kata1 figure {
background: url("../img/second/carpenter2.jpg") no-repeat 0 0;
background-size: cover;
flex: auto;
height: 240px;
margin: 0;
z-index: auto;
}

#ukeoi1 figure {
background: url("../img/second/ukeoi2.jpg") no-repeat center center;
background-size: cover;
flex: auto;
height: 240px;
margin: 0;
z-index: auto;
}

#president1 figure,
#recruit1 figure,
#ukeoi1 figure {
background-size: cover;
flex: auto;
height: 240px;
margin: 0;
z-index: auto;
}

.company1 {
background: none;
margin: 0 16px 90px;
width: auto;
}
.company1 h3,
#safety1 h3 {
background: none;
border-bottom: 2px solid #178514;
border-top: 2px solid #178514;
font-size: 2em;
margin-bottom: 40px;
padding: 32px 0 36px;
}
.company1 p {
font-size: 1em;
letter-spacing: 0.3px;
text-align: left;
}

#safety1 {
background: none;
margin: 0 16px 48px;
width: auto;
}
#safety1 p {
font-size: 1em;
letter-spacing: 0.3px;
}

#tab1,
#tab2,
#tab3,
.tab4,
#tab5 {
background: none;
margin: 0 16px 96px;
}
#tab1 h3,
#tab2 h3,
#tab3 h3,
.tab4 h3 {
background: none;
border-bottom: 2px solid #178514;
border-top: 2px solid #178514;
font-size: 2em;
margin-bottom: 48px;
padding: 32px 0 36px;
}
#tab5 h3 {
background: none;
border-bottom: 2px solid #178514;
border-top: 2px solid #178514;
font-size: 2em;
margin-bottom: 40px;
padding: 32px 0 36px;
}

#tab1 section,
#tab2 section {
margin: 0;
padding: 0 16px;
}
#tab2 section.mb150 {
margin: 0 auto 96px;
}

#tab3 section {
margin: 0;
overflow: auto;
padding: 0 16px;
}
#tab3 table {
min-width: 894px;
}

.tab4 section {
margin: 0;
overflow: auto;
padding: 0 16px;
}
.tab4 section#y2022 {
margin: 0;
}
.tab4 table {
min-width: 1200px;
}

#tab1 th,
#tab2 th {
display: block;
font-size: 1em;
padding: 14px 0 15px;
text-align: center;
width: 100%;
}

#tab1 td,
#tab2 td {
display: block;
font-size: 1em;
padding: 14px 0 15px;
width: 100%;
}
#tab1 td a.telno:link,
#tab2 td a.telno:link {
text-decoration: underline;
}

#tab2 th.wc1 {
width: 100%;
}
#tab2 td.wc2 {
width: 100%;
}
#tab2 td.w1023 {
text-align: center;
}

#tab1 th.bb0,
#tab2 th.bb0 {
border-bottom: 2px solid #178514;
}

#tab3 th,
.tab4 th,
#tab3 td,
.tab4 td {
font-size: 1em;
}

#tab5 p {
font-size: 1em;
margin-bottom: 42px;
text-align: left;
}
#tab5 p#conversion,
#tab5 p#complete {
font-size: 1.125em;
margin-bottom: 0;
text-align: center;
}
#tab5 p#thankslast {
padding-bottom: 300px;
}
#tab5 div#emback p {
margin-bottom: 0;
}

#emback {
padding-bottom: 0;
}

#tab5 section {
margin: 0 0 48px;
padding: 25px 16px 0;
width: auto;
}
#tab5 section#yo5pad {
padding: 24px 16px 0;
}

#tab5 th {
display: block;
font-size: 1em;
padding: 0 0 10px;
text-align: center;
width: auto;
}

#tab5 td {
display: block;
font-size: 1em;
padding: 0 0 24px;
width: auto;
}
#tab5 section#yo5pad th {
border-bottom: 2px solid #178514;
}
#tab5 section#yo5pad td {
padding: 9px 0 24px;
}

#tab6 {
margin: -3px 16px 48px;
padding-top: 0;
}
#tab6 h3 {
font-size: 2em;
margin-bottom: 25px;
}
#tab6 section {
margin: 0;
padding: 0 16px;
}
#tab6 th {
display: block;
font-size: 1em;
padding: 14px 0 15px;
text-align: center;
width: auto;
}
#tab6 td {
display: block;
font-size: 1em;
padding: 14px 0 15px;
width: auto;
}
#tab6 th.bb0 {
border-bottom: 2px solid #178514;
}

#top_t {
background: url("../img/top/top1.jpg") no-repeat center 0;
background-size: cover;
height: 360px;
margin-bottom: 48px;
padding-top: 78px;
}
#top_t h2 {
font-size: 2em;
letter-spacing: 0;
margin-bottom: 70px;
}

.top1 {
margin: 0 16px 48px;
}
.top1 div {
flex-direction: column-reverse;
margin: 0;
}

.top1 section {
height: auto;
padding: 40px 0 6px;
width: auto;
z-index: auto;
}
.top1 section p {
font-size: 1em;
letter-spacing: 0.3px;
margin: 0 16px 42px;
}
.top1 section p.detail a,
.top2 section p.detail a {
background: #fff url("../img/top/arrow.png") no-repeat 30px 20px;
height: 37px;
margin: 0 auto;
padding: 19px 0 0 23px;
}
.top1 section p.detail a:hover,
.top2 section p.detail a:hover {
background: #fff url("../img/top/arrow.png") no-repeat 30px 18px;
height: 39px;
margin: 0 auto;
padding: 17px 0 0 23px;
}

.top1 h3 {
font-size: 2em;
margin: 5px 0 42px;
text-align: center;
}
.top1 h3.p11,
.top2 h3.p12,
.top1 h3.p13,
.top2 h3.p14 {
padding-top: 0;
}

.top1 figure {
background: url("../img/top/top2.jpg") no-repeat 0 0;
background-size: cover;
flex: auto;
height: 240px;
margin: 0;
z-index: auto;
}
.top1 figure.change1 {
background: url("../img/top/top4.jpg") no-repeat 0 0;
background-size: cover;
flex: auto;
height: 240px;
margin: 0;
z-index: auto;
}

.top2 {
margin: 0 16px 48px;
}
.top2 div {
flex-direction: column-reverse;
margin: 0;
}

.top2 section {
height: auto;
padding: 40px 0 6px;
width: auto;
z-index: auto;
}
.top2 section p {
font-size: 1em;
letter-spacing: 0.3px;
margin: 0 16px 42px;
}

.top2 h3 {
font-size: 2em;
margin: 5px 0 42px;
text-align: center;
}

.top2 figure {
background: url("../img/top/top3.jpg") no-repeat 0 0;
background-size: cover;
flex: auto;
height: 240px;
margin: 0;
z-index: auto;
}
.top2 figure.change2 {
background: url("../img/top/top5.jpg") no-repeat center 0;
background-size: cover;
flex: auto;
height: 240px;
margin: 0;
z-index: auto;
}

footer {
display: block;
padding: 39px 0 110px;
}
footer ul {
display: none;
}

#header2,
#hide_con1,
#hide_con2 {
visibility: hidden;
}

address {
text-align: center;
}

#pagetop {
bottom: 91px;
}

#footer_sp {
background: #fff;
bottom: 0;
display: flex;
left: 0;
position: fixed;
width: 100%;
}
#footer_sp li {
font-size: 1.25em;
font-weight: 700;
list-style: none;
text-align: center;
width: 50%;
}
#footer_sp li a {
color: #178514;
display: block;
height: 56px;
line-height: 1;
padding-top: 13px;
text-decoration: none;
}
#footer_sp li a span {
color: #178514;
font-size: 0.6em;
}

#footer_sp li#fc_sp {
background: #178514;
font-size: 1.25em;
}
#footer_sp li#fc_sp a {
color: #fff;
height: 61px;
line-height: 1.3;
padding-top: 8px;
}

a[href^="tel:"] {
pointer-events: auto;
}

.spmenu {
background: url("../img/common/spmenu.png") no-repeat 0 0;
background-size: 37px 29px;
display: block;
float: right;
height: 29px;
margin: -54px 32px 0 0;
width: 37px;
}
.spmenu:hover {
cursor: pointer;
}

.hide1 {
background: #fff;
border-top: 2px solid #178514;
left: 0;
position: fixed;
top: 0;
width: 42%;
z-index: 4;
}
.hide1 li {
border-bottom: 2px solid #178514;
border-right: 2px solid #178514;
font-size: 1em;
font-weight: 700;
}

.hide1 li a {
display: block;
padding: 22px 24px 23px;
}
.hide1 li a:link,
.hide1 li a:visited,
.hide1 li a:hover {
text-decoration: none;
}

.active {
background: url("../img/common/close.png") no-repeat 0 0;
background-size: 37px 29px;
}

}



/* Width 451px */
@media screen and (max-width: 28.1875em) {

.yes451 {
display: block;
}

}



/* Width 320-359px */
@media screen and (min-width: 20em) and (max-width: 22.4375em) {

#top_t h2 {
font-size: 1.75em;
}

#footer_sp li {
font-size: 1.1875em;
}
#footer_sp li a span {
font-size: 0.55em;
}

.hide1 {
width: 50%;
}

#pagetop {
right: 3%;
}

#tab5 h3 {
font-size: 1.75em;
}

.element2 {
width: 288px;
}

}