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

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

	PC

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

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

	就労支援A型事業とは

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

	/* ページタイトル
	---------------------------------------------- */
	.pagettl::before{background-image: url("../about/img/pc/bg_pagettl01.png");}

	.pagettl_inner::before{background-color: #E78058;}

	.pagettl_inner span{color: #E78058;}

	/* コンテンツ
	---------------------------------------------- */
	.about01{margin-bottom: 115px;}

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

	.about_inner01 .inner{
		width: 475px;
		background-repeat: no-repeat;
		background-size: 24px;
		background-position: 0 0;
		padding-left: 32px;
		margin-bottom: 40px;
	}

	.about_inner01 .inner:nth-child(1){background-image: url("../img/ico_number01.png");}
	.about_inner01 .inner:nth-child(2){background-image: url("../img/ico_number02.png");}
	.about_inner01 .inner:nth-child(3){background-image: url("../img/ico_number03.png");}

	.about02 .heading01{margin-bottom: 55px;}

	.about_inner02{position: relative;}

	.about_inner02::before{
		content: "";
		display: block;
		width: 4px;
		height: 100%;
		background: #DDDDDD;
		position: absolute;
		top: 0;
		left: 100px;
	}

	.about_inner02 .inner{
		display: flex;
		justify-content: space-between;
		align-items: center;
		font-weight: bold;
		line-height: 1.2;
		margin-bottom: 20px;
	}

	.about_inner02 .inner:last-child{margin-bottom: 0;}

	.about_inner02 .inner .time{
		width: 200px;
		font-size: 2rem;
		position: relative;
	}

	.about_inner02 .inner .time::before{
		content: "";
		display: block;
		width: 16px;
		height: 16px;
		border-radius: 50%;
		background: #E78058;
		position: absolute;
		top: 5px;
		left: 94px;
	}

	.about_inner02 .inner .content{
		width: 800px;
		font-size: 1.6rem;
		border-radius: 6px;
		padding: 21px 22px 20px;
	}

	.about_inner02 .inner:nth-child(odd) .content{background: #F4F4F4;}

	.about_inner02 .inner:nth-child(even) .content{background: #E9E9E9;}


}/*--@media--*/


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

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

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

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

	就労支援A型事業とは

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

	/* ページタイトル
	---------------------------------------------- */
	.pagettl::before{background-image: url("../about/img/sp/bg_pagettl01.png");}

	.pagettl_inner span{color: #E78058;}

	/* コンテンツ
	---------------------------------------------- */
	.about01{margin-bottom: 55px;}

	.about_inner01 .inner{
		line-height: 1.8;
		background-repeat: no-repeat;
		background-size: 19px;
		background-position: 0 2px;
		padding-left: 27px;
		margin-bottom: 20px;
	}

	.about_inner01 .inner:nth-child(1){background-image: url("../img/ico_number01.png");}
	.about_inner01 .inner:nth-child(2){background-image: url("../img/ico_number02.png");}
	.about_inner01 .inner:nth-child(3){background-image: url("../img/ico_number03.png");}

	.about_inner01 .inner:last-child{margin-bottom: 0;}

	.about02 .heading01{margin-bottom: 28px;}

	.about_inner02{position: relative;}

	.about_inner02::before{
		content: "";
		display: block;
		width: 4px;
		height: 100%;
		background: #DDDDDD;
		position: absolute;
		top: 0;
		left: 58px;
	}

	.about_inner02 .inner{
		display: flex;
		justify-content: space-between;
		align-items: center;
		font-weight: bold;
		line-height: 1.2;
		margin-bottom: 20px;
	}

	.about_inner02 .inner:last-child{margin-bottom: 0;}

	.about_inner02 .inner .time{
		width: 85px;
		font-size: 1.4rem;
		position: relative;
	}

	.about_inner02 .inner .time::before{
		content: "";
		display: block;
		width: 14px;
		height: 14px;
		border-radius: 50%;
		background: #E78058;
		position: absolute;
		top: 1px;
		left: 53px;
	}

	.about_inner02 .inner .content{
		width: calc(100% - 85px);
		line-height: 1.4;
		border-radius: 5px;
		padding: 15px;
	}

	.about_inner02 .inner:nth-child(odd) .content{background: #F4F4F4;}

	.about_inner02 .inner:nth-child(even) .content{background: #E9E9E9;}


}/*--@media--*/