@charset "utf-8";


/* Material icons: https://material.io/ */
.material-icons {
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	-moz-osx-font-smoothing: grayscale;

	display: inline-flex;
	vertical-align: middle;
  }
/* アイコンサイズ */
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }

/* 背景が明るいとき用のアイコン色 */
.material-icons.md-dark { color: rgba(0, 0, 0, 0.54); }
.material-icons.md-dark.md-inactive { color: rgba(0, 0, 0, 0.26); }

/* 背景が暗いとき用のアイコン色 */
.material-icons.md-light { color: rgba(255, 255, 255, 1); }
.material-icons.md-light.md-inactive { color: rgba(255, 255, 255, 0.3); }


/*よく頂く質問 ---------------------------------------------------------------------------*/

/*外側ブロック*/
/*質問*/
.question {
	padding: 0px 20px;	/*上下、左右への余白*/
}
/*回答*/
.answer {
	padding: 0px 20px;	/*上下、左右への余白*/
}

/*質問*/
.question dt {
	color: #009603;	/*文字色*/
	font-weight: bold;	/*太字にする設定*/
	padding-left: 35px;	/*背景アイコンに重ならないよう左に余白を作る*/
	background: url(./img/faq_q.png) no-repeat left top / 34px;	/*「Q」アイコン*/
	line-height: 2.5;
}

/*回答*/
.answer dt {
	color: #009603;		/*文字色*/
	font-weight: bold;	/*太字にする設定*/
	padding-left: 35px;	/*背景アイコンに重ならないよう左に余白を作る*/
	background: url(./img/faq_q.png) no-repeat left top / 34px;	/*「Q」アイコン*/
	line-height: 2.5;
}
.answer dd {
	color: black;
	padding-left: 35px;		/*背景アイコンに重ならないよう左に余白を作る*/
	margin-bottom: 20px;	/*ボックスの下側（外側）に空けるスペース*/
	padding-bottom: 20px;	/*ボックス内の下側に空けるスペース*/
	border-bottom: 1px solid #ccc;	/*下線の幅、線種、色*/
	background: url(./img/faq_a.png) no-repeat left top / 34px;	/*「A」アイコン*/
	line-height: 2.0;
}
.answer p {
	text-indent: 1em;
}
.answer th {
	color: gray;
	padding-right: 10px;
}

/*回答の左マージンの設定*/
.indent {
	padding-left: 60px;
	line-height: 1.5em;
	margin-top: 5px;
	margin-bottom: 15px;
}

/* リンク設定
------------------------------------------------------------*/
/*質問のリンクの色を変えない*/
.question a:link, a:visited {
	color: #009603;		/*文字色*/
}
.question a:visited {
	color: #009603;		/*文字色*/
}
.question a:hover {
	color: white;		/*文字色*/
	background-color: #009603;
}
.question a:active {
	color: lightgreen;		/*文字色*/
}
.answer a:link, a:visited, a:hover, a:active {
	color: black;		/*文字色*/
}
.contact a:link {
	color: darkblue;
}
.contact a:visited {
	color: darkblue;
}
.contact a:hover{
	color: darkblue;
	border-bottom:1px solid darkblue;
}
.contact a:active {
	color: lightblue;
}

a[href$=".pdf"]:after {
    content:" ";
	padding-right: 20px;
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url(./img/PDF_24.png) no-repeat;
    display: inline-flex;
    vertical-align: middle;
}
a[href$=".xlsx"]:after {
    content:" ";
	padding-right: 20px;
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url(./img/excel_24.png) no-repeat;
	display: inline-flex;
	vertical-align: middle;
}

.at_sign {
	color: darkgoldenrod;
}

/* HTML の詳細折りたたみ要素 */
details {
    border: None;
    padding: .5em .5em 0;
}
summary {
    font-weight: bold;
    margin: -.5em -.5em 0;
}
details[open] {
    padding: .5em;
}
details[open] summary {
    border-bottom: None;
    margin-bottom: .5em;
}

.qaBanner {
	text-align: center;
	margin: 1em auto;
}
.qaBanner img {
	border: none;
	filter: drop-shadow( 5px 5px 10px rgba(0, 0, 0, 0.5));
}

.qaimg img {
	border: 1px solid gray;
	filter: drop-shadow( 2px 2px 5px rgba(0, 0, 0, 0.5));
}