@charset "UTF-8";


.inner {
	width: 1200px;
}


body {
	background: url("../img/top/mainimage.webp") no-repeat top center;
	background-size: contain;
}


#mainimage {
	text-align: center;
	padding: 150px 0 0px 0;
}
#mainimage div {
	margin: 0 auto;
	width: 650px;
	max-width: 100%;
	margin-bottom: 20px;
}
#mainimage p {
	width: 49%;
	margin-right: 2%;
	border: solid 1px #d97774;
	display: inline-block;
	font-size: 1.6rem;
	padding: 10px 30px;
	font-weight: 600;
	margin-bottom: 10px;
	border-radius: 30px;
}
#mainimage p:nth-child(2n) {
	margin-right: 0%;
}
#mainimage h1 {
	font-size: 4rem;
	font-weight: 400;
	position: relative;
	margin-bottom: 100px;
}
#mainimage h1::after {
  content: '';
  width: 110px;
  height: 1px;
  display: inline-block;
  background-color: #383838;
  position: absolute;
  bottom: -50px;
  left: calc(50% - 55px)
}
#mainimage h1 span {
	border: solid 1px #d97774;
	display: inline-block;
	font-size: 2.4rem;
	padding: 10px 30px;
	font-weight: 600;
	margin-bottom: 10px;
	border-radius: 30px;
}


#mainimage ul {
	margin: 0 auto;
	width: 900px;
	max-width: 100%;
}
#mainimage li {
	width: 32%;
	margin-right: 2%;
	margin-bottom: 2%;
}
#mainimage li:nth-child(3n) {
	margin-right: 0%;
}


#mainimage a {
	color: #383838;
}






.section__medicine {
	margin-bottom: 30px;
}
.section__medicine .box {
	background: #fff2f2;
}
.section__medicine li {
	width: 19.5%;
	margin-right: 0.5%;
	margin-bottom: 0.5%;
	font-size: 1.25rem;
}
.section__medicine li:nth-child(5n) {
	margin-right: 0%;
}

.section__medicine .area__accordion {
	margin-top: 10px;
	background: #fff2f2;
	position: relative;
}




.title_index {
	border-bottom: solid 1px #d7d7d7;
	margin-bottom: 40px;
}
.title_index h2 {
	position: relative;
	font-weight: 400;
	font-size: 6rem;
}
.title_index h2 span {
	position: absolute;
	bottom: 0;
	right: 0;
	font-size: 1.6rem;
	font-weight: 500;
	border-bottom: solid 2px #d97774;
	padding-bottom: 5px;

}

h3 {
	color: #d97774;
	text-align: left;
	font-size: 2rem;
	font-family: "Noto Serif JP";
	font-weight: 500;
	margin-bottom: 20px;
	background: none;
	background-size: 30px;
	padding-left: 0;
}




.section__info.bg {
	background: url("../img/top/bg.webp") no-repeat bottom center;
	background-size: contain;
	padding-bottom: 40%;
}



.section__news {
	padding-bottom: 100px;
}
.section__news .inner {
	position: relative;
}
.section__news .area__left {
	width: 45%;
}
.section__news dt {
	margin-bottom: 10px;
}
.section__news img {
	position: absolute;
	top: -400px;
	right: 0;
	width: 50%;
}






.section__features {
	margin-bottom: 100px;
}
.section__features dl {
	width: 49%;
	margin-right: 2%;
	border-bottom: solid 1px #d7d7d7;
}
.section__features dl:nth-child(2n) {
	margin-right: 0%;
}

.section__features dl dt {
	width: 65%;
	float: left;
	padding-top: 8%;
}
.section__features dl dt h3 {
	font-weight: 400;
	margin-bottom: 10px;
}
.section__features dl dt h3 span {
	display: block;
	font-size: 1.2rem;
}
.section__features dl dd {
	width: 30%;
	float: right;
}



.section__endoscopy {
	margin-bottom: 100px;
	position: relative;
}
.section__endoscopy h2 {
	font-weight: 400;
	font-size: 6rem;
	position: absolute;
	top: 0;
	left: 10%;
}
.section__endoscopy h2 span {
	display: block;
	font-size: 1.6rem;
	font-weight: 500;
}

.section__endoscopy .area__text {
	float: right;
	width: 55%;
	background: url("../img/top/bg_endoscopy.webp") no-repeat center;
	background-size: cover;
	border-radius: 30px 0 0 30px;
	padding: 80px 100px;
}
.section__endoscopy .area__text h3 {
	text-align: center;
	font-size: 3.6rem;
	font-weight: 500;
	margin-bottom: 40px;
}
.section__endoscopy .area__text ul.point {
	margin-bottom: 5%;
}
.section__endoscopy .area__text ul.point li {
	width: 49%;
	margin-right: 2%;
	margin-bottom: 2%;
	text-align: center;
	background: #FFF;
	padding: 10px 0;
	border-radius: 20px;
}
.section__endoscopy .area__text ul.point li:nth-child(2n) {
	margin-right: 0%;
}


.section__endoscopy .area__text dl {
	background: url("../common/img/logo_mark.svg") no-repeat top left;
	background-size: 46px;
	margin-top: 8%;
	padding-left: 60px;
}
.section__endoscopy .area__text dl dt {
	font-size: 2rem;
	margin-bottom: 10px;
}


.section__endoscopy img {
	max-width: 800px;
	position: absolute;
	bottom: 50px;
	left: 0;
	border-radius: 0 30px 30px 0;
	width: 48%;
}

