@charset "utf-8";




/*メイン画像
---------------------------------------------------------------------------*/
/*ブロック全体*/
#mainimg {
	background: var(--base-color) url("../images/main-01s.jpg") no-repeat center center / cover;
	width: 100%;
	padding-top: 250%;	/*アスペクト比2:3（3÷2=1.5）*/
	position: relative;
	overflow: hidden;
}

	/*画面420px以上の追加指定*/
	@media screen and (min-width:420px) {
 #mainimg {
 background: var(--base-color) url("../images/main-01.jpg") no-repeat center center / cover;
 padding-top: 62.5%;	/*アスペクト比16:9（9÷16=0.5624）*/
}
}
/*追加指定ここまで*/



/*btn-k（詳しくはこちら　ボタン 黒背景）
---------------------------------------------------------------------------*/
.btn-k a {
	text-shadow: none;display: block;text-decoration: none;
	background: #000;		/*背景色。*/
	color:#fff;	　　　　　　/*文字色。*/
	text-align: center;		/*テキストをセンタリング*/
	border: solid 2px #666;
	margin-top: 0px;
	margin-bottom:80px;
	font-size: clamp(2rem, 1.3vw, 1.5rem);
	padding: 1rem 2.5rem 1.2rem 2.5rem;	/*ボタン内の余白。上下、左右へ。*/
	border-radius: 100px;	/*角を丸くする*/
}

.btn-k a:hover {
	opacity: 1;
	transform: scale(1.05);	/*105%に拡大*/
	background: #000);	　　/*背景色。*/
	color: var(--primary-color);				/*文字色。冒頭のprimary-colorを読み込みます。*/
	border: solid 2px var(--primary-color);
}

	/*画面幅800px以上の追加指定*/
	@media screen and (min-width:800px) {
	
.btn-k a {	
	margin-top: 15px;
	margin-bottom:120px;
		}
	
	}
/*btn-o（詳しくはこちら　ボタン　オレンジ背景）
---------------------------------------------------------------------------*/

.btn-o {
	text-align: center;		/*テキストをセンタリング*/
}

.btn-o a {
	text-shadow: none;display: block;text-decoration: none;
	background: #000;		/*背景色。*/
	color:#fff;	　　　　　　/*文字色。*/
	text-align: center;		/*テキストをセンタリング*/
	border: solid 2px var(--primary-color);
	margin-top: 20px;
	margin-bottom:0;
	font-size: clamp(2rem, 1.3vw, 1.5rem);
	padding: 1rem 2.5rem 1.2rem 2.5rem;	/*ボタン内の余白。上下、左右へ。*/
	border-radius: 100px;	/*角を丸くする*/
}

.btn-o a:hover {
	opacity: 1;
	transform: scale(1.05);	/*105%に拡大*/
	background: #000);	　　/*背景色。*/
	color: var(--primary-color);				/*文字色。冒頭のprimary-colorを読み込みます。*/
	border: solid 2px #FFF;
}

	/*画面幅800px以上の追加指定*/
	@media screen and (min-width:800px) {
	
	.btn-o {
	text-align: left;
	margin-top: 50px;
	margin-bottom:30px;
}
	
.btn-o a {
	margin-left: 0;
}
}

/*miryoku（３カラムボックス）
---------------------------------------------------------------------------*/
.miryoku .list * {margin: 0 10%;padding: 0;}


	/*listブロック全体を囲むブロック*/
	.miryoku {
		margin: 0 5%;
	}


	/*画面幅800px以上の追加指定*/
	@media screen and (min-width:800px) {
	
	

	/*listブロック全体を囲むブロック*/
	.miryoku {
		display: grid;
		grid-template-columns: repeat(3, 1fr);	/*3列にする指定。4列にしたければrepeat(4, 1fr)とする。*/
		gap: 3vw;	/*ブロックの間に空けるマージン的な指定*/
		margin: 0 5%;
	}

	}/*追加指定ここまで*/


