@charset "utf-8";

/* @media screen and (min-width: 769px) {
}

@media screen and (max-width: 768px) {
} */

.ir__pcOnly {
	display: block;
}
.ir__spOnly {
	display: none;
}
@media screen and (max-width: 768px) {
	.ir__pcOnly {
		display: none;
	}
	.ir__spOnly {
		display: block;
	}
}

@media screen and (max-width: 768px) {
	.ir__innerWrap {
		padding-left: 20px;
		padding-right: 20px;
	}
}


/* ---------------------
  タイトル
*  --------------------- */
.ir__ttlH2 {
	position: relative;
    color: #333333;
    font-size: 32px;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 40px;
    padding: 0 0 0 48px !important;
    text-align: left;
}
.ir__ttlH2::before {
    content: "";
    display: block;
    background: #72af43;
    width: 24px;
    height: 4px;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -2px;
}
@media screen and (max-width: 768px) {
	.ir__ttlH2 {
		margin-left: 20px;
		padding: 0 0 0 40px !important;
	}
	.ir__ttlH2::before {
		width: 20px;
		height: 4px;
		margin-top: -2px;
	}
}


/* ---------------------
  ローカルナビ
*  --------------------- */
.ir__localNav_wrap {
	max-width: 1200px;
    margin: 0 auto 80px;
    font-size: 12px;
    width: calc(100vw - 40px);
}
.ir__localNav {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 100%;
}
.ir__localNav_item {
	width: 20%;
}
.ir__localNav_item-active a {
	background: #72af43;
	color: #fff;
	pointer-events: none;
}
.ir__localNav_item a {
	position: relative;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #72af43;
	border-radius: 2px;
	line-height: 1.5;
	min-height: 60px;
	padding: 0 12%;
	text-align: center;
}
.ir__localNav_item a::before,
.ir__localNav_item a::after {
	position: absolute;
    right: 6%;
	top: calc(50% - 2px);
	content: '';
	display: block;
	background: #72af43;
}
.ir__localNav_item a::before {
	width: 16px;
    height: 2px;
}
.ir__localNav_item a::after {
	width: 7px;
	height: 2px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transform-origin: right bottom;
}
@media screen and (min-width: 769px) {
	.ir__localNav {
		margin: 0 -6px;
	}
	.ir__localNav_item {
		width: calc( (100% / 3) - 36px );
		margin: 0 6px;
	}
	.ir__localNav-col4{
		width: 20%;
	}
	.ir__localNav_item:nth-child(n+4) {
		margin-top: 10px;
	}
	.ir__localNav-col4:nth-child(n+4) {
		margin-top: 0;
	}
	.ir__localNav_item a:hover {
		transition: 0.5s;
		background: #72af43;
		color: #fff;
	}
	.ir__localNav_item a:hover::before,
	.ir__localNav_item a:hover::after {
		transition: 0.5s;
		background: #fff;
		right: 2%;
	}
	.ir__localNav_item-active a:hover::before,
	.ir__localNav_item-active a:hover::after {
		background: #72af43;
	}
}
@media screen and (max-width: 768px) {
	.ir__localNav_wrap {
		margin-bottom: 50px;
	}
	.ir__localNav {
		justify-content: space-between;
	}
	.ir__localNav_item {
		width: 49%;
	}
	.ir__localNav_item:nth-child(n+3) {
		margin-top: 2%;
	}
	.ir__localNav_item a {
		padding: 20px 30px;
	}
}


/* ---------------------
  IR情報
*  --------------------- */
.irTop__mvTitle {
	background-image: url(/ir/images/ir_top_img01.jpg);
	background-position: bottom left;
}
.irTop__mvTitle h1 {
	position: relative;
	display: block;
	text-align: left !important;
}
.irTop__mvTitle h1 span {
	position: absolute;
}
@media screen and (min-width: 769px) {
	.irTop__mvTitle h1 span {
		left: 83px;
	}
}
@media screen and (max-width: 768px) {
	.irTop__mvTitle h1 span {
		left: 63px;
	}
}


