@charset "utf-8";

body {
	width: 100%;
    overflow: hidden;
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif!important;
}

.whole{
height: 100%;
display: flex;
}


.film_left{
background-color: #1c3297;
height: 100%;
mix-blend-mode: multiply;
transform: skewX(-15deg);

width: 1000px;
  position: absolute;
  left: -500px;
  
  }
  
.left_border{
content: "";
background-color:#f9cd2e;
  height: 100vh;
  width: 4px;
  left: 470px;
  position: absolute;
  transform: skewX(-15deg);
}

.right_border{
content: "";
background-color:#f9cd2e;
  height: 100vh;
  width: 4px;
  right: 725px;
  position: absolute;
  transform: skewX(-15deg);
  z-index: 5;
}
  
.center_content{
position: relative;
  right: 736px;
  text-align: right;
  top: 100px;
}

.right_box{
display: flex;
  position: absolute;
    right: -500px;
    align-items: center;
    height: 100vh;

}

.btn_1{
position: relative;
right: 37px
}

.btn_2{
position: relative;
  right: 59px;
  margin-top: 10px;
}

.btn_3{
position: relative;
  right: 83px;
  margin-top: 10px;
}

.center_content a{
display: block;
}

.center_content a img:hover{
opacity: 0.75;
transition-duration: 0.15s;
transition-timing-function: ease-out;
}


.center_content img{
z-index: 100;
position: relative;
}

.film_right{
background-color: #1c3297;
mix-blend-mode: multiply;
transform: skewX(-15deg);
height: 100vh;
width: 1000px;
  position: absolute;
      right: 0px;

  
}



body.background{

}

body.background::before{
width: 100%;
background-image: url("../images/background.webp");
  height: 100vh;
  background-position:
center;
  background-size: cover;
  filter: blur(10px);
  content: "";
  display: block;
  position: absolute;
}


@keyframes clearing {
0% {       
filter: blur(10px); 
}100% {      
filter: blur(0px);  
}
    }
    
    body.background::before { 
    animation: 5s forwards clearing;
    }

/*会則ここから*/


body.kaisoku{
	font-family:"Meiryo", sans-serif;
	width: 100%;
    overflow-y:inherit;
    overflow-x: hidden;
}

.title{
position: relative;
bottom: 0px;
}

.kaisoku .content_area{
background:linear-gradient(180deg,rgba(255, 255, 255, 0.80) 0%, rgba(255, 255, 255, 0.96) 10%, rgba(255, 255, 255, 0.96) 100%);
width: 1000px;
margin-left: auto;
  margin-right: auto;
  z-index: 1000;
  position: relative;
    padding:50px 100px 50px 100px;
  box-sizing: border-box;
    box-shadow: 0px 0px 5px #a8a8a8;
    margin-bottom: 50px;
}

.kaisoku .whole{
height: 100%;
display: flex;
position: relative;
overflow-y: hidden;
overflow-x: hidden;
}

.kaisoku .btns{
height: 300px;
}

  
.kaisoku .center_content{
right: auto;
  margin-right: auto;
  margin-left: auto;
  top:-16px;
  text-align: left;
}

.kaisoku .head_area{
position: relative;
  top: 0px;
  left: 18px;
  display: flex;
  justify-content: space-between;
  right: auto;
  margin-left: auto;
  margin-right: auto;
  align-items: center;
}

.kaisoku .right_box{
display: flex;
  position: absolute;
    right: -500px;
    align-items: center;
    height: 100vh;

}

.kaisoku .btn_1{
position: relative;
  right: 6px;
  top: 26px;
}

.kaisoku .btn_2{
position: relative;
  right: 29px;
  margin-top: 10px;
}

.kaisoku .btn_3{
position: relative;
    right: 52px;
  bottom: 26px;
  margin-top: 10px;
}

.kaisoku .center_content a{
display: block;
}

.kaisoku .center_content img{
z-index: 100;
position: relative;
}



