@charset "utf-8";

/* ヘッダー背景 */
.top-bg01{
width: 100%;
height: 100vh;
background-color: rgba(255, 255, 255, 0.5);
opacity: 1;
}

.top-bg02{
font-size: 72px;
font-weight: 100;
color: #006633;
text-align: center;
padding-top: 17%;
padding-left: 0%;
font-family: 'Rubik Dirt', cursive;
line-height: 5%;
letter-spacing: 5px;
  text-shadow    : 
       2px  2px 1px #ffffff,
      -2px  2px 1px #ffffff,
       2px -2px 1px #ffffff,
      -2px -2px 1px #ffffff,
       2px  0px 1px #ffffff,
       0px  2px 1px #ffffff,
      -2px  0px 1px #ffffff,
       0px -2px 1px #ffffff; 
}

.top-bg02 h2{
font-size: 32px;
font-weight:100;
color: #006633;
text-align: center;
padding-top: 5%;
padding-left: 0%;
font-family: 'Rubik Dirt', cursive;
line-height: 5%;
letter-spacing: 2px;
}

.top-bg02 h3{
font-size: 24px;
font-weight: bold;
color: #006633;
text-align: center;
padding-top: 3%;
padding-left: 0%;
font-family: 'Shippori Antique B1', sans-serif;
letter-spacing: 5px;
}

.index-bg {
position: fixed;
top: 0px;
width: 100%;
height: 100%;
background:transparent;
z-index: -1;
}

.index-bg li {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background-size: cover;
background-position: 50% 50%;
background-repeat: none;
opacity: 0;
-webkit-animation: anime 40s linear 0s infinite ;
animation: anime 40s linear 0s infinite ;
}

.index-bg li:nth-child(1) { 
background-image:url(../images-bg2/index-bg01.png);
}

.index-bg li:nth-child(2) {
background-image: url(../images-bg2/index-bg07.png);
-webkit-animation-delay: 10s;
animation-delay: 10s;
}

.index-bg li:nth-child(3) {
background-image:url(../images-bg2/index-bg05.png);
-webkit-animation-delay: 20s;
animation-delay: 20s;
}

.index-bg li:nth-child(4) {
background-image: url(../images-bg2/index-bg06.png);
-webkit-animation-delay: 30s;
animation-delay: 30s;
}

@-webkit-keyframes anime { 
0% {
-webkit-animation-timing-function: ease-in;
opacity: 0;
}
10% {
-webkit-transform: scale(1.1);
opacity: 1;
}
40% {
-webkit-transform: scale(1.2);
-webkit-animation-timing-function: ease-out;
opacity: 1;
}
50% {
-webkit-transform: scale(1.3);
opacity: 0;
}
100% { opacity: 0 }
}

@keyframes anime { 
0% {
animation-timing-function: ease-in;
opacity: 0;
}
10% {
transform: scale(1.1);
opacity: 1;
}
40% {
transform: scale(1.2);
animation-timing-function: ease-out;
opacity: 1;
}
50% {
transform: scale(1.3);
opacity: 0;
}
100% { opacity: 0 }
}
/* ヘッダー背景終わり */

/* --- greetingはじまり ----- */
.greeting01{
display: grid;
grid-template-columns: repeat(5, 1fr);
grid-template-rows: repeat(5, 1fr);
grid-column-gap: 0px;
grid-row-gap: 0px;
width: auto;
height:80vh;
background-color: rgba(255, 255, 255, 0.9);
margin-left: 0%;
margin-right: 0%;
opacity: 1;
border-radius: 50px;
margin-top: 0px;
margin-bottom: 0px;
font-family: 'Shippori Antique B1', sans-serif;
}

.greeting02{grid-area:  2 / 1 / 3 / 3; 
font-size: 40px;
font-weight: 100;
padding-top:;
padding-left: 5%;
color: #006633;
text-align: left;
border-bottom: 5px dotted #74a64c;
letter-spacing: 15px;
font-family: 'Rubik Dirt', cursive;
margin-left: 20px;
margin-right: 100px;
}

