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

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

	PC

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

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

	ご依頼の流れ

	------------------------------------------------------------ */
	
	/* グローバルナビアクティブ
	---------------------------------------------- */
	.nav_global ul li.g04 span::after{width: 100%;}
	
	/* ページタイトル
	---------------------------------------------- */
	.pagettl{background-image: url("../flow/img/pc/bg_pagettl01.jpg");}
	
	/* 打ち合わせ・技術者ミーティング
	---------------------------------------------- */
	.wrap_flow{margin-bottom: 100px;}
	
	.flow{
		margin-bottom: 20px;
		position: relative;
	}
	
	.flow:last-of-type{margin-bottom: 0;}
	
	.flow::before{
		content: "";
		background: #DDDDDD;
		width: 1px;
		height: calc(100% - 55px);
		display: block;
		position: absolute;
		top: 60px;
		left: 50%;
	}
	
	.flow .num{
		color: #1F4590;
		font-size: 4rem;
		line-height: 1;
		font-weight: 700;
		text-align: center;
		margin-bottom: 60px;
	}
	
	.flow_inner{
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	
	.flow_inner .col{width: 496px;}
	
	.flow_inner .col h3{
		color: #1F4590;
		font-weight: 700;
		line-height: 1;
		font-size: 2.2rem;
		margin-bottom: 20px;
	}
	
	.flow_inner .col .txt{line-height: 2;}
	
	.flow_inner .fig{width: 450px;}
	
	.flow_inner .fig figure{margin-bottom: 40px;}
	
	.flow_inner .fig figure:last-of-type{margin-bottom: 0;}
	
	.flow_inner .fig figure img{
		width: 100%;
		height: auto;
	}
	
	/* プロの技で差をつける
	---------------------------------------------- */
	.tech{margin-bottom: 60px;}
	
	.tech .heading02 h4{color: #1B3C89;}
	
	.tech:last-of-type{margin-bottom: 0;}
	
	.tech .txt{line-height: 2;}
	

}/*--@media--*/


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

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

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

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

	ご依頼の流れ

	------------------------------------------------------------ */
	
	/* ページタイトル
	---------------------------------------------- */
	.pagettl{background-image: url("../flow/img/sp/bg_pagettl01.jpg");}
	
	/* 打ち合わせ・技術者ミーティング
	---------------------------------------------- */
	.wrap_flow{margin-bottom: 50px;}
	
	.flow{
		margin-bottom: 40px;
		padding-left: 60px;
		position: relative;
	}
	
	.flow:last-of-type{margin-bottom: 0;}
	
	.flow::before{
		content: "";
		background: #DDDDDD;
		width: 1px;
		height: calc(100% - 9px);
		display: block;
		position: absolute;
		top: 35px;
		left: 15px;
	}
	
	.flow:last-of-type::before{height: calc(100% - 30px);}
	
	.flow .num{
		color: #1F4590;
		font-size: 2.6rem;
		line-height: 1;
		font-weight: 700;
		position: absolute;
		top: -5px;
		left: 0;
	}
	
	.flow_inner{
		display: flex;
		flex-direction: column-reverse;
	}
	
	.flow_inner .col h3{
		color: #1F4590;
		font-weight: 700;
		line-height: 1;
		font-size: 1.85rem;
		margin-bottom: 12px;
	}
	
	.flow_inner .fig{margin-bottom: 20px;}
	
	.flow_inner .fig figure{margin-bottom: 20px;}
	
	.flow_inner .fig figure:last-of-type{margin-bottom: 0;}
	
	.flow_inner .fig figure img{
		width: 100%;
		height: auto;
	}
	
	/* プロの技で差をつける
	---------------------------------------------- */
	.tech{margin-bottom: 30px;}
	
	.tech .heading02 h4{color: #1B3C89;}
	
	.tech:last-of-type{margin-bottom: 0;}
	
	.tech .txt{line-height: 2;}
	

}/*--@media--*/