.kaisoku .film_left{
background-color: #1c3297;
mix-blend-mode: multiply;
  position: absolute;
  left: -500px;
  height: 1000px;
  width: 1000px;
  transform: rotate(45deg) skew(30deg, 30deg);
  top: -650px;
  }
  
.kaisoku .left_border{
  position: absolute;
  left: -540px;  
  height: 1000px;
  width: 1000px;
  transform: rotate(45deg) skew(30deg, 30deg);
  top: -666px;
  border: 6px solid #f9cd2e;  
background-color:inherit;
}


.kaisoku .film_right{
background-color: #1c3297;
mix-blend-mode: multiply;
  position: absolute;
height: 1000px;
  width: 1000px;
  right: -500px;
  transform: rotate(45deg) skew(30deg, 30deg);
  top: 0px;
}


.kaisoku .right_border{

background-color: inherit;
  position: absolute;
height: 1000px;
  width: 1000px;
  right: -550px;
  transform: rotate(45deg) skew(30deg, 30deg);
  border: 6px solid #f9cd2e;
  
}


.kaisoku .film_left.second{
top:680px;
}

.kaisoku .left_border.second{
top:675px;
}


.kaisoku .film_right.second{
top:1328px;
}

.kaisoku .right_border.second{
top:1312px;
}




.kaisoku .film_left.third{
top:2010px;
}

.kaisoku .left_border.third{
top:2005px;
}

.kaisoku .film_right.third{
top:2658px;
}

.kaisoku .right_border.third{
top:2642px;
}

.kaisoku .film_left.fourth{
display: none;
}

.kaisoku .left_border.fourth{
display: none;
}



body.background.kaisoku::before{
width: 100%;
background-image: url("../images/background.webp");
  height: 100vh;
  background-position:
center;
  background-size: cover;
  filter: blur(10px);
  content: "";
  display: block;
  position: absolute;
  z-index: -30;
}

body.background.kaisoku::after{
width: 100%;
background-image: linear-gradient(rgba(255,255,255,0) 0%, rgba(255,255,255,1)100%);
  height: 100vh;
  background-position:
center;
  background-size: cover;
  content: "";
  display: block;
  position: absolute;
  z-index: -10;
  top: 0px;
}




@keyframes clearing {
0% {       
filter: blur(10px); 
}


100% {      
filter: blur(0px);  
}
}
    
@keyframes apper {
0% {       
opacity: 0;
}


100% {      
opacity: 1;
}
}
    
.home .center_content img{
animation:2.5s ease-out apper;
}
    
body.background::before { 
    animation: 2.5s forwards clearing;
}

@keyframes fadein_left {
0% {       
left: -1500px; 
}

100% {      
left: -500px;
}
}

@keyframes fadein_left_smp {
0% {       
left: -610px; 
}

100% {      
left: -110px;
}
}



    
.home .film_left { 
    animation: 2.5s ease-out fadein_left;
}


@keyframes fadein_right {
0% {       
right: -1000px; 
}

100% {      
right: 0px;
}
}
    
.home .film_right { 
    animation: 2.5s ease-out fadein_right;
}


h2{
font-size: 28px;
  text-align: center;
  width: 282px;
  margin-left: auto;
  margin-right: auto;
  border-bottom:4px solid #509fd9;
margin-bottom: 40px;
}

p{
margin-bottom: 26px;

}



/*ここまで*/

footer.toppage{
position: absolute;
bottom: 0px;
z-index: 10;
}