.irTop__innerBoxWrap {
	padding-top: 120px;
    padding-bottom: 120px;
}
.irTop__innerBox {
	position: relative;
    z-index: 1;
}
.irTop_indexInner {
	max-width: 1080px;
    margin: 0 auto;
}
.irTop_indexInner_ttl {
	margin-bottom: 1.2em;
    font-size: 38px;
    letter-spacing: 0.25em;
}
.irTop__innerBox .btn {
	margin-top: 50px;
}
.irTop__innerBox .btnArrow.short {
    width: 216px;
    margin-left: 0;
}
.irTop__innerBox .btnArrow.short > span {
	padding: 22px 15px 22px 0px;
}
.irTop__innerBox .btnArrow.short::before,
.irTop__innerBox .btnArrow.short::after {
	right: -32px;
}
.irTop__innerBox .btnArrow.short::before {
	width: 64px;
}
@media screen and (min-width: 1181px) {
	.irTop__innerBox::before {
		width: calc(calc(1080px * 0.75) + calc((100vw - 1080px) / 2));
	}
}
@media screen and (min-width: 769px) {
	.irTop__innerBox::before {
		left: auto;
		right: 0;
		content: "";
		display: block;
		position: absolute;
		bottom: -40px;
		width: 63.5vw;
		height: calc(100% - 80px + 40px);
		background: #F5F7F7;
		z-index: -1;
	}
	.irTop_indexInner_img {
	    width: 52%;
	}
	.irTop_indexInner_txt {
		width: 48%;
    	padding: 60px 0 34px 73px;
	}
	.irTop__innerBox .btn {
		margin-top: 50px;
		padding-right: 60px;
	}
	.irTop__innerBox .btnArrow.short:hover::before,
	.irTop__innerBox .btnArrow.short:hover::after {
		right: -64px;
	}
}
@media screen and (max-width: 768px) {
	.irTop__innerBoxWrap {
		padding-top: 75px;
    	padding-bottom: 60px;
	}
	.irTop_indexInner_img {
		margin-bottom: 20px;
    	text-align: center;
	}
	.irTop_indexInner_txt {
		margin-left: 20px;
		margin-right: 20px;
	}
	.irTop_indexInner_ttl {
		margin-bottom: 0.6em;
	}
	.irTop__innerBox .btn {
		margin-top: 25px;
	}
	
	.irTop__innerBox .btnArrow.short{
		margin: auto;
	}
}


.irTop__irNewsLink {
	margin-top: 44px;
}
@media screen and (min-width: 769px) {
	.irTop__irNewsWrap {
		padding-bottom: 95px;
	}
}
@media screen and (max-width: 768px) {
	.irTop__irNewsLink {
		margin-top: 24px;
	}
	.irTop__irNewsLink .btnArrow {
		width: 216px;
		margin-left: auto;
		margin-right: auto;
	}
	.irTop__irNewsLink .btnArrow::before,
	.irTop__irNewsLink .btnArrow::after {
		right: -32px;
	}
	.irTop__irNewsLink .btnArrow::before {
		width: 64px;
	}
	.irTop__irNewsLink span {
		padding: 22px 15px 22px 0px;
	}
}


.irTop__libraryWrap {
	position: relative;
}
.irTop__libraryWrap::before {
	z-index: -1;
	position: absolute;
	content: '';
	display: block;
	background: #f5f7f6;
	width: 100%;
}
.irTop__libraryList {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
}
.irTop__libraryList_item {
	border-radius: 16px;
    background: #fff;
    box-shadow: 0 0 8px 0 rgb(0 0 0 / 8%);
}
.irTop__libraryList_item a {
	display: block;
  padding: 94px 16% 73px;
  text-align: center;
  position: relative;
  z-index: 0;
  height:100%
}
.irTop__libraryList_item a::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  display: block;
  border-radius: 7px;
  background: #e8f2da;
  width: 100%;
  height: 100%;
  transition: transform .6s cubic-bezier(0.8, 0, 0.2, 1) 0s;
  transform: scale(0, 1);
  transform-origin: right top;
}

.irTop__libraryList_item a:hover::before{
  transform-origin:left top;
  transform:scale(1, 1);
}  
.irTop__libraryList_item h3 {
	display: flex;
    justify-content: center;
    align-items: center;
    min-height: 60px;
    margin: 12px -15px 0;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.4;
    text-align: center;
}
@media screen and (min-width: 769px) {
	.irTop__libraryWrap {
		margin: 35px 0 100px;
	}
	.irTop__libraryWrap::before {
		top: 155px;
		height: calc(100% - 55px);
	}
	.irTop__libraryList_item {
		width: 28.6%;
		max-width: 308px;
	}
	.irTop__libraryList_item:nth-child(n+4) {
		margin-top: 55px;
	}
}
@media screen and (max-width: 768px) {
	.irTop__libraryWrap {
		margin: 35px 0 45px;
	}
	.irTop__libraryWrap::before {
		top: 100px;
		height: calc(100% - 55px);
	}
	.irTop__libraryList_item {
		width: 46%;
    	margin: 0 2% 40px;
	}
	.irTop__libraryList_item a {
		padding: 30px 8% 24px;
	}
	.irTop__libraryList_item h3 {
		min-height: 50px;
		margin: 20px -15px 0;
		font-size: 18px;
	}
}