.greeting03{grid-area: 1 / 3 / 2 / 6;
 font-size: 40px;
font-weight:100;
padding-top: 50px;
color: #006633;
text-align: center;
line-height: 1em;
letter-spacing: 15px;
}

.greeting03 h6{
font-size: 28px;
}

.greeting04{grid-area: 2 / 3 / 6 /6;
font-size: 14px;
font-weight: 100;
text-align: left;
color: #1a0b08;
padding-left: 15%;
padding-right: 10%;
letter-spacing: 5px;
}

.greeting04 h3{
text-align: right;
}
/* --- greetingおわり ----- */

/* --- newsはじまり ----- */
.news01 {
display: grid;
grid-template-columns: repeat(5, 1fr);
grid-template-rows: repeat(5, 1fr);
grid-column-gap: 0px;
grid-row-gap: 0px;
width: auto;
height: 80vh;
background-color: rgba(255, 255, 255, 0.5);
margin-left: 0%;
margin-right: 0%;
opacity: 1;
border-radius: 30px;
margin-top: 0px;
margin-bottom: 0px;
font-family: 'Shippori Antique B1', sans-serif;

}

.news01 a{
text-decoration: none;
color: #006633;
}

.news01 a:hover{
opacity: 0.5;
}
.news02 { grid-area: 1 / 4 / 2 / 6; 
font-size: 40px;
font-weight: 100;
padding-top:5%;
padding-right: 15%;
margin-right: 20px;
margin-left: 20px;
color: #006633;
text-align: right;
border-bottom: 5px dotted #74a64c;
letter-spacing: 15px;
font-family: 'Rubik Dirt','M PLUS Rounded 1c', sans-serif;
  text-shadow    : 
       2px  2px 1px #ffffff,
      -2px  2px 1px #ffffff,
       2px -2px 1px #ffffff,
      -2px -2px 1px #ffffff,
       2px  0px 1px #ffffff,
       0px  2px 1px #ffffff,
      -2px  0px 1px #ffffff,
       0px -2px 1px #ffffff; 
}

.news03 { grid-area: 2 / 1 / 6 / 4; 
overflow: auto;
border-radius: 20px;
opacity: 1;
padding-left:10%;
padding-top: 5%;
background-color: rgba(255, 255, 255, 0.9);
margin: 20px;
}

.news04 { grid-area: 5 / 4 / 6 / 5; 
}

.news03 th{
padding-top: 0px;
width:30%;
background-color:transparent;
color: #1a0b08;
font-size: 14px;
font-weight:100;
text-align: center;
border-bottom: 1px solid #74a64c;
border-radius: 0px;
height: 50px;
letter-spacing: 5px
}

.news03 td{
width: 70%;
font-size: 14px;
font-weight: ;
color: #1a0b08;
text-align: left;
background-color: transparent;
padding-top: 0px;
padding-left: 50px;
border-bottom: 0px solid #74a64c;
border-radius: 0px;
height: 50px;
letter-spacing: 5px;
}
/* --- newsおわり ----- */

/* --- serviceはじまり ----- */
.service01{
display: grid;
grid-template-columns: repeat(8, 1fr);
grid-template-rows: repeat(7, 1fr) 0.2fr repeat(4, 1fr);
grid-column-gap: 10px;
grid-row-gap: 0px;
width: auto;
height: 200vh;
background-color: rgba(255, 255, 255, 1);
margin-left: 0%;
margin-right: 0%;
opacity: 1;
border-radius: 30px;
margin-top: 0px;
margin-bottom: 0px;
font-family: 'Rubik Dirt', cursive;
}

.service03 { grid-area: 2 / 1 / 5 / 5;
font-size: 16px;
font-weight: 100;
text-align: left;
color: #1a0b08;
padding-left: 15%;
letter-spacing: 5px;
line-height: 1.5em;
font-family: 'Shippori Antique B1', sans-serif;
padding-top: 20px;
}

.service06 { grid-area: 1 / 1 / 2 / 4;
font-size: 40px;
font-weight: 100;
padding-top:5%;
padding-left: 15%;
color: #006633;
text-align: left;
border-bottom: 5px dotted #74a64c;
letter-spacing: 15px;
margin-left: 20px;
}