@media(max-width:960px) and (min-width:428px) {





body {
	width: 100%;
    overflow: hidden;
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif!important;
}

.whole{
height: 100%;
display: flex;
}


.film_left{
background-color: #1c3297;
height: 100%;
mix-blend-mode: multiply;
transform: skewX(-15deg);

  
  width: 160px;
    position: absolute;
    left: -110px;
  
  }
  
.left_border{
content: "";
background-color:#f9cd2e;
  height: 100vh;
  width: 4px;
  left: 30px;
  position: absolute;
  transform: skewX(-15deg);
}

.right_border{
content: "";
background-color:#f9cd2e;
  height: 100vh;
  width: 4px;
  right: 29px;
  position: absolute;
  transform: skewX(-15deg);
  z-index: 5;
}
  
.center_content{
position: relative;
  text-align: right;
  top: 0px;
  right: 0px;
  width: 96%;
      margin-left: auto;
    margin-right: auto;
}

.right_box{
display: flex;
  position: absolute;
    right: 0px;
    align-items: center;
    height: 100vh;
    overflow: hidden;

}

.btn_1{
position: relative;
right: 5%;
}

.btn_2{
position: relative;
  right: 9.5%;
  margin-top: 6px;
}

.btn_3{
position: relative;
  right: 14.5%;
  margin-top: 6px;
}

.center_content a{
display: block;
}

.center_content img{
z-index: 100;
position: relative;
}

.film_right{
background-color: #1c3297;
mix-blend-mode: multiply;
transform: skewX(-15deg);
height: 100vh;
width: 210px;
    position: absolute;
    right: -79px; 
}

.center_content img{
width: 96%;
position: relative;
right: 1%;
}

.btn_1 img{
width: 50%;
}

.btn_2 img{
width: 50%;
}

.btn_3 img{
width: 50%;
}


body.background{

}

body.background::before{
width: 100%;
background-image: url("../images/background.webp");
  height: 100vh;
  background-position:
center;
  background-size: cover;
  filter: blur(10px);
  content: "";
  display: block;
  position: absolute;
}




.kaisoku .content_area{
width: 94%;
padding: 22px 10px 60px 10px;
}

.kaisoku .head_area{
  flex-direction: column;
}

.kaisoku .head_area{
top: 30px;
}

.title{
text-align: center;
}

.kaisoku .btns{
width: 100%;
    text-align: right;
}

.kaisoku .btn_1{
top: -10px;
right: 4.5%;
}

.kaisoku .btn_2{
  right: 9%;
  margin-top: 0px;
  bottom: 24px;
  }
  
  .kaisoku .btn_3{
  right: 13%;
  bottom: 48px;
  }
  
  .kaisoku .content_area p{
  font-size: 15px;
  }
  
  .kaisoku .film_left{
    top: -1060px;
  }
  
  .kaisoku .btns{
  height: 236px;
  }

.kaisoku .film_right{
  right: -665px;
}

.kaisoku .right_border{
  right: -690px;
}

.kaisoku .left_border{
  top: -1006px;
}

.kaisoku .film_left.second{
  left: -680px;
    top: 538px;
}

.kaisoku .left_border.second{
  top: 530px;
  left: -704px;
}

.kaisoku .film_left.third{
  left: -680px;
  top: 1490px;
  }
  
  .kaisoku .left_border.third{
  top: 1483px;
  left: -706px;
  }
  
  .kaisoku .film_right.second {
  top: 1018px;
  right: -681px;
  }
  
  .kaisoku .right_border.second {
  top: 1022px;
  right: -706px;
}

.kaisoku .film_right.third{
  top: 2038px;
}

.kaisoku .right_border.third {
  top: 2032px;
  }
  
  .kaisoku .film_left.fourth{
  display: block;
left: -680px;
  top: 2490px;
}

.kaisoku .left_border.fourth{
display: block;
left: -680px;
  top: 2575px;
}
  


.kaisoku .btn_1 img{
width: inherit;
}

.kaisoku .btn_2 img{
width: inherit;
  }
  
  .kaisoku .btn_3 img{
width: inherit;
  }
  
    .kaisoku .btns {
    height: 292px;
  }
  
  
  .btn_1 img{
width: inherit;
}

.btn_2 img{
width: inherit;
}

.btn_3 img{
width: inherit;
}


.home .film_left { 
    animation: 2.5s ease-out fadein_left_smp;
}

.home .film_right { 
    animation: 2.5s ease-out fadein_right_smp;
}
  
  }

