@charset "utf-8";
/*
Theme Name: heartful-taxi - WEB SITE
Theme URI: 
Description: heartful-taxi
Version: 1.0
Author: heartful-taxi
Author URI: 
Tags: heartful-taxi
*/


/*  pagetitle  ----------------------------------------------*/

.garden_pagetitle{
width: 100%;
margin: 0px;
padding: 0px 0px;
box-sizing: border-box;
font-size: 0px;
line-height: 0px;
clear: both;
position: relative;
container-type: inline-size;
text-align: center;
background-color: #f9f8f5;
}

.garden_pagetitle h2 {
width: 100%;
margin: 0px;
padding: 167px 0px 0px 0px;
box-sizing: border-box;
display:  inline-block;
font-style: normal;
font-size: 2.5cqw;
line-height: 1.2;
font-weight: bold;
color: #8bb33c;
letter-spacing: 0.01em;
font-family: -apple-system, BlinkMacSystemFont, "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Verdana, sans-serif;
vertical-align: top;
text-align: center;
}

.garden_pagetitle h2 br {
display: none;
}

.garden_pagetitle h3 {
width: 100%;
margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
display: inline-block;
font-style: normal;
position: relative;
text-align: center;
}

.garden_pagetitle h3 img {
width: 50cqw;
height: auto;
aspect-ratio: 150 / 83;
display: inline-block;
}

.garden_pagetitle h4 {
width: 100%;
margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
display: inline-block;
font-style: normal;
position: relative;
}

.garden_pagetitle h4 img {
width: 30cqw;
height: auto;
aspect-ratio: 147 / 30;
display: inline-block;
}

/* -----------------------------------------------------------------------------  pagetitle --- */


/*  garden_box  ----------------------------------------------*/

.garden_box{
width: 100%;
margin: 0px 0px 0px 0px;
padding: 50px 0px 50px 0px;
box-sizing: border-box;
font-size: 0px;
line-height: 0px;
clear: both;
position: relative;
container-type: inline-size;
text-align: center;
background-color: #f9f8f5;
}

.garden_box span{
width: 72cqw;
margin: 0px;
padding: 40px 0px 30px 0px;
box-sizing: border-box;
font-size: 0px;
line-height: 0px;
display: inline-block;
clear: both;
position: relative;
container-type: inline-size;
text-align: center;
background-color: #fff;
border-radius: 40px;
}

.garden_box span h2 {
width: 100%;
margin: 0px;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
display:  inline-block;
font-style: normal;
font-size: 2cqw;
line-height: 1.2;
font-weight: bold;
color: #8bb33c;
letter-spacing: 0.2em;
font-family: -apple-system, BlinkMacSystemFont, "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Verdana, sans-serif;
vertical-align: top;
text-align: center;
}

.garden_box span h3 {
width: 100%;
margin: 0px;
padding: 0.3em 0px 0px 0px;
box-sizing: border-box;
display:  inline-block;
font-style: normal;
font-size: 3cqw;
line-height: 1.2;
font-weight: bold;
color: #1f1512;
letter-spacing: 0.03em;
font-family: -apple-system, BlinkMacSystemFont, "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Verdana, sans-serif;
vertical-align: top;
text-align: center;
}

.garden_box span h4 {
width: 100%;
margin: 0px;
padding: 1em 50px 0px 50px;
box-sizing: border-box;
display:  inline-block;
font-style: normal;
font-size: 1.5cqw;
line-height: 1.8;
font-weight: bold;
color: #2a917f;
letter-spacing: 0.02em;
font-family: -apple-system, BlinkMacSystemFont, "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Verdana, sans-serif;
vertical-align: top;
text-align: center;
}


.garden_box span p {
width: 700px;
height:80px;
margin:20px auto 0px auto;
padding:0px 0px 0px 0px;
clear: both;
position: relative;
display: block;
}

.garden_box span p a {
width:100%;
height:100%;
margin:0px;
padding:0px;
text-decoration: none;
text-align: left;
display: inline-block;
background: #8bb33c;
}

.garden_box span p a {
width: 100%;
height: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
display:  inline-block;
font-style: normal;
font-size: 30px;
line-height: 1.2;
font-weight: bold;
color: #fff;
text-decoration: none;
letter-spacing: 0.03em;
font-family: -apple-system, BlinkMacSystemFont, "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Verdana, sans-serif;
vertical-align: top;
position: relative;
background: #8bb33c;
border: solid 2px #8bb33c;
border-radius: 4px;
transition: 0.3s;
transform: translate3d(0, 0, 0);
text-align: left;
}

.garden_box span p a:hover {
color: #8bb33c;
background: #fff;
}

.garden_box span p a u {
width: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
display:  inline-block;
font-style: normal;
text-decoration: none;
position: absolute;
top: 24px;
left: 0px;
z-index: 3;
vertical-align: top;
text-align: center;
}