.service02 { grid-area: 2 / 5 / 5 / 9;
background-image: url(../images-home2/business04.png);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
margin-left: 10%;
margin-right: 10%;
border: 2px solid #bcd537;
border-radius: 20px;
}
.service04 { grid-area: 5 / 2 / 6 / 8; 
font-size: 24px;
font-weight: 100;
padding-top:5%;
padding-left: 0%;
color: #006633;
text-align: center;
letter-spacing: 15px;
font-family: 'Shippori Antique B1', sans-serif;
}
.service05 {grid-area: 6 / 2 / 13 / 9;
padding-top: 40px;
font-family: sans-serif;
padding-right: 30px;
}
.service05 h3{
font-size: 18px;
font-weight: bold;
}

/* --- serviceおわり ----- */


/* --- recruitはじまり ----- */
.recruit01{
display: grid;
grid-template-columns: repeat(5, 1fr);
grid-template-rows: repeat(7, 1fr);
grid-column-gap: 0px;
grid-row-gap: 0px;
width: auto;
height: 100vh;
background-color: rgba(255, 255, 255, 0.4);
margin-left: 0%;
margin-right: 0%;
opacity: 1;
border-radius: 30px;
margin-top: 0px;
margin-bottom: 0px;
font-family: 'Shippori Antique B1', sans-serif;
}

.recruit02 { grid-area: 1 / 1 / 2 / 3;
font-size: 40px;
font-weight: 100;
padding-top: 5%;
padding-left: 15%;
color: #006633;
text-align: left;
border-bottom: 5px dotted #74a64c;
letter-spacing: 15px;
font-family: 'Rubik Dirt', 'Shippori Antique B1', sans-serif;
margin-left: 20px;
  text-shadow    : 
       2px  2px 1px #ffffff,
      -2px  2px 1px #ffffff,
       2px -2px 1px #ffffff,
      -2px -2px 1px #ffffff,
       2px  0px 1px #ffffff,
       0px  2px 1px #ffffff,
      -2px  0px 1px #ffffff,
       0px -2px 1px #ffffff; 
}

.recruit03 { grid-area: 3 / 1 / 7 / 6;
padding: 30px;
padding-top: 15px;
background-color: rgba(255, 255, 255,0.8);
border-radius: 30px;
}

.recruit03 th{
padding-top: 0px;
width:30%;
background-color:transparent;
color: #1a0b08;
font-size: 14px;
font-weight: bold;
text-align: center;
border-bottom: 1px solid #74a64c;
border-radius: 0px;
height: 100px;
letter-spacing: 15px;
}

.recruit03 td{
width: 70%;
font-size: 14px;
font-weight:100;
color: #1a0b08;
text-align: left;
background-color: transparent;
padding-top: 0px;
padding-left: 30px;
border: 0px dotted #696969;
border-radius: 0px;
height: 100px;
letter-spacing: 2px;
}

.recruit04 { grid-area: 7 / 4 / 8 / 5; 
text-align: left;
margin-left: 0%;
padding-top: 10%;
z-index: 10;
padding-left: 5%;
}

.recruit05 { grid-area: 2 / 2 / 3 / 5; 
font-size: 28px;
font-weight: bold;
padding-top: 5%;
padding-left: 0%;
color: #006633;
text-align: center;
letter-spacing: 15px;
  text-shadow    : 
       2px  2px 1px #ffffff,
      -2px  2px 1px #ffffff,
       2px -2px 1px #ffffff,
      -2px -2px 1px #ffffff,
       2px  0px 1px #ffffff,
       0px  2px 1px #ffffff,
      -2px  0px 1px #ffffff,
       0px -2px 1px #ffffff; 
}
/* ---recruitおわり ----- */

/* --- aboutはじまり ----- */
.about01{
display: grid;
grid-template-columns: repeat(5, 1fr);
grid-template-rows: repeat(6, 1fr);
grid-column-gap: 0px;
grid-row-gap: 0px;
width: auto;
height: 110vh;
background-color: rgba(255, 255, 255, 0.7);
margin-left: 0%;
margin-right: 0%;
opacity: 1;
border-radius: 30px;
margin-top: 0px;
margin-bottom: 0px;
}

