@charset "utf-8";


/* 【目次】 *****************************

[ 1 ] ページ全体
[ 2 ] ヘッダー
	┣ [ 2-1 ] ヘッダー全体 | #siteHeader
	┣ [ 2-2 ] サイトタイトル | #siteHeader h1
	┣ [ 2-3 ] グローバルナビ | #globalNavi
	┣ [ 2-4 ] 見学申込み | #contact
	┣ [ 2-5 ] LINEスタンプバナー | #stamp
	┗ [ 2-6 ] メニューボタン | #menuBtn
[ 3 ] メインコンテンツ
	┣ [ 3-1 ] メインコンテンツ全体 | #scrlWrapper
	┣ [ 3-2 ] ファーストビュー
	┃	┣ [ 3-2-1 ] ファーストビュー全体 | #introFirstView
	┃	┣ [ 3-2-2 ] 新着情報スライド | #newsTelop
	┃	┣ [ 3-2-3 ] メインコピー | #mainCopyWrapper
	┃	┗ [ 3-2-4 ] スクロールボタン | #scroll
	┣ [ 3-3 ] リード文 | #introLead
	┣ [ 3-4 ] 施設長挨拶 | #message
	┣ [ 3-5 ] お仕事内容 | #job
	┣ [ 3-6 ] EOSファーム船橋について
	┃	┣ [ 3-6-1 ] 「EOSファーム船橋について」全体 | #about
	┃	┣ [ 3-6-2 ] 「EOSファーム船橋について」各タブ共通
	┃	┣ [ 3-6-3 ] 「EOSファーム船橋について」各コンテンツ共通
	┃	┣ [ 3-6-4 ] A型従業員募集要項 | #recriutment
	┃	┣ [ 3-6-5 ] 一日のスケジュール | #schedule
	┃	┗ [ 3-6-6 ] 就労継続支援A型とは | #type-A
	┣ [ 3-7 ] 新着情報 | #news
	┣ [ 3-8 ] アクセス | #access
	┗ [ 3-9 ] スコア | #score
[ 4 ] フッター | #siteFooter
[ 5 ] 固定フッター | #footerContact
[ 6 ] トップに戻るボタン | #toTop
[ 7 ] 「ごあいさつ」セクション一時非表示

**************************************** */


/* 【レスポンシブ仕様】 ******************

[ portrait モード ]
～679px: 【スマートフォン】レイアウト
680px～: 【タブレット】レイアウト

[ landscape モード ]
～979px: 【タブレット】レイアウト
980px～1349px: 【PC】レイアウト
1350px～: 【PCワイド】レイアウト

[ 記述順 ]
【スマートフォン】
	@media (orientation: portrait) and (min-width: 680px), (orientation: landscape) {
		【タブレット用追記】
	}
		@media (orientation: landscape) and (min-width: 980px) {
			【PC用追記】
		}
			@media (orientation: landscape) and (min-width: 1350px) {
				【PCワイド用追記】
			}

**************************************** */


/* [ 1 ] ページ全体
======================================== */

*,
*:before,
*:after { box-sizing: border-box; }

html { font-size: 3.75vw; /* 12/320*100 */ }

html,
body { height: 100%; }

body {
	box-sizing: border-box;
	color: #231815;
	font-family: Verdana, "メイリオ", Meiryo, "ヒラギノ角ゴProN W3", "Hiragino Kaku Gothic ProN", HiraKakuProN-W3, sans-serif;
	line-height: 1.75;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	text-align: justify;
	text-justify: inter-ideograph; /* IE 及び Edge 向け */
}

img {
	line-height: 1.1;
	text-align: justify;
	vertical-align: bottom;
}

	@media (orientation: portrait) and (min-width: 680px), (orientation: landscape) {
		
		html { font-size: calc(100vw * 0.0166); /* (980+250)*0.0133/980 */ }
		
	}

		@media (orientation: landscape) and (min-width: 980px) {
		
			html { font-size: calc(100vw * 0.0133); /* 18/1350 */ }
		
			body { display: flex; }
		
		}

			@media (orientation: landscape) and (min-width: 1350px) {
			
				html { font-size: 18px; }
			
			}

/* [ 2-1 ] ヘッダー全体 | #siteHeader
======================================== */

#siteHeader {
	display: flex;
	flex-direction: column;
	height: 100%;
}

	@media (orientation: portrait) and (min-width: 680px), (orientation: landscape) {}

		@media (orientation: landscape) and (min-width: 980px) {
		
			#siteHeader {
				flex-basis: 18.52%;
				line-height: 0;
				max-width: 250px;
			}
		
		}

			@media (orientation: landscape) and (min-width: 1350px) {}

/* [ 2-2 ] サイトタイトル | #siteHeader h1
======================================== */

#siteHeader h1 {
	background-color: #fdedec;
	margin: 0;
}

#siteHeader h1:before,
#siteHeader h1:after {
	content: "";
	display: block;
	padding-top: 1.875%; /* 6/320*100 */
}

#siteHeader h1 a {
	align-items: center;
	display: flex;
	justify-content: space-between;
	margin-left: 2.8125%; /* 9/320*100 */
	width: 75.3125%; /* 241/320*100 */
}

#siteHeader h1 a img:first-child { height: 16.5625vw; /* 53/320*100 */ }

#siteHeader h1 a img:last-child { height: 12.1875vw; /* 39/320*100 */ }

	@media (orientation: portrait) and (min-width: 680px), (orientation: landscape) {

		#siteHeader h1:before,
		#siteHeader h1:after {
			content: "";
			display: block;
			padding-top: 0.9114%; /* 7/768*100 */
		}

		#siteHeader h1 a {
			margin: 0 auto;
			width: 27.3437%; /* 210/768*100 */
		}

		#siteHeader h1 a img:first-child { height: 5.9896vw; /* 46/768*100 */ }

		#siteHeader h1 a img:last-child { height: 4.4271vw; /* 34/768*100 */ }

	}

		@media (orientation: landscape) and (min-width: 980px) {
			
			#siteHeader h1 {
				align-items: center;
				display: flex;
				flex-basis: calc(15.037vw + ((100vh - 29.3333vw) * 0.133333));
				justify-content: center;
				max-height: 19.4815vw;
				padding: 0;
			}
			
			#siteHeader h1:before,
			#siteHeader h1:after { display: none; }
			
			#siteHeader h1 a {
				display: block;
				margin: 0;
				width: 64%;
			}
			
			#siteHeader h1 a img:first-child {
				height: 11.8518vw; /* 160/1350*100 */
				max-height: 160px;
			}
			
			#siteHeader h1 a img:last-child {
				height: 2.5185vw; /* 34/1350*100 */
				margin-top: 5.63%;
				max-height: 34px;
			}
			
		}

			@media (orientation: landscape) and (min-width: 1350px) {

				#siteHeader h1 {
					flex-basis: calc(203px + ((100vh - 396px) * 0.133333));
					max-height: 263px;
				}

			}

/* [ 2-3 ] グローバルナビ | #globalNavi
======================================== */

@keyframes odd {

	0% { right: 100%; }

	25%, 75% { right: 0; }

	100% { right: 100%; }

}

@keyframes even {

	0% { right: 100%; }

	25%, 75% { right: 0; }

	100% { right: 100%; }

}

