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

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

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

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

.work_pagetitle h4 {
width: 100%;
margin: 1em 0px 0px 0px;
padding: 0px 0px 0px 100px;
box-sizing: border-box;
display:  inline-block;
font-style: normal;
font-size: 1.2cqw;
line-height: 1.8;
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 --- */



/*  work_box  ----------------------------------------------*/

.work_box{
width: calc(100% - 200px);
display:block;
margin:0px 0px 0px 100px;
padding: 20px 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;
}

.work_img {
width: 40cqw;
margin: 0px auto;
padding: 0px 0px 20px 0px;
box-sizing: border-box;
overflow: hidden;
display: block;
clear: both;
font-size: 0px;
line-height: 0px;
position: relative;
text-align: center;
}

.work_img img {
width: 100%;
height: auto;
display: inline-block;
aspect-ratio: 131 / 70;
}


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

display:flex;
flex-wrap: wrap;
flex-direction: row;
}

.work_link a {
width: 29.3cqw;
margin: 0px 2cqw;
padding: 0px;
box-sizing: border-box;
overflow: hidden;
display:inline-block;
clear: both;
font-size: 0px;
line-height: 0px;
position: relative;
text-align: center;
}

.work_link a span {
width: 100%;
height: 100%;
margin: 0px;
padding: 15px 0px 15px 0px;
box-sizing: border-box;
overflow: hidden;
display:inline-block;
clear: both;
font-size: 0px;
line-height: 0px;
position: relative;
text-align: center;
}

.work_link a span.work_link_bg1 {
background: #60aa47;
border-radius: 8px;
}

.work_link a:hover span.work_link_bg1 {
background: #77c05e;
border-radius: 8px;
}

.work_link a span.work_link_bg2 {
background: #f4b621;
border-radius: 8px;
}

.work_link a:hover span.work_link_bg2 {
background: #f4c249;
border-radius: 8px;
}

.work_link a span.work_link_bg3 {
background: #4d84df;
border-radius: 8px;
}

.work_link a:hover span.work_link_bg3 {
background: #74a0e8;
border-radius: 8px;
}


.work_link a span h2 {
width: 100%;
margin: 0px;
padding: 0px;
box-sizing: border-box;
overflow: hidden;
display:inline-block;
clear: both;
font-size: 0px;
line-height: 0px;
position: relative;
text-align: center;
}

.work_link a span h2 em {
width: 50px;
margin: 0px 20px 0px 0px;
padding: 0px;
box-sizing: border-box;
display:inline-block;
font-style: normal;
text-decoration: none;
}

.work_link a span h2 em img {
width: 100%;
height: auto;
}

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

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

.work_link a span p br { display: none; }

.work_link a span h3 {
width: 100%;
margin: 0px;
padding: 5px 0px 0px 0px;
box-sizing: border-box;
overflow: hidden;
display:inline-block;
clear: both;
font-size: 0px;
line-height: 0px;
position: relative;
text-align: center;
}

.work_link a span h3 img {
display: inline-block;
width: auto;
height: 16px;
}


/* -----------------------------------------------------------------------------  work_box --- */



/* ------ 二段目  */

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