.section__endoscopy ul {
	margin-top: 50px;
}
.section__endoscopy li.btn {
	width: 32%;
	margin-right: 2%;
}
.section__endoscopy li.btn:last-child {
	margin-right: 0%;
}






/* 1200px */
@media screen and (max-width: 1350px) {


}





/* max 1023px */
@media screen and (max-width: 1023px) {



body {
	background:none;
}


#mainimage {
	text-align: center;
	padding: 60px 0 10% 0;
}
#mainimage h1 {
	font-size: 2.4rem;
	font-weight: 400;
	position: relative;
	margin-bottom: 60px;
}
#mainimage h1::after {
  content: '';
  width: 60px;
  height: 1px;
  display: inline-block;
  background-color: #383838;
  position: absolute;
  bottom: -30px;
  left: calc(50% - 30px)
}
#mainimage h1 span {
	border: solid 1px #d97774;
	display: inline-block;
	font-size: 1.8rem;
	padding: 10px 30px;
	font-weight: 600;
	margin-bottom: 10px;
	border-radius: 30px;
}
#mainimage ul {
	margin: 0 auto;
	width: 900px;
	max-width: 100%;
}
#mainimage li {
	width: 49%;
	margin-right: 2%;
	margin-bottom: 2%;
}
#mainimage li:nth-child(2n) {
	margin-right: 0% !important;
}
#mainimage li:nth-child(3n) {
	margin-right: 2%;
}

	
#mainimage div {
	max-width: 90%;
	margin-bottom: 20px;
}
#mainimage p {
	width: 100%;
	margin-right: 0%;
	border: solid 1px #d97774;
	display: inline-block;
	font-size: 1.6rem;
	padding: 10px 30px;
	font-weight: 600;
	margin-bottom: 10px;
	border-radius: 30px;
}
	
.section__medicine {
	margin-bottom: 5%;;
}
.section__medicine li {
	width: 49%;
	margin-right: 1%;
	margin-bottom: 1%;
	font-size: 1.25rem;
}
.section__medicine li:nth-child(2n) {
	margin-right: 0% !important;
}
.section__medicine li:nth-child(5n) {
	margin-right: 1%;
}
	


.title_index {
	border-bottom: solid 1px #d7d7d7;
	margin-bottom: 5%;
}
.title_index h2 {
	position: relative;
	font-weight: 400;
	font-size: 3rem;
}
.title_index h2 span {
	position: absolute;
	bottom: 0;
	right: 0;
	font-size: 1.4rem;
	font-weight: 500;
	border-bottom: solid 2px #d97774;
	padding-bottom: 5px;

}






.section__info.bg {
	background: url("../img/top/bg.webp") no-repeat bottom center;
	background-size: contain;
	padding-bottom: 40%;
}



.section__news {
	padding-top: 20%;
	padding-bottom: 100px;
}
.section__news .inner {
	position: relative;
}
.section__news .area__left {
	width: 100%;
}
.section__news dt {
	margin-bottom: 10px;
}
.section__news img {
	position: absolute;
	top: -200px;
	right: 0;
	width: 50%;
}






.section__features {
	margin-bottom: 100px;
}
.section__features dl {
	width: 100%;
	margin-right: 0%;
	padding-bottom: 5%;
	margin-bottom: 5%;
	border-bottom: solid 1px #d7d7d7;
}
.section__features dl:nth-child(2n) {
	margin-right: 0%;
}

.section__features dl dt {
	width: 65%;
	float: left;
	padding-top: 4%;
}
.section__features dl dt h3 {
	font-weight: 400;
	margin-bottom: 10px;
}
.section__features dl dt h3 span {
	display: block;
	font-size: 1.2rem;
}
.section__features dl dd {
	width: 30%;
	float: right;
}



.section__endoscopy {
	margin-bottom: 0;
	position: relative;
}
.section__endoscopy h2 {
	padding: 0 5%;
	position: relative;
	font-weight: 400;
	font-size: 3rem;
	left: 0%;
	margin-bottom: 5%;
}
.section__endoscopy h2 span {
	position: absolute;
	bottom: 0;
	right: 5%;
	font-size: 1.4rem;
	font-weight: 500;
	border-bottom: solid 2px #d97774;
	padding-bottom: 5px;
}
	
	
	
	
	

.section__endoscopy .area__text {
	float: none;
	width: 100%;
	background: url("../img/top/bg_endoscopy.webp") no-repeat center;
	background-size: cover;
	border-radius: 0;
	padding: 5%;
}
.section__endoscopy .area__text h3 {
	text-align: center;
	font-size: 2.2rem;
	font-weight: 500;
	margin-bottom: 20px;
}
.section__endoscopy .area__text ul.point {
	margin-bottom: 5%;
}
.section__endoscopy .area__text ul.point li {
	width: 100%;
	margin-right: 0%;
	margin-bottom: 2%;
	text-align: center;
	background: #FFF;
	padding: 10px 0;
	border-radius: 20px;
}
.section__endoscopy .area__text ul.point li:nth-child(2n) {
	margin-right: 0%;
}


.section__endoscopy .area__text dl {
	background: url("../common/img/logo_mark.svg") no-repeat top left;
	background-size: 46px;
	margin-top: 8%;
	padding-left: 60px;
}
.section__endoscopy .area__text dl dt {
	font-size: 1.8rem;
	margin-bottom: 10px;
}


.section__endoscopy img {
	max-width: 800px;
	position: relative;
	bottom: 0;
	left: 0;
	border-radius: 0;
	width: 100%;
}
	
	
}