.irTop__indexInner {
    max-width: 1080px;
    margin: 0 auto;
}
.irTop__indexLinkBox {
	display: block;
	margin-bottom: 35px;
}
.irTop__indexLinkBox_img img {
	width: 100%;
    height: auto;
}
.irTop__indexLinkBox_ttl {
    margin: 1.25em 0 0.8em;
    font-size: 20px;
    letter-spacing: 0.06em;
}
.irTop__indexLinkBox_linkList_item {
	position: relative;
	color: #333333;
	font-size: 15px;
	font-weight: 500;
	letter-spacing: 0.1em;
	line-height: 1.8;
}
.irTop__indexLinkBox_linkList-column1 .irTop__indexLinkBox_linkList_item {
	margin-top: 1.25em;
    font-size: 20px;
	letter-spacing: 0.06em;
	width: 100%;
}
.irTop__indexLinkBox_linkList_item::before,
.irTop__indexLinkBox_linkList_item::after {
    content: "";
    display: block;
    background: #72af43;
    position: absolute;
    height: 2px;
}
.irTop__indexLinkBox_linkList_item::before {
	width: 30px;
}
.irTop__indexLinkBox_linkList_item::after {
	width: 10px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transform-origin: right bottom;
}
@media screen and (min-width: 769px) {
	.irTop__indexLinkBox {
		width: 48%;
	}
	.irTop__indexLinkBox_linkList {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		width: 100%;
	}
	.irTop__indexLinkBox_linkList-column2 .irTop__indexLinkBox_linkList_item {
		width: 44%;
	}
	.irTop__indexLinkBox_linkList_item:nth-child(n+3) {
		margin-top: 0.8em;
	}
	.irTop__indexLinkBox_linkList_item::before,
	.irTop__indexLinkBox_linkList_item::after {
		top: 15px;
	}
	a.irTop__indexLinkBox:hover .irTop__indexLinkBox_linkList_item::before,
	a.irTop__indexLinkBox:hover .irTop__indexLinkBox_linkList_item::after,
	.irTop__indexLinkBox_linkList_item:hover::before,
	.irTop__indexLinkBox_linkList_item:hover::after {
		transition: 0.5s;
	}
	.irTop__indexLinkBox_linkList-column1 .irTop__indexLinkBox_linkList_item::before,
	.irTop__indexLinkBox_linkList-column1 .irTop__indexLinkBox_linkList_item::after {
		right: 0;
	}
	a.irTop__indexLinkBox:hover .irTop__indexLinkBox_linkList-column1 .irTop__indexLinkBox_linkList_item::before,
	a.irTop__indexLinkBox:hover .irTop__indexLinkBox_linkList-column1 .irTop__indexLinkBox_linkList_item::after {
		right: -20px;
	}
	.irTop__indexLinkBox_linkList-column2 .irTop__indexLinkBox_linkList_item::before,
	.irTop__indexLinkBox_linkList-column2 .irTop__indexLinkBox_linkList_item::after {
		right: 5px;
	}
	.irTop__indexLinkBox_linkList-column2 .irTop__indexLinkBox_linkList_item:hover::before,
	.irTop__indexLinkBox_linkList-column2 .irTop__indexLinkBox_linkList_item:hover::after {
		right: -5px;
	}
}
@media screen and (max-width: 1126px) and (min-width: 769px) {
	.irTop__indexLinkBox_linkList_item {
		font-size: 13px;
	}
	.irTop__indexLinkBox_linkList-column2 .irTop__indexLinkBox_linkList_item {
		width: 50%;
	}
	.irTop__indexLinkBox_linkList-column2 .irTop__indexLinkBox_linkList_item::before,
	.irTop__indexLinkBox_linkList-column2 .irTop__indexLinkBox_linkList_item::after {
		right: 15px;
	}
	.irTop__indexLinkBox_linkList-column2 .irTop__indexLinkBox_linkList_item:hover::before,
	.irTop__indexLinkBox_linkList-column2 .irTop__indexLinkBox_linkList_item:hover::after {
		right: -5px;
	}
}
@media screen and (max-width: 768px) {
	.irTop__indexLinkBox_ttl,
	.irTop__indexLinkBox_linkList {
		margin-left: 20px;
		margin-right: 20px;
	}
	.irTop__indexLinkBox_linkList_item {
		display: block;
	}
	.irTop__indexLinkBox_linkList_item:nth-child(n+2) {
		margin-top: 1em;
	}
	.irTop__indexLinkBox_linkList_item::before,
	.irTop__indexLinkBox_linkList_item::after {
		top: 12px;
		right: 0;
	}
}


