9
/**************************************************************************************/
/**************************************************************************************/
/* PC Site*/
/**************************************************************************************/
/**************************************************************************************/



.back_line01{
	position: absolute ;
	top : 0% ;
	left : calc( 50% + 500px );
	width : 1px ;
	height : 100% ;
	background-color : #F5F5F5 ;
}
.back_line02{
	position: absolute ;
	top : 0% ;
	left : calc( 50% + 340px );
	width : 1px ;
	height : 100% ;
	background-color : #F5F5F5 ;
}
.back_line03{
	position: absolute ;
	top : 0% ;
	left : calc( 50% + 172px );
	width : 1px ;
	height : 100% ;
	background-color : #F5F5F5 ;
}
.back_line04{
	position: absolute ;
	top : 0% ;
	left : 50%;
	width : 1px ;
	height : 100% ;
	background-color : #F5F5F5 ;
}
.back_line05{
	position: absolute ;
	top : 0% ;
	right : calc( 50% + 172px );
	width : 1px ;
	height : 100% ;
	background-color : #F5F5F5 ;
}
.back_line06{
	position: absolute ;
	top : 0% ;
	right : calc( 50% + 340px );
	width : 1px ;
	height : 100% ;
	background-color : #F5F5F5 ;
}

.back_line07{
	position: absolute ;
	top : 0% ;
	right : calc( 50% + 500px );
	width : 1px ;
	height : 100% ;
	background-color : #F5F5F5 ;
}









.inner1100{
	width : 100% ;
	max-width : 1100px ;
	margin : 0px auto ;
}
.inner1000{
	width : 100% ;
	max-width : 1000px ;
	margin : 0px auto ;
}
.inner900{
	width : 100% ;
	max-width : 900px ;
	margin : 0px auto ;
}







#footer{
	width : 100% ;
	background-color: #4E4E4E ;
	padding : 64px 40px 
}


.footer_inner{
	float : right ;
	width : 100% ;
	max-width : 800px ;
}


.footer_link_s{
	width : 160px ;
	height : 84px ;
	background-color: #FFFFFF ;
}


.footer_link_wrap{
	width : 100% ;
	height : 84px ;
}
.footer_link_wrap img{
	width : 100% ;
}

.footer_link_l{
	width : 450px ;
	height : 84px ;
	background-color: #FFFFFF ;
	padding : 6px 10px 0px 220px ;
}




.footer_logo_portal_item{
	color : #333333 ;
	float : left;
	width : 54px ;
	height : 24px ;
	line-height : 26px ;
	text-align: center ;
	font-size: 10px ;
}

.footer_logo_portal{
	position: absolute ;
	top : 50% ;
	left : 20px ;
	transform: translate(0%,-50%);
	width : 180px ;
}


.footer_navi{
	width : 70px ;
	height : 44px ;
	line-height: 44px ;
}
.footer_navi_l{
	width : 100px ;
}

.footer_navi_wrap{
	color : #FFFFFF ;
	font-size: 10px ;
}



.footer_logo{
	position: absolute ;
	top : 50% ;
	left : 0px ;
	transform: translate(0%, -50% );
	width : 200px ;
}




.morearrow_w_to_g{
	overflow: hidden ;
	color : #FFFFFF ;
}
.morearrow_g_to_w{
	overflow: hidden ;
	color : #B2B2B2B ;
}
.morearrow_company{
	overflow: hidden ;
	color : #FFFFFF ;
}

.morearrow_wrap{
	position: absolute ;
	top : 0% ;
	left : 0% ;
	width : 100% ;
	height : 100% ;
	z-index: 14 ;
}
.morearrow_back{
	position: absolute ;
	top : 100% ;
	left : 0% ;
	width : 100% ;
	height : 100% ;
	background-color: #FFFFFF ;
	z-index : 11 ;
}


.morearrow_g_to_w .morearrow_back{
	background-color: #808080 ;
}
.morearrow_company .morearrow_back{
	background-color: #FFFFFF ;
}

