@charset "utf-8";

/*------------------------------------------------------------
  root
------------------------------------------------------------*/
:root {
	/* color
    -------------------------*/
	/* Basic */
	--color--lightBlue: #00b7f1;
	--color--darkBlue: #000e4e;
	--color--mediumBlue: #0063cc;
	--color--beige: #ede9de;
	--color--darkGray: #666666;
	--color--mediumGrey: #999999;
	--color--lightGrey: #f2f2f2;
	/* Spot */
	--color--green: #85cc33;
	--color--orange: #ff6a00;
	--color--purple: #ad00cc;
	--color--darkGreen: #006603;
	--color--yellow: #ffbf00;
	/* Design System */
	--color--gray-5: #fafafa;
	--color--gray-20: #e6e6e6;
	--color--gray-90: #333333;
	--color--gray-100: #1a1a1a;
	/* lets */
	--color--cs: #f6ac2d;
	--color--fc: #d9365d;

	/* padding, margin
    -------------------------*/
	/* for block Padding, Margin */
	--pm--80: 80px;
	--pm--60: 60px;
	--pm--48: 48px;
	--pm--40: 40px;
	--pm--32: 32px;
	--pm--24: 24px;
	--pm--12: 12px;
	/* font size
    -------------------------*/
	/* Text Size */
	/* 14*1.125=16 */
	--text--scale: 1.125rem;
}

/*------------------------------------------------------------
  Default
------------------------------------------------------------*/

dl {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}

dt {
	width: 30%;
}

dd {
	width: 70%;
}

dd {
	margin-left: 0;
}


/* PCとMobileの表示・非表示
-------------------------*/

/* PC表示, Mobile非表示 */
#koubou-wrapper .for-pc {
	display: block;

	@media (max-width: 600px) {
		display: none;
	}
}

/* Mobile表示, PC非表示 */
#koubou-wrapper .for-sp {
	display: none;

	@media (max-width: 600px) {
		display: block;
	}
}

/* Text 左寄せ
-------------------------*/
#koubou-wrapper .japanese-justify {
	text-align: justify !important;
	/* 日本語の文字間調整 */
	text-justify: inter-character !important;
	/* 最後の行は左揃え */
	text-align-last: left;
}

/* font size
-------------------------*/

/* 最初に出現するH2 */
#koubou-wrapper h2:first-of-type {
	font-size: 3rem;
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: .1rem;
	text-align: center;
	color: var(--color--darkBlue);

	@media screen and (max-width: 600px) {
		font-size: 2rem;

		@media screen and (max-width: 430px) {
			font-size: 1.5rem;
		}
	}
}

#koubou-wrapper h3 {
	font-size: 2rem;
	font-weight: 700;
	text-align: center;
	line-height: 1.5;
	letter-spacing: .1rem;

	@media screen and (max-width: 600px) {
		font-size: 1.5rem;
		letter-spacing: normal;
		text-align: left;
		/* 日本語の文字間調整 */
		text-justify: inter-character !important;

		@media screen and (max-width: 430px) {
			font-size: 1.5rem;
		}
	}
}

/* 小さめの文字 */
span.t_small {
	font-size: 0.9rem;
}

/* 小さめの文字 */
span.t_bold {
	font-weight: bold;
}

/* padding
-------------------------*/
#koubou-wrapper .ptb48 {
	padding-top: var(--pm--48);
	padding-bottom: var(--pm--48);

	@media (max-width: 600px) {
		padding-top: var(--pm--24);
		padding-bottom: var(--pm--24);
	}
}

#koubou-wrapper .pt48 {
	padding-top: var(--pm--48);

	@media (max-width: 600px) {
		padding-top: var(--pm--24);
	}
}

#koubou-wrapper .pb48 {
	padding-bottom: var(--pm--48);

	@media (max-width: 600px) {
		padding-bottom: var(--pm--24);
	}
}

#koubou-wrapper .ptb24 {
	padding-top: var(--pm--24);
	padding-bottom: var(--pm--24);

	@media (max-width: 600px) {
		padding-top: var(--pm--12);
		padding-bottom: var(--pm--12);
	}
}

#koubou-wrapper .pt24 {
	padding-top: var(--pm--24);

	@media (max-width: 600px) {
		padding-top: var(--pm--12);
	}
}

#koubou-wrapper .pb24 {
	padding-bottom: var(--pm--24);

	@media (max-width: 600px) {
		padding-bottom: var(--pm--12);
	}
}