.garden_box span p a em{
display:block;
width: 24px;
height: 24px;
margin:0px;
padding:0px;
box-sizing: border-box;
font-style: normal;
text-decoration: none;
position: absolute;
top: 28px;
right: 16px;
z-index: 5;
clear: both;
clip-path: polygon(25% 0, 100% 0, 100% 75%, 25% 75%, 25% 37%, 35% 43%, 35% 65%, 90% 65%, 90% 10%, 35% 10%, 35% 50%, 10% 50%, 10% 90%, 80% 90%, 80% 100%, 0 100%, 0 50%, 25% 50%);
background-color: #fff;
transition: 0.3s;
transform: translate3d(0, 0, 0);
}

.garden_box span p a:hover em{
background-color: #8bb33c;
}

.garden_box span h5 {
width: 66cqw;
margin: 0px;
padding: 1.6em 0px 0px 0px;
box-sizing: border-box;
display:  inline-block;
font-style: normal;
font-size: 1.5cqw;
line-height: 1.8;
font-weight: bold;
color: #1f1512;
letter-spacing: 0.02em;
font-family: -apple-system, BlinkMacSystemFont, "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Verdana, sans-serif;
vertical-align: top;
text-align: left;
}


.garden_box span h6 {
width: 700px;
height:80px;
margin:20px auto 0px auto;
padding:0px 0px 0px 0px;
clear: both;
position: relative;
display: block;
}

.garden_box span h6 a {
width:100%;
height:100%;
margin:0px;
padding:0px;
text-decoration: none;
text-align: left;
display: inline-block;
background: #8bb33c;
}

.garden_box span h6 a {
width: 100%;
height: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
display:  inline-block;
font-style: normal;
font-size: 24px;
line-height: 1.2;
font-weight: bold;
color: #fff;
text-decoration: none;
letter-spacing: 0.03em;
font-family: -apple-system, BlinkMacSystemFont, "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Verdana, sans-serif;
vertical-align: top;
position: relative;
background: #8bb33c;
border: solid 2px #8bb33c;
border-radius: 4px;
transition: 0.3s;
transform: translate3d(0, 0, 0);
text-align: left;
}

.garden_box span h6 a:hover {
color: #8bb33c;
background: #fff;
}

.garden_box span h6 a u {
width: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
display:  inline-block;
font-style: normal;
text-decoration: none;
position: absolute;
top: 24px;
left: 0px;
z-index: 3;
vertical-align: top;
text-align: center;
}

.garden_box span h6 a u br {
display: none;
}

.garden_box span h6 a em{
display:block;
width: 24px;
height: 24px;
margin:0px;
padding:0px;
box-sizing: border-box;
font-style: normal;
text-decoration: none;
position: absolute;
top: 28px;
right: 16px;
z-index: 5;
clear: both;
clip-path: polygon(25% 0, 100% 0, 100% 75%, 25% 75%, 25% 37%, 35% 43%, 35% 65%, 90% 65%, 90% 10%, 35% 10%, 35% 50%, 10% 50%, 10% 90%, 80% 90%, 80% 100%, 0 100%, 0 50%, 25% 50%);
background-color: #fff;
transition: 0.3s;
transform: translate3d(0, 0, 0);
}

.garden_box span h6 a:hover em{
background-color: #8bb33c;
}


/* -----------------------------------------------------------------------------  garden_box --- */



/*  garden_box2  ----------------------------------------------*/

.garden_box2{
width: 100%;
margin: 0px 0px 0px 0px;
padding: 50px 0px 50px 0px;
box-sizing: border-box;
font-size: 0px;
line-height: 0px;
clear: both;
position: relative;
container-type: inline-size;
text-align: center;
background-color: #f8eec3;
}

.garden_span1{
width: 72cqw;
margin: 0px 0px 0px 0px;
padding: 30px 80px 30px 80px;
box-sizing: border-box;
font-size: 0px;
line-height: 0px;
clear: both;
position: relative;
container-type: inline-size;
text-align: center;
background-color: #fff;
border-radius: 40px;
display: inline-block;
}

.garden_span1 h2 {
width: 100%;
margin: 0px;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
display:  inline-block;
font-style: normal;
font-size: 2cqw;
line-height: 1.6;
font-weight: bold;
color: #2a917f;
letter-spacing: 0.1em;
font-family: -apple-system, BlinkMacSystemFont, "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Verdana, sans-serif;
vertical-align: top;
text-align: left;
}

.garden_span1 h2 em {
width: 3cqw;
margin: 0px;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
display:  inline-block;
font-style: normal;
text-decoration: none;
vertical-align: top;
}

.garden_span1 h2 u {
width: calc(100% - 3cqw);
margin: 0px;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
display:  inline-block;
font-style: normal;
text-decoration: none;
vertical-align: top;
}

