/*フロントページ 追加CSS*/
@charset "UTF-8";

/*PC表示*/
@media print,
screen and (min-width: 768px) {
	#front-insert-box {
		width: 728px;
		margin: 0 auto;
	}
}

/*ホームメッセージ*/
#top-message {
	background-image: url(img/add/top-msg-bg_1.png);
}

#top-message .message-box .box01,
#top-message .message-box .box02 {
	line-height: 2.0em;
	/*font-family: "Yu Mincho", "YuMincho";*/
	font-size: 1.5em;
	font-weight: bold;
}

#top-message .message-box .main-msg {
	background: url(img/add/leaf-hr2.png) no-repeat center bottom;
}

/*PC表示*/
@media screen and (min-width: 768px) {
	#top-message .message-box {
		width: 630px;
		margin: 0em auto 2.0em;
	}

	#top-message .message-box .main-msg {
		text-align: center;
		line-height: 1.5em;
		font-size: 2em;
		font-weight: bold;
		padding-bottom: 70px;
		margin-bottom: 15px;
	}

	#top-message .message-box .main-msg .msg2 {
		font-size: 0.8em;
		line-height: 1.5em;
		margin-top: 0.8em;
	}

	#top-message .box01 {
		width: 13em;
		margin: 0 auto;
	}
}

/*スマホ表示*/
@media screen and (max-width: 767px) {
	#top-message {
		background-size: auto 100%;
		background-position: -1000px 0px;
	}

	#top-message .message-box .box01,
	#top-message .message-box .box02 {
		width: 13em;
		font-size: 1.2em;
		line-height: 1.8em;
	}

	#top-message .message-box .main-msg {
		text-align: center;
		line-height: 1.5em;
		font-size: 1.3em;
		font-weight: bold;
		padding-bottom: 70px;
		margin-bottom: 15px;
	}

	#top-message .message-box .main-msg .msg2 {
		font-size: 0.9em;
		line-height: 1.5em;
		margin-top: 0.8em;
	}

	#top-message .message-box .box01 {
		margin: 0 auto 1.0em;
	}

	#top-message .message-box .box02 {
		margin: 0 auto 2.0em;
	}
}

#front-insert-box {
	margin-bottom: 40px;
}

/*バナー共通*/
#front-insert-box [class^="banner-"] ul {
	margin: 0;
	padding: 0;
}

#front-insert-box [class^="banner-"] ul li {
	list-style-type: none;
}

#front-insert-box [class^="banner-"] ul li img:hover {
	opacity: 0.5;
}

/*その他リンク add 2025.11*/
#front-insert-box .other-links {
	margin-top: 1.5em;
}

#front-insert-box .other-links ul {
	display: flex;
	justify-content: center;
}

/*「後発品使用に関する取り組みについて」リンク▼*/
#front-insert-box .other-links ul li a {
	display: inline-block;
	padding: 20px 40px;
	background-image: url("/wp/wp-content/uploads/2025/11/background-drug-transparent.png");
	background-color: #FFE0B2;
	background-size: cover;
	background-position: center;
	border: 1px #FF9800 solid;
	/*border-radius: 5px;*/
	font-size: 1.2em;
	font-weight: bold;
	color: #3F51B5;
	text-decoration: none;
}

#front-insert-box .other-links ul li a:hover {
	background-color: #FB8C00;
	color: #FFF;
}

@media screen and (max-width: 767px) {
	#front-insert-box .other-links ul li a {
		font-size: 1.0em;
	}
}
/*▲end*/

/*求人バナー*/
/*PC表示*/
@media print,
screen and (min-width: 768px) {
	#front-insert-box .banner-staff ul li.pc {
		width: 728px;
		height: 90px;
		background-color: #EEE;
	}

	#front-insert-box .banner-staff ul li.sp {
		display: none;
	}
}

/*スマホ表示*/
@media screen and (max-width: 767px) {
	#front-insert-box .banner-staff ul li.pc {
		display: none;
	}

	#front-insert-box .banner-staff ul li.sp {
		text-align: center;
		padding-top: 1.0em;
	}
}

