@charset "UTF-8";

/*about 内科学講座について
------------------------------------*/

.content_visual {
	background-image:url("../images/about/bg_hd_about.png");
}

main.about {
	padding-bottom:0;
}

section.about {
	background: #FFFFFF;
	background: linear-gradient(180deg,rgba(255, 255, 255, 1) 0%, rgba(249, 253, 244, 1) 50%, rgba(206, 236, 215, 1) 100%);
	padding-bottom:160px;
}

.about .content_wrap .content{
	display:flex;
	justify-content:space-between;
	align-items:center;
}

.about .content_wrap .content .left_con {
	width:48%;
}

.about .content_wrap .content .right_con {
	width:48%;
	background-image: url("../images/index/bg_about001.png");
    background-repeat: no-repeat;
    background-size: auto;
    background-position: left 70% top 50%;
}
.about .content_wrap .circle_wrap {
	position:relative;
	min-height: 522px;
}
.about .content_wrap .circle_wrap .circle_text {
	font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.3em;
    position: absolute;
    top: 230px;
    right: 190px;
}
.about .content_wrap .circle_wrap .circle {
	position:absolute;
}
.about .content_wrap .circle_wrap .circle01 {
	top: 25px;
    right: 200px;
}
.about .content_wrap .circle_wrap .circle02 {
	top: 105px;
	right:70px;
}
.about .content_wrap .circle_wrap .circle03 {
	bottom:105px;
    right: 70px;
}
.about .content_wrap .circle_wrap .circle04 {
	bottom:25px;
    right: 200px;
}
.about .content_wrap .circle_wrap .circle05 {
	display:none;
}
.about .content_wrap .content_flex {
	margin:30px 0;
}
.about .content_wrap .content_flex > div{
	width:48%;
}
.about .content_wrap .about_text p{
	line-height:2;
	padding:2rem;
}
.history {
	background-image: url("../images/about/bg_about02.png");
	background-position: left bottom;
	background-repeat:no-repeat;
	background-size:cover;
	padding-bottom:160px;
}
.about .history .content_wrap .content {
	flex-flow:column;
}
.history .history_wrap {
	background:rgb(255,255,255,0.8);
	padding:2rem;
	backdrop-filter: blur(3px);
}
.history .content_header_text {
	margin-bottom:80px;
}
.history .history_wrap dl {
	display: flex;
}
.history .history_wrap dl dt,.history .history_wrap dl dd{
	padding: 1rem;
}
.history .history_wrap dl dt {
	width:20%;
	line-height:1.5;
	position:relative;
}
.history .history_wrap dl dt::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background-color: #62A87B;
}
.history .history_wrap dl dd {
	width:80%;
	line-height:1.5;
	padding-left:2rem;
}
@media screen and (max-width: 1200px) {
	.about .content_wrap .content {
		padding: 0 1rem;
	}
	.about .content_wrap .content .right_con {
		background-size:contain;
	}
	.about .content_wrap .content_flex {
		justify-content:space-between;
		align-items:center;
		padding: 0 1rem;
	}
	.history .content_wrap {
		padding: 2rem 0;
	}
	.history .content_header_text {
		padding-left: 0;
	}
}
@media screen and (max-width: 1024px) {
	.about .content_wrap .circle_wrap .circle_text {
		top: 50%;
		transform:translatey(-50%);
		right: 150px;
	}
	.about .content_wrap .circle_wrap .circle01 {
		top: 55px;
		right: 160px;
	}
	.about .content_wrap .circle_wrap .circle02 {
		top: 115px;
		right:30px;
	}
	.about .content_wrap .circle_wrap .circle03 {
		bottom:115px;
		right: 30px;
	}
	.about .content_wrap .circle_wrap .circle04 {
		bottom:55px;
		right: 160px;
	}
}
@media screen and (max-width: 960px) {
	.about .content_wrap .circle_wrap .circle_text {
		top: 50%;
		transform:translatey(-50%);
		right: 150px;
	}
	.about .content_wrap .circle_wrap .circle01 {
		top: 55px;
		right: 140px;
	}
	.about .content_wrap .circle_wrap .circle02 {
		top: 115px;
		right:0px;
	}
	.about .content_wrap .circle_wrap .circle03 {
		bottom:115px;
		right: 0px;
	}
	.about .content_wrap .circle_wrap .circle04 {
		bottom:55px;
		right: 140px;
	}
}
@media screen and (max-width: 768px) {
	.about .content_wrap .content {
		flex-flow: column;
	}
	.about .content_wrap .content .left_con,.about .content_wrap .content .right_con {
		width: 100%;
	}
	.about .content_wrap .content .right_con {
		background:none;
	}
	.about .content_wrap .circle_wrap {
		min-height:auto;
		height:100%;
	}
	.about .content_wrap .circle_wrap .circle_text,.about .content_wrap .circle_wrap .circle01,.about .content_wrap .circle_wrap .circle02,.about .content_wrap .circle_wrap .circle03,.about .content_wrap .circle_wrap .circle04 {
		display:none;
	}
	.about .content_wrap .circle_wrap .circle05 {
		position:relative;
		display:block;
		width:100%;
	}
	.about .content_wrap .circle_wrap .circle05 img{
		width:80%;
		margin: 0 auto;
	}
	.about .content_wrap .content_flex {
		flex-flow:column-reverse;
	}
	.about .content_wrap .content_flex > div {
		width:100%;
	}
	section.about {
		padding-bottom:2rem;
	}
}
@media screen and (max-width: 560px) {
	.about .content_wrap .about_text p {
		padding: 1rem;
	}
	.about .content_wrap .circle_wrap .circle05 img {
		width: 100%;
	}
	.history .history_wrap dl {
		flex-flow:column;
	}
	.history .history_wrap dl dt {
		width:50%;
	}
	.history .history_wrap dl dd {
		width: 100%;
	}
}
@media screen and (max-width: 428px) {
	.history .history_wrap {
		padding: 1rem;
	}
}
@media screen and (max-width: 375px) {
	
}