@charset "UTF-8";

/* 見出し */
.products-sub-title {
	font-weight: 300;
}
.sub-section .sub-title {
	padding: 0.2em 0.5em;
	background: #f8f8f8;
	margin-bottom: 20px;
	font-weight: 300;
}
.sub-section .sub-heading {
	padding-bottom: 5px;
	margin-bottom: 20px;
	font-size: 18px;
	font-weight: normal;
	border-bottom: 1px solid #ccc;
}
@media print, screen and (min-width: 768px) {
	.sub-title-container {
		margin-bottom: 3rem;
	}
	.products-sub-title {
		font-size: 2.8rem;
	}
	.sub-section .sub-title {
		font-size: 2.6rem;
	}
}
@media only screen and (max-width: 767px) {
	.sub-title-container {
		margin-bottom: 2rem;
	}
	.products-sub-title {
		flex-shrink: 0;
		font-size: 2.2rem;
	}
}

/* tableStyle */
.tableStyle {
	border:1px solid #555;
}
.tableStyle th ,
.tableStyle td {
	padding:5px;
	vertical-align:middle;
	border:1px solid #555;
}
.tableStyle th {
	background:#efefef;
}

/* textLink */
.textLink a{
	color: #000099;
}
.textLink a:hover{
	color: #FF6633;
	text-decoration: none;
}

/* linkTextBox */
.linkTextBox li{
	display: inline-block;
	margin-right: 1em;
	vertical-align: middle;
}
@media only screen and (max-width: 767px){
	.linkTextBox li{
		display: block;
		margin-right: 0;
		margin-bottom: 10px;
	}
}

/* linkAr */
.linkAr{
	background: none;
	padding: 0;
	position: relative;
	padding-left: 1em;
}
.linkAr::before{
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f105";
	color: #000;
	display: inline-block;
	font-size: 1.2em;
	line-height: 1;
	position: absolute;
	top: 11px;
	left: 0;
	margin-top: -0.4em;
}

/* linkArBox */
.linkArBox{
	text-align: right;
}
.linkArBox._w450{
	max-width: 450px;
	margin-left: auto;
}
.linkArBox._w450 .linkArItem{
	text-align: left;
}
.linkArBox .linkAr{
	display: inline-block;
	text-align: left;
}
@media only screen and (max-width: 767px){
	.linkArRight{
		text-align: left;
	}
}


/* general */
.maxImg img {
	max-width: 100%;
	width: auto;
}
.txtIndent {
	padding-left: 1em;
	text-indent: -1em;
}
.txtIndent13 {
	padding-left: 1.3em;
	text-indent: -1.3em;
}
.txtIndent18 {
	padding-left: 1.8em;
	text-indent: -1.8em;
}
.txtIndent23 {
	padding-left: 2.3em;
	text-indent: -2.3em;
}
@media only screen and (max-width: 767px) {
	.maxImg img {
		width: 100%;
		height: auto;
	}
	.autoImg img {
		width: auto;
	}
}

/* 背景画像『灰●』 */
.listDot3 li {
	background: url("/support/images/ico_circle_gray_s.gif") no-repeat 3px 8px
}
/* 背景画像『灰●』 */
.icoDot3 {
	padding-left: 20px;
	background: url("/support/images/ico_circle_gray_s.gif") no-repeat 3px 9px;
}

/* 背景画像『○1.2.3…』 */
.listFlow2 li {
	padding-left:25px;
	padding-bottom:10px;
	list-style:none;
}
.listFlow2 .no01 { background:url('/support/images/img_no1_black.gif') no-repeat 0 5px; }
.listFlow2 .no02 { background:url('/support/images/img_no2_black.gif') no-repeat 0 5px; }
.listFlow2 .no03 { background:url('/support/images/img_no3_black.gif') no-repeat 0 5px; }
.listFlow2 .no04 { background:url('/support/images/img_no4_black.gif') no-repeat 0 5px; }
.listFlow2 .no05 { background:url('/support/images/img_no5_black.gif') no-repeat 0 5px; }
.listFlow2 .no06 { background:url('/support/images/img_no6_black.gif') no-repeat 0 5px; }
.listFlow2 .no07 { background:url('/support/images/img_no7_black.gif') no-repeat 0 5px; }
.listFlow2 .no08 { background:url('/support/images/img_no8_black.gif') no-repeat 0 5px; }
.listFlow2 .no09 { background:url('/support/images/img_no9_black.gif') no-repeat 0 5px; }
.listFlow2 .no10 { background:url('/support/images/img_no10_black.gif') no-repeat 0 5px; }
.listFlow2 .no11 { background:url('/support/images/img_no11_black.gif') no-repeat 0 5px; }
.listFlow2 .no12 { background:url('/support/images/img_no12_black.gif') no-repeat 0 5px; }
.listFlow2 .no13 { background:url('/support/images/img_no13_black.gif') no-repeat 0 5px; }
.listFlow2 .no14 { background:url('/support/images/img_no14_black.gif') no-repeat 0 5px; }
.listFlow2 .no15 { background:url('/support/images/img_no15_black.gif') no-repeat 0 5px; }