@media(max-width:428px) {


body {
	width: 100%;
    overflow: hidden;
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif!important;
}

.whole{
height: 100%;
display: flex;
}


.film_left{
background-color: #1c3297;
height: 100%;
mix-blend-mode: multiply;
transform: skewX(-15deg);

  
  width: 160px;
    position: absolute;
    left: -110px;
  
  }
  
.left_border{
content: "";
background-color:#f9cd2e;
  height: 100vh;
  width: 4px;
  left: 30px;
  position: absolute;
  transform: skewX(-15deg);
}

.right_border{
content: "";
background-color:#f9cd2e;
  height: 100vh;
  width: 4px;
  right: 29px;
  position: absolute;
  transform: skewX(-15deg);
  z-index: 5;
}
  
.center_content{
position: relative;
  text-align: right;
  top: 0px;
  right: 0px;
  width: 96%;
      margin-left: auto;
    margin-right: auto;
}

.right_box{
display: flex;
  position: absolute;
    right: 0px;
    align-items: center;
    height: 100vh;
    overflow: hidden;

}

.btn_1{
position: relative;
right: 5%;
}

.btn_2{
position: relative;
  right: 9.5%;
  margin-top: 6px;
}

.btn_3{
position: relative;
  right: 14.5%;
  margin-top: 6px;
}

.center_content a{
display: block;
}

.center_content img{
z-index: 100;
position: relative;
}

.film_right{
background-color: #1c3297;
mix-blend-mode: multiply;
transform: skewX(-15deg);
height: 100vh;
    position: absolute;
    
        width: 230px;
    right: -98px;
}

.center_content img{
width: 96%;
position: relative;
right: 1%;
}

.btn_1 img{
width: 50%;
}

.btn_2 img{
width: 50%;
}

.btn_3 img{
width: 50%;
}


body.background{

}

body.background::before{
width: 100%;
background-image: url("../images/background.webp");
  height: 100vh;
  background-position:
center;
  background-size: cover;
  filter: blur(10px);
  content: "";
  display: block;
  position: absolute;
}




.kaisoku .content_area{
width: 94%;
padding: 22px 10px 60px 10px;
}

.kaisoku .head_area{
  flex-direction: column;
}

.kaisoku .head_area{
top: 30px;
left: 0px;
}

.title{
text-align: center;
}

.kaisoku .btns{
width: 100%;
    text-align: right;
}

.kaisoku .btn_1{
top: -10px;
right: 4.5%;
}

.kaisoku .btn_2{
  right: 9%;
  margin-top: 0px;
  bottom: 24px;
  }
  
  .kaisoku .btn_3{
  right: 13%;
  bottom: 48px;
  }
  
  .kaisoku .content_area p{
  font-size: 15px;
  }
  
  .kaisoku .film_left{
    top: -1060px;
  }
  
  .kaisoku .btns{
  height: 236px;
  }

.kaisoku .film_right{
  right: -665px;
}

.kaisoku .right_border{
  right: -690px;
}

.kaisoku .left_border{
  top: -1006px;
}

.kaisoku .film_left.second{
  left: -680px;
    top: 538px;
}

.kaisoku .left_border.second{
  top: 530px;
  left: -704px;
}

.kaisoku .film_left.third{
  left: -680px;
  top: 1490px;
  }
  
  .kaisoku .left_border.third{
  top: 1483px;
  left: -706px;
  }
  
  .kaisoku .film_right.second {
  top: 1018px;
  right: -681px;
  }
  
  .kaisoku .right_border.second {
  top: 1022px;
  right: -706px;
}

.kaisoku .film_right.third{
  top: 2038px;
}

.kaisoku .right_border.third {
  top: 2032px;
  }
  
  .kaisoku .film_left.fourth{
  display: block;
left: -680px;
  top: 2490px;
}

.kaisoku .left_border.fourth{
display: block;
left: -680px;
  top: 2575px;
}
  
  
.home .film_left { 
    animation: 1.5s ease-out fadein_left_smp;
}  

.home .film_right { 
    animation: 1.5s ease-out fadein_right_smp;
}  
  
}


