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

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

お問い合わせ

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

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

	PC

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

	/* グローバルナビアクティブ
	---------------------------------------------- */
	.nav_global li.g03 a{background: url(../img/pc/nav_global01.jpg) no-repeat -241px -220px;}


	/* コンテンツ
	---------------------------------------------- */
	.faq{
		border-bottom: 2px solid #DDDDDD;
		padding-bottom: 50px;
		margin-bottom: 40px;
		margin-left: 25px;
		line-height: 1.9;
	}	

	.faq:last-of-type{margin-bottom: 0;}
	
	.question{
		background: url(../img/ico_question01.png) no-repeat left 0;
		background-size: 29px;
		font-weight: bold;
		padding-left: 40px;
		margin-bottom: 20px;
	}

	.question p{margin-bottom: 1em;}

	.question p:nth-child(1){
		text-indent: -1em;
		padding-left: 1em;
	}
	
	.question p:last-of-type{margin-bottom: 0;}

	.answer{
		background: url(../img/ico_answer01.png) no-repeat left 0;
		background-size: 29px;
		padding-left: 40px;
	}

	.answer p{margin-bottom: 1em;}
	
	.answer p:last-of-type{margin-bottom: 0;}

	.faq2{
		text-align:center;
		margin-bottom: 20px;
		line-height: 1.5;
	}	
	

	/* お問い合わせ⇔ご依頼について
	---------------------------------------------- */
	.txt_notice a {
		display: block;
		color:#333;
		font-size: 16px;
		text-align: center;
		line-height: 1;
		text-decoration: none;
	}
	.txt_notice a:hover{
		font-weight: bold;
                color: #B9B9B9;
	}	


	/* 
	---------------------------------------------- */
	.txt_inquiry01{
		font-weight: bold;
		text-align: center;
		margin-bottom: 40px;
	}
	
	.txt_inquiry01 span:nth-child(1){display: block;}


	.list_inquiry{
		letter-spacing: -0.4em;
		text-align: center;
	}
	
	.list_inquiry li{
		letter-spacing: normal;
		width: 340px;
		display: inline-block;
		vertical-align: middle;
		background: #FFF;
		border-radius: 50px;
		text-align: center;
		font-weight: bold;
		padding: 15px 18px;
	}
	
	.list_inquiry li span:nth-child(1){
		color: #B9B9B9;
		font-weight: bold;
		margin-right: 10px;
	}
	
} /*--@media--*/


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

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

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


	/* コンテンツ
	---------------------------------------------- */
	.faq{
		border-bottom: 2px solid #DDDDDD;
		padding-bottom: 25px;
		margin-bottom: 25px;
		line-height: 1.6;
	}

	.faq:last-of-type{margin-bottom: 0;}

	.question{
		background: url(../img/ico_question01.png) no-repeat left 0;
		background-size: 25px;
		font-weight: bold;
		padding-left: 40px;
		margin-bottom: 20px;
	}

	.question p{margin-bottom: 1em;}

	.question p:nth-child(1){
		text-indent: -1em;
		padding-left: 1em;
	}

	.question p:last-of-type{margin-bottom: 0;}

	.answer{
		background: url(../img/ico_answer01.png) no-repeat left 0;
		background-size: 25px;
		padding-left: 40px;
	}

	.answer p{margin-bottom: 1em;}
	
	.answer p:last-of-type{margin-bottom: 0;}

	
	/* お問い合わせ⇔ご依頼について
	---------------------------------------------- */
	.txt_notice a {
		display: block;
		color:#333;
		font-size: 16px;
		text-align: center;
		line-height: 1;
		text-decoration: none;
	}
	.txt_notice a:hover{
		font-weight: bold;
                color: #B9B9B9;
	}	


/*     元々あった「お問い合わせ」・「ご依頼について」2段書きのパターン     */

	/* コンテンツ
	---------------------------------------------- */
	.txt_inquiry01{
		font-size: 1.5rem;
		font-weight: bold;
		margin-bottom: 30px;
		line-height: 1.6;
		text-align: center;
	}
	
	.txt_inquiry01 span{display: block;}

	/* リスト
	---------------------------------------------- */	
	.list_inquiry li{
		letter-spacing: normal;
		display: block;
		vertical-align: middle;
		background: #FFF;
		border-radius: 50px;
		margin-bottom: 10px;
		font-size: 1.4rem;
		line-height: 1.2;
	}

	.list_inquiry li:last-of-type{margin-bottom: 0;}

	.list_inquiry li{
		color: #333;
		display: table;
		width: 100%;
		padding: 14px 15px 16px;
	}
	
	.list_inquiry li span{
		display: table-cell;
		vertical-align: top;
		text-align: left;
	}
	
	.list_inquiry li span:nth-child(1){
		color: #B9B9B9;
		width: 14%;
		font-weight: bold;
		white-space: nowrap;
		padding-right: 15px;
	}

	/*  ここまで     */
} /*--@media--*/
