/*  --------------------------------------------------------------------------------------  */
/*  ---   ヘッダー                                                                          */
/*  --------------------------------------------------------------------------------------  */
.header-1-block {
	position: relative;
	width: 100%;
	/* height: 100%; */
	box-shadow: 0 0 5px 3px SkyBlue, 0 0 5px 3px rgb(255 255 255 / 0.8) inset;
	background: aqua;
	border-radius: 20px;
	border: solid 3px blue;

	--logo-abs-left: 1%;
	--logo-width: 9%;
	--logo-right: 1%;
	--chars-left: calc(var(--logo-abs-left) +  var(--logo-width) + var(--logo-right));  

	--car-abs-left: 88%;
	--car-left: 1%;
	--car-width: 11%;
	--chars-width: calc(var(--car-abs-left) - var(--chars-left) - var(--car-left));

}

/*   あしなが介護サービス  ロゴ マーク  ------------------------------------------------ */
.hdr-company-mark-11 {
	position: absolute;
	display: inline-block;
	width: var(--logo-width);
	top: 3%;
	left: var(--logo-abs-left);
}

/*   あしなが マーク --------------------------------------------------------------------*/
.hdr-mark-img {
	width: 100%;
}

/*  民間救急 と あしなが介護サービス     */
.hdr-company-title-12 {
	display: inline-block;
	margin-left: var(--chars-left);
	padding-top: 0.5%;
	width: var(--chars-width);
}

/*    民間救急        ----------------------------------------------------------------------- */
.hdr-private-emergency-121 {
	margin-left: var(--ml6p0);
	font-size: var(--fsm5);
	letter-spacing: var(--ls18);
	line-height: 1.3;
	color: var(--fc-atte);
	text-align: left;
}

/*   あしなが介護サービス     --------------------------------------------------------- */
.hdr-company-name-122 {
	margin: 0 auto;
	font-size: var(--fsl5);
	letter-spacing: var(--ls30);
	line-height: 1.5;
	text-align: center;
	color: var(--fc-bas1);
	font-style: italic;
}

/*   患者 搬送 自動車               */
.hdr-car-img-13 {
	position: absolute;
	display: inline-block;
	width: var(--car-width);
	top: 12%;
	left: var(--car-abs-left);
}

/*   患者搬送自動車 の 画像         */
.hdr-img-banner-vehicle {
	width: 100%;
}


/*    国土交通省 認可               */
.hdr-authorization-14 {
	font-size: var(--fsm1);
	letter-spacing: var(--ls08);
	line-height: 1.2;
	text-align: center;
}
/*  --------------------------------------------------------------------------------------  */
/*  ---   メニュー  ----------------------------------------------------------------------  */
/*  --------------------------------------------------------------------------------------  */

/*        該当メニューのみ表示 (対象外メニュの消去)             */
/*  display on off switch  for  guide menu  (pc  sp  tb)    */

/*  guide menu  (pc  sp  tb) のすべてを消去するとき       */
.dspsw-guide-menu-all {
	display: block;
	/* display: none; */
}

/*  guide menu  (pc  sp  tb) の いずれか のみにするとき             */
/*      dspsw-guide-menu-all  は 必ず有効にしておく                */
.dspsw-guide-menu-pc {
	display: block;
	/* display: none; */
}

.dspsw-guide-menu-sp {
	display: none;
}
.dspsw-guide-menu-tb {
	display: none;
}

/*        該当メニューのみ表示 (対象外メニュの消去)             */
/*  select menu  (pc  sp  tb )  または               */
/*   または select screen を表示するときは 有効にする  */

/*  select menu  (pc  sp  tb) のすべてを消去するとき       */
.dspsw-select-menu-all {
	display: block;
	/* display: none; */
}

/*  下記の 4つのいずれかを表示するときは              */
/*  dspsw-guide-menu-all  は 必ず有効にする    */

/*  pc の表示形式のときに 有効にする  */
.dspsw-select-pc {
	/* display: block; */
	display: none;
}
/*  sp の表示形式のときに 有効にする  */
.dspsw-select-sp {
	/* display: block; */
	display: none;
}
/*  tb の表示形式のときに 有効にする  */
.dspsw-select-tb {
	/* display: block; */
	display: none;
}

/*  表示画面の選択のときに 有効にする  */
.dspsw-select-screen{
	display: block;
	/* display: none; */
}


/*   固定位置　メニュー                             */
.menu-fixed {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	/* 重要 この指定がないと、固定されなくなる  */
	background: seashell;
	z-index: 999;
}

/*   menu-1-block                                 */

.menu-1-block {
	width: 100%;
}


/*  ---   メニュー グループの指定                     ------  */
.menu-group-12 {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: stretch;
	align-content: stretch;
	justify-content: center;
	padding: 3% 0 1%;
	width: 100%;
	/* column-gap: 4%; */
}

