@charset "UTF-8";

.clearfix:before,
.clearfix:after{
  content: "";
  display: table;
}
.clearfix:after{
  clear: both;
}

/*初期研修医募集************/
#otowa_dr_recruit_btn a{
	position:fixed;
	top:27%;
	right:-5px;
	z-index:500;
}

#otowa_dr_recruit_btn a:hover{
	right:0;
	filter:alpha(opacity=100);
	opacity:1.0;
}



/*音羽10周年************/
#otowa_anv10_btn a{
	position:fixed;
	top:60%;
	right:-5px;
	z-index:500;
}

#otowa_anv10_btn a:hover{
	right:0;
	filter:alpha(opacity=100);
	opacity:1.0;
}


/* 70th ***************/
#anv70_btn a{
	position:fixed;
	top:15%;
	right:-5px;
	z-index:500;
}
#anv70_btn a:hover{
	right:0;
	filter:alpha(opacity=100);
	opacity:1.0;
}
#anv70_btn2 a{
	position:fixed;
	top: 415px;
	right:-5px;
	z-index:500;
}
#anv70_btn2 a:hover{
	right:0;
	filter:alpha(opacity=100);
	opacity:1.0;
}
.spani{display:none;}

/* 重要なお知らせ ***************/
#rakuwa_kinkyu{
	margin:10px auto 20px;
	width:100%;
	max-width:1000px;
	background-color:#FFF;
	display:block;
	width:100%;
	padding:20px;
	border:5px solid #F00;
	box-sizing:border-box;
}
p.right{
	font-size:1em;
}
p.kinkyu_txt{
	font-size:1.1em;
	line-height:1.5;
}
p.kinkyu_txt span.right{
	display:block;
	text-align:right;
}
p.kinkyu_txt span.red{color:#F00;}
p.kinkyu_txt a{
	color:#009B47;
	text-decoration:underline;
}
p.kinkyu_txt a:hover{
	color:#077A79;
}

@media screen and (max-width:960px) {
#anv70_btn{
	position:fixed;
	top:0px;
	left:0;
	padding-top:5px;
	width:100%;
	height:60px;
	display:none;
	text-align:center;
	background-color:#FFF;
	z-index:500;
}
#anv70_btn a{
	position:static;
	width:300px;
	height:50px;
	margin:auto;
	display:inline-block;
}
#anv70_btn a:hover{
	opacity:0.7;
}
.pcani{display:none;}
.spani{display:inline-block;}
}
@media print{
	#anv70_btn{display:none;}
}
/* 70th_footer*/
#aniv_f{
	width:100%;
	background-color:#E8F9EA;
	border-top:1px solid #ABEAB1;
	border-bottom:1px solid #ABEAB1;
}
#aniv_f .aniv_fbox{
	max-width: 1020px;
	min-height:80px;
	margin: 0px auto 0px;
	padding: 10px;
	background-image:url(../../aniv70th/70th_logos.png);
	background-repeat:no-repeat;
	background-position:left center;
	background-size:70px 61px;
	box-sizing:border-box;
}
#aniv_f .aniv_fbox p{
	padding:15px 0 0 80px;
	color:#039A45;
	font-size:22px;
	line-height:130%;
	font-weight:bold;
	float:left;
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
}
#aniv_f .aniv_fbox a{
	margin-top:20px;
	padding:5px 25px 5px 10px;
	display:inline-block;
	float:right;
	color:#FFF;
	font-size:13px;
	font-weight:bold;
	background-color:#039A45;
	border-radius:10px;
	text-decoration:none;
	border:1px solid #039A45;
	position:relative;
}
#aniv_f .aniv_fbox a:after{
	content:"";
	position:absolute;
	top:7px;
	right:13px;
	width:5px;
	height:5px;
	border-right: 3px solid #FFF;
	border-top: 3px solid #FFF;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
}
#aniv_f .aniv_fbox a:hover{
	color:#039A45;
	background-color:#FFF;
}
#aniv_f .aniv_fbox a:hover:after{
	border-right: 3px solid #039A45;
	border-top: 3px solid #039A45;
}

@media screen and (max-width:760px) {
/* 70th ***************/
	#aniv_f .aniv_fbox{
		background-position:10px center;
	}
	#aniv_f .aniv_fbox p{
		padding:10px 10px 0 90px;
		font-size:20px;
	}
	#aniv_f .aniv_fbox a{
		margin-top:0;
	}
}