/*ボックス１個あたり*/
.miryoku .list {
    display: grid;
	margin-bottom: 3rem;	/*ボックスの下に空けるスペース*/
	position: relative;
	background: #fff;	/*背景色*/
	color: #333;		/*文字色*/
	padding: 0 2rem;	/*ボックス内の余白。２文字分。*/
}

	/*画面幅800px以上の追加指定*/
	@media screen and (min-width:800px) {

	/*ボックス１個あたり*/
	.miryoku .list {
		margin-bottom: 0;	/*下に空けるスペースをなくす*/
	}

	}/*追加指定ここまで*/


/*bg-black内のボックスへの追加設定*/
.miryoku .list.bg-black {
	background: #000;	/*背景色*/
	color: #fff;		/*文字色*/
}


/*ボックス内のfigure画像*/
.miryoku .list figure.icon {
	margin: 0 ;
	width: 100%;		/*画像サイズ*/
}



	/*画面幅800px以上の追加指定*/
	@media screen and (min-width:800px) {

	/*ボックス内のfigure画像*/
	.miryoku .list figure.icon {
		width: 100%;		/*画像サイズ*/
		margin-top: -50px;	/*本来の場所より上にずらす*/
	}

	}/*追加指定ここまで*/
/*ボックス内のh4見出し*/
.miryoku h4 {
	font-size: var(--font-M);
}

/*list-service（「トップ　サービス」ブロックで使用）
---------------------------------------------------------------------------*/
.list-service * {
	 margin-top: 3vw;
	padding: 0;
}

	/*画面幅600px以上の追加指定*/
	@media screen and (min-width:800px) {
 .list-service {
 margin: 0 8vw;
 margin-top: 10vw;
}

	/*テキストブロック*/
	.list-service .text {
 flex: 1;
}
	
	/*画像とテキストの左右を入れ替えたい場合（600px以上のみ使用可能）*/
	.reverse {
 flex-direction: row-reverse;
}
}
/*追加指定ここまで*/

/*ブロック１個あたり*/
.list-service .list {
	color: var(--base-inverse-color);	/*文字色。冒頭のbase-inverse-colorを読み込みます。*/
	padding: 2rem;
	margin-bottom: 0rem;
	position: relative;
	
}

	/*画面幅600px以上の追加指定*/
	@media screen and (min-width:800px) {

	/*ブロック１個あたり*/
	.list-service .list {
 display: flex;
 gap: 2rem;	/*画像とテキストの間のスペース。２文字分。画像がない場合はこれは適用されません。*/
}
}
/*追加指定ここまで*/
/*画像ブロック*/
.list-service figure {
	background: url("../images/bg-ss.png") no-repeat center top / 90%;
	margin-bottom: 1rem;	/*下に空けるスペース*/
}

	/*画面幅600px以上の追加指定*/
	@media screen and (min-width:800px) {

	/*画像の下マージンのリセット*/
	.list-service figure {
 max-width: 600px;	/*幅*/
 width: 60%;
 margin-top: -6vw;
 margin-bottom: 0;
}
}/*追加指定ここまで*/



.list-service h3 {
		text-align: center;		/*テキストをセンタリング*/
}

.list-service h4 {
	font-size: 4rem;
	text-align: center;		/*テキストをセンタリング*/
}

.list-service p {
	font-size: var(--font-S);
	margin-top: 2rem;	/*下に空けるスペース*/
}
.list-service p span {
	font-size: var(--font-ss);
}
	/*画面幅600px以上の追加指定*/
	@media screen and (min-width:800px) {

.list-service h3 {
		text-align: left;		/*テキストをセンタリング*/
}

.list-service h4 {
	font-size: 3.5rem;
	text-align: left;		/*テキストをセンタリング*/
}
}/*追加指定ここまで*/

/*お客様の声
---------------------------------------------------------------------------*/
.koe {
	background: #000;		/*背景色。冒頭のprimary-colorを読み込みます。*/
	color: #FFF;	/*文字色。冒頭のbase-inverse-colorを読み込みます。*/
	padding: 4rem 0rem;	/*余白。上下、左右へ。*/
	border-radius: 30px;	/*角を丸くする*/
	text-align: center;		/*テキストをセンタリング*/
	margin:4rem 2vw 2vw 2vw;
}

	@media screen and (min-width:800px) {
.koe {
	
	margin:4vw;

}

}/*追加指定ここまで*/





/*お取り扱い製品　
---------------------------------------------------------------------------*/

