@charset "UTF-8";

/* =====================================
lyt-col-01
------------------------------------- */
.lyt-col-01.col3{
	margin: 0;
}
.lyt-col-01.col3 .col.endoscope,
.lyt-col-01.col3 .col.treatment,
.lyt-col-01.col3 .col.science,
.lyt-col-01.col3 .col.imaging{
	text-align: center;
	padding: 0;
	display: inline-block;
}
.lyt-col-01.col3 .col p a,
.nav-anchor-area .lyt-col-01.col3 .col a{
	position: relative;
	display: block;
	width: 220px;
	height: 220px;
	margin: 0 auto 20px;
	padding: 80px 0 0 0;
	border-radius: 165px;
	font-size: 20px;
	font-weight: bold;
	line-height: 25px;
	color: #000;
}
.lyt-col-01.col3 .col p .twoLine,
.nav-anchor-area .lyt-col-01.col3 .col a.twoLine{
	padding: 95px 0 0 0;
}
.lyt-col-01.col3 .col p a:after,
.nav-anchor-area .lyt-col-01.col3 .col a:after{
	border-right: 3px solid #000;
    border-top: 3px solid #000;
    content: "";
    display: block;
    height: 12px;
    left: 47.5%;
    margin-top: -6px;
    position: absolute;
    bottom: 30%;
    width: 12px;
	transform: rotate(135deg);
}
.no-csstransitions.ie .lyt-col-01.col3 .col p a:after,
.no-csstransitions.ie .nav-anchor-area .lyt-col-01.col3 .col a:after{
	width: 20px;
	left: 46%;
	border: none;
	background: url("/company/profile/images/business-12.png");
}
.nav-anchor-area .lyt-col-01.col3 .col a:before,
.no-canvas.ie .nav-anchor-area .lyt-col-01.col3 .col a:before{
	display: none;
}

