/*
	* Bootstrap 複数ページに掛かるカスタムCSS

	@media screen and (max-width: 1199px) {}
	@media screen and (max-width: 991px) {}
	@media print {}
	@media screen and (max-width: 767px) {}
 
	xl-1200(max-1199)
	lg-992(max-991)
	md-768(max-767)
	sm-576(max-575)
 
	-------------------

	Bootstrapスライドに関わるCSS
	Slickスライドに関わるCSS（サムネイルあり）
	モーダルウインドウに関わるCSS
	テキストアニメーション（一文字ずつ表示）に関わるCSS
	リンクボタン装飾
	画像ホバー時アクション
	テーブル装飾
	背景色
	コンテンツ見出し
	下層ページトップ見出し
	GoogleMap埋め込み

*/

/* Bootstrapスライドに関わるCSS */
	.cus-carousel-area{/* 余白や影 */
		overflow: hidden;
		padding: 5px;
		filter: drop-shadow(3px 3px 2px rgba(0, 0, 0, 0.3));
	}

	.cus-carousel-hight{/* 画像の高さを固定 調整CSS */
		width: 100%;
	}
	.cus-carousel-hight img{
		width: 100%;
		height: 480px;
	}
	.cus-carousel-hight.cover img{/* カバーCSS */
		object-fit: cover;
		font-family: 'object-fit: cover;';
	}
	.cus-carousel-hight.contain img{/* コンテナCSS */
		object-fit: contain;
		font-family: 'object-fit: contain;';
	}
	@media screen and (max-width: 1199px) {
		.cus-carousel-hight img{
			height: 420px;
		}
	}
	@media screen and (max-width: 991px) {
		.cus-carousel-hight img{
			height: 340px;
		}
	}
	@media print {
		.cus-carousel-hight img{
			height: 260px;
		}
	}
	@media screen and (max-width: 767px) {
		.cus-carousel-hight img{
			height: 220px;
		}
		.cus-carousel-hight.fill img{/* スマホ時高さ全体をカバー */
			height: 98vh;
		}
	}

	.carousel-control-prev-icon,
	.carousel-control-next-icon{/* 前後矢印 */
		background-color: #7bb3ee !important;
		border: #7bb3ee solid 4px;
		border-radius: 100px;
		-webkit-border-radius: 100px;
		-moz-border-radius: 100px;
	}

	.thumbnail-slide{/* サムネイル追加 調整CSS */
		padding: 0 !important;
		margin: 0 4% !important;
	}
	.thumbnail-slide button{
		overflow: hidden;
		display: block;
		background-color: rgba(0, 0, 0, 0) !important;/* サムネイル背景色指定 */
		height: 90px !important;
	}
	@media screen and (min-width: 1200px) {
		.cus-carousel-thumbnail{
			padding-bottom: 80px;
		}
		.cus-carousel-thumbnail .thumbnail-slide{
			bottom: 20px;
		}
		.cus-carousel-thumbnail .thumbnail-slide [data-bs-target]{
			width: 170px;
		}
	}
	@media screen and (max-width: 1199px) {
		.cus-carousel-thumbnail{
			padding-bottom: 100px;
		}
		.cus-carousel-thumbnail .thumbnail-slide{
			bottom: 0px;
		}
		.cus-carousel-thumbnail .thumbnail-slide [data-bs-target]{
			width: 150px;
		}
	}
	@media screen and (max-width: 767px) {
		.cus-carousel-thumbnail{
			padding-bottom: 16vw;
		}
		.cus-carousel-thumbnail .thumbnail-slide{
			bottom: 4vw;
		}
		.cus-carousel-thumbnail .thumbnail-slide [data-bs-target]{
			width: 80px;
		}
	}
	@media screen and (max-width: 575px) {
		.cus-carousel-thumbnail{
			padding-bottom: 18vw;
		}
		.cus-carousel-thumbnail .thumbnail-slide{
			bottom: 4vw;
		}
		.cus-carousel-thumbnail .thumbnail-slide [data-bs-target]{
			width: 60px;
		}
	}