#globalNavi {
	background-color: #fdedec;
	display: flex;
	flex-grow: 1;
	justify-content: center;
	padding: calc((100vh - 86.5625vw) / 12) 0; /* 86.5625=(65/320+16/320*5+132/320)*100=h1+(#globalNavi img)*5+#stamp */
	position: relative;
	transform: translateX(-100vw);
	transition-duration: 0.5s;
	transition-property: transform;
	transition-timing-function: ease-out;
	z-index: 100;
}

.showMenu #globalNavi { transform: translateX(0vw); }

#globalNavi ul {
	display: flex;
	flex-direction: column;
	list-style-type: none;
	margin:0 ;
	padding: 0;
}

#globalNavi li {
	display: flex;
	flex-grow: 1;
}

#globalNavi a {
	display: flex;
	flex-grow: 1;
	justify-content: center;
}

#globalNavi span {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

#globalNavi img { height: 5vw; /* 16/320*100 */ }

	@media (orientation: portrait) and (min-width: 680px), (orientation: landscape) {
		
		#globalNavi { padding: calc((100vh - 33.4634vw) / 12) 0; /* 33.4634=(60/768+16/768*5+117/768)*100=h1+(#globalNavi img)*5+#stamp */ }
		
		#globalNavi img { height: 2.0833vw; /* 16/768*100 */ }
		
	}

		@media (orientation: landscape) and (min-width: 980px) {
			
			#globalNavi {
				display: block;
				padding: 0;
				transform: none;
				transition-property: none;
			}
			
			#globalNavi ul {
				display: block;
				height: calc(5.9259vw + ((100vh - 29.3333vw) * 0.666667)); /* 5.9259=80/1350 */ /* 29.3333=396/1350 */
				max-height: 28.1481vw;
			}
			
			#globalNavi li {
				display: list-item;
				height: 20%;
			}
			
			#globalNavi a {
				align-items: center;
				flex-grow: 0;
				height: 100%;
				justify-content: flex-start;
				padding-left: 11.2%;
			}
			
			#globalNavi span {
				display: inline-block;
				height: 1.1852vw;
				max-height: 16px;
				position: relative;
			}
			
			#globalNavi span:before {
				background-color: #91be29;
				bottom: -6px;
				content: "";
				height: 2px;
				left: 0;
				position: absolute;
				right: 100%;
				transition-duration: 0.2s;
				transition-timing-function: ease-out;
			}
			
			#globalNavi a:hover:not(.touch) span:before { right: 0; }
			#globalNavi a.touch.odd span:before {
				animation-duration: 0.8s;
				animation-name: odd;
				animation-timing-function: ease;
			}
			
			#globalNavi a.touch.even span:before {
				animation-duration: 0.8s;
				animation-name: even;
				animation-timing-function: ease;
			}
			
			#globalNavi img {
				display: block;
				height: 100%;
			}
			
		}

			@media (orientation: landscape) and (min-width: 1350px) {
				
				#globalNavi ul {
					height: calc(80px + ((100vh - 396px) * 0.6666)); /* 80=16*5 */ /* 396=203+(16*5)+53+60 */ /* 0.6666 = (30*10)/(30*15) */
					max-height: 380px; /* 76*5 */
				}
				
			}

/* [ 2-4 ] 見学申込み | #contact
======================================== */

#contact { display: none; }

	@media (orientation: portrait) and (min-width: 680px), (orientation: landscape) {}

		@media (orientation: landscape) and (min-width: 980px) {
			
			#contact {
				background-color: #fdedec;
				display: block;
				flex-basis: calc(8.3703vw + ((100vh - 29.3333vw) * 0.2)); /* 0.2 = 90 / 450 */
				max-height: 15.0370vw; /* 203 / 1350 */
			}
			
			#contact h2 { display: none; }
			
			#contact ul{
				height: 100%;
				margin: 0;
				padding: 0;
			}
			
			#contact li {
				align-items: flex-end;
				display: flex;
				justify-content: center;
			}
			
			#contact .tel { height: calc(3.9259vw + ((100% - 8.3704vw) * 0.333333)); /*3.9259 ≑ 53 / 1350; 8.3704 ≑ 113 / 1350*/ }
			
			#contact .tel a { width: 56%; /* 140 / 250 */ }
			
			#contact .mail { height: calc(4.4444vw + ((100% - 8.3704vw) * 0.333333)); /* 4.4444 ≑ 60 / 1350; 8.3704 ≑ 113 / 1350 */ }
			
			#contact .mail a { width: 92%; /* 230 / 250 */ }
			
			#contact li img {
				display: block;
				width: 100%;
			}
			
		}

			@media (orientation: landscape) and (min-width: 1350px) {
				
				#contact {
					flex-basis: calc(113px + ((100vh - 396px) * 0.2));
					max-height: 203px;
				}
				
				#contact .tel { height: calc(53px + ((100% - 113px) * 0.333333)); }
				
				#contact .mail { height: calc(60px + ((100% - 113px) * 0.333333)); }
				
			}

/* [ 2-5 ] LINEスタンプバナー | #stamp
======================================== */

#stamp {
	background-color: #fdedec;
	text-align: center;
	padding: 1.875% 0; /* 6/320*100 */
	position: relative;
	transform: translateX(-100vw);
	transition-duration: 0.5s;
	transition-property: transform;
	transition-timing-function: ease-out;
	z-index: 100;
}

.showMenu #stamp { transform: translateX(0vw); }

#stamp h2 { font-size: 0; }

#stamp a {
	display: block;
	height: 37.5vw; /* 120/320*100 */
	margin: 0 auto;
	width: 68.75vw; /* 220/320*100 */
}

#stamp img { height: 100%; }

	@media (orientation: portrait) and (min-width: 680px), (orientation: landscape) {
		
		#stamp { padding: 0.9114% 0; /* 7/768*100 */ }
		
		#stamp a {
			height: 13.4114vw; /* 103/768*100 */
			width: 24.4791vw; /* 188/768*100 */
		}
		
	}

		@media (orientation: landscape) and (min-width: 980px) {
			
			#stamp { display: none; }
			
		}

			@media (orientation: landscape) and (min-width: 1350px) {}

/* [ 2-6 ] メニューボタン | #menuBtn
======================================== */

@keyframes topHide {

	0% { transform: translateY(12.5vw) rotate(45deg); /* 12.5=10*4/320*100 */ }

	50% { transform: translateY(12.5vw) rotate(0); }

	100% { transform: translateY(0vw) rotate(0); }

}

@keyframes topHideTab {

	0% { transform: translateY(5.20832vw) rotate(45deg); /* 5.20832=10*4/768*100 */ }

	50% { transform: translateY(5.20832vw) rotate(0); }

	100% { transform: translateY(0vw) rotate(0); }

}

@keyframes topShow {

	0% { transform: translateY(0vw) rotate(0); }

	50% { transform: translateY(12.5vw) rotate(0); }

	100% { transform: translateY(12.5vw) rotate(45deg); }

}

@keyframes topShowTab {

	0% { transform: translateY(0vw) rotate(0); }

	50% { transform: translateY(5.20832vw) rotate(0); }

	100% { transform: translateY(5.20832vw) rotate(45deg); }

}

@keyframes bottomHide {

	0% { transform: translateY(-12.5vw) rotate(-45deg); }

	50% { transform: translateY(-12.5vw) rotate(0); }

	100% { transform: translateY(0vw) rotate(0); }

}