.arrow{
	position: absolute ;
	top : 50% ;
	right : 12px ;
	transform: translate(0%,-50%);
	margin-right : 0px ;
	width : 32px ;
	height : 12px ;
	z-index: 14 ;
}

.arrow_off{
	position: absolute ;
	top : 0% ;
	right : 0% ;
	width : 100% ;
}

.arrow_on{
	position: absolute ;
	top : 0% ;
	right : 0% ;
	width : 100% ;
	opacity : 0 ;
}




.image_zoom_wrapper{
	position: absolute ;
	top : 50% ;
	left : 50% ;
	width : 100% ;
	height : 100% ;
	transform: translate(-50%,-50%);
}





.floatnavi_superbox{
	position: fixed ;
	bottom : 0px ;
	right : 0px ;
	width : 200px ;
	height : 60px ;
	z-index: 44 ;
}


.float_navi_contact{
	float : left ;
	width : 140px ;
	height : 60px ;
	line-height : 60px ;
	background-color: #333333 ;
	font-size : 10px ;
	color : #FFFFFF ;
	padding : 0px 0px 0px 52px ;
}

.float_navi_icon_contact{
	position: absolute ;
	top : 50% ;
	left : 10px ;
	transform: translate(0%,-50%);
	width : 32px ;
}

.float_navi_menubtn{
	float : right ;
	width : 60px ;
	height : 60px ;
	background-color: #C09932 ;
	padding : 14px ;
	cursor: pointer;
}
.float_navi_menubtn_wrap{
	width : 32px ;
	height : 32px ;
}

.float_navi_bar01{
	width : 32px ;
	height : 32px ;
	position : absolute ;
	top : -10px ;
}
.float_navi_bar02{
	width : 32px ;
	height : 32px ;
	position : absolute ;
	bottom : -10px ;
}
.float_navi_bar03{
	width : 32px ;
	height : 32px ;
	position : absolute ;
	top : 0px ;
}
.float_navi_bar_white01{
	position : absolute ;
	top : 50% ;
	left : 0% ;
	width : 32px ;
	height : 2px ;
	margin-top : -2px ;
	background-color : #FFFFFF ;
}
.float_navi_bar_white02{
	position : absolute ;
	top : 50% ;
	left : 0% ;
	width : 27px ;
	height : 2px ;
	margin-top : -2px ;
	background-color : #FFFFFF ;
}
.float_navi_bar_white03{
	position : absolute ;
	top : 50% ;
	left : 0% ;
	width : 22px ;
	height : 2px ;
	margin-top : -2px ;
	background-color : #FFFFFF ;
}



.floatmenu_superbox{
	position: fixed ;
	top : 0% ;
	left : 0% ;
	width : 100% ;
	height : 0% ;
	z-index: 42 ;
	background-color: #C09932 ;
	overflow: hidden ;
}

.floatmenu_inner{
	position: absolute ;
	top : 50% ;
	left : 50% ;
	transform: translate(-50%,-50%);
	width : 100% ;
	max-width : 660px ;

}


.floatmenu_column01{
	float : left ;
	width : 128px ;
}

.floatmenu_column01_item{
	color : #FFFFFF ;
	font-size : 18px ;
	font-weight: 700 ;
}
.floatmenu_column02{
	float : left ;
	width : 400px ;
}
.floatmenu_column03{
	width : 100% ;
	max-width: 400px ;
	margin : 0px auto ;
}

.floatmenu_column02_l{
	float : left ;
	width : 120px ;
	font-size : 13px ;
	margin-bottom : 12px ;
	color : #FFFFFF ;
}
.floatmenu_column02_r{
	float : left ;
	width : 280px ;
	font-size : 13px ;
	margin-bottom : 12px ;
}

.floatmenu_column_long{
	width: 50% ;
	font-size : 13px ;
	margin-bottom : 12px ;
	color : #FFFFFF ;
}

.floatmenu_column_long a,
.floatmenu_column_long a:link,
.floatmenu_column_long a:visited{
	color : #FFFFFF 
}