/* Slickスライドに関わるCSS（サムネイルあり） */
	.cus-slider-container{/* メイン画像幅 */
		overflow: hidden;
		width: 100%;
	}
	.cus-slick-img{
		background-color: #f3f3f3;
		margin: 0 0 10px 0;
		width: 100%;
		height: 560px;
	}
	.cus-slick-img img{
		width: 100%;
		height: 560px;
		object-fit: contain;
		font-family: 'object-fit: contain;';
	}
	
	.thumbnail{
		position: relative;
		display: inline-block;
		padding: 0 60px;
		margin: 0 auto;
	}
	.thumbnail::before{/* 左端の画像borderを消去 */
		content: '';
		position: absolute;
		top: 0px;
		left: 60px;
		display: block;
		background-color: white;
		width: 2px;
		height: 100%;
		z-index: 3;
	}
	.cus-thumbnail-img{
		border-left: #cccccc solid 1px;
		padding: 1px 5px;
		margin: 0;
		height: 120px;
		text-align: center !important;
	}
	.cus-thumbnail-img img{
		display: inline-block !important;
		object-fit: contain;
		font-family: 'object-fit: contain;';
		width: 200px;
		height: 120px;
	}
	@media screen and (max-width: 1199px) {
		.cus-slick-img{
			height: 500px;
		}
		.cus-slick-img img{
			height: 500px;
		}
		
		.thumbnail{
			padding: 0 50px;
		}
		.thumbnail::before{/* 左端の画像borderを消去 */
			left: 50px;
		}
		.cus-thumbnail-img{
			height: 110px;
		}
		.cus-thumbnail-img img{
			width: 190px;
			height: 110px;
		}
	}
	@media screen and (max-width: 991px) {
		.cus-slick-img{
			height: 460px;
		}
		.cus-slick-img img{
			height: 460px;
		}
		
		.thumbnail{
			padding: 0 40px;
		}
		.thumbnail::before{/* 左端の画像borderを消去 */
			left: 40px;
		}
		.cus-thumbnail-img{
			height: 100px;
		}
		.cus-thumbnail-img img{
			width: 180px;
			height: 100px;
		}
	}
	@media print {
		.cus-slick-img{
			height: 400px;
		}
		.cus-slick-img img{
			height: 400px;
		}
		
		.thumbnail{
			padding: 0 20px;
		}
		.thumbnail::before{/* 左端の画像borderを消去 */
			left: 20px;
		}
		.cus-thumbnail-img{
			height: 80px;
		}
		.cus-thumbnail-img img{
			width: 140px;
			height: 80px;
		}
	}
	@media screen and (max-width: 767px) {
		.cus-slick-img{
			height: 240px;
		}
		.cus-slick-img img{
			height: 240px;
		}
		
		.thumbnail{
			padding: 0 20px;
		}
		.thumbnail::before{/* 左端の画像borderを消去 */
			left: 20px;
		}
		.cus-thumbnail-img{
			height: 60px;
		}
		.cus-thumbnail-img img{
			width: 100px;
			height: 60px;
		}
	}

/* モーダルウインドウに関わるCSS */
	.modal-btn{/* モーダルボタンの設定 */
		/* 上書き設定を入力 */
	}
	.modal-content{/* モーダルウインドウベースの設定 */
		border: #bcbcbc solid 2px;
		background-color: white;
		padding: 10px;
	}

/* テキストアニメーション（一文字ずつ表示）に関わるCSS */
	.cus-movetext01{opacity:0;}
	.cus-movetext01 span{opacity:0;}


