@charset "utf-8";
/*==================================================
	タブレットのみ適応
==================================================*/
@media only screen and (max-width: 768px) and (min-width: 641px){
	.dsp_smt { display: none; }
}
/*==================================================
	タブレット・スマホに適応
==================================================*/
@media only screen and (max-width: 768px) {
	.dsp_hp { display: none; }

	/* ヘッダ */
	/* コンテナ */
	#container h3.sub {
		font-size: 50px;
		margin-bottom: 40px;
	}
	#container h3.sub span {
		font-size: 20px;
	}
	.main {
		padding-left: 5%;
		padding-right: 5%;
	}
	#main, #navi {
		clear: both;
		padding-bottom: 30px;
	}
	#page_title.sub {
		height: 300px;
		padding-top: 100px;
	}
	#page_title.sub h2 {
		font-size: 18px;
	}
	#page_title.sub .great {
		font-size: 50px;
	}
	/* フッター */
	#footer {
		padding-bottom: 8px;
	}
	#footer ul {
		column-gap: 60px;
	}
	/* パンくずリスト */
	#page_navi {
		margin-bottom: 20px;
		padding-top: 15px;
		font-size: 11px;
	}
	/* 枠のマージン・パディング */
	.mb { margin-bottom: 60px; }
	.pt { padding-top: 60px; }
	.pb { padding-bottom: 60px; }
	/* アンカーリンク用上部スペース */
	.pad_anchor {
		margin-top: -50px;
		padding-top: 50px;
	}
	/*--------------------------------------------------
		トップページ
	--------------------------------------------------*/
	/* コンテンツ */
	#top_contents .box+.box {
		margin-top: 40px;
	}
	#top_contents .box:nth-child(even) {
		flex-direction: row-reverse;
	}
	#top_contents .box:nth-child(even) dd {
		text-align: right;
	}
	#top_contents .box:nth-child(even) dt {
		overflow: hidden;
	}
	#top_contents .box:nth-child(even) dt svg {
		float: right;
	}
	@media print, screen and (min-width: 641px){ /* PC用 */
		#top_contents dl {
			width: calc(100% - 300px);
		}
		#top_contents .photo {
			width: 270px;
		}
		#top_contents .box.history_box {
			width: calc(300px + 232px);
		}
	}
	/**/
	#top-mv {
		padding-top: 60px;
		padding-bottom: 160px;
	}
	
	/*--------------------------------------------------
		about
	--------------------------------------------------*/
	#about .tbl {
		margin-bottom: 30px;
	}
	#about .map {
		margin-bottom: 30px;
	}
	#about .map iframe {
		height: 300px;
	}
	/*--------------------------------------------------
		売馬情報
	--------------------------------------------------*/
	#sale .selection_sale .box:not(:last-of-type) {
		margin-bottom: 50px;
	}
	#sale .selection_sale .box .img {
		margin: 0 auto 20px;
	}
	#sale .selection_sale .box .info {
		width: 100%;
	}
	#sale .selection_sale .box .info h4 {
		font-size: 18px;
	}
	#sale .selection_sale .box .info h4 span {
		font-size: 40px;
	}
	#sale .selection_sale .box .info table {
		margin-bottom: 30px;
	}
	#sale .selection_sale .box .info table tr th, #sale .selection_sale .box .info table tr td {
		padding: 10px 0;
	}
	#sale .selection_sale .box .info .link {
		padding: 15px;
	}
	#sale .select_sale .box .sec {
		width: 49%;
	}
	#sale .select_sale .box .sec a {
		margin-bottom: 10px;
	}
	#sale .select_sale .box .sec dl dt {
		font-size: 18px;
		margin-bottom: 5px;
	}
	/*--------------------------------------------------
		求人情報
	--------------------------------------------------*/
	#recruit .line {
		margin-bottom: 40px;
	}
	#recruit .line span {
		font-size: 18px;
	}
	#recruit .about {
		display: block;
		margin-bottom: 40px;
	}
	#recruit .about .img {
		text-align: center;
		margin-bottom: 20px;
	}
	#recruit .about .info {
		width: 100%;
	}
	#recruit .detail table {
		width: 100%;
	}
	#recruit .detail table tr th, #recruit .detail table tr td {
		padding: 15px 0;
	}
	/*--------------------------------------------------
		お問い合せ
	--------------------------------------------------*/
	#mailform .tbl {
		border-bottom: 1px solid #BBB;
	}
	#mailform .tbl th,
	#mailform .tbl td {
		display: block;
		width: auto;
		border-bottom: none;
	}
	#mailform .tbl input[type="text"],
	#mailform .tbl textarea {
		font-size: 120%;
	}
	#mailform .btn input {
		width: 120px;
	}

/*------------------------------------------------*/
}