.floatmenu_column02_l a,
.floatmenu_column02_l a:link,
.floatmenu_column02_l a:visited{
	color : #FFFFFF 
}
.floatmenu_column02_r a,
.floatmenu_column02_r a:link,
.floatmenu_column02_r a:visited{
	color : #FFFFFF 
}

.floatmenu_column03_item{
	float : left ;
	width: 50% ;
	text-align: center ;
	color : #FFFFFF ;
	font-size : 18px ;
	font-weight: 700 ;
	margin-bottom : 44px ;
}

.floatmenu_column03_item_sns{
	color : #FFFFFF ;
	font-size : 18px ;
	font-weight: 700 ;
	margin-bottom : 44px ;
	justify-content: center !important;
}

.floatmenu_sns_item{
	width: 20px ;
	margin : 0px 20px 0px 0px;
}
.floatmenu_sns_item img{
	width: 100% ;
}

.floatmenu_logo{
	position: absolute ;
	top : 50% ;
	left : 48px ;
	transform: translate(0%,-50%);
	width : 146px ;
}







.top_gnavi_works_superbox{
	position: fixed ;
	top : 90px ;
	left : 0% ;
	width : 100% ;
	padding : 30px;
	background-color: rgba(0,0,0,0.8);
	z-index: 32 ;
	display: none ;
	flex-wrap: wrap ;
	justify-content: center ;
}
.top_gnavi_works_superbox.ul{
	top : 80px ;
}

.top_gnavi_works_superbox a,
.top_gnavi_works_superbox a:link,
.top_gnavi_works_superbox a:visited{
	color : #FFFFFF ;
}

.top_gnavi_works01{
	float : left ;
	width : 33% ;
	max-width: 300px ;
}

.top_gnavi_works01_a{
	float : left ;
	width : 50% ;
	margin-bottom : 10px ;
	padding-left : 40px ;
	color : #FFFFFF ;
	display: none ;
}
.top_gnavi_works01_b{
	float : right ;
	/** width : 50% ; **/
	width: 100% ;
	margin-bottom : 10px ;
}
.top_gnavi_works01_b a:hover{
	opacity: 0.5 ;
}


.top_gnavi_cone{
	position: absolute ;
	bottom : 0px ;
	left : 50% ;
	transform: translate(-50%,0%);
	width : 24px ;
	display: none ;
}





.header_supebox{
	position: fixed ;
	top : 0% ;
	left : 0% ;
	width : 100% ;
	height : 80px ;
	background: #808080 ;
	z-index: 41 ;
}
.header_dummy{
	width : 100% ;
	height : 80px ;
}
.header_inner{
	width : 100% ;
	max-width: 1180px ;
	padding : 0px 10px ;
	text-align: right ;
	margin : 0px auto ;
	height : 80px ;
}

.header_gnavi_item{
	display: inline-block ;
	margin-left : 15px ;
	height : 80px ;
	line-height : 80px ;
	color : #FFFFFF ;
	font-size : 11px ;
	font-weight: 700 ;
}

.header_gnavi_item01{	width : 64px	;	}
.header_gnavi_item02{	width : 84px	;	}
.header_gnavi_item03{	width : 84px	;	}
.header_gnavi_item04{	width : 84px	;	}
.header_gnavi_item05{	width : 84px	;	}
.header_gnavi_item06{	width : 74px	;	}
.header_gnavi_item07{	width : 64px	;	}
.header_gnavi_item08{	width : 84px	;	}




.ul_logo{
	position: absolute ;
	top : 50% ;
	left : 10px ;
	width : 256px ;
	height : 34px ;
	transform: translate(0% , -50%);
}
.ul_logo img{
	width : 100% ;
}










.top_news_flex{
	width : 100% ;
	margin : 64px auto 0px ;
}