@keyframes bottomHideTab {

	0% { transform: translateY(-5.20832vw) rotate(-45deg); }

	50% { transform: translateY(-5.20832vw) rotate(0); }

	100% { transform: translateY(0vw) rotate(0); }

}

@keyframes bottomShow {

	0% { transform: translateY(0vw) rotate(0); }

	50% { transform: translateY(-12.5vw) rotate(0); }

	100% { transform: translateY(-12.5vw) rotate(-45deg); }

}

@keyframes bottomShowTab {

	0% { transform: translateY(0vw) rotate(0); }

	50% { transform: translateY(-5.20832vw) rotate(0); }

	100% { transform: translateY(-5.20832vw) rotate(-45deg); }

}

#menuBtn {
	background-color: #fdedec;
	border-color:  #231815;
	border-width: 1.25vw;
	box-sizing: content-box;
	cursor: pointer;
	height: 62.5vw;
	margin: 0;
	padding: 0;
	position: absolute;
	right: 2.03125vw; /* 6.5/320*100 */
	top: 2.03125vw;
	transform: scale(0.25);
	transform-origin: right top;
	width: 62.5vw;
}

#menuBtn:focus { outline: none; }

#menuBtn:before,
#menuBtn:after,
#menuBtn span:before {
	animation-duration: 0.8s;
	animation-fill-mode: forwards;
	background-color: #231815;
	content: "";
	display: block;
	height: 6%; /* 3/50*100 */
	left: 20%;
	position: absolute;
	top: 20%; /* 10/50*100 */
	width: 60%; /* 30/50*100 */
}

.clicked #menuBtn:before { animation-name: topHide; }

.showMenu #menuBtn:before { animation-name: topShow; }

#menuBtn:after { top: 60%; /* 30/50*100 */ }

.clicked #menuBtn:after { animation-name: bottomHide; }

.showMenu #menuBtn:after { animation-name: bottomShow; }

#menuBtn span {
	display: block;
	height: 100%;
	text-align: center;
	width: 100%;
}

#menuBtn span:before {
	top: 40%; /* 20/50*100 */
	transition-delay: 0.25s;
	transition-duration: 0.25s;
}

.showMenu #menuBtn span:before { opacity: 0; }

#menuBtn img {
	bottom: 8%; /* 4/50*100 */
	display: block;
	left: 20%;
	position:absolute;
	width: 60%;
}

	@media (orientation: portrait) and (min-width: 680px), (orientation: landscape) {
		
		#menuBtn {
			border-width: 0.5208vw;
			height: 26.0416vw;
			right: 0.5208vw; /* 4/768*100 */
			top: 0.5208vw;
			width: 26.0416vw;
		}
		
		.clicked #menuBtn:before { animation-name: topHideTab; }
		
		.showMenu #menuBtn:before { animation-name: topShowTab; }
		
		.clicked #menuBtn:after { animation-name: bottomHideTab; }
		
		.showMenu #menuBtn:after { animation-name: bottomShowTab; }

	}

		@media (orientation: landscape) and (min-width: 980px) {
			
			#menuBtn { display: none; }
			
		}

			@media (orientation: landscape) and (min-width: 1350px) {}

/* [ 3-1 ] メインコンテンツ全体 | #scrlWrapper
======================================== */

#scrlWrapper {
	background-color: #fff9f0;
	height: calc(100% - 20.3125vw - 31.25vw); /* 31.25=100/320*100 */
	-webkit-overflow-scrolling: touch; /* iOS 向け */
	overflow-y: scroll;
	position: absolute;
	top: 20.3125vw; /* 65/320*100 */
	width: 100%;
}

.articleH2 {
	background-color: #fff;
	padding: 9.375vw 0; /* 30/320*100 */
	text-align: center;
}

.articleH2 h2 {
	align-items: center;
	display: flex;
	justify-content: center;
	line-height: 0;
	margin: 0;
}

.articleH2 h2 img { height: 6.25vw; /* 20/320*100 */ }

	@media (orientation: portrait) and (min-width: 680px), (orientation: landscape) {
		
		#scrlWrapper {
			height: calc(100% - 7.8124vw);
			top: 7.8124vw;
		}
		
		.articleH2 { padding: 4.5454% 0; /* 4.5454≑50/1100*100 */ }

		.articleH2 h2 { height: 2.7272vw; /* 2.7272≑30/1100*100 */ }
		
		.articleH2 h2:before,
		.articleH2 h2:after {
			border-top: solid 1px;
			content: "";
			width: 4.5454%; /* 4.5454≑50/1100*100 */
		}

		.articleH2 h2 img {
			height: 100%;
			margin: 0 3.6363%; /* 3.6363≑40/1100*100 */
		}

	}

		@media (orientation: landscape) and (min-width: 980px) {
			
			#scrlWrapper {
				flex-basis: 81.48%;
				flex-grow: 1;
				height: 100%;
				position: static;
			}
			
			.articleH2 { padding: calc(81.4814vw * 0.045454) 0; /* 81.4841≑1100/1350*100; 0.045454≑50/1100 */ }
			
			.articleH2 h2 { height: calc(81.4814vw * 0.027272); /* 81.4841≑1100/1350*100; 0.027272≑30/1100 */ }
			
			.articleH2 h2:before,
			.articleH2 h2:after { width: calc(81.4814vw * 0.045454); /* 81.4841≑1100/1350*100; 0.045454≑50/1100 */ }
			
			.articleH2 h2 img { margin: 0 calc(81.4814vw * 0.036363); /* 81.4841≑1100/1350*100; 0.036363≑40/1100 */ }
			
		}

			@media (orientation: landscape) and (min-width: 1350px) {
				
				.articleH2 { padding: 50px 0; }
				
				.articleH2 h2 { height: 30px; }
				
				.articleH2 h2:before,
				.articleH2 h2:after { width: 50px; }
				
				.articleH2 h2 img { margin: 0 40px; }
				
			}

/* [ 3-2-1 ] ファーストビュー全体 | #introFirstView
======================================== */

#introFirstView {
	background-image:
		url(../images_appearance/bg_introFirstView01.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	display: flex;
	flex-direction: column;
	height: 100%;
	position: relative;
}

/* [ 3-2-2 ] 新着情報スライド | #newsTelop
======================================== */

#newsTelop { display: none; }

	@media (orientation: portrait) and (min-width: 680px), (orientation: landscape) {
		
		#newsTelop {
			background-image:
				radial-gradient(rgba(4, 0, 0, 0.39), rgba(4, 0, 0, 0.39)),
				radial-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8));
			display: block;
			flex-shrink: 0;
			font-size: 0.8888rem; /* 16/18 */
			height: 3.75em; /* 1em * 1.75 + 2em */
			overflow: hidden;
		}

		#newsTelop a {
			color: #fff;
			display: block;
			height: 3.7em;
			text-decoration: none;
		}
		
		#newsTelop a > div {
			margin: 0 auto;
			max-width: 100%;
		}
		
		#newsTelopWrapper { margin: 0; }
		
		.newsTelopItem {
			display: flex;
			height: 2.76em;
			max-width: 1323px;
			padding: 0 1em;
		}
		
		.newsTelopItem dt,
		.newsTelopItem dd {
			position: relative;
			top: 1em;
		}
		
		.newsTelopItem dt { margin-right: 1.5em; }
		
		.newsTelopItem dt:first-of-type span {
			display: inline-block;
			font-weight: bold;
			min-width: 6em;
			padding: 0 1em;
			text-align: center;
			white-space: nowrap;
		}
		
		.newsTelopItem dt:first-of-type span.newsRecruitment {
			background-color: #d0d72f;
			color: #231815;
		}
		
		.newsTelopItem dt:first-of-type span.newsInformation {
			background-color: #ed8f25;
			color: #231815;
		}
		
		.newsTelopItem dt:first-of-type span.newsCompany {
			background-color: #7f8080;
			color: #fff;
		}
		
		.newsTelopItem dd {
			margin: 0;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
		}

	}

		@media (orientation: landscape) and (min-width: 980px) {}
		
			@media (orientation: landscape) and (min-width: 1350px) {}