@keyframes fadein_left_smp {
0% {       
left: -610px; 
}

100% {      
left: -110px;
}
}


@keyframes fadein_right_smp {
0% {       
right: -598px; 
}

100% {      
right: -98px;
}
}




a, a:hover{
	text-decoration: none;
}

header{
	width: 100%;
	height: auto;
	margin: 0 auto;
	position: relative;
}

#header_navi{
	width: 100%;
	height: 142px;
	z-index: 100;
	position: absolute;
	top: 0px;
}



#page-top {
	position: fixed;
	right: 5%;
	z-index: 1000;
}
#page-top a {
	display: block;
	padding: 10px;
}

#page-top a:hover {
	opacity: 0.5;
}

footer{
	width: 100%;
	margin: 0 auto;
	background: #5c5c5c;
}

footer .footer_navi{
	width: 1150px;
	height: 140px;
	margin: 0 auto;
	display: flex;
	justify-content:center;
	color: white;
	
}


footer .copy{
	text-align: center;
	font-size: 14px;
	line-height: 40px;
	color: #fff;
	width: 100%;
	background: #262626;
}




section#top{
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 70px 0;
	display: flex;
	justify-content: space-between;
}



header .content_area{
      background: transparent url("../images/top_image.webp") no-repeat 0px center;
	background-repeat: no-repeat;
	background-position: center 17%;
      background-size: cover;
        background-color: #fef1ee;
}


header .content_area .inn{
	background-repeat: repeat-x;
	background-position: left bottom;
}

header .intern .inn{
	background: url(../images/page_mv03_ttl.png);
	background-repeat: repeat-x;
	background-position: left bottom;
}

header .medical_personnel .inn{
	background: url(../images/page_mv04_ttl.png);
	background-repeat: repeat-x;
	background-position: left bottom;
}

header .others .inn{
	background: url(../images/page_mv05_ttl.png);
	background-repeat: repeat-x;
	background-position: left bottom;
}

#content{
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 30px 0;
	display: flex;
	justify-content: space-between;
}


@media(min-width:960px) {
#content #side_navi ul{
	display: block!important;	
}

#content section{
	width: 68%;
	margin-left: 5%;
	max-width: 800px;
	padding: 2px 0;
	min-height: 600px;
	background-repeat: no-repeat;
	background-position: left top;
}

#content section p{
	color: #3c3c3c;
	font-size: 16px;
	line-height: 1.7em;
}

#content section p a{
	color: #3c3c3c;
    padding-left: 14px;
    background: transparent url(../images/ico_arrow_02.png) no-repeat 3px center;
	text-decoration: underline;
}

#content section p a:hover{
	opacity: 0.5;	
	text-decoration: none;
}

#content section p a[target$='_blank']{
	color: #3c3c3c;
    padding-left: 21px;
    background: transparent url(../images/ico_web.png) no-repeat 3px center;
}

#content section p a[href$=".pdf"][target$="_blank"], section a[href$=".pdf"]{
	color: #3c3c3c;
    padding-left: 21px;
    background: transparent url(../images/icon_pdf.gif) no-repeat 3px center;
}

#content section h1{
	font-weight: normal;
	font-size: 1.8em;
	padding: 8px 8px 8px 0;
	margin:0 0 30px 0;
	line-height: 1.4;
	color: #2d2d2d;
	border-bottom: solid 3px #ffc9ce;
	position: relative;
}

#content section h1::after{
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #e02e40;
  bottom: -3px;
  width: 20%;
}

#content section h2{
  margin: 1.5em 0;
  padding: 10px;
  font-size: 1.2em;
  font-weight: normal;
  line-height: 1.4;
  background-color: #99ccff;
}

#content section h3{
  margin: 1.5em 0 1em 0;
  font-size: 1.3em;
  font-weight: 500;
  line-height: 1.4;
  border-left: 10px solid #49d2cd;
  padding-top: 4px;
  padding-left: 16px;
}

