@charset "utf-8";
/* 2022個人投資家の皆様へ改修 */
.box-individualHeadline.-special {
	display: block;
}
.button-default>.button:focus,
.button-default>.button:hover{
	border-radius:4px;
}
@media print, screen and (min-width: 769px) {
  .box-individualHeadline.-special {
	display: flex;
/*	justify-content: space-between;	*/
	flex-wrap: wrap;
    margin: 0 auto;
    padding: 10px 0;
  }
}
.wbinbart{
    background: #ffffff!important;
    border-width: 8px!important;
    color: #000000!important;
}
.box-individualHeadline .button-default {
  margin: 0;
  width: 100%;
}
.box-individualHeadline .button-default:not(:last-child) {
  margin-bottom: 10px;
}

@media print, screen and (min-width: 760px) {
  .box-individualHeadline .button-default {
    width: 32%;
  }
  .box-individualHeadline .button-default {
  text-align:center;
    margin-right:13px!important;
    margin-bottom:13px!important;
  }
}


.box-individualHeadline .button-default > .button {
  font-size: 15px;
  width: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  flex-flow: row nowrap;
  min-height: 100px;
/*  padding: 10px 40px 10px 10px;*/
  position: relative;
}
.box-individualHeadline .button-default:nth-child(2) > .button {
/*  padding: 10px 40px 10px 20px;*/
/*  padding: 0;*/
}
.box-individualHeadline .button-default > .button span {
  font-size: 12px;
}
.box-individualHeadline .button-default > .button span > strong{
  font-size: 16px;
  font-weight:normal;
}

