main{
	margin: 40px 0 100px 0;}
#CorporateHome main {
	width: 100%;}

/* ----------------------------------------
catchPhrase
----------------------------------------*/
#CorporateHome h1 {
	height: 0;
	padding-top: calc(760 / 750 * 100%);
	background-image: url(/corporate/images/home/corporateTop_mainimage_sp.jpg);
	background-size: cover;
	background-position: center;}

.catchPhrase {}
.catchPhraseArea {
	position: static;
	min-height: auto;
	padding-top: calc(115 / 313 * 100% - 30px * 2);
	background-size: calc(100% - 30px * 2);
	transform: translateY(-24%);}
.catchPhraseArea-wrap {
	width: auto;
	height: 25vw;
	border: 0;}
.read {
	margin-bottom: 30px;
	padding-top: 0;
	padding-bottom: 0;
	font-size: 1.6rem;}
.read p {
    width: auto;}
.catchPhraseArea-wrap {
	width: auto;
		top: 0;}

.catchPhrase .policy {
	width: calc(100% - 15px * 2);
	margin: 0 auto;
	margin-bottom: 40px;
	font-size: 1.4rem;
	line-height: 2.8rem;}
.catchPhrase .policy .wb {
	display: inline-block;
	white-space: nowrap;}
.corporateList-btn {
	width: calc(100% - 60px * 2);
	margin-bottom: 60px;
	padding-right: 40px;
	padding-left: 40px;}
.corporateList-btn .redArrowS {
	right: 34px;}


/* ----------------------------------------
#CorporateHome
main
----------------------------------------*/
.corporateLocal {
	width: calc(100% - 30px);}
#CorporateHome.Index .imgListArea {
		flex-direction: column;
	margin-bottom: 60px;}
#CorporateHome.Index .imgListArea li {
	width: 100%;
	margin-bottom: 40px;}
#CorporateHome.Index .imgListArea h3 {
	padding: 0;
	font-size: 1.6rem;}


/* RDArea
------------------------------*/
.RDArea {
	height: auto;
	margin-bottom: 90px;
	background-image: url(/corporate/images/home/img_RD_sp.jpg);}
#CorporateHome h2.RD-title {
	margin-bottom: 20px;
	font-size: 1.2rem;}
#CorporateHome h2.RD-title span {
	height: 0;
	margin-bottom: 20px;
	padding-top: calc(171 / 479 * 64%);
	background-image: url(/corporate/images/home/tit-RD_sp.png);
	background-size: contain;}
.RDArea h3 {
	width: calc(100% - 50px * 2);
	margin-bottom: 32px;
	padding: 32px 10px;
	font-size: 2.1rem;}
.rdInfo {
	width: calc(100% - 10px * 2);
	margin:  0 auto;
	font-size: 1.4rem;
	line-height: 2;}
.rdInfo .wb {
	display: inline-block;
	white-space: nowrap;}


/* soft99Area
------------------------------*/
#CorporateHome.Index .soft99Area {
	margin-bottom: 60px;}
#CorporateHome.Index .soft99Area .imgListArea {
	width: calc(100% - 30px);
	margin: 0 auto;}
#CorporateHome.Index .soft99Area .imgListArea.L {
  gap: 0;}

#CorporateHome.Index .imgListArea.L li {
	width: 100%;
	margin-bottom: 15px;}
#CorporateHome.Index .imgListArea.L li:last-child {
	margin-bottom: 0;}

/* IR
------------------------------*/
.irArea {
	margin-bottom: 94px;}
	.IR-title span {
		height: 0;
		padding-top: calc(107 / 378 * 50%);
		background-image: url(/corporate/images/home/tit-IR_sp.png);
		background-size: contain;}
#CorporateHome h2.IR-title {
	margin-bottom: 40px;
	font-size: 1.2rem;}
.IR-imgWrap {
	width: 100%;
	height: 0;
	padding-top: calc(239 / 375 * 100%);}
.IR-imgWrap:before,
.IR-imgWrap:after {
	width: calc(100% - 30px);
	height: 0;
	padding-top: calc(418 / 690 * (100% - 30px));}
.IR-imgWrap:after {
	background-image: url(/corporate/images/home/img_IR_sp.jpg);
	background-size: contain;}


/* IR
------------------------------*/
.topic {
	width: calc(100% - 15px * 2);
	margin-bottom: 60px;}
#CorporateHome h2.news-title {
	font-size: 1.2rem;}
#CorporateHome h2.news-title span {
	height: 0;
	padding-top: calc(43 / 364 * 50%);
	background-size: contain;}
.topicList-btn {
	padding: 4px 30px;
	color: #fff !important;
	background: #e60012;
	box-shadow: 3px 0 7px rgba(0,0,0,0.25);
	transition: box-shadow 0.2s;}
.topicList-btn .redArrowS {
	right: 10px;
	border-color: #fff;
	transition: transform 0.2s;}


/* activity
------------------------------*/
.activity {
	width: calc(100% - 15px * 2);}
#CorporateHome .activity h2 {
	font-size: 2rem;
	margin-bottom: 40px;
}
#CorporateHome .activity .imgListArea.L {
  gap: 0;}

#CorporateHome.Index .imgListArea.L li:last-child h3 {
	margin-bottom: 0;}


.product .productList-btn {
	width: auto;
	margin: 0 60px;
	padding-right: 40px;
	padding-left: 40px;}
.product .productList-btn .redArrowS {
	right: 34px;}