@charset "UTF-8";
 @import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap");
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, i, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, figure, figcaption,
button, input, textarea, select, i {
border: 0;
font-style: inherit;
font-weight: inherit;
font-size: inherit;
line-height: inherit;
font-family: inherit;
letter-spacing: inherit;
color: inherit;
margin: 0;
outline: 0;
padding: 0;
vertical-align: baseline;
line-height: 1.5;
letter-spacing: .05em;
}
html {
font-size: 62.5%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
*,
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
body {
font-size: 20px;
font-size: 2rem;
line-height: 1.5;
background: #fff;
color: #333333;
overflow-x: hidden;
overflow-y: scroll;
font-family: 'Noto Sans JP', sans-serif;
}
ul, li {
list-style: none;
}
table {
border-collapse: collapse;
width: 100%;
}
a:hover,
a:active,
a:focus {
outline: 0;
}
a {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: all .2s ease-in;
transition: all .2s ease-in;
-webkit-transition-property: opacity, color, background, box-shadow, -webkit-transform;
transition-property: opacity, color, background, box-shadow, -webkit-transform;
transition-property: opacity, color, background, transform, box-shadow;
transition-property: opacity, color, background, transform, box-shadow, -webkit-transform;
opacity: 1;
line-height: inherit;
}
img {
vertical-align: middle;
}
img,
input[type="image"] {
border: 0;
height: auto;
max-width: 100%;
}
input[type="submit"], input[type="button"], button {
cursor: pointer;
-webkit-appearance: none;
border-radius: 0;
font-size: inherit;
letter-spacing: inherit;
background: none;
}
strong {
font-weight: bold;
}
a {
text-decoration: none;
}
a:hover,
input[type="image"]:hover {
opacity: 0.7;
}
p {
line-height: inherit;
}
p * {
line-height: inherit;
}
main {
overflow: hidden;
}
.m_ft {
font-family: 'Noto Serif JP', serif;
}
.g_ft {
font-family: 'Noto Sans JP', sans-serif;
}
@font-face {
font-family: 'urwdincondw05-demiregular';
src: url(//kaitai-kankyo.com/wp-content/themes/kankyo/css/urwdincondw05.woff2) format("woff2"), url(//kaitai-kankyo.com/wp-content/themes/kankyo/css/urwdincondw05.woff) format("woff");
font-weight: normal;
font-style: normal;
font-display: swap;
}
.ft_e {
font-family: 'urwdincondw05-demiregular', sans-serif;
}
.ft_m {
font-family: 'Montserrat', sans-serif;
} .evt {
visibility: hidden;
}
.c_anchor {
position: absolute;
width: 100%;
left: 0;
margin-top: -16rem;
}
@media screen and (max-width: 767px) {
.c_anchor {
margin-top: -6.7rem;
}
}
.c_ttl {
font-size: 1.6rem;
color: #159e00;
font-weight: bold;
letter-spacing: 0;
position: relative;
z-index: 1;
text-align: center;
margin-bottom: 5rem;
}
@media screen and (max-width: 767px) {
.c_ttl {
margin-bottom: 4rem;
font-size: 1.7rem;
}
}
.c_ttl i {
font-size: 6rem;
line-height: 1;
color: #2d2d2d;
letter-spacing: -.03em;
display: block;
margin-bottom: .2em;
}
@media screen and (max-width: 767px) {
.c_ttl i {
font-size: 4rem;
}
}
.c_ttl img {
width: 14rem;
position: absolute;
z-index: -1;
}
@media screen and (max-width: 767px) {
.c_ttl img {
width: 9.4rem;
}
}
.c_lead {
text-align: center;
font-size: 1.8rem;
font-weight: bold;
line-height: 2.22;
}
@media screen and (max-width: 767px) {
.c_lead {
text-align: left;
font-size: 1.7rem;
line-height: 1.9;
}
}
.c_contact {
background: #159e00;
color: #fff;
text-align: center;
position: relative;
z-index: 1;
padding-top: 6.4rem;
overflow: hidden;
}
.c_contact .ttl2 {
font-size: 3.8rem;
font-weight: bold;
letter-spacing: 0;
line-height: 1.29;
}
@media screen and (max-width: 767px) {
.c_contact .ttl2 {
white-space: nowrap;
}
}
.c_contact .catch2 {
font-size: 3rem;
font-weight: bold;
margin: 1rem 0 2.2rem;
}
@media screen and (max-width: 767px) {
.c_contact .catch2 {
font-size: 2.1rem;
margin: 3rem 0 5.5rem 19.5rem;
text-align: left;
}
}
.c_contact .txt p {
background: #ffba05;
font-size: 2.4rem;
font-weight: bold;
border-radius: 3em;
border: solid 2px #fff;
color: #000;
letter-spacing: 0;
line-height: 4.6rem;
}
@media screen and (max-width: 767px) {
.c_contact .txt p {
font-size: 1.8rem;
line-height: 4.4rem;
}
}
.c_contact .txt p + p {
margin-top: 1.4rem;
}
@media screen and (max-width: 767px) {
.c_contact .txt {
position: relative;
padding-right: 17rem;
}
.c_contact .txt .ope {
position: absolute;
bottom: -1.8rem;
right: 0;
width: 15.3rem;
}
}
.c_contact .ttl {
line-height: 1.3;
font-weight: bold;
font-size: 4rem;
}
@media screen and (max-width: 767px) {
.c_contact .ttl {
font-size: 3rem;
}
}
.c_contact .catch {
line-height: 1.33;
color: #159e00;
font-weight: bold;
background: #fff;
position: relative;
width: 86rem;
margin: 1rem 5rem 3.7rem auto;
padding: .5em 0;
font-size: 2.4rem;
}
@media screen and (max-width: 767px) {
.c_contact .catch {
font-size: 2rem;
text-align: left;
margin: 2.2rem -2rem 4.6rem 11rem;
width: auto;
padding: 2rem 2.5rem;
white-space: nowrap;
}
}
.c_contact .catch:before {
content: '';
position: absolute;
border-style: solid;
border-width: 0 1.1rem 1.2rem 0;
border-color: transparent #fff transparent transparent;
left: -1.1rem;
top: 1.3rem;
}
@media screen and (max-width: 767px) {
.c_contact .catch:before {
border-width: 0 1.5rem 1.6rem 0;
left: -1.5rem;
}
}
.c_contact .staff {
position: absolute;
bottom: 0;
left: calc(50% - 65.3rem);
width: 29.7rem;
}
@media screen and (max-width: 767px) {
.c_contact .staff {
left: -2rem;
width: 16.4rem;
bottom: -4.6rem;
}
}
.c_contact .staff:before {
content: '';
position: absolute;
width: 33.1rem;
height: 33.1rem;
border-radius: 50%;
background: #2dad19;
z-index: -1;
top: 6.8rem;
left: -2.5rem;
}
@media screen and (max-width: 767px) {
.c_contact .staff:before {
width: 22.1rem;
height: 22.1rem;
top: -1.8rem;
}
}
.c_contact .staff figcaption {
position: absolute;
font-size: 1.4rem;
right: -8em;
bottom: 3rem;
}
@media screen and (max-width: 767px) {
.c_contact .staff figcaption {
bottom: 1.2rem;
}
}
@media screen and (max-width: 767px) {
.c_contact {
padding: 3.8rem 0 6rem;
}
.c_contact .c_tel {
margin-top: 1.7rem;
}
.c_contact .c_tel a {
box-shadow: 2.828px 2.828px 0px 0px rgba(0, 0, 0, 0.54);
}
.c_contact .box {
position: relative;
}
.c_contact.b .staff {
width: 17.5rem;
left: 1.5rem;
bottom: -8rem;
}
.c_contact.b .staff:before {
left: -2rem;
top: -1rem;
}
.c_contact.b .staff figcaption {
bottom: 4rem;
right: -7.5em;
}
.c_contact.b ul {
position: relative;
}
}
@media screen and (min-width: 768px) {
.c_contact {
height: 42.5rem;
}
.c_contact.b {
height: 38.5rem;
}
.c_contact.b .txt {
width: 36.5rem;
}
.c_contact.b .c_tel {
width: 49rem;
}
.c_contact.b ul {
margin-right: 5.4rem;
margin-left: 6.2rem;
align-items: center;
}
.c_contact.b .staff {
width: 21.6rem;
left: calc(50% - 62.43rem);
}
.c_contact.b .staff:before {
top: -3.4rem;
left: -5.1rem;
}
.c_contact.b .staff figcaption {
right: -10.5rem;
}
.c_contact.b .ope {
right: calc(50% - 62.2rem);
width: 23rem;
}
.c_contact .ope {
position: absolute;
right: calc(50% - 65.5rem);
width: 24.1rem;
bottom: 0;
}
.c_contact ul {
display: flex;
justify-content: space-between;
margin-left: 6.4rem;
}
.c_contact .c_tel {
width: 44.5rem;
}
.c_contact .c_mail {
width: 47rem;
}
.c_contact .c_mail a {
padding-left: 15.8rem;
padding-top: .7em;
}
}
.c_contact2 {
margin-bottom: 6rem;
}
@media screen and (max-width: 767px) {
.c_contact2 {
margin: 0 -2rem 5rem;
}
}
@media screen and (min-width: 768px) {
.c_contact2 {
background: url(//kaitai-kankyo.com/wp-content/themes/kankyo/img/cta_contact_bg.png) no-repeat left top/contain;
width: 74rem;
height: 44rem;
padding-top: 6rem;
}
.c_contact2 .c_tel a {
background: none;
}
.c_contact2 .c_tel em {
font-size: 8.2rem;
line-height: 1.05;
background-size: 4.8rem;
background-position: left .4em;
padding-left: .7em;
}
.c_contact2 .c_tel small {
margin-left: 7em;
}
.c_contact2 .c_mail {
width: 43rem;
margin: .3rem auto 0;
}
.c_contact2 .c_mail a {
height: 7.5rem;
box-shadow: 7.071px 7.071px 0px 0px rgba(0, 0, 0, 0.2);
font-size: 2.4rem;
padding-left: 10rem;
padding-top: .9em;
background-position: calc(100% - .8em) center;
background-size: 1rem;
}
.c_contact2 .c_mail em {
font-size: 1.4rem;
left: 2.2rem;
}
}
.c_mail a {
display: block;
color: #fff;
font-size: 3.4rem;
background: #0b7eff url(//kaitai-kankyo.com/wp-content/themes/kankyo/img/ico_arrow_03.png) no-repeat calc(100% - .65em) 70%/0.441em;
position: relative;
border-radius: .6rem;
height: 12.4rem;
box-shadow: 7.071px 7.071px 0px 0px rgba(0, 0, 0, 0.2);
font-weight: bold;
line-height: 1.23;
text-align: left;
}
@media screen and (max-width: 767px) {
.c_mail a {
font-size: 3.25rem;
box-shadow: 4.95px 4.95px 0px 0px rgba(0, 0, 0, 0.2);
height: 11.4rem;
padding-left: 10.8rem;
letter-spacing: 0;
letter-spacing: .03em;
padding-top: 1.1em;
background-size: 1rem;
background-position: calc(100% - .7em) center;
}
.c_mail a br {
display: none;
}
.c_mail a span {
line-height: inherit;
}
}
.c_mail a > small {
font-size: .575em;
letter-spacing: .06em;
}
@media screen and (max-width: 767px) {
.c_mail a > small {
display: none;
}
}
.c_mail em {
background: #ff8c05;
border-radius: 50%;
line-height: 1;
font-size: 2.1rem;
text-align: center;
width: 4.9em;
height: 4.9em;
padding-top: .6em;
padding-left: .3em;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 4rem;
}
@media screen and (max-width: 767px) {
.c_mail em {
font-size: 1.6rem;
left: 1.5rem;
}
}
.c_mail em small {
font-size: .8em;
margin-left: .1em;
}
.c_mail em i {
font-size: 2.28em;
line-height: 1;
}
.c_tel {
text-align: center;
}
.c_tel a {
display: block;
color: #fff;
border-radius: 1rem;
background: #118200;
height: 13rem;
padding-top: 1.2rem;
}
@media screen and (max-width: 767px) {
.c_tel a {
box-shadow: 4.95px 4.95px 0px 0px rgba(0, 0, 0, 0.2);
background: #0e6600;
height: 12.2rem;
padding-top: .9rem;
}
}
.c_tel small {
display: block;
font-size: 1.4rem;
}
@media screen and (max-width: 767px) {
.c_tel small {
font-size: 1.8rem;
}
}
.c_tel em {
font-size: 6rem;
background: url(//kaitai-kankyo.com/wp-content/themes/kankyo/img/ico_tel_01.png) no-repeat left 0.35em/0.6833em;
padding-left: .8em;
line-height: 1.2;
}
@media screen and (max-width: 767px) {
.c_tel em {
font-size: 6.6rem;
letter-spacing: .03em;
line-height: 1.1;
}
}
.c_btn {
text-align: center;
}
.c_btn a {
display: inline-block;
color: #159e00;
font-size: 1.6rem;
font-weight: bold;
border-radius: 3em;
border: solid 2px #159e00;
background: #fff;
width: 35.6rem;
line-height: 5.6rem;
box-shadow: 2.121px 2.121px 0px 0px rgba(0, 0, 0, 0.2);
max-width: 100%;
}
@media screen and (max-width: 767px) {
.c_btn a {
font-size: 1.7rem;
width: 39.2rem;
line-height: 6.5rem;
}
} .u_wrap {
overflow: hidden;
}
.u_inner {
width: 100rem;
margin: 0 auto;
max-width: 100%;
}
html {
font-size: 10px;
}
@media screen and (min-width: 768px) and (max-width: 1140px) {
html {
font-size: calc(100vw * 10 / 1140);
}
}
@media screen and (max-width: 767px) {
html {
font-size: calc(100vw * 10 / 500);
}
}
.u_clearfix:after,
.u_clearfix > li:after {
height: 0;
visibility: hidden;
content: ".";
display: block;
clear: both;
}
* html .u_clearfix,
* html .u_clearfix > li {
zoom: 1;
}
* + html .u_clearfix,
* + html .u_clearfix li {
zoom: 1;
}
.u_switch_img {
opacity: 1;
}
.u_relative {
position: relative;
}
@media screen and (min-width: 768px) {
.u_visible_sp {
display: none;
}
.u_tel {
pointer-events: none;
cursor: default;
}
.u_tel:hover {
opacity: 1;
}
}
@media screen and (max-width: 767px) {
.u_visible_pc {
display: none;
}
.u_inner {
width: auto;
margin: 0 2rem;
}
.u_inner.b {
margin: 0;
}
} #header {
position: fixed;
width: 100%;
top: 0;
z-index: 66;
height: 16rem;
background: #fff;
box-shadow: 1.414px 1.414px 3px 0px rgba(0, 0, 0, 0.36);
}
#header a {
display: block;
}
@media screen and (max-width: 767px) {
#header {
box-shadow: 0.707px 0.707px 2px 0px rgba(0, 0, 0, 0.36);
height: 6.7rem;
}
}
.h_logo {
position: absolute;
top: 4rem;
left: 3.4rem;
}
@media screen and (max-width: 767px) {
.h_logo {
top: 1.5rem;
left: 1.5rem;
}
}
.h_logo img {
width: 31rem;
}
@media screen and (max-width: 767px) {
.h_logo img {
width: 20.7rem;
}
}
.h_nav {
font-weight: bold;
}
@media screen and (max-width: 767px) {
.h_nav {
padding: 6.6rem 3rem 1.5rem;
}
.h_nav li {
font-size: 2rem;
margin-bottom: 1.5em;
}
.h_nav a {
position: relative;
padding-left: 2.4em;
}
.h_nav a:before {
content: '';
position: absolute;
left: 0;
border-bottom: solid 0.4rem #159e00;
width: 1.2em;
top: 48%;
}
}
@media screen and (min-width: 768px) {
.h_nav {
text-align: center;
padding-top: 11.3rem;
display: flex;
justify-content: space-between;
}
.h_nav li {
font-size: 1.6rem;
}
}
.fixed_contact {
position: fixed;
right: 0;
bottom: 0;
z-index: 10;
}
.fixed_contact img {
width: 35.2rem;
}
.fixed_contact a {
display: block;
}
.h_mail {
position: absolute;
right: 3rem;
top: 2.2rem;
width: 40rem;
}
@media screen and (max-width: 767px) {
.h_mail {
right: 6.6rem;
top: 0;
width: 19.2rem;
}
.h_mail a {
border-radius: 0;
box-shadow: none;
height: 6.6rem;
padding: .5em 1.6em 0 .7em;
font-size: 1.7rem;
background-size: .5rem;
background-position: calc(100% - 1rem) center;
white-space: nowrap;
}
.h_mail em {
position: static;
display: block;
width: auto;
height: auto;
border-radius: 0;
transform: none;
padding: 0;
font-size: 1.4rem;
margin-bottom: .25em;
}
.h_mail em small {
font-size: inherit;
}
.h_mail em i {
font-size: 2.1rem;
}
.h_mail em br {
display: none;
}
}
@media screen and (min-width: 768px) {
.h_mail a {
font-size: 2.2rem;
height: 6.2rem;
padding-top: .6em;
padding-left: .3em;
text-align: center;
box-shadow: none;
background-size: .8rem;
background-position: calc(100% - .9em) center;
}
.h_mail em {
left: -2.2rem;
font-size: 1.4rem;
top: -2rem;
transform: none;
}
}
@media screen and (min-width: 768px) {
.h_tel {
position: absolute;
right: 49rem;
top: 1.2rem;
text-align: center;
font-weight: bold;
}
.h_tel dt {
color: #159e00;
font-size: 1.6rem;
letter-spacing: .06em;
}
.h_tel dd em {
font-size: 4rem;
display: block;
line-height: 1;
}
.h_tel dd small {
display: block;
line-height: 1;
font-size: 1.2rem;
}
}
@media screen and (min-width: 768px) {
#toggle_menu {
display: block !important;
}
}
@media screen and (max-width: 767px) {
.h_menu {
cursor: pointer;
right: 0;
top: 0;
position: absolute;
}
.h_menu img {
width: 6.6rem;
}
.h_close {
right: 0;
position: absolute;
width: 5.5rem;
top: 0;
}
.h_close img {
width: 100%;
}
#toggle_menu {
display: none;
position: fixed;
top: 0;
z-index: 9;
left: 0;
width: 100%;
overflow-y: auto;
height: 100%;
background: #fff;
padding-bottom: 6rem;
}
#toggle_menu .c_mail {
margin-bottom: 3rem;
}
body.open {
overflow-y: hidden;
}
}
@media screen and (min-width: 768px) {
.fixed_footer {
display: none;
}
}
@media screen and (max-width: 767px) {
.fixed_footer {
position: fixed;
width: 100%;
bottom: 0;
left: 0;
padding: 0 .7rem 1.4rem;
z-index: 63;
}
.fixed_footer a {
font-weight: bold;
display: block;
color: #fff;
background: #0e6600;
height: 7rem;
display: flex;
align-items: center;
justify-content: center;
border-radius: .7rem;
gap: 1rem;
box-shadow: 2.828px 2.828px 0px 0px rgba(0, 0, 0, 0.54);
white-space: nowrap;
}
.fixed_footer i {
border-radius: 50%;
font-size: 1.2rem;
text-align: center;
line-height: 1.15;
width: 6rem;
height: 6rem;
background: #ff8c05;
padding-top: 1.3em;
position: relative;
z-index: 1;
}
.fixed_footer i:before {
content: '';
position: absolute;
border-style: solid;
border-width: .9rem 0 .9rem 2.5rem;
border-color: transparent transparent transparent #ff8c05;
right: -1rem;
top: 2.8rem;
transform: rotate(10deg);
z-index: -1;
}
.fixed_footer small {
font-size: 1.3rem;
display: block;
line-height: 1.3;
}
.fixed_footer em {
font-size: 4.5rem;
background: url(//kaitai-kankyo.com/wp-content/themes/kankyo/img/ico_tel_01_sp.png) no-repeat left 0.2em/3.1rem;
padding-left: .8em;
line-height: 1;
}
}
#gototop {
position: fixed;
right: 2rem;
bottom: 23rem;
z-index: 50;
}
@media screen and (max-width: 767px) {
#gototop {
bottom: 10rem;
right: 1rem;
}
}
#gototop a {
display: block;
}
#gototop img {
width: 6rem;
}
#footer {
border-top: solid 1px #159e00;
padding: 6.5rem 0 5rem;
margin-bottom: 12rem;
}
@media screen and (max-width: 767px) {
#footer {
padding: 6rem 0 0;
margin-bottom: 11rem;
text-align: center;
}
}
.f_logo {
margin: 0 0 2.5rem;
}
.f_logo a {
display: inline-block;
}
.f_logo img {
width: 31rem;
}
@media screen and (max-width: 767px) {
.f_logo img {
width: 27.4rem;
}
}
@media screen and (min-width: 768px) {
.f_nav {
position: absolute;
left: 39rem;
top: 0;
width: 62rem;
display: flex;
flex-wrap: wrap;
gap: 1.6rem 0;
}
.f_nav li {
font-size: 1.6rem;
font-weight: bold;
width: 11.3em;
white-space: nowrap;
}
.f_nav li:nth-child(4n + 0) {
width: 4em;
}
}
.f_info {
font-size: 1.6rem;
line-height: 1.625;
margin-bottom: 6rem;
}
@media screen and (max-width: 767px) {
.f_info {
font-size: 1.7rem;
margin-bottom: 3rem;
}
}
@media screen and (min-width: 768px) {
.f_row {
display: flex;
justify-content: space-between;
}
}
.f_data {
color: #6f6f6f;
font-size: 1.2rem;
letter-spacing: .1em;
line-height: 1.66;
}
@media screen and (max-width: 767px) {
.f_data {
font-size: 1.3rem;
}
}
.f_copy {
color: #666666;
font-size: 1rem;
margin-top: 5rem;
}
@media screen and (max-width: 767px) {
.f_copy {
font-size: 1.3rem;
margin-top: 4rem;
}
} .top_main {
margin-top: 16rem;
position: relative;
}
@media screen and (min-width: 768px) {
.top_main {
background: url(//kaitai-kankyo.com/wp-content/themes/kankyo/img/mv_bg_01.jpg) no-repeat center top/150rem;
height: 59.9rem;
}
}
@media screen and (max-width: 767px) {
.top_main {
margin-top: 6.7rem;
}
}
@media screen and (min-width: 768px) {
.top_main .catch {
position: absolute;
left: calc(50% - 54.1rem);
top: 6rem;
width: 64rem;
}
}
@media screen and (max-width: 767px) {
.top_main .catch {
padding: 3.8rem 1.8rem 0;
}
}
.top_main .feature {
position: absolute;
top: 25.6rem;
left: calc(50% - 52.6rem);
width: 59.9rem;
}
@media screen and (max-width: 767px) {
.top_main .feature {
width: calc(100% - 4rem);
left: 2rem;
top: auto;
bottom: 7.7rem;
}
}
.top_lead {
padding: 6rem 0 7rem;
}
@media screen and (min-width: 768px) {
.top_lead {
padding: 9rem 0 10rem;
position: relative;
display: flex;
justify-content: space-between;
}
.top_lead > * {
width: 47rem;
}
.top_lead .img {
position: absolute;
bottom: 0;
width: 10.6rem;
right: calc(50% - 64.5rem);
}
}
.c_sec {
padding: 10rem 0;
}
@media screen and (max-width: 767px) {
.c_sec {
padding: 6rem 0 7rem;
}
}
.top_blog ::-webkit-scrollbar {
width: 0.5rem;
height: 0.5rem;
}
.top_blog ::-webkit-scrollbar-track {
background: #ededed;
}
.top_blog ::-webkit-scrollbar-thumb {
background: #159e00;
}
@media screen and (min-width: 768px) {
.top_blog {
padding-top: 1.5rem;
}
}
@media screen and (max-width: 767px) {
.top_blog {
margin-bottom: 9rem;
}
}
.top_blog .head {
position: relative;
}
.top_blog .head a {
position: absolute;
right: 0;
top: 2em;
font-size: 1.4rem;
background: url(//kaitai-kankyo.com/wp-content/themes/kankyo/img/ico_arrow_02_sp.png) no-repeat left center/0.428em;
padding-left: 1em;
}
@media screen and (max-width: 767px) {
.top_blog .head a {
font-size: 1.6rem;
top: 1em;
}
}
.top_blog .c_ttl {
text-align: left;
}
@media screen and (max-width: 767px) {
.top_blog .c_ttl {
padding-left: 8.5rem;
}
}
.top_blog .c_ttl i {
display: inline-block;
margin-right: .05em;
vertical-align: -.03em;
margin-bottom: 0;
}
.top_blog .c_ttl img {
left: -12.5rem;
top: -3.5rem;
}
@media screen and (max-width: 767px) {
.top_blog .c_ttl img {
left: 0;
top: -2rem;
}
}
.top_blog ul {
max-height: 25rem;
overflow-y: auto;
padding-right: 5rem;
}
.top_blog li + li {
margin-top: 3rem;
}
.top_blog li p {
font-size: 1.4rem;
}
@media screen and (max-width: 767px) {
.top_blog li p {
font-size: 1.6rem;
}
}
.top_blog li p + p {
font-size: 1.6rem;
font-weight: bold;
margin-top: .5em;
}
@media screen and (max-width: 767px) {
.top_blog li p + p {
font-size: 1.7rem;
}
}
.top_blog li i {
font-size: 1.3rem;
background: #159e00;
color: #fff;
min-width: 9em;
display: inline-block;
text-align: center;
padding: .4em 1em;
margin-left: 1.5em;
}
@media screen and (min-width: 768px) {
.top_result .c_mail a {
padding-left: 15rem;
padding-top: 3.8rem;
height: 17rem;
font-size: 4rem;
background-position: calc(100% - 1.7rem) center;
box-shadow: 7.071px 7.071px 0px 0px rgba(0, 0, 0, 0.2);
}
.top_result .c_mail em {
left: 2.4rem;
font-size: 2.3rem;
}
}
.top_result .num {
position: relative;
margin-bottom: 1.5rem;
}
.top_result .num p {
display: inline-block;
text-align: center;
font-size: 3.4rem;
font-weight: bold;
}
.top_result .num p img {
width: 44.8rem;
display: block;
margin-top: .3em;
}
@media screen and (max-width: 767px) {
.top_result .num p img {
width: 40rem;
margin: 0 auto;
}
}
.top_result .num figure {
position: absolute;
top: -1rem;
right: -23rem;
width: 28.7rem;
}
@media screen and (max-width: 767px) {
.top_result .num figure {
width: 15rem;
right: -2rem;
top: -5.5rem;
top: -5.5rem;
}
}
.top_job {
background: #ebf2e9;
position: relative;
}
.top_job .catch {
text-align: center;
font-size: 5rem;
font-weight: bold;
line-height: 1.38;
margin-bottom: 4rem;
}
@media screen and (max-width: 767px) {
.top_job .catch {
font-size: 3.2rem;
white-space: nowrap;
letter-spacing: 0;
}
}
.top_job .catch em {
background: linear-gradient(transparent 65%, #ffbb00 65%);
}
.top_job li {
position: relative;
z-index: 1;
}
@media screen and (max-width: 767px) {
.top_job li + li {
margin-top: 3.5rem;
}
}
.top_job li:before {
content: '';
position: absolute;
left: 50%;
transform: translateX(-50%);
width: 37.5rem;
height: 37.5rem;
border-radius: 50%;
background: #fff;
z-index: -1;
top: 2.5rem;
}
.top_job li i {
display: block;
text-align: center;
line-height: 1;
font-size: 5rem;
font-weight: bold;
color: #ffbb00;
margin-bottom: .3em;
}
@media screen and (max-width: 767px) {
.top_job li i {
font-size: 4.6rem;
}
}
.top_job dt {
text-align: center;
color: #159e00;
font-weight: bold;
font-size: 4rem;
margin: .5em 0 .4em;
}
@media screen and (max-width: 767px) {
.top_job dt {
font-size: 3.7rem;
margin: .4em 0 .3em;
}
}
.top_job dd {
font-size: 1.6rem;
line-height: 1.875;
}
@media screen and (max-width: 767px) {
.top_job dd {
line-height: 1.65;
}
}
@media screen and (max-width: 767px) {
.top_job {
padding-bottom: 0;
}
.top_job ul {
width: 36.5rem;
margin: 0 auto;
}
.top_job li figure {
width: 27.1rem;
margin: 0 auto;
}
.top_job .c_btn {
margin: 5rem 0 2rem;
}
.top_job .img {
padding: 0 2rem;
}
}
@media screen and (min-width: 768px) {
.top_job .img {
position: absolute;
bottom: 0;
width: 53.3rem;
right: calc(50% - 71.2rem);
}
.top_job ul {
display: flex;
justify-content: space-between;
margin: 1rem -1.9rem 6rem;
}
.top_job li {
width: 29rem;
}
.top_job li:nth-child(2) {
margin-top: 9.3rem;
}
}
.top_feature {
position: relative;
}
.top_feature .img1 {
position: absolute;
bottom: 0;
width: 26.8rem;
}
@media screen and (max-width: 767px) {
.top_feature .img1 {
width: 17.8rem;
left: 0;
}
}
.top_feature .img2 {
position: absolute;
right: calc(50% - 50rem);
bottom: 0;
width: 22.2rem;
}
@media screen and (max-width: 767px) {
.top_feature .img2 {
right: 0;
width: 14.8rem;
}
}
.top_feature .catch {
text-align: center;
color: #159e00;
font-weight: bold;
font-size: 8rem;
line-height: 1;
letter-spacing: 0;
}
@media screen and (max-width: 767px) {
.top_feature .catch {
font-size: 3.6rem;
white-space: nowrap;
}
}
.top_feature .catch em {
color: #ffbb00;
}
.top_feature .txt1 {
text-align: center;
font-size: 3rem;
font-weight: bold;
color: #159e00;
margin: .8em 0 .8em;
}
@media screen and (max-width: 767px) {
.top_feature .txt1 {
font-size: 2.5rem;
white-space: nowrap;
letter-spacing: 0;
margin: 1.2em 0 .8em;
}
}
.top_feature dt {
text-align: center;
color: #159e00;
font-weight: bold;
line-height: 1.33;
font-size: 3rem;
margin: .6em 0 .4em;
}
@media screen and (max-width: 767px) {
.top_feature dt {
text-align: left;
font-size: 2.6rem;
margin: 0 0 .6em;
}
.top_feature dt br {
display: none;
}
}
.top_feature dt em {
color: #ffbb00;
}
.top_feature dd {
font-size: 1.6rem;
line-height: 1.875;
}
@media screen and (max-width: 767px) {
.top_feature dd {
line-height: 1.65;
}
}
@media screen and (max-width: 767px) {
.top_feature dd {
display: flex;
justify-content: space-between;
}
.top_feature dd figure {
width: 20rem;
}
.top_feature dd p {
width: calc(100% - 22.5rem);
}
}
.top_feature ul {
margin: 5.6rem 0 3.6rem;
}
@media screen and (max-width: 767px) {
.top_feature .c_btn {
margin: 5rem 0 2rem;
}
.top_feature li {
margin-bottom: 3.5rem;
}
}
@media screen and (min-width: 768px) {
.top_feature ul {
display: flex;
justify-content: space-between;
}
.top_feature li {
width: 30rem;
}
}
.work_info p {
font-weight: bold;
font-size: 1.6rem;
line-height: 1.875;
}
@media screen and (max-width: 767px) {
.work_info p {
line-height: 1.65;
}
}
@media screen and (max-width: 767px) {
.work_info p {
line-height: 1.5;
}
}
@media screen and (min-width: 768px) {
.work_info {
display: flex;
justify-content: space-between;
}
.work_info .before {
width: 20.6rem;
position: relative;
}
.work_info .before p {
position: absolute;
bottom: 0;
}
.work_info .after {
width: 47rem;
}
.work_info.full {
margin-bottom: 9rem;
}
.work_info.full .before {
width: 21.3rem;
}
.work_info.full .after {
width: 48.6rem;
}
}
.work_info figure {
position: relative;
}
.work_info figure img {
width: 100%;
}
.work_info figcaption {
position: absolute;
top: 0;
left: 0;
padding: .4em 1em;
color: #fff;
}
.work_info .before figcaption {
font-size: 1.4rem;
background: #ffba05;
}
@media screen and (max-width: 767px) {
.work_info .before figcaption {
font-size: .9rem;
}
}
@media screen and (max-width: 767px) {
.work_info .before {
display: flex;
justify-content: space-between;
margin-bottom: 2.5rem;
}
.work_info .before figure {
width: 13.8rem;
}
.work_info .before p {
width: calc(100% - 15.8rem);
}
}
.work_info .after {
position: relative;
}
.work_info .after figcaption {
font-size: 2rem;
background: #159e00;
font-weight: bold;
}
@media screen and (max-width: 767px) {
.work_info .after figcaption {
font-size: 1.3rem;
}
}
.work_info .after:before {
content: '';
position: absolute;
background: url(//kaitai-kankyo.com/wp-content/themes/kankyo/img/ico_arrow_04.png) no-repeat left center/contain;
height: 7.9rem;
width: 8.9rem;
top: 7.5rem;
left: -6rem;
}
@media screen and (max-width: 767px) {
.work_info .after:before {
background-image: url(//kaitai-kankyo.com/wp-content/themes/kankyo/img/ico_arrow_04_sp.png);
top: -4.5rem;
left: 7.7rem;
width: 4.8rem;
}
}
.top_work {
background: #159e00;
position: relative;
z-index: 1;
}
.top_work:before {
content: '';
position: absolute;
width: 100%;
bottom: 0;
left: 0;
background: #ebf2e9;
height: 42rem;
z-index: -1;
}
@media screen and (max-width: 767px) {
.top_work:before {
height: 23.8rem;
}
}
.top_work .c_ttl {
color: #fff;
}
.top_work .c_lead {
color: #fff;
}
.top_work ul {
margin: 5.6rem 0;
}
@media screen and (max-width: 767px) {
.top_work ul {
margin: 4.5rem 0;
}
}
.top_work .work_info {
width: 80rem;
border-radius: 1rem;
background: #fff;
box-shadow: 2.121px 2.121px 16px 0px rgba(0, 0, 0, 0.1);
padding: 4rem;
margin: .5rem 2.5rem;
}
@media screen and (max-width: 767px) {
.top_work .work_info {
width: 36.8rem;
padding: 2.5rem 2.8rem;
margin: .5rem 1rem;
}
}
.top_work .slick-arrow {
position: absolute;
z-index: 2;
height: 100%;
width: 10rem;
top: 0;
border: none;
color: transparent;
cursor: pointer;
}
@media screen and (max-width: 767px) {
.top_work .slick-arrow {
width: 6.7rem;
}
}
.top_work .slick-arrow:active, .top_work .slick-arrow:focus {
outline: 0;
}
.top_work .slick-prev {
background: url(//kaitai-kankyo.com/wp-content/themes/kankyo/img/btn_prev_01.png) no-repeat 50%/contain;
left: calc(50% - 57rem);
}
@media screen and (max-width: 767px) {
.top_work .slick-prev {
left: 1.5rem;
}
}
.top_work .slick-next {
background: url(//kaitai-kankyo.com/wp-content/themes/kankyo/img/btn_next_01.png) no-repeat 50%/contain;
right: calc(50% - 57rem);
}
@media screen and (max-width: 767px) {
.top_work .slick-next {
right: 1.5rem;
}
}
.top_philo .c_ttl img {
left: 14rem;
top: -1rem;
}
@media screen and (max-width: 767px) {
.top_philo .c_ttl img {
left: -1rem;
top: 0;
}
}
.top_philo .catch {
text-align: center;
font-weight: bold;
font-size: 4rem;
margin-bottom: 13rem;
}
@media screen and (max-width: 767px) {
.top_philo .catch {
font-size: 2.5rem;
white-space: nowrap;
margin-bottom: 9.5rem;
}
}
.top_philo .catch em {
color: #159e00;
}
.top_philo .catch b {
font-size: 1.5em;
line-height: 1;
}
.top_philo li {
position: relative;
}
@media screen and (max-width: 767px) {
.top_philo li {
margin-top: 8rem;
display: flex;
justify-content: space-between;
}
.top_philo li figure {
width: 20rem;
}
.top_philo li p {
width: calc(100% - 22.4rem);
margin-top: -.4em;
}
}
.top_philo li .num {
position: absolute;
background: #ffbb00;
text-align: center;
color: #fff;
text-align: center;
font-weight: bold;
font-size: 4.6rem;
line-height: 1.1;
width: 3.587em;
height: 3.587em;
border-radius: 50%;
padding-top: .7em;
left: -2.5rem;
top: -10.8rem;
}
@media screen and (max-width: 767px) {
.top_philo li .num {
top: -7.4rem;
left: -1.8rem;
font-size: 3rem;
}
}
.top_philo li .num i {
display: block;
color: #333;
font-size: .304em;
}
.top_philo li .num em {
display: block;
font-size: 2.142em;
}
.top_philo li p {
font-size: 1.6rem;
line-height: 1.875;
}
@media screen and (max-width: 767px) {
.top_philo li p {
line-height: 1.65;
}
}
.top_philo li figure {
margin-bottom: 1.5rem;
}
@media screen and (min-width: 768px) {
.top_philo ul {
display: flex;
justify-content: space-between;
}
.top_philo li {
width: 30rem;
}
}
.top_voice {
background: url(//kaitai-kankyo.com/wp-content/themes/kankyo/img/voice_bg_01.jpg) no-repeat 50%/cover;
text-align: center;
padding-bottom: 0;
}
@media screen and (max-width: 767px) {
.top_voice {
background-image: url(//kaitai-kankyo.com/wp-content/themes/kankyo/img/voice_bg_01_sp.jpg);
}
}
.top_voice .c_ttl {
color: #fff;
}
.top_voice dt {
font-size: 5rem;
color: #fff;
line-height: 1;
font-weight: bold;
position: relative;
margin-bottom: 1em;
}
@media screen and (max-width: 767px) {
.top_voice dt {
font-size: 3.2rem;
}
}
.top_voice dt:before, .top_voice dt:after {
content: '';
background: url(//kaitai-kankyo.com/wp-content/themes/kankyo/img/blowing_l_02.svg) no-repeat 50%/contain;
height: 1.54em;
width: .94em;
position: absolute;
margin-top: -.1em;
}
.top_voice dt:before {
margin-left: -1.3em;
}
.top_voice dt:after {
background-image: url(//kaitai-kankyo.com/wp-content/themes/kankyo/img/blowing_r_02.svg);
margin-left: .3em;
}
.top_voice dd {
font-size: 2.6rem;
font-weight: bold;
color: #fff;
}
@media screen and (max-width: 767px) {
.top_voice dd {
font-size: 1.7rem;
white-space: nowrap;
}
}
.top_voice .c_btn {
margin: 6rem 0 5rem;
}
@media screen and (max-width: 767px) {
.top_voice .c_btn {
margin: 2.8rem 0 3.5rem;
}
}
.top_voice .img {
width: 62.3rem;
}
@media screen and (max-width: 767px) {
.top_voice .img {
max-width: calc(100% + 4rem);
margin-left: -2rem;
}
}
.top_flow {
padding-bottom: 0;
}
.top_flow ul {
margin: 8.5rem 0 6.5rem;
}
@media screen and (max-width: 767px) {
.top_flow ul {
margin: 5.5rem 0;
}
}
@media screen and (max-width: 767px) {
.top_flow li {
position: relative;
padding-left: 4rem;
padding-bottom: 1rem;
display: flex;
justify-content: space-between;
}
.top_flow li figure {
width: 14.8rem;
}
.top_flow li dl {
width: calc(100% - 16.8rem);
}
.top_flow li + li {
padding-top: 3rem;
}
}
.top_flow li i {
display: block;
margin-bottom: 2rem;
color: #fff;
background: #ffbb00;
font-size: 2.5rem;
text-align: center;
font-weight: bold;
padding: .2em 0 .1em;
clip-path: polygon(calc(100% - 2rem) 0, 100% 50%, calc(100% - 2rem) 100%, 0 100%, 0 0);
}
@media screen and (max-width: 767px) {
.top_flow li i {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 3rem;
font-size: 2.6rem;
text-align: center;
clip-path: polygon(100% 0, 100% calc(100% - 1.5rem), 50% 100%, 0 calc(100% - 1.5rem), 0 0);
}
}
.top_flow li i small {
font-size: 1.7rem;
margin-right: .3em;
}
@media screen and (max-width: 767px) {
.top_flow li i small {
display: none;
}
}
.top_flow li:nth-child(2) i {
background: #e7b800;
}
.top_flow li:nth-child(3) i {
background: #c8b400;
}
.top_flow li:nth-child(4) i {
background: #a4b000;
}
.top_flow li:nth-child(5) i {
background: #59a600;
}
.top_flow li:nth-child(6) i {
background: #59a600;
}
.top_flow li:nth-child(7) i {
background: #4aa500;
}
.top_flow li:nth-child(8) {
padding-bottom: 0;
}
.top_flow li:nth-child(8) i {
background: #159e00;
clip-path: none;
}
.top_flow dt {
font-weight: bold;
font-size: 2.4rem;
text-align: center;
margin: .8em 0 .5em;
}
@media screen and (max-width: 767px) {
.top_flow dt {
text-align: left;
font-size: 2rem;
margin: -.4em 0 .4em;
}
}
.top_flow dd {
font-size: 1.6rem;
line-height: 1.625;
}
@media screen and (max-width: 767px) {
.top_flow dd {
font-size: 1.7rem;
line-height: 1.5;
}
}
@media screen and (min-width: 768px) {
.top_flow ul {
display: flex;
flex-wrap: wrap;
gap: 3rem 4rem;
}
.top_flow li {
width: 22rem;
}
}
.top_flow .img {
display: block;
margin: 0 auto;
width: 88.2rem;
}
@media screen and (max-width: 767px) {
.top_flow .img {
max-width: calc(100% + 4rem);
margin-left: -2rem;
}
}
.top_asb {
background: #ffffe0;
}
.top_asb .ttl {
font-weight: bold;
text-align: center;
font-size: 5rem;
margin-bottom: .6em;
}
@media screen and (max-width: 767px) {
.top_asb .ttl {
font-size: 3.3rem;
margin-bottom: 1em;
}
}
.asb_lead {
text-align: center;
}
.asb_lead .ttl2 {
color: #ff002a;
font-size: 3rem;
letter-spacing: .1em;
line-height: 1.2;
font-weight: 500;
margin-bottom: 1em;
}
@media screen and (max-width: 767px) {
.asb_lead .ttl2 {
font-size: 2rem;
white-space: nowrap;
}
}
.asb_lead .ttl2 i {
background: #ff002a;
color: #fff;
padding: 0 .5em .1em;
margin-right: .6em;
display: inline-block;
}
.asb_lead .lead {
font-size: 1.6rem;
line-height: 1.875;
text-align: center;
}
@media screen and (max-width: 767px) {
.asb_lead .lead {
line-height: 1.65;
}
}
@media screen and (max-width: 767px) {
.asb_lead .lead {
text-align: left;
}
}
.asb_lead .asb {
background: url(//kaitai-kankyo.com/wp-content/themes/kankyo/img/bg_01.png) no-repeat 50%/100%;
}
@media screen and (max-width: 767px) {
.asb_lead .asb {
background-image: url(//kaitai-kankyo.com/wp-content/themes/kankyo/img/bg_01_sp.png);
padding: 3.5rem 0 4rem;
}
}
.asb_lead li {
padding-top: 4rem;
}
.asb_lead li i {
display: block;
background: #ff002a;
color: #fff;
font-size: 3.6rem;
width: 1.22em;
line-height: 1.22;
border-radius: 50%;
margin: 0 auto .5em;
font-weight: bold;
}
.asb_lead .note {
background: #fff;
border: solid 2px #ff002a;
}
@media screen and (max-width: 767px) {
.asb_lead .note {
padding: 2rem 0 3rem;
margin-bottom: 1.5rem;
}
}
.asb_lead .note p {
font-size: 2rem;
font-weight: bold;
line-height: 1.8;
color: #ff002a;
}
@media screen and (max-width: 767px) {
.asb_lead .note p {
font-size: 1.8rem;
line-height: 1.44;
}
}
.asb_lead .note small {
font-size: 1.4rem;
margin-top: .8em;
display: block;
}
.asb_lead .txt1 {
color: #ff002a;
line-height: 1.25;
font-weight: bold;
font-size: 2.4rem;
margin-bottom: .6em;
}
@media screen and (max-width: 767px) {
.asb_lead .txt1 {
font-size: 1.8rem;
margin-bottom: .5em;
}
}
.asb_lead .txt2 {
text-align: left;
font-size: 1.6rem;
line-height: 1.875;
padding: 0 2.7em;
}
@media screen and (max-width: 767px) {
.asb_lead .txt2 {
line-height: 1.65;
}
}
@media screen and (max-width: 767px) {
.asb_lead .txt2 {
font-size: 1.7rem;
padding: 0 1.5em;
}
}
.asb_lead ul {
margin: 2.5rem 0 5rem;
}
@media screen and (min-width: 768px) {
.asb_lead ul {
margin: 4.5rem 0 5rem;
display: flex;
justify-content: space-between;
}
.asb_lead ul li {
width: 47rem;
height: 38.7rem;
}
}
.top_faq ::-webkit-scrollbar {
width: 0.5rem;
height: 0.5rem;
}
.top_faq ::-webkit-scrollbar-track {
background: #ededed;
}
.top_faq ::-webkit-scrollbar-thumb {
background: #159e00;
}
.top_faq dl {
max-height: 93rem;
overflow-y: auto;
border-top: solid 1px #949494;
margin-top: 6.5rem;
padding-right: 5rem;
}
@media screen and (max-width: 767px) {
.top_faq dl {
margin-top: 4rem;
}
}
.top_faq dt, .top_faq dd {
position: relative;
padding-left: 6.7rem;
}
@media screen and (max-width: 767px) {
.top_faq dt, .top_faq dd {
padding-left: 5rem;
}
}
.top_faq dt:before, .top_faq dd:before {
content: 'Q';
font-family: 'urwdincondw05-demiregular', sans-serif;
text-align: center;
font-size: 2rem;
line-height: 2;
width: 2em;
background: #159e00;
color: #fff;
position: absolute;
left: 0;
top: 1.8em;
}
@media screen and (max-width: 767px) {
.top_faq dt:before, .top_faq dd:before {
top: 1em;
width: 1.8em;
line-height: 1.8;
}
}
.top_faq dt {
font-weight: bold;
color: #159e00;
padding-top: 4rem;
margin-bottom: 3rem;
}
@media screen and (max-width: 767px) {
.top_faq dt {
padding-top: 2.3rem;
margin-bottom: 1rem;
}
}
.top_faq dd {
border-bottom: solid 1px #949494;
font-size: 1.6rem;
line-height: 1.875;
padding-bottom: 4rem;
}
@media screen and (max-width: 767px) {
.top_faq dd {
line-height: 1.65;
}
}
@media screen and (max-width: 767px) {
.top_faq dd {
font-size: 1.7rem;
padding-bottom: 1.8rem;
}
}
.top_faq dd:before {
content: 'A';
background: #ffba05;
top: -.1em;
}
@media screen and (max-width: 767px) {
.top_faq dd:before {
top: .3em;
}
}
.top_area {
background: #ebf2e9;
position: relative;
z-index: 1;
}
@media screen and (max-width: 767px) {
.top_area {
padding-bottom: 23.5rem;
}
}
.top_area .map {
position: absolute;
top: 0;
width: 119rem;
z-index: -1;
right: calc(50% + 6rem);
}
@media screen and (max-width: 767px) {
.top_area .map {
right: 0;
bottom: 0;
top: auto;
}
}
.top_area .img {
position: absolute;
width: 25rem;
left: calc(50% - 53.5rem);
bottom: 14.5rem;
}
@media screen and (max-width: 767px) {
.top_area .img {
bottom: 2rem;
left: 7.5rem;
width: 16.7rem;
}
}
.top_area .lead {
text-align: center;
color: #159e00;
font-size: 3rem;
font-weight: bold;
margin: -2rem 0 4rem;
}
@media screen and (max-width: 767px) {
.top_area .lead {
font-size: 2.5rem;
white-space: nowrap;
letter-spacing: .03em;
}
}
.top_area dd {
font-size: 1.3rem;
line-height: 2;
letter-spacing: 0;
}
@media screen and (max-width: 767px) {
.top_area dd {
line-height: 1.5;
}
}
.top_area dt {
color: #159e00;
font-weight: bold;
font-size: 2rem;
margin-bottom: .2em;
}
.top_area dl {
background: #fff;
padding: 2rem 3.5rem;
}
@media screen and (max-width: 767px) {
.top_area dl {
padding: 1.5rem 2rem;
}
}
.top_area dl + dl {
margin-top: .6rem;
}
@media screen and (max-width: 767px) {
.top_area dl + dl {
margin-top: 1.2rem;
}
}
@media screen and (min-width: 768px) {
.top_area dl {
margin-left: 24rem;
}
}
.top_msg {
padding: 8rem 0;
background: url(//kaitai-kankyo.com/wp-content/themes/kankyo/img/support_bg_01.jpg) no-repeat 50%/cover;
}
@media screen and (max-width: 767px) {
.top_msg {
padding: 5rem 0;
background: #ffba05;
}
}
.top_msg .box {
background: #fff;
padding: 4.5rem 6rem;
}
@media screen and (max-width: 767px) {
.top_msg .box {
padding: 2.5rem 3rem;
}
}
.top_msg .ttl {
color: #159e00;
font-weight: bold;
font-size: 3rem;
margin-bottom: .5em;
}
@media screen and (max-width: 767px) {
.top_msg .ttl {
font-size: 2.4rem;
}
}
.top_msg p {
font-size: 1.6rem;
line-height: 1.625;
}
@media screen and (max-width: 767px) {
.top_msg p {
font-size: 1.7rem;
line-height: 1.5;
}
}
@media screen and (max-width: 767px) {
.top_msg figure {
text-align: center;
margin-top: 2rem;
}
.top_msg figure img {
width: 18.8rem;
}
}
@media screen and (min-width: 768px) {
.top_msg {
padding-right: 3rem;
}
.top_msg .row {
display: flex;
justify-content: space-between;
}
.top_msg .row p {
width: calc(100% - 27.2rem);
}
.top_msg .row figure {
width: 24.2rem;
}
} .slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
left: 0;
top: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before, .slick-track:after {
content: "";
display: table;
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
display: none;
}
[dir="rtl"] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
.low {
margin-top: 16rem;
padding-top: 1.5rem;
}
@media screen and (max-width: 767px) {
.low {
margin-top: 6.7rem;
}
}
.low_header {
background: url(//kaitai-kankyo.com/wp-content/themes/kankyo/img/sub_mv_bg.png) no-repeat 50%/cover;
height: 26rem;
margin-top: 16rem;
}
@media screen and (max-width: 767px) {
.low_header {
margin-top: 6.7rem;
height: 18rem;
}
}
.low_header .ttl {
position: relative;
top: 50%;
transform: translateY(-50%);
text-align: center;
color: #fff;
font-size: 2rem;
font-weight: bold;
text-transform: uppercase;
}
.low_header .ttl i {
display: block;
font-size: 2.5em;
letter-spacing: .05em;
line-height: 1;
margin-bottom: .2em;
}
@media screen and (max-width: 767px) {
.low_header .ttl {
font-size: 1.8rem;
}
}
.low_path {
background: #fff;
margin: 2rem 0 7rem;
}
.low_path li {
display: inline-block;
font-size: 1.4rem;
position: relative;
letter-spacing: .05em;
}
.low_path li + li:before {
content: '＞';
color: #666666;
margin: 0 .5em 0 .25em;
}
.low_path a {
color: #159e00;
}
.low_ttl {
text-align: center;
font-weight: bold;
font-size: 4rem;
line-height: 1.33;
margin-bottom: 5rem;
}
@media screen and (max-width: 767px) {
.low_ttl {
font-size: 3.6rem;
margin-bottom: 4rem;
}
}
.low_ttl2 {
font-size: 4rem;
font-weight: bold;
padding-left: .8em;
border-left: solid 0.8rem #159e00;
line-height: 1.4;
margin-bottom: 5rem;
}
@media screen and (max-width: 767px) {
.low_ttl2 {
font-size: 3.2rem;
margin-bottom: 4rem;
}
}
.works_list {
margin-top: 4rem;
border-bottom: solid 1px #ababab;
}
.works_list li {
border-top: solid 1px #ababab;
padding: 3.5rem 1.4rem;
}
.works_list .ttl {
font-weight: bold;
font-size: 1.6rem;
line-height: 1.875;
margin-bottom: 2.5rem;
}
@media screen and (max-width: 767px) {
.works_list .ttl {
line-height: 1.65;
}
}
.works_list .btn {
text-align: right;
margin-top: 3rem;
}
.works_list .btn a {
display: inline-block;
color: #159e00;
font-size: 1.6rem;
font-weight: bold;
line-height: 4.6rem;
box-shadow: 2.121px 2.121px 0px 0px rgba(0, 0, 0, 0.2);
border-radius: 3em;
border: solid 2px #159e00;
width: 24.6rem;
text-align: center;
}
@media screen and (max-width: 767px) {
.works_list .btn a {
width: 100%;
}
}
.pp_body {
margin-bottom: 11rem;
}
.pp_body p, .pp_body dd, .pp_body li {
font-size: 1.6rem;
line-height: 1.875;
letter-spacing: 0;
}
@media screen and (max-width: 767px) {
.pp_body p, .pp_body dd, .pp_body li {
line-height: 1.65;
}
}
.pp_body p a, .pp_body dd a, .pp_body li a {
color: #159e00;
}
.pp_body dl {
margin-top: 2rem;
}
.pp_body dt {
font-weight: bold;
font-size: 2rem;
line-height: 2.57;
letter-spacing: .01em;
margin: 0 0 1em;
}
.pp_body dd {
margin-bottom: 4rem;
}
.pp_body ol {
counter-reset: count 0;
}
.pp_body li {
padding-left: 1.5em;
position: relative;
}
.pp_body li:before {
content: counter(count);
counter-increment: count 1;
position: absolute;
left: 0;
}
.asb_desc {
background: #ebf2e9;
text-align: center;
}
.asb_desc .ttl {
font-weight: 500;
font-size: 3rem;
color: #159e00;
margin-bottom: 4rem;
}
@media screen and (max-width: 767px) {
.asb_desc .ttl {
font-size: 2.2rem;
}
}
.asb_desc .ttl em {
display: block;
font-size: 1.33em;
}
.asb_desc .ttl strong {
display: block;
font-size: 1.66em;
line-height: 1.1;
margin-bottom: .1em;
}
.asb_desc ul {
display: flex;
gap: 2rem;
justify-content: center;
margin-bottom: 3rem;
}
@media screen and (max-width: 767px) {
.asb_desc ul {
gap: 2rem 1rem;
flex-wrap: wrap;
}
}
.asb_desc li p {
font-size: 1.8rem;
margin-top: .5em;
}
@media screen and (max-width: 767px) {
.asb_desc li p {
font-size: 1.6rem;
}
}
@media screen and (max-width: 767px) {
.asb_desc li {
width: calc(33.33% - 1rem);
}
}
.asb_desc .row {
display: flex;
justify-content: space-between;
align-items: center;
}
@media screen and (min-width: 768px) {
.asb_desc .row {
margin-left: 3rem;
}
}
.asb_desc .row p {
color: #159e00;
font-weight: bold;
font-size: 2.8rem;
text-align: left;
width: calc(100% - 24rem);
box-shadow: 0.35rem 0.35rem 0px 0px rgba(53, 171, 35, 0.41);
position: relative;
z-index: 1;
}
@media screen and (max-width: 767px) {
.asb_desc .row p {
width: calc(100% - 14rem);
font-size: 2.2rem;
}
.asb_desc .row p br {
display: none;
}
}
.asb_desc .row p span {
display: block;
padding: .8em 1em;
background: #fff;
position: relative;
}
@media screen and (min-width: 768px) {
.asb_desc .row p span {
padding: 1.2em 1.5em;
white-space: nowrap;
}
}
.asb_desc .row p:before, .asb_desc .row p:after {
content: '';
position: absolute;
border-style: solid;
border-width: 0 0 1.3rem 1.7rem;
border-color: transparent transparent #fff transparent;
left: -1.6rem;
top: 6.5rem;
}
.asb_desc .row p:before {
border-color: transparent transparent rgba(53, 171, 35, 0.41) transparent;
top: 6.85rem;
left: -1.25rem;
}
.asb_desc .row figure {
position: relative;
width: 20.6rem;
}
@media screen and (max-width: 767px) {
.asb_desc .row figure {
width: 12rem;
}
}
.asb_desc .row figcaption {
font-size: 1.4rem;
margin-top: 1em;
position: absolute;
width: 100%;
}
.asb_place {
position: relative;
padding-bottom: 0;
}
@media screen and (max-width: 767px) {
.asb_place .scroll {
overflow-x: auto;
}
}
.asb_place .chart {
position: relative;
}
@media screen and (max-width: 767px) {
.asb_place .chart {
width: 100rem;
}
}
.asb_place .list {
position: absolute;
z-index: 1;
top: 0;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 2rem 3.5rem;
gap: 11rem 32.5rem;
}
.asb_place dl {
width: 32%;
}
.asb_place dt {
text-align: center;
color: #159e00;
font-weight: bold;
font-size: 3rem;
margin-bottom: .3em;
}
.asb_place dd {
font-size: 1.4rem;
line-height: 1.85;
}
.asb_flow ul {
display: flex;
gap: 2rem;
}
@media screen and (max-width: 767px) {
.asb_flow ul {
flex-wrap: wrap;
}
}
.asb_flow li {
width: 23.5rem;
text-align: center;
}
@media screen and (max-width: 767px) {
.asb_flow li {
width: calc(50% - 1rem);
}
}
.asb_flow li p {
font-size: 2rem;
font-weight: bold;
color: #159e00;
margin-top: .6em;
}
.asb_flow li i {
display: block;
margin-bottom: 2rem;
color: #fff;
background: #ffbb00;
font-size: 2.5rem;
font-weight: bold;
padding: .2em 0 .1em;
clip-path: polygon(calc(100% - 2rem) 0, 100% 50%, calc(100% - 2rem) 100%, 0 100%, 0 0);
}
.asb_flow li i small {
font-size: 1.7rem;
margin-right: .3em;
}
.asb_flow li:nth-child(2) i {
background: #a4b000;
}
.asb_flow li:nth-child(3) i {
background: #59a600;
}
.asb_flow li:nth-child(4) i {
background: #159e00;
clip-path: none;
}
.com_msg dt {
text-align: center;
font-weight: bold;
font-size: 3rem;
margin: .5em 0 .6em;
}
.com_msg dt small {
font-size: .66em;
margin-right: 1em;
}
.com_msg dd {
font-size: 1.6rem;
line-height: 1.875;
}
@media screen and (max-width: 767px) {
.com_msg dd {
line-height: 1.65;
}
}
.com_msg figure {
width: 30rem;
margin: 0 auto;
position: relative;
}
.com_msg figure:before {
content: '';
position: absolute;
width: 100%;
height: 100%;
background: #159e00;
z-index: -1;
left: .6rem;
top: .6rem;
}
.com_msg figure img {
width: 100%;
}
@media screen and (max-width: 767px) {
.com_msg li {
margin-top: 3rem;
}
}
@media screen and (min-width: 768px) {
.com_msg ul {
display: flex;
justify-content: space-between;
}
.com_msg li {
width: 47rem;
}
}
.com_info {
padding-bottom: 0;
}
.com_info table {
border-bottom: solid 1px #333333;
}
.com_info tr > * {
border-top: solid 1px #333333;
font-size: 1.6rem;
line-height: 1.875;
vertical-align: top;
padding: 1.5em 3.5em;
}
@media screen and (max-width: 767px) {
.com_info tr > * {
line-height: 1.65;
}
}
@media screen and (max-width: 767px) {
.com_info tr > * {
border: none;
float: left;
width: 100%;
padding: .5em 1em;
}
}
.com_info th {
background: #dceada;
font-weight: bold;
text-align: left;
}
@media screen and (min-width: 768px) {
.com_info th {
width: 21rem;
}
}
.com_access p {
font-size: 1.6rem;
line-height: 1.875;
}
@media screen and (max-width: 767px) {
.com_access p {
line-height: 1.65;
}
}
.com_access .map {
position: relative;
height: 0;
padding-top: 30rem;
overflow: hidden;
}
.com_access .map iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.com_access li {
margin-top: 3rem;
}
@media screen and (min-width: 768px) {
.com_access ul {
display: flex;
justify-content: space-between;
}
.com_access li {
width: 47rem;
}
}
.staff_body {
background: #ebf2e9;
position: relative;
z-index: 1;
padding-bottom: 12rem;
}
@media screen and (max-width: 767px) {
.staff_body {
padding-bottom: 7rem;
}
}
.staff_body:before {
content: '';
background: #fff;
height: 54rem;
width: 100%;
left: 0;
top: 0;
position: absolute;
z-index: -1;
}
@media screen and (max-width: 767px) {
.staff_body:before {
height: 22rem;
}
}
.staff_body .mv {
margin-bottom: 5rem;
}
.staff_body .low_ttl {
color: #159e00;
}
.staff_body dt {
font-size: 3rem;
font-weight: bold;
margin-bottom: .8em;
}
@media screen and (max-width: 767px) {
.staff_body dt {
text-align: center;
}
}
.staff_body dd {
font-size: 1.6rem;
line-height: 1.875;
}
@media screen and (max-width: 767px) {
.staff_body dd {
line-height: 1.65;
}
}
.staff_body li + li {
margin-top: 8rem;
}
@media screen and (max-width: 767px) {
.staff_body li + li {
margin-top: 5rem;
}
}
@media screen and (min-width: 768px) {
.staff_body li {
display: flex;
align-items: flex-start;
justify-content: space-between;
}
.staff_body li dl {
width: calc(100% - 35rem);
}
}
.staff_body li figure {
width: 30rem;
position: relative;
}
@media screen and (max-width: 767px) {
.staff_body li figure {
margin: 0 auto 3rem;
}
}
.staff_body li figure img {
width: 100%;
}
.staff_body li figure:before {
content: '';
position: absolute;
width: 100%;
height: 100%;
background: #159e00;
z-index: -1;
left: .6rem;
top: .6rem;
}
.about_body {
text-align: center;
margin-bottom: 14rem;
}
@media screen and (max-width: 767px) {
.about_body {
margin-bottom: 8rem;
}
}
.about_body .catch {
color: #159e00;
font-weight: bold;
font-size: 8rem;
line-height: 1;
letter-spacing: 0;
}
@media screen and (max-width: 767px) {
.about_body .catch {
font-size: 3.6rem;
white-space: nowrap;
}
}
.about_body .catch em {
color: #ffbb00;
}
.about_body .txt1 {
font-size: 3rem;
font-weight: bold;
color: #159e00;
margin: .8em 0 5rem;
}
@media screen and (max-width: 767px) {
.about_body .txt1 {
font-size: 2.5rem;
white-space: nowrap;
letter-spacing: 0;
margin: 1.2em 0 .8em;
}
}
.about_body .mv {
margin-bottom: 2.5rem;
}
.about_body .mv img {
width: 90rem;
}
.about_body .slide {
margin: 7rem 0;
}
.about_body .slide li {
width: 27.9rem;
}
@media screen and (max-width: 767px) {
.about_body .slide li {
width: 24rem;
}
}
.about_body .slide li imgv {
width: 100%;
}
.about_body .list li {
margin-top: 4rem;
text-align: left;
}
@media screen and (min-width: 768px) {
.about_body .list li {
margin-top: 6rem;
display: flex;
justify-content: space-between;
}
.about_body .list li figure {
widht: 35.1rem;
}
.about_body .list li dl {
width: calc(100% - 39.6rem);
}
.about_body .list li:nth-child(even) {
flex-flow: row-reverse;
}
}
@media screen and (max-width: 767px) {
.about_body .list figure {
width: 80%;
margin: 0 auto 3rem;
}
.about_body .list figure img {
width: 100%;
}
}
.about_body dt {
font-weight: bold;
font-size: 3.2rem;
line-height: 1.25;
margin-bottom: .6em;
color: #159e00;
}
@media screen and (max-width: 767px) {
.about_body dt {
font-size: 2.6rem;
white-space: nowrap;
}
}
.about_body dt em {
color: #ffba05;
font-size: 1.25em;
line-height: 1;
}
.menu_lead {
text-align: center;
position: relative;
background: #ebf2e9;
z-index: 1;
padding-bottom: 9rem;
}
@media screen and (max-width: 767px) {
.menu_lead {
padding-bottom: 6rem;
}
}
.menu_lead:before {
content: '';
background: #fff;
height: 54rem;
width: 100%;
left: 0;
top: 0;
position: absolute;
z-index: -1;
}
@media screen and (max-width: 767px) {
.menu_lead:before {
height: 80rem;
}
}
.menu_lead .logo {
margin-bottom: 3rem;
text-align: center;
}
.menu_lead .logo .cross {
width: 7.8rem;
}
@media screen and (max-width: 767px) {
.menu_lead .logo .cross {
margin: 2rem 0;
}
}
@media screen and (min-width: 768px) {
.menu_lead .logo {
display: flex;
align-items: center;
justify-content: space-between;
}
.menu_lead .logo figure {
width: 42rem;
}
}
.menu_lead .ttl {
font-size: 3rem;
font-weight: bold;
color: #159e00;
}
.menu_lead .txt1 {
margin: 1rem 0 5.5rem;
}
.menu_lead .mv {
margin-bottom: 4rem;
}
.menu_lead .txt2 {
font-size: 1.6rem;
line-height: 1.875;
font-weight: bold;
margin-bottom: 6rem;
}
@media screen and (max-width: 767px) {
.menu_lead .txt2 {
line-height: 1.65;
}
}
@media screen and (max-width: 767px) {
.menu_lead .txt2 {
text-align: left;
}
}
.menu_lead .ttl2 {
color: #fff;
background: #6d6d6d;
font-size: 2.4rem;
font-weight: bold;
line-height: 2;
}
.menu_lead .ttl2.b {
background: #159e00;
}
.menu_lead .img1 {
background: #fff;
padding: 2rem 2rem 3rem;
margin-bottom: 4rem;
}
.menu_lead .img1 img {
width: 79rem;
}
.menu_lead .img2 {
background: #fff;
padding: 2rem 2rem 3rem;
}
.menu_lead .img2 img {
width: 79rem;
}
.menu_lead .img2 .b {
width: 61.7rem;
margin-top: 2rem;
}
.about_nav li {
background: #159e00;
border-radius: 1rem;
color: #fff;
text-align: center;
height: 16rem;
position: relative;
padding-top: 2rem;
}
@media screen and (max-width: 767px) {
.about_nav li {
height: 14rem;
margin-top: 2rem;
}
}
.about_nav li p {
font-size: 3.9rem;
font-weight: bold;
}
@media screen and (max-width: 767px) {
.about_nav li p {
font-size: 2.8rem;
}
}
.about_nav li img {
position: absolute;
bottom: 0;
left: 0;
width: 11.6rem;
}
@media screen and (max-width: 767px) {
.about_nav li img {
width: 10rem;
}
}
.about_nav .btn {
margin-top: 1rem;
}
.about_nav .btn a {
background: #fff url(//kaitai-kankyo.com/wp-content/themes/kankyo/img/ico_arrow_09.png) no-repeat calc(100% - 1em) center/1.3rem;
display: inline-block;
color: #159e00;
font-weight: bold;
font-size: 1.6rem;
width: 24.6rem;
line-height: 4.6rem;
border-radius: 3em;
border: solid 2px #159e00;
box-shadow: 2.121px 2.121px 0px 0px rgba(0, 0, 0, 0.2);
}
@media screen and (min-width: 768px) {
.about_nav {
display: flex;
gap: 2rem;
flex-wrap: wrap;
}
.about_nav li {
width: calc(50% - 1rem);
}
}
.menu_plan {
margin-bottom: 10rem;
}
@media screen and (max-width: 767px) {
.menu_plan {
margin-bottom: 6rem;
}
}
.menu_plan .ttl {
background: #159e00;
color: #fff;
font-size: 5rem;
font-weight: bold;
text-align: center;
position: relative;
height: 15rem;
border-radius: 1rem;
line-height: 1;
padding-top: .5em;
margin-bottom: 3.5rem;
}
@media screen and (max-width: 767px) {
.menu_plan .ttl {
font-size: 3.2rem;
height: 10rem;
}
}
.menu_plan .ttl i {
display: block;
color: #ffbb00;
font-size: .5em;
}
.menu_plan .ttl img {
position: absolute;
bottom: 0;
font-size: 1rem;
}
@media screen and (max-width: 767px) {
.menu_plan .ttl img {
font-size: .5rem;
}
}
.menu_plan .ttl .a {
left: 0;
width: 12.5em;
}
.menu_plan .ttl .b {
right: 0;
width: 11.4em;
}
.menu_plan .ttl .c {
left: 0;
width: 14em;
}
.menu_plan .ttl .d {
right: 0;
width: 13em;
}
.menu_plan .desc {
background: #fffbd7;
padding: 2rem 2.5rem;
}
.menu_plan .desc p {
font-size: 1.4rem;
line-height: 2;
}
.menu_plan .desc dt {
font-size: 2.4rem;
font-weight: bold;
color: #003a8f;
padding-left: 1.2em;
}
.menu_plan .desc dd {
color: #003a8f;
font-size: 2.3rem;
font-weight: bold;
white-space: nowrap;
line-height: 1;
margin-top: -.5em;
}
.menu_plan .desc dd i {
font-size: 3.675em;
line-height: 1;
letter-spacing: 0;
}
.menu_plan .desc dd em {
font-size: 1.79em;
line-height: 1;
letter-spacing: 0;
margin-right: -.05em;
background: linear-gradient(to bottom, #0b7eff 0%, #0b7eff 50%, #003a8f 51%, #003a8f 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.menu_plan .row {
margin-bottom: 4rem;
}
.menu_plan .row figcaption {
font-size: 1.2rem;
line-height: 1.66;
letter-spacing: 0;
margin-top: 1em;
text-align: left;
}
@media screen and (max-width: 767px) {
.menu_plan .row figcaption {
font-size: 1.4rem;
}
}
@media screen and (max-width: 767px) {
.menu_plan .row figure {
margin-bottom: 3rem;
text-align: center;
}
.menu_plan .row dl {
display: flex;
align-items: center;
justify-content: space-between;
}
.menu_plan .row dt {
padding-left: .5em;
}
}
@media screen and (min-width: 768px) {
.menu_plan .row {
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.menu_plan .row figure {
width: 31rem;
}
.menu_plan .row .desc {
width: calc(100% - 33rem);
height: 20.4rem;
display: flex;
}
.menu_plan .row .desc dl {
width: 26rem;
}
.menu_plan .row .desc p {
width: calc(100% - 28rem);
}
}
.menu_plan .row .row2 {
display: flex;
justify-content: space-between;
}
.menu_plan .ttl2 {
text-align: center;
background: #ebf2e9;
font-weight: bold;
font-size: 2rem;
color: #159e00;
padding: .5em 0;
margin-bottom: 2rem;
}
.menu_plan .price {
margin-bottom: 2rem;
text-align: center;
}
.menu_plan .price dt {
font-size: 3.4rem;
font-weight: bold;
}
.menu_plan .price dt small {
display: block;
font-size: .41em;
font-weight: normal;
}
.menu_plan .price dd {
color: #0b7eff;
font-size: 1.4rem;
font-weight: bold;
}
.menu_plan .price dd em {
font-size: 2.4em;
}
@media screen and (min-width: 768px) {
.menu_plan .price {
display: flex;
justify-content: center;
gap: 0 2rem;
}
}
.menu_plan table {
border-top: solid 1px #333;
}
.menu_plan tr > * {
font-size: 1.4rem;
text-align: left;
padding: 1em 2em;
border-bottom: solid 1px #333;
}
.menu_plan th {
background: #fbfbfb;
border-right: solid 1px #333;
width: 45%;
padding: 1em 3em;
}
@media screen and (max-width: 767px) {
.menu_plan .row2 figure {
text-align: center;
margin-top: 3rem;
}
}
@media screen and (min-width: 768px) {
.menu_plan .row2 {
display: flex;
justify-content: space-between;
}
.menu_plan .row2 figure {
width: 30rem;
}
.menu_plan .row2 table {
width: calc(100% - 34rem);
}
}
.menu_list {
margin: 8rem 0;
}
.menu_list .ttl {
font-size: 4rem;
font-weight: bold;
border-bottom: solid 2px #159e00;
padding-bottom: .2em;
margin-bottom: 4.5rem;
}
.menu_list .ttl2 {
font-size: 2.6rem;
font-weight: bold;
color: #159e00;
margin-bottom: .8em;
}
.menu_list p {
font-size: 1.8rem;
text-align: center;
font-weight: bold;
color: #159e00;
line-height: 1.66;
}
.menu_list li {
text-align: center;
}
.menu_list li p {
font-size: 1.6rem;
line-height: 1.875;
color: inherit;
margin-top: .5em;
}
@media screen and (max-width: 767px) {
.menu_list li p {
line-height: 1.65;
}
}
.menu_list ul {
margin-bottom: 4rem;
}
@media screen and (min-width: 768px) {
.menu_list ul {
display: flex;
justify-content: space-between;
}
.menu_list ul li {
width: 31rem;
}
}
@media screen and (min-width: 768px) {
.blog_main {
float: left;
width: 74.3rem;
margin-bottom: 12rem;
}
.blog_side {
float: right;
width: 21rem;
margin-bottom: 12rem;
}
}
@media screen and (max-width: 767px) {
.blog_main {
margin-bottom: 8rem;
}
}
@media screen and (max-width: 767px) {
.blog_side {
margin-bottom: 10rem;
}
}
.blog_side dt {
font-weight: bold;
padding: 0 0 .8em;
font-size: 1.8rem;
text-align: center;
color: #159e00;
border-bottom: solid 1px #159e00;
}
.blog_side dd {
margin-bottom: 6.5rem;
}
.blog_side select {
display: block;
width: 100%;
border-radius: .2em;
font-size: 1.4rem;
border: solid 1px #c2c2c2;
padding: .6em 1em;
}
.blog_side li {
border-bottom: solid 1px #c0d3bd;
}
.blog_side li a {
font-size: 1.6rem;
display: block;
padding: 1em 1em;
}
.blog_sub {
font-size: 1.4rem;
margin-bottom: 1.5em;
letter-spacing: .05em;
}
.blog_sub i {
font-size: 1.3rem;
background: #159e00;
color: #fff;
min-width: 9em;
display: inline-block;
text-align: center;
padding: .4em 1em;
margin-left: 1.5em;
}
.blog_ttl {
font-size: 2.4rem;
font-weight: 500;
line-height: 1.66;
margin-bottom: 2.4em;
}
@media screen and (max-width: 767px) {
.blog_ttl {
font-size: 2.1rem;
padding-bottom: .6em;
margin-bottom: 1em;
}
}
.blog_img {
margin-bottom: 4.5rem;
}
.blog_body {
margin-bottom: 9rem;
}
.blog_body h2 {
font-size: 2.8rem;
font-weight: bold;
padding-left: 1em;
border-left: solid 0.3rem #159e00;
margin: 2.2em 0 1em;
}
.blog_body h3 {
font-size: 2.4rem;
margin: 4em 0 1em;
font-weight: bold;
position: relative;
padding-left: 1.7em;
}
.blog_body h3:before {
content: '';
position: absolute;
width: .7em;
border-bottom: solid 0.3rem #159e00;
left: 0;
top: .6em;
}
.blog_body h4 {
font-size: 2rem;
font-weight: bold;
margin: 4em 0 1em;
position: relative;
padding-left: 1.3em;
}
.blog_body h4:before {
content: '';
position: absolute;
width: .45em;
height: .45em;
background: #159e00;
left: 0;
top: .55em;
border-radius: 50%;
}
.blog_body p {
font-size: 1.5rem;
line-height: 2.66;
}
@media screen and (max-width: 767px) {
.blog_body p {
line-height: 2;
}
}
.blog_body p em {
background: linear-gradient(transparent 10%, #fffb8e 10%);
}
.blog_body p img.aligncenter {
display: block;
margin: 0 auto;
}
.blog_body p + p {
margin-top: 1.5em;
}
.blog_body .question, .blog_body .answer {
position: relative;
}
.blog_body .question + p, .blog_body .answer + p {
margin-top: 2.5em;
}
.blog_body .question b, .blog_body .answer b {
padding: 2rem 2.5em;
min-height: 12rem;
display: flex;
align-items: center;
font-size: 1.6rem;
line-height: 1.875;
letter-spacing: .06em;
position: relative;
border-radius: 1rem;
font-weight: normal;
}
@media screen and (max-width: 767px) {
.blog_body .question b, .blog_body .answer b {
line-height: 1.65;
}
}
@media screen and (max-width: 767px) {
.blog_body .question b, .blog_body .answer b {
font-size: 1.4rem;
padding: 3rem 2rem;
}
}
.blog_body .question b:before, .blog_body .question b:after, .blog_body .answer b:before, .blog_body .answer b:after {
content: '';
position: absolute;
border-style: solid;
}
@media screen and (max-width: 767px) {
.blog_body .question b, .blog_body .answer b {
padding: 1rem 2rem;
}
}
.blog_body .question {
background: url(//kaitai-kankyo.com/wp-content/themes/kankyo/img/blog_voice_img_01.png) no-repeat left top/12rem;
padding-left: 16rem;
}
@media screen and (max-width: 767px) {
.blog_body .question {
padding-left: 8.5rem;
background-size: 6rem;
}
}
.blog_body .question b {
color: #fff;
background: #159e00;
}
.blog_body .question b:before {
border-width: 0 14px 12px 0;
border-color: transparent #159e00 transparent transparent;
left: -14px;
top: 44px;
}
.blog_body .question b:after {
content: none;
border-width: 0 14px 12px 0;
border-color: transparent #fff transparent transparent;
left: -14px;
top: 44px;
}
.blog_body .answer {
background: url(//kaitai-kankyo.com/wp-content/themes/kankyo/img/blog_voice_img_02.png) no-repeat right top/12rem;
padding-right: 16rem;
}
@media screen and (max-width: 767px) {
.blog_body .answer {
padding-right: 8.5rem;
background-size: 6rem;
}
}
.blog_body .answer b {
color: #159e00;
border: solid 2px #159e00;
}
.blog_body .answer b:before {
border-width: 12px 14px 0 0;
border-color: #159e00 transparent transparent transparent;
right: -14px;
top: 44px;
}
.blog_body .answer b:after {
border-width: 12px 14px 0 0;
border-color: #fff transparent transparent transparent;
right: -8px;
top: 46px;
}
.blog_body table {
border-top: solid 1px #dcdcdc;
border-left: solid 1px #dcdcdc;
margin: 7rem 0;
border-radius: 1rem;
}
.blog_body tr > * {
font-size: 1.6rem;
padding: 1.2em 1em;
border-bottom: solid 1px #dcdcdc;
border-right: solid 1px #dcdcdc;
vertical-align: middle;
letter-spacing: 0;
text-align: center;
}
@media screen and (max-width: 767px) {
.blog_body tr > * {
padding: .6em;
}
}
.blog_body tr > * + * {
border-left: solid 1px #dcdcdc;
}
.blog_body thead th {
background: #159e00;
color: #fff;
}
.blog_body th {
width: 25%;
background: #ebf2e9;
}
.blog_cate {
font-size: 4rem;
font-weight: bold;
padding-left: .8em;
border-left: solid 0.8rem #159e00;
line-height: 1.4;
margin-bottom: 2rem;
}
@media screen and (max-width: 767px) {
.blog_cate {
font-size: 3.2rem;
}
}
.blog_list {
margin-top: 4rem;
}
.blog_list li {
border-top: solid 1px #ababab;
}
.blog_list a {
display: -webkit-box;
display: flex;
-webkit-box-pack: justify;
justify-content: space-between;
position: relative;
padding: 5rem 0;
}
@media screen and (max-width: 767px) {
.blog_list a {
padding: 3rem 0;
}
}
.blog_list figure {
width: 24rem;
}
.blog_list figure img {
width: 100%;
display: block;
}
@media screen and (max-width: 767px) {
.blog_list figure {
width: 15rem;
}
}
.blog_list .desc {
width: calc(100% - 27.5rem);
}
@media screen and (max-width: 767px) {
.blog_list .desc {
width: calc(100% - 16.5rem);
}
}
.blog_list p {
font-size: 1.4rem;
}
.blog_list p + p {
font-size: 1.6rem;
line-height: 1.875;
font-weight: bold;
margin-top: 1em;
}
@media screen and (max-width: 767px) {
.blog_list p + p {
line-height: 1.65;
}
}
@media screen and (max-width: 767px) {
.blog_list p + p {
margin-top: .3em;
}
}
.blog_list i {
font-size: 1.3rem;
background: #159e00;
color: #fff;
min-width: 9em;
display: inline-block;
text-align: center;
padding: .4em 1em;
margin-left: 1.5em;
}
@media screen and (max-width: 767px) {
.blog_list .more {
display: none;
}
}
@media screen and (min-width: 768px) {
.blog_list .more {
position: absolute;
right: 0;
bottom: 0;
text-align: right;
color: #159e00;
font-size: 1.4rem;
padding-right: 1em;
background: url(//kaitai-kankyo.com/wp-content/themes/kankyo/img/ico_arrow02.png) no-repeat right center/0.5em;
}
}
.c_list {
margin-bottom: 12rem;
}
.wp-pagenavi {
margin-top: 5rem;
display: flex;
justify-content: center;
gap: 2rem;
}
.wp-pagenavi a, .wp-pagenavi span {
text-align: center;
color: #159e00;
width: 2.5em;
line-height: 2.5;
font-size: 1.6rem;
background: #f2f2f2;
}
.wp-pagenavi .current {
background: #36a725;
color: #fff;
}
.wp-pagenavi .previouspostslink, .wp-pagenavi .nextpostslink {
color: transparent;
position: relative;
}
.wp-pagenavi .previouspostslink:before, .wp-pagenavi .nextpostslink:before {
content: '';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
border: .25em solid transparent;
}
.wp-pagenavi .previouspostslink:before {
border-right: 0.45em solid #159e00;
margin-left: -.2em;
}
.wp-pagenavi .nextpostslink:before {
border-left: 0.45em solid #159e00;
margin-left: .2em;
}
.works_wrap {
margin-bottom: 12rem;
}
@media screen and (max-width: 767px) {
.works_wrap {
margin-bottom: 7rem;
}
}
.works_nav {
margin: 5rem 0 9rem;
}
@media screen and (max-width: 767px) {
.works_nav {
margin: 3rem 0 5rem;
}
}
.works_nav ul {
display: -webkit-box;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
gap: 2rem;
margin-bottom: 5rem;
}
.works_nav ul > * {
width: 32rem;
}
@media screen and (max-width: 767px) {
.works_nav ul {
gap: 2rem 2%;
}
.works_nav ul li {
width: 49%;
}
}
.works_nav li a {
display: block;
text-align: center;
font-size: 1.6rem;
line-height: 6rem;
border: solid 2px #159e00;
border-radius: 2em;
color: #159e00;
font-weight: bold;
box-shadow: 2.121px 2.121px 0px 0px rgba(0, 0, 0, 0.2);
}
.works_detail .ttl {
font-size: 2.8rem;
font-weight: bold;
}
.works_detail .sub {
font-size: 1.4rem;
margin: 1rem 0 4rem;
}
.works_detail .data {
margin: 0 auto 7rem;
}
@media screen and (min-width: 768px) {
.works_detail .data {
width: 75rem;
}
}
.works_detail .data .img {
position: relative;
}
.works_detail .data .img i {
position: absolute;
left: 0;
top: 0;
background: red;
color: #fff;
padding: .4em .8em;
font-weight: bold;
}
.works_detail .data .after {
position: relative;
margin-top: 11rem;
}
.works_detail .data .after:before {
content: '';
position: absolute;
width: 100%;
background: url(//kaitai-kankyo.com/wp-content/themes/kankyo/img/arrow03.png) no-repeat 50%/contain;
height: 9rem;
top: -10rem;
}
.works_detail .data p {
font-size: 1.6rem;
line-height: 1.875;
margin-top: 1em;
}
@media screen and (max-width: 767px) {
.works_detail .data p {
line-height: 1.65;
}
}
.works_detail .img2 {
text-align: center;
margin: 4rem 0 5rem;
}
.works_detail .txt {
font-size: 1.6rem;
line-height: 1.875;
}
@media screen and (max-width: 767px) {
.works_detail .txt {
line-height: 1.65;
}
}
.works_detail .msg {
margin-bottom: 6rem;
}
@media screen and (min-width: 768px) {
.works_detail .msg {
display: -webkit-box;
display: flex;
-webkit-box-pack: justify;
justify-content: space-between;
}
.works_detail .msg .img {
width: 26rem;
}
.works_detail .msg .catch {
width: calc(100% - 31rem);
}
}
.works_detail .msg .img p {
text-align: center;
margin-top: 1em;
font-size: 1.8rem;
}
.works_detail .msg .img p small {
display: block;
margin-bottom: .4em;
font-size: 1.6rem;
}
@media screen and (max-width: 767px) {
.works_detail .msg .img {
text-align: center;
margin-bottom: 2rem;
}
}
.works_detail .catch {
position: relative;
border: solid 2px #159e00;
border-radius: 1rem;
font-size: 1.6rem;
line-height: 1.875;
padding: 1.5em 2em;
min-height: 5em;
margin-bottom: 2.5rem;
}
.works_detail .catch b {
display: block;
color: #4aaf3b;
font-size: 2rem;
margin-bottom: .8em;
}
@media screen and (max-width: 767px) {
.works_detail .catch {
line-height: 1.65;
}
}
@media screen and (max-width: 767px) {
.works_detail .catch {
padding: 1em 1.5em;
}
}
.works_detail .catch:before, .works_detail .catch:after {
content: '';
position: absolute;
border-style: solid;
border-width: 0 17px 15px 0;
border-color: transparent #159e00 transparent transparent;
left: -17px;
top: 1.5em;
}
@media screen and (max-width: 767px) {
.works_detail .catch:before, .works_detail .catch:after {
border-width: 0 0 17px 15px;
border-color: transparent transparent #159e00 transparent;
left: 5em;
top: -17px;
}
}
.works_detail .catch:after {
border-color: transparent #fff transparent transparent;
left: -12px;
top: calc(1.5em + 2px);
}
@media screen and (max-width: 767px) {
.works_detail .catch:after {
border-width: 0 0 17px 15px;
border-color: transparent transparent #fff transparent;
left: calc(5em - 2px);
top: -12px;
}
}
.detail_btn {
margin: 7rem 0 12rem;
}
@media screen and (min-width: 768px) {
.detail_btn {
position: relative;
}
.detail_btn .b {
position: absolute;
left: calc(50% + 17rem);
top: 0;
width: 17.5rem;
}
}
@media screen and (max-width: 767px) {
.detail_btn .b {
margin-top: 2rem;
}
}
.form_lead {
margin-bottom: 10rem;
}
@media screen and (max-width: 767px) {
.form_lead {
margin-bottom: 6rem;
}
}
.form {
background: #ebf2e9;
}
.form div.wpcf7 .ajax-loader {
position: absolute;
left: 0;
background-color: transparent;
}
.form div.wpcf7 .ajax-loader:before {
content: none;
}
.form .wpcf7-spinner {
display: none !important;
}
.form span.wpcf7-list-item {
margin: 0;
display: inline;
}
.form .wpcf7c-conf:-webkit-autofill {
-webkit-box-shadow: 0 0 0px 1000px #fff inset;
}
.form input:-webkit-autofill, .form select:-webkit-autofill {
-webkit-box-shadow: 0 0 0px 1000px #fff inset;
}
.form input[readonly], .form textarea[readonly], .form select[readonly] {
border: none !important;
background: #fff;
}
.form .wpcf7-spinner {
display: none;
}
.form tr > * {
font-size: 1.6rem;
text-align: left;
letter-spacing: .05em;
}
@media screen and (max-width: 767px) {
.form tr > * {
float: left;
width: 100%;
}
}
.form th {
padding-top: .5em;
position: relative;
text-align: left;
font-weight: bold;
}
@media screen and (max-width: 767px) {
.form th {
padding: 0 0 .7em;
}
}
@media screen and (min-width: 768px) {
.form th {
width: 31rem;
}
}
.form th em {
font-size: 1.4rem;
position: absolute;
background: #159e00;
border-radius: .2em;
color: #fff;
font-weight: normal;
padding: .2em .6em .2em;
right: 3rem;
}
.form th a {
border-bottom: solid 1px #afafaf;
}
.form td {
padding-bottom: 4rem;
}
.form td input[type="text"], .form td input[type="email"], .form td input[type="tel"], .form td textarea, .form td select {
border-radius: .3em;
width: 100%;
padding: 1em 1.2em;
}
.form td select {
width: auto;
}
.form td textarea {
width: 100%;
height: 12em;
display: block;
}
.form td label {
display: block;
margin-top: 1em;
}
.form td label input {
margin-right: .7em;
}
.form .doui2 {
text-align: center;
background: #cdebc4;
margin: 0 0 4rem;
padding: 2em 0 3rem;
font-size: 1.6rem;
font-weight: bold;
}
.form .doui2 .wpcf7-list-item {
display: block;
margin-bottom: .5rem;
}
.form .doui2 .wpcf7-list-item-label {
display: none;
}
.form .doui2 input {
margin-right: 1em;
}
.form .btn {
text-align: center;
}
.form .btn span {
display: inline-block;
box-shadow: 7.071px 7.071px 0px 0px rgba(0, 0, 0, 0.2);
color: #fff;
line-height: 7.4rem;
width: 40.5rem;
max-width: 100%;
border-radius: .6rem;
font-weight: bold;
background: #0b7eff url(//kaitai-kankyo.com/wp-content/themes/kankyo/img/ico_arrow_01.png) no-repeat calc(100% - 1.2em) center/0.8rem;
}
.form .btn input {
background: none;
width: 100%;
}
.form .msg {
display: none;
}
.form .msg p {
font-size: 1.6rem;
line-height: 1.875;
text-align: center;
margin-bottom: 3em;
}
@media screen and (max-width: 767px) {
.form .msg p {
line-height: 1.65;
}
}