.garden_span1 h3 {
width: 100%;
margin: 0.5em 0px 0px 0px;
padding: 0px 0px 0px 3.3cqw;
box-sizing: border-box;
display:  inline-block;
font-style: normal;
font-size: 1.6cqw;
line-height: 1.8;
font-weight: bold;
color: #1f1512;
letter-spacing: 0.05em;
font-family: -apple-system, BlinkMacSystemFont, "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Verdana, sans-serif;
vertical-align: top;
text-align: left;
}

.garden_span1 h3 em {
width: 3cqw;
margin: 0px;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
display:  inline-block;
font-style: normal;
text-decoration: none;
vertical-align: top;
}

.garden_span1 h3 u {
width: calc(100% - 3cqw);
margin: 0px;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
display:  inline-block;
font-style: normal;
text-decoration: none;
vertical-align: top;
}

.garden_span1 p {
width: 100%;
margin: 0.5em 0px 0px 0px;
padding: 0px 0px 0px 3.3cqw;
box-sizing: border-box;
display:  inline-block;
font-style: normal;
font-size: 1.6cqw;
line-height: 1.8;
font-weight: bold;
color: #1f1512;
letter-spacing: 0.05em;
font-family: -apple-system, BlinkMacSystemFont, "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Verdana, sans-serif;
vertical-align: top;
text-align: left;
}

.garden_span1 h4 {
width: 100%;
margin: 0em 0px 0px 0px;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
display:  inline-block;
vertical-align: top;
text-align: left;
clear: both;
}

.garden_span1 h4 em{
width: 36%;
margin: 0em 0px 0px 4%;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
display:  block;
vertical-align: top;
text-align: left;
font-style: normal;
text-decoration: none;
float: left;
}

.garden_span1 h4 em img {
width: 100%;
height: auto;
aspect-ratio: 50 / 32;
display: inline-block;
}


.garden_span1 h4 u{
width: 60%;
margin: 0em 0px 0px 0px;
padding: 20px 0px 0px 0px;
box-sizing: border-box;
display:  block;
vertical-align: top;
text-align: center;
font-style: normal;
text-decoration: none;
float: right;
}

.garden_span1 h4 u img {
width: 80%;
height: auto;
aspect-ratio: 147 / 30;
display: inline-block;
}

.garden_span1 h4 s{
width: 60%;
margin: 0em 0px 0px 0px;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
display:  inline-block;
font-size: 6.5cqw;
line-height: 1.6;
font-weight: bold;
color: #8bb33c;
letter-spacing: 0.02em;
font-family: -apple-system, BlinkMacSystemFont, "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Verdana, sans-serif;
vertical-align: top;
text-align: center;
float: right;
font-style: normal;
text-decoration: none;
}


.garden_span1 h5 {
width: 600px;
height:120px;
margin:20px 0px 0px 0px;
padding:0px 0px 0px 0px;
clear: both;
position: relative;
display: inline-block;
}

.garden_span1 h5 a {
width:100%;
height:100%;
margin:0px;
padding:0px;
text-decoration: none;
text-align: left;
display: inline-block;
background: #8bb33c;
}

.garden_span1 h5 a {
width: 100%;
height: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
display:  inline-block;
font-style: normal;
font-size: 24px;
line-height: 1.6;
font-weight: bold;
color: #fff;
text-decoration: none;
letter-spacing: 0.01em;
font-family: -apple-system, BlinkMacSystemFont, "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Verdana, sans-serif;
vertical-align: top;
position: relative;
background: #8bb33c;
border: solid 2px #8bb33c;
border-radius: 4px;
transition: 0.3s;
transform: translate3d(0, 0, 0);
text-align: left;
}

.garden_span1 h5 a:hover {
color: #8bb33c;
background: #fff;
}

.garden_span1 h5 a u {
width: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
display:  inline-block;
font-style: normal;
text-decoration: none;
position: absolute;
top: 24px;
left: 0px;
z-index: 3;
vertical-align: top;
text-align: center;
}

.garden_span1 h5 a em{
display:block;
width: 24px;
height: 24px;
margin:0px;
padding:0px;
box-sizing: border-box;
font-style: normal;
text-decoration: none;
position: absolute;
top: 46px;
right: 16px;
z-index: 5;
clear: both;
clip-path: polygon(25% 0, 100% 0, 100% 75%, 25% 75%, 25% 37%, 35% 43%, 35% 65%, 90% 65%, 90% 10%, 35% 10%, 35% 50%, 10% 50%, 10% 90%, 80% 90%, 80% 100%, 0 100%, 0 50%, 25% 50%);
background-color: #fff;
transition: 0.3s;
transform: translate3d(0, 0, 0);
}