/* [ 3-2-3 ] メインコピー | #mainCopyWrapper
======================================== */

#mainCopyWrapper {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
}

#mainCopy {
	align-items: center;
	background-image:
		radial-gradient(circle farthest-side, rgba(255, 255, 255, 0),
		rgba(255, 255, 255, 0.83) 90%);
	display: flex;
	flex-grow: 1;
}

#mainCopy > div {
	background-color: rgba(255, 255, 255, 0.62);
	width: 100%;
}

#mainCopy h2,
#mainCopy p { margin: 4.6875vw 0; }

#mainCopy h2 span {
	align-items: center;
	display: flex;
	flex-direction: column;
}

#mainCopy h2 img:nth-of-type(1) {
	margin-bottom: 2.34375vw; /* 7.5/320*100 */
	width: 57.0245vw; /* 90/857*543 */
}

#mainCopy h2 img:nth-of-type(2) { width: 90vw; }

#mainCopy p span {
	align-items: center;
	display: flex;
	flex-direction: column;
	margin: 0;
}

#mainCopy p span img {
	height: 3.4375vw; /* 11/320*100 */
	margin-bottom: 1.5625vw; /* 5/320*100 */
}

#mainCopy p span:nth-of-type(2) img:nth-of-type(2) { margin-bottom: 0; }

	@media (orientation: portrait) and (min-width: 680px), (orientation: landscape) {

		#mainCopy h2 {
			margin:0 auto;
			width: 95%;
		}

		#mainCopy h2 span {
			display: block;
			padding: 4.2704% 0 2.8469%; /* 60/1405 40/1405 */
		}
		
		#mainCopy h2 img:nth-of-type(1) {
			margin-bottom: 0;
			width: 38.6476%;
		}

		#mainCopy h2 img:nth-of-type(2) {
			margin-left: 0.3%;
			width: 60.9964%;
		}

		#mainCopy p {
			margin: 0 auto;
			width: 75%;
		}

		#mainCopy p span {
			display: block;
			line-height: 1;
		}
		
		#mainCopy p span img {
			height: auto;
			margin-bottom: 0;
		}
		
		#mainCopy p span:nth-of-type(1) {
			margin: 0 auto;
			padding-bottom: 3.6264%; /* 40/1103 */
			width: 89.5738%; /* 988 / 1103 */
		}

		#mainCopy p span:nth-of-type(1) img:nth-of-type(1) {
			margin-right: 1.4%;
			width: 28.7449%; /* 284/988 */
		}

		#mainCopy p span:nth-of-type(1) img:nth-of-type(2) { width: 69.8380%; /* 690/988 */ }

		#mainCopy p span:nth-of-type(2) { padding-bottom: 5.4397%; /* 60/1103 */ }

		#mainCopy p span:nth-of-type(2) img:nth-of-type(1) {
			margin-right: 1.2%;
			width: 66.0018%; /* 728/1103 */
		}
		
		#mainCopy p span:nth-of-type(2) img:nth-of-type(2) { width: 32.7289%; /* 361/1103 */ }

	}
		@media (orientation: landscape) and (min-width: 980px) {}
			@media (orientation: landscape) and (min-width: 1350px) {
				
					#mainCopy h2 { max-width: 1405px; }
					
					#mainCopy p { max-width: 1103px; }
				
			}

/* [ 3-2-4 ] スクロールボタン | #scroll
======================================== */

#scroll {
	bottom: 0;
	height: 11.5vw;
	left: 50%;
	margin-left: -75px;
	position: absolute;
	text-align: center;
	width: 150px;
}

#scroll a {
	background-image: url(../images_appearance/txt_scroll01.png);
	background-repeat: no-repeat;
	background-size: contain;
	display: inline-block;
	padding-top: 2.5vw;
	transition-duration: 0.3s;
	transition-property: padding-top;
	transition-timing-function: ease-out;
}

#scroll a img { height: 8vw; }

#scroll a:hover:not(.touch) { padding-top: 3.5vw; }

	@media (orientation: portrait) and (min-width: 680px), (orientation: landscape) {
		
		#scroll { height: 5.75vw }
		
		#scroll a { padding-top: 1.25vw }
		
		#scroll a img { height: 4vw; }
		
		#scroll a:hover:not(.touch) { padding-top: 1.75vw; }
		
	}
	
		@media (orientation: landscape) and (min-width: 980px) {
			
			#scroll { height: 110px; }
			
			#scroll a { padding-top: 25px; }
			
			#scroll a img { height: 73px; }
			
			#scroll a:hover:not(.touch) { padding-top: 32px; }

		}
		
			@media (orientation: landscape) and (min-width: 1350px) {}

/* [ 3-3 ] リード文 | #introLead
======================================== */

#introLead {
	background-image: url(../images_appearance/bg_introLead01.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	display: flex;
}

#introLead p {
	margin: 3.55625vw 0;
	width: 100%;
}

#introLead span {
	align-items: center;
	display: flex;
	flex-direction: column;
	height: 8.179375vw;
	justify-content: space-between;
	margin: 3.55625vw 0;
}

#introLead span img { height: 3.55625vw; }

	@media (orientation: portrait) and (min-width: 680px), (orientation: landscape) {
		
		#introLead p {
			margin: 0 auto;
			max-width: 978px;
			width: 85%;
		}
		
		#introLead span {
			align-items: flex-end;
			flex-direction: row;
			height: auto;
			margin: 0 auto;
		}
		
		#introLead span img { height: auto; }
		
		#introLead span img:first-child { text-align: right; }
		
		#introLead span:nth-of-type(1) {
			margin-bottom: 1.7382%; /* 17/978 */
			margin-top: 8.1799%; /* 80/978 */
			width: 78.8343%; /* (273+15+483)/978 */
		}
		
		#introLead span:nth-of-type(1) img:first-child { width: 35.4085%; /* 273/(273+15+483) */ }
		
		#introLead span:nth-of-type(1) img:last-child { width: 62.6459%; /* 483/(273+15+483) */ }
		
		#introLead span:nth-of-type(2) {
			margin-bottom: 4.0899%; /* 40/978 */
			width: 66.9734%; /* (374+281)/978 */
		}
		
		#introLead span:nth-of-type(2) img:first-child { width: 57.0992%; /* 374/(374+281) */ }
		
		#introLead span:nth-of-type(2) img:last-child { width: 42.9007%; /* 281/(374+281) */ }
		
		#introLead span:nth-of-type(3) {
			margin-bottom: 1.7382%; /* 17/978 */
			width: 100%; /* (426+15+537)/978 */
		}
		
		#introLead span:nth-of-type(3) img:first-child { width: 43.5582%; /* 426/(426+15+537) */ }
		
		#introLead span:nth-of-type(3) img:last-child { width: 54.9079%; /* 537/(426+15+537) */ }
		
		#introLead span:nth-of-type(4) {
			margin-bottom: 8.1799%; /* 80/978 */
			width: 93.1492%; /* (557+15+339)/978 */
		}
		
		#introLead span:nth-of-type(4) img:first-child { width: 61.1416%; /* 557/(557+15+339) */ }
		
		#introLead span:nth-of-type(4) img:last-child { width: 37.2118%; /* 339/(557+15+339) */ }

	}
	
		@media (orientation: landscape) and (min-width: 980px) {}
		
			@media (orientation: landscape) and (min-width: 1350px) {}

