/**************************************

gantei base

**************************************/

html {
	scroll-behavior: smooth;
	scroll-padding-top:100px;
}
#contents_tab {
	display:block;
}
#contents_tab .back_all {
	display: block;
}
#contents_tab .back_all a {
	display: inline-block;
    height: 45px;
    line-height: 45px;
    font-size: 130%;
    padding-left: 20px;
    background: url(/common/img/large_arrow_back.png) no-repeat left center;
}
@media screen and (max-width: 940px){
	#contents_tab .back_all {
		display: block;
		background: #2063a8;
        line-height: 45px;
        height: 45px;
        padding-left: 10px;
        font-size: 110%;
        cursor: pointer;
	}
	#contents_tab .back_all a {
		color: #fff;
	}
}

.gantei_header .key_view{
	background-image: url(img/hero_bg.jpg);
	background-position: center center;
	height: 378px;
	background-repeat: no-repeat;
	background-color: #124177;
}
@media screen and (min-width: 1760px){
	.gantei_header .key_view{
		background-position: left center;
	}
}
.gantei_header .key_view_inner{
	display: flex;
	max-width: 1120px;
	margin: 0 auto;
}
.gantei_header .key_view_inner .docter_box{
	width: 33%;
	height: 378px;
	position: relative;
}
.gantei_header .key_view_inner .docter_box img{
	position: absolute;
	bottom: 0;
	right: -60px;
}

.gantei_header .key_view_inner .catch_box{
	width: 66%;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 378px;
	flex-wrap: wrap;
}
.gantei_header .key_view_inner .catch_box .inner{
	color: #ffffff;
	text-align: center;
	line-height: 1;
}
.gantei_header .key_view_inner .catch_box .inner h1{
	font-size: 36px;
	margin-top: 20px;
	font-weight: bold;
}
.gantei_header .key_view_inner .catch_box .inner p{
	font-size: 20px;
	margin-top: 20px;
	font-weight: bold;
	color: #ffffff !important;
	line-height: 1.6 !important;
	margin-bottom: 0 !important;
}
.gantei_header .key_view_inner{
	display: flex;
}