/* margin
-------------------------*/
#koubou-wrapper .mtb48 {
	margin-top: var(--pm--48);
	margin-bottom: var(--pm--48);

	@media (max-width: 600px) {
		margin-top: var(--pm--24);
		margin-bottom: var(--pm--24);
	}
}

#koubou-wrapper .mt48 {
	margin-top: var(--pm--48);

	@media (max-width: 600px) {
		margin-top: var(--pm--24);
	}
}

#koubou-wrapper .mb48 {
	margin-bottom: var(--pm--48);

	@media (max-width: 600px) {
		margin-bottom: var(--pm--24);
	}
}

#koubou-wrapper .mtb48 {
	margin-top: var(--pm--48);
	margin-bottom: var(--pm--48);

	@media (max-width: 600px) {
		margin-top: var(--pm--24);
		margin-bottom: var(--pm--24);
	}
}

#koubou-wrapper .mtb24 {
	margin-top: var(--pm--24);
	margin-bottom: var(--pm--24);

	@media (max-width: 600px) {
		margin-top: var(--pm--12);
		margin-bottom: var(--pm--12);
	}
}

#koubou-wrapper .mt24 {
	margin-top: var(--pm--24);

	@media (max-width: 600px) {
		margin-top: var(--pm--12);
	}
}

#koubou-wrapper .mt12 {
	margin-top: var(--pm--12);
}

#koubou-wrapper .mb12 {
	margin-bottom: var(--pm--12);
}

#koubou-wrapper .mtb12 {
	margin-top: var(--pm--12);
	margin-bottom: var(--pm--12);
}

#koubou-wrapper .mb24 {
	margin-bottom: var(--pm--24);

	@media (max-width: 600px) {
		margin-bottom: var(--pm--12);
	}
}

#koubou-wrapper .mt80 {
	margin-top: var(--pm--80);

	@media (max-width: 600px) {
		margin-top: var(--pm--40);
	}
}

#koubou-wrapper .mb80 {
	margin-bottom: var(--pm--80);

	@media (max-width: 600px) {
		margin-bottom: var(--pm--40);
	}
}

div#koubou-wrapper ul {
	list-style: none;
}

#koubou-wrapper img {
	font-size: 0;
	line-height: 0;
	padding: 0;
	margin: 0;

	@media (max-width: 600px) {
		width: 100%;
	}
}


/* radius
-------------------------*/
/* #koubou-wrapper .radius1 {
	border-radius: 19% 81% 22% 78% / 79% 32% 68% 21%;
}

#koubou-wrapper .radius2 {
	border-radius: 44% 56% 55% 45% / 61% 38% 62% 39%;
}

#koubou-wrapper .radius3 {
	border-radius: 44% 56% 55% 45% / 61% 38% 62% 39%;
} */

#koubou-wrapper .radius4 {
	border-radius: 1rem;
}


/* layout box
.box-column 縦並び
-------------------------*/

/* 親要素に指定して子要素を縦並び＋水平に中央寄せ */
#koubou-wrapper .box-column {
	/* Defaultで横並び */
	display: flex;
	/* 縦並び */
	flex-direction: column;
	/* 中央配置 */
	align-items: center;
}


/* layout box
.box-row 横並び
-------------------------*/

/* 親要素に指定して子要素を横並び＋水平に中央寄せ */
#koubou-wrapper .box-row {
	/* Defaultで横並び */
	display: flex;
	justify-content: center;
	/* 子要素が親要素の幅を越えたらを折り返す */
	flex-wrap: wrap;
	/* 要素間の隙間 */
	gap: 32px;

	@media screen and (max-width: 600px) {
		/* モバイル時に縦並び */
		flex-direction: column;
		gap: 16px
	}

	/* 子要素Boxを2列 */
	.box-row-item-2 {
		/* gapを考慮して幅調整 */
		width: calc(50% - 32px);
		flex: 1;

		@media screen and (max-width:600px) {
			/* モバイル時に1カラム */
			width: 100%;
		}
	}
}

/* 子要素Boxを3列 */
/* Related Linkが存在するFlexboxはgapを小さく */
#koubou-wrapper:has(.box-row-item-3) {
	gap: 24px;
}

#koubou-wrapper .box-row .box-row-item-3 {
	/* 各要素を均等に並べる */
	flex: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	min-width: 0;
	/* テキストオーバーフロー防止 */

	@media screen and (max-width:600px) {
		flex-direction: column;
	}
}