@media screen and (min-width: 769px) {
	.irTop__btnLinkWrap {
		margin-top: 145px;
		padding-top: 76px;
    	padding-bottom: 94px;
	}
}
@media screen and (max-width: 768px) {
	.irTop__btnLinkWrap {
		margin-top: 60px;
		padding-top: 40px;
    	padding-bottom: 64px;
	}
	.irTop__btnLinkList {
		justify-content: space-between;
	}
	.irTop__btnLinkList_item {
		width: 48%;
	}
}

/*-- 202303 add --*/
.irTop__bnrLink{
	background: #72af43;
	border-radius: 10px;
}
.irTop__bnrLink a.pcflex{
	align-items: center;
}
.irTop__bnrLink p{
	color: #fff;
	font-size: 33px;
	font-weight: 500;
	letter-spacing: 0.25em;
	line-height: 1.2;
}
.irTop__bnrLink p span{
	display: block;
	font-size: 13px;
	letter-spacing: 0.24em;
}
@media screen and (min-width: 769px){
.irTop__bnrLink p{
	padding: 0 5.2%;
	width: 50%;
}
.irTop__bnrLink figure{
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	overflow: hidden;
	width: 50%;
}
}/*-PC only-*/
@media screen and (max-width: 768px) {
.irTop__bnrLink{
 padding: 0;
 margin: 60px 0 0;
}
.irTop__bnrLink figure{
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	overflow: hidden;
	width: 100%;
}
.irTop__bnrLink p{
  padding: 20px 5%;
 font-size: 20px;
 width: 100%;
}
.irTop__bnrLink p span{
 font-size: 12px;
}
}/*-SP only-*/
/*-- /202303 add --*/

/* ---------------------
  株主・投資家の皆さまへ
*  --------------------- */
.irManagement__boxTxt p + p {
	margin-top: 2em;
}
.irManagement__boxName {
	line-height: 1.6;
	text-align: right;
}
.irManagement__boxName span {
	display: block;
	font-size: 171.5%;
    font-weight: 500;
}
@media screen and (min-width: 769px) {
	.irManagement__boxWrap {
		display: flex;
		justify-content: space-between;
	}
	.irManagement__boxTxt {
		order: 1;
		width: calc(100% - 38%);
		padding-right: 50px;
	}
	.irManagement__boxImg {
		order: 2;
		width: 38%;
	}
}
@media screen and (max-width: 768px) {
	.irManagement__boxImg {
		margin-bottom: 20px;
	}
}

/* ごあいさつ greeting*/
.greetingArea{
 position: relative;
 max-width: 1200px;
 padding: 142px 0 115px;
 margin: 0 auto;
}
.greetingArea h2{
 margin-bottom: 50px;
}
.greetingArea p + p{
 margin-top:2em;
}
.greetingArea .name{
 text-align: right;
 line-height: 1.6;
}
.greetingArea .name span{
 font-size: 171.5%;
 font-weight: 500;
}
@media screen and (max-width: 768px) {
 .greetingArea.pcflex > figure{
	 margin-bottom: 20px;
 }
	.greetingArea {
  padding: 0 0 35px;
	}
	.greetingArea .txt{
		margin-left:20px;
		margin-right:20px;
	}
}/* //end for SP */
@media screen and (min-width: 769px) {
 .greetingArea{
  align-items: flex-start;
 }
 .greetingArea.pcflex{	
	flex-direction:row-reverse;
 }
 .greetingArea::before{
  content: "";
  display: block;
  background: #F5F7F7;
  width: 65vw;
  height: 100%;
  position: absolute;
  top: 0;
  right: 35.2%;
  z-index: -1;
 }
 .greetingArea .txt{
  max-width: 525px;
 }
 .greetingArea figure{
  width: 48.88vw;
  max-width: 704px;
  margin: 90px -8.2vw 0 0;
 }
}/*-PC only-*/
@media screen and (min-width: 769px) and (max-width: 1080px) {
	.greetingArea figure {
  width: 40vw;
  margin: 0 20px 0 0;
}
	 .greetingArea .txt{
	 margin-left: 20px;
		 max-width: 52vw
 }
}/*-tablet-*/ 

/* ---------------------
  株式情報
*  --------------------- */
.irStock__stockTable th {
	white-space: nowrap;
}
.irStock__stockTable td {
	text-align: left;
}


