@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
*/







/*  burataxi  ----------------------------------------------*/

.burataxi_top{
width: 100%;
height: calc(100% - 117px);
margin: 117px 0px 0px 0px;
padding: 0px;
box-sizing: border-box;
font-size: 0px;
line-height: 0px;
clear: both;
position: relative;
background-image: url("img/burataxi_img01.jpg") ;
background-repeat: no-repeat;
background-position: left top;
background-size: cover;
container-type: inline-size;
overflow: hidden;
}

.burataxi_top h2 {
margin: 0px;
padding: 0px;
box-sizing: border-box;
display:  block;
font-style: normal;
font-size: 2.5cqw;
line-height: 1.2;
font-weight: bold;
color: #fff;
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;
position: absolute;
top: 65px;
right: 43cqw;
writing-mode: vertical-rl;
text-orientation: upright;
}

.burataxi_top h3 {
margin: 0px;
padding: 0px;
box-sizing: border-box;
display:  block;
font-style: normal;
font-size: 2.5cqw;
line-height: 1.2;
font-weight: bold;
color: #fff;
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;
position: absolute;
top: 85px;
right: 47cqw;
writing-mode: vertical-rl;
text-orientation: upright;
}

.burataxi_top span {
width: 30cqw;
aspect-ratio: 1 / 1;
margin: 0px;
padding: 0px;
box-sizing: border-box;
display:  block;
font-style: normal;
position: absolute;
bottom: 20px;
left: 2cqw;
backdrop-filter: blur(5px);
background-color: rgb(255,255,255,0.8);
border-radius: 1000px;
}

.burataxi_top span h4 {
width: 100%;
margin: 80px 0px 0px 0px;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
display:  inline-block;
font-style: normal;
font-size: 3.6cqw;
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;
}

.burataxi_top span p {
width: 100%;
margin: 20px 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.6;
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;
}

/* -----------------------------------------------------------------------------  burataxi --- */


/*  burataxi_box  ----------------------------------------------*/

.burataxi_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;
overflow: hidden;
background-color: #faf4e3;
container-type: inline-size;
text-align: center;
}

.burataxi_box h2 {
width: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 20px 0px;
box-sizing: border-box;
display:  inline-block;
font-style: normal;
font-size: 3cqw;
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;
}

.burataxi_box p {
width: 50cqw;
aspect-ratio: 170 / 69;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
display:  inline-block;
font-style: normal;
vertical-align: top;
text-align: center;
}

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


/* -----------------------------------------------------------------------------  burataxi_box --- */


/*  burataxi_box2  ----------------------------------------------*/

.burataxi_box2{
width: 100%;
margin: 0px 0px 0px 0px;
padding: 80px 0px 80px 0px;
box-sizing: border-box;
font-size: 0px;
line-height: 0px;
clear: both;
position: relative;
overflow: hidden;
container-type: inline-size;
text-align: center;
}

.burataxi_box2 p {
width: 38cqw;
aspect-ratio: 89 / 68;
margin: 0px 0px 0px 6cqw;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
display: block;
float: left;
font-style: normal;
vertical-align: top;
text-align: center;
border-radius: 10px;
overflow: hidden;
}

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

.burataxi_box2 span {
width: 44cqw;
margin: 0px 6cqw 0px 6cqw;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
display: block;
float: right;
font-style: normal;
vertical-align: top;
text-align: left;
}

.burataxi_box2 h2 {
width: 100%;
margin: 2em 0px 0px 0px;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
display:  inline-block;
font-style: normal;
font-size: 2.2cqw;
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: left;
}

.burataxi_box2 h3 {
width: 100%;
margin: 1em 0px 0px 0px;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
display:  inline-block;
font-style: normal;
font-size: 1.6cqw;
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: left;
}

.burataxi_box2 h4 {
width: 100%;
margin: 0.5em 0px 0px 0px;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
display:  inline-block;
font-style: normal;
font-size: 1.6cqw;
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: left;
}

.burataxi_box2 h5 {
width: 100%;
margin: 0.8em 0px 0px 0px;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
display:  inline-block;
font-style: normal;
font-size: 1cqw;
line-height: 1.2;
font-weight: normal;
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: left;
}

.burataxi_box2 a {
width: 300px;
height: 70px;
margin: 1em 0px 0px 0px;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
display:  inline-block;
font-style: normal;
font-size: 28px;
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;
}

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

.burataxi_box2 a u {
width: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 16px;
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;
}