/* 各リンクのボタン                                       */
.menu-link-121, .menu-link-122, .menu-link-123, .menu-link-124, .menu-link-125 {
	width: 14%;
	font-size: var(--fss5);
	letter-spacing: var(--ls04);
	line-height: 1.6;
	text-align: center;
	vertical-align: middle;
	color: seashell;
	border: solid 2px blue;
	border-radius: 20px;
	background: lightskyblue;
	box-shadow: 0 2px 2px 2px royalblue;
	transition: 0.3s;

	margin-left: var(--ml4p0);

}

/*  column-gap: 4%; の指定ができるときは、必要なし  */
.menu-link-121 {
	margin-left: var(--ml0p0);
}

/*  --------------------------------------------------------------------------------------  */
/*  セレクト メニュー    ( ガイドメ ニュー と 表示画面 メニュー )                               */
/*  --------------------------------------------------------------------------------------  */

.menu-select-1-block {
	position: relative;
	margin-top: 1%;
/*   セレクト・メニュー全体までを幕隠しするときは、padding指定する */
	/* padding-top: 3.5%; */
	width: 100%;
	background: seashell;
}

/*  セレクト メニュー    ( ガイドメ ニュー)                               */

.menu-guide-box {
	position:absolute;
	top: 0;
	left: 70%;
}

/*  guide-select 内の style                       */
.guide-select {
	cursor: pointer;
	width: 125%;
	font-size: var(--fss5);
	letter-spacing: var(--ls02);
	text-align: center;
	border: solid 2px blue;
	border-radius: 20px;
	padding: 2px;
	background: lightskyblue;
	box-shadow: 0 2px 2px 2px royalblue;
	transition: 0.3s;
}

/*  guide-select 内の option行の style              */

/*   option行の 1行目         */
.guide-option-1 {
	font-size: var(--fss5);
	font-weight: bold;
	text-align: center;
	color: blue;
	background: lightskyblue;
}

/*   option行の 2行目以降         */
.guide-option {
	font-size: var(--fss5);
	font-weight: bold;
	text-align: left;
	color: blue;
	background: seashell;
}

/*  セレクト メニュー    ( 表示画面 メニュー )                              */
.menu-screen-box {
	position:absolute;
	top: 0;
	left: 85%;
}

/*  screen-select 内の style                              */
.screen-select {
	cursor: pointer;
	width: 100%;
	padding: 2px;
	font-size: var(--fss5);
	letter-spacing: var(--ls02);
	text-align: center;
	border: solid 2px blue;
	border-radius: 15px;
	background: lightskyblue;
	box-shadow: 0 2px 2px 2px royalblue;
	transition: 0.3s;
}

/*  screen-select 内の option行の style                        */

/*   option行の 1行目         */
.screen-option-1 {
	font-size: var(--fss5);
	font-weight: bold;
	text-align: left;
	color: blue;
	background: seashell;
}

/*   option行の 2行目以降         */
.screen-option {
	font-size: var(--fss5);
	font-weight: bold;
	text-align: left;
	color: blue;
	background: seashell;
}

/*  ------------------------------------------------------------------------------------------  */
/* --  フッター  -----------------------------------------------------------------------------  */
/* -------------------------------------------------------------------------------------------  */

.footer-1-block {
	margin-top: 2%;
	width: 100%;
	background: aqua;
	box-shadow: 0 0 5px 3px SkyBlue, 0 0 5px 3px rgb(255 255 255 / 0.8) inset;
	border-radius: 20px;
	border: solid 3px blue;
}

/* あしなが介護サービス */
.ftr-company-name-11 {
	font-size: var(--fsl5);
	letter-spacing: var(--ls35);
	line-height: 1.4;
	text-align: center;
	font-style: italic;
	color: var(--fc-bas1);
}

/* tel name と tel no・               ・*/
.ftr-tel-name-no-12 {
	margin: 0 auto;
	width: 80%;
	--ls-tel: 7%;
}

/*  tel. name  ゴヨーヲクダサイ・・・*/
.ftr-tel-name-121 {
	width: 100%;
	font-size: var(--fsl1);
	line-height: 1.3;
	color: var(--fc-bas1);
/* 4 tel no の上に tel name を表示させるため padding を指定する                          */
	padding-top: 3%;

	position: relative;
/*  tel-name の letter spacing  */
	--ls-telname: 7%;
}