.ichiran {
	padding: 10rem 10rem 2rem 10rem;	/*余白。上下、左右へ。*/
	margin: 0;
}

.seihin-ichiran {
    width: 100%;
	border-top: solid 1px #ccc;
	margin-bottom: 100px;
}

.ichiran p{
  font-size: clamp(1.5rem, 1vw, 4rem);
}

.seihin-ichiran tr {
    border-bottom: solid 1px #ccc;
	padding: 6rem 4rem;	/*余白。上下、左右へ。*/
	margin: 0;
}
.seihin-ichiran th {
  padding: 10px;
  font-weight: bold;
  width: 24%;
  font-size:clamp(1.3rem, 1.7vw, 6rem);
  text-align:left;
}
.seihin-ichiran td {
  padding: 30px 1rem;
  text-align: left;
  font-size: clamp(1.3rem, 1.3vw, 4rem);
}

.seihin-ichiran td span{
    display: inline-block;
	width:50%;
	font-size: clamp(1.3rem, 1.3vw, 4rem);
}
 
@media screen and (max-width: 800px) {

.ichiran {
	padding: 4rem 2rem;	/*余白。上下、左右へ。*/
	margin-bottom: 0;
}

.seihin-ichiran {
	margin-bottom: 40px;
}


  .seihin-ichiran th{
　　border-bottom: none;
    display: block;
    width: 100%;
	padding-bottom: 10px;
	font-size: 25px;
	text-align:center;
  }

  .seihin-ichiran td {
　　border-bottom: none;
    display: block;
    width: 100%;
	padding: 0 0 0 40px;
	font-size: clamp(1.5rem, 1vw, 4rem);
  }

}


/*お知らせ　
---------------------------------------------------------------------------*/

.news {
	padding: 10rem 2rem 5rem 2rem;	/*余白。上下、左右へ。*/
	margin: var(--space-large);
}

.news .news-kiji-first{
  border-top: 1px dotted #666;
  	border-bottom: 1px dotted #666;
	padding: 2rem ;	/*余白。上下、左右へ。*/
	font-size: var(--font-S);
	margin-top: 30px;
}

.news .news-kiji {
	border-bottom: 1px dotted #666;
	padding: 2rem ;	/*余白。上下、左右へ。*/
	font-size: var(--font-S);
}

.news .news-kiji dt {
	color: #FFF;
	width: 8em;	/*幅。8文字(em)分*/
	}	
	
.news .news-kiji-first dt {
	color: #FFF;
	width: 8em;	/*幅。8文字(em)分*/
	}	
	
	/*画面幅600px以上の追加指定*/
	@media screen and (min-width:900px) {
	
	.news  {
	padding: 6rem 2rem 10rem 2rem;	/*余白。上下、左右へ。*/
	margin: 0 15% 0 15%;
	}
	
	.news .news-kiji-first dt {
    padding: 5px 5px 5px 50px;
	}
	.news .news-kiji-first dd {
    flex: 1;
    padding: 0 50px;
	}
	
	.news .news-kiji dt {
    padding: 5px 5px 5px 50px;
	}
	.news .news-kiji dd {
    flex: 1;
    padding: 0 50px;
	}

	}/*追加指定ここまで*/


/*緊急サポート
---------------------------------------------------------------------------*/

.kinkyu {
　　position: relative;　/*位置　親*/
}



.office-slideup {
    background-image: url("../images/top-yamau.png");	/*背景画像の読み込み*/
    background-repeat: no-repeat;
    background-size: 100% auto;
	background-position: center;
	height: 50vh;	/*高さ*/
	z-index: 1;     /*一番　下層に表示*/
	
}

	/*画面幅1100px以下の追加指定*/
	@media screen and (max-width:1100px) {

.office-slideup {

	height: 40vh;	/*高さ*/
	
}

}
	/*画面幅900px以下の追加指定*/
	@media screen and (max-width:900px) {

.office-slideup {

	height: 30vh;	/*高さ*/
	
}

	
}

.kinkyu-b {
	background: #000;		/*背景色。冒頭のprimary-colorを読み込みます。*/
	color: #FFF;	/*文字色。冒頭のbase-inverse-colorを読み込みます。*/
	padding: 5rem 1rem;	/*余白。上下、左右へ。*/
	border-radius: 30px;	/*角を丸くする*/
	text-align: center;		/*テキストをセンタリング*/
	margin: var(--space-large);
	z-index: 2;
}