/* リンクボタン装飾 */
	.cus-button a{
		overflow: hidden;
		display: block;
		position: relative;
		background: transparent;
		padding: 12px 15px;
		font-size: 18px;
		text-align: center;
		text-decoration: none;
		z-index: 1;
		transition: .3s;
	}
	.cus-button a .ic{
		position: absolute;
		top: 50%;
		right: 10px;
		background-image: url(../img/site/ic-arrow02.png);
		width: 31px;
		height: 7px;
		z-index: 3;
	}
	.cus-button a::before{
		content: "";
		top: 0;
		left: 0;
		overflow: hidden;
		position: absolute;
		z-index: -1;
		transform-origin: 100% 50%;
		transform: scaleX(0);
		transition: transform ease .3s;
	}
	.cus-button a:hover{
		text-decoration: none;
	}
	.cus-button a:hover::before{
		transform-origin: 0% 50%;
		transform: scaleX(1);
	}
	.cus-button a:hover .ic{
		background-image: url(../img/site/ic-arrow.png);
	}

	.cus-button.button-border a{/* ボーダー枠のボタン */
		border: #21345c solid 2px;
		color: #21345c;
	}
	.cus-button.button-border a::before{
		background-color: #21345c;
		width: 100%;
		height: 100%;
	}
	.cus-button.button-border a:hover{
		color: white;
	}

	.cus-original-bt a{/* original */
		overflow: hidden;
		display: inline-block;
		position: relative;
		background: transparent;
		padding: 6px 0 6px 40px;
		font-size: 24px;
		color: #21345c;
		text-decoration: none;
		z-index: 1;
		transition: .3s;
	}
	.cus-original-bt a .ic{
		position: absolute;
		top: 50%;
		left: 0px;
		margin-top: -15px;
		line-height: 1;
		z-index: 3;
	}
	.cus-original-bt a::before{
		content: "";
		bottom: 0;
		left: 0;
		overflow: hidden;
		position: absolute;
		display: block;
		width: 100%;
		height: 1px;
		background-color: #21345c;
		z-index: -1;
		transform-origin: 100% 50%;
		transform: scaleX(0);
		transition: transform ease .3s;
	}
	.cus-original-bt a:hover{
		text-decoration: none;
	}
	.cus-original-bt a:hover::before{
		transform-origin: 0% 50%;
		transform: scaleX(1);
	}
	@media print {
		.cus-button a{
			padding: 10px 12px;
			font-size: 15px;
		}

		.cus-original-bt a{/* original */
			padding: 6px 0 6px 30px;
			font-size: 17px;
		}
	}
	@media screen and (max-width: 767px) {
		.cus-button a{
			padding: 10px 12px;
			font-size: 15px;
		}

		.cus-original-bt a{/* original */
			padding: 6px 0 6px 30px;
			font-size: 17px;
		}
	}