.about02 { grid-area: 1 / 1 / 2 / 3;
font-size: 40px;
font-weight: 100;
padding-top: 5%;
padding-left: 15%;
color: #006633;
text-align: left;
border-bottom: 5px dotted #74a64c;
letter-spacing: 15px;
margin-left: 20px;
}

.about03 { grid-area: 2 / 1 / 7 / 4;
background-color: rgba(255, 255, 255, 0.7);
padding: 20px;
padding-top: 45px;
margin: 3%;
font-family: 'Shippori Antique B1', sans-serif;
border-radius: 20px;
}

.about03 th{
padding-top: 0px;
width:25%;
background-color:transparent;
color: #1a0b08;
font-size: 14px;
font-weight: bold;
text-align: center;
border-bottom: 1px solid #74a64c;
border-radius: 0px;
height: 50px;
letter-spacing: 5px;
}

.about03 td{
width: 75%;
font-size: 14px;
font-weight:;
color: #1a0b08;
text-align: left;
background-color: transparent;
padding-top: 0px;
padding-left: 30px;
border: 0px dotted #696969;
border-radius: 0px;
height: 50px;
letter-spacing: 2px;
}

.about04 { grid-area: 3 / 3 / 7 / 6; 
margin: 3%;
z-index: 10;
padding-left: 0%;
border: 3px solid #bcd537;
border-radius: 0px;
}

.about01 iframe{
width: 100%;
height: 100%;
}
/* --- aboutおわり ----- */

.blank3{
width: 100%;
height: 50px;
background:#fdd000;
}

.blank2{
width: 100%;
height: 50px;
background:#fff;
}

/* --- contactはじまり ----- */
.contact01 {
display: grid;
grid-template-columns: repeat(5, 1fr);
grid-template-rows: repeat(5, 1fr);
grid-column-gap: 0px;
grid-row-gap: 0px;
width: auto;
height: 80vh;
background-color: rgba(255, 255, 255, 0.9);
margin-left: 0%;
margin-right: 0%;
opacity: 1;
border-radius: 30px;
margin-top: 0px;
margin-bottom: 0px;
font-family: 'Shippori Antique B1', sans-serif;
}

.contact02 { grid-area: 1 / 1 / 2 / 3; 
font-size: 40px;
font-weight: 100;
padding-top:5%;
padding-left: 15%;
color: #006633;
text-align: left;
border-bottom: 5px dotted #74a64c;
letter-spacing: 15px;
font-family: 'Rubik Dirt','Shippori Antique B1', sans-serif;
margin-left: 20px;
}

.contact03 { grid-area: 2 / 3 / 3 / 6; 
margin-top: 0px;
border-radius: 0px;
opacity: 1;
padding-left:0%;
padding-top: 2%;
letter-spacing: 2px;
}

.contact03 h3{
text-align: center;
color: #006633;
font-size: 18px;
letter-spacing: 2px;
line-height: 1em;
}

.contact03 p{
text-align: center;
color: #1a0b08;
font-size: 14px;
}

.contact04 { grid-area: 3 / 3 / 5 / 6; 
background-color: rgba(188, 213, 55, 0.8);
margin-top: 50px;
border-radius: 0px;
opacity: 1;
padding-left:0%;
padding-top: 15pz;
border: 2px solid #bcd537;
margin-left: 20%;
margin-right: 20%;
letter-spacing: 5px;
border-radius: 20px;
display: none;
}

.contact04 p{
font-size: 18px;
color:#fff;
text-align: center;
padding-top: 30px;
}

.contact04 h5{
font-size: 14px;
color: #fff;
text-align: center;
}

.contact05 { grid-area: 5 / 3 / 6 /5; 
padding-top: 5%;
padding-left: 45%;
}
/* --- contactおわり ----- */