.burataxi_box2 a em{
display:block;
width: 20px;
height: 20px;
margin:0px;
padding:0px;
box-sizing: border-box;
font-style: normal;
text-decoration: none;
position: absolute;
top: 24px;
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);
}

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

.burataxi_box2 h6 {
width: 100%;
margin: 1.4em 0px 0px 0px;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
display:  inline-block;
font-style: normal;
font-size: 1.2cqw;
line-height: 1.2;
font-weight: normal;
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: left;
}

/* -----------------------------------------------------------------------------  burataxi_box2 --- */




/*  burataxi_box3  ----------------------------------------------*/

.burataxi_box3{
width: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 80px 0px;
box-sizing: border-box;
font-size: 0px;
line-height: 0px;
clear: both;
position: relative;
overflow: hidden;
container-type: inline-size;
text-align: center;
}

.burataxi_box3 p {
width: 38cqw;
aspect-ratio: 89 / 68;
margin: 0px 6cqw 0px 0px;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
display:  block;
float: right;
font-style: normal;
vertical-align: top;
text-align: center;
border-radius: 10px;
overflow: hidden;
}

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

.burataxi_box3 span {
width: 44cqw;
margin: 0px 0px 0px 6cqw;
padding: 0px 0px 0px 4cqw;
box-sizing: border-box;
display:  block;
float: left;
font-style: normal;
vertical-align: top;
text-align: left;
}

.burataxi_box3 h2 {
width: 100%;
margin: 2em 0px 0px 0px;
padding: 0px 0px 0px 0px;
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.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;
}

.burataxi_box3 h3 {
width: 100%;
margin: 0.8em 0px 0px 0px;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
display:  inline-block;
font-style: normal;
font-size: 1.2cqw;
line-height: 1.2;
font-weight: normal;
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: left;
}


.burataxi_box3 a {
width: 300px;
height: 70px;
margin: 1.2em 0px 0px 0px;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
display:  inline-block;
font-style: normal;
font-size: 28px;
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;
}

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

.burataxi_box3 a u {
width: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 16px;
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;
}

.burataxi_box3 a em{
display:block;
width: 20px;
height: 20px;
margin:0px;
padding:0px;
box-sizing: border-box;
font-style: normal;
text-decoration: none;
position: absolute;
top: 24px;
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);
}

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

.burataxi_box3 h6 {
width: 100%;
margin: 1.4em 0px 0px 0px;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
display:  inline-block;
font-style: normal;
font-size: 1cqw;
line-height: 1.2;
font-weight: normal;
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: left;
}

/* -----------------------------------------------------------------------------  burataxi_box3 --- */




/*  burataxi_box4  ----------------------------------------------*/

.burataxi_box4{
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;
overflow: hidden;
container-type: inline-size;
text-align: center;
background-color: #ebf4d9;
}

.burataxi_box4 span {
width: 60cqw;
margin: 0px 0px 0px 0px;
padding: 50px 0px 50px 0px;
box-sizing: border-box;
display: inline-block;
clear: both;
font-style: normal;
vertical-align: top;
text-align: center;
background-color: #fff;
border-radius: 40px;
}

.burataxi_box4 span h2 {
width: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
display:  inline-block;
font-style: normal;
font-size: 2.2cqw;
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;
}

.burataxi_box4 span h3 {
width: 100%;
margin: 0.8em 0px 0px 0px;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
display:  inline-block;
font-style: normal;
font-size: 1.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;
}

.burataxi_box4 span p {
width: 40cqw;
margin: 2em 0px 0px 0px;
padding: 1.2em 0px 1.2em 0px;
box-sizing: border-box;
display:  inline-block;
font-style: normal;
font-size: 1cqw;
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: left;
border: solid 0px #e6e6e6;
border-top-width: 1px;
border-bottom-width: 1px;
}

.burataxi_box4 span p + p{
margin: 0px 0px 0px 0px;
border-top-width: 0px;
}


.burataxi_box4 span p em {
width: 12cqw;
margin: 0px;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
display:  inline-block;
font-style: normal;
text-decoration: none;
vertical-align: top;
text-align: left;
}

.burataxi_box4 span p u {
width: 28cqw;
margin: 0px;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
display:  inline-block;
font-style: normal;
text-decoration: none;
vertical-align: top;
text-align: left;
}

.burataxi_box4 span a {
width: 500px;
height: 70px;
margin: 1.1em 0px 0px 0px;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
display:  inline-block;
font-style: normal;
font-size: 28px;
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: center;
}

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