/*バナー（2列版/3列版)*/


/*PC表示*/
@media print,
screen and (min-width: 768px) {

	#front-insert-box .banner-2rows ul,
	#front-insert-box .banner-3rows ul {
		display: flex;
		justify-content: space-between;
		-webkit-display: flex;
		-webkit-justify-content: space-between;
	}

	/*2列版*/
	#front-insert-box .banner-2rows ul li {
		width: 360px;
		height: 90px;
		background-color: #EEE;
	}

	#front-insert-box .banner-2rows ul {
		padding: 1.5em 0;
	}

	/*3列版*/
	#front-insert-box .banner-3rows ul li {
		width: 234px;
		height: 60px;
		background-color: #EEE;
	}

	/*中段（旧2列版） add 2023.1.10*/
	#front-insert-box .banner-middle-item ul {
	 	padding: 1.5em 0;
	}	
}

/*スマホ表示*/
@media screen and (max-width: 767px) {

	#front-insert-box .banner-2rows ul li,
	#front-insert-box .banner-3rows ul li {
		width: 100%;
		text-align: center;
		margin-bottom: 0.5em;
	}

	#front-insert-box .banner-2rows ul {
		padding: 1.0em 0;
	}

	#front-insert-box .banner-2rows ul li img {
		width: 300px;
		height: auto;
	}

	/*中段（旧2列版） add 2023.1.10*/
	#front-insert-box .banner-middle-item ul {
		padding-top: 1.0em;
	}
}

/*かながわ子育て応援団*/
#front-insert-box .kosodate a {
	width: 310px;
	display: flex;
	justify-content: space-between;
	-webkit-display: flex;
	-webkit-justify-content: space-between;
	margin: 1.5em auto 0;
}

#front-insert-box .kosodate .mark {
	width: 100px;
	height: 100px;
}

#front-insert-box .kosodate a img:hover {
	opacity: 0.5;
}

#front-insert-box .kosodate .exp {
	width: 200px;
	text-align: left;
	font-size: 14px;
	line-height: 1.7em;
}

/*湘南国際アカデミーへのリンク add 2024.5.20*/
#front-insert-box .kosodate a.academy-link {
	display: flex;
	width: 310px;
	background-color: #0091D9;
	color: #FFF;
	border-radius: 10px;
	padding: 10px;
	line-height: 1.5em;
	text-align: center;
	justify-content: center;
	align-items: center;
}

#front-insert-box .kosodate a.academy-link:hover {
	opacity: 0.6;
}

/*PC表示  add 2024.5.20*/
@media print,
screen and (min-width: 768px) {
	#front-insert-box .kosodate {
		display: flex;
		justify-content: center;
	}
}

/*clearfix*/
.clearfix:after {
	display: block;
	clear: both;
	height: 0px;
	line-height: 0px;
	visibility: hidden;
	content: ".";
	font-size: 1.0em;
}


/* ----------------------------------------------------------------------
	TCDオリジナル部分のカスタム▼
---------------------------------------------------------------------- */

/*お知らせ・ブログ一覧ボタン*/
.index_content_header2 .link a {
	background: #0083B3 !important;
}

.index_content_header2 .link a:hover {
	background-color: #00A0E0 !important;
}

/* フロントページ サイトID*/
.page-id-18 #header_logo_index .logo {
	font-size: 40px;
	line-height: 1.4em;
	text-shadow: 0px 0px 10px #333;
}

/*キャッチコピー削除*/
.page-id-18 .logo_area .desc {
	display: none;
}

.page-id-18 #main_contents {
	padding-top: 50px;
}

/*お知らせ・ブログ一覧枠調整 PCのみ*/
@media print,
screen and (min-width: 768px) {
	.page-id-18 .index_content1 {
		padding: 0;
	}
}

/* Tablet */
@media only screen and (min-width: 767px) and (max-width:1024px) {
	.page-id-18 .index_content1 {
		padding: inherit;
	}
}

/*サイトID直下リンク非表示*/
.page-id-18 #header_logo_index > a {
	display: none;
}