/*------------------------------------------------------------
  Text Link, Button
------------------------------------------------------------*/

/* Text Link
-------------------------*/
#koubou-wrapper {
	a.text-link {
		position: relative;
		color: var(--color--mediumBlue);
		text-decoration: none;

		&:hover {
			color: var(--color--mediumBlue);
		}

		/* Hover時に下線を付与 */
		&::after {
			content: "";
			position: absolute;
			bottom: -1px;
			left: 50%;
			width: 0;
			height: 1px;
			background-color: var(--color--mediumBlue);
			transform: translateX(-50%) scaleX(0);
			transform-origin: center;
			transition: transform 0.3s ease;
		}

		&:hover::after {
			width: 100%;
			transform: translateX(-50%) scaleX(1);
		}
	}
}

/* Entry Button
-------------------------*/
#koubou-wrapper {
	.primary-btn {
		display: block;
		position: relative;
		/*斜線背景の基準*/
		color: var(--color--orange) !important;
		text-decoration: none;
		margin-bottom: 16px;
		text-align: center;

		span {
			display: flex;
			/*左右中央揃え*/
			justify-content: center;
			/*上下中央揃え*/
			align-items: center;
			/*z-indexを適用するために必要*/
			position: relative;
			padding: 32px 40px;
			width: 100%;
			/* 最大幅を580pxに制限 */
			max-width: 580px;
			font-size: 2rem;
			font-weight: 700;
			letter-spacing: .2rem;
			background-color: #FFF;
			outline: 2px solid var(--color--orange);
			outline-offset: -2px;
			/*重なり順指定*/
			z-index: 2;
			transition: background-color .4s ease;
			box-sizing: border-box;

			/* padding, border を含めて計算 */
			@media (max-width: 600px) {
				padding: 24px 32px;
				font-size: 1.5rem;
			}
		}

		/* 斜線背景の指定 */
		&::before {
			content: '';
			position: absolute;
			/*基準の下側から移動させる*/
			bottom: -10px;
			/*基準の右側から移動させる*/
			right: -10px;
			width: 100%;
			height: 100%;
			background-image: repeating-linear-gradient(
					/*線形グラデーションを-45°回転させる*/
					-45deg,
					/*色の付いた線を表現*/
					var(--color--orange) 0px, var(--color--orange) 2px,
					/*余白（透明）部分を表現*/
					rgba(0 0 0 / 0) 0%, rgba(0 0 0 / 0) 50%);
			/*background-imageを表現するサイズを指定*/
			background-size: 8px 8px;
			/*重なり順を指定*/
			z-index: 1;
		}

		/* ホバー時のスタイル */
		&:hover span {
		}
	}

	.primary-btn.closed {
		span {
			max-width: 880px;
		}

		&:hover span {
			/* background-color: var(--color--mediumBlue); */
			color: var(--color--orange) !important;
			/* outline: 2px solid var(--color--orange); */
			color: #FFF;

		}
	}
}

/* Entry Button : 吹き出し
-------------------------*/
#koubou-wrapper .btn-copy {
	/* 24px */
	font-size: 1.5rem;
	font-weight: bold;
	position: relative;
	margin-bottom: 1rem;
	text-align: center;
	color: var(--color--mediumBlue);

	@media (max-width: 600px) {
		font-size: 1.125rem;
	}

	&:before {
		margin-right: 1rem;
		content: '＼';
	}

	&:after {
		margin-left: 1rem;
		content: '／';
	}
}

/* Normal Button
-------------------------*/
#koubou-wrapper div.content-inner div.btn-inner {
	@media screen and (max-width: 600px) {
		/* 子要素のインライン・インラインブロック要素を中央寄せ */
		text-align: center;
	}
}

#koubou-wrapper {
	a.btn {
		display: inline-block;
		font-size: 1.125rem;
		font-weight: 500;
		border: 1px solid var(--color--mediumBlue);
		line-height: 1.2;
		color: var(--color--mediumBlue);
		padding: .8rem 2rem;
		background-color: #FFF;
		border-radius: 9999px;
		transition: background-color .4s ease;
		box-sizing: border-box;
		/* アイコンの絶対配置用 */
		position: relative;

		@media screen and (max-width: 600px) {
			margin-bottom: 0px;
		}

		&:hover {
			color: #FFF;
			background-color: var(--color--mediumBlue);
		}
	}

	a.blank {

		/* アイコン分のスペースを確保 */
		&::after {
			content: "\f08e";
			/* FontAwesomeの外部リンクアイコンのUnicode */
			font-family: "Font Awesome 6 Free";
			/* FontAwesomeのフォント名 */
			font-weight: 900;
			/* solidスタイル */
			position: absolute;
			right: 2rem;
			top: 50%;
			transform: translateY(-50%);
			font-size: 0.9em;
			color: var(--color--mediumBlue);
			pointer-events: none;
			/* アイコンにマウスイベントを通さない
			transition: background-color .4s ease; */
		}

		&:hover::after {
			color: #FFF;
		}
	}

	a.btn.blank {
		padding-right: 3.5rem;
	}
}