.kinkyu-b .kinkyu-text h4 {
	padding-top: 20px;
	font-size: var(--font-L);
	color: #FF4800;			/*文字色*/
	margin: 0;
}

.kinkyu-b .kinkyu-text p {
	display: block;
	font-size: var(--font-S);
	margin: 0;
	padding-bottom: 20px;
}

	/*画面幅900px以上の追加指定*/
	@media screen and (min-width:900px) {
	
	.kinkyu-b  {
	margin: 0 18% -30px 18%;
	padding: 5rem;	/*余白。上下、左右へ。*/
	display: flex;
	gap: 2rem;	/*画像とテキストの間のスペース。２文字分。画像がない場合はこれは適用されません。*/
	}

	.kinkyu-b .kinkyu-text {
		width: 50%;	/*幅*/
	}
	
	.kinkyu-b .kinkyu-text p {
	display: block;
	font-size: var(--font-S);
	margin: 0;
}

	.kinkyu-b .kinkyu-text p span{
	font-size: var(--font-ss);
}

	}/*追加指定ここまで*/

/*ボタンを囲むボックスの設定*/
.kinkyu-b  .tell-btn {
	list-style: none;
	margin-bottom: 30px;
	left: 0px;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 20px;			/*ボタン同士に空けるスペース*/
	font-size: 30px;
}

/*ボタン１個あたりの設定*/
.kinkyu-b  .tell-btn a {
	display: block;
	text-decoration: none;
	background: #FF4800;	/*背景色*/
	color: #fff;			/*文字色*/
	border-radius: 100px;		/*角を丸くする*/
	padding: 10px 5px;	/*ボタン内の余白*/
	font-weight: 800;
}

.kinkyu-b  .tell-btn a:hover {
	transform: scale(1.05);	/*105%に拡大*/

}

.kinkyu-b  .tell-btn li span {
	display: block;
	font-size: var(--font-ss);
	padding-top: 20px;

}
	/*画面幅786px以上の追加指定*/
	@media screen and (min-width:786px) {
	
	.kinkyu-b  .tell-btn a {
	background: #222;	/*背景色*/
	padding: 10px 50px;	/*ボタン内の余白*/
}
	}/*追加指定ここまで*/

/*山卯が選ばれる理由（３カラムボックス）
---------------------------------------------------------------------------*/


.riyu .list * {margin: 0;padding: 0;}

.riyu-bg {
	background: url("../images/bg-riyu-ms.png") center center no-repeat;	/*背景パターンの読み込み*/
	padding: 10rem 2rem 10rem 2rem;	/*余白。上下、左右へ。*/
}

	/*画面幅600px以上の追加指定*/
	@media screen and (min-width:800px) {

	/*listブロック全体を囲むブロック*/
	.riyu {
		display: grid;
		margin: 2rem 0;
	   
		grid-template-columns: repeat(2, 1fr);	/*3列にする指定。4列にしたければrepeat(4, 1fr)とする。*/
		gap: 0vw;	/*ブロックの間に空けるマージン的な指定*/
	}
	.riyu-bg {
	background: url("../images/bg-riyu-maru.png") center center no-repeat;	/*背景パターンの読み込み*/

}

	}/*追加指定ここまで*/


	/*画面幅800px以上の追加指定*/
	@media screen and (min-width:1300px) {


	/*listブロック全体を囲むブロック*/
	.riyu {
		display: grid;
		margin: 2vw 6vw;
		grid-template-columns: repeat(3, 1fr);	/*3列にする指定。4列にしたければrepeat(4, 1fr)とする。*/
		gap: 0vw;	/*ブロックの間に空けるマージン的な指定*/
	}

	}/*追加指定ここまで*/