/* ---------------------
  IRカレンダー
*  --------------------- */
.irCalendar_calendarImg {
	margin: 0 auto 20px;
	text-align: center;
}
.irCalendar_calendarImg img {
	max-width: 100%;
}
@media screen and (min-width: 769px) {
	.irCalendar_calendarImg {
		display: flex;
		justify-content: space-between;
		align-items: center;
		max-width: 850px;
		width: 100%;
	}
	.irCalendar_calendarImg img {
		width: 50%;
	}
	.irCalendar_calendarImg img:last-child {
		margin-left: 2px;
	}
}


/* ---------------------
  よくあるご質問
*  --------------------- */
.irFaq_faqList_a + .irFaq_faqList_q {
	margin-top: 2em;
}
.irFaq_faqList_a {
	margin-top: 5px;
	padding-bottom: 2em;
	border-bottom: 1px solid #DDDDDD;
}
.irFaq_faqList_q,
.irFaq_faqList_a {
	position: relative;
	padding-left: 2rem;
}
.irFaq_faqList_q::before,
.irFaq_faqList_a::before {
	position: absolute;
	left: 0;
	top: -7px;
	display: inline-block;
	color: #72af43;
	font-size: 20px;
	font-weight: bold;
}
.irFaq_faqList_q::before {
	content: 'Q';
}
.irFaq_faqList_a::before {
	content: 'A';
}


/* 202408 TOP Add*/
.btnNormal.btnLarge{
	max-width: 50%;
	height: 100px;
	font-size: 18px;
  margin: auto;
	padding-top: 40px
}

.pdf.btnLarge::after{
background: url("../../assets/images/ic_pdf.svg") no-repeat left center/ 100% auto;
  width: 24px;
  height: 30px;
}

.irTop__bnrLink.forindividual {
  background: #0061ad;
}
.irTop__bnrLink.forindividual figure{
	width: 45%;
}

.irTop__bnrLink.forindividual p{
	width: 55%;
}

@media screen and (max-width: 768px) {
	  .irTop__bnrLink.forindividual figure {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    overflow: hidden;
    width: 100%;
  }
	  .irTop__bnrLink.forindividual p {
    padding: 20px 5%;
    font-size: 20px;
    width: 100%;
  }
  
  /* 202408 TOP Add*/
.btnNormal.btnLarge{
	max-width: 90%;
  height: auto;
	padding: 20px 40px 20px 0px;
}
}

.inBox {
  padding: 60px;
  margin-top: 35px;
}

.inBox .ttlBar, .mbox .ttlBar {
  margin-bottom: 20px;
}
.report {
  margin-top: 65px;
}

.report .txt p + p{
 margin-top: 40px;
}
.report .txt p .note{
 display: block;
 line-height: 1.5;
}
.report .txt .btnNormal + .note{
 margin-top: 12px;
}
.report .txt .note +.btnNormal{
 margin-top: 8px;
}
.report .txt .note a{
 color: #333;
 text-decoration: underline;
}
@media screen and (min-width: 769px) {
 .report figure{
  margin: 0;
  max-width: 543px;
 }
 .report .txt{
  max-width: 354px;
 }
}/*-PC only-*/

/* 202408 Report Add*/
@media screen and (min-width: 769px) {
	.halfBox{
		width: 48%;
	}
	.ir_report_list{
		display: flex;
		flex-wrap: wrap;
		margin-top: 15px;
		margin-bottom: 15px;
		justify-content: space-between
	}
	.ir_report_list li{
		width: 48%;
		margin: 0 0 15px;
		text-align: left;
	}
}

.halfBox{
	margin-bottom: 30px 
}
.halfBox a{
	margin-bottom: 15px;
}
.halfBox figure{
	margin-bottom: 15px;
}
@media screen and (max-width: 768px) {
	.halfBox{
		margin: 0 20px 0
}
	.halfBox + .halfBox{
		margin-bottom: 30px 
	}
	.ir_report_list{
		margin-top: 15px;
	}
	.ir_report_list li{
		margin-bottom: 15px
	}
}

