@charset "UTF-8";
/* CSS Document */

/* ==========================================================
 max-width: 999px
========================================================== */
@media screen and (min-width: 1px) and (max-width: 999px) {
	.box-float-in {
		width: auto;
		max-width: none;
		margin-left: 20px;
		margin-right: 20px;
	}
}

/* ==========================================================
 max-width: 959px
========================================================== */
@media screen and (min-width: 1px) and (max-width: 959px) {
	body {
		padding-top: 0;
	}
	header {
		position: static;
		border-top: none;
	}
	.header-in {
		position: fixed;
		top: 0;
		width: 100%;
		height: 50px;
		margin: 0;
		padding: 0;
		z-index: 50;
		/* display: block; */
	}
	.header-in h1 {
		/* width: calc(100% - 115px); */
		width: 100%;
		height: 28px;
		line-height: 28px;
		margin: 11px 0 11px 10px;
	}
	.header-in h1 img {
		margin-right: 8px;
	}
	.header-menu {
		border: none;
	}
	.header-tel-btn,
	.header-app-btn,
	.header-nav-btn {
		position: fixed;
		top: 0;
		width: 50px;
		height: 50px;
		line-height: 1;
		color: #fff;
		font-size: 10px;
		text-align: center;
		z-index: 50;
	}
	.header-tel-btn::before,
	.header-app-btn::before,
	.header-nav-btn::before {
		display: block;
		position: absolute;
		left: 50%;
		bottom: 8px;
		line-height: 1;
		transform: translateX(-50%);
	}
	.header-tel-btn,
	.header-app-btn {
		-webkit-transition: all 0.2s;
		transition: all 0.2s;
	}

    .header-tel-btn{
        right: 50px;
        padding-top: 6px;
        background: #283593;
    }

	.header-app-btn{
		right: 100px;
		background: #dfe0e1;
		padding: 4px;
	}

	.header-tel-btn span {
		display: block;
		width: 25px;
		height: 25px;
		margin: 0 auto 1px;
		background: url(../img/ico_tel_01.svg) no-repeat;
		background-size: contain;
	}

	.header-app-btn span {
		display: block;
		height: 40px;
		width: 40px;
		margin: 0 auto;
		background: url(../img/icon_go.png) no-repeat;
		background-size: contain;
	}

	.header-tel-btn::before {
		content: "TEL";
	}
	.header-nav-btn {
		right: 0;
		background: #3f51b5;
	}
	.header-nav-btn::before {
		content: "MENU";
	}
	.header-tel-btn span::before,
	.header-tel-btn span::after,
	.header-nav-btn span,
	.header-nav-btn span::before,
	.header-nav-btn span::after {
		display: block;
		position: absolute;
		left: 0;
		right: 0;
		width: 25px;
		height: 2px;
		margin: auto;
		background: #fff;
		-webkit-transition: all 0.2s;
    transition: all 0.2s;
		z-index: 50;
	}
	.header-tel-btn span::before,
	.header-tel-btn span::after {
		opacity: 0;
	}
	.header-tel-btn span::before,
	.header-tel-btn span::after,
	.header-nav-btn span {
		top: 18px;
	}
	.header-tel-btn span::before,
	.header-tel-btn span::after,
	.header-nav-btn span::before,
	.header-nav-btn span::after {
		content: "";
	}
	.header-nav-btn span::before {
		transform: translate(0, -6px);
	}
	.header-nav-btn span::after {
		transform: translate(0, 6px);
	}
	.header-nav-btn span {
		color: #000;
		z-index: 50;
	}
	.active-tel .header-tel-btn {
		color: #283593;
		background: #fff;
	}
	.active-nav .header-nav-btn {
		color: #3f51b5;
		background: #f8fafb;
	}
	.active-tel .header-tel-btn::before,
	.active-nav .header-nav-btn::before {
		content: "CLOSE";
	}
	.active-tel .header-tel-btn span::before,
	.active-tel .header-tel-btn span::after {
		background: #283593;
		opacity: 1;
	}
	.active-tel .header-tel-btn span::before {
		
		transform: rotate(45deg);
	}
	.active-tel .header-tel-btn span::after {
		transform: rotate(-45deg);
	}
	.active-nav .header-nav-btn span::before,
	.active-nav .header-nav-btn span::after {
		background: #3f51b5;
	}
	.active-tel .header-tel-btn span::before,
	.active-nav .header-nav-btn span::before {
		transform: rotate(45deg);
	}
	.active-tel .header-tel-btn span::after,
	.active-nav .header-nav-btn span::after {
		transform: rotate(-45deg);
	}
	.header-menu {
		position: fixed;
		-ms-flex-align: center;
		align-items: center;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		max-width: none;
		padding-top: 50px;
		visibility: hidden;
		z-index: 10;
		opacity: 0;
		-webkit-transition: all 0.2s;
		transition: all 0.2s;
	}

	.tel{
		pointer-events: auto;
	}

	.header-menu .tel a {
		-js-display: flex;
		display: -ms-flexbox;
		display: flex;
		position: relative;
		max-width: 350px;
		height: 50px;
		line-height: 1;
		margin: 0 auto 10px;
		padding: 0 10px 0 40px;
		letter-spacing: -1px;
		color: #000;
		text-align: left;
		background: #ffeb3b;
		border-radius: 4px;
	}
	.header-menu .tel a::before {
		content: "";
		display: block;
		position: absolute;
		top: 50%;
		left: 10px;
		width: 24px;
		height: 24px;
		background: no-repeat 50% 50%;
		background-size: contain;
		transform: translateY(-50%);
	}
	.header-menu .tel-taxi a {
		-ms-flex-pack: justify;
		justify-content: space-between;
		-ms-flex-align: center;
		align-items: center;
	}
	.header-menu .tel-taxi a::before {
		background-image: url("../img/ico_tel_03.svg");
	}
	.header-menu .tel-recruit a::before {
		background-image: url("../img/ico_recruit_04.svg");
	}
	.header-menu .tel-taxi a .sub {
		-ms-flex: 1;
		flex: 1;
		max-width: 120px;
		margin-left: 10px;
		line-height: 20px;
		letter-spacing: 0;
		color: #fff;
		font-size: 12px;
		text-align: center;
		background: #d50000;
		border-radius: 4px;
	}
	.header-menu .tel-recruit a {
		-ms-flex-direction: column;
		flex-direction: column;
		-ms-flex-pack: center;
		justify-content: center;
	}
	.header-menu .tel-recruit a .sub {
		display: block;
		margin-top: 7px;
		font-size: 12px;
	}

	.header-menu-nav .nav-01 {
		display: block;
		border-top: 1px solid #eee;
		border-left: none;
	}
	.header-menu-nav .nav-01 > li {
		border-bottom: 1px solid #eee;
		border-right: none;
	}
	.header-menu-nav .nav-01 li a {
		position: relative;
		height: auto;
		margin: 0;
		padding: 17px 0 17px 55px;
		line-height: 1;
		text-align: left;
	}
	.header-menu-nav .nav-01 li a::before,
	.header-menu-nav .nav-01 li a::after {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
	}
	.header-menu-nav .nav-01 li a:before {
		left: 20px;
		width: 24px;
		height: 24px;
		margin: 0;
	}
	.header-menu-nav .nav-01 li a::after {
		content: "";
		display: block;
		right: 20px;
		width: 18px;
		height: 18px;
		background: url("../img/ico_arrow_04.svg") no-repeat;
		background-size: contain;
	}

	.header-menu-nav li.has-child ul,
	.header-menu-nav li.has-child ul ul{
		position: relative;
		left:0;
		top:0;
		width:100%;
		visibility:visible;
		opacity:1;
		display: none;
		transition:none;
	}

	.header-menu-nav .nav-01 li.has-child ul li a::after{
		background: none;
		display: inline-block;
		vertical-align: middle;
		line-height: 1;
		width: 6.3px;
		height: 6.3px;
		border: 1.5px solid currentColor;
		border-left: 0;
		border-bottom: 0;
		box-sizing: border-box;
		transform: translateX(-25%) rotate(45deg);
		right: 25px;
	}

	.header-menu-nav .nav-01 li.has-child a.ico-taxi-02::after{
		content: "";
		display: block;
		top: 16px;
		right: 20px;
		width: 18px;
		height: 18px;
		background: url("../img/ico_arrow_04.svg") no-repeat;
		transform: rotate(90deg);
		background-size: contain;
		transition: all .2s ease-out;
	}

	.header-menu-nav .nav-01 li.has-child.active a.ico-taxi-02::after{
		transform: rotate(-0.25turn);
	}

	.header-menu-nav .nav-02 {
		display: block;
		position: static;
		width: 100%;
		border: none;
	}
	.header-menu-nav .nav-02 a {
    font-size: 14px;
	}
	.header-menu-nav .nav-02 a::before {
    content: "";
    display: block;
    background-size: contain;
	}
	.header-menu-nav p {
		margin: 10px 10px 0 20px;
		font-size: 0;
		text-align: left;
	}
	.header-menu-nav p a {
		display: inline-block;
		margin: 0 10px 6px 0;
		font-weight: 500;
		text-decoration: underline;
	}
	.open .header-menu {
		visibility: visible;
		opacity: 1;
	}
	.header-menu-tel,
	.header-menu-nav {
		display: none;
		-webkit-transition: all 0.2s;
		transition: all 0.2s;
	}
	.header-menu-tel {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 100%;
		padding: 0 15px;
		transform: translate(-50%, -50%);
	}
	.active-tel .header-menu {
		background: #283593;
	}
	.active-tel .header-menu-tel,
	.active-nav .header-menu-nav {
		display: block;
	}

	.area-main-02,
	.area-main-01 .sec-cmn-01-in,
	.sec-cmn-02-in,
	.nav-breadcrumb {
		width: auto;
	}
	.area-main-01 .sec-cmn-01-in,
	.sec-cmn-02-in {
		margin: 0 20px;
	}
	.area-main-01 {
		margin-top: 50px;
	}
	.area-main-02 {
		margin: 0 20px;
	}
	.nav-breadcrumb {
		margin: 50px 0 45px;
		padding: 5px 20px 6px;
		background: #f5f5f5;
	}
	body.income .nav-breadcrumb,
	body.income-child .nav-breadcrumb,
	body.interview-child .nav-breadcrumb,
	body.rideshare .nav-breadcrumb {
		position: static;
		margin-bottom: 0;
		transform: none;
	}

	.recruit .nav-breadcrumb {
		width: 100%;
		margin: 0;
		left: 0;
    transform: none;
	}
	.recruit-link-02 figure {
		width: 40%;
	}
	.recruit-link-02 figcaption {
		width: calc(60% - 20px);
	}
	.txt-bal-01,
	.txt-bal-02-in {
		padding: 15px 0;
	}
	.txt-bal-01 {
		font-size: 24px;
	}
	.ttl-bal-01 {
		margin-bottom: 50px;
		font-size: 20px;
	}
	.box-color-02 {
		padding: 40px 30px 30px;
	}
	.box-tel-01 {
		display: block;
		height: auto;
		padding: 20px 0;
		background: #3f51b5;
	}
	.box-tel-01 h4 {
		margin-bottom: 15px;
	}
	/*.box-tel-01 a {
		padding: 0;
		font-size: 52px;
	}
	.box-tel-01 a:before {
		display: inline-block;
		position: relative;
		top: 32px;
		width: 52px;
		height: 52px;
		margin-right: 10px;
		background-size: 34px;
	}*/
	.table-cmn-02 td {
		width: calc(100% - 100px);
	}
	.table-cmn-02 .table-td-01 {
		width: 100px;
	}
	.recruit-link-01 a figcaption {
		padding-right: 15px;
	}

	.outer{
		padding: 10px;
		border: 1px solid #e0e0e0
	}


}