.garden_span1 h5 a:hover em{
background-color: #8bb33c;
}

.garden_span2{
width: 90cqw;
margin: 20px 0px 20px 0px;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
font-size: 0px;
line-height: 0px;
clear: both;
position: relative;
container-type: inline-size;
text-align: center;
display: inline-block;
}

.garden_span2 img {
width: 6cqw;
height: auto;
aspect-ratio: 83 / 53;
display: inline-block;
}



/* -----------------------------------------------------------------------------  garden_box2 --- */




/*  garden_box3  ----------------------------------------------*/

.garden_box3{
width: 100%;
margin: 0px 0px 0px 0px;
padding: 50px 0px 0px 0px;
box-sizing: border-box;
font-size: 0px;
line-height: 0px;
clear: both;
position: relative;
container-type: inline-size;
text-align: center;
background-color: #fff;
}

.garden_box3 h2 {
width: 100%;
margin: 0px;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
display:  inline-block;
font-style: normal;
font-size: 1.5cqw;
line-height: 1.2;
font-weight: bold;
color: #8bb33c;
letter-spacing: 0.1em;
font-family: -apple-system, BlinkMacSystemFont, "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Verdana, sans-serif;
vertical-align: top;
text-align: center;
}

.garden_box3 h3 {
width: 100%;
margin: 0px;
padding: 0.5em 0px 0px 0px;
box-sizing: border-box;
display:  inline-block;
font-style: normal;
font-size: 2cqw;
line-height: 1.2;
font-weight: bold;
color: #1f1512;
letter-spacing: 0.02em;
font-family: -apple-system, BlinkMacSystemFont, "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Verdana, sans-serif;
vertical-align: top;
text-align: center;
}

.garden_waku1 {
width: 28cqw;
margin: 20px 0px 0px 0px;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
display:  inline-block;
vertical-align: top;
text-align: right;
}

.garden_waku2 {
width: 22cqw;
margin: 20px 0px 0px 0px;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
display:  inline-block;
vertical-align: top;
text-align: left;
}

.garden_box3 h4 {
width: 100%;
margin: 40px 0px 0px 0px;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
display:  inline-block;
font-style: normal;
font-size: 1.4cqw;
line-height: 1.2;
font-weight: bold;
color: #ff6600;
letter-spacing: 0.01em;
font-family: -apple-system, BlinkMacSystemFont, "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Verdana, sans-serif;
vertical-align: top;
text-align: center;
}

.garden_box3 h5 {
width: 100%;
margin: 0px;
padding: 0.1em 0px 0px 0px;
box-sizing: border-box;
display:  inline-block;
font-style: normal;
font-size: 2.6cqw;
line-height: 1.2;
font-weight: bold;
color: #ff6600;
letter-spacing: 0.03em;
font-family: -apple-system, BlinkMacSystemFont, "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Verdana, sans-serif;
vertical-align: top;
text-align: center;
}

.garden_p1 {
width: 20cqw;
aspect-ratio: 198 / 19;
margin: 0px 0px 0px 1cqw;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
display:  inline-block;
vertical-align: top;
text-align: center;
}

.garden_p1 img {
width: 100%;
height: auto;
}

.garden_p2 {
width: 12cqw;
aspect-ratio: 147 / 30;
margin: 5px 0px 0px 6cqw;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
display:  inline-block;
vertical-align: top;
text-align: center;
}

.garden_p2 img {
width: 100%;
height: auto;
}


/* -----------------------------------------------------------------------------  garden_box3 --- */




/*  garden_box4  ----------------------------------------------*/

.garden_box4{
width: 100%;
margin: 50px 0px 0px 0px;
padding: 0px 0px 30px 0px;
box-sizing: border-box;
font-size: 0px;
line-height: 0px;
clear: both;
position: relative;
container-type: inline-size;
text-align: center;
background-color: #fff;
}

.garden_box4 h2 {
width: 100%;
margin: 0px 0px 0.5em 0px;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
display:  inline-block;
font-style: normal;
font-size: 1.4cqw;
line-height: 1.2;
font-weight: bold;
color: #1f1512;
letter-spacing: 0.01em;
font-family: -apple-system, BlinkMacSystemFont, "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Verdana, sans-serif;
vertical-align: top;
text-align: center;
}

.garden_box4 p {
width: 72cqw;
aspect-ratio: 177 / 19;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
display:  inline-block;
vertical-align: top;
text-align: center;
}

.garden_box4 p img {
width: 100%;
height: auto;
}

/* -----------------------------------------------------------------------------  garden_box4 --- */