.work_box2_bg { background: #f7f6ef; }
.work_box2_bg2 { background: #f7f6ef; }

.work_box2_txt {
width: 100%;
margin: 0px;
padding: 0px;
clear: both;
position: relative;
}

.work_box2_txt h2 {
font-size:2.6cqw;
font-weight: bold;
letter-spacing: 0.03em;
line-height: 1.2;
font-family: -apple-system, BlinkMacSystemFont, "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Verdana, sans-serif;
text-align: center;
}

.work_box2_txt p {
margin: 0px;
padding: 1.2em 0px 0px 0px;
box-sizing: border-box;
font-size: 1.2cqw;
font-weight: bold;
line-height: 1.8;
text-align: center;
letter-spacing: 0.01em;
font-family: -apple-system, BlinkMacSystemFont, "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Verdana, sans-serif;
}

.work_box2_txt p em {
display: block;
font-style: normal;
}


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


.work_calendar {
width: 46cqw;
margin: 0px auto 0px auto;
padding: 0px;
float: right;
position: relative;
}

.work_calendar h2 {
font-size: 1.6cqw;
font-weight: bold;
line-height: 1.2;
letter-spacing: 0.03em;
font-family: -apple-system, BlinkMacSystemFont, "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Verdana, sans-serif;
text-align: center;
}

.work_calendar table {
width:100%;
margin:20px auto 0px auto;
border-collapse:collapse;
padding:0px;
}

.work_calendar table thead tr {
border:solid 0px #bababa;
box-sizing:border-box;
border-top-width:2px;
border-left-width:2px;
}

.work_calendar table thead tr th {
width:14%;
margin:0px;
padding:10px 0px;
border:solid 0px #bababa;
box-sizing:border-box;
border-right-width:2px;
background:#c8c8c8;
}

.work_calendar table thead tr th {
font-size:1.4cqw;
line-height:1.2;
font-weight:bold;
letter-spacing:0px;
text-align:center;
vertical-align:middle;
color:#fff;
font-family: -apple-system, BlinkMacSystemFont, "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Verdana, sans-serif;
}

.work_calendar table thead tr th:nth-of-type(1) { width:15%; background:#ff8c89; }
.work_calendar table thead tr th:nth-of-type(7) { width:15%; background:#83d3ff; }

.work_calendar table tbody tr {
border:solid 0px #bababa;
box-sizing:border-box;
border-top-width:2px;
border-left-width:2px;
}

.work_calendar table tbody tr td {
width:14%;
margin:0px;
padding:0px 0px 15px 0px;
border:solid 0px #bababa;
box-sizing:border-box;
border-right-width:2px;
border-bottom-width:2px;
background:#fff;
}

.work_calendar table tbody tr td {
font-size:1.4cqw;
line-height:1.2;
font-weight: bold;
letter-spacing:1px;
text-align:center;
vertical-align:middle;
position:relative;
z-index:0;
font-family: -apple-system, BlinkMacSystemFont, "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Verdana, sans-serif;
}

.work_calendar table tbody tr td:nth-of-type(1) { width:15%; background:#ffe9e9; }
.work_calendar table tbody tr td:nth-of-type(7) { width:15%; background:#e1f4ff; }

.work_calendar table tbody tr td em {
font-style: normal;
text-decoration: none;
color: #ee2b68;
}

.work_calendar table tbody tr td u {
font-style: normal;
text-decoration: none;
color: #ff7b3a;
}


.work_calendar table tbody tr td span {
width: 100%;
display: inline-block;
margin: 0px;
padding: 5px 0px 2px 7px;
box-sizing: border-box;
text-align: left;
position:relative;
color: #999;
font-size:1.2cqw;
line-height:1.2;
font-weight: bold;
letter-spacing:0.02em;
font-family: -apple-system, BlinkMacSystemFont, "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Verdana, sans-serif;
}


.work_calendar h3 {
margin: 10px auto 0px auto;
padding: 0px;
clear: both;
position: relative;
text-align: right;
}

.work_calendar h3 span {
margin: 0px;
padding: 0px 0px 0px 20px;
box-sizing: border-box;
font-size: 1.2cqw;
line-height: 1.8;
font-weight: bold;
display: inline-block;
text-align: left;
font-family: -apple-system, BlinkMacSystemFont, "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Verdana, sans-serif;
}

.work_calendar h4 {
width: 100%;
display: inline-block;
margin: 20px 0px 0px 0px;
padding: 0px 0px;
box-sizing: border-box;
clear: both;
position: relative;
text-align: center;
}

.work_calendar h4 span {
width: 100%;
display: inline-block;
margin: 0px;
padding: 0px;
text-align: left;
}

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

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


.work_calendar h4 span s {
width: 100%;
display: inline-block;
margin: 15px auto 0px auto;
padding: 0px;
box-sizing: border-box;
position: relative;
text-align: left;
font-size: 1.0cqw;
line-height: 1.8;
font-style: normal;
text-decoration: none;
font-weight: bold;
letter-spacing: 1px;
font-family: -apple-system, BlinkMacSystemFont, "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Verdana, sans-serif;
}

.work_calendar h4 span s i {
margin: 0px;
padding: 0px;
display: block;
font-style: normal;
text-decoration: none;
}

.work_flow {
width: 46cqw;
margin: 0px 0px 0px 0px;
padding: 0px;
float: left;
position: relative;
}

.work_flow h2 {
font-size: 1.6cqw;
font-weight: bold;
line-height: 1.2;
letter-spacing: 0.03em;
font-family: -apple-system, BlinkMacSystemFont, "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Verdana, sans-serif;
text-align: center;
}


.work_flow table {
width:100%;
margin:20px 0px 0px 0px;
border-collapse:collapse;
padding:0px;
}

.work_flow table thead tr {
border:solid 0px #bababa;
box-sizing:border-box;
border-top-width:2px;
border-left-width:2px;
}

.work_flow table thead tr th {
width:12cqw;
margin:0px;
padding:10px 0px;
border:solid 0px #bababa;
box-sizing:border-box;
border-right-width:2px;
background:#e8e8e5;
}

.work_flow table thead tr th {
font-size:1.2cqw;
line-height:1.2;
font-weight: bold;
letter-spacing: 0.03em;
text-align:center;
vertical-align:middle;
font-family: -apple-system, BlinkMacSystemFont, "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Verdana, sans-serif;
}

.work_flow table thead tr th + th {
width: auto;
}

.work_flow table tbody tr {
border:solid 0px #bababa;
box-sizing:border-box;
border-top-width:2px;
border-left-width:2px;
}

.work_flow table tbody tr th {
width:12cqw;
margin:0px;
padding:10px 0px;
border:solid 0px #bababa;
box-sizing:border-box;
border-right-width:2px;
border-bottom-width:2px;
}

.work_flow table tbody tr th {
font-size:1.2cqw;
line-height:1.8;
font-weight: bold;
letter-spacing:0.03em;
text-align:center;
vertical-align:middle;
font-family: -apple-system, BlinkMacSystemFont, "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Verdana, sans-serif;
}

.work_flow table tbody tr td {
width:auto;
margin:0px;
padding:10px 15px;
border:solid 0px #bababa;
box-sizing:border-box;
border-right-width:2px;
border-bottom-width:2px;
background:#fff;
}

.work_flow table tbody tr td {
font-size:1.2cqw;
line-height:2.0;
font-weight: bold;
letter-spacing: 0.03em;
text-align:left;
vertical-align:middle;
font-family: -apple-system, BlinkMacSystemFont, "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Verdana, sans-serif;
}

.taxi_work3_tb_bg1 {
background: #fff4d8;
}

.taxi_work3_tb_bg2 {
background: #d7f5fe;
}


.taxi_work3_right {
width: 611px;
margin: 0px;
padding: 0px;
float: right;
}

.work_flow table tbody tr td span {
display: inline-block;
width: 100%;
margin: 5px 0px 0px 0px;
padding: 5px 15px;
box-sizing: border-box;
background: #f1f1f1;
border-radius: 6px;
font-size:1.2cqw;
line-height:1.6;
font-weight: bold;
letter-spacing: 0.03em;
font-family: -apple-system, BlinkMacSystemFont, "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Verdana, sans-serif;
}


/* --------------------------------------------- 二段目  */


/*  per_box5  ----------------------------------------------*/

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

.per_box5 p {
width: 460px;
height:60px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
clear: both;
position: relative;
display: inline-block;
}

.per_box5 p + p{
margin:0px 0px 0px 50px;
padding:0px 0px 0px 0px;
}

.per_box5 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: 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: #3c88e4;
border: solid 2px #3c88e4;
border-radius: 4px;
transition: 0.3s;
transform: translate3d(0, 0, 0);
text-align: left;
}

.per_box5 p a:hover {
color: #3c88e4;
background: #fff;
}

.per_box5 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: 16px;
left: 0px;
z-index: 3;
vertical-align: top;
text-align: center;
}

.per_box5 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: 16px;
z-index: 5;
clear: both;
clip-path: polygon(0 45%, 25% 45%, 62% 45%, 84% 45%, 50% 0, 60% 0, 100% 50%, 60% 100%, 50% 100%, 84% 55%, 36% 55%, 0 55%);
background-color: #fff;
transition: 0.3s;
transform: translate3d(0, 0, 0);
}

.per_box5 p a:hover em{
background-color: #3c88e4;
}

/* -----------------------------------------------------------------------------  per_box5 --- */





/* ------ youtube_box  */

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

.youtube_box p {
width: 700px;
height: 100px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
clear: both;
position: relative;
display: inline-block;
}

.youtube_box 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;
position: relative;
background-color: #e7f1f9;
border: solid 4px #3c88e4;
border-radius: 10px;
transition: 0.3s;
transform: translate3d(0, 0, 0);
text-align: center;
}

.youtube_box p a:hover {
background-color: #3c88e4;
}

.youtube_box p a em {
width: 560px;
height: 52px;
margin: 0px 0px 0px -280px;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
display:  inline-block;
font-style: normal;
text-decoration: none;
position: absolute;
top: 20px;
left: 50%;
background-image: url("img/youtube_1000x92_2.svg");
background-repeat: no-repeat;
background-position: 0px 0px;
background-size: 560px 52px;
transition: 0.3s;
transform: translate3d(0, 0, 0);
}

.youtube_box p a:hover em {
background-image: url("img/youtube_1000x92.svg");
}

/* --------------------------------------------- youtube_box  */


































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








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

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

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

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

.work_pagetitle h4 {
width: 88cqw;
margin: 0.7em 0px 0px 6cqw;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
display:  inline-block;
font-style: normal;
font-size: 4cqw;
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: left;
}

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



/*  work_box  ----------------------------------------------*/

.work_box{
width: 100%;
display:block;
margin:0px 0px 0px 0px;
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;
}

.work_img {
width: 68cqw;
margin: 0px auto;
padding: 0px 0px 20px 0px;
box-sizing: border-box;
overflow: hidden;
display: block;
clear: both;
font-size: 0px;
line-height: 0px;
position: relative;
text-align: center;
}

.work_img img {
width: 100%;
height: auto;
display: inline-block;
aspect-ratio: 131 / 70;
}


.work_link {
width: 88%;
margin: 0px auto 0px auto;
padding: 0px;
box-sizing: border-box;
overflow: hidden;
clear: both;
font-size: 0px;
line-height: 0px;
position: relative;
text-align: center;
display:flex;
flex-wrap: wrap;
flex-direction: row;
container-type: inline-size;
}

.work_link a {
width: 29.3cqw;
margin: 0px 2cqw;
padding: 0px;
box-sizing: border-box;
overflow: hidden;
display:inline-block;
clear: both;
font-size: 0px;
line-height: 0px;
position: relative;
text-align: center;
}

.work_link a span {
width: 100%;
height: 100%;
margin: 0px;
padding: 15px 0px 15px 0px;
box-sizing: border-box;
overflow: hidden;
display:inline-block;
clear: both;
font-size: 0px;
line-height: 0px;
position: relative;
text-align: center;
}

.work_link a span.work_link_bg1 {
background: #60aa47;
border-radius: 8px;
}

.work_link a:hover span.work_link_bg1 {
background: #60aa47;
border-radius: 8px;
}

.work_link a span.work_link_bg2 {
background: #f4b621;
border-radius: 8px;
}

.work_link a:hover span.work_link_bg2 {
background: #f4b621;
border-radius: 8px;
}

.work_link a span.work_link_bg3 {
background: #4d84df;
border-radius: 8px;
}

.work_link a:hover span.work_link_bg3 {
background: #4d84df;
border-radius: 8px;
}


.work_link a span h2 {
width: 100%;
margin: 0px;
padding: 0px;
box-sizing: border-box;
overflow: hidden;
display:inline-block;
clear: both;
font-size: 0px;
line-height: 0px;
position: relative;
text-align: center;
}

.work_link a span h2 em {
width: 50px;
margin: 0px 0px 0px 0px;
padding: 0px;
box-sizing: border-box;
display:inline-block;
font-style: normal;
text-decoration: none;
}

.work_link a span h2 em img {
width: 100%;
height: auto;
}

.work_link a span h2 u {
width: 100%;
margin: 0px;
padding: 10px 0px 0px 0px;
box-sizing: border-box;
display:inline-block;
font-style: normal;
text-decoration: none;
font-size: 4cqw;
line-height: 1.2;
color: #fff;
font-weight: bold;
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;
}

.work_link a span p {
width: 100%;
margin: 0px;
padding: 0.5em 0px 1em 0px;
display: inline-block;
box-sizing: border-box;
position: relative;
font-size: 3cqw;
line-height: 1.6;
color: #fff;
font-style: normal;
text-decoration: none;
font-weight: normal;
letter-spacing: 0.01em;
font-family: -apple-system, BlinkMacSystemFont, "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Verdana, sans-serif;
text-align: center;
}

.work_link a span p br { display: inline; }

.work_link a span h3 {
width: 100%;
margin: 0px;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
overflow: hidden;
display:inline-block;
clear: both;
font-size: 0px;
line-height: 0px;
position: relative;
text-align: center;
}

.work_link a span h3 img {
display: inline-block;
width: auto;
height: 10px;
}


/* -----------------------------------------------------------------------------  work_box --- */



/* ------ 二段目  */

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

.work_box2_bg { background: #f7f6ef; }
.work_box2_bg2 { background: #f7f6ef; }

.work_box2_txt {
width: 88%;
margin: 0px auto;
padding: 0px;
clear: both;
position: relative;
container-type: inline-size;
}

.work_box2_txt h2 {
font-size: 7cqw;
font-weight: bold;
letter-spacing: 0.01em;
line-height: 1.2;
font-family: -apple-system, BlinkMacSystemFont, "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Verdana, sans-serif;
text-align: left;
}

.work_box2_txt p {
margin: 0px;
padding: 0.5em 0px 0px 0px;
box-sizing: border-box;
font-size: 4.5cqw;
font-weight: normal;
line-height: 1.8;
text-align: left;
letter-spacing: 0.01em;
font-family: -apple-system, BlinkMacSystemFont, "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Verdana, sans-serif;
}

.work_box2_txt p em {
display: block;
font-style: normal;
}


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


.work_calendar {
width: 88cqw;
margin: 0px auto 0px auto;
padding: 0px;
float: none;
clear: both;
position: relative;
}

.work_calendar h2 {
font-size: 4.5cqw;
font-weight: bold;
line-height: 1.2;
letter-spacing: 0.01em;
font-family: -apple-system, BlinkMacSystemFont, "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Verdana, sans-serif;
text-align: center;
}

.work_calendar table {
width:100%;
margin:10px auto 0px auto;
border-collapse:collapse;
padding:0px;
}

.work_calendar table thead tr {
border:solid 0px #bababa;
box-sizing:border-box;
border-top-width:2px;
border-left-width:2px;
}

.work_calendar table thead tr th {
width:14%;
margin:0px;
padding:10px 0px;
border:solid 0px #bababa;
box-sizing:border-box;
border-right-width:2px;
background:#c8c8c8;
}

.work_calendar table thead tr th {
font-size:3.5cqw;
line-height:1.2;
font-weight:bold;
letter-spacing:0px;
text-align:center;
vertical-align:middle;
color:#fff;
font-family: -apple-system, BlinkMacSystemFont, "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Verdana, sans-serif;
}

.work_calendar table thead tr th:nth-of-type(1) { width:15%; background:#ff8c89; }
.work_calendar table thead tr th:nth-of-type(7) { width:15%; background:#83d3ff; }

.work_calendar table tbody tr {
border:solid 0px #bababa;
box-sizing:border-box;
border-top-width:2px;
border-left-width:2px;
}

.work_calendar table tbody tr td {
width:14%;
margin:0px;
padding:0px 0px 15px 0px;
border:solid 0px #bababa;
box-sizing:border-box;
border-right-width:2px;
border-bottom-width:2px;
background:#fff;
}

.work_calendar table tbody tr td {
font-size:3.5cqw;
line-height:1.2;
font-weight: bold;
letter-spacing:1px;
text-align:center;
vertical-align:middle;
position:relative;
z-index:0;
font-family: -apple-system, BlinkMacSystemFont, "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Verdana, sans-serif;
}

.work_calendar table tbody tr td:nth-of-type(1) { width:15%; background:#ffe9e9; }
.work_calendar table tbody tr td:nth-of-type(7) { width:15%; background:#e1f4ff; }

.work_calendar table tbody tr td em {
font-style: normal;
text-decoration: none;
color: #ee2b68;
}

.work_calendar table tbody tr td u {
font-style: normal;
text-decoration: none;
color: #ff7b3a;
}


.work_calendar table tbody tr td span {
width: 100%;
display: inline-block;
margin: 0px;
padding: 5px 0px 5px 7px;
box-sizing: border-box;
text-align: left;
position:relative;
color: #999;
font-size:3cqw;
line-height:1.2;
font-weight: bold;
letter-spacing:0.02em;
font-family: -apple-system, BlinkMacSystemFont, "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Verdana, sans-serif;
}


.work_calendar h3 {
margin: 10px auto 0px auto;
padding: 0px;
clear: both;
position: relative;
text-align: right;
}

.work_calendar h3 span {
margin: 0px;
padding: 0px 0px 0px 20px;
box-sizing: border-box;
font-size: 3.5cqw;
line-height: 1.8;
font-weight: normal;
display: inline-block;
text-align: left;
font-family: -apple-system, BlinkMacSystemFont, "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Verdana, sans-serif;
}

.work_calendar h4 {
width: 100%;
display: inline-block;
margin: 10px 0px 0px 0px;
padding: 0px 0px;
box-sizing: border-box;
clear: both;
position: relative;
text-align: center;
}

.work_calendar h4 span {
width: 100%;
display: inline-block;
margin: 0px;
padding: 0px;
text-align: left;
}

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

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


.work_calendar h4 span s {
width: 100%;
display: inline-block;
margin: 10px auto 0px auto;
padding: 0px;
box-sizing: border-box;
position: relative;
text-align: left;
font-size: 3.5cqw;
line-height: 1.8;
font-style: normal;
text-decoration: none;
font-weight: normal;
letter-spacing: 0.01em;
font-family: -apple-system, BlinkMacSystemFont, "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Verdana, sans-serif;
}

.work_calendar h4 span s i {
margin: 0px;
padding: 0px;
display: block;
font-style: normal;
text-decoration: none;
}

.work_flow {
width: 88cqw;
margin: 0px auto 0px auto;
padding: 20px 0px 0px 0px;
float: none;
clear: both;
position: relative;
}

.work_flow h2 {
font-size: 4.5cqw;
font-weight: bold;
line-height: 1.2;
letter-spacing: 0.01em;
font-family: -apple-system, BlinkMacSystemFont, "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Verdana, sans-serif;
text-align: center;
}


.work_flow table {
width:100%;
margin:10px 0px 0px 0px;
border-collapse:collapse;
padding:0px;
}

.work_flow table thead tr {
border:solid 0px #bababa;
box-sizing:border-box;
border-top-width:2px;
border-left-width:2px;
}

.work_flow table thead tr th {
width:12cqw;
margin:0px;
padding:10px 0px;
border:solid 0px #bababa;
box-sizing:border-box;
border-right-width:2px;
background:#e8e8e5;
}

.work_flow table thead tr th {
font-size:3cqw;
line-height:1.2;
font-weight: bold;
letter-spacing: 0.01em;
text-align:center;
vertical-align:middle;
font-family: -apple-system, BlinkMacSystemFont, "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Verdana, sans-serif;
}

.work_flow table thead tr th + th {
width: auto;
}

.work_flow table tbody tr {
border:solid 0px #bababa;
box-sizing:border-box;
border-top-width:2px;
border-left-width:2px;
}

.work_flow table tbody tr th {
width:30cqw;
margin:0px;
padding:10px 0px;
border:solid 0px #bababa;
box-sizing:border-box;
border-right-width:2px;
border-bottom-width:2px;
}

.work_flow table tbody tr th {
font-size:3cqw;
line-height:1.8;
font-weight: bold;
letter-spacing:0.01em;
text-align:center;
vertical-align:middle;
font-family: -apple-system, BlinkMacSystemFont, "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Verdana, sans-serif;
}

.work_flow table tbody tr td {
width:auto;
margin:0px;
padding:10px 15px;
border:solid 0px #bababa;
box-sizing:border-box;
border-right-width:2px;
border-bottom-width:2px;
background:#fff;
}

.work_flow table tbody tr td {
font-size:3.5cqw;
line-height:1.8;
font-weight: bold;
letter-spacing: 0.01em;
text-align:left;
vertical-align:middle;
font-family: -apple-system, BlinkMacSystemFont, "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Verdana, sans-serif;
}

.taxi_work3_tb_bg1 {
background: #fff4d8;
}

.taxi_work3_tb_bg2 {
background: #d7f5fe;
}

.work_flow table tbody tr td span {
display: inline-block;
width: 100%;
margin: 5px 0px 0px 0px;
padding: 5px 10px;
box-sizing: border-box;
background: #f1f1f1;
border-radius: 6px;
font-size:3.5cqw;
line-height:1.6;
font-weight: bold;
letter-spacing: 0.03em;
font-family: -apple-system, BlinkMacSystemFont, "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Verdana, sans-serif;
}


/* --------------------------------------------- 二段目  */


/*  per_box5  ----------------------------------------------*/

.per_box5{
width: 100%;
display:block;
margin:20px 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: center;
container-type: inline-size;
}

.per_box5 p {
width: 88cqw;
height: auto;
aspect-ratio: 23 / 3;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
clear: both;
position: relative;
display: inline-block;
container-type: inline-size;
}

.per_box5 p + p{
margin:10px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

.per_box5 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: 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: #3c88e4;
border: solid 2px #3c88e4;
border-radius: 4px;
transition: 0.3s;
transform: translate3d(0, 0, 0);
text-align: left;
}

.per_box5 p a:hover {
color: #fff;
background: #3c88e4;
}

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

.per_box5 p 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: 15px;
right: 10px;
z-index: 5;
clear: both;
clip-path: polygon(0 45%, 25% 45%, 62% 45%, 84% 45%, 50% 0, 60% 0, 100% 50%, 60% 100%, 50% 100%, 84% 55%, 36% 55%, 0 55%);
background-color: #fff;
transition: 0.3s;
transform: translate3d(0, 0, 0);
}

.per_box5 p a:hover em{
background-color: #fff;
}
/* -----------------------------------------------------------------------------  per_box5 --- */





/* ------ youtube_box  */

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

.youtube_box p {
width: 88cqw;
height: auto;
aspect-ratio: 7 / 1;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
clear: both;
position: relative;
display: inline-block;
}

.youtube_box 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;
position: relative;
background-color: #e7f1f9;
border: solid 2px #3c88e4;
border-radius: 4px;
transition: 0.3s;
transform: translate3d(0, 0, 0);
text-align: center;
}

.youtube_box p a:hover {
background-color: #3c88e4;
}

.youtube_box p a em {
width: 260px;
height: 24px;
margin: -12px 0px 0px -130px;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
display:  inline-block;
font-style: normal;
text-decoration: none;
position: absolute;
top: 50%;
left: 50%;
background-image: url("img/youtube_1000x92_2.svg");
background-repeat: no-repeat;
background-position: 0px 0px;
background-size: 260px 24px;
transition: 0.3s;
transform: translate3d(0, 0, 0);
}

.youtube_box p a:hover em {
background-image: url("img/youtube_1000x92_2.svg");
}


/* --------------------------------------------- youtube_box  */




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