/* ==========================================================
 width: 500 - 959px
========================================================== */
@media screen and (min-width: 600px) and (max-width: 959px) {
	.header-in h1 {
		font-size: 20px;
	}
	.header-menu-nav li a {
		font-size: 16px;
	}
	.header-menu-nav p a {
		font-size: 14px;
	}
	.list-cmn-01 .figure-cmn-01 {
		width: 40%;
	}
	.list-cmn-01 figure + div {
		margin-left: 20px;
	}
	.list-cmn-02 li {
		width: calc(50% - 10px);
	}
	.box-tel-01 div {
		width: 80%;
		margin: 0 auto;
	}
	.recruit .sec-recruit-top h2 {
		font-size: 50px;
	}
	.recruit .sec-recruit-top img {
		top: -40px;
		width: 70%;
	}
	.single-news .box-cmn-01 > figure {
		max-width: 50%;
	}
	.single-news .box-cmn-01 > div {
		width: calc(50% - 20px);
	}
	

}

/* ==========================================================
 max-width: 799px
========================================================== */
@media screen and (min-width: 1px) and (max-width: 799px) {
	.frame-cmn-01 {
		position: relative;
		width: 100%;
		padding: 56.25% 0 0 0;
	}
	.frame-cmn-01 iframe {
		position: absolute;
		top: 0;
		left: 0;
	}
	.footer {
		margin: 60px 15px 15px;
	}
	.footer-tel {
		background: #f8fafb;
		border: none;
	}
	.footer-kokotaxi {
		width: 100%;
		margin-top: 60px;
		padding: 30px 0;
		letter-spacing: -1px;
		font-size: 16px;
		text-align: center;
	}
	.footer-kokotaxi h2,
	.footer-kokotaxi h3,
	.footer-kokotaxi ul {
		float: none;
	}
	.footer-kokotaxi h2 {
		margin: 0 auto;
	}
	.footer-kokotaxi p {
		margin: 20px 0;
	}
	.footer-kokotaxi h3 {
		margin: 0 auto 20px;
	}
	.footer-in {
		display: block;
		padding: 0;
		text-align: center;
	}
	.footer-in .footer-logo {
		margin: 0 0 20px;
		padding: 0;
		border: none;
	}
	.footer-in .footer-copy {
		line-height: inherit;
		font-size: 10px;
		text-align: center;
	}
	.footer-tel {
		margin: 0 -20px 30px;
	}
	.txt-sub-01,
	.txt-sub-02,
	.txt-sub-03 {
		line-height: 1.6;
		font-weight: 700;
	}
	.txt-sub-02 span {
    font-size: 16px;
	}
	.list-line-01 dt {
		float: none;
	}
	.list-line-01 dt:first-of-type {
		border-top: 1px dotted #666;
	}
	.list-line-01 dd,
	.ico-schedule-03 + .list-line-01 dd {
		padding: 0 0 15px;
	}
	.list-line-01 dd:first-of-type {
		border-top: none;
	}
	.link-cmn-02 {
		position: static;
		margin-top: 10px;
		text-align: right;
	}
	.link-tel {
		color: #0033cc;
		pointer-events: auto;
		text-decoration: underline;
	}
	.txt-sub-02 .link-tel {
		color: #00bfa5;
	}
	.box-clm-01 {
		display: block;
	}
	.box-clm-01 .box-clm-in-01,
	.box-clm-01 .box-clm-in-02,
	.box-clm-01 .box-clm-in-03 {
		width: 100%;
	}
	.box-clm-01 .box-clm-in-02 {
		margin-top: 60px;
	}
	.box-clm-01 .box-clm-in-03 + .box-clm-in-03 {
		margin-top: 20px;
	}
	.sec-top-01.sec-banner,
	.sec-banner a {
		width: auto;
		max-width: 100% ;
	}
	.box-interview-in {
		padding: 0 30px;
	}
	.box-interview-in .ttl-cmn-08 {
		letter-spacing: 0;
	}
	
}
/* ==========================================================
 max-width: 599px
========================================================== */
@media screen and (min-width: 1px) and (max-width: 599px) {
	body {
		padding-bottom: 50px;
		font-size: 14px;
	}
	.header-in h1 {
		font-size: 12px;
	}
	.header-menu-nav p a {
		font-size: 10px;
	}
	.footer-tel .footer-tel-box {
		top: -3px;
	}
	.footer-kokotaxi li {
		display: block;
		margin: 15px auto 0;
	}
	.footer-tel a {
		height: auto;
	}
	.footer-tel .footer-tel-box {
		top: auto;
		margin: 5px 0 0;
	}
	.footer-tel .footer-tel-txt {
		display: block;
		margin-bottom: 10px;
	}
	.footer-tel .footer-tel-number {
		display: block;
		margin: 0;
	}
	.sec-cmn-01 + .sec-cmn-01 {
		margin-top: 60px;
	}
	.txt-bal-01,
	.txt-bal-01-2 {
		max-width: none;
		padding: 15px;
		font-size: 20px;
		text-align: left;
		border-radius: 10px !important;
	}
	.txt-bal-02-in,
	.txt-bal-03 {
		max-width: none;
		height: 76px;
		border-radius: 38px;
	}
	.txt-bal-02-in {
		-js-display: flex;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: center;
		align-items: center;
		-ms-flex-pack: justify;
		justify-content: center;
		margin: 25px 5px 76px 10px;
		padding: 0;
		font-size: 14px;
	}
	.txt-bal-02-in:after {
		bottom: -51px;
		width: 36px;
		height: 36px;
	}
	.txt-bal-03 {
		padding: 15px 0 0;
		font-size: 16px;
	}
	.ttl-cmn-01,
	.ttl-cmn-02,
	.ttl-cmn-03,
	.ttl-cmn-06,
	.ttl-cmn-07,
	.ttl-cmn-08,
	.txt-sub-01 {
		font-size: 20px;
	}
	.txt-sub-01.s-ta-c.s-mt-80 {
		margin-top: 50px !important;
	}
	.txt-sub-01.s-ta-c.s-mt-80 + .txt-sub-01 {
		margin-top: 10px;
	}
	.area-main-02 .ttl-cmn-01 {
		margin-bottom: 40px;
	}
	.ttl-cmn-02 {
		margin-bottom: 30px;
	}
	.ttl-cmn-10 {
		margin: 30px 0 15px;
		font-size: 20px;
	}
	.list-cmn-01 > li,
	.list-cmn-02,
	.list-cmn-03 {
		display: block;
	}
	.list-cmn-01 .figure-cmn-01,
	.list-cmn-02 li,
	.list-cmn-03 li {
		width: 100%;
	}
	.list-cmn-01 > li {
		margin-bottom: 50px;
	}
	.list-cmn-01 .figure-cmn-01 {
		margin-bottom: 30px;
	}
	.list-cmn-01 figure + div {
		margin: 0;
	}
	.list-cmn-02 li {
		margin-top: 40px;
	}
	.list-cmn-03 li {
		margin-top: 20px;
	}
	.list-def-01 dt,
	.list-def-01 dd {
		width: 100% !important;
		padding: 15px;
		border-bottom: 1px solid #e0e0e0;
	}
	.list-def-01 dd {
		border-left: none;
	}
	.box-float-in {
		padding: 5px;
		margin-left: 0;
		margin-right: 0;
	}
	.box-float-in .btn-schedulelist,
	.box-float-in .btn-guideline {
		width: calc(50% - 2px);
		height: 40px;
		font-size: 14px;
	}
	.box-taxi-01,
	.box-taxi-02 {
		display: block;
	}
	.box-taxi-01 .box-in,
	.box-taxi-02 .box-in {
		width: 100%;
		margin-top: 15px;
	}
	.box-taxi-02 .box-in {
		padding-left: 20px;
	}
	.box-taxi-02 .box-in  .txt-wrap {
		padding-left: 100px;
	}
	.box-taxi-02 .box-in  .btn-wrap {
		margin-top: 20px;
		text-align: center;
	}
	.box-taxi-02 .box-in figure {
		width: 80px;
	}
	.box-taxi-02 .box-in .btn-wrap a {
		display: block;
		width: 175px;
		margin: 10px auto 0 !important;
	}
	.company .list-dot-01 li {
		margin: 0 0 10px;
		padding-bottom: 10px;
		list-style-position: inside;
		border-bottom: 1px dotted #666;
	}
	.company .list-dot-01.s-mb-10 span:nth-of-type(1) {
		font-weight: 700;
	}
	.company .list-dot-01.s-mb-10 span:nth-of-type(2),
	.company .list-dot-01.s-mb-10 span:last-of-type {
		max-width: none;
		width: 50%;
	}
	.company .list-dot-01.s-mb-10 span:last-of-type {
		display: inline-block;
		text-align: right;
	}
	li.ico-flow-01:not(:last-of-type):before {
		left: 50%;
		transform: translateX(-50%);
	}
	.box-color-01 {
		padding: 20px 15px;
	}
	.box-color-02 {
		padding: 30px 15px;
	}
	.box-color-in {
		padding: 15px;
	}
	.box-tel-01 {
		padding: 15px 0;
	}
	.box-tel-01 div {
		width: auto;
		margin: 0 10px;
	}
	.box-tel-01 h4 {
		font-size: 12px;
		border-bottom-width: 2px;
	}
	.box-tel-01 a img {
		margin: 0 15px;
	}
	.btn-cmn-01,
	.btn-cmn-02,
	.btn-cmn-04,
	.btn-cmn-05 {
		padding-bottom: 1px;
		font-size: 16px;
		letter-spacing: -1px;
		background-size: 16px;
	}
	.btn-cmn-06 {
		max-width: 80%;
		height: 50px;
		line-height: 50px;
		margin-top: 30px;
		background-size: 16px;
	}
	.btn-cmn-07 {
		width: 100%;
	}
	.btn-wrap {
		margin-bottom: -30px;
	}
	.btn-wrap .btn-cmn-01 + .btn-cmn-01,
	.btn-wrap .btn-cmn-06 + .btn-cmn-06 {
		margin-top: 10px;
	}

	.btn-cmn-01{
		max-width: 335px;
	}

	.btn-cmn-01.ride{
		font-size: 15px;
	}

	.btn-tel-01 {
		display: block;
		height: 40px;
		line-height: 40px;
		margin: 15px 0 5px;
		color: #000;
		font-size: 18px;
		font-weight: 700;
		text-align: center;
		text-decoration: none;
		border-radius: 20px;
		background: #ffeb3b;
	}
	
	.box-form {
		margin-bottom: 30px;
		padding: 15px;
	}
	.box-form .ttl-cmn-07 {
		font-size: 18px;
	}
	.box-form dl dd {
		width: calc(100% - 50px);
	}
	.box-form dl dt,
	.box-form dl dd {
		margin: 0 0 10px;
	}
	.box-form *[class^="form-cmn-0"] {
		padding: 10px;
	}
	.box-form .form-cmn-01,
	.box-form .form-cmn-03 {
		width: 100%;
	}
	.box-form .form-cmn-02 {
		width: 25% !important;
	}
	.mw_wp_form .btn-cmn-04,
	.mw_wp_form .btn-cmn-05 {
		display: block;
		margin: 0 auto 10px;
	}
	.mw_wp_form .s-mb-60.s-ta-c {
		margin-bottom: 30px !important;
	}
	.box-form .mwform-checkbox-field.horizontal-item,
	.box-form .mwform-radio-field.horizontal-item {
		display: block;
	}
	.mw_wp_form .box-form .horizontal-item + .horizontal-item {
		margin: 0;
	}
	.table-cmn-02 + p .btn-cmn-03 {
		width: 100%;
	}
	.recruit .sec-recruit-top {
		height: auto;
		padding-bottom: 30px;
	}
	.recruit .sec-recruit-top h2 {
		margin-bottom: 25px;
		padding-top: 230px;
		font-size: 32px;
		letter-spacing: -1px;
	}
	.recruit .sec-recruit-top .btn-cmn-04 {
		width: auto;
		margin: 0 25px;
	}
	.recruit .sec-recruit-top img {
		top: -40px;
		width: 90%;
	}
	.txt-comment-02 {
		left: 0;
		top: 125px;
		bottom: auto;
		max-width: 560px;
		padding: 10px 10px 10px 15px;
		letter-spacing: -0.2px;
		font-size: 14px;
		text-align: left;
	}
	.single-news .box-cmn-01 {
		display: block;
	}
	.single-news .box-cmn-01 > figure,
	.single-news .box-cmn-01 > div {
		width: 100%;
		max-width: none;
	}
	.single-news .box-cmn-01 > figure {
		margin-bottom: 20px;
	}
	/*.table-cmn-01 th,
	.table-cmn-01 td {
		display: block;
	}
	.table-cmn-01 .table-th-01,
	.table-cmn-01 .table-th-02,
	.table-cmn-01 .table-th-03,
	.table-cmn-01 .table-th-04 {
		width: 100% !important;
	}*/
	
	.timetable-model li {
		padding-bottom: 20px;
	}
	.timetable-model li h4 {
		float: none;
	}
	.timetable-model li p {
		padding: 0 0 0 35px;
		/* font-size: 16px; */
	}
	.timetable_test .box-color-02 .ttl-cmn-06 {
		margin-bottom: 30px;
	}
	.timetable-meet li {
		display: block;
	}
	.timetable-meet li h4 {
		margin: 0 auto 15px;
	}

	.experience .img-experience-01 {
		margin-top: -10%;
	}
	.experience .img-experience-02 {
		right: 5%;
		width: 35%;
	}
	.experience .sec-cmn-01 h3 + p {
		font-size: 16px;
		text-align: left;
	}
	.experience .list-cmn-02 {
		margin: 40px 0;
	}
	.experience .list-cmn-02 li {
		width: 100%;
	}

	.box-interview .link-hover,
	.box-interview-in {
		display: block;
	}
	.box-interview figure,
	.box-interview-in {
		width: auto;
	}
	.box-interview-in {
		padding: 15px 0 0;
		background: none;
	}
	.box-interview-in .ttl-cmn-08 {
		margin-bottom: 10px;
	}
	.box-interview-in p {
		text-align: right;
	}
	.box-interview-in .txt-cmn-04 {
		margin-bottom: 20px;
	}

	.more {
		position: relative;
	}
	.more::after {
		content: "";
		position: absolute;
		top: 50%;
		right: 10px;
		width: 18px;
		height: 18px;
		margin-top: -9px;
		background: url(../img/ico_arrow_05.svg) no-repeat;
		background-size: contain;
	}
	.more.is-active::after {
		transform: rotateX(180deg);
	}
	.more + * {
		display: none;
	}

	body.income .txt-bal-01 {
		font-size: 18px;
		text-align: center;
	}
	.img-income .img-01 {
		width: 100%;
	}
	body.income .list-cmn-03 h4 {
		margin: 15px 0 10px;
    font-size: 18px;
	}

	.ttl-main {
    margin-bottom: 60px;
	}
	.ttl-main h2 {
		font-size: 24px;
	}
	.ttl-main h2 .sub {
    margin-bottom: 10px;
	}
	body.interview-child .ttl-main,
	body.income-child .ttl-main {
		display: block;
    height: auto;
		padding: 40px 0 100vw 20px;
    background-position: left bottom;
	}
	body#interview01 .ttl-main {
		background-image: url("../img/interview/img_interview_01_main_sp.jpg");
	}
	body#interview02 .ttl-main {
		background-image: url("../img/interview/img_interview_02_main_sp.jpg");
	}
	body#interview03 .ttl-main {
		background-image: url("../img/interview/img_interview_03_main_sp.jpg");
	}
	body#voice01 .ttl-main {
		background-image: url("../img/income/img_voice_01_main_sp.jpg");
	}
	body#voice02 .ttl-main {
		background-image: url("../img/income/img_voice_02_main_sp.jpg");
	}
	body.interview-child .area-main-02 .box,
	body.income-child .area-main-02 .box {
		display: block;
	}
	body.interview-child .area-main-02 .box .figure-cmn-01,
	body.income-child .area-main-02 .box .figure-cmn-01 {
		width: calc(100% + 40px);
		margin: 0 -20px 25px !important;
	}
	body.interview-child .area-main-02 .box-in,
	body.income-child .area-main-02 .box-in {
    max-width: none;
	}
	body.interview-child .area-main-02 .box .ttl-cmn-03,
	body.income-child .area-main-02 .box .ttl-cmn-03 {
    font-size: 20px;
	}
	body.interview-child .area-main-02 .box + .box,
	body.income-child .area-main-02 .box + .box {
    margin-top: 40px;
	}
	body.income .area-main-02 .ttl-cmn-01 {
    margin-bottom: 70px;
	}

	body.rideshare .area-main-01 img.only-sp[src$=".svg"] {
		display: block !important;
	}
	body.rideshare .area-main-01 .sec-cmn-01 {
		font-size: 16px;
	}
	body.rideshare .sec-bl {
		padding: 60px 0;
		border-radius: 0;
	}
	body.rideshare .ttl-cmn-09 .en {
    height: 14px;
    margin-bottom: 20px;
	}
	body.rideshare .sec-cmn-01:not(.sec-02) .ttl-cmn-09 .ja {
    height: 26px;
	}
	body.rideshare .sec-cmn-01.sec-02 .ttl-cmn-09 .ja {
    height: 58px;
	}
	body.rideshare .sec-01 p {
		margin: 30px 20px 0;
		line-height: 1.85;
	}
	body.rideshare .sec-03 .sec-cmn-01-in > p {
		margin-top: 30px;
	}
	body.rideshare .sec-05 .ttl-cmn-03 {
    margin-bottom: 30px;
    font-size: 28px;
	}
	.list-rideshare-01,
	.list-rideshare-02,
	.list-rideshare-03 {
    margin-top: 40px;
	}
	.list-rideshare-01 .item,
	.list-rideshare-02 .item {
		padding: 40px 30px;
	}
	.list-rideshare-01 .item + .item,
	.list-rideshare-02 .item + .item {
		margin-top: 10px;
	}
	.list-rideshare-01 {
		display: block;
	}
	.list-rideshare-01 .item,
	.list-rideshare-02 .item .detail,
	.list-rideshare-03 .item .detail {
    width: auto;
	}
	.list-rideshare-01 .item .ttl img,
	.list-rideshare-02 .item:not(:nth-of-type(2)) .ttl img {
    height: 54px;
	}
	.list-rideshare-01 .item .img {
    margin: 30px auto 20px;
	}
	.list-rideshare-01 .item p {
		margin: 0;
	}
	.list-rideshare-02 .item {
		-ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
	}
	.list-rideshare-02 .item .ttl {
    margin: 20px 0;
	}
	.list-rideshare-02 .item:nth-of-type(1) .img {
		margin-top: -10px;
	}
	.list-rideshare-02 .item .ttl img{
		margin: 0 auto;
	}
	.list-rideshare-02 .item:nth-of-type(2) .ttl img {
		height: 79px;
	}
	.list-rideshare-03 .item {
		-ms-flex-direction: column;
		flex-direction: column;
		padding: 30px 30px 40px;
	}
	.list-rideshare-03 .item::before {
    width: 50px;
    height: 50px;
    background-size: 18px;
	}
	.list-rideshare-03 .item + .item::after {
    width: 80px;
    height: 14px;
	}
	.list-rideshare-03 .item .ttl img {
		height: 60px;
		margin: 0 auto;
	}
	.list-rideshare-03 .item:nth-of-type(1) .ttl img {
		height: 20px;
	}
	.list-rideshare-03 .item .detail {
		order: 2;
	}
	.list-rideshare-03 .item .img {
    position: static;
		margin: 20px auto 30px;
    transform: none;
		order: 1;
	}
	.list-rideshare-03 .item:nth-of-type(3) .img {
		width: 260px;
	}
	body.rideshare .area-main-01 .txt-sub-01 {
		margin: auto -20px -10px;
	}
	body.rideshare .area-main-01 .btn-cmn-02 {
    height: 60px;
    line-height: 58px;
    border-radius: 30px;
    font-size: 20px;
	}

	body.page .bnr-01 {
		margin: 60px 20px 0;
	}

	body.care-taxi .group .tel{
		text-decoration: underline;
	}

}

/* ==========================================================
 max-width: 360px
========================================================== */
@media screen and (min-width: 1px) and (max-width: 360px){
	h1 span{
		display: none;
	}
}

/* ==========================================================
 max-width: 340px
========================================================== */
@media screen and (min-width: 1px) and (max-width: 340px) {
	.btn-cmn-01,
	.btn-cmn-02,
	.btn-cmn-04,
	.btn-cmn-05 {
		padding: 0 20px 1px;
	}
	.footer-kokotaxi img {
		width: 90%;
	}
}