@charset "UTF-8";

/*--------------------------------------------------------------------
 *	共通の記述
 *--------------------------------------------------------------------*/

/*------------------------------------------ qa共通 */

body.qa article h1 {
	color: #003686;
}
body.qa article dl dt {
	float: left;
	width: 3em;
	margin: 0;
	border-radius: 3px;
	text-align: center;
}
body.qa article dl dt.question {
	background: #ebf3f6;
	color: #003686;
}
body.qa article dl dt.answer {
	background: #003686;
	color: #ffffff;
}
body.qa article dl dd.question {
	margin-bottom: 1em;
	color: #003686;
}
body.qa article dl dd.answer {
	margin-bottom: 2em;
}
body.qa article dl dd .add_link {
	text-align: left;
}
body.qa .free_dial {
	margin-top: 2em;
	margin-bottom: 2em;
	padding: 10px;
	border: 2px solid #003686;
	border-radius: 10px;
	text-align: center;
	color: #003686;
}
body.qa .free_dial p:first-child {
	margin: 0;
}
body.qa article .free_dial .call_center_number {
	margin: 0;
	color: #000;
	line-height: 1.2;
}
body.qa article .free_dial .call_center_number span {
	color: #003686;
	font-weight: bold;
	background-image: url("../images/icon_free_dial.png");
	background-repeat: no-repeat;
}
body.qa article .free_dial .notice {
	margin: 0 auto;
	font-size: 1.4rem;
}

/*------------------------------------------ qa(index) */
body#qa ul#imenu {
	list-style-type: none;
	margin: 1em 0 0 0;
}
body#qa ul#imenu li {
	border-bottom: 1px solid #003686;
	font-size: 1.4rem;
	font-weight: bold;
}
body#qa ul#imenu li a {
	display: block;
	padding: 0.5em 5px;
	background: transparent url("../images/gmenu_arrow.png") no-repeat 99% center;
	background-size: 18px auto;
	text-decoration: none;
	color: #999999;
}
body#qa ul#imenu li ul.gmenu_sub {
	list-style-type: none;
	margin: 0;
	border-top: 1px solid #003686;
}
body#qa ul#imenu li.bdr-btm_none {
	border-bottom: none;
}
body#qa ul#imenu li .gmenu_sub_inner .gmenu_sub_ttl {
	display: none;
}
body#qa ul#imenu li ul.gmenu_sub li {
	margin: 0 0 0 32%;
}
body#qa ul#imenu li ul.gmenu_sub li:last-child {
	border-bottom: none;
}
body#qa ul#imenu li.bdr-btm_none ul.gmenu_sub li:last-child {
	border-bottom: 1px solid #003686;
}


/*------------------------------------------ spot */
body#spot .tbl_limit td {
	vertical-align: middle;
}
body#spot .tbl_limit td .notice {
	margin: 0;
}

/*------------------------------------------ take */
body#take ul.add_links {
	margin-left: 0;
	list-style: none;
}
body#take ul.add_links li {
	margin-bottom: 1em;
}
body#take dl dd .notice {
	margin: 0;
}

/*------------------------------------------ chenge */
body#change dl dd h3,
body#change dl dd .notice {
	margin: 0;
}

/*------------------------------------------ netservice */
body#netservice dl dd h3 {
	margin: 0;
}
body#netservice .example {
	padding: 1em;
	border: 1px solid #003686;
	margin-top: 1em;
}
body#netservice .example span {
	color: #003686;
}

/*------------------------------------------ inquiry */
body#others dl dd h3 {
	margin: 0;
}
/*------------------------------------------ login */
body#login p#lead {
	color: #003686;
}
body#login ul#member_select {
	list-style-type: none;
}
body#login div#about_gp {
	border: 2px solid #003686;
	border-radius: 8px;
}
body#login div#about_gp span {
	color: #003686;
	font-weight: 700;
}
body#login div#about_gp h2 {
	margin-top: 0;
}

