@charset "utf-8";
/* CSS Document */


/* メインリードエリア */
/* ================================================================ */


/*.endoscopyConceptArea {
    background-position: right top,left bottom;
    background-repeat: no-repeat;
    height: 968px;
    background-image: url("../images/endoscopyConceptImg01.webp"),url(../images/endoscopyConceptImg02.png);
    margin-bottom: 0rem;
    background-size:auto contain,auto contain;
	min-width: 1000px;
}*/





/*内視鏡検査エリア*/
/* ================================================================ */



/*PCのみ*/
@media print, screen and (min-width: 737px){
/*
.endoscopyContBg{padding: 2rem 0;background-color:#eefaf6;margin: auto;}

.endoscopyContArea{
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-wrap: nowrap;
	min-width: 1000px;
	max-width: 1450px;
	margin:1rem auto 5rem;
	position: relative;
	z-index: 1;
}
	


.endoscopyContArea::before{
	content: "";
	position: absolute;
	left:50%;
	top:2.5rem;
	transform: translate(-50%,0);
	background: #fff;
	width: 1000px;
	height: 440px;
	z-index: -1;
	
}
	
.endoscopyContArea .imgArea{
	width: 38%;
	height: 441px;
	background-repeat: no-repeat;
	background-position: right center;
	background-size: cover;
	margin-right: 5%;
	border-radius: 0 28px 28px 0;
}

.imgArea.gastroscopeImg{background-image: url("../images/gastroscopeMainImg_pc.jpg");}
.imgArea.colonoscopyImg{background-image: url("../images/colonoscopyMainImg_pc.jpg");}
	
	

.endoscopyContArea .textArea{
	min-width: 544px;
	height: auto;
	margin-top: 6.2rem;
	line-height: 1.8;
}

*/
	
}




/*PCのみ*/
@media print, screen and (min-width: 1470px){
/*.endoscopyContArea .imgArea{border-radius:28px;}*/

}


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

/*.endoscopyContArea:not(:last-child){margin-bottom: 3rem;}
.endoscopyContArea ul.list{width: 96%;margin:auto;}
*/
}









/* 共通タイトル */
/* ================================================================ */

.title_endoscopyArea{
	padding-bottom:3rem;
	background: #fff;
}


.title_endoscopyArea::before{
	content: "";
	width: 100%;
	height: 3px;
	margin: 0 auto 3.5rem;
	background: linear-gradient(90deg,#94d4d4 0%, #94d4d4 50%, #c9e57f 50%, #c9e57f 100%);
	display: block;
}

.iconMark_endoscopy{margin: 0 auto 0.5rem;}
.iconMark_endoscopy.logoMark{width:76px;}

.title_endoscopy{
	font-size:2.5rem;
	line-height: 1.55;
	font-weight: 300;
	font-family: 'Noto Serif JP', serif;
}
.mac .title_endoscopy{font-weight:200;}

/*.title_endoscopyBlock .decoSmallTxt{text-align: center;font-size: 0.8rem;}*/




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

.title_endoscopyArea{padding-bottom:1.5rem;}
.title_endoscopyArea::before{height: 2px;margin: 0 auto 1.5rem;}	
	
.iconMark_endoscopy{width:55px;}
.iconMark_endoscopy.logoMark{width:55px;}

.title_endoscopy{font-size: 1.3rem;}

}






/*当院の胃カメラの特長・当院の大腸カメラの特長*/
/* ================================================================ */

.endoscopyPoint_cont{padding: 3rem 0;}



/* PC */
@media print, screen and (min-width: 737px){	


.endoscopyPoint_cont .container{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: nowrap;
	min-width: 1000px;
	margin: 0 auto;
	max-width: 1130px;
}
	

.endoscopyPoint_cont .imgArea{
	margin-right: 5%;
	width: 39%;
	height: 440px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	border-radius: 0 30px 30px 0; 
}
.endoscopyPoint_cont .textArea{
	width: 53%;
	min-width:470px;
	max-width: 570px;
}

.endoscopyPoint_cont.reverse .container{
	flex-direction: row-reverse;
}	
.endoscopyPoint_cont.reverse .imgArea{
	margin:0 0 0 5%;
	background-position:  center;
	border-radius: 30px 0 0 30px; 
}
	

.endoscopyPoint_cont.point01 .imgArea{background-image: url("../images/endoscopyPoint01.jpg");}
.endoscopyPoint_cont.point02 .imgArea{background-image: url("../images/endoscopyPoint02.jpg");}
.endoscopyPoint_cont.point03 .imgArea{background-image: url("../images/endoscopyPoint03.jpg");}
.endoscopyPoint_cont.point04 .imgArea{background-image: url("../images/endoscopyPoint04.jpg");}
.endoscopyPoint_cont.point05 .imgArea{background-image: url("../images/endoscopyPoint05.jpg");background-position:right -0.5rem center;}
.endoscopyPoint_cont.point06 .imgArea{background-image: url("../images/endoscopyPoint06.jpg");}
.endoscopyPoint_cont.point07 .imgArea{background-image: url("../images/endoscopyPoint07.jpg");}

    

}	
	
	