.gantei_nav{
	border-top: 1px solid #dbdce4;
	border-bottom: 1px solid #dbdce4;
	width: 100%;
}
.gantei_nav ul{
	max-width: 1180px;
	margin: 0 auto;
	display: flex;
	border-left: 1px solid #dbdce4;
}
.gantei_nav ul li{
	width: 50%;
	border-right: 1px solid #dbdce4;
	position: relative;
}
.gantei_nav ul li a,
.gantei_nav ul li span{
	width:100%;
	height: 60px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	color: #000000;
	font-size: 15px;
	line-height: 1.2;
	text-decoration: none;
}
.gantei_nav ul li.active a{
	background-color: #2b93e0;
	color: #ffffff;
}
.gantei_nav ul li span.comingsoon{
	position: absolute;
	top:0;
	left: 0;
	z-index: 2;
	background:rgba(0, 0, 0, .7) ;
	color: #ffffff;
}
.gantei_content_wrap {
	 padding: 0 30px;
	 max-width: 1240px;
	 margin: 0 auto;
}
.gantei_content_wrap .content_header h1{
	font-size: 36px;
	font-weight: bold;
	line-height: 1;
	padding: 60px 0;
	text-align: center;
}
.gantei_content_wrap .content_header h1 span{
	font-size: 65%;
	display: block;
	font-weight: bold;
	line-height: 1;
	padding: 10px 0 0;
	text-align: center;
	color: #52ccb7;
}
.gantei_content_wrap .content_header .col2_main,
.gantei_content_wrap .content_header .col1_main{
	display: flex;
	border-top: 1px solid #dbdce4;
	border-bottom: 1px solid #dbdce4;
}
.gantei_content_wrap .content_header .col2_main .catch_col,
.gantei_content_wrap .content_header .col2_main .img_col{
	width: 50%;
	height: 300px;
	display: flex;
	align-items: center;
	position: relative;
}
.gantei_content_wrap .content_header .col2_main .img_col .main_img{
	width: 100%;
}
.gantei_content_wrap .content_header .col2_main .img_col .main_img img{
	height: 300px;
	width: 100%;
	object-fit: cover;
	vertical-align: bottom;
}
.gantei_content_wrap .content_header .col2_main .img_col .freeicon{
	position: absolute;
	top:-100px;
	right: 20px;
}
.gantei_content_wrap .content_header .col2_main h2,
.gantei_content_wrap .content_header .col1_main h2{
	font-size: 36px;
	line-height: 1.4;
	font-weight: bold;
	padding-left: 30px;
}
.gantei_content_wrap .content_header .col2_main span.blue_tx,
.gantei_content_wrap .content_header .col1_main span.blue_tx{
	color: #2b93e0;
	font-weight: bold;
}
.gantei_content_wrap .content_header .col1_main h2{
	padding: 30px 0;
	text-align: center;
	width: 100%;
}
.gantei_content_wrap h3{
	text-align: center;
	color: #dbdce4;
	font-size: 20px;
	margin-top: 100px;
	margin-bottom: 60px;
	line-height: 1;
}
.gantei_content_wrap h3 .eng_title{
	display: block;
	text-align: center;
	color: #000000;
	font-size: 36px;
	margin-bottom: 5px;
}
.col2_flow{
	display: flex;
	margin-bottom: 20px;
}
.col2_flow .img_col{
	width: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #10539a;
	margin-right: 2%;
}
.col2_flow .img_col img{
	max-width: 100%;
}
.col2_flow .flow_col{
	width: 48%;
}
.col2_flow .flow_col ul {
	width: 100%;
	border-top: 1px solid #dbdce4;
}
.col2_flow .flow_col ul li{
	display: flex;
	align-items: center;
}
.col2_flow .flow_col ul li{
	display: flex;
	align-items: center;
	border-bottom: 1px solid #dbdce4;
	min-height: 88px;
	padding-left: 10px;
}
.col2_flow .flow_col ul li .flow_number{
	width: 48px;
	height: 48px;
	color: #ffffff;
	font-size: 26px;
	font-weight: bold;
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
	position: relative;
	z-index: 2;
}
.col2_flow .flow_col ul li.customer .flow_number:before{
	content: "";
	width: 48px;
	height: 48px;
	position: absolute;
	top:0;
	left: 0;
	background-color: #52ccb7;
	z-index: -1;
	border-radius: 50%;
}
.col2_flow .flow_col ul li.hospital .flow_number:before{
	content: "";
	width: 48px;
	height: 48px;
	position: absolute;
	top:0;
	left: 0;
	background-color: #2b93e0;
	z-index: -1;
	border-radius: 50%;
}
.col2_flow .flow_col ul li.hospital{
	background-color: #e6eaf4;
	border-top: #2b93e0 1px solid;
}
.col2_flow .flow_col ul li .flow_detail{
	padding-left: 20px;
	width: calc(100% - 48px);
}
.col2_flow .flow_col ul li .flow_detail p{
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 0 !important;
	line-height: 1;
}
.col2_flow .flow_col ul li .flow_detail p.sub_txt{
	font-size: 16px;
	font-weight: normal;
	line-height: 1;
}
.gantei_content_wrap sup{
	text-indent: -1em;
	font-size: 13px;
	padding-left: 1em;
	display: inline-block;
	line-height: 1.6;
}
.gantei_content_wrap sup span{
	display: inline-block;
	width: 2em;
}
.gantei_content_wrap .feature_list{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.gantei_content_wrap .feature_list .feature_item{
	width: 330px;
	border-top: #52ccb7 10px solid;
	margin-bottom: 30px;
	background-color: #e6eaf4;
	padding:30px 20px;
	display: flex;
	flex-direction: column;
}
.gantei_content_wrap .feature_list .feature_item h4{
	font-size: 20px;
	font-weight: bold;
	line-height: 1.6;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	min-height: 64px;
}
.gantei_content_wrap .feature_list .feature_item figure{
	text-align: center;
	padding: 8px 0;
}
.gantei_content_wrap .gantei_special{
	width: 100%;
	border-top: #52ccb7 10px solid;
	padding:50px 20px;
	background-color: #e6eaf4;
}
.gantei_content_wrap .gantei_special h4{
	font-size: 20px;
	font-weight: bold;
	line-height: 1.6;
	text-align: center;
}
.gantei_content_wrap .gantei_special h4 span{
	font-size: 36px;
	font-weight: bold;
	line-height: 1.6;
}
.gantei_content_wrap .gantei_special h4 span .orange_tx{
	color: #ff6a18;
}
.special_roundtxt_wrap{
	margin-bottom: 30px;
}
.ribon_box{
	max-width: 440px;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 30px auto;
	background-color: #ff6a18;
	color: #ffffff;
	font-size: 31px;
	font-weight: bold;
	position: relative;
}
.ribon_box:after{
	content: "";
	position: absolute;
	top:0;
	left: 0;
	width: 0px;
	height: 0px;
	border: 30px solid #e6eaf4;
	border-right: 30px solid transparent;
	border-bottom: 30px solid transparent;
	border-top: 30px solid transparent;
}
.ribon_box:before{
	content: "";
	position: absolute;
	top:0;
	right: 0;
	width: 0px;
	height: 0px;
	border: 30px solid #e6eaf4;
	border-left: 30px solid transparent;
	border-bottom: 30px solid transparent;
	border-top: 30px solid transparent;
}
.special_roundtxt_wrap{
	display: flex;
	align-items: center;
	justify-content: center;
}
.special_roundtxt_wrap .round_box{
	width: 160px;
	height: 160px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	font-size: 31px;
	line-height: 1.2;
	text-align: center;
	font-weight: bold;
	z-index: 2;
	margin: 0 10px;
}
.special_roundtxt_wrap .round_box:after{
	content: "";
	width: 150px;
	height: 150px;
	position: absolute;
	top:0;
	right: 0;
	border: 5px solid #ff6a18;
	background-color: #ffffff;
	z-index: -1;
	border-radius: 50%;
}
.gantei_special .special_content{
	background-color: #ffffff;
	padding: 50px;
	display: flex;
	justify-content: space-between;
	margin-top: 30px;
}
.gantei_special .special_content .text_box{
	max-width: 380px;
	padding-right: 20px;
}
.gantei_special .special_content .text_box h5{
	font-size: 36PX;
	font-weight: bold;
	line-height: 1.3;
	margin-bottom: 16px;
}
.sup_number{
	font-size: 50%;
	color:#10539a;
}
.sup_tx{
	font-size: 13px;
	color:#10539a;
	margin-top: 16px;
	display: flex;
}

.gantei_content_wrap .modality_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.gantei_content_wrap .modality_item {
    width: 330px;
    margin-bottom: 30px;
    background-color: #e6eaf4;
    padding: 30px 20px;
	text-align: center;
	font-size: 20PX;
	font-weight: bold;
}
.gantei_contact{
	background-color: #10539a;
	padding: 50px 20px;
	margin-top: 100px;
}
.gantei_contact a{
	width: 500px;
	height: 110px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 36px;
	color: #10539a;
	border-radius: 55px;
	background-color: #ffffff;
	margin: 0 auto;
	text-decoration: none;
}

.eyer_tx_box{
	margin: 50px auto;
	max-width: 760px;
}

.eyer_gantei{
	background-color: #52ccb7;
	color: #ffffff;
	font-size: 36px;
	font-weight: bold;
	padding: 30px 20px;
	text-align: center;
}
.spec_wrap{
	display: flex;
}
.spec_wrap .img_col{
	width: 48%;
}
.spec_wrap .img_col img{
	max-width: 100%;
}
.spec_wrap .spec_col{
	width: 50%;
}
.spec_wrap .spec_col ul li{
 padding: 8px;
 display: flex;
 line-height: 1.6;
}
.spec_wrap .spec_col ul li:nth-child(2n+1){
 background-color: #edeef2;
}
.spec_wrap .spec_col ul li .table_th{
	width: 180px;
}
.eye-frail_banner{
	text-align: right;
	padding: 80px 0px 0;
}
.eye-frail_banner img{
	max-width: 100%;
}
.small_text{
	margin: 10px 0 30px;
	font-size: 13px;
	opacity: 0.6;
}
.out_link a{
	background: url(/information/img/share/arrow_blue_circle.gif) no-repeat 0pt 50%;
    padding-left: 17px;
    zoom: 1;
	text-decoration: none;
    color: #0E51A3;
}

@media screen and (max-width: 980px){
	.gantei_header .key_view_inner .catch_box .inner h1{
		font-size: 3.5vw;
		margin-top: 20px;
		font-weight: bold;
	}
	.gantei_header .key_view_inner .catch_box .inner p{
		font-size: 3vw;
		margin-top: 10px;
	}
	.gantei_header .key_view_inner .catch_box img {
		width: 66%;
		height: auto;
	}
	.gantei_header .key_view {
		background-image: url(img/hero_bg.jpg);
		background-position: center center;
		height: 300px;
		background-repeat: no-repeat;
		background-color: #124177;
		background-size: cover;
	}
	.gantei_header .key_view_inner .docter_box,
	.gantei_header .key_view_inner .catch_box {
		height: 300px;
	}
	.gantei_header .key_view_inner .docter_box img {
		right: -40px;
	}
	.gantei_content_wrap .content_header h1,
	.gantei_content_wrap .content_header .col2_main .catch_col h2,
	.gantei_special .special_content .text_box h5,
	.gantei_content_wrap .gantei_special h4 span {
		font-size: 3.5vw;
	}
	.gantei_content_wrap .content_header .col2_main .img_col .freeicon {
		top: -50px;
		right: 20px;
	}
	.gantei_content_wrap .content_header .col2_main .img_col .freeicon img{
		width: 150px;
		height: auto;
	}

}

@media screen and (max-width: 1110px){
.gantei_content_wrap .feature_list {
    max-width: 700px;
	margin: 0 auto;
}
.gantei_special .special_content {
    max-width: 700px;
	margin: 30px auto 0;
	flex-wrap: wrap;
}
.gantei_special .special_content .text_box {
    padding-right: 0px;
	margin: 0 auto 30px;
}
.gantei_special .special_content .img_box{
	margin: 0 auto;
}
.gantei_special .special_content .img_box img {
   max-width: 100%;
}
.gantei_special .special_content .text_box h5{
	text-align: center;
}
.gantei_content_wrap .modality_list {
    max-width: 700px;
    margin: 0 auto;
}

}

@media screen and (max-width: 760px){

.col2_flow {
    flex-flow: column;
}
.col2_flow .img_col {
    width: 100%;
    margin-right: 0;
}
.col2_flow .flow_col {
    width: 100%;
}
.gantei_special .special_content .img_box img {
    width: 100%;
}
.gantei_content_wrap .feature_list {
    max-width: 330px;
    margin: 0 auto;
}
.ribon_box {

    height: 40px;
    font-size: 3vw;
}
.ribon_box:before{
    border: 20px solid #e6eaf4;
    border-left: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-top: 20px solid transparent;
}
.ribon_box:after {
    border: 20px solid #e6eaf4;
    border-right: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-top: 20px solid transparent;
}
.special_roundtxt_wrap .round_box {
    width: 100px;
    height: 100px;
    font-size: 3vw;
    margin: 0 5px;
}
.special_roundtxt_wrap .round_box:after {
    content: "";
    width: 90px;
    height: 90px;
}
.gantei_header .key_view_inner {
    flex-flow: column;
}
.gantei_header .key_view_inner .docter_box{
	background-image: url(img/hero_bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: auto;
	text-align: right;
	padding-top: 5px;
	padding-right: 20px;

}
.gantei_header .key_view_inner .docter_box img {
    width: 65px;
	position: relative;
	right: 0;
	vertical-align: bottom;
}
.gantei_header .key_view {
    background-image: none;
    background-position: center center;
    height: auto;
    background-repeat: no-repeat;
    background-color: #124177;
}
.gantei_header .key_view_inner .catch_box {
    height: auto;
	padding: 10px 20px 20px;
	width: 100%;
}
.gantei_header .key_view_inner .catch_box img {
    width: 180px;
    height: auto;
}
.gantei_header .key_view_inner .catch_box .inner h1 {
    font-size: 5.5vw;
    margin-top: 10px;
}
.gantei_header .key_view_inner .catch_box .inner p {
    font-size: 4vw !important;
    margin-top: 10px;
}
.gantei_nav ul {
    flex-flow: column;
	border-bottom:none;
}
.gantei_nav ul li {
    width:100%;
    border-right:none;
	border-bottom:1px solid #dbdce4
}
.gantei_content_wrap .content_header h1, .gantei_content_wrap .content_header .col2_main .catch_col h2, .gantei_special .special_content .text_box h5, .gantei_content_wrap .gantei_special h4 span {
    font-size: 5.5vw;
}
.gantei_content_wrap .content_header .col2_main {
    flex-flow: column;
}
.gantei_content_wrap .content_header .col2_main .catch_col, .gantei_content_wrap .content_header .col2_main .img_col {
    width: 100%;
    height: auto;
	text-align: center;
}
.gantei_content_wrap .content_header .col2_main .catch_col h2 {
    text-align: center;
	padding: 20px 0;
	width: 100%;
	font-size: 4.5vw;
}
.gantei_content_wrap .content_header h2 .pc_block{
    display: none;
}
.gantei_content_wrap .content_header .col2_main .img_col .freeicon img {
    width: 100px;
    height: auto;
}
.gantei_content_wrap .content_header .col2_main .img_col .freeicon {
    top: 10px;
    right: 10px;
}
.gantei_content_wrap .content_header h1{
	font-size: 7vw;
}
.gantei_content_wrap .modality_list {
    max-width: 330px;
    margin: 0 auto;
}
.gantei_content_wrap .content_header .col1_main h2 {
    font-size: 4.5vw;
}
.spec_wrap{
	flex-flow: column;
}
.spec_wrap .img_col{
	width: 100%;
	text-align: center;
}
.spec_wrap .img_col img{
	max-width: 100%;
}
.spec_wrap .spec_col{
	width: 100%;
}
.eyer_gantei {
    font-size: 20px;
	line-height: 1.3;
}
.eye-frail_banner{
	text-align: right;
	padding: 40px 0px 0;
}
}
@media screen and (max-width: 500px){
#contents-inner .col2_flow .flow_col ul li .flow_detail p.sub_txt{
	font-size: 13px;
}
.gantei_content_wrap .gantei_special h4,
.gantei_content_wrap .gantei_special h4 span {
	font-size: 4.5vw;
}
.ribon_box {
    font-size: 5vw;
}
.special_roundtxt_wrap .round_box:after {
    content: "";
    width: 70px;
    height: 70px;
}
.special_roundtxt_wrap .round_box {
    width: 80px;
    height: 80px;
}
.gantei_special .special_content {
    padding: 30px 15px;
}
.gantei_contact a{
	width: 280px;
	height: 70px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 26px;
	color: #10539a;
	border-radius: 35px;
	background-color: #ffffff;
	margin: 0 auto;
	text-decoration: none;
}
.spec_wrap .spec_col ul li {
    flex-flow: column;
	padding: 0;
}
.spec_wrap .spec_col ul li:nth-child(2n+1) {
    background-color: #ffffff;
}
.spec_wrap .spec_col ul li .table_th {
    background-color: #edeef2;
	width: 100%;
	padding: 8px;
}
.spec_wrap .spec_col ul li .table_td {
	padding: 8px;
}

}