.top_news_itembox{
	width : 33% ;
	max-width : 344px ;
	padding : 32px ;
	background-color: #FFFFFF ;
	border : 1px solid #B2B2B2 ;
	margin-bottom : 100px ;
	left : 20px ;
}
.top_news_itembox_dummy{
	width : 33% ;
	max-width : 344px ;
	height : 1px ;
}


.top_news_item_imagebox{
	width : 100% ;
	height : 256px ;
	margin-bottom : 20px ;
	overflow: hidden ;
}


.top_news_item_image{
	width : 100% ;
	height : 100% ;
	object-fit: contain	 ;
}

.top_news_item_date{
	color : #989898 ;
	font-size : 13px ;
}




.top_news_item_title{
	font-size: 15px ;
	font-weight: 700 ;
	margin-top : 10px ;
}

.top_news_link{
	position: absolute ;
	bottom : -36px ;
	right : -12px ;
	width : 256px ;
	height : 50px ;
	line-height : 48px ;
	text-align: center ;
	background-color: #808080 ;
	border : 1px solid #808080 ;
	color : #FFFFFF ;
	font-size: 11px ;
}

.top_news_item_cate{
	position: absolute ;
	top : 0px ;
	left : 0px ;
	width : 80px ;
	height : 26px ;
	line-height : 26px ;
	text-align: center ;
	background-color: #C09932 ;
	color : #FFFFFF ;
	font-size: 13px ;
}



.top_news_indexlink{
	width : 256px ;
	height : 50px ;
	line-height : 48px ;
	border: 1px solid #B2B2B2 ;
	text-align: center ;
	font-size : 11px ;
	margin : 40px auto 0px ;
	left : 20px ;
}




.ul_pnkz_superbox{
	width : 100% ;
	max-width: 1080px ;
	padding : 0px 40px ;
	margin : 24px auto 0;
	font-size: 12px ;
	font-weight: 700 ;
}

.ul_pnkz{
	display: inline-block;
	margin-right : 12px ;
}

.ul_pnkz a,
.ul_pnkz a:link,
.ul_pnkz a:visited{
	color : #333333 ;
}




.ul_section{
	width : 100% ;
	max-width: 1180px ;
	margin : 0px auto ;
	padding : 80px 40px 100px ;
}
.ul_section.voice{
	padding-top : 40px ;
}

.ul_title_jp{
	text-align: center ;
	font-size : 40px ;
	font-weight: 700 ;
	margin-top : 90px ;
}
.ul_title_jp.voice{
	margin-top : 40px ;
}
.ul_title_en{
	text-align: center ;
	font-size : 13px ;
	color: #989898 ;
}






.top_column_flex{
	width : 100% ;
	margin : 64px auto 0px ;
}

.top_column_item{
	width : 49% ;
	max-width: 518px ;
	padding-bottom : 80px ;
	margin-bottom : 64px ;
	left : 20px ;
}
.top_column_item_dummy{
	width : 49% ;
	max-width: 518px ;
}

.top_column_item_imagebox{
	width : 100% ;
	height : 310px ;
	margin-bottom : 20px ;
	overflow: hidden ;
}

.top_column_item_image{
	width : 100% ;
	height : 100% ;
	object-fit: cover ;
}

.top_column_item_date{
	font-size: 13px ;
	color : #989898 ;
}

.top_column_item_title{
	font-size : 20px; 
	font-weight: 700 ;
}

.top_column_link{
	position: absolute ;
	bottom : 0% ;
	left : 50% ;
	transform: translate(-50%,0%);
	width : 256px ;
	height : 50px ;
	line-height : 48px ;
	text-align: center ;
	background-color: #808080 ;
	border : 1px solid #808080 ;
	color : #FFFFFF ;
	font-size: 11px ;
}


.doctors_index_genre{
	font-size : 14px ;

}


.voice_comingsoon{
	margin-bottom : 90px ;
}





.news_itemtitle{
	font-size : 24px ;
	font-weight: 700 ;
	margin-top: 20px ;
	margin-bottom : 20px ;
}

















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

.header_inner{
}

.header_gnavi_item{
	margin-left : 10px ;
	font-size : 12px ;
}