/* ---------------------
investors
--------------------- */
.investors .conversation{
	margin: 30px auto;
	max-width: 900px;
}
.investors .conversation li{
	margin-bottom: 30px;
	position: relative
}
.investors .conversation li.shirokuma:before{
	content: '';
	display: block;
	width: 150px;
	height: 150px;
	background: url("../images/ic_shirokuma.png") no-repeat left center/ 100% auto;
	position: absolute;
	left:0;
	top:0
}
.investors .conversation li.mirakuru:after{
	content: '';
	display: block;
	width: 150px;
	height: 150px;
	background: url("../images/ic_mirakuru.png") no-repeat left center/ 100% auto;
	position: absolute;
	right:0;
	top:0
}
.investors .conversation li p{
	border: 2px solid #72af43;
	border-radius: 8px;
	padding: 20px;
	position: relative;
	font-size: 16px;
	width: calc(100% - 340px);
  background: #fff;
}
.investors .conversation li a.btnArrow{
  width: calc(100% - 340px);
  line-height: 1.2
}
.investors .conversation li a.btnArrow.mLeft170{
  margin-left: 170px;
}
.investors .conversation li.shirokuma p{
	margin-left: 170px;
}
.investors .conversation li.mirakuru p{
	margin-left: 170px;
	margin-right: 170px;
}
.investors .conversation li.shirokuma p:before{
	display: block;
	content: '';
	position: absolute;
	left:-20px;
	top:10%;
	  background: #72af43;
  height: calc(tan(60deg) * 20px / 2);
  width: 20px;
  clip-path: polygon(0 50%, 100% 0, 100% 100%);
}

.investors .conversation li.mirakuru p:after{
	display: block;
	position: absolute;
	content: '';
	right:-20px;
	top:10%;
	  background: #72af43;
  height: calc(tan(60deg) * 20px / 2);
  width: 20px;
  clip-path: polygon(0 0, 100% 50%, 0 100%);
}

.investors .conversation li figure img{
	width: 270px;
	display: inline-block;
	margin: 0 10px 0 0;
  border-radius: 4px;
}
.investors .conversation li figure.hero img{
  width: 100%
}
.investors .conversation li figure.large img{
  width: 540px;
}
.investors .conversation li.shirokuma figure{
	margin-left: 170px;
	margin-top: 20px
}
.investors .conversation li.shirokuma figure.colm2{
  display: inline-block;
}
.investors .conversation li.shirokuma figure.colm2:nth-child(3){
  margin-left: 20px;
}
.investors .conversation li.mirakuru figure{
	margin-left: 170px;
	margin-top: 20px
}
.investors .conversation li.mirakuru figure.colm2{
  display: inline-block;
}
.investors .conversation li.mirakuru figure.colm2:nth-child(3){
  margin-left: 20px;
}

section#data .investors dl {
  border-radius: 4px;
  overflow: hidden;
  width: calc(33% - 40px);
  display: inline-block;
  margin: 20px;
  vertical-align: top;
}

section#data .investors dt {
  padding: 0.4em .6em 0.3em;
  font-size: 22px;
  
  color: #ffffff;
}

section#data .investors dd {
  padding: 20px;
  font-size: 2rem;
  text-align: center;
  min-height: 145px;
  display: flex;
  align-items: center;
  flex-direction: column;
      justify-content: center;
}
section#data .investors dd p{
  font-size: 2rem;
}
section#data .investors dd .note{
  display: block;
}
section#data .investors dd figure{
  width: 100px;
  margin: auto;
}


/*
section#data .investors dd p {
  font-size: 21px;
  letter-spacing: 0.06em;
  line-height: 1.71em;
}
*/
section#data .investors dl.frmgreen{
  border: 2px solid #71a62e;
}
section#data .investors dl.frmblue{
  border: 2px solid #0071A3;
}
section#data .investors dl.frmaqua{
  border: 2px solid #32b8be;
}

section#data .investors dl.frmgreen dt {
  background: #71a62e;
}
section#data .investors dl.frmblue dt {
  background: #0071A3;
}
section#data .investors dl.frmaqua dt {
  background: #32b8be;
}

.irpgs .pageTitle{
  display: none;
}