/*------------------------------------------ login_gp */
body#login_gp article .content_inner h1 span {
	color: #d21a13;
}
body#login_gp p#lead {
	color: #003686;
	font-size: 1.6rem;
}
body#login_gp ul#trouble_list {
	list-style-type: none;
}
body#login_gp p.btn_link {
	text-align: center;
	margin: 20px 0 40px;
}
body#login_gp p.btn_link span a {
	display: block;
	margin-bottom: 0.5em;
	color: #d21a13;
}

/*------------------------------------------ login_other */
body#login_other p#lead {
	color: #003686;
	font-size: 1.6rem;
}
body#login_other ul#trouble_list {
	list-style-type: none;
}
body#login_other p.btn_link {
	text-align: center;
	margin: 20px 0 40px;
}
body#login_other p.btn_link span a {
	display: block;
	margin-bottom: 0.5em;
	color: #d21a13;
}
body#login_other div#login_info {
	border: 2px solid #d21a13;
	padding: 0 1em;
}
body#login_other div#login_info span {
	font-weight: 700;
}
body#login_other div#login_info .add_link {
	text-align: left;
}

/*------------------------------------------ member */
body#member .a5 .flow {
	list-style: none;
	margin: 1em 0;
}
body#member .a5 .flow li img {
	display: block;
	margin: 0 auto;
}
body#member .a5 .flow li strong {
	display: block;
	margin: 1em auto 0.5em;
	text-align: center;
}
body#member .a5 .notice {
	margin-left: 1em;
	color: #000;
	text-indent: -1em;
	font-weight: 500;
}
body#member .a5 table th {
	text-align: center;
	vertical-align: middle;
}
body#member .a5 table td {
	vertical-align: middle;
}
body#member .a5 table td:nth-child(1) {
	text-align: center;
}
body#member .a5 table td ul {
	margin-top: 0;
	margin-bottom: 0;
}


/*--------------------------------------------------------------------
 *	736px以下用（SP用）の記述
 *--------------------------------------------------------------------*/

@media screen and (max-width: 736px) {
/* 736px以下用（SP用）の記述 */

/*------------------------------------------ qa共通 */
body.qa article dl dd {
	margin-left: 4em;
}

body.qa table.tbl_limit .wid50 {
	width: 50%;
}
body.qa article .free_dial .call_center_number {
	font-size: 1.0rem;
}
body.qa article .free_dial .call_center_number span {
	padding: 0 5px 0 39px;
	background-position: left 0.5em;
	background-size: 36px auto;
	font-size: 3rem;
}

/*------------------------------------------ tanaka */
body#tanaka article table th {
	width: 50%;
}

/*------------------------------------------ take */
body#take ul.add_links li a {
	width: 10em;
	text-align: left;
}

/*------------------------------------------ login */
body#login h1 {
	margin-bottom: 0.5em;
    padding: 0.5em 0 0.5em 55px;
	background: url("../../qa/login/images/h1_icon.gif") no-repeat;
	background-position: left top;
    background-size: 42px 42px;
	color: #000;
}
body#login p#lead {
	font-size: 1.4rem;
}
body#login ul#member_select {
	margin: 15px 0;
}
body#login ul#member_select li {
	margin-bottom: 15px;
}
body#login div#about_gp {
	padding: 20px 10px;
	margin-bottom: 30px;
}

/*------------------------------------------ login_gp */
body#login_gp h1 {
	margin-bottom: 0.5em;
    padding: 0 0 0 55px;
	background: url("../../qa/login_gp/images/h1_icon.gif") no-repeat;
	background-position: left center;
    background-size: 42px 42px;
	color: #000;
	line-height: 1.2;
}
body#login_gp ul#trouble_list {
	margin: 1em 0;
}
body#login_gp ul#trouble_list li {
	margin-bottom: 15px;
}
body#login_gp p.btn_link span a {
	font-size: 1.6rem;
}

/*------------------------------------------ login_other */
body#login_other h1 {
	margin-bottom: 0.5em;
    padding: 0.5em 0 0.5em 55px;
	background: url("../../qa/login_other/images/h1_icon.gif") no-repeat;
	background-position: left top;
    background-size: 42px 42px;
	color: #000;
}
body#login_other ul#trouble_list {
	margin: 1em 0;
}
body#login_other ul#trouble_list li {
	margin-bottom: 15px;
}
body#login_other p.btn_link span a {
	font-size: 1.6rem;
}
body#login_other div#login_info span.pcspace {
	display: none;
}