@media print, screen and (min-width: 560px) {
  .box-individualHeadline .button-default > .button {
    font-size: 16px;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

.box-individualHeadline .button-default > .button > .thumbnail {
	margin-right: 14px;
}

@media print, screen and (min-width: 560px) {
  .box-individualHeadline .button-default > .button > .thumbnail {
	  width: 30%;
	  margin-right: 16px;
  }
}

.-individual-bgGray {
	background: #F6F8F8;
}
.-individual-bgBlue {
	background: #003D86;
}

.box-column.-chapterSelect {
	display: flex;
	justify-content: space-between;
}
.box-column.-chapterSelect li {
	width: 49%;
	flex-shrink: 0;
	margin-bottom: 10px;
}
	.box-column.-chapterSelect li:nth-child(1),
	.box-column.-chapterSelect li:nth-child(4)
	{
		background: #005CCA;
	}
	.box-column.-chapterSelect li:nth-child(2),
	.box-column.-chapterSelect li:nth-child(3) {
		background: #003D86;
	}
@media print, screen and (min-width: 769px) {
	.box-column.-chapterSelect li {
		width: 24%;
		flex-shrink: 0;
	}
	.box-column.-chapterSelect li:nth-child(odd) {
		background: #005CCA;
	}
	.box-column.-chapterSelect li:nth-child(even) {
		background: #003D86;
	}
}
.box-column.-chapterSelect li a {
	color: #fff;
	font-size: 15 px;
	text-decoration: none;
	height: 120px;
	padding: 15px 15px 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: all 300ms ease-out;
	position: relative;
	white-space: nowrap;
}

.o-topWrapper .o-contentWrapper.-chapterBox {
    max-width: calc(900px + 60px);
    padding: 0 30px;
}
.headline-chapter {
	padding-top: 20px;
}
.headline-chapter span {
	display: block;
	font-size: 12px;
	color: #fff;
	text-align: center;
	background: #005cca;
	width: 100px;
	padding: 1px 4px;
	margin-bottom: 1em;
}

.social-issues {
	padding: 50px 0;
	background: url("/company/ir/individual/image/bg_title_solution.svg") left 40px no-repeat;
	background-size: 100% auto;
}
@media print, screen and (min-width: 769px) {
	.social-issues {
		padding: 100px 0;
		background: url("/company/ir/individual/image/bg_title_solution.svg") left 80px no-repeat;
		background-size: 60% auto;
	}
}

@media print, screen and (min-width: 769px) {
	.box-column.-chapterSelect li a {
		height: 160px;
		padding: 15px 15px 40px;
	}
	.box-column.-chapterSelect li a::after {
		bottom: 30px;
		width: 20px;
		height: 20px;
	}
	.box-column.-chapterSelect li:nth-child(odd) {
		background: #005CCA;
	}
	.box-column.-chapterSelect li:nth-child(even) {
		background: #003D86;
	}
}

.box-column.-chapterSelect li a::after {
	position: absolute;
    content: "";
    display: block;
	line-height: 0;
    left: 0;
	right: 0;
	margin: auto;
	bottom: 10px;
    width: 20px;
	height: 20px;
	background: url(/common/image/icon/icon-dropdown-white-pc.svg);
	background-size: 100% auto;
	background-repeat: no-repeat;
}
.box-column.-chapterSelect li a:hover {
	background: #4B94EB;
}

.box-column.-chapterSelect li a span {
	display: block;
	font-size: 13px;
	text-align: center;
}

.box-column.-modaalSelect {
	display: block;
}
.box-column.-modaalSelect li {
	width: 100%;
	margin-bottom: 10px;
}
.box-column.-modaalSelect li:nth-child(odd) {
  background: #005CCA;
}
.box-column.-modaalSelect li:nth-child(even) {
  background: #003D86;
}
.box-column.-modaalSelect li a {
	color: #fff;
	transition: all 300ms ease-out;
	display: flex;
	align-items: center;
	background: url("/company/ir/individual/image/modalIcon.svg") 96% center no-repeat;
	text-decoration: none;
	background-size: 10px auto;
}
.box-column.-modaalSelect li a:hover {
	text-decoration: none;
	opacity: .8;
}
.box-column.-modaalSelect li a span {
	font-size: 14px;
	display: block;
	width: 100%;
	padding: 4px 16px;
	transition: all 300ms ease-out;
}
.box-column.-modaalSelect li a:hover span {
	opacity: .8;
}
.box-column.-modaalSelect li a > img {
	width: 30%;
	vertical-align: bottom;
}
.modaal-link-icons {
	display: none;
	width: 24px;
}

@media print, screen and (min-width: 959px) {
	.box-column.-modaalSelect {
		display: flex;
		justify-content: space-between;
	}
	.box-column.-modaalSelect li {
		display: block;
		width: 24%;
		flex-shrink: 0;
	}
	.box-column.-modaalSelect li:nth-child(1),
	.box-column.-modaalSelect li:nth-child(3),
	.box-column.-modaalSelect li:nth-child(6),
	.box-column.-modaalSelect li:nth-child(8)
	{
	  background: #005CCA;
	}
	.box-column.-modaalSelect li:nth-child(2),
	.box-column.-modaalSelect li:nth-child(4),
	.box-column.-modaalSelect li:nth-child(5),
	.box-column.-modaalSelect li:nth-child(7) {
	  background: #003D86;
	}

	.box-column.-modaalSelect li a {
		display: block;
	}
	.box-column.-modaalSelect li a span {
		font-size: 16px;
		padding: 8px 16px;
	}
	.box-column.-modaalSelect li a > img {
		width: 100%;
		vertical-align: bottom;
	}
	.modaal-link-icons {
		display: inline-block;
		padding-left: 10px;
		vertical-align: middle;
	}
}

.modaal-wrapper.modaal-inline {
    overflow-y: auto;
}
.modaal-wrapper.modaal-inline .modaal-outer-wrapper {
    display: table;
    position: relative;
    width: 100%;
    height: 100%;
}
.modaal-wrapper.modaal-inline .modaal-inner-wrapper {
	justify-content: center;
    width: auto;
    height: 100%;
    position: relative;
    padding: 50px 0;
}
.modaal-wrapper.modaal-inline .modaal-container {
	justify-content: center;
	width: 90%;
	max-width: inherit;
}
.modaal-wrapper.modaal-inline .modaal-content {
    width: 90%;
	max-width: inherit;
}
@media print, screen and (min-width: 959px) {
	.modaal-wrapper.modaal-inline .modaal-container {
		justify-content: center;
		width: 960px;
		max-width: 960px;
	}
	.modaal-wrapper.modaal-inline .modaal-content {
		width: 960px;
	}
}

.modaal-wrapper.modaal-inline .modalInnerBox {
	padding: 20px;
	box-sizing: border-box;
}
@media print, screen and (min-width: 769px) {
	.modaal-wrapper.modaal-inline .modalInnerBox {
		padding: 40px;
	}
}

.modaal-wrapper.modaal-inline .modaal-header {
	display: flex;
	justify-content: flex-end;
}

.modaal-wrapper.modaal-inline .btn {
	width: 30px;
}
.modaal-wrapper.modaal-inline .btn img {
	width: 100%;
}
@media print, screen and (min-width: 769px) {
	.modaal-wrapper.modaal-inline .btn {
		display: inline-block;
		cursor: pointer;
		transition: all 300ms ease-out;
	}
}
.modaal-wrapper.modaal-inline .btn:hover {
	opacity: .6;
}
.modaal-body {
	margin-top: 0;
}
@media print, screen and (min-width: 769px) {
	.modaal-body {
		margin-top: -30px;
	}
}
.modaal-title {
	color: #003D86;
	font-size: 20px;
	margin: 0 0 1em;
}
@media print, screen and (min-width: 769px) {
	.modaal-title {
		font-size: 30px;
		margin: 0 60px 1em 0;
	}
}

.modaal-body-main {
	display: block;
	margin-bottom: 40px;
}

@media print, screen and (min-width: 769px) {
	.modaal-body-main {
		display: flex;
	}
	.modaal-body-main.-noflex {
		display: block;
	}
}
.modaal-body-main .imgbox {
	width: 100%;
	margin-right: 0;
	margin-bottom: 20px;
}
.modaal-body-main.-noflex .imgbox {
	width: 100%;
	max-width: inherit;
	margin-bottom: 0;
}
.modaal-body-main .imgbox img {
	width: 100%;
}
.modaal-body-main.-noflex .txtbox {
  width: 100%;
  margin-bottom: 30px;
}

@media print, screen and (min-width: 769px) {
	.modaal-body-main .imgbox {
		width: 40%;
		max-width: 300px;
		margin-right: 6%;
		margin-bottom: 0;
	}
	.modaal-body-main .imgbox img {
		width: 100%;
		margin-bottom: 30px;
	}
	.modaal-body-main.-noflex .imgbox img {
		margin-bottom: 0;
	}
	.modaal-body-main .txtbox {
			width: calc(100% - 46%)
		}
}

.modaal-body-sub {
	background: #f6F8F8;
	padding: 50px 20px;
	position: relative;
}
.modaal-body-sub dt {
	font-weight: bold;
}
@media print, screen and (min-width: 769px) {
	.modaal-body-sub {
		padding: 50px;
	}
}

.explanation {
	display: inline-block;
	font-size: 16px;
	color: #fff;
	letter-spacing: 3px;
	background: #d82479;
	padding: 4px 16px;
	position: absolute;
	left: 0;
	top: 0;
}

.individual-column {
	background: #fff;
	border: 1px solid #00b1c9;
	padding: 40px 20px 20px;
	position: relative;
}
.individual-column .badge-column {
	position: absolute;
	right: 0;
	top: 0;
	width: 120px;
}
.individual-column .badge-column img {
	width: 100%;
}
@media print, screen and (min-width: 769px) {
	.individual-column {
		background: #fff;
		border: 1px solid #00b1c9;
		padding: 45px;
		position: relative;
	}
	.individual-column .badge-column {
		width: 170px;
	}
}
.headline-chapter-column {
	font-size: 18px;
	line-height: 1;
	color: #00b1c9;
	padding-bottom: -10px;
	position: relative;
	margin-bottom: 20px;
}
.headline-chapter-column h3 {
	font-weight: normal;
}
.headline-chapter-column::after {
	position: absolute;
    content: "";
    display: block;
	line-height: 0;
    left: 0;
	bottom: 4px;
    width: 100%;
	height: 2px;
	background: #00b1c9;
}
.headline-chapter-column span {
	font-family: Arial, Helvetica, "sans-serif";
	display: inline-block;
	font-size: 36px;
	font-weight: normal;
	padding-left: 10px;
}
@media print, screen and (min-width: 769px) {
	.headline-chapter-column {
		font-size: 22px;
		margin-bottom: 30px;
	}
	.headline-chapter-column span {
		font-size: 60px;
	}
}

.individual-column .column-body {
	margin-top: 20px;
}
.individual-column .column-body dt {
	display: block;
	margin-bottom: 20px;
}
.individual-column .column-body dt .imgbox {
	width: 100%;
	margin-right: 0;
}
.individual-column .column-body dt .imgbox img {
	width: 100%;
}
.individual-column .column-body dt .txtbox {
	width: 100%;
	padding-left: 20px;
	border-left: 2px solid #00b1c9;
	font-size: 17px;
	margin-bottom: 20px;
}
.individual-column .column-body dt .txtbox span {
	display: block;
}
.individual-column .column-body dt .txtbox .belongs {
	font-size: 13px;
	margin-top: 8px;
}
.individual-column .column-body dt .txtbox .name {
	font-size: 18px;
}
.individual-column .column-body dd {
	padding-left: 0;
}
@media print, screen and (min-width: 769px) {
	.individual-column .column-body {
		margin-top: 60px;
	}
	.individual-column .column-body dt {
		display: flex;
		align-items: flex-start;
		flex-direction: row-reverse;
		margin-bottom: 30px;
	}
	.individual-column .column-body dt .imgbox {
		width: 32%;
		margin-right: 6%;
	}
	.individual-column .column-body dt .imgbox img {
		width: 100%;
	}
	.individual-column .column-body dt .txtbox {
		width: calc(100% - 38%);
		padding-left: 24px;
		font-size: 24px;
		margin-bottom: 0;
	}
	.individual-column .column-body dt .txtbox .name {
		font-size: 17px;
	}
	.individual-column .column-body dd {
		padding-left: 38%;
	}
}

.social-forte {
	padding: 50px 0 0;
	background: url("/company/ir/individual/image/bg_title_strength.svg") left 40px no-repeat;
	background-size: 100% auto;
}
.social-forte .box-image {
	width: 90%;
	margin: auto;
}
@media print, screen and (min-width: 769px) {
	.social-forte {
		padding: 100px 0 60px;
		background: url("/company/ir/individual/image/bg_title_strength.svg") left 80px no-repeat;
		background-size: 60% auto;
	}
}

.chapter2-contents {
	margin-top: 50px
}
.chapter2-contents .-aside {
	display: block;
	background: #003D86;
	margin-bottom: 60px;
}
.chapter2-contents .-aside div {
	width: 100%;
}
.chapter2-contents .-aside div img {
	width: 100%;
	vertical-align: bottom;
}
.chapter2-contents .-aside p {
	font-size: 18px;
	color: #fff;
	margin: 0;
	padding: 10px 20px;
}

@media print, screen and (min-width: 769px) {
	.chapter2-contents {
		margin-top: 80px
	}
	.chapter2-contents .-aside {
		display: flex;
		align-items: center;
	}
	.chapter2-contents .-aside div {
		width: 50%;
	}
	.chapter2-contents .-aside p {
		font-size: 24px;
		margin: 0 0 0 2%;
	}
}

.individual-customer {
	margin-top: 50px;
	padding: 30px;
	border: 4px solid #F2f2f2;
}
@media print, screen and (min-width: 560px) {
	.individual-customer {
		margin-top: 80px;
		padding: 60px;
	}
}

.customer-first-level > dt {
	font-size: 20px;
	text-align: center;
	margin-bottom: 2em;
}
.customer-second-level {
	margin-bottom: 2em;
}
.customer-second-level dt {
	padding-left: 24px;
	margin-bottom: 5px;
	position: relative;
}
.customer-second-level dt::before {
	position: absolute;
    content: "";
    display: block;
    left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 14px;
	height: 14px;
	background: #67b6e3;
}
.customer-second-level dt:nth-of-type(2)::before {
	background: #0089d0;
}
.customer-second-level dt:nth-of-type(3)::before {
	background: #53b8a1;
}
.customer-second-level dt:nth-of-type(4)::before {
	background: #b7d171;
}
.customer-second-level dt:nth-of-type(5)::before {
	background: #9f7fb0;
}
.customer-second-level dd:not(:last-child) {
	margin-bottom: 2em;
}

.table-individual-caption {
	font-size: 20px;
	margin-bottom: 1.5em;
}
.table-individual {
	width: 900px;
    border-collapse: collapse;
	table-layout: fixed;
    line-height: 1.4;
}
.table-individual th {
	width: 26%;
    padding: 20px 10px;
    text-align: center;
    vertical-align: middle;
    border-top: 1px solid #b2b2b2;
	border-bottom: 1px solid #b2b2b2;
}
.table-individual th img {
	vertical-align: bottom;
	max-width: 100%;
}
.table-individual td {
	font-size: 1rem;
	text-align: left;
	line-height: 1.2;
	vertical-align: middle;
	width: 74%;
    padding: 20px 30px;
    background: #F6F8F8;
    border-top: 1px solid #b2b2b2;
	border-bottom: 1px solid #b2b2b2;
}
.table-individual td ul {
	margin-top: 8px;
}
.table-individual td ul:not(:last-of-type) {
	margin-bottom: 8px;
}
.box-image > .caption.-imgcaption {
	font-size: 17px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 1.5em;
}
@media print, screen and (min-width: 560px) {
	.box-image > .caption.-imgcaption {
		font-size: 20px;
		margin-bottom: 2em;
	}
}
.social-future {
	padding: 50px 0;
	background: url("/company/ir/individual/image/bg_title_future.svg") left 40px no-repeat;
	background-size: 100% auto;
}
@media print, screen and (min-width: 769px) {
	.social-future {
		padding: 100px 0 60px;
		background: url("/company/ir/individual/image/bg_title_future.svg") left 80px no-repeat;
		background-size: 60% auto;
	}
}

.chapter3-contents .title {
    padding-left: 24px;
    margin-bottom: 5px;
    position: relative;
}
.chapter3-contents .title::before {
    position: absolute;
    content: "";
    display: block;
    left: 0;
    top: .4em;
    margin: auto;
    width: 16px;
    height: 16px;
    background: #005cca;
}
@media print, screen and (min-width: 560px) {
	.chapter3-contents .title {
		padding-left: 28px;
	}
	.chapter3-contents .title::before {
		left: 0;
		top: 0;
		bottom: 0;
		margin: auto;
		width: 18px;
		height: 18px;
	}
}

.-maltiImgBox {
	padding: 20px;
}
.-maltiImgBox .box-image:not(:last-of-type) {
	margin-bottom: 40px;
}
.mailtiImgLink {
	margin-top: -20px;
}
@media print, screen and (min-width: 560px) {
	.-maltiImgBox {
		padding: 50px 30px;
	}
	.-maltiImgBox .box-image:not(:last-of-type) {
		margin-bottom: 80px;
	}
	.mailtiImgLink {
		margin-top: -60px;
	}
}

.-chapter3-contentsList {
	padding: 0 20px 20px;
}
.-chapter3-contentsList dt {
	font-size: 24px;
	text-align: center;
	position: relative;
	padding-bottom: 6px;
	margin-bottom: 30px;
}
.-chapter3-contentsList dt::after {
    position: absolute;
    content: "";
    display: block;
    left: 0;
	right: 0;
    bottom: 0;
    margin: auto;
    width: 30px;
    height: 2px;
    background: #005cca;
}
.-chapter3-contentsList dd:not(:last-child) {
	margin-bottom: 26px;
}
.-chapter3-contentsList .bnrlist {
	list-style: none;
	margin: 0;
	padding: 0;
	display: block;
}
.-chapter3-contentsList .bnrlist li {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
@media print, screen and (min-width: 769px) {
	.-chapter3-contentsList {
		padding: 0 50px 50px;
	}
	.-chapter3-contentsList dd:not(:last-child) {
		margin-bottom: 40px;
	}
	.-chapter3-contentsList .bnrlist {
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.-chapter3-contentsList .bnrlist li {
		width: 40%;
		display: flex;
		align-items: center;
		justify-content: center;
	}
}

.social-qa .individual-bgBlue {
	padding: 40px 0;
	background: url("/company/ir/individual/image/bg_title_qa.svg") left top no-repeat,#003D86;
	background-size: 50% auto;
	margin-bottom: 40px;
}
@media print, screen and (min-width: 769px) {
	.social-qa .individual-bgBlue {
		padding: 80px 0 60px;
		background: url("/company/ir/individual/image/bg_title_qa.svg") left top no-repeat,#003D86;
		background-size: 30% auto;
		margin-bottom: 80px;
	}
}
.social-qa .headline-chapter {
    max-width: calc(900px + 60px);
    padding: 0 30px;
	margin: auto;
}
.social-qa .title {
	color: #fff;
	font-size: 26px;
	width: 100%;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
}
.social-qa .headline-chapter span {
    display: block;
    font-size: 12px;
    color: #003D86;
    text-align: center;
    background: #fff;
    width: 100px;
    padding: 1px 4px;
    margin-bottom: 1em;
}
@media print, screen and (min-width: 769px) {
	.social-qa .title {
		font-size: 30px;
		width: 40%;
	}
	.social-qa .headline-chapter span {
		display: block;
		font-size: 12px;
		color: #003D86;
		text-align: center;
		background: #fff;
		width: 100px;
		padding: 1px 4px;
		margin-bottom: 1em;
	}
}
.box-accordion.-individual-qa + .box-accordion.-individual-qa {
    margin-top: 10px;
}
@media print, screen and (min-width: 769px) {
	.box-accordion.-individual-qa + .box-accordion.-individual-qa {
		margin-top: 20px;
	}
}
.box-interview.-individual-qa {
	padding: 0;
	border: 0;
}
.box-interview.-individual-qa .tab {
	position: relative;
	display: flex;
	align-items: center;
	height: 100px;
}
.box-interview.-individual-qa .tab::after {
    position: absolute;
    content: "";
    display: block;
	right: 2%;
	top: 0;
    bottom: 0;
    margin: auto;
    width: 20px;
    height: 20px;
    background: url("/company/ir/individual/image/icon-plus.svg") center center no-repeat;
	background-size: 100%;
}
.box-interview.-individual-qa .tab._isActive::after {
    background: url("/company/ir/individual/image/icon-minus.svg") center center no-repeat;
}
@media print, screen and (min-width: 640px) {
	.box-interview.-individual-qa .tab {
		position: relative;
		display: flex;
		align-items: center;
		height: 100px;
	}
	.box-interview.-individual-qa .tab::after {
		width: 30px;
		height: 30px;
	}
}

.box-interview.-individual-qa .content {
	background: #F6F8F8;
	margin-top: 0;
	padding: 20px 30px 30px;
	line-height: 1.8;
}
.box-interview.-individual-qa .content p + p {
	margin-top: 2em;
}
@media print, screen and (min-width: 640px) {
	.box-interview.-individual-qa .content {
		padding: 30px 50px 50px;
	}
}
.-acc-tab-green {
	background: #00B1C9;
}
.-acc-tab-blue {
	background: #2099E6;
}
.box-interview.-individual-qa .title {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
	padding: 10px 40px 10px 10px;
	text-align: left;
}
.box-interview.-individual-qa .title .qanumber {
	width: 2em;
	margin-right: 0.5em;
}
.box-interview.-individual-qa .title .qatext {
	width: calc(100% - 3.5em);
}
@media print, screen and (min-width: 640px) {
	.box-interview.-individual-qa .title {
		padding: 10px 60px 10px 16px;
	}
}

.box-interview.-individual-qa .qaWrap > dt {
	color: #00B1C9;
	margin-bottom: 5px;
}
.box-interview.-individual-qa .-acc-tab-blue dt {
	color: #2099E6;
}
.box-interview.-individual-qa ol {
  counter-reset: my-counter;
  list-style: none;
  padding: 0;
  margin-top: 10px;
}
.box-interview.-individual-qa ol li {
  margin-bottom: 10px;
  padding-left: 30px;
  position: relative;
}
.box-interview.-individual-qa ol li:first-child {
	margin-bottom: 2em;
}
.box-interview.-individual-qa ol li:before {
  position: absolute;
  top: 3px;
  left: 30px;
  content: counter(my-counter);
  counter-increment: my-counter;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 22px;
  margin-left: -30px;
  text-align: center;
  height: 22px;
  width: 22px;
  border: 1px solid #000;
  border-radius: 50%;
}

.box-interview.-individual-qa ol li p:first-of-type {
	font-weight: bold;
}
.-individual-qa .stepWrap {
	display: flex;
	flex-wrap: wrap;
}
.-individual-qa .stepWrap dt {
	width: 4.2em;
}
.-individual-qa .stepWrap dd {
	width: calc(100% - 4.2em);
}
.-individual-qa ._bLine-red {
	color: #f00;
	display: inline-block;
	position: relative;
}
.-individual-qa ._bLine-red::after {
    position: absolute;
    content: "";
    display: block;
	right: 0;
	left: 0;
    bottom: 3px;
    margin: auto;
    width: 100%;
    height: 2px;
    background: #f00;
}
.-individual-qa ._bLine-blue {
	color: #2099E6;
	display: inline-block;
	position: relative;
}
.-individual-qa ._bLine-blue::after {
    position: absolute;
    content: "";
    display: block;
	right: 0;
	left: 0;
    bottom: 3px;
    margin: auto;
    width: 100%;
    height: 2px;
    background: #2099E6;
}


.hasBottomDottedLine{
	border-bottom: 1px dotted #999999;
	padding-bottom: 50px;
}
.hasExternalWindowIcon{
	position:relative;
}
.hasExternalWindowIcon::after{
	content:url("/common/image/icon/icon-window-white.svg");
	position:absolute;
	right:20px;
}
.hasExternalWindowIcon:hover::after{
	content:url("/common/image/icon/icon-window-white.svg");
}

.hasNoBeforecontent{
	padding-left:0!important;
}

.hasNoBeforecontent::before{
	display:none!important;
}

.individual-partner{
	margin-bottom:100px;
}

.paddingTop00{
	padding-top:0!important;
}

.marginBottom30{
	margin-bottom:30px!important;
}