/* Header */
/* Insta画像をホバーした */
img.insta_button:hover{
	/* 透明度を上げることで、画像の色を薄く見せる。*/
	opacity:0.5;

	/* リンクをホバーしたときのカーソルにする。*/
	cursor: pointer;
}

/* insta画像をクリックした瞬間 */
img.twitter_button:active{
	/* 要素を若干下に下げることで、押した感じを出す。*/
	/* 今いる位置から相対的に3px下に配置する。*/
	position: relative;
	top: 3px;
}

.resize-insta_image {
	width: 20px; /* 幅を200ピクセルに設定 */
	height: auto; /* 高さを自動調整してアスペクト比を維持 */
}

/* Home */
.home-row-custom{
	width: 80%; /* rowの幅を80%に設定 */
	margin: 0 auto; /* 中央揃え */
}

.logo-container {
	display: flex;
	flex-wrap: wrap;
	align-items: center; /* 垂直方向に中央揃え */
	justify-content: center; /* 水平方向に中央揃え */
}
.logo-item1 {
	flex: 1 1 30%; /* 横並びで3等分 */
	box-sizing: border-box;
}

.logo-item1 img {
	width: 100%;
	height: auto;
}
.logo-item2 {
	flex: 1 1 30%; /* 横並びで3等分 */
	box-sizing: border-box;
}

.logo-item2 img {
	width: 100%;
	height: auto;
}

.open-image img{
	width: 70%;
}
.open-text{
	font-size: 13px; /* フォントサイズを小さく設定 */
	text-decoration: none;
	color:black;
}


/* スマホ表示用のスタイル */
@media (max-width: 768px) {
	.logo-item1 {
		flex: 1 1 100%; /* 縦並びにする */
		margin: 0 auto; /* 中央揃え */
	}
	.logo-item2 {
		flex: 1 1 100%; /* 縦並びにする */
		margin: 0 auto; /* 中央揃え */
	}
	.home-row-custom{
		width: 100%; /* rowの幅を100%に設定 */
		margin: 0 auto; /* 中央揃え */
	}
	.line {
		display: none;
	}
	.logo-item1 img {
		width: 50%;
		height: auto;
	}
	.logo-item2 img {
		width: 100%;
		height: auto;
	}
	.open-image img{
		width: 100%;
	}
	.open-text{
		font-size: 13px; /* フォントサイズを小さく設定 */
		text-decoration: none;
		color:black;
	}
}

.carousel-inner {
	max-width: 850px;
	max-height: 480px;
}
.carousel-item img {
	width: 100%; /* 画像の幅を100%に設定 */
	height: auto; /* 画像の高さを自動調整 */
	max-height: 500px; /* 画像の最大高さを設定、必要に応じて調整 */
	object-fit: cover; /* 画像の表示方式をカバーに設定 */
}
.no-border-hr {
	border: 0; /* ボーダーを0に設定 */
	height: 10px; /* 高さを設定 */
	background-color: #FFFFFF; /* 線の色を設定 */
	margin: 0px 0; /* 上下の余白を設定 */
}
.line {
	border: 0; /* ボーダーを0に設定 */
	height: 20px; /* 高さを設定 */
	background-color: #FFFFFF; /* 線の色を設定 */
	margin: 0px 0; /* 上下の余白を設定 */
}

/* About us */
.row-custom {
	height: auto; /* 行の高さを自動調整 */
	display: flex; /* フレックスボックスを使用 */
	align-items: center; /* 行の中央に画像を揃える */
}
.row-custom img {
	max-height: 480px; /* 画像の最大高さを設定、必要に応じて調整 */
	height: auto; /* 画像の高さを自動調整 */
}
.small-text {
	font-size: 15px; /* フォントサイズを小さく設定 */
}
.small-text-tenpo {
	font-size: 14px; /* フォントサイズを小さく設定 */
}

.oepn-text{
	font-size: 13px; /* フォントサイズを小さく設定 */
	text-decoration: none;
	color:black;
}

/* Tenpo */
.row-custom-tenpo {
	height: auto; /* 行の高さを自動調整 */
	display: flex; /* フレックスボックスを使用 */
	align-items: center; /* 行の中央に画像を揃える */
}
.row-custom-tenpo img {
	max-height: 320px; /* 画像の最大高さを設定、必要に応じて調整 */
	height: auto; /* 画像の高さを自動調整 */
}

/* styles.css HP*/
.bottom-border {
	border-bottom: 2px solid #000000; /* 要素に下線を作成 */
}

header {
	background-color: white;
	color: black;
	padding: 10px;
}
body {
	background-color: white;
	color: black;
}
.navbar-nav {
	margin-left: auto;
}
.navbar-toggler {
	margin-left: auto;
}
.center-image {
	display: flex;
	justify-content: center; /* 水平方向の中央寄せ */
	padding: 20px;
}
.center-image img {
	max-width: 100%; /* 画像の最大幅を親要素に合わせる */
	height: auto; /* 画像の縦横比を保つ */
}
.btn-fixed-width {
	display: inline-block; /* 幅を固定し、インラインブロック表示に設定 */
	width: 120px; /* リンクの幅を固定（必要に応じて変更） */
	font-size: 14px; /* ここで文字の大きさを指定します */
	padding: 10px;
	background-color: white; /* ボタンの背景色（必要に応じて変更） */
	color: black; /* 文字色 */
	text-align: center; /* テキストを中央寄せ */
	text-decoration: none; /* テキストの下線を削除 */
	border-radius: 0; /* ボタンの角を丸めない */
	border: 1px solid black; /* 枠線の色と太さを指定 */
	color: black; /* テキストの色を枠線と一致 */
	margin: 0 10px; /* ボタン間の余白 */
}
.content-center {
	display: flex;
	justify-content: center; /* 水平方向の中央寄せ */
	height: 50px; /* ボタン行の高さ */
}


/* footer */
.footer {
	background-color: #f8f9fa; /* フッターの背景色を設定 */
	color: #000000; /* フッターのテキスト色を設定 */
	padding: 20px 0; /* フッターのパディングを設定 */
	text-align: center; /* フッターのテキストを中央揃え */
}
.footer a {
	color: #000000; /* リンクの色を設定 */
	text-decoration: none; /* リンクの下線を削除 */
}
.footer a:hover {
	text-decoration: underline; /* ホバー時に下線を表示 */
}
.p-margin-bottom-0 {
    margin-top: 0;
    margin-bottom: 0px;
}
.p-margin-bottom-3 {
    margin-top: 0;
    margin-bottom: 3px;
}

html {
	scroll-behavior: smooth; /* スムーズスクロールを設定 */
}