@charset "utf-8";
/* このスタイルシートについて

Projectレイヤーはプロジェクト固有のスタイルが該当します。プロジェクトで使い回すスタイルのほとんどはProjectレイヤーに追加することになります。


<クラス記入例>
.p-breadcrumb {
  overflow: hidden;
  margin: 0;
  padding-left: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  list-style-type: none;
}

<目次>
・各ページ、セクションで使用するクラス
・各ページ
・メディアクエリ―　1200px　各ページの設定
・メディアクエリ―　992px　 各ページの設定
・メディアクエリ―　768px　 各ページの設定
・メディアクエリ―　576px　 各ページの設定

------------------------------------------------------------

サイトの設定

------------------------------------------------------------

/* -------------------------------------------------- /* 
/* 各ページ、セクションで使用するクラス
/* -------------------------------------------------- /* 

/* 各ページ全体設定
---------------------------------*/

html {
	position: relative;
	min-height: 100%;
	scroll-behavior: smooth; 
	/*---スムーススクロール用----*//*overflow-y: scroll;*/
	
}
body {
	/* Margin bottom by footer height */
	margin-bottom: 0px;
}
/* 背景配色設定
---------------------------------*/

.u-bg-red {
	background: #be003f;
}
.u-bg-black {
	background: #212121;
}
.u-bg-blackgray {
	background: #646464;
}
.u-bg-gray {
	background: #a0a0a0;
}
.u-bg-whitegray {
	background: #e9e9e9;
}
/* フォント配色設定
---------------------------------*/

.u-txt-red {
	color: #be003f;
}
.u-txt-black {
	color: #212121;
}
.u-txt-blackgray {
	color: #646464;
}
.u-txt-gray {
	color: #a0a0a0;
}
.u-txt-whitegray {
	color: #e9e9e9;
}
/* フォントの設定　大きさ、色等
---------------------------------*/

/*ヘッダーの上部ロゴだけ使用*/
h1 {

}
/*各ページヘッダータイトル*/
h2 {
	font-size: 160%;
	margin: 1%;
}
/*見出し大　ラインつき*/
h3 {
	font-size: 140%;
	margin: 0;
	padding-bottom: .5em;
	border-bottom: 1px solid #000000;
}
/*見出し中*/
h4 {
	font-size: 120%;
	margin: 0;
	font-weight: bold;
}
/*見出し小*/
h5 {
	font-size: 120%;
	margin: 20;
}
h5 p {
	font-size: 80%;
	margin: 20;
}
/*キャプション*/
h6 {
	font-size: 100%;
	line-height: 1.6;
}
p {
	font-size: 16px;
}
/* リンク設定
---------------------------------*/

/*ボタン設定*/
a:hover {
	opacity: .7;
	text-decoration: none;
}
/* ボタン設定
---------------------------------*/
/*ボタン設定*/
button.btn {
	border-radius: 0;
	border: 0;
}
.dropdown:hover .dropdown-menu {
	display: block;
}
/* ヘッダ設定
---------------------------------*/

/*リンク */
header a {
}
/*リンク 未訪問 */
header a:link {
}
/*リンク 訪問済み */
header a:visited {
}
/*リンク　ポイント時*/
header a:hover {
}
/*リンク　ポイント時　画像*/
header a:hover img {
}
/*リンク 選択中 */
header a:active {
}
.dropdown-menu {
	width: 200px;
	border-radius: 0px;
	margin: 0;
	background-clip: border-box;
}
.dropdown-item {
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 0;
	padding-right: 0;
}
.custom-select {
	font-size: 10px;
	width: 250px;
	height: 30px;
}
/*メイン　
--------------------*/

/* リンク*/
main a {
	color: #555;
	transition: .5s;
	line-height: inherit;
	text-decoration: none;
	cursor: pointer;
}
/*リンク 未訪問 */
main a:link {
	color: #555;
}
/*リンク 訪問済み */
main a:visited {
	color: #555;
}
/*リンク　ポイント時*/
main a:hover {
	opacity: .7;
	text-decoration: none;
}
/*リンク　ポイント時　画像*/
main a:hover img {
	opacity: .7;
}
/*リンク 選択中 */
main a:active {
	color: #555;
}
main p {
	font-size: 110%;
	line-height: 1.6;
	font-weight: normal;
}
main ul {
	list-style-type: none;
	padding-left: 1em;
	padding-top: 0.6em;
	padding-bottom: 0.6em;
}
main ol {
	list-style-type: decimal;
	padding-left: 1em;
	padding-top: 0.6em;
	padding-bottom: 0.6em;
}
main li {
	word-wrap: break-word;
	line-height: 1.6;
	padding-left: 1em;
	padding-top: 0.6em;
	padding-bottom: 0.6em;
}

/*フッダー全体
--------------------*/

footer {
	background-color: #fff;
}
footer a {
	color: #000;
	transition: .5s;
}
footer a {
	color: #000;
	transition: .5s;
}
/*リンク 未訪問 */
footer a:link {
	color: #000;
}
/*リンク 訪問済み */
footer a:visited {
	color: #000;
}
/*リンク　ポイント時*/
footer a:hover {
	color: #000;
	text-decoration: none;
}
/*リンク　ポイント時　画像*/
footer a:hover img {
	opacity: .7;
}
/*リンク　ポイント時　画像*/
footer a:hover p {
	color: #fff;
	opacity: .7;
}
/*リンク 選択中 */
footer a:active {
	color: #000;
}
footer p {
	color: #000;
	font-size: 100%;
	line-height: 1;
	font-weight: normal;
	padding-left: 16px;
	padding-bottom: 20px;
}
footer .footer_title {
	display: block;
	height: 2.5em;
	color: #000;
	font-size: 120%;
	line-height: 1;
	font-weight: bold;
	margin-left: -16px;
	padding-bottom: 30px;
}
p-footer__copyright {
	display: block;
	height: auto;
	padding-top: 10px;
	padding-bottom: 10px;
}
p-footer__copyright p {
	font-size: 80%;
	font-weight: normal;
}

/*　メディアクエリ―　
--------------------*/

@media (max-width: 1200px) {
body {
	font-size: 100%;
	line-height: 1.6;
}
}

@media (max-width: 992px) {
body {
	font-size: 95%;
	line-height: 1.5;
	
}
/*ヘッダー上部を固定 */

.p-header {
	width: 100%;
	position: fixed;
	z-index: 100;
	top: 0;
}
/*バーガーメニュークリック時のメニュー余白 */
.p-header__nav {
	padding-top: 10px;
	padding-bottom: 10px;
	display: inline-block;
}
/*バーガーメニューの位置調整 */
.navbar-toggler {
	margin-right: 5%;
}

footer p {
	text-align: center;
}
footer .footer_title {
	text-align: center;
}
}

@media (max-width: 768px) {
body {
	font-size: 95%;
	line-height: 1.4;
}
}

@media (max-width: 576px) {
body {
	font-size: 80%;
	line-height: 1;
}



	
}