/* [ 3-4 ] 施設長挨拶 | #message
======================================== */

#message { color: #545454; }

#messageWrapper {
	border-color: #fff9f0;
	border-style: solid;
	border-width: 1px;
	padding: 0 1em;
}

#messageWrapper div {
	margin: 1.5em auto;
	max-width: 1323px;
}

#messageWrapper div p { margin: 0; }

#message footer {
	margin: 1.5em auto;
	max-width: 1323px;
	text-align: right;
}

#message footer ul {
	display: inline-block;
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: left;
}

	@media (orientation: portrait) and (min-width: 680px), (orientation: landscape) {
		
		#messageWrapper { padding: 0 2em; }
		
	}

		@media (orientation: landscape) and (min-width: 980px) {}
		
			@media (orientation: landscape) and (min-width: 1350px) {}

/* [ 3-5 ] お仕事内容 | #job
======================================== */

#job { color: #545454; }

#job section.jobPanel h3 {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 66.4670vw; /* 555/835*100 */
	margin: 0;
	position: relative;
}

#job section.jobPanel:nth-of-type(1) h3 { background-image: url(../images_appearance/bg_job01.png); }

#job section.jobPanel:nth-of-type(2) h3 { background-image: url(../images_appearance/bg_job02.png); }

#job section.jobPanel h3 span {
	align-items: center;
	bottom: 0;
	display: flex;
	flex-direction: column;
	height: 15%;
	justify-content: center;
	left: 0;
	position: absolute;
	right: 0;
}

#job section.jobPanel img { height: 50%; }

#job section.jobPanel > div {
	background-color: #eff7fd;
	padding: 1.5em 1em;
}

#job section.jobPanel p { margin: 0; }

#job section.jobList { display: none; }

#job aside { display: none; }

	@media (orientation: portrait) and (min-width: 680px), (orientation: landscape) {

		#job section.jobPanel {
			display: flex;
			margin: auto;
			max-width: 1670px;
		}
		
		#job section.jobPanel:nth-of-type(2) { flex-direction: row-reverse; }
		
		#job section.jobPanel h3,
		#job section.jobPanel > div { width: 50%; }
		
		#job section.jobPanel h3 { height: auto; }
		
		#job section.jobPanel h3 span { height: 100%; }
		
		#job section.jobPanel:nth-of-type(1) h3 span{ margin-left: 65.8682%; /* 550/835*100 */ }
		
		#job section.jobPanel:nth-of-type(2) h3 span { margin-right: 65.8682% }
		
		#job section.jobPanel img { height: 4.5045%; /* 25/555 */}
		
		#job section.jobPanel > div {
			padding: 0;
			position: relative;
		}
		
		#job section.jobPanel > div:before {
			content: "";
			display: block;
			padding-top: 66.4671%; /* 555/835 */
		}
		
		#job section.jobPanel > div > div {
			align-items: center;
			bottom: 0;
			display: flex;
			padding: 0 2em;
			position: absolute;
			top: 0;
		}
		
		#job section.jobPanel p {
			max-height: 100%;
			overflow: auto;
		}
		
		#job section.jobList {
			display: block;
			margin: 0.5989% auto 0;
			max-width: 1670px;
		}
		
		#job section.jobList h3 { font-size: 0; }
		
		#job section.jobList ul {
			display: flex;
			justify-content: space-between;
			list-style-type: none;
			margin: 0 0.5989%;
			padding: 0;
		}
		
		#job section.jobList li { width: 24.5454%; }
		
		#job section.jobList img { width: 100%; }
		
		#job aside {
			display: block;
			padding: 3em 0;
			text-align: center;
		}
		
		#job aside img {
			max-width: 524px;
			width: 47.6363%; /* 524/1100 */
		}

	}
	
		@media (orientation: landscape) and (min-width: 980px) {}
		
			@media (orientation: landscape) and (min-width: 1350px) {}

/* [ 3-6-1 ] 「EOSファーム船橋について」全体 | #about
======================================== */

#aboutContent article { margin: 6.25vw 0; /* 20/320*100 */ }

#aboutAside { display: none; }

	@media (orientation: portrait) and (min-width: 680px), (orientation: landscape) {

		#aboutContent,
		#aboutAside {
			display: block;
			margin: 0 auto;
			max-width: 1670px;
		}
		
		#aboutContent { position: relative; }
		
		#aboutContent:before {
			content: "";
			display: block;
			font-size: 1.5rem; /* 27/18 */
			height: calc((4 * (1em / 3)) + 3px + 3em);
		}
		
		#aboutContent article {
			border-bottom-left-radius: 10px;
			border-left-color: #71c7d5;
			border-left-style: solid;
			border-left-width: 3px;
			margin: 0 1.5em;
		}
		
		#aboutAside aside {
			border-bottom: solid 1px #fff9f0;
			font-size: 1.7777rem; /* 32/18 */
			line-height: 1.3;
			text-align: center;
		}
		
		#aboutAside aside img {
			max-width: 750px;
			width: 68.1818%;
		}

	}

		@media (orientation: landscape) and (min-width: 980px) {}
		
			@media (orientation: landscape) and (min-width: 1350px) {}

/* [ 3-6-2 ] 「EOSファーム船橋について」各タブ共通
======================================== */

#about input { display: none; }

#about div.aboutTab {
	border-style: solid;
	border-width: 0.9375vw; /* 3/320*100 */
	cursor: pointer;
	padding: 0 26.5625vw 0 6.25vw; /* 26.5625=85/320*100 *//* 6.25=20/320*100 */
	position: relative;
}

#about div.aboutTab:before,
#about div.aboutTab:after {
	border-style: solid;
	content: "";
	display: block;
	position: absolute;
	right: 13.4375vw; /* 43/320*100 */
	top: 50%;
	transform: translateY(-50%) translateX(50%);
}

#about div.aboutTab:before {
	border-color: transparent;
	border-bottom-style: none;
	border-width: 5.3125vw 3.75vw;
	height: 5.3125vw; /* 17/320*100 */
	transition-delay: 0.7s;
	transition-duration: 0.5s;
	transition-property: transform;
	width: 7.5vw; /* 24/320*100 */
}

#about div.aboutTab.accordionOpen:before { transform: translateY(-50%) translateX(50%) rotate(180deg); }

#about div.aboutTab.accordionOpen:not(.default):before { transition-delay: 1.7s; }

#about div.aboutTab.noscroll:before { transition-delay: 0s; }

#about div.aboutTab.accordionOpen.noscroll:not(.default):before { transition-delay: 1s; }

#about div.aboutTab:after {
	border-width: 0.625vw; /* 2/320*100 */
	height: 15vw; /* 48/320*100 */
	width: 15vw;
}

#about h3 {
	font-size: 1.6667em;
	font-weight: normal;
	line-height: 1.2;
	margin: 0.875em 0;
}

