@charset "utf-8";
/* Copyright 2019 FSFIELD All Rights Reserved. */

@media screen and (min-width:768px){ /* 表示領域が768px以上の場合に適用するスタイル */
	/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

	PC

	_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

	/* ------------------------------------------------------------

	お知らせ

	------------------------------------------------------------ */

	/* ページタイトル
	---------------------------------------------- */
	.pagettl_inner{
		background: url("../img/news/pc/bg_pagettl01.jpg") no-repeat center center;
		background-size: cover;
	}

	/* 一覧
	---------------------------------------------- */
	.wrap_article{
		display:-webkit-flex;
		display:flex;
		-webkit-flex-wrap:wrap;
		flex-wrap:wrap;
		width: 1200px;
		margin-bottom: 15px;
	}

	.article{
		width: 380px;
		position: relative;
		margin: 0 30px 85px 0;
	}
	
	.article:nth-child(3n){margin-right: 0;}

	.article a{
		display: block;
		background: #FFF url(../img/ico_arrow01.png) no-repeat 90% 84%;
		background-size: 32px;
		color: #333;
		height: 100%;
		padding: 55px 30px 70px;
	}

	.article a:hover{
		background: #FFF url("../img/ico_arrow02.png") no-repeat 90% 84%;
		background-size: 32px;
	}

	.article a:hover h3{color: #759575;}

	.article a time{
		background: #759575;
		color: #FFF;
		padding: 12px 60px;
		position: absolute;
		top: -25px;
		left: 0;
		z-index: 1;
	}

	/* 詳細
	---------------------------------------------- */
	.news{
		background-color: rgba(255,255,255,0.8);
		padding: 100px 60px;
	}

	#article_single{margin-bottom: 70px;}

	#article_single h3{
		font-size: 3rem;
		font-weight: bold;
		margin-bottom: 35px;
	}

	#article_single time{
		color: #C8D5C8;
		display: block;
		margin-bottom: 10px;
	}
	
	.news .btn_type01{text-align: center;}


}/*--@media--*/


@media screen and (max-width:767px){ /* 表示領域が767px以下の場合に適用するスタイル */
	/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

	スマートフォン（iPhone,Android)

	_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

	/* ------------------------------------------------------------

	お知らせ

	------------------------------------------------------------ */

	/* ページタイトル
	---------------------------------------------- */
	.pagettl_inner{
		background: url("../img/news/sp/bg_pagettl01.jpg") no-repeat center center;
		background-size: cover;
	}

	/* 一覧
	---------------------------------------------- */
	.wrap_article{margin-bottom: 50px;}
	
	.article{margin-bottom: 50px;}
	
	.article:last-of-type{margin-bottom: 0;}
	
	.article a{
		display: block;
		background: #FFF url("../img/ico_arrow01.png") no-repeat 94% 84%;
		background-size: 20px;
		color: #333;
		padding: 50px 15px 35px;
		position: relative;
	}

	.article a time{
		background: #759575;
		color: #FFF;
		line-height: 1;
		padding: 20px 50px;
		position: absolute;
		top: -16px;
		left: 0;
		z-index: 1;
	}

	/* 詳細
	---------------------------------------------- */
	.news{
		background-color: rgba(255,255,255,0.8);
		padding: 45px 30px;
	}

	#article_single{margin-bottom: 35px;}

	#article_single h3{
		font-size: 1.8rem;
		line-height: 1.4;
		font-weight: bold;
		margin-bottom: 15px;
	}

	#article_single time{
		display: block;
		color: #C8D5C8;
	}
	
	.news .btn_type01{text-align: center;}


}/*--@media--*/