#content section h4 {
    font-size: 16px;
    font-weight: bold;
    padding: 8px 0px;
	margin: 15px 0;
}

.box {
  margin: 1em 0 1em 15px;
  padding: 7px 15px;
  background-color: #f6f6f6;
  border: 1px solid #999;
  border-radius: 10px;
}

/* 丸リスト*/
#content section ul{
	color: #3c3c3c;
	font-size: 16px;
	line-height: 1.7em;
	margin: 5px 0 0 1.5em;
}

#content section ul a{
    padding-left: 14px;
    background: transparent url(../images/ico_arrow_02.png) no-repeat 3px center;
	text-decoration: underline;
}

#content section ul a:hover{
	opacity: 0.5;	
	text-decoration: none;
}

#content section ul a[target$='_blank']{
    padding-left: 21px;
    background: transparent url(../images/ico_web.png) no-repeat 3px center;
}

/* 数リスト*/
#content section ol{
	color: #3c3c3c;
	font-size: 16px;
	line-height: 1.7em;
	margin: 20px 0 20px 2.5em;
}

#content section ol a{
	color: #3c3c3c;
    padding-left: 14px;
    background: transparent url(../images/ico_arrow_02.png) no-repeat 3px center;
	text-decoration: underline;
}

#content section ol a:hover{
	opacity: 0.5;	
	text-decoration: none;
}

#content section a[target$='_blank']{
	color: #3c3c3c;
    padding-left: 21px;
    background: transparent url(../images/ico_web.png) no-repeat 3px center;
}

#content section ol a[href$=".pdf"][target$="_blank"], section a[href$=".pdf"] {
    padding: 0 0 0 22px;
    background: transparent url(../images/icon_pdf.gif) no-repeat no-repeat 0 0px;
}

#content section sup{
	vertical-align:super;	
	font-size:small;
}

#content div.scroll{
overflow-x: scroll;
}

#content span.attention{
	color: #cc0033;
}

.news > div{
	width: 100%;
	padding-bottom: 0.2em;
	margin-bottom: 16px;
	border-bottom: 1px dashed #000000;
}

.news p{
	font-size: 14px;
	line-height: 3.4em;
}

.news .days{
	color: #323232!important;
}

/* 表*/
table.main_table {
    width: 100%;
    padding: 0;
    margin: 1.5em auto;
    border: solid 1px #CCC;
    font-weight: normal;
    font-size: 14px;
	color: #333;
	font-family: "Meiryo", sans-serif;
    border-collapse: collapse;
    border-spacing: 0;
    background-color: white;
	line-height: 1.9em;
}

table.staff th {
    width: 12%;
}

table.main_table th {
    background: #e5f0f4;
    border-bottom: 1px solid #CCC;
    border-right: 1px solid #CCC;
    padding: 6px;
    vertical-align: middle;
    line-height: 1.4;
    font-weight: bold;
    text-align: center;
}

table.main_table td {
    border-bottom: 1px solid #CCC;
    border-right: 1px solid #CCC;
    vertical-align: middle;
    padding: 6px;
}

table.main_table td.point {
    background: #f5f5f5;
    text-align: center;
}

table.main_table td.small {
    font-size: 12px;
    padding: 2px;
    text-align: center;
}

table.staff td.room {
    text-align: center;
}

th, td {
    font-weight: normal;
}


img, iframe {
    border: none;
    text-decoration: none;
}




.text-c{
	text-align: center;
}

.text-r{
	text-align: right;
}

.pc{
	display: block;
}

.sp, .sp_in{
	display: none;
}

/*サイトマップ*/

#content section ul.sitemap{
	list-style: none;
	margin-left:0px;
}

/*スタッフ紹介*/

.mar_t_40 {
	padding-top: 20px;
	padding-bottom: 30px;
	margin-bottom: 50px;
}

.fltlft {
    margin-left: 10px;
    padding-bottom: 15px;
	float: left;
}

.fltlft_2 {
	margin-left: 135px;
}


}