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


/*  message  ----------------------------------------------*/

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


.message_img{
	width:40cqw;
	display:block;
	margin:0px;
	padding: 0px 0px 0px 0px;
	box-sizing: border-box;
	position: relative;
	float: left;
	font-size:0px;
	line-height:0px;
	overflow:hidden;
}

.message_img p{
	width:100%;
	display:inline-block;
	margin:0px;
	padding: 0px 0px 0px 0px;
	box-sizing: border-box;
	position: relative;
	clear: both;
	border-radius: 20px;
	overflow:hidden;	
}

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

.message_txt{
	width: 54cqw;
	display:block;
	margin:0px;
	padding: 0px 0px 0px 0px;
	box-sizing: border-box;
	position: relative;
	float: right;
	font-size:0px;
	line-height:0px;
	overflow:hidden;
	vertical-align: top;
}

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

.message_txt p {
width: 100%;
margin: 1.5em 0px 0px 0px;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
display:  inline-block;
font-style: normal;
font-size: 1.2cqw;
line-height: 2.0;
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;
}

.message_txt h3 {
width: 100%;
margin: 3em 0px 0px 0px;
padding: 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: right;
}

.message_txt h4 {
width: 100%;
margin: 0.6em 0px 0px 0px;
padding: 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:bottom;
text-align: right;
}

.message_txt h4 em {
margin: 0px;
padding: 0px 1em 0px 0px;
box-sizing: border-box;
font-style: normal;
text-decoration: none;
display: inline;
vertical-align:bottom;
}

.message_txt h4 u {
margin: 0px;
padding: 0px;
box-sizing: border-box;
font-style: normal;
text-decoration: none;
display: inline;
vertical-align:bottom;
font-size: 2cqw;
}

/* -------------------------------------// message */





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



/*  message  ----------------------------------------------*/

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

.message_img{
width:50cqw;
display:block;
margin:0px auto;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
position: relative;
float: none;
clear: both;
font-size:0px;
line-height:0px;
overflow:hidden;
}

.message_img p{
width:100%;
display:inline-block;
margin:0px;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
position: relative;
clear: both;
border-radius: 20px;
overflow:hidden;	
}

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

.message_txt{
width: 88cqw;
display:block;
margin: 0px auto;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
position: relative;
float: none;
clear: both;
font-size:0px;
line-height:0px;
overflow:hidden;
vertical-align: top;
container-type: inline-size;
}

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

.message_txt p {
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.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;
}

.message_txt h3 {
width: 100%;
margin: 1.5em 0px 0px 0px;
padding: 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.03em;
font-family: -apple-system, BlinkMacSystemFont, "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Verdana, sans-serif;
vertical-align: top;
text-align: right;
}

.message_txt h4 {
width: 100%;
margin: 0.5em 0px 0px 0px;
padding: 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.03em;
font-family: -apple-system, BlinkMacSystemFont, "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Verdana, sans-serif;
vertical-align:bottom;
text-align: right;
}

.message_txt h4 em {
margin: 0px;
padding: 0px 1em 0px 0px;
box-sizing: border-box;
font-style: normal;
text-decoration: none;
display: inline;
vertical-align:bottom;
}

.message_txt h4 u {
margin: 0px;
padding: 0px;
box-sizing: border-box;
font-style: normal;
text-decoration: none;
display: inline;
vertical-align:bottom;
font-size: 6.5cqw;
}

/* -------------------------------------// message */






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