/*------------------------------------------------------------
  [ Layout ] #koubou-wrapper (ページ全体を包む最外枠)
------------------------------------------------------------*/
div#koubou-wrapper {
	font-family: 'Noto Sans JP', sans-serif;
}

/*------------------------------------------------------------
  [ Layout ] #koubou-container (コンテンツの最大幅、中央揃え)
------------------------------------------------------------*/
div#koubou-container {
	width: 1200px;
	margin: 0 auto;

	@media screen and (max-width: 600px) {
		width: 100%;
	}
}

/*------------------------------------------------------------
  [ Layout ] #hero-inner (ヒーローエリア)
------------------------------------------------------------*/

div#hero-inner {
	width: 1200px;
	padding: 0;
	margin: 0 auto;

	@media screen and (max-width: 600px) {
		width: 100%;
	}
}

div#hero-inner h1.main-image {
	font-size: 0;
	line-height: 0;
	padding: 0;
	margin: 0 auto;
}

/*------------------------------------------------------------
  [ Layout ] .content-inner (コンテンツ間のスペーシング)
------------------------------------------------------------*/

/* 最初のinnerだけ */
#koubou-wrapper .content-inner:first-of-type {
	padding: 60px 0 80px;
}

/* Let's Logo */
#koubou-container>section.content-introduction>div>div:nth-child(1)>img {
	@media screen and (max-width: 600px) {
		width: 200px;
	}
}

#koubou-wrapper .content-inner {
	/* padding, border含むサイズ */
	box-sizing: border-box;
	width: 976px;
	padding: 80px 0;
	margin: 0 auto;

	@media screen and (max-width: 600px) {
		width: 90%;
		padding: 32px 0 !important;
	}
}

/*------------------------------------------------------------
  [ Layout ] titleblock
------------------------------------------------------------*/

/* titleblock_02
Light Blue の帯
-------------------------*/
#koubou-wrapper div.titleblock_02 {
	display: block;
	box-sizing: border-box;
	padding: 40px 0;
	margin: 0px auto;
	background-color: var(--color--lightBlue);

	@media screen and (max-width: 600px) {
		padding: 24px 0;
	}

	h2 {
		font-size: 2rem;
		display: block;
		box-sizing: border-box;
		color: #FFF;
		text-align: center;
		padding: 0;
		margin: 0 auto;

		@media screen and (max-width: 600px) {
			width: 100%;
			font-size: 1.5rem;
		}
	}
}

/* titleblock_04
Navy の帯
-------------------------*/
#koubou-wrapper div.titleblock_04 {
	padding: 40px 0;
	margin-bottom: 48px;
	background-color: var(--color--darkBlue);

	@media screen and (max-width: 600px) {
		padding: 24px 0;
		margin-bottom: 24px;
	}

	h2 {
		display: block;
		box-sizing: border-box;
		font-size: 2rem;
		line-height: 140%;
		font-weight: 700;
		color: #FFF;
		text-align: center;
		padding: 0;
		margin: 0 auto;

		@media screen and (max-width: 600px) {
			font-size: 1.5rem;
		}
	}
}


/*------------------------------------------------------------
  photo-row : １カラム
------------------------------------------------------------*/

#koubou-wrapper .photo-row {
	/* 横並び */
	display: flex;
	gap: 1rem;

	@media screen and (max-width: 600px) {
		/* 縦並び */
		flex-direction: column;
	}

	img {
		flex: 1 1 0;
		height: 280px;
		/* 画像の縦横比を保ちつつ切り抜き */
		object-fit: cover;
		display: block;

		@media screen and (max-width: 600px) {
			width: 100%;
			margin-bottom: 1rem;
		}
	}
}

