@charset "utf-8";
/*==================================================
	タブレットのみ適応
==================================================*/
@media only screen and (max-width: 768px) and (min-width: 641px){
	.dsp_smt { display: none; }
	#footer .contact .txt span {
		display: inline-block;
		margin-left: 10px;
	}
}
/*==================================================
	タブレット・スマホに適応
==================================================*/
@media only screen and (max-width: 768px) {
	.dsp_hp { display: none; }

	/* ヘッダ */
	#header {
		overflow: hidden;
		height: auto;
		padding: 0;
		background: #faf9f4;
	}
	#header h1 {
		text-align: right;
		width: 100%;
		color: #999;
		font-size: 10px;
		line-height: 1;
	}
	#header p.title {
		height: 50px;
		padding-left: 10px;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
	#header p.title span {
		font-size: 10px;
		margin-top: 10px;
	}
	#header p.title img {
		width: auto;
		max-height: 40px;
	}
	#sticky {
		position: relative;
		z-index: 9997;
	}
	#sticky.sticky {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		background: #faf9f4;
		box-shadow: 0 0 5px rgba(0,0,0,0.2);
	}
	/* お問い合わせ */
	#header .contact {
		position: relative;
	}
	#header .contact .tel,
	#header .contact .btn {
		position: absolute;
		top: 0;
		right: 90px;
		display: block;
		width: 24px;
		height: 50px;
		padding: 0 11px;
		/* 縦方向中央揃え */
		display: -webkit-flex;
		display: flex;
		-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
		align-items: center; /* 縦方向中央揃え */
		-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
		justify-content: center; /* 横方向中央揃え */
	}
	#header .contact .btn {
		right: 44px;
	}
	#header .contact .txt,
	#header .contact .tel span,
	#header .contact .tel_txt,
	#header .contact .btn span {
		display: none;
	}
	/* コンテナ */
	#container h3.sub {
		margin-bottom: 30px;
		font-size: 20px;
	}
	.main {
		padding-left: 15px;
		padding-right: 15px;
	}
	#main, #navi {
		clear: both;
		padding-bottom: 30px;
	}
	/* フッター */
	#footer .contact {
		min-height: auto;
	}
	#footer .contact .wrapper {
		position: relative;
		width: 100%;
	}
	#footer .contact .tel_wrapper {
		padding-left: 105px;
	}
	#footer .contact .image {
		width: 100px;
	}
	#footer .contact .circle {
		width: 46px;
		height: 46px;
		margin-right: 10px;
	}
	#footer .contact .circle .free {
		width: 30px;
	}
	#footer .contact .txt {
		font-size: 14px;
	}
	#footer .contact .tel_txt {
		font-size: 28px;
		margin-right: 10px;
	}
	#footer .contact .footer_line {
		padding: 5px 10px;
		box-sizing:border-box;
	}
	#footer .contact .footer_line p {
		font-size: 13px;
	}
	#footer .box {
		padding: 30px 10px;
		box-sizing:border-box;
	}
	#footer .box .address {
		margin-right: 30px;
	}
	#footer .box .service {
		width: auto;
		height: auto;
	}
	#footer .box .service .txt {
		padding-left: 10px;
	}
	#footer .box .service .txt p {
		font-size: 12px;
	}
	#footer .box .cashless {
		padding: 0 15px;
	}
	#copyright {
		height: 30px;
		line-height: 30px;
	}
	/* パンくずリスト */
	#page_navi {
		margin-bottom: 20px;
		padding-top: 15px;
		font-size: 11px;
	}
	/* 枠のマージン・パディング */
	.mb { margin-bottom: 40px; }
	.pt { padding-top: 40px; }
	.pb { padding-bottom: 40px; }
	/* アンカーリンク用上部スペース */
	.pad_anchor {
		margin-top: -50px;
		padding-top: 50px;
	}
	/*--------------------------------------------------
		トップページ
	--------------------------------------------------*/
	/*メニュー（上段）*/
	#top_menu01 {
		padding-bottom: 70px;
	}
	#top_menu01 .h3_inner {
		margin-bottom: 20px;
	}
	#top_menu01 .h3_inner img {
		width: 51px;
	}
	#top_menu01 h3.headline {
		font-size: 16px;
	}
	#top_menu01 h3.headline span {
		font-size: 24px;
	}
	#top_menu01 .box01 li {
		width: 23%;
	}
	#top_menu01 .box01 li img {
		margin-bottom: 8px;
	}
	#top_menu01 .box01 li p {
		font-size: 13px;
	}
	/*メニュー（下段）*/
	#top_menu02 {
		padding-bottom: 70px;
	}
	#top_menu02 .box01 li {
		width: 48%;
	}
	#top_menu02 .box01 li img {
		margin-bottom: 10px;
	}
	#top_menu02 .box01 li h4.headline {
		font-size: 22px;
		margin-bottom: 15px;
	}
	/*--------------------------------------------------
	  転院・入退院
	--------------------------------------------------*/
	/*入退院・転院・通院・一時帰宅、当社にご相談ください！*/
	#hospitalization_about h3.headline {
		font-size: 24px;
	}
	#hospitalization_about .txt01 {
		text-align: center;
		font-size: 18px;
		line-height: 2;
	}
	#hospitalization_about .box {
		padding: 30px 25px;
	}
	#hospitalization_about .box01 {
		margin-bottom: 40px;
	}
	#hospitalization_about .box .photo01 {
		width: 40%;
		margin-left: 15px;
	}
	#hospitalization_about .txt05 {
		text-align:left;
		font-size: 18px;
		width: calc( 100% - 195px );
	}
	#hospitalization_about .box .inner02 .photo02 {
		width: 180px;
		min-width: 180px;
		margin-left: 15px;
	}
	#hospitalization_about .box .photo03 {
		position: absolute;
		right: 30px;
		bottom:30px;
	}
	/*装備品*/
	#hospitalization_equipment {
		padding-bottom: 40px;
	}
	#hospitalization_equipment h3.sub {
		font-size: 20px;
	}
	#hospitalization_equipment .ul01 li {
		width: 32%;
		margin-bottom: 30px;
	}
	#hospitalization_equipment .ul01 li p {
		line-height:50px;
		padding: 0 10px;
		font-size: 16px;
	}
	/*--------------------------------------------------
	福祉車両販売・買取
--------------------------------------------------*/
	#lease .box {
		padding: 30px 25px;
	}
	#lease .box .inner01 {
		margin-bottom: 20px;
	}
	#lease .box .photo01 {
		width: 52%;
	}
	#lease .txt03 {
		margin-right: 340px;
		line-height: 1.2;
	}
	#lease .txt04 {
		margin-right: 370px;
		margin-bottom: 5px;
		font-size: 22px;
	}
	#lease .box .wrap {
		margin-right: 380px;
	}
	/*kaitori*/
	#lease .kaitori {
		margin-top: 30px;
    margin-bottom: 80px;
	}
	#lease .kaitori .msg_txt01 {
		font-size: 26px;
	}
	#lease .kaitori .msg_txt01 span {
		font-size: 30px;
	}
	#lease .kaitori .msg_txt02 {
		font-size: 18px;
	}
	/*福祉車輌リース*/
	#lease .lease_about .lease_txt01 {
		font-size: 14px;
		margin-bottom: 40px;
	}
	#lease .lease_about .txt_area01 {
		background-size: 80px auto;
	}
	#lease .lease_about .box01 {
		padding: 30px 20px;
	}
	#lease .lease_about .box01 img {
		width: 25%;
		min-width: 25%;
		margin-left: 3%;
	}
	#lease .lease_about .box01 .txt_area {
		width: 72%;
	}
	#lease .lease_about .lease_dl01 {
		width: 100%;
		margin-top: 15px;
		border-bottom: 5px dotted #ccc;
		padding-bottom: 15px;
	}
	#lease .lease_about .lease_dl01 dt {
		font-size: 13px;
		min-width: 40px;
		width: 40px;
		height: 40px;
	}
	#lease .lease_about .lease_dl01 dt span {
		font-size: 16px;
		margin-bottom: -4px;
	}
	#lease .lease_about .lease_dl01 dd {
		padding-left: 10px;
	}
	#lease .lease_about .lease_dl01 dd span {
		line-height:40px;
		font-size: 17px;
	}
	#lease .lease_about .point {
		font-size: 22px;
	}
	/*--------------------------------------------------
		女性ヘルパー付添
	--------------------------------------------------*/
	/*女性ヘルパーさん付き添い可能です‼*/
	#helper_about h3.headline {
		font-size: 20px;
		margin-bottom: 45px;
	}
	#helper_about .box {
		padding: 40px 35px;
		box-sizing:border-box;
	}
	#helper_about .box .photo01 {
		right: 10px;
		top: -100px;
		height: 100px;
	}
	#helper_about .box .inner01 li {
		width: 48%;
		line-height: 48px;
		font-size: 15px;
	}
	#helper_about .box .inner02 {
		position: relative;
		width: calc(100% - 180px );
	}
	#helper_about .box .inner02 .ul01 {
		margin-bottom: 30px;
	}
	#helper_about .box .inner02 .ul01 li {
		width: 150px;
		height: 150px;
		margin-right: 15px;
	}
	#helper_about .box .inner02 .ul01 li img {
		margin-bottom: 10px;
		height: 70px;
	}
	#helper_about .box .inner02 .ul01 li span {
		font-size: 16px;
		font-weight: bold;
	}
	#helper_about .box .photo02 {
		width: 170px;
		right: 10px;
		bottom: 5px;
	}
	#helper_about .box .inner02 .txt01 {
		position: relative;
		display: block;
		background: #d7e477;
		line-height:2;
		padding: 10px;
		text-align: left;
		border-radius: 15px;
		margin-bottom: 0;
		font-size: 14px;
	}
	#helper_about .box .inner02 .txt01:after {
		position: absolute;
		content: '';
		width: 0;
		height: 0;
		top: 50%;
		transform: translateY(-50%);
		right:-10px;	
		border-style: solid;
		border-width: 7px 0 7px 11px;
		border-color: transparent transparent transparent #d7e477;
	}
	/*Q＆A*/
	#helper_faq {
		position: relative;
		margin-bottom: 100px;
	}
	#helper_faq h3.sub {
		font-size: 28px;
	}
	#helper_faq .faq {
		border-bottom: 1px dotted #b2b2b2;
		margin-bottom: 25px;
	}
	#helper_faq .faq dt {
		position: relative;
		background-image: url("../img/helper/faq_bg.png");
		background-position: left top;
		background-repeat: repeat;
		font-size: 16px;
		font-weight: bold;
		padding: 15px;
		box-sizing:border-box;
		margin-bottom: 10px;
	}
	#helper_faq .faq dt::before {
		display: inline-block;
		content: 'Q';
		font-size: 22px;
		font-weight: bold;
		width: 32px;
		line-height: 32px;
		background: #d7e477;
		text-align: center;
		color: #fff;
		border-radius:50%;
		margin-right: 15px;
	}
	#helper_faq .faq dd {
		position: relative;
		font-size: 16px;
		font-weight: bold;
		padding: 15px;
		box-sizing:border-box;
		color: #1c9fd9;
		padding-left: 62px;
	}
	#helper_faq .faq dd::before {
		position: absolute;
		left: 15px;
		display: inline-block;
		content: 'A';
		font-size: 22px;
		font-weight: bold;
		width: 32px;
		line-height: 32px;
		background: #1c9fd9;
		text-align: center;
		color: #fff;
		border-radius:50%;
		margin-right: 15px;
		text-indent: 0;
		padding-left: 0;
		top: 10px;
	}
	#private_contact .box01{
		flex-wrap: wrap;
	}
	/*--------------------------------------------------
		会社概要・お問合せ
	--------------------------------------------------*/
	/*会社概要*/
	#about_outline h3.sub {
		font-size: 20px;
	}
	#about_outline .box01 .left {
		width: auto;
		margin-right: 15px;
	}
	#about_outline .center,
	#about_outline .right {
		width: auto;
	}
	#about_outline .center {
		margin-right: 15px;
	}
	/*介護タクシーご利用の流れ*/
	#about_flow h3.sub {
		font-size: 20px;
	}
	#about_flow .ul01 li {
		width: calc( 100% - 60px );
		margin-right: 20px;
	}
	#about_flow .ul01 li:after {
		right: -20px;
		top: 70px;
		transform: translateY(-50%);
		border-width: 30px 0 30px 20px;
	}
	#about_flow .ul01 .txt_area {
		padding: 10px;
		font-size: 15px;
		line-height: 2;
	}
	#about_flow .txt01 {
		font-size: 22px;
	}
	#about_flow .txt02 {
		font-size: 22px;
	}
	/*お問合せ*/
	#about_contact {
		padding-bottom: 70px;
	}
	#about_contact h3.sub {
		font-size: 20px;
	}
	#about_contact .txt01 span {
		font-weight: bold;
		color: #6cc854;
	}
	/*お問合せフォーム*/
	#mailform .tbl {
		border-bottom: 1px solid #BBB;
	}
	#mailform .tbl th,
	#mailform .tbl td {
		display: block;
		width: auto;
		border-bottom: none;
	}
	#mailform .tbl input[type="text"],
	#mailform .tbl textarea {
		font-size: 120%;
	}
	#mailform .btn input {
		width: 120px;
	}

/*------------------------------------------------*/
}