@media (max-width: 768px){ 

/* ヘッダー背景 */
.top-bg01{
width: 100%;
height: 700px;
background-color: rgba(255, 255, 255, 0.5);
opacity: 1;
}

.top-bg02{
font-size: 22px;
font-weight: 100;
color: #006633;
text-align: center;
padding-top: 50%;
padding-left: 0%;
font-family: 'Rubik Dirt', cursive;
line-height: 5%;
letter-spacing: 2px;
  text-shadow    : 
       2px  2px 1px #ffffff,
      -2px  2px 1px #ffffff,
       2px -2px 1px #ffffff,
      -2px -2px 1px #ffffff,
       2px  0px 1px #ffffff,
       0px  2px 1px #ffffff,
      -2px  0px 1px #ffffff,
       0px -2px 1px #ffffff; 
}

.top-bg02 h2{
font-size: 16px;
font-weight:100;
color: #006633;
text-align: center;
padding-top: 10%;
padding-left: 0%;
font-family: 'Rubik Dirt', cursive;
line-height: 2em;
letter-spacing: 1px;
}

.top-bg02 h3{
font-size: 14px;
font-weight: bold;
color: #006633;
text-align: center;
padding-top: 3%;
padding-left: 0%;
font-family: 'Shippori Antique B1', sans-serif;
letter-spacing: 5px;
}

.index-bg {
position: fixed;
top: 0px;
width: 100%;
height: 100%;
background:transparent;
z-index: -1;
}

.index-bg li {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background-size: cover;
background-position: 50% 50%;
background-repeat: none;
opacity: 0;
-webkit-animation: anime 40s linear 0s infinite ;
animation: anime 40s linear 0s infinite ;
}

.index-bg li:nth-child(1) { 
background-image:url(../images-bg2/index-bg01.png);
}

.index-bg li:nth-child(2) {
background-image: url(../images-bg2/index-bg07.png);
-webkit-animation-delay: 10s;
animation-delay: 10s;
}

.index-bg li:nth-child(3) {
background-image:url(../images-bg2/index-bg05.png);
-webkit-animation-delay: 20s;
animation-delay: 20s;
}

.index-bg li:nth-child(4) {
background-image: url(../images-bg2/index-bg06.png);
-webkit-animation-delay: 30s;
animation-delay: 30s;
}

@-webkit-keyframes anime { 
0% {
-webkit-animation-timing-function: ease-in;
opacity: 0;
}
10% {
-webkit-transform: scale(1.1);
opacity: 1;
}
40% {
-webkit-transform: scale(1.2);
-webkit-animation-timing-function: ease-out;
opacity: 1;
}
50% {
-webkit-transform: scale(1.3);
opacity: 0;
}
100% { opacity: 0 }
}

@keyframes anime { 
0% {
animation-timing-function: ease-in;
opacity: 0;
}
10% {
transform: scale(1.1);
opacity: 1;
}
40% {
transform: scale(1.2);
animation-timing-function: ease-out;
opacity: 1;
}
50% {
transform: scale(1.3);
opacity: 0;
}
100% { opacity: 0 }
}
/* ヘッダー背景終わり */

/* --- greetingはじまり ----- */
.greeting01{
display: grid;
grid-template-columns: repeat(5, 1fr);
grid-template-rows: repeat(5, 1fr);
grid-column-gap: 0px;
grid-row-gap: 0px;
width: auto;
height: 600px;
background-color: rgba(255, 255, 255, 0.9);
margin-left: 0%;
margin-right: 0%;
opacity: 1;
border-radius: 50px;
margin-top: 0px;
margin-bottom: 0px;
font-family: 'Shippori Antique B1', sans-serif;
}

.greeting02{grid-area:  1 / 1 / 2 / 4; 
font-size: 32px;
font-weight: 100;
padding-top:20%;
padding-left: 5%;
color: #006633;
text-align: left;
border-bottom: 5px dotted #74a64c;
letter-spacing: 15px;
font-family: 'Rubik Dirt', cursive;
margin-left: 20px;
margin-right: 0px;
}

.greeting03{grid-area: 2 / 1 / 3 / 6;
 font-size: 28px;
font-weight:100;
padding-top: 30px;
color: #006633;
text-align: center;
line-height: 1em;
letter-spacing: 5px;
}

.greeting03 h6{
font-size: 18px;
}

.greeting04{grid-area: 3 / 1 / 6 /6;
font-size: 14px;
font-weight: 100;
text-align: left;
color: #1a0b08;
padding-left: 5%;
padding-right: 5%;
letter-spacing: 2px;
}

.greeting04 h3{
text-align: right;
}
/* --- greetingおわり ----- */

/* --- newsはじまり ----- */
.news01 {
display: grid;
grid-template-columns: repeat(5, 1fr);
grid-template-rows: repeat(5, 1fr);
grid-column-gap: 0px;
grid-row-gap: 0px;
width: auto;
height: 400px;
background-color: rgba(255, 255, 255, 0.5);
margin-left: 0%;
margin-right: 0%;
opacity: 1;
border-radius: 30px;
margin-top: 0px;
margin-bottom: 0px;
font-family: 'Shippori Antique B1', sans-serif;

}

.news01 a{
text-decoration: none;
color: #006633;
}

.news01 a:hover{
opacity: 0.5;
}
.news02 { grid-area: 1 / 3 / 2 / 6; 
font-size: 32px;
font-weight: 100;
padding-top:20%;
padding-right: 15%;
margin-right: 20px;
margin-left: 20px;
color: #006633;
text-align: right;
border-bottom: 5px dotted #74a64c;
letter-spacing: 15px;
font-family: 'Rubik Dirt','M PLUS Rounded 1c', sans-serif;
  text-shadow    : 
       2px  2px 1px #ffffff,
      -2px  2px 1px #ffffff,
       2px -2px 1px #ffffff,
      -2px -2px 1px #ffffff,
       2px  0px 1px #ffffff,
       0px  2px 1px #ffffff,
      -2px  0px 1px #ffffff,
       0px -2px 1px #ffffff; 
}

.news03 { grid-area: 2 / 1 / 6 / 6; 
overflow: auto;
border-radius: 20px;
opacity: 1;
padding-left:0%;
padding-top: 5%;
background-color: rgba(255, 255, 255, 0.9);
margin: 5px;
margin-top: 20px;
}

.news04 { grid-area: 5 / 4 / 6 / 5; 
}

.news03 th{
padding-top: 0px;
width:40%;
background-color:transparent;
color: #1a0b08;
font-size: 12px;
font-weight:100;
text-align: center;
border-bottom: 1px solid #74a64c;
border-radius: 0px;
height: 50px;
letter-spacing: 2px
}

.news03 td{
width: 60%;
font-size: 12px;
font-weight: ;
color: #1a0b08;
text-align: left;
background-color: transparent;
padding-top: 0px;
padding-left: 10px;
border-bottom: 0px solid #74a64c;
border-radius: 0px;
height: 50px;
letter-spacing: 2px;
}
/* --- newsおわり ----- */

/* --- serviceはじまり ----- */
.service01{
display: grid;
grid-template-columns: repeat(5, 1fr);
grid-template-rows: repeat(2, 1fr) 0.5fr 1fr 0.5fr repeat(2, 0.3fr) 0.2fr 1fr 0.3fr repeat(2, 1fr);
grid-column-gap: 10px;
grid-row-gap: 0px;
width: auto;
height: 1500px;
background-color: rgba(255, 255, 255, 1);
margin-left: 0%;
margin-right: 0%;
opacity: 1;
border-radius: 30px;
margin-top: 0px;
margin-bottom: 0px;
font-family: 'Rubik Dirt', cursive;
}

.service03 { grid-area: 4 / 1 / 6 / 6;
font-size: 14px;
font-weight: 100;
text-align: left;
color: #1a0b08;
padding-left: 5%;
padding-right: 5%;
letter-spacing: 2px;
line-height: 1.5em;
font-family: 'Shippori Antique B1', sans-serif;
padding-top: 20px;
}

.service06 { grid-area: 1 / 1 / 2 / 5;
font-size: 32px;
font-weight: 100;
padding-top:20%;
padding-left: 5%;
color: #006633;
text-align: left;
border-bottom: 5px dotted #74a64c;
letter-spacing: 15px;
margin-left: 5px;
margin-bottom: 20px;
}

.service02 { grid-area: 2 / 1 / 4 / 6;
background-image: url(../images-home2/business04.png);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
margin-left: 10%;
margin-right: 10%;
border: 2px solid #bcd537;
border-radius: 20px;
}
.service04 { grid-area: 6 / 1 / 7 / 6; 
font-size: 24px;
font-weight: 100;
padding-top:0%;
padding-left: 0%;
margin-top: 100px;
color: #006633;
text-align: center;
letter-spacing: 5px;
font-family: 'Shippori Antique B1', sans-serif;
}
.service05 {grid-area: 7 / 1 / 13/ 6; 
padding-top:0px;
font-family: sans-serif;
padding-right: 5px;
padding-left: 5px;
font-size: 12px;
}
.service05 h3{
font-size: 14px;
font-weight: bold;
}
/* --- serviceおわり ----- */


/* --- recruitはじまり ----- */
.recruit01{
display: grid;
grid-template-columns: repeat(5, 1fr);
grid-template-rows: repeat(7, 1fr);
grid-column-gap: 0px;
grid-row-gap: 0px;
width: auto;
height: 600px;
background-color: rgba(255, 255, 255, 0.4);
margin-left: 0%;
margin-right: 0%;
opacity: 1;
border-radius: 30px;
margin-top: 0px;
margin-bottom: 0px;
font-family: 'Shippori Antique B1', sans-serif;
}

.recruit02 { grid-area: 1 / 2 / 2 / 6;
font-size: 32px;
font-weight: 100;
padding-top: 20%;
padding-left: 5%;
color: #006633;
text-align: left;
border-bottom: 5px dotted #74a64c;
letter-spacing: 15px;
font-family: 'Rubik Dirt', 'Shippori Antique B1', sans-serif;
margin-left: 0px;
margin-right: 10px;
  text-shadow    : 
       2px  2px 1px #ffffff,
      -2px  2px 1px #ffffff,
       2px -2px 1px #ffffff,
      -2px -2px 1px #ffffff,
       2px  0px 1px #ffffff,
       0px  2px 1px #ffffff,
      -2px  0px 1px #ffffff,
       0px -2px 1px #ffffff; 
}

.recruit03 { grid-area: 3 / 1 / 7 / 6;
padding: 10px;
padding-top: 15px;
background-color: rgba(255, 255, 255,0.8);
border-radius: 30px;
}

.recruit03 th{
padding-top: 0px;
width:30%;
background-color:transparent;
color: #1a0b08;
font-size: 12px;
font-weight: bold;
text-align: center;
border-bottom: 1px solid #74a64c;
border-radius: 0px;
height: 70px;
letter-spacing: 2px;
}

.recruit03 td{
width: 70%;
font-size: 12px;
font-weight:100;
color: #1a0b08;
text-align: left;
background-color: transparent;
padding-top: 0px;
padding-left: 10px;
border: 0px dotted #696969;
border-radius: 0px;
height: 70px;
letter-spacing: 2px;
}

.recruit04 { grid-area: 7 / 2 / 8 / 5; 
text-align: left;
margin-left: 0%;
padding-top: 10%;
z-index: 10;
padding-left: 0%;
}

.recruit05 { grid-area: 2 / 1 / 3 / 6; 
font-size: 18px;
font-weight: bold;
padding-top: 5%;
padding-left: 2%;
padding-right: 2%;
color: #006633;
text-align: center;
letter-spacing: 3px;
  text-shadow    : 
       2px  2px 1px #ffffff,
      -2px  2px 1px #ffffff,
       2px -2px 1px #ffffff,
      -2px -2px 1px #ffffff,
       2px  0px 1px #ffffff,
       0px  2px 1px #ffffff,
      -2px  0px 1px #ffffff,
       0px -2px 1px #ffffff; 
}
/* ---recruitおわり ----- */

/* --- aboutはじまり ----- */
.about01{
display: grid;
grid-template-columns: repeat(5, 1fr);
grid-template-rows: repeat(6, 1fr);
grid-column-gap: 0px;
grid-row-gap: 0px;
width: auto;
height: 700px;
background-color: rgba(255, 255, 255, 0.7);
margin-left: 0%;
margin-right: 0%;
opacity: 1;
border-radius: 30px;
margin-top: 0px;
margin-bottom: 0px;
}

.about02 { grid-area: 1 / 1 / 2 / 5;
font-size: 32px;
font-weight: 100;
padding-top: 20%;
padding-left: 15%;
color: #006633;
text-align: left;
border-bottom: 5px dotted #74a64c;
letter-spacing: 15px;
margin-left: 20px;
}

.about03 { grid-area: 2 / 1 / 5 / 6;
background-color: rgba(255, 255, 255, 0.7);
padding: 10px;
padding-top: 45px;
margin: 2%;
font-family: 'Shippori Antique B1', sans-serif;
border-radius: 20px;
}

.about03 th{
padding-top: 0px;
width:25%;
background-color:transparent;
color: #1a0b08;
font-size: 12px;
font-weight: bold;
text-align: center;
border-bottom: 1px solid #74a64c;
border-radius: 0px;
height: 50px;
letter-spacing: 5px;
}

.about03 td{
width: 75%;
font-size: 12px;
font-weight:;
color: #1a0b08;
text-align: left;
background-color: transparent;
padding-top: 0px;
padding-left: 30px;
border: 0px dotted #696969;
border-radius: 0px;
height: 50px;
letter-spacing: 2px;
}

.about04 { grid-area: 5 / 1 / 7 / 6;
margin: 3%;
z-index: 10;
padding-left: 0%;
border: 3px solid #bcd537;
border-radius: 0px;
}

.about01 iframe{
width: 100%;
height: 100%;
}
/* --- aboutおわり ----- */

.blank3{
width: 100%;
height: 50px;
background:#fdd000;
}

.blank2{
width: 100%;
height: 50px;
background:#fff;
}

/* --- contactはじまり ----- */
.contact01 {
display: grid;
grid-template-columns: repeat(5, 1fr);
grid-template-rows: repeat(5, 1fr);
grid-column-gap: 0px;
grid-row-gap: 0px;
width: auto;
height: 600px;
background-color: rgba(255, 255, 255, 0.9);
margin-left: 0%;
margin-right: 0%;
opacity: 1;
border-radius: 30px;
margin-top: 0px;
margin-bottom: 0px;
font-family: 'Shippori Antique B1', sans-serif;
}

.contact02 { grid-area: 1 / 2 / 2 / 6; 
font-size: 30px;
font-weight: 100;
padding-top:20%;
padding-left: 0%;
color: #006633;
text-align: left;
border-bottom: 5px dotted #74a64c;
letter-spacing: 15px;
font-family: 'Rubik Dirt','Shippori Antique B1', sans-serif;
margin-left: 20px;
}

.contact03 { grid-area: 2 / 1 / 3 / 6; 
margin-top: 0px;
border-radius: 0px;
opacity: 1;
padding-left:1%;
padding-right: 1%;
padding-top: 2%;
letter-spacing: 2px;
}

.contact03 h3{
text-align: left;
color: #006633;
font-size: 14px;
padding-left:1%;
padding-right: 1%;
letter-spacing: 1px;
line-height: 1em;
}

.contact03 p{
text-align: center;
color: #1a0b08;
font-size: 12px;
}

.contact04 { grid-area: 3 / 1 / 5 / 6; 
background-color: rgba(188, 213, 55, 0.8);
margin-top: 50px;
border-radius: 0px;
opacity: 1;
padding-left:0%;
padding-top: 3%;
border: 2px solid #bcd537;
margin-left: 5%;
margin-right: 5%;
letter-spacing: 5px;
border-radius: 20px;
}

.contact04 p{
font-size: 20px;
color:#fff;
text-align: center;
}

.contact04 h5{
font-size: 12px;
color: #fff;
text-align: center;
}

.contact05 { grid-area: 5 / 2 / 6 /5; 
padding-top: 5%;
padding-left: 0%;
}
/* --- contactおわり ----- */
    
}