/*-------------------------------------------------------------
  koubou-container : 工場見学 
------------------------------------------------------------*/
#koubou-wrapper .content-inner p {
	text-align: center;
	font-size: 1.25rem;
	line-height: 1.5;

	@media screen and (max-width:600px) {
		font-size: 1.125rem;
		text-align: justify;
		text-justify: inter-character;
		text-align-last: left;
	}

	.attention {
		font-size: 1rem;
		line-height: 1.5rem;
		color: #1F1F1F;
		padding: 0 0 0 1em;
		margin: 0;

		@media screen and (max-width: 600px) {
			padding: 0;
		}
	}
}

#koubou-wrapper .content-inner ul.attention {
	font-size: 1rem;
	line-height: 140%;

	li {
		padding-left: 1em;
		text-align: justify;
		/* 日本語の文字間調整 */
		text-justify: inter-character;
		/* 最後の行は左揃え */
		text-align-last: left;

		@media screen and (max-width: 600px) {
			padding-left: 0;
		}
	}

	li:nth-child(n+1) {
		padding-top: 10px;
	}
}

/*------------------------------------------------------------
  feature-pc-grid：3カラム 
------------------------------------------------------------*/

/* グリッドレイアウト */
#koubou-wrapper section.content-features .feauture-pc-grid {
	display: flex;
	flex-direction: column;
	/* 縦に2段構え */
	gap: 30px;
	max-width: 976px;
	margin: 0 auto;

	/* 各段（行） */
	.feauture-pc-row {
		/* 横並び */
		display: flex;
		/* 水平中央揃え */
		justify-content: center;
		/* アイテム間のスペース */
		gap: 30px;

		@media screen and (max-width: 600px) {
			/* 縦並び */
			flex-direction: column;
			/* 垂直中央揃え */
			align-items: center;
			gap: 40px;
		}

		/* ３カラム */
		.feauture-pc-item {
			width: 300px;

			@media screen and (max-width: 600px) {
				width: 80%;
			}

			/* 画像 */
			.feauture-pc-image {
				width: 280px;
				height: 280px;
				border-radius: 50%;
				overflow: hidden;
				margin: 0 auto;
				margin-bottom: 15px;

				img {
					width: 100%;
					height: 100%;
					object-fit: cover;
				}
			}

			h3 {
				font-size: 1.5rem !important;
				margin-bottom: 10px;

				@media screen and (max-width: 600px) {
					text-align: center;
				}
			}

			/* 説明文 */
			p {
				font-size: 1.125rem;
				line-height: 1.6;
				text-align: justify;
				/* 日本語の文字間調整 */
				text-justify: inter-character;
				/* 最後の行は左揃え */
				text-align-last: left;
			}
		}
	}
}


/*------------------------------------------------------------
  content-guideline : 募集要項 
------------------------------------------------------------*/