#about label {
	cursor: pointer;
	display: block;
}

	@media (orientation: portrait) and (min-width: 680px), (orientation: landscape) {

		#about div.aboutTab {
			border-radius: 10px 10px 0 0;
			border-style: solid solid none;
			border-width: 3px;
			font-size: 1.5rem; /* 27/18 */
			height: calc(3em + 3px);
			padding: 0;
			position: absolute;
			top: calc(4 * (1em / 3));
			width: 11em;
		}
		
		#about div.aboutTab:before,
		#about div.aboutTab:after {
			background-size: contain;
			border-style: none;
			height: 10px;
			top: calc(100% - 7px);
			transform: none;
			width: 10px;
		}
		
		#about div.aboutTab:before {
			left: -10px;
			right: auto;
			transition-property: none;
		}
		
		#about div.aboutTab:after {
			left: 100%;
			right: auto;
		}
		
		#about h3 {
			background-color: #fff9f0;
			border-radius: 7px 7px 0 0;
			font-size: inherit;
			font-weight: normal;
			line-height: 3em;
			margin: 0;
			text-align: center;
		}
		
		#about input:checked + div h3 { height: calc(3em + 4px); }
		
		#about label {
			overflow: hidden;
			-webkit-tap-highlight-color:rgba(0,0,0,0);
			white-space: nowrap;
		}

	}

		@media (orientation: landscape) and (min-width: 980px) {}
		
			@media (orientation: landscape) and (min-width: 1350px) {}

/* [ 3-6-3 ] 「EOSファーム船橋について」各コンテンツ共通
======================================== */

#about div.aboutContent {
	line-height: 1.5;
	height: 0;
	overflow: hidden;
	position: relative;
	transition-delay: 0.7s;
	transition-duration: 1s;
	transition-property: height;
}

#about div.aboutContent.accordionOpen:not(.default) { transition-delay: 1.7s; }

#about div.aboutContent.noscroll { transition-delay: 0s;}

#about div.aboutContent.accordionOpen.noscroll:not(.default) { transition-delay: 1s; }

.noscript #about div.aboutContent { height: auto; }

#about .aboutContentInner {
	border-style: none solid solid;
	border-width: 0.9375vw; /* 3/320*100 */
	bottom: 0;
	left: 0;
	padding: 2em 1em;
	position: absolute;
	right: 0;
}

#about .aboutContentTable {
	margin: 0;
	position: relative;
	width: 100%;
	z-index: 0;
}

#about .aboutContentTable > div {
	/* border-top: dashed 1px #ee96bd; */
	display: flex;
}

#about .aboutContentTable > div > dt { background-color: #fdedec; }

#about .aboutContentTable > div > dt,
#about .aboutContentTable > div > dd {
	align-items: center;
	display: flex;
	justify-content: center;
	margin: -1px 0;
	padding: 2em 1.5em;
	border-top: dashed 1px #ee96bd;
	/* z-index: -1; */
}
#about .aboutContentTable > div:last-child > dt, 
#about .aboutContentTable > div:last-child > dd {
	border-bottom: dashed 1px #ee96bd;
}


#about .aboutContentTable > div > dd { background-color: #fff; }

#about .aboutContentTable > div > dd li { margin-bottom: 1em; }

#about .aboutContentTable > div > dd li:last-of-type { margin-bottom: 0; }

	@media (orientation: portrait) and (min-width: 680px), (orientation: landscape) {

		#about div.aboutContent,
		.noscript #about div.aboutContent {
			border-radius: 10px;
			border-style: none;
			border-width: 3px;
			height: 0;
			margin-left: -3px;
			padding: 0 5em;
			position: static;
			transition-property: none;
		}
		
		#about input:checked ~ div.aboutContent {
			border-style: solid;
			height: inherit;
		}
		
		#about .aboutContentInner {
			border-style: none;
			max-width: 1000px;
			margin: 4em auto;
			padding: 0;
			position: static;
		}
		
	}

		@media (orientation: landscape) and (min-width: 980px) {}
		
			@media (orientation: landscape) and (min-width: 1350px) {}

/* [ 3-6-2 ] A型従業員募集要項 | #recriutment
======================================== */

#recruitment div.aboutTab,
#recruitment div.aboutTab:after,
#recruitment div.aboutContent > div { border-color: #71c7d5; }

#recruitment div.aboutTab:before { border-top-color: #71c7d5; }

#recruitment .aboutContentTable > div { flex-direction: column; }

#recruitment .aboutContentTable > div > dt,
#recruitment .aboutContentTable > div > dd { width: auto; }

#recruitment .aboutContentTable > div > dd { justify-content: flex-start; }

#recruitment #applicationCondition ul,
#recruitment #applicationMethod ul,
#recruitment #notices ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
		
#recruitment #requiredSkills dl {
	margin: 0;
	width: 100%;
}

#recruitment #requiredSkills dd > dl > div { display: flex; }

#recruitment #requiredSkills dd > dl > div > dt { white-space: nowrap; }

#recruitment #requiredSkills dd > dl > div > dd { margin: 0; }

#recruitment #requiredSkills dd dt:before { content: "【"; }

#recruitment #requiredSkills dd dt:after { content: "】"; }

#recruitment #applicationDocuments ul { margin: 0; }

#recruitment #applicationDocuments strong {
	display: block;
	font-weight: inherit;
	margin-top: 1em;
	padding-left: 1em;
}

#recruitment #applicationDocuments strong:before {
	content: "※";
	margin-left: -1em;
}
#recruitment #notices > dd { display: block; }

#recruitment #notices strong {
	display: block;
	font-weight: inherit;
	margin-top: 1em;
	padding-left: 1em;
}

#recruitment #notices strong:before {
	content: "※";
	margin-left: -1em;
}

	@media (orientation: portrait) and (min-width: 680px), (orientation: landscape) {

		#recruitment { border-left-color: #fff9f0; }
		
		#recruitment div.aboutTab { margin-left: -3px; }
		
		#recruitment div.aboutTab:after { background-image: url(../images_appearance/bg_about_recruitment_unchecked_R.png); }
		
		#recruitment input:checked + div.aboutTab:after { background-image: url(../images_appearance/bg_about_recruitment_checked_R.png); }
		
		#recruitment div.aboutContent {
			border-color: #71c7d5;
			border-top-left-radius: 0;
		}
		
		#recruitment .aboutContentTable > div { flex-direction: row; }
		
		#recruitment .aboutContentTable > div> dt { width: 30%; }
		
		#recruitment .aboutContentTable > div> dd { width: 70%; }

	}

		@media (orientation: landscape) and (min-width: 980px) {}
		
			@media (orientation: landscape) and (min-width: 1350px) {}

/* [ 3-6-3 ] 一日のスケジュール | #schedule
======================================== */

#schedule div.aboutTab,
#schedule div.aboutTab:after,
#schedule div.aboutContent > div { border-color: #6ab82d; }

#schedule div.aboutTab:before { border-top-color: #6ab82d; }

#scheduleTable > h4 { display: none; }

#scheduleTable > p {
	font-size: 0.6666em;
	line-height: 1.2;
	margin: 0;
	text-indent: 0.5em;
}

#schedule .aboutContentTable { margin: 1em 0; }

#schedule .aboutContentTable > div > dt,
#schedule .aboutContentTable > div > dd { width: 50%; }

#scheduleUse h4 {
	font-size: 1.3em;
	font-weight: normal;
	margin: 1em 0 0 0;
}