.irpgs .investortopTitle{
  background: #f3f9f0;
  text-align: center;
  padding: 50px;
}
.irpgs .investortopTitle span{
  font-size: 2.125rem;
  letter-spacing: 0.24em;
  font-weight: bold;
  display: block;
  margin: auto;
  border: 10px solid #def2d7;
  background: #edfae8;
  padding: 30px;
  max-width: 55%;
  position: relative
}
.irpgs .investortopTitle span:before{
  position: absolute;
  width: 160px;
  height: 210px;
  display: block;
  content: '';
  background: url("../images/ttl_mirakuru.png") no-repeat left center/ 100% auto;
  top:-20px;
  left:-70px
}
.irpgs .investortopTitle span:after{
  position: absolute;
  width: 170px;
  height: 300px;
  display: block;
  content: '';
  background: url("../images/ttl_shirokuma.png") no-repeat left center/ 100% auto;
  top:-70px;
  right:-70px
}
.investorArea {
  background-image: linear-gradient(0deg, transparent calc(100% - 1px), #c9e1b7 calc(100% - 1px)), linear-gradient(90deg, transparent calc(100% - 1px), #c9e1b7 calc(100% - 1px));
  background-size: 16px 16px;
  background-repeat: repeat;
  background-position: center center;
  background-color: #f6faf1;
  padding: 115px 5% 140px;
  padding: 5rem 5% 8.75rem;
}

main .investorArea section{
  margin-bottom: 60px;
  padding-bottom: 60px;
}
.investorArea section h2{
  background: #89ba65;
  font-size: 2.125rem;
  font-weight: normal;
  text-align: center;
  padding: 20px;
  color: #fff;
  position: relative;
  overflow: hidden;
}

.investorArea section h2:after{
  position: absolute;
  width: 80px;
  height: 150px;
  display: block;
  content: '';
  background: url("../images/ttl_shirokuma.png") no-repeat left center/ 100% auto;
  top:-30px;
  right:20px
}
.investorArea section h2:before{
  position: absolute;
  width: 78px;
  height: 150px;
  display: block;
  content: '';
  background: url("../images/ttl_mirakuru.png") no-repeat left center/ 100% auto;
  top:-20px;
  right:100px
}

.irpgs .investorArea #p02 p{
  font-size: 16px;
  text-align: center;
}

.irpgs .investorArea .extra{
  justify-content: space-between;
  margin-top: 30px
}

.irpgs .investorArea .extra li {
    width: 28%;
    max-width: 308px;
  border-radius: 8px;
  background: #fff;
  border: 1px #72af43 solid;
  box-shadow: 0 0 8px 0 rgba(0,0,0,0.08);
  margin: 0 2.36% 50px;
  overflow: hidden;
}
.irpgs .investorArea .extra li a{
  display: block;
  text-align: center;
}

.irpgs .investorArea .extra li a span{
  padding: 20px;
  display: block;
  position: relative;
  height: 9em;
}
.irpgs .investorArea .extra li a span:before,
.irpgs .investorArea .extra li a span:after{
  content: "";
  display: block;
  background: #72af43;
  position: absolute;
  right: 22px;
  top: 70%;
  height: 2px;
}
.irpgs .investorArea .extra li a span:before{
  width: 28px;
}
.irpgs .investorArea .extra li a span:after{
width: 10px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  transform-origin: right bottom;
}
.irpgs .investorArea #p02 p.btnWrap{
  width: 60%;
  margin: auto;
}

.investorTitle{
  background: #f3f9f0;
  text-align: center;
  padding: 50px;
}
.investorTitle span{
  display: block;
  width: calc(100vw - 40px);
  max-width: 1200px;
  margin: auto;
  font-size: 1.8rem;
  font-family: 'A+9rnz-凸版文久明朝 Pr6N R','Noto Serif JP',"ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
  letter-spacing: 0.24em;
}


@media screen and (max-width: 768px) {
  
  .investorTitle span{
    width: auto;
  }
  
  .investors .conversation li.shirokuma:before,
  .investors .conversation li.mirakuru:after{
    width: 70px;
    height: 70px;
  }
  .investors .conversation li.shirokuma p {
    margin-left: 90px;
}
  
  .investors .conversation li p {
  width: calc(100% - 90px);
        padding: 10px;
  }
  .investors .conversation li.mirakuru p {
    margin-left: 0;
    margin-right: 90px;
}
  .investors .conversation li a.btnArrow.mLeft170{
  margin-left: 0;
   width: 90%;
}

  .investors .conversation li figure img{
    width: auto;
  }
  .investors .conversation li.shirokuma figure,
  .investors .conversation li.mirakuru figure,
  .investors .conversation li.mirakuru figure.colm2:nth-child(3),
  .investors .conversation li.shirokuma figure.colm2:nth-child(3){
      margin-left: 0;
  }
  
  .irpgs .investortopTitle{
      padding: 30px 10px;
  }
  .irpgs .investortopTitle span{
    max-width: 90%;
    font-size: 1.8rem;
  }
  .irpgs .investortopTitle span::before,
  .irpgs .investortopTitle span::after{
    width: 90px;
    top:-58px
  }
  .irpgs .investortopTitle span::before{
    left: -35px;
    top: -10px;
  }
   .irpgs .investortopTitle span::after{
    right: -35px;
  }
  .investorArea section h2{
    font-size: 1.4rem
  }
  .investorArea section h2::before,
  .investorArea section h2::after{
    width: 50px;
    top: 0px;
  }
  .investorArea section h2::before{
    right: inherit;
  left: 5px;
  }
   .investorArea section h2::after{
    right: 5px;
  }
  
  .investorsSec .btnList li {
    width: 100%;
  }
  .irpgs .investorArea .extra li{
    width: 100%;
  }
  .irpgs .investorArea #p02 p.btnWrap {
  width: 100%;
}
  
  section#data .investors dl{
    width: 90%;
  }
  section#data .investors dt{
    padding: 0.4em .8em 0.3em;
  font-size: 20px;
  }
  section#data .investors dd{
    min-height: auto;
      font-size: 18px;
  }
}

