@charset "utf-8";

/* login */

/*PC用*/
@media print, screen and (min-width:769px){

	/*お問い合わせ*/
	.contents { margin: 0 auto; padding: 50px 0 135px; width: 900px; }
	.contents a { text-decoration: underline; }
	.contents table.m_contact { margin-bottom: 50px; }
	.contents table.m_contact th, .contents table.m_contact td { padding: 20px 30px 15px; font-size: 16px; border: 1px solid #D3D3D3; }
	.contents table.m_contact th { width: 31.111%; font-weight: bold; vertical-align: middle; background: #F8F8F8; }
	.contents table.m_contact td span { font-weight: bold; }
	.contents table.m_contact td input, .contents textarea { padding: 5px; font-size: 16px; margin-bottom: 5px; }
	.contents table.m_contact td select {padding: 5px;font-size: 16px;margin-bottom: 5px;width: 200px;}
	.contents textarea { width: 100%; }
	.contents .aCENTER { text-align: center; }
	.contents input#check_btn { width: 50%; padding: 10px; font-size: 18px; font-weight: bold; margin: 0 auto; }
	.contents input#return_btn { width: 50%; padding: 10px; font-size: 18px; font-weight: bold; margin: 0 auto; }
}

/*SP用*/
@media only screen and (max-width: 768px){

	/*お問い合わせ*/
	.contents { margin: 0 auto; padding: 6.666vw 4vw 13.333vw; box-sizing: border-box; width: 100%; }
	.contents a { text-decoration: underline; }
	.contents .inner { padding: 0; }
	.contents table.m_contact { margin-bottom: 5.066vw; }
	.contents table.m_contact th, .contents table.m_contact td {line-height: 1.5;padding: 1.6vw 3vw 1.6vw;font-size: 3.733vw;border: 1px solid #000;}
	.contents table.m_contact th {width: 100%;font-weight: bold;vertical-align: middle;border: 1px solid #000;padding: 1vw 0 1vw 1.866vw;background: #dfeeff;}
	.contents table.m_contact td span { font-weight: bold; }
	.contents table.m_contact td input, .contents textarea { padding: 5px; font-size: 16px; margin-bottom: 5px; width: 100%; box-sizing: border-box; }
	.contents table.m_contact td input[type=radio] { width: inherit; }
	.contents table.m_contact td input[type=checkbox] { width: inherit; }
	.contents table.m_contact td select { width: 100%; box-sizing: border-box; padding: 5px; font-size: 16px; margin-bottom: 5px; }
	.contents textarea { width: 100%; }
	.contents .aCENTER { text-align: center; }
	.contents input#check_btn {width: 80%;padding: 10px;font-size: 18px;font-weight: bold;margin: 0 auto;}
	.contents input#return_btn {width: 80%;padding: 10px;font-size: 18px;font-weight: bold;margin: 0 auto;}
}

/* よくある質問(FAQ)：/kaitori/faq/ のデザインに準拠 */
.faq-section { padding-bottom: 10px; }
.faq-lead { text-align: center; }

.faq-nav { display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 40px; padding: 0; list-style: none; }
.faq-nav-item { width: 30%; margin-bottom: 10px; }
.faq-nav-anchor { display: flex; align-items: center; justify-content: space-between; padding: 8px 14px; border: 1px solid #000; border-radius: 4px; background: #fff; color: #000; font-weight: bold; text-decoration: none !important; }
.faq-nav-anchor::after { content: ''; flex-shrink: 0; width: 8px; height: 8px; margin-left: 10px; border-right: 2px solid #000; border-bottom: 2px solid #000; transform: rotate(45deg); margin-top: -4px; }
.faq-nav-anchor:hover { background: #f4f4f4; }

.faq-anchor { display: block; position: relative; top: -80px; visibility: hidden; }

.faq-group { margin-bottom: 40px; }
.faq-group-title { background: #000; color: #fff; font-style: italic; font-weight: bold; font-size: 20px; line-height: 1; padding: 10px 20px 12px; margin: 0 0 10px; }

.faq-item { border-bottom: 1px solid #000; padding: 25px 0; }
.faq-question { display: flex; align-items: center; width: 100%; background: none; border: none; padding: 0; text-align: left; cursor: pointer; position: relative; }
.faq-question .faq-label,
.faq-answer .faq-label { display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: 30px; height: 30px; margin-right: 20px; font-style: italic; font-weight: bold; font-size: 20px; }
.faq-question .faq-label { background: #000; color: #fff; }
.faq-question .faq-text { flex-grow: 1; font-weight: bold; padding-right: 30px; }
.faq-question::after { content: ''; position: absolute; right: 0; top: 50%; width: 10px; height: 10px; border-right: 2px solid #000; border-bottom: 2px solid #000; transform: translateY(-70%) rotate(45deg); transition: transform 0.3s ease; }
.faq-question.is-active::after { transform: translateY(-30%) rotate(-135deg); }

.faq-answer { display: none; align-items: flex-start; margin-top: 20px; }
.faq-question.is-active + .faq-answer { display: flex; }
.faq-answer .faq-label { background: #00479d; color: #fff; }
.faq-answer p { margin: 0; line-height: 1.6; }

@media only screen and (max-width: 768px) {
	.faq-nav { justify-content: space-between; }
	.faq-nav-item { width: 48%; }
	.faq-question .faq-text { font-size: 3.733vw; }
	.faq-group-title { font-size: 16px; }
}