@media print, screen and (min-width: 1000px){
.endoscopyPoint_cont .imgArea{transition: 1s;}

}


@media print, screen and (min-width: 1130px){
.endoscopyPoint_cont .imgArea{border-radius:30px;}
.endoscopyPoint_cont.reverse .imgArea{border-radius:30px;}

}






/* SP */
@media screen and (max-width: 736px) {
.endoscopyPoint_cont{padding: 0 0 2rem;}
.endoscopyPoint_cont .textArea{padding-top: 1.5rem}	
.endoscopyPoint_cont.point01 .imgArea.imgHcut{align-items: flex-start;}

}






/* 検査の流れ */
/* ================================================================ */

    

.inspectionFlow{
	margin:2.5rem 0 0; 
	position:relative;
	background:#FFF;
	border-left: solid 4px #0097cf;
	z-index: 1;
}

.inspectionFlow:first-child{margin-top: 1.5rem;}	

.inspectionFlow:after{
    position: absolute;
    content: "";
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    border-top: 20px solid #eed9b6;
    bottom: -21px;
    left: 50%;
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%,0);
    z-index: -1;
}


.inspectionFlow.last:after{content: none;}

.inspectionGlid{margin:auto; padding:1.5rem 1rem 1.5rem 0;}
.inspectionBox{ /*! border-left: dotted 1px #aaaaaa; */ padding:1.2rem 0 1.2rem 1.2rem;}

.inspectionBox p{line-height: 1.8;}
.inspectionBox p:last-of-type{margin-bottom:0;}

.title_flow{
	font-size: 1.5rem;
	font-weight:500;
	line-height:1.4;
	margin:0 ;
	flex-basis: 25%;
	display:flex;
	align-items : center;
	justify-content: center;
	flex-shrink: 0;
	text-align: center;
	font-family: "Zen Kaku Gothic New", sans-serif;
}
.mac .title_flow{font-weight:400;}

.title_flow span{display: contents;}
.title_flow span{font-family: 'Roboto', sans-serif;color:#1dbc8c;}
.title_flow span.flowS{ font-size:0.88rem;}
.title_flow span.flowL{ font-size:2rem;font-weight:700;}
.mac .title_flow span.flowL{font-weight:500;}







/*PCのみ*/
@media print, screen and (min-width: 737px) {

	


}

    


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

.inspectionFlowBlock{/*! padding: 0.5rem 0 1.5rem; */margin-top: 1.5rem;}
.inspectionFlow{border:none;border-top: solid 3px #0097cf;}	
.inspectionGlid{ width:90%; padding:1.1rem 0 2rem;}
.inspectionBox{ border:none; padding:0;}
.inspectionBox p{line-height: 1.7;font-size: 95%}

.title_flow{
	flex-basis: 100%;
	margin-bottom:1rem;
	padding-bottom:	1rem; 
	border-bottom: dotted 1px #aaaaaa; 
	font-size: 1.4rem;
}
	
	

	

}








/*内視鏡検査リンク共通ボタン*/



.endoscopyBtnArea{padding: 3rem 0;/*! margin:6rem 0 0; */background: #fff;}

/*PCのみ*/
@media print, screen and (min-width: 737px) {

	

.endoscopyBtnArea ul{
/*	width:70%;*/
	margin: 0 auto 2rem;
	display: flex;
	align-content: center;
	justify-content: space-between;
}
	
.endoscopyBtnArea li a:hover{opacity: 0.8;}
.endoscopyBtnArea ul li{width: 32.5%;}
    
    

}




.endoscopyBtnArea ul li a{
	text-align:center;
	background-color:#fff;
	background-image:url("../images/common/btnArrow2.svg");
	background-repeat:no-repeat;
	background-position:left 1rem center;
	background-size:auto 1.1rem;
	border: solid 1px #0097cf;
	width: 100%;
    display: block;
	padding:1.5rem 2.5rem;
	text-decoration:none;
	color: #000;
    font-weight:300;
	border-radius:0;
	box-sizing:border-box;
	font-size:1.5625rem;
	text-indent:1rem;
}
.mac .endoscopyBtnArea ul li a{font-weight:400;}

.endoscopyBtnArea ul li.on a{background-color: #f2fafd;}





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

.endoscopyBtnArea{padding: 2.5rem 0;margin:0;}
.endoscopyBtnArea ul li a{
    min-width:inherit;
    width:90%;
    margin-left:auto;
    margin-right:auto;
    font-size:1.15rem;
    padding:1.2rem 2rem;
    background-size:auto 1rem;
    text-indent: 0.5rem;
}
.endoscopyBtnArea ul{text-align:center; margin-left:auto; margin-right:auto;}	


	
}