/* ---------------------
Benefits
--------------------- */
.inBox h4 {
  margin-bottom: 15px;
  margin-top: 30px;
}
.inBox h4::before {
  content: "●";
  font-size: 14px;
  color: #72af43;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}

.irFaq_faqList_a{
  display: none;
}
.accArea{
  padding-bottom: 15px;
}

.irTable.benefits{
  border: 1px #dddddd solid;
  width: 100%;
  margin: 0 0 40px;
}


.irTable.benefits th {
  border: 1px #dddddd solid;
  background: #72af43;
  padding: 8px 0;
  font-weight: 500;
  text-align: center;
  color: #fff;
  vertical-align: middle;
}

.irTable.benefits td{
  border: 1px #dddddd solid;
  background: #ecf4e5;
  vertical-align: middle;
  line-height: 1.5;
  padding: 8px;
}
@media screen and (max-width: 768px) {
  .inBox {
  padding: 20px;
  margin-top: 20px;
}
}



ul.irFlowList li{
	display: flex;
	border: 1px solid #dddddd;
	border-radius: 10px;
	font-weight: 700;
	margin-bottom: 32px;
	position: relative;
}
ul.irFlowList li:not(:last-of-type)::after{
	content: "";
	background: #72af43;
	display: inline-block;
	width: 50px;
	height: 21px;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
	position: absolute;
	left: calc(50% - 25px);
	bottom: -21px;
}
ul.irFlowList li .flowTime{
    width: 28%;
    min-width: 6.5em;
	background: #72af43;
    border-radius: 8px 0 0 8px;
    padding: 8px;
	color: #ffffff;
	text-align: center;
}
ul.irFlowList li .flowTime:has(.note){
    padding-top: 14px;
	line-height: 1.2em;
}
ul.irFlowList li .flowTime:not(:has(.note)) {
	display: grid;
	align-items: center;
}

ul.irFlowList li p{
	flex: 1;
	background: #ecf4e5;
    padding: 8px;
}

ul.irFlowList li .note{
	display: block;
	font-size: 0.7em;
}
@media screen and (max-width: 768px) {
	ul.irFlowList li{
		margin-bottom: 30px;
	}
	.applicationBox .btn{
		margin-top: 15px;
		width: 100%;
	}
}/* //end for SP */
@media screen and (min-width: 769px) {
	ul.irFlowList li{
	}
	ul.irFlowList li .flowTime{
	}
}/* //end for PC */

/* ---------------------
midtermplan
--------------------- */
@media screen and (max-width: 768px) {
.spScroll img{
  max-width: initial;
}
}/* //end for SP */
.gTable{
 border: 1px #dddddd solid;
 width: 100%;
 margin:30px 0 40px;
}
.gTable th{
 border: 1px #dddddd solid;
 background: #ecf4e5;
 padding: 8px;
 font-weight: 500;
 text-align: center;
}
.gTable thead th:nth-child(2){
  background: #49a76f;
  color: #fff;
}
.gTable thead th:nth-child(3){
  background: #a8d176;
  color: #fff;
}
.gTable thead th:nth-child(4){
  background: #06a2be;
  color: #fff;
}
.gTable tbody th{
  width: 12%;
  vertical-align: middle;
}
.gTable td{
 border: 1px #dddddd solid;
 padding: 8px;
 text-align: center;
	vertical-align: middle;
  width: 15%
}

.gTable td span{
  font-size: 18px;
  font-weight: bold
}

.gTable tr td:nth-child(3),
.gTable tr:nth-child(4) td:nth-child(2){
  width: 58%;
  text-align: left
}
.gTable tr:nth-child(4) td:nth-child(3){
  text-align: center;
}
ul.colm2{
justify-content: flex-start;
}
ul.colm2 li{
  width: 50%;
}
ul.colm2 li li{
  width: 100%
}
.w50{
  width: calc(50% - 15px)
}
