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

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

	PC

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

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

	サービス内容

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

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

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

	.pagettl_inner span{color: #E6D858;}

	/* コンテンツ
	---------------------------------------------- */
	.service01{
		display: flex;
		justify-content: space-between;
		margin-bottom: 90px;
	}

	.service01 figure img{
		width: 200px;
		height: auto;
	}

	.service_inner01{
		width: 740px;
		line-height: 1.8;
	}

	.service02{margin-bottom: 100px;}

	.service_inner02{
		display: flex;
		justify-content: space-between;
		margin-bottom: 70px;
	}

	.service_inner02:last-child{margin-bottom: 0;}

	.service_inner02:nth-child(odd){flex-direction: row-reverse;}

	.service_inner02 figure img{
		width: 620px;
		height: auto;
	}

	.service_content{width: 300px;}

	.service_content .heading01{margin-bottom: 20px;}

	.service_content .inner{margin-top: 10px;}

	.service_content .inner:first-of-type{margin-top: 20px;}

	.service_content .inner ul{padding: 0 5px;}

	.service_content .inner ul li{
		font-size: 1.4rem;
		line-height: 1.3;
		text-indent: -1em;
		padding-left: 1em;
		margin-bottom: 3px;
	}

	.txt_service02{
		display: inline-block;
		font-size: 1.4rem;
		font-weight: bold;
		line-height: 1.4;
		background: #F5E674;
		border-radius: 10px;
		padding: 0 12px;
		margin-bottom: 10px;
	}

	/* 就労継続支援A型社員の対象者 */
	.service03{margin-bottom: 50px;}

	.service03 .heading02{
		display: block;
		margin-bottom: 45px;
	}

	.list_service{margin-bottom: 40px;}

	.list_service li{
		font-size: 1.8rem;
		line-height: 1.8;
		background: url("../img/ico_heart01.jpg") no-repeat 0 center;
		background-size: 55px;
		padding: 0 10px 0 75px;
		margin-bottom: 35px;
	}

	.list_service li:last-child{margin-bottom: 0;}

	/* ご利用条件 */
	.service_inner03{
		background: #F9F5E7;
		border-radius: 20px;
		padding: 30px 30px 25px;
	}

	.service_inner03 .heading01{margin-bottom: 25px;}

	.service_inner03 ul{padding: 0 10px;}

	.service_inner03 ul li{
		font-size: 1.8rem;
		line-height: 1.8;
		margin-bottom: 15px;
	}

	.service_inner03 ul li:last-child{margin-bottom: 0;}

	.service_inner03 ul li span{
		font-size: 1.6rem;
		font-weight: bold;
		margin-left: 20px;
	}

	/* 個人面談 */
	.service04{
		display: flex;
		justify-content: space-between;
		align-items: center;
		flex-direction: row-reverse;
	}

	.service_inner04{
		width: 480px;
		font-size: 1.8rem;
		line-height: 1.8;
	}

	.service_inner04 .heading01{margin-bottom: 20px;}

	.service_image{width: 460px;}

	.service_image img{
		width: 100%;
		height: auto;
	}


}/*--@media--*/


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

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

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

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

	サービス内容

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

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

	.pagettl_inner span{color: #E6D858;}

	/* コンテンツ
	---------------------------------------------- */
	.service01{
		padding: 0 15px;
		margin-bottom: 40px;
	}

	.service01 figure{
		text-align: center;
		margin-bottom: 25px;
	}

	.service01 figure img{
		width: 200px;
		height: auto;
	}

	.service_inner01{
		font-size: 1.5rem;
		text-align: center;
		line-height: 1.8;
	}

	.service_inner01 .inner{text-align: left;}

	.service02{margin-bottom: 50px;}

	.service_inner02{margin-bottom: 35px;}

	.service_inner02:last-child{margin-bottom: 0;}

	.service_inner02 figure{margin-bottom: 30px;}

	.service_inner02:nth-child(odd) figure{padding-right: 40px;}

	.service_inner02:nth-child(even) figure{padding-left: 40px;}

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

	.service_content{
		font-size: 1.5rem;
		line-height: 1.8;
		padding: 0 40px;
	}

	.service_content .heading01{margin-bottom: 10px;}

	.service_content .inner{margin-top: 10px;}

	.service_content .inner:first-of-type{margin-top: 15px;}

	.service_content .inner ul{padding: 0 2px;}

	.service_content .inner ul li{
		font-size: 1.3rem;
		line-height: 1.4;
		text-indent: -1em;
		padding-left: 1em;
		margin-bottom: 3px;
	}

	.txt_service02{
		display: inline-block;
		font-size: 1.2rem;
		font-weight: bold;
		line-height: 1.4;
		background: #F5E674;
		border-radius: 10px;
		padding: 3px 11px 1px;
		margin-bottom: 5px;
	}

	/* 就労継続支援A型社員の対象者 */
	.service03{
		padding: 0 15px;
		margin-bottom: 50px;
	}

	.service03 .heading02{
		display: block;
		margin-bottom: 20px;
	}

	.list_service{margin-bottom: 40px;}

	.list_service li{
		font-size: 1.5rem;
		line-height: 1.6;
		background: url("../img/ico_heart01.jpg") no-repeat 0 5px;
		background-size: 44px;
		padding-left: 55px;
		margin-bottom: 20px;
	}

	.list_service li:last-child{margin-bottom: 0;}

	/* ご利用条件 */
	.service_inner03{
		background: #F9F5E7;
		border-radius: 15px;
		padding: 40px 25px 35px;
	}

	.service_inner03 .heading01{margin-bottom: 25px;}

	.service_inner03 ul li{
		font-size: 1.4rem;
		line-height: 1.6;
		text-indent: -1em;
		padding-left: 1em;
		margin-bottom: 10px;
	}

	.service_inner03 ul li:last-child{margin-bottom: 0;}

	.service_inner03 ul li span{
		font-size: 1.4rem;
		font-weight: bold;
	}

	/* 個人面談 */
	.service04{padding: 0 15px;}

	.service_inner04{
		font-size: 1.5rem;
		line-height: 1.8;
	}

	.service_image{
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-bottom: 10px;
	}

	.service_image .inner{
		width: calc(50% - 8px);
		text-align: center;
	}

	.service_image .heading01{
		display: inline-block;
		margin-bottom: 0;
	}

	.service_image figure{width: calc(50% - 8px);}

	.service_image img{
		width: 100%;
		height: auto;
	}


}/*--@media--*/