@charset "UTF-8";

/* メインイメージ
---------------------------------------------------------*/
.contentspage .m_img_area{background-image:url("../images/cardiac/m_img@2x.jpg");}


/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {

}


/*---------------------------------------------------------
 about_wrap
---------------------------------------------------------*/
.about_wrap {
	color: #FFF;
}
.about_wrap .com_bg_color {
	background-color: #354f72;
}
.about_wrap .ft_shuei {
	color: #FFF !important;
}
.about_bg {
	position: absolute;
	color: #354f72;
	width: 85vw;
	max-width: 1200px;
	right: 0;
	top: 0;
	opacity: 0.7;
	z-index: -1;
}
.about_bg::before {
	position: absolute;
	content: "";
	background-image: linear-gradient(to right, currentColor 20%, transparent 60%),
					linear-gradient(to top, currentColor 10%, transparent 60%);
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
	right: 0;
	top: 0;
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {

.about_bg {
	right: -10vw;
}
}

/* about
---------------------------------------------------------*/
#about {
	padding-bottom: 65px;
	margin-bottom: 65px;
	border-bottom: 1px solid #788aa1;
}
.about_q {
	margin-bottom: 1.6em;
}
.about_copy {
	margin-bottom: 2em;
}
#about .bubble {
	position: relative;
	display: flex;
	justify-content: center;
	column-gap: 1.8%;
	margin-bottom: 3%;
}
#about .bubble img {
	width: 35%;
	max-width: 340px;
}
#about .bubble::before {
	position: absolute;
	content: "";
	background: url(../images/cardiac/abo_shadow@2x.png) no-repeat center top;
	background-size: 100% auto;
	width: 100%;
	height: 100%;
	left: 0;
	top: 50%;
	z-index: -1;
}
/* PC,Tablet
------------------------------------------*/
@media only screen and (min-width: 768px) {

.about_inner {
	width: 65%;
	max-width: 630px;
}

#about .bubble img:nth-of-type(1) {
	translate: 0 -10%;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {

#about {
	padding-bottom: 8%;
	margin-bottom: 8%;
}
.about_inner {
	padding: 0 3%;
}
.about_q {
	width: 90%;
	margin-left: -10%;
}
.about_copy {
	width: 85%;
}

#about .bubble {
	width: 92%;
	justify-content: flex-start;
	flex-wrap: wrap;
	row-gap: 1em;
	margin: 0 auto 5%;
}
#about .bubble::before {
	top: 74%;
}
#about .bubble img {
	width: 75%;
}
#about .bubble img:nth-of-type(2) {
	width: 68%;
	margin-left: auto;
}
}

/* feature
---------------------------------------------------------*/


/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {

}


/* case
---------------------------------------------------------*/
.med_case_box {
  background-color: #eef5f6;
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {

}


/* 
---------------------------------------------------------*/


/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {

}