.lyt-col-01.col3 .col p a:hover,
.nav-anchor-area .lyt-col-01.col3 .col a:hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	text-decoration: none;
}
.nav-anchor-area .lyt-col-01.col3 .col.endoscope a,
.nav-anchor-area .lyt-col-01.col3 .col.treatment a,
.nav-anchor-area .lyt-col-01.col3 .col.science a{
	color: #000;
	border: 4px solid #08107b;
	box-shadow: 0px 0px 20px rgba(8,16,123,0.3);
	background: #fff;
	padding: 0;
	line-height: normal;
	overflow: hidden;
	width: 225px;
	height: 225px;
	border-radius: 50%;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.nav-anchor-area .lyt-col-01.col3 .col.endoscope a .icon-img,
.nav-anchor-area .lyt-col-01.col3 .col.treatment a .icon-img,
.nav-anchor-area .lyt-col-01.col3 .col.science a .icon-img{
	display: block;
	margin: 1em auto 0.55em auto;
	width: 45%;
}
.nav-anchor-area .lyt-col-01.col3 .col.endoscope a .link-text,
.nav-anchor-area .lyt-col-01.col3 .col.treatment a .link-text,
.nav-anchor-area .lyt-col-01.col3 .col.science a .link-text{
	position: relative;
	display:block;
	font-size: 18px;
}
.nav-anchor-area .lyt-col-01.col3 .col.endoscope a .link-text:after,
.nav-anchor-area .lyt-col-01.col3 .col.treatment a .link-text:after,
.nav-anchor-area .lyt-col-01.col3 .col.science a .link-text:after{
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 15px 12.5px 0 12.5px;
	border-color: #08107b transparent transparent transparent;
	position: absolute;
	left: 50%;
	top: 115%;
	transform: translateX(-50%);
}
.nav-anchor-area .lyt-col-01.col3 .col.endoscope a:after,
.nav-anchor-area .lyt-col-01.col3 .col.treatment a:after,
.nav-anchor-area .lyt-col-01.col3 .col.science a:after{
	display: none;
}
.no-canvas.ie .nav-anchor-area .lyt-col-01.col3 .col.endoscope a{
	background: url("/company/profile/images/business-09.png");
}
.no-canvas.ie .nav-anchor-area .lyt-col-01.col3 .col.treatment a{
	background: url("/company/profile/images/business-09.png");
}
.no-canvas.ie .nav-anchor-area .lyt-col-01.col3 .col.science a{
	background: url("/company/profile/images/business-09.png");
}
.no-canvas.ie .nav-anchor-area .lyt-col-01.col3 .col.imaging a{
	background: url("/company/profile/images/business-09.png");
}
.no-webgl.ie .lyt-col-01:not(.no-linear).col3>.col,
.no-webgl.ie .nav-anchor-area .lyt-col-01.col3 .col{
    width: 32.5%;
}

@media only screen and (max-width: 768px) {
.lyt-col-01:not(.no-linear).col3 > .col,
.nav-anchor-area .lyt-col-01:not(.no-linear).col3 .col{
	width: 50%;
}
.ie .lyt-col-01:not(.no-linear).col3>.col,
.edge .lyt-col-01:not(.no-linear).col3>.col,
.ie .nav-anchor-area .lyt-col-01:not(.no-linear).col3 .col,
.edge .nav-anchor-area .lyt-col-01:not(.no-linear).col3 .col{
    width: 50%;
}
.no-webgl.ie .lyt-col-01:not(.no-linear).col3>.col,
.no-webgl.ie .nav-anchor-area .lyt-col-01:not(.no-linear).col3 .col{
    width: 49%;
}
.lyt-col-01:not(.no-linear) {
    display: flex;
}
.lyt-col-01.col3 .col p a,
.nav-anchor-area .lyt-col-01.col3 .col a{
	width: 150px;
	height: 150px;
	margin: 0 auto 20px;
	padding: 40px 0 0 0;
	border-radius: 75px;
	font-size: 20px;
	font-weight: bold;
	line-height: 20px;
}
.lyt-col-01.col3 .col p .twoLine,
.nav-anchor-area .lyt-col-01.col3 .col a.twoLine{
	padding: 50px 0 0 0;
}
.lyt-col-01.col3 .col p a:after,
.nav-anchor-area .lyt-col-01.col3 .col a:after{
    left: 47.5%;
    bottom: 20%;
}
.nav-anchor-area .lyt-col-01.col3{
	justify-content: center;
}
}

@media only screen and (max-width: 600px) {
.lyt-col-01.col3 .col p a,
.nav-anchor-area .lyt-col-01.col3 .col a{
	width: 130px;
	height: 130px;
	margin: 0 auto 20px;
	padding: 30px 0 0 0;
	border-radius: 65px;
	font-size: 18px;
	font-weight: bold;
	line-height: 20px;
}
.lyt-col-01.col3 .col p .twoLine,
.nav-anchor-area .lyt-col-01.col3 .col a.twoLine{
	padding: 43px 0 0 0;
}
.lyt-col-01.col3 .col p a:after,
.nav-anchor-area .lyt-col-01.col3 .col a:after{
    left: 47.5%;
    bottom: 17%;
}
.nav-anchor-area .lyt-col-01.col3 .col.endoscope a,
.nav-anchor-area .lyt-col-01.col3 .col.treatment a,
.nav-anchor-area .lyt-col-01.col3 .col.science a{
	width: 150px;
	height: 150px;
	border: 2px solid #08107b;
}
.nav-anchor-area .lyt-col-01.col3 .col.endoscope a .icon-img,
.nav-anchor-area .lyt-col-01.col3 .col.treatment a .icon-img,
.nav-anchor-area .lyt-col-01.col3 .col.science a .icon-img{
	width: 42%;
}
.nav-anchor-area .lyt-col-01.col3 .col.endoscope a .link-text,
.nav-anchor-area .lyt-col-01.col3 .col.treatment a .link-text,
.nav-anchor-area .lyt-col-01.col3 .col.science a .link-text{
	font-size: 15px;
}
.nav-anchor-area .lyt-col-01.col3 .col.endoscope a .link-text:after,
.nav-anchor-area .lyt-col-01.col3 .col.treatment a .link-text:after,
.nav-anchor-area .lyt-col-01.col3 .col.science a .link-text:after{
	border-width: 7.5px 6.25px 0 6.25px;
}
}

@media only screen and (max-width: 480px) {
.lyt-img-01{
	margin-left: -16px;
	margin-right: -16px;
}
.lyt-col-01.col3 .col p a,
.nav-anchor-area .lyt-col-01.col3 .col a{
	width: 80px;
	height: 80px;
	margin: 0 auto 20px;
	padding: 17px 0 0 0;
	border-radius: 40px;
	font-size: 12px;
	font-weight: bold;
	line-height: 15px;
}
.lyt-col-01.col3 .col p .twoLine,
.nav-anchor-area .lyt-col-01.col3 .col a.twoLine{
	padding: 25px 0 0 0;
}
.lyt-col-01.col3 .col p a:after,
.nav-anchor-area .lyt-col-01.col3 .col a:after{
    left: 45%;
    bottom: 10%;
		border-right: 2px solid #000;
	  border-top: 2px solid #000;
	  height: 8px;
	  width: 8px;
}
}


/* =====================================
.infograp
------------------------------------- */
@media only screen and (max-width: 860px) {
.infograp .lyt-col-01:not(.no-linear).col2>.col, .infograp .lyt-col-01:not(.no-linear).col3>.col, .infograp .lyt-col-01:not(.no-linear).col4>.col {
	width: calc(100% / 4);
}
.infograp .lyt-img-01 img {
	width: 85%;
}
}
@media only screen and (max-width: 718px) {
.infograp .lyt-col-01:not(.no-linear) {
	display: flex;
}
.infograp .lyt-col-01:not(.no-linear).col2>.col, .infograp .lyt-col-01:not(.no-linear).col3>.col, .infograp .lyt-col-01:not(.no-linear).col4>.col {
	width: calc(100% / 2);
}
}
@media only screen and (max-width: 414px) {
.infograp .lyt-col-01:not(.no-linear) {
	display: flex;
}
.infograp .lyt-col-01:not(.no-linear).col2>.col, .infograp .lyt-col-01:not(.no-linear).col3>.col, .infograp .lyt-col-01:not(.no-linear).col4>.col {
	width: calc(100% / 2);
}
.infograp .lyt-img-01 img {
	width: 70%;
}
}

.infograp_value {
	background: linear-gradient(transparent 90%, #FFC90E 0%);
	font-size: 4rem;
  font-weight: bold;
  color: #08107b;
}
.infograp_value small {
	font-size: 70%;
}
.infograp_bold {
	color: #000;
	font-size: 140%;
}

@media only screen and (max-width: 860px) {
.infograp_value {
	font-size: 3rem;
}
.infograp_value small {
	font-size: 56%;
}
.infograp_bold {
	font-size: 125%;
}
}

@media only screen and (max-width: 640px) {
.infograp_value {
	font-size: 3.4rem;
}
.infograp_value small {
	font-size: 56%;
}
.infograp_bold {
	font-size: 120%;
}
}

@media only screen and (max-width: 414px) {
/* スマホ表示だと文字と文字の間隔が詰まってしまう箇所の対策用 */
.infograp_bold_sp_small {
	font-size: 115% !important;
}
.infograp_value {
	font-size: 3rem;
}
.infograp_value small {
	font-size: 62%;
}
}