@charset "utf-8";

.mt200 {
    margin-top:200px;
}

.text-center {
    text-align:center;
}


/* topページ お知らせ4列のボックス
---------------------------------------------------------------------------*/
/*ボックス１個あたり*/
.list-container4 .list {
	margin-bottom: 30px;	/*ボックス同士の上下間に空けるスペース*/
	padding: 20px;			/*ボックス内の余白*/
	background: #fff;		/*背景色*/
	box-shadow: 5px 5px 20px rgba(0,0,0,0.1);	/*ボックスの影。右へ、下へ、ぼかし幅、0,0,0は黒の事で0.1は色が10%出た状態。*/
}

/*ボックス内のh4タグ*/
.list-container4 .list h4 {
	margin: 0;
}

/*ボックス内のpタグ*/
.list-container4 .list p {
	margin: 0;
	font-size: 0.8rem;	/*文字サイズを80%に*/
	line-height: 1.5;	/*行間を少し狭く*/
}

/*ボックス内のfigure画像*/
.list-container4 .list figure {
	margin-bottom: 1rem;	/*下に空けるスペース*/
}

/*画面幅900px以上の追加指定*/
@media screen and (min-width:900px) {

/*listブロック全体を囲むブロック*/
.list-container4 {
	display: flex;		/*flexボックスを使う指定*/
	flex-wrap: wrap;	/*折り返す指定*/
}

/*１個あたりのボックス設定*/
.list-container4 .list {
	width: 23%;			/*幅。３列になります。*/
	margin-right: 2%;	/*右側へのマージン。ボックス同士の左右の余白です。*/
}

/*3の倍数目のボックスの右側のマージンをなくす*/
.list-container4 .list:nth-of-type(4n) {
	margin-right: 0;
}

/*ボックス内のtextブロック*/
.list-container4 .list .text {
	flex: 1;
}

}/*画面幅900px以上の追加指定ここまで*/

/* 一覧表示画像用 */
.bgimg {
    min-height:167px;
    max-width:100%;

    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
/*
@media screen and (min-width:480px) {
    .bgimg {
        min-height:126px;
    }
}

@media screen and (min-width:600px) {
    .bgimg {
        min-height:126px;
    }
}

@media screen and (min-width:800px) {
    .bgimg {
        min-height:90px;
    }
}

@media screen and (min-width:1000px) {
    .bgimg {
        min-height:128px;
    }
}

@media screen and (min-width:1200px) {
    .bgimg {
        min-height:179px;
    }
}
*/

/* ヘッダー 問い合わせボタン */
ul.btn a {
    white-space:nowrap;
}

/* アイテム用 2列のボックス
---------------------------------------------------------------------------*/
/*ボックス１個あたり*/
.list-container2 .list {
	margin-bottom: 30px;	/*ボックス同士の上下間に空けるスペース*/
	padding: 20px;			/*ボックス内の余白*/
	background: #fff;		/*背景色*/
	box-shadow: 5px 5px 20px rgba(0,0,0,0.1);	/*ボックスの影。右へ、下へ、ぼかし幅、0,0,0は黒の事で0.1は色が10%出た状態。*/
}

/*ボックス内のh4タグ*/
.list-container2 .list h4 {
	margin: 0;
}

/*ボックス内のpタグ*/
.list-container2 .list p {
	margin: 0;
	font-size: 0.8rem;	/*文字サイズを80%に*/
	line-height: 1.5;	/*行間を少し狭く*/
}

/*ボックス内のfigure画像*/
.list-container2 .list figure {
	margin-bottom: 1rem;	/*下に空けるスペース*/
}

/*画面幅900px以上の追加指定*/
@media screen and (min-width:900px) {

/*listブロック全体を囲むブロック*/
.list-container2 {
	display: flex;		/*flexボックスを使う指定*/
	flex-wrap: wrap;	/*折り返す指定*/
}

/*１個あたりのボックス設定*/
.list-container2 .list {
	width: 46%;			/*幅。３列になります。*/
	margin-right: 2%;	/*右側へのマージン。ボックス同士の左右の余白です。*/
}

/*3の倍数目のボックスの右側のマージンをなくす*/
.list-container2 .list:nth-of-type(4n) {
	margin-right: 0;
}

/*ボックス内のtextブロック*/
.list-container2 .list .text {
	flex: 1;
}

}/*画面幅900px以上の追加指定ここまで*/

/* サイドを右に移動 */
@media screen and (min-width: 900px) {

main.c2 {
    flex-direction: row-reverse;
}

}

/* フォーム用 */
select, button, textarea { font-size: 1rem; }
.style2 { font-size: 24px; }
.style3 { color: #FF0000; }

/* サイドバナー */
/*画面幅900px以上の追加指定*/
@media screen and (max-width:899px) {
    p.img img {
        display:block;
        margin:0 auto;
    }

    nav li a img {
        display:block;
        margin:0 auto;
    }

    nav li a {
        text-align:center;
    }

}

.news_list .list-normal .list p {
    font-size:1rem;
}


form span.required:before {
    content: " ※ ";
    color:#ff0000;
}
form .msg {
    color:#0000ff;
}