#scheduleUse ol {
	counter-reset: scheduleUse;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#scheduleUse h5 {
	font-size: inherit;
	font-weight: normal;
}

#scheduleUse h5:before {
	content: counter(scheduleUse) " ";
	counter-increment: scheduleUse;
}

#scheduleUse h5,
#scheduleUse h5 + p { margin: 1em 0; }

#scheduleUse h5 + p { margin-left: 2em; }

#scheduleUse ol li:last-child h5 + p { margin-bottom: 0; }

	@media (orientation: portrait) and (min-width: 680px), (orientation: landscape) {

		#schedule div.aboutTab { margin-left: calc(12em - 3px); }
		
		#schedule div.aboutTab:before { background-image: url(../images_appearance/bg_about_schedule_unchecked_L.png); }
		
		#schedule input:checked + div.aboutTab:before { background-image: url(../images_appearance/bg_about_schedule_checked_L.png); }
		
		#schedule div.aboutTab:after { background-image: url(../images_appearance/bg_about_schedule_unchecked_R.png); }
		
		#schedule input:checked + div.aboutTab:after { background-image: url(../images_appearance/bg_about_schedule_checked_R.png); }
		
		#schedule div.aboutContent { border-color: #6ab82d; }
		
		#scheduleTable > p {
			font-size: 0.6666rem; /* 12/18 */
			margin: 1em 0;
		}
		
		#schedule .aboutContentTable { margin: 0; }
		
		#schedule .aboutContentTable > div > dt { width: 30%; }
		
		#schedule .aboutContentTable > div > dd { width: 70%; }
		
		#scheduleUse h4 {
			font-size: 1.7777rem; /* 32/18 */
		}
		
		#scheduleUse ol {
			display: table;
			font-size: 1.3333rem; /* 24/18 */
		}
		
		#scheduleUse li { display: table-row; }
		
		#scheduleUse h5 { white-space: nowrap; }
		
		#scheduleUse h5,
		#scheduleUse h5 + p {
			display: table-cell;
			margin: 0;
			padding: 1em 0.5em;
		}

	}

		@media (orientation: landscape) and (min-width: 980px) {}
		
			@media (orientation: landscape) and (min-width: 1350px) {}

/* [ 3-6-4 ] 就労継続支援A型とは | #type-A
======================================== */

#type-A div.aboutTab,
#type-A div.aboutTab:after,
#type-A div.aboutContent > div { border-color: #e48b2a; }

#type-A div.aboutTab:before { border-top-color: #e48b2a; }

#type-A div.aboutContent > div > * { margin: 2em 0; }

#type-A div.aboutContent > div > *:first-child { margin-top: 0; }

#type-A div.aboutContent > div > *:last-child { margin-bottom: 0; }

#type-A div.aboutContent dd { margin: 1em 0 1em 1em; }

#type-ATarget {
	counter-reset: type-ATarget;
	list-style: none;
	padding: 0;
}

#type-ATarget li { display: flex; }

#type-ATarget li:before {
	content: "(" counter(type-ATarget) ") ";
	counter-increment: type-ATarget;
	white-space: pre;
}

	@media (orientation: portrait) and (min-width: 680px), (orientation: landscape) {

		#type-A div.aboutTab { margin-left: calc(12em - 3px); }
		
		#type-A div.aboutTab:before { background-image: url(../images_appearance/bg_about_type-A_unchecked_L.png); }
		
		#type-A input:checked + div.aboutTab:before { background-image: url(../images_appearance/bg_about_type-A_checked_L.png); }
		
		#type-A div.aboutTab:after { background-image: url(../images_appearance/bg_about_type-A_unchecked_R.png); }
		
		#type-A input:checked + div.aboutTab:after { background-image: url(../images_appearance/bg_about_type-A_checked_R.png); }
		
		#type-A div.aboutContent {
			border-color: #e48b2a;
			font-size: 1.2222rem; /* 22/18 */
		}
		
	}

		@media (orientation: landscape) and (min-width: 980px) {}
		
			@media (orientation: landscape) and (min-width: 1350px) {}

/* [ 3-7 ] 新着情報 | #news
======================================== */

#news { line-height: 1.5; }

#newsContent { padding: 0 1em; }

#newsContent dl { margin: 0 auto; }

#newsContent dt { margin: 1em 1em 1em 0; }

#newsContent dt:first-of-type {
	float: left;
	margin-top: 0;
}

#newsContent dt:first-of-type span {
	display: inline-block;
	font-weight: bold;
	min-width: 6em;
	padding: 0 1em;
	text-align: center;
	white-space: nowrap;
}

#newsContent dt:first-of-type span.newsRecruitment { background-color: #d0d72f; }

#news dt:first-of-type span.newsInformation { background-color: #ed8f25; }

#news dt:first-of-type span.newsCompany {
	background-color: #7f8080;
	color: #fff;
}

#news dd {
	clear: left;
	margin: 1em 0;
}

#newsContent dl > div:after {
	border-color: #CCC;
	border-top-style: solid;
	border-width: 1px;
	content: "";
	display:block;
	margin: 1em auto;
	width: 83.3333%;
}

#newsContent dl > div:last-child:after { display: none; }

	@media (orientation: portrait) and (min-width: 680px), (orientation: landscape) {
		
		#newsContent {
			margin: 0;
			padding: 4em 0;
		}
		
		#newsContent dl > div {
			display: flex;
			margin: 2em 0;
			max-width: 1323px;
			padding: 0 1em;
		}
		
		#newsContent dl > div:first-of-type { margin-top: 0; }
		
		#newsContent dl > div:last-of-type { margin-bottom: 0; }
		
		#newsContent dt { margin: 0 1.5em 0 0; }
		
		#newsContent dt:first-of-type { float: none; }
		
		#newsContent dl > div:after { display: none; }
		
		#newsContent dd { margin: 0; }
		
	}
	
		@media (orientation: landscape) and (min-width: 980px) {}
		
			@media (orientation: landscape) and (min-width: 1350px) {}

/* [ 3-8 ] アクセス | #access
======================================== */

#access dl { line-height: 1.1; }

#accessText {
	background-color: rgba(239,247,253,0.9);
	border-color: rgba(239,247,253,0.9);
	border-style: solid none;
	border-width: 1px;
	margin: 0;
	padding: 1.5em 1em;
}

#accessText *:first-child { margin-top: 0; }

#accessText *:last-child { margin-bottom: 0; }

#accessText > dt { font-size: 1.3em; }

#accessText > dt,
#accessText > dd { margin: 0.7em 0; }

#accessText > dd > dl {
	display: flex;
	margin: 1em 0;
}

#accessText > dd > dl > dt:after { content: ":\00a0"; }

#accessText > dd > dl > dd { margin: 0; }

#accessMap { margin: 0; }

#accessMap iframe {
	height: 63.4375vw;
	vertical-align: top;
	width: 100%;
}

	@media (orientation: portrait) and (min-width: 680px), (orientation: landscape) {
		
		#access > div { position: relative; }

		#accessText {
			bottom: 2.5em;
			display: inline-block;
			padding: 1.5em;
			position: absolute;
			top: 2.5em;
		}
		
		#accessText > dt,
		#accessText > dd { margin: 1em 0; }

		#accessText > dt {
			font-size: 1.5555rem;
		}

		#accessMap { padding-left: 16em; }
		
		#accessMap iframe {
			font-size: 1.00rem;
			height: calc(11.6666em + (9.1111em * 1.1) + 2px + 5em);
		}

	}

		@media (orientation: landscape) and (min-width: 980px) {}
		
			@media (orientation: landscape) and (min-width: 1350px) {}

