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

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

	PC

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

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

	ご利用までの流れ

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

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

	.pagettl_inner::before{background-color: #76C938;}

	.pagettl_inner span{color: #76C938;}

	/* コンテンツ
	---------------------------------------------- */
	.flow01{margin-bottom: 60px;}

	.flow01 .lead{
		font-size: 1.8rem;
		line-height: 1.8;
		margin-bottom: 50px;
	}

	.flow_inner01{
		background: #F9F5E7;
		border-radius: 20px;
		padding: 30px 30px 25px;
	}

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

	.flow_inner01 .heading01::before{background: #76C938;}

	.flow_inner01 ul{padding: 0 10px;}

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

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

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

	.flow02{margin-bottom: 60px;}

	.flow_inner02{
		display: flex;
		align-items: center;
		margin-bottom: 20px;
	}

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

	.flow_inner02 figure{
		width: 350px;
		margin-right: 30px;
	}

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

	.flow_inner02 .inner{
		width: 590px;
		font-size: 1.8rem;
		line-height: 1.8;
	}

	.flow_inner02 .inner .ttl{
		font-size: 2.2rem;
		font-weight: bold;
		margin-bottom: 15px;
	}

	.flow03 .heading02{display: block;}

	.flow03 .heading02::after{background: #76C938;}


}/*--@media--*/


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

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

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

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

	ご利用までの流れ

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

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

	.pagettl_inner span{color: #76C938;}

	/* コンテンツ
	---------------------------------------------- */
	.flow01{margin-bottom: 50px;}

	.flow01 .lead{
		font-size: 1.5rem;
		line-height: 1.8;
		margin-bottom: 35px;
	}

	.flow_inner01{
		background: #F9F5E7;
		border-radius: 15px;
		padding: 40px 25px 35px;
	}

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

	.flow_inner01 .heading01::before{background: #76C938;}

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

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

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

	.flow02{margin-bottom: 40px;}

	.flow_inner02{margin-bottom: 30px;}

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

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

	.flow_inner02 figure img{
		width: calc(50% - 8px);
		height: auto;
	}

	.flow_inner02 figure figcaption{
		width: calc(50% - 8px);
		font-size: 1.7rem;
		font-weight: bold;
		line-height: 1.4;
	}

	.flow_inner02 .inner{
		font-size: 1.4rem;
		line-height: 1.8;
	}

	.flow03 .heading02{display: block;}

	.flow03 .heading02::after{background: #76C938;}

}/*--@media--*/