/* 画像ホバー時アクション */
	.cus-image-zoom{/* 画像ホバー時に少し拡大 */
		overflow: hidden;
		width: 100%;
	}
	.cus-image-zoom img{
		transition: 0.5s all;
	}
	.cus-image-zoom img:hover{
		transform: scale(1.2,1.2);
		transition: 0.7s all;
	}

	.cus-image-slide-text01{/* 画像ホバー時にテキスト表示 */
		position: relative;
		display: block;
		background-color: black;
		text-decoration: none;
	}
	.cus-image-slide-text01 .text{
		position: absolute;
		bottom: 0%;
		left: 0px;
		width: 100%;
		color: white;
		text-align: center;
		opacity: 0;
		z-index: 3;
		transition: 0.7s all;
	}
	.cus-image-slide-text01 .text .main{
		margin: 0;
		font-size: 32px;
		font-weight: 700;
	}
	.cus-image-slide-text01 .text .sub{
		margin: 0;
		font-size: 16px;
		font-weight: 700;
	}
	.cus-image-slide-text01 .image{
		margin: 0;
		transition: 0.7s all;
	}
	.cus-image-slide-text01:hover .text{
		bottom: 35%;
		opacity: 1;
		transition: 0.7s all;
	}
	.cus-image-slide-text01:hover .image{
		opacity: 0.4;
		transition: 0.7s all;
	}
	@media screen and (max-width: 1199px) {
		.cus-image-slide-text01 .text .main{
			font-size: 32px;
		}
		.cus-image-slide-text01 .text .sub{
			font-size: 16px;
		}
	}
	@media screen and (max-width: 991px) {
		.cus-image-slide-text01 .text .main{
			font-size: 26px;
		}
		.cus-image-slide-text01 .text .sub{
			font-size: 15px;
		}
	}
	@media print {
		.cus-image-slide-text01 .text{
			bottom: 35%;
			opacity: 1;
		}
		.cus-image-slide-text01 .image{
			opacity: 0.4;
		}
		.cus-image-slide-text01 .text .main{
			font-size: 20px;
		}
		.cus-image-slide-text01 .text .sub{
			font-size: 15px;
		}
	}
	@media screen and (max-width: 767px) {
		.cus-image-slide-text01 .text .main{
			font-size: 20px;
		}
		.cus-image-slide-text01 .text .sub{
			font-size: 15px;
		}
	}

	.cus-image-slide-text02{/* 画像ホバー時にテキスト非表示 */
		position: relative;
		display: block;
		background-color: black;
		text-decoration: none;
	}
	.cus-image-slide-text02 .text{
		position: absolute;
		bottom: 35%;
		left: 0px;
		width: 100%;
		color: white;
		text-align: center;
		opacity: 1;
		z-index: 3;
		transition: 0.7s all;
	}
	.cus-image-slide-text02 .text .main{
		margin: 0;
		font-size: 32px;
		font-weight: 700;
	}
	.cus-image-slide-text02 .text .sub{
		margin: 0;
		font-size: 16px;
		font-weight: 700;
	}
	.cus-image-slide-text02 .image{
		margin: 0;
		opacity: 0.5;
		transition: 0.7s all;
	}
	.cus-image-slide-text02:hover .text{
		bottom: 0%;
		opacity: 0;
		transition: 0.7s all;
	}
	.cus-image-slide-text02:hover .image{
		opacity: 1;
		transition: 0.7s all;
	}
	@media screen and (max-width: 1199px) {
		.cus-image-slide-text02 .text .main{
			font-size: 32px;
		}
		.cus-image-slide-text02 .text .sub{
			font-size: 16px;
		}
	}
	@media screen and (max-width: 991px) {
		.cus-image-slide-text02 .text .main{
			font-size: 26px;
		}
		.cus-image-slide-text02 .text .sub{
			font-size: 15px;
		}
	}
	@media print {
		.cus-image-slide-text02 .text{
			bottom: 35%;
			opacity: 1;
		}
		.cus-image-slide-text02 .image{
			opacity: 0.4;
		}
		.cus-image-slide-text02 .text .main{
			font-size: 20px;
		}
		.cus-image-slide-text02 .text .sub{
			font-size: 15px;
		}
	}
	@media screen and (max-width: 767px) {
		.cus-image-slide-text02 .text .main{
			font-size: 20px;
		}
		.cus-image-slide-text02 .text .sub{
			font-size: 15px;
		}
	}

	.cus-image-rotate{/* 画像ホバー時に少し拡大 */
		position: relative;
		width: 100%;
	}
	.cus-image-rotate::before{
		content: '';
		position: absolute;
		top: 2%;
		left: 2%;
		display: block;
		background-color: #bbbbbb;
		width: 96%;
		height: 96%;
		-ms-filter: blur(6px);
		filter: blur(6px);
		z-index: 1;
	}
	.cus-image-rotate img{
		position: relative;
		transition: 0.5s all;
		z-index: 3;
	}
	.cus-image-rotate img:hover{
		transform: rotate(8deg);
		transition: 0.3s all;
	}