/* [ 3-9 ] スコア | #score
======================================== */
#score { 
	line-height: 1.5;
}
#scoreContent { 
	padding: 0 5em;
	margin: 2em;
}
#score table {
	border-bottom: dashed 1px #ee96bd;
	border-collapse: collapse;
	text-align: center;
	width: 100%;
}
#score table td {
	background-color: #fff;
	border-top: dashed 1px #ee96bd;
	padding: 2em 1.5em; 
}

/* [ 4 ] フッター | #siteFooter
======================================== */

#siteFooter > div {
	padding: 0 1em;
	position: relative;
}

#siteFooter h3 { display: none; }

#siteFooter #footerLink { padding-top: 23.4375vw; /* 4.0625*2+15.3125 */}

#siteFooter #footerLink ul {
	line-height: 1.2;
	margin: 5.625vw auto;
	padding: 0;
}

#siteFooter #footerLink ul:first-of-type:after {
	border-color: #CCC;
	border-top-style: solid;
	border-width: 1px;
	content: "";
	display: block;
	margin: 5.625vw auto; /* 2.8125*2 */
	width: 83.3333%;
}

#siteFooter #footerLink li {
	list-style-type: none;
	margin: 2.8125vw 0; /* 9/320*100 */
	text-align: center;
}

#siteFooter #footerLink li a {
	color: inherit;
	text-decoration: none;
}

#siteFooter #footerLogo {
	margin: 4.0625vw 0; /* 13/320*100 */
	position: absolute;
	top: 0;
	width: calc(100% - 2em);
}

#siteFooter #footerLogo > div > div { text-align: center; }

#siteFooter #footerLogo img { height: 15.3125vw; /* 49/320*100 */} 

#siteFooter #footerLogo > div > a { display: none; }

#siteFooter > p {
	background-color: #fdedec;
	line-height: 1.5;
	margin: 0;
	padding: 1em 0;
	text-align: center;
}

#siteFooter small { font-size: inherit; }

	@media (orientation: portrait) and (min-width: 680px), (orientation: landscape) {
		
		#siteFooter > div { padding: 0; }
		
		#siteFooter #footerLink {
			align-items: center;
			display: flex;
			flex-direction: column;
			font-size: 0.7777rem; /* 14/18 */
			line-height: 1;
			list-style-type: none;
			margin: 0;
			padding: 1.25em 0;
		}
		
		#siteFooter #footerLink ul {
			display: flex;
			line-height: inherit;
			margin: 0;
		}
		
		#siteFooter #footerLink ul:first-of-type:after { display: none; }
		
		#siteFooter #footerLink li {
			margin: 1.25em 0;
			padding: 0 1em;
			text-align: justify;
		}
		
		#siteFooter #footerLogo {
			align-items: center;
			bottom: 0;
			display: flex;
			left: 0.5em;
			margin: auto;
			max-width: 249px;
			width: 16%;
		}
		
		#siteFooter #footerLogo > div > div { text-align: justify; }
		
		#siteFooter #footerLogo > div > div:after {
			content: "";
			display: block;
			padding-top: 5.6680%;
		}
		
		#siteFooter #footerLogo img {
			height: auto;
			width: 100%;
		}
		
		#siteFooter #footerLogo > div > a { display: inline; }
		
		#siteFooter > p {
			font-size: 0.7777rem; /* 14/18 */
			line-height: inherit;
		}
		
	}

		@media (orientation: landscape) and (min-width: 980px) {}
		
			@media (orientation: landscape) and (min-width: 1350px) {}

/* [ 5 ] 固定フッター | #footerContact
======================================== */

#footerContact {
	bottom: 0;
	background-color: #e6e6e6;
	display: flex;
	flex-direction: column;
	height: 31.25vw;
	position: fixed;
	width: 100%;
}

#footerContact h3 { display: none; }

#footerContact p {
	line-height: 1.3;
	margin: 2.6041vw 0 0; /* 8.3333/320*100 */
	max-height: 9.375vw; /* 30/320*100 */
	text-align: center;
}

#footerContact ul {
	display: flex;
	list-style-type: none;
	margin: 2.6041vw 0 0;
	padding: 0;
}

#footerContact li { margin-left: 3.125vw; }

#footerContact img {
	box-shadow: 0.625vw 0.625vw 1.5625vw rgba(35,24,21,0.75);
	width: 45.3125vw; /* 145/320*100 */
}

	@media (orientation: portrait) and (min-width: 680px), (orientation: landscape) {
		
		#footerContact { display: none; }
		
	}

		@media (orientation: landscape) and (min-width: 980px) {}
		
			@media (orientation: landscape) and (min-width: 1350px) {}

/* [ 6 ] トップに戻るボタン | #toTop
======================================== */

#toTop { direction: rtl; }

#toTop div {
	bottom: 0;
	margin-bottom: 47.5vw; /* 152/320*100 */
	margin-right: 3.125vw; /* 10/320*100 */
	opacity: 0;
	position: fixed;
	transition-duration: 1s;
	transition-property: opacity, visibility;
	transition-timing-function: ease-in;
	visibility: hidden;
}

#toTop.show div {
	opacity: 1;
	visibility: visible;
}

#toTop img { width: 9.375vw; }

	@media (orientation: portrait) and (min-width: 680px), (orientation: landscape) {
		
		#toTop div { 
			font-size: 0.7777rem; /* 14/18 */
			margin-bottom: calc((1em * 1.75) + 3em);
			margin-right: 1em;
		}
		
		#toTop img { width: 4.0909vw; }
		
	}

		@media (orientation: landscape) and (min-width: 980px) {

			#toTop img {
				max-width: 45px;
				width: 3.3333vw;
			}

		}
		
			@media (orientation: landscape) and (min-width: 1350px) {}

/* [ 7 ] 「ごあいさつ」セクション一時非表示
======================================== */

#globalNavi { padding: calc((100vh - 81.5625vw) / 10) 0; /* 81.5625=(65/320+16/320*4+132/320)*100=h1+(#globalNavi img)*4+#stamp */ }

#globalNavi li#naviMessage { display: none; }

#message { display: none; }

	@media (orientation: portrait) and (min-width: 680px), (orientation: landscape) {
		
		#globalNavi { padding: calc((100vh - 31.3802vw) / 10) 0; /* 31.3802=(60/768+16/768*4+117/768)*100=h1+(#globalNavi img)*4+#stamp */ }
		
	}

		@media (orientation: landscape) and (min-width: 980px) {
			
			#globalNavi { padding: 0; }
			
			#globalNavi ul {
				height: calc(4.7407vw + ((100vh - 28.1481vw) * 0.6153)); /* 4.7407=64/1350 */ /* 28.1481=380/1350 */
				max-height: 22.5185vw; /* 304/1350 */
			}
			
			#globalNavi li { height: 25%; }
			
		}
		
			@media (orientation: landscape) and (min-width: 1350px) {
				
				#globalNavi ul {
					height: calc(64px + ((100vh - 380px) * 0.6153)); /* 64=16*4 */ /* 380=203+(16*4)+53+60 */ /* 0.6153=(30*8)/(30*13) */
					max-height: 304px; /* 76*4 */
				}
				
			}