/*ボックス１個あたり*/
.riyu .list {
    display: grid;
	margin-bottom: 2rem;	/*ボックスの下に空けるスペース*/
	position: relative;
	background: url("../images/top-3riyu.png") center top no-repeat;	/*背景パターンの読み込み*/
	background-size: auto 100%;
	color: #000;		/*文字色*/
	padding: 4rem 0;	/*ボックス内の余白。２文字分。*/
	text-align: center;		/*テキストをセンタリング*/
}


	/*画面幅800px以上の追加指定*/
	@media screen and (min-width:1050px) {

	/*ボックス１個あたり*/
	.riyu .list {
		margin-bottom: 0;	/*下に空けるスペースをなくす*/
		padding: 7rem 0;	/*ボックス内の余白。２文字分。*/
		background-size: auto 100%;
	}

	}/*追加指定ここまで*/


/*ナンバー（01〜03の飾り番号）*/
.riyu .list .num {
	font-size: var(--font-M);
	font-weight: 800;
	line-height: 1;
    text-decoration: underline 5px #FF4800;
	margin-top:2rem;	/*下に１文字分のスペースを空ける*/
	margin-bottom:2rem;	/*下に１文字分のスペースを空ける*/
}

/*ボックス内のh4見出し*/
.riyu .list h4 {
	font-size: clamp(2.7rem, 3vw, 6rem);
	line-height:1;	/*行間*/
	margin-top: 1rem;	/*下に１文字分のスペースを空ける*/
	margin-bottom: 1rem;	/*下に１文字分のスペースを空ける*/
	position: relative;
	color: #FF4800;
}

/*ボックス内のp要素*/
.riyu .list p {
	font-size: var(--font-S);
	font-weight: 800;
	line-height: 1.4;	/*行間*/
	margin-bottom: 3rem;	/*下に１文字分のスペースを空ける*/
}

/*選ばれる理由　２ブロック
---------------------------------------------------------------------------*/
.list-riyu2 * {margin: 0;padding: 0;}

	/*画面幅600px以上の追加指定*/
	@media screen and (min-width:600px) {
	
	.list-riyu2  {
	margin: var(--space-large);

	}

	/*テキストブロック*/
	.list-riyu2 .text {
		flex: 1;
	}
	

	}/*追加指定ここまで*/


/*ブロック１個あたり*/
.list-riyu2 .list {
	color: var(--base-inverse-color);	/*文字色。冒頭のbase-inverse-colorを読み込みます。*/
	padding: 3rem;
	margin-bottom: 0rem;
	position: relative;
}
/*画像ブロック*/
.list-riyu2 figure {
	width: 100%;	/*幅*/
	margin-bottom: 1rem;	/*下に空けるスペース*/
}

/*h4見出し*/
.list-riyu2 h4 {
	font-size: 2rem;
	margin-bottom: 1rem;	/*下に空けるスペース*/
}
	.list-riyu2 p {
	font-size: var(--font-S);

}

	/*画面幅600px以上の追加指定*/
	@media screen and (min-width:600px) {

	/*ブロック１個あたり*/
	.list-riyu2 .list {
		display: flex;
		gap: 1rem;	/*画像とテキストの間のスペース。２文字分。画像がない場合はこれは適用されません。*/
	}

	/*画像の下マージンのリセット*/
	.list-riyu2 figure {
		width: 50%;	/*幅*/
		margin-bottom: 0;
	}

	.list-riyu2 .text {
		margin: 8rem 7rem 0 0;	
	}

	.list-riyu2 h4 {
	font-size: var(--font-M);
		line-height: 1.1;	/*行間*/
		margin-bottom: 2rem;	/*上に空けるスペース*/
	}
	.list-riyu2 p {
	font-size: var(--font-S);
	margin: 0;	/*下に空けるスペース*/
}


	}/*追加指定ここまで*/






/*houjin（トップページの「法人」で使っている左右にわかれた装飾ボックス）
---------------------------------------------------------------------------*/
/*ボックス全体*/
.houjin {
    display: flex;			/*直接の子要素を横並びにする*/
    flex-direction: column;	/*一旦縦並びにしておく*/
}


/*h2テキスト*/
.houjin h2 {
	color: #FFF;	/*文字色。css冒頭で指定しているprimary-colorを読み込みます*/
	text-align:center;

}