/* テーブル装飾 */
	@media screen and (max-width: 767px) {
		.cus-table-responsive thead tr{
			display: none;
		}
		.cus-table-responsive tbody tr th,
		.cus-table-responsive tbody tr td{
			display: block;
			width: 100%:
		}
		.cus-table-responsive tbody tr th{
			background-color: #f4f4f4;
		}
	}

	.cus-table-border{
		overflow: hidden;
		table-layout: fixed;
		border-collapse: separate;
	  border-spacing: 0;
	  border: none;
	  border-top: #21345c solid 1px;
		width: 100%;
	}
	.cus-table-border thead tr th,
	.cus-table-border tbody tr th,
	.cus-table-border tbody tr td{
		border-bottom: #21345c solid 1px;
		padding: 0;
		margin: 0;
	}
	.cus-table-border thead tr th .text,
	.cus-table-border tbody tr th .text,
	.cus-table-border tbody tr td .text{
		display: block;
		padding: 30px 10px;
	}
	@media screen and (max-width: 767px) {
		.cus-table-border thead{
			display: none;
		}
		.cus-table-border thead tr th,
		.cus-table-border tbody tr th,
		.cus-table-border tbody tr td{
			display: block;
			padding: 0 10px;
			width: 100%;
		}
		.cus-table-border tbody tr th{
			background-color: #21345c;
			color: white;
		}
		.cus-table-border thead tr th .text,
		.cus-table-border tbody tr th .text,
		.cus-table-border tbody tr td .text{
			padding: 10px 0;
		}
	}

	.cus-table-bgcover{
		overflow: hidden;
		table-layout: fixed;
		border-collapse: separate;
	  border-spacing: 0;
	  border: none;
		width: 100%;
	}
	.cus-table-bgcover thead tr th,
	.cus-table-bgcover tbody tr th,
	.cus-table-bgcover tbody tr td{
		padding: 4px;
	}
	.cus-table-bgcover thead tr th .text,
	.cus-table-bgcover tbody tr th .text,
	.cus-table-bgcover tbody tr td .text{
		display: block;
		border-radius: 6px;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		padding: 12px;
	}
	.cus-table-bgcover thead tr th .text,
	.cus-table-bgcover tbody tr th .text{
		background-color: #eaeaea;
	}
	.cus-table-bgcover tbody tr td .text{
		background-color: #f7f7f7;
	}
	@media screen and (max-width: 767px) {
		.cus-table-bgcover thead{
			display: none;
		}
		.cus-table-bgcover thead tr th,
		.cus-table-bgcover tbody tr th,
		.cus-table-bgcover tbody tr td{
			display: block;
			width: 100%;
		}
		.cus-table-bgcover tbody tr th,
		.cus-table-bgcover tbody tr td{
			padding: 4px 0;
		}
	}
	
	.cus-table-tit-respon tbody tr th .text .misadhi,
	.cus-table-tit-respon tbody tr td .text .misadhi{/* 縦並び時に見出しを追加 */
		display: none;
	}
	@media screen and (max-width: 767px) {
		.cus-table-tit-respon tbody tr th .text,
		.cus-table-tit-respon tbody tr td .text{
			position: relative;
			padding-left: 100px;
		}
		.cus-table-tit-respon tbody tr th .text .misadhi,
		.cus-table-tit-respon tbody tr td .text .misadhi{
			display: block;
			position: absolute;
			top: 0x;
			left: 10px;
			width: 84px;
		}
		.cus-table-tit-respon tbody tr th .text .misadhi .dot,
		.cus-table-tit-respon tbody tr td .text .misadhi .dot{
			display: block;
			float: right;
		}
	}