div#koubou-wrapper section.content-guideline {

	table {
		box-sizing: border-box;
		width: 976px;
		border-collapse: collapse;
		border-spacing: 0px;
		font-size: 1.125rem;
		line-height: 140%;
		padding: 0px;
		margin: 0 auto;
		border-top: 1px solid #CCC;
		border-left: 1px solid #CCC;

		@media screen and (max-width: 600px) {
			display: block;
			width: 100%;
			padding: 0 16px;
			border-top: none;
			border-left: none;
		}

		th {
			padding: 16px;
			/* vertical-align: top; */
			border-right: 1px solid #CCC;
			border-bottom: 1px solid #CCC;
			width: 20% !important;
			font-weight: normal;
			text-align: left;
			background-color: #EBEBEB;

			@media screen and (max-width: 600px) {
				box-sizing: border-box;
				width: 100% !important;
				display: block;
				padding: 10px;
				/* 'display: block' では、vertical-align を使用できない。 */
				/* vertical-align: top; */
				border-right: none;
				border-bottom: none;
			}
		}

		td {
			padding: 16px;
			/* vertical-align: top; */
			border-right: 1px solid #CCC;
			border-bottom: 1px solid #CCC;

			@media screen and (max-width: 600px) {
				display: block;
				padding: 10px;
				/* padding: 0 0 4px; */
				/* 'display: block' では、vertical-align を使用できない。 */
				/* vertical-align: top; */
				border-right: none;
				border-bottom: none;
			}

			p {
				padding: 8px 0 4px;
			}

			/* a {
				color: var(--color--mediumBlue);
			} */

			h4 {
				font-size: 1rem;
				line-height: 140%;
				font-weight: bold;
				padding-top: 32px;

				@media screen and (max-width: 600px) {
					padding-top: 16px;
				}
			}

			h4+ul {
				font-size: 1rem;
				line-height: 140%;
				padding-top: 8px;
				padding-left: 1.5rem;
				margin: 0;
				list-style-type: disc;
				text-align: justify;
				text-justify: inter-character;
				text-align-last: left;
			}

			h4+ul li:nth-child(n+1) {
				padding-top: 8px;
				text-align: justify;
				/* 日本語の文字間調整 */
				text-justify: inter-character;
				/* 最後の行は左揃え */
				text-align-last: left;

				@media screen and (max-width: 600px) {
					padding-top: 2px;
				}
			}
		}

		/* td:last-of-type {
			padding: 8px;
		} */
	}

	/* ご注意事項 */
	div.list {
		box-sizing: border-box;
		width: 976px;
		padding: 24px 0px 56px;
		margin: 0 auto;
		background-color: #FFF;

		@media screen and (max-width: 600px) {
			width: 90%;
			padding: 24px 0px;
		}

		h3 {
			padding-top: 60px;

			@media screen and (max-width: 600px) {
				padding-top: 40px;

			}
		}

		h4 {
			font-size: 1.25rem;
			line-height: 140%;
			font-weight: bold;
			padding-top: 32px;

			@media screen and (max-width: 600px) {
				padding-top: 16px;
			}
		}

		h4+ul {
			font-size: 1rem;
			line-height: 140%;
			padding-top: 8px;
			padding-left: 1.5rem;
			margin: 0;
			list-style-type: disc;
			text-align: justify;
			text-justify: inter-character;
			text-align-last: left;
		}

		h4+ul li:nth-child(n+1) {
			padding-top: 8px;
			text-align: justify;
			/* 日本語の文字間調整 */
			text-justify: inter-character;
			/* 最後の行は左揃え */
			text-align-last: left;

			@media screen and (max-width: 600px) {
				padding-top: 2px;
			}
		}

		li:nth-child(n+1) {
			padding-top: 10px;
		}
	}



}

/* section#koubou-mainblock_02 table td:last-of-type {
    padding: 8px;
} */

/*------------------------------------------------------------
  #related-block : 関連リンク
------------------------------------------------------------*/

/* ボタン：並列で３つ
-------------------------*/
div#related-block {
	a.btn {
		font-size: 1rem;
		border: 2px solid var(--color--mediumBlue);
		line-height: 1.4rem;
		font-weight: 700;
		text-align: center;
		color: var(--color--mediumBlue);
		padding: 16px;
		background-color: #FFF;
		border-radius: 10px;
		transition: background-color .4s ease;
		display: flex;
		justify-content: center;
		align-items: center;
		position: relative;
		/* 画面はみ出ないようにpaddingを幅に含める */
		box-sizing: border-box;

		/* 垂直方向の中央揃え */
		@media screen and (max-width: 600px) {
			flex: 1;
			border-radius: 5px;
		}

		&:hover {
			color: #FFF;
			background-color: var(--color--mediumBlue);
		}

		&:hover:before {
			border-top: solid 2px #FFF;
			border-right: solid 2px #FFF;
			transition: transform .4s ease;
		}

		/* Arrow */
		&:before {
			content: "";
			width: 20px;
			height: 20px;
			border: 0px;
			border-top: solid 2px var(--color--mediumBlue);
			border-right: solid 2px var(--color--mediumBlue);
			-ms-transform: rotate(45deg);
			-webkit-transform: rotate(45deg);
			transform: rotate(45deg);
			position: absolute;
			top: 35%;
			left: 1em;

			@media screen and (max-width: 600px) {
				width: 10px;
				height: 10px;
			}
		}
	}

	/* 横いっぱいに表示 */
	a.w100 {
		width: 100%;
	}

	a.btn.w100 {
		display: block;
	}

	span {
		font-size: 1.5rem;
		line-height: 1.5;
		margin-top: 8px;
	}
}


/* MSブラウザで「高コントラストモード」がオフ時に適用 */
@media all and (-ms-high-contrast:none) {

	*::-ms-backdrop,
	p#search {
		display: block;
	}

}

/* ################################################ break-spn ################################################ */


@media screen and (max-width: 600px) {

	/* DEFAULT --------------------------------------------------- */
	.ga2012_breadcrumbs {
		display: none;
	}

	ul {
		padding-inline-start: 0;
	}
}

/* ################################################ break-spn ################################################ */