/* btnLinkList */
.btnLinkList {
	display: flex;
	/* justify-content: space-between; */
	column-gap: 2.7%;
	flex-wrap: wrap;
}
.btnLinkList._col3 li{
	width: 31.5%;
	margin-top: 1em;
}
.btnLinkList li a {
	display: flex;
	align-items: center;
	height: 100%;
	padding: 0.5em 1em 0.5em 2em;
	border: solid 1px #D9D9D9;
	background: #fff;
	position: relative;
}
.btnLinkList li a:hover {
	background: #e5e5e5;
	text-decoration: none;
}
.btnLinkList li span{
	display: inline-block;
	position: relative;
}
.btnLinkList li span::before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: '\f105';
	display: inline-block;
	font-size: 1.2em;
	line-height: 1;
	position: absolute;
	top: 50%;
	left: -1em;
	margin-top: -0.5em;
}
.btnLinkList._anchor li span::before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: '\f078';
	display: inline-block;
	font-size: 0.95em;
	line-height: 1;
	position: absolute;
	top: 50%;
	left: -1.2em;
	margin-top: -0.4em;
}
.btnLinkList._anchor._right li a{
	position: relative;
	padding: 0.5em 2em 0.5em 1em;
}
.btnLinkList._anchor li a::before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: '\f078';
	display: inline-block;
	font-size: 0.95em;
	line-height: 1;
	position: absolute;
	top: 50%;
	right: 1.2em;
	margin-top: -0.4em;
}
.btnLinkList._anchor._right li span::before {
	content: none;
}
/* .btnLinkList._anchor li span::after {
	content: '';
	border-top: 2px solid #000;
	border-right: 2px solid #000;
	-webkit-transform: rotate(45deg);
	transform: rotate(135deg);
	position: absolute;
	left: -18px;
	top: -4px;
	bottom: 0;
	width: 8px;
	height: 8px;
	margin: auto;
} */
@media only screen and (max-width: 767px){
	.btnLinkList {
		column-gap: 4%;
	}
	.btnLinkList:not(._spCol2){
		flex-direction: column;
	}
	.btnLinkList._col3 li{
		width: 100%;
	}
	.btnLinkList li a{
		display: block;
		text-align: center;
	}
	.btnLinkList._spCol2 li{
		width: 48%;
	}
	.btnLinkList._spCol2 li a{
		display: flex;
		padding-left: 25px;
		padding-right: 5px;
		text-align: left;
	}
	.btnLinkList._spCol2 li span{
		font-size: 1.2rem;
	}
}

/* scrollArea */
@media only screen and (max-width: 910px){
	.scrollArea{
		overflow-x: scroll;
    margin-bottom: 20px;
	}
	.scrollArea .tableStyle{
		width: 910px;
	}
}

/* eTextCont */
.eTextCont{
	padding: 0 20px;
}
@media only screen and (max-width: 767px) {
	.eTextCont{
		padding: 0;
	}
}


/* /support/e_calc/info_key.html */
#e_calc_info_key .bg_img{
  position: relative;
  padding-right: 150px;
}
#e_calc_info_key .bg_img::before {
  content: "";
  width: 100px;
  height: 97px;
  position: absolute;
  background: url(../../advice/images/e_calc/img_cal_01.gif) no-repeat;
  right: 0;
  top: 0;
}
#e_calc_info_key .sub-heading.icon{
	display: flex;
	align-items: center;
}
@media only screen and (max-width: 767px) {
  #e_calc_info_key .bg_img{
    padding-right: 0;
    padding-bottom: 100px;
  }
  #e_calc_info_key .bg_img::before {
    top: auto;
    bottom: 0;
    left: 0;
    margin: auto;
  }
}

/* /support/e_calc/tax.html */
#e_calc_tax .col2{
	display: flex;
	column-gap: 100px;
}
@media only screen and (max-width: 767px) {
	#e_calc_tax .col2{
		flex-direction: column;
		column-gap: 0;
		row-gap: 30px;
	}
}