.header_gnavi_item01{	width : 60px	;	}
.header_gnavi_item02{	width : 80px	;	}
.header_gnavi_item03{	width : 80px	;	}
.header_gnavi_item04{	width : 80px	;	}
.header_gnavi_item05{	width : 80px	;	}
.header_gnavi_item06{	width : 70px	;	}
.header_gnavi_item07{	width : 60px	;	}
.header_gnavi_item08{	width : 80px	;	}



}


/**************************************************************************************/
/**************************************************************************************/
/* TB Site*/
/**************************************************************************************/
/**************************************************************************************/
@media screen and (max-width: 1100px) {




.back_line01{
	left : calc( 50% + 300px );
}
.back_line02{
	left : calc( 50% + 200px );
}
.back_line03{
	left : calc( 50% + 100px );
}
.back_line04{
}
.back_line05{
	right : calc( 50% + 100px );
}
.back_line06{
	right : calc( 50% + 200px );
}

.back_line07{
	right : calc( 50% + 300px );
}









.inner1100{
}








#footer{
	padding : 128px 40px ;
	margin-top : 120px ;
}


.footer_inner{
	float : none ;
	width : 100% ;
	max-width : 640px ;
	margin : 0px auto ;
}


.footer_link_s{
	width : 240px ;
	height : 128px ;
	margin-bottom : 40px ;
}


.footer_link_wrap{
	height : 128px ;
}
.footer_link_wrap img{
}

.footer_link_l{
	width : 100% ;
	height : 116px ;
	padding : 6px 10px 0px 320px ;
}




.footer_logo_portal_item{
	width : 54px ;
	height : 32px ;
	line-height : 32px ;
	font-size: 14px ;
}

.footer_logo_portal{
	left : 20px ;
	width : 280px ;
}


.footer_navi{
	width : 25% ;
	text-align: center ;
}
.footer_navi_l{
	width : 25% ;
}

.footer_navi_wrap{
	font-size: 16px ;
}



.footer_logo{
	position: relative ;
	top : auto ;
	left : auto ;
	transform: translate(0%, 0% );
	width : 400px ;
	margin : 0px auto 40px ;
}




.morearrow_w_to_g{
}
.morearrow_g_to_w{
}
.morearrow_company{
}

.morearrow_wrap{
}
.morearrow_back{
}


.morearrow_g_to_w .morearrow_back{
}
.morearrow_company .morearrow_back{
}

.arrow{
}

.arrow_off{
}

.arrow_on{
}




.image_zoom_wrapper{
}





.floatnavi_superbox{
	width : 360px ;
	height : 80px ;
}


.float_navi_contact{
	width : 280px ;
	height : 80px ;
	line-height : 80px ;
	font-size : 16px ;
	padding : 0px 0px 0px 140px ;
}

.float_navi_icon_contact{
	left : 40px ;
	width : 64px ;
}

.float_navi_menubtn{
	width : 80px ;
	height : 80px ;
	padding : 16px ;
}
.float_navi_menubtn_wrap{
	top : 8px ;
	left : 8px ;
	transform: scale(1.8);
}

.float_navi_bar01{
}
.float_navi_bar02{
}
.float_navi_bar03{
}
.float_navi_bar_white01{
}
.float_navi_bar_white02{
}
.float_navi_bar_white03{
}



.floatmenu_superbox{
}

.floatmenu_inner{
	max-width : 600px ;
	position: absolute ;
	top : 100px ;
	left : 50% ;
	transform: translate(-50%,0%);
}


.floatmenu_column01{
	float : none ;
	width : 100%  ;
	margin-bottom :30px ;
}

.floatmenu_column01_item{
	font-size : 32px ;
	text-align: center ;
}
.floatmenu_column02{
	float : none ;
	width : 100% ;
	margin-bottom :40px ;

}
.floatmenu_column03{
	float : none ;
	width : 100%  ;
}