/* 背景色 */
	.cus-bg-blue{
		background-color: #21345c;
		padding: 120px 0;
	}
	@media screen and (max-width: 1199px) {
		.cus-bg-blue{
			padding: 90px 0;
		}
	}
	@media screen and (max-width: 991px) {
		.cus-bg-blue{
			padding: 80px 0;
		}
	}
	@media print {
		.cus-bg-blue{
			padding: 60px 0;
		}
	}
	@media screen and (max-width: 767px) {
		.cus-bg-blue{
			padding: 60px 0;
		}
	}

/* コンテンツ見出し */
	.cus-midashi-big{
		font-size: 72px;
		font-weight: 700;
		letter-spacing: 0.3em;
	}
	@media screen and (max-width: 1199px) {
		.cus-midashi-big{
			font-size: 60px;
		}
	}
	@media screen and (max-width: 991px) {
		.cus-midashi-big{
			font-size: 52px;
			letter-spacing: 0.24em;
		}
	}
	@media print {
		.cus-midashi-big{
			font-size: 40px;
			letter-spacing: 0.24em;
		}
	}
	@media screen and (max-width: 767px) {
		.cus-midashi-big{
			font-size: 30px;
			letter-spacing: 0.2em;
		}
	}

	.cus-midashi-box{
		position: relative;
		display: inline-block;
		padding: 14px 20px;
	}
	.cus-midashi-box .main{
		position: relative;
		display: inline-block;
		font-size: 42px;
		font-weight: 700;
		z-index: 6;
	}
	.cus-midashi-box::before{
		content: '';
		position: absolute;
		top: 0px;
		left: 0px;
		background-color: #f8f7f0;
		border: #21345c solid 1px;
		width: 100%;
		height: 100%;
		z-index: 3;
	}
	.cus-midashi-box::after{
		content: '';
		position: absolute;
		top: 5px;
		left: 5px;
		background-color: #f8f7f0;
		border: #21345c solid 1px;
		width: 100%;
		height: 100%;
		z-index: 1;
		opacity: 0.4;
	}
	@media screen and (max-width: 1199px) {
		.cus-midashi-box .main{
			font-size: 36px;
		}
	}
	@media screen and (max-width: 991px) {
		.cus-midashi-box .main{
			font-size: 28px;
		}
	}
	@media print {
		.cus-midashi-box .main{
			font-size: 22px;
		}
	}
	@media screen and (max-width: 767px) {
		.cus-midashi-box .main{
			font-size: 20px;
		}
	}

	.cus-midashi-lineup{
		position: relative;
		padding-bottom: 4px;
	}
	.cus-midashi-lineup::before{
		content: '';
		position: absolute;
		bottom: 0px;
		left: 0px;
		display: block;
		border: #21345c solid 1px;
		width: 100%;
		height: 20px;
	}
	.cus-midashi-lineup span{
		position: relative;
		display: inline-block;
		padding: 0 0 0 10px;
		letter-spacing: 0.08em;
		font-size: 46px;
		text-shadow: 
			#f8f7f0 4px 0px,  #f8f7f0 -4px 0px,
			#f8f7f0 0px -4px, #f8f7f0 0px 4px,
			#f8f7f0 4px 4px , #f8f7f0 -4px 4px,
			#f8f7f0 4px -4px, #f8f7f0 -4px -4px,
			#f8f7f0 2px 4px,  #f8f7f0 -2px 4px,
			#f8f7f0 2px -4px, #f8f7f0 -2px -4px,
			#f8f7f0 4px 2px,  #f8f7f0 -4px 2px,
			#f8f7f0 4px -2px, #f8f7f0 -4px -2px;
		z-index: 3;
	}
	.cus-midashi-lineup span:first-letter{
		color: #a2332f;
	}
	@media screen and (max-width: 1199px) {
		.cus-midashi-lineup span{
			font-size: 40px;
		}
	}
	@media screen and (max-width: 991px) {
		.cus-midashi-lineup span{
			font-size: 34px;
		}
	}
	@media print {
		.cus-midashi-lineup span{
			font-size: 24px;
		}
		.cus-midashi-lineup::before{
			height: 14px;
		}
	}
	@media screen and (max-width: 767px) {
		.cus-midashi-lineup span{
			font-size: 20px;
		}
		.cus-midashi-lineup::before{
			height: 12px;
		}
	}

	.cus-midashi-ubar .main{
		position: relative;
		display: inline-block;
		padding-bottom: 16px;
	}
	.cus-midashi-ubar .main::before{
		content: '';
		position: absolute;
		bottom: 0px;
		left: 0px;
		display: block;
		background-color: #21345c;
		width: 160%;
		height: 2px;
		font-size: 32px;
		font-weight: 700;
		letter-spacing: 0.08em;
	}