/*テキストブロック*/
.houjin .text {
    background: #000;		/*背景色*/
    padding: 1rem 3rem;		/*上下、左右へのブロック内の余白*/
	margin: 0 20px 20px 20px;		/*下に空けるスペース*/
	font-size: var(--font-S);
	border-radius: 0px 0px 5vw 5vw ;	/*角を丸くする指定。左上、右上、右下、左下への順番。*/
}

.houjin .text p {
    color: #FFF;		/*背景色*/
	margin-bottom: 10px;		/*下に空けるスペース*/
}

.houjin .btn-k {
	text-align:center;
	


}
	/*画面幅799px以下の追加指定（並び順を変更します。数字が小さな順に並びます。）*/
	@media screen and (max-width:799px) {
	

	/*画像ブロック*/
	.houjin .image {order: 1;}

	/*テキストブロック*/
	.houjin .text {order: 2;}
	
	}/*追加指定ここまで*/
	
	
	/*画面幅800px以上の追加指定*/
	@media screen and (min-width:800px) {

	/*ボックス全体*/
	.houjin {
		flex-direction: row;	/*縦並びから横並びにする*/
		justify-content: space-between;
		
		/*以下は変更不要*/
		margin-right: calc(-1 * var(--global-space));
		margin-left: calc(-1 * var(--global-space));
	}
/*h2テキスト*/
.houjin h2 {
	text-align:left;

}


	/*テキストブロック*/
	.houjin .text {
		margin-bottom: 0;
		flex: 1;
		align-self: flex-start;	/*上寄せになります*/
		position: relative;
		margin-right: 0;
		margin-left: -15vw;	/*この分だけ画像にテキストブロックが重なります。画面幅100%＝100vwです。*/
		padding: 5% 13% 5% 20%;		
		border-radius: 3vw 0px 0px 3vw ;	/*角を丸くする指定。左上、右上、右下、左下への順番。*/
		font-size: var(--font-S);
	}
	
	/*画像ブロック*/
	.houjin .image {
		align-self: flex-start;	/*上寄せになります*/
		margin-top: 2vw;		/*上寄せですが、この分だけ下に下げます。*/
		z-index: 1;	    /*重なりの一番上*/
		padding: 0;		/*余白をリセット*/
		width: 55vw;	/*幅。画面の50%*/
		overflow: hidden;
	}
	
	.houjin .image img{
    width: 100%;
    height: auto;
    display: block;
}
	.houjin .btn-k {
	text-align:left;


}
	}
	/*追加指定ここまで*/



/*トップ　事務所のご案内（２カラムボックス）
---------------------------------------------------------------------------*/

.jigyousyo {
	color: #000;	
	font-size: 1.4rem;		/*文字サイズ。140%に。*/
	padding-top: 5rem;　　　　　	/*余白。上下、左右へ。*/
}

.j-list-2 .j-list * {margin: 0;padding: 0;}

	/*画面幅800px以上の追加指定*/
	@media screen and (min-width:900px) {
	
	.jigyousyo {
	margin: 2rem 10%;

}

	/*listブロック全体を囲むブロック*/
	.j-list-2 {
		display: grid;
		grid-template-columns: repeat(2, 1fr);	/*2列にする指定。4列にしたければrepeat(4, 1fr)とする。*/
		gap: 2vw;	/*ブロックの間に空けるマージン的な指定*/
	}

	}
	/*追加指定ここまで*/


	@media screen and (min-width:1500px) {
	
	.jigyousyo {
	margin: 2rem 15%;

}


	}
	/*追加指定ここまで*/





/*ボックス１個あたり*/
.j-list-2 .j-list {
    display: grid;
	margin-bottom: 1rem;	/*ボックスの下に空けるスペース*/
	position: relative;
	color: #000;		/*文字色*/
	padding: 2rem;	/*ボックス内の余白。２文字分。*/
}

	/*ボックス内のfigure画像*/
	.j-list-2 .j-list figure {
		width: 100%;		/*画像サイズ*/
		margin-bottom: 20px;	/*下に空けるスペース*/
	}


/*画像ブロック共通*/
.j-list .image img {
	box-shadow: 10px 10px #5D0053;	/*ボックスの影。右へ、下へ、ぼかし幅。*/
	width: 100vw;		/*画像サイズ*/
}

	/*画面幅800px以上の追加指定*/
	@media screen and (min-width:800px) {

	/*ボックス１個あたり*/
	.j-list-2 .j-list {
		margin-bottom: 0;	/*下に空けるスペースをなくす*/
	}


	}
	/*追加指定ここまで*/