.burataxi_box4 span a u {
width: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 16px;
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: center;
}

.burataxi_box4 span a em{
display:block;
width: 20px;
height: 20px;
margin:0px;
padding:0px;
box-sizing: border-box;
font-style: normal;
text-decoration: none;
position: absolute;
top: 24px;
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);
}

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


/* -----------------------------------------------------------------------------  burataxi_box4 --- */







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









/*  burataxi  ----------------------------------------------*/

.burataxi_top{
width: 100%;
height: calc(100% - 66px);
margin: 66px 0px 0px 0px;
padding: 0px;
box-sizing: border-box;
font-size: 0px;
line-height: 0px;
clear: both;
position: relative;
background-image: url("img/burataxi_img01_sp.jpg") ;
background-repeat: no-repeat;
background-position: left top;
background-size: cover;
container-type: inline-size;
overflow: hidden;
}

.burataxi_top h2 {
margin: 0px;
padding: 0px;
box-sizing: border-box;
display:  block;
font-style: normal;
font-size: 6cqw;
line-height: 1.2;
font-weight: bold;
color: #fff;
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;
position: absolute;
top: 30px;
right: 15cqw;
writing-mode: vertical-rl;
text-orientation: upright;
}

.burataxi_top h3 {
margin: 0px;
padding: 0px;
box-sizing: border-box;
display:  block;
font-style: normal;
font-size: 6cqw;
line-height: 1.2;
font-weight: bold;
color: #fff;
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;
position: absolute;
top: 40px;
right: 25cqw;
writing-mode: vertical-rl;
text-orientation: upright;
}

.burataxi_top span {
width: 55cqw;
aspect-ratio: 1 / 1;
margin: 0px;
padding: 0px;
box-sizing: border-box;
display:  block;
font-style: normal;
position: absolute;
bottom: auto;
top: 250px;
left: 2cqw;
backdrop-filter: blur(5px);
background-color: rgb(255,255,255,0.8);
border-radius: 1000px;
container-type: inline-size;
}

.burataxi_top span h4 {
width: 100%;
margin: 1.2em 0px 0px 0px;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
display:  inline-block;
font-style: normal;
font-size: 12cqw;
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;
}

.burataxi_top span p {
width: 100%;
margin: 0.7em 0px 0px 0px;
padding: 0px 10px 0px 10px;
box-sizing: border-box;
display:  inline-block;
font-style: normal;
font-size: 5cqw;
line-height: 1.6;
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;
}

/* -----------------------------------------------------------------------------  burataxi --- */


/*  burataxi_box  ----------------------------------------------*/

.burataxi_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;
overflow: hidden;
background-color: #faf4e3;
container-type: inline-size;
text-align: center;
}

.burataxi_box h2 {
width: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 20px 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.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;
}

.burataxi_box p {
width: 88cqw;
aspect-ratio: 170 / 69;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
display:  inline-block;
font-style: normal;
vertical-align: top;
text-align: center;
}

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


/* -----------------------------------------------------------------------------  burataxi_box --- */


/*  burataxi_box2  ----------------------------------------------*/

.burataxi_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;
overflow: hidden;
container-type: inline-size;
text-align: center;
}

.burataxi_box2 p {
width: 60cqw;
aspect-ratio: 89 / 68;
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
display: block;
float: none;
clear: both;
font-style: normal;
vertical-align: top;
text-align: center;
border-radius: 10px;
overflow: hidden;
}

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

.burataxi_box2 span {
width: 88cqw;
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
display: block;
float: none;
clear: both;
font-style: normal;
vertical-align: top;
text-align: left;
container-type: inline-size;
}

.burataxi_box2 h2 {
width: 100%;
margin: 2em 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: #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;
}

.burataxi_box2 h3 {
width: 100%;
margin: 0.5em 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: #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;
}

.burataxi_box2 h4 {
width: 100%;
margin: 0.5em 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: #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;
}

.burataxi_box2 h5 {
width: 100%;
margin: 1em 0px 0px 0px;
padding: 0px 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.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;
}

.burataxi_box2 a {
width: 100cqw;
height: auto;
aspect-ratio: 5 / 1;
margin: 20px auto 0px auto;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
display:  inline-block;
font-style: normal;
font-size: 8cqw;
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;
}

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

.burataxi_box2 a u {
width: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 16px;
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;
}