/* 下層ページトップ見出し */
	.cus-promo{
		position: relative;
		background-color: #21345c;
		text-align: right;
	}

	.cus-promo .promo-text{
		overflow: hidden;
		position: absolute;
		top: 80px;
		left: 50%;
		display: inline-block;
		margin-left: -795px;
		color: white;
		letter-spacing: 0.08em;
		white-space: nowrap;
		z-index: 3;
	}
	.cus-promo .promo-text .main{
		margin-bottom: 20px;
		font-size: 46px;
		font-weight: 700;
	}
	.cus-promo .promo-text .sub{
		position: relative;
		display: inline-block;
		padding-right: 10px;
		font-size: 16px;
	}
	.cus-promo .promo-text .sub::before{
		content: '';
		position: absolute;
		top: 50%;
		right: 120%;
		display: block;
		background-color: white;
		width: 2000px;
		height: 1px;
	}

	.cus-promo .promo-img{
		margin: 0;
	}
	@media screen and (max-width: 1589px) {
		.cus-promo .promo-text{
			top: 85px;
			left: 2%;
			margin-left: 0px;
		}
		.cus-promo .promo-text .main{
			margin-bottom: 20px;
			font-size: 42px;
		}
		.cus-promo .promo-text .sub{
			font-size: 16px;
		}
	}
	@media screen and (max-width: 1199px) {
		.cus-promo .promo-text{
			top: 4vw;
			left: 2%;
			margin-left: 0px;
		}
		.cus-promo .promo-text .main{
			margin-bottom: 16px;
			font-size: 4vw;
		}
		.cus-promo .promo-text .sub{
			font-size: 15px;
		}
		.cus-promo .promo-img img{
			width: 46%;
		}
	}
	@media screen and (max-width: 991px) {
		.cus-promo .promo-text{
			top: 7vw;
		}
		.cus-promo{
			margin-top: 60px;
		}
		.cus-promo .promo-img img{
			width: 60%;
		}
	}
	@media print {
		.cus-promo .promo-text .sub{
			font-size: 13px;
		}
	}
	@media screen and (max-width: 767px) {
		.cus-promo .promo-text .main{
			margin-bottom: 2px;
			font-size: 5vw;
		}
		.cus-promo .promo-img img{
			width: 70%;
		}
	}

/* GoogleMap埋め込み */
	.cus-gmap{
		overflow: hidden;
		position: relative;
		margin: 0;
		width: 100%;
		height: 400px;
	}
	.cus-gmap iframe,
	.cus-gmap object,
	.cus-gmap embed{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	@media screen and (max-width: 767px) {
		.cus-gmap{
			height: 30vh;
		}
	}

/* ページング */
	div.paging span.current,
	div.paging span.paging-text{margin:0px 2px;color:#333;border:1px solid #ccc;display:inline;zoom:1;display:inline-block;overflow:hidden;text-decoration:none;}
	div.paging span.paging-text a{padding:3px 8px; display:block;}
	div.paging span.current{background: #21345c;border:1px solid #21345c;color:#fff;display:inline;zoom:1;padding:3px 8px;text-decoration:none;display:inline-block; cursor:pointer;}
	div.paging span.paging-text a:hover{background: #21345c;color: #fff;text-decoration:none;cursor:pointer;}