/*住所*/

.j-add {
	display: flex;		/*flexボックスを使う指定*/
	flex-wrap: wrap;	/*折り返す指定*/
	padding: 0 5rem;	/*上下、左右へのボックス内の余白*/
}

/*事業所(dt)、住所(dd)共通設定*/
.j-add dt,
.j-add dd {
	padding: 5px 0;		/*上下、左右へのボックス内の余白*/
	
}

/*事業所(dt)設定*/
.j-add dt {
	width: 100%;	/*幅*/
	font-weight: 800;
	font-size: 2.5rem;	/*文字*/
}

/*記事(dd)設定*/
.j-add dd {
	width: 100%;	/*は上の「.j-add dt」のwidthの値です*/
}

.j-add dd a{
	font-weight: 1000;
	hight:120px;
	
}

.j-add dd a{
	font-weight: 1000;
	
}
	/*画面幅　以下サイズ以上の追加指定*/
	@media screen and (min-width:1200px) {

/*事業所(dt)設定*/
.j-add dt {
	width: 190px;	/*幅。*/	
	font-size: 2rem;	/*文字サイズ*/

}

/*記事(dd)設定*/
.j-add dd {
	width: calc(100% - 190px);
	font-size: 1.25em;	/*文字サイズ*/
}

}


/*その他
---------------------------------------------------------------------------*/
.clearfix::after {content: "";display: block;clear: both;}
.color-check, .color-check a {color: #ff0000 !important;}
.l {text-align: left !important;}
.c {text-align: center !important;}
.r {text-align: right !important;}
.ws {width: 95%;display: block;}
.wl {width: 95%;display: block;}
.mb0 {margin-bottom: 0px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb-space-large {margin-bottom: var(--space-large) !important;}
.look {line-height: 1.5 !important; display: inline-block;padding: 5px 10px;background: rgba(0,0,0,0.1);border: 1px solid rgba(0,0,0,0.3);border-radius: 3px;margin: 5px 0; word-break: break-all;}
.pc {display: none;}
.dn {display: none !important;}
.block {display: block !important;}
.inline-block {display: inline-block !important;}
.relative {position: relative;}
pre {white-space: pre-wrap;word-wrap: break-word;overflow-wrap: break-word;}


.marker-o {
background: linear-gradient(transparent 65%, #FF4800 65%);
font-size: var(--font-M);
}
.marker-o-L {
background: linear-gradient(transparent 65%, #FF4800 65%);
font-size: var(--font-L);
}
.marker-o-LL {
background: linear-gradient(transparent 65%, #FF6A30 65%);
font-size: var(--font-LL);
}
	.marker-y-L {background: linear-gradient(transparent 65%, #FFCC00 65%);
	font-size:clamp(4.5rem, 4.5vw, 7rem); 
	}
.marker-y {background: linear-gradient(transparent 65%, #FFCC00 65%);
font-size: var(--font-M);
}

.marker-p {background: linear-gradient(transparent 65%, #FF9970 65%);
font-size: var(--font-LL);
}



	/*画面幅900px以上の追加指定*/
	@media screen and (min-width:900px) {

	.ws {width: 48%;display: inline;}
	.sh {display: none;}
	.pc {display: block;}
	
	.marker-o {
	background: linear-gradient(transparent 65%, #FF4800 65%);
	font-size: var(--font-M);
	}
	.marker-o-L {
background: linear-gradient(transparent 65%, #FF4800 65%);
font-size: var(--font-L);
}
	.marker-o-LL {
	background: linear-gradient(transparent 65%, #FF6A30 65%);
	font-size: var(--font-LL);
	}

	.marker-y {background: linear-gradient(transparent 65%, #FFCC00 65%);
font-size: var(--font-M);
}
	.marker-y-L {background: linear-gradient(transparent 65%, #FFCC00 65%);
	font-size:clamp(1rem, 4.5vw, 7rem); 
	}
.marker-p {background: linear-gradient(transparent 65%, #FF9970 65%);
font-size: var(--font-L);

}



	}/*追加指定ここまで*/