/*------------------------------------------ member */
body#member .a5 .flow img {
	width: 108px;
}
body#member .a5 .flow li:nth-child(n+2) {
	padding-top: 37px;
	background: url(/qa/member/images/q5_flow_arrow_02.jpg) no-repeat center top/15px;
}
body#member .a5 .flow li:nth-child(3) {
	margin-top: 10px;
}
body#member .a5 table td:nth-child(1) {
	width: 7em;
}

/* 736px以下用（SP用）の記述 end */
}


/*--------------------------------------------------------------------
 *	737px以上用（PC用）の記述
 *--------------------------------------------------------------------*/
@media screen and (min-width: 737px), print {
/* 737px以上用（PC用）の記述 */

/*------------------------------------------ qa共通 */
body.qa article .cat_sub_nav li:nth-child(4) {
    border-right: none;
}
body.qa article dl dt {
	font-size: 1.8rem;
}
body.qa article dl dd {
	margin-left: 70px;
}
body.qa article dl dd.question {
	font-size: 1.8rem;
}
body.qa article dl dd.answer {
	padding-top: 3px;
}
body.qa .free_dial {
	width: 577px;
	margin: 2em auto;
}
body.qa article .free_dial .call_center_ttl {
	font-size: 1.5rem;
	font-weight: bold;
}
body.qa article .free_dial .call_center_number {
	font-size: 1.3rem;
}
body.qa article .free_dial .call_center_number span {
	vertical-align: -12%;
	padding: 0 10px 0 64px;
	background-position: left 0.3em;
	background-size: 56px auto;
	font-size: 3.2rem;
}


/*------------------------------------------ qa(index) */
body#qa article {
	padding-top: 124px !important;
}

/*------------------------------------------ tanaka */
body#tanaka article table th {
	width: 30%;
}

/*------------------------------------------ take */
body#take ul.add_links li {
	display: inline-block;
}
body#take ul.add_links li:nth-child(n+2) {
	margin-left: 1em;
}

/*------------------------------------------ login */
body#login p#lead {
	font-size: 2.2rem;
}
body#login ul#member_select {
	display: flex;
	flex-wrap: wrap;
	justify-content:space-between;
	margin: 30px 0;
}
body#login div#about_gp {
	padding: 40px;
}

/*------------------------------------------ login_gp */
body#login_gp h1 {
	font-size: 2.5rem;
}
body#login_gp ul#trouble_list {
	display: flex;
	flex-wrap: wrap;
	justify-content:space-between;
	margin: 30px 0;
}
body#login_gp p.btn_link span a {
	font-size: 1.8rem;
}

/*------------------------------------------ login_other */
body#login_other ul#trouble_list {
	display: flex;
	flex-wrap: wrap;
	justify-content:space-between;
	margin: 30px 0;
}
body#login_other p.btn_link span a {
	font-size: 1.8rem;
}

/*------------------------------------------ member */
body#member .a5 .flow {
	display: flex;
	justify-content: space-between;
}
body#member .a5 .flow li {
	width: 240px;
}
body#member .a5 .flow li:nth-child(n+2) {
	padding-left: 55px;
	background: url(/qa/member/images/q5_flow_arrow_01.jpg) no-repeat left 23px;
}
body#member .a5 .flow li:nth-child(1) .center {
	display: inline-block;
	margin-left: 19px;
}
body#member .a5 .flow li:nth-child(2) .center {
	display: inline-block;
	margin-left: 21px;
}
body#member .a5 .flow li:nth-child(3) {
	width: 310px;
}
body#member .a5 table td:nth-child(1) {
	width: 10em;
}
body#member .a5 .notice {
	font-size: 14px;
}


/* 737px以上用（PC用）の記述 end */
}


/*------------------------------------------ clear */
body.qa article dl {
	zoom: 100%;
}

body.qa article dl:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}