.floatmenu_column02_l{
	text-align: center ;
	width : 50% ;
	font-size : 24px ;
	margin-bottom : 10px ;
}
.floatmenu_column02_r{
	text-align: center ;
	width : 50% ;
	font-size : 24px ;
	margin-bottom : 20px ;
}

.floatmenu_column_long{
	text-align: center ;
	width : 100% ;
	font-size : 24px ;
	margin-bottom : 20px ;
}


.floatmenu_column02_l a,
.floatmenu_column02_l a:link,
.floatmenu_column02_l a:visited{
}
.floatmenu_column02_r a,
.floatmenu_column02_r a:link,
.floatmenu_column02_r a:visited{
}

.floatmenu_column03_item{
	float : left ;
	width : 50% ;
	text-align: center ;
	font-size : 24px ;
	margin-bottom: 10px ;
}


.floatmenu_logo{
	position: absolute ;
	top : 20px  ;
	left : 20px ;
	transform: translate(0%,0%);
	width : 146px ;
}




.top_gnavi_works_superbox{
}

.top_gnavi_works_superbox a,
.top_gnavi_works_superbox a:link,
.top_gnavi_works_superbox a:visited{
}

.top_gnavi_works01{
}

.top_gnavi_works01_a{
}
.top_gnavi_works01_b{
}


.top_gnavi_cone{
}





.header_supebox{
}
.header_dummy{
}
.header_inner{
}

.header_gnavi_item{
	display: none;
}


.ul_logo{
	left : 50% ;
	width : 256px ;
	transform: translate(-50% , -50%);
}







.top_news_flex{
	max-width: 640px;
	margin : 64px auto 0px ;
}

.top_news_itembox{
	width : 100% ;
	max-width : 640px ;
	padding : 32px ;
	border : 2px solid #B2B2B2 ;
	margin-bottom : 120px ;
	
}
.top_news_itembox_dummy{
	width : 100% ;
	max-width : 640px ;
	height : 1px ;
}


.top_news_item_imagebox{
	height : 360px ;
}


.top_news_item_image{
}

.top_news_item_date{
	font-size : 16px ;
}




.top_news_item_title{
	font-size: 26px ;
}

.top_news_link{
	bottom : -56px ;
	right : -20px ;
	width : 400px ;
	height : 80px ;
	line-height : 76px ;
	border : 2px solid #808080 ;
	font-size: 14px ;
}

.top_news_item_cate{
	width : 120px ;
	height : 40px ;
	line-height : 40px ;
	font-size: 16px ;
}



.top_news_indexlink{
	width : 400px ;
	height : 80px ;
	line-height : 76px ;
	border: 2px solid #B2B2B2 ;
	font-size : 16px ;
}









.ul_pnkz_superbox{
	font-size: 16px ;
}

.ul_pnkz{
}

.ul_pnkz a,
.ul_pnkz a:link,
.ul_pnkz a:visited{
}






.ul_section{
}


.ul_title_jp{
}
.ul_title_jp span{
	display: none ;
}
.ul_title_en{
	font-size : 16px ;
}







.top_column_flex{
}

.top_column_item{
	width : 100% ;
	max-width: 640px ;
	margin : 0px auto 120px ;
	padding-bottom : 100px ;
}
.top_column_item_dummy{
	width : 100% ;
	max-width: 640px ;
}


.top_column_item_imagebox{
}

.top_column_item_image{
}

.top_column_item_date{
	font-size: 16px ;
}

.top_column_item_title{
	font-size : 26px; 
}

.top_column_link{
	width : 300px ;
	height : 80px ;
	line-height : 76px ;
	border : 2px solid #808080 ;
	font-size: 14px ;
}


.doctors_index_genre{
	font-size : 16px ;
	
}





.news_itemtitle{
	font-size : 30px ;
}





.floatmenu_column03_item_sns{
	justify-content: center !important;
	width: 100% ;
	margin-top : 40px ;
}

.floatmenu_sns_item{
	width: 40px ;
	margin : 0px 20px 0px 20px;
}




































}