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


/*  story  ----------------------------------------------*/

.story_box{
width:calc(100% - 200px);
display:block;
margin:0px auto 0px auto;
padding: 30px 0px 30px 0px;
box-sizing: border-box;
position: relative;
clear:both;
font-size:0px;
line-height:0px;
overflow:hidden;
border-radius: 10px;
background-color: #f4e4e4;
}

.story_box span{
width:calc(100% - 60px);
display:block;
margin:0px auto 0px auto;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
position: relative;
clear:both;
font-size:0px;
line-height:0px;
overflow:hidden;
border-radius: 10px;
background-color: #fff;
container-type: inline-size;
}

.story_box span p{
width: 30cqw;
display:block;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
position: relative;
float: left;
}

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

.story_box span h2 {
width: 65cqw;
margin: 2em 5% 0px 0px;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
display:  inline-block;
font-style: normal;
font-size: 2cqw;
line-height: 1.5;
font-weight: bold;
color: #ef7191;
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;
}

.story_box span h3 {
width: 65cqw;
margin: 1em 5% 0px 0px;
padding: 0px 0px 30px 0px;
box-sizing: border-box;
display:  inline-block;
font-style: normal;
font-size: 1.4cqw;
line-height: 2.0;
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;
position: relative;
}


.story_box2{
width:calc(100% - 200px);
display:block;
margin:30px auto 0px auto;
padding: 30px 0px 30px 0px;
box-sizing: border-box;
position: relative;
clear:both;
font-size:0px;
line-height:0px;
overflow:hidden;
border-radius: 10px;
background-color: #faf4e3;
}

.story_box2 span{
width:calc(100% - 60px);
display:block;
margin:0px auto 0px auto;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
position: relative;
clear:both;
font-size:0px;
line-height:0px;
overflow:hidden;
border-radius: 10px;
background-color: #fff;
container-type: inline-size;
}

.story_box2 span p{
width: 30cqw;
display:block;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
position: relative;
float: left;
}

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


.story_box2 span h2 {
width: 65cqw;
margin: 2em 5% 0px 0px;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
display:  inline-block;
font-style: normal;
font-size: 2cqw;
line-height: 1.5;
font-weight: bold;
color: #4f3b17;
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;
}

.story_box2 span h3 {
width: 65cqw;
margin: 1em 5% 0px 0px;
padding: 0px 0px 30px 0px;
box-sizing: border-box;
display:  inline-block;
font-style: normal;
font-size: 1.4cqw;
line-height: 2.0;
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;
position: relative;
}


.story_box3{
width:calc(100% - 200px);
display:block;
margin:30px auto 0px auto;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
position: relative;
clear:both;
font-size:0px;
line-height:0px;
overflow:hidden;
container-type: inline-size;
}

.story_box3 h2 {
width: 100%;
margin: 0px 0px 0px 0px;
padding: 0.6em 0px 0.4em 0px;
box-sizing: border-box;
display:  inline-block;
font-style: normal;
font-size: 2.4cqw;
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;
position: relative;
text-align: center;
background-color: #e19aaf;
border-radius: 10px 10px 0px 0px;
}

.story_box3 span{
width:100%;
display:block;
margin:0px auto 0px auto;
padding: 0px 0px 30px 0px;
box-sizing: border-box;
position: relative;
clear:both;
font-size:0px;
line-height:0px;
overflow:hidden;
border-radius: 0px 0px 10px 10px;
background-color: #f7eeeb;
container-type: inline-size;
}

.story_box3 span h3 {
width: 100%;
margin: 0px 0px 0px 0px;
padding: 1.5em 5% 1.5em 5%;
box-sizing: border-box;
display:  inline-block;
font-style: normal;
font-size: 1.4cqw;
line-height: 2.0;
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;
position: relative;
}

.story_box3 span h4 {
width: 90%;
margin: 0px 0px 0px 5%;
padding: 0.2em 0px 0.2em 0px;
box-sizing: border-box;
display:  inline-block;
font-style: normal;
font-size: 2.2cqw;
line-height: 2.0;
font-weight: bold;
color: #f17191;
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;
position: relative;
background-color: #fff;
border-radius: 100px;
text-align: center;
}