/*  ゴ  */
.ftr-tel-name-1{
	display: inline-block;
	position: absolute;
	top: 0;
	left: calc(100% - var(--ls-telname) * 9);
}
/*  ヨ  */
.ftr-tel-name-2{
	display: inline-block;
	position: absolute;
	top: 0;
	left: calc(100% - var(--ls-telname) * 8);
}
/*  ー  */
.ftr-tel-name-3{
	display: inline-block;
	position: absolute;
	top: 0;
	left: calc(100% - var(--ls-telname) * 7.4);
}
/*  ヲ  */
.ftr-tel-name-4{
	display: inline-block;
	position: absolute;
	top: 0;
	left: calc(100% - var(--ls-telname) * 7);
}
/*  ク  */
.ftr-tel-name-5{
	display: inline-block;
	position: absolute;
	top: 0;
	left: calc(100% - var(--ls-telname) * 6);
}
/*  ダ  */
.ftr-tel-name-6{
	display: inline-block;
	position: absolute;
	top: 0;
	left: calc(100% - var(--ls-telname) * 5.5);
}
/*  サ  */
.ftr-tel-name-7{
	display: inline-block;
	position: absolute;
	top: 0;
	left: calc(100% - var(--ls-telname) * 5);
}
/*  イ  */
.ftr-tel-name-8{
	display: inline-block;
	position: absolute;
	top: 0;
	left: calc(100% - var(--ls-telname) * 4.5);
}
/*  オ  */
.ftr-tel-name-9{
	display: inline-block;
	position: absolute;
	top: 0;
	left: calc(100% - var(--ls-telname) * 4);
}
/*  ー  */
.ftr-tel-name-A{
	display: inline-block;
	position: absolute;
	top: 0;
	left: calc(100% - var(--ls-telname) * 3.4);
}
/*  フ  */
.ftr-tel-name-B{
	display: inline-block;
	position: absolute;
	top: 0;
	left: calc(100% - var(--ls-telname) * 3);
}
/*  ク  */
.ftr-tel-name-C{
	display: inline-block;
	position: absolute;
	top: 0;
	left: calc(100% - var(--ls-telname) * 2);
}
/*  シ  */
.ftr-tel-name-D{
	display: inline-block;
	position: absolute;
	top: 0;
	left: calc(100% - var(--ls-telname) * 1);
}

/* TEL NO                         */
.ftr-tel-No-122 {
	position: relative;
	width: 100%;
	font-size: var(--fsl1);
	line-height: 1.5;
	padding-bottom: 4%;
/*  tel-no の letter spacing  */
	--ls-telno: 7%;
}

/*  ☎ マーク                 */
.ftr-tel-no-0{
	display: inline-block;
	position: absolute;
	top: 0;
	left: calc(100% - var(--ls-telno) * 14);
}
/*  0                        */
.ftr-tel-no-1{
	display: inline-block;
	position: absolute;
	top: 0;
	left: calc(100% - var(--ls-telno) * 13);
}
/*  8                        */
.ftr-tel-no-2{
	display: inline-block;
	position: absolute;
	top: 0;
	left: calc(100% - var(--ls-telno) * 12);
}
/*  0                        */
.ftr-tel-no-3{
	display: inline-block;
	position: absolute;
	top: 0;
	left: calc(100% - var(--ls-telno) * 11);
}
/*  -                        */
.ftr-tel-no-4{
	display: inline-block;
	position: absolute;
	top: 0;
	left: calc(100% - var(--ls-telno) * 10);
}
/*  5                        */
.ftr-tel-no-5{
	display: inline-block;
	position: absolute;
	top: 0;
	left: calc(100% - var(--ls-telno) * 9);
}
/*  4                        */
.ftr-tel-no-6{
	display: inline-block;
	position: absolute;
	top: 0;
	left: calc(100% - var(--ls-telno) * 8);
}
/*  0                        */
.ftr-tel-no-7{
	display: inline-block;
	position: absolute;
	top: 0;
	left: calc(100% - var(--ls-telno) * 7);
}
/*  9                        */
.ftr-tel-no-8{
	display: inline-block;
	position: absolute;
	top: 0;
	left: calc(100% - var(--ls-telno) * 6);
}
/*  -                        */
.ftr-tel-no-9{
	display: inline-block;
	position: absolute;
	top: 0;
	left: calc(100% - var(--ls-telno) * 5);
}
/*  0                        */
.ftr-tel-no-A{
	display: inline-block;
	position: absolute;
	top: 0;
	left: calc(100% - var(--ls-telno) * 4);
}
/*  2                        */
.ftr-tel-no-B{
	display: inline-block;
	position: absolute;
	top: 0;
	left: calc(100% - var(--ls-telno) * 3);
}
/*  9                        */
.ftr-tel-no-C{
	display: inline-block;
	position: absolute;
	top: 0;
	left: calc(100% - var(--ls-telno) * 2);
}
/*  4                        */
.ftr-tel-no-D{
	display: inline-block;
	position: absolute;
	top: 0;
	left: calc(100% - var(--ls-telno) * 1);
}