@charset "UTF-8";

/*
18px=1.25em(Large Default)
16px=1.0em(Middle Default)
14px=0.88em
12px=0.75em
*/

/*=====LayOut Responsive====*/
@media all and (max-width: 640px){

body{
	padding-bottom:85px;
}
header{
	width:100%;
	border-bottom:5px solid #75C2D8;
	background:#fff;
	height:70px;
}
header h1{
	width:220px;
	height:86px;
	background:url(../refer/head_logo_retina.png) no-repeat 0 0;
	background-size:contain;
}
header h1 a{
	width:271px;
	height:70px;
	display:block;
	position:absolute;
	top:0;
	left:0;
}
.HeadWrap {
	width:auto;
	height:auto;
	margin:0 auto;
	position:relative;
}

.HeadHome{
	display:none;
}
.HeadFont{
	display:none;
}
.HeadSearch{
	display:none;
}
.HeadInq{
	display:none;
}
.HeadLang{
	padding-right:0;
	margin-right:0;
	border-right:0;
}
.HeadEn a,
.HeadJa a{
	color:#fff;
	text-decoration:none;
	background:#333;
	display:block;
	padding:0 10px;
	border-radius:5px;
}
.Gnav {
	display:none;
}
.Gnav ul{
		height:auto;
}
.Gnav li{
	font-size:1.25em;
	background:none;
	letter-spacing: normal;
	display:block;
	line-height:45px;
	width:auto;
	 border:none;
	 text-indent:0;
	border-bottom:1px solid #75C2D8;
}
.Gnav li:last-child{
	border-bottom:none;
}
.Gnav li a{
	display:block;
	height:45px;
	border-bottom:none;
}

.Gnav li a:hover{
	height:45px;
	border-bottom:none;
}




/*-------------
   Footer
-------------*/
footer{
	background:#fff;
	width:auto;
	padding:0;
}
.FooterCont{
	width:auto;
	margin:0 auto;
	padding:0 0;
}

.FootLinkBox{
	width:auto;
	display:block;
	
}
.FootLinkBox h3{
	font-size:1.13em;
	font-weight:normal;
	margin:0 0 0 0;
	padding:0;
	line-height:45px;
	color:#fff;
	border-top:5px solid #75C2D8;
}
.FootLinkBox h3 a{
	color:#0087B2;
	display:block;
	padding:0  1em;
}
.FootLinkBox h3 a:hover{
	color:#0087B2;
	background:none;
}
.FootLinkBox ul{
	margin:0 0 0 0;
	border-bottom:1px solid #75C2D8;
}
.FootLinkBox li{
	margin:0;
	padding:0;
	font-size:1.0em;
	display:block;
	border-top:1px solid #75C2D8;
	border-left:none;
	line-height:45px;
	color:#093E6A;
	background:none;
}
.FootLinkBox li:hover{
	background:none;
}
.FootLinkBox li a{
	background:#fff;
	padding:0 2em;
	display:block;
	color:#0087B2;
}
.FootLinkBox li a:hover{
	background:none;
	color:#0087B2;
}
.FootLinkBox li:last-child{
	border-bottom:none;
}
.BtToiawase {
	text-align:center;
	width:80%;
	margin: 20px auto;
	position:inherit;
}
.BtToiawase a {
	padding:0.5em 0;
	width:auto;
	display:block;
	background:#333;
	color:#fff;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;
}
.BtToiawase a:hover {
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
	background:none;
	color:#9C0;
}
.FootCorp{
	background:url(../refer/foot_logo.png) no-repeat left top;
	padding:40px 0 0 40px;
	font-size:0.63em;
	margin:0 1em 20px;
	width:auto;
}
.CopyRight {
	text-align:center;
	font-size:0.63em;
	margin:0 0;
	padding:0 5px;
	background-image:none;
}

.BtGoTop a {
	width:100%;
	height:70px;
	background:#a3d900 url(../refer/bt_gotop.png) no-repeat top center;
	position:fixed;
	bottom:0;
	right:0;
	display:block;
	opacity:0.9;
}






.VisualWrap{
	width:auto;
	height:240px;
	margin:0 0 0;
}

.Visual{
	width:auto;
	height:240px;
	margin:0 auto 0;
	background-size:auto;
	position:inherit;
}
.VisualMsg{
	display:none;
}
.BnEdify{
	display:none;
}

article.ArticleTop{
	width:auto;
	margin:0 0;
	display:-webkit-box;	display:-moz-box;	display:-ms-box;	display:box;
	-webkit-box-orient: vertical;
}




.BanBox{
	display:none;
}
/*
.BanBox{
	width:auto;
	float:none;
	margin:20px 0 20px;
}

.BanBox h2{
	font-size:0.88em;
	width:auto;
	color:#333;
	padding:0 0;
	margin:20px 0 0 0;
	font-weight:bold;
	border-bottom:1px solid #eee;
}

.BanBox h2.Seihin{
	background:none;
}
.BanBox h2.ForHealth{
	background:none;
}
.BanBox ul{
	position:inherit;
	height:auto;
	background:none;
	width:auto;
	margin:0 0 0 0;
	background:#fff;
	padding:10px 10px 5px;
}

.BanBox li{
	width:auto;
	height:auto;
	min-height:80px;
	font-size:0.88em;
	position:inherit;
	padding:0px 0;
	margin-bottom:0;
}
.BanBox .LinkMed {
	background:url(../refer/ban_seihin.png) no-repeat 0 0;
	background-size:100px;
}
.BanBox .LinkTou {
	background:url(../refer/ban_toutsu.png) no-repeat 0 0;
	background-size:100px;
}
.BanBox .LinkCan {
	background:url(../refer/ban_candida.png) no-repeat 0 0;
	background-size:100px;
}

.BanBox .LinkRec{
	background:url(../refer/ban_recruit.png) no-repeat 0 0;
	background-size:100px;
}
.BanBox li span{
	font-size:0.88em;
	display:block;
	width:auto;
	color:#000;
	padding:5px 5px 0 0;
	height:auto;
}
:root .BanBox li span{
	background:none;
}
.BanBox li span  strong{
	font-size:1.25em;
	color:#59B200;
	font-weight:normal;
}
.BanBox li span br{
	display:none;
}
.BanBox a,
.BanBox a.BanBoxShow{
	width: auto;
	height:auto;
	display: block;
	padding:0px 0 0px 110px;
	opacity: 1.0;	
	background:none;
}




.BanBox a:hover {
	overflow: hidden;
}
*/

article{
	background:#fff;
	padding:5px;
}
/*Error=======================================*/

.Error{
	width:auto;
}
article.ArticleTop {
	background:#eee;
	padding:5px;
}

/*OsiraseBox(ArticleTop)*/
.ArticleTop .OsiraseBox{
	float:none;
	width:auto;
	margin:40px 0 30px 0;
}

.ArticleTop .OsiraseBox h2{
	width:auto;
	font-size:1em;
	color:#333;
	padding:0;
	font-weight:bold;
	border-bottom:1px solid #eee;
	background:none;
}

.ArticleTop .OsiraseBox ul{
	background:#fff;
	padding:5px;
}
.ArticleTop .OsiraseBox li{
	font-size:100%;
	border-bottom:1px solid #eee;
	border-left:none;
	padding:10px 5px;
	margin:0;
}
.ArticleTop .OsiraseBox li:last-child{
	border-bottom:none;
}
.ArticleTop .OsiraseBox li a{
	border-left:none;
	display:block;
	padding:10px 5px;
	margin:0;
}
.ArticleTop .OsiraseBox li a:hover{
	background:#f9f9f9;
	-webkit-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
	border-color:#FA0;
}
.ArticleTop .OsiraseBox .Date{
}

.Container{
	background:#fff;
	width:auto;
	display:-webkit-box;
	display:-ms-box;
	display:-moz-box;
	display:-o-box;
	display:box;
	-webkit-box-orient:vertical;
	-moz-box-orient:vertical;
	-ms-box-orient:vertical;
	-o-box-orient:vertical;
	box-orient:vertical;
	-webkit-box-direction:reverse;
}
.Container h2{
	font-size:1.25em;
}
.Container h2 .Small{
	font-size:smaller;
	display:block;
}
.Container article{
	width:auto;
	background:#fff;
	min-height:inherit;
	margin:0;
	padding:10px 10px 40px;
}
.Container .SideNavi{
	width:auto;
	position:inherit;
}

.SideNavi{
	width:auto;
	position:inherit;
	margin:0 auto;
	top:auto;
	left:auto;
	background:#fff;
	padding-bottom:10px;
}
.SideNavi ul{
	width:auto;
	margin:0 0;
	letter-spacing: -.40em;
}
.SideNavi li{
	width:inherit;
	display:block;
	float:left;
	width:49%;
	height:40px;
	line-height:40px;
	margin-bottom:0;
	padding:0;
	text-align:center;
	border:1px solid #fff;
	letter-spacing: normal;

}
.SideNavi li a{
	width:auto;
	height:40px;
	color:#fff;
	padding:0;
	background: #333;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;}

.SideNavi li a.Current{
	color:#fff;
	background:#fa0;
}

.SideNavi li a:active{
	color:#fff;
	background:#fa0;
}
.SideNavi li a:hover{
	color:#fff;
	background:#333;
}

.CorpIndex .SideNavi li.CorpIndex a,
.Greet .SideNavi li.Greet a,
.Philosophy .SideNavi li.Philosophy a,
.Strategy .SideNavi li.Strategy a,
.Content .SideNavi li.Content a,
.Product .SideNavi li.Product a,
.Outline .SideNavi li.Outline a,
.History .SideNavi li.History a,
.Transparency .SideNavi li.Transparency a,
.TransparencyGuide .SideNavi li.TransparencyGuide a,
.MR .SideNavi li.NavMR a,
.Management .SideNavi li.NavManagement a,
.Account .SideNavi li.NavAccount a {
	color:#fff;
	background:#fa0;
	cursor:default;
}
.CorpIndex .InfoMenu li{
	width:auto;
	min-height:100px;
	display:block;
	padding:0px 0 5px 110px;
	margin:0 0 5px 0;
	border-left:none;
	border-bottom:1px solid #ccc;
	float:none;
}
.CorpIndex .InfoMenu li img{
	position:absolute;
	top:0;
	left:0;
}

.Strategy .President{
	height:auto;
	text-align:center;
	margin-bottom:1em;
	position:inherit;
	border-bottom:0;
}
.Strategy .President .Name{
	width:14em;
	margin:0 auto;
	position:inherit;
}
.Strategy .President .Name strong{
	font-size:1.14em;
}
.Strategy .President .Name img{
	margin:0 auto ;
}
.Strategy .President .Lead{
	position:inherit;
	text-align:left;
}
.Strategy p .Photo{
	float:none;
	display:block;
	margin:0 auto 1em;
}

 .Outline th{
	padding:10px;
}
 .Outline td{
	padding:10px;
}
.AccessMap + .AccessMap{
	margin-top:80px;
}
.AccessMap .MapInfo {
	width:100%;
	float:none;
	margin:0;
	padding:0;
}
 .AccessMap .MapInfo img{
	width:80%;
	height:auto;
}
 .AccessMap  iframe{
	width:80%;
	margin:0 0;
}

.ZoomOrganize{
	display:none;
}
.LinkOrganize{
	display:block;
}
.LinkOrganize a{
	display:block;
}
.Greet h3{
	font-size:1em;
	margin-bottom:1em;
	color:#00238C;
}
.GreetPhoto{
	width:auto;
	float:none;
	padding:0 0 0 0;
	margin:0 auto 40px;
	text-align:center;
}
.GreetPhoto .Photo{
	margin:0 auto;
	padding:0;
}
.GreetFoot{
	background-size:80%;
}
.Philosophy h3{
	font-size:1em;
}

/*HistoryEnglish*/
.History .EnkakuList li{
	padding:2.5em 0 1em 1.5em;
	border-left:4px solid #78C2D8;
	border-bottom:none;
	margin:0 0 0 0;
}
.History .EnkakuList li .Year{
	top:0.5em;
	left:-0.5em;
	background:#fff;
}
.History .EnkakuListEn li .Period{
	position:absolute;
	top:0.5em;
	left:-0.5em;
	text-align:left;
	background:#fff;
}
.History .EnkakuListEn li .Month{
	width:auto;
	position: static;
	padding-right:0.5em;
}
.History .EnkakuListEn li .Year{
	width:auto;
	position: static;
}
/*HistoryJapanese*/
.History .Period{
	background:none;
	width: auto;
	padding:0;
}
.History .Period h3{
	width: auto;
}
.History .Period .Successive{
	width:auto;
	float:none;
	background:none;
}
.History .Period .Successive h4{
	padding:0.5em 0 0;
}
.History .Period .Successive ul{
	width:auto;
	padding:0 0 0.5em;
	margin-bottom:0.5em;
	border-bottom:1px solid #069;
}
.History .PeriodSecond .Successive ul{
	border-bottom:1px solid #00AA94;
}
.History .Period .Successive li{
	font-size:1em;
}
.History .Period .HistoryList{
	background:none;
	padding:0;
}
.History .Period .HistoryList li p img{
	float:none;
	display:block;
	padding-bottom:10px;
}


.RecTop{
	padding:20px 0;
}


.RecruitBox {
	padding:0 0 40px 0;
	width:auto;
}
.RecruitBoxVisual{
	background:  url(../refer/recruit_visual.png) no-repeat top center;
	background-size:contain;
	width:auto;
	height:200px;
}
.RecruitBoxTitle {
	background:rgba(0,0,0,0.7) ;
	line-height:70px;
	text-align:center;
	color:#fff;
	font-size:1.00em;
	margin:-100px 0 20px;
}

.RecruitBoxQ{
	width:100%;
	height:60px;
	margin:0 auto 10px;
	background:#00498c url(../refer/recruit_hitobito.png) no-repeat center center;
	background-size:90%;
}
 .RecruitBoxYesNo{
	width:100%;
	height:150px;
	margin:0 auto;
	text-align:center;
}
.RecruitBoxYes,
.RecruitBoxNo{
  	width:45%;
	height:100px;
	display:inline-block;
	margin:5px;
}

.RecGreet{
	background:url(../refer/recruit_president_mobile.png) no-repeat top center;
	padding:380px 0 0 0;
}


.RecGreet h3{
	font-size:1.0em;
	margin-bottom:1.0em;
}
.RecReject{
	background-position:top center;
	padding:330px 0 0 0;
	width:auto;
}
.RecReject h3{
	font-size:1.0em;
}

.Vision .VisionFig01{
	width: 100%;
	height:0;
	padding-top:91%;
	background-size:contain;
}
.Vision .VisionFig02{
	width: 100%;
	height:0;
	padding-top:104%;
	background-size:contain;
}





.MedTop .SideNavi {
	display:none;
}
.MedBanBox{
	width:auto;
	margin-bottom:40px;
	letter-spacing: -.40em;
}
.MedBanBox li{
	width:auto;
	font-size:1.0em;
	float:none;
	background: #fff;
	padding-bottom:0;
	margin-bottom: 20px;
	border-right:none;
	letter-spacing: normal;
}

.MedBanBox li a{
	color:#333;
	display:block;
	padding:0;
	height:auto;
}
.MedBanBox li a strong{
	font-size:1.25em;
	color:#59B200;
	font-weight:normal;
}
.MedBanBox li .Banner{
	width:115px;
	height:70px;
	float:left;
	margin-right:10px;
}
.MedBanBox .LinkMed .Banner,
.MedBanBox .LinkTou .Banner,
.MedBanBox .LinkCan .Banner {
	width:115px;
	height:70px;
	background-size:cover;
}
.MedBanBox li .Exp{
	font-size:0.75em;
	padding:5px 0;
}
.MedBanBox li:hover{
	background:none;
}
/*clearfix*/
.MedBanBox li:after {
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
}

.PrdBox h4{
	font-size:1.25em;
	margin:0 0 0px;
}
.PrdBox figure{
	width:auto;
	text-align:center;
	float:none;
	display:block
}


/*Med Confirm*/
.ConfirmBox .About{
	padding:20px;
	background:#00B796;
}
.ConfirmBox .About h2{
	padding:80px 0 0 0 ; 
	background:url(../refer/ic_conf_stethoscope.png) no-repeat top center;
	text-align:center;
	margin-bottom:20px;
}
.ConfirmBox .About p.Lead{
	width:auto;
	margin-bottom:20px;
}
.ConfirmBox .About .Select{
	width:330px;
	position:static;
	margin:0 auto 0;
	padding-bottom:0px;
}

.ConfirmBox .About .Select ul:after {
	content: "."; 
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.ConfirmBox .Readme{
	padding:20px 20px;
	background-color:#400000;
}
.ConfirmBox .Information{
	width:auto;
	paddin-right:3vw;
	padding-left:3vw;
}
.ConfirmBox .Information h3{
	font-size:x-large;
	text-align:left;
}
.ConfirmBox .Information h3 .Syosai{
	display:block;
	font-size:small;
	padding-left:1.5em;
}
.ConfirmBox .Information .Flex{
	display:block;
}
.ConfirmBox .Information .Name{
	width:auto;
	margin-bottom:2em;
}
.ConfirmBox .Information .Name dt,
.ConfirmBox .Information .Name dd{
	font-size: large;
	float:none;
}
.ConfirmBox .Information .Name dd{
	padding-left:0em;
}
.ConfirmBox .Information .Term{
	width:auto;
}
.ConfirmBox .Information .Term h4{
	font-size:medium;
	clear:both;
}

/*ArticleRecruit*/
article.ArticleRecruit{
	width: auto;
}
article.ArticleRecruit .Define dt{
	float:none;
	border:0;
	font-size:88%;
	font-weight:bold;
	padding:0;
	margin-bottom:0.5em;
}
article.ArticleRecruit .Define{
	border-bottom:0;
}
article.ArticleRecruit .Define dd{
	float:none;
	border:0;
	margin-left:0;
	margin-bottom:1em;
	padding:0 0 1em;
	border-bottom:1px solid #CCC;
}







} /*<-----------Don't Remove this " } " */