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

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

	PC

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

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

	作成者紹介

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

	.wrap_author{
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		max-width: 1050px;
		margin: 0 auto -50px;
	}

	.author{
		width: 348px;
		margin: 0 1px 50px;
	}

	.author figure{margin-bottom: 20px;}

	.author figure img{
		width: 100%;
		height: 389px;
		object-fit: cover;
	}

	.author .noimage{
		height: 389px;
		border: 3px solid #CCC;
		display: flex;
		justify-content: center;
		align-items: center;
		color: #999999;
		font-weight: 700;
		margin-bottom: 20px;
	}

	.author .name{
		letter-spacing: 0.05em;
		margin-bottom: 18px;
		font-size: 2.4rem;
	}

	.author .name .kana{
		display: inline-block;
		margin-left: 10px;
		font-family: "Roboto";
		font-style: italic;
		font-size: 1.2rem;
	}

	.author .info{
		font-size: 1.2rem;
		letter-spacing: 0.05em;
		font-weight: 700;
		color: #999999;
		margin-bottom: 18px;
	}

	.author .info .inner{
		display: flex;
		align-items: center;
		margin-bottom: 8px;
	}

	.author .info .inner:last-of-type{margin-bottom: 0;}

	.author .info .inner .item{
		color: #FFF;
		margin-right: 10px;
		line-height: 1;
		padding: 0 5px;
		position: relative;
	}

	.author .info .inner .item::after{
		content: "";
		display: block;
		background: #ffa500;
		width: 100%;
		height: 21px;
		position: absolute;
		top: -4px;
		left: 0;
		z-index: -1;
		transform: skew(-10deg);
	}

	.author .comment{
		letter-spacing: 0.05em;
		padding-right: 40px;
	}


}/*--@media--*/


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

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

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

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

	作成者紹介

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

	.wrap_author{
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		margin-bottom: -45px;
	}

	.author{
		width: calc(50% - 7.5px);
		margin-bottom: 45px;
	}

	.author figure{margin-bottom: 15px;}

	.author figure img{
		width: 100%;
		height: auto;
	}

	.author figure img{
		width: 100%;
		height: 186px;
		object-fit: cover;
	}

	.author .noimage{
		height: 186px;
		border: 2px solid #CCC;
		display: flex;
		justify-content: center;
		align-items: center;
		color: #999999;
		font-weight: 700;
		margin-bottom: 15px;
	}

	.author .name{
		margin-bottom: 10px;
		font-size: 1.9rem;
	}

	.author .name .kana{
		display: block;
		font-family: "Roboto";
		font-style: italic;
		font-size: 1.2rem;
	}

	.author .info{
		font-size: 1.2rem;
		letter-spacing: 0.05em;
		font-weight: 700;
		color: #999999;
		margin-bottom: 18px;
	}

	.author .info .inner{margin-bottom: 8px;}

	.author .info .inner:last-of-type{margin-bottom: 0;}

	.author .info .inner .item{
		display: inline-block;
		color: #FFF;
		margin-bottom: 10px;
		line-height: 1;
		padding: 0 5px;
		position: relative;
	}

	.author .info .inner .item::after{
		content: "";
		display: block;
		background: #ffa500;
		width: 100%;
		height: 21px;
		position: absolute;
		top: -4px;
		left: 0;
		z-index: -1;
		transform: skew(-10deg);
	}

	.author .info .inner .data{
		display: block;
		line-height: 1.2;
	}

	.author .comment{
		letter-spacing: 0.05em;
		padding-right: 15px;
	}


}/*--@media--*/