/*footer*/
/*SNSリスト*/
.footer_sns{
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:1px solid #CCCCCC;
}
.footer_sns p{
	display:block;
	float:left;
	width:43%;
	font-size:13px;
}
.footer_sns p:before{
	content:"■ ";
}
.footer_sns ul{
	display:block;
	float:right;
	width:55%;
}
ul.sns_list{
	display:inline-block;
	text-align:right;
}
ul.sns_list li{
	display:inline;
	margin-left:20px;
	font-size:13px;
}
ul.sns_list li a{
	display:inline-block;
	padding-left:40px;
	line-height:32px;
	font-weight:bold;
	color:#333;
	text-decoration:none;
	background-repeat:no-repeat;
	background-size:contain;
}
.ico_youtube a{background-image:url(/lib/cmn_img/ico_youtube.png);}
.ico_facebook a{background-image:url(/lib/cmn_img/ico_facebook.png);}
.ico_instagram a{background-image:url(/lib/cmn_img/ico_instagram.png);}
.ico_line a{background-image:url(/lib/cmn_img/ico_line.png);}

.sns_ichiran{
	margin-left: 10px;
}

.sns_ichiran a{
	color:#333;
	text-decoration:none;
	position: relative;
}

.sns_ichiran a:after {
    content: "";
    position: absolute;
    top: 4px;
    right: -15px;
    width: 5px;
    height: 5px;
    border-right: 3px solid #333;
    border-top: 3px solid #333;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}

.sns_ichiran a:hover {
	text-decoration: underline;
}

/**取材申し込みフォーム*/

.footer_syuzai{
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom:1px solid #CCCCCC;
}
.footer_syuzai p{
	display:block;
	font-size:13px;
}
.footer_syuzai p:before{
	content:"■ ";
}

.btn_menu{
	margin-top: 10px;
}

 .btn_menu li a {
    margin-right: 5px;
    margin-bottom: 5px;
    padding: 0.5em 0 0.4em;
    padding-left: 1.6em;
    background-color: #077A79;
    text-indent: -1.1em;
    display: block;
    color: #fff !important;
    font-size: 14.69px;
    font-weight: bold;
    border-radius: 3px;
    line-height: 1.4em !important;
    text-decoration: none;
    box-sizing: border-box;
}

.btn_menu li a {
    width: 30%;
}

.btn_menu li a::before{
    content: "▷";
    margin-right: 3px;
}

.btn_menu li a:hover{
	opacity: 70%;
}


@media screen and (max-width:760px) {
	.footer_sns{
		margin-bottom:0;
		padding:10px 0;
		border-bottom:none;
	}
	.footer_sns p,
	.footer_sns ul{
		float:none;
		width:100%;
		box-sizing:border-box;
	}
	.footer_sns p{
		padding-left:5px;
		margin-bottom:10px;
	}
	ul.sns_list{
		text-align:center;
	}
	ul.sns_list li{
		margin-left:10px;
	}
	.footer_syuzai{
		margin-bottom:10px;
		padding:10px 5px; 
}
	
	.btn_menu li a {
    width: 100%;
}

}

@media  screen and (max-width:450px) {
    ul.sns_list{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        text-align:left !important;
    }
}




.inrBox {
  max-width: 1020px;
  box-sizing: border-box;
  padding: 0 10px;
  margin: 0 auto;
}
footer {
  border-top: 2px solid #077a79;
}
.footer-link-wrapper {
  background-color: #f8f4ef;
  padding: 20px 0;
}
.footer-link-box {
  width: 25%;
  float: left;
}
.footer-link-box h3 {
  font-size: 1.6em;
  line-height: 1.5 !important;
  margin-bottom: 10px;
  font-weight: bold;
}
.footer-link-box.box_g h3 {
  color: #a9d26d;
}
.footer-link-box.box_o h3 {
  color: #ffb119;
}
.footer-link-box.box_p h3 {
  color: #ff99c7;
}
.footer-link-box.box_b h3 {
  color: #75bee9;
}
.footer-link-box a {
  display: inline-block;
  font-size: 1.3rem;
  padding: 0.2em 0 0.2em 1.3em;
  box-sizing: border-box;
  text-decoration: none;
  color: #000000;
  position: relative;
  line-height: 1.2;
}
.footer-link-box a:before {
  display: block;
  width: 12px;
  height: 12px;
  background-color: #000000;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -6px;
  content: "";
}
.footer-link-box a:hover {
  text-decoration: underline;
}
.footer-link-box.box_g a:before {
  background: url(/lib/cmn_img/footer_arrow_g.png) center center no-repeat;
  background-size: cover;
}
.footer-link-box.box_o a:before {
  background: url(/lib/cmn_img/footer_arrow_o.png) center center no-repeat;
  background-size: cover;
}
.footer-link-box.box_p a:before {
  background: url(/lib/cmn_img/footer_arrow_p.png) center center no-repeat;
  background-size: cover;
}
.footer-link-box.box_b a:before {
  background: url(/lib/cmn_img/footer_arrow_b.png) center center no-repeat;
  background-size: cover;
}
footer .footer-inr-box {
  max-width: 1020px;
  margin: 0px auto 0px;
  padding: 10px 10px 0;
}
footer .footer-inr-box .footer-left {
  /*float: left;
  width: 25%;*/
}
footer .footer-inr-box .footer-mark {
  max-width: 240px;
  margin-bottom: 10px;
}
footer .footer-inr-box .footer-add {
  font-size: 11px;
}
footer .footer-inr-box .footer-right {
  /*float: right;
  width: 75%;*/
}
footer .footer-inr-box .footer-right li {
  float: right;
  font-size: 1.4rem;
}
footer .footer-inr-box .footer-right li a {
  display: inline-block;
  text-decoration: none;
  color: #000000;
  line-height: 1 !important;
  border-left: 1px;
  padding: 0 0.4em;
  border-left: 1px solid #000000;
}
footer .footer-inr-box .footer-right li:last-child a {
  border: none;
}
footer .footer-inr-box .footer-right li a:hover {
  text-decoration: underline;
}
.copy-p {
  background-color: #077a79;
  text-align: center;
  color: #FFFFFF;
  font-size: 0.8em;
  padding: 1em 0;
}

































/* for SP
-------------------------------------------------------------------------------------*/

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

/*footer*/
.footer-link-wrapper .inrBox {
    padding: 0;
}
footer {
  border-top: 2px solid #077a79;
}
.footer-link-wrapper {
  padding-top: 0;
}
.footer-link-wrapper .inrBox {
  padding: 0;
}
.footer-link-box {
  float: none;
  width: 100%;
}
.footer-link-box h3 {
  color: #000;
  font-weight:normal;
  font-size: 1.55rem;
  padding: 0.4em 10px;
  box-sizing: border-box;
  color: #000000 !important;
  margin-bottom: 0;
  position: relative;
  opacity:0.8;
}

.box_g h3 {
	background-color: #aed476;
}
.box_o h3 {
	background-color: #fcba62;
}
.box_p h3 {
	background-color: #ff99c7;
}
.box_b h3 {
	background-color: #75bee9;
}
.footer-link-box h3:after {
  position: absolute;
  box-sizing: border-box;
  width: 10px;
  height: 10px;
  right: 10px;
  top: 50%;
  margin-top: -5px;
  content: "";
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  -ms-transform: rotate(45deg);   /* IE 9 */
  -moz-transform: rotate(45deg);  /* Firefox */
  -webkit-transform: rotate(45deg); /* Safari 和 Chrome */
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.footer-link-box ul {
  box-sizing: border-box;
  padding: 10px;
  display:none;
}
footer .footer-inr-box {
  padding: 0 0;
}
footer .footer-inr-box .footer-right {
  width: 100%;
  float: none;
  background-color: #ebebeb;
}
footer .footer-inr-box .footer-right ul {
  text-align: center;
}
footer .footer-inr-box .footer-right li {
  display: inline-block;
  float: none;
  margin: 2px 2px;
  line-height: 1;
}
footer .footer-inr-box .footer-right li a {
  border: none;
  font-size: 10px;
  padding: 0.4em 0;
}
footer .footer-inr-box .footer-left {
  width: 100%;
  float: none;
}
footer .footer-inr-box .footer-mark {
  margin: 20px auto 10px;
}
footer .footer-inr-box .footer-add {
  text-align: center;
}
.copy-p {
  font-size: .9rem;
}

.footer-mark a img{
	display: block;
    width: 80%;
    margin: 0 auto;
}








}
/*SP END*/