@charset 'utf-8';



/* --------------------------------------------------------------------------------
スマートフォン
-------------------------------------------------------------------------------- */
/* ---------- ↓↓↓↓ここから↓↓↓↓ ---------- */
@media screen and (min-width:1px) and (max-width:539px) {
	
	/* --------------------------------------------------------------------------------
		デバイスごとの表示・非表示
	-------------------------------------------------------------------------------- */
	.device-sp{
		display:block;
	}
	.device-sp-inline{
		display:inline;
	}
	.device-pc{
		display:none;
	}
	.device-pc-inline{
		display:none;
	}	

	
	#product_search {
		padding: 13vw 0 0;
	}
	#product_search .inner {
		font-size: 3.3vw;
		font-family: 'Noto Serif JP', serif;

		color: #000;
		background: #fff;
	}


	
	/* ----------------------------------------
	メイン画像
	---------------------------------------- */
	#product_search .main-image {
		padding: 0 0 8vw;
	}
	/*テキスト*/
	#product_search .txt-box{
		padding: 0 2vw 8vw;
		line-height: 1.8;
	}
	#product_search .txt-box p{
		margin-bottom: 1em;
	}
	#product_search .txt-box p .t-red{
		color: #e60012;
	}
	
	
	/* ----------------------------------------
	flow
	---------------------------------------- */
	#product_search .flow {
		font-family: 'Noto Sans JP', sans-serif;
		line-height: 1.8;
		
		border-bottom: 1px dotted #000;
		padding-bottom: 10vw;
	}
	#product_search .flow .flow-inner{
		padding: 5vw 5vw 5vw 7vw;
	}	
	#product_search .flow .flow-inner .flow-box{
		display: flex;
		
		position:relative;
		margin:3vw;
		padding:0;
	}
	#product_search .flow .flow-inner .flow-box .arrow{
		position:absolute;
		top:0;
		left:-10px;
		width:1.4vw;
		height:100%;
		background-color:#7f7f99;
	}
	#product_search .flow .flow-inner .flow-box .arrow:after {
		content:'';
		position:absolute;
		bottom: -4vw;
		left: -2vw;
		border: 3vw solid transparent;
		border-top: 3.4vw solid #7f7f99;
	}
	#product_search .flow .flow-inner .flow-box .arrow > div {
		position:absolute;
		top:33%;
		left:-10px;
		writing-mode:vertical-rl;
		background-color:white;
	}

	#product_search .flow .flow-inner .flow-box .txt{	
		margin: 2vw 0 5vw 5vw;
	}
	#product_search .flow .flow-inner .flow4 .txt{
		margin: 0 0 0 5vw;
	}
	#product_search .flow .flow-inner .flow-box .txt span{
		display: block;
		margin: 1em 0 0 0;
	}
	
	
	/* ----------------------------------------
	お問い合わせ
	---------------------------------------- */
	#product_search .contact {
		margin-bottom: 10vw;		
		
		text-align: center;
		line-height: 1.8;
		padding: 5vw;
	}
	#product_search .contact p{
		font-family: 'Noto Sans JP', sans-serif;
		margin-bottom: 5vw;
	}	
	#product_search .contact .btn-box{
		margin: 0 auto 10vw auto;
		display: flex;
		justify-content: space-between;		
	}
	#product_search .contact .btn-box .btn{
		width:43vw;	
	}
	#product_search .contact .akafuku .bnr{
		width: 70%;
		margin: 0 auto;
	}
	
	}
/* ---------- ↑↑↑↑ここから↑↑↑↑ ---------- */















/* --------------------------------------------------------------------------------
PC
-------------------------------------------------------------------------------- */
/* ---------- ↓↓↓↓ここから↓↓↓↓ ---------- */
@media only screen and (min-width: 540px) {
	
	/* --------------------------------------------------------------------------------
		デバイスごとの表示・非表示
	-------------------------------------------------------------------------------- */
	.device-sp{
		display: none;
	}
	.device-sp-inline{
		display: none;
	}
	.device-pc{
		display: block;
	}
	.device-pc-inline{
		display: inline;
	}
	
	
		#product_search {
		font-size: 18px;
		font-family: 'Noto Serif JP', serif;

		padding:0;
		color: #000;
		background: #fff;
	}
	#product_search .inner {
		width: 980px;
		margin: 0 auto 100px auto;
	}


	/* ----------------------------------------
	メイン画像
	---------------------------------------- */
	#product_search .main-image {
		padding: 0 0 50px;
	}
	/*テキスト*/
	#product_search .txt-box{
		width: 850px;
		margin: 0 auto 55px auto;
		line-height: 2;
	}
	#product_search .txt-box p{
		margin-bottom: 1em;
	}
	#product_search .txt-box p .t-red{
		color: #e60012;
	}
	
	

	/* ----------------------------------------
	flow
	---------------------------------------- */
	#product_search .flow {
		margin-bottom: 30px;
		
		font-family: 'Noto Sans JP', sans-serif;
		line-height: 1.8;
		
		border-bottom: 1px dotted #000;
		padding-bottom: 75px;
	}
	#product_search .flow .flow-inner{
		width: 850px;
		margin: 22px auto;
	}	
	#product_search .flow .flow-inner .flow-box{
		display: flex;
		
		position:relative;
		margin:20px;
		padding:0;
	}
	#product_search .flow .flow-inner .flow-box .arrow{
		position:absolute;
		top:0;
		left:-10px;
		width:7px;
		height:100%;
		background-color:#7f7f99;
	}
	#product_search .flow .flow-inner .flow-box .arrow:after {
		content:'';
		position:absolute;
		bottom: -18px;
		left: -10px;
		border: 13px solid transparent;
		border-top: 15px solid #7f7f99;
	}
	#product_search .flow .flow-inner .flow-box .arrow > div {
		position:absolute;
		top:33%;
		left:-10px;
		writing-mode:vertical-rl;
		background-color:white;
	}
	#product_search .flow .flow-inner .flow-box .txt{
		font-size: 16px;
		margin: 10px 20px 25px 35px ;
	}
	#product_search .flow .flow-inner .flow4 .txt{
		font-size: 16px;
		margin: 10px 0 25px 50px ;
	}
	#product_search .flow .flow-inner .flow-box .txt span{
		display: block;
		margin: 1em 0 0 0;
	}
	
	/* ----------------------------------------
	お問い合わせ
	---------------------------------------- */
	#product_search .contact {
		margin-bottom: 85px;		
		
		font-size: 16px;
		text-align: center;
		line-height: 1.8;
	}
	#product_search .contact p{
		font-family: 'Noto Sans JP', sans-serif;
		margin-bottom: 20px;
	}	
	#product_search .contact .btn-box{
		width: 630px;
		margin: 0 auto 60px auto;
		display: flex;
		justify-content: space-between;		
	}
	#product_search .contact .btn-box .btn{
		width: 300px;	
	}
	#product_search .contact .akafuku .bnr{
		width: 400px;
		margin: 0 auto;
	}

}
/* ---------- ↑↑↑↑ここから↑↑↑↑ ---------- */