/*  スマートフォン ※iPhone6 Plus 以下を準拠  */
@media only screen and (max-width:899px) {



/*  pagetitle  ----------------------------------------------*/

.garden_pagetitle{
width: 100%;
margin: 0px;
padding: 0px 0px;
box-sizing: border-box;
font-size: 0px;
line-height: 0px;
clear: both;
position: relative;
container-type: inline-size;
text-align: center;
background-color: #f9f8f5;
}

.garden_pagetitle h2 {
width: 100%;
margin: 0px;
padding: calc(66px + 1em) 0px 0px 0px;
box-sizing: border-box;
display:  inline-block;
font-style: normal;
font-size: 5.5cqw;
line-height: 1.4;
font-weight: bold;
color: #8bb33c;
letter-spacing: 0.01em;
font-family: -apple-system, BlinkMacSystemFont, "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Verdana, sans-serif;
vertical-align: top;
text-align: center;
}
    
.garden_pagetitle h2 br{
display: inline;
}

.garden_pagetitle h3 {
width: 88%;
margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
display: inline-block;
font-style: normal;
position: relative;
text-align: center;
}

.garden_pagetitle h3 img {
width: 100%;
height: auto;
aspect-ratio: 150 / 83;
display: inline-block;
}

.garden_pagetitle h4 {
width: 88%;
margin: 20px 0px 0px 0px;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
display: inline-block;
font-style: normal;
position: relative;
}

.garden_pagetitle h4 img {
width: 50%;
height: auto;
aspect-ratio: 147 / 30;
display: inline-block;
}

/* -----------------------------------------------------------------------------  pagetitle --- */


/*  garden_box  ----------------------------------------------*/

.garden_box{
width: 100%;
margin: 0px 0px 0px 0px;
padding: 20px 0px 20px 0px;
box-sizing: border-box;
font-size: 0px;
line-height: 0px;
clear: both;
position: relative;
container-type: inline-size;
text-align: center;
background-color: #f9f8f5;
}

.garden_box span{
width: 88cqw;
margin: 0px;
padding: 20px 0px 20px 0px;
box-sizing: border-box;
font-size: 0px;
line-height: 0px;
display: inline-block;
clear: both;
position: relative;
container-type: inline-size;
text-align: center;
background-color: #fff;
border-radius: 20px;
}

.garden_box span h2 {
width: 100%;
margin: 0px;
padding: 0.3em 0px 0px 0px;
box-sizing: border-box;
display:  inline-block;
font-style: normal;
font-size: 6cqw;
line-height: 1.2;
font-weight: bold;
color: #8bb33c;
letter-spacing: 0.03em;
font-family: -apple-system, BlinkMacSystemFont, "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Verdana, sans-serif;
vertical-align: top;
text-align: center;
}

.garden_box span h3 {
width: 100%;
margin: 0px;
padding: 0.3em 0px 0px 0px;
box-sizing: border-box;
display:  inline-block;
font-style: normal;
font-size: 8cqw;
line-height: 1.2;
font-weight: bold;
color: #1f1512;
letter-spacing: 0.01em;
font-family: -apple-system, BlinkMacSystemFont, "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Verdana, sans-serif;
vertical-align: top;
text-align: center;
}

.garden_box span h4 {
width: 90%;
margin: 0px;
padding: 0.5em 0px 0px 0px;
box-sizing: border-box;
display:  inline-block;
font-style: normal;
font-size: 5cqw;
line-height: 1.8;
font-weight: normal;
color: #2a917f;
letter-spacing: 0.01em;
font-family: -apple-system, BlinkMacSystemFont, "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Verdana, sans-serif;
vertical-align: top;
text-align: left;
}
    
.garden_box span h4 br {
display: none;
}

.garden_box span p {
width: 90%;
height: auto;
aspect-ratio: 5 / 1;
margin:10px 0px 0px 0px;
padding:0px 0px 0px 0px;
clear: both;
position: relative;
display: inline-block;
}

.garden_box span p a {
width:100%;
height:100%;
margin:0px;
padding:0px;
text-decoration: none;
text-align: left;
display: inline-block;
background: #8bb33c;
}

.garden_box span p a {
width: 100%;
height: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
display:  inline-block;
font-style: normal;
font-size: 6cqw;
line-height: 1.2;
font-weight: bold;
color: #fff;
text-decoration: none;
letter-spacing: 0.03em;
font-family: -apple-system, BlinkMacSystemFont, "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Verdana, sans-serif;
vertical-align: top;
position: relative;
background: #8bb33c;
border: solid 2px #8bb33c;
border-radius: 4px;
transition: 0.3s;
transform: translate3d(0, 0, 0);
text-align: left;
}

.garden_box span p a:hover {
color: #fff;
background: #8bb33c;
}

.garden_box span p a u {
width: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 10px;
box-sizing: border-box;
display:  inline-block;
font-style: normal;
text-decoration: none;
position: absolute;
top: 18px;
left: 0px;
z-index: 3;
vertical-align: top;
text-align: left;
}

.garden_box span p a em{
display:block;
width: 16px;
height: 16px;
margin:0px;
padding:0px;
box-sizing: border-box;
font-style: normal;
text-decoration: none;
position: absolute;
top: 22px;
right: 10px;
z-index: 5;
clear: both;
clip-path: polygon(25% 0, 100% 0, 100% 75%, 25% 75%, 25% 37%, 35% 43%, 35% 65%, 90% 65%, 90% 10%, 35% 10%, 35% 50%, 10% 50%, 10% 90%, 80% 90%, 80% 100%, 0 100%, 0 50%, 25% 50%);
background-color: #fff;
transition: 0.3s;
transform: translate3d(0, 0, 0);
}

.garden_box span p a:hover em{
background-color: #fff;
}

.garden_box span h5 {
width: 90cqw;
margin: 0px;
padding: 0.7em 0px 0px 0px;
box-sizing: border-box;
display:  inline-block;
font-style: normal;
font-size: 4cqw;
line-height: 1.8;
font-weight: normal;
color: #1f1512;
letter-spacing: 0.01em;
font-family: -apple-system, BlinkMacSystemFont, "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Verdana, sans-serif;
vertical-align: top;
text-align: left;
}

.garden_box span h5 br {
display: none;
}

.garden_box span h6 {
width: 90%;
height: auto;
aspect-ratio: 5 / 1;
margin:10px 0px 0px 0px;
padding:0px 0px 0px 0px;
clear: both;
position: relative;
display: inline-block;
}

.garden_box span h6 a {
width:100%;
height:100%;
margin:0px;
padding:0px;
text-decoration: none;
text-align: left;
display: inline-block;
background: #8bb33c;
}

.garden_box span h6 a {
width: 100%;
height: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
display:  inline-block;
font-style: normal;
font-size: 5.5cqw;
line-height: 1.2;
font-weight: bold;
color: #fff;
text-decoration: none;
letter-spacing: 0.03em;
font-family: -apple-system, BlinkMacSystemFont, "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Verdana, sans-serif;
vertical-align: top;
position: relative;
background: #8bb33c;
border: solid 2px #8bb33c;
border-radius: 4px;
transition: 0.3s;
transform: translate3d(0, 0, 0);
text-align: left;
}

.garden_box span h6 a:hover {
color: #fff;
background: #8bb33c;
}

.garden_box span h6 a u {
width: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 10px;
box-sizing: border-box;
display:  inline-block;
font-style: normal;
text-decoration: none;
position: absolute;
top: 8px;
left: 0px;
z-index: 3;
vertical-align: top;
text-align: left;
}

.garden_box span h6 a u br {
display: inline;
}

.garden_box span h6 a em{
display:block;
width: 16px;
height: 16px;
margin:0px;
padding:0px;
box-sizing: border-box;
font-style: normal;
text-decoration: none;
position: absolute;
top: 22px;
right: 10px;
z-index: 5;
clear: both;
clip-path: polygon(25% 0, 100% 0, 100% 75%, 25% 75%, 25% 37%, 35% 43%, 35% 65%, 90% 65%, 90% 10%, 35% 10%, 35% 50%, 10% 50%, 10% 90%, 80% 90%, 80% 100%, 0 100%, 0 50%, 25% 50%);
background-color: #fff;
transition: 0.3s;
transform: translate3d(0, 0, 0);
}

.garden_box span h6 a:hover em{
background-color: #fff;
}
/* -----------------------------------------------------------------------------  garden_box --- */



/*  garden_box2  ----------------------------------------------*/

.garden_box2{
width: 100%;
margin: 0px 0px 0px 0px;
padding: 20px 0px 20px 0px;
box-sizing: border-box;
font-size: 0px;
line-height: 0px;
clear: both;
position: relative;
container-type: inline-size;
text-align: center;
background-color: #f8eec3;
}

.garden_span1{
width: 88cqw;
margin: 0px 0px 0px 0px;
padding: 10px 10px 10px 10px;
box-sizing: border-box;
font-size: 0px;
line-height: 0px;
clear: both;
position: relative;
container-type: inline-size;
text-align: center;
background-color: #fff;
border-radius: 10px;
display: inline-block;
}

.garden_span1 h2 {
width: 100%;
margin: 0px;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
display:  inline-block;
font-style: normal;
font-size: 5cqw;
line-height: 1.6;
font-weight: bold;
color: #2a917f;
letter-spacing: 0.01em;
font-family: -apple-system, BlinkMacSystemFont, "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Verdana, sans-serif;
vertical-align: top;
text-align: left;
}

.garden_span1 h2 em {
width: 5cqw;
margin: 0px 3cqw 0px 0px;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
display:  inline-block;
font-style: normal;
text-decoration: none;
vertical-align: top;
}

.garden_span1 h2 u {
width: calc(100% - 8cqw);
margin: 0px;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
display:  inline-block;
font-style: normal;
text-decoration: none;
vertical-align: top;
}

.garden_span1 h3 {
width: 100%;
margin: 1em 0px 0px 0px;
padding: 0px 0px 0px 8.5cqw;
box-sizing: border-box;
display:  inline-block;
font-style: normal;
font-size: 4.5cqw;
line-height: 1.8;
font-weight: normal;
color: #1f1512;
letter-spacing: 0.01em;
font-family: -apple-system, BlinkMacSystemFont, "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Verdana, sans-serif;
vertical-align: top;
text-align: left;
}

.garden_span1 h3 em {
width: 5cqw;
margin: 0px 4cqw 0px 0px;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
display:  inline-block;
font-style: normal;
text-decoration: none;
vertical-align: top;
}

.garden_span1 h3 u {
width: calc(100% - 9cqw);
margin: 0px;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
display:  inline-block;
font-style: normal;
text-decoration: none;
vertical-align: top;
}

.garden_span1 p {
width: 100%;
margin: 0.5em 0px 0px 0px;
padding: 0px 0px 0px 8.5cqw;
box-sizing: border-box;
display:  inline-block;
font-style: normal;
font-size: 4.5cqw;
line-height: 1.8;
font-weight: normal;
color: #1f1512;
letter-spacing: 0.01em;
font-family: -apple-system, BlinkMacSystemFont, "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Verdana, sans-serif;
vertical-align: top;
text-align: left;
}

.garden_span1 h4 {
width: 100%;
margin: 0em 0px 0px 0px;
padding: 10px 0px 0px 0px;
box-sizing: border-box;
display:  inline-block;
vertical-align: top;
text-align: left;
clear: both;
}

.garden_span1 h4 em{
width: 36%;
margin: 0em 0px 0px 4%;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
display:  block;
vertical-align: top;
text-align: left;
font-style: normal;
text-decoration: none;
float: left;
}

.garden_span1 h4 em img {
width: 100%;
height: auto;
aspect-ratio: 50 / 32;
display: inline-block;
}


.garden_span1 h4 u{
width: 60%;
margin: 0px 0px 0px 0px;
padding: 10px 0px 0px 0px;
box-sizing: border-box;
display:  block;
vertical-align: top;
text-align: center;
font-style: normal;
text-decoration: none;
float: right;
}

.garden_span1 h4 u img {
width: 80%;
height: auto;
aspect-ratio: 147 / 30;
display: inline-block;
}

.garden_span1 h4 s{
width: 60%;
margin: 0em 0px 0px 0px;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
display:  inline-block;
font-size: 6.5cqw;
line-height: 1.6;
font-weight: bold;
color: #8bb33c;
letter-spacing: 0.02em;
font-family: -apple-system, BlinkMacSystemFont, "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Verdana, sans-serif;
vertical-align: top;
text-align: center;
float: right;
font-style: normal;
text-decoration: none;
}


.garden_span1 h5 {
width: 100%;
height: auto;
aspect-ratio: 5 / 1;
margin:20px 0px 0px 0px;
padding:0px 0px 0px 0px;
clear: both;
position: relative;
display: inline-block;
}

.garden_span1 h5 a {
width:100%;
height:100%;
margin:0px;
padding:0px;
text-decoration: none;
text-align: left;
display: inline-block;
background: #8bb33c;
}

.garden_span1 h5 a {
width: 100%;
height: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
display:  inline-block;
font-style: normal;
font-size: 4.5cqw;
line-height: 1.6;
font-weight: bold;
color: #fff;
text-decoration: none;
letter-spacing: 0.01em;
font-family: -apple-system, BlinkMacSystemFont, "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Verdana, sans-serif;
vertical-align: top;
position: relative;
background: #8bb33c;
border: solid 2px #8bb33c;
border-radius: 4px;
transition: 0.3s;
transform: translate3d(0, 0, 0);
text-align: left;
}

.garden_span1 h5 a:hover {
color: #fff;
background: #8bb33c;
}

.garden_span1 h5 a u {
width: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 10px;
box-sizing: border-box;
display:  inline-block;
font-style: normal;
text-decoration: none;
position: absolute;
top: 8px;
left: 0px;
z-index: 3;
vertical-align: top;
text-align: left;
}

.garden_span1 h5 a em{
display:block;
width: 12px;
height: 12px;
margin:0px;
padding:0px;
box-sizing: border-box;
font-style: normal;
text-decoration: none;
position: absolute;
top: 8px;
right: 8px;
z-index: 5;
clear: both;
clip-path: polygon(25% 0, 100% 0, 100% 75%, 25% 75%, 25% 37%, 35% 43%, 35% 65%, 90% 65%, 90% 10%, 35% 10%, 35% 50%, 10% 50%, 10% 90%, 80% 90%, 80% 100%, 0 100%, 0 50%, 25% 50%);
background-color: #fff;
transition: 0.3s;
transform: translate3d(0, 0, 0);
}

.garden_span1 h5 a:hover em{
background-color: #fff;
}

.garden_span2{
width: 90cqw;
margin: 20px 0px 20px 0px;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
font-size: 0px;
line-height: 0px;
clear: both;
position: relative;
container-type: inline-size;
text-align: center;
display: inline-block;
}

.garden_span2 img {
width: 20cqw;
height: auto;
aspect-ratio: 83 / 53;
display: inline-block;
}



/* -----------------------------------------------------------------------------  garden_box2 --- */




/*  garden_box3  ----------------------------------------------*/

.garden_box3{
width: 100%;
margin: 0px 0px 0px 0px;
padding: 20px 0px 0px 0px;
box-sizing: border-box;
font-size: 0px;
line-height: 0px;
clear: both;
position: relative;
container-type: inline-size;
text-align: center;
background-color: #fff;
}

.garden_box3 h2 {
width: 100%;
margin: 0px;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
display:  inline-block;
font-style: normal;
font-size: 4.5cqw;
line-height: 1.2;
font-weight: bold;
color: #8bb33c;
letter-spacing: 0.02em;
font-family: -apple-system, BlinkMacSystemFont, "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Verdana, sans-serif;
vertical-align: top;
text-align: center;
}

.garden_box3 h3 {
width: 100%;
margin: 0px;
padding: 0.5em 0px 0px 0px;
box-sizing: border-box;
display:  inline-block;
font-style: normal;
font-size: 5.5cqw;
line-height: 1.2;
font-weight: bold;
color: #1f1512;
letter-spacing: 0.01em;
font-family: -apple-system, BlinkMacSystemFont, "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Verdana, sans-serif;
vertical-align: top;
text-align: center;
}

.garden_waku1 {
width: 88cqw;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
display:  inline-block;
vertical-align: top;
text-align: center;
}

.garden_waku2 {
width: 88cqw;
margin: 20px 0px 0px 0px;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
display:  inline-block;
vertical-align: top;
text-align: center;
}

.garden_box3 h4 {
width: 100%;
margin: 1em 0px 0px 0px;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
display:  inline-block;
font-style: normal;
font-size: 4.5cqw;
line-height: 1.2;
font-weight: bold;
color: #ff6600;
letter-spacing: 0.01em;
font-family: -apple-system, BlinkMacSystemFont, "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Verdana, sans-serif;
vertical-align: top;
text-align: center;
}

.garden_box3 h5 {
width: 100%;
margin: 0px;
padding: 0.2em 0px 0px 0px;
box-sizing: border-box;
display:  inline-block;
font-style: normal;
font-size: 8cqw;
line-height: 1.2;
font-weight: bold;
color: #ff6600;
letter-spacing: 0.03em;
font-family: -apple-system, BlinkMacSystemFont, "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Verdana, sans-serif;
vertical-align: top;
text-align: center;
}

.garden_p1 {
width: 60cqw;
aspect-ratio: 198 / 19;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
display:  inline-block;
vertical-align: top;
text-align: center;
}

.garden_p1 img {
width: 100%;
height: auto;
}

.garden_p2 {
width: 40cqw;
aspect-ratio: 147 / 30;
margin: 20px 0px 0px 0px;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
display:  inline-block;
vertical-align: top;
text-align: center;
}

.garden_p2 img {
width: 100%;
height: auto;
}


/* -----------------------------------------------------------------------------  garden_box3 --- */




/*  garden_box4  ----------------------------------------------*/

.garden_box4{
width: 100%;
margin: 20px 0px 0px 0px;
padding: 0px 0px 10px 0px;
box-sizing: border-box;
font-size: 0px;
line-height: 0px;
clear: both;
position: relative;
container-type: inline-size;
text-align: center;
background-color: #fff;
}

.garden_box4 h2 {
width: 100%;
margin: 0px 0px 0.5em 0px;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
display:  inline-block;
font-style: normal;
font-size: 4cqw;
line-height: 1.2;
font-weight: normal;
color: #1f1512;
letter-spacing: 0.01em;
font-family: -apple-system, BlinkMacSystemFont, "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Verdana, sans-serif;
vertical-align: top;
text-align: center;
}

.garden_box4 p {
width: 88cqw;
aspect-ratio: 177 / 19;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
display:  inline-block;
vertical-align: top;
text-align: center;
}

.garden_box4 p img {
width: 100%;
height: auto;
}

/* -----------------------------------------------------------------------------  garden_box4 --- */









}
/* -----------------------------------------------------------------------------------------------  スマートフォン ※iPhone6 Plus 以下を準拠   */