.burataxi_box2 a em{
display:block;
width: 20px;
height: 20px;
margin:0px;
padding:0px;
box-sizing: border-box;
font-style: normal;
text-decoration: none;
position: absolute;
top: 24px;
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);
}

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

.burataxi_box2 h6 {
width: 100%;
margin: 1em 0px 0px 0px;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
display:  inline-block;
font-style: normal;
font-size: 3.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;
}

/* -----------------------------------------------------------------------------  burataxi_box2 --- */




/*  burataxi_box3  ----------------------------------------------*/

.burataxi_box3{
width: 100%;
margin: 0px 0px 0px 0px;
padding: 40px 0px 20px 0px;
box-sizing: border-box;
font-size: 0px;
line-height: 0px;
clear: both;
position: relative;
overflow: hidden;
container-type: inline-size;
text-align: center;
}

.burataxi_box3 p {
width: 60cqw;
aspect-ratio: 89 / 68;
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
display:  block;
float: none;
clear: both;
font-style: normal;
vertical-align: top;
text-align: center;
border-radius: 10px;
overflow: hidden;
}

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

.burataxi_box3 span {
width: 88cqw;
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
display:  block;
float: none;
clear: both;
font-style: normal;
vertical-align: top;
text-align: left;
container-type: inline-size;
}

.burataxi_box3 h2 {
width: 100%;
margin: 2em 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: #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;
}

.burataxi_box3 h3 {
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: 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;
}


.burataxi_box3 a {
width: 100cqw;
height: auto;
aspect-ratio: 5 / 1;
margin: 20px auto 0px auto;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
display:  inline-block;
font-style: normal;
font-size: 8cqw;
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;
}

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

.burataxi_box3 a u {
width: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 16px;
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;
}

.burataxi_box3 a em{
display:block;
width: 20px;
height: 20px;
margin:0px;
padding:0px;
box-sizing: border-box;
font-style: normal;
text-decoration: none;
position: absolute;
top: 24px;
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);
}

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

.burataxi_box3 h6 {
width: 100%;
margin: 1em 0px 0px 0px;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
display:  inline-block;
font-style: normal;
font-size: 3.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;
}

/* -----------------------------------------------------------------------------  burataxi_box3 --- */




/*  burataxi_box4  ----------------------------------------------*/

.burataxi_box4{
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;
overflow: hidden;
container-type: inline-size;
text-align: center;
background-color: #ebf4d9;
}

.burataxi_box4 span {
width: 88cqw;
margin: 0px 0px 0px 0px;
padding: 20px 0px 20px 0px;
box-sizing: border-box;
display: inline-block;
clear: both;
font-style: normal;
vertical-align: top;
text-align: center;
background-color: #fff;
border-radius: 20px;
container-type: inline-size;
}

.burataxi_box4 span h2 {
width: 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: #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;
}

.burataxi_box4 span h3 {
width: 100%;
margin: 0.5em 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: #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;
}

.burataxi_box4 span p {
width: 80cqw;
margin: 2em 0px 0px 0px;
padding: 1.2em 0px 1.2em 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.03em;
font-family: -apple-system, BlinkMacSystemFont, "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Verdana, sans-serif;
vertical-align: top;
text-align: left;
border: solid 0px #e6e6e6;
border-top-width: 1px;
border-bottom-width: 1px;
}

.burataxi_box4 span p + p{
margin: 0px 0px 0px 0px;
border-top-width: 0px;
}


.burataxi_box4 span p em {
width: 100%;
margin: 0px;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
display:  inline-block;
font-style: normal;
text-decoration: none;
vertical-align: top;
text-align: left;
font-weight: bold;
font-size: 4.5cqw;
}

.burataxi_box4 span p u {
width: 100%;
margin: 0.2em 0px 0px 0px;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
display:  inline-block;
font-style: normal;
text-decoration: none;
vertical-align: top;
text-align: left;
line-height: 1.6;
}

.burataxi_box4 span a {
width: 80cqw;
height: auto;
aspect-ratio: 5 / 1;
margin: 1.1em 0px 0px 0px;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
display:  inline-block;
font-style: normal;
font-size: 5cqw;
line-height: 1.2;
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;
}

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

.burataxi_box4 span 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: 17px;
left: 0px;
z-index: 3;
vertical-align: top;
text-align: left;
}

.burataxi_box4 span 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: 16px;
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);
}

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


/* -----------------------------------------------------------------------------  burataxi_box4 --- */








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