.story_box3 span h4 em {
margin: 0px 1em 0px 0px;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
display:  inline-block;
font-style: normal;
text-decoration: none;
font-size: 2cqw;
}

.story_box3 span h4 u {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
display:  inline-block;
font-style: normal;
text-decoration: none;
}

/* -------------------------------------// story */















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




/*  story  ----------------------------------------------*/

.story_box{
width: 88%;
display:block;
margin: 20px auto 0px auto;
padding: 20px 0px 20px 0px;
box-sizing: border-box;
position: relative;
clear:both;
font-size:0px;
line-height:0px;
overflow:hidden;
border-radius: 10px;
background-color: #f4e4e4;
container-type: inline-size;
}

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

.story_box span p{
width: 50cqw;
display:block;
margin:0px auto 0px auto;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
position: relative;
float: none;
clear: both;
}

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

.story_box span h2 {
width: 80cqw;
margin: 0.5em 0px 0px 10cqw;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
display:  inline-block;
font-style: normal;
font-size: 6cqw;
line-height: 1.6;
font-weight: bold;
color: #ef7191;
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;
}

.story_box span h3 {
width: 80cqw;
margin: 0.5em 0px 0px 10cqw;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
display:  inline-block;
font-style: normal;
font-size: 5cqw;
line-height: 1.6;
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;
position: relative;
}


.story_box2{
width: 88%;
display:block;
margin: 20px auto 0px auto;
padding: 20px 0px 20px 0px;
box-sizing: border-box;
position: relative;
clear:both;
font-size:0px;
line-height:0px;
overflow:hidden;
border-radius: 10px;
background-color: #faf4e3;
container-type: inline-size;
}

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

.story_box2 span p{
width: 50cqw;
display:block;
margin:0px auto 0px auto;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
position: relative;
float: none;
clear: both;
}

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


.story_box2 span h2 {
width: 80cqw;
margin: 0px 0px 0px 10cqw;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
display:  inline-block;
font-style: normal;
font-size: 6cqw;
line-height: 1.6;
font-weight: bold;
color: #4f3b17;
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;
}

.story_box2 span h3 {
width: 80cqw;
margin: 1em 0px 0px 10cqw;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
display:  inline-block;
font-style: normal;
font-size: 5cqw;
line-height: 1.6;
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;
position: relative;
}


.story_box3{
width: 88%;
display:block;
margin: 20px auto 0px auto;
padding: 0px 0px 20px 0px;
box-sizing: border-box;
position: relative;
clear:both;
font-size:0px;
line-height:0px;
overflow:hidden;
container-type: inline-size;
}   

.story_box3 h2 {
width: 100%;
margin: 0px 0px 0px 0px;
padding: 0.6em 0px 0.4em 0px;
box-sizing: border-box;
display:  inline-block;
font-style: normal;
font-size: 7cqw;
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;
position: relative;
text-align: center;
background-color: #e19aaf;
border-radius: 10px 10px 0px 0px;
}

.story_box3 span{
width:100%;
display:block;
margin:0px auto 0px auto;
padding: 0px 0px 10px 0px;
box-sizing: border-box;
position: relative;
clear:both;
font-size:0px;
line-height:0px;
overflow:hidden;
border-radius: 0px 0px 10px 10px;
background-color: #f7eeeb;
container-type: inline-size;
}

.story_box3 span h3 {
width: 100%;
margin: 0px 0px 0px 0px;
padding: 1em 5% 1em 5%;
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;
position: relative;
}

.story_box3 span h4 {
width: 90%;
margin: 0px 0px 0px 5%;
padding: 0.7em 0px 0.7em 0px;
box-sizing: border-box;
display:  inline-block;
font-style: normal;
font-size: 4cqw;
line-height: 1.4;
font-weight: bold;
color: #f17191;
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;
position: relative;
background-color: #fff;
border-radius: 100px;
text-align: center;
}

.story_box3 span h4 em {
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;
font-size: 5cqw;
}

.story_box3 span h4 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;
}

/* -------------------------------------// story */








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