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

.info_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;
}

.info_pagetitle h2 {
width: 100%;
margin: 0px;
padding: 167px 0px 0px 102px;
box-sizing: border-box;
display:  inline-block;
font-style: normal;
font-size: 24px;
line-height: 1.2;
font-weight: bold;
color: #3c88e4;
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;
}

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

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



/*  info_box  ----------------------------------------------*/

.info_box{
width: calc(100% - 200px);
display:block;
margin:50px 0px 0px 100px;
padding: 0px 0px 50px 0px;
box-sizing: border-box;
position: relative;
clear:both;
font-size:0px;
line-height:0px;
overflow:hidden;
text-align: left;
container-type: inline-size;
border: solid 0px #72afe0;
border-top-width: 1px;
}

.info_box span{
width: 100cqw;
display:inline-block;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
position: relative;
clear:both;
font-size:0px;
line-height:0px;
overflow:hidden;
text-align: left;
border: solid 0px #72afe0;
border-bottom-width: 1px;
}

.info_box span a{
width: 100%;
display:inline-block;
margin: 0px 0px 0px 0px;
padding: 2.2cqw 0px 1.8cqw 0px;
box-sizing: border-box;
position: relative;
clear:both;
font-size:0px;
line-height:0px;
overflow:hidden;
text-align: left;
text-decoration: none;
background-color: #fff;
transition: 0.3s;
transform: translate3d(0, 0, 0);
}

.info_box span a:hover{
background-color: #e7f1f9;
}

.info_box 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: 1.2cqw;
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;
}

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

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

.info_box span p {
width: 100%;
margin: 0px 0px 0px 0px;
padding: 0.5em 1.5cqw 0px 15cqw;
box-sizing: border-box;
display:  inline-block;
font-style: normal;
font-size: 1cqw;
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: left;
}


/* -----------------------------------------------------------------------------  info_box --- */





























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




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

.info_pagetitle{
width: 100%;
margin: 0px;
padding: 66px 0px 10px 0px;
box-sizing: border-box;
font-size: 0px;
line-height: 0px;
clear: both;
position: relative;
container-type: inline-size;
}

.info_pagetitle h2 {
width: 88cqw;
text-align: left;
margin: 0px 0px 0px 6cqw;
padding: 1em 0px 0px 0px;
box-sizing: border-box;
display:  inline-block;
font-style: normal;
font-size: 4cqw;
line-height: 1.2;
font-weight: bold;
color: #3c88e4;
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;
}

.info_pagetitle h3 {
width: 88cqw;
text-align: left;
margin: 0.4em 0px 0px 6cqw;
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: #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;
}

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



/*  info_box  ----------------------------------------------*/

.info_box{
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;
text-align: left;
container-type: inline-size;
border: solid 0px #72afe0;
border-top-width: 1px;
}

.info_box span{
width: 100%;
display:inline-block;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
position: relative;
clear:both;
font-size:0px;
line-height:0px;
overflow:hidden;
text-align: left;
border: solid 0px #72afe0;
border-bottom-width: 1px;
container-type: inline-size;
}

.info_box span a{
width: 100%;
display:inline-block;
margin: 0px 0px 0px 0px;
padding: 20px 0px 20px 0px;
box-sizing: border-box;
position: relative;
clear:both;
font-size:0px;
line-height:0px;
overflow:hidden;
text-align: left;
text-decoration: none;
background-color: #fff;
transition: 0.3s;
transform: translate3d(0, 0, 0);
}

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

.info_box 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: 5.5cqw;
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;
}

.info_box span h2 em {
width: 100cqw;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
display:  inline-block;
font-style: normal;
text-decoration: none;
vertical-align: top;
font-size: 4cqw;
font-weight: normal;
}

.info_box span h2 u {
width: 100cqw;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
display:  inline-block;
font-style: normal;
text-decoration: none;
vertical-align: top;
line-height: 1.4;
letter-spacing: 0.01em;
}

.info_box span p {
width: 100cqw;
margin: 0px 0px 0px 0px;
padding: 0em 0px 0px 0px;
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;
